@ark-ui/react 0.11.0-beta.0 → 0.11.0-beta.2

package/select/select-presence.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import { type PresenceProps } from '../presence';
 export type SelectPresenceProps = PresenceProps;
 export declare const SelectPresence: (props: SelectPresenceProps) => JSX.Element;

package/select/select-presence.mjs

@@ -1,6 +1,6 @@
 'use client';
 import { jsx } from 'react/jsx-runtime';
-import { Presence } from '../presence/presence.mjs';
+import { Presence } from '../presence/index.mjs';
 import { useSelectContext } from './select-context.mjs';
 
 const SelectPresence = (props) => {

package/select/select-trigger.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type SelectTriggerProps = ComponentPropsWithoutRef<typeof ark.button>;
 export declare const SelectTrigger: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {

package/select/select.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'react/jsx-runtime';
+import { JSX } from 'react/jsx-runtime';
 import { type ReactNode } from 'react';
 import { type Assign } from '../types';
 import { type UseSelectProps, type UseSelectReturn } from './use-select';

package/select/select.stories.d.ts

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

package/select/select.test.d.ts

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

package/select/use-select.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const react$1 = require('@zag-js/react');
 const select = require('@zag-js/select');
 const react = require('react');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

package/select/use-select.d.ts

@@ -1,4 +1,5 @@
-import type { HTMLAttributes, CSSProperties } from 'react';
+import { HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import * as select from '@zag-js/select';
 import { type Optional } from '../types';
 export type UseSelectProps = Optional<select.Context, 'id'> & {

package/select/use-select.mjs

@@ -2,6 +2,7 @@
 import { useMachine, normalizeProps } from '@zag-js/react';
 import * as select from '@zag-js/select';
 import { useId } from 'react';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useSelect = (props) => {

package/slider/index.cjs

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const slider = require('./slider.cjs');
+const slider$1 = require('./slider.cjs');
 const sliderContext = require('./slider-context.cjs');
 const sliderControl = require('./slider-control.cjs');
 const sliderLabel = require('./slider-label.cjs');
@@ -12,11 +12,20 @@ const sliderOutput = require('./slider-output.cjs');
 const sliderRange = require('./slider-range.cjs');
 const sliderThumb = require('./slider-thumb.cjs');
 const sliderTrack = require('./slider-track.cjs');
-const slider$1 = require('@zag-js/slider');
-
+const slider = require('@zag-js/slider');
 
+const Slider = Object.assign(slider$1.Slider, {
+  Root: slider$1.Slider,
+  Control: sliderControl.SliderControl,
+  Label: sliderLabel.SliderLabel,
+  Marker: sliderMarker.SliderMarker,
+  MarkerGroup: sliderMarkerGroup.SliderMarkerGroup,
+  Output: sliderOutput.SliderOutput,
+  Range: sliderRange.SliderRange,
+  Thumb: sliderThumb.SliderThumb,
+  Track: sliderTrack.SliderTrack
+});
 
-exports.Slider = slider.Slider;
 exports.useSliderContext = sliderContext.useSliderContext;
 exports.SliderControl = sliderControl.SliderControl;
 exports.SliderLabel = sliderLabel.SliderLabel;
@@ -27,6 +36,7 @@ exports.SliderRange = sliderRange.SliderRange;
 exports.SliderThumb = sliderThumb.SliderThumb;
 exports.SliderTrack = sliderTrack.SliderTrack;
 Object.defineProperty(exports, 'sliderAnatomy', {
-	enumerable: true,
-	get: () => slider$1.anatomy
+  enumerable: true,
+  get: () => slider.anatomy
 });
+exports.Slider = Slider;

package/slider/index.d.ts

@@ -1,11 +1,86 @@
-export { Slider, type SliderProps } from './slider';
-export { useSliderContext } from './slider-context';
-export { SliderControl, type SliderControlProps } from './slider-control';
-export { SliderLabel, type SliderLabelProps } from './slider-label';
-export { SliderMarker, type SliderMarkerProps } from './slider-marker';
-export { SliderMarkerGroup, type SliderMarkerGroupProps } from './slider-marker-group';
-export { SliderOutput, type SliderOutputProps } from './slider-output';
-export { SliderRange, type SliderRangeProps } from './slider-range';
-export { SliderThumb, type SliderThumbProps } from './slider-thumb';
-export { SliderTrack, type SliderTrackProps } from './slider-track';
-export { sliderAnatomy } from './slider.anatomy';
+import { PublicApi } from '@zag-js/slider';
+import { UseSliderProps } from './use-slider';
+import { Assign } from '../types';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, ReactNode, CSSProperties, RefAttributes, LabelHTMLAttributes, OutputHTMLAttributes } from 'react';
+/// <reference types="react" />
+import { type SliderProps } from './slider';
+import { useSliderContext } from './slider-context';
+import { SliderControl, type SliderControlProps } from './slider-control';
+import { SliderLabel, type SliderLabelProps } from './slider-label';
+import { SliderMarker, type SliderMarkerProps } from './slider-marker';
+import { SliderMarkerGroup, type SliderMarkerGroupProps } from './slider-marker-group';
+import { SliderOutput, type SliderOutputProps } from './slider-output';
+import { SliderRange, type SliderRangeProps } from './slider-range';
+import { SliderThumb, type SliderThumbProps } from './slider-thumb';
+import { SliderTrack, type SliderTrackProps } from './slider-track';
+import { sliderAnatomy } from './slider.anatomy';
+declare const Slider: ForwardRefExoticComponent<Omit<Assign<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, UseSliderProps>, "children"> & {
+    children?: ReactNode | ((context: PublicApi<JSX.IntrinsicElements & {
+        element: HTMLAttributes<HTMLElement>;
+        style: CSSProperties;
+    }>) => ReactNode);
+} & RefAttributes<HTMLDivElement>> & {
+    Root: ForwardRefExoticComponent<Omit<Assign<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, UseSliderProps>, "children"> & {
+        children?: ReactNode | ((context: PublicApi<JSX.IntrinsicElements & {
+            element: HTMLAttributes<HTMLElement>;
+            style: CSSProperties;
+        }>) => ReactNode);
+    } & RefAttributes<HTMLDivElement>>;
+    Control: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    Label: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {
+        ref?: ((instance: HTMLLabelElement | null) => void) | RefObject<HTMLLabelElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLLabelElement>>;
+    Marker: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+        ref?: RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void) | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, "value"> & {
+        value: number;
+    } & RefAttributes<HTMLSpanElement>>;
+    MarkerGroup: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    Output: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<OutputHTMLAttributes<HTMLOutputElement>, HTMLOutputElement>, "ref"> & {
+        ref?: ((instance: HTMLOutputElement | null) => void) | RefObject<HTMLOutputElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, "children"> & {
+        children?: ReactNode | ((context: PublicApi<JSX.IntrinsicElements & {
+            element: HTMLAttributes<HTMLElement>;
+            style: CSSProperties;
+        }>) => ReactNode);
+    } & RefAttributes<HTMLOutputElement>>;
+    Range: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    Thumb: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+    Track: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref"> & RefAttributes<HTMLDivElement>>;
+};
+export { Slider, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderOutput, SliderRange, SliderThumb, SliderTrack, sliderAnatomy, useSliderContext, };
+export type { SliderControlProps, SliderLabelProps, SliderMarkerGroupProps, SliderMarkerProps, SliderOutputProps, SliderProps, SliderRangeProps, SliderThumbProps, SliderTrackProps, };

package/slider/index.mjs

@@ -1,11 +1,25 @@
-export { Slider } from './slider.mjs';
+import { Slider as Slider$1 } from './slider.mjs';
 export { useSliderContext } from './slider-context.mjs';
-export { SliderControl } from './slider-control.mjs';
-export { SliderLabel } from './slider-label.mjs';
-export { SliderMarker } from './slider-marker.mjs';
-export { SliderMarkerGroup } from './slider-marker-group.mjs';
-export { SliderOutput } from './slider-output.mjs';
-export { SliderRange } from './slider-range.mjs';
-export { SliderThumb } from './slider-thumb.mjs';
-export { SliderTrack } from './slider-track.mjs';
+import { SliderControl } from './slider-control.mjs';
+import { SliderLabel } from './slider-label.mjs';
+import { SliderMarker } from './slider-marker.mjs';
+import { SliderMarkerGroup } from './slider-marker-group.mjs';
+import { SliderOutput } from './slider-output.mjs';
+import { SliderRange } from './slider-range.mjs';
+import { SliderThumb } from './slider-thumb.mjs';
+import { SliderTrack } from './slider-track.mjs';
 export { anatomy as sliderAnatomy } from '@zag-js/slider';
+
+const Slider = Object.assign(Slider$1, {
+  Root: Slider$1,
+  Control: SliderControl,
+  Label: SliderLabel,
+  Marker: SliderMarker,
+  MarkerGroup: SliderMarkerGroup,
+  Output: SliderOutput,
+  Range: SliderRange,
+  Thumb: SliderThumb,
+  Track: SliderTrack
+});
+
+export { Slider, SliderControl, SliderLabel, SliderMarker, SliderMarkerGroup, SliderOutput, SliderRange, SliderThumb, SliderTrack };

package/slider/slider-context.d.ts

@@ -1,5 +1,6 @@
-import type { PublicApi } from '@zag-js/slider';
-import type { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { PublicApi } from '@zag-js/slider';
+import { Provider, HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import { type UseSliderReturn } from './use-slider';
 export type SliderContext = UseSliderReturn;
 export declare const SliderProvider: Provider<PublicApi<JSX.IntrinsicElements & {

package/slider/slider-control.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type SliderControlProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const SliderControl: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/slider/slider-label.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, LabelHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type SliderLabelProps = ComponentPropsWithoutRef<typeof ark.label>;
 export declare const SliderLabel: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref"> & {

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

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type SliderMarkerGroupProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const SliderMarkerGroup: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/slider/slider-marker.d.ts

@@ -1,11 +1,11 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import type { Assign } from '../types';
 export type SliderMarkerProps = Assign<ComponentPropsWithoutRef<typeof ark.span>, {
     value: number;
 }>;
 export declare const SliderMarker: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void) | RefObject<HTMLSpanElement> | null | undefined;
+    ref?: RefObject<HTMLSpanElement> | ((instance: HTMLSpanElement | null) => void) | null | undefined;
 } & {
     asChild?: boolean | undefined;
 }, "ref">, "value"> & {

package/slider/slider-output.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, OutputHTMLAttributes, RefObject, ReactNode, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, OutputHTMLAttributes, RefObject, ReactNode, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import type { Assign } from '../types';
 import { type SliderContext } from './slider-context';

package/slider/slider-range.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type SliderRangeProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const SliderRange: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/slider/slider-thumb.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type SliderThumbProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const SliderThumb: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/slider/slider-track.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 export type SliderTrackProps = ComponentPropsWithoutRef<typeof ark.div>;
 export declare const SliderTrack: ForwardRefExoticComponent<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {

package/slider/slider.d.ts

@@ -1,4 +1,4 @@
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef,  type ReactNode } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef, type ReactNode } from 'react';
 import { ark } from '../factory';
 import { type Assign } from '../types';
 import { type SliderContext } from './slider-context';

package/slider/slider.stories.d.ts

@@ -0,0 +1,8 @@
+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 WithDefaultValue: () => JSX.Element;

package/slider/slider.test.d.ts

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

package/slider/use-slider.cjs

@@ -7,6 +7,7 @@ const react$1 = require('@zag-js/react');
 const slider = require('@zag-js/slider');
 const react = require('react');
 const reactDom = require('react-dom');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

package/slider/use-slider.d.ts

@@ -1,4 +1,5 @@
-import type { HTMLAttributes, CSSProperties } from 'react';
+import { HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import * as slider from '@zag-js/slider';
 import { type Optional } from '../types';
 export type UseSliderProps = Optional<slider.Context, 'id'> & {

package/slider/use-slider.mjs

@@ -3,6 +3,7 @@ import { useMachine, normalizeProps } from '@zag-js/react';
 import * as slider from '@zag-js/slider';
 import { useId, useCallback } from 'react';
 import { flushSync } from 'react-dom';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useSlider = (props) => {

package/splitter/index.cjs

@@ -2,19 +2,23 @@
 
 Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
-const splitter = require('./splitter.cjs');
+const splitter$1 = require('./splitter.cjs');
 const splitterContext = require('./splitter-context.cjs');
 const splitterPanel = require('./splitter-panel.cjs');
 const splitterResizeTrigger = require('./splitter-resize-trigger.cjs');
-const splitter$1 = require('@zag-js/splitter');
-
+const splitter = require('@zag-js/splitter');
 
+const Splitter = Object.assign(splitter$1.Splitter, {
+  Root: splitter$1.Splitter,
+  Panel: splitterPanel.SplitterPanel,
+  ResizeTrigger: splitterResizeTrigger.SplitterResizeTrigger
+});
 
-exports.Splitter = splitter.Splitter;
 exports.useSplitterContext = splitterContext.useSplitterContext;
 exports.SplitterPanel = splitterPanel.SplitterPanel;
 exports.SplitterResizeTrigger = splitterResizeTrigger.SplitterResizeTrigger;
 Object.defineProperty(exports, 'splitterAnatomy', {
-	enumerable: true,
-	get: () => splitter$1.anatomy
+  enumerable: true,
+  get: () => splitter.anatomy
 });
+exports.Splitter = Splitter;

package/splitter/index.d.ts

@@ -1,5 +1,55 @@
-export { Splitter, type SplitterProps } from './splitter';
-export { useSplitterContext } from './splitter-context';
-export { SplitterPanel, type SplitterPanelProps } from './splitter-panel';
-export { SplitterResizeTrigger, type SplitterResizeTriggerProps } from './splitter-resize-trigger';
-export { splitterAnatomy } from './splitter.anatomy';
+import { Context, PublicApi, PanelProps, ResizeTriggerProps } from '@zag-js/splitter';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, ReactNode, CSSProperties, RefAttributes, ButtonHTMLAttributes } from 'react';
+/// <reference types="react" />
+import { type SplitterProps } from './splitter';
+import { useSplitterContext } from './splitter-context';
+import { SplitterPanel, type SplitterPanelProps } from './splitter-panel';
+import { SplitterResizeTrigger, type SplitterResizeTriggerProps } from './splitter-resize-trigger';
+import { splitterAnatomy } from './splitter.anatomy';
+declare const Splitter: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+} & {
+    asChild?: boolean | undefined;
+}, "ref">, "children" | "getRootNode" | "id" | "ids" | "orientation" | "onResize" | "dir" | "size" | "onResizeStart" | "onResizeEnd" | "defaultSize"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+    defaultSize?: {
+        id: string | number;
+        size?: number | undefined;
+        minSize?: number | undefined;
+        maxSize?: number | undefined;
+    }[] | undefined;
+} & {
+    children?: ReactNode | ((state: PublicApi<JSX.IntrinsicElements & {
+        element: HTMLAttributes<HTMLElement>;
+        style: CSSProperties;
+    }>) => ReactNode);
+} & RefAttributes<HTMLDivElement>> & {
+    Root: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, "children" | "getRootNode" | "id" | "ids" | "orientation" | "onResize" | "dir" | "size" | "onResizeStart" | "onResizeEnd" | "defaultSize"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+        defaultSize?: {
+            id: string | number;
+            size?: number | undefined;
+            minSize?: number | undefined;
+            maxSize?: number | undefined;
+        }[] | undefined;
+    } & {
+        children?: ReactNode | ((state: PublicApi<JSX.IntrinsicElements & {
+            element: HTMLAttributes<HTMLElement>;
+            style: CSSProperties;
+        }>) => ReactNode);
+    } & RefAttributes<HTMLDivElement>>;
+    Panel: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+        ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, keyof PanelProps> & PanelProps & RefAttributes<HTMLDivElement>>;
+    ResizeTrigger: ForwardRefExoticComponent<Omit<Omit<Omit<DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
+        ref?: ((instance: HTMLButtonElement | null) => void) | RefObject<HTMLButtonElement> | null | undefined;
+    } & {
+        asChild?: boolean | undefined;
+    }, "ref">, keyof ResizeTriggerProps> & ResizeTriggerProps & RefAttributes<HTMLButtonElement>>;
+};
+export { Splitter, SplitterPanel, SplitterResizeTrigger, splitterAnatomy, useSplitterContext };
+export type { SplitterPanelProps, SplitterProps, SplitterResizeTriggerProps };

package/splitter/index.mjs

@@ -1,5 +1,13 @@
-export { Splitter } from './splitter.mjs';
+import { Splitter as Splitter$1 } from './splitter.mjs';
 export { useSplitterContext } from './splitter-context.mjs';
-export { SplitterPanel } from './splitter-panel.mjs';
-export { SplitterResizeTrigger } from './splitter-resize-trigger.mjs';
+import { SplitterPanel } from './splitter-panel.mjs';
+import { SplitterResizeTrigger } from './splitter-resize-trigger.mjs';
 export { anatomy as splitterAnatomy } from '@zag-js/splitter';
+
+const Splitter = Object.assign(Splitter$1, {
+  Root: Splitter$1,
+  Panel: SplitterPanel,
+  ResizeTrigger: SplitterResizeTrigger
+});
+
+export { Splitter, SplitterPanel, SplitterResizeTrigger };

package/splitter/splitter-context.d.ts

@@ -1,5 +1,6 @@
-import type { PublicApi } from '@zag-js/splitter';
-import type { Provider, HTMLAttributes, CSSProperties } from 'react';
+import { PublicApi } from '@zag-js/splitter';
+import { Provider, HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import { type UseSplitterReturn } from './use-splitter';
 export type SplitterContext = UseSplitterReturn;
 export declare const SplitterProvider: Provider<PublicApi<JSX.IntrinsicElements & {

package/splitter/splitter-panel.d.ts

@@ -1,5 +1,5 @@
 import { type PanelProps } from '@zag-js/splitter';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import type { Assign } from '../types';
 export type SplitterPanelProps = Assign<ComponentPropsWithoutRef<typeof ark.div>, PanelProps>;

package/splitter/splitter-resize-trigger.d.ts

@@ -1,5 +1,5 @@
 import { type ResizeTriggerProps } from '@zag-js/splitter';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
+import { ForwardRefExoticComponent, DetailedHTMLProps, ButtonHTMLAttributes, RefObject, RefAttributes, type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import type { Assign } from '../types';
 export type SplitterResizeTriggerProps = Assign<ComponentPropsWithoutRef<typeof ark.button>, ResizeTriggerProps>;

package/splitter/splitter.d.ts

@@ -1,5 +1,5 @@
-import type { Context } from '@zag-js/splitter';
-import type { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, ReactNode } from 'react';
+import { Context } from '@zag-js/splitter';
+import { ForwardRefExoticComponent, DetailedHTMLProps, HTMLAttributes, RefObject, RefAttributes, ReactNode } from 'react';
 import { type ComponentPropsWithoutRef } from 'react';
 import { ark } from '../factory';
 import type { Assign } from '../types';
@@ -11,7 +11,7 @@ export declare const Splitter: ForwardRefExoticComponent<Omit<Omit<Omit<Detailed
     ref?: ((instance: HTMLDivElement | null) => void) | RefObject<HTMLDivElement> | null | undefined;
 } & {
     asChild?: boolean | undefined;
-}, "ref">, "children" | "id" | "orientation" | "onResize" | "dir" | "size" | "getRootNode" | "ids" | "onResizeStart" | "onResizeEnd" | "defaultSize"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
+}, "ref">, "children" | "getRootNode" | "id" | "ids" | "orientation" | "onResize" | "dir" | "size" | "onResizeStart" | "onResizeEnd" | "defaultSize"> & Pick<Partial<Context>, "id"> & Omit<Context, "id"> & {
     defaultSize?: {
         id: string | number;
         size?: number | undefined;

package/splitter/splitter.stories.d.ts

@@ -0,0 +1,10 @@
+import { JSX } from 'react/jsx-runtime';
+import type { Meta } from '@storybook/react';
+import { Splitter } from '.';
+type SplitterType = typeof Splitter;
+declare const meta: Meta<SplitterType>;
+export default meta;
+export declare const Basic: () => JSX.Element;
+export declare const RenderProp: () => JSX.Element;
+export declare const Events: () => JSX.Element;
+export declare const Vertical: () => JSX.Element;

package/splitter/splitter.test.d.ts

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

package/splitter/use-splitter.cjs

@@ -6,6 +6,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const react$1 = require('@zag-js/react');
 const splitter = require('@zag-js/splitter');
 const react = require('react');
+require('../environment/index.cjs');
 const environmentContext = require('../environment/environment-context.cjs');
 
 function _interopNamespaceDefault(e) {

package/splitter/use-splitter.d.ts

@@ -1,4 +1,5 @@
-import type { HTMLAttributes, CSSProperties } from 'react';
+import { HTMLAttributes, CSSProperties } from 'react';
+/// <reference types="react" />
 import * as splitter from '@zag-js/splitter';
 import { type Optional } from '../types';
 export type UseSplitterProps = Optional<splitter.Context, 'id'> & {

package/splitter/use-splitter.mjs

@@ -2,6 +2,7 @@
 import { useMachine, normalizeProps } from '@zag-js/react';
 import * as splitter from '@zag-js/splitter';
 import { useId } from 'react';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useSplitter = (props) => {

package/switch/index.cjs

@@ -10,15 +10,21 @@ const switchLabel = require('./switch-label.cjs');
 const switchThumb = require('./switch-thumb.cjs');
 const zagSwitch = require('@zag-js/switch');
 
+const Switch = Object.assign(_switch.Switch, {
+  Root: _switch.Switch,
+  Control: switchControl.SwitchControl,
+  Input: switchInput.SwitchInput,
+  Label: switchLabel.SwitchLabel,
+  Thumb: switchThumb.SwitchThumb
+});
 
-
-exports.Switch = _switch.Switch;
 exports.useSwitchContext = switchContext.useSwitchContext;
 exports.SwitchControl = switchControl.SwitchControl;
 exports.SwitchInput = switchInput.SwitchInput;
 exports.SwitchLabel = switchLabel.SwitchLabel;
 exports.SwitchThumb = switchThumb.SwitchThumb;
 Object.defineProperty(exports, 'switchAnatomy', {
-	enumerable: true,
-	get: () => zagSwitch.anatomy
+  enumerable: true,
+  get: () => zagSwitch.anatomy
 });
+exports.Switch = Switch;