@ark-ui/react 2.2.2 → 3.0.0-0

package/dist/select/select-value-text.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { selectAnatomy } from '@ark-ui/anatomy';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useSelectContext } from './use-select-context.js';
+
+const SelectValueText = forwardRef((props, ref) => {
+  const { children, placeholder, ...rest } = props;
+  const select = useSelectContext();
+  return /* @__PURE__ */ jsx(ark.span, { ...selectAnatomy.build().valueText.attrs, ...rest, ref, children: children || select.valueAsString || placeholder });
+});
+SelectValueText.displayName = "SelectValueText";
+
+export { SelectValueText };

package/dist/select/select.cjs

@@ -0,0 +1,39 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+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 selectRoot = require('./select-root.cjs');
+const selectTrigger = require('./select-trigger.cjs');
+const selectValueText = require('./select-value-text.cjs');
+
+
+
+exports.ClearTrigger = selectClearTrigger.SelectClearTrigger;
+exports.Content = selectContent.SelectContent;
+exports.Context = selectContext.SelectContext;
+exports.Control = selectControl.SelectControl;
+exports.Indicator = selectIndicator.SelectIndicator;
+exports.Item = selectItem.SelectItem;
+exports.ItemContext = selectItemContext.SelectItemContext;
+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/dist/select/select.d.cts

@@ -0,0 +1,20 @@
+import { SelectValueText as ValueText, SelectValueTextProps as ValueTextProps } from './select-value-text';
+import { SelectTrigger as Trigger, SelectTriggerProps as TriggerProps } from './select-trigger';
+import { SelectRoot as Root, SelectRootProps as RootProps } from './select-root';
+import { SelectPositioner as Positioner, SelectPositionerProps as PositionerProps } from './select-positioner';
+import { SelectLabel as Label, SelectLabelProps as LabelProps } from './select-label';
+import { SelectItemText as ItemText, SelectItemTextProps as ItemTextProps } from './select-item-text';
+import { SelectItemIndicator as ItemIndicator, SelectItemIndicatorProps as ItemIndicatorProps } from './select-item-indicator';
+import { SelectItemGroupLabel as ItemGroupLabel, SelectItemGroupLabelProps as ItemGroupLabelProps } from './select-item-group-label';
+import { SelectItemGroup as ItemGroup, SelectItemGroupProps as ItemGroupProps } from './select-item-group';
+import { SelectItemContext as ItemContext, SelectItemContextProps as ItemContextProps } from './select-item-context';
+import { SelectItem as Item, SelectItemProps as ItemProps } from './select-item';
+import { SelectIndicator as Indicator, SelectIndicatorProps as IndicatorProps } from './select-indicator';
+import { SelectControl as Control, SelectControlProps as ControlProps } from './select-control';
+import { SelectContext as Context, SelectContextProps as ContextProps } from './select-context';
+import { SelectContent as Content, SelectContentProps as ContentProps } from './select-content';
+import { SelectClearTrigger as ClearTrigger, SelectClearTriggerProps as ClearTriggerProps } from './select-clear-trigger';
+import { HighlightChangeDetails, OpenChangeDetails, ValueChangeDetails } from '@zag-js/select';
+
+export { ClearTrigger, Content, Context, Control, Indicator, Item, ItemContext, ItemGroup, ItemGroupLabel, ItemIndicator, ItemText, Label, Positioner, Root, Trigger, ValueText, };
+export type { ClearTriggerProps, ContentProps, ContextProps, ControlProps, HighlightChangeDetails, IndicatorProps, ItemContextProps, ItemGroupLabelProps, ItemGroupProps, ItemIndicatorProps, ItemProps, ItemTextProps, LabelProps, OpenChangeDetails, PositionerProps, RootProps, TriggerProps, ValueChangeDetails, ValueTextProps, };

package/dist/select/select.d.ts

@@ -0,0 +1,20 @@
+import { SelectValueText as ValueText, SelectValueTextProps as ValueTextProps } from './select-value-text';
+import { SelectTrigger as Trigger, SelectTriggerProps as TriggerProps } from './select-trigger';
+import { SelectRoot as Root, SelectRootProps as RootProps } from './select-root';
+import { SelectPositioner as Positioner, SelectPositionerProps as PositionerProps } from './select-positioner';
+import { SelectLabel as Label, SelectLabelProps as LabelProps } from './select-label';
+import { SelectItemText as ItemText, SelectItemTextProps as ItemTextProps } from './select-item-text';
+import { SelectItemIndicator as ItemIndicator, SelectItemIndicatorProps as ItemIndicatorProps } from './select-item-indicator';
+import { SelectItemGroupLabel as ItemGroupLabel, SelectItemGroupLabelProps as ItemGroupLabelProps } from './select-item-group-label';
+import { SelectItemGroup as ItemGroup, SelectItemGroupProps as ItemGroupProps } from './select-item-group';
+import { SelectItemContext as ItemContext, SelectItemContextProps as ItemContextProps } from './select-item-context';
+import { SelectItem as Item, SelectItemProps as ItemProps } from './select-item';
+import { SelectIndicator as Indicator, SelectIndicatorProps as IndicatorProps } from './select-indicator';
+import { SelectControl as Control, SelectControlProps as ControlProps } from './select-control';
+import { SelectContext as Context, SelectContextProps as ContextProps } from './select-context';
+import { SelectContent as Content, SelectContentProps as ContentProps } from './select-content';
+import { SelectClearTrigger as ClearTrigger, SelectClearTriggerProps as ClearTriggerProps } from './select-clear-trigger';
+import { HighlightChangeDetails, OpenChangeDetails, ValueChangeDetails } from '@zag-js/select';
+
+export { ClearTrigger, Content, Context, Control, Indicator, Item, ItemContext, ItemGroup, ItemGroupLabel, ItemIndicator, ItemText, Label, Positioner, Root, Trigger, ValueText, };
+export type { ClearTriggerProps, ContentProps, ContextProps, ControlProps, HighlightChangeDetails, IndicatorProps, ItemContextProps, ItemGroupLabelProps, ItemGroupProps, ItemIndicatorProps, ItemProps, ItemTextProps, LabelProps, OpenChangeDetails, PositionerProps, RootProps, TriggerProps, ValueChangeDetails, ValueTextProps, };

package/dist/select/select.js

@@ -0,0 +1,16 @@
+export { SelectClearTrigger as ClearTrigger } from './select-clear-trigger.js';
+export { SelectContent as Content } from './select-content.js';
+export { SelectContext as Context } from './select-context.js';
+export { SelectControl as Control } from './select-control.js';
+export { SelectIndicator as Indicator } from './select-indicator.js';
+export { SelectItem as Item } from './select-item.js';
+export { SelectItemContext as ItemContext } from './select-item-context.js';
+export { SelectItemGroup as ItemGroup } from './select-item-group.js';
+export { SelectItemGroupLabel as ItemGroupLabel } from './select-item-group-label.js';
+export { SelectItemIndicator as ItemIndicator } from './select-item-indicator.js';
+export { SelectItemText as ItemText } from './select-item-text.js';
+export { SelectLabel as Label } from './select-label.js';
+export { SelectPositioner as Positioner } from './select-positioner.js';
+export { SelectRoot as Root } from './select-root.js';
+export { SelectTrigger as Trigger } from './select-trigger.js';
+export { SelectValueText as ValueText } from './select-value-text.js';

package/dist/select/use-select-context.d.cts

@@ -0,0 +1,7 @@
+import { Provider } from 'react';
+import { UseSelectReturn } from './use-select';
+import { CollectionItem } from '../types';
+
+export interface UseSelectContext<T extends CollectionItem> extends UseSelectReturn<T> {
+}
+export declare const SelectProvider: Provider<UseSelectContext<any>>, useSelectContext: () => UseSelectContext<any>;

package/dist/select/use-select-context.d.ts

@@ -0,0 +1,7 @@
+import { Provider } from 'react';
+import { UseSelectReturn } from './use-select';
+import { CollectionItem } from '../types';
+
+export interface UseSelectContext<T extends CollectionItem> extends UseSelectReturn<T> {
+}
+export declare const SelectProvider: Provider<UseSelectContext<any>>, useSelectContext: () => UseSelectContext<any>;

package/dist/select/use-select-context.js

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

package/dist/select/use-select-item-context.d.cts

@@ -0,0 +1,6 @@
+import { Provider } from 'react';
+import { ItemState } from '@zag-js/select';
+
+export interface UseSelectItemContext extends ItemState {
+}
+export declare const SelectItemProvider: Provider<UseSelectItemContext>, useSelectItemContext: () => UseSelectItemContext;

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

@@ -0,0 +1,6 @@
+import { Provider } from 'react';
+import { ItemState } from '@zag-js/select';
+
+export interface UseSelectItemContext extends ItemState {
+}
+export declare const SelectItemProvider: Provider<UseSelectItemContext>, useSelectItemContext: () => UseSelectItemContext;

package/dist/select/use-select-item-context.js

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

package/dist/select/use-select-item-props-context.cjs

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

package/dist/select/use-select-item-props-context.d.cts

@@ -0,0 +1,4 @@
+import { Provider } from 'react';
+import { ItemProps } from '@zag-js/select';
+
+export declare const SelectItemPropsProvider: Provider<ItemProps<any>>, useSelectItemPropsContext: () => ItemProps<any>;

package/dist/select/use-select-item-props-context.d.ts

@@ -0,0 +1,4 @@
+import { Provider } from 'react';
+import { ItemProps } from '@zag-js/select';
+
+export declare const SelectItemPropsProvider: Provider<ItemProps<any>>, useSelectItemPropsContext: () => ItemProps<any>;

package/dist/select/use-select-item-props-context.js

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

package/dist/select/use-select.cjs

@@ -0,0 +1,66 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const react$1 = require('@zag-js/react');
+const select = require('@zag-js/select');
+const react = require('react');
+const createSplitProps = require('../create-split-props.cjs');
+const useEnvironmentContext = require('../environment/use-environment-context.cjs');
+const useEvent = require('../use-event.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 select__namespace = /*#__PURE__*/_interopNamespaceDefault(select);
+
+const useSelect = (props) => {
+  const [collectionOptions, rest] = createSplitProps.createSplitProps()(props, [
+    "isItemDisabled",
+    "itemToValue",
+    "itemToString",
+    "items"
+  ]);
+  const collection = react.useMemo(
+    () => select__namespace.collection(collectionOptions),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    Object.values(collectionOptions)
+  );
+  const initialContext = {
+    id: react.useId(),
+    getRootNode: useEnvironmentContext.useEnvironmentContext(),
+    collection,
+    ...rest,
+    value: props.defaultValue,
+    "open.controlled": props.open !== void 0
+  };
+  const context = {
+    ...initialContext,
+    collection,
+    value: props.value,
+    onValueChange: useEvent.useEvent(props.onValueChange, { sync: true }),
+    onHighlightChange: useEvent.useEvent(props.onHighlightChange),
+    onOpenChange: useEvent.useEvent(props.onOpenChange)
+  };
+  const [state, send] = react$1.useMachine(select__namespace.machine(initialContext), {
+    context
+  });
+  return select__namespace.connect(state, send, react$1.normalizeProps);
+};
+
+exports.useSelect = useSelect;

package/dist/select/use-select.d.cts

@@ -0,0 +1,14 @@
+import { CollectionItem, Optional } from '../types';
+import { CollectionOptions } from '@zag-js/select';
+import { PropTypes } from '@zag-js/react';
+
+import * as select from '@zag-js/select';
+export interface UseSelectProps<T extends CollectionItem> extends CollectionOptions<T>, Omit<Optional<select.Context<T>, 'id'>, 'collection' | 'open.controlled'> {
+    /**
+     * The initial value of the select.
+     */
+    defaultValue?: select.Context<T>['value'];
+}
+export interface UseSelectReturn<T extends CollectionItem> extends select.Api<PropTypes, T> {
+}
+export declare const useSelect: <T extends CollectionItem>(props: UseSelectProps<T>) => UseSelectReturn<T>;

package/dist/select/use-select.d.ts

@@ -0,0 +1,14 @@
+import { CollectionItem, Optional } from '../types';
+import { CollectionOptions } from '@zag-js/select';
+import { PropTypes } from '@zag-js/react';
+
+import * as select from '@zag-js/select';
+export interface UseSelectProps<T extends CollectionItem> extends CollectionOptions<T>, Omit<Optional<select.Context<T>, 'id'>, 'collection' | 'open.controlled'> {
+    /**
+     * The initial value of the select.
+     */
+    defaultValue?: select.Context<T>['value'];
+}
+export interface UseSelectReturn<T extends CollectionItem> extends select.Api<PropTypes, T> {
+}
+export declare const useSelect: <T extends CollectionItem>(props: UseSelectProps<T>) => UseSelectReturn<T>;

package/dist/select/use-select.js

@@ -0,0 +1,43 @@
+'use client';
+import { useMachine, normalizeProps } from '@zag-js/react';
+import * as select from '@zag-js/select';
+import { useMemo, useId } from 'react';
+import { createSplitProps } from '../create-split-props.js';
+import { useEnvironmentContext } from '../environment/use-environment-context.js';
+import { useEvent } from '../use-event.js';
+
+const useSelect = (props) => {
+  const [collectionOptions, rest] = createSplitProps()(props, [
+    "isItemDisabled",
+    "itemToValue",
+    "itemToString",
+    "items"
+  ]);
+  const collection = useMemo(
+    () => select.collection(collectionOptions),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    Object.values(collectionOptions)
+  );
+  const initialContext = {
+    id: useId(),
+    getRootNode: useEnvironmentContext(),
+    collection,
+    ...rest,
+    value: props.defaultValue,
+    "open.controlled": props.open !== void 0
+  };
+  const context = {
+    ...initialContext,
+    collection,
+    value: props.value,
+    onValueChange: useEvent(props.onValueChange, { sync: true }),
+    onHighlightChange: useEvent(props.onHighlightChange),
+    onOpenChange: useEvent(props.onOpenChange)
+  };
+  const [state, send] = useMachine(select.machine(initialContext), {
+    context
+  });
+  return select.connect(state, send, normalizeProps);
+};
+
+export { useSelect };

package/dist/slider/index.cjs

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const sliderContext = require('./slider-context.cjs');
+const sliderControl = require('./slider-control.cjs');
+const sliderLabel = require('./slider-label.cjs');
+const sliderMarker = require('./slider-marker.cjs');
+const sliderMarkerGroup = require('./slider-marker-group.cjs');
+const sliderRange = require('./slider-range.cjs');
+const sliderRoot = require('./slider-root.cjs');
+const sliderThumb = require('./slider-thumb.cjs');
+const sliderTrack = require('./slider-track.cjs');
+const sliderValueText = require('./slider-value-text.cjs');
+const useSliderContext = require('./use-slider-context.cjs');
+const slider = require('./slider.cjs');
+
+
+
+exports.SliderContext = sliderContext.SliderContext;
+exports.SliderControl = sliderControl.SliderControl;
+exports.SliderLabel = sliderLabel.SliderLabel;
+exports.SliderMarker = sliderMarker.SliderMarker;
+exports.SliderMarkerGroup = sliderMarkerGroup.SliderMarkerGroup;
+exports.SliderRange = sliderRange.SliderRange;
+exports.SliderRoot = sliderRoot.SliderRoot;
+exports.SliderThumb = sliderThumb.SliderThumb;
+exports.SliderTrack = sliderTrack.SliderTrack;
+exports.SliderValueText = sliderValueText.SliderValueText;
+exports.useSliderContext = useSliderContext.useSliderContext;
+exports.Slider = slider;

package/dist/slider/index.d.cts

@@ -0,0 +1,16 @@
+import { useSliderContext, UseSliderContext } from './use-slider-context';
+import { SliderValueText, SliderValueTextProps } from './slider-value-text';
+import { SliderTrack, SliderTrackProps } from './slider-track';
+import { SliderThumb, SliderThumbProps } from './slider-thumb';
+import { SliderRoot, SliderRootProps } from './slider-root';
+import { SliderRange, SliderRangeProps } from './slider-range';
+import { SliderMarkerGroup, SliderMarkerGroupProps } from './slider-marker-group';
+import { SliderMarker, SliderMarkerProps } from './slider-marker';
+import { SliderLabel, SliderLabelProps } from './slider-label';
+import { SliderControl, SliderControlProps } from './slider-control';
+import { SliderContext, SliderContextProps } from './slider-context';
+import { FocusChangeDetails as SliderFocusChangeDetails, ValueChangeDetails as SliderValueChangeDetails } from '@zag-js/slider';
+
+export * as Slider from './slider';
+export { SliderContext, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText, useSliderContext, };
+export type { SliderContextProps, SliderControlProps, SliderFocusChangeDetails, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderRangeProps, SliderRootProps, SliderThumbProps, SliderTrackProps, SliderValueChangeDetails, SliderValueTextProps, UseSliderContext, };

package/dist/slider/index.d.ts

@@ -0,0 +1,16 @@
+import { useSliderContext, UseSliderContext } from './use-slider-context';
+import { SliderValueText, SliderValueTextProps } from './slider-value-text';
+import { SliderTrack, SliderTrackProps } from './slider-track';
+import { SliderThumb, SliderThumbProps } from './slider-thumb';
+import { SliderRoot, SliderRootProps } from './slider-root';
+import { SliderRange, SliderRangeProps } from './slider-range';
+import { SliderMarkerGroup, SliderMarkerGroupProps } from './slider-marker-group';
+import { SliderMarker, SliderMarkerProps } from './slider-marker';
+import { SliderLabel, SliderLabelProps } from './slider-label';
+import { SliderControl, SliderControlProps } from './slider-control';
+import { SliderContext, SliderContextProps } from './slider-context';
+import { FocusChangeDetails as SliderFocusChangeDetails, ValueChangeDetails as SliderValueChangeDetails } from '@zag-js/slider';
+
+export * as Slider from './slider';
+export { SliderContext, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderThumb, SliderTrack, SliderValueText, useSliderContext, };
+export type { SliderContextProps, SliderControlProps, SliderFocusChangeDetails, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderRangeProps, SliderRootProps, SliderThumbProps, SliderTrackProps, SliderValueChangeDetails, SliderValueTextProps, UseSliderContext, };

package/dist/slider/index.js

@@ -0,0 +1,13 @@
+export { SliderContext } from './slider-context.js';
+export { SliderControl } from './slider-control.js';
+export { SliderLabel } from './slider-label.js';
+export { SliderMarker } from './slider-marker.js';
+export { SliderMarkerGroup } from './slider-marker-group.js';
+export { SliderRange } from './slider-range.js';
+export { SliderRoot } from './slider-root.js';
+export { SliderThumb } from './slider-thumb.js';
+export { SliderTrack } from './slider-track.js';
+export { SliderValueText } from './slider-value-text.js';
+export { useSliderContext } from './use-slider-context.js';
+import * as slider from './slider.js';
+export { slider as Slider };

package/dist/slider/slider-context.cjs

@@ -0,0 +1,10 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const useSliderContext = require('./use-slider-context.cjs');
+
+const SliderContext = (props) => props.children(useSliderContext.useSliderContext());
+
+exports.SliderContext = SliderContext;

package/dist/slider/slider-context.d.cts

@@ -0,0 +1,7 @@
+import { UseSliderContext } from './use-slider-context';
+import { ReactNode } from 'react';
+
+export interface SliderContextProps {
+    children: (context: UseSliderContext) => ReactNode;
+}
+export declare const SliderContext: (props: SliderContextProps) => ReactNode;

package/dist/slider/slider-context.d.ts

@@ -0,0 +1,7 @@
+import { UseSliderContext } from './use-slider-context';
+import { ReactNode } from 'react';
+
+export interface SliderContextProps {
+    children: (context: UseSliderContext) => ReactNode;
+}
+export declare const SliderContext: (props: SliderContextProps) => ReactNode;

package/dist/slider/slider-context.js

@@ -0,0 +1,6 @@
+'use client';
+import { useSliderContext } from './use-slider-context.js';
+
+const SliderContext = (props) => props.children(useSliderContext());
+
+export { SliderContext };

package/dist/slider/slider-control.cjs

@@ -0,0 +1,19 @@
+'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 factory = require('../factory.cjs');
+const useSliderContext = require('./use-slider-context.cjs');
+
+const SliderControl = react.forwardRef((props, ref) => {
+  const slider = useSliderContext.useSliderContext();
+  const mergedProps = react$1.mergeProps(slider.controlProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+SliderControl.displayName = "SliderControl";
+
+exports.SliderControl = SliderControl;

package/dist/slider/slider-control.d.cts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface SliderControlProps extends HTMLArkProps<'div'> {
+}
+export declare const SliderControl: ForwardRefExoticComponent<SliderControlProps & RefAttributes<HTMLDivElement>>;

package/dist/slider/slider-control.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface SliderControlProps extends HTMLArkProps<'div'> {
+}
+export declare const SliderControl: ForwardRefExoticComponent<SliderControlProps & RefAttributes<HTMLDivElement>>;

package/dist/slider/slider-control.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useSliderContext } from './use-slider-context.js';
+
+const SliderControl = forwardRef((props, ref) => {
+  const slider = useSliderContext();
+  const mergedProps = mergeProps(slider.controlProps, props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+SliderControl.displayName = "SliderControl";
+
+export { SliderControl };

package/dist/slider/slider-label.cjs

@@ -0,0 +1,19 @@
+'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 factory = require('../factory.cjs');
+const useSliderContext = require('./use-slider-context.cjs');
+
+const SliderLabel = react.forwardRef((props, ref) => {
+  const slider = useSliderContext.useSliderContext();
+  const mergedProps = react$1.mergeProps(slider.labelProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.label, { ...mergedProps, ref });
+});
+SliderLabel.displayName = "SliderLabel";
+
+exports.SliderLabel = SliderLabel;

package/dist/slider/slider-label.d.cts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface SliderLabelProps extends HTMLArkProps<'label'> {
+}
+export declare const SliderLabel: ForwardRefExoticComponent<SliderLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/slider/slider-label.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface SliderLabelProps extends HTMLArkProps<'label'> {
+}
+export declare const SliderLabel: ForwardRefExoticComponent<SliderLabelProps & RefAttributes<HTMLLabelElement>>;

package/dist/slider/slider-label.js

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useSliderContext } from './use-slider-context.js';
+
+const SliderLabel = forwardRef((props, ref) => {
+  const slider = useSliderContext();
+  const mergedProps = mergeProps(slider.labelProps, props);
+  return /* @__PURE__ */ jsx(ark.label, { ...mergedProps, ref });
+});
+SliderLabel.displayName = "SliderLabel";
+
+export { SliderLabel };

package/dist/slider/slider-marker-group.cjs

@@ -0,0 +1,21 @@
+'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 factory = require('../factory.cjs');
+const useSliderContext = require('./use-slider-context.cjs');
+
+const SliderMarkerGroup = react.forwardRef(
+  (props, ref) => {
+    const slider = useSliderContext.useSliderContext();
+    const mergedProps = react$1.mergeProps(slider.markerGroupProps, props);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+  }
+);
+SliderMarkerGroup.displayName = "SliderMarkerGroup";
+
+exports.SliderMarkerGroup = SliderMarkerGroup;

package/dist/slider/slider-marker-group.d.cts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface SliderMarkerGroupProps extends HTMLArkProps<'div'> {
+}
+export declare const SliderMarkerGroup: ForwardRefExoticComponent<SliderMarkerGroupProps & RefAttributes<HTMLDivElement>>;

package/dist/slider/slider-marker-group.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+import { HTMLArkProps } from '../factory';
+
+export interface SliderMarkerGroupProps extends HTMLArkProps<'div'> {
+}
+export declare const SliderMarkerGroup: ForwardRefExoticComponent<SliderMarkerGroupProps & RefAttributes<HTMLDivElement>>;