@uva-glass/component-library 1.41.2 → 1.41.4

package/dist/{MultiSelect-CkfmzGsn.js → MultiSelect-DFMb82q4.js}

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as l, Fragment as a } from "react/jsx-runtime";
 import { c as m } from "./clsx-OuTLNxxd.js";
-import { s as t, M as u } from "./MultiSelectItem-BKDbs8D_.js";
+import { s as t, M as u } from "./MultiSelectItem-CsSIAJRX.js";
 import { Label as n } from "./components/Label/Label.js";
 import "react";
 import { Button as p } from "./components/Button/Button.js";
@@ -44,4 +44,4 @@ export {
   o as M,
   d as a
 };
-//# sourceMappingURL=MultiSelect-CkfmzGsn.js.map
+//# sourceMappingURL=MultiSelect-DFMb82q4.js.map

package/dist/{MultiSelect-CkfmzGsn.js.map → MultiSelect-DFMb82q4.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MultiSelect-CkfmzGsn.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Label } from 'components/Label';\nimport { Button } from 'components';\n\nexport interface MultiSelectHeaderProps {\n  label: string;\n  clearTrigger?: string;\n  onClear?: () => void;\n}\n\nexport function MultiSelectHeader({ label, clearTrigger, onClear }: MultiSelectHeaderProps) {\n  return (\n    <header className={styles['multi-select__header']}>\n      <Label htmlFor=\"multi-select-list\">{label}</Label>\n      {clearTrigger && (\n        <Button variant={'blank'} onClick={onClear}>\n          {clearTrigger}\n        </Button>\n      )}\n    </header>\n  );\n}\n","import clsx from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelect/components/MultiSelectItem';\nimport { MultiSelectHeader } from 'components/MultiSelect/components/MultiSelectHeader';\nexport interface MultiSelectProps {\n  scrollable?: boolean;\n  noBorder?: boolean;\n  header?: ReactNode;\n}\n\nexport const MultiSelect = ({ scrollable = true, noBorder, header, children }: PropsWithChildren<MultiSelectProps>) => (\n  <>\n    {header}\n    <div\n      className={clsx(styles['multi-select'], {\n        [styles['multi-select--no-border']]: noBorder,\n      })}\n    >\n      <ul\n        className={clsx(styles['multi-select__list'], {\n          [styles['multi-select__list--scrollable']]: scrollable,\n        })}\n        id=\"multi-select-list\"\n      >\n        {children}\n      </ul>\n    </div>\n  </>\n);\n\nMultiSelect.MultiSelectHeader = MultiSelectHeader;\nMultiSelect.MultiSelectItem = MultiSelectItem;\n"],"names":["MultiSelectHeader","label","clearTrigger","onClear","jsxs","styles","jsx","Label","Button","MultiSelect","scrollable","noBorder","header","children","Fragment","clsx","MultiSelectItem"],"mappings":";;;;;;;;;;;;;AAUO,SAASA,EAAkB,EAAE,OAAAC,GAAO,cAAAC,GAAc,SAAAC,KAAmC;AAC1F,SACG,gBAAAC,EAAA,UAAA,EAAO,WAAWC,EAAO,sBAAsB,GAC9C,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAM,SAAQ,qBAAqB,UAAMN,GAAA;AAAA,IACzCC,KACE,gBAAAI,EAAAE,GAAA,EAAO,SAAS,SAAS,SAASL,GAChC,UACHD,GAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;ACPa,MAAAO,IAAc,CAAC,EAAE,YAAAC,IAAa,IAAM,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,QAE9D,gBAAAT,EAAAU,GAAA,EAAA,UAAA;AAAA,EAAAF;AAAA,EACD,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWS,EAAKV,EAAO,cAAc,GAAG;AAAA,QACtC,CAACA,EAAO,yBAAyB,CAAC,GAAGM;AAAA,MAAA,CACtC;AAAA,MAED,UAAA,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWS,EAAKV,EAAO,oBAAoB,GAAG;AAAA,YAC5C,CAACA,EAAO,gCAAgC,CAAC,GAAGK;AAAA,UAAA,CAC7C;AAAA,UACD,IAAG;AAAA,UAEF,UAAAG;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAAA,GACF;AAGFJ,EAAY,oBAAoBT;AAChCS,EAAY,kBAAkBO;"}
+{"version":3,"file":"MultiSelect-DFMb82q4.js","sources":["../src/components/MultiSelect/components/MultiSelectHeader.tsx","../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Label } from 'components/Label';\nimport { Button } from 'components';\n\nexport interface MultiSelectHeaderProps {\n  label: string;\n  clearTrigger?: string;\n  onClear?: () => void;\n}\n\nexport function MultiSelectHeader({ label, clearTrigger, onClear }: MultiSelectHeaderProps) {\n  return (\n    <header className={styles['multi-select__header']}>\n      <Label htmlFor=\"multi-select-list\">{label}</Label>\n      {clearTrigger && (\n        <Button variant={'blank'} onClick={onClear}>\n          {clearTrigger}\n        </Button>\n      )}\n    </header>\n  );\n}\n","import clsx from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelect/components/MultiSelectItem';\nimport { MultiSelectHeader } from 'components/MultiSelect/components/MultiSelectHeader';\nexport interface MultiSelectProps {\n  scrollable?: boolean;\n  noBorder?: boolean;\n  header?: ReactNode;\n}\n\nexport const MultiSelect = ({ scrollable = true, noBorder, header, children }: PropsWithChildren<MultiSelectProps>) => (\n  <>\n    {header}\n    <div\n      className={clsx(styles['multi-select'], {\n        [styles['multi-select--no-border']]: noBorder,\n      })}\n    >\n      <ul\n        className={clsx(styles['multi-select__list'], {\n          [styles['multi-select__list--scrollable']]: scrollable,\n        })}\n        id=\"multi-select-list\"\n      >\n        {children}\n      </ul>\n    </div>\n  </>\n);\n\nMultiSelect.MultiSelectHeader = MultiSelectHeader;\nMultiSelect.MultiSelectItem = MultiSelectItem;\n"],"names":["MultiSelectHeader","label","clearTrigger","onClear","jsxs","styles","jsx","Label","Button","MultiSelect","scrollable","noBorder","header","children","Fragment","clsx","MultiSelectItem"],"mappings":";;;;;;;;;;;;;AAUO,SAASA,EAAkB,EAAE,OAAAC,GAAO,cAAAC,GAAc,SAAAC,KAAmC;AAC1F,SACG,gBAAAC,EAAA,UAAA,EAAO,WAAWC,EAAO,sBAAsB,GAC9C,UAAA;AAAA,IAAC,gBAAAC,EAAAC,GAAA,EAAM,SAAQ,qBAAqB,UAAMN,GAAA;AAAA,IACzCC,KACE,gBAAAI,EAAAE,GAAA,EAAO,SAAS,SAAS,SAASL,GAChC,UACHD,GAAA;AAAA,EAEJ,EAAA,CAAA;AAEJ;ACPa,MAAAO,IAAc,CAAC,EAAE,YAAAC,IAAa,IAAM,UAAAC,GAAU,QAAAC,GAAQ,UAAAC,QAE9D,gBAAAT,EAAAU,GAAA,EAAA,UAAA;AAAA,EAAAF;AAAA,EACD,gBAAAN;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWS,EAAKV,EAAO,cAAc,GAAG;AAAA,QACtC,CAACA,EAAO,yBAAyB,CAAC,GAAGM;AAAA,MAAA,CACtC;AAAA,MAED,UAAA,gBAAAL;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWS,EAAKV,EAAO,oBAAoB,GAAG;AAAA,YAC5C,CAACA,EAAO,gCAAgC,CAAC,GAAGK;AAAA,UAAA,CAC7C;AAAA,UACD,IAAG;AAAA,UAEF,UAAAG;AAAA,QAAA;AAAA,MACH;AAAA,IAAA;AAAA,EACF;AAAA,GACF;AAGFJ,EAAY,oBAAoBT;AAChCS,EAAY,kBAAkBO;"}

package/dist/MultiSelectItem-CsSIAJRX.js

@@ -0,0 +1,24 @@
+import { jsxs as o, jsx as l } from "react/jsx-runtime";
+import { useId as r } from "react";
+import { Checkbox as c } from "./components/Checkbox/Checkbox.js";
+import { Label as u } from "./components/Label/Label.js";
+import './assets/MultiSelectItem.css';const b = {
+  "multi-select": "_multi-select_7vbm3_1",
+  "multi-select--no-border": "_multi-select--no-border_7vbm3_7",
+  "multi-select__header": "_multi-select__header_7vbm3_12",
+  "multi-select__list": "_multi-select__list_7vbm3_18",
+  "multi-select__list--scrollable": "_multi-select__list--scrollable_7vbm3_27",
+  "multi-select__item": "_multi-select__item_7vbm3_32"
+};
+function h({ label: _, value: m, checked: e, disabled: s = !1, onChange: i }) {
+  const t = r();
+  return /* @__PURE__ */ o("li", { className: b["multi-select__item"], children: [
+    /* @__PURE__ */ l(c, { id: t, value: m, checked: e, onChange: i, disabled: s }),
+    /* @__PURE__ */ l(u, { htmlFor: t, noFontWeight: !e, children: _ })
+  ] });
+}
+export {
+  h as M,
+  b as s
+};
+//# sourceMappingURL=MultiSelectItem-CsSIAJRX.js.map

package/dist/{MultiSelectItem-BKDbs8D_.js.map → MultiSelectItem-CsSIAJRX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"MultiSelectItem-BKDbs8D_.js","sources":["../src/components/MultiSelect/components/MultiSelectItem.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Checkbox } from 'components/Checkbox';\nimport { Label } from 'components/Label';\n\nexport interface MultiSelectItemProps {\n  label: string;\n  value: string | number;\n  checked: boolean;\n  disabled?: boolean;\n  onChange(event: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport function MultiSelectItem({ label, value, checked, disabled = false, onChange }: MultiSelectItemProps) {\n  const id = useId();\n\n  return (\n    <li className={styles['multi-select__item']}>\n      <Checkbox id={id} value={value} checked={checked} onChange={onChange} disabled={disabled} />\n      <Label htmlFor={id} noFontWeight={!checked}>\n        {label}\n      </Label>\n    </li>\n  );\n}\n"],"names":["MultiSelectItem","label","value","checked","disabled","onChange","id","useId","jsxs","styles","jsx","Checkbox","Label"],"mappings":";;;;;;;;;;;;AAgBgB,SAAAA,EAAgB,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,UAAAC,IAAW,IAAO,UAAAC,KAAkC;AAC3G,QAAMC,IAAKC;AAEX,SACG,gBAAAC,EAAA,MAAA,EAAG,WAAWC,EAAO,oBAAoB,GACxC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAS,EAAA,IAAAL,GAAQ,OAAAJ,GAAc,SAAAC,GAAkB,UAAAE,GAAoB,UAAAD,GAAoB;AAAA,sBACzFQ,GAAM,EAAA,SAASN,GAAI,cAAc,CAACH,GAChC,UACHF,GAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"MultiSelectItem-CsSIAJRX.js","sources":["../src/components/MultiSelect/components/MultiSelectItem.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from 'components/MultiSelect/MultiSelect.module.css';\nimport { Checkbox } from 'components/Checkbox';\nimport { Label } from 'components/Label';\n\nexport interface MultiSelectItemProps {\n  label: string;\n  value: string | number;\n  checked: boolean;\n  disabled?: boolean;\n  onChange(event: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport function MultiSelectItem({ label, value, checked, disabled = false, onChange }: MultiSelectItemProps) {\n  const id = useId();\n\n  return (\n    <li className={styles['multi-select__item']}>\n      <Checkbox id={id} value={value} checked={checked} onChange={onChange} disabled={disabled} />\n      <Label htmlFor={id} noFontWeight={!checked}>\n        {label}\n      </Label>\n    </li>\n  );\n}\n"],"names":["MultiSelectItem","label","value","checked","disabled","onChange","id","useId","jsxs","styles","jsx","Checkbox","Label"],"mappings":";;;;;;;;;;;;AAgBgB,SAAAA,EAAgB,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,UAAAC,IAAW,IAAO,UAAAC,KAAkC;AAC3G,QAAMC,IAAKC;AAEX,SACG,gBAAAC,EAAA,MAAA,EAAG,WAAWC,EAAO,oBAAoB,GACxC,UAAA;AAAA,IAAA,gBAAAC,EAACC,GAAS,EAAA,IAAAL,GAAQ,OAAAJ,GAAc,SAAAC,GAAkB,UAAAE,GAAoB,UAAAD,GAAoB;AAAA,sBACzFQ,GAAM,EAAA,SAASN,GAAI,cAAc,CAACH,GAChC,UACHF,GAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/assets/MultiSelectItem.css

@@ -1 +1 @@
-._multi-select_1t0b0_1{border:1px solid var(--color-black);border-radius:var(--border-radius-default);padding:.75rem}._multi-select--no-border_1t0b0_7{border:none;padding:0}._multi-select__header_1t0b0_12{display:flex;justify-content:space-between;margin-bottom:.5rem}._multi-select__list_1t0b0_18{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}._multi-select__list--scrollable_1t0b0_27{max-height:8.75rem;overflow:auto}._multi-select__item_1t0b0_32{display:grid;grid-template-columns:auto 1fr;align-items:start;-webkit-user-select:none;user-select:none}._multi-select__item_1t0b0_32 input[type=checkbox]{margin-right:.75rem;margin-top:3px}._multi-select__item_1t0b0_32 input[type=checkbox]:disabled+label{color:var(--color-grey-300)}
+._multi-select_7vbm3_1{border:1px solid var(--color-black);border-radius:var(--border-radius-default);padding:.75rem}._multi-select--no-border_7vbm3_7{border:none;padding:0}._multi-select__header_7vbm3_12{display:flex;justify-content:space-between;margin-bottom:.5rem}._multi-select__list_7vbm3_18{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}._multi-select__list--scrollable_7vbm3_27{max-height:8.75rem;overflow:auto}._multi-select__item_7vbm3_32{align-items:start;display:grid;grid-template-columns:auto 1fr;-webkit-user-select:none;user-select:none}._multi-select__item_7vbm3_32 input[type=checkbox]{margin-right:.75rem;margin-top:3px}._multi-select__item_7vbm3_32 input[type=checkbox]:disabled+label{color:var(--color-grey-300)}

package/dist/components/ActionList/ActionList.js

@@ -1,35 +1,30 @@
 import { jsxs as k, jsx as c } from "react/jsx-runtime";
 import { c as T } from "../../clsx-OuTLNxxd.js";
-import { useId as U, useRef as m, Children as w, useState as b, useEffect as D } from "react";
+import { useId as U, useRef as l, Children as w, useState as b, useEffect as D } from "react";
 import { MenuButton as $ } from "../MenuButton/MenuButton.js";
-import { Icon as p } from "../Icon/Icon.js";
-import '../../assets/ActionList.css';const h = {
+import { Icon as m } from "../Icon/Icon.js";
+import '../../assets/ActionList.css';const p = {
   "action-list": "_action-list_1vi7f_1",
   "action-list--open": "_action-list--open_1vi7f_13",
   "action-list-container": "_action-list-container_1vi7f_17"
 }, O = -1, s = 1;
-function K({ label: E, prefixIcon: C, iconName: I, variant: L = "secondary", children: a }) {
-  const _ = U(), l = m(null), n = m(null), r = m(null), d = w.count(a), [f, i] = b(O), [u, g] = b(!1);
+function K({ label: h, prefixIcon: E, iconName: C, variant: L = "secondary", children: u }) {
+  const I = U(), _ = l(null), n = l(null), r = l(null), d = w.count(u), [f, i] = b(O), [a, g] = b(!1);
   function R() {
-    g(!0), document.addEventListener("click", N, { once: !1, capture: !0 });
+    g(!0), document.addEventListener("click", N, { once: !0, capture: !0 });
   }
   function o(e) {
-    var t;
-    e && r.current && !r.current.contains(e.target) || (i(O), g(!1), document.removeEventListener("click", N, { capture: !0 }), (t = l.current) == null || t.focus());
+    e && r.current && !r.current.contains(e.target) || (i(O), g(!1), document.removeEventListener("click", N, { capture: !0 }));
   }
   function x() {
-    u ? o() : R();
+    a ? o() : R();
   }
   function y(e) {
-    if (!u) return;
-    if (["ArrowUp", "ArrowDown", "Home", "End"].includes(e.code)) {
-      e.preventDefault();
-      return;
-    }
-    e.code === "Tab" && o();
+    if (!a) return;
+    ["ArrowUp", "ArrowDown", "Home", "End"].includes(e.code) && e.preventDefault(), e.code === "Tab" && o();
   }
   function A(e) {
-    (e.code === "Space" || e.key === "Enter") && (e.target === l.current ? x() : e.key === "Enter" && e.target !== n.current && "firstChild" in e.target && e.target.firstChild.click()), e.code === "Escape" && o(), e.code === "ArrowUp" && i((t) => t === 0 ? d - s : t - s), e.code === "ArrowDown" && i((t) => t === d - s ? 0 : t + s), e.code === "Home" && i(0), e.code === "End" && i(d - s);
+    (e.code === "Space" || e.key === "Enter") && (e.target === _.current ? x() : e.key === "Enter" && e.target !== n.current && "firstChild" in e.target && e.target.firstChild.click()), e.code === "Escape" && o(), e.code === "ArrowUp" && i((t) => t === 0 ? d - s : t - s), e.code === "ArrowDown" && i((t) => t === d - s ? 0 : t + s), e.code === "Home" && i(0), e.code === "End" && i(d - s);
   }
   const N = (e) => {
     const { target: t } = e;
@@ -45,19 +40,19 @@ function K({ label: E, prefixIcon: C, iconName: I, variant: L = "secondary", chi
         t.setAttribute("tabIndex", "-1");
       });
     });
-  }, [a]), /* @__PURE__ */ k("div", { className: h["action-list-container"], ref: r, children: [
-    /* @__PURE__ */ k($, { onClick: x, onKeyDown: y, onKeyUp: A, buttonRef: l, variant: L, children: [
-      C && /* @__PURE__ */ c(p, { size: 24, name: C }),
-      E,
-      I ? /* @__PURE__ */ c(p, { size: 24, name: I }) : /* @__PURE__ */ c(p, { size: 16, name: u ? "CheveronUp" : "CheveronDown" })
+  }, [u]), /* @__PURE__ */ k("div", { className: p["action-list-container"], ref: r, children: [
+    /* @__PURE__ */ k($, { onClick: x, onKeyDown: y, onKeyUp: A, buttonRef: _, variant: L, children: [
+      E && /* @__PURE__ */ c(m, { size: 24, name: E }),
+      h,
+      C ? /* @__PURE__ */ c(m, { size: 24, name: C }) : /* @__PURE__ */ c(m, { size: 16, name: a ? "CheveronUp" : "CheveronDown" })
     ] }),
     /* @__PURE__ */ c(
       "div",
       {
-        "aria-activedescendant": `${_}-child-${f}`,
-        "aria-label": E,
-        className: T(h["action-list"], {
-          [h["action-list--open"]]: u
+        "aria-activedescendant": `${I}-child-${f}`,
+        "aria-label": h,
+        className: T(p["action-list"], {
+          [p["action-list--open"]]: a
         }),
         onClickCapture: o,
         onKeyDown: y,
@@ -65,7 +60,7 @@ function K({ label: E, prefixIcon: C, iconName: I, variant: L = "secondary", chi
         ref: n,
         role: "menu",
         tabIndex: -1,
-        children: w.map(a, (e, t) => /* @__PURE__ */ c("div", { role: "menuitem", tabIndex: -1, children: e }, `${_}-child-${t}`))
+        children: w.map(u, (e, t) => /* @__PURE__ */ c("div", { role: "menuitem", tabIndex: -1, children: e }, `${I}-child-${t}`))
       }
     )
   ] });

package/dist/components/ActionList/ActionList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionList.js","sources":["../../../src/components/ActionList/ActionList.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { Children, useEffect, useId, useRef, useState } from 'react';\n\nimport type { KeyboardEvent, ReactElement, MouseEvent as ReactMouseEvent } from 'react';\nimport type { IconProps } from 'components/Icon';\nimport type { UIButtonVariant } from 'types/UserInterface';\n\nimport styles from './ActionList.module.css';\n\nimport { MenuButton } from 'components/MenuButton';\nimport { Icon } from 'components/Icon';\n\nexport interface ActionListProps {\n  label: string;\n  prefixIcon?: IconProps['name'];\n  iconName?: IconProps['name'];\n  variant?: UIButtonVariant;\n  children: ReactElement | ReactElement[];\n}\n\nconst inactiveIndex = -1;\nconst indexIncrement = 1;\n\nexport function ActionList({ label, prefixIcon, iconName, variant = 'secondary', children }: ActionListProps) {\n  const listId = useId();\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const numberOfChildren = Children.count(children);\n\n  const [activeIndex, setActiveIndex] = useState(inactiveIndex);\n  const [isOpen, setIsOpen] = useState(false);\n\n  function open() {\n    setIsOpen(true);\n\n    document.addEventListener('click', onClickOutside, { once: false, capture: true });\n  }\n\n  function close(event?: ReactMouseEvent<HTMLDivElement>) {\n    // When a click occurs on an element that is not an immediate descendant of the action list container\n    // (can happen when a modal window is triggered from a button in the action list), the setIsOpen state\n    // handler should not be called, because this causes a re-render of the entire component and can lead\n    // to undesired effects, like a select element closing immediately after it has been clicked.\n    if (event && containerRef.current && !containerRef.current.contains(event.target as Node)) {\n      return;\n    }\n\n    setActiveIndex(inactiveIndex);\n    setIsOpen(false);\n\n    document.removeEventListener('click', onClickOutside, { capture: true });\n\n    triggerRef.current?.focus();\n  }\n\n  function toggle() {\n    if (isOpen) close();\n    else open();\n  }\n\n  function onKeyDown(event: KeyboardEvent) {\n    if (!isOpen) return;\n\n    const eventPreventCodes = ['ArrowUp', 'ArrowDown', 'Home', 'End'];\n\n    if (eventPreventCodes.includes(event.code)) {\n      // prevent page from scrolling when navigating through items in list\n      event.preventDefault();\n      return;\n    }\n\n    if (event.code === 'Tab') {\n      close();\n    }\n  }\n\n  function onKeyUp(event: KeyboardEvent) {\n    if (event.code === 'Space' || event.key === 'Enter') {\n      if (event.target === triggerRef.current) {\n        toggle();\n      } else if (event.key === 'Enter' && event.target !== listRef.current) {\n        if ('firstChild' in event.target) {\n          const firstChild = event.target.firstChild as HTMLButtonElement;\n\n          firstChild.click();\n        }\n      }\n    }\n\n    if (event.code === 'Escape') close();\n\n    if (event.code === 'ArrowUp') {\n      setActiveIndex((prevState) => {\n        if (prevState === 0) return numberOfChildren - indexIncrement;\n\n        return prevState - indexIncrement;\n      });\n    }\n\n    if (event.code === 'ArrowDown') {\n      setActiveIndex((prevState) => {\n        if (prevState === numberOfChildren - indexIncrement) return 0;\n\n        return prevState + indexIncrement;\n      });\n    }\n\n    if (event.code === 'Home') {\n      setActiveIndex(0);\n    }\n\n    if (event.code === 'End') {\n      setActiveIndex(numberOfChildren - indexIncrement);\n    }\n  }\n\n  const onClickOutside = (event: MouseEvent) => {\n    const { target } = event;\n\n    if (!target || !containerRef.current) return;\n\n    if (!containerRef.current.contains(target as Node)) {\n      close();\n    }\n  };\n\n  useEffect(() => {\n    if (activeIndex < 0 || !listRef.current) return;\n\n    const listItem = listRef.current.children.item(activeIndex);\n\n    if (listItem) {\n      (listItem as HTMLDivElement).focus();\n    }\n  }, [activeIndex]);\n\n  useEffect(() => {\n    if (!listRef.current || !listRef.current.hasChildNodes()) return;\n\n    Array.from(listRef.current.children)\n      .filter((overlayChild) => overlayChild.nodeType === Node.ELEMENT_NODE && overlayChild.hasChildNodes())\n      .forEach((overlayChild) => {\n        Array.from(overlayChild.children)\n          .filter((childOfChild) => childOfChild.nodeType === Node.ELEMENT_NODE)\n          .forEach((childOfChild) => {\n            // internal children may be buttons and can get focus when tab is pressed; preventing those elements\n            // from getting focus so that list can be tabbed over and traversed with arrow keys\n            childOfChild.setAttribute('tabIndex', '-1');\n          });\n      });\n  }, [children]);\n\n  return (\n    <div className={styles['action-list-container']} ref={containerRef}>\n      <MenuButton onClick={toggle} onKeyDown={onKeyDown} onKeyUp={onKeyUp} buttonRef={triggerRef} variant={variant}>\n        {prefixIcon && <Icon size={24} name={prefixIcon} />}\n        {label}\n        {iconName ? (\n          <Icon size={24} name={iconName} />\n        ) : (\n          <Icon size={16} name={isOpen ? 'CheveronUp' : 'CheveronDown'} />\n        )}\n      </MenuButton>\n      <div\n        aria-activedescendant={`${listId}-child-${activeIndex}`}\n        aria-label={label}\n        className={clsx(styles['action-list'], {\n          [styles['action-list--open']]: isOpen,\n        })}\n        onClickCapture={close}\n        onKeyDown={onKeyDown}\n        onKeyUp={onKeyUp}\n        ref={listRef}\n        role=\"menu\"\n        tabIndex={-1}\n      >\n        {Children.map(children, (child, index) => (\n          <div key={`${listId}-child-${index}`} role=\"menuitem\" tabIndex={-1}>\n            {child}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":["inactiveIndex","indexIncrement","ActionList","label","prefixIcon","iconName","variant","children","listId","useId","triggerRef","useRef","listRef","containerRef","numberOfChildren","Children","activeIndex","setActiveIndex","useState","isOpen","setIsOpen","open","onClickOutside","close","event","_a","toggle","onKeyDown","onKeyUp","prevState","target","useEffect","listItem","overlayChild","childOfChild","styles","jsxs","MenuButton","jsx","Icon","clsx","child","index"],"mappings":"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"}
+{"version":3,"file":"ActionList.js","sources":["../../../src/components/ActionList/ActionList.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { Children, useEffect, useId, useRef, useState } from 'react';\n\nimport type { KeyboardEvent, ReactElement, MouseEvent as ReactMouseEvent } from 'react';\nimport type { IconProps } from 'components/Icon';\nimport type { UIButtonVariant } from 'types/UserInterface';\n\nimport styles from './ActionList.module.css';\n\nimport { MenuButton } from 'components/MenuButton';\nimport { Icon } from 'components/Icon';\n\nexport interface ActionListProps {\n  label: string;\n  prefixIcon?: IconProps['name'];\n  iconName?: IconProps['name'];\n  variant?: UIButtonVariant;\n  children: ReactElement | ReactElement[];\n}\n\nconst inactiveIndex = -1;\nconst indexIncrement = 1;\n\nexport function ActionList({ label, prefixIcon, iconName, variant = 'secondary', children }: ActionListProps) {\n  const listId = useId();\n  const triggerRef = useRef<HTMLButtonElement>(null);\n  const listRef = useRef<HTMLDivElement>(null);\n  const containerRef = useRef<HTMLDivElement>(null);\n\n  const numberOfChildren = Children.count(children);\n\n  const [activeIndex, setActiveIndex] = useState(inactiveIndex);\n  const [isOpen, setIsOpen] = useState(false);\n\n  function open() {\n    setIsOpen(true);\n\n    document.addEventListener('click', onClickOutside, { once: true, capture: true });\n  }\n\n  function close(event?: ReactMouseEvent<HTMLDivElement>) {\n    // When a click occurs on an element that is not an immediate descendant of the action list container\n    // (can happen when a modal window is triggered from a button in the action list), the setIsOpen state\n    // handler should not be called, because this causes a re-render of the entire component and can lead\n    // to undesired effects, like a select element closing immediately after it has been clicked.\n    if (event && containerRef.current && !containerRef.current.contains(event.target as Node)) {\n      return;\n    }\n\n    setActiveIndex(inactiveIndex);\n    setIsOpen(false);\n\n    document.removeEventListener('click', onClickOutside, { capture: true });\n  }\n\n  function toggle() {\n    if (isOpen) close();\n    else open();\n  }\n\n  function onKeyDown(event: KeyboardEvent) {\n    if (!isOpen) return;\n\n    const eventPreventCodes = ['ArrowUp', 'ArrowDown', 'Home', 'End'];\n\n    if (eventPreventCodes.includes(event.code)) {\n      // prevent page from scrolling when navigating through items in list\n      event.preventDefault();\n    }\n\n    if (event.code === 'Tab') {\n      close();\n    }\n  }\n\n  function onKeyUp(event: KeyboardEvent) {\n    if (event.code === 'Space' || event.key === 'Enter') {\n      if (event.target === triggerRef.current) {\n        toggle();\n      } else if (event.key === 'Enter' && event.target !== listRef.current) {\n        if ('firstChild' in event.target) {\n          const firstChild = event.target.firstChild as HTMLButtonElement;\n\n          firstChild.click();\n        }\n      }\n    }\n\n    if (event.code === 'Escape') close();\n\n    if (event.code === 'ArrowUp') {\n      setActiveIndex((prevState) => {\n        if (prevState === 0) return numberOfChildren - indexIncrement;\n\n        return prevState - indexIncrement;\n      });\n    }\n\n    if (event.code === 'ArrowDown') {\n      setActiveIndex((prevState) => {\n        if (prevState === numberOfChildren - indexIncrement) return 0;\n\n        return prevState + indexIncrement;\n      });\n    }\n\n    if (event.code === 'Home') {\n      setActiveIndex(0);\n    }\n\n    if (event.code === 'End') {\n      setActiveIndex(numberOfChildren - indexIncrement);\n    }\n  }\n\n  const onClickOutside = (event: MouseEvent) => {\n    const { target } = event;\n\n    if (!target || !containerRef.current) return;\n\n    if (!containerRef.current.contains(target as Node)) {\n      close();\n    }\n  };\n\n  useEffect(() => {\n    if (activeIndex < 0 || !listRef.current) return;\n\n    const listItem = listRef.current.children.item(activeIndex);\n\n    if (listItem) {\n      (listItem as HTMLDivElement).focus();\n    }\n  }, [activeIndex]);\n\n  useEffect(() => {\n    if (!listRef.current || !listRef.current.hasChildNodes()) return;\n\n    Array.from(listRef.current.children)\n      .filter((overlayChild) => overlayChild.nodeType === Node.ELEMENT_NODE && overlayChild.hasChildNodes())\n      .forEach((overlayChild) => {\n        Array.from(overlayChild.children)\n          .filter((childOfChild) => childOfChild.nodeType === Node.ELEMENT_NODE)\n          .forEach((childOfChild) => {\n            // internal children may be buttons and can get focus when tab is pressed; preventing those elements\n            // from getting focus so that list can be tabbed over and traversed with arrow keys\n            childOfChild.setAttribute('tabIndex', '-1');\n          });\n      });\n  }, [children]);\n\n  return (\n    <div className={styles['action-list-container']} ref={containerRef}>\n      <MenuButton onClick={toggle} onKeyDown={onKeyDown} onKeyUp={onKeyUp} buttonRef={triggerRef} variant={variant}>\n        {prefixIcon && <Icon size={24} name={prefixIcon} />}\n        {label}\n        {iconName ? (\n          <Icon size={24} name={iconName} />\n        ) : (\n          <Icon size={16} name={isOpen ? 'CheveronUp' : 'CheveronDown'} />\n        )}\n      </MenuButton>\n      <div\n        aria-activedescendant={`${listId}-child-${activeIndex}`}\n        aria-label={label}\n        className={clsx(styles['action-list'], {\n          [styles['action-list--open']]: isOpen,\n        })}\n        onClickCapture={close}\n        onKeyDown={onKeyDown}\n        onKeyUp={onKeyUp}\n        ref={listRef}\n        role=\"menu\"\n        tabIndex={-1}\n      >\n        {Children.map(children, (child, index) => (\n          <div key={`${listId}-child-${index}`} role=\"menuitem\" tabIndex={-1}>\n            {child}\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n}\n"],"names":["inactiveIndex","indexIncrement","ActionList","label","prefixIcon","iconName","variant","children","listId","useId","triggerRef","useRef","listRef","containerRef","numberOfChildren","Children","activeIndex","setActiveIndex","useState","isOpen","setIsOpen","open","onClickOutside","close","event","toggle","onKeyDown","onKeyUp","prevState","target","useEffect","listItem","overlayChild","childOfChild","styles","jsxs","MenuButton","jsx","Icon","clsx","child","index"],"mappings":"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"}

package/dist/components/Button/Button.stories.js

@@ -1,5 +1,5 @@
 import { jsxs as o, Fragment as s, jsx as t } from "react/jsx-runtime";
-import { f as l } from "../../index-0Faxlks_.js";
+import { f as l } from "../../index-C7tAT8j7.js";
 import { Button as e } from "./Button.js";
 const u = {
   title: "Atoms/Button",

package/dist/components/Checkbox/Checkbox.stories.js

@@ -1,5 +1,5 @@
 import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { f as e } from "../../index-0Faxlks_.js";
+import { f as e } from "../../index-C7tAT8j7.js";
 import { Checkbox as l } from "./Checkbox.js";
 import { FormField as t } from "../FormField/FormField.js";
 import { Label as i } from "../Label/Label.js";

package/dist/components/Drawer/Drawer.stories.js

@@ -1,6 +1,6 @@
 import { jsxs as o, jsx as e } from "react/jsx-runtime";
 import { a as m } from "../../useDialog-DZhIlo2a.js";
-import { f as p } from "../../index-0Faxlks_.js";
+import { f as p } from "../../index-C7tAT8j7.js";
 import { useState as c } from "react";
 import { Drawer as n } from "./Drawer.js";
 import { Button as t } from "../Button/Button.js";

package/dist/components/IconButton/IconButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as o } from "react/jsx-runtime";
-import { f as a } from "../../index-0Faxlks_.js";
+import { f as a } from "../../index-C7tAT8j7.js";
 import { IconButton as e } from "./IconButton.js";
 import { Icon as l } from "../Icon/Icon.js";
 const m = {

package/dist/components/InputField/InputField.stories.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
 import { useState as d, useRef as g } from "react";
-import { f as i } from "../../index-0Faxlks_.js";
+import { f as i } from "../../index-C7tAT8j7.js";
 import { InputField as l } from "./InputField.js";
 import { Container as u } from "../storyComponents/Container/Container.js";
 import { Icon as f } from "../Icon/Icon.js";
@@ -9,7 +9,7 @@ import "../OverlayCloseButton/OverlayCloseButton.js";
 import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
-import "../../MultiSelect-CkfmzGsn.js";
+import "../../MultiSelect-DFMb82q4.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 const C = (t) => {

package/dist/components/MenuButton/MenuButton.js

@@ -1,9 +1,9 @@
-import { jsxs as $e, jsx as Te } from "react/jsx-runtime";
-import { g as le, k as he, l as me, m as V, n as Ee, o as Ke, p as I, d as xe, f as ue, b as w, q as Se, a as F, r as ke, s as ee, c as z, $ as we, e as Oe, j as Ce } from "../../focusSafely-b94Glb9J.js";
+import { jsxs as be, jsx as $e } from "react/jsx-runtime";
+import { g as le, k as Te, l as he, m as V, n as me, o as Ee, p as I, d as Ke, f as ue, b as k, q as xe, a as F, r as Se, s as ee, c as z, $ as we, e as ke, j as Oe } from "../../focusSafely-b94Glb9J.js";
 import { c as ce } from "../../clsx-OuTLNxxd.js";
-import fe, { useRef as J, useCallback as L, useEffect as Q, useState as _e, useMemo as Me, useContext as de } from "react";
+import fe, { useRef as J, useCallback as L, useEffect as Q, useState as Ce, useMemo as _e, useContext as de } from "react";
 import { s as te } from "../../Button.module-DfLXeuUK.js";
-import { Icon as De } from "../Icon/Icon.js";
+import { Icon as Me } from "../Icon/Icon.js";
 function D(...t) {
   let r = {
     ...t[0]
@@ -15,7 +15,7 @@ function D(...t) {
       typeof c == "function" && typeof u == "function" && // This is a lot faster than a regex.
       o[0] === "o" && o[1] === "n" && o.charCodeAt(2) >= /* 'A' */
       65 && o.charCodeAt(2) <= /* 'Z' */
-      90 ? r[o] = le(c, u) : (o === "className" || o === "UNSAFE_className") && typeof c == "string" && typeof u == "string" ? r[o] = ce(c, u) : o === "id" && c && u ? r.id = he(c, u) : r[o] = u !== void 0 ? u : c;
+      90 ? r[o] = le(c, u) : (o === "className" || o === "UNSAFE_className") && typeof c == "string" && typeof u == "string" ? r[o] = ce(c, u) : o === "id" && c && u ? r.id = Te(c, u) : r[o] = u !== void 0 ? u : c;
     }
   }
   return r;
@@ -23,8 +23,8 @@ function D(...t) {
 function U(t, r, a = !0) {
   var i, o;
   let { metaKey: c, ctrlKey: u, altKey: p, shiftKey: d } = r;
-  me() && (!((o = window.event) === null || o === void 0 || (i = o.type) === null || i === void 0) && i.startsWith("key")) && t.target === "_blank" && (V() ? c = !0 : u = !0);
-  let y = Ee() && V() && !Ke() ? new KeyboardEvent("keydown", {
+  he() && (!((o = window.event) === null || o === void 0 || (i = o.type) === null || i === void 0) && i.startsWith("key")) && t.target === "_blank" && (V() ? c = !0 : u = !0);
+  let y = me() && V() && !Ee() ? new KeyboardEvent("keydown", {
     keyIdentifier: "Enter",
     metaKey: c,
     ctrlKey: u,
@@ -41,7 +41,7 @@ function U(t, r, a = !0) {
   U.isOpening = a, I(t), t.dispatchEvent(y), U.isOpening = !1;
 }
 U.isOpening = !1;
-function Fe() {
+function De() {
   let t = J(/* @__PURE__ */ new Map()), r = L((o, c, u, p) => {
     let d = p != null && p.once ? (...y) => {
       t.current.delete(u), u(...y);
@@ -72,7 +72,7 @@ function Fe() {
   };
 }
 function pe(t, r) {
-  xe(() => {
+  Ke(() => {
     if (t && t.ref && r)
       return t.ref.current = r.current, () => {
         t.ref && (t.ref.current = null);
@@ -83,7 +83,7 @@ let M = "default", q = "", H = /* @__PURE__ */ new WeakMap();
 function re(t) {
   if (ue()) {
     if (M === "default") {
-      const r = w(t);
+      const r = k(t);
       q = r.documentElement.style.webkitUserSelect, r.documentElement.style.webkitUserSelect = "none";
     }
     M = "disabled";
@@ -93,9 +93,9 @@ function X(t) {
   if (ue()) {
     if (M !== "disabled") return;
     M = "restoring", setTimeout(() => {
-      Se(() => {
+      xe(() => {
         if (M === "restoring") {
-          const r = w(t);
+          const r = k(t);
           r.documentElement.style.webkitUserSelect === "none" && (r.documentElement.style.webkitUserSelect = q || ""), q = "", M = "default";
         }
       });
@@ -110,25 +110,25 @@ const ge = fe.createContext({
   }
 });
 ge.displayName = "PressResponderContext";
-function Ie(t, r) {
+function Fe(t, r) {
   return r.get ? r.get.call(t) : r.value;
 }
 function ve(t, r, a) {
   if (!r.has(t)) throw new TypeError("attempted to " + a + " private field on non-instance");
   return r.get(t);
 }
-function Le(t, r) {
+function Ie(t, r) {
   var a = ve(t, r, "get");
-  return Ie(t, a);
+  return Fe(t, a);
 }
-function Ue(t, r) {
+function Le(t, r) {
   if (r.has(t))
     throw new TypeError("Cannot initialize the same private elements twice on an object");
 }
-function Ae(t, r, a) {
-  Ue(t, r), r.set(t, a);
+function Ue(t, r, a) {
+  Le(t, r), r.set(t, a);
 }
-function Ye(t, r, a) {
+function Ae(t, r, a) {
   if (r.set) r.set.call(t, a);
   else {
     if (!r.writable)
@@ -138,9 +138,9 @@ function Ye(t, r, a) {
 }
 function ne(t, r, a) {
   var i = ve(t, r, "set");
-  return Ye(t, i, a), a;
+  return Ae(t, i, a), a;
 }
-function Xe(t) {
+function Ye(t) {
   let r = de(ge);
   if (r) {
     let { register: a, ...i } = r;
@@ -154,10 +154,10 @@ class B {
     ne(this, G, !1);
   }
   get shouldStopPropagation() {
-    return Le(this, G);
+    return Ie(this, G);
   }
   constructor(r, a, i, o) {
-    Ae(this, G, {
+    Ue(this, G, {
       writable: !0,
       value: void 0
     }), ne(this, G, !0);
@@ -169,7 +169,7 @@ class B {
   }
 }
 const ae = Symbol("linkClicked");
-function Pe(t) {
+function Xe(t) {
   let {
     onPress: r,
     onPressChange: a,
@@ -184,7 +184,7 @@ function Pe(t) {
     // eslint-disable-next-line @typescript-eslint/no-unused-vars
     ref: O,
     ...R
-  } = Xe(t), [N, A] = _e(!1), m = J({
+  } = Ye(t), [N, A] = Ce(!1), m = J({
     isPressed: !1,
     ignoreEmulatedMouseEvents: !1,
     ignoreClickAfterPress: !1,
@@ -194,7 +194,7 @@ function Pe(t) {
     target: null,
     isOverTarget: !1,
     pointerType: null
-  }), { addGlobalListener: $, removeAllGlobalListeners: x } = Fe(), T = F((e, f) => {
+  }), { addGlobalListener: $, removeAllGlobalListeners: x } = De(), T = F((e, f) => {
     let h = m.current;
     if (u || h.didFirePressStart) return !1;
     let l = !0;
@@ -231,7 +231,7 @@ function Pe(t) {
     f.isPressed && f.target && (f.isOverTarget && f.pointerType != null && P(K(f.target, e), f.pointerType, !1), f.isPressed = !1, f.isOverTarget = !1, f.activePointerId = null, f.pointerType = null, x(), b || X(f.target));
   }), Y = F((e) => {
     y && E(e);
-  }), be = Me(() => {
+  }), ye = _e(() => {
     let e = m.current, f = {
       onKeyDown(l) {
         if (j(l.nativeEvent, l.currentTarget) && l.currentTarget.contains(l.target)) {
@@ -243,7 +243,7 @@ function Pe(t) {
             let s = l.currentTarget, v = (C) => {
               j(C, s) && !C.repeat && s.contains(C.target) && e.target && S(K(e.target, C), "keyboard");
             };
-            $(w(l.currentTarget), "keyup", le(v, h), !0);
+            $(k(l.currentTarget), "keyup", le(v, h), !0);
           }
           n && l.stopPropagation(), l.metaKey && V() && ((g = e.metaKeyEvents) === null || g === void 0 || g.set(l.key, l.nativeEvent));
         } else l.key === "Meta" && (e.metaKeyEvents = /* @__PURE__ */ new Map());
@@ -276,13 +276,13 @@ function Pe(t) {
     if (typeof PointerEvent < "u") {
       f.onPointerDown = (s) => {
         if (s.button !== 0 || !s.currentTarget.contains(s.target)) return;
-        if (ke(s.nativeEvent)) {
+        if (Se(s.nativeEvent)) {
           e.pointerType = "virtual";
           return;
         }
         W(s.currentTarget) && s.preventDefault(), e.pointerType = s.pointerType;
         let v = !0;
-        e.isPressed || (e.isPressed = !0, e.isOverTarget = !0, e.activePointerId = s.pointerId, e.target = s.currentTarget, !u && !d && I(s.currentTarget), b || re(e.target), v = T(s, e.pointerType), $(w(s.currentTarget), "pointermove", l, !1), $(w(s.currentTarget), "pointerup", g, !1), $(w(s.currentTarget), "pointercancel", n, !1)), v && s.stopPropagation();
+        e.isPressed || (e.isPressed = !0, e.isOverTarget = !0, e.activePointerId = s.pointerId, e.target = s.currentTarget, !u && !d && I(s.currentTarget), b || re(e.target), v = T(s, e.pointerType), $(k(s.currentTarget), "pointermove", l, !1), $(k(s.currentTarget), "pointerup", g, !1), $(k(s.currentTarget), "pointercancel", n, !1)), v && s.stopPropagation();
       }, f.onMouseDown = (s) => {
         s.currentTarget.contains(s.target) && s.button === 0 && (W(s.currentTarget) && s.preventDefault(), s.stopPropagation());
       }, f.onPointerUp = (s) => {
@@ -305,7 +305,7 @@ function Pe(t) {
           n.stopPropagation();
           return;
         }
-        e.isPressed = !0, e.isOverTarget = !0, e.target = n.currentTarget, e.pointerType = ee(n.nativeEvent) ? "virtual" : "mouse", !u && !d && I(n.currentTarget), T(n, e.pointerType) && n.stopPropagation(), $(w(n.currentTarget), "mouseup", l, !1);
+        e.isPressed = !0, e.isOverTarget = !0, e.target = n.currentTarget, e.pointerType = ee(n.nativeEvent) ? "virtual" : "mouse", !u && !d && I(n.currentTarget), T(n, e.pointerType) && n.stopPropagation(), $(k(n.currentTarget), "mouseup", l, !1);
       }, f.onMouseEnter = (n) => {
         if (!n.currentTarget.contains(n.target)) return;
         let s = !0;
@@ -330,7 +330,7 @@ function Pe(t) {
         if (!n.currentTarget.contains(n.target)) return;
         let s = Ge(n.nativeEvent);
         if (!s) return;
-        e.activePointerId = s.identifier, e.ignoreEmulatedMouseEvents = !0, e.isOverTarget = !0, e.isPressed = !0, e.target = n.currentTarget, e.pointerType = "touch", !u && !d && I(n.currentTarget), b || re(e.target), T(k(e.target, n), e.pointerType) && n.stopPropagation(), $(z(n.currentTarget), "scroll", g, !0);
+        e.activePointerId = s.identifier, e.ignoreEmulatedMouseEvents = !0, e.isOverTarget = !0, e.isPressed = !0, e.target = n.currentTarget, e.pointerType = "touch", !u && !d && I(n.currentTarget), b || re(e.target), T(w(e.target, n), e.pointerType) && n.stopPropagation(), $(z(n.currentTarget), "scroll", g, !0);
       }, f.onTouchMove = (n) => {
         if (!n.currentTarget.contains(n.target)) return;
         if (!e.isPressed) {
@@ -338,7 +338,7 @@ function Pe(t) {
           return;
         }
         let s = se(n.nativeEvent, e.activePointerId), v = !0;
-        s && _(s, n.currentTarget) ? !e.isOverTarget && e.pointerType != null && (e.isOverTarget = !0, v = T(k(e.target, n), e.pointerType)) : e.isOverTarget && e.pointerType != null && (e.isOverTarget = !1, v = P(k(e.target, n), e.pointerType, !1), Y(k(e.target, n))), v && n.stopPropagation();
+        s && _(s, n.currentTarget) ? !e.isOverTarget && e.pointerType != null && (e.isOverTarget = !0, v = T(w(e.target, n), e.pointerType)) : e.isOverTarget && e.pointerType != null && (e.isOverTarget = !1, v = P(w(e.target, n), e.pointerType, !1), Y(w(e.target, n))), v && n.stopPropagation();
       }, f.onTouchEnd = (n) => {
         if (!n.currentTarget.contains(n.target)) return;
         if (!e.isPressed) {
@@ -346,9 +346,9 @@ function Pe(t) {
           return;
         }
         let s = se(n.nativeEvent, e.activePointerId), v = !0;
-        s && _(s, n.currentTarget) && e.pointerType != null ? (S(k(e.target, n), e.pointerType), v = P(k(e.target, n), e.pointerType)) : e.isOverTarget && e.pointerType != null && (v = P(k(e.target, n), e.pointerType, !1)), v && n.stopPropagation(), e.isPressed = !1, e.activePointerId = null, e.isOverTarget = !1, e.ignoreEmulatedMouseEvents = !0, e.target && !b && X(e.target), x();
+        s && _(s, n.currentTarget) && e.pointerType != null ? (S(w(e.target, n), e.pointerType), v = P(w(e.target, n), e.pointerType)) : e.isOverTarget && e.pointerType != null && (v = P(w(e.target, n), e.pointerType, !1)), v && n.stopPropagation(), e.isPressed = !1, e.activePointerId = null, e.isOverTarget = !1, e.ignoreEmulatedMouseEvents = !0, e.target && !b && X(e.target), x();
       }, f.onTouchCancel = (n) => {
-        n.currentTarget.contains(n.target) && (n.stopPropagation(), e.isPressed && E(k(e.target, n)));
+        n.currentTarget.contains(n.target) && (n.stopPropagation(), e.isPressed && E(w(e.target, n)));
       };
       let g = (n) => {
         e.isPressed && n.target.contains(e.target) && E({
@@ -383,7 +383,7 @@ function Pe(t) {
     b
   ]), {
     isPressed: p || N,
-    pressProps: D(R, be)
+    pressProps: D(R, ye)
   };
 }
 function Z(t) {
@@ -391,7 +391,7 @@ function Z(t) {
 }
 function j(t, r) {
   const { key: a, code: i } = t, o = r, c = o.getAttribute("role");
-  return (a === "Enter" || a === " " || a === "Spacebar" || i === "Space") && !(o instanceof z(o).HTMLInputElement && !ye(o, a) || o instanceof z(o).HTMLTextAreaElement || o.isContentEditable) && // Links should only trigger with Enter key
+  return (a === "Enter" || a === " " || a === "Spacebar" || i === "Space") && !(o instanceof z(o).HTMLInputElement && !Pe(o, a) || o instanceof z(o).HTMLTextAreaElement || o.isContentEditable) && // Links should only trigger with Enter key
   !((c === "link" || !c && Z(o)) && a !== "Enter");
 }
 function Ge(t) {
@@ -406,7 +406,7 @@ function se(t, r) {
   }
   return null;
 }
-function k(t, r) {
+function w(t, r) {
   let a = 0, i = 0;
   return r.targetTouches && r.targetTouches.length === 1 && (a = r.targetTouches[0].clientX, i = r.targetTouches[0].clientY), {
     currentTarget: t,
@@ -450,7 +450,7 @@ function W(t) {
   return !(t instanceof HTMLElement) || !t.hasAttribute("draggable");
 }
 function ie(t, r) {
-  return t instanceof HTMLInputElement ? !ye(t, r) : t instanceof HTMLButtonElement ? t.type !== "submit" && t.type !== "reset" : !Z(t);
+  return t instanceof HTMLInputElement ? !Pe(t, r) : t instanceof HTMLButtonElement ? t.type !== "submit" && t.type !== "reset" : !Z(t);
 }
 const Re = /* @__PURE__ */ new Set([
   "checkbox",
@@ -463,7 +463,7 @@ const Re = /* @__PURE__ */ new Set([
   "submit",
   "reset"
 ]);
-function ye(t, r) {
+function Pe(t, r) {
   return t.type === "checkbox" || t.type === "radio" ? r === " " : Re.has(t.type);
 }
 function Ne(t) {
@@ -475,7 +475,7 @@ function Ne(t) {
     i,
     o
   ]), u = we(c), p = L((d) => {
-    const y = w(d.target);
+    const y = k(d.target);
     d.target === d.currentTarget && y.activeElement === d.target && (a && a(d), o && o(!0), u(d));
   }, [
     o,
@@ -529,7 +529,7 @@ function Ve(t) {
 function ze(t, r) {
   let { focusProps: a } = Ne(t), { keyboardProps: i } = je(t), o = D(a, i), c = Ve(r), u = t.isDisabled ? {} : c, p = J(t.autoFocus);
   return Q(() => {
-    p.current && r.current && Oe(r.current), p.current = !1;
+    p.current && r.current && ke(r.current), p.current = !1;
   }, [
     r
   ]), {
@@ -570,7 +570,7 @@ function qe(t, r) {
     "aria-disabled": !i || a === "input" ? void 0 : i,
     rel: a === "a" ? A : void 0
   };
-  let { pressProps: x, isPressed: T } = Pe({
+  let { pressProps: x, isPressed: T } = Xe({
     onPressStart: c,
     onPressEnd: u,
     onPressChange: d,
@@ -581,7 +581,7 @@ function qe(t, r) {
     ref: r
   }), { focusableProps: P } = ze(t, r);
   b && (P.tabIndex = i ? -1 : P.tabIndex);
-  let S = D(P, x, Ce(t, {
+  let S = D(P, x, Oe(t, {
     labelable: !0
   }));
   return {
@@ -598,22 +598,11 @@ function qe(t, r) {
   };
 }
 function nt({ buttonRef: t, variant: r, iconName: a, children: i, ...o }) {
-  const { buttonProps: c } = qe(o, t), { pressProps: u } = Pe({
-    onPress: (p) => typeof o.onClick == "function" && o.onClick(p)
-  });
-  return /* @__PURE__ */ $e(
-    "button",
-    {
-      ...c,
-      ...u,
-      ref: t,
-      className: ce(te.button, te[`button--${r}`]),
-      children: [
-        i,
-        a && /* @__PURE__ */ Te(De, { name: a })
-      ]
-    }
-  );
+  const { buttonProps: c } = qe(o, t);
+  return /* @__PURE__ */ be("button", { ...c, ref: t, className: ce(te.button, te[`button--${r}`]), children: [
+    i,
+    a && /* @__PURE__ */ $e(Me, { name: a })
+  ] });
 }
 export {
   nt as MenuButton