@ark-ui/react 1.2.1 → 1.3.0

package/progress/progress-range.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 progressContext = require('./progress-context.cjs');
+
+const ProgressRange = react.forwardRef((props, ref) => {
+  const api = progressContext.useProgressContext();
+  const mergedProps = react$1.mergeProps(api.rangeProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+ProgressRange.displayName = "ProgressRange";
+
+exports.ProgressRange = ProgressRange;

package/progress/progress-range.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export interface ProgressRangeProps extends HTMLArkProps<'div'> {
+}
+export declare const ProgressRange: ForwardRefExoticComponent<ProgressRangeProps & RefAttributes<HTMLDivElement>>;

package/progress/progress-range.mjs

@@ -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.mjs';
+import { useProgressContext } from './progress-context.mjs';
+
+const ProgressRange = forwardRef((props, ref) => {
+  const api = useProgressContext();
+  const mergedProps = mergeProps(api.rangeProps, props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+ProgressRange.displayName = "ProgressRange";
+
+export { ProgressRange };

package/progress/progress-track.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 progressContext = require('./progress-context.cjs');
+
+const ProgressTrack = react.forwardRef((props, ref) => {
+  const api = progressContext.useProgressContext();
+  const mergedProps = react$1.mergeProps(api.trackProps, props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
+ProgressTrack.displayName = "ProgressTrack";
+
+exports.ProgressTrack = ProgressTrack;

package/progress/progress-track.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export interface ProgressTrackProps extends HTMLArkProps<'div'> {
+}
+export declare const ProgressTrack: ForwardRefExoticComponent<ProgressTrackProps & RefAttributes<HTMLDivElement>>;

package/progress/progress-track.mjs

@@ -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.mjs';
+import { useProgressContext } from './progress-context.mjs';
+
+const ProgressTrack = forwardRef((props, ref) => {
+  const api = useProgressContext();
+  const mergedProps = mergeProps(api.trackProps, props);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
+ProgressTrack.displayName = "ProgressTrack";
+
+export { ProgressTrack };

package/progress/progress-value-text.cjs

@@ -0,0 +1,22 @@
+'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 progressContext = require('./progress-context.cjs');
+
+const ProgressValueText = react.forwardRef(
+  (props, ref) => {
+    const { children, ...rest } = props;
+    const api = progressContext.useProgressContext();
+    const mergedProps = react$1.mergeProps(api.valueTextProps, rest);
+    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref, children: children || api.valueAsString });
+  }
+);
+ProgressValueText.displayName = "ProgressValueText";
+
+exports.ProgressValueText = ProgressValueText;

package/progress/progress-value-text.d.ts

@@ -0,0 +1,6 @@
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+/// <reference types="react" />
+import { type HTMLArkProps } from '../factory';
+export interface ProgressValueTextProps extends HTMLArkProps<'span'> {
+}
+export declare const ProgressValueText: ForwardRefExoticComponent<ProgressValueTextProps & RefAttributes<HTMLSpanElement>>;

package/progress/progress-value-text.mjs

@@ -0,0 +1,18 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.mjs';
+import { useProgressContext } from './progress-context.mjs';
+
+const ProgressValueText = forwardRef(
+  (props, ref) => {
+    const { children, ...rest } = props;
+    const api = useProgressContext();
+    const mergedProps = mergeProps(api.valueTextProps, rest);
+    return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref, children: children || api.valueAsString });
+  }
+);
+ProgressValueText.displayName = "ProgressValueText";
+
+export { ProgressValueText };

package/progress/progress.cjs

@@ -0,0 +1,34 @@
+'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 runIfFn = require('../run-if-fn.cjs');
+const progressContext = require('./progress-context.cjs');
+const useProgress = require('./use-progress.cjs');
+
+const Progress = react.forwardRef((props, ref) => {
+  const [progressProps, { children, ...localProps }] = createSplitProps.createSplitProps()(props, [
+    "defaultValue",
+    "dir",
+    "getRootNode",
+    "id",
+    "max",
+    "min",
+    "orientation",
+    "translations",
+    "value"
+  ]);
+  const api = useProgress.useProgress(progressProps);
+  const mergedProps = react$1.mergeProps(api.rootProps, localProps);
+  const view = runIfFn.runIfFn(children, api);
+  return /* @__PURE__ */ jsxRuntime.jsx(progressContext.ProgressProvider, { value: api, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.nav, { ...mergedProps, ref, children: view }) });
+});
+Progress.displayName = "Progress";
+
+exports.Progress = Progress;

package/progress/progress.d.ts

@@ -0,0 +1,9 @@
+import { ForwardRefExoticComponent, RefAttributes, type ReactNode } from 'react';
+import { type HTMLArkProps } from '../factory';
+import { type Assign } from '../types';
+import { type UseProgressProps, type UseProgressReturn } from './use-progress';
+export interface ProgressProps extends Assign<Assign<HTMLArkProps<'div'>, {
+    children?: ReactNode | ((api: UseProgressReturn) => ReactNode);
+}>, UseProgressProps> {
+}
+export declare const Progress: ForwardRefExoticComponent<ProgressProps & RefAttributes<HTMLDivElement>>;

package/progress/progress.mjs

@@ -0,0 +1,30 @@
+'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 { runIfFn } from '../run-if-fn.mjs';
+import { ProgressProvider } from './progress-context.mjs';
+import { useProgress } from './use-progress.mjs';
+
+const Progress = forwardRef((props, ref) => {
+  const [progressProps, { children, ...localProps }] = createSplitProps()(props, [
+    "defaultValue",
+    "dir",
+    "getRootNode",
+    "id",
+    "max",
+    "min",
+    "orientation",
+    "translations",
+    "value"
+  ]);
+  const api = useProgress(progressProps);
+  const mergedProps = mergeProps(api.rootProps, localProps);
+  const view = runIfFn(children, api);
+  return /* @__PURE__ */ jsx(ProgressProvider, { value: api, children: /* @__PURE__ */ jsx(ark.nav, { ...mergedProps, ref, children: view }) });
+});
+Progress.displayName = "Progress";
+
+export { Progress };

package/progress/progress.test.d.ts

@@ -0,0 +1 @@
+export {};

package/progress/stories/circular-progress.stories.d.ts

@@ -0,0 +1,11 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+import { Progress } from '../';
+type ProgressType = typeof Progress;
+declare const meta: Meta<ProgressType>;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const InitialValue: () => JSX.Element;
+export declare const MinMax: () => JSX.Element;
+export declare const Indeterminate: () => JSX.Element;
+export declare const ValueText: () => JSX.Element;

package/progress/stories/linear-progress.stories.d.ts

@@ -0,0 +1,12 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+import { Progress } from '../';
+type ProgressType = typeof Progress;
+declare const meta: Meta<ProgressType>;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const InitialValue: () => JSX.Element;
+export declare const MinMax: () => JSX.Element;
+export declare const Indeterminate: () => JSX.Element;
+export declare const ValueText: () => JSX.Element;
+export declare const Vertical: () => JSX.Element;

package/progress/use-progress.cjs

@@ -0,0 +1,46 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const progress = require('@zag-js/progress');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+require('../environment/index.cjs');
+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 progress__namespace = /*#__PURE__*/_interopNamespaceDefault(progress);
+
+const useProgress = (props) => {
+  const initialContext = {
+    id: react.useId(),
+    getRootNode: environmentContext.useEnvironmentContext(),
+    ...props,
+    value: props.defaultValue
+  };
+  const context = {
+    ...initialContext,
+    value: props.value
+  };
+  const [state, send] = react$1.useMachine(progress__namespace.machine(initialContext), { context });
+  return progress__namespace.connect(state, send, react$1.normalizeProps);
+};
+
+exports.useProgress = useProgress;

package/progress/use-progress.d.ts

@@ -0,0 +1,12 @@
+import * as progress from '@zag-js/progress';
+import { type PropTypes } from '@zag-js/react';
+import { type Optional } from '../types';
+export interface UseProgressProps extends Optional<progress.Context, 'id'> {
+    /**
+     * The initial value of the progress.
+     */
+    defaultValue?: progress.Context['value'];
+}
+export interface UseProgressReturn extends progress.Api<PropTypes> {
+}
+export declare const useProgress: (props: UseProgressProps) => UseProgressReturn;

package/progress/use-progress.mjs

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

package/radio-group/index.d.ts

@@ -1,5 +1,6 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
+import type { ValueChangeDetails as RadioGroupValueChangeDetails } from '@zag-js/radio-group';
 import { type RadioGroupProps } from './radio-group';
 import { useRadioGroupContext, type RadioGroupContext } from './radio-group-context';
 import { type RadioGroupIndicatorProps } from './radio-group-indicator';
@@ -17,4 +18,4 @@ declare const RadioGroup: ForwardRefExoticComponent<RadioGroupProps & RefAttribu
     Label: ForwardRefExoticComponent<RadioGroupLabelProps & RefAttributes<HTMLLabelElement>>;
 };
 export { RadioGroup, RadioGroupItem, RadioGroupItemControl, RadioGroupItemText, RadioGroupLabel, useRadioGroupContext, useRadioGroupItemContext, };
-export type { RadioGroupContext, RadioGroupIndicatorProps, RadioGroupItemContext, RadioGroupItemControlProps, RadioGroupItemProps, RadioGroupItemTextProps, RadioGroupLabelProps, RadioGroupProps, };
+export type { RadioGroupContext, RadioGroupIndicatorProps, RadioGroupItemContext, RadioGroupItemControlProps, RadioGroupItemProps, RadioGroupItemTextProps, RadioGroupLabelProps, RadioGroupProps, RadioGroupValueChangeDetails, };

package/radio-group/{radio-group.stories.d.ts → stories/radio-group.stories.d.ts}

@@ -1,6 +1,6 @@
 import { JSX } from 'react/jsx-runtime';
 import type { Meta } from '@storybook/react';
-import { RadioGroup } from './';
+import { RadioGroup } from '../';
 type RadioGroupType = typeof RadioGroup;
 declare const meta: Meta<RadioGroupType>;
 export default meta;

package/rating-group/index.d.ts

@@ -1,5 +1,6 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
+import type { HoverChangeDetails as RatingGroupHoverChangeDetails, ValueChangeDetails as RatingGroupValueChangeDetails } from '@zag-js/rating-group';
 import { type RatingGroupProps } from './rating-group';
 import { useRatingGroupContext, type RatingGroupContext } from './rating-group-context';
 import { RatingGroupControl, type RatingGroupControlProps } from './rating-group-control';
@@ -13,4 +14,4 @@ declare const RatingGroup: ForwardRefExoticComponent<RatingGroupProps & RefAttri
     Item: ForwardRefExoticComponent<RatingGroupItemProps & RefAttributes<HTMLSpanElement>>;
 };
 export { RatingGroup, RatingGroupControl, RatingGroupItem, RatingGroupLabel, useRatingGroupContext, useRatingGroupItemContext, };
-export type { RatingGroupContext, RatingGroupControlProps, RatingGroupItemContext, RatingGroupItemProps, RatingGroupLabelProps, RatingGroupProps, };
+export type { RatingGroupContext, RatingGroupControlProps, RatingGroupHoverChangeDetails, RatingGroupItemContext, RatingGroupItemProps, RatingGroupLabelProps, RatingGroupProps, RatingGroupValueChangeDetails, };

package/rating-group/{rating-group.stories.d.ts → stories/rating-group.stories.d.ts}

@@ -1,6 +1,6 @@
 import { JSX } from 'react/jsx-runtime';
 import type { Meta } from '@storybook/react';
-import { RatingGroup } from './';
+import { RatingGroup } from '../';
 type RatingGroupType = typeof RatingGroup;
 declare const meta: Meta<RatingGroupType>;
 export default meta;

package/segment-group/index.d.ts

@@ -1,5 +1,6 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
+import type { ValueChangeDetails as SegmentGroupValueChangeDetails } from '@zag-js/radio-group';
 import { type SegmentGroupProps } from './segment-group';
 import { useSegmentGroupContext, type SegmentGroupContext } from './segment-group-context';
 import { SegmentGroupIndicator, type SegmentGroupIndicatorProps } from './segment-group-indicator';
@@ -17,4 +18,4 @@ declare const SegmentGroup: ForwardRefExoticComponent<SegmentGroupProps & RefAtt
     Label: ForwardRefExoticComponent<SegmentGroupLabelProps & RefAttributes<HTMLLabelElement>>;
 };
 export { SegmentGroup, SegmentGroupIndicator, SegmentGroupItem, SegmentGroupItemControl, SegmentGroupItemText, SegmentGroupLabel, useSegmentGroupContext, useSegmentGroupItemContext, };
-export type { SegmentGroupContext, SegmentGroupIndicatorProps, SegmentGroupItemContext, SegmentGroupItemControlProps, SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupLabelProps, SegmentGroupProps, };
+export type { SegmentGroupContext, SegmentGroupIndicatorProps, SegmentGroupItemContext, SegmentGroupItemControlProps, SegmentGroupItemProps, SegmentGroupItemTextProps, SegmentGroupLabelProps, SegmentGroupProps, SegmentGroupValueChangeDetails, };

package/segment-group/{segment-group.stories.d.ts → stories/segment-group.stories.d.ts}

@@ -1,6 +1,6 @@
 import { JSX } from 'react/jsx-runtime';
 import type { Meta } from '@storybook/react';
-import { SegmentGroup } from './';
+import { SegmentGroup } from '../';
 type SegmentGroupType = typeof SegmentGroup;
 declare const meta: Meta<SegmentGroupType>;
 export default meta;

package/select/index.d.ts

@@ -1,5 +1,6 @@
 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';
@@ -33,5 +34,5 @@ declare const Select: SelectComponent & {
     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, SelectIndicatorProps, SelectItemContext, SelectItemGroupLabelProps, SelectItemGroupProps, SelectItemIndicatorProps, SelectItemProps, SelectItemTextProps, SelectLabelProps, SelectPositionerProps, SelectProps, SelectTriggerProps, SelectValueTextProps, };
+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 };

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

@@ -2,5 +2,9 @@ import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
 import { type HTMLArkProps } from '../factory';
 export interface SelectValueTextProps extends HTMLArkProps<'span'> {
+    /**
+     * Text to display when no value is selected.
+     */
+    placeholder?: string;
 }
 export declare const SelectValueText: ForwardRefExoticComponent<SelectValueTextProps & RefAttributes<HTMLSpanElement>>;

package/select/{select.stories.d.ts → stories/select.stories.d.ts}

@@ -1,6 +1,6 @@
 import { JSX } from 'react/jsx-runtime';
 import type { Meta } from '@storybook/react';
-import { Select } from './';
+import { Select } from '../';
 type SelectType = typeof Select;
 declare const meta: Meta<SelectType>;
 export default meta;

package/slider/index.d.ts

@@ -1,5 +1,6 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
+import type { FocusChangeDetails as SliderFocusChangeDetails, ValueChangeDetails as SliderValueChangeDetails } from '@zag-js/slider';
 import { type SliderProps } from './slider';
 import { useSliderContext, type SliderContext } from './slider-context';
 import { SliderControl, type SliderControlProps } from './slider-control';
@@ -22,4 +23,4 @@ declare const Slider: ForwardRefExoticComponent<SliderProps & RefAttributes<HTML
     ValueText: ForwardRefExoticComponent<SliderValueTextProps & RefAttributes<HTMLDivElement>>;
 };
 export { Slider, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderThumb, SliderTrack, SliderValueText, useSliderContext, };
-export type { SliderContext, SliderControlProps, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderProps, SliderRangeProps, SliderThumbProps, SliderTrackProps, SliderValueTextProps, };
+export type { SliderContext, SliderControlProps, SliderFocusChangeDetails, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderProps, SliderRangeProps, SliderThumbProps, SliderTrackProps, SliderValueChangeDetails, SliderValueTextProps, };

package/slider/stories/range-slider.stories.d.ts

@@ -0,0 +1,14 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+import { Slider } from '../';
+type SliderType = typeof Slider;
+declare const meta: Meta<SliderType>;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const WithMarks: () => JSX.Element;
+export declare const InitialValue: () => JSX.Element;
+export declare const MinMax: () => JSX.Element;
+export declare const Step: () => JSX.Element;
+export declare const OnEvent: () => JSX.Element;
+export declare const Vertical: () => JSX.Element;
+export declare const ThumbOverlap: () => JSX.Element;

package/slider/{slider.stories.d.ts → stories/slider.stories.d.ts}

@@ -1,11 +1,10 @@
 import { JSX } from 'react/jsx-runtime';
 import type { Meta } from '@storybook/react';
-import { Slider } from './';
+import { Slider } from '../';
 type SliderType = typeof Slider;
 declare const meta: Meta<SliderType>;
 export default meta;
 export declare const Basic: () => JSX.Element;
-export declare const Range: () => JSX.Element;
 export declare const WithMarks: () => JSX.Element;
 export declare const InitialValue: () => JSX.Element;
 export declare const MinMax: () => JSX.Element;

package/splitter/index.d.ts

@@ -1,5 +1,6 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
+import type { SizeChangeDetails as SplitterSizeChangeDetails } from '@zag-js/splitter';
 import { type SplitterProps } from './splitter';
 import { useSplitterContext, type SplitterContext } from './splitter-context';
 import { SplitterPanel, type SplitterPanelProps } from './splitter-panel';
@@ -10,4 +11,4 @@ declare const Splitter: ForwardRefExoticComponent<SplitterProps & RefAttributes<
     ResizeTrigger: ForwardRefExoticComponent<SplitterResizeTriggerProps & RefAttributes<HTMLButtonElement>>;
 };
 export { Splitter, SplitterPanel, SplitterResizeTrigger, useSplitterContext };
-export type { SplitterContext, SplitterPanelProps, SplitterProps, SplitterResizeTriggerProps };
+export type { SplitterContext, SplitterPanelProps, SplitterProps, SplitterResizeTriggerProps, SplitterSizeChangeDetails, };

package/splitter/{splitter.stories.d.ts → stories/splitter.stories.d.ts}

@@ -1,6 +1,6 @@
 import { JSX } from 'react/jsx-runtime';
 import type { Meta } from '@storybook/react';
-import { Splitter } from './';
+import { Splitter } from '../';
 type SplitterType = typeof Splitter;
 declare const meta: Meta<SplitterType>;
 export default meta;

package/switch/index.d.ts

@@ -1,5 +1,6 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
+import type { CheckedChangeDetails as SwitchCheckedChangeDetails } from '@zag-js/switch';
 import { type SwitchProps } from './switch';
 import { useSwitchContext, type SwitchContext } from './switch-context';
 import { SwitchControl, type SwitchControlProps } from './switch-control';
@@ -12,4 +13,4 @@ declare const Switch: ForwardRefExoticComponent<SwitchProps & RefAttributes<HTML
     Thumb: ForwardRefExoticComponent<SwitchThumbProps & RefAttributes<HTMLSpanElement>>;
 };
 export { Switch, SwitchControl, SwitchLabel, SwitchThumb, useSwitchContext };
-export type { SwitchContext, SwitchControlProps, SwitchLabelProps, SwitchProps, SwitchThumbProps };
+export type { SwitchCheckedChangeDetails, SwitchContext, SwitchControlProps, SwitchLabelProps, SwitchProps, SwitchThumbProps, };

package/switch/{switch.stories.d.ts → stories/switch.stories.d.ts}

@@ -1,6 +1,6 @@
 import { JSX } from 'react/jsx-runtime';
 import type { Meta } from '@storybook/react';
-import { Switch } from './';
+import { Switch } from '../';
 type SwitchType = typeof Switch;
 declare const meta: Meta<SwitchType>;
 export default meta;

package/tabs/index.d.ts

@@ -1,5 +1,6 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
+import type { FocusChangeDetails as TabsFocusChangeDetails, ValueChangeDetails as TabsValueChangeDetails } from '@zag-js/tabs';
 import { TabContent, type TabContentProps } from './tab-content';
 import { TabIndicator, type TabIndicatorProps } from './tab-indicator';
 import { TabList, type TabListProps } from './tab-list';
@@ -14,4 +15,4 @@ declare const Tabs: ForwardRefExoticComponent<TabsProps & RefAttributes<HTMLDivE
     Trigger: ForwardRefExoticComponent<TabTriggerProps & RefAttributes<HTMLButtonElement>>;
 };
 export { TabContent, TabIndicator, TabList, TabTrigger, Tabs, useTabsContext };
-export type { TabContentProps, TabIndicatorProps, TabListProps, TabTriggerProps, TabsContext, TabsProps, };
+export type { TabContentProps, TabIndicatorProps, TabListProps, TabTriggerProps, TabsContext, TabsFocusChangeDetails, TabsProps, TabsValueChangeDetails, };

package/tabs/{tabs.stories.d.ts → stories/tabs.stories.d.ts}

@@ -1,6 +1,6 @@
 import { JSX } from 'react/jsx-runtime';
 import type { Meta } from '@storybook/react';
-import { Tabs } from './';
+import { Tabs } from '../';
 type TabsType = typeof Tabs;
 declare const meta: Meta<TabsType>;
 export default meta;

package/tags-input/index.d.ts

@@ -1,5 +1,6 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
+import type { HighlightChangeDetails as TagsInputHighlightChangeDetails, ValidityChangeDetails as TagsInputValidityChangeDetails, ValueChangeDetails as TagsInputValueChangeDetails } from '@zag-js/tags-input';
 import { type TagsInputProps } from './tags-input';
 import { TagsInputClearTrigger, type TagsInputClearTriggerProps } from './tags-input-clear-trigger';
 import { useTagsInputContext, type TagsInputContext } from './tags-input-context';
@@ -23,4 +24,4 @@ declare const TagsInput: ForwardRefExoticComponent<TagsInputProps & RefAttribute
     Label: ForwardRefExoticComponent<TagsInputLabelProps & RefAttributes<HTMLLabelElement>>;
 };
 export { TagsInput, TagsInputClearTrigger, TagsInputControl, TagsInputInput, TagsInputItem, TagsInputItemDeleteTrigger, TagsInputItemInput, TagsInputItemText, TagsInputLabel, useTagsInputContext, useTagsInputItemContext, };
-export type { TagsInputClearTriggerProps, TagsInputContext, TagsInputControlProps, TagsInputInputProps, TagsInputItemContext, TagsInputItemDeleteTriggerProps, TagsInputItemInputProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputLabelProps, TagsInputProps, };
+export type { TagsInputClearTriggerProps, TagsInputContext, TagsInputControlProps, TagsInputHighlightChangeDetails, TagsInputInputProps, TagsInputItemContext, TagsInputItemDeleteTriggerProps, TagsInputItemInputProps, TagsInputItemProps, TagsInputItemTextProps, TagsInputLabelProps, TagsInputProps, TagsInputValidityChangeDetails, TagsInputValueChangeDetails, };

package/tags-input/{tags-input.stories.d.ts → stories/tags-input.stories.d.ts}

@@ -1,6 +1,6 @@
 import { JSX } from 'react/jsx-runtime';
 import type { Meta } from '@storybook/react';
-import { TagsInput } from './';
+import { TagsInput } from '../';
 type TagsInputType = typeof TagsInput;
 declare const meta: Meta<TagsInputType>;
 export default meta;

package/tags-input/tags-input-input.cjs

@@ -10,8 +10,8 @@ const factory = require('../factory.cjs');
 const tagsInputContext = require('./tags-input-context.cjs');
 
 const TagsInputInput = react.forwardRef((props, ref) => {
-  const { inputProps } = tagsInputContext.useTagsInputContext();
-  const mergedProps = react$1.mergeProps(inputProps, props);
+  const api = tagsInputContext.useTagsInputContext();
+  const mergedProps = react$1.mergeProps(api.inputProps, props);
   return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { ...mergedProps, ref });
 });
 TagsInputInput.displayName = "TagsInputInput";

package/tags-input/tags-input-input.mjs

@@ -6,8 +6,8 @@ import { ark } from '../factory.mjs';
 import { useTagsInputContext } from './tags-input-context.mjs';
 
 const TagsInputInput = forwardRef((props, ref) => {
-  const { inputProps } = useTagsInputContext();
-  const mergedProps = mergeProps(inputProps, props);
+  const api = useTagsInputContext();
+  const mergedProps = mergeProps(api.inputProps, props);
   return /* @__PURE__ */ jsx(ark.input, { ...mergedProps, ref });
 });
 TagsInputInput.displayName = "TagsInputInput";

package/toast/{toast.stories.d.ts → stories/toast.stories.d.ts}

@@ -1,6 +1,6 @@
 import { JSX } from 'react/jsx-runtime';
 import type { Meta } from '@storybook/react';
-import { Toast } from './';
+import { Toast } from '../';
 type ToastType = typeof Toast;
 declare const meta: Meta<ToastType>;
 export default meta;

package/toggle-group/index.d.ts

@@ -1,5 +1,6 @@
 import { ForwardRefExoticComponent, RefAttributes } from 'react';
 /// <reference types="react" />
+import type { ValueChangeDetails as ToggleGroupValueChangeDetails } from '@zag-js/toggle-group';
 import { type ToggleGroupProps } from './toggle-group';
 import { useToggleGroupContext, type ToggleGroupContext } from './toggle-group-context';
 import { ToggleGroupItem, type ToggleGroupItemProps } from './toggle-group-item';
@@ -8,4 +9,4 @@ declare const ToggleGroup: ForwardRefExoticComponent<ToggleGroupProps & RefAttri
     Item: ForwardRefExoticComponent<ToggleGroupItemProps & RefAttributes<HTMLButtonElement>>;
 };
 export { ToggleGroup, ToggleGroupItem, useToggleGroupContext };
-export type { ToggleGroupContext, ToggleGroupItemProps, ToggleGroupProps };
+export type { ToggleGroupContext, ToggleGroupItemProps, ToggleGroupProps, ToggleGroupValueChangeDetails, };