@react-spectrum/tag 3.0.0-nightly.3180 → 3.0.0

package/dist/main.js

@@ -1,106 +1,475 @@
 require("./main.css");
-var $dTV3V$reactspectrumutils = require("@react-spectrum/utils");
-var $dTV3V$reactstatelygrid = require("@react-stately/grid");
-var $dTV3V$reactariautils = require("@react-aria/utils");
-var $dTV3V$react = require("react");
+var $dTV3V$reactstatelycollections = require("@react-stately/collections");
+var $dTV3V$reactspectrumbutton = require("@react-spectrum/button");
 var $dTV3V$reactariatag = require("@react-aria/tag");
-var $dTV3V$reactariagrid = require("@react-aria/grid");
+var $dTV3V$reactspectrumutils = require("@react-spectrum/utils");
+var $dTV3V$reactspectrumlabel = require("@react-spectrum/label");
+var $dTV3V$reactariafocus = require("@react-aria/focus");
 var $dTV3V$reactstatelylist = require("@react-stately/list");
-var $dTV3V$reactariai18n = require("@react-aria/i18n");
+var $dTV3V$reactariaselection = require("@react-aria/selection");
 var $dTV3V$reactspectrumprovider = require("@react-spectrum/provider");
-var $dTV3V$reactspectrumbutton = require("@react-spectrum/button");
+var $dTV3V$react = require("react");
+var $dTV3V$reactspectrumform = require("@react-spectrum/form");
+var $dTV3V$reactariautils = require("@react-aria/utils");
+var $dTV3V$reactariai18n = require("@react-aria/i18n");
 var $dTV3V$reactspectrumtext = require("@react-spectrum/text");
-var $dTV3V$reactariafocus = require("@react-aria/focus");
 var $dTV3V$reactariainteractions = require("@react-aria/interactions");
 
-function $parcel$exportWildcard(dest, source) {
-  Object.keys(source).forEach(function(key) {
-    if (key === 'default' || key === '__esModule' || dest.hasOwnProperty(key)) {
-      return;
-    }
-
-    Object.defineProperty(dest, key, {
-      enumerable: true,
-      get: function get() {
-        return source[key];
-      }
-    });
-  });
-
-  return dest;
+function $parcel$export(e, n, v, s) {
+  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
 }
 function $parcel$interopDefault(a) {
   return a && a.__esModule ? a.default : a;
 }
-function $parcel$export(e, n, v, s) {
-  Object.defineProperty(e, n, {get: v, set: s, enumerable: true, configurable: true});
-}
-var $e7b72d8874e98cd4$exports = {};
 
-$parcel$export($e7b72d8874e98cd4$exports, "TagGroup", () => $e7b72d8874e98cd4$export$67ea30858aaf75e3);
+$parcel$export(module.exports, "TagGroup", () => $e7b72d8874e98cd4$export$67ea30858aaf75e3);
+$parcel$export(module.exports, "Item", () => $dTV3V$reactstatelycollections.Item);
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ /*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
+
+
+
+
+var $d97f7dfcca827852$exports = {};
+var $e4833c69a6a8a469$exports = {};
+$e4833c69a6a8a469$exports = {
+    "actions": `الإجراءات`,
+    "hideButtonLabel": `إظهار أقل`,
+    "noTags": `بدون`,
+    "showAllButtonLabel": (args, formatter)=>`عرض الكل (${formatter.number(args.tagCount)})`
+};
+
+
+var $9b536cac3e0b637e$exports = {};
+$9b536cac3e0b637e$exports = {
+    "actions": `Действия`,
+    "hideButtonLabel": `Показване на по-малко`,
+    "noTags": `Нито един`,
+    "showAllButtonLabel": (args, formatter)=>`Показване на всички (${formatter.number(args.tagCount)})`
+};
+
+
+var $06ebf46bd7a639dd$exports = {};
+$06ebf46bd7a639dd$exports = {
+    "actions": `Akce`,
+    "hideButtonLabel": `Zobrazit méně`,
+    "noTags": `Žádný`,
+    "showAllButtonLabel": (args, formatter)=>`Zobrazit vše (${formatter.number(args.tagCount)})`
+};
+
+
+var $d0c8889aa143e531$exports = {};
+$d0c8889aa143e531$exports = {
+    "actions": `Handlinger`,
+    "hideButtonLabel": `Vis mindre`,
+    "noTags": `Ingen`,
+    "showAllButtonLabel": (args, formatter)=>`Vis alle (${formatter.number(args.tagCount)})`
+};
+
+
+var $09f15015489dc476$exports = {};
+$09f15015489dc476$exports = {
+    "actions": `Aktionen`,
+    "hideButtonLabel": `Weniger zeigen`,
+    "noTags": `Keine`,
+    "showAllButtonLabel": (args, formatter)=>`Alle anzeigen (${formatter.number(args.tagCount)})`
+};
+
+
+var $ec81f332ee1bb67a$exports = {};
+$ec81f332ee1bb67a$exports = {
+    "actions": `Ενέργειες`,
+    "hideButtonLabel": `Εμφάνιση λιγότερων`,
+    "noTags": `Κανένα`,
+    "showAllButtonLabel": (args, formatter)=>`Εμφάνιση όλων (${formatter.number(args.tagCount)})`
+};
+
+
+var $a5d4273001869f16$exports = {};
+$a5d4273001869f16$exports = {
+    "showAllButtonLabel": (args, formatter)=>`Show all (${formatter.number(args.tagCount)})`,
+    "hideButtonLabel": `Show less`,
+    "actions": `Actions`,
+    "noTags": `None`
+};
+
+
+var $355c19ee0d058106$exports = {};
+$355c19ee0d058106$exports = {
+    "actions": `Acciones`,
+    "hideButtonLabel": `Mostrar menos`,
+    "noTags": `Ninguno`,
+    "showAllButtonLabel": (args, formatter)=>`Mostrar todo (${formatter.number(args.tagCount)})`
+};
+
+
+var $94d247b24eb969ef$exports = {};
+$94d247b24eb969ef$exports = {
+    "actions": `Toimingud`,
+    "hideButtonLabel": `Kuva vähem`,
+    "noTags": `Puudub`,
+    "showAllButtonLabel": (args, formatter)=>`Kuva kõik (${formatter.number(args.tagCount)})`
+};
+
+
+var $fe04eda9b3e92668$exports = {};
+$fe04eda9b3e92668$exports = {
+    "actions": `Toiminnot`,
+    "hideButtonLabel": `Näytä vähemmän`,
+    "noTags": `Ei mitään`,
+    "showAllButtonLabel": (args, formatter)=>`Näytä kaikki (${formatter.number(args.tagCount)})`
+};
+
+
+var $8c0ca11f9a10e544$exports = {};
+$8c0ca11f9a10e544$exports = {
+    "actions": `Actions`,
+    "hideButtonLabel": `Afficher moins`,
+    "noTags": `Aucun`,
+    "showAllButtonLabel": (args, formatter)=>`Tout afficher (${formatter.number(args.tagCount)})`
+};
+
+
+var $5cf885b76293f7ea$exports = {};
+$5cf885b76293f7ea$exports = {
+    "actions": `פעולות`,
+    "hideButtonLabel": `הצג פחות`,
+    "noTags": `ללא`,
+    "showAllButtonLabel": (args, formatter)=>`הצג הכל (${formatter.number(args.tagCount)})`
+};
+
+
+var $26efb27e85fe3886$exports = {};
+$26efb27e85fe3886$exports = {
+    "actions": `Radnje`,
+    "hideButtonLabel": `Prikaži manje`,
+    "noTags": `Nema`,
+    "showAllButtonLabel": (args, formatter)=>`Prikaži sve (${formatter.number(args.tagCount)})`
+};
+
+
+var $5afbffe322be4f78$exports = {};
+$5afbffe322be4f78$exports = {
+    "actions": `Műveletek`,
+    "hideButtonLabel": `Mutass kevesebbet`,
+    "noTags": `Egyik sem`,
+    "showAllButtonLabel": (args, formatter)=>`Az összes megjelenítése (${formatter.number(args.tagCount)})`
+};
+
+
+var $e2e8477c50691c5a$exports = {};
+$e2e8477c50691c5a$exports = {
+    "actions": `Azioni`,
+    "hideButtonLabel": `Mostra meno`,
+    "noTags": `Nessuno`,
+    "showAllButtonLabel": (args, formatter)=>`Mostra tutto (${formatter.number(args.tagCount)})`
+};
+
+
+var $aa322e153c7fc6cf$exports = {};
+$aa322e153c7fc6cf$exports = {
+    "actions": `アクション`,
+    "hideButtonLabel": `表示を減らす`,
+    "noTags": `なし`,
+    "showAllButtonLabel": (args, formatter)=>`すべての (${formatter.number(args.tagCount)}) を表示`
+};
+
+
+var $ef5171b4e7fef8b6$exports = {};
+$ef5171b4e7fef8b6$exports = {
+    "actions": `액션`,
+    "hideButtonLabel": `간단히 표시`,
+    "noTags": `없음`,
+    "showAllButtonLabel": (args, formatter)=>`모두 표시 (${formatter.number(args.tagCount)})`
+};
+
+
+var $11cf3f21588c59d5$exports = {};
+$11cf3f21588c59d5$exports = {
+    "actions": `Veiksmai`,
+    "hideButtonLabel": `Rodyti mažiau`,
+    "noTags": `Nėra`,
+    "showAllButtonLabel": (args, formatter)=>`Rodyti viską (${formatter.number(args.tagCount)})`
+};
+
+
+var $7798af2d0360d513$exports = {};
+$7798af2d0360d513$exports = {
+    "actions": `Darbības`,
+    "hideButtonLabel": `Rādīt mazāk`,
+    "noTags": `Nav`,
+    "showAllButtonLabel": (args, formatter)=>`Rādīt visu (${formatter.number(args.tagCount)})`
+};
+
+
+var $36fbb928ae891fff$exports = {};
+$36fbb928ae891fff$exports = {
+    "actions": `Handlinger`,
+    "hideButtonLabel": `Vis mindre`,
+    "noTags": `Ingen`,
+    "showAllButtonLabel": (args, formatter)=>`Vis alle (${formatter.number(args.tagCount)})`
+};
+
+
+var $64f658e8416b1edc$exports = {};
+$64f658e8416b1edc$exports = {
+    "actions": `Acties`,
+    "hideButtonLabel": `Minder weergeven`,
+    "noTags": `Geen`,
+    "showAllButtonLabel": (args, formatter)=>`Alles tonen (${formatter.number(args.tagCount)})`
+};
+
+
+var $d83dc3596c86b9b1$exports = {};
+$d83dc3596c86b9b1$exports = {
+    "actions": `Działania`,
+    "hideButtonLabel": `Wyświetl mniej`,
+    "noTags": `Brak`,
+    "showAllButtonLabel": (args, formatter)=>`Pokaż wszystko (${formatter.number(args.tagCount)})`
+};
+
+
+var $f05393b8526809a5$exports = {};
+$f05393b8526809a5$exports = {
+    "actions": `Ações`,
+    "hideButtonLabel": `Mostrar menos`,
+    "noTags": `Nenhum`,
+    "showAllButtonLabel": (args, formatter)=>`Mostrar tudo (${formatter.number(args.tagCount)})`
+};
+
+
+var $d7b3c6e34da453ec$exports = {};
+$d7b3c6e34da453ec$exports = {
+    "actions": `Ações`,
+    "hideButtonLabel": `Mostrar menos`,
+    "noTags": `Nenhum`,
+    "showAllButtonLabel": (args, formatter)=>`Mostrar tudo (${formatter.number(args.tagCount)})`
+};
+
+
+var $671c8a587799a566$exports = {};
+$671c8a587799a566$exports = {
+    "actions": `Acțiuni`,
+    "hideButtonLabel": `Se afișează mai puțin`,
+    "noTags": `Niciuna`,
+    "showAllButtonLabel": (args, formatter)=>`Se afișează tot (${formatter.number(args.tagCount)})`
+};
+
+
+var $f7d5f2f6333669ae$exports = {};
+$f7d5f2f6333669ae$exports = {
+    "actions": `Действия`,
+    "hideButtonLabel": `Показать меньше`,
+    "noTags": `Нет`,
+    "showAllButtonLabel": (args, formatter)=>`Показать все (${formatter.number(args.tagCount)})`
+};
+
+
+var $6872c5a06d3d5bd6$exports = {};
+$6872c5a06d3d5bd6$exports = {
+    "actions": `Akcie`,
+    "hideButtonLabel": `Zobraziť menej`,
+    "noTags": `Žiadne`,
+    "showAllButtonLabel": (args, formatter)=>`Zobraziť všetko (${formatter.number(args.tagCount)})`
+};
+
+
+var $8d44aaec5d910562$exports = {};
+$8d44aaec5d910562$exports = {
+    "actions": `Dejanja`,
+    "hideButtonLabel": `Prikaži manj`,
+    "noTags": `Nič`,
+    "showAllButtonLabel": (args, formatter)=>`Prikaž vse (${formatter.number(args.tagCount)})`
+};
+
+
+var $48a1f90aac47b13f$exports = {};
+$48a1f90aac47b13f$exports = {
+    "actions": `Radnje`,
+    "hideButtonLabel": `Prikaži manje`,
+    "noTags": `Ne postoji`,
+    "showAllButtonLabel": (args, formatter)=>`Prikaži sve (${formatter.number(args.tagCount)})`
+};
+
+
+var $e67f8d08ca5a16ce$exports = {};
+$e67f8d08ca5a16ce$exports = {
+    "actions": `Åtgärder`,
+    "hideButtonLabel": `Visa mindre`,
+    "noTags": `Ingen`,
+    "showAllButtonLabel": (args, formatter)=>`Visa alla (${formatter.number(args.tagCount)})`
+};
+
+
+var $dfe98dff52c184ea$exports = {};
+$dfe98dff52c184ea$exports = {
+    "actions": `Eylemler`,
+    "hideButtonLabel": `Daha az göster`,
+    "noTags": `Hiçbiri`,
+    "showAllButtonLabel": (args, formatter)=>`Tümünü göster (${formatter.number(args.tagCount)})`
+};
+
+
+var $ba516e0f6c423a4a$exports = {};
+$ba516e0f6c423a4a$exports = {
+    "actions": `Дії`,
+    "hideButtonLabel": `Показувати менше`,
+    "noTags": `Немає`,
+    "showAllButtonLabel": (args, formatter)=>`Показати всі (${formatter.number(args.tagCount)})`
+};
+
+
+var $7c2f3cb525451680$exports = {};
+$7c2f3cb525451680$exports = {
+    "actions": `操作`,
+    "hideButtonLabel": `显示更少`,
+    "noTags": `无`,
+    "showAllButtonLabel": (args, formatter)=>`全部显示 (${formatter.number(args.tagCount)})`
+};
+
+
+var $00b7e0167640331e$exports = {};
+$00b7e0167640331e$exports = {
+    "actions": `動作`,
+    "hideButtonLabel": `顯示較少`,
+    "noTags": `無`,
+    "showAllButtonLabel": (args, formatter)=>`顯示全部 (${formatter.number(args.tagCount)})`
+};
+
+
+$d97f7dfcca827852$exports = {
+    "ar-AE": $e4833c69a6a8a469$exports,
+    "bg-BG": $9b536cac3e0b637e$exports,
+    "cs-CZ": $06ebf46bd7a639dd$exports,
+    "da-DK": $d0c8889aa143e531$exports,
+    "de-DE": $09f15015489dc476$exports,
+    "el-GR": $ec81f332ee1bb67a$exports,
+    "en-US": $a5d4273001869f16$exports,
+    "es-ES": $355c19ee0d058106$exports,
+    "et-EE": $94d247b24eb969ef$exports,
+    "fi-FI": $fe04eda9b3e92668$exports,
+    "fr-FR": $8c0ca11f9a10e544$exports,
+    "he-IL": $5cf885b76293f7ea$exports,
+    "hr-HR": $26efb27e85fe3886$exports,
+    "hu-HU": $5afbffe322be4f78$exports,
+    "it-IT": $e2e8477c50691c5a$exports,
+    "ja-JP": $aa322e153c7fc6cf$exports,
+    "ko-KR": $ef5171b4e7fef8b6$exports,
+    "lt-LT": $11cf3f21588c59d5$exports,
+    "lv-LV": $7798af2d0360d513$exports,
+    "nb-NO": $36fbb928ae891fff$exports,
+    "nl-NL": $64f658e8416b1edc$exports,
+    "pl-PL": $d83dc3596c86b9b1$exports,
+    "pt-BR": $f05393b8526809a5$exports,
+    "pt-PT": $d7b3c6e34da453ec$exports,
+    "ro-RO": $671c8a587799a566$exports,
+    "ru-RU": $f7d5f2f6333669ae$exports,
+    "sk-SK": $6872c5a06d3d5bd6$exports,
+    "sl-SI": $8d44aaec5d910562$exports,
+    "sr-SP": $48a1f90aac47b13f$exports,
+    "sv-SE": $e67f8d08ca5a16ce$exports,
+    "tr-TR": $dfe98dff52c184ea$exports,
+    "uk-UA": $ba516e0f6c423a4a$exports,
+    "zh-CN": $7c2f3cb525451680$exports,
+    "zh-TW": $00b7e0167640331e$exports
+};
+
+
 
 
 
 
 var $ed889f8f1f091fc8$exports = {};
 
+$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag", () => $ed889f8f1f091fc8$export$6174bd1d20b4c022, (v) => $ed889f8f1f091fc8$export$6174bd1d20b4c022 = v);
+$parcel$export($ed889f8f1f091fc8$exports, "focus-ring", () => $ed889f8f1f091fc8$export$f39a09f249340e2a, (v) => $ed889f8f1f091fc8$export$f39a09f249340e2a = v);
 $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags", () => $ed889f8f1f091fc8$export$eb7e80013a1212da, (v) => $ed889f8f1f091fc8$export$eb7e80013a1212da = v);
-$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-item", () => $ed889f8f1f091fc8$export$950d8dc0a3751654, (v) => $ed889f8f1f091fc8$export$950d8dc0a3751654 = v);
+$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-container", () => $ed889f8f1f091fc8$export$3300169c5d27fe96, (v) => $ed889f8f1f091fc8$export$3300169c5d27fe96 = v);
+$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-container--empty", () => $ed889f8f1f091fc8$export$a5e59d283417e02b, (v) => $ed889f8f1f091fc8$export$a5e59d283417e02b = v);
 $parcel$export($ed889f8f1f091fc8$exports, "is-disabled", () => $ed889f8f1f091fc8$export$d35bc1e505d1ebbf, (v) => $ed889f8f1f091fc8$export$d35bc1e505d1ebbf = v);
+$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag-removeButton", () => $ed889f8f1f091fc8$export$23a76b996f0a6c1, (v) => $ed889f8f1f091fc8$export$23a76b996f0a6c1 = v);
+$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag-cell", () => $ed889f8f1f091fc8$export$9c4fd4d7faada408, (v) => $ed889f8f1f091fc8$export$9c4fd4d7faada408 = v);
 $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag-icon", () => $ed889f8f1f091fc8$export$21f5254139e14871, (v) => $ed889f8f1f091fc8$export$21f5254139e14871 = v);
+$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag-avatar", () => $ed889f8f1f091fc8$export$7b57f5221a1b5306, (v) => $ed889f8f1f091fc8$export$7b57f5221a1b5306 = v);
 $parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag-content", () => $ed889f8f1f091fc8$export$d281c967f4ee071e, (v) => $ed889f8f1f091fc8$export$d281c967f4ee071e = v);
-$parcel$export($ed889f8f1f091fc8$exports, "tags-removable", () => $ed889f8f1f091fc8$export$7427262f66a3b803, (v) => $ed889f8f1f091fc8$export$7427262f66a3b803 = v);
-$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag-label", () => $ed889f8f1f091fc8$export$7ea9e20fd4ac0076, (v) => $ed889f8f1f091fc8$export$7ea9e20fd4ac0076 = v);
-$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag-action", () => $ed889f8f1f091fc8$export$c5a1243e33faa2d4, (v) => $ed889f8f1f091fc8$export$c5a1243e33faa2d4 = v);
+$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tag--removable", () => $ed889f8f1f091fc8$export$87165794583be111, (v) => $ed889f8f1f091fc8$export$87165794583be111 = v);
+$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-actions", () => $ed889f8f1f091fc8$export$8afaa02110915bbb, (v) => $ed889f8f1f091fc8$export$8afaa02110915bbb = v);
+$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-actionButton", () => $ed889f8f1f091fc8$export$e6882f8db018e3bd, (v) => $ed889f8f1f091fc8$export$e6882f8db018e3bd = v);
+$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-fieldWrapper", () => $ed889f8f1f091fc8$export$c9b7ca327d69b2b5, (v) => $ed889f8f1f091fc8$export$c9b7ca327d69b2b5 = v);
+$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-fieldWrapper--positionSide", () => $ed889f8f1f091fc8$export$a7c11d4acc244e09, (v) => $ed889f8f1f091fc8$export$a7c11d4acc244e09 = v);
+$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-empty-state", () => $ed889f8f1f091fc8$export$cd48f925394bb16, (v) => $ed889f8f1f091fc8$export$cd48f925394bb16 = v);
 $parcel$export($ed889f8f1f091fc8$exports, "is-hovered", () => $ed889f8f1f091fc8$export$b8813cd5d7824ce7, (v) => $ed889f8f1f091fc8$export$b8813cd5d7824ce7 = v);
-$parcel$export($ed889f8f1f091fc8$exports, "focus-ring", () => $ed889f8f1f091fc8$export$f39a09f249340e2a, (v) => $ed889f8f1f091fc8$export$f39a09f249340e2a = v);
-$parcel$export($ed889f8f1f091fc8$exports, "is-selected", () => $ed889f8f1f091fc8$export$1e0fb04f31d3c22a, (v) => $ed889f8f1f091fc8$export$1e0fb04f31d3c22a = v);
-$parcel$export($ed889f8f1f091fc8$exports, "is-invalid", () => $ed889f8f1f091fc8$export$14a30de2866685fa, (v) => $ed889f8f1f091fc8$export$14a30de2866685fa = v);
-$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-itemIcon", () => $ed889f8f1f091fc8$export$8c615c557fdf3d9c, (v) => $ed889f8f1f091fc8$export$8c615c557fdf3d9c = v);
-$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-itemLabel", () => $ed889f8f1f091fc8$export$23caf26adee41b84, (v) => $ed889f8f1f091fc8$export$23caf26adee41b84 = v);
-$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-itemClearButton", () => $ed889f8f1f091fc8$export$90881dd581d6be55, (v) => $ed889f8f1f091fc8$export$90881dd581d6be55 = v);
-$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Avatar", () => $ed889f8f1f091fc8$export$2e049b8d031600fb, (v) => $ed889f8f1f091fc8$export$2e049b8d031600fb = v);
-$parcel$export($ed889f8f1f091fc8$exports, "spectrum-Tags-item--removable", () => $ed889f8f1f091fc8$export$c1666977f4e14f87, (v) => $ed889f8f1f091fc8$export$c1666977f4e14f87 = v);
 $parcel$export($ed889f8f1f091fc8$exports, "is-focused", () => $ed889f8f1f091fc8$export$e7dc768d35940237, (v) => $ed889f8f1f091fc8$export$e7dc768d35940237 = v);
+var $ed889f8f1f091fc8$export$6174bd1d20b4c022;
+var $ed889f8f1f091fc8$export$f39a09f249340e2a;
 var $ed889f8f1f091fc8$export$eb7e80013a1212da;
-var $ed889f8f1f091fc8$export$950d8dc0a3751654;
+var $ed889f8f1f091fc8$export$3300169c5d27fe96;
+var $ed889f8f1f091fc8$export$a5e59d283417e02b;
 var $ed889f8f1f091fc8$export$d35bc1e505d1ebbf;
+var $ed889f8f1f091fc8$export$23a76b996f0a6c1;
+var $ed889f8f1f091fc8$export$9c4fd4d7faada408;
 var $ed889f8f1f091fc8$export$21f5254139e14871;
+var $ed889f8f1f091fc8$export$7b57f5221a1b5306;
 var $ed889f8f1f091fc8$export$d281c967f4ee071e;
-var $ed889f8f1f091fc8$export$7427262f66a3b803;
-var $ed889f8f1f091fc8$export$7ea9e20fd4ac0076;
-var $ed889f8f1f091fc8$export$c5a1243e33faa2d4;
+var $ed889f8f1f091fc8$export$87165794583be111;
+var $ed889f8f1f091fc8$export$8afaa02110915bbb;
+var $ed889f8f1f091fc8$export$e6882f8db018e3bd;
+var $ed889f8f1f091fc8$export$c9b7ca327d69b2b5;
+var $ed889f8f1f091fc8$export$a7c11d4acc244e09;
+var $ed889f8f1f091fc8$export$cd48f925394bb16;
 var $ed889f8f1f091fc8$export$b8813cd5d7824ce7;
-var $ed889f8f1f091fc8$export$f39a09f249340e2a;
-var $ed889f8f1f091fc8$export$1e0fb04f31d3c22a;
-var $ed889f8f1f091fc8$export$14a30de2866685fa;
-var $ed889f8f1f091fc8$export$8c615c557fdf3d9c;
-var $ed889f8f1f091fc8$export$23caf26adee41b84;
-var $ed889f8f1f091fc8$export$90881dd581d6be55;
-var $ed889f8f1f091fc8$export$2e049b8d031600fb;
-var $ed889f8f1f091fc8$export$c1666977f4e14f87;
 var $ed889f8f1f091fc8$export$e7dc768d35940237;
+$ed889f8f1f091fc8$export$6174bd1d20b4c022 = "spectrum-Tag_8407eb";
+$ed889f8f1f091fc8$export$f39a09f249340e2a = "focus-ring_8407eb";
 $ed889f8f1f091fc8$export$eb7e80013a1212da = "spectrum-Tags_8407eb";
-$ed889f8f1f091fc8$export$950d8dc0a3751654 = "spectrum-Tags-item_8407eb";
+$ed889f8f1f091fc8$export$3300169c5d27fe96 = "spectrum-Tags-container_8407eb";
+$ed889f8f1f091fc8$export$a5e59d283417e02b = "spectrum-Tags-container--empty_8407eb";
 $ed889f8f1f091fc8$export$d35bc1e505d1ebbf = "is-disabled_8407eb";
+$ed889f8f1f091fc8$export$23a76b996f0a6c1 = "spectrum-Tag-removeButton_8407eb";
+$ed889f8f1f091fc8$export$9c4fd4d7faada408 = "spectrum-Tag-cell_8407eb";
 $ed889f8f1f091fc8$export$21f5254139e14871 = "spectrum-Tag-icon_8407eb";
+$ed889f8f1f091fc8$export$7b57f5221a1b5306 = "spectrum-Tag-avatar_8407eb";
 $ed889f8f1f091fc8$export$d281c967f4ee071e = "spectrum-Tag-content_8407eb";
-$ed889f8f1f091fc8$export$7427262f66a3b803 = "tags-removable_8407eb";
-$ed889f8f1f091fc8$export$7ea9e20fd4ac0076 = "spectrum-Tag-label_8407eb";
-$ed889f8f1f091fc8$export$c5a1243e33faa2d4 = "spectrum-Tag-action_8407eb";
+$ed889f8f1f091fc8$export$87165794583be111 = "spectrum-Tag--removable_8407eb";
+$ed889f8f1f091fc8$export$8afaa02110915bbb = "spectrum-Tags-actions_8407eb";
+$ed889f8f1f091fc8$export$e6882f8db018e3bd = "spectrum-Tags-actionButton_8407eb";
+$ed889f8f1f091fc8$export$c9b7ca327d69b2b5 = "spectrum-Tags-fieldWrapper_8407eb";
+$ed889f8f1f091fc8$export$a7c11d4acc244e09 = "spectrum-Tags-fieldWrapper--positionSide_8407eb";
+$ed889f8f1f091fc8$export$cd48f925394bb16 = "spectrum-Tags-empty-state_8407eb";
 $ed889f8f1f091fc8$export$b8813cd5d7824ce7 = "is-hovered_8407eb";
-$ed889f8f1f091fc8$export$f39a09f249340e2a = "focus-ring_8407eb";
-$ed889f8f1f091fc8$export$1e0fb04f31d3c22a = "is-selected_8407eb";
-$ed889f8f1f091fc8$export$14a30de2866685fa = "is-invalid_8407eb";
-$ed889f8f1f091fc8$export$8c615c557fdf3d9c = "spectrum-Tags-itemIcon_8407eb";
-$ed889f8f1f091fc8$export$23caf26adee41b84 = "spectrum-Tags-itemLabel_8407eb";
-$ed889f8f1f091fc8$export$90881dd581d6be55 = "spectrum-Tags-itemClearButton_8407eb";
-$ed889f8f1f091fc8$export$2e049b8d031600fb = "spectrum-Avatar_8407eb";
-$ed889f8f1f091fc8$export$c1666977f4e14f87 = "spectrum-Tags-item--removable_8407eb";
 $ed889f8f1f091fc8$export$e7dc768d35940237 = "is-focused_8407eb";
 
 
-
+/*
+ * Copyright 2020 Adobe. All rights reserved.
+ * This file is licensed to you under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License. You may obtain a copy
+ * of the License at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software distributed under
+ * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+ * OF ANY KIND, either express or implied. See the License for the specific language
+ * governing permissions and limitations under the License.
+ */ 
 
 
 
@@ -110,167 +479,279 @@ $ed889f8f1f091fc8$export$e7dc768d35940237 = "is-focused_8407eb";
 
 
 function $dd2c5d00108c1840$export$3288d34c523a1192(props) {
-    const { children: children , isDisabled: isDisabled , isRemovable: isRemovable , item: item , state: state , onRemove: onRemove , ...otherProps } = props;
+    const { item: item , state: state , ...otherProps } = props;
     // @ts-ignore
-    let { styleProps: styleProps  } = $dTV3V$reactspectrumutils.useStyleProps(otherProps);
-    let { hoverProps: hoverProps , isHovered: isHovered  } = $dTV3V$reactariainteractions.useHover({
-        isDisabled: isDisabled
-    });
-    let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = $dTV3V$reactariafocus.useFocusRing({
+    let { styleProps: styleProps  } = (0, $dTV3V$reactspectrumutils.useStyleProps)(otherProps);
+    let { hoverProps: hoverProps , isHovered: isHovered  } = (0, $dTV3V$reactariainteractions.useHover)({});
+    let { isFocused: isFocused , isFocusVisible: isFocusVisible , focusProps: focusProps  } = (0, $dTV3V$reactariafocus.useFocusRing)({
         within: true
     });
-    let labelRef = $dTV3V$react.useRef();
-    let tagRef = $dTV3V$react.useRef();
-    let tagRowRef = $dTV3V$react.useRef();
-    let { clearButtonProps: clearButtonProps , labelProps: labelProps , tagProps: tagProps , tagRowProps: tagRowProps  } = $dTV3V$reactariatag.useTag({
+    let ref = (0, $dTV3V$react.useRef)();
+    let { removeButtonProps: removeButtonProps , gridCellProps: gridCellProps , rowProps: rowProps , allowsRemoving: allowsRemoving  } = (0, $dTV3V$reactariatag.useTag)({
         ...props,
-        isDisabled: isDisabled,
-        isFocused: isFocused,
-        isRemovable: isRemovable,
-        item: item,
-        onRemove: onRemove,
-        tagRef: tagRef,
-        tagRowRef: tagRowRef
-    }, state);
-    return(/*#__PURE__*/ ($parcel$interopDefault($dTV3V$react)).createElement("div", tagRowProps, /*#__PURE__*/ ($parcel$interopDefault($dTV3V$react)).createElement("div", {
-        ...$dTV3V$reactariautils.mergeProps(tagProps, hoverProps, focusProps),
-        role: "gridcell",
-        className: $dTV3V$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports)), 'spectrum-Tags-item', {
-            'is-disabled': isDisabled,
-            'focus-ring': isFocusVisible,
-            'is-focused': isFocused,
-            'not-removable': !isRemovable,
-            'is-hovered': isHovered
-        }, styleProps.className)
-    }, /*#__PURE__*/ ($parcel$interopDefault($dTV3V$react)).createElement($dTV3V$reactspectrumutils.SlotProvider, {
+        item: item
+    }, state, ref);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement("div", {
+        ...(0, $dTV3V$reactariautils.mergeProps)(rowProps, hoverProps, focusProps),
+        className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tag", {
+            "focus-ring": isFocusVisible,
+            "is-focused": isFocused,
+            "is-hovered": isHovered,
+            "spectrum-Tag--removable": allowsRemoving
+        }, styleProps.className),
+        ref: ref
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement("div", {
+        className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tag-cell"),
+        ...gridCellProps
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactspectrumutils.SlotProvider), {
         slots: {
-            tagLabel: {
-                UNSAFE_className: $dTV3V$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports)), 'spectrum-Tag-label')
-            },
             icon: {
-                UNSAFE_className: $dTV3V$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports)), 'spectrum-Tag-icon'),
-                size: 'XS'
+                UNSAFE_className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tag-icon"),
+                size: "XS"
             },
             text: {
-                UNSAFE_className: $dTV3V$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports)), 'spectrum-Tag-content', {
-                    'tags-removable': isRemovable
-                })
+                UNSAFE_className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tag-content")
+            },
+            avatar: {
+                UNSAFE_className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tag-avatar"),
+                size: "avatar-size-50"
             }
         }
-    }, typeof children === 'string' ? /*#__PURE__*/ ($parcel$interopDefault($dTV3V$react)).createElement("div", {
-        ref: labelRef,
-        ...labelProps
-    }, /*#__PURE__*/ ($parcel$interopDefault($dTV3V$react)).createElement($dTV3V$reactspectrumtext.Text, null, children)) : children, isRemovable && /*#__PURE__*/ ($parcel$interopDefault($dTV3V$react)).createElement($dd2c5d00108c1840$var$TagRemoveButton, {
+    }, typeof item.rendered === "string" ? /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactspectrumtext.Text), null, item.rendered) : item.rendered, /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactspectrumutils.ClearSlots), null, allowsRemoving && /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement($dd2c5d00108c1840$var$TagRemoveButton, {
         item: item,
-        ...clearButtonProps,
-        UNSAFE_className: $dTV3V$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports)), 'spectrum-Tag-action')
+        ...removeButtonProps,
+        UNSAFE_className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tag-removeButton")
     })))));
 }
 function $dd2c5d00108c1840$var$TagRemoveButton(props) {
-    props = $dTV3V$reactspectrumutils.useSlotProps(props, 'tagRemoveButton');
-    let { styleProps: styleProps  } = $dTV3V$reactspectrumutils.useStyleProps(props);
-    let clearBtnRef = $dTV3V$react.useRef();
-    return(/*#__PURE__*/ ($parcel$interopDefault($dTV3V$react)).createElement("span", {
-        ...styleProps,
-        ref: clearBtnRef
-    }, /*#__PURE__*/ ($parcel$interopDefault($dTV3V$react)).createElement($dTV3V$reactspectrumbutton.ClearButton, {
-        preventFocus: true,
-        ...props
-    })));
+    let { styleProps: styleProps  } = (0, $dTV3V$reactspectrumutils.useStyleProps)(props);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement("span", styleProps, /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactspectrumbutton.ClearButton), props));
 }
 
 
 
 
 
-
-
-function $e7b72d8874e98cd4$var$TagGroup(props, ref1) {
-    props = $dTV3V$reactspectrumprovider.useProviderProps(props);
-    let { isDisabled: isDisabled , isRemovable: isRemovable , onRemove: onRemove , ...otherProps } = props;
-    let domRef = $dTV3V$reactspectrumutils.useDOMRef(ref1);
-    let { styleProps: styleProps  } = $dTV3V$reactspectrumutils.useStyleProps(otherProps);
-    let { direction: direction  } = $dTV3V$reactariai18n.useLocale();
-    let listState = $dTV3V$reactstatelylist.useListState(props);
-    let gridCollection = $dTV3V$react.useMemo(()=>new $dTV3V$reactstatelygrid.GridCollection({
-            columnCount: isRemovable ? 2 : 1,
-            items: [
-                ...listState.collection
-            ].map((item)=>{
-                let childNodes = [
-                    {
-                        ...item,
-                        index: 0,
-                        type: 'cell'
+const $e7b72d8874e98cd4$var$TAG_STYLES = {
+    medium: {
+        height: 24,
+        margin: 4
+    },
+    large: {
+        height: 30,
+        margin: 5
+    }
+};
+function $e7b72d8874e98cd4$var$TagGroup(props, ref) {
+    props = (0, $dTV3V$reactspectrumprovider.useProviderProps)(props);
+    props = (0, $dTV3V$reactspectrumform.useFormProps)(props);
+    let { maxRows: maxRows , children: children , actionLabel: actionLabel , onAction: onAction , labelPosition: labelPosition , renderEmptyState: renderEmptyState = ()=>stringFormatter.format("noTags")  } = props;
+    let domRef = (0, $dTV3V$reactspectrumutils.useDOMRef)(ref);
+    let containerRef = (0, $dTV3V$react.useRef)(null);
+    let tagsRef = (0, $dTV3V$react.useRef)(null);
+    let { direction: direction  } = (0, $dTV3V$reactariai18n.useLocale)();
+    let { scale: scale  } = (0, $dTV3V$reactspectrumprovider.useProvider)();
+    let stringFormatter = (0, $dTV3V$reactariai18n.useLocalizedStringFormatter)((0, (/*@__PURE__*/$parcel$interopDefault($d97f7dfcca827852$exports))));
+    let [isCollapsed, setIsCollapsed] = (0, $dTV3V$react.useState)(maxRows != null);
+    let state = (0, $dTV3V$reactstatelylist.useListState)(props);
+    let [tagState, setTagState] = (0, $dTV3V$reactariautils.useValueEffect)({
+        visibleTagCount: state.collection.size,
+        showCollapseButton: false
+    });
+    let keyboardDelegate = (0, $dTV3V$react.useMemo)(()=>{
+        let collection = isCollapsed ? new (0, $dTV3V$reactstatelylist.ListCollection)([
+            ...state.collection
+        ].slice(0, tagState.visibleTagCount)) : new (0, $dTV3V$reactstatelylist.ListCollection)([
+            ...state.collection
+        ]);
+        return new (0, $dTV3V$reactariaselection.ListKeyboardDelegate)({
+            collection: collection,
+            ref: domRef,
+            direction: direction,
+            orientation: "horizontal"
+        });
+    }, [
+        direction,
+        isCollapsed,
+        state.collection,
+        tagState.visibleTagCount,
+        domRef
+    ]);
+    // Remove onAction from props so it doesn't make it into useGridList.
+    delete props.onAction;
+    let { gridProps: gridProps , labelProps: labelProps , descriptionProps: descriptionProps , errorMessageProps: errorMessageProps  } = (0, $dTV3V$reactariatag.useTagGroup)({
+        ...props,
+        keyboardDelegate: keyboardDelegate
+    }, state, tagsRef);
+    let actionsId = (0, $dTV3V$reactariautils.useId)();
+    let actionsRef = (0, $dTV3V$react.useRef)(null);
+    let updateVisibleTagCount = (0, $dTV3V$react.useCallback)(()=>{
+        if (maxRows > 0) {
+            let computeVisibleTagCount = ()=>{
+                // Refs can be null at runtime.
+                let currContainerRef = containerRef.current;
+                let currTagsRef = tagsRef.current;
+                let currActionsRef = actionsRef.current;
+                if (!currContainerRef || !currTagsRef || state.collection.size === 0) return {
+                    visibleTagCount: 0,
+                    showCollapseButton: false
+                };
+                // Count rows and show tags until we hit the maxRows.
+                let tags = [
+                    ...currTagsRef.children
+                ];
+                let currY = -Infinity;
+                let rowCount = 0;
+                let index = 0;
+                let tagWidths = [];
+                for (let tag of tags){
+                    let { width: width , y: y  } = tag.getBoundingClientRect();
+                    if (y !== currY) {
+                        currY = y;
+                        rowCount++;
                     }
+                    if (rowCount > maxRows) break;
+                    tagWidths.push(width);
+                    index++;
+                }
+                // Remove tags until there is space for the collapse button and action button (if present) on the last row.
+                let buttons = [
+                    ...currActionsRef.children
                 ];
-                // add column of clear buttons if removable
-                if (isRemovable) childNodes.push({
-                    key: `remove-${item.key}`,
-                    type: 'cell',
-                    index: 1,
-                    value: null,
-                    level: 0,
-                    rendered: null,
-                    textValue: item.textValue,
-                    hasChildNodes: false,
-                    childNodes: []
-                });
+                if (buttons.length > 0 && rowCount >= maxRows) {
+                    var _tags_;
+                    let buttonsWidth = buttons.reduce((acc, curr)=>acc += curr.getBoundingClientRect().width, 0);
+                    buttonsWidth += $e7b72d8874e98cd4$var$TAG_STYLES[scale].margin * 2 * buttons.length;
+                    let end = direction === "ltr" ? "right" : "left";
+                    let containerEnd = currContainerRef.parentElement.getBoundingClientRect()[end];
+                    let lastTagEnd = (_tags_ = tags[index - 1]) === null || _tags_ === void 0 ? void 0 : _tags_.getBoundingClientRect()[end];
+                    lastTagEnd += $e7b72d8874e98cd4$var$TAG_STYLES[scale].margin;
+                    let availableWidth = containerEnd - lastTagEnd;
+                    while(availableWidth < buttonsWidth && index > 0){
+                        availableWidth += tagWidths.pop();
+                        index--;
+                    }
+                }
                 return {
-                    type: 'item',
-                    childNodes: childNodes
+                    visibleTagCount: Math.max(index, 1),
+                    showCollapseButton: index < state.collection.size
                 };
-            })
-        })
-    , [
-        listState.collection,
-        isRemovable
+            };
+            setTagState(function*() {
+                // Update to show all items.
+                yield {
+                    visibleTagCount: state.collection.size,
+                    showCollapseButton: true
+                };
+                // Measure, and update to show the items until maxRows is reached.
+                yield computeVisibleTagCount();
+            });
+        }
+    }, [
+        maxRows,
+        setTagState,
+        direction,
+        scale,
+        state.collection.size
     ]);
-    let state = $dTV3V$reactstatelygrid.useGridState({
-        ...props,
-        collection: gridCollection,
-        focusMode: 'cell'
+    (0, $dTV3V$reactariautils.useResizeObserver)({
+        ref: containerRef,
+        onResize: updateVisibleTagCount
     });
-    let keyboardDelegate = new $dTV3V$reactariatag.TagKeyboardDelegate({
-        collection: state.collection,
-        disabledKeys: state.disabledKeys,
-        ref: domRef,
-        direction: direction,
-        focusMode: 'cell'
-    });
-    let { gridProps: gridProps  } = $dTV3V$reactariagrid.useGrid({
-        ...props,
-        keyboardDelegate: keyboardDelegate
-    }, state, domRef);
-    const { tagGroupProps: tagGroupProps  } = $dTV3V$reactariatag.useTagGroup(props, listState);
-    // Don't want the grid to be focusable or accessible via keyboard
-    // eslint-disable-next-line @typescript-eslint/no-unused-vars
-    let { tabIndex: tabIndex , ...otherGridProps } = gridProps;
-    return(/*#__PURE__*/ ($parcel$interopDefault($dTV3V$react)).createElement("div", {
-        ...$dTV3V$reactariautils.mergeProps(styleProps, tagGroupProps, otherGridProps),
-        className: $dTV3V$reactspectrumutils.classNames((/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports)), 'spectrum-Tags', {
-            'is-disabled': isDisabled
-        }, styleProps.className),
-        ref: domRef
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    (0, $dTV3V$reactariautils.useLayoutEffect)(updateVisibleTagCount, [
+        children
+    ]);
+    (0, $dTV3V$react.useEffect)(()=>{
+        var // Recalculate visible tags when fonts are loaded.
+        _document_fonts;
+        (_document_fonts = document.fonts) === null || _document_fonts === void 0 ? void 0 : _document_fonts.ready.then(()=>updateVisibleTagCount());
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    let visibleTags = (0, $dTV3V$react.useMemo)(()=>[
+            ...state.collection
+        ].slice(0, isCollapsed ? tagState.visibleTagCount : state.collection.size), [
+        isCollapsed,
+        state.collection,
+        tagState.visibleTagCount
+    ]);
+    let handlePressCollapse = ()=>{
+        // Prevents button from losing focus if focusedKey got collapsed.
+        state.selectionManager.setFocusedKey(null);
+        setIsCollapsed((prevCollapsed)=>!prevCollapsed);
+    };
+    let showActions = tagState.showCollapseButton || actionLabel && onAction;
+    let isEmpty = state.collection.size === 0;
+    let containerStyle = (0, $dTV3V$react.useMemo)(()=>{
+        if (maxRows == null || !isCollapsed || isEmpty) return undefined;
+        let maxHeight = ($e7b72d8874e98cd4$var$TAG_STYLES[scale].height + $e7b72d8874e98cd4$var$TAG_STYLES[scale].margin * 2) * maxRows;
+        return {
+            maxHeight: maxHeight,
+            overflow: "hidden"
+        };
     }, [
-        ...gridCollection
-    ].map((item)=>{
-        var ref;
-        return(/*#__PURE__*/ ($parcel$interopDefault($dTV3V$react)).createElement($dd2c5d00108c1840$export$3288d34c523a1192, {
-            ...item.childNodes[0].props,
+        isCollapsed,
+        maxRows,
+        isEmpty,
+        scale
+    ]);
+    return /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactariafocus.FocusScope), null, /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactspectrumlabel.Field), {
+        ...props,
+        labelProps: labelProps,
+        descriptionProps: descriptionProps,
+        errorMessageProps: errorMessageProps,
+        showErrorIcon: true,
+        ref: domRef,
+        elementType: "span",
+        wrapperClassName: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tags-fieldWrapper", {
+            "spectrum-Tags-fieldWrapper--positionSide": labelPosition === "side"
+        })
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement("div", {
+        ref: containerRef,
+        style: containerStyle,
+        className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tags-container", {
+            "spectrum-Tags-container--empty": isEmpty
+        })
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactariafocus.FocusRing), {
+        focusRingClass: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "focus-ring")
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement("div", {
+        ref: tagsRef,
+        ...gridProps,
+        className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tags")
+    }, visibleTags.map((item)=>/*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dd2c5d00108c1840$export$3288d34c523a1192), {
+            ...item.props,
             key: item.key,
             item: item,
-            state: state,
-            isDisabled: isDisabled || state.disabledKeys.has((ref = item === null || item === void 0 ? void 0 : item.childNodes[0]) === null || ref === void 0 ? void 0 : ref.key),
-            isRemovable: isRemovable,
-            onRemove: onRemove
-        }, item.childNodes[0].rendered));
-    })));
+            state: state
+        }, item.rendered)), isEmpty && /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement("div", {
+        className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tags-empty-state")
+    }, renderEmptyState()))), showActions && !isEmpty && /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactspectrumprovider.Provider), {
+        isDisabled: false
+    }, /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement("div", {
+        role: "group",
+        ref: actionsRef,
+        id: actionsId,
+        "aria-label": stringFormatter.format("actions"),
+        "aria-labelledby": `${gridProps.id} ${actionsId}`,
+        className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tags-actions")
+    }, tagState.showCollapseButton && /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactspectrumbutton.ActionButton), {
+        isQuiet: true,
+        onPress: handlePressCollapse,
+        UNSAFE_className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tags-actionButton")
+    }, isCollapsed ? stringFormatter.format("showAllButtonLabel", {
+        tagCount: state.collection.size
+    }) : stringFormatter.format("hideButtonLabel")), actionLabel && onAction && /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).createElement((0, $dTV3V$reactspectrumbutton.ActionButton), {
+        isQuiet: true,
+        onPress: ()=>{
+            return onAction === null || onAction === void 0 ? void 0 : onAction();
+        },
+        UNSAFE_className: (0, $dTV3V$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($ed889f8f1f091fc8$exports))), "spectrum-Tags-actionButton")
+    }, actionLabel))))));
 }
-const $e7b72d8874e98cd4$export$67ea30858aaf75e3 = /*#__PURE__*/ ($parcel$interopDefault($dTV3V$react)).forwardRef($e7b72d8874e98cd4$var$TagGroup);
+/** Tags allow users to categorize content. They can represent keywords or people, and are grouped to describe an item or a search request. */ const $e7b72d8874e98cd4$export$67ea30858aaf75e3 = /*#__PURE__*/ (0, ($parcel$interopDefault($dTV3V$react))).forwardRef($e7b72d8874e98cd4$var$TagGroup);
+
 
 
-$parcel$exportWildcard(module.exports, $e7b72d8874e98cd4$exports);
 
 
 //# sourceMappingURL=main.js.map