mainstack-design-system 1.3.8 → 1.3.9

package/dist/mainstack-design-system435.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),m=require("./index-4R9KShCu.cjs"),d=require("./mainstack-design-system566.cjs"),b=require("./mainstack-design-system567.cjs"),r=a.forwardRef(({...o},n)=>{const{isOptionOpen:t,onOptionOpenChange:i,activeCountry:s,isDisabled:u,isError:l,isSuccess:c}=d.usePhoneNumberContext();return e.jsx(m.PopoverTrigger,{asChild:!0,children:e.jsx(b.FormCountrySelect,{...o,"data-slot":"phone-number-flag-field",disabled:u,isOptionOpen:t,onOptionOpenChange:i,activeCountry:s,isError:l,isSuccess:c,ref:n})})});r.displayName="PhoneNumberFlagField";exports.PhoneNumberFlagField=r;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),m=require("react"),d=require("./index-4R9KShCu.cjs"),b=require("./mainstack-design-system566.cjs"),p=require("./mainstack-design-system567.cjs"),r=m.forwardRef(({disabled:o,...n},t)=>{const{isOptionOpen:i,onOptionOpenChange:s,activeCountry:u,isDisabled:l,isError:c,isSuccess:a}=b.usePhoneNumberContext();return e.jsx(d.PopoverTrigger,{asChild:!0,children:e.jsx(p.FormCountrySelect,{...n,"data-slot":"phone-number-flag-field",disabled:o||l,isOptionOpen:i,onOptionOpenChange:s,activeCountry:u,isError:c,isSuccess:a,ref:t})})});r.displayName="PhoneNumberFlagField";exports.PhoneNumberFlagField=r;

package/dist/mainstack-design-system435.js

@@ -1,36 +1,36 @@
 'use client';
 import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as l } from "react";
-import { a as p } from "./index-RoCFhqzC.js";
-import { usePhoneNumberContext as d } from "./mainstack-design-system566.js";
-import { FormCountrySelect as u } from "./mainstack-design-system567.js";
-const f = l(
-  ({ ...r }, o) => {
+import { forwardRef as p } from "react";
+import { a as d } from "./index-RoCFhqzC.js";
+import { usePhoneNumberContext as u } from "./mainstack-design-system566.js";
+import { FormCountrySelect as f } from "./mainstack-design-system567.js";
+const c = p(
+  ({ disabled: r, ...o }, i) => {
     const {
-      isOptionOpen: i,
-      onOptionOpenChange: t,
-      activeCountry: n,
-      isDisabled: m,
-      isError: s,
-      isSuccess: a
-    } = d();
-    return /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(
-      u,
+      isOptionOpen: t,
+      onOptionOpenChange: n,
+      activeCountry: m,
+      isDisabled: s,
+      isError: a,
+      isSuccess: l
+    } = u();
+    return /* @__PURE__ */ e(d, { asChild: !0, children: /* @__PURE__ */ e(
+      f,
       {
-        ...r,
+        ...o,
         "data-slot": "phone-number-flag-field",
-        disabled: m,
-        isOptionOpen: i,
-        onOptionOpenChange: t,
-        activeCountry: n,
-        isError: s,
-        isSuccess: a,
-        ref: o
+        disabled: r || s,
+        isOptionOpen: t,
+        onOptionOpenChange: n,
+        activeCountry: m,
+        isError: a,
+        isSuccess: l,
+        ref: i
       }
     ) });
   }
 );
-f.displayName = "PhoneNumberFlagField";
+c.displayName = "PhoneNumberFlagField";
 export {
-  f as PhoneNumberFlagField
+  c as PhoneNumberFlagField
 };

package/dist/mainstack-design-system442.cjs

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

package/dist/mainstack-design-system442.js

@@ -1,37 +1,37 @@
 'use client';
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { forwardRef as p } from "react";
-import { InputRoot as u } from "./mainstack-design-system431.js";
-import { InputField as f } from "./mainstack-design-system432.js";
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import { InputRoot as f } from "./mainstack-design-system431.js";
+import { InputField as g } from "./mainstack-design-system432.js";
 import "./mainstack-design-system430.js";
-import { c as g, f as C, e as _, b } from "./utils-CFdAYIby.js";
-import { usePriceFieldContext as v } from "./mainstack-design-system571.js";
-import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as D } from "./mainstack-design-system560.js";
-const P = p(
-  ({ placeholder: o = "0.00", ...l }, c) => {
-    const { activeCountry: e, isDisabled: d, value: s, onValueChange: i } = v(), m = D[e];
-    return /* @__PURE__ */ n(
-      u,
+import { c as C, f as _, e as b, b as v } from "./utils-CFdAYIby.js";
+import { usePriceFieldContext as D } from "./mainstack-design-system571.js";
+import { COUNTRIES_ISO2_CODE_TO_CURRENCY_CODE_MAP as P } from "./mainstack-design-system560.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];
+    return /* @__PURE__ */ p(
+      f,
       {
         "data-slot": "price-field-digit-field",
         className: " has-disabled:opacity-50",
         children: [
-          /* @__PURE__ */ r("p", { className: g("body-extrasmall-book"), children: m ?? "" }),
+          /* @__PURE__ */ r("p", { className: C("body-extrasmall-book"), children: n ?? "" }),
           /* @__PURE__ */ r(
-            f,
+            g,
             {
-              ...l,
-              disabled: d,
+              ...c,
+              disabled: l || s,
               placeholder: o,
-              value: C(b(s)),
+              value: _(v(m)),
               onChange: (t) => {
-                const a = _({
+                const a = b({
                   value: t.target.value,
                   activeCountry: e
                 });
                 i && (t.target.value = a.digit, i(a));
               },
-              ref: c
+              ref: d
             }
           )
         ]
@@ -39,7 +39,7 @@ const P = p(
     );
   }
 );
-P.displayName = "PriceFieldDigitField";
+y.displayName = "PriceFieldDigitField";
 export {
-  P as PriceFieldDigitField
+  y as PriceFieldDigitField
 };

package/dist/mainstack-design-system444.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),u=require("./index-4R9KShCu.cjs"),F=require("./mainstack-design-system571.cjs"),p=require("./mainstack-design-system567.cjs"),i=a.forwardRef(({...r},t)=>{const{isOptionOpen:o,onOptionOpenChange:n,activeCountry:l,isDisabled:c,isError:s,isSuccess:d}=F.usePriceFieldContext();return e.jsx(u.PopoverTrigger,{asChild:!0,children:e.jsx(p.FormCountrySelect,{...r,"data-slot":"price-field-flag-field",disabled:c,isOptionOpen:o,onOptionOpenChange:n,activeCountry:l,isError:s,isSuccess:d,ref:t})})});i.displayName="PriceFieldFlagField";exports.PriceFieldFlagField=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),u=require("react"),F=require("./index-4R9KShCu.cjs"),p=require("./mainstack-design-system571.cjs"),g=require("./mainstack-design-system567.cjs"),i=u.forwardRef(({disabled:r,...t},o)=>{const{isOptionOpen:n,onOptionOpenChange:l,activeCountry:c,isDisabled:s,isError:d,isSuccess:a}=p.usePriceFieldContext();return e.jsx(F.PopoverTrigger,{asChild:!0,children:e.jsx(g.FormCountrySelect,{...t,"data-slot":"price-field-flag-field",disabled:r||s,isOptionOpen:n,onOptionOpenChange:l,activeCountry:c,isError:d,isSuccess:a,ref:o})})});i.displayName="PriceFieldFlagField";exports.PriceFieldFlagField=i;

package/dist/mainstack-design-system444.js

@@ -1,36 +1,36 @@
 'use client';
 import { jsx as e } from "react/jsx-runtime";
-import { forwardRef as n } from "react";
-import { a as p } from "./index-RoCFhqzC.js";
-import { usePriceFieldContext as m } from "./mainstack-design-system571.js";
-import { FormCountrySelect as c } from "./mainstack-design-system567.js";
-const f = n(
-  ({ ...r }, i) => {
+import { forwardRef as p } from "react";
+import { a as m } from "./index-RoCFhqzC.js";
+import { usePriceFieldContext as c } from "./mainstack-design-system571.js";
+import { FormCountrySelect as f } from "./mainstack-design-system567.js";
+const F = p(
+  ({ disabled: r, ...i }, o) => {
     const {
-      isOptionOpen: o,
-      onOptionOpenChange: t,
-      activeCountry: l,
-      isDisabled: s,
-      isError: a,
-      isSuccess: d
-    } = m();
-    return /* @__PURE__ */ e(p, { asChild: !0, children: /* @__PURE__ */ e(
-      c,
+      isOptionOpen: t,
+      onOptionOpenChange: l,
+      activeCountry: s,
+      isDisabled: a,
+      isError: d,
+      isSuccess: n
+    } = c();
+    return /* @__PURE__ */ e(m, { asChild: !0, children: /* @__PURE__ */ e(
+      f,
       {
-        ...r,
+        ...i,
         "data-slot": "price-field-flag-field",
-        disabled: s,
-        isOptionOpen: o,
-        onOptionOpenChange: t,
-        activeCountry: l,
-        isError: a,
-        isSuccess: d,
-        ref: i
+        disabled: r || a,
+        isOptionOpen: t,
+        onOptionOpenChange: l,
+        activeCountry: s,
+        isError: d,
+        isSuccess: n,
+        ref: o
       }
     ) });
   }
 );
-f.displayName = "PriceFieldFlagField";
+F.displayName = "PriceFieldFlagField";
 export {
-  f as PriceFieldFlagField
+  F as PriceFieldFlagField
 };

package/dist/mainstack-design-system592.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-system431.cjs"),et=require("./mainstack-design-system432.cjs");require("./mainstack-design-system430.cjs");const u=require("./index-C7rXc8w3.cjs"),q=require("./utils-DRUMSl4z.cjs"),nt=require("./mainstack-design-system566.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,r=new Array(n);e<n;e++)r[e]=t[e];return r}function at(t,n){var e=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(e!=null){var r,o,a,s,p=[],c=!0,i=!1;try{if(a=(e=e.call(t)).next,n!==0)for(;!(c=(r=a.call(e)).done)&&(p.push(r.value),p.length!==n);c=!0);}catch(d){i=!0,o=d}finally{try{if(!c&&e.return!=null&&(s=e.return(),Object(s)!==s))return}finally{if(i)throw o}}return p}}function ut(t){if(Array.isArray(t))return t}function it(t){var n=this,e=t.value,r=t.onChange,o=t.country,a=t.defaultCountry,s=t.international,p=t.withCountryCallingCode,c=t.useNationalFormatForDefaultCountryValue,i=t.metadata;typeof p=="boolean"&&!(o&&s)&&console.error("[react-phone-number-input] `withCountryCallingCode` property can only be used together with `country` and `international` properties"),o&&a&&console.error("[react-phone-number-input] When `country` property is passed, `defaultCountry` property has no effect and therefore shouldn't be passed"),typeof s=="boolean"&&!o&&console.error("[react-phone-number-input] `international` property can only be used together with `country` property");var d=st({international:s,country:o,defaultCountry:a,withCountryCallingCode:p}),m=f.useRef(),b=function(y,C,v){console.error("[react-phone-number-input] Expected phone number ".concat(y," to correspond to country ").concat(C," but ").concat(v?"in reality it corresponds to country "+v:"it doesn't",".")),m.current=!0},g=function(y){return e&&u.validateE164Number(e),lt(e,o,a,d,c,i,function(){y&&y.onCountryMismatch&&y.onCountryMismatch();for(var C=arguments.length,v=new Array(C),O=0;O<C;O++)v[O]=arguments[O];b.apply(n,v)})},w=f.useState(o),I=T(w,2),F=I[0],B=I[1],H=f.useState(a),E=T(H,2),z=E[0],G=E[1],J=f.useState(g()),_=T(J,2),K=_[0],h=_[1],Q=f.useState(e),L=T(Q,2),A=L[0],N=L[1],X=f.useState(),x=T(X,2);x[0];var $=x[1],D=f.useCallback(function(){return $({})},[$]);function V(l){if(l){d==="NATIONAL_PART_OF_INTERNATIONAL"&&(l="+".concat(u.getCountryCallingCode$1(o,i)).concat(l));var y=new u.AsYouType(o||a,i);return y.input(l),y.getNumberValue()}}f.useEffect(function(){e!==A&&(N(e),h(g()))},[e]),f.useEffect(function(){if(o!==F){B(o);var l,y=g({onCountryMismatch:function(){l=!0}});h(y),l&&N(V(y))}},[o]),f.useEffect(function(){a!==z&&(G(a),h(g()))},[a]),f.useEffect(function(){A!==e&&r(A)},[A]);var Z=f.useCallback(function(l){var y;if(o)if(d==="INTERNATIONAL"){var C=u.getInternationalPhoneNumberPrefix(o,i);if(l.indexOf(C)!==0){if(l&&l[0]!=="+")l=C+l;else if(!m.current)return h(C),N(void 0),D()}}else l&&l[0]==="+"&&(l=l.slice(1));else a||l&&l[0]!=="+"&&(l="+"+l);l&&(y=V(l)),h(l),N(y)},[o,d,a,i,h,N,D,m]);return{phoneDigits:K,setPhoneDigits:Z,inputFormat:d}}function lt(t,n,e,r,o,a,s){if(n&&r==="INTERNATIONAL"){var p=u.getInternationalPhoneNumberPrefix(n,a);return t?(t.indexOf(p)!==0&&s(t,n),t):p}if(!t)return"";if(!n&&!e)return t;var c=new u.AsYouType(void 0,a);c.input(t);var i=c.getNumber();if(i)if(n)switch(i.country&&i.country!==n?s(t,n,i.country):i.countryCallingCode!==u.getCountryCallingCode$1(n,a)&&s(t,n),r){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(r))}else return i.countryCallingCode&&i.countryCallingCode===u.getCountryCallingCode$1(e,a)&&o?u.parseDigits(i.formatNational()):t;else return""}function st(t){var n=t.international,e=t.country,r=t.defaultCountry,o=t.withCountryCallingCode;return e?n?o?"INTERNATIONAL":"NATIONAL_PART_OF_INTERNATIONAL":"NATIONAL":r?"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 r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])}return t},j.apply(this,arguments)}function ft(t,n){if(t==null)return{};var e=pt(t,n),r,o;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(o=0;o<a.length;o++)r=a[o],!(n.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(t,r)&&(e[r]=t[r])}return e}function pt(t,n){if(t==null)return{};var e={},r=Object.keys(t),o,a;for(a=0;a<r.length;a++)o=r[a],!(n.indexOf(o)>=0)&&(e[o]=t[o]);return e}function P(t,n){var e=t.Component,r=t.country,o=t.defaultCountry,a=t.useNationalFormatForDefaultCountryValue,s=a===void 0?!0:a,p=t.value,c=t.onChange,i=t.metadata,d=t.international,m=t.withCountryCallingCode,b=ft(t,ct),g=it({value:p,onChange:c,country:r,defaultCountry:o,international:d,withCountryCallingCode:m,useNationalFormatForDefaultCountryValue:s,metadata:i}),w=g.phoneDigits,I=g.setPhoneDigits,F=g.inputFormat;return f.createElement(e,j({},b,{ref:n,metadata:i,inputFormat:F,international:d,withCountryCallingCode:m,country:r||o,value:w,onChange:I}))}P=f.forwardRef(P);P.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 r in e)Object.prototype.hasOwnProperty.call(e,r)&&(t[r]=e[r])}return t},S.apply(this,arguments)}function dt(t,n){if(t==null)return{};var e=Ct(t,n),r,o;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(o=0;o<a.length;o++)r=a[o],!(n.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(t,r)&&(e[r]=t[r])}return e}function Ct(t,n){if(t==null)return{};var e={},r=Object.keys(t),o,a;for(a=0;a<r.length;a++)o=r[a],!(n.indexOf(o)>=0)&&(e[o]=t[o]);return e}function k(t){function n(e,r){var o=e.type,a=o===void 0?"tel":o,s=e.autoComplete,p=s===void 0?"tel":s,c=e.smartCaret,i=c===void 0?!0:c,d=e.metadata,m=d===void 0?t:d,b=dt(e,yt);return f.createElement(P,S({},b,{type:a,autoComplete:p,metadata:m,ref:r,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 Y(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 Y(u.getCountryCallingCode$1,arguments)}function mt(){return Y(u.isSupportedCountry$1,arguments)}const U=f.forwardRef(({placeholder:t="000 - 000 - 000",...n},e)=>{const{activeCountry:r,isDisabled:o,value:a,onValueChange:s}=nt.usePhoneNumberContext(),p=c=>{if(!c)return"";let i="";return r&&mt(r)&&(i=W(r)),c.replace(`+${i}`,"")};return R.jsxs(tt.InputRoot,{"data-slot":"phone-number-digit-field",className:" has-disabled:opacity-50",children:[R.jsxs("p",{className:q.cn("body-extrasmall-book"),children:["(+",W(r||"US"),")"]}),R.jsx(et.InputField,{...n,disabled:o,placeholder:t,value:p(a),onChange:c=>{const i=q.getPhoneNumberDigitMetadataValueObject({value:c.target.value,activeCountry:r});s&&(c.target.value=i.digit,s(i))},ref:e})]})});U.displayName="PhoneNumberDigitField";exports.PhoneNumberDigitField=U;
+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}),m=f.useRef(),b=function(d,C,v){console.error("[react-phone-number-input] Expected phone number ".concat(d," to correspond to country ").concat(C," but ").concat(v?"in reality it corresponds to country "+v:"it doesn't",".")),m.current=!0},g=function(d){return e&&u.validateE164Number(e),lt(e,r,a,s,y,i,function(){d&&d.onCountryMismatch&&d.onCountryMismatch();for(var C=arguments.length,v=new Array(C),O=0;O<C;O++)v[O]=arguments[O];b.apply(n,v)})},w=f.useState(r),I=T(w,2),F=I[0],B=I[1],H=f.useState(a),E=T(H,2),z=E[0],G=E[1],J=f.useState(g()),_=T(J,2),K=_[0],h=_[1],Q=f.useState(e),L=T(Q,2),A=L[0],N=L[1],X=f.useState(),x=T(X,2);x[0];var $=x[1],D=f.useCallback(function(){return $({})},[$]);function V(l){if(l){s==="NATIONAL_PART_OF_INTERNATIONAL"&&(l="+".concat(u.getCountryCallingCode$1(r,i)).concat(l));var d=new u.AsYouType(r||a,i);return d.input(l),d.getNumberValue()}}f.useEffect(function(){e!==A&&(N(e),h(g()))},[e]),f.useEffect(function(){if(r!==F){B(r);var l,d=g({onCountryMismatch:function(){l=!0}});h(d),l&&N(V(d))}},[r]),f.useEffect(function(){a!==z&&(G(a),h(g()))},[a]),f.useEffect(function(){A!==e&&o(A)},[A]);var Z=f.useCallback(function(l){var d;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(!m.current)return h(C),N(void 0),D()}}else l&&l[0]==="+"&&(l=l.slice(1));else a||l&&l[0]!=="+"&&(l="+"+l);l&&(d=V(l)),h(l),N(d)},[r,s,a,i,h,N,D,m]);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 P(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,m=t.withCountryCallingCode,b=ft(t,ct),g=it({value:p,onChange:y,country:o,defaultCountry:r,international:s,withCountryCallingCode:m,useNationalFormatForDefaultCountryValue:c,metadata:i}),w=g.phoneDigits,I=g.setPhoneDigits,F=g.inputFormat;return f.createElement(e,j({},b,{ref:n,metadata:i,inputFormat:F,international:s,withCountryCallingCode:m,country:o||r,value:w,onChange:I}))}P=f.forwardRef(P);P.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=Ct(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 Ct(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,m=s===void 0?t:s,b=dt(e,yt);return f.createElement(P,S({},b,{type:a,autoComplete:p,metadata:m,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 Y(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 Y(u.getCountryCallingCode$1,arguments)}function mt(){return Y(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}=nt.usePhoneNumberContext(),y=i=>{if(!i)return"";let s="";return r&&mt(r)&&(s=W(r)),i.replace(`+${s}`,"")};return R.jsxs(tt.InputRoot,{"data-slot":"phone-number-digit-field",className:" has-disabled:opacity-50",children:[R.jsxs("p",{className:q.cn("body-extrasmall-book"),children:["(+",W(r||"US"),")"]}),R.jsx(et.InputField,{...e,disabled:n||a,placeholder:t,value:y(c),onChange:i=>{const s=q.getPhoneNumberDigitMetadataValueObject({value:i.target.value,activeCountry:r});p&&(i.target.value=s.digit,p(s))},ref:o})]})});U.displayName="PhoneNumberDigitField";exports.PhoneNumberDigitField=U;

package/dist/mainstack-design-system592.js

@@ -24,22 +24,22 @@ function vt(t, n) {
 }
 function B(t, n) {
   (n == null || n > t.length) && (n = t.length);
-  for (var e = 0, r = new Array(n); e < n; e++) r[e] = t[e];
-  return r;
+  for (var e = 0, a = new Array(n); e < n; e++) a[e] = t[e];
+  return a;
 }
 function At(t, n) {
   var e = t == null ? null : typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
   if (e != null) {
-    var r, a, o, l, f = [], s = !0, i = !1;
+    var a, r, o, s, f = [], c = !0, i = !1;
     try {
-      if (o = (e = e.call(t)).next, n !== 0) for (; !(s = (r = o.call(e)).done) && (f.push(r.value), f.length !== n); s = !0) ;
-    } catch (y) {
-      i = !0, a = y;
+      if (o = (e = e.call(t)).next, n !== 0) for (; !(c = (a = o.call(e)).done) && (f.push(a.value), f.length !== n); c = !0) ;
+    } catch (l) {
+      i = !0, r = l;
     } finally {
       try {
-        if (!s && e.return != null && (l = e.return(), Object(l) !== l)) return;
+        if (!c && e.return != null && (s = e.return(), Object(s) !== s)) return;
       } finally {
-        if (i) throw a;
+        if (i) throw r;
       }
     }
     return f;
@@ -49,56 +49,56 @@ function Ot(t) {
   if (Array.isArray(t)) return t;
 }
 function It(t) {
-  var n = this, e = t.value, r = t.onChange, a = t.country, o = t.defaultCountry, l = t.international, f = t.withCountryCallingCode, s = t.useNationalFormatForDefaultCountryValue, i = t.metadata;
-  typeof f == "boolean" && !(a && l) && console.error("[react-phone-number-input] `withCountryCallingCode` property can only be used together with `country` and `international` properties"), a && o && console.error("[react-phone-number-input] When `country` property is passed, `defaultCountry` property has no effect and therefore shouldn't be passed"), typeof l == "boolean" && !a && console.error("[react-phone-number-input] `international` property can only be used together with `country` property");
-  var y = Pt({
-    international: l,
-    country: a,
+  var n = this, e = t.value, a = t.onChange, r = t.country, o = t.defaultCountry, s = t.international, f = t.withCountryCallingCode, c = t.useNationalFormatForDefaultCountryValue, i = t.metadata;
+  typeof f == "boolean" && !(r && s) && console.error("[react-phone-number-input] `withCountryCallingCode` property can only be used together with `country` and `international` properties"), r && o && console.error("[react-phone-number-input] When `country` property is passed, `defaultCountry` property has no effect and therefore shouldn't be passed"), typeof s == "boolean" && !r && console.error("[react-phone-number-input] `international` property can only be used together with `country` property");
+  var l = Pt({
+    international: s,
+    country: r,
     defaultCountry: o,
     withCountryCallingCode: f
-  }), m = ut(), h = function(c, d, b) {
-    console.error("[react-phone-number-input] Expected phone number ".concat(c, " to correspond to country ").concat(d, " but ").concat(b ? "in reality it corresponds to country " + b : "it doesn't", ".")), m.current = !0;
-  }, C = function(c) {
-    return e && ct(e), Tt(e, a, o, y, s, i, function() {
-      c && c.onCountryMismatch && c.onCountryMismatch();
+  }), m = ut(), h = function(y, d, b) {
+    console.error("[react-phone-number-input] Expected phone number ".concat(y, " to correspond to country ").concat(d, " but ").concat(b ? "in reality it corresponds to country " + b : "it doesn't", ".")), m.current = !0;
+  }, C = function(y) {
+    return e && ct(e), Tt(e, r, o, l, c, i, function() {
+      y && y.onCountryMismatch && y.onCountryMismatch();
       for (var d = arguments.length, b = new Array(d), T = 0; T < d; T++)
         b[T] = arguments[T];
       h.apply(n, b);
     });
-  }, j = v(a), O = A(j, 2), E = O[0], Q = O[1], X = v(o), $ = A(X, 2), Z = $[0], tt = $[1], et = v(C()), V = A(et, 2), nt = V[0], g = V[1], rt = v(e), D = A(rt, 2), I = D[0], N = D[1], at = v(), M = A(at, 2);
+  }, j = v(r), O = A(j, 2), E = O[0], Q = O[1], X = v(o), $ = A(X, 2), Z = $[0], tt = $[1], et = v(C()), V = A(et, 2), nt = V[0], g = V[1], rt = v(e), D = A(rt, 2), I = D[0], N = D[1], at = v(), M = A(at, 2);
   M[0];
   var W = M[1], k = q(function() {
     return W({});
   }, [W]);
   function U(u) {
     if (u) {
-      y === "NATIONAL_PART_OF_INTERNATIONAL" && (u = "+".concat(F(a, i)).concat(u));
-      var c = new z(a || o, i);
-      return c.input(u), c.getNumberValue();
+      l === "NATIONAL_PART_OF_INTERNATIONAL" && (u = "+".concat(F(r, i)).concat(u));
+      var y = new z(r || o, i);
+      return y.input(u), y.getNumberValue();
     }
   }
   P(function() {
     e !== I && (N(e), g(C()));
   }, [e]), P(function() {
-    if (a !== E) {
-      Q(a);
-      var u, c = C({
+    if (r !== E) {
+      Q(r);
+      var u, y = C({
         onCountryMismatch: function() {
           u = !0;
         }
       });
-      g(c), u && N(U(c));
+      g(y), u && N(U(y));
     }
-  }, [a]), P(function() {
+  }, [r]), P(function() {
     o !== Z && (tt(o), g(C()));
   }, [o]), P(function() {
-    I !== e && r(I);
+    I !== e && a(I);
   }, [I]);
   var ot = q(function(u) {
-    var c;
-    if (a)
-      if (y === "INTERNATIONAL") {
-        var d = S(a, i);
+    var y;
+    if (r)
+      if (l === "INTERNATIONAL") {
+        var d = S(r, i);
         if (u.indexOf(d) !== 0) {
           if (u && u[0] !== "+")
             u = d + u;
@@ -107,29 +107,29 @@ function It(t) {
       } else
         u && u[0] === "+" && (u = u.slice(1));
     else o || u && u[0] !== "+" && (u = "+" + u);
-    u && (c = U(u)), g(u), N(c);
-  }, [a, y, o, i, g, N, k, m]);
+    u && (y = U(u)), g(u), N(y);
+  }, [r, l, o, i, g, N, k, m]);
   return {
     phoneDigits: nt,
     setPhoneDigits: ot,
-    inputFormat: y
+    inputFormat: l
   };
 }
-function Tt(t, n, e, r, a, o, l) {
-  if (n && r === "INTERNATIONAL") {
+function Tt(t, n, e, a, r, o, s) {
+  if (n && a === "INTERNATIONAL") {
     var f = S(n, o);
-    return t ? (t.indexOf(f) !== 0 && l(t, n), t) : f;
+    return t ? (t.indexOf(f) !== 0 && s(t, n), t) : f;
   }
   if (!t)
     return "";
   if (!n && !e)
     return t;
-  var s = new z(void 0, o);
-  s.input(t);
-  var i = s.getNumber();
+  var c = new z(void 0, o);
+  c.input(t);
+  var i = c.getNumber();
   if (i)
     if (n)
-      switch (i.country && i.country !== n ? l(t, n, i.country) : i.countryCallingCode !== F(n, o) && l(t, n), r) {
+      switch (i.country && i.country !== n ? s(t, n, i.country) : i.countryCallingCode !== F(n, o) && s(t, n), a) {
         case "NATIONAL":
           return L(i.formatNational());
         case "NATIONAL_PART_OF_INTERNATIONAL":
@@ -139,63 +139,63 @@ function Tt(t, n, e, r, a, o, l) {
         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(r));
+          throw new Error("Unknown `inputFormat`: ".concat(a));
       }
     else
-      return i.countryCallingCode && i.countryCallingCode === F(e, o) && a ? L(i.formatNational()) : t;
+      return i.countryCallingCode && i.countryCallingCode === F(e, o) && r ? L(i.formatNational()) : t;
   else
     return "";
 }
 function Pt(t) {
-  var n = t.international, e = t.country, r = t.defaultCountry, a = t.withCountryCallingCode;
-  return e ? n ? a ? "INTERNATIONAL" : "NATIONAL_PART_OF_INTERNATIONAL" : "NATIONAL" : r ? "INTERNATIONAL_OR_NATIONAL" : "INTERNATIONAL";
+  var n = t.international, e = t.country, a = t.defaultCountry, r = t.withCountryCallingCode;
+  return e ? n ? r ? "INTERNATIONAL" : "NATIONAL_PART_OF_INTERNATIONAL" : "NATIONAL" : a ? "INTERNATIONAL_OR_NATIONAL" : "INTERNATIONAL";
 }
 var wt = ["Component", "country", "defaultCountry", "useNationalFormatForDefaultCountryValue", "value", "onChange", "metadata", "international", "withCountryCallingCode"];
 function _() {
   return _ = Object.assign ? Object.assign.bind() : function(t) {
     for (var n = 1; n < arguments.length; n++) {
       var e = arguments[n];
-      for (var r in e)
-        Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
+      for (var a in e)
+        Object.prototype.hasOwnProperty.call(e, a) && (t[a] = e[a]);
     }
     return t;
   }, _.apply(this, arguments);
 }
 function Ft(t, n) {
   if (t == null) return {};
-  var e = Rt(t, n), r, a;
+  var e = Rt(t, n), a, r;
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(t);
-    for (a = 0; a < o.length; a++)
-      r = o[a], !(n.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(t, r) && (e[r] = t[r]);
+    for (r = 0; r < o.length; r++)
+      a = o[r], !(n.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(t, a) && (e[a] = t[a]);
   }
   return e;
 }
 function Rt(t, n) {
   if (t == null) return {};
-  var e = {}, r = Object.keys(t), a, o;
-  for (o = 0; o < r.length; o++)
-    a = r[o], !(n.indexOf(a) >= 0) && (e[a] = t[a]);
+  var e = {}, a = Object.keys(t), r, o;
+  for (o = 0; o < a.length; o++)
+    r = a[o], !(n.indexOf(r) >= 0) && (e[r] = t[r]);
   return e;
 }
 function R(t, n) {
-  var e = t.Component, r = t.country, a = t.defaultCountry, o = t.useNationalFormatForDefaultCountryValue, l = o === void 0 ? !0 : o, f = t.value, s = t.onChange, i = t.metadata, y = t.international, m = t.withCountryCallingCode, h = Ft(t, wt), C = It({
+  var e = t.Component, a = t.country, r = t.defaultCountry, o = t.useNationalFormatForDefaultCountryValue, s = o === void 0 ? !0 : o, f = t.value, c = t.onChange, i = t.metadata, l = t.international, m = t.withCountryCallingCode, h = Ft(t, wt), C = It({
     value: f,
-    onChange: s,
-    country: r,
-    defaultCountry: a,
-    international: y,
+    onChange: c,
+    country: a,
+    defaultCountry: r,
+    international: l,
     withCountryCallingCode: m,
-    useNationalFormatForDefaultCountryValue: l,
+    useNationalFormatForDefaultCountryValue: s,
     metadata: i
   }), j = C.phoneDigits, O = C.setPhoneDigits, E = C.inputFormat;
   return /* @__PURE__ */ w.createElement(e, _({}, h, {
     ref: n,
     metadata: i,
     inputFormat: E,
-    international: y,
+    international: l,
     withCountryCallingCode: m,
-    country: r || a,
+    country: a || r,
     value: j,
     onChange: O
   }));
@@ -273,37 +273,37 @@ function x() {
   return x = Object.assign ? Object.assign.bind() : function(t) {
     for (var n = 1; n < arguments.length; n++) {
       var e = arguments[n];
-      for (var r in e)
-        Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
+      for (var a in e)
+        Object.prototype.hasOwnProperty.call(e, a) && (t[a] = e[a]);
     }
     return t;
   }, x.apply(this, arguments);
 }
 function Et(t, n) {
   if (t == null) return {};
-  var e = Lt(t, n), r, a;
+  var e = Lt(t, n), a, r;
   if (Object.getOwnPropertySymbols) {
     var o = Object.getOwnPropertySymbols(t);
-    for (a = 0; a < o.length; a++)
-      r = o[a], !(n.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(t, r) && (e[r] = t[r]);
+    for (r = 0; r < o.length; r++)
+      a = o[r], !(n.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(t, a) && (e[a] = t[a]);
   }
   return e;
 }
 function Lt(t, n) {
   if (t == null) return {};
-  var e = {}, r = Object.keys(t), a, o;
-  for (o = 0; o < r.length; o++)
-    a = r[o], !(n.indexOf(a) >= 0) && (e[a] = t[a]);
+  var e = {}, a = Object.keys(t), r, o;
+  for (o = 0; o < a.length; o++)
+    r = a[o], !(n.indexOf(r) >= 0) && (e[r] = t[r]);
   return e;
 }
 function J(t) {
-  function n(e, r) {
-    var a = e.type, o = a === void 0 ? "tel" : a, l = e.autoComplete, f = l === void 0 ? "tel" : l, s = e.smartCaret, i = s === void 0 ? !0 : s, y = e.metadata, m = y === void 0 ? t : y, h = Et(e, jt);
+  function n(e, a) {
+    var r = e.type, o = r === void 0 ? "tel" : r, s = e.autoComplete, f = s === void 0 ? "tel" : s, c = e.smartCaret, i = c === void 0 ? !0 : c, l = e.metadata, m = l === void 0 ? t : l, h = Et(e, jt);
     return /* @__PURE__ */ w.createElement(R, x({}, h, {
       type: o,
       autoComplete: f,
       metadata: m,
-      ref: r,
+      ref: a,
       Component: i ? dt : mt
     }));
   }
@@ -344,11 +344,15 @@ function St() {
   return K(Ct, arguments);
 }
 const _t = lt(
-  ({ placeholder: t = "000 - 000 - 000", ...n }, e) => {
-    const { activeCountry: r, isDisabled: a, value: o, onValueChange: l } = Nt(), f = (s) => {
-      if (!s) return "";
-      let i = "";
-      return r && St(r) && (i = H(r)), s.replace(`+${i}`, "");
+  ({
+    placeholder: t = "000 - 000 - 000",
+    disabled: n,
+    ...e
+  }, a) => {
+    const { activeCountry: r, isDisabled: o, value: s, onValueChange: f } = Nt(), c = (i) => {
+      if (!i) return "";
+      let l = "";
+      return r && St(r) && (l = H(r)), i.replace(`+${l}`, "");
     };
     return /* @__PURE__ */ Y(
       st,
@@ -364,18 +368,18 @@ const _t = lt(
           /* @__PURE__ */ it(
             ft,
             {
-              ...n,
-              disabled: a,
+              ...e,
+              disabled: n || o,
               placeholder: t,
-              value: f(o),
-              onChange: (s) => {
-                const i = ht({
-                  value: s.target.value,
+              value: c(s),
+              onChange: (i) => {
+                const l = ht({
+                  value: i.target.value,
                   activeCountry: r
                 });
-                l && (s.target.value = i.digit, l(i));
+                f && (i.target.value = l.digit, f(l));
               },
-              ref: e
+              ref: a
             }
           )
         ]

package/package.json

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