mainstack-design-system 1.19.7 → 1.19.9

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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),f=require("react"),k=require("./utils-DgHSufYV.cjs"),p=require("./mainstack-design-system614.cjs"),D=require("./DayPickerExtended-qHs08DsI.cjs"),t=require("./isValid-BgbxWVI8.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-D4bN6vBC.js";
+import { c as p } from "./utils-DLi4dp19.js";
 import { useDatePickerContext as u } from "./mainstack-design-system614.js";
-import { D as v } from "./DayPickerExtended-Y7oFcPnA.js";
-import { i as o } from "./isValid-BiBlC8jG.js";
+import { D as v } from "./DayPickerExtended-BNT9bI4l.js";
+import { i as o } from "./isValid-Bos9yVeE.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-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;
+"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-DeknzY43.cjs");require("./mainstack-design-system398.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system614.cjs"),x=require("./isValid-BgbxWVI8.cjs"),y=require("./format-4Ik1tSMu.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-CgAfbAf_.js";
+import "./player-DeeuVfPr.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-BiBlC8jG.js";
-import { f as I } from "./format-DrN-gbdY.js";
+import { i as x } from "./isValid-Bos9yVeE.js";
+import { f as I } from "./format-CIC5cHZ_.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"),p=require("./utils-BJ1u234q.cjs"),u=require("./mainstack-design-system614.cjs"),s=m.forwardRef(({children:n,onWheel:t,onTouchMove:r,className:i,...d},c)=>{const{open:l}=u.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:p.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-primary mds:border mds:shadow-200 ",i),onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},ref:c,...d,children:n})})});s.displayName="DatePickerPortal";exports.DatePickerPortal=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("./index-4R9KShCu.cjs"),m=require("react"),p=require("./utils-DgHSufYV.cjs"),u=require("./mainstack-design-system614.cjs"),s=m.forwardRef(({children:n,onWheel:t,onTouchMove:r,className:i,...d},c)=>{const{open:l}=u.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:p.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-primary mds:border mds:shadow-200 ",i),onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},ref:c,...d,children:n})})});s.displayName="DatePickerPortal";exports.DatePickerPortal=s;

package/dist/mainstack-design-system533.js

@@ -2,7 +2,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { b as i, c as p } from "./index-RoCFhqzC.js";
 import { forwardRef as c } from "react";
-import { c as f } from "./utils-D4bN6vBC.js";
+import { c as f } from "./utils-DLi4dp19.js";
 import { useDatePickerContext as l } 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-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;
+"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-DeknzY43.cjs");require("./mainstack-design-system398.cjs");const q=require("./index-4R9KShCu.cjs"),I=require("./mainstack-design-system615.cjs"),x=require("./isValid-BgbxWVI8.cjs"),P=require("./format-4Ik1tSMu.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-CgAfbAf_.js";
+import "./player-DeeuVfPr.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-BiBlC8jG.js";
-import { f as I } from "./format-DrN-gbdY.js";
+import { i as x } from "./isValid-Bos9yVeE.js";
+import { f as I } from "./format-CIC5cHZ_.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"),p=require("./utils-BJ1u234q.cjs"),u=require("./mainstack-design-system615.cjs"),a=l.forwardRef(({children:s,onWheel:t,onTouchMove:r,className:n,...d},c)=>{const{open:m}=u.useTimePickerContext();return o.jsx(i.PopoverPortal,{children:o.jsx(i.PopoverContent,{"data-slot":"time-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":m,className:p.cn(" mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-310 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:border mds:shadow-200 ",n),ref:c,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},...d,children:s})})});a.displayName="TimePickerPortal";exports.TimePickerPortal=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("./index-4R9KShCu.cjs"),l=require("react"),p=require("./utils-DgHSufYV.cjs"),u=require("./mainstack-design-system615.cjs"),a=l.forwardRef(({children:s,onWheel:t,onTouchMove:r,className:n,...d},c)=>{const{open:m}=u.useTimePickerContext();return o.jsx(i.PopoverPortal,{children:o.jsx(i.PopoverContent,{"data-slot":"time-picker-portal",role:"listbox",sideOffset:6,"data-date-picker-calendar-opened":m,className:p.cn(" mds:will-change-transform mds:data-[state=open]:animate-content-fade-in mds:z-100 mds:animate-content-fade-out mds:w-310 mds:p-8 mds:rounded-18 mds:bg-surface-neutral-l1 mds:border-border-interactive-primary mds:border mds:shadow-200 ",n),ref:c,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),r&&r(e)},...d,children:s})})});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 f } from "./utils-D4bN6vBC.js";
+import { c as f } from "./utils-DLi4dp19.js";
 import { useTimePickerContext as l } 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-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;
+"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-DgHSufYV.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-D4bN6vBC.js";
+import { c as d } from "./utils-DLi4dp19.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-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;
+"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-DgHSufYV.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-D4bN6vBC.js";
+import { c as p } from "./utils-DLi4dp19.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"),u=require("react"),c=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-system108.cjs");require("./player-C6X6nrWe.cjs");const t=u.forwardRef(({children:o,className:n,...r},s)=>e.jsx(i.DialogClose,{"data-slot":"modal-close",className:c.cn(n),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,{})})})}));t.displayName="ModalClose";exports.ModalClose=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-HSoR75mY.cjs"),u=require("react"),c=require("./utils-DgHSufYV.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-system108.cjs");require("./player-DeknzY43.cjs");const t=u.forwardRef(({children:o,className:n,...r},s)=>e.jsx(i.DialogClose,{"data-slot":"modal-close",className:c.cn(n),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,{})})})}));t.displayName="ModalClose";exports.ModalClose=t;

package/dist/mainstack-design-system544.js

@@ -2,7 +2,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { b as s } from "./index-DDHQjaCF.js";
 import { forwardRef as a } from "react";
-import { c as e } from "./utils-D4bN6vBC.js";
+import { c as e } from "./utils-DLi4dp19.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-system108.js";
-import "./player-CgAfbAf_.js";
+import "./player-DeeuVfPr.js";
 const p = a(
   ({ children: r, className: m, ...t }, i) => /* @__PURE__ */ o(
     s,

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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),a=require("./utils-DgHSufYV.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-D4bN6vBC.js";
+import { c as s } from "./utils-DLi4dp19.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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),n=require("./utils-DgHSufYV.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-D4bN6vBC.js";
+import { c as r } from "./utils-DLi4dp19.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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),d=require("./utils-DgHSufYV.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-D4bN6vBC.js";
+import { c as r } from "./utils-DLi4dp19.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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),r=require("./utils-DgHSufYV.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-D4bN6vBC.js";
+import { c as r } from "./utils-DLi4dp19.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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),i=require("./utils-DgHSufYV.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-D4bN6vBC.js";
+import { c as r } from "./utils-DLi4dp19.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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("./index-HSoR75mY.cjs"),l=require("./utils-DgHSufYV.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-D4bN6vBC.js";
+import { c as r } from "./utils-DLi4dp19.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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),d=require("./utils-DgHSufYV.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-D4bN6vBC.js";
+import { c as r } from "./utils-DLi4dp19.js";
 const m = l(
   ({ className: o, ...s }, a) => /* @__PURE__ */ d(
     "div",

package/dist/mainstack-design-system557.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react");require("./mainstack-design-system477.cjs");const l=require("./mainstack-design-system478.cjs");require("./mainstack-design-system479.cjs");require("./mainstack-design-system480.cjs");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 d=require("./mainstack-design-system606.cjs"),m=require("./mainstack-design-system624.cjs"),t=s.forwardRef(({placeholder:r="Select Country",...n},o)=>{const{selectedOption:c,options:i}=d.useSelectContext(),u=i.map.get(c);return e.jsx(l.SelectInputField,{ref:o,placeholder:r,...n,children:e.jsx("div",{className:"mds:flex mds:items-center mds:justify-center",children:m.getCountryFlagComp(u?.data?.iso2Code)})})});t.displayName="CountrySelectInputField";exports.CountrySelectInputField=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),m=require("react");require("./mainstack-design-system477.cjs");const a=require("./mainstack-design-system478.cjs");require("./mainstack-design-system479.cjs");require("./mainstack-design-system480.cjs");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 q=require("./mainstack-design-system606.cjs"),C=require("./mainstack-design-system624.cjs"),r=m.forwardRef(({placeholder:n="Select Country",onChange:e,...o},i)=>{const{selectedOption:c,options:u,isOptionOpen:s,onOptionOpenChange:l}=q.useSelectContext(),p=u.map.get(c);return t.jsx(a.SelectInputField,{ref:i,placeholder:n,...o,onChange:d=>{e&&e(d),s||l(!0)},children:t.jsx("div",{className:"mds:flex mds:items-center mds:justify-center",children:C.getCountryFlagComp(p?.data?.iso2Code)})})});r.displayName="CountrySelectInputField";exports.CountrySelectInputField=r;

package/dist/mainstack-design-system557.js

@@ -1,8 +1,8 @@
 'use client';
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as d } from "react";
 import "./mainstack-design-system477.js";
-import { SelectInputField as s } from "./mainstack-design-system478.js";
+import { SelectInputField as f } from "./mainstack-design-system478.js";
 import "./mainstack-design-system479.js";
 import "./mainstack-design-system480.js";
 import "./mainstack-design-system481.js";
@@ -10,17 +10,32 @@ import "./mainstack-design-system482.js";
 import "./mainstack-design-system483.js";
 import "./mainstack-design-system475.js";
 import "./mainstack-design-system476.js";
-import { useSelectContext as c } from "./mainstack-design-system606.js";
-import { getCountryFlagComp as l } from "./mainstack-design-system624.js";
-const d = n(
-  ({ placeholder: e = "Select Country", ...o }, r) => {
-    const { selectedOption: i, options: m } = c(), p = m.map.get(
-      i
+import { useSelectContext as u } from "./mainstack-design-system606.js";
+import { getCountryFlagComp as a } from "./mainstack-design-system624.js";
+const C = d(
+  ({
+    placeholder: o = "Select Country",
+    onChange: t,
+    ...r
+  }, i) => {
+    const { selectedOption: p, options: m, isOptionOpen: n, onOptionOpenChange: s } = u(), c = m.map.get(
+      p
+    );
+    return /* @__PURE__ */ e(
+      f,
+      {
+        ref: i,
+        placeholder: o,
+        ...r,
+        onChange: (l) => {
+          t && t(l), n || s(!0);
+        },
+        children: /* @__PURE__ */ e("div", { className: "mds:flex mds:items-center mds:justify-center", children: a(c?.data?.iso2Code) })
+      }
     );
-    return /* @__PURE__ */ t(s, { ref: r, placeholder: e, ...o, children: /* @__PURE__ */ t("div", { className: "mds:flex mds:items-center mds:justify-center", children: l(p?.data?.iso2Code) }) });
   }
 );
-d.displayName = "CountrySelectInputField";
+C.displayName = "CountrySelectInputField";
 export {
-  d as CountrySelectInputField
+  C as CountrySelectInputField
 };

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-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;
+"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-DgHSufYV.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-D4bN6vBC.js";
+import { c as p } from "./utils-DLi4dp19.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"),p=require("./utils-BJ1u234q.cjs"),e=require("react"),w=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),[b,v]=e.useState(!0),[S,T]=e.useState(!1);return e.useEffect(()=>{if(!t)return;let o;const s=()=>{r(!0),o&&clearTimeout(o),o=setTimeout(()=>r(!1),150);const{scrollTop:g,scrollHeight:h,clientHeight:L,scrollLeft:n,scrollWidth:R,clientWidth:x}=t;f(g+L>=h-1),v(n<=2),T(n+x>=R-2)};return t.addEventListener("scroll",s),window.addEventListener("resize",s),s(),()=>{t.removeEventListener("scroll",s),window.removeEventListener("resize",s),o&&clearTimeout(o)}},[t]),i.jsx(w.TableContext.Provider,{value:{isScrolling:d,atBottom:m,atLeft:b,atRight:S,setScrollContainer:l},children:i.jsx("div",{ref:l,className:p.cn("mds:w-full mds:[border-top:none] mds:[border-bottom:none] 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"),p=require("./utils-DgHSufYV.cjs"),e=require("react"),w=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),[b,v]=e.useState(!0),[S,T]=e.useState(!1);return e.useEffect(()=>{if(!t)return;let o;const s=()=>{r(!0),o&&clearTimeout(o),o=setTimeout(()=>r(!1),150);const{scrollTop:g,scrollHeight:h,clientHeight:L,scrollLeft:n,scrollWidth:R,clientWidth:x}=t;f(g+L>=h-1),v(n<=2),T(n+x>=R-2)};return t.addEventListener("scroll",s),window.addEventListener("resize",s),s(),()=>{t.removeEventListener("scroll",s),window.removeEventListener("resize",s),o&&clearTimeout(o)}},[t]),i.jsx(w.TableContext.Provider,{value:{isScrolling:d,atBottom:m,atLeft:b,atRight:S,setScrollContainer:l},children:i.jsx("div",{ref:l,className:p.cn("mds:w-full mds:[border-top:none] mds:[border-bottom:none] 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 i } from "react/jsx-runtime";
-import { c as E } from "./utils-D4bN6vBC.js";
+import { c as E } from "./utils-DLi4dp19.js";
 import { useState as r, useEffect as S } from "react";
 import { TableContext as x } from "./mainstack-design-system618.js";
 const R = ({ 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-BJ1u234q.cjs"),o=require("./mainstack-design-system618.cjs"),t=({className:r,...s})=>{const{setScrollContainer:l}=o.useTableScroll();return e.jsx("div",{"data-slot":"table-container",ref:l,className:a.cn("mds:overflow-auto mds:md:border mds:md:border-border-interactive-primary  mds:rounded-20 mds:sm:justify-center",r),children:e.jsx("table",{"data-slot":"table",className:"mds:text-left mds:w-full  ",...s})})};t.displayName="Table";exports.Table=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("./utils-DgHSufYV.cjs"),o=require("./mainstack-design-system618.cjs"),t=({className:r,...s})=>{const{setScrollContainer:l}=o.useTableScroll();return e.jsx("div",{"data-slot":"table-container",ref:l,className:a.cn("mds:overflow-auto mds:md:border mds:md:border-border-interactive-primary  mds:rounded-20 mds:sm:justify-center",r),children:e.jsx("table",{"data-slot":"table",className:"mds:text-left mds:w-full  ",...s})})};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-D4bN6vBC.js";
+import { c as o } from "./utils-DLi4dp19.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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),s=require("./utils-DgHSufYV.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-D4bN6vBC.js";
+import { c as e } from "./utils-DLi4dp19.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-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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),r=require("./utils-DgHSufYV.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;

package/dist/mainstack-design-system563.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as t } from "./utils-D4bN6vBC.js";
+import { c as t } from "./utils-DLi4dp19.js";
 import { useTableScroll as r } from "./mainstack-design-system618.js";
 const n = ({
   isSticky: l,

package/dist/mainstack-design-system564.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),o=require("react"),i=require("./index-CpE6WAgy.cjs"),d=require("./utils-BJ1u234q.cjs");function u(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(l,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return l.default=e,Object.freeze(l)}const b=u(o),n=b.forwardRef(({className:e,children:l,asChild:t=!1,...a},r)=>{const s=t?i.Slot:"div";return c.jsx(s,{ref:r,"data-slot":"table-cell-label",className:d.cn("mds:inline-flex mds:w-122 mds:md:hidden mds:items-center mds:whitespace-nowrap",e),...a,children:l})});n.displayName="TableCellLabel";exports.TableCellLabel=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),o=require("react"),i=require("./index-CpE6WAgy.cjs"),d=require("./utils-DgHSufYV.cjs");function u(e){const l=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const a=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(l,t,a.get?a:{enumerable:!0,get:()=>e[t]})}}return l.default=e,Object.freeze(l)}const b=u(o),n=b.forwardRef(({className:e,children:l,asChild:t=!1,...a},r)=>{const s=t?i.Slot:"div";return c.jsx(s,{ref:r,"data-slot":"table-cell-label",className:d.cn("mds:inline-flex mds:w-122 mds:md:hidden mds:items-center mds:whitespace-nowrap",e),...a,children:l})});n.displayName="TableCellLabel";exports.TableCellLabel=n;

package/dist/mainstack-design-system564.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import * as t from "react";
 import { S as r } from "./index-BtQfgaSF.js";
-import { c as d } from "./utils-D4bN6vBC.js";
+import { c as d } from "./utils-DLi4dp19.js";
 const i = t.forwardRef(({ className: e, children: a, asChild: l = !1, ...m }, s) => /* @__PURE__ */ o(
   l ? r : "div",
   {

package/dist/mainstack-design-system565.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),a=require("react"),i=require("./index-CpE6WAgy.cjs"),u=require("./utils-BJ1u234q.cjs");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const f=d(a),l=f.forwardRef(({className:e,asChild:n=!1,children:t,...r},o)=>{const s=n?i.Slot:"div";return c.jsx(s,{ref:o,"data-slot":"table-cell-content",className:u.cn("mds:inline-flex mds:items-center mds:justify-center mds:shrink-0",e),...r,children:t})});l.displayName="TableCellContent";exports.TableCellContent=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),a=require("react"),i=require("./index-CpE6WAgy.cjs"),u=require("./utils-DgHSufYV.cjs");function d(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const f=d(a),l=f.forwardRef(({className:e,asChild:n=!1,children:t,...r},o)=>{const s=n?i.Slot:"div";return c.jsx(s,{ref:o,"data-slot":"table-cell-content",className:u.cn("mds:inline-flex mds:items-center mds:justify-center mds:shrink-0",e),...r,children:t})});l.displayName="TableCellContent";exports.TableCellContent=l;

package/dist/mainstack-design-system565.js

@@ -1,7 +1,7 @@
 import { jsx as l } from "react/jsx-runtime";
 import * as r from "react";
 import { S as a } from "./index-BtQfgaSF.js";
-import { c as n } from "./utils-D4bN6vBC.js";
+import { c as n } from "./utils-DLi4dp19.js";
 const i = r.forwardRef(({ className: e, asChild: t = !1, children: o, ...s }, m) => /* @__PURE__ */ l(
   t ? a : "div",
   {

package/dist/mainstack-design-system566.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("./utils-BJ1u234q.cjs"),r=require("./mainstack-design-system618.cjs"),a=({isSticky:e,stickySide:s="left",className:t,...d})=>{const{atLeft:l,atRight:m}=r.useTableScroll();return o.jsx("th",{role:"columnheader","data-slot":"table-head",className:n.cn(e&&"mds:sticky mds:bg-surface-neutral-l3 mds:z-10",e&&s==="left"&&"mds:left-0",e&&s==="right"&&"mds:right-0",e&&s==="left"&&(l?"mds:shadow-none":"mds:shadow-100"),e&&s==="right"&&(m?"mds:shadow-none":"mds:shadow-100"),"mds:text-secondary mds:px-12 mds:py-16 mds:text-left mds:align-middle mds:body-small-medium mds:whitespace-nowrap mds:transition-shadow mds:duration-200",t),...d})};a.displayName="TableHead";exports.TableHead=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("./utils-DgHSufYV.cjs"),r=require("./mainstack-design-system618.cjs"),a=({isSticky:e,stickySide:s="left",className:t,...d})=>{const{atLeft:l,atRight:m}=r.useTableScroll();return o.jsx("th",{role:"columnheader","data-slot":"table-head",className:n.cn(e&&"mds:sticky mds:bg-surface-neutral-l3 mds:z-10",e&&s==="left"&&"mds:left-0",e&&s==="right"&&"mds:right-0",e&&s==="left"&&(l?"mds:shadow-none":"mds:shadow-100"),e&&s==="right"&&(m?"mds:shadow-none":"mds:shadow-100"),"mds:text-secondary mds:px-12 mds:py-16 mds:text-left mds:align-middle mds:body-small-medium mds:whitespace-nowrap mds:transition-shadow mds:duration-200",t),...d})};a.displayName="TableHead";exports.TableHead=a;

package/dist/mainstack-design-system566.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { c as l } from "./utils-D4bN6vBC.js";
+import { c as l } from "./utils-DLi4dp19.js";
 import { useTableScroll as r } from "./mainstack-design-system618.js";
 const n = ({
   isSticky: d,

package/dist/mainstack-design-system567.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("./utils-BJ1u234q.cjs"),e=({className:a,...s})=>t.jsx("thead",{"data-slot":"table-header",className:d.cn("mds:bg-white mds:hidden mds:md:table-header-group mds:sticky mds:top-0 mds:z-20 mds:bg-surface-neutral-l3",a),...s});e.displayName="TableHeader";exports.TableHeader=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("./utils-DgHSufYV.cjs"),e=({className:a,...s})=>t.jsx("thead",{"data-slot":"table-header",className:d.cn("mds:bg-white mds:hidden mds:md:table-header-group mds:sticky mds:top-0 mds:z-20 mds:bg-surface-neutral-l3",a),...s});e.displayName="TableHeader";exports.TableHeader=e;

package/dist/mainstack-design-system567.js

@@ -1,5 +1,5 @@
 import { jsx as d } from "react/jsx-runtime";
-import { c as s } from "./utils-D4bN6vBC.js";
+import { c as s } from "./utils-DLi4dp19.js";
 const m = ({ className: e, ...a }) => /* @__PURE__ */ d(
   "thead",
   {

package/dist/mainstack-design-system568.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),s=require("./utils-BJ1u234q.cjs"),d=({className:e,...r})=>m.jsx("tr",{"data-slot":"table-row",className:s.cn("mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border mds:md:border-0 mds:md:border-b mds:border-border-interactive-primary mds:md:last:border-b-0 mds:rounded-20 mds:md:rounded-0 mds:mb-16 mds:md:mb-0 mds:divide-y mds:md:divide-y-0 mds:divide-border-interactive-primary",e),...r});d.displayName="TableRow";exports.TableRow=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const m=require("react/jsx-runtime"),s=require("./utils-DgHSufYV.cjs"),d=({className:e,...r})=>m.jsx("tr",{"data-slot":"table-row",className:s.cn("mds:flex mds:flex-col mds:sm:table-row mds:px-16 mds:md:px-0 mds:border mds:md:border-0 mds:md:border-b mds:border-border-interactive-primary mds:md:last:border-b-0 mds:rounded-20 mds:md:rounded-0 mds:mb-16 mds:md:mb-0 mds:divide-y mds:md:divide-y-0 mds:divide-border-interactive-primary",e),...r});d.displayName="TableRow";exports.TableRow=d;

package/dist/mainstack-design-system568.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { c as e } from "./utils-D4bN6vBC.js";
+import { c as e } from "./utils-DLi4dp19.js";
 const s = ({ className: d, ...m }) => /* @__PURE__ */ r(
   "tr",
   {

package/dist/mainstack-design-system569.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("./utils-BJ1u234q.cjs"),u=require("./mainstack-design-system570.cjs"),P=require("./mainstack-design-system572.cjs"),b=require("./mainstack-design-system571.cjs"),x=require("./mainstack-design-system573.cjs"),p=require("./mainstack-design-system574.cjs"),_=require("./mainstack-design-system618.cjs"),a=({totalResults:n=3,limit:s,defaultLimit:t,page:i,setPage:o,setLimit:d,className:r})=>{const m=Math.ceil(n/s),{isScrolling:l,atBottom:c}=_.useTableScroll();return e.jsxs("div",{"data-slot":"table-pagination",className:g.cn("mds:flex mds:items-center mds:justify-between mds:w-full mds:p-16 mds:mt-12 mds:border-t mds:border-x  mds:border-border-interactive-primary mds:sticky mds:bottom-0 mds:z-20 mds:bg-surface-neutral-l1 mds:transition-all mds:duration-200 ",l?"mds:rounded-t-20 mds:shadow-lg ":"mds:rounded-20 ",c?"mds:rounded-b-20 mds:border":"mds:rounded-b-none",r),children:[e.jsxs("div",{className:"mds:text-primary mds:body-extrasmall-regular mds:flex-1 mds:hidden mds:md:flex mds:gap-2",children:[e.jsx("p",{className:"mds:body-extrasmall-semibold",children:n})," results"]}),e.jsxs(u.PaginationRoot,{page:i,totalPages:m,onPageChange:o,defaultLimit:t,limit:s,onLimitChange:d,className:"mds:flex mds:items-center mds:w-full mds:gap-12 mds:justify-end",children:[e.jsx(p.PaginationPageSize,{}),e.jsx(b.PaginationPrev,{}),e.jsx(x.PaginationPageButton,{}),e.jsx(P.PaginationNext,{})]})]})};a.displayName="TablePagination";exports.TablePagination=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),g=require("./utils-DgHSufYV.cjs"),u=require("./mainstack-design-system570.cjs"),P=require("./mainstack-design-system572.cjs"),b=require("./mainstack-design-system571.cjs"),x=require("./mainstack-design-system573.cjs"),p=require("./mainstack-design-system574.cjs"),_=require("./mainstack-design-system618.cjs"),a=({totalResults:n=3,limit:s,defaultLimit:t,page:i,setPage:o,setLimit:d,className:r})=>{const m=Math.ceil(n/s),{isScrolling:l,atBottom:c}=_.useTableScroll();return e.jsxs("div",{"data-slot":"table-pagination",className:g.cn("mds:flex mds:items-center mds:justify-between mds:w-full mds:p-16 mds:mt-12 mds:border-t mds:border-x  mds:border-border-interactive-primary mds:sticky mds:bottom-0 mds:z-20 mds:bg-surface-neutral-l1 mds:transition-all mds:duration-200 ",l?"mds:rounded-t-20 mds:shadow-lg ":"mds:rounded-20 ",c?"mds:rounded-b-20 mds:border":"mds:rounded-b-none",r),children:[e.jsxs("div",{className:"mds:text-primary mds:body-extrasmall-regular mds:flex-1 mds:hidden mds:md:flex mds:gap-2",children:[e.jsx("p",{className:"mds:body-extrasmall-semibold",children:n})," results"]}),e.jsxs(u.PaginationRoot,{page:i,totalPages:m,onPageChange:o,defaultLimit:t,limit:s,onLimitChange:d,className:"mds:flex mds:items-center mds:w-full mds:gap-12 mds:justify-end",children:[e.jsx(p.PaginationPageSize,{}),e.jsx(b.PaginationPrev,{}),e.jsx(x.PaginationPageButton,{}),e.jsx(P.PaginationNext,{})]})]})};a.displayName="TablePagination";exports.TablePagination=a;

package/dist/mainstack-design-system569.js

@@ -1,5 +1,5 @@
 import { jsxs as s, jsx as m } from "react/jsx-runtime";
-import { c as g } from "./utils-D4bN6vBC.js";
+import { c as g } from "./utils-DLi4dp19.js";
 import { PaginationRoot as b } from "./mainstack-design-system570.js";
 import { PaginationNext as f } from "./mainstack-design-system572.js";
 import { PaginationPrev as p } from "./mainstack-design-system571.js";

package/dist/mainstack-design-system570.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("./utils-BJ1u234q.cjs"),l=require("./mainstack-design-system619.cjs"),e=({children:i,page:n,totalPages:o,limit:s,defaultLimit:a,onPageChange:r,onLimitChange:d,className:m})=>t.jsx(l.PaginationContext.Provider,{value:{page:n,totalPages:o,defaultLimit:a,limit:s,setPage:r,setLimit:d},children:t.jsx("div",{className:c.cn("mds:flex mds:items-center mds:space-x-4 mds:w-full mds:gap-12 mds:justify-end",m),children:i})});e.displayName="PaginationRoot";exports.PaginationRoot=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),c=require("./utils-DgHSufYV.cjs"),l=require("./mainstack-design-system619.cjs"),e=({children:i,page:n,totalPages:o,limit:s,defaultLimit:a,onPageChange:r,onLimitChange:d,className:m})=>t.jsx(l.PaginationContext.Provider,{value:{page:n,totalPages:o,defaultLimit:a,limit:s,setPage:r,setLimit:d},children:t.jsx("div",{className:c.cn("mds:flex mds:items-center mds:space-x-4 mds:w-full mds:gap-12 mds:justify-end",m),children:i})});e.displayName="PaginationRoot";exports.PaginationRoot=e;

package/dist/mainstack-design-system570.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { c as d } from "./utils-D4bN6vBC.js";
+import { c as d } from "./utils-DLi4dp19.js";
 import { PaginationContext as c } from "./mainstack-design-system619.js";
 const l = ({
   children: e,

package/dist/mainstack-design-system573.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),c=require("./utils-BJ1u234q.cjs"),g=require("./mainstack-design-system619.cjs"),o=({className:r,...m})=>{const{page:a,setPage:l,totalPages:e}=g.usePagination(),u=()=>{const t=[];if(e===0)return[];if(e<=5){for(let n=1;n<=e;n++)t.push(n);return t}t.push(1);let i,s;a<=3?(i=2,s=4):a>=e-2?(i=e-3,s=e-1):(i=a-1,s=a+1),i=Math.max(2,i),s=Math.min(e-1,s),i>2&&t.push("...");for(let n=i;n<=s;n++)t.push(n);return s<e-1&&t.push("..."),e>1&&t[t.length-1]!==e&&t.push(e),t};return d.jsx("div",{className:c.cn("mds:flex mds:justify-center mds:items-center mds:rounded-full mds:p-6 mds:gap-6 mds:bg-interactive-secondary",r),...m,children:u().map((t,i)=>{if(t==="...")return d.jsx("div",{className:" mds:text-secondary",children:"...."},`ellipsis-${i}`);const s=t===a;return d.jsx("button",{"data-state":s?"active":"inactive",className:`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),c=require("./utils-DgHSufYV.cjs"),g=require("./mainstack-design-system619.cjs"),o=({className:r,...m})=>{const{page:a,setPage:l,totalPages:e}=g.usePagination(),u=()=>{const t=[];if(e===0)return[];if(e<=5){for(let n=1;n<=e;n++)t.push(n);return t}t.push(1);let i,s;a<=3?(i=2,s=4):a>=e-2?(i=e-3,s=e-1):(i=a-1,s=a+1),i=Math.max(2,i),s=Math.min(e-1,s),i>2&&t.push("...");for(let n=i;n<=s;n++)t.push(n);return s<e-1&&t.push("..."),e>1&&t[t.length-1]!==e&&t.push(e),t};return d.jsx("div",{className:c.cn("mds:flex mds:justify-center mds:items-center mds:rounded-full mds:p-6 mds:gap-6 mds:bg-interactive-secondary",r),...m,children:u().map((t,i)=>{if(t==="...")return d.jsx("div",{className:" mds:text-secondary",children:"...."},`ellipsis-${i}`);const s=t===a;return d.jsx("button",{"data-state":s?"active":"inactive",className:`
             mds:w-20 mds:h-20 mds:flex mds:items-center mds:justify-center mds:rounded-full 
             mds:body-tiny-semibold mds:transition-colors mds:bg-neutral-275 
             mds:data-[state=active]:bg-primary mds:text-on-primary

package/dist/mainstack-design-system573.js

@@ -1,5 +1,5 @@
 import { jsx as d } from "react/jsx-runtime";
-import { c } from "./utils-D4bN6vBC.js";
+import { c } from "./utils-DLi4dp19.js";
 import { usePagination as p } from "./mainstack-design-system619.js";
 const u = ({
   className: m,