mainstack-design-system 1.4.1 → 1.4.2

package/dist/mainstack-design-system425.js

@@ -1,17 +1,17 @@
 import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as t } from "react";
-import { c as a } from "./utils-DnnzGb1L.js";
-const f = t(
-  ({ className: r, ...m }, o) => /* @__PURE__ */ e(
+import { forwardRef as s } from "react";
+import { c as t } from "./utils-Opg_zrKx.js";
+const a = s(
+  ({ className: m, ...r }, o) => /* @__PURE__ */ e(
     "div",
     {
       ref: o,
-      className: a("flex flex-col gap-8", r),
-      ...m
+      className: t("mds:flex mds:flex-col mds:gap-8", m),
+      ...r
     }
   )
 );
-f.displayName = "FormItem";
+a.displayName = "FormItem";
 export {
-  f as FormItem
+  a as FormItem
 };

package/dist/mainstack-design-system426.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("./index-D6CM36UR.cjs"),a=require("react"),l=require("./utils-FBJ8OQ9f.cjs"),e=a.forwardRef(({className:r,...o},t)=>s.jsx(i.Root,{ref:t,className:l.cn("body-small-medium",r),...o}));e.displayName="FormLabel";exports.FormLabel=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),i=require("./index-D6CM36UR.cjs"),a=require("react"),l=require("./utils-KlkRDGof.cjs"),e=a.forwardRef(({className:r,...o},t)=>s.jsx(i.Root,{ref:t,className:l.cn("body-small-medium",r),...o}));e.displayName="FormLabel";exports.FormLabel=e;

package/dist/mainstack-design-system426.js

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { R as e } from "./index-C8-1UHbn.js";
 import { forwardRef as s } from "react";
-import { c as t } from "./utils-DnnzGb1L.js";
+import { c as t } from "./utils-Opg_zrKx.js";
 const f = s(
   ({ className: o, ...m }, r) => /* @__PURE__ */ a(
     e,

package/dist/mainstack-design-system427.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),n=require("react"),u=require("./mainstack-design-system430.cjs");require("./mainstack-design-system355.cjs");const i=require("./mainstack-design-system148.cjs");require("./player-BKifgSJo.cjs");const c=require("./mainstack-design-system431.cjs"),t=n.forwardRef(({children:e,className:o,...s},a)=>r.jsxs(u.FormStatusRoot,{className:o,ref:a,...s,children:[r.jsx(i,{variant:"filled",className:" text-interactive-error size-16"}),r.jsx(c.FormStatusText,{className:"text-interactive-error",children:e})]}));t.displayName="FormErrorStatus";exports.FormErrorStatus=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),m=require("react"),n=require("./mainstack-design-system430.cjs");require("./mainstack-design-system355.cjs");const u=require("./mainstack-design-system148.cjs");require("./player-BKifgSJo.cjs");const i=require("./mainstack-design-system431.cjs"),t=m.forwardRef(({children:e,className:o,...s},a)=>r.jsxs(n.FormStatusRoot,{className:o,ref:a,...s,children:[r.jsx(u,{variant:"filled",className:" mds:text-interactive-error mds:size-16"}),r.jsx(i.FormStatusText,{className:"mds:text-interactive-error",children:e})]}));t.displayName="FormErrorStatus";exports.FormErrorStatus=t;

package/dist/mainstack-design-system427.js

@@ -1,20 +1,20 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { FormStatusRoot as s } from "./mainstack-design-system430.js";
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { FormStatusRoot as a } from "./mainstack-design-system430.js";
 import "./mainstack-design-system355.js";
 import p from "./mainstack-design-system148.js";
 import "./player-DSenNqFV.js";
 import { FormStatusText as f } from "./mainstack-design-system431.js";
-const c = a(
-  ({ children: t, className: o, ...m }, e) => /* @__PURE__ */ i(s, { className: o, ref: e, ...m, children: [
+const c = i(
+  ({ children: t, className: o, ...m }, e) => /* @__PURE__ */ s(a, { className: o, ref: e, ...m, children: [
     /* @__PURE__ */ r(
       p,
       {
         variant: "filled",
-        className: " text-interactive-error size-16"
+        className: " mds:text-interactive-error mds:size-16"
       }
     ),
-    /* @__PURE__ */ r(f, { className: "text-interactive-error", children: t })
+    /* @__PURE__ */ r(f, { className: "mds:text-interactive-error", children: t })
   ] })
 );
 c.displayName = "FormErrorStatus";

package/dist/mainstack-design-system428.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),u=require("./mainstack-design-system430.cjs");require("./mainstack-design-system355.cjs");const c=require("./mainstack-design-system189.cjs");require("./player-BKifgSJo.cjs");const i=require("./mainstack-design-system431.cjs"),e=a.forwardRef(({children:o,className:r,...s},n)=>t.jsxs(u.FormStatusRoot,{className:r,ref:n,...s,children:[t.jsx(c,{variant:"filled",className:"text-secondary size-16"}),t.jsx(i.FormStatusText,{className:"text-secondary",children:o})]}));e.displayName="FormHintStatus";exports.FormHintStatus=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),m=require("./mainstack-design-system430.cjs");require("./mainstack-design-system355.cjs");const u=require("./mainstack-design-system189.cjs");require("./player-BKifgSJo.cjs");const c=require("./mainstack-design-system431.cjs"),e=a.forwardRef(({children:o,className:r,...s},n)=>t.jsxs(m.FormStatusRoot,{className:r,ref:n,...s,children:[t.jsx(u,{variant:"filled",className:"mds:text-secondary mds:size-16"}),t.jsx(c.FormStatusText,{className:"mds:text-secondary",children:o})]}));e.displayName="FormHintStatus";exports.FormHintStatus=e;

package/dist/mainstack-design-system428.js

@@ -4,14 +4,14 @@ import { FormStatusRoot as i } from "./mainstack-design-system430.js";
 import "./mainstack-design-system355.js";
 import n from "./mainstack-design-system189.js";
 import "./player-DSenNqFV.js";
-import { FormStatusText as f } from "./mainstack-design-system431.js";
-const p = e(
+import { FormStatusText as d } from "./mainstack-design-system431.js";
+const f = e(
   ({ children: o, className: r, ...m }, s) => /* @__PURE__ */ a(i, { className: r, ref: s, ...m, children: [
-    /* @__PURE__ */ t(n, { variant: "filled", className: "text-secondary size-16" }),
-    /* @__PURE__ */ t(f, { className: "text-secondary", children: o })
+    /* @__PURE__ */ t(n, { variant: "filled", className: "mds:text-secondary mds:size-16" }),
+    /* @__PURE__ */ t(d, { className: "mds:text-secondary", children: o })
   ] })
 );
-p.displayName = "FormHintStatus";
+f.displayName = "FormHintStatus";
 export {
-  p as FormHintStatus
+  f as FormHintStatus
 };

package/dist/mainstack-design-system429.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),a=require("./mainstack-design-system430.cjs");require("./mainstack-design-system355.cjs");const n=require("./mainstack-design-system101.cjs");require("./player-BKifgSJo.cjs");const i=require("./mainstack-design-system431.cjs"),t=u.forwardRef(({children:s,className:r,...o},c)=>e.jsxs(a.FormStatusRoot,{className:r,ref:c,...o,children:[e.jsx(n,{variant:"filled",className:"text-interactive-success size-16"}),e.jsx(i.FormStatusText,{className:"text-interactive-success",children:s})]}));t.displayName="FormSuccessStatus";exports.FormSuccessStatus=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),a=require("./mainstack-design-system430.cjs");require("./mainstack-design-system355.cjs");const m=require("./mainstack-design-system101.cjs");require("./player-BKifgSJo.cjs");const n=require("./mainstack-design-system431.cjs"),t=u.forwardRef(({children:s,className:r,...o},c)=>e.jsxs(a.FormStatusRoot,{className:r,ref:c,...o,children:[e.jsx(m,{variant:"filled",className:"mds:text-interactive-success mds:size-16"}),e.jsx(n.FormStatusText,{className:"mds:text-interactive-success",children:s})]}));t.displayName="FormSuccessStatus";exports.FormSuccessStatus=t;

package/dist/mainstack-design-system429.js

@@ -1,4 +1,4 @@
-import { jsxs as m, jsx as t } from "react/jsx-runtime";
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
 import { forwardRef as c } from "react";
 import { FormStatusRoot as i } from "./mainstack-design-system430.js";
 import "./mainstack-design-system355.js";
@@ -6,15 +6,15 @@ import a from "./mainstack-design-system101.js";
 import "./player-DSenNqFV.js";
 import { FormStatusText as p } from "./mainstack-design-system431.js";
 const u = c(
-  ({ children: r, className: s, ...e }, o) => /* @__PURE__ */ m(i, { className: s, ref: o, ...e, children: [
+  ({ children: s, className: r, ...e }, m) => /* @__PURE__ */ o(i, { className: r, ref: m, ...e, children: [
     /* @__PURE__ */ t(
       a,
       {
         variant: "filled",
-        className: "text-interactive-success size-16"
+        className: "mds:text-interactive-success mds:size-16"
       }
     ),
-    /* @__PURE__ */ t(p, { className: "text-interactive-success", children: r })
+    /* @__PURE__ */ t(p, { className: "mds:text-interactive-success", children: s })
   ] })
 );
 u.displayName = "FormSuccessStatus";

package/dist/mainstack-design-system430.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),i=require("./utils-FBJ8OQ9f.cjs"),t=a.forwardRef(({className:e,...o},r)=>s.jsx("div",{className:i.cn("flex items-center gap-4",e),ref:r,...o}));t.displayName="FormStatusRoot";exports.FormStatusRoot=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),i=require("./utils-KlkRDGof.cjs"),t=a.forwardRef(({className:e,...s},o)=>r.jsx("div",{className:i.cn("mds:flex mds:items-center mds:gap-4",e),ref:o,...s}));t.displayName="FormStatusRoot";exports.FormStatusRoot=t;

package/dist/mainstack-design-system430.js

@@ -1,17 +1,17 @@
-import { jsx as m } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { c as e } from "./utils-DnnzGb1L.js";
-const s = a(
-  ({ className: o, ...r }, t) => /* @__PURE__ */ m(
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { c as a } from "./utils-Opg_zrKx.js";
+const e = s(
+  ({ className: o, ...m }, r) => /* @__PURE__ */ t(
     "div",
     {
-      className: e("flex items-center gap-4", o),
-      ref: t,
-      ...r
+      className: a("mds:flex mds:items-center mds:gap-4", o),
+      ref: r,
+      ...m
     }
   )
 );
-s.displayName = "FormStatusRoot";
+e.displayName = "FormStatusRoot";
 export {
-  s as FormStatusRoot
+  e as FormStatusRoot
 };

package/dist/mainstack-design-system431.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react"),a=require("./utils-FBJ8OQ9f.cjs"),t=u.forwardRef(({className:e,...r},s)=>o.jsx("p",{className:a.cn("body-tiny-regular",e),ref:s,...r}));t.displayName="FormStatusText";exports.FormStatusText=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react"),a=require("./utils-KlkRDGof.cjs"),t=u.forwardRef(({className:e,...r},s)=>o.jsx("p",{className:a.cn("body-tiny-regular",e),ref:s,...r}));t.displayName="FormStatusText";exports.FormStatusText=t;

package/dist/mainstack-design-system431.js

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

package/dist/mainstack-design-system433.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),u=require("react"),n=require("./utils-FBJ8OQ9f.cjs"),t=u.forwardRef(({className:e,...o},r)=>a.jsx("div",{ref:r,"data-slot":"input-root","data-editable":"true",tabIndex:0,className:n.cn("form-root-slot-defaults","flex gap-4 items-center w-full min-h-48 px-12 border rounded-full has-[*_[data-shape=rounded]]:rounded-14",e),...o}));t.displayName="InputRoot";exports.InputRoot=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("react"),a=require("./utils-KlkRDGof.cjs"),t=r.forwardRef(({className:e,...d},s)=>o.jsx("div",{ref:s,"data-slot":"input-root","data-editable":"true",tabIndex:0,className:a.cn("form-root-slot-defaults","mds:flex mds:gap-4 mds:items-center mds:w-full mds:min-h-48 mds:px-12 mds:border mds:rounded-full mds:has-[*_[data-shape=rounded]]:rounded-14",e),...d}));t.displayName="InputRoot";exports.InputRoot=t;

package/dist/mainstack-design-system433.js

@@ -1,24 +1,24 @@
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as a } from "react";
-import { c as d } from "./utils-DnnzGb1L.js";
-const n = a(
-  ({ className: o, ...t }, r) => /* @__PURE__ */ e(
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { c as m } from "./utils-Opg_zrKx.js";
+const e = s(
+  ({ className: d, ...o }, t) => /* @__PURE__ */ r(
     "div",
     {
-      ref: r,
+      ref: t,
       "data-slot": "input-root",
       "data-editable": "true",
       tabIndex: 0,
-      className: d(
+      className: m(
         "form-root-slot-defaults",
-        "flex gap-4 items-center w-full min-h-48 px-12 border rounded-full has-[*_[data-shape=rounded]]:rounded-14",
-        o
+        "mds:flex mds:gap-4 mds:items-center mds:w-full mds:min-h-48 mds:px-12 mds:border mds:rounded-full mds:has-[*_[data-shape=rounded]]:rounded-14",
+        d
       ),
-      ...t
+      ...o
     }
   )
 );
-n.displayName = "InputRoot";
+e.displayName = "InputRoot";
 export {
-  n as InputRoot
+  e as InputRoot
 };

package/dist/mainstack-design-system434.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("react/jsx-runtime"),s=require("react"),i=require("./utils-FBJ8OQ9f.cjs"),e=s.forwardRef(({className:t,shape:r="rounded",isError:a,isSuccess:l,...o},n)=>d.jsx("input",{ref:n,"data-slot":"input-field","data-error":a,"data-success":l,"data-shape":r,className:i.cn("body-extrasmall-book","peer flex-1 border-none outline-none h-full placeholder:text-tertiary disabled:cursor-not-allowed",t),...o}));e.displayName="InputField";exports.InputField=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),i=require("./utils-KlkRDGof.cjs"),e=n.forwardRef(({className:t,shape:d="rounded",isError:r,isSuccess:s,...a},l)=>o.jsx("input",{ref:l,"data-slot":"input-field","data-error":r,"data-success":s,"data-shape":d,className:i.cn("body-extrasmall-book","mds:peer mds:flex-1 mds:border-none mds:outline-none mds:h-full mds:placeholder:text-tertiary mds:disabled:cursor-not-allowed",t),...a}));e.displayName="InputField";exports.InputField=e;

package/dist/mainstack-design-system434.js

@@ -1,31 +1,31 @@
-import { jsx as l } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { c as s } from "./utils-DnnzGb1L.js";
-const i = n(
+import { jsx as s } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { c as m } from "./utils-Opg_zrKx.js";
+const n = l(
   ({
     className: e,
-    shape: r = "rounded",
-    isError: o,
-    isSuccess: t,
-    ...a
-  }, d) => /* @__PURE__ */ l(
+    shape: d = "rounded",
+    isError: r,
+    isSuccess: o,
+    ...t
+  }, a) => /* @__PURE__ */ s(
     "input",
     {
-      ref: d,
+      ref: a,
       "data-slot": "input-field",
-      "data-error": o,
-      "data-success": t,
-      "data-shape": r,
-      className: s(
+      "data-error": r,
+      "data-success": o,
+      "data-shape": d,
+      className: m(
         "body-extrasmall-book",
-        "peer flex-1 border-none outline-none h-full placeholder:text-tertiary disabled:cursor-not-allowed",
+        "mds:peer mds:flex-1 mds:border-none mds:outline-none mds:h-full mds:placeholder:text-tertiary mds:disabled:cursor-not-allowed",
         e
       ),
-      ...a
+      ...t
     }
   )
 );
-i.displayName = "InputField";
+n.displayName = "InputField";
 export {
-  i as InputField
+  n as InputField
 };

package/dist/mainstack-design-system436.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),a=require("react"),i=require("./index-4R9KShCu.cjs"),u=require("./mainstack-design-system577.cjs"),e=a.forwardRef(({children:o,...r},n)=>{const{isOptionOpen:t}=u.usePhoneNumberContext();return s.jsx(i.PopoverAnchor,{"data-slot":"phone-number-fields",role:"combobox","aria-haspopup":"listbox","aria-expanded":t,"aria-controls":"phone-number-portal","aria-owns":"phone-number-portal",className:"flex  items-center gap-6",ref:n,...r,children:o})});e.displayName="PhoneNumberFields";exports.PhoneNumberFields=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),a=require("react"),i=require("./index-4R9KShCu.cjs"),u=require("./mainstack-design-system577.cjs"),e=a.forwardRef(({children:o,...r},n)=>{const{isOptionOpen:s}=u.usePhoneNumberContext();return t.jsx(i.PopoverAnchor,{"data-slot":"phone-number-fields",role:"combobox","aria-haspopup":"listbox","aria-expanded":s,"aria-controls":"phone-number-portal","aria-owns":"phone-number-portal",className:"mds:flex  mds:items-center mds:gap-6",ref:n,...r,children:o})});e.displayName="PhoneNumberFields";exports.PhoneNumberFields=e;

package/dist/mainstack-design-system436.js

@@ -1,13 +1,13 @@
 'use client';
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { d as t } from "./index-RoCFhqzC.js";
-import { usePhoneNumberContext as m } from "./mainstack-design-system577.js";
-const s = p(
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { d as n } from "./index-RoCFhqzC.js";
+import { usePhoneNumberContext as p } from "./mainstack-design-system577.js";
+const t = s(
   ({ children: o, ...e }, r) => {
-    const { isOptionOpen: a } = m();
-    return /* @__PURE__ */ n(
-      t,
+    const { isOptionOpen: a } = p();
+    return /* @__PURE__ */ m(
+      n,
       {
         "data-slot": "phone-number-fields",
         role: "combobox",
@@ -15,7 +15,7 @@ const s = p(
         "aria-expanded": a,
         "aria-controls": "phone-number-portal",
         "aria-owns": "phone-number-portal",
-        className: "flex  items-center gap-6",
+        className: "mds:flex  mds:items-center mds:gap-6",
         ref: r,
         ...e,
         children: o
@@ -23,7 +23,7 @@ const s = p(
     );
   }
 );
-s.displayName = "PhoneNumberFields";
+t.displayName = "PhoneNumberFields";
 export {
-  s as PhoneNumberFields
+  t as PhoneNumberFields
 };

package/dist/mainstack-design-system439.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),y=require("react"),d=require("./mainstack-design-system577.cjs"),g=require("./mainstack-design-system580.cjs"),o=require("./index-C7rXc8w3.cjs"),b=require("./utils-FBJ8OQ9f.cjs"),i=y.forwardRef((u,s)=>{const{onOptionOpenChange:a,searchCountry:c,activeCountry:t,setActiveCountry:l,value:C,onValueChange:n}=d.usePhoneNumberContext();return p.jsx(g.FormCountryOptionsList,{...u,"data-slot":"phone-number-options-list",ref:s,activeCountry:t,onOptionOpenChange:a,searchCountry:c,onSetActiveCountry:e=>{l(e);let r="";t&&o.isSupportedCountry(t)&&(r=o.getCountryCallingCode(t));const m=b.getPhoneNumberDigitMetadataValueObject({value:C?.replace(`+${r}`,""),activeCountry:e});n&&n(m)},getCountryMetaInfo:e=>e?`+${o.getCountryCallingCode(e)}`:"+1"})});i.displayName="PhoneNumberOptionsList";exports.PhoneNumberOptionsList=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p=require("react/jsx-runtime"),y=require("react"),d=require("./mainstack-design-system577.cjs"),g=require("./mainstack-design-system580.cjs"),o=require("./index-C7rXc8w3.cjs"),b=require("./utils-KlkRDGof.cjs"),i=y.forwardRef((u,s)=>{const{onOptionOpenChange:a,searchCountry:c,activeCountry:t,setActiveCountry:l,value:C,onValueChange:n}=d.usePhoneNumberContext();return p.jsx(g.FormCountryOptionsList,{...u,"data-slot":"phone-number-options-list",ref:s,activeCountry:t,onOptionOpenChange:a,searchCountry:c,onSetActiveCountry:e=>{l(e);let r="";t&&o.isSupportedCountry(t)&&(r=o.getCountryCallingCode(t));const m=b.getPhoneNumberDigitMetadataValueObject({value:C?.replace(`+${r}`,""),activeCountry:e});n&&n(m)},getCountryMetaInfo:e=>e?`+${o.getCountryCallingCode(e)}`:"+1"})});i.displayName="PhoneNumberOptionsList";exports.PhoneNumberOptionsList=i;

package/dist/mainstack-design-system439.js

@@ -4,7 +4,7 @@ import { forwardRef as f } from "react";
 import { usePhoneNumberContext as c } from "./mainstack-design-system577.js";
 import { FormCountryOptionsList as d } from "./mainstack-design-system580.js";
 import { g as n, i as g } from "./index-BQdKkfuK.js";
-import { d as y } from "./utils-DnnzGb1L.js";
+import { d as y } from "./utils-Opg_zrKx.js";
 const h = f(
   (i, a) => {
     const {

package/dist/mainstack-design-system441.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("./index-4R9KShCu.cjs"),c=require("react"),d=require("./utils-FBJ8OQ9f.cjs"),m=require("./mainstack-design-system577.cjs"),a=c.forwardRef(({children:i,onWheel:t,onTouchMove:o,className:s,...u},l)=>{const{isOptionOpen:p}=m.usePhoneNumberContext();return n.jsx(r.PopoverPortal,{children:n.jsx(r.PopoverContent,{sideOffset:6,"data-slot":"phone-number-portal",role:"listbox","data-select-options-opened":p,className:d.cn(" will-change-transform z-100 data-[state=open]:animate-content-fade-in animate-content-fade-out w-(--radix-popover-trigger-width)",s),ref:l,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),o&&o(e)},...u,children:i})})});a.displayName="PhoneNumberPortal";exports.PhoneNumberPortal=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("./index-4R9KShCu.cjs"),l=require("react"),p=require("./utils-KlkRDGof.cjs"),c=require("./mainstack-design-system577.cjs"),s=l.forwardRef(({children:a,onWheel:t,onTouchMove:o,className:i,...d},m)=>{const{isOptionOpen:u}=c.usePhoneNumberContext();return n.jsx(r.PopoverPortal,{children:n.jsx(r.PopoverContent,{sideOffset:6,"data-slot":"phone-number-portal",role:"listbox","data-select-options-opened":u,className:p.cn(" mds:will-change-transform mds:z-100 mds:data-[state=open]:animate-content-fade-in mds:animate-content-fade-out mds:w-(--radix-popover-trigger-width)",i),ref:m,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),o&&o(e)},...d,children:a})})});s.displayName="PhoneNumberPortal";exports.PhoneNumberPortal=s;

package/dist/mainstack-design-system441.js

@@ -1,37 +1,37 @@
 'use client';
 import { jsx as r } from "react/jsx-runtime";
-import { b as m, c as f } from "./index-RoCFhqzC.js";
-import { forwardRef as l } from "react";
-import { c as d } from "./utils-DnnzGb1L.js";
+import { b as p, c as d } from "./index-RoCFhqzC.js";
+import { forwardRef as f } from "react";
+import { c as l } from "./utils-Opg_zrKx.js";
 import { usePhoneNumberContext as c } from "./mainstack-design-system577.js";
-const P = l(
+const P = f(
   ({
     children: a,
     onWheel: t,
     onTouchMove: e,
     className: n,
-    ...i
-  }, p) => {
-    const { isOptionOpen: s } = c();
-    return /* @__PURE__ */ r(m, { children: /* @__PURE__ */ r(
-      f,
+    ...s
+  }, m) => {
+    const { isOptionOpen: i } = c();
+    return /* @__PURE__ */ r(p, { children: /* @__PURE__ */ r(
+      d,
       {
         sideOffset: 6,
         "data-slot": "phone-number-portal",
         role: "listbox",
-        "data-select-options-opened": s,
-        className: d(
-          " will-change-transform z-100 data-[state=open]:animate-content-fade-in animate-content-fade-out w-(--radix-popover-trigger-width)",
+        "data-select-options-opened": i,
+        className: l(
+          " mds:will-change-transform mds:z-100 mds:data-[state=open]:animate-content-fade-in mds:animate-content-fade-out mds:w-(--radix-popover-trigger-width)",
           n
         ),
-        ref: p,
+        ref: m,
         onWheel: (o) => {
           o.stopPropagation(), t && t(o);
         },
         onTouchMove: (o) => {
           o.stopPropagation(), e && e(o);
         },
-        ...i,
+        ...s,
         children: a
       }
     ) });

package/dist/mainstack-design-system444.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),g=require("react"),m=require("./mainstack-design-system433.cjs"),F=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");const e=require("./utils-FBJ8OQ9f.cjs"),C=require("./mainstack-design-system582.cjs"),P=require("./mainstack-design-system571.cjs"),c=g.forwardRef(({placeholder:a="0.00",disabled:l,...s},u)=>{const{activeCountry:i,isDisabled:d,value:_,onValueChange:r}=C.usePriceFieldContext(),p=P.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP[i];return t.jsxs(m.InputRoot,{"data-slot":"price-field-digit-field",className:" has-disabled:opacity-50",children:[t.jsx("p",{className:e.cn("body-extrasmall-book"),children:p??""}),t.jsx(F.InputField,{...s,disabled:l||d,placeholder:a,value:e.formatPriceDigit(e.sanitizePriceInputValue(_)),onChange:n=>{const o=e.getPriceDigitMetadataValueObject({value:n.target.value,activeCountry:i});r&&(n.target.value=o.digit,r(o))},ref:u})]})});c.displayName="PriceFieldDigitField";exports.PriceFieldDigitField=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),g=require("react"),m=require("./mainstack-design-system433.cjs"),F=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");const e=require("./utils-KlkRDGof.cjs"),C=require("./mainstack-design-system582.cjs"),P=require("./mainstack-design-system571.cjs"),c=g.forwardRef(({placeholder:a="0.00",disabled:s,...l},u)=>{const{activeCountry:i,isDisabled:d,value:_,onValueChange:r}=C.usePriceFieldContext(),p=P.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP[i];return t.jsxs(m.InputRoot,{"data-slot":"price-field-digit-field",className:"mds:has-disabled:opacity-50",children:[t.jsx("p",{className:e.cn("body-extrasmall-book"),children:p??""}),t.jsx(F.InputField,{...l,disabled:s||d,placeholder:a,value:e.formatPriceDigit(e.sanitizePriceInputValue(_)),onChange:n=>{const o=e.getPriceDigitMetadataValueObject({value:n.target.value,activeCountry:i});r&&(n.target.value=o.digit,r(o))},ref:u})]})});c.displayName="PriceFieldDigitField";exports.PriceFieldDigitField=c;

package/dist/mainstack-design-system444.js

@@ -4,24 +4,24 @@ import { forwardRef as u } from "react";
 import { InputRoot as f } from "./mainstack-design-system433.js";
 import { InputField as g } from "./mainstack-design-system434.js";
 import "./mainstack-design-system432.js";
-import { c as C, f as _, e as b, b as v } from "./utils-DnnzGb1L.js";
+import { c as C, f as _, e as b, b as v } from "./utils-Opg_zrKx.js";
 import { usePriceFieldContext as D } from "./mainstack-design-system582.js";
 import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as P } from "./mainstack-design-system571.js";
 const y = u(
-  ({ placeholder: o = "0.00", disabled: l, ...c }, d) => {
-    const { activeCountry: e, isDisabled: s, value: m, onValueChange: i } = D(), n = P[e];
+  ({ placeholder: o = "0.00", disabled: l, ...d }, s) => {
+    const { activeCountry: e, isDisabled: c, value: m, onValueChange: i } = D(), n = P[e];
     return /* @__PURE__ */ p(
       f,
       {
         "data-slot": "price-field-digit-field",
-        className: " has-disabled:opacity-50",
+        className: "mds:has-disabled:opacity-50",
         children: [
           /* @__PURE__ */ r("p", { className: C("body-extrasmall-book"), children: n ?? "" }),
           /* @__PURE__ */ r(
             g,
             {
-              ...c,
-              disabled: l || s,
+              ...d,
+              disabled: l || c,
               placeholder: o,
               value: _(v(m)),
               onChange: (t) => {
@@ -31,7 +31,7 @@ const y = u(
                 });
                 i && (t.target.value = a.digit, i(a));
               },
-              ref: d
+              ref: s
             }
           )
         ]

package/dist/mainstack-design-system445.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),l=require("react"),c=require("./index-4R9KShCu.cjs"),a=require("./mainstack-design-system582.cjs"),e=l.forwardRef(({children:i,...r},o)=>{const{isOptionOpen:t}=a.usePriceFieldContext();return s.jsx(c.PopoverAnchor,{"data-slot":"price-field-fields",role:"combobox","aria-haspopup":"listbox","aria-expanded":t,"aria-controls":"price-field-portal","aria-owns":"price-field-portal",className:"flex  items-center gap-6",ref:o,...r,children:i})});e.displayName="PriceFieldFields";exports.PriceFieldFields=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),l=require("react"),c=require("./index-4R9KShCu.cjs"),d=require("./mainstack-design-system582.cjs"),e=l.forwardRef(({children:i,...r},o)=>{const{isOptionOpen:s}=d.usePriceFieldContext();return t.jsx(c.PopoverAnchor,{"data-slot":"price-field-fields",role:"combobox","aria-haspopup":"listbox","aria-expanded":s,"aria-controls":"price-field-portal","aria-owns":"price-field-portal",className:"mds:flex mds:items-center mds:gap-6",ref:o,...r,children:i})});e.displayName="PriceFieldFields";exports.PriceFieldFields=e;

package/dist/mainstack-design-system445.js

@@ -1,13 +1,13 @@
 'use client';
 import { jsx as a } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { d as t } from "./index-RoCFhqzC.js";
-import { usePriceFieldContext as l } from "./mainstack-design-system582.js";
-const s = p(
+import { forwardRef as s } from "react";
+import { d as p } from "./index-RoCFhqzC.js";
+import { usePriceFieldContext as t } from "./mainstack-design-system582.js";
+const d = s(
   ({ children: e, ...r }, o) => {
-    const { isOptionOpen: i } = l();
+    const { isOptionOpen: i } = t();
     return /* @__PURE__ */ a(
-      t,
+      p,
       {
         "data-slot": "price-field-fields",
         role: "combobox",
@@ -15,7 +15,7 @@ const s = p(
         "aria-expanded": i,
         "aria-controls": "price-field-portal",
         "aria-owns": "price-field-portal",
-        className: "flex  items-center gap-6",
+        className: "mds:flex mds:items-center mds:gap-6",
         ref: o,
         ...r,
         children: e
@@ -23,7 +23,7 @@ const s = p(
     );
   }
 );
-s.displayName = "PriceFieldFields";
+d.displayName = "PriceFieldFields";
 export {
-  s as PriceFieldFields
+  d as PriceFieldFields
 };

package/dist/mainstack-design-system448.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),d=require("react"),_=require("./mainstack-design-system582.cjs"),p=require("./mainstack-design-system580.cjs"),O=require("./mainstack-design-system571.cjs"),y=require("./utils-FBJ8OQ9f.cjs"),i=d.forwardRef((r,n)=>{const{onOptionOpenChange:c,searchCountry:s,activeCountry:u,setActiveCountry:a,onValueChange:t,value:l}=_.usePriceFieldContext();return C.jsx(p.FormCountryOptionsList,{...r,"data-slot":"price-field-options-list",ref:n,activeCountry:u,onOptionOpenChange:c,searchCountry:s,onSetActiveCountry:e=>{a(e);const o=y.getPriceDigitMetadataValueObject({value:l,activeCountry:e});t&&t(o)},getCountryMetaInfo:e=>e&&O.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP[e]||""})});i.displayName="PriceFieldOptionsList";exports.PriceFieldOptionsList=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const C=require("react/jsx-runtime"),d=require("react"),_=require("./mainstack-design-system582.cjs"),p=require("./mainstack-design-system580.cjs"),O=require("./mainstack-design-system571.cjs"),y=require("./utils-KlkRDGof.cjs"),i=d.forwardRef((r,n)=>{const{onOptionOpenChange:c,searchCountry:s,activeCountry:u,setActiveCountry:a,onValueChange:t,value:l}=_.usePriceFieldContext();return C.jsx(p.FormCountryOptionsList,{...r,"data-slot":"price-field-options-list",ref:n,activeCountry:u,onOptionOpenChange:c,searchCountry:s,onSetActiveCountry:e=>{a(e);const o=y.getPriceDigitMetadataValueObject({value:l,activeCountry:e});t&&t(o)},getCountryMetaInfo:e=>e&&O.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP[e]||""})});i.displayName="PriceFieldOptionsList";exports.PriceFieldOptionsList=i;

package/dist/mainstack-design-system448.js

@@ -4,7 +4,7 @@ import { forwardRef as m } from "react";
 import { usePriceFieldContext as u } from "./mainstack-design-system582.js";
 import { FormCountryOptionsList as d } from "./mainstack-design-system580.js";
 import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as f } from "./mainstack-design-system571.js";
-import { e as O } from "./utils-DnnzGb1L.js";
+import { e as O } from "./utils-Opg_zrKx.js";
 const l = m(
   (r, i) => {
     const {

package/dist/mainstack-design-system450.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("./index-4R9KShCu.cjs"),p=require("react"),P=require("./utils-FBJ8OQ9f.cjs"),u=require("./mainstack-design-system582.cjs"),n=p.forwardRef(({children:a,onWheel:t,onTouchMove:o,className:s,...l},c)=>{const{isOptionOpen:d}=u.usePriceFieldContext();return i.jsx(r.PopoverPortal,{children:i.jsx(r.PopoverContent,{sideOffset:6,"data-slot":"price-field-portal",role:"listbox","data-select-options-opened":d,className:P.cn(" will-change-transform z-100 data-[state=open]:animate-content-fade-in animate-content-fade-out w-(--radix-popover-trigger-width)",s),ref:c,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),o&&o(e)},...l,children:a})})});n.displayName="PriceFieldPortal";exports.PriceFieldPortal=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),r=require("./index-4R9KShCu.cjs"),p=require("react"),P=require("./utils-KlkRDGof.cjs"),m=require("./mainstack-design-system582.cjs"),n=p.forwardRef(({children:s,onWheel:t,onTouchMove:o,className:a,...d},l)=>{const{isOptionOpen:c}=m.usePriceFieldContext();return i.jsx(r.PopoverPortal,{children:i.jsx(r.PopoverContent,{sideOffset:6,"data-slot":"price-field-portal",role:"listbox","data-select-options-opened":c,className:P.cn(" mds:will-change-transform mds:z-100 mds:data-[state=open]:animate-content-fade-in mds:animate-content-fade-out mds:w-(--radix-popover-trigger-width)",a),ref:l,onWheel:e=>{e.stopPropagation(),t&&t(e)},onTouchMove:e=>{e.stopPropagation(),o&&o(e)},...d,children:s})})});n.displayName="PriceFieldPortal";exports.PriceFieldPortal=n;

package/dist/mainstack-design-system450.js

@@ -1,37 +1,37 @@
 'use client';
 import { jsx as r } from "react/jsx-runtime";
-import { b as l, c as d } from "./index-RoCFhqzC.js";
-import { forwardRef as c } from "react";
-import { c as f } from "./utils-DnnzGb1L.js";
-import { usePriceFieldContext as m } from "./mainstack-design-system582.js";
-const P = c(
+import { b as d, c as m } from "./index-RoCFhqzC.js";
+import { forwardRef as l } from "react";
+import { c } from "./utils-Opg_zrKx.js";
+import { usePriceFieldContext as f } from "./mainstack-design-system582.js";
+const P = l(
   ({
     children: a,
     onWheel: t,
     onTouchMove: e,
     className: i,
-    ...n
-  }, p) => {
-    const { isOptionOpen: s } = m();
-    return /* @__PURE__ */ r(l, { children: /* @__PURE__ */ r(
-      d,
+    ...s
+  }, n) => {
+    const { isOptionOpen: p } = f();
+    return /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r(
+      m,
       {
         sideOffset: 6,
         "data-slot": "price-field-portal",
         role: "listbox",
-        "data-select-options-opened": s,
-        className: f(
-          " will-change-transform z-100 data-[state=open]:animate-content-fade-in animate-content-fade-out w-(--radix-popover-trigger-width)",
+        "data-select-options-opened": p,
+        className: c(
+          " mds:will-change-transform mds:z-100 mds:data-[state=open]:animate-content-fade-in mds:animate-content-fade-out mds:w-(--radix-popover-trigger-width)",
           i
         ),
-        ref: p,
+        ref: n,
         onWheel: (o) => {
           o.stopPropagation(), t && t(o);
         },
         onTouchMove: (o) => {
           o.stopPropagation(), e && e(o);
         },
-        ...n,
+        ...s,
         children: a
       }
     ) });

package/dist/mainstack-design-system452.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("react/jsx-runtime"),d=require("react"),l=require("./index-DX47zPiS.cjs"),c=require("./utils-FBJ8OQ9f.cjs"),o=d.forwardRef(({size:e="small",isError:t,className:r,...a},i)=>s.jsx(l.Root2,{"data-slot":"radio-root","data-radio-size":e,"data-error":t,className:c.cn("group flex flex-col gap-12",r),ref:i,...a}));o.displayName="RadioRoot";exports.RadioRoot=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),d=require("react"),l=require("./index-DX47zPiS.cjs"),c=require("./utils-KlkRDGof.cjs"),o=d.forwardRef(({size:e="small",isError:t,className:r,...a},s)=>i.jsx(l.Root2,{"data-slot":"radio-root","data-radio-size":e,"data-error":t,className:c.cn("mds:group mds:flex mds:flex-col mds:gap-12",r),ref:s,...a}));o.displayName="RadioRoot";exports.RadioRoot=o;