@uva-glass/component-library 3.49.0 → 3.50.0

package/dist/components/Buttons/LinkButton.js

@@ -2,7 +2,7 @@ import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as f } from "react";
 import { Link as i } from "react-router";
 import { c as n } from "../../clsx-OuTLNxxd.js";
-import { s as o } from "../../Button.module-D-q-W0TM.js";
+import { s as o } from "../../Button.module-S1-6tV9o.js";
 const l = f(
   ({ variant: r, ...t }, m) => /* @__PURE__ */ s(i, { ...t, className: n(o.button, o[`button--${r}`]), ref: m })
 );

package/dist/components/Buttons/MenuButton.js

@@ -2,7 +2,7 @@ import { jsxs as e, jsx as p } from "react/jsx-runtime";
 import { useButton as c } from "@react-aria/button";
 import { c as f } from "../../clsx-OuTLNxxd.js";
 import { Icon as i } from "../Icon/Icon.js";
-import { s as r } from "../../Button.module-D-q-W0TM.js";
+import { s as r } from "../../Button.module-S1-6tV9o.js";
 function B({ buttonRef: t, variant: s, iconName: o, children: n, ...m }) {
   const { buttonProps: u } = c(m, t);
   return /* @__PURE__ */ e("button", { ...u, ref: t, className: f(r.button, r[`button--${s}`]), children: [

package/dist/components/Card/Card.js

@@ -1,39 +1,39 @@
 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 = {
+import '../../assets/Card.css';const g = "_card_1m1jk_1", r = {
   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 = ({
+  "card--regular": "_card--regular_1m1jk_7",
+  "card--large": "_card--large_1m1jk_8",
+  "card--small": "_card--small_1m1jk_13",
+  "card-header": "_card-header_1m1jk_26",
+  "card--high-contrast": "_card--high-contrast_1m1jk_33",
+  "card--align-center": "_card--align-center_1m1jk_37"
+}, j = ({
   children: d,
   header: c,
   highContrast: s,
   notification: e,
-  padding: r = "regular",
+  padding: a = "regular",
   alignCenter: _ = !1
 }) => /* @__PURE__ */ m(
   "div",
   {
-    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"]]: _
+    className: t(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"]]: _
     }),
     children: [
       e && /* @__PURE__ */ l(o, { children: e }),
-      c && /* @__PURE__ */ l("div", { className: a["card-header"], children: c }),
+      c && /* @__PURE__ */ l("div", { className: r["card-header"], children: c }),
       d
     ]
   }
 );
 export {
-  v as Card
+  j as Card
 };
 //# sourceMappingURL=Card.js.map

package/dist/components/Checkbox/Checkbox.js

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

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.js

@@ -1,94 +1,94 @@
-import { jsxs as F, jsx as t } from "react/jsx-runtime";
+import { jsxs as F, jsx as c } from "react/jsx-runtime";
 import { useState as S } from "react";
 import { c as _ } from "../../clsx-OuTLNxxd.js";
 import { Label as L } from "../Label/Label.js";
 import { FeedbackBox as $ } from "../FeedbackBox/FeedbackBox.js";
 import { ControlsButton as C } from "../ControlsButton/ControlsButton.js";
-import '../../assets/CheckboxButtonBar.css';const e = {
-  "checkbox-button-bar__container": "_checkbox-button-bar__container_u8hmc_1",
-  "checkbox-button-bar__container--label-left": "_checkbox-button-bar__container--label-left_u8hmc_6",
-  "checkbox-button-bar__container--label-top": "_checkbox-button-bar__container--label-top_u8hmc_12",
-  "checkbox-button-bar__row-container": "_checkbox-button-bar__row-container_u8hmc_18",
-  "checkbox-button-bar__row-container--segmented": "_checkbox-button-bar__row-container--segmented_u8hmc_24",
-  "checkbox-button-bar__row": "_checkbox-button-bar__row_u8hmc_18",
-  "checkbox-button-bar__row--not-validated": "_checkbox-button-bar__row--not-validated_u8hmc_39",
-  "checkbox-button-bar__footer": "_checkbox-button-bar__footer_u8hmc_43"
+import '../../assets/CheckboxButtonBar.css';const t = {
+  "checkbox-button-bar__container": "_checkbox-button-bar__container_114ld_1",
+  "checkbox-button-bar__container--label-left": "_checkbox-button-bar__container--label-left_114ld_6",
+  "checkbox-button-bar__container--label-top": "_checkbox-button-bar__container--label-top_114ld_12",
+  "checkbox-button-bar__row-container": "_checkbox-button-bar__row-container_114ld_18",
+  "checkbox-button-bar__row-container--segmented": "_checkbox-button-bar__row-container--segmented_114ld_24",
+  "checkbox-button-bar__row": "_checkbox-button-bar__row_114ld_18",
+  "checkbox-button-bar__row--not-validated": "_checkbox-button-bar__row--not-validated_114ld_39",
+  "checkbox-button-bar__footer": "_checkbox-button-bar__footer_114ld_43"
 }, J = ({
-  checkboxes: m,
+  checkboxes: x,
   defaultValues: r,
-  label: u,
+  label: d,
   labelPosition: y = "top",
   required: j = !1,
-  notValidated: x = !1,
+  notValidated: m = !1,
   notValidatedText: n = "",
   actAsRadioButtonBar: a = !1,
-  footerText: d = "",
+  footerText: u = "",
   disableGroup: f = !1,
   segmented: p = !1,
   forceSquared: w = !1,
   onSetValues: g
 }) => {
-  const [h, v] = S(
+  const [l, v] = S(
     r && !a ? r.map(String) : r && a ? r.slice(0, 1) : []
-  ), N = (c) => {
-    let o = h;
-    a ? (v([c]), g([c])) : (o.includes(c) ? o = o.filter((b) => b !== c) : o = [...o, c], v(o), g(o));
+  ), N = (e) => {
+    let o = l;
+    a ? (v([e]), g([e])) : (o.includes(e) ? o = o.filter((b) => b !== e) : o = [...o, e], v(o), g(o));
   };
   return /* @__PURE__ */ F(
     "div",
     {
       className: _(
-        e["checkbox-button-bar__container"],
-        e[`checkbox-button-bar__container--label-${y}`]
+        t["checkbox-button-bar__container"],
+        t[`checkbox-button-bar__container--label-${y}`]
       ),
       children: [
-        u && /* @__PURE__ */ t(L, { htmlFor: "", required: j, children: u }),
-        /* @__PURE__ */ t(
+        d && /* @__PURE__ */ c(L, { htmlFor: "", required: j, children: d }),
+        /* @__PURE__ */ c(
           "div",
           {
-            className: _(e["checkbox-button-bar__row-container"], {
-              [e["checkbox-button-bar__row-container--segmented"]]: p
+            className: _(t["checkbox-button-bar__row-container"], {
+              [t["checkbox-button-bar__row-container--segmented"]]: p
             }),
-            children: p ? m.map(({ label: c, value: o, prefix: b, tooltip: l, tooltipPosition: i, disabled: s }) => /* @__PURE__ */ t(
+            children: p ? x.map(({ label: e, value: o, prefix: b, tooltip: h, tooltipPosition: i, disabled: s }) => /* @__PURE__ */ c(
               "div",
               {
-                className: _(e["checkbox-button-bar__row"], {
-                  [e["checkbox-button-bar__row--not-validated"]]: x || n
+                className: _(t["checkbox-button-bar__row"], {
+                  [t["checkbox-button-bar__row--not-validated"]]: m || n
                 }),
-                children: /* @__PURE__ */ t(
+                children: /* @__PURE__ */ c(
                   C,
                   {
                     type: "checkbox",
-                    label: c,
+                    label: e,
                     prefix: b,
-                    tooltip: l,
+                    tooltip: h,
                     tooltipPosition: i,
                     forceSquared: w,
                     value: o,
-                    checked: h.includes(o),
+                    checked: l.includes(o),
                     disabled: s || f,
                     onSetValue: (k) => N(k.target.value)
                   }
                 )
               },
               o
-            )) : /* @__PURE__ */ t(
+            )) : /* @__PURE__ */ c(
               "div",
               {
-                className: _(e["checkbox-button-bar__row"], {
-                  [e["checkbox-button-bar__row--not-validated"]]: x || n
+                className: _(t["checkbox-button-bar__row"], {
+                  [t["checkbox-button-bar__row--not-validated"]]: m || n
                 }),
-                children: m.map(({ label: c, value: o, prefix: b, tooltip: l, tooltipPosition: i, disabled: s }) => /* @__PURE__ */ t(
+                children: x.map(({ label: e, value: o, prefix: b, tooltip: h, tooltipPosition: i, disabled: s }) => /* @__PURE__ */ c(
                   C,
                   {
                     type: "checkbox",
-                    label: c,
+                    label: e,
                     prefix: b,
-                    tooltip: l,
+                    tooltip: h,
                     tooltipPosition: i,
                     forceSquared: w,
                     value: o,
-                    checked: h.includes(o),
+                    checked: l.includes(o),
                     disabled: s || f,
                     onSetValue: (k) => N(k.target.value)
                   },
@@ -98,8 +98,8 @@ import '../../assets/CheckboxButtonBar.css';const e = {
             )
           }
         ),
-        d && /* @__PURE__ */ t("div", { className: e["checkbox-button-bar__footer"], children: d }),
-        n !== "" && /* @__PURE__ */ t($, { level: "error", feedback: n })
+        u && /* @__PURE__ */ c("div", { className: t["checkbox-button-bar__footer"], children: u }),
+        n !== "" && /* @__PURE__ */ c($, { level: "error", feedback: n })
       ]
     }
   );

package/dist/components/CheckboxTree/CheckboxTree.js

@@ -1,6 +1,6 @@
-import { jsxs as l, jsx as i } from "react/jsx-runtime";
-import { useRef as G, useState as S, useEffect as E, createRef as q } from "react";
-import { c as j } from "../../clsx-OuTLNxxd.js";
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import { useRef as G, useState as S, useEffect as O, createRef as q } from "react";
+import { c as E } from "../../clsx-OuTLNxxd.js";
 import "../Accordion/Accordion.js";
 import { Icon as I } from "../Icon/Icon.js";
 import { Button as L } from "../Buttons/Button.js";
@@ -18,7 +18,7 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-Cvw0NmoH.js";
+import "../../TablePlugin-8TKXJMYE.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
@@ -28,36 +28,36 @@ import "../SearchField/SearchField.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-l8-7ClBJ.js";
+import "../../SortableProvider-BbwlEPIr.js";
 import "../WeekSelector/components/WeekSelectorOptionContainer.js";
 import { useResponsive as N } from "../hooks/useResponsive.js";
 import '../../assets/CheckboxTree.css';const a = {
-  "checkbox-tree__header": "_checkbox-tree__header_l338d_1",
-  "checkbox-tree__branch": "_checkbox-tree__branch_l338d_8",
-  "checkbox-tree__branch--icon": "_checkbox-tree__branch--icon_l338d_21",
-  "checkbox-tree__branch--icon--expanded": "_checkbox-tree__branch--icon--expanded_l338d_27",
-  "checkbox-tree__branch--formfield": "_checkbox-tree__branch--formfield_l338d_32",
-  "checkbox-tree__leaves": "_checkbox-tree__leaves_l338d_39",
-  "checkbox-tree__leaves--expanded": "_checkbox-tree__leaves--expanded_l338d_48",
-  "checkbox-tree__leaf": "_checkbox-tree__leaf_l338d_52"
+  "checkbox-tree__header": "_checkbox-tree__header_1kejb_1",
+  "checkbox-tree__branch": "_checkbox-tree__branch_1kejb_8",
+  "checkbox-tree__branch--icon": "_checkbox-tree__branch--icon_1kejb_21",
+  "checkbox-tree__branch--icon--expanded": "_checkbox-tree__branch--icon--expanded_1kejb_27",
+  "checkbox-tree__branch--formfield": "_checkbox-tree__branch--formfield_1kejb_32",
+  "checkbox-tree__leaves": "_checkbox-tree__leaves_1kejb_39",
+  "checkbox-tree__leaves--expanded": "_checkbox-tree__leaves--expanded_1kejb_48",
+  "checkbox-tree__leaf": "_checkbox-tree__leaf_1kejb_52"
 }, me = ({
-  title: p,
+  title: b,
   checkboxTree: F,
   selectedValues: d,
-  noLabelFrontWeight: f = !1,
-  onChange: b
+  noLabelFrontWeight: p = !1,
+  onChange: f
 }) => {
   const c = G({}), [m, x] = S([]), { lessThan: h } = N(), R = (r, e) => {
     if (r.length !== e.length) return !1;
-    const t = (o) => o.reduce((_, O) => (_[O] = (_[O] || 0) + 1, _), {}), n = t(r), s = t(e);
+    const t = (o) => o.reduce((_, j) => (_[j] = (_[j] || 0) + 1, _), {}), n = t(r), s = t(e);
     return !Object.keys(n).some((o) => n[o] !== s[o]);
   }, k = (r) => (c.current[r] || (c.current[r] = q()), c.current[r]), v = () => {
     const r = [];
     Object.entries(c.current).forEach(([e]) => {
       const t = c.current[e].current;
       t && t.name.indexOf("Group") === -1 && t.checked && r.push(t.value);
-    }), x(r), b && b(r);
-  }, u = (r) => {
+    }), x(r), f && f(r);
+  }, l = (r) => {
     if (r === "") return;
     const e = [];
     Object.entries(c.current).forEach(([s]) => {
@@ -87,41 +87,41 @@ import '../../assets/CheckboxTree.css';const a = {
             if (!s || !o) return;
             s.checked = !!o.checked;
           }
-        }), u(t), v();
+        }), l(t), v();
         return;
       }
-      u(e.getAttribute("data-groupname") || ""), v();
+      l(e.getAttribute("data-groupname") || ""), v();
     }
   }, y = (r) => {
     const e = r.target, t = e.closest("[data-li]");
     g(e, t);
   };
-  return E(() => {
+  return O(() => {
     d && !R(d, m) && Object.entries(c.current).forEach(([r]) => {
       const e = c.current[r].current;
       e && (d?.includes(e.value) ? e.checked = !0 : e.checked = !1, e.name.indexOf("Group") !== -1 && x(d || []));
     });
-  }, [d]), E(() => {
+  }, [d]), O(() => {
     Object.entries(c.current).forEach(([r]) => {
       const e = c.current[r].current;
-      e && e.name.indexOf("Group") !== -1 && u(e.name);
+      e && e.name.indexOf("Group") !== -1 && l(e.name);
     });
-  }, [m]), /* @__PURE__ */ l("div", { children: [
-    p && /* @__PURE__ */ i("span", { className: a["checkbox-tree__header"], children: p }),
-    /* @__PURE__ */ i("div", { onClick: $, "data-ul": !0, role: "tree", tabIndex: 0, children: F.map(({ itemName: r, children: e }, t) => /* @__PURE__ */ l(
+  }, [m]), /* @__PURE__ */ u("div", { children: [
+    b && /* @__PURE__ */ i("span", { className: a["checkbox-tree__header"], children: b }),
+    /* @__PURE__ */ i("div", { onClick: $, "data-ul": !0, role: "tree", tabIndex: 0, children: F.map(({ itemName: r, children: e }, t) => /* @__PURE__ */ u(
       "div",
       {
         className: a["checkbox-tree__branch"],
         "data-li": !0,
         "aria-expanded": h.md ? "false" : "true",
         children: [
-          /* @__PURE__ */ l(C, { inline: !0, className: a["checkbox-tree__branch--formfield"], children: [
+          /* @__PURE__ */ u(C, { inline: !0, className: a["checkbox-tree__branch--formfield"], children: [
             /* @__PURE__ */ i(L, { variant: "blank", onClick: y, children: /* @__PURE__ */ i(
               I,
               {
                 name: "CheveronRight",
                 size: 16,
-                className: j(a["checkbox-tree__branch--icon"], {
+                className: E(a["checkbox-tree__branch--icon"], {
                   [a["checkbox-tree__branch--icon--expanded"]]: !h.md
                 })
               }
@@ -135,16 +135,16 @@ import '../../assets/CheckboxTree.css';const a = {
                 ref: k(`Group${t}`)
               }
             ),
-            /* @__PURE__ */ i(A, { htmlFor: r, noFontWeight: f, children: r })
+            /* @__PURE__ */ i(A, { htmlFor: r, noFontWeight: p, children: r })
           ] }),
           /* @__PURE__ */ i(
             "div",
             {
-              className: j(a["checkbox-tree__leaves"], {
+              className: E(a["checkbox-tree__leaves"], {
                 [a["checkbox-tree__leaves--expanded"]]: !h.md
               }),
               "data-ul": !0,
-              children: e.map(({ itemName: n, itemValue: s, disabled: o }) => /* @__PURE__ */ i("div", { className: a["checkbox-tree__leaf"], "data-li": !0, children: /* @__PURE__ */ l(C, { inline: !0, className: a["checkbox-tree__branch--formfield"], children: [
+              children: e.map(({ itemName: n, itemValue: s, disabled: o }) => /* @__PURE__ */ i("div", { className: a["checkbox-tree__leaf"], "data-li": !0, children: /* @__PURE__ */ u(C, { inline: !0, className: a["checkbox-tree__branch--formfield"], children: [
                 /* @__PURE__ */ i(
                   B,
                   {
@@ -156,7 +156,7 @@ import '../../assets/CheckboxTree.css';const a = {
                     ref: k(`Group${t}_${n}`)
                   }
                 ),
-                /* @__PURE__ */ i(A, { htmlFor: n, noFontWeight: f, children: n })
+                /* @__PURE__ */ i(A, { htmlFor: n, noFontWeight: p, children: n })
               ] }) }, n))
             }
           )

package/dist/components/Chip/Chip.js

@@ -1,12 +1,12 @@
-import { jsxs as o, jsx as _ } from "react/jsx-runtime";
+import { jsxs as o, jsx as s } 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 = {
+import '../../assets/Chip.css';const e = "_chip_12dmi_1", l = "_chip__label_12dmi_25", c = {
   chip: e,
   chip__label: l,
-  "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"] })
+  "chip__close-button": "_chip__close-button_12dmi_32"
+}, h = ({ label: _, onDelete: i }) => /* @__PURE__ */ o("button", { className: c.chip, onClick: () => i(_), children: [
+  /* @__PURE__ */ s("span", { className: c.chip__label, children: _ }),
+  /* @__PURE__ */ s(t, { name: "Cross", size: 20, className: c["chip__close-button"] })
 ] });
 export {
   h as Chip

package/dist/components/ControlsButton/ControlsButton.js

@@ -1,70 +1,70 @@
-import { jsxs as c, Fragment as g, jsx as o } from "react/jsx-runtime";
+import { jsxs as l, Fragment as g, jsx as o } from "react/jsx-runtime";
 import { useId as I } from "react";
-import { c as b } from "../../clsx-OuTLNxxd.js";
+import { c as a } from "../../clsx-OuTLNxxd.js";
 import { Icon as $ } from "../Icon/Icon.js";
 import '../../assets/ControlsButton.css';const t = {
-  "controls-input": "_controls-input_lu12f_1",
-  "controls-button": "_controls-button_lu12f_32",
-  "controls-button--squared": "_controls-button--squared_lu12f_50",
-  "controls-button--with-prefix": "_controls-button--with-prefix_lu12f_62",
-  "controls-button--with-icon": "_controls-button--with-icon_lu12f_68",
-  "controls-button__wrapper": "_controls-button__wrapper_lu12f_72",
-  "controls-button__prefix": "_controls-button__prefix_lu12f_78",
-  "controls-button__tooltip": "_controls-button__tooltip_lu12f_83",
-  "controls-button__tooltip--left": "_controls-button__tooltip--left_lu12f_98",
-  "controls-button__tooltip--center": "_controls-button__tooltip--center_lu12f_102",
-  "controls-button__tooltip--right": "_controls-button__tooltip--right_lu12f_107"
+  "controls-input": "_controls-input_amb4c_1",
+  "controls-button": "_controls-button_amb4c_32",
+  "controls-button--squared": "_controls-button--squared_amb4c_50",
+  "controls-button--with-prefix": "_controls-button--with-prefix_amb4c_62",
+  "controls-button--with-icon": "_controls-button--with-icon_amb4c_68",
+  "controls-button__wrapper": "_controls-button__wrapper_amb4c_72",
+  "controls-button__prefix": "_controls-button__prefix_amb4c_78",
+  "controls-button__tooltip": "_controls-button__tooltip_amb4c_83",
+  "controls-button__tooltip--left": "_controls-button__tooltip--left_amb4c_98",
+  "controls-button__tooltip--center": "_controls-button__tooltip--center_amb4c_102",
+  "controls-button__tooltip--right": "_controls-button__tooltip--right_amb4c_107"
 }, z = ({
-  type: p = "checkbox",
+  type: u = "checkbox",
   label: n,
   value: i,
   iconName: r,
-  prefix: l,
+  prefix: c,
   tooltip: s,
-  tooltipPosition: a = "center",
-  name: f,
+  tooltipPosition: p = "center",
+  name: m,
   forceSquared: d = !1,
   checked: h,
-  disabled: m,
+  disabled: f,
   onSetValue: x
 }) => {
-  const w = I(), u = (typeof n == "string" ? n : i).replace(/\s+/g, "_"), _ = `${w}${u}`, e = `${_}-tooltip`;
-  return /* @__PURE__ */ c(g, { children: [
+  const w = I(), e = (typeof n == "string" ? n : i).replace(/\s+/g, "_"), _ = `${w}${e}`, b = `${_}-tooltip`;
+  return /* @__PURE__ */ l(g, { children: [
     /* @__PURE__ */ o(
       "input",
       {
-        type: p,
+        type: u,
         id: _,
-        name: f ?? u,
-        disabled: m,
+        name: m ?? e,
+        disabled: f,
         value: i,
         checked: h,
         onChange: x,
         className: t["controls-input"],
-        "aria-describedby": s ? e : void 0
+        "aria-describedby": s ? b : void 0
       }
     ),
-    /* @__PURE__ */ c(
+    /* @__PURE__ */ l(
       "label",
       {
         htmlFor: _,
-        className: b(t["controls-button"], [
+        className: a(t["controls-button"], [
           d && t["controls-button--squared"],
-          l && t["controls-button--with-prefix"],
+          c && t["controls-button--with-prefix"],
           r && t["controls-button--with-icon"]
         ]),
         children: [
           r && /* @__PURE__ */ o($, { name: r, size: 20 }),
-          /* @__PURE__ */ c("div", { className: t["controls-button__wrapper"], children: [
-            l && /* @__PURE__ */ o("div", { className: t["controls-button__prefix"], children: l }),
+          /* @__PURE__ */ l("div", { className: t["controls-button__wrapper"], children: [
+            c && /* @__PURE__ */ o("div", { className: t["controls-button__prefix"], children: c }),
             n
           ] }),
           s && /* @__PURE__ */ o(
             "div",
             {
-              id: e,
+              id: b,
               role: "tooltip",
-              className: b(t["controls-button__tooltip"], t[`controls-button__tooltip--${a}`]),
+              className: a(t["controls-button__tooltip"], t[`controls-button__tooltip--${p}`]),
               children: s
             }
           )

package/dist/components/CopyableText/CopyableText.js

@@ -1,55 +1,55 @@
-import { jsxs as i, jsx as y } from "react/jsx-runtime";
+import { jsxs as u, jsx as y } from "react/jsx-runtime";
 import { c as b } from "../../clsx-OuTLNxxd.js";
 import { useState as f, useRef as m, useEffect as h } from "react";
 import { Icon as C } from "../Icon/Icon.js";
 import '../../assets/CopyableText.css';const a = {
-  "copyable-text-container": "_copyable-text-container_1up1q_1",
-  "copyable-text-copy-button": "_copyable-text-copy-button_1up1q_8",
-  "copyable-text-copy-visually-hidden": "_copyable-text-copy-visually-hidden_1up1q_32"
+  "copyable-text-container": "_copyable-text-container_l97qt_1",
+  "copyable-text-copy-button": "_copyable-text-copy-button_l97qt_8",
+  "copyable-text-copy-visually-hidden": "_copyable-text-copy-visually-hidden_l97qt_32"
 }, _ = 2e3, T = ({
   text: o,
   additionalClassName: r = "",
   ariaLabelCopy: s,
   ariaLabelHasBeenCopied: p
 }) => {
-  const [t, n] = f(!1), c = m(null), x = m(null), [d, e] = f(!1);
+  const [e, n] = f(!1), c = m(null), x = m(null), [d, t] = f(!1);
   h(() => () => {
     c.current && clearTimeout(c.current);
   }, []);
-  const u = () => {
+  const i = () => {
     n(!0), c.current = setTimeout(() => {
-      n(!1), e(!1);
+      n(!1), t(!1);
     }, _), navigator.clipboard.writeText(o).catch(() => n(!1));
   };
-  return /* @__PURE__ */ i(
+  return /* @__PURE__ */ u(
     "span",
     {
       className: b(a["copyable-text-container"], r),
       role: "button",
       tabIndex: 0,
-      onFocus: () => e(!0),
-      onBlur: () => !t && e(!1),
+      onFocus: () => t(!0),
+      onBlur: () => !e && t(!1),
       onKeyDown: (l) => {
-        e(!0), (l.key === "Enter" || l.key === " ") && (l.preventDefault(), u());
+        t(!0), (l.key === "Enter" || l.key === " ") && (l.preventDefault(), i());
       },
-      onMouseEnter: () => e(!0),
-      onMouseLeave: () => !t && e(!1),
+      onMouseEnter: () => t(!0),
+      onMouseLeave: () => !e && t(!1),
       children: [
         o,
-        d && /* @__PURE__ */ i(
+        d && /* @__PURE__ */ u(
           "button",
           {
             ref: x,
             className: b(a["copyable-text-copy-button"], r),
-            onClick: u,
+            onClick: i,
             type: "button",
             "aria-keyshortcuts": "Enter Space",
-            "aria-label": t ? p ?? "Copied" : s ?? "Copy to clipboard",
+            "aria-label": e ? p ?? "Copied" : s ?? "Copy to clipboard",
             tabIndex: -1,
             children: [
               o,
-              /* @__PURE__ */ y(C, { name: t ? "CheckSmall" : "Copy", size: 20 }),
-              /* @__PURE__ */ y("span", { className: a["copyable-text-copy-visually-hidden"], "aria-live": "polite", children: t ? p ?? "Copied" : s ?? "Copy to clipboard" })
+              /* @__PURE__ */ y(C, { name: e ? "CheckSmall" : "Copy", size: 20 }),
+              /* @__PURE__ */ y("span", { className: a["copyable-text-copy-visually-hidden"], "aria-live": "polite", children: e ? p ?? "Copied" : s ?? "Copy to clipboard" })
             ]
           }
         )