@ark-ui/solid 4.10.2 → 5.1.0

package/dist/chunk/{2H4WHODR.js → MSLAT5GQ.js}

@@ -1,8 +1,9 @@
 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 './YMMMHJJS.js';
+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 { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -80,21 +81,18 @@ var RadioGroupLabel = (props) => {
   const mergedProps = mergeProps(() => radioGroup().getLabelProps(), props);
   return createComponent(ark.label, mergedProps);
 };
-var useRadioGroup = (props = {}) => {
+var useRadioGroup = (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
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(radio.machine(context()), {
-    context
-  });
-  return createMemo(() => radio.connect(state, send, normalizeProps));
+  const service = useMachine(radio.machine, machineProps);
+  return createMemo(() => radio.connect(service, normalizeProps));
 };
 
 // src/components/radio-group/radio-group-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({

package/dist/chunk/{DU4TY3XA.jsx → NEYCBIOW.jsx}

@@ -1,6 +1,6 @@
 import {
   useFieldContext
-} from "./P7I44WC4.jsx";
+} from "./UCYPIMZC.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
@@ -9,13 +9,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./5O4RWSWO.jsx";
+} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
-} from "./3QQZKR3F.jsx";
+} from "./RCXMZN3G.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -82,11 +85,7 @@ var [TagsInputItemPropsProvider, useTagsInputItemPropsContext] = createContext({
 
 // src/components/tags-input/tags-input-item.tsx
 var TagsInputItem = (props) => {
-  const [itemProps, localProps] = createSplitProps()(props, [
-    "disabled",
-    "index",
-    "value"
-  ]);
+  const [itemProps, localProps] = createSplitProps()(props, ["disabled", "index", "value"]);
   const api = useTagsInputContext();
   const mergedProps = mergeProps5(() => api().getItemProps(itemProps), localProps);
   const itemState = createMemo(() => api().getItemState(itemProps));
@@ -151,12 +150,12 @@ import { mergeProps as mergeProps11 } from "@zag-js/solid";
 import { normalizeProps, useMachine } from "@zag-js/solid";
 import * as tagsInput from "@zag-js/tags-input";
 import { createMemo as createMemo2, createUniqueId } from "solid-js";
-var useTagsInput = (props = {}) => {
+var useTagsInput = (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,
@@ -168,11 +167,10 @@ var useTagsInput = (props = {}) => {
     readOnly: field?.().readOnly,
     required: field?.().required,
     getRootNode: environment().getRootNode,
-    value: props.defaultValue,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(tagsInput.machine(context()), { context });
-  return createMemo2(() => tagsInput.connect(state, send, normalizeProps));
+  const service = useMachine(tagsInput.machine, machineProps);
+  return createMemo2(() => tagsInput.connect(service, normalizeProps));
 };
 
 // src/components/tags-input/tags-input-root.tsx
@@ -182,8 +180,9 @@ var TagsInputRoot = (props) => {
     "allowOverflow",
     "autoFocus",
     "blurBehavior",
-    "delimiter",
+    "defaultInputValue",
     "defaultValue",
+    "delimiter",
     "disabled",
     "editable",
     "form",

package/dist/chunk/{DXYB7RYX.js → NF3HZO6T.js}

@@ -1,9 +1,10 @@
-import { useFieldContext } from './X3BMEEJH.js';
+import { useFieldContext } from './KVVYU5Z3.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 './YMMMHJJS.js';
+import { useLocaleContext } from './QEMQBM6W.js';
+import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -125,12 +126,12 @@ var FileUploadLabel = (props) => {
   const mergedProps = mergeProps(() => fileUpload2().getLabelProps(), props);
   return createComponent(ark.label, mergedProps);
 };
-var useFileUpload = (props = {}) => {
+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 +139,14 @@ var useFileUpload = (props = {}) => {
     },
     dir: locale().dir,
     disabled: field?.().disabled,
+    locale: locale().locale,
     required: field?.().required,
     invalid: field?.().invalid,
     getRootNode: environment().getRootNode,
-    ...props
+    ...runIfFn(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/{5XD5ZSBX.js → NZEL4233.js}

@@ -1,10 +1,11 @@
-import { collapsible_exports } from './3HMZSTYX.js';
-import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
+import { collapsible_exports } from './B246J3FR.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 './YMMMHJJS.js';
+import { useLocaleContext } from './QEMQBM6W.js';
+import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.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 +114,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 +131,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
+    ...runIfFn(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/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/{LCESUDZB.js → OY4ARTMM.js}

@@ -1,27 +1,20 @@
-import { splitRenderStrategyProps } from './L7OSYHVR.js';
+import { splitRenderStrategyProps } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { createContext } from './I5UG2QUO.js';
+import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { useMachine, normalizeProps, mergeProps } from '@zag-js/solid';
 import { createSignal, createMemo, createEffect, Show } from 'solid-js';
 import * as presence from '@zag-js/presence';
 
 // src/components/presence/split-presence-props.ts
-var splitPresenceProps = (props) => createSplitProps()(props, [
-  "immediate",
-  "lazyMount",
-  "onExitComplete",
-  "present",
-  "unmountOnExit"
-]);
+var splitPresenceProps = (props) => createSplitProps()(props, ["immediate", "lazyMount", "onExitComplete", "present", "unmountOnExit"]);
 var usePresence = (props) => {
-  const [renderStrategyProps, context] = splitRenderStrategyProps(props);
+  const [renderStrategyProps, context] = splitRenderStrategyProps(runIfFn(props));
   const [wasEverPresent, setWasEverPresent] = createSignal(false);
-  const [state, send] = useMachine(presence.machine(context), {
-    context
-  });
-  const api = createMemo(() => presence.connect(state, send, normalizeProps));
+  const service = useMachine(presence.machine, props);
+  const api = createMemo(() => presence.connect(service, normalizeProps));
   createEffect(() => {
     const present = api().present;
     if (present) setWasEverPresent(true);

package/dist/chunk/{Q7NPTAJI.js → QBFJVUX3.js}

@@ -1,8 +1,9 @@
 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 './YMMMHJJS.js';
+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 { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -62,19 +63,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
+    ...runIfFn(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/{HPDOBQ3V.js → QEMQBM6W.js}

@@ -1,4 +1,4 @@
-import { createContext } from './I5UG2QUO.js';
+import { createContext } from './TROPIN4C.js';
 import { createComponent } from 'solid-js/web';
 import { isRTL } from '@zag-js/i18n-utils';
 import { createMemo } from 'solid-js';

package/dist/chunk/{L7OSYHVR.js → QFAL6GWC.js}

@@ -1,5 +1,5 @@
 import { createSplitProps } from './ZMHI4GDJ.js';
-import { createContext } from './I5UG2QUO.js';
+import { createContext } from './TROPIN4C.js';
 
 // src/utils/render-strategy.ts
 var [RenderStrategyProvider, useRenderStrategyContext] = createContext({

package/dist/chunk/{34OZO53S.js → QTSWXPKO.js}

@@ -1,14 +1,15 @@
-import { collapsible_exports, useCollapsibleContext } from './3HMZSTYX.js';
-import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './L7OSYHVR.js';
+import { useCollapsibleContext, collapsible_exports } from './B246J3FR.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 './YMMMHJJS.js';
+import { useLocaleContext } from './QEMQBM6W.js';
+import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
-import { createMemo, splitProps, createUniqueId } from 'solid-js';
+import { splitProps, createMemo, createUniqueId } from 'solid-js';
 import * as accordion from '@zag-js/accordion';
 export { anatomy } from '@zag-js/accordion';
 
@@ -91,21 +92,18 @@ var AccordionItemTrigger = (props) => {
   const [ariaControls, buttonProps] = splitProps(mergedProps, ["aria-controls"]);
   return createComponent(ark.button, mergeProps$1(buttonProps, () => !collapsible().unmounted && ariaControls));
 };
-var useAccordion = (props = {}) => {
+var useAccordion = (props) => {
   const id = createUniqueId();
   const locale = useLocaleContext();
   const environment = useEnvironmentContext();
-  const context = createMemo(() => ({
+  const machineProps = createMemo(() => ({
     id,
     dir: locale().dir,
-    value: props.defaultValue,
     getRootNode: environment().getRootNode,
-    ...props
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(accordion.machine(context()), {
-    context
-  });
-  return createMemo(() => accordion.connect(state, send, normalizeProps));
+  const service = useMachine(accordion.machine, machineProps);
+  return createMemo(() => accordion.connect(service, normalizeProps));
 };
 
 // src/components/accordion/accordion-root.tsx

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

@@ -1,9 +1,10 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.js';
+import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './OY4ARTMM.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 './YMMMHJJS.js';
+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 { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -77,20 +78,18 @@ var PopoverPositioner = (props) => {
     }
   });
 };
-var usePopover = (props = {}) => {
+var usePopover = (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
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(popover.machine(context()), { context });
-  return createMemo(() => popover.connect(state, send, normalizeProps));
+  const service = useMachine(popover.machine, machineProps);
+  return createMemo(() => popover.connect(service, normalizeProps));
 };
 
 // src/components/popover/popover-root.tsx

package/dist/chunk/{3QQZKR3F.jsx → RCXMZN3G.jsx}

@@ -1,6 +1,6 @@
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
 
 // src/providers/locale/locale-provider.tsx
 import { isRTL } from "@zag-js/i18n-utils";

package/dist/chunk/{5SRZ3YYC.js → ROXCI3ZP.js}

@@ -1,8 +1,9 @@
 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 './YMMMHJJS.js';
+import { useLocaleContext } from './QEMQBM6W.js';
+import { createContext } from './TROPIN4C.js';
+import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
 import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
 import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
@@ -68,19 +69,18 @@ var SliderRange = (props) => {
   const mergedProps = mergeProps(() => api().getRangeProps(), props);
   return createComponent(ark.div, mergedProps);
 };
-var useSlider = (props = {}) => {
+var useSlider = (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
+    ...runIfFn(props)
   }));
-  const [state, send] = useMachine(slider.machine(context()), { context });
-  return createMemo(() => slider.connect(state, send, normalizeProps));
+  const service = useMachine(slider.machine, machineProps);
+  return createMemo(() => slider.connect(service, normalizeProps));
 };
 
 // src/components/slider/slider-root.tsx

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

@@ -6,13 +6,16 @@ import {
 } from "./UFYZ7HLU.jsx";
 import {
   useEnvironmentContext
-} from "./5O4RWSWO.jsx";
+} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
-} from "./3QQZKR3F.jsx";
+} from "./RCXMZN3G.jsx";
 import {
   createContext
-} from "./NMGUCD2L.jsx";
+} from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
 import {
   __export
 } from "./7IUG3E2V.jsx";
@@ -83,7 +86,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 +102,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
@@ -133,19 +136,18 @@ import { mergeProps as mergeProps9 } from "@zag-js/solid";
 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 = {}) {
+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
+    ...runIfFn(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/SDD2HKR3.js

@@ -0,0 +1,71 @@
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.js';
+import { createContext } from './TROPIN4C.js';
+import { __export } from './ESLJRKWD.js';
+import { createComponent, mergeProps as mergeProps$1, template, spread } from 'solid-js/web';
+import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
+import { Show, createMemo } from 'solid-js';
+import * as toggle from '@zag-js/toggle';
+import { createAnatomy } from '@zag-js/anatomy';
+
+// src/components/toggle/toggle.ts
+var toggle_exports = {};
+__export(toggle_exports, {
+  Context: () => ToggleContext,
+  Indicator: () => ToggleIndicator,
+  Root: () => ToggleRoot,
+  toggleAnatomy: () => toggleAnatomy
+});
+
+// src/components/toggle/use-toggle-context.ts
+var [ToggleProvider, useToggleContext] = createContext({
+  hookName: "useToggleContext",
+  providerName: "<ToggleProvider />"
+});
+
+// src/components/toggle/toggle-context.tsx
+var ToggleContext = (props) => props.children(useToggleContext());
+var ToggleIndicator = (props) => {
+  const {
+    children,
+    fallback,
+    ...restProps
+  } = props;
+  const toggle2 = useToggleContext();
+  const mergedProps = mergeProps(() => toggle2().getIndicatorProps(), restProps);
+  return createComponent(ark.div, mergeProps$1(mergedProps, {
+    get children() {
+      return createComponent(Show, {
+        get when() {
+          return toggle2().pressed;
+        },
+        fallback,
+        children
+      });
+    }
+  }));
+};
+function useToggle(props) {
+  const service = useMachine(toggle.machine, props);
+  return createMemo(() => toggle.connect(service, normalizeProps));
+}
+
+// src/components/toggle/toggle-root.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<button>`);
+var ToggleRoot = (props) => {
+  const [useToggleProps, localProps] = createSplitProps()(props, ["pressed", "defaultPressed", "disabled", "onPressedChange"]);
+  const toggle2 = useToggle(useToggleProps);
+  const mergedProps = mergeProps(() => toggle2().getRootProps(), localProps);
+  return createComponent(ToggleProvider, {
+    value: toggle2,
+    get children() {
+      var _el$ = _tmpl$();
+      spread(_el$, mergedProps, false, false);
+      return _el$;
+    }
+  });
+};
+var toggleAnatomy = createAnatomy("toggle", ["root", "indicator"]);
+toggleAnatomy.build();
+
+export { ToggleContext, ToggleIndicator, ToggleRoot, toggleAnatomy, toggle_exports, useToggle, useToggleContext };