@uva-glass/component-library 3.55.0 → 3.55.2

package/dist/components/MetaDataBar/MetaDataBar.stories.js

@@ -1,21 +1,21 @@
+import { t as e } from "../../MetaDataBar-C4QO9oBV.js";
 import { jsx as t } from "react/jsx-runtime";
-import { MetaDataBar as a } from "./MetaDataBar.js";
-const m = "<MetaDataBar itemData={itemData} />", n = {
-  title: "Molecules/MetaDataBar",
-  component: a,
-  parameters: {
-    inspectComponent: a,
-    codeString: m
-  }
-}, o = (e) => /* @__PURE__ */ t(a, { ...e }), r = o.bind({});
-r.args = {
-  itemData: [
-    { iconName: "AcademicCap", itemLabel: "Jedi Academy" },
-    { iconName: "UserCircle", itemLabel: "Luuk Hemelwandelaar" }
-  ]
-};
-export {
-  r as MetaDataBarExample,
-  n as default
-};
-//# sourceMappingURL=MetaDataBar.stories.js.map
+var n = {
+	title: "Molecules/MetaDataBar",
+	component: e,
+	parameters: {
+		inspectComponent: e,
+		codeString: "<MetaDataBar itemData={itemData} />"
+	}
+}, r = ((n) => /* @__PURE__ */ t(e, { ...n })).bind({});
+r.args = { itemData: [{
+	iconName: "AcademicCap",
+	itemLabel: "Jedi Academy"
+}, {
+	iconName: "UserCircle",
+	itemLabel: "Luuk Hemelwandelaar"
+}] };
+//#endregion
+export { r as MetaDataBarExample, n as default };
+
+//# sourceMappingURL=MetaDataBar.stories.js.map

package/dist/components/MetaDataBar/MetaDataBar.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetaDataBar.stories.js","sources":["../../../src/components/MetaDataBar/MetaDataBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { MetaDataBarProps } from './MetaDataBar';\nimport type { IconProps } from 'components/Icon';\n\nimport { MetaDataBar } from './MetaDataBar';\n\nconst codeString = '<MetaDataBar itemData={itemData} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/MetaDataBar',\n  component: MetaDataBar,\n  parameters: {\n    inspectComponent: MetaDataBar,\n    codeString: codeString,\n  },\n} as Meta<MetaDataBarProps>;\n\nconst Template: StoryFn<MetaDataBarProps> = (args) => <MetaDataBar {...args} />;\n\nexport const MetaDataBarExample = Template.bind({});\nMetaDataBarExample.args = {\n  itemData: [\n    { iconName: 'AcademicCap' as IconProps['name'], itemLabel: 'Jedi Academy' },\n    { iconName: 'UserCircle' as IconProps['name'], itemLabel: 'Luuk Hemelwandelaar' },\n  ],\n};\n"],"names":["codeString","MetaDataBar_stories","MetaDataBar","Template","args","jsx","MetaDataBarExample"],"mappings":";;AAMA,MAAMA,IAAa,uCAGnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAsC,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAa,GAAGE,GAAM,GAEhEE,IAAqBH,EAAS,KAAK,CAAA,CAAE;AAClDG,EAAmB,OAAO;AAAA,EACxB,UAAU;AAAA,IACR,EAAE,UAAU,eAAoC,WAAW,eAAA;AAAA,IAC3D,EAAE,UAAU,cAAmC,WAAW,sBAAA;AAAA,EAAsB;AAEpF;"}
+{"version":3,"file":"MetaDataBar.stories.js","names":[],"sources":["../../../src/components/MetaDataBar/MetaDataBar.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { MetaDataBarProps } from './MetaDataBar';\nimport type { IconProps } from 'components/Icon';\n\nimport { MetaDataBar } from './MetaDataBar';\n\nconst codeString = '<MetaDataBar itemData={itemData} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/MetaDataBar',\n  component: MetaDataBar,\n  parameters: {\n    inspectComponent: MetaDataBar,\n    codeString: codeString,\n  },\n} as Meta<MetaDataBarProps>;\n\nconst Template: StoryFn<MetaDataBarProps> = (args) => <MetaDataBar {...args} />;\n\nexport const MetaDataBarExample = Template.bind({});\nMetaDataBarExample.args = {\n  itemData: [\n    { iconName: 'AcademicCap' as IconProps['name'], itemLabel: 'Jedi Academy' },\n    { iconName: 'UserCircle' as IconProps['name'], itemLabel: 'Luuk Hemelwandelaar' },\n  ],\n};\n"],"mappings":";;AASA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN,YARG;EAShB;CACF,EAIY,MAFgC,MAAS,kBAAC,GAAD,EAAa,GAAI,GAAQ,CAAA,EAEpC,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO,EACxB,UAAU,CACR;CAAE,UAAU;CAAoC,WAAW;CAAgB,EAC3E;CAAE,UAAU;CAAmC,WAAW;CAAuB,CAClF,EACF"}

package/dist/components/MetaDataBar/MetaDataBar.test.js

@@ -1,18 +1,28 @@
-import { jsx as t } from "react/jsx-runtime";
-import { r as n, s as e } from "../../react.esm-C68fQMAi.js";
-import { MetaDataBar as c } from "./MetaDataBar.js";
-jest.mock("components/Icon", () => ({
-  Icon: ({ name: a }) => /* @__PURE__ */ t("span", { "data-testid": "icon", children: a })
-}));
-const o = [
-  { iconName: "AcademicCap", itemLabel: "Jedi Academy" },
-  { iconName: "User", itemLabel: "Luuk Hemelwandelaar" }
-];
+import "../../lib-6BbFZdI7.js";
+import { t as e } from "../../MetaDataBar-C4QO9oBV.js";
+import "../../test-utils-BSs0eZfL.js";
+import "../../client-C0JVBgoR.js";
+import { i as t, n } from "../../react.esm-Cev8dB-E.js";
+import { jsx as r } from "react/jsx-runtime";
+//#region src/components/MetaDataBar/MetaDataBar.test.tsx
+jest.mock("components/Icon", () => ({ Icon: ({ name: e }) => /* @__PURE__ */ r("span", {
+	"data-testid": "icon",
+	children: e
+}) }));
+var i = [{
+	iconName: "AcademicCap",
+	itemLabel: "Jedi Academy"
+}, {
+	iconName: "User",
+	itemLabel: "Luuk Hemelwandelaar"
+}];
 describe("MetaDataBar", () => {
-  it("renders correctly with content items", () => {
-    n(/* @__PURE__ */ t(c, { itemData: o })), expect(e.getByText("AcademicCap")).toBeInTheDocument(), expect(e.getByText("Jedi Academy")).toBeInTheDocument(), expect(e.getByText("User")).toBeInTheDocument(), expect(e.getByText("Luuk Hemelwandelaar")).toBeInTheDocument(), expect(e.getAllByTestId("icon")).toHaveLength(o.length);
-  }), it("renders nothing when content is empty", () => {
-    n(/* @__PURE__ */ t(c, { itemData: [] })), expect(e.queryByTestId("icon")).not.toBeInTheDocument(), expect(e.queryByText(/.+/)).not.toBeInTheDocument();
-  });
+	it("renders correctly with content items", () => {
+		n(/* @__PURE__ */ r(e, { itemData: i })), expect(t.getByText("AcademicCap")).toBeInTheDocument(), expect(t.getByText("Jedi Academy")).toBeInTheDocument(), expect(t.getByText("User")).toBeInTheDocument(), expect(t.getByText("Luuk Hemelwandelaar")).toBeInTheDocument(), expect(t.getAllByTestId("icon")).toHaveLength(i.length);
+	}), it("renders nothing when content is empty", () => {
+		n(/* @__PURE__ */ r(e, { itemData: [] })), expect(t.queryByTestId("icon")).not.toBeInTheDocument(), expect(t.queryByText(/.+/)).not.toBeInTheDocument();
+	});
 });
-//# sourceMappingURL=MetaDataBar.test.js.map
+//#endregion
+
+//# sourceMappingURL=MetaDataBar.test.js.map

package/dist/components/MetaDataBar/MetaDataBar.test.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetaDataBar.test.js","sources":["../../../src/components/MetaDataBar/MetaDataBar.test.tsx"],"sourcesContent":["import { render, screen } from '@testing-library/react';\n\nimport type { IconProps } from 'components/Icon';\n\nimport { MetaDataBar } from './MetaDataBar';\n\njest.mock('components/Icon', () => ({\n  Icon: ({ name }: { name: IconProps['name'] }) => <span data-testid=\"icon\">{name}</span>,\n}));\n\nconst mockItemData = [\n  { iconName: 'AcademicCap' as IconProps['name'], itemLabel: 'Jedi Academy' },\n  { iconName: 'User' as IconProps['name'], itemLabel: 'Luuk Hemelwandelaar' },\n];\n\ndescribe('MetaDataBar', () => {\n  it('renders correctly with content items', () => {\n    render(<MetaDataBar itemData={mockItemData} />);\n\n    expect(screen.getByText('AcademicCap')).toBeInTheDocument();\n    expect(screen.getByText('Jedi Academy')).toBeInTheDocument();\n    expect(screen.getByText('User')).toBeInTheDocument();\n    expect(screen.getByText('Luuk Hemelwandelaar')).toBeInTheDocument();\n\n    expect(screen.getAllByTestId('icon')).toHaveLength(mockItemData.length);\n  });\n\n  it('renders nothing when content is empty', () => {\n    render(<MetaDataBar itemData={[]} />);\n    expect(screen.queryByTestId('icon')).not.toBeInTheDocument();\n    expect(screen.queryByText(/.+/)).not.toBeInTheDocument();\n  });\n});\n"],"names":["name","jsx","mockItemData","render","MetaDataBar","screen"],"mappings":";;;AAMA,KAAK,KAAK,mBAAmB,OAAO;AAAA,EAClC,MAAM,CAAC,EAAE,MAAAA,EAAA,MAAwC,gBAAAC,EAAC,QAAA,EAAK,eAAY,QAAQ,UAAAD,EAAA,CAAK;AAClF,EAAE;AAEF,MAAME,IAAe;AAAA,EACnB,EAAE,UAAU,eAAoC,WAAW,eAAA;AAAA,EAC3D,EAAE,UAAU,QAA6B,WAAW,sBAAA;AACtD;AAEA,SAAS,eAAe,MAAM;AAC5B,KAAG,wCAAwC,MAAM;AAC/C,IAAAC,EAAO,gBAAAF,EAACG,GAAA,EAAY,UAAUF,EAAA,CAAc,CAAE,GAE9C,OAAOG,EAAO,UAAU,aAAa,CAAC,EAAE,kBAAA,GACxC,OAAOA,EAAO,UAAU,cAAc,CAAC,EAAE,kBAAA,GACzC,OAAOA,EAAO,UAAU,MAAM,CAAC,EAAE,kBAAA,GACjC,OAAOA,EAAO,UAAU,qBAAqB,CAAC,EAAE,kBAAA,GAEhD,OAAOA,EAAO,eAAe,MAAM,CAAC,EAAE,aAAaH,EAAa,MAAM;AAAA,EACxE,CAAC,GAED,GAAG,yCAAyC,MAAM;AAChD,IAAAC,EAAO,gBAAAF,EAACG,GAAA,EAAY,UAAU,CAAA,GAAI,CAAE,GACpC,OAAOC,EAAO,cAAc,MAAM,CAAC,EAAE,IAAI,kBAAA,GACzC,OAAOA,EAAO,YAAY,IAAI,CAAC,EAAE,IAAI,kBAAA;AAAA,EACvC,CAAC;AACH,CAAC;"}
+{"version":3,"file":"MetaDataBar.test.js","names":[],"sources":["../../../src/components/MetaDataBar/MetaDataBar.test.tsx"],"sourcesContent":["import { render, screen } from '@testing-library/react';\n\nimport type { IconProps } from 'components/Icon';\n\nimport { MetaDataBar } from './MetaDataBar';\n\njest.mock('components/Icon', () => ({\n  Icon: ({ name }: { name: IconProps['name'] }) => <span data-testid=\"icon\">{name}</span>,\n}));\n\nconst mockItemData = [\n  { iconName: 'AcademicCap' as IconProps['name'], itemLabel: 'Jedi Academy' },\n  { iconName: 'User' as IconProps['name'], itemLabel: 'Luuk Hemelwandelaar' },\n];\n\ndescribe('MetaDataBar', () => {\n  it('renders correctly with content items', () => {\n    render(<MetaDataBar itemData={mockItemData} />);\n\n    expect(screen.getByText('AcademicCap')).toBeInTheDocument();\n    expect(screen.getByText('Jedi Academy')).toBeInTheDocument();\n    expect(screen.getByText('User')).toBeInTheDocument();\n    expect(screen.getByText('Luuk Hemelwandelaar')).toBeInTheDocument();\n\n    expect(screen.getAllByTestId('icon')).toHaveLength(mockItemData.length);\n  });\n\n  it('renders nothing when content is empty', () => {\n    render(<MetaDataBar itemData={[]} />);\n    expect(screen.queryByTestId('icon')).not.toBeInTheDocument();\n    expect(screen.queryByText(/.+/)).not.toBeInTheDocument();\n  });\n});\n"],"mappings":";;;;;;;AAMA,KAAK,KAAK,0BAA0B,EAClC,OAAO,EAAE,cAAwC,kBAAC,QAAD;CAAM,eAAY;WAAQ;CAAY,CAAA,EACxF,EAAE;AAEH,IAAM,IAAe,CACnB;CAAE,UAAU;CAAoC,WAAW;CAAgB,EAC3E;CAAE,UAAU;CAA6B,WAAW;CAAuB,CAC5E;AAED,SAAS,qBAAqB;AAY5B,CAXA,GAAG,8CAA8C;AAQ/C,EAPA,EAAO,kBAAC,GAAD,EAAa,UAAU,GAAgB,CAAA,CAAC,EAE/C,OAAO,EAAO,UAAU,cAAc,CAAC,CAAC,mBAAmB,EAC3D,OAAO,EAAO,UAAU,eAAe,CAAC,CAAC,mBAAmB,EAC5D,OAAO,EAAO,UAAU,OAAO,CAAC,CAAC,mBAAmB,EACpD,OAAO,EAAO,UAAU,sBAAsB,CAAC,CAAC,mBAAmB,EAEnE,OAAO,EAAO,eAAe,OAAO,CAAC,CAAC,aAAa,EAAa,OAAO;GACvE,EAEF,GAAG,+CAA+C;AAGhD,EAFA,EAAO,kBAAC,GAAD,EAAa,UAAU,EAAE,EAAI,CAAA,CAAC,EACrC,OAAO,EAAO,cAAc,OAAO,CAAC,CAAC,IAAI,mBAAmB,EAC5D,OAAO,EAAO,YAAY,KAAK,CAAC,CAAC,IAAI,mBAAmB;GACxD;EACF"}

package/dist/components/MetaDataBar/index.js

@@ -1,5 +1,2 @@
-import { MetaDataBar as t } from "./MetaDataBar.js";
-export {
-  t as MetaDataBar
-};
-//# sourceMappingURL=index.js.map
+import { t as e } from "../../MetaDataBar-C4QO9oBV.js";
+export { e as MetaDataBar };

package/dist/components/MetaDataList/MetaDataList.js

@@ -1,14 +1,2 @@
-import { jsx as a, jsxs as i } from "react/jsx-runtime";
-import '../../assets/MetaDataList.css';const t = {
-  "meta-data-list": "_meta-data-list_1kah2_1",
-  "meta-data-list__item": "_meta-data-list__item_1kah2_5",
-  "meta-data-list__term": "_meta-data-list__term_1kah2_16",
-  "meta-data-list__description": "_meta-data-list__description_1kah2_20"
-}, m = ({ items: s }) => /* @__PURE__ */ a("dl", { className: t["meta-data-list"], children: Object.entries(s).map(([e, _]) => /* @__PURE__ */ i("div", { className: t["meta-data-list__item"], children: [
-  /* @__PURE__ */ a("dt", { className: t["meta-data-list__term"], children: e }),
-  /* @__PURE__ */ a("dd", { className: t["meta-data-list__description"], children: _ })
-] }, e)) });
-export {
-  m as MetaDataList
-};
-//# sourceMappingURL=MetaDataList.js.map
+import { t as e } from "../../MetaDataList-CAR1HTYs.js";
+export { e as MetaDataList };

package/dist/components/MetaDataList/MetaDataList.stories.js

@@ -1,23 +1,21 @@
-import { jsx as e } from "react/jsx-runtime";
-import { MetaDataList as t } from "./MetaDataList.js";
-import { Container as o } from "../../storyComponents/Container/Container.js";
-const i = "<MetaDataList items={items} />", c = {
-  title: "Atoms/MetaDataList",
-  component: t,
-  parameters: {
-    inspectComponent: t,
-    codeString: i
-  }
-}, s = (a) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(t, { ...a }) }), m = s.bind({});
-m.args = {
-  items: {
-    "item one": "foo",
-    "item two": "bar",
-    "item three": "baz"
-  }
-};
-export {
-  m as MetaDataListExample,
-  c as default
-};
-//# sourceMappingURL=MetaDataList.stories.js.map
+import { t as e } from "../../MetaDataList-CAR1HTYs.js";
+import { t } from "../../Container-BLjtYDqq.js";
+import "../../storyComponents/Container/index.js";
+import { jsx as n } from "react/jsx-runtime";
+var r = {
+	title: "Atoms/MetaDataList",
+	component: e,
+	parameters: {
+		inspectComponent: e,
+		codeString: "<MetaDataList items={items} />"
+	}
+}, i = ((r) => /* @__PURE__ */ n(t, { children: /* @__PURE__ */ n(e, { ...r }) })).bind({});
+i.args = { items: {
+	"item one": "foo",
+	"item two": "bar",
+	"item three": "baz"
+} };
+//#endregion
+export { i as MetaDataListExample, r as default };
+
+//# sourceMappingURL=MetaDataList.stories.js.map

package/dist/components/MetaDataList/MetaDataList.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"MetaDataList.stories.js","sources":["../../../src/components/MetaDataList/MetaDataList.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { MetaDataListProps } from './MetaDataList';\n\nimport { MetaDataList } from './MetaDataList';\n\nimport { Container } from 'storyComponents/Container/';\n\nconst codeString = '<MetaDataList items={items} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/MetaDataList',\n  component: MetaDataList,\n  parameters: {\n    inspectComponent: MetaDataList,\n    codeString: codeString,\n  },\n} as Meta<MetaDataListProps>;\n\nconst Template: StoryFn<MetaDataListProps> = (args) => (\n  <Container>\n    <MetaDataList {...args} />\n  </Container>\n);\n\nexport const MetaDataListExample = Template.bind({});\nMetaDataListExample.args = {\n  items: {\n    'item one': 'foo',\n    'item two': 'bar',\n    'item three': 'baz',\n  },\n};\n"],"names":["codeString","MetaDataList_stories","MetaDataList","Template","args","jsx","Container","MetaDataListExample"],"mappings":";;;AAOA,MAAMA,IAAa,kCAGnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAuC,CAACC,MAC5C,gBAAAC,EAACC,KACC,UAAA,gBAAAD,EAACH,GAAA,EAAc,GAAGE,EAAA,CAAM,EAAA,CAC1B,GAGWG,IAAsBJ,EAAS,KAAK,CAAA,CAAE;AACnDI,EAAoB,OAAO;AAAA,EACzB,OAAO;AAAA,IACL,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,EAAA;AAElB;"}
+{"version":3,"file":"MetaDataList.stories.js","names":[],"sources":["../../../src/components/MetaDataList/MetaDataList.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { MetaDataListProps } from './MetaDataList';\n\nimport { MetaDataList } from './MetaDataList';\n\nimport { Container } from 'storyComponents/Container/';\n\nconst codeString = '<MetaDataList items={items} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/MetaDataList',\n  component: MetaDataList,\n  parameters: {\n    inspectComponent: MetaDataList,\n    codeString: codeString,\n  },\n} as Meta<MetaDataListProps>;\n\nconst Template: StoryFn<MetaDataListProps> = (args) => (\n  <Container>\n    <MetaDataList {...args} />\n  </Container>\n);\n\nexport const MetaDataListExample = Template.bind({});\nMetaDataListExample.args = {\n  items: {\n    'item one': 'foo',\n    'item two': 'bar',\n    'item three': 'baz',\n  },\n};\n"],"mappings":";;;;AAUA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,YAAY;EACV,kBAAkB;EACN,YARG;EAShB;CACF,EAQY,MANiC,MAC5C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAc,GAAI,GAAQ,CAAA,EAChB,CAAA,EAG8B,KAAK,EAAE,CAAC;AACpD,EAAoB,OAAO,EACzB,OAAO;CACL,YAAY;CACZ,YAAY;CACZ,cAAc;CACf,EACF"}

package/dist/components/MetaDataList/index.js

@@ -1,5 +1,2 @@
-import { MetaDataList as e } from "./MetaDataList.js";
-export {
-  e as MetaDataList
-};
-//# sourceMappingURL=index.js.map
+import { t as e } from "../../MetaDataList-CAR1HTYs.js";
+export { e as MetaDataList };

package/dist/components/ModalDialog/ModalDialog.js

@@ -1,130 +1,2 @@
-import { jsx as a, Fragment as v, jsxs as _ } from "react/jsx-runtime";
-import { useDialog as $ } from "@react-aria/dialog";
-import { FocusScope as q } from "@react-aria/focus";
-import { useModal as G, useOverlay as J, usePreventScroll as Q, OverlayContainer as W } from "@react-aria/overlays";
-import { c as i } from "../../clsx-OuTLNxxd.js";
-import { useRef as S, useState as w, useEffect as X } from "react";
-import { Backdrop as Y } from "../Backdrop/Backdrop.js";
-import { OverlayCloseButton as Z } from "../OverlayCloseButton/OverlayCloseButton.js";
-import { Spinner as oo } from "../Spinner/Spinner.js";
-import '../../assets/ModalDialog.css';const o = {
-  "modal-dialog": "_modal-dialog_15zh0_1",
-  "modal-dialog--padded": "_modal-dialog--padded_15zh0_18",
-  "modal-dialog__content": "_modal-dialog__content_15zh0_22",
-  "modal-dialog__children": "_modal-dialog__children_15zh0_33",
-  "modal-dialog__title": "_modal-dialog__title_15zh0_37",
-  "modal-dialog--confirm": "_modal-dialog--confirm_15zh0_44",
-  "modal-dialog__buttons": "_modal-dialog__buttons_15zh0_48",
-  "modal-dialog__buttons--border": "_modal-dialog__buttons--border_15zh0_61",
-  "modal-dialog__buttons--shadow": "_modal-dialog__buttons--shadow_15zh0_78",
-  "modal-dialog__close": "_modal-dialog__close_15zh0_82",
-  "modal-dialog--small": "_modal-dialog--small_15zh0_99",
-  "modal-dialog--regular": "_modal-dialog--regular_15zh0_103",
-  "modal-dialog--medium": "_modal-dialog--medium_15zh0_107",
-  "modal-dialog--large": "_modal-dialog--large_15zh0_111",
-  "modal-dialog--content-with-buttons": "_modal-dialog--content-with-buttons_15zh0_125"
-};
-function _o(T) {
-  const {
-    buttons: t,
-    children: y,
-    isDismissable: c = !0,
-    isKeyboardDismissDisabled: x = !c,
-    isLoading: B,
-    spinnerAriaValueText: D = "Loading",
-    closeButtonAriaValueText: P = "Close",
-    isOpen: e,
-    noValidate: C = !1,
-    onClose: g,
-    onSubmit: E,
-    role: L = "dialog",
-    title: r,
-    headerContent: s,
-    variant: n = "dialog",
-    padded: u,
-    size: N = "regular",
-    noButtonBorder: h = !1
-  } = T, m = S(null), f = S(null), [F, H] = w(!1), [O, V] = w(!1), { dialogProps: k, titleProps: A } = $({ role: L }, m), { modalProps: I } = G({ isDisabled: !e }), { overlayProps: M, underlayProps: R } = J(
-    { isDismissable: c, isKeyboardDismissDisabled: x, isOpen: e, onClose: g },
-    m
-  );
-  Q({ isDisabled: !e }), X(() => {
-    const l = f.current;
-    function p() {
-      if (l) {
-        const b = l.scrollHeight, z = l.clientHeight, U = l.scrollTop;
-        H(b > z), V(U + z >= b);
-      }
-    }
-    function d() {
-      p();
-    }
-    l && (l.addEventListener("scroll", d), window.addEventListener("resize", d));
-    const K = setTimeout(() => {
-      p();
-    }, 0);
-    return () => {
-      l && l.removeEventListener("scroll", d), window.removeEventListener("resize", d), clearTimeout(K);
-    };
-  }, [e, s]);
-  function j(l) {
-    l.stopPropagation();
-  }
-  return e ? /* @__PURE__ */ a(W, { children: /* @__PURE__ */ a(Y, { ...R, children: B ? /* @__PURE__ */ a(oo, { ariaValueText: D }) : /* @__PURE__ */ a(v, { children: /* @__PURE__ */ a(q, { autoFocus: !0, contain: !0, restoreFocus: !0, children: /* @__PURE__ */ _(
-    "div",
-    {
-      ...k,
-      ...I,
-      ...M,
-      className: i(o["modal-dialog"], [o[`modal-dialog--${N}`]], {
-        [o["modal-dialog--confirm"]]: n === "confirm",
-        [o["modal-dialog--padded"]]: u
-      }),
-      onKeyUp: j,
-      role: "presentation",
-      ref: m,
-      children: [
-        (r || s) && n === "dialog" && /* @__PURE__ */ _(v, { children: [
-          r && /* @__PURE__ */ a("h1", { ...A, className: o["modal-dialog__title"], children: r }),
-          s,
-          n === "dialog" && /* @__PURE__ */ a("span", { className: o["modal-dialog__close"], children: /* @__PURE__ */ a(
-            Z,
-            {
-              "aria-label": P,
-              onClick: g,
-              paddedModal: u
-            }
-          ) })
-        ] }),
-        /* @__PURE__ */ _(
-          "form",
-          {
-            className: i(o["modal-dialog__content"], {
-              [o["modal-dialog--content-with-buttons"]]: t
-            }),
-            onSubmit: E,
-            noValidate: C,
-            ref: f,
-            children: [
-              /* @__PURE__ */ a("div", { className: i({ [o["modal-dialog__children"]]: !h }), children: y }),
-              t && /* @__PURE__ */ a(
-                "div",
-                {
-                  className: i(o["modal-dialog__buttons"], {
-                    [o["modal-dialog__buttons--border"]]: !h,
-                    [o["modal-dialog__buttons--shadow"]]: F && !O
-                  }),
-                  children: t
-                }
-              )
-            ]
-          }
-        )
-      ]
-    }
-  ) }) }) }) }) : null;
-}
-export {
-  _o as ModalDialog
-};
-//# sourceMappingURL=ModalDialog.js.map
+import { t as e } from "../../ModalDialog-HUkDdAJ-.js";
+export { e as ModalDialog };

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

@@ -1,96 +1,83 @@
-import { jsxs as a, jsx as e } from "react/jsx-runtime";
-import { ModalProvider as r } from "@react-aria/overlays";
-import { f as i } from "../../index-B_q_4aBT.js";
-import { ModalDialog as t } from "./ModalDialog.js";
-import { Button as s } from "../Buttons/Button.js";
-import "../Buttons/LinkButton.js";
-import "@react-aria/button";
-import { ButtonGroup as m } from "../ButtonGroup/ButtonGroup.js";
-import { FormField as l } from "../FormField/FormField.js";
-import { InputField as d } from "../InputField/InputField.js";
-import { Label as c } from "../Label/Label.js";
-const p = `
-/* ModalDialog has more styling props (see Info-tab).
- Code example is made with the most commonly used props. **/
-  <ModalDialog isOpen={isOpen} title={title} onClose={onCloseFunction}
-    onSubmit={onSubmitFunction} buttons={buttons}> {children} </ModalDialog>
-`, T = {
-  title: "Molecules/ModalDialog",
-  component: t,
-  argTypes: {
-    isOpen: {
-      table: {
-        disable: !0
-      }
-    },
-    noValidate: {
-      control: "boolean"
-    },
-    role: {
-      control: "radio",
-      options: ["dialog", "alertdialog"]
-    },
-    onSubmit: {
-      table: {
-        disable: !0
-      }
-    },
-    onClose: {
-      table: {
-        disable: !0
-      }
-    },
-    buttons: {
-      table: {
-        disable: !0
-      }
-    }
-  },
-  parameters: {
-    inspectComponent: t,
-    codeString: p
-  }
-}, u = (o) => /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(t, { ...o, children: /* @__PURE__ */ a(l, { outerSpace: !0, children: [
-  /* @__PURE__ */ e(c, { htmlFor: "text-field", children: "Example Text Field" }),
-  /* @__PURE__ */ e(d, { id: "text-field" })
-] }) }) }), n = {
-  padded: !1,
-  size: "regular",
-  noButtonBorder: !1,
-  variant: "dialog",
-  role: "dialog",
-  title: "Example Title",
-  closeButtonAriaValueText: "Close",
-  noValidate: !1,
-  onSubmit: i(),
-  onClose: i(),
-  buttons: /* @__PURE__ */ a(m, { reversed: !0, children: [
-    /* @__PURE__ */ e(s, { variant: "primary", onClick: i(), children: "OK" }),
-    /* @__PURE__ */ e(s, { variant: "secondary", onClick: i(), children: "Cancel" })
-  ] }),
-  isOpen: !0
-}, b = u.bind({});
-b.args = {
-  ...n
+import { r as e } from "../../test-CPFNM-bL.js";
+import { Button as t } from "../Buttons/Button.js";
+import { t as n } from "../../ButtonGroup-DR80lTLz.js";
+import { t as r } from "../../Label-o0BcWTUS.js";
+import { t as i } from "../../FormField-BZSoQdp9.js";
+import { t as a } from "../../InputField-BWAy19w9.js";
+import { t as o } from "../../ModalDialog-HUkDdAJ-.js";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { ModalProvider as l } from "@react-aria/overlays";
+var u = {
+	title: "Molecules/ModalDialog",
+	component: o,
+	argTypes: {
+		isOpen: { table: { disable: !0 } },
+		noValidate: { control: "boolean" },
+		role: {
+			control: "radio",
+			options: ["dialog", "alertdialog"]
+		},
+		onSubmit: { table: { disable: !0 } },
+		onClose: { table: { disable: !0 } },
+		buttons: { table: { disable: !0 } }
+	},
+	parameters: {
+		inspectComponent: o,
+		codeString: "\n/* ModalDialog has more styling props (see Info-tab).\n Code example is made with the most commonly used props. **/\n  <ModalDialog isOpen={isOpen} title={title} onClose={onCloseFunction}\n    onSubmit={onSubmitFunction} buttons={buttons}> {children} </ModalDialog>\n"
+	}
+}, d = (e) => /* @__PURE__ */ s(l, { children: /* @__PURE__ */ s(o, {
+	...e,
+	children: /* @__PURE__ */ c(i, {
+		outerSpace: !0,
+		children: [/* @__PURE__ */ s(r, {
+			htmlFor: "text-field",
+			children: "Example Text Field"
+		}), /* @__PURE__ */ s(a, { id: "text-field" })]
+	})
+}) }), f = {
+	padded: !1,
+	size: "regular",
+	noButtonBorder: !1,
+	variant: "dialog",
+	role: "dialog",
+	title: "Example Title",
+	closeButtonAriaValueText: "Close",
+	noValidate: !1,
+	onSubmit: e(),
+	onClose: e(),
+	buttons: /* @__PURE__ */ c(n, {
+		reversed: !0,
+		children: [/* @__PURE__ */ s(t, {
+			variant: "primary",
+			onClick: e(),
+			children: "OK"
+		}), /* @__PURE__ */ s(t, {
+			variant: "secondary",
+			onClick: e(),
+			children: "Cancel"
+		})]
+	}),
+	isOpen: !0
+}, p = d.bind({});
+p.args = { ...f };
+var m = d.bind({});
+m.args = {
+	...f,
+	isLoading: !0,
+	spinnerAriaValueText: "Loading"
 };
-const g = u.bind({});
-g.args = {
-  ...n,
-  isLoading: !0,
-  spinnerAriaValueText: "Loading"
-};
-const f = (o) => /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(t, { ...o, children: /* @__PURE__ */ a(l, { outerSpace: !0, children: [
-  /* @__PURE__ */ e("div", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac dui et nibh eleifend ultricies a id nulla. Pellentesque eleifend sem a tellus dictum tempus. Proin non leo id risus placerat vulputate at ac erat. Ut fringilla imperdiet sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras molestie ante ac magna ornare rhoncus non at quam. Mauris elementum luctus euismod. Pellentesque molestie malesuada purus, sed egestas lacus interdum sit amet. Morbi blandit lacus sit amet dictum pulvinar. Ut semper nunc ac enim imperdiet, non interdum diam gravida. In nunc tortor, mollis ac molestie dignissim, elementum sed quam. Suspendisse mollis venenatis libero, pellentesque vestibulum elit consequat et. Aliquam fringilla tellus id libero tempus, sit amet suscipit augue tristique. Quisque cursus neque vel justo tristique, eget semper turpis elementum. Etiam venenatis mattis sapien ac mattis. Mauris vitae ultrices erat." }),
-  /* @__PURE__ */ e("div", { children: "Aliquam facilisis massa sed justo rhoncus bibendum. Sed lobortis urna orci, vitae porta leo placerat nec. Nam porta porttitor ornare. Suspendisse vehicula nunc nec egestas finibus. Aliquam non luctus risus. Phasellus ac diam tincidunt, bibendum sem eget, sollicitudin neque. Curabitur mauris risus, feugiat ac euismod non, vulputate ac justo. Curabitur pretium vehicula augue, blandit porta odio rutrum sit amet. Proin semper enim ut sapien tempor, a ornare ipsum faucibus." })
-] }) }) }), h = f.bind({});
+var h = ((e) => /* @__PURE__ */ s(l, { children: /* @__PURE__ */ s(o, {
+	...e,
+	children: /* @__PURE__ */ c(i, {
+		outerSpace: !0,
+		children: [/* @__PURE__ */ s("div", { children: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac dui et nibh eleifend ultricies a id nulla. Pellentesque eleifend sem a tellus dictum tempus. Proin non leo id risus placerat vulputate at ac erat. Ut fringilla imperdiet sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Cras molestie ante ac magna ornare rhoncus non at quam. Mauris elementum luctus euismod. Pellentesque molestie malesuada purus, sed egestas lacus interdum sit amet. Morbi blandit lacus sit amet dictum pulvinar. Ut semper nunc ac enim imperdiet, non interdum diam gravida. In nunc tortor, mollis ac molestie dignissim, elementum sed quam. Suspendisse mollis venenatis libero, pellentesque vestibulum elit consequat et. Aliquam fringilla tellus id libero tempus, sit amet suscipit augue tristique. Quisque cursus neque vel justo tristique, eget semper turpis elementum. Etiam venenatis mattis sapien ac mattis. Mauris vitae ultrices erat." }), /* @__PURE__ */ s("div", { children: "Aliquam facilisis massa sed justo rhoncus bibendum. Sed lobortis urna orci, vitae porta leo placerat nec. Nam porta porttitor ornare. Suspendisse vehicula nunc nec egestas finibus. Aliquam non luctus risus. Phasellus ac diam tincidunt, bibendum sem eget, sollicitudin neque. Curabitur mauris risus, feugiat ac euismod non, vulputate ac justo. Curabitur pretium vehicula augue, blandit porta odio rutrum sit amet. Proin semper enim ut sapien tempor, a ornare ipsum faucibus." })]
+	})
+}) })).bind({});
 h.args = {
-  ...n,
-  noButtonBorder: !0
-};
-export {
-  g as Loading,
-  b as ModalDialogExample,
-  h as WithLongContentAndNoBorder,
-  T as default
+	...f,
+	noButtonBorder: !0
 };
-//# sourceMappingURL=ModalDialog.stories.js.map
+//#endregion
+export { m as Loading, p as ModalDialogExample, h as WithLongContentAndNoBorder, u as default };
+
+//# sourceMappingURL=ModalDialog.stories.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ModalDialog.stories.js","sources":["../../../src/components/ModalDialog/ModalDialog.stories.tsx"],"sourcesContent":["import { ModalProvider } from '@react-aria/overlays';\nimport { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ModalDialogProps } from './ModalDialog';\n\nimport { ModalDialog } from './ModalDialog';\n\nimport { Button } from 'components/Buttons';\nimport { ButtonGroup } from 'components/ButtonGroup';\nimport { FormField } from 'components/FormField';\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\n\nconst codeString = `\n/* ModalDialog has more styling props (see Info-tab).\n Code example is made with the most commonly used props. **/\n  <ModalDialog isOpen={isOpen} title={title} onClose={onCloseFunction}\n    onSubmit={onSubmitFunction} buttons={buttons}> {children} </ModalDialog>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/ModalDialog',\n  component: ModalDialog,\n  argTypes: {\n    isOpen: {\n      table: {\n        disable: true,\n      },\n    },\n    noValidate: {\n      control: 'boolean',\n    },\n    role: {\n      control: 'radio',\n      options: ['dialog', 'alertdialog'],\n    },\n    onSubmit: {\n      table: {\n        disable: true,\n      },\n    },\n    onClose: {\n      table: {\n        disable: true,\n      },\n    },\n    buttons: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: ModalDialog,\n    codeString: codeString,\n  },\n} as Meta<ModalDialogProps>;\n\nconst Template: StoryFn<ModalDialogProps> = (args: ModalDialogProps) => (\n  <ModalProvider>\n    <ModalDialog {...args}>\n      <FormField outerSpace>\n        <Label htmlFor=\"text-field\">Example Text Field</Label>\n        <InputField id=\"text-field\" />\n      </FormField>\n    </ModalDialog>\n  </ModalProvider>\n);\n\nconst defaultArgs: Partial<ModalDialogProps> = {\n  padded: false,\n  size: 'regular',\n  noButtonBorder: false,\n  variant: 'dialog',\n  role: 'dialog',\n  title: 'Example Title',\n  closeButtonAriaValueText: 'Close',\n  noValidate: false,\n  onSubmit: fn(),\n  onClose: fn(),\n  buttons: (\n    <ButtonGroup reversed>\n      <Button variant=\"primary\" onClick={fn()}>\n        OK\n      </Button>\n      <Button variant=\"secondary\" onClick={fn()}>\n        Cancel\n      </Button>\n    </ButtonGroup>\n  ),\n  isOpen: true,\n};\n\nexport const ModalDialogExample = Template.bind({});\nModalDialogExample.args = {\n  ...defaultArgs,\n};\n\nexport const Loading = Template.bind({});\nLoading.args = {\n  ...defaultArgs,\n  isLoading: true,\n  spinnerAriaValueText: 'Loading',\n};\n\nconst LongContentTemplate: StoryFn<ModalDialogProps> = (args: ModalDialogProps) => (\n  <ModalProvider>\n    <ModalDialog {...args}>\n      <FormField outerSpace>\n        <div>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac dui et nibh eleifend ultricies a id nulla.\n          Pellentesque eleifend sem a tellus dictum tempus. Proin non leo id risus placerat vulputate at ac erat. Ut\n          fringilla imperdiet sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere\n          cubilia curae; Cras molestie ante ac magna ornare rhoncus non at quam. Mauris elementum luctus euismod.\n          Pellentesque molestie malesuada purus, sed egestas lacus interdum sit amet. Morbi blandit lacus sit amet\n          dictum pulvinar. Ut semper nunc ac enim imperdiet, non interdum diam gravida. In nunc tortor, mollis ac\n          molestie dignissim, elementum sed quam. Suspendisse mollis venenatis libero, pellentesque vestibulum elit\n          consequat et. Aliquam fringilla tellus id libero tempus, sit amet suscipit augue tristique. Quisque cursus\n          neque vel justo tristique, eget semper turpis elementum. Etiam venenatis mattis sapien ac mattis. Mauris vitae\n          ultrices erat.\n        </div>\n        <div>\n          Aliquam facilisis massa sed justo rhoncus bibendum. Sed lobortis urna orci, vitae porta leo placerat nec. Nam\n          porta porttitor ornare. Suspendisse vehicula nunc nec egestas finibus. Aliquam non luctus risus. Phasellus ac\n          diam tincidunt, bibendum sem eget, sollicitudin neque. Curabitur mauris risus, feugiat ac euismod non,\n          vulputate ac justo. Curabitur pretium vehicula augue, blandit porta odio rutrum sit amet. Proin semper enim ut\n          sapien tempor, a ornare ipsum faucibus.\n        </div>\n      </FormField>\n    </ModalDialog>\n  </ModalProvider>\n);\n\nexport const WithLongContentAndNoBorder = LongContentTemplate.bind({});\nWithLongContentAndNoBorder.args = {\n  ...defaultArgs,\n  noButtonBorder: true,\n};\n"],"names":["codeString","ModalDialog_stories","ModalDialog","Template","args","jsx","ModalProvider","jsxs","FormField","Label","InputField","defaultArgs","fn","ButtonGroup","Button","ModalDialogExample","Loading","LongContentTemplate","WithLongContentAndNoBorder"],"mappings":";;;;;;;;;;;AAcA,MAAMA,IAAa;AAAA;AAAA;AAAA;AAAA;AAAA,GAQnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,QAAQ;AAAA,MACN,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,YAAY;AAAA,MACV,SAAS;AAAA,IAAA;AAAA,IAEX,MAAM;AAAA,MACJ,SAAS;AAAA,MACT,SAAS,CAAC,UAAU,aAAa;AAAA,IAAA;AAAA,IAEnC,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,SAAS;AAAA,MACP,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,IAEF,SAAS;AAAA,MACP,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAsC,CAACC,MAC3C,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACH,GAAA,EAAa,GAAGE,GACf,UAAA,gBAAAG,EAACC,GAAA,EAAU,YAAU,IACnB,UAAA;AAAA,EAAA,gBAAAH,EAACI,GAAA,EAAM,SAAQ,cAAa,UAAA,sBAAkB;AAAA,EAC9C,gBAAAJ,EAACK,GAAA,EAAW,IAAG,aAAA,CAAa;AAAA,EAAA,CAC9B,GACF,GACF,GAGIC,IAAyC;AAAA,EAC7C,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,MAAM;AAAA,EACN,OAAO;AAAA,EACP,0BAA0B;AAAA,EAC1B,YAAY;AAAA,EACZ,UAAUC,EAAA;AAAA,EACV,SAASA,EAAA;AAAA,EACT,SACE,gBAAAL,EAACM,GAAA,EAAY,UAAQ,IACnB,UAAA;AAAA,IAAA,gBAAAR,EAACS,KAAO,SAAQ,WAAU,SAASF,EAAA,GAAM,UAAA,MAEzC;AAAA,sBACCE,GAAA,EAAO,SAAQ,aAAY,SAASF,EAAA,GAAM,UAAA,SAAA,CAE3C;AAAA,EAAA,GACF;AAAA,EAEF,QAAQ;AACV,GAEaG,IAAqBZ,EAAS,KAAK,CAAA,CAAE;AAClDY,EAAmB,OAAO;AAAA,EACxB,GAAGJ;AACL;AAEO,MAAMK,IAAUb,EAAS,KAAK,CAAA,CAAE;AACvCa,EAAQ,OAAO;AAAA,EACb,GAAGL;AAAA,EACH,WAAW;AAAA,EACX,sBAAsB;AACxB;AAEA,MAAMM,IAAiD,CAACb,MACtD,gBAAAC,EAACC,GAAA,EACC,UAAA,gBAAAD,EAACH,GAAA,EAAa,GAAGE,GACf,UAAA,gBAAAG,EAACC,GAAA,EAAU,YAAU,IACnB,UAAA;AAAA,EAAA,gBAAAH,EAAC,SAAI,UAAA,88BAAA,CAWL;AAAA,EACA,gBAAAA,EAAC,SAAI,UAAA,4dAAA,CAML;AAAA,EAAA,CACF,GACF,GACF,GAGWa,IAA6BD,EAAoB,KAAK,CAAA,CAAE;AACrEC,EAA2B,OAAO;AAAA,EAChC,GAAGP;AAAA,EACH,gBAAgB;AAClB;"}
+{"version":3,"file":"ModalDialog.stories.js","names":[],"sources":["../../../src/components/ModalDialog/ModalDialog.stories.tsx"],"sourcesContent":["import { ModalProvider } from '@react-aria/overlays';\nimport { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ModalDialogProps } from './ModalDialog';\n\nimport { ModalDialog } from './ModalDialog';\n\nimport { Button } from 'components/Buttons';\nimport { ButtonGroup } from 'components/ButtonGroup';\nimport { FormField } from 'components/FormField';\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\n\nconst codeString = `\n/* ModalDialog has more styling props (see Info-tab).\n Code example is made with the most commonly used props. **/\n  <ModalDialog isOpen={isOpen} title={title} onClose={onCloseFunction}\n    onSubmit={onSubmitFunction} buttons={buttons}> {children} </ModalDialog>\n`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/ModalDialog',\n  component: ModalDialog,\n  argTypes: {\n    isOpen: {\n      table: {\n        disable: true,\n      },\n    },\n    noValidate: {\n      control: 'boolean',\n    },\n    role: {\n      control: 'radio',\n      options: ['dialog', 'alertdialog'],\n    },\n    onSubmit: {\n      table: {\n        disable: true,\n      },\n    },\n    onClose: {\n      table: {\n        disable: true,\n      },\n    },\n    buttons: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n  parameters: {\n    inspectComponent: ModalDialog,\n    codeString: codeString,\n  },\n} as Meta<ModalDialogProps>;\n\nconst Template: StoryFn<ModalDialogProps> = (args: ModalDialogProps) => (\n  <ModalProvider>\n    <ModalDialog {...args}>\n      <FormField outerSpace>\n        <Label htmlFor=\"text-field\">Example Text Field</Label>\n        <InputField id=\"text-field\" />\n      </FormField>\n    </ModalDialog>\n  </ModalProvider>\n);\n\nconst defaultArgs: Partial<ModalDialogProps> = {\n  padded: false,\n  size: 'regular',\n  noButtonBorder: false,\n  variant: 'dialog',\n  role: 'dialog',\n  title: 'Example Title',\n  closeButtonAriaValueText: 'Close',\n  noValidate: false,\n  onSubmit: fn(),\n  onClose: fn(),\n  buttons: (\n    <ButtonGroup reversed>\n      <Button variant=\"primary\" onClick={fn()}>\n        OK\n      </Button>\n      <Button variant=\"secondary\" onClick={fn()}>\n        Cancel\n      </Button>\n    </ButtonGroup>\n  ),\n  isOpen: true,\n};\n\nexport const ModalDialogExample = Template.bind({});\nModalDialogExample.args = {\n  ...defaultArgs,\n};\n\nexport const Loading = Template.bind({});\nLoading.args = {\n  ...defaultArgs,\n  isLoading: true,\n  spinnerAriaValueText: 'Loading',\n};\n\nconst LongContentTemplate: StoryFn<ModalDialogProps> = (args: ModalDialogProps) => (\n  <ModalProvider>\n    <ModalDialog {...args}>\n      <FormField outerSpace>\n        <div>\n          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ac dui et nibh eleifend ultricies a id nulla.\n          Pellentesque eleifend sem a tellus dictum tempus. Proin non leo id risus placerat vulputate at ac erat. Ut\n          fringilla imperdiet sollicitudin. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere\n          cubilia curae; Cras molestie ante ac magna ornare rhoncus non at quam. Mauris elementum luctus euismod.\n          Pellentesque molestie malesuada purus, sed egestas lacus interdum sit amet. Morbi blandit lacus sit amet\n          dictum pulvinar. Ut semper nunc ac enim imperdiet, non interdum diam gravida. In nunc tortor, mollis ac\n          molestie dignissim, elementum sed quam. Suspendisse mollis venenatis libero, pellentesque vestibulum elit\n          consequat et. Aliquam fringilla tellus id libero tempus, sit amet suscipit augue tristique. Quisque cursus\n          neque vel justo tristique, eget semper turpis elementum. Etiam venenatis mattis sapien ac mattis. Mauris vitae\n          ultrices erat.\n        </div>\n        <div>\n          Aliquam facilisis massa sed justo rhoncus bibendum. Sed lobortis urna orci, vitae porta leo placerat nec. Nam\n          porta porttitor ornare. Suspendisse vehicula nunc nec egestas finibus. Aliquam non luctus risus. Phasellus ac\n          diam tincidunt, bibendum sem eget, sollicitudin neque. Curabitur mauris risus, feugiat ac euismod non,\n          vulputate ac justo. Curabitur pretium vehicula augue, blandit porta odio rutrum sit amet. Proin semper enim ut\n          sapien tempor, a ornare ipsum faucibus.\n        </div>\n      </FormField>\n    </ModalDialog>\n  </ModalProvider>\n);\n\nexport const WithLongContentAndNoBorder = LongContentTemplate.bind({});\nWithLongContentAndNoBorder.args = {\n  ...defaultArgs,\n  noButtonBorder: true,\n};\n"],"mappings":";;;;;;;;;AAsBA,IAAA,IAAe;CACb,OAAO;CACP,WAAW;CACX,UAAU;EACR,QAAQ,EACN,OAAO,EACL,SAAS,IACV,EACF;EACD,YAAY,EACV,SAAS,WACV;EACD,MAAM;GACJ,SAAS;GACT,SAAS,CAAC,UAAU,cAAc;GACnC;EACD,UAAU,EACR,OAAO,EACL,SAAS,IACV,EACF;EACD,SAAS,EACP,OAAO,EACL,SAAS,IACV,EACF;EACD,SAAS,EACP,OAAO,EACL,SAAS,IACV,EACF;EACF;CACD,YAAY;EACV,kBAAkB;EACN,YA1CG;EA2ChB;CACF,EAEK,KAAuC,MAC3C,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAa,GAAI;WACf,kBAAC,GAAD;EAAW,YAAA;YAAX,CACE,kBAAC,GAAD;GAAO,SAAQ;aAAa;GAA0B,CAAA,EACtD,kBAAC,GAAD,EAAY,IAAG,cAAe,CAAA,CACpB;;CACA,CAAA,EACA,CAAA,EAGZ,IAAyC;CAC7C,QAAQ;CACR,MAAM;CACN,gBAAgB;CAChB,SAAS;CACT,MAAM;CACN,OAAO;CACP,0BAA0B;CAC1B,YAAY;CACZ,UAAU,GAAI;CACd,SAAS,GAAI;CACb,SACE,kBAAC,GAAD;EAAa,UAAA;YAAb,CACE,kBAAC,GAAD;GAAQ,SAAQ;GAAU,SAAS,GAAI;aAAE;GAEhC,CAAA,EACT,kBAAC,GAAD;GAAQ,SAAQ;GAAY,SAAS,GAAI;aAAE;GAElC,CAAA,CACG;;CAEhB,QAAQ;CACT,EAEY,IAAqB,EAAS,KAAK,EAAE,CAAC;AACnD,EAAmB,OAAO,EACxB,GAAG,GACJ;AAED,IAAa,IAAU,EAAS,KAAK,EAAE,CAAC;AACxC,EAAQ,OAAO;CACb,GAAG;CACH,WAAW;CACX,sBAAsB;CACvB;AA8BD,IAAa,MA5B2C,MACtD,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;CAAa,GAAI;WACf,kBAAC,GAAD;EAAW,YAAA;YAAX,CACE,kBAAC,OAAD,EAAA,UAAK,+8BAWC,CAAA,EACN,kBAAC,OAAD,EAAA,UAAK,6dAMC,CAAA,CACI;;CACA,CAAA,EACA,CAAA,EAG4C,KAAK,EAAE,CAAC;AACtE,EAA2B,OAAO;CAChC,GAAG;CACH,gBAAgB;CACjB"}

package/dist/components/ModalDialog/index.js

@@ -1,5 +1,2 @@
-import { ModalDialog as l } from "./ModalDialog.js";
-export {
-  l as ModalDialog
-};
-//# sourceMappingURL=index.js.map
+import { t as e } from "../../ModalDialog-HUkDdAJ-.js";
+export { e as ModalDialog };

package/dist/components/MultiSelect/MultiSelect.js

@@ -1,8 +1,3 @@
-import "react/jsx-runtime";
-import "../../clsx-OuTLNxxd.js";
-import "../../MultiSelectItem-BzBmsKof.js";
-import { M as p } from "../../TablePlugin-BRZcXq73.js";
-export {
-  p as MultiSelect
-};
-//# sourceMappingURL=MultiSelect.js.map
+import { f as e } from "../../components-DVUYdcHS.js";
+import "../../PasteHandlerPlugin-DUdocSHB.js";
+export { e as MultiSelect };