mainstack-design-system 1.16.6 → 1.17.0

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-system406.cjs

@@ -5,7 +5,7 @@
                 mds:hover:bg-content-special-hover mds:hover:shadow-special-button-hover mds:outline-2 mds:outline-neutral-500
 
                 mds:active:bg-content-special mds:active:shadow-special-button-pressed mds:active:ring-2 mds:ring-offset-2 mds:ring-border-surface-spread-neutral
-                mds:disabled:bg-none mds:disabled:border-none mds:disabled:shadow-none  mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"primary",class:`mds:bg-primary mds:text-on-primary
+                mds:disabled:bg-none mds:disabled:border-none mds:disabled:shadow-none mds:disabled:outline-none  mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`},{status:"default",variant:"primary",class:`mds:bg-primary mds:text-on-primary
                 mds:hover:bg-interactive-primary-hover
 
                 mds:active:bg-interactive-primary-pressed  mds:active:ring-3 mds:active:ring-border-surface-spread-neutral

package/dist/mainstack-design-system406.js

@@ -41,7 +41,7 @@ const r = e(
                 mds:hover:bg-content-special-hover mds:hover:shadow-special-button-hover mds:outline-2 mds:outline-neutral-500
 
                 mds:active:bg-content-special mds:active:shadow-special-button-pressed mds:active:ring-2 mds:ring-offset-2 mds:ring-border-surface-spread-neutral
-                mds:disabled:bg-none mds:disabled:border-none mds:disabled:shadow-none  mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`
+                mds:disabled:bg-none mds:disabled:border-none mds:disabled:shadow-none mds:disabled:outline-none  mds:disabled:bg-interactive-primary-disabled mds:disabled:text-on-primary-disabled`
       },
       {
         status: "default",

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 i=require("react/jsx-runtime"),k=require("react"),f=require("./utils-s-0cOrOT.cjs"),p=require("./mainstack-design-system614.cjs"),D=require("./DayPickerExtended-BI8ETMuv.cjs"),r=require("./isValid-914h5Kof.cjs"),o=k.forwardRef(({className:s,...d},c)=>{const{dateRange:a,value:e,isDisabled:t,onValueChange:n,onOpenChange:l}=p.useDatePickerContext(),u=t||(a?{before:a?.from||new Date,after:a?.to}:void 0);return i.jsx("div",{"data-slot":"date-picker-calendar",className:f.cn("@container",s),ref:c,children:i.jsx(D.DayPickerExtended,{animate:!0,mode:"single",captionLayout:"dropdown",numberOfMonths:1,navLayout:"around",defaultMonth:r.isValid(e)?e:void 0,className:"ms-single-date-picker",selected:r.isValid(e)?e: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,42 @@
 '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 r } 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 } from "./DayPickerExtended-B8-AnC-D.js";
+import { i } from "./isValid-nnPUOITD.js";
+const h = f(
+  ({ className: n, ...d }, s) => {
+    const { dateRange: a, value: e, isDisabled: o, onValueChange: t, onOpenChange: c } = u(), l = o || (a ? { before: a?.from || /* @__PURE__ */ new Date(), after: a?.to } : void 0);
+    return /* @__PURE__ */ r(
       "div",
       {
         "data-slot": "date-picker-calendar",
-        className: c("@container", t),
-        ref: n,
-        children: /* @__PURE__ */ o(
-          f,
+        className: p("@container", n),
+        ref: s,
+        children: /* @__PURE__ */ r(
+          D,
           {
             animate: !0,
             mode: "single",
             captionLayout: "dropdown",
             numberOfMonths: 1,
             navLayout: "around",
-            disabled: d,
-            defaultMonth: r(e) ? e : void 0,
+            defaultMonth: i(e) ? e : void 0,
             className: "ms-single-date-picker",
-            selected: r(e) ? e : void 0,
-            onSelect: ((l) => {
-              a && a(l), s(!1);
+            selected: i(e) ? e : void 0,
+            onSelect: ((m) => {
+              t && t(m), c(!1);
             }),
-            ...i
+            disabled: l,
+            ...d
           }
         )
       }
     );
   }
 );
-u.displayName = "DatePickerCalendar";
+h.displayName = "DatePickerCalendar";
 export {
-  u as DatePickerCalendar
+  h 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/package.json

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