@midas-ds/components 1.0.2 → 1.1.0

package/Tag-DWt0koFj.js

@@ -0,0 +1,728 @@
+import { jsx as F, jsxs as qe } from "react/jsx-runtime";
+import { a as Je } from "./Button-DL6nqUco.js";
+import { $ as Qe, a as Xe, b as q, f as Ye, c as Ze, d as _e } from "./Collection-KMFfVuzU.js";
+import { k as J, o as z, e as y, C as er, I as rr, Q, u as P, J as tr, f as or, P as ar, a as X, z as nr, B as Y, c as Z, d as _, i as ir, b as ur } from "./useFocusRing-9PXyKy2A.js";
+import { b as lr, $ as sr } from "./useField-DMzJIIN4.js";
+import { $ as N } from "./ListBox-DBBiqvcR.js";
+import { $ as dr } from "./Text-BCF0xvqL.js";
+import g, { useRef as T, useState as cr, useEffect as ee, forwardRef as re, useContext as S, createContext as te } from "react";
+import { $ as fr } from "./useListState-BfTeKTk5.js";
+import { b as h, a as br } from "./ListKeyboardDelegate-gCXy-Xnn.js";
+import { a as pr, b as $r } from "./useHighlightSelectionDescription-WYAbP4No.js";
+import { $ as mr } from "./useHasTabbableChild-D6DwR81L.js";
+import { $ as vr } from "./Separator-BBX9m2O2.js";
+import { $ as oe } from "./context-BpJLnOuu.js";
+import { $ as gr } from "./useDescription-B7stiK3j.js";
+import { h as xr, d as yr, i as E } from "./SelectionManager-BfXUE1qg.js";
+import { $ as U } from "./FocusScope-B7CkxXNC.js";
+import { $ as Dr } from "./useLocalizedStringFormatter-BlCbn-hX.js";
+import { Button as Br } from "./index66.js";
+import { c as kr } from "./clsx-OuTLNxxd.js";
+import { X as Pr } from "./x-JK7i-TQC.js";
+import './Tag.css';const V = /* @__PURE__ */ new WeakMap();
+function W(t, e) {
+  var r;
+  let { id: a } = (r = V.get(t)) !== null && r !== void 0 ? r : {};
+  if (!a) throw new Error("Unknown list");
+  return `${a}-${hr(e)}`;
+}
+function hr(t) {
+  return typeof t == "string" ? t.replace(/\s*/g, "") : "" + t;
+}
+function Er(t, e, r) {
+  let { isVirtualized: a, keyboardDelegate: l, layoutDelegate: o, onAction: i, linkBehavior: d = "action", keyboardNavigationBehavior: s = "arrow" } = t;
+  !t["aria-label"] && !t["aria-labelledby"] && console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
+  let { listProps: c } = vr({
+    selectionManager: e.selectionManager,
+    collection: e.collection,
+    disabledKeys: e.disabledKeys,
+    ref: r,
+    keyboardDelegate: l,
+    layoutDelegate: o,
+    isVirtualized: a,
+    selectOnFocus: e.selectionManager.selectionBehavior === "replace",
+    shouldFocusWrap: t.shouldFocusWrap,
+    linkBehavior: d
+  }), u = J(t.id);
+  V.set(e, {
+    id: u,
+    onAction: i,
+    linkBehavior: d,
+    keyboardNavigationBehavior: s
+  });
+  let $ = pr({
+    selectionManager: e.selectionManager,
+    hasItemActions: !!i
+  }), f = mr(r, {
+    isDisabled: e.collection.size !== 0
+  }), b = z(t, {
+    labelable: !0
+  }), m = y(
+    b,
+    {
+      role: "grid",
+      id: u,
+      "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: f ? -1 : 0
+    } : c,
+    $
+  );
+  return a && (m["aria-rowcount"] = e.collection.size, m["aria-colcount"] = 1), $r({}, e), {
+    gridProps: m
+  };
+}
+const H = {
+  expand: {
+    ltr: "ArrowRight",
+    rtl: "ArrowLeft"
+  },
+  collapse: {
+    ltr: "ArrowLeft",
+    rtl: "ArrowRight"
+  }
+};
+function Cr(t, e, r) {
+  var a, l;
+  let { node: o, isVirtualized: i, shouldSelectOnPressUp: d } = t, { direction: s } = oe(), { onAction: c, linkBehavior: u, keyboardNavigationBehavior: $ } = V.get(e), f = er(), b = T(null), m = () => {
+    var n;
+    r.current !== null && (b.current != null && o.key !== b.current || !(!((n = r.current) === null || n === void 0) && n.contains(document.activeElement))) && P(r.current);
+  }, K = {}, D, R = e.selectionManager.isLink(o.key);
+  if (o != null && "expandedKeys" in e) {
+    var C, w, L;
+    let n = (C = (w = e.collection).getChildren) === null || C === void 0 ? void 0 : C.call(w, o.key);
+    D = [
+      ...n ?? []
+    ].length > 1, c == null && !R && e.selectionManager.selectionMode === "none" && D && (c = () => e.toggleKey(o.key));
+    let v = D ? e.expandedKeys.has(o.key) : void 0, k = 1;
+    var A;
+    if (o.level > 0 && (o == null ? void 0 : o.parentKey) != null) {
+      let p = e.collection.getItem(o.parentKey);
+      if (p) {
+        var B, I;
+        let x = (B = (I = e.collection).getChildren) === null || B === void 0 ? void 0 : B.call(I, p.key);
+        k = xr(x).index + 1;
+      }
+    } else k = ((A = (L = [
+      ...e.collection
+    ].filter((p) => p.level === 0).at(-1)) === null || L === void 0 ? void 0 : L.index) !== null && A !== void 0 ? A : 0) + 1;
+    K = {
+      "aria-expanded": v,
+      "aria-level": o.level + 1,
+      "aria-posinset": (o == null ? void 0 : o.index) + 1,
+      "aria-setsize": k
+    };
+  }
+  let { itemProps: je, ...j } = yr({
+    selectionManager: e.selectionManager,
+    key: o.key,
+    ref: r,
+    isVirtualized: i,
+    shouldSelectOnPressUp: d,
+    onAction: c || !((a = o.props) === null || a === void 0) && a.onAction ? rr((l = o.props) === null || l === void 0 ? void 0 : l.onAction, c ? () => c(o.key) : void 0) : void 0,
+    focus: m,
+    linkBehavior: u
+  }), Oe = (n) => {
+    if (!n.currentTarget.contains(n.target) || !r.current || !document.activeElement) return;
+    let v = U(r.current);
+    if (v.currentNode = document.activeElement, "expandedKeys" in e && document.activeElement === r.current) {
+      if (n.key === H.expand[s] && e.selectionManager.focusedKey === o.key && D && !e.expandedKeys.has(o.key)) {
+        e.toggleKey(o.key), n.stopPropagation();
+        return;
+      } else if (n.key === H.collapse[s] && e.selectionManager.focusedKey === o.key && D && e.expandedKeys.has(o.key)) {
+        e.toggleKey(o.key), n.stopPropagation();
+        return;
+      }
+    }
+    switch (n.key) {
+      case "ArrowLeft":
+        if ($ === "arrow") {
+          let p = s === "rtl" ? v.nextNode() : v.previousNode();
+          if (p)
+            n.preventDefault(), n.stopPropagation(), P(p), E(p, {
+              containingElement: h(r.current)
+            });
+          else if (n.preventDefault(), n.stopPropagation(), s === "rtl")
+            P(r.current), E(r.current, {
+              containingElement: h(r.current)
+            });
+          else {
+            v.currentNode = r.current;
+            let x = G(v);
+            x && (P(x), E(x, {
+              containingElement: h(r.current)
+            }));
+          }
+        }
+        break;
+      case "ArrowRight":
+        if ($ === "arrow") {
+          let p = s === "rtl" ? v.previousNode() : v.nextNode();
+          if (p)
+            n.preventDefault(), n.stopPropagation(), P(p), E(p, {
+              containingElement: h(r.current)
+            });
+          else if (n.preventDefault(), n.stopPropagation(), s === "ltr")
+            P(r.current), E(r.current, {
+              containingElement: h(r.current)
+            });
+          else {
+            v.currentNode = r.current;
+            let x = G(v);
+            x && (P(x), E(x, {
+              containingElement: h(r.current)
+            }));
+          }
+        }
+        break;
+      case "ArrowUp":
+      case "ArrowDown":
+        if (!n.altKey && r.current.contains(n.target)) {
+          var k;
+          n.stopPropagation(), n.preventDefault(), (k = r.current.parentElement) === null || k === void 0 || k.dispatchEvent(new KeyboardEvent(n.nativeEvent.type, n.nativeEvent));
+        }
+        break;
+      case "Tab":
+        if ($ === "tab") {
+          let p = U(r.current, {
+            tabbable: !0
+          });
+          p.currentNode = document.activeElement, (n.shiftKey ? p.previousNode() : p.nextNode()) && n.stopPropagation();
+        }
+    }
+  }, Ue = (n) => {
+    if (b.current = o.key, n.target !== r.current) {
+      tr() || e.selectionManager.setFocusedKey(o.key);
+      return;
+    }
+  }, We = Q(o.props), He = j.hasAction ? We : {}, O = y(je, He, {
+    role: "row",
+    onKeyDownCapture: Oe,
+    onFocus: Ue,
+    // 'aria-label': [(node.textValue || undefined), rowAnnouncement].filter(Boolean).join(', '),
+    "aria-label": o.textValue || void 0,
+    "aria-selected": e.selectionManager.canSelectItem(o.key) ? e.selectionManager.isSelected(o.key) : void 0,
+    "aria-disabled": e.selectionManager.isDisabled(o.key) || void 0,
+    "aria-labelledby": f && o.textValue ? `${W(e, o.key)} ${f}` : void 0,
+    id: W(e, o.key)
+  });
+  i && (O["aria-rowindex"] = o.index + 1);
+  let Ge = {
+    role: "gridcell",
+    "aria-colindex": 1
+  };
+  return {
+    rowProps: {
+      ...y(O, K)
+    },
+    gridCellProps: Ge,
+    descriptionProps: {
+      id: f
+    },
+    ...j
+  };
+}
+function G(t) {
+  let e = null, r = null;
+  do
+    r = t.lastChild(), r && (e = r);
+  while (r);
+  return e;
+}
+const ae = /* @__PURE__ */ new WeakMap();
+function wr(t, e, r) {
+  let { direction: a } = oe(), l = t.keyboardDelegate || new br({
+    collection: e.collection,
+    ref: r,
+    orientation: "horizontal",
+    direction: a,
+    disabledKeys: e.disabledKeys,
+    disabledBehavior: e.selectionManager.disabledBehavior
+  }), { labelProps: o, fieldProps: i, descriptionProps: d, errorMessageProps: s } = lr({
+    ...t,
+    labelElementType: "span"
+  }), { gridProps: c } = Er({
+    ...t,
+    ...i,
+    keyboardDelegate: l,
+    shouldFocusWrap: !0,
+    linkBehavior: "override"
+  }, e, r), [u, $] = cr(!1), { focusWithinProps: f } = or({
+    onFocusWithinChange: $
+  }), b = z(t), m = T(e.collection.size);
+  return ee(() => {
+    r.current && m.current > 0 && e.collection.size === 0 && u && r.current.focus(), m.current = e.collection.size;
+  }, [
+    e.collection.size,
+    u,
+    r
+  ]), ae.set(e, {
+    onRemove: t.onRemove
+  }), {
+    gridProps: y(c, b, {
+      role: e.collection.size ? "grid" : null,
+      "aria-atomic": !1,
+      "aria-relevant": "additions",
+      "aria-live": u ? "polite" : "off",
+      ...f,
+      ...i
+    }),
+    labelProps: o,
+    descriptionProps: d,
+    errorMessageProps: s
+  };
+}
+var ne = {};
+ne = {
+  removeButtonLabel: "إزالة",
+  removeDescription: "اضغط على مفتاح DELETE لإزالة علامة."
+};
+var ie = {};
+ie = {
+  removeButtonLabel: "Премахване",
+  removeDescription: "Натиснете Delete, за да премахнете маркера."
+};
+var ue = {};
+ue = {
+  removeButtonLabel: "Odebrat",
+  removeDescription: "Stisknutím klávesy Delete odeberete značku."
+};
+var le = {};
+le = {
+  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 fe = {};
+fe = {
+  removeButtonLabel: "Quitar",
+  removeDescription: "Pulse Eliminar para quitar la etiqueta."
+};
+var be = {};
+be = {
+  removeButtonLabel: "Eemalda",
+  removeDescription: "Sildi eemaldamiseks vajutage kustutusklahvi Delete."
+};
+var pe = {};
+pe = {
+  removeButtonLabel: "Poista",
+  removeDescription: "Poista tunniste painamalla Poista-painiketta."
+};
+var $e = {};
+$e = {
+  removeButtonLabel: "Supprimer",
+  removeDescription: "Appuyez sur Supprimer pour supprimer l’étiquette."
+};
+var me = {};
+me = {
+  removeButtonLabel: "הסר",
+  removeDescription: "לחץ על מחק כדי להסיר תג."
+};
+var ve = {};
+ve = {
+  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 Be = {};
+Be = {
+  removeButtonLabel: "Pašalinti",
+  removeDescription: "Norėdami pašalinti žymą, paspauskite „Delete“ klavišą."
+};
+var ke = {};
+ke = {
+  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 ze = {};
+ze = {
+  removeButtonLabel: "Ukloni",
+  removeDescription: "Pritisnite Obriši da biste uklonili oznaku."
+};
+var Ke = {};
+Ke = {
+  removeButtonLabel: "Ta bort",
+  removeDescription: "Tryck på Radera för att ta bort taggen."
+};
+var Se = {};
+Se = {
+  removeButtonLabel: "Kaldır",
+  removeDescription: "Etiketi kaldırmak için Sil tuşuna basın."
+};
+var Ne = {};
+Ne = {
+  removeButtonLabel: "Вилучити",
+  removeDescription: "Натисніть Delete, щоб вилучити тег."
+};
+var Re = {};
+Re = {
+  removeButtonLabel: "删除",
+  removeDescription: "按下“删除”以删除标记。"
+};
+var Te = {};
+Te = {
+  removeButtonLabel: "移除",
+  removeDescription: "按 Delete 鍵以移除標記。"
+};
+var Ve = {};
+Ve = {
+  "ar-AE": ne,
+  "bg-BG": ie,
+  "cs-CZ": ue,
+  "da-DK": le,
+  "de-DE": se,
+  "el-GR": de,
+  "en-US": ce,
+  "es-ES": fe,
+  "et-EE": be,
+  "fi-FI": pe,
+  "fr-FR": $e,
+  "he-IL": me,
+  "hr-HR": ve,
+  "hu-HU": ge,
+  "it-IT": xe,
+  "ja-JP": ye,
+  "ko-KR": De,
+  "lt-LT": Be,
+  "lv-LV": ke,
+  "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": ze,
+  "sv-SE": Ke,
+  "tr-TR": Se,
+  "uk-UA": Ne,
+  "zh-CN": Re,
+  "zh-TW": Te
+};
+function Lr(t) {
+  return t && t.__esModule ? t.default : t;
+}
+function Ar(t, e, r) {
+  let { item: a } = t, l = Dr(Lr(Ve), "@react-aria/tag"), o = J(), { onRemove: i } = ae.get(e) || {}, { rowProps: d, gridCellProps: s, ...c } = Cr({
+    node: a
+  }, e, r);
+  delete d.onKeyDownCapture;
+  let { descriptionProps: u, ...$ } = c, f = e.disabledKeys.has(a.key) || a.props.isDisabled, b = (B) => {
+    if (B.key === "Delete" || B.key === "Backspace") {
+      if (f) return;
+      B.preventDefault(), e.selectionManager.isSelected(a.key) ? i == null || i(new Set(e.selectionManager.selectedKeys)) : i == null || i(/* @__PURE__ */ new Set([
+        a.key
+      ]));
+    }
+  }, m = ar();
+  m === "virtual" && typeof window < "u" && "ontouchstart" in window && (m = "pointer");
+  let K = i && (m === "keyboard" || m === "virtual") ? l.format("removeDescription") : "", D = gr(K), R = a.key === e.selectionManager.focusedKey, C = e.selectionManager.focusedKey != null, w = -1;
+  !f && (R || !C) && (w = 0);
+  let L = z(a.props), A = Q(a.props);
+  return {
+    removeButtonProps: {
+      "aria-label": l.format("removeButtonLabel"),
+      "aria-labelledby": `${o} ${d.id}`,
+      isDisabled: f,
+      id: o,
+      onPress: () => i ? i(/* @__PURE__ */ new Set([
+        a.key
+      ])) : null,
+      excludeFromTabOrder: !0
+    },
+    rowProps: y(d, L, A, {
+      tabIndex: w,
+      onKeyDown: i ? b : void 0,
+      "aria-describedby": D["aria-describedby"]
+    }),
+    gridCellProps: y(s, {
+      "aria-errormessage": t["aria-errormessage"],
+      "aria-label": t["aria-label"]
+    }),
+    ...$,
+    allowsRemoving: !!i
+  };
+}
+const Mr = /* @__PURE__ */ te(null), Ie = /* @__PURE__ */ te(null), Fr = /* @__PURE__ */ re(function(e, r) {
+  return [e, r] = X(e, r, Mr), /* @__PURE__ */ g.createElement(Qe, {
+    content: e.children
+  }, (a) => /* @__PURE__ */ g.createElement(zr, {
+    props: e,
+    forwardedRef: r,
+    collection: a
+  }));
+});
+function zr({ props: t, forwardedRef: e, collection: r }) {
+  let a = T(null), [l, o] = nr(), i = fr({
+    ...t,
+    children: void 0,
+    collection: r
+  }), d = z(t), s = Object.fromEntries(Object.entries(d).map(([m]) => [
+    m,
+    void 0
+  ])), { gridProps: c, labelProps: u, descriptionProps: $, errorMessageProps: f } = wr({
+    ...t,
+    ...s,
+    label: o
+  }, i, a);
+  var b;
+  return /* @__PURE__ */ g.createElement("div", {
+    ...d,
+    ref: e,
+    slot: t.slot || void 0,
+    className: (b = t.className) !== null && b !== void 0 ? b : "react-aria-TagGroup",
+    style: t.style
+  }, /* @__PURE__ */ g.createElement(Y, {
+    values: [
+      [
+        sr,
+        {
+          ...u,
+          elementType: "span",
+          ref: l
+        }
+      ],
+      [
+        Ie,
+        {
+          ...c,
+          ref: a
+        }
+      ],
+      [
+        N,
+        i
+      ],
+      [
+        dr,
+        {
+          slots: {
+            description: $,
+            errorMessage: f
+          }
+        }
+      ]
+    ]
+  }, t.children));
+}
+const Kr = /* @__PURE__ */ re(function(e, r) {
+  return S(N) ? /* @__PURE__ */ g.createElement(Sr, {
+    props: e,
+    forwardedRef: r
+  }) : /* @__PURE__ */ g.createElement(Xe, e);
+});
+function Sr({ props: t, forwardedRef: e }) {
+  let r = S(N), { CollectionRoot: a } = S(q), [l, o] = X(t, e, Ie);
+  delete l.items, delete l.renderEmptyState;
+  let { focusProps: i, isFocused: d, isFocusVisible: s } = Z(), c = {
+    isEmpty: r.collection.size === 0,
+    isFocused: d,
+    isFocusVisible: s,
+    state: r
+  }, u = _({
+    className: t.className,
+    style: t.style,
+    defaultClassName: "react-aria-TagList",
+    values: c
+  }), $ = Ye(r.selectionManager.focusedKey);
+  return /* @__PURE__ */ g.createElement("div", {
+    ...y(l, i),
+    ...u,
+    ref: o,
+    "data-empty": r.collection.size === 0 || void 0,
+    "data-focused": d || void 0,
+    "data-focus-visible": s || void 0
+  }, r.collection.size === 0 && t.renderEmptyState ? t.renderEmptyState(c) : /* @__PURE__ */ g.createElement(a, {
+    collection: r.collection,
+    persistedKeys: $
+  }));
+}
+const Nr = /* @__PURE__ */ Ze("item", (t, e, r) => {
+  let a = S(N), l = ir(e), { focusProps: o, isFocusVisible: i } = Z({
+    within: !0
+  }), { rowProps: d, gridCellProps: s, removeButtonProps: c, ...u } = Ar({
+    item: r
+  }, a, l), { hoverProps: $, isHovered: f } = ur({
+    isDisabled: !u.allowsSelection,
+    onHoverStart: r.props.onHoverStart,
+    onHoverChange: r.props.onHoverChange,
+    onHoverEnd: r.props.onHoverEnd
+  }), b = _({
+    ...t,
+    id: void 0,
+    children: r.rendered,
+    defaultClassName: "react-aria-Tag",
+    values: {
+      ...u,
+      isFocusVisible: i,
+      isHovered: f,
+      selectionMode: a.selectionManager.selectionMode,
+      selectionBehavior: a.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: l,
+    ...b,
+    ...y(z(t), d, o, $),
+    "data-selected": u.isSelected || void 0,
+    "data-disabled": u.isDisabled || void 0,
+    "data-hovered": f || void 0,
+    "data-focused": u.isFocused || void 0,
+    "data-focus-visible": i || void 0,
+    "data-pressed": u.isPressed || void 0,
+    "data-allows-removing": u.allowsRemoving || void 0,
+    "data-selection-mode": a.selectionManager.selectionMode === "none" ? void 0 : a.selectionManager.selectionMode
+  }, /* @__PURE__ */ g.createElement("div", {
+    ...s,
+    style: {
+      display: "contents"
+    }
+  }, /* @__PURE__ */ g.createElement(Y, {
+    values: [
+      [
+        Je,
+        {
+          slots: {
+            remove: c
+          }
+        }
+      ],
+      [
+        q,
+        _e
+      ]
+    ]
+  }, b.children)));
+}), Rr = '"../theme/tokens.css"', Tr = '"Inter", sans-serif', Vr = "#000000", Ir = "#b31b1b", jr = "(max-width: 767px)", Or = "#bfbfbf", Ur = "#d9d9d9", Wr = "#e6e6e6", Hr = "#f2f2f2", Gr = "#f2f2f2", qr = "_button_m4kn4_4", Jr = "_tag_m4kn4_14", Qr = "_dismissable_m4kn4_34", Xr = "_tagText_m4kn4_42", Yr = "_tagList_m4kn4_47", M = {
+  tokens: Rr,
+  display: Tr,
+  black: Vr,
+  signalRed130: Ir,
+  smBreakpoint: jr,
+  gray50: Or,
+  gray30: Ur,
+  gray20: Wr,
+  gray10: Hr,
+  backgroundSecondary: Gr,
+  button: qr,
+  tag: Jr,
+  dismissable: Qr,
+  tagText: Xr,
+  tagList: Yr
+}, xt = ({ children: t, ...e }) => /* @__PURE__ */ F(Fr, { ...e, children: /* @__PURE__ */ F(Kr, { className: M.tagList, children: t }) }), yt = ({
+  children: t,
+  dismissable: e,
+  ...r
+}) => /* @__PURE__ */ qe(
+  Nr,
+  {
+    className: kr(M.tag, e && M.dismissable),
+    ...r,
+    children: [
+      /* @__PURE__ */ F("div", { className: M.tagText, children: t }),
+      e && /* @__PURE__ */ F(
+        Br,
+        {
+          variant: "icon",
+          size: "small",
+          className: M.button,
+          slot: "remove",
+          children: /* @__PURE__ */ F(Pr, { size: 20 })
+        }
+      )
+    ]
+  }
+);
+export {
+  W as $,
+  yt as T,
+  xt as a,
+  Er as b,
+  Cr as c
+};