mainstack-design-system 1.21.0 → 1.21.2

package/dist/mainstack-design-system592.js

@@ -1,43 +1,24 @@
 'use client';
-import { jsx as e } from "react/jsx-runtime";
-import { b as m, c as p } from "./index-RoCFhqzC.js";
-import { forwardRef as d } from "react";
-import { c as f } from "./utils-BSsuM-JB.js";
-import { useCurrencyPickerContext as l } from "./mainstack-design-system621.js";
-const P = d(
-  ({
-    children: a,
-    onWheel: t,
-    onTouchMove: r,
-    className: n,
-    ...s
-  }, i) => {
-    const { isOptionOpen: c } = l();
-    return /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
-      p,
+import { jsx as c } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { useCurrencyPickerContext as n } from "./mainstack-design-system621.js";
+import { FormCountryOptionsSearchField as a } from "./mainstack-design-system605.js";
+const s = i(
+  (r, e) => {
+    const { searchCountry: o, onChangeSearchCountry: t } = n();
+    return /* @__PURE__ */ c(
+      a,
       {
-        sideOffset: 6,
-        "data-slot": "currency-picker-portal",
-        role: "listbox",
-        "data-select-options-opened": c,
-        className: f(
-          " mds:will-change-transform mds:z-100 mds:data-[state=open]:animate-content-fade-in mds:animate-content-fade-out mds:w-319 ",
-          n
-        ),
-        ref: i,
-        onWheel: (o) => {
-          o.stopPropagation(), t && t(o);
-        },
-        onTouchMove: (o) => {
-          o.stopPropagation(), r && r(o);
-        },
-        ...s,
-        children: a
+        ...r,
+        "data-slot": "currency-picker-options-search-field",
+        ref: e,
+        onChangeSearchCountry: t,
+        searchCountry: o
       }
-    ) });
+    );
   }
 );
-P.displayName = "CurrencyPickerPortal";
+s.displayName = "CurrencyPickerOptionsSearchField";
 export {
-  P as CurrencyPickerPortal
+  s as CurrencyPickerOptionsSearchField
 };

package/dist/mainstack-design-system593.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),x=require("./index-4R9KShCu.cjs"),k=require("./index-C8aODXfJ.cjs"),v=require("./mainstack-design-system621.cjs"),t=r.forwardRef(({children:c,isDisabled:a,defaultLocale:u="US",includeLocales:i,excludeLocales:s,onMetadataChange:l,value:C,onValueChange:p},d)=>{const[n,o]=r.useState(!1),[y,h]=r.useState(""),[P,g]=k.useControllableState({prop:C,defaultProp:u,onChange:p});return e.jsx(v.CurrencyPickerContext.Provider,{value:{isOptionOpen:n,searchCountry:y,includeLocales:i,excludeLocales:s,isDisabled:a,value:P,onMetadataChange:l,onValueChange:g,onOptionOpenChange:o,onChangeSearchCountry:h},children:e.jsx(x.Popover,{open:n,onOpenChange:o,children:e.jsx("div",{className:"mds:w-fit",ref:d,"data-slot":"currency-picker-root",children:c})})})});t.displayName="CurrencyPickerRoot";exports.CurrencyPickerRoot=t;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),n=require("./index-4R9KShCu.cjs"),d=require("react"),p=require("./utils-CShTjG-k.cjs"),P=require("./mainstack-design-system621.cjs"),c=d.forwardRef(({children:i,onWheel:r,onTouchMove:t,className:s,...a},u)=>{const{isOptionOpen:l}=P.useCurrencyPickerContext();return o.jsx(n.PopoverPortal,{children:o.jsx(n.PopoverContent,{sideOffset:6,"data-slot":"currency-picker-portal",role:"listbox","data-select-options-opened":l,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-319 ",s),ref:u,onWheel:e=>{e.stopPropagation(),r&&r(e)},onTouchMove:e=>{e.stopPropagation(),t&&t(e)},...a,children:i})})});c.displayName="CurrencyPickerPortal";exports.CurrencyPickerPortal=c;

package/dist/mainstack-design-system593.js

@@ -1,46 +1,43 @@
 'use client';
 import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as y, useState as n } from "react";
-import { P } from "./index-RoCFhqzC.js";
-import { u as g } from "./index-437EL2iq.js";
-import { CurrencyPickerContext as v } from "./mainstack-design-system621.js";
-const O = y(
+import { b as m, c as p } from "./index-RoCFhqzC.js";
+import { forwardRef as d } from "react";
+import { c as f } from "./utils-BSsuM-JB.js";
+import { useCurrencyPickerContext as l } from "./mainstack-design-system621.js";
+const P = d(
   ({
-    children: t,
-    isDisabled: a,
-    defaultLocale: c = "US",
-    includeLocales: i,
-    excludeLocales: p,
-    onMetadataChange: s,
-    value: u,
-    onValueChange: l
-  }, m) => {
-    const [o, r] = n(!1), [C, f] = n(""), [h, d] = g({
-      prop: u,
-      defaultProp: c,
-      onChange: l
-    });
-    return /* @__PURE__ */ e(
-      v.Provider,
+    children: a,
+    onWheel: t,
+    onTouchMove: r,
+    className: n,
+    ...s
+  }, i) => {
+    const { isOptionOpen: c } = l();
+    return /* @__PURE__ */ e(m, { children: /* @__PURE__ */ e(
+      p,
       {
-        value: {
-          isOptionOpen: o,
-          searchCountry: C,
-          includeLocales: i,
-          excludeLocales: p,
-          isDisabled: a,
-          value: h,
-          onMetadataChange: s,
-          onValueChange: d,
-          onOptionOpenChange: r,
-          onChangeSearchCountry: f
+        sideOffset: 6,
+        "data-slot": "currency-picker-portal",
+        role: "listbox",
+        "data-select-options-opened": c,
+        className: f(
+          " mds:will-change-transform mds:z-100 mds:data-[state=open]:animate-content-fade-in mds:animate-content-fade-out mds:w-319 ",
+          n
+        ),
+        ref: i,
+        onWheel: (o) => {
+          o.stopPropagation(), t && t(o);
         },
-        children: /* @__PURE__ */ e(P, { open: o, onOpenChange: r, children: /* @__PURE__ */ e("div", { className: "mds:w-fit", ref: m, "data-slot": "currency-picker-root", children: t }) })
+        onTouchMove: (o) => {
+          o.stopPropagation(), r && r(o);
+        },
+        ...s,
+        children: a
       }
-    );
+    ) });
   }
 );
-O.displayName = "CurrencyPickerRoot";
+P.displayName = "CurrencyPickerPortal";
 export {
-  O as CurrencyPickerRoot
+  P as CurrencyPickerPortal
 };

package/dist/mainstack-design-system594.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./index-4R9KShCu.cjs"),d=require("./mainstack-design-system621.cjs"),a=require("./mainstack-design-system399.cjs"),r=require("./mainstack-design-system37.cjs");require("./mainstack-design-system442.cjs");require("./mainstack-design-system443.cjs");require("./mainstack-design-system444.cjs");require("./mainstack-design-system445.cjs");require("./mainstack-design-system446.cjs");require("./mainstack-design-system447.cjs");require("./mainstack-design-system448.cjs");require("./mainstack-design-system449.cjs");const m=require("./mainstack-design-system626.cjs");require("./mainstack-design-system367.cjs");const l=require("./mainstack-design-system197.cjs");require("react");require("./player-BrTeXGve.cjs");const _=require("./utils-CShTjG-k.cjs"),p=({className:o,...s})=>{const{value:n,isOptionOpen:c}=d.useCurrencyPickerContext(),i=t=>t&&a.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP[t]||"";return e.jsx(u.PopoverTrigger,{asChild:!0,children:e.jsxs(r.ButtonGroup.Root,{rounded:"sm",size:"xs",variant:"secondary","data-slot":"currency-picker-trigger",className:_.cn("mds:w-92",o),...s,children:[e.jsx(r.ButtonGroup.Icon,{children:e.jsx("div",{className:"mds:flex mds:items-center mds:justify-center",children:m.getCountryFlagComp(n)})}),e.jsx(r.ButtonGroup.Label,{children:i(n)}),e.jsx(r.ButtonGroup.Icon,{children:e.jsx(l,{"data-select-options-opened":c,className:"mds:size-20 mds:transition-transform mds:transition-1000 mds:data-[select-options-opened=true]:rotate-180"})})]})})};exports.CurrencyPickerTrigger=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),x=require("./index-4R9KShCu.cjs"),k=require("./index-C8aODXfJ.cjs"),v=require("./mainstack-design-system621.cjs"),t=r.forwardRef(({children:c,isDisabled:a,defaultLocale:u="US",includeLocales:i,excludeLocales:s,onMetadataChange:l,value:C,onValueChange:p},d)=>{const[n,o]=r.useState(!1),[y,h]=r.useState(""),[P,g]=k.useControllableState({prop:C,defaultProp:u,onChange:p});return e.jsx(v.CurrencyPickerContext.Provider,{value:{isOptionOpen:n,searchCountry:y,includeLocales:i,excludeLocales:s,isDisabled:a,value:P,onMetadataChange:l,onValueChange:g,onOptionOpenChange:o,onChangeSearchCountry:h},children:e.jsx(x.Popover,{open:n,onOpenChange:o,children:e.jsx("div",{className:"mds:w-fit",ref:d,"data-slot":"currency-picker-root",children:c})})})});t.displayName="CurrencyPickerRoot";exports.CurrencyPickerRoot=t;

package/dist/mainstack-design-system594.js

@@ -1,51 +1,46 @@
 'use client';
-import { jsx as r, jsxs as c } from "react/jsx-runtime";
-import { a as p } from "./index-RoCFhqzC.js";
-import { useCurrencyPickerContext as a } from "./mainstack-design-system621.js";
-import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as d } from "./mainstack-design-system399.js";
-import { ButtonGroup as o } from "./mainstack-design-system37.js";
-import "./mainstack-design-system442.js";
-import "./mainstack-design-system443.js";
-import "./mainstack-design-system444.js";
-import "./mainstack-design-system445.js";
-import "./mainstack-design-system446.js";
-import "./mainstack-design-system447.js";
-import "./mainstack-design-system448.js";
-import "./mainstack-design-system449.js";
-import { getCountryFlagComp as l } from "./mainstack-design-system626.js";
-import "./mainstack-design-system367.js";
-import u from "./mainstack-design-system197.js";
-import "react";
-import "./player-CsZtfe1h.js";
-import { c as f } from "./utils-BSsuM-JB.js";
-const A = ({
-  className: i,
-  ...n
-}) => {
-  const { value: t, isOptionOpen: m } = a(), s = (e) => e && d[e] || "";
-  return /* @__PURE__ */ r(p, { asChild: !0, children: /* @__PURE__ */ c(
-    o.Root,
-    {
-      rounded: "sm",
-      size: "xs",
-      variant: "secondary",
-      "data-slot": "currency-picker-trigger",
-      className: f("mds:w-92", i),
-      ...n,
-      children: [
-        /* @__PURE__ */ r(o.Icon, { children: /* @__PURE__ */ r("div", { className: "mds:flex mds:items-center mds:justify-center", children: l(t) }) }),
-        /* @__PURE__ */ r(o.Label, { children: s(t) }),
-        /* @__PURE__ */ r(o.Icon, { children: /* @__PURE__ */ r(
-          u,
-          {
-            "data-select-options-opened": m,
-            className: "mds:size-20 mds:transition-transform mds:transition-1000 mds:data-[select-options-opened=true]:rotate-180"
-          }
-        ) })
-      ]
-    }
-  ) });
-};
+import { jsx as e } from "react/jsx-runtime";
+import { forwardRef as y, useState as n } from "react";
+import { P } from "./index-RoCFhqzC.js";
+import { u as g } from "./index-437EL2iq.js";
+import { CurrencyPickerContext as v } from "./mainstack-design-system621.js";
+const O = y(
+  ({
+    children: t,
+    isDisabled: a,
+    defaultLocale: c = "US",
+    includeLocales: i,
+    excludeLocales: p,
+    onMetadataChange: s,
+    value: u,
+    onValueChange: l
+  }, m) => {
+    const [o, r] = n(!1), [C, f] = n(""), [h, d] = g({
+      prop: u,
+      defaultProp: c,
+      onChange: l
+    });
+    return /* @__PURE__ */ e(
+      v.Provider,
+      {
+        value: {
+          isOptionOpen: o,
+          searchCountry: C,
+          includeLocales: i,
+          excludeLocales: p,
+          isDisabled: a,
+          value: h,
+          onMetadataChange: s,
+          onValueChange: d,
+          onOptionOpenChange: r,
+          onChangeSearchCountry: f
+        },
+        children: /* @__PURE__ */ e(P, { open: o, onOpenChange: r, children: /* @__PURE__ */ e("div", { className: "mds:w-fit", ref: m, "data-slot": "currency-picker-root", children: t }) })
+      }
+    );
+  }
+);
+O.displayName = "CurrencyPickerRoot";
 export {
-  A as CurrencyPickerTrigger
+  O as CurrencyPickerRoot
 };

package/dist/mainstack-design-system595.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext([{mode:"light",uiTheme:"default",themeCssVariablesOveride:{}},()=>{}]);exports.MainstackDesignSystemProviderContext=t;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("./index-4R9KShCu.cjs"),d=require("./mainstack-design-system621.cjs"),a=require("./mainstack-design-system399.cjs"),r=require("./mainstack-design-system37.cjs");require("./mainstack-design-system443.cjs");require("./mainstack-design-system444.cjs");require("./mainstack-design-system445.cjs");require("./mainstack-design-system446.cjs");require("./mainstack-design-system447.cjs");require("./mainstack-design-system448.cjs");require("./mainstack-design-system449.cjs");require("./mainstack-design-system450.cjs");const m=require("./mainstack-design-system626.cjs");require("./mainstack-design-system367.cjs");const l=require("./mainstack-design-system197.cjs");require("react");require("./player-BrTeXGve.cjs");const _=require("./utils-CShTjG-k.cjs"),p=({className:o,...s})=>{const{value:n,isOptionOpen:c}=d.useCurrencyPickerContext(),i=t=>t&&a.COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP[t]||"";return e.jsx(u.PopoverTrigger,{asChild:!0,children:e.jsxs(r.ButtonGroup.Root,{rounded:"sm",size:"xs",variant:"secondary","data-slot":"currency-picker-trigger",className:_.cn("mds:w-92",o),...s,children:[e.jsx(r.ButtonGroup.Icon,{children:e.jsx("div",{className:"mds:flex mds:items-center mds:justify-center",children:m.getCountryFlagComp(n)})}),e.jsx(r.ButtonGroup.Label,{children:i(n)}),e.jsx(r.ButtonGroup.Icon,{children:e.jsx(l,{"data-select-options-opened":c,className:"mds:size-20 mds:transition-transform mds:transition-1000 mds:data-[select-options-opened=true]:rotate-180"})})]})})};exports.CurrencyPickerTrigger=p;

package/dist/mainstack-design-system595.js

@@ -1,9 +1,51 @@
-import { createContext as e } from "react";
-const i = e([
-  { mode: "light", uiTheme: "default", themeCssVariablesOveride: {} },
-  () => {
-  }
-]);
+'use client';
+import { jsx as r, jsxs as c } from "react/jsx-runtime";
+import { a as p } from "./index-RoCFhqzC.js";
+import { useCurrencyPickerContext as a } from "./mainstack-design-system621.js";
+import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as d } from "./mainstack-design-system399.js";
+import { ButtonGroup as o } from "./mainstack-design-system37.js";
+import "./mainstack-design-system443.js";
+import "./mainstack-design-system444.js";
+import "./mainstack-design-system445.js";
+import "./mainstack-design-system446.js";
+import "./mainstack-design-system447.js";
+import "./mainstack-design-system448.js";
+import "./mainstack-design-system449.js";
+import "./mainstack-design-system450.js";
+import { getCountryFlagComp as l } from "./mainstack-design-system626.js";
+import "./mainstack-design-system367.js";
+import u from "./mainstack-design-system197.js";
+import "react";
+import "./player-CsZtfe1h.js";
+import { c as f } from "./utils-BSsuM-JB.js";
+const A = ({
+  className: i,
+  ...n
+}) => {
+  const { value: t, isOptionOpen: m } = a(), s = (e) => e && d[e] || "";
+  return /* @__PURE__ */ r(p, { asChild: !0, children: /* @__PURE__ */ c(
+    o.Root,
+    {
+      rounded: "sm",
+      size: "xs",
+      variant: "secondary",
+      "data-slot": "currency-picker-trigger",
+      className: f("mds:w-92", i),
+      ...n,
+      children: [
+        /* @__PURE__ */ r(o.Icon, { children: /* @__PURE__ */ r("div", { className: "mds:flex mds:items-center mds:justify-center", children: l(t) }) }),
+        /* @__PURE__ */ r(o.Label, { children: s(t) }),
+        /* @__PURE__ */ r(o.Icon, { children: /* @__PURE__ */ r(
+          u,
+          {
+            "data-select-options-opened": m,
+            className: "mds:size-20 mds:transition-transform mds:transition-1000 mds:data-[select-options-opened=true]:rotate-180"
+          }
+        ) })
+      ]
+    }
+  ) });
+};
 export {
-  i as MainstackDesignSystemProviderContext
+  A as CurrencyPickerTrigger
 };

package/dist/mainstack-design-system596.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=e.createContext(void 0),o=()=>{const t=e.useContext(r);if(t===void 0)throw new Error("useAvatarSize must be used within an AvatarProvider");return t.size};exports.AvatarContext=r;exports.useAvatarSize=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext([{mode:"light",uiTheme:"default",themeCssVariablesOveride:{}},()=>{}]);exports.MainstackDesignSystemProviderContext=t;

package/dist/mainstack-design-system596.js

@@ -1,13 +1,9 @@
-import { createContext as e, useContext as r } from "react";
-const o = e(
-  void 0
-), a = () => {
-  const t = r(o);
-  if (t === void 0)
-    throw new Error("useAvatarSize must be used within an AvatarProvider");
-  return t.size;
-};
+import { createContext as e } from "react";
+const i = e([
+  { mode: "light", uiTheme: "default", themeCssVariablesOveride: {} },
+  () => {
+  }
+]);
 export {
-  o as AvatarContext,
-  a as useAvatarSize
+  i as MainstackDesignSystemProviderContext
 };

package/dist/mainstack-design-system597.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function c(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const a=c(r),l=a.createContext(null);exports.TooltipContext=l;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),r=e.createContext(void 0),o=()=>{const t=e.useContext(r);if(t===void 0)throw new Error("useAvatarSize must be used within an AvatarProvider");return t.size};exports.AvatarContext=r;exports.useAvatarSize=o;

package/dist/mainstack-design-system597.js

@@ -1,7 +1,13 @@
-import * as t from "react";
-const o = t.createContext(
-  null
-);
+import { createContext as e, useContext as r } from "react";
+const o = e(
+  void 0
+), a = () => {
+  const t = r(o);
+  if (t === void 0)
+    throw new Error("useAvatarSize must be used within an AvatarProvider");
+  return t.size;
+};
 export {
-  o as TooltipContext
+  o as AvatarContext,
+  a as useAvatarSize
 };

package/dist/mainstack-design-system598.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),t=require("./index-Deb8apmU.cjs");function o({className:e}){return r.jsx(t.Arrow2,{asChild:!0,children:r.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"28",height:"8",viewBox:"0 0 28 8",fill:"none",className:e,children:r.jsx("path",{d:"M12.5858 6.58579L9.74904 3.74903C8.36542 2.36542 7.67361 1.67361 6.86628 1.17888C6.1505 0.740249 5.37015 0.417015 4.55386 0.221041C3.63316 0 2.65479 0 0.698068 0H27.3019C25.3452 0 24.3668 0 23.4461 0.221041C22.6299 0.417015 21.8495 0.740249 21.1337 1.17888C20.3264 1.67361 19.6346 2.36542 18.251 3.74903L15.4142 6.58579C14.6332 7.36684 13.3668 7.36683 12.5858 6.58579Z",fill:"currentColor"})})})}exports.TooltipArrow=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function c(e){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(o,t,n.get?n:{enumerable:!0,get:()=>e[t]})}}return o.default=e,Object.freeze(o)}const a=c(r),l=a.createContext(null);exports.TooltipContext=l;

package/dist/mainstack-design-system598.js

@@ -1,25 +1,7 @@
-import { jsx as r } from "react/jsx-runtime";
-import { A as t } from "./index-CNheQ-9E.js";
-function e({ className: o }) {
-  return /* @__PURE__ */ r(t, { asChild: !0, children: /* @__PURE__ */ r(
-    "svg",
-    {
-      xmlns: "http://www.w3.org/2000/svg",
-      width: "28",
-      height: "8",
-      viewBox: "0 0 28 8",
-      fill: "none",
-      className: o,
-      children: /* @__PURE__ */ r(
-        "path",
-        {
-          d: "M12.5858 6.58579L9.74904 3.74903C8.36542 2.36542 7.67361 1.67361 6.86628 1.17888C6.1505 0.740249 5.37015 0.417015 4.55386 0.221041C3.63316 0 2.65479 0 0.698068 0H27.3019C25.3452 0 24.3668 0 23.4461 0.221041C22.6299 0.417015 21.8495 0.740249 21.1337 1.17888C20.3264 1.67361 19.6346 2.36542 18.251 3.74903L15.4142 6.58579C14.6332 7.36684 13.3668 7.36683 12.5858 6.58579Z",
-          fill: "currentColor"
-        }
-      )
-    }
-  ) });
-}
+import * as t from "react";
+const o = t.createContext(
+  null
+);
 export {
-  e as TooltipArrow
+  o as TooltipContext
 };

package/dist/mainstack-design-system599.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=require("./mainstack-design-system597.cjs"),n=()=>{const t=o.useContext(e.TooltipContext);if(!t)throw new Error("useTooltipContext must be used within a TooltipRoot");return t};exports.useTooltipContext=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react"),e=require("./mainstack-design-system598.cjs"),n=()=>{const t=o.useContext(e.TooltipContext);if(!t)throw new Error("useTooltipContext must be used within a TooltipRoot");return t};exports.useTooltipContext=n;

package/dist/mainstack-design-system599.js

@@ -1,5 +1,5 @@
 import { useContext as t } from "react";
-import { TooltipContext as e } from "./mainstack-design-system597.js";
+import { TooltipContext as e } from "./mainstack-design-system598.js";
 const i = () => {
   const o = t(e);
   if (!o)

package/dist/mainstack-design-system602.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react");require("./mainstack-design-system367.cjs");const c=require("./mainstack-design-system198.cjs");require("./player-BrTeXGve.cjs");const l=require("./utils-CShTjG-k.cjs"),u=require("./mainstack-design-system626.cjs"),s=i.forwardRef(({isOptionOpen:t,activeCountry:r,onOptionOpenChange:o,isError:d,isSuccess:n,...a},m)=>e.jsxs("button",{onClick:()=>o(!0),"data-select-options-opened":t,"data-editable":"false",className:l.cn("form-root-slot-defaults","mds:group mds:flex mds:items-center mds:w-66 mds:h-48 mds:gap-6 mds:py-14 mds:cursor-pointer mds:px-12 mds:rounded-14 mds:disabled:cursor-not-allowed mds:disabled:opacity-50 mds:data-[select-options-opened=true]:ring-2 mds:data-[select-options-opened=true]:ring-border-interactive-primary-active"),ref:m,...a,children:[e.jsx("div",{"data-error":d,"data-success":n,className:"mds:flex mds:items-center mds:justify-center",children:u.getCountryFlagComp(r||"US")}),e.jsx(c,{"data-select-options-opened":t,className:"mds:size-16 mds:transition-transform mds:transition-1000 mds:group-data-[select-options-opened=true]:rotate-180"})]}));s.displayName=" FormCountrySelect";exports.FormCountrySelect=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react");require("./mainstack-design-system367.cjs");const c=require("./mainstack-design-system198.cjs");require("./player-BrTeXGve.cjs");const l=require("./utils-CShTjG-k.cjs"),u=require("./mainstack-design-system626.cjs"),s=i.forwardRef(({isOptionOpen:t,activeCountry:r,onOptionOpenChange:o,isError:d,isSuccess:n,...a},m)=>e.jsxs("button",{onClick:()=>o(!0),"data-select-options-opened":t,"data-editable":"false",className:l.cn("form-root-slot-defaults","mds:group mds:flex mds:items-center mds:w-66 mds:h-48 mds:gap-6 mds:py-14 mds:cursor-pointer mds:px-12 mds:rounded-14 mds:disabled:cursor-not-allowed mds:disabled:opacity-50 mds:data-[select-options-opened=true]:ring-2 mds:data-[select-options-opened=true]:ring-border-interactive-primary-active"),ref:m,...a,children:[e.jsx("div",{"data-error":d,"data-success":n,className:"mds:flex mds:items-center mds:justify-center",children:u.getCountryFlagComp(r||null)}),e.jsx(c,{"data-select-options-opened":t,className:"mds:size-16 mds:transition-transform mds:transition-1000 mds:group-data-[select-options-opened=true]:rotate-180"})]}));s.displayName=" FormCountrySelect";exports.FormCountrySelect=s;

package/dist/mainstack-design-system602.js

@@ -3,8 +3,8 @@ import { forwardRef as n } from "react";
 import "./mainstack-design-system367.js";
 import c from "./mainstack-design-system198.js";
 import "./player-CsZtfe1h.js";
-import { c as p } from "./utils-BSsuM-JB.js";
-import { getCountryFlagComp as l } from "./mainstack-design-system626.js";
+import { c as l } from "./utils-BSsuM-JB.js";
+import { getCountryFlagComp as p } from "./mainstack-design-system626.js";
 const u = n(
   ({
     isOptionOpen: e,
@@ -19,7 +19,7 @@ const u = n(
       onClick: () => r(!0),
       "data-select-options-opened": e,
       "data-editable": "false",
-      className: p(
+      className: l(
         "form-root-slot-defaults",
         "mds:group mds:flex mds:items-center mds:w-66 mds:h-48 mds:gap-6 mds:py-14 mds:cursor-pointer mds:px-12 mds:rounded-14 mds:disabled:cursor-not-allowed mds:disabled:opacity-50 mds:data-[select-options-opened=true]:ring-2 mds:data-[select-options-opened=true]:ring-border-interactive-primary-active"
       ),
@@ -32,7 +32,7 @@ const u = n(
             "data-error": s,
             "data-success": d,
             className: "mds:flex mds:items-center mds:justify-center",
-            children: l(o || "US")
+            children: p(o || null)
           }
         ),
         /* @__PURE__ */ t(

package/dist/mainstack-design-system605.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),u=require("./mainstack-design-system451.cjs"),a=require("./mainstack-design-system452.cjs");require("./mainstack-design-system450.cjs");require("./mainstack-design-system367.cjs");const l=require("./mainstack-design-system94.cjs"),d=require("./mainstack-design-system267.cjs");require("./player-BrTeXGve.cjs");require("./mainstack-design-system399.cjs");const o=i.forwardRef(({searchCountry:n,onChangeSearchCountry:r,...s},t)=>e.jsxs(u.InputRoot,{className:"mds:bg-interactive-secondary",children:[e.jsx(d,{className:"mds:size-24"}),e.jsx(a.InputField,{placeholder:"Search...",value:n,onChange:c=>r(c.target.value),ref:t,...s}),e.jsx(l,{role:"button",className:"mds:size-20 mds:block mds:cursor-pointer mds:peer-placeholder-shown:hidden",variant:"filled",onClick:()=>r("")})]}));o.displayName="FormCountryOptionsSearchField";exports.FormCountryOptionsSearchField=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),i=require("react"),u=require("./mainstack-design-system452.cjs"),a=require("./mainstack-design-system453.cjs");require("./mainstack-design-system451.cjs");require("./mainstack-design-system367.cjs");const l=require("./mainstack-design-system94.cjs"),d=require("./mainstack-design-system267.cjs");require("./player-BrTeXGve.cjs");require("./mainstack-design-system399.cjs");const o=i.forwardRef(({searchCountry:n,onChangeSearchCountry:r,...s},t)=>e.jsxs(u.InputRoot,{className:"mds:bg-interactive-secondary",children:[e.jsx(d,{className:"mds:size-24"}),e.jsx(a.InputField,{placeholder:"Search...",value:n,onChange:c=>r(c.target.value),ref:t,...s}),e.jsx(l,{role:"button",className:"mds:size-20 mds:block mds:cursor-pointer mds:peer-placeholder-shown:hidden",variant:"filled",onClick:()=>r("")})]}));o.displayName="FormCountryOptionsSearchField";exports.FormCountryOptionsSearchField=o;

package/dist/mainstack-design-system605.js

@@ -1,8 +1,8 @@
 import { jsxs as s, jsx as r } from "react/jsx-runtime";
 import { forwardRef as a } from "react";
-import { InputRoot as l } from "./mainstack-design-system451.js";
-import { InputField as p } from "./mainstack-design-system452.js";
-import "./mainstack-design-system450.js";
+import { InputRoot as l } from "./mainstack-design-system452.js";
+import { InputField as p } from "./mainstack-design-system453.js";
+import "./mainstack-design-system451.js";
 import "./mainstack-design-system367.js";
 import n from "./mainstack-design-system94.js";
 import c from "./mainstack-design-system267.js";

package/dist/mainstack-design-system627.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),T=require("./mainstack-design-system633.cjs"),M=require("./mainstack-design-system634.cjs"),m=require("./mainstack-design-system511.cjs"),p=require("./mainstack-design-system500.cjs");require("react-dom");const E=require("./index-CpE6WAgy.cjs"),j=require("./mainstack-design-system508.cjs"),f=require("./mainstack-design-system497.cjs"),v=require("./mainstack-design-system502.cjs"),q=require("./mainstack-design-system509.cjs"),B=require("./mainstack-design-system505.cjs"),g=require("./mainstack-design-system498.cjs"),h=require("./mainstack-design-system506.cjs"),O=require("./mainstack-design-system504.cjs"),S=require("./mainstack-design-system510.cjs"),b=require("./mainstack-design-system503.cjs"),P=require("./mainstack-design-system499.cjs"),N=require("./mainstack-design-system501.cjs");function y(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(r,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return r.default=t,Object.freeze(r)}const x=y(c);var I=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],R=I.reduce((t,r)=>{const o=E.createSlot(`Primitive.${r}`),n=x.forwardRef((s,i)=>{const{asChild:u,...a}=s,_=u?o:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),e.jsx(_,{...a,ref:i})});return n.displayName=`Primitive.${r}`,{...t,[r]:n}},{}),w="Separator",d="horizontal",A=["horizontal","vertical"],l=x.forwardRef((t,r)=>{const{decorative:o,orientation:n=d,...s}=t,i=k(n)?n:d,a=o?{role:"none"}:{"aria-orientation":i==="vertical"?i:void 0,role:"separator"};return e.jsx(R.div,{"data-orientation":i,...a,...s,ref:r})});l.displayName=w;function k(t){return A.includes(t)}const L=c.forwardRef(({defaultContent:t,getEditorRef:r,...o},n)=>e.jsx(e.Fragment,{children:e.jsxs(T.TextEditorRoot,{defaultContent:t,getEditorRef:r,ref:n,...o,children:[e.jsxs(m.TextEditorMenuBar,{children:[e.jsx(p.GenerateWithAiMenu,{}),e.jsx(l,{className:"mds:bg-border-interactive-primary mds:h-full mds:min-h-30 mds:w-1",orientation:"vertical"}),e.jsx(j.TextSizesMenu,{}),e.jsx(f.BoldMenu,{}),e.jsx(v.ItalicMenu,{}),e.jsx(q.UnderlineMenu,{}),e.jsx(B.StrikethroughMenu,{}),e.jsx(g.CodeMenu,{}),e.jsx(h.TextAlignMenu,{}),e.jsx(O.OrderedListMenu,{}),e.jsx(S.UnorderedListMenu,{}),e.jsx(b.LinkMenu,{}),e.jsx(N.ImageUploadMenu,{}),e.jsx(P.ColorPickerMenu,{})]}),e.jsx(M.TextEditorField,{})]})}));exports.TextEditorInput=L;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),c=require("react"),T=require("./mainstack-design-system633.cjs"),M=require("./mainstack-design-system634.cjs"),m=require("./mainstack-design-system512.cjs"),p=require("./mainstack-design-system501.cjs");require("react-dom");const E=require("./index-CpE6WAgy.cjs"),j=require("./mainstack-design-system509.cjs"),f=require("./mainstack-design-system498.cjs"),v=require("./mainstack-design-system503.cjs"),q=require("./mainstack-design-system510.cjs"),B=require("./mainstack-design-system506.cjs"),g=require("./mainstack-design-system499.cjs"),h=require("./mainstack-design-system507.cjs"),O=require("./mainstack-design-system505.cjs"),S=require("./mainstack-design-system511.cjs"),b=require("./mainstack-design-system504.cjs"),P=require("./mainstack-design-system500.cjs"),N=require("./mainstack-design-system502.cjs");function y(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const o in t)if(o!=="default"){const n=Object.getOwnPropertyDescriptor(t,o);Object.defineProperty(r,o,n.get?n:{enumerable:!0,get:()=>t[o]})}}return r.default=t,Object.freeze(r)}const x=y(c);var I=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],R=I.reduce((t,r)=>{const o=E.createSlot(`Primitive.${r}`),n=x.forwardRef((s,i)=>{const{asChild:u,...a}=s,_=u?o:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),e.jsx(_,{...a,ref:i})});return n.displayName=`Primitive.${r}`,{...t,[r]:n}},{}),w="Separator",d="horizontal",A=["horizontal","vertical"],l=x.forwardRef((t,r)=>{const{decorative:o,orientation:n=d,...s}=t,i=k(n)?n:d,a=o?{role:"none"}:{"aria-orientation":i==="vertical"?i:void 0,role:"separator"};return e.jsx(R.div,{"data-orientation":i,...a,...s,ref:r})});l.displayName=w;function k(t){return A.includes(t)}const L=c.forwardRef(({defaultContent:t,getEditorRef:r,...o},n)=>e.jsx(e.Fragment,{children:e.jsxs(T.TextEditorRoot,{defaultContent:t,getEditorRef:r,ref:n,...o,children:[e.jsxs(m.TextEditorMenuBar,{children:[e.jsx(p.GenerateWithAiMenu,{}),e.jsx(l,{className:"mds:bg-border-interactive-primary mds:h-full mds:min-h-30 mds:w-1",orientation:"vertical"}),e.jsx(j.TextSizesMenu,{}),e.jsx(f.BoldMenu,{}),e.jsx(v.ItalicMenu,{}),e.jsx(q.UnderlineMenu,{}),e.jsx(B.StrikethroughMenu,{}),e.jsx(g.CodeMenu,{}),e.jsx(h.TextAlignMenu,{}),e.jsx(O.OrderedListMenu,{}),e.jsx(S.UnorderedListMenu,{}),e.jsx(b.LinkMenu,{}),e.jsx(N.ImageUploadMenu,{}),e.jsx(P.ColorPickerMenu,{})]}),e.jsx(M.TextEditorField,{})]})}));exports.TextEditorInput=L;

package/dist/mainstack-design-system627.js

@@ -4,22 +4,22 @@ import * as f from "react";
 import { forwardRef as v } from "react";
 import { TextEditorRoot as M } from "./mainstack-design-system633.js";
 import { TextEditorField as h } from "./mainstack-design-system634.js";
-import { TextEditorMenuBar as T } from "./mainstack-design-system511.js";
-import { GenerateWithAiMenu as x } from "./mainstack-design-system500.js";
+import { TextEditorMenuBar as T } from "./mainstack-design-system512.js";
+import { GenerateWithAiMenu as x } from "./mainstack-design-system501.js";
 import "react-dom";
 import { c as N } from "./index-BtQfgaSF.js";
-import { TextSizesMenu as E } from "./mainstack-design-system508.js";
-import { BoldMenu as O } from "./mainstack-design-system497.js";
-import { ItalicMenu as S } from "./mainstack-design-system502.js";
-import { UnderlineMenu as w } from "./mainstack-design-system509.js";
-import { StrikethroughMenu as P } from "./mainstack-design-system505.js";
-import { CodeMenu as g } from "./mainstack-design-system498.js";
-import { TextAlignMenu as I } from "./mainstack-design-system506.js";
-import { OrderedListMenu as R } from "./mainstack-design-system504.js";
-import { UnorderedListMenu as A } from "./mainstack-design-system510.js";
-import { LinkMenu as b } from "./mainstack-design-system503.js";
-import { ColorPickerMenu as y } from "./mainstack-design-system499.js";
-import { ImageUploadMenu as C } from "./mainstack-design-system501.js";
+import { TextSizesMenu as E } from "./mainstack-design-system509.js";
+import { BoldMenu as O } from "./mainstack-design-system498.js";
+import { ItalicMenu as S } from "./mainstack-design-system503.js";
+import { UnderlineMenu as w } from "./mainstack-design-system510.js";
+import { StrikethroughMenu as P } from "./mainstack-design-system506.js";
+import { CodeMenu as g } from "./mainstack-design-system499.js";
+import { TextAlignMenu as I } from "./mainstack-design-system507.js";
+import { OrderedListMenu as R } from "./mainstack-design-system505.js";
+import { UnorderedListMenu as A } from "./mainstack-design-system511.js";
+import { LinkMenu as b } from "./mainstack-design-system504.js";
+import { ColorPickerMenu as y } from "./mainstack-design-system500.js";
+import { ImageUploadMenu as C } from "./mainstack-design-system502.js";
 var L = [
   "a",
   "button",

package/dist/mainstack-design-system629.cjs

@@ -1,3 +1,3 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),f=require("react"),tt=require("./mainstack-design-system451.cjs"),et=require("./mainstack-design-system452.cjs");require("./mainstack-design-system450.cjs");const u=require("./utils-CShTjG-k.cjs"),nt=require("./mainstack-design-system601.cjs");function T(t,n){return ut(t)||at(t,n)||ot(t,n)||rt()}function rt(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),f=require("react"),tt=require("./mainstack-design-system452.cjs"),et=require("./mainstack-design-system453.cjs");require("./mainstack-design-system451.cjs");const u=require("./utils-CShTjG-k.cjs"),nt=require("./mainstack-design-system601.cjs");function T(t,n){return ut(t)||at(t,n)||ot(t,n)||rt()}function rt(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ot(t,n){if(t){if(typeof t=="string")return M(t,n);var e=Object.prototype.toString.call(t).slice(8,-1);if(e==="Object"&&t.constructor&&(e=t.constructor.name),e==="Map"||e==="Set")return Array.from(t);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return M(t,n)}}function M(t,n){(n==null||n>t.length)&&(n=t.length);for(var e=0,o=new Array(n);e<n;e++)o[e]=t[e];return o}function at(t,n){var e=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(e!=null){var o,r,a,c,p=[],y=!0,i=!1;try{if(a=(e=e.call(t)).next,n!==0)for(;!(y=(o=a.call(e)).done)&&(p.push(o.value),p.length!==n);y=!0);}catch(s){i=!0,r=s}finally{try{if(!y&&e.return!=null&&(c=e.return(),Object(c)!==c))return}finally{if(i)throw r}}return p}}function ut(t){if(Array.isArray(t))return t}function it(t){var n=this,e=t.value,o=t.onChange,r=t.country,a=t.defaultCountry,c=t.international,p=t.withCountryCallingCode,y=t.useNationalFormatForDefaultCountryValue,i=t.metadata;typeof p=="boolean"&&!(r&&c)&&console.error("[react-phone-number-input] `withCountryCallingCode` property can only be used together with `country` and `international` properties"),r&&a&&console.error("[react-phone-number-input] When `country` property is passed, `defaultCountry` property has no effect and therefore shouldn't be passed"),typeof c=="boolean"&&!r&&console.error("[react-phone-number-input] `international` property can only be used together with `country` property");var s=st({international:c,country:r,defaultCountry:a,withCountryCallingCode:p}),d=f.useRef(),g=function(m,C,v){console.error("[react-phone-number-input] Expected phone number ".concat(m," to correspond to country ").concat(C," but ").concat(v?"in reality it corresponds to country "+v:"it doesn't",".")),d.current=!0},h=function(m){return e&&u.validateE164Number(e),lt(e,r,a,s,y,i,function(){m&&m.onCountryMismatch&&m.onCountryMismatch();for(var C=arguments.length,v=new Array(C),I=0;I<C;I++)v[I]=arguments[I];g.apply(n,v)})},w=f.useState(r),P=T(w,2),F=P[0],B=P[1],H=f.useState(a),_=T(H,2),z=_[0],G=_[1],J=f.useState(h()),L=T(J,2),K=L[0],b=L[1],Q=f.useState(e),x=T(Q,2),A=x[0],N=x[1],X=f.useState(),$=T(X,2);$[0];var D=$[1],V=f.useCallback(function(){return D({})},[D]);function q(l){if(l){s==="NATIONAL_PART_OF_INTERNATIONAL"&&(l="+".concat(u.getCountryCallingCode$1(r,i)).concat(l));var m=new u.AsYouType(r||a,i);return m.input(l),m.getNumberValue()}}f.useEffect(function(){e!==A&&(N(e),b(h()))},[e]),f.useEffect(function(){if(r!==F){B(r);var l,m=h({onCountryMismatch:function(){l=!0}});b(m),l&&N(q(m))}},[r]),f.useEffect(function(){a!==z&&(G(a),b(h()))},[a]),f.useEffect(function(){A!==e&&o(A)},[A]);var Z=f.useCallback(function(l){var m;if(r)if(s==="INTERNATIONAL"){var C=u.getInternationalPhoneNumberPrefix(r,i);if(l.indexOf(C)!==0){if(l&&l[0]!=="+")l=C+l;else if(!d.current)return b(C),N(void 0),V()}}else l&&l[0]==="+"&&(l=l.slice(1));else a||l&&l[0]!=="+"&&(l="+"+l);l&&(m=q(l)),b(l),N(m)},[r,s,a,i,b,N,V,d]);return{phoneDigits:K,setPhoneDigits:Z,inputFormat:s}}function lt(t,n,e,o,r,a,c){if(n&&o==="INTERNATIONAL"){var p=u.getInternationalPhoneNumberPrefix(n,a);return t?(t.indexOf(p)!==0&&c(t,n),t):p}if(!t)return"";if(!n&&!e)return t;var y=new u.AsYouType(void 0,a);y.input(t);var i=y.getNumber();if(i)if(n)switch(i.country&&i.country!==n?c(t,n,i.country):i.countryCallingCode!==u.getCountryCallingCode$1(n,a)&&c(t,n),o){case"NATIONAL":return u.parseDigits(i.formatNational());case"NATIONAL_PART_OF_INTERNATIONAL":return u.parseDigits(u.removePrefixFromFormattedPhoneNumber(i.formatInternational(),u.getInternationalPhoneNumberPrefix(n,a)));case"INTERNATIONAL":throw new Error('`inputFormat: "INTERNATIONAL"` case should\'ve already been handled earlier in the code');case"INTERNATIONAL_OR_NATIONAL":throw new Error('`inputFormat: "INTERNATIONAL_OR_NATIONAL"` is not possible when `country` is fixed');default:throw new Error("Unknown `inputFormat`: ".concat(o))}else return i.countryCallingCode&&i.countryCallingCode===u.getCountryCallingCode$1(e,a)&&r?u.parseDigits(i.formatNational()):t;else return""}function st(t){var n=t.international,e=t.country,o=t.defaultCountry,r=t.withCountryCallingCode;return e?n?r?"INTERNATIONAL":"NATIONAL_PART_OF_INTERNATIONAL":"NATIONAL":o?"INTERNATIONAL_OR_NATIONAL":"INTERNATIONAL"}var ct=["Component","country","defaultCountry","useNationalFormatForDefaultCountryValue","value","onChange","metadata","international","withCountryCallingCode"];function j(){return j=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},j.apply(this,arguments)}function ft(t,n){if(t==null)return{};var e=pt(t,n),o,r;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r<a.length;r++)o=a[r],!(n.indexOf(o)>=0)&&Object.prototype.propertyIsEnumerable.call(t,o)&&(e[o]=t[o])}return e}function pt(t,n){if(t==null)return{};var e={},o=Object.keys(t),r,a;for(a=0;a<o.length;a++)r=o[a],!(n.indexOf(r)>=0)&&(e[r]=t[r]);return e}function O(t,n){var e=t.Component,o=t.country,r=t.defaultCountry,a=t.useNationalFormatForDefaultCountryValue,c=a===void 0?!0:a,p=t.value,y=t.onChange,i=t.metadata,s=t.international,d=t.withCountryCallingCode,g=ft(t,ct),h=it({value:p,onChange:y,country:o,defaultCountry:r,international:s,withCountryCallingCode:d,useNationalFormatForDefaultCountryValue:c,metadata:i}),w=h.phoneDigits,P=h.setPhoneDigits,F=h.inputFormat;return f.createElement(e,j({},g,{ref:n,metadata:i,inputFormat:F,international:s,withCountryCallingCode:d,country:o||r,value:w,onChange:P}))}O=f.forwardRef(O);O.propTypes={value:u.PropTypes.string,onChange:u.PropTypes.func.isRequired,country:u.PropTypes.string,defaultCountry:u.PropTypes.string,international:u.PropTypes.bool,withCountryCallingCode:u.PropTypes.bool,Component:u.PropTypes.elementType.isRequired,useNationalFormatForDefaultCountryValue:u.PropTypes.bool,metadata:u.metadata};var yt=["type","autoComplete","smartCaret","metadata"];function S(){return S=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},S.apply(this,arguments)}function dt(t,n){if(t==null)return{};var e=mt(t,n),o,r;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r<a.length;r++)o=a[r],!(n.indexOf(o)>=0)&&Object.prototype.propertyIsEnumerable.call(t,o)&&(e[o]=t[o])}return e}function mt(t,n){if(t==null)return{};var e={},o=Object.keys(t),r,a;for(a=0;a<o.length;a++)r=o[a],!(n.indexOf(r)>=0)&&(e[r]=t[r]);return e}function k(t){function n(e,o){var r=e.type,a=r===void 0?"tel":r,c=e.autoComplete,p=c===void 0?"tel":c,y=e.smartCaret,i=y===void 0?!0:y,s=e.metadata,d=s===void 0?t:s,g=dt(e,yt);return f.createElement(O,S({},g,{type:a,autoComplete:p,metadata:d,ref:o,Component:i?u.InputSmart:u.InputBasic}))}return n=f.forwardRef(n),n.propTypes={type:u.PropTypes.string,autoComplete:u.PropTypes.string,smartCaret:u.PropTypes.bool,metadata:u.PropTypes.object},n}k();function E(t,n){var e=Array.prototype.slice.call(n);return e.push(u.metadata$1),t.apply(this,e)}k(u.metadata$1);function W(){return E(u.parsePhoneNumber,arguments)}function Y(){return E(u.getCountryCallingCode$1,arguments)}function Ct(){return E(u.isSupportedCountry$1,arguments)}const U=f.forwardRef(({placeholder:t="000 - 000 - 000",disabled:n,...e},o)=>{const{activeCountry:r,isDisabled:a,value:c,onValueChange:p,setActiveCountry:y}=nt.usePhoneNumberContext(),i=s=>{if(!s)return"";const d=W(s);if(d)return d.nationalNumber;let g="";return r&&Ct(r)&&(g=Y(r)),s.replace(`+${g}`,"")};return f.useEffect(()=>{if(c&&!r){const s=W(c);s&&y(s.country)}},[r,y,c]),R.jsxs(tt.InputRoot,{"data-slot":"phone-number-digit-field",className:"mds:has-disabled:opacity-50",children:[R.jsxs("p",{className:u.cn("mds:body-extrasmall-regular"),children:["(+",Y(r||"US"),")"]}),R.jsx(et.InputField,{...e,disabled:n||a,placeholder:t,value:i(c),onChange:s=>{const d=u.getPhoneNumberDigitMetadataValueObject({value:s.target.value,activeCountry:r});p&&(s.target.value=d.digit,p(d))},ref:o})]})});U.displayName="PhoneNumberDigitField";exports.PhoneNumberDigitField=U;

package/dist/mainstack-design-system629.js

@@ -1,9 +1,9 @@
 'use client';
 import { jsxs as q, jsx as it } from "react/jsx-runtime";
 import w, { useRef as lt, useState as v, useCallback as B, useEffect as O, forwardRef as st } from "react";
-import { InputRoot as ft } from "./mainstack-design-system451.js";
-import { InputField as ct } from "./mainstack-design-system452.js";
-import "./mainstack-design-system450.js";
+import { InputRoot as ft } from "./mainstack-design-system452.js";
+import { InputField as ct } from "./mainstack-design-system453.js";
+import "./mainstack-design-system451.js";
 import { w as S, x as yt, y as F, A as J, z as L, B as pt, C as mt, P as m, I as dt, D as Ct, E as K, F as gt, G as ht, c as Nt, k as bt } from "./utils-BSsuM-JB.js";
 import { usePhoneNumberContext as vt } from "./mainstack-design-system601.js";
 function A(t, n) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mainstack-design-system",
-  "version": "1.21.0",
+  "version": "1.21.2",
   "type": "module",
   "main": "./dist/mainstack-design-system.cjs",
   "module": "./dist/mainstack-design-system.js",