mainstack-design-system 1.3.9 → 1.4.1

package/dist/mainstack-design-system505.js

@@ -1,38 +1,34 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as i, useMemo as l } from "react";
-import { h as u, c as f } from "./utils-CFdAYIby.js";
-import { DateRangeMenuAction as p } from "./mainstack-design-system506.js";
-import { useDateRangeContext as c } from "./mainstack-design-system577.js";
-const g = i(
-  ({ children: e, className: r, ...o }, m) => {
-    const { startOfAllTimeDate: t } = c(), s = l(
-      () => u(t),
-      [t]
-    );
-    return /* @__PURE__ */ n(
-      "div",
-      {
-        "data-slot": "date-range-menubar",
-        ref: m,
-        className: f(
-          "flex overflow-x-auto max-w-full flex-nowrap items-center py-12 gap-12 min-[900px]:w-auto  min-[900px]:mask-none mx-auto mask-[linear-gradient(to_right,white_90%,transparent)]",
-          r
-        ),
-        ...o,
-        children: e || s.map((a) => /* @__PURE__ */ n(
-          p,
-          {
-            className: "basis-auto shrink-0 grow-0",
-            actionData: a,
-            children: a.label
-          },
-          a.id
-        ))
+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"
+        ]
       }
-    );
+    }
   }
 );
-g.displayName = "DateRangeMenubar";
 export {
-  g as DateRangeMenubar
+  l as toggleVariants
 };

package/dist/mainstack-design-system506.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),m=require("react");require("./mainstack-design-system384.cjs");require("./mainstack-design-system385.cjs");require("./mainstack-design-system386.cjs");const R=require("./mainstack-design-system387.cjs"),f=require("./mainstack-design-system577.cjs"),q=require("./utils-DRUMSl4z.cjs"),o=m.forwardRef(({onClick:t,className:i,actionData:e,...u},a)=>{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:a,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",i),onClick:l=>{t&&t(l),d(e?.id),r&&r({from:e.from,to:e.to,menuAction:e}),c&&n&&n(!1)},...u})});o.displayName="DateRangeMenuAction";exports.DateRangeMenuAction=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),s=require("./mainstack-design-system510.cjs"),R=require("./mainstack-design-system509.cjs"),g=require("./mainstack-design-system507.cjs"),c=require("./mainstack-design-system600.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-system506.js

@@ -1,46 +1,19 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import "./mainstack-design-system384.js";
-import "./mainstack-design-system385.js";
-import "./mainstack-design-system386.js";
-import { Button as p } from "./mainstack-design-system387.js";
-import { useDateRangeContext as l } from "./mainstack-design-system577.js";
-import { c as g } from "./utils-CFdAYIby.js";
-const v = f(
-  ({ onClick: t, className: r, actionData: e, ...i }, a) => {
-    const {
-      activeMenu: m,
-      onOpenChange: o,
-      closeOnRangeSelect: s,
-      onValueChange: n,
-      setActiveMenu: u
-    } = l();
-    return /* @__PURE__ */ d(
-      p,
-      {
-        "data-slot": "date-range-menu-action",
-        ref: a,
-        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",
-          r
-        ),
-        onClick: (c) => {
-          t && t(c), u(e?.id), n && n({
-            from: e.from,
-            to: e.to,
-            menuAction: e
-          }), s && o && o(!1);
-        },
-        ...i
-      }
-    );
-  }
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { DateRangeRoot as n } from "./mainstack-design-system510.js";
+import { DateRangePortal as i } from "./mainstack-design-system509.js";
+import { DateRangeMenubar as f } from "./mainstack-design-system507.js";
+import { DateRangeCalendar as p } from "./mainstack-design-system600.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, {})
+    ] })
+  ] })
 );
-v.displayName = "DateRangeMenuAction";
+R.displayName = "DateRange";
 export {
-  v as DateRangeMenuAction
+  R as DateRange
 };

package/dist/mainstack-design-system507.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("./utils-DRUMSl4z.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system579.cjs");const l=require("./mainstack-design-system598.cjs"),p=require("./mainstack-design-system520.cjs"),v=require("./mainstack-design-system595.cjs");require("./mainstack-design-system522.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react"),o=require("./utils-FBJ8OQ9f.cjs"),m=require("./mainstack-design-system508.cjs"),g=require("./mainstack-design-system588.cjs"),s=r.forwardRef(({children:a,className:i,...u},l)=>{const{startOfAllTimeDate:t}=g.useDateRangeContext(),c=r.useMemo(()=>o.getDefaultDateRangeMenuAction(t),[t]);return n.jsx("div",{"data-slot":"date-range-menubar",ref:l,className:o.cn("flex overflow-x-auto max-w-full flex-nowrap items-center py-12 gap-12 min-[900px]:w-auto  min-[900px]:mask-none mx-auto mask-[linear-gradient(to_right,white_90%,transparent)]",i),...u,children:a||c.map(e=>n.jsx(m.DateRangeMenuAction,{className:"basis-auto shrink-0 grow-0",actionData:e,children:e.label},e.id))})});s.displayName="DateRangeMenubar";exports.DateRangeMenubar=s;

package/dist/mainstack-design-system507.js

@@ -1,34 +1,38 @@
-'use client';
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { forwardRef as s } from "react";
-import { c as i } from "./utils-CFdAYIby.js";
-import "./index-eeqUt-Tb.js";
-import "./mainstack-design-system579.js";
-import { ResponsivePopoverDrawerContent as m } from "./mainstack-design-system598.js";
-import { ResponsivePopoverDrawerOverlay as l } from "./mainstack-design-system520.js";
-import { ResponsivePopoverDrawerPortal as n } from "./mainstack-design-system595.js";
-import "./mainstack-design-system522.js";
-const f = s(
-  ({ children: o, className: e, ...t }, a) => /* @__PURE__ */ p(n, { children: [
-    /* @__PURE__ */ r(
-      m,
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as i, useMemo as l } from "react";
+import { h as u, c as f } from "./utils-DnnzGb1L.js";
+import { DateRangeMenuAction as p } from "./mainstack-design-system508.js";
+import { useDateRangeContext as c } from "./mainstack-design-system588.js";
+const g = i(
+  ({ children: e, className: r, ...o }, m) => {
+    const { startOfAllTimeDate: t } = c(), s = l(
+      () => u(t),
+      [t]
+    );
+    return /* @__PURE__ */ n(
+      "div",
       {
-        sideOffset: 6,
-        "data-slot": "date-range-portal",
-        role: "listbox",
-        className: i(
-          "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
+        "data-slot": "date-range-menubar",
+        ref: m,
+        className: f(
+          "flex overflow-x-auto max-w-full flex-nowrap items-center py-12 gap-12 min-[900px]:w-auto  min-[900px]:mask-none mx-auto mask-[linear-gradient(to_right,white_90%,transparent)]",
+          r
         ),
-        ref: a,
-        ...t,
-        children: o
+        ...o,
+        children: e || s.map((a) => /* @__PURE__ */ n(
+          p,
+          {
+            className: "basis-auto shrink-0 grow-0",
+            actionData: a,
+            children: a.label
+          },
+          a.id
+        ))
       }
-    ),
-    /* @__PURE__ */ r(l, {})
-  ] })
+    );
+  }
 );
-f.displayName = "DateRangePortal";
+g.displayName = "DateRangeMenubar";
 export {
-  f as DateRangePortal
+  g as DateRangeMenubar
 };

package/dist/mainstack-design-system508.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),a=require("./utils-DRUMSl4z.cjs"),p=require("./index-C8aODXfJ.cjs"),j=require("./mainstack-design-system577.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system579.cjs");require("./mainstack-design-system384.cjs");require("./mainstack-design-system385.cjs");require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");const S=require("./mainstack-design-system521.cjs");require("./mainstack-design-system522.cjs");const y=require("./mainstack-design-system578.cjs"),g=r.forwardRef(({open:R,onOpenChange:f,value:n,onValueChange:m,isDisabled:v=!1,defaultValue:t={from:void 0,to:void 0},closeOnRangeSelect:l=!0,startOfAllTimeDate:o=new Date("2021-10-16"),children:q,className:M,...h},A)=>{const[c,d]=p.useControllableState({prop:R,defaultProp:!1,onChange:f}),C=r.useMemo(()=>{const e=a.getDefaultDateRangeMenuAction(o).find(u=>u.id===n?.menuAction?.id);return e?{from:e.from,to:e.to,menuAction:e}:n},[n,o]),i=r.useMemo(()=>{const e=a.getDefaultDateRangeMenuAction(o).find(u=>u.id===t?.menuAction?.id);return e?{from:e.from,to:e.to,menuAction:e}:t},[t,o]),[D,x]=p.useControllableState({prop:C,defaultProp:i,onChange:m}),[_]=y("(min-width: 900px)"),[P,b]=r.useState(()=>i?.menuAction?.id?i?.menuAction?.id:n?.menuAction?.id?n?.menuAction?.id:null);return s.jsx(j.DateRangeContext.Provider,{value:{open:c,isDisabled:v,defaultValue:t,value:D,closeOnRangeSelect:l,activeMenu:P,startOfAllTimeDate:o,setActiveMenu:b,onValueChange:x,onOpenChange:d},children:s.jsx(S.ResponsivePopoverDrawerRoot,{open:c,onOpenChange:d,isDesktop:_,children:s.jsx("div",{...h,ref:A,className:a.cn(M),"data-slot":"date-range-root",children:q})})})});g.displayName="DateRangeRoot";exports.DateRangeRoot=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const g=require("react/jsx-runtime"),m=require("react");require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");require("./mainstack-design-system388.cjs");const R=require("./mainstack-design-system389.cjs"),f=require("./mainstack-design-system588.cjs"),q=require("./utils-FBJ8OQ9f.cjs"),o=m.forwardRef(({onClick:t,className:i,actionData:e,...u},a)=>{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:a,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",i),onClick:l=>{t&&t(l),d(e?.id),r&&r({from:e.from,to:e.to,menuAction:e}),c&&n&&n(!1)},...u})});o.displayName="DateRangeMenuAction";exports.DateRangeMenuAction=o;

package/dist/mainstack-design-system508.js

@@ -1,99 +1,46 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as S, useMemo as p, useState as b } from "react";
-import { h as s, c as j } from "./utils-CFdAYIby.js";
-import { u as c } from "./index-437EL2iq.js";
-import { DateRangeContext as k } from "./mainstack-design-system577.js";
-import "./index-eeqUt-Tb.js";
-import "./mainstack-design-system579.js";
-import "./mainstack-design-system384.js";
-import "./mainstack-design-system385.js";
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
 import "./mainstack-design-system386.js";
 import "./mainstack-design-system387.js";
-import { ResponsivePopoverDrawerRoot as y } from "./mainstack-design-system521.js";
-import "./mainstack-design-system522.js";
-import q from "./mainstack-design-system578.js";
-const z = S(
-  ({
-    open: d,
-    onOpenChange: f,
-    value: n,
-    onValueChange: g,
-    isDisabled: h = !1,
-    defaultValue: e = {
-      from: void 0,
-      to: void 0
-    },
-    closeOnRangeSelect: v = !0,
-    startOfAllTimeDate: t = /* @__PURE__ */ new Date("2021-10-16"),
-    children: A,
-    className: M,
-    ...C
-  }, R) => {
-    const [u, m] = c({
-      prop: d,
-      defaultProp: !1,
-      onChange: f
-    }), D = p(() => {
-      const o = s(t).find(
-        (r) => r.id === n?.menuAction?.id
-      );
-      return o ? {
-        from: o.from,
-        to: o.to,
-        menuAction: o
-      } : n;
-    }, [n, t]), i = p(() => {
-      const o = s(t).find(
-        (r) => r.id === e?.menuAction?.id
-      );
-      return o ? {
-        from: o.from,
-        to: o.to,
-        menuAction: o
-      } : e;
-    }, [e, t]), [w, x] = c({
-      prop: D,
-      defaultProp: i,
-      onChange: g
-    }), [L] = q("(min-width: 900px)"), [P, l] = b(() => i?.menuAction?.id ? i?.menuAction?.id : n?.menuAction?.id ? n?.menuAction?.id : null);
-    return /* @__PURE__ */ a(
-      k.Provider,
+import "./mainstack-design-system388.js";
+import { Button as p } from "./mainstack-design-system389.js";
+import { useDateRangeContext as l } from "./mainstack-design-system588.js";
+import { c as g } from "./utils-DnnzGb1L.js";
+const v = f(
+  ({ onClick: t, className: r, actionData: e, ...i }, a) => {
+    const {
+      activeMenu: m,
+      onOpenChange: o,
+      closeOnRangeSelect: s,
+      onValueChange: n,
+      setActiveMenu: u
+    } = l();
+    return /* @__PURE__ */ d(
+      p,
       {
-        value: {
-          open: u,
-          isDisabled: h,
-          defaultValue: e,
-          value: w,
-          closeOnRangeSelect: v,
-          activeMenu: P,
-          startOfAllTimeDate: t,
-          setActiveMenu: l,
-          onValueChange: x,
-          onOpenChange: m
+        "data-slot": "date-range-menu-action",
+        ref: a,
+        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",
+          r
+        ),
+        onClick: (c) => {
+          t && t(c), u(e?.id), n && n({
+            from: e.from,
+            to: e.to,
+            menuAction: e
+          }), s && o && o(!1);
         },
-        children: /* @__PURE__ */ a(
-          y,
-          {
-            open: u,
-            onOpenChange: m,
-            isDesktop: L,
-            children: /* @__PURE__ */ a(
-              "div",
-              {
-                ...C,
-                ref: R,
-                className: j(M),
-                "data-slot": "date-range-root",
-                children: A
-              }
-            )
-          }
-        )
+        ...i
       }
     );
   }
 );
-z.displayName = "DateRangeRoot";
+v.displayName = "DateRangeMenuAction";
 export {
-  z as DateRangeRoot
+  v as DateRangeMenuAction
 };

package/dist/mainstack-design-system509.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),s=require("./utils-DRUMSl4z.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system579.cjs");require("./mainstack-design-system384.cjs");require("./mainstack-design-system385.cjs");require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");const n=require("./mainstack-design-system522.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;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("./utils-FBJ8OQ9f.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system590.cjs");const l=require("./mainstack-design-system609.cjs"),p=require("./mainstack-design-system522.cjs"),v=require("./mainstack-design-system606.cjs");require("./mainstack-design-system524.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-system509.js

@@ -1,25 +1,34 @@
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { c as m } from "./utils-CFdAYIby.js";
+'use client';
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { c as i } from "./utils-DnnzGb1L.js";
 import "./index-eeqUt-Tb.js";
-import "./mainstack-design-system579.js";
-import "./mainstack-design-system384.js";
-import "./mainstack-design-system385.js";
-import "./mainstack-design-system386.js";
-import "./mainstack-design-system387.js";
-import { ResponsivePopoverDrawerTrigger as a } from "./mainstack-design-system522.js";
-const p = i(
-  ({ className: r, ...o }, e) => /* @__PURE__ */ t(
-    a,
-    {
-      ref: e,
-      "data-slot": "date-range-trigger",
-      className: m("", r),
-      ...o
-    }
-  )
+import "./mainstack-design-system590.js";
+import { ResponsivePopoverDrawerContent as m } from "./mainstack-design-system609.js";
+import { ResponsivePopoverDrawerOverlay as l } from "./mainstack-design-system522.js";
+import { ResponsivePopoverDrawerPortal as n } from "./mainstack-design-system606.js";
+import "./mainstack-design-system524.js";
+const f = s(
+  ({ children: o, className: e, ...t }, a) => /* @__PURE__ */ p(n, { children: [
+    /* @__PURE__ */ r(
+      m,
+      {
+        sideOffset: 6,
+        "data-slot": "date-range-portal",
+        role: "listbox",
+        className: i(
+          "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, {})
+  ] })
 );
-p.displayName = "DateRangeTrigger";
+f.displayName = "DateRangePortal";
 export {
-  p as DateRangeTrigger
+  f as DateRangePortal
 };

package/dist/mainstack-design-system510.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),n=require("./mainstack-design-system514.cjs"),s=require("./mainstack-design-system512.cjs"),P=require("./mainstack-design-system513.cjs"),k=require("./mainstack-design-system511.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),a=require("./utils-FBJ8OQ9f.cjs"),p=require("./index-C8aODXfJ.cjs"),j=require("./mainstack-design-system588.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system590.cjs");require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");const S=require("./mainstack-design-system523.cjs");require("./mainstack-design-system524.cjs");const y=require("./mainstack-design-system589.cjs"),g=r.forwardRef(({open:R,onOpenChange:f,value:n,onValueChange:m,isDisabled:v=!1,defaultValue:t={from:void 0,to:void 0},closeOnRangeSelect:l=!0,startOfAllTimeDate:o=new Date("2021-10-16"),children:q,className:M,...h},A)=>{const[c,d]=p.useControllableState({prop:R,defaultProp:!1,onChange:f}),C=r.useMemo(()=>{const e=a.getDefaultDateRangeMenuAction(o).find(u=>u.id===n?.menuAction?.id);return e?{from:e.from,to:e.to,menuAction:e}:n},[n,o]),i=r.useMemo(()=>{const e=a.getDefaultDateRangeMenuAction(o).find(u=>u.id===t?.menuAction?.id);return e?{from:e.from,to:e.to,menuAction:e}:t},[t,o]),[D,x]=p.useControllableState({prop:C,defaultProp:i,onChange:m}),[_]=y("(min-width: 900px)"),[P,b]=r.useState(()=>i?.menuAction?.id?i?.menuAction?.id:n?.menuAction?.id?n?.menuAction?.id:null);return s.jsx(j.DateRangeContext.Provider,{value:{open:c,isDisabled:v,defaultValue:t,value:D,closeOnRangeSelect:l,activeMenu:P,startOfAllTimeDate:o,setActiveMenu:b,onValueChange:x,onOpenChange:d},children:s.jsx(S.ResponsivePopoverDrawerRoot,{open:c,onOpenChange:d,isDesktop:_,children:s.jsx("div",{...h,ref:A,className:a.cn(M),"data-slot":"date-range-root",children:q})})})});g.displayName="DateRangeRoot";exports.DateRangeRoot=g;

package/dist/mainstack-design-system510.js

@@ -1,17 +1,99 @@
-'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-system514.js";
-import { DatePickerInputField as p } from "./mainstack-design-system512.js";
-import { DatePickerPortal as f } from "./mainstack-design-system513.js";
-import { DatePickerCalendar as P } from "./mainstack-design-system511.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, {}) })
-  ] })
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as S, useMemo as p, useState as b } from "react";
+import { h as s, c as j } from "./utils-DnnzGb1L.js";
+import { u as c } from "./index-437EL2iq.js";
+import { DateRangeContext as k } from "./mainstack-design-system588.js";
+import "./index-eeqUt-Tb.js";
+import "./mainstack-design-system590.js";
+import "./mainstack-design-system386.js";
+import "./mainstack-design-system387.js";
+import "./mainstack-design-system388.js";
+import "./mainstack-design-system389.js";
+import { ResponsivePopoverDrawerRoot as y } from "./mainstack-design-system523.js";
+import "./mainstack-design-system524.js";
+import q from "./mainstack-design-system589.js";
+const z = S(
+  ({
+    open: d,
+    onOpenChange: f,
+    value: n,
+    onValueChange: g,
+    isDisabled: h = !1,
+    defaultValue: e = {
+      from: void 0,
+      to: void 0
+    },
+    closeOnRangeSelect: v = !0,
+    startOfAllTimeDate: t = /* @__PURE__ */ new Date("2021-10-16"),
+    children: A,
+    className: M,
+    ...C
+  }, R) => {
+    const [u, m] = c({
+      prop: d,
+      defaultProp: !1,
+      onChange: f
+    }), D = p(() => {
+      const o = s(t).find(
+        (r) => r.id === n?.menuAction?.id
+      );
+      return o ? {
+        from: o.from,
+        to: o.to,
+        menuAction: o
+      } : n;
+    }, [n, t]), i = p(() => {
+      const o = s(t).find(
+        (r) => r.id === e?.menuAction?.id
+      );
+      return o ? {
+        from: o.from,
+        to: o.to,
+        menuAction: o
+      } : e;
+    }, [e, t]), [w, x] = c({
+      prop: D,
+      defaultProp: i,
+      onChange: g
+    }), [L] = q("(min-width: 900px)"), [P, l] = b(() => i?.menuAction?.id ? i?.menuAction?.id : n?.menuAction?.id ? n?.menuAction?.id : null);
+    return /* @__PURE__ */ a(
+      k.Provider,
+      {
+        value: {
+          open: u,
+          isDisabled: h,
+          defaultValue: e,
+          value: w,
+          closeOnRangeSelect: v,
+          activeMenu: P,
+          startOfAllTimeDate: t,
+          setActiveMenu: l,
+          onValueChange: x,
+          onOpenChange: m
+        },
+        children: /* @__PURE__ */ a(
+          y,
+          {
+            open: u,
+            onOpenChange: m,
+            isDesktop: L,
+            children: /* @__PURE__ */ a(
+              "div",
+              {
+                ...C,
+                ref: R,
+                className: j(M),
+                "data-slot": "date-range-root",
+                children: A
+              }
+            )
+          }
+        )
+      }
+    );
+  }
 );
-d.displayName = "DatePicker";
+z.displayName = "DateRangeRoot";
 export {
-  d as DatePicker
+  z as DateRangeRoot
 };

package/dist/mainstack-design-system511.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),u=require("./utils-DRUMSl4z.cjs"),k=require("./mainstack-design-system580.cjs"),m=require("./DayPickerExtended-BDQnuXA_.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),s=require("./utils-FBJ8OQ9f.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system590.cjs");require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");const n=require("./mainstack-design-system524.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-system511.js

@@ -1,41 +1,25 @@
-'use client';
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as c } from "react";
-import { c as l } from "./utils-CFdAYIby.js";
-import { useDatePickerContext as m } from "./mainstack-design-system580.js";
-import { D as p } from "./DayPickerExtended-AFjcOFRS.js";
-const f = c(
-  ({ className: t, ...o }, n) => {
-    const { value: e, isDisabled: i, onValueChange: a, onOpenChange: d } = m();
-    return /* @__PURE__ */ r(
-      "div",
-      {
-        "data-slot": "date-picker-calendar",
-        className: l("@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
-          }
-        )
-      }
-    );
-  }
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { c as m } from "./utils-DnnzGb1L.js";
+import "./index-eeqUt-Tb.js";
+import "./mainstack-design-system590.js";
+import "./mainstack-design-system386.js";
+import "./mainstack-design-system387.js";
+import "./mainstack-design-system388.js";
+import "./mainstack-design-system389.js";
+import { ResponsivePopoverDrawerTrigger as a } from "./mainstack-design-system524.js";
+const p = i(
+  ({ className: r, ...o }, e) => /* @__PURE__ */ t(
+    a,
+    {
+      ref: e,
+      "data-slot": "date-range-trigger",
+      className: m("", r),
+      ...o
+    }
+  )
 );
-f.displayName = "DatePickerCalendar";
+p.displayName = "DateRangeTrigger";
 export {
-  f as DatePickerCalendar
+  p as DateRangeTrigger
 };

package/dist/mainstack-design-system512.cjs

@@ -1,2 +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-system431.cjs"),p=require("./mainstack-design-system432.cjs");require("./mainstack-design-system430.cjs");require("./mainstack-design-system355.cjs");const m=require("./mainstack-design-system84.cjs"),I=require("./index-4R9KShCu.cjs"),q=require("./mainstack-design-system580.cjs"),x=require("./format-6DRXtiIj.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),n=require("./mainstack-design-system516.cjs"),s=require("./mainstack-design-system514.cjs"),P=require("./mainstack-design-system515.cjs"),k=require("./mainstack-design-system513.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;