@uva-glass/component-library 3.19.1 → 3.19.3

package/dist/components/Card/Card.js

@@ -1,39 +1,39 @@
-import { jsxs as t, jsx as l } from "react/jsx-runtime";
-import { c as o } from "../../clsx-OuTLNxxd.js";
-import { SectionNotification as g } from "../SectionNotification/SectionNotification.js";
-import '../../assets/Card.css';const i = "_card_19162_1", r = {
-  card: i,
-  "card--regular": "_card--regular_19162_7",
-  "card--large": "_card--large_19162_8",
-  "card--small": "_card--small_19162_13",
-  "card-header": "_card-header_19162_26",
-  "card--high-contrast": "_card--high-contrast_19162_33",
-  "card--align-center": "_card--align-center_19162_37"
-}, u = ({
+import { jsxs as m, jsx as l } from "react/jsx-runtime";
+import { c as t } from "../../clsx-OuTLNxxd.js";
+import { SectionNotification as o } from "../SectionNotification/SectionNotification.js";
+import '../../assets/Card.css';const g = "_card_18vam_1", a = {
+  card: g,
+  "card--regular": "_card--regular_18vam_7",
+  "card--large": "_card--large_18vam_8",
+  "card--small": "_card--small_18vam_13",
+  "card-header": "_card-header_18vam_26",
+  "card--high-contrast": "_card--high-contrast_18vam_33",
+  "card--align-center": "_card--align-center_18vam_37"
+}, v = ({
   children: d,
   header: c,
   highContrast: s,
   notification: e,
-  padding: a = "regular",
+  padding: r = "regular",
   alignCenter: _ = !1
-}) => /* @__PURE__ */ t(
+}) => /* @__PURE__ */ m(
   "div",
   {
-    className: o(r.card, {
-      [r["card--high-contrast"]]: s,
-      [r["card--regular"]]: a === "regular",
-      [r["card--small"]]: a === "small",
-      [r["card--large"]]: a === "large",
-      [r["card--align-center"]]: _
+    className: t(a.card, {
+      [a["card--high-contrast"]]: s,
+      [a["card--regular"]]: r === "regular",
+      [a["card--small"]]: r === "small",
+      [a["card--large"]]: r === "large",
+      [a["card--align-center"]]: _
     }),
     children: [
-      e && /* @__PURE__ */ l(g, { children: e }),
-      c && /* @__PURE__ */ l("div", { className: r["card-header"], children: c }),
+      e && /* @__PURE__ */ l(o, { children: e }),
+      c && /* @__PURE__ */ l("div", { className: a["card-header"], children: c }),
       d
     ]
   }
 );
 export {
-  u as Card
+  v as Card
 };
 //# sourceMappingURL=Card.js.map

package/dist/components/Checkbox/Checkbox.js

@@ -1,9 +1,9 @@
 import { jsx as e } from "react/jsx-runtime";
 import { forwardRef as t } from "react";
-import '../../assets/Checkbox.css';const r = "_checkbox_lu7hj_1", s = {
+import '../../assets/Checkbox.css';const r = "_checkbox_uai6q_1", s = {
   checkbox: r
-}, b = t(({ ...c }, o) => /* @__PURE__ */ e("input", { ...c, type: "checkbox", className: s.checkbox, ref: o }));
+}, h = t(({ ...c }, o) => /* @__PURE__ */ e("input", { ...c, type: "checkbox", className: s.checkbox, ref: o }));
 export {
-  b as Checkbox
+  h as Checkbox
 };
 //# sourceMappingURL=Checkbox.js.map

package/dist/components/CheckboxButton/CheckboxButton.js

@@ -1,27 +1,27 @@
-import { jsxs as r, jsx as n } from "react/jsx-runtime";
-import { c as i } from "../../clsx-OuTLNxxd.js";
-import { useId as d, useState as m } from "react";
+import { jsxs as i, jsx as n } from "react/jsx-runtime";
+import { c as d } from "../../clsx-OuTLNxxd.js";
+import { useId as l, useState as m } from "react";
 import '../../assets/CheckboxButton.css';const t = {
-  "checkbox-button__container": "_checkbox-button__container_lqy3b_1",
-  "checkbox-button": "_checkbox-button_lqy3b_1",
-  "checkbox-button--not-valid": "_checkbox-button--not-valid_lqy3b_59",
-  "checkbox-button--single": "_checkbox-button--single_lqy3b_69",
-  "checkbox-button--start": "_checkbox-button--start_lqy3b_73",
-  "checkbox-button--middle": "_checkbox-button--middle_lqy3b_77",
-  "checkbox-button--end": "_checkbox-button--end_lqy3b_84"
-}, q = ({
+  "checkbox-button__container": "_checkbox-button__container_bnmy8_1",
+  "checkbox-button": "_checkbox-button_bnmy8_1",
+  "checkbox-button--not-valid": "_checkbox-button--not-valid_bnmy8_59",
+  "checkbox-button--single": "_checkbox-button--single_bnmy8_69",
+  "checkbox-button--start": "_checkbox-button--start_bnmy8_73",
+  "checkbox-button--middle": "_checkbox-button--middle_bnmy8_77",
+  "checkbox-button--end": "_checkbox-button--end_bnmy8_84"
+}, f = ({
   label: c,
   value: b,
   isChecked: h = !1,
   variant: _ = "single",
   disabled: s,
-  notValid: l,
-  onSetValue: u
+  notValid: u,
+  onSetValue: x
 }) => {
-  const e = d(), [x, k] = m(h), a = (o) => {
-    k(o.target.checked), u(o.target.checked ? o.target.value : null);
+  const e = l(), [k, a] = m(h), r = (o) => {
+    a(o.target.checked), x(o.target.checked ? o.target.value : null);
   };
-  return /* @__PURE__ */ r("span", { className: t["checkbox-button__container"], children: [
+  return /* @__PURE__ */ i("span", { className: t["checkbox-button__container"], children: [
     /* @__PURE__ */ n(
       "input",
       {
@@ -29,16 +29,16 @@ import '../../assets/CheckboxButton.css';const t = {
         id: `${e}${c}`,
         disabled: s,
         value: b,
-        checked: x,
-        onChange: a
+        checked: k,
+        onChange: r
       }
     ),
     /* @__PURE__ */ n(
       "label",
       {
         htmlFor: `${e}${c}`,
-        className: i(t["checkbox-button"], t[`checkbox-button--${_}`], {
-          [t["checkbox-button--not-valid"]]: l
+        className: d(t["checkbox-button"], t[`checkbox-button--${_}`], {
+          [t["checkbox-button--not-valid"]]: u
         }),
         children: c
       }
@@ -46,6 +46,6 @@ import '../../assets/CheckboxButton.css';const t = {
   ] });
 };
 export {
-  q as CheckboxButton
+  f as CheckboxButton
 };
 //# sourceMappingURL=CheckboxButton.js.map

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.js

@@ -1,20 +1,20 @@
 import { jsxs as a, jsx as c } from "react/jsx-runtime";
 import { useRef as d } from "react";
-import { c as g } from "../../clsx-OuTLNxxd.js";
-import { CheckboxButton as w } from "../CheckboxButton/CheckboxButton.js";
-import { Label as C } from "../Label/Label.js";
-import { Icon as N } from "../Icon/Icon.js";
+import { c as v } from "../../clsx-OuTLNxxd.js";
+import { CheckboxButton as y } from "../CheckboxButton/CheckboxButton.js";
+import { Label as g } from "../Label/Label.js";
+import { Icon as w } from "../Icon/Icon.js";
 import '../../assets/CheckboxButtonBar.css';const n = {
-  "checkbox-button-bar__container": "_checkbox-button-bar__container_1b278_1",
-  "checkbox-button-bar__container--label-left": "_checkbox-button-bar__container--label-left_1b278_6",
-  "checkbox-button-bar__container--label-top": "_checkbox-button-bar__container--label-top_1b278_12",
-  "checkbox-button-bar__row-container": "_checkbox-button-bar__row-container_1b278_19",
-  "checkbox-button-bar__row": "_checkbox-button-bar__row_1b278_19",
-  "checkbox-button-bar__error": "_checkbox-button-bar__error_1b278_30"
-}, y = ({
-  checkboxes: i,
+  "checkbox-button-bar__container": "_checkbox-button-bar__container_y43lv_1",
+  "checkbox-button-bar__container--label-left": "_checkbox-button-bar__container--label-left_y43lv_6",
+  "checkbox-button-bar__container--label-top": "_checkbox-button-bar__container--label-top_y43lv_12",
+  "checkbox-button-bar__row-container": "_checkbox-button-bar__row-container_y43lv_19",
+  "checkbox-button-bar__row": "_checkbox-button-bar__row_y43lv_19",
+  "checkbox-button-bar__error": "_checkbox-button-bar__error_y43lv_30"
+}, $ = ({
+  checkboxes: l,
   defaultValues: t,
-  label: l,
+  label: i,
   labelPosition: s = "top",
   required: h = !1,
   notValidatedText: b = "",
@@ -27,20 +27,20 @@ import '../../assets/CheckboxButtonBar.css';const n = {
   return /* @__PURE__ */ a(
     "div",
     {
-      className: g(
+      className: v(
         n["checkbox-button-bar__container"],
         n[`checkbox-button-bar__container--label-${s}`]
       ),
       children: [
-        l && /* @__PURE__ */ c(C, { htmlFor: "", required: h, children: l }),
+        i && /* @__PURE__ */ c(g, { htmlFor: "", required: h, children: i }),
         /* @__PURE__ */ a("div", { className: n["checkbox-button-bar__row-container"], children: [
-          /* @__PURE__ */ c("div", { className: n["checkbox-button-bar__row"], children: i.map(({ label: o, value: r, disabled: _ }, f) => /* @__PURE__ */ c(
-            w,
+          /* @__PURE__ */ c("div", { className: n["checkbox-button-bar__row"], children: l.map(({ label: o, value: r, disabled: _ }, f) => /* @__PURE__ */ c(
+            y,
             {
               label: o,
               value: r,
               isChecked: t ? t.includes(r) : !1,
-              variant: k(f, i.length),
+              variant: k(f, l.length),
               disabled: _ || u,
               notValid: b !== "",
               onSetValue: (p) => x(p, r)
@@ -48,7 +48,7 @@ import '../../assets/CheckboxButtonBar.css';const n = {
             `${r}`
           )) }),
           b !== "" && /* @__PURE__ */ a("div", { className: n["checkbox-button-bar__error"], children: [
-            /* @__PURE__ */ c(N, { name: "ExclamationTriangleFill", size: 24 }),
+            /* @__PURE__ */ c(w, { name: "ExclamationTriangleFill", size: 24 }),
             b
           ] })
         ] })
@@ -57,6 +57,6 @@ import '../../assets/CheckboxButtonBar.css';const n = {
   );
 };
 export {
-  y as CheckboxButtonBar
+  $ as CheckboxButtonBar
 };
 //# sourceMappingURL=CheckboxButtonBar.js.map

package/dist/components/CheckboxTree/CheckboxTree.js

@@ -1,23 +1,23 @@
 import { jsxs as u, jsx as i } from "react/jsx-runtime";
-import { useRef as y, useState as G, useEffect as O, createRef as S } from "react";
-import { c as E } from "../../clsx-OuTLNxxd.js";
-import { Icon as q } from "../Icon/Icon.js";
-import { Button as I } from "../Buttons/Button.js";
+import { useRef as G, useState as S, useEffect as E, createRef as q } from "react";
+import { c as j } from "../../clsx-OuTLNxxd.js";
+import { Icon as I } from "../Icon/Icon.js";
+import { Button as L } from "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";
 import "@react-aria/button";
-import { Checkbox as w } from "../Checkbox/Checkbox.js";
-import { Label as A } from "../Label/Label.js";
+import { Checkbox as A } from "../Checkbox/Checkbox.js";
+import { Label as C } from "../Label/Label.js";
 import "@react-aria/dialog";
 import "@react-aria/focus";
 import "@react-aria/overlays";
 import "../OverlayCloseButton/OverlayCloseButton.js";
-import { FormField as C } from "../FormField/FormField.js";
+import { FormField as B } from "../FormField/FormField.js";
 import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-CE20cPhW.js";
+import "../../TablePlugin-hxs9O_ox.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
@@ -25,29 +25,29 @@ import "../../index-DllfJcv4.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-DZggDO3M.js";
-import { useResponsive as L } from "../hooks/useResponsive.js";
+import "../../SortableProvider-B3_u0pKv.js";
+import { useResponsive as N } from "../hooks/useResponsive.js";
 import '../../assets/CheckboxTree.css';const s = {
-  "checkbox-tree__header": "_checkbox-tree__header_3w3rj_1",
-  "checkbox-tree__branch": "_checkbox-tree__branch_3w3rj_8",
-  "checkbox-tree__branch--icon": "_checkbox-tree__branch--icon_3w3rj_21",
-  "checkbox-tree__branch--icon--expanded": "_checkbox-tree__branch--icon--expanded_3w3rj_27",
-  "checkbox-tree__branch--formfield": "_checkbox-tree__branch--formfield_3w3rj_32",
-  "checkbox-tree__leaves": "_checkbox-tree__leaves_3w3rj_39",
-  "checkbox-tree__leaves--expanded": "_checkbox-tree__leaves--expanded_3w3rj_48",
-  "checkbox-tree__leaf": "_checkbox-tree__leaf_3w3rj_52"
-}, le = ({
-  title: f,
-  checkboxTree: B,
+  "checkbox-tree__header": "_checkbox-tree__header_1nrfk_1",
+  "checkbox-tree__branch": "_checkbox-tree__branch_1nrfk_8",
+  "checkbox-tree__branch--icon": "_checkbox-tree__branch--icon_1nrfk_21",
+  "checkbox-tree__branch--icon--expanded": "_checkbox-tree__branch--icon--expanded_1nrfk_27",
+  "checkbox-tree__branch--formfield": "_checkbox-tree__branch--formfield_1nrfk_32",
+  "checkbox-tree__leaves": "_checkbox-tree__leaves_1nrfk_39",
+  "checkbox-tree__leaves--expanded": "_checkbox-tree__leaves--expanded_1nrfk_48",
+  "checkbox-tree__leaf": "_checkbox-tree__leaf_1nrfk_52"
+}, fe = ({
+  title: l,
+  checkboxTree: F,
   selectedValues: d,
   noLabelFrontWeight: p = !1,
   onChange: b
 }) => {
-  const n = y({}), [m, x] = G([]), { lessThan: h } = L(), F = (r, e) => {
+  const n = G({}), [m, x] = S([]), { lessThan: h } = N(), R = (r, e) => {
     if (r.length !== e.length) return !1;
-    const t = (o) => o.reduce((l, j) => (l[j] = (l[j] || 0) + 1, l), {}), c = t(r), a = t(e);
+    const t = (o) => o.reduce((f, O) => (f[O] = (f[O] || 0) + 1, f), {}), c = t(r), a = t(e);
     return !Object.keys(c).some((o) => c[o] !== a[o]);
-  }, k = (r) => (n.current[r] || (n.current[r] = S()), n.current[r]), v = () => {
+  }, k = (r) => (n.current[r] || (n.current[r] = q()), n.current[r]), v = () => {
     const r = [];
     Object.entries(n.current).forEach(([e]) => {
       const t = n.current[e].current;
@@ -69,7 +69,7 @@ import '../../assets/CheckboxTree.css';const s = {
       "aria-expanded",
       ((c = e == null ? void 0 : e.closest("[data-li]")) == null ? void 0 : c.getAttribute("aria-expanded")) === "false" ? "true" : "false"
     ), t && t.classList.toggle(s["checkbox-tree__leaves--expanded"]);
-  }, R = (r) => {
+  }, $ = (r) => {
     const e = r.target;
     if (!(e.type !== "checkbox" && e.type !== "button")) {
       if (h.md && e.name.indexOf("Group") !== -1 && e.parentNode && e.parentNode.parentNode.getAttribute("aria-expanded") === "false") {
@@ -89,42 +89,42 @@ import '../../assets/CheckboxTree.css';const s = {
       }
       _(e.getAttribute("data-groupname") || ""), v();
     }
-  }, $ = (r) => {
+  }, y = (r) => {
     const e = r.target, t = e.closest("[data-li]");
     g(e, t);
   };
-  return O(() => {
-    d && !F(d, m) && Object.entries(n.current).forEach(([r]) => {
+  return E(() => {
+    d && !R(d, m) && Object.entries(n.current).forEach(([r]) => {
       const e = n.current[r].current;
       e && (d != null && d.includes(e.value) ? e.checked = !0 : e.checked = !1, e.name.indexOf("Group") !== -1 && x(d || []));
     });
-  }, [d]), O(() => {
+  }, [d]), E(() => {
     Object.entries(n.current).forEach(([r]) => {
       const e = n.current[r].current;
       e && e.name.indexOf("Group") !== -1 && _(e.name);
     });
   }, [m]), /* @__PURE__ */ u("div", { children: [
-    f && /* @__PURE__ */ i("span", { className: s["checkbox-tree__header"], children: f }),
-    /* @__PURE__ */ i("div", { onClick: R, "data-ul": !0, role: "tree", tabIndex: 0, children: B.map(({ itemName: r, children: e }, t) => /* @__PURE__ */ u(
+    l && /* @__PURE__ */ i("span", { className: s["checkbox-tree__header"], children: l }),
+    /* @__PURE__ */ i("div", { onClick: $, "data-ul": !0, role: "tree", tabIndex: 0, children: F.map(({ itemName: r, children: e }, t) => /* @__PURE__ */ u(
       "div",
       {
         className: s["checkbox-tree__branch"],
         "data-li": !0,
         "aria-expanded": h.md ? "false" : "true",
         children: [
-          /* @__PURE__ */ u(C, { inline: !0, className: s["checkbox-tree__branch--formfield"], children: [
-            /* @__PURE__ */ i(I, { variant: "blank", onClick: $, children: /* @__PURE__ */ i(
-              q,
+          /* @__PURE__ */ u(B, { inline: !0, className: s["checkbox-tree__branch--formfield"], children: [
+            /* @__PURE__ */ i(L, { variant: "blank", onClick: y, children: /* @__PURE__ */ i(
+              I,
               {
                 name: "CheveronRight",
                 size: 16,
-                className: E(s["checkbox-tree__branch--icon"], {
+                className: j(s["checkbox-tree__branch--icon"], {
                   [s["checkbox-tree__branch--icon--expanded"]]: !h.md
                 })
               }
             ) }),
             /* @__PURE__ */ i(
-              w,
+              A,
               {
                 id: r,
                 name: `Group${t}`,
@@ -132,18 +132,18 @@ import '../../assets/CheckboxTree.css';const s = {
                 ref: k(`Group${t}`)
               }
             ),
-            /* @__PURE__ */ i(A, { htmlFor: r, noFontWeight: p, children: r })
+            /* @__PURE__ */ i(C, { htmlFor: r, noFontWeight: p, children: r })
           ] }),
           /* @__PURE__ */ i(
             "div",
             {
-              className: E(s["checkbox-tree__leaves"], {
+              className: j(s["checkbox-tree__leaves"], {
                 [s["checkbox-tree__leaves--expanded"]]: !h.md
               }),
               "data-ul": !0,
-              children: e.map(({ itemName: c, itemValue: a, disabled: o }) => /* @__PURE__ */ i("div", { className: s["checkbox-tree__leaf"], "data-li": !0, children: /* @__PURE__ */ u(C, { inline: !0, className: s["checkbox-tree__branch--formfield"], children: [
+              children: e.map(({ itemName: c, itemValue: a, disabled: o }) => /* @__PURE__ */ i("div", { className: s["checkbox-tree__leaf"], "data-li": !0, children: /* @__PURE__ */ u(B, { inline: !0, className: s["checkbox-tree__branch--formfield"], children: [
                 /* @__PURE__ */ i(
-                  w,
+                  A,
                   {
                     id: c,
                     name: c,
@@ -153,7 +153,7 @@ import '../../assets/CheckboxTree.css';const s = {
                     ref: k(`Group${t}_${c}`)
                   }
                 ),
-                /* @__PURE__ */ i(A, { htmlFor: c, noFontWeight: p, children: c })
+                /* @__PURE__ */ i(C, { htmlFor: c, noFontWeight: p, children: c })
               ] }) }, c))
             }
           )
@@ -164,6 +164,6 @@ import '../../assets/CheckboxTree.css';const s = {
   ] });
 };
 export {
-  le as CheckboxTree
+  fe as CheckboxTree
 };
 //# sourceMappingURL=CheckboxTree.js.map

package/dist/components/Chip/Chip.js

@@ -1,12 +1,12 @@
-import { jsxs as o, jsx as s } from "react/jsx-runtime";
-import { Icon as i } from "../Icon/Icon.js";
-import '../../assets/Chip.css';const t = "_chip_3qe3v_1", l = "_chip__label_3qe3v_25", c = {
-  chip: t,
+import { jsxs as o, jsx as _ } from "react/jsx-runtime";
+import { Icon as t } from "../Icon/Icon.js";
+import '../../assets/Chip.css';const e = "_chip_1uifs_1", l = "_chip__label_1uifs_25", c = {
+  chip: e,
   chip__label: l,
-  "chip__close-button": "_chip__close-button_3qe3v_32"
-}, h = ({ label: _, onDelete: e }) => /* @__PURE__ */ o("button", { className: c.chip, onClick: () => e(_), children: [
-  /* @__PURE__ */ s("span", { className: c.chip__label, children: _ }),
-  /* @__PURE__ */ s(i, { name: "Cross", size: 20, className: c["chip__close-button"] })
+  "chip__close-button": "_chip__close-button_1uifs_32"
+}, h = ({ label: s, onDelete: i }) => /* @__PURE__ */ o("button", { className: c.chip, onClick: () => i(s), children: [
+  /* @__PURE__ */ _("span", { className: c.chip__label, children: s }),
+  /* @__PURE__ */ _(t, { name: "Cross", size: 20, className: c["chip__close-button"] })
 ] });
 export {
   h as Chip

package/dist/components/Drawer/Drawer.js

@@ -1,20 +1,20 @@
-import { jsx as e, jsxs as d } from "react/jsx-runtime";
-import { useDialog as y } from "@react-aria/dialog";
+import { jsx as r, jsxs as d } from "react/jsx-runtime";
+import { useDialog as b } from "@react-aria/dialog";
 import { FocusScope as C } from "@react-aria/focus";
 import { useModal as D, useOverlay as g, usePreventScroll as N, OverlayContainer as v } from "@react-aria/overlays";
-import { c as P } from "../../clsx-OuTLNxxd.js";
-import { useState as x, useRef as S, useEffect as j } from "react";
-import { Backdrop as k } from "../Backdrop/Backdrop.js";
-import { OverlayCloseButton as B } from "../OverlayCloseButton/OverlayCloseButton.js";
-import '../../assets/Drawer.css';const F = "_drawer_1ytb4_1", R = "_drawer__content_1ytb4_22", T = "_drawer__header_1ytb4_32", E = "_drawer__footer_1ytb4_39", K = "_drawer__heading_1ytb4_26", M = "_drawer__buttons_1ytb4_64", r = {
-  drawer: F,
-  drawer__content: R,
-  drawer__header: T,
-  drawer__footer: E,
-  drawer__heading: K,
-  "drawer--open": "_drawer--open_1ytb4_59",
-  drawer__buttons: M
-}, q = 200;
+import { c as z } from "../../clsx-OuTLNxxd.js";
+import { useState as P, useRef as x, useEffect as S } from "react";
+import { Backdrop as j } from "../Backdrop/Backdrop.js";
+import { OverlayCloseButton as k } from "../OverlayCloseButton/OverlayCloseButton.js";
+import '../../assets/Drawer.css';const B = "_drawer_1yz6e_1", F = "_drawer__content_1yz6e_22", R = "_drawer__header_1yz6e_32", T = "_drawer__footer_1yz6e_39", E = "_drawer__heading_1yz6e_26", K = "_drawer__buttons_1yz6e_64", e = {
+  drawer: B,
+  drawer__content: F,
+  drawer__header: R,
+  drawer__footer: T,
+  drawer__heading: E,
+  "drawer--open": "_drawer--open_1yz6e_59",
+  drawer__buttons: K
+}, M = 200;
 function U({
   buttons: s,
   children: n,
@@ -24,34 +24,34 @@ function U({
   closeButtonAriaValueText: i = "Close",
   ...w
 }) {
-  const [m, t] = x(r.drawer), { modalProps: u } = D({ isDisabled: !o }), a = S(null);
+  const [m, t] = P(e.drawer), { modalProps: u } = D({ isDisabled: !o }), a = x(null);
   function _() {
-    t(r.drawer), globalThis.setTimeout(() => {
+    t(e.drawer), globalThis.setTimeout(() => {
       l();
-    }, q);
+    }, M);
   }
   const { overlayProps: f, underlayProps: h } = g(
     { isDismissable: !0, isKeyboardDismissDisabled: !1, isOpen: o, onClose: _ },
     a
-  ), { dialogProps: b, titleProps: p } = y({}, a);
-  return N({ isDisabled: !o }), j(() => {
-    t(P(r.drawer, { [r["drawer--open"]]: o }));
-  }, [o]), /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(k, { ...h, children: /* @__PURE__ */ e(C, { contain: !0, restoreFocus: !0, children: /* @__PURE__ */ d(
+  ), { dialogProps: p, titleProps: y } = b({}, a);
+  return N({ isDisabled: !o }), S(() => {
+    t(z(e.drawer, { [e["drawer--open"]]: o }));
+  }, [o]), /* @__PURE__ */ r(v, { children: /* @__PURE__ */ r(j, { ...h, children: /* @__PURE__ */ r(C, { contain: !0, restoreFocus: !0, children: /* @__PURE__ */ d(
     "aside",
     {
       ...u,
       ...f,
-      ...b,
+      ...p,
       ...w,
       className: m,
       ref: a,
       children: [
-        /* @__PURE__ */ d("header", { className: r.drawer__header, children: [
-          /* @__PURE__ */ e("h1", { className: r.drawer__heading, ...p, children: c }),
-          /* @__PURE__ */ e(B, { "aria-label": i, onClick: _ })
+        /* @__PURE__ */ d("header", { className: e.drawer__header, children: [
+          /* @__PURE__ */ r("h1", { className: e.drawer__heading, ...y, children: c }),
+          /* @__PURE__ */ r(k, { "aria-label": i, onClick: _ })
         ] }),
-        /* @__PURE__ */ e("div", { className: r.drawer__content, children: n }),
-        s && /* @__PURE__ */ e("footer", { className: r.drawer__footer, children: /* @__PURE__ */ e("div", { className: r.drawer__buttons, children: s }) })
+        /* @__PURE__ */ r("div", { className: e.drawer__content, children: n }),
+        s && /* @__PURE__ */ r("footer", { className: e.drawer__footer, children: /* @__PURE__ */ r("div", { className: e.drawer__buttons, children: s }) })
       ]
     }
   ) }) }) });

package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.js

@@ -1,34 +1,34 @@
-import { jsxs as s, jsx as t } from "react/jsx-runtime";
-import { c as l } from "../../clsx-OuTLNxxd.js";
-import { Icon as r } from "../Icon/Icon.js";
+import { jsxs as p, jsx as t } from "react/jsx-runtime";
+import { c as d } from "../../clsx-OuTLNxxd.js";
+import { Icon as l } from "../Icon/Icon.js";
 import '../../assets/EmptyStateDataDisplay.css';const a = {
-  "empty-state-data-display_wrapper": "_empty-state-data-display_wrapper_1blmp_1",
-  "empty-state-data-display_icon-frame": "_empty-state-data-display_icon-frame_1blmp_9",
-  "empty-state-data-display_wrapper--invert-colors": "_empty-state-data-display_wrapper--invert-colors_1blmp_19",
-  "empty-state-data-display_icon-frame--invert-colors": "_empty-state-data-display_icon-frame--invert-colors_1blmp_23",
-  "empty-state-data-display_text-content": "_empty-state-data-display_text-content_1blmp_27",
-  "empty-state-data-display_label": "_empty-state-data-display_label_1blmp_33",
-  "empty-state-data-display_paragraph": "_empty-state-data-display_paragraph_1blmp_37"
+  "empty-state-data-display_wrapper": "_empty-state-data-display_wrapper_14bsh_1",
+  "empty-state-data-display_icon-frame": "_empty-state-data-display_icon-frame_14bsh_9",
+  "empty-state-data-display_wrapper--invert-colors": "_empty-state-data-display_wrapper--invert-colors_14bsh_19",
+  "empty-state-data-display_icon-frame--invert-colors": "_empty-state-data-display_icon-frame--invert-colors_14bsh_23",
+  "empty-state-data-display_text-content": "_empty-state-data-display_text-content_14bsh_27",
+  "empty-state-data-display_label": "_empty-state-data-display_label_14bsh_33",
+  "empty-state-data-display_paragraph": "_empty-state-data-display_paragraph_14bsh_37"
 };
-function _({ label: d, paragraph: e, invertColors: p }) {
-  return /* @__PURE__ */ s(
+function m({ label: r, paragraph: e, invertColors: s }) {
+  return /* @__PURE__ */ p(
     "div",
     {
-      className: l(a["empty-state-data-display_wrapper"], {
-        [a["empty-state-data-display_wrapper--invert-colors"]]: p
+      className: d(a["empty-state-data-display_wrapper"], {
+        [a["empty-state-data-display_wrapper--invert-colors"]]: s
       }),
       children: [
         /* @__PURE__ */ t(
           "div",
           {
-            className: l(a["empty-state-data-display_icon-frame"], {
-              [a["empty-state-data-display_icon-frame--invert-colors"]]: p
+            className: d(a["empty-state-data-display_icon-frame"], {
+              [a["empty-state-data-display_icon-frame--invert-colors"]]: s
             }),
-            children: /* @__PURE__ */ t(r, { name: "CubeTransparent" })
+            children: /* @__PURE__ */ t(l, { name: "CubeTransparent" })
           }
         ),
-        /* @__PURE__ */ s("div", { className: a["empty-state-data-display_text-content"], children: [
-          /* @__PURE__ */ t("label", { className: a["empty-state-data-display_label"], children: d }),
+        /* @__PURE__ */ p("div", { className: a["empty-state-data-display_text-content"], children: [
+          /* @__PURE__ */ t("label", { className: a["empty-state-data-display_label"], children: r }),
           e && /* @__PURE__ */ t("p", { className: a["empty-state-data-display_paragraph"], children: e })
         ] })
       ]
@@ -36,6 +36,6 @@ function _({ label: d, paragraph: e, invertColors: p }) {
   );
 }
 export {
-  _ as EmptyStateDataDisplay
+  m as EmptyStateDataDisplay
 };
 //# sourceMappingURL=EmptyStateDataDisplay.js.map

package/dist/components/FeedbackBar/FeedbackBar.js

@@ -1,27 +1,27 @@
-import { jsxs as r, jsx as a } from "react/jsx-runtime";
+import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import { c } from "../../clsx-OuTLNxxd.js";
 import { useState as l, useEffect as _ } from "react";
-import { Icon as s } from "../Icon/Icon.js";
+import { Icon as b } from "../Icon/Icon.js";
 import { Repeater as f } from "../Repeater/Repeater.js";
 import '../../assets/FeedbackBar.css';const e = {
-  "feedback-bar": "_feedback-bar_aoc1x_1",
-  "feedback-bar--visible": "_feedback-bar--visible_aoc1x_15",
-  "feedback-bar__icon": "_feedback-bar__icon_aoc1x_21",
-  "feedback-bar__close-button": "_feedback-bar__close-button_aoc1x_25"
-}, x = ({ children: b }) => {
-  const [t, o] = l(!1);
+  "feedback-bar": "_feedback-bar_1exld_1",
+  "feedback-bar--visible": "_feedback-bar--visible_1exld_15",
+  "feedback-bar__icon": "_feedback-bar__icon_1exld_21",
+  "feedback-bar__close-button": "_feedback-bar__close-button_1exld_25"
+}, x = ({ children: o }) => {
+  const [t, r] = l(!1);
   _(() => {
-    o(!0);
+    r(!0);
   }, []);
   const i = () => {
-    o(!1);
+    r(!1);
   };
-  return /* @__PURE__ */ r("div", { className: c(e["feedback-bar"], { [e["feedback-bar--visible"]]: t }), role: "alert", children: [
-    /* @__PURE__ */ r(f, { flexDirection: "row", children: [
-      /* @__PURE__ */ a(s, { className: c(e["feedback-bar__icon"]), name: "CheckCircle" }),
-      b
+  return /* @__PURE__ */ s("div", { className: c(e["feedback-bar"], { [e["feedback-bar--visible"]]: t }), role: "alert", children: [
+    /* @__PURE__ */ s(f, { flexDirection: "row", children: [
+      /* @__PURE__ */ a(b, { className: c(e["feedback-bar__icon"]), name: "CheckCircle" }),
+      o
     ] }),
-    /* @__PURE__ */ a("button", { className: c(e["feedback-bar__close-button"]), type: "button", onClick: i, children: /* @__PURE__ */ a(s, { name: "Cross", size: 24 }) })
+    /* @__PURE__ */ a("button", { className: c(e["feedback-bar__close-button"]), type: "button", onClick: i, children: /* @__PURE__ */ a(b, { name: "Cross", size: 24 }) })
   ] });
 };
 export {