@midas-ds/components 1.0.2

package/index82.js

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

package/index83.js

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