@ark-ui/solid 4.10.1 → 5.0.0

package/dist/chunk/{SN5TXTB6.jsx → JZ7ZQZT4.jsx}

@@ -1,6 +1,3 @@
-import {
-  useControllableState
-} from "./52WUF3CY.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -9,7 +6,7 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -37,13 +34,13 @@ import { mergeProps } from "@zag-js/solid";
 import { Show } from "solid-js";
 var ToggleIndicator = (props) => {
   const { children, fallback, ...restProps } = props;
-  const toggle = useToggleContext();
-  const mergedProps = mergeProps(() => toggle().getIndicatorProps(), restProps);
+  const toggle2 = useToggleContext();
+  const mergedProps = mergeProps(() => toggle2().getIndicatorProps(), restProps);
   return <ark.div {...mergedProps}>
       {
     /* @ts-ignore */
   }
-      <Show when={toggle().pressed} fallback={fallback}>
+      <Show when={toggle2().pressed} fallback={fallback}>
         {children}
       </Show>
     </ark.div>;
@@ -53,51 +50,12 @@ var ToggleIndicator = (props) => {
 import { mergeProps as mergeProps2 } from "@zag-js/solid";
 
 // src/components/toggle/use-toggle.ts
-import { dataAttr } from "@zag-js/dom-query";
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import * as toggle from "@zag-js/toggle";
 import { createMemo } from "solid-js";
-
-// src/components/toggle/toggle.anatomy.ts
-import { createAnatomy } from "@zag-js/anatomy";
-var toggleAnatomy = createAnatomy("toggle", ["root", "indicator"]);
-var parts = toggleAnatomy.build();
-
-// src/components/toggle/use-toggle.ts
 function useToggle(props) {
-  const { defaultPressed, pressed, onPressedChange, disabled } = props;
-  const [pressedState, setPressedState] = useControllableState({
-    defaultValue: !!defaultPressed,
-    value: pressed,
-    onChange: onPressedChange
-  });
-  return createMemo(() => ({
-    pressed: pressedState(),
-    disabled: !!disabled,
-    setPressed: setPressedState,
-    getRootProps() {
-      return {
-        ...parts.root.attrs,
-        type: "button",
-        disabled,
-        "aria-pressed": pressedState(),
-        "data-state": pressedState() ? "on" : "off",
-        "data-pressed": dataAttr(pressedState()),
-        "data-disabled": dataAttr(disabled),
-        onClick(event) {
-          if (event.defaultPrevented) return;
-          if (disabled) return;
-          setPressedState(!pressedState());
-        }
-      };
-    },
-    getIndicatorProps() {
-      return {
-        ...parts.indicator.attrs,
-        "data-disabled": dataAttr(disabled),
-        "data-pressed": dataAttr(pressedState()),
-        "data-state": pressedState() ? "on" : "off"
-      };
-    }
-  }));
+  const service = useMachine(toggle.machine, props);
+  return createMemo(() => toggle.connect(service, normalizeProps));
 }
 
 // src/components/toggle/toggle-root.tsx
@@ -108,19 +66,24 @@ var ToggleRoot = (props) => {
     "disabled",
     "onPressedChange"
   ]);
-  const toggle = useToggle(useToggleProps);
-  const mergedProps = mergeProps2(() => toggle().getRootProps(), localProps);
-  return <ToggleProvider value={toggle}>
+  const toggle2 = useToggle(useToggleProps);
+  const mergedProps = mergeProps2(() => toggle2().getRootProps(), localProps);
+  return <ToggleProvider value={toggle2}>
       <button {...mergedProps} />
     </ToggleProvider>;
 };
 
+// src/components/toggle/toggle.anatomy.ts
+import { createAnatomy } from "@zag-js/anatomy";
+var toggleAnatomy = createAnatomy("toggle", ["root", "indicator"]);
+var parts = toggleAnatomy.build();
+
 export {
   useToggleContext,
   ToggleContext,
   ToggleIndicator,
-  toggleAnatomy,
   useToggle,
   ToggleRoot,
+  toggleAnatomy,
   toggle_exports
 };

package/dist/chunk/{632HFNZF.js → KMFRZGLF.js}

@@ -1,12 +1,13 @@
-import { useFieldsetContext } from './XUVXUPEH.js';
+import { useFieldsetContext } from './MZD7ZKWI.js';
+import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { createContext } from './I5UG2QUO.js';
+import { createContext } from './TROPIN4C.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
-import { Show, createEffect, mergeProps as mergeProps$2, createSignal, createUniqueId, createMemo } from 'solid-js';
-import { dataAttr, ariaAttr } from '@zag-js/dom-query';
+import { createEffect, Show, mergeProps as mergeProps$2, createSignal, createUniqueId, onMount, onCleanup, createMemo } from 'solid-js';
+import { getWindow, dataAttr, ariaAttr } from '@zag-js/dom-query';
 import { createAnatomy } from '@zag-js/anatomy';
 import { autoresizeTextarea } from '@zag-js/auto-resize';
 
@@ -87,13 +88,24 @@ var useField = (props) => {
   const [hasErrorText, setHasErrorText] = createSignal(false);
   const [hasHelperText, setHasHelperText] = createSignal(false);
   const id = fieldProps.id ?? createUniqueId();
-  let rootRef;
+  const [rootRef, setRootRef] = createSignal(void 0);
   const rootId = fieldProps.ids?.control ?? `field::${id}`;
   const errorTextId = fieldProps.ids?.errorText ?? `field::${id}::error-text`;
   const helperTextId = fieldProps.ids?.helperText ?? `field::${id}::helper-text`;
   const labelId = fieldProps.ids?.label ?? `field::${id}::label`;
-  createEffect(() => {
-    return;
+  onMount(() => {
+    const rootNode = rootRef();
+    if (!rootNode) return;
+    const win = getWindow(rootNode);
+    const doc = win.document;
+    const checkTextElements = () => {
+      setHasErrorText(!!doc.getElementById(errorTextId));
+      setHasHelperText(!!doc.getElementById(helperTextId));
+    };
+    checkTextElements();
+    const observer = new win.MutationObserver(checkTextElements);
+    observer.observe(rootNode, { childList: true, subtree: true });
+    onCleanup(() => observer.disconnect());
   });
   const getRootProps = () => ({
     ...parts.root.attrs,
@@ -111,11 +123,14 @@ var useField = (props) => {
     "data-readonly": dataAttr(fieldProps.readOnly),
     htmlFor: id
   });
-  const labelIds = [];
-  if (hasErrorText() && fieldProps.invalid) labelIds.push(errorTextId);
-  if (hasHelperText()) labelIds.push(helperTextId);
+  const labelIds = createMemo(() => {
+    const ids = [];
+    if (hasErrorText() && fieldProps.invalid) ids.push(errorTextId);
+    if (hasHelperText()) ids.push(helperTextId);
+    return ids;
+  });
   const getControlProps = () => ({
-    "aria-describedby": labelIds.join(" ") || void 0,
+    "aria-describedby": labelIds().join(" ") || void 0,
     "aria-invalid": ariaAttr(fieldProps.invalid),
     "data-invalid": dataAttr(fieldProps.invalid),
     "data-required": dataAttr(fieldProps.required),
@@ -139,7 +154,8 @@ var useField = (props) => {
   });
   const getHelperTextProps = () => ({
     id: helperTextId,
-    ...parts.helperText.attrs
+    ...parts.helperText.attrs,
+    "data-disabled": dataAttr(fieldProps.disabled)
   });
   const getErrorTextProps = () => ({
     id: errorTextId,
@@ -151,7 +167,7 @@ var useField = (props) => {
     ...parts.requiredIndicator.attrs
   });
   return createMemo(() => ({
-    ariaDescribedby: labelIds.join(" "),
+    ariaDescribedby: labelIds().join(" "),
     ids: {
       control: id,
       label: labelId,
@@ -159,7 +175,7 @@ var useField = (props) => {
       helperText: helperTextId
     },
     refs: {
-      rootRef
+      rootRef: setRootRef
     },
     disabled: fieldProps.disabled,
     invalid: fieldProps.invalid,
@@ -184,7 +200,12 @@ var FieldRoot = (props) => {
   return createComponent(FieldProvider, {
     value: field,
     get children() {
-      return createComponent(ark.div, mergedProps);
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        ref(r$) {
+          var _ref$ = composeRefs(field().refs.rootRef, props.ref);
+          typeof _ref$ === "function" && _ref$(r$);
+        }
+      }));
     }
   });
 };

package/dist/chunk/{GZVCPLKK.jsx → KQ4BIFPS.jsx}

@@ -6,13 +6,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";
@@ -83,7 +83,7 @@ var StepsItem = (props) => {
   const itemState = createMemo(() => steps2().getItemState(itemProps));
   return <StepsItemPropsProvider value={itemProps}>
       <StepsItemProvider value={itemState}>
-        <ark.li {...mergedProps} />
+        <ark.div {...mergedProps} />
       </StepsItemProvider>
     </StepsItemPropsProvider>;
 };
@@ -99,7 +99,7 @@ import { mergeProps as mergeProps5 } from "@zag-js/solid";
 var StepsList = (props) => {
   const steps2 = useStepsContext();
   const mergedProps = mergeProps5(() => steps2().getListProps(), props);
-  return <ark.ol {...mergedProps} />;
+  return <ark.div {...mergedProps} />;
 };
 
 // src/components/steps/steps-next-trigger.tsx
@@ -134,18 +134,17 @@ import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as steps from "@zag-js/steps";
 import { createMemo as createMemo2, createUniqueId } from "solid-js";
 function useSteps(props = {}) {
+  const id = createUniqueId();
   const environment = useEnvironmentContext();
   const locale = useLocaleContext();
-  const id = createUniqueId();
-  const context = createMemo2(() => ({
+  const machineProps = createMemo2(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    step: props.defaultStep,
     ...props
   }));
-  const [state, send] = useMachine(steps.machine(context()), { context });
-  return createMemo2(() => steps.connect(state, send, normalizeProps));
+  const service = useMachine(steps.machine, machineProps);
+  return createMemo2(() => steps.connect(service, normalizeProps));
 }
 
 // src/components/steps/steps-root.tsx

package/dist/chunk/{XCNALQF7.js → LFWIA7VB.js}

@@ -1,17 +1,17 @@
-import { useFieldContext } from './632HFNZF.js';
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
+import { useFieldContext } from './KMFRZGLF.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './WRLQ7Y6E.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 * as colorPicker from '@zag-js/color-picker';
 import { anatomy } from '@zag-js/color-picker';
 export { parse } from '@zag-js/color-picker';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
-import { Show, Index, createUniqueId, createMemo } from 'solid-js';
+import { Show, createMemo, Index, createUniqueId } from 'solid-js';
 
 // src/components/color-picker/use-color-picker-area-props-context.ts
 var [ColorPickerAreaPropsProvider, useColorPickerAreaPropsContext] = createContext({
@@ -195,11 +195,11 @@ var ColorPickerPositioner = (props) => {
   });
 };
 var useColorPicker = (props = {}) => {
+  const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const field = useFieldContext();
-  const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     ids: {
       label: field?.().ids.label,
@@ -211,19 +211,16 @@ var useColorPicker = (props = {}) => {
     readOnly: field?.().readOnly,
     required: field?.().required,
     getRootNode: environment().getRootNode,
-    open: props.defaultOpen,
-    "open.controlled": props.open !== void 0,
-    value: props.defaultValue,
     ...props
   }));
-  const [state, send] = useMachine(colorPicker.machine(context()), { context });
-  return createMemo(() => colorPicker.connect(state, send, normalizeProps));
+  const service = useMachine(colorPicker.machine, machineProps);
+  return createMemo(() => colorPicker.connect(service, normalizeProps));
 };
 
 // src/components/color-picker/color-picker-root.tsx
 var ColorPickerRoot = (props) => {
   const [presenceProps, colorPickerProps] = splitPresenceProps(props);
-  const [useColorPickerProps, localProps] = createSplitProps()(colorPickerProps, ["closeOnSelect", "defaultOpen", "defaultValue", "disabled", "format", "id", "ids", "initialFocusEl", "invalid", "name", "name", "onFocusOutside", "onFormatChange", "onInteractOutside", "onOpenChange", "onPointerDownOutside", "onValueChange", "onValueChangeEnd", "open", "openAutoFocus", "positioning", "readOnly", "required", "value"]);
+  const [useColorPickerProps, localProps] = createSplitProps()(colorPickerProps, ["closeOnSelect", "defaultOpen", "defaultValue", "defaultFormat", "disabled", "format", "id", "ids", "initialFocusEl", "invalid", "name", "name", "onFocusOutside", "onFormatChange", "onInteractOutside", "onOpenChange", "onPointerDownOutside", "onValueChange", "onValueChangeEnd", "open", "openAutoFocus", "positioning", "readOnly", "required", "value"]);
   const api = useColorPicker(useColorPickerProps);
   const apiPresence = usePresence(mergeProps(presenceProps, () => ({
     present: api().open

package/dist/chunk/{7BGOIKYK.jsx → LKOJO4VB.jsx}

@@ -1,12 +1,12 @@
 import {
   useFieldContext
-} from "./MSHQY44G.jsx";
+} from "./XHA6B6L2.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./E72NMPSK.jsx";
+} from "./2FYSIKNK.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";
@@ -85,7 +85,9 @@ var SelectHiddenSelect = (props) => {
         {(item) => <option
     value={select2().collection.getItemValue(item()) ?? ""}
     disabled={select2().collection.getItemDisabled(item())}
-  />}
+  >
+            {select2().collection.stringifyItem(item())}
+          </option>}
       </Index>
     </ark.select>;
 };
@@ -156,10 +158,7 @@ import { mergeProps as mergeProps8 } from "@zag-js/solid";
 var SelectItemGroupLabel = (props) => {
   const select2 = useSelectContext();
   const itemGroupProps = useSelectItemGroupPropsContext();
-  const mergedProps = mergeProps8(
-    () => select2().getItemGroupLabelProps({ htmlFor: itemGroupProps.id }),
-    props
-  );
+  const mergedProps = mergeProps8(() => select2().getItemGroupLabelProps({ htmlFor: itemGroupProps.id }), props);
   return <ark.div {...mergedProps} />;
 };
 
@@ -215,13 +214,13 @@ import { mergeProps as mergeProps14 } from "@zag-js/solid";
 // src/components/select/use-select.ts
 import * as select from "@zag-js/select";
 import { normalizeProps, useMachine } from "@zag-js/solid";
-import { createEffect, createMemo as createMemo3, createUniqueId as createUniqueId2, splitProps } from "solid-js";
+import { createMemo as createMemo3, createUniqueId as createUniqueId2 } from "solid-js";
 var useSelect = (props) => {
+  const id = createUniqueId2();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const id = createUniqueId2();
   const field = useFieldContext();
-  const initialContext = createMemo3(() => ({
+  const machineProps = createMemo3(() => ({
     id,
     ids: {
       label: field?.().ids.label,
@@ -233,22 +232,10 @@ var useSelect = (props) => {
     required: field?.().required,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    open: props.defaultOpen,
-    value: props.defaultValue,
-    "open.controlled": props.open !== void 0,
     ...props
   }));
-  const context = createMemo3(() => {
-    const [, restProps] = splitProps(initialContext(), ["collection"]);
-    return restProps;
-  });
-  const [state, send, service] = useMachine(select.machine(initialContext()), {
-    context
-  });
-  createEffect(() => {
-    service.setContext({ collection: props.collection });
-  });
-  return createMemo3(() => select.connect(state, send, normalizeProps));
+  const service = useMachine(select.machine, machineProps);
+  return createMemo3(() => select.connect(service, normalizeProps));
 };
 
 // src/components/select/select-root.tsx
@@ -256,8 +243,9 @@ var SelectRoot = (props) => {
   const [presenceProps, selectProps] = splitPresenceProps(props);
   const [useSelectProps, localProps] = createSplitProps()(selectProps, [
     "closeOnSelect",
-    "composite",
     "collection",
+    "composite",
+    "defaultHighlightedValue",
     "defaultOpen",
     "defaultValue",
     "deselectable",
@@ -297,9 +285,7 @@ var SelectRoot = (props) => {
 import { mergeProps as mergeProps15 } from "@zag-js/solid";
 var SelectRootProvider = (props) => {
   const [presenceProps, selectProps] = splitPresenceProps(props);
-  const [{ value: select2 }, localProps] = createSplitProps()(selectProps, [
-    "value"
-  ]);
+  const [{ value: select2 }, localProps] = createSplitProps()(selectProps, ["value"]);
   const presence = usePresence(mergeProps15(() => ({ present: select2().open }), presenceProps));
   const mergedProps = mergeProps15(() => select2().getRootProps(), localProps);
   return <SelectProvider value={select2}>

package/dist/chunk/{5XD5ZSBX.js → M2C67TPA.js}

@@ -1,10 +1,10 @@
-import { collapsible_exports } from './3HMZSTYX.js';
-import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
+import { collapsible_exports } from './PL4PGQFF.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, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -113,12 +113,10 @@ var TreeViewLabel = (props) => {
 };
 
 // src/components/tree-view/use-tree-view-node-context.ts
-var [TreeViewNodeProvider, useTreeViewNodeContext] = createContext(
-  {
-    hookName: "useTreeViewNodeContext",
-    providerName: "<TreeViewNodeProvider />"
-  }
-);
+var [TreeViewNodeProvider, useTreeViewNodeContext] = createContext({
+  hookName: "useTreeViewNodeContext",
+  providerName: "<TreeViewNodeProvider />"
+});
 
 // src/components/tree-view/tree-view-node-context.ts
 var TreeViewNodeContext = (props) => props.children(useTreeViewNodeContext());
@@ -132,19 +130,17 @@ function TreeViewNodeProvider2(props) {
   });
 }
 var useTreeView = (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,
-    selectedValue: props.defaultSelectedValue,
-    expandedValue: props.defaultExpandedValue,
     ...props
   }));
-  const [state, send] = useMachine(treeView.machine(context()), { context });
-  return createMemo(() => treeView.connect(state, send, normalizeProps));
+  const service = useMachine(treeView.machine, machineProps);
+  return createMemo(() => treeView.connect(service, normalizeProps));
 };
 
 // src/components/tree-view/tree-view-root.tsx

package/dist/chunk/{2GATVLPK.js → M63JXHU4.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';
@@ -44,20 +44,19 @@ var usePagination = (props) => {
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
   const id = createUniqueId();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
     getRootNode: environment().getRootNode,
-    page: props.defaultPage,
     ...props
   }));
-  const [state, send] = useMachine(pagination.machine(context()), { context });
-  return createMemo(() => pagination.connect(state, send, normalizeProps));
+  const service = useMachine(pagination.machine, machineProps);
+  return createMemo(() => pagination.connect(service, normalizeProps));
 };
 
 // src/components/pagination/pagination-root.tsx
 var PaginationRoot = (props) => {
-  const [usePaginationProps, localProps] = createSplitProps()(props, ["count", "defaultPage", "id", "ids", "onPageChange", "onPageSizeChange", "page", "pageSize", "siblingCount", "translations", "type"]);
+  const [usePaginationProps, localProps] = createSplitProps()(props, ["count", "defaultPage", "defaultPageSize", "id", "ids", "onPageChange", "onPageSizeChange", "page", "pageSize", "siblingCount", "translations", "type"]);
   const api = usePagination(usePaginationProps);
   const mergedProps = mergeProps(() => api().getRootProps(), localProps);
   return createComponent(PaginationProvider, {

package/dist/chunk/MOG4V2NQ.jsx

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

package/dist/chunk/{XUVXUPEH.js → MZD7ZKWI.js}

@@ -1,6 +1,6 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { createContext } from './I5UG2QUO.js';
+import { createContext } from './TROPIN4C.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent } from 'solid-js/web';
 import { mergeProps } from '@zag-js/solid';
@@ -38,12 +38,7 @@ var FieldsetLegend = (props) => {
   const mergedProps = mergeProps(() => fieldset().getLegendProps(), props);
   return createComponent(ark.legend, mergedProps);
 };
-var fieldsetAnatomy = createAnatomy("fieldset").parts(
-  "root",
-  "errorText",
-  "helperText",
-  "legend"
-);
+var fieldsetAnatomy = createAnatomy("fieldset").parts("root", "errorText", "helperText", "legend");
 var parts = fieldsetAnatomy.build();
 
 // src/components/fieldset/use-fieldset.ts

package/dist/chunk/{YCYZZGN2.jsx → NCURFCYQ.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";
@@ -25,8 +25,9 @@ var [TimerProvider, useTimerContext] = createContext({
 
 // src/components/timer/timer-action-trigger.tsx
 var TimerActionTrigger = (props) => {
+  const [actionTriggerProps, localProps] = createSplitProps()(props, ["action"]);
   const timer2 = useTimerContext();
-  const mergedProps = mergeProps(() => timer2().getActionTriggerProps(props), props);
+  const mergedProps = mergeProps(() => timer2().getActionTriggerProps(actionTriggerProps), localProps);
   return <ark.button {...mergedProps} />;
 };
 
@@ -66,15 +67,15 @@ import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as timer from "@zag-js/timer";
 import { createMemo, createUniqueId } from "solid-js";
 var useTimer = (props = {}) => {
-  const env = useEnvironmentContext();
   const id = createUniqueId();
-  const context = createMemo(() => ({
+  const environment = useEnvironmentContext();
+  const machineProps = createMemo(() => ({
     id,
-    getRootNode: env().getRootNode,
+    getRootNode: environment().getRootNode,
     ...props
   }));
-  const [state, send] = useMachine(timer.machine(context()), { context });
-  return createMemo(() => timer.connect(state, send, normalizeProps));
+  const service = useMachine(timer.machine, machineProps);
+  return createMemo(() => timer.connect(service, normalizeProps));
 };
 
 // src/components/timer/timer-root.tsx

package/dist/chunk/{5ONYCKM3.jsx → NEBB7COJ.jsx}

@@ -3,7 +3,7 @@ import {
 } from "./6WEDGJKQ.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
 
 // src/utils/render-strategy.ts
 var [RenderStrategyProvider, useRenderStrategyContext] = createContext({