mainstack-design-system 1.14.3 → 1.15.1

package/dist/mainstack-design-system444.js

@@ -1,36 +1,17 @@
-'use client';
-import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { a as d } from "./index-RoCFhqzC.js";
-import { usePhoneNumberContext as u } from "./mainstack-design-system591.js";
-import { FormCountrySelect as f } from "./mainstack-design-system592.js";
-const c = p(
-  ({ disabled: r, ...o }, i) => {
-    const {
-      isOptionOpen: t,
-      onOptionOpenChange: n,
-      activeCountry: m,
-      isDisabled: s,
-      isError: a,
-      isSuccess: l
-    } = u();
-    return /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(
-      f,
-      {
-        ...o,
-        "data-slot": "phone-number-flag-field",
-        disabled: r || s,
-        isOptionOpen: t,
-        onOptionOpenChange: n,
-        activeCountry: m,
-        isError: a,
-        isSuccess: l,
-        ref: i
-      }
-    ) });
-  }
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import { forwardRef as e } from "react";
+import { FormStatusRoot as i } from "./mainstack-design-system446.js";
+import "./mainstack-design-system366.js";
+import n from "./mainstack-design-system191.js";
+import "./player-DtDfxekb.js";
+import { FormStatusText as d } from "./mainstack-design-system447.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: "mds:text-secondary mds:size-16" }),
+    /* @__PURE__ */ t(d, { className: "mds:text-secondary", children: o })
+  ] })
 );
-c.displayName = "PhoneNumberFlagField";
+f.displayName = "FormHintStatus";
 export {
-  c as PhoneNumberFlagField
+  f as FormHintStatus
 };

package/dist/mainstack-design-system445.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),s=require("react"),u=require("./mainstack-design-system593.cjs"),i=require("./mainstack-design-system591.cjs"),e=s.forwardRef((o,n)=>{const{isOptionOpen:t}=i.usePhoneNumberContext();return r.jsx(u.FormCountryOptions,{...o,"data-slot":"phone-number-options",ref:n,isOptionOpen:t})});e.displayName="PhoneNumberOptions";exports.PhoneNumberOptions=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),a=require("./mainstack-design-system446.cjs");require("./mainstack-design-system366.cjs");const m=require("./mainstack-design-system103.cjs");require("./player-BoD_1Mo-.cjs");const n=require("./mainstack-design-system447.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-system445.js

@@ -1,23 +1,23 @@
-'use client';
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as e } from "react";
-import { FormCountryOptions as m } from "./mainstack-design-system593.js";
-import { usePhoneNumberContext as p } from "./mainstack-design-system591.js";
-const i = e(
-  (o, r) => {
-    const { isOptionOpen: t } = p();
-    return /* @__PURE__ */ n(
-      m,
+import { jsxs as o, jsx as t } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { FormStatusRoot as i } from "./mainstack-design-system446.js";
+import "./mainstack-design-system366.js";
+import a from "./mainstack-design-system103.js";
+import "./player-DtDfxekb.js";
+import { FormStatusText as p } from "./mainstack-design-system447.js";
+const u = c(
+  ({ children: s, className: r, ...e }, m) => /* @__PURE__ */ o(i, { className: r, ref: m, ...e, children: [
+    /* @__PURE__ */ t(
+      a,
       {
-        ...o,
-        "data-slot": "phone-number-options",
-        ref: r,
-        isOptionOpen: t
+        variant: "filled",
+        className: "mds:text-interactive-success mds:size-16"
       }
-    );
-  }
+    ),
+    /* @__PURE__ */ t(p, { className: "mds:text-interactive-success", children: s })
+  ] })
 );
-i.displayName = "PhoneNumberOptions";
+u.displayName = "FormSuccessStatus";
 export {
-  i as PhoneNumberOptions
+  u as FormSuccessStatus
 };

package/dist/mainstack-design-system446.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const b=require("react/jsx-runtime"),s=require("react"),L=require("./mainstack-design-system591.cjs"),h=require("./mainstack-design-system594.cjs"),t=require("./utils-Bdd5vx6a.cjs"),a=s.forwardRef(({...c},l)=>{const{onOptionOpenChange:C,searchCountry:m,activeCountry:o,setActiveCountry:p,value:y,includeLocales:n,excludeLocales:r,onValueChange:i}=L.usePhoneNumberContext(),d=s.useMemo(()=>t.getFilteredCountryLocaleList({includeLocales:n,excludeLocales:r}),[r,n]);return b.jsx(h.FormCountryOptionsList,{...c,"data-slot":"phone-number-options-list",ref:l,activeCountry:o,onOptionOpenChange:C,searchCountry:m,countryList:d,onSetActiveCountry:e=>{p(e);let u="";o&&t.isSupportedCountry(o)&&(u=t.getCountryCallingCode(o));const g=t.getPhoneNumberDigitMetadataValueObject({value:y?.replace(`+${u}`,""),activeCountry:e});i&&i(g)},getCountryMetaInfo:e=>e?`+${t.getCountryCallingCode(e)}`:"+1"})});a.displayName="PhoneNumberOptionsList";exports.PhoneNumberOptionsList=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),a=require("react"),i=require("./utils-Dp-J9Ksy.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-system446.js

@@ -1,50 +1,17 @@
-'use client';
-import { jsx as y } from "react/jsx-runtime";
-import { forwardRef as f, useMemo as g } from "react";
-import { usePhoneNumberContext as L } from "./mainstack-design-system591.js";
-import { FormCountryOptionsList as h } from "./mainstack-design-system594.js";
-import { e as b, h as a, i as v, j as O } from "./utils-D85wpvmd.js";
-const N = f(
-  ({ ...s }, u) => {
-    const {
-      onOptionOpenChange: c,
-      searchCountry: l,
-      activeCountry: e,
-      setActiveCountry: m,
-      value: p,
-      includeLocales: o,
-      excludeLocales: n,
-      onValueChange: r
-    } = L(), C = g(
-      () => b({ includeLocales: o, excludeLocales: n }),
-      [n, o]
-    );
-    return /* @__PURE__ */ y(
-      h,
-      {
-        ...s,
-        "data-slot": "phone-number-options-list",
-        ref: u,
-        activeCountry: e,
-        onOptionOpenChange: c,
-        searchCountry: l,
-        countryList: C,
-        onSetActiveCountry: (t) => {
-          m(t);
-          let i = "";
-          e && v(e) && (i = a(e));
-          const d = O({
-            value: p?.replace(`+${i}`, ""),
-            activeCountry: t
-          });
-          r && r(d);
-        },
-        getCountryMetaInfo: (t) => t ? `+${a(t)}` : "+1"
-      }
-    );
-  }
+import { jsx as t } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { c as a } from "./utils-BWBRqOem.js";
+const e = s(
+  ({ className: o, ...m }, r) => /* @__PURE__ */ t(
+    "div",
+    {
+      className: a("mds:flex mds:items-center mds:gap-4", o),
+      ref: r,
+      ...m
+    }
+  )
 );
-N.displayName = "PhoneNumberOptionsList";
+e.displayName = "FormStatusRoot";
 export {
-  N as PhoneNumberOptionsList
+  e as FormStatusRoot
 };

package/dist/mainstack-design-system447.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-system591.cjs"),c=require("./mainstack-design-system595.cjs"),e=u.forwardRef((o,r)=>{const{searchCountry:n,onChangeSearchCountry:t}=i.usePhoneNumberContext();return s.jsx(c.FormCountryOptionsSearchField,{...o,"data-slot":"phone-number-options-search-field",ref:r,onChangeSearchCountry:t,searchCountry:n})});e.displayName="PhoneNumberOptionsSearchField";exports.PhoneNumberOptionsSearchField=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),u=require("react"),a=require("./utils-Dp-J9Ksy.cjs"),t=u.forwardRef(({className:e,...r},s)=>o.jsx("p",{className:a.cn("mds:body-tiny-regular",e),ref:s,...r}));t.displayName="FormStatusText";exports.FormStatusText=t;

package/dist/mainstack-design-system447.js

@@ -1,24 +1,17 @@
-'use client';
-import { jsx as n } from "react/jsx-runtime";
-import { forwardRef as m } from "react";
-import { usePhoneNumberContext as i } from "./mainstack-design-system591.js";
-import { FormCountryOptionsSearchField as a } from "./mainstack-design-system595.js";
-const s = m(
-  (o, r) => {
-    const { searchCountry: e, onChangeSearchCountry: t } = i();
-    return /* @__PURE__ */ n(
-      a,
-      {
-        ...o,
-        "data-slot": "phone-number-options-search-field",
-        ref: r,
-        onChangeSearchCountry: t,
-        searchCountry: e
-      }
-    );
-  }
+import { jsx as m } from "react/jsx-runtime";
+import { forwardRef as a } from "react";
+import { c as s } from "./utils-BWBRqOem.js";
+const e = a(
+  ({ className: r, ...t }, o) => /* @__PURE__ */ m(
+    "p",
+    {
+      className: s("mds:body-tiny-regular", r),
+      ref: o,
+      ...t
+    }
+  )
 );
-s.displayName = "PhoneNumberOptionsSearchField";
+e.displayName = "FormStatusText";
 export {
-  s as PhoneNumberOptionsSearchField
+  e as FormStatusText
 };

package/dist/mainstack-design-system448.cjs

@@ -1,2 +1 @@
-'use client';
-"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-Bdd5vx6a.cjs"),c=require("./mainstack-design-system591.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),r=require("./mainstack-design-system450.cjs"),u=require("./mainstack-design-system449.cjs"),s=o.forwardRef(({...e},n)=>t.jsx(u.InputRoot,{children:t.jsx(r.InputField,{ref:n,...e})}));exports.Input=s;

package/dist/mainstack-design-system448.js

@@ -1,43 +1,10 @@
-'use client';
 import { jsx as r } from "react/jsx-runtime";
-import { b as p, c as d } from "./index-RoCFhqzC.js";
-import { forwardRef as f } from "react";
-import { c as l } from "./utils-D85wpvmd.js";
-import { usePhoneNumberContext as c } from "./mainstack-design-system591.js";
-const P = f(
-  ({
-    children: a,
-    onWheel: t,
-    onTouchMove: e,
-    className: n,
-    ...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": 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: m,
-        onWheel: (o) => {
-          o.stopPropagation(), t && t(o);
-        },
-        onTouchMove: (o) => {
-          o.stopPropagation(), e && e(o);
-        },
-        ...s,
-        children: a
-      }
-    ) });
-  }
+import { forwardRef as m } from "react";
+import { InputField as p } from "./mainstack-design-system450.js";
+import { InputRoot as f } from "./mainstack-design-system449.js";
+const d = m(
+  ({ ...o }, t) => /* @__PURE__ */ r(f, { children: /* @__PURE__ */ r(p, { ref: t, ...o }) })
 );
-P.displayName = "PhoneNumberPortal";
 export {
-  P as PhoneNumberPortal
+  d as Input
 };

package/dist/mainstack-design-system449.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),e=require("react"),x=require("./mainstack-design-system591.cjs"),y=require("./index-4R9KShCu.cjs"),r=e.forwardRef(({children:s,isDisabled:u,isError:a,defaultLocale:i,isSuccess:c,includeLocales:h,excludeLocales:p,onValueChange:m,value:d},b)=>{const[n,t]=e.useState(!1),[l,C]=e.useState(""),[P,v]=e.useState(i);return o.jsx(x.PhoneNumberContext.Provider,{value:{isOptionOpen:n,searchCountry:l,activeCountry:P,includeLocales:h,excludeLocales:p,isDisabled:u,isError:a,isSuccess:c,value:d,onValueChange:m,onOptionOpenChange:t,onChangeSearchCountry:C,setActiveCountry:v},children:o.jsx(y.Popover,{open:n,onOpenChange:t,children:o.jsx("div",{ref:b,"data-slot":"phone-number-root",children:s})})})});r.displayName="PhoneNumberRoot";exports.PhoneNumberRoot=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),r=require("react"),a=require("./utils-Dp-J9Ksy.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-system449.js

@@ -1,45 +1,24 @@
-'use client';
-import { jsx as o } from "react/jsx-runtime";
-import { forwardRef as P, useState as e } from "react";
-import { PhoneNumberContext as y } from "./mainstack-design-system591.js";
-import { P as O } from "./index-RoCFhqzC.js";
-const b = P(
-  ({
-    children: t,
-    isDisabled: a,
-    isError: i,
-    defaultLocale: p,
-    isSuccess: m,
-    includeLocales: s,
-    excludeLocales: h,
-    onValueChange: u,
-    value: c
-  }, C) => {
-    const [n, r] = e(!1), [d, f] = e(""), [l, v] = e(p);
-    return /* @__PURE__ */ o(
-      y.Provider,
-      {
-        value: {
-          isOptionOpen: n,
-          searchCountry: d,
-          activeCountry: l,
-          includeLocales: s,
-          excludeLocales: h,
-          isDisabled: a,
-          isError: i,
-          isSuccess: m,
-          value: c,
-          onValueChange: u,
-          onOptionOpenChange: r,
-          onChangeSearchCountry: f,
-          setActiveCountry: v
-        },
-        children: /* @__PURE__ */ o(O, { open: n, onOpenChange: r, children: /* @__PURE__ */ o("div", { ref: C, "data-slot": "phone-number-root", children: t }) })
-      }
-    );
-  }
+import { jsx as r } from "react/jsx-runtime";
+import { forwardRef as s } from "react";
+import { c as m } from "./utils-BWBRqOem.js";
+const e = s(
+  ({ className: d, ...o }, t) => /* @__PURE__ */ r(
+    "div",
+    {
+      ref: t,
+      "data-slot": "input-root",
+      "data-editable": "true",
+      tabIndex: 0,
+      className: m(
+        "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",
+        d
+      ),
+      ...o
+    }
+  )
 );
-b.displayName = "PhoneNumberRoot";
+e.displayName = "InputRoot";
 export {
-  b as PhoneNumberRoot
+  e as InputRoot
 };

package/dist/mainstack-design-system45.cjs

@@ -1 +1 @@
-"use strict";const C=require("react/jsx-runtime"),e=require("./mainstack-design-system357.cjs"),s={outlined:C.jsx("g",{mask:"url(#mask0_1659_355)",children:C.jsx("path",{d:"M5.30775 20.5C4.80908 20.5 4.38308 20.3234 4.02975 19.9703C3.67658 19.6169 3.5 19.1909 3.5 18.6923V5.30775C3.5 4.80908 3.67658 4.38308 4.02975 4.02975C4.38308 3.67658 4.80908 3.5 5.30775 3.5H18.6923C19.1909 3.5 19.6169 3.67658 19.9703 4.02975C20.3234 4.38308 20.5 4.80908 20.5 5.30775V8.029H19V5.30775C19 5.21792 18.9712 5.14417 18.9135 5.0865C18.8558 5.02883 18.7821 5 18.6923 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.6923V15.971H20.5V18.6923C20.5 19.1909 20.3234 19.6169 19.9703 19.9703C19.6169 20.3234 19.1909 20.5 18.6923 20.5H5.30775ZM13.3077 16.5C12.8091 16.5 12.3831 16.3234 12.0297 15.9703C11.6766 15.6169 11.5 15.1909 11.5 14.6923V9.30775C11.5 8.80908 11.6766 8.38308 12.0297 8.02975C12.3831 7.67658 12.8091 7.5 13.3077 7.5H19.6923C20.1909 7.5 20.6169 7.67658 20.9703 8.02975C21.3234 8.38308 21.5 8.80908 21.5 9.30775V14.6923C21.5 15.1909 21.3234 15.6169 20.9703 15.9703C20.6169 16.3234 20.1909 16.5 19.6923 16.5H13.3077ZM19.6923 15C19.7821 15 19.8558 14.9712 19.9135 14.9135C19.9712 14.8558 20 14.7821 20 14.6923V9.30775C20 9.21792 19.9712 9.14417 19.9135 9.0865C19.8558 9.02883 19.7821 9 19.6923 9H13.3077C13.2179 9 13.1442 9.02883 13.0865 9.0865C13.0288 9.14417 13 9.21792 13 9.30775V14.6923C13 14.7821 13.0288 14.8558 13.0865 14.9135C13.1442 14.9712 13.2179 15 13.3077 15H19.6923ZM16 13.5C16.4167 13.5 16.7708 13.3542 17.0625 13.0625C17.3542 12.7708 17.5 12.4167 17.5 12C17.5 11.5833 17.3542 11.2292 17.0625 10.9375C16.7708 10.6458 16.4167 10.5 16 10.5C15.5833 10.5 15.2292 10.6458 14.9375 10.9375C14.6458 11.2292 14.5 11.5833 14.5 12C14.5 12.4167 14.6458 12.7708 14.9375 13.0625C15.2292 13.3542 15.5833 13.5 16 13.5Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1659_356)",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.5H18.6923C19.1974 3.5 19.625 3.675 19.975 4.025C20.325 4.375 20.5 4.80258 20.5 5.30775V6H13.3077C12.3167 6 11.5177 6.30358 10.9107 6.91075C10.3036 7.51775 10 8.31675 10 9.30775V14.6923C10 15.6833 10.3036 16.4823 10.9107 17.0893C11.5177 17.6964 12.3167 18 13.3077 18H20.5V18.6923C20.5 19.1974 20.325 19.625 19.975 19.975C19.625 20.325 19.1974 20.5 18.6923 20.5H5.30775ZM13.3077 16.5C12.8026 16.5 12.375 16.325 12.025 15.975C11.675 15.625 11.5 15.1974 11.5 14.6923V9.30775C11.5 8.80258 11.675 8.375 12.025 8.025C12.375 7.675 12.8026 7.5 13.3077 7.5H19.6923C20.1974 7.5 20.625 7.675 20.975 8.025C21.325 8.375 21.5 8.80258 21.5 9.30775V14.6923C21.5 15.1974 21.325 15.625 20.975 15.975C20.625 16.325 20.1974 16.5 19.6923 16.5H13.3077ZM16 13.5C16.4333 13.5 16.7917 13.3583 17.075 13.075C17.3583 12.7917 17.5 12.4333 17.5 12C17.5 11.5667 17.3583 11.2083 17.075 10.925C16.7917 10.6417 16.4333 10.5 16 10.5C15.5667 10.5 15.2083 10.6417 14.925 10.925C14.6417 11.2083 14.5 11.5667 14.5 12C14.5 12.4333 14.6417 12.7917 14.925 13.075C15.2083 13.3583 15.5667 13.5 16 13.5Z",fill:"currentColor"})})},t=({variant:r="outlined",...n})=>C.jsx(e,{...n,children:s[r]});module.exports=t;
+"use strict";const C=require("react/jsx-runtime"),e=require("./mainstack-design-system366.cjs"),s={outlined:C.jsx("g",{mask:"url(#mask0_1659_355)",children:C.jsx("path",{d:"M5.30775 20.5C4.80908 20.5 4.38308 20.3234 4.02975 19.9703C3.67658 19.6169 3.5 19.1909 3.5 18.6923V5.30775C3.5 4.80908 3.67658 4.38308 4.02975 4.02975C4.38308 3.67658 4.80908 3.5 5.30775 3.5H18.6923C19.1909 3.5 19.6169 3.67658 19.9703 4.02975C20.3234 4.38308 20.5 4.80908 20.5 5.30775V8.029H19V5.30775C19 5.21792 18.9712 5.14417 18.9135 5.0865C18.8558 5.02883 18.7821 5 18.6923 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.6923V15.971H20.5V18.6923C20.5 19.1909 20.3234 19.6169 19.9703 19.9703C19.6169 20.3234 19.1909 20.5 18.6923 20.5H5.30775ZM13.3077 16.5C12.8091 16.5 12.3831 16.3234 12.0297 15.9703C11.6766 15.6169 11.5 15.1909 11.5 14.6923V9.30775C11.5 8.80908 11.6766 8.38308 12.0297 8.02975C12.3831 7.67658 12.8091 7.5 13.3077 7.5H19.6923C20.1909 7.5 20.6169 7.67658 20.9703 8.02975C21.3234 8.38308 21.5 8.80908 21.5 9.30775V14.6923C21.5 15.1909 21.3234 15.6169 20.9703 15.9703C20.6169 16.3234 20.1909 16.5 19.6923 16.5H13.3077ZM19.6923 15C19.7821 15 19.8558 14.9712 19.9135 14.9135C19.9712 14.8558 20 14.7821 20 14.6923V9.30775C20 9.21792 19.9712 9.14417 19.9135 9.0865C19.8558 9.02883 19.7821 9 19.6923 9H13.3077C13.2179 9 13.1442 9.02883 13.0865 9.0865C13.0288 9.14417 13 9.21792 13 9.30775V14.6923C13 14.7821 13.0288 14.8558 13.0865 14.9135C13.1442 14.9712 13.2179 15 13.3077 15H19.6923ZM16 13.5C16.4167 13.5 16.7708 13.3542 17.0625 13.0625C17.3542 12.7708 17.5 12.4167 17.5 12C17.5 11.5833 17.3542 11.2292 17.0625 10.9375C16.7708 10.6458 16.4167 10.5 16 10.5C15.5833 10.5 15.2292 10.6458 14.9375 10.9375C14.6458 11.2292 14.5 11.5833 14.5 12C14.5 12.4167 14.6458 12.7708 14.9375 13.0625C15.2292 13.3542 15.5833 13.5 16 13.5Z",fill:"currentColor"})}),filled:C.jsx("g",{mask:"url(#mask0_1659_356)",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.5H18.6923C19.1974 3.5 19.625 3.675 19.975 4.025C20.325 4.375 20.5 4.80258 20.5 5.30775V6H13.3077C12.3167 6 11.5177 6.30358 10.9107 6.91075C10.3036 7.51775 10 8.31675 10 9.30775V14.6923C10 15.6833 10.3036 16.4823 10.9107 17.0893C11.5177 17.6964 12.3167 18 13.3077 18H20.5V18.6923C20.5 19.1974 20.325 19.625 19.975 19.975C19.625 20.325 19.1974 20.5 18.6923 20.5H5.30775ZM13.3077 16.5C12.8026 16.5 12.375 16.325 12.025 15.975C11.675 15.625 11.5 15.1974 11.5 14.6923V9.30775C11.5 8.80258 11.675 8.375 12.025 8.025C12.375 7.675 12.8026 7.5 13.3077 7.5H19.6923C20.1974 7.5 20.625 7.675 20.975 8.025C21.325 8.375 21.5 8.80258 21.5 9.30775V14.6923C21.5 15.1974 21.325 15.625 20.975 15.975C20.625 16.325 20.1974 16.5 19.6923 16.5H13.3077ZM16 13.5C16.4333 13.5 16.7917 13.3583 17.075 13.075C17.3583 12.7917 17.5 12.4333 17.5 12C17.5 11.5667 17.3583 11.2083 17.075 10.925C16.7917 10.6417 16.4333 10.5 16 10.5C15.5667 10.5 15.2083 10.6417 14.925 10.925C14.6417 11.2083 14.5 11.5667 14.5 12C14.5 12.4333 14.6417 12.7917 14.925 13.075C15.2083 13.3583 15.5667 13.5 16 13.5Z",fill:"currentColor"})})},t=({variant:r="outlined",...n})=>C.jsx(e,{...n,children:s[r]});module.exports=t;

package/dist/mainstack-design-system45.js

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

package/dist/mainstack-design-system450.cjs

@@ -1,2 +1 @@
-'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),s=require("react"),F=require("./mainstack-design-system458.cjs"),P=require("./mainstack-design-system452.cjs"),p=require("./mainstack-design-system453.cjs"),u=require("./mainstack-design-system451.cjs"),_=require("./mainstack-design-system457.cjs"),a=require("./mainstack-design-system454.cjs"),m=require("./mainstack-design-system456.cjs"),j=require("./mainstack-design-system455.cjs"),c=s.forwardRef(({isError:i,isDisabled:l,defaultLocale:t,isSuccess:r,placeholder:n,...d},o)=>e.jsxs(F.PriceFieldRoot,{isError:i,isDisabled:l,isSuccess:r,defaultLocale:t,ref:o,...d,children:[e.jsxs(P.PriceFieldFields,{children:[e.jsx(p.PriceFieldFlagField,{}),e.jsx(u.PriceFieldDigitField,{isError:i,placeholder:n,isSuccess:r})]}),e.jsx(_.PriceFieldPortal,{children:e.jsxs(a.PriceFieldOptions,{children:[e.jsx(m.PriceFieldOptionsSearchField,{}),e.jsx(j.PriceFieldOptionsList,{})]})})]}));c.displayName="PriceFieldInput";exports.PriceFieldInput=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("react"),i=require("./utils-Dp-J9Ksy.cjs"),e=n.forwardRef(({className:t,shape:d="rounded",isError:s,isSuccess:r,...a},l)=>o.jsx("input",{ref:l,"data-slot":"input-field","data-error":s,"data-success":r,"data-shape":d,className:i.cn("mds: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-system450.js

@@ -1,52 +1,31 @@
-'use client';
-import { jsxs as r, jsx as i } from "react/jsx-runtime";
-import { forwardRef as F } from "react";
-import { PriceFieldRoot as c } from "./mainstack-design-system458.js";
-import { PriceFieldFields as f } from "./mainstack-design-system452.js";
-import { PriceFieldFlagField as n } from "./mainstack-design-system453.js";
-import { PriceFieldDigitField as P } from "./mainstack-design-system451.js";
-import { PriceFieldPortal as a } from "./mainstack-design-system457.js";
-import { PriceFieldOptions as s } from "./mainstack-design-system454.js";
-import { PriceFieldOptionsSearchField as h } from "./mainstack-design-system456.js";
-import { PriceFieldOptionsList as x } from "./mainstack-design-system455.js";
-const O = F(
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as l } from "react";
+import { c as m } from "./utils-BWBRqOem.js";
+const n = l(
   ({
-    isError: e,
-    isDisabled: t,
-    defaultLocale: l,
+    className: e,
+    shape: d = "rounded",
+    isError: r,
     isSuccess: o,
-    placeholder: m,
-    ...d
-  }, p) => /* @__PURE__ */ r(
-    c,
+    ...s
+  }, t) => /* @__PURE__ */ a(
+    "input",
     {
-      isError: e,
-      isDisabled: t,
-      isSuccess: o,
-      defaultLocale: l,
-      ref: p,
-      ...d,
-      children: [
-        /* @__PURE__ */ r(f, { children: [
-          /* @__PURE__ */ i(n, {}),
-          /* @__PURE__ */ i(
-            P,
-            {
-              isError: e,
-              placeholder: m,
-              isSuccess: o
-            }
-          )
-        ] }),
-        /* @__PURE__ */ i(a, { children: /* @__PURE__ */ r(s, { children: [
-          /* @__PURE__ */ i(h, {}),
-          /* @__PURE__ */ i(x, {})
-        ] }) })
-      ]
+      ref: t,
+      "data-slot": "input-field",
+      "data-error": r,
+      "data-success": o,
+      "data-shape": d,
+      className: m(
+        "mds: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",
+        e
+      ),
+      ...s
     }
   )
 );
-O.displayName = "PriceFieldInput";
+n.displayName = "InputField";
 export {
-  O as PriceFieldInput
+  n as InputField
 };

package/dist/mainstack-design-system451.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-system440.cjs"),F=require("./mainstack-design-system441.cjs");require("./mainstack-design-system439.cjs");const e=require("./utils-Bdd5vx6a.cjs"),C=require("./mainstack-design-system596.cjs"),P=require("./mainstack-design-system585.cjs"),c=g.forwardRef(({placeholder:a="0.00",disabled:s,...l},d)=>{const{activeCountry:i,isDisabled:u,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("mds:body-extrasmall-book"),children:p??""}),t.jsx(F.InputField,{...l,disabled:s||u,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:d})]})});c.displayName="PriceFieldDigitField";exports.PriceFieldDigitField=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),h=require("react"),P=require("./mainstack-design-system458.cjs"),b=require("./mainstack-design-system452.cjs"),N=require("./mainstack-design-system453.cjs"),c=require("./mainstack-design-system627.cjs"),l=require("./mainstack-design-system457.cjs"),p=require("./mainstack-design-system454.cjs"),d=require("./mainstack-design-system456.cjs"),_=require("./mainstack-design-system455.cjs"),r=h.forwardRef(({isError:n,isDisabled:t,defaultLocale:u,isSuccess:o,placeholder:s,...m},i)=>e.jsxs(P.PhoneNumberRoot,{isError:n,isDisabled:t,isSuccess:o,defaultLocale:u,...m,ref:i,children:[e.jsxs(b.PhoneNumberFields,{children:[e.jsx(N.PhoneNumberFlagField,{}),e.jsx(c.PhoneNumberDigitField,{placeholder:s,isError:n,isSuccess:o})]}),e.jsx(l.PhoneNumberPortal,{children:e.jsxs(p.PhoneNumberOptions,{children:[e.jsx(d.PhoneNumberOptionsSearchField,{}),e.jsx(_.PhoneNumberOptionsList,{})]})})]}));r.displayName="PhoneNumberInput";exports.PhoneNumberInput=r;

package/dist/mainstack-design-system451.js

@@ -1,45 +1,52 @@
 'use client';
-import { jsxs as p, jsx as r } from "react/jsx-runtime";
-import { forwardRef as u } from "react";
-import { InputRoot as f } from "./mainstack-design-system440.js";
-import { InputField as g } from "./mainstack-design-system441.js";
-import "./mainstack-design-system439.js";
-import { c as C, f as _, k as b, b as v } from "./utils-D85wpvmd.js";
-import { usePriceFieldContext as D } from "./mainstack-design-system596.js";
-import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as P } from "./mainstack-design-system585.js";
-const y = u(
-  ({ placeholder: o = "0.00", disabled: d, ...l }, s) => {
-    const { activeCountry: i, isDisabled: c, value: m, onValueChange: e } = D(), n = P[i];
-    return /* @__PURE__ */ p(
-      f,
-      {
-        "data-slot": "price-field-digit-field",
-        className: "mds:has-disabled:opacity-50",
-        children: [
-          /* @__PURE__ */ r("p", { className: C("mds:body-extrasmall-book"), children: n ?? "" }),
-          /* @__PURE__ */ r(
-            g,
+import { jsxs as r, jsx as o } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { PhoneNumberRoot as u } from "./mainstack-design-system458.js";
+import { PhoneNumberFields as l } from "./mainstack-design-system452.js";
+import { PhoneNumberFlagField as N } from "./mainstack-design-system453.js";
+import { PhoneNumberDigitField as P } from "./mainstack-design-system627.js";
+import { PhoneNumberPortal as b } from "./mainstack-design-system457.js";
+import { PhoneNumberOptions as d } from "./mainstack-design-system454.js";
+import { PhoneNumberOptionsSearchField as a } from "./mainstack-design-system456.js";
+import { PhoneNumberOptionsList as s } from "./mainstack-design-system455.js";
+const F = f(
+  ({
+    isError: e,
+    isDisabled: i,
+    defaultLocale: t,
+    isSuccess: m,
+    placeholder: n,
+    ...p
+  }, h) => /* @__PURE__ */ r(
+    u,
+    {
+      isError: e,
+      isDisabled: i,
+      isSuccess: m,
+      defaultLocale: t,
+      ...p,
+      ref: h,
+      children: [
+        /* @__PURE__ */ r(l, { children: [
+          /* @__PURE__ */ o(N, {}),
+          /* @__PURE__ */ o(
+            P,
             {
-              ...l,
-              disabled: d || c,
-              placeholder: o,
-              value: _(v(m)),
-              onChange: (t) => {
-                const a = b({
-                  value: t.target.value,
-                  activeCountry: i
-                });
-                e && (t.target.value = a.digit, e(a));
-              },
-              ref: s
+              placeholder: n,
+              isError: e,
+              isSuccess: m
             }
           )
-        ]
-      }
-    );
-  }
+        ] }),
+        /* @__PURE__ */ o(b, { children: /* @__PURE__ */ r(d, { children: [
+          /* @__PURE__ */ o(a, {}),
+          /* @__PURE__ */ o(s, {})
+        ] }) })
+      ]
+    }
+  )
 );
-y.displayName = "PriceFieldDigitField";
+F.displayName = "PhoneNumberInput";
 export {
-  y as PriceFieldDigitField
+  F as PhoneNumberInput
 };

package/dist/mainstack-design-system452.cjs

@@ -1,2 +1,2 @@
 'use client';
-"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-system596.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;
+"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-system600.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-system452.js

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