@midas-ds/components 1.0.2 → 1.1.0

package/Tag-CEd6WWSc.js

@@ -1,725 +0,0 @@
-import { jsx as L, jsxs as qe } from "react/jsx-runtime";
-import { a as Xe } from "./Button-CCevm2s3.js";
-import { $ as Je, a as q, b as Qe, c as Ye, d as Ze, f as _e } from "./Collection-B3xUVWPF.js";
-import { k as X, n as A, e as y, y as er, D as rr, O as J, t as B, E as or, f as tr, N as ar, i as ir, c as Q, b as nr, d as Y, x as Z, a as _, v as lr } from "./useFocusRing-D97-G3fT.js";
-import { $ as ur, a as sr } from "./Label-C18A_4Z5.js";
-import { $ as K } from "./ListBox-D21tdwTs.js";
-import { $ as dr } from "./Text-DGLaY3HR.js";
-import g, { useRef as T, useState as cr, useEffect as ee, forwardRef as re, useContext as F, createContext as oe } from "react";
-import { b as h, a as br } from "./ListKeyboardDelegate-DxMjfMsI.js";
-import { a as pr, b as fr } from "./useHighlightSelectionDescription-JVx2MW_e.js";
-import { $ as $r } from "./useHasTabbableChild-DeuCnGGv.js";
-import { $ as vr } from "./Separator-DLUHK9vv.js";
-import { $ as te } from "./context-ScOIq_Gu.js";
-import { $ as mr } from "./useDescription-D4_zk_sA.js";
-import { h as gr, f as xr, i as E } from "./SelectionManager-D4WtKtey.js";
-import { $ as U } from "./FocusScope-BR0SJ-cZ.js";
-import { $ as yr } from "./useLocalizedStringFormatter-DVCAZqcL.js";
-import { $ as Dr } from "./useListState-DSOTbsL3.js";
-import { Button as kr } from "./index69.js";
-import { c as Br } from "./clsx-OuTLNxxd.js";
-import { X as Pr } from "./x-JK7i-TQC.js";
-import './Tag.css';const V = /* @__PURE__ */ new WeakMap();
-function W(o, e) {
-  var r;
-  let { id: i } = (r = V.get(o)) !== null && r !== void 0 ? r : {};
-  if (!i) throw new Error("Unknown list");
-  return `${i}-${hr(e)}`;
-}
-function hr(o) {
-  return typeof o == "string" ? o.replace(/\s*/g, "") : "" + o;
-}
-function Er(o, e, r) {
-  let { isVirtualized: i, keyboardDelegate: u, layoutDelegate: t, onAction: n, linkBehavior: c = "action", keyboardNavigationBehavior: s = "arrow" } = o;
-  !o["aria-label"] && !o["aria-labelledby"] && console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
-  let { listProps: b } = vr({
-    selectionManager: e.selectionManager,
-    collection: e.collection,
-    disabledKeys: e.disabledKeys,
-    ref: r,
-    keyboardDelegate: u,
-    layoutDelegate: t,
-    isVirtualized: i,
-    selectOnFocus: e.selectionManager.selectionBehavior === "replace",
-    shouldFocusWrap: o.shouldFocusWrap,
-    linkBehavior: c
-  }), l = X(o.id);
-  V.set(e, {
-    id: l,
-    onAction: n,
-    linkBehavior: c,
-    keyboardNavigationBehavior: s
-  });
-  let f = pr({
-    selectionManager: e.selectionManager,
-    hasItemActions: !!n
-  }), $ = $r(r, {
-    isDisabled: e.collection.size !== 0
-  }), d = A(o, {
-    labelable: !0
-  }), v = y(
-    d,
-    {
-      role: "grid",
-      id: l,
-      "aria-multiselectable": e.selectionManager.selectionMode === "multiple" ? "true" : void 0
-    },
-    // If collection is empty, make sure the grid is tabbable unless there is a child tabbable element.
-    e.collection.size === 0 ? {
-      tabIndex: $ ? -1 : 0
-    } : b,
-    f
-  );
-  return i && (v["aria-rowcount"] = e.collection.size, v["aria-colcount"] = 1), fr({}, e), {
-    gridProps: v
-  };
-}
-const H = {
-  expand: {
-    ltr: "ArrowRight",
-    rtl: "ArrowLeft"
-  },
-  collapse: {
-    ltr: "ArrowLeft",
-    rtl: "ArrowRight"
-  }
-};
-function Cr(o, e, r) {
-  var i, u;
-  let { node: t, isVirtualized: n, shouldSelectOnPressUp: c } = o, { direction: s } = te(), { onAction: b, linkBehavior: l, keyboardNavigationBehavior: f } = V.get(e), $ = er(), d = T(null), v = () => {
-    var a;
-    r.current !== null && (d.current != null && t.key !== d.current || !(!((a = r.current) === null || a === void 0) && a.contains(document.activeElement))) && B(r.current);
-  }, M = {}, D, N = e.selectionManager.isLink(t.key);
-  if (t != null && "expandedKeys" in e) {
-    var C, P, z;
-    let a = (C = (P = e.collection).getChildren) === null || C === void 0 ? void 0 : C.call(P, t.key);
-    D = [
-      ...a ?? []
-    ].length > 1, b == null && !N && e.selectionManager.selectionMode === "none" && D && (b = () => e.toggleKey(t.key));
-    let m = D ? e.expandedKeys.has(t.key) : void 0, k = 1;
-    var R;
-    if (t.level > 0 && (t == null ? void 0 : t.parentKey) != null) {
-      let p = e.collection.getItem(t.parentKey);
-      if (p) {
-        var S, j;
-        let x = (S = (j = e.collection).getChildren) === null || S === void 0 ? void 0 : S.call(j, p.key);
-        k = gr(x).index + 1;
-      }
-    } else k = ((R = (z = [
-      ...e.collection
-    ].filter((p) => p.level === 0).at(-1)) === null || z === void 0 ? void 0 : z.index) !== null && R !== void 0 ? R : 0) + 1;
-    M = {
-      "aria-expanded": m,
-      "aria-level": t.level + 1,
-      "aria-posinset": (t == null ? void 0 : t.index) + 1,
-      "aria-setsize": k
-    };
-  }
-  let { itemProps: Oe, ...O } = xr({
-    selectionManager: e.selectionManager,
-    key: t.key,
-    ref: r,
-    isVirtualized: n,
-    shouldSelectOnPressUp: c,
-    onAction: b || !((i = t.props) === null || i === void 0) && i.onAction ? rr((u = t.props) === null || u === void 0 ? void 0 : u.onAction, b ? () => b(t.key) : void 0) : void 0,
-    focus: v,
-    linkBehavior: l
-  }), Ie = (a) => {
-    if (!a.currentTarget.contains(a.target) || !r.current || !document.activeElement) return;
-    let m = U(r.current);
-    if (m.currentNode = document.activeElement, "expandedKeys" in e && document.activeElement === r.current) {
-      if (a.key === H.expand[s] && e.selectionManager.focusedKey === t.key && D && !e.expandedKeys.has(t.key)) {
-        e.toggleKey(t.key), a.stopPropagation();
-        return;
-      } else if (a.key === H.collapse[s] && e.selectionManager.focusedKey === t.key && D && e.expandedKeys.has(t.key)) {
-        e.toggleKey(t.key), a.stopPropagation();
-        return;
-      }
-    }
-    switch (a.key) {
-      case "ArrowLeft":
-        if (f === "arrow") {
-          let p = s === "rtl" ? m.nextNode() : m.previousNode();
-          if (p)
-            a.preventDefault(), a.stopPropagation(), B(p), E(p, {
-              containingElement: h(r.current)
-            });
-          else if (a.preventDefault(), a.stopPropagation(), s === "rtl")
-            B(r.current), E(r.current, {
-              containingElement: h(r.current)
-            });
-          else {
-            m.currentNode = r.current;
-            let x = G(m);
-            x && (B(x), E(x, {
-              containingElement: h(r.current)
-            }));
-          }
-        }
-        break;
-      case "ArrowRight":
-        if (f === "arrow") {
-          let p = s === "rtl" ? m.previousNode() : m.nextNode();
-          if (p)
-            a.preventDefault(), a.stopPropagation(), B(p), E(p, {
-              containingElement: h(r.current)
-            });
-          else if (a.preventDefault(), a.stopPropagation(), s === "ltr")
-            B(r.current), E(r.current, {
-              containingElement: h(r.current)
-            });
-          else {
-            m.currentNode = r.current;
-            let x = G(m);
-            x && (B(x), E(x, {
-              containingElement: h(r.current)
-            }));
-          }
-        }
-        break;
-      case "ArrowUp":
-      case "ArrowDown":
-        if (!a.altKey && r.current.contains(a.target)) {
-          var k;
-          a.stopPropagation(), a.preventDefault(), (k = r.current.parentElement) === null || k === void 0 || k.dispatchEvent(new KeyboardEvent(a.nativeEvent.type, a.nativeEvent));
-        }
-        break;
-      case "Tab":
-        if (f === "tab") {
-          let p = U(r.current, {
-            tabbable: !0
-          });
-          p.currentNode = document.activeElement, (a.shiftKey ? p.previousNode() : p.nextNode()) && a.stopPropagation();
-        }
-    }
-  }, Ue = (a) => {
-    if (d.current = t.key, a.target !== r.current) {
-      or() || e.selectionManager.setFocusedKey(t.key);
-      return;
-    }
-  }, We = J(t.props), He = O.hasAction ? We : {}, I = y(Oe, He, {
-    role: "row",
-    onKeyDownCapture: Ie,
-    onFocus: Ue,
-    // 'aria-label': [(node.textValue || undefined), rowAnnouncement].filter(Boolean).join(', '),
-    "aria-label": t.textValue || void 0,
-    "aria-selected": e.selectionManager.canSelectItem(t.key) ? e.selectionManager.isSelected(t.key) : void 0,
-    "aria-disabled": e.selectionManager.isDisabled(t.key) || void 0,
-    "aria-labelledby": $ && t.textValue ? `${W(e, t.key)} ${$}` : void 0,
-    id: W(e, t.key)
-  });
-  n && (I["aria-rowindex"] = t.index + 1);
-  let Ge = {
-    role: "gridcell",
-    "aria-colindex": 1
-  };
-  return {
-    rowProps: {
-      ...y(I, M)
-    },
-    gridCellProps: Ge,
-    descriptionProps: {
-      id: $
-    },
-    ...O
-  };
-}
-function G(o) {
-  let e = null, r = null;
-  do
-    r = o.lastChild(), r && (e = r);
-  while (r);
-  return e;
-}
-const ae = /* @__PURE__ */ new WeakMap();
-function wr(o, e, r) {
-  let { direction: i } = te(), u = o.keyboardDelegate || new br({
-    collection: e.collection,
-    ref: r,
-    orientation: "horizontal",
-    direction: i,
-    disabledKeys: e.disabledKeys,
-    disabledBehavior: e.selectionManager.disabledBehavior
-  }), { labelProps: t, fieldProps: n, descriptionProps: c, errorMessageProps: s } = ur({
-    ...o,
-    labelElementType: "span"
-  }), { gridProps: b } = Er({
-    ...o,
-    ...n,
-    keyboardDelegate: u,
-    shouldFocusWrap: !0,
-    linkBehavior: "override"
-  }, e, r), [l, f] = cr(!1), { focusWithinProps: $ } = tr({
-    onFocusWithinChange: f
-  }), d = A(o), v = T(e.collection.size);
-  return ee(() => {
-    r.current && v.current > 0 && e.collection.size === 0 && l && r.current.focus(), v.current = e.collection.size;
-  }, [
-    e.collection.size,
-    l,
-    r
-  ]), ae.set(e, {
-    onRemove: o.onRemove
-  }), {
-    gridProps: y(b, d, {
-      role: e.collection.size ? "grid" : null,
-      "aria-atomic": !1,
-      "aria-relevant": "additions",
-      "aria-live": l ? "polite" : "off",
-      ...$,
-      ...n
-    }),
-    labelProps: t,
-    descriptionProps: c,
-    errorMessageProps: s
-  };
-}
-var ie = {};
-ie = {
-  removeButtonLabel: "إزالة",
-  removeDescription: "اضغط على مفتاح DELETE لإزالة علامة."
-};
-var ne = {};
-ne = {
-  removeButtonLabel: "Премахване",
-  removeDescription: "Натиснете Delete, за да премахнете маркера."
-};
-var le = {};
-le = {
-  removeButtonLabel: "Odebrat",
-  removeDescription: "Stisknutím klávesy Delete odeberete značku."
-};
-var ue = {};
-ue = {
-  removeButtonLabel: "Fjern",
-  removeDescription: "Tryk på Slet for at fjerne tag."
-};
-var se = {};
-se = {
-  removeButtonLabel: "Entfernen",
-  removeDescription: "Auf „Löschen“ drücken, um das Tag zu entfernen."
-};
-var de = {};
-de = {
-  removeButtonLabel: "Κατάργηση",
-  removeDescription: "Πατήστε Διαγραφή για να καταργήσετε την ετικέτα."
-};
-var ce = {};
-ce = {
-  removeDescription: "Press Delete to remove tag.",
-  removeButtonLabel: "Remove"
-};
-var be = {};
-be = {
-  removeButtonLabel: "Quitar",
-  removeDescription: "Pulse Eliminar para quitar la etiqueta."
-};
-var pe = {};
-pe = {
-  removeButtonLabel: "Eemalda",
-  removeDescription: "Sildi eemaldamiseks vajutage kustutusklahvi Delete."
-};
-var fe = {};
-fe = {
-  removeButtonLabel: "Poista",
-  removeDescription: "Poista tunniste painamalla Poista-painiketta."
-};
-var $e = {};
-$e = {
-  removeButtonLabel: "Supprimer",
-  removeDescription: "Appuyez sur Supprimer pour supprimer l’étiquette."
-};
-var ve = {};
-ve = {
-  removeButtonLabel: "הסר",
-  removeDescription: "לחץ על מחק כדי להסיר תג."
-};
-var me = {};
-me = {
-  removeButtonLabel: "Ukloni",
-  removeDescription: "Pritisnite Delete za uklanjanje oznake."
-};
-var ge = {};
-ge = {
-  removeButtonLabel: "Eltávolítás",
-  removeDescription: "Nyomja meg a Delete billentyűt a címke eltávolításához."
-};
-var xe = {};
-xe = {
-  removeButtonLabel: "Rimuovi",
-  removeDescription: "Premi Elimina per rimuovere il tag."
-};
-var ye = {};
-ye = {
-  removeButtonLabel: "削除",
-  removeDescription: "タグを削除するには、Delete キーを押します。"
-};
-var De = {};
-De = {
-  removeButtonLabel: "제거",
-  removeDescription: "태그를 제거하려면 Delete 키를 누르십시오."
-};
-var ke = {};
-ke = {
-  removeButtonLabel: "Pašalinti",
-  removeDescription: "Norėdami pašalinti žymą, paspauskite „Delete“ klavišą."
-};
-var Be = {};
-Be = {
-  removeButtonLabel: "Noņemt",
-  removeDescription: "Nospiediet Delete [Dzēst], lai noņemtu tagu."
-};
-var Pe = {};
-Pe = {
-  removeButtonLabel: "Fjern",
-  removeDescription: "Trykk på Slett for å fjerne taggen."
-};
-var he = {};
-he = {
-  removeButtonLabel: "Verwijderen",
-  removeDescription: "Druk op Verwijderen om de tag te verwijderen."
-};
-var Ee = {};
-Ee = {
-  removeButtonLabel: "Usuń",
-  removeDescription: "Naciśnij Usuń, aby usunąć znacznik."
-};
-var Ce = {};
-Ce = {
-  removeButtonLabel: "Remover",
-  removeDescription: "Pressione Delete para remover a tag."
-};
-var we = {};
-we = {
-  removeButtonLabel: "Eliminar",
-  removeDescription: "Prima Delete para eliminar a tag."
-};
-var Le = {};
-Le = {
-  removeButtonLabel: "Îndepărtaţi",
-  removeDescription: "Apăsați pe Delete (Ștergere) pentru a elimina eticheta."
-};
-var Ae = {};
-Ae = {
-  removeButtonLabel: "Удалить",
-  removeDescription: "Нажмите DELETE, чтобы удалить тег."
-};
-var Me = {};
-Me = {
-  removeButtonLabel: "Odstrániť",
-  removeDescription: "Ak chcete odstrániť značku, stlačte kláves Delete."
-};
-var Fe = {};
-Fe = {
-  removeButtonLabel: "Odstrani",
-  removeDescription: "Pritisnite Delete, da odstranite oznako."
-};
-var Ke = {};
-Ke = {
-  removeButtonLabel: "Ukloni",
-  removeDescription: "Pritisnite Obriši da biste uklonili oznaku."
-};
-var Ne = {};
-Ne = {
-  removeButtonLabel: "Ta bort",
-  removeDescription: "Tryck på Radera för att ta bort taggen."
-};
-var ze = {};
-ze = {
-  removeButtonLabel: "Kaldır",
-  removeDescription: "Etiketi kaldırmak için Sil tuşuna basın."
-};
-var Re = {};
-Re = {
-  removeButtonLabel: "Вилучити",
-  removeDescription: "Натисніть Delete, щоб вилучити тег."
-};
-var Se = {};
-Se = {
-  removeButtonLabel: "删除",
-  removeDescription: "按下“删除”以删除标记。"
-};
-var Te = {};
-Te = {
-  removeButtonLabel: "移除",
-  removeDescription: "按 Delete 鍵以移除標記。"
-};
-var Ve = {};
-Ve = {
-  "ar-AE": ie,
-  "bg-BG": ne,
-  "cs-CZ": le,
-  "da-DK": ue,
-  "de-DE": se,
-  "el-GR": de,
-  "en-US": ce,
-  "es-ES": be,
-  "et-EE": pe,
-  "fi-FI": fe,
-  "fr-FR": $e,
-  "he-IL": ve,
-  "hr-HR": me,
-  "hu-HU": ge,
-  "it-IT": xe,
-  "ja-JP": ye,
-  "ko-KR": De,
-  "lt-LT": ke,
-  "lv-LV": Be,
-  "nb-NO": Pe,
-  "nl-NL": he,
-  "pl-PL": Ee,
-  "pt-BR": Ce,
-  "pt-PT": we,
-  "ro-RO": Le,
-  "ru-RU": Ae,
-  "sk-SK": Me,
-  "sl-SI": Fe,
-  "sr-SP": Ke,
-  "sv-SE": Ne,
-  "tr-TR": ze,
-  "uk-UA": Re,
-  "zh-CN": Se,
-  "zh-TW": Te
-};
-function Lr(o) {
-  return o && o.__esModule ? o.default : o;
-}
-function Ar(o, e, r) {
-  let { item: i } = o, u = yr(Lr(Ve), "@react-aria/tag"), t = X(), { onRemove: n } = ae.get(e) || {}, { rowProps: c, gridCellProps: s, ...b } = Cr({
-    node: i
-  }, e, r);
-  delete c.onKeyDownCapture;
-  let { descriptionProps: l, ...f } = b, $ = (P) => {
-    (P.key === "Delete" || P.key === "Backspace") && (P.preventDefault(), e.selectionManager.isSelected(i.key) ? n == null || n(new Set(e.selectionManager.selectedKeys)) : n == null || n(/* @__PURE__ */ new Set([
-      i.key
-    ])));
-  }, d = ar();
-  d === "virtual" && typeof window < "u" && "ontouchstart" in window && (d = "pointer");
-  let v = n && (d === "keyboard" || d === "virtual") ? u.format("removeDescription") : "", M = mr(v), D = i.key === e.selectionManager.focusedKey, N = A(i.props), C = J(i.props);
-  return {
-    removeButtonProps: {
-      "aria-label": u.format("removeButtonLabel"),
-      "aria-labelledby": `${t} ${c.id}`,
-      isDisabled: e.disabledKeys.has(i.key) || i.props.isDisabled,
-      id: t,
-      onPress: () => n ? n(/* @__PURE__ */ new Set([
-        i.key
-      ])) : null,
-      excludeFromTabOrder: !0
-    },
-    rowProps: y(c, N, C, {
-      tabIndex: D || e.selectionManager.focusedKey == null ? 0 : -1,
-      onKeyDown: n ? $ : void 0,
-      "aria-describedby": M["aria-describedby"]
-    }),
-    gridCellProps: y(s, {
-      "aria-errormessage": o["aria-errormessage"],
-      "aria-label": o["aria-label"]
-    }),
-    ...f,
-    allowsRemoving: !!n
-  };
-}
-const Mr = /* @__PURE__ */ oe(null), je = /* @__PURE__ */ oe(null);
-function Fr(o, e) {
-  return [o, e] = _(o, e, Mr), /* @__PURE__ */ g.createElement(Ye, {
-    content: o.children
-  }, (r) => /* @__PURE__ */ g.createElement(Kr, {
-    props: o,
-    forwardedRef: e,
-    collection: r
-  }));
-}
-function Kr({ props: o, forwardedRef: e, collection: r }) {
-  let i = T(null), [u, t] = lr(), n = Dr({
-    ...o,
-    children: void 0,
-    collection: r
-  }), c = A(o), s = Object.fromEntries(Object.entries(c).map(([v]) => [
-    v,
-    void 0
-  ])), { gridProps: b, labelProps: l, descriptionProps: f, errorMessageProps: $ } = wr({
-    ...o,
-    ...s,
-    label: t
-  }, n, i);
-  var d;
-  return /* @__PURE__ */ g.createElement("div", {
-    ...c,
-    ref: e,
-    slot: o.slot || void 0,
-    className: (d = o.className) !== null && d !== void 0 ? d : "react-aria-TagGroup",
-    style: o.style
-  }, /* @__PURE__ */ g.createElement(Z, {
-    values: [
-      [
-        sr,
-        {
-          ...l,
-          elementType: "span",
-          ref: u
-        }
-      ],
-      [
-        je,
-        {
-          ...b,
-          ref: i
-        }
-      ],
-      [
-        K,
-        n
-      ],
-      [
-        dr,
-        {
-          slots: {
-            description: f,
-            errorMessage: $
-          }
-        }
-      ]
-    ]
-  }, o.children));
-}
-const Nr = /* @__PURE__ */ re(Fr);
-function zr(o, e) {
-  return F(K) ? /* @__PURE__ */ g.createElement(Rr, {
-    props: o,
-    forwardedRef: e
-  }) : /* @__PURE__ */ g.createElement(Ze, o);
-}
-function Rr({ props: o, forwardedRef: e }) {
-  let r = F(K), { CollectionRoot: i } = F(q), [u, t] = _(o, e, je);
-  delete u.items, delete u.renderEmptyState;
-  let { focusProps: n, isFocused: c, isFocusVisible: s } = Q(), b = {
-    isEmpty: r.collection.size === 0,
-    isFocused: c,
-    isFocusVisible: s,
-    state: r
-  }, l = Y({
-    className: o.className,
-    style: o.style,
-    defaultClassName: "react-aria-TagList",
-    values: b
-  }), f = _e(r.selectionManager.focusedKey);
-  return /* @__PURE__ */ g.createElement("div", {
-    ...y(u, n),
-    ...l,
-    ref: t,
-    "data-empty": r.collection.size === 0 || void 0,
-    "data-focused": c || void 0,
-    "data-focus-visible": s || void 0
-  }, r.collection.size === 0 && o.renderEmptyState ? o.renderEmptyState(b) : /* @__PURE__ */ g.createElement(i, {
-    collection: r.collection,
-    persistedKeys: f
-  }));
-}
-const Sr = /* @__PURE__ */ re(zr), Tr = /* @__PURE__ */ Je("item", (o, e, r) => {
-  let i = F(K), u = ir(e), { focusProps: t, isFocusVisible: n } = Q({
-    within: !0
-  }), { rowProps: c, gridCellProps: s, removeButtonProps: b, ...l } = Ar({
-    item: r
-  }, i, u), { hoverProps: f, isHovered: $ } = nr({
-    isDisabled: !l.allowsSelection,
-    onHoverStart: r.props.onHoverStart,
-    onHoverChange: r.props.onHoverChange,
-    onHoverEnd: r.props.onHoverEnd
-  }), d = Y({
-    ...o,
-    id: void 0,
-    children: r.rendered,
-    defaultClassName: "react-aria-Tag",
-    values: {
-      ...l,
-      isFocusVisible: n,
-      isHovered: $,
-      selectionMode: i.selectionManager.selectionMode,
-      selectionBehavior: i.selectionManager.selectionBehavior
-    }
-  });
-  return ee(() => {
-    r.textValue || console.warn("A `textValue` prop is required for <Tag> elements with non-plain text children for accessibility.");
-  }, [
-    r.textValue
-  ]), /* @__PURE__ */ g.createElement("div", {
-    ref: u,
-    ...d,
-    ...y(A(o), c, t, f),
-    "data-selected": l.isSelected || void 0,
-    "data-disabled": l.isDisabled || void 0,
-    "data-hovered": $ || void 0,
-    "data-focused": l.isFocused || void 0,
-    "data-focus-visible": n || void 0,
-    "data-pressed": l.isPressed || void 0,
-    "data-allows-removing": l.allowsRemoving || void 0,
-    "data-selection-mode": i.selectionManager.selectionMode === "none" ? void 0 : i.selectionManager.selectionMode
-  }, /* @__PURE__ */ g.createElement("div", {
-    ...s,
-    style: {
-      display: "contents"
-    }
-  }, /* @__PURE__ */ g.createElement(Z, {
-    values: [
-      [
-        Xe,
-        {
-          slots: {
-            remove: b
-          }
-        }
-      ],
-      [
-        q,
-        Qe
-      ]
-    ]
-  }, d.children)));
-}), Vr = '"../theme/tokens.css"', jr = '"Inter", sans-serif', Or = "#000000", Ir = "#b31b1b", Ur = "(max-width: 767px)", Wr = "#bfbfbf", Hr = "#d9d9d9", Gr = "#e6e6e6", qr = "#f2f2f2", Xr = "#f2f2f2", Jr = "_button_m4kn4_4", Qr = "_tag_m4kn4_14", Yr = "_dismissable_m4kn4_34", Zr = "_tagText_m4kn4_42", _r = "_tagList_m4kn4_47", w = {
-  tokens: Vr,
-  display: jr,
-  black: Or,
-  signalRed130: Ir,
-  smBreakpoint: Ur,
-  gray50: Wr,
-  gray30: Hr,
-  gray20: Gr,
-  gray10: qr,
-  backgroundSecondary: Xr,
-  button: Jr,
-  tag: Qr,
-  dismissable: Yr,
-  tagText: Zr,
-  tagList: _r
-}, ko = ({ children: o, ...e }) => /* @__PURE__ */ L(Nr, { ...e, children: /* @__PURE__ */ L(Sr, { className: w.tagList, children: o }) }), Bo = ({
-  children: o,
-  dismissable: e,
-  ...r
-}) => /* @__PURE__ */ qe(
-  Tr,
-  {
-    className: Br(w.tag, e && w.dismissable),
-    ...r,
-    children: [
-      /* @__PURE__ */ L("div", { className: w.tagText, children: o }),
-      e && /* @__PURE__ */ L(
-        kr,
-        {
-          variant: "icon",
-          size: "small",
-          className: w.button,
-          slot: "remove",
-          children: /* @__PURE__ */ L(Pr, { size: 20 })
-        }
-      )
-    ]
-  }
-);
-export {
-  W as $,
-  Bo as T,
-  ko as a,
-  Cr as b,
-  Er as c
-};