@ark-ui/solid 4.10.1 → 5.0.0

package/dist/chunk/{SJSLQDBZ.jsx → YE6V66JY.jsx}

@@ -1,12 +1,12 @@
 import {
   collapsible_exports,
   useCollapsibleContext
-} from "./B7LE23PE.jsx";
+} from "./H5QZC4VW.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
   useRenderStrategyContext
-} from "./5ONYCKM3.jsx";
+} from "./NEBB7COJ.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -15,13 +15,13 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./5O4RWSWO.jsx";
+} from "./BPYAMTER.jsx";
 import {
   useLocaleContext
-} from "./3QQZKR3F.jsx";
+} from "./RCXMZN3G.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -80,10 +80,7 @@ var AccordionItemContent = (props) => {
   const itemProps = useAccordionItemPropsContext();
   const itemContentProps = createMemo2(() => {
     const contentProps = accordion2().getItemContentProps(itemProps);
-    const [, ownProps] = splitVisibilityProps(contentProps, [
-      "hidden",
-      "data-state"
-    ]);
+    const [, ownProps] = splitVisibilityProps(contentProps, ["hidden", "data-state"]);
     return ownProps;
   });
   const mergedProps = mergeProps2(() => itemContentProps(), props);
@@ -125,17 +122,14 @@ var useAccordion = (props = {}) => {
   const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = createMemo3(() => ({
+  const machineProps = createMemo3(() => ({
     id,
     dir: locale().dir,
-    value: props.defaultValue,
     getRootNode: environment().getRootNode,
     ...props
   }));
-  const [state, send] = useMachine(accordion.machine(context()), {
-    context
-  });
-  return createMemo3(() => accordion.connect(state, send, normalizeProps));
+  const service = useMachine(accordion.machine, machineProps);
+  return createMemo3(() => accordion.connect(service, normalizeProps));
 };
 
 // src/components/accordion/accordion-root.tsx
@@ -166,9 +160,7 @@ var AccordionRoot = (props) => {
 import { mergeProps as mergeProps6 } from "@zag-js/solid";
 var AccordionRootProvider = (props) => {
   const [renderStrategyProps, accordionProps] = splitRenderStrategyProps(props);
-  const [{ value: accordion2 }, localProps] = createSplitProps()(accordionProps, [
-    "value"
-  ]);
+  const [{ value: accordion2 }, localProps] = createSplitProps()(accordionProps, ["value"]);
   const mergedProps = mergeProps6(() => accordion2().getRootProps(), localProps);
   return <AccordionProvider value={accordion2}>
       <RenderStrategyProvider value={renderStrategyProps}>

package/dist/chunk/{W43X4SNE.js → YS6KIHEB.js}

@@ -1,8 +1,8 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './QODB3C3M.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
-import { createContext } from './I5UG2QUO.js';
+import { useEnvironmentContext } from './6MQ6S5JP.js';
+import { useLocaleContext } from './QEMQBM6W.js';
+import { createContext } from './TROPIN4C.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -32,14 +32,14 @@ var useAvatar = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
     ...props
   }));
-  const [state, send] = useMachine(avatar.machine(context()), { context });
-  return createMemo(() => avatar.connect(state, send, normalizeProps));
+  const service = useMachine(avatar.machine, machineProps);
+  return createMemo(() => avatar.connect(service, normalizeProps));
 };
 
 // src/components/avatar/avatar-root.tsx

package/dist/chunk/{FVMQXW27.jsx → ZOMTU4P2.jsx}

@@ -3,12 +3,12 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./E72NMPSK.jsx";
+} from "./2FYSIKNK.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
   useRenderStrategyContext
-} from "./5ONYCKM3.jsx";
+} from "./NEBB7COJ.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -17,13 +17,13 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./5O4RWSWO.jsx";
+} from "./BPYAMTER.jsx";
 import {
   useLocaleContext
-} from "./3QQZKR3F.jsx";
+} from "./RCXMZN3G.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -39,14 +39,10 @@ var [TourProvider, useTourContext] = createContext({
 
 // src/components/tour/tour-action-trigger.tsx
 var TourActionTrigger = (props) => {
-  const [actionTriggerProps, localProps] = createSplitProps()(props, [
-    "action"
-  ]);
+  const [actionTriggerProps, localProps] = createSplitProps()(props, ["action"]);
   const tour2 = useTourContext();
   const mergedProps = mergeProps(() => tour2().getActionTriggerProps(actionTriggerProps), localProps);
-  return <ark.button {...mergedProps}>
-      {mergedProps.children || actionTriggerProps.action.label}
-    </ark.button>;
+  return <ark.button {...mergedProps}>{mergedProps.children || actionTriggerProps.action.label}</ark.button>;
 };
 
 // src/components/tour/tour-actions.tsx
@@ -157,9 +153,7 @@ import { mergeProps as mergeProps10 } from "@zag-js/solid";
 var TourProgressText = (props) => {
   const tour2 = useTourContext();
   const mergedProps = mergeProps10(() => tour2().getProgressTextProps(), props);
-  return <ark.div {...mergedProps}>
-			{mergedProps.children || tour2().getProgressText()}
-		</ark.div>;
+  return <ark.div {...mergedProps}>{mergedProps.children || tour2().getProgressText()}</ark.div>;
 };
 
 // src/components/tour/tour-root.tsx
@@ -167,9 +161,7 @@ import { mergeProps as mergeProps11 } from "@zag-js/solid";
 var TourRoot = (props) => {
   const [presenceProps, rootProps] = splitPresenceProps(props);
   const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
-  const presence = usePresence(
-    mergeProps11(presenceProps, () => ({ present: rootProps.tour().open }))
-  );
+  const presence = usePresence(mergeProps11(presenceProps, () => ({ present: rootProps.tour().open })));
   return <TourProvider value={rootProps.tour}>
       <RenderStrategyProvider value={renderStrategyProps}>
         <PresenceProvider value={presence}>{rootProps.children}</PresenceProvider>
@@ -210,16 +202,14 @@ var useTour = (props = {}) => {
   const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
     ...props
   }));
-  const [state, send] = useMachine(tour.machine(context()), {
-    context
-  });
-  return createMemo(() => tour.connect(state, send, normalizeProps));
+  const service = useMachine(tour.machine, machineProps);
+  return createMemo(() => tour.connect(service, normalizeProps));
 };
 
 // src/components/tour/tour.ts

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

@@ -5,15 +5,10 @@ import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { PropTypes } from '@zag-js/solid';
 import { O as Optional } from '../../types-B277wCdv.js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { R as RenderStrategyProps } from '../../render-strategy-B5MqQP3X.js';
 
-interface UseAccordionProps extends Optional<Omit<accordion$1.Context, 'dir' | 'getRootNode'>, 'id'> {
-    /**
-     * The initial value of the accordion when it is first rendered.
-     * Use when you do not need to control the state of the color picker.
-     */
-    defaultValue?: accordion$1.Context['value'];
+interface UseAccordionProps extends Optional<Omit<accordion$1.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 interface UseAccordionReturn extends Accessor<accordion$1.Api<PropTypes>> {
 }

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/34OZO53S.js';
+export { accordion_exports as Accordion, AccordionContext, AccordionItem, AccordionItemContent, AccordionItemContext, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, AccordionRootProvider, anatomy as accordionAnatomy, useAccordion, useAccordionContext, useAccordionItemContext } from '../../chunk/DVI7TRLG.js';

package/dist/components/accordion/index.jsx

@@ -12,16 +12,15 @@ import {
   useAccordion,
   useAccordionContext,
   useAccordionItemContext
-} from "../../chunk/SJSLQDBZ.jsx";
-import "../../chunk/B7LE23PE.jsx";
-import "../../chunk/5ONYCKM3.jsx";
+} from "../../chunk/YE6V66JY.jsx";
+import "../../chunk/H5QZC4VW.jsx";
+import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
-import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/BPYAMTER.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   accordion_exports as Accordion,

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

@@ -5,9 +5,9 @@ import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { PropTypes } from '@zag-js/solid';
 import { O as Optional } from '../../types-B277wCdv.js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
 
-interface UseAvatarProps extends Optional<Omit<avatar$1.Context, 'dir' | 'getRootNode'>, 'id'> {
+interface UseAvatarProps extends Optional<Omit<avatar$1.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 interface UseAvatarReturn extends Accessor<avatar$1.Api<PropTypes>> {
 }

package/dist/components/avatar/index.js

@@ -1 +1 @@
-export { avatar_exports as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, anatomy as avatarAnatomy, useAvatar, useAvatarContext } from '../../chunk/W43X4SNE.js';
+export { avatar_exports as Avatar, AvatarContext, AvatarFallback, AvatarImage, AvatarRoot, AvatarRootProvider, anatomy as avatarAnatomy, useAvatar, useAvatarContext } from '../../chunk/YS6KIHEB.js';

package/dist/components/avatar/index.jsx

@@ -8,14 +8,13 @@ import {
   avatar_exports,
   useAvatar,
   useAvatarContext
-} from "../../chunk/NK4T7LIZ.jsx";
+} from "../../chunk/H7SWP54F.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
-import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/BPYAMTER.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   avatar_exports as Avatar,

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

@@ -3,7 +3,7 @@ import { IndicatorProps, ItemProps, AutoplayStatusDetails, DragStatusDetails, Pa
 export { AutoplayStatusDetails as CarouselAutoplayStatusDetails, DragStatusDetails as CarouselDragStatusDetails, PageChangeDetails as CarouselPageChangeDetails, anatomy as carouselAnatomy } from '@zag-js/carousel';
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { PropTypes } from '@zag-js/solid';
 import { O as Optional } from '../../types-B277wCdv.js';
 
@@ -13,16 +13,11 @@ interface CarouselAutoplayTriggerProps extends HTMLProps<'button'>, CarouselAuto
 }
 declare const CarouselAutoplayTrigger: (props: CarouselAutoplayTriggerProps) => solid_js.JSX.Element;
 
-interface UseCarouselProps extends Optional<Omit<carousel$1.Context, 'dir' | 'getRootNode'>, 'id'> {
-    /**
-     * The initial page of the carousel when it is first rendered.
-     * Use this when you do not need to control the state of the carousel.
-     */
-    defaultPage?: carousel$1.Context['page'];
+interface UseCarouselProps extends Optional<Omit<carousel$1.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 interface UseCarouselReturn extends Accessor<carousel$1.Api<PropTypes>> {
 }
-declare const useCarousel: (props?: UseCarouselProps) => UseCarouselReturn;
+declare const useCarousel: (props: UseCarouselProps) => UseCarouselReturn;
 
 interface UseCarouselContext extends UseCarouselReturn {
 }

package/dist/components/carousel/index.js

@@ -1 +1 @@
-export { carousel_exports as Carousel, CarouselAutoplayTrigger, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, anatomy as carouselAnatomy, useCarousel, useCarouselContext } from '../../chunk/Q7NPTAJI.js';
+export { carousel_exports as Carousel, CarouselAutoplayTrigger, CarouselContext, CarouselControl, CarouselIndicator, CarouselIndicatorGroup, CarouselItem, CarouselItemGroup, CarouselNextTrigger, CarouselPrevTrigger, CarouselRoot, CarouselRootProvider, anatomy as carouselAnatomy, useCarousel, useCarouselContext } from '../../chunk/NNZQ2FQW.js';

package/dist/components/carousel/index.jsx

@@ -14,14 +14,13 @@ import {
   carousel_exports,
   useCarousel,
   useCarouselContext
-} from "../../chunk/2HTNQLGP.jsx";
+} from "../../chunk/676ULDTZ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
-import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/BPYAMTER.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   carousel_exports as Carousel,

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

@@ -5,15 +5,10 @@ import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { PropTypes } from '@zag-js/solid';
 import { O as Optional } from '../../types-B277wCdv.js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 
-interface UseCheckboxProps extends Optional<Omit<checkbox$1.Context, 'dir' | 'getRootNode'>, 'id'> {
-    /**
-     * The checked state of the checkbox when it is first rendered.
-     * Use this when you do not need to control the state of the checkbox.
-     */
-    defaultChecked?: checkbox$1.Context['checked'];
+interface UseCheckboxProps extends Optional<Omit<checkbox$1.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 interface UseCheckboxReturn extends Accessor<checkbox$1.Api<PropTypes>> {
 }
@@ -131,7 +126,7 @@ interface CheckboxRootProviderProps extends HTMLProps<'label'>, RootProviderProp
 }
 declare const CheckboxRootProvider: (props: CheckboxRootProviderProps) => solid_js.JSX.Element;
 
-declare const checkboxAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "group" | "root" | "control" | "indicator">;
+declare const checkboxAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "root" | "group" | "indicator" | "control">;
 
 interface UseCheckboxGroupContext extends UseCheckboxGroupReturn {
 }

package/dist/components/checkbox/index.js

@@ -1 +1 @@
-export { checkbox_exports as Checkbox, CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, checkboxAnatomy, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from '../../chunk/7KPVYYFT.js';
+export { checkbox_exports as Checkbox, CheckboxContext, CheckboxControl, CheckboxGroup, CheckboxHiddenInput, CheckboxIndicator, CheckboxLabel, CheckboxRoot, CheckboxRootProvider, checkboxAnatomy, useCheckbox, useCheckboxContext, useCheckboxGroup, useCheckboxGroupContext } from '../../chunk/WT3OTYHP.js';

package/dist/components/checkbox/index.jsx

@@ -13,17 +13,16 @@ import {
   useCheckboxContext,
   useCheckboxGroup,
   useCheckboxGroupContext
-} from "../../chunk/RVUYRERH.jsx";
-import "../../chunk/52WUF3CY.jsx";
-import "../../chunk/MSHQY44G.jsx";
-import "../../chunk/RZBYC7DR.jsx";
+} from "../../chunk/4D76BVTD.jsx";
+import "../../chunk/XHA6B6L2.jsx";
+import "../../chunk/SBLZHOW2.jsx";
+import "../../chunk/DOBZPYAN.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
-import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/BPYAMTER.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   checkbox_exports as Checkbox,

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

@@ -5,9 +5,9 @@ import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
 import { PropTypes } from '@zag-js/solid';
 import { O as Optional } from '../../types-B277wCdv.js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
 
-interface UseClipboardProps extends Optional<Omit<clipboard$1.Context, 'dir' | 'getRootNode'>, 'id'> {
+interface UseClipboardProps extends Optional<Omit<clipboard$1.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 interface UseClipboardReturn extends Accessor<clipboard$1.Api<PropTypes>> {
 }

package/dist/components/clipboard/index.js

@@ -1 +1 @@
-export { clipboard_exports as Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, ClipboardValueText, anatomy as clipboardAnatomy, useClipboard, useClipboardContext } from '../../chunk/5CYHETDY.js';
+export { clipboard_exports as Clipboard, ClipboardContext, ClipboardControl, ClipboardIndicator, ClipboardInput, ClipboardLabel, ClipboardRoot, ClipboardRootProvider, ClipboardTrigger, ClipboardValueText, anatomy as clipboardAnatomy, useClipboard, useClipboardContext } from '../../chunk/UIAQFG6P.js';

package/dist/components/clipboard/index.jsx

@@ -12,14 +12,13 @@ import {
   clipboard_exports,
   useClipboard,
   useClipboardContext
-} from "../../chunk/IQJBNZOX.jsx";
+} from "../../chunk/PES3MXH3.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
-import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/BPYAMTER.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   clipboard_exports as Clipboard,

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

@@ -3,7 +3,7 @@ import { OpenChangeDetails } from '@zag-js/collapsible';
 export { OpenChangeDetails as CollapsibleOpenChangeDetails, anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { PropTypes } from '@zag-js/solid';
 import { O as Optional } from '../../types-B277wCdv.js';
 import { R as RenderStrategyProps } from '../../render-strategy-B5MqQP3X.js';
@@ -14,12 +14,7 @@ interface CollapsibleContentProps extends HTMLProps<'div'>, CollapsibleContentBa
 }
 declare const CollapsibleContent: (props: CollapsibleContentProps) => solid_js.JSX.Element;
 
-interface UseCollapsibleProps extends Optional<Omit<collapsible$1.Context, 'dir' | 'getRootNode' | 'open.controlled'>, 'id'>, RenderStrategyProps {
-    /**
-     * The initial open state of the collapsible when it is first rendered.
-     * Use when you do not need to control its open state.
-     */
-    defaultOpen?: collapsible$1.Context['open'];
+interface UseCollapsibleProps extends Optional<Omit<collapsible$1.Props, 'dir' | 'getRootNode'>, 'id'>, RenderStrategyProps {
 }
 interface UseCollapsibleReturn extends Accessor<collapsible$1.Api<PropTypes> & {
     /**

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/3HMZSTYX.js';
+export { collapsible_exports as Collapsible, CollapsibleContent, CollapsibleContext, CollapsibleRoot, CollapsibleRootProvider, CollapsibleTrigger, anatomy as collapsibleAnatomy, useCollapsible, useCollapsibleContext } from '../../chunk/PL4PGQFF.js';

package/dist/components/collapsible/index.jsx

@@ -8,15 +8,14 @@ import {
   collapsible_exports,
   useCollapsible,
   useCollapsibleContext
-} from "../../chunk/B7LE23PE.jsx";
-import "../../chunk/5ONYCKM3.jsx";
+} from "../../chunk/H5QZC4VW.jsx";
+import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
-import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/BPYAMTER.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   collapsible_exports as Collapsible,

package/dist/components/collection.d.ts

@@ -1,9 +1,9 @@
-import { CollectionOptions, ListCollection, TreeCollectionOptions, TreeCollection, FilePathTreeNode } from '@zag-js/collection';
+import { CollectionItem, CollectionOptions, ListCollection, TreeCollection, FilePathTreeNode, TreeNode, TreeCollectionOptions } from '@zag-js/collection';
 export { CollectionItem, ListCollection, TreeCollection, TreeNode } from '@zag-js/collection';
 
-declare const createListCollection: <T extends unknown>(options: CollectionOptions<T>) => ListCollection<T>;
+declare const createListCollection: <T extends CollectionItem>(options: CollectionOptions<T>) => ListCollection<T>;
 
-declare const createTreeCollection: <T extends unknown>(options: TreeCollectionOptions<T>) => TreeCollection<T>;
+declare const createTreeCollection: <T extends TreeNode>(options: TreeCollectionOptions<T>) => TreeCollection<T>;
 declare const createFileTreeCollection: (paths: string[]) => TreeCollection<FilePathTreeNode>;
 
 export { createFileTreeCollection, createListCollection, createTreeCollection };

package/dist/components/collection.js

@@ -1 +1 @@
-export { createFileTreeCollection, createListCollection, createTreeCollection } from '../chunk/CTTG4GSG.js';
+export { createFileTreeCollection, createListCollection, createTreeCollection } from '../chunk/OAPCRIL5.js';

package/dist/components/collection.jsx

@@ -2,7 +2,7 @@ import {
   createFileTreeCollection,
   createListCollection,
   createTreeCollection
-} from "../chunk/JHG4EID2.jsx";
+} from "../chunk/MOG4V2NQ.jsx";
 import "../chunk/7IUG3E2V.jsx";
 export {
   createFileTreeCollection,

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

@@ -3,10 +3,10 @@ import { AreaProps, ChannelInputProps, ChannelProps, SwatchProps, SwatchTriggerP
 export { Color, ColorFormat as ColorPickerColorFormat, FormatChangeDetails as ColorPickerFormatChangeDetails, OpenChangeDetails as ColorPickerOpenChangeDetails, ValueChangeDetails as ColorPickerValueChangeDetails, parse as parseColor } from '@zag-js/color-picker';
 import * as solid_js from 'solid-js';
 import { Accessor, JSX } from 'solid-js';
-import { PolymorphicProps, HTMLProps } from '../factory.js';
+import { HTMLProps, PolymorphicProps } from '../factory.js';
 import { PropTypes } from '@zag-js/solid';
 import { O as Optional, A as Assign } from '../../types-B277wCdv.js';
-import { U as UsePresenceProps } from '../../use-presence-Ct1onT3-.js';
+import { U as UsePresenceProps } from '../../use-presence-C07V_WCb.js';
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 import '@zag-js/presence';
 import '../../render-strategy-B5MqQP3X.js';
@@ -71,17 +71,7 @@ interface ColorPickerContentProps extends HTMLProps<'div'>, ColorPickerContentBa
 }
 declare const ColorPickerContent: (props: ColorPickerContentProps) => solid_js.JSX.Element;
 
-interface UseColorPickerProps extends Optional<Omit<colorPicker$1.Context, 'dir' | 'getRootNode' | 'open.controlled'>, 'id'> {
-    /**
-     * The initial open state of the color picker when it is first rendered.
-     * Use when you do not need to control its open state.
-     */
-    defaultOpen?: colorPicker$1.Context['open'];
-    /**
-     * The initial value of the color picker when it is first rendered.
-     * Use when you do not need to control the state of the color picker.
-     */
-    defaultValue?: colorPicker$1.Context['value'];
+interface UseColorPickerProps extends Optional<Omit<colorPicker$1.Props, 'dir' | 'getRootNode'>, 'id'> {
 }
 interface UseColorPickerReturn extends Accessor<colorPicker$1.Api<PropTypes>> {
 }
@@ -212,7 +202,7 @@ interface ColorPickerViewProps extends HTMLProps<'div'>, ColorPickerViewBaseProp
 }
 declare const ColorPickerView: (props: ColorPickerViewProps) => solid_js.JSX.Element;
 
-declare const colorPickerAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "area" | "view" | "content" | "root" | "trigger" | "control" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
+declare const colorPickerAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "root" | "area" | "view" | "content" | "trigger" | "control" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "valueText" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
 
 declare const colorPicker_Color: typeof Color;
 declare const colorPicker_ColorFormat: typeof ColorFormat;

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/XCNALQF7.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/LFWIA7VB.js';

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

@@ -33,18 +33,18 @@ import {
   parse,
   useColorPicker,
   useColorPickerContext
-} from "../../chunk/N73ADPX5.jsx";
-import "../../chunk/MSHQY44G.jsx";
-import "../../chunk/RZBYC7DR.jsx";
-import "../../chunk/E72NMPSK.jsx";
-import "../../chunk/5ONYCKM3.jsx";
+} from "../../chunk/RG3IJESS.jsx";
+import "../../chunk/XHA6B6L2.jsx";
+import "../../chunk/SBLZHOW2.jsx";
+import "../../chunk/DOBZPYAN.jsx";
+import "../../chunk/2FYSIKNK.jsx";
+import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
-import "../../chunk/ODQYYKL5.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
-import "../../chunk/5O4RWSWO.jsx";
-import "../../chunk/KGOB2IMX.jsx";
-import "../../chunk/3QQZKR3F.jsx";
-import "../../chunk/NMGUCD2L.jsx";
+import "../../chunk/ODQYYKL5.jsx";
+import "../../chunk/BPYAMTER.jsx";
+import "../../chunk/RCXMZN3G.jsx";
+import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {
   color_picker_exports as ColorPicker,