mainstack-design-system 1.0.0 → 1.1.2

package/dist/mainstack-design-system498.js

@@ -0,0 +1,17 @@
+import { jsx as m } from "react/jsx-runtime";
+import l from "react";
+import { cn as a } from "./mainstack-design-system586.js";
+const p = l.forwardRef, d = p(
+  ({ className: o, as: t, ...r }, e) => /* @__PURE__ */ m(
+    t || "h3",
+    {
+      ref: e,
+      "data-slot": "toggle-title",
+      className: a("flex-1 text-primary body-small-medium", o),
+      ...r
+    }
+  )
+);
+export {
+  d as ToggleTitle
+};

package/dist/mainstack-design-system499.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),i=require("./mainstack-design-system502.cjs"),g=require("./mainstack-design-system586.cjs"),c=n.forwardRef(({children:e,size:t="sm",...o},r)=>s.jsx("div",{ref:r,className:g.cn(i.toggleVariants({size:t}),"flex items-center justify-between gap-3"),...o,children:e}));exports.ToggleRoot=c;

package/dist/mainstack-design-system499.js

@@ -0,0 +1,21 @@
+import { jsx as m } from "react/jsx-runtime";
+import f from "react";
+import { toggleVariants as a } from "./mainstack-design-system502.js";
+import { cn as i } from "./mainstack-design-system586.js";
+const g = f.forwardRef(
+  ({ children: t, size: e = "sm", ...o }, r) => /* @__PURE__ */ m(
+    "div",
+    {
+      ref: r,
+      className: i(
+        a({ size: e }),
+        "flex items-center justify-between gap-3"
+      ),
+      ...o,
+      children: t
+    }
+  )
+);
+export {
+  g as ToggleRoot
+};

package/dist/mainstack-design-system5.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./mainstack-design-system377.cjs");exports.BodyText=e.BodyText;

package/dist/mainstack-design-system5.js

@@ -0,0 +1,4 @@
+import { BodyText as r } from "./mainstack-design-system377.js";
+export {
+  r as BodyText
+};

package/dist/mainstack-design-system50.cjs

@@ -0,0 +1 @@
+"use strict";const C=require("react/jsx-runtime"),r=require("./mainstack-design-system356.cjs"),V={outlined:C.jsx("g",{mask:"url(#mask0_1726_1360)",children:C.jsx("path",{d:"M18 19.5H15.75C15.5375 19.5 15.3593 19.4281 15.2155 19.2843C15.0718 19.1404 15 18.9622 15 18.7498C15 18.5371 15.0718 18.359 15.2155 18.2155C15.3593 18.0718 15.5375 18 15.75 18H18V15.75C18 15.5375 18.0719 15.3593 18.2157 15.2155C18.3596 15.0718 18.5377 15 18.7502 15C18.9629 15 19.141 15.0718 19.2845 15.2155C19.4282 15.3593 19.5 15.5375 19.5 15.75V18H21.75C21.9625 18 22.1406 18.0719 22.2842 18.2158C22.4281 18.3596 22.5 18.5378 22.5 18.7503C22.5 18.9629 22.4281 19.141 22.2842 19.2845C22.1406 19.4282 21.9625 19.5 21.75 19.5H19.5V21.75C19.5 21.9625 19.4281 22.1406 19.2842 22.2843C19.1404 22.4281 18.9622 22.5 18.7497 22.5C18.5371 22.5 18.359 22.4281 18.2155 22.2843C18.0718 22.1406 18 21.9625 18 21.75V19.5ZM3.51924 19.75C3.26324 19.75 3.04857 19.6634 2.87524 19.4902C2.70207 19.3169 2.61549 19.1022 2.61549 18.8462V13.75H2.30574C2.02124 13.75 1.78699 13.6388 1.60299 13.4163C1.41899 13.1939 1.36032 12.9404 1.42699 12.6558L2.42699 7.9635C2.47249 7.75533 2.57882 7.58442 2.74599 7.45075C2.91299 7.31692 3.10282 7.25 3.31549 7.25H16.1845C16.3972 7.25 16.5871 7.31692 16.7542 7.45075C16.9212 7.58442 17.0275 7.75533 17.073 7.9635L18.073 12.6558C18.1397 12.9404 18.081 13.1939 17.897 13.4163C17.7132 13.6388 17.4789 13.75 17.1942 13.75H16.8845V16.1348C16.8845 16.3471 16.8127 16.5252 16.669 16.669C16.5252 16.8127 16.3469 16.8845 16.1342 16.8845C15.9217 16.8845 15.7437 16.8127 15.6 16.669C15.4565 16.5252 15.3847 16.3471 15.3847 16.1348V13.75H11.1155V18.8462C11.1155 19.1022 11.0288 19.3169 10.8555 19.4902C10.6823 19.6634 10.4677 19.75 10.2115 19.75H3.51924ZM4.11549 18.25H9.61549V13.75H4.11549V18.25ZM3.32699 5.75C3.11449 5.75 2.93632 5.67808 2.79249 5.53425C2.64882 5.39042 2.57699 5.21225 2.57699 4.99975C2.57699 4.78708 2.64882 4.609 2.79249 4.4655C2.93632 4.32183 3.11449 4.25 3.32699 4.25H16.173C16.3855 4.25 16.5637 4.32192 16.7075 4.46575C16.8512 4.60958 16.923 4.78775 16.923 5.00025C16.923 5.21292 16.8512 5.391 16.7075 5.5345C16.5637 5.67817 16.3855 5.75 16.173 5.75H3.32699ZM3.03074 12.25H16.4692L15.7057 8.75H3.79424L3.03074 12.25Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1726_1369)",children:C.jsx("path",{d:"M18 19.5H15.75C15.5375 19.5 15.3593 19.4281 15.2155 19.2843C15.0718 19.1404 15 18.9622 15 18.7498C15 18.5371 15.0718 18.359 15.2155 18.2155C15.3593 18.0718 15.5375 18 15.75 18H18V15.75C18 15.5375 18.0719 15.3593 18.2157 15.2155C18.3596 15.0718 18.5377 15 18.7502 15C18.9629 15 19.141 15.0718 19.2845 15.2155C19.4282 15.3593 19.5 15.5375 19.5 15.75V18H21.75C21.9625 18 22.1406 18.0719 22.2842 18.2158C22.4281 18.3596 22.5 18.5378 22.5 18.7503C22.5 18.9629 22.4281 19.141 22.2842 19.2845C22.1406 19.4282 21.9625 19.5 21.75 19.5H19.5V21.75C19.5 21.9625 19.4281 22.1406 19.2842 22.2843C19.1404 22.4281 18.9622 22.5 18.7497 22.5C18.5371 22.5 18.359 22.4281 18.2155 22.2843C18.0718 22.1406 18 21.9625 18 21.75V19.5ZM3.51924 19.75C3.26324 19.75 3.04857 19.6634 2.87524 19.4902C2.70207 19.3169 2.61549 19.1022 2.61549 18.8462V13.75H2.30574C2.02124 13.75 1.78699 13.6388 1.60299 13.4163C1.41899 13.1939 1.36032 12.9404 1.42699 12.6558L2.42699 7.9635C2.47249 7.75533 2.57882 7.58442 2.74599 7.45075C2.91299 7.31692 3.10282 7.25 3.31549 7.25H16.1845C16.3972 7.25 16.5871 7.31692 16.7542 7.45075C16.9212 7.58442 17.0275 7.75533 17.073 7.9635L18.073 12.6558C18.1397 12.9404 18.081 13.1939 17.897 13.4163C17.7132 13.6388 17.4789 13.75 17.1942 13.75H16.8845V16.1348C16.8845 16.3471 16.8127 16.5252 16.669 16.669C16.5252 16.8127 16.3469 16.8845 16.1342 16.8845C15.9217 16.8845 15.7437 16.8127 15.6 16.669C15.4565 16.5252 15.3847 16.3471 15.3847 16.1348V13.75H11.1155V18.8462C11.1155 19.1022 11.0288 19.3169 10.8555 19.4902C10.6823 19.6634 10.4677 19.75 10.2115 19.75H3.51924ZM4.11549 18.25H9.61549V13.75H4.11549V18.25ZM3.32699 5.75C3.11449 5.75 2.93632 5.67808 2.79249 5.53425C2.64882 5.39042 2.57699 5.21225 2.57699 4.99975C2.57699 4.78708 2.64882 4.609 2.79249 4.4655C2.93632 4.32183 3.11449 4.25 3.32699 4.25H16.173C16.3855 4.25 16.5637 4.32192 16.7075 4.46575C16.8512 4.60958 16.923 4.78775 16.923 5.00025C16.923 5.21292 16.8512 5.391 16.7075 5.5345C16.5637 5.67817 16.3855 5.75 16.173 5.75H3.32699Z",fill:"currentColor"})})},n=({variant:H="outlined",...s})=>C.jsx(r,{...s,children:V[H]});module.exports=n;

package/dist/mainstack-design-system50.js

@@ -0,0 +1,24 @@
+import { jsx as C } from "react/jsx-runtime";
+import V from "./mainstack-design-system356.js";
+const l = {
+  outlined: /* @__PURE__ */ C("g", { mask: "url(#mask0_1726_1360)", children: /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M18 19.5H15.75C15.5375 19.5 15.3593 19.4281 15.2155 19.2843C15.0718 19.1404 15 18.9622 15 18.7498C15 18.5371 15.0718 18.359 15.2155 18.2155C15.3593 18.0718 15.5375 18 15.75 18H18V15.75C18 15.5375 18.0719 15.3593 18.2157 15.2155C18.3596 15.0718 18.5377 15 18.7502 15C18.9629 15 19.141 15.0718 19.2845 15.2155C19.4282 15.3593 19.5 15.5375 19.5 15.75V18H21.75C21.9625 18 22.1406 18.0719 22.2842 18.2158C22.4281 18.3596 22.5 18.5378 22.5 18.7503C22.5 18.9629 22.4281 19.141 22.2842 19.2845C22.1406 19.4282 21.9625 19.5 21.75 19.5H19.5V21.75C19.5 21.9625 19.4281 22.1406 19.2842 22.2843C19.1404 22.4281 18.9622 22.5 18.7497 22.5C18.5371 22.5 18.359 22.4281 18.2155 22.2843C18.0718 22.1406 18 21.9625 18 21.75V19.5ZM3.51924 19.75C3.26324 19.75 3.04857 19.6634 2.87524 19.4902C2.70207 19.3169 2.61549 19.1022 2.61549 18.8462V13.75H2.30574C2.02124 13.75 1.78699 13.6388 1.60299 13.4163C1.41899 13.1939 1.36032 12.9404 1.42699 12.6558L2.42699 7.9635C2.47249 7.75533 2.57882 7.58442 2.74599 7.45075C2.91299 7.31692 3.10282 7.25 3.31549 7.25H16.1845C16.3972 7.25 16.5871 7.31692 16.7542 7.45075C16.9212 7.58442 17.0275 7.75533 17.073 7.9635L18.073 12.6558C18.1397 12.9404 18.081 13.1939 17.897 13.4163C17.7132 13.6388 17.4789 13.75 17.1942 13.75H16.8845V16.1348C16.8845 16.3471 16.8127 16.5252 16.669 16.669C16.5252 16.8127 16.3469 16.8845 16.1342 16.8845C15.9217 16.8845 15.7437 16.8127 15.6 16.669C15.4565 16.5252 15.3847 16.3471 15.3847 16.1348V13.75H11.1155V18.8462C11.1155 19.1022 11.0288 19.3169 10.8555 19.4902C10.6823 19.6634 10.4677 19.75 10.2115 19.75H3.51924ZM4.11549 18.25H9.61549V13.75H4.11549V18.25ZM3.32699 5.75C3.11449 5.75 2.93632 5.67808 2.79249 5.53425C2.64882 5.39042 2.57699 5.21225 2.57699 4.99975C2.57699 4.78708 2.64882 4.609 2.79249 4.4655C2.93632 4.32183 3.11449 4.25 3.32699 4.25H16.173C16.3855 4.25 16.5637 4.32192 16.7075 4.46575C16.8512 4.60958 16.923 4.78775 16.923 5.00025C16.923 5.21292 16.8512 5.391 16.7075 5.5345C16.5637 5.67817 16.3855 5.75 16.173 5.75H3.32699ZM3.03074 12.25H16.4692L15.7057 8.75H3.79424L3.03074 12.25Z",
+      fill: "currentColor"
+    }
+  ) }),
+  filled: /* @__PURE__ */ C("g", { mask: "url(#mask0_1726_1369)", children: /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M18 19.5H15.75C15.5375 19.5 15.3593 19.4281 15.2155 19.2843C15.0718 19.1404 15 18.9622 15 18.7498C15 18.5371 15.0718 18.359 15.2155 18.2155C15.3593 18.0718 15.5375 18 15.75 18H18V15.75C18 15.5375 18.0719 15.3593 18.2157 15.2155C18.3596 15.0718 18.5377 15 18.7502 15C18.9629 15 19.141 15.0718 19.2845 15.2155C19.4282 15.3593 19.5 15.5375 19.5 15.75V18H21.75C21.9625 18 22.1406 18.0719 22.2842 18.2158C22.4281 18.3596 22.5 18.5378 22.5 18.7503C22.5 18.9629 22.4281 19.141 22.2842 19.2845C22.1406 19.4282 21.9625 19.5 21.75 19.5H19.5V21.75C19.5 21.9625 19.4281 22.1406 19.2842 22.2843C19.1404 22.4281 18.9622 22.5 18.7497 22.5C18.5371 22.5 18.359 22.4281 18.2155 22.2843C18.0718 22.1406 18 21.9625 18 21.75V19.5ZM3.51924 19.75C3.26324 19.75 3.04857 19.6634 2.87524 19.4902C2.70207 19.3169 2.61549 19.1022 2.61549 18.8462V13.75H2.30574C2.02124 13.75 1.78699 13.6388 1.60299 13.4163C1.41899 13.1939 1.36032 12.9404 1.42699 12.6558L2.42699 7.9635C2.47249 7.75533 2.57882 7.58442 2.74599 7.45075C2.91299 7.31692 3.10282 7.25 3.31549 7.25H16.1845C16.3972 7.25 16.5871 7.31692 16.7542 7.45075C16.9212 7.58442 17.0275 7.75533 17.073 7.9635L18.073 12.6558C18.1397 12.9404 18.081 13.1939 17.897 13.4163C17.7132 13.6388 17.4789 13.75 17.1942 13.75H16.8845V16.1348C16.8845 16.3471 16.8127 16.5252 16.669 16.669C16.5252 16.8127 16.3469 16.8845 16.1342 16.8845C15.9217 16.8845 15.7437 16.8127 15.6 16.669C15.4565 16.5252 15.3847 16.3471 15.3847 16.1348V13.75H11.1155V18.8462C11.1155 19.1022 11.0288 19.3169 10.8555 19.4902C10.6823 19.6634 10.4677 19.75 10.2115 19.75H3.51924ZM4.11549 18.25H9.61549V13.75H4.11549V18.25ZM3.32699 5.75C3.11449 5.75 2.93632 5.67808 2.79249 5.53425C2.64882 5.39042 2.57699 5.21225 2.57699 4.99975C2.57699 4.78708 2.64882 4.609 2.79249 4.4655C2.93632 4.32183 3.11449 4.25 3.32699 4.25H16.173C16.3855 4.25 16.5637 4.32192 16.7075 4.46575C16.8512 4.60958 16.923 4.78775 16.923 5.00025C16.923 5.21292 16.8512 5.391 16.7075 5.5345C16.5637 5.67817 16.3855 5.75 16.173 5.75H3.32699Z",
+      fill: "currentColor"
+    }
+  ) })
+}, t = ({
+  variant: H = "outlined",
+  ...r
+}) => /* @__PURE__ */ C(V, { ...r, children: l[H] });
+export {
+  t as default
+};

package/dist/mainstack-design-system500.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),a=require("./index-D6CM36UR.cjs"),c=require("./mainstack-design-system586.cjs"),i=s.forwardRef(({className:e,children:t,...l},o)=>r.jsx(a.Root,{ref:o,"data-slot":"toggle-label",className:c.cn("flex flex-col flex-1 gap-4",e),...l,children:t}));exports.ToggleLabel=i;

package/dist/mainstack-design-system500.js

@@ -0,0 +1,19 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { R as f } from "./index-C8-1UHbn.js";
+import { cn as m } from "./mainstack-design-system586.js";
+const c = a(
+  ({ className: o, children: r, ...e }, l) => /* @__PURE__ */ t(
+    f,
+    {
+      ref: l,
+      "data-slot": "toggle-label",
+      className: m("flex flex-col flex-1 gap-4", o),
+      ...e,
+      children: r
+    }
+  )
+);
+export {
+  c as ToggleLabel
+};

package/dist/mainstack-design-system501.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),l=require("./mainstack-design-system586.cjs"),a=s.forwardRef,u=a(({className:e,...t},r)=>o.jsx("p",{ref:r,"data-slot":"toggle-subtext",className:l.cn("flex-1 text-secondary body-extrasmall-regular",e),...t}));exports.ToggleSubtext=u;

package/dist/mainstack-design-system501.js

@@ -0,0 +1,20 @@
+import { jsx as e } from "react/jsx-runtime";
+import a from "react";
+import { cn as l } from "./mainstack-design-system586.js";
+const m = a.forwardRef, p = m(
+  ({ className: t, ...o }, r) => /* @__PURE__ */ e(
+    "p",
+    {
+      ref: r,
+      "data-slot": "toggle-subtext",
+      className: l(
+        "flex-1 text-secondary body-extrasmall-regular",
+        t
+      ),
+      ...o
+    }
+  )
+);
+export {
+  p as ToggleSubtext
+};

package/dist/mainstack-design-system502.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-CAgJYdlN.cjs"),a=t.cva(["**:data-[slot=toggle-switch]:disabled:**:data-[slot=toggle-title]:text-disabled","**:data-[slot=toggle-switch]:disabled:**:data-[slot=toggle-subtext]:text-disabled"],{variants:{size:{sm:["**:data-[slot=toggle-switch]:w-[25.2px]","**:data-[slot=toggle-switch]:h-[16.8px]","**:data-[slot=toggle-switch]:py-[1.4px]","**:data-[slot=toggle-thumb]:w-14","**:data-[slot=toggle-thumb]:translate-x-1.5","**:data-[slot=toggle-thumb]:h-14","**:data-[slot=toggle-switch]:data-[state=checked]:**:data-[slot=toggle-thumb]:translate-x-9"],lg:["**:data-[slot=toggle-switch]:w-36","**:data-[slot=toggle-switch]:h-24","**:data-[slot=toggle-switch]:py-2","**:data-[slot=toggle-thumb]:w-20","**:data-[slot=toggle-thumb]:h-20","**:data-[slot=toggle-thumb]:translate-x-2","**:data-[slot=toggle-switch]:data-[state=checked]:**:data-[slot=toggle-thumb]:translate-x-14"]}}});exports.toggleVariants=a;

package/dist/mainstack-design-system502.js

@@ -0,0 +1,34 @@
+import { c as t } from "./index-D29mdTf5.js";
+const l = t(
+  [
+    "**:data-[slot=toggle-switch]:disabled:**:data-[slot=toggle-title]:text-disabled",
+    "**:data-[slot=toggle-switch]:disabled:**:data-[slot=toggle-subtext]:text-disabled"
+  ],
+  {
+    variants: {
+      size: {
+        sm: [
+          "**:data-[slot=toggle-switch]:w-[25.2px]",
+          "**:data-[slot=toggle-switch]:h-[16.8px]",
+          "**:data-[slot=toggle-switch]:py-[1.4px]",
+          "**:data-[slot=toggle-thumb]:w-14",
+          "**:data-[slot=toggle-thumb]:translate-x-1.5",
+          "**:data-[slot=toggle-thumb]:h-14",
+          "**:data-[slot=toggle-switch]:data-[state=checked]:**:data-[slot=toggle-thumb]:translate-x-9"
+        ],
+        lg: [
+          "**:data-[slot=toggle-switch]:w-36",
+          "**:data-[slot=toggle-switch]:h-24",
+          "**:data-[slot=toggle-switch]:py-2",
+          "**:data-[slot=toggle-thumb]:w-20",
+          "**:data-[slot=toggle-thumb]:h-20",
+          "**:data-[slot=toggle-thumb]:translate-x-2",
+          "**:data-[slot=toggle-switch]:data-[state=checked]:**:data-[slot=toggle-thumb]:translate-x-14"
+        ]
+      }
+    }
+  }
+);
+export {
+  l as toggleVariants
+};

package/dist/mainstack-design-system503.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),s=require("./mainstack-design-system506.cjs"),R=require("./mainstack-design-system505.cjs"),g=require("./mainstack-design-system587.cjs"),c=require("./mainstack-design-system585.cjs"),a=o.forwardRef(({children:n,...t},r)=>e.jsxs(s.DateRangeRoot,{ref:r,...t,children:[n,e.jsxs(R.DateRangePortal,{children:[e.jsx(g.DateRangeMenubar,{}),e.jsx(c.DateRangeCalendar,{})]})]}));a.displayName="DateRange";exports.DateRange=a;

package/dist/mainstack-design-system503.js

@@ -0,0 +1,19 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { DateRangeRoot as n } from "./mainstack-design-system506.js";
+import { DateRangePortal as i } from "./mainstack-design-system505.js";
+import { DateRangeMenubar as f } from "./mainstack-design-system587.js";
+import { DateRangeCalendar as p } from "./mainstack-design-system585.js";
+const R = m(
+  ({ children: a, ...o }, t) => /* @__PURE__ */ r(n, { ref: t, ...o, children: [
+    a,
+    /* @__PURE__ */ r(i, { children: [
+      /* @__PURE__ */ e(f, {}),
+      /* @__PURE__ */ e(p, {})
+    ] })
+  ] })
+);
+R.displayName = "DateRange";
+export {
+  R as DateRange
+};

package/dist/mainstack-design-system504.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),m=require("react");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");const R=require("./mainstack-design-system395.cjs"),f=require("./mainstack-design-system572.cjs"),q=require("./mainstack-design-system586.cjs"),a=m.forwardRef(({onClick:t,className:o,actionData:e,...i},u)=>{const{activeMenu:s,onOpenChange:n,closeOnRangeSelect:c,onValueChange:r,setActiveMenu:d}=f.useDateRangeContext();return g.jsx(R.Button,{"data-slot":"date-range-menu-action",ref:u,variant:"outline",rounded:"sm",size:"sm","data-active":e.id===s,className:q.cn("data-[active=true]:outline-2 data-[active=true]:outline-border-interactive-neutral-pressed",o),onClick:l=>{t&&t(l),d(e?.id),r&&r({from:e.from,to:e.to}),c&&n&&n(!1)},...i})});a.displayName="DateRangeMenuAction";exports.DateRangeMenuAction=a;

package/dist/mainstack-design-system504.js

@@ -0,0 +1,45 @@
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import "./mainstack-design-system392.js";
+import "./mainstack-design-system393.js";
+import "./mainstack-design-system394.js";
+import { Button as p } from "./mainstack-design-system395.js";
+import { useDateRangeContext as l } from "./mainstack-design-system572.js";
+import { cn as g } from "./mainstack-design-system586.js";
+const v = c(
+  ({ onClick: t, className: n, actionData: e, ...a }, i) => {
+    const {
+      activeMenu: m,
+      onOpenChange: o,
+      closeOnRangeSelect: s,
+      onValueChange: r,
+      setActiveMenu: u
+    } = l();
+    return /* @__PURE__ */ f(
+      p,
+      {
+        "data-slot": "date-range-menu-action",
+        ref: i,
+        variant: "outline",
+        rounded: "sm",
+        size: "sm",
+        "data-active": e.id === m,
+        className: g(
+          "data-[active=true]:outline-2 data-[active=true]:outline-border-interactive-neutral-pressed",
+          n
+        ),
+        onClick: (d) => {
+          t && t(d), u(e?.id), r && r({
+            from: e.from,
+            to: e.to
+          }), s && o && o(!1);
+        },
+        ...a
+      }
+    );
+  }
+);
+v.displayName = "DateRangeMenuAction";
+export {
+  v as DateRangeMenuAction
+};

package/dist/mainstack-design-system505.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("./mainstack-design-system586.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system575.cjs");const l=require("./mainstack-design-system596.cjs"),p=require("./mainstack-design-system518.cjs"),v=require("./mainstack-design-system593.cjs");require("./mainstack-design-system520.cjs");const r=n.forwardRef(({children:o,className:s,...a},t)=>e.jsxs(v.ResponsivePopoverDrawerPortal,{children:[e.jsx(l.ResponsivePopoverDrawerContent,{sideOffset:6,"data-slot":"date-range-portal",role:"listbox",className:i.cn("flex flex-col gap-16 bg-surface-neutral-l1 z-100 rounded-20 p-16 border border-border-interactive-neutral shadow-600 min-[900px]:p-24",s),ref:t,...a,children:o}),e.jsx(p.ResponsivePopoverDrawerOverlay,{})]}));r.displayName="DateRangePortal";exports.DateRangePortal=r;

package/dist/mainstack-design-system505.js

@@ -0,0 +1,34 @@
+'use client';
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { cn as s } from "./mainstack-design-system586.js";
+import "./index-Czas6QFh.js";
+import "./mainstack-design-system575.js";
+import { ResponsivePopoverDrawerContent as m } from "./mainstack-design-system596.js";
+import { ResponsivePopoverDrawerOverlay as l } from "./mainstack-design-system518.js";
+import { ResponsivePopoverDrawerPortal as n } from "./mainstack-design-system593.js";
+import "./mainstack-design-system520.js";
+const f = i(
+  ({ children: o, className: e, ...t }, a) => /* @__PURE__ */ p(n, { children: [
+    /* @__PURE__ */ r(
+      m,
+      {
+        sideOffset: 6,
+        "data-slot": "date-range-portal",
+        role: "listbox",
+        className: s(
+          "flex flex-col gap-16 bg-surface-neutral-l1 z-100 rounded-20 p-16 border border-border-interactive-neutral shadow-600 min-[900px]:p-24",
+          e
+        ),
+        ref: a,
+        ...t,
+        children: o
+      }
+    ),
+    /* @__PURE__ */ r(l, {})
+  ] })
+);
+f.displayName = "DateRangePortal";
+export {
+  f as DateRangePortal
+};

package/dist/mainstack-design-system506.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),f=require("./mainstack-design-system586.cjs"),a=require("./index-C8aODXfJ.cjs"),P=require("./mainstack-design-system572.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system575.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");require("./mainstack-design-system395.cjs");const b=require("./mainstack-design-system519.cjs");require("./mainstack-design-system520.cjs");const w=require("./mainstack-design-system573.cjs"),s=n.forwardRef(({open:i,onOpenChange:u,value:l,onValueChange:c,isDisabled:p=!1,defaultValue:o={from:void 0,to:void 0},closeOnRangeSelect:d=!0,startOfAllTimeDate:v=new Date("2021-10-16"),children:R,className:g,...q},h)=>{const[t,r]=a.useControllableState({prop:i,defaultProp:!1,onChange:u}),[C,D]=a.useControllableState({prop:l,defaultProp:o,onChange:c}),[m]=w("(min-width: 900px)"),[x,_]=n.useState(null);return e.jsx(P.DateRangeContext.Provider,{value:{open:t,isDisabled:p,defaultValue:o,value:C,closeOnRangeSelect:d,activeMenu:x,startOfAllTimeDate:v,setActiveMenu:_,onValueChange:D,onOpenChange:r},children:e.jsx(b.ResponsivePopoverDrawerRoot,{open:t,onOpenChange:r,isDesktop:m,children:e.jsx("div",{...q,ref:h,className:f.cn(g),"data-slot":"date-range-root",children:R})})})});s.displayName="DateRangeRoot";exports.DateRangeRoot=s;

package/dist/mainstack-design-system506.js

@@ -0,0 +1,78 @@
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as w, useState as x } from "react";
+import { cn as M } from "./mainstack-design-system586.js";
+import { u as a } from "./index-437EL2iq.js";
+import { DateRangeContext as P } from "./mainstack-design-system572.js";
+import "./index-Czas6QFh.js";
+import "./mainstack-design-system575.js";
+import "./mainstack-design-system392.js";
+import "./mainstack-design-system393.js";
+import "./mainstack-design-system394.js";
+import "./mainstack-design-system395.js";
+import { ResponsivePopoverDrawerRoot as N } from "./mainstack-design-system519.js";
+import "./mainstack-design-system520.js";
+import O from "./mainstack-design-system573.js";
+const S = w(
+  ({
+    open: n,
+    onOpenChange: p,
+    value: i,
+    onValueChange: m,
+    isDisabled: s = !1,
+    defaultValue: e = { from: void 0, to: void 0 },
+    closeOnRangeSelect: l = !0,
+    startOfAllTimeDate: u = /* @__PURE__ */ new Date("2021-10-16"),
+    children: d,
+    className: f,
+    ...c
+  }, v) => {
+    const [t, r] = a({
+      prop: n,
+      defaultProp: !1,
+      onChange: p
+    }), [g, h] = a({
+      prop: i,
+      defaultProp: e,
+      onChange: m
+    }), [C] = O("(min-width: 900px)"), [R, D] = x(null);
+    return /* @__PURE__ */ o(
+      P.Provider,
+      {
+        value: {
+          open: t,
+          isDisabled: s,
+          defaultValue: e,
+          value: g,
+          closeOnRangeSelect: l,
+          activeMenu: R,
+          startOfAllTimeDate: u,
+          setActiveMenu: D,
+          onValueChange: h,
+          onOpenChange: r
+        },
+        children: /* @__PURE__ */ o(
+          N,
+          {
+            open: t,
+            onOpenChange: r,
+            isDesktop: C,
+            children: /* @__PURE__ */ o(
+              "div",
+              {
+                ...c,
+                ref: v,
+                className: M(f),
+                "data-slot": "date-range-root",
+                children: d
+              }
+            )
+          }
+        )
+      }
+    );
+  }
+);
+S.displayName = "DateRangeRoot";
+export {
+  S as DateRangeRoot
+};

package/dist/mainstack-design-system507.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),s=require("./mainstack-design-system586.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system575.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");require("./mainstack-design-system395.cjs");const n=require("./mainstack-design-system520.cjs"),e=o.forwardRef(({className:r,...i},t)=>a.jsx(n.ResponsivePopoverDrawerTrigger,{ref:t,"data-slot":"date-range-trigger",className:s.cn("",r),...i}));e.displayName="DateRangeTrigger";exports.DateRangeTrigger=e;

package/dist/mainstack-design-system507.js

@@ -0,0 +1,25 @@
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { cn as m } from "./mainstack-design-system586.js";
+import "./index-Czas6QFh.js";
+import "./mainstack-design-system575.js";
+import "./mainstack-design-system392.js";
+import "./mainstack-design-system393.js";
+import "./mainstack-design-system394.js";
+import "./mainstack-design-system395.js";
+import { ResponsivePopoverDrawerTrigger as a } from "./mainstack-design-system520.js";
+const p = i(
+  ({ className: r, ...o }, e) => /* @__PURE__ */ t(
+    a,
+    {
+      ref: e,
+      "data-slot": "date-range-trigger",
+      className: m("", r),
+      ...o
+    }
+  )
+);
+p.displayName = "DateRangeTrigger";
+export {
+  p as DateRangeTrigger
+};

package/dist/mainstack-design-system508.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),n=require("./mainstack-design-system512.cjs"),s=require("./mainstack-design-system510.cjs"),P=require("./mainstack-design-system511.cjs"),k=require("./mainstack-design-system509.cjs"),r=o.forwardRef(({placeholder:t,id:c,...i},a)=>e.jsxs(n.DatePickerRoot,{...i,ref:a,children:[e.jsx(s.DatePickerInputField,{placeholder:t,id:c}),e.jsx(P.DatePickerPortal,{children:e.jsx(k.DatePickerCalendar,{})})]}));r.displayName="DatePicker";exports.DatePicker=r;

package/dist/mainstack-design-system508.js

@@ -0,0 +1,17 @@
+'use client';
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { DatePickerRoot as c } from "./mainstack-design-system512.js";
+import { DatePickerInputField as p } from "./mainstack-design-system510.js";
+import { DatePickerPortal as f } from "./mainstack-design-system511.js";
+import { DatePickerCalendar as P } from "./mainstack-design-system509.js";
+const d = a(
+  ({ placeholder: e, id: o, ...t }, i) => /* @__PURE__ */ m(c, { ...t, ref: i, children: [
+    /* @__PURE__ */ r(p, { placeholder: e, id: o }),
+    /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(P, {}) })
+  ] })
+);
+d.displayName = "DatePicker";
+export {
+  d as DatePicker
+};

package/dist/mainstack-design-system509.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),u=require("./mainstack-design-system586.cjs"),k=require("./mainstack-design-system576.cjs"),m=require("./DayPickerExtended-DV1omF2s.cjs"),n=l.forwardRef(({className:r,...i},c)=>{const{value:e,isDisabled:o,onValueChange:a,onOpenChange:s}=k.useDatePickerContext();return t.jsx("div",{"data-slot":"date-picker-calendar",className:u.cn("@container",r),ref:c,children:t.jsx(m.DayPickerExtended,{animate:!0,mode:"single",captionLayout:"dropdown",numberOfMonths:1,navLayout:"around",disabled:o,defaultMonth:e,className:"ms-single-date-picker",selected:e,onSelect:(d=>{a&&a(d),s(!1)}),...i})})});n.displayName="DatePickerCalendar";exports.DatePickerCalendar=n;

package/dist/mainstack-design-system509.js

@@ -0,0 +1,41 @@
+'use client';
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { cn as c } from "./mainstack-design-system586.js";
+import { useDatePickerContext as m } from "./mainstack-design-system576.js";
+import { D as p } from "./DayPickerExtended-DfM_MXPp.js";
+const f = l(
+  ({ className: t, ...o }, n) => {
+    const { value: e, isDisabled: i, onValueChange: a, onOpenChange: d } = m();
+    return /* @__PURE__ */ r(
+      "div",
+      {
+        "data-slot": "date-picker-calendar",
+        className: c("@container", t),
+        ref: n,
+        children: /* @__PURE__ */ r(
+          p,
+          {
+            animate: !0,
+            mode: "single",
+            captionLayout: "dropdown",
+            numberOfMonths: 1,
+            navLayout: "around",
+            disabled: i,
+            defaultMonth: e,
+            className: "ms-single-date-picker",
+            selected: e,
+            onSelect: ((s) => {
+              a && a(s), d(!1);
+            }),
+            ...o
+          }
+        )
+      }
+    );
+  }
+);
+f.displayName = "DatePickerCalendar";
+export {
+  f as DatePickerCalendar
+};

package/dist/mainstack-design-system51.cjs

@@ -0,0 +1 @@
+"use strict";const C=require("react/jsx-runtime"),e=require("./mainstack-design-system356.cjs"),n={outlined:C.jsx("g",{mask:"url(#mask0_1676_216)",children:C.jsx("path",{d:"M11.25 12.75V16C11.25 16.2125 11.3219 16.3906 11.4658 16.5343C11.6096 16.6781 11.7878 16.75 12.0003 16.75C12.2129 16.75 12.391 16.6781 12.5345 16.5343C12.6782 16.3906 12.75 16.2125 12.75 16V12.75H16C16.2125 12.75 16.3906 12.6781 16.5343 12.5343C16.6781 12.3904 16.75 12.2122 16.75 11.9998C16.75 11.7871 16.6781 11.609 16.5343 11.4655C16.3906 11.3218 16.2125 11.25 16 11.25H12.75V8C12.75 7.7875 12.6781 7.60942 12.5343 7.46575C12.3904 7.32192 12.2122 7.25 11.9998 7.25C11.7871 7.25 11.609 7.32192 11.4655 7.46575C11.3218 7.60942 11.25 7.7875 11.25 8V11.25H8C7.7875 11.25 7.60942 11.3219 7.46575 11.4658C7.32192 11.6096 7.25 11.7878 7.25 12.0003C7.25 12.2129 7.32192 12.391 7.46575 12.5345C7.60942 12.6782 7.7875 12.75 8 12.75H11.25ZM12.0017 21.5C10.6877 21.5 9.45267 21.2507 8.2965 20.752C7.14033 20.2533 6.13467 19.5766 5.2795 18.7218C4.42433 17.8669 3.74725 16.8617 3.24825 15.706C2.74942 14.5503 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45267 3.248 8.2965C3.74667 7.14033 4.42342 6.13467 5.27825 5.2795C6.13308 4.42433 7.13833 3.74725 8.294 3.24825C9.44967 2.74942 10.6844 2.5 11.9983 2.5C13.3123 2.5 14.5473 2.74933 15.7035 3.248C16.8597 3.74667 17.8653 4.42342 18.7205 5.27825C19.5757 6.13308 20.2528 7.13833 20.7518 8.294C21.2506 9.44967 21.5 10.6844 21.5 11.9983C21.5 13.3123 21.2507 14.5473 20.752 15.7035C20.2533 16.8597 19.5766 17.8653 18.7218 18.7205C17.8669 19.5757 16.8617 20.2528 15.706 20.7518C14.5503 21.2506 13.3156 21.5 12.0017 21.5ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1676_217)",children:C.jsx("path",{d:"M11.25 12.75V16C11.25 16.2125 11.3219 16.3906 11.4658 16.5343C11.6096 16.6781 11.7878 16.75 12.0003 16.75C12.2129 16.75 12.391 16.6781 12.5345 16.5343C12.6782 16.3906 12.75 16.2125 12.75 16V12.75H16C16.2125 12.75 16.3906 12.6781 16.5343 12.5343C16.6781 12.3904 16.75 12.2122 16.75 11.9998C16.75 11.7871 16.6781 11.609 16.5343 11.4655C16.3906 11.3218 16.2125 11.25 16 11.25H12.75V8C12.75 7.7875 12.6781 7.60942 12.5343 7.46575C12.3904 7.32192 12.2122 7.25 11.9998 7.25C11.7871 7.25 11.609 7.32192 11.4655 7.46575C11.3218 7.60942 11.25 7.7875 11.25 8V11.25H8C7.7875 11.25 7.60942 11.3219 7.46575 11.4658C7.32192 11.6096 7.25 11.7878 7.25 12.0003C7.25 12.2129 7.32192 12.391 7.46575 12.5345C7.60942 12.6782 7.7875 12.75 8 12.75H11.25ZM12.0017 21.5C10.6877 21.5 9.45267 21.2507 8.2965 20.752C7.14033 20.2533 6.13467 19.5766 5.2795 18.7218C4.42433 17.8669 3.74725 16.8617 3.24825 15.706C2.74942 14.5503 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45267 3.248 8.2965C3.74667 7.14033 4.42342 6.13467 5.27825 5.2795C6.13308 4.42433 7.13833 3.74725 8.294 3.24825C9.44967 2.74942 10.6844 2.5 11.9983 2.5C13.3123 2.5 14.5473 2.74933 15.7035 3.248C16.8597 3.74667 17.8653 4.42342 18.7205 5.27825C19.5757 6.13308 20.2528 7.13833 20.7518 8.294C21.2506 9.44967 21.5 10.6844 21.5 11.9983C21.5 13.3123 21.2507 14.5473 20.752 15.7035C20.2533 16.8597 19.5766 17.8653 18.7218 18.7205C17.8669 19.5757 16.8617 20.2528 15.706 20.7518C14.5503 21.2506 13.3156 21.5 12.0017 21.5Z",fill:"currentColor"})})},t=({variant:r="outlined",...s})=>C.jsx(e,{...s,children:n[r]});module.exports=t;

package/dist/mainstack-design-system51.js

@@ -0,0 +1,24 @@
+import { jsx as C } from "react/jsx-runtime";
+import o from "./mainstack-design-system356.js";
+const t = {
+  outlined: /* @__PURE__ */ C("g", { mask: "url(#mask0_1676_216)", children: /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M11.25 12.75V16C11.25 16.2125 11.3219 16.3906 11.4658 16.5343C11.6096 16.6781 11.7878 16.75 12.0003 16.75C12.2129 16.75 12.391 16.6781 12.5345 16.5343C12.6782 16.3906 12.75 16.2125 12.75 16V12.75H16C16.2125 12.75 16.3906 12.6781 16.5343 12.5343C16.6781 12.3904 16.75 12.2122 16.75 11.9998C16.75 11.7871 16.6781 11.609 16.5343 11.4655C16.3906 11.3218 16.2125 11.25 16 11.25H12.75V8C12.75 7.7875 12.6781 7.60942 12.5343 7.46575C12.3904 7.32192 12.2122 7.25 11.9998 7.25C11.7871 7.25 11.609 7.32192 11.4655 7.46575C11.3218 7.60942 11.25 7.7875 11.25 8V11.25H8C7.7875 11.25 7.60942 11.3219 7.46575 11.4658C7.32192 11.6096 7.25 11.7878 7.25 12.0003C7.25 12.2129 7.32192 12.391 7.46575 12.5345C7.60942 12.6782 7.7875 12.75 8 12.75H11.25ZM12.0017 21.5C10.6877 21.5 9.45267 21.2507 8.2965 20.752C7.14033 20.2533 6.13467 19.5766 5.2795 18.7218C4.42433 17.8669 3.74725 16.8617 3.24825 15.706C2.74942 14.5503 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45267 3.248 8.2965C3.74667 7.14033 4.42342 6.13467 5.27825 5.2795C6.13308 4.42433 7.13833 3.74725 8.294 3.24825C9.44967 2.74942 10.6844 2.5 11.9983 2.5C13.3123 2.5 14.5473 2.74933 15.7035 3.248C16.8597 3.74667 17.8653 4.42342 18.7205 5.27825C19.5757 6.13308 20.2528 7.13833 20.7518 8.294C21.2506 9.44967 21.5 10.6844 21.5 11.9983C21.5 13.3123 21.2507 14.5473 20.752 15.7035C20.2533 16.8597 19.5766 17.8653 18.7218 18.7205C17.8669 19.5757 16.8617 20.2528 15.706 20.7518C14.5503 21.2506 13.3156 21.5 12.0017 21.5ZM12 20C14.2333 20 16.125 19.225 17.675 17.675C19.225 16.125 20 14.2333 20 12C20 9.76667 19.225 7.875 17.675 6.325C16.125 4.775 14.2333 4 12 4C9.76667 4 7.875 4.775 6.325 6.325C4.775 7.875 4 9.76667 4 12C4 14.2333 4.775 16.125 6.325 17.675C7.875 19.225 9.76667 20 12 20Z",
+      fill: "currentColor"
+    }
+  ) }),
+  filled: /* @__PURE__ */ C("g", { mask: "url(#mask0_1676_217)", children: /* @__PURE__ */ C(
+    "path",
+    {
+      d: "M11.25 12.75V16C11.25 16.2125 11.3219 16.3906 11.4658 16.5343C11.6096 16.6781 11.7878 16.75 12.0003 16.75C12.2129 16.75 12.391 16.6781 12.5345 16.5343C12.6782 16.3906 12.75 16.2125 12.75 16V12.75H16C16.2125 12.75 16.3906 12.6781 16.5343 12.5343C16.6781 12.3904 16.75 12.2122 16.75 11.9998C16.75 11.7871 16.6781 11.609 16.5343 11.4655C16.3906 11.3218 16.2125 11.25 16 11.25H12.75V8C12.75 7.7875 12.6781 7.60942 12.5343 7.46575C12.3904 7.32192 12.2122 7.25 11.9998 7.25C11.7871 7.25 11.609 7.32192 11.4655 7.46575C11.3218 7.60942 11.25 7.7875 11.25 8V11.25H8C7.7875 11.25 7.60942 11.3219 7.46575 11.4658C7.32192 11.6096 7.25 11.7878 7.25 12.0003C7.25 12.2129 7.32192 12.391 7.46575 12.5345C7.60942 12.6782 7.7875 12.75 8 12.75H11.25ZM12.0017 21.5C10.6877 21.5 9.45267 21.2507 8.2965 20.752C7.14033 20.2533 6.13467 19.5766 5.2795 18.7218C4.42433 17.8669 3.74725 16.8617 3.24825 15.706C2.74942 14.5503 2.5 13.3156 2.5 12.0017C2.5 10.6877 2.74933 9.45267 3.248 8.2965C3.74667 7.14033 4.42342 6.13467 5.27825 5.2795C6.13308 4.42433 7.13833 3.74725 8.294 3.24825C9.44967 2.74942 10.6844 2.5 11.9983 2.5C13.3123 2.5 14.5473 2.74933 15.7035 3.248C16.8597 3.74667 17.8653 4.42342 18.7205 5.27825C19.5757 6.13308 20.2528 7.13833 20.7518 8.294C21.2506 9.44967 21.5 10.6844 21.5 11.9983C21.5 13.3123 21.2507 14.5473 20.752 15.7035C20.2533 16.8597 19.5766 17.8653 18.7218 18.7205C17.8669 19.5757 16.8617 20.2528 15.706 20.7518C14.5503 21.2506 13.3156 21.5 12.0017 21.5Z",
+      fill: "currentColor"
+    }
+  ) })
+}, i = ({
+  variant: r = "outlined",
+  ...l
+}) => /* @__PURE__ */ C(o, { ...l, children: t[r] });
+export {
+  i as default
+};

package/dist/mainstack-design-system510.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),l=require("./mainstack-design-system437.cjs"),p=require("./mainstack-design-system438.cjs");require("./mainstack-design-system436.cjs");require("./mainstack-design-system356.cjs");const m=require("./mainstack-design-system85.cjs"),I=require("./index-4R9KShCu.cjs"),q=require("./mainstack-design-system576.cjs"),x=require("./format-BCNZql7A.cjs"),r=d.forwardRef(({placeholder:n="Choose a date",...o},s)=>{const{value:t,isDisabled:i,isError:c,isSuccess:a}=q.useDatePickerContext(),u=t instanceof Date?x.format(t,"dd - MM - yyyy"):"";return e.jsx(I.PopoverTrigger,{className:"w-full",children:e.jsxs(l.InputRoot,{"data-slot":"date-picker-input-field",children:[e.jsx(p.InputField,{value:u,placeholder:n,isError:c,isSuccess:a,disabled:i,readOnly:!0,ref:s,...o}),e.jsx(m,{className:"size-20 text-secondary"})]})})});r.displayName="DatePickerInputField";exports.DatePickerInputField=r;

package/dist/mainstack-design-system510.js

@@ -0,0 +1,36 @@
+'use client';
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
+import { InputRoot as l } from "./mainstack-design-system437.js";
+import { InputField as c } from "./mainstack-design-system438.js";
+import "./mainstack-design-system436.js";
+import "./mainstack-design-system356.js";
+import f from "./mainstack-design-system85.js";
+import { a as u } from "./index-RoCFhqzC.js";
+import { useDatePickerContext as y } from "./mainstack-design-system576.js";
+import { f as x } from "./format-DdpUgYOD.js";
+const D = d(
+  ({ placeholder: t = "Choose a date", ...o }, i) => {
+    const { value: r, isDisabled: a, isError: s, isSuccess: m } = y(), n = r instanceof Date ? x(r, "dd - MM - yyyy") : "";
+    return /* @__PURE__ */ e(u, { className: "w-full", children: /* @__PURE__ */ p(l, { "data-slot": "date-picker-input-field", children: [
+      /* @__PURE__ */ e(
+        c,
+        {
+          value: n,
+          placeholder: t,
+          isError: s,
+          isSuccess: m,
+          disabled: a,
+          readOnly: !0,
+          ref: i,
+          ...o
+        }
+      ),
+      /* @__PURE__ */ e(f, { className: "size-20 text-secondary" })
+    ] }) });
+  }
+);
+D.displayName = "DatePickerInputField";
+export {
+  D as DatePickerInputField
+};

package/dist/mainstack-design-system511.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-4R9KShCu.cjs"),s=require("react"),d=require("./mainstack-design-system586.cjs"),l=require("./mainstack-design-system576.cjs"),r=s.forwardRef(({children:a,className:o,...n},i)=>{const{open:c}=l.useDatePickerContext();return e.jsx(t.PopoverPortal,{children:e.jsx(t.PopoverContent,{"data-slot":"date-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":c,className:d.cn(" will-change-transform data-[state=open]:animate-content-fade-in z-100 animate-content-fade-out w-(--radix-popover-trigger-width) p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200 ",o),ref:i,...n,children:a})})});r.displayName="DatePickerPortal";exports.DatePickerPortal=r;

package/dist/mainstack-design-system511.js

@@ -0,0 +1,31 @@
+'use client';
+import { jsx as e } from "react/jsx-runtime";
+import { b as i, c as d } from "./index-RoCFhqzC.js";
+import { forwardRef as p } from "react";
+import { cn as c } from "./mainstack-design-system586.js";
+import { useDatePickerContext as s } from "./mainstack-design-system576.js";
+const l = p(
+  ({ children: r, className: t, ...o }, a) => {
+    const { open: n } = s();
+    return /* @__PURE__ */ e(i, { children: /* @__PURE__ */ e(
+      d,
+      {
+        "data-slot": "date-picker-portal",
+        role: "listbox",
+        sideOffset: 6,
+        "data-date-picker-calendar-opened": n,
+        className: c(
+          " will-change-transform data-[state=open]:animate-content-fade-in z-100 animate-content-fade-out w-(--radix-popover-trigger-width) p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200 ",
+          t
+        ),
+        ref: a,
+        ...o,
+        children: r
+      }
+    ) });
+  }
+);
+l.displayName = "DatePickerPortal";
+export {
+  l as DatePickerPortal
+};

package/dist/mainstack-design-system512.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("react"),v=require("./mainstack-design-system576.cjs"),f=require("./index-4R9KShCu.cjs"),r=require("./index-C8aODXfJ.cjs"),a=k.forwardRef(({open:i,onOpenChange:c,value:s,onValueChange:l,isDisabled:u=!1,defaultValue:o,isError:p,isSuccess:d,children:P,...C},g)=>{const[t,n]=r.useControllableState({prop:i,defaultProp:!1,onChange:c}),[h,x]=r.useControllableState({prop:s,defaultProp:o,onChange:l});return e.jsx(v.DatePickerContext.Provider,{value:{open:t,isDisabled:u,isError:p,isSuccess:d,defaultValue:o,value:h,onValueChange:x,onOpenChange:n},children:e.jsx(f.Popover,{open:t,onOpenChange:n,children:e.jsx("div",{"data-slot":"date-picker-root",ref:g,...C,children:P})})})});a.displayName="DatePickerRoot";exports.DatePickerRoot=a;