mainstack-design-system 1.13.1 → 1.14.1

package/dist/mainstack-design-system511.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-DXoRlwh9.js";
+import { c as a } from "./utils-D85wpvmd.js";
 const g = s(
   ({ className: o, children: m, ...r }, e) => /* @__PURE__ */ l(
     t,

package/dist/mainstack-design-system512.cjs

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

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

package/dist/mainstack-design-system515.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),s=require("react"),r=require("./utils-Dc5FbAZW.cjs"),l=require("./mainstack-design-system516.cjs"),c=require("./mainstack-design-system603.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-Bdd5vx6a.cjs"),l=require("./mainstack-design-system516.cjs"),c=require("./mainstack-design-system603.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-system515.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-DXoRlwh9.js";
+import { l, c as u } from "./utils-D85wpvmd.js";
 import { DateRangeMenuAction as f } from "./mainstack-design-system516.js";
 import { useDateRangeContext as p } from "./mainstack-design-system603.js";
 const c = d(

package/dist/mainstack-design-system516.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),g=require("react");require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");const R=require("./mainstack-design-system395.cjs"),f=require("./mainstack-design-system603.cjs"),q=require("./utils-Dc5FbAZW.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-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");const R=require("./mainstack-design-system395.cjs"),f=require("./mainstack-design-system603.cjs"),q=require("./utils-Bdd5vx6a.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-system516.js

@@ -6,7 +6,7 @@ import "./mainstack-design-system393.js";
 import "./mainstack-design-system394.js";
 import { Button as p } from "./mainstack-design-system395.js";
 import { useDateRangeContext as l } from "./mainstack-design-system603.js";
-import { c as g } from "./utils-DXoRlwh9.js";
+import { c as g } from "./utils-D85wpvmd.js";
 const v = f(
   ({ onClick: t, className: n, actionData: e, ...i }, a) => {
     const {

package/dist/mainstack-design-system517.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-Dc5FbAZW.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system604.cjs");const l=require("./mainstack-design-system623.cjs"),p=require("./mainstack-design-system530.cjs"),v=require("./mainstack-design-system620.cjs");require("./mainstack-design-system532.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-Bdd5vx6a.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system604.cjs");const l=require("./mainstack-design-system623.cjs"),p=require("./mainstack-design-system530.cjs"),v=require("./mainstack-design-system620.cjs");require("./mainstack-design-system532.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-system517.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-DXoRlwh9.js";
+import { c as d } from "./utils-D85wpvmd.js";
 import "./index-eeqUt-Tb.js";
 import "./mainstack-design-system604.js";
 import { ResponsivePopoverDrawerContent as p } from "./mainstack-design-system623.js";

package/dist/mainstack-design-system518.cjs

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

package/dist/mainstack-design-system518.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 { l as s, c as j } from "./utils-DXoRlwh9.js";
+import { l as s, c as j } from "./utils-D85wpvmd.js";
 import { u as c } from "./index-437EL2iq.js";
 import { DateRangeContext as k } from "./mainstack-design-system603.js";
 import "./index-eeqUt-Tb.js";

package/dist/mainstack-design-system519.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),s=require("./utils-Dc5FbAZW.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system604.cjs");require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");require("./mainstack-design-system395.cjs");const n=require("./mainstack-design-system532.cjs"),e=o.forwardRef(({className:r,...i},t)=>a.jsx(n.ResponsivePopoverDrawerTrigger,{ref:t,"data-slot":"date-range-trigger",className:s.cn("",r),...i}));e.displayName="DateRangeTrigger";exports.DateRangeTrigger=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),s=require("./utils-Bdd5vx6a.cjs");require("./index-hyBpqx_X.cjs");require("./mainstack-design-system604.cjs");require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");require("./mainstack-design-system395.cjs");const n=require("./mainstack-design-system532.cjs"),e=o.forwardRef(({className:r,...i},t)=>a.jsx(n.ResponsivePopoverDrawerTrigger,{ref:t,"data-slot":"date-range-trigger",className:s.cn("",r),...i}));e.displayName="DateRangeTrigger";exports.DateRangeTrigger=e;

package/dist/mainstack-design-system519.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-DXoRlwh9.js";
+import { c as m } from "./utils-D85wpvmd.js";
 import "./index-eeqUt-Tb.js";
 import "./mainstack-design-system604.js";
 import "./mainstack-design-system391.js";

package/dist/mainstack-design-system521.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),k=require("./utils-Dc5FbAZW.cjs"),m=require("./mainstack-design-system605.cjs"),p=require("./DayPickerExtended-BPGJ-Zdx.cjs"),n=require("./isValid-CaRZj4sk.cjs"),i=u.forwardRef(({className:r,...s},o)=>{const{value:e,isDisabled:c,onValueChange:a,onOpenChange:d}=m.useDatePickerContext();return t.jsx("div",{"data-slot":"date-picker-calendar",className:k.cn("@container",r),ref:o,children:t.jsx(p.DayPickerExtended,{animate:!0,mode:"single",captionLayout:"dropdown",numberOfMonths:1,navLayout:"around",disabled:c,defaultMonth:n.isValid(e)?e:void 0,className:"ms-single-date-picker",selected:n.isValid(e)?e:void 0,onSelect:(l=>{a&&a(l),d(!1)}),...s})})});i.displayName="DatePickerCalendar";exports.DatePickerCalendar=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),k=require("./utils-Bdd5vx6a.cjs"),m=require("./mainstack-design-system605.cjs"),p=require("./DayPickerExtended-CWMOFOzF.cjs"),n=require("./isValid-Bxc_vb9Y.cjs"),i=u.forwardRef(({className:r,...s},o)=>{const{value:e,isDisabled:c,onValueChange:a,onOpenChange:d}=m.useDatePickerContext();return t.jsx("div",{"data-slot":"date-picker-calendar",className:k.cn("@container",r),ref:o,children:t.jsx(p.DayPickerExtended,{animate:!0,mode:"single",captionLayout:"dropdown",numberOfMonths:1,navLayout:"around",disabled:c,defaultMonth:n.isValid(e)?e:void 0,className:"ms-single-date-picker",selected:n.isValid(e)?e:void 0,onSelect:(l=>{a&&a(l),d(!1)}),...s})})});i.displayName="DatePickerCalendar";exports.DatePickerCalendar=i;

package/dist/mainstack-design-system521.js

@@ -1,10 +1,10 @@
 'use client';
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as m } from "react";
-import { c } from "./utils-DXoRlwh9.js";
+import { c } from "./utils-D85wpvmd.js";
 import { useDatePickerContext as p } from "./mainstack-design-system605.js";
-import { D as f } from "./DayPickerExtended-D2eO1wPT.js";
-import { i as r } from "./isValid-BptdLtwe.js";
+import { D as f } from "./DayPickerExtended-DqlbFhpw.js";
+import { i as r } from "./isValid-C--KzKY8.js";
 const u = m(
   ({ className: t, ...i }, n) => {
     const { value: e, isDisabled: d, onValueChange: a, onOpenChange: s } = p();

package/dist/mainstack-design-system522.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-system440.cjs"),p=require("./mainstack-design-system441.cjs");require("./mainstack-design-system439.cjs");require("./mainstack-design-system357.cjs");const m=require("./mainstack-design-system86.cjs");require("./player-CJwHCOfT.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system605.cjs"),x=require("./isValid-CaRZj4sk.cjs"),y=require("./format-B-uU9jmP.cjs"),r=d.forwardRef(({placeholder:s="Choose a date",...i},n)=>{const{value:t,isDisabled:o,isError:c,isSuccess:u}=I.useDatePickerContext(),a=x.isValid(t)?y.format(t,"dd - MM - yyyy"):"";return e.jsx(q.PopoverTrigger,{className:"mds:w-full",children:e.jsxs(l.InputRoot,{"data-slot":"date-picker-input-field",children:[e.jsx(p.InputField,{value:a,placeholder:s,isError:c,isSuccess:u,disabled:o,readOnly:!0,ref:n,...i}),e.jsx(m,{className:"mds:size-20 mds:text-secondary"})]})})});r.displayName="DatePickerInputField";exports.DatePickerInputField=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),d=require("react"),l=require("./mainstack-design-system440.cjs"),p=require("./mainstack-design-system441.cjs");require("./mainstack-design-system439.cjs");require("./mainstack-design-system357.cjs");const m=require("./mainstack-design-system86.cjs");require("./player-BBiZ5mNK.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system605.cjs"),x=require("./isValid-Bxc_vb9Y.cjs"),y=require("./format-CIZZXwxT.cjs"),r=d.forwardRef(({placeholder:s="Choose a date",...i},n)=>{const{value:t,isDisabled:o,isError:c,isSuccess:u}=I.useDatePickerContext(),a=x.isValid(t)?y.format(t,"dd - MM - yyyy"):"";return e.jsx(q.PopoverTrigger,{className:"mds:w-full",children:e.jsxs(l.InputRoot,{"data-slot":"date-picker-input-field",children:[e.jsx(p.InputField,{value:a,placeholder:s,isError:c,isSuccess:u,disabled:o,readOnly:!0,ref:n,...i}),e.jsx(m,{className:"mds:size-20 mds:text-secondary"})]})})});r.displayName="DatePickerInputField";exports.DatePickerInputField=r;

package/dist/mainstack-design-system522.js

@@ -6,11 +6,11 @@ import { InputField as c } from "./mainstack-design-system441.js";
 import "./mainstack-design-system439.js";
 import "./mainstack-design-system357.js";
 import f from "./mainstack-design-system86.js";
-import "./player-BDdAqd8Q.js";
+import "./player-Cs7wtvrg.js";
 import { a as u } from "./index-RoCFhqzC.js";
 import { useDatePickerContext as y } from "./mainstack-design-system605.js";
-import { i as x } from "./isValid-BptdLtwe.js";
-import { f as I } from "./format-ff0LIx8D.js";
+import { i as x } from "./isValid-C--KzKY8.js";
+import { f as I } from "./format-Dy4oaflK.js";
 const h = l(
   ({ placeholder: e = "Choose a date", ...t }, i) => {
     const { value: o, isDisabled: a, isError: s, isSuccess: m } = y(), d = x(o) ? I(o, "dd - MM - yyyy") : "";

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

package/dist/mainstack-design-system523.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-DXoRlwh9.js";
+import { c as l } from "./utils-D85wpvmd.js";
 import { useDatePickerContext as f } from "./mainstack-design-system605.js";
 const P = c(
   ({

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"),n=require("react"),m=require("./mainstack-design-system528.cjs"),s=require("./mainstack-design-system526.cjs"),P=require("./mainstack-design-system527.cjs"),T=require("./mainstack-design-system618.cjs"),i=n.forwardRef(({placeholder:r,id:c,...o},t)=>e.jsxs(m.TimePickerRoot,{...o,ref:t,children:[e.jsx(s.TimePickerInputField,{placeholder:r,id:c}),e.jsx(P.TimePickerPortal,{children:e.jsx(T.TimePickerCalendar,{})})]}));i.displayName="TimePicker";exports.TimePicker=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),n=require("react"),m=require("./mainstack-design-system528.cjs"),s=require("./mainstack-design-system526.cjs"),P=require("./mainstack-design-system527.cjs"),T=require("./mainstack-design-system617.cjs"),i=n.forwardRef(({placeholder:r,id:c,...o},t)=>e.jsxs(m.TimePickerRoot,{...o,ref:t,children:[e.jsx(s.TimePickerInputField,{placeholder:r,id:c}),e.jsx(P.TimePickerPortal,{children:e.jsx(T.TimePickerCalendar,{})})]}));i.displayName="TimePicker";exports.TimePicker=i;

package/dist/mainstack-design-system525.js

@@ -4,7 +4,7 @@ import { forwardRef as c } from "react";
 import { TimePickerRoot as p } from "./mainstack-design-system528.js";
 import { TimePickerInputField as f } from "./mainstack-design-system526.js";
 import { TimePickerPortal as P } from "./mainstack-design-system527.js";
-import { TimePickerCalendar as a } from "./mainstack-design-system618.js";
+import { TimePickerCalendar as a } from "./mainstack-design-system617.js";
 const d = c(
   ({ placeholder: i, id: e, ...m }, o) => /* @__PURE__ */ t(p, { ...m, ref: o, children: [
     /* @__PURE__ */ r(f, { placeholder: i, id: e }),

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"),d=require("react"),a=require("./mainstack-design-system440.cjs"),m=require("./mainstack-design-system441.cjs");require("./mainstack-design-system439.cjs");require("./mainstack-design-system357.cjs");const p=require("./mainstack-design-system264.cjs");require("./player-CJwHCOfT.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system606.cjs"),x=require("./isValid-CaRZj4sk.cjs"),P=require("./format-B-uU9jmP.cjs"),r=d.forwardRef(({placeholder:t="Choose time",...s},n)=>{const{value:i,isDisabled:o,isError:c,isSuccess:u}=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:c,isSuccess:u,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-system440.cjs"),m=require("./mainstack-design-system441.cjs");require("./mainstack-design-system439.cjs");require("./mainstack-design-system357.cjs");const p=require("./mainstack-design-system264.cjs");require("./player-BBiZ5mNK.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system606.cjs"),x=require("./isValid-Bxc_vb9Y.cjs"),P=require("./format-CIZZXwxT.cjs"),r=d.forwardRef(({placeholder:t="Choose time",...s},n)=>{const{value:i,isDisabled:o,isError:c,isSuccess:u}=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:c,isSuccess:u,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-system526.js

@@ -6,11 +6,11 @@ import { InputField as n } from "./mainstack-design-system441.js";
 import "./mainstack-design-system439.js";
 import "./mainstack-design-system357.js";
 import f from "./mainstack-design-system264.js";
-import "./player-BDdAqd8Q.js";
+import "./player-Cs7wtvrg.js";
 import { a as u } from "./index-RoCFhqzC.js";
 import { useTimePickerContext as h } from "./mainstack-design-system606.js";
-import { i as x } from "./isValid-BptdLtwe.js";
-import { f as I } from "./format-ff0LIx8D.js";
+import { i as x } from "./isValid-C--KzKY8.js";
+import { f as I } from "./format-Dy4oaflK.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-system527.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-Dc5FbAZW.cjs"),p=require("./mainstack-design-system606.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-Bdd5vx6a.cjs"),p=require("./mainstack-design-system606.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-system527.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-DXoRlwh9.js";
+import { c as l } from "./utils-D85wpvmd.js";
 import { useTimePickerContext as f } from "./mainstack-design-system606.js";
 const P = c(
   ({

package/dist/mainstack-design-system528.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),x=require("react"),k=require("./mainstack-design-system606.cjs"),v=require("./index-4R9KShCu.cjs"),t=require("./index-C8aODXfJ.cjs"),i=x.forwardRef(({open:a,onOpenChange:c,value:s,onValueChange:l,isDisabled:u=!1,isError:p,isSuccess:d,defaultValue:o,children:m,...P},C)=>{const[n,r]=t.useControllableState({prop:a,defaultProp:!1,onChange:c}),[g,h]=t.useControllableState({prop:s,defaultProp:o,onChange:l});return e.jsx(k.TimePickerContext.Provider,{value:{open:n,isDisabled:u,isError:p,isSuccess:d,defaultValue:o,value:g,onValueChange:h,onOpenChange:r},children:e.jsx(v.Popover,{open:n,onOpenChange:r,children:e.jsx("div",{"data-slot":"time-picker-root",ref:C,...P,children:m})})})});i.displayName="TimePickerRoot";exports.TimePickerRoot=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),k=require("react"),v=require("./mainstack-design-system606.cjs"),f=require("./index-4R9KShCu.cjs"),t=require("./index-C8aODXfJ.cjs"),i=k.forwardRef(({open:a,onOpenChange:c,value:s,onValueChange:l,isDisabled:u=!1,isError:p,isSuccess:d,timeRange:m,defaultValue:o,children:P,...C},g)=>{const[n,r]=t.useControllableState({prop:a,defaultProp:!1,onChange:c}),[h,x]=t.useControllableState({prop:s,defaultProp:o,onChange:l});return e.jsx(v.TimePickerContext.Provider,{value:{open:n,isDisabled:u,isError:p,isSuccess:d,timeRange:m,defaultValue:o,value:h,onValueChange:x,onOpenChange:r},children:e.jsx(f.Popover,{open:n,onOpenChange:r,children:e.jsx("div",{"data-slot":"time-picker-root",ref:g,...C,children:P})})})});i.displayName="TimePickerRoot";exports.TimePickerRoot=i;

package/dist/mainstack-design-system528.js

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

package/dist/mainstack-design-system530.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-system604.cjs"),n=require("./utils-Dc5FbAZW.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;
+"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-system604.cjs"),n=require("./utils-Bdd5vx6a.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-system530.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { D as s } from "./index-eeqUt-Tb.js";
 import { useResponsivePopoverDrawerContext as r } from "./mainstack-design-system604.js";
-import { c as d } from "./utils-DXoRlwh9.js";
+import { c as d } from "./utils-D85wpvmd.js";
 const f = ({
   className: e,
   ...t

package/dist/mainstack-design-system533.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-Dc5FbAZW.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-Bdd5vx6a.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-system533.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-DXoRlwh9.js";
+import { c as p } from "./utils-D85wpvmd.js";
 import { V as f } from "./index-DJT9m8v7.js";
 const u = c(
   ({

package/dist/mainstack-design-system534.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-HSoR75mY.cjs"),c=require("react"),u=require("./utils-Dc5FbAZW.cjs"),l=require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");const a=require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");require("./mainstack-design-system395.cjs");require("./mainstack-design-system357.cjs");const d=require("./mainstack-design-system93.cjs");require("./player-CJwHCOfT.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-Bdd5vx6a.cjs"),l=require("./mainstack-design-system391.cjs");require("./mainstack-design-system392.cjs");const a=require("./mainstack-design-system393.cjs");require("./mainstack-design-system394.cjs");require("./mainstack-design-system395.cjs");require("./mainstack-design-system357.cjs");const d=require("./mainstack-design-system93.cjs");require("./player-BBiZ5mNK.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-system534.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-DXoRlwh9.js";
+import { c as e } from "./utils-D85wpvmd.js";
 import { ButtonIcon as l } from "./mainstack-design-system391.js";
 import "./mainstack-design-system392.js";
 import { ButtonRoot as n } from "./mainstack-design-system393.js";
@@ -10,7 +10,7 @@ import "./mainstack-design-system394.js";
 import "./mainstack-design-system395.js";
 import "./mainstack-design-system357.js";
 import d from "./mainstack-design-system93.js";
-import "./player-BDdAqd8Q.js";
+import "./player-Cs7wtvrg.js";
 const p = s(
   ({ children: r, className: m, ...t }, i) => /* @__PURE__ */ o(
     a,

package/dist/mainstack-design-system535.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),a=require("./utils-Dc5FbAZW.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-Bdd5vx6a.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-system535.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-DXoRlwh9.js";
+import { c as s } from "./utils-D85wpvmd.js";
 const a = m(
   ({ className: o, ...t }, e) => /* @__PURE__ */ l(
     "div",

package/dist/mainstack-design-system536.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),n=require("./utils-Dc5FbAZW.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-Bdd5vx6a.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-system536.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-DXoRlwh9.js";
+import { c as r } from "./utils-D85wpvmd.js";
 const a = m(
   ({ className: e, ...t }, s) => /* @__PURE__ */ d(
     "header",

package/dist/mainstack-design-system537.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),d=require("./utils-Dc5FbAZW.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-Bdd5vx6a.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-system537.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-DXoRlwh9.js";
+import { c as r } from "./utils-D85wpvmd.js";
 const d = s(
   ({ className: o, ...t }, e) => /* @__PURE__ */ m(
     "footer",

package/dist/mainstack-design-system538.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),r=require("./utils-Dc5FbAZW.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-Bdd5vx6a.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-system538.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-DXoRlwh9.js";
+import { c as r } from "./utils-D85wpvmd.js";
 import { c as d } from "./index-DDHQjaCF.js";
 const i = a(
   ({ className: o, ...t }, e) => /* @__PURE__ */ m(

package/dist/mainstack-design-system539.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),i=require("./utils-Dc5FbAZW.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-Bdd5vx6a.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-system539.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-DXoRlwh9.js";
+import { c as r } from "./utils-D85wpvmd.js";
 const d = n(
   ({ className: o, ...a }, t) => /* @__PURE__ */ m(
     "div",

package/dist/mainstack-design-system540.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-Dc5FbAZW.cjs"),n=require("react"),e=n.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",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-Bdd5vx6a.cjs"),n=require("react"),e=n.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",a),ref:s,...t}));e.displayName="ModalOverlay";exports.ModalOverlay=e;

package/dist/mainstack-design-system540.js

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

package/dist/mainstack-design-system544.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),d=require("./utils-Dc5FbAZW.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-Bdd5vx6a.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-system544.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-DXoRlwh9.js";
+import { c as r } from "./utils-D85wpvmd.js";
 const m = l(
   ({ className: o, ...s }, a) => /* @__PURE__ */ d(
     "div",

package/dist/mainstack-design-system549.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-system467.cjs");require("./mainstack-design-system468.cjs");require("./mainstack-design-system469.cjs");const l=require("./mainstack-design-system470.cjs"),o=require("./mainstack-design-system471.cjs");require("./mainstack-design-system472.cjs");require("./mainstack-design-system473.cjs");require("./mainstack-design-system465.cjs");require("./mainstack-design-system466.cjs");const m=require("./mainstack-design-system615.cjs"),u=require("./utils-Dc5FbAZW.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-system467.cjs");require("./mainstack-design-system468.cjs");require("./mainstack-design-system469.cjs");const l=require("./mainstack-design-system470.cjs"),o=require("./mainstack-design-system471.cjs");require("./mainstack-design-system472.cjs");require("./mainstack-design-system473.cjs");require("./mainstack-design-system465.cjs");require("./mainstack-design-system466.cjs");const m=require("./mainstack-design-system615.cjs"),u=require("./utils-Bdd5vx6a.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-system549.js

@@ -11,7 +11,7 @@ import "./mainstack-design-system473.js";
 import "./mainstack-design-system465.js";
 import "./mainstack-design-system466.js";
 import { getCountryFlagComp as d } from "./mainstack-design-system615.js";
-import { c as p } from "./utils-DXoRlwh9.js";
+import { c as p } from "./utils-D85wpvmd.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-system550.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),w=require("./utils-Dc5FbAZW.cjs"),e=require("react"),E=require("./mainstack-design-system609.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-Bdd5vx6a.cjs"),e=require("react"),E=require("./mainstack-design-system609.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-system550.js

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

package/dist/mainstack-design-system551.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./utils-Dc5FbAZW.cjs"),o=require("./mainstack-design-system609.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-Bdd5vx6a.cjs"),o=require("./mainstack-design-system609.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-system551.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { c as o } from "./utils-DXoRlwh9.js";
+import { c as o } from "./utils-D85wpvmd.js";
 import { useTableScroll as s } from "./mainstack-design-system609.js";
 const l = ({ className: r, ...t }) => {
   const { setScrollContainer: a } = s();

package/dist/mainstack-design-system552.cjs

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

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

package/dist/mainstack-design-system553.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),r=require("./utils-Dc5FbAZW.cjs"),n=require("./mainstack-design-system609.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-Bdd5vx6a.cjs"),n=require("./mainstack-design-system609.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;