@uva-glass/component-library 3.50.15 → 3.52.0

package/dist/components/SelectListbox/components/SelectButton.js

@@ -1,59 +1,68 @@
 import { jsx as n, jsxs as E } from "react/jsx-runtime";
 import { c as g } from "../../../clsx-OuTLNxxd.js";
 import { forwardRef as K, useRef as N, useEffect as x } from "react";
-import { s as t } from "../../../SelectListbox.module-CgZyIxwT.js";
+import { s as e } from "../../../SelectListbox.module-CXqMuXRB.js";
 import { Icon as S } from "../../Icon/Icon.js";
 import { useSelect as W } from "../SelectProvider.js";
-const P = K((m, c) => {
-  const { variant: b, size: h = "default", onChange: o, buttonLabelProp: y = "label", buttonLabelBold: k, disabled: w = !1 } = m, l = N(null), { listboxId: I, isOpen: e, selectedValue: s, toggleListbox: L, setIsOpen: i, setActiveIndex: f, options: p, isDirty: D } = W() || {}, C = (r) => {
-    if (r.key.length === 1) {
-      const a = r.key.toLocaleLowerCase(), u = p.findIndex(
+const R = K((m, c) => {
+  const {
+    variant: b,
+    size: h = "default",
+    onChange: o,
+    buttonLabelProp: y = "label",
+    buttonLabelBold: k,
+    disabled: w = !1,
+    notValid: I = !1
+  } = m, l = N(null), { listboxId: L, isOpen: t, selectedValue: r, toggleListbox: D, setIsOpen: i, setActiveIndex: f, options: p, isDirty: C } = W() || {}, v = (s) => {
+    if (s.key.length === 1) {
+      const a = s.key.toLocaleLowerCase(), u = p.findIndex(
         (d) => !d.disabled && d.label.toLocaleLowerCase().startsWith(a)
       );
       if (u !== -1) {
-        f(u), e || i(!0), r.preventDefault();
+        f(u), t || i(!0), s.preventDefault();
         return;
       }
     }
-    switch (r.key) {
+    switch (s.key) {
       case "Enter":
-        if (r.preventDefault(), !e) {
+        if (s.preventDefault(), !t) {
           i(!0);
           return;
         }
         break;
       case "Escape":
-        e && (r.stopPropagation(), f(p.findIndex((a) => a.value === s?.value)), i(!1));
+        t && (s.stopPropagation(), f(p.findIndex((a) => a.value === r?.value)), i(!1));
         break;
     }
   };
   return x(() => {
-    e && (l.current?.children[0]).blur();
-  }, [e]), x(() => {
-    o && o(s), D && (l.current?.children[0]).focus();
-  }, [o, s]), /* @__PURE__ */ n("span", { ref: l, children: /* @__PURE__ */ E(
+    t && (l.current?.children[0]).blur();
+  }, [t]), x(() => {
+    o && o(r), C && (l.current?.children[0]).focus();
+  }, [o, r]), /* @__PURE__ */ n("span", { ref: l, children: /* @__PURE__ */ E(
     "button",
     {
-      className: g(t["select-listbox-trigger"], t[`select-listbox-trigger--${h}`], {
-        [t[`select-listbox-trigger--${b}`]]: b,
-        [t["select-listbox-trigger--bold"]]: k
+      className: g(e["select-listbox-trigger"], e[`select-listbox-trigger--${h}`], {
+        [e[`select-listbox-trigger--${b}`]]: b,
+        [e["select-listbox-trigger--bold"]]: k,
+        [e["select-listbox-trigger--not-valid"]]: I
       }),
       type: "button",
-      onClick: L,
-      onKeyDown: C,
-      "aria-expanded": e,
+      onClick: D,
+      onKeyDown: v,
+      "aria-expanded": t,
       "aria-haspopup": "listbox",
-      "aria-label": `${s.label}`,
+      "aria-label": `${r.label}`,
       disabled: w,
-      "aria-controls": I,
+      "aria-controls": L,
       ...c && { ref: c },
       children: [
-        /* @__PURE__ */ n("span", { className: t["select-listbox-trigger-label"], children: s[y] }),
+        /* @__PURE__ */ n("span", { className: e["select-listbox-trigger-label"], children: r[y] }),
         /* @__PURE__ */ n(
           S,
           {
-            className: g(t["select-listbox-trigger-icon"], {
-              [t["select-listbox-trigger-icon--open"]]: e
+            className: g(e["select-listbox-trigger-icon"], {
+              [e["select-listbox-trigger-icon--open"]]: t
             }),
             name: "CheveronDown",
             size: 16
@@ -64,6 +73,6 @@ const P = K((m, c) => {
   ) });
 });
 export {
-  P as SelectButton
+  R as SelectButton
 };
 //# sourceMappingURL=SelectButton.js.map

package/dist/components/SelectListbox/components/SelectButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SelectButton.js","sources":["../../../../src/components/SelectListbox/components/SelectButton.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useEffect, useRef, forwardRef } from 'react';\n\nimport type { KeyboardEvent } from 'react';\nimport type { OptionValue, SelectValue } from 'components/SelectListbox/SelectProvider';\n\nimport styles from 'components/SelectListbox/SelectListbox.module.css';\nimport { Icon } from 'components/Icon';\nimport { useSelect } from 'components/SelectListbox/SelectProvider';\n\nexport interface SelectButtonProps {\n  variant?: 'noborder' | 'pill' | 'pillLeft' | 'pillRight' | 'darkBorder' | 'roundedLeft' | 'roundedRight';\n  size?: 'small' | 'medium' | 'default';\n  onChange?: (option: OptionValue) => void;\n  buttonLabelProp?: string;\n  buttonLabelBold?: boolean;\n  disabled?: boolean;\n}\n\nexport const SelectButton = forwardRef<HTMLButtonElement, SelectButtonProps>((props, ref) => {\n  const { variant, size = 'default', onChange, buttonLabelProp = 'label', buttonLabelBold, disabled = false } = props;\n  const buttonWrapper = useRef<HTMLSpanElement>(null);\n  const { listboxId, isOpen, selectedValue, toggleListbox, setIsOpen, setActiveIndex, options, isDirty } =\n    useSelect() || {};\n\n  const onTriggerKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key.length === 1) {\n      const key = event.key.toLocaleLowerCase();\n      const optionIndexStartsWithKey = options.findIndex(\n        (option) => !option.disabled && option.label.toLocaleLowerCase().startsWith(key)\n      );\n      if (optionIndexStartsWithKey !== -1) {\n        setActiveIndex(optionIndexStartsWithKey);\n        if (!isOpen) setIsOpen(true);\n        event.preventDefault();\n        return;\n      }\n    }\n\n    switch (event.key) {\n      case 'Enter':\n        event.preventDefault();\n        if (!isOpen) {\n          setIsOpen(true);\n          return;\n        }\n        break;\n      case 'Escape':\n        if (isOpen) {\n          event.stopPropagation();\n          setActiveIndex(options.findIndex((option) => option.value === selectedValue?.value));\n          setIsOpen(false);\n        }\n        break;\n    }\n  };\n\n  useEffect(() => {\n    if (isOpen) {\n      (buttonWrapper.current?.children[0] as HTMLButtonElement).blur();\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (onChange) {\n      onChange(selectedValue);\n    }\n\n    isDirty && (buttonWrapper.current?.children[0] as HTMLButtonElement).focus();\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [onChange, selectedValue]);\n\n  return (\n    <span ref={buttonWrapper}>\n      <button\n        className={clsx(styles['select-listbox-trigger'], styles[`select-listbox-trigger--${size}`], {\n          [styles[`select-listbox-trigger--${variant}`]]: variant,\n          [styles['select-listbox-trigger--bold']]: buttonLabelBold,\n        })}\n        type=\"button\"\n        onClick={toggleListbox}\n        onKeyDown={onTriggerKeyDown}\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n        aria-label={`${selectedValue.label}`}\n        disabled={disabled}\n        aria-controls={listboxId}\n        {...(ref && { ref: ref })}\n      >\n        <span className={styles['select-listbox-trigger-label']}>\n          {selectedValue[buttonLabelProp as keyof SelectValue]}\n        </span>\n\n        <Icon\n          className={clsx(styles['select-listbox-trigger-icon'], {\n            [styles['select-listbox-trigger-icon--open']]: isOpen,\n          })}\n          name=\"CheveronDown\"\n          size={16}\n        />\n      </button>\n    </span>\n  );\n});\n"],"names":["SelectButton","forwardRef","props","ref","variant","size","onChange","buttonLabelProp","buttonLabelBold","disabled","buttonWrapper","useRef","listboxId","isOpen","selectedValue","toggleListbox","setIsOpen","setActiveIndex","options","isDirty","useSelect","onTriggerKeyDown","event","key","optionIndexStartsWithKey","option","useEffect","jsx","jsxs","clsx","styles","Icon"],"mappings":";;;;;;AAmBO,MAAMA,IAAeC,EAAiD,CAACC,GAAOC,MAAQ;AAC3F,QAAM,EAAE,SAAAC,GAAS,MAAAC,IAAO,WAAW,UAAAC,GAAU,iBAAAC,IAAkB,SAAS,iBAAAC,GAAiB,UAAAC,IAAW,GAAA,IAAUP,GACxGQ,IAAgBC,EAAwB,IAAI,GAC5C,EAAE,WAAAC,GAAW,QAAAC,GAAQ,eAAAC,GAAe,eAAAC,GAAe,WAAAC,GAAW,gBAAAC,GAAgB,SAAAC,GAAS,SAAAC,MAC3FC,EAAA,KAAe,CAAA,GAEXC,IAAmB,CAACC,MAA4C;AACpE,QAAIA,EAAM,IAAI,WAAW,GAAG;AAC1B,YAAMC,IAAMD,EAAM,IAAI,kBAAA,GAChBE,IAA2BN,EAAQ;AAAA,QACvC,CAACO,MAAW,CAACA,EAAO,YAAYA,EAAO,MAAM,oBAAoB,WAAWF,CAAG;AAAA,MAAA;AAEjF,UAAIC,MAA6B,IAAI;AACnC,QAAAP,EAAeO,CAAwB,GAClCX,KAAQG,EAAU,EAAI,GAC3BM,EAAM,eAAA;AACN;AAAA,MACF;AAAA,IACF;AAEA,YAAQA,EAAM,KAAA;AAAA,MACZ,KAAK;AAEH,YADAA,EAAM,eAAA,GACF,CAACT,GAAQ;AACX,UAAAG,EAAU,EAAI;AACd;AAAA,QACF;AACA;AAAA,MACF,KAAK;AACH,QAAIH,MACFS,EAAM,gBAAA,GACNL,EAAeC,EAAQ,UAAU,CAACO,MAAWA,EAAO,UAAUX,GAAe,KAAK,CAAC,GACnFE,EAAU,EAAK;AAEjB;AAAA,IAAA;AAAA,EAEN;AAEA,SAAAU,EAAU,MAAM;AACd,IAAIb,MACDH,EAAc,SAAS,SAAS,CAAC,GAAwB,KAAA;AAAA,EAE9D,GAAG,CAACG,CAAM,CAAC,GAEXa,EAAU,MAAM;AACd,IAAIpB,KACFA,EAASQ,CAAa,GAGxBK,MAAYT,EAAc,SAAS,SAAS,CAAC,GAAwB,MAAA;AAAA,EAGvE,GAAG,CAACJ,GAAUQ,CAAa,CAAC,GAG1B,gBAAAa,EAAC,QAAA,EAAK,KAAKjB,GACT,UAAA,gBAAAkB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKC,EAAO,wBAAwB,GAAGA,EAAO,2BAA2BzB,CAAI,EAAE,GAAG;AAAA,QAC3F,CAACyB,EAAO,2BAA2B1B,CAAO,EAAE,CAAC,GAAGA;AAAA,QAChD,CAAC0B,EAAO,8BAA8B,CAAC,GAAGtB;AAAA,MAAA,CAC3C;AAAA,MACD,MAAK;AAAA,MACL,SAASO;AAAA,MACT,WAAWM;AAAA,MACX,iBAAeR;AAAA,MACf,iBAAc;AAAA,MACd,cAAY,GAAGC,EAAc,KAAK;AAAA,MAClC,UAAAL;AAAA,MACA,iBAAeG;AAAA,MACd,GAAIT,KAAO,EAAE,KAAAA,EAAA;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAwB,EAAC,UAAK,WAAWG,EAAO,8BAA8B,GACnD,UAAAhB,EAAcP,CAAoC,GACrD;AAAA,QAEA,gBAAAoB;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,WAAWF,EAAKC,EAAO,6BAA6B,GAAG;AAAA,cACrD,CAACA,EAAO,mCAAmC,CAAC,GAAGjB;AAAA,YAAA,CAChD;AAAA,YACD,MAAK;AAAA,YACL,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACR;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}
+{"version":3,"file":"SelectButton.js","sources":["../../../../src/components/SelectListbox/components/SelectButton.tsx"],"sourcesContent":["import { clsx } from 'clsx';\nimport { useEffect, useRef, forwardRef } from 'react';\n\nimport type { KeyboardEvent } from 'react';\nimport type { OptionValue, SelectValue } from 'components/SelectListbox/SelectProvider';\n\nimport styles from 'components/SelectListbox/SelectListbox.module.css';\nimport { Icon } from 'components/Icon';\nimport { useSelect } from 'components/SelectListbox/SelectProvider';\n\nexport interface SelectButtonProps {\n  variant?: 'noborder' | 'pill' | 'pillLeft' | 'pillRight' | 'darkBorder' | 'roundedLeft' | 'roundedRight';\n  size?: 'small' | 'medium' | 'default';\n  onChange?: (option: OptionValue) => void;\n  buttonLabelProp?: string;\n  buttonLabelBold?: boolean;\n  disabled?: boolean;\n  notValid?: boolean;\n}\n\nexport const SelectButton = forwardRef<HTMLButtonElement, SelectButtonProps>((props, ref) => {\n  const {\n    variant,\n    size = 'default',\n    onChange,\n    buttonLabelProp = 'label',\n    buttonLabelBold,\n    disabled = false,\n    notValid = false,\n  } = props;\n  const buttonWrapper = useRef<HTMLSpanElement>(null);\n  const { listboxId, isOpen, selectedValue, toggleListbox, setIsOpen, setActiveIndex, options, isDirty } =\n    useSelect() || {};\n\n  const onTriggerKeyDown = (event: KeyboardEvent<HTMLButtonElement>) => {\n    if (event.key.length === 1) {\n      const key = event.key.toLocaleLowerCase();\n      const optionIndexStartsWithKey = options.findIndex(\n        (option) => !option.disabled && option.label.toLocaleLowerCase().startsWith(key)\n      );\n      if (optionIndexStartsWithKey !== -1) {\n        setActiveIndex(optionIndexStartsWithKey);\n        if (!isOpen) setIsOpen(true);\n        event.preventDefault();\n        return;\n      }\n    }\n\n    switch (event.key) {\n      case 'Enter':\n        event.preventDefault();\n        if (!isOpen) {\n          setIsOpen(true);\n          return;\n        }\n        break;\n      case 'Escape':\n        if (isOpen) {\n          event.stopPropagation();\n          setActiveIndex(options.findIndex((option) => option.value === selectedValue?.value));\n          setIsOpen(false);\n        }\n        break;\n    }\n  };\n\n  useEffect(() => {\n    if (isOpen) {\n      (buttonWrapper.current?.children[0] as HTMLButtonElement).blur();\n    }\n  }, [isOpen]);\n\n  useEffect(() => {\n    if (onChange) {\n      onChange(selectedValue);\n    }\n\n    isDirty && (buttonWrapper.current?.children[0] as HTMLButtonElement).focus();\n\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [onChange, selectedValue]);\n\n  return (\n    <span ref={buttonWrapper}>\n      <button\n        className={clsx(styles['select-listbox-trigger'], styles[`select-listbox-trigger--${size}`], {\n          [styles[`select-listbox-trigger--${variant}`]]: variant,\n          [styles['select-listbox-trigger--bold']]: buttonLabelBold,\n          [styles['select-listbox-trigger--not-valid']]: notValid,\n        })}\n        type=\"button\"\n        onClick={toggleListbox}\n        onKeyDown={onTriggerKeyDown}\n        aria-expanded={isOpen}\n        aria-haspopup=\"listbox\"\n        aria-label={`${selectedValue.label}`}\n        disabled={disabled}\n        aria-controls={listboxId}\n        {...(ref && { ref: ref })}\n      >\n        <span className={styles['select-listbox-trigger-label']}>\n          {selectedValue[buttonLabelProp as keyof SelectValue]}\n        </span>\n\n        <Icon\n          className={clsx(styles['select-listbox-trigger-icon'], {\n            [styles['select-listbox-trigger-icon--open']]: isOpen,\n          })}\n          name=\"CheveronDown\"\n          size={16}\n        />\n      </button>\n    </span>\n  );\n});\n"],"names":["SelectButton","forwardRef","props","ref","variant","size","onChange","buttonLabelProp","buttonLabelBold","disabled","notValid","buttonWrapper","useRef","listboxId","isOpen","selectedValue","toggleListbox","setIsOpen","setActiveIndex","options","isDirty","useSelect","onTriggerKeyDown","event","key","optionIndexStartsWithKey","option","useEffect","jsx","jsxs","clsx","styles","Icon"],"mappings":";;;;;;AAoBO,MAAMA,IAAeC,EAAiD,CAACC,GAAOC,MAAQ;AAC3F,QAAM;AAAA,IACJ,SAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,UAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,iBAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,UAAAC,IAAW;AAAA,EAAA,IACTR,GACES,IAAgBC,EAAwB,IAAI,GAC5C,EAAE,WAAAC,GAAW,QAAAC,GAAQ,eAAAC,GAAe,eAAAC,GAAe,WAAAC,GAAW,gBAAAC,GAAgB,SAAAC,GAAS,SAAAC,MAC3FC,EAAA,KAAe,CAAA,GAEXC,IAAmB,CAACC,MAA4C;AACpE,QAAIA,EAAM,IAAI,WAAW,GAAG;AAC1B,YAAMC,IAAMD,EAAM,IAAI,kBAAA,GAChBE,IAA2BN,EAAQ;AAAA,QACvC,CAACO,MAAW,CAACA,EAAO,YAAYA,EAAO,MAAM,oBAAoB,WAAWF,CAAG;AAAA,MAAA;AAEjF,UAAIC,MAA6B,IAAI;AACnC,QAAAP,EAAeO,CAAwB,GAClCX,KAAQG,EAAU,EAAI,GAC3BM,EAAM,eAAA;AACN;AAAA,MACF;AAAA,IACF;AAEA,YAAQA,EAAM,KAAA;AAAA,MACZ,KAAK;AAEH,YADAA,EAAM,eAAA,GACF,CAACT,GAAQ;AACX,UAAAG,EAAU,EAAI;AACd;AAAA,QACF;AACA;AAAA,MACF,KAAK;AACH,QAAIH,MACFS,EAAM,gBAAA,GACNL,EAAeC,EAAQ,UAAU,CAACO,MAAWA,EAAO,UAAUX,GAAe,KAAK,CAAC,GACnFE,EAAU,EAAK;AAEjB;AAAA,IAAA;AAAA,EAEN;AAEA,SAAAU,EAAU,MAAM;AACd,IAAIb,MACDH,EAAc,SAAS,SAAS,CAAC,GAAwB,KAAA;AAAA,EAE9D,GAAG,CAACG,CAAM,CAAC,GAEXa,EAAU,MAAM;AACd,IAAIrB,KACFA,EAASS,CAAa,GAGxBK,MAAYT,EAAc,SAAS,SAAS,CAAC,GAAwB,MAAA;AAAA,EAGvE,GAAG,CAACL,GAAUS,CAAa,CAAC,GAG1B,gBAAAa,EAAC,QAAA,EAAK,KAAKjB,GACT,UAAA,gBAAAkB;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAKC,EAAO,wBAAwB,GAAGA,EAAO,2BAA2B1B,CAAI,EAAE,GAAG;AAAA,QAC3F,CAAC0B,EAAO,2BAA2B3B,CAAO,EAAE,CAAC,GAAGA;AAAA,QAChD,CAAC2B,EAAO,8BAA8B,CAAC,GAAGvB;AAAA,QAC1C,CAACuB,EAAO,mCAAmC,CAAC,GAAGrB;AAAA,MAAA,CAChD;AAAA,MACD,MAAK;AAAA,MACL,SAASM;AAAA,MACT,WAAWM;AAAA,MACX,iBAAeR;AAAA,MACf,iBAAc;AAAA,MACd,cAAY,GAAGC,EAAc,KAAK;AAAA,MAClC,UAAAN;AAAA,MACA,iBAAeI;AAAA,MACd,GAAIV,KAAO,EAAE,KAAAA,EAAA;AAAA,MAEd,UAAA;AAAA,QAAA,gBAAAyB,EAAC,UAAK,WAAWG,EAAO,8BAA8B,GACnD,UAAAhB,EAAcR,CAAoC,GACrD;AAAA,QAEA,gBAAAqB;AAAA,UAACI;AAAA,UAAA;AAAA,YACC,WAAWF,EAAKC,EAAO,6BAA6B,GAAG;AAAA,cACrD,CAACA,EAAO,mCAAmC,CAAC,GAAGjB;AAAA,YAAA,CAChD;AAAA,YACD,MAAK;AAAA,YACL,MAAM;AAAA,UAAA;AAAA,QAAA;AAAA,MACR;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ,CAAC;"}

package/dist/components/SelectListbox/components/SelectContainer.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
 import { useRef as i, useCallback as u, useEffect as l } from "react";
 import { useSelect as m } from "../SelectProvider.js";
-import { s as f } from "../../../SelectListbox.module-CgZyIxwT.js";
+import { s as f } from "../../../SelectListbox.module-CXqMuXRB.js";
 const E = ({ children: o }) => {
   const { isOpen: r, setIsOpen: n } = m(), t = i(null), e = u(
     ({ target: s }) => {

package/dist/components/SelectListbox/components/SelectOption.js

@@ -2,7 +2,7 @@ import { jsxs as v, Fragment as x, jsx as m } from "react/jsx-runtime";
 import { c as I } from "../../../clsx-OuTLNxxd.js";
 import { useRef as O, useEffect as k } from "react";
 import { useSelect as g } from "../SelectProvider.js";
-import { s as c } from "../../../SelectListbox.module-CgZyIxwT.js";
+import { s as c } from "../../../SelectListbox.module-CXqMuXRB.js";
 const K = ({ option: a, index: s, dividerAfter: u, children: w }) => {
   const i = O(null), { isOpen: l, activeIndex: t, setActiveIndex: r, selectedValue: n, setSelectedValue: p, setIsOpen: f, options: o } = g(), y = (e) => {
     p(o[e]), f(!1);

package/dist/components/SelectListbox/components/SelectOptionBox.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { forwardRef as m, useRef as x } from "react";
-import { s as i } from "../../../SelectListbox.module-CgZyIxwT.js";
+import { s as i } from "../../../SelectListbox.module-CXqMuXRB.js";
 import { useSelect as a } from "../SelectProvider.js";
 const h = m((l, e) => {
   const { style: t, children: o } = l, { listboxId: r, isOpen: c } = a(), n = x(null);

package/dist/components/StatusBadge/StatusBadge.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import "../../index-JOHbZ4si.js";
-import { r as t, s } from "../../react.esm-Bg7Fh9lz.js";
+import "../../index-DYPpFe2R.js";
+import { r as t, s } from "../../react.esm-DdELhthz.js";
 import { StatusBadge as a } from "./StatusBage.js";
 describe("StatusBadge", () => {
   it("should render with message", () => {

package/dist/components/TextArea/TextArea.test.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
-import "../../index-JOHbZ4si.js";
-import { r as o, s as t, f as r } from "../../react.esm-Bg7Fh9lz.js";
+import "../../index-DYPpFe2R.js";
+import { r as o, s as t, f as r } from "../../react.esm-DdELhthz.js";
 import { J as c } from "../../index-DvUwfXNb.js";
 import { TextArea as n } from "./TextArea.js";
 describe("TextArea", () => {

package/dist/components/VarIndicator/VarIndicator.test.js

@@ -1,7 +1,7 @@
 import { jsx as t } from "react/jsx-runtime";
-import "../../index-JOHbZ4si.js";
-import { r as l, s as e, w as a } from "../../react.esm-Bg7Fh9lz.js";
-import { u as i } from "../../index-Bf2LCbD1.js";
+import "../../index-DYPpFe2R.js";
+import { r as l, s as e, w as a } from "../../react.esm-DdELhthz.js";
+import { u as i } from "../../index-C_1Z-Fok.js";
 import { useState as s } from "react";
 import { VarIndicator as n } from "./VarIndicator.js";
 const o = {

package/dist/components/index.d.ts

@@ -32,6 +32,7 @@ export * from './Input';
 export * from './InputField';
 export * from './Label';
 export * from './MenuLink';
+export * from './MetaDataBar';
 export * from './MetaDataList';
 export * from './ModalDialog';
 export * from './MultiSelect';

package/dist/components/index.js

@@ -5,7 +5,7 @@ import { AppStatusBar as a } from "./AppStatusBar/AppStatusBar.js";
 import { Attention as n } from "./Attention/Attention.js";
 import { Backdrop as c } from "./Backdrop/Backdrop.js";
 import { ButtonGroup as u } from "./ButtonGroup/ButtonGroup.js";
-import { Button as B } from "./Buttons/Button.js";
+import { Button as S } from "./Buttons/Button.js";
 import { LinkButton as b } from "./Buttons/LinkButton.js";
 import { MenuButton as k } from "./Buttons/MenuButton.js";
 import { Card as I } from "./Card/Card.js";
@@ -13,7 +13,7 @@ import { Checkbox as g } from "./Checkbox/Checkbox.js";
 import { CheckboxButtonBar as P } from "./CheckboxButtonBar/CheckboxButtonBar.js";
 import { CheckboxTree as h } from "./CheckboxTree/CheckboxTree.js";
 import { Chip as A } from "./Chip/Chip.js";
-import { ControlsButton as D } from "./ControlsButton/ControlsButton.js";
+import { ControlsButton as T } from "./ControlsButton/ControlsButton.js";
 import { CopyableText as w } from "./CopyableText/CopyableText.js";
 import { Drawer as G } from "./Drawer/Drawer.js";
 import { EmptyStateDataDisplay as H } from "./EmptyStateDataDisplay/EmptyStateDataDisplay.js";
@@ -31,39 +31,40 @@ import { IconButton as fo } from "./IconButton/IconButton.js";
 import { InfoBanner as ao } from "./InfoBanner/InfoBanner.js";
 import { InfoMessage as no } from "./InfoMessage/InfoMessage.js";
 import { Input as co } from "./Input/Input.js";
-import { InputField as So } from "./InputField/InputField.js";
+import { InputField as Bo } from "./InputField/InputField.js";
 import { Label as so } from "./Label/Label.js";
 import { MenuLink as Co } from "./MenuLink/MenuLink.js";
-import { MetaDataList as Fo } from "./MetaDataList/MetaDataList.js";
-import { ModalDialog as Mo } from "./ModalDialog/ModalDialog.js";
-import { M as Lo } from "../TablePlugin-CeZO4BR1.js";
-import { MultiSelectBox as Ro } from "./MultiSelectBox/MultiSelectBox.js";
-import { Notification as yo } from "./Notification/Notification.js";
-import { OverlayCloseButton as To } from "./OverlayCloseButton/OverlayCloseButton.js";
-import { OverlayStepBar as vo } from "./OverlayStepBar/OverlayStepBar.js";
-import { PageOverlay as Eo } from "./PageOverlay/PageOverlay.js";
-import { Periods as Oo } from "./Periods/Periods.js";
-import { PeriodSelector as No } from "./PeriodSelector/PeriodSelector.js";
-import { ProgrammeCard as Vo } from "./ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as jo } from "./RadioButton/RadioButton.js";
-import { RadioGroup as Jo } from "./RadioGroup/RadioGroup.js";
-import { RadioTabSelector as Qo } from "./RadioTabSelector/RadioTabSelector.js";
-import { Repeater as Xo } from "./Repeater/Repeater.js";
-import { Rte as Zo, RteEditor as _o } from "./RteEditor/RteEditor.js";
-import { SearchField as or } from "./SearchField/SearchField.js";
-import { SectionNotification as er } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as pr } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as fr, useSelect as mr } from "./SelectListbox/SelectProvider.js";
-import { Slider as ir } from "./Slider/Slider.js";
-import { Sortable as lr } from "./Sortable/Sortable.js";
-import { Spinner as dr } from "./Spinner/Spinner.js";
-import { StatusBadge as Sr } from "./StatusBadge/StatusBage.js";
-import { StatusPill as sr } from "./StatusPill/StatusPill.js";
-import { TextArea as Cr } from "./TextArea/TextArea.js";
-import { ToggleSwitch as Fr } from "./ToggleSwitch/ToggleSwitch.js";
-import { Tooltip as Mr } from "./Tooltip/Tooltip.js";
-import { VarIndicator as Lr } from "./VarIndicator/VarIndicator.js";
-import { WeekSelector as Rr } from "./WeekSelector/WeekSelector.js";
+import { MetaDataBar as Fo } from "./MetaDataBar/MetaDataBar.js";
+import { MetaDataList as Mo } from "./MetaDataList/MetaDataList.js";
+import { ModalDialog as Lo } from "./ModalDialog/ModalDialog.js";
+import { M as Ro } from "../TablePlugin-BLbsvcuu.js";
+import { MultiSelectBox as yo } from "./MultiSelectBox/MultiSelectBox.js";
+import { Notification as Do } from "./Notification/Notification.js";
+import { OverlayCloseButton as vo } from "./OverlayCloseButton/OverlayCloseButton.js";
+import { OverlayStepBar as Eo } from "./OverlayStepBar/OverlayStepBar.js";
+import { PageOverlay as Oo } from "./PageOverlay/PageOverlay.js";
+import { Periods as No } from "./Periods/Periods.js";
+import { PeriodSelector as Vo } from "./PeriodSelector/PeriodSelector.js";
+import { ProgrammeCard as jo } from "./ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as Jo } from "./RadioButton/RadioButton.js";
+import { RadioGroup as Qo } from "./RadioGroup/RadioGroup.js";
+import { RadioTabSelector as Xo } from "./RadioTabSelector/RadioTabSelector.js";
+import { Repeater as Zo } from "./Repeater/Repeater.js";
+import { Rte as $o, RteEditor as or } from "./RteEditor/RteEditor.js";
+import { SearchField as er } from "./SearchField/SearchField.js";
+import { SectionNotification as pr } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as fr } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as ar, useSelect as ir } from "./SelectListbox/SelectProvider.js";
+import { Slider as lr } from "./Slider/Slider.js";
+import { Sortable as dr } from "./Sortable/Sortable.js";
+import { Spinner as Br } from "./Spinner/Spinner.js";
+import { StatusBadge as sr } from "./StatusBadge/StatusBage.js";
+import { StatusPill as Cr } from "./StatusPill/StatusPill.js";
+import { TextArea as Fr } from "./TextArea/TextArea.js";
+import { ToggleSwitch as Mr } from "./ToggleSwitch/ToggleSwitch.js";
+import { Tooltip as Lr } from "./Tooltip/Tooltip.js";
+import { VarIndicator as Rr } from "./VarIndicator/VarIndicator.js";
+import { WeekSelector as yr } from "./WeekSelector/WeekSelector.js";
 export {
   e as Accordion,
   p as AccordionCard,
@@ -71,14 +72,14 @@ export {
   a as AppStatusBar,
   n as Attention,
   c as Backdrop,
-  B as Button,
+  S as Button,
   u as ButtonGroup,
   I as Card,
   g as Checkbox,
   P as CheckboxButtonBar,
   h as CheckboxTree,
   A as Chip,
-  D as ControlsButton,
+  T as ControlsButton,
   w as CopyableText,
   G as Drawer,
   H as EmptyStateDataDisplay,
@@ -96,42 +97,43 @@ export {
   ao as InfoBanner,
   no as InfoMessage,
   co as Input,
-  So as InputField,
+  Bo as InputField,
   so as Label,
   b as LinkButton,
   k as MenuButton,
   Co as MenuLink,
-  Fo as MetaDataList,
-  Mo as ModalDialog,
-  Lo as MultiSelect,
-  Ro as MultiSelectBox,
-  yo as Notification,
-  To as OverlayCloseButton,
-  vo as OverlayStepBar,
-  Eo as PageOverlay,
-  No as PeriodSelector,
-  Oo as Periods,
-  Vo as ProgrammeCard,
-  jo as RadioButton,
-  Jo as RadioGroup,
-  Qo as RadioTabSelector,
-  Xo as Repeater,
-  Zo as Rte,
-  _o as RteEditor,
-  or as SearchField,
-  er as SectionNotification,
-  pr as SelectListbox,
-  fr as SelectProvider,
-  ir as Slider,
-  lr as Sortable,
-  dr as Spinner,
-  Sr as StatusBadge,
-  sr as StatusPill,
-  Cr as TextArea,
-  Fr as ToggleSwitch,
-  Mr as Tooltip,
-  Lr as VarIndicator,
-  Rr as WeekSelector,
-  mr as useSelect
+  Fo as MetaDataBar,
+  Mo as MetaDataList,
+  Lo as ModalDialog,
+  Ro as MultiSelect,
+  yo as MultiSelectBox,
+  Do as Notification,
+  vo as OverlayCloseButton,
+  Eo as OverlayStepBar,
+  Oo as PageOverlay,
+  Vo as PeriodSelector,
+  No as Periods,
+  jo as ProgrammeCard,
+  Jo as RadioButton,
+  Qo as RadioGroup,
+  Xo as RadioTabSelector,
+  Zo as Repeater,
+  $o as Rte,
+  or as RteEditor,
+  er as SearchField,
+  pr as SectionNotification,
+  fr as SelectListbox,
+  ar as SelectProvider,
+  lr as Slider,
+  dr as Sortable,
+  Br as Spinner,
+  sr as StatusBadge,
+  Cr as StatusPill,
+  Fr as TextArea,
+  Mr as ToggleSwitch,
+  Lr as Tooltip,
+  Rr as VarIndicator,
+  yr as WeekSelector,
+  ir as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/{index-Bf2LCbD1.js → index-C_1Z-Fok.js}

@@ -1,4 +1,4 @@
-import { g as H } from "./react.esm-Bg7Fh9lz.js";
+import { g as H } from "./react.esm-DdELhthz.js";
 function a(e, t, n) {
   return e.namespaceURI && e.namespaceURI !== "http://www.w3.org/1999/xhtml" || (t = Array.isArray(t) ? t : [
     t
@@ -3096,4 +3096,4 @@ const gr = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
 export {
   Lr as u
 };
-//# sourceMappingURL=index-Bf2LCbD1.js.map
+//# sourceMappingURL=index-C_1Z-Fok.js.map