@worknice/whiteboard 0.1.0 → 0.1.1

package/dist/controls/Action.d.ts

@@ -0,0 +1,7 @@
+import { type ComponentProps } from "react";
+import Button from "./Button";
+type Props = ComponentProps<typeof Button> & {
+    onClick: (event: React.MouseEvent) => void | Promise<void>;
+};
+declare const Action: ({ children, disabled, icon, id, onClick, size, title, type, tooltip, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Action;

package/dist/controls/Action.js

@@ -0,0 +1,81 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE_uuid__ from "uuid";
+import * as __WEBPACK_EXTERNAL_MODULE__forms_FormError_js_7d98929f__ from "../forms/FormError.js";
+import * as __WEBPACK_EXTERNAL_MODULE__forms_FormErrorList_js_bc080ab1__ from "../forms/FormErrorList.js";
+import * as __WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__ from "../presentation/Icon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__presentation_Modal_js_31b952b2__ from "../presentation/Modal.js";
+import * as __WEBPACK_EXTERNAL_MODULE__presentation_Sheet_js_32f2a47c__ from "../presentation/Sheet.js";
+import * as __WEBPACK_EXTERNAL_MODULE__presentation_SheetContent_js_16745ffb__ from "../presentation/SheetContent.js";
+import * as __WEBPACK_EXTERNAL_MODULE__presentation_SheetHeader_js_ec2f0194__ from "../presentation/SheetHeader.js";
+import * as __WEBPACK_EXTERNAL_MODULE__presentation_Subheading_js_cf571808__ from "../presentation/Subheading.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Button_js_17bdd71d__ from "./Button.js";
+const Action = ({ children, disabled, icon, id, onClick, size, title, type = "secondary", tooltip })=>{
+    const [loading, setLoading] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    const [errors, setErrors] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)([]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Button_js_17bdd71d__["default"], {
+                title: title,
+                size: size,
+                disabled: disabled,
+                icon: loading ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__["default"], {
+                    animate: true,
+                    symbol: "Loading"
+                }) : icon ?? null,
+                id: id,
+                onClick: async (event)=>{
+                    try {
+                        setLoading(true);
+                        await onClick(event);
+                    } catch (error) {
+                        if (error instanceof __WEBPACK_EXTERNAL_MODULE__forms_FormError_js_7d98929f__["default"]) setErrors(error.validationErrors);
+                        else error instanceof Error ? setErrors([
+                            {
+                                id: (0, __WEBPACK_EXTERNAL_MODULE_uuid__.v4)(),
+                                message: error.message
+                            }
+                        ]) : setErrors([
+                            {
+                                id: (0, __WEBPACK_EXTERNAL_MODULE_uuid__.v4)(),
+                                message: "Unknown error."
+                            }
+                        ]);
+                    }
+                    setLoading(false);
+                },
+                type: type,
+                tooltip: tooltip,
+                children: children
+            }),
+            errors.length > 0 ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Modal_js_31b952b2__["default"], {
+                onClose: ()=>{
+                    setErrors([]);
+                },
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Sheet_js_32f2a47c__["default"], {
+                    header: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_SheetHeader_js_ec2f0194__["default"], {
+                        actions: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Action, {
+                            icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__["default"], {
+                                symbol: "Plus"
+                            }),
+                            onClick: ()=>{
+                                setErrors([]);
+                            },
+                            children: "Close"
+                        }),
+                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Subheading_js_cf571808__["default"], {
+                            children: "Error"
+                        })
+                    }),
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_SheetContent_js_16745ffb__["default"], {
+                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__forms_FormErrorList_js_bc080ab1__["default"], {
+                            errors: errors
+                        })
+                    })
+                })
+            }) : null
+        ]
+    });
+};
+const Action_rslib_entry_ = Action;
+export { Action_rslib_entry_ as default };

package/dist/controls/Button.d.ts

@@ -0,0 +1,22 @@
+import { type ReactNode } from "react";
+type Props = {
+    disabled?: boolean;
+    id?: string;
+    onClick?: (event: React.MouseEvent) => void;
+    size?: "normal" | "small";
+    title?: string;
+    /**
+     * A "submit" type will behave as a submit button in a form, while "primary"
+     * and "secondary" types will behave as regular buttons.
+     */
+    type?: "submit" | "primary" | "secondary" | "danger";
+    tooltip?: ReactNode | null;
+} & ({
+    children: ReactNode;
+    icon?: ReactNode;
+} | {
+    children?: ReactNode;
+    icon: ReactNode;
+});
+declare const Button: ({ children, disabled, icon, id, onClick, size, type, title, tooltip, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Button;

package/dist/controls/Button.js

@@ -0,0 +1,61 @@
+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_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__presentation_Tooltip_js_95312a0d__ from "../presentation/Tooltip.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_TrackingContext_js_139012da__ from "../utils/TrackingContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Button_module_js_2e345e34__ from "./Button.module.js";
+const ButtonElement = ({ children, disabled, icon, id, onClick, size, type, title, trackingContext })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("button", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__Button_module_js_2e345e34__["default"].button, {
+            [__WEBPACK_EXTERNAL_MODULE__Button_module_js_2e345e34__["default"].primary]: "submit" === type || "primary" === type,
+            [__WEBPACK_EXTERNAL_MODULE__Button_module_js_2e345e34__["default"].danger]: "danger" === type,
+            [__WEBPACK_EXTERNAL_MODULE__Button_module_js_2e345e34__["default"].small]: "small" === size,
+            [__WEBPACK_EXTERNAL_MODULE__Button_module_js_2e345e34__["default"].iconOnly]: void 0 === children
+        }),
+        title: title,
+        disabled: disabled,
+        id: id,
+        onClick: (event)=>{
+            if (trackingContext && id) trackingContext.trackClick(id);
+            if (onClick) onClick(event);
+        },
+        type: "submit" === type ? "submit" : "button",
+        children: [
+            icon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                children: icon
+            }) : null,
+            children ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                children: children
+            }) : null
+        ]
+    });
+const Button = ({ children, disabled, icon, id, onClick, size, type = "primary", title, tooltip })=>{
+    const trackingContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__utils_TrackingContext_js_139012da__["default"]);
+    return tooltip ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Tooltip_js_95312a0d__["default"], {
+        content: tooltip,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ButtonElement, {
+            disabled: disabled,
+            icon: icon,
+            id: id,
+            onClick: onClick,
+            size: size,
+            type: type,
+            title: title,
+            tooltip: tooltip,
+            trackingContext: trackingContext,
+            children: children
+        })
+    }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ButtonElement, {
+        disabled: disabled,
+        icon: icon,
+        id: id,
+        onClick: onClick,
+        size: size,
+        type: type,
+        title: title,
+        tooltip: tooltip,
+        trackingContext: trackingContext,
+        children: children
+    });
+};
+const Button_rslib_entry_ = Button;
+export { Button_rslib_entry_ as default };

package/dist/controls/Button.module.js

@@ -0,0 +1,9 @@
+import "./Button_module.css";
+const Button_module_rslib_entry_ = {
+    button: "button-Eb4ddm",
+    primary: "primary-tMqthm",
+    danger: "danger-gtXRIQ",
+    iconOnly: "iconOnly-RkeETP",
+    small: "small-qYdSeo"
+};
+export { Button_module_rslib_entry_ as default };

package/dist/controls/ButtonCard.d.ts

@@ -0,0 +1,7 @@
+import { type ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    onClick: (event: React.MouseEvent) => void;
+};
+declare const ButtonCard: ({ children, onClick }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ButtonCard;

package/dist/controls/ButtonCard.js

@@ -0,0 +1,43 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__ from "../presentation/Icon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ButtonCard_module_js_146b0f3b__ from "./ButtonCard.module.js";
+const ButtonCard = ({ children, onClick })=>{
+    const [status, setStatus] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)("ready");
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("button", {
+        className: __WEBPACK_EXTERNAL_MODULE__ButtonCard_module_js_146b0f3b__["default"].container,
+        onClick: "ready" === status ? async (event)=>{
+            setStatus("pending");
+            await onClick(event);
+            setStatus("success");
+        } : void 0,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                children: children
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__ButtonCard_module_js_146b0f3b__["default"].chevron,
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__["default"], {
+                    symbol: "ChevronRight",
+                    tone: "default"
+                })
+            }),
+            "pending" === status ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__ButtonCard_module_js_146b0f3b__["default"].overlay,
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__["default"], {
+                    symbol: "Loading",
+                    animate: true,
+                    tone: "primary"
+                })
+            }) : "success" === status ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__ButtonCard_module_js_146b0f3b__["default"].overlay,
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__["default"], {
+                    symbol: "CheckMark",
+                    tone: "success"
+                })
+            }) : null
+        ]
+    });
+};
+const ButtonCard_rslib_entry_ = ButtonCard;
+export { ButtonCard_rslib_entry_ as default };

package/dist/controls/ButtonCard.module.js

@@ -0,0 +1,7 @@
+import "./ButtonCard_module.css";
+const ButtonCard_module_rslib_entry_ = {
+    container: "container-IqjuZh",
+    chevron: "chevron-c4DHVW",
+    overlay: "overlay-hZmMaX"
+};
+export { ButtonCard_module_rslib_entry_ as default };

package/dist/controls/ButtonCard_module.css

@@ -0,0 +1,31 @@
+.container-IqjuZh {
+  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-columns: 1fr auto;
+  align-items: center;
+  display: grid;
+  position: relative;
+}
+
+.chevron-c4DHVW {
+  padding: var(--spacing);
+}
+
+.overlay-hZmMaX {
+  background: var(--color-white);
+  border-radius: var(--size-n2);
+  border: solid var(--size-n5) var(--color-grey-t08);
+  place-content: center;
+  display: grid;
+  position: absolute;
+  inset: -1px;
+}
+
+@media (hover: hover) {
+  .container-IqjuZh:hover {
+    background-color: var(--color-grey-t10);
+  }
+}
+

package/dist/controls/ButtonLink.d.ts

@@ -0,0 +1,15 @@
+import { type ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    disabled?: boolean;
+    download?: string | boolean;
+    external?: boolean;
+    href: string;
+    icon?: ReactNode;
+    iconRight?: ReactNode;
+    id?: string;
+    type?: "submit" | "primary" | "secondary";
+    size?: "normal" | "small";
+};
+declare const ButtonLink: ({ children, disabled, download, external, href, icon, iconRight, id, type, size, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ButtonLink;

package/dist/controls/ButtonLink.js

@@ -0,0 +1,48 @@
+"use client";
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__ from "../utils/useNextContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_TrackingContext_js_139012da__ from "../utils/TrackingContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ButtonLink_module_js_d4c014da__ from "./ButtonLink.module.js";
+const ButtonLink = ({ children, disabled, download, external, href, icon, iconRight, id, type, size })=>{
+    const { Link: NextLink } = (0, __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__["default"])();
+    const trackingContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__utils_TrackingContext_js_139012da__["default"]);
+    return disabled ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("span", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__ButtonLink_module_js_d4c014da__["default"].button, __WEBPACK_EXTERNAL_MODULE__ButtonLink_module_js_d4c014da__["default"].disabled, __WEBPACK_EXTERNAL_MODULE__ButtonLink_module_js_d4c014da__["default"].small),
+        children: [
+            icon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                children: icon
+            }) : null,
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                children: children
+            })
+        ]
+    }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(NextLink, {
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__ButtonLink_module_js_d4c014da__["default"].button, {
+            [__WEBPACK_EXTERNAL_MODULE__ButtonLink_module_js_d4c014da__["default"].primary]: "submit" === type || "primary" === type,
+            [__WEBPACK_EXTERNAL_MODULE__ButtonLink_module_js_d4c014da__["default"].small]: "small" === size,
+            [__WEBPACK_EXTERNAL_MODULE__ButtonLink_module_js_d4c014da__["default"].iconOnly]: void 0 === children
+        }),
+        download: download,
+        href: href,
+        id: id,
+        onClick: ()=>{
+            if (trackingContext && id) trackingContext.trackClick(id);
+        },
+        target: external ? "_blank" : "_self",
+        children: [
+            icon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                children: icon
+            }) : null,
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                children: children
+            }),
+            iconRight ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                children: iconRight
+            }) : null
+        ]
+    });
+};
+const ButtonLink_rslib_entry_ = ButtonLink;
+export { ButtonLink_rslib_entry_ as default };

package/dist/controls/ButtonLink.module.js

@@ -0,0 +1,9 @@
+import "./ButtonLink_module.css";
+const ButtonLink_module_rslib_entry_ = {
+    button: "button-I7MrKT",
+    primary: "primary-iyuX66",
+    iconOnly: "iconOnly-Sr6C_m",
+    small: "small-ciuqWX",
+    disabled: "disabled-H_HPC1"
+};
+export { ButtonLink_module_rslib_entry_ as default };

package/dist/controls/ButtonLink_module.css

@@ -0,0 +1,68 @@
+.button-I7MrKT {
+  border-radius: var(--size-n3);
+  border: var(--size-n5) solid var(--color-grey-t08);
+  color: var(--color-grey-s01);
+  font: var(--font-regular);
+  align-items: center;
+  gap: var(--size-n2);
+  padding: var(--size-n2) var(--size-00);
+  text-align: center;
+  background: var(--color-white);
+  grid-auto-flow: column;
+  justify-content: center;
+  display: inline-grid;
+}
+
+@media (hover: hover) {
+  .button-I7MrKT:hover {
+    background-color: var(--color-grey-t09);
+  }
+}
+
+.button-I7MrKT:active {
+  background-color: var(--color-grey-t08);
+}
+
+.primary-iyuX66 {
+  background: var(--color-purple-000);
+  border-color: var(--color-purple-000);
+  color: var(--color-white);
+}
+
+@media (hover: hover) {
+  .primary-iyuX66:hover {
+    border-color: var(--color-purple-s01);
+    background-color: var(--color-purple-s01);
+  }
+}
+
+.primary-iyuX66:active {
+  border-color: var(--color-purple-s02);
+  background-color: var(--color-purple-s02);
+}
+
+.iconOnly-Sr6C_m {
+  padding: var(--size-n2);
+}
+
+.iconOnly-Sr6C_m.small-ciuqWX {
+  padding: var(--size-n3);
+}
+
+.disabled-H_HPC1, .disabled-H_HPC1:hover, .disabled-H_HPC1:active {
+  background: var(--color-grey-t09);
+  border-color: var(--color-grey-t09);
+  color: var(--color-grey-t03);
+  cursor: not-allowed;
+}
+
+.small-ciuqWX {
+  font: var(--font-small);
+  gap: var(--size-n2);
+  padding: var(--size-n3) var(--size-n2);
+}
+
+.button-I7MrKT:focus-visible {
+  box-shadow: 0px 0px 0px 2px var(--color-white), 0px 0px 0px 4px var(--color-purple-000);
+}
+

package/dist/controls/Button_module.css

@@ -0,0 +1,86 @@
+.button-Eb4ddm {
+  border-radius: var(--size-n3);
+  border: var(--size-n5) solid var(--color-grey-t08);
+  color: var(--color-grey-s01);
+  font: var(--font-regular);
+  align-items: center;
+  gap: var(--size-n2);
+  padding: var(--size-n2) var(--size-00);
+  text-align: center;
+  background: var(--color-white);
+  grid-auto-flow: column;
+  justify-content: center;
+  display: inline-grid;
+}
+
+@media (hover: hover) {
+  .button-Eb4ddm:hover {
+    background-color: var(--color-grey-t09);
+  }
+}
+
+.button-Eb4ddm:active {
+  background-color: var(--color-grey-t08);
+}
+
+.primary-tMqthm {
+  background: var(--color-purple-000);
+  border-color: var(--color-purple-000);
+  color: var(--color-white);
+}
+
+@media (hover: hover) {
+  .primary-tMqthm:hover {
+    border-color: var(--color-purple-s01);
+    background-color: var(--color-purple-s01);
+  }
+}
+
+.primary-tMqthm:active {
+  border-color: var(--color-purple-s02);
+  background-color: var(--color-purple-s02);
+}
+
+.danger-gtXRIQ {
+  color: var(--color-red-000);
+}
+
+@media (hover: hover) {
+  .danger-gtXRIQ:hover {
+    color: var(--color-white);
+    border-color: var(--color-red-000);
+    background-color: var(--color-red-000);
+  }
+}
+
+.danger-gtXRIQ:active {
+  color: var(--color-white);
+  border-color: var(--color-red-s01);
+  background-color: var(--color-red-s01);
+}
+
+.iconOnly-RkeETP {
+  padding: var(--size-n2);
+}
+
+.iconOnly-RkeETP.small-qYdSeo {
+  padding: var(--size-n3);
+}
+
+.button-Eb4ddm:disabled {
+  background: var(--color-grey-t09);
+  border-color: var(--color-grey-t09);
+  color: var(--color-grey-t03);
+  cursor: not-allowed;
+}
+
+.small-qYdSeo {
+  font: var(--font-small);
+  gap: var(--size-n2);
+  padding: var(--size-n3) var(--size-n2);
+}
+
+.button-Eb4ddm:focus-visible {
+  box-shadow: 0px 0px 0px 2px var(--color-white), 0px 0px 0px 4px var(--color-purple-000);
+}
+

package/dist/controls/Disclosure.d.ts

@@ -0,0 +1,7 @@
+import Button from "./Button";
+import { type ComponentProps, type ReactNode } from "react";
+type Props = ComponentProps<typeof Button> & {
+    render: (onClose: () => void) => ReactNode;
+};
+declare const Disclosure: ({ render, children, disabled, icon, id, size, title, type, }: Omit<Props, "onClick">) => import("react/jsx-runtime").JSX.Element;
+export default Disclosure;

package/dist/controls/Disclosure.js

@@ -0,0 +1,27 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__Button_js_17bdd71d__ from "./Button.js";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+const Disclosure = ({ render, children, disabled, icon, id, size, title, type = "secondary" })=>{
+    const [open, setOpen] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Button_js_17bdd71d__["default"], {
+                size: size,
+                type: type,
+                title: title,
+                disabled: disabled,
+                icon: icon,
+                id: id,
+                onClick: ()=>{
+                    setOpen((current)=>!current);
+                },
+                children: children
+            }),
+            open ? render(()=>{
+                setOpen(false);
+            }) : null
+        ]
+    });
+};
+const Disclosure_rslib_entry_ = Disclosure;
+export { Disclosure_rslib_entry_ as default };

package/dist/controls/Link.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    download?: string | boolean;
+    external?: boolean;
+    font?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "monospace" | "regular-bold-italic" | "regular-bold" | "regular-italic" | "regular" | "small-bold-italic" | "small-bold" | "small-italic" | "small" | "tiny-bold-italic" | "tiny-bold" | "tiny-italic" | "tiny";
+    href: string;
+    id?: string;
+    tone?: "default" | "primary" | "muted" | "danger" | "warning" | "success" | "info";
+    icon?: ReactNode;
+    iconRight?: ReactNode;
+};
+declare const Link: ({ children, download, external, font, href, tone, id, icon, iconRight, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Link;

package/dist/controls/Link.js

@@ -0,0 +1,35 @@
+"use client";
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__ from "../utils/useNextContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_TrackingContext_js_139012da__ from "../utils/TrackingContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Link_module_js_628baf2b__ from "./Link.module.js";
+const Link = ({ children, download, external, font, href, tone = "primary", id, icon, iconRight })=>{
+    const { Link: NextLink } = (0, __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__["default"])();
+    const trackingContext = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE__utils_TrackingContext_js_139012da__["default"]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(NextLink, {
+        className: __WEBPACK_EXTERNAL_MODULE__Link_module_js_628baf2b__["default"].link,
+        download: download,
+        href: href,
+        id: id,
+        onClick: ()=>{
+            if (trackingContext && id) trackingContext.trackClick(id);
+        },
+        style: {
+            color: `var(--tone-${tone})`,
+            font: font ? `var(--font-${font})` : void 0
+        },
+        target: external ? "_blank" : "_self",
+        children: [
+            icon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                children: icon
+            }) : null,
+            children,
+            iconRight ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                children: iconRight
+            }) : null
+        ]
+    });
+};
+const Link_rslib_entry_ = Link;
+export { Link_rslib_entry_ as default };

package/dist/controls/Link.module.js

@@ -0,0 +1,5 @@
+import "./Link_module.css";
+const Link_module_rslib_entry_ = {
+    link: "link-TV3N2L"
+};
+export { Link_module_rslib_entry_ as default };

package/dist/controls/LinkCard.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    href: string;
+};
+declare const LinkCard: ({ children, href }: Props) => import("react/jsx-runtime").JSX.Element;
+export default LinkCard;

package/dist/controls/LinkCard.js

@@ -0,0 +1,26 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__ from "../utils/useNextContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__ from "../presentation/Icon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__LinkCard_module_js_5998e563__ from "./LinkCard.module.js";
+const LinkCard = ({ children, href })=>{
+    const { Link } = (0, __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__["default"])();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(Link, {
+        className: __WEBPACK_EXTERNAL_MODULE__LinkCard_module_js_5998e563__["default"].container,
+        href: href,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__LinkCard_module_js_5998e563__["default"].content,
+                children: children
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__LinkCard_module_js_5998e563__["default"].chevron,
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__presentation_Icon_js_6961aa57__["default"], {
+                    symbol: "ChevronRight",
+                    tone: "primary"
+                })
+            })
+        ]
+    });
+};
+const LinkCard_rslib_entry_ = LinkCard;
+export { LinkCard_rslib_entry_ as default };

package/dist/controls/LinkCard.module.js

@@ -0,0 +1,6 @@
+import "./LinkCard_module.css";
+const LinkCard_module_rslib_entry_ = {
+    container: "container-aEJeqL",
+    content: "content-Ge4Pjk"
+};
+export { LinkCard_module_rslib_entry_ as default };