mainstack-design-system 1.14.2 → 1.15.0

package/dist/mainstack-design-system517.js

@@ -1,34 +1,11 @@
-'use client';
-import { jsxs as a, jsx as r } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { c as d } from "./utils-D85wpvmd.js";
-import "./index-eeqUt-Tb.js";
-import "./mainstack-design-system604.js";
-import { ResponsivePopoverDrawerContent as p } from "./mainstack-design-system621.js";
-import { ResponsivePopoverDrawerOverlay as i } from "./mainstack-design-system530.js";
-import { ResponsivePopoverDrawerPortal as l } from "./mainstack-design-system619.js";
-import "./mainstack-design-system532.js";
-const n = m(
-  ({ children: o, className: e, ...s }, t) => /* @__PURE__ */ a(l, { children: [
-    /* @__PURE__ */ r(
-      p,
-      {
-        sideOffset: 6,
-        "data-slot": "date-range-portal",
-        role: "listbox",
-        className: d(
-          "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-neutral mds:shadow-600 mds:min-[900px]:p-24",
-          e
-        ),
-        ref: t,
-        ...s,
-        children: o
-      }
-    ),
-    /* @__PURE__ */ r(i, {})
-  ] })
+import { jsx as o } from "react/jsx-runtime";
+import t from "react";
+import { ToggleRoot as m } from "./mainstack-design-system519.js";
+import { ToggleSwitch as g } from "./mainstack-design-system622.js";
+const i = t.forwardRef(
+  ({ children: l, ...r }, e) => /* @__PURE__ */ o(m, { ref: e, ...r, children: /* @__PURE__ */ o(g, {}) })
 );
-n.displayName = "DateRangePortal";
+i.displayName = "Toggle";
 export {
-  n as DateRangePortal
+  i as Toggle
 };

package/dist/mainstack-design-system518.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),a=require("./utils-Bdd5vx6a.cjs"),p=require("./index-C8aODXfJ.cjs"),j=require("./mainstack-design-system603.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system604.cjs");require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");require("./mainstack-design-system395.cjs");const S=require("./mainstack-design-system531.cjs");require("./mainstack-design-system532.cjs");const y=require("./mainstack-design-system390.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 strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("react"),c=require("./utils-Dp-J9Ksy.cjs"),m=i.forwardRef,a=m(({className:e,as:t,...o},r)=>{const s=t||"h3";return l.jsx(s,{ref:r,"data-slot":"toggle-title",className:c.cn("mds:flex-1 mds:text-primary mds:body-small-medium",e),...o})});exports.ToggleTitle=a;

package/dist/mainstack-design-system518.js

@@ -1,100 +1,20 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as S, useMemo as p, useState as b } from "react";
-import { l as s, c as j } from "./utils-D85wpvmd.js";
-import { u as c } from "./index-437EL2iq.js";
-import { DateRangeContext as k } from "./mainstack-design-system603.js";
-import "./index-eeqUt-Tb.js";
-import "./mainstack-design-system604.js";
-import "./mainstack-design-system391.js";
-import "./mainstack-design-system392.js";
-import "./mainstack-design-system393.js";
-import "./mainstack-design-system394.js";
-import "./mainstack-design-system395.js";
-import { ResponsivePopoverDrawerRoot as y } from "./mainstack-design-system531.js";
-import "./mainstack-design-system532.js";
-import { useMatchMedia as q } from "./mainstack-design-system390.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]), [l, w] = c({
-      prop: D,
-      defaultProp: i,
-      onChange: g
-    }), [x] = q("(min-width: 900px)"), [L, P] = 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: l,
-          closeOnRangeSelect: h,
-          activeMenu: L,
-          startOfAllTimeDate: t,
-          setActiveMenu: P,
-          onValueChange: w,
-          onOpenChange: u
-        },
-        children: /* @__PURE__ */ a(
-          y,
-          {
-            open: m,
-            onOpenChange: u,
-            isDesktop: x,
-            children: /* @__PURE__ */ a(
-              "div",
-              {
-                ...C,
-                ref: R,
-                className: j(M),
-                "data-slot": "date-range-root",
-                children: A
-              }
-            )
-          }
-        )
-      }
-    );
-  }
+import { jsx as e } from "react/jsx-runtime";
+import s from "react";
+import { c as a } from "./utils-BWBRqOem.js";
+const l = s.forwardRef, i = l(
+  ({ className: o, as: t, ...m }, r) => /* @__PURE__ */ e(
+    t || "h3",
+    {
+      ref: r,
+      "data-slot": "toggle-title",
+      className: a(
+        "mds:flex-1 mds:text-primary mds:body-small-medium",
+        o
+      ),
+      ...m
+    }
+  )
 );
-z.displayName = "DateRangeRoot";
 export {
-  z as DateRangeRoot
+  i as ToggleTitle
 };

package/dist/mainstack-design-system519.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),s=require("./utils-Bdd5vx6a.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system604.cjs");require("./mainstack-design-system391.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-system532.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 r=require("react/jsx-runtime"),n=require("react"),i=require("./mainstack-design-system522.cjs"),g=require("./utils-Dp-J9Ksy.cjs"),c=n.forwardRef(({children:e,size:t="sm",...s},o)=>r.jsx("div",{ref:o,className:g.cn(i.toggleVariants({size:t}),"mds:flex mds:items-center mds:justify-between mds:gap-3"),...s,children:e}));exports.ToggleRoot=c;

package/dist/mainstack-design-system519.js

@@ -1,26 +1,21 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { c as m } from "./utils-D85wpvmd.js";
-import "./index-eeqUt-Tb.js";
-import "./mainstack-design-system604.js";
-import "./mainstack-design-system391.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-system532.js";
-const p = i(
-  ({ className: r, ...o }, t) => /* @__PURE__ */ e(
-    a,
+import { jsx as r } from "react/jsx-runtime";
+import s from "react";
+import { toggleVariants as a } from "./mainstack-design-system522.js";
+import { c as f } from "./utils-BWBRqOem.js";
+const p = s.forwardRef(
+  ({ children: t, size: e = "sm", ...m }, o) => /* @__PURE__ */ r(
+    "div",
     {
-      ref: t,
-      "data-slot": "date-range-trigger",
-      className: m("", r),
-      ...o
+      ref: o,
+      className: f(
+        a({ size: e }),
+        "mds:flex mds:items-center mds:justify-between mds:gap-3"
+      ),
+      ...m,
+      children: t
     }
   )
 );
-p.displayName = "DateRangeTrigger";
 export {
-  p as DateRangeTrigger
+  p as ToggleRoot
 };

package/dist/mainstack-design-system52.cjs

@@ -1 +1 @@
-"use strict";const C=require("react/jsx-runtime"),e=require("./mainstack-design-system357.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;
+"use strict";const C=require("react/jsx-runtime"),e=require("./mainstack-design-system366.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-system52.js

@@ -1,5 +1,5 @@
 import { jsx as C } from "react/jsx-runtime";
-import o from "./mainstack-design-system357.js";
+import o from "./mainstack-design-system366.js";
 const t = {
   outlined: /* @__PURE__ */ C("g", { mask: "url(#mask0_1676_216)", children: /* @__PURE__ */ C(
     "path",

package/dist/mainstack-design-system520.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-system524.cjs"),s=require("./mainstack-design-system522.cjs"),P=require("./mainstack-design-system523.cjs"),k=require("./mainstack-design-system521.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("./index-D6CM36UR.cjs"),c=require("./utils-Dp-J9Ksy.cjs"),i=r.forwardRef(({className:e,children:t,...l},o)=>s.jsx(a.Root,{ref:o,"data-slot":"toggle-label",className:c.cn("mds:flex mds:flex-col mds:flex-1 mds:gap-4",e),...l,children:t}));exports.ToggleLabel=i;

package/dist/mainstack-design-system520.js

@@ -1,17 +1,19 @@
-'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-system524.js";
-import { DatePickerInputField as p } from "./mainstack-design-system522.js";
-import { DatePickerPortal as f } from "./mainstack-design-system523.js";
-import { DatePickerCalendar as P } from "./mainstack-design-system521.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 l } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { R as t } from "./index-C8-1UHbn.js";
+import { c as a } from "./utils-BWBRqOem.js";
+const g = s(
+  ({ className: o, children: m, ...r }, e) => /* @__PURE__ */ l(
+    t,
+    {
+      ref: e,
+      "data-slot": "toggle-label",
+      className: a("mds:flex mds:flex-col mds:flex-1 mds:gap-4", o),
+      ...r,
+      children: m
+    }
+  )
 );
-d.displayName = "DatePicker";
 export {
-  d as DatePicker
+  g as ToggleLabel
 };

package/dist/mainstack-design-system521.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),k=require("./utils-Bdd5vx6a.cjs"),m=require("./mainstack-design-system605.cjs"),p=require("./DayPickerExtended-CWMOFOzF.cjs"),n=require("./isValid-Bxc_vb9Y.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 o=require("react/jsx-runtime"),s=require("react"),l=require("./utils-Dp-J9Ksy.cjs"),a=s.forwardRef,u=a(({className:e,...t},r)=>o.jsx("p",{ref:r,"data-slot":"toggle-subtext",className:l.cn("mds:flex-1 mds:text-secondary mds:body-extrasmall-regular",e),...t}));exports.ToggleSubtext=u;

package/dist/mainstack-design-system521.js

@@ -1,42 +1,20 @@
-'use client';
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { c } from "./utils-D85wpvmd.js";
-import { useDatePickerContext as p } from "./mainstack-design-system605.js";
-import { D as f } from "./DayPickerExtended-DqlbFhpw.js";
-import { i as r } from "./isValid-C--KzKY8.js";
-const u = m(
-  ({ className: t, ...i }, n) => {
-    const { value: e, isDisabled: d, onValueChange: a, onOpenChange: s } = p();
-    return /* @__PURE__ */ o(
-      "div",
-      {
-        "data-slot": "date-picker-calendar",
-        className: c("@container", t),
-        ref: n,
-        children: /* @__PURE__ */ o(
-          f,
-          {
-            animate: !0,
-            mode: "single",
-            captionLayout: "dropdown",
-            numberOfMonths: 1,
-            navLayout: "around",
-            disabled: d,
-            defaultMonth: r(e) ? e : void 0,
-            className: "ms-single-date-picker",
-            selected: r(e) ? e : void 0,
-            onSelect: ((l) => {
-              a && a(l), s(!1);
-            }),
-            ...i
-          }
-        )
-      }
-    );
-  }
+import { jsx as e } from "react/jsx-runtime";
+import a from "react";
+import { c as s } from "./utils-BWBRqOem.js";
+const m = a.forwardRef, f = m(
+  ({ className: t, ...o }, r) => /* @__PURE__ */ e(
+    "p",
+    {
+      ref: r,
+      "data-slot": "toggle-subtext",
+      className: s(
+        "mds:flex-1 mds:text-secondary mds:body-extrasmall-regular",
+        t
+      ),
+      ...o
+    }
+  )
 );
-u.displayName = "DatePickerCalendar";
 export {
-  u as DatePickerCalendar
+  f as ToggleSubtext
 };

package/dist/mainstack-design-system522.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),l=require("./mainstack-design-system440.cjs"),p=require("./mainstack-design-system441.cjs");require("./mainstack-design-system439.cjs");require("./mainstack-design-system357.cjs");const m=require("./mainstack-design-system86.cjs");require("./player-BBiZ5mNK.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system605.cjs"),x=require("./isValid-Bxc_vb9Y.cjs"),y=require("./format-CIZZXwxT.cjs"),r=d.forwardRef(({placeholder:s="Choose a date",...i},n)=>{const{value:t,isDisabled:o,isError:c,isSuccess:u}=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:s,isError:c,isSuccess:u,disabled:o,readOnly:!0,ref:n,...i}),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 t=require("./index-CAgJYdlN.cjs"),a=t.cva(["mds:**:data-[slot=toggle-switch]:disabled:**:data-[slot=toggle-title]:text-disabled","mds:**:data-[slot=toggle-switch]:disabled:**:data-[slot=toggle-subtext]:text-disabled"],{variants:{size:{sm:["mds:**:data-[slot=toggle-switch]:w-[25.2px]","mds:**:data-[slot=toggle-switch]:h-[16.8px]","mds:**:data-[slot=toggle-switch]:py-[1.4px]","mds:**:data-[slot=toggle-thumb]:w-14","mds:**:data-[slot=toggle-thumb]:translate-x-1.5","mds:**:data-[slot=toggle-thumb]:h-14","mds:**:data-[slot=toggle-switch]:data-[state=checked]:**:data-[slot=toggle-thumb]:translate-x-9"],lg:["mds:**:data-[slot=toggle-switch]:w-36","mds:**:data-[slot=toggle-switch]:h-24","mds:**:data-[slot=toggle-switch]:py-2","mds:**:data-[slot=toggle-thumb]:w-20","mds:**:data-[slot=toggle-thumb]:h-20","mds:**:data-[slot=toggle-thumb]:translate-x-2","mds:**:data-[slot=toggle-switch]:data-[state=checked]:**:data-[slot=toggle-thumb]:translate-x-14"]}}});exports.toggleVariants=a;

package/dist/mainstack-design-system522.js

@@ -1,38 +1,34 @@
-'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-system440.js";
-import { InputField as c } from "./mainstack-design-system441.js";
-import "./mainstack-design-system439.js";
-import "./mainstack-design-system357.js";
-import f from "./mainstack-design-system86.js";
-import "./player-Cs7wtvrg.js";
-import { a as u } from "./index-RoCFhqzC.js";
-import { useDatePickerContext as y } from "./mainstack-design-system605.js";
-import { i as x } from "./isValid-C--KzKY8.js";
-import { f as I } from "./format-Dy4oaflK.js";
-const h = l(
-  ({ placeholder: e = "Choose a date", ...t }, 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: e,
-          isError: s,
-          isSuccess: m,
-          disabled: a,
-          readOnly: !0,
-          ref: i,
-          ...t
-        }
-      ),
-      /* @__PURE__ */ r(f, { className: "mds:size-20 mds:text-secondary" })
-    ] }) });
+import { c as t } from "./index-D29mdTf5.js";
+const s = t(
+  [
+    "mds:**:data-[slot=toggle-switch]:disabled:**:data-[slot=toggle-title]:text-disabled",
+    "mds:**:data-[slot=toggle-switch]:disabled:**:data-[slot=toggle-subtext]:text-disabled"
+  ],
+  {
+    variants: {
+      size: {
+        sm: [
+          "mds:**:data-[slot=toggle-switch]:w-[25.2px]",
+          "mds:**:data-[slot=toggle-switch]:h-[16.8px]",
+          "mds:**:data-[slot=toggle-switch]:py-[1.4px]",
+          "mds:**:data-[slot=toggle-thumb]:w-14",
+          "mds:**:data-[slot=toggle-thumb]:translate-x-1.5",
+          "mds:**:data-[slot=toggle-thumb]:h-14",
+          "mds:**:data-[slot=toggle-switch]:data-[state=checked]:**:data-[slot=toggle-thumb]:translate-x-9"
+        ],
+        lg: [
+          "mds:**:data-[slot=toggle-switch]:w-36",
+          "mds:**:data-[slot=toggle-switch]:h-24",
+          "mds:**:data-[slot=toggle-switch]:py-2",
+          "mds:**:data-[slot=toggle-thumb]:w-20",
+          "mds:**:data-[slot=toggle-thumb]:h-20",
+          "mds:**:data-[slot=toggle-thumb]:translate-x-2",
+          "mds:**:data-[slot=toggle-switch]:data-[state=checked]:**:data-[slot=toggle-thumb]:translate-x-14"
+        ]
+      }
+    }
   }
 );
-h.displayName = "DatePickerInputField";
 export {
-  h as DatePickerInputField
+  s as toggleVariants
 };

package/dist/mainstack-design-system523.cjs

@@ -1,2 +1 @@
-'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"),u=require("./utils-Bdd5vx6a.cjs"),p=require("./mainstack-design-system605.cjs"),n=m.forwardRef(({children:s,onWheel:t,onTouchMove:r,className:d,...i},c)=>{const{open:l}=p.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:u.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-neutral mds:border mds:shadow-200 ",d),onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},ref:c,...i,children:s})})});n.displayName="DatePickerPortal";exports.DatePickerPortal=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("react"),s=require("./mainstack-design-system527.cjs"),R=require("./mainstack-design-system526.cjs"),g=require("./mainstack-design-system524.cjs"),c=require("./mainstack-design-system623.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-system523.js

@@ -1,43 +1,19 @@
-'use client';
-import { jsx as r } from "react/jsx-runtime";
-import { b as i, c as p } from "./index-RoCFhqzC.js";
-import { forwardRef as c } from "react";
-import { c as l } from "./utils-D85wpvmd.js";
-import { useDatePickerContext as f } from "./mainstack-design-system605.js";
-const P = c(
-  ({
-    children: a,
-    onWheel: o,
-    onTouchMove: e,
-    className: s,
-    ...d
-  }, n) => {
-    const { open: m } = f();
-    return /* @__PURE__ */ r(i, { children: /* @__PURE__ */ r(
-      p,
-      {
-        "data-slot": "date-picker-portal",
-        role: "listbox",
-        sideOffset: 6,
-        "data-date-picker-calendar-opened": m,
-        className: l(
-          " 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-neutral mds:border mds:shadow-200 ",
-          s
-        ),
-        onWheel: (t) => {
-          t.stopPropagation(), o && o(t);
-        },
-        onTouchMove: (t) => {
-          t.stopPropagation(), e && e(t);
-        },
-        ref: n,
-        ...d,
-        children: a
-      }
-    ) });
-  }
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { DateRangeRoot as n } from "./mainstack-design-system527.js";
+import { DateRangePortal as i } from "./mainstack-design-system526.js";
+import { DateRangeMenubar as f } from "./mainstack-design-system524.js";
+import { DateRangeCalendar as p } from "./mainstack-design-system623.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, {})
+    ] })
+  ] })
 );
-P.displayName = "DatePickerPortal";
+R.displayName = "DateRange";
 export {
-  P as DatePickerPortal
+  R as DateRange
 };

package/dist/mainstack-design-system524.cjs

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

package/dist/mainstack-design-system524.js

@@ -1,50 +1,38 @@
-'use client';
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as P } from "react";
-import { DatePickerContext as g } from "./mainstack-design-system605.js";
-import { P as v } from "./index-RoCFhqzC.js";
-import { u as t } from "./index-437EL2iq.js";
-const k = P(
-  ({
-    open: n,
-    onOpenChange: p,
-    value: i,
-    onValueChange: l,
-    isDisabled: m = !1,
-    defaultValue: e,
-    isError: s,
-    isSuccess: f,
-    children: c,
-    ...d
-  }, h) => {
-    const [r, a] = t({
-      prop: n,
-      defaultProp: !1,
-      onChange: p
-    }), [u, C] = t({
-      prop: i,
-      defaultProp: e,
-      onChange: l
-    });
-    return /* @__PURE__ */ o(
-      g.Provider,
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as d, useMemo as i } from "react";
+import { l, c as u } from "./utils-BWBRqOem.js";
+import { DateRangeMenuAction as f } from "./mainstack-design-system525.js";
+import { useDateRangeContext as p } from "./mainstack-design-system612.js";
+const c = d(
+  ({ children: e, className: s, ...n }, r) => {
+    const { startOfAllTimeDate: t } = p(), o = i(
+      () => l(t),
+      [t]
+    );
+    return /* @__PURE__ */ m(
+      "div",
       {
-        value: {
-          open: r,
-          isDisabled: m,
-          isError: s,
-          isSuccess: f,
-          defaultValue: e,
-          value: u,
-          onValueChange: C,
-          onOpenChange: a
-        },
-        children: /* @__PURE__ */ o(v, { open: r, onOpenChange: a, children: /* @__PURE__ */ o("div", { "data-slot": "date-picker-root", ref: h, ...d, children: c }) })
+        "data-slot": "date-range-menubar",
+        ref: r,
+        className: u(
+          "mds:flex mds:overflow-x-auto mds:max-w-full mds:flex-nowrap mds:items-center mds:py-12 mds:gap-12 mds:min-[900px]:w-auto  mds:min-[900px]:mask-none mds:mx-auto mds:mask-[linear-gradient(to_right,white_90%,transparent)]",
+          s
+        ),
+        ...n,
+        children: e || o.map((a) => /* @__PURE__ */ m(
+          f,
+          {
+            className: "mds:basis-auto mds:shrink-0 mds:grow-0",
+            actionData: a,
+            children: a.label
+          },
+          a.id
+        ))
       }
     );
   }
 );
-k.displayName = "DatePickerRoot";
+c.displayName = "DateRangeMenubar";
 export {
-  k as DatePickerRoot
+  c as DateRangeMenubar
 };

package/dist/mainstack-design-system525.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),m=require("./mainstack-design-system528.cjs"),s=require("./mainstack-design-system526.cjs"),P=require("./mainstack-design-system527.cjs"),T=require("./mainstack-design-system617.cjs"),i=n.forwardRef(({placeholder:r,id:c,...o},t)=>e.jsxs(m.TimePickerRoot,{...o,ref:t,children:[e.jsx(s.TimePickerInputField,{placeholder:r,id:c}),e.jsx(P.TimePickerPortal,{children:e.jsx(T.TimePickerCalendar,{})})]}));i.displayName="TimePicker";exports.TimePicker=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),g=require("react");require("./mainstack-design-system400.cjs");require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");const R=require("./mainstack-design-system404.cjs"),f=require("./mainstack-design-system612.cjs"),q=require("./utils-Dp-J9Ksy.cjs"),o=g.forwardRef(({onClick:t,className:i,actionData:e,...u},a)=>{const{activeMenu:s,onOpenChange:n,closeOnRangeSelect:c,onValueChange:r,setActiveMenu:d}=f.useDateRangeContext();return m.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("mds:data-[active=true]:outline-2 mds: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;