mainstack-design-system 1.4.1 → 1.4.2

package/dist/mainstack-design-system508.js

@@ -1,11 +1,11 @@
-import { jsx as d } from "react/jsx-runtime";
+import { jsx as c } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import "./mainstack-design-system386.js";
 import "./mainstack-design-system387.js";
 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";
+import { c as g } from "./utils-Opg_zrKx.js";
 const v = f(
   ({ onClick: t, className: r, actionData: e, ...i }, a) => {
     const {
@@ -15,7 +15,7 @@ const v = f(
       onValueChange: n,
       setActiveMenu: u
     } = l();
-    return /* @__PURE__ */ d(
+    return /* @__PURE__ */ c(
       p,
       {
         "data-slot": "date-range-menu-action",
@@ -25,11 +25,11 @@ const v = f(
         size: "sm",
         "data-active": e.id === m,
         className: g(
-          "data-[active=true]:outline-2 data-[active=true]:outline-border-interactive-neutral-pressed",
+          "mds:data-[active=true]:outline-2 mds:data-[active=true]:outline-border-interactive-neutral-pressed",
           r
         ),
-        onClick: (c) => {
-          t && t(c), u(e?.id), n && n({
+        onClick: (d) => {
+          t && t(d), u(e?.id), n && n({
             from: e.from,
             to: e.to,
             menuAction: e

package/dist/mainstack-design-system509.cjs

@@ -1,2 +1,2 @@
 '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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("./utils-KlkRDGof.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("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",s),ref:t,...a,children:o}),e.jsx(p.ResponsivePopoverDrawerOverlay,{})]}));r.displayName="DateRangePortal";exports.DateRangePortal=r;

package/dist/mainstack-design-system509.js

@@ -1,34 +1,34 @@
 '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 { jsxs as a, jsx as r } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { c as d } from "./utils-Opg_zrKx.js";
 import "./index-eeqUt-Tb.js";
 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 { ResponsivePopoverDrawerContent as p } from "./mainstack-design-system609.js";
+import { ResponsivePopoverDrawerOverlay as i } from "./mainstack-design-system522.js";
+import { ResponsivePopoverDrawerPortal as l } from "./mainstack-design-system606.js";
 import "./mainstack-design-system524.js";
-const f = s(
-  ({ children: o, className: e, ...t }, a) => /* @__PURE__ */ p(n, { children: [
+const n = m(
+  ({ children: o, className: e, ...s }, t) => /* @__PURE__ */ a(l, { children: [
     /* @__PURE__ */ r(
-      m,
+      p,
       {
         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",
+        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: a,
-        ...t,
+        ref: t,
+        ...s,
         children: o
       }
     ),
-    /* @__PURE__ */ r(l, {})
+    /* @__PURE__ */ r(i, {})
   ] })
 );
-f.displayName = "DateRangePortal";
+n.displayName = "DateRangePortal";
 export {
-  f as DateRangePortal
+  n as DateRangePortal
 };

package/dist/mainstack-design-system510.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),a=require("./utils-KlkRDGof.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(()=>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: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,6 +1,6 @@
 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 { h as s, c as j } from "./utils-Opg_zrKx.js";
 import { u as c } from "./index-437EL2iq.js";
 import { DateRangeContext as k } from "./mainstack-design-system588.js";
 import "./index-eeqUt-Tb.js";
@@ -55,7 +55,7 @@ const z = S(
       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);
+    }), [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,
       {

package/dist/mainstack-design-system511.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),s=require("./utils-KlkRDGof.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,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { c as m } from "./utils-DnnzGb1L.js";
+import { c as m } from "./utils-Opg_zrKx.js";
 import "./index-eeqUt-Tb.js";
 import "./mainstack-design-system590.js";
 import "./mainstack-design-system386.js";

package/dist/mainstack-design-system513.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),u=require("./utils-FBJ8OQ9f.cjs"),k=require("./mainstack-design-system591.cjs"),m=require("./DayPickerExtended-DNqwrYF1.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 t=require("react/jsx-runtime"),l=require("react"),u=require("./utils-KlkRDGof.cjs"),k=require("./mainstack-design-system591.cjs"),m=require("./DayPickerExtended-DV1NlJoN.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;

package/dist/mainstack-design-system513.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
-import { c as l } from "./utils-DnnzGb1L.js";
+import { c as l } from "./utils-Opg_zrKx.js";
 import { useDatePickerContext as m } from "./mainstack-design-system591.js";
-import { D as p } from "./DayPickerExtended-C1hsWVH0.js";
+import { D as p } from "./DayPickerExtended-DDXNs0_e.js";
 const f = c(
   ({ className: t, ...o }, n) => {
     const { value: e, isDisabled: i, onValueChange: a, onOpenChange: d } = m();

package/dist/mainstack-design-system514.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-system433.cjs"),p=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system355.cjs");const m=require("./mainstack-design-system84.cjs");require("./player-BKifgSJo.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system591.cjs"),x=require("./format-hjZOCnCU.cjs"),r=d.forwardRef(({placeholder:n="Choose a date",...o},i)=>{const{value:t,isDisabled:s,isError:c,isSuccess:a}=I.useDatePickerContext(),u=t instanceof Date?x.format(t,"dd - MM - yyyy"):"";return e.jsx(q.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:s,readOnly:!0,ref:i,...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"),d=require("react"),l=require("./mainstack-design-system433.cjs"),p=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system355.cjs");const m=require("./mainstack-design-system84.cjs");require("./player-BKifgSJo.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system591.cjs"),x=require("./format-D-2SsLOD.cjs"),r=d.forwardRef(({placeholder:n="Choose a date",...s},o)=>{const{value:t,isDisabled:i,isError:c,isSuccess:a}=I.useDatePickerContext(),u=t instanceof Date?x.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:u,placeholder:n,isError:c,isSuccess:a,disabled:i,readOnly:!0,ref:o,...s}),e.jsx(m,{className:"mds:size-20 mds:text-secondary"})]})})});r.displayName="DatePickerInputField";exports.DatePickerInputField=r;

package/dist/mainstack-design-system514.js

@@ -1,6 +1,6 @@
 'use client';
-import { jsx as r, jsxs as n } from "react/jsx-runtime";
-import { forwardRef as d } from "react";
+import { jsx as r, jsxs as p } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
 import { InputRoot as l } from "./mainstack-design-system433.js";
 import { InputField as c } from "./mainstack-design-system434.js";
 import "./mainstack-design-system432.js";
@@ -9,15 +9,15 @@ import f from "./mainstack-design-system84.js";
 import "./player-DSenNqFV.js";
 import { a as u } from "./index-RoCFhqzC.js";
 import { useDatePickerContext as y } from "./mainstack-design-system591.js";
-import { f as x } from "./format-CR_Jktle.js";
-const D = d(
+import { f as x } from "./format---Gy3iqv.js";
+const D = n(
   ({ placeholder: t = "Choose a date", ...o }, i) => {
-    const { value: e, isDisabled: a, isError: s, isSuccess: m } = y(), p = e instanceof Date ? x(e, "dd - MM - yyyy") : "";
-    return /* @__PURE__ */ r(u, { className: "w-full", children: /* @__PURE__ */ n(l, { "data-slot": "date-picker-input-field", children: [
+    const { value: e, isDisabled: a, isError: s, isSuccess: m } = y(), d = e instanceof Date ? x(e, "dd - MM - yyyy") : "";
+    return /* @__PURE__ */ r(u, { className: "mds:w-full", children: /* @__PURE__ */ p(l, { "data-slot": "date-picker-input-field", children: [
       /* @__PURE__ */ r(
         c,
         {
-          value: p,
+          value: d,
           placeholder: t,
           isError: s,
           isSuccess: m,
@@ -27,7 +27,7 @@ const D = d(
           ...o
         }
       ),
-      /* @__PURE__ */ r(f, { className: "size-20 text-secondary" })
+      /* @__PURE__ */ r(f, { className: "mds:size-20 mds:text-secondary" })
     ] }) });
   }
 );

package/dist/mainstack-design-system515.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("./index-4R9KShCu.cjs"),p=require("react"),u=require("./utils-FBJ8OQ9f.cjs"),P=require("./mainstack-design-system591.cjs"),n=p.forwardRef(({children:i,onWheel:t,onTouchMove:r,className:c,...s},d)=>{const{open:l}=P.useDatePickerContext();return o.jsx(a.PopoverPortal,{children:o.jsx(a.PopoverContent,{"data-slot":"date-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":l,className:u.cn(" will-change-transform data-[state=open]:animate-content-fade-in z-100 animate-content-fade-out w-(--radix-popover-trigger-width) p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200 ",c),onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},ref:d,...s,children:i})})});n.displayName="DatePickerPortal";exports.DatePickerPortal=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("./index-4R9KShCu.cjs"),m=require("react"),p=require("./utils-KlkRDGof.cjs"),u=require("./mainstack-design-system591.cjs"),n=m.forwardRef(({children:s,onWheel:t,onTouchMove:r,className:i,...d},c)=>{const{open:l}=u.useDatePickerContext();return o.jsx(a.PopoverPortal,{children:o.jsx(a.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-(--radix-popover-trigger-width) mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200 ",i),onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},ref:c,...d,children:s})})});n.displayName="DatePickerPortal";exports.DatePickerPortal=n;

package/dist/mainstack-design-system515.js

@@ -1,28 +1,28 @@
 'use client';
 import { jsx as e } from "react/jsx-runtime";
-import { b as s, c } from "./index-RoCFhqzC.js";
-import { forwardRef as l } from "react";
-import { c as f } from "./utils-DnnzGb1L.js";
-import { useDatePickerContext as m } from "./mainstack-design-system591.js";
-const P = l(
+import { b as m, c as p } from "./index-RoCFhqzC.js";
+import { forwardRef as c } from "react";
+import { c as l } from "./utils-Opg_zrKx.js";
+import { useDatePickerContext as f } from "./mainstack-design-system591.js";
+const P = c(
   ({
     children: a,
     onWheel: t,
     onTouchMove: o,
-    className: i,
-    ...n
-  }, p) => {
-    const { open: d } = m();
-    return /* @__PURE__ */ e(s, { children: /* @__PURE__ */ e(
-      c,
+    className: d,
+    ...s
+  }, i) => {
+    const { open: n } = f();
+    return /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
+      p,
       {
         "data-slot": "date-picker-portal",
         role: "listbox",
         sideOffset: 6,
-        "data-date-picker-calendar-opened": d,
-        className: f(
-          " will-change-transform data-[state=open]:animate-content-fade-in z-100 animate-content-fade-out w-(--radix-popover-trigger-width) p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200 ",
-          i
+        "data-date-picker-calendar-opened": n,
+        className: l(
+          " mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-(--radix-popover-trigger-width) mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200 ",
+          d
         ),
         onWheel: (r) => {
           r.stopPropagation(), t && t(r);
@@ -30,8 +30,8 @@ const P = l(
         onTouchMove: (r) => {
           r.stopPropagation(), o && o(r);
         },
-        ref: p,
-        ...n,
+        ref: i,
+        ...s,
         children: a
       }
     ) });

package/dist/mainstack-design-system518.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),m=require("./mainstack-design-system433.cjs"),d=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system355.cjs");const p=require("./mainstack-design-system262.cjs");require("./player-BKifgSJo.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system592.cjs"),x=require("./format-hjZOCnCU.cjs"),i=l.forwardRef(({placeholder:r="Choose time",...n},o)=>{const{value:t,isDisabled:s,isError:c,isSuccess:u}=I.useTimePickerContext(),a=t instanceof Date?x.format(t,"hh : mm a"):"";return e.jsx(q.PopoverTrigger,{className:"w-full",children:e.jsxs(m.InputRoot,{"data-slot":"time-picker-input-field",children:[e.jsx(d.InputField,{...n,value:a,placeholder:r,isError:c,isSuccess:u,disabled:s,ref:o,readOnly:!0}),e.jsx(p,{className:"size-20 text-secondary"})]})})});i.displayName="TimePickerInputField";exports.TimePickerInputField=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),m=require("./mainstack-design-system433.cjs"),d=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");require("./mainstack-design-system355.cjs");const p=require("./mainstack-design-system262.cjs");require("./player-BKifgSJo.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system592.cjs"),x=require("./format-D-2SsLOD.cjs"),i=l.forwardRef(({placeholder:r="Choose time",...n},s)=>{const{value:t,isDisabled:o,isError:c,isSuccess:u}=I.useTimePickerContext(),a=t instanceof Date?x.format(t,"hh : mm a"):"";return e.jsx(q.PopoverTrigger,{className:"mds:w-full",children:e.jsxs(m.InputRoot,{"data-slot":"time-picker-input-field",children:[e.jsx(d.InputField,{...n,value:a,placeholder:r,isError:c,isSuccess:u,disabled:o,ref:s,readOnly:!0}),e.jsx(p,{className:"mds:size-20 mds:text-secondary"})]})})});i.displayName="TimePickerInputField";exports.TimePickerInputField=i;

package/dist/mainstack-design-system518.js

@@ -1,21 +1,21 @@
 'use client';
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { InputRoot as c } from "./mainstack-design-system433.js";
-import { InputField as d } from "./mainstack-design-system434.js";
+import { forwardRef as d } from "react";
+import { InputRoot as n } from "./mainstack-design-system433.js";
+import { InputField as c } from "./mainstack-design-system434.js";
 import "./mainstack-design-system432.js";
 import "./mainstack-design-system355.js";
 import f from "./mainstack-design-system262.js";
 import "./player-DSenNqFV.js";
 import { a as u } from "./index-RoCFhqzC.js";
 import { useTimePickerContext as h } from "./mainstack-design-system592.js";
-import { f as x } from "./format-CR_Jktle.js";
-const I = n(
+import { f as x } from "./format---Gy3iqv.js";
+const I = d(
   ({ placeholder: i = "Choose time", ...o }, t) => {
     const { value: r, isDisabled: m, isError: s, isSuccess: a } = h(), p = r instanceof Date ? x(r, "hh : mm a") : "";
-    return /* @__PURE__ */ e(u, { className: "w-full", children: /* @__PURE__ */ l(c, { "data-slot": "time-picker-input-field", children: [
+    return /* @__PURE__ */ e(u, { className: "mds:w-full", children: /* @__PURE__ */ l(n, { "data-slot": "time-picker-input-field", children: [
       /* @__PURE__ */ e(
-        d,
+        c,
         {
           ...o,
           value: p,
@@ -27,7 +27,7 @@ const I = n(
           readOnly: !0
         }
       ),
-      /* @__PURE__ */ e(f, { className: "size-20 text-secondary" })
+      /* @__PURE__ */ e(f, { className: "mds:size-20 mds:text-secondary" })
     ] }) });
   }
 );

package/dist/mainstack-design-system519.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./index-4R9KShCu.cjs"),p=require("react"),u=require("./utils-FBJ8OQ9f.cjs"),m=require("./mainstack-design-system592.cjs"),a=p.forwardRef(({children:n,onWheel:t,onTouchMove:r,className:c,...s},d)=>{const{open:l}=m.useTimePickerContext();return o.jsx(i.PopoverPortal,{children:o.jsx(i.PopoverContent,{"data-slot":"time-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":l,className:u.cn(" will-change-transform data-[state=open]:animate-content-fade-in z-100 animate-content-fade-out w-(--radix-popover-trigger-width) p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200 ",c),ref:d,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},...s,children:n})})});a.displayName="TimePickerPortal";exports.TimePickerPortal=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./index-4R9KShCu.cjs"),l=require("react"),p=require("./utils-KlkRDGof.cjs"),u=require("./mainstack-design-system592.cjs"),a=l.forwardRef(({children:n,onWheel:t,onTouchMove:r,className:s,...d},c)=>{const{open:m}=u.useTimePickerContext();return o.jsx(i.PopoverPortal,{children:o.jsx(i.PopoverContent,{"data-slot":"time-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":m,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-(--radix-popover-trigger-width) mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200 ",s),ref:c,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},...d,children:n})})});a.displayName="TimePickerPortal";exports.TimePickerPortal=a;

package/dist/mainstack-design-system519.js

@@ -1,37 +1,37 @@
 'use client';
 import { jsx as t } from "react/jsx-runtime";
-import { b as s, c as m } from "./index-RoCFhqzC.js";
+import { b as n, c as p } from "./index-RoCFhqzC.js";
 import { forwardRef as c } from "react";
-import { c as l } from "./utils-DnnzGb1L.js";
+import { c as l } from "./utils-Opg_zrKx.js";
 import { useTimePickerContext as f } from "./mainstack-design-system592.js";
 const P = c(
   ({
     children: a,
     onWheel: o,
     onTouchMove: e,
-    className: i,
-    ...n
-  }, p) => {
-    const { open: d } = f();
-    return /* @__PURE__ */ t(s, { children: /* @__PURE__ */ t(
-      m,
+    className: d,
+    ...i
+  }, s) => {
+    const { open: m } = f();
+    return /* @__PURE__ */ t(n, { children: /* @__PURE__ */ t(
+      p,
       {
         "data-slot": "time-picker-portal",
         role: "listbox",
         sideOffset: 6,
-        "data-date-picker-calendar-opened": d,
+        "data-date-picker-calendar-opened": m,
         className: l(
-          " will-change-transform data-[state=open]:animate-content-fade-in z-100 animate-content-fade-out w-(--radix-popover-trigger-width) p-8 rounded-18 bg-surface-neutral-l1 border-border-interactive-neutral border shadow-200 ",
-          i
+          " mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-(--radix-popover-trigger-width) mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-neutral mds:border mds:shadow-200 ",
+          d
         ),
-        ref: p,
+        ref: s,
         onWheel: (r) => {
           r.stopPropagation(), o && o(r);
         },
         onTouchMove: (r) => {
           r.stopPropagation(), e && e(r);
         },
-        ...n,
+        ...i,
         children: a
       }
     ) });

package/dist/mainstack-design-system522.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),a=require("./index-hyBpqx_X.cjs"),s=require("./mainstack-design-system590.cjs"),n=require("./utils-FBJ8OQ9f.cjs"),i=({className:e,...r})=>{const{isDesktop:t}=s.useResponsivePopoverDrawerContext();return t?null:o.jsx(a.Drawer.Overlay,{"data-slot":"responsive-popover-drawer-overlay",className:n.cn("data-[state=open]:animate-content-fade-in data-[state=closed]:animate-content-fade-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-primary/50",e),...r})};exports.ResponsivePopoverDrawerOverlay=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("./index-hyBpqx_X.cjs"),a=require("./mainstack-design-system590.cjs"),n=require("./utils-KlkRDGof.cjs"),i=({className:e,...s})=>{const{isDesktop:r}=a.useResponsivePopoverDrawerContext();return r?null:t.jsx(o.Drawer.Overlay,{"data-slot":"responsive-popover-drawer-overlay",className:n.cn("mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:data-[state=closed]:fade-out-0 mds:data-[state=open]:fade-in-0 mds:fixed mds:inset-0 mds:z-50 mds:bg-primary/50",e),...s})};exports.ResponsivePopoverDrawerOverlay=i;

package/dist/mainstack-design-system522.js

@@ -1,18 +1,18 @@
 import { jsx as o } from "react/jsx-runtime";
-import { D as r } from "./index-eeqUt-Tb.js";
-import { useResponsivePopoverDrawerContext as s } from "./mainstack-design-system590.js";
-import { c as n } from "./utils-DnnzGb1L.js";
+import { D as s } from "./index-eeqUt-Tb.js";
+import { useResponsivePopoverDrawerContext as r } from "./mainstack-design-system590.js";
+import { c as d } from "./utils-Opg_zrKx.js";
 const f = ({
   className: e,
   ...t
 }) => {
-  const { isDesktop: a } = s();
+  const { isDesktop: a } = r();
   return a ? null : /* @__PURE__ */ o(
-    r.Overlay,
+    s.Overlay,
     {
       "data-slot": "responsive-popover-drawer-overlay",
-      className: n(
-        "data-[state=open]:animate-content-fade-in data-[state=closed]:animate-content-fade-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-primary/50",
+      className: d(
+        "mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:data-[state=closed]:fade-out-0 mds:data-[state=open]:fade-in-0 mds:fixed mds:inset-0 mds:z-50 mds:bg-primary/50",
         e
       ),
       ...t

package/dist/mainstack-design-system525.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("./index-HSoR75mY.cjs"),l=require("react"),i=require("./utils-FBJ8OQ9f.cjs"),r=require("./index-DvzX668K.cjs"),o=l.forwardRef(({children:d,className:n,...a})=>e.jsx("div",{className:"fixed w-full h-full flex justify-center top-0 left-0 items-end z-100 md:items-center ",children:e.jsxs(t.DialogContent,{"data-slot":"modal-body",className:i.cn("group/Modal-body flex-1 flex will-change-transform max-h-[90dvh] max-w-980 shadow-600 rounded-t-20 overflow-hidden  bg-surface-neutral-l1 animate-content-scale-out data-[state=open]:animate-content-scale-in md:rounded-20 md:mx-20 ",n),...a,children:[d,e.jsx(r.VisuallyHidden,{children:e.jsx(t.DialogDescription,{})})]})}));o.displayName="ModalBody";exports.ModalBody=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),e=require("./index-HSoR75mY.cjs"),n=require("react"),a=require("./utils-KlkRDGof.cjs"),l=require("./index-DvzX668K.cjs"),s=n.forwardRef(({children:m,className:t,...o})=>d.jsx("div",{className:"mds:fixed mds:w-full mds:h-full mds:flex mds:justify-center mds:top-0 mds:left-0 mds:items-end mds:z-100 mds:md:items-center ",children:d.jsxs(e.DialogContent,{"data-slot":"modal-body",className:a.cn("mds:group/Modal-body mds:flex-1 mds:flex mds:will-change-transform mds:max-h-[90dvh] mds:max-w-980 mds:shadow-600 mds:rounded-t-20 mds:overflow-hidden  mds:bg-surface-neutral-l1 mds:animate-content-scale-out mds:data-[state=open]:animate-content-scale-in mds:md:rounded-20 mds:md:mx-20 ",t),...o,children:[m,d.jsx(l.VisuallyHidden,{children:d.jsx(e.DialogDescription,{})})]})}));s.displayName="ModalBody";exports.ModalBody=s;

package/dist/mainstack-design-system525.js

@@ -1,27 +1,27 @@
 'use client';
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { D as l, a as r } from "./index-DDHQjaCF.js";
-import { forwardRef as n } from "react";
-import { c as i } from "./utils-DnnzGb1L.js";
-import { V as m } from "./index-DJT9m8v7.js";
-const s = n(
-  ({ children: o, className: a, ...t }) => /* @__PURE__ */ e("div", { className: "fixed w-full h-full flex justify-center top-0 left-0 items-end z-100 md:items-center ", children: /* @__PURE__ */ d(
-    l,
+import { jsx as d, jsxs as o } from "react/jsx-runtime";
+import { D as a, a as t } from "./index-DDHQjaCF.js";
+import { forwardRef as l } from "react";
+import { c as r } from "./utils-Opg_zrKx.js";
+import { V as n } from "./index-DJT9m8v7.js";
+const i = l(
+  ({ children: m, className: s, ...e }) => /* @__PURE__ */ d("div", { className: "mds:fixed mds:w-full mds:h-full mds:flex mds:justify-center mds:top-0 mds:left-0 mds:items-end mds:z-100 mds:md:items-center ", children: /* @__PURE__ */ o(
+    a,
     {
       "data-slot": "modal-body",
-      className: i(
-        "group/Modal-body flex-1 flex will-change-transform max-h-[90dvh] max-w-980 shadow-600 rounded-t-20 overflow-hidden  bg-surface-neutral-l1 animate-content-scale-out data-[state=open]:animate-content-scale-in md:rounded-20 md:mx-20 ",
-        a
+      className: r(
+        "mds:group/Modal-body mds:flex-1 mds:flex mds:will-change-transform mds:max-h-[90dvh] mds:max-w-980 mds:shadow-600 mds:rounded-t-20 mds:overflow-hidden  mds:bg-surface-neutral-l1 mds:animate-content-scale-out mds:data-[state=open]:animate-content-scale-in mds:md:rounded-20 mds:md:mx-20 ",
+        s
       ),
-      ...t,
+      ...e,
       children: [
-        o,
-        /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(r, {}) })
+        m,
+        /* @__PURE__ */ d(n, { children: /* @__PURE__ */ d(t, {}) })
       ]
     }
   ) })
 );
-s.displayName = "ModalBody";
+i.displayName = "ModalBody";
 export {
-  s as ModalBody
+  i as ModalBody
 };

package/dist/mainstack-design-system526.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-HSoR75mY.cjs"),c=require("react"),l=require("./utils-FBJ8OQ9f.cjs"),u=require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");const a=require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");require("./mainstack-design-system355.cjs");const d=require("./mainstack-design-system91.cjs");require("./player-BKifgSJo.cjs");const n=c.forwardRef(({children:o,className:t,...r},s)=>e.jsx(i.DialogClose,{"data-slot":"modal-close",className:l.cn(t),ref:s,asChild:!0,...r,children:o||e.jsx(a.ButtonRoot,{size:"sm",iconOnly:!0,rounded:"sm",variant:"secondary",className:"min-w-36 min-h-36",children:e.jsx(u.ButtonIcon,{children:e.jsx(d,{variant:"filled"})})})}));n.displayName="ModalClose";exports.ModalClose=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-HSoR75mY.cjs"),c=require("react"),l=require("./utils-KlkRDGof.cjs"),u=require("./mainstack-design-system386.cjs");require("./mainstack-design-system387.cjs");const a=require("./mainstack-design-system388.cjs");require("./mainstack-design-system389.cjs");require("./mainstack-design-system355.cjs");const d=require("./mainstack-design-system91.cjs");require("./player-BKifgSJo.cjs");const n=c.forwardRef(({children:o,className:t,...r},s)=>e.jsx(i.DialogClose,{"data-slot":"modal-close",className:l.cn(t),ref:s,asChild:!0,...r,children:o||e.jsx(a.ButtonRoot,{size:"sm",iconOnly:!0,rounded:"sm",variant:"secondary",className:"mds:min-w-36 mds:min-h-36",children:e.jsx(u.ButtonIcon,{children:e.jsx(d,{variant:"filled"})})})}));n.displayName="ModalClose";exports.ModalClose=n;

package/dist/mainstack-design-system526.js

@@ -1,21 +1,21 @@
 'use client';
 import { jsx as o } from "react/jsx-runtime";
 import { b as a } from "./index-DDHQjaCF.js";
-import { forwardRef as e } from "react";
-import { c as l } from "./utils-DnnzGb1L.js";
-import { ButtonIcon as s } from "./mainstack-design-system386.js";
+import { forwardRef as s } from "react";
+import { c as e } from "./utils-Opg_zrKx.js";
+import { ButtonIcon as l } from "./mainstack-design-system386.js";
 import "./mainstack-design-system387.js";
 import { ButtonRoot as n } from "./mainstack-design-system388.js";
 import "./mainstack-design-system389.js";
 import "./mainstack-design-system355.js";
-import c from "./mainstack-design-system91.js";
+import d from "./mainstack-design-system91.js";
 import "./player-DSenNqFV.js";
-const d = e(
+const c = s(
   ({ children: r, className: m, ...t }, i) => /* @__PURE__ */ o(
     a,
     {
       "data-slot": "modal-close",
-      className: l(m),
+      className: e(m),
       ref: i,
       asChild: !0,
       ...t,
@@ -26,14 +26,14 @@ const d = e(
           iconOnly: !0,
           rounded: "sm",
           variant: "secondary",
-          className: "min-w-36 min-h-36",
-          children: /* @__PURE__ */ o(s, { children: /* @__PURE__ */ o(c, { variant: "filled" }) })
+          className: "mds:min-w-36 mds:min-h-36",
+          children: /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(d, { variant: "filled" }) })
         }
       )
     }
   )
 );
-d.displayName = "ModalClose";
+c.displayName = "ModalClose";
 export {
-  d as ModalClose
+  c as ModalClose
 };

package/dist/mainstack-design-system527.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),a=require("react"),r=require("./utils-FBJ8OQ9f.cjs"),e=a.forwardRef(({className:t,...o},l)=>n.jsx("div",{"data-slot":"modal-content-slot",className:r.cn("relative flex flex-col justify-between flex-[1.35]",t),ref:l,...o}));e.displayName="ModalContentSlot";exports.ModalContentSlot=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),a=require("./utils-KlkRDGof.cjs"),e=n.forwardRef(({className:t,...o},l)=>s.jsx("div",{"data-slot":"modal-content-slot",className:a.cn("mds:relative mds:flex mds:flex-col mds:justify-between mds:flex-[1.35]",t),ref:l,...o}));e.displayName="ModalContentSlot";exports.ModalContentSlot=e;

package/dist/mainstack-design-system527.js

@@ -1,13 +1,13 @@
 import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { c as r } from "./utils-DnnzGb1L.js";
-const n = a(
+import { forwardRef as m } from "react";
+import { c as s } from "./utils-Opg_zrKx.js";
+const a = m(
   ({ className: o, ...t }, e) => /* @__PURE__ */ l(
     "div",
     {
       "data-slot": "modal-content-slot",
-      className: r(
-        "relative flex flex-col justify-between flex-[1.35]",
+      className: s(
+        "mds:relative mds:flex mds:flex-col mds:justify-between mds:flex-[1.35]",
         o
       ),
       ref: e,
@@ -15,7 +15,7 @@ const n = a(
     }
   )
 );
-n.displayName = "ModalContentSlot";
+a.displayName = "ModalContentSlot";
 export {
-  n as ModalContentSlot
+  a as ModalContentSlot
 };

package/dist/mainstack-design-system528.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),o=require("react"),s=require("./utils-FBJ8OQ9f.cjs"),e=o.forwardRef(({className:t,...r},a)=>n.jsx("header",{"data-slot":"modal-content-header",className:s.cn("flex py-16 px-20 items-center sticky top-0 justify-between bg-surface-neutral-l1",t),ref:a,...r}));e.displayName="ModalContentHeader";exports.ModalContentHeader=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),n=require("./utils-KlkRDGof.cjs"),e=a.forwardRef(({className:t,...s},d)=>r.jsx("header",{"data-slot":"modal-content-header",className:n.cn("mds:flex mds:py-16 mds:px-20 mds:items-center mds:sticky mds:top-0 mds:justify-between mds:bg-surface-neutral-l1",t),ref:d,...s}));e.displayName="ModalContentHeader";exports.ModalContentHeader=e;

package/dist/mainstack-design-system528.js

@@ -1,21 +1,21 @@
-import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-import { c as n } from "./utils-DnnzGb1L.js";
-const s = o(
-  ({ className: e, ...t }, r) => /* @__PURE__ */ a(
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { c as r } from "./utils-Opg_zrKx.js";
+const a = m(
+  ({ className: e, ...t }, s) => /* @__PURE__ */ d(
     "header",
     {
       "data-slot": "modal-content-header",
-      className: n(
-        "flex py-16 px-20 items-center sticky top-0 justify-between bg-surface-neutral-l1",
+      className: r(
+        "mds:flex mds:py-16 mds:px-20 mds:items-center mds:sticky mds:top-0 mds:justify-between mds:bg-surface-neutral-l1",
         e
       ),
-      ref: r,
+      ref: s,
       ...t
     }
   )
 );
-s.displayName = "ModalContentHeader";
+a.displayName = "ModalContentHeader";
 export {
-  s as ModalContentHeader
+  a as ModalContentHeader
 };