@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.
- package/dist/components/combobox/combobox-list.cjs +19 -0
- package/dist/components/combobox/combobox-list.d.cts +6 -0
- package/dist/components/combobox/combobox-list.d.ts +6 -0
- package/dist/components/combobox/combobox-list.js +15 -0
- package/dist/components/combobox/combobox.cjs +2 -0
- package/dist/components/combobox/combobox.d.cts +1 -0
- package/dist/components/combobox/combobox.d.ts +1 -0
- package/dist/components/combobox/combobox.js +1 -0
- package/dist/components/combobox/index.cjs +2 -0
- package/dist/components/combobox/index.d.cts +1 -0
- package/dist/components/combobox/index.d.ts +1 -0
- package/dist/components/combobox/index.js +1 -0
- package/dist/components/index.cjs +2 -0
- package/dist/components/index.js +1 -0
- package/dist/index.cjs +2 -0
- package/dist/index.js +1 -0
- package/package.json +2 -2
|
@@ -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;
|
package/dist/components/index.js
CHANGED
|
@@ -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.
|
|
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.
|
|
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",
|