mainstack-design-system 1.14.2 → 1.15.0

package/dist/mainstack-design-system540.js

@@ -1,23 +1,52 @@
-'use client';
-import { jsx as o } from "react/jsx-runtime";
-import { d as m } from "./index-DDHQjaCF.js";
-import { c as r } from "./utils-D85wpvmd.js";
-import { forwardRef as s } from "react";
-const d = s(
-  ({ className: a, ...t }, e) => /* @__PURE__ */ o(
-    m,
+import { jsx as r } from "react/jsx-runtime";
+import { u as v } from "./index-437EL2iq.js";
+import { R as d } from "./index-eeqUt-Tb.js";
+import { P as f } from "./index-RoCFhqzC.js";
+import { ResponsivePopoverDrawerContext as n } from "./mainstack-design-system613.js";
+import "react";
+import { useMatchMedia as u } from "./mainstack-design-system399.js";
+const k = ({
+  open: s,
+  onOpenChange: a,
+  isDesktop: i = null,
+  breakpoint: m,
+  ...p
+}) => {
+  const [l] = u(m || "(min-width: 768px)"), t = i ?? l, [o, e] = v({
+    prop: s,
+    defaultProp: !1,
+    onChange: a
+  });
+  return t ? /* @__PURE__ */ r(
+    n.Provider,
     {
-      "data-slot": "modal-overlay",
-      className: r(
-        "mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:fixed mds:blur-sm mds:inset-0 mds:z-50 mds:bg-surface-neutral-invert-l3/20",
-        a
-      ),
-      ref: e,
-      ...t
+      value: { open: o, onOpenChange: e, isDesktop: t },
+      children: /* @__PURE__ */ r(
+        f,
+        {
+          "data-slot": "responsive-popover-drawer-root",
+          open: o,
+          onOpenChange: e,
+          ...p
+        }
+      )
     }
-  )
-);
-d.displayName = "ModalOverlay";
+  ) : /* @__PURE__ */ r(
+    n.Provider,
+    {
+      value: { open: o, onOpenChange: e, isDesktop: t },
+      children: /* @__PURE__ */ r(
+        d,
+        {
+          "data-slot": "responsive-popover-drawer-root",
+          open: o,
+          onOpenChange: e,
+          ...p
+        }
+      )
+    }
+  );
+};
 export {
-  d as ModalOverlay
+  k as ResponsivePopoverDrawerRoot
 };

package/dist/mainstack-design-system541.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),t=require("./index-HSoR75mY.cjs"),r=({...e})=>o.jsx(t.Dialog,{...e});exports.ModalRoot=r;
+"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-system613.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-system541.js

@@ -1,7 +1,29 @@
-'use client';
-import { jsx as r } from "react/jsx-runtime";
-import { e as t } from "./index-DDHQjaCF.js";
-const e = ({ ...o }) => /* @__PURE__ */ r(t, { ...o });
+import { jsx as o } from "react/jsx-runtime";
+import { D as i } from "./index-eeqUt-Tb.js";
+import { a as p } from "./index-RoCFhqzC.js";
+import { forwardRef as t } from "react";
+import { useResponsivePopoverDrawerContext as a } from "./mainstack-design-system613.js";
+const g = t(
+  ({ ...r }, e) => {
+    const { isDesktop: s } = a();
+    return s ? /* @__PURE__ */ o(
+      p,
+      {
+        "data-slot": "responsive-popover-drawer-trigger",
+        ref: e,
+        ...r
+      }
+    ) : /* @__PURE__ */ o(
+      i.Trigger,
+      {
+        "data-slot": "responsive-popover-drawer-trigger",
+        ref: e,
+        ...r
+      }
+    );
+  }
+);
+g.displayName = "ResponsivePopoverDrawerTrigger";
 export {
-  e as ModalRoot
+  g as ResponsivePopoverDrawerTrigger
 };

package/dist/mainstack-design-system542.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),o=require("./index-HSoR75mY.cjs"),a=require("react"),e=a.forwardRef(({...r},t)=>i.jsx(o.DialogTrigger,{"data-slot":"modal-trigger",ref:t,...r}));e.displayName="ModalTrigger";exports.ModalTrigger=e;
+"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-Dp-J9Ksy.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-system542.js

@@ -1,11 +1,39 @@
 'use client';
-import { jsx as a } from "react/jsx-runtime";
-import { f as g } from "./index-DDHQjaCF.js";
-import { forwardRef as i } from "react";
-const t = i(
-  ({ ...r }, o) => /* @__PURE__ */ a(g, { "data-slot": "modal-trigger", ref: o, ...r })
+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-BWBRqOem.js";
+import { V as f } from "./index-DJT9m8v7.js";
+const u = c(
+  ({
+    children: a,
+    className: d,
+    layout: e = "dialog",
+    direction: s = "center",
+    placement: m = "center",
+    ...o
+  }, n) => /* @__PURE__ */ t("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: /* @__PURE__ */ i(
+    l,
+    {
+      ref: n,
+      "data-slot": "modal-body",
+      "data-layout": e,
+      "data-direction": s,
+      "data-placement": m,
+      className: p(
+        "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",
+        d
+      ),
+      ...o,
+      children: [
+        a,
+        /* @__PURE__ */ t(f, { children: /* @__PURE__ */ t(r, {}) })
+      ]
+    }
+  ) })
 );
-t.displayName = "ModalTrigger";
+u.displayName = "ModalBody";
 export {
-  t as ModalTrigger
+  u as ModalBody
 };

package/dist/mainstack-design-system543.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("./index-HSoR75mY.cjs"),r=({...t})=>o.jsx(e.DialogPortal,{"data-slot":"modal-portal",...t});exports.ModalPortal=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("./index-HSoR75mY.cjs"),c=require("react"),u=require("./utils-Dp-J9Ksy.cjs"),l=require("./mainstack-design-system400.cjs");require("./mainstack-design-system401.cjs");const a=require("./mainstack-design-system402.cjs");require("./mainstack-design-system403.cjs");require("./mainstack-design-system404.cjs");require("./mainstack-design-system366.cjs");const d=require("./mainstack-design-system93.cjs");require("./player-BoD_1Mo-.cjs");const n=c.forwardRef(({children:o,className:t,...r},s)=>e.jsx(i.DialogClose,{"data-slot":"modal-close",className:u.cn(t),ref:s,asChild:!0,...r,children:o||e.jsx(a.ButtonRoot,{size:"sm",iconOnly:!0,rounded:"sm",variant:"secondary",className:"mds:min-w-36 mds:min-h-36",children:e.jsx(l.ButtonIcon,{children:e.jsx(d,{variant:"filled"})})})}));n.displayName="ModalClose";exports.ModalClose=n;

package/dist/mainstack-design-system543.js

@@ -1,7 +1,40 @@
 'use client';
-import { jsx as r } from "react/jsx-runtime";
-import { g as t } from "./index-DDHQjaCF.js";
-const m = ({ ...o }) => /* @__PURE__ */ r(t, { "data-slot": "modal-portal", ...o });
+import { jsx as o } from "react/jsx-runtime";
+import { b as a } from "./index-DDHQjaCF.js";
+import { forwardRef as s } from "react";
+import { c as e } from "./utils-BWBRqOem.js";
+import { ButtonIcon as l } from "./mainstack-design-system400.js";
+import "./mainstack-design-system401.js";
+import { ButtonRoot as n } from "./mainstack-design-system402.js";
+import "./mainstack-design-system403.js";
+import "./mainstack-design-system404.js";
+import "./mainstack-design-system366.js";
+import d from "./mainstack-design-system93.js";
+import "./player-DtDfxekb.js";
+const p = s(
+  ({ children: r, className: m, ...t }, i) => /* @__PURE__ */ o(
+    a,
+    {
+      "data-slot": "modal-close",
+      className: e(m),
+      ref: i,
+      asChild: !0,
+      ...t,
+      children: r || /* @__PURE__ */ o(
+        n,
+        {
+          size: "sm",
+          iconOnly: !0,
+          rounded: "sm",
+          variant: "secondary",
+          className: "mds:min-w-36 mds:min-h-36",
+          children: /* @__PURE__ */ o(l, { children: /* @__PURE__ */ o(d, { variant: "filled" }) })
+        }
+      )
+    }
+  )
+);
+p.displayName = "ModalClose";
 export {
-  m as ModalPortal
+  p as ModalClose
 };

package/dist/mainstack-design-system544.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),o=require("react"),d=require("./utils-Bdd5vx6a.cjs"),e=o.forwardRef(({className:s,...l},t)=>a.jsx("div",{ref:t,className:d.cn("mds:hidden mds:flex-1 mds:md:flex ",s),"data-slot":"responsive-modal-drawer-visual-slot",...l}));e.displayName="ModalVisualSlot";exports.ModalVisualSlot=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),n=require("react"),a=require("./utils-Dp-J9Ksy.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-system544.js

@@ -1,18 +1,21 @@
-import { jsx as d } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import { c as r } from "./utils-D85wpvmd.js";
-const m = l(
-  ({ className: o, ...s }, a) => /* @__PURE__ */ d(
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { c as s } from "./utils-BWBRqOem.js";
+const a = m(
+  ({ className: o, ...t }, e) => /* @__PURE__ */ l(
     "div",
     {
-      ref: a,
-      className: r("mds:hidden mds:flex-1 mds:md:flex ", o),
-      "data-slot": "responsive-modal-drawer-visual-slot",
-      ...s
+      "data-slot": "modal-content-slot",
+      className: s(
+        "mds:relative mds:flex mds:flex-col mds:justify-between mds:flex-[1.35]",
+        o
+      ),
+      ref: e,
+      ...t
     }
   )
 );
-m.displayName = "ModalVisualSlot";
+a.displayName = "ModalContentSlot";
 export {
-  m as ModalVisualSlot
+  a as ModalContentSlot
 };

package/dist/mainstack-design-system545.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),u=require("./mainstack-design-system546.cjs"),l=require("./mainstack-design-system547.cjs"),s=require("./mainstack-design-system548.cjs"),i=require("./mainstack-design-system549.cjs"),t=c.forwardRef(({id:o,...n},r)=>e.jsxs(u.CountrySelectRoot,{ref:r,...n,children:[e.jsx(l.CountrySelectInputField,{id:o}),e.jsx(s.CountrySelectPortal,{children:e.jsx(i.CountrySelectOptionsList,{})})]}));t.displayName="CountrySelect";exports.CountrySelect=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),n=require("./utils-Dp-J9Ksy.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-system545.js

@@ -1,16 +1,21 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { CountrySelectRoot as n } from "./mainstack-design-system546.js";
-import { CountrySelectInputField as l } from "./mainstack-design-system547.js";
-import { CountrySelectPortal as p } from "./mainstack-design-system548.js";
-import { CountrySelectOptionsList as c } from "./mainstack-design-system549.js";
-const f = i(
-  ({ id: t, ...o }, e) => /* @__PURE__ */ m(n, { ref: e, ...o, children: [
-    /* @__PURE__ */ r(l, { id: t }),
-    /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(c, {}) })
-  ] })
+import { jsx as d } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { c as r } from "./utils-BWBRqOem.js";
+const a = m(
+  ({ className: e, ...t }, s) => /* @__PURE__ */ d(
+    "header",
+    {
+      "data-slot": "modal-content-header",
+      className: r(
+        "mds:flex mds:py-16 mds:px-20 mds:items-center mds:sticky mds:top-0 mds:justify-between mds:bg-surface-neutral-l1",
+        e
+      ),
+      ref: s,
+      ...t
+    }
+  )
 );
-f.displayName = "CountrySelect";
+a.displayName = "ModalContentHeader";
 export {
-  f as CountrySelect
+  a as ModalContentHeader
 };

package/dist/mainstack-design-system546.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),u=require("react"),i=require("./mainstack-design-system467.cjs"),l=require("./mainstack-design-system608.cjs"),o=({onValueChange:n,excludeLocales:t,includeLocales:e,...r})=>{const c=u.useMemo(()=>l.getCountrySelectOptionsArray({includeLocales:e,excludeLocales:t}),[e,t]);return s.jsx(i.SelectRoot,{...r,onValueChange:n,isMultiSelect:!1,options:c})};o.displayName="CountrySelectRoot";exports.CountrySelectRoot=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),d=require("./utils-Dp-J9Ksy.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-system546.js

@@ -1,32 +1,21 @@
-'use client';
-import { jsx as i } from "react/jsx-runtime";
-import { useMemo as n } from "react";
-import { SelectRoot as p } from "./mainstack-design-system467.js";
-import { getCountrySelectOptionsArray as s } from "./mainstack-design-system608.js";
-const y = ({
-  onValueChange: r,
-  excludeLocales: t,
-  includeLocales: o,
-  ...e
-}) => {
-  const m = n(
-    () => s({
-      includeLocales: o,
-      excludeLocales: t
-    }),
-    [o, t]
-  );
-  return /* @__PURE__ */ i(
-    p,
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { c as r } from "./utils-BWBRqOem.js";
+const d = s(
+  ({ className: o, ...t }, e) => /* @__PURE__ */ m(
+    "footer",
     {
-      ...e,
-      onValueChange: r,
-      isMultiSelect: !1,
-      options: m
+      "data-slot": "modal-content-footer",
+      className: r(
+        "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",
+        o
+      ),
+      ref: e,
+      ...t
     }
-  );
-};
-y.displayName = "CountrySelectRoot";
+  )
+);
+d.displayName = "ModalContentFooter";
 export {
-  y as CountrySelectRoot
+  d as ModalContentFooter
 };

package/dist/mainstack-design-system547.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react");require("./mainstack-design-system467.cjs");const l=require("./mainstack-design-system468.cjs");require("./mainstack-design-system469.cjs");require("./mainstack-design-system470.cjs");require("./mainstack-design-system471.cjs");require("./mainstack-design-system472.cjs");require("./mainstack-design-system473.cjs");require("./mainstack-design-system465.cjs");require("./mainstack-design-system466.cjs");const d=require("./mainstack-design-system597.cjs"),m=require("./mainstack-design-system615.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 n=require("react/jsx-runtime"),l=require("react"),r=require("./utils-Dp-J9Ksy.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-system547.js

@@ -1,26 +1,19 @@
-'use client';
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import "./mainstack-design-system467.js";
-import { SelectInputField as s } from "./mainstack-design-system468.js";
-import "./mainstack-design-system469.js";
-import "./mainstack-design-system470.js";
-import "./mainstack-design-system471.js";
-import "./mainstack-design-system472.js";
-import "./mainstack-design-system473.js";
-import "./mainstack-design-system465.js";
-import "./mainstack-design-system466.js";
-import { useSelectContext as c } from "./mainstack-design-system597.js";
-import { getCountryFlagComp as l } from "./mainstack-design-system615.js";
-const d = n(
-  ({ placeholder: e = "Select Country", ...o }, r) => {
-    const { selectedOption: i, options: m } = c(), p = m.map.get(
-      i
-    );
-    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) }) });
-  }
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { c as r } from "./utils-BWBRqOem.js";
+import { c as d } from "./index-DDHQjaCF.js";
+const i = a(
+  ({ className: o, ...t }, e) => /* @__PURE__ */ m(
+    d,
+    {
+      "data-slot": "modal-content-header",
+      className: r("mds:body-medium-semibold", o),
+      ref: e,
+      ...t
+    }
+  )
 );
-d.displayName = "CountrySelectInputField";
+i.displayName = "ModalContentTitle";
 export {
-  d as CountrySelectInputField
+  i as ModalContentTitle
 };

package/dist/mainstack-design-system548.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react");require("./mainstack-design-system467.cjs");require("./mainstack-design-system468.cjs");const i=require("./mainstack-design-system469.cjs");require("./mainstack-design-system470.cjs");require("./mainstack-design-system471.cjs");require("./mainstack-design-system472.cjs");require("./mainstack-design-system473.cjs");require("./mainstack-design-system465.cjs");require("./mainstack-design-system466.cjs");const e=u.forwardRef(({...r},t)=>o.jsx(i.SelectPortal,{ref:t,...r}));e.displayName="CountrySelectPortal";exports.CountrySelectPortal=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),s=require("react"),i=require("./utils-Dp-J9Ksy.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-system548.js

@@ -1,19 +1,18 @@
-'use client';
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import "./mainstack-design-system467.js";
-import "./mainstack-design-system468.js";
-import { SelectPortal as p } from "./mainstack-design-system469.js";
-import "./mainstack-design-system470.js";
-import "./mainstack-design-system471.js";
-import "./mainstack-design-system472.js";
-import "./mainstack-design-system473.js";
-import "./mainstack-design-system465.js";
-import "./mainstack-design-system466.js";
-const i = m(
-  ({ ...r }, o) => /* @__PURE__ */ t(p, { ref: o, ...r })
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as n } from "react";
+import { c as r } from "./utils-BWBRqOem.js";
+const d = n(
+  ({ className: o, ...a }, t) => /* @__PURE__ */ m(
+    "div",
+    {
+      "data-slot": "modal-content-main",
+      className: r("mds:flex-1 mds:px-20 mds:overflow-auto", o),
+      ref: t,
+      ...a
+    }
+  )
 );
-i.displayName = "CountrySelectPortal";
+d.displayName = "ModalContentMain";
 export {
-  i as CountrySelectPortal
+  d as ModalContentMain
 };

package/dist/mainstack-design-system549.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system467.cjs");require("./mainstack-design-system468.cjs");require("./mainstack-design-system469.cjs");const l=require("./mainstack-design-system470.cjs"),o=require("./mainstack-design-system471.cjs");require("./mainstack-design-system472.cjs");require("./mainstack-design-system473.cjs");require("./mainstack-design-system465.cjs");require("./mainstack-design-system466.cjs");const m=require("./mainstack-design-system615.cjs"),u=require("./utils-Bdd5vx6a.cjs"),r=c.forwardRef((s,i)=>e.jsx(l.SelectOptions,{ref:i,...s,children:({options:n})=>n.map(t=>e.jsx(o.SelectOptionItem,{value:t.value,children:e.jsxs("div",{className:"mds:flex mds:items-center mds:gap-8",children:[e.jsx("div",{className:"mds:flex mds:items-center mds:justify-center",children:m.getCountryFlagComp(t.data?.iso2Code)}),e.jsx("p",{className:u.cn("mds:body-extrasmall-medium","mds:text-primary"),children:t.label})]})},t.value))}));r.displayName="CountrySelectOptionsList";exports.CountrySelectOptionsList=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("./index-HSoR75mY.cjs"),l=require("./utils-Dp-J9Ksy.cjs"),n=require("react"),e=n.forwardRef(({className:a,...t},s)=>r.jsx(d.DialogOverlay,{"data-slot":"modal-overlay",className:l.cn("mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:fixed mds:blur-sm mds:inset-0 mds:z-50 mds:bg-surface-neutral-invert-l3/20",a),ref:s,...t}));e.displayName="ModalOverlay";exports.ModalOverlay=e;

package/dist/mainstack-design-system549.js

@@ -1,35 +1,23 @@
 'use client';
-import { jsx as m, jsxs as s } from "react/jsx-runtime";
-import { forwardRef as o } from "react";
-import "./mainstack-design-system467.js";
-import "./mainstack-design-system468.js";
-import "./mainstack-design-system469.js";
-import { SelectOptions as l } from "./mainstack-design-system470.js";
-import { SelectOptionItem as a } from "./mainstack-design-system471.js";
-import "./mainstack-design-system472.js";
-import "./mainstack-design-system473.js";
-import "./mainstack-design-system465.js";
-import "./mainstack-design-system466.js";
-import { getCountryFlagComp as d } from "./mainstack-design-system615.js";
-import { c as p } from "./utils-D85wpvmd.js";
-const c = o(
-  (r, t) => /* @__PURE__ */ m(l, { ref: t, ...r, children: ({ options: i }) => i.map((e) => /* @__PURE__ */ m(a, { value: e.value, children: /* @__PURE__ */ s("div", { className: "mds:flex mds:items-center mds:gap-8", children: [
-    /* @__PURE__ */ m("div", { className: "mds:flex mds:items-center mds:justify-center", children: d(
-      e.data?.iso2Code
-    ) }),
-    /* @__PURE__ */ m(
-      "p",
-      {
-        className: p(
-          "mds:body-extrasmall-medium",
-          "mds:text-primary"
-        ),
-        children: e.label
-      }
-    )
-  ] }) }, e.value)) })
+import { jsx as o } from "react/jsx-runtime";
+import { d as m } from "./index-DDHQjaCF.js";
+import { c as r } from "./utils-BWBRqOem.js";
+import { forwardRef as s } from "react";
+const d = s(
+  ({ className: a, ...t }, e) => /* @__PURE__ */ o(
+    m,
+    {
+      "data-slot": "modal-overlay",
+      className: r(
+        "mds:data-[state=open]:animate-content-fade-in mds:data-[state=closed]:animate-content-fade-out mds:fixed mds:blur-sm mds:inset-0 mds:z-50 mds:bg-surface-neutral-invert-l3/20",
+        a
+      ),
+      ref: e,
+      ...t
+    }
+  )
 );
-c.displayName = "CountrySelectOptionsList";
+d.displayName = "ModalOverlay";
 export {
-  c as CountrySelectOptionsList
+  d as ModalOverlay
 };

package/dist/mainstack-design-system55.cjs

@@ -1 +1 @@
-"use strict";const C=require("react/jsx-runtime"),n=require("./mainstack-design-system357.cjs"),s={outlined:C.jsx("g",{mask:"url(#mask0_1737_570)",children:C.jsx("path",{d:"M5.30775 20.5C4.80258 20.5 4.375 20.325 4.025 19.975C3.675 19.625 3.5 19.1974 3.5 18.6923V5.30775C3.5 4.80258 3.675 4.375 4.025 4.025C4.375 3.675 4.80258 3.5 5.30775 3.5H12.0577C12.2702 3.5 12.4483 3.57192 12.592 3.71575C12.7358 3.85958 12.8077 4.03775 12.8077 4.25025C12.8077 4.46292 12.7358 4.641 12.592 4.7845C12.4483 4.92817 12.2702 5 12.0577 5H5.30775C5.21792 5 5.14417 5.02883 5.0865 5.0865C5.02883 5.14417 5 5.21792 5 5.30775V18.6923C5 18.7821 5.02883 18.8558 5.0865 18.9135C5.14417 18.9712 5.21792 19 5.30775 19H18.6923C18.7821 19 18.8558 18.9712 18.9135 18.9135C18.9712 18.8558 19 18.7821 19 18.6923V11.9423C19 11.7298 19.0719 11.5517 19.2158 11.408C19.3596 11.2642 19.5378 11.1923 19.7502 11.1923C19.9629 11.1923 20.141 11.2642 20.2845 11.408C20.4282 11.5517 20.5 11.7298 20.5 11.9423V18.6923C20.5 19.1974 20.325 19.625 19.975 19.975C19.625 20.325 19.1974 20.5 18.6923 20.5H5.30775ZM6.38475 16.6923H17.6152L14.125 12.0385L11.125 15.9327L9 13.2308L6.38475 16.6923ZM17 7H15.75C15.5375 7 15.3593 6.92808 15.2155 6.78425C15.0718 6.64042 15 6.46225 15 6.24975C15 6.03708 15.0718 5.859 15.2155 5.7155C15.3593 5.57183 15.5375 5.5 15.75 5.5H17V4.25C17 4.0375 17.0719 3.85942 17.2158 3.71575C17.3596 3.57192 17.5378 3.5 17.7503 3.5C17.9629 3.5 18.141 3.57192 18.2845 3.71575C18.4282 3.85942 18.5 4.0375 18.5 4.25V5.5H19.75C19.9625 5.5 20.1406 5.57192 20.2843 5.71575C20.4281 5.85958 20.5 6.03775 20.5 6.25025C20.5 6.46292 20.4281 6.641 20.2843 6.7845C20.1406 6.92817 19.9625 7 19.75 7H18.5V8.25C18.5 8.4625 18.4281 8.64067 18.2843 8.7845C18.1404 8.92817 17.9622 9 17.7498 9C17.5371 9 17.359 8.92817 17.2155 8.7845C17.0718 8.64067 17 8.4625 17 8.25V7Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1737_571)",children:C.jsx("path",{d:"M5.30775 20.5C4.80258 20.5 4.375 20.325 4.025 19.975C3.675 19.625 3.5 19.1974 3.5 18.6923V5.30775C3.5 4.80258 3.675 4.375 4.025 4.025C4.375 3.675 4.80258 3.5 5.30775 3.5H12.4115C12.6855 3.5 12.8943 3.61858 13.038 3.85575C13.1818 4.09292 13.1999 4.34617 13.0922 4.6155C13.0089 4.88217 12.9407 5.14983 12.8875 5.4185C12.8343 5.68733 12.8077 5.9645 12.8077 6.25C12.8077 7.61733 13.2896 8.78292 14.2533 9.74675C15.2171 10.7104 16.3827 11.1923 17.75 11.1923C18.0355 11.1923 18.3127 11.1657 18.5815 11.1125C18.8502 11.0593 19.1178 10.9911 19.3845 10.9078C19.6602 10.8103 19.915 10.8304 20.149 10.9682C20.383 11.1061 20.5 11.3128 20.5 11.5885V18.6923C20.5 19.1974 20.325 19.625 19.975 19.975C19.625 20.325 19.1974 20.5 18.6923 20.5H5.30775ZM6.38475 16.6923H17.6152L14.125 12.0385L11.125 15.9327L9 13.2308L6.38475 16.6923ZM17.7498 9C17.5371 9 17.359 8.92817 17.2155 8.7845C17.0718 8.64067 17 8.4625 17 8.25V7H15.75C15.5375 7 15.3593 6.92808 15.2155 6.78425C15.0718 6.64042 15 6.46225 15 6.24975C15 6.03708 15.0718 5.859 15.2155 5.7155C15.3593 5.57183 15.5375 5.5 15.75 5.5H17V4.25C17 4.0375 17.0719 3.85942 17.2158 3.71575C17.3596 3.57192 17.5378 3.5 17.7503 3.5C17.9629 3.5 18.141 3.57192 18.2845 3.71575C18.4282 3.85942 18.5 4.0375 18.5 4.25V5.5H19.75C19.9625 5.5 20.1406 5.57192 20.2843 5.71575C20.4281 5.85958 20.5 6.03775 20.5 6.25025C20.5 6.46292 20.4281 6.641 20.2843 6.7845C20.1406 6.92817 19.9625 7 19.75 7H18.5V8.25C18.5 8.4625 18.4281 8.64067 18.2843 8.7845C18.1404 8.92817 17.9622 9 17.7498 9Z",fill:"currentColor"})})},t=({variant:r="outlined",...e})=>C.jsx(n,{...e,children:s[r]});module.exports=t;
+"use strict";const C=require("react/jsx-runtime"),n=require("./mainstack-design-system366.cjs"),s={outlined:C.jsx("g",{mask:"url(#mask0_1737_570)",children:C.jsx("path",{d:"M5.30775 20.5C4.80258 20.5 4.375 20.325 4.025 19.975C3.675 19.625 3.5 19.1974 3.5 18.6923V5.30775C3.5 4.80258 3.675 4.375 4.025 4.025C4.375 3.675 4.80258 3.5 5.30775 3.5H12.0577C12.2702 3.5 12.4483 3.57192 12.592 3.71575C12.7358 3.85958 12.8077 4.03775 12.8077 4.25025C12.8077 4.46292 12.7358 4.641 12.592 4.7845C12.4483 4.92817 12.2702 5 12.0577 5H5.30775C5.21792 5 5.14417 5.02883 5.0865 5.0865C5.02883 5.14417 5 5.21792 5 5.30775V18.6923C5 18.7821 5.02883 18.8558 5.0865 18.9135C5.14417 18.9712 5.21792 19 5.30775 19H18.6923C18.7821 19 18.8558 18.9712 18.9135 18.9135C18.9712 18.8558 19 18.7821 19 18.6923V11.9423C19 11.7298 19.0719 11.5517 19.2158 11.408C19.3596 11.2642 19.5378 11.1923 19.7502 11.1923C19.9629 11.1923 20.141 11.2642 20.2845 11.408C20.4282 11.5517 20.5 11.7298 20.5 11.9423V18.6923C20.5 19.1974 20.325 19.625 19.975 19.975C19.625 20.325 19.1974 20.5 18.6923 20.5H5.30775ZM6.38475 16.6923H17.6152L14.125 12.0385L11.125 15.9327L9 13.2308L6.38475 16.6923ZM17 7H15.75C15.5375 7 15.3593 6.92808 15.2155 6.78425C15.0718 6.64042 15 6.46225 15 6.24975C15 6.03708 15.0718 5.859 15.2155 5.7155C15.3593 5.57183 15.5375 5.5 15.75 5.5H17V4.25C17 4.0375 17.0719 3.85942 17.2158 3.71575C17.3596 3.57192 17.5378 3.5 17.7503 3.5C17.9629 3.5 18.141 3.57192 18.2845 3.71575C18.4282 3.85942 18.5 4.0375 18.5 4.25V5.5H19.75C19.9625 5.5 20.1406 5.57192 20.2843 5.71575C20.4281 5.85958 20.5 6.03775 20.5 6.25025C20.5 6.46292 20.4281 6.641 20.2843 6.7845C20.1406 6.92817 19.9625 7 19.75 7H18.5V8.25C18.5 8.4625 18.4281 8.64067 18.2843 8.7845C18.1404 8.92817 17.9622 9 17.7498 9C17.5371 9 17.359 8.92817 17.2155 8.7845C17.0718 8.64067 17 8.4625 17 8.25V7Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1737_571)",children:C.jsx("path",{d:"M5.30775 20.5C4.80258 20.5 4.375 20.325 4.025 19.975C3.675 19.625 3.5 19.1974 3.5 18.6923V5.30775C3.5 4.80258 3.675 4.375 4.025 4.025C4.375 3.675 4.80258 3.5 5.30775 3.5H12.4115C12.6855 3.5 12.8943 3.61858 13.038 3.85575C13.1818 4.09292 13.1999 4.34617 13.0922 4.6155C13.0089 4.88217 12.9407 5.14983 12.8875 5.4185C12.8343 5.68733 12.8077 5.9645 12.8077 6.25C12.8077 7.61733 13.2896 8.78292 14.2533 9.74675C15.2171 10.7104 16.3827 11.1923 17.75 11.1923C18.0355 11.1923 18.3127 11.1657 18.5815 11.1125C18.8502 11.0593 19.1178 10.9911 19.3845 10.9078C19.6602 10.8103 19.915 10.8304 20.149 10.9682C20.383 11.1061 20.5 11.3128 20.5 11.5885V18.6923C20.5 19.1974 20.325 19.625 19.975 19.975C19.625 20.325 19.1974 20.5 18.6923 20.5H5.30775ZM6.38475 16.6923H17.6152L14.125 12.0385L11.125 15.9327L9 13.2308L6.38475 16.6923ZM17.7498 9C17.5371 9 17.359 8.92817 17.2155 8.7845C17.0718 8.64067 17 8.4625 17 8.25V7H15.75C15.5375 7 15.3593 6.92808 15.2155 6.78425C15.0718 6.64042 15 6.46225 15 6.24975C15 6.03708 15.0718 5.859 15.2155 5.7155C15.3593 5.57183 15.5375 5.5 15.75 5.5H17V4.25C17 4.0375 17.0719 3.85942 17.2158 3.71575C17.3596 3.57192 17.5378 3.5 17.7503 3.5C17.9629 3.5 18.141 3.57192 18.2845 3.71575C18.4282 3.85942 18.5 4.0375 18.5 4.25V5.5H19.75C19.9625 5.5 20.1406 5.57192 20.2843 5.71575C20.4281 5.85958 20.5 6.03775 20.5 6.25025C20.5 6.46292 20.4281 6.641 20.2843 6.7845C20.1406 6.92817 19.9625 7 19.75 7H18.5V8.25C18.5 8.4625 18.4281 8.64067 18.2843 8.7845C18.1404 8.92817 17.9622 9 17.7498 9Z",fill:"currentColor"})})},t=({variant:r="outlined",...e})=>C.jsx(n,{...e,children:s[r]});module.exports=t;

package/dist/mainstack-design-system55.js

@@ -1,5 +1,5 @@
 import { jsx as C } from "react/jsx-runtime";
-import o from "./mainstack-design-system357.js";
+import o from "./mainstack-design-system366.js";
 const t = {
   outlined: /* @__PURE__ */ C("g", { mask: "url(#mask0_1737_570)", children: /* @__PURE__ */ C(
     "path",

package/dist/mainstack-design-system550.cjs

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

package/dist/mainstack-design-system550.js

@@ -1,45 +1,7 @@
-import { jsx as n } from "react/jsx-runtime";
-import { c as S } from "./utils-D85wpvmd.js";
-import { useState as r, useEffect as x } from "react";
-import { TableContext as R } from "./mainstack-design-system609.js";
-const b = ({ className: c, ...a }) => {
-  const [t, l] = r(
-    null
-  ), [m, s] = r(!1), [f, d] = r(!1), [u, v] = r(!0), [h, p] = r(!1);
-  return x(() => {
-    if (!t) return;
-    let e;
-    const o = () => {
-      s(!0), e && clearTimeout(e), e = setTimeout(() => s(!1), 150);
-      const {
-        scrollTop: L,
-        scrollHeight: T,
-        clientHeight: g,
-        scrollLeft: i,
-        scrollWidth: w,
-        clientWidth: E
-      } = t;
-      d(L + g >= T - 1), v(i <= 2), p(i + E >= w - 2);
-    };
-    return t.addEventListener("scroll", o), window.addEventListener("resize", o), o(), () => {
-      t.removeEventListener("scroll", o), window.removeEventListener("resize", o), e && clearTimeout(e);
-    };
-  }, [t]), /* @__PURE__ */ n(
-    R.Provider,
-    {
-      value: { isScrolling: m, atBottom: f, atLeft: u, atRight: h, setScrollContainer: l },
-      children: /* @__PURE__ */ n(
-        "div",
-        {
-          ref: l,
-          className: S("mds:w-full mds:mx-auto mds:relative", c),
-          ...a
-        }
-      )
-    }
-  );
-};
-b.displayName = "TableRoot";
+'use client';
+import { jsx as r } from "react/jsx-runtime";
+import { e as t } from "./index-DDHQjaCF.js";
+const e = ({ ...o }) => /* @__PURE__ */ r(t, { ...o });
 export {
-  b as TableRoot
+  e as ModalRoot
 };

package/dist/mainstack-design-system551.cjs

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