@commercetools/nimbus 0.0.11 → 0.0.13-rc1

package/dist/chunks/tag-group-4kwJie4V.es.js

@@ -0,0 +1,768 @@
+import { jsx as L, jsxs as Xe, Fragment as Ye } from "react/jsx-runtime";
+import { $ as Ze } from "./Button-C-yUWwZg.es.js";
+import { $ as _e, i as eo, d as oo, h as W, u as ro, g as to, f as ao, v as io } from "./Collection-DFZhstai.es.js";
+import { a as H, d as q, $ as J, b as no } from "./utils-BkdW_cdL.es.js";
+import { $ as lo } from "./Label-B2YyCdLl.es.js";
+import { b as N, $ as uo } from "./ListBox-B8Tz7EWS.es.js";
+import { $ as so } from "./Text-DOcU1ycg.es.js";
+import { a as Q, $ as B, b as co, e as po } from "./mergeProps-B_9syxhT.es.js";
+import { $ as A } from "./filterDOMProps-BSVCO5jK.es.js";
+import { $ as fo } from "./useObjectRef-CaJ5pgjX.es.js";
+import g, { useRef as z, useState as bo, useEffect as X, forwardRef as Y, useContext as F, createContext as Z } from "react";
+import { $ as _ } from "./useFocusRing-D8cwV0EM.es.js";
+import { $ as $o } from "./useHover-cJOf02TT.es.js";
+import { $ as vo, a as mo, b as go } from "./useHighlightSelectionDescription-DAR8wV79.es.js";
+import { $ as xo } from "./Separator-BUmWfQvi.es.js";
+import { $ as Do } from "./useField-Ce9zQxmx.es.js";
+import { $ as yo } from "./useFocusWithin-yfiHuOEs.es.js";
+import { $ as ee } from "./context-Pt-0ojuK.es.js";
+import { e as oe } from "./openLink-Ctl0AdAy.es.js";
+import { c as C, $ as w, a as Bo } from "./scrollIntoView-BYF_8_6g.es.js";
+import { $ as Po, f as ko } from "./useFocusVisible-C5ivHvqm.es.js";
+import { $ as ho } from "./useFocusable-BghVNiQU.es.js";
+import { b as I } from "./FocusScope-C1Aw7j9H.es.js";
+import { $ as k } from "./focusSafely-Di2ArC9L.es.js";
+import { $ as Eo } from "./useLocalizedStringFormatter-CvzOUusg.es.js";
+import { c as Co } from "./create-slot-recipe-context-DgamNbR-.es.js";
+import { Close as wo } from "@commercetools/nimbus-icons";
+import { I as Lo } from "./icon-button-C2GGAKhI.es.js";
+const V = /* @__PURE__ */ new WeakMap();
+function j(r, e) {
+  var o;
+  let { id: a } = (o = V.get(r)) !== null && o !== void 0 ? o : {};
+  if (!a) throw new Error("Unknown list");
+  return `${a}-${Ao(e)}`;
+}
+function Ao(r) {
+  return typeof r == "string" ? r.replace(/\s*/g, "") : "" + r;
+}
+function To(r, e, o) {
+  let { isVirtualized: a, keyboardDelegate: u, layoutDelegate: t, onAction: n, disallowTypeAhead: s, linkBehavior: d = "action", keyboardNavigationBehavior: $ = "arrow", escapeKeyBehavior: l = "clearSelection", shouldSelectOnPressUp: v } = r;
+  !r["aria-label"] && !r["aria-labelledby"] && console.warn("An aria-label or aria-labelledby prop is required for accessibility.");
+  let { listProps: c } = xo({
+    selectionManager: e.selectionManager,
+    collection: e.collection,
+    disabledKeys: e.disabledKeys,
+    ref: o,
+    keyboardDelegate: u,
+    layoutDelegate: t,
+    isVirtualized: a,
+    selectOnFocus: e.selectionManager.selectionBehavior === "replace",
+    shouldFocusWrap: r.shouldFocusWrap,
+    linkBehavior: d,
+    disallowTypeAhead: s,
+    autoFocus: r.autoFocus,
+    escapeKeyBehavior: l
+  }), p = Q(r.id);
+  V.set(e, {
+    id: p,
+    onAction: n,
+    linkBehavior: d,
+    keyboardNavigationBehavior: $,
+    shouldSelectOnPressUp: v
+  });
+  let f = vo({
+    selectionManager: e.selectionManager,
+    hasItemActions: !!n
+  }), h = mo(o, {
+    isDisabled: e.collection.size !== 0
+  }), x = A(r, {
+    labelable: !0
+  }), P = B(
+    x,
+    {
+      role: "grid",
+      id: p,
+      "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: h ? -1 : 0
+    } : c,
+    f
+  );
+  return a && (P["aria-rowcount"] = e.collection.size, P["aria-colcount"] = 1), go({}, e), {
+    gridProps: P
+  };
+}
+const G = {
+  expand: {
+    ltr: "ArrowRight",
+    rtl: "ArrowLeft"
+  },
+  collapse: {
+    ltr: "ArrowLeft",
+    rtl: "ArrowRight"
+  }
+};
+function Mo(r, e, o) {
+  var a, u;
+  let { node: t, isVirtualized: n } = r, { direction: s } = ee(), { onAction: d, linkBehavior: $, keyboardNavigationBehavior: l, shouldSelectOnPressUp: v } = V.get(e), c = co(), p = z(null), f = () => {
+    var i;
+    o.current !== null && (p.current != null && t.key !== p.current || !(!((i = o.current) === null || i === void 0) && i.contains(document.activeElement))) && k(o.current);
+  }, h = {}, x = r.hasChildItems, P = e.selectionManager.isLink(t.key);
+  if (t != null && "expandedKeys" in e) {
+    var T, M;
+    let i = (T = (M = e.collection).getChildren) === null || T === void 0 ? void 0 : T.call(M, t.key);
+    x = x || [
+      ...i ?? []
+    ].length > 1, d == null && !P && e.selectionManager.selectionMode === "none" && x && (d = () => e.toggleKey(t.key));
+    let b = x ? e.expandedKeys.has(t.key) : void 0, D = 1;
+    if (t.level > 0 && t?.parentKey != null) {
+      let m = e.collection.getItem(t.parentKey);
+      if (m) {
+        var S, K;
+        D = [
+          ...(S = (K = e.collection).getChildren) === null || S === void 0 ? void 0 : S.call(K, m.key)
+        ].filter((Qe) => Qe.type === "item").length;
+      }
+    } else D = [
+      ...e.collection
+    ].filter((m) => m.level === 0 && m.type === "item").length;
+    h = {
+      "aria-expanded": b,
+      "aria-level": t.level + 1,
+      "aria-posinset": t?.index + 1,
+      "aria-setsize": D
+    };
+  }
+  let { itemProps: R, ...E } = _e({
+    selectionManager: e.selectionManager,
+    key: t.key,
+    ref: o,
+    isVirtualized: n,
+    shouldSelectOnPressUp: r.shouldSelectOnPressUp || v,
+    onAction: d || !((a = t.props) === null || a === void 0) && a.onAction ? po((u = t.props) === null || u === void 0 ? void 0 : u.onAction, d ? () => d(t.key) : void 0) : void 0,
+    focus: f,
+    linkBehavior: $
+  }), Ge = (i) => {
+    if (!i.currentTarget.contains(i.target) || !o.current || !document.activeElement) return;
+    let b = I(o.current);
+    if (b.currentNode = document.activeElement, "expandedKeys" in e && document.activeElement === o.current) {
+      if (i.key === G.expand[s] && e.selectionManager.focusedKey === t.key && x && !e.expandedKeys.has(t.key)) {
+        e.toggleKey(t.key), i.stopPropagation();
+        return;
+      } else if (i.key === G.collapse[s] && e.selectionManager.focusedKey === t.key && x && e.expandedKeys.has(t.key)) {
+        e.toggleKey(t.key), i.stopPropagation();
+        return;
+      }
+    }
+    switch (i.key) {
+      case "ArrowLeft":
+        if (l === "arrow") {
+          let m = s === "rtl" ? b.nextNode() : b.previousNode();
+          if (m)
+            i.preventDefault(), i.stopPropagation(), k(m), C(m, {
+              containingElement: w(o.current)
+            });
+          else if (i.preventDefault(), i.stopPropagation(), s === "rtl")
+            k(o.current), C(o.current, {
+              containingElement: w(o.current)
+            });
+          else {
+            b.currentNode = o.current;
+            let y = U(b);
+            y && (k(y), C(y, {
+              containingElement: w(o.current)
+            }));
+          }
+        }
+        break;
+      case "ArrowRight":
+        if (l === "arrow") {
+          let m = s === "rtl" ? b.previousNode() : b.nextNode();
+          if (m)
+            i.preventDefault(), i.stopPropagation(), k(m), C(m, {
+              containingElement: w(o.current)
+            });
+          else if (i.preventDefault(), i.stopPropagation(), s === "ltr")
+            k(o.current), C(o.current, {
+              containingElement: w(o.current)
+            });
+          else {
+            b.currentNode = o.current;
+            let y = U(b);
+            y && (k(y), C(y, {
+              containingElement: w(o.current)
+            }));
+          }
+        }
+        break;
+      case "ArrowUp":
+      case "ArrowDown":
+        if (!i.altKey && o.current.contains(i.target)) {
+          var D;
+          i.stopPropagation(), i.preventDefault(), (D = o.current.parentElement) === null || D === void 0 || D.dispatchEvent(new KeyboardEvent(i.nativeEvent.type, i.nativeEvent));
+        }
+        break;
+    }
+  }, Ue = (i) => {
+    if (p.current = t.key, i.target !== o.current) {
+      Po() || e.selectionManager.setFocusedKey(t.key);
+      return;
+    }
+  }, We = (i) => {
+    if (!(!i.currentTarget.contains(i.target) || !o.current || !document.activeElement))
+      switch (i.key) {
+        case "Tab":
+          if (l === "tab") {
+            let b = I(o.current, {
+              tabbable: !0
+            });
+            b.currentNode = document.activeElement, (i.shiftKey ? b.previousNode() : b.nextNode()) && i.stopPropagation();
+          }
+      }
+  }, He = oe(t.props), qe = E.hasAction ? He : {}, O = B(R, qe, {
+    role: "row",
+    onKeyDownCapture: Ge,
+    onKeyDown: We,
+    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": c && t.textValue ? `${j(e, t.key)} ${c}` : void 0,
+    id: j(e, t.key)
+  });
+  n && (O["aria-rowindex"] = t.index + 1);
+  let Je = {
+    role: "gridcell",
+    "aria-colindex": 1
+  };
+  return {
+    rowProps: {
+      ...B(O, h)
+    },
+    gridCellProps: Je,
+    descriptionProps: {
+      id: c
+    },
+    ...E
+  };
+}
+function U(r) {
+  let e = null, o = null;
+  do
+    o = r.lastChild(), o && (e = o);
+  while (o);
+  return e;
+}
+const re = /* @__PURE__ */ new WeakMap();
+function So(r, e, o) {
+  let { direction: a } = ee(), u = r.keyboardDelegate || new eo({
+    collection: e.collection,
+    ref: o,
+    orientation: "horizontal",
+    direction: a,
+    disabledKeys: e.disabledKeys,
+    disabledBehavior: e.selectionManager.disabledBehavior
+  }), { labelProps: t, fieldProps: n, descriptionProps: s, errorMessageProps: d } = Do({
+    ...r,
+    labelElementType: "span"
+  }), { gridProps: $ } = To({
+    ...r,
+    ...n,
+    keyboardDelegate: u,
+    shouldFocusWrap: !0,
+    linkBehavior: "override",
+    keyboardNavigationBehavior: "tab"
+  }, e, o), [l, v] = bo(!1), { focusWithinProps: c } = yo({
+    onFocusWithinChange: v
+  }), p = A(r), f = z(e.collection.size);
+  return X(() => {
+    o.current && f.current > 0 && e.collection.size === 0 && l && o.current.focus(), f.current = e.collection.size;
+  }, [
+    e.collection.size,
+    l,
+    o
+  ]), re.set(e, {
+    onRemove: r.onRemove
+  }), {
+    gridProps: B($, p, {
+      role: e.collection.size ? "grid" : null,
+      "aria-atomic": !1,
+      "aria-relevant": "additions",
+      "aria-live": l ? "polite" : "off",
+      ...c,
+      ...n
+    }),
+    labelProps: t,
+    descriptionProps: s,
+    errorMessageProps: d
+  };
+}
+var te = {};
+te = {
+  removeButtonLabel: "إزالة",
+  removeDescription: "اضغط على مفتاح DELETE لإزالة علامة."
+};
+var ae = {};
+ae = {
+  removeButtonLabel: "Премахване",
+  removeDescription: "Натиснете Delete, за да премахнете маркера."
+};
+var ie = {};
+ie = {
+  removeButtonLabel: "Odebrat",
+  removeDescription: "Stisknutím klávesy Delete odeberete značku."
+};
+var ne = {};
+ne = {
+  removeButtonLabel: "Fjern",
+  removeDescription: "Tryk på Slet for at fjerne tag."
+};
+var le = {};
+le = {
+  removeButtonLabel: "Entfernen",
+  removeDescription: "Auf „Löschen“ drücken, um das Tag zu entfernen."
+};
+var ue = {};
+ue = {
+  removeButtonLabel: "Κατάργηση",
+  removeDescription: "Πατήστε Διαγραφή για να καταργήσετε την ετικέτα."
+};
+var se = {};
+se = {
+  removeDescription: "Press Delete to remove tag.",
+  removeButtonLabel: "Remove"
+};
+var de = {};
+de = {
+  removeButtonLabel: "Quitar",
+  removeDescription: "Pulse Eliminar para quitar la etiqueta."
+};
+var ce = {};
+ce = {
+  removeButtonLabel: "Eemalda",
+  removeDescription: "Sildi eemaldamiseks vajutage kustutusklahvi Delete."
+};
+var pe = {};
+pe = {
+  removeButtonLabel: "Poista",
+  removeDescription: "Poista tunniste painamalla Poista-painiketta."
+};
+var fe = {};
+fe = {
+  removeButtonLabel: "Supprimer",
+  removeDescription: "Appuyez sur Supprimer pour supprimer l’étiquette."
+};
+var be = {};
+be = {
+  removeButtonLabel: "הסר",
+  removeDescription: "לחץ על מחק כדי להסיר תג."
+};
+var $e = {};
+$e = {
+  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 me = {};
+me = {
+  removeButtonLabel: "Rimuovi",
+  removeDescription: "Premi Elimina per rimuovere il tag."
+};
+var ge = {};
+ge = {
+  removeButtonLabel: "削除",
+  removeDescription: "タグを削除するには、Delete キーを押します。"
+};
+var xe = {};
+xe = {
+  removeButtonLabel: "제거",
+  removeDescription: "태그를 제거하려면 Delete 키를 누르십시오."
+};
+var De = {};
+De = {
+  removeButtonLabel: "Pašalinti",
+  removeDescription: "Norėdami pašalinti žymą, paspauskite „Delete“ klavišą."
+};
+var ye = {};
+ye = {
+  removeButtonLabel: "Noņemt",
+  removeDescription: "Nospiediet Delete [Dzēst], lai noņemtu tagu."
+};
+var Be = {};
+Be = {
+  removeButtonLabel: "Fjern",
+  removeDescription: "Trykk på Slett for å fjerne taggen."
+};
+var Pe = {};
+Pe = {
+  removeButtonLabel: "Verwijderen",
+  removeDescription: "Druk op Verwijderen om de tag te verwijderen."
+};
+var ke = {};
+ke = {
+  removeButtonLabel: "Usuń",
+  removeDescription: "Naciśnij Usuń, aby usunąć znacznik."
+};
+var he = {};
+he = {
+  removeButtonLabel: "Remover",
+  removeDescription: "Pressione Delete para remover a tag."
+};
+var Ee = {};
+Ee = {
+  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 we = {};
+we = {
+  removeButtonLabel: "Удалить",
+  removeDescription: "Нажмите DELETE, чтобы удалить тег."
+};
+var Le = {};
+Le = {
+  removeButtonLabel: "Odstrániť",
+  removeDescription: "Ak chcete odstrániť značku, stlačte kláves Delete."
+};
+var Ae = {};
+Ae = {
+  removeButtonLabel: "Odstrani",
+  removeDescription: "Pritisnite Delete, da odstranite oznako."
+};
+var Te = {};
+Te = {
+  removeButtonLabel: "Ukloni",
+  removeDescription: "Pritisnite Obriši da biste uklonili oznaku."
+};
+var Me = {};
+Me = {
+  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 Ke = {};
+Ke = {
+  removeButtonLabel: "Вилучити",
+  removeDescription: "Натисніть Delete, щоб вилучити тег."
+};
+var Fe = {};
+Fe = {
+  removeButtonLabel: "删除",
+  removeDescription: "按下“删除”以删除标记。"
+};
+var Ne = {};
+Ne = {
+  removeButtonLabel: "移除",
+  removeDescription: "按 Delete 鍵以移除標記。"
+};
+var Re = {};
+Re = {
+  "ar-AE": te,
+  "bg-BG": ae,
+  "cs-CZ": ie,
+  "da-DK": ne,
+  "de-DE": le,
+  "el-GR": ue,
+  "en-US": se,
+  "es-ES": de,
+  "et-EE": ce,
+  "fi-FI": pe,
+  "fr-FR": fe,
+  "he-IL": be,
+  "hr-HR": $e,
+  "hu-HU": ve,
+  "it-IT": me,
+  "ja-JP": ge,
+  "ko-KR": xe,
+  "lt-LT": De,
+  "lv-LV": ye,
+  "nb-NO": Be,
+  "nl-NL": Pe,
+  "pl-PL": ke,
+  "pt-BR": he,
+  "pt-PT": Ee,
+  "ro-RO": Ce,
+  "ru-RU": we,
+  "sk-SK": Le,
+  "sl-SI": Ae,
+  "sr-SP": Te,
+  "sv-SE": Me,
+  "tr-TR": Se,
+  "uk-UA": Ke,
+  "zh-CN": Fe,
+  "zh-TW": Ne
+};
+function Ko(r) {
+  return r && r.__esModule ? r.default : r;
+}
+function Fo(r, e, o) {
+  let { item: a } = r, u = Eo(Ko(Re), "@react-aria/tag"), t = Q(), { onRemove: n } = re.get(e) || {}, { rowProps: s, gridCellProps: d, ...$ } = Mo({
+    node: a
+  }, e, o), { descriptionProps: l, ...v } = $, c = e.disabledKeys.has(a.key) || a.props.isDisabled, p = (E) => {
+    if (E.key === "Delete" || E.key === "Backspace") {
+      if (c) return;
+      E.preventDefault(), e.selectionManager.isSelected(a.key) ? n?.(new Set(e.selectionManager.selectedKeys)) : n?.(/* @__PURE__ */ new Set([
+        a.key
+      ]));
+    }
+  }, f = ko();
+  f === "virtual" && typeof window < "u" && "ontouchstart" in window && (f = "pointer");
+  let h = n && (f === "keyboard" || f === "virtual") ? u.format("removeDescription") : "", x = Bo(h), P = a.key === e.selectionManager.focusedKey, T = e.selectionManager.focusedKey != null, M = -1;
+  !c && (P || !T) && (M = 0);
+  let S = A(a.props), K = oe(a.props), { focusableProps: R } = ho({
+    isDisabled: c
+  }, o);
+  return {
+    removeButtonProps: {
+      "aria-label": u.format("removeButtonLabel"),
+      "aria-labelledby": `${t} ${s.id}`,
+      isDisabled: c,
+      id: t,
+      onPress: () => n ? n(/* @__PURE__ */ new Set([
+        a.key
+      ])) : null
+    },
+    rowProps: B(R, s, S, K, {
+      tabIndex: M,
+      onKeyDown: n ? p : void 0,
+      "aria-describedby": x["aria-describedby"]
+    }),
+    gridCellProps: B(d, {
+      "aria-errormessage": r["aria-errormessage"],
+      "aria-label": r["aria-label"]
+    }),
+    ...v,
+    allowsRemoving: !!n
+  };
+}
+const No = /* @__PURE__ */ Z(null), ze = /* @__PURE__ */ Z(null), Ro = /* @__PURE__ */ Y(function(e, o) {
+  return [e, o] = J(e, o, No), /* @__PURE__ */ g.createElement(ao, {
+    content: e.children
+  }, (a) => /* @__PURE__ */ g.createElement(zo, {
+    props: e,
+    forwardedRef: o,
+    collection: a
+  }));
+});
+function zo({ props: r, forwardedRef: e, collection: o }) {
+  let a = z(null), [u, t] = no(!r["aria-label"] && !r["aria-labelledby"]), n = uo({
+    ...r,
+    children: void 0,
+    collection: o
+  }), s = A(r, {
+    global: !0
+  }), d = Object.fromEntries(Object.entries(s).map(([f]) => [
+    f,
+    void 0
+  ])), { gridProps: $, labelProps: l, descriptionProps: v, errorMessageProps: c } = So({
+    ...r,
+    ...d,
+    label: t
+  }, n, a);
+  var p;
+  return /* @__PURE__ */ g.createElement("div", {
+    ...s,
+    ref: e,
+    slot: r.slot || void 0,
+    className: (p = r.className) !== null && p !== void 0 ? p : "react-aria-TagGroup",
+    style: r.style
+  }, /* @__PURE__ */ g.createElement(q, {
+    values: [
+      [
+        lo,
+        {
+          ...l,
+          elementType: "span",
+          ref: u
+        }
+      ],
+      [
+        ze,
+        {
+          ...$,
+          ref: a
+        }
+      ],
+      [
+        N,
+        n
+      ],
+      [
+        so,
+        {
+          slots: {
+            description: v,
+            errorMessage: c
+          }
+        }
+      ]
+    ]
+  }, r.children));
+}
+const Vo = /* @__PURE__ */ Y(function(e, o) {
+  return F(N) ? /* @__PURE__ */ g.createElement(Oo, {
+    props: e,
+    forwardedRef: o
+  }) : /* @__PURE__ */ g.createElement(to, e);
+});
+function Oo({ props: r, forwardedRef: e }) {
+  let o = F(N), { CollectionRoot: a } = F(W), [u, t] = J({}, e, ze), { focusProps: n, isFocused: s, isFocusVisible: d } = _(), $ = {
+    isEmpty: o.collection.size === 0,
+    isFocused: s,
+    isFocusVisible: d,
+    state: o
+  }, l = H({
+    className: r.className,
+    style: r.style,
+    defaultClassName: "react-aria-TagList",
+    values: $
+  }), v = io(o.selectionManager.focusedKey), c = A(r, {
+    global: !0
+  });
+  return /* @__PURE__ */ g.createElement("div", {
+    ...B(c, l, u, n),
+    ref: t,
+    "data-empty": o.collection.size === 0 || void 0,
+    "data-focused": s || void 0,
+    "data-focus-visible": d || void 0
+  }, o.collection.size === 0 && r.renderEmptyState ? r.renderEmptyState($) : /* @__PURE__ */ g.createElement(a, {
+    collection: o.collection,
+    persistedKeys: v
+  }));
+}
+const Io = /* @__PURE__ */ oo("item", (r, e, o) => {
+  let a = F(N), u = fo(e), { focusProps: t, isFocusVisible: n } = _({
+    within: !1
+  }), { rowProps: s, gridCellProps: d, removeButtonProps: $, ...l } = Fo({
+    item: o
+  }, a, u), { hoverProps: v, isHovered: c } = $o({
+    isDisabled: !l.allowsSelection,
+    onHoverStart: o.props.onHoverStart,
+    onHoverChange: o.props.onHoverChange,
+    onHoverEnd: o.props.onHoverEnd
+  }), p = H({
+    ...r,
+    id: void 0,
+    children: o.rendered,
+    defaultClassName: "react-aria-Tag",
+    values: {
+      ...l,
+      isFocusVisible: n,
+      isHovered: c,
+      selectionMode: a.selectionManager.selectionMode,
+      selectionBehavior: a.selectionManager.selectionBehavior
+    }
+  });
+  X(() => {
+    !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 f = A(r, {
+    global: !0
+  });
+  return delete f.id, delete f.onClick, /* @__PURE__ */ g.createElement("div", {
+    ref: u,
+    ...B(f, p, s, t, v),
+    "data-selected": l.isSelected || void 0,
+    "data-disabled": l.isDisabled || void 0,
+    "data-hovered": c || 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": a.selectionManager.selectionMode === "none" ? void 0 : a.selectionManager.selectionMode
+  }, /* @__PURE__ */ g.createElement("div", {
+    ...d,
+    style: {
+      display: "contents"
+    }
+  }, /* @__PURE__ */ g.createElement(q, {
+    values: [
+      [
+        Ze,
+        {
+          slots: {
+            remove: $
+          }
+        }
+      ],
+      [
+        W,
+        ro
+      ]
+    ]
+  }, p.children)));
+}), {
+  withProvider: jo,
+  withContext: Ve
+} = /* @__PURE__ */ Co({
+  key: "taggroup"
+}), Go = /* @__PURE__ */ jo(
+  Ro,
+  "root"
+), Uo = (r) => {
+  const { ref: e, ...o } = r, a = Ve(
+    Vo,
+    "tagList"
+  );
+  return /* @__PURE__ */ L(a, { ...o, ref: e });
+}, Wo = /* @__PURE__ */ Ve(Io, "tag"), Oe = ({
+  children: r,
+  onRemove: e,
+  selectionMode: o,
+  ref: a,
+  ...u
+}) => (e && (o === "multiple" || o === "single") && console.warn(
+  'Nimbus TagGroup: when "selectionMode" is "single" or "mutiple", Tags cannot be removed'
+), /* @__PURE__ */ L(
+  Go,
+  {
+    ref: a,
+    onRemove: e,
+    selectionMode: o,
+    ...u,
+    children: r
+  }
+));
+Oe.displayName = "TagGroup.Root";
+const Ie = ({
+  children: r,
+  ref: e,
+  ...o
+}) => /* @__PURE__ */ L(Uo, { ref: e, ...o, children: r });
+Ie.displayName = "TagGroup.TagList";
+const je = ({
+  children: r,
+  ref: e,
+  ...o
+}) => /* @__PURE__ */ L(Wo, { ref: e, textValue: typeof r == "string" ? r : void 0, ...o, children: ({ allowsRemoving: u, isSelected: t, selectionMode: n }) => /* @__PURE__ */ Xe(Ye, { children: [
+  r,
+  u && n !== "multiple" && n !== "single" && // @ts-expect-error aria props are handled by ButtonContext internally in IconButton
+  /* @__PURE__ */ L(
+    Lo,
+    {
+      size: "2xs",
+      variant: t ? "solid" : "ghost",
+      slot: "remove",
+      tone: t ? void 0 : "neutral",
+      children: /* @__PURE__ */ L(wo, {})
+    }
+  )
+] }) });
+je.displayName = "TagGroup.Tag";
+const Dr = {
+  Root: Oe,
+  TagList: Ie,
+  Tag: je
+};
+export {
+  Dr as T
+};
+//# sourceMappingURL=tag-group-4kwJie4V.es.js.map