@midas-ds/components 1.1.0 → 1.3.0

package/index79.js

@@ -1,314 +0,0 @@
-import { jsx as I } from "react/jsx-runtime";
-import { $ as L } from "./Group-D7_8007y.js";
-import { n as w, e as y, o as F, f as E, k as G, a as _, y as N, z as T, d as S, B as W, i as A, F as H, A as j, c as K, b as z } from "./useFocusRing-9PXyKy2A.js";
-import { d as U, e as J, c as Q, $ as X, a as Y } from "./Form-BWBjJC6v.js";
-import { b as Z, $ as ee } from "./useField-DMzJIIN4.js";
-import { $ as ae } from "./Text-BCF0xvqL.js";
-import V, { useMemo as ie, useState as de, forwardRef as M, createContext as q } from "react";
-import { $ as re } from "./useControlledState-Kv9K2AYu.js";
-import { $ as le } from "./FocusScope-B7CkxXNC.js";
-import { $ as se } from "./context-BpJLnOuu.js";
-import { $ as ne } from "./useFocusable-CcEBZe40.js";
-import { a as te } from "./VisuallyHidden-Dhr5caPC.js";
-import { I as oe } from "./TextField-CX4eOQf6.js";
-import './Radio.css';const C = /* @__PURE__ */ new WeakMap();
-function ce(a, e, d) {
-  let { value: r, children: s, "aria-label": l, "aria-labelledby": n } = a;
-  const i = a.isDisabled || e.isDisabled;
-  let u = s != null, f = l != null || n != null;
-  !u && !f && console.warn("If you do not provide children, you must specify an aria-label for accessibility");
-  let t = e.selectedValue === r, v = (B) => {
-    B.stopPropagation(), e.setSelectedValue(r);
-  }, { pressProps: m, isPressed: x } = w({
-    isDisabled: i
-  }), { pressProps: P, isPressed: $ } = w({
-    isDisabled: i,
-    onPress() {
-      e.setSelectedValue(r);
-    }
-  }), { focusableProps: D } = ne(y(a, {
-    onFocus: () => e.setLastFocusedValue(r)
-  }), d), R = y(m, D), g = F(a, {
-    labelable: !0
-  }), p = -1;
-  e.selectedValue != null ? e.selectedValue === r && (p = 0) : (e.lastFocusedValue === r || e.lastFocusedValue == null) && (p = 0), i && (p = void 0);
-  let { name: b, descriptionId: o, errorMessageId: h, validationBehavior: c } = C.get(e);
-  return U(d, e.selectedValue, e.setSelectedValue), J({
-    validationBehavior: c
-  }, e, d), {
-    labelProps: y(P, {
-      onClick: (B) => B.preventDefault()
-    }),
-    inputProps: y(g, {
-      ...R,
-      type: "radio",
-      name: b,
-      tabIndex: p,
-      disabled: i,
-      required: e.isRequired && c === "native",
-      checked: t,
-      value: r,
-      onChange: v,
-      "aria-describedby": [
-        a["aria-describedby"],
-        e.isInvalid ? h : null,
-        o
-      ].filter(Boolean).join(" ") || void 0
-    }),
-    isDisabled: i,
-    isSelected: t,
-    isPressed: x || $
-  };
-}
-function fe(a, e) {
-  let { name: d, isReadOnly: r, isRequired: s, isDisabled: l, orientation: n = "vertical", validationBehavior: i = "aria" } = a, { direction: u } = se(), { isInvalid: f, validationErrors: t, validationDetails: v } = e.displayValidation, { labelProps: m, fieldProps: x, descriptionProps: P, errorMessageProps: $ } = Z({
-    ...a,
-    // Radio group is not an HTML input element so it
-    // shouldn't be labeled by a <label> element.
-    labelElementType: "span",
-    isInvalid: e.isInvalid,
-    errorMessage: a.errorMessage || t
-  }), D = F(a, {
-    labelable: !0
-  }), { focusWithinProps: R } = E({
-    onBlurWithin(b) {
-      var o;
-      (o = a.onBlur) === null || o === void 0 || o.call(a, b), e.selectedValue || e.setLastFocusedValue(null);
-    },
-    onFocusWithin: a.onFocus,
-    onFocusWithinChange: a.onFocusChange
-  }), g = (b) => {
-    let o;
-    switch (b.key) {
-      case "ArrowRight":
-        u === "rtl" && n !== "vertical" ? o = "prev" : o = "next";
-        break;
-      case "ArrowLeft":
-        u === "rtl" && n !== "vertical" ? o = "next" : o = "prev";
-        break;
-      case "ArrowDown":
-        o = "next";
-        break;
-      case "ArrowUp":
-        o = "prev";
-        break;
-      default:
-        return;
-    }
-    b.preventDefault();
-    let h = le(b.currentTarget, {
-      from: b.target
-    }), c;
-    o === "next" ? (c = h.nextNode(), c || (h.currentNode = b.currentTarget, c = h.firstChild())) : (c = h.previousNode(), c || (h.currentNode = b.currentTarget, c = h.lastChild())), c && (c.focus(), e.setSelectedValue(c.value));
-  }, p = G(d);
-  return C.set(e, {
-    name: p,
-    descriptionId: P.id,
-    errorMessageId: $.id,
-    validationBehavior: i
-  }), {
-    radioGroupProps: y(D, {
-      // https://www.w3.org/TR/wai-aria-1.2/#radiogroup
-      role: "radiogroup",
-      onKeyDown: g,
-      "aria-invalid": e.isInvalid || void 0,
-      "aria-errormessage": a["aria-errormessage"],
-      "aria-readonly": r || void 0,
-      "aria-required": s || void 0,
-      "aria-disabled": l || void 0,
-      "aria-orientation": n,
-      ...x,
-      ...R
-    }),
-    labelProps: m,
-    descriptionProps: P,
-    errorMessageProps: $,
-    isInvalid: f,
-    validationErrors: t,
-    validationDetails: v
-  };
-}
-let ue = Math.round(Math.random() * 1e10), be = 0;
-function $e(a) {
-  let e = ie(() => a.name || `radio-group-${ue}-${++be}`, [
-    a.name
-  ]);
-  var d;
-  let [r, s] = re(a.value, (d = a.defaultValue) !== null && d !== void 0 ? d : null, a.onChange), [l, n] = de(null), i = Q({
-    ...a,
-    value: r
-  }), u = (t) => {
-    !a.isReadOnly && !a.isDisabled && (s(t), i.commitValidation());
-  }, f = i.displayValidation.isInvalid;
-  return {
-    ...i,
-    name: e,
-    selectedValue: r,
-    setSelectedValue: u,
-    lastFocusedValue: l,
-    setLastFocusedValue: n,
-    isDisabled: a.isDisabled || !1,
-    isReadOnly: a.isReadOnly || !1,
-    isRequired: a.isRequired || !1,
-    validationState: a.validationState || (f ? "invalid" : null),
-    isInvalid: f
-  };
-}
-const pe = /* @__PURE__ */ q(null), ve = /* @__PURE__ */ q(null), O = /* @__PURE__ */ q(null), me = /* @__PURE__ */ M(function(e, d) {
-  [e, d] = _(e, d, pe);
-  let { validationBehavior: r } = N(X) || {};
-  var s, l;
-  let n = (l = (s = e.validationBehavior) !== null && s !== void 0 ? s : r) !== null && l !== void 0 ? l : "native", i = $e({
-    ...e,
-    validationBehavior: n
-  }), [u, f] = T(), { radioGroupProps: t, labelProps: v, descriptionProps: m, errorMessageProps: x, ...P } = fe({
-    ...e,
-    label: f,
-    validationBehavior: n
-  }, i), $ = S({
-    ...e,
-    values: {
-      orientation: e.orientation || "vertical",
-      isDisabled: i.isDisabled,
-      isReadOnly: i.isReadOnly,
-      isRequired: i.isRequired,
-      isInvalid: i.isInvalid,
-      state: i
-    },
-    defaultClassName: "react-aria-RadioGroup"
-  });
-  return /* @__PURE__ */ V.createElement("div", {
-    ...t,
-    ...$,
-    ref: d,
-    slot: e.slot || void 0,
-    "data-orientation": e.orientation || "vertical",
-    "data-invalid": i.isInvalid || void 0,
-    "data-disabled": i.isDisabled || void 0,
-    "data-readonly": i.isReadOnly || void 0,
-    "data-required": i.isRequired || void 0
-  }, /* @__PURE__ */ V.createElement(W, {
-    values: [
-      [
-        O,
-        i
-      ],
-      [
-        ee,
-        {
-          ...v,
-          ref: u,
-          elementType: "span"
-        }
-      ],
-      [
-        ae,
-        {
-          slots: {
-            description: m,
-            errorMessage: x
-          }
-        }
-      ],
-      [
-        Y,
-        P
-      ]
-    ]
-  }, $.children));
-}), xe = /* @__PURE__ */ M(function(e, d) {
-  let { inputRef: r = null, ...s } = e;
-  [e, d] = _(s, d, ve);
-  let l = V.useContext(O), n = A(H(r, e.inputRef !== void 0 ? e.inputRef : null)), { labelProps: i, inputProps: u, isSelected: f, isDisabled: t, isPressed: v } = ce({
-    ...j(e),
-    // ReactNode type doesn't allow function children.
-    children: typeof e.children == "function" ? !0 : e.children
-  }, l, n), { isFocused: m, isFocusVisible: x, focusProps: P } = K(), $ = t || l.isReadOnly, { hoverProps: D, isHovered: R } = z({
-    ...e,
-    isDisabled: $
-  }), g = S({
-    ...e,
-    defaultClassName: "react-aria-Radio",
-    values: {
-      isSelected: f,
-      isPressed: v,
-      isHovered: R,
-      isFocused: m,
-      isFocusVisible: x,
-      isDisabled: t,
-      isReadOnly: l.isReadOnly,
-      isInvalid: l.isInvalid,
-      isRequired: l.isRequired
-    }
-  }), p = F(e);
-  return delete p.id, /* @__PURE__ */ V.createElement("label", {
-    ...y(p, i, D, g),
-    ref: d,
-    "data-selected": f || void 0,
-    "data-pressed": v || void 0,
-    "data-hovered": R || void 0,
-    "data-focused": m || void 0,
-    "data-focus-visible": x || void 0,
-    "data-disabled": t || void 0,
-    "data-readonly": l.isReadOnly || void 0,
-    "data-invalid": l.isInvalid || void 0,
-    "data-required": l.isRequired || void 0
-  }, /* @__PURE__ */ V.createElement(te, {
-    elementType: "span"
-  }, /* @__PURE__ */ V.createElement("input", {
-    ...y(u, P),
-    ref: n
-  })), g.children);
-}), Pe = '"../theme/tokens.css"', he = '"Inter", sans-serif', ye = "undefined", Re = "#1f1f1f", ge = "#000000", Ve = "#143c50", De = "#bfbfbf", Ie = "#b3b3b3", Be = "#ffdfdf", ke = "#e62323", Fe = "undefined", qe = "#1f1f1f", we = "undefined", _e = "(max-width: 767px)", Se = "0 0 0 2px #ffffff, 0 0 0 4px #000000", Me = "(min-width: 768px)", Ce = "#b3b3b3", Oe = "_radioGroup_1vn0q_4", Le = "_wrap_1vn0q_17", Ee = "_radio_1vn0q_4", k = {
-  tokens: Pe,
-  display: he,
-  inputLabel: ye,
-  inputText: Re,
-  black: ge,
-  blue150: Ve,
-  gray50: De,
-  gray60: Ie,
-  signalRed10: Be,
-  signalRed100: ke,
-  medium: Fe,
-  gray150: qe,
-  regular: we,
-  smBreakpoint: _e,
-  focus: Se,
-  mdBreakpoint: Me,
-  borderSecondary: Ce,
-  radioGroup: Oe,
-  wrap: Le,
-  radio: Ee
-}, Ye = ({
-  label: a,
-  description: e,
-  errorMessage: d,
-  children: r,
-  ...s
-}) => /* @__PURE__ */ I(
-  me,
-  {
-    ...s,
-    className: k.radioGroup,
-    children: /* @__PURE__ */ I(
-      oe,
-      {
-        label: a,
-        description: e,
-        errorMessage: d,
-        children: /* @__PURE__ */ I(L, { className: k.wrap, children: r })
-      }
-    )
-  }
-), Ze = (a) => /* @__PURE__ */ I(
-  xe,
-  {
-    className: k.radio,
-    ...a
-  }
-);
-export {
-  Ze as Radio,
-  Ye as RadioGroup
-};

package/index8.js

@@ -1,4 +0,0 @@
-import { Spinner as n } from "./index72.js";
-export {
-  n as Spinner
-};

package/index80.js

@@ -1,389 +0,0 @@
-import { jsxs as B, jsx as F } from "react/jsx-runtime";
-import * as S from "react";
-import f, { useMemo as w, useRef as H, useEffect as O, forwardRef as M, useContext as p, createContext as T } from "react";
-import { $ as z, a as _, b as N, f as q, c as W, d as j } from "./Collection-KMFfVuzU.js";
-import { o as g, q as U, e as m, k as G, a as J, c as E, d as K, B as R, y as Q, i as C, b as X } from "./useFocusRing-9PXyKy2A.js";
-import { $ as Y } from "./Hidden-CVlUgUJM.js";
-import { $ as Z } from "./useSingleSelectListState-DPkaL0la.js";
-import { $ as k } from "./useLabels-9zaZ9oa0.js";
-import { $ as ee } from "./context-BpJLnOuu.js";
-import { d as te, e as ie } from "./SelectionManager-BfXUE1qg.js";
-import { $ as ae } from "./useHasTabbableChild-D6DwR81L.js";
-import './Tabs.css';const V = /* @__PURE__ */ new WeakMap();
-function P(t, e, i) {
-  return t ? (typeof e == "string" && (e = e.replace(/\s+/g, "")), `${V.get(t)}-${i}-${e}`) : "";
-}
-function ne(t, e, i) {
-  let { key: a, isDisabled: n, shouldSelectOnPressUp: l } = t, { selectionManager: s, selectedKey: r } = e, d = a === r, o = n || e.isDisabled || e.selectionManager.isDisabled(a), { itemProps: c, isPressed: u } = te({
-    selectionManager: s,
-    key: a,
-    ref: i,
-    isDisabled: o,
-    shouldSelectOnPressUp: l,
-    linkBehavior: "selection"
-  }), $ = P(e, a, "tab"), y = P(e, a, "tabpanel"), { tabIndex: D } = c, b = e.collection.getItem(a), L = g(b == null ? void 0 : b.props, {
-    labelable: !0
-  });
-  delete L.id;
-  let A = U(b == null ? void 0 : b.props);
-  return {
-    tabProps: m(L, A, c, {
-      id: $,
-      "aria-selected": d,
-      "aria-disabled": o || void 0,
-      "aria-controls": d ? y : void 0,
-      tabIndex: o ? void 0 : D,
-      role: "tab"
-    }),
-    isSelected: d,
-    isDisabled: o,
-    isPressed: u
-  };
-}
-function se(t, e, i) {
-  let a = ae(i) ? void 0 : 0;
-  var n;
-  const l = P(e, (n = t.id) !== null && n !== void 0 ? n : e == null ? void 0 : e.selectedKey, "tabpanel"), s = k({
-    ...t,
-    id: l,
-    "aria-labelledby": P(e, e == null ? void 0 : e.selectedKey, "tab")
-  });
-  return {
-    tabPanelProps: m(s, {
-      tabIndex: a,
-      role: "tabpanel",
-      "aria-describedby": t["aria-describedby"],
-      "aria-details": t["aria-details"]
-    })
-  };
-}
-class de {
-  getKeyLeftOf(e) {
-    return this.flipDirection ? this.getNextKey(e) : this.getPreviousKey(e);
-  }
-  getKeyRightOf(e) {
-    return this.flipDirection ? this.getPreviousKey(e) : this.getNextKey(e);
-  }
-  isDisabled(e) {
-    var i, a;
-    return this.disabledKeys.has(e) || !!(!((a = this.collection.getItem(e)) === null || a === void 0 || (i = a.props) === null || i === void 0) && i.isDisabled);
-  }
-  getFirstKey() {
-    let e = this.collection.getFirstKey();
-    return e != null && this.isDisabled(e) && (e = this.getNextKey(e)), e;
-  }
-  getLastKey() {
-    let e = this.collection.getLastKey();
-    return e != null && this.isDisabled(e) && (e = this.getPreviousKey(e)), e;
-  }
-  getKeyAbove(e) {
-    return this.tabDirection ? null : this.getPreviousKey(e);
-  }
-  getKeyBelow(e) {
-    return this.tabDirection ? null : this.getNextKey(e);
-  }
-  getNextKey(e) {
-    do
-      e = this.collection.getKeyAfter(e), e == null && (e = this.collection.getFirstKey());
-    while (this.isDisabled(e));
-    return e;
-  }
-  getPreviousKey(e) {
-    do
-      e = this.collection.getKeyBefore(e), e == null && (e = this.collection.getLastKey());
-    while (this.isDisabled(e));
-    return e;
-  }
-  constructor(e, i, a, n = /* @__PURE__ */ new Set()) {
-    this.collection = e, this.flipDirection = i === "rtl" && a === "horizontal", this.disabledKeys = n, this.tabDirection = a === "horizontal";
-  }
-}
-function le(t, e, i) {
-  let { orientation: a = "horizontal", keyboardActivation: n = "automatic" } = t, { collection: l, selectionManager: s, disabledKeys: r } = e, { direction: d } = ee(), o = w(() => new de(l, d, a, r), [
-    l,
-    r,
-    a,
-    d
-  ]), { collectionProps: c } = ie({
-    ref: i,
-    selectionManager: s,
-    keyboardDelegate: o,
-    selectOnFocus: n === "automatic",
-    disallowEmptySelection: !0,
-    scrollRef: i,
-    linkBehavior: "selection"
-  }), u = G();
-  V.set(e, u);
-  let $ = k({
-    ...t,
-    id: u
-  });
-  return {
-    tabListProps: {
-      ...m(c, $),
-      role: "tablist",
-      "aria-orientation": a,
-      tabIndex: void 0
-    }
-  };
-}
-function re(t) {
-  var e, i;
-  let a = Z({
-    ...t,
-    suppressTextValueWarning: !0,
-    defaultSelectedKey: (i = (e = t.defaultSelectedKey) !== null && e !== void 0 ? e : I(t.collection, t.disabledKeys ? new Set(t.disabledKeys) : /* @__PURE__ */ new Set())) !== null && i !== void 0 ? i : void 0
-  }), { selectionManager: n, collection: l, selectedKey: s } = a, r = H(s);
-  return O(() => {
-    let d = s;
-    (n.isEmpty || d == null || !l.getItem(d)) && (d = I(l, a.disabledKeys), d != null && n.setSelectedKeys([
-      d
-    ])), (d != null && n.focusedKey == null || !n.isFocused && d !== r.current) && n.setFocusedKey(d), r.current = d;
-  }), {
-    ...a,
-    isDisabled: t.isDisabled || !1
-  };
-}
-function I(t, e) {
-  let i = null;
-  if (t) {
-    var a, n, l, s;
-    for (i = t.getFirstKey(); i != null && (e.has(i) || !((n = t.getItem(i)) === null || n === void 0 || (a = n.props) === null || a === void 0) && a.isDisabled) && i !== t.getLastKey(); ) i = t.getKeyAfter(i);
-    i != null && (e.has(i) || !((s = t.getItem(i)) === null || s === void 0 || (l = s.props) === null || l === void 0) && l.isDisabled) && i === t.getLastKey() && (i = t.getFirstKey());
-  }
-  return i;
-}
-const v = /* @__PURE__ */ T(null), h = /* @__PURE__ */ T(null), oe = /* @__PURE__ */ M(function(e, i) {
-  [e, i] = J(e, i, v);
-  let { children: a, orientation: n = "horizontal" } = e;
-  return a = w(() => typeof a == "function" ? a({
-    orientation: n,
-    defaultChildren: null
-  }) : a, [
-    a,
-    n
-  ]), /* @__PURE__ */ f.createElement(z, {
-    content: a
-  }, (l) => /* @__PURE__ */ f.createElement(ce, {
-    props: e,
-    collection: l,
-    tabsRef: i
-  }));
-});
-function ce({ props: t, tabsRef: e, collection: i }) {
-  let { orientation: a = "horizontal" } = t, n = re({
-    ...t,
-    collection: i,
-    children: void 0
-  }), { focusProps: l, isFocused: s, isFocusVisible: r } = E({
-    within: !0
-  }), d = w(() => ({
-    orientation: a,
-    isFocusWithin: s,
-    isFocusVisible: r
-  }), [
-    a,
-    s,
-    r
-  ]), o = K({
-    ...t,
-    defaultClassName: "react-aria-Tabs",
-    values: d
-  });
-  return /* @__PURE__ */ f.createElement("div", {
-    ...g(t),
-    ...l,
-    ...o,
-    ref: e,
-    slot: t.slot || void 0,
-    "data-focused": s || void 0,
-    "data-orientation": a,
-    "data-focus-visible": r || void 0,
-    "data-disabled": n.isDisabled || void 0
-  }, /* @__PURE__ */ f.createElement(R, {
-    values: [
-      [
-        v,
-        t
-      ],
-      [
-        h,
-        n
-      ]
-    ]
-  }, o.children));
-}
-const fe = /* @__PURE__ */ M(function(e, i) {
-  return p(h) ? /* @__PURE__ */ f.createElement(ue, {
-    props: e,
-    forwardedRef: i
-  }) : /* @__PURE__ */ f.createElement(_, e);
-});
-function ue({ props: t, forwardedRef: e }) {
-  let i = p(h), { CollectionRoot: a } = p(N), { orientation: n = "horizontal", keyboardActivation: l = "automatic" } = Q(v), s = C(e), { tabListProps: r } = le({
-    ...t,
-    orientation: n,
-    keyboardActivation: l
-  }, i, s), d = K({
-    ...t,
-    children: null,
-    defaultClassName: "react-aria-TabList",
-    values: {
-      orientation: n,
-      state: i
-    }
-  }), o = g(t);
-  return delete o.id, /* @__PURE__ */ f.createElement("div", {
-    ...o,
-    ...r,
-    ref: s,
-    ...d,
-    "data-orientation": n || void 0
-  }, /* @__PURE__ */ f.createElement(a, {
-    collection: i.collection,
-    persistedKeys: q(i.selectionManager.focusedKey)
-  }));
-}
-const be = /* @__PURE__ */ W("item", (t, e, i) => {
-  let a = p(h), n = C(e), { tabProps: l, isSelected: s, isDisabled: r, isPressed: d } = ne({
-    key: i.key,
-    ...t
-  }, a, n), { focusProps: o, isFocused: c, isFocusVisible: u } = E(), { hoverProps: $, isHovered: y } = X({
-    isDisabled: r,
-    onHoverStart: t.onHoverStart,
-    onHoverEnd: t.onHoverEnd,
-    onHoverChange: t.onHoverChange
-  }), D = K({
-    ...t,
-    id: void 0,
-    defaultClassName: "react-aria-Tab",
-    values: {
-      isSelected: s,
-      isDisabled: r,
-      isFocused: c,
-      isFocusVisible: u,
-      isPressed: d,
-      isHovered: y
-    }
-  }), b = i.props.href ? "a" : "div";
-  return /* @__PURE__ */ f.createElement(b, {
-    ...m(l, o, $, D),
-    ref: n,
-    "data-selected": s || void 0,
-    "data-disabled": r || void 0,
-    "data-focused": c || void 0,
-    "data-focus-visible": u || void 0,
-    "data-pressed": d || void 0,
-    "data-hovered": y || void 0
-  });
-}), $e = /* @__PURE__ */ Y(function(e, i) {
-  const a = p(h);
-  let n = C(i), { tabPanelProps: l } = se(e, a, n), { focusProps: s, isFocused: r, isFocusVisible: d } = E(), o = a.selectedKey === e.id, c = K({
-    ...e,
-    defaultClassName: "react-aria-TabPanel",
-    values: {
-      isFocused: r,
-      isFocusVisible: d,
-      isInert: !o,
-      state: a
-    }
-  });
-  if (!o && !e.shouldForceMount) return null;
-  let u = g(e);
-  delete u.id;
-  let $ = o ? m(u, l, s, c) : c;
-  return /* @__PURE__ */ f.createElement("div", {
-    ...$,
-    ref: n,
-    "data-focused": r || void 0,
-    "data-focus-visible": d || void 0,
-    // @ts-ignore
-    inert: o ? void 0 : "true",
-    "data-inert": o ? void 0 : "true"
-  }, /* @__PURE__ */ f.createElement(R, {
-    values: [
-      [
-        v,
-        null
-      ],
-      [
-        h,
-        null
-      ]
-    ]
-  }, /* @__PURE__ */ f.createElement(N.Provider, {
-    value: j
-  }, c.children)));
-}), he = '"../theme/tokens.css"', pe = '"Inter", sans-serif', me = "#bfbfbf", ye = "600", xe = "#25607f", Pe = "0 0 0 2px #ffffff, 0 0 0 4px #000000", ge = "(max-width: 767px)", Ke = "_container_a0kqi_4", ve = "_list_a0kqi_8", De = "_listItem_a0kqi_14", Fe = "_panel_a0kqi_42", x = {
-  tokens: he,
-  display: pe,
-  gray50: me,
-  semiBoldWeight: ye,
-  blue130: xe,
-  focus: Pe,
-  smBreakpoint: ge,
-  container: Ke,
-  list: ve,
-  listItem: De,
-  panel: Fe
-}, ke = ({
-  tabs: t,
-  label: e,
-  defaultSelected: i,
-  children: a
-}) => {
-  const n = S.Children.toArray(a);
-  if (n.length !== t.length)
-    throw new Error(
-      `The number of children must match the number of tabs. Children: ${n.length} Tabs: ${t.length}`
-    );
-  const l = n.reduce(
-    (s, r, d) => {
-      var o;
-      if (S.isValidElement(r)) {
-        const c = (o = t[d]) == null ? void 0 : o.toLowerCase();
-        c && (s[c] = S.cloneElement(r, { id: c }));
-      }
-      return s;
-    },
-    {}
-  );
-  return /* @__PURE__ */ B(
-    oe,
-    {
-      orientation: "vertical",
-      defaultSelectedKey: i && i.toLowerCase(),
-      className: x.container,
-      children: [
-        /* @__PURE__ */ F(
-          fe,
-          {
-            "aria-label": e,
-            className: x.list,
-            children: t.map((s) => /* @__PURE__ */ F(
-              be,
-              {
-                id: s.toLowerCase(),
-                className: x.listItem,
-                children: s
-              },
-              s
-            ))
-          }
-        ),
-        t.map((s) => /* @__PURE__ */ F(
-          $e,
-          {
-            id: s.toLowerCase(),
-            className: x.panel,
-            children: l[s.toLowerCase()]
-          },
-          s
-        ))
-      ]
-    }
-  );
-};
-export {
-  ke as Tabs
-};