@ark-ui/react 5.9.0 → 5.9.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -44,7 +44,6 @@ const ComboboxImpl = (props, ref) => {
44
44
  "onInputValueChange",
45
45
  "onInteractOutside",
46
46
  "onOpenChange",
47
- "onOpenChange",
48
47
  "onPointerDownOutside",
49
48
  "onSelect",
50
49
  "onValueChange",
@@ -40,7 +40,6 @@ const ComboboxImpl = (props, ref) => {
40
40
  "onInputValueChange",
41
41
  "onInteractOutside",
42
42
  "onOpenChange",
43
- "onOpenChange",
44
43
  "onPointerDownOutside",
45
44
  "onSelect",
46
45
  "onValueChange",
@@ -6,12 +6,14 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
6
6
  const jsxRuntime = require('react/jsx-runtime');
7
7
  const react$1 = require('@zag-js/react');
8
8
  const react = require('react');
9
+ const createSplitProps = require('../../utils/create-split-props.cjs');
9
10
  const factory = require('../factory.cjs');
10
11
  const useComboboxContext = require('./use-combobox-context.cjs');
11
12
 
12
13
  const ComboboxTrigger = react.forwardRef((props, ref) => {
14
+ const [triggerProps, localProps] = createSplitProps.createSplitProps()(props, ["focusable"]);
13
15
  const combobox = useComboboxContext.useComboboxContext();
14
- const mergedProps = react$1.mergeProps(combobox.getTriggerProps(), props);
16
+ const mergedProps = react$1.mergeProps(combobox.getTriggerProps(triggerProps), localProps);
15
17
  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
16
18
  });
17
19
  ComboboxTrigger.displayName = "ComboboxTrigger";
@@ -2,12 +2,14 @@
2
2
  import { jsx } from 'react/jsx-runtime';
3
3
  import { mergeProps } from '@zag-js/react';
4
4
  import { forwardRef } from 'react';
5
+ import { createSplitProps } from '../../utils/create-split-props.js';
5
6
  import { ark } from '../factory.js';
6
7
  import { useComboboxContext } from './use-combobox-context.js';
7
8
 
8
9
  const ComboboxTrigger = forwardRef((props, ref) => {
10
+ const [triggerProps, localProps] = createSplitProps()(props, ["focusable"]);
9
11
  const combobox = useComboboxContext();
10
- const mergedProps = mergeProps(combobox.getTriggerProps(), props);
12
+ const mergedProps = mergeProps(combobox.getTriggerProps(triggerProps), localProps);
11
13
  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
12
14
  });
13
15
  ComboboxTrigger.displayName = "ComboboxTrigger";
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@ark-ui/react",
3
3
  "type": "module",
4
- "version": "5.9.0",
4
+ "version": "5.9.1",
5
5
  "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
6
6
  "keywords": [
7
7
  "accordion",
@@ -150,62 +150,62 @@
150
150
  "sideEffects": false,
151
151
  "dependencies": {
152
152
  "@internationalized/date": "3.8.0",
153
- "@zag-js/accordion": "1.12.0",
154
- "@zag-js/angle-slider": "1.12.0",
155
- "@zag-js/anatomy": "1.12.0",
156
- "@zag-js/auto-resize": "1.12.0",
157
- "@zag-js/avatar": "1.12.0",
158
- "@zag-js/carousel": "1.12.0",
159
- "@zag-js/checkbox": "1.12.0",
160
- "@zag-js/clipboard": "1.12.0",
161
- "@zag-js/collapsible": "1.12.0",
162
- "@zag-js/collection": "1.12.0",
163
- "@zag-js/color-picker": "1.12.0",
164
- "@zag-js/color-utils": "1.12.0",
165
- "@zag-js/combobox": "1.12.0",
166
- "@zag-js/core": "1.12.0",
167
- "@zag-js/date-picker": "1.12.0",
168
- "@zag-js/date-utils": "1.12.0",
169
- "@zag-js/dialog": "1.12.0",
170
- "@zag-js/dom-query": "1.12.0",
171
- "@zag-js/editable": "1.12.0",
172
- "@zag-js/file-upload": "1.12.0",
173
- "@zag-js/file-utils": "1.12.0",
174
- "@zag-js/focus-trap": "1.12.0",
175
- "@zag-js/floating-panel": "1.12.0",
176
- "@zag-js/highlight-word": "1.12.0",
177
- "@zag-js/hover-card": "1.12.0",
178
- "@zag-js/i18n-utils": "1.12.0",
179
- "@zag-js/listbox": "1.12.0",
180
- "@zag-js/menu": "1.12.0",
181
- "@zag-js/number-input": "1.12.0",
182
- "@zag-js/pagination": "1.12.0",
183
- "@zag-js/pin-input": "1.12.0",
184
- "@zag-js/popover": "1.12.0",
185
- "@zag-js/presence": "1.12.0",
186
- "@zag-js/progress": "1.12.0",
187
- "@zag-js/qr-code": "1.12.0",
188
- "@zag-js/radio-group": "1.12.0",
189
- "@zag-js/rating-group": "1.12.0",
190
- "@zag-js/react": "1.12.0",
191
- "@zag-js/select": "1.12.0",
192
- "@zag-js/signature-pad": "1.12.0",
193
- "@zag-js/slider": "1.12.0",
194
- "@zag-js/splitter": "1.12.0",
195
- "@zag-js/steps": "1.12.0",
196
- "@zag-js/switch": "1.12.0",
197
- "@zag-js/tabs": "1.12.0",
198
- "@zag-js/tags-input": "1.12.0",
199
- "@zag-js/time-picker": "1.12.0",
200
- "@zag-js/timer": "1.12.0",
201
- "@zag-js/toast": "1.12.0",
202
- "@zag-js/toggle": "1.12.0",
203
- "@zag-js/toggle-group": "1.12.0",
204
- "@zag-js/tooltip": "1.12.0",
205
- "@zag-js/tour": "1.12.0",
206
- "@zag-js/tree-view": "1.12.0",
207
- "@zag-js/types": "1.12.0",
208
- "@zag-js/utils": "1.12.0"
153
+ "@zag-js/accordion": "1.12.2",
154
+ "@zag-js/angle-slider": "1.12.2",
155
+ "@zag-js/anatomy": "1.12.2",
156
+ "@zag-js/auto-resize": "1.12.2",
157
+ "@zag-js/avatar": "1.12.2",
158
+ "@zag-js/carousel": "1.12.2",
159
+ "@zag-js/checkbox": "1.12.2",
160
+ "@zag-js/clipboard": "1.12.2",
161
+ "@zag-js/collapsible": "1.12.2",
162
+ "@zag-js/collection": "1.12.2",
163
+ "@zag-js/color-picker": "1.12.2",
164
+ "@zag-js/color-utils": "1.12.2",
165
+ "@zag-js/combobox": "1.12.2",
166
+ "@zag-js/core": "1.12.2",
167
+ "@zag-js/date-picker": "1.12.2",
168
+ "@zag-js/date-utils": "1.12.2",
169
+ "@zag-js/dialog": "1.12.2",
170
+ "@zag-js/dom-query": "1.12.2",
171
+ "@zag-js/editable": "1.12.2",
172
+ "@zag-js/file-upload": "1.12.2",
173
+ "@zag-js/file-utils": "1.12.2",
174
+ "@zag-js/focus-trap": "1.12.2",
175
+ "@zag-js/floating-panel": "1.12.2",
176
+ "@zag-js/highlight-word": "1.12.2",
177
+ "@zag-js/hover-card": "1.12.2",
178
+ "@zag-js/i18n-utils": "1.12.2",
179
+ "@zag-js/listbox": "1.12.2",
180
+ "@zag-js/menu": "1.12.2",
181
+ "@zag-js/number-input": "1.12.2",
182
+ "@zag-js/pagination": "1.12.2",
183
+ "@zag-js/pin-input": "1.12.2",
184
+ "@zag-js/popover": "1.12.2",
185
+ "@zag-js/presence": "1.12.2",
186
+ "@zag-js/progress": "1.12.2",
187
+ "@zag-js/qr-code": "1.12.2",
188
+ "@zag-js/radio-group": "1.12.2",
189
+ "@zag-js/rating-group": "1.12.2",
190
+ "@zag-js/react": "1.12.2",
191
+ "@zag-js/select": "1.12.2",
192
+ "@zag-js/signature-pad": "1.12.2",
193
+ "@zag-js/slider": "1.12.2",
194
+ "@zag-js/splitter": "1.12.2",
195
+ "@zag-js/steps": "1.12.2",
196
+ "@zag-js/switch": "1.12.2",
197
+ "@zag-js/tabs": "1.12.2",
198
+ "@zag-js/tags-input": "1.12.2",
199
+ "@zag-js/time-picker": "1.12.2",
200
+ "@zag-js/timer": "1.12.2",
201
+ "@zag-js/toast": "1.12.2",
202
+ "@zag-js/toggle": "1.12.2",
203
+ "@zag-js/toggle-group": "1.12.2",
204
+ "@zag-js/tooltip": "1.12.2",
205
+ "@zag-js/tour": "1.12.2",
206
+ "@zag-js/tree-view": "1.12.2",
207
+ "@zag-js/types": "1.12.2",
208
+ "@zag-js/utils": "1.12.2"
209
209
  },
210
210
  "devDependencies": {
211
211
  "@biomejs/biome": "1.9.4",
@@ -221,7 +221,7 @@
221
221
  "@types/react": "19.1.2",
222
222
  "@types/react-dom": "19.1.3",
223
223
  "@vitejs/plugin-react": "4.4.1",
224
- "@zag-js/stringify-state": "1.12.0",
224
+ "@zag-js/stringify-state": "1.12.2",
225
225
  "clean-package": "2.2.0",
226
226
  "globby": "14.1.0",
227
227
  "happy-dom": "17.4.6",