@ark-ui/solid 1.0.0-beta.0 → 1.0.0-beta.2

package/select/index.cjs

@@ -1,54 +0,0 @@
-'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');
-const selectControl = require('./select-control.cjs');
-const selectIndicator = require('./select-indicator.cjs');
-const selectItem = require('./select-item.cjs');
-const selectItemContext = require('./select-item-context.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 selectTrigger = require('./select-trigger.cjs');
-const selectValueText = require('./select-value-text.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;
-exports.useSelectContext = selectContext.useSelectContext;
-exports.SelectControl = selectControl.SelectControl;
-exports.SelectIndicator = selectIndicator.SelectIndicator;
-exports.SelectItem = selectItem.SelectItem;
-exports.useSelectItemContext = selectItemContext.useSelectItemContext;
-exports.SelectItemGroup = selectItemGroup.SelectItemGroup;
-exports.SelectItemGroupLabel = selectItemGroupLabel.SelectItemGroupLabel;
-exports.SelectItemIndicator = selectItemIndicator.SelectItemIndicator;
-exports.SelectItemText = selectItemText.SelectItemText;
-exports.SelectLabel = selectLabel.SelectLabel;
-exports.SelectPositioner = selectPositioner.SelectPositioner;
-exports.SelectTrigger = selectTrigger.SelectTrigger;
-exports.SelectValueText = selectValueText.SelectValueText;
-exports.Select = Select;

package/select/index.d.ts

@@ -1,36 +0,0 @@
-import { JSX } from 'solid-js';
-import type { CollectionItem } from '../types';
-import { 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';
-import { SelectControl, type SelectControlProps } from './select-control';
-import { SelectIndicator, type SelectIndicatorProps } from './select-indicator';
-import { SelectItem, type SelectItemProps } from './select-item';
-import { useSelectItemContext, type SelectItemContext } from './select-item-context';
-import { SelectItemGroup, type SelectItemGroupProps } from './select-item-group';
-import { SelectItemGroupLabel, type SelectItemGroupLabelProps } from './select-item-group-label';
-import { SelectItemIndicator, type SelectItemIndicatorProps } from './select-item-indicator';
-import { SelectItemText, type SelectItemTextProps } from './select-item-text';
-import { SelectLabel, type SelectLabelProps } from './select-label';
-import { SelectPositioner, type SelectPositionerProps } from './select-positioner';
-import { SelectTrigger, type SelectTriggerProps } from './select-trigger';
-import { SelectValueText, type SelectValueTextProps } from './select-value-text';
-declare const Select: (<T extends CollectionItem>(props: SelectProps<T>) => JSX.Element) & {
-    Root: <T extends CollectionItem>(props: SelectProps<T>) => JSX.Element;
-    ClearTrigger: (props: SelectClearTriggerProps) => JSX.Element;
-    Content: (props: SelectContentProps) => JSX.Element;
-    Control: (props: SelectControlProps) => JSX.Element;
-    Indicator: (props: SelectIndicatorProps) => JSX.Element;
-    Item: (props: SelectItemProps) => JSX.Element;
-    ItemGroup: (props: SelectItemGroupProps) => JSX.Element;
-    ItemGroupLabel: (props: SelectItemGroupLabelProps) => JSX.Element;
-    ItemIndicator: (props: SelectItemIndicatorProps) => JSX.Element;
-    ItemText: (props: SelectItemTextProps) => JSX.Element;
-    Label: (props: SelectLabelProps) => JSX.Element;
-    Positioner: (props: SelectPositionerProps) => JSX.Element;
-    Trigger: (props: SelectTriggerProps) => JSX.Element;
-    ValueText: (props: SelectValueTextProps) => JSX.Element;
-};
-export { Select, SelectClearTrigger, SelectContent, SelectControl, SelectIndicator, SelectItem, SelectItemGroup, SelectItemGroupLabel, SelectItemIndicator, SelectItemText, SelectLabel, SelectPositioner, SelectTrigger, SelectValueText, useSelectContext, useSelectItemContext, };
-export type { CollectionItem, SelectClearTriggerProps, SelectContentProps, SelectContext, SelectControlProps, SelectIndicatorProps, SelectItemContext, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectPositionerProps, SelectProps, SelectTriggerProps, SelectValueTextProps, };

package/select/index.mjs

@@ -1,35 +0,0 @@
-import { Select as Select$1 } from './select.mjs';
-import { SelectClearTrigger } from './select-clear-trigger.mjs';
-import { 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 { 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 };

package/select/select-clear-trigger.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const solid = require('@zag-js/solid');
-const factory = require('../factory.cjs');
-const selectContext = require('./select-context.cjs');
-
-const SelectClearTrigger = props => {
-  const api = selectContext.useSelectContext();
-  const mergedProps = solid.mergeProps(() => api().clearTriggerProps, props);
-  return web.createComponent(factory.ark.button, mergedProps);
-};
-
-exports.SelectClearTrigger = SelectClearTrigger;

package/select/select-clear-trigger.d.ts

@@ -1,4 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-export type SelectClearTriggerProps = HTMLArkProps<'button'>;
-export declare const SelectClearTrigger: (props: SelectClearTriggerProps) => JSX.Element;

package/select/select-clear-trigger.mjs

@@ -1,12 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-import { useSelectContext } from './select-context.mjs';
-
-const SelectClearTrigger = props => {
-  const api = useSelectContext();
-  const mergedProps = mergeProps(() => api().clearTriggerProps, props);
-  return createComponent(ark.button, mergedProps);
-};
-
-export { SelectClearTrigger };

package/select/select-content.cjs

@@ -1,27 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const solid = require('@zag-js/solid');
-const factory = require('../factory.cjs');
-const index = require('../presence/index.cjs');
-const selectContext = require('./select-context.cjs');
-const splitPresenceProps = require('../presence/split-presence-props.cjs');
-
-const SelectContent = props => {
-  const [presenceProps, localProps] = splitPresenceProps.splitPresenceProps(props);
-  const api = selectContext.useSelectContext();
-  const mergedProps = solid.mergeProps(() => api().contentProps, localProps);
-  return web.createComponent(index.Presence, web.mergeProps({
-    get present() {
-      return api().isOpen;
-    }
-  }, presenceProps, {
-    get children() {
-      return web.createComponent(factory.ark.div, mergedProps);
-    }
-  }));
-};
-
-exports.SelectContent = SelectContent;

package/select/select-content.d.ts

@@ -1,5 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-import { type PresenceProps } from '../presence';
-export type SelectContentProps = HTMLArkProps<'div'> & PresenceProps;
-export declare const SelectContent: (props: SelectContentProps) => JSX.Element;

package/select/select-content.mjs

@@ -1,23 +0,0 @@
-import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-import { Presence } from '../presence/index.mjs';
-import { useSelectContext } from './select-context.mjs';
-import { splitPresenceProps } from '../presence/split-presence-props.mjs';
-
-const SelectContent = props => {
-  const [presenceProps, localProps] = splitPresenceProps(props);
-  const api = useSelectContext();
-  const mergedProps = mergeProps(() => api().contentProps, localProps);
-  return createComponent(Presence, mergeProps$1({
-    get present() {
-      return api().isOpen;
-    }
-  }, presenceProps, {
-    get children() {
-      return createComponent(ark.div, mergedProps);
-    }
-  }));
-};
-
-export { SelectContent };

package/select/select-context.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const createContext = require('../create-context.cjs');
-
-const [SelectProvider, useSelectContext] = createContext.createContext({
-  hookName: "useSelectContext",
-  providerName: "<SelectProvider />"
-});
-
-exports.SelectProvider = SelectProvider;
-exports.useSelectContext = useSelectContext;

package/select/select-context.d.ts

@@ -1,5 +0,0 @@
-import { ContextProviderComponent } from 'solid-js';
-import type { CollectionItem } from '../types';
-import { type UseSelectReturn } from './use-select';
-export type SelectContext<T extends CollectionItem> = UseSelectReturn<T>;
-export declare const SelectProvider: ContextProviderComponent<SelectContext<any>>, useSelectContext: () => SelectContext<any>;

package/select/select-context.mjs

@@ -1,8 +0,0 @@
-import { createContext } from '../create-context.mjs';
-
-const [SelectProvider, useSelectContext] = createContext({
-  hookName: "useSelectContext",
-  providerName: "<SelectProvider />"
-});
-
-export { SelectProvider, useSelectContext };

package/select/select-control.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const solid = require('@zag-js/solid');
-const factory = require('../factory.cjs');
-const selectContext = require('./select-context.cjs');
-
-const SelectControl = props => {
-  const api = selectContext.useSelectContext();
-  const mergedProps = solid.mergeProps(() => api().controlProps, props);
-  return web.createComponent(factory.ark.div, mergedProps);
-};
-
-exports.SelectControl = SelectControl;

package/select/select-control.d.ts

@@ -1,4 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-export type SelectControlProps = HTMLArkProps<'div'>;
-export declare const SelectControl: (props: SelectControlProps) => JSX.Element;

package/select/select-control.mjs

@@ -1,12 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-import { useSelectContext } from './select-context.mjs';
-
-const SelectControl = props => {
-  const api = useSelectContext();
-  const mergedProps = mergeProps(() => api().controlProps, props);
-  return createComponent(ark.div, mergedProps);
-};
-
-export { SelectControl };

package/select/select-indicator.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const solid = require('@zag-js/solid');
-const factory = require('../factory.cjs');
-const selectContext = require('./select-context.cjs');
-
-const SelectIndicator = props => {
-  const api = selectContext.useSelectContext();
-  const mergedProps = solid.mergeProps(() => api().controlProps, props);
-  return web.createComponent(factory.ark.div, mergedProps);
-};
-
-exports.SelectIndicator = SelectIndicator;

package/select/select-indicator.d.ts

@@ -1,4 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-export type SelectIndicatorProps = HTMLArkProps<'div'>;
-export declare const SelectIndicator: (props: SelectIndicatorProps) => JSX.Element;

package/select/select-indicator.mjs

@@ -1,12 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-import { useSelectContext } from './select-context.mjs';
-
-const SelectIndicator = props => {
-  const api = useSelectContext();
-  const mergedProps = mergeProps(() => api().controlProps, props);
-  return createComponent(ark.div, mergedProps);
-};
-
-export { SelectIndicator };

package/select/select-item-context.cjs

@@ -1,13 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const createContext = require('../create-context.cjs');
-
-const [SelectItemProvider, useSelectItemContext] = createContext.createContext({
-  hookName: "useSelectItemContext",
-  providerName: "<SelectItemProvider />"
-});
-
-exports.SelectItemProvider = SelectItemProvider;
-exports.useSelectItemContext = useSelectItemContext;

package/select/select-item-context.d.ts

@@ -1,4 +0,0 @@
-import { ContextProviderComponent } from 'solid-js';
-import type { ItemProps } from '@zag-js/select';
-export type SelectItemContext = ItemProps;
-export declare const SelectItemProvider: ContextProviderComponent<SelectItemContext>, useSelectItemContext: () => SelectItemContext;

package/select/select-item-context.mjs

@@ -1,8 +0,0 @@
-import { createContext } from '../create-context.mjs';
-
-const [SelectItemProvider, useSelectItemContext] = createContext({
-  hookName: "useSelectItemContext",
-  providerName: "<SelectItemProvider />"
-});
-
-export { SelectItemProvider, useSelectItemContext };

package/select/select-item-group-label.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const solid = require('@zag-js/solid');
-const createSplitProps = require('../create-split-props.cjs');
-const factory = require('../factory.cjs');
-const selectContext = require('./select-context.cjs');
-
-const SelectItemGroupLabel = props => {
-  const [labelProps, localProps] = createSplitProps.createSplitProps()(props, ['htmlFor']);
-  const api = selectContext.useSelectContext();
-  const mergedProps = solid.mergeProps(() => api().getItemGroupLabelProps(labelProps), localProps);
-  return web.createComponent(factory.ark.div, mergedProps);
-};
-
-exports.SelectItemGroupLabel = SelectItemGroupLabel;

package/select/select-item-group-label.d.ts

@@ -1,6 +0,0 @@
-import { JSX } from 'solid-js';
-import type { ItemGroupLabelProps } from '@zag-js/select';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-export type SelectItemGroupLabelProps = Assign<HTMLArkProps<'div'>, ItemGroupLabelProps>;
-export declare const SelectItemGroupLabel: (props: SelectItemGroupLabelProps) => JSX.Element;

package/select/select-item-group-label.mjs

@@ -1,14 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { useSelectContext } from './select-context.mjs';
-
-const SelectItemGroupLabel = props => {
-  const [labelProps, localProps] = createSplitProps()(props, ['htmlFor']);
-  const api = useSelectContext();
-  const mergedProps = mergeProps(() => api().getItemGroupLabelProps(labelProps), localProps);
-  return createComponent(ark.div, mergedProps);
-};
-
-export { SelectItemGroupLabel };

package/select/select-item-group.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const solid = require('@zag-js/solid');
-const createSplitProps = require('../create-split-props.cjs');
-const factory = require('../factory.cjs');
-const selectContext = require('./select-context.cjs');
-
-const SelectItemGroup = props => {
-  const [groupProps, localProps] = createSplitProps.createSplitProps()(props, ['id']);
-  const api = selectContext.useSelectContext();
-  const mergedProps = solid.mergeProps(() => api().getItemGroupProps(groupProps), localProps);
-  return web.createComponent(factory.ark.div, mergedProps);
-};
-
-exports.SelectItemGroup = SelectItemGroup;

package/select/select-item-group.d.ts

@@ -1,6 +0,0 @@
-import { JSX } from 'solid-js';
-import type { ItemGroupProps } from '@zag-js/select';
-import { type HTMLArkProps } from '../factory';
-import type { Assign } from '../types';
-export type SelectItemGroupProps = Assign<HTMLArkProps<'div'>, ItemGroupProps>;
-export declare const SelectItemGroup: (props: SelectItemGroupProps) => JSX.Element;

package/select/select-item-group.mjs

@@ -1,14 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { useSelectContext } from './select-context.mjs';
-
-const SelectItemGroup = props => {
-  const [groupProps, localProps] = createSplitProps()(props, ['id']);
-  const api = useSelectContext();
-  const mergedProps = mergeProps(() => api().getItemGroupProps(groupProps), localProps);
-  return createComponent(ark.div, mergedProps);
-};
-
-export { SelectItemGroup };

package/select/select-item-indicator.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const solid = require('@zag-js/solid');
-const factory = require('../factory.cjs');
-const selectContext = require('./select-context.cjs');
-const selectItemContext = require('./select-item-context.cjs');
-
-const SelectItemIndicator = props => {
-  const api = selectContext.useSelectContext();
-  const itemProps = selectItemContext.useSelectItemContext();
-  const mergedProps = solid.mergeProps(() => api().getItemIndicatorProps(itemProps), props);
-  return web.createComponent(factory.ark.div, mergedProps);
-};
-
-exports.SelectItemIndicator = SelectItemIndicator;

package/select/select-item-indicator.d.ts

@@ -1,4 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-export type SelectItemIndicatorProps = HTMLArkProps<'div'>;
-export declare const SelectItemIndicator: (props: SelectItemIndicatorProps) => JSX.Element;

package/select/select-item-indicator.mjs

@@ -1,14 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-import { useSelectContext } from './select-context.mjs';
-import { useSelectItemContext } from './select-item-context.mjs';
-
-const SelectItemIndicator = props => {
-  const api = useSelectContext();
-  const itemProps = useSelectItemContext();
-  const mergedProps = mergeProps(() => api().getItemIndicatorProps(itemProps), props);
-  return createComponent(ark.div, mergedProps);
-};
-
-export { SelectItemIndicator };

package/select/select-item-text.cjs

@@ -1,18 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const solid = require('@zag-js/solid');
-const factory = require('../factory.cjs');
-const selectContext = require('./select-context.cjs');
-const selectItemContext = require('./select-item-context.cjs');
-
-const SelectItemText = props => {
-  const api = selectContext.useSelectContext();
-  const itemProps = selectItemContext.useSelectItemContext();
-  const mergedProps = solid.mergeProps(() => api().getItemTextProps(itemProps), props);
-  return web.createComponent(factory.ark.span, mergedProps);
-};
-
-exports.SelectItemText = SelectItemText;

package/select/select-item-text.d.ts

@@ -1,4 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-export type SelectItemTextProps = HTMLArkProps<'span'>;
-export declare const SelectItemText: (props: SelectItemTextProps) => JSX.Element;

package/select/select-item-text.mjs

@@ -1,14 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-import { useSelectContext } from './select-context.mjs';
-import { useSelectItemContext } from './select-item-context.mjs';
-
-const SelectItemText = props => {
-  const api = useSelectContext();
-  const itemProps = useSelectItemContext();
-  const mergedProps = mergeProps(() => api().getItemTextProps(itemProps), props);
-  return createComponent(ark.span, mergedProps);
-};
-
-export { SelectItemText };

package/select/select-item.cjs

@@ -1,30 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const solid = require('@zag-js/solid');
-const createSplitProps = require('../create-split-props.cjs');
-const factory = require('../factory.cjs');
-const runIfFn = require('../run-if-fn.cjs');
-const selectContext = require('./select-context.cjs');
-const selectItemContext = require('./select-item-context.cjs');
-
-const SelectItem = props => {
-  const [itemProps, localProps] = createSplitProps.createSplitProps()(props, ['item']);
-  const api = selectContext.useSelectContext();
-  const mergedProps = solid.mergeProps(() => api().getItemProps(itemProps), localProps);
-  const getChildren = () => runIfFn.runIfFn(localProps.children, () => api().getItemState(itemProps));
-  return web.createComponent(selectItemContext.SelectItemProvider, {
-    value: itemProps,
-    get children() {
-      return web.createComponent(factory.ark.div, web.mergeProps(mergedProps, {
-        get children() {
-          return getChildren();
-        }
-      }));
-    }
-  });
-};
-
-exports.SelectItem = SelectItem;

package/select/select-item.mjs

@@ -1,26 +0,0 @@
-import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { createSplitProps } from '../create-split-props.mjs';
-import { ark } from '../factory.mjs';
-import { runIfFn } from '../run-if-fn.mjs';
-import { useSelectContext } from './select-context.mjs';
-import { SelectItemProvider } from './select-item-context.mjs';
-
-const SelectItem = props => {
-  const [itemProps, localProps] = createSplitProps()(props, ['item']);
-  const api = useSelectContext();
-  const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
-  const getChildren = () => runIfFn(localProps.children, () => api().getItemState(itemProps));
-  return createComponent(SelectItemProvider, {
-    value: itemProps,
-    get children() {
-      return createComponent(ark.div, mergeProps$1(mergedProps, {
-        get children() {
-          return getChildren();
-        }
-      }));
-    }
-  });
-};
-
-export { SelectItem };

package/select/select-label.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const solid = require('@zag-js/solid');
-const factory = require('../factory.cjs');
-const selectContext = require('./select-context.cjs');
-
-const SelectLabel = props => {
-  const api = selectContext.useSelectContext();
-  const mergedProps = solid.mergeProps(() => api().labelProps, props);
-  return web.createComponent(factory.ark.label, mergedProps);
-};
-
-exports.SelectLabel = SelectLabel;

package/select/select-label.d.ts

@@ -1,4 +0,0 @@
-import { JSX } from 'solid-js';
-import { type HTMLArkProps } from '../factory';
-export type SelectLabelProps = HTMLArkProps<'label'>;
-export declare const SelectLabel: (props: SelectLabelProps) => JSX.Element;

package/select/select-label.mjs

@@ -1,12 +0,0 @@
-import { createComponent } from 'solid-js/web';
-import { mergeProps } from '@zag-js/solid';
-import { ark } from '../factory.mjs';
-import { useSelectContext } from './select-context.mjs';
-
-const SelectLabel = props => {
-  const api = useSelectContext();
-  const mergedProps = mergeProps(() => api().labelProps, props);
-  return createComponent(ark.label, mergedProps);
-};
-
-export { SelectLabel };

package/select/select-positioner.cjs

@@ -1,16 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-
-const web = require('solid-js/web');
-const solid = require('@zag-js/solid');
-const factory = require('../factory.cjs');
-const selectContext = require('./select-context.cjs');
-
-const SelectPositioner = props => {
-  const api = selectContext.useSelectContext();
-  const mergedProps = solid.mergeProps(() => api().positionerProps, props);
-  return web.createComponent(factory.ark.div, mergedProps);
-};
-
-exports.SelectPositioner = SelectPositioner;