@uva-glass/component-library 3.10.0 → 3.11.1

package/dist/components/Accordion/Accordion.test.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import "../../index-dmBn99rF.js";
-import { r as n, s as a } from "../../react.esm-CMg7bmSn.js";
-import { u as e } from "../../index-Ck15_vKo.js";
+import "../../index-BqLi4tOb.js";
+import { r as n, s as a } from "../../react.esm-CsMDid07.js";
+import { u as e } from "../../index-CUap8sKR.js";
 import { Accordion as i } from "./Accordion.js";
 describe("Accordion", () => {
   it("should render", () => {

package/dist/components/AccordionCard/AccordionCard.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import "../../index-dmBn99rF.js";
-import { r as c, s as e, f as s, w as d } from "../../react.esm-CMg7bmSn.js";
-import { u as r } from "../../index-Ck15_vKo.js";
+import "../../index-BqLi4tOb.js";
+import { r as c, s as e, f as s, w as d } from "../../react.esm-CsMDid07.js";
+import { u as r } from "../../index-CUap8sKR.js";
 import { AccordionCard as a } from "./AccordionCard.js";
 describe("AccordionCard", () => {
   it("should render", () => {

package/dist/components/ActionList/ActionList.test.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
-import "../../index-dmBn99rF.js";
-import { r as n, s as t, w as a } from "../../react.esm-CMg7bmSn.js";
-import { u as l } from "../../index-Ck15_vKo.js";
+import "../../index-BqLi4tOb.js";
+import { r as n, s as t, w as a } from "../../react.esm-CsMDid07.js";
+import { u as l } from "../../index-CUap8sKR.js";
 import { ActionList as o } from "./ActionList.js";
 const T = jest.fn(), c = [
   /* @__PURE__ */ i("button", { type: "button", onClick: T, children: "Test Action 1" }, "1"),

package/dist/components/AppStatusBar/AppStatusBar.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import "../../index-dmBn99rF.js";
-import { r, s as t } from "../../react.esm-CMg7bmSn.js";
+import "../../index-BqLi4tOb.js";
+import { r, s as t } from "../../react.esm-CsMDid07.js";
 import { AppStatusBar as s } from "./AppStatusBar.js";
 describe("AppStatusBar", () => {
   it("should render", () => {

package/dist/components/Attention/Attention.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import "../../index-dmBn99rF.js";
-import { r as t, s as r } from "../../react.esm-CMg7bmSn.js";
+import "../../index-BqLi4tOb.js";
+import { r as t, s as r } from "../../react.esm-CsMDid07.js";
 import { Attention as n } from "./Attention.js";
 describe("Attention", () => {
   it("should render (variant primary)", () => {

package/dist/components/Backdrop/Backdrop.test.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import "../../index-dmBn99rF.js";
-import { r as e, s as o } from "../../react.esm-CMg7bmSn.js";
+import "../../index-BqLi4tOb.js";
+import { r as e, s as o } from "../../react.esm-CsMDid07.js";
 import { Backdrop as t } from "./Backdrop.js";
 describe("Backdrop", () => {
   it("should render", () => {

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

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as a, Fragment as s } from "react/jsx-runtime";
-import { fn as l } from "../../index-DXR-TB1d.js";
+import { fn as l } from "../../index-BCvy9BiK.js";
 import { Button as n } from "./Button.js";
 const c = "<Button variant={variant} onClick={onClictFunction}>{children}</Button>", h = {
   title: "Atoms/Buttons/Button",

package/dist/components/Buttons/Button.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import "../../index-dmBn99rF.js";
-import { r as n, s as t, f as c } from "../../react.esm-CMg7bmSn.js";
+import "../../index-BqLi4tOb.js";
+import { r as n, s as t, f as c } from "../../react.esm-CsMDid07.js";
 import { Button as o } from "./Button.js";
 const s = jest.fn();
 describe("Button", () => {

package/dist/components/Buttons/LinkButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t, jsxs as a, Fragment as l } from "react/jsx-runtime";
-import { fn as s } from "../../index-DXR-TB1d.js";
+import { fn as s } from "../../index-BCvy9BiK.js";
 import { BrowserRouter as c } from "react-router";
 import { LinkButton as n } from "./LinkButton.js";
 const d = `

package/dist/components/Buttons/LinkButton.test.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import "../../index-dmBn99rF.js";
-import { r as n, s as t, f as c } from "../../react.esm-CMg7bmSn.js";
+import "../../index-BqLi4tOb.js";
+import { r as n, s as t, f as c } from "../../react.esm-CsMDid07.js";
 import { BrowserRouter as u, Routes as a, Route as d } from "react-router";
 import { LinkButton as o } from "./LinkButton.js";
 const r = ({ children: i }) => /* @__PURE__ */ s(u, { children: [

package/dist/components/Buttons/MenuButton.d.ts

@@ -1,6 +1,6 @@
 import { AriaButtonProps } from '@react-aria/button';
 import { IconProps } from 'components/Icon';
-import { MouseEvent, RefObject } from 'react';
+import { RefObject } from 'react';
 import { UIButtonVariant } from 'types/UserInterface';
 export interface MenuButtonProps extends AriaButtonProps<'button'> {
     buttonRef: RefObject<HTMLButtonElement>;
@@ -8,8 +8,6 @@ export interface MenuButtonProps extends AriaButtonProps<'button'> {
     variant: UIButtonVariant;
     /** The icon to show. */
     iconName?: IconProps['name'];
-    /** The callback function that is invoked when the button is clicked. */
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 }
 /** Represents a button that is used to open a menu. */
 export declare function MenuButton({ buttonRef, variant, iconName, children, ...restProps }: MenuButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/Buttons/MenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuButton.js","sources":["../../../src/components/Buttons/MenuButton.tsx"],"sourcesContent":["import { useButton } from '@react-aria/button';\nimport { clsx } from 'clsx';\n\nimport type { AriaButtonProps } from '@react-aria/button';\nimport type { IconProps } from 'components/Icon';\nimport type { MouseEvent, RefObject } from 'react';\nimport type { UIButtonVariant } from 'types/UserInterface';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/Buttons/Button.module.css';\n\nexport interface MenuButtonProps extends AriaButtonProps<'button'> {\n  buttonRef: RefObject<HTMLButtonElement>;\n  /** The variant of the button. */\n  variant: UIButtonVariant;\n  /** The icon to show. */\n  iconName?: IconProps['name'];\n  /** The callback function that is invoked when the button is clicked. */\n  onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n}\n\n/** Represents a button that is used to open a menu. */\nexport function MenuButton({ buttonRef, variant, iconName, children, ...restProps }: MenuButtonProps) {\n  const { buttonProps } = useButton(restProps, buttonRef);\n\n  return (\n    <button {...buttonProps} ref={buttonRef} className={clsx(styles['button'], styles[`button--${variant}`])}>\n      {children}\n      {iconName && <Icon name={iconName} />}\n    </button>\n  );\n}\n"],"names":["MenuButton","buttonRef","variant","iconName","children","restProps","buttonProps","useButton","clsx","styles","jsx","Icon"],"mappings":";;;;;AAsBgB,SAAAA,EAAW,EAAE,WAAAC,GAAW,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,KAA8B;AACpG,QAAM,EAAE,aAAAC,EAAgB,IAAAC,EAAUF,GAAWJ,CAAS;AAEtD,2BACG,UAAQ,EAAA,GAAGK,GAAa,KAAKL,GAAW,WAAWO,EAAKC,EAAO,QAAWA,EAAO,WAAWP,CAAO,EAAE,CAAC,GACpG,UAAA;AAAA,IAAAE;AAAA,IACAD,KAAY,gBAAAO,EAACC,GAAK,EAAA,MAAMR,EAAU,CAAA;AAAA,EAAA,GACrC;AAEJ;"}
+{"version":3,"file":"MenuButton.js","sources":["../../../src/components/Buttons/MenuButton.tsx"],"sourcesContent":["import { useButton } from '@react-aria/button';\nimport { clsx } from 'clsx';\n\nimport type { AriaButtonProps } from '@react-aria/button';\nimport type { IconProps } from 'components/Icon';\nimport type { RefObject } from 'react';\nimport type { UIButtonVariant } from 'types/UserInterface';\n\nimport { Icon } from 'components/Icon';\nimport styles from 'components/Buttons/Button.module.css';\n\nexport interface MenuButtonProps extends AriaButtonProps<'button'> {\n  buttonRef: RefObject<HTMLButtonElement>;\n  /** The variant of the button. */\n  variant: UIButtonVariant;\n  /** The icon to show. */\n  iconName?: IconProps['name'];\n}\n\n/** Represents a button that is used to open a menu. */\nexport function MenuButton({ buttonRef, variant, iconName, children, ...restProps }: MenuButtonProps) {\n  const { buttonProps } = useButton(restProps, buttonRef);\n\n  return (\n    <button {...buttonProps} ref={buttonRef} className={clsx(styles['button'], styles[`button--${variant}`])}>\n      {children}\n      {iconName && <Icon name={iconName} />}\n    </button>\n  );\n}\n"],"names":["MenuButton","buttonRef","variant","iconName","children","restProps","buttonProps","useButton","clsx","styles","jsx","Icon"],"mappings":";;;;;AAoBgB,SAAAA,EAAW,EAAE,WAAAC,GAAW,SAAAC,GAAS,UAAAC,GAAU,UAAAC,GAAU,GAAGC,KAA8B;AACpG,QAAM,EAAE,aAAAC,EAAgB,IAAAC,EAAUF,GAAWJ,CAAS;AAEtD,2BACG,UAAQ,EAAA,GAAGK,GAAa,KAAKL,GAAW,WAAWO,EAAKC,EAAO,QAAWA,EAAO,WAAWP,CAAO,EAAE,CAAC,GACpG,UAAA;AAAA,IAAAE;AAAA,IACAD,KAAY,gBAAAO,EAACC,GAAK,EAAA,MAAMR,EAAU,CAAA;AAAA,EAAA,GACrC;AAEJ;"}

package/dist/components/Buttons/MenuButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as n, jsxs as s, Fragment as l } from "react/jsx-runtime";
-import { fn as c } from "../../index-DXR-TB1d.js";
+import { fn as c } from "../../index-BCvy9BiK.js";
 import { MenuButton as t } from "./MenuButton.js";
 const d = `
 // Has all LabelHTMLAttributes props available except "className" and "style" 

package/dist/components/Buttons/MenuButton.test.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import "../../index-dmBn99rF.js";
-import { r as u, s as e, f as c } from "../../react.esm-CMg7bmSn.js";
+import "../../index-BqLi4tOb.js";
+import { r as u, s as e, f as c } from "../../react.esm-CsMDid07.js";
 import { createRef as s } from "react";
 import { MenuButton as r } from "./MenuButton.js";
 const n = jest.fn();

package/dist/components/Card/Card.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import "../../index-dmBn99rF.js";
-import { r, s as d } from "../../react.esm-CMg7bmSn.js";
+import "../../index-BqLi4tOb.js";
+import { r, s as d } from "../../react.esm-CsMDid07.js";
 import { Card as o } from "./Card.js";
 describe("Card", () => {
   it("should render", () => {

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

@@ -1,5 +1,5 @@
 import { jsxs as g, jsx as o } from "react/jsx-runtime";
-import { fn as e } from "../../index-DXR-TB1d.js";
+import { fn as e } from "../../index-BCvy9BiK.js";
 import { Checkbox as n } from "./Checkbox.js";
 import { FormField as t } from "../FormField/FormField.js";
 import { Label as i } from "../Label/Label.js";

package/dist/components/Checkbox/Checkbox.test.js

@@ -1,6 +1,6 @@
 import { jsx as c } from "react/jsx-runtime";
-import "../../index-dmBn99rF.js";
-import { r as o, s as t } from "../../react.esm-CMg7bmSn.js";
+import "../../index-BqLi4tOb.js";
+import { r as o, s as t } from "../../react.esm-CsMDid07.js";
 import { Checkbox as h } from "./Checkbox.js";
 describe("Checkbox", () => {
   it("should render", () => {

package/dist/components/CheckboxButton/CheckboxButton.stories.js

@@ -1,5 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { fn as n } from "../../index-DXR-TB1d.js";
+import { fn as n } from "../../index-BCvy9BiK.js";
 import { CheckboxButton as o } from "./CheckboxButton.js";
 const a = "<CheckboxButton label={} value={} isChecked={} variant={} disabled={} notValid={} onSetValue={} key={} />", b = {
   title: "Atoms/CheckboxButton",

package/dist/components/CheckboxButton/CheckboxButton.test.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
-import "../../index-dmBn99rF.js";
-import { r as n, s as t } from "../../react.esm-CMg7bmSn.js";
+import "../../index-BqLi4tOb.js";
+import { r as n, s as t } from "../../react.esm-CsMDid07.js";
 import { CheckboxButton as a } from "./CheckboxButton.js";
 const c = jest.fn();
 describe("CheckboxButton", () => {

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { fn as l } from "../../index-DXR-TB1d.js";
+import { fn as l } from "../../index-BCvy9BiK.js";
 import { CheckboxButtonBar as e } from "./CheckboxButtonBar.js";
 const a = "<CheckboxButtonBar checkboxes={} defaultValues={} label={} labelPosition={} required={} notValidatedText={} disableGroup={} onSetValues={} />", i = {
   title: "Molecules/CheckboxButtonBar",

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
-import "../../index-dmBn99rF.js";
-import { r as c, s as e } from "../../react.esm-CMg7bmSn.js";
+import "../../index-BqLi4tOb.js";
+import { r as c, s as e } from "../../react.esm-CsMDid07.js";
 import { CheckboxButtonBar as a } from "./CheckboxButtonBar.js";
 const n = jest.fn(), x = [
   {

package/dist/components/CheckboxTree/CheckboxTree.js

@@ -17,15 +17,15 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-Ba6PaBhf.js";
+import "../../TablePlugin-WOgWan8s.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
-import "../../index-B3c5pcHk.js";
+import "../../index-DllfJcv4.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-Ck_XnBVq.js";
+import "../../SortableProvider-DZggDO3M.js";
 import { useResponsive as L } from "../hooks/useResponsive.js";
 import '../../assets/CheckboxTree.css';const s = {
   "checkbox-tree__header": "_checkbox-tree__header_3w3rj_1",

package/dist/components/CheckboxTree/CheckboxTree.stories.js

@@ -1,5 +1,5 @@
 import { jsx as _, jsxs as A } from "react/jsx-runtime";
-import { fn as w } from "../../index-DXR-TB1d.js";
+import { fn as w } from "../../index-BCvy9BiK.js";
 import { s as g, j as V, V as j } from "../../index-DH9Vbk37.js";
 import { useState as D } from "react";
 import { CheckboxTree as O } from "./CheckboxTree.js";

package/dist/components/Chip/Chip.stories.js

@@ -1,5 +1,5 @@
 import { jsx as l } from "react/jsx-runtime";
-import { fn as t } from "../../index-DXR-TB1d.js";
+import { fn as t } from "../../index-BCvy9BiK.js";
 import { Chip as e } from "./Chip.js";
 const s = "<Chip label={string} onDelete={onDeleteFunction(label)}/>", b = {
   title: "Atoms/Chip",

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

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { OverlayProvider as p } from "@react-aria/overlays";
-import { fn as m } from "../../index-DXR-TB1d.js";
+import { fn as m } from "../../index-BCvy9BiK.js";
 import { useState as c } from "react";
 import { Drawer as r } from "./Drawer.js";
 import { Button as o } from "../Buttons/Button.js";

package/dist/components/FeedbackBar/FeedbackBar.test.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
-import "../../index-dmBn99rF.js";
-import { r as s, s as e, f as r } from "../../react.esm-CMg7bmSn.js";
+import "../../index-BqLi4tOb.js";
+import { r as s, s as e, f as r } from "../../react.esm-CsMDid07.js";
 import { FeedbackBar as c } from "./FeedbackBar.js";
 describe("FeedbackBar", () => {
   it("should render with children text", () => {

package/dist/components/FormInput/FormInput.js

@@ -16,15 +16,15 @@ import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "../InputField/InputField.js";
 import "react-router";
-import "../../TablePlugin-Ba6PaBhf.js";
+import "../../TablePlugin-WOgWan8s.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
-import "../../index-B3c5pcHk.js";
+import "../../index-DllfJcv4.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-Ck_XnBVq.js";
+import "../../SortableProvider-DZggDO3M.js";
 import '../../assets/FormInput.css';const o = {
   "form-input__container": "_form-input__container_g2j8x_1",
   "form-input__container--label-left": "_form-input__container--label-left_g2j8x_7",

package/dist/components/FormInput/FormInput.stories.js

@@ -1,5 +1,5 @@
 import { jsx as t } from "react/jsx-runtime";
-import { fn as i } from "../../index-DXR-TB1d.js";
+import { fn as i } from "../../index-BCvy9BiK.js";
 import { FormInput as a } from "./FormInput.js";
 import { SelectListbox as o } from "../SelectListbox/SelectListbox.js";
 const m = `

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

@@ -1,5 +1,5 @@
 import { jsx as n } from "react/jsx-runtime";
-import { fn as r } from "../../index-DXR-TB1d.js";
+import { fn as r } from "../../index-BCvy9BiK.js";
 import { IconButton as t } from "./IconButton.js";
 import { Icon as i } from "../Icon/Icon.js";
 const l = `<IconButton variant={variant} aria-label={aria-label} onClick={onClickFunction}>

package/dist/components/InputField/InputField.js

@@ -1,7 +1,7 @@
-import { jsxs as h, jsx as c } from "react/jsx-runtime";
+import { jsxs as h, jsx as p } from "react/jsx-runtime";
 import { forwardRef as k, useState as b, useRef as g, useEffect as x } from "react";
 import { c as y } from "../../clsx-OuTLNxxd.js";
-import '../../assets/InputField.css';const e = {
+import '../../assets/InputField.css';const i = {
   "input-field-wrapper": "_input-field-wrapper_1h8mk_1",
   "input-field": "_input-field_1h8mk_1",
   "input-field--large": "_input-field--large_1h8mk_22",
@@ -9,45 +9,45 @@ import '../../assets/InputField.css';const e = {
   "input-field__clear-button": "_input-field__clear-button_1h8mk_34"
 }, W = k(
   ({
-    autoComplete: p = "off",
+    autoComplete: u = "off",
     id: r,
-    value: i,
+    value: e,
     variant: f,
     width: o,
     type: s = "text",
     clearTrigger: n,
-    onClear: u,
+    onClear: c,
     ...a
   }, t) => {
     const [_, d] = b(0), l = g(null);
     x(() => {
       l.current && d(l.current.offsetWidth);
-    }, [i]);
+    }, [e]);
     const m = () => {
-      u && t && "current" in t && t.current && (u(), t.current.focus());
+      c && t && "current" in t && t.current && (c(), t.current.focus());
     };
-    return /* @__PURE__ */ h("div", { className: e["input-field-wrapper"], children: [
-      /* @__PURE__ */ c(
+    return /* @__PURE__ */ h("div", { className: i["input-field-wrapper"], children: [
+      /* @__PURE__ */ p(
         "input",
         {
           ...a,
-          autoComplete: p,
+          autoComplete: u,
           ref: t,
           id: r,
-          className: y(e["input-field"], {
-            [e["input-field--large"]]: f === "large",
-            [e["input-field--compact"]]: o === "compact"
+          className: y(i["input-field"], {
+            [i["input-field--large"]]: f === "large",
+            [i["input-field--compact"]]: o === "compact"
           }),
           type: s,
-          value: i,
-          style: { paddingRight: i && n ? _ : void 0 }
+          value: e,
+          style: { paddingRight: e && n ? _ : void 0 }
         }
       ),
-      i && n && /* @__PURE__ */ c(
+      e && n && /* @__PURE__ */ p(
         "button",
         {
           type: "button",
-          className: e["input-field__clear-button"],
+          className: i["input-field__clear-button"],
           onClick: m,
           ref: l,
           "aria-label": `clear trigger for ${r}`,

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 { fn as p } from "../../index-DXR-TB1d.js";
+import { fn as p } from "../../index-BCvy9BiK.js";
 import { InputField as o } from "./InputField.js";
 import { Container as u } from "../../storyComponents/Container/Container.js";
 import { Icon as f } from "../Icon/Icon.js";
@@ -16,15 +16,15 @@ import "../GridRow/GridRow.js";
 import "../IconButton/IconButton.js";
 import "../Input/Input.js";
 import "react-router";
-import "../../TablePlugin-Ba6PaBhf.js";
+import "../../TablePlugin-WOgWan8s.js";
 import "../RteEditor/Providers/LanguageProvider.js";
 import "../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../RteEditor/hooks/components/Flyout.js";
-import "../../index-B3c5pcHk.js";
+import "../../index-DllfJcv4.js";
 import "../SelectListbox/SelectListbox.js";
 import "../SelectListbox/SelectProvider.js";
 import "../Sortable/components/SortableItem.js";
-import "../../SortableProvider-Ck_XnBVq.js";
+import "../../SortableProvider-DZggDO3M.js";
 const C = `
 // Has all HTMLInputElement props available except "className" and "style" 
 <InputField aria-labelledby={aria-labelledby} id={id} onChange={onChangeFunction}
@@ -58,10 +58,10 @@ const C = `
     codeString: C
   }
 }, a = (t) => {
-  const [r, i] = d(""), l = g(null), m = (c) => {
-    i(c.target.value), p()("handleChange");
+  const [r, n] = d(""), l = g(null), m = (c) => {
+    n(c.target.value), p()("handleChange");
   }, s = () => {
-    i(""), p()("handleClear");
+    n(""), p()("handleClear");
   };
   return /* @__PURE__ */ e(u, { children: /* @__PURE__ */ e(
     o,
@@ -73,28 +73,28 @@ const C = `
       ref: l
     }
   ) });
-}, n = {
+}, i = {
   type: "text",
   variant: void 0,
   id: "4f9ca77d"
-}, b = a.bind({});
-b.args = {
-  ...n
-};
-const v = a.bind({});
+}, v = a.bind({});
 v.args = {
-  ...n,
+  ...i
+};
+const b = a.bind({});
+b.args = {
+  ...i,
   clearTrigger: "Clear"
 };
 const y = a.bind({});
 y.args = {
-  ...n,
+  ...i,
   clearTrigger: /* @__PURE__ */ e(f, { name: "Cross" })
 };
 export {
-  b as InputFieldExample,
+  v as InputFieldExample,
   y as WithIconClearTrigger,
-  v as WithStringClearTrigger,
+  b as WithStringClearTrigger,
   Q as default
 };
 //# sourceMappingURL=InputField.stories.js.map

package/dist/components/Label/Label.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import "../../index-dmBn99rF.js";
-import { r as t, s as l } from "../../react.esm-CMg7bmSn.js";
+import "../../index-BqLi4tOb.js";
+import { r as t, s as l } from "../../react.esm-CsMDid07.js";
 import { Label as r } from "./Label.js";
 describe("Label", () => {
   it("should render", () => {

package/dist/components/ModalDialog/ModalDialog.stories.js

@@ -1,6 +1,6 @@
 import { jsxs as a, jsx as e } from "react/jsx-runtime";
 import { ModalProvider as l } from "@react-aria/overlays";
-import { fn as i } from "../../index-DXR-TB1d.js";
+import { fn as i } from "../../index-BCvy9BiK.js";
 import { ModalDialog as t } from "./ModalDialog.js";
 import { Button as n } from "../Buttons/Button.js";
 import "../Buttons/LinkButton.js";

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,7 +1,7 @@
 import "react/jsx-runtime";
 import "../../clsx-OuTLNxxd.js";
 import "../../MultiSelectItem-D9PxdX43.js";
-import { M as p } from "../../TablePlugin-Ba6PaBhf.js";
+import { M as p } from "../../TablePlugin-WOgWan8s.js";
 export {
   p as MultiSelect
 };

package/dist/components/MultiSelect/MultiSelect.stories.js

@@ -1,7 +1,7 @@
 import { jsxs as S, jsx as r } from "react/jsx-runtime";
-import { fn as d } from "../../index-DXR-TB1d.js";
+import { fn as d } from "../../index-BCvy9BiK.js";
 import { useState as p } from "react";
-import { M as e } from "../../TablePlugin-Ba6PaBhf.js";
+import { M as e } from "../../TablePlugin-WOgWan8s.js";
 import { Container as M } from "../../storyComponents/Container/Container.js";
 const C = `
   // MultiSelectHeader can be added optionally

package/dist/components/MultiSelect/components/MultiSelectHeader.js

@@ -15,15 +15,15 @@ import "../../IconButton/IconButton.js";
 import "../../Input/Input.js";
 import "../../InputField/InputField.js";
 import "react-router";
-import { a as y } from "../../../TablePlugin-Ba6PaBhf.js";
+import { a as y } from "../../../TablePlugin-WOgWan8s.js";
 import "../../RteEditor/Providers/LanguageProvider.js";
 import "../../RteEditor/Plugins/LinkPlugin/LinkContextMenu/LinkContextMenu.js";
 import "../../RteEditor/hooks/components/Flyout.js";
-import "../../../index-B3c5pcHk.js";
+import "../../../index-DllfJcv4.js";
 import "../../SelectListbox/SelectListbox.js";
 import "../../SelectListbox/SelectProvider.js";
 import "../../Sortable/components/SortableItem.js";
-import "../../../SortableProvider-Ck_XnBVq.js";
+import "../../../SortableProvider-DZggDO3M.js";
 export {
   y as MultiSelectHeader
 };

package/dist/components/MultiSelect/index.js

@@ -1,4 +1,4 @@
-import { M as l } from "../../TablePlugin-Ba6PaBhf.js";
+import { M as l } from "../../TablePlugin-WOgWan8s.js";
 export {
   l as MultiSelect
 };

package/dist/components/MultiSelectBox/MultiSelectBox.d.ts

@@ -0,0 +1,16 @@
+export type MultiSelectData = {
+    label: string;
+    value: string | number;
+    disabled?: boolean;
+};
+export interface MultiSelectBoxProps {
+    /** Array of label, values pairs */
+    selectData: MultiSelectData[];
+    /** Retuns selected label, values */
+    onChange: (values: MultiSelectData[]) => void;
+    /** Suffix label in the selectbutton '[count] selected' */
+    labelSuffix?: string;
+    /** Disables the multiselect */
+    disabled?: boolean;
+}
+export declare const MultiSelectBox: ({ selectData, onChange, labelSuffix, disabled, }: MultiSelectBoxProps) => import("react/jsx-runtime").JSX.Element;