@ark-ui/solid 5.26.2 → 5.27.1

package/dist/chunk/{WQE5TIPU.jsx → 3DVV7RSQ.jsx}

@@ -1,21 +1,21 @@
 import {
   useFieldContext
-} from "./J6EHN62T.jsx";
+} from "./7SG5GQHN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./XIYHIOP3.jsx";
 import {
   useEnvironmentContext
 } from "./6J5H27AQ.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  useLocaleContext
+} from "./XIYHIOP3.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{4YV4IV2F.jsx → 4FGVJWA3.jsx}

@@ -1,21 +1,21 @@
 import {
   useFieldContext
-} from "./J6EHN62T.jsx";
+} from "./7SG5GQHN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./XIYHIOP3.jsx";
 import {
   useEnvironmentContext
 } from "./6J5H27AQ.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  useLocaleContext
+} from "./XIYHIOP3.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{HWWCUBHH.jsx → 4MVVOEQO.jsx}

@@ -1,21 +1,21 @@
 import {
   useFieldContext
-} from "./J6EHN62T.jsx";
+} from "./7SG5GQHN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./XIYHIOP3.jsx";
 import {
   useEnvironmentContext
 } from "./6J5H27AQ.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  useLocaleContext
+} from "./XIYHIOP3.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{OG645NFS.jsx → 4WB67STQ.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./Q3MPEUYM.jsx";
+} from "./ZHZ6OA3V.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
@@ -13,15 +13,15 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./XIYHIOP3.jsx";
 import {
   useEnvironmentContext
 } from "./6J5H27AQ.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  useLocaleContext
+} from "./XIYHIOP3.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{IGXU3BWG.jsx → 5ERIBIYY.jsx}

@@ -1,21 +1,21 @@
 import {
   useFieldContext
-} from "./J6EHN62T.jsx";
+} from "./7SG5GQHN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./XIYHIOP3.jsx";
 import {
   useEnvironmentContext
 } from "./6J5H27AQ.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  useLocaleContext
+} from "./XIYHIOP3.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{6YGU2SXQ.jsx → 5STEWKY6.jsx}

@@ -1,24 +1,24 @@
 import {
   useFieldContext
-} from "./J6EHN62T.jsx";
-import {
-  checkboxAnatomy
-} from "./JCNWK3IN.jsx";
+} from "./7SG5GQHN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  checkboxAnatomy
+} from "./JCNWK3IN.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./XIYHIOP3.jsx";
 import {
   useEnvironmentContext
 } from "./6J5H27AQ.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  useLocaleContext
+} from "./XIYHIOP3.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{J6EHN62T.jsx → 7SG5GQHN.jsx}

@@ -1,15 +1,15 @@
 import {
   useFieldsetContext
-} from "./WSPFLZNA.jsx";
+} from "./6XPT77DS.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
-import {
-  parts
-} from "./6P2AQNUE.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  parts
+} from "./6P2AQNUE.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";

package/dist/chunk/{3NHHBGDE.jsx → AXR7KJPM.jsx}

@@ -1,21 +1,21 @@
 import {
   useFieldContext
-} from "./J6EHN62T.jsx";
+} from "./7SG5GQHN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./XIYHIOP3.jsx";
 import {
   useEnvironmentContext
 } from "./6J5H27AQ.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  useLocaleContext
+} from "./XIYHIOP3.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{HKBSPGDQ.jsx → B52HQAYI.jsx}

@@ -3,31 +3,31 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./Q3MPEUYM.jsx";
+} from "./ZHZ6OA3V.jsx";
 import {
   useFieldContext
-} from "./J6EHN62T.jsx";
+} from "./7SG5GQHN.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
-import {
-  colorPickerAnatomy
-} from "./4ZHXHGFF.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  colorPickerAnatomy
+} from "./4ZHXHGFF.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./XIYHIOP3.jsx";
 import {
   useEnvironmentContext
 } from "./6J5H27AQ.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  useLocaleContext
+} from "./XIYHIOP3.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{6RADWALW.jsx → ELOWJYIF.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./Q3MPEUYM.jsx";
+} from "./ZHZ6OA3V.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
@@ -13,15 +13,15 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./XIYHIOP3.jsx";
 import {
   useEnvironmentContext
 } from "./6J5H27AQ.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  useLocaleContext
+} from "./XIYHIOP3.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/ENUS5JGY.js

@@ -0,0 +1,110 @@
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.js';
+import { useEnvironmentContext } from './QM3ROTYU.js';
+import { useLocaleContext } from './JOLWKIPW.js';
+import { runIfFn } from './DT73WLR4.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';
+import { For, createUniqueId, createMemo } from 'solid-js';
+import * as marquee from '@zag-js/marquee';
+
+// src/components/marquee/use-marquee-context.ts
+var [MarqueeProvider, useMarqueeContext] = createContext({
+  hookName: "useMarqueeContext",
+  providerName: "<MarqueeProvider />"
+});
+
+// src/components/marquee/marquee-content.tsx
+var MarqueeContent = (props) => {
+  const context = useMarqueeContext();
+  return createComponent(For, {
+    get each() {
+      return Array.from({
+        length: context().contentCount
+      });
+    },
+    children: (_, index) => {
+      const mergedProps = mergeProps(() => context().getContentProps({
+        index: index()
+      }), props);
+      return createComponent(ark.div, mergeProps$1(mergedProps, {
+        get children() {
+          return props.children;
+        }
+      }));
+    }
+  });
+};
+
+// src/components/marquee/marquee-context.tsx
+var MarqueeContext = (props) => props.children(useMarqueeContext());
+var MarqueeEdge = (props) => {
+  const [edgeProps, localProps] = createSplitProps()(props, ["side"]);
+  const context = useMarqueeContext();
+  const mergedProps = mergeProps(() => context().getEdgeProps(edgeProps), localProps);
+  return createComponent(ark.div, mergedProps);
+};
+var MarqueeItem = (props) => {
+  const context = useMarqueeContext();
+  const mergedProps = mergeProps(() => context().getItemProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var useMarquee = (props) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const machineProps = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    ...runIfFn(props)
+  }));
+  const service = useMachine(marquee.machine, machineProps);
+  return createMemo(() => marquee.connect(service, normalizeProps));
+};
+
+// src/components/marquee/marquee-root.tsx
+var MarqueeRoot = (props) => {
+  const [useMarqueeProps, localProps] = createSplitProps()(props, ["autoFill", "defaultPaused", "delay", "id", "ids", "loopCount", "onComplete", "onLoopComplete", "onPauseChange", "paused", "pauseOnInteraction", "reverse", "side", "spacing", "speed", "translations"]);
+  const context = useMarquee(useMarqueeProps);
+  const mergedProps = mergeProps(() => context().getRootProps(), localProps);
+  return createComponent(MarqueeProvider, {
+    value: context,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var MarqueeRootProvider = (props) => {
+  const [{
+    value: marquee2
+  }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(() => marquee2().getRootProps(), localProps);
+  return createComponent(MarqueeProvider, {
+    value: marquee2,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var MarqueeViewport = (props) => {
+  const context = useMarqueeContext();
+  const mergedProps = mergeProps(() => context().getViewportProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+
+// src/components/marquee/marquee.ts
+var marquee_exports = {};
+__export(marquee_exports, {
+  Content: () => MarqueeContent,
+  Context: () => MarqueeContext,
+  Edge: () => MarqueeEdge,
+  Item: () => MarqueeItem,
+  Root: () => MarqueeRoot,
+  RootProvider: () => MarqueeRootProvider,
+  Viewport: () => MarqueeViewport
+});
+
+export { MarqueeContent, MarqueeContext, MarqueeEdge, MarqueeItem, MarqueeRoot, MarqueeRootProvider, MarqueeViewport, marquee_exports, useMarquee, useMarqueeContext };

package/dist/chunk/{UGNL3ELC.jsx → EZY7GKXA.jsx}

@@ -3,28 +3,28 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./Q3MPEUYM.jsx";
+} from "./ZHZ6OA3V.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
-import {
-  datePickerAnatomy
-} from "./6UXNGS66.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  datePickerAnatomy
+} from "./6UXNGS66.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./XIYHIOP3.jsx";
 import {
   useEnvironmentContext
 } from "./6J5H27AQ.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  useLocaleContext
+} from "./XIYHIOP3.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{4LBUTX7O.jsx → FCPJ3RNY.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./Q3MPEUYM.jsx";
+} from "./ZHZ6OA3V.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
@@ -13,15 +13,15 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./XIYHIOP3.jsx";
 import {
   useEnvironmentContext
 } from "./6J5H27AQ.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  useLocaleContext
+} from "./XIYHIOP3.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{IFYSZ6BO.jsx → FLNIMVCM.jsx}

@@ -2,13 +2,13 @@ import {
   tree_view_exports,
   useTreeView,
   useTreeViewContext
-} from "./B7V37SJF.jsx";
-import {
-  createTreeCollection
-} from "./EFII6TXL.jsx";
+} from "./OX46DSZG.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
+import {
+  createTreeCollection
+} from "./EFII6TXL.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{3AHC72MP.jsx → G5ZFI73B.jsx}

@@ -1,21 +1,21 @@
 import {
   useFieldContext
-} from "./J6EHN62T.jsx";
+} from "./7SG5GQHN.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./XIYHIOP3.jsx";
 import {
   useEnvironmentContext
 } from "./6J5H27AQ.jsx";
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  useLocaleContext
+} from "./XIYHIOP3.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/JDJGE7LR.jsx

@@ -0,0 +1,153 @@
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./6J5H27AQ.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
+import {
+  useLocaleContext
+} from "./XIYHIOP3.jsx";
+import {
+  createContext
+} from "./TVCIHLER.jsx";
+import {
+  __export
+} from "./7IUG3E2V.jsx";
+
+// src/components/marquee/marquee-content.tsx
+import { mergeProps } from "@zag-js/solid";
+import { For } from "solid-js";
+
+// src/components/marquee/use-marquee-context.ts
+var [MarqueeProvider, useMarqueeContext] = createContext({
+  hookName: "useMarqueeContext",
+  providerName: "<MarqueeProvider />"
+});
+
+// src/components/marquee/marquee-content.tsx
+var MarqueeContent = (props) => {
+  const context = useMarqueeContext();
+  return <For each={Array.from({ length: context().contentCount })}>
+      {(_, index) => {
+    const mergedProps = mergeProps(() => context().getContentProps({ index: index() }), props);
+    return <ark.div {...mergedProps}>{props.children}</ark.div>;
+  }}
+    </For>;
+};
+
+// src/components/marquee/marquee-context.tsx
+var MarqueeContext = (props) => props.children(useMarqueeContext());
+
+// src/components/marquee/marquee-edge.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+var MarqueeEdge = (props) => {
+  const [edgeProps, localProps] = createSplitProps()(props, ["side"]);
+  const context = useMarqueeContext();
+  const mergedProps = mergeProps2(() => context().getEdgeProps(edgeProps), localProps);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/marquee/marquee-item.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var MarqueeItem = (props) => {
+  const context = useMarqueeContext();
+  const mergedProps = mergeProps3(() => context().getItemProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/marquee/marquee-root.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+
+// src/components/marquee/use-marquee.ts
+import * as marquee from "@zag-js/marquee";
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import { createMemo, createUniqueId } from "solid-js";
+var useMarquee = (props) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const machineProps = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    ...runIfFn(props)
+  }));
+  const service = useMachine(marquee.machine, machineProps);
+  return createMemo(() => marquee.connect(service, normalizeProps));
+};
+
+// src/components/marquee/marquee-root.tsx
+var MarqueeRoot = (props) => {
+  const [useMarqueeProps, localProps] = createSplitProps()(props, [
+    "autoFill",
+    "defaultPaused",
+    "delay",
+    "id",
+    "ids",
+    "loopCount",
+    "onComplete",
+    "onLoopComplete",
+    "onPauseChange",
+    "paused",
+    "pauseOnInteraction",
+    "reverse",
+    "side",
+    "spacing",
+    "speed",
+    "translations"
+  ]);
+  const context = useMarquee(useMarqueeProps);
+  const mergedProps = mergeProps4(() => context().getRootProps(), localProps);
+  return <MarqueeProvider value={context}>
+      <ark.div {...mergedProps} />
+    </MarqueeProvider>;
+};
+
+// src/components/marquee/marquee-root-provider.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+var MarqueeRootProvider = (props) => {
+  const [{ value: marquee2 }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps5(() => marquee2().getRootProps(), localProps);
+  return <MarqueeProvider value={marquee2}>
+      <ark.div {...mergedProps} />
+    </MarqueeProvider>;
+};
+
+// src/components/marquee/marquee-viewport.tsx
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
+var MarqueeViewport = (props) => {
+  const context = useMarqueeContext();
+  const mergedProps = mergeProps6(() => context().getViewportProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/marquee/marquee.ts
+var marquee_exports = {};
+__export(marquee_exports, {
+  Content: () => MarqueeContent,
+  Context: () => MarqueeContext,
+  Edge: () => MarqueeEdge,
+  Item: () => MarqueeItem,
+  Root: () => MarqueeRoot,
+  RootProvider: () => MarqueeRootProvider,
+  Viewport: () => MarqueeViewport
+});
+
+export {
+  useMarqueeContext,
+  MarqueeContent,
+  MarqueeContext,
+  MarqueeEdge,
+  MarqueeItem,
+  useMarquee,
+  MarqueeRoot,
+  MarqueeRootProvider,
+  MarqueeViewport,
+  marquee_exports
+};