@hortiview/shared-components 2.11.0 → 2.11.1

package/dist/components/ChipCard/ChipCard.js

@@ -1,49 +1,49 @@
-import { jsx as jt } from "react/jsx-runtime";
-import { o as ze, e as Je, i as Qe, C as Ze } from "../../index.es-P5F6NJPB.js";
-import { _ as te, a as Fe, c as Jt, b as Kt, d as De, P as l } from "../../index-Cpb-8cAN.js";
-import { f as Mt, _ as Le, a as kt, b as Pe, c as Ke, d as $t, e as Yt, g as Me } from "../../defineProperty-CmuOyxyf.js";
-import { _ as Pt, a as ti, b as ei, c as ii } from "../../map-LUrszKZW.js";
-import { g as ke } from "../../_commonjsHelpers-BkfeUUK-.js";
-import { a as ni } from "../../es.string.iterator-DrqCBub-.js";
-import { j as oi, _ as vt } from "../../slicedToArray-uk6yv91z.js";
-import { k as It, u as ri, l as ai, e as ci, i as si } from "../../index.es-BjvSa9Z-.js";
-import { n as li, i as di, K as M, _ as ui } from "../../keyboard-BfmK7HK_.js";
-import { _ as _e } from "../../find-Dpy_M6vm.js";
-import E, { useEffect as ee, useState as gt, useMemo as Qt, useCallback as g, useRef as Ye, forwardRef as pi, useImperativeHandle as hi } from "react";
-import { e as fi, c as R, b as tt } from "../../tslib.es6-BDCynO9F.js";
-import { M as ie, a as ne } from "../../component-neHBNHRu.js";
-import { M as wt, b as we } from "../../component-DsB0poTj.js";
-import { I as Ce } from "../../index.es-DYs8W4jv.js";
-import { OverflowTooltip as _i } from "../OverflowTooltip/OverflowTooltip.js";
-import '../../assets/ChipCard.css';var Ci = Qe ? window : null, Ie = function(o) {
+import { jsx as Xt } from "react/jsx-runtime";
+import { o as Qe, e as Ze, i as ti, C as ei } from "../../index.es-DnEIFMjv.js";
+import { _ as ie, a as Le, c as Zt, b as kt, d as Pe, P as c } from "../../index-_ck2BRrZ.js";
+import { f as Yt, _ as Ke, a as wt, b as Me, c as ke, d as Ut, e as xt, g as Ye } from "../../defineProperty-K2c2Cqi7.js";
+import { _ as Ie, a as ii } from "../../find-nTYsLuUo.js";
+import { _ as Mt, a as ni, b as oi } from "../../map-Bx7eZRyR.js";
+import { g as we } from "../../_commonjsHelpers-BkfeUUK-.js";
+import { a as ri } from "../../es.string.iterator-5IsLbO9h.js";
+import { k as ai, _ as Et } from "../../slicedToArray-h0Nnkd_P.js";
+import { k as vt, u as ci, l as si, e as li, i as di } from "../../index.es-C_feFtLb.js";
+import { n as ui, i as pi, K as P, _ as hi } from "../../keyboard-20bkocNM.js";
+import E, { useEffect as ne, useState as yt, useMemo as te, useCallback as g, useRef as xe, forwardRef as fi, useImperativeHandle as _i } from "react";
+import { e as Ci, c as N, b as et } from "../../tslib.es6-BDCynO9F.js";
+import { M as oe, a as re } from "../../component-neHBNHRu.js";
+import { M as $t, b as $e } from "../../component-DsB0poTj.js";
+import { I as ve } from "../../index.es-DCYlADaN.js";
+import { OverflowTooltip as Ii } from "../OverflowTooltip/OverflowTooltip.js";
+import '../../assets/ChipCard.css';var vi = ti ? window : null, Ee = function(o) {
   return !!o.addEventListener;
-}, ve = function(o) {
+}, ge = function(o) {
   return !!o.on;
-}, qt = function(o, e, t, i) {
-  t === void 0 && (t = Ci), ee(function() {
+}, zt = function(o, e, t, i) {
+  t === void 0 && (t = vi), ne(function() {
     if (e && t)
-      return Ie(t) ? ze(t, o, e, i) : ve(t) && t.on(o, e, i), function() {
-        Ie(t) ? Je(t, o, e, i) : ve(t) && t.off(o, e, i);
+      return Ee(t) ? Qe(t, o, e, i) : ge(t) && t.on(o, e, i), function() {
+        Ee(t) ? Ze(t, o, e, i) : ge(t) && t.off(o, e, i);
       };
   }, [o, e, t, JSON.stringify(i)]);
-}, Ii = function(o) {
+}, Ei = function(o) {
   o === void 0 && (o = {});
-  var e = gt(o), t = e[0], i = e[1], n = Qt(function() {
+  var e = yt(o), t = e[0], i = e[1], n = te(function() {
     return {
-      set: function(c, u) {
+      set: function(s, u) {
         i(function(p) {
           var d;
-          return R(R({}, p), (d = {}, d[c] = u, d));
+          return N(N({}, p), (d = {}, d[s] = u, d));
         });
       },
-      setAll: function(c) {
-        i(c);
+      setAll: function(s) {
+        i(s);
       },
-      remove: function(c) {
+      remove: function(s) {
         i(function(u) {
-          var p = u, d = c;
+          var p = u, d = s;
           p[d];
-          var A = fi(p, [typeof d == "symbol" ? d : d + ""]);
+          var A = Ci(p, [typeof d == "symbol" ? d : d + ""]);
           return A;
         });
       },
@@ -51,22 +51,22 @@ import '../../assets/ChipCard.css';var Ci = Qe ? window : null, Ie = function(o)
         return i(o);
       }
     };
-  }, [i]), r = R({ get: g(function(c) {
-    return t[c];
+  }, [i]), r = N({ get: g(function(s) {
+    return t[s];
   }, [t]) }, n);
   return [t, r];
-}, Xt, Ee;
-function vi() {
-  return Ee || (Ee = 1, Xt = /* @__PURE__ */ ni()), Xt;
+}, Jt, ye;
+function gi() {
+  return ye || (ye = 1, Jt = /* @__PURE__ */ ri()), Jt;
 }
-var Ei = vi();
-const gi = /* @__PURE__ */ ke(Ei);
-var zt, ge;
-function yi() {
-  return ge || (ge = 1, zt = /* @__PURE__ */ oi()), zt;
+var yi = gi();
+const mi = /* @__PURE__ */ we(yi);
+var Qt, me;
+function Ai() {
+  return me || (me = 1, Qt = /* @__PURE__ */ ai()), Qt;
 }
-var mi = yi();
-const Ai = /* @__PURE__ */ ke(mi);
+var Ti = Ai();
+const Ri = /* @__PURE__ */ we(Ti);
 /**
  * @license
  * Copyright 2020 Google Inc.
@@ -89,11 +89,11 @@ const Ai = /* @__PURE__ */ ke(mi);
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var k;
+var K;
 (function(o) {
   o[o.UNSPECIFIED = 0] = "UNSPECIFIED", o[o.CLICK = 1] = "CLICK", o[o.BACKSPACE_KEY = 2] = "BACKSPACE_KEY", o[o.DELETE_KEY = 3] = "DELETE_KEY", o[o.SPACEBAR_KEY = 4] = "SPACEBAR_KEY", o[o.ENTER_KEY = 5] = "ENTER_KEY";
-})(k || (k = {}));
-var T = {
+})(K || (K = {}));
+var R = {
   ARIA_HIDDEN: "aria-hidden",
   INTERACTION_EVENT: "MDCChipTrailingAction:interaction",
   NAVIGATION_EVENT: "MDCChipTrailingAction:navigation",
@@ -121,16 +121,16 @@ var T = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var xe = (
+var He = (
   /** @class */
   function(o) {
-    tt(e, o);
+    et(e, o);
     function e(t) {
-      return o.call(this, R(R({}, e.defaultAdapter), t)) || this;
+      return o.call(this, N(N({}, e.defaultAdapter), t)) || this;
     }
     return Object.defineProperty(e, "strings", {
       get: function() {
-        return T;
+        return R;
       },
       enumerable: !1,
       configurable: !0
@@ -153,32 +153,32 @@ var xe = (
       enumerable: !1,
       configurable: !0
     }), e.prototype.handleClick = function(t) {
-      t.stopPropagation(), this.adapter.notifyInteraction(k.CLICK);
+      t.stopPropagation(), this.adapter.notifyInteraction(K.CLICK);
     }, e.prototype.handleKeydown = function(t) {
       t.stopPropagation();
-      var i = li(t);
+      var i = ui(t);
       if (this.shouldNotifyInteractionFromKey_(i)) {
         var n = this.getTriggerFromKey_(i);
         this.adapter.notifyInteraction(n);
         return;
       }
-      if (di(t)) {
+      if (pi(t)) {
         this.adapter.notifyNavigation(i);
         return;
       }
     }, e.prototype.removeFocus = function() {
-      this.adapter.setAttribute(T.TAB_INDEX, "-1");
+      this.adapter.setAttribute(R.TAB_INDEX, "-1");
     }, e.prototype.focus = function() {
-      this.adapter.setAttribute(T.TAB_INDEX, "0"), this.adapter.focus();
+      this.adapter.setAttribute(R.TAB_INDEX, "0"), this.adapter.focus();
     }, e.prototype.isNavigable = function() {
-      return this.adapter.getAttribute(T.ARIA_HIDDEN) !== "true";
+      return this.adapter.getAttribute(R.ARIA_HIDDEN) !== "true";
     }, e.prototype.shouldNotifyInteractionFromKey_ = function(t) {
-      var i = t === M.ENTER || t === M.SPACEBAR, n = t === M.BACKSPACE || t === M.DELETE;
+      var i = t === P.ENTER || t === P.SPACEBAR, n = t === P.BACKSPACE || t === P.DELETE;
       return i || n;
     }, e.prototype.getTriggerFromKey_ = function(t) {
-      return t === M.SPACEBAR ? k.SPACEBAR_KEY : t === M.ENTER ? k.ENTER_KEY : t === M.DELETE ? k.DELETE_KEY : t === M.BACKSPACE ? k.BACKSPACE_KEY : k.UNSPECIFIED;
+      return t === P.SPACEBAR ? K.SPACEBAR_KEY : t === P.ENTER ? K.ENTER_KEY : t === P.DELETE ? K.DELETE_KEY : t === P.BACKSPACE ? K.BACKSPACE_KEY : K.UNSPECIFIED;
     }, e;
-  }(ie)
+  }(oe)
 );
 /**
  * @license
@@ -202,10 +202,10 @@ var xe = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var $e = (
+var Ue = (
   /** @class */
   function(o) {
-    tt(e, o);
+    et(e, o);
     function e() {
       return o !== null && o.apply(this, arguments) || this;
     }
@@ -219,10 +219,10 @@ var $e = (
       return new e(t);
     }, e.prototype.initialize = function(t) {
       t === void 0 && (t = function(n, r) {
-        return new wt(n, r);
+        return new $t(n, r);
       });
-      var i = wt.createAdapter(this);
-      this.ripple_ = t(this.root, new we(i));
+      var i = $t.createAdapter(this);
+      this.ripple_ = t(this.root, new $e(i));
     }, e.prototype.initialSyncWithDOM = function() {
       var t = this;
       this.handleClick_ = function(i) {
@@ -242,7 +242,7 @@ var $e = (
         },
         notifyInteraction: function(n) {
           return t.emit(
-            T.INTERACTION_EVENT,
+            R.INTERACTION_EVENT,
             { trigger: n },
             !0
             /* shouldBubble */
@@ -250,7 +250,7 @@ var $e = (
         },
         notifyNavigation: function(n) {
           t.emit(
-            T.NAVIGATION_EVENT,
+            R.NAVIGATION_EVENT,
             { key: n },
             !0
             /* shouldBubble */
@@ -260,7 +260,7 @@ var $e = (
           t.root.setAttribute(n, r);
         }
       };
-      return new xe(i);
+      return new He(i);
     }, e.prototype.isNavigable = function() {
       return this.foundation.isNavigable();
     }, e.prototype.focus = function() {
@@ -268,7 +268,7 @@ var $e = (
     }, e.prototype.removeFocus = function() {
       this.foundation.removeFocus();
     }, e;
-  }(ne)
+  }(re)
 );
 /**
  * @license
@@ -292,10 +292,10 @@ var $e = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var O;
+var S;
 (function(o) {
   o.LEFT = "left", o.RIGHT = "right";
-})(O || (O = {}));
+})(S || (S = {}));
 var F;
 (function(o) {
   o.PRIMARY = "primary", o.TRAILING = "trailing", o.NONE = "none";
@@ -331,7 +331,7 @@ var a = {
   TRAILING_ACTION_SELECTOR: ".mdc-chip-trailing-action",
   TRAILING_ICON_INTERACTION_EVENT: "MDCChip:trailingIconInteraction",
   TRAILING_ICON_SELECTOR: ".mdc-chip__icon--trailing"
-}, f = {
+}, _ = {
   CHECKMARK: "mdc-chip__checkmark",
   CHIP_EXIT: "mdc-chip--exit",
   DELETABLE: "mdc-chip--deletable",
@@ -356,13 +356,13 @@ m.add(a.IE_ARROW_LEFT_KEY);
 m.add(a.IE_ARROW_RIGHT_KEY);
 m.add(a.IE_ARROW_DOWN_KEY);
 m.add(a.IE_ARROW_UP_KEY);
-var Y = /* @__PURE__ */ new Set();
-Y.add(a.ARROW_UP_KEY);
-Y.add(a.ARROW_DOWN_KEY);
-Y.add(a.HOME_KEY);
-Y.add(a.END_KEY);
-Y.add(a.IE_ARROW_UP_KEY);
-Y.add(a.IE_ARROW_DOWN_KEY);
+var M = /* @__PURE__ */ new Set();
+M.add(a.ARROW_UP_KEY);
+M.add(a.ARROW_DOWN_KEY);
+M.add(a.HOME_KEY);
+M.add(a.END_KEY);
+M.add(a.IE_ARROW_UP_KEY);
+M.add(a.IE_ARROW_DOWN_KEY);
 /**
  * @license
  * Copyright 2016 Google Inc.
@@ -385,23 +385,23 @@ Y.add(a.IE_ARROW_DOWN_KEY);
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var ye = {
+var Ae = {
   bottom: 0,
   height: 0,
   left: 0,
   right: 0,
   top: 0,
   width: 0
-}, Z;
+}, tt;
 (function(o) {
   o[o.SHOULD_FOCUS = 0] = "SHOULD_FOCUS", o[o.SHOULD_NOT_FOCUS = 1] = "SHOULD_NOT_FOCUS";
-})(Z || (Z = {}));
-var oe = (
+})(tt || (tt = {}));
+var ae = (
   /** @class */
   function(o) {
-    tt(e, o);
+    et(e, o);
     function e(t) {
-      var i = o.call(this, R(R({}, e.defaultAdapter), t)) || this;
+      var i = o.call(this, N(N({}, e.defaultAdapter), t)) || this;
       return i.shouldRemoveOnTrailingIconClick_ = !0, i.shouldFocusPrimaryActionOnClick_ = !0, i;
     }
     return Object.defineProperty(e, "strings", {
@@ -412,7 +412,7 @@ var oe = (
       configurable: !0
     }), Object.defineProperty(e, "cssClasses", {
       get: function() {
-        return f;
+        return _;
       },
       enumerable: !1,
       configurable: !0
@@ -434,13 +434,13 @@ var oe = (
             return null;
           },
           getCheckmarkBoundingClientRect: function() {
-            return ye;
+            return Ae;
           },
           getComputedStyleValue: function() {
             return "";
           },
           getRootBoundingClientRect: function() {
-            return ye;
+            return Ae;
           },
           hasClass: function() {
             return !1;
@@ -483,11 +483,11 @@ var oe = (
       enumerable: !1,
       configurable: !0
     }), e.prototype.isSelected = function() {
-      return this.adapter.hasClass(f.SELECTED);
+      return this.adapter.hasClass(_.SELECTED);
     }, e.prototype.isEditable = function() {
-      return this.adapter.hasClass(f.EDITABLE);
+      return this.adapter.hasClass(_.EDITABLE);
     }, e.prototype.isEditing = function() {
-      return this.adapter.hasClass(f.EDITING);
+      return this.adapter.hasClass(_.EDITING);
     }, e.prototype.setSelected = function(t) {
       this.setSelected_(t), this.notifySelection_(t);
     }, e.prototype.setSelectedFromChipSet = function(t, i) {
@@ -507,27 +507,27 @@ var oe = (
       if (!this.adapter.hasLeadingIcon()) {
         var r = n();
         if (r) {
-          var c = i();
+          var s = i();
           return {
-            bottom: c.bottom,
-            height: c.height,
-            left: c.left,
-            right: c.right,
-            top: c.top,
-            width: c.width + r.height
+            bottom: s.bottom,
+            height: s.height,
+            left: s.left,
+            right: s.right,
+            top: s.top,
+            width: s.width + r.height
           };
         }
       }
       return i();
     }, e.prototype.beginExit = function() {
-      this.adapter.addClass(f.CHIP_EXIT);
+      this.adapter.addClass(_.CHIP_EXIT);
     }, e.prototype.handleClick = function() {
       this.adapter.notifyInteraction(), this.setPrimaryActionFocusable_(this.getFocusBehavior_());
     }, e.prototype.handleDoubleClick = function() {
       this.isEditable() && this.startEditing();
     }, e.prototype.handleTransitionEnd = function(t) {
-      var i = this, n = this.adapter.eventTargetHasClass(t.target, f.CHIP_EXIT), r = t.propertyName === "width", c = t.propertyName === "opacity";
-      if (n && c) {
+      var i = this, n = this.adapter.eventTargetHasClass(t.target, _.CHIP_EXIT), r = t.propertyName === "width", s = t.propertyName === "opacity";
+      if (n && s) {
         var u = this.adapter.getComputedStyleValue("width");
         requestAnimationFrame(function() {
           i.adapter.setStyleProperty("width", u), i.adapter.setStyleProperty("padding", "0"), i.adapter.setStyleProperty("margin", "0"), requestAnimationFrame(function() {
@@ -541,21 +541,21 @@ var oe = (
         var p = this.adapter.getAttribute(a.REMOVED_ANNOUNCEMENT_ATTRIBUTE);
         this.adapter.notifyRemoval(p);
       }
-      if (c) {
-        var d = this.adapter.eventTargetHasClass(t.target, f.LEADING_ICON) && this.adapter.hasClass(f.SELECTED), A = this.adapter.eventTargetHasClass(t.target, f.CHECKMARK) && !this.adapter.hasClass(f.SELECTED);
+      if (s) {
+        var d = this.adapter.eventTargetHasClass(t.target, _.LEADING_ICON) && this.adapter.hasClass(_.SELECTED), A = this.adapter.eventTargetHasClass(t.target, _.CHECKMARK) && !this.adapter.hasClass(_.SELECTED);
         if (d) {
-          this.adapter.addClassToLeadingIcon(f.HIDDEN_LEADING_ICON);
+          this.adapter.addClassToLeadingIcon(_.HIDDEN_LEADING_ICON);
           return;
         }
         if (A) {
-          this.adapter.removeClassFromLeadingIcon(f.HIDDEN_LEADING_ICON);
+          this.adapter.removeClassFromLeadingIcon(_.HIDDEN_LEADING_ICON);
           return;
         }
       }
     }, e.prototype.handleFocusIn = function(t) {
-      this.eventFromPrimaryAction_(t) && this.adapter.addClass(f.PRIMARY_ACTION_FOCUSED);
+      this.eventFromPrimaryAction_(t) && this.adapter.addClass(_.PRIMARY_ACTION_FOCUSED);
     }, e.prototype.handleFocusOut = function(t) {
-      this.eventFromPrimaryAction_(t) && (this.isEditing() && this.finishEditing(), this.adapter.removeClass(f.PRIMARY_ACTION_FOCUSED));
+      this.eventFromPrimaryAction_(t) && (this.isEditing() && this.finishEditing(), this.adapter.removeClass(_.PRIMARY_ACTION_FOCUSED));
     }, e.prototype.handleTrailingActionInteraction = function() {
       this.adapter.notifyTrailingIconInteraction(), this.removeChip_();
     }, e.prototype.handleKeydown = function(t) {
@@ -577,7 +577,7 @@ var oe = (
     }, e.prototype.removeFocus = function() {
       this.adapter.setPrimaryActionAttr(a.TAB_INDEX, "-1"), this.adapter.removeTrailingActionFocus();
     }, e.prototype.focusPrimaryAction = function() {
-      this.setPrimaryActionFocusable_(Z.SHOULD_FOCUS);
+      this.setPrimaryActionFocusable_(tt.SHOULD_FOCUS);
     }, e.prototype.focusTrailingAction = function() {
       var t = this.adapter.isTrailingActionNavigable();
       if (t) {
@@ -586,21 +586,21 @@ var oe = (
       }
       this.focusPrimaryAction();
     }, e.prototype.setPrimaryActionFocusable_ = function(t) {
-      this.adapter.setPrimaryActionAttr(a.TAB_INDEX, "0"), t === Z.SHOULD_FOCUS && this.adapter.focusPrimaryAction(), this.adapter.removeTrailingActionFocus();
+      this.adapter.setPrimaryActionAttr(a.TAB_INDEX, "0"), t === tt.SHOULD_FOCUS && this.adapter.focusPrimaryAction(), this.adapter.removeTrailingActionFocus();
     }, e.prototype.getFocusBehavior_ = function() {
-      return this.shouldFocusPrimaryActionOnClick_ ? Z.SHOULD_FOCUS : Z.SHOULD_NOT_FOCUS;
+      return this.shouldFocusPrimaryActionOnClick_ ? tt.SHOULD_FOCUS : tt.SHOULD_NOT_FOCUS;
     }, e.prototype.focusNextAction_ = function(t, i) {
       var n = this.adapter.isTrailingActionNavigable(), r = this.getDirection_(t);
-      if (Y.has(t) || !n)
+      if (M.has(t) || !n)
         return this.adapter.notifyNavigation(t, i);
-      if (i === F.PRIMARY && r === O.RIGHT)
+      if (i === F.PRIMARY && r === S.RIGHT)
         return this.focusTrailingAction();
-      if (i === F.TRAILING && r === O.LEFT)
+      if (i === F.TRAILING && r === S.LEFT)
         return this.focusPrimaryAction();
       this.adapter.notifyNavigation(t, F.NONE);
     }, e.prototype.getDirection_ = function(t) {
       var i = this.adapter.isRTL(), n = t === a.ARROW_LEFT_KEY || t === a.IE_ARROW_LEFT_KEY, r = t === a.ARROW_RIGHT_KEY || t === a.IE_ARROW_RIGHT_KEY;
-      return !i && n || i && r ? O.LEFT : O.RIGHT;
+      return !i && n || i && r ? S.LEFT : S.RIGHT;
     }, e.prototype.removeChip_ = function() {
       this.shouldRemoveOnTrailingIconClick_ && this.beginExit();
     }, e.prototype.shouldStartEditing = function(t) {
@@ -610,22 +610,22 @@ var oe = (
     }, e.prototype.shouldNotifyInteraction_ = function(t) {
       return t.key === a.ENTER_KEY || t.key === a.SPACEBAR_KEY;
     }, e.prototype.isDeleteAction_ = function(t) {
-      var i = this.adapter.hasClass(f.DELETABLE);
+      var i = this.adapter.hasClass(_.DELETABLE);
       return i && (t.key === a.BACKSPACE_KEY || t.key === a.DELETE_KEY || t.key === a.IE_DELETE_KEY);
     }, e.prototype.setSelected_ = function(t) {
-      t ? (this.adapter.addClass(f.SELECTED), this.adapter.setPrimaryActionAttr(a.ARIA_CHECKED, "true")) : (this.adapter.removeClass(f.SELECTED), this.adapter.setPrimaryActionAttr(a.ARIA_CHECKED, "false"));
+      t ? (this.adapter.addClass(_.SELECTED), this.adapter.setPrimaryActionAttr(a.ARIA_CHECKED, "true")) : (this.adapter.removeClass(_.SELECTED), this.adapter.setPrimaryActionAttr(a.ARIA_CHECKED, "false"));
     }, e.prototype.notifySelection_ = function(t) {
       this.adapter.notifySelection(t, !1);
     }, e.prototype.notifyIgnoredSelection_ = function(t) {
       this.adapter.notifySelection(t, !0);
     }, e.prototype.eventFromPrimaryAction_ = function(t) {
-      return this.adapter.eventTargetHasClass(t.target, f.PRIMARY_ACTION);
+      return this.adapter.eventTargetHasClass(t.target, _.PRIMARY_ACTION);
     }, e.prototype.startEditing = function() {
-      this.adapter.addClass(f.EDITING), this.adapter.notifyEditStart();
+      this.adapter.addClass(_.EDITING), this.adapter.notifyEditStart();
     }, e.prototype.finishEditing = function() {
-      this.adapter.removeClass(f.EDITING), this.adapter.notifyEditFinish();
+      this.adapter.removeClass(_.EDITING), this.adapter.notifyEditFinish();
     }, e;
-  }(ie)
+  }(oe)
 );
 /**
  * @license
@@ -649,10 +649,10 @@ var oe = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var He = (
+var Be = (
   /** @class */
   function(o) {
-    tt(e, o);
+    et(e, o);
     function e() {
       return o !== null && o.apply(this, arguments) || this;
     }
@@ -712,16 +712,16 @@ var He = (
     }, e.prototype.initialize = function(t, i) {
       var n = this;
       t === void 0 && (t = function(u, p) {
-        return new wt(u, p);
+        return new $t(u, p);
       }), i === void 0 && (i = function(u) {
-        return new $e(u);
+        return new Ue(u);
       }), this.leadingIcon_ = this.root.querySelector(a.LEADING_ICON_SELECTOR), this.checkmark_ = this.root.querySelector(a.CHECKMARK_SELECTOR), this.primaryAction_ = this.root.querySelector(a.PRIMARY_ACTION_SELECTOR);
       var r = this.root.querySelector(a.TRAILING_ACTION_SELECTOR);
       r && (this.trailingAction_ = i(r));
-      var c = R(R({}, wt.createAdapter(this)), { computeBoundingRect: function() {
+      var s = N(N({}, $t.createAdapter(this)), { computeBoundingRect: function() {
         return n.foundation.getDimensions();
       } });
-      this.ripple_ = t(this.root, new we(c));
+      this.ripple_ = t(this.root, new $e(s));
     }, e.prototype.initialSyncWithDOM = function() {
       var t = this;
       this.handleTrailingActionInteraction_ = function() {
@@ -738,9 +738,9 @@ var He = (
         t.foundation.handleFocusIn(i);
       }, this.handleFocusOut_ = function(i) {
         t.foundation.handleFocusOut(i);
-      }, this.listen("transitionend", this.handleTransitionEnd_), this.listen("click", this.handleClick_), this.listen("keydown", this.handleKeydown_), this.listen("focusin", this.handleFocusIn_), this.listen("focusout", this.handleFocusOut_), this.trailingAction_ && (this.listen(T.INTERACTION_EVENT, this.handleTrailingActionInteraction_), this.listen(T.NAVIGATION_EVENT, this.handleTrailingActionNavigation_));
+      }, this.listen("transitionend", this.handleTransitionEnd_), this.listen("click", this.handleClick_), this.listen("keydown", this.handleKeydown_), this.listen("focusin", this.handleFocusIn_), this.listen("focusout", this.handleFocusOut_), this.trailingAction_ && (this.listen(R.INTERACTION_EVENT, this.handleTrailingActionInteraction_), this.listen(R.NAVIGATION_EVENT, this.handleTrailingActionNavigation_));
     }, e.prototype.destroy = function() {
-      this.ripple_.destroy(), this.unlisten("transitionend", this.handleTransitionEnd_), this.unlisten("keydown", this.handleKeydown_), this.unlisten("click", this.handleClick_), this.unlisten("focusin", this.handleFocusIn_), this.unlisten("focusout", this.handleFocusOut_), this.trailingAction_ && (this.unlisten(T.INTERACTION_EVENT, this.handleTrailingActionInteraction_), this.unlisten(T.NAVIGATION_EVENT, this.handleTrailingActionNavigation_)), o.prototype.destroy.call(this);
+      this.ripple_.destroy(), this.unlisten("transitionend", this.handleTransitionEnd_), this.unlisten("keydown", this.handleKeydown_), this.unlisten("click", this.handleClick_), this.unlisten("focusin", this.handleFocusIn_), this.unlisten("focusout", this.handleFocusOut_), this.trailingAction_ && (this.unlisten(R.INTERACTION_EVENT, this.handleTrailingActionInteraction_), this.unlisten(R.NAVIGATION_EVENT, this.handleTrailingActionNavigation_)), o.prototype.destroy.call(this);
     }, e.prototype.beginExit = function() {
       this.foundation.beginExit();
     }, e.prototype.getDefaultFoundation = function() {
@@ -844,7 +844,7 @@ var He = (
           return t.root.style.setProperty(n, r);
         }
       };
-      return new oe(i);
+      return new ae(i);
     }, e.prototype.setSelectedFromChipSet = function(t, i) {
       this.foundation.setSelectedFromChipSet(t, i);
     }, e.prototype.focusPrimaryAction = function() {
@@ -857,7 +857,7 @@ var He = (
       var t = this.root.parentNode;
       t !== null && t.removeChild(this.root);
     }, e;
-  }(ne)
+  }(re)
 );
 /**
  * @license
@@ -881,15 +881,15 @@ var He = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Zt;
+var ee;
 (function(o) {
   o.POLITE = "polite", o.ASSERTIVE = "assertive";
-})(Zt || (Zt = {}));
-var Ti = "data-mdc-dom-announce";
-function Ri(o, e) {
-  bi.getInstance().say(o, e);
+})(ee || (ee = {}));
+var Ni = "data-mdc-dom-announce";
+function bi(o, e) {
+  Oi.getInstance().say(o, e);
 }
-var bi = (
+var Oi = (
   /** @class */
   function() {
     function o() {
@@ -898,7 +898,7 @@ var bi = (
     return o.getInstance = function() {
       return o.instance || (o.instance = new o()), o.instance;
     }, o.prototype.say = function(e, t) {
-      t === void 0 && (t = Zt.POLITE);
+      t === void 0 && (t = ee.POLITE);
       var i = this.getLiveRegion(t);
       i.textContent = "", setTimeout(function() {
         i.textContent = e, document.addEventListener("click", n);
@@ -914,7 +914,7 @@ var bi = (
       return this.liveRegions.set(e, i), i;
     }, o.prototype.createLiveRegion = function(e) {
       var t = document.createElement("div");
-      return t.style.position = "absolute", t.style.top = "-9999px", t.style.left = "-9999px", t.style.height = "1px", t.style.overflow = "hidden", t.setAttribute("aria-atomic", "true"), t.setAttribute("aria-live", e), t.setAttribute(Ti, "true"), document.body.appendChild(t), t;
+      return t.style.position = "absolute", t.style.top = "-9999px", t.style.left = "-9999px", t.style.height = "1px", t.style.overflow = "hidden", t.setAttribute("aria-atomic", "true"), t.setAttribute("aria-live", e), t.setAttribute(Ni, "true"), document.body.appendChild(t), t;
     }, o;
   }()
 );
@@ -940,9 +940,9 @@ var bi = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Ue = {
+var Ge = {
   CHIP_SELECTOR: ".mdc-chip"
-}, Et = {
+}, gt = {
   CHOICE: "mdc-chip-set--choice",
   FILTER: "mdc-chip-set--filter"
 };
@@ -968,23 +968,23 @@ var Ue = {
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var re = (
+var ce = (
   /** @class */
   function(o) {
-    tt(e, o);
+    et(e, o);
     function e(t) {
-      var i = o.call(this, R(R({}, e.defaultAdapter), t)) || this;
+      var i = o.call(this, N(N({}, e.defaultAdapter), t)) || this;
       return i.selectedChipIds_ = [], i;
     }
     return Object.defineProperty(e, "strings", {
       get: function() {
-        return Ue;
+        return Ge;
       },
       enumerable: !1,
       configurable: !0
     }), Object.defineProperty(e, "cssClasses", {
       get: function() {
-        return Et;
+        return gt;
       },
       enumerable: !1,
       configurable: !0
@@ -1025,43 +1025,43 @@ var re = (
       this.select_(t, !1);
     }, e.prototype.handleChipInteraction = function(t) {
       var i = t.chipId, n = this.adapter.getIndexOfChipById(i);
-      this.removeFocusFromChipsExcept_(n), (this.adapter.hasClass(Et.CHOICE) || this.adapter.hasClass(Et.FILTER)) && this.toggleSelect_(i);
+      this.removeFocusFromChipsExcept_(n), (this.adapter.hasClass(gt.CHOICE) || this.adapter.hasClass(gt.FILTER)) && this.toggleSelect_(i);
     }, e.prototype.handleChipSelection = function(t) {
       var i = t.chipId, n = t.selected, r = t.shouldIgnore;
       if (!r) {
-        var c = this.selectedChipIds_.indexOf(i) >= 0;
-        n && !c ? this.select(i) : !n && c && this.deselect_(i);
+        var s = this.selectedChipIds_.indexOf(i) >= 0;
+        n && !s ? this.select(i) : !n && s && this.deselect_(i);
       }
     }, e.prototype.handleChipRemoval = function(t) {
       var i = t.chipId, n = t.removedAnnouncement;
       n && this.adapter.announceMessage(n);
       var r = this.adapter.getIndexOfChipById(i);
       this.deselectAndNotifyClients_(i), this.adapter.removeChipAtIndex(r);
-      var c = this.adapter.getChipListCount() - 1;
-      if (!(c < 0)) {
-        var u = Math.min(r, c);
+      var s = this.adapter.getChipListCount() - 1;
+      if (!(s < 0)) {
+        var u = Math.min(r, s);
         this.removeFocusFromChipsExcept_(u), this.adapter.focusChipTrailingActionAtIndex(u);
       }
     }, e.prototype.handleChipNavigation = function(t) {
-      var i = t.chipId, n = t.key, r = t.source, c = this.adapter.getChipListCount() - 1, u = this.adapter.getIndexOfChipById(i);
+      var i = t.chipId, n = t.key, r = t.source, s = this.adapter.getChipListCount() - 1, u = this.adapter.getIndexOfChipById(i);
       if (!(u === -1 || !m.has(n))) {
-        var p = this.adapter.isRTL(), d = n === a.ARROW_LEFT_KEY || n === a.IE_ARROW_LEFT_KEY, A = n === a.ARROW_RIGHT_KEY || n === a.IE_ARROW_RIGHT_KEY, S = n === a.ARROW_DOWN_KEY || n === a.IE_ARROW_DOWN_KEY, w = !p && A || p && d || S, D = n === a.HOME_KEY, x = n === a.END_KEY;
-        w ? u++ : D ? u = 0 : x ? u = c : u--, !(u < 0 || u > c) && (this.removeFocusFromChipsExcept_(u), this.focusChipAction_(u, n, r));
+        var p = this.adapter.isRTL(), d = n === a.ARROW_LEFT_KEY || n === a.IE_ARROW_LEFT_KEY, A = n === a.ARROW_RIGHT_KEY || n === a.IE_ARROW_RIGHT_KEY, b = n === a.ARROW_DOWN_KEY || n === a.IE_ARROW_DOWN_KEY, k = !p && A || p && d || b, H = n === a.HOME_KEY, Y = n === a.END_KEY;
+        k ? u++ : H ? u = 0 : Y ? u = s : u--, !(u < 0 || u > s) && (this.removeFocusFromChipsExcept_(u), this.focusChipAction_(u, n, r));
       }
     }, e.prototype.focusChipAction_ = function(t, i, n) {
-      var r = Y.has(i);
+      var r = M.has(i);
       if (r && n === F.PRIMARY)
         return this.adapter.focusChipPrimaryActionAtIndex(t);
       if (r && n === F.TRAILING)
         return this.adapter.focusChipTrailingActionAtIndex(t);
-      var c = this.getDirection_(i);
-      if (c === O.LEFT)
+      var s = this.getDirection_(i);
+      if (s === S.LEFT)
         return this.adapter.focusChipTrailingActionAtIndex(t);
-      if (c === O.RIGHT)
+      if (s === S.RIGHT)
         return this.adapter.focusChipPrimaryActionAtIndex(t);
     }, e.prototype.getDirection_ = function(t) {
       var i = this.adapter.isRTL(), n = t === a.ARROW_LEFT_KEY || t === a.IE_ARROW_LEFT_KEY, r = t === a.ARROW_RIGHT_KEY || t === a.IE_ARROW_RIGHT_KEY;
-      return !i && n || i && r ? O.LEFT : O.RIGHT;
+      return !i && n || i && r ? S.LEFT : S.RIGHT;
     }, e.prototype.deselect_ = function(t, i) {
       i === void 0 && (i = !1);
       var n = this.selectedChipIds_.indexOf(t);
@@ -1086,7 +1086,7 @@ var re = (
       this.select_(t, !0);
     }, e.prototype.select_ = function(t, i) {
       if (!(this.selectedChipIds_.indexOf(t) >= 0)) {
-        if (this.adapter.hasClass(Et.CHOICE) && this.selectedChipIds_.length > 0) {
+        if (this.adapter.hasClass(gt.CHOICE) && this.selectedChipIds_.length > 0) {
           var n = this.selectedChipIds_[0], r = this.adapter.getIndexOfChipById(n);
           this.selectedChipIds_ = [], this.adapter.selectChipAtIndex(
             r,
@@ -1096,16 +1096,16 @@ var re = (
           );
         }
         this.selectedChipIds_.push(t);
-        var c = this.adapter.getIndexOfChipById(t);
+        var s = this.adapter.getIndexOfChipById(t);
         this.adapter.selectChipAtIndex(
-          c,
+          s,
           /** isSelected */
           !0,
           i
         );
       }
     }, e;
-  }(ie)
+  }(oe)
 );
 /**
  * @license
@@ -1129,10 +1129,10 @@ var re = (
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-var Ht = oe.strings, me = Ht.INTERACTION_EVENT, Ae = Ht.SELECTION_EVENT, Te = Ht.REMOVAL_EVENT, Re = Ht.NAVIGATION_EVENT, Ni = re.strings.CHIP_SELECTOR, be = 0, Oi = (
+var Bt = ae.strings, Te = Bt.INTERACTION_EVENT, Re = Bt.SELECTION_EVENT, Ne = Bt.REMOVAL_EVENT, be = Bt.NAVIGATION_EVENT, Si = ce.strings.CHIP_SELECTOR, Oe = 0, Fi = (
   /** @class */
   function(o) {
-    tt(e, o);
+    et(e, o);
     function e() {
       return o !== null && o.apply(this, arguments) || this;
     }
@@ -1155,7 +1155,7 @@ var Ht = oe.strings, me = Ht.INTERACTION_EVENT, Ae = Ht.SELECTION_EVENT, Te = Ht
       configurable: !0
     }), e.prototype.initialize = function(t) {
       t === void 0 && (t = function(i) {
-        return new He(i);
+        return new Be(i);
       }), this.chipFactory_ = t, this.chips_ = this.instantiateChips_(this.chipFactory_);
     }, e.prototype.initialSyncWithDOM = function() {
       var t = this;
@@ -1169,17 +1169,17 @@ var Ht = oe.strings, me = Ht.INTERACTION_EVENT, Ae = Ht.SELECTION_EVENT, Te = Ht
         return t.foundation.handleChipRemoval(i.detail);
       }, this.handleChipNavigation_ = function(i) {
         return t.foundation.handleChipNavigation(i.detail);
-      }, this.listen(me, this.handleChipInteraction_), this.listen(Ae, this.handleChipSelection_), this.listen(Te, this.handleChipRemoval_), this.listen(Re, this.handleChipNavigation_);
+      }, this.listen(Te, this.handleChipInteraction_), this.listen(Re, this.handleChipSelection_), this.listen(Ne, this.handleChipRemoval_), this.listen(be, this.handleChipNavigation_);
     }, e.prototype.destroy = function() {
       this.chips_.forEach(function(t) {
         t.destroy();
-      }), this.unlisten(me, this.handleChipInteraction_), this.unlisten(Ae, this.handleChipSelection_), this.unlisten(Te, this.handleChipRemoval_), this.unlisten(Re, this.handleChipNavigation_), o.prototype.destroy.call(this);
+      }), this.unlisten(Te, this.handleChipInteraction_), this.unlisten(Re, this.handleChipSelection_), this.unlisten(Ne, this.handleChipRemoval_), this.unlisten(be, this.handleChipNavigation_), o.prototype.destroy.call(this);
     }, e.prototype.addChip = function(t) {
-      t.id = t.id || "mdc-chip-" + ++be, this.chips_.push(this.chipFactory_(t));
+      t.id = t.id || "mdc-chip-" + ++Oe, this.chips_.push(this.chipFactory_(t));
     }, e.prototype.getDefaultFoundation = function() {
       var t = this, i = {
         announceMessage: function(n) {
-          Ri(n);
+          bi(n);
         },
         focusChipPrimaryActionAtIndex: function(n) {
           t.chips_[n].focusPrimaryAction();
@@ -1205,15 +1205,15 @@ var Ht = oe.strings, me = Ht.INTERACTION_EVENT, Ae = Ht.SELECTION_EVENT, Te = Ht
         removeFocusFromChipAtIndex: function(n) {
           t.chips_[n].removeFocus();
         },
-        selectChipAtIndex: function(n, r, c) {
-          n >= 0 && n < t.chips_.length && t.chips_[n].setSelectedFromChipSet(r, c);
+        selectChipAtIndex: function(n, r, s) {
+          n >= 0 && n < t.chips_.length && t.chips_[n].setSelectedFromChipSet(r, s);
         }
       };
-      return new re(i);
+      return new ce(i);
     }, e.prototype.instantiateChips_ = function(t) {
-      var i = [].slice.call(this.root.querySelectorAll(Ni));
+      var i = [].slice.call(this.root.querySelectorAll(Si));
       return i.map(function(n) {
-        return n.id = n.id || "mdc-chip-" + ++be, t(n);
+        return n.id = n.id || "mdc-chip-" + ++Oe, t(n);
       });
     }, e.prototype.findChipIndex_ = function(t) {
       for (var i = 0; i < this.chips_.length; i++)
@@ -1221,7 +1221,7 @@ var Ht = oe.strings, me = Ht.INTERACTION_EVENT, Ae = Ht.SELECTION_EVENT, Te = Ht
           return i;
       return -1;
     }, e;
-  }(ne)
+  }(re)
 );
 /**
  * @license
@@ -1245,146 +1245,153 @@ var Ht = oe.strings, me = Ht.INTERACTION_EVENT, Ae = Ht.SELECTION_EVENT, Te = Ht
  * OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
  * THE SOFTWARE.
  */
-const Si = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const Di = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  MDCChip: He,
-  MDCChipFoundation: oe,
-  MDCChipSet: Oi,
-  MDCChipSetFoundation: re,
-  MDCChipTrailingAction: $e,
-  MDCChipTrailingActionFoundation: xe,
-  chipCssClasses: f,
-  chipSetCssClasses: Et,
-  chipSetStrings: Ue,
+  MDCChip: Be,
+  MDCChipFoundation: ae,
+  MDCChipSet: Fi,
+  MDCChipSetFoundation: ce,
+  MDCChipTrailingAction: Ue,
+  MDCChipTrailingActionFoundation: He,
+  chipCssClasses: _,
+  chipSetCssClasses: gt,
+  chipSetStrings: Ge,
   chipStrings: a,
-  trailingActionStrings: T
+  trailingActionStrings: R
 }, Symbol.toStringTag, { value: "Module" }));
-var Fi = {
+var Li = {
   /**
    * The property on each chip  that represents the id. If one is not provided material will generate an automatic ID.
    *
    * Defaults to **empty string**.
    */
-  chipIdField: l.string,
+  chipIdField: c.string,
   /**
    * The property on each chip that is used as a unique key.
    *
    * Defaults to **'id'**.
    */
-  chipKeyField: l.string,
+  chipKeyField: c.string,
   /**
    * The property for the label on each chip. The `labelRenderer` overrides the rendering of the label field
    *
    * Defaults to **'label'**.
    */
-  chipLabelField: l.string,
+  chipLabelField: c.string,
   /**
    * Array of chips to manager and render.
    *
    * Defaults to **[]**.
    */
-  chips: l.array.isRequired,
+  chips: c.array.isRequired,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: c.string,
   /**
    * Prevent the user from interacting with the chips.
    *
    * Defaults to **false**.
    */
-  disabled: l.bool,
+  disabled: c.bool,
   /**
    * Allows chips to be dynamically added and removed upon trailing icon interaction.
    *
    * Defaults to **false**.
    */
-  input: l.bool,
+  input: c.bool,
   /**
    * Returns the label to be rendered on each chip. Receives the chipData.
    *
    * Defaults to **null**.
    */
-  labelRenderer: l.oneOfType([l.node, l.func]),
+  labelRenderer: c.oneOfType([c.node, c.func]),
   /**
    * Leading icon render function. `chip` and `iconProps` is passed into the params. `iconProps` contains all the props for the icon component. If unused, a material icon rendering the `leadingIconField` of each chip is used
    *
    * Defaults to **null**.
    */
-  leadingIcon: l.func,
+  leadingIcon: c.func,
   /**
    * Leading icon property name for each chip. The leading icon property can either be a string corresponding to an icon, or an object containing all the properties for the icon component.
    *
    * Defaults to **'leadingIcon'**.
    */
-  leadingIconField: l.string,
+  leadingIconField: c.string,
   /**
    * Fired when the chip is interacted with (via click/tap or Enter key).
    *
    * Defaults to **null**.
    */
-  onInteraction: l.func,
+  onInteraction: c.func,
   /**
    * Fired when a chip is removed.
    *
    * Defaults to **null**.
    */
-  onRemoval: l.func,
+  onRemoval: c.func,
   /**
    * Fired when the chips are removed (*input chips* only).
    *
    * Defaults to **null**.
    */
-  onUpdateChips: l.func,
+  onUpdateChips: c.func,
   /**
    * Fired when the selected chips are updated (choice and filter chips only).
    *
    * Defaults to **null**.
    */
-  onUpdateSelectedChips: l.func,
+  onUpdateSelectedChips: c.func,
   /**
    * Prevents choice chips from being deselected upon interaction.
    *
    * Defaults to **false**.
    */
-  preventChoiceDeselection: l.bool,
+  preventChoiceDeselection: c.bool,
   /**
    * Chips do not break on a newline. The user must scroll horizontally if there is any overflow.
    *
    * Defaults to **false**.
    */
-  scrollable: l.bool,
+  scrollable: c.bool,
   /**
    * Array of currently selected chips.
    *
    * Defaults to **[]**.
    */
-  selectedChips: l.array,
+  selectedChips: c.array,
   /**
    * Filter enables selection of multiple chips and will add a check mark to selected chips. Choice allows only one selected chip.
    *
    * Defaults to **'default'**.
    */
-  selectionType: l.oneOf(["default", "choice", "filter"]),
+  selectionType: c.oneOf(["default", "choice", "filter"]),
   /**
    * Trailing icon render function. `chip` and `iconProps` is passed into the params. `iconProps` contains all the props for the icon component. If unused, a material icon rendering the `trailingIconField` of each chip is used
    *
    * Defaults to **null**.
    */
-  trailingIcon: l.func,
+  trailingIcon: c.func,
   /**
    * Trailing icon property name for each chip. The trailing icon property can either be a string corresponding to an icon, or an object containing all the properties for the icon component.
    *
    * Defaults to **'trailingIcon'**.
    */
-  trailingIconField: l.string,
+  trailingIconField: c.string,
   /**
    * Shows chips as `filled` or `outlined`.
    *
    * Defaults to **'filled'**.
    */
-  variant: l.oneOf(["filled", "outlined"])
-}, Di = {
+  variant: c.oneOf(["filled", "outlined"])
+}, Pi = {
   chipIdField: "",
   chipKeyField: "id",
   chipLabelField: "label",
   chips: [],
+  className: void 0,
   disabled: !1,
   input: !1,
   labelRenderer: null,
@@ -1401,125 +1408,132 @@ var Fi = {
   trailingIcon: null,
   trailingIconField: "trailingIcon",
   variant: "filled"
-}, Li = {
+}, Ki = {
   /**
    * Chip data to be rendered. If no `label` is passed in, `chipData` will be used. If using an object, use the `chipLabelField` to set property to be rendered as the label. You may also set `leadingIconField` and `trailingIconField`, as well as labelRenderer for additional control.
    *
    * Defaults to **null**.
    */
-  chipData: l.any.isRequired,
+  chipData: c.any.isRequired,
   /**
    * The property on the chip that represents the id. If one is not provided material will generate an automatic ID.
    *
    * Defaults to **empty string**.
    */
-  chipIdField: l.string,
+  chipIdField: c.string,
   /**
    * The property on the chip that is the label. The default slot overrides the rendering of the label.
    *
    * Defaults to **empty string**.
    */
-  chipLabelField: l.string.isRequired,
+  chipLabelField: c.string.isRequired,
+  /**
+   * The css class name to be passed through to the component markup.
+   *
+   * Defaults to **undefined**.
+   */
+  className: c.string,
   /**
    * Prevent the user from interacting with the chip.
    *
    * Defaults to **false**.
    */
-  disabled: l.bool,
+  disabled: c.bool,
   /**
    * Custom id.
    *
    * Defaults to **undefined**.
    */
-  id: l.string,
+  id: c.string,
   /**
    * If the chip is selected on mount.
    *
    * Defaults to **null**.
    */
-  initiallySelected: l.bool.isRequired,
+  initiallySelected: c.bool.isRequired,
   /**
    * Allows chip to be dynamically added and removed upon trailing icon interaction.
    *
    * Defaults to **null**.
    */
-  input: l.bool.isRequired,
+  input: c.bool.isRequired,
   /**
    * The label to be rendered on each chip. Optionally `chipData` and `chipLabelField` may be used instead of `label`.
    *
    * Defaults to **null**.
    */
-  label: l.node,
+  label: c.node,
   /**
    * Returns the label to be rendered on each chip. Receives the chipData.
    *
    * Defaults to **null**.
    */
-  labelRenderer: l.oneOfType([l.node, l.func]),
+  labelRenderer: c.oneOfType([c.node, c.func]),
   /**
    * Slot for leading icon. `chip` and `iconProps` is passed into the slots params. `iconProps` contains all the props for the icon component. If there is no leading icon, a material icon rendering the `leadingIconPropName` of each chip is used.
    *
    * Defaults to **null**.
    */
-  leadingIcon: l.func,
+  leadingIcon: c.func,
   /**
    * Leading icon property name for the chip. The leading icon property can either be a string corresponding to an icon, or an object containing all the properties for the icon component.
    *
    * Defaults to **empty string**.
    */
-  leadingIconField: l.string.isRequired,
+  leadingIconField: c.string.isRequired,
   /**
    * Called when chip is clicked.
    *
    * Defaults to **null**.
    */
-  onClick: l.func,
+  onClick: c.func,
   /**
    * Fired when the chip is destroyed.
    *
    * Defaults to **null**.
    */
-  onDestroy: l.func,
+  onDestroy: c.func,
   /**
    * Called when Enter is pressed.
    *
    * Defaults to **null**.
    */
-  onEnter: l.func,
+  onEnter: c.func,
   /**
    * Fired when the chip is mounted.
    *
    * Defaults to **null**.
    */
-  onMounted: l.func,
+  onMounted: c.func,
   /**
    * The type`filter` enables selection of multiple chips and will add a check mark to selected chips. The type`choice` allows only one selected chip.
    *
    * Defaults to **'default'**.
    */
-  selectionType: l.oneOf(["default", "choice", "filter"]),
+  selectionType: c.oneOf(["default", "choice", "filter"]),
   /**
    * Slot for trailing icon. `chip` and `iconProps` is passed into the slots params. `iconProps` contains all the props for the icon component. If there is no trailing icon, a material icon rendering the `trailingIconPropName` of each chip is used.
    *
    * Defaults to **null**.
    */
-  trailingIcon: l.func,
+  trailingIcon: c.func,
   /**
    * Trailing icon property name for the chip. The trailing icon property can either be a string corresponding to an icon, or an object containing all the properties for the icon component.
    *
    * Defaults to **empty string**.
    */
-  trailingIconField: l.string.isRequired,
+  trailingIconField: c.string.isRequired,
   /**
    * Applies the selected style.
    *
    * Defaults to **'filled'**.
    */
-  variant: l.oneOf(["filled", "outlined"]).isRequired
-}, Pi = {
+  variant: c.oneOf(["filled", "outlined"]).isRequired
+}, Mi = {
   chipData: null,
   chipIdField: "",
   chipLabelField: "",
+  className: void 0,
   disabled: !1,
   id: void 0,
   initiallySelected: null,
@@ -1536,62 +1550,62 @@ var Fi = {
   trailingIcon: null,
   trailingIconField: "",
   variant: "filled"
-}, Ki = ["icon"], Mi = ["chipData", "chipIdField", "chipLabelField", "disabled", "id", "initiallySelected", "input", "label", "labelRenderer", "leadingIcon", "leadingIconField", "onDestroy", "onMounted", "selectionType", "trailingIcon", "trailingIconField", "variant", "onClick", "onEnter"];
-function Ne(o, e) {
-  var t = De(o);
-  if (Yt) {
-    var i = Yt(o);
-    e && (i = Mt(i).call(i, function(n) {
-      return $t(o, n).enumerable;
+}, ki = ["icon"], Yi = ["chipData", "chipIdField", "chipLabelField", "className", "disabled", "id", "initiallySelected", "input", "label", "labelRenderer", "leadingIcon", "leadingIconField", "onDestroy", "onMounted", "selectionType", "trailingIcon", "trailingIconField", "variant", "onClick", "onEnter"];
+function Se(o, e) {
+  var t = Pe(o);
+  if (xt) {
+    var i = xt(o);
+    e && (i = Yt(i).call(i, function(n) {
+      return Ut(o, n).enumerable;
     })), t.push.apply(t, i);
   }
   return t;
 }
-function xt(o) {
+function Ht(o) {
   for (var e = 1; e < arguments.length; e++) {
     var t, i, n = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? Kt(t = Ne(Object(n), !0)).call(t, function(r) {
-      Le(o, r, n[r]);
-    }) : kt ? Pe(o, kt(n)) : Kt(i = Ne(Object(n))).call(i, function(r) {
-      Ke(o, r, $t(n, r));
+    e % 2 ? kt(t = Se(Object(n), !0)).call(t, function(r) {
+      Ke(o, r, n[r]);
+    }) : wt ? Me(o, wt(n)) : kt(i = Se(Object(n))).call(i, function(r) {
+      ke(o, r, Ut(n, r));
     });
   }
   return o;
 }
-var Be = function(e, t) {
+var Ve = function(e, t) {
   var i, n = e == null || (i = e.chipData) === null || i === void 0 ? void 0 : i[t];
   if (n) {
     if (typeof n == "string")
       return {
         icon: n
       };
-    if (Me(n) === "object")
+    if (Ye(n) === "object")
       return n;
-    si("".concat(t, " chip field must be of type string or object"));
+    di("".concat(t, " chip field must be of type string or object"));
   }
   return {};
-}, ki = function(e) {
-  var t = Be(e, e.leadingIconField), i = e.initiallySelected ? "mdc-chip__icon--leading-hidden" : "";
+}, wi = function(e) {
+  var t = Ve(e, e.leadingIconField), i = e.initiallySelected ? "mdc-chip__icon--leading-hidden" : "";
   return {
     chip: e.chipData,
-    iconProps: xt(xt({}, t), {}, {
+    iconProps: Ht(Ht({}, t), {}, {
       className: "mdc-chip__icon mdc-chip__icon--leading ".concat(i),
       tabIndex: "-1",
       role: "gridcell"
     })
   };
-}, Yi = function(e) {
-  var t = Be(e, e.trailingIconField), i = t.icon, n = te(t, Ki);
+}, xi = function(e) {
+  var t = Ve(e, e.trailingIconField), i = t.icon, n = ie(t, ki);
   return {
     chip: e.chipData,
-    iconProps: xt(xt({}, n), {}, {
+    iconProps: Ht(Ht({}, n), {}, {
       icon: i || "cancel",
       className: "mdc-chip__icon mdc-chip__icon--trailing mdc-chip-trailing-action",
       role: "button",
       tabIndex: "0"
     })
   };
-}, wi = /* @__PURE__ */ E.createElement("span", {
+}, $i = /* @__PURE__ */ E.createElement("span", {
   className: "mdc-chip__checkmark"
 }, /* @__PURE__ */ E.createElement("svg", {
   className: "mdc-chip__checkmark-svg",
@@ -1601,66 +1615,66 @@ var Be = function(e, t) {
   fill: "none",
   stroke: "black",
   d: "M1.73,12.91 8.1,19.28 22.79,4.59"
-}))), I = Pi, ae = /* @__PURE__ */ pi(function(o, e) {
-  var t = o.chipData, i = t === void 0 ? I.chipData : t, n = o.chipIdField, r = n === void 0 ? I.chipIdField : n, c = o.chipLabelField, u = c === void 0 ? I.chipLabelField : c, p = o.disabled, d = p === void 0 ? I.disabled : p, A = o.id, S = A === void 0 ? I.id : A, w = o.initiallySelected, D = w === void 0 ? I.initiallySelected : w, x = o.input, yt = x === void 0 ? I.input : x, et = o.label, it = et === void 0 ? I.label : et, nt = o.labelRenderer, U = nt === void 0 ? I.labelRenderer : nt, ot = o.leadingIcon, B = ot === void 0 ? I.leadingIcon : ot, rt = o.leadingIconField, at = rt === void 0 ? I.leadingIconField : rt, ct = o.onDestroy, $ = ct === void 0 ? I.onDestroy : ct, st = o.onMounted, G = st === void 0 ? I.onMounted : st, lt = o.selectionType, mt = lt === void 0 ? I.selectionType : lt, dt = o.trailingIcon, L = dt === void 0 ? I.trailingIcon : dt, ut = o.trailingIconField, b = ut === void 0 ? I.trailingIconField : ut, pt = o.variant, At = pt === void 0 ? I.variant : pt, ht = o.onClick, V = ht === void 0 ? I.onClick : ht, ft = o.onEnter, W = ft === void 0 ? I.onEnter : ft, Tt = te(o, Mi), j = {
+}))), C = Mi, se = /* @__PURE__ */ fi(function(o, e) {
+  var t = o.chipData, i = t === void 0 ? C.chipData : t, n = o.chipIdField, r = n === void 0 ? C.chipIdField : n, s = o.chipLabelField, u = s === void 0 ? C.chipLabelField : s, p = o.className, d = p === void 0 ? C.className : p, A = o.disabled, b = A === void 0 ? C.disabled : A, k = o.id, H = k === void 0 ? C.id : k, Y = o.initiallySelected, U = Y === void 0 ? C.initiallySelected : Y, it = o.input, mt = it === void 0 ? C.input : it, nt = o.label, B = nt === void 0 ? C.label : nt, ot = o.labelRenderer, G = ot === void 0 ? C.labelRenderer : ot, rt = o.leadingIcon, V = rt === void 0 ? C.leadingIcon : rt, at = o.leadingIconField, ct = at === void 0 ? C.leadingIconField : at, st = o.onDestroy, W = st === void 0 ? C.onDestroy : st, lt = o.onMounted, j = lt === void 0 ? C.onMounted : lt, dt = o.selectionType, w = dt === void 0 ? C.selectionType : dt, ut = o.trailingIcon, T = ut === void 0 ? C.trailingIcon : ut, pt = o.trailingIconField, At = pt === void 0 ? C.trailingIconField : pt, ht = o.variant, Tt = ht === void 0 ? C.variant : ht, ft = o.onClick, q = ft === void 0 ? C.onClick : ft, _t = o.onEnter, x = _t === void 0 ? C.onEnter : _t, Rt = ie(o, Yi), Nt = {
     chipData: i,
-    initiallySelected: D,
-    leadingIconField: at,
-    trailingIconField: b
-  }, Ut = gt(function() {
-    var K;
-    return S || r && (i == null || (K = i[r]) === null || K === void 0 ? void 0 : K.toString()) || ci();
-  }), _t = vt(Ut, 1), Bt = _t[0], q = Ye();
-  hi(e, function() {
-    return q.current;
-  }, []), ee(function() {
-    return G?.(i, q.current), function() {
-      $?.(i);
+    initiallySelected: U,
+    leadingIconField: ct,
+    trailingIconField: At
+  }, Gt = yt(function() {
+    var L;
+    return H || r && (i == null || (L = i[r]) === null || L === void 0 ? void 0 : L.toString()) || li();
+  }), Ct = Et(Gt, 1), Vt = Ct[0], X = xe();
+  _i(e, function() {
+    return X.current;
+  }, []), ne(function() {
+    return j?.(i, X.current), function() {
+      W?.(i);
     };
   }, []);
-  var X, z, J = ki(j);
-  if (B ? z = B(J) : J.iconProps.icon && (z = /* @__PURE__ */ E.createElement(Ce, J.iconProps)), yt) {
-    var Ct = Yi(j);
-    L ? X = L(Ct) : X = /* @__PURE__ */ E.createElement(Ce, Ct.iconProps);
+  var z, J, Q = wi(Nt);
+  if (V ? J = V(Q) : Q.iconProps.icon && (J = /* @__PURE__ */ E.createElement(ve, Q.iconProps)), mt) {
+    var It = xi(Nt);
+    T ? z = T(It) : z = /* @__PURE__ */ E.createElement(ve, It.iconProps);
   }
-  var Rt = function() {
-    return it || (U ? U({
+  var bt = function() {
+    return B || (G ? G({
       chip: i
-    }) : i && Me(i) === "object" ? i[u] : i);
-  }, bt = Jt("lmnt", "mdc-chip", "mdc-chip--touch", D && "mdc-chip--selected", At === "outlined" && "mdc-chip--outline", d && "lmnt-chip--disabled"), P = function(H) {
-    d || V?.(H);
-  }, Gt = function(H) {
-    H.key === "Enter" && W?.(H);
+    }) : i && Ye(i) === "object" ? i[u] : i);
+  }, Ot = Zt("lmnt", "mdc-chip", "mdc-chip--touch", U && "mdc-chip--selected", Tt === "outlined" && "mdc-chip--outline", b && "lmnt-chip--disabled", d), D = function($) {
+    b || q?.($);
+  }, Wt = function($) {
+    $.key === "Enter" && x?.($);
   };
-  return /* @__PURE__ */ E.createElement("div", Fe({
-    ref: q,
-    className: bt,
-    id: Bt,
+  return /* @__PURE__ */ E.createElement("div", Le({
+    ref: X,
+    className: Ot,
+    id: Vt,
     role: "row",
-    onClick: P,
+    onClick: D,
     tabIndex: 0,
-    onKeyUp: Gt
-  }, Tt), /* @__PURE__ */ E.createElement("div", {
+    onKeyUp: Wt
+  }, Rt), /* @__PURE__ */ E.createElement("div", {
     className: "lmnt mdc-chip__ripple"
-  }), z, mt === "filter" && wi, /* @__PURE__ */ E.createElement("span", {
+  }), J, w === "filter" && $i, /* @__PURE__ */ E.createElement("span", {
     role: "gridcell"
   }, /* @__PURE__ */ E.createElement("span", {
     role: "checkbox",
-    "aria-checked": D ? "true" : "false",
-    "aria-label": Rt(),
+    "aria-checked": U ? "true" : "false",
+    "aria-label": bt(),
     tabIndex: "0",
     className: "mdc-chip__primary-action"
   }, /* @__PURE__ */ E.createElement("span", {
     className: "mdc-chip__text"
-  }, Rt()))), X);
+  }, bt()))), z);
 });
-ae.displayName = "Chip";
-ae.propTypes = Li;
-var xi = /* @__PURE__ */ E.memo(ae), $i = ["children", "chipIdField", "chipKeyField", "chipLabelField", "chips", "input", "labelRenderer", "leadingIcon", "leadingIconField", "onInteraction", "onRemoval", "onUpdateChips", "onUpdateSelectedChips", "preventChoiceDeselection", "scrollable", "selectedChips", "selectionType", "trailingIcon", "trailingIconField", "variant", "disabled"];
-function Hi(o, e) {
-  var t = typeof gi < "u" && Ai(o) || o["@@iterator"];
+se.displayName = "Chip";
+se.propTypes = Ki;
+var Hi = /* @__PURE__ */ E.memo(se), Ui = ["children", "chipIdField", "chipKeyField", "chipLabelField", "chips", "input", "labelRenderer", "leadingIcon", "leadingIconField", "onInteraction", "onRemoval", "onUpdateChips", "onUpdateSelectedChips", "preventChoiceDeselection", "scrollable", "selectedChips", "selectionType", "trailingIcon", "trailingIconField", "variant", "disabled", "className"];
+function Bi(o, e) {
+  var t = typeof mi < "u" && Ri(o) || o["@@iterator"];
   if (!t) {
-    if (ai(o) || (t = Ui(o)) || e) {
+    if (si(o) || (t = Gi(o)) || e) {
       t && (o = t);
       var i = 0, n = function() {
       };
@@ -1673,206 +1687,206 @@ function Hi(o, e) {
     throw new TypeError(`Invalid attempt to iterate non-iterable instance.
 In order to be iterable, non-array objects must have a [Symbol.iterator]() method.`);
   }
-  var r, c = !0, u = !1;
+  var r, s = !0, u = !1;
   return { s: function() {
     t = t.call(o);
   }, n: function() {
     var d = t.next();
-    return c = d.done, d;
+    return s = d.done, d;
   }, e: function(d) {
     u = !0, r = d;
   }, f: function() {
     try {
-      c || t.return == null || t.return();
+      s || t.return == null || t.return();
     } finally {
       if (u) throw r;
     }
   } };
 }
-function Ui(o, e) {
+function Gi(o, e) {
   if (o) {
     var t;
-    if (typeof o == "string") return Oe(o, e);
-    var i = ei(t = {}.toString.call(o)).call(t, 8, -1);
-    return i === "Object" && o.constructor && (i = o.constructor.name), i === "Map" || i === "Set" ? ii(o) : i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i) ? Oe(o, e) : void 0;
+    if (typeof o == "string") return Fe(o, e);
+    var i = ii(t = {}.toString.call(o)).call(t, 8, -1);
+    return i === "Object" && o.constructor && (i = o.constructor.name), i === "Map" || i === "Set" ? oi(o) : i === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(i) ? Fe(o, e) : void 0;
   }
 }
-function Oe(o, e) {
+function Fe(o, e) {
   (e == null || e > o.length) && (e = o.length);
   for (var t = 0, i = Array(e); t < e; t++) i[t] = o[t];
   return i;
 }
-function Se(o, e) {
-  var t = De(o);
-  if (Yt) {
-    var i = Yt(o);
-    e && (i = Mt(i).call(i, function(n) {
-      return $t(o, n).enumerable;
+function De(o, e) {
+  var t = Pe(o);
+  if (xt) {
+    var i = xt(o);
+    e && (i = Yt(i).call(i, function(n) {
+      return Ut(o, n).enumerable;
     })), t.push.apply(t, i);
   }
   return t;
 }
-function Bi(o) {
+function Vi(o) {
   for (var e = 1; e < arguments.length; e++) {
     var t, i, n = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? Kt(t = Se(Object(n), !0)).call(t, function(r) {
-      Le(o, r, n[r]);
-    }) : kt ? Pe(o, kt(n)) : Kt(i = Se(Object(n))).call(i, function(r) {
-      Ke(o, r, $t(n, r));
+    e % 2 ? kt(t = De(Object(n), !0)).call(t, function(r) {
+      Ke(o, r, n[r]);
+    }) : wt ? Me(o, wt(n)) : kt(i = De(Object(n))).call(i, function(r) {
+      ke(o, r, Ut(n, r));
     });
   }
   return o;
 }
-var Gi = Bi({}, Si), Vi = Gi.MDCChipSet, Wi = function(e) {
-  var t = Vi.attachTo(e);
+var Wi = Vi({}, Di), ji = Wi.MDCChipSet, qi = function(e) {
+  var t = ji.attachTo(e);
   return t.foundation.adapter.removeChipAtIndex = function(i) {
     if (i >= 0 && i < t.chips_.length) {
       var n;
-      t.chips_[i].destroy(), ui(n = t.chips_).call(n, i, 1);
+      t.chips_[i].destroy(), hi(n = t.chips_).call(n, i, 1);
     }
   }, t;
-}, _ = Di, ce = function(e) {
+}, f = Pi, le = function(e) {
   e.children;
-  var t = e.chipIdField, i = t === void 0 ? _.chipIdField : t, n = e.chipKeyField, r = n === void 0 ? _.chipKeyField : n, c = e.chipLabelField, u = c === void 0 ? _.chipLabelField : c, p = e.chips, d = p === void 0 ? _.chips : p, A = e.input, S = A === void 0 ? _.input : A, w = e.labelRenderer, D = w === void 0 ? _.labelRenderer : w, x = e.leadingIcon, yt = x === void 0 ? _.leadingIcon : x, et = e.leadingIconField, it = et === void 0 ? _.leadingIconField : et, nt = e.onInteraction, U = nt === void 0 ? _.onInteraction : nt, ot = e.onRemoval, B = ot === void 0 ? _.onRemoval : ot, rt = e.onUpdateChips, at = rt === void 0 ? _.onUpdateChips : rt, ct = e.onUpdateSelectedChips, $ = ct === void 0 ? _.onUpdateSelectedChips : ct, st = e.preventChoiceDeselection, G = st === void 0 ? _.preventChoiceDeselection : st, lt = e.scrollable, mt = lt === void 0 ? _.scrollable : lt, dt = e.selectedChips, L = dt === void 0 ? _.selectedChips : dt, ut = e.selectionType, b = ut === void 0 ? _.selectionType : ut, pt = e.trailingIcon, At = pt === void 0 ? _.trailingIcon : pt, ht = e.trailingIconField, V = ht === void 0 ? _.trailingIconField : ht, ft = e.variant, W = ft === void 0 ? _.variant : ft, Tt = e.disabled, j = Tt === void 0 ? _.disabled : Tt, Ut = te(e, $i), _t = Ye(!1), Bt = Ii(), q = vt(Bt, 2), X = q[0], z = q[1], J = z.remove, Ct = z.set, Rt = gt(null), bt = vt(Rt, 2), P = bt[0], Gt = bt[1], K = gt(null), H = vt(K, 2), h = H[0], Ge = H[1], v = g(function(s) {
-    return s[r] || s;
-  }, [r]), Ve = gt(function() {
-    return new Pt(It(L).call(L, function(s) {
-      return v(s);
+  var t = e.chipIdField, i = t === void 0 ? f.chipIdField : t, n = e.chipKeyField, r = n === void 0 ? f.chipKeyField : n, s = e.chipLabelField, u = s === void 0 ? f.chipLabelField : s, p = e.chips, d = p === void 0 ? f.chips : p, A = e.input, b = A === void 0 ? f.input : A, k = e.labelRenderer, H = k === void 0 ? f.labelRenderer : k, Y = e.leadingIcon, U = Y === void 0 ? f.leadingIcon : Y, it = e.leadingIconField, mt = it === void 0 ? f.leadingIconField : it, nt = e.onInteraction, B = nt === void 0 ? f.onInteraction : nt, ot = e.onRemoval, G = ot === void 0 ? f.onRemoval : ot, rt = e.onUpdateChips, V = rt === void 0 ? f.onUpdateChips : rt, at = e.onUpdateSelectedChips, ct = at === void 0 ? f.onUpdateSelectedChips : at, st = e.preventChoiceDeselection, W = st === void 0 ? f.preventChoiceDeselection : st, lt = e.scrollable, j = lt === void 0 ? f.scrollable : lt, dt = e.selectedChips, w = dt === void 0 ? f.selectedChips : dt, ut = e.selectionType, T = ut === void 0 ? f.selectionType : ut, pt = e.trailingIcon, At = pt === void 0 ? f.trailingIcon : pt, ht = e.trailingIconField, Tt = ht === void 0 ? f.trailingIconField : ht, ft = e.variant, q = ft === void 0 ? f.variant : ft, _t = e.disabled, x = _t === void 0 ? f.disabled : _t, Rt = e.className, Nt = Rt === void 0 ? f.className : Rt, Gt = ie(e, Ui), Ct = xe(!1), Vt = Ei(), X = Et(Vt, 2), z = X[0], J = X[1], Q = J.remove, It = J.set, bt = yt(null), Ot = Et(bt, 2), D = Ot[0], Wt = Ot[1], L = yt(null), $ = Et(L, 2), h = $[0], We = $[1], v = g(function(l) {
+    return l[r] || l;
+  }, [r]), je = yt(function() {
+    return new Mt(vt(w).call(w, function(l) {
+      return v(l);
     }));
-  }), We = vt(Ve, 1), se = We[0], le = Qt(function() {
-    return new Pt(It(L).call(L, function(s) {
-      return v(s);
+  }), qe = Et(je, 1), de = qe[0], ue = te(function() {
+    return new Mt(vt(w).call(w, function(l) {
+      return v(l);
     }));
-  }, [v, L]);
-  ri(function() {
-    _t.current = !1;
-    var s = P ? Wi(P) : null;
-    return Ge(s), function() {
-      s && (_t.current = !0, s.destroy());
+  }, [v, w]);
+  ci(function() {
+    Ct.current = !1;
+    var l = D ? qi(D) : null;
+    return We(l), function() {
+      l && (Ct.current = !0, l.destroy());
     };
-  }, [P]);
-  var N = g(function(s) {
-    return X[v(s)];
-  }, [X, v]), Nt = g(function(s) {
-    return _e(d).call(d, function(C) {
-      return N(C) === s;
+  }, [D]);
+  var O = g(function(l) {
+    return z[v(l)];
+  }, [z, v]), St = g(function(l) {
+    return Ie(d).call(d, function(I) {
+      return O(I) === l;
     });
-  }, [d, N]), Ot = g(function(s) {
-    var C;
-    return h == null ? void 0 : _e(C = h.chips).call(C, function(y) {
-      return y.id === s;
+  }, [d, O]), Ft = g(function(l) {
+    var I;
+    return h == null ? void 0 : Ie(I = h.chips).call(I, function(y) {
+      return y.id === l;
     });
-  }, [h]), de = g(function(s) {
-    return le.has(v(s));
-  }, [v, le]), ue = g(function(s) {
-    return !!se.has(v(s));
-  }, [v, se]), pe = g(function(s, C) {
-    Ct(v(s), C.id), h?.addChip(C);
-  }, [Ct, v, h]), St = g(function() {
-    if ($) {
-      var s = new Pt(h?.selectedChipIds);
-      $(Mt(d).call(d, function(C) {
-        return s.has(N(C));
+  }, [h]), pe = g(function(l) {
+    return ue.has(v(l));
+  }, [v, ue]), he = g(function(l) {
+    return !!de.has(v(l));
+  }, [v, de]), fe = g(function(l, I) {
+    It(v(l), I.id), h?.addChip(I);
+  }, [It, v, h]), Dt = g(function() {
+    if (ct) {
+      var l = new Mt(h?.selectedChipIds);
+      ct(Yt(d).call(d, function(I) {
+        return l.has(O(I));
       }));
     }
-  }, [h, $, d, N]), Vt = g(function() {
-    b !== "choice" && St();
-  }, [b, St]), Ft = g(function(s) {
-    var C;
-    if (S) {
-      var y = new Pt(h == null ? void 0 : It(C = h.chips).call(C, function(Q) {
-        return Q.id;
-      })), Dt = Mt(d).call(d, function(Q) {
-        return y.has(N(Q));
+  }, [h, ct, d, O]), jt = g(function() {
+    T !== "choice" && Dt();
+  }, [T, Dt]), Lt = g(function(l) {
+    var I;
+    if (b) {
+      var y = new Mt(h == null ? void 0 : vt(I = h.chips).call(I, function(Z) {
+        return Z.id;
+      })), Pt = Yt(d).call(d, function(Z) {
+        return y.has(O(Z));
       });
-      at && at(Dt), B && B(s);
+      V && V(Pt), G && G(l);
     }
-  }, [d, N, S, h, B, at]), je = g(function(s) {
-    Ft(Nt(s.detail.chipId));
-  }, [Nt, Ft]), qe = g(function(s) {
-    if (U) {
-      var C = Nt(s.detail.chipId);
-      U(C);
+  }, [d, O, b, h, G, V]), Xe = g(function(l) {
+    Lt(St(l.detail.chipId));
+  }, [St, Lt]), ze = g(function(l) {
+    if (B) {
+      var I = St(l.detail.chipId);
+      B(I);
     }
-    if (b === "choice") {
-      if (G) {
-        var y = Ot(s.detail.chipId);
+    if (T === "choice") {
+      if (W) {
+        var y = Ft(l.detail.chipId);
         if (!y.selected) {
           y.selected = !0;
           return;
         }
       }
-      St();
+      Dt();
     }
-  }, [St, Nt, Ot, U, G, b]), he = g(function(s) {
-    if (!_t.current) {
-      var C = N(s), y = v(s);
-      J(y), Ot(C) && (h.foundation.handleChipRemoval({
-        chipId: C
-      }), Vt(), Ft(s));
+  }, [Dt, St, Ft, B, W, T]), _e = g(function(l) {
+    if (!Ct.current) {
+      var I = O(l), y = v(l);
+      Q(y), Ft(I) && (h.foundation.handleChipRemoval({
+        chipId: I
+      }), jt(), Lt(l));
     }
-  }, [N, v, Ot, h, Ft, Vt, J]);
-  ee(function() {
-    var s, C = new ti(h == null ? void 0 : It(s = h.chips).call(s, function(Lt) {
-      return [Lt.id, Lt];
-    })), y = Hi(d), Dt;
+  }, [O, v, Ft, h, Lt, jt, Q]);
+  ne(function() {
+    var l, I = new ni(h == null ? void 0 : vt(l = h.chips).call(l, function(Kt) {
+      return [Kt.id, Kt];
+    })), y = Bi(d), Pt;
     try {
-      for (y.s(); !(Dt = y.n()).done; ) {
-        var Q = Dt.value, fe = de(Q), Wt = C.get(N(Q));
-        Wt && fe !== Wt.selected && (Wt.selected = fe);
+      for (y.s(); !(Pt = y.n()).done; ) {
+        var Z = Pt.value, Ce = pe(Z), qt = I.get(O(Z));
+        qt && Ce !== qt.selected && (qt.selected = Ce);
       }
-    } catch (Lt) {
-      y.e(Lt);
+    } catch (Kt) {
+      y.e(Kt);
     } finally {
       y.f();
     }
-  }, [d, N, de, h]), qt("MDCChip:removal", je, P), qt("MDCChip:selection", Vt, P), qt("MDCChip:interaction", qe, P);
-  var Xe = Qt(function() {
-    return It(d).call(d, function(s) {
-      return /* @__PURE__ */ E.createElement(xi, {
-        key: v(s),
-        chipData: s,
+  }, [d, O, pe, h]), zt("MDCChip:removal", Xe, D), zt("MDCChip:selection", jt, D), zt("MDCChip:interaction", ze, D);
+  var Je = te(function() {
+    return vt(d).call(d, function(l) {
+      return /* @__PURE__ */ E.createElement(Hi, {
+        key: v(l),
+        chipData: l,
         chipIdField: i,
         chipLabelField: u,
-        initiallySelected: ue(s),
-        input: S,
-        label: s[u],
-        labelRenderer: D,
-        leadingIcon: yt,
-        leadingIconField: it,
-        onDestroy: he,
-        onMounted: pe,
-        selectionType: b,
+        initiallySelected: he(l),
+        input: b,
+        label: l[u],
+        labelRenderer: H,
+        leadingIcon: U,
+        leadingIconField: mt,
+        onDestroy: _e,
+        onMounted: fe,
+        selectionType: T,
         trailingIcon: At,
-        trailingIconField: V,
-        variant: W,
-        disabled: j || s.disabled
+        trailingIconField: Tt,
+        variant: q,
+        disabled: x || l.disabled
       });
     });
-  }, [i, u, d, j, v, S, ue, D, yt, it, he, pe, b, At, V, W]);
-  return /* @__PURE__ */ E.createElement("div", Fe({
-    className: Jt("lmnt", mt && "mdc-chip-set-scrollable-wrapper")
-  }, Ut), /* @__PURE__ */ E.createElement("div", {
-    ref: Gt,
+  }, [i, u, d, x, v, b, he, H, U, mt, _e, fe, T, At, Tt, q]);
+  return /* @__PURE__ */ E.createElement("div", Le({
+    className: Zt("lmnt", j && "mdc-chip-set-scrollable-wrapper", Nt)
+  }, Gt), /* @__PURE__ */ E.createElement("div", {
+    ref: Wt,
     role: "grid",
-    className: Jt("lmnt", "mdc-chip-set", b === "choice" && "mdc-chip-set--choice", b === "filter" && "mdc-chip-set--filter", S && "mdc-chip-set--input", mt && "mdc-chip-set--input-scroll", j && "lmnt-chips--disabled")
-  }, Xe));
+    className: Zt("lmnt", "mdc-chip-set", T === "choice" && "mdc-chip-set--choice", T === "filter" && "mdc-chip-set--filter", b && "mdc-chip-set--input", j && "mdc-chip-set--input-scroll", x && "lmnt-chips--disabled")
+  }, Je));
 };
-ce.displayName = "Chips";
-ce.propTypes = Fi;
-var ji = /* @__PURE__ */ E.memo(ce);
-const qi = "_entityContainer_1g0x2_1", Xi = {
-  entityContainer: qi
-}, fn = ({ label: o, icon: e, className: t = "" }) => /* @__PURE__ */ jt(
-  Ze,
+le.displayName = "Chips";
+le.propTypes = Li;
+var Xi = /* @__PURE__ */ E.memo(le);
+const zi = "_entityContainer_1g0x2_1", Ji = {
+  entityContainer: zi
+}, Cn = ({ label: o, icon: e, className: t = "" }) => /* @__PURE__ */ Xt(
+  ei,
   {
     "data-testid": "chip-card",
     variant: "flat",
     bodyAlignment: "centered",
     themeColor: "primary-50",
-    className: `${Xi.entityContainer} ${t}`,
-    children: /* @__PURE__ */ jt(_i, { id: `chip_card_${o}`, text: o, children: /* @__PURE__ */ jt(
-      ji,
+    className: `${Ji.entityContainer} ${t}`,
+    children: /* @__PURE__ */ Xt(Ii, { id: `chip_card_${o}`, text: o, children: /* @__PURE__ */ Xt(
+      Xi,
       {
         "data-testid": `${o}-chip`,
         chips: [
@@ -1887,5 +1901,5 @@ const qi = "_entityContainer_1g0x2_1", Xi = {
   }
 );
 export {
-  fn as ChipCard
+  Cn as ChipCard
 };