@uva-glass/component-library 1.42.2 → 1.43.1

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

@@ -1,23 +1,28 @@
-import { jsxs as s, jsx as l, Fragment as a } from "react/jsx-runtime";
+import { jsxs as o, jsx as l, Fragment as a } from "react/jsx-runtime";
 import { c as m } from "./clsx-OuTLNxxd.js";
-import { s as t, M as u } from "./MultiSelectItem-CsSIAJRX.js";
-import { Label as n } from "./components/Label/Label.js";
+import { s as t, M as p } from "./MultiSelectItem-CsSIAJRX.js";
+import { Label as u } from "./components/Label/Label.js";
 import "react";
-import { Button as p } from "./components/Button/Button.js";
+import "@react-aria/button";
+import { Button as n } from "./components/Button/Button.js";
+import "@react-aria/dialog";
+import "@react-aria/focus";
+import "@react-aria/overlays";
 import "./components/OverlayCloseButton/OverlayCloseButton.js";
 import "./components/GridRow/GridRow.js";
 import "./components/IconButton/IconButton.js";
 import "./components/Input/Input.js";
 import "./components/InputField/InputField.js";
+import "react-router-dom";
 import "./components/SelectListbox/SelectListbox.js";
 import "./components/SelectListbox/SelectProvider.js";
 function d({ label: i, clearTrigger: e, onClear: r }) {
-  return /* @__PURE__ */ s("header", { className: t["multi-select__header"], children: [
-    /* @__PURE__ */ l(n, { htmlFor: "multi-select-list", children: i }),
-    e && /* @__PURE__ */ l(p, { variant: "blank", onClick: r, children: e })
+  return /* @__PURE__ */ o("header", { className: t["multi-select__header"], children: [
+    /* @__PURE__ */ l(u, { htmlFor: "multi-select-list", children: i }),
+    e && /* @__PURE__ */ l(n, { variant: "blank", onClick: r, children: e })
   ] });
 }
-const o = ({ scrollable: i = !0, noBorder: e, header: r, children: c }) => /* @__PURE__ */ s(a, { children: [
+const s = ({ scrollable: i = !0, noBorder: e, header: r, children: c }) => /* @__PURE__ */ o(a, { children: [
   r,
   /* @__PURE__ */ l(
     "div",
@@ -38,10 +43,10 @@ const o = ({ scrollable: i = !0, noBorder: e, header: r, children: c }) => /* @_
     }
   )
 ] });
-o.MultiSelectHeader = d;
-o.MultiSelectItem = u;
+s.MultiSelectHeader = d;
+s.MultiSelectItem = p;
 export {
-  o as M,
+  s as M,
   d as a
 };
-//# sourceMappingURL=MultiSelect-DFMb82q4.js.map
+//# sourceMappingURL=MultiSelect-B9JaIPXs.js.map

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

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

package/dist/assets/MenuLink.css

@@ -1 +1 @@
-.navbar{align-items:center;display:flex;gap:1rem}
+._menu-link_8gjhh_1{border-bottom:.125rem solid transparent;text-decoration:none;transition:var(--transition-colors) var(--default-duration) var(--default-easing-function)}._menu-link_8gjhh_1:hover,._menu-link--active_8gjhh_8{border-bottom-color:inherit;color:unset}._menu-link--active_8gjhh_8{font-weight:var(--semibold)}

package/dist/assets/MenuLink2.css

@@ -1 +1 @@
-._menu-link_8gjhh_1{border-bottom:.125rem solid transparent;text-decoration:none;transition:var(--transition-colors) var(--default-duration) var(--default-easing-function)}._menu-link_8gjhh_1:hover,._menu-link--active_8gjhh_8{border-bottom-color:inherit;color:unset}._menu-link--active_8gjhh_8{font-weight:var(--semibold)}
+.navbar{align-items:center;display:flex;gap:1rem}

package/dist/assets/ModalDialog.css

@@ -1 +1 @@
-._modal-dialog_14t7m_1{--modal-dialog-padding: 1.5rem;--modal-dialog-padding-mobile: 1.25rem;background:var(--color-white);box-shadow:0 2px 2px #0000000f,0 4px 3px #00000012;display:flex;flex-direction:column;height:100dvh;position:relative;width:100vw}._modal-dialog--padded_14t7m_18{padding:0}._modal-dialog__content_14t7m_22{display:flex;flex-direction:column;height:100svh;justify-content:space-between;overflow:auto;padding:0 var(--modal-dialog-padding-mobile);width:100%}._modal-dialog__children_14t7m_32{padding-bottom:var(--modal-dialog-padding-mobile)}._modal-dialog__title_14t7m_36{font-size:var(--font-size-m);line-height:var(--line-height-m);margin:0 var(--modal-dialog-padding-mobile) 0 0;padding:var(--modal-dialog-padding-mobile)}._modal-dialog--confirm_14t7m_43{padding:var(--modal-dialog-padding-mobile) 0 0}._modal-dialog__buttons_14t7m_47{background-color:var(--color-white);bottom:0;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;margin:0 calc(-1 * var(--modal-dialog-padding-mobile));padding:var(--modal-dialog-padding-mobile);position:sticky;right:0}._modal-dialog--buttons-border_14t7m_60{border-top:1px solid var(--color-pattens-blue)}._modal-dialog__close_14t7m_64{position:absolute;right:var(--modal-dialog-padding-mobile);top:var(--modal-dialog-padding-mobile)}@media (min-width: 28rem) and (min-height: 28rem){._modal-dialog_14t7m_1{height:unset;max-height:100svh;max-width:100vw;width:30rem}._modal-dialog--padded_14t7m_18{width:34.25rem}._modal-dialog--slim_14t7m_82{width:27.5rem}._modal-dialog--wide_14t7m_86{width:36rem}._modal-dialog__title_14t7m_36{margin-right:var(--modal-dialog-padding);padding:var(--modal-dialog-padding)}._modal-dialog__content_14t7m_22{height:unset;padding:0 var(--modal-dialog-padding)}._modal-dialog--content-with-buttons_14t7m_100{margin-bottom:6.25rem}._modal-dialog__children_14t7m_32{padding-bottom:var(--modal-dialog-padding)}._modal-dialog--confirm_14t7m_43{padding:var(--modal-dialog-padding) 0 0}._modal-dialog__buttons_14t7m_47{margin:unset;padding:var(--modal-dialog-padding);position:absolute;width:inherit}._modal-dialog__close_14t7m_64{position:absolute;right:var(--modal-dialog-padding);top:var(--modal-dialog-padding)}}
+._modal-dialog_1w1ar_1{--modal-dialog-padding: 1.5rem;--modal-dialog-padding-mobile: 1.25rem;background:var(--color-white);box-shadow:0 2px 2px #0000000f,0 4px 3px #00000012;display:flex;flex-direction:column;height:100dvh;position:relative;width:100vw}._modal-dialog--padded_1w1ar_18{padding:0}._modal-dialog__content_1w1ar_22{display:flex;flex-direction:column;height:100svh;justify-content:space-between;overflow:hidden;overflow-y:auto;padding:0 var(--modal-dialog-padding-mobile);width:100%}._modal-dialog__children_1w1ar_33{padding-bottom:var(--modal-dialog-padding-mobile)}._modal-dialog__title_1w1ar_37{font-size:var(--font-size-m);line-height:var(--line-height-m);margin:0 var(--modal-dialog-padding-mobile) 0 0;padding:var(--modal-dialog-padding-mobile)}._modal-dialog--confirm_1w1ar_44{padding:var(--modal-dialog-padding-mobile) 0 0}._modal-dialog__buttons_1w1ar_48{background-color:var(--color-white);bottom:0;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;margin:0 calc(-1 * var(--modal-dialog-padding-mobile));padding:var(--modal-dialog-padding-mobile);position:sticky;right:0}._modal-dialog__buttons--border_1w1ar_61{border-top:1px solid var(--color-pattens-blue)}._modal-dialog__buttons_1w1ar_48:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:10px;background:linear-gradient(to top,#0000004d,#0000);opacity:0;transition:opacity .4s ease-out;pointer-events:none}._modal-dialog__buttons--shadow_1w1ar_78:before{opacity:1}._modal-dialog__close_1w1ar_82{position:absolute;right:var(--modal-dialog-padding-mobile);top:var(--modal-dialog-padding-mobile)}@media (min-width: 28rem) and (min-height: 28rem){._modal-dialog_1w1ar_1{height:unset;max-height:100svh;max-width:100vw;width:30rem}._modal-dialog--padded_1w1ar_18{width:34.25rem}._modal-dialog--slim_1w1ar_100{width:27.5rem}._modal-dialog--wide_1w1ar_104{width:36rem}._modal-dialog__title_1w1ar_37{margin-right:var(--modal-dialog-padding);padding:var(--modal-dialog-padding)}._modal-dialog__content_1w1ar_22{height:unset;padding:0 var(--modal-dialog-padding)}._modal-dialog--content-with-buttons_1w1ar_118{margin-bottom:5.75rem}._modal-dialog__children_1w1ar_33{padding-bottom:var(--modal-dialog-padding)}._modal-dialog--confirm_1w1ar_44{padding:var(--modal-dialog-padding) 0 0}._modal-dialog__buttons_1w1ar_48{margin:unset;padding:var(--modal-dialog-padding);position:absolute;width:inherit}._modal-dialog__close_1w1ar_82{position:absolute;right:var(--modal-dialog-padding);top:var(--modal-dialog-padding)}}

package/dist/components/Accordion/Accordion.d.ts

@@ -1,5 +1,4 @@
 import { ReactNode } from 'react';
-
 export interface AccordionProps {
     title: ReactNode;
     content: ReactNode;

package/dist/components/Accordion/Accordion.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta } from '@storybook/react';
 import { AccordionProps } from './Accordion';
-
 declare const _default: Meta<AccordionProps>;
 export default _default;
 export declare const AccordionExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, AccordionProps>;

package/dist/components/ActionList/ActionList.d.ts

@@ -1,7 +1,6 @@
 import { ReactElement } from 'react';
 import { IconProps } from 'components/Icon';
 import { UIButtonVariant } from 'types/UserInterface';
-
 export interface ActionListProps {
     label: string;
     prefixIcon?: IconProps['name'];

package/dist/components/ActionList/ActionList.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta } from '@storybook/react';
 import { ActionListProps } from './ActionList';
-
 declare const _default: Meta<ActionListProps>;
 export default _default;
 export declare const ActionListExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ActionListProps>;

package/dist/components/AppStatusBar/AppStatusBar.stories.d.ts

@@ -1,5 +1,4 @@
 import { Meta } from '@storybook/react';
-
 interface AppStatusBarProps {
     message: string;
     severity: 'info' | 'warning' | 'error';

package/dist/components/Attention/Attention.d.ts

@@ -1,3 +1,2 @@
 import { PropsWithChildren } from 'react';
-
 export declare const Attention: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Attention/Attention.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta } from '@storybook/react';
 import { PropsWithChildren } from 'react';
-
 declare const _default: Meta<PropsWithChildren>;
 export default _default;
 export declare const AttentionExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, {

package/dist/components/Backdrop/Backdrop.d.ts

@@ -1,4 +1,3 @@
 import { HTMLAttributes } from 'react';
-
 export type BackdropProps = Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>;
 export declare const Backdrop: ({ children, ...restProps }: BackdropProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Backdrop/Backdrop.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta } from '@storybook/react';
 import { BackdropProps } from './Backdrop';
-
 type BackdropStoryProps = BackdropProps & {
     visible: boolean;
 };

package/dist/components/Button/Button.d.ts

@@ -1,5 +1,4 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
-
 export type UIButtonVariant = 'primary' | 'secondary' | 'destructive-primary' | 'destructive-secondary' | 'blank';
 export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style'> {
     variant: UIButtonVariant;

package/dist/components/Button/Button.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta } from '@storybook/react';
 import { ButtonProps } from './Button';
-
 declare const _default: Meta<ButtonProps>;
 export default _default;
 export declare const ButtonExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ButtonProps>;

package/dist/components/ButtonGroup/ButtonGroup.d.ts

@@ -1,5 +1,4 @@
 import { PropsWithChildren } from 'react';
-
 export interface ButtonGroupProps {
     stacked?: boolean;
     reversed?: boolean;

package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts

@@ -1,7 +1,6 @@
 import { Meta } from '@storybook/react';
 import { PropsWithChildren } from 'react';
 import { ButtonGroupProps } from './ButtonGroup';
-
 declare const _default: Meta<PropsWithChildren<ButtonGroupProps>>;
 export default _default;
 export declare const ButtonGroupExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<ButtonGroupProps>>;

package/dist/components/Card/Card.d.ts

@@ -1,5 +1,4 @@
 import { PropsWithChildren, ReactNode } from 'react';
-
 export interface CardProps {
     header?: ReactNode;
     highContrast?: boolean;

package/dist/components/Card/Card.stories.d.ts

@@ -1,7 +1,6 @@
 import { PropsWithChildren } from 'react';
 import { Meta } from '@storybook/react';
 import { CardProps } from './Card';
-
 declare const _default: Meta<PropsWithChildren<CardProps>>;
 export default _default;
 export declare const CardExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;

package/dist/components/Checkbox/Checkbox.d.ts

@@ -1,4 +1,3 @@
 import { InputHTMLAttributes } from 'react';
-
 export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'type'>;
 export declare const Checkbox: ({ ...restProps }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Checkbox/Checkbox.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta } from '@storybook/react';
 import { CheckboxProps } from './Checkbox';
-
 declare const _default: Meta<CheckboxProps>;
 export default _default;
 export declare const CheckboxExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxProps>;

package/dist/components/Drawer/Drawer.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
-
 export interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style' | 'className'> {
     buttons?: ReactNode;
     isOpen?: boolean;

package/dist/components/Drawer/Drawer.js

@@ -1,60 +1,62 @@
-import { jsx as r, jsxs as _ } from "react/jsx-runtime";
-import { b as u, c as y, d as x, e as g, f as C, g as D } from "../../useDialog-DZhIlo2a.js";
-import { c as N } from "../../clsx-OuTLNxxd.js";
-import { useState as P, useRef as v, useEffect as j } from "react";
+import { jsx as e, jsxs as d } from "react/jsx-runtime";
+import { useDialog as y } from "@react-aria/dialog";
+import { FocusScope as C } from "@react-aria/focus";
+import { useModal as D, useOverlay as g, usePreventScroll as N, OverlayContainer as v } from "@react-aria/overlays";
+import { c as P } from "../../clsx-OuTLNxxd.js";
+import { useState as x, useRef as S, useEffect as j } from "react";
 import { Backdrop as k } from "../Backdrop/Backdrop.js";
 import { OverlayCloseButton as B } from "../OverlayCloseButton/OverlayCloseButton.js";
-import '../../assets/Drawer.css';const R = "_drawer_1ytb4_1", T = "_drawer__content_1ytb4_22", E = "_drawer__header_1ytb4_32", F = "_drawer__footer_1ytb4_39", K = "_drawer__heading_1ytb4_26", S = "_drawer__buttons_1ytb4_64", e = {
-  drawer: R,
-  drawer__content: T,
-  drawer__header: E,
-  drawer__footer: F,
+import '../../assets/Drawer.css';const F = "_drawer_1ytb4_1", R = "_drawer__content_1ytb4_22", T = "_drawer__header_1ytb4_32", E = "_drawer__footer_1ytb4_39", K = "_drawer__heading_1ytb4_26", M = "_drawer__buttons_1ytb4_64", r = {
+  drawer: F,
+  drawer__content: R,
+  drawer__header: T,
+  drawer__footer: E,
   drawer__heading: K,
   "drawer--open": "_drawer--open_1ytb4_59",
-  drawer__buttons: S
+  drawer__buttons: M
 }, q = 200;
-function L({
+function U({
   buttons: s,
   children: n,
-  isOpen: a,
-  onClose: c,
-  title: l,
+  isOpen: o,
+  onClose: l,
+  title: c,
   closeButtonAriaValueText: i = "Close",
-  ...f
+  ...w
 }) {
-  const [w, t] = P(e.drawer), { modalProps: b } = u({ isDisabled: !a }), o = v(null);
-  function d() {
-    t(e.drawer), globalThis.setTimeout(() => {
-      c();
+  const [m, t] = x(r.drawer), { modalProps: u } = D({ isDisabled: !o }), a = S(null);
+  function _() {
+    t(r.drawer), globalThis.setTimeout(() => {
+      l();
     }, q);
   }
-  const { overlayProps: m, underlayProps: h } = y(
-    { isDismissable: !0, isKeyboardDismissDisabled: !1, isOpen: a, onClose: d },
-    o
-  ), { dialogProps: p, titleProps: $ } = x({}, o);
-  return g({ isDisabled: !a }), j(() => {
-    t(N(e.drawer, { [e["drawer--open"]]: a }));
-  }, [a]), /* @__PURE__ */ r(C, { children: /* @__PURE__ */ r(k, { ...h, children: /* @__PURE__ */ r(D, { contain: !0, restoreFocus: !0, children: /* @__PURE__ */ _(
+  const { overlayProps: f, underlayProps: h } = g(
+    { isDismissable: !0, isKeyboardDismissDisabled: !1, isOpen: o, onClose: _ },
+    a
+  ), { dialogProps: b, titleProps: p } = y({}, a);
+  return N({ isDisabled: !o }), j(() => {
+    t(P(r.drawer, { [r["drawer--open"]]: o }));
+  }, [o]), /* @__PURE__ */ e(v, { children: /* @__PURE__ */ e(k, { ...h, children: /* @__PURE__ */ e(C, { contain: !0, restoreFocus: !0, children: /* @__PURE__ */ d(
     "aside",
     {
-      ...b,
-      ...m,
-      ...p,
+      ...u,
       ...f,
-      className: w,
-      ref: o,
+      ...b,
+      ...w,
+      className: m,
+      ref: a,
       children: [
-        /* @__PURE__ */ _("header", { className: e.drawer__header, children: [
-          /* @__PURE__ */ r("h1", { className: e.drawer__heading, ...$, children: l }),
-          /* @__PURE__ */ r(B, { "aria-label": i, onClick: d })
+        /* @__PURE__ */ d("header", { className: r.drawer__header, children: [
+          /* @__PURE__ */ e("h1", { className: r.drawer__heading, ...p, children: c }),
+          /* @__PURE__ */ e(B, { "aria-label": i, onClick: _ })
         ] }),
-        /* @__PURE__ */ r("div", { className: e.drawer__content, children: n }),
-        s && /* @__PURE__ */ r("footer", { className: e.drawer__footer, children: /* @__PURE__ */ r("div", { className: e.drawer__buttons, children: s }) })
+        /* @__PURE__ */ e("div", { className: r.drawer__content, children: n }),
+        s && /* @__PURE__ */ e("footer", { className: r.drawer__footer, children: /* @__PURE__ */ e("div", { className: r.drawer__buttons, children: s }) })
       ]
     }
   ) }) }) });
 }
 export {
-  L as Drawer
+  U as Drawer
 };
 //# sourceMappingURL=Drawer.js.map

package/dist/components/Drawer/Drawer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["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  buttons?: ReactNode;\n  isOpen?: boolean;\n  onClose: () => void;\n  title: string;\n  closeButtonAriaValueText?: string;\n}\n\nconst closingDelay = 200;\n\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"],"names":["closingDelay","Drawer","buttons","children","isOpen","onClose","title","closeButtonAriaValueText","restProps","containerClassNames","setContainerClassNames","useState","styles","modalProps","useModal","contentRef","useRef","onCloseDrawer","overlayProps","underlayProps","useOverlay","dialogProps","titleProps","useDialog","usePreventScroll","useEffect","clsx","jsx","OverlayContainer","Backdrop","FocusScope","jsxs","OverlayCloseButton"],"mappings":";;;;;;;;;;;;;;GAqBMA,IAAe;AAEd,SAASC,EAAO;AAAA,EACrB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,0BAAAC,IAA2B;AAAA,EAC3B,GAAGC;AACL,GAAmC;AACjC,QAAM,CAACC,GAAqBC,CAAsB,IAAIC,EAASC,EAAO,MAAM,GAEtE,EAAE,YAAAC,MAAeC,EAAS,EAAE,YAAY,CAACV,GAAQ,GACjDW,IAAaC,EAAuB,IAAI;AAE9C,WAASC,IAAgB;AACvB,IAAAP,EAAuBE,EAAO,MAAM,GAEpC,WAAW,WAAW,MAAM;AAClB,MAAAP;OACPL,CAAY;AAAA,EACjB;AAIM,QAAA,EAAE,cAAAkB,GAAc,eAAAC,EAAA,IAAkBC;AAAAA,IACtC,EAAE,eAAe,IAAM,2BAA2B,IAAO,QAAAhB,GAAQ,SAASa,EAAc;AAAA,IACxFF;AAAA,EAAA,GAII,EAAE,aAAAM,GAAa,YAAAC,EAAA,IAAeC,EAAU,CAAA,GAAIR,CAAU;AAE5DS,SAAAA,EAAiB,EAAE,YAAY,CAACpB,EAAQ,CAAA,GAExCqB,EAAU,MAAM;AAGS,IAAAf,EAAAgB,EAAKd,EAAO,QAAQ,EAAE,CAACA,EAAO,cAAc,CAAC,GAAGR,EAAQ,CAAA,CAAC;AAAA,EAAA,GAC/E,CAACA,CAAM,CAAC,GAGT,gBAAAuB,EAACC,GACC,EAAA,UAAA,gBAAAD,EAACE,GAAU,EAAA,GAAGV,GACZ,UAAA,gBAAAQ,EAACG,GAAW,EAAA,SAAO,IAAC,cAAY,IAC9B,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGlB;AAAA,MACH,GAAGK;AAAA,MACH,GAAGG;AAAA,MACH,GAAGb;AAAA,MACJ,WAAWC;AAAA,MACX,KAAKM;AAAA,MAEL,UAAA;AAAA,QAAC,gBAAAgB,EAAA,UAAA,EAAO,WAAWnB,EAAO,gBACxB,UAAA;AAAA,UAAA,gBAAAe,EAAC,QAAG,WAAWf,EAAO,iBAAkB,GAAGU,GACxC,UACHhB,GAAA;AAAA,UAEC,gBAAAqB,EAAAK,GAAA,EAAmB,cAAYzB,GAA0B,SAASU,GAAe;AAAA,QAAA,GACpF;AAAA,QAEC,gBAAAU,EAAA,OAAA,EAAI,WAAWf,EAAO,iBAAkB,UAAAT,GAAS;AAAA,QAEjDD,KACC,gBAAAyB,EAAC,UAAO,EAAA,WAAWf,EAAO,gBACxB,UAAC,gBAAAe,EAAA,OAAA,EAAI,WAAWf,EAAO,iBAAkB,UAAAV,EAAQ,CAAA,GACnD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGN,GACF,EACF,CAAA;AAEJ;"}
+{"version":3,"file":"Drawer.js","sources":["../../../src/components/Drawer/Drawer.tsx"],"sourcesContent":["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  buttons?: ReactNode;\n  isOpen?: boolean;\n  onClose: () => void;\n  title: string;\n  closeButtonAriaValueText?: string;\n}\n\nconst closingDelay = 200;\n\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"],"names":["closingDelay","Drawer","buttons","children","isOpen","onClose","title","closeButtonAriaValueText","restProps","containerClassNames","setContainerClassNames","useState","styles","modalProps","useModal","contentRef","useRef","onCloseDrawer","overlayProps","underlayProps","useOverlay","dialogProps","titleProps","useDialog","usePreventScroll","useEffect","clsx","jsx","OverlayContainer","Backdrop","FocusScope","jsxs","OverlayCloseButton"],"mappings":";;;;;;;;;;;;;;;;GAqBMA,IAAe;AAEd,SAASC,EAAO;AAAA,EACrB,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,0BAAAC,IAA2B;AAAA,EAC3B,GAAGC;AACL,GAAmC;AACjC,QAAM,CAACC,GAAqBC,CAAsB,IAAIC,EAASC,EAAO,MAAM,GAEtE,EAAE,YAAAC,MAAeC,EAAS,EAAE,YAAY,CAACV,GAAQ,GACjDW,IAAaC,EAAuB,IAAI;AAE9C,WAASC,IAAgB;AACvB,IAAAP,EAAuBE,EAAO,MAAM,GAEpC,WAAW,WAAW,MAAM;AAClB,MAAAP;OACPL,CAAY;AAAA,EACjB;AAIM,QAAA,EAAE,cAAAkB,GAAc,eAAAC,EAAA,IAAkBC;AAAA,IACtC,EAAE,eAAe,IAAM,2BAA2B,IAAO,QAAAhB,GAAQ,SAASa,EAAc;AAAA,IACxFF;AAAA,EAAA,GAII,EAAE,aAAAM,GAAa,YAAAC,EAAA,IAAeC,EAAU,CAAA,GAAIR,CAAU;AAE5D,SAAAS,EAAiB,EAAE,YAAY,CAACpB,EAAQ,CAAA,GAExCqB,EAAU,MAAM;AAGS,IAAAf,EAAAgB,EAAKd,EAAO,QAAQ,EAAE,CAACA,EAAO,cAAc,CAAC,GAAGR,EAAQ,CAAA,CAAC;AAAA,EAAA,GAC/E,CAACA,CAAM,CAAC,GAGT,gBAAAuB,EAACC,GACC,EAAA,UAAA,gBAAAD,EAACE,GAAU,EAAA,GAAGV,GACZ,UAAA,gBAAAQ,EAACG,GAAW,EAAA,SAAO,IAAC,cAAY,IAC9B,UAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACE,GAAGlB;AAAA,MACH,GAAGK;AAAA,MACH,GAAGG;AAAA,MACH,GAAGb;AAAA,MACJ,WAAWC;AAAA,MACX,KAAKM;AAAA,MAEL,UAAA;AAAA,QAAC,gBAAAgB,EAAA,UAAA,EAAO,WAAWnB,EAAO,gBACxB,UAAA;AAAA,UAAA,gBAAAe,EAAC,QAAG,WAAWf,EAAO,iBAAkB,GAAGU,GACxC,UACHhB,GAAA;AAAA,UAEC,gBAAAqB,EAAAK,GAAA,EAAmB,cAAYzB,GAA0B,SAASU,GAAe;AAAA,QAAA,GACpF;AAAA,QAEC,gBAAAU,EAAA,OAAA,EAAI,WAAWf,EAAO,iBAAkB,UAAAT,GAAS;AAAA,QAEjDD,KACC,gBAAAyB,EAAC,UAAO,EAAA,WAAWf,EAAO,gBACxB,UAAC,gBAAAe,EAAA,OAAA,EAAI,WAAWf,EAAO,iBAAkB,UAAAV,EAAQ,CAAA,GACnD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAGN,GACF,EACF,CAAA;AAEJ;"}

package/dist/components/Drawer/Drawer.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta } from '@storybook/react';
 import { DrawerProps } from './Drawer';
-
 declare const _default: Meta<DrawerProps>;
 export default _default;
 export declare const DrawerExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;

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

@@ -1,13 +1,13 @@
-import { jsxs as o, jsx as e } from "react/jsx-runtime";
-import { a as m } from "../../useDialog-DZhIlo2a.js";
+import { jsxs as n, jsx as e } from "react/jsx-runtime";
+import { OverlayProvider as m } from "@react-aria/overlays";
 import { f as p } from "../../index-C7tAT8j7.js";
 import { useState as c } from "react";
-import { Drawer as n } from "./Drawer.js";
+import { Drawer as a } from "./Drawer.js";
 import { Button as t } from "../Button/Button.js";
 import { ButtonGroup as u } from "../ButtonGroup/ButtonGroup.js";
-const E = {
+const D = {
   title: "Molecules/Drawer",
-  component: n,
+  component: a,
   argTypes: {
     isOpen: {
       table: {
@@ -20,31 +20,31 @@ const E = {
       }
     }
   }
-}, s = (l) => {
-  const [r, a] = c(!1);
-  return /* @__PURE__ */ o(m, { children: [
-    /* @__PURE__ */ e(t, { onClick: () => a(!r), variant: "primary", children: "Open drawer" }),
+}, i = (l) => {
+  const [r, o] = c(!1);
+  return /* @__PURE__ */ n(m, { children: [
+    /* @__PURE__ */ e(t, { onClick: () => o(!r), variant: "primary", children: "Open drawer" }),
     r && /* @__PURE__ */ e(
-      n,
+      a,
       {
         ...l,
         isOpen: r,
-        onClose: () => (p()(), a(!r)),
+        onClose: () => (p()(), o(!r)),
         children: "Example Drawer Content"
       }
     )
   ] });
-}, i = {
+}, s = {
   title: "Example Title",
   closeButtonAriaValueText: "Close"
-}, d = s.bind({});
+}, d = i.bind({});
 d.args = {
-  ...i
+  ...s
 };
-const f = s.bind({});
+const f = i.bind({});
 f.args = {
-  ...i,
-  buttons: /* @__PURE__ */ o(u, { children: [
+  ...s,
+  buttons: /* @__PURE__ */ n(u, { children: [
     /* @__PURE__ */ e(t, { variant: "primary", children: "Primary Example Button" }),
     /* @__PURE__ */ e(t, { variant: "secondary", children: "Secondary Example Button" })
   ] })
@@ -52,6 +52,6 @@ f.args = {
 export {
   d as DrawerExample,
   f as WithButtons,
-  E as default
+  D as default
 };
 //# sourceMappingURL=Drawer.stories.js.map

package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta } from '@storybook/react';
 import { EmptyStateDataDisplayProps } from './EmptyStateDataDisplay';
-
 declare const _default: Meta<EmptyStateDataDisplayProps>;
 export default _default;
 export declare const EmptyStateDataDisplayExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, EmptyStateDataDisplayProps>;

package/dist/components/FieldHint/FieldHint.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta } from '@storybook/react';
 import { FieldHintProps } from './FieldHint';
-
 declare const _default: Meta<FieldHintProps>;
 export default _default;
 export declare const FieldHintExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FieldHintProps>;

package/dist/components/Fieldset/Fieldset.d.ts

@@ -1,5 +1,4 @@
 import { PropsWithChildren, ReactNode } from 'react';
-
 export interface FieldsetProps {
     description?: ReactNode;
     descriptionId?: string;

package/dist/components/Fieldset/Fieldset.stories.d.ts

@@ -1,7 +1,6 @@
 import { Meta } from '@storybook/react';
 import { PropsWithChildren } from 'react';
 import { FieldsetProps } from './Fieldset';
-
 declare const _default: Meta<PropsWithChildren<FieldsetProps>>;
 export default _default;
 export declare const FieldsetExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<FieldsetProps>>;

package/dist/components/FormField/FormField.d.ts

@@ -1,5 +1,4 @@
 import { HTMLAttributes, PropsWithChildren } from 'react';
-
 export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
     outerSpace?: boolean;
     inline?: boolean;

package/dist/components/FormField/FormField.stories.d.ts

@@ -1,7 +1,6 @@
 import { Meta } from '@storybook/react';
 import { PropsWithChildren } from 'react';
 import { FormFieldProps } from './FormField';
-
 declare const _default: Meta<PropsWithChildren<FormFieldProps>>;
 export default _default;
 export declare const FormFieldExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<FormFieldProps>>;

package/dist/components/GridRow/Column/Column.d.ts

@@ -1,5 +1,4 @@
 import { PropsWithChildren } from 'react';
-
 type columnSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
 export interface ColumnProps {
     size?: columnSize;

package/dist/components/GridRow/GridRow.d.ts

@@ -1,5 +1,4 @@
 import { PropsWithChildren } from 'react';
-
 type spacing = '0' | '025' | '050' | '075' | '100' | '125' | '150' | '175' | '200' | '250' | '300' | '350';
 export interface GridRowProps {
     gutter?: spacing;

package/dist/components/GridRow/GridRow.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta } from '@storybook/react';
 import { GridRowProps } from './GridRow';
-
 declare const _default: Meta<GridRowProps>;
 export default _default;
 export declare const GridRowExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, GridRowProps>;

package/dist/components/HorizontalList/HorizontalList.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta } from '@storybook/react';
 import { HorizontalListProps } from './HorizontalList';
-
 declare const _default: Meta<HorizontalListProps>;
 export default _default;
 export declare const HorizontalListExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, HorizontalListProps>;

package/dist/components/Icon/Icon.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode, SVGAttributes } from 'react';
 import { Icons } from './icons';
-
 type IconName = keyof typeof Icons;
 export interface IconProps extends Omit<SVGAttributes<SVGElement>, 'height' | 'width'> {
     name: IconName;

package/dist/components/Icon/Icon.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta } from '@storybook/react';
 import { IconProps } from './Icon';
-
 declare const _default: Meta<IconProps>;
 export default _default;
 export declare const IconExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;

package/dist/components/IconButton/IconButton.d.ts

@@ -1,5 +1,4 @@
 import { ButtonHTMLAttributes } from 'react';
-
 export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style'> {
     'aria-label': string;
     variant?: 'destructive';

package/dist/components/IconButton/IconButton.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta } from '@storybook/react';
 import { IconButtonProps } from 'components/IconButton';
-
 declare const _default: Meta<IconButtonProps>;
 export default _default;
 export declare const IconButtonExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconButtonProps>;

package/dist/components/InfoMessage/InfoMessage.d.ts

@@ -1,5 +1,4 @@
 import { PropsWithChildren } from 'react';
-
 export interface InfoMessageProps {
     message: string;
     hasOwnContainer?: boolean;

package/dist/components/InfoMessage/InfoMessage.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta } from '@storybook/react';
 import { InfoMessageProps } from './InfoMessage';
-
 declare const _default: Meta<InfoMessageProps>;
 export default _default;
 export declare const InfoMessageExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InfoMessageProps>;

package/dist/components/Input/Input.d.ts

@@ -1,5 +1,4 @@
 import { InputHTMLAttributes } from 'react';
-
 export interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'> {
     appearance?: 'error';
     type?: 'text' | 'search' | 'password' | 'email' | 'file';

package/dist/components/Input/Input.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta } from '@storybook/react';
 import { InputProps } from './Input';
-
 declare const _default: Meta<InputProps>;
 export default _default;
 export declare const InputExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputProps>;

package/dist/components/InputField/InputField.d.ts

@@ -1,5 +1,4 @@
 import { InputHTMLAttributes, ReactNode } from 'react';
-
 export interface InputFieldProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style'> {
     variant?: 'large';
     type?: 'text' | 'password' | 'email';

package/dist/components/InputField/InputField.stories.d.ts

@@ -1,6 +1,5 @@
 import { Meta } from '@storybook/react';
 import { InputFieldProps } from './InputField';
-
 declare const _default: Meta<InputFieldProps>;
 export default _default;
 export declare const InputFieldExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, InputFieldProps>;