@worknice/whiteboard 0.0.2 → 0.0.3

package/dist/layouts/FullLayout.d.ts

@@ -0,0 +1,19 @@
+import { type Dispatch, type ReactNode, type SetStateAction } from "react";
+type Props = {
+    aside?: ReactNode;
+    asideFirst?: boolean;
+    backLink?: ReactNode;
+    navigation?: ReactNode;
+    brandTypeface: string;
+    children: ReactNode;
+    header?: ReactNode;
+    mainNavChildren?: ReactNode;
+    menuState: "open" | "closed" | undefined;
+    navTitle?: ReactNode;
+    setMenuState: Dispatch<SetStateAction<"open" | "closed" | undefined>>;
+    summary?: ReactNode;
+    toolbarChildren?: ReactNode;
+    layoutType?: "full" | "centered" | "narrow";
+};
+declare const FullLayout: ({ aside, asideFirst, backLink, navigation, brandTypeface, children, header, mainNavChildren, menuState, navTitle, setMenuState, summary, toolbarChildren, layoutType, }: Props) => import("react/jsx-runtime").JSX.Element;
+export default FullLayout;

package/dist/layouts/FullLayout.js

@@ -0,0 +1,152 @@
+"use client";
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__ from "./FullLayout.module.js";
+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__hud_SidebarIcon_js_fabd050a__ from "../hud/SidebarIcon.js";
+import * as __WEBPACK_EXTERNAL_MODULE__hud_ToolbarButton_js_e9a8b3bc__ from "../hud/ToolbarButton.js";
+import * as __WEBPACK_EXTERNAL_MODULE__BaseLayout_js_b37d1475__ from "./BaseLayout.js";
+const FullLayout = ({ aside, asideFirst = false, backLink, navigation, brandTypeface, children, header, mainNavChildren, menuState, navTitle, setMenuState, summary, toolbarChildren, layoutType })=>{
+    const { router } = (0, __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__["default"])();
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        if (!router) return;
+        const routeChangeStart = ()=>{
+            if (window.innerWidth < 1440) setMenuState("closed");
+        };
+        router.events.on("routeChangeStart", routeChangeStart);
+        return ()=>{
+            router.events.off("routeChangeStart", routeChangeStart);
+        };
+    }, [
+        router,
+        setMenuState
+    ]);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        setMenuState((current)=>void 0 === current ? window.innerWidth > 1440 ? "open" : "closed" : current);
+    }, [
+        setMenuState
+    ]);
+    (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
+        const documentClick = ()=>{
+            if (window.innerWidth < 1440) setMenuState("closed");
+        };
+        document.addEventListener("click", documentClick);
+        return ()=>{
+            document.removeEventListener("click", documentClick);
+        };
+    }, [
+        setMenuState
+    ]);
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__BaseLayout_js_b37d1475__["default"], {
+        brandTypeface: brandTypeface,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+            className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].container, {
+                [__WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].open]: "open" === menuState,
+                [__WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].closed]: "closed" === menuState
+            }),
+            children: [
+                mainNavChildren ? /*#__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)("div", {
+                            className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].toggle,
+                            onMouseDown: (event)=>{
+                                event.stopPropagation();
+                            },
+                            onClick: (event)=>{
+                                event.stopPropagation();
+                            },
+                            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__hud_ToolbarButton_js_e9a8b3bc__["default"], {
+                                onClick: ()=>{
+                                    setMenuState((current)=>"open" === current ? "closed" : "open");
+                                },
+                                title: "Toggle Sidebar",
+                                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__hud_SidebarIcon_js_fabd050a__["default"], {})
+                            })
+                        }),
+                        backLink ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                            className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].back,
+                            children: backLink
+                        }) : null,
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("nav", {
+                            className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].nav,
+                            onMouseDown: (event)=>{
+                                event.stopPropagation();
+                            },
+                            onClick: (event)=>{
+                                event.stopPropagation();
+                            },
+                            children: [
+                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                    className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].toolbar,
+                                    children: toolbarChildren
+                                }),
+                                navTitle ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                    className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].navTitle,
+                                    children: navTitle
+                                }) : null,
+                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                    className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].navContent,
+                                    children: mainNavChildren
+                                })
+                            ]
+                        })
+                    ]
+                }) : null,
+                "centered" === layoutType ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                    className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].centerLayoutContent,
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("main", {
+                        children: children
+                    })
+                }) : "narrow" === layoutType ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                    className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].narrowLayoutContent,
+                    children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("main", {
+                        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])([
+                            __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].main,
+                            __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].full
+                        ]),
+                        children: [
+                            header ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].header,
+                                children: header
+                            }) : null,
+                            summary ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("aside", {
+                                className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].summary,
+                                children: summary
+                            }) : null,
+                            children
+                        ]
+                    })
+                }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                    className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].content, asideFirst ? __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].contentAsideFirst : __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].contentAsideLast),
+                    children: [
+                        header ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                            className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].header,
+                            children: header
+                        }) : null,
+                        navigation ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("nav", {
+                            className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].navigation,
+                            children: navigation
+                        }) : null,
+                        summary ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("aside", {
+                            className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].summary,
+                            children: summary
+                        }) : null,
+                        aside ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("aside", {
+                            className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].aside,
+                            children: aside
+                        }) : null,
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("main", {
+                            className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].main, {
+                                [__WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].full]: null == aside
+                            }),
+                            children: children
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+};
+const FullLayout_rslib_entry_ = FullLayout;
+export { FullLayout_rslib_entry_ as default };

package/dist/layouts/FullLayout.module.js

@@ -0,0 +1,24 @@
+import "./FullLayout_module.css";
+const FullLayout_module_rslib_entry_ = {
+    container: "container-lghvCT",
+    open: "open-rMThLK",
+    closed: "closed-iSkj26",
+    toggle: "toggle-GcG0Tq",
+    back: "back-vj3cdG",
+    nav: "nav-PJYqK6",
+    toolbar: "toolbar-Jw7eYV",
+    navTitle: "navTitle-rDcRNN",
+    navContent: "navContent-xOgco3",
+    header: "header-BPDFUI",
+    summary: "summary-yyotr2",
+    navigation: "navigation-gPurN4",
+    contentAsideLast: "contentAsideLast-_3qQ2E",
+    aside: "aside-RCJO2s",
+    main: "main-bb8i9x",
+    full: "full-BIhVlq",
+    centerLayoutContent: "centerLayoutContent-OXDuxB",
+    narrowLayoutContent: "narrowLayoutContent-v6PtTH",
+    content: "content-kaxfp0",
+    contentAsideFirst: "contentAsideFirst-g7fF8J"
+};
+export { FullLayout_module_rslib_entry_ as default };

package/dist/layouts/FullLayout_module.css

@@ -0,0 +1,257 @@
+@media (max-width: 768px) {
+  body:has(.container-lghvCT.open-rMThLK) {
+    overflow: hidden;
+  }
+}
+
+.container-lghvCT {
+  --nav-width: 100vw;
+}
+
+@media (min-width: 768px) {
+  .container-lghvCT {
+    --nav-width: calc(96px * 3);
+  }
+}
+
+@media (min-width: 1440px) {
+  .container-lghvCT {
+    transition: padding .25s ease-in-out;
+  }
+
+  :not(.closed-iSkj26).container-lghvCT {
+    padding-left: var(--nav-width);
+  }
+}
+
+.toggle-GcG0Tq {
+  color: #000;
+  -webkit-user-select: none;
+  user-select: none;
+  z-index: 3;
+  border-radius: 11px;
+  position: fixed;
+  top: 16px;
+  left: 16px;
+}
+
+.closed-iSkj26 .toggle-GcG0Tq {
+  -webkit-backdrop-filter: blur(20px);
+  backdrop-filter: blur(20px);
+  background: #ffffffb3;
+  box-shadow: 0 0 0 .5px #3c3c435c;
+}
+
+@media (prefers-color-scheme: dark) {
+  .toggle-GcG0Tq {
+    color: #fff;
+  }
+
+  .closed-iSkj26 .toggle-GcG0Tq {
+    color: #000;
+    background: #ffffffb3;
+    box-shadow: 0 0 0 .5px #3c3c435c;
+  }
+}
+
+.back-vj3cdG {
+  left: calc(var(--nav-width)  + 16px);
+  -webkit-user-select: none;
+  user-select: none;
+  z-index: 3;
+  transition: left .25s ease-in-out;
+  position: fixed;
+  top: 16px;
+}
+
+.closed-iSkj26 .back-vj3cdG {
+  left: 70px;
+}
+
+@media (max-width: 1440px) {
+  .container-lghvCT:not(.closed-iSkj26, .open-rMThLK) .back-vj3cdG {
+    left: 70px;
+  }
+}
+
+@media (prefers-color-scheme: dark) {
+  .back-vj3cdG {
+    color: #000;
+    background: #ffffffb3;
+    box-shadow: 0 0 0 .5px #3c3c435c;
+  }
+}
+
+.nav-PJYqK6 {
+  --accent-color: var(--color-purple-000);
+  -webkit-backdrop-filter: blur(20px);
+  backdrop-filter: blur(20px);
+  color: #000;
+  justify-items: space-between;
+  font-family: var(--typeface-system);
+  bottom: 0;
+  left: calc(-1 * var(--nav-width)  - 1px);
+  letter-spacing: -.5px;
+  -webkit-user-select: none;
+  user-select: none;
+  width: var(--nav-width);
+  z-index: 2;
+  background: #ffffffb3;
+  grid-template-rows: auto auto minmax(0, 1fr);
+  padding-top: 16px;
+  font-size: 17px;
+  font-style: normal;
+  font-weight: 400;
+  line-height: 22px;
+  transition: left .25s ease-in-out, width .25s ease-in-out;
+  display: grid;
+  position: fixed;
+  top: 0;
+  overflow-y: hidden;
+  box-shadow: .5px 0 #3c3c435c;
+}
+
+@media (min-width: 1440px) {
+  :not(.closed-iSkj26, .open-rMThLK) .nav-PJYqK6 {
+    left: 0;
+  }
+}
+
+.closed-iSkj26 .nav-PJYqK6 {
+  left: calc(-1 * var(--nav-width)  - 1px);
+}
+
+.open-rMThLK .nav-PJYqK6 {
+  left: 0;
+}
+
+@media (prefers-color-scheme: dark) {
+  .nav-PJYqK6 {
+    color: #fff;
+    background: #000c;
+    box-shadow: .5px 0 #545458a6;
+  }
+}
+
+.toolbar-Jw7eYV {
+  justify-content: flex-end;
+  align-items: center;
+  height: 38px;
+  padding: 0 16px;
+  display: flex;
+}
+
+.navTitle-rDcRNN {
+  padding: 16px 16px 0;
+}
+
+.navContent-xOgco3 {
+  padding: 16px;
+  overflow-y: auto;
+}
+
+@media (min-width: 1024px) {
+  .header-BPDFUI {
+    grid-column: 1 / -1;
+  }
+}
+
+.summary-yyotr2 {
+  grid-column: 1 / -1;
+}
+
+.navigation-gPurN4 {
+  grid-column: 1 / -1;
+  overflow: auto hidden;
+}
+
+@media (min-width: 1024px) {
+  .contentAsideLast-_3qQ2E .aside-RCJO2s {
+    order: 1;
+  }
+}
+
+.main-bb8i9x.full-BIhVlq {
+  gap: var(--size-p3);
+  grid-column: 1 / -1;
+  display: grid;
+}
+
+.centerLayoutContent-OXDuxB {
+  min-height: 100vh;
+  padding: var(--size-00) var(--size-00);
+  justify-content: center;
+  align-items: center;
+  display: flex;
+}
+
+@media (min-width: 768px) {
+  .centerLayoutContent-OXDuxB {
+    padding: var(--size-p3) var(--size-p3);
+  }
+}
+
+@media (min-width: 1440px) {
+  .centerLayoutContent-OXDuxB {
+    padding: var(--size-p5) var(--size-p5);
+  }
+}
+
+.narrowLayoutContent-v6PtTH {
+  padding: 70px var(--size-00) var(--size-00);
+  grid-template-columns: minmax(0, 720px);
+  justify-content: center;
+  display: grid;
+}
+
+@media (min-width: 768px) {
+  .narrowLayoutContent-v6PtTH {
+    padding: 70px var(--size-p3) var(--size-p3);
+  }
+}
+
+@media (min-width: 1440px) {
+  .narrowLayoutContent-v6PtTH {
+    padding: 70px var(--size-p5) var(--size-p5);
+  }
+}
+
+.content-kaxfp0 {
+  column-gap: var(--size-p2);
+  padding-top: 70px;
+  padding-bottom: var(--size-00);
+  padding-left: var(--size-00);
+  padding-right: var(--size-00);
+  row-gap: var(--size-p2);
+  display: grid;
+}
+
+@media (min-width: 768px) {
+  .content-kaxfp0 {
+    padding: 70px var(--size-p3) var(--size-p3);
+  }
+}
+
+@media (min-width: 1024px) {
+  .content-kaxfp0 {
+    column-gap: var(--size-p3);
+    row-gap: var(--size-p3);
+  }
+
+  .contentAsideFirst-g7fF8J {
+    grid-template-columns: calc(var(--size-p6) * 5) 1fr;
+  }
+
+  .contentAsideLast-_3qQ2E {
+    grid-template-columns: 1fr calc(var(--size-p6) * 5);
+  }
+}
+
+@media (min-width: 1440px) {
+  .content-kaxfp0 {
+    padding-bottom: var(--size-p5);
+    padding-left: var(--size-p5);
+    padding-right: var(--size-p5);
+  }
+}
+

package/dist/layouts/MinimalLayout.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from "react";
+type Props = {
+    backLink?: ReactNode;
+    brandTypeface: string;
+    children: ReactNode;
+    toolbarItems?: Array<{
+        key: string;
+        content: ReactNode;
+    }>;
+};
+declare const MinimalLayout: ({ backLink, brandTypeface, children, toolbarItems }: Props) => import("react/jsx-runtime").JSX.Element;
+export default MinimalLayout;

package/dist/layouts/MinimalLayout.js

@@ -0,0 +1,34 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__BaseLayout_js_b37d1475__ from "./BaseLayout.js";
+import * as __WEBPACK_EXTERNAL_MODULE__MinimalLayout_module_js_ad0496a2__ from "./MinimalLayout.module.js";
+const MinimalLayout = ({ backLink, brandTypeface, children, toolbarItems })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__BaseLayout_js_b37d1475__["default"], {
+        brandTypeface: brandTypeface,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__MinimalLayout_module_js_ad0496a2__["default"].toolbar,
+                children: [
+                    toolbarItems ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
+                        children: toolbarItems.map(({ key, content })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                className: __WEBPACK_EXTERNAL_MODULE__MinimalLayout_module_js_ad0496a2__["default"].button,
+                                onMouseDown: (event)=>{
+                                    event.stopPropagation();
+                                },
+                                onClick: (event)=>{
+                                    event.stopPropagation();
+                                },
+                                children: content
+                            }, key))
+                    }) : null,
+                    backLink ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                        children: backLink
+                    }) : null
+                ]
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("main", {
+                className: __WEBPACK_EXTERNAL_MODULE__MinimalLayout_module_js_ad0496a2__["default"].main,
+                children: children
+            })
+        ]
+    });
+const MinimalLayout_rslib_entry_ = MinimalLayout;
+export { MinimalLayout_rslib_entry_ as default };

package/dist/layouts/MinimalLayout.module.js

@@ -0,0 +1,6 @@
+import "./MinimalLayout_module.css";
+const MinimalLayout_module_rslib_entry_ = {
+    toolbar: "toolbar-e7YNxK",
+    main: "main-dwl9Kv"
+};
+export { MinimalLayout_module_rslib_entry_ as default };

package/dist/layouts/MinimalLayout_module.css

@@ -0,0 +1,25 @@
+.toolbar-e7YNxK {
+  z-index: 3;
+  gap: 16px;
+  display: flex;
+  position: fixed;
+  top: 16px;
+  left: 16px;
+}
+
+.main-dwl9Kv {
+  padding: 70px var(--size-00) var(--size-00);
+}
+
+@media (min-width: 768px) {
+  .main-dwl9Kv {
+    padding: 70px var(--size-p3) var(--size-p3);
+  }
+}
+
+@media (min-width: 1024px) {
+  .main-dwl9Kv {
+    padding: var(--size-p5);
+  }
+}
+

package/dist/presentation/ActionSet.d.ts

@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+type Props = {
+    actions: Array<{
+        key: string;
+        content: ReactNode;
+    } | null>;
+};
+/**
+ * A set of action buttons. On desktop, these are rendered horizontally. On
+ * mobile, they are collapsed into a dropdown (not yet implement).
+ */
+declare const ActionSet: ({ actions }: Props) => import("react/jsx-runtime").JSX.Element | null;
+export default ActionSet;

package/dist/presentation/ActionSet.js

@@ -0,0 +1,13 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__ActionSet_module_js_caadf372__ from "./ActionSet.module.js";
+const ActionSet = ({ actions })=>{
+    const nonNullActions = actions.filter((action)=>null !== action);
+    return nonNullActions.length > 0 ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+        className: __WEBPACK_EXTERNAL_MODULE__ActionSet_module_js_caadf372__["default"].container,
+        children: nonNullActions.map((action)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                children: action.content
+            }, action.key))
+    }) : null;
+};
+const ActionSet_rslib_entry_ = ActionSet;
+export { ActionSet_rslib_entry_ as default };

package/dist/presentation/ActionSet.module.js

@@ -0,0 +1,5 @@
+import "./ActionSet_module.css";
+const ActionSet_module_rslib_entry_ = {
+    container: "container-kx2Kql"
+};
+export { ActionSet_module_rslib_entry_ as default };

package/dist/presentation/ActionSet_module.css

@@ -0,0 +1,7 @@
+.container-kx2Kql {
+  align-items: center;
+  gap: var(--size-n1);
+  grid-auto-flow: column;
+  display: grid;
+}
+

package/dist/presentation/Avatar.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    alt?: string;
+    height?: number;
+    src?: string;
+    width?: number;
+};
+declare const Avatar: ({ src, width, height, alt }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Avatar;

package/dist/presentation/Avatar.js

@@ -0,0 +1,27 @@
+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__utils_customProperties_js_aeb40bdf__ from "../utils/customProperties.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Avatar_module_js_f95d762b__ from "./Avatar.module.js";
+const Avatar = ({ src, width = 48, height = 48, alt })=>{
+    const { Image } = (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__Avatar_module_js_f95d762b__["default"].container,
+        style: (0, __WEBPACK_EXTERNAL_MODULE__utils_customProperties_js_aeb40bdf__["default"])({
+            "--height": `${height}px`,
+            "--width": `${width}px`
+        }),
+        children: src ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Image, {
+            alt: alt ?? "",
+            height: height,
+            quality: 100,
+            src: src,
+            style: {
+                width,
+                height
+            },
+            width: width
+        }) : null
+    });
+};
+const Avatar_rslib_entry_ = Avatar;
+export { Avatar_rslib_entry_ as default };

package/dist/presentation/Avatar.module.js

@@ -0,0 +1,5 @@
+import "./Avatar_module.css";
+const Avatar_module_rslib_entry_ = {
+    container: "container-PMPxkh"
+};
+export { Avatar_module_rslib_entry_ as default };

package/dist/presentation/Avatar_module.css

@@ -0,0 +1,10 @@
+.container-PMPxkh {
+  background: var(--color-grey-t09);
+  border-radius: var(--size-n2);
+  height: var(--height);
+  outline-offset: -1px;
+  outline: var(--size-n5) solid color-mix(in oklch, var(--color-grey-s04) 10%, transparent);
+  width: var(--width);
+  overflow: hidden;
+}
+

package/dist/presentation/Badge.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from "react";
+type Props = {
+    children: ReactNode;
+    id?: string;
+    color?: "blue" | "green" | "grey" | "maroon" | "orange" | "purple" | "red" | "teal" | "yellow";
+};
+declare const Badge: ({ children, id, color }: Props) => import("react/jsx-runtime").JSX.Element;
+export default Badge;

package/dist/presentation/Badge.js

@@ -0,0 +1,20 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__Badge_module_js_fbd8695c__ from "./Badge.module.js";
+import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
+const Badge = ({ children, id, color = "grey" })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+        id: id,
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__Badge_module_js_fbd8695c__["default"].badge, {
+            [__WEBPACK_EXTERNAL_MODULE__Badge_module_js_fbd8695c__["default"].blue]: "blue" === color,
+            [__WEBPACK_EXTERNAL_MODULE__Badge_module_js_fbd8695c__["default"].green]: "green" === color,
+            [__WEBPACK_EXTERNAL_MODULE__Badge_module_js_fbd8695c__["default"].grey]: "grey" === color,
+            [__WEBPACK_EXTERNAL_MODULE__Badge_module_js_fbd8695c__["default"].maroon]: "maroon" === color,
+            [__WEBPACK_EXTERNAL_MODULE__Badge_module_js_fbd8695c__["default"].orange]: "orange" === color,
+            [__WEBPACK_EXTERNAL_MODULE__Badge_module_js_fbd8695c__["default"].purple]: "purple" === color,
+            [__WEBPACK_EXTERNAL_MODULE__Badge_module_js_fbd8695c__["default"].red]: "red" === color,
+            [__WEBPACK_EXTERNAL_MODULE__Badge_module_js_fbd8695c__["default"].teal]: "teal" === color,
+            [__WEBPACK_EXTERNAL_MODULE__Badge_module_js_fbd8695c__["default"].yellow]: "yellow" === color
+        }),
+        children: children
+    });
+const Badge_rslib_entry_ = Badge;
+export { Badge_rslib_entry_ as default };