@midas-ds/components 11.2.0 → 12.1.0

package/Tag-BUJ20HHw.js

@@ -0,0 +1,765 @@
+import { jsxs as Ge, jsx as N } from "react/jsx-runtime";
+import { e as qe, b as Xe } from "./Button-DD5_S-tD.js";
+import { $ as Je, d as Qe, g as G, k as Ye, b as Ze, c as eo, l as oo } from "./Collection-B0_WAieZ.js";
+import { b as to, a as q, f as X, $ as j, d as ro } from "./utils-Cpcjg55U.js";
+import { g as z } from "./ListBox-LncMQt6I.js";
+import { c as ao, b as io } from "./ListKeyboardDelegate-CVxkAn5D.js";
+import { $ as no } from "./Text-Be7WIOwv.js";
+import { c as J, a as E, b as lo, e as uo } from "./mergeProps-BSsN7Bgk.js";
+import { $ as S } from "./filterDOMProps-wsa9OcNI.js";
+import D, { useRef as V, useState as so, useEffect as Q, forwardRef as Y, useContext as T, createContext as Z } from "react";
+import { $ as ee } from "./useFocusRing-DMo8ctYV.js";
+import { a as co, p as po, $ as fo } from "./useHover-D6bNIkU0.js";
+import { $ as bo, a as $o } from "./useHighlightSelectionDescription-BkEv9Jye.js";
+import { $ as mo } from "./useHasTabbableChild-BDaxMsGu.js";
+import { $ as vo } from "./Separator-CM0KPvsX.js";
+import { $ as go } from "./useField-BMegM8fA.js";
+import { $ as xo } from "./useFocusWithin-ClMkhYcq.js";
+import { $ as oe } from "./context-CGNJ3grH.js";
+import { g as te } from "./usePress-DMUpU0GU.js";
+import { $ as Do } from "./useDescription-BLmIkYCq.js";
+import { b as L, a as yo } from "./useFocusable-DXlMChFC.js";
+import { $ as K } from "./getScrollParent-Ru2U2LlM.js";
+import { b as F } from "./scrollIntoView-ClEACHUk.js";
+import { $ as I } from "./FocusScope-Bj40Ir-g.js";
+import { d as Bo } from "./SelectionManager-Bq-Gw1UT.js";
+import { $ as Po } from "./useLocalizedStringFormatter-CL9MUZ8A.js";
+import { $ as ko, a as ho } from "./useListState-pixYqSLl.js";
+import { B as Eo } from "./Button-DYcmg49Z.js";
+import { c as wo } from "./clsx-OuTLNxxd.js";
+import { X as Co } from "./x-C2xUHAEl.js";
+import './assets/Tag.css';const _ = /* @__PURE__ */ new WeakMap();
+function U(t, e) {
+  var o;
+  let { id: i } = (o = _.get(t)) !== null && o !== void 0 ? o : {};
+  if (!i) throw new Error("Unknown list");
+  return `${i}-${Lo(e)}`;
+}
+function Lo(t) {
+  return typeof t == "string" ? t.replace(/\s*/g, "") : "" + t;
+}
+function Ao(t, e, o) {
+  let { isVirtualized: i, keyboardDelegate: u, layoutDelegate: r, onAction: n, disallowTypeAhead: s, linkBehavior: c = "action", keyboardNavigationBehavior: m = "arrow", escapeKeyBehavior: l = "clearSelection", shouldSelectOnPressUp: g } = t;
+  !t["aria-label"] && !t["aria-labelledby"] && console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
+  let { listProps: d } = vo({
+    selectionManager: e.selectionManager,
+    collection: e.collection,
+    disabledKeys: e.disabledKeys,
+    ref: o,
+    keyboardDelegate: u,
+    layoutDelegate: r,
+    isVirtualized: i,
+    selectOnFocus: e.selectionManager.selectionBehavior === "replace",
+    shouldFocusWrap: t.shouldFocusWrap,
+    linkBehavior: c,
+    disallowTypeAhead: s,
+    autoFocus: t.autoFocus,
+    escapeKeyBehavior: l
+  }), $ = J(t.id);
+  _.set(e, {
+    id: $,
+    onAction: n,
+    linkBehavior: c,
+    keyboardNavigationBehavior: m,
+    shouldSelectOnPressUp: g
+  });
+  let p = bo({
+    selectionManager: e.selectionManager,
+    hasItemActions: !!n
+  }), k = mo(o, {
+    isDisabled: e.collection.size !== 0
+  }), x = S(t, {
+    labelable: !0
+  }), y = E(
+    x,
+    {
+      role: "grid",
+      id: $,
+      "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: k ? -1 : 0
+    } : d,
+    p
+  );
+  return i && (y["aria-rowcount"] = e.collection.size, y["aria-colcount"] = 1), $o({}, e), {
+    gridProps: y
+  };
+}
+const W = {
+  expand: {
+    ltr: "ArrowRight",
+    rtl: "ArrowLeft"
+  },
+  collapse: {
+    ltr: "ArrowLeft",
+    rtl: "ArrowRight"
+  }
+};
+function Mo(t, e, o) {
+  var i, u;
+  let { node: r, isVirtualized: n } = t, { direction: s } = oe(), { onAction: c, linkBehavior: m, keyboardNavigationBehavior: l, shouldSelectOnPressUp: g } = _.get(e), d = lo(), $ = V(null), p = () => {
+    var a;
+    o.current !== null && ($.current != null && r.key !== $.current || !(!((a = o.current) === null || a === void 0) && a.contains(document.activeElement))) && L(o.current);
+  }, k = {}, x = t.hasChildItems, y = e.selectionManager.isLink(r.key);
+  if (r != null && "expandedKeys" in e) {
+    var w, C;
+    let a = (w = (C = e.collection).getChildren) === null || w === void 0 ? void 0 : w.call(C, r.key);
+    x = x || [
+      ...a ?? []
+    ].length > 1, c == null && !y && e.selectionManager.selectionMode === "none" && x && (c = () => e.toggleKey(r.key));
+    let f = x ? e.expandedKeys.has(r.key) : void 0, v = 1;
+    if (r.level > 0 && (r == null ? void 0 : r.parentKey) != null) {
+      let b = e.collection.getItem(r.parentKey);
+      if (b) {
+        var B, A;
+        v = [
+          ...(B = (A = e.collection).getChildren) === null || B === void 0 ? void 0 : B.call(A, b.key)
+        ].filter((He) => He.type === "item").length;
+      }
+    } else v = [
+      ...e.collection
+    ].filter((b) => b.level === 0 && b.type === "item").length;
+    k = {
+      "aria-expanded": f,
+      "aria-level": r.level + 1,
+      "aria-posinset": (r == null ? void 0 : r.index) + 1,
+      "aria-setsize": v
+    };
+  }
+  let { itemProps: R, ...M } = Bo({
+    selectionManager: e.selectionManager,
+    key: r.key,
+    ref: o,
+    isVirtualized: n,
+    shouldSelectOnPressUp: t.shouldSelectOnPressUp || g,
+    onAction: c || !((i = r.props) === null || i === void 0) && i.onAction ? uo((u = r.props) === null || u === void 0 ? void 0 : u.onAction, c ? () => c(r.key) : void 0) : void 0,
+    focus: p,
+    linkBehavior: m
+  }), Ve = (a) => {
+    if (!a.currentTarget.contains(a.target) || !o.current || !document.activeElement) return;
+    let f = I(o.current);
+    if (f.currentNode = document.activeElement, "expandedKeys" in e && document.activeElement === o.current) {
+      if (a.key === W.expand[s] && e.selectionManager.focusedKey === r.key && x && !e.expandedKeys.has(r.key)) {
+        e.toggleKey(r.key), a.stopPropagation();
+        return;
+      } else if (a.key === W.collapse[s] && e.selectionManager.focusedKey === r.key && x && e.expandedKeys.has(r.key)) {
+        e.toggleKey(r.key), a.stopPropagation();
+        return;
+      }
+    }
+    switch (a.key) {
+      case "ArrowLeft":
+        if (l === "arrow") {
+          let b = s === "rtl" ? f.nextNode() : f.previousNode();
+          if (b)
+            a.preventDefault(), a.stopPropagation(), L(b), F(b, {
+              containingElement: K(o.current)
+            });
+          else if (a.preventDefault(), a.stopPropagation(), s === "rtl")
+            L(o.current), F(o.current, {
+              containingElement: K(o.current)
+            });
+          else {
+            f.currentNode = o.current;
+            let h = H(f);
+            h && (L(h), F(h, {
+              containingElement: K(o.current)
+            }));
+          }
+        }
+        break;
+      case "ArrowRight":
+        if (l === "arrow") {
+          let b = s === "rtl" ? f.previousNode() : f.nextNode();
+          if (b)
+            a.preventDefault(), a.stopPropagation(), L(b), F(b, {
+              containingElement: K(o.current)
+            });
+          else if (a.preventDefault(), a.stopPropagation(), s === "ltr")
+            L(o.current), F(o.current, {
+              containingElement: K(o.current)
+            });
+          else {
+            f.currentNode = o.current;
+            let h = H(f);
+            h && (L(h), F(h, {
+              containingElement: K(o.current)
+            }));
+          }
+        }
+        break;
+      case "ArrowUp":
+      case "ArrowDown":
+        if (!a.altKey && o.current.contains(a.target)) {
+          var v;
+          a.stopPropagation(), a.preventDefault(), (v = o.current.parentElement) === null || v === void 0 || v.dispatchEvent(new KeyboardEvent(a.nativeEvent.type, a.nativeEvent));
+        }
+        break;
+    }
+  }, _e = (a) => {
+    if ($.current = r.key, a.target !== o.current) {
+      co() || e.selectionManager.setFocusedKey(r.key);
+      return;
+    }
+  }, Oe = (a) => {
+    if (!(!a.currentTarget.contains(a.target) || !o.current || !document.activeElement))
+      switch (a.key) {
+        case "Tab":
+          if (l === "tab") {
+            let f = I(o.current, {
+              tabbable: !0
+            });
+            f.currentNode = document.activeElement, (a.shiftKey ? f.previousNode() : f.nextNode()) && a.stopPropagation();
+          }
+      }
+  }, Ie = te(r.props), Ue = M.hasAction ? Ie : {}, O = E(R, Ue, {
+    role: "row",
+    onKeyDownCapture: Ve,
+    onKeyDown: Oe,
+    onFocus: _e,
+    // 'aria-label': [(node.textValue || undefined), rowAnnouncement].filter(Boolean).join(', '),
+    "aria-label": r.textValue || void 0,
+    "aria-selected": e.selectionManager.canSelectItem(r.key) ? e.selectionManager.isSelected(r.key) : void 0,
+    "aria-disabled": e.selectionManager.isDisabled(r.key) || void 0,
+    "aria-labelledby": d && r.textValue ? `${U(e, r.key)} ${d}` : void 0,
+    id: U(e, r.key)
+  });
+  if (n) {
+    let { collection: a } = e, f = [
+      ...a
+    ];
+    O["aria-rowindex"] = f.find((v) => v.type === "section") ? [
+      ...a.getKeys()
+    ].filter((v) => {
+      var b;
+      return ((b = a.getItem(v)) === null || b === void 0 ? void 0 : b.type) !== "section";
+    }).findIndex((v) => v === r.key) + 1 : r.index + 1;
+  }
+  let We = {
+    role: "gridcell",
+    "aria-colindex": 1
+  };
+  return {
+    rowProps: {
+      ...E(O, k)
+    },
+    gridCellProps: We,
+    descriptionProps: {
+      id: d
+    },
+    ...M
+  };
+}
+function H(t) {
+  let e = null, o = null;
+  do
+    o = t.lastChild(), o && (e = o);
+  while (o);
+  return e;
+}
+const re = /* @__PURE__ */ new WeakMap();
+function Ko(t, e, o) {
+  let { direction: i } = oe(), u = t.keyboardDelegate || new ao({
+    collection: e.collection,
+    ref: o,
+    orientation: "horizontal",
+    direction: i,
+    disabledKeys: e.disabledKeys,
+    disabledBehavior: e.selectionManager.disabledBehavior
+  }), { labelProps: r, fieldProps: n, descriptionProps: s, errorMessageProps: c } = go({
+    ...t,
+    labelElementType: "span"
+  }), { gridProps: m } = Ao({
+    ...t,
+    ...n,
+    keyboardDelegate: u,
+    shouldFocusWrap: !0,
+    linkBehavior: "override",
+    keyboardNavigationBehavior: "tab"
+  }, e, o), [l, g] = so(!1), { focusWithinProps: d } = xo({
+    onFocusWithinChange: g
+  }), $ = S(t), p = V(e.collection.size);
+  return Q(() => {
+    o.current && p.current > 0 && e.collection.size === 0 && l && o.current.focus(), p.current = e.collection.size;
+  }, [
+    e.collection.size,
+    l,
+    o
+  ]), re.set(e, {
+    onRemove: t.onRemove
+  }), {
+    gridProps: E(m, $, {
+      role: e.collection.size ? "grid" : "group",
+      "aria-atomic": !1,
+      "aria-relevant": "additions",
+      "aria-live": l ? "polite" : "off",
+      ...d,
+      ...n
+    }),
+    labelProps: r,
+    descriptionProps: s,
+    errorMessageProps: c
+  };
+}
+var ae = {};
+ae = {
+  removeButtonLabel: "إزالة",
+  removeDescription: "اضغط على مفتاح DELETE لإزالة علامة."
+};
+var ie = {};
+ie = {
+  removeButtonLabel: "Премахване",
+  removeDescription: "Натиснете Delete, за да премахнете маркера."
+};
+var ne = {};
+ne = {
+  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 ue = {};
+ue = {
+  removeButtonLabel: "Entfernen",
+  removeDescription: "Auf „Löschen“ drücken, um das Tag zu entfernen."
+};
+var se = {};
+se = {
+  removeButtonLabel: "Κατάργηση",
+  removeDescription: "Πατήστε Διαγραφή για να καταργήσετε την ετικέτα."
+};
+var ce = {};
+ce = {
+  removeDescription: "Press Delete to remove tag.",
+  removeButtonLabel: "Remove"
+};
+var de = {};
+de = {
+  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 be = {};
+be = {
+  removeButtonLabel: "Supprimer",
+  removeDescription: "Appuyez sur Supprimer pour supprimer l’étiquette."
+};
+var $e = {};
+$e = {
+  removeButtonLabel: "הסר",
+  removeDescription: "לחץ על מחק כדי להסיר תג."
+};
+var me = {};
+me = {
+  removeButtonLabel: "Ukloni",
+  removeDescription: "Pritisnite Delete za uklanjanje oznake."
+};
+var ve = {};
+ve = {
+  removeButtonLabel: "Eltávolítás",
+  removeDescription: "Nyomja meg a Delete billentyűt a címke eltávolításához."
+};
+var ge = {};
+ge = {
+  removeButtonLabel: "Rimuovi",
+  removeDescription: "Premi Elimina per rimuovere il tag."
+};
+var xe = {};
+xe = {
+  removeButtonLabel: "削除",
+  removeDescription: "タグを削除するには、Delete キーを押します。"
+};
+var De = {};
+De = {
+  removeButtonLabel: "제거",
+  removeDescription: "태그를 제거하려면 Delete 키를 누르십시오."
+};
+var ye = {};
+ye = {
+  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 ke = {};
+ke = {
+  removeButtonLabel: "Verwijderen",
+  removeDescription: "Druk op Verwijderen om de tag te verwijderen."
+};
+var he = {};
+he = {
+  removeButtonLabel: "Usuń",
+  removeDescription: "Naciśnij Usuń, aby usunąć znacznik."
+};
+var Ee = {};
+Ee = {
+  removeButtonLabel: "Remover",
+  removeDescription: "Pressione Delete para remover a tag."
+};
+var we = {};
+we = {
+  removeButtonLabel: "Eliminar",
+  removeDescription: "Prima Delete para eliminar a tag."
+};
+var Ce = {};
+Ce = {
+  removeButtonLabel: "Îndepărtaţi",
+  removeDescription: "Apăsați pe Delete (Ștergere) pentru a elimina eticheta."
+};
+var Le = {};
+Le = {
+  removeButtonLabel: "Удалить",
+  removeDescription: "Нажмите DELETE, чтобы удалить тег."
+};
+var Ae = {};
+Ae = {
+  removeButtonLabel: "Odstrániť",
+  removeDescription: "Ak chcete odstrániť značku, stlačte kláves Delete."
+};
+var Me = {};
+Me = {
+  removeButtonLabel: "Odstrani",
+  removeDescription: "Pritisnite Delete, da odstranite oznako."
+};
+var Ke = {};
+Ke = {
+  removeButtonLabel: "Ukloni",
+  removeDescription: "Pritisnite Obriši da biste uklonili oznaku."
+};
+var Fe = {};
+Fe = {
+  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 Te = {};
+Te = {
+  removeButtonLabel: "删除",
+  removeDescription: "按下“删除”以删除标记。"
+};
+var ze = {};
+ze = {
+  removeButtonLabel: "移除",
+  removeDescription: "按 Delete 鍵以移除標記。"
+};
+var Re = {};
+Re = {
+  "ar-AE": ae,
+  "bg-BG": ie,
+  "cs-CZ": ne,
+  "da-DK": le,
+  "de-DE": ue,
+  "el-GR": se,
+  "en-US": ce,
+  "es-ES": de,
+  "et-EE": pe,
+  "fi-FI": fe,
+  "fr-FR": be,
+  "he-IL": $e,
+  "hr-HR": me,
+  "hu-HU": ve,
+  "it-IT": ge,
+  "ja-JP": xe,
+  "ko-KR": De,
+  "lt-LT": ye,
+  "lv-LV": Be,
+  "nb-NO": Pe,
+  "nl-NL": ke,
+  "pl-PL": he,
+  "pt-BR": Ee,
+  "pt-PT": we,
+  "ro-RO": Ce,
+  "ru-RU": Le,
+  "sk-SK": Ae,
+  "sl-SI": Me,
+  "sr-SP": Ke,
+  "sv-SE": Fe,
+  "tr-TR": Se,
+  "uk-UA": Ne,
+  "zh-CN": Te,
+  "zh-TW": ze
+};
+function Fo(t) {
+  return t && t.__esModule ? t.default : t;
+}
+function So(t, e, o) {
+  let { item: i } = t, u = Po(Fo(Re), "@react-aria/tag"), r = J(), { onRemove: n } = re.get(e) || {}, { rowProps: s, gridCellProps: c, ...m } = Mo({
+    node: i
+  }, e, o), { descriptionProps: l, ...g } = m, d = e.disabledKeys.has(i.key) || i.props.isDisabled, $ = (M) => {
+    if (M.key === "Delete" || M.key === "Backspace") {
+      if (d) return;
+      M.preventDefault(), e.selectionManager.isSelected(i.key) ? n == null || n(new Set(e.selectionManager.selectedKeys)) : n == null || n(/* @__PURE__ */ new Set([
+        i.key
+      ]));
+    }
+  }, p = po();
+  p === "virtual" && typeof window < "u" && "ontouchstart" in window && (p = "pointer");
+  let k = n && (p === "keyboard" || p === "virtual") ? u.format("removeDescription") : "", x = Do(k), y = i.key === e.selectionManager.focusedKey, w = e.selectionManager.focusedKey != null, C = -1;
+  !d && (y || !w) && (C = 0);
+  let B = S(i.props), A = te(i.props), { focusableProps: R } = yo({
+    isDisabled: d
+  }, o);
+  return {
+    removeButtonProps: {
+      "aria-label": u.format("removeButtonLabel"),
+      "aria-labelledby": `${r} ${s.id}`,
+      isDisabled: d,
+      id: r,
+      onPress: () => n ? n(/* @__PURE__ */ new Set([
+        i.key
+      ])) : null
+    },
+    rowProps: E(R, s, B, A, {
+      tabIndex: C,
+      onKeyDown: n ? $ : void 0,
+      "aria-describedby": x["aria-describedby"]
+    }),
+    gridCellProps: E(c, {
+      "aria-errormessage": t["aria-errormessage"],
+      "aria-label": t["aria-label"]
+    }),
+    ...g,
+    allowsRemoving: !!n
+  };
+}
+const No = /* @__PURE__ */ Z(null), je = /* @__PURE__ */ Z(null), To = /* @__PURE__ */ Y(function(e, o) {
+  return [e, o] = j(e, o, No), /* @__PURE__ */ D.createElement(Ze, {
+    content: e.children
+  }, (i) => /* @__PURE__ */ D.createElement(zo, {
+    props: e,
+    forwardedRef: o,
+    collection: i
+  }));
+});
+function zo({ props: t, forwardedRef: e, collection: o }) {
+  let i;
+  [i] = j({}, null, io);
+  let { filter: u, ...r } = i, { shouldUseVirtualFocus: n, disallowTypeAhead: s, ...c } = r || {}, m = V(null), [l, g] = ro(!t["aria-label"] && !t["aria-labelledby"]), d = ko({
+    ...t,
+    children: void 0,
+    collection: o
+  }), $ = ho(d, u), p = S(t, {
+    global: !0
+  }), k = Object.fromEntries(Object.entries(p).map(([A]) => [
+    A,
+    void 0
+  ])), { gridProps: x, labelProps: y, descriptionProps: w, errorMessageProps: C } = Ko({
+    ...t,
+    ...k,
+    ...c,
+    label: g
+  }, $, m);
+  var B;
+  return /* @__PURE__ */ D.createElement("div", {
+    ...p,
+    ref: e,
+    slot: t.slot || void 0,
+    className: (B = t.className) !== null && B !== void 0 ? B : "react-aria-TagGroup",
+    style: t.style
+  }, /* @__PURE__ */ D.createElement(X, {
+    values: [
+      [
+        Xe,
+        {
+          ...y,
+          elementType: "span",
+          ref: l
+        }
+      ],
+      [
+        je,
+        {
+          ...x,
+          ref: m
+        }
+      ],
+      [
+        z,
+        $
+      ],
+      [
+        no,
+        {
+          slots: {
+            description: w,
+            errorMessage: C
+          }
+        }
+      ]
+    ]
+  }, t.children));
+}
+const Ro = /* @__PURE__ */ Y(function(e, o) {
+  return T(z) ? /* @__PURE__ */ D.createElement(jo, {
+    props: e,
+    forwardedRef: o
+  }) : /* @__PURE__ */ D.createElement(eo, e);
+});
+function jo({ props: t, forwardedRef: e }) {
+  let o = T(z), { CollectionRoot: i } = T(G), [u, r] = j({}, e, je), { focusProps: n, isFocused: s, isFocusVisible: c } = ee(), m = {
+    isEmpty: o.collection.size === 0,
+    isFocused: s,
+    isFocusVisible: c,
+    state: o
+  }, l = q({
+    className: t.className,
+    style: t.style,
+    defaultClassName: "react-aria-TagList",
+    values: m
+  }), g = oo(o.selectionManager.focusedKey), d = S(t, {
+    global: !0
+  });
+  return /* @__PURE__ */ D.createElement("div", {
+    ...E(d, l, u, n),
+    ref: r,
+    "data-empty": o.collection.size === 0 || void 0,
+    "data-focused": s || void 0,
+    "data-focus-visible": c || void 0
+  }, o.collection.size === 0 && t.renderEmptyState ? t.renderEmptyState(m) : /* @__PURE__ */ D.createElement(i, {
+    collection: o.collection,
+    persistedKeys: g
+  }));
+}
+const Vo = /* @__PURE__ */ Je(Qe, (t, e, o) => {
+  let i = T(z), u = to(e), { focusProps: r, isFocusVisible: n } = ee({
+    within: !1
+  }), { rowProps: s, gridCellProps: c, removeButtonProps: m, ...l } = So({
+    item: o
+  }, i, u), { hoverProps: g, isHovered: d } = fo({
+    isDisabled: !l.allowsSelection,
+    onHoverStart: o.props.onHoverStart,
+    onHoverChange: o.props.onHoverChange,
+    onHoverEnd: o.props.onHoverEnd
+  }), $ = q({
+    ...t,
+    id: void 0,
+    children: o.rendered,
+    defaultClassName: "react-aria-Tag",
+    values: {
+      ...l,
+      isFocusVisible: n,
+      isHovered: d,
+      selectionMode: i.selectionManager.selectionMode,
+      selectionBehavior: i.selectionManager.selectionBehavior
+    }
+  });
+  Q(() => {
+    !o.textValue && process.env.NODE_ENV !== "production" && console.warn("A `textValue` prop is required for <Tag> elements with non-plain text children for accessibility.");
+  }, [
+    o.textValue
+  ]);
+  let p = S(t, {
+    global: !0
+  });
+  return delete p.id, delete p.onClick, /* @__PURE__ */ D.createElement("div", {
+    ref: u,
+    ...E(p, $, s, r, g),
+    "data-selected": l.isSelected || void 0,
+    "data-disabled": l.isDisabled || void 0,
+    "data-hovered": d || 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__ */ D.createElement("div", {
+    ...c,
+    style: {
+      display: "contents"
+    }
+  }, /* @__PURE__ */ D.createElement(X, {
+    values: [
+      [
+        qe,
+        {
+          slots: {
+            remove: m
+          }
+        }
+      ],
+      [
+        G,
+        Ye
+      ]
+    ]
+  }, $.children)));
+}), _o = "_button_5i8ej_1", Oo = "_success_5i8ej_16", Io = "_warning_5i8ej_17", Uo = "_info_5i8ej_18", Wo = "_important_5i8ej_19", Ho = "_tag_5i8ej_31", Go = "_dismissable_5i8ej_73", qo = "_tagText_5i8ej_81", Xo = "_tagList_5i8ej_90", P = {
+  button: _o,
+  success: Oo,
+  warning: Io,
+  info: Uo,
+  important: Wo,
+  tag: Ho,
+  dismissable: Go,
+  tagText: qo,
+  tagList: Xo
+}, Et = ({ children: t, ...e }) => /* @__PURE__ */ N(To, { ...e, children: /* @__PURE__ */ N(Ro, { className: P.tagList, children: t }) }), wt = ({
+  children: t,
+  dismissable: e,
+  className: o,
+  type: i,
+  ...u
+}) => /* @__PURE__ */ Ge(
+  Vo,
+  {
+    className: wo(
+      P.tag,
+      e && P.dismissable,
+      i === "success" && P.success,
+      i === "info" && P.info,
+      i === "important" && P.important,
+      i === "warning" && P.warning,
+      o
+    ),
+    ...u,
+    children: [
+      /* @__PURE__ */ N("div", { className: P.tagText, children: t }),
+      e && /* @__PURE__ */ N(
+        Eo,
+        {
+          variant: "icon",
+          size: "medium",
+          className: P.button,
+          slot: "remove",
+          children: /* @__PURE__ */ N(Co, { size: 20 })
+        }
+      )
+    ]
+  }
+);
+export {
+  Ro as $,
+  wt as T,
+  Et as a
+};