mainstack-design-system 1.4.1 → 1.4.2

package/dist/mainstack-design-system602.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),G=require("./utils-FBJ8OQ9f.cjs");require("./mainstack-design-system355.cjs");const e=require("./mainstack-design-system246.cjs");require("react");require("./player-BKifgSJo.cjs");const B=["AC","AD","AE","AF","AG","AI","AL","AM","AO","AQ","AR","AS","AT","AU","AW","AX","AZ","BA","BB","BD","BE","BF","BG","BH","BI","BJ","BL","BM","BN","BO","BQ-BO","BQ-SA","BQ-SE","BQ","BR","BS","BT","BV","BW","BY","BZ","CA","CC","CD","CF","CG","CH","CI","CK","CL","CM","CN","CO","CR","CU","CV","CW","CX","CY","CZ","DE","DJ","DK","DM","DO","DZ","EC","EE","EG","EH","ER","ES-CT","ES","ET","EU","FI","FJ","FK","FM","FO","FR","GA","GB-ENG","GB-NIR","GB-SCT","GB-WLS","GB","GD","GE","GF","GG","GH","GI","GL","GM","GN","GP","GQ","GR","GS","GT","GU","GW","GY","HK","HM","HN","HR","HT","HU","IC","ID","IE","IL","IM","IN","IO","IQ","IR","IS","IT","JE","JM","JO","JP","KE","KG","KH","KI","KM","KN","KP","KR","KW","KY","KZ","LA","LB","LC","LI","LK","LR","LS","LT","LU","LV","LY","MA","MC","MD","ME","MF","MG","MH","MK","ML","MM","MN","MO","MP","MQ","MR","MS","MT","MU","MV","MW","MX","MY","MZ","NA","NC","NE","NF","NG","NI","NL","NO","NP","NR","NU","NZ","OM","PA","PE","PF","PG","PH","PK","PL","PM","PN","PR","PS","PT","PW","PY","QA","RE","RO","RS","RU","RW","SA","SB","SC","SD","SE","SG","SH","SI","SJ","SK","SL","SM","SN","SO","SR","SS","ST","SV","SX","SY","SZ","TA","TC","TD","TF","TG","TH","TJ","TK","TL","TM","TN","TO","TR","TT","TV","TW","TZ","UA","UG","UM","US","UY","UZ","VA","VC","VE","VG","VI","VN","VU","WF","WS","XA","XC","XK","XO","YE","YT","ZA","ZM","ZW"];function T(M){return B.indexOf(M)>=0}const A=M=>{const C=S.jsx(e,{className:"size-20"});return!M||!T(M)?C:S.jsx("span",{className:G.cn(`flag:${M}`,"size-20! min-w-20  overflow-hidden rounded-full")})};exports.getCountryFlagComp=A;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),G=require("./utils-KlkRDGof.cjs");require("./mainstack-design-system355.cjs");const e=require("./mainstack-design-system246.cjs");require("react");require("./player-BKifgSJo.cjs");const B=["AC","AD","AE","AF","AG","AI","AL","AM","AO","AQ","AR","AS","AT","AU","AW","AX","AZ","BA","BB","BD","BE","BF","BG","BH","BI","BJ","BL","BM","BN","BO","BQ-BO","BQ-SA","BQ-SE","BQ","BR","BS","BT","BV","BW","BY","BZ","CA","CC","CD","CF","CG","CH","CI","CK","CL","CM","CN","CO","CR","CU","CV","CW","CX","CY","CZ","DE","DJ","DK","DM","DO","DZ","EC","EE","EG","EH","ER","ES-CT","ES","ET","EU","FI","FJ","FK","FM","FO","FR","GA","GB-ENG","GB-NIR","GB-SCT","GB-WLS","GB","GD","GE","GF","GG","GH","GI","GL","GM","GN","GP","GQ","GR","GS","GT","GU","GW","GY","HK","HM","HN","HR","HT","HU","IC","ID","IE","IL","IM","IN","IO","IQ","IR","IS","IT","JE","JM","JO","JP","KE","KG","KH","KI","KM","KN","KP","KR","KW","KY","KZ","LA","LB","LC","LI","LK","LR","LS","LT","LU","LV","LY","MA","MC","MD","ME","MF","MG","MH","MK","ML","MM","MN","MO","MP","MQ","MR","MS","MT","MU","MV","MW","MX","MY","MZ","NA","NC","NE","NF","NG","NI","NL","NO","NP","NR","NU","NZ","OM","PA","PE","PF","PG","PH","PK","PL","PM","PN","PR","PS","PT","PW","PY","QA","RE","RO","RS","RU","RW","SA","SB","SC","SD","SE","SG","SH","SI","SJ","SK","SL","SM","SN","SO","SR","SS","ST","SV","SX","SY","SZ","TA","TC","TD","TF","TG","TH","TJ","TK","TL","TM","TN","TO","TR","TT","TV","TW","TZ","UA","UG","UM","US","UY","UZ","VA","VC","VE","VG","VI","VN","VU","WF","WS","XA","XC","XK","XO","YE","YT","ZA","ZM","ZW"];function T(M){return B.indexOf(M)>=0}const A=M=>{const C=S.jsx(e,{className:"mds:size-20"});return!M||!T(M)?C:S.jsx("span",{className:G.cn(`flag:${M}`,"mds:size-20! mds:min-w-20 mds:overflow-hidden mds:rounded-full")})};exports.getCountryFlagComp=A;

package/dist/mainstack-design-system602.js

@@ -1,5 +1,5 @@
 import { jsx as S } from "react/jsx-runtime";
-import { c as C } from "./utils-DnnzGb1L.js";
+import { c as C } from "./utils-Opg_zrKx.js";
 import "./mainstack-design-system355.js";
 import B from "./mainstack-design-system246.js";
 import "react";
@@ -9,13 +9,13 @@ function T(M) {
   return A.indexOf(M) >= 0;
 }
 const P = (M) => {
-  const G = /* @__PURE__ */ S(B, { className: "size-20" });
+  const G = /* @__PURE__ */ S(B, { className: "mds:size-20" });
   return !M || !T(M) ? G : /* @__PURE__ */ S(
     "span",
     {
       className: C(
         `flag:${M}`,
-        "size-20! min-w-20  overflow-hidden rounded-full"
+        "mds:size-20! mds:min-w-20 mds:overflow-hidden mds:rounded-full"
       )
     }
   );

package/dist/mainstack-design-system603.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-system433.cjs"),et=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");const u=require("./index-C7rXc8w3.cjs"),q=require("./utils-FBJ8OQ9f.cjs"),nt=require("./mainstack-design-system577.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}),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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),f=require("react"),tt=require("./mainstack-design-system433.cjs"),et=require("./mainstack-design-system434.cjs");require("./mainstack-design-system432.cjs");const u=require("./index-C7rXc8w3.cjs"),q=require("./utils-KlkRDGof.cjs"),nt=require("./mainstack-design-system577.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}),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:"mds: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-system603.js

@@ -5,7 +5,7 @@ import { InputRoot as st } from "./mainstack-design-system433.js";
 import { InputField as ft } from "./mainstack-design-system434.js";
 import "./mainstack-design-system432.js";
 import { b as S, v as ct, d as F, A as z, p as L, r as yt, m as pt, P as p, I as dt, e as mt, f as G, h as Ct } from "./index-BQdKkfuK.js";
-import { c as gt, d as ht } from "./utils-DnnzGb1L.js";
+import { c as gt, d as ht } from "./utils-Opg_zrKx.js";
 import { usePhoneNumberContext as Nt } from "./mainstack-design-system577.js";
 function A(t, n) {
   return Ot(t) || At(t, n) || vt(t, n) || bt();
@@ -358,7 +358,7 @@ const _t = lt(
       st,
       {
         "data-slot": "phone-number-digit-field",
-        className: " has-disabled:opacity-50",
+        className: "mds:has-disabled:opacity-50",
         children: [
           /* @__PURE__ */ Y("p", { className: gt("body-extrasmall-book"), children: [
             "(+",

package/dist/mainstack-design-system604.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),M=require("react"),l=require("./utils-FBJ8OQ9f.cjs"),j=require("./mainstack-design-system592.cjs"),f=require("./index-BgzojN8c.cjs"),v=require("./mainstack-design-system593.cjs");function p(s,i){return l.toDate(s,i?.in).getHours()}function k(s,i){return l.toDate(s,i?.in).getMinutes()}function g(s,i,d){const r=l.toDate(s,d?.in);return r.setHours(i),r}function A(s,i,d){const r=l.toDate(s,d?.in);return r.setMinutes(i),r}const P=M.forwardRef(({className:s,...i},d)=>{const{value:r,onValueChange:x,isDisabled:w}=j.useTimePickerContext(),b=M.useRef({Hours:{},Minutes:{},"AM/PM":{}}),c=M.useMemo(()=>{const e={Hours:"",Minutes:"","AM/PM":""};if(!r)return e;let a=p(r)%12;return a=a===0?12:a,e.Hours=a.toString().padStart(2,"0"),e.Minutes=k(r).toString().padStart(2,"0"),e["AM/PM"]=p(r)>=12?"PM":"AM",e},[r]);return M.useEffect(()=>{const e=b.current.Hours[c.Hours],a=b.current.Minutes[c.Minutes],o=b.current["AM/PM"][c["AM/PM"]];(e||a||o)&&(e?.scrollIntoView({block:"center",behavior:"smooth"}),a?.scrollIntoView({block:"center",behavior:"smooth"}),o?.scrollIntoView({block:"center",behavior:"smooth"}))},[c]),n.jsx("div",{"data-slot":"date-picker-calendar",className:l.cn("@container grid grid-cols-3 justify-items-center gap-16 p-16 pb-0 ",s),ref:d,...i,children:Object.entries(v.timeOptionBreakdown).map(([e,a])=>n.jsxs("div",{className:"flex flex-col gap-16",children:[n.jsx("h6",{className:l.cn("body-extrasmall-regular","text-secondary"),children:e}),n.jsxs(f.ScrollArea,{style:{"--scrollbar-size":"8px"},className:"h-210 overflow-hidden rounded-4",children:[n.jsx(f.ScrollAreaViewport,{className:"h-full w-full pr-10 rounded-4",children:n.jsx("div",{className:"flex flex-col gap-16",children:a.map(o=>n.jsx("button",{"data-selected":c[e]===o,className:l.cn("body-extrasmall-book","size-36 basis-36 shrink-0 grow-0 text-primary rounded-full cursor-pointer hover:bg-interactive-secondary data-[selected=true]:bg-interactive-primary data-[selected=true]:text-neutral-50 disabled:cursor-not-allowed disabled:opacity-50"),disabled:w,onClick:()=>{let t=r||new Date;const m=e;let h=0;if(m==="AM/PM"){h=o==="PM"?12:0;let u=+c.Hours;u===12&&(u=0),t=g(t,u+h),x(t)}if(m==="Hours"){h=c["AM/PM"]==="PM"?12:0;let u=+o;u===12&&(u=0),t=g(t,u+h),x(t)}m==="Minutes"&&(t=A(t,+o),x(t))},ref:t=>{const m=e;t&&(b.current[m][o]=t)},children:o},o))})}),n.jsx(f.ScrollAreaScrollbar,{orientation:"vertical",className:"flex select-none touch-none p-2 w-(--scrollbar-size) flex-col transition-all duration-200 ease-out bg-surface-neutral-l1",children:n.jsx(f.ScrollAreaThumb,{className:l.cn(" rounded-(--scrollbar-size) bg-border-interactive-neutral-inverse-hover relative","before:content-[''] before:absolute before:top-1/2 before:left-1/2  before:-translate-1/2 before:size-full before:min-w-44 before:min-h-44")})}),n.jsx(f.ScrollAreaCorner,{className:"bg-border-interactive-neutral-inverse-hover"})]})]},e))})});P.displayName="TimePickerCalendar";exports.TimePickerCalendar=P;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),M=require("react"),a=require("./utils-KlkRDGof.cjs"),j=require("./mainstack-design-system592.cjs"),f=require("./index-BgzojN8c.cjs"),v=require("./mainstack-design-system593.cjs");function p(n,i){return a.toDate(n,i?.in).getHours()}function k(n,i){return a.toDate(n,i?.in).getMinutes()}function g(n,i,m){const s=a.toDate(n,m?.in);return s.setHours(i),s}function A(n,i,m){const s=a.toDate(n,m?.in);return s.setMinutes(i),s}const P=M.forwardRef(({className:n,...i},m)=>{const{value:s,onValueChange:x,isDisabled:w}=j.useTimePickerContext(),b=M.useRef({Hours:{},Minutes:{},"AM/PM":{}}),l=M.useMemo(()=>{const e={Hours:"",Minutes:"","AM/PM":""};if(!s)return e;let d=p(s)%12;return d=d===0?12:d,e.Hours=d.toString().padStart(2,"0"),e.Minutes=k(s).toString().padStart(2,"0"),e["AM/PM"]=p(s)>=12?"PM":"AM",e},[s]);return M.useEffect(()=>{const e=b.current.Hours[l.Hours],d=b.current.Minutes[l.Minutes],t=b.current["AM/PM"][l["AM/PM"]];(e||d||t)&&(e?.scrollIntoView({block:"center",behavior:"smooth"}),d?.scrollIntoView({block:"center",behavior:"smooth"}),t?.scrollIntoView({block:"center",behavior:"smooth"}))},[l]),o.jsx("div",{"data-slot":"date-picker-calendar",className:a.cn("mds:@container mds:grid mds:grid-cols-3 mds:justify-items-center mds:gap-16 mds:p-16 mds:pb-0 ",n),ref:m,...i,children:Object.entries(v.timeOptionBreakdown).map(([e,d])=>o.jsxs("div",{className:"mds:flex mds:flex-col mds:gap-16",children:[o.jsx("h6",{className:a.cn("body-extrasmall-regular","mds:text-secondary"),children:e}),o.jsxs(f.ScrollArea,{style:{"--scrollbar-size":"8px"},className:"mds:h-210 mds:overflow-hidden mds:rounded-4",children:[o.jsx(f.ScrollAreaViewport,{className:"mds:h-full mds:w-full mds:pr-10 mds:rounded-4",children:o.jsx("div",{className:"mds:flex mds:flex-col mds:gap-16",children:d.map(t=>o.jsx("button",{"data-selected":l[e]===t,className:a.cn("body-extrasmall-book","mds:size-36 mds:basis-36 mds:shrink-0 mds:grow-0 mds:text-primary mds:rounded-full mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-[selected=true]:bg-interactive-primary mds:data-[selected=true]:text-neutral-50 mds:disabled:cursor-not-allowed mds:disabled:opacity-50"),disabled:w,onClick:()=>{let r=s||new Date;const u=e;let h=0;if(u==="AM/PM"){h=t==="PM"?12:0;let c=+l.Hours;c===12&&(c=0),r=g(r,c+h),x(r)}if(u==="Hours"){h=l["AM/PM"]==="PM"?12:0;let c=+t;c===12&&(c=0),r=g(r,c+h),x(r)}u==="Minutes"&&(r=A(r,+t),x(r))},ref:r=>{const u=e;r&&(b.current[u][t]=r)},children:t},t))})}),o.jsx(f.ScrollAreaScrollbar,{orientation:"vertical",className:"mds:flex mds:select-none mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1",children:o.jsx(f.ScrollAreaThumb,{className:a.cn(" mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative","mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44")})}),o.jsx(f.ScrollAreaCorner,{className:"mds:bg-border-interactive-neutral-inverse-hover"})]})]},e))})});P.displayName="TimePickerCalendar";exports.TimePickerCalendar=P;

package/dist/mainstack-design-system604.js

@@ -1,117 +1,117 @@
 'use client';
-import { jsx as i, jsxs as M } from "react/jsx-runtime";
+import { jsx as d, jsxs as M } from "react/jsx-runtime";
 import { forwardRef as P, useRef as v, useMemo as A, useEffect as H } from "react";
-import { t as h, c as b } from "./utils-DnnzGb1L.js";
+import { t as h, c as b } from "./utils-Opg_zrKx.js";
 import { useTimePickerContext as N } from "./mainstack-design-system592.js";
 import { S, a as k, b as V, c as y, d as C } from "./index-CLUgda6x.js";
 import { timeOptionBreakdown as j } from "./mainstack-design-system593.js";
-function g(s, n) {
-  return h(s, n?.in).getHours();
+function g(o, n) {
+  return h(o, n?.in).getHours();
 }
-function z(s, n) {
-  return h(s, n?.in).getMinutes();
+function z(o, n) {
+  return h(o, n?.in).getMinutes();
 }
-function w(s, n, u) {
-  const r = h(s, u?.in);
-  return r.setHours(n), r;
+function w(o, n, m) {
+  const s = h(o, m?.in);
+  return s.setHours(n), s;
 }
-function O(s, n, u) {
-  const r = h(s, u?.in);
-  return r.setMinutes(n), r;
+function O(o, n, m) {
+  const s = h(o, m?.in);
+  return s.setMinutes(n), s;
 }
 const D = P(
-  ({ className: s, ...n }, u) => {
+  ({ className: o, ...n }, m) => {
     const {
-      value: r,
+      value: s,
       onValueChange: p,
       isDisabled: x
-    } = N(), f = v({
+    } = N(), u = v({
       Hours: {},
       Minutes: {},
       "AM/PM": {}
-    }), l = A(() => {
+    }), i = A(() => {
       const e = {
         Hours: "",
         Minutes: "",
         "AM/PM": ""
       };
-      if (!r) return e;
-      let a = g(r) % 12;
-      return a = a === 0 ? 12 : a, e.Hours = a.toString().padStart(2, "0"), e.Minutes = z(r).toString().padStart(2, "0"), e["AM/PM"] = g(r) >= 12 ? "PM" : "AM", e;
-    }, [r]);
+      if (!s) return e;
+      let a = g(s) % 12;
+      return a = a === 0 ? 12 : a, e.Hours = a.toString().padStart(2, "0"), e.Minutes = z(s).toString().padStart(2, "0"), e["AM/PM"] = g(s) >= 12 ? "PM" : "AM", e;
+    }, [s]);
     return H(() => {
-      const e = f.current.Hours[l.Hours], a = f.current.Minutes[l.Minutes], o = f.current["AM/PM"][l["AM/PM"]];
-      (e || a || o) && (e?.scrollIntoView({ block: "center", behavior: "smooth" }), a?.scrollIntoView({ block: "center", behavior: "smooth" }), o?.scrollIntoView({ block: "center", behavior: "smooth" }));
-    }, [l]), /* @__PURE__ */ i(
+      const e = u.current.Hours[i.Hours], a = u.current.Minutes[i.Minutes], t = u.current["AM/PM"][i["AM/PM"]];
+      (e || a || t) && (e?.scrollIntoView({ block: "center", behavior: "smooth" }), a?.scrollIntoView({ block: "center", behavior: "smooth" }), t?.scrollIntoView({ block: "center", behavior: "smooth" }));
+    }, [i]), /* @__PURE__ */ d(
       "div",
       {
         "data-slot": "date-picker-calendar",
         className: b(
-          "@container grid grid-cols-3 justify-items-center gap-16 p-16 pb-0 ",
-          s
+          "mds:@container mds:grid mds:grid-cols-3 mds:justify-items-center mds:gap-16 mds:p-16 mds:pb-0 ",
+          o
         ),
-        ref: u,
+        ref: m,
         ...n,
-        children: Object.entries(j).map(([e, a]) => /* @__PURE__ */ M("div", { className: "flex flex-col gap-16", children: [
-          /* @__PURE__ */ i("h6", { className: b("body-extrasmall-regular", "text-secondary"), children: e }),
+        children: Object.entries(j).map(([e, a]) => /* @__PURE__ */ M("div", { className: "mds:flex mds:flex-col mds:gap-16", children: [
+          /* @__PURE__ */ d("h6", { className: b("body-extrasmall-regular", "mds:text-secondary"), children: e }),
           /* @__PURE__ */ M(
             S,
             {
               style: {
                 "--scrollbar-size": "8px"
               },
-              className: "h-210 overflow-hidden rounded-4",
+              className: "mds:h-210 mds:overflow-hidden mds:rounded-4",
               children: [
-                /* @__PURE__ */ i(k, { className: "h-full w-full pr-10 rounded-4", children: /* @__PURE__ */ i("div", { className: "flex flex-col gap-16", children: a.map((o) => /* @__PURE__ */ i(
+                /* @__PURE__ */ d(k, { className: "mds:h-full mds:w-full mds:pr-10 mds:rounded-4", children: /* @__PURE__ */ d("div", { className: "mds:flex mds:flex-col mds:gap-16", children: a.map((t) => /* @__PURE__ */ d(
                   "button",
                   {
-                    "data-selected": l[e] === o,
+                    "data-selected": i[e] === t,
                     className: b(
                       "body-extrasmall-book",
-                      "size-36 basis-36 shrink-0 grow-0 text-primary rounded-full cursor-pointer hover:bg-interactive-secondary data-[selected=true]:bg-interactive-primary data-[selected=true]:text-neutral-50 disabled:cursor-not-allowed disabled:opacity-50"
+                      "mds:size-36 mds:basis-36 mds:shrink-0 mds:grow-0 mds:text-primary mds:rounded-full mds:cursor-pointer mds:hover:bg-interactive-secondary mds:data-[selected=true]:bg-interactive-primary mds:data-[selected=true]:text-neutral-50 mds:disabled:cursor-not-allowed mds:disabled:opacity-50"
                     ),
                     disabled: x,
                     onClick: () => {
-                      let t = r || /* @__PURE__ */ new Date();
-                      const d = e;
-                      let m = 0;
-                      if (d === "AM/PM") {
-                        m = o === "PM" ? 12 : 0;
-                        let c = +l.Hours;
-                        c === 12 && (c = 0), t = w(t, c + m), p(t);
+                      let r = s || /* @__PURE__ */ new Date();
+                      const c = e;
+                      let f = 0;
+                      if (c === "AM/PM") {
+                        f = t === "PM" ? 12 : 0;
+                        let l = +i.Hours;
+                        l === 12 && (l = 0), r = w(r, l + f), p(r);
                       }
-                      if (d === "Hours") {
-                        m = l["AM/PM"] === "PM" ? 12 : 0;
-                        let c = +o;
-                        c === 12 && (c = 0), t = w(t, c + m), p(t);
+                      if (c === "Hours") {
+                        f = i["AM/PM"] === "PM" ? 12 : 0;
+                        let l = +t;
+                        l === 12 && (l = 0), r = w(r, l + f), p(r);
                       }
-                      d === "Minutes" && (t = O(t, +o), p(t));
+                      c === "Minutes" && (r = O(r, +t), p(r));
                     },
-                    ref: (t) => {
-                      const d = e;
-                      t && (f.current[d][o] = t);
+                    ref: (r) => {
+                      const c = e;
+                      r && (u.current[c][t] = r);
                     },
-                    children: o
+                    children: t
                   },
-                  o
+                  t
                 )) }) }),
-                /* @__PURE__ */ i(
+                /* @__PURE__ */ d(
                   V,
                   {
                     orientation: "vertical",
-                    className: "flex select-none touch-none p-2 w-(--scrollbar-size) flex-col transition-all duration-200 ease-out bg-surface-neutral-l1",
-                    children: /* @__PURE__ */ i(
+                    className: "mds:flex mds:select-none mds:touch-none mds:p-2 mds:w-(--scrollbar-size) mds:flex-col mds:transition-all mds:duration-200 mds:ease-out mds:bg-surface-neutral-l1",
+                    children: /* @__PURE__ */ d(
                       y,
                       {
                         className: b(
-                          " rounded-(--scrollbar-size) bg-border-interactive-neutral-inverse-hover relative",
-                          "before:content-[''] before:absolute before:top-1/2 before:left-1/2  before:-translate-1/2 before:size-full before:min-w-44 before:min-h-44"
+                          " mds:rounded-(--scrollbar-size) mds:bg-border-interactive-neutral-inverse-hover mds:relative",
+                          "mds:before:content-[''] mds:before:absolute mds:before:top-1/2 mds:before:left-1/2  mds:before:-translate-1/2 mds:before:size-full mds:before:min-w-44 mds:before:min-h-44"
                         )
                       }
                     )
                   }
                 ),
-                /* @__PURE__ */ i(C, { className: "bg-border-interactive-neutral-inverse-hover" })
+                /* @__PURE__ */ d(C, { className: "mds:bg-border-interactive-neutral-inverse-hover" })
               ]
             }
           )