mainstack-design-system 1.12.9 → 1.13.0

package/dist/mainstack-design-system616.js

@@ -1 +1,101 @@
-
+'use client';
+import { jsx as r, Fragment as c, jsxs as p } from "react/jsx-runtime";
+import * as f from "react";
+import { forwardRef as v } from "react";
+import { TextEditorRoot as M } from "./mainstack-design-system621.js";
+import { TextEditorField as h } from "./mainstack-design-system622.js";
+import { TextEditorMenuBar as T } from "./mainstack-design-system499.js";
+import { GenerateWithAiMenu as x } from "./mainstack-design-system488.js";
+import "react-dom";
+import { c as N } from "./index-BtQfgaSF.js";
+import { TextSizesMenu as E } from "./mainstack-design-system496.js";
+import { BoldMenu as O } from "./mainstack-design-system485.js";
+import { ItalicMenu as S } from "./mainstack-design-system490.js";
+import { UnderlineMenu as w } from "./mainstack-design-system497.js";
+import { StrikethroughMenu as P } from "./mainstack-design-system493.js";
+import { CodeMenu as g } from "./mainstack-design-system486.js";
+import { TextAlignMenu as I } from "./mainstack-design-system494.js";
+import { OrderedListMenu as R } from "./mainstack-design-system492.js";
+import { UnorderedListMenu as A } from "./mainstack-design-system498.js";
+import { LinkMenu as b } from "./mainstack-design-system491.js";
+import { ColorPickerMenu as y } from "./mainstack-design-system487.js";
+import { ImageUploadMenu as C } from "./mainstack-design-system489.js";
+var L = [
+  "a",
+  "button",
+  "div",
+  "form",
+  "h2",
+  "h3",
+  "img",
+  "input",
+  "label",
+  "li",
+  "nav",
+  "ol",
+  "p",
+  "select",
+  "span",
+  "svg",
+  "ul"
+], U = L.reduce((t, o) => {
+  const e = N(`Primitive.${o}`), i = f.forwardRef((a, n) => {
+    const { asChild: d, ...m } = a, u = d ? e : o;
+    return typeof window < "u" && (window[Symbol.for("radix-ui")] = !0), /* @__PURE__ */ r(u, { ...m, ref: n });
+  });
+  return i.displayName = `Primitive.${o}`, { ...t, [o]: i };
+}, {}), k = "Separator", s = "horizontal", z = ["horizontal", "vertical"], l = f.forwardRef((t, o) => {
+  const { decorative: e, orientation: i = s, ...a } = t, n = F(i) ? i : s, m = e ? { role: "none" } : { "aria-orientation": n === "vertical" ? n : void 0, role: "separator" };
+  return /* @__PURE__ */ r(
+    U.div,
+    {
+      "data-orientation": n,
+      ...m,
+      ...a,
+      ref: o
+    }
+  );
+});
+l.displayName = k;
+function F(t) {
+  return z.includes(t);
+}
+const er = v(
+  ({ defaultContent: t, getEditorRef: o, ...e }, i) => /* @__PURE__ */ r(c, { children: /* @__PURE__ */ p(
+    M,
+    {
+      defaultContent: t,
+      getEditorRef: o,
+      ref: i,
+      ...e,
+      children: [
+        /* @__PURE__ */ p(T, { children: [
+          /* @__PURE__ */ r(x, {}),
+          /* @__PURE__ */ r(
+            l,
+            {
+              className: "mds:bg-border-interactive-neutral mds:h-full mds:min-h-30 mds:w-1",
+              orientation: "vertical"
+            }
+          ),
+          /* @__PURE__ */ r(E, {}),
+          /* @__PURE__ */ r(O, {}),
+          /* @__PURE__ */ r(S, {}),
+          /* @__PURE__ */ r(w, {}),
+          /* @__PURE__ */ r(P, {}),
+          /* @__PURE__ */ r(g, {}),
+          /* @__PURE__ */ r(I, {}),
+          /* @__PURE__ */ r(R, {}),
+          /* @__PURE__ */ r(A, {}),
+          /* @__PURE__ */ r(b, {}),
+          /* @__PURE__ */ r(C, {}),
+          /* @__PURE__ */ r(y, {})
+        ] }),
+        /* @__PURE__ */ r(h, {})
+      ]
+    }
+  ) })
+);
+export {
+  er as TextEditorInput
+};

package/dist/mainstack-design-system617.cjs

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

package/dist/mainstack-design-system617.js

@@ -1,21 +1,409 @@
-import "./clsx-OuTLNxxd.js";
-import { O as i, c as r, K as g, f as o, g as n, d as l, J as u, L as c, l as m, a as p, e as D, j as d, k as f, M as P, s as b, b as M } from "./utils-DCbdjouM.js";
-import "./mainstack-design-system577.js";
+'use client';
+import { jsxs as Y, jsx as it } from "react/jsx-runtime";
+import w, { useRef as lt, useState as v, useCallback as B, useEffect as O, forwardRef as st } from "react";
+import { InputRoot as ft } from "./mainstack-design-system440.js";
+import { InputField as ct } from "./mainstack-design-system441.js";
+import "./mainstack-design-system439.js";
+import { o as S, v as yt, p as F, A as J, q as L, r as pt, t as mt, P as m, I as dt, u as Ct, w as K, x as ht, y as gt, c as Nt, j as bt } from "./utils-CVEbMwag.js";
+import { usePhoneNumberContext as vt } from "./mainstack-design-system591.js";
+function A(t, n) {
+  return Tt(t) || It(t, n) || Ot(t, n) || At();
+}
+function At() {
+  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 H(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 H(t, n);
+  }
+}
+function H(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 It(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, u = !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) {
+      u = !0, r = l;
+    } finally {
+      try {
+        if (!c && e.return != null && (s = e.return(), Object(s) !== s)) return;
+      } finally {
+        if (u) throw r;
+      }
+    }
+    return f;
+  }
+}
+function Tt(t) {
+  if (Array.isArray(t)) return t;
+}
+function Pt(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, u = 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 = Ft({
+    international: s,
+    country: r,
+    defaultCountry: o,
+    withCountryCallingCode: f
+  }), y = lt(), C = function(p, d, b) {
+    console.error("[react-phone-number-input] Expected phone number ".concat(p, " to correspond to country ").concat(d, " but ").concat(b ? "in reality it corresponds to country " + b : "it doesn't", ".")), y.current = !0;
+  }, h = function(p) {
+    return e && yt(e), wt(e, r, o, l, c, u, function() {
+      p && p.onCountryMismatch && p.onCountryMismatch();
+      for (var d = arguments.length, b = new Array(d), P = 0; P < d; P++)
+        b[P] = arguments[P];
+      C.apply(n, b);
+    });
+  }, j = v(r), I = A(j, 2), E = I[0], X = I[1], Z = v(o), V = A(Z, 2), tt = V[0], et = V[1], nt = v(h()), D = A(nt, 2), rt = D[0], g = D[1], at = v(e), M = A(at, 2), T = M[0], N = M[1], ot = v(), W = A(ot, 2);
+  W[0];
+  var k = W[1], q = B(function() {
+    return k({});
+  }, [k]);
+  function U(i) {
+    if (i) {
+      l === "NATIONAL_PART_OF_INTERNATIONAL" && (i = "+".concat(F(r, u)).concat(i));
+      var p = new J(r || o, u);
+      return p.input(i), p.getNumberValue();
+    }
+  }
+  O(function() {
+    e !== T && (N(e), g(h()));
+  }, [e]), O(function() {
+    if (r !== E) {
+      X(r);
+      var i, p = h({
+        onCountryMismatch: function() {
+          i = !0;
+        }
+      });
+      g(p), i && N(U(p));
+    }
+  }, [r]), O(function() {
+    o !== tt && (et(o), g(h()));
+  }, [o]), O(function() {
+    T !== e && a(T);
+  }, [T]);
+  var ut = B(function(i) {
+    var p;
+    if (r)
+      if (l === "INTERNATIONAL") {
+        var d = S(r, u);
+        if (i.indexOf(d) !== 0) {
+          if (i && i[0] !== "+")
+            i = d + i;
+          else if (!y.current) return g(d), N(void 0), q();
+        }
+      } else
+        i && i[0] === "+" && (i = i.slice(1));
+    else o || i && i[0] !== "+" && (i = "+" + i);
+    i && (p = U(i)), g(i), N(p);
+  }, [r, l, o, u, g, N, q, y]);
+  return {
+    phoneDigits: rt,
+    setPhoneDigits: ut,
+    inputFormat: l
+  };
+}
+function wt(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 J(void 0, o);
+  c.input(t);
+  var u = c.getNumber();
+  if (u)
+    if (n)
+      switch (u.country && u.country !== n ? s(t, n, u.country) : u.countryCallingCode !== F(n, o) && s(t, n), a) {
+        case "NATIONAL":
+          return L(u.formatNational());
+        case "NATIONAL_PART_OF_INTERNATIONAL":
+          return L(pt(u.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 u.countryCallingCode && u.countryCallingCode === F(e, o) && r ? L(u.formatNational()) : t;
+  else
+    return "";
+}
+function Ft(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 Rt = ["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 jt(t, n) {
+  if (t == null) return {};
+  var e = Et(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 Et(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, u = t.metadata, l = t.international, y = t.withCountryCallingCode, C = jt(t, Rt), h = Pt({
+    value: f,
+    onChange: c,
+    country: a,
+    defaultCountry: r,
+    international: l,
+    withCountryCallingCode: y,
+    useNationalFormatForDefaultCountryValue: s,
+    metadata: u
+  }), j = h.phoneDigits, I = h.setPhoneDigits, E = h.inputFormat;
+  return /* @__PURE__ */ w.createElement(e, _({}, C, {
+    ref: n,
+    metadata: u,
+    inputFormat: E,
+    international: l,
+    withCountryCallingCode: y,
+    country: a || r,
+    value: j,
+    onChange: I
+  }));
+}
+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: m.string,
+  /**
+   * A function of `value: string?`.
+   * Updates the `value` property (to `undefined` in case it's empty).
+   */
+  onChange: m.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: m.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: m.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: m.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: m.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: m.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: m.bool,
+  /**
+   * `libphonenumber-js` metadata.
+   */
+  metadata: mt
+};
+var Lt = ["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 St(t, n) {
+  if (t == null) return {};
+  var e = _t(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 _t(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 Q(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, u = c === void 0 ? !0 : c, l = e.metadata, y = l === void 0 ? t : l, C = St(e, Lt);
+    return /* @__PURE__ */ w.createElement(R, x({}, C, {
+      type: o,
+      autoComplete: f,
+      metadata: y,
+      ref: a,
+      Component: u ? dt : Ct
+    }));
+  }
+  return n = /* @__PURE__ */ w.forwardRef(n), n.propTypes = {
+    /**
+     * HTML `<input/>` `type` attribute.
+     */
+    type: m.string,
+    /**
+     * HTML `<input/>` `autocomplete` attribute.
+     */
+    autoComplete: m.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: m.bool,
+    /**
+     * `libphonenumber-js` metadata.
+     */
+    metadata: m.object
+  }, n;
+}
+Q();
+function $(t, n) {
+  var e = Array.prototype.slice.call(n);
+  return e.push(K), t.apply(this, e);
+}
+Q(K);
+function z() {
+  return $(gt, arguments);
+}
+function G() {
+  return $(F, arguments);
+}
+function xt() {
+  return $(ht, arguments);
+}
+const $t = st(
+  ({
+    placeholder: t = "000 - 000 - 000",
+    disabled: n,
+    ...e
+  }, a) => {
+    const {
+      activeCountry: r,
+      isDisabled: o,
+      value: s,
+      onValueChange: f,
+      setActiveCountry: c
+    } = vt(), u = (l) => {
+      if (!l) return "";
+      const y = z(l);
+      if (y)
+        return y.nationalNumber;
+      let C = "";
+      return r && xt(r) && (C = G(r)), l.replace(`+${C}`, "");
+    };
+    return O(() => {
+      if (s && !r) {
+        const l = z(s);
+        l && c(l.country);
+      }
+    }, [r, c, s]), /* @__PURE__ */ Y(
+      ft,
+      {
+        "data-slot": "phone-number-digit-field",
+        className: "mds:has-disabled:opacity-50",
+        children: [
+          /* @__PURE__ */ Y("p", { className: Nt("mds:body-extrasmall-book"), children: [
+            "(+",
+            G(r || "US"),
+            ")"
+          ] }),
+          /* @__PURE__ */ it(
+            ct,
+            {
+              ...e,
+              disabled: n || o,
+              placeholder: t,
+              value: u(s),
+              onChange: (l) => {
+                const y = bt({
+                  value: l.target.value,
+                  activeCountry: r
+                });
+                f && (l.target.value = y.digit, f(y));
+              },
+              ref: a
+            }
+          )
+        ]
+      }
+    );
+  }
+);
+$t.displayName = "PhoneNumberDigitField";
 export {
-  i as ORDERED_BREAKPOINTS,
-  r as cn,
-  g as formatFileSize,
-  o as formatPriceDigit,
-  n as generateImageFilePreview,
-  l as generateTypographyResponsiveClasses,
-  u as getClosestAncestorExcludingSelf,
-  c as getColorsToken,
-  m as getDefaultDateRangeMenuAction,
-  p as getFileMetadata,
-  D as getFilteredCountryLocaleList,
-  d as getPhoneNumberDigitMetadataValueObject,
-  f as getPriceDigitMetadataValueObject,
-  P as getThemeTokens,
-  b as sanitizeNumberInputValue,
-  M as sanitizePriceInputValue
+  $t as PhoneNumberDigitField
 };

package/dist/mainstack-design-system618.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("./mainstack-design-system357.cjs");require("./mainstack-design-system68.cjs");require("./mainstack-design-system71.cjs");require("./mainstack-design-system105.cjs");require("./mainstack-design-system106.cjs");require("react");require("./player-D29uX3VB.cjs");require("./utils-BSwAMW3o.cjs");const e=require("./DayPickerExtended-CGR78X3e.cjs");exports.DayPickerExtended=e.DayPickerExtended;
+'use client';
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),M=require("react"),a=require("./utils-Dc5FbAZW.cjs"),j=require("./mainstack-design-system605.cjs"),f=require("./index-BgzojN8c.cjs"),v=require("./mainstack-design-system606.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("mds: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("mds: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;