mainstack-design-system 1.9.3 → 1.10.0

package/dist/mainstack-design-system603.js

@@ -1,392 +1,154 @@
 '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.`);
-}
-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);
-  }
-}
-function B(t, n) {
-  (n == null || n > t.length) && (n = t.length);
-  for (var e = 0, a = new Array(n); e < n; e++) a[e] = t[e];
-  return a;
-}
-function At(t, n) {
-  var e = t == null ? null : typeof Symbol < "u" && t[Symbol.iterator] || t["@@iterator"];
-  if (e != null) {
-    var a, r, o, s, f = [], c = !0, i = !1;
-    try {
-      if (o = (e = e.call(t)).next, n !== 0) for (; !(c = (a = o.call(e)).done) && (f.push(a.value), f.length !== n); c = !0) ;
-    } catch (l) {
-      i = !0, r = l;
-    } finally {
-      try {
-        if (!c && e.return != null && (s = e.return(), Object(s) !== s)) return;
-      } finally {
-        if (i) throw r;
-      }
-    }
-    return f;
-  }
-}
-function Ot(t) {
-  if (Array.isArray(t)) return t;
-}
-function It(t) {
-  var n = this, e = t.value, a = t.onChange, r = t.country, o = t.defaultCountry, s = t.international, f = t.withCountryCallingCode, c = t.useNationalFormatForDefaultCountryValue, i = t.metadata;
-  typeof f == "boolean" && !(r && s) && console.error("[react-phone-number-input] `withCountryCallingCode` property can only be used together with `country` and `international` properties"), r && o && console.error("[react-phone-number-input] When `country` property is passed, `defaultCountry` property has no effect and therefore shouldn't be passed"), typeof s == "boolean" && !r && console.error("[react-phone-number-input] `international` property can only be used together with `country` property");
-  var l = 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);
+import { jsxs as I, jsx as i } from "react/jsx-runtime";
+import * as s from "react";
+import { forwardRef as M } from "react";
+import { c as H, P, a as j } from "./index-DMumqyNN.js";
+import { u as y } from "./index-DLcqcWxM.js";
+import { u as A } from "./index-437EL2iq.js";
+import { u as U } from "./index-BZPx6jYI.js";
+import { u as q } from "./index-BGQepRFJ.js";
+import { c as C } from "./utils-CfXQiRU1.js";
+var h = "Switch", [z] = H(h), [L, O] = z(h), R = s.forwardRef(
+  (t, r) => {
+    const {
+      __scopeSwitch: e,
+      name: a,
+      checked: o,
+      defaultChecked: b,
+      required: d,
+      disabled: c,
+      value: u = "on",
+      onCheckedChange: w,
+      form: n,
+      ...v
+    } = t, [l, m] = s.useState(null), S = y(r, (p) => m(p)), g = s.useRef(!1), k = l ? n || !!l.closest("form") : !0, [f, T] = A({
+      prop: o,
+      defaultProp: b ?? !1,
+      onChange: w,
+      caller: h
     });
-  }, 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();
-    }
-  }
-  w(function() {
-    e !== I && (N(e), g(C()));
-  }, [e]), w(function() {
-    if (r !== E) {
-      Q(r);
-      var u, y = C({
-        onCountryMismatch: function() {
-          u = !0;
+    return /* @__PURE__ */ I(L, { scope: e, checked: f, disabled: c, children: [
+      /* @__PURE__ */ i(
+        P.button,
+        {
+          type: "button",
+          role: "switch",
+          "aria-checked": f,
+          "aria-required": d,
+          "data-state": N(f),
+          "data-disabled": c ? "" : void 0,
+          disabled: c,
+          value: u,
+          ...v,
+          ref: S,
+          onClick: j(t.onClick, (p) => {
+            T((B) => !B), k && (g.current = p.isPropagationStopped(), g.current || p.stopPropagation());
+          })
         }
-      });
-      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();
+      ),
+      k && /* @__PURE__ */ i(
+        _,
+        {
+          control: l,
+          bubbles: !g.current,
+          name: a,
+          value: u,
+          checked: f,
+          required: d,
+          disabled: c,
+          form: n,
+          style: { 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));
+);
+R.displayName = h;
+var x = "SwitchThumb", E = s.forwardRef(
+  (t, r) => {
+    const { __scopeSwitch: e, ...a } = t, o = O(x, e);
+    return /* @__PURE__ */ i(
+      P.span,
+      {
+        "data-state": N(o.checked),
+        "data-disabled": o.disabled ? "" : void 0,
+        ...a,
+        ref: r
       }
-    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;
-}
-function Rt(t, n) {
-  if (t == null) return {};
-  var e = {}, a = Object.keys(t), r, o;
-  for (o = 0; o < a.length; o++)
-    r = a[o], !(n.indexOf(r) >= 0) && (e[r] = t[r]);
-  return e;
-}
-function R(t, n) {
-  var e = t.Component, a = t.country, r = t.defaultCountry, o = t.useNationalFormatForDefaultCountryValue, s = o === void 0 ? !0 : o, f = t.value, c = t.onChange, i = t.metadata, l = t.international, m = t.withCountryCallingCode, h = Ft(t, 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
-  }));
-}
-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]);
-    }
-    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(
+);
+E.displayName = x;
+var D = "SwitchBubbleInput", _ = s.forwardRef(
   ({
-    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,
+    __scopeSwitch: t,
+    control: r,
+    checked: e,
+    bubbles: a = !0,
+    ...o
+  }, b) => {
+    const d = s.useRef(null), c = y(d, b), u = U(e), w = q(r);
+    return s.useEffect(() => {
+      const n = d.current;
+      if (!n) return;
+      const v = window.HTMLInputElement.prototype, m = Object.getOwnPropertyDescriptor(
+        v,
+        "checked"
+      ).set;
+      if (u !== e && m) {
+        const S = new Event("click", { bubbles: a });
+        m.call(n, e), n.dispatchEvent(S);
+      }
+    }, [u, e, a]), /* @__PURE__ */ i(
+      "input",
       {
-        "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
-            }
-          )
-        ]
+        type: "checkbox",
+        "aria-hidden": !0,
+        defaultChecked: e,
+        ...o,
+        tabIndex: -1,
+        ref: c,
+        style: {
+          ...o.style,
+          ...w,
+          position: "absolute",
+          pointerEvents: "none",
+          opacity: 0,
+          margin: 0
+        }
       }
     );
   }
 );
-_t.displayName = "PhoneNumberDigitField";
+_.displayName = D;
+function N(t) {
+  return t ? "checked" : "unchecked";
+}
+var F = R, W = E;
+const $ = M(
+  ({ className: t, ...r }, e) => /* @__PURE__ */ i(
+    F,
+    {
+      "data-slot": "toggle-switch",
+      tabIndex: 0,
+      className: C(
+        "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: /* @__PURE__ */ i(
+        W,
+        {
+          "data-slot": "toggle-thumb",
+          className: C(
+            "mds:block mds:rounded-full mds:bg-surface-neutral-l1 mds:shrink-0 mds:transition-transform mds:shadow-50"
+          )
+        }
+      )
+    }
+  )
+);
 export {
-  _t as PhoneNumberDigitField
+  $ as ToggleSwitch
 };

package/dist/mainstack-design-system604.cjs

@@ -1,2 +1 @@
-'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 i=require("react/jsx-runtime"),M=require("react"),p=require("./utils-C2yfbCx5.cjs"),R=require("./mainstack-design-system592.cjs"),y=require("./mainstack-design-system593.cjs"),x=require("./mainstack-design-system388.cjs"),c=require("./DayPickerExtended-DlfNo-TA.cjs");function C(a,r,e){return c.addMonths(a,-1,e)}const u=M.forwardRef(({className:a,...r},e)=>{const[d]=y("(min-width: 900px)"),{ref:l,matches:m}=x.useContainerMatchMedia({query:{minWidth:660}}),{value:n,closeOnRangeSelect:f,setActiveMenu:h,onValueChange:o,onOpenChange:s}=R.useDateRangeContext();return i.jsx("div",{"data-slot":"date-range-calendar",ref:t=>{l.current=t,typeof e=="function"?e(t):typeof e=="object"&&e!==null&&(e.current=t)},className:p.cn("mds:@container mds:min-w-auto mds:min-[900px]:min-w-670",a),children:i.jsx(c.DayPickerExtended,{...r,animate:!0,mode:"range",captionLayout:"dropdown",numberOfMonths:d||m?2:1,navLayout:"around",className:"ms-date-range",selected:n,defaultMonth:n?.from||C(new Date),onSelect:((t,g)=>{o&&(n?.from&&n.to||!n?.from?o({from:g}):(o(t),f&&s&&s(!1))),h(null)})})})});u.displayName="DateRangeCalendar";exports.DateRangeCalendar=u;