mainstack-design-system 1.21.0 → 1.21.2

package/dist/mainstack-design-system528.js

@@ -1,34 +1,47 @@
-'use client';
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
-import { c as p } from "./utils-BSsuM-JB.js";
-import "./index-eeqUt-Tb.js";
-import "./mainstack-design-system614.js";
-import { ResponsivePopoverDrawerContent as d } from "./mainstack-design-system632.js";
-import { ResponsivePopoverDrawerOverlay as i } from "./mainstack-design-system541.js";
-import { ResponsivePopoverDrawerPortal as l } from "./mainstack-design-system630.js";
-import "./mainstack-design-system543.js";
-const n = t(
-  ({ children: o, className: e, ...s }, m) => /* @__PURE__ */ a(l, { children: [
-    /* @__PURE__ */ r(
-      d,
+import { jsx as p } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import "./mainstack-design-system402.js";
+import "./mainstack-design-system403.js";
+import "./mainstack-design-system404.js";
+import "./mainstack-design-system405.js";
+import { Button as f } from "./mainstack-design-system406.js";
+import { useDateRangeContext as l } from "./mainstack-design-system613.js";
+import { c as g } from "./utils-BSsuM-JB.js";
+const v = c(
+  ({ onClick: t, className: n, actionData: e, ...i }, m) => {
+    const {
+      activeMenu: a,
+      onOpenChange: o,
+      closeOnRangeSelect: s,
+      onValueChange: r,
+      setActiveMenu: u
+    } = l();
+    return /* @__PURE__ */ p(
+      f,
       {
-        sideOffset: 6,
-        "data-slot": "date-range-portal",
-        role: "listbox",
-        className: p(
-          "mds:flex mds:flex-col mds:gap-16 mds:bg-surface-neutral-l1 z-100 mds:rounded-20 mds:p-16 mds:border mds:border-border-interactive-primary mds:shadow-600 mds:min-[900px]:p-24",
-          e
-        ),
+        "data-slot": "date-range-menu-action",
         ref: m,
-        ...s,
-        children: o
+        variant: "outline",
+        rounded: "sm",
+        size: "sm",
+        "data-active": e.id === a,
+        className: g(
+          "mds:data-[active=true]:outline-2 mds:data-[active=true]:outline-border-interactive-primary-pressed",
+          n
+        ),
+        onClick: (d) => {
+          t && t(d), u(e?.id), r && r({
+            from: e.from,
+            to: e.to,
+            menuAction: e
+          }), s && o && o(!1);
+        },
+        ...i
       }
-    ),
-    /* @__PURE__ */ r(i, {})
-  ] })
+    );
+  }
 );
-n.displayName = "DateRangePortal";
+v.displayName = "DateRangeMenuAction";
 export {
-  n as DateRangePortal
+  v as DateRangeMenuAction
 };

package/dist/mainstack-design-system529.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),a=require("./utils-CShTjG-k.cjs"),p=require("./index-C8aODXfJ.cjs"),j=require("./mainstack-design-system613.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system614.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system406.cjs");const S=require("./mainstack-design-system542.cjs");require("./mainstack-design-system543.cjs");const y=require("./mainstack-design-system401.cjs"),g=r.forwardRef(({open:R,onOpenChange:f,value:n,onValueChange:m,isDisabled:v=!1,defaultValue:t={from:void 0,to:void 0},closeOnRangeSelect:q=!0,startOfAllTimeDate:o=new Date("2021-10-16"),children:M,className:l,...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.useMatchMedia("(min-width: 900px)"),[P,b]=r.useState(()=>n?.menuAction?.id?n?.menuAction?.id:i?.menuAction?.id?i?.menuAction?.id:null);return s.jsx(j.DateRangeContext.Provider,{value:{open:c,isDisabled:v,defaultValue:t,value:D,closeOnRangeSelect:q,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(l),"data-slot":"date-range-root",children:M})})})});g.displayName="DateRangeRoot";exports.DateRangeRoot=g;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("./utils-CShTjG-k.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system614.cjs");const p=require("./mainstack-design-system632.cjs"),l=require("./mainstack-design-system542.cjs"),v=require("./mainstack-design-system630.cjs");require("./mainstack-design-system544.cjs");const r=n.forwardRef(({children:o,className:s,...a},t)=>e.jsxs(v.ResponsivePopoverDrawerPortal,{children:[e.jsx(p.ResponsivePopoverDrawerContent,{sideOffset:6,"data-slot":"date-range-portal",role:"listbox",className:i.cn("mds:flex mds:flex-col mds:gap-16 mds:bg-surface-neutral-l1 z-100 mds:rounded-20 mds:p-16 mds:border mds:border-border-interactive-primary mds:shadow-600 mds:min-[900px]:p-24",s),ref:t,...a,children:o}),e.jsx(l.ResponsivePopoverDrawerOverlay,{})]}));r.displayName="DateRangePortal";exports.DateRangePortal=r;

package/dist/mainstack-design-system529.js

@@ -1,100 +1,34 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as S, useMemo as p, useState as b } from "react";
-import { n as s, c as j } from "./utils-BSsuM-JB.js";
-import { u as c } from "./index-437EL2iq.js";
-import { DateRangeContext as k } from "./mainstack-design-system613.js";
+'use client';
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { forwardRef as t } from "react";
+import { c as p } from "./utils-BSsuM-JB.js";
 import "./index-eeqUt-Tb.js";
 import "./mainstack-design-system614.js";
-import "./mainstack-design-system402.js";
-import "./mainstack-design-system403.js";
-import "./mainstack-design-system404.js";
-import "./mainstack-design-system405.js";
-import "./mainstack-design-system406.js";
-import { ResponsivePopoverDrawerRoot as y } from "./mainstack-design-system542.js";
-import "./mainstack-design-system543.js";
-import { useMatchMedia as q } from "./mainstack-design-system401.js";
-const z = S(
-  ({
-    open: d,
-    onOpenChange: f,
-    value: n,
-    onValueChange: g,
-    isDisabled: v = !1,
-    defaultValue: e = {
-      from: void 0,
-      to: void 0
-    },
-    closeOnRangeSelect: h = !0,
-    startOfAllTimeDate: t = /* @__PURE__ */ new Date("2021-10-16"),
-    children: A,
-    className: M,
-    ...C
-  }, R) => {
-    const [m, u] = 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(() => n?.menuAction?.id ? n?.menuAction?.id : i?.menuAction?.id ? i?.menuAction?.id : null);
-    return /* @__PURE__ */ a(
-      k.Provider,
+import { ResponsivePopoverDrawerContent as d } from "./mainstack-design-system632.js";
+import { ResponsivePopoverDrawerOverlay as i } from "./mainstack-design-system542.js";
+import { ResponsivePopoverDrawerPortal as l } from "./mainstack-design-system630.js";
+import "./mainstack-design-system544.js";
+const n = t(
+  ({ children: o, className: e, ...s }, m) => /* @__PURE__ */ a(l, { children: [
+    /* @__PURE__ */ r(
+      d,
       {
-        value: {
-          open: m,
-          isDisabled: v,
-          defaultValue: e,
-          value: w,
-          closeOnRangeSelect: h,
-          activeMenu: P,
-          startOfAllTimeDate: t,
-          setActiveMenu: l,
-          onValueChange: x,
-          onOpenChange: u
-        },
-        children: /* @__PURE__ */ a(
-          y,
-          {
-            open: m,
-            onOpenChange: u,
-            isDesktop: L,
-            children: /* @__PURE__ */ a(
-              "div",
-              {
-                ...C,
-                ref: R,
-                className: j(M),
-                "data-slot": "date-range-root",
-                children: A
-              }
-            )
-          }
-        )
+        sideOffset: 6,
+        "data-slot": "date-range-portal",
+        role: "listbox",
+        className: p(
+          "mds:flex mds:flex-col mds:gap-16 mds:bg-surface-neutral-l1 z-100 mds:rounded-20 mds:p-16 mds:border mds:border-border-interactive-primary mds:shadow-600 mds:min-[900px]:p-24",
+          e
+        ),
+        ref: m,
+        ...s,
+        children: o
       }
-    );
-  }
+    ),
+    /* @__PURE__ */ r(i, {})
+  ] })
 );
-z.displayName = "DateRangeRoot";
+n.displayName = "DateRangePortal";
 export {
-  z as DateRangeRoot
+  n as DateRangePortal
 };

package/dist/mainstack-design-system530.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),s=require("./utils-CShTjG-k.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system614.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system406.cjs");const n=require("./mainstack-design-system543.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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),a=require("./utils-CShTjG-k.cjs"),p=require("./index-C8aODXfJ.cjs"),j=require("./mainstack-design-system613.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system614.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system406.cjs");const S=require("./mainstack-design-system543.cjs");require("./mainstack-design-system544.cjs");const y=require("./mainstack-design-system401.cjs"),g=r.forwardRef(({open:R,onOpenChange:f,value:n,onValueChange:m,isDisabled:v=!1,defaultValue:t={from:void 0,to:void 0},closeOnRangeSelect:q=!0,startOfAllTimeDate:o=new Date("2021-10-16"),children:M,className:l,...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.useMatchMedia("(min-width: 900px)"),[P,b]=r.useState(()=>n?.menuAction?.id?n?.menuAction?.id:i?.menuAction?.id?i?.menuAction?.id:null);return s.jsx(j.DateRangeContext.Provider,{value:{open:c,isDisabled:v,defaultValue:t,value:D,closeOnRangeSelect:q,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(l),"data-slot":"date-range-root",children:M})})})});g.displayName="DateRangeRoot";exports.DateRangeRoot=g;

package/dist/mainstack-design-system530.js

@@ -1,6 +1,8 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { c as m } from "./utils-BSsuM-JB.js";
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as S, useMemo as p, useState as b } from "react";
+import { n as s, c as j } from "./utils-BSsuM-JB.js";
+import { u as c } from "./index-437EL2iq.js";
+import { DateRangeContext as k } from "./mainstack-design-system613.js";
 import "./index-eeqUt-Tb.js";
 import "./mainstack-design-system614.js";
 import "./mainstack-design-system402.js";
@@ -8,19 +10,91 @@ import "./mainstack-design-system403.js";
 import "./mainstack-design-system404.js";
 import "./mainstack-design-system405.js";
 import "./mainstack-design-system406.js";
-import { ResponsivePopoverDrawerTrigger as a } from "./mainstack-design-system543.js";
-const p = i(
-  ({ className: r, ...o }, t) => /* @__PURE__ */ e(
-    a,
-    {
-      ref: t,
-      "data-slot": "date-range-trigger",
-      className: m("", r),
-      ...o
-    }
-  )
+import { ResponsivePopoverDrawerRoot as y } from "./mainstack-design-system543.js";
+import "./mainstack-design-system544.js";
+import { useMatchMedia as q } from "./mainstack-design-system401.js";
+const z = S(
+  ({
+    open: d,
+    onOpenChange: f,
+    value: n,
+    onValueChange: g,
+    isDisabled: v = !1,
+    defaultValue: e = {
+      from: void 0,
+      to: void 0
+    },
+    closeOnRangeSelect: h = !0,
+    startOfAllTimeDate: t = /* @__PURE__ */ new Date("2021-10-16"),
+    children: A,
+    className: M,
+    ...C
+  }, R) => {
+    const [m, u] = 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(() => n?.menuAction?.id ? n?.menuAction?.id : i?.menuAction?.id ? i?.menuAction?.id : null);
+    return /* @__PURE__ */ a(
+      k.Provider,
+      {
+        value: {
+          open: m,
+          isDisabled: v,
+          defaultValue: e,
+          value: w,
+          closeOnRangeSelect: h,
+          activeMenu: P,
+          startOfAllTimeDate: t,
+          setActiveMenu: l,
+          onValueChange: x,
+          onOpenChange: u
+        },
+        children: /* @__PURE__ */ a(
+          y,
+          {
+            open: m,
+            onOpenChange: u,
+            isDesktop: L,
+            children: /* @__PURE__ */ a(
+              "div",
+              {
+                ...C,
+                ref: R,
+                className: j(M),
+                "data-slot": "date-range-root",
+                children: A
+              }
+            )
+          }
+        )
+      }
+    );
+  }
 );
-p.displayName = "DateRangeTrigger";
+z.displayName = "DateRangeRoot";
 export {
-  p as DateRangeTrigger
+  z as DateRangeRoot
 };

package/dist/mainstack-design-system531.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-system535.cjs"),s=require("./mainstack-design-system533.cjs"),P=require("./mainstack-design-system534.cjs"),k=require("./mainstack-design-system532.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 a=require("react/jsx-runtime"),o=require("react"),s=require("./utils-CShTjG-k.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system614.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system406.cjs");const n=require("./mainstack-design-system544.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-system531.js

@@ -1,17 +1,26 @@
-'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-system535.js";
-import { DatePickerInputField as p } from "./mainstack-design-system533.js";
-import { DatePickerPortal as f } from "./mainstack-design-system534.js";
-import { DatePickerCalendar as P } from "./mainstack-design-system532.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 e } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { c as m } from "./utils-BSsuM-JB.js";
+import "./index-eeqUt-Tb.js";
+import "./mainstack-design-system614.js";
+import "./mainstack-design-system402.js";
+import "./mainstack-design-system403.js";
+import "./mainstack-design-system404.js";
+import "./mainstack-design-system405.js";
+import "./mainstack-design-system406.js";
+import { ResponsivePopoverDrawerTrigger as a } from "./mainstack-design-system544.js";
+const p = i(
+  ({ className: r, ...o }, t) => /* @__PURE__ */ e(
+    a,
+    {
+      ref: t,
+      "data-slot": "date-range-trigger",
+      className: m("", r),
+      ...o
+    }
+  )
 );
-d.displayName = "DatePicker";
+p.displayName = "DateRangeTrigger";
 export {
-  d as DatePicker
+  p as DateRangeTrigger
 };

package/dist/mainstack-design-system532.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),k=require("./utils-CShTjG-k.cjs"),p=require("./mainstack-design-system615.cjs"),D=require("./DayPickerExtended-Dr79tvx5.cjs"),t=require("./isValid--tU3TFIT.cjs"),o=f.forwardRef(({className:s,...d},c)=>{const{dateRange:e,value:a,isDisabled:i,onValueChange:n,onOpenChange:l}=p.useDatePickerContext(),u=i||(e?{before:t.isValid(e?.from)?e?.from:new Date,after:t.isValid(e?.to)?e?.to:void 0}:void 0);return r.jsx("div",{"data-slot":"date-picker-calendar",className:k.cn("@container",s),ref:c,children:r.jsx(D.DayPickerExtended,{animate:!0,mode:"single",captionLayout:"dropdown",numberOfMonths:1,navLayout:"around",defaultMonth:t.isValid(a)?a:void 0,className:"ms-single-date-picker",selected:t.isValid(a)?a:void 0,onSelect:(m=>{n&&n(m),l(!1)}),disabled:u,...d})})});o.displayName="DatePickerCalendar";exports.DatePickerCalendar=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),n=require("./mainstack-design-system536.cjs"),s=require("./mainstack-design-system534.cjs"),P=require("./mainstack-design-system535.cjs"),k=require("./mainstack-design-system533.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-system532.js

@@ -1,45 +1,17 @@
 'use client';
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as f } from "react";
-import { c as p } from "./utils-BSsuM-JB.js";
-import { useDatePickerContext as u } from "./mainstack-design-system615.js";
-import { D as v } from "./DayPickerExtended-Dbb17DV5.js";
-import { i as o } from "./isValid-DBNiCvLH.js";
-const D = f(
-  ({ className: n, ...d }, s) => {
-    const { dateRange: e, value: a, isDisabled: t, onValueChange: r, onOpenChange: m } = u(), c = t || (e ? {
-      before: o(e?.from) ? e?.from : /* @__PURE__ */ new Date(),
-      after: o(e?.to) ? e?.to : void 0
-    } : void 0);
-    return /* @__PURE__ */ i(
-      "div",
-      {
-        "data-slot": "date-picker-calendar",
-        className: p("@container", n),
-        ref: s,
-        children: /* @__PURE__ */ i(
-          v,
-          {
-            animate: !0,
-            mode: "single",
-            captionLayout: "dropdown",
-            numberOfMonths: 1,
-            navLayout: "around",
-            defaultMonth: o(a) ? a : void 0,
-            className: "ms-single-date-picker",
-            selected: o(a) ? a : void 0,
-            onSelect: ((l) => {
-              r && r(l), m(!1);
-            }),
-            disabled: c,
-            ...d
-          }
-        )
-      }
-    );
-  }
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { DatePickerRoot as c } from "./mainstack-design-system536.js";
+import { DatePickerInputField as p } from "./mainstack-design-system534.js";
+import { DatePickerPortal as f } from "./mainstack-design-system535.js";
+import { DatePickerCalendar as P } from "./mainstack-design-system533.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 = "DatePickerCalendar";
+d.displayName = "DatePicker";
 export {
-  D as DatePickerCalendar
+  d as DatePicker
 };

package/dist/mainstack-design-system533.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-system451.cjs"),p=require("./mainstack-design-system452.cjs");require("./mainstack-design-system450.cjs");require("./mainstack-design-system367.cjs");const m=require("./mainstack-design-system87.cjs");require("./player-BrTeXGve.cjs");require("./mainstack-design-system399.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system615.cjs"),x=require("./isValid--tU3TFIT.cjs"),y=require("./format-vj1HWYaK.cjs"),r=d.forwardRef(({placeholder:i="Choose a date",...s},n)=>{const{value:t,isDisabled:o,isError:u,isSuccess:c}=I.useDatePickerContext(),a=x.isValid(t)?y.format(t,"dd - MM - yyyy"):"";return e.jsx(q.PopoverTrigger,{className:"mds:w-full",children:e.jsxs(l.InputRoot,{"data-slot":"date-picker-input-field",children:[e.jsx(p.InputField,{value:a,placeholder:i,isError:u,isSuccess:c,disabled:o,readOnly:!0,ref:n,...s}),e.jsx(m,{className:"mds:size-20 mds:text-secondary"})]})})});r.displayName="DatePickerInputField";exports.DatePickerInputField=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),k=require("./utils-CShTjG-k.cjs"),p=require("./mainstack-design-system615.cjs"),D=require("./DayPickerExtended-Dr79tvx5.cjs"),t=require("./isValid--tU3TFIT.cjs"),o=f.forwardRef(({className:s,...d},c)=>{const{dateRange:e,value:a,isDisabled:i,onValueChange:n,onOpenChange:l}=p.useDatePickerContext(),u=i||(e?{before:t.isValid(e?.from)?e?.from:new Date,after:t.isValid(e?.to)?e?.to:void 0}:void 0);return r.jsx("div",{"data-slot":"date-picker-calendar",className:k.cn("@container",s),ref:c,children:r.jsx(D.DayPickerExtended,{animate:!0,mode:"single",captionLayout:"dropdown",numberOfMonths:1,navLayout:"around",defaultMonth:t.isValid(a)?a:void 0,className:"ms-single-date-picker",selected:t.isValid(a)?a:void 0,onSelect:(m=>{n&&n(m),l(!1)}),disabled:u,...d})})});o.displayName="DatePickerCalendar";exports.DatePickerCalendar=o;

package/dist/mainstack-design-system533.js

@@ -1,39 +1,45 @@
 'use client';
-import { jsx as r, jsxs as p } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import { InputRoot as n } from "./mainstack-design-system451.js";
-import { InputField as c } from "./mainstack-design-system452.js";
-import "./mainstack-design-system450.js";
-import "./mainstack-design-system367.js";
-import f from "./mainstack-design-system87.js";
-import "./player-CsZtfe1h.js";
-import "./mainstack-design-system399.js";
-import { a as u } from "./index-RoCFhqzC.js";
-import { useDatePickerContext as y } from "./mainstack-design-system615.js";
-import { i as x } from "./isValid-DBNiCvLH.js";
-import { f as I } from "./format-gFHh97g9.js";
-const h = l(
-  ({ placeholder: t = "Choose a date", ...e }, i) => {
-    const { value: o, isDisabled: a, isError: s, isSuccess: m } = y(), d = x(o) ? I(o, "dd - MM - yyyy") : "";
-    return /* @__PURE__ */ r(u, { className: "mds:w-full", children: /* @__PURE__ */ p(n, { "data-slot": "date-picker-input-field", children: [
-      /* @__PURE__ */ r(
-        c,
-        {
-          value: d,
-          placeholder: t,
-          isError: s,
-          isSuccess: m,
-          disabled: a,
-          readOnly: !0,
-          ref: i,
-          ...e
-        }
-      ),
-      /* @__PURE__ */ r(f, { className: "mds:size-20 mds:text-secondary" })
-    ] }) });
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { c as p } from "./utils-BSsuM-JB.js";
+import { useDatePickerContext as u } from "./mainstack-design-system615.js";
+import { D as v } from "./DayPickerExtended-Dbb17DV5.js";
+import { i as o } from "./isValid-DBNiCvLH.js";
+const D = f(
+  ({ className: n, ...d }, s) => {
+    const { dateRange: e, value: a, isDisabled: t, onValueChange: r, onOpenChange: m } = u(), c = t || (e ? {
+      before: o(e?.from) ? e?.from : /* @__PURE__ */ new Date(),
+      after: o(e?.to) ? e?.to : void 0
+    } : void 0);
+    return /* @__PURE__ */ i(
+      "div",
+      {
+        "data-slot": "date-picker-calendar",
+        className: p("@container", n),
+        ref: s,
+        children: /* @__PURE__ */ i(
+          v,
+          {
+            animate: !0,
+            mode: "single",
+            captionLayout: "dropdown",
+            numberOfMonths: 1,
+            navLayout: "around",
+            defaultMonth: o(a) ? a : void 0,
+            className: "ms-single-date-picker",
+            selected: o(a) ? a : void 0,
+            onSelect: ((l) => {
+              r && r(l), m(!1);
+            }),
+            disabled: c,
+            ...d
+          }
+        )
+      }
+    );
   }
 );
-h.displayName = "DatePickerInputField";
+D.displayName = "DatePickerCalendar";
 export {
-  h as DatePickerInputField
+  D as DatePickerCalendar
 };

package/dist/mainstack-design-system534.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("./index-4R9KShCu.cjs"),m=require("react"),p=require("./utils-CShTjG-k.cjs"),u=require("./mainstack-design-system615.cjs"),s=m.forwardRef(({children:n,onWheel:t,onTouchMove:r,className:i,...d},c)=>{const{open:l}=u.useDatePickerContext();return a.jsx(o.PopoverPortal,{children:a.jsx(o.PopoverContent,{"data-slot":"date-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":l,className:p.cn(" mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-310 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:border mds:shadow-200 ",i),onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},ref:c,...d,children:n})})});s.displayName="DatePickerPortal";exports.DatePickerPortal=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),l=require("./mainstack-design-system452.cjs"),p=require("./mainstack-design-system453.cjs");require("./mainstack-design-system451.cjs");require("./mainstack-design-system367.cjs");const m=require("./mainstack-design-system87.cjs");require("./player-BrTeXGve.cjs");require("./mainstack-design-system399.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system615.cjs"),x=require("./isValid--tU3TFIT.cjs"),y=require("./format-vj1HWYaK.cjs"),r=d.forwardRef(({placeholder:i="Choose a date",...s},n)=>{const{value:t,isDisabled:o,isError:u,isSuccess:c}=I.useDatePickerContext(),a=x.isValid(t)?y.format(t,"dd - MM - yyyy"):"";return e.jsx(q.PopoverTrigger,{className:"mds:w-full",children:e.jsxs(l.InputRoot,{"data-slot":"date-picker-input-field",children:[e.jsx(p.InputField,{value:a,placeholder:i,isError:u,isSuccess:c,disabled:o,readOnly:!0,ref:n,...s}),e.jsx(m,{className:"mds:size-20 mds:text-secondary"})]})})});r.displayName="DatePickerInputField";exports.DatePickerInputField=r;