mainstack-design-system 1.9.3 → 1.11.0

package/dist/mainstack-design-system603.js

@@ -1,392 +1,262 @@
 'use client';
-import { jsxs as U, jsx as it } from "react/jsx-runtime";
-import P, { useRef as ut, useState as b, useCallback as Y, useEffect as w, forwardRef as lt } from "react";
-import { InputRoot as st } from "./mainstack-design-system436.js";
-import { InputField as ft } from "./mainstack-design-system437.js";
-import "./mainstack-design-system435.js";
-import { n as S, v as ct, o as F, A as z, p as L, r as yt, q as pt, P as p, I as dt, t as mt, u as G, w as Ct, c as gt, j as ht } from "./utils-bFB19i-d.js";
-import { usePhoneNumberContext as Nt } from "./mainstack-design-system577.js";
-function A(t, n) {
-  return Ot(t) || At(t, n) || bt(t, n) || vt();
-}
-function vt() {
-  throw new TypeError(`Invalid attempt to destructure non-iterable instance.
-In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
+import { jsx as c, jsxs as L, Fragment as O } from "react/jsx-runtime";
+import * as d from "react";
+import { forwardRef as H } from "react";
+import { u as S } from "./index-DLcqcWxM.js";
+import { c as G, P, a as N } from "./index-DMumqyNN.js";
+import { u as K } from "./index-437EL2iq.js";
+import { u as U } from "./index-BZPx6jYI.js";
+import { u as X } from "./index-BGQepRFJ.js";
+import { P as $ } from "./index-BpWB3aFK.js";
+import "./mainstack-design-system357.js";
+import J from "./mainstack-design-system104.js";
+import "./player-C7Vjl1Lb.js";
+import { c as Q } from "./utils-BuJ7DVbu.js";
+var y = "Checkbox", [V] = G(y), [W, _] = V(y);
+function Y(r) {
+  const {
+    __scopeCheckbox: s,
+    checked: t,
+    children: l,
+    defaultChecked: a,
+    disabled: e,
+    form: p,
+    name: f,
+    onCheckedChange: i,
+    required: h,
+    value: k = "on",
+    // @ts-expect-error
+    internal_do_not_use_render: u
+  } = r, [m, x] = K({
+    prop: t,
+    defaultProp: a ?? !1,
+    onChange: i,
+    caller: y
+  }), [C, v] = d.useState(null), [g, o] = d.useState(null), n = d.useRef(!1), I = C ? !!p || !!C.closest("form") : (
+    // We set this to true by default so that events bubble to forms without JS (SSR)
+    !0
+  ), R = {
+    checked: m,
+    disabled: e,
+    setChecked: x,
+    control: C,
+    setControl: v,
+    name: f,
+    form: p,
+    value: k,
+    hasConsumerStoppedPropagationRef: n,
+    required: h,
+    defaultChecked: b(a) ? !1 : a,
+    isFormControl: I,
+    bubbleInput: g,
+    setBubbleInput: o
+  };
+  return /* @__PURE__ */ c(
+    W,
+    {
+      scope: s,
+      ...R,
+      children: Z(u) ? u(R) : l
+    }
+  );
 }
-function bt(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);
+var w = "CheckboxTrigger", z = d.forwardRef(
+  ({ __scopeCheckbox: r, onKeyDown: s, onClick: t, ...l }, a) => {
+    const {
+      control: e,
+      value: p,
+      disabled: f,
+      checked: i,
+      required: h,
+      setControl: k,
+      setChecked: u,
+      hasConsumerStoppedPropagationRef: m,
+      isFormControl: x,
+      bubbleInput: C
+    } = _(w, r), v = S(a, k), g = d.useRef(i);
+    return d.useEffect(() => {
+      const o = e?.form;
+      if (o) {
+        const n = () => u(g.current);
+        return o.addEventListener("reset", n), () => o.removeEventListener("reset", n);
+      }
+    }, [e, u]), /* @__PURE__ */ c(
+      P.button,
+      {
+        type: "button",
+        role: "checkbox",
+        "aria-checked": b(i) ? "mixed" : i,
+        "aria-required": h,
+        "data-state": j(i),
+        "data-disabled": f ? "" : void 0,
+        disabled: f,
+        value: p,
+        ...l,
+        ref: v,
+        onKeyDown: N(s, (o) => {
+          o.key === "Enter" && o.preventDefault();
+        }),
+        onClick: N(t, (o) => {
+          u((n) => b(n) ? !0 : !n), C && x && (m.current = o.isPropagationStopped(), m.current || o.stopPropagation());
+        })
+      }
+    );
   }
-}
-function B(t, n) {
-  (n == null || n > t.length) && (n = t.length);
-  for (var e = 0, a = new Array(n); e < n; e++) a[e] = t[e];
-  return a;
-}
-function At(t, n) {
-  var e = t == null ? null : typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
-  if (e != null) {
-    var a, r, o, s, f = [], c = !0, i = !1;
-    try {
-      if (o = (e = e.call(t)).next, n !== 0) for (; !(c = (a = o.call(e)).done) && (f.push(a.value), f.length !== n); c = !0) ;
-    } catch (l) {
-      i = !0, r = l;
-    } finally {
-      try {
-        if (!c && e.return != null && (s = e.return(), Object(s) !== s)) return;
-      } finally {
-        if (i) throw r;
+);
+z.displayName = w;
+var B = d.forwardRef(
+  (r, s) => {
+    const {
+      __scopeCheckbox: t,
+      name: l,
+      checked: a,
+      defaultChecked: e,
+      required: p,
+      disabled: f,
+      value: i,
+      onCheckedChange: h,
+      form: k,
+      ...u
+    } = r;
+    return /* @__PURE__ */ c(
+      Y,
+      {
+        __scopeCheckbox: t,
+        checked: a,
+        defaultChecked: e,
+        disabled: f,
+        required: p,
+        onCheckedChange: h,
+        name: l,
+        form: k,
+        value: i,
+        internal_do_not_use_render: ({ isFormControl: m }) => /* @__PURE__ */ L(O, { children: [
+          /* @__PURE__ */ c(
+            z,
+            {
+              ...u,
+              ref: s,
+              __scopeCheckbox: t
+            }
+          ),
+          m && /* @__PURE__ */ c(
+            A,
+            {
+              __scopeCheckbox: t
+            }
+          )
+        ] })
       }
-    }
-    return f;
+    );
   }
-}
-function Ot(t) {
-  if (Array.isArray(t)) return t;
-}
-function It(t) {
-  var n = this, e = t.value, a = t.onChange, r = t.country, o = t.defaultCountry, s = t.international, f = t.withCountryCallingCode, c = t.useNationalFormatForDefaultCountryValue, i = t.metadata;
-  typeof f == "boolean" && !(r && s) && console.error("[react-phone-number-input] `withCountryCallingCode` property can only be used together with `country` and `international` properties"), r && o && console.error("[react-phone-number-input] When `country` property is passed, `defaultCountry` property has no effect and therefore shouldn't be passed"), typeof s == "boolean" && !r && console.error("[react-phone-number-input] `international` property can only be used together with `country` property");
-  var l = wt({
-    international: s,
-    country: r,
-    defaultCountry: o,
-    withCountryCallingCode: f
-  }), m = ut(), h = function(y, d, v) {
-    console.error("[react-phone-number-input] Expected phone number ".concat(y, " to correspond to country ").concat(d, " but ").concat(v ? "in reality it corresponds to country " + v : "it doesn't", ".")), m.current = !0;
-  }, C = function(y) {
-    return e && ct(e), Tt(e, r, o, l, c, i, function() {
-      y && y.onCountryMismatch && y.onCountryMismatch();
-      for (var d = arguments.length, v = new Array(d), T = 0; T < d; T++)
-        v[T] = arguments[T];
-      h.apply(n, v);
-    });
-  }, j = b(r), O = A(j, 2), E = O[0], Q = O[1], X = b(o), $ = A(X, 2), Z = $[0], tt = $[1], et = b(C()), V = A(et, 2), nt = V[0], g = V[1], rt = b(e), D = A(rt, 2), I = D[0], N = D[1], at = b(), M = A(at, 2);
-  M[0];
-  var W = M[1], k = Y(function() {
-    return W({});
-  }, [W]);
-  function q(u) {
-    if (u) {
-      l === "NATIONAL_PART_OF_INTERNATIONAL" && (u = "+".concat(F(r, i)).concat(u));
-      var y = new z(r || o, i);
-      return y.input(u), y.getNumberValue();
-    }
+);
+B.displayName = y;
+var M = "CheckboxIndicator", T = d.forwardRef(
+  (r, s) => {
+    const { __scopeCheckbox: t, forceMount: l, ...a } = r, e = _(M, t);
+    return /* @__PURE__ */ c(
+      $,
+      {
+        present: l || b(e.checked) || e.checked === !0,
+        children: /* @__PURE__ */ c(
+          P.span,
+          {
+            "data-state": j(e.checked),
+            "data-disabled": e.disabled ? "" : void 0,
+            ...a,
+            ref: s,
+            style: { pointerEvents: "none", ...r.style }
+          }
+        )
+      }
+    );
   }
-  w(function() {
-    e !== I && (N(e), g(C()));
-  }, [e]), w(function() {
-    if (r !== E) {
-      Q(r);
-      var u, y = C({
-        onCountryMismatch: function() {
-          u = !0;
-        }
-      });
-      g(y), u && N(q(y));
-    }
-  }, [r]), w(function() {
-    o !== Z && (tt(o), g(C()));
-  }, [o]), w(function() {
-    I !== e && a(I);
-  }, [I]);
-  var ot = Y(function(u) {
-    var y;
-    if (r)
-      if (l === "INTERNATIONAL") {
-        var d = S(r, i);
-        if (u.indexOf(d) !== 0) {
-          if (u && u[0] !== "+")
-            u = d + u;
-          else if (!m.current) return g(d), N(void 0), k();
+);
+T.displayName = M;
+var q = "CheckboxBubbleInput", A = d.forwardRef(
+  ({ __scopeCheckbox: r, ...s }, t) => {
+    const {
+      control: l,
+      hasConsumerStoppedPropagationRef: a,
+      checked: e,
+      defaultChecked: p,
+      required: f,
+      disabled: i,
+      name: h,
+      value: k,
+      form: u,
+      bubbleInput: m,
+      setBubbleInput: x
+    } = _(q, r), C = S(t, x), v = U(e), g = X(l);
+    d.useEffect(() => {
+      const n = m;
+      if (!n) return;
+      const I = window.HTMLInputElement.prototype, E = Object.getOwnPropertyDescriptor(
+        I,
+        "checked"
+      ).set, D = !a.current;
+      if (v !== e && E) {
+        const F = new Event("click", { bubbles: D });
+        n.indeterminate = b(e), E.call(n, b(e) ? !1 : e), n.dispatchEvent(F);
+      }
+    }, [m, v, e, a]);
+    const o = d.useRef(b(e) ? !1 : e);
+    return /* @__PURE__ */ c(
+      P.input,
+      {
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: p ?? o.current,
+        required: f,
+        disabled: i,
+        name: h,
+        value: k,
+        form: u,
+        ...s,
+        tabIndex: -1,
+        ref: C,
+        style: {
+          ...s.style,
+          ...g,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0,
+          // We transform because the input is absolutely positioned but we have
+          // rendered it **after** the button. This pulls it back to sit on top
+          // of the button.
+          transform: "translateX(-100%)"
         }
-      } else
-        u && u[0] === "+" && (u = u.slice(1));
-    else o || u && u[0] !== "+" && (u = "+" + u);
-    u && (y = q(u)), g(u), N(y);
-  }, [r, l, o, i, g, N, k, m]);
-  return {
-    phoneDigits: nt,
-    setPhoneDigits: ot,
-    inputFormat: l
-  };
-}
-function Tt(t, n, e, a, r, o, s) {
-  if (n && a === "INTERNATIONAL") {
-    var f = S(n, o);
-    return t ? (t.indexOf(f) !== 0 && s(t, n), t) : f;
-  }
-  if (!t)
-    return "";
-  if (!n && !e)
-    return t;
-  var c = new z(void 0, o);
-  c.input(t);
-  var i = c.getNumber();
-  if (i)
-    if (n)
-      switch (i.country && i.country !== n ? s(t, n, i.country) : i.countryCallingCode !== F(n, o) && s(t, n), a) {
-        case "NATIONAL":
-          return L(i.formatNational());
-        case "NATIONAL_PART_OF_INTERNATIONAL":
-          return L(yt(i.formatInternational(), S(n, o)));
-        case "INTERNATIONAL":
-          throw new Error('`inputFormat: "INTERNATIONAL"` case should\'ve already been handled earlier in the code');
-        case "INTERNATIONAL_OR_NATIONAL":
-          throw new Error('`inputFormat: "INTERNATIONAL_OR_NATIONAL"` is not possible when `country` is fixed');
-        default:
-          throw new Error("Unknown `inputFormat`: ".concat(a));
       }
-    else
-      return i.countryCallingCode && i.countryCallingCode === F(e, o) && r ? L(i.formatNational()) : t;
-  else
-    return "";
-}
-function wt(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 Pt = ["Component", "country", "defaultCountry", "useNationalFormatForDefaultCountryValue", "value", "onChange", "metadata", "international", "withCountryCallingCode"];
-function _() {
-  return _ = Object.assign ? Object.assign.bind() : function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      var e = arguments[n];
-      for (var a in e)
-        Object.prototype.hasOwnProperty.call(e, a) && (t[a] = e[a]);
-    }
-    return t;
-  }, _.apply(this, arguments);
-}
-function Ft(t, n) {
-  if (t == null) return {};
-  var e = Rt(t, n), a, r;
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(t);
-    for (r = 0; r < o.length; r++)
-      a = o[r], !(n.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(t, a) && (e[a] = t[a]);
+    );
   }
-  return e;
+);
+A.displayName = q;
+function Z(r) {
+  return typeof r == "function";
 }
-function Rt(t, n) {
-  if (t == null) return {};
-  var e = {}, a = Object.keys(t), r, o;
-  for (o = 0; o < a.length; o++)
-    r = a[o], !(n.indexOf(r) >= 0) && (e[r] = t[r]);
-  return e;
+function b(r) {
+  return r === "indeterminate";
 }
-function R(t, n) {
-  var e = t.Component, a = t.country, r = t.defaultCountry, o = t.useNationalFormatForDefaultCountryValue, s = o === void 0 ? !0 : o, f = t.value, c = t.onChange, i = t.metadata, l = t.international, m = t.withCountryCallingCode, h = Ft(t, Pt), C = It({
-    value: f,
-    onChange: c,
-    country: a,
-    defaultCountry: r,
-    international: l,
-    withCountryCallingCode: m,
-    useNationalFormatForDefaultCountryValue: s,
-    metadata: i
-  }), j = C.phoneDigits, O = C.setPhoneDigits, E = C.inputFormat;
-  return /* @__PURE__ */ P.createElement(e, _({}, h, {
-    ref: n,
-    metadata: i,
-    inputFormat: E,
-    international: l,
-    withCountryCallingCode: m,
-    country: a || r,
-    value: j,
-    onChange: O
-  }));
+function j(r) {
+  return b(r) ? "indeterminate" : r ? "checked" : "unchecked";
 }
-R = /* @__PURE__ */ P.forwardRef(R);
-R.propTypes = {
-  /**
-   * The phone number (in E.164 format).
-   * Examples: `"+12"`, `"+12133734253"`.
-   * An "empty" `value` could be represented by any "falsy" value like `undefined`, `null` or an empty string `""`.
-   */
-  value: p.string,
-  /**
-   * A function of `value: string?`.
-   * Updates the `value` property (to `undefined` in case it's empty).
-   */
-  onChange: p.func.isRequired,
-  /**
-   * A two-letter country code for formatting `value`
-   * as a national phone number (example: `(213) 373-4253`),
-   * or as an international phone number without "country calling code"
-   * if `international` property is passed (example: `213 373 4253`).
-   * Example: "US".
-   * If no `country` is passed then `value`
-   * is formatted as an international phone number.
-   * (example: `+1 213 373 4253`)
-   */
-  country: p.string,
-  /**
-   * A two-letter country code for formatting `value`
-   * when a user inputs a national phone number (example: `(213) 373-4253`).
-   * The user can still input a phone number in international format.
-   * Example: "US".
-   * `country` and `defaultCountry` properties are mutually exclusive.
-   */
-  defaultCountry: p.string,
-  /**
-   * If `country` property is passed along with `international={true}` property
-   * then the phone number will be input in "international" format for that `country`
-   * (without "country calling code").
-   * For example, if `country="US"` property is passed to "without country select" input
-   * then the phone number will be input in the "national" format for `US` (`(213) 373-4253`).
-   * But if both `country="US"` and `international={true}` properties are passed then
-   * the phone number will be input in the "international" format for `US` (`213 373 4253`)
-   * (without "country calling code" `+1`).
-   */
-  international: p.bool,
-  /**
-   * If `country` and `international` properties are set,
-   * then by default it won't include "country calling code" in the input field.
-   * To change that, pass `withCountryCallingCode` property,
-   * and it will include "country calling code" in the input field.
-   */
-  withCountryCallingCode: p.bool,
-  /**
-   * A component that renders the `<input/>` itself and also
-   * parses and formats its `value` as the user inputs it.
-   * See `InputBasic.js` and `InputSmart.js` for an example.
-   */
-  Component: p.elementType.isRequired,
-  /**
-   * When `defaultCountry` is defined and the initial `value` corresponds to `defaultCountry`,
-   * then the `value` will be formatted as a national phone number by default.
-   * To format the initial `value` of `defaultCountry` as an international number instead
-   * set `useNationalFormatForDefaultCountryValue` property to `true`.
-   */
-  useNationalFormatForDefaultCountryValue: p.bool,
-  /**
-   * `libphonenumber-js` metadata.
-   */
-  metadata: pt
-};
-var jt = ["type", "autoComplete", "smartCaret", "metadata"];
-function x() {
-  return x = Object.assign ? Object.assign.bind() : function(t) {
-    for (var n = 1; n < arguments.length; n++) {
-      var e = arguments[n];
-      for (var a in e)
-        Object.prototype.hasOwnProperty.call(e, a) && (t[a] = e[a]);
+const ee = H(
+  ({ className: r, ...s }, t) => /* @__PURE__ */ c(
+    B,
+    {
+      "data-slot": "checkbox-indicator",
+      className: Q(
+        "mds:peer mds:relative mds:flex mds:justify-center mds:items-center mds:cursor-pointer  mds:gap-12 mds:border mds:rounded-6 mds:border-border-interactive-neutral mds:bg-on-primary mds:active:transition-transform mds:ease-out-cubic mds:duration-150 mds:active:scale-[0.85] mds:focus:ring-2 mds:active:ring-2 mds:focus:ring-border-surface-spread-focus mds:active:ring-border-surface-spread-neutral mds:ring-offset-0 mds:size-24 mds:group-data-[checkbox-shape=full-radius]:rounded-full mds:group-data-[error=true]:border-border-surface-error-l1 mds:group-data-[checkbox-size=large]:size-32 mds:group-data-[checkbox-size=extra-small]:size-18 mds:disabled:cursor-not-allowed mds:disabled:bg-interactive-primary-disabled mds:group-hover:border-border-interactive-neutral-active-hover mds:aria-checked:bg-interactive-primary mds:disabled:aria-checked:bg-disabled mds:disabled:border-bg-interactive-primary-disabled ",
+        r
+      ),
+      ref: t,
+      ...s,
+      children: /* @__PURE__ */ c(T, { children: /* @__PURE__ */ c(J, { className: "mds:size-24 mds:text-on-primary mds:group-data-[checkbox-size=extra-small]:size-14" }) })
     }
-    return t;
-  }, x.apply(this, arguments);
-}
-function Et(t, n) {
-  if (t == null) return {};
-  var e = Lt(t, n), a, r;
-  if (Object.getOwnPropertySymbols) {
-    var o = Object.getOwnPropertySymbols(t);
-    for (r = 0; r < o.length; r++)
-      a = o[r], !(n.indexOf(a) >= 0) && Object.prototype.propertyIsEnumerable.call(t, a) && (e[a] = t[a]);
-  }
-  return e;
-}
-function Lt(t, n) {
-  if (t == null) return {};
-  var e = {}, a = Object.keys(t), r, o;
-  for (o = 0; o < a.length; o++)
-    r = a[o], !(n.indexOf(r) >= 0) && (e[r] = t[r]);
-  return e;
-}
-function J(t) {
-  function n(e, a) {
-    var r = e.type, o = r === void 0 ? "tel" : r, s = e.autoComplete, f = s === void 0 ? "tel" : s, c = e.smartCaret, i = c === void 0 ? !0 : c, l = e.metadata, m = l === void 0 ? t : l, h = Et(e, jt);
-    return /* @__PURE__ */ P.createElement(R, x({}, h, {
-      type: o,
-      autoComplete: f,
-      metadata: m,
-      ref: a,
-      Component: i ? dt : mt
-    }));
-  }
-  return n = /* @__PURE__ */ P.forwardRef(n), n.propTypes = {
-    /**
-     * HTML `<input/>` `type` attribute.
-     */
-    type: p.string,
-    /**
-     * HTML `<input/>` `autocomplete` attribute.
-     */
-    autoComplete: p.string,
-    /**
-     * By default, the caret position is being "intelligently" managed
-     * while a user inputs a phone number.
-     * This "smart" caret behavior can be turned off
-     * by passing `smartCaret={false}` property.
-     * This is just an "escape hatch" for any possible caret position issues.
-     */
-    // Is `true` by default.
-    smartCaret: p.bool,
-    /**
-     * `libphonenumber-js` metadata.
-     */
-    metadata: p.object
-  }, n;
-}
-J();
-function K(t, n) {
-  var e = Array.prototype.slice.call(n);
-  return e.push(G), t.apply(this, e);
-}
-J(G);
-function H() {
-  return K(F, arguments);
-}
-function St() {
-  return K(Ct, arguments);
-}
-const _t = lt(
-  ({
-    placeholder: t = "000 - 000 - 000",
-    disabled: n,
-    ...e
-  }, a) => {
-    const { activeCountry: r, isDisabled: o, value: s, onValueChange: f } = Nt(), c = (i) => {
-      if (!i) return "";
-      let l = "";
-      return r && St(r) && (l = H(r)), i.replace(`+${l}`, "");
-    };
-    return /* @__PURE__ */ U(
-      st,
-      {
-        "data-slot": "phone-number-digit-field",
-        className: "mds:has-disabled:opacity-50",
-        children: [
-          /* @__PURE__ */ U("p", { className: gt("mds:body-extrasmall-book"), children: [
-            "(+",
-            H(r || "US"),
-            ")"
-          ] }),
-          /* @__PURE__ */ it(
-            ft,
-            {
-              ...e,
-              disabled: n || o,
-              placeholder: t,
-              value: c(s),
-              onChange: (i) => {
-                const l = ht({
-                  value: i.target.value,
-                  activeCountry: r
-                });
-                f && (i.target.value = l.digit, f(l));
-              },
-              ref: a
-            }
-          )
-        ]
-      }
-    );
-  }
+  )
 );
-_t.displayName = "PhoneNumberDigitField";
+ee.displayName = "CheckboxIndicator";
 export {
-  _t as PhoneNumberDigitField
+  ee as CheckboxIndicator
 };

package/dist/mainstack-design-system604.cjs

@@ -1,2 +1,2 @@
 'use client';
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),M=require("react"),a=require("./utils-DLtLUJsL.cjs"),j=require("./mainstack-design-system592.cjs"),f=require("./index-BgzojN8c.cjs"),v=require("./mainstack-design-system593.cjs");function p(n,i){return a.toDate(n,i?.in).getHours()}function k(n,i){return a.toDate(n,i?.in).getMinutes()}function g(n,i,m){const s=a.toDate(n,m?.in);return s.setHours(i),s}function A(n,i,m){const s=a.toDate(n,m?.in);return s.setMinutes(i),s}const P=M.forwardRef(({className:n,...i},m)=>{const{value:s,onValueChange:x,isDisabled:w}=j.useTimePickerContext(),b=M.useRef({Hours:{},Minutes:{},"AM/PM":{}}),l=M.useMemo(()=>{const e={Hours:"",Minutes:"","AM/PM":""};if(!s)return e;let d=p(s)%12;return d=d===0?12:d,e.Hours=d.toString().padStart(2,"0"),e.Minutes=k(s).toString().padStart(2,"0"),e["AM/PM"]=p(s)>=12?"PM":"AM",e},[s]);return M.useEffect(()=>{const e=b.current.Hours[l.Hours],d=b.current.Minutes[l.Minutes],t=b.current["AM/PM"][l["AM/PM"]];(e||d||t)&&(e?.scrollIntoView({block:"center",behavior:"smooth"}),d?.scrollIntoView({block:"center",behavior:"smooth"}),t?.scrollIntoView({block:"center",behavior:"smooth"}))},[l]),o.jsx("div",{"data-slot":"date-picker-calendar",className:a.cn("mds:@container mds:grid mds:grid-cols-3 mds:justify-items-center mds:gap-16 mds:p-16 mds:pb-0 ",n),ref:m,...i,children:Object.entries(v.timeOptionBreakdown).map(([e,d])=>o.jsxs("div",{className:"mds:flex mds:flex-col mds:gap-16",children:[o.jsx("h6",{className:a.cn("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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),y=require("react"),h=require("./index-5OKsHRWb.cjs"),P=require("./index-_XxjJPRD.cjs"),O=require("./index-C8aODXfJ.cjs"),B=require("./index-DYxWvftI.cjs"),I=require("./index-bSPhqlcX.cjs"),C=require("./utils-sX9NhwD-.cjs");function M(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const e in t)if(e!=="default"){const s=Object.getOwnPropertyDescriptor(t,e);Object.defineProperty(r,e,s.get?s:{enumerable:!0,get:()=>t[e]})}}return r.default=t,Object.freeze(r)}const c=M(y);var b="Switch",[H]=h.createContextScope(b),[$,z]=H(b),R=c.forwardRef((t,r)=>{const{__scopeSwitch:e,name:s,checked:o,defaultChecked:g,required:d,disabled:a,value:u="on",onCheckedChange:w,form:i,...v}=t,[l,f]=c.useState(null),S=P.useComposedRefs(r,p=>f(p)),x=c.useRef(!1),k=l?i||!!l.closest("form"):!0,[m,E]=O.useControllableState({prop:o,defaultProp:g??!1,onChange:w,caller:b});return n.jsxs($,{scope:e,checked:m,disabled:a,children:[n.jsx(h.Primitive.button,{type:"button",role:"switch","aria-checked":m,"aria-required":d,"data-state":q(m),"data-disabled":a?"":void 0,disabled:a,value:u,...v,ref:S,onClick:h.composeEventHandlers(t.onClick,p=>{E(N=>!N),k&&(x.current=p.isPropagationStopped(),x.current||p.stopPropagation())})}),k&&n.jsx(T,{control:l,bubbles:!x.current,name:s,value:u,checked:m,required:d,disabled:a,form:i,style:{transform:"translateX(-100%)"}})]})});R.displayName=b;var j="SwitchThumb",_=c.forwardRef((t,r)=>{const{__scopeSwitch:e,...s}=t,o=z(j,e);return n.jsx(h.Primitive.span,{"data-state":q(o.checked),"data-disabled":o.disabled?"":void 0,...s,ref:r})});_.displayName=j;var A="SwitchBubbleInput",T=c.forwardRef(({__scopeSwitch:t,control:r,checked:e,bubbles:s=!0,...o},g)=>{const d=c.useRef(null),a=P.useComposedRefs(d,g),u=B.usePrevious(e),w=I.useSize(r);return c.useEffect(()=>{const i=d.current;if(!i)return;const v=window.HTMLInputElement.prototype,f=Object.getOwnPropertyDescriptor(v,"checked").set;if(u!==e&&f){const S=new Event("click",{bubbles:s});f.call(i,e),i.dispatchEvent(S)}},[u,e,s]),n.jsx("input",{type:"checkbox","aria-hidden":!0,defaultChecked:e,...o,tabIndex:-1,ref:a,style:{...o.style,...w,position:"absolute",pointerEvents:"none",opacity:0,margin:0}})});T.displayName=A;function q(t){return t?"checked":"unchecked"}var D=R,U=_;const L=y.forwardRef(({className:t,...r},e)=>n.jsx(D,{"data-slot":"toggle-switch",tabIndex:0,className:C.cn("mds:inline-flex mds:items-center mds:shrink-0 mds:relative mds:bg-surface-neutral-l4 mds:rounded-full mds:hover:bg-surface-neutral-l5 mds:focus:outline-2  mds:focus:outline-border-surface-spread-focus mds:aria-checked:bg-interactive-primary mds:checked:disabled:bg-surface-neutral-l5 mds:disabled:cursor-not-allowed ",t),ref:e,...r,children:n.jsx(U,{"data-slot":"toggle-thumb",className:C.cn("mds:block mds:rounded-full mds:bg-surface-neutral-l1 mds:shrink-0 mds:transition-transform mds:shadow-50")})}));exports.ToggleSwitch=L;