mainstack-design-system 1.3.5 → 1.3.8

package/dist/mainstack-design-system592.js

@@ -1,127 +1,389 @@
 'use client';
-import { jsx as i, jsxs as M } from "react/jsx-runtime";
-import { forwardRef as P, useRef as v, useMemo as A, useEffect as H } from "react";
-import { cn as b } from "./mainstack-design-system588.js";
-import { useTimePickerContext as N } from "./mainstack-design-system579.js";
-import { S, a as k, b as V, c as y, d as C } from "./index-CLUgda6x.js";
-import { timeOptionBreakdown as j } from "./mainstack-design-system580.js";
-import { t as h } from "./toDate-BtoX9SXv.js";
-function g(n, s) {
-  return h(n, s?.in).getHours();
-}
-function z(n, s) {
-  return h(n, s?.in).getMinutes();
-}
-function w(n, s, u) {
-  const r = h(n, u?.in);
-  return r.setHours(s), r;
-}
-function O(n, s, u) {
-  const r = h(n, u?.in);
-  return r.setMinutes(s), r;
-}
-const D = P(
-  ({ className: n, ...s }, u) => {
-    const {
-      value: r,
-      onValueChange: p,
-      isDisabled: x
-    } = N(), m = v({
-      Hours: {},
-      Minutes: {},
-      "AM/PM": {}
-    }), l = A(() => {
-      const e = {
-        Hours: "",
-        Minutes: "",
-        "AM/PM": ""
-      };
-      if (!r) return e;
-      let a = g(r) % 12;
-      return a = a === 0 ? 12 : a, e.Hours = a.toString().padStart(2, "0"), e.Minutes = z(r).toString().padStart(2, "0"), e["AM/PM"] = g(r) >= 12 ? "PM" : "AM", e;
-    }, [r]);
-    return H(() => {
-      const e = m.current.Hours[l.Hours], a = m.current.Minutes[l.Minutes], o = m.current["AM/PM"][l["AM/PM"]];
-      (e || a || o) && (e?.scrollIntoView({ block: "center", behavior: "smooth" }), a?.scrollIntoView({ block: "center", behavior: "smooth" }), o?.scrollIntoView({ block: "center", behavior: "smooth" }));
-    }, [l]), /* @__PURE__ */ i(
-      "div",
+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, 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, a, o, l, f = [], s = !0, i = !1;
+    try {
+      if (o = (e = e.call(t)).next, n !== 0) for (; !(s = (r = o.call(e)).done) && (f.push(r.value), f.length !== n); s = !0) ;
+    } catch (y) {
+      i = !0, a = y;
+    } finally {
+      try {
+        if (!s && e.return != null && (l = e.return(), Object(l) !== l)) return;
+      } finally {
+        if (i) throw a;
+      }
+    }
+    return f;
+  }
+}
+function Ot(t) {
+  if (Array.isArray(t)) return t;
+}
+function It(t) {
+  var n = this, e = t.value, r = t.onChange, a = t.country, o = t.defaultCountry, l = t.international, f = t.withCountryCallingCode, s = t.useNationalFormatForDefaultCountryValue, i = t.metadata;
+  typeof f == "boolean" && !(a && l) && console.error("[react-phone-number-input] `withCountryCallingCode` property can only be used together with `country` and `international` properties"), a && o && console.error("[react-phone-number-input] When `country` property is passed, `defaultCountry` property has no effect and therefore shouldn't be passed"), typeof l == "boolean" && !a && console.error("[react-phone-number-input] `international` property can only be used together with `country` property");
+  var y = Pt({
+    international: l,
+    country: a,
+    defaultCountry: o,
+    withCountryCallingCode: f
+  }), m = ut(), h = function(c, d, b) {
+    console.error("[react-phone-number-input] Expected phone number ".concat(c, " to correspond to country ").concat(d, " but ").concat(b ? "in reality it corresponds to country " + b : "it doesn't", ".")), m.current = !0;
+  }, C = function(c) {
+    return e && ct(e), Tt(e, a, o, y, s, i, function() {
+      c && c.onCountryMismatch && c.onCountryMismatch();
+      for (var d = arguments.length, b = new Array(d), T = 0; T < d; T++)
+        b[T] = arguments[T];
+      h.apply(n, b);
+    });
+  }, j = v(a), O = A(j, 2), E = O[0], Q = O[1], X = v(o), $ = A(X, 2), Z = $[0], tt = $[1], et = v(C()), V = A(et, 2), nt = V[0], g = V[1], rt = v(e), D = A(rt, 2), I = D[0], N = D[1], at = v(), M = A(at, 2);
+  M[0];
+  var W = M[1], k = q(function() {
+    return W({});
+  }, [W]);
+  function U(u) {
+    if (u) {
+      y === "NATIONAL_PART_OF_INTERNATIONAL" && (u = "+".concat(F(a, i)).concat(u));
+      var c = new z(a || o, i);
+      return c.input(u), c.getNumberValue();
+    }
+  }
+  P(function() {
+    e !== I && (N(e), g(C()));
+  }, [e]), P(function() {
+    if (a !== E) {
+      Q(a);
+      var u, c = C({
+        onCountryMismatch: function() {
+          u = !0;
+        }
+      });
+      g(c), u && N(U(c));
+    }
+  }, [a]), P(function() {
+    o !== Z && (tt(o), g(C()));
+  }, [o]), P(function() {
+    I !== e && r(I);
+  }, [I]);
+  var ot = q(function(u) {
+    var c;
+    if (a)
+      if (y === "INTERNATIONAL") {
+        var d = S(a, 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 && (c = U(u)), g(u), N(c);
+  }, [a, y, o, i, g, N, k, m]);
+  return {
+    phoneDigits: nt,
+    setPhoneDigits: ot,
+    inputFormat: y
+  };
+}
+function Tt(t, n, e, r, a, o, l) {
+  if (n && r === "INTERNATIONAL") {
+    var f = S(n, o);
+    return t ? (t.indexOf(f) !== 0 && l(t, n), t) : f;
+  }
+  if (!t)
+    return "";
+  if (!n && !e)
+    return t;
+  var s = new z(void 0, o);
+  s.input(t);
+  var i = s.getNumber();
+  if (i)
+    if (n)
+      switch (i.country && i.country !== n ? l(t, n, i.country) : i.countryCallingCode !== F(n, o) && l(t, n), r) {
+        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(r));
+      }
+    else
+      return i.countryCallingCode && i.countryCallingCode === F(e, o) && a ? L(i.formatNational()) : t;
+  else
+    return "";
+}
+function Pt(t) {
+  var n = t.international, e = t.country, r = t.defaultCountry, a = t.withCountryCallingCode;
+  return e ? n ? a ? "INTERNATIONAL" : "NATIONAL_PART_OF_INTERNATIONAL" : "NATIONAL" : r ? "INTERNATIONAL_OR_NATIONAL" : "INTERNATIONAL";
+}
+var wt = ["Component", "country", "defaultCountry", "useNationalFormatForDefaultCountryValue", "value", "onChange", "metadata", "international", "withCountryCallingCode"];
+function _() {
+  return _ = Object.assign ? Object.assign.bind() : function(t) {
+    for (var n = 1; n < arguments.length; n++) {
+      var e = arguments[n];
+      for (var r in e)
+        Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
+    }
+    return t;
+  }, _.apply(this, arguments);
+}
+function Ft(t, n) {
+  if (t == null) return {};
+  var e = Rt(t, n), r, a;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    for (a = 0; a < o.length; a++)
+      r = o[a], !(n.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(t, r) && (e[r] = t[r]);
+  }
+  return e;
+}
+function Rt(t, n) {
+  if (t == null) return {};
+  var e = {}, r = Object.keys(t), a, o;
+  for (o = 0; o < r.length; o++)
+    a = r[o], !(n.indexOf(a) >= 0) && (e[a] = t[a]);
+  return e;
+}
+function R(t, n) {
+  var e = t.Component, r = t.country, a = t.defaultCountry, o = t.useNationalFormatForDefaultCountryValue, l = o === void 0 ? !0 : o, f = t.value, s = t.onChange, i = t.metadata, y = t.international, m = t.withCountryCallingCode, h = Ft(t, wt), C = It({
+    value: f,
+    onChange: s,
+    country: r,
+    defaultCountry: a,
+    international: y,
+    withCountryCallingCode: m,
+    useNationalFormatForDefaultCountryValue: l,
+    metadata: i
+  }), j = C.phoneDigits, O = C.setPhoneDigits, E = C.inputFormat;
+  return /* @__PURE__ */ w.createElement(e, _({}, h, {
+    ref: n,
+    metadata: i,
+    inputFormat: E,
+    international: y,
+    withCountryCallingCode: m,
+    country: r || a,
+    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 r in e)
+        Object.prototype.hasOwnProperty.call(e, r) && (t[r] = e[r]);
+    }
+    return t;
+  }, x.apply(this, arguments);
+}
+function Et(t, n) {
+  if (t == null) return {};
+  var e = Lt(t, n), r, a;
+  if (Object.getOwnPropertySymbols) {
+    var o = Object.getOwnPropertySymbols(t);
+    for (a = 0; a < o.length; a++)
+      r = o[a], !(n.indexOf(r) >= 0) && Object.prototype.propertyIsEnumerable.call(t, r) && (e[r] = t[r]);
+  }
+  return e;
+}
+function Lt(t, n) {
+  if (t == null) return {};
+  var e = {}, r = Object.keys(t), a, o;
+  for (o = 0; o < r.length; o++)
+    a = r[o], !(n.indexOf(a) >= 0) && (e[a] = t[a]);
+  return e;
+}
+function J(t) {
+  function n(e, r) {
+    var a = e.type, o = a === void 0 ? "tel" : a, l = e.autoComplete, f = l === void 0 ? "tel" : l, s = e.smartCaret, i = s === void 0 ? !0 : s, y = e.metadata, m = y === void 0 ? t : y, h = Et(e, jt);
+    return /* @__PURE__ */ w.createElement(R, x({}, h, {
+      type: o,
+      autoComplete: f,
+      metadata: m,
+      ref: r,
+      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", ...n }, e) => {
+    const { activeCountry: r, isDisabled: a, value: o, onValueChange: l } = Nt(), f = (s) => {
+      if (!s) return "";
+      let i = "";
+      return r && St(r) && (i = H(r)), s.replace(`+${i}`, "");
+    };
+    return /* @__PURE__ */ Y(
+      st,
       {
-        "data-slot": "date-picker-calendar",
-        className: b(
-          "@container grid grid-cols-3 justify-items-center gap-16 p-16 pb-0 ",
-          n
-        ),
-        ref: u,
-        ...s,
-        children: Object.entries(j).map(([e, a]) => /* @__PURE__ */ M("div", { className: "flex flex-col gap-16", children: [
-          /* @__PURE__ */ i("h6", { className: b("body-extrasmall-regular", "text-secondary"), children: e }),
-          /* @__PURE__ */ M(
-            S,
+        "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,
             {
-              style: {
-                "--scrollbar-size": "8px"
+              ...n,
+              disabled: a,
+              placeholder: t,
+              value: f(o),
+              onChange: (s) => {
+                const i = ht({
+                  value: s.target.value,
+                  activeCountry: r
+                });
+                l && (s.target.value = i.digit, l(i));
               },
-              className: "h-210 overflow-hidden rounded-4",
-              children: [
-                /* @__PURE__ */ i(k, { className: "h-full w-full pr-10 rounded-4", children: /* @__PURE__ */ i("div", { className: "flex flex-col gap-16", children: a.map((o) => /* @__PURE__ */ i(
-                  "button",
-                  {
-                    "data-selected": l[e] === o,
-                    className: b(
-                      "body-extrasmall-book",
-                      "size-36 basis-36 shrink-0 grow-0 text-primary rounded-full cursor-pointer hover:bg-interactive-secondary data-[selected=true]:bg-interactive-primary data-[selected=true]:text-neutral-50 disabled:cursor-not-allowed disabled:opacity-50"
-                    ),
-                    disabled: x,
-                    onClick: () => {
-                      let t = r || /* @__PURE__ */ new Date();
-                      const d = e;
-                      let f = 0;
-                      if (d === "AM/PM") {
-                        f = o === "PM" ? 12 : 0;
-                        let c = +l.Hours;
-                        c === 12 && (c = 0), t = w(t, c + f), p(t);
-                      }
-                      if (d === "Hours") {
-                        f = l["AM/PM"] === "PM" ? 12 : 0;
-                        let c = +o;
-                        c === 12 && (c = 0), t = w(t, c + f), p(t);
-                      }
-                      d === "Minutes" && (t = O(t, +o), p(t));
-                    },
-                    ref: (t) => {
-                      const d = e;
-                      t && (m.current[d][o] = t);
-                    },
-                    children: o
-                  },
-                  o
-                )) }) }),
-                /* @__PURE__ */ i(
-                  V,
-                  {
-                    orientation: "vertical",
-                    className: "flex select-none touch-none p-2 w-(--scrollbar-size) flex-col transition-all duration-200 ease-out bg-surface-neutral-l1",
-                    children: /* @__PURE__ */ i(
-                      y,
-                      {
-                        className: b(
-                          " rounded-(--scrollbar-size) bg-border-interactive-neutral-inverse-hover relative",
-                          "before:content-[''] before:absolute before:top-1/2 before:left-1/2  before:-translate-1/2 before:size-full before:min-w-44 before:min-h-44"
-                        )
-                      }
-                    )
-                  }
-                ),
-                /* @__PURE__ */ i(C, { className: "bg-border-interactive-neutral-inverse-hover" })
-              ]
+              ref: e
             }
           )
-        ] }, e))
+        ]
       }
     );
   }
 );
-D.displayName = "TimePickerCalendar";
+_t.displayName = "PhoneNumberDigitField";
 export {
-  D as TimePickerCalendar
+  _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 F=require("react/jsx-runtime"),f=require("react"),at=require("./mainstack-design-system430.cjs"),it=require("./mainstack-design-system431.cjs");require("./mainstack-design-system429.cjs");const l=require("./getInternationalPhoneNumberPrefix-oZHfGGGj.cjs"),d=require("./index-CQkZgGe1.cjs"),ut=require("./en.json-C_LsdSZ9.cjs"),Y=require("./mainstack-design-system588.cjs"),lt=require("./mainstack-design-system563.cjs");function I(t){"@babel/helpers - typeof";return I=typeof Symbol=="function"&&typeof Symbol.iterator=="symbol"?function(e){return typeof e}:function(e){return e&&typeof Symbol=="function"&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e},I(t)}function z(t,e){var r=Object.keys(t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(t);e&&(n=n.filter(function(o){return Object.getOwnPropertyDescriptor(t,o).enumerable})),r.push.apply(r,n)}return r}function U(t){for(var e=1;e<arguments.length;e++){var r=arguments[e]!=null?arguments[e]:{};e%2?z(Object(r),!0).forEach(function(n){st(t,n,r[n])}):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(r)):z(Object(r)).forEach(function(n){Object.defineProperty(t,n,Object.getOwnPropertyDescriptor(r,n))})}return t}function st(t,e,r){return(e=ct(e))in t?Object.defineProperty(t,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):t[e]=r,t}function ct(t){var e=ft(t,"string");return I(e)=="symbol"?e:e+""}function ft(t,e){if(I(t)!="object"||!t)return t;var r=t[Symbol.toPrimitive];if(r!==void 0){var n=r.call(t,e);if(I(n)!="object")return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return(e==="string"?String:Number)(t)}function pt(){var t=l.normalizeArguments(arguments),e=t.text,r=t.options,n=t.metadata;r=U(U({},r),{},{extract:!1});var o=l.parsePhoneNumber(e,r,n);return o&&o.isPossible()||!1}function T(t,e){return bt(t)||dt(t,e)||mt(t,e)||yt()}function yt(){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 mt(t,e){if(t){if(typeof t=="string")return B(t,e);var r=Object.prototype.toString.call(t).slice(8,-1);if(r==="Object"&&t.constructor&&(r=t.constructor.name),r==="Map"||r==="Set")return Array.from(t);if(r==="Arguments"||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r))return B(t,e)}}function B(t,e){(e==null||e>t.length)&&(e=t.length);for(var r=0,n=new Array(e);r<e;r++)n[r]=t[r];return n}function dt(t,e){var r=t==null?null:typeof Symbol<"u"&&t[Symbol.iterator]||t["@@iterator"];if(r!=null){var n,o,a,c,y=[],s=!0,i=!1;try{if(a=(r=r.call(t)).next,e!==0)for(;!(s=(n=a.call(r)).done)&&(y.push(n.value),y.length!==e);s=!0);}catch(p){i=!0,o=p}finally{try{if(!s&&r.return!=null&&(c=r.return(),Object(c)!==c))return}finally{if(i)throw o}}return y}}function bt(t){if(Array.isArray(t))return t}function gt(t){var e=this,r=t.value,n=t.onChange,o=t.country,a=t.defaultCountry,c=t.international,y=t.withCountryCallingCode,s=t.useNationalFormatForDefaultCountryValue,i=t.metadata;typeof y=="boolean"&&!(o&&c)&&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 c=="boolean"&&!o&&console.error("[react-phone-number-input] `international` property can only be used together with `country` property");var p=ht({international:c,country:o,defaultCountry:a,withCountryCallingCode:y}),b=f.useRef(),C=function(m,h,O){console.error("[react-phone-number-input] Expected phone number ".concat(m," to correspond to country ").concat(h," but ").concat(O?"in reality it corresponds to country "+O:"it doesn't",".")),b.current=!0},g=function(m){return r&&l.validateE164Number(r),Ct(r,o,a,p,s,i,function(){m&&m.onCountryMismatch&&m.onCountryMismatch();for(var h=arguments.length,O=new Array(h),j=0;j<h;j++)O[j]=arguments[j];C.apply(e,O)})},N=f.useState(o),A=T(N,2),_=A[0],J=A[1],Q=f.useState(a),D=T(Q,2),X=D[0],Z=D[1],tt=f.useState(g()),$=T(tt,2),et=$[0],v=$[1],rt=f.useState(r),V=T(rt,2),w=V[0],P=V[1],nt=f.useState(),q=T(nt,2);q[0];var M=q[1],W=f.useCallback(function(){return M({})},[M]);function k(u){if(u){p==="NATIONAL_PART_OF_INTERNATIONAL"&&(u="+".concat(l.getCountryCallingCode(o,i)).concat(u));var m=new l.AsYouType(o||a,i);return m.input(u),m.getNumberValue()}}f.useEffect(function(){r!==w&&(P(r),v(g()))},[r]),f.useEffect(function(){if(o!==_){J(o);var u,m=g({onCountryMismatch:function(){u=!0}});v(m),u&&P(k(m))}},[o]),f.useEffect(function(){a!==X&&(Z(a),v(g()))},[a]),f.useEffect(function(){w!==r&&n(w)},[w]);var ot=f.useCallback(function(u){var m;if(o)if(p==="INTERNATIONAL"){var h=l.getInternationalPhoneNumberPrefix(o,i);if(u.indexOf(h)!==0){if(u&&u[0]!=="+")u=h+u;else if(!b.current)return v(h),P(void 0),W()}}else u&&u[0]==="+"&&(u=u.slice(1));else a||u&&u[0]!=="+"&&(u="+"+u);u&&(m=k(u)),v(u),P(m)},[o,p,a,i,v,P,W,b]);return{phoneDigits:et,setPhoneDigits:ot,inputFormat:p}}function Ct(t,e,r,n,o,a,c){if(e&&n==="INTERNATIONAL"){var y=l.getInternationalPhoneNumberPrefix(e,a);return t?(t.indexOf(y)!==0&&c(t,e),t):y}if(!t)return"";if(!e&&!r)return t;var s=new l.AsYouType(void 0,a);s.input(t);var i=s.getNumber();if(i)if(e)switch(i.country&&i.country!==e?c(t,e,i.country):i.countryCallingCode!==l.getCountryCallingCode(e,a)&&c(t,e),n){case"NATIONAL":return l.parseDigits(i.formatNational());case"NATIONAL_PART_OF_INTERNATIONAL":return l.parseDigits(l.removePrefixFromFormattedPhoneNumber(i.formatInternational(),l.getInternationalPhoneNumberPrefix(e,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(n))}else return i.countryCallingCode&&i.countryCallingCode===l.getCountryCallingCode(r,a)&&o?l.parseDigits(i.formatNational()):t;else return""}function ht(t){var e=t.international,r=t.country,n=t.defaultCountry,o=t.withCountryCallingCode;return r?e?o?"INTERNATIONAL":"NATIONAL_PART_OF_INTERNATIONAL":"NATIONAL":n?"INTERNATIONAL_OR_NATIONAL":"INTERNATIONAL"}var vt=["Component","country","defaultCountry","useNationalFormatForDefaultCountryValue","value","onChange","metadata","international","withCountryCallingCode"];function R(){return R=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},R.apply(this,arguments)}function Nt(t,e){if(t==null)return{};var r=Pt(t,e),n,o;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(o=0;o<a.length;o++)n=a[o],!(e.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}function Pt(t,e){if(t==null)return{};var r={},n=Object.keys(t),o,a;for(a=0;a<n.length;a++)o=n[a],!(e.indexOf(o)>=0)&&(r[o]=t[o]);return r}function S(t,e){var r=t.Component,n=t.country,o=t.defaultCountry,a=t.useNationalFormatForDefaultCountryValue,c=a===void 0?!0:a,y=t.value,s=t.onChange,i=t.metadata,p=t.international,b=t.withCountryCallingCode,C=Nt(t,vt),g=gt({value:y,onChange:s,country:n,defaultCountry:o,international:p,withCountryCallingCode:b,useNationalFormatForDefaultCountryValue:c,metadata:i}),N=g.phoneDigits,A=g.setPhoneDigits,_=g.inputFormat;return f.createElement(r,R({},C,{ref:e,metadata:i,inputFormat:_,international:p,withCountryCallingCode:b,country:n||o,value:N,onChange:A}))}S=f.forwardRef(S);S.propTypes={value:d.PropTypes.string,onChange:d.PropTypes.func.isRequired,country:d.PropTypes.string,defaultCountry:d.PropTypes.string,international:d.PropTypes.bool,withCountryCallingCode:d.PropTypes.bool,Component:d.PropTypes.elementType.isRequired,useNationalFormatForDefaultCountryValue:d.PropTypes.bool,metadata:l.metadata};var Ot=["type","autoComplete","smartCaret","metadata"];function x(){return x=Object.assign?Object.assign.bind():function(t){for(var e=1;e<arguments.length;e++){var r=arguments[e];for(var n in r)Object.prototype.hasOwnProperty.call(r,n)&&(t[n]=r[n])}return t},x.apply(this,arguments)}function Tt(t,e){if(t==null)return{};var r=It(t,e),n,o;if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(t);for(o=0;o<a.length;o++)n=a[o],!(e.indexOf(n)>=0)&&Object.prototype.propertyIsEnumerable.call(t,n)&&(r[n]=t[n])}return r}function It(t,e){if(t==null)return{};var r={},n=Object.keys(t),o,a;for(a=0;a<n.length;a++)o=n[a],!(e.indexOf(o)>=0)&&(r[o]=t[o]);return r}function H(t){function e(r,n){var o=r.type,a=o===void 0?"tel":o,c=r.autoComplete,y=c===void 0?"tel":c,s=r.smartCaret,i=s===void 0?!0:s,p=r.metadata,b=p===void 0?t:p,C=Tt(r,Ot);return f.createElement(S,x({},C,{type:a,autoComplete:y,metadata:b,ref:n,Component:i?l.InputSmart:l.InputBasic}))}return e=f.forwardRef(e),e.propTypes={type:d.PropTypes.string,autoComplete:d.PropTypes.string,smartCaret:d.PropTypes.bool,metadata:d.PropTypes.object},e}H();function L(t,e){var r=Array.prototype.slice.call(e);return r.push(l.metadata$1),t.apply(this,r)}H(l.metadata$1);function At(){return L(pt,arguments)}function E(){return L(l.getCountryCallingCode,arguments)}function K(){return L(l.isSupportedCountry,arguments)}const G=f.forwardRef(({value:t,placeholder:e="000 - 000 - 000",onChange:r,...n},o)=>{const{activeCountry:a,isDisabled:c}=lt.usePhoneNumberContext(),y=s=>{if(!s)return"";let i="";return a&&K(a)&&(i=E(a)),s.replace(`+${i}`,"")};return F.jsxs(at.InputRoot,{"data-slot":"phone-number-digit-field",className:" has-disabled:opacity-50",children:[F.jsxs("p",{className:Y.cn("body-extrasmall-book"),children:["(+",E(a||"US"),")"]}),F.jsx(it.InputField,{...n,disabled:c,placeholder:e,value:y(t),onChange:s=>{const i=s.target.value;let p="",b="";a&&K(a)&&i.length>1&&(p=E(a),b="+");const C=`${b}${p}${Y.sanitizeNumberInputValue(i)}`;if(r){s.target.value=C;const g=At(C),N={digit:C,isValid:g,countryIso2:a,countryName:a?ut.countriesEnglishNames[a]:null,isError:!!C&&(!a||!g)};r(N,s)}},ref:o})]})});G.displayName="PhoneNumberDigitField";exports.PhoneNumberDigitField=G;
+"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;