@ark-ui/solid 5.1.1 → 5.3.0

package/dist/chunk/{R5NPBVOA.js → QCBVLVTA.js}

@@ -1,4 +1,5 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './OY4ARTMM.js';
+import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './JSBTYBVG.js';
+import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './YMMMHJJS.js';
@@ -6,7 +7,7 @@ import { useLocaleContext } from './QEMQBM6W.js';
 import { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
-import { createComponent } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import { Show, createUniqueId, createMemo } from 'solid-js';
 import * as popover from '@zag-js/popover';
@@ -48,7 +49,12 @@ var PopoverContent = (props) => {
       return !presenceApi().unmounted;
     },
     get children() {
-      return createComponent(ark.div, mergedProps);
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        ref(r$) {
+          var _ref$ = composeRefs(presenceApi().ref, props.ref);
+          typeof _ref$ === "function" && _ref$(r$);
+        }
+      }));
     }
   });
 };

package/dist/chunk/{Y7EY3OTU.jsx → T6XMELG3.jsx}

@@ -3,7 +3,10 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./A4744EEE.jsx";
+} from "./PSNFSH4B.jsx";
+import {
+  composeRefs
+} from "./DOBZPYAN.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -86,7 +89,7 @@ var TourBackdrop = (props) => {
     props
   );
   return <Show2 when={!presence().unmounted}>
-      <ark.div {...mergedProps} hidden={!tour2().step?.backdrop} />
+      <ark.div {...mergedProps} hidden={!tour2().step?.backdrop} ref={composeRefs(presence().ref, props.ref)} />
     </Show2>;
 };
 
@@ -111,7 +114,7 @@ var TourContent = (props) => {
     props
   );
   return <Show3 when={!presence().unmounted}>
-      <ark.div {...mergedProps} />
+      <ark.div {...mergedProps} ref={composeRefs(presence().ref, props.ref)} />
     </Show3>;
 };
 
@@ -185,7 +188,11 @@ var TourSpotlight = (props) => {
     props
   );
   return <Show5 when={!presenceApi().unmounted}>
-      <ark.div {...mergedProps} hidden={!tour2().open || !tour2().step?.target?.()} />
+      <ark.div
+    {...mergedProps}
+    hidden={!tour2().open || !tour2().step?.target?.()}
+    ref={composeRefs(presenceApi().ref, props.ref)}
+  />
     </Show5>;
 };
 

package/dist/chunk/{26K66CRD.js → TVG6ZU7O.js}

@@ -1,4 +1,5 @@
-import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './OY4ARTMM.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './JSBTYBVG.js';
+import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './YMMMHJJS.js';
@@ -6,7 +7,7 @@ import { useLocaleContext } from './QEMQBM6W.js';
 import { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
-import { createComponent } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import { Show, createUniqueId, createMemo } from 'solid-js';
 import * as hoverCard from '@zag-js/hover-card';
@@ -38,7 +39,12 @@ var HoverCardContent = (props) => {
       return !presenceApi().unmounted;
     },
     get children() {
-      return createComponent(ark.div, mergedProps);
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        ref(r$) {
+          var _ref$ = composeRefs(presenceApi().ref, props.ref);
+          typeof _ref$ === "function" && _ref$(r$);
+        }
+      }));
     }
   });
 };

package/dist/chunk/{QTSWXPKO.js → U67NSVQP.js}

@@ -1,4 +1,4 @@
-import { useCollapsibleContext, collapsible_exports } from './B246J3FR.js';
+import { useCollapsibleContext, collapsible_exports } from './DW4NU34Z.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';

package/dist/chunk/{7IHVZWMT.jsx → UFXWNPFN.jsx}

@@ -3,7 +3,10 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./A4744EEE.jsx";
+} from "./PSNFSH4B.jsx";
+import {
+  composeRefs
+} from "./DOBZPYAN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -102,7 +105,7 @@ var MenuContent = (props) => {
     props
   );
   return <Show when={!presenceContext().unmounted}>
-      <ark.div {...mergedProps} />
+      <ark.div {...mergedProps} ref={composeRefs(presenceContext().ref, props.ref)} />
     </Show>;
 };
 

package/dist/chunk/{KBHIJYMD.jsx → VDDVCRFC.jsx}

@@ -90,11 +90,11 @@ var Toaster = (props) => {
     store: toasterProps.toaster,
     id: createUniqueId(),
     dir: locale()?.dir,
-    getRootNode: () => env()?.getDocument()
+    getRootNode: env()?.getRootNode
   }));
   const api = createMemo(() => toast2.group.connect(service, normalizeProps));
   const toasts = createMemo(() => api().getToasts());
-  const mergedProps = mergeProps6(api().getGroupProps(), localProps);
+  const mergedProps = mergeProps6(() => api().getGroupProps(), localProps);
   return <ark.div {...mergedProps}>
       <Key each={toasts()} by="id">
         {(toast3, index) => <ToastActor value={toast3} index={index} parent={service}>
@@ -107,7 +107,7 @@ var ToastActor = (props) => {
   const localProps = createMemo(() => ({
     ...props.value(),
     parent: props.parent,
-    index: props.index
+    index: props.index()
   }));
   const service = useMachine(toast2.machine, localProps);
   const api = createMemo(() => toast2.connect(service, normalizeProps));

package/dist/chunk/{F7JP3DGZ.js → WEP4LIH4.js}

@@ -1,4 +1,5 @@
-import { usePresence, splitPresenceProps, PresenceProvider, usePresenceContext } from './OY4ARTMM.js';
+import { usePresence, splitPresenceProps, PresenceProvider, usePresenceContext } from './JSBTYBVG.js';
+import { composeRefs } from './XN6EERRM.js';
 import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
@@ -68,6 +69,10 @@ var TourBackdrop = (props) => {
       return createComponent(ark.div, mergeProps$1(mergedProps, {
         get hidden() {
           return !tour2().step?.backdrop;
+        },
+        ref(r$) {
+          var _ref$ = composeRefs(presence().ref, props.ref);
+          typeof _ref$ === "function" && _ref$(r$);
         }
       }));
     }
@@ -90,7 +95,12 @@ var TourContent = (props) => {
       return !presence().unmounted;
     },
     get children() {
-      return createComponent(ark.div, mergedProps);
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        ref(r$) {
+          var _ref$ = composeRefs(presence().ref, props.ref);
+          typeof _ref$ === "function" && _ref$(r$);
+        }
+      }));
     }
   });
 };
@@ -175,6 +185,10 @@ var TourSpotlight = (props) => {
       return createComponent(ark.div, mergeProps$1(mergedProps, {
         get hidden() {
           return !tour2().open || !tour2().step?.target?.();
+        },
+        ref(r$) {
+          var _ref$ = composeRefs(presenceApi().ref, props.ref);
+          typeof _ref$ === "function" && _ref$(r$);
         }
       }));
     }

package/dist/chunk/{3FYZXSQZ.jsx → WNMJRJ4R.jsx}

@@ -3,7 +3,10 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./A4744EEE.jsx";
+} from "./PSNFSH4B.jsx";
+import {
+  composeRefs
+} from "./DOBZPYAN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -78,7 +81,7 @@ var PopoverContent = (props) => {
     props
   );
   return <Show when={!presenceApi().unmounted}>
-      <ark.div {...mergedProps} />
+      <ark.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
     </Show>;
 };
 

package/dist/chunk/{JUYBJNX6.js → WXY3QNZF.js}

@@ -1,4 +1,5 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './OY4ARTMM.js';
+import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './JSBTYBVG.js';
+import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './YMMMHJJS.js';
@@ -6,7 +7,7 @@ import { useLocaleContext } from './QEMQBM6W.js';
 import { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
-import { createComponent } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import { createEffect, onMount, createUniqueId, createMemo, Show } from 'solid-js';
 import * as menu from '@zag-js/menu';
@@ -73,7 +74,12 @@ var MenuContent = (props) => {
       return !presenceContext().unmounted;
     },
     get children() {
-      return createComponent(ark.div, mergedProps);
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        ref(r$) {
+          var _ref$ = composeRefs(presenceContext().ref, props.ref);
+          typeof _ref$ === "function" && _ref$(r$);
+        }
+      }));
     }
   });
 };

package/dist/chunk/{DJ375Z4C.jsx → XUCRRVV2.jsx}

@@ -6,7 +6,10 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./A4744EEE.jsx";
+} from "./PSNFSH4B.jsx";
+import {
+  composeRefs
+} from "./DOBZPYAN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -167,7 +170,7 @@ var ColorPickerContent = (props) => {
     props
   );
   return <Show when={!presenceApi().unmounted}>
-      <ark.div {...mergedProps} />
+      <ark.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
     </Show>;
 };
 
@@ -402,10 +405,15 @@ var ColorPickerValueSwatch = (props) => {
 
 // src/components/color-picker/color-picker-value-text.tsx
 import { mergeProps as mergeProps27 } from "@zag-js/solid";
+import { createMemo as createMemo3 } from "solid-js";
 var ColorPickerValueText = (props) => {
   const colorPicker2 = useColorPickerContext();
-  const mergedProps = mergeProps27(() => colorPicker2().getValueTextProps(), props);
-  return <ark.span {...mergedProps}>{colorPicker2().valueAsString || props.children}</ark.span>;
+  const [formatProps, localProps] = createSplitProps()(props, ["format"]);
+  const mergedProps = mergeProps27(() => colorPicker2().getValueTextProps(), localProps);
+  const valueAsString = createMemo3(
+    () => formatProps.format ? colorPicker2().value.toString(formatProps.format) : colorPicker2().valueAsString
+  );
+  return <ark.span {...mergedProps}>{props.children || valueAsString()}</ark.span>;
 };
 
 // src/components/color-picker/color-picker-view.tsx

package/dist/chunk/{NZEL4233.js → YGOJI6HV.js}

@@ -1,4 +1,4 @@
-import { collapsible_exports } from './B246J3FR.js';
+import { collapsible_exports } from './DW4NU34Z.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';

package/dist/chunk/{KZCXBFHA.jsx → YUDHR2PE.jsx}

@@ -1,7 +1,10 @@
 import {
   PresenceProvider,
   usePresence
-} from "./A4744EEE.jsx";
+} from "./PSNFSH4B.jsx";
+import {
+  composeRefs
+} from "./DOBZPYAN.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -57,7 +60,7 @@ var TabContent = (props) => {
   );
   return <PresenceProvider value={presenceApi}>
       <Show when={!presenceApi().unmounted}>
-        <ark.div {...mergedProps} />
+        <ark.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
       </Show>
     </PresenceProvider>;
 };

package/dist/chunk/{D6BC5RCX.jsx → YVFRVXSX.jsx}

@@ -3,7 +3,10 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./A4744EEE.jsx";
+} from "./PSNFSH4B.jsx";
+import {
+  composeRefs
+} from "./DOBZPYAN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -62,7 +65,7 @@ var HoverCardContent = (props) => {
     props
   );
   return <Show when={!presenceApi().unmounted}>
-      <ark.div {...mergedProps} />
+      <ark.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
     </Show>;
 };
 

package/dist/chunk/{UODFV2GS.js → ZVM34F6R.js}

@@ -1,4 +1,5 @@
-import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './OY4ARTMM.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './JSBTYBVG.js';
+import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
 import { useEnvironmentContext } from './YMMMHJJS.js';
@@ -6,7 +7,7 @@ import { useLocaleContext } from './QEMQBM6W.js';
 import { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
-import { createComponent } from 'solid-js/web';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
 import { Show, createUniqueId, createMemo } from 'solid-js';
 import * as tooltip from '@zag-js/tooltip';
@@ -38,7 +39,12 @@ var TooltipContent = (props) => {
       return !presenceApi().unmounted;
     },
     get children() {
-      return createComponent(ark.div, mergedProps);
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        ref(r$) {
+          var _ref$ = composeRefs(presenceApi().ref, props.ref);
+          typeof _ref$ === "function" && _ref$(r$);
+        }
+      }));
     }
   });
 };

package/dist/components/accordion/index.d.ts

@@ -4,7 +4,7 @@ export { FocusChangeDetails as AccordionFocusChangeDetails, ValueChangeDetails a
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
+import { O as Optional, M as MaybeAccessor } from '../../types-Bc0WfPsv.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { R as RenderStrategyProps } from '../../render-strategy-B5MqQP3X.js';
 

package/dist/components/accordion/index.js

@@ -1 +1 @@
-export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, anatomy as accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext } from '../../chunk/QTSWXPKO.js';
+export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, anatomy as accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext } from '../../chunk/U67NSVQP.js';

package/dist/components/accordion/index.jsx

@@ -12,8 +12,8 @@ import {
   useAccordion,
   useAccordionContext,
   useAccordionItemContext
-} from "../../chunk/CSDXHOTM.jsx";
-import "../../chunk/WNIFZKTJ.jsx";
+} from "../../chunk/N4O7ZKCJ.jsx";
+import "../../chunk/AYESR2LP.jsx";
 import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";

package/dist/components/avatar/index.d.ts

@@ -4,7 +4,7 @@ export { StatusChangeDetails as AvatarStatusChangeDetails, anatomy as avatarAnat
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
+import { O as Optional, M as MaybeAccessor } from '../../types-Bc0WfPsv.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 
 interface UseAvatarProps extends Optional<Omit<avatar$1.Props, 'dir' | 'getRootNode'>, 'id'> {

package/dist/components/carousel/index.d.ts

@@ -5,7 +5,7 @@ import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
+import { O as Optional, M as MaybeAccessor } from '../../types-Bc0WfPsv.js';
 
 interface CarouselAutoplayTriggerBaseProps extends PolymorphicProps<'button'> {
 }

package/dist/components/checkbox/index.d.ts

@@ -4,7 +4,7 @@ export { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState as C
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
+import { O as Optional, M as MaybeAccessor } from '../../types-Bc0WfPsv.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 

package/dist/components/clipboard/index.d.ts

@@ -4,7 +4,7 @@ export { CopyStatusDetails as ClipboardCopyStatusDetails, anatomy as clipboardAn
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
+import { O as Optional, M as MaybeAccessor } from '../../types-Bc0WfPsv.js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 
 interface UseClipboardProps extends Optional<Omit<clipboard$1.Props, 'dir' | 'getRootNode'>, 'id'> {

package/dist/components/collapsible/index.d.ts

@@ -5,7 +5,7 @@ import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
+import { O as Optional, M as MaybeAccessor } from '../../types-Bc0WfPsv.js';
 import { R as RenderStrategyProps } from '../../render-strategy-B5MqQP3X.js';
 
 interface CollapsibleContentBaseProps extends PolymorphicProps<'div'> {
@@ -55,9 +55,15 @@ interface CollapsibleTriggerProps extends HTMLProps<'button'>, CollapsibleTrigge
 }
 declare const CollapsibleTrigger: (props: CollapsibleTriggerProps) => solid_js.JSX.Element;
 
+interface CollapsibleIndicatorBaseProps extends PolymorphicProps<'div'> {
+}
+interface CollapsibleIndicatorProps extends HTMLProps<'div'>, CollapsibleIndicatorBaseProps {
+}
+declare const CollapsibleIndicator: (props: CollapsibleIndicatorProps) => solid_js.JSX.Element;
+
 declare const collapsible_OpenChangeDetails: typeof OpenChangeDetails;
 declare namespace collapsible {
-  export { CollapsibleContent as Content, type CollapsibleContentBaseProps as ContentBaseProps, type CollapsibleContentProps as ContentProps, CollapsibleContext as Context, type CollapsibleContextProps as ContextProps, collapsible_OpenChangeDetails as OpenChangeDetails, CollapsibleRoot as Root, type CollapsibleRootBaseProps as RootBaseProps, type CollapsibleRootProps as RootProps, CollapsibleRootProvider as RootProvider, type CollapsibleRootProviderBaseProps as RootProviderBaseProps, type CollapsibleRootProviderProps as RootProviderProps, CollapsibleTrigger as Trigger, type CollapsibleTriggerBaseProps as TriggerBaseProps, type CollapsibleTriggerProps as TriggerProps };
+  export { CollapsibleContent as Content, type CollapsibleContentBaseProps as ContentBaseProps, type CollapsibleContentProps as ContentProps, CollapsibleContext as Context, type CollapsibleContextProps as ContextProps, CollapsibleIndicator as Indicator, type CollapsibleIndicatorBaseProps as IndicatorBaseProps, type CollapsibleIndicatorProps as IndicatorProps, collapsible_OpenChangeDetails as OpenChangeDetails, CollapsibleRoot as Root, type CollapsibleRootBaseProps as RootBaseProps, type CollapsibleRootProps as RootProps, CollapsibleRootProvider as RootProvider, type CollapsibleRootProviderBaseProps as RootProviderBaseProps, type CollapsibleRootProviderProps as RootProviderProps, CollapsibleTrigger as Trigger, type CollapsibleTriggerBaseProps as TriggerBaseProps, type CollapsibleTriggerProps as TriggerProps };
 }
 
-export { collapsible as Collapsible, CollapsibleContent, type CollapsibleContentBaseProps, type CollapsibleContentProps, CollapsibleContext, type CollapsibleContextProps, CollapsibleRoot, type CollapsibleRootBaseProps, type CollapsibleRootProps, CollapsibleRootProvider, type CollapsibleRootProviderBaseProps, type CollapsibleRootProviderProps, CollapsibleTrigger, type CollapsibleTriggerBaseProps, type CollapsibleTriggerProps, type UseCollapsibleContext, type UseCollapsibleProps, type UseCollapsibleReturn, useCollapsible, useCollapsibleContext };
+export { collapsible as Collapsible, CollapsibleContent, type CollapsibleContentBaseProps, type CollapsibleContentProps, CollapsibleContext, type CollapsibleContextProps, CollapsibleIndicator, type CollapsibleIndicatorBaseProps, type CollapsibleIndicatorProps, CollapsibleRoot, type CollapsibleRootBaseProps, type CollapsibleRootProps, CollapsibleRootProvider, type CollapsibleRootProviderBaseProps, type CollapsibleRootProviderProps, CollapsibleTrigger, type CollapsibleTriggerBaseProps, type CollapsibleTriggerProps, type UseCollapsibleContext, type UseCollapsibleProps, type UseCollapsibleReturn, useCollapsible, useCollapsibleContext };

package/dist/components/collapsible/index.js

@@ -1 +1 @@
-export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, anatomy as collapsibleAnatomy, useCollapsible, useCollapsibleContext } from '../../chunk/B246J3FR.js';
+export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleIndicator, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, anatomy as collapsibleAnatomy, useCollapsible, useCollapsibleContext } from '../../chunk/DW4NU34Z.js';

package/dist/components/collapsible/index.jsx

@@ -1,6 +1,7 @@
 import {
   CollapsibleContent,
   CollapsibleContext,
+  CollapsibleIndicator,
   CollapsibleRoot,
   CollapsibleRootProvider,
   CollapsibleTrigger,
@@ -8,7 +9,7 @@ import {
   collapsible_exports,
   useCollapsible,
   useCollapsibleContext
-} from "../../chunk/WNIFZKTJ.jsx";
+} from "../../chunk/AYESR2LP.jsx";
 import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
@@ -22,6 +23,7 @@ export {
   collapsible_exports as Collapsible,
   CollapsibleContent,
   CollapsibleContext,
+  CollapsibleIndicator,
   CollapsibleRoot,
   CollapsibleRootProvider,
   CollapsibleTrigger,

package/dist/components/color-picker/index.d.ts

@@ -5,8 +5,9 @@ import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional, M as MaybeAccessor, A as Assign } from '../../types-CxryXVkR.js';
-import { U as UsePresenceProps } from '../../use-presence-B6QV_j94.js';
+import { O as Optional, M as MaybeAccessor, A as Assign } from '../../types-Bc0WfPsv.js';
+import { U as UsePresenceProps } from '../../use-presence-BUVPqaFu.js';
+import { ColorStringFormat } from '@zag-js/color-utils';
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 import '@zag-js/presence';
 import '../../render-strategy-B5MqQP3X.js';
@@ -187,7 +188,10 @@ interface ColorPickerValueSwatchProps extends HTMLProps<'div'>, ColorPickerValue
 }
 declare const ColorPickerValueSwatch: (props: ColorPickerValueSwatchProps) => solid_js.JSX.Element;
 
-interface ColorPickerValueTextBaseProps extends PolymorphicProps<'span'> {
+interface FormatProps {
+    format?: ColorStringFormat;
+}
+interface ColorPickerValueTextBaseProps extends PolymorphicProps<'span'>, FormatProps {
 }
 interface ColorPickerValueTextProps extends HTMLProps<'span'>, ColorPickerValueTextBaseProps {
 }

package/dist/components/color-picker/index.js

@@ -1 +1 @@
-export { color_picker_exports as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderLabel, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerChannelSliderValueText, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueSwatch, ColorPickerValueText, ColorPickerView, colorPickerAnatomy, parse as parseColor, useColorPicker, useColorPickerContext } from '../../chunk/S6TQNQE6.js';
+export { color_picker_exports as ColorPicker, ColorPickerArea, ColorPickerAreaBackground, ColorPickerAreaThumb, ColorPickerChannelInput, ColorPickerChannelSlider, ColorPickerChannelSliderLabel, ColorPickerChannelSliderThumb, ColorPickerChannelSliderTrack, ColorPickerChannelSliderValueText, ColorPickerContent, ColorPickerContext, ColorPickerControl, ColorPickerEyeDropperTrigger, ColorPickerFormatSelect, ColorPickerFormatTrigger, ColorPickerHiddenInput, ColorPickerLabel, ColorPickerPositioner, ColorPickerRoot, ColorPickerRootProvider, ColorPickerSwatch, ColorPickerSwatchGroup, ColorPickerSwatchIndicator, ColorPickerSwatchTrigger, ColorPickerTransparencyGrid, ColorPickerTrigger, ColorPickerValueSwatch, ColorPickerValueText, ColorPickerView, colorPickerAnatomy, parse as parseColor, useColorPicker, useColorPickerContext } from '../../chunk/FAC6JW4M.js';

package/dist/components/color-picker/index.jsx

@@ -33,11 +33,11 @@ import {
   parse,
   useColorPicker,
   useColorPickerContext
-} from "../../chunk/DJ375Z4C.jsx";
+} from "../../chunk/XUCRRVV2.jsx";
 import "../../chunk/JC46XP74.jsx";
 import "../../chunk/ZYF7GVNI.jsx";
+import "../../chunk/PSNFSH4B.jsx";
 import "../../chunk/DOBZPYAN.jsx";
-import "../../chunk/A4744EEE.jsx";
 import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";

package/dist/components/combobox/index.d.ts

@@ -5,11 +5,11 @@ export { createListCollection } from '../collection.js';
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
-import { C as CollectionItem, O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
+import { C as CollectionItem, O as Optional, M as MaybeAccessor } from '../../types-Bc0WfPsv.js';
 import { PropTypes } from '@zag-js/solid';
 import { ListCollection, CollectionItem as CollectionItem$1 } from '@zag-js/collection';
 export { CollectionItem, ListCollection } from '@zag-js/collection';
-import { U as UsePresenceProps } from '../../use-presence-B6QV_j94.js';
+import { U as UsePresenceProps } from '../../use-presence-BUVPqaFu.js';
 import '@zag-js/presence';
 import '../../render-strategy-B5MqQP3X.js';
 

package/dist/components/combobox/index.js

@@ -1,2 +1,2 @@
-export { combobox_exports as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, anatomy as comboboxAnatomy, useCombobox, useComboboxContext, useComboboxItemContext } from '../../chunk/GLMPR4B7.js';
+export { combobox_exports as Combobox, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemContext, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxList, ComboboxPositioner, ComboboxRoot, ComboboxRootProvider, ComboboxTrigger, anatomy as comboboxAnatomy, useCombobox, useComboboxContext, useComboboxItemContext } from '../../chunk/GP7PBPSV.js';
 export { createListCollection } from '../../chunk/OAPCRIL5.js';

package/dist/components/combobox/index.jsx

@@ -21,11 +21,11 @@ import {
   useCombobox,
   useComboboxContext,
   useComboboxItemContext
-} from "../../chunk/2XUYX7MZ.jsx";
+} from "../../chunk/7HMNRDMK.jsx";
 import "../../chunk/JC46XP74.jsx";
 import "../../chunk/ZYF7GVNI.jsx";
+import "../../chunk/PSNFSH4B.jsx";
 import "../../chunk/DOBZPYAN.jsx";
-import "../../chunk/A4744EEE.jsx";
 import {
   createListCollection
 } from "../../chunk/MOG4V2NQ.jsx";

package/dist/components/date-picker/index.d.ts

@@ -5,8 +5,8 @@ import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional, M as MaybeAccessor, A as Assign } from '../../types-CxryXVkR.js';
-import { U as UsePresenceProps } from '../../use-presence-B6QV_j94.js';
+import { O as Optional, M as MaybeAccessor, A as Assign } from '../../types-Bc0WfPsv.js';
+import { U as UsePresenceProps } from '../../use-presence-BUVPqaFu.js';
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 import '@zag-js/presence';
 import '../../render-strategy-B5MqQP3X.js';

package/dist/components/date-picker/index.js

@@ -1 +1 @@
-export { date_picker_exports as DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, datePickerAnatomy, parse as parseDate, useDatePicker, useDatePickerContext } from '../../chunk/LK5627GR.js';
+export { date_picker_exports as DatePicker, DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInput, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPresetTrigger, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerRootProvider, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect, datePickerAnatomy, parse as parseDate, useDatePicker, useDatePickerContext } from '../../chunk/BPPSBY3Z.js';

package/dist/components/date-picker/index.jsx

@@ -30,8 +30,9 @@ import {
   parse,
   useDatePicker,
   useDatePickerContext
-} from "../../chunk/CABZW4BQ.jsx";
-import "../../chunk/A4744EEE.jsx";
+} from "../../chunk/4Y2CGAFZ.jsx";
+import "../../chunk/PSNFSH4B.jsx";
+import "../../chunk/DOBZPYAN.jsx";
 import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/UFYZ7HLU.jsx";

package/dist/components/dialog/index.d.ts

@@ -5,8 +5,8 @@ import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { PropTypes } from '@zag-js/solid';
-import { O as Optional, M as MaybeAccessor } from '../../types-CxryXVkR.js';
-import { U as UsePresenceProps } from '../../use-presence-B6QV_j94.js';
+import { O as Optional, M as MaybeAccessor } from '../../types-Bc0WfPsv.js';
+import { U as UsePresenceProps } from '../../use-presence-BUVPqaFu.js';
 import '@zag-js/presence';
 import '../../render-strategy-B5MqQP3X.js';
 

package/dist/components/dialog/index.js

@@ -1 +1 @@
-export { dialog_exports as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogPositioner, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, anatomy as dialogAnatomy, useDialog, useDialogContext } from '../../chunk/ZGXZNLX2.js';
+export { dialog_exports as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogPositioner, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, anatomy as dialogAnatomy, useDialog, useDialogContext } from '../../chunk/5N6RITOU.js';