@worknice/whiteboard 0.0.2 → 0.0.3

package/dist/presentation/Key.d.ts

@@ -0,0 +1,7 @@
+type Props = {
+    children: string;
+    color: "blue" | "green" | "grey" | "maroon" | "orange" | "purple" | "red" | "teal" | "yellow";
+    font?: "small" | "regular" | "bold";
+};
+declare const Key: ({ children, color, font }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Key;

package/dist/presentation/Key.js

@@ -0,0 +1,13 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__Key_module_js_141e8599__ from "./Key.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_customProperties_js_aeb40bdf__ from "../utils/customProperties.js";
+const Key = ({ children, color, font = "small" })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+        style: (0, __WEBPACK_EXTERNAL_MODULE__utils_customProperties_js_aeb40bdf__["default"])({
+            "--font": `var(--font-${font})`,
+            "--key": `var(--color-${color}-t04)`
+        }),
+        className: __WEBPACK_EXTERNAL_MODULE__Key_module_js_141e8599__["default"].key,
+        children: children
+    });
+const Key_rslib_entry_ = Key;
+export { Key_rslib_entry_ as default };

package/dist/presentation/Key.module.js

@@ -0,0 +1,5 @@
+import "./Key_module.css";
+const Key_module_rslib_entry_ = {
+    key: "key-rR7X83"
+};
+export { Key_module_rslib_entry_ as default };

package/dist/presentation/Key_module.css

@@ -0,0 +1,15 @@
+.key-rR7X83 {
+  align-items: center;
+  gap: var(--size-n2);
+  font: var(--font);
+  display: flex;
+}
+
+.key-rR7X83:before {
+  content: "";
+  background: var(--key);
+  border-radius: 8px;
+  width: 8px;
+  height: 8px;
+}
+

package/dist/presentation/KeysSet.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+};
+/**
+ * A set of keys.
+ */
+declare const KeysSet: ({ children }: Props) => import("react/jsx-runtime").JSX.Element;
+export default KeysSet;

package/dist/presentation/KeysSet.js

@@ -0,0 +1,8 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__KeysSet_module_js_c90e4f84__ from "./KeysSet.module.js";
+const KeysSet = ({ children })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: __WEBPACK_EXTERNAL_MODULE__KeysSet_module_js_c90e4f84__["default"].container,
+        children: children
+    });
+const KeysSet_rslib_entry_ = KeysSet;
+export { KeysSet_rslib_entry_ as default };

package/dist/presentation/KeysSet.module.js

@@ -0,0 +1,5 @@
+import "./KeysSet_module.css";
+const KeysSet_module_rslib_entry_ = {
+    container: "container-uU5zXI"
+};
+export { KeysSet_module_rslib_entry_ as default };

package/dist/presentation/KeysSet_module.css

@@ -0,0 +1,6 @@
+.container-uU5zXI {
+  align-items: center;
+  gap: var(--size-n1);
+  display: flex;
+}
+

package/dist/presentation/Label.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    id?: string;
+};
+/**
+ * @deprecated Use `PlainText` instead.
+ */
+declare const Label: ({ children, id }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Label;

package/dist/presentation/Label.js

@@ -0,0 +1,10 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__ from "./PlainText.js";
+const Label = ({ children, id })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__PlainText_js_cd0b6798__["default"], {
+        font: "regular-bold",
+        id: id,
+        tagName: "h4",
+        children: children
+    });
+const Label_rslib_entry_ = Label;
+export { Label_rslib_entry_ as default };

package/dist/presentation/Layer.d.ts

@@ -0,0 +1,9 @@
+import React, { type ReactNode } from "react";
+type Props = {
+    blocking?: boolean;
+    children: ReactNode;
+    onClick?: (event: React.MouseEvent) => void;
+    onEscape?: (event: KeyboardEvent) => void;
+};
+declare const Layer: ({ blocking, children, onClick, onEscape }: Props) => React.ReactPortal | null;
+export default Layer;

package/dist/presentation/Layer.js

@@ -0,0 +1,48 @@
+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_react_dom_7136dc57__ from "react-dom";
+import * as __WEBPACK_EXTERNAL_MODULE__Overlay_js_33fdef89__ from "./Overlay.js";
+let root;
+if ("undefined" != typeof document) {
+    root = document.createElement("div");
+    document.body.appendChild(root);
+}
+const Layer = ({ blocking = false, children, onClick, onEscape })=>{
+    const [element, setElement] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(null);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (!root) throw Error("<Layer> Unable to find root element.");
+        const e = document.createElement("div");
+        e.style.setProperty("position", "fixed");
+        e.style.setProperty("top", "0");
+        e.style.setProperty("left", "0");
+        if (blocking) {
+            e.style.setProperty("bottom", "0");
+            e.style.setProperty("right", "0");
+        }
+        e.style.setProperty("z-index", "1");
+        root.appendChild(e);
+        setElement(e);
+        return ()=>{
+            root.removeChild(e);
+        };
+    }, [
+        blocking
+    ]);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        const onKeyDown = (event)=>{
+            if ("Escape" === event.key && onEscape) onEscape(event);
+        };
+        document.addEventListener("keydown", onKeyDown);
+        return ()=>{
+            document.removeEventListener("keydown", onKeyDown);
+        };
+    }, [
+        onEscape
+    ]);
+    return element ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_dom_7136dc57__.createPortal)(blocking ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Overlay_js_33fdef89__["default"], {
+        onClick: onClick,
+        children: children
+    }) : children, element) : null;
+};
+const Layer_rslib_entry_ = Layer;
+export { Layer_rslib_entry_ as default };

package/dist/presentation/ListCard.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+type Props = {
+    fields?: Array<{
+        key: string;
+        label: string;
+        content: ReactNode;
+    }>;
+    href: string;
+    statuses?: ReactNode;
+    title: ReactNode;
+};
+declare const ListCard: ({ fields, href, statuses, title }: Props) => import("react/jsx-runtime").JSX.Element;
+export default ListCard;

package/dist/presentation/ListCard.js

@@ -0,0 +1,50 @@
+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__Icon_js_0d271bb6__ from "./Icon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Label_js_56960635__ from "./Label.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ListCard_module_js_03577d96__ from "./ListCard.module.js";
+const ListCard = ({ fields = [], href, statuses, title })=>{
+    const { Link } = (0, __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__["default"])();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: __WEBPACK_EXTERNAL_MODULE__ListCard_module_js_03577d96__["default"].container,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(Link, {
+            className: __WEBPACK_EXTERNAL_MODULE__ListCard_module_js_03577d96__["default"].link,
+            href: href,
+            children: [
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                    className: __WEBPACK_EXTERNAL_MODULE__ListCard_module_js_03577d96__["default"].content,
+                    children: [
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                            children: title
+                        }),
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                            children: statuses
+                        }),
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                            className: __WEBPACK_EXTERNAL_MODULE__ListCard_module_js_03577d96__["default"].fields,
+                            children: fields.map((field)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                                    className: __WEBPACK_EXTERNAL_MODULE__ListCard_module_js_03577d96__["default"].field,
+                                    children: [
+                                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Label_js_56960635__["default"], {
+                                            children: field.label
+                                        }),
+                                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                            children: field.content
+                                        })
+                                    ]
+                                }, field.key))
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                    className: __WEBPACK_EXTERNAL_MODULE__ListCard_module_js_03577d96__["default"].chevron,
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
+                        symbol: "ChevronRight"
+                    })
+                })
+            ]
+        })
+    });
+};
+const ListCard_rslib_entry_ = ListCard;
+export { ListCard_rslib_entry_ as default };

package/dist/presentation/ListCard.module.js

@@ -0,0 +1,10 @@
+import "./ListCard_module.css";
+const ListCard_module_rslib_entry_ = {
+    container: "container-gAeomY",
+    link: "link-O38vWQ",
+    content: "content-iFbbIy",
+    fields: "fields-jEIReZ",
+    field: "field-WfrTU5",
+    chevron: "chevron-hX5Pai"
+};
+export { ListCard_module_rslib_entry_ as default };

package/dist/presentation/ListCard_module.css

@@ -0,0 +1,78 @@
+.container-gAeomY {
+  background: var(--color-white);
+  border-radius: var(--size-n2);
+  border: solid var(--size-n5) var(--color-grey-t09);
+  box-shadow: var(--shadow-default);
+  color: var(--color-grey-s01);
+  align-items: center;
+  column-gap: var(--size-n1);
+  padding-left: var(--size-n1);
+  grid-template-columns: 1fr;
+  display: grid;
+}
+
+.container-gAeomY:has(.link-O38vWQ:focus) {
+  outline: var(--size-n4) solid var(--color-purple-000);
+  border-color: #0000;
+}
+
+@media (hover: hover) {
+  .container-gAeomY:has(.link-O38vWQ:hover) {
+    background-color: var(--color-grey-t10);
+  }
+}
+
+.link-O38vWQ {
+  align-items: center;
+  column-gap: var(--size-n1);
+  cursor: pointer;
+  padding: var(--size-00) var(--size-n1) var(--size-00) 0;
+  grid-template-columns: 1fr auto;
+  display: grid;
+}
+
+.content-iFbbIy {
+  align-items: center;
+  gap: var(--size-n1);
+  grid-template-columns: 1fr auto;
+  display: grid;
+}
+
+@media (min-width: 768px) {
+  .content-iFbbIy {
+    grid-template-columns: minmax(0, 3fr) minmax(min-content, 1fr) minmax(0, 8fr);
+  }
+}
+
+.fields-jEIReZ {
+  grid-column: 1 / -1;
+  display: grid;
+}
+
+@media (min-width: 768px) {
+  .fields-jEIReZ {
+    gap: var(--size-n1);
+    grid-column: auto;
+    grid-auto-columns: minmax(0, 1fr);
+    grid-auto-flow: column;
+  }
+}
+
+.field-WfrTU5 {
+  gap: var(--size-n2);
+  grid-template-columns: auto 1fr;
+  display: grid;
+}
+
+@media (min-width: 768px) {
+  .field-WfrTU5 {
+    grid-template-columns: auto;
+    gap: 0;
+    display: grid;
+  }
+}
+
+.chevron-hX5Pai {
+  color: var(--color-purple-000);
+}
+

package/dist/presentation/Markdown.d.ts

@@ -0,0 +1,19 @@
+type Props = {
+    font?: "regular" | "small";
+    id?: string;
+    /**
+     * The level down to which "h1" headings will be shifted. Subsequent headings
+     * will be shifted accordingly. For example, if the heading level is 3, then
+     * "h1" headings will be rendered as "h3" headings, "h2" headings will be
+     * rendered as "h4" headings, and so on.
+     */
+    headingLevel: number;
+    justify?: "left" | "center" | "right";
+    source: string | null | undefined;
+    tagName?: keyof JSX.IntrinsicElements;
+};
+/**
+ * Renders Markdown using the RichText component.
+ */
+declare const Markdown: ({ headingLevel, source, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Markdown;

package/dist/presentation/Markdown.js

@@ -0,0 +1,33 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE_marked__ from "marked";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+import * as __WEBPACK_EXTERNAL_MODULE__RichText_js_7650004f__ from "./RichText.js";
+const Markdown = ({ headingLevel, source, ...props })=>{
+    const [html, setHtml] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(void 0);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (null == source || void 0 === source) setHtml(void 0);
+        else parseMarkdown(source, headingLevel).then((result)=>{
+            setHtml(result);
+        });
+    }, [
+        headingLevel,
+        source
+    ]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__RichText_js_7650004f__["default"], {
+        ...props,
+        dangerouslySetInnerHTML: {
+            __html: html ?? ""
+        }
+    });
+};
+const parseMarkdown = async (source, headingLevel)=>{
+    const marked = new __WEBPACK_EXTERNAL_MODULE_marked__.Marked({
+        async: true,
+        walkTokens: (token)=>{
+            if ("heading" === token.type) token.depth = Math.min(token.depth + headingLevel - 1, 6);
+        }
+    });
+    return marked.parse(source);
+};
+const Markdown_rslib_entry_ = Markdown;
+export { Markdown_rslib_entry_ as default };

package/dist/presentation/Modal.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    onClose: () => void;
+    size?: "small" | "medium";
+};
+declare const Modal: ({ children, onClose, size }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Modal;

package/dist/presentation/Modal.js

@@ -0,0 +1,26 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__Modal_module_js_8b80e77a__ from "./Modal.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE__Layer_js_c06309ce__ from "./Layer.js";
+const Modal = ({ children, onClose, size = "medium" })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Layer_js_c06309ce__["default"], {
+        blocking: true,
+        onClick: onClose,
+        onEscape: onClose,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+            className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__Modal_module_js_8b80e77a__["default"].container, {
+                [__WEBPACK_EXTERNAL_MODULE__Modal_module_js_8b80e77a__["default"].medium]: "medium" === size
+            }),
+            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__Modal_module_js_8b80e77a__["default"].content,
+                onMouseDown: (event)=>{
+                    event.stopPropagation();
+                },
+                onClick: (event)=>{
+                    event.stopPropagation();
+                },
+                children: children
+            })
+        })
+    });
+const Modal_rslib_entry_ = Modal;
+export { Modal_rslib_entry_ as default };

package/dist/presentation/Modal.module.js

@@ -0,0 +1,7 @@
+import "./Modal_module.css";
+const Modal_module_rslib_entry_ = {
+    container: "container-Qw5f75",
+    medium: "medium-meQIZs",
+    content: "content-vmCCGw"
+};
+export { Modal_module_rslib_entry_ as default };

package/dist/presentation/Modal_module.css

@@ -0,0 +1,17 @@
+.container-Qw5f75 {
+  max-width: 100vw;
+  height: 100vh;
+  width: calc(var(--size-p6) * 6);
+  grid-template-rows: minmax(0, auto);
+  place-content: center stretch;
+  display: grid;
+}
+
+.medium-meQIZs {
+  width: calc(var(--size-p6) * 10);
+}
+
+.content-vmCCGw {
+  margin: 70px var(--size-00);
+}
+

package/dist/presentation/ObscuredText.d.ts

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

package/dist/presentation/ObscuredText.js

@@ -0,0 +1,25 @@
+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__Icon_js_0d271bb6__ from "./Icon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__ObscuredText_module_js_1e05c3bc__ from "./ObscuredText.module.js";
+const ObscuredText = ({ children })=>{
+    const [visible, setVisible] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    return null == children ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+        children: "-"
+    }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("button", {
+        className: __WEBPACK_EXTERNAL_MODULE__ObscuredText_module_js_1e05c3bc__["default"].button,
+        onClick: ()=>setVisible(!visible),
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                className: __WEBPACK_EXTERNAL_MODULE__ObscuredText_module_js_1e05c3bc__["default"].text,
+                children: visible ? children : children.replace(/./g, "•")
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Icon_js_0d271bb6__["default"], {
+                size: "small",
+                symbol: visible ? "Visible" : "Hidden"
+            })
+        ]
+    });
+};
+const ObscuredText_rslib_entry_ = ObscuredText;
+export { ObscuredText_rslib_entry_ as default };

package/dist/presentation/ObscuredText.module.js

@@ -0,0 +1,6 @@
+import "./ObscuredText_module.css";
+const ObscuredText_module_rslib_entry_ = {
+    button: "button-XjArv5",
+    text: "text-YIOSPW"
+};
+export { ObscuredText_module_rslib_entry_ as default };

package/dist/presentation/ObscuredText_module.css

@@ -0,0 +1,26 @@
+.button-XjArv5 {
+  align-items: center;
+  gap: var(--size-n3);
+  padding: 0 var(--size-n3);
+  border-radius: var(--size-n3);
+  display: inline-flex;
+}
+
+@media (hover: hover) {
+  .button-XjArv5:hover {
+    background-color: var(--color-grey-t09);
+  }
+}
+
+.button-XjArv5:active {
+  background-color: var(--color-grey-t08);
+}
+
+.button-XjArv5:focus-visible {
+  box-shadow: 0px 0px 0px 2px var(--color-white), 0px 0px 0px 4px var(--color-purple-000);
+}
+
+.text-YIOSPW {
+  font: var(--font-monospace);
+}
+

package/dist/presentation/Overlay.d.ts

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

package/dist/presentation/Overlay.js

@@ -0,0 +1,29 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__Overlay_module_js_e2834bf2__ from "./Overlay.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
+const Overlay = ({ children, onClick })=>{
+    const [visible, setVisible] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        requestAnimationFrame(()=>{
+            setVisible(true);
+        });
+    }, []);
+    const [mouseDown, setMouseDown] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__Overlay_module_js_e2834bf2__["default"].container, {
+            [__WEBPACK_EXTERNAL_MODULE__Overlay_module_js_e2834bf2__["default"].visible]: visible
+        }),
+        onMouseDown: onClick ? ()=>{
+            setMouseDown(true);
+        } : void 0,
+        onMouseUp: onClick ? ()=>{} : void 0,
+        onClick: onClick ? (event)=>{
+            if (mouseDown) onClick(event);
+            setMouseDown(false);
+        } : void 0,
+        children: children
+    });
+};
+const Overlay_rslib_entry_ = Overlay;
+export { Overlay_rslib_entry_ as default };

package/dist/presentation/Overlay.module.js

@@ -0,0 +1,6 @@
+import "./Overlay_module.css";
+const Overlay_module_rslib_entry_ = {
+    visible: "visible-PMJFft",
+    container: "container-D_J04I"
+};
+export { Overlay_module_rslib_entry_ as default };

package/dist/presentation/Overlay_module.css

@@ -0,0 +1,20 @@
+body:has(.visible-PMJFft) {
+  overflow: hidden;
+}
+
+.container-D_J04I {
+  -webkit-backdrop-filter: blur(2px);
+  backdrop-filter: blur(2px);
+  opacity: 0;
+  background: #0003;
+  place-content: center;
+  transition: opacity .5s cubic-bezier(.075, .82, .165, 1);
+  display: grid;
+  position: fixed;
+  inset: 0;
+}
+
+.visible-PMJFft {
+  opacity: 1;
+}
+

package/dist/presentation/PersonAvatar.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from "react";
+type Props = {
+    id: string;
+    size?: keyof typeof SIZES;
+    name: string;
+    imageUrl?: string | null;
+    children?: (onClose: () => void) => ReactNode;
+    hue: string;
+};
+declare const SIZES: {
+    xtiny: number;
+    tiny: number;
+    small: number;
+    large: number;
+    xlarge: number;
+};
+declare const PersonAvatar: ({ id, size, name, imageUrl, children, hue }: Props) => import("react/jsx-runtime").JSX.Element;
+export default PersonAvatar;