@ark-ui/react 1.3.0 → 2.0.1

package/segment-group/segment-group.cjs

@@ -1,39 +1,19 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
-const anatomy = require('@ark-ui/anatomy');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const createSplitProps = require('../create-split-props.cjs');
-const factory = require('../factory.cjs');
-const segmentGroupContext = require('./segment-group-context.cjs');
-const useSegmentGroup = require('./use-segment-group.cjs');
+const segmentGroupIndicator = require('./segment-group-indicator.cjs');
+const segmentGroupItem = require('./segment-group-item.cjs');
+const segmentGroupItemControl = require('./segment-group-item-control.cjs');
+const segmentGroupItemText = require('./segment-group-item-text.cjs');
+const segmentGroupLabel = require('./segment-group-label.cjs');
+const segmentGroupRoot = require('./segment-group-root.cjs');
 
-const SegmentGroup = react.forwardRef((props, ref) => {
-  const [useSegmentGroupProps, localProps] = createSplitProps.createSplitProps()(props, [
-    "defaultValue",
-    "dir",
-    "disabled",
-    "form",
-    "getRootNode",
-    "id",
-    "ids",
-    "name",
-    "onValueChange",
-    "orientation",
-    "value"
-  ]);
-  const api = useSegmentGroup.useSegmentGroup(useSegmentGroupProps);
-  const mergedProps = react$1.mergeProps(
-    api.rootProps,
-    anatomy.segmentGroupAnatomy.build().root.attrs,
-    localProps
-  );
-  return /* @__PURE__ */ jsxRuntime.jsx(segmentGroupContext.SegmentGroupProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
-});
-SegmentGroup.displayName = "SegmentGroup";
 
-exports.SegmentGroup = SegmentGroup;
+
+exports.Indicator = segmentGroupIndicator.SegmentGroupIndicator;
+exports.Item = segmentGroupItem.SegmentGroupItem;
+exports.ItemControl = segmentGroupItemControl.SegmentGroupItemControl;
+exports.ItemText = segmentGroupItemText.SegmentGroupItemText;
+exports.Label = segmentGroupLabel.SegmentGroupLabel;
+exports.Root = segmentGroupRoot.SegmentGroupRoot;

package/segment-group/segment-group.d.ts

@@ -1,8 +1,7 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
-import { type HTMLArkProps } from '../factory';
-import { type Assign } from '../types';
-import { type UseSegmentGroupProps } from './use-segment-group';
-export interface SegmentGroupProps extends Assign<HTMLArkProps<'div'>, UseSegmentGroupProps> {
-}
-export declare const SegmentGroup: ForwardRefExoticComponent<SegmentGroupProps & RefAttributes<HTMLDivElement>>;
+import { SegmentGroupIndicator as Indicator } from './segment-group-indicator';
+import { SegmentGroupItem as Item } from './segment-group-item';
+import { SegmentGroupItemControl as ItemControl } from './segment-group-item-control';
+import { SegmentGroupItemText as ItemText } from './segment-group-item-text';
+import { SegmentGroupLabel as Label } from './segment-group-label';
+import { SegmentGroupRoot as Root } from './segment-group-root';
+export { Indicator, Item, ItemControl, ItemText, Label, Root };

package/segment-group/segment-group.mjs

@@ -1,35 +1,6 @@
-'use client';
-import { jsx } from 'react/jsx-runtime';
-import { segmentGroupAnatomy } from '@ark-ui/anatomy';
-import { mergeProps } from '@zag-js/react';
-import { forwardRef } from 'react';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { SegmentGroupProvider } from './segment-group-context.mjs';
-import { useSegmentGroup } from './use-segment-group.mjs';
-
-const SegmentGroup = forwardRef((props, ref) => {
-  const [useSegmentGroupProps, localProps] = createSplitProps()(props, [
-    "defaultValue",
-    "dir",
-    "disabled",
-    "form",
-    "getRootNode",
-    "id",
-    "ids",
-    "name",
-    "onValueChange",
-    "orientation",
-    "value"
-  ]);
-  const api = useSegmentGroup(useSegmentGroupProps);
-  const mergedProps = mergeProps(
-    api.rootProps,
-    segmentGroupAnatomy.build().root.attrs,
-    localProps
-  );
-  return /* @__PURE__ */ jsx(SegmentGroupProvider, { value: api, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
-});
-SegmentGroup.displayName = "SegmentGroup";
-
-export { SegmentGroup };
+export { SegmentGroupIndicator as Indicator } from './segment-group-indicator.mjs';
+export { SegmentGroupItem as Item } from './segment-group-item.mjs';
+export { SegmentGroupItemControl as ItemControl } from './segment-group-item-control.mjs';
+export { SegmentGroupItemText as ItemText } from './segment-group-item-text.mjs';
+export { SegmentGroupLabel as Label } from './segment-group-label.mjs';
+export { SegmentGroupRoot as Root } from './segment-group-root.mjs';

package/segment-group/use-segment-group.cjs

@@ -6,9 +6,8 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const radio = require('@zag-js/radio-group');
 const react$1 = require('@zag-js/react');
 const react = require('react');
-require('../environment/index.cjs');
-const useEvent = require('../use-event.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
+const useEvent = require('../use-event.cjs');
 
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });

package/segment-group/use-segment-group.mjs

@@ -2,9 +2,8 @@
 import * as radio from '@zag-js/radio-group';
 import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
-import '../environment/index.mjs';
-import { useEvent } from '../use-event.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
+import { useEvent } from '../use-event.mjs';
 
 const useSegmentGroup = (props) => {
   const initialContext = {

package/select/index.cjs

@@ -1,9 +1,7 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const select = require('./select.cjs');
 const selectClearTrigger = require('./select-clear-trigger.cjs');
 const selectContent = require('./select-content.cjs');
 const selectContext = require('./select-context.cjs');
@@ -17,25 +15,12 @@ const selectItemIndicator = require('./select-item-indicator.cjs');
 const selectItemText = require('./select-item-text.cjs');
 const selectLabel = require('./select-label.cjs');
 const selectPositioner = require('./select-positioner.cjs');
+const selectRoot = require('./select-root.cjs');
 const selectTrigger = require('./select-trigger.cjs');
 const selectValueText = require('./select-value-text.cjs');
+const select = require('./select.cjs');
+
 
-const Select = Object.assign(select.Select, {
-  Root: select.Select,
-  ClearTrigger: selectClearTrigger.SelectClearTrigger,
-  Content: selectContent.SelectContent,
-  Control: selectControl.SelectControl,
-  Indicator: selectIndicator.SelectIndicator,
-  Item: selectItem.SelectItem,
-  ItemGroup: selectItemGroup.SelectItemGroup,
-  ItemGroupLabel: selectItemGroupLabel.SelectItemGroupLabel,
-  ItemIndicator: selectItemIndicator.SelectItemIndicator,
-  ItemText: selectItemText.SelectItemText,
-  Label: selectLabel.SelectLabel,
-  Positioner: selectPositioner.SelectPositioner,
-  Trigger: selectTrigger.SelectTrigger,
-  ValueText: selectValueText.SelectValueText
-});
 
 exports.SelectClearTrigger = selectClearTrigger.SelectClearTrigger;
 exports.SelectContent = selectContent.SelectContent;
@@ -50,6 +35,7 @@ exports.SelectItemIndicator = selectItemIndicator.SelectItemIndicator;
 exports.SelectItemText = selectItemText.SelectItemText;
 exports.SelectLabel = selectLabel.SelectLabel;
 exports.SelectPositioner = selectPositioner.SelectPositioner;
+exports.SelectRoot = selectRoot.SelectRoot;
 exports.SelectTrigger = selectTrigger.SelectTrigger;
 exports.SelectValueText = selectValueText.SelectValueText;
-exports.Select = Select;
+exports.Select = select;

package/select/index.d.ts

@@ -1,8 +1,5 @@
-import { ForwardRefExoticComponent, RefAttributes } from 'react';
-/// <reference types="react" />
 import type { HighlightChangeDetails as SelectHighlightChangeDetails, OpenChangeDetails as SelectOpenChangeDetails, ValueChangeDetails as SelectValueChangeDetails } from '@zag-js/select';
 import type { CollectionItem } from '../types';
-import { SelectComponent, type SelectProps } from './select';
 import { SelectClearTrigger, type SelectClearTriggerProps } from './select-clear-trigger';
 import { SelectContent, type SelectContentProps } from './select-content';
 import { useSelectContext, type SelectContext } from './select-context';
@@ -16,23 +13,9 @@ import { SelectItemIndicator, type SelectItemIndicatorProps } from './select-ite
 import { SelectItemText, type SelectItemTextProps } from './select-item-text';
 import { SelectLabel, type SelectLabelProps } from './select-label';
 import { SelectPositioner, type SelectPositionerProps } from './select-positioner';
+import { SelectRoot, type SelectRootProps } from './select-root';
 import { SelectTrigger, type SelectTriggerProps } from './select-trigger';
 import { SelectValueText, type SelectValueTextProps } from './select-value-text';
-declare const Select: SelectComponent & {
-    Root: SelectComponent;
-    ClearTrigger: ForwardRefExoticComponent<SelectClearTriggerProps & RefAttributes<HTMLButtonElement>>;
-    Content: ForwardRefExoticComponent<SelectContentProps & RefAttributes<HTMLDivElement>>;
-    Control: ForwardRefExoticComponent<SelectControlProps & RefAttributes<HTMLDivElement>>;
-    Indicator: ForwardRefExoticComponent<SelectIndicatorProps & RefAttributes<HTMLDivElement>>;
-    Item: ForwardRefExoticComponent<SelectItemProps & RefAttributes<HTMLDivElement>>;
-    ItemGroup: ForwardRefExoticComponent<SelectItemGroupProps & RefAttributes<HTMLDivElement>>;
-    ItemGroupLabel: ForwardRefExoticComponent<SelectItemGroupLabelProps & RefAttributes<HTMLDivElement>>;
-    ItemIndicator: ForwardRefExoticComponent<SelectItemIndicatorProps & RefAttributes<HTMLDivElement>>;
-    ItemText: ForwardRefExoticComponent<SelectItemTextProps & RefAttributes<HTMLDivElement>>;
-    Label: ForwardRefExoticComponent<SelectLabelProps & RefAttributes<HTMLLabelElement>>;
-    Positioner: ForwardRefExoticComponent<SelectPositionerProps & RefAttributes<HTMLDivElement>>;
-    Trigger: ForwardRefExoticComponent<SelectTriggerProps & RefAttributes<HTMLButtonElement>>;
-    ValueText: ForwardRefExoticComponent<SelectValueTextProps & RefAttributes<HTMLSpanElement>>;
-};
-export { Select, SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectTrigger, SelectValueText, useSelectContext, useSelectItemContext };
-export type { CollectionItem, SelectClearTriggerProps, SelectContentProps, SelectContext, SelectControlProps, SelectHighlightChangeDetails, SelectIndicatorProps, SelectItemContext, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectOpenChangeDetails, SelectPositionerProps, SelectProps, SelectTriggerProps, SelectValueChangeDetails, SelectValueTextProps };
+export * as Select from './select';
+export { SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectRoot, SelectTrigger, SelectValueText, useSelectContext, useSelectItemContext, };
+export type { CollectionItem, SelectClearTriggerProps, SelectContentProps, SelectContext, SelectControlProps, SelectHighlightChangeDetails, SelectIndicatorProps, SelectItemContext, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectOpenChangeDetails, SelectPositionerProps, SelectRootProps, SelectTriggerProps, SelectValueChangeDetails, SelectValueTextProps, };

package/select/index.mjs

@@ -1,36 +1,18 @@
-'use client';
-import { Select as Select$1 } from './select.mjs';
-import { SelectClearTrigger } from './select-clear-trigger.mjs';
-import { SelectContent } from './select-content.mjs';
+export { SelectClearTrigger } from './select-clear-trigger.mjs';
+export { SelectContent } from './select-content.mjs';
 export { useSelectContext } from './select-context.mjs';
-import { SelectControl } from './select-control.mjs';
-import { SelectIndicator } from './select-indicator.mjs';
-import { SelectItem } from './select-item.mjs';
+export { SelectControl } from './select-control.mjs';
+export { SelectIndicator } from './select-indicator.mjs';
+export { SelectItem } from './select-item.mjs';
 export { useSelectItemContext } from './select-item-context.mjs';
-import { SelectItemGroup } from './select-item-group.mjs';
-import { SelectItemGroupLabel } from './select-item-group-label.mjs';
-import { SelectItemIndicator } from './select-item-indicator.mjs';
-import { SelectItemText } from './select-item-text.mjs';
-import { SelectLabel } from './select-label.mjs';
-import { SelectPositioner } from './select-positioner.mjs';
-import { SelectTrigger } from './select-trigger.mjs';
-import { SelectValueText } from './select-value-text.mjs';
-
-const Select = Object.assign(Select$1, {
-  Root: Select$1,
-  ClearTrigger: SelectClearTrigger,
-  Content: SelectContent,
-  Control: SelectControl,
-  Indicator: SelectIndicator,
-  Item: SelectItem,
-  ItemGroup: SelectItemGroup,
-  ItemGroupLabel: SelectItemGroupLabel,
-  ItemIndicator: SelectItemIndicator,
-  ItemText: SelectItemText,
-  Label: SelectLabel,
-  Positioner: SelectPositioner,
-  Trigger: SelectTrigger,
-  ValueText: SelectValueText
-});
-
-export { Select, SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectTrigger, SelectValueText };
+export { SelectItemGroup } from './select-item-group.mjs';
+export { SelectItemGroupLabel } from './select-item-group-label.mjs';
+export { SelectItemIndicator } from './select-item-indicator.mjs';
+export { SelectItemText } from './select-item-text.mjs';
+export { SelectLabel } from './select-label.mjs';
+export { SelectPositioner } from './select-positioner.mjs';
+export { SelectRoot } from './select-root.mjs';
+export { SelectTrigger } from './select-trigger.mjs';
+export { SelectValueText } from './select-value-text.mjs';
+import * as select from './select.mjs';
+export { select as Select };

package/select/select-content.cjs

@@ -7,9 +7,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
-require('../presence/index.cjs');
-const selectContext = require('./select-context.cjs');
 const presenceContext = require('../presence/presence-context.cjs');
+const selectContext = require('./select-context.cjs');
 
 const SelectContent = react.forwardRef((props, ref) => {
   const api = selectContext.useSelectContext();

package/select/select-content.mjs

@@ -3,9 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import '../presence/index.mjs';
-import { useSelectContext } from './select-context.mjs';
 import { usePresenceContext } from '../presence/presence-context.mjs';
+import { useSelectContext } from './select-context.mjs';
 
 const SelectContent = forwardRef((props, ref) => {
   const api = useSelectContext();

package/select/select-positioner.cjs

@@ -7,9 +7,8 @@ const jsxRuntime = require('react/jsx-runtime');
 const react$1 = require('@zag-js/react');
 const react = require('react');
 const factory = require('../factory.cjs');
-require('../presence/index.cjs');
-const selectContext = require('./select-context.cjs');
 const presenceContext = require('../presence/presence-context.cjs');
+const selectContext = require('./select-context.cjs');
 
 const SelectPositioner = react.forwardRef((props, ref) => {
   const api = selectContext.useSelectContext();

package/select/select-positioner.mjs

@@ -3,9 +3,8 @@ import { jsx } from 'react/jsx-runtime';
 import { mergeProps } from '@zag-js/react';
 import { forwardRef } from 'react';
 import { ark } from '../factory.mjs';
-import '../presence/index.mjs';
-import { useSelectContext } from './select-context.mjs';
 import { usePresenceContext } from '../presence/presence-context.mjs';
+import { useSelectContext } from './select-context.mjs';
 
 const SelectPositioner = forwardRef((props, ref) => {
   const api = useSelectContext();

package/select/select-root.cjs

@@ -0,0 +1,61 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const presenceContext = require('../presence/presence-context.cjs');
+const splitPresenceProps = require('../presence/split-presence-props.cjs');
+const usePresence = require('../presence/use-presence.cjs');
+const runIfFn = require('../run-if-fn.cjs');
+const selectContext = require('./select-context.cjs');
+const useSelect = require('./use-select.cjs');
+
+const SelectImpl = (props, ref) => {
+  const [presenceProps, selectProps] = splitPresenceProps.splitPresenceProps(props);
+  const [useSelectProps, { children, ...localProps }] = createSplitProps.createSplitProps()(
+    selectProps,
+    [
+      "closeOnSelect",
+      "defaultValue",
+      "dir",
+      "disabled",
+      "form",
+      "getRootNode",
+      "highlightedValue",
+      "id",
+      "ids",
+      "invalid",
+      "isItemDisabled",
+      "items",
+      "itemToString",
+      "itemToValue",
+      "loop",
+      "multiple",
+      "name",
+      "onFocusOutside",
+      "onHighlightChange",
+      "onInteractOutside",
+      "onOpenChange",
+      "onPointerDownOutside",
+      "onValueChange",
+      "open",
+      "positioning",
+      "readOnly",
+      "selectOnBlur",
+      "value"
+    ]
+  );
+  const api = useSelect.useSelect(useSelectProps);
+  const presenceApi = usePresence.usePresence(react$1.mergeProps({ present: api.isOpen }, presenceProps));
+  const view = runIfFn.runIfFn(children, api);
+  const mergedProps = react$1.mergeProps(api.rootProps, localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(selectContext.SelectProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(presenceContext.PresenceProvider, { value: presenceApi, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: view }) }) });
+};
+const SelectRoot = react.forwardRef(SelectImpl);
+
+exports.SelectRoot = SelectRoot;

package/select/select-root.d.ts

@@ -0,0 +1,13 @@
+import { type JSX, type ReactNode } from 'react';
+import { type HTMLArkProps } from '../factory';
+import { type UsePresenceProps } from '../presence';
+import { type Assign, type CollectionItem } from '../types';
+import { type UseSelectProps, type UseSelectReturn } from './use-select';
+export interface SelectRootProps<T extends CollectionItem> extends Assign<Assign<HTMLArkProps<'div'>, {
+    children?: ReactNode | ((api: UseSelectReturn<T>) => ReactNode);
+}>, UseSelectProps<T>>, UsePresenceProps {
+}
+export interface SelectComponent {
+    <T extends CollectionItem>(props: SelectRootProps<T> & React.RefAttributes<HTMLDivElement>): JSX.Element;
+}
+export declare const SelectRoot: SelectComponent;

package/select/select-root.mjs

@@ -0,0 +1,57 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { PresenceProvider } from '../presence/presence-context.mjs';
+import { splitPresenceProps } from '../presence/split-presence-props.mjs';
+import { usePresence } from '../presence/use-presence.mjs';
+import { runIfFn } from '../run-if-fn.mjs';
+import { SelectProvider } from './select-context.mjs';
+import { useSelect } from './use-select.mjs';
+
+const SelectImpl = (props, ref) => {
+  const [presenceProps, selectProps] = splitPresenceProps(props);
+  const [useSelectProps, { children, ...localProps }] = createSplitProps()(
+    selectProps,
+    [
+      "closeOnSelect",
+      "defaultValue",
+      "dir",
+      "disabled",
+      "form",
+      "getRootNode",
+      "highlightedValue",
+      "id",
+      "ids",
+      "invalid",
+      "isItemDisabled",
+      "items",
+      "itemToString",
+      "itemToValue",
+      "loop",
+      "multiple",
+      "name",
+      "onFocusOutside",
+      "onHighlightChange",
+      "onInteractOutside",
+      "onOpenChange",
+      "onPointerDownOutside",
+      "onValueChange",
+      "open",
+      "positioning",
+      "readOnly",
+      "selectOnBlur",
+      "value"
+    ]
+  );
+  const api = useSelect(useSelectProps);
+  const presenceApi = usePresence(mergeProps({ present: api.isOpen }, presenceProps));
+  const view = runIfFn(children, api);
+  const mergedProps = mergeProps(api.rootProps, localProps);
+  return /* @__PURE__ */ jsx(SelectProvider, { value: api, children: /* @__PURE__ */ jsx(PresenceProvider, { value: presenceApi, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: view }) }) });
+};
+const SelectRoot = forwardRef(SelectImpl);
+
+export { SelectRoot };

package/select/select.cjs

@@ -1,62 +1,35 @@
-'use client';
 'use strict';
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const jsxRuntime = require('react/jsx-runtime');
-const react$1 = require('@zag-js/react');
-const react = require('react');
-const createSplitProps = require('../create-split-props.cjs');
-const factory = require('../factory.cjs');
-require('../presence/index.cjs');
-const runIfFn = require('../run-if-fn.cjs');
-const selectContext = require('./select-context.cjs');
-const useSelect = require('./use-select.cjs');
-const splitPresenceProps = require('../presence/split-presence-props.cjs');
-const usePresence = require('../presence/use-presence.cjs');
-const presenceContext = require('../presence/presence-context.cjs');
+const selectClearTrigger = require('./select-clear-trigger.cjs');
+const selectContent = require('./select-content.cjs');
+const selectControl = require('./select-control.cjs');
+const selectIndicator = require('./select-indicator.cjs');
+const selectItem = require('./select-item.cjs');
+const selectItemGroup = require('./select-item-group.cjs');
+const selectItemGroupLabel = require('./select-item-group-label.cjs');
+const selectItemIndicator = require('./select-item-indicator.cjs');
+const selectItemText = require('./select-item-text.cjs');
+const selectLabel = require('./select-label.cjs');
+const selectPositioner = require('./select-positioner.cjs');
+const selectRoot = require('./select-root.cjs');
+const selectTrigger = require('./select-trigger.cjs');
+const selectValueText = require('./select-value-text.cjs');
 
-const SelectImpl = (props, ref) => {
-  const [presenceProps, selectProps] = splitPresenceProps.splitPresenceProps(props);
-  const [useSelectProps, { children, ...localProps }] = createSplitProps.createSplitProps()(
-    selectProps,
-    [
-      "closeOnSelect",
-      "defaultValue",
-      "dir",
-      "disabled",
-      "form",
-      "getRootNode",
-      "highlightedValue",
-      "id",
-      "ids",
-      "invalid",
-      "isItemDisabled",
-      "items",
-      "itemToString",
-      "itemToValue",
-      "loop",
-      "multiple",
-      "name",
-      "onFocusOutside",
-      "onHighlightChange",
-      "onInteractOutside",
-      "onOpenChange",
-      "onPointerDownOutside",
-      "onValueChange",
-      "open",
-      "positioning",
-      "readOnly",
-      "selectOnBlur",
-      "value"
-    ]
-  );
-  const api = useSelect.useSelect(useSelectProps);
-  const presenceApi = usePresence.usePresence(react$1.mergeProps({ present: api.isOpen }, presenceProps));
-  const view = runIfFn.runIfFn(children, api);
-  const mergedProps = react$1.mergeProps(api.rootProps, localProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(selectContext.SelectProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(presenceContext.PresenceProvider, { value: presenceApi, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: view }) }) });
-};
-const Select = react.forwardRef(SelectImpl);
 
-exports.Select = Select;
+
+exports.ClearTrigger = selectClearTrigger.SelectClearTrigger;
+exports.Content = selectContent.SelectContent;
+exports.Control = selectControl.SelectControl;
+exports.Indicator = selectIndicator.SelectIndicator;
+exports.Item = selectItem.SelectItem;
+exports.ItemGroup = selectItemGroup.SelectItemGroup;
+exports.ItemGroupLabel = selectItemGroupLabel.SelectItemGroupLabel;
+exports.ItemIndicator = selectItemIndicator.SelectItemIndicator;
+exports.ItemText = selectItemText.SelectItemText;
+exports.Label = selectLabel.SelectLabel;
+exports.Positioner = selectPositioner.SelectPositioner;
+exports.Root = selectRoot.SelectRoot;
+exports.Trigger = selectTrigger.SelectTrigger;
+exports.ValueText = selectValueText.SelectValueText;

package/select/select.d.ts

@@ -1,13 +1,15 @@
-import { type JSX, type ReactNode } from 'react';
-import { type HTMLArkProps } from '../factory';
-import { type UsePresenceProps } from '../presence';
-import { type Assign, type CollectionItem } from '../types';
-import { type UseSelectProps, type UseSelectReturn } from './use-select';
-export interface SelectProps<T extends CollectionItem> extends Assign<Assign<HTMLArkProps<'div'>, {
-    children?: ReactNode | ((api: UseSelectReturn<T>) => ReactNode);
-}>, UseSelectProps<T>>, UsePresenceProps {
-}
-export interface SelectComponent {
-    <T extends CollectionItem>(props: SelectProps<T> & React.RefAttributes<HTMLDivElement>): JSX.Element;
-}
-export declare const Select: SelectComponent;
+import { SelectClearTrigger as ClearTrigger } from './select-clear-trigger';
+import { SelectContent as Content } from './select-content';
+import { SelectControl as Control } from './select-control';
+import { SelectIndicator as Indicator } from './select-indicator';
+import { SelectItem as Item } from './select-item';
+import { SelectItemGroup as ItemGroup } from './select-item-group';
+import { SelectItemGroupLabel as ItemGroupLabel } from './select-item-group-label';
+import { SelectItemIndicator as ItemIndicator } from './select-item-indicator';
+import { SelectItemText as ItemText } from './select-item-text';
+import { SelectLabel as Label } from './select-label';
+import { SelectPositioner as Positioner } from './select-positioner';
+import { SelectRoot as Root } from './select-root';
+import { SelectTrigger as Trigger } from './select-trigger';
+import { SelectValueText as ValueText } from './select-value-text';
+export { ClearTrigger, Content, Control, Indicator, Item, ItemGroup, ItemGroupLabel, ItemIndicator, ItemText, Label, Positioner, Root, Trigger, ValueText, };