@ark-ui/solid 4.10.1 → 5.0.0

package/dist/chunk/{Q7NPTAJI.js → NNZQ2FQW.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';
@@ -62,19 +62,18 @@ var CarouselPrevTrigger = (props) => {
   const mergedProps = mergeProps(() => api().getPrevTriggerProps(), props);
   return createComponent(ark.button, mergedProps);
 };
-var useCarousel = (props = {}) => {
+var useCarousel = (props) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    index: props.defaultPage,
     ...props
   }));
-  const [state, send] = useMachine(carousel.machine(context()), { context });
-  return createMemo(() => carousel.connect(state, send, normalizeProps));
+  const service = useMachine(carousel.machine, machineProps);
+  return createMemo(() => carousel.connect(service, normalizeProps));
 };
 
 // src/components/carousel/carousel-root.tsx

package/dist/chunk/{FS3LMJ37.jsx → O5AHG7DQ.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./MSHQY44G.jsx";
+} from "./XHA6B6L2.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -9,13 +9,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";
@@ -32,16 +32,16 @@ var RatingGroupContext = (props) => props.children(useRatingGroupContext());
 // src/components/rating-group/rating-group-control.tsx
 import { mergeProps } from "@zag-js/solid";
 var RatingGroupControl = (props) => {
-  const ratingGroup = useRatingGroupContext();
-  const mergedProps = mergeProps(() => ratingGroup().getControlProps(), props);
+  const ratingGroup2 = useRatingGroupContext();
+  const mergedProps = mergeProps(() => ratingGroup2().getControlProps(), props);
   return <ark.div {...mergedProps} />;
 };
 
 // src/components/rating-group/rating-group-hidden-input.tsx
 import { mergeProps as mergeProps2 } from "@zag-js/solid";
 var RatingGroupHiddenInput = (props) => {
-  const ratingGroup = useRatingGroupContext();
-  const mergedProps = mergeProps2(() => ratingGroup().getHiddenInputProps(), props);
+  const ratingGroup2 = useRatingGroupContext();
+  const mergedProps = mergeProps2(() => ratingGroup2().getHiddenInputProps(), props);
   const field = useFieldContext();
   return <ark.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
 };
@@ -82,15 +82,15 @@ var RatingGroupLabel = (props) => {
 import { mergeProps as mergeProps5 } from "@zag-js/solid";
 
 // src/components/rating-group/use-rating-group.ts
-import * as rating from "@zag-js/rating-group";
+import * as ratingGroup from "@zag-js/rating-group";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo as createMemo2, createUniqueId } from "solid-js";
 var useRatingGroup = (props = {}) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
   const field = useFieldContext();
-  const context = createMemo2(() => ({
+  const machineProps = createMemo2(() => ({
     id,
     ids: {
       label: field?.().ids.label,
@@ -101,11 +101,10 @@ var useRatingGroup = (props = {}) => {
     required: field?.().required,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    value: props.defaultValue,
     ...props
   }));
-  const [state, send] = useMachine(rating.machine(context()), { context });
-  return createMemo2(() => rating.connect(state, send, normalizeProps));
+  const service = useMachine(ratingGroup.machine, machineProps);
+  return createMemo2(() => ratingGroup.connect(service, normalizeProps));
 };
 
 // src/components/rating-group/rating-group-root.tsx
@@ -137,11 +136,9 @@ var RatingGroupRoot = (props) => {
 // src/components/rating-group/rating-group-root-provider.tsx
 import { mergeProps as mergeProps6 } from "@zag-js/solid";
 var RatingGroupRootProvider = (props) => {
-  const [{ value: ratingGroup }, localProps] = createSplitProps()(props, [
-    "value"
-  ]);
-  const mergedProps = mergeProps6(() => ratingGroup().getRootProps(), localProps);
-  return <RatingGroupProvider value={ratingGroup}>
+  const [{ value: ratingGroup2 }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps6(() => ratingGroup2().getRootProps(), localProps);
+  return <RatingGroupProvider value={ratingGroup2}>
       <ark.div {...mergedProps} />
     </RatingGroupProvider>;
 };

package/dist/chunk/{6YQ3EF2J.js → O62NKGT4.js}

@@ -1,10 +1,10 @@
-import { usePresence, usePresenceContext, splitPresenceProps, PresenceProvider } from './LCESUDZB.js';
-import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
+import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './WRLQ7Y6E.js';
+import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.js';
 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';
@@ -75,19 +75,17 @@ var DialogPositioner = (props) => {
   });
 };
 var useDialog = (props = {}) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
     ...props
   }));
-  const [state, send] = useMachine(dialog.machine(context()), { context });
-  return createMemo(() => dialog.connect(state, send, normalizeProps));
+  const service = useMachine(dialog.machine, machineProps);
+  return createMemo(() => dialog.connect(service, normalizeProps));
 };
 
 // src/components/dialog/dialog-root.tsx

package/dist/chunk/{2J42A7KM.js → OA5UZFKE.js}

@@ -1,6 +1,6 @@
 import { composeRefs } from './XN6EERRM.js';
-import { EnvironmentProvider } from './QODB3C3M.js';
-import { createComponent, use, spread, insert, Portal, template } from 'solid-js/web';
+import { EnvironmentProvider } from './6MQ6S5JP.js';
+import { createComponent, template, use, spread, insert, Portal } from 'solid-js/web';
 import { splitProps, createMemo, createSignal, createEffect, onCleanup, Show } from 'solid-js';
 
 var FrameContent = (props) => {

package/dist/chunk/{CPMYIT5J.jsx → OAH52ZNM.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./E72NMPSK.jsx";
+} from "./2FYSIKNK.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -12,13 +12,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";
@@ -89,16 +89,14 @@ var useHoverCard = (props = {}) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
     ...props
   }));
-  const [state, send] = useMachine(hoverCard.machine(context()), { context });
-  return createMemo(() => hoverCard.connect(state, send, normalizeProps));
+  const service = useMachine(hoverCard.machine, machineProps);
+  return createMemo(() => hoverCard.connect(service, normalizeProps));
 };
 
 // src/components/hover-card/hover-card-root.tsx
@@ -109,7 +107,10 @@ var HoverCardRoot = (props) => {
     "defaultOpen",
     "id",
     "ids",
+    "onFocusOutside",
+    "onInteractOutside",
     "onOpenChange",
+    "onPointerDownOutside",
     "open",
     "openDelay",
     "positioning"
@@ -125,9 +126,7 @@ var HoverCardRoot = (props) => {
 import { mergeProps as mergeProps6 } from "@zag-js/solid";
 var HoverCardRootProvider = (props) => {
   const [presenceProps, hoverCardProps] = splitPresenceProps(props);
-  const presence = usePresence(
-    mergeProps6(presenceProps, () => ({ present: hoverCardProps.value().open }))
-  );
+  const presence = usePresence(mergeProps6(presenceProps, () => ({ present: hoverCardProps.value().open })));
   return <HoverCardProvider value={hoverCardProps.value}>
       <PresenceProvider value={presence}>{hoverCardProps.children}</PresenceProvider>
     </HoverCardProvider>;

package/dist/chunk/OAPCRIL5.js

@@ -0,0 +1,8 @@
+import { ListCollection, TreeCollection, filePathToTree } from '@zag-js/collection';
+
+// src/components/collection.ts
+var createListCollection = (options) => new ListCollection(options);
+var createTreeCollection = (options) => new TreeCollection(options);
+var createFileTreeCollection = (paths) => filePathToTree(paths);
+
+export { createFileTreeCollection, createListCollection, createTreeCollection };

package/dist/chunk/{T4NRAKVA.jsx → OEZAIQU2.jsx}

@@ -1,12 +1,12 @@
 import {
   PresenceProvider,
   usePresence
-} from "./E72NMPSK.jsx";
+} from "./2FYSIKNK.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";
@@ -95,18 +95,17 @@ import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as tabs from "@zag-js/tabs";
 import { createMemo, createUniqueId } from "solid-js";
 var useTabs = (props = {}) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    value: props.defaultValue,
     ...props
   }));
-  const [state, send] = useMachine(tabs.machine(context()), { context });
-  return createMemo(() => tabs.connect(state, send, normalizeProps));
+  const service = useMachine(tabs.machine, machineProps);
+  return createMemo(() => tabs.connect(service, normalizeProps));
 };
 
 // src/components/tabs/tabs-root.tsx

package/dist/chunk/{YV5BACLX.js → OIGKROX4.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, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -46,23 +46,23 @@ var ProgressRange = (props) => {
   return createComponent(ark.div, mergedProps);
 };
 var useProgress = (props = {}) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
+    locale: locale().locale,
     getRootNode: environment().getRootNode,
-    value: props.defaultValue,
     ...props
   }));
-  const [state, send] = useMachine(progress.machine(context()), { context });
-  return createMemo(() => progress.connect(state, send, normalizeProps));
+  const service = useMachine(progress.machine, machineProps);
+  return createMemo(() => progress.connect(service, normalizeProps));
 };
 
 // src/components/progress/progress-root.tsx
 var ProgressRoot = (props) => {
-  const [progressProps, localProps] = createSplitProps()(props, ["defaultValue", "id", "ids", "max", "min", "onValueChange", "orientation", "translations", "value"]);
+  const [progressProps, localProps] = createSplitProps()(props, ["defaultValue", "formatOptions", "id", "ids", "locale", "max", "min", "onValueChange", "orientation", "translations", "value"]);
   const api = useProgress(progressProps);
   const mergedProps = mergeProps(() => api().getRootProps(), localProps);
   return createComponent(ProgressProvider, {

package/dist/chunk/{IQJBNZOX.jsx → PES3MXH3.jsx}

@@ -6,10 +6,10 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./5O4RWSWO.jsx";
+} from "./BPYAMTER.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -70,23 +70,25 @@ import * as clipboard from "@zag-js/clipboard";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import { createMemo, createUniqueId } from "solid-js";
 var useClipboard = (props = {}) => {
-  const environment = useEnvironmentContext();
   const id = createUniqueId();
-  const context = createMemo(() => ({
+  const environment = useEnvironmentContext();
+  const machineProps = createMemo(() => ({
     id,
     getRootNode: environment().getRootNode,
     ...props
   }));
-  const [state, send] = useMachine(clipboard.machine(context()), { context });
-  return createMemo(() => clipboard.connect(state, send, normalizeProps));
+  const service = useMachine(clipboard.machine, machineProps);
+  return createMemo(() => clipboard.connect(service, normalizeProps));
 };
 
 // src/components/clipboard/clipboard-root.tsx
 var ClipboardRoot = (props) => {
   const [useClipboardProps, localProps] = createSplitProps()(props, [
+    "defaultValue",
     "id",
     "ids",
     "onStatusChange",
+    "onValueChange",
     "timeout",
     "value"
   ]);

package/dist/chunk/{3V3HI6QW.js → PJNGX4UT.js}

@@ -1,9 +1,9 @@
-import { useFieldContext } from './632HFNZF.js';
+import { useFieldContext } from './KMFRZGLF.js';
 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, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -126,11 +126,11 @@ var FileUploadLabel = (props) => {
   return createComponent(ark.label, mergedProps);
 };
 var useFileUpload = (props = {}) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
   const field = useFieldContext();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     ids: {
       label: field?.().ids.label,
@@ -138,13 +138,14 @@ var useFileUpload = (props = {}) => {
     },
     dir: locale().dir,
     disabled: field?.().disabled,
+    locale: locale().locale,
     required: field?.().required,
     invalid: field?.().invalid,
     getRootNode: environment().getRootNode,
     ...props
   }));
-  const [state, send] = useMachine(fileUpload.machine(context()), { context });
-  return createMemo(() => fileUpload.connect(state, send, normalizeProps));
+  const service = useMachine(fileUpload.machine, machineProps);
+  return createMemo(() => fileUpload.connect(service, normalizeProps));
 };
 
 // src/components/file-upload/file-upload-root.tsx

package/dist/chunk/{3HMZSTYX.js → PL4PGQFF.js}

@@ -1,9 +1,9 @@
-import { splitRenderStrategyProps } from './L7OSYHVR.js';
+import { splitRenderStrategyProps } from './QFAL6GWC.js';
 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';
@@ -34,25 +34,23 @@ var CollapsibleContent = (props) => {
 // src/components/collapsible/collapsible-context.tsx
 var CollapsibleContext = (props) => props.children(useCollapsibleContext());
 var useCollapsible = (props = {}) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const [renderStrategyProps, collapsibleProps] = splitRenderStrategyProps(props);
-  const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
     ...collapsibleProps
   }));
-  const [state, send] = useMachine(collapsible.machine(context()), { context });
+  const service = useMachine(collapsible.machine, machineProps);
   const [wasVisible, setWasVisible] = createSignal(false);
   createEffect(() => {
     const isPresent = api().visible;
     if (isPresent) setWasVisible(true);
   });
-  const api = createMemo(() => collapsible.connect(state, send, normalizeProps));
+  const api = createMemo(() => collapsible.connect(service, normalizeProps));
   return createMemo(() => ({
     ...api(),
     unmounted: !api().visible && !wasVisible() && renderStrategyProps.lazyMount || renderStrategyProps.unmountOnExit && !api().visible && wasVisible()

package/dist/chunk/{RH2PDRKN.jsx → POFK2TVP.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./MSHQY44G.jsx";
+} from "./XHA6B6L2.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -9,13 +9,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";
@@ -62,11 +62,11 @@ import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as zagSwitch from "@zag-js/switch";
 import { createMemo, createUniqueId } from "solid-js";
 var useSwitch = (props = {}) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId();
   const field = useFieldContext();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     ids: {
       label: field?.().ids.label,
@@ -78,11 +78,10 @@ var useSwitch = (props = {}) => {
     required: field?.().required,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    checked: props.defaultChecked,
     ...props
   }));
-  const [state, send] = useMachine(zagSwitch.machine(context()), { context });
-  return createMemo(() => zagSwitch.connect(state, send, normalizeProps));
+  const service = useMachine(zagSwitch.machine, machineProps);
+  return createMemo(() => zagSwitch.connect(service, normalizeProps));
 };
 
 // src/components/switch/switch-root.tsx