mainstack-design-system 1.16.7 → 1.17.1

package/dist/index.d.ts

@@ -1099,6 +1099,10 @@ declare type DatePickerContextType = {
     isDisabled?: boolean;
     isError?: boolean;
     isSuccess?: boolean;
+    dateRange?: {
+        from: Date;
+        to?: Date | undefined;
+    };
     onValueChange: (value: Date | undefined) => void;
     onOpenChange: Dispatch<SetStateAction<boolean>>;
 };

package/dist/mainstack-design-system531.cjs

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

@@ -1,42 +1,45 @@
 'use client';
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { c } from "./utils-Z5JtG_Bc.js";
-import { useDatePickerContext as p } from "./mainstack-design-system614.js";
-import { D as f } from "./DayPickerExtended-B8-AnC-D.js";
-import { i as r } from "./isValid-nnPUOITD.js";
-const u = m(
-  ({ className: t, ...i }, n) => {
-    const { value: e, isDisabled: d, onValueChange: a, onOpenChange: s } = p();
-    return /* @__PURE__ */ o(
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { c as p } from "./utils-Z5JtG_Bc.js";
+import { useDatePickerContext as u } from "./mainstack-design-system614.js";
+import { D as v } from "./DayPickerExtended-B8-AnC-D.js";
+import { i as o } from "./isValid-nnPUOITD.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: c("@container", t),
-        ref: n,
-        children: /* @__PURE__ */ o(
-          f,
+        className: p("@container", n),
+        ref: s,
+        children: /* @__PURE__ */ i(
+          v,
           {
             animate: !0,
             mode: "single",
             captionLayout: "dropdown",
             numberOfMonths: 1,
             navLayout: "around",
-            disabled: d,
-            defaultMonth: r(e) ? e : void 0,
+            defaultMonth: o(a) ? a : void 0,
             className: "ms-single-date-picker",
-            selected: r(e) ? e : void 0,
+            selected: o(a) ? a : void 0,
             onSelect: ((l) => {
-              a && a(l), s(!1);
+              r && r(l), m(!1);
             }),
-            ...i
+            disabled: c,
+            ...d
           }
         )
       }
     );
   }
 );
-u.displayName = "DatePickerCalendar";
+D.displayName = "DatePickerCalendar";
 export {
-  u as DatePickerCalendar
+  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 e=require("react/jsx-runtime"),k=require("react"),v=require("./mainstack-design-system614.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),v=require("react"),f=require("./mainstack-design-system614.cjs"),R=require("./index-4R9KShCu.cjs"),r=require("./index-C8aODXfJ.cjs"),a=v.forwardRef(({open:i,onOpenChange:c,value:s,onValueChange:l,isDisabled:u=!1,defaultValue:o,dateRange:p,isError:d,isSuccess:P,children:C,...g},h)=>{const[t,n]=r.useControllableState({prop:i,defaultProp:!1,onChange:c}),[x,k]=r.useControllableState({prop:s,defaultProp:o,onChange:l});return e.jsx(f.DatePickerContext.Provider,{value:{open:t,isDisabled:u,isError:d,isSuccess:P,defaultValue:o,value:x,dateRange:p,onValueChange:k,onOpenChange:n},children:e.jsx(R.Popover,{open:t,onOpenChange:n,children:e.jsx("div",{"data-slot":"date-picker-root",ref:h,...g,children:C})})})});a.displayName="DatePickerRoot";exports.DatePickerRoot=a;

package/dist/mainstack-design-system534.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as P } from "react";
-import { DatePickerContext as g } from "./mainstack-design-system614.js";
-import { P as v } from "./index-RoCFhqzC.js";
+import { forwardRef as g } from "react";
+import { DatePickerContext as v } from "./mainstack-design-system614.js";
+import { P as k } from "./index-RoCFhqzC.js";
 import { u as t } from "./index-437EL2iq.js";
-const k = P(
+const x = g(
   ({
     open: n,
     onOpenChange: p,
@@ -12,39 +12,41 @@ const k = P(
     onValueChange: l,
     isDisabled: m = !1,
     defaultValue: e,
-    isError: s,
-    isSuccess: f,
-    children: c,
-    ...d
-  }, h) => {
+    dateRange: s,
+    isError: f,
+    isSuccess: c,
+    children: d,
+    ...h
+  }, u) => {
     const [r, a] = t({
       prop: n,
       defaultProp: !1,
       onChange: p
-    }), [u, C] = t({
+    }), [C, P] = t({
       prop: i,
       defaultProp: e,
       onChange: l
     });
     return /* @__PURE__ */ o(
-      g.Provider,
+      v.Provider,
       {
         value: {
           open: r,
           isDisabled: m,
-          isError: s,
-          isSuccess: f,
+          isError: f,
+          isSuccess: c,
           defaultValue: e,
-          value: u,
-          onValueChange: C,
+          value: C,
+          dateRange: s,
+          onValueChange: P,
           onOpenChange: a
         },
-        children: /* @__PURE__ */ o(v, { open: r, onOpenChange: a, children: /* @__PURE__ */ o("div", { "data-slot": "date-picker-root", ref: h, ...d, children: c }) })
+        children: /* @__PURE__ */ o(k, { open: r, onOpenChange: a, children: /* @__PURE__ */ o("div", { "data-slot": "date-picker-root", ref: u, ...h, children: d }) })
       }
     );
   }
 );
-k.displayName = "DatePickerRoot";
+x.displayName = "DatePickerRoot";
 export {
-  k as DatePickerRoot
+  x as DatePickerRoot
 };

package/dist/mainstack-design-system623.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),g=require("react"),p=require("./utils-s-0cOrOT.cjs"),R=require("./mainstack-design-system612.cjs"),y=require("./mainstack-design-system399.cjs"),c=require("./DayPickerExtended-BI8ETMuv.cjs"),x=require("./mainstack-design-system400.cjs");function C(a,r,e){return c.addMonths(a,-1,e)}const u=g.forwardRef(({className:a,...r},e)=>{const[d]=x.useMatchMedia("(min-width: 900px)"),{ref:l,matches:m}=y.useContainerMatchMedia({query:{minWidth:660}}),{value:n,closeOnRangeSelect:f,setActiveMenu:h,onValueChange:o,onOpenChange:s}=R.useDateRangeContext();return i.jsx("div",{"data-slot":"date-range-calendar",ref:t=>{l.current=t,typeof e=="function"?e(t):typeof e=="object"&&e!==null&&(e.current=t)},className:p.cn("mds:@container mds:min-w-auto mds:min-[900px]:min-w-670",a),children:i.jsx(c.DayPickerExtended,{...r,animate:!0,mode:"range",captionLayout:"dropdown",numberOfMonths:d||m?2:1,navLayout:"around",className:"ms-date-range",selected:n,defaultMonth:n?.from||C(new Date),onSelect:((t,M)=>{o&&(n?.from&&n.to||!n?.from?o({from:M}):(o(t),f&&s&&s(!1))),h(null)})})})});u.displayName="DateRangeCalendar";exports.DateRangeCalendar=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),p=require("react"),R=require("./utils-s-0cOrOT.cjs"),y=require("./mainstack-design-system612.cjs"),q=require("./mainstack-design-system399.cjs"),d=require("./DayPickerExtended-BI8ETMuv.cjs"),x=require("./mainstack-design-system400.cjs"),c=require("./isValid-914h5Kof.cjs");function C(a,i,e){return d.addMonths(a,-1,e)}const u=p.forwardRef(({className:a,...i},e)=>{const[l]=x.useMatchMedia("(min-width: 900px)"),{ref:m,matches:f}=q.useContainerMatchMedia({query:{minWidth:660}}),{value:n,closeOnRangeSelect:h,setActiveMenu:M,onValueChange:o,onOpenChange:r}=y.useDateRangeContext();return s.jsx("div",{"data-slot":"date-range-calendar",ref:t=>{m.current=t,typeof e=="function"?e(t):typeof e=="object"&&e!==null&&(e.current=t)},className:R.cn("mds:@container mds:min-w-auto mds:min-[900px]:min-w-670",a),children:s.jsx(d.DayPickerExtended,{...i,animate:!0,mode:"range",captionLayout:"dropdown",numberOfMonths:l||f?2:1,navLayout:"around",className:"ms-date-range",selected:c.isValid(n)?n:void 0,defaultMonth:c.isValid(n?.from)?n?.from:C(new Date),onSelect:((t,g)=>{o&&(n?.from&&n.to||!n?.from?o({from:g}):(o(t),h&&r&&r(!1))),M(null)})})})});u.displayName="DateRangeCalendar";exports.DateRangeCalendar=u;

package/dist/mainstack-design-system623.js

@@ -1,51 +1,52 @@
-import { jsx as i } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { c as h } from "./utils-Z5JtG_Bc.js";
-import { useDateRangeContext as M } from "./mainstack-design-system612.js";
-import { useContainerMatchMedia as g } from "./mainstack-design-system399.js";
-import { a as y, D } from "./DayPickerExtended-B8-AnC-D.js";
-import { useMatchMedia as w } from "./mainstack-design-system400.js";
-function x(n, r, e) {
-  return y(n, -1, e);
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { c as M } from "./utils-Z5JtG_Bc.js";
+import { useDateRangeContext as g } from "./mainstack-design-system612.js";
+import { useContainerMatchMedia as y } from "./mainstack-design-system399.js";
+import { a as D, D as w } from "./DayPickerExtended-B8-AnC-D.js";
+import { useMatchMedia as x } from "./mainstack-design-system400.js";
+import { i as s } from "./isValid-nnPUOITD.js";
+function C(o, r, e) {
+  return D(o, -1, e);
 }
-const C = p(
-  ({ className: n, ...r }, e) => {
-    const [s] = w("(min-width: 900px)"), { ref: d, matches: c } = g({
+const R = h(
+  ({ className: o, ...r }, e) => {
+    const [d] = x("(min-width: 900px)"), { ref: c, matches: f } = y({
       query: { minWidth: 660 }
     }), {
-      value: t,
-      closeOnRangeSelect: f,
-      setActiveMenu: u,
-      onValueChange: o,
-      onOpenChange: m
-    } = M();
-    return /* @__PURE__ */ i(
+      value: a,
+      closeOnRangeSelect: u,
+      setActiveMenu: l,
+      onValueChange: n,
+      onOpenChange: i
+    } = g();
+    return /* @__PURE__ */ m(
       "div",
       {
         "data-slot": "date-range-calendar",
-        ref: (a) => {
-          d.current = a, typeof e == "function" ? e(a) : typeof e == "object" && e !== null && (e.current = a);
+        ref: (t) => {
+          c.current = t, typeof e == "function" ? e(t) : typeof e == "object" && e !== null && (e.current = t);
         },
-        className: h(
+        className: M(
           "mds:@container mds:min-w-auto mds:min-[900px]:min-w-670",
-          n
+          o
         ),
-        children: /* @__PURE__ */ i(
-          D,
+        children: /* @__PURE__ */ m(
+          w,
           {
             ...r,
             animate: !0,
             mode: "range",
             captionLayout: "dropdown",
-            numberOfMonths: s || c ? 2 : 1,
+            numberOfMonths: d || f ? 2 : 1,
             navLayout: "around",
             className: "ms-date-range",
-            selected: t,
-            defaultMonth: t?.from || x(/* @__PURE__ */ new Date()),
-            onSelect: ((a, l) => {
-              o && (t?.from && t.to || !t?.from ? o({
-                from: l
-              }) : (o(a), f && m && m(!1))), u(null);
+            selected: s(a) ? a : void 0,
+            defaultMonth: s(a?.from) ? a?.from : C(/* @__PURE__ */ new Date()),
+            onSelect: ((t, p) => {
+              n && (a?.from && a.to || !a?.from ? n({
+                from: p
+              }) : (n(t), u && i && i(!1))), l(null);
             })
           }
         )
@@ -53,7 +54,7 @@ const C = p(
     );
   }
 );
-C.displayName = "DateRangeCalendar";
+R.displayName = "DateRangeCalendar";
 export {
-  C as DateRangeCalendar
+  R as DateRangeCalendar
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mainstack-design-system",
-  "version": "1.16.7",
+  "version": "1.17.1",
   "type": "module",
   "main": "./dist/mainstack-design-system.cjs",
   "module": "./dist/mainstack-design-system.js",