@ark-ui/solid 5.6.0 → 5.8.0

package/dist/chunk/{YGOJI6HV.js → 6VPRFZA4.js}

@@ -1,9 +1,9 @@
-import { collapsible_exports } from './DW4NU34Z.js';
+import { collapsible_exports } from './OE7Y5R5I.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './YMMMHJJS.js';
 import { useLocaleContext } from './QEMQBM6W.js';
+import { useEnvironmentContext } from './YMMMHJJS.js';
 import { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';

package/dist/chunk/{Y3WE2S3D.jsx → 7LQ4EWHB.jsx}

@@ -13,12 +13,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
@@ -198,7 +198,6 @@ var DatePickerRoot = (props) => {
     "id",
     "ids",
     "isDateUnavailable",
-    "isDateUnavailable",
     "locale",
     "max",
     "maxView",
@@ -206,6 +205,7 @@ var DatePickerRoot = (props) => {
     "minView",
     "name",
     "numOfMonths",
+    "outsideDaySelectable",
     "onFocusChange",
     "onOpenChange",
     "onValueChange",

package/dist/chunk/{SSZEXBY3.js → BBUDIIYT.js}

@@ -1,16 +1,17 @@
+import { createGuards, createMachine } from './PKUUD527.js';
 import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './7S3N5UQH.js';
 import { createSplitProps as createSplitProps$1 } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './YMMMHJJS.js';
 import { useLocaleContext } from './QEMQBM6W.js';
+import { useEnvironmentContext } from './YMMMHJJS.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';
 import { createAnatomy } from '@zag-js/anatomy';
-import { dataAttr, getEventTarget, isSelfTarget, getEventStep, getEventKey, raf, isHTMLElement, addDomEvent, trackPointerMove } from '@zag-js/dom-query';
-import { createSplitProps, match, toPx, invariant, pick, ensureProps } from '@zag-js/utils';
+import { raf, isHTMLElement, addDomEvent, trackPointerMove, dataAttr, getEventTarget, isSelfTarget, getEventStep, getEventKey } from '@zag-js/dom-query';
+import { invariant, match, pick, clampValue, ensureProps, createSplitProps, toPx } from '@zag-js/utils';
 import { createProps } from '@zag-js/types';
 import { createUniqueId, createMemo } from 'solid-js';
 
@@ -451,28 +452,6 @@ function transformRect(rect, transform, normalized = true) {
   const p2 = transform.applyTo({ x: rect.maxX, y: rect.maxY });
   return createRectFromPoints(p1, p2, normalized);
 }
-function createGuards() {
-  return {
-    and: (...guards) => {
-      return function andGuard(params) {
-        return guards.every((str) => params.guard(str));
-      };
-    },
-    or: (...guards) => {
-      return function orGuard(params) {
-        return guards.some((str) => params.guard(str));
-      };
-    },
-    not: (guard) => {
-      return function notGuard(params) {
-        return !params.guard(guard);
-      };
-    }
-  };
-}
-function createMachine(config) {
-  return config;
-}
 var GET_ORIGINAL_SYMBOL = Symbol();
 var getProto = Object.getPrototypeOf;
 var objectsToTrack = /* @__PURE__ */ new WeakMap();
@@ -861,7 +840,8 @@ function connect(service, normalize) {
         onClick(event) {
           if (event.defaultPrevented) return;
           if (prop("disabled")) return;
-          send({ type: "OPEN" });
+          const open2 = state.hasTag("open");
+          send({ type: open2 ? "CLOSE" : "OPEN", src: "trigger" });
         }
       });
     },
@@ -1098,7 +1078,7 @@ var panelStack = proxy({
     return this.stack.indexOf(id);
   }
 });
-var { not } = createGuards();
+var { not, and } = createGuards();
 var defaultTranslations = {
   minimize: "Minimize window",
   maximize: "Maximize window",
@@ -1108,7 +1088,7 @@ var machine = createMachine({
   props({ props: props2 }) {
     ensureProps(props2, ["id"], "floating-panel");
     return {
-      strategy: "absolute",
+      strategy: "fixed",
       gridSize: 1,
       defaultSize: { width: 320, height: 240 },
       defaultPosition: { x: 300, y: 100 },
@@ -1207,10 +1187,20 @@ var machine = createMachine({
     closed: {
       tags: ["closed"],
       on: {
-        OPEN: {
+        "CONTROLLED.OPEN": {
           target: "open",
-          actions: ["invokeOnOpen", "setAnchorPosition", "setPositionStyle", "setSizeStyle", "focusContentEl"]
-        }
+          actions: ["setAnchorPosition", "setPositionStyle", "setSizeStyle", "focusContentEl"]
+        },
+        OPEN: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen", "setAnchorPosition", "setPositionStyle", "setSizeStyle", "focusContentEl"]
+          }
+        ]
       }
     },
     open: {
@@ -1228,15 +1218,32 @@ var machine = createMachine({
           target: "open.resizing",
           actions: ["setPrevSize"]
         },
-        CLOSE: {
-          target: "closed",
-          actions: ["invokeOnClose", "resetRect", "focusTriggerEl"]
-        },
-        ESCAPE: {
-          guard: "closeOnEsc",
+        "CONTROLLED.CLOSE": {
           target: "closed",
-          actions: ["invokeOnClose", "resetRect", "focusTriggerEl"]
+          actions: ["resetRect", "focusTriggerEl"]
         },
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            target: "closed",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose", "resetRect", "focusTriggerEl"]
+          }
+        ],
+        ESCAPE: [
+          {
+            guard: and("isOpenControlled", "closeOnEsc"),
+            actions: ["invokeOnClose"]
+          },
+          {
+            guard: "closeOnEsc",
+            target: "closed",
+            actions: ["invokeOnClose", "resetRect", "focusTriggerEl"]
+          }
+        ],
         MINIMIZE: {
           actions: ["setMinimized"]
         },
@@ -1263,10 +1270,21 @@ var machine = createMachine({
           target: "open",
           actions: ["invokeOnDragEnd"]
         },
-        CLOSE: {
+        "CONTROLLED.CLOSE": {
           target: "closed",
-          actions: ["invokeOnClose", "resetRect"]
+          actions: ["resetRect"]
         },
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            target: "closed",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose", "resetRect"]
+          }
+        ],
         ESCAPE: {
           target: "open"
         }
@@ -1284,10 +1302,21 @@ var machine = createMachine({
           target: "open",
           actions: ["invokeOnResizeEnd"]
         },
-        CLOSE: {
+        "CONTROLLED.CLOSE": {
           target: "closed",
-          actions: ["invokeOnClose", "resetRect"]
+          actions: ["resetRect"]
         },
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            target: "closed",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose", "resetRect"]
+          }
+        ],
         ESCAPE: {
           target: "open"
         }
@@ -1298,15 +1327,20 @@ var machine = createMachine({
     guards: {
       closeOnEsc: ({ prop }) => !!prop("closeOnEscape"),
       isMaximized: ({ context }) => context.get("stage") === "maximized",
-      isMinimized: ({ context }) => context.get("stage") === "minimized"
+      isMinimized: ({ context }) => context.get("stage") === "minimized",
+      isOpenControlled: ({ prop }) => prop("open") != void 0
     },
     effects: {
-      trackPointerMove({ scope, send, event: evt }) {
+      trackPointerMove({ scope, send, event: evt, prop }) {
         const doc = scope.getDoc();
+        const boundaryEl = prop("getBoundaryEl")?.();
+        const boundaryRect = getBoundaryRect(scope, boundaryEl, false);
         return trackPointerMove(doc, {
           onPointerMove({ point, event }) {
             const { altKey, shiftKey } = event;
-            send({ type: "DRAG", position: point, axis: evt.axis, altKey, shiftKey });
+            let x = clampValue(point.x, boundaryRect.x, boundaryRect.x + boundaryRect.width);
+            let y = clampValue(point.y, boundaryRect.y, boundaryRect.y + boundaryRect.height);
+            send({ type: "DRAG", position: { x, y }, axis: evt.axis, altKey, shiftKey });
           },
           onPointerUp() {
             send({ type: "DRAG_END" });

package/dist/chunk/{VDDVCRFC.jsx → BXAUWHBZ.jsx}

@@ -1,12 +1,12 @@
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
@@ -104,10 +104,12 @@ var Toaster = (props) => {
     </ark.div>;
 };
 var ToastActor = (props) => {
+  const env = useEnvironmentContext();
   const localProps = createMemo(() => ({
     ...props.value(),
     parent: props.parent,
-    index: props.index()
+    index: props.index(),
+    getRootNode: env().getRootNode
   }));
   const service = useMachine(toast2.machine, localProps);
   const api = createMemo(() => toast2.connect(service, normalizeProps));

package/dist/chunk/{N4O7ZKCJ.jsx → BZLIWOGC.jsx}

@@ -1,7 +1,7 @@
 import {
   collapsible_exports,
   useCollapsibleContext
-} from "./AYESR2LP.jsx";
+} from "./FUGFSIYK.jsx";
 import {
   RenderStrategyProvider,
   splitRenderStrategyProps,
@@ -13,12 +13,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";

package/dist/chunk/{EEG3DZXG.jsx → CRWRK56B.jsx}

@@ -4,12 +4,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
@@ -63,6 +63,7 @@ var useToggleGroup = (props) => {
 var ToggleGroupRoot = (props) => {
   const [useToggleGroupProps, restProps] = createSplitProps()(props, [
     "defaultValue",
+    "deselectable",
     "disabled",
     "id",
     "ids",

package/dist/chunk/ETB2BIQZ.jsx

@@ -0,0 +1,30 @@
+// ../../node_modules/@zag-js/core/dist/index.mjs
+import { callAll, isEqual, isString } from "@zag-js/utils";
+import { getActiveElement, getDocument } from "@zag-js/dom-query";
+function createGuards() {
+  return {
+    and: (...guards) => {
+      return function andGuard(params) {
+        return guards.every((str) => params.guard(str));
+      };
+    },
+    or: (...guards) => {
+      return function orGuard(params) {
+        return guards.some((str) => params.guard(str));
+      };
+    },
+    not: (guard) => {
+      return function notGuard(params) {
+        return !params.guard(guard);
+      };
+    }
+  };
+}
+function createMachine(config) {
+  return config;
+}
+
+export {
+  createGuards,
+  createMachine
+};

package/dist/chunk/{U67NSVQP.js → FPYZVUFW.js}

@@ -1,9 +1,9 @@
-import { useCollapsibleContext, collapsible_exports } from './DW4NU34Z.js';
+import { useCollapsibleContext, collapsible_exports } from './OE7Y5R5I.js';
 import { splitRenderStrategyProps, RenderStrategyProvider, useRenderStrategyContext } from './QFAL6GWC.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './YMMMHJJS.js';
 import { useLocaleContext } from './QEMQBM6W.js';
+import { useEnvironmentContext } from './YMMMHJJS.js';
 import { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';

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

@@ -2,8 +2,8 @@ import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext }
 import { composeRefs } from './XN6EERRM.js';
 import { createSplitProps } from './ZMHI4GDJ.js';
 import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './YMMMHJJS.js';
 import { useLocaleContext } from './QEMQBM6W.js';
+import { useEnvironmentContext } from './YMMMHJJS.js';
 import { createContext } from './TROPIN4C.js';
 import { runIfFn } from './DT73WLR4.js';
 import { __export } from './ESLJRKWD.js';
@@ -151,7 +151,7 @@ var useDatePicker = (props) => {
 // src/components/date-picker/date-picker-root.tsx
 var DatePickerRoot = (props) => {
   const [presenceProps, datePickerProps] = splitPresenceProps(props);
-  const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, ["closeOnSelect", "defaultFocusedValue", "defaultOpen", "defaultValue", "defaultView", "disabled", "fixedWeeks", "focusedValue", "format", "id", "ids", "isDateUnavailable", "isDateUnavailable", "locale", "max", "maxView", "min", "minView", "name", "numOfMonths", "onFocusChange", "onOpenChange", "onValueChange", "onViewChange", "open", "parse", "placeholder", "positioning", "readOnly", "selectionMode", "startOfWeek", "timeZone", "translations", "value", "view"]);
+  const [useDatePickerProps, localProps] = createSplitProps()(datePickerProps, ["closeOnSelect", "defaultFocusedValue", "defaultOpen", "defaultValue", "defaultView", "disabled", "fixedWeeks", "focusedValue", "format", "id", "ids", "isDateUnavailable", "locale", "max", "maxView", "min", "minView", "name", "numOfMonths", "outsideDaySelectable", "onFocusChange", "onOpenChange", "onValueChange", "onViewChange", "open", "parse", "placeholder", "positioning", "readOnly", "selectionMode", "startOfWeek", "timeZone", "translations", "value", "view"]);
   const api = useDatePicker(useDatePickerProps);
   const apiPresence = usePresence(mergeProps(presenceProps, () => ({
     present: api().open

package/dist/chunk/{G2DDCQSJ.jsx → MJEKBIW2.jsx}

@@ -1,3 +1,7 @@
+import {
+  createGuards,
+  createMachine
+} from "./ETB2BIQZ.jsx";
 import {
   PresenceProvider,
   splitPresenceProps,
@@ -10,12 +14,12 @@ import {
 import {
   ark
 } from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./D2Z5BEON.jsx";
 import {
   useLocaleContext
 } from "./RCXMZN3G.jsx";
+import {
+  useEnvironmentContext
+} from "./D2Z5BEON.jsx";
 import {
   createContext
 } from "./TVCIHLER.jsx";
@@ -501,33 +505,7 @@ function transformRect(rect, transform, normalized = true) {
 }
 
 // ../../node_modules/@zag-js/floating-panel/dist/index.mjs
-import { invariant, match, pick, ensureProps, createSplitProps as createSplitProps2, toPx } from "@zag-js/utils";
-
-// ../../node_modules/@zag-js/core/dist/index.mjs
-import { callAll, isEqual, isString } from "@zag-js/utils";
-import { getActiveElement, getDocument } from "@zag-js/dom-query";
-function createGuards() {
-  return {
-    and: (...guards) => {
-      return function andGuard(params) {
-        return guards.every((str) => params.guard(str));
-      };
-    },
-    or: (...guards) => {
-      return function orGuard(params) {
-        return guards.some((str) => params.guard(str));
-      };
-    },
-    not: (guard) => {
-      return function notGuard(params) {
-        return !params.guard(guard);
-      };
-    }
-  };
-}
-function createMachine(config) {
-  return config;
-}
+import { invariant, match, pick, clampValue, ensureProps, createSplitProps as createSplitProps2, toPx } from "@zag-js/utils";
 
 // ../../node_modules/proxy-compare/dist/index.js
 var TRACK_MEMO_SYMBOL = Symbol();
@@ -931,7 +909,8 @@ function connect(service, normalize) {
         onClick(event) {
           if (event.defaultPrevented) return;
           if (prop("disabled")) return;
-          send({ type: "OPEN" });
+          const open2 = state.hasTag("open");
+          send({ type: open2 ? "CLOSE" : "OPEN", src: "trigger" });
         }
       });
     },
@@ -1168,7 +1147,7 @@ var panelStack = proxy({
     return this.stack.indexOf(id);
   }
 });
-var { not } = createGuards();
+var { not, and } = createGuards();
 var defaultTranslations = {
   minimize: "Minimize window",
   maximize: "Maximize window",
@@ -1178,7 +1157,7 @@ var machine = createMachine({
   props({ props: props2 }) {
     ensureProps(props2, ["id"], "floating-panel");
     return {
-      strategy: "absolute",
+      strategy: "fixed",
       gridSize: 1,
       defaultSize: { width: 320, height: 240 },
       defaultPosition: { x: 300, y: 100 },
@@ -1277,10 +1256,20 @@ var machine = createMachine({
     closed: {
       tags: ["closed"],
       on: {
-        OPEN: {
+        "CONTROLLED.OPEN": {
           target: "open",
-          actions: ["invokeOnOpen", "setAnchorPosition", "setPositionStyle", "setSizeStyle", "focusContentEl"]
-        }
+          actions: ["setAnchorPosition", "setPositionStyle", "setSizeStyle", "focusContentEl"]
+        },
+        OPEN: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen", "setAnchorPosition", "setPositionStyle", "setSizeStyle", "focusContentEl"]
+          }
+        ]
       }
     },
     open: {
@@ -1298,15 +1287,32 @@ var machine = createMachine({
           target: "open.resizing",
           actions: ["setPrevSize"]
         },
-        CLOSE: {
+        "CONTROLLED.CLOSE": {
           target: "closed",
-          actions: ["invokeOnClose", "resetRect", "focusTriggerEl"]
-        },
-        ESCAPE: {
-          guard: "closeOnEsc",
-          target: "closed",
-          actions: ["invokeOnClose", "resetRect", "focusTriggerEl"]
+          actions: ["resetRect", "focusTriggerEl"]
         },
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            target: "closed",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose", "resetRect", "focusTriggerEl"]
+          }
+        ],
+        ESCAPE: [
+          {
+            guard: and("isOpenControlled", "closeOnEsc"),
+            actions: ["invokeOnClose"]
+          },
+          {
+            guard: "closeOnEsc",
+            target: "closed",
+            actions: ["invokeOnClose", "resetRect", "focusTriggerEl"]
+          }
+        ],
         MINIMIZE: {
           actions: ["setMinimized"]
         },
@@ -1333,10 +1339,21 @@ var machine = createMachine({
           target: "open",
           actions: ["invokeOnDragEnd"]
         },
-        CLOSE: {
+        "CONTROLLED.CLOSE": {
           target: "closed",
-          actions: ["invokeOnClose", "resetRect"]
+          actions: ["resetRect"]
         },
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            target: "closed",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose", "resetRect"]
+          }
+        ],
         ESCAPE: {
           target: "open"
         }
@@ -1354,10 +1371,21 @@ var machine = createMachine({
           target: "open",
           actions: ["invokeOnResizeEnd"]
         },
-        CLOSE: {
+        "CONTROLLED.CLOSE": {
           target: "closed",
-          actions: ["invokeOnClose", "resetRect"]
+          actions: ["resetRect"]
         },
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            target: "closed",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose", "resetRect"]
+          }
+        ],
         ESCAPE: {
           target: "open"
         }
@@ -1368,15 +1396,20 @@ var machine = createMachine({
     guards: {
       closeOnEsc: ({ prop }) => !!prop("closeOnEscape"),
       isMaximized: ({ context }) => context.get("stage") === "maximized",
-      isMinimized: ({ context }) => context.get("stage") === "minimized"
+      isMinimized: ({ context }) => context.get("stage") === "minimized",
+      isOpenControlled: ({ prop }) => prop("open") != void 0
     },
     effects: {
-      trackPointerMove({ scope, send, event: evt }) {
+      trackPointerMove({ scope, send, event: evt, prop }) {
         const doc = scope.getDoc();
+        const boundaryEl = prop("getBoundaryEl")?.();
+        const boundaryRect = getBoundaryRect(scope, boundaryEl, false);
         return trackPointerMove(doc, {
           onPointerMove({ point, event }) {
             const { altKey, shiftKey } = event;
-            send({ type: "DRAG", position: point, axis: evt.axis, altKey, shiftKey });
+            let x = clampValue(point.x, boundaryRect.x, boundaryRect.x + boundaryRect.width);
+            let y = clampValue(point.y, boundaryRect.y, boundaryRect.y + boundaryRect.height);
+            send({ type: "DRAG", position: { x, y }, axis: evt.axis, altKey, shiftKey });
           },
           onPointerUp() {
             send({ type: "DRAG_END" });