mainstack-design-system 1.3.6 → 1.3.9

package/dist/mainstack-design-system590.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-system597.cjs"),M=require("./mainstack-design-system598.cjs"),E=require("./mainstack-design-system490.cjs"),p=require("./mainstack-design-system479.cjs");require("react-dom");const m=require("./index-CpE6WAgy.cjs"),j=require("./mainstack-design-system487.cjs"),f=require("./mainstack-design-system476.cjs"),v=require("./mainstack-design-system481.cjs"),q=require("./mainstack-design-system488.cjs"),B=require("./mainstack-design-system484.cjs"),g=require("./mainstack-design-system477.cjs"),h=require("./mainstack-design-system485.cjs"),O=require("./mainstack-design-system483.cjs"),S=require("./mainstack-design-system489.cjs"),b=require("./mainstack-design-system482.cjs"),P=require("./mainstack-design-system478.cjs"),N=require("./mainstack-design-system480.cjs");function I(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const x=I(c);var R=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],w=R.reduce((t,r)=>{const n=m.createSlot(`Primitive.${r}`),o=x.forwardRef((s,i)=>{const{asChild:a,...u}=s,_=a?n:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),e.jsx(_,{...u,ref:i})});return o.displayName=`Primitive.${r}`,{...t,[r]:o}},{}),y="Separator",d="horizontal",A=["horizontal","vertical"],l=x.forwardRef((t,r)=>{const{decorative:n,orientation:o=d,...s}=t,i=k(o)?o:d,u=n?{role:"none"}:{"aria-orientation":i==="vertical"?i:void 0,role:"separator"};return e.jsx(w.div,{"data-orientation":i,...u,...s,ref:r})});l.displayName=y;function k(t){return A.includes(t)}const L=c.forwardRef(({defaultContent:t,getEditorRef:r,...n},o)=>e.jsx(e.Fragment,{children:e.jsxs(T.TextEditorRoot,{defaultContent:t,getEditorRef:r,ref:o,...n,children:[e.jsxs(E.TextEditorMenuBar,{children:[e.jsx(p.GenerateWithAiMenu,{}),e.jsx(l,{className:"bg-border-interactive-neutral h-full min-h-30 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-system596.cjs"),M=require("./mainstack-design-system597.cjs"),E=require("./mainstack-design-system490.cjs"),p=require("./mainstack-design-system479.cjs");require("react-dom");const m=require("./index-CpE6WAgy.cjs"),j=require("./mainstack-design-system487.cjs"),f=require("./mainstack-design-system476.cjs"),v=require("./mainstack-design-system481.cjs"),q=require("./mainstack-design-system488.cjs"),B=require("./mainstack-design-system484.cjs"),g=require("./mainstack-design-system477.cjs"),h=require("./mainstack-design-system485.cjs"),O=require("./mainstack-design-system483.cjs"),S=require("./mainstack-design-system489.cjs"),b=require("./mainstack-design-system482.cjs"),P=require("./mainstack-design-system478.cjs"),N=require("./mainstack-design-system480.cjs");function I(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(r,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return r.default=t,Object.freeze(r)}const x=I(c);var R=["a","button","div","form","h2","h3","img","input","label","li","nav","ol","p","select","span","svg","ul"],w=R.reduce((t,r)=>{const n=m.createSlot(`Primitive.${r}`),o=x.forwardRef((s,i)=>{const{asChild:a,...u}=s,_=a?n:r;return typeof window<"u"&&(window[Symbol.for("radix-ui")]=!0),e.jsx(_,{...u,ref:i})});return o.displayName=`Primitive.${r}`,{...t,[r]:o}},{}),y="Separator",d="horizontal",A=["horizontal","vertical"],l=x.forwardRef((t,r)=>{const{decorative:n,orientation:o=d,...s}=t,i=k(o)?o:d,u=n?{role:"none"}:{"aria-orientation":i==="vertical"?i:void 0,role:"separator"};return e.jsx(w.div,{"data-orientation":i,...u,...s,ref:r})});l.displayName=y;function k(t){return A.includes(t)}const L=c.forwardRef(({defaultContent:t,getEditorRef:r,...n},o)=>e.jsx(e.Fragment,{children:e.jsxs(T.TextEditorRoot,{defaultContent:t,getEditorRef:r,ref:o,...n,children:[e.jsxs(E.TextEditorMenuBar,{children:[e.jsx(p.GenerateWithAiMenu,{}),e.jsx(l,{className:"bg-border-interactive-neutral h-full min-h-30 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-system590.js

@@ -2,8 +2,8 @@
 import { jsx as r, Fragment as c, jsxs as d } from "react/jsx-runtime";
 import * as l from "react";
 import { forwardRef as v } from "react";
-import { TextEditorRoot as M } from "./mainstack-design-system597.js";
-import { TextEditorField as h } from "./mainstack-design-system598.js";
+import { TextEditorRoot as M } from "./mainstack-design-system596.js";
+import { TextEditorField as h } from "./mainstack-design-system597.js";
 import { TextEditorMenuBar as T } from "./mainstack-design-system490.js";
 import { GenerateWithAiMenu as x } from "./mainstack-design-system479.js";
 import "react-dom";

package/dist/mainstack-design-system591.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),f=require("./mainstack-design-system589.cjs"),y=require("./mainstack-design-system505.cjs"),b=require("./mainstack-design-system576.cjs"),l=require("./startOfYear-B8DzhYMZ.cjs"),u=require("./startOfMonth-DcRL7vMm.cjs");function i(e,a,n){return u.addDays(e,-a,n)}function g(e){return l.startOfDay(Date.now(),e)}const m=s.forwardRef(({children:e,className:a,...n},d)=>{const{startOfAllTimeDate:r}=b.useDateRangeContext(),c=s.useMemo(()=>{const t=new Date;return[{label:"Today",id:"today",from:g(),to:t},{label:"Last 7 days",id:"last_7_days",from:i(t,7),to:t},{label:"Last 30 days",id:"last_30_days",from:i(t,30),to:t},{label:"This month",id:"this_month",from:u.startOfMonth(t),to:t},{label:"This year",id:"this_year",from:l.startOfYear(t),to:t},{label:"All time",id:"all_time",from:r,to:t}]},[r]);return o.jsx("div",{"data-slot":"date-range-menubar",ref:d,className:f.cn("flex overflow-x-auto max-w-full flex-nowrap items-center py-12 gap-12 min-[900px]:w-auto  min-[900px]:mask-none mx-auto mask-[linear-gradient(to_right,white_90%,transparent)]",a),...n,children:e||c.map(t=>o.jsx(y.DateRangeMenuAction,{className:"basis-auto shrink-0 grow-0",actionData:t,children:t.label},t.id))})});m.displayName="DateRangeMenubar";exports.DateRangeMenubar=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),G=require("./utils-DRUMSl4z.cjs");require("./mainstack-design-system355.cjs");const B=require("./mainstack-design-system246.cjs"),T=["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 A(M){return T.indexOf(M)>=0}const e=M=>{const C=S.jsx(B,{className:"size-20"});return!M||!A(M)?C:S.jsx("span",{className:G.cn(`flag:${M}`,"size-20! min-w-20  overflow-hidden rounded-full")})};exports.getCountryFlagComp=e;

package/dist/mainstack-design-system591.js

@@ -1,78 +1,23 @@
-import { jsx as s } from "react/jsx-runtime";
-import { forwardRef as l, useMemo as f } from "react";
-import { cn as d } from "./mainstack-design-system589.js";
-import { DateRangeMenuAction as u } from "./mainstack-design-system505.js";
-import { useDateRangeContext as p } from "./mainstack-design-system576.js";
-import { s as y, a as b } from "./startOfYear-CF0-g3MC.js";
-import { a as c, s as h } from "./startOfMonth-Bwjl7UH4.js";
-function n(t, e, o) {
-  return c(t, -e, o);
+import { jsx as S } from "react/jsx-runtime";
+import { c as C } from "./utils-CFdAYIby.js";
+import "./mainstack-design-system355.js";
+import B from "./mainstack-design-system246.js";
+const A = ["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 A.indexOf(M) >= 0;
 }
-function D(t) {
-  return y(Date.now(), t);
-}
-const _ = l(
-  ({ children: t, className: e, ...o }, m) => {
-    const { startOfAllTimeDate: r } = p(), i = f(() => {
-      const a = /* @__PURE__ */ new Date();
-      return [
-        { label: "Today", id: "today", from: D(), to: a },
-        {
-          label: "Last 7 days",
-          id: "last_7_days",
-          from: n(a, 7),
-          to: a
-        },
-        {
-          label: "Last 30 days",
-          id: "last_30_days",
-          from: n(a, 30),
-          to: a
-        },
-        {
-          label: "This month",
-          id: "this_month",
-          from: h(a),
-          to: a
-        },
-        {
-          label: "This year",
-          id: "this_year",
-          from: b(a),
-          to: a
-        },
-        {
-          label: "All time",
-          id: "all_time",
-          from: r,
-          to: a
-        }
-      ];
-    }, [r]);
-    return /* @__PURE__ */ s(
-      "div",
-      {
-        "data-slot": "date-range-menubar",
-        ref: m,
-        className: d(
-          "flex overflow-x-auto max-w-full flex-nowrap items-center py-12 gap-12 min-[900px]:w-auto  min-[900px]:mask-none mx-auto mask-[linear-gradient(to_right,white_90%,transparent)]",
-          e
-        ),
-        ...o,
-        children: t || i.map((a) => /* @__PURE__ */ s(
-          u,
-          {
-            className: "basis-auto shrink-0 grow-0",
-            actionData: a,
-            children: a.label
-          },
-          a.id
-        ))
-      }
-    );
-  }
-);
-_.displayName = "DateRangeMenubar";
+const R = (M) => {
+  const G = /* @__PURE__ */ S(B, { className: "size-20" });
+  return !M || !T(M) ? G : /* @__PURE__ */ S(
+    "span",
+    {
+      className: C(
+        `flag:${M}`,
+        "size-20! min-w-20  overflow-hidden rounded-full"
+      )
+    }
+  );
+};
 export {
-  _ as DateRangeMenubar
+  R as getCountryFlagComp
 };

package/dist/mainstack-design-system592.cjs

@@ -1 +1,3 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),G=require("./mainstack-design-system589.cjs");require("./mainstack-design-system355.cjs");const B=require("./mainstack-design-system246.cjs"),T=["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 A(M){return T.indexOf(M)>=0}const e=M=>{const C=S.jsx(B,{className:"size-20"});return!M||!A(M)?C:S.jsx("span",{className:G.cn(`flag:${M}`,"size-20! min-w-20  overflow-hidden rounded-full")})};exports.getCountryFlagComp=e;
+'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,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

@@ -1,23 +1,393 @@
-import { jsx as S } from "react/jsx-runtime";
-import { cn as C } from "./mainstack-design-system589.js";
-import "./mainstack-design-system355.js";
-import B from "./mainstack-design-system246.js";
-const A = ["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 A.indexOf(M) >= 0;
-}
-const R = (M) => {
-  const G = /* @__PURE__ */ S(B, { className: "size-20" });
-  return !M || !T(M) ? G : /* @__PURE__ */ S(
-    "span",
-    {
-      className: C(
-        `flag:${M}`,
-        "size-20! min-w-20  overflow-hidden rounded-full"
-      )
+'use client';
+import { jsxs as Y, jsx as it } from "react/jsx-runtime";
+import w, { useRef as ut, useState as v, useCallback as q, useEffect as P, forwardRef as lt } from "react";
+import { InputRoot as st } from "./mainstack-design-system431.js";
+import { InputField as ft } from "./mainstack-design-system432.js";
+import "./mainstack-design-system430.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-CFdAYIby.js";
+import { usePhoneNumberContext as Nt } from "./mainstack-design-system566.js";
+function A(t, n) {
+  return Ot(t) || At(t, n) || vt(t, n) || bt();
+}
+function bt() {
+  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 vt(t, n) {
+  if (t) {
+    if (typeof t == "string") return B(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 B(t, n);
+  }
+}
+function B(t, n) {
+  (n == null || n > t.length) && (n = t.length);
+  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 a, r, o, s, f = [], c = !0, i = !1;
+    try {
+      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 (!c && e.return != null && (s = e.return(), Object(s) !== s)) return;
+      } finally {
+        if (i) throw r;
+      }
+    }
+    return f;
+  }
+}
+function Ot(t) {
+  if (Array.isArray(t)) return t;
+}
+function It(t) {
+  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(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(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) {
+      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 (r !== E) {
+      Q(r);
+      var u, y = C({
+        onCountryMismatch: function() {
+          u = !0;
+        }
+      });
+      g(y), u && N(U(y));
+    }
+  }, [r]), P(function() {
+    o !== Z && (tt(o), g(C()));
+  }, [o]), P(function() {
+    I !== e && a(I);
+  }, [I]);
+  var ot = q(function(u) {
+    var y;
+    if (r)
+      if (l === "INTERNATIONAL") {
+        var d = S(r, i);
+        if (u.indexOf(d) !== 0) {
+          if (u && u[0] !== "+")
+            u = d + u;
+          else if (!m.current) return g(d), N(void 0), k();
+        }
+      } else
+        u && u[0] === "+" && (u = u.slice(1));
+    else o || u && u[0] !== "+" && (u = "+" + u);
+    u && (y = U(u)), g(u), N(y);
+  }, [r, l, o, i, g, N, k, m]);
+  return {
+    phoneDigits: nt,
+    setPhoneDigits: ot,
+    inputFormat: l
+  };
+}
+function Tt(t, n, e, a, r, o, s) {
+  if (n && a === "INTERNATIONAL") {
+    var f = S(n, o);
+    return t ? (t.indexOf(f) !== 0 && s(t, n), t) : f;
+  }
+  if (!t)
+    return "";
+  if (!n && !e)
+    return t;
+  var c = new z(void 0, o);
+  c.input(t);
+  var i = c.getNumber();
+  if (i)
+    if (n)
+      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":
+          return L(yt(i.formatInternational(), S(n, o)));
+        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(a));
+      }
+    else
+      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, 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 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), a, r;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    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 = {}, 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, 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: c,
+    country: a,
+    defaultCountry: r,
+    international: l,
+    withCountryCallingCode: m,
+    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: l,
+    withCountryCallingCode: m,
+    country: a || r,
+    value: j,
+    onChange: O
+  }));
+}
+R = /* @__PURE__ */ w.forwardRef(R);
+R.propTypes = {
+  /**
+   * The phone number (in E.164 format).
+   * Examples: `"+12"`, `"+12133734253"`.
+   * An "empty" `value` could be represented by any "falsy" value like `undefined`, `null` or an empty string `""`.
+   */
+  value: p.string,
+  /**
+   * A function of `value: string?`.
+   * Updates the `value` property (to `undefined` in case it's empty).
+   */
+  onChange: p.func.isRequired,
+  /**
+   * A two-letter country code for formatting `value`
+   * as a national phone number (example: `(213) 373-4253`),
+   * or as an international phone number without "country calling code"
+   * if `international` property is passed (example: `213 373 4253`).
+   * Example: "US".
+   * If no `country` is passed then `value`
+   * is formatted as an international phone number.
+   * (example: `+1 213 373 4253`)
+   */
+  country: p.string,
+  /**
+   * A two-letter country code for formatting `value`
+   * when a user inputs a national phone number (example: `(213) 373-4253`).
+   * The user can still input a phone number in international format.
+   * Example: "US".
+   * `country` and `defaultCountry` properties are mutually exclusive.
+   */
+  defaultCountry: p.string,
+  /**
+   * If `country` property is passed along with `international={true}` property
+   * then the phone number will be input in "international" format for that `country`
+   * (without "country calling code").
+   * For example, if `country="US"` property is passed to "without country select" input
+   * then the phone number will be input in the "national" format for `US` (`(213) 373-4253`).
+   * But if both `country="US"` and `international={true}` properties are passed then
+   * the phone number will be input in the "international" format for `US` (`213 373 4253`)
+   * (without "country calling code" `+1`).
+   */
+  international: p.bool,
+  /**
+   * If `country` and `international` properties are set,
+   * then by default it won't include "country calling code" in the input field.
+   * To change that, pass `withCountryCallingCode` property,
+   * and it will include "country calling code" in the input field.
+   */
+  withCountryCallingCode: p.bool,
+  /**
+   * A component that renders the `<input/>` itself and also
+   * parses and formats its `value` as the user inputs it.
+   * See `InputBasic.js` and `InputSmart.js` for an example.
+   */
+  Component: p.elementType.isRequired,
+  /**
+   * When `defaultCountry` is defined and the initial `value` corresponds to `defaultCountry`,
+   * then the `value` will be formatted as a national phone number by default.
+   * To format the initial `value` of `defaultCountry` as an international number instead
+   * set `useNationalFormatForDefaultCountryValue` property to `true`.
+   */
+  useNationalFormatForDefaultCountryValue: p.bool,
+  /**
+   * `libphonenumber-js` metadata.
+   */
+  metadata: pt
 };
+var jt = ["type", "autoComplete", "smartCaret", "metadata"];
+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 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), a, r;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    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 = {}, 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, 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: a,
+      Component: i ? dt : mt
+    }));
+  }
+  return n = /* @__PURE__ */ w.forwardRef(n), n.propTypes = {
+    /**
+     * HTML `<input/>` `type` attribute.
+     */
+    type: p.string,
+    /**
+     * HTML `<input/>` `autocomplete` attribute.
+     */
+    autoComplete: p.string,
+    /**
+     * By default, the caret position is being "intelligently" managed
+     * while a user inputs a phone number.
+     * This "smart" caret behavior can be turned off
+     * by passing `smartCaret={false}` property.
+     * This is just an "escape hatch" for any possible caret position issues.
+     */
+    // Is `true` by default.
+    smartCaret: p.bool,
+    /**
+     * `libphonenumber-js` metadata.
+     */
+    metadata: p.object
+  }, n;
+}
+J();
+function K(t, n) {
+  var e = Array.prototype.slice.call(n);
+  return e.push(G), t.apply(this, e);
+}
+J(G);
+function H() {
+  return K(F, arguments);
+}
+function St() {
+  return K(Ct, arguments);
+}
+const _t = lt(
+  ({
+    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,
+      {
+        "data-slot": "phone-number-digit-field",
+        className: " has-disabled:opacity-50",
+        children: [
+          /* @__PURE__ */ Y("p", { className: gt("body-extrasmall-book"), children: [
+            "(+",
+            H(r || "US"),
+            ")"
+          ] }),
+          /* @__PURE__ */ it(
+            ft,
+            {
+              ...e,
+              disabled: n || o,
+              placeholder: t,
+              value: c(s),
+              onChange: (i) => {
+                const l = ht({
+                  value: i.target.value,
+                  activeCountry: r
+                });
+                f && (i.target.value = l.digit, f(l));
+              },
+              ref: a
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+_t.displayName = "PhoneNumberDigitField";
 export {
-  R as getCountryFlagComp
+  _t as PhoneNumberDigitField
 };

package/dist/mainstack-design-system593.cjs

@@ -1,3 +1,2 @@
 '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("./mainstack-design-system589.cjs"),nt=require("./mainstack-design-system565.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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),M=require("react"),l=require("./utils-DRUMSl4z.cjs"),j=require("./mainstack-design-system581.cjs"),f=require("./index-BgzojN8c.cjs"),v=require("./mainstack-design-system582.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;