mainstack-design-system 1.18.0 → 1.18.2

package/dist/mainstack-design-system519.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("react"),c=require("./utils-s-0cOrOT.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),i=require("react"),c=require("./utils-BJ1u234q.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-system519.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import s from "react";
-import { c as a } from "./utils-Z5JtG_Bc.js";
+import { c as a } from "./utils-DH-0D-9U.js";
 const l = s.forwardRef, i = l(
   ({ className: o, as: t, ...m }, r) => /* @__PURE__ */ e(
     t || "h3",

package/dist/mainstack-design-system520.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),i=require("./mainstack-design-system523.cjs"),g=require("./utils-s-0cOrOT.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),i=require("./mainstack-design-system523.cjs"),g=require("./utils-BJ1u234q.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-system520.js

@@ -1,7 +1,7 @@
 import { jsx as r } from "react/jsx-runtime";
 import s from "react";
 import { toggleVariants as a } from "./mainstack-design-system523.js";
-import { c as f } from "./utils-Z5JtG_Bc.js";
+import { c as f } from "./utils-DH-0D-9U.js";
 const p = s.forwardRef(
   ({ children: t, size: e = "sm", ...m }, o) => /* @__PURE__ */ r(
     "div",

package/dist/mainstack-design-system521.cjs

@@ -1 +1 @@
-"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-s-0cOrOT.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;
+"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-BJ1u234q.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-system521.js

@@ -1,7 +1,7 @@
 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-Z5JtG_Bc.js";
+import { c as a } from "./utils-DH-0D-9U.js";
 const g = s(
   ({ className: o, children: m, ...r }, e) => /* @__PURE__ */ l(
     t,

package/dist/mainstack-design-system522.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),l=require("./utils-s-0cOrOT.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),l=require("./utils-BJ1u234q.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-system522.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import a from "react";
-import { c as s } from "./utils-Z5JtG_Bc.js";
+import { c as s } from "./utils-DH-0D-9U.js";
 const m = a.forwardRef, f = m(
   ({ className: t, ...o }, r) => /* @__PURE__ */ e(
     "p",

package/dist/mainstack-design-system525.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),r=require("./utils-s-0cOrOT.cjs"),l=require("./mainstack-design-system526.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),r=require("./utils-BJ1u234q.cjs"),l=require("./mainstack-design-system526.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-system525.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as d, useMemo as i } from "react";
-import { l, c as u } from "./utils-Z5JtG_Bc.js";
+import { m as l, c as u } from "./utils-DH-0D-9U.js";
 import { DateRangeMenuAction as f } from "./mainstack-design-system526.js";
 import { useDateRangeContext as p } from "./mainstack-design-system612.js";
 const c = d(

package/dist/mainstack-design-system526.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),g=require("react");require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");const R=require("./mainstack-design-system405.cjs"),f=require("./mainstack-design-system612.cjs"),q=require("./utils-s-0cOrOT.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),g=require("react");require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");const R=require("./mainstack-design-system405.cjs"),f=require("./mainstack-design-system612.cjs"),q=require("./utils-BJ1u234q.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;

package/dist/mainstack-design-system526.js

@@ -6,7 +6,7 @@ import "./mainstack-design-system403.js";
 import "./mainstack-design-system404.js";
 import { Button as p } from "./mainstack-design-system405.js";
 import { useDateRangeContext as l } from "./mainstack-design-system612.js";
-import { c as g } from "./utils-Z5JtG_Bc.js";
+import { c as g } from "./utils-DH-0D-9U.js";
 const v = f(
   ({ onClick: t, className: n, actionData: e, ...i }, a) => {
     const {

package/dist/mainstack-design-system527.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-s-0cOrOT.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system613.cjs");const l=require("./mainstack-design-system630.cjs"),p=require("./mainstack-design-system540.cjs"),v=require("./mainstack-design-system628.cjs");require("./mainstack-design-system542.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),i=require("./utils-BJ1u234q.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system613.cjs");const l=require("./mainstack-design-system630.cjs"),p=require("./mainstack-design-system540.cjs"),v=require("./mainstack-design-system628.cjs");require("./mainstack-design-system542.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-system527.js

@@ -1,7 +1,7 @@
 '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-Z5JtG_Bc.js";
+import { c as d } from "./utils-DH-0D-9U.js";
 import "./index-eeqUt-Tb.js";
 import "./mainstack-design-system613.js";
 import { ResponsivePopoverDrawerContent as p } from "./mainstack-design-system630.js";

package/dist/mainstack-design-system528.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("react"),a=require("./utils-s-0cOrOT.cjs"),p=require("./index-C8aODXfJ.cjs"),j=require("./mainstack-design-system612.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system613.cjs");require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");const S=require("./mainstack-design-system541.cjs");require("./mainstack-design-system542.cjs");const y=require("./mainstack-design-system400.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 s=require("react/jsx-runtime"),r=require("react"),a=require("./utils-BJ1u234q.cjs"),p=require("./index-C8aODXfJ.cjs"),j=require("./mainstack-design-system612.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system613.cjs");require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");const S=require("./mainstack-design-system541.cjs");require("./mainstack-design-system542.cjs");const y=require("./mainstack-design-system400.cjs"),g=r.forwardRef(({open:R,onOpenChange:f,value:n,onValueChange:m,isDisabled:v=!1,defaultValue:t={from:void 0,to:void 0},closeOnRangeSelect:q=!0,startOfAllTimeDate:o=new Date("2021-10-16"),children:M,className:l,...h},A)=>{const[c,d]=p.useControllableState({prop:R,defaultProp:!1,onChange:f}),C=r.useMemo(()=>{const e=a.getDefaultDateRangeMenuAction(o).find(u=>u.id===n?.menuAction?.id);return e?{from:e.from,to:e.to,menuAction:e}:n},[n,o]),i=r.useMemo(()=>{const e=a.getDefaultDateRangeMenuAction(o).find(u=>u.id===t?.menuAction?.id);return e?{from:e.from,to:e.to,menuAction:e}:t},[t,o]),[D,x]=p.useControllableState({prop:C,defaultProp:i,onChange:m}),[_]=y.useMatchMedia("(min-width: 900px)"),[P,b]=r.useState(()=>n?.menuAction?.id?n?.menuAction?.id:i?.menuAction?.id?i?.menuAction?.id:null);return s.jsx(j.DateRangeContext.Provider,{value:{open:c,isDisabled:v,defaultValue:t,value:D,closeOnRangeSelect:q,activeMenu:P,startOfAllTimeDate:o,setActiveMenu:b,onValueChange:x,onOpenChange:d},children:s.jsx(S.ResponsivePopoverDrawerRoot,{open:c,onOpenChange:d,isDesktop:_,children:s.jsx("div",{...h,ref:A,className:a.cn(l),"data-slot":"date-range-root",children:M})})})});g.displayName="DateRangeRoot";exports.DateRangeRoot=g;

package/dist/mainstack-design-system528.js

@@ -1,6 +1,6 @@
-import { jsx as a } from "react/jsx-runtime";
+import { jsx as m } 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-Z5JtG_Bc.js";
+import { m as s, c as j } from "./utils-DH-0D-9U.js";
 import { u as c } from "./index-437EL2iq.js";
 import { DateRangeContext as k } from "./mainstack-design-system612.js";
 import "./index-eeqUt-Tb.js";
@@ -30,7 +30,7 @@ const z = S(
     className: M,
     ...C
   }, R) => {
-    const [m, u] = c({
+    const [a, u] = c({
       prop: d,
       defaultProp: !1,
       onChange: f
@@ -52,33 +52,33 @@ const z = S(
         to: o.to,
         menuAction: o
       } : e;
-    }, [e, t]), [l, w] = c({
+    }, [e, t]), [w, x] = 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(
+    }), [L] = q("(min-width: 900px)"), [P, l] = b(() => n?.menuAction?.id ? n?.menuAction?.id : i?.menuAction?.id ? i?.menuAction?.id : null);
+    return /* @__PURE__ */ m(
       k.Provider,
       {
         value: {
-          open: m,
+          open: a,
           isDisabled: v,
           defaultValue: e,
-          value: l,
+          value: w,
           closeOnRangeSelect: h,
-          activeMenu: L,
+          activeMenu: P,
           startOfAllTimeDate: t,
-          setActiveMenu: P,
-          onValueChange: w,
+          setActiveMenu: l,
+          onValueChange: x,
           onOpenChange: u
         },
-        children: /* @__PURE__ */ a(
+        children: /* @__PURE__ */ m(
           y,
           {
-            open: m,
+            open: a,
             onOpenChange: u,
-            isDesktop: x,
-            children: /* @__PURE__ */ a(
+            isDesktop: L,
+            children: /* @__PURE__ */ m(
               "div",
               {
                 ...C,

package/dist/mainstack-design-system529.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),s=require("./utils-s-0cOrOT.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system613.cjs");require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");const n=require("./mainstack-design-system542.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-BJ1u234q.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system613.cjs");require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");const n=require("./mainstack-design-system542.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-system529.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as i } from "react";
-import { c as m } from "./utils-Z5JtG_Bc.js";
+import { c as m } from "./utils-DH-0D-9U.js";
 import "./index-eeqUt-Tb.js";
 import "./mainstack-design-system613.js";
 import "./mainstack-design-system401.js";

package/dist/mainstack-design-system531.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),k=require("./utils-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),k=require("./utils-BJ1u234q.cjs"),p=require("./mainstack-design-system614.cjs"),D=require("./DayPickerExtended-ChCPHHaS.cjs"),t=require("./isValid-BY1euy05.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,10 +1,10 @@
 'use client';
 import { jsx as i } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
-import { c as p } from "./utils-Z5JtG_Bc.js";
+import { c as p } from "./utils-DH-0D-9U.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";
+import { D as v } from "./DayPickerExtended-MmsZzyZa.js";
+import { i as o } from "./isValid-QBW4pYTV.js";
 const D = f(
   ({ className: n, ...d }, s) => {
     const { dateRange: e, value: a, isDisabled: t, onValueChange: r, onOpenChange: m } = u(), c = t || (e ? {

package/dist/mainstack-design-system532.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-system450.cjs"),p=require("./mainstack-design-system451.cjs");require("./mainstack-design-system449.cjs");require("./mainstack-design-system366.cjs");const m=require("./mainstack-design-system86.cjs");require("./player-CocaNyQC.cjs");require("./mainstack-design-system398.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system614.cjs"),x=require("./isValid-914h5Kof.cjs"),y=require("./format-haKPK9Cs.cjs"),r=d.forwardRef(({placeholder:i="Choose a date",...s},n)=>{const{value:t,isDisabled:o,isError:u,isSuccess:c}=I.useDatePickerContext(),a=x.isValid(t)?y.format(t,"dd - MM - yyyy"):"";return e.jsx(q.PopoverTrigger,{className:"mds:w-full",children:e.jsxs(l.InputRoot,{"data-slot":"date-picker-input-field",children:[e.jsx(p.InputField,{value:a,placeholder:i,isError:u,isSuccess:c,disabled:o,readOnly:!0,ref:n,...s}),e.jsx(m,{className:"mds:size-20 mds:text-secondary"})]})})});r.displayName="DatePickerInputField";exports.DatePickerInputField=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),l=require("./mainstack-design-system450.cjs"),p=require("./mainstack-design-system451.cjs");require("./mainstack-design-system449.cjs");require("./mainstack-design-system366.cjs");const m=require("./mainstack-design-system86.cjs");require("./player-C6X6nrWe.cjs");require("./mainstack-design-system398.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system614.cjs"),x=require("./isValid-BY1euy05.cjs"),y=require("./format-Bk4dkMvZ.cjs"),r=d.forwardRef(({placeholder:i="Choose a date",...s},n)=>{const{value:t,isDisabled:o,isError:u,isSuccess:c}=I.useDatePickerContext(),a=x.isValid(t)?y.format(t,"dd - MM - yyyy"):"";return e.jsx(q.PopoverTrigger,{className:"mds:w-full",children:e.jsxs(l.InputRoot,{"data-slot":"date-picker-input-field",children:[e.jsx(p.InputField,{value:a,placeholder:i,isError:u,isSuccess:c,disabled:o,readOnly:!0,ref:n,...s}),e.jsx(m,{className:"mds:size-20 mds:text-secondary"})]})})});r.displayName="DatePickerInputField";exports.DatePickerInputField=r;

package/dist/mainstack-design-system532.js

@@ -6,12 +6,12 @@ import { InputField as c } from "./mainstack-design-system451.js";
 import "./mainstack-design-system449.js";
 import "./mainstack-design-system366.js";
 import f from "./mainstack-design-system86.js";
-import "./player-Chgv-hOU.js";
+import "./player-DlPlWw5L.js";
 import "./mainstack-design-system398.js";
 import { a as u } from "./index-RoCFhqzC.js";
 import { useDatePickerContext as y } from "./mainstack-design-system614.js";
-import { i as x } from "./isValid-nnPUOITD.js";
-import { f as I } from "./format-YwBEH_Fc.js";
+import { i as x } from "./isValid-QBW4pYTV.js";
+import { f as I } from "./format-BvSyt7Ak.js";
 const h = l(
   ({ placeholder: t = "Choose a date", ...e }, i) => {
     const { value: o, isDisabled: a, isError: s, isSuccess: m } = y(), d = x(o) ? I(o, "dd - MM - yyyy") : "";

package/dist/mainstack-design-system533.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("./index-4R9KShCu.cjs"),m=require("react"),u=require("./utils-s-0cOrOT.cjs"),p=require("./mainstack-design-system614.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 a=require("react/jsx-runtime"),o=require("./index-4R9KShCu.cjs"),m=require("react"),u=require("./utils-BJ1u234q.cjs"),p=require("./mainstack-design-system614.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;

package/dist/mainstack-design-system533.js

@@ -2,7 +2,7 @@
 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-Z5JtG_Bc.js";
+import { c as l } from "./utils-DH-0D-9U.js";
 import { useDatePickerContext as f } from "./mainstack-design-system614.js";
 const P = c(
   ({

package/dist/mainstack-design-system536.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"),a=require("./mainstack-design-system450.cjs"),m=require("./mainstack-design-system451.cjs");require("./mainstack-design-system449.cjs");require("./mainstack-design-system366.cjs");const p=require("./mainstack-design-system264.cjs");require("./player-CocaNyQC.cjs");require("./mainstack-design-system398.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system615.cjs"),x=require("./isValid-914h5Kof.cjs"),P=require("./format-haKPK9Cs.cjs"),r=d.forwardRef(({placeholder:t="Choose time",...s},n)=>{const{value:i,isDisabled:o,isError:u,isSuccess:c}=I.useTimePickerContext(),l=x.isValid(i)?P.format(i,"hh : mm a"):"";return e.jsx(q.PopoverTrigger,{className:"mds:w-full",children:e.jsxs(a.InputRoot,{"data-slot":"time-picker-input-field",children:[e.jsx(m.InputField,{...s,value:l,placeholder:t,isError:u,isSuccess:c,disabled:o,ref:n,readOnly:!0}),e.jsx(p,{className:"mds:size-20 mds:text-secondary"})]})})});r.displayName="TimePickerInputField";exports.TimePickerInputField=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),a=require("./mainstack-design-system450.cjs"),m=require("./mainstack-design-system451.cjs");require("./mainstack-design-system449.cjs");require("./mainstack-design-system366.cjs");const p=require("./mainstack-design-system264.cjs");require("./player-C6X6nrWe.cjs");require("./mainstack-design-system398.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system615.cjs"),x=require("./isValid-BY1euy05.cjs"),P=require("./format-Bk4dkMvZ.cjs"),r=d.forwardRef(({placeholder:t="Choose time",...s},n)=>{const{value:i,isDisabled:o,isError:u,isSuccess:c}=I.useTimePickerContext(),l=x.isValid(i)?P.format(i,"hh : mm a"):"";return e.jsx(q.PopoverTrigger,{className:"mds:w-full",children:e.jsxs(a.InputRoot,{"data-slot":"time-picker-input-field",children:[e.jsx(m.InputField,{...s,value:l,placeholder:t,isError:u,isSuccess:c,disabled:o,ref:n,readOnly:!0}),e.jsx(p,{className:"mds:size-20 mds:text-secondary"})]})})});r.displayName="TimePickerInputField";exports.TimePickerInputField=r;

package/dist/mainstack-design-system536.js

@@ -6,12 +6,12 @@ import { InputField as n } from "./mainstack-design-system451.js";
 import "./mainstack-design-system449.js";
 import "./mainstack-design-system366.js";
 import f from "./mainstack-design-system264.js";
-import "./player-Chgv-hOU.js";
+import "./player-DlPlWw5L.js";
 import "./mainstack-design-system398.js";
 import { a as u } from "./index-RoCFhqzC.js";
 import { useTimePickerContext as h } from "./mainstack-design-system615.js";
-import { i as x } from "./isValid-nnPUOITD.js";
-import { f as I } from "./format-YwBEH_Fc.js";
+import { i as x } from "./isValid-QBW4pYTV.js";
+import { f as I } from "./format-BvSyt7Ak.js";
 const k = d(
   ({ placeholder: e = "Choose time", ...o }, m) => {
     const { value: i, isDisabled: t, isError: s, isSuccess: a } = h(), p = x(i) ? I(i, "hh : mm a") : "";

package/dist/mainstack-design-system537.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"),l=require("react"),u=require("./utils-s-0cOrOT.cjs"),p=require("./mainstack-design-system615.cjs"),a=l.forwardRef(({children:n,onWheel:t,onTouchMove:r,className:s,...d},c)=>{const{open:m}=p.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: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 ",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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./index-4R9KShCu.cjs"),l=require("react"),u=require("./utils-BJ1u234q.cjs"),p=require("./mainstack-design-system615.cjs"),a=l.forwardRef(({children:n,onWheel:t,onTouchMove:r,className:s,...d},c)=>{const{open:m}=p.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: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 ",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-system537.js

@@ -2,7 +2,7 @@
 import { jsx as t } from "react/jsx-runtime";
 import { b as n, c as p } from "./index-RoCFhqzC.js";
 import { forwardRef as c } from "react";
-import { c as l } from "./utils-Z5JtG_Bc.js";
+import { c as l } from "./utils-DH-0D-9U.js";
 import { useTimePickerContext as f } from "./mainstack-design-system615.js";
 const P = c(
   ({

package/dist/mainstack-design-system540.cjs

@@ -1 +1 @@
-"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-system613.cjs"),n=require("./utils-s-0cOrOT.cjs"),d=({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 mds:backdrop-blur-sm",e),...s})};exports.ResponsivePopoverDrawerOverlay=d;
+"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-system613.cjs"),n=require("./utils-BJ1u234q.cjs"),d=({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 mds:backdrop-blur-sm",e),...s})};exports.ResponsivePopoverDrawerOverlay=d;

package/dist/mainstack-design-system540.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { D as o } from "./index-eeqUt-Tb.js";
 import { useResponsivePopoverDrawerContext as r } from "./mainstack-design-system613.js";
-import { c as d } from "./utils-Z5JtG_Bc.js";
+import { c as d } from "./utils-DH-0D-9U.js";
 const c = ({
   className: e,
   ...a

package/dist/mainstack-design-system543.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("./index-HSoR75mY.cjs"),r=require("react"),c=require("./utils-s-0cOrOT.cjs"),u=require("./index-DvzX668K.cjs"),a=r.forwardRef(({children:d,className:s,layout:n="dialog",direction:m="center",placement:i="center",...o},l)=>t.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:sm:items-center mds:has-data-[placement=left]:sm:justify-start mds:has-data-[placement=right]:sm:justify-end mds:has-data-[placement=top]:sm:items-start mds:has-data-[placement=bottom]:sm:items-end ",children:t.jsxs(e.DialogContent,{ref:l,"data-slot":"modal-body","data-layout":n,"data-direction":m,"data-placement":i,className:c.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:sm:rounded-20 mds:sm:m-20 mds:data-[layout=sidebar]:max-w-456 mds:data-[layout=sidebar]:sm:min-h-[95dvh] ","mds:animate-content-slide-out-bottom mds:data-[state=open]:animate-content-slide-in-bottom mds:data-[direction=center]:sm:animate-content-scale-out mds:data-[direction=left]:sm:animate-content-slide-out-left mds:data-[direction=right]:sm:animate-content-slide-out-right mds:data-[direction=top]:sm:animate-content-slide-out-top mds:data-[direction=bottom]:sm:animate-content-slide-out-bottom mds:data-[direction=center]:data-[state=open]:sm:animate-content-scale-in mds:data-[direction=left]:data-[state=open]:sm:animate-content-slide-in-left mds:data-[direction=right]:data-[state=open]:sm:animate-content-slide-in-right mds:data-[direction=top]:data-[state=open]:sm:animate-content-slide-in-top mds:data-[direction=bottom]:data-[state=open]:sm:animate-content-slide-in-bottom",s),...o,children:[d,t.jsx(u.VisuallyHidden,{children:t.jsx(e.DialogDescription,{})})]})}));a.displayName="ModalBody";exports.ModalBody=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("./index-HSoR75mY.cjs"),r=require("react"),c=require("./utils-BJ1u234q.cjs"),u=require("./index-DvzX668K.cjs"),a=r.forwardRef(({children:d,className:s,layout:n="dialog",direction:m="center",placement:i="center",...o},l)=>t.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:sm:items-center mds:has-data-[placement=left]:sm:justify-start mds:has-data-[placement=right]:sm:justify-end mds:has-data-[placement=top]:sm:items-start mds:has-data-[placement=bottom]:sm:items-end ",children:t.jsxs(e.DialogContent,{ref:l,"data-slot":"modal-body","data-layout":n,"data-direction":m,"data-placement":i,className:c.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:sm:rounded-20 mds:sm:m-20 mds:data-[layout=sidebar]:max-w-456 mds:data-[layout=sidebar]:sm:min-h-[95dvh] ","mds:animate-content-slide-out-bottom mds:data-[state=open]:animate-content-slide-in-bottom mds:data-[direction=center]:sm:animate-content-scale-out mds:data-[direction=left]:sm:animate-content-slide-out-left mds:data-[direction=right]:sm:animate-content-slide-out-right mds:data-[direction=top]:sm:animate-content-slide-out-top mds:data-[direction=bottom]:sm:animate-content-slide-out-bottom mds:data-[direction=center]:data-[state=open]:sm:animate-content-scale-in mds:data-[direction=left]:data-[state=open]:sm:animate-content-slide-in-left mds:data-[direction=right]:data-[state=open]:sm:animate-content-slide-in-right mds:data-[direction=top]:data-[state=open]:sm:animate-content-slide-in-top mds:data-[direction=bottom]:data-[state=open]:sm:animate-content-slide-in-bottom",s),...o,children:[d,t.jsx(u.VisuallyHidden,{children:t.jsx(e.DialogDescription,{})})]})}));a.displayName="ModalBody";exports.ModalBody=a;

package/dist/mainstack-design-system543.js

@@ -2,7 +2,7 @@
 import { jsx as t, jsxs as i } from "react/jsx-runtime";
 import { D as l, a as r } from "./index-DDHQjaCF.js";
 import { forwardRef as c } from "react";
-import { c as p } from "./utils-Z5JtG_Bc.js";
+import { c as p } from "./utils-DH-0D-9U.js";
 import { V as f } from "./index-DJT9m8v7.js";
 const u = c(
   ({

package/dist/mainstack-design-system544.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"),u=require("./utils-s-0cOrOT.cjs"),l=require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");const a=require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system366.cjs");const d=require("./mainstack-design-system93.cjs");require("./player-CocaNyQC.cjs");const n=c.forwardRef(({children:o,className:t,...r},s)=>e.jsx(i.DialogClose,{"data-slot":"modal-close",className:u.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(l.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"),u=require("./utils-BJ1u234q.cjs"),l=require("./mainstack-design-system401.cjs");require("./mainstack-design-system402.cjs");const a=require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system405.cjs");require("./mainstack-design-system366.cjs");const d=require("./mainstack-design-system93.cjs");require("./player-C6X6nrWe.cjs");const n=c.forwardRef(({children:o,className:t,...r},s)=>e.jsx(i.DialogClose,{"data-slot":"modal-close",className:u.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(l.ButtonIcon,{children:e.jsx(d,{variant:"filled"})})})}));n.displayName="ModalClose";exports.ModalClose=n;

package/dist/mainstack-design-system544.js

@@ -2,7 +2,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { b as a } from "./index-DDHQjaCF.js";
 import { forwardRef as s } from "react";
-import { c as e } from "./utils-Z5JtG_Bc.js";
+import { c as e } from "./utils-DH-0D-9U.js";
 import { ButtonIcon as l } from "./mainstack-design-system401.js";
 import "./mainstack-design-system402.js";
 import { ButtonRoot as n } from "./mainstack-design-system403.js";
@@ -10,7 +10,7 @@ import "./mainstack-design-system404.js";
 import "./mainstack-design-system405.js";
 import "./mainstack-design-system366.js";
 import d from "./mainstack-design-system93.js";
-import "./player-Chgv-hOU.js";
+import "./player-DlPlWw5L.js";
 const p = s(
   ({ children: r, className: m, ...t }, i) => /* @__PURE__ */ o(
     a,

package/dist/mainstack-design-system545.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),a=require("./utils-s-0cOrOT.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),a=require("./utils-BJ1u234q.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-system545.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { c as s } from "./utils-Z5JtG_Bc.js";
+import { c as s } from "./utils-DH-0D-9U.js";
 const a = m(
   ({ className: o, ...t }, e) => /* @__PURE__ */ l(
     "div",

package/dist/mainstack-design-system546.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),n=require("./utils-s-0cOrOT.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),n=require("./utils-BJ1u234q.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-system546.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { c as r } from "./utils-Z5JtG_Bc.js";
+import { c as r } from "./utils-DH-0D-9U.js";
 const a = m(
   ({ className: e, ...t }, s) => /* @__PURE__ */ d(
     "header",

package/dist/mainstack-design-system547.cjs

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

package/dist/mainstack-design-system547.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as s } from "react";
-import { c as r } from "./utils-Z5JtG_Bc.js";
+import { c as r } from "./utils-DH-0D-9U.js";
 const d = s(
   ({ className: o, ...t }, e) => /* @__PURE__ */ m(
     "footer",

package/dist/mainstack-design-system548.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),r=require("./utils-s-0cOrOT.cjs"),a=require("./index-HSoR75mY.cjs"),e=l.forwardRef(({className:t,...o},i)=>n.jsx(a.DialogTitle,{"data-slot":"modal-content-header",className:r.cn("mds:body-medium-semibold",t),ref:i,...o}));e.displayName="ModalContentTitle";exports.ModalContentTitle=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),r=require("./utils-BJ1u234q.cjs"),a=require("./index-HSoR75mY.cjs"),e=l.forwardRef(({className:t,...o},i)=>n.jsx(a.DialogTitle,{"data-slot":"modal-content-header",className:r.cn("mds:body-medium-semibold",t),ref:i,...o}));e.displayName="ModalContentTitle";exports.ModalContentTitle=e;

package/dist/mainstack-design-system548.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
-import { c as r } from "./utils-Z5JtG_Bc.js";
+import { c as r } from "./utils-DH-0D-9U.js";
 import { c as d } from "./index-DDHQjaCF.js";
 const i = a(
   ({ className: o, ...t }, e) => /* @__PURE__ */ m(

package/dist/mainstack-design-system549.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),i=require("./utils-s-0cOrOT.cjs"),e=s.forwardRef(({className:t,...n},o)=>a.jsx("div",{"data-slot":"modal-content-main",className:i.cn("mds:flex-1 mds:px-20 mds:overflow-auto",t),ref:o,...n}));e.displayName="ModalContentMain";exports.ModalContentMain=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),i=require("./utils-BJ1u234q.cjs"),e=s.forwardRef(({className:t,...n},o)=>a.jsx("div",{"data-slot":"modal-content-main",className:i.cn("mds:flex-1 mds:px-20 mds:overflow-auto",t),ref:o,...n}));e.displayName="ModalContentMain";exports.ModalContentMain=e;

package/dist/mainstack-design-system549.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as n } from "react";
-import { c as r } from "./utils-Z5JtG_Bc.js";
+import { c as r } from "./utils-DH-0D-9U.js";
 const d = n(
   ({ className: o, ...a }, t) => /* @__PURE__ */ m(
     "div",

package/dist/mainstack-design-system550.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("./index-HSoR75mY.cjs"),l=require("./utils-s-0cOrOT.cjs"),o=require("react"),e=o.forwardRef(({className:a,...t},s)=>r.jsx(d.DialogOverlay,{"data-slot":"modal-overlay",className:l.cn("mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:fixed mds:blur-sm mds:inset-0 mds:z-50 mds:bg-surface-neutral-invert-l3/20 mds:backdrop-blur-sm",a),ref:s,...t}));e.displayName="ModalOverlay";exports.ModalOverlay=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("./index-HSoR75mY.cjs"),l=require("./utils-BJ1u234q.cjs"),o=require("react"),e=o.forwardRef(({className:a,...t},s)=>r.jsx(d.DialogOverlay,{"data-slot":"modal-overlay",className:l.cn("mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:fixed mds:blur-sm mds:inset-0 mds:z-50 mds:bg-surface-neutral-invert-l3/20 mds:backdrop-blur-sm",a),ref:s,...t}));e.displayName="ModalOverlay";exports.ModalOverlay=e;

package/dist/mainstack-design-system550.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as m } from "react/jsx-runtime";
 import { d as o } from "./index-DDHQjaCF.js";
-import { c as r } from "./utils-Z5JtG_Bc.js";
+import { c as r } from "./utils-DH-0D-9U.js";
 import { forwardRef as s } from "react";
 const d = s(
   ({ className: a, ...t }, e) => /* @__PURE__ */ m(

package/dist/mainstack-design-system554.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),d=require("./utils-s-0cOrOT.cjs"),e=o.forwardRef(({className:s,...l},t)=>a.jsx("div",{ref:t,className:d.cn("mds:hidden mds:flex-1 mds:md:flex ",s),"data-slot":"responsive-modal-drawer-visual-slot",...l}));e.displayName="ModalVisualSlot";exports.ModalVisualSlot=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),d=require("./utils-BJ1u234q.cjs"),e=o.forwardRef(({className:s,...l},t)=>a.jsx("div",{ref:t,className:d.cn("mds:hidden mds:flex-1 mds:md:flex ",s),"data-slot":"responsive-modal-drawer-visual-slot",...l}));e.displayName="ModalVisualSlot";exports.ModalVisualSlot=e;

package/dist/mainstack-design-system554.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { forwardRef as l } from "react";
-import { c as r } from "./utils-Z5JtG_Bc.js";
+import { c as r } from "./utils-DH-0D-9U.js";
 const m = l(
   ({ className: o, ...s }, a) => /* @__PURE__ */ d(
     "div",

package/dist/mainstack-design-system559.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system477.cjs");require("./mainstack-design-system478.cjs");require("./mainstack-design-system479.cjs");const l=require("./mainstack-design-system480.cjs"),o=require("./mainstack-design-system481.cjs");require("./mainstack-design-system482.cjs");require("./mainstack-design-system483.cjs");require("./mainstack-design-system475.cjs");require("./mainstack-design-system476.cjs");const m=require("./mainstack-design-system624.cjs"),u=require("./utils-s-0cOrOT.cjs"),r=c.forwardRef((s,i)=>e.jsx(l.SelectOptions,{ref:i,...s,children:({options:n})=>n.map(t=>e.jsx(o.SelectOptionItem,{value:t.value,children:e.jsxs("div",{className:"mds:flex mds:items-center mds:gap-8",children:[e.jsx("div",{className:"mds:flex mds:items-center mds:justify-center",children:m.getCountryFlagComp(t.data?.iso2Code)}),e.jsx("p",{className:u.cn("mds:body-extrasmall-medium","mds:text-primary"),children:t.label})]})},t.value))}));r.displayName="CountrySelectOptionsList";exports.CountrySelectOptionsList=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system477.cjs");require("./mainstack-design-system478.cjs");require("./mainstack-design-system479.cjs");const l=require("./mainstack-design-system480.cjs"),o=require("./mainstack-design-system481.cjs");require("./mainstack-design-system482.cjs");require("./mainstack-design-system483.cjs");require("./mainstack-design-system475.cjs");require("./mainstack-design-system476.cjs");const m=require("./mainstack-design-system624.cjs"),u=require("./utils-BJ1u234q.cjs"),r=c.forwardRef((s,i)=>e.jsx(l.SelectOptions,{ref:i,...s,children:({options:n})=>n.map(t=>e.jsx(o.SelectOptionItem,{value:t.value,children:e.jsxs("div",{className:"mds:flex mds:items-center mds:gap-8",children:[e.jsx("div",{className:"mds:flex mds:items-center mds:justify-center",children:m.getCountryFlagComp(t.data?.iso2Code)}),e.jsx("p",{className:u.cn("mds:body-extrasmall-medium","mds:text-primary"),children:t.label})]})},t.value))}));r.displayName="CountrySelectOptionsList";exports.CountrySelectOptionsList=r;

package/dist/mainstack-design-system559.js

@@ -11,7 +11,7 @@ import "./mainstack-design-system483.js";
 import "./mainstack-design-system475.js";
 import "./mainstack-design-system476.js";
 import { getCountryFlagComp as d } from "./mainstack-design-system624.js";
-import { c as p } from "./utils-Z5JtG_Bc.js";
+import { c as p } from "./utils-DH-0D-9U.js";
 const c = o(
   (r, t) => /* @__PURE__ */ m(l, { ref: t, ...r, children: ({ options: i }) => i.map((e) => /* @__PURE__ */ m(a, { value: e.value, children: /* @__PURE__ */ s("div", { className: "mds:flex mds:items-center mds:gap-8", children: [
     /* @__PURE__ */ m("div", { className: "mds:flex mds:items-center mds:justify-center", children: d(

package/dist/mainstack-design-system560.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),w=require("./utils-s-0cOrOT.cjs"),e=require("react"),E=require("./mainstack-design-system618.cjs"),a=({className:c,...u})=>{const[t,l]=e.useState(null),[d,r]=e.useState(!1),[m,f]=e.useState(!1),[v,S]=e.useState(!0),[T,b]=e.useState(!1);return e.useEffect(()=>{if(!t)return;let s;const o=()=>{r(!0),s&&clearTimeout(s),s=setTimeout(()=>r(!1),150);const{scrollTop:g,scrollHeight:h,clientHeight:L,scrollLeft:n,scrollWidth:R,clientWidth:x}=t;f(g+L>=h-1),S(n<=2),b(n+x>=R-2)};return t.addEventListener("scroll",o),window.addEventListener("resize",o),o(),()=>{t.removeEventListener("scroll",o),window.removeEventListener("resize",o),s&&clearTimeout(s)}},[t]),i.jsx(E.TableContext.Provider,{value:{isScrolling:d,atBottom:m,atLeft:v,atRight:T,setScrollContainer:l},children:i.jsx("div",{ref:l,className:w.cn("mds:w-full mds:mx-auto mds:relative",c),...u})})};a.displayName="TableRoot";exports.TableRoot=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),w=require("./utils-BJ1u234q.cjs"),e=require("react"),E=require("./mainstack-design-system618.cjs"),a=({className:c,...u})=>{const[t,l]=e.useState(null),[d,r]=e.useState(!1),[m,f]=e.useState(!1),[v,S]=e.useState(!0),[T,b]=e.useState(!1);return e.useEffect(()=>{if(!t)return;let s;const o=()=>{r(!0),s&&clearTimeout(s),s=setTimeout(()=>r(!1),150);const{scrollTop:g,scrollHeight:h,clientHeight:L,scrollLeft:n,scrollWidth:R,clientWidth:x}=t;f(g+L>=h-1),S(n<=2),b(n+x>=R-2)};return t.addEventListener("scroll",o),window.addEventListener("resize",o),o(),()=>{t.removeEventListener("scroll",o),window.removeEventListener("resize",o),s&&clearTimeout(s)}},[t]),i.jsx(E.TableContext.Provider,{value:{isScrolling:d,atBottom:m,atLeft:v,atRight:T,setScrollContainer:l},children:i.jsx("div",{ref:l,className:w.cn("mds:w-full mds:mx-auto mds:relative",c),...u})})};a.displayName="TableRoot";exports.TableRoot=a;

package/dist/mainstack-design-system560.js

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { c as S } from "./utils-Z5JtG_Bc.js";
+import { c as S } from "./utils-DH-0D-9U.js";
 import { useState as r, useEffect as x } from "react";
 import { TableContext as R } from "./mainstack-design-system618.js";
 const b = ({ className: c, ...a }) => {

package/dist/mainstack-design-system561.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./utils-s-0cOrOT.cjs"),o=require("./mainstack-design-system618.cjs"),t=({className:s,...l})=>{const{setScrollContainer:r}=o.useTableScroll();return e.jsx("div",{"data-slot":"table-container",ref:r,className:a.cn("mds:overflow-auto mds:md:border mds:md:border-border-interactive-neutral mds:rounded-20 mds:sm:justify-center",s),children:e.jsx("table",{"data-slot":"table",className:"mds:text-left mds:w-full",...l})})};t.displayName="Table";exports.Table=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./utils-BJ1u234q.cjs"),o=require("./mainstack-design-system618.cjs"),t=({className:s,...l})=>{const{setScrollContainer:r}=o.useTableScroll();return e.jsx("div",{"data-slot":"table-container",ref:r,className:a.cn("mds:overflow-auto mds:md:border mds:md:border-border-interactive-neutral mds:rounded-20 mds:sm:justify-center",s),children:e.jsx("table",{"data-slot":"table",className:"mds:text-left mds:w-full",...l})})};t.displayName="Table";exports.Table=t;

package/dist/mainstack-design-system561.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as o } from "./utils-Z5JtG_Bc.js";
+import { c as o } from "./utils-DH-0D-9U.js";
 import { useTableScroll as s } from "./mainstack-design-system618.js";
 const l = ({ className: r, ...t }) => {
   const { setScrollContainer: a } = s();

package/dist/mainstack-design-system562.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("./utils-s-0cOrOT.cjs"),e=({className:t,...a})=>l.jsx("tbody",{"data-slot":"table-body",className:s.cn("mds:bg-surface-neutral-l1",t),...a});e.displayName="TableBody";exports.TableBody=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("./utils-BJ1u234q.cjs"),e=({className:t,...a})=>l.jsx("tbody",{"data-slot":"table-body",className:s.cn("mds:bg-surface-neutral-l1",t),...a});e.displayName="TableBody";exports.TableBody=e;

package/dist/mainstack-design-system562.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as e } from "./utils-Z5JtG_Bc.js";
+import { c as e } from "./utils-DH-0D-9U.js";
 const r = ({ className: a, ...o }) => /* @__PURE__ */ t(
   "tbody",
   {

package/dist/mainstack-design-system563.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),r=require("./utils-s-0cOrOT.cjs"),n=require("./mainstack-design-system618.cjs"),t=({isSticky:e,stickySide:l="left",className:a,...s})=>{const{atLeft:d,atRight:o}=n.useTableScroll();return m.jsx("td",{role:"cell","data-slot":"table-cell","data-sticky-cell":e,className:r.cn("mds:p-12 mds:body-extrasmall-regular mds:transition-shadow mds:duration-200",e&&"mds:md:sticky mds:md:bg-surface-neutral-l1 mds:md:z-10",e&&l==="left"&&"mds:md:left-0",e&&l==="right"&&"mds:md:right-0",e&&l==="left"&&(d?"mds:shadow-none":"mds:shadow-100"),e&&l==="right"&&(o?"mds:shadow-none":"mds:shadow-100"),a),...s})};t.displayName="TableCell";exports.TableCell=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),r=require("./utils-BJ1u234q.cjs"),n=require("./mainstack-design-system618.cjs"),t=({isSticky:e,stickySide:l="left",className:a,...s})=>{const{atLeft:d,atRight:o}=n.useTableScroll();return m.jsx("td",{role:"cell","data-slot":"table-cell","data-sticky-cell":e,className:r.cn("mds:p-12 mds:body-extrasmall-regular mds:transition-shadow mds:duration-200",e&&"mds:md:sticky mds:md:bg-surface-neutral-l1 mds:md:z-10",e&&l==="left"&&"mds:md:left-0",e&&l==="right"&&"mds:md:right-0",e&&l==="left"&&(d?"mds:shadow-none":"mds:shadow-100"),e&&l==="right"&&(o?"mds:shadow-none":"mds:shadow-100"),a),...s})};t.displayName="TableCell";exports.TableCell=t;