@ark-ui/solid 5.26.1 → 5.27.0

package/dist/chunk/{HWXKGSSJ.jsx → SNBGNSXC.jsx}

@@ -1,7 +1,7 @@
 import {
   collapsible_exports,
   useCollapsibleContext
-} from "./GBSKYNVA.jsx";
+} from "./SDGVKFY2.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -10,9 +10,6 @@ import {
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
-import {
-  useLocaleContext
-} from "./XIYHIOP3.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
@@ -22,6 +19,9 @@ import {
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  useLocaleContext
+} from "./XIYHIOP3.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/SQOQ3NCO.js

@@ -0,0 +1,104 @@
+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 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,
+  Root: () => MarqueeRoot,
+  RootProvider: () => MarqueeRootProvider,
+  Viewport: () => MarqueeViewport
+});
+
+export { MarqueeContent, MarqueeContext, MarqueeEdge, MarqueeRoot, MarqueeRootProvider, MarqueeViewport, marquee_exports, useMarquee, useMarqueeContext };

package/dist/chunk/TW4Y4SQF.jsx

@@ -0,0 +1,143 @@
+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-root.tsx
+import { mergeProps as mergeProps3 } 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 = mergeProps3(() => context().getRootProps(), localProps);
+  return <MarqueeProvider value={context}>
+      <ark.div {...mergedProps} />
+    </MarqueeProvider>;
+};
+
+// src/components/marquee/marquee-root-provider.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+var MarqueeRootProvider = (props) => {
+  const [{ value: marquee2 }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps4(() => marquee2().getRootProps(), localProps);
+  return <MarqueeProvider value={marquee2}>
+      <ark.div {...mergedProps} />
+    </MarqueeProvider>;
+};
+
+// src/components/marquee/marquee-viewport.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+var MarqueeViewport = (props) => {
+  const context = useMarqueeContext();
+  const mergedProps = mergeProps5(() => context().getViewportProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/marquee/marquee.ts
+var marquee_exports = {};
+__export(marquee_exports, {
+  Content: () => MarqueeContent,
+  Context: () => MarqueeContext,
+  Edge: () => MarqueeEdge,
+  Root: () => MarqueeRoot,
+  RootProvider: () => MarqueeRootProvider,
+  Viewport: () => MarqueeViewport
+});
+
+export {
+  useMarqueeContext,
+  MarqueeContent,
+  MarqueeContext,
+  MarqueeEdge,
+  useMarquee,
+  MarqueeRoot,
+  MarqueeRootProvider,
+  MarqueeViewport,
+  marquee_exports
+};

package/dist/chunk/{QP4T3IYJ.jsx → UQ24SGE2.jsx}

@@ -3,16 +3,13 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./Q3MPEUYM.jsx";
+} from "./ZHZ6OA3V.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
-import {
-  useLocaleContext
-} from "./XIYHIOP3.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
@@ -22,6 +19,9 @@ import {
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  useLocaleContext
+} from "./XIYHIOP3.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{NGQCZEDL.jsx → UVYKW576.jsx}

@@ -3,19 +3,16 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./Q3MPEUYM.jsx";
+} from "./ZHZ6OA3V.jsx";
 import {
   useFieldContext
-} from "./J6EHN62T.jsx";
+} from "./7SG5GQHN.jsx";
 import {
   composeRefs
 } from "./PT2CJE3O.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
-import {
-  useLocaleContext
-} from "./XIYHIOP3.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
@@ -25,6 +22,9 @@ import {
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  useLocaleContext
+} from "./XIYHIOP3.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{2A53N6OQ.jsx → VFKDKUO2.jsx}

@@ -3,21 +3,18 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./Q3MPEUYM.jsx";
-import {
-  composeRefs
-} from "./PT2CJE3O.jsx";
+} from "./ZHZ6OA3V.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
   useRenderStrategyContext
 } from "./NEBB7COJ.jsx";
+import {
+  composeRefs
+} from "./PT2CJE3O.jsx";
 import {
   createSplitProps
 } from "./6WEDGJKQ.jsx";
-import {
-  useLocaleContext
-} from "./XIYHIOP3.jsx";
 import {
   ark
 } from "./UFYZ7HLU.jsx";
@@ -27,6 +24,9 @@ import {
 import {
   runIfFn
 } from "./KGOB2IMX.jsx";
+import {
+  useLocaleContext
+} from "./XIYHIOP3.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{WDKIKZ2U.jsx → VNTGGI2M.jsx}

@@ -2,7 +2,7 @@ import {
   tree_view_exports,
   useTreeView,
   useTreeViewContext
-} from "./PWJCN6UV.jsx";
+} from "./OX46DSZG.jsx";
 import {
   createTreeCollection
 } from "./EFII6TXL.jsx";

package/dist/chunk/YYJ6TQ7D.js

@@ -0,0 +1 @@
+export { anatomy } from '@zag-js/marquee';

package/dist/{color-picker.anatomy-CMDtAoEh.d.ts → color-picker.anatomy-Dxw1DJ2S.d.ts}

@@ -1,5 +1,5 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 
-declare const colorPickerAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "root" | "area" | "view" | "content" | "trigger" | "control" | "valueText" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
+declare const colorPickerAnatomy: _zag_js_anatomy.AnatomyInstance<"area" | "label" | "view" | "content" | "root" | "trigger" | "control" | "valueText" | "positioner" | "formatSelect" | "areaThumb" | "channelInput" | "channelSliderTrack" | "channelSliderThumb" | "areaBackground" | "channelSlider" | "channelSliderLabel" | "channelSliderValueText" | "transparencyGrid" | "swatchGroup" | "swatchTrigger" | "swatchIndicator" | "swatch" | "eyeDropperTrigger" | "formatTrigger">;
 
 export { colorPickerAnatomy as c };

package/dist/{combobox.anatomy-DBsVyPqM.d.ts → combobox.anatomy-CW3VXK4N.d.ts}

@@ -1,5 +1,5 @@
 import * as _zag_js_anatomy from '@zag-js/anatomy';
 
-declare const comboboxAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "input" | "root" | "item" | "list" | "content" | "trigger" | "control" | "itemGroup" | "positioner" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
+declare const comboboxAnatomy: _zag_js_anatomy.AnatomyInstance<"input" | "label" | "list" | "content" | "root" | "item" | "trigger" | "control" | "itemGroup" | "positioner" | "clearTrigger" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
 
 export { comboboxAnatomy as c };

package/dist/components/accordion/index.jsx

@@ -11,12 +11,11 @@ import {
   useAccordion,
   useAccordionContext,
   useAccordionItemContext
-} from "../../chunk/HWXKGSSJ.jsx";
-import "../../chunk/GBSKYNVA.jsx";
+} from "../../chunk/SNBGNSXC.jsx";
+import "../../chunk/SDGVKFY2.jsx";
 import "../../chunk/NEBB7COJ.jsx";
 import "../../chunk/6WEDGJKQ.jsx";
 import "../../chunk/ODQYYKL5.jsx";
-import "../../chunk/XIYHIOP3.jsx";
 import {
   anatomy
 } from "../../chunk/C6BGJM4X.jsx";
@@ -24,6 +23,7 @@ import "../../chunk/OC7V6IJA.jsx";
 import "../../chunk/UFYZ7HLU.jsx";
 import "../../chunk/6J5H27AQ.jsx";
 import "../../chunk/KGOB2IMX.jsx";
+import "../../chunk/XIYHIOP3.jsx";
 import "../../chunk/TVCIHLER.jsx";
 import "../../chunk/7IUG3E2V.jsx";
 export {

package/dist/components/anatomy.d.ts

@@ -4,20 +4,21 @@ export { anatomy as angleSliderAnatomy } from '@zag-js/angle-slider';
 export { anatomy as avatarAnatomy } from '@zag-js/avatar';
 export { anatomy as bottomSheetAnatomy } from '@zag-js/bottom-sheet';
 export { anatomy as carouselAnatomy } from '@zag-js/carousel';
-export { c as checkboxAnatomy } from '../checkbox.anatomy-CuzDSmDj.js';
+export { c as checkboxAnatomy } from '../checkbox.anatomy-YlC7nNXs.js';
 export { anatomy as clipboardAnatomy } from '@zag-js/clipboard';
 export { anatomy as collapsibleAnatomy } from '@zag-js/collapsible';
-export { c as colorPickerAnatomy } from '../color-picker.anatomy-CMDtAoEh.js';
-export { c as comboboxAnatomy } from '../combobox.anatomy-DBsVyPqM.js';
-export { d as datePickerAnatomy } from '../date-picker.anatomy-C7QaSOwg.js';
+export { c as colorPickerAnatomy } from '../color-picker.anatomy-Dxw1DJ2S.js';
+export { c as comboboxAnatomy } from '../combobox.anatomy-CW3VXK4N.js';
+export { d as datePickerAnatomy } from '../date-picker.anatomy-DLXcqHH9.js';
 export { anatomy as dialogAnatomy } from '@zag-js/dialog';
 export { anatomy as editableAnatomy } from '@zag-js/editable';
-export { f as fieldAnatomy } from '../field.anatomy-BkeW0gbI.js';
-export { f as fieldsetAnatomy } from '../fieldset.anatomy-BHBXaVuM.js';
+export { f as fieldAnatomy } from '../field.anatomy-BA_rbPae.js';
+export { f as fieldsetAnatomy } from '../fieldset.anatomy-ByHwSFid.js';
 export { anatomy as fileUploadAnatomy } from '@zag-js/file-upload';
 export { anatomy as floatingPanelAnatomy } from '@zag-js/floating-panel';
 export { anatomy as hoverCardAnatomy } from '@zag-js/hover-card';
-export { l as listboxAnatomy } from '../listbox.anatomy-CuSvGz29.js';
+export { l as listboxAnatomy } from '../listbox.anatomy-ogRrsXMY.js';
+export { anatomy as marqueeAnatomy } from '@zag-js/marquee';
 export { anatomy as menuAnatomy } from '@zag-js/menu';
 export { anatomy as numberInputAnatomy } from '@zag-js/number-input';
 export { anatomy as paginationAnatomy } from '@zag-js/pagination';

package/dist/components/anatomy.js

@@ -1,46 +1,47 @@
-export { anatomy as timerAnatomy } from '../chunk/A42OP6DG.js';
-export { anatomy as tooltipAnatomy } from '../chunk/2QIJEKZE.js';
+export { anatomy as tagsInputAnatomy } from '../chunk/YJODW6F4.js';
+export { toggleAnatomy } from '../chunk/SFRXWD47.js';
 export { anatomy as toggleGroupAnatomy } from '../chunk/3PQKB7JL.js';
+export { anatomy as tooltipAnatomy } from '../chunk/2QIJEKZE.js';
 export { tourAnatomy } from '../chunk/NYBIYPS4.js';
 export { anatomy as sliderAnatomy } from '../chunk/PC36Y6WZ.js';
+export { anatomy as splitterAnatomy } from '../chunk/BNHBX4H3.js';
 export { anatomy as selectAnatomy } from '../chunk/NY6K5EF2.js';
 export { anatomy as switchAnatomy } from '../chunk/OJQQDBG3.js';
 export { anatomy as stepsAnatomy } from '../chunk/KN55GBHY.js';
 export { anatomy as tabsAnatomy } from '../chunk/6TAVRECK.js';
-export { anatomy as tagsInputAnatomy } from '../chunk/YJODW6F4.js';
-export { toggleAnatomy } from '../chunk/SFRXWD47.js';
+export { anatomy as timerAnatomy } from '../chunk/A42OP6DG.js';
 export { anatomy as toastAnatomy } from '../chunk/MBCVM3KL.js';
 export { anatomy as progressAnatomy } from '../chunk/GJWOK4FU.js';
-export { anatomy as radioGroupAnatomy } from '../chunk/7BD55LQZ.js';
 export { anatomy as qrCodeAnatomy } from '../chunk/QGELD777.js';
+export { anatomy as radioGroupAnatomy } from '../chunk/7BD55LQZ.js';
 export { anatomy as scrollAreaAnatomy } from '../chunk/JWEOE6CF.js';
 export { anatomy as ratingGroupAnatomy } from '../chunk/KKVVL7G7.js';
 export { segmentGroupAnatomy } from '../chunk/JHQYEBNS.js';
-export { anatomy as splitterAnatomy } from '../chunk/BNHBX4H3.js';
 export { anatomy as signaturePadAnatomy } from '../chunk/764Z3BY5.js';
-export { anatomy as treeViewAnatomy } from '../chunk/QFI45UIA.js';
+export { anatomy as marqueeAnatomy } from '../chunk/YYJ6TQ7D.js';
+export { listboxAnatomy } from '../chunk/3I7TGCD3.js';
 export { anatomy as numberInputAnatomy } from '../chunk/NS5ADIQR.js';
 export { anatomy as menuAnatomy } from '../chunk/EJIFXSNU.js';
-export { anatomy as paginationAnatomy } from '../chunk/GFN5RE7J.js';
 export { anatomy as passwordInputAnatomy } from '../chunk/4N4QYAZL.js';
+export { anatomy as paginationAnatomy } from '../chunk/GFN5RE7J.js';
 export { anatomy as pinInputAnatomy } from '../chunk/KTJSC5UU.js';
 export { anatomy as popoverAnatomy } from '../chunk/RA5M6G52.js';
-export { anatomy as floatingPanelAnatomy } from '../chunk/7ENGUGCM.js';
 export { anatomy as fileUploadAnatomy } from '../chunk/6ZYXYM4Y.js';
+export { anatomy as floatingPanelAnatomy } from '../chunk/7ENGUGCM.js';
 export { anatomy as hoverCardAnatomy } from '../chunk/J2L2RHHK.js';
-export { listboxAnatomy } from '../chunk/3I7TGCD3.js';
-export { colorPickerAnatomy } from '../chunk/7ANKVUWM.js';
+export { anatomy as treeViewAnatomy } from '../chunk/QFI45UIA.js';
 export { anatomy as dialogAnatomy } from '../chunk/AMS6WBXV.js';
 export { comboboxAnatomy } from '../chunk/POIATK64.js';
+export { colorPickerAnatomy } from '../chunk/7ANKVUWM.js';
 export { datePickerAnatomy } from '../chunk/6HVSV6OM.js';
 export { anatomy as editableAnatomy } from '../chunk/T4TXUFN5.js';
 export { anatomy as avatarAnatomy } from '../chunk/YOEDWE3L.js';
-export { anatomy as carouselAnatomy } from '../chunk/4EHDEDQ4.js';
 export { anatomy as bottomSheetAnatomy } from '../chunk/2R6SK2X3.js';
+export { anatomy as carouselAnatomy } from '../chunk/4EHDEDQ4.js';
+export { anatomy as clipboardAnatomy } from '../chunk/RT7IPDCG.js';
 export { checkboxAnatomy } from '../chunk/G5RHOVDI.js';
 export { fieldAnatomy } from '../chunk/DAGJUXUK.js';
 export { fieldsetAnatomy } from '../chunk/FCMJTSIR.js';
-export { anatomy as clipboardAnatomy } from '../chunk/RT7IPDCG.js';
 export { anatomy as accordionAnatomy } from '../chunk/PB2JIZF3.js';
 export { anatomy as collapsibleAnatomy } from '../chunk/O4XIKULN.js';
 export { anatomy as angleSliderAnatomy } from '../chunk/32UGE3KC.js';