mainstack-design-system 1.1.2 → 1.2.1

package/dist/mainstack-design-system522.js

@@ -1,38 +1,21 @@
-'use client';
-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 { ButtonIcon as n } from "./mainstack-design-system392.js";
-import "./mainstack-design-system393.js";
-import { ButtonRoot as s } from "./mainstack-design-system394.js";
-import "./mainstack-design-system395.js";
-import "./mainstack-design-system356.js";
-import d from "./mainstack-design-system92.js";
-const c = e(
-  ({ children: r, className: m, ...t }, i) => /* @__PURE__ */ o(
-    a,
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import { cn as a } from "./mainstack-design-system586.js";
+const n = r(
+  ({ className: o, ...t }, e) => /* @__PURE__ */ l(
+    "div",
     {
-      "data-slot": "modal-close",
-      className: l(m),
-      ref: i,
-      asChild: !0,
-      ...t,
-      children: r || /* @__PURE__ */ o(
-        s,
-        {
-          size: "sm",
-          iconOnly: !0,
-          rounded: "sm",
-          variant: "secondary",
-          className: "min-w-36 min-h-36",
-          children: /* @__PURE__ */ o(n, { children: /* @__PURE__ */ o(d, { variant: "filled" }) })
-        }
-      )
+      "data-slot": "modal-content-slot",
+      className: a(
+        "relative flex flex-col justify-between flex-[1.35]",
+        o
+      ),
+      ref: e,
+      ...t
     }
   )
 );
-c.displayName = "ModalClose";
+n.displayName = "ModalContentSlot";
 export {
-  c as ModalClose
+  n as ModalContentSlot
 };

package/dist/mainstack-design-system523.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"),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;

package/dist/mainstack-design-system523.js

@@ -1,21 +1,21 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
-import { cn as a } from "./mainstack-design-system586.js";
-const n = r(
-  ({ className: o, ...t }, e) => /* @__PURE__ */ l(
-    "div",
+import { jsx as o } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { cn as n } from "./mainstack-design-system586.js";
+const d = a(
+  ({ className: e, ...t }, r) => /* @__PURE__ */ o(
+    "header",
     {
-      "data-slot": "modal-content-slot",
-      className: a(
-        "relative flex flex-col justify-between flex-[1.35]",
-        o
+      "data-slot": "modal-content-header",
+      className: n(
+        "flex py-16 px-20 items-center sticky top-0 justify-between bg-surface-neutral-l1",
+        e
       ),
-      ref: e,
+      ref: r,
       ...t
     }
   )
 );
-n.displayName = "ModalContentSlot";
+d.displayName = "ModalContentHeader";
 export {
-  n as ModalContentSlot
+  d as ModalContentHeader
 };

package/dist/mainstack-design-system524.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"),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;

package/dist/mainstack-design-system524.js

@@ -1,21 +1,21 @@
-import { jsx as o } from "react/jsx-runtime";
+import { jsx as r } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
 import { cn as n } from "./mainstack-design-system586.js";
-const d = a(
-  ({ className: e, ...t }, r) => /* @__PURE__ */ o(
-    "header",
+const m = a(
+  ({ className: o, ...t }, e) => /* @__PURE__ */ r(
+    "footer",
     {
-      "data-slot": "modal-content-header",
+      "data-slot": "modal-content-footer",
       className: n(
-        "flex py-16 px-20 items-center sticky top-0 justify-between bg-surface-neutral-l1",
-        e
+        "flex py-16 px-20 gap-12 items-center sticky bottom-0 justify-between bg-surface-neutral-l1",
+        o
       ),
-      ref: r,
+      ref: e,
       ...t
     }
   )
 );
-d.displayName = "ModalContentHeader";
+m.displayName = "ModalContentFooter";
 export {
-  d as ModalContentHeader
+  m as ModalContentFooter
 };

package/dist/mainstack-design-system525.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"),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;

package/dist/mainstack-design-system525.js

@@ -1,21 +1,19 @@
-import { jsx as r } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { cn as n } from "./mainstack-design-system586.js";
-const m = a(
-  ({ className: o, ...t }, e) => /* @__PURE__ */ r(
-    "footer",
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import { cn as a } from "./mainstack-design-system586.js";
+import { e as i } from "./index-qXBwwKNh.js";
+const l = r(
+  ({ className: o, ...t }, e) => /* @__PURE__ */ m(
+    i,
     {
-      "data-slot": "modal-content-footer",
-      className: n(
-        "flex py-16 px-20 gap-12 items-center sticky bottom-0 justify-between bg-surface-neutral-l1",
-        o
-      ),
+      "data-slot": "modal-content-header",
+      className: a("body-medium-semibold", o),
       ref: e,
       ...t
     }
   )
 );
-m.displayName = "ModalContentFooter";
+l.displayName = "ModalContentTitle";
 export {
-  m as ModalContentFooter
+  l as ModalContentTitle
 };

package/dist/mainstack-design-system526.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 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;

package/dist/mainstack-design-system526.js

@@ -1,19 +1,18 @@
-import { jsx as m } from "react/jsx-runtime";
+import { jsx as n } from "react/jsx-runtime";
 import { forwardRef as r } from "react";
-import { cn as a } from "./mainstack-design-system586.js";
-import { e as i } from "./index-qXBwwKNh.js";
-const l = r(
-  ({ className: o, ...t }, e) => /* @__PURE__ */ m(
-    i,
+import { cn as e } from "./mainstack-design-system586.js";
+const m = r(
+  ({ className: o, ...t }, a) => /* @__PURE__ */ n(
+    "div",
     {
-      "data-slot": "modal-content-header",
-      className: a("body-medium-semibold", o),
-      ref: e,
+      "data-slot": "modal-content-main",
+      className: e("flex-1 px-20 overflow-auto", o),
+      ref: a,
       ...t
     }
   )
 );
-l.displayName = "ModalContentTitle";
+m.displayName = "ModalContentMain";
 export {
-  l as ModalContentTitle
+  m as ModalContentMain
 };

package/dist/mainstack-design-system527.cjs

@@ -1 +1,2 @@
-"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 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;

package/dist/mainstack-design-system527.js

@@ -1,18 +1,23 @@
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
-import { cn as e } from "./mainstack-design-system586.js";
-const m = r(
-  ({ className: o, ...t }, a) => /* @__PURE__ */ n(
-    "div",
+'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 { forwardRef as l } from "react";
+const n = l(
+  ({ className: a, ...t }, e) => /* @__PURE__ */ o(
+    r,
     {
-      "data-slot": "modal-content-main",
-      className: e("flex-1 px-20 overflow-auto", o),
-      ref: a,
+      "data-slot": "modal-overlay",
+      className: d(
+        "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: e,
       ...t
     }
   )
 );
-m.displayName = "ModalContentMain";
+n.displayName = "ModalOverlay";
 export {
-  m as ModalContentMain
+  n as ModalOverlay
 };

package/dist/mainstack-design-system528.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 o=require("react/jsx-runtime"),t=require("./index-HSoR75mY.cjs"),r=({...e})=>o.jsx(t.Dialog,{...e});exports.ModalRoot=r;

package/dist/mainstack-design-system528.js

@@ -1,23 +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 { forwardRef as l } from "react";
-const n = l(
-  ({ className: a, ...t }, e) => /* @__PURE__ */ o(
-    r,
-    {
-      "data-slot": "modal-overlay",
-      className: d(
-        "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: e,
-      ...t
-    }
-  )
-);
-n.displayName = "ModalOverlay";
+import { jsx as r } from "react/jsx-runtime";
+import { D as t } from "./index-qXBwwKNh.js";
+const i = ({ ...o }) => /* @__PURE__ */ r(t, { ...o });
 export {
-  n as ModalOverlay
+  i as ModalRoot
 };

package/dist/mainstack-design-system529.cjs

@@ -1,2 +1,2 @@
 '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 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;

package/dist/mainstack-design-system529.js

@@ -1,7 +1,11 @@
 'use client';
-import { jsx as r } from "react/jsx-runtime";
-import { D as t } from "./index-qXBwwKNh.js";
-const i = ({ ...o }) => /* @__PURE__ */ r(t, { ...o });
+import { jsx as a } from "react/jsx-runtime";
+import { a as g } from "./index-qXBwwKNh.js";
+import { forwardRef as i } from "react";
+const t = i(
+  ({ ...r }, o) => /* @__PURE__ */ a(g, { "data-slot": "modal-trigger", ref: o, ...r })
+);
+t.displayName = "ModalTrigger";
 export {
-  i as ModalRoot
+  t as ModalTrigger
 };

package/dist/mainstack-design-system530.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 e=require("react/jsx-runtime"),o=require("./index-HSoR75mY.cjs"),r=require("react"),a=r.forwardRef(({...t})=>e.jsx(o.DialogPortal,{"data-slot":"modal-portal",...t}));exports.ModalPortal=a;

package/dist/mainstack-design-system530.js

@@ -1,11 +1,8 @@
 'use client';
-import { jsx as a } from "react/jsx-runtime";
-import { a as g } from "./index-qXBwwKNh.js";
-import { forwardRef as i } from "react";
-const t = i(
-  ({ ...r }, o) => /* @__PURE__ */ a(g, { "data-slot": "modal-trigger", ref: o, ...r })
-);
-t.displayName = "ModalTrigger";
+import { jsx as r } from "react/jsx-runtime";
+import { b as t } from "./index-qXBwwKNh.js";
+import { forwardRef as a } from "react";
+const p = a(({ ...o }) => /* @__PURE__ */ r(t, { "data-slot": "modal-portal", ...o }));
 export {
-  t as ModalTrigger
+  p as ModalPortal
 };

package/dist/mainstack-design-system531.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("./index-HSoR75mY.cjs"),r=require("react"),a=r.forwardRef(({...t})=>e.jsx(o.DialogPortal,{"data-slot":"modal-portal",...t}));exports.ModalPortal=a;
+"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;

package/dist/mainstack-design-system531.js

@@ -1,8 +1,17 @@
-'use client';
-import { jsx as r } from "react/jsx-runtime";
-import { b as t } from "./index-qXBwwKNh.js";
-import { forwardRef as a } from "react";
-const p = a(({ ...o }) => /* @__PURE__ */ r(t, { "data-slot": "modal-portal", ...o }));
+import { jsx as l } from "react/jsx-runtime";
+import { forwardRef as r } from "react";
+import { cn as s } from "./mainstack-design-system586.js";
+const d = r(
+  ({ className: o, ...a }) => /* @__PURE__ */ l(
+    "div",
+    {
+      className: s("hidden flex-1 md:flex ", o),
+      "data-slot": "responsive-modal-drawer-visual-slot",
+      ...a
+    }
+  )
+);
+d.displayName = "ModalVisualSlot";
 export {
-  p as ModalPortal
+  d as ModalVisualSlot
 };

package/dist/mainstack-design-system532.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 e=require("react/jsx-runtime"),c=require("react"),u=require("./mainstack-design-system533.cjs"),l=require("./mainstack-design-system534.cjs"),s=require("./mainstack-design-system535.cjs"),i=require("./mainstack-design-system536.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;

package/dist/mainstack-design-system532.js

@@ -1,17 +1,16 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as r } from "react";
-import { cn as s } from "./mainstack-design-system586.js";
-const d = r(
-  ({ className: o, ...a }) => /* @__PURE__ */ l(
-    "div",
-    {
-      className: s("hidden flex-1 md:flex ", o),
-      "data-slot": "responsive-modal-drawer-visual-slot",
-      ...a
-    }
-  )
+import { jsxs as m, jsx as r } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { CountrySelectRoot as n } from "./mainstack-design-system533.js";
+import { CountrySelectInputField as l } from "./mainstack-design-system534.js";
+import { CountrySelectPortal as p } from "./mainstack-design-system535.js";
+import { CountrySelectOptionsList as c } from "./mainstack-design-system536.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, {}) })
+  ] })
 );
-d.displayName = "ModalVisualSlot";
+f.displayName = "CountrySelect";
 export {
-  d as ModalVisualSlot
+  f as CountrySelect
 };

package/dist/mainstack-design-system533.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),u=require("./mainstack-design-system534.cjs"),l=require("./mainstack-design-system535.cjs"),s=require("./mainstack-design-system536.cjs"),i=require("./mainstack-design-system537.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 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;

package/dist/mainstack-design-system533.js

@@ -1,16 +1,20 @@
-import { jsxs as m, jsx as r } from "react/jsx-runtime";
-import { forwardRef as i } from "react";
-import { CountrySelectRoot as n } from "./mainstack-design-system534.js";
-import { CountrySelectInputField as l } from "./mainstack-design-system535.js";
-import { CountrySelectPortal as p } from "./mainstack-design-system536.js";
-import { CountrySelectOptionsList as c } from "./mainstack-design-system537.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, {}) })
-  ] })
+'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";
+const l = ({
+  onValueChange: o,
+  ...t
+}) => /* @__PURE__ */ e(
+  r,
+  {
+    ...t,
+    onValueChange: o,
+    isMultiSelect: !1,
+    options: i
+  }
 );
-f.displayName = "CountrySelect";
+l.displayName = "CountrySelectRoot";
 export {
-  f as CountrySelect
+  l as CountrySelectRoot
 };

package/dist/mainstack-design-system534.cjs

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

package/dist/mainstack-design-system534.js

@@ -1,16 +1,26 @@
 'use client';
 import { jsx as t } from "react/jsx-runtime";
-import { SelectRoot as e } from "./mainstack-design-system554.js";
-import { CountrySelectOptionsArray as r } from "./mainstack-design-system579.js";
-const i = ({ ...o }) => /* @__PURE__ */ t(
-  e,
-  {
-    ...o,
-    isMultiSelect: !1,
-    options: r
+import { forwardRef as n } from "react";
+import "./mainstack-design-system553.js";
+import { SelectInputField as c } from "./mainstack-design-system456.js";
+import "./mainstack-design-system457.js";
+import "./mainstack-design-system458.js";
+import "./mainstack-design-system459.js";
+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";
+const d = n(
+  ({ placeholder: e = "Select Country", ...o }, r) => {
+    const { selectedOption: i, options: m } = l(), p = m.map.get(
+      i
+    );
+    return /* @__PURE__ */ t(c, { ref: r, placeholder: e, ...o, children: /* @__PURE__ */ t("div", { className: "flex items-center justify-center", children: s(p?.data?.iso2Code) }) });
   }
 );
-i.displayName = "CountrySelectRoot";
+d.displayName = "CountrySelectInputField";
 export {
-  i as CountrySelectRoot
+  d as CountrySelectInputField
 };

package/dist/mainstack-design-system535.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-system554.cjs");const s=require("./mainstack-design-system464.cjs");require("./mainstack-design-system465.cjs");require("./mainstack-design-system466.cjs");require("./mainstack-design-system467.cjs");require("./mainstack-design-system468.cjs");require("./mainstack-design-system469.cjs");require("./mainstack-design-system462.cjs");require("./mainstack-design-system463.cjs");const d=require("./mainstack-design-system568.cjs"),p=require("./mainstack-design-system588.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 o=require("react/jsx-runtime"),u=require("react");require("./mainstack-design-system553.cjs");require("./mainstack-design-system456.cjs");const i=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 e=u.forwardRef(({...r},t)=>o.jsx(i.SelectPortal,{ref:t,...r}));e.displayName="CountrySelectPortal";exports.CountrySelectPortal=e;

package/dist/mainstack-design-system535.js

@@ -1,26 +1,19 @@
 'use client';
 import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import "./mainstack-design-system554.js";
-import { SelectInputField as c } from "./mainstack-design-system464.js";
-import "./mainstack-design-system465.js";
-import "./mainstack-design-system466.js";
-import "./mainstack-design-system467.js";
-import "./mainstack-design-system468.js";
-import "./mainstack-design-system469.js";
-import "./mainstack-design-system462.js";
-import "./mainstack-design-system463.js";
-import { useSelectContext as l } from "./mainstack-design-system568.js";
-import { getCountryFlagComp as s } from "./mainstack-design-system588.js";
-const d = n(
-  ({ placeholder: e = "Select Country", ...o }, r) => {
-    const { selectedOption: i, options: m } = l(), p = m.map.get(
-      i
-    );
-    return /* @__PURE__ */ t(c, { ref: r, placeholder: e, ...o, children: /* @__PURE__ */ t("div", { className: "flex items-center justify-center", children: s(p?.data?.iso2Code) }) });
-  }
+import { forwardRef as m } from "react";
+import "./mainstack-design-system553.js";
+import "./mainstack-design-system456.js";
+import { SelectPortal as p } from "./mainstack-design-system457.js";
+import "./mainstack-design-system458.js";
+import "./mainstack-design-system459.js";
+import "./mainstack-design-system460.js";
+import "./mainstack-design-system461.js";
+import "./mainstack-design-system454.js";
+import "./mainstack-design-system455.js";
+const i = m(
+  ({ ...r }, o) => /* @__PURE__ */ t(p, { ref: o, ...r })
 );
-d.displayName = "CountrySelectInputField";
+i.displayName = "CountrySelectPortal";
 export {
-  d as CountrySelectInputField
+  i as CountrySelectPortal
 };

package/dist/mainstack-design-system536.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react");require("./mainstack-design-system554.cjs");require("./mainstack-design-system464.cjs");const i=require("./mainstack-design-system465.cjs");require("./mainstack-design-system466.cjs");require("./mainstack-design-system467.cjs");require("./mainstack-design-system468.cjs");require("./mainstack-design-system469.cjs");require("./mainstack-design-system462.cjs");require("./mainstack-design-system463.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 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;

package/dist/mainstack-design-system536.js

@@ -1,19 +1,26 @@
 'use client';
-import { jsx as t } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import "./mainstack-design-system554.js";
-import "./mainstack-design-system464.js";
-import { SelectPortal as p } from "./mainstack-design-system465.js";
-import "./mainstack-design-system466.js";
-import "./mainstack-design-system467.js";
-import "./mainstack-design-system468.js";
-import "./mainstack-design-system469.js";
-import "./mainstack-design-system462.js";
-import "./mainstack-design-system463.js";
-const i = m(
-  ({ ...r }, o) => /* @__PURE__ */ t(p, { ref: o, ...r })
+import { jsx as r, jsxs as o } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import "./mainstack-design-system553.js";
+import "./mainstack-design-system456.js";
+import "./mainstack-design-system457.js";
+import { SelectOptions as a } from "./mainstack-design-system458.js";
+import { SelectOptionItem as p } from "./mainstack-design-system459.js";
+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";
+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(
+      e.data?.iso2Code
+    ) }),
+    /* @__PURE__ */ r("p", { className: c("body-extrasmall-medium", "text-primary"), children: e.label })
+  ] }) }, e.value)) })
 );
-i.displayName = "CountrySelectPortal";
+n.displayName = "CountrySelectOptionsList";
 export {
-  i as CountrySelectPortal
+  n as CountrySelectOptionsList
 };

package/dist/mainstack-design-system537.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react");require("./mainstack-design-system554.cjs");require("./mainstack-design-system464.cjs");require("./mainstack-design-system465.cjs");const l=require("./mainstack-design-system466.cjs"),o=require("./mainstack-design-system467.cjs");require("./mainstack-design-system468.cjs");require("./mainstack-design-system469.cjs");require("./mainstack-design-system462.cjs");require("./mainstack-design-system463.cjs");const u=require("./mainstack-design-system588.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 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;