chore: update zag

chakra-ui · Nov 28, 2024 · 95bf6ec · 95bf6ec
1 parent 8f786c1
commit 95bf6ec
Show file tree

Hide file tree

Showing 19 changed files with 226 additions and 151 deletions.
diff --git a/bun.lockb b/bun.lockb
diff --git a/packages/react/CHANGELOG.md b/packages/react/CHANGELOG.md
@@ -6,6 +6,14 @@ description: All notable changes will be documented in this file.
 
 ## [Unreleased]
 
+### Added
+
+- **ColorPicker**: Added support for `invalid` and `openAutoFocus` props.
+
+### Fixed
+
+- **Presence, Collapsible**: Resolved a potential memory leak occurring after component unmount.
+
 ## [4.4.4] - 2024-11-18
 
 ### Fixed

diff --git a/packages/react/package.json b/packages/react/package.json
@@ -166,55 +166,55 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.6.0",
-    "@zag-js/accordion": "0.77.1",
-    "@zag-js/anatomy": "0.77.1",
-    "@zag-js/auto-resize": "0.77.1",
-    "@zag-js/avatar": "0.77.1",
-    "@zag-js/carousel": "0.77.1",
-    "@zag-js/checkbox": "0.77.1",
-    "@zag-js/clipboard": "0.77.1",
-    "@zag-js/collapsible": "0.77.1",
-    "@zag-js/collection": "0.77.1",
-    "@zag-js/color-picker": "0.77.1",
-    "@zag-js/color-utils": "0.77.1",
-    "@zag-js/combobox": "0.77.1",
-    "@zag-js/core": "0.77.1",
-    "@zag-js/date-picker": "0.77.1",
-    "@zag-js/date-utils": "0.77.1",
-    "@zag-js/dialog": "0.77.1",
-    "@zag-js/dom-query": "0.77.1",
-    "@zag-js/editable": "0.77.1",
-    "@zag-js/file-upload": "0.77.1",
-    "@zag-js/file-utils": "0.77.1",
-    "@zag-js/highlight-word": "0.77.1",
-    "@zag-js/hover-card": "0.77.1",
-    "@zag-js/i18n-utils": "0.77.1",
-    "@zag-js/menu": "0.77.1",
-    "@zag-js/number-input": "0.77.1",
-    "@zag-js/pagination": "0.77.1",
-    "@zag-js/pin-input": "0.77.1",
-    "@zag-js/popover": "0.77.1",
-    "@zag-js/presence": "0.77.1",
-    "@zag-js/progress": "0.77.1",
-    "@zag-js/qr-code": "0.77.1",
-    "@zag-js/radio-group": "0.77.1",
-    "@zag-js/rating-group": "0.77.1",
-    "@zag-js/react": "0.77.1",
-    "@zag-js/select": "0.77.1",
-    "@zag-js/signature-pad": "0.77.1",
-    "@zag-js/slider": "0.77.1",
-    "@zag-js/splitter": "0.77.1",
-    "@zag-js/steps": "0.77.1",
-    "@zag-js/switch": "0.77.1",
-    "@zag-js/tabs": "0.77.1",
-    "@zag-js/tags-input": "0.77.1",
-    "@zag-js/time-picker": "0.77.1",
-    "@zag-js/timer": "0.77.1",
-    "@zag-js/toast": "0.77.1",
-    "@zag-js/toggle-group": "0.77.1",
-    "@zag-js/tooltip": "0.77.1",
-    "@zag-js/tree-view": "0.77.1",
-    "@zag-js/types": "0.77.1"
+    "@zag-js/accordion": "0.78.0",
+    "@zag-js/anatomy": "0.78.0",
+    "@zag-js/auto-resize": "0.78.0",
+    "@zag-js/avatar": "0.78.0",
+    "@zag-js/carousel": "0.78.0",
+    "@zag-js/checkbox": "0.78.0",
+    "@zag-js/clipboard": "0.78.0",
+    "@zag-js/collapsible": "0.78.0",
+    "@zag-js/collection": "0.78.0",
+    "@zag-js/color-picker": "0.78.0",
+    "@zag-js/color-utils": "0.78.0",
+    "@zag-js/combobox": "0.78.0",
+    "@zag-js/core": "0.78.0",
+    "@zag-js/date-picker": "0.78.0",
+    "@zag-js/date-utils": "0.78.0",
+    "@zag-js/dialog": "0.78.0",
+    "@zag-js/dom-query": "0.78.0",
+    "@zag-js/editable": "0.78.0",
+    "@zag-js/file-upload": "0.78.0",
+    "@zag-js/file-utils": "0.78.0",
+    "@zag-js/highlight-word": "0.78.0",
+    "@zag-js/hover-card": "0.78.0",
+    "@zag-js/i18n-utils": "0.78.0",
+    "@zag-js/menu": "0.78.0",
+    "@zag-js/number-input": "0.78.0",
+    "@zag-js/pagination": "0.78.0",
+    "@zag-js/pin-input": "0.78.0",
+    "@zag-js/popover": "0.78.0",
+    "@zag-js/presence": "0.78.0",
+    "@zag-js/progress": "0.78.0",
+    "@zag-js/qr-code": "0.78.0",
+    "@zag-js/radio-group": "0.78.0",
+    "@zag-js/rating-group": "0.78.0",
+    "@zag-js/react": "0.78.0",
+    "@zag-js/select": "0.78.0",
+    "@zag-js/signature-pad": "0.78.0",
+    "@zag-js/slider": "0.78.0",
+    "@zag-js/splitter": "0.78.0",
+    "@zag-js/steps": "0.78.0",
+    "@zag-js/switch": "0.78.0",
+    "@zag-js/tabs": "0.78.0",
+    "@zag-js/tags-input": "0.78.0",
+    "@zag-js/time-picker": "0.78.0",
+    "@zag-js/timer": "0.78.0",
+    "@zag-js/toast": "0.78.0",
+    "@zag-js/toggle-group": "0.78.0",
+    "@zag-js/tooltip": "0.78.0",
+    "@zag-js/tree-view": "0.78.0",
+    "@zag-js/types": "0.78.0"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -231,7 +231,7 @@
     "@types/react": "18.3.12",
     "@types/react-dom": "18.3.1",
     "@vitejs/plugin-react": "4.3.3",
-    "@zag-js/stringify-state": "0.77.1",
+    "@zag-js/stringify-state": "0.78.0",
     "clean-package": "2.2.0",
     "globby": "14.0.2",
     "jsdom": "25.0.1",

diff --git a/packages/react/src/components/color-picker/color-picker-root.tsx b/packages/react/src/components/color-picker/color-picker-root.tsx
@@ -31,6 +31,7 @@ export const ColorPickerRoot = forwardRef<HTMLDivElement, ColorPickerRootProps>(
       'id',
       'ids',
       'initialFocusEl',
+      'invalid',
       'name',
       'name',
       'onFocusOutside',
@@ -41,6 +42,7 @@ export const ColorPickerRoot = forwardRef<HTMLDivElement, ColorPickerRootProps>(
       'onValueChange',
       'onValueChangeEnd',
       'open',
+      'openAutoFocus',
       'positioning',
       'readOnly',
       'required',

diff --git a/packages/react/src/components/color-picker/use-color-picker.ts b/packages/react/src/components/color-picker/use-color-picker.ts
@@ -35,6 +35,7 @@ export const useColorPicker = (props: UseColorPickerProps = {}): UseColorPickerR
     },
     dir,
     disabled: field?.disabled,
+    invalid: field?.invalid,
     readOnly: field?.readOnly,
     required: field?.required,
     getRootNode,

diff --git a/packages/solid/CHANGELOG.md b/packages/solid/CHANGELOG.md
@@ -6,6 +6,14 @@ description: All notable changes will be documented in this file.
 
 ## [Unreleased]
 
+### Added
+
+- **ColorPicker**: Added support for `invalid` and `openAutoFocus` props.
+
+### Fixed
+
+- **Presence, Collapsible**: Resolved a potential memory leak occurring after component unmount.
+
 ## [4.5.1] - 2024-11-18
 
 ### Fixed

diff --git a/packages/solid/package.json b/packages/solid/package.json
@@ -129,52 +129,52 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.6.0",
-    "@zag-js/accordion": "0.77.1",
-    "@zag-js/anatomy": "0.77.1",
-    "@zag-js/auto-resize": "0.77.1",
-    "@zag-js/avatar": "0.77.1",
-    "@zag-js/carousel": "0.77.1",
-    "@zag-js/checkbox": "0.77.1",
-    "@zag-js/clipboard": "0.77.1",
-    "@zag-js/collapsible": "0.77.1",
-    "@zag-js/collection": "0.77.1",
-    "@zag-js/color-picker": "0.77.1",
-    "@zag-js/combobox": "0.77.1",
-    "@zag-js/date-picker": "0.77.1",
-    "@zag-js/dialog": "0.77.1",
-    "@zag-js/dom-query": "0.77.1",
-    "@zag-js/editable": "0.77.1",
-    "@zag-js/file-upload": "0.77.1",
-    "@zag-js/highlight-word": "0.77.1",
-    "@zag-js/hover-card": "0.77.1",
-    "@zag-js/file-utils": "0.77.1",
-    "@zag-js/i18n-utils": "0.77.1",
-    "@zag-js/menu": "0.77.1",
-    "@zag-js/number-input": "0.77.1",
-    "@zag-js/pagination": "0.77.1",
-    "@zag-js/pin-input": "0.77.1",
-    "@zag-js/popover": "0.77.1",
-    "@zag-js/presence": "0.77.1",
-    "@zag-js/progress": "0.77.1",
-    "@zag-js/qr-code": "0.77.1",
-    "@zag-js/radio-group": "0.77.1",
-    "@zag-js/rating-group": "0.77.1",
-    "@zag-js/select": "0.77.1",
-    "@zag-js/signature-pad": "0.77.1",
-    "@zag-js/slider": "0.77.1",
-    "@zag-js/solid": "0.77.1",
-    "@zag-js/splitter": "0.77.1",
-    "@zag-js/steps": "0.77.1",
-    "@zag-js/switch": "0.77.1",
-    "@zag-js/tabs": "0.77.1",
-    "@zag-js/tags-input": "0.77.1",
-    "@zag-js/timer": "0.77.1",
-    "@zag-js/time-picker": "0.77.1",
-    "@zag-js/toast": "0.77.1",
-    "@zag-js/toggle-group": "0.77.1",
-    "@zag-js/tooltip": "0.77.1",
-    "@zag-js/tree-view": "0.77.1",
-    "@zag-js/types": "0.77.1"
+    "@zag-js/accordion": "0.78.0",
+    "@zag-js/anatomy": "0.78.0",
+    "@zag-js/auto-resize": "0.78.0",
+    "@zag-js/avatar": "0.78.0",
+    "@zag-js/carousel": "0.78.0",
+    "@zag-js/checkbox": "0.78.0",
+    "@zag-js/clipboard": "0.78.0",
+    "@zag-js/collapsible": "0.78.0",
+    "@zag-js/collection": "0.78.0",
+    "@zag-js/color-picker": "0.78.0",
+    "@zag-js/combobox": "0.78.0",
+    "@zag-js/date-picker": "0.78.0",
+    "@zag-js/dialog": "0.78.0",
+    "@zag-js/dom-query": "0.78.0",
+    "@zag-js/editable": "0.78.0",
+    "@zag-js/file-upload": "0.78.0",
+    "@zag-js/highlight-word": "0.78.0",
+    "@zag-js/hover-card": "0.78.0",
+    "@zag-js/file-utils": "0.78.0",
+    "@zag-js/i18n-utils": "0.78.0",
+    "@zag-js/menu": "0.78.0",
+    "@zag-js/number-input": "0.78.0",
+    "@zag-js/pagination": "0.78.0",
+    "@zag-js/pin-input": "0.78.0",
+    "@zag-js/popover": "0.78.0",
+    "@zag-js/presence": "0.78.0",
+    "@zag-js/progress": "0.78.0",
+    "@zag-js/qr-code": "0.78.0",
+    "@zag-js/radio-group": "0.78.0",
+    "@zag-js/rating-group": "0.78.0",
+    "@zag-js/select": "0.78.0",
+    "@zag-js/signature-pad": "0.78.0",
+    "@zag-js/slider": "0.78.0",
+    "@zag-js/solid": "0.78.0",
+    "@zag-js/splitter": "0.78.0",
+    "@zag-js/steps": "0.78.0",
+    "@zag-js/switch": "0.78.0",
+    "@zag-js/tabs": "0.78.0",
+    "@zag-js/tags-input": "0.78.0",
+    "@zag-js/timer": "0.78.0",
+    "@zag-js/time-picker": "0.78.0",
+    "@zag-js/toast": "0.78.0",
+    "@zag-js/toggle-group": "0.78.0",
+    "@zag-js/tooltip": "0.78.0",
+    "@zag-js/tree-view": "0.78.0",
+    "@zag-js/types": "0.78.0"
   },
   "devDependencies": {
     "@biomejs/biome": "1.9.4",
@@ -187,7 +187,7 @@
     "@testing-library/jest-dom": "6.6.3",
     "@testing-library/user-event": "14.5.2",
     "@types/jsdom": "21.1.7",
-    "@zag-js/stringify-state": "0.77.1",
+    "@zag-js/stringify-state": "0.78.0",
     "clean-package": "2.2.0",
     "esbuild-plugin-solid": "0.6.0",
     "globby": "14.0.2",

diff --git a/packages/solid/src/components/color-picker/color-picker-root.tsx b/packages/solid/src/components/color-picker/color-picker-root.tsx
@@ -29,6 +29,7 @@ export const ColorPickerRoot = (props: ColorPickerRootProps) => {
       'id',
       'ids',
       'initialFocusEl',
+      'invalid',
       'name',
       'name',
       'onFocusOutside',
@@ -39,6 +40,7 @@ export const ColorPickerRoot = (props: ColorPickerRootProps) => {
       'onValueChange',
       'onValueChangeEnd',
       'open',
+      'openAutoFocus',
       'positioning',
       'readOnly',
       'required',

diff --git a/packages/solid/src/components/color-picker/use-color-picker.ts b/packages/solid/src/components/color-picker/use-color-picker.ts
@@ -34,6 +34,7 @@ export const useColorPicker = (props: UseColorPickerProps = {}): UseColorPickerR
     },
     dir: locale().dir,
     disabled: field?.().disabled,
+    invalid: field?.().invalid,
     readOnly: field?.().readOnly,
     required: field?.().required,
     getRootNode: environment().getRootNode,

diff --git a/packages/svelte/package.json b/packages/svelte/package.json
@@ -57,10 +57,10 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@zag-js/avatar": "0.77.1",
-    "@zag-js/core": "0.77.1",
-    "@zag-js/i18n-utils": "0.77.1",
-    "@zag-js/svelte": "0.77.1",
+    "@zag-js/avatar": "0.78.0",
+    "@zag-js/core": "0.78.0",
+    "@zag-js/i18n-utils": "0.78.0",
+    "@zag-js/svelte": "0.78.0",
     "nanoid": "5.0.9"
   },
   "devDependencies": {

diff --git a/packages/vue/CHANGELOG.md b/packages/vue/CHANGELOG.md
@@ -6,6 +6,14 @@ description: All notable changes will be documented in this file.
 
 ## [Unreleased]
 
+### Added
+
+- **ColorPicker**: Added support for `invalid` and `openAutoFocus` props.
+
+### Fixed
+
+- **Presence, Collapsible**: Resolved a potential memory leak occurring after component unmount.
+
 ## [4.4.2] - 2024-11-18
 
 ### Fixed