mainstack-design-system 1.2.1 → 1.3.0

package/dist/mainstack-design-system511.cjs

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

package/dist/mainstack-design-system511.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as P } from "react";
-import { DatePickerContext as g } from "./mainstack-design-system576.js";
+import { DatePickerContext as g } from "./mainstack-design-system577.js";
 import { P as v } from "./index-RoCFhqzC.js";
 import { u as t } from "./index-437EL2iq.js";
 const k = P(

package/dist/mainstack-design-system512.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-system515.cjs"),s=require("./mainstack-design-system513.cjs"),P=require("./mainstack-design-system514.cjs"),T=require("./mainstack-design-system590.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-system515.cjs"),s=require("./mainstack-design-system513.cjs"),P=require("./mainstack-design-system514.cjs"),T=require("./mainstack-design-system591.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-system512.js

@@ -4,7 +4,7 @@ import { forwardRef as c } from "react";
 import { TimePickerRoot as p } from "./mainstack-design-system515.js";
 import { TimePickerInputField as f } from "./mainstack-design-system513.js";
 import { TimePickerPortal as P } from "./mainstack-design-system514.js";
-import { TimePickerCalendar as a } from "./mainstack-design-system590.js";
+import { TimePickerCalendar as a } from "./mainstack-design-system591.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-system513.cjs

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

package/dist/mainstack-design-system513.js

@@ -7,7 +7,7 @@ import "./mainstack-design-system428.js";
 import "./mainstack-design-system356.js";
 import f from "./mainstack-design-system263.js";
 import { a as u } from "./index-RoCFhqzC.js";
-import { useTimePickerContext as h } from "./mainstack-design-system577.js";
+import { useTimePickerContext as h } from "./mainstack-design-system578.js";
 import { f as x } from "./format-DdpUgYOD.js";
 const I = n(
   ({ placeholder: i = "Choose time", ...o }, t) => {

package/dist/mainstack-design-system514.cjs

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

package/dist/mainstack-design-system514.js

@@ -2,8 +2,8 @@
 import { jsx as t } from "react/jsx-runtime";
 import { b as m, c as s } from "./index-RoCFhqzC.js";
 import { forwardRef as c } from "react";
-import { cn as l } from "./mainstack-design-system586.js";
-import { useTimePickerContext as f } from "./mainstack-design-system577.js";
+import { cn as l } from "./mainstack-design-system587.js";
+import { useTimePickerContext as f } from "./mainstack-design-system578.js";
 const P = c(
   ({
     children: a,

package/dist/mainstack-design-system515.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-system577.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"),x=require("react"),k=require("./mainstack-design-system578.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;

package/dist/mainstack-design-system515.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as P } from "react";
-import { TimePickerContext as g } from "./mainstack-design-system577.js";
+import { TimePickerContext as g } from "./mainstack-design-system578.js";
 import { P as v } from "./index-RoCFhqzC.js";
 import { u as a } from "./index-437EL2iq.js";
 const k = P(

package/dist/mainstack-design-system516.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("./index-hyBpqx_X.cjs"),t=require("./index-4R9KShCu.cjs"),n=require("./mainstack-design-system575.cjs"),i=({...e})=>{const{isDesktop:r}=n.useResponsivePopoverDrawerContext();return r?o.jsx(t.PopoverClose,{"data-slot":"responsive-popover-drawer-close",...e}):o.jsx(s.Drawer.Close,{"data-slot":"responsive-popover-drawer-close",...e})};exports.ResponsivePopoverDrawerClose=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("./index-hyBpqx_X.cjs"),t=require("./index-4R9KShCu.cjs"),n=require("./mainstack-design-system576.cjs"),i=({...e})=>{const{isDesktop:r}=n.useResponsivePopoverDrawerContext();return r?o.jsx(t.PopoverClose,{"data-slot":"responsive-popover-drawer-close",...e}):o.jsx(s.Drawer.Close,{"data-slot":"responsive-popover-drawer-close",...e})};exports.ResponsivePopoverDrawerClose=i;

package/dist/mainstack-design-system516.js

@@ -1,7 +1,7 @@
 import { jsx as e } from "react/jsx-runtime";
 import { D as s } from "./index-Czas6QFh.js";
 import { e as t } from "./index-RoCFhqzC.js";
-import { useResponsivePopoverDrawerContext as p } from "./mainstack-design-system575.js";
+import { useResponsivePopoverDrawerContext as p } from "./mainstack-design-system576.js";
 const m = ({
   ...o
 }) => {

package/dist/mainstack-design-system517.cjs

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

package/dist/mainstack-design-system517.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { D as r } from "./index-Czas6QFh.js";
-import { useResponsivePopoverDrawerContext as s } from "./mainstack-design-system575.js";
-import { cn as n } from "./mainstack-design-system586.js";
+import { useResponsivePopoverDrawerContext as s } from "./mainstack-design-system576.js";
+import { cn as n } from "./mainstack-design-system587.js";
 const f = ({
   className: e,
   ...t

package/dist/mainstack-design-system518.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("./index-C8aODXfJ.cjs"),c=require("./index-hyBpqx_X.cjs"),d=require("./index-4R9KShCu.cjs"),t=require("./mainstack-design-system575.cjs"),x=require("./mainstack-design-system573.cjs"),P=({open:i,onOpenChange:p,isDesktop:a=null,breakpoint:v,...s})=>{const[l]=x(v||"(min-width: 768px)"),n=a??l,[e,o]=u.useControllableState({prop:i,defaultProp:!1,onChange:p});return n?r.jsx(t.ResponsivePopoverDrawerContext.Provider,{value:{open:e,onOpenChange:o,isDesktop:n},children:r.jsx(d.Popover,{"data-slot":"responsive-popover-drawer-root",open:e,onOpenChange:o,...s})}):r.jsx(t.ResponsivePopoverDrawerContext.Provider,{value:{open:e,onOpenChange:o,isDesktop:n},children:r.jsx(c.Root,{"data-slot":"responsive-popover-drawer-root",open:e,onOpenChange:o,...s})})};exports.ResponsivePopoverDrawerRoot=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),u=require("./index-C8aODXfJ.cjs"),c=require("./index-hyBpqx_X.cjs"),d=require("./index-4R9KShCu.cjs"),t=require("./mainstack-design-system576.cjs"),x=require("./mainstack-design-system574.cjs"),P=({open:i,onOpenChange:p,isDesktop:a=null,breakpoint:v,...s})=>{const[l]=x(v||"(min-width: 768px)"),n=a??l,[e,o]=u.useControllableState({prop:i,defaultProp:!1,onChange:p});return n?r.jsx(t.ResponsivePopoverDrawerContext.Provider,{value:{open:e,onOpenChange:o,isDesktop:n},children:r.jsx(d.Popover,{"data-slot":"responsive-popover-drawer-root",open:e,onOpenChange:o,...s})}):r.jsx(t.ResponsivePopoverDrawerContext.Provider,{value:{open:e,onOpenChange:o,isDesktop:n},children:r.jsx(c.Root,{"data-slot":"responsive-popover-drawer-root",open:e,onOpenChange:o,...s})})};exports.ResponsivePopoverDrawerRoot=P;

package/dist/mainstack-design-system518.js

@@ -2,8 +2,8 @@ import { jsx as r } from "react/jsx-runtime";
 import { u as v } from "./index-437EL2iq.js";
 import { R as d } from "./index-Czas6QFh.js";
 import { P as f } from "./index-RoCFhqzC.js";
-import { ResponsivePopoverDrawerContext as p } from "./mainstack-design-system575.js";
-import u from "./mainstack-design-system573.js";
+import { ResponsivePopoverDrawerContext as p } from "./mainstack-design-system576.js";
+import u from "./mainstack-design-system574.js";
 const R = ({
   open: s,
   onOpenChange: a,

package/dist/mainstack-design-system519.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("./index-hyBpqx_X.cjs"),n=require("./index-4R9KShCu.cjs"),p=require("react"),a=require("./mainstack-design-system575.cjs"),s=p.forwardRef(({...e},r)=>{const{isDesktop:i}=a.useResponsivePopoverDrawerContext();return i?o.jsx(n.PopoverTrigger,{"data-slot":"responsive-popover-drawer-trigger",ref:r,...e}):o.jsx(t.Drawer.Trigger,{"data-slot":"responsive-popover-drawer-trigger",ref:r,...e})});s.displayName="ResponsivePopoverDrawerTrigger";exports.ResponsivePopoverDrawerTrigger=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("./index-hyBpqx_X.cjs"),n=require("./index-4R9KShCu.cjs"),p=require("react"),a=require("./mainstack-design-system576.cjs"),s=p.forwardRef(({...e},r)=>{const{isDesktop:i}=a.useResponsivePopoverDrawerContext();return i?o.jsx(n.PopoverTrigger,{"data-slot":"responsive-popover-drawer-trigger",ref:r,...e}):o.jsx(t.Drawer.Trigger,{"data-slot":"responsive-popover-drawer-trigger",ref:r,...e})});s.displayName="ResponsivePopoverDrawerTrigger";exports.ResponsivePopoverDrawerTrigger=s;

package/dist/mainstack-design-system519.js

@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
 import { D as i } from "./index-Czas6QFh.js";
 import { a as p } from "./index-RoCFhqzC.js";
 import { forwardRef as t } from "react";
-import { useResponsivePopoverDrawerContext as a } from "./mainstack-design-system575.js";
+import { useResponsivePopoverDrawerContext as a } from "./mainstack-design-system576.js";
 const g = t(
   ({ ...r }, e) => {
     const { isDesktop: s } = a();

package/dist/mainstack-design-system520.cjs

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

package/dist/mainstack-design-system520.js

@@ -2,7 +2,7 @@
 import { jsx as e, jsxs as d } from "react/jsx-runtime";
 import { d as l, g as r } from "./index-qXBwwKNh.js";
 import { forwardRef as n } from "react";
-import { cn as i } from "./mainstack-design-system586.js";
+import { cn as i } from "./mainstack-design-system587.js";
 import { V as m } from "./index-DJT9m8v7.js";
 const s = n(
   ({ children: o, className: a, ...t }) => /* @__PURE__ */ e("div", { className: "fixed w-full h-full flex justify-center top-0 left-0 items-end z-100 md:items-center ", children: /* @__PURE__ */ d(

package/dist/mainstack-design-system521.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-HSoR75mY.cjs"),c=require("react"),l=require("./mainstack-design-system586.cjs"),u=require("./mainstack-design-system382.cjs");require("./mainstack-design-system383.cjs");const a=require("./mainstack-design-system384.cjs");require("./mainstack-design-system385.cjs");require("./mainstack-design-system356.cjs");const d=require("./mainstack-design-system92.cjs"),n=c.forwardRef(({children:o,className:t,...r},s)=>e.jsx(i.DialogClose,{"data-slot":"modal-close",className:l.cn(t),ref:s,asChild:!0,...r,children:o||e.jsx(a.ButtonRoot,{size:"sm",iconOnly:!0,rounded:"sm",variant:"secondary",className:"min-w-36 min-h-36",children:e.jsx(u.ButtonIcon,{children:e.jsx(d,{variant:"filled"})})})}));n.displayName="ModalClose";exports.ModalClose=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-HSoR75mY.cjs"),c=require("react"),l=require("./mainstack-design-system587.cjs"),u=require("./mainstack-design-system382.cjs");require("./mainstack-design-system383.cjs");const a=require("./mainstack-design-system384.cjs");require("./mainstack-design-system385.cjs");require("./mainstack-design-system356.cjs");const d=require("./mainstack-design-system92.cjs"),n=c.forwardRef(({children:o,className:t,...r},s)=>e.jsx(i.DialogClose,{"data-slot":"modal-close",className:l.cn(t),ref:s,asChild:!0,...r,children:o||e.jsx(a.ButtonRoot,{size:"sm",iconOnly:!0,rounded:"sm",variant:"secondary",className:"min-w-36 min-h-36",children:e.jsx(u.ButtonIcon,{children:e.jsx(d,{variant:"filled"})})})}));n.displayName="ModalClose";exports.ModalClose=n;

package/dist/mainstack-design-system521.js

@@ -2,7 +2,7 @@
 import { jsx as o } from "react/jsx-runtime";
 import { f as a } from "./index-qXBwwKNh.js";
 import { forwardRef as e } from "react";
-import { cn as l } from "./mainstack-design-system586.js";
+import { cn as l } from "./mainstack-design-system587.js";
 import { ButtonIcon as n } from "./mainstack-design-system382.js";
 import "./mainstack-design-system383.js";
 import { ButtonRoot as s } from "./mainstack-design-system384.js";

package/dist/mainstack-design-system522.cjs

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

package/dist/mainstack-design-system522.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
-import { cn as a } from "./mainstack-design-system586.js";
+import { cn as a } from "./mainstack-design-system587.js";
 const n = r(
   ({ className: o, ...t }, e) => /* @__PURE__ */ l(
     "div",

package/dist/mainstack-design-system523.cjs

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

package/dist/mainstack-design-system523.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
-import { cn as n } from "./mainstack-design-system586.js";
+import { cn as n } from "./mainstack-design-system587.js";
 const d = a(
   ({ className: e, ...t }, r) => /* @__PURE__ */ o(
     "header",

package/dist/mainstack-design-system524.cjs

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

package/dist/mainstack-design-system524.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
-import { cn as n } from "./mainstack-design-system586.js";
+import { cn as n } from "./mainstack-design-system587.js";
 const m = a(
   ({ className: o, ...t }, e) => /* @__PURE__ */ r(
     "footer",

package/dist/mainstack-design-system525.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),l=require("react"),r=require("./mainstack-design-system586.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("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("./mainstack-design-system587.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("body-medium-semibold",t),ref:i,...o}));e.displayName="ModalContentTitle";exports.ModalContentTitle=e;

package/dist/mainstack-design-system525.js

@@ -1,6 +1,6 @@
 import { jsx as m } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
-import { cn as a } from "./mainstack-design-system586.js";
+import { cn as a } from "./mainstack-design-system587.js";
 import { e as i } from "./index-qXBwwKNh.js";
 const l = r(
   ({ className: o, ...t }, e) => /* @__PURE__ */ m(

package/dist/mainstack-design-system526.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),r=require("./mainstack-design-system586.cjs"),e=i.forwardRef(({className:t,...n},o)=>a.jsx("div",{"data-slot":"modal-content-main",className:r.cn("flex-1 px-20 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"),i=require("react"),r=require("./mainstack-design-system587.cjs"),e=i.forwardRef(({className:t,...n},o)=>a.jsx("div",{"data-slot":"modal-content-main",className:r.cn("flex-1 px-20 overflow-auto",t),ref:o,...n}));e.displayName="ModalContentMain";exports.ModalContentMain=e;

package/dist/mainstack-design-system526.js

@@ -1,6 +1,6 @@
 import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
-import { cn as e } from "./mainstack-design-system586.js";
+import { cn as e } from "./mainstack-design-system587.js";
 const m = r(
   ({ className: o, ...t }, a) => /* @__PURE__ */ n(
     "div",

package/dist/mainstack-design-system527.cjs

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

package/dist/mainstack-design-system527.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as o } from "react/jsx-runtime";
 import { c as r } from "./index-qXBwwKNh.js";
-import { cn as d } from "./mainstack-design-system586.js";
+import { cn as d } from "./mainstack-design-system587.js";
 import { forwardRef as l } from "react";
 const n = l(
   ({ className: a, ...t }, e) => /* @__PURE__ */ o(

package/dist/mainstack-design-system531.cjs

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

package/dist/mainstack-design-system531.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
-import { cn as s } from "./mainstack-design-system586.js";
+import { cn as s } from "./mainstack-design-system587.js";
 const d = r(
   ({ className: o, ...a }) => /* @__PURE__ */ l(
     "div",

package/dist/mainstack-design-system533.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("./mainstack-design-system553.cjs"),c=require("./mainstack-design-system579.cjs"),t=({onValueChange:e,...o})=>n.jsx(r.SelectRoot,{...o,onValueChange:e,isMultiSelect:!1,options:c.CountrySelectOptionsArray});t.displayName="CountrySelectRoot";exports.CountrySelectRoot=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("./mainstack-design-system553.cjs"),c=require("./mainstack-design-system580.cjs"),t=({onValueChange:e,...o})=>n.jsx(r.SelectRoot,{...o,onValueChange:e,isMultiSelect:!1,options:c.CountrySelectOptionsArray});t.displayName="CountrySelectRoot";exports.CountrySelectRoot=t;

package/dist/mainstack-design-system533.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as e } from "react/jsx-runtime";
 import { SelectRoot as r } from "./mainstack-design-system553.js";
-import { CountrySelectOptionsArray as i } from "./mainstack-design-system579.js";
+import { CountrySelectOptionsArray as i } from "./mainstack-design-system580.js";
 const l = ({
   onValueChange: o,
   ...t

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"),l=require("react");require("./mainstack-design-system553.cjs");const s=require("./mainstack-design-system456.cjs");require("./mainstack-design-system457.cjs");require("./mainstack-design-system458.cjs");require("./mainstack-design-system459.cjs");require("./mainstack-design-system460.cjs");require("./mainstack-design-system461.cjs");require("./mainstack-design-system454.cjs");require("./mainstack-design-system455.cjs");const d=require("./mainstack-design-system567.cjs"),p=require("./mainstack-design-system589.cjs"),t=l.forwardRef(({placeholder:r="Select Country",...n},o)=>{const{selectedOption:c,options:i}=d.useSelectContext(),u=i.map.get(c);return e.jsx(s.SelectInputField,{ref:o,placeholder:r,...n,children:e.jsx("div",{className:"flex items-center justify-center",children:p.getCountryFlagComp(u?.data?.iso2Code)})})});t.displayName="CountrySelectInputField";exports.CountrySelectInputField=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react");require("./mainstack-design-system553.cjs");const s=require("./mainstack-design-system456.cjs");require("./mainstack-design-system457.cjs");require("./mainstack-design-system458.cjs");require("./mainstack-design-system459.cjs");require("./mainstack-design-system460.cjs");require("./mainstack-design-system461.cjs");require("./mainstack-design-system454.cjs");require("./mainstack-design-system455.cjs");const d=require("./mainstack-design-system568.cjs"),p=require("./mainstack-design-system590.cjs"),t=l.forwardRef(({placeholder:r="Select Country",...n},o)=>{const{selectedOption:c,options:i}=d.useSelectContext(),u=i.map.get(c);return e.jsx(s.SelectInputField,{ref:o,placeholder:r,...n,children:e.jsx("div",{className:"flex items-center justify-center",children:p.getCountryFlagComp(u?.data?.iso2Code)})})});t.displayName="CountrySelectInputField";exports.CountrySelectInputField=t;

package/dist/mainstack-design-system534.js

@@ -10,8 +10,8 @@ import "./mainstack-design-system460.js";
 import "./mainstack-design-system461.js";
 import "./mainstack-design-system454.js";
 import "./mainstack-design-system455.js";
-import { useSelectContext as l } from "./mainstack-design-system567.js";
-import { getCountryFlagComp as s } from "./mainstack-design-system589.js";
+import { useSelectContext as l } from "./mainstack-design-system568.js";
+import { getCountryFlagComp as s } from "./mainstack-design-system590.js";
 const d = n(
   ({ placeholder: e = "Select Country", ...o }, r) => {
     const { selectedOption: i, options: m } = l(), p = m.map.get(

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"),c=require("react");require("./mainstack-design-system553.cjs");require("./mainstack-design-system456.cjs");require("./mainstack-design-system457.cjs");const l=require("./mainstack-design-system458.cjs"),o=require("./mainstack-design-system459.cjs");require("./mainstack-design-system460.cjs");require("./mainstack-design-system461.cjs");require("./mainstack-design-system454.cjs");require("./mainstack-design-system455.cjs");const u=require("./mainstack-design-system589.cjs"),a=require("./mainstack-design-system586.cjs"),r=c.forwardRef((i,s)=>e.jsx(l.SelectOptions,{ref:s,...i,children:({options:n})=>n.map(t=>e.jsx(o.SelectOptionItem,{value:t.value,children:e.jsxs("div",{className:"flex items-center gap-8",children:[e.jsx("div",{className:"flex items-center justify-center",children:u.getCountryFlagComp(t.data?.iso2Code)}),e.jsx("p",{className:a.cn("body-extrasmall-medium","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-system553.cjs");require("./mainstack-design-system456.cjs");require("./mainstack-design-system457.cjs");const l=require("./mainstack-design-system458.cjs"),o=require("./mainstack-design-system459.cjs");require("./mainstack-design-system460.cjs");require("./mainstack-design-system461.cjs");require("./mainstack-design-system454.cjs");require("./mainstack-design-system455.cjs");const u=require("./mainstack-design-system590.cjs"),a=require("./mainstack-design-system587.cjs"),r=c.forwardRef((i,s)=>e.jsx(l.SelectOptions,{ref:s,...i,children:({options:n})=>n.map(t=>e.jsx(o.SelectOptionItem,{value:t.value,children:e.jsxs("div",{className:"flex items-center gap-8",children:[e.jsx("div",{className:"flex items-center justify-center",children:u.getCountryFlagComp(t.data?.iso2Code)}),e.jsx("p",{className:a.cn("body-extrasmall-medium","text-primary"),children:t.label})]})},t.value))}));r.displayName="CountrySelectOptionsList";exports.CountrySelectOptionsList=r;

package/dist/mainstack-design-system536.js

@@ -10,8 +10,8 @@ import "./mainstack-design-system460.js";
 import "./mainstack-design-system461.js";
 import "./mainstack-design-system454.js";
 import "./mainstack-design-system455.js";
-import { getCountryFlagComp as s } from "./mainstack-design-system589.js";
-import { cn as c } from "./mainstack-design-system586.js";
+import { getCountryFlagComp as s } from "./mainstack-design-system590.js";
+import { cn as c } from "./mainstack-design-system587.js";
 const n = l(
   (t, m) => /* @__PURE__ */ r(a, { ref: m, ...t, children: ({ options: i }) => i.map((e) => /* @__PURE__ */ r(p, { value: e.value, children: /* @__PURE__ */ o("div", { className: "flex items-center gap-8", children: [
     /* @__PURE__ */ r("div", { className: "flex items-center justify-center", children: s(

package/dist/mainstack-design-system537.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),v=require("./mainstack-design-system586.cjs"),l=require("react"),R=require("./mainstack-design-system580.cjs"),c=({className:i,...u})=>{const s=l.useRef(null),[a,r]=l.useState(!1),[f,m]=l.useState(!1);return l.useEffect(()=>{const t=s.current;if(!t)return;let e;const o=()=>{r(!0),e&&clearTimeout(e),e=setTimeout(()=>r(!1),150);const{scrollTop:T,scrollHeight:b,clientHeight:d}=t;m(T+d>=b-1)};return t.addEventListener("scroll",o),o(),()=>{t.removeEventListener("scroll",o),e&&clearTimeout(e)}},[]),n.jsx(R.TableContext.Provider,{value:{isScrolling:a,atBottom:f},children:n.jsx("div",{ref:s,className:v.cn("w-full mx-auto ",i),...u})})};c.displayName="TableRoot";exports.TableRoot=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),v=require("./mainstack-design-system587.cjs"),l=require("react"),R=require("./mainstack-design-system581.cjs"),c=({className:i,...u})=>{const s=l.useRef(null),[a,r]=l.useState(!1),[f,m]=l.useState(!1);return l.useEffect(()=>{const t=s.current;if(!t)return;let e;const o=()=>{r(!0),e&&clearTimeout(e),e=setTimeout(()=>r(!1),150);const{scrollTop:T,scrollHeight:b,clientHeight:d}=t;m(T+d>=b-1)};return t.addEventListener("scroll",o),o(),()=>{t.removeEventListener("scroll",o),e&&clearTimeout(e)}},[]),n.jsx(R.TableContext.Provider,{value:{isScrolling:a,atBottom:f},children:n.jsx("div",{ref:s,className:v.cn("w-full mx-auto ",i),...u})})};c.displayName="TableRoot";exports.TableRoot=c;

package/dist/mainstack-design-system537.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
-import { cn as T } from "./mainstack-design-system586.js";
+import { cn as T } from "./mainstack-design-system587.js";
 import { useRef as v, useState as c, useEffect as g } from "react";
-import { TableContext as h } from "./mainstack-design-system580.js";
+import { TableContext as h } from "./mainstack-design-system581.js";
 const x = ({ className: i, ...n }) => {
   const l = v(null), [a, r] = c(!1), [m, f] = c(!1);
   return g(() => {

package/dist/mainstack-design-system538.cjs

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

package/dist/mainstack-design-system538.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { cn as a } from "./mainstack-design-system586.js";
+import { cn as a } from "./mainstack-design-system587.js";
 const l = ({ className: t, ...r }) => /* @__PURE__ */ e(
   "div",
   {

package/dist/mainstack-design-system539.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("react/jsx-runtime"),o=require("./mainstack-design-system586.cjs"),e=({className:t,...a})=>l.jsx("tbody",{"data-slot":"table-body",className:o.cn("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"),o=require("./mainstack-design-system587.cjs"),e=({className:t,...a})=>l.jsx("tbody",{"data-slot":"table-body",className:o.cn("bg-surface-neutral-l1",t),...a});e.displayName="TableBody";exports.TableBody=e;

package/dist/mainstack-design-system539.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { cn as e } from "./mainstack-design-system586.js";
+import { cn as e } from "./mainstack-design-system587.js";
 const r = ({ className: a, ...o }) => /* @__PURE__ */ t(
   "tbody",
   {

package/dist/mainstack-design-system540.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("./mainstack-design-system586.cjs"),l=({isSticky:e,className:t,...a})=>r.jsx("td",{role:"cell","data-slot":"table-cell","data-sticky-cell":e,className:s.cn("p-12 body-extrasmall-regular",e?"md:sticky md:left-0 md:bg-surface-neutral-l1 md:z-10":"",t),...a});l.displayName="TableCell";exports.TableCell=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("./mainstack-design-system587.cjs"),l=({isSticky:e,className:t,...a})=>r.jsx("td",{role:"cell","data-slot":"table-cell","data-sticky-cell":e,className:s.cn("p-12 body-extrasmall-regular",e?"md:sticky md:left-0 md:bg-surface-neutral-l1 md:z-10":"",t),...a});l.displayName="TableCell";exports.TableCell=l;

package/dist/mainstack-design-system540.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { cn as r } from "./mainstack-design-system586.js";
+import { cn as r } from "./mainstack-design-system587.js";
 const m = ({
   isSticky: l,
   className: e,

package/dist/mainstack-design-system541.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),s=require("./index-CpE6WAgy.cjs"),u=require("./mainstack-design-system586.cjs");function b(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 d=b(i),n=d.forwardRef(({className:e,children:l,asChild:t=!1,...a},r)=>{const c=t?s.Slot:"div";return o.jsx(c,{ref:r,"data-slot":"table-cell-label",className:u.cn("inline-flex w-122 md:hidden items-center whitespace-nowrap",e),...a,children:l})});n.displayName="TableCellLabel";exports.TableCellLabel=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),i=require("react"),s=require("./index-CpE6WAgy.cjs"),u=require("./mainstack-design-system587.cjs");function b(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 d=b(i),n=d.forwardRef(({className:e,children:l,asChild:t=!1,...a},r)=>{const c=t?s.Slot:"div";return o.jsx(c,{ref:r,"data-slot":"table-cell-label",className:u.cn("inline-flex w-122 md:hidden items-center whitespace-nowrap",e),...a,children:l})});n.displayName="TableCellLabel";exports.TableCellLabel=n;

package/dist/mainstack-design-system541.js

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

package/dist/mainstack-design-system542.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),s=require("./index-CpE6WAgy.cjs"),u=require("./mainstack-design-system586.cjs");function f(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 b=f(i),l=b.forwardRef(({className:e,asChild:n=!1,children:t,...r},o)=>{const c=n?s.Slot:"div";return a.jsx(c,{ref:o,"data-slot":"table-cell-content",className:u.cn("inline-flex items-center justify-center shrink-0",e),...r,children:t})});l.displayName="TableCellContent";exports.TableCellContent=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),i=require("react"),s=require("./index-CpE6WAgy.cjs"),u=require("./mainstack-design-system587.cjs");function f(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 b=f(i),l=b.forwardRef(({className:e,asChild:n=!1,children:t,...r},o)=>{const c=n?s.Slot:"div";return a.jsx(c,{ref:o,"data-slot":"table-cell-content",className:u.cn("inline-flex items-center justify-center shrink-0",e),...r,children:t})});l.displayName="TableCellContent";exports.TableCellContent=l;

package/dist/mainstack-design-system542.js

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

package/dist/mainstack-design-system543.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("./mainstack-design-system586.cjs"),e=({isSticky:t,className:a,...l})=>s.jsx("th",{role:"columnheader","data-slot":"table-head",className:r.cn(t?"sticky left-0 bg-surface-neutral-l3 z-10":"","text-secondary px-12 py-16 text-left align-middle body-small-medium whitespace-nowrap",a),...l});e.displayName="TableHead";exports.TableHead=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),r=require("./mainstack-design-system587.cjs"),e=({isSticky:t,className:a,...l})=>s.jsx("th",{role:"columnheader","data-slot":"table-head",className:r.cn(t?"sticky left-0 bg-surface-neutral-l3 z-10":"","text-secondary px-12 py-16 text-left align-middle body-small-medium whitespace-nowrap",a),...l});e.displayName="TableHead";exports.TableHead=e;

package/dist/mainstack-design-system543.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { cn as r } from "./mainstack-design-system586.js";
+import { cn as r } from "./mainstack-design-system587.js";
 const o = ({
   isSticky: e,
   className: a,

package/dist/mainstack-design-system544.cjs

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

package/dist/mainstack-design-system544.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import { cn as t } from "./mainstack-design-system586.js";
+import { cn as t } from "./mainstack-design-system587.js";
 const d = ({ className: e, ...a }) => /* @__PURE__ */ r(
   "thead",
   {

package/dist/mainstack-design-system545.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),o=require("./mainstack-design-system586.cjs"),e=({className:r,...t})=>d.jsx("tr",{"data-slot":"table-row",className:o.cn("flex flex-col sm:table-row px-16 md:px-0 border-y border-x-1 md:border-x-0  border-border-interactive-neutral rounded-20 md:rounded-0 mb-16 md:mb-0 divide-y divide-border-interactive-neutral",r),...t});e.displayName="TableRow";exports.TableRow=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),o=require("./mainstack-design-system587.cjs"),e=({className:r,...t})=>d.jsx("tr",{"data-slot":"table-row",className:o.cn("flex flex-col sm:table-row px-16 md:px-0 border-y border-x-1 md:border-x-0  border-border-interactive-neutral rounded-20 md:rounded-0 mb-16 md:mb-0 divide-y divide-border-interactive-neutral",r),...t});e.displayName="TableRow";exports.TableRow=e;

package/dist/mainstack-design-system545.js

@@ -1,5 +1,5 @@
 import { jsx as d } from "react/jsx-runtime";
-import { cn as o } from "./mainstack-design-system586.js";
+import { cn as o } from "./mainstack-design-system587.js";
 const t = ({ className: r, ...e }) => /* @__PURE__ */ d(
   "tr",
   {

package/dist/mainstack-design-system546.cjs

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

package/dist/mainstack-design-system546.js

@@ -1,11 +1,11 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { cn as c } from "./mainstack-design-system586.js";
+import { cn as c } from "./mainstack-design-system587.js";
 import { PaginationRoot as g } from "./mainstack-design-system547.js";
 import { PaginationNext as b } from "./mainstack-design-system549.js";
 import { PaginationPrev as f } from "./mainstack-design-system548.js";
 import { PaginationPageButton as p } from "./mainstack-design-system550.js";
 import { PaginationPageSize as u } from "./mainstack-design-system551.js";
-import { useTableScroll as x } from "./mainstack-design-system580.js";
+import { useTableScroll as x } from "./mainstack-design-system581.js";
 const P = ({
   totalResults: o = 3,
   limit: t,

package/dist/mainstack-design-system547.cjs

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

package/dist/mainstack-design-system547.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
-import { cn as s } from "./mainstack-design-system586.js";
-import { PaginationContext as l } from "./mainstack-design-system581.js";
+import { cn as s } from "./mainstack-design-system587.js";
+import { PaginationContext as l } from "./mainstack-design-system582.js";
 const p = ({
   children: e,
   page: i,

package/dist/mainstack-design-system548.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("./mainstack-design-system382.cjs");require("./mainstack-design-system383.cjs");require("./mainstack-design-system384.cjs");const o=require("./mainstack-design-system385.cjs"),r=require("./mainstack-design-system581.cjs"),t=()=>{const{page:e,setPage:n}=r.usePagination();return i.jsx(o.Button,{variant:"outline",status:"default",size:"xs",rounded:"sm",disabled:e===1,onClick:()=>n(e-1),children:"Prev"})};t.displayName="PaginationPrev";exports.PaginationPrev=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime");require("./mainstack-design-system382.cjs");require("./mainstack-design-system383.cjs");require("./mainstack-design-system384.cjs");const o=require("./mainstack-design-system385.cjs"),r=require("./mainstack-design-system582.cjs"),t=()=>{const{page:e,setPage:n}=r.usePagination();return i.jsx(o.Button,{variant:"outline",status:"default",size:"xs",rounded:"sm",disabled:e===1,onClick:()=>n(e-1),children:"Prev"})};t.displayName="PaginationPrev";exports.PaginationPrev=t;