@ark-ui/solid 5.4.0 → 5.6.0

package/dist/chunk/{L6IGMFHF.js → 24OEHSBA.js}

@@ -1,4 +1,4 @@
-import { usePresence, PresenceProvider } from './JSBTYBVG.js';
+import { usePresence, PresenceProvider } from './7S3N5UQH.js';
 import { composeRefs } from './XN6EERRM.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';

package/dist/chunk/{WEP4LIH4.js → 2WVEDTEK.js}

@@ -1,4 +1,4 @@
-import { usePresence, splitPresenceProps, PresenceProvider, usePresenceContext } from './JSBTYBVG.js';
+import { usePresence, splitPresenceProps, PresenceProvider, usePresenceContext } from './7S3N5UQH.js';
 import { composeRefs } from './XN6EERRM.js';
 import { useRenderStrategyContext, splitRenderStrategyProps, RenderStrategyProvider } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';

package/dist/chunk/{CSQ4G2ZR.js → 4VSNWWYK.js}

@@ -1,5 +1,5 @@
 import { useFieldContext } from './UL6NTZA6.js';
-import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './JSBTYBVG.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './7S3N5UQH.js';
 import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
@@ -187,7 +187,7 @@ var useCombobox = (props) => {
 // src/components/combobox/combobox-root.tsx
 var ComboboxRoot = (props) => {
   const [presenceProps, comboboxProps] = splitPresenceProps(props);
-  const [useComboboxProps, localProps] = createSplitProps()(comboboxProps, ["allowCustomValue", "autoFocus", "closeOnSelect", "collection", "composite", "defaultHighlightedValue", "defaultInputValue", "defaultOpen", "defaultValue", "disabled", "disableLayer", "form", "highlightedValue", "id", "ids", "inputBehavior", "inputValue", "invalid", "loopFocus", "multiple", "name", "navigate", "onFocusOutside", "onHighlightChange", "onInputValueChange", "onInteractOutside", "onOpenChange", "onOpenChange", "onPointerDownOutside", "onValueChange", "open", "openOnChange", "openOnClick", "openOnKeyPress", "placeholder", "positioning", "readOnly", "required", "scrollToIndexFn", "selectionBehavior", "translations", "value"]);
+  const [useComboboxProps, localProps] = createSplitProps()(comboboxProps, ["allowCustomValue", "autoFocus", "closeOnSelect", "collection", "composite", "defaultHighlightedValue", "defaultInputValue", "defaultOpen", "defaultValue", "disabled", "disableLayer", "form", "highlightedValue", "id", "ids", "inputBehavior", "inputValue", "invalid", "loopFocus", "multiple", "name", "navigate", "onFocusOutside", "onHighlightChange", "onInputValueChange", "onInteractOutside", "onOpenChange", "onOpenChange", "onPointerDownOutside", "onValueChange", "onSelect", "open", "openOnChange", "openOnClick", "openOnKeyPress", "placeholder", "positioning", "readOnly", "required", "scrollToIndexFn", "selectionBehavior", "translations", "value"]);
   const api = useCombobox(useComboboxProps);
   const apiPresence = usePresence(mergeProps(presenceProps, () => ({
     present: api().open

package/dist/chunk/{YKX6LWQZ.js → 74VQO5NB.js}

@@ -1,5 +1,5 @@
 import { useFieldContext } from './UL6NTZA6.js';
-import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './JSBTYBVG.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './7S3N5UQH.js';
 import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';

package/dist/chunk/{H2PO7WYN.jsx → 7LCINU3A.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./PSNFSH4B.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";

package/dist/chunk/{JSBTYBVG.js → 7S3N5UQH.js}

@@ -10,9 +10,16 @@ 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",
+  "skipAnimationOnMount",
+  "unmountOnExit"
+]);
 var usePresence = (props) => {
-  const [renderStrategyProps, context] = splitRenderStrategyProps(runIfFn(props));
+  const [renderStrategyProps, localProps] = splitRenderStrategyProps(runIfFn(props));
   const [wasEverPresent, setWasEverPresent] = createSignal(false);
   const service = useMachine(presence.machine, props);
   const api = createMemo(() => presence.connect(service, normalizeProps));
@@ -26,7 +33,7 @@ var usePresence = (props) => {
     ref: api().setNode,
     presenceProps: {
       hidden: !api().present,
-      "data-state": context.present ? "open" : "closed"
+      "data-state": api().skip && localProps.skipAnimationOnMount ? void 0 : localProps.present ? "open" : "closed"
     }
   }));
 };

package/dist/chunk/{EDWTEZRE.jsx → 7TPJ7KWF.jsx}

@@ -6,7 +6,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./PSNFSH4B.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";

package/dist/chunk/{QDNMUVUH.js → ABSJMCRQ.js}

@@ -1,4 +1,4 @@
-import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './JSBTYBVG.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './7S3N5UQH.js';
 import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';

package/dist/chunk/{KVZN5EIK.js → BVKIR2P4.js}

@@ -1,4 +1,4 @@
-import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './JSBTYBVG.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './7S3N5UQH.js';
 import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';

package/dist/chunk/{CCJXFSD4.js → CGUVAYKV.js}

@@ -1,4 +1,4 @@
-import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './JSBTYBVG.js';
+import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './7S3N5UQH.js';
 import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';

package/dist/chunk/{SKLHGDXX.jsx → CRYRP5LM.jsx}

@@ -6,7 +6,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./PSNFSH4B.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";

package/dist/chunk/DJIEVIL4.jsx

@@ -0,0 +1,175 @@
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
+import {
+  useLocaleContext
+} from "./RCXMZN3G.jsx";
+import {
+  createContext
+} from "./TVCIHLER.jsx";
+import {
+  runIfFn
+} from "./KGOB2IMX.jsx";
+import {
+  __export
+} from "./7IUG3E2V.jsx";
+
+// src/components/angle-slider/use-angle-slider-context.ts
+var [AngleSliderProvider, useAngleSliderContext] = createContext({
+  hookName: "useAngleSliderContext",
+  providerName: "<AngleSliderProvider />"
+});
+
+// src/components/angle-slider/angle-slider-context.tsx
+var AngleSliderContext = (props) => props.children(useAngleSliderContext());
+
+// src/components/angle-slider/angle-slider-control.tsx
+import { mergeProps } from "@zag-js/solid";
+var AngleSliderControl = (props) => {
+  const api = useAngleSliderContext();
+  const mergedProps = mergeProps(() => api().getControlProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/angle-slider/angle-slider-hidden-input.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+var AngleSliderHiddenInput = (props) => {
+  const api = useAngleSliderContext();
+  const mergedProps = mergeProps2(() => api().getHiddenInputProps(), props);
+  return <ark.input {...mergedProps} />;
+};
+
+// src/components/angle-slider/angle-slider-label.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var AngleSliderLabel = (props) => {
+  const api = useAngleSliderContext();
+  const mergedProps = mergeProps3(() => api().getLabelProps(), props);
+  return <ark.label {...mergedProps} />;
+};
+
+// src/components/angle-slider/angle-slider-marker.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+var AngleSliderMarker = (props) => {
+  const [markerProps, localProps] = createSplitProps()(props, ["value"]);
+  const api = useAngleSliderContext();
+  const mergedProps = mergeProps4(() => api().getMarkerProps(markerProps), localProps);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/angle-slider/angle-slider-marker-group.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+var AngleSliderMarkerGroup = (props) => {
+  const api = useAngleSliderContext();
+  const mergedProps = mergeProps5(() => api().getMarkerGroupProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/angle-slider/angle-slider-root.tsx
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
+
+// src/components/angle-slider/use-angle-slider.ts
+import * as angleSlider from "@zag-js/angle-slider";
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import { createMemo, createUniqueId } from "solid-js";
+var useAngleSlider = (props) => {
+  const id = createUniqueId();
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const machineProps = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    ...runIfFn(props)
+  }));
+  const service = useMachine(angleSlider.machine, machineProps);
+  return createMemo(() => angleSlider.connect(service, normalizeProps));
+};
+
+// src/components/angle-slider/angle-slider-root.tsx
+var AngleSliderRoot = (props) => {
+  const [useAngleSliderProps, localProps] = createSplitProps()(props, [
+    "id",
+    "ids",
+    "name",
+    "invalid",
+    "readOnly",
+    "disabled",
+    "onValueChangeEnd",
+    "onValueChange",
+    "defaultValue",
+    "value",
+    "step"
+  ]);
+  const angleSlider2 = useAngleSlider(useAngleSliderProps);
+  const mergedProps = mergeProps6(() => angleSlider2().getRootProps(), localProps);
+  return <AngleSliderProvider value={angleSlider2}>
+      <ark.div {...mergedProps} />
+    </AngleSliderProvider>;
+};
+
+// src/components/angle-slider/angle-slider-root-provider.tsx
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
+var AngleSliderRootProvider = (props) => {
+  const [rootProps, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps7(() => rootProps.value().getRootProps(), localProps);
+  return <AngleSliderProvider value={rootProps.value}>
+      <ark.div {...mergedProps} />
+    </AngleSliderProvider>;
+};
+
+// src/components/angle-slider/angle-slider-thumb.tsx
+import { mergeProps as mergeProps8 } from "@zag-js/solid";
+var AngleSliderThumb = (props) => {
+  const api = useAngleSliderContext();
+  const mergedProps = mergeProps8(() => api().getThumbProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/angle-slider/angle-slider-value-text.tsx
+import { mergeProps as mergeProps9 } from "@zag-js/solid";
+var AngleSliderValueText = (props) => {
+  const api = useAngleSliderContext();
+  const mergedProps = mergeProps9(() => api().getValueTextProps(), props);
+  return <ark.div {...mergedProps}>{props.children || api().valueAsDegree}</ark.div>;
+};
+
+// src/components/angle-slider/angle-slider.anatomy.tsx
+import { anatomy } from "@zag-js/angle-slider";
+
+// src/components/angle-slider/angle-slider.ts
+var angle_slider_exports = {};
+__export(angle_slider_exports, {
+  Context: () => AngleSliderContext,
+  Control: () => AngleSliderControl,
+  HiddenInput: () => AngleSliderHiddenInput,
+  Label: () => AngleSliderLabel,
+  Marker: () => AngleSliderMarker,
+  MarkerGroup: () => AngleSliderMarkerGroup,
+  Root: () => AngleSliderRoot,
+  RootProvider: () => AngleSliderRootProvider,
+  Thumb: () => AngleSliderThumb,
+  ValueText: () => AngleSliderValueText
+});
+
+export {
+  useAngleSliderContext,
+  AngleSliderContext,
+  AngleSliderControl,
+  AngleSliderHiddenInput,
+  AngleSliderLabel,
+  AngleSliderMarker,
+  AngleSliderMarkerGroup,
+  useAngleSlider,
+  AngleSliderRoot,
+  AngleSliderRootProvider,
+  AngleSliderThumb,
+  AngleSliderValueText,
+  anatomy,
+  angle_slider_exports
+};

package/dist/chunk/DPTBH7NV.js

@@ -0,0 +1,116 @@
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.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 * as angleSlider from '@zag-js/angle-slider';
+export { anatomy } from '@zag-js/angle-slider';
+import { createUniqueId, createMemo } from 'solid-js';
+
+// src/components/angle-slider/use-angle-slider-context.ts
+var [AngleSliderProvider, useAngleSliderContext] = createContext({
+  hookName: "useAngleSliderContext",
+  providerName: "<AngleSliderProvider />"
+});
+
+// src/components/angle-slider/angle-slider-context.tsx
+var AngleSliderContext = (props) => props.children(useAngleSliderContext());
+var AngleSliderControl = (props) => {
+  const api = useAngleSliderContext();
+  const mergedProps = mergeProps(() => api().getControlProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var AngleSliderHiddenInput = (props) => {
+  const api = useAngleSliderContext();
+  const mergedProps = mergeProps(() => api().getHiddenInputProps(), props);
+  return createComponent(ark.input, mergedProps);
+};
+var AngleSliderLabel = (props) => {
+  const api = useAngleSliderContext();
+  const mergedProps = mergeProps(() => api().getLabelProps(), props);
+  return createComponent(ark.label, mergedProps);
+};
+var AngleSliderMarker = (props) => {
+  const [markerProps, localProps] = createSplitProps()(props, ["value"]);
+  const api = useAngleSliderContext();
+  const mergedProps = mergeProps(() => api().getMarkerProps(markerProps), localProps);
+  return createComponent(ark.div, mergedProps);
+};
+var AngleSliderMarkerGroup = (props) => {
+  const api = useAngleSliderContext();
+  const mergedProps = mergeProps(() => api().getMarkerGroupProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var useAngleSlider = (props) => {
+  const id = createUniqueId();
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const machineProps = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    ...runIfFn(props)
+  }));
+  const service = useMachine(angleSlider.machine, machineProps);
+  return createMemo(() => angleSlider.connect(service, normalizeProps));
+};
+
+// src/components/angle-slider/angle-slider-root.tsx
+var AngleSliderRoot = (props) => {
+  const [useAngleSliderProps, localProps] = createSplitProps()(props, ["id", "ids", "name", "invalid", "readOnly", "disabled", "onValueChangeEnd", "onValueChange", "defaultValue", "value", "step"]);
+  const angleSlider2 = useAngleSlider(useAngleSliderProps);
+  const mergedProps = mergeProps(() => angleSlider2().getRootProps(), localProps);
+  return createComponent(AngleSliderProvider, {
+    value: angleSlider2,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var AngleSliderRootProvider = (props) => {
+  const [rootProps, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(() => rootProps.value().getRootProps(), localProps);
+  return createComponent(AngleSliderProvider, {
+    get value() {
+      return rootProps.value;
+    },
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var AngleSliderThumb = (props) => {
+  const api = useAngleSliderContext();
+  const mergedProps = mergeProps(() => api().getThumbProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var AngleSliderValueText = (props) => {
+  const api = useAngleSliderContext();
+  const mergedProps = mergeProps(() => api().getValueTextProps(), props);
+  return createComponent(ark.div, mergeProps$1(mergedProps, {
+    get children() {
+      return props.children || api().valueAsDegree;
+    }
+  }));
+};
+
+// src/components/angle-slider/angle-slider.ts
+var angle_slider_exports = {};
+__export(angle_slider_exports, {
+  Context: () => AngleSliderContext,
+  Control: () => AngleSliderControl,
+  HiddenInput: () => AngleSliderHiddenInput,
+  Label: () => AngleSliderLabel,
+  Marker: () => AngleSliderMarker,
+  MarkerGroup: () => AngleSliderMarkerGroup,
+  Root: () => AngleSliderRoot,
+  RootProvider: () => AngleSliderRootProvider,
+  Thumb: () => AngleSliderThumb,
+  ValueText: () => AngleSliderValueText
+});
+
+export { AngleSliderContext, AngleSliderControl, AngleSliderHiddenInput, AngleSliderLabel, AngleSliderMarker, AngleSliderMarkerGroup, AngleSliderRoot, AngleSliderRootProvider, AngleSliderThumb, AngleSliderValueText, angle_slider_exports, useAngleSlider, useAngleSliderContext };

package/dist/chunk/{WNMJRJ4R.jsx → DXWAFMGQ.jsx}

@@ -3,7 +3,7 @@ import {
   splitPresenceProps,
   usePresence,
   usePresenceContext
-} from "./PSNFSH4B.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";

package/dist/chunk/{ZVM34F6R.js → E2CL7JEV.js}

@@ -1,4 +1,4 @@
-import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './JSBTYBVG.js';
+import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './7S3N5UQH.js';
 import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';

package/dist/chunk/{YUDHR2PE.jsx → F4L2MTJA.jsx}

@@ -1,7 +1,7 @@
 import {
   PresenceProvider,
   usePresence
-} from "./PSNFSH4B.jsx";
+} from "./WC2HBDLJ.jsx";
 import {
   composeRefs
 } from "./DOBZPYAN.jsx";