@uva-glass/component-library 3.55.7 → 3.55.8

package/dist/{Container-BLjtYDqq.js → Container-DK25h_-f.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 import './assets/Container.css';var i = {
 	container: "_container_1tf56_1",
@@ -28,4 +28,4 @@ import './assets/Container.css';var i = {
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=Container-BLjtYDqq.js.map
+//# sourceMappingURL=Container-DK25h_-f.js.map

package/dist/{Container-BLjtYDqq.js.map → Container-DK25h_-f.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Container-BLjtYDqq.js","names":[],"sources":["../src/storyComponents/Container/Container.module.css","../src/storyComponents/Container/Container.tsx"],"sourcesContent":[".container {\n  background-color: var(--color-uva-white);\n  border: 2px dotted var(--color-uva-black);\n  overflow: auto;\n  position: relative;\n}\n\n.container--padded {\n  padding: 1rem;\n}\n\n.container--small {\n  height: 10rem;\n  width: 10rem;\n}\n\n.container--medium {\n  height: 30rem;\n  width: 30rem;\n}\n\n.container--large {\n  height: 50rem;\n  width: 50rem;\n}\n\n.container--large-full-height {\n  width: 50rem;\n}\n\n.container--hidden {\n  display: none;\n}\n\n.container--centered-content {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n","import { clsx } from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from './Container.module.css';\n\ninterface ContainerProps {\n  size?: 'small' | 'medium' | 'large' | 'large-full-height';\n  visible?: boolean;\n  centerContent?: boolean;\n  padded?: boolean;\n}\n\nexport const Container = ({\n  children,\n  size = 'medium',\n  centerContent = false,\n  visible = true,\n  padded = true,\n}: PropsWithChildren<ContainerProps>) => {\n  const label = padded ? 'Storybook container with 1rem padding' : 'Storybook container';\n\n  return (\n    <>\n      <label htmlFor=\"container\">{label}</label>\n      <div\n        id=\"container\"\n        className={clsx(styles['container'], {\n          [styles['container--small']]: size === 'small',\n          [styles['container--medium']]: size === 'medium',\n          [styles['container--large']]: size === 'large',\n          [styles['container--large-full-height']]: size === 'large-full-height',\n          [styles['container--padded']]: padded,\n          [styles['container--centered-content']]: centerContent,\n          [styles['container--hidden']]: !visible,\n        })}\n      >\n        {children}\n      </div>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;GCaa,KAAa,EACxB,aACA,UAAO,UACP,mBAAgB,IAChB,aAAU,IACV,YAAS,SAKP,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,SAAD;CAAO,SAAQ;WAJL,IAAS,0CAA0C;CAInB,CAAA,EAC1C,kBAAC,OAAD;CACE,IAAG;CACH,WAAW,EAAK,EAAO,WAAc;GAClC,EAAO,sBAAsB,MAAS;GACtC,EAAO,uBAAuB,MAAS;GACvC,EAAO,sBAAsB,MAAS;GACtC,EAAO,kCAAkC,MAAS;GAClD,EAAO,uBAAuB;GAC9B,EAAO,iCAAiC;GACxC,EAAO,uBAAuB,CAAC;EACjC,CAAC;CAED;CACG,CAAA,CACL,EAAA,CAAA"}
+{"version":3,"file":"Container-DK25h_-f.js","names":[],"sources":["../src/storyComponents/Container/Container.module.css","../src/storyComponents/Container/Container.tsx"],"sourcesContent":[".container {\n  background-color: var(--color-uva-white);\n  border: 2px dotted var(--color-uva-black);\n  overflow: auto;\n  position: relative;\n}\n\n.container--padded {\n  padding: 1rem;\n}\n\n.container--small {\n  height: 10rem;\n  width: 10rem;\n}\n\n.container--medium {\n  height: 30rem;\n  width: 30rem;\n}\n\n.container--large {\n  height: 50rem;\n  width: 50rem;\n}\n\n.container--large-full-height {\n  width: 50rem;\n}\n\n.container--hidden {\n  display: none;\n}\n\n.container--centered-content {\n  align-items: center;\n  display: flex;\n  justify-content: center;\n}\n","import { clsx } from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from './Container.module.css';\n\ninterface ContainerProps {\n  size?: 'small' | 'medium' | 'large' | 'large-full-height';\n  visible?: boolean;\n  centerContent?: boolean;\n  padded?: boolean;\n}\n\nexport const Container = ({\n  children,\n  size = 'medium',\n  centerContent = false,\n  visible = true,\n  padded = true,\n}: PropsWithChildren<ContainerProps>) => {\n  const label = padded ? 'Storybook container with 1rem padding' : 'Storybook container';\n\n  return (\n    <>\n      <label htmlFor=\"container\">{label}</label>\n      <div\n        id=\"container\"\n        className={clsx(styles['container'], {\n          [styles['container--small']]: size === 'small',\n          [styles['container--medium']]: size === 'medium',\n          [styles['container--large']]: size === 'large',\n          [styles['container--large-full-height']]: size === 'large-full-height',\n          [styles['container--padded']]: padded,\n          [styles['container--centered-content']]: centerContent,\n          [styles['container--hidden']]: !visible,\n        })}\n      >\n        {children}\n      </div>\n    </>\n  );\n};\n"],"mappings":";;;;;;;;;;;GCaa,KAAa,EACxB,aACA,UAAO,UACP,mBAAgB,IAChB,aAAU,IACV,YAAS,SAKP,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,SAAD;CAAO,SAAQ;WAJL,IAAS,0CAA0C;AAIpB,CAAA,GACzC,kBAAC,OAAD;CACE,IAAG;CACH,WAAW,EAAK,EAAO,WAAc;GAClC,EAAO,sBAAsB,MAAS;GACtC,EAAO,uBAAuB,MAAS;GACvC,EAAO,sBAAsB,MAAS;GACtC,EAAO,kCAAkC,MAAS;GAClD,EAAO,uBAAuB;GAC9B,EAAO,iCAAiC;GACxC,EAAO,uBAAuB,CAAC;CAClC,CAAC;CAEA;AACE,CAAA,CACL,EAAA,CAAA"}

package/dist/{ControlsButton-B1XRpMUM.js → ControlsButton-9uR_zW_F.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { Icon as t } from "./components/Icon/Icon.js";
 import { useId as n } from "react";
 import { Fragment as r, jsx as i, jsxs as a } from "react/jsx-runtime";
@@ -60,4 +60,4 @@ import './assets/ControlsButton.css';var o = {
 //#endregion
 export { s as t };
 
-//# sourceMappingURL=ControlsButton-B1XRpMUM.js.map
+//# sourceMappingURL=ControlsButton-9uR_zW_F.js.map

package/dist/{ControlsButton-B1XRpMUM.js.map → ControlsButton-9uR_zW_F.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ControlsButton-B1XRpMUM.js","names":[],"sources":["../src/components/ControlsButton/ControlsButton.module.css","../src/components/ControlsButton/ControlsButton.tsx"],"sourcesContent":[".controls-input {\n  aspect-ratio: unset;\n  cursor: pointer;\n  height: 0;\n  opacity: 0;\n  position: absolute;\n  width: 0;\n}\n\n.controls-input:focus-visible + label {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n}\n\n.controls-input:checked + label,\n[type=\"radio\"]:checked:hover + label {\n  background-color: var(--color-navy-600);\n  color: var(--color-uva-white);\n  font-weight: var(--semibold);\n}\n\n.controls-input:disabled + label,\n.controls-input:disabled:hover + label {\n  background-color: var(--color-grey-400);\n  color: var(--color-grey-700);\n  cursor: not-allowed;\n}\n\n.controls-input:disabled:checked + label {\n  background-color: var(--color-grey-500);\n  color: var(--color-grey-900);\n  font-weight: var(--semibold);\n}\n\n.controls-input:hover + label {\n  background-color: var(--color-grey-300);\n  color: var(--color-uva-black);\n}\n\n.controls-button {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n  box-sizing: border-box;\n  cursor: pointer;\n  display: inline-flex;\n  font-size: var(--font-size-default);\n  height: 2.25rem;\n  justify-content: center;\n  min-width: 2.25rem;\n  padding: 0.5rem;\n  position: relative;\n  user-select: none;\n  white-space: nowrap;\n}\n\n.controls-button--squared {\n  width: 2.25rem;\n}\n\n.controls-button::after {\n  content: \"\";\n  min-height: 2.625rem;\n  min-width: 2.625rem;\n  position: absolute;\n  width: 100%;\n}\n\n.controls-button--with-prefix {\n  height: auto;\n  padding: 0.125rem 0.5rem;\n  width: auto;\n}\n\n.controls-button--with-icon {\n  gap: 0.5rem;\n}\n\n.controls-button__wrapper {\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n}\n\n.controls-button__prefix {\n  color: var(--color-uva-700);\n  font-size: var(--font-size-text-non-essential);\n}\n\n.controls-button__tooltip {\n  background-color: var(--color-uva-white);\n  box-shadow: 0 0 0.25rem 0 rgba(0 0 0 / 25%);\n  color: var(--color-grey-700);\n  display: none;\n  font-size: var(--font-size-text-non-essential);\n  font-style: italic;\n  font-weight: normal;\n  padding: 0.5rem 1rem;\n  position: absolute;\n  text-align: center;\n  top: calc(100% + 0.5rem);\n  z-index: 1;\n}\n\n.controls-button__tooltip--left {\n  left: 0rem;\n}\n\n.controls-button__tooltip--center {\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.controls-button__tooltip--right {\n  right: 0rem;\n}\n\n.controls-button__tooltip::before {\n  border-color: transparent transparent var(--color-grey-400) transparent;\n  border-style: solid;\n  border-width: 0.5rem;\n  bottom: calc(100% + 0.125rem);\n  content: \"\";\n  filter: blur(0.125rem);\n  position: absolute;\n  z-index: -1;\n}\n\n.controls-button__tooltip::after {\n  border-color: transparent transparent var(--color-uva-white) transparent;\n  border-style: solid;\n  border-width: 0.5rem;\n  bottom: 100%;\n  content: \"\";\n  position: absolute;\n}\n\n.controls-button:hover .controls-button__tooltip,\n.controls-input:focus-visible + label .controls-button__tooltip {\n  display: block;\n}\n\n.controls-button__tooltip--left::before,\n.controls-button__tooltip--left::after {\n  left: 0.5rem;\n}\n\n.controls-button__tooltip--center::before,\n.controls-button__tooltip--center::after {\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.controls-button__tooltip--right::before,\n.controls-button__tooltip--right::after {\n  right: 0.5rem;\n}\n\n.controls-button--checked span.periods__item,\n.controls-button--checked [data-period-item] {\n  border: 1px solid var(--color-uva-white) !important;\n}\n","import { useId } from 'react';\r\nimport { clsx } from 'clsx';\r\n\r\nimport type { ChangeEvent, ReactNode } from 'react';\r\nimport type { IconProps } from 'components/Icon';\r\n\r\nimport styles from './ControlsButton.module.css';\r\n\r\nimport { Icon } from 'components/Icon';\r\n\r\nexport interface ControlsButtonProps {\r\n  /** to set type/behaviour of input radio or checkbox */\r\n  type?: 'radio' | 'checkbox';\r\n  /** button label */\r\n  label: string | ReactNode;\r\n  /** button value */\r\n  value: string;\r\n  /** set if icon is needed in font of label */\r\n  iconName?: IconProps['name'];\r\n  /** set if prefix is needed above of label */\r\n  prefix?: string;\r\n  /** set tooltip */\r\n  tooltip?: ReactNode;\r\n  /** set horizontal position of the tooltip */\r\n  tooltipPosition?: 'left' | 'center' | 'right';\r\n  /** set if used as radiogroup */\r\n  name?: string;\r\n  /** `true` to set squared button; otherwise, `false`. The default is `false`. Note: hides icon */\r\n  forceSquared?: boolean;\r\n  /** to set default status */\r\n  checked?: boolean;\r\n  /** `true` to disable the button; otherwise, `false`. The default is `false`. */\r\n  disabled?: boolean;\r\n  /** The callback function that is invoked when the radio button changes value. */\r\n  onSetValue: (event: ChangeEvent<HTMLInputElement>) => void;\r\n}\r\n\r\nexport const ControlsButton = ({\r\n  type = 'checkbox',\r\n  label,\r\n  value,\r\n  iconName,\r\n  prefix,\r\n  tooltip,\r\n  tooltipPosition = 'center',\r\n  name,\r\n  forceSquared = false,\r\n  checked,\r\n  disabled,\r\n  onSetValue,\r\n}: ControlsButtonProps) => {\r\n  const idPrefix = useId();\r\n  const labelString = typeof label === 'string' ? label : value;\r\n  const sanitizedLabel = labelString.replace(/\\s+/g, '_');\r\n  const baseId = `${idPrefix}${sanitizedLabel}`;\r\n  const tooltipId = `${baseId}-tooltip`;\r\n\r\n  return (\r\n    <>\r\n      <input\r\n        type={type}\r\n        id={baseId}\r\n        name={name ?? sanitizedLabel}\r\n        disabled={disabled}\r\n        value={value}\r\n        checked={checked}\r\n        onChange={onSetValue}\r\n        className={styles['controls-input']}\r\n        aria-describedby={tooltip ? tooltipId : undefined}\r\n      />\r\n      <label\r\n        htmlFor={baseId}\r\n        className={clsx(styles['controls-button'], [\r\n          forceSquared && styles['controls-button--squared'],\r\n          prefix && styles['controls-button--with-prefix'],\r\n          iconName && styles['controls-button--with-icon'],\r\n          checked && styles['controls-button--checked'],\r\n        ])}\r\n      >\r\n        {iconName && <Icon name={iconName} size={20} />}\r\n        <div className={styles['controls-button__wrapper']}>\r\n          {prefix && <div className={styles['controls-button__prefix']}>{prefix}</div>}\r\n          {label}\r\n        </div>\r\n        {tooltip && (\r\n          <div\r\n            id={tooltipId}\r\n            role=\"tooltip\"\r\n            className={clsx(styles['controls-button__tooltip'], styles[`controls-button__tooltip--${tooltipPosition}`])}\r\n          >\r\n            {tooltip}\r\n          </div>\r\n        )}\r\n      </label>\r\n    </>\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;GCqCa,KAAkB,EAC7B,UAAO,YACP,UACA,UACA,aACA,WACA,YACA,qBAAkB,UAClB,SACA,kBAAe,IACf,YACA,aACA,oBACyB;CACzB,IAAM,IAAW,GAAO,EAElB,KADc,OAAO,KAAU,WAAW,IAAQ,GACrB,QAAQ,QAAQ,IAAI,EACjD,IAAS,GAAG,IAAW,KACvB,IAAY,GAAG,EAAO;CAE5B,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,SAAD;EACQ;EACN,IAAI;EACJ,MAAM,KAAQ;EACJ;EACH;EACE;EACT,UAAU;EACV,WAAW,EAAO;EAClB,oBAAkB,IAAU,IAAY,KAAA;EACxC,CAAA,EACF,kBAAC,SAAD;EACE,SAAS;EACT,WAAW,EAAK,EAAO,oBAAoB;GACzC,KAAgB,EAAO;GACvB,KAAU,EAAO;GACjB,KAAY,EAAO;GACnB,KAAW,EAAO;GACnB,CAAC;YAPJ;GASG,KAAY,kBAAC,GAAD;IAAM,MAAM;IAAU,MAAM;IAAM,CAAA;GAC/C,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACG,KAAU,kBAAC,OAAD;KAAK,WAAW,EAAO;eAA6B;KAAa,CAAA,EAC3E,EACG;;GACL,KACC,kBAAC,OAAD;IACE,IAAI;IACJ,MAAK;IACL,WAAW,EAAK,EAAO,6BAA6B,EAAO,6BAA6B,KAAmB;cAE1G;IACG,CAAA;GAEF;IACP,EAAA,CAAA"}
+{"version":3,"file":"ControlsButton-9uR_zW_F.js","names":[],"sources":["../src/components/ControlsButton/ControlsButton.module.css","../src/components/ControlsButton/ControlsButton.tsx"],"sourcesContent":[".controls-input {\n  aspect-ratio: unset;\n  cursor: pointer;\n  height: 0;\n  opacity: 0;\n  position: absolute;\n  width: 0;\n}\n\n.controls-input:focus-visible + label {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n}\n\n.controls-input:checked + label,\n[type=\"radio\"]:checked:hover + label {\n  background-color: var(--color-navy-600);\n  color: var(--color-uva-white);\n  font-weight: var(--semibold);\n}\n\n.controls-input:disabled + label,\n.controls-input:disabled:hover + label {\n  background-color: var(--color-grey-400);\n  color: var(--color-grey-700);\n  cursor: not-allowed;\n}\n\n.controls-input:disabled:checked + label {\n  background-color: var(--color-grey-500);\n  color: var(--color-grey-900);\n  font-weight: var(--semibold);\n}\n\n.controls-input:hover + label {\n  background-color: var(--color-grey-300);\n  color: var(--color-uva-black);\n}\n\n.controls-button {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n  box-sizing: border-box;\n  cursor: pointer;\n  display: inline-flex;\n  font-size: var(--font-size-default);\n  height: 2.25rem;\n  justify-content: center;\n  min-width: 2.25rem;\n  padding: 0.5rem;\n  position: relative;\n  user-select: none;\n  white-space: nowrap;\n}\n\n.controls-button--squared {\n  width: 2.25rem;\n}\n\n.controls-button::after {\n  content: \"\";\n  min-height: 2.625rem;\n  min-width: 2.625rem;\n  position: absolute;\n  width: 100%;\n}\n\n.controls-button--with-prefix {\n  height: auto;\n  padding: 0.125rem 0.5rem;\n  width: auto;\n}\n\n.controls-button--with-icon {\n  gap: 0.5rem;\n}\n\n.controls-button__wrapper {\n  align-items: center;\n  display: flex;\n  flex-direction: column;\n}\n\n.controls-button__prefix {\n  color: var(--color-uva-700);\n  font-size: var(--font-size-text-non-essential);\n}\n\n.controls-button__tooltip {\n  background-color: var(--color-uva-white);\n  box-shadow: 0 0 0.25rem 0 rgba(0 0 0 / 25%);\n  color: var(--color-grey-700);\n  display: none;\n  font-size: var(--font-size-text-non-essential);\n  font-style: italic;\n  font-weight: normal;\n  padding: 0.5rem 1rem;\n  position: absolute;\n  text-align: center;\n  top: calc(100% + 0.5rem);\n  z-index: 1;\n}\n\n.controls-button__tooltip--left {\n  left: 0rem;\n}\n\n.controls-button__tooltip--center {\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.controls-button__tooltip--right {\n  right: 0rem;\n}\n\n.controls-button__tooltip::before {\n  border-color: transparent transparent var(--color-grey-400) transparent;\n  border-style: solid;\n  border-width: 0.5rem;\n  bottom: calc(100% + 0.125rem);\n  content: \"\";\n  filter: blur(0.125rem);\n  position: absolute;\n  z-index: -1;\n}\n\n.controls-button__tooltip::after {\n  border-color: transparent transparent var(--color-uva-white) transparent;\n  border-style: solid;\n  border-width: 0.5rem;\n  bottom: 100%;\n  content: \"\";\n  position: absolute;\n}\n\n.controls-button:hover .controls-button__tooltip,\n.controls-input:focus-visible + label .controls-button__tooltip {\n  display: block;\n}\n\n.controls-button__tooltip--left::before,\n.controls-button__tooltip--left::after {\n  left: 0.5rem;\n}\n\n.controls-button__tooltip--center::before,\n.controls-button__tooltip--center::after {\n  left: 50%;\n  transform: translateX(-50%);\n}\n\n.controls-button__tooltip--right::before,\n.controls-button__tooltip--right::after {\n  right: 0.5rem;\n}\n\n.controls-button--checked span.periods__item,\n.controls-button--checked [data-period-item] {\n  border: 1px solid var(--color-uva-white) !important;\n}\n","import { useId } from 'react';\r\nimport { clsx } from 'clsx';\r\n\r\nimport type { ChangeEvent, ReactNode } from 'react';\r\nimport type { IconProps } from 'components/Icon';\r\n\r\nimport styles from './ControlsButton.module.css';\r\n\r\nimport { Icon } from 'components/Icon';\r\n\r\nexport interface ControlsButtonProps {\r\n  /** to set type/behaviour of input radio or checkbox */\r\n  type?: 'radio' | 'checkbox';\r\n  /** button label */\r\n  label: string | ReactNode;\r\n  /** button value */\r\n  value: string;\r\n  /** set if icon is needed in font of label */\r\n  iconName?: IconProps['name'];\r\n  /** set if prefix is needed above of label */\r\n  prefix?: string;\r\n  /** set tooltip */\r\n  tooltip?: ReactNode;\r\n  /** set horizontal position of the tooltip */\r\n  tooltipPosition?: 'left' | 'center' | 'right';\r\n  /** set if used as radiogroup */\r\n  name?: string;\r\n  /** `true` to set squared button; otherwise, `false`. The default is `false`. Note: hides icon */\r\n  forceSquared?: boolean;\r\n  /** to set default status */\r\n  checked?: boolean;\r\n  /** `true` to disable the button; otherwise, `false`. The default is `false`. */\r\n  disabled?: boolean;\r\n  /** The callback function that is invoked when the radio button changes value. */\r\n  onSetValue: (event: ChangeEvent<HTMLInputElement>) => void;\r\n}\r\n\r\nexport const ControlsButton = ({\r\n  type = 'checkbox',\r\n  label,\r\n  value,\r\n  iconName,\r\n  prefix,\r\n  tooltip,\r\n  tooltipPosition = 'center',\r\n  name,\r\n  forceSquared = false,\r\n  checked,\r\n  disabled,\r\n  onSetValue,\r\n}: ControlsButtonProps) => {\r\n  const idPrefix = useId();\r\n  const labelString = typeof label === 'string' ? label : value;\r\n  const sanitizedLabel = labelString.replace(/\\s+/g, '_');\r\n  const baseId = `${idPrefix}${sanitizedLabel}`;\r\n  const tooltipId = `${baseId}-tooltip`;\r\n\r\n  return (\r\n    <>\r\n      <input\r\n        type={type}\r\n        id={baseId}\r\n        name={name ?? sanitizedLabel}\r\n        disabled={disabled}\r\n        value={value}\r\n        checked={checked}\r\n        onChange={onSetValue}\r\n        className={styles['controls-input']}\r\n        aria-describedby={tooltip ? tooltipId : undefined}\r\n      />\r\n      <label\r\n        htmlFor={baseId}\r\n        className={clsx(styles['controls-button'], [\r\n          forceSquared && styles['controls-button--squared'],\r\n          prefix && styles['controls-button--with-prefix'],\r\n          iconName && styles['controls-button--with-icon'],\r\n          checked && styles['controls-button--checked'],\r\n        ])}\r\n      >\r\n        {iconName && <Icon name={iconName} size={20} />}\r\n        <div className={styles['controls-button__wrapper']}>\r\n          {prefix && <div className={styles['controls-button__prefix']}>{prefix}</div>}\r\n          {label}\r\n        </div>\r\n        {tooltip && (\r\n          <div\r\n            id={tooltipId}\r\n            role=\"tooltip\"\r\n            className={clsx(styles['controls-button__tooltip'], styles[`controls-button__tooltip--${tooltipPosition}`])}\r\n          >\r\n            {tooltip}\r\n          </div>\r\n        )}\r\n      </label>\r\n    </>\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;;;;;;;;;;;GCqCa,KAAkB,EAC7B,UAAO,YACP,UACA,UACA,aACA,WACA,YACA,qBAAkB,UAClB,SACA,kBAAe,IACf,YACA,aACA,oBACyB;CACzB,IAAM,IAAW,EAAM,GAEjB,KADc,OAAO,KAAU,WAAW,IAAQ,GACrB,QAAQ,QAAQ,GAAG,GAChD,IAAS,GAAG,IAAW,KACvB,IAAY,GAAG,EAAO;CAE5B,OACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,SAAD;EACQ;EACN,IAAI;EACJ,MAAM,KAAQ;EACJ;EACH;EACE;EACT,UAAU;EACV,WAAW,EAAO;EAClB,oBAAkB,IAAU,IAAY,KAAA;CACzC,CAAA,GACD,kBAAC,SAAD;EACE,SAAS;EACT,WAAW,EAAK,EAAO,oBAAoB;GACzC,KAAgB,EAAO;GACvB,KAAU,EAAO;GACjB,KAAY,EAAO;GACnB,KAAW,EAAO;EACpB,CAAC;YAPH;GASG,KAAY,kBAAC,GAAD;IAAM,MAAM;IAAU,MAAM;GAAK,CAAA;GAC9C,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACG,KAAU,kBAAC,OAAD;KAAK,WAAW,EAAO;eAA6B;IAAY,CAAA,GAC1E,CACE;;GACJ,KACC,kBAAC,OAAD;IACE,IAAI;IACJ,MAAK;IACL,WAAW,EAAK,EAAO,6BAA6B,EAAO,6BAA6B,IAAkB;cAEzG;GACE,CAAA;EAEF;GACP,EAAA,CAAA;AAEN"}

package/dist/{CopyableText-DkyhZ6wk.js → CopyableText-hSqhyUWx.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { Icon as t } from "./components/Icon/Icon.js";
 import { useEffect as n, useRef as r, useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
@@ -54,4 +54,4 @@ var s = {
 //#endregion
 export { l as t };
 
-//# sourceMappingURL=CopyableText-DkyhZ6wk.js.map
+//# sourceMappingURL=CopyableText-hSqhyUWx.js.map

package/dist/{CopyableText-DkyhZ6wk.js.map → CopyableText-hSqhyUWx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"CopyableText-DkyhZ6wk.js","names":[],"sources":["../src/components/CopyableText/CopyableText.module.css","../src/components/CopyableText/CopyableText.tsx"],"sourcesContent":[".copyable-text-container {\n  cursor: pointer;\n  display: flex;\n  position: relative;\n  width: fit-content;\n}\n\n.copyable-text-copy-button {\n  align-items: center;\n  background-color: var(--color-grey-300);\n  border: none;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  display: flex;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  gap: 0.25rem;\n  inset: calc(-0.25rem + 1px) auto auto -0.5rem;\n  justify-content: center;\n  padding: 0.25rem 0.5rem;\n  position: absolute;\n  transition: opacity 150ms ease;\n  white-space: nowrap;\n  z-index: 10;\n}\n\n.copyable-text-container:focus-within {\n  outline: none;\n}\n\n.copyable-text-copy-visually-hidden {\n  border-width: 0;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n","import { clsx } from 'clsx';\r\nimport { useState, useRef, useEffect } from 'react';\r\n\r\nimport type { KeyboardEvent, MouseEvent } from 'react';\r\n\r\nimport styles from './CopyableText.module.css';\r\n\r\nimport { Icon } from 'components/Icon';\r\n\r\nexport interface CopyableTextProps {\r\n  /** The text to be copied */\r\n  text: string;\r\n  /** Additional class name to style the text so it suits the design */\r\n  additionalClassName?: string;\r\n  /** ARIA label for the copy button */\r\n  ariaLabelCopy?: string;\r\n  /** ARIA label for the copied state */\r\n  ariaLabelHasBeenCopied?: string;\r\n  /** custom value to be copied in place of the display text */\r\n  customCopyValue?: string;\r\n}\r\n\r\nconst COPYTIME = 2000;\r\n\r\nexport const CopyableText = ({\r\n  text,\r\n  additionalClassName = '',\r\n  ariaLabelCopy,\r\n  ariaLabelHasBeenCopied,\r\n  customCopyValue,\r\n}: CopyableTextProps) => {\r\n  const [isCopying, setIsCopying] = useState(false);\r\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\r\n  const [buttonActive, setButtonActive] = useState(false);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\r\n    };\r\n  }, []);\r\n\r\n  const handleCopy = (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLSpanElement>) => {\r\n    // prevent event bubbling if placed inside another clikable element\r\n    event.stopPropagation();\r\n    event.preventDefault();\r\n\r\n    setIsCopying(true);\r\n    timeoutRef.current = setTimeout(() => {\r\n      setIsCopying(false);\r\n      setButtonActive(false);\r\n    }, COPYTIME);\r\n    navigator.clipboard.writeText(customCopyValue ?? text).catch(() => setIsCopying(false));\r\n  };\r\n\r\n  return (\r\n    <span\r\n      className={clsx(styles['copyable-text-container'], additionalClassName)}\r\n      role=\"button\"\r\n      tabIndex={0}\r\n      onFocus={() => setButtonActive(true)}\r\n      onBlur={() => !isCopying && setButtonActive(false)}\r\n      onKeyDown={(event) => {\r\n        setButtonActive(true);\r\n        if (event.key === 'Enter' || event.key === ' ') {\r\n          event.preventDefault();\r\n          handleCopy(event);\r\n        }\r\n      }}\r\n      onMouseEnter={() => setButtonActive(true)}\r\n      onMouseLeave={() => !isCopying && setButtonActive(false)}\r\n    >\r\n      {text}\r\n      {buttonActive && (\r\n        <button\r\n          ref={buttonRef}\r\n          className={clsx(styles['copyable-text-copy-button'], additionalClassName)}\r\n          onClick={handleCopy}\r\n          type=\"button\"\r\n          aria-keyshortcuts=\"Enter Space\"\r\n          aria-label={isCopying ? (ariaLabelHasBeenCopied ?? 'Copied') : (ariaLabelCopy ?? 'Copy to clipboard')}\r\n          tabIndex={-1}\r\n        >\r\n          {text}\r\n          <Icon name={isCopying ? 'CheckSmall' : 'Copy'} size={20} />\r\n          <span className={styles['copyable-text-copy-visually-hidden']} aria-live=\"polite\">\r\n            {isCopying ? (ariaLabelHasBeenCopied ?? 'Copied') : (ariaLabelCopy ?? 'Copy to clipboard')}\r\n          </span>\r\n        </button>\r\n      )}\r\n    </span>\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;;GCsBM,IAAW,KAEJ,KAAgB,EAC3B,SACA,yBAAsB,IACtB,kBACA,2BACA,yBACuB;CACvB,IAAM,CAAC,GAAW,KAAgB,EAAS,GAAM,EAC3C,IAAa,EAA6C,KAAK,EAC/D,IAAY,EAAiC,KAAK,EAClD,CAAC,GAAc,KAAmB,EAAS,GAAM;CAEvD,cACe;EACX,AAAI,EAAW,WAAS,aAAa,EAAW,QAAQ;IAEzD,EAAE,CAAC;CAEN,IAAM,KAAc,MAA0E;EAU5F,AARA,EAAM,iBAAiB,EACvB,EAAM,gBAAgB,EAEtB,EAAa,GAAK,EAClB,EAAW,UAAU,iBAAiB;GAEpC,AADA,EAAa,GAAM,EACnB,EAAgB,GAAM;KACrB,EAAS,EACZ,UAAU,UAAU,UAAU,KAAmB,EAAK,CAAC,YAAY,EAAa,GAAM,CAAC;;CAGzF,OACE,kBAAC,QAAD;EACE,WAAW,EAAK,EAAO,4BAA4B,EAAoB;EACvE,MAAK;EACL,UAAU;EACV,eAAe,EAAgB,GAAK;EACpC,cAAc,CAAC,KAAa,EAAgB,GAAM;EAClD,YAAY,MAAU;GAEpB,AADA,EAAgB,GAAK,GACjB,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,gBAAgB,EACtB,EAAW,EAAM;;EAGrB,oBAAoB,EAAgB,GAAK;EACzC,oBAAoB,CAAC,KAAa,EAAgB,GAAM;YAd1D,CAgBG,GACA,KACC,kBAAC,UAAD;GACE,KAAK;GACL,WAAW,EAAK,EAAO,8BAA8B,EAAoB;GACzE,SAAS;GACT,MAAK;GACL,qBAAkB;GAClB,cAAY,IAAa,KAA0B,WAAa,KAAiB;GACjF,UAAU;aAPZ;IASG;IACD,kBAAC,GAAD;KAAM,MAAM,IAAY,eAAe;KAAQ,MAAM;KAAM,CAAA;IAC3D,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAuC,aAAU;eACtE,IAAa,KAA0B,WAAa,KAAiB;KACjE,CAAA;IACA;KAEN"}
+{"version":3,"file":"CopyableText-hSqhyUWx.js","names":[],"sources":["../src/components/CopyableText/CopyableText.module.css","../src/components/CopyableText/CopyableText.tsx"],"sourcesContent":[".copyable-text-container {\n  cursor: pointer;\n  display: flex;\n  position: relative;\n  width: fit-content;\n}\n\n.copyable-text-copy-button {\n  align-items: center;\n  background-color: var(--color-grey-300);\n  border: none;\n  border-radius: 0.25rem;\n  cursor: pointer;\n  display: flex;\n  font-family: inherit;\n  font-size: inherit;\n  font-weight: inherit;\n  gap: 0.25rem;\n  inset: calc(-0.25rem + 1px) auto auto -0.5rem;\n  justify-content: center;\n  padding: 0.25rem 0.5rem;\n  position: absolute;\n  transition: opacity 150ms ease;\n  white-space: nowrap;\n  z-index: 10;\n}\n\n.copyable-text-container:focus-within {\n  outline: none;\n}\n\n.copyable-text-copy-visually-hidden {\n  border-width: 0;\n  clip: rect(0, 0, 0, 0);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}\n","import { clsx } from 'clsx';\r\nimport { useState, useRef, useEffect } from 'react';\r\n\r\nimport type { KeyboardEvent, MouseEvent } from 'react';\r\n\r\nimport styles from './CopyableText.module.css';\r\n\r\nimport { Icon } from 'components/Icon';\r\n\r\nexport interface CopyableTextProps {\r\n  /** The text to be copied */\r\n  text: string;\r\n  /** Additional class name to style the text so it suits the design */\r\n  additionalClassName?: string;\r\n  /** ARIA label for the copy button */\r\n  ariaLabelCopy?: string;\r\n  /** ARIA label for the copied state */\r\n  ariaLabelHasBeenCopied?: string;\r\n  /** custom value to be copied in place of the display text */\r\n  customCopyValue?: string;\r\n}\r\n\r\nconst COPYTIME = 2000;\r\n\r\nexport const CopyableText = ({\r\n  text,\r\n  additionalClassName = '',\r\n  ariaLabelCopy,\r\n  ariaLabelHasBeenCopied,\r\n  customCopyValue,\r\n}: CopyableTextProps) => {\r\n  const [isCopying, setIsCopying] = useState(false);\r\n  const timeoutRef = useRef<ReturnType<typeof setTimeout> | null>(null);\r\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\r\n  const [buttonActive, setButtonActive] = useState(false);\r\n\r\n  useEffect(() => {\r\n    return () => {\r\n      if (timeoutRef.current) clearTimeout(timeoutRef.current);\r\n    };\r\n  }, []);\r\n\r\n  const handleCopy = (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLSpanElement>) => {\r\n    // prevent event bubbling if placed inside another clikable element\r\n    event.stopPropagation();\r\n    event.preventDefault();\r\n\r\n    setIsCopying(true);\r\n    timeoutRef.current = setTimeout(() => {\r\n      setIsCopying(false);\r\n      setButtonActive(false);\r\n    }, COPYTIME);\r\n    navigator.clipboard.writeText(customCopyValue ?? text).catch(() => setIsCopying(false));\r\n  };\r\n\r\n  return (\r\n    <span\r\n      className={clsx(styles['copyable-text-container'], additionalClassName)}\r\n      role=\"button\"\r\n      tabIndex={0}\r\n      onFocus={() => setButtonActive(true)}\r\n      onBlur={() => !isCopying && setButtonActive(false)}\r\n      onKeyDown={(event) => {\r\n        setButtonActive(true);\r\n        if (event.key === 'Enter' || event.key === ' ') {\r\n          event.preventDefault();\r\n          handleCopy(event);\r\n        }\r\n      }}\r\n      onMouseEnter={() => setButtonActive(true)}\r\n      onMouseLeave={() => !isCopying && setButtonActive(false)}\r\n    >\r\n      {text}\r\n      {buttonActive && (\r\n        <button\r\n          ref={buttonRef}\r\n          className={clsx(styles['copyable-text-copy-button'], additionalClassName)}\r\n          onClick={handleCopy}\r\n          type=\"button\"\r\n          aria-keyshortcuts=\"Enter Space\"\r\n          aria-label={isCopying ? (ariaLabelHasBeenCopied ?? 'Copied') : (ariaLabelCopy ?? 'Copy to clipboard')}\r\n          tabIndex={-1}\r\n        >\r\n          {text}\r\n          <Icon name={isCopying ? 'CheckSmall' : 'Copy'} size={20} />\r\n          <span className={styles['copyable-text-copy-visually-hidden']} aria-live=\"polite\">\r\n            {isCopying ? (ariaLabelHasBeenCopied ?? 'Copied') : (ariaLabelCopy ?? 'Copy to clipboard')}\r\n          </span>\r\n        </button>\r\n      )}\r\n    </span>\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;;GCsBM,IAAW,KAEJ,KAAgB,EAC3B,SACA,yBAAsB,IACtB,kBACA,2BACA,yBACuB;CACvB,IAAM,CAAC,GAAW,KAAgB,EAAS,EAAK,GAC1C,IAAa,EAA6C,IAAI,GAC9D,IAAY,EAAiC,IAAI,GACjD,CAAC,GAAc,KAAmB,EAAS,EAAK;CAEtD,cACe;EACX,AAAI,EAAW,WAAS,aAAa,EAAW,OAAO;CACzD,GACC,CAAC,CAAC;CAEL,IAAM,KAAc,MAA0E;EAU5F,AARA,EAAM,gBAAgB,GACtB,EAAM,eAAe,GAErB,EAAa,EAAI,GACjB,EAAW,UAAU,iBAAiB;GAEpC,AADA,EAAa,EAAK,GAClB,EAAgB,EAAK;EACvB,GAAG,CAAQ,GACX,UAAU,UAAU,UAAU,KAAmB,CAAI,EAAE,YAAY,EAAa,EAAK,CAAC;CACxF;CAEA,OACE,kBAAC,QAAD;EACE,WAAW,EAAK,EAAO,4BAA4B,CAAmB;EACtE,MAAK;EACL,UAAU;EACV,eAAe,EAAgB,EAAI;EACnC,cAAc,CAAC,KAAa,EAAgB,EAAK;EACjD,YAAY,MAAU;GAEpB,AADA,EAAgB,EAAI,IAChB,EAAM,QAAQ,WAAW,EAAM,QAAQ,SACzC,EAAM,eAAe,GACrB,EAAW,CAAK;EAEpB;EACA,oBAAoB,EAAgB,EAAI;EACxC,oBAAoB,CAAC,KAAa,EAAgB,EAAK;YAdzD,CAgBG,GACA,KACC,kBAAC,UAAD;GACE,KAAK;GACL,WAAW,EAAK,EAAO,8BAA8B,CAAmB;GACxE,SAAS;GACT,MAAK;GACL,qBAAkB;GAClB,cAAY,IAAa,KAA0B,WAAa,KAAiB;GACjF,UAAU;aAPZ;IASG;IACD,kBAAC,GAAD;KAAM,MAAM,IAAY,eAAe;KAAQ,MAAM;IAAK,CAAA;IAC1D,kBAAC,QAAD;KAAM,WAAW,EAAO;KAAuC,aAAU;eACtE,IAAa,KAA0B,WAAa,KAAiB;IAClE,CAAA;GACA;IAEN;;AAEV"}

package/dist/{Drawer-e7UFHVg9.js → Drawer-BbVJqFQI.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
-import { t } from "./Backdrop-D8AHeuBn.js";
-import { t as n } from "./OverlayCloseButton-rttFbAM_.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
+import { t } from "./Backdrop-bQ8kXsge.js";
+import { t as n } from "./OverlayCloseButton-j-7mC4Zz.js";
 import { useEffect as r, useRef as i, useState as a } from "react";
 import { jsx as o, jsxs as s } from "react/jsx-runtime";
 import { useDialog as c } from "@react-aria/dialog";
@@ -73,4 +73,4 @@ function g({ buttons: g, children: _, isOpen: v, onClose: y, title: b, closeButt
 //#endregion
 export { g as t };
 
-//# sourceMappingURL=Drawer-e7UFHVg9.js.map
+//# sourceMappingURL=Drawer-BbVJqFQI.js.map

package/dist/{Drawer-e7UFHVg9.js.map → Drawer-BbVJqFQI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Drawer-e7UFHVg9.js","names":[],"sources":["../src/components/Drawer/Drawer.module.css","../src/components/Drawer/Drawer.tsx"],"sourcesContent":[".drawer {\n  background-color: var(--color-uva-white);\n  bottom: 0;\n  box-shadow: 0 0 0.75rem 0.25rem rgb(0 0 0 / 10%);\n  display: flex;\n  flex-direction: column;\n  left: 10vw;\n  max-width: 90vw;\n  min-width: 25rem;\n  padding: 2.5rem 2rem;\n  position: fixed;\n  right: 0;\n  top: 0;\n  transform: translateX(100%);\n  transform-origin: right;\n  transition-duration: 200ms;\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  width: 100%;\n}\n\n.drawer__content {\n  /**\n     * Drawer content height cannot exceed the available height, dictated by its parent.\n     * Subtracting top and bottom padding from .drawer as well as the height and bottom margin of\n     * .drawer__heading from the parent's height gives us the maximum height the content should be.\n     */\n  max-height: calc(100vh - 7rem);\n  overflow-y: auto;\n}\n\n.drawer__header {\n  display: flex;\n  gap: 2rem;\n  justify-content: space-between;\n  position: relative;\n}\n\n.drawer__footer {\n  gap: 2rem;\n  justify-content: flex-end;\n  margin-top: auto;\n}\n\n.drawer__heading {\n  font-size: var(--font-size-s);\n  line-height: var(--line-height-s);\n  margin: 0.25rem 0 0.5rem;\n  padding-right: 2rem;\n}\n\n@media only screen and (min-width: 40rem) {\n  .drawer {\n    left: auto;\n    max-width: 37.5rem;\n  }\n}\n\n.drawer--open {\n  transform: translateX(0);\n  transition-duration: 250ms;\n}\n\n.drawer__buttons {\n  display: flex;\n  flex-flow: row wrap;\n  gap: 0.75rem;\n  justify-content: flex-end;\n  margin: 2.5rem 0 0;\n}\n","import { useDialog } from '@react-aria/dialog';\nimport { FocusScope } from '@react-aria/focus';\nimport { OverlayContainer, useModal, useOverlay, usePreventScroll } from '@react-aria/overlays';\nimport { clsx } from 'clsx';\nimport { useEffect, useRef, useState } from 'react';\n\nimport type { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './Drawer.module.css';\n\nimport { Backdrop } from 'components/Backdrop/Backdrop';\nimport { OverlayCloseButton } from 'components/OverlayCloseButton';\n\nexport interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style' | 'className'> {\n  /** The buttons to render in the drawer. */\n  buttons?: ReactNode;\n  /** true if the drawer should be open; otherwise, false. The default is false. */\n  isOpen?: boolean;\n  /** The callback method that is invoked when the drawer is closed. */\n  onClose: () => void;\n  /** The title of the drawer. */\n  title: string;\n  /** The aria-label of the close button. */\n  closeButtonAriaValueText?: string;\n}\n\nconst closingDelay = 200;\n\n/** Represents a Drawer component. */\nexport function Drawer({\n  buttons,\n  children,\n  isOpen,\n  onClose,\n  title,\n  closeButtonAriaValueText = 'Close',\n  ...restProps\n}: PropsWithChildren<DrawerProps>) {\n  const [containerClassNames, setContainerClassNames] = useState(styles.drawer);\n  // Hide content outside the modal from screen readers.\n  const { modalProps } = useModal({ isDisabled: !isOpen });\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  function onCloseDrawer() {\n    setContainerClassNames(styles.drawer);\n\n    globalThis.setTimeout(() => {\n      onClose();\n    }, closingDelay);\n  }\n\n  // Handle interacting outside the dialog and pressing\n  // the Escape key to close the modal.\n  const { overlayProps, underlayProps } = useOverlay(\n    { isDismissable: true, isKeyboardDismissDisabled: false, isOpen, onClose: onCloseDrawer },\n    contentRef\n  );\n\n  // Get props for the dialog and its title\n  const { dialogProps, titleProps } = useDialog({}, contentRef);\n\n  usePreventScroll({ isDisabled: !isOpen });\n\n  useEffect(() => {\n    // setting class name after render so that element can slide in after it is mounted and slide out\n    // before it is unmounted\n    setContainerClassNames(clsx(styles.drawer, { [styles['drawer--open']]: isOpen }));\n  }, [isOpen]);\n\n  return (\n    <OverlayContainer>\n      <Backdrop {...underlayProps}>\n        <FocusScope contain restoreFocus>\n          <aside\n            {...modalProps}\n            {...overlayProps}\n            {...dialogProps}\n            {...restProps}\n            className={containerClassNames}\n            ref={contentRef}\n          >\n            <header className={styles.drawer__header}>\n              <h1 className={styles.drawer__heading} {...titleProps}>\n                {title}\n              </h1>\n\n              <OverlayCloseButton aria-label={closeButtonAriaValueText} onClick={onCloseDrawer} />\n            </header>\n\n            <div className={styles.drawer__content}>{children}</div>\n\n            {buttons && (\n              <footer className={styles.drawer__footer}>\n                <div className={styles.drawer__buttons}>{buttons}</div>\n              </footer>\n            )}\n          </aside>\n        </FocusScope>\n      </Backdrop>\n    </OverlayContainer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;GC0BM,IAAe;AAGrB,SAAgB,EAAO,EACrB,YACA,aACA,WACA,YACA,UACA,8BAA2B,SAC3B,GAAG,KAC8B;CACjC,IAAM,CAAC,GAAqB,KAA0B,EAAS,EAAO,OAAO,EAEvE,EAAE,kBAAe,EAAS,EAAE,YAAY,CAAC,GAAQ,CAAC,EAClD,IAAa,EAAuB,KAAK;CAE/C,SAAS,IAAgB;EAGvB,AAFA,EAAuB,EAAO,OAAO,EAErC,WAAW,iBAAiB;GAC1B,GAAS;KACR,EAAa;;CAKlB,IAAM,EAAE,iBAAc,qBAAkB,EACtC;EAAE,eAAe;EAAM,2BAA2B;EAAO;EAAQ,SAAS;EAAe,EACzF,EACD,EAGK,EAAE,gBAAa,kBAAe,EAAU,EAAE,EAAE,EAAW;CAU7D,OARA,EAAiB,EAAE,YAAY,CAAC,GAAQ,CAAC,EAEzC,QAAgB;EAGd,EAAuB,EAAK,EAAO,QAAQ,GAAG,EAAO,kBAAkB,GAAQ,CAAC,CAAC;IAChF,CAAC,EAAO,CAAC,EAGV,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAU,GAAI;YACZ,kBAAC,GAAD;GAAY,SAAA;GAAQ,cAAA;aAClB,kBAAC,SAAD;IACE,GAAI;IACJ,GAAI;IACJ,GAAI;IACJ,GAAI;IACJ,WAAW;IACX,KAAK;cANP;KAQE,kBAAC,UAAD;MAAQ,WAAW,EAAO;gBAA1B,CACE,kBAAC,MAAD;OAAI,WAAW,EAAO;OAAiB,GAAI;iBACxC;OACE,CAAA,EAEL,kBAAC,GAAD;OAAoB,cAAY;OAA0B,SAAS;OAAiB,CAAA,CAC7E;;KAET,kBAAC,OAAD;MAAK,WAAW,EAAO;MAAkB;MAAe,CAAA;KAEvD,KACC,kBAAC,UAAD;MAAQ,WAAW,EAAO;gBACxB,kBAAC,OAAD;OAAK,WAAW,EAAO;iBAAkB;OAAc,CAAA;MAChD,CAAA;KAEL;;GACG,CAAA;EACJ,CAAA,EACM,CAAA"}
+{"version":3,"file":"Drawer-BbVJqFQI.js","names":[],"sources":["../src/components/Drawer/Drawer.module.css","../src/components/Drawer/Drawer.tsx"],"sourcesContent":[".drawer {\n  background-color: var(--color-uva-white);\n  bottom: 0;\n  box-shadow: 0 0 0.75rem 0.25rem rgb(0 0 0 / 10%);\n  display: flex;\n  flex-direction: column;\n  left: 10vw;\n  max-width: 90vw;\n  min-width: 25rem;\n  padding: 2.5rem 2rem;\n  position: fixed;\n  right: 0;\n  top: 0;\n  transform: translateX(100%);\n  transform-origin: right;\n  transition-duration: 200ms;\n  transition-property: transform;\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  width: 100%;\n}\n\n.drawer__content {\n  /**\n     * Drawer content height cannot exceed the available height, dictated by its parent.\n     * Subtracting top and bottom padding from .drawer as well as the height and bottom margin of\n     * .drawer__heading from the parent's height gives us the maximum height the content should be.\n     */\n  max-height: calc(100vh - 7rem);\n  overflow-y: auto;\n}\n\n.drawer__header {\n  display: flex;\n  gap: 2rem;\n  justify-content: space-between;\n  position: relative;\n}\n\n.drawer__footer {\n  gap: 2rem;\n  justify-content: flex-end;\n  margin-top: auto;\n}\n\n.drawer__heading {\n  font-size: var(--font-size-s);\n  line-height: var(--line-height-s);\n  margin: 0.25rem 0 0.5rem;\n  padding-right: 2rem;\n}\n\n@media only screen and (min-width: 40rem) {\n  .drawer {\n    left: auto;\n    max-width: 37.5rem;\n  }\n}\n\n.drawer--open {\n  transform: translateX(0);\n  transition-duration: 250ms;\n}\n\n.drawer__buttons {\n  display: flex;\n  flex-flow: row wrap;\n  gap: 0.75rem;\n  justify-content: flex-end;\n  margin: 2.5rem 0 0;\n}\n","import { useDialog } from '@react-aria/dialog';\nimport { FocusScope } from '@react-aria/focus';\nimport { OverlayContainer, useModal, useOverlay, usePreventScroll } from '@react-aria/overlays';\nimport { clsx } from 'clsx';\nimport { useEffect, useRef, useState } from 'react';\n\nimport type { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './Drawer.module.css';\n\nimport { Backdrop } from 'components/Backdrop/Backdrop';\nimport { OverlayCloseButton } from 'components/OverlayCloseButton';\n\nexport interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style' | 'className'> {\n  /** The buttons to render in the drawer. */\n  buttons?: ReactNode;\n  /** true if the drawer should be open; otherwise, false. The default is false. */\n  isOpen?: boolean;\n  /** The callback method that is invoked when the drawer is closed. */\n  onClose: () => void;\n  /** The title of the drawer. */\n  title: string;\n  /** The aria-label of the close button. */\n  closeButtonAriaValueText?: string;\n}\n\nconst closingDelay = 200;\n\n/** Represents a Drawer component. */\nexport function Drawer({\n  buttons,\n  children,\n  isOpen,\n  onClose,\n  title,\n  closeButtonAriaValueText = 'Close',\n  ...restProps\n}: PropsWithChildren<DrawerProps>) {\n  const [containerClassNames, setContainerClassNames] = useState(styles.drawer);\n  // Hide content outside the modal from screen readers.\n  const { modalProps } = useModal({ isDisabled: !isOpen });\n  const contentRef = useRef<HTMLDivElement>(null);\n\n  function onCloseDrawer() {\n    setContainerClassNames(styles.drawer);\n\n    globalThis.setTimeout(() => {\n      onClose();\n    }, closingDelay);\n  }\n\n  // Handle interacting outside the dialog and pressing\n  // the Escape key to close the modal.\n  const { overlayProps, underlayProps } = useOverlay(\n    { isDismissable: true, isKeyboardDismissDisabled: false, isOpen, onClose: onCloseDrawer },\n    contentRef\n  );\n\n  // Get props for the dialog and its title\n  const { dialogProps, titleProps } = useDialog({}, contentRef);\n\n  usePreventScroll({ isDisabled: !isOpen });\n\n  useEffect(() => {\n    // setting class name after render so that element can slide in after it is mounted and slide out\n    // before it is unmounted\n    setContainerClassNames(clsx(styles.drawer, { [styles['drawer--open']]: isOpen }));\n  }, [isOpen]);\n\n  return (\n    <OverlayContainer>\n      <Backdrop {...underlayProps}>\n        <FocusScope contain restoreFocus>\n          <aside\n            {...modalProps}\n            {...overlayProps}\n            {...dialogProps}\n            {...restProps}\n            className={containerClassNames}\n            ref={contentRef}\n          >\n            <header className={styles.drawer__header}>\n              <h1 className={styles.drawer__heading} {...titleProps}>\n                {title}\n              </h1>\n\n              <OverlayCloseButton aria-label={closeButtonAriaValueText} onClick={onCloseDrawer} />\n            </header>\n\n            <div className={styles.drawer__content}>{children}</div>\n\n            {buttons && (\n              <footer className={styles.drawer__footer}>\n                <div className={styles.drawer__buttons}>{buttons}</div>\n              </footer>\n            )}\n          </aside>\n        </FocusScope>\n      </Backdrop>\n    </OverlayContainer>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;GC0BM,IAAe;AAGrB,SAAgB,EAAO,EACrB,YACA,aACA,WACA,YACA,UACA,8BAA2B,SAC3B,GAAG,KAC8B;CACjC,IAAM,CAAC,GAAqB,KAA0B,EAAS,EAAO,MAAM,GAEtE,EAAE,kBAAe,EAAS,EAAE,YAAY,CAAC,EAAO,CAAC,GACjD,IAAa,EAAuB,IAAI;CAE9C,SAAS,IAAgB;EAGvB,AAFA,EAAuB,EAAO,MAAM,GAEpC,WAAW,iBAAiB;GAC1B,EAAQ;EACV,GAAG,CAAY;CACjB;CAIA,IAAM,EAAE,iBAAc,qBAAkB,EACtC;EAAE,eAAe;EAAM,2BAA2B;EAAO;EAAQ,SAAS;CAAc,GACxF,CACF,GAGM,EAAE,gBAAa,kBAAe,EAAU,CAAC,GAAG,CAAU;CAU5D,OARA,EAAiB,EAAE,YAAY,CAAC,EAAO,CAAC,GAExC,QAAgB;EAGd,EAAuB,EAAK,EAAO,QAAQ,GAAG,EAAO,kBAAkB,EAAO,CAAC,CAAC;CAClF,GAAG,CAAC,CAAM,CAAC,GAGT,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EAAU,GAAI;YACZ,kBAAC,GAAD;GAAY,SAAA;GAAQ,cAAA;aAClB,kBAAC,SAAD;IACE,GAAI;IACJ,GAAI;IACJ,GAAI;IACJ,GAAI;IACJ,WAAW;IACX,KAAK;cANP;KAQE,kBAAC,UAAD;MAAQ,WAAW,EAAO;gBAA1B,CACE,kBAAC,MAAD;OAAI,WAAW,EAAO;OAAiB,GAAI;iBACxC;MACC,CAAA,GAEJ,kBAAC,GAAD;OAAoB,cAAY;OAA0B,SAAS;MAAgB,CAAA,CAC7E;;KAER,kBAAC,OAAD;MAAK,WAAW,EAAO;MAAkB;KAAc,CAAA;KAEtD,KACC,kBAAC,UAAD;MAAQ,WAAW,EAAO;gBACxB,kBAAC,OAAD;OAAK,WAAW,EAAO;iBAAkB;MAAa,CAAA;KAChD,CAAA;IAEL;;EACG,CAAA;CACJ,CAAA,EACM,CAAA;AAEtB"}

package/dist/{EmptyStateDataDisplay-D0QiI8nE.js → EmptyStateDataDisplay-IT2P3ius.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { Icon as t } from "./components/Icon/Icon.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import './assets/EmptyStateDataDisplay.css';//#region src/components/EmptyStateDataDisplay/EmptyStateDataDisplay.module.css
@@ -43,4 +43,4 @@ function s({ label: s, paragraph: c, invertColors: l, variant: u = "regular" })
 //#endregion
 export { s as t };
 
-//# sourceMappingURL=EmptyStateDataDisplay-D0QiI8nE.js.map
+//# sourceMappingURL=EmptyStateDataDisplay-IT2P3ius.js.map

package/dist/{EmptyStateDataDisplay-D0QiI8nE.js.map → EmptyStateDataDisplay-IT2P3ius.js.map}

@@ -1 +1 @@
-{"version":3,"file":"EmptyStateDataDisplay-D0QiI8nE.js","names":[],"sources":["../src/components/EmptyStateDataDisplay/EmptyStateDataDisplay.module.css","../src/components/EmptyStateDataDisplay/EmptyStateDataDisplay.tsx"],"sourcesContent":[".empty-state-data-display_wrapper {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  display: flex;\n  gap: 1.5rem;\n  padding: 1.5rem;\n}\n\n.empty-state-data-display_icon-frame {\n  align-items: center;\n  background-color: var(--color-grey-200);\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  min-height: 4rem;\n  min-width: 4rem;\n}\n\n.empty-state-data-display_wrapper--invert-colors {\n  background-color: var(--color-grey-200);\n}\n\n.empty-state-data-display_wrapper--slim {\n  gap: 1rem;\n  padding: 1rem;\n}\n\n.empty-state-data-display_icon-frame--invert-colors {\n  background-color: var(--color-uva-white);\n}\n\n.empty-state-data-display_icon-frame--slim {\n  min-height: 2rem;\n  min-width: 2rem;\n}\n\n.empty-state-data-display_text-content {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.empty-state-data-display_label {\n  font-weight: var(--semibold);\n}\n\n.empty-state-data-display_paragraph {\n  color: var(--color-grey-700);\n  margin: 0;\n}\n","import { clsx } from 'clsx';\n\nimport type { UISizeVariant } from 'types/UserInterface';\n\nimport styles from './EmptyStateDataDisplay.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface EmptyStateDataDisplayProps {\n  /** The main text to display. */\n  label: string;\n  /** The sub-text to display. */\n  paragraph?: string;\n  /** The colors of the wrapper and icon background are inverted. */\n  invertColors?: boolean;\n  /** The display variant. */\n  variant?: UISizeVariant;\n}\n\nconst ICON_SIZE_REGULAR = 24;\nconst ICON_SIZE_SLIM = 16;\n\n/** Represents a component to indicate an empty state. */\nexport function EmptyStateDataDisplay({\n  label,\n  paragraph,\n  invertColors,\n  variant = 'regular',\n}: EmptyStateDataDisplayProps) {\n  return (\n    <div\n      className={clsx(styles['empty-state-data-display_wrapper'], {\n        [styles['empty-state-data-display_wrapper--invert-colors']]: invertColors,\n        [styles['empty-state-data-display_wrapper--slim']]: variant === 'slim',\n      })}\n    >\n      <div\n        className={clsx(styles['empty-state-data-display_icon-frame'], {\n          [styles['empty-state-data-display_icon-frame--invert-colors']]: invertColors,\n          [styles['empty-state-data-display_icon-frame--slim']]: variant === 'slim',\n        })}\n      >\n        <Icon name=\"CubeTransparent\" size={variant === 'regular' ? ICON_SIZE_REGULAR : ICON_SIZE_SLIM} />\n      </div>\n      <div className={styles['empty-state-data-display_text-content']}>\n        <label className={styles['empty-state-data-display_label']}>{label}</label>\n        {paragraph && <p className={styles['empty-state-data-display_paragraph']}>{paragraph}</p>}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;GCmBM,IAAoB,IACpB,IAAiB;AAGvB,SAAgB,EAAsB,EACpC,UACA,cACA,iBACA,aAAU,aACmB;CAC7B,OACE,kBAAC,OAAD;EACE,WAAW,EAAK,EAAO,qCAAqC;IACzD,EAAO,qDAAqD;IAC5D,EAAO,4CAA4C,MAAY;GACjE,CAAC;YAJJ,CAME,kBAAC,OAAD;GACE,WAAW,EAAK,EAAO,wCAAwC;KAC5D,EAAO,wDAAwD;KAC/D,EAAO,+CAA+C,MAAY;IACpE,CAAC;aAEF,kBAAC,GAAD;IAAM,MAAK;IAAkB,MAAM,MAAY,YAAY,IAAoB;IAAkB,CAAA;GAC7F,CAAA,EACN,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,SAAD;IAAO,WAAW,EAAO;cAAoC;IAAc,CAAA,EAC1E,KAAa,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAwC;IAAc,CAAA,CACrF;KACF"}
+{"version":3,"file":"EmptyStateDataDisplay-IT2P3ius.js","names":[],"sources":["../src/components/EmptyStateDataDisplay/EmptyStateDataDisplay.module.css","../src/components/EmptyStateDataDisplay/EmptyStateDataDisplay.tsx"],"sourcesContent":[".empty-state-data-display_wrapper {\n  align-items: center;\n  background-color: var(--color-uva-white);\n  display: flex;\n  gap: 1.5rem;\n  padding: 1.5rem;\n}\n\n.empty-state-data-display_icon-frame {\n  align-items: center;\n  background-color: var(--color-grey-200);\n  border-radius: 50%;\n  display: flex;\n  justify-content: center;\n  min-height: 4rem;\n  min-width: 4rem;\n}\n\n.empty-state-data-display_wrapper--invert-colors {\n  background-color: var(--color-grey-200);\n}\n\n.empty-state-data-display_wrapper--slim {\n  gap: 1rem;\n  padding: 1rem;\n}\n\n.empty-state-data-display_icon-frame--invert-colors {\n  background-color: var(--color-uva-white);\n}\n\n.empty-state-data-display_icon-frame--slim {\n  min-height: 2rem;\n  min-width: 2rem;\n}\n\n.empty-state-data-display_text-content {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem;\n}\n\n.empty-state-data-display_label {\n  font-weight: var(--semibold);\n}\n\n.empty-state-data-display_paragraph {\n  color: var(--color-grey-700);\n  margin: 0;\n}\n","import { clsx } from 'clsx';\n\nimport type { UISizeVariant } from 'types/UserInterface';\n\nimport styles from './EmptyStateDataDisplay.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface EmptyStateDataDisplayProps {\n  /** The main text to display. */\n  label: string;\n  /** The sub-text to display. */\n  paragraph?: string;\n  /** The colors of the wrapper and icon background are inverted. */\n  invertColors?: boolean;\n  /** The display variant. */\n  variant?: UISizeVariant;\n}\n\nconst ICON_SIZE_REGULAR = 24;\nconst ICON_SIZE_SLIM = 16;\n\n/** Represents a component to indicate an empty state. */\nexport function EmptyStateDataDisplay({\n  label,\n  paragraph,\n  invertColors,\n  variant = 'regular',\n}: EmptyStateDataDisplayProps) {\n  return (\n    <div\n      className={clsx(styles['empty-state-data-display_wrapper'], {\n        [styles['empty-state-data-display_wrapper--invert-colors']]: invertColors,\n        [styles['empty-state-data-display_wrapper--slim']]: variant === 'slim',\n      })}\n    >\n      <div\n        className={clsx(styles['empty-state-data-display_icon-frame'], {\n          [styles['empty-state-data-display_icon-frame--invert-colors']]: invertColors,\n          [styles['empty-state-data-display_icon-frame--slim']]: variant === 'slim',\n        })}\n      >\n        <Icon name=\"CubeTransparent\" size={variant === 'regular' ? ICON_SIZE_REGULAR : ICON_SIZE_SLIM} />\n      </div>\n      <div className={styles['empty-state-data-display_text-content']}>\n        <label className={styles['empty-state-data-display_label']}>{label}</label>\n        {paragraph && <p className={styles['empty-state-data-display_paragraph']}>{paragraph}</p>}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;GCmBM,IAAoB,IACpB,IAAiB;AAGvB,SAAgB,EAAsB,EACpC,UACA,cACA,iBACA,aAAU,aACmB;CAC7B,OACE,kBAAC,OAAD;EACE,WAAW,EAAK,EAAO,qCAAqC;IACzD,EAAO,qDAAqD;IAC5D,EAAO,4CAA4C,MAAY;EAClE,CAAC;YAJH,CAME,kBAAC,OAAD;GACE,WAAW,EAAK,EAAO,wCAAwC;KAC5D,EAAO,wDAAwD;KAC/D,EAAO,+CAA+C,MAAY;GACrE,CAAC;aAED,kBAAC,GAAD;IAAM,MAAK;IAAkB,MAAM,MAAY,YAAY,IAAoB;GAAiB,CAAA;EAC7F,CAAA,GACL,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACE,kBAAC,SAAD;IAAO,WAAW,EAAO;cAAoC;GAAa,CAAA,GACzE,KAAa,kBAAC,KAAD;IAAG,WAAW,EAAO;cAAwC;GAAa,CAAA,CACrF;IACF;;AAET"}

package/dist/{ExpandableInfoPanel-CnBVVNlJ.js → ExpandableInfoPanel-DMfcJFP3.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { Icon as t } from "./components/Icon/Icon.js";
 import { useId as n, useState as r } from "react";
 import { jsx as i, jsxs as a } from "react/jsx-runtime";
@@ -55,4 +55,4 @@ var o = {
 //#endregion
 export { s as t };
 
-//# sourceMappingURL=ExpandableInfoPanel-CnBVVNlJ.js.map
+//# sourceMappingURL=ExpandableInfoPanel-DMfcJFP3.js.map

package/dist/{ExpandableInfoPanel-CnBVVNlJ.js.map → ExpandableInfoPanel-DMfcJFP3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"ExpandableInfoPanel-CnBVVNlJ.js","names":[],"sources":["../src/components/ExpandableInfoPanel/ExpandableInfoPanel.module.css","../src/components/ExpandableInfoPanel/ExpandableInfoPanel.tsx"],"sourcesContent":[".expandable-info-panel_wrapper {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.expandable-info-panel_header {\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding-bottom: 0.5rem;\n  width: 100%;\n}\n\n.expandable-info-panel_trigger {\n  align-items: center;\n  appearance: none;\n  background-color: transparent;\n  border: none;\n  border-radius: 0.25rem;\n  display: flex;\n  font: inherit;\n  font-size: var(--font-size-default);\n  gap: 0.5rem;\n  height: 2.75rem;\n  margin-bottom: 0;\n  outline: none;\n  padding: 0.5rem;\n  position: relative;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.expandable-info-panel_trigger:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n  text-decoration: underline;\n}\n\n.expandable-info-panel_trigger:hover {\n  background-color: var(--color-grey-200);\n  text-decoration: underline;\n}\n\n.expandable-info-panel_trigger--active {\n  background-color: var(--color-navy-200);\n  border-radius: 0.25rem 0.25rem 0 0;\n}\n\n.expandable-info-panel_trigger--active:after {\n  background-color: var(--color-navy-200);\n  content: \"\";\n  display: block;\n  height: 0.5rem;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 100%;\n  z-index: -1;\n}\n\n.expandable-info-panel_trigger--active:hover,\n.expandable-info-panel_trigger--active:hover:after {\n  background-color: var(--color-navy-300);\n}\n\n.expandable-info-panel_content-wrapper {\n  align-items: start;\n  background-color: var(--color-navy-200);\n  display: grid;\n  gap: 1rem;\n  grid-template-columns: 1.5rem 1fr;\n  padding: 1.5rem;\n}\n\n.expandable-info-panel_content-with-note-container {\n  display: flex;\n  gap: 0.5rem;\n  justify-content: space-between;\n}\n\n.expandable-info-panel_note {\n  background-color: var(--color-navy-100);\n  padding: 1rem;\n  /* both min and max width needed as not all react elements repect width */\n  /* if react node contenct is placed next to \"note\" it may squish a pure \"width\" note */\n  min-width: 15.875rem;\n  max-width: 15.875rem;\n}\n","import { useState, type ReactNode } from 'react';\r\nimport { clsx } from 'clsx';\r\nimport { useId } from 'react';\r\n\r\nimport styles from './ExpandableInfoPanel.module.css';\r\n\r\nimport { Icon } from 'components/Icon';\r\n\r\nexport interface ExpandableInfoPanelProps {\r\n  /** Label for the trigger button that toggles the expandable panel. */\r\n  triggerLabel: string;\r\n  /** Main header displayed inline left of the trigger button. */\r\n  mainHeader?: ReactNode | string;\r\n  /** Aria-label for the button when the panel is collapsed. */\r\n  collapseLabel?: string;\r\n  /** Aria-label for the button when the panel is expanded. */\r\n  expandLabel?: string;\r\n  /** Content to be displayed inside the expandable panel. */\r\n  content: ReactNode | string;\r\n  /** Optional content area on in seperate box on right side of expanded content. */\r\n  note?: ReactNode | string;\r\n  /** Optional state, if true; sets the expandable panel as 'open' by default. */\r\n  defaultOpen?: boolean;\r\n}\r\n\r\nexport const ExpandableInfoPanel = ({\r\n  triggerLabel,\r\n  mainHeader,\r\n  collapseLabel = '',\r\n  expandLabel = '',\r\n  content,\r\n  note = '',\r\n  defaultOpen = false,\r\n}: ExpandableInfoPanelProps) => {\r\n  const [active, setActive] = useState(defaultOpen);\r\n  const contentId = useId();\r\n\r\n  return (\r\n    <div className={styles['expandable-info-panel_wrapper']}>\r\n      <div className={styles['expandable-info-panel_header']}>\r\n        {mainHeader}\r\n        <button\r\n          className={clsx(styles['expandable-info-panel_trigger'], {\r\n            [styles['expandable-info-panel_trigger--active']]: active,\r\n          })}\r\n          type=\"button\"\r\n          aria-expanded={active}\r\n          aria-controls={contentId}\r\n          aria-label={`${triggerLabel} - ${active ? collapseLabel : expandLabel}`}\r\n          onClick={() => setActive(!active)}\r\n        >\r\n          <Icon name={active ? 'SquareInfoSolid' : 'SquareInfo'} size={24} />\r\n          {triggerLabel}\r\n          <Icon name={active ? 'CheveronUp' : 'CheveronDown'} size={16} />\r\n        </button>\r\n      </div>\r\n      {active && (\r\n        <div id={contentId} className={styles['expandable-info-panel_content-wrapper']}>\r\n          <Icon name=\"SquareInfo\" size={24} />\r\n          {!note ? (\r\n            <div>{content}</div>\r\n          ) : (\r\n            <div className={styles['expandable-info-panel_content-with-note-container']}>\r\n              <div>{content}</div>\r\n              <div className={styles['expandable-info-panel_note']}>{note}</div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;;;;;;GCyBa,KAAuB,EAClC,iBACA,eACA,mBAAgB,IAChB,iBAAc,IACd,YACA,UAAO,IACP,iBAAc,SACgB;CAC9B,IAAM,CAAC,GAAQ,KAAa,EAAS,EAAY,EAC3C,IAAY,GAAO;CAEzB,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB,CACE,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACG,GACD,kBAAC,UAAD;IACE,WAAW,EAAK,EAAO,kCAAkC,GACtD,EAAO,2CAA2C,GACpD,CAAC;IACF,MAAK;IACL,iBAAe;IACf,iBAAe;IACf,cAAY,GAAG,EAAa,KAAK,IAAS,IAAgB;IAC1D,eAAe,EAAU,CAAC,EAAO;cARnC;KAUE,kBAAC,GAAD;MAAM,MAAM,IAAS,oBAAoB;MAAc,MAAM;MAAM,CAAA;KAClE;KACD,kBAAC,GAAD;MAAM,MAAM,IAAS,eAAe;MAAgB,MAAM;MAAM,CAAA;KACzD;MACL;MACL,KACC,kBAAC,OAAD;GAAK,IAAI;GAAW,WAAW,EAAO;aAAtC,CACE,kBAAC,GAAD;IAAM,MAAK;IAAa,MAAM;IAAM,CAAA,EAClC,IAGA,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,OAAD,EAAA,UAAM,GAAc,CAAA,EACpB,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAgC;KAAW,CAAA,CAC9D;QALN,kBAAC,OAAD,EAAA,UAAM,GAAc,CAAA,CAOlB;KAEJ"}
+{"version":3,"file":"ExpandableInfoPanel-DMfcJFP3.js","names":[],"sources":["../src/components/ExpandableInfoPanel/ExpandableInfoPanel.module.css","../src/components/ExpandableInfoPanel/ExpandableInfoPanel.tsx"],"sourcesContent":[".expandable-info-panel_wrapper {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.expandable-info-panel_header {\n  align-items: center;\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  padding-bottom: 0.5rem;\n  width: 100%;\n}\n\n.expandable-info-panel_trigger {\n  align-items: center;\n  appearance: none;\n  background-color: transparent;\n  border: none;\n  border-radius: 0.25rem;\n  display: flex;\n  font: inherit;\n  font-size: var(--font-size-default);\n  gap: 0.5rem;\n  height: 2.75rem;\n  margin-bottom: 0;\n  outline: none;\n  padding: 0.5rem;\n  position: relative;\n  width: fit-content;\n  cursor: pointer;\n}\n\n.expandable-info-panel_trigger:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n  text-decoration: underline;\n}\n\n.expandable-info-panel_trigger:hover {\n  background-color: var(--color-grey-200);\n  text-decoration: underline;\n}\n\n.expandable-info-panel_trigger--active {\n  background-color: var(--color-navy-200);\n  border-radius: 0.25rem 0.25rem 0 0;\n}\n\n.expandable-info-panel_trigger--active:after {\n  background-color: var(--color-navy-200);\n  content: \"\";\n  display: block;\n  height: 0.5rem;\n  left: 0;\n  position: absolute;\n  right: 0;\n  top: 100%;\n  z-index: -1;\n}\n\n.expandable-info-panel_trigger--active:hover,\n.expandable-info-panel_trigger--active:hover:after {\n  background-color: var(--color-navy-300);\n}\n\n.expandable-info-panel_content-wrapper {\n  align-items: start;\n  background-color: var(--color-navy-200);\n  display: grid;\n  gap: 1rem;\n  grid-template-columns: 1.5rem 1fr;\n  padding: 1.5rem;\n}\n\n.expandable-info-panel_content-with-note-container {\n  display: flex;\n  gap: 0.5rem;\n  justify-content: space-between;\n}\n\n.expandable-info-panel_note {\n  background-color: var(--color-navy-100);\n  padding: 1rem;\n  /* both min and max width needed as not all react elements repect width */\n  /* if react node contenct is placed next to \"note\" it may squish a pure \"width\" note */\n  min-width: 15.875rem;\n  max-width: 15.875rem;\n}\n","import { useState, type ReactNode } from 'react';\r\nimport { clsx } from 'clsx';\r\nimport { useId } from 'react';\r\n\r\nimport styles from './ExpandableInfoPanel.module.css';\r\n\r\nimport { Icon } from 'components/Icon';\r\n\r\nexport interface ExpandableInfoPanelProps {\r\n  /** Label for the trigger button that toggles the expandable panel. */\r\n  triggerLabel: string;\r\n  /** Main header displayed inline left of the trigger button. */\r\n  mainHeader?: ReactNode | string;\r\n  /** Aria-label for the button when the panel is collapsed. */\r\n  collapseLabel?: string;\r\n  /** Aria-label for the button when the panel is expanded. */\r\n  expandLabel?: string;\r\n  /** Content to be displayed inside the expandable panel. */\r\n  content: ReactNode | string;\r\n  /** Optional content area on in seperate box on right side of expanded content. */\r\n  note?: ReactNode | string;\r\n  /** Optional state, if true; sets the expandable panel as 'open' by default. */\r\n  defaultOpen?: boolean;\r\n}\r\n\r\nexport const ExpandableInfoPanel = ({\r\n  triggerLabel,\r\n  mainHeader,\r\n  collapseLabel = '',\r\n  expandLabel = '',\r\n  content,\r\n  note = '',\r\n  defaultOpen = false,\r\n}: ExpandableInfoPanelProps) => {\r\n  const [active, setActive] = useState(defaultOpen);\r\n  const contentId = useId();\r\n\r\n  return (\r\n    <div className={styles['expandable-info-panel_wrapper']}>\r\n      <div className={styles['expandable-info-panel_header']}>\r\n        {mainHeader}\r\n        <button\r\n          className={clsx(styles['expandable-info-panel_trigger'], {\r\n            [styles['expandable-info-panel_trigger--active']]: active,\r\n          })}\r\n          type=\"button\"\r\n          aria-expanded={active}\r\n          aria-controls={contentId}\r\n          aria-label={`${triggerLabel} - ${active ? collapseLabel : expandLabel}`}\r\n          onClick={() => setActive(!active)}\r\n        >\r\n          <Icon name={active ? 'SquareInfoSolid' : 'SquareInfo'} size={24} />\r\n          {triggerLabel}\r\n          <Icon name={active ? 'CheveronUp' : 'CheveronDown'} size={16} />\r\n        </button>\r\n      </div>\r\n      {active && (\r\n        <div id={contentId} className={styles['expandable-info-panel_content-wrapper']}>\r\n          <Icon name=\"SquareInfo\" size={24} />\r\n          {!note ? (\r\n            <div>{content}</div>\r\n          ) : (\r\n            <div className={styles['expandable-info-panel_content-with-note-container']}>\r\n              <div>{content}</div>\r\n              <div className={styles['expandable-info-panel_note']}>{note}</div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      )}\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":";;;;;;;;;;;;;GCyBa,KAAuB,EAClC,iBACA,eACA,mBAAgB,IAChB,iBAAc,IACd,YACA,UAAO,IACP,iBAAc,SACgB;CAC9B,IAAM,CAAC,GAAQ,KAAa,EAAS,CAAW,GAC1C,IAAY,EAAM;CAExB,OACE,kBAAC,OAAD;EAAK,WAAW,EAAO;YAAvB,CACE,kBAAC,OAAD;GAAK,WAAW,EAAO;aAAvB,CACG,GACD,kBAAC,UAAD;IACE,WAAW,EAAK,EAAO,kCAAkC,GACtD,EAAO,2CAA2C,EACrD,CAAC;IACD,MAAK;IACL,iBAAe;IACf,iBAAe;IACf,cAAY,GAAG,EAAa,KAAK,IAAS,IAAgB;IAC1D,eAAe,EAAU,CAAC,CAAM;cARlC;KAUE,kBAAC,GAAD;MAAM,MAAM,IAAS,oBAAoB;MAAc,MAAM;KAAK,CAAA;KACjE;KACD,kBAAC,GAAD;MAAM,MAAM,IAAS,eAAe;MAAgB,MAAM;KAAK,CAAA;IACzD;KACL;MACJ,KACC,kBAAC,OAAD;GAAK,IAAI;GAAW,WAAW,EAAO;aAAtC,CACE,kBAAC,GAAD;IAAM,MAAK;IAAa,MAAM;GAAK,CAAA,GACjC,IAGA,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACE,kBAAC,OAAD,EAAA,UAAM,EAAa,CAAA,GACnB,kBAAC,OAAD;KAAK,WAAW,EAAO;eAAgC;IAAU,CAAA,CAC9D;QALL,kBAAC,OAAD,EAAA,UAAM,EAAa,CAAA,CAOlB;IAEJ;;AAET"}

package/dist/{FeedbackBar-ByKp32HE.js → FeedbackBar-DRbJVniP.js}

@@ -1,6 +1,6 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { Icon as t } from "./components/Icon/Icon.js";
-import { t as n } from "./Repeater-BhkTEUai.js";
+import { t as n } from "./Repeater-Bnoqqz0X.js";
 import { useEffect as r, useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import './assets/FeedbackBar.css';//#region src/components/FeedbackBar/FeedbackBar.module.css
@@ -40,4 +40,4 @@ var s = {
 //#endregion
 export { c as t };
 
-//# sourceMappingURL=FeedbackBar-ByKp32HE.js.map
+//# sourceMappingURL=FeedbackBar-DRbJVniP.js.map

package/dist/{FeedbackBar-ByKp32HE.js.map → FeedbackBar-DRbJVniP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FeedbackBar-ByKp32HE.js","names":[],"sources":["../src/components/FeedbackBar/FeedbackBar.module.css","../src/components/FeedbackBar/FeedbackBar.tsx"],"sourcesContent":[".feedback-bar {\n  background-color: var(--color-forest-100);\n  border: 1px solid var(--color-forest-800);\n  border-radius: 0.5rem;\n  display: flex;\n  font-weight: var(--semibold);\n  gap: 0.5rem;\n  justify-content: space-between;\n  max-height: 0;\n  opacity: 0;\n  padding: 0 1rem;\n  transition: all 0.5s;\n}\n\n.feedback-bar--visible {\n  max-height: 6.625rem;\n  opacity: 1;\n  padding: 1rem;\n}\n\n.feedback-bar__icon {\n  color: var(--color-forest-800);\n}\n\n.feedback-bar__close-button {\n  align-items: center;\n  background-color: transparent;\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n  color: var(--color-uva-black);\n  display: inline-flex;\n  height: 1.5rem;\n  justify-content: center;\n  transition: var(--transition-colors);\n  width: 1.5rem;\n}\n\n.feedback-bar__close-button:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n}\n\n.feedback-bar__close-button:hover {\n  background-color: var(--color-forest-600);\n  cursor: pointer;\n  outline: 0;\n}\n\n/* make the clickable area of the overlay close button 42x42px simmilar to a regular button */\n\n.feedback-bar__close-button::after {\n  content: \" \";\n  height: 2.625rem;\n  position: absolute;\n  width: 2.625rem;\n}\n","import classNames from 'clsx';\nimport { useEffect, useState, type PropsWithChildren } from 'react';\n\nimport styles from './FeedbackBar.module.css';\n\nimport { Icon } from 'components/Icon';\nimport { Repeater } from 'components/Repeater';\n\n/** Represents a component to show feedback within a Page. */\nexport const FeedbackBar = ({ children }: PropsWithChildren) => {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setIsVisible(true);\n  }, []);\n\n  const close = () => {\n    setIsVisible(false);\n  };\n\n  return (\n    <div className={classNames(styles['feedback-bar'], { [styles['feedback-bar--visible']]: isVisible })} role=\"alert\">\n      <Repeater flexDirection=\"row\">\n        <Icon className={classNames(styles['feedback-bar__icon'])} name=\"CheckCircle\" />\n        {children}\n      </Repeater>\n      <button className={classNames(styles['feedback-bar__close-button'])} type=\"button\" onClick={close}>\n        <Icon name=\"Cross\" size={24} />\n      </button>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;GCSa,KAAe,EAAE,kBAAkC;CAC9D,IAAM,CAAC,GAAW,KAAgB,EAAS,GAAM;CAEjD,QAAgB;EACd,EAAa,GAAK;IACjB,EAAE,CAAC;CAEN,IAAM,UAAc;EAClB,EAAa,GAAM;;CAGrB,OACE,kBAAC,OAAD;EAAK,WAAW,EAAW,EAAO,iBAAiB,GAAG,EAAO,2BAA2B,GAAW,CAAC;EAAE,MAAK;YAA3G,CACE,kBAAC,GAAD;GAAU,eAAc;aAAxB,CACE,kBAAC,GAAD;IAAM,WAAW,EAAW,EAAO,sBAAsB;IAAE,MAAK;IAAgB,CAAA,EAC/E,EACQ;MACX,kBAAC,UAAD;GAAQ,WAAW,EAAW,EAAO,8BAA8B;GAAE,MAAK;GAAS,SAAS;aAC1F,kBAAC,GAAD;IAAM,MAAK;IAAQ,MAAM;IAAM,CAAA;GACxB,CAAA,CACL"}
+{"version":3,"file":"FeedbackBar-DRbJVniP.js","names":[],"sources":["../src/components/FeedbackBar/FeedbackBar.module.css","../src/components/FeedbackBar/FeedbackBar.tsx"],"sourcesContent":[".feedback-bar {\n  background-color: var(--color-forest-100);\n  border: 1px solid var(--color-forest-800);\n  border-radius: 0.5rem;\n  display: flex;\n  font-weight: var(--semibold);\n  gap: 0.5rem;\n  justify-content: space-between;\n  max-height: 0;\n  opacity: 0;\n  padding: 0 1rem;\n  transition: all 0.5s;\n}\n\n.feedback-bar--visible {\n  max-height: 6.625rem;\n  opacity: 1;\n  padding: 1rem;\n}\n\n.feedback-bar__icon {\n  color: var(--color-forest-800);\n}\n\n.feedback-bar__close-button {\n  align-items: center;\n  background-color: transparent;\n  border: 1px solid transparent;\n  border-radius: 0.25rem;\n  color: var(--color-uva-black);\n  display: inline-flex;\n  height: 1.5rem;\n  justify-content: center;\n  transition: var(--transition-colors);\n  width: 1.5rem;\n}\n\n.feedback-bar__close-button:focus-visible {\n  outline: 0.125rem dotted var(--color-navy-600);\n  outline-offset: 0.125rem;\n}\n\n.feedback-bar__close-button:hover {\n  background-color: var(--color-forest-600);\n  cursor: pointer;\n  outline: 0;\n}\n\n/* make the clickable area of the overlay close button 42x42px simmilar to a regular button */\n\n.feedback-bar__close-button::after {\n  content: \" \";\n  height: 2.625rem;\n  position: absolute;\n  width: 2.625rem;\n}\n","import classNames from 'clsx';\nimport { useEffect, useState, type PropsWithChildren } from 'react';\n\nimport styles from './FeedbackBar.module.css';\n\nimport { Icon } from 'components/Icon';\nimport { Repeater } from 'components/Repeater';\n\n/** Represents a component to show feedback within a Page. */\nexport const FeedbackBar = ({ children }: PropsWithChildren) => {\n  const [isVisible, setIsVisible] = useState(false);\n\n  useEffect(() => {\n    setIsVisible(true);\n  }, []);\n\n  const close = () => {\n    setIsVisible(false);\n  };\n\n  return (\n    <div className={classNames(styles['feedback-bar'], { [styles['feedback-bar--visible']]: isVisible })} role=\"alert\">\n      <Repeater flexDirection=\"row\">\n        <Icon className={classNames(styles['feedback-bar__icon'])} name=\"CheckCircle\" />\n        {children}\n      </Repeater>\n      <button className={classNames(styles['feedback-bar__close-button'])} type=\"button\" onClick={close}>\n        <Icon name=\"Cross\" size={24} />\n      </button>\n    </div>\n  );\n};\n"],"mappings":";;;;;;;;;;;GCSa,KAAe,EAAE,kBAAkC;CAC9D,IAAM,CAAC,GAAW,KAAgB,EAAS,EAAK;CAEhD,QAAgB;EACd,EAAa,EAAI;CACnB,GAAG,CAAC,CAAC;CAEL,IAAM,UAAc;EAClB,EAAa,EAAK;CACpB;CAEA,OACE,kBAAC,OAAD;EAAK,WAAW,EAAW,EAAO,iBAAiB,GAAG,EAAO,2BAA2B,EAAU,CAAC;EAAG,MAAK;YAA3G,CACE,kBAAC,GAAD;GAAU,eAAc;aAAxB,CACE,kBAAC,GAAD;IAAM,WAAW,EAAW,EAAO,qBAAqB;IAAG,MAAK;GAAe,CAAA,GAC9E,CACO;MACV,kBAAC,UAAD;GAAQ,WAAW,EAAW,EAAO,6BAA6B;GAAG,MAAK;GAAS,SAAS;aAC1F,kBAAC,GAAD;IAAM,MAAK;IAAQ,MAAM;GAAK,CAAA;EACxB,CAAA,CACL;;AAET"}

package/dist/{FeedbackBox-Bu7uB9DP.js → FeedbackBox-CaSxB4uc.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { Icon as t } from "./components/Icon/Icon.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import './assets/FeedbackBox.css';//#region src/components/FeedbackBox/FeedbackBox.module.css
@@ -26,4 +26,4 @@ var i = {
 //#endregion
 export { o as t };
 
-//# sourceMappingURL=FeedbackBox-Bu7uB9DP.js.map
+//# sourceMappingURL=FeedbackBox-CaSxB4uc.js.map

package/dist/{FeedbackBox-Bu7uB9DP.js.map → FeedbackBox-CaSxB4uc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FeedbackBox-Bu7uB9DP.js","names":[],"sources":["../src/components/FeedbackBox/FeedbackBox.module.css","../src/components/FeedbackBox/FeedbackBox.tsx"],"sourcesContent":[".feedback-box {\n  background-color: var(--color-uva-white);\n  display: flex;\n  gap: 0.5rem;\n  padding: 0.75rem 1rem 0.75rem 0.5rem;\n}\n\n.feedback-box > svg {\n  flex-shrink: 0;\n  height: 1rem;\n  margin-top: 0.25rem;\n  width: 1rem;\n}\n\n.feedback-box__success {\n  background-color: var(--color-forest-100);\n}\n\n.feedback-box__warning {\n  background-color: var(--color-orange-100);\n}\n\n.feedback-box__error {\n  background-color: var(--color-red-100);\n}\n","import { clsx } from 'clsx';\n\nimport type { ReactElement } from 'react';\nimport type { IconProps } from 'components/Icon';\n\nimport styles from './FeedbackBox.module.css';\n\nimport { Icon } from 'components/Icon';\n\ntype FeedbackLevel = 'success' | 'warning' | 'error';\n\nconst LEVEL_ICON_MAP: Record<FeedbackLevel, IconProps['name']> = {\n  success: 'CheckCircle',\n  warning: 'ExclamationCircle',\n  error: 'ExclamationTriangleMini',\n};\n\nexport interface FeedbackBoxProps {\n  /** The id of the element. */\n  id?: string;\n  /** The feedback level, indicates what icon is used. */\n  level: FeedbackLevel;\n  /** The feedback value. */\n  feedback: string | ReactElement;\n}\n\n/** Represents a component to show feedback. */\nexport const FeedbackBox = ({ id, level, feedback }: FeedbackBoxProps) => (\n  <div\n    className={clsx(styles['feedback-box'], {\n      [styles['feedback-box__success']]: level === 'success',\n      [styles['feedback-box__warning']]: level === 'warning',\n      [styles['feedback-box__error']]: level === 'error',\n    })}\n    id={id}\n  >\n    <Icon name={LEVEL_ICON_MAP[level]} size={16} />\n    {feedback}\n  </div>\n);\n"],"mappings":";;;;;;;;;GCWM,IAA2D;CAC/D,SAAS;CACT,SAAS;CACT,OAAO;CACR,EAYY,KAAe,EAAE,OAAI,UAAO,kBACvC,kBAAC,OAAD;CACE,WAAW,EAAK,EAAO,iBAAiB;GACrC,EAAO,2BAA2B,MAAU;GAC5C,EAAO,2BAA2B,MAAU;GAC5C,EAAO,yBAAyB,MAAU;EAC5C,CAAC;CACE;WANN,CAQE,kBAAC,GAAD;EAAM,MAAM,EAAe;EAAQ,MAAM;EAAM,CAAA,EAC9C,EACG"}
+{"version":3,"file":"FeedbackBox-CaSxB4uc.js","names":[],"sources":["../src/components/FeedbackBox/FeedbackBox.module.css","../src/components/FeedbackBox/FeedbackBox.tsx"],"sourcesContent":[".feedback-box {\n  background-color: var(--color-uva-white);\n  display: flex;\n  gap: 0.5rem;\n  padding: 0.75rem 1rem 0.75rem 0.5rem;\n}\n\n.feedback-box > svg {\n  flex-shrink: 0;\n  height: 1rem;\n  margin-top: 0.25rem;\n  width: 1rem;\n}\n\n.feedback-box__success {\n  background-color: var(--color-forest-100);\n}\n\n.feedback-box__warning {\n  background-color: var(--color-orange-100);\n}\n\n.feedback-box__error {\n  background-color: var(--color-red-100);\n}\n","import { clsx } from 'clsx';\n\nimport type { ReactElement } from 'react';\nimport type { IconProps } from 'components/Icon';\n\nimport styles from './FeedbackBox.module.css';\n\nimport { Icon } from 'components/Icon';\n\ntype FeedbackLevel = 'success' | 'warning' | 'error';\n\nconst LEVEL_ICON_MAP: Record<FeedbackLevel, IconProps['name']> = {\n  success: 'CheckCircle',\n  warning: 'ExclamationCircle',\n  error: 'ExclamationTriangleMini',\n};\n\nexport interface FeedbackBoxProps {\n  /** The id of the element. */\n  id?: string;\n  /** The feedback level, indicates what icon is used. */\n  level: FeedbackLevel;\n  /** The feedback value. */\n  feedback: string | ReactElement;\n}\n\n/** Represents a component to show feedback. */\nexport const FeedbackBox = ({ id, level, feedback }: FeedbackBoxProps) => (\n  <div\n    className={clsx(styles['feedback-box'], {\n      [styles['feedback-box__success']]: level === 'success',\n      [styles['feedback-box__warning']]: level === 'warning',\n      [styles['feedback-box__error']]: level === 'error',\n    })}\n    id={id}\n  >\n    <Icon name={LEVEL_ICON_MAP[level]} size={16} />\n    {feedback}\n  </div>\n);\n"],"mappings":";;;;;;;;;GCWM,IAA2D;CAC/D,SAAS;CACT,SAAS;CACT,OAAO;AACT,GAYa,KAAe,EAAE,OAAI,UAAO,kBACvC,kBAAC,OAAD;CACE,WAAW,EAAK,EAAO,iBAAiB;GACrC,EAAO,2BAA2B,MAAU;GAC5C,EAAO,2BAA2B,MAAU;GAC5C,EAAO,yBAAyB,MAAU;CAC7C,CAAC;CACG;WANN,CAQE,kBAAC,GAAD;EAAM,MAAM,EAAe;EAAQ,MAAM;CAAK,CAAA,GAC7C,CACE"}

package/dist/{FieldHint-fxnEOsVZ.js → FieldHint-FEBzgLI_.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./Spinner-BpElTDIu.js";
+import { t as e } from "./Spinner-BmPjd2Bv.js";
 import { Fragment as t, jsx as n, jsxs as r } from "react/jsx-runtime";
 import './assets/FieldHint.css';//#region src/components/FieldHint/FieldHint.module.css
 var i = { "field-hint": "_field-hint_f5ej1_1" };
@@ -13,4 +13,4 @@ function a({ value: a, spinnerAriaValueText: o, loading: s }) {
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=FieldHint-fxnEOsVZ.js.map
+//# sourceMappingURL=FieldHint-FEBzgLI_.js.map

package/dist/{FieldHint-fxnEOsVZ.js.map → FieldHint-FEBzgLI_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FieldHint-fxnEOsVZ.js","names":[],"sources":["../src/components/FieldHint/FieldHint.module.css","../src/components/FieldHint/FieldHint.tsx"],"sourcesContent":[".field-hint {\n  font-size: 0.875rem;\n}\n","import styles from './FieldHint.module.css';\n\nimport { Spinner } from 'components/Spinner/Spinner';\n\nexport interface FieldHintProps {\n  /** The value to display. */\n  value?: string;\n  /** The aria-valuetext value of the spinner component. */\n  spinnerAriaValueText: string;\n  /** true if the field hint is loading; otherwise, false. The default is false. */\n  loading?: boolean;\n}\n\n/** Represents a component to show a hint for an input element. */\nexport function FieldHint({ value, spinnerAriaValueText, loading }: FieldHintProps) {\n  return (\n    <span className={styles['field-hint']}>\n      {value && <>{value}</>}\n      {!value && loading && <Spinner ariaValueText={spinnerAriaValueText} />}\n    </span>\n  );\n}\n"],"mappings":";;;;;;ACcA,SAAgB,EAAU,EAAE,UAAO,yBAAsB,cAA2B;CAClF,OACE,kBAAC,QAAD;EAAM,WAAW,EAAO;YAAxB,CACG,KAAS,kBAAA,GAAA,EAAA,UAAG,GAAS,CAAA,EACrB,CAAC,KAAS,KAAW,kBAAC,GAAD,EAAS,eAAe,GAAwB,CAAA,CACjE"}
+{"version":3,"file":"FieldHint-FEBzgLI_.js","names":[],"sources":["../src/components/FieldHint/FieldHint.module.css","../src/components/FieldHint/FieldHint.tsx"],"sourcesContent":[".field-hint {\n  font-size: 0.875rem;\n}\n","import styles from './FieldHint.module.css';\n\nimport { Spinner } from 'components/Spinner/Spinner';\n\nexport interface FieldHintProps {\n  /** The value to display. */\n  value?: string;\n  /** The aria-valuetext value of the spinner component. */\n  spinnerAriaValueText: string;\n  /** true if the field hint is loading; otherwise, false. The default is false. */\n  loading?: boolean;\n}\n\n/** Represents a component to show a hint for an input element. */\nexport function FieldHint({ value, spinnerAriaValueText, loading }: FieldHintProps) {\n  return (\n    <span className={styles['field-hint']}>\n      {value && <>{value}</>}\n      {!value && loading && <Spinner ariaValueText={spinnerAriaValueText} />}\n    </span>\n  );\n}\n"],"mappings":";;;;;;ACcA,SAAgB,EAAU,EAAE,UAAO,yBAAsB,cAA2B;CAClF,OACE,kBAAC,QAAD;EAAM,WAAW,EAAO;YAAxB,CACG,KAAS,kBAAA,GAAA,EAAA,UAAG,EAAQ,CAAA,GACpB,CAAC,KAAS,KAAW,kBAAC,GAAD,EAAS,eAAe,EAAuB,CAAA,CACjE;;AAEV"}

package/dist/{Fieldset-0LFsZ3Mz.js → Fieldset-D01_rj_p.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { jsx as t, jsxs as n } from "react/jsx-runtime";
 import './assets/Fieldset.css';var r = {
 	fieldset: "_fieldset_1pmtm_1",
@@ -19,4 +19,4 @@ import './assets/Fieldset.css';var r = {
 //#endregion
 export { i as t };
 
-//# sourceMappingURL=Fieldset-0LFsZ3Mz.js.map
+//# sourceMappingURL=Fieldset-D01_rj_p.js.map

package/dist/{Fieldset-0LFsZ3Mz.js.map → Fieldset-D01_rj_p.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Fieldset-0LFsZ3Mz.js","names":[],"sources":["../src/components/Fieldset/Fieldset.module.css","../src/components/Fieldset/Fieldset.tsx"],"sourcesContent":[".fieldset {\n  border: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin: 0;\n  padding: 0;\n}\n\n.fieldset--inline {\n  column-gap: 1.5rem;\n  flex-direction: row;\n}\n\n.fieldset__legend {\n  font-weight: var(--semibold);\n  padding: 0;\n}\n\n.fieldset__description {\n  margin: 0;\n}\n","import { clsx } from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './Fieldset.module.css';\n\nexport interface FieldsetProps {\n  /** The description to render. */\n  description?: ReactNode;\n  /** The id of the description element. Used together with the description property. */\n  descriptionId?: string;\n  /** true if the form fields should render inline; otherwise, false. The default is false. */\n  inline?: boolean;\n  /** The legend to render. */\n  legend: string;\n}\n\n/** Represents a component to show a collection of form field elements. */\nexport const Fieldset = ({\n  inline,\n  legend,\n  description,\n  descriptionId,\n  children,\n}: PropsWithChildren<FieldsetProps>) => (\n  <fieldset\n    className={clsx(styles['fieldset'], {\n      [styles['fieldset--inline']]: inline,\n    })}\n  >\n    <div>\n      <legend className={styles['fieldset__legend']}>{legend}</legend>\n      {description && (\n        <p className={styles['fieldset__description']} id={descriptionId}>\n          {description}\n        </p>\n      )}\n    </div>\n    {children}\n  </fieldset>\n);\n"],"mappings":";;;;;;;GCkBa,KAAY,EACvB,WACA,WACA,gBACA,kBACA,kBAEA,kBAAC,YAAD;CACE,WAAW,EAAK,EAAO,UAAa,GACjC,EAAO,sBAAsB,GAC/B,CAAC;WAHJ,CAKE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,UAAD;EAAQ,WAAW,EAAO;YAAsB;EAAgB,CAAA,EAC/D,KACC,kBAAC,KAAD;EAAG,WAAW,EAAO;EAA0B,IAAI;YAChD;EACC,CAAA,CAEF,EAAA,CAAA,EACL,EACQ"}
+{"version":3,"file":"Fieldset-D01_rj_p.js","names":[],"sources":["../src/components/Fieldset/Fieldset.module.css","../src/components/Fieldset/Fieldset.tsx"],"sourcesContent":[".fieldset {\n  border: 0;\n  display: flex;\n  flex-direction: column;\n  gap: 1rem;\n  margin: 0;\n  padding: 0;\n}\n\n.fieldset--inline {\n  column-gap: 1.5rem;\n  flex-direction: row;\n}\n\n.fieldset__legend {\n  font-weight: var(--semibold);\n  padding: 0;\n}\n\n.fieldset__description {\n  margin: 0;\n}\n","import { clsx } from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './Fieldset.module.css';\n\nexport interface FieldsetProps {\n  /** The description to render. */\n  description?: ReactNode;\n  /** The id of the description element. Used together with the description property. */\n  descriptionId?: string;\n  /** true if the form fields should render inline; otherwise, false. The default is false. */\n  inline?: boolean;\n  /** The legend to render. */\n  legend: string;\n}\n\n/** Represents a component to show a collection of form field elements. */\nexport const Fieldset = ({\n  inline,\n  legend,\n  description,\n  descriptionId,\n  children,\n}: PropsWithChildren<FieldsetProps>) => (\n  <fieldset\n    className={clsx(styles['fieldset'], {\n      [styles['fieldset--inline']]: inline,\n    })}\n  >\n    <div>\n      <legend className={styles['fieldset__legend']}>{legend}</legend>\n      {description && (\n        <p className={styles['fieldset__description']} id={descriptionId}>\n          {description}\n        </p>\n      )}\n    </div>\n    {children}\n  </fieldset>\n);\n"],"mappings":";;;;;;;GCkBa,KAAY,EACvB,WACA,WACA,gBACA,kBACA,kBAEA,kBAAC,YAAD;CACE,WAAW,EAAK,EAAO,UAAa,GACjC,EAAO,sBAAsB,EAChC,CAAC;WAHH,CAKE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,UAAD;EAAQ,WAAW,EAAO;YAAsB;CAAe,CAAA,GAC9D,KACC,kBAAC,KAAD;EAAG,WAAW,EAAO;EAA0B,IAAI;YAChD;CACA,CAAA,CAEF,EAAA,CAAA,GACJ,CACO"}

package/dist/{Flyout-DEpzfZOC.js → Flyout-JUwXvgo6.js}

@@ -15,4 +15,4 @@ import './assets/Flyout.css';var n = {
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=Flyout-DEpzfZOC.js.map
+//# sourceMappingURL=Flyout-JUwXvgo6.js.map

package/dist/{Flyout-DEpzfZOC.js.map → Flyout-JUwXvgo6.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Flyout-DEpzfZOC.js","names":[],"sources":["../src/components/RteEditor/hooks/components/Flyout.module.css","../src/components/RteEditor/hooks/components/Flyout.tsx"],"sourcesContent":[".flyout__wrapper {\n  background-color: var(--color-uva-white);\n  border-radius: 0.25rem;\n  box-shadow: 0 3px 6px rgba(0 0 0 / 40%);\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  padding: 1rem;\n  position: fixed;\n  top: calc(100% + 0.25rem);\n  z-index: 1500;\n}\n\n.flyout__header {\n  display: flex;\n  justify-content: flex-end;\n  margin-bottom: 0.5rem;\n  width: 100%;\n}\n","import { forwardRef } from 'react';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './Flyout.module.css';\n\ninterface FlyoutProps {\n  position: { top: number; left: number };\n  visible: boolean;\n  children: ReactNode;\n}\n\nexport const Flyout = forwardRef<HTMLDivElement, FlyoutProps>(\n  ({ position, visible, children }: FlyoutProps, ref) =>\n    visible && (\n      <div className={styles['flyout__wrapper']} style={{ top: position.top, left: position.left }} ref={ref}>\n        {children}\n      </div>\n    )\n);\n"],"mappings":";;;;;GCYa,IAAS,GACnB,EAAE,aAAU,YAAS,eAAyB,MAC7C,KACE,kBAAC,OAAD;CAAK,WAAW,EAAO;CAAoB,OAAO;EAAE,KAAK,EAAS;EAAK,MAAM,EAAS;EAAM;CAAO;CAChG;CACG,CAAA,CAEX"}
+{"version":3,"file":"Flyout-JUwXvgo6.js","names":[],"sources":["../src/components/RteEditor/hooks/components/Flyout.module.css","../src/components/RteEditor/hooks/components/Flyout.tsx"],"sourcesContent":[".flyout__wrapper {\n  background-color: var(--color-uva-white);\n  border-radius: 0.25rem;\n  box-shadow: 0 3px 6px rgba(0 0 0 / 40%);\n  display: flex;\n  flex-direction: column;\n  left: 0;\n  padding: 1rem;\n  position: fixed;\n  top: calc(100% + 0.25rem);\n  z-index: 1500;\n}\n\n.flyout__header {\n  display: flex;\n  justify-content: flex-end;\n  margin-bottom: 0.5rem;\n  width: 100%;\n}\n","import { forwardRef } from 'react';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './Flyout.module.css';\n\ninterface FlyoutProps {\n  position: { top: number; left: number };\n  visible: boolean;\n  children: ReactNode;\n}\n\nexport const Flyout = forwardRef<HTMLDivElement, FlyoutProps>(\n  ({ position, visible, children }: FlyoutProps, ref) =>\n    visible && (\n      <div className={styles['flyout__wrapper']} style={{ top: position.top, left: position.left }} ref={ref}>\n        {children}\n      </div>\n    )\n);\n"],"mappings":";;;;;GCYa,IAAS,GACnB,EAAE,aAAU,YAAS,eAAyB,MAC7C,KACE,kBAAC,OAAD;CAAK,WAAW,EAAO;CAAoB,OAAO;EAAE,KAAK,EAAS;EAAK,MAAM,EAAS;CAAK;CAAQ;CAChG;AACE,CAAA,CAEX"}

package/dist/{FormField-BZSoQdp9.js → FormField-CcV84TfI.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { jsx as t } from "react/jsx-runtime";
 import './assets/FormField.css';//#region src/components/FormField/FormField.module.css
 var n = {
@@ -18,4 +18,4 @@ var n = {
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=FormField-BZSoQdp9.js.map
+//# sourceMappingURL=FormField-CcV84TfI.js.map

package/dist/{FormField-BZSoQdp9.js.map → FormField-CcV84TfI.js.map}

@@ -1 +1 @@
-{"version":3,"file":"FormField-BZSoQdp9.js","names":[],"sources":["../src/components/FormField/FormField.module.css","../src/components/FormField/FormField.tsx"],"sourcesContent":[".form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem 1rem;\n}\n\n.form-field--outerspace {\n  margin: 1.5rem 0;\n}\n\n.form-field--inline {\n  align-items: center;\n  flex-direction: row;\n}\n\n.form-field--align-start {\n  align-items: flex-start;\n}\n","import classNames from 'clsx';\n\nimport type { HTMLAttributes, PropsWithChildren } from 'react';\n\nimport styles from './FormField.module.css';\n\nexport interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {\n  /** true if a margin at the top and bottom should be added; otherwise, false. The default is false. */\n  outerSpace?: boolean;\n  /** true if the label and input field should be rendered on the same row; otherwise, false. The default is false. */\n  inline?: boolean;\n  /** to be used in combination with 'inline'; true if the label and input field should be rendered on start of the same row; otherwise, false. The default is false. */\n  alignStart?: boolean;\n}\n\n/** Represents an element to wrap a label and input field. */\nexport const FormField = ({ children, outerSpace, inline, alignStart, ...rest }: PropsWithChildren<FormFieldProps>) => (\n  <div\n    className={classNames(styles['form-field'], {\n      [styles['form-field--outerspace']]: outerSpace,\n      [styles['form-field--inline']]: inline,\n      [styles['form-field--align-start']]: alignStart,\n    })}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n"],"mappings":";;;;;;;;GCgBa,KAAa,EAAE,aAAU,eAAY,WAAQ,eAAY,GAAG,QACvE,kBAAC,OAAD;CACE,WAAW,EAAW,EAAO,eAAe;GACzC,EAAO,4BAA4B;GACnC,EAAO,wBAAwB;GAC/B,EAAO,6BAA6B;EACtC,CAAC;CACF,GAAI;CAEH;CACG,CAAA"}
+{"version":3,"file":"FormField-CcV84TfI.js","names":[],"sources":["../src/components/FormField/FormField.module.css","../src/components/FormField/FormField.tsx"],"sourcesContent":[".form-field {\n  display: flex;\n  flex-direction: column;\n  gap: 0.5rem 1rem;\n}\n\n.form-field--outerspace {\n  margin: 1.5rem 0;\n}\n\n.form-field--inline {\n  align-items: center;\n  flex-direction: row;\n}\n\n.form-field--align-start {\n  align-items: flex-start;\n}\n","import classNames from 'clsx';\n\nimport type { HTMLAttributes, PropsWithChildren } from 'react';\n\nimport styles from './FormField.module.css';\n\nexport interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {\n  /** true if a margin at the top and bottom should be added; otherwise, false. The default is false. */\n  outerSpace?: boolean;\n  /** true if the label and input field should be rendered on the same row; otherwise, false. The default is false. */\n  inline?: boolean;\n  /** to be used in combination with 'inline'; true if the label and input field should be rendered on start of the same row; otherwise, false. The default is false. */\n  alignStart?: boolean;\n}\n\n/** Represents an element to wrap a label and input field. */\nexport const FormField = ({ children, outerSpace, inline, alignStart, ...rest }: PropsWithChildren<FormFieldProps>) => (\n  <div\n    className={classNames(styles['form-field'], {\n      [styles['form-field--outerspace']]: outerSpace,\n      [styles['form-field--inline']]: inline,\n      [styles['form-field--align-start']]: alignStart,\n    })}\n    {...rest}\n  >\n    {children}\n  </div>\n);\n"],"mappings":";;;;;;;;GCgBa,KAAa,EAAE,aAAU,eAAY,WAAQ,eAAY,GAAG,QACvE,kBAAC,OAAD;CACE,WAAW,EAAW,EAAO,eAAe;GACzC,EAAO,4BAA4B;GACnC,EAAO,wBAAwB;GAC/B,EAAO,6BAA6B;CACvC,CAAC;CACD,GAAI;CAEH;AACE,CAAA"}

package/dist/{HorizontalList-C22DaDz-.js → HorizontalList-CLlRGWZX.js}

@@ -17,4 +17,4 @@ var n = {
 //#endregion
 export { r as t };
 
-//# sourceMappingURL=HorizontalList-C22DaDz-.js.map
+//# sourceMappingURL=HorizontalList-CLlRGWZX.js.map

package/dist/{HorizontalList-C22DaDz-.js.map → HorizontalList-CLlRGWZX.js.map}

@@ -1 +1 @@
-{"version":3,"file":"HorizontalList-C22DaDz-.js","names":[],"sources":["../src/components/HorizontalList/HorizontalList.module.css","../src/components/HorizontalList/HorizontalList.tsx"],"sourcesContent":[".horizontal-list-wrapper {\n  display: flex;\n  margin: 0;\n}\n\n.horizontal-list-value {\n  align-items: center;\n  display: flex;\n}\n\n.horizontal-list-separator {\n  align-items: center;\n  display: flex;\n  margin: 0 0.5rem;\n}\n","import type { ReactNode } from 'react';\n\nimport styles from './HorizontalList.module.css';\n\nexport interface HorizontalListProps {\n  /** The items to display. */\n  values: ReactNode[];\n  /** The separator to use. */\n  separator?: ReactNode;\n}\n\n/** Represents a component to show text separated by a given separator in a horizontal direction. */\nexport const HorizontalList = ({ values, separator = '•' }: HorizontalListProps) => {\n  return (\n    <div className={styles['horizontal-list-wrapper']}>\n      {values.map((value, index) => (\n        <span className={styles['horizontal-list-value']} key={`${value?.toString()}-${index}`}>\n          {value}\n          {index < values.length - 1 && <span className={styles['horizontal-list-separator']}>{separator}</span>}\n        </span>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;GCYa,KAAkB,EAAE,WAAQ,eAAY,UAEjD,kBAAC,OAAD;CAAK,WAAW,EAAO;WACpB,EAAO,KAAK,GAAO,MAClB,kBAAC,QAAD;EAAM,WAAW,EAAO;YAAxB,CACG,GACA,IAAQ,EAAO,SAAS,KAAK,kBAAC,QAAD;GAAM,WAAW,EAAO;aAA+B;GAAiB,CAAA,CACjG;IAHgD,GAAG,GAAO,UAAU,CAAC,GAAG,IAGxE,CACP;CACE,CAAA"}
+{"version":3,"file":"HorizontalList-CLlRGWZX.js","names":[],"sources":["../src/components/HorizontalList/HorizontalList.module.css","../src/components/HorizontalList/HorizontalList.tsx"],"sourcesContent":[".horizontal-list-wrapper {\n  display: flex;\n  margin: 0;\n}\n\n.horizontal-list-value {\n  align-items: center;\n  display: flex;\n}\n\n.horizontal-list-separator {\n  align-items: center;\n  display: flex;\n  margin: 0 0.5rem;\n}\n","import type { ReactNode } from 'react';\n\nimport styles from './HorizontalList.module.css';\n\nexport interface HorizontalListProps {\n  /** The items to display. */\n  values: ReactNode[];\n  /** The separator to use. */\n  separator?: ReactNode;\n}\n\n/** Represents a component to show text separated by a given separator in a horizontal direction. */\nexport const HorizontalList = ({ values, separator = '•' }: HorizontalListProps) => {\n  return (\n    <div className={styles['horizontal-list-wrapper']}>\n      {values.map((value, index) => (\n        <span className={styles['horizontal-list-value']} key={`${value?.toString()}-${index}`}>\n          {value}\n          {index < values.length - 1 && <span className={styles['horizontal-list-separator']}>{separator}</span>}\n        </span>\n      ))}\n    </div>\n  );\n};\n"],"mappings":";;;;;;GCYa,KAAkB,EAAE,WAAQ,eAAY,UAEjD,kBAAC,OAAD;CAAK,WAAW,EAAO;WACpB,EAAO,KAAK,GAAO,MAClB,kBAAC,QAAD;EAAM,WAAW,EAAO;YAAxB,CACG,GACA,IAAQ,EAAO,SAAS,KAAK,kBAAC,QAAD;GAAM,WAAW,EAAO;aAA+B;EAAgB,CAAA,CACjG;IAHiD,GAAG,GAAO,SAAS,EAAE,GAAG,GAGzE,CACP;AACE,CAAA"}

package/dist/{IconButton-CWCMH9uf.js → IconButton-CSNMVEG1.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 import './assets/IconButton.css';//#region src/components/IconButton/IconButton.module.css
@@ -21,4 +21,4 @@ var r = {
 //#endregion
 export { i as t };
 
-//# sourceMappingURL=IconButton-CWCMH9uf.js.map
+//# sourceMappingURL=IconButton-CSNMVEG1.js.map

package/dist/{IconButton-CWCMH9uf.js.map → IconButton-CSNMVEG1.js.map}

@@ -1 +1 @@
-{"version":3,"file":"IconButton-CWCMH9uf.js","names":[],"sources":["../src/components/IconButton/IconButton.module.css","../src/components/IconButton/IconButton.tsx"],"sourcesContent":[".icon-button {\n  align-items: center;\n  appearance: none;\n  background-color: transparent;\n  border: 1px solid transparent;\n  border-radius: 0.5rem;\n  color: var(--color-uva-black);\n  cursor: pointer;\n  display: inline-flex;\n  font-family: inherit;\n  font-size: var(--font-size-default);\n  gap: 0.25rem;\n  height: 2.75rem;\n  justify-content: center;\n  margin: 0;\n  outline: 0;\n  padding: 0;\n  position: relative;\n  white-space: nowrap;\n  width: 2.75rem;\n}\n\n.icon-button:focus-visible {\n  border-color: currentcolor;\n}\n\n.icon-button--destructive {\n  color: var(--color-red-600);\n}\n\n.icon-button:hover:not(:disabled) {\n  border-color: currentcolor;\n}\n\n.icon-button--no-border:focus-visible,\n.icon-button--no-border:hover:not(:disabled) {\n  background-color: var(--color-grey-300);\n}\n\n.icon-button--no-border:hover:not(:focus-visible, :disabled) {\n  border-color: transparent;\n}\n\n.icon-button--wide {\n  min-width: 2.75rem;\n  padding: 0 0.75rem;\n  width: unset;\n}\n\n.icon-button > svg {\n  pointer-events: none;\n}\n\n.icon-button[disabled] {\n  cursor: unset;\n  opacity: 0.4;\n}\n\n/*\nOn displays without hover such as smart phones and tablets, make the tappable\narea 0.5rem (8px) bigger in all directions.\n*/\n@media (hover: none) {\n  .icon-button::after {\n    bottom: -0.5rem;\n    content: \" \";\n    left: -0.5rem;\n    position: absolute;\n    right: -0.5rem;\n    top: -0.5rem;\n  }\n}\n","import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport type { ButtonHTMLAttributes } from 'react';\n\nimport styles from './IconButton.module.css';\n\nexport interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {\n  /** The value of the aria-label. */\n  'aria-label': string;\n  /** The variant of the button. */\n  variant?: 'destructive';\n  /** true if the button should be rendered without a border; otherwise, false. The default is false. */\n  noBorder?: boolean;\n  /** true to render the button a bit wider; otherwise, false. The default is false. */\n  wide?: boolean;\n}\n\n/** Represents a component for a button with an icon. */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  ({ children, type = 'button', variant, noBorder, wide, ...restProps }: IconButtonProps, forwardedRef) => (\n    <button\n      {...restProps}\n      className={clsx(styles['icon-button'], {\n        [styles['icon-button--destructive']]: variant === 'destructive',\n        [styles['icon-button--no-border']]: noBorder,\n        [styles['icon-button--wide']]: wide,\n      })}\n      ref={forwardedRef}\n      type={type}\n    >\n      {children}\n    </button>\n  )\n);\n"],"mappings":";;;;;;;;;GCmBa,IAAa,GACvB,EAAE,aAAU,UAAO,UAAU,YAAS,aAAU,SAAM,GAAG,KAA8B,MACtF,kBAAC,UAAD;CACE,GAAI;CACJ,WAAW,EAAK,EAAO,gBAAgB;GACpC,EAAO,8BAA8B,MAAY;GACjD,EAAO,4BAA4B;GACnC,EAAO,uBAAuB;EAChC,CAAC;CACF,KAAK;CACC;CAEL;CACM,CAAA,CAEZ"}
+{"version":3,"file":"IconButton-CSNMVEG1.js","names":[],"sources":["../src/components/IconButton/IconButton.module.css","../src/components/IconButton/IconButton.tsx"],"sourcesContent":[".icon-button {\n  align-items: center;\n  appearance: none;\n  background-color: transparent;\n  border: 1px solid transparent;\n  border-radius: 0.5rem;\n  color: var(--color-uva-black);\n  cursor: pointer;\n  display: inline-flex;\n  font-family: inherit;\n  font-size: var(--font-size-default);\n  gap: 0.25rem;\n  height: 2.75rem;\n  justify-content: center;\n  margin: 0;\n  outline: 0;\n  padding: 0;\n  position: relative;\n  white-space: nowrap;\n  width: 2.75rem;\n}\n\n.icon-button:focus-visible {\n  border-color: currentcolor;\n}\n\n.icon-button--destructive {\n  color: var(--color-red-600);\n}\n\n.icon-button:hover:not(:disabled) {\n  border-color: currentcolor;\n}\n\n.icon-button--no-border:focus-visible,\n.icon-button--no-border:hover:not(:disabled) {\n  background-color: var(--color-grey-300);\n}\n\n.icon-button--no-border:hover:not(:focus-visible, :disabled) {\n  border-color: transparent;\n}\n\n.icon-button--wide {\n  min-width: 2.75rem;\n  padding: 0 0.75rem;\n  width: unset;\n}\n\n.icon-button > svg {\n  pointer-events: none;\n}\n\n.icon-button[disabled] {\n  cursor: unset;\n  opacity: 0.4;\n}\n\n/*\nOn displays without hover such as smart phones and tablets, make the tappable\narea 0.5rem (8px) bigger in all directions.\n*/\n@media (hover: none) {\n  .icon-button::after {\n    bottom: -0.5rem;\n    content: \" \";\n    left: -0.5rem;\n    position: absolute;\n    right: -0.5rem;\n    top: -0.5rem;\n  }\n}\n","import { clsx } from 'clsx';\nimport { forwardRef } from 'react';\n\nimport type { ButtonHTMLAttributes } from 'react';\n\nimport styles from './IconButton.module.css';\n\nexport interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {\n  /** The value of the aria-label. */\n  'aria-label': string;\n  /** The variant of the button. */\n  variant?: 'destructive';\n  /** true if the button should be rendered without a border; otherwise, false. The default is false. */\n  noBorder?: boolean;\n  /** true to render the button a bit wider; otherwise, false. The default is false. */\n  wide?: boolean;\n}\n\n/** Represents a component for a button with an icon. */\nexport const IconButton = forwardRef<HTMLButtonElement, IconButtonProps>(\n  ({ children, type = 'button', variant, noBorder, wide, ...restProps }: IconButtonProps, forwardedRef) => (\n    <button\n      {...restProps}\n      className={clsx(styles['icon-button'], {\n        [styles['icon-button--destructive']]: variant === 'destructive',\n        [styles['icon-button--no-border']]: noBorder,\n        [styles['icon-button--wide']]: wide,\n      })}\n      ref={forwardedRef}\n      type={type}\n    >\n      {children}\n    </button>\n  )\n);\n"],"mappings":";;;;;;;;;GCmBa,IAAa,GACvB,EAAE,aAAU,UAAO,UAAU,YAAS,aAAU,SAAM,GAAG,KAA8B,MACtF,kBAAC,UAAD;CACE,GAAI;CACJ,WAAW,EAAK,EAAO,gBAAgB;GACpC,EAAO,8BAA8B,MAAY;GACjD,EAAO,4BAA4B;GACnC,EAAO,uBAAuB;CACjC,CAAC;CACD,KAAK;CACC;CAEL;AACK,CAAA,CAEZ"}

package/dist/{InfoBanner-DyznQLGr.js → InfoBanner-DqBWtCVE.js}

@@ -10,4 +10,4 @@ import './assets/InfoBanner.css';var r = { infobanner_wrapper: "_infobanner_wrap
 //#endregion
 export { i as t };
 
-//# sourceMappingURL=InfoBanner-DyznQLGr.js.map
+//# sourceMappingURL=InfoBanner-DqBWtCVE.js.map

package/dist/{InfoBanner-DyznQLGr.js.map → InfoBanner-DqBWtCVE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InfoBanner-DyznQLGr.js","names":[],"sources":["../src/components/InfoBanner/InfoBanner.module.css","../src/components/InfoBanner/InfoBanner.tsx"],"sourcesContent":[".infobanner_wrapper {\n  align-items: center;\n  background-color: var(--color-grey-300);\n  border-left: 0.5rem solid var(--color-grey-600);\n  display: flex;\n  gap: 1rem;\n  padding: 1rem;\n  width: 100%;\n}\n","import type { ReactNode } from 'react';\r\nimport type { IconProps } from 'components/Icon';\r\n\r\nimport styles from './InfoBanner.module.css';\r\n\r\nimport { Icon } from 'components/Icon';\r\n\r\nexport interface InfoBannerProps {\r\n  /** The name of the icon to display in the banner. */\r\n  iconName?: IconProps['name'];\r\n  /** Content or message as sting or react component. */\r\n  content?: string | ReactNode;\r\n}\r\n\r\nexport const InfoBanner = ({ iconName, content }: InfoBannerProps) => {\r\n  return (\r\n    <div className={styles['infobanner_wrapper']}>\r\n      {iconName && <Icon name={iconName} size={24} />}\r\n      {content}\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":";;+DCca,KAAc,EAAE,aAAU,iBAEnC,kBAAC,OAAD;CAAK,WAAW,EAAO;WAAvB,CACG,KAAY,kBAAC,GAAD;EAAM,MAAM;EAAU,MAAM;EAAM,CAAA,EAC9C,EACG"}
+{"version":3,"file":"InfoBanner-DqBWtCVE.js","names":[],"sources":["../src/components/InfoBanner/InfoBanner.module.css","../src/components/InfoBanner/InfoBanner.tsx"],"sourcesContent":[".infobanner_wrapper {\n  align-items: center;\n  background-color: var(--color-grey-300);\n  border-left: 0.5rem solid var(--color-grey-600);\n  display: flex;\n  gap: 1rem;\n  padding: 1rem;\n  width: 100%;\n}\n","import type { ReactNode } from 'react';\r\nimport type { IconProps } from 'components/Icon';\r\n\r\nimport styles from './InfoBanner.module.css';\r\n\r\nimport { Icon } from 'components/Icon';\r\n\r\nexport interface InfoBannerProps {\r\n  /** The name of the icon to display in the banner. */\r\n  iconName?: IconProps['name'];\r\n  /** Content or message as sting or react component. */\r\n  content?: string | ReactNode;\r\n}\r\n\r\nexport const InfoBanner = ({ iconName, content }: InfoBannerProps) => {\r\n  return (\r\n    <div className={styles['infobanner_wrapper']}>\r\n      {iconName && <Icon name={iconName} size={24} />}\r\n      {content}\r\n    </div>\r\n  );\r\n};\r\n"],"mappings":";;+DCca,KAAc,EAAE,aAAU,iBAEnC,kBAAC,OAAD;CAAK,WAAW,EAAO;WAAvB,CACG,KAAY,kBAAC,GAAD;EAAM,MAAM;EAAU,MAAM;CAAK,CAAA,GAC7C,CACE"}

package/dist/{InfoMessage-I-VlwxVc.js → InfoMessage-COywXu4O.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { Icon as t } from "./components/Icon/Icon.js";
 import { jsx as n, jsxs as r } from "react/jsx-runtime";
 import './assets/InfoMessage.css';//#region src/components/InfoMessage/InfoMessage.module.css
@@ -16,4 +16,4 @@ var i = {
 //#endregion
 export { a as t };
 
-//# sourceMappingURL=InfoMessage-I-VlwxVc.js.map
+//# sourceMappingURL=InfoMessage-COywXu4O.js.map

package/dist/{InfoMessage-I-VlwxVc.js.map → InfoMessage-COywXu4O.js.map}

@@ -1 +1 @@
-{"version":3,"file":"InfoMessage-I-VlwxVc.js","names":[],"sources":["../src/components/InfoMessage/InfoMessage.module.css","../src/components/InfoMessage/InfoMessage.tsx"],"sourcesContent":[".info-message {\n  display: flex;\n  margin-top: 0.5rem;\n}\n\n.info-message__container {\n  background-color: var(--color-uva-white);\n  padding: 1.5rem;\n}\n\n.info-message__icon {\n  color: var(--color-navy-600);\n  margin-right: 0.25rem;\n}\n","import { clsx } from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './InfoMessage.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface InfoMessageProps {\n  /** The message to show. */\n  message: string | ReactNode;\n  /** `true` if the info message should be wrapped in a container; otherwise, `false`. */\n  hasOwnContainer?: boolean;\n}\n\n/** Represents a component to show an info message. */\nexport const InfoMessage = ({ message, hasOwnContainer = false }: PropsWithChildren<InfoMessageProps>) => (\n  <div\n    className={clsx(styles['info-message'], {\n      [styles['info-message__container']]: hasOwnContainer,\n    })}\n  >\n    <Icon name=\"InformationCircleFillMini\" className={styles['info-message__icon']} />\n    {message}\n  </div>\n);\n"],"mappings":";;;;;;;;GCgBa,KAAe,EAAE,YAAS,qBAAkB,SACvD,kBAAC,OAAD;CACE,WAAW,EAAK,EAAO,iBAAiB,GACrC,EAAO,6BAA6B,GACtC,CAAC;WAHJ,CAKE,kBAAC,GAAD;EAAM,MAAK;EAA4B,WAAW,EAAO;EAAyB,CAAA,EACjF,EACG"}
+{"version":3,"file":"InfoMessage-COywXu4O.js","names":[],"sources":["../src/components/InfoMessage/InfoMessage.module.css","../src/components/InfoMessage/InfoMessage.tsx"],"sourcesContent":[".info-message {\n  display: flex;\n  margin-top: 0.5rem;\n}\n\n.info-message__container {\n  background-color: var(--color-uva-white);\n  padding: 1.5rem;\n}\n\n.info-message__icon {\n  color: var(--color-navy-600);\n  margin-right: 0.25rem;\n}\n","import { clsx } from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './InfoMessage.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface InfoMessageProps {\n  /** The message to show. */\n  message: string | ReactNode;\n  /** `true` if the info message should be wrapped in a container; otherwise, `false`. */\n  hasOwnContainer?: boolean;\n}\n\n/** Represents a component to show an info message. */\nexport const InfoMessage = ({ message, hasOwnContainer = false }: PropsWithChildren<InfoMessageProps>) => (\n  <div\n    className={clsx(styles['info-message'], {\n      [styles['info-message__container']]: hasOwnContainer,\n    })}\n  >\n    <Icon name=\"InformationCircleFillMini\" className={styles['info-message__icon']} />\n    {message}\n  </div>\n);\n"],"mappings":";;;;;;;;GCgBa,KAAe,EAAE,YAAS,qBAAkB,SACvD,kBAAC,OAAD;CACE,WAAW,EAAK,EAAO,iBAAiB,GACrC,EAAO,6BAA6B,EACvC,CAAC;WAHH,CAKE,kBAAC,GAAD;EAAM,MAAK;EAA4B,WAAW,EAAO;CAAwB,CAAA,GAChF,CACE"}

package/dist/{Input-Bn-arMaC.js → Input-BzKvzbzP.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { forwardRef as t } from "react";
 import { jsx as n } from "react/jsx-runtime";
 import './assets/Input.css';var r = {
@@ -22,4 +22,4 @@ import './assets/Input.css';var r = {
 //#endregion
 export { i as t };
 
-//# sourceMappingURL=Input-Bn-arMaC.js.map
+//# sourceMappingURL=Input-BzKvzbzP.js.map

package/dist/{Input-Bn-arMaC.js.map → Input-BzKvzbzP.js.map}

@@ -1 +1 @@
-{"version":3,"file":"Input-Bn-arMaC.js","names":[],"sources":["../src/components/Input/Input.module.css","../src/components/Input/Input.tsx"],"sourcesContent":[".input {\n  appearance: none;\n  background-color: transparent;\n  border: 1px solid var(--color-uva-black);\n  color: var(--color-uva-black);\n  font-family: inherit;\n  font-size: inherit;\n  height: 2rem;\n  margin: 0;\n  padding: 0 0.5rem;\n}\n\n.input--numeric {\n  text-align: right;\n  width: 8rem;\n}\n\n.input--error,\n.input:invalid {\n  border-color: var(--color-red-600);\n}\n\n.input--full-with {\n  min-width: 100%;\n  width: 0; /* Reset the default width of the input */\n}\n\n.input::placeholder {\n  color: var(--color-grey-700);\n  font-size: inherit;\n  opacity: 1;\n}\n\n.input[type=\"file\"] {\n  border: none;\n}\n\n.input:disabled {\n  color: var(--color-grey-700);\n}\n","import { forwardRef } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { InputHTMLAttributes } from 'react';\n\nimport styles from './Input.module.css';\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'> {\n  /** The appearance of the element. Possible values: `error`. */\n  appearance?: 'error';\n  /** The type of the input element. */\n  type?: 'text' | 'search' | 'password' | 'email' | 'file';\n  /** `true` if the element should render at full width of its container; otherwise, `false`. The default is `false`. */\n  fullWidth?: boolean;\n  /** The id of the element. */\n  id: string;\n  /** `true` if the element is used for numeric values; otherwise, `false`. The default is `false`. */\n  isNumeric?: boolean;\n}\n\n/** Represents a component for an input element. */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  { id, appearance, type = 'text', isNumeric, fullWidth, ...restProps }: InputProps,\n  forwardedRef\n) {\n  return (\n    <input\n      {...restProps}\n      ref={forwardedRef}\n      id={id}\n      className={clsx(styles['input'], {\n        [styles['input--error']]: appearance === 'error',\n        [styles['input--full-with']]: fullWidth,\n        [styles['input--numeric']]: isNumeric,\n      })}\n      type={type}\n    />\n  );\n});\n"],"mappings":";;;;;;;;GCqBa,IAAQ,EAAyC,SAC5D,EAAE,OAAI,eAAY,UAAO,QAAQ,cAAW,cAAW,GAAG,KAC1D,GACA;CACA,OACE,kBAAC,SAAD;EACE,GAAI;EACJ,KAAK;EACD;EACJ,WAAW,EAAK,EAAO,OAAU;IAC9B,EAAO,kBAAkB,MAAe;IACxC,EAAO,sBAAsB;IAC7B,EAAO,oBAAoB;GAC7B,CAAC;EACI;EACN,CAAA;EAEJ"}
+{"version":3,"file":"Input-BzKvzbzP.js","names":[],"sources":["../src/components/Input/Input.module.css","../src/components/Input/Input.tsx"],"sourcesContent":[".input {\n  appearance: none;\n  background-color: transparent;\n  border: 1px solid var(--color-uva-black);\n  color: var(--color-uva-black);\n  font-family: inherit;\n  font-size: inherit;\n  height: 2rem;\n  margin: 0;\n  padding: 0 0.5rem;\n}\n\n.input--numeric {\n  text-align: right;\n  width: 8rem;\n}\n\n.input--error,\n.input:invalid {\n  border-color: var(--color-red-600);\n}\n\n.input--full-with {\n  min-width: 100%;\n  width: 0; /* Reset the default width of the input */\n}\n\n.input::placeholder {\n  color: var(--color-grey-700);\n  font-size: inherit;\n  opacity: 1;\n}\n\n.input[type=\"file\"] {\n  border: none;\n}\n\n.input:disabled {\n  color: var(--color-grey-700);\n}\n","import { forwardRef } from 'react';\nimport { clsx } from 'clsx';\n\nimport type { InputHTMLAttributes } from 'react';\n\nimport styles from './Input.module.css';\n\nexport interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'> {\n  /** The appearance of the element. Possible values: `error`. */\n  appearance?: 'error';\n  /** The type of the input element. */\n  type?: 'text' | 'search' | 'password' | 'email' | 'file';\n  /** `true` if the element should render at full width of its container; otherwise, `false`. The default is `false`. */\n  fullWidth?: boolean;\n  /** The id of the element. */\n  id: string;\n  /** `true` if the element is used for numeric values; otherwise, `false`. The default is `false`. */\n  isNumeric?: boolean;\n}\n\n/** Represents a component for an input element. */\nexport const Input = forwardRef<HTMLInputElement, InputProps>(function Input(\n  { id, appearance, type = 'text', isNumeric, fullWidth, ...restProps }: InputProps,\n  forwardedRef\n) {\n  return (\n    <input\n      {...restProps}\n      ref={forwardedRef}\n      id={id}\n      className={clsx(styles['input'], {\n        [styles['input--error']]: appearance === 'error',\n        [styles['input--full-with']]: fullWidth,\n        [styles['input--numeric']]: isNumeric,\n      })}\n      type={type}\n    />\n  );\n});\n"],"mappings":";;;;;;;;GCqBa,IAAQ,EAAyC,SAC5D,EAAE,OAAI,eAAY,UAAO,QAAQ,cAAW,cAAW,GAAG,KAC1D,GACA;CACA,OACE,kBAAC,SAAD;EACE,GAAI;EACJ,KAAK;EACD;EACJ,WAAW,EAAK,EAAO,OAAU;IAC9B,EAAO,kBAAkB,MAAe;IACxC,EAAO,sBAAsB;IAC7B,EAAO,oBAAoB;EAC9B,CAAC;EACK;CACP,CAAA;AAEL,CAAC"}

package/dist/{InputField-BWAy19w9.js → InputField-T01uazlI.js}

@@ -1,4 +1,4 @@
-import { t as e } from "./clsx-BD2qMUU1.js";
+import { t as e } from "./clsx-BWCAbrjV.js";
 import { forwardRef as t, useEffect as n, useRef as r, useState as i } from "react";
 import { jsx as a, jsxs as o } from "react/jsx-runtime";
 import './assets/InputField.css';//#region src/components/InputField/InputField.module.css
@@ -48,4 +48,4 @@ var s = {
 //#endregion
 export { c as t };
 
-//# sourceMappingURL=InputField-BWAy19w9.js.map
+//# sourceMappingURL=InputField-T01uazlI.js.map