diff --git a/.changeset/warm-forks-double.md b/.changeset/warm-forks-double.md
new file mode 100644
index 00000000..81cec48f
--- /dev/null
+++ b/.changeset/warm-forks-double.md
@@ -0,0 +1,20 @@
+---
+'@cocokits/react-components': minor
+'@cocokits/react-form-field': minor
+'@cocokits/react-accordion': minor
+'@cocokits/react-checkbox': minor
+'@cocokits/react-divider': minor
+'@cocokits/react-overlay': minor
+'@cocokits/react-avatar': minor
+'@cocokits/react-button': minor
+'@cocokits/react-toggle': minor
+'@cocokits/react-radio': minor
+'@cocokits/react-utils': minor
+'@cocokits/react-core': minor
+'@cocokits/react-icon': minor
+'@cocokits/react-menu': minor
+'@cocokits/react-tabs': minor
+'@cocokits/react-cdk': minor
+---
+
+Upgrade to react 19
diff --git a/.changeset/wise-shoes-itch.md b/.changeset/wise-shoes-itch.md
new file mode 100644
index 00000000..6039a9d1
--- /dev/null
+++ b/.changeset/wise-shoes-itch.md
@@ -0,0 +1,20 @@
+---
+'@cocokits/angular-components': minor
+'@cocokits/angular-form-field': minor
+'@cocokits/angular-accordion': minor
+'@cocokits/angular-checkbox': minor
+'@cocokits/angular-divider': minor
+'@cocokits/angular-overlay': minor
+'@cocokits/angular-avatar': minor
+'@cocokits/angular-button': minor
+'@cocokits/angular-toggle': minor
+'@cocokits/angular-radio': minor
+'@cocokits/angular-utils': minor
+'@cocokits/angular-core': minor
+'@cocokits/angular-icon': minor
+'@cocokits/angular-menu': minor
+'@cocokits/angular-tabs': minor
+'@cocokits/angular-cdk': minor
+---
+
+Upgrade to Angular 20
diff --git a/.github/actions/pnpm-install/action.yml b/.github/actions/pnpm-install/action.yml
index 252964fe..ac3b3532 100644
--- a/.github/actions/pnpm-install/action.yml
+++ b/.github/actions/pnpm-install/action.yml
@@ -7,12 +7,12 @@ runs:
- name: Install Node.js
uses: actions/setup-node@v3
with:
- node-version: 20.9
+ node-version: 22.17
- uses: pnpm/action-setup@v2
name: Install pnpm
with:
- version: 9.11
+ version: 10.9
- name: Get pnpm store directory
shell: bash
diff --git a/.gitignore b/.gitignore
index df5d27d7..b805a80d 100644
--- a/.gitignore
+++ b/.gitignore
@@ -50,3 +50,8 @@ migration-storybook.log
# Next.js
.next
out
+
+vite.config.*.timestamp*
+vitest.config.*.timestamp*
+.cursor/rules/nx-rules.mdc
+.github/instructions/nx.instructions.md
diff --git a/apps/angular-kits-doc/.eslintrc.json b/apps/angular-kits-doc/.eslintrc.json
index 9751dd9d..39d36001 100644
--- a/apps/angular-kits-doc/.eslintrc.json
+++ b/apps/angular-kits-doc/.eslintrc.json
@@ -24,7 +24,8 @@
"prefix": "cck",
"style": "kebab-case"
}
- ]
+ ],
+ "@angular-eslint/prefer-standalone": "off"
}
},
{
diff --git a/apps/angular-kits-doc/.storybook/tsconfig.json b/apps/angular-kits-doc/.storybook/tsconfig.json
index 44375d7c..3ef91713 100644
--- a/apps/angular-kits-doc/.storybook/tsconfig.json
+++ b/apps/angular-kits-doc/.storybook/tsconfig.json
@@ -2,6 +2,7 @@
"extends": "../tsconfig.json",
"compilerOptions": {
"emitDecoratorMetadata": true,
+ "noPropertyAccessFromIndexSignature": false,
"jsx": "react-jsx"
},
"exclude": ["../**/*.spec.ts", "node_modules", "../../../**/node_modules"],
diff --git a/apps/angular-kits-doc/package.json b/apps/angular-kits-doc/package.json
index 48acaf91..320489c1 100644
--- a/apps/angular-kits-doc/package.json
+++ b/apps/angular-kits-doc/package.json
@@ -9,10 +9,10 @@
"main": "index.js",
"scripts": {},
"dependencies": {
- "@angular/common": "18.2.0",
- "@angular/core": "18.2.0",
- "@storybook/addon-docs": "8.4.4",
- "@storybook/angular": "8.4.4",
- "@storybook/manager-api": "8.4.4"
+ "@angular/common": "~20.0.0",
+ "@angular/core": "~20.0.0",
+ "@storybook/addon-docs": "8.6.11",
+ "@storybook/angular": "8.6.11",
+ "@storybook/manager-api": "8.6.11"
}
}
diff --git a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/animation-overlay-story.component.ts b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/animation-overlay-story.component.ts
index e8cd7f2e..a4def7a3 100644
--- a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/animation-overlay-story.component.ts
+++ b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/animation-overlay-story.component.ts
@@ -6,7 +6,6 @@
// import { OverlayService } from '../../../src/services/overlay.service';
// @Component({
-// standalone: true,
// selector: 'story-animation',
// imports: [JsonPipe],
// template: `
diff --git a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/basic-overlay-example.component.ts b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/basic-overlay-example.component.ts
index 47e6fe49..6d915809 100644
--- a/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/basic-overlay-example.component.ts
+++ b/apps/angular-kits-doc/stories/CDK/overlay/overlay/components-old/basic-overlay-example.component.ts
@@ -4,7 +4,6 @@
// import { OverlayRef } from '../../../src/services/overlay-ref';
// @Component({
-// standalone: true,
// imports: [JsonPipe],
// template: `
//
{index === 0 && (
|
{collection}
@@ -156,7 +156,6 @@ import { ButtonComponent, CheckboxComponent } from '@cocokits/angular-components
@Component({
selector: 'hello',
- standalone: true,
imports: [ButtonComponent, CheckboxComponent],
template: \`
diff --git a/apps/angular-kits-doc/stories/ui-components/accordion/accordion/overview/control.stories.ts b/apps/angular-kits-doc/stories/ui-components/accordion/accordion/overview/control.stories.ts
index 43746f7a..82544940 100644
--- a/apps/angular-kits-doc/stories/ui-components/accordion/accordion/overview/control.stories.ts
+++ b/apps/angular-kits-doc/stories/ui-components/accordion/accordion/overview/control.stories.ts
@@ -9,7 +9,6 @@ import { StoryObj } from '@cocokits/storybook-addon-theme-angular';
@Component({
selector: 'cck-accordion-control',
- standalone: true,
imports: [AccordionComponent, AccordionHeaderComponent, AccordionPanelComponent],
styles: [
`
diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/add-new-button/_story.source.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/add-new-button/_story.source.ts
index fd8c9ab9..add0c64c 100644
--- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/add-new-button/_story.source.ts
+++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/add-new-button/_story.source.ts
@@ -17,7 +17,6 @@ import { Icons } from '@cocokits/common-icons';
@Component({
- standalone: true,
selector: 'cck-add-new-button',
imports: [ButtonComponent, SvgIconComponent],
template: \`
diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/add-new-button/add-new-button.component.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/add-new-button/add-new-button.component.ts
index 885ae749..0fe542b1 100644
--- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/add-new-button/add-new-button.component.ts
+++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/add-new-button/add-new-button.component.ts
@@ -6,7 +6,6 @@ import { Icons } from '@cocokits/common-icons';
import { ExampleArgs } from '@cocokits/common-kits-doc/examples-config/button/add-new-button.config';
@Component({
- standalone: true,
selector: 'cck-add-new-button',
imports: [ButtonComponent, SvgIconComponent],
template: `
diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/back-button/_story.source.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/back-button/_story.source.ts
index a52130c2..07c25327 100644
--- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/back-button/_story.source.ts
+++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/back-button/_story.source.ts
@@ -16,7 +16,6 @@ import { Icons } from '@cocokits/common-icons';
@Component({
- standalone: true,
selector: 'cck-back-button',
imports: [ButtonComponent, SvgIconComponent],
template: \`
diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/back-button/back-button.component.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/back-button/back-button.component.ts
index 30e0c964..c5766f74 100644
--- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/back-button/back-button.component.ts
+++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/back-button/back-button.component.ts
@@ -5,7 +5,6 @@ import { Icons } from '@cocokits/common-icons';
import { ExampleArgs } from '@cocokits/common-kits-doc/examples-config/button/back-button.config';
@Component({
- standalone: true,
selector: 'cck-back-button',
imports: [ButtonComponent, SvgIconComponent],
template: `
diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/copy-link-button/_story.source.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/copy-link-button/_story.source.ts
index 5d5dfab6..45420437 100644
--- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/copy-link-button/_story.source.ts
+++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/copy-link-button/_story.source.ts
@@ -16,7 +16,6 @@ import { Icons } from '@cocokits/common-icons';
@Component({
- standalone: true,
selector: 'cck-copy-link-button',
imports: [ButtonComponent, SvgIconComponent],
template: \`
diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/copy-link-button/copy-link-button.component.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/copy-link-button/copy-link-button.component.ts
index b9b9cd32..13e80bc4 100644
--- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/copy-link-button/copy-link-button.component.ts
+++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/copy-link-button/copy-link-button.component.ts
@@ -5,7 +5,6 @@ import { Icons } from '@cocokits/common-icons';
import { ExampleArgs } from '@cocokits/common-kits-doc/examples-config/button/copy-link-button.config';
@Component({
- standalone: true,
selector: 'cck-copy-link-button',
imports: [ButtonComponent, SvgIconComponent],
template: `
diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/delete-button/_story.source.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/delete-button/_story.source.ts
index ac4df791..0b3fda73 100644
--- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/delete-button/_story.source.ts
+++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/delete-button/_story.source.ts
@@ -16,7 +16,6 @@ import { OutlineIcons } from '@cocokits/common-icons';
@Component({
- standalone: true,
selector: 'cck-delete-button',
imports: [ButtonComponent, SvgIconComponent],
template: \`
diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/delete-button/delete-button.component.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/delete-button/delete-button.component.ts
index d0020d16..fddd776c 100644
--- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/delete-button/delete-button.component.ts
+++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/delete-button/delete-button.component.ts
@@ -5,7 +5,6 @@ import { OutlineIcons } from '@cocokits/common-icons';
import { ExampleArgs } from '@cocokits/common-kits-doc/examples-config/button/delete-button.config';
@Component({
- standalone: true,
selector: 'cck-delete-button',
imports: [ButtonComponent, SvgIconComponent],
template: `
diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/show-more-button/_story.source.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/show-more-button/_story.source.ts
index 4f743355..0427d8f5 100644
--- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/show-more-button/_story.source.ts
+++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/show-more-button/_story.source.ts
@@ -16,7 +16,6 @@ import { Icons } from '@cocokits/common-icons';
@Component({
- standalone: true,
selector: 'cck-show-more-button',
imports: [ButtonComponent, SvgIconComponent],
template: \`
diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/show-more-button/show-more-button.component.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/show-more-button/show-more-button.component.ts
index b775db1f..298aeba8 100644
--- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/show-more-button/show-more-button.component.ts
+++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/show-more-button/show-more-button.component.ts
@@ -5,7 +5,6 @@ import { Icons } from '@cocokits/common-icons';
import { ExampleArgs } from '@cocokits/common-kits-doc/examples-config/button/show-more-button.config';
@Component({
- standalone: true,
selector: 'cck-show-more-button',
imports: [ButtonComponent, SvgIconComponent],
template: `
diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-horizontal-button/_story.source.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-horizontal-button/_story.source.ts
index c7245e2a..ff62f370 100644
--- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-horizontal-button/_story.source.ts
+++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-horizontal-button/_story.source.ts
@@ -15,7 +15,6 @@ import { ButtonComponent } from '@cocokits/angular-components';
@Component({
- standalone: true,
selector: 'cck-stack-horizontal-button',
imports: [ButtonComponent],
template: \`
diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-horizontal-button/stack-horizontal-button.component.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-horizontal-button/stack-horizontal-button.component.ts
index a818cfe9..d87745cd 100644
--- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-horizontal-button/stack-horizontal-button.component.ts
+++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-horizontal-button/stack-horizontal-button.component.ts
@@ -4,7 +4,6 @@ import { ButtonComponent } from '@cocokits/angular-components';
import { ExampleArgs } from '@cocokits/common-kits-doc/examples-config/button/stack-horizontal-button.config';
@Component({
- standalone: true,
selector: 'cck-stack-horizontal-button',
imports: [ButtonComponent],
template: `
diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-vertical-button/_story.source.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-vertical-button/_story.source.ts
index 2eff9bc0..ee38232a 100644
--- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-vertical-button/_story.source.ts
+++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-vertical-button/_story.source.ts
@@ -16,7 +16,6 @@ import { Icons } from '@cocokits/common-icons';
@Component({
- standalone: true,
selector: 'cck-stack-vertical-button',
imports: [ButtonComponent, SvgIconComponent],
template: \`
diff --git a/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-vertical-button/stack-vertical-button.component.ts b/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-vertical-button/stack-vertical-button.component.ts
index 402554f8..c97112a4 100644
--- a/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-vertical-button/stack-vertical-button.component.ts
+++ b/apps/angular-kits-doc/stories/ui-components/button/button/examples/stack-vertical-button/stack-vertical-button.component.ts
@@ -5,7 +5,6 @@ import { Icons } from '@cocokits/common-icons';
import { ExampleArgs } from '@cocokits/common-kits-doc/examples-config/button/stack-vertical-button.config';
@Component({
- standalone: true,
selector: 'cck-stack-vertical-button',
imports: [ButtonComponent, SvgIconComponent],
template: `
diff --git a/apps/angular-kits-doc/stories/ui-components/button/icon-button/examples/mode-toggle/_story.source.ts b/apps/angular-kits-doc/stories/ui-components/button/icon-button/examples/mode-toggle/_story.source.ts
index 65e21646..a5bf58cc 100644
--- a/apps/angular-kits-doc/stories/ui-components/button/icon-button/examples/mode-toggle/_story.source.ts
+++ b/apps/angular-kits-doc/stories/ui-components/button/icon-button/examples/mode-toggle/_story.source.ts
@@ -16,7 +16,6 @@ import { Icons } from '@cocokits/common-icons';
@Component({
- standalone: true,
selector: 'cck-mode-toggle',
imports: [IconButtonComponent, SvgIconComponent],
template: \` |