@ark-ui/react 3.2.0 → 3.2.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.
@@ -0,0 +1,19 @@
1
+ 'use client';
2
+ 'use strict';
3
+
4
+ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
5
+
6
+ const jsxRuntime = require('react/jsx-runtime');
7
+ const react$1 = require('@zag-js/react');
8
+ const react = require('react');
9
+ const factory = require('../factory.cjs');
10
+ const useComboboxContext = require('./use-combobox-context.cjs');
11
+
12
+ const ComboboxList = react.forwardRef((props, ref) => {
13
+ const combobox = useComboboxContext.useComboboxContext();
14
+ const mergedProps = react$1.mergeProps(combobox.getListProps(), props);
15
+ return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
16
+ });
17
+ ComboboxList.displayName = "ComboboxList";
18
+
19
+ exports.ComboboxList = ComboboxList;
@@ -0,0 +1,6 @@
1
+ import { HTMLArkProps } from '../factory';
2
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
+
4
+ export interface ComboboxListProps extends HTMLArkProps<'div'> {
5
+ }
6
+ export declare const ComboboxList: ForwardRefExoticComponent<ComboboxListProps & RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,6 @@
1
+ import { HTMLArkProps } from '../factory';
2
+ import { ForwardRefExoticComponent, RefAttributes } from 'react';
3
+
4
+ export interface ComboboxListProps extends HTMLArkProps<'div'> {
5
+ }
6
+ export declare const ComboboxList: ForwardRefExoticComponent<ComboboxListProps & RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,15 @@
1
+ 'use client';
2
+ import { jsx } from 'react/jsx-runtime';
3
+ import { mergeProps } from '@zag-js/react';
4
+ import { forwardRef } from 'react';
5
+ import { ark } from '../factory.js';
6
+ import { useComboboxContext } from './use-combobox-context.js';
7
+
8
+ const ComboboxList = forwardRef((props, ref) => {
9
+ const combobox = useComboboxContext();
10
+ const mergedProps = mergeProps(combobox.getListProps(), props);
11
+ return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
12
+ });
13
+ ComboboxList.displayName = "ComboboxList";
14
+
15
+ export { ComboboxList };
@@ -14,6 +14,7 @@ const comboboxItemGroupLabel = require('./combobox-item-group-label.cjs');
14
14
  const comboboxItemIndicator = require('./combobox-item-indicator.cjs');
15
15
  const comboboxItemText = require('./combobox-item-text.cjs');
16
16
  const comboboxLabel = require('./combobox-label.cjs');
17
+ const comboboxList = require('./combobox-list.cjs');
17
18
  const comboboxPositioner = require('./combobox-positioner.cjs');
18
19
  const comboboxRoot = require('./combobox-root.cjs');
19
20
  const comboboxRootProvider = require('./combobox-root-provider.cjs');
@@ -33,6 +34,7 @@ exports.ItemGroupLabel = comboboxItemGroupLabel.ComboboxItemGroupLabel;
33
34
  exports.ItemIndicator = comboboxItemIndicator.ComboboxItemIndicator;
34
35
  exports.ItemText = comboboxItemText.ComboboxItemText;
35
36
  exports.Label = comboboxLabel.ComboboxLabel;
37
+ exports.List = comboboxList.ComboboxList;
36
38
  exports.Positioner = comboboxPositioner.ComboboxPositioner;
37
39
  exports.Root = comboboxRoot.ComboboxRoot;
38
40
  exports.RootProvider = comboboxRootProvider.ComboboxRootProvider;
@@ -12,6 +12,7 @@ export { ComboboxItemGroupLabel as ItemGroupLabel, type ComboboxItemGroupLabelPr
12
12
  export { ComboboxItemIndicator as ItemIndicator, type ComboboxItemIndicatorProps as ItemIndicatorProps, } from './combobox-item-indicator';
13
13
  export { ComboboxItemText as ItemText, type ComboboxItemTextProps as ItemTextProps, } from './combobox-item-text';
14
14
  export { ComboboxLabel as Label, type ComboboxLabelProps as LabelProps } from './combobox-label';
15
+ export { ComboboxList as List, type ComboboxListProps as ListProps } from './combobox-list';
15
16
  export { ComboboxPositioner as Positioner, type ComboboxPositionerProps as PositionerProps, } from './combobox-positioner';
16
17
  export { ComboboxRoot as Root, type ComboboxRootProps as RootProps } from './combobox-root';
17
18
  export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderProps as RootProviderProps, } from './combobox-root-provider';
@@ -12,6 +12,7 @@ export { ComboboxItemGroupLabel as ItemGroupLabel, type ComboboxItemGroupLabelPr
12
12
  export { ComboboxItemIndicator as ItemIndicator, type ComboboxItemIndicatorProps as ItemIndicatorProps, } from './combobox-item-indicator';
13
13
  export { ComboboxItemText as ItemText, type ComboboxItemTextProps as ItemTextProps, } from './combobox-item-text';
14
14
  export { ComboboxLabel as Label, type ComboboxLabelProps as LabelProps } from './combobox-label';
15
+ export { ComboboxList as List, type ComboboxListProps as ListProps } from './combobox-list';
15
16
  export { ComboboxPositioner as Positioner, type ComboboxPositionerProps as PositionerProps, } from './combobox-positioner';
16
17
  export { ComboboxRoot as Root, type ComboboxRootProps as RootProps } from './combobox-root';
17
18
  export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderProps as RootProviderProps, } from './combobox-root-provider';
@@ -10,6 +10,7 @@ export { ComboboxItemGroupLabel as ItemGroupLabel } from './combobox-item-group-
10
10
  export { ComboboxItemIndicator as ItemIndicator } from './combobox-item-indicator.js';
11
11
  export { ComboboxItemText as ItemText } from './combobox-item-text.js';
12
12
  export { ComboboxLabel as Label } from './combobox-label.js';
13
+ export { ComboboxList as List } from './combobox-list.js';
13
14
  export { ComboboxPositioner as Positioner } from './combobox-positioner.js';
14
15
  export { ComboboxRoot as Root } from './combobox-root.js';
15
16
  export { ComboboxRootProvider as RootProvider } from './combobox-root-provider.js';
@@ -14,6 +14,7 @@ const comboboxItemGroupLabel = require('./combobox-item-group-label.cjs');
14
14
  const comboboxItemIndicator = require('./combobox-item-indicator.cjs');
15
15
  const comboboxItemText = require('./combobox-item-text.cjs');
16
16
  const comboboxLabel = require('./combobox-label.cjs');
17
+ const comboboxList = require('./combobox-list.cjs');
17
18
  const comboboxPositioner = require('./combobox-positioner.cjs');
18
19
  const comboboxRoot = require('./combobox-root.cjs');
19
20
  const comboboxRootProvider = require('./combobox-root-provider.cjs');
@@ -37,6 +38,7 @@ exports.ComboboxItemGroupLabel = comboboxItemGroupLabel.ComboboxItemGroupLabel;
37
38
  exports.ComboboxItemIndicator = comboboxItemIndicator.ComboboxItemIndicator;
38
39
  exports.ComboboxItemText = comboboxItemText.ComboboxItemText;
39
40
  exports.ComboboxLabel = comboboxLabel.ComboboxLabel;
41
+ exports.ComboboxList = comboboxList.ComboboxList;
40
42
  exports.ComboboxPositioner = comboboxPositioner.ComboboxPositioner;
41
43
  exports.ComboboxRoot = comboboxRoot.ComboboxRoot;
42
44
  exports.ComboboxRootProvider = comboboxRootProvider.ComboboxRootProvider;
@@ -12,6 +12,7 @@ export { ComboboxItemGroupLabel, type ComboboxItemGroupLabelProps, } from './com
12
12
  export { ComboboxItemIndicator, type ComboboxItemIndicatorProps } from './combobox-item-indicator';
13
13
  export { ComboboxItemText, type ComboboxItemTextProps } from './combobox-item-text';
14
14
  export { ComboboxLabel, type ComboboxLabelProps } from './combobox-label';
15
+ export { ComboboxList, type ComboboxListProps } from './combobox-list';
15
16
  export { ComboboxPositioner, type ComboboxPositionerProps } from './combobox-positioner';
16
17
  export { ComboboxRoot, type ComboboxRootProps } from './combobox-root';
17
18
  export { ComboboxRootProvider, type ComboboxRootProviderProps } from './combobox-root-provider';
@@ -12,6 +12,7 @@ export { ComboboxItemGroupLabel, type ComboboxItemGroupLabelProps, } from './com
12
12
  export { ComboboxItemIndicator, type ComboboxItemIndicatorProps } from './combobox-item-indicator';
13
13
  export { ComboboxItemText, type ComboboxItemTextProps } from './combobox-item-text';
14
14
  export { ComboboxLabel, type ComboboxLabelProps } from './combobox-label';
15
+ export { ComboboxList, type ComboboxListProps } from './combobox-list';
15
16
  export { ComboboxPositioner, type ComboboxPositionerProps } from './combobox-positioner';
16
17
  export { ComboboxRoot, type ComboboxRootProps } from './combobox-root';
17
18
  export { ComboboxRootProvider, type ComboboxRootProviderProps } from './combobox-root-provider';
@@ -10,6 +10,7 @@ export { ComboboxItemGroupLabel } from './combobox-item-group-label.js';
10
10
  export { ComboboxItemIndicator } from './combobox-item-indicator.js';
11
11
  export { ComboboxItemText } from './combobox-item-text.js';
12
12
  export { ComboboxLabel } from './combobox-label.js';
13
+ export { ComboboxList } from './combobox-list.js';
13
14
  export { ComboboxPositioner } from './combobox-positioner.js';
14
15
  export { ComboboxRoot } from './combobox-root.js';
15
16
  export { ComboboxRootProvider } from './combobox-root-provider.js';
@@ -106,6 +106,7 @@ const comboboxItemGroupLabel = require('./combobox/combobox-item-group-label.cjs
106
106
  const comboboxItemIndicator = require('./combobox/combobox-item-indicator.cjs');
107
107
  const comboboxItemText = require('./combobox/combobox-item-text.cjs');
108
108
  const comboboxLabel = require('./combobox/combobox-label.cjs');
109
+ const comboboxList = require('./combobox/combobox-list.cjs');
109
110
  const comboboxPositioner = require('./combobox/combobox-positioner.cjs');
110
111
  const comboboxRoot = require('./combobox/combobox-root.cjs');
111
112
  const comboboxRootProvider = require('./combobox/combobox-root-provider.cjs');
@@ -571,6 +572,7 @@ exports.ComboboxItemGroupLabel = comboboxItemGroupLabel.ComboboxItemGroupLabel;
571
572
  exports.ComboboxItemIndicator = comboboxItemIndicator.ComboboxItemIndicator;
572
573
  exports.ComboboxItemText = comboboxItemText.ComboboxItemText;
573
574
  exports.ComboboxLabel = comboboxLabel.ComboboxLabel;
575
+ exports.ComboboxList = comboboxList.ComboboxList;
574
576
  exports.ComboboxPositioner = comboboxPositioner.ComboboxPositioner;
575
577
  exports.ComboboxRoot = comboboxRoot.ComboboxRoot;
576
578
  exports.ComboboxRootProvider = comboboxRootProvider.ComboboxRootProvider;
@@ -109,6 +109,7 @@ export { ComboboxItemGroupLabel } from './combobox/combobox-item-group-label.js'
109
109
  export { ComboboxItemIndicator } from './combobox/combobox-item-indicator.js';
110
110
  export { ComboboxItemText } from './combobox/combobox-item-text.js';
111
111
  export { ComboboxLabel } from './combobox/combobox-label.js';
112
+ export { ComboboxList } from './combobox/combobox-list.js';
112
113
  export { ComboboxPositioner } from './combobox/combobox-positioner.js';
113
114
  export { ComboboxRoot } from './combobox/combobox-root.js';
114
115
  export { ComboboxRootProvider } from './combobox/combobox-root-provider.js';
package/dist/index.cjs CHANGED
@@ -106,6 +106,7 @@ const comboboxItemGroupLabel = require('./components/combobox/combobox-item-grou
106
106
  const comboboxItemIndicator = require('./components/combobox/combobox-item-indicator.cjs');
107
107
  const comboboxItemText = require('./components/combobox/combobox-item-text.cjs');
108
108
  const comboboxLabel = require('./components/combobox/combobox-label.cjs');
109
+ const comboboxList = require('./components/combobox/combobox-list.cjs');
109
110
  const comboboxPositioner = require('./components/combobox/combobox-positioner.cjs');
110
111
  const comboboxRoot = require('./components/combobox/combobox-root.cjs');
111
112
  const comboboxRootProvider = require('./components/combobox/combobox-root-provider.cjs');
@@ -575,6 +576,7 @@ exports.ComboboxItemGroupLabel = comboboxItemGroupLabel.ComboboxItemGroupLabel;
575
576
  exports.ComboboxItemIndicator = comboboxItemIndicator.ComboboxItemIndicator;
576
577
  exports.ComboboxItemText = comboboxItemText.ComboboxItemText;
577
578
  exports.ComboboxLabel = comboboxLabel.ComboboxLabel;
579
+ exports.ComboboxList = comboboxList.ComboboxList;
578
580
  exports.ComboboxPositioner = comboboxPositioner.ComboboxPositioner;
579
581
  exports.ComboboxRoot = comboboxRoot.ComboboxRoot;
580
582
  exports.ComboboxRootProvider = comboboxRootProvider.ComboboxRootProvider;
package/dist/index.js CHANGED
@@ -109,6 +109,7 @@ export { ComboboxItemGroupLabel } from './components/combobox/combobox-item-grou
109
109
  export { ComboboxItemIndicator } from './components/combobox/combobox-item-indicator.js';
110
110
  export { ComboboxItemText } from './components/combobox/combobox-item-text.js';
111
111
  export { ComboboxLabel } from './components/combobox/combobox-label.js';
112
+ export { ComboboxList } from './components/combobox/combobox-list.js';
112
113
  export { ComboboxPositioner } from './components/combobox/combobox-positioner.js';
113
114
  export { ComboboxRoot } from './components/combobox/combobox-root.js';
114
115
  export { ComboboxRootProvider } from './components/combobox/combobox-root-provider.js';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ark-ui/react",
3
- "version": "3.2.0",
3
+ "version": "3.2.1",
4
4
  "description": "A collection of unstyled, accessible UI components for React, utilizing state machines for seamless interaction.",
5
5
  "keywords": [
6
6
  "accordion",
@@ -559,7 +559,7 @@
559
559
  "@vitejs/plugin-react": "4.3.0",
560
560
  "globby": "14.0.1",
561
561
  "jsdom": "24.1.0",
562
- "lucide-react": "0.383.0",
562
+ "lucide-react": "0.390.0",
563
563
  "react": "18.3.1",
564
564
  "react-dom": "18.3.1",
565
565
  "react-frame-component": "5.2.7",