mainstack-design-system 1.23.0 → 1.23.2

package/dist/mainstack-design-system632.js

@@ -1,409 +1,143 @@
 'use client';
-import { jsxs as q, jsx as it } from "react/jsx-runtime";
-import w, { useRef as lt, useState as v, useCallback as B, useEffect as O, forwardRef as st } from "react";
-import { InputRoot as ft } from "./mainstack-design-system455.js";
-import { InputField as ct } from "./mainstack-design-system456.js";
-import "./mainstack-design-system454.js";
-import { w as S, x as yt, y as F, A as J, z as L, B as pt, C as mt, P as m, I as dt, D as Ct, E as K, F as gt, G as ht, c as Nt, k as bt } from "./utils-C21jc49d.js";
-import { usePhoneNumberContext as vt } from "./mainstack-design-system604.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 z(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 z(t, n);
-  }
-}
-function z(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;
-  }, g = 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(g()), D = A(nt, 2), rt = D[0], h = 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], U = B(function() {
-    return k({});
-  }, [k]);
-  function Y(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), h(g()));
-  }, [e]), O(function() {
-    if (r !== E) {
-      X(r);
-      var i, p = g({
-        onCountryMismatch: function() {
-          i = !0;
-        }
-      });
-      h(p), i && N(Y(p));
-    }
-  }, [r]), O(function() {
-    o !== tt && (et(o), h(g()));
-  }, [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 h(d), N(void 0), U();
-        }
-      } else
-        i && i[0] === "+" && (i = i.slice(1));
-    else o || i && i[0] !== "+" && (i = "+" + i);
-    i && (p = Y(i)), h(i), N(p);
-  }, [r, l, o, u, h, N, U, 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), g = Pt({
-    value: f,
-    onChange: c,
-    country: a,
-    defaultCountry: r,
-    international: l,
-    withCountryCallingCode: y,
-    useNationalFormatForDefaultCountryValue: s,
-    metadata: u
-  }), j = g.phoneDigits, I = g.setPhoneDigits, E = g.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 G() {
-  return $(ht, arguments);
-}
-function H() {
-  return $(F, arguments);
-}
-function xt() {
-  return $(gt, arguments);
-}
-const $t = st(
-  ({
-    placeholder: t = "000 - 000 - 000",
-    disabled: n,
-    ...e
-  }, a) => {
+import { jsx as d, jsxs as M } from "react/jsx-runtime";
+import { forwardRef as A, useRef as N, useMemo as S, useEffect as V } from "react";
+import { t as P, q as g, r as w, u as H, c as h, v as k } from "./utils-C21jc49d.js";
+import { useTimePickerContext as y } from "./mainstack-design-system619.js";
+import { S as R, a as C, b as O, c as j, d as z } from "./index-CLUgda6x.js";
+import { timeOptionBreakdown as D } from "./mainstack-design-system620.js";
+import { i as T } from "./isValid-BMkD2Abf.js";
+function x(i, l, m) {
+  const t = P(i, m?.in);
+  return t.setHours(l), t;
+}
+function B(i, l, m) {
+  const t = P(i, m?.in);
+  return t.setMinutes(l), t;
+}
+const E = A(
+  ({ className: i, ...l }, m) => {
     const {
-      activeCountry: r,
-      isDisabled: o,
-      value: s,
-      onValueChange: f,
-      setActiveCountry: c
-    } = vt(), u = (l) => {
-      if (!l) return "";
-      const y = G(l);
-      if (y)
-        return y.nationalNumber;
-      let C = "";
-      return r && xt(r) && (C = H(r)), l.replace(`+${C}`, "");
-    };
-    return O(() => {
-      if (s && !r) {
-        const l = G(s);
-        l && c(l.country);
-      }
-    }, [r, c, s]), /* @__PURE__ */ q(
-      ft,
+      value: t,
+      onValueChange: p,
+      isDisabled: v,
+      timeRange: u
+    } = y(), f = N({
+      Hours: {},
+      Minutes: {},
+      "AM/PM": {}
+    }), o = S(() => {
+      const s = {
+        Hours: "",
+        Minutes: "",
+        "AM/PM": ""
+      };
+      if (!t || !T(t)) return s;
+      const a = g({
+        date: t,
+        timeRange: u
+      });
+      let e = w(a) % 12;
+      return e = e === 0 ? 12 : e, s.Hours = e.toString().padStart(2, "0"), s.Minutes = H(a).toString().padStart(2, "0"), s["AM/PM"] = w(a) >= 12 ? "PM" : "AM", s;
+    }, [t, u]);
+    return V(() => {
+      const s = f.current.Hours[o.Hours], a = f.current.Minutes[o.Minutes], e = f.current["AM/PM"][o["AM/PM"]];
+      (s || a || e) && (s?.scrollIntoView({ block: "center", behavior: "smooth" }), a?.scrollIntoView({ block: "center", behavior: "smooth" }), e?.scrollIntoView({ block: "center", behavior: "smooth" }));
+    }, [o]), /* @__PURE__ */ d(
+      "div",
       {
-        "data-slot": "phone-number-digit-field",
-        className: "mds:has-disabled:opacity-50",
-        children: [
-          /* @__PURE__ */ q("p", { className: Nt("mds:body-extrasmall-regular"), children: [
-            "(+",
-            H(r || "US"),
-            ")"
-          ] }),
-          /* @__PURE__ */ it(
-            ct,
+        "data-slot": "date-picker-calendar",
+        className: h(
+          "mds:@container mds:grid mds:grid-cols-3 mds:justify-items-center mds:gap-16 mds:p-16 mds:pb-0 ",
+          i
+        ),
+        ref: m,
+        ...l,
+        children: Object.entries(D).map(([s, a]) => /* @__PURE__ */ M("div", { className: "mds:flex mds:flex-col mds:gap-16", children: [
+          /* @__PURE__ */ d(
+            "h6",
+            {
+              className: h(
+                "mds:body-extrasmall-regular",
+                "mds:text-secondary"
+              ),
+              children: s
+            }
+          ),
+          /* @__PURE__ */ M(
+            R,
             {
-              ...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));
+              style: {
+                "--scrollbar-size": "8px"
               },
-              ref: a
+              className: "mds:h-210 mds:overflow-hidden mds:rounded-4",
+              children: [
+                /* @__PURE__ */ d(C, { className: "mds:h-full mds:w-full mds:pr-15 mds:rounded-4", children: /* @__PURE__ */ d("div", { className: "mds:flex mds:flex-col mds:gap-16", children: a.map((e) => /* @__PURE__ */ d(
+                  "button",
+                  {
+                    "data-selected": o[s] === e,
+                    className: h(
+                      "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-neutral mds:data-[selected=true]:text-neutral-50 mds:disabled:cursor-not-allowed mds:disabled:opacity-50"
+                    ),
+                    disabled: v || !k({
+                      timeRange: u,
+                      columnKey: s,
+                      value: e,
+                      currentBreakdown: o
+                    }),
+                    onClick: () => {
+                      let r = g({
+                        date: t || /* @__PURE__ */ new Date(),
+                        timeRange: u
+                      });
+                      const c = s;
+                      let b = 0;
+                      if (c === "AM/PM") {
+                        b = e === "PM" ? 12 : 0;
+                        let n = +o.Hours;
+                        n === 12 && (n = 0), r = x(r, n + b), p(r);
+                      }
+                      if (c === "Hours") {
+                        b = o["AM/PM"] === "PM" ? 12 : 0;
+                        let n = +e;
+                        n === 12 && (n = 0), r = x(r, n + b), p(r);
+                      }
+                      c === "Minutes" && (r = B(r, +e), p(r));
+                    },
+                    ref: (r) => {
+                      const c = s;
+                      r && (f.current[c][e] = r);
+                    },
+                    children: e
+                  },
+                  e
+                )) }) }),
+                /* @__PURE__ */ d(
+                  O,
+                  {
+                    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: /* @__PURE__ */ d(
+                      j,
+                      {
+                        className: h(
+                          " 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__ */ d(z, { className: "mds:bg-border-interactive-neutral-inverse-hover" })
+              ]
             }
           )
-        ]
+        ] }, s))
       }
     );
   }
 );
-$t.displayName = "PhoneNumberDigitField";
+E.displayName = "TimePickerCalendar";
 export {
-  $t as PhoneNumberDigitField
+  E as TimePickerCalendar
 };

package/dist/mainstack-design-system633.cjs

@@ -1,10 +1,3 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("react/jsx-runtime"),T=require("./index-hyBpqx_X.cjs"),I=require("./index-4R9KShCu.cjs"),N=require("./mainstack-design-system617.cjs"),s=require("react"),j=require("./MotionConfigContext-CY9MWLbl.cjs"),M=require("./use-presence-DO2ahDUQ.cjs");function A(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const t in e)if(t!=="default"){const o=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,o.get?o:{enumerable:!0,get:()=>e[t]})}}return n.default=e,Object.freeze(n)}const E=A(s);function _(e,n){if(typeof e=="function")return e(n);e!=null&&(e.current=n)}function W(...e){return n=>{let t=!1;const o=e.map(i=>{const r=_(i,n);return!t&&typeof r=="function"&&(t=!0),r});if(t)return()=>{for(let i=0;i<o.length;i++){const r=o[i];typeof r=="function"?r():_(e[i],null)}}}}function H(...e){return E.useCallback(W(...e),e)}class K extends E.Component{getSnapshotBeforeUpdate(n){const t=this.props.childRef.current;if(t&&n.isPresent&&!this.props.isPresent){const o=t.offsetParent,i=j.isHTMLElement(o)&&o.offsetWidth||0,r=this.props.sizeRef.current;r.height=t.offsetHeight||0,r.width=t.offsetWidth||0,r.top=t.offsetTop,r.left=t.offsetLeft,r.right=i-r.width-r.left}return null}componentDidUpdate(){}render(){return this.props.children}}function U({children:e,isPresent:n,anchorX:t,root:o}){const i=s.useId(),r=s.useRef(null),m=s.useRef({width:0,height:0,top:0,left:0,right:0}),{nonce:x}=s.useContext(j.MotionConfigContext),R=H(r,e?.ref);return s.useInsertionEffect(()=>{const{width:c,height:g,top:l,left:d,right:p}=m.current;if(n||!r.current||!c||!g)return;const C=t==="left"?`left: ${d}`:`right: ${p}`;r.current.dataset.motionPopId=i;const a=document.createElement("style");x&&(a.nonce=x);const w=o??document.head;return w.appendChild(a),a.sheet&&a.sheet.insertRule(`
-          [data-motion-pop-id="${i}"] {
-            position: absolute !important;
-            width: ${c}px !important;
-            height: ${g}px !important;
-            ${C}px !important;
-            top: ${l}px !important;
-          }
-        `),()=>{w.contains(a)&&w.removeChild(a)}},[n]),f.jsx(K,{isPresent:n,childRef:r,sizeRef:m,children:E.cloneElement(e,{ref:R})})}const V=({children:e,initial:n,isPresent:t,onExitComplete:o,custom:i,presenceAffectsLayout:r,mode:m,anchorX:x,root:R})=>{const c=M.useConstant(X),g=s.useId();let l=!0,d=s.useMemo(()=>(l=!1,{id:g,initial:n,isPresent:t,custom:i,onExitComplete:p=>{c.set(p,!0);for(const C of c.values())if(!C)return;o&&o()},register:p=>(c.set(p,!1),()=>c.delete(p))}),[t,c,o]);return r&&l&&(d={...d}),s.useMemo(()=>{c.forEach((p,C)=>c.set(C,!1))},[t]),E.useEffect(()=>{!t&&!c.size&&o&&o()},[t]),m==="popLayout"&&(e=f.jsx(U,{isPresent:t,anchorX:x,root:R,children:e})),f.jsx(M.PresenceContext.Provider,{value:d,children:e})};function X(){return new Map}const y=e=>e.key||"";function $(e){const n=[];return s.Children.forEach(e,t=>{s.isValidElement(t)&&n.push(t)}),n}const k=({children:e,custom:n,initial:t=!0,onExitComplete:o,presenceAffectsLayout:i=!0,mode:r="sync",propagate:m=!1,anchorX:x="left",root:R})=>{const[c,g]=M.usePresence(m),l=s.useMemo(()=>$(e),[e]),d=m&&!c?[]:l.map(y),p=s.useRef(!0),C=s.useRef(l),a=M.useConstant(()=>new Map),[w,q]=s.useState(l),[v,z]=s.useState(l);j.useIsomorphicLayoutEffect(()=>{p.current=!1,C.current=l;for(let h=0;h<v.length;h++){const u=y(v[h]);d.includes(u)?a.delete(u):a.get(u)!==!0&&a.set(u,!1)}},[v,d.length,d.join("-")]);const b=[];if(l!==w){let h=[...l];for(let u=0;u<v.length;u++){const P=v[u],D=y(P);d.includes(D)||(h.splice(u,0,P),b.push(P))}return r==="wait"&&b.length&&(h=b),z($(h)),q(l),null}process.env.NODE_ENV!=="production"&&r==="wait"&&v.length>1&&console.warn(`You're attempting to animate multiple children within AnimatePresence, but its mode is set to "wait". This will lead to odd visual behaviour.`);const{forceRender:S}=s.useContext(j.LayoutGroupContext);return f.jsx(f.Fragment,{children:v.map(h=>{const u=y(h),P=m&&!c?!1:l===v||d.includes(u),D=()=>{if(a.has(u))a.set(u,!0);else return;let O=!0;a.forEach(L=>{L||(O=!1)}),O&&(S?.(),z(C.current),m&&g?.(),o&&o())};return f.jsx(V,{isPresent:P,initial:!p.current||t?void 0:!1,custom:n,presenceAffectsLayout:i,mode:r,root:R,onExitComplete:P?void 0:D,anchorX:x,children:h},u)})})},B=({children:e,...n})=>{const{isDesktop:t,open:o}=N.useResponsivePopoverDrawerContext();return t?f.jsx(I.PopoverPortal,{forceMount:!0,...n,children:f.jsx(k,{children:o?f.jsx("div",{className:"mds:relative mds:z-100","data-slot":"responsive-popover-drawer-portal",children:e}):null})}):f.jsx(T.Drawer.Portal,{forceMount:!0,"data-slot":"responsive-popover-drawer-portal",...n,children:f.jsx(k,{children:o?f.jsx("div",{className:"mds:relative mds:z-100","data-slot":"responsive-popover-drawer-portal",children:e}):null})})};exports.ResponsivePopoverDrawerPortal=B;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react/jsx-runtime"),f=require("react"),tt=require("./mainstack-design-system455.cjs"),et=require("./mainstack-design-system456.cjs");require("./mainstack-design-system454.cjs");const u=require("./utils-CpiHnfHs.cjs"),nt=require("./mainstack-design-system604.cjs");function T(t,n){return ut(t)||at(t,n)||ot(t,n)||rt()}function rt(){throw new TypeError(`Invalid attempt to destructure non-iterable instance.
+In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`)}function ot(t,n){if(t){if(typeof t=="string")return M(t,n);var e=Object.prototype.toString.call(t).slice(8,-1);if(e==="Object"&&t.constructor&&(e=t.constructor.name),e==="Map"||e==="Set")return Array.from(t);if(e==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(e))return M(t,n)}}function M(t,n){(n==null||n>t.length)&&(n=t.length);for(var e=0,o=new Array(n);e<n;e++)o[e]=t[e];return o}function at(t,n){var e=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(e!=null){var o,r,a,c,p=[],y=!0,i=!1;try{if(a=(e=e.call(t)).next,n!==0)for(;!(y=(o=a.call(e)).done)&&(p.push(o.value),p.length!==n);y=!0);}catch(s){i=!0,r=s}finally{try{if(!y&&e.return!=null&&(c=e.return(),Object(c)!==c))return}finally{if(i)throw r}}return p}}function ut(t){if(Array.isArray(t))return t}function it(t){var n=this,e=t.value,o=t.onChange,r=t.country,a=t.defaultCountry,c=t.international,p=t.withCountryCallingCode,y=t.useNationalFormatForDefaultCountryValue,i=t.metadata;typeof p=="boolean"&&!(r&&c)&&console.error("[react-phone-number-input] `withCountryCallingCode` property can only be used together with `country` and `international` properties"),r&&a&&console.error("[react-phone-number-input] When `country` property is passed, `defaultCountry` property has no effect and therefore shouldn't be passed"),typeof c=="boolean"&&!r&&console.error("[react-phone-number-input] `international` property can only be used together with `country` property");var s=st({international:c,country:r,defaultCountry:a,withCountryCallingCode:p}),d=f.useRef(),g=function(m,C,v){console.error("[react-phone-number-input] Expected phone number ".concat(m," to correspond to country ").concat(C," but ").concat(v?"in reality it corresponds to country "+v:"it doesn't",".")),d.current=!0},h=function(m){return e&&u.validateE164Number(e),lt(e,r,a,s,y,i,function(){m&&m.onCountryMismatch&&m.onCountryMismatch();for(var C=arguments.length,v=new Array(C),I=0;I<C;I++)v[I]=arguments[I];g.apply(n,v)})},w=f.useState(r),P=T(w,2),F=P[0],B=P[1],H=f.useState(a),_=T(H,2),z=_[0],G=_[1],J=f.useState(h()),L=T(J,2),K=L[0],b=L[1],Q=f.useState(e),x=T(Q,2),A=x[0],N=x[1],X=f.useState(),$=T(X,2);$[0];var D=$[1],V=f.useCallback(function(){return D({})},[D]);function q(l){if(l){s==="NATIONAL_PART_OF_INTERNATIONAL"&&(l="+".concat(u.getCountryCallingCode$1(r,i)).concat(l));var m=new u.AsYouType(r||a,i);return m.input(l),m.getNumberValue()}}f.useEffect(function(){e!==A&&(N(e),b(h()))},[e]),f.useEffect(function(){if(r!==F){B(r);var l,m=h({onCountryMismatch:function(){l=!0}});b(m),l&&N(q(m))}},[r]),f.useEffect(function(){a!==z&&(G(a),b(h()))},[a]),f.useEffect(function(){A!==e&&o(A)},[A]);var Z=f.useCallback(function(l){var m;if(r)if(s==="INTERNATIONAL"){var C=u.getInternationalPhoneNumberPrefix(r,i);if(l.indexOf(C)!==0){if(l&&l[0]!=="+")l=C+l;else if(!d.current)return b(C),N(void 0),V()}}else l&&l[0]==="+"&&(l=l.slice(1));else a||l&&l[0]!=="+"&&(l="+"+l);l&&(m=q(l)),b(l),N(m)},[r,s,a,i,b,N,V,d]);return{phoneDigits:K,setPhoneDigits:Z,inputFormat:s}}function lt(t,n,e,o,r,a,c){if(n&&o==="INTERNATIONAL"){var p=u.getInternationalPhoneNumberPrefix(n,a);return t?(t.indexOf(p)!==0&&c(t,n),t):p}if(!t)return"";if(!n&&!e)return t;var y=new u.AsYouType(void 0,a);y.input(t);var i=y.getNumber();if(i)if(n)switch(i.country&&i.country!==n?c(t,n,i.country):i.countryCallingCode!==u.getCountryCallingCode$1(n,a)&&c(t,n),o){case"NATIONAL":return u.parseDigits(i.formatNational());case"NATIONAL_PART_OF_INTERNATIONAL":return u.parseDigits(u.removePrefixFromFormattedPhoneNumber(i.formatInternational(),u.getInternationalPhoneNumberPrefix(n,a)));case"INTERNATIONAL":throw new Error('`inputFormat: "INTERNATIONAL"` case should\'ve already been handled earlier in the code');case"INTERNATIONAL_OR_NATIONAL":throw new Error('`inputFormat: "INTERNATIONAL_OR_NATIONAL"` is not possible when `country` is fixed');default:throw new Error("Unknown `inputFormat`: ".concat(o))}else return i.countryCallingCode&&i.countryCallingCode===u.getCountryCallingCode$1(e,a)&&r?u.parseDigits(i.formatNational()):t;else return""}function st(t){var n=t.international,e=t.country,o=t.defaultCountry,r=t.withCountryCallingCode;return e?n?r?"INTERNATIONAL":"NATIONAL_PART_OF_INTERNATIONAL":"NATIONAL":o?"INTERNATIONAL_OR_NATIONAL":"INTERNATIONAL"}var ct=["Component","country","defaultCountry","useNationalFormatForDefaultCountryValue","value","onChange","metadata","international","withCountryCallingCode"];function j(){return j=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},j.apply(this,arguments)}function ft(t,n){if(t==null)return{};var e=pt(t,n),o,r;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r<a.length;r++)o=a[r],!(n.indexOf(o)>=0)&&Object.prototype.propertyIsEnumerable.call(t,o)&&(e[o]=t[o])}return e}function pt(t,n){if(t==null)return{};var e={},o=Object.keys(t),r,a;for(a=0;a<o.length;a++)r=o[a],!(n.indexOf(r)>=0)&&(e[r]=t[r]);return e}function O(t,n){var e=t.Component,o=t.country,r=t.defaultCountry,a=t.useNationalFormatForDefaultCountryValue,c=a===void 0?!0:a,p=t.value,y=t.onChange,i=t.metadata,s=t.international,d=t.withCountryCallingCode,g=ft(t,ct),h=it({value:p,onChange:y,country:o,defaultCountry:r,international:s,withCountryCallingCode:d,useNationalFormatForDefaultCountryValue:c,metadata:i}),w=h.phoneDigits,P=h.setPhoneDigits,F=h.inputFormat;return f.createElement(e,j({},g,{ref:n,metadata:i,inputFormat:F,international:s,withCountryCallingCode:d,country:o||r,value:w,onChange:P}))}O=f.forwardRef(O);O.propTypes={value:u.PropTypes.string,onChange:u.PropTypes.func.isRequired,country:u.PropTypes.string,defaultCountry:u.PropTypes.string,international:u.PropTypes.bool,withCountryCallingCode:u.PropTypes.bool,Component:u.PropTypes.elementType.isRequired,useNationalFormatForDefaultCountryValue:u.PropTypes.bool,metadata:u.metadata};var yt=["type","autoComplete","smartCaret","metadata"];function S(){return S=Object.assign?Object.assign.bind():function(t){for(var n=1;n<arguments.length;n++){var e=arguments[n];for(var o in e)Object.prototype.hasOwnProperty.call(e,o)&&(t[o]=e[o])}return t},S.apply(this,arguments)}function dt(t,n){if(t==null)return{};var e=mt(t,n),o,r;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(r=0;r<a.length;r++)o=a[r],!(n.indexOf(o)>=0)&&Object.prototype.propertyIsEnumerable.call(t,o)&&(e[o]=t[o])}return e}function mt(t,n){if(t==null)return{};var e={},o=Object.keys(t),r,a;for(a=0;a<o.length;a++)r=o[a],!(n.indexOf(r)>=0)&&(e[r]=t[r]);return e}function k(t){function n(e,o){var r=e.type,a=r===void 0?"tel":r,c=e.autoComplete,p=c===void 0?"tel":c,y=e.smartCaret,i=y===void 0?!0:y,s=e.metadata,d=s===void 0?t:s,g=dt(e,yt);return f.createElement(O,S({},g,{type:a,autoComplete:p,metadata:d,ref:o,Component:i?u.InputSmart:u.InputBasic}))}return n=f.forwardRef(n),n.propTypes={type:u.PropTypes.string,autoComplete:u.PropTypes.string,smartCaret:u.PropTypes.bool,metadata:u.PropTypes.object},n}k();function E(t,n){var e=Array.prototype.slice.call(n);return e.push(u.metadata$1),t.apply(this,e)}k(u.metadata$1);function W(){return E(u.parsePhoneNumber,arguments)}function Y(){return E(u.getCountryCallingCode$1,arguments)}function Ct(){return E(u.isSupportedCountry$1,arguments)}const U=f.forwardRef(({placeholder:t="000 - 000 - 000",disabled:n,...e},o)=>{const{activeCountry:r,isDisabled:a,value:c,onValueChange:p,setActiveCountry:y}=nt.usePhoneNumberContext(),i=s=>{if(!s)return"";const d=W(s);if(d)return d.nationalNumber;let g="";return r&&Ct(r)&&(g=Y(r)),s.replace(`+${g}`,"")};return f.useEffect(()=>{if(c&&!r){const s=W(c);s&&y(s.country)}},[r,y,c]),R.jsxs(tt.InputRoot,{"data-slot":"phone-number-digit-field",className:"mds:has-disabled:opacity-50",children:[R.jsxs("p",{className:u.cn("mds:body-extrasmall-regular"),children:["(+",Y(r||"US"),")"]}),R.jsx(et.InputField,{...e,disabled:n||a,placeholder:t,value:i(c),onChange:s=>{const d=u.getPhoneNumberDigitMetadataValueObject({value:s.target.value,activeCountry:r});p&&(s.target.value=d.digit,p(d))},ref:o})]})});U.displayName="PhoneNumberDigitField";exports.PhoneNumberDigitField=U;