@ark-ui/solid 0.9.0 → 0.10.1

package/select/select-positioner.d.ts

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

package/select/select-trigger.d.ts

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

package/select/select.cjs

@@ -9,7 +9,7 @@ const selectContext = require('./select-context.cjs');
 const useSelect = require('./use-select.cjs');
 
 const Select = props => {
-  const [selectParams, restProps] = createSplitProps.createSplitProps()(props, ['closeOnSelect', 'dir', 'disabled', 'form', 'getRootNode', 'highlightedOption', 'id', 'ids', 'invalid', 'loop', 'name', 'onChange', 'onClose', 'onHighlight', 'onInteractOutside', 'onOpen', 'positioning', 'readOnly', 'selectOnTab', 'selectedOption']);
+  const [selectParams, restProps] = createSplitProps.createSplitProps()(props, ['closeOnSelect', 'dir', 'disabled', 'form', 'getRootNode', 'highlightedOption', 'id', 'ids', 'invalid', 'loop', 'name', 'onChange', 'onClose', 'onFocusOutside', 'onHighlight', 'onInteractOutside', 'onInteractOutside', 'onOpen', 'onPointerDownOutside', 'positioning', 'readOnly', 'selectedOption', 'selectOnTab']);
   const api = useSelect.useSelect(selectParams);
   const getChildren = () => runIfFn.runIfFn(restProps.children, api);
   return web.createComponent(selectContext.SelectProvider, {

package/select/select.mjs

@@ -5,7 +5,7 @@ import { SelectProvider } from './select-context.mjs';
 import { useSelect } from './use-select.mjs';
 
 const Select = props => {
-  const [selectParams, restProps] = createSplitProps()(props, ['closeOnSelect', 'dir', 'disabled', 'form', 'getRootNode', 'highlightedOption', 'id', 'ids', 'invalid', 'loop', 'name', 'onChange', 'onClose', 'onHighlight', 'onInteractOutside', 'onOpen', 'positioning', 'readOnly', 'selectOnTab', 'selectedOption']);
+  const [selectParams, restProps] = createSplitProps()(props, ['closeOnSelect', 'dir', 'disabled', 'form', 'getRootNode', 'highlightedOption', 'id', 'ids', 'invalid', 'loop', 'name', 'onChange', 'onClose', 'onFocusOutside', 'onHighlight', 'onInteractOutside', 'onInteractOutside', 'onOpen', 'onPointerDownOutside', 'positioning', 'readOnly', 'selectedOption', 'selectOnTab']);
   const api = useSelect(selectParams);
   const getChildren = () => runIfFn(restProps.children, api);
   return createComponent(SelectProvider, {

package/select/select.stories.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'solid-js';
+import type { Meta } from 'storybook-solidjs';
+declare const meta: Meta;
+export default meta;
+export declare const Basic: () => JSX.Element;

package/select/use-select.cjs

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

package/select/use-select.d.ts

@@ -1,7 +1,7 @@
-import type { PropTypes } from '@zag-js/solid';
-import type { Accessor } from 'solid-js';
 import * as select from '@zag-js/select';
+import { type PropTypes } from '@zag-js/solid';
+import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
 export type UseSelectProps = Optional<select.Context, 'id'>;
-export type UseSelectReturn = ReturnType<typeof useSelect>;
-export declare const useSelect: (props: UseSelectProps) => Accessor<select.PublicApi<PropTypes>>;
+export type UseSelectReturn = Accessor<select.Api<PropTypes>>;
+export declare const useSelect: (props: UseSelectProps) => UseSelectReturn;

package/select/use-select.mjs

@@ -1,6 +1,7 @@
 import * as select from '@zag-js/select';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import { createUniqueId, createMemo } from 'solid-js';
+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,25 @@
-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 { JSX } from 'solid-js';
+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: ((props: SliderProps) => JSX.Element) & {
+    Root: (props: SliderProps) => JSX.Element;
+    Control: (props: SliderControlProps) => JSX.Element;
+    Label: (props: SliderLabelProps) => JSX.Element;
+    Marker: (props: SliderMarkerProps) => JSX.Element;
+    MarkerGroup: (props: SliderMarkerGroupProps) => JSX.Element;
+    Output: (props: SliderOutputProps) => JSX.Element;
+    Range: (props: SliderRangeProps) => JSX.Element;
+    Thumb: (props: SliderThumbProps) => JSX.Element;
+    Track: (props: SliderTrackProps) => JSX.Element;
+};
+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,7 +1,4 @@
-import type { PropTypes } from '@zag-js/solid';
-import type { PublicApi } from '@zag-js/slider';
-import type { Accessor } from 'solid-js';
-import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
+import { ContextProviderComponent } from 'solid-js';
 import { type UseSliderReturn } from './use-slider';
 export type SliderContext = UseSliderReturn;
-export declare const SliderProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useSliderContext: () => Accessor<PublicApi<PropTypes>>;
+export declare const SliderProvider: ContextProviderComponent<UseSliderReturn>, useSliderContext: () => UseSliderReturn;

package/slider/slider-control.d.ts

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

package/slider/slider-label.d.ts

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

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

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

package/slider/slider-marker.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
 type MarkerParams = {

package/slider/slider-range.d.ts

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

package/slider/slider-thumb.cjs

@@ -7,14 +7,15 @@ const solid = require('@zag-js/solid');
 const factory = require('../factory.cjs');
 const sliderContext = require('./slider-context.cjs');
 
+const _tmpl$ = /*#__PURE__*/web.template(`<input>`);
 const SliderThumb = props => {
   const api = sliderContext.useSliderContext();
-  const thumbProps = solid.mergeProps(() => api().thumbProps, props);
-  return web.createComponent(factory.ark.div, web.mergeProps(thumbProps, {
-    get children() {
-      return [web.createComponent(factory.ark.input, web.mergeProps(() => api().hiddenInputProps)), props.children];
-    }
-  }));
+  const mergePdrops = solid.mergeProps(() => api().thumbProps, props);
+  return [web.createComponent(factory.ark.div, mergePdrops), (() => {
+    const _el$ = _tmpl$();
+    web.spread(_el$, web.mergeProps(() => api().hiddenInputProps), false, false);
+    return _el$;
+  })()];
 };
 
 exports.SliderThumb = SliderThumb;

package/slider/slider-thumb.d.ts

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

package/slider/slider-thumb.mjs

@@ -1,16 +1,17 @@
-import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
+import { createComponent, spread, mergeProps as mergeProps$1, template } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
 import { ark } from '../factory.mjs';
 import { useSliderContext } from './slider-context.mjs';
 
+const _tmpl$ = /*#__PURE__*/template(`<input>`);
 const SliderThumb = props => {
   const api = useSliderContext();
-  const thumbProps = mergeProps(() => api().thumbProps, props);
-  return createComponent(ark.div, mergeProps$1(thumbProps, {
-    get children() {
-      return [createComponent(ark.input, mergeProps$1(() => api().hiddenInputProps)), props.children];
-    }
-  }));
+  const mergePdrops = mergeProps(() => api().thumbProps, props);
+  return [createComponent(ark.div, mergePdrops), (() => {
+    const _el$ = _tmpl$();
+    spread(_el$, mergeProps$1(() => api().hiddenInputProps), false, false);
+    return _el$;
+  })()];
 };
 
 export { SliderThumb };

package/slider/slider-track.d.ts

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

package/slider/slider.cjs

@@ -11,7 +11,7 @@ const sliderContext = require('./slider-context.cjs');
 const useSlider = require('./use-slider.cjs');
 
 const Slider = props => {
-  const [sliderParams, restProps] = createSplitProps.createSplitProps()(props, ['aria-label', 'aria-labelledby', 'dir', 'disabled', 'focusThumbOnChange', 'form', 'getAriaValueText', 'getRootNode', 'id', 'ids', 'invalid', 'max', 'min', 'name', 'onChange', 'onChangeEnd', 'onChangeStart', 'orientation', 'origin', 'readOnly', 'step', 'thumbAlignment', 'value']);
+  const [sliderParams, restProps] = createSplitProps.createSplitProps()(props, ['aria-label', 'aria-labelledby', 'dir', 'disabled', 'focusThumbOnChange', 'form', 'getAriaValueText', 'getRootNode', 'id', 'ids', 'invalid', 'max', 'min', 'name', 'onChange', 'onChangeEnd', 'onChangeStart', 'orientation', 'origin', 'readOnly', 'step', 'thumbAlignment', 'thumbSize', 'value']);
   const api = useSlider.useSlider(sliderParams);
   const rootProps = solid.mergeProps(() => api().rootProps, restProps);
   const getChildren = () => runIfFn.runIfFn(restProps.children, api);

package/slider/slider.mjs

@@ -7,7 +7,7 @@ import { SliderProvider } from './slider-context.mjs';
 import { useSlider } from './use-slider.mjs';
 
 const Slider = props => {
-  const [sliderParams, restProps] = createSplitProps()(props, ['aria-label', 'aria-labelledby', 'dir', 'disabled', 'focusThumbOnChange', 'form', 'getAriaValueText', 'getRootNode', 'id', 'ids', 'invalid', 'max', 'min', 'name', 'onChange', 'onChangeEnd', 'onChangeStart', 'orientation', 'origin', 'readOnly', 'step', 'thumbAlignment', 'value']);
+  const [sliderParams, restProps] = createSplitProps()(props, ['aria-label', 'aria-labelledby', 'dir', 'disabled', 'focusThumbOnChange', 'form', 'getAriaValueText', 'getRootNode', 'id', 'ids', 'invalid', 'max', 'min', 'name', 'onChange', 'onChangeEnd', 'onChangeStart', 'orientation', 'origin', 'readOnly', 'step', 'thumbAlignment', 'thumbSize', 'value']);
   const api = useSlider(sliderParams);
   const rootProps = mergeProps(() => api().rootProps, restProps);
   const getChildren = () => runIfFn(restProps.children, api);

package/slider/slider.stories.d.ts

@@ -0,0 +1,5 @@
+import { JSX } from 'solid-js';
+import type { Meta } from 'storybook-solidjs';
+declare const meta: Meta;
+export default meta;
+export declare const Basic: () => JSX.Element;

package/slider/use-slider.cjs

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

package/slider/use-slider.d.ts

@@ -1,7 +1,7 @@
-import type { PropTypes } from '@zag-js/solid';
-import type { Accessor } from 'solid-js';
 import * as slider from '@zag-js/slider';
+import { type PropTypes } from '@zag-js/solid';
+import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
 export type UseSliderProps = Optional<slider.Context, 'id'>;
-export type UseSliderReturn = ReturnType<typeof useSlider>;
-export declare const useSlider: (props: UseSliderProps) => Accessor<slider.PublicApi<PropTypes>>;
+export type UseSliderReturn = Accessor<slider.Api<PropTypes>>;
+export declare const useSlider: (props: UseSliderProps) => UseSliderReturn;

package/slider/use-slider.mjs

@@ -1,6 +1,7 @@
 import * as slider from '@zag-js/slider';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import { createUniqueId, createMemo } from 'solid-js';
+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,13 @@
-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 { JSX } from 'solid-js';
+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: ((props: SplitterProps) => JSX.Element) & {
+    Root: (props: SplitterProps) => JSX.Element;
+    Panel: (props: SplitterPanelProps) => JSX.Element;
+    ResizeTrigger: (props: SplitterResizeTriggerProps) => JSX.Element;
+};
+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,7 +1,4 @@
-import type { PropTypes } from '@zag-js/solid';
-import type { PublicApi } from '@zag-js/splitter';
-import type { Accessor } from 'solid-js';
-import type { ContextProviderComponent } from 'solid-js/types/reactive/signal';
+import { ContextProviderComponent } from 'solid-js';
 import { type UseSplitterReturn } from './use-splitter';
 export type SplitterContext = UseSplitterReturn;
-export declare const SplitterProvider: ContextProviderComponent<Accessor<PublicApi<PropTypes>>>, useSplitterContext: () => Accessor<PublicApi<PropTypes>>;
+export declare const SplitterProvider: ContextProviderComponent<UseSplitterReturn>, useSplitterContext: () => UseSplitterReturn;

package/splitter/splitter-panel.d.ts

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { type connect } from '@zag-js/splitter';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';

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

@@ -1,4 +1,4 @@
-import type { JSX } from 'solid-js';
+import { JSX } from 'solid-js';
 import { connect } from '@zag-js/splitter';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';

package/splitter/splitter.stories.d.ts

@@ -0,0 +1,8 @@
+import { JSX } from 'solid-js';
+import type { Meta } from 'storybook-solidjs';
+declare const meta: Meta;
+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

@@ -5,13 +5,33 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const solid = require('@zag-js/solid');
 const splitter = require('@zag-js/splitter');
 const solidJs = require('solid-js');
+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 splitter__namespace = /*#__PURE__*/_interopNamespaceDefault(splitter);
+
 const useSplitter = (props) => {
   const getRootNode = environmentContext.useEnvironmentContext();
   const context = solid.mergeProps({ id: solidJs.createUniqueId(), getRootNode }, props);
-  const [state, send] = solid.useMachine(splitter.machine(context), { context });
-  return solidJs.createMemo(() => splitter.connect(state, send, solid.normalizeProps));
+  const [state, send] = solid.useMachine(splitter__namespace.machine(context), { context });
+  return solidJs.createMemo(() => splitter__namespace.connect(state, send, solid.normalizeProps));
 };
 
 exports.useSplitter = useSplitter;

package/splitter/use-splitter.d.ts

@@ -1,7 +1,7 @@
-import type { PropTypes } from '@zag-js/solid';
-import type { Accessor } from 'solid-js';
-import type { PublicApi, type Context } from '@zag-js/splitter';
+import { type PropTypes } from '@zag-js/solid';
+import * as splitter from '@zag-js/splitter';
+import { type Accessor } from 'solid-js';
 import { type Optional } from '../types';
-export type UseSplitterProps = Optional<Context, 'id'>;
-export type UseSplitterReturn = ReturnType<typeof useSplitter>;
-export declare const useSplitter: (props: UseSplitterProps) => Accessor<PublicApi<PropTypes>>;
+export type UseSplitterProps = Optional<splitter.Context, 'id'>;
+export type UseSplitterReturn = Accessor<splitter.Api<PropTypes>>;
+export declare const useSplitter: (props: UseSplitterProps) => UseSplitterReturn;

package/splitter/use-splitter.mjs

@@ -1,13 +1,14 @@
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
-import { machine, connect } from '@zag-js/splitter';
+import * as splitter from '@zag-js/splitter';
 import { createUniqueId, createMemo } from 'solid-js';
+import '../environment/index.mjs';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useSplitter = (props) => {
   const getRootNode = useEnvironmentContext();
   const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
-  const [state, send] = useMachine(machine(context), { context });
-  return createMemo(() => connect(state, send, normalizeProps));
+  const [state, send] = useMachine(splitter.machine(context), { context });
+  return createMemo(() => splitter.connect(state, send, normalizeProps));
 };
 
 export { useSplitter };

package/ssr-spread.test.d.ts

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

package/switch/index.cjs

@@ -5,20 +5,23 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 const _switch = require('./switch.cjs');
 const switchContext = require('./switch-context.cjs');
 const switchControl = require('./switch-control.cjs');
-const switchInput = require('./switch-input.cjs');
 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,
+  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;

package/switch/index.d.ts

@@ -1,7 +1,15 @@
-export { Switch, type SwitchProps } from './switch';
-export { useSwitchContext } from './switch-context';
-export { SwitchControl, type SwitchControlProps } from './switch-control';
-export { SwitchInput, type SwitchInputProps } from './switch-input';
-export { SwitchLabel, type SwitchLabelProps } from './switch-label';
-export { SwitchThumb, type SwitchThumbProps } from './switch-thumb';
-export { switchAnatomy } from './switch.anatomy';
+import { JSX } from 'solid-js';
+import { type SwitchProps } from './switch';
+import { useSwitchContext } from './switch-context';
+import { SwitchControl, type SwitchControlProps } from './switch-control';
+import { SwitchLabel, type SwitchLabelProps } from './switch-label';
+import { SwitchThumb, type SwitchThumbProps } from './switch-thumb';
+import { switchAnatomy } from './switch.anatomy';
+declare const Switch: ((props: SwitchProps) => JSX.Element) & {
+    Root: (props: SwitchProps) => JSX.Element;
+    Control: (props: SwitchControlProps) => JSX.Element;
+    Label: (props: SwitchLabelProps) => JSX.Element;
+    Thumb: (props: SwitchThumbProps) => JSX.Element;
+};
+export { Switch, SwitchControl, SwitchLabel, SwitchThumb, switchAnatomy, useSwitchContext };
+export type { SwitchControlProps, SwitchLabelProps, SwitchProps, SwitchThumbProps };