@ark-ui/react 0.8.0-beta.0 → 0.8.0

package/segment-group/segment.mjs

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { SegmentProvider } from './segment-context.mjs';
+import { useSegmentGroupContext } from './segment-group-context.mjs';
+import { parts } from './segment-group.anatomy.mjs';
+
+const Segment = forwardRef((props, ref) => {
+  const { value, disabled, invalid, readOnly, ...divProps } = props;
+  const { getRadioProps } = useSegmentGroupContext();
+  const mergedProps = mergeProps(getRadioProps({ value, disabled }), divProps);
+  return /* @__PURE__ */ jsx(SegmentProvider, { value: { value, disabled, invalid, readOnly }, children: /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ...parts.radio.attrs, ref }) });
+});
+
+export { Segment };

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

@@ -0,0 +1,48 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const radio = require('@zag-js/radio-group');
+const react = require('@zag-js/react');
+const React = require('react');
+const environmentContext = require('../environment/environment-context.cjs');
+
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const radio__namespace = /*#__PURE__*/_interopNamespaceDefault(radio);
+
+const useSegmentGroup = (props) => {
+  const getRootNode = environmentContext.useEnvironmentContext();
+  const initialContext = {
+    id: React.useId(),
+    getRootNode,
+    ...props,
+    value: props.defaultValue
+  };
+  const context = {
+    ...initialContext,
+    value: props.value
+  };
+  const [state, send] = react.useMachine(radio__namespace.machine(initialContext), {
+    context
+  });
+  return radio__namespace.connect(state, send, react.normalizeProps);
+};
+
+exports.useSegmentGroup = useSegmentGroup;

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

@@ -0,0 +1,11 @@
+import type { HTMLAttributes, CSSProperties } from 'react';
+import * as segmentGroup from '@zag-js/radio-group';
+import { type Optional } from '../types';
+export type UseSegmentGroupProps = Optional<segmentGroup.Context, 'id'> & {
+    defaultValue?: segmentGroup.Context['value'];
+};
+export type UseSegmentGroupReturn = ReturnType<typeof useSegmentGroup>;
+export declare const useSegmentGroup: (props: UseSegmentGroupProps) => segmentGroup.PublicApi<JSX.IntrinsicElements & {
+    element: HTMLAttributes<HTMLElement>;
+    style: CSSProperties;
+}>;

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

@@ -0,0 +1,25 @@
+'use client';
+import * as radio from '@zag-js/radio-group';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import { useId } from 'react';
+import { useEnvironmentContext } from '../environment/environment-context.mjs';
+
+const useSegmentGroup = (props) => {
+  const getRootNode = useEnvironmentContext();
+  const initialContext = {
+    id: useId(),
+    getRootNode,
+    ...props,
+    value: props.defaultValue
+  };
+  const context = {
+    ...initialContext,
+    value: props.value
+  };
+  const [state, send] = useMachine(radio.machine(initialContext), {
+    context
+  });
+  return radio.connect(state, send, normalizeProps);
+};
+
+export { useSegmentGroup };

package/select/index.cjs

@@ -0,0 +1,31 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const select = require('./select.cjs');
+const selectContent = require('./select-content.cjs');
+const selectContext = require('./select-context.cjs');
+const selectLabel = require('./select-label.cjs');
+const selectOption = require('./select-option.cjs');
+const selectOptionGroup = require('./select-option-group.cjs');
+const selectOptionGroupLabel = require('./select-option-group-label.cjs');
+const selectPositioner = require('./select-positioner.cjs');
+const selectTrigger = require('./select-trigger.cjs');
+const select$1 = require('@zag-js/select');
+
+
+
+exports.Select = select.Select;
+exports.SelectContent = selectContent.SelectContent;
+exports.useSelectContext = selectContext.useSelectContext;
+exports.SelectLabel = selectLabel.SelectLabel;
+exports.SelectOption = selectOption.SelectOption;
+exports.SelectOptionGroup = selectOptionGroup.SelectOptionGroup;
+exports.SelectOptionGroupLabel = selectOptionGroupLabel.SelectOptionGroupLabel;
+exports.SelectPositioner = selectPositioner.SelectPositioner;
+exports.SelectTrigger = selectTrigger.SelectTrigger;
+Object.defineProperty(exports, 'selectAnatomy', {
+  enumerable: true,
+  get: () => select$1.anatomy
+});

package/select/index.d.ts

@@ -0,0 +1,10 @@
+export { Select, type SelectProps } from './select';
+export { SelectContent, type SelectContentProps } from './select-content';
+export { useSelectContext } from './select-context';
+export { SelectLabel, type SelectLabelProps } from './select-label';
+export { SelectOption, type SelectOptionProps } from './select-option';
+export { SelectOptionGroup, type SelectOptionGroupProps } from './select-option-group';
+export { SelectOptionGroupLabel, type SelectOptionGroupLabelProps, } from './select-option-group-label';
+export { SelectPositioner, type SelectPositionerProps } from './select-positioner';
+export { SelectTrigger, type SelectTriggerProps } from './select-trigger';
+export { selectAnatomy } from './select.anatomy';

package/select/index.mjs

@@ -0,0 +1,11 @@
+'use client';
+export { Select } from './select.mjs';
+export { SelectContent } from './select-content.mjs';
+export { useSelectContext } from './select-context.mjs';
+export { SelectLabel } from './select-label.mjs';
+export { SelectOption } from './select-option.mjs';
+export { SelectOptionGroup } from './select-option-group.mjs';
+export { SelectOptionGroupLabel } from './select-option-group-label.mjs';
+export { SelectPositioner } from './select-positioner.mjs';
+export { SelectTrigger } from './select-trigger.mjs';
+export { anatomy as selectAnatomy } from '@zag-js/select';

package/select/select-content.cjs

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const selectContext = require('./select-context.cjs');
+
+const SelectContent = forwardRef.forwardRef((props, ref) => {
+  const { contentProps } = selectContext.useSelectContext();
+  const mergedProps = react.mergeProps(contentProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.ul, { ...mergedProps, ref });
+});
+
+exports.SelectContent = SelectContent;

package/select/select-content.d.ts

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type SelectContentProps = HTMLArkProps<'ul'>;
+export declare const SelectContent: ForwardRefExoticComponent<Assign<AsChildComponentProps<"ul">, SelectContentProps>>;

package/select/select-content.mjs

@@ -0,0 +1,14 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useSelectContext } from './select-context.mjs';
+
+const SelectContent = forwardRef((props, ref) => {
+  const { contentProps } = useSelectContext();
+  const mergedProps = mergeProps(contentProps, props);
+  return /* @__PURE__ */ jsx(ark.ul, { ...mergedProps, ref });
+});
+
+export { SelectContent };

package/select/select-context.cjs

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

package/select/select-context.d.ts

@@ -0,0 +1,11 @@
+import type { PublicApi } from '@zag-js/select';
+import type { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { type UseSelectReturn } from './use-select';
+export type SelectContext = UseSelectReturn;
+export declare const SelectProvider: Provider<PublicApi<JSX.IntrinsicElements & {
+    element: HTMLAttributes<HTMLElement>;
+    style: CSSProperties;
+}>>, useSelectContext: () => PublicApi<JSX.IntrinsicElements & {
+    element: HTMLAttributes<HTMLElement>;
+    style: CSSProperties;
+}>;

package/select/select-context.mjs

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

package/select/select-label.cjs

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const selectContext = require('./select-context.cjs');
+
+const SelectLabel = forwardRef.forwardRef((props, ref) => {
+  const { labelProps } = selectContext.useSelectContext();
+  const mergedProps = react.mergeProps(labelProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
+});
+
+exports.SelectLabel = SelectLabel;

package/select/select-label.d.ts

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type SelectLabelProps = HTMLArkProps<'label'>;
+export declare const SelectLabel: ForwardRefExoticComponent<Assign<AsChildComponentProps<"label">, SelectLabelProps>>;

package/select/select-label.mjs

@@ -0,0 +1,14 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useSelectContext } from './select-context.mjs';
+
+const SelectLabel = forwardRef((props, ref) => {
+  const { labelProps } = useSelectContext();
+  const mergedProps = mergeProps(labelProps, props);
+  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
+});
+
+export { SelectLabel };

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

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const selectContext = require('./select-context.cjs');
+
+const SelectOptionGroupLabel = forwardRef.forwardRef(
+  (props, ref) => {
+    const { htmlFor, ...labelProps } = props;
+    const { getOptionGroupLabelProps } = selectContext.useSelectContext();
+    const mergedProps = react.mergeProps(getOptionGroupLabelProps({ htmlFor }), labelProps);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
+  }
+);
+
+exports.SelectOptionGroupLabel = SelectOptionGroupLabel;

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

@@ -0,0 +1,7 @@
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export type SelectOptionGroupLabelProps = Assign<HTMLArkProps<'label'>, {
+    htmlFor: string;
+}>;
+export declare const SelectOptionGroupLabel: ForwardRefExoticComponent<Assign<AsChildComponentProps<"label">, SelectOptionGroupLabelProps>>;

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useSelectContext } from './select-context.mjs';
+
+const SelectOptionGroupLabel = forwardRef(
+  (props, ref) => {
+    const { htmlFor, ...labelProps } = props;
+    const { getOptionGroupLabelProps } = useSelectContext();
+    const mergedProps = mergeProps(getOptionGroupLabelProps({ htmlFor }), labelProps);
+    return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
+  }
+);
+
+export { SelectOptionGroupLabel };

package/select/select-option-group.cjs

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const selectContext = require('./select-context.cjs');
+
+const SelectOptionGroup = forwardRef.forwardRef((props, ref) => {
+  const { id, ...divProps } = props;
+  const { getOptionGroupProps } = selectContext.useSelectContext();
+  const mergedProps = react.mergeProps(getOptionGroupProps({ id }), divProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+
+exports.SelectOptionGroup = SelectOptionGroup;

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

@@ -0,0 +1,7 @@
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export type SelectOptionGroupProps = Assign<HTMLArkProps<'div'>, {
+    id: string;
+}>;
+export declare const SelectOptionGroup: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, SelectOptionGroupProps>>;

package/select/select-option-group.mjs

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useSelectContext } from './select-context.mjs';
+
+const SelectOptionGroup = forwardRef((props, ref) => {
+  const { id, ...divProps } = props;
+  const { getOptionGroupProps } = useSelectContext();
+  const mergedProps = mergeProps(getOptionGroupProps({ id }), divProps);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+
+export { SelectOptionGroup };

package/select/select-option.cjs

@@ -0,0 +1,25 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const createSplitProps = require('../create-split-props.cjs');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const selectContext = require('./select-context.cjs');
+
+const SelectOption = forwardRef.forwardRef((props, ref) => {
+  const [optionProps, { children, ...liProps }] = createSplitProps.createSplitProps()(props, [
+    "disabled",
+    "label",
+    "value",
+    "valueText"
+  ]);
+  const { getOptionProps } = selectContext.useSelectContext();
+  const mergedProps = react.mergeProps(getOptionProps(optionProps), liProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.li, { ...mergedProps, ref, children: children ? children : optionProps.label });
+});
+
+exports.SelectOption = SelectOption;

package/select/select-option.d.ts

@@ -0,0 +1,8 @@
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+import { useSelectContext } from './select-context';
+type OptionProps = Parameters<ReturnType<typeof useSelectContext>['getOptionProps']>[0];
+export type SelectOptionProps = Assign<HTMLArkProps<'li'>, OptionProps>;
+export declare const SelectOption: ForwardRefExoticComponent<Assign<AsChildComponentProps<"li">, SelectOptionProps>>;
+export {};

package/select/select-option.mjs

@@ -0,0 +1,21 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { createSplitProps } from '../create-split-props.mjs';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useSelectContext } from './select-context.mjs';
+
+const SelectOption = forwardRef((props, ref) => {
+  const [optionProps, { children, ...liProps }] = createSplitProps()(props, [
+    "disabled",
+    "label",
+    "value",
+    "valueText"
+  ]);
+  const { getOptionProps } = useSelectContext();
+  const mergedProps = mergeProps(getOptionProps(optionProps), liProps);
+  return /* @__PURE__ */ jsx(ark.li, { ...mergedProps, ref, children: children ? children : optionProps.label });
+});
+
+export { SelectOption };

package/select/select-positioner.cjs

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const selectContext = require('./select-context.cjs');
+
+const SelectPositioner = forwardRef.forwardRef((props, ref) => {
+  const { positionerProps } = selectContext.useSelectContext();
+  const mergedProps = react.mergeProps(positionerProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+
+exports.SelectPositioner = SelectPositioner;

package/select/select-positioner.d.ts

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type SelectPositionerProps = HTMLArkProps<'div'>;
+export declare const SelectPositioner: ForwardRefExoticComponent<Assign<AsChildComponentProps<"div">, SelectPositionerProps>>;

package/select/select-positioner.mjs

@@ -0,0 +1,14 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useSelectContext } from './select-context.mjs';
+
+const SelectPositioner = forwardRef((props, ref) => {
+  const { positionerProps } = useSelectContext();
+  const mergedProps = mergeProps(positionerProps, props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+
+export { SelectPositioner };

package/select/select-trigger.cjs

@@ -0,0 +1,18 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react = require('@zag-js/react');
+const factory = require('../factory.cjs');
+const forwardRef = require('../forward-ref.cjs');
+const selectContext = require('./select-context.cjs');
+
+const SelectTrigger = forwardRef.forwardRef((props, ref) => {
+  const { triggerProps } = selectContext.useSelectContext();
+  const mergedProps = react.mergeProps(triggerProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
+
+exports.SelectTrigger = SelectTrigger;

package/select/select-trigger.d.ts

@@ -0,0 +1,5 @@
+import type { Assign } from '../types';
+import type { ForwardRefExoticComponent } from 'react';
+import type { AsChildComponentProps, type HTMLArkProps } from '../factory';
+export type SelectTriggerProps = HTMLArkProps<'button'>;
+export declare const SelectTrigger: ForwardRefExoticComponent<Assign<AsChildComponentProps<"button">, Record<never, never>>>;

package/select/select-trigger.mjs

@@ -0,0 +1,14 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { ark } from '../factory.mjs';
+import { forwardRef } from '../forward-ref.mjs';
+import { useSelectContext } from './select-context.mjs';
+
+const SelectTrigger = forwardRef((props, ref) => {
+  const { triggerProps } = useSelectContext();
+  const mergedProps = mergeProps(triggerProps, props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
+
+export { SelectTrigger };

package/select/select.cjs

@@ -0,0 +1,42 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+require('react');
+const createSplitProps = require('../create-split-props.cjs');
+const runIfFn = require('../run-if-fn.cjs');
+const selectContext = require('./select-context.cjs');
+const useSelect = require('./use-select.cjs');
+
+const Select = (props) => {
+  const [useSelectProps, { children }] = createSplitProps.createSplitProps()(props, [
+    "closeOnSelect",
+    "defaultValue",
+    "dir",
+    "disabled",
+    "form",
+    "getRootNode",
+    "highlightedOption",
+    "id",
+    "ids",
+    "invalid",
+    "loop",
+    "name",
+    "onChange",
+    "onClose",
+    "onHighlight",
+    "onInteractOutside",
+    "onOpen",
+    "positioning",
+    "readOnly",
+    "selectedOption",
+    "selectOnTab"
+  ]);
+  const select = useSelect.useSelect(useSelectProps);
+  const view = runIfFn.runIfFn(children, select);
+  return /* @__PURE__ */ jsxRuntime.jsx(selectContext.SelectProvider, { value: select, children: view });
+};
+
+exports.Select = Select;

package/select/select.mjs

@@ -0,0 +1,38 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import 'react';
+import { createSplitProps } from '../create-split-props.mjs';
+import { runIfFn } from '../run-if-fn.mjs';
+import { SelectProvider } from './select-context.mjs';
+import { useSelect } from './use-select.mjs';
+
+const Select = (props) => {
+  const [useSelectProps, { children }] = createSplitProps()(props, [
+    "closeOnSelect",
+    "defaultValue",
+    "dir",
+    "disabled",
+    "form",
+    "getRootNode",
+    "highlightedOption",
+    "id",
+    "ids",
+    "invalid",
+    "loop",
+    "name",
+    "onChange",
+    "onClose",
+    "onHighlight",
+    "onInteractOutside",
+    "onOpen",
+    "positioning",
+    "readOnly",
+    "selectedOption",
+    "selectOnTab"
+  ]);
+  const select = useSelect(useSelectProps);
+  const view = runIfFn(children, select);
+  return /* @__PURE__ */ jsx(SelectProvider, { value: select, children: view });
+};
+
+export { Select };