@ark-ui/react 0.5.0 → 0.7.0

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

@@ -58,14 +58,18 @@ export declare const SliderControl: ForwardRefExoticComponent<{
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -95,6 +99,7 @@ export declare const SliderControl: ForwardRefExoticComponent<{
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;

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

@@ -60,14 +60,18 @@ export declare const SliderLabel: ForwardRefExoticComponent<{
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -97,6 +101,7 @@ export declare const SliderLabel: ForwardRefExoticComponent<{
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;

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

@@ -58,14 +58,18 @@ export declare const SliderMarkerGroup: ForwardRefExoticComponent<{
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -95,6 +99,7 @@ export declare const SliderMarkerGroup: ForwardRefExoticComponent<{
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;

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

@@ -61,14 +61,18 @@ export declare const SliderMarker: ForwardRefExoticComponent<{
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -98,6 +102,7 @@ export declare const SliderMarker: ForwardRefExoticComponent<{
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;

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

@@ -62,14 +62,18 @@ export declare const SliderOutput: ForwardRefExoticComponent<{
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -99,6 +103,7 @@ export declare const SliderOutput: ForwardRefExoticComponent<{
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;

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

@@ -58,14 +58,18 @@ export declare const SliderRange: ForwardRefExoticComponent<{
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -95,6 +99,7 @@ export declare const SliderRange: ForwardRefExoticComponent<{
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;

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

@@ -58,14 +58,18 @@ export declare const SliderThumb: ForwardRefExoticComponent<{
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -95,6 +99,7 @@ export declare const SliderThumb: ForwardRefExoticComponent<{
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;

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

@@ -58,14 +58,18 @@ export declare const SliderTrack: ForwardRefExoticComponent<{
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -95,6 +99,7 @@ export declare const SliderTrack: ForwardRefExoticComponent<{
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;

package/dist/slider/slider.d.ts

@@ -66,14 +66,18 @@ export declare const Slider: ForwardRefExoticComponent<{
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -103,6 +107,7 @@ export declare const Slider: ForwardRefExoticComponent<{
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;
@@ -291,6 +296,7 @@ export declare const Slider: ForwardRefExoticComponent<{
     }> | undefined;
     orientation?: "horizontal" | "vertical" | undefined;
     step?: number | undefined;
+    origin?: "center" | "start" | undefined;
     invalid?: boolean | undefined;
     max?: number | undefined;
     min?: number | undefined;
@@ -303,7 +309,6 @@ export declare const Slider: ForwardRefExoticComponent<{
     }) => void) | undefined;
     getAriaValueText?: ((value: number) => string) | undefined;
     thumbAlignment?: "center" | "contain" | undefined;
-    origin?: "center" | "start" | undefined;
     focusThumbOnChange?: boolean | undefined;
     children?: ReactNode | ((context: SliderContext) => ReactNode);
 }>;

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

@@ -9,9 +9,8 @@ export declare const SplitterProvider: Provider<{
         min: number;
         max: number;
     } | undefined;
-    collapse(id: PanelId): void;
-    expand(id: PanelId): void;
-    toggle(id: PanelId): void;
+    setToMinSize(id: PanelId): void;
+    setToMaxSize(id: PanelId): void;
     setSize(id: PanelId, size: number): void;
     getResizeTriggerState(props: ResizeTriggerProps): {
         isDisabled: boolean;
@@ -31,9 +30,8 @@ export declare const SplitterProvider: Provider<{
         min: number;
         max: number;
     } | undefined;
-    collapse(id: PanelId): void;
-    expand(id: PanelId): void;
-    toggle(id: PanelId): void;
+    setToMinSize(id: PanelId): void;
+    setToMaxSize(id: PanelId): void;
     setSize(id: PanelId, size: number): void;
     getResizeTriggerState(props: ResizeTriggerProps): {
         isDisabled: boolean;

package/dist/splitter/splitter-panel.d.ts

@@ -60,14 +60,18 @@ export declare const SplitterPanel: ForwardRefExoticComponent<{
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -97,6 +101,7 @@ export declare const SplitterPanel: ForwardRefExoticComponent<{
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;

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

@@ -66,14 +66,18 @@ export declare const SplitterResizeTrigger: ForwardRefExoticComponent<{
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -103,6 +107,7 @@ export declare const SplitterResizeTrigger: ForwardRefExoticComponent<{
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;

package/dist/splitter/splitter.cjs

@@ -7,24 +7,30 @@ const react = require('@zag-js/react');
 const createSplitProps = require('../create-split-props.cjs');
 const factory = require('../factory.cjs');
 const forwardRef = require('../forward-ref.cjs');
+const runIfFn = require('../run-if-fn.cjs');
 const splitterContext = require('./splitter-context.cjs');
 const useSplitter = require('./use-splitter.cjs');
 
 const Splitter = forwardRef.forwardRef((props, ref) => {
-  const [useSplitterProps, divProps] = createSplitProps.createSplitProps()(props, [
-    "dir",
-    "getRootNode",
-    "id",
-    "ids",
-    "onResize",
-    "onResizeEnd",
-    "onResizeStart",
-    "orientation",
-    "size"
-  ]);
+  const [useSplitterProps, { children, ...divProps }] = createSplitProps.createSplitProps()(
+    props,
+    [
+      "defaultSize",
+      "dir",
+      "getRootNode",
+      "id",
+      "ids",
+      "onResize",
+      "onResizeEnd",
+      "onResizeStart",
+      "orientation",
+      "size"
+    ]
+  );
   const splitter = useSplitter.useSplitter(useSplitterProps);
   const mergedProps = react.mergeProps(splitter.rootProps, divProps);
-  return /* @__PURE__ */ jsxRuntime.jsx(splitterContext.SplitterProvider, { value: splitter, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+  const view = runIfFn.runIfFn(children, splitter);
+  return /* @__PURE__ */ jsxRuntime.jsx(splitterContext.SplitterProvider, { value: splitter, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref, children: view }) });
 });
 
 exports.Splitter = Splitter;

package/dist/splitter/splitter.d.ts

@@ -1,11 +1,12 @@
 import type { PanelId } from '@zag-js/splitter/dist/splitter.types';
-import type { ForwardRefExoticComponent, ReactNode, CSSProperties, LegacyRef, Key, AriaRole, ClipboardEventHandler, CompositionEventHandler, FocusEventHandler, FormEventHandler, ReactEventHandler, KeyboardEventHandler, MouseEventHandler, DragEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler } from 'react';
+import type { ForwardRefExoticComponent, CSSProperties, LegacyRef, Key, AriaRole, ClipboardEventHandler, CompositionEventHandler, FocusEventHandler, FormEventHandler, ReactEventHandler, KeyboardEventHandler, MouseEventHandler, DragEventHandler, TouchEventHandler, PointerEventHandler, UIEventHandler, WheelEventHandler, AnimationEventHandler, TransitionEventHandler, ReactNode } from 'react';
 import { type HTMLArkProps } from '../factory';
 import type { Assign } from '../types';
-import { type UseSplitterProps } from './use-splitter';
-export type SplitterProps = Assign<HTMLArkProps<'div'>, UseSplitterProps>;
+import { type UseSplitterProps, type UseSplitterReturn } from './use-splitter';
+export type SplitterProps = Assign<HTMLArkProps<'div'>, UseSplitterProps & {
+    children?: ReactNode | ((state: UseSplitterReturn) => ReactNode);
+}>;
 export declare const Splitter: ForwardRefExoticComponent<{
-    children?: ReactNode;
     slot?: string | undefined;
     style?: CSSProperties | undefined;
     title?: string | undefined;
@@ -59,14 +60,18 @@ export declare const Splitter: ForwardRefExoticComponent<{
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -96,6 +101,7 @@ export declare const Splitter: ForwardRefExoticComponent<{
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;
@@ -312,4 +318,11 @@ export declare const Splitter: ForwardRefExoticComponent<{
         }[];
         activeHandleId: string | null;
     }) => void) | undefined;
+    defaultSize?: {
+        id: PanelId;
+        size?: number | undefined;
+        minSize?: number | undefined;
+        maxSize?: number | undefined;
+    }[] | undefined;
+    children?: ReactNode | ((state: UseSplitterReturn) => ReactNode);
 }>;

package/dist/splitter/splitter.mjs

@@ -3,24 +3,30 @@ import { mergeProps } from '@zag-js/react';
 import { createSplitProps } from '../create-split-props.mjs';
 import { ark } from '../factory.mjs';
 import { forwardRef } from '../forward-ref.mjs';
+import { runIfFn } from '../run-if-fn.mjs';
 import { SplitterProvider } from './splitter-context.mjs';
 import { useSplitter } from './use-splitter.mjs';
 
 const Splitter = forwardRef((props, ref) => {
-  const [useSplitterProps, divProps] = createSplitProps()(props, [
-    "dir",
-    "getRootNode",
-    "id",
-    "ids",
-    "onResize",
-    "onResizeEnd",
-    "onResizeStart",
-    "orientation",
-    "size"
-  ]);
+  const [useSplitterProps, { children, ...divProps }] = createSplitProps()(
+    props,
+    [
+      "defaultSize",
+      "dir",
+      "getRootNode",
+      "id",
+      "ids",
+      "onResize",
+      "onResizeEnd",
+      "onResizeStart",
+      "orientation",
+      "size"
+    ]
+  );
   const splitter = useSplitter(useSplitterProps);
   const mergedProps = mergeProps(splitter.rootProps, divProps);
-  return /* @__PURE__ */ jsx(SplitterProvider, { value: splitter, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+  const view = runIfFn(children, splitter);
+  return /* @__PURE__ */ jsx(SplitterProvider, { value: splitter, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref, children: view }) });
 });
 
 export { Splitter };

package/dist/splitter/use-splitter.cjs

@@ -7,15 +7,39 @@ const splitter = require('@zag-js/splitter');
 const React = require('react');
 const environmentContext = require('../environment/environment-context.cjs');
 
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: 'Module' } });
+  if (e) {
+    for (const k in e) {
+      if (k !== 'default') {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+
+const splitter__namespace = /*#__PURE__*/_interopNamespaceDefault(splitter);
+
 const useSplitter = (props) => {
   const getRootNode = environmentContext.useEnvironmentContext();
-  const context = {
+  const initialContext = {
     id: React.useId(),
     getRootNode,
-    ...props
+    ...props,
+    size: props.defaultSize
+  };
+  const context = {
+    ...initialContext,
+    size: props.size
   };
-  const [state, send] = react.useMachine(splitter.machine(context), { context });
-  return splitter.connect(state, send, react.normalizeProps);
+  const [state, send] = react.useMachine(splitter__namespace.machine(initialContext), { context });
+  return splitter__namespace.connect(state, send, react.normalizeProps);
 };
 
 exports.useSplitter = useSplitter;

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

@@ -1,8 +1,10 @@
 import type { HTMLAttributes } from 'react';
-import type { PanelId, ResizeTriggerProps, PanelProps } from '@zag-js/splitter/dist/splitter.types';
-import { type Context } from '@zag-js/splitter';
+import type { PanelId } from '@zag-js/splitter/dist/splitter.types';
+import * as splitter from '@zag-js/splitter';
 import { type Optional } from '../types';
-export type UseSplitterProps = Optional<Context, 'id'>;
+export type UseSplitterProps = Optional<splitter.Context, 'id'> & {
+    defaultSize?: splitter.Context['size'];
+};
 export type UseSplitterReturn = ReturnType<typeof useSplitter>;
 export declare const useSplitter: (props: UseSplitterProps) => {
     isFocused: boolean;
@@ -11,11 +13,10 @@ export declare const useSplitter: (props: UseSplitterProps) => {
         min: number;
         max: number;
     } | undefined;
-    collapse(id: PanelId): void;
-    expand(id: PanelId): void;
-    toggle(id: PanelId): void;
+    setToMinSize(id: PanelId): void;
+    setToMaxSize(id: PanelId): void;
     setSize(id: PanelId, size: number): void;
-    getResizeTriggerState(props: ResizeTriggerProps): {
+    getResizeTriggerState(props: splitter.ResizeTriggerProps): {
         isDisabled: boolean;
         isFocused: boolean;
         panelIds: string[];
@@ -24,6 +25,6 @@ export declare const useSplitter: (props: UseSplitterProps) => {
         value: number;
     };
     rootProps: HTMLAttributes<HTMLElement>;
-    getPanelProps(props: PanelProps): HTMLAttributes<HTMLElement>;
-    getResizeTriggerProps(props: ResizeTriggerProps): HTMLAttributes<HTMLElement>;
+    getPanelProps(props: splitter.PanelProps): HTMLAttributes<HTMLElement>;
+    getResizeTriggerProps(props: splitter.ResizeTriggerProps): HTMLAttributes<HTMLElement>;
 };

package/dist/splitter/use-splitter.mjs

@@ -1,17 +1,22 @@
 import { useMachine, normalizeProps } from '@zag-js/react';
-import { machine, connect } from '@zag-js/splitter';
+import * as splitter from '@zag-js/splitter';
 import { useId } from 'react';
 import { useEnvironmentContext } from '../environment/environment-context.mjs';
 
 const useSplitter = (props) => {
   const getRootNode = useEnvironmentContext();
-  const context = {
+  const initialContext = {
     id: useId(),
     getRootNode,
-    ...props
+    ...props,
+    size: props.defaultSize
+  };
+  const context = {
+    ...initialContext,
+    size: props.size
   };
-  const [state, send] = useMachine(machine(context), { context });
-  return connect(state, send, normalizeProps);
+  const [state, send] = useMachine(splitter.machine(initialContext), { context });
+  return splitter.connect(state, send, normalizeProps);
 };
 
 export { useSplitter };

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

@@ -58,14 +58,18 @@ export declare const SwitchControl: ForwardRefExoticComponent<{
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
     'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-braillelabel'?: string | undefined;
+    'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
     'aria-checked'?: boolean | "true" | "false" | "mixed" | undefined;
     'aria-colcount'?: number | undefined;
     'aria-colindex'?: number | undefined;
+    'aria-colindextext'?: string | undefined;
     'aria-colspan'?: number | undefined;
     'aria-controls'?: string | undefined;
     'aria-current'?: boolean | "time" | "true" | "false" | "page" | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined;
+    'aria-description'?: string | undefined;
     'aria-details'?: string | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
     'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
@@ -95,6 +99,7 @@ export declare const SwitchControl: ForwardRefExoticComponent<{
     'aria-roledescription'?: string | undefined;
     'aria-rowcount'?: number | undefined;
     'aria-rowindex'?: number | undefined;
+    'aria-rowindextext'?: string | undefined;
     'aria-rowspan'?: number | undefined;
     'aria-selected'?: (boolean | "true" | "false") | undefined;
     'aria-setsize'?: number | undefined;