@worknice/whiteboard 0.0.2 → 0.0.3

package/dist/presentation/Badge.module.js

@@ -0,0 +1,14 @@
+import "./Badge_module.css";
+const Badge_module_rslib_entry_ = {
+    badge: "badge-Z4K_h5",
+    blue: "blue-oz8K4V",
+    green: "green-Vs76TD",
+    grey: "grey-Knh6a9",
+    maroon: "maroon-DaHKJG",
+    orange: "orange-RHTezC",
+    purple: "purple-_CbtKb",
+    red: "red-Wk_zCG",
+    teal: "teal-w8lAzg",
+    yellow: "yellow-SDm2rH"
+};
+export { Badge_module_rslib_entry_ as default };

package/dist/presentation/BadgeSet.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from "react";
+type Props = {
+    direction?: "row" | "column";
+    badges: Array<{
+        key: string;
+        value: ReactNode;
+    } | null>;
+};
+/**
+ * Displays a set of badges. If there are no badges with non-null values,
+ * nothing will be rendered.  If there's not enough space, the badges will wrap
+ * (using flexbox) or be truncated.
+ */
+declare const BadgeSet: ({ badges, direction }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export default BadgeSet;

package/dist/presentation/BadgeSet.js

@@ -0,0 +1,18 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE__BadgeSet_module_js_f7c238cd__ from "./BadgeSet.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+const BadgeSet = ({ badges, direction = "row" })=>{
+    const nonNullBadges = badges.filter((badge)=>null !== badge && void 0 !== badge.value && null !== badge.value);
+    return nonNullBadges.length > 0 ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])([
+            __WEBPACK_EXTERNAL_MODULE__BadgeSet_module_js_f7c238cd__["default"].container,
+            "row" === direction ? __WEBPACK_EXTERNAL_MODULE__BadgeSet_module_js_f7c238cd__["default"].directionRow : __WEBPACK_EXTERNAL_MODULE__BadgeSet_module_js_f7c238cd__["default"].directionColumn
+        ]),
+        children: nonNullBadges.map(({ key, value })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_react__.Fragment, {
+                children: value
+            }, key))
+    }) : null;
+};
+const BadgeSet_rslib_entry_ = BadgeSet;
+export { BadgeSet_rslib_entry_ as default };

package/dist/presentation/BadgeSet.module.js

@@ -0,0 +1,7 @@
+import "./BadgeSet_module.css";
+const BadgeSet_module_rslib_entry_ = {
+    container: "container-OFPF49",
+    directionRow: "directionRow-qMi0SU",
+    directionColumn: "directionColumn-imD524"
+};
+export { BadgeSet_module_rslib_entry_ as default };

package/dist/presentation/BadgeSet_module.css

@@ -0,0 +1,15 @@
+.container-OFPF49 {
+  align-items: flex-start;
+  gap: var(--size-n3);
+  flex-wrap: wrap;
+  display: flex;
+}
+
+.directionRow-qMi0SU {
+  flex-direction: row;
+}
+
+.directionColumn-imD524 {
+  flex-direction: column;
+}
+

package/dist/presentation/Badge_module.css

@@ -0,0 +1,53 @@
+.badge-Z4K_h5 {
+  border-radius: var(--size-n3);
+  font: var(--font-small);
+  padding: var(--size-n4) var(--size-n2);
+  text-wrap: noWrap;
+  display: inline-flex;
+}
+
+.blue-oz8K4V {
+  background: var(--color-blue-t09);
+  color: var(--color-blue-s04);
+}
+
+.green-Vs76TD {
+  background: var(--color-green-t09);
+  color: var(--color-green-s04);
+}
+
+.grey-Knh6a9 {
+  background: var(--color-grey-t09);
+  color: var(--color-grey-s04);
+}
+
+.maroon-DaHKJG {
+  background: var(--color-maroon-t09);
+  color: var(--color-maroon-s04);
+}
+
+.orange-RHTezC {
+  background: var(--color-orange-t09);
+  color: var(--color-orange-s04);
+}
+
+.purple-_CbtKb {
+  background: var(--color-purple-t09);
+  color: var(--color-purple-s04);
+}
+
+.red-Wk_zCG {
+  background: var(--color-red-t09);
+  color: var(--color-red-s04);
+}
+
+.teal-w8lAzg {
+  background: var(--color-teal-t09);
+  color: var(--color-teal-s04);
+}
+
+.yellow-SDm2rH {
+  background: var(--color-yellow-t09);
+  color: var(--color-yellow-s04);
+}
+

package/dist/presentation/Banner.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from "react";
+type Props = {
+    actions?: ReactNode;
+    children: ReactNode;
+    description?: ReactNode;
+    icon?: ReactNode;
+    id?: string;
+    type?: "regular" | "actionable" | "success" | "error";
+};
+declare const Banner: ({ actions, children, description, icon, id, type }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Banner;

package/dist/presentation/Banner.js

@@ -0,0 +1,33 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__Banner_module_js_241cd8eb__ from "./Banner.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+const Banner = ({ actions, children, description, icon, id, type = "regular" })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__Banner_module_js_241cd8eb__["default"].banner, {
+            [__WEBPACK_EXTERNAL_MODULE__Banner_module_js_241cd8eb__["default"].actionable]: "actionable" === type,
+            [__WEBPACK_EXTERNAL_MODULE__Banner_module_js_241cd8eb__["default"].success]: "success" === type,
+            [__WEBPACK_EXTERNAL_MODULE__Banner_module_js_241cd8eb__["default"].error]: "error" === type,
+            [__WEBPACK_EXTERNAL_MODULE__Banner_module_js_241cd8eb__["default"].withIcon]: icon,
+            [__WEBPACK_EXTERNAL_MODULE__Banner_module_js_241cd8eb__["default"].withActions]: actions
+        }),
+        id: id,
+        children: [
+            icon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__Banner_module_js_241cd8eb__["default"].icon,
+                children: icon
+            }) : null,
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__Banner_module_js_241cd8eb__["default"].content,
+                children: children
+            }),
+            actions ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__Banner_module_js_241cd8eb__["default"].actions,
+                children: actions
+            }) : null,
+            description ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__Banner_module_js_241cd8eb__["default"].description,
+                children: description
+            }) : null
+        ]
+    });
+const Banner_rslib_entry_ = Banner;
+export { Banner_rslib_entry_ as default };

package/dist/presentation/Banner.module.js

@@ -0,0 +1,12 @@
+import "./Banner_module.css";
+const Banner_module_rslib_entry_ = {
+    banner: "banner-P2ggdP",
+    icon: "icon-w41JIg",
+    withIcon: "withIcon-o3YADS",
+    withActions: "withActions-swps54",
+    description: "description-qH0AZS",
+    actionable: "actionable-hnZ64W",
+    error: "error-Zke0O6",
+    success: "success-SqgN1d"
+};
+export { Banner_module_rslib_entry_ as default };

package/dist/presentation/Banner_module.css

@@ -0,0 +1,54 @@
+.banner-P2ggdP {
+  background: var(--color-teal-t09);
+  border-radius: var(--size-n2);
+  align-items: center;
+  gap: var(--size-n1);
+  padding: var(--size-p2);
+  grid-template-columns: 1fr;
+  display: grid;
+}
+
+.icon-w41JIg {
+  color: var(--color-teal-000);
+}
+
+.banner-P2ggdP.withIcon-o3YADS {
+  grid-template-columns: auto 1fr;
+}
+
+.banner-P2ggdP.withActions-swps54 {
+  grid-template-columns: 1fr auto;
+}
+
+.banner-P2ggdP.withIcon-o3YADS.withActions-swps54 {
+  grid-template-columns: auto 1fr auto;
+}
+
+.description-qH0AZS {
+  grid-column: 1 / -1;
+}
+
+.actionable-hnZ64W {
+  background: var(--color-purple-t09);
+}
+
+.actionable-hnZ64W .icon-w41JIg {
+  color: var(--color-purple-000);
+}
+
+.error-Zke0O6 {
+  background: var(--color-red-t09);
+}
+
+.error-Zke0O6 .icon-w41JIg {
+  color: var(--color-red-000);
+}
+
+.success-SqgN1d {
+  background: var(--color-green-t09);
+}
+
+.success-SqgN1d .icon-w41JIg {
+  color: var(--color-green-000);
+}
+

package/dist/presentation/ButtonSet.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from "react";
+type Props = {
+    wrap?: boolean;
+    buttons: Array<{
+        key: string;
+        value: ReactNode;
+    } | null>;
+    display?: "flex" | "inline-flex";
+};
+declare const ButtonsSet: ({ wrap, buttons, display }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export default ButtonsSet;

package/dist/presentation/ButtonSet.js

@@ -0,0 +1,21 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE__ButtonsSet_module_js_8ca64122__ from "./ButtonsSet.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+const ButtonsSet = ({ wrap = true, buttons, display = "flex" })=>{
+    const nonNullButtons = buttons.filter((button)=>null !== button && void 0 !== button.value && null !== button.value);
+    return nonNullButtons.length > 0 ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])([
+            __WEBPACK_EXTERNAL_MODULE__ButtonsSet_module_js_8ca64122__["default"].container,
+            wrap && __WEBPACK_EXTERNAL_MODULE__ButtonsSet_module_js_8ca64122__["default"].wrapButtons
+        ]),
+        style: {
+            display: display
+        },
+        children: nonNullButtons.map(({ key, value })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_react__.Fragment, {
+                children: value
+            }, key))
+    }) : null;
+};
+const ButtonSet_rslib_entry_ = ButtonsSet;
+export { ButtonSet_rslib_entry_ as default };

package/dist/presentation/ButtonsSet.module.js

@@ -0,0 +1,6 @@
+import "./ButtonsSet_module.css";
+const ButtonsSet_module_rslib_entry_ = {
+    container: "container-zHJPkV",
+    wrapButtons: "wrapButtons-Z1Q082"
+};
+export { ButtonsSet_module_rslib_entry_ as default };

package/dist/presentation/ButtonsSet_module.css

@@ -0,0 +1,10 @@
+.container-zHJPkV {
+  align-items: center;
+  gap: var(--size-n2);
+  flex-wrap: nowrap;
+}
+
+.wrapButtons-Z1Q082 {
+  flex-wrap: wrap;
+}
+

package/dist/presentation/Card.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    header?: ReactNode;
+    description?: ReactNode;
+    footer?: ReactNode;
+    hasShadow?: boolean;
+    actions?: ReactNode;
+} & ({
+    ariaLabel?: string;
+    tagName?: Exclude<keyof JSX.IntrinsicElements, "form">;
+} | {
+    ariaLabel: string;
+    tagName: "form";
+});
+declare const Card: ({ ariaLabel, children, header, description, footer, hasShadow, tagName: Tag, actions, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Card;

package/dist/presentation/Card.js

@@ -0,0 +1,38 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE__Card_module_js_75ab42d8__ from "./Card.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE__VStack_js_02eb6792__ from "./VStack.js";
+const Card = ({ ariaLabel, children, header, description, footer, hasShadow = false, tagName: Tag = "section", actions })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(Tag, {
+        "aria-label": ariaLabel,
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])([
+            __WEBPACK_EXTERNAL_MODULE__Card_module_js_75ab42d8__["default"].container,
+            hasShadow ? __WEBPACK_EXTERNAL_MODULE__Card_module_js_75ab42d8__["default"].containerShadow : ""
+        ]),
+        children: [
+            header ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("header", {
+                className: __WEBPACK_EXTERNAL_MODULE__Card_module_js_75ab42d8__["default"].header,
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__VStack_js_02eb6792__["default"], {
+                        spacing: "n2",
+                        children: [
+                            header,
+                            description
+                        ]
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                        children: actions
+                    })
+                ]
+            }) : null,
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__Card_module_js_75ab42d8__["default"].content,
+                children: children
+            }),
+            footer ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__Card_module_js_75ab42d8__["default"].footer,
+                children: footer
+            }) : null
+        ]
+    });
+const Card_rslib_entry_ = Card;
+export { Card_rslib_entry_ as default };

package/dist/presentation/Card.module.js

@@ -0,0 +1,9 @@
+import "./Card_module.css";
+const Card_module_rslib_entry_ = {
+    container: "container-nK60hV",
+    header: "header-jj9FGo",
+    content: "content-vpnjlq",
+    footer: "footer-sVxS5P",
+    containerShadow: "containerShadow-LiuIvB"
+};
+export { Card_module_rslib_entry_ as default };

package/dist/presentation/CardContent.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    spacing?: "n5" | "n4" | "n3" | "n2" | "n1" | "00" | "p1" | "p2" | "p3" | "p4" | "p5";
+};
+declare const CardContent: ({ children, spacing }: Props) => import("react/jsx-runtime").JSX.Element;
+export default CardContent;

package/dist/presentation/CardContent.js

@@ -0,0 +1,12 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_customProperties_js_aeb40bdf__ from "../utils/customProperties.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CardContent_module_js_4e062b3e__ from "./CardContent.module.js";
+const CardContent = ({ children, spacing = "p2" })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: __WEBPACK_EXTERNAL_MODULE__CardContent_module_js_4e062b3e__["default"].container,
+        style: (0, __WEBPACK_EXTERNAL_MODULE__utils_customProperties_js_aeb40bdf__["default"])({
+            "--spacing": `var(--size-${spacing})`
+        }),
+        children: children
+    });
+const CardContent_rslib_entry_ = CardContent;
+export { CardContent_rslib_entry_ as default };

package/dist/presentation/CardContent.module.js

@@ -0,0 +1,5 @@
+import "./CardContent_module.css";
+const CardContent_module_rslib_entry_ = {
+    container: "container-P9k0_H"
+};
+export { CardContent_module_rslib_entry_ as default };

package/dist/presentation/CardContent_module.css

@@ -0,0 +1,4 @@
+.container-P9k0_H {
+  padding: var(--spacing);
+}
+

package/dist/presentation/Card_module.css

@@ -0,0 +1,32 @@
+.container-nK60hV {
+  background: var(--color-white);
+  border-radius: var(--size-n2);
+  border: solid var(--size-n5) var(--color-grey-t08);
+  color: var(--color-grey-s01);
+  grid-template-rows: minmax(0, auto) minmax(0, 1fr) minmax(0, auto);
+  max-height: 100%;
+  display: grid;
+}
+
+.header-jj9FGo {
+  padding: var(--size-00) var(--size-p2);
+  border-bottom: var(--size-n5) solid var(--color-grey-t08);
+  gap: var(--size-00);
+  grid-template-columns: 1fr auto;
+  align-items: center;
+  display: grid;
+}
+
+.content-vpnjlq {
+  overflow-y: auto;
+}
+
+.footer-sVxS5P {
+  padding: var(--size-00) var(--size-p2);
+  border-top: var(--size-n5) solid var(--color-grey-t08);
+}
+
+.containerShadow-LiuIvB {
+  box-shadow: var(--shadow-default);
+}
+

package/dist/presentation/Columns.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+type Props = {
+    numberOfColumns: 2 | 3;
+    children: ReactNode;
+    alignItems?: "start" | "center" | "end";
+};
+declare const Columns: ({ children, numberOfColumns, alignItems }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Columns;

package/dist/presentation/Columns.js

@@ -0,0 +1,16 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__Columns_module_js_bdbc34e4__ from "./Columns.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_customProperties_js_aeb40bdf__ from "../utils/customProperties.js";
+const Columns = ({ children, numberOfColumns, alignItems = "start" })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])([
+            __WEBPACK_EXTERNAL_MODULE__Columns_module_js_bdbc34e4__["default"].container,
+            __WEBPACK_EXTERNAL_MODULE__Columns_module_js_bdbc34e4__["default"][`columns${numberOfColumns}`]
+        ]),
+        style: (0, __WEBPACK_EXTERNAL_MODULE__utils_customProperties_js_aeb40bdf__["default"])({
+            "--align-items": `${alignItems}`
+        }),
+        children: children
+    });
+const Columns_rslib_entry_ = Columns;
+export { Columns_rslib_entry_ as default };

package/dist/presentation/Columns.module.js

@@ -0,0 +1,7 @@
+import "./Columns_module.css";
+const Columns_module_rslib_entry_ = {
+    container: "container-ItYKp8",
+    columns2: "columns2-VLjCqF",
+    columns3: "columns3-KyMaEp"
+};
+export { Columns_module_rslib_entry_ as default };

package/dist/presentation/Columns_module.css

@@ -0,0 +1,19 @@
+.container-ItYKp8 {
+  grid-gap: var(--size-p2);
+  align-items: start;
+  align-items: var(--align-items);
+  display: grid;
+}
+
+@media (min-width: 786px) {
+  .columns2-VLjCqF {
+    grid-template-columns: repeat(2, 1fr);
+  }
+}
+
+@media (min-width: 1024px) {
+  .columns3-KyMaEp {
+    grid-template-columns: repeat(3, 1fr);
+  }
+}
+

package/dist/presentation/ConfirmationModal.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+type Props = {
+    title: string;
+    primaryLabel?: string;
+    secondaryLabel?: string;
+    ariaLabel?: string;
+    onSubmit: () => Promise<any>;
+    onSuccess?: () => any | Promise<any>;
+    onClose: () => void;
+    children?: ReactNode;
+};
+declare const ConfirmationModal: ({ title, primaryLabel, secondaryLabel, ariaLabel, onSubmit, onSuccess, onClose, children, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ConfirmationModal;

package/dist/presentation/ConfirmationModal.js

@@ -0,0 +1,61 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__ from "../controls/Button.js";
+import * as __WEBPACK_EXTERNAL_MODULE__forms_FormButtonSet_js_c160eb1a__ from "../forms/FormButtonSet.js";
+import * as __WEBPACK_EXTERNAL_MODULE__forms_FormErrorList_js_bc080ab1__ from "../forms/FormErrorList.js";
+import * as __WEBPACK_EXTERNAL_MODULE__forms_useForm_js_e756b4e7__ from "../forms/useForm.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__ from "./Icon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Modal_js_50f53bdf__ from "./Modal.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Sheet_js_764c2a36__ from "./Sheet.js";
+import * as __WEBPACK_EXTERNAL_MODULE__SheetContent_js_e6295f57__ from "./SheetContent.js";
+import * as __WEBPACK_EXTERNAL_MODULE__SheetFooter_js_5806201a__ from "./SheetFooter.js";
+import * as __WEBPACK_EXTERNAL_MODULE__SheetHeader_js_7a988c80__ from "./SheetHeader.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Subheading_js_09c49e3b__ from "./Subheading.js";
+const ConfirmationModal = ({ title, primaryLabel = "Save", secondaryLabel = "Cancel", ariaLabel = title, onSubmit, onSuccess, onClose, children })=>{
+    const { formErrors, status, submit } = (0, __WEBPACK_EXTERNAL_MODULE__forms_useForm_js_e756b4e7__["default"])({
+        initialValues: {},
+        onSubmit,
+        onSuccess
+    });
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Modal_js_50f53bdf__["default"], {
+        onClose: onClose,
+        size: "small",
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Sheet_js_764c2a36__["default"], {
+            ariaLabel: ariaLabel,
+            header: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__SheetHeader_js_7a988c80__["default"], {
+                actions: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_Button_js_f591ba2e__["default"], {
+                    type: "secondary",
+                    icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
+                        symbol: "Close"
+                    }),
+                    onClick: onClose
+                }),
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Subheading_js_09c49e3b__["default"], {
+                    children: title
+                })
+            }),
+            footer: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__SheetFooter_js_5806201a__["default"], {
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_FormButtonSet_js_c160eb1a__["default"], {
+                    formStatus: status,
+                    primary: {
+                        action: submit,
+                        label: primaryLabel
+                    },
+                    secondary: {
+                        action: onClose,
+                        label: secondaryLabel
+                    }
+                })
+            }),
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__SheetContent_js_e6295f57__["default"], {
+                children: [
+                    children,
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_FormErrorList_js_bc080ab1__["default"], {
+                        errors: formErrors
+                    })
+                ]
+            })
+        })
+    });
+};
+const ConfirmationModal_rslib_entry_ = ConfirmationModal;
+export { ConfirmationModal_rslib_entry_ as default };

package/dist/presentation/DefinitionList.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from "react";
+type Props = {
+    items: Array<{
+        key: string;
+        term: ReactNode;
+        description: ReactNode;
+    } | null>;
+};
+declare const DefinitionList: ({ items }: Props) => import("react/jsx-runtime").JSX.Element;
+export default DefinitionList;

package/dist/presentation/DefinitionList.js

@@ -0,0 +1,22 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__DefinitionList_module_js_64872da6__ from "./DefinitionList.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+const DefinitionList = ({ items })=>{
+    const nonNullItems = items.filter((item)=>null !== item).filter((item)=>void 0 !== item.term && null !== item.term && void 0 !== item.description && null !== item.description);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("dl", {
+        className: __WEBPACK_EXTERNAL_MODULE__DefinitionList_module_js_64872da6__["default"].definitionList,
+        children: nonNullItems.map((item)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react__.Fragment, {
+                children: [
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("dt", {
+                        className: __WEBPACK_EXTERNAL_MODULE__DefinitionList_module_js_64872da6__["default"].term,
+                        children: item.term
+                    }),
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("dd", {
+                        children: item.description
+                    })
+                ]
+            }, item.key))
+    });
+};
+const DefinitionList_rslib_entry_ = DefinitionList;
+export { DefinitionList_rslib_entry_ as default };

package/dist/presentation/DefinitionList.module.js

@@ -0,0 +1,6 @@
+import "./DefinitionList_module.css";
+const DefinitionList_module_rslib_entry_ = {
+    definitionList: "definitionList-vn9WY4",
+    term: "term-GldECF"
+};
+export { DefinitionList_module_rslib_entry_ as default };

package/dist/presentation/DefinitionList_module.css

@@ -0,0 +1,10 @@
+.definitionList-vn9WY4 {
+  gap: var(--size-00);
+  grid-template-columns: 1fr 2fr;
+  display: grid;
+}
+
+.term-GldECF {
+  font: var(--font-regular-bold);
+}
+

package/dist/presentation/Divider.d.ts

@@ -0,0 +1,5 @@
+type Props = {
+    children?: string;
+};
+declare const Divider: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Divider;