@worknice/whiteboard 0.68.0 → 0.69.0

package/dist/controls/Action.stories.d.ts

@@ -11,9 +11,11 @@ declare const meta: {
     } & ({
         children: import("react").ReactNode;
         icon?: import("react").ReactNode;
+        iconRight?: import("react").ReactNode;
     } | {
         children?: import("react").ReactNode;
         icon: import("react").ReactNode;
+        iconRight?: import("react").ReactNode;
     })) & {
         onClick: (event: React.MouseEvent) => void | Promise<void>;
     }) => import("react/jsx-runtime").JSX.Element;

package/dist/controls/Button.d.ts

@@ -15,13 +15,15 @@ type Props = {
 } & ({
     children: ReactNode;
     icon?: ReactNode;
+    iconRight?: ReactNode;
 } | {
     children?: ReactNode;
     /** The icon to render, use an instance of the Icon component */
     icon: ReactNode;
+    iconRight?: ReactNode;
 });
 /**
  * Main button component, using onClick to trigger the action. For links, use ButtonLink.
  */
-declare const Button: ({ children, disabled, icon, id, onClick, size, type, title, tooltip, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const Button: ({ children, disabled, icon, iconRight, id, onClick, size, type, title, tooltip, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default Button;

package/dist/controls/Button.js

@@ -5,7 +5,7 @@ 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", {
+const ButtonElement = ({ children, disabled, icon, iconRight, 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,
@@ -23,20 +23,27 @@ const ButtonElement = ({ children, disabled, icon, id, onClick, size, type, titl
         type: "submit" === type ? "submit" : "button",
         children: [
             icon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                "data-button-part": "icon",
                 children: icon
             }) : null,
             children ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                "data-button-part": "label",
                 children: children
+            }) : null,
+            iconRight ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                "data-button-part": "icon-right",
+                children: iconRight
             }) : null
         ]
     });
-const Button = ({ children, disabled, icon, id, onClick, size, type = "primary", title, tooltip })=>{
+const Button = ({ children, disabled, icon, iconRight, 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,
+            iconRight: iconRight,
             id: id,
             onClick: onClick,
             size: size,
@@ -49,6 +56,7 @@ const Button = ({ children, disabled, icon, id, onClick, size, type = "primary",
     }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(ButtonElement, {
         disabled: disabled,
         icon: icon,
+        iconRight: iconRight,
         id: id,
         onClick: onClick,
         size: size,

package/dist/controls/Button.stories.d.ts

@@ -1,6 +1,6 @@
 import type { StoryObj } from "@storybook/nextjs-vite";
 declare const meta: {
-    component: ({ children, disabled, icon, id, onClick, size, type, title, tooltip, }: {
+    component: ({ children, disabled, icon, iconRight, id, onClick, size, type, title, tooltip, }: {
         disabled?: boolean;
         id?: string;
         onClick?: (event: React.MouseEvent) => void;
@@ -11,9 +11,11 @@ declare const meta: {
     } & ({
         children: import("react").ReactNode;
         icon?: import("react").ReactNode;
+        iconRight?: import("react").ReactNode;
     } | {
         children?: import("react").ReactNode;
         icon: import("react").ReactNode;
+        iconRight?: import("react").ReactNode;
     })) => import("react/jsx-runtime").JSX.Element;
     argTypes: {
         id: {

package/dist/controls/ButtonLink.js

@@ -13,12 +13,15 @@ const ButtonLink = ({ children, disabled, download, external, href, icon, iconRi
         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", {
+                "data-button-part": "icon",
                 children: icon
             }) : null,
             children ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                "data-button-part": "label",
                 children: children
             }) : null,
             iconRight ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                "data-button-part": "icon-right",
                 children: iconRight
             }) : null
         ]
@@ -38,12 +41,15 @@ const ButtonLink = ({ children, disabled, download, external, href, icon, iconRi
         target: external ? "_blank" : "_self",
         children: [
             icon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                "data-button-part": "icon",
                 children: icon
             }) : null,
             children ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                "data-button-part": "label",
                 children: children
             }) : null,
             iconRight ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                "data-button-part": "icon-right",
                 children: iconRight
             }) : null
         ]

package/dist/controls/Disclosure.d.ts

@@ -7,5 +7,5 @@ type Props = ComponentProps<typeof Button> & {
  * A disclosure component that renders a component when clicked.
  * It is intended to be used with a modal or a confirmation modal.
  */
-declare const Disclosure: ({ render, children, disabled, icon, id, size, title, tooltip, type, }: Omit<Props, "onClick">) => import("react/jsx-runtime").JSX.Element;
+declare const Disclosure: ({ render, children, disabled, icon, iconRight, id, size, title, tooltip, type, }: Omit<Props, "onClick">) => import("react/jsx-runtime").JSX.Element;
 export default Disclosure;

package/dist/controls/Disclosure.js

@@ -1,7 +1,7 @@
 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__Button_js_17bdd71d__ from "./Button.js";
-const Disclosure = ({ render, children, disabled, icon, id, size, title, tooltip, type = "secondary" })=>{
+const Disclosure = ({ render, children, disabled, icon, iconRight, id, size, title, tooltip, 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: [
@@ -12,6 +12,7 @@ const Disclosure = ({ render, children, disabled, icon, id, size, title, tooltip
                 title: title,
                 disabled: disabled,
                 icon: icon,
+                iconRight: iconRight,
                 id: id,
                 onClick: ()=>{
                     setOpen((current)=>!current);

package/dist/controls/Disclosure.stories.d.ts

@@ -1,6 +1,6 @@
 import type { StoryObj } from "@storybook/nextjs-vite";
 declare const meta: {
-    component: ({ render, children, disabled, icon, id, size, title, tooltip, type, }: Omit<({
+    component: ({ render, children, disabled, icon, iconRight, id, size, title, tooltip, type, }: Omit<({
         disabled?: boolean;
         id?: string;
         onClick?: (event: React.MouseEvent) => void;
@@ -11,9 +11,11 @@ declare const meta: {
     } & ({
         children: import("react").ReactNode;
         icon?: import("react").ReactNode;
+        iconRight?: import("react").ReactNode;
     } | {
         children?: import("react").ReactNode;
         icon: import("react").ReactNode;
+        iconRight?: import("react").ReactNode;
     })) & {
         render: (onClose: () => void) => import("react").ReactNode;
     }, "onClick">) => import("react/jsx-runtime").JSX.Element;

package/dist/controls/MenuButton.d.ts

@@ -1,3 +1,4 @@
+import { type Placement } from "@floating-ui/react";
 import { type ReactNode } from "react";
 type Option = {
     id: string;
@@ -27,6 +28,7 @@ type Props = {
     displaySearch?: boolean;
     iconRight?: ReactNode;
     fullWidth?: boolean;
+    placement?: Placement;
 } & ({
     children: ReactNode;
     icon?: ReactNode;
@@ -45,6 +47,6 @@ type Props = {
         options: Array<Option | null>;
     }>;
 });
-declare const MenuButton: ({ autoFocus, ariaLabel, disabled, id, size, type, options, optionGroups, searchPlaceholder, children, icon, iconRight, displaySearch, fullWidth, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const MenuButton: ({ autoFocus, ariaLabel, disabled, id, size, type, options, optionGroups, searchPlaceholder, children, icon, iconRight, displaySearch, fullWidth, placement, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default MenuButton;
 export type { Option as MenuButtonOption };

package/dist/controls/MenuButton.js

@@ -16,7 +16,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__utils_search_js_89d5ae26__ from "../utils
 import * as __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__ from "../utils/useNextContext.js";
 import * as __WEBPACK_EXTERNAL_MODULE__Button_js_17bdd71d__ from "./Button.js";
 import * as __WEBPACK_EXTERNAL_MODULE__MenuButton_module_js_872b1a55__ from "./MenuButton.module.js";
-const MenuButton = ({ autoFocus = false, ariaLabel, disabled = false, id, size = "normal", type = "secondary", options, optionGroups, searchPlaceholder, children, icon, iconRight, displaySearch = false, fullWidth = false })=>{
+const MenuButton = ({ autoFocus = false, ariaLabel, disabled = false, id, size = "normal", type = "secondary", options, optionGroups, searchPlaceholder, children, icon, iconRight, displaySearch = false, fullWidth = false, placement = "bottom-start" })=>{
     const listboxId = (0, __WEBPACK_EXTERNAL_MODULE_react__.useId)();
     const generatedButtonId = (0, __WEBPACK_EXTERNAL_MODULE_react__.useId)();
     const buttonId = id ?? generatedButtonId;
@@ -53,7 +53,7 @@ const MenuButton = ({ autoFocus = false, ariaLabel, disabled = false, id, size =
             setSearchTerm("");
         },
         whileElementsMounted: __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.autoUpdate,
-        placement: "bottom-start",
+        placement,
         middleware: [
             (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.flip)(),
             (0, __WEBPACK_EXTERNAL_MODULE__floating_ui_react_3ddd630a__.offset)(4),
@@ -268,12 +268,15 @@ const MenuButton = ({ autoFocus = false, ariaLabel, disabled = false, id, size =
                     loading ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_Loading_js_dc1ebb83__["default"], {
                         animate: true
                     }) : icon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                        "data-button-part": "icon",
                         children: icon
                     }) : null,
                     children ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                        "data-button-part": "label",
                         children: children
                     }) : null,
                     iconRight ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                        "data-button-part": "icon-right",
                         children: iconRight
                     }) : null
                 ]

package/dist/controls/MenuButton.stories.d.ts

@@ -1,6 +1,6 @@
 import type { StoryObj } from "@storybook/nextjs-vite";
 declare const meta: {
-    component: ({ autoFocus, ariaLabel, disabled, id, size, type, options, optionGroups, searchPlaceholder, children, icon, iconRight, displaySearch, fullWidth, }: {
+    component: ({ autoFocus, ariaLabel, disabled, id, size, type, options, optionGroups, searchPlaceholder, children, icon, iconRight, displaySearch, fullWidth, placement, }: {
         autoFocus?: boolean;
         ariaLabel?: string;
         disabled?: boolean;
@@ -11,6 +11,7 @@ declare const meta: {
         displaySearch?: boolean;
         iconRight?: import("react").ReactNode;
         fullWidth?: boolean;
+        placement?: import("@floating-ui/react-dom").Placement;
     } & (({
         children: import("react").ReactNode;
         icon?: import("react").ReactNode;

package/dist/hud/NavOrgLogo.d.ts

@@ -0,0 +1,8 @@
+type Props = {
+    demo: boolean;
+    href: string;
+    logo: string;
+    title: string;
+};
+declare const NavOrgLogo: ({ demo, href, logo, title }: Props) => import("react/jsx-runtime").JSX.Element;
+export default NavOrgLogo;

package/dist/hud/NavOrgLogo.js

@@ -0,0 +1,45 @@
+"use client";
+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__worknice_whiteboard_presentation_Badge_506c1dd3__ from "@worknice/whiteboard/presentation/Badge";
+import * as __WEBPACK_EXTERNAL_MODULE__worknice_whiteboard_presentation_PlainText_c60690e6__ from "@worknice/whiteboard/presentation/PlainText";
+import * as __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__ from "../utils/useNextContext.js";
+import * as __WEBPACK_EXTERNAL_MODULE__NavOrgLogo_module_js_c2323e5a__ from "./NavOrgLogo.module.js";
+const NavOrgLogo = ({ demo, href, logo, title })=>{
+    const { Link } = (0, __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__["default"])();
+    return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(Link, {
+        href: href,
+        className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__NavOrgLogo_module_js_c2323e5a__["default"].container, __WEBPACK_EXTERNAL_MODULE__NavOrgLogo_module_js_c2323e5a__["default"].link),
+        title: title,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__NavOrgLogo_module_js_c2323e5a__["default"].logo,
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("img", {
+                    src: logo,
+                    alt: ""
+                })
+            }),
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                style: {
+                    overflow: "hidden",
+                    display: "grid"
+                },
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__worknice_whiteboard_presentation_PlainText_c60690e6__["default"], {
+                    font: "regular-bold",
+                    tone: "default",
+                    truncate: true,
+                    children: title
+                })
+            }),
+            demo ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__NavOrgLogo_module_js_c2323e5a__["default"].demo,
+                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__worknice_whiteboard_presentation_Badge_506c1dd3__["default"], {
+                    color: "grey",
+                    children: "Demo"
+                })
+            }) : null
+        ]
+    });
+};
+const NavOrgLogo_rslib_entry_ = NavOrgLogo;
+export { NavOrgLogo_rslib_entry_ as default };

package/dist/hud/NavOrgLogo.module.js

@@ -0,0 +1,7 @@
+import "./NavOrgLogo_module.css";
+const NavOrgLogo_module_rslib_entry_ = {
+    container: "container-M4y0wy",
+    link: "link-s4hzH2",
+    logo: "logo-nGmSzb"
+};
+export { NavOrgLogo_module_rslib_entry_ as default };

package/dist/hud/{NavTitle_module.css → NavOrgLogo_module.css}

@@ -1,4 +1,4 @@
-.container-tfjjA7 {
+.container-M4y0wy {
   --logo-size: 48px;
   --image-size: 48px;
   border-radius: 11px;
@@ -11,7 +11,12 @@
   display: grid;
 }
 
-.logo-s11ueh {
+.link-s4hzH2 {
+  color: inherit;
+  text-decoration: none;
+}
+
+.logo-nGmSzb {
   height: var(--logo-size);
   width: var(--logo-size);
   background: #fff;
@@ -22,7 +27,7 @@
   box-shadow: 0 0 0 .5px #3c3c435c;
 }
 
-.logo-s11ueh img {
+.logo-nGmSzb img {
   height: var(--image-size);
   max-width: none;
   width: var(--image-size);

package/dist/icons/components/CalendarPlus.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    ({ size, tone, animate }: import("../types").IconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;

package/dist/icons/components/CalendarPlus.js

@@ -0,0 +1,14 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__ from "../createIcon.js";
+const CalendarPlusSvg = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 640 640",
+        "aria-hidden": "true",
+        fill: "currentColor",
+        ...props,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+            d: "M216 64C229.3 64 240 74.7 240 88L240 128L400 128L400 88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 88C192 74.7 202.7 64 216 64zM216 176L160 176C151.2 176 144 183.2 144 192L144 480C144 488.8 151.2 496 160 496L480 496C488.8 496 496 488.8 496 480L496 192C496 183.2 488.8 176 480 176L216 176zM320 240C333.3 240 344 250.7 344 264L344 312L392 312C405.3 312 416 322.7 416 336C416 349.3 405.3 360 392 360L344 360L344 408C344 421.3 333.3 432 320 432C306.7 432 296 421.3 296 408L296 360L248 360C234.7 360 224 349.3 224 336C224 322.7 234.7 312 248 312L296 312L296 264C296 250.7 306.7 240 320 240z"
+        })
+    });
+const CalendarPlus_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__.createIcon)(CalendarPlusSvg);
+export { CalendarPlus_rslib_entry_ as default };

package/dist/icons/components/FileCirclePlus.d.ts

@@ -0,0 +1,5 @@
+declare const _default: {
+    ({ size, tone, animate }: import("../types").IconProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default _default;

package/dist/icons/components/FileCirclePlus.js

@@ -0,0 +1,14 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__ from "../createIcon.js";
+const FileCirclePlusSvg = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("svg", {
+        xmlns: "http://www.w3.org/2000/svg",
+        viewBox: "0 0 640 640",
+        "aria-hidden": "true",
+        fill: "currentColor",
+        ...props,
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+            d: "M240 112L128 112C119.2 112 112 119.2 112 128L112 512C112 520.8 119.2 528 128 528L282.9 528C289 545.3 297.5 561.4 308 576L128 576C92.7 576 64 547.3 64 512L64 128C64 92.7 92.7 64 128 64L261.5 64C278.5 64 294.8 70.7 306.8 82.7L429.3 205.3C441.3 217.3 448 233.6 448 250.6L448 272.1L312 272.1C272.2 272.1 240 239.9 240 200.1L240 112.1zM380.1 224L288 131.9L288 200C288 213.3 298.7 224 312 224L380.1 224zM464 320C543.5 320 608 384.5 608 464C608 543.5 543.5 608 464 608C384.5 608 320 543.5 320 464C320 384.5 384.5 320 464 320zM480 400C480 391.2 472.8 384 464 384C455.2 384 448 391.2 448 400L448 448L400 448C391.2 448 384 455.2 384 464C384 472.8 391.2 480 400 480L448 480L448 528C448 536.8 455.2 544 464 544C472.8 544 480 536.8 480 528L480 480L528 480C536.8 480 544 472.8 544 464C544 455.2 536.8 448 528 448L480 448L480 400z"
+        })
+    });
+const FileCirclePlus_rslib_entry_ = (0, __WEBPACK_EXTERNAL_MODULE__createIcon_js_4dc54f83__.createIcon)(FileCirclePlusSvg);
+export { FileCirclePlus_rslib_entry_ as default };

package/dist/icons/components/index.d.ts

@@ -17,6 +17,7 @@ export { default as Bolt } from "./Bolt";
 export { default as BookOpenLines } from "./BookOpenLines";
 export { default as Bug } from "./Bug";
 export { default as Calendar } from "./Calendar";
+export { default as CalendarPlus } from "./CalendarPlus";
 export { default as Cancel } from "./Cancel";
 export { default as CaratDown } from "./CaratDown";
 export { default as CaratLeft } from "./CaratLeft";
@@ -42,6 +43,7 @@ export { default as Email } from "./Email";
 export { default as EmergencyContact } from "./EmergencyContact";
 export { default as Events } from "./Events";
 export { default as External } from "./External";
+export { default as FileCirclePlus } from "./FileCirclePlus";
 export { default as FileExport } from "./FileExport";
 export { default as Filter } from "./Filter";
 export { default as FilterList } from "./FilterList";

package/dist/icons/components/index.js

@@ -17,6 +17,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__Bolt_js_bc9530b4__ from "./Bolt.js";
 import * as __WEBPACK_EXTERNAL_MODULE__BookOpenLines_js_26283204__ from "./BookOpenLines.js";
 import * as __WEBPACK_EXTERNAL_MODULE__Bug_js_35fe86cc__ from "./Bug.js";
 import * as __WEBPACK_EXTERNAL_MODULE__Calendar_js_88f7807d__ from "./Calendar.js";
+import * as __WEBPACK_EXTERNAL_MODULE__CalendarPlus_js_36447c7d__ from "./CalendarPlus.js";
 import * as __WEBPACK_EXTERNAL_MODULE__Cancel_js_46715474__ from "./Cancel.js";
 import * as __WEBPACK_EXTERNAL_MODULE__CaratDown_js_a65ce237__ from "./CaratDown.js";
 import * as __WEBPACK_EXTERNAL_MODULE__CaratLeft_js_ee0c1462__ from "./CaratLeft.js";
@@ -42,6 +43,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__Email_js_312f1c70__ from "./Email.js";
 import * as __WEBPACK_EXTERNAL_MODULE__EmergencyContact_js_8107fe89__ from "./EmergencyContact.js";
 import * as __WEBPACK_EXTERNAL_MODULE__Events_js_f62d9e1f__ from "./Events.js";
 import * as __WEBPACK_EXTERNAL_MODULE__External_js_f57b3137__ from "./External.js";
+import * as __WEBPACK_EXTERNAL_MODULE__FileCirclePlus_js_8a998d41__ from "./FileCirclePlus.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FileExport_js_b58980f9__ from "./FileExport.js";
 import * as __WEBPACK_EXTERNAL_MODULE__Filter_js_962e7a68__ from "./Filter.js";
 import * as __WEBPACK_EXTERNAL_MODULE__FilterList_js_14d71870__ from "./FilterList.js";
@@ -128,6 +130,7 @@ var __webpack_exports__Bolt = __WEBPACK_EXTERNAL_MODULE__Bolt_js_bc9530b4__["def
 var __webpack_exports__BookOpenLines = __WEBPACK_EXTERNAL_MODULE__BookOpenLines_js_26283204__["default"];
 var __webpack_exports__Bug = __WEBPACK_EXTERNAL_MODULE__Bug_js_35fe86cc__["default"];
 var __webpack_exports__Calendar = __WEBPACK_EXTERNAL_MODULE__Calendar_js_88f7807d__["default"];
+var __webpack_exports__CalendarPlus = __WEBPACK_EXTERNAL_MODULE__CalendarPlus_js_36447c7d__["default"];
 var __webpack_exports__Cancel = __WEBPACK_EXTERNAL_MODULE__Cancel_js_46715474__["default"];
 var __webpack_exports__CaratDown = __WEBPACK_EXTERNAL_MODULE__CaratDown_js_a65ce237__["default"];
 var __webpack_exports__CaratLeft = __WEBPACK_EXTERNAL_MODULE__CaratLeft_js_ee0c1462__["default"];
@@ -153,6 +156,7 @@ var __webpack_exports__Email = __WEBPACK_EXTERNAL_MODULE__Email_js_312f1c70__["d
 var __webpack_exports__EmergencyContact = __WEBPACK_EXTERNAL_MODULE__EmergencyContact_js_8107fe89__["default"];
 var __webpack_exports__Events = __WEBPACK_EXTERNAL_MODULE__Events_js_f62d9e1f__["default"];
 var __webpack_exports__External = __WEBPACK_EXTERNAL_MODULE__External_js_f57b3137__["default"];
+var __webpack_exports__FileCirclePlus = __WEBPACK_EXTERNAL_MODULE__FileCirclePlus_js_8a998d41__["default"];
 var __webpack_exports__FileExport = __WEBPACK_EXTERNAL_MODULE__FileExport_js_b58980f9__["default"];
 var __webpack_exports__Filter = __WEBPACK_EXTERNAL_MODULE__Filter_js_962e7a68__["default"];
 var __webpack_exports__FilterList = __WEBPACK_EXTERNAL_MODULE__FilterList_js_14d71870__["default"];
@@ -220,4 +224,4 @@ var __webpack_exports__UserPlus = __WEBPACK_EXTERNAL_MODULE__UserPlus_js_796202e
 var __webpack_exports__Visible = __WEBPACK_EXTERNAL_MODULE__Visible_js_aa1c6acc__["default"];
 var __webpack_exports__Warning = __WEBPACK_EXTERNAL_MODULE__Warning_js_d0de15e9__["default"];
 var __webpack_exports__Workflows = __WEBPACK_EXTERNAL_MODULE__Workflows_js_35639a49__["default"];
-export { __webpack_exports__Approval as Approval, __webpack_exports__Apps as Apps, __webpack_exports__Archive as Archive, __webpack_exports__ArrowLeft as ArrowLeft, __webpack_exports__ArrowRight as ArrowRight, __webpack_exports__ArrowTurnLeftUp as ArrowTurnLeftUp, __webpack_exports__ArrowsCompress as ArrowsCompress, __webpack_exports__ArrowsExpand as ArrowsExpand, __webpack_exports__ArrowsUpDown as ArrowsUpDown, __webpack_exports__Assign as Assign, __webpack_exports__AssignmentCertificate as AssignmentCertificate, __webpack_exports__AssignmentDocument as AssignmentDocument, __webpack_exports__AssignmentForm as AssignmentForm, __webpack_exports__AssignmentQuestionnaire as AssignmentQuestionnaire, __webpack_exports__BankAccount as BankAccount, __webpack_exports__Bolt as Bolt, __webpack_exports__BookOpenLines as BookOpenLines, __webpack_exports__Bug as Bug, __webpack_exports__Calendar as Calendar, __webpack_exports__Cancel as Cancel, __webpack_exports__CaratDown as CaratDown, __webpack_exports__CaratLeft as CaratLeft, __webpack_exports__CaratRight as CaratRight, __webpack_exports__CaratUp as CaratUp, __webpack_exports__CheckMark as CheckMark, __webpack_exports__ChevronDown as ChevronDown, __webpack_exports__ChevronLeft as ChevronLeft, __webpack_exports__ChevronRight as ChevronRight, __webpack_exports__ChevronUp as ChevronUp, __webpack_exports__Clock as Clock, __webpack_exports__Close as Close, __webpack_exports__Columns as Columns, __webpack_exports__Comment as Comment, __webpack_exports__Copy as Copy, __webpack_exports__Dash as Dash, __webpack_exports__Delete as Delete, __webpack_exports__Directory as Directory, __webpack_exports__DocumentProcessingFailed as DocumentProcessingFailed, __webpack_exports__Download as Download, __webpack_exports__Edit as Edit, __webpack_exports__Email as Email, __webpack_exports__EmergencyContact as EmergencyContact, __webpack_exports__Events as Events, __webpack_exports__External as External, __webpack_exports__FileExport as FileExport, __webpack_exports__Filter as Filter, __webpack_exports__FilterList as FilterList, __webpack_exports__FitView as FitView, __webpack_exports__Globe as Globe, __webpack_exports__GripLines as GripLines, __webpack_exports__Help as Help, __webpack_exports__Hidden as Hidden, __webpack_exports__History as History, __webpack_exports__Inbox as Inbox, __webpack_exports__Info as Info, __webpack_exports__Insights as Insights, __webpack_exports__Job as Job, __webpack_exports__Leave as Leave, __webpack_exports__Lightbulb as Lightbulb, __webpack_exports__Loading as Loading, __webpack_exports__LocationCheck as LocationCheck, __webpack_exports__Logout as Logout, __webpack_exports__Messages as Messages, __webpack_exports__Microsoft as Microsoft, __webpack_exports__Minus as Minus, __webpack_exports__Newspaper as Newspaper, __webpack_exports__Overflow as Overflow, __webpack_exports__Paperwork as Paperwork, __webpack_exports__PaperworkAssigned as PaperworkAssigned, __webpack_exports__PaperworkDraft as PaperworkDraft, __webpack_exports__PaperworkExpired as PaperworkExpired, __webpack_exports__PaperworkExpiringSoon as PaperworkExpiringSoon, __webpack_exports__PaperworkMissing as PaperworkMissing, __webpack_exports__PaperworkProcessed as PaperworkProcessed, __webpack_exports__PaperworkSubmitted as PaperworkSubmitted, __webpack_exports__People as People, __webpack_exports__Phone as Phone, __webpack_exports__Plus as Plus, __webpack_exports__Positions as Positions, __webpack_exports__Profile as Profile, __webpack_exports__ProfileFemale as ProfileFemale, __webpack_exports__ProfileMale as ProfileMale, __webpack_exports__QuestionMark as QuestionMark, __webpack_exports__Remuneration as Remuneration, __webpack_exports__Reschedule as Reschedule, __webpack_exports__Restore as Restore, __webpack_exports__Review as Review, __webpack_exports__Schedule as Schedule, __webpack_exports__Search as Search, __webpack_exports__Settings as Settings, __webpack_exports__Shield as Shield, __webpack_exports__Sidebar as Sidebar, __webpack_exports__Sliders as Sliders, __webpack_exports__SortAsc as SortAsc, __webpack_exports__SortDefault as SortDefault, __webpack_exports__SortDes as SortDes, __webpack_exports__StepsComplete as StepsComplete, __webpack_exports__StepsCurrent as StepsCurrent, __webpack_exports__StepsIncomplete as StepsIncomplete, __webpack_exports__Submit as Submit, __webpack_exports__Success as Success, __webpack_exports__SuperFund as SuperFund, __webpack_exports__Sync as Sync, __webpack_exports__Table as Table, __webpack_exports__Task as Task, __webpack_exports__Tax as Tax, __webpack_exports__Tenure as Tenure, __webpack_exports__UserPlus as UserPlus, __webpack_exports__Visible as Visible, __webpack_exports__Warning as Warning, __webpack_exports__Workflows as Workflows };
+export { __webpack_exports__Approval as Approval, __webpack_exports__Apps as Apps, __webpack_exports__Archive as Archive, __webpack_exports__ArrowLeft as ArrowLeft, __webpack_exports__ArrowRight as ArrowRight, __webpack_exports__ArrowTurnLeftUp as ArrowTurnLeftUp, __webpack_exports__ArrowsCompress as ArrowsCompress, __webpack_exports__ArrowsExpand as ArrowsExpand, __webpack_exports__ArrowsUpDown as ArrowsUpDown, __webpack_exports__Assign as Assign, __webpack_exports__AssignmentCertificate as AssignmentCertificate, __webpack_exports__AssignmentDocument as AssignmentDocument, __webpack_exports__AssignmentForm as AssignmentForm, __webpack_exports__AssignmentQuestionnaire as AssignmentQuestionnaire, __webpack_exports__BankAccount as BankAccount, __webpack_exports__Bolt as Bolt, __webpack_exports__BookOpenLines as BookOpenLines, __webpack_exports__Bug as Bug, __webpack_exports__Calendar as Calendar, __webpack_exports__CalendarPlus as CalendarPlus, __webpack_exports__Cancel as Cancel, __webpack_exports__CaratDown as CaratDown, __webpack_exports__CaratLeft as CaratLeft, __webpack_exports__CaratRight as CaratRight, __webpack_exports__CaratUp as CaratUp, __webpack_exports__CheckMark as CheckMark, __webpack_exports__ChevronDown as ChevronDown, __webpack_exports__ChevronLeft as ChevronLeft, __webpack_exports__ChevronRight as ChevronRight, __webpack_exports__ChevronUp as ChevronUp, __webpack_exports__Clock as Clock, __webpack_exports__Close as Close, __webpack_exports__Columns as Columns, __webpack_exports__Comment as Comment, __webpack_exports__Copy as Copy, __webpack_exports__Dash as Dash, __webpack_exports__Delete as Delete, __webpack_exports__Directory as Directory, __webpack_exports__DocumentProcessingFailed as DocumentProcessingFailed, __webpack_exports__Download as Download, __webpack_exports__Edit as Edit, __webpack_exports__Email as Email, __webpack_exports__EmergencyContact as EmergencyContact, __webpack_exports__Events as Events, __webpack_exports__External as External, __webpack_exports__FileCirclePlus as FileCirclePlus, __webpack_exports__FileExport as FileExport, __webpack_exports__Filter as Filter, __webpack_exports__FilterList as FilterList, __webpack_exports__FitView as FitView, __webpack_exports__Globe as Globe, __webpack_exports__GripLines as GripLines, __webpack_exports__Help as Help, __webpack_exports__Hidden as Hidden, __webpack_exports__History as History, __webpack_exports__Inbox as Inbox, __webpack_exports__Info as Info, __webpack_exports__Insights as Insights, __webpack_exports__Job as Job, __webpack_exports__Leave as Leave, __webpack_exports__Lightbulb as Lightbulb, __webpack_exports__Loading as Loading, __webpack_exports__LocationCheck as LocationCheck, __webpack_exports__Logout as Logout, __webpack_exports__Messages as Messages, __webpack_exports__Microsoft as Microsoft, __webpack_exports__Minus as Minus, __webpack_exports__Newspaper as Newspaper, __webpack_exports__Overflow as Overflow, __webpack_exports__Paperwork as Paperwork, __webpack_exports__PaperworkAssigned as PaperworkAssigned, __webpack_exports__PaperworkDraft as PaperworkDraft, __webpack_exports__PaperworkExpired as PaperworkExpired, __webpack_exports__PaperworkExpiringSoon as PaperworkExpiringSoon, __webpack_exports__PaperworkMissing as PaperworkMissing, __webpack_exports__PaperworkProcessed as PaperworkProcessed, __webpack_exports__PaperworkSubmitted as PaperworkSubmitted, __webpack_exports__People as People, __webpack_exports__Phone as Phone, __webpack_exports__Plus as Plus, __webpack_exports__Positions as Positions, __webpack_exports__Profile as Profile, __webpack_exports__ProfileFemale as ProfileFemale, __webpack_exports__ProfileMale as ProfileMale, __webpack_exports__QuestionMark as QuestionMark, __webpack_exports__Remuneration as Remuneration, __webpack_exports__Reschedule as Reschedule, __webpack_exports__Restore as Restore, __webpack_exports__Review as Review, __webpack_exports__Schedule as Schedule, __webpack_exports__Search as Search, __webpack_exports__Settings as Settings, __webpack_exports__Shield as Shield, __webpack_exports__Sidebar as Sidebar, __webpack_exports__Sliders as Sliders, __webpack_exports__SortAsc as SortAsc, __webpack_exports__SortDefault as SortDefault, __webpack_exports__SortDes as SortDes, __webpack_exports__StepsComplete as StepsComplete, __webpack_exports__StepsCurrent as StepsCurrent, __webpack_exports__StepsIncomplete as StepsIncomplete, __webpack_exports__Submit as Submit, __webpack_exports__Success as Success, __webpack_exports__SuperFund as SuperFund, __webpack_exports__Sync as Sync, __webpack_exports__Table as Table, __webpack_exports__Task as Task, __webpack_exports__Tax as Tax, __webpack_exports__Tenure as Tenure, __webpack_exports__UserPlus as UserPlus, __webpack_exports__Visible as Visible, __webpack_exports__Warning as Warning, __webpack_exports__Workflows as Workflows };

package/dist/icons/svgs/CalendarPlus.js

@@ -0,0 +1,2 @@
+import CalendarPlus_rslib_entry_namespaceObject from "../../static/svg/CalendarPlus.svg";
+export { CalendarPlus_rslib_entry_namespaceObject as default };

package/dist/icons/svgs/FileCirclePlus.js

@@ -0,0 +1,2 @@
+import FileCirclePlus_rslib_entry_namespaceObject from "../../static/svg/FileCirclePlus.svg";
+export { FileCirclePlus_rslib_entry_namespaceObject as default };

package/dist/layouts/FullLayout.d.ts

@@ -1,21 +1,20 @@
 import { type Dispatch, type ReactNode, type SetStateAction } from "react";
 type Props = {
     aside?: ReactNode;
-    backLink?: ReactNode;
     navigation?: ReactNode;
     children: ReactNode;
     header?: ReactNode;
     mainNavChildren?: ReactNode;
     menuState: "open" | "closed" | undefined;
-    navTitle?: ReactNode;
     setMenuState: Dispatch<SetStateAction<"open" | "closed" | undefined>>;
     summary?: ReactNode;
-    toolbarChildren?: ReactNode;
+    navToolbarStart?: ReactNode;
+    navFooter?: ReactNode;
     padding?: "default" | "none";
     asidePosition?: {
         desktop: "asideLast" | "asideFirst";
         mobile: "asideLast" | "asideFirst";
     };
 };
-declare const FullLayout: ({ aside, asidePosition, backLink, navigation, children, header, mainNavChildren, menuState, navTitle, setMenuState, summary, toolbarChildren, padding, }: Props) => import("react/jsx-runtime").JSX.Element;
+declare const FullLayout: ({ aside, asidePosition, navigation, children, header, mainNavChildren, menuState, setMenuState, summary, navToolbarStart, navFooter, padding, }: Props) => import("react/jsx-runtime").JSX.Element;
 export default FullLayout;

package/dist/layouts/FullLayout.js

@@ -9,7 +9,7 @@ import * as __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__ from "./F
 const FullLayout = ({ aside, asidePosition = {
     desktop: "asideLast",
     mobile: "asideFirst"
-}, backLink, navigation, children, header, mainNavChildren, menuState, navTitle, setMenuState, summary, toolbarChildren, padding = "default" })=>{
+}, navigation, children, header, mainNavChildren, menuState, setMenuState, summary, navToolbarStart, navFooter, padding = "default" })=>{
     const { pathname, router } = (0, __WEBPACK_EXTERNAL_MODULE__utils_useNextContext_js_47529181__["default"])();
     const toggleRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
     const navRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
@@ -84,43 +84,42 @@ const FullLayout = ({ aside, asidePosition = {
             [__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", {
-                        ref: toggleRef,
-                        className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].toggle,
-                        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",
-                            type: "ghost",
-                            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", {
-                        ref: navRef,
-                        className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].nav,
-                        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
-                            })
-                        ]
-                    })
-                ]
+            mainNavChildren ? /*#__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)("nav", {
+                    ref: navRef,
+                    className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].nav,
+                    children: [
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("header", {
+                            className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].navToolbar,
+                            children: [
+                                navToolbarStart ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                    className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].navToolbarStart,
+                                    children: navToolbarStart
+                                }) : null,
+                                /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                                    ref: toggleRef,
+                                    className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].navToolbarEnd,
+                                    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",
+                                        type: "ghost",
+                                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__hud_SidebarIcon_js_fabd050a__["default"], {})
+                                    })
+                                })
+                            ]
+                        }),
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                            className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].navContent,
+                            children: mainNavChildren
+                        }),
+                        navFooter ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("footer", {
+                            className: __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].navFooter,
+                            children: navFooter
+                        }) : null
+                    ]
+                })
             }) : null,
             /*#__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, "default" === padding && __WEBPACK_EXTERNAL_MODULE__FullLayout_module_js_d92e323f__["default"].padded, aside && {

package/dist/layouts/FullLayout.module.js

@@ -3,11 +3,11 @@ 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",
+    navToolbar: "navToolbar-fPH7h5",
+    navToolbarStart: "navToolbarStart-D3u8SP",
+    navToolbarEnd: "navToolbarEnd-dAB2oH",
+    navFooter: "navFooter-t_dTvk",
     navContent: "navContent-xOgco3",
     header: "header-BPDFUI",
     summary: "summary-yyotr2",

package/dist/layouts/FullLayout_module.css

@@ -1,3 +1,14 @@
+:root {
+  --nav-toggle-size: 38px;
+  --content-padded-horizontal-padding: var(--size-00);
+}
+
+@media (min-width: 768px) {
+  :root {
+    --content-padded-horizontal-padding: var(--size-p2);
+  }
+}
+
 @media (max-width: 768px) {
   body:has(.container-lghvCT.open-rMThLK) {
     overflow: hidden;
@@ -5,7 +16,13 @@
 }
 
 .container-lghvCT {
+  --nav-toggle-inset: calc(var(--nav-toggle-size)  + var(--size-n2));
   --nav-width: 100vw;
+  --page-header-inset: 0;
+}
+
+.closed-iSkj26:has(.nav-PJYqK6).container-lghvCT {
+  --page-header-inset: var(--nav-toggle-inset);
 }
 
 @media (min-width: 768px) {
@@ -24,62 +41,20 @@
   }
 }
 
-.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);
-  box-sizing: border-box;
-  color: var(--tone-default);
-  background: #ffffffb3;
-  border: .5px solid #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;
-  }
-}
-
 .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);
+  padding-top: var(--size-n1);
   -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;
+  border-right: .5px solid #3c3c435c;
+  grid-template-rows: auto minmax(0, 1fr) auto;
   font-size: 17px;
   font-style: normal;
   font-weight: 400;
@@ -89,7 +64,20 @@
   position: fixed;
   top: 0;
   overflow-y: hidden;
-  box-shadow: .5px 0 #3c3c435c;
+}
+
+.nav-PJYqK6:before {
+  -webkit-backdrop-filter: blur(20px);
+  backdrop-filter: blur(20px);
+  content: "";
+  pointer-events: none;
+  z-index: -1;
+  background: #ffffffb3;
+  width: 100%;
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  left: 0;
 }
 
 @media (min-width: 1440px) {
@@ -106,23 +94,76 @@
   left: 0;
 }
 
-.toolbar-Jw7eYV {
-  justify-content: flex-end;
+.navToolbar-fPH7h5 {
+  min-height: var(--nav-toggle-size);
+  padding: 0 var(--size-n1);
+  justify-content: space-between;
+  align-items: flex-start;
+  display: flex;
+}
+
+.navToolbarStart-D3u8SP {
+  flex: 1;
   align-items: center;
-  height: 38px;
-  padding: 0 16px;
+  min-width: 0;
   display: flex;
 }
 
-.navTitle-rDcRNN {
-  padding: 16px 16px 0;
+.navToolbarStart-D3u8SP button {
+  text-align: start;
+  justify-content: start;
+  max-width: 100%;
+}
+
+.navToolbarEnd-dAB2oH {
+  color: #000;
+  -webkit-user-select: none;
+  user-select: none;
+  border-radius: 11px;
+  flex-shrink: 0;
+}
+
+.closed-iSkj26 .navToolbarEnd-dAB2oH {
+  -webkit-backdrop-filter: blur(20px);
+  backdrop-filter: blur(20px);
+  box-sizing: border-box;
+  color: var(--tone-default);
+  left: var(--content-padded-horizontal-padding);
+  top: var(--size-n1);
+  z-index: 3;
+  background: #ffffffb3;
+  border: .5px solid #3c3c435c;
+  transition: left .25s ease-in-out;
+  position: fixed;
+}
+
+.navFooter-t_dTvk {
+  gap: var(--size-n3);
+  padding: 0 var(--size-n1) var(--size-n1);
+  display: grid;
+}
+
+.navFooter-t_dTvk button {
+  justify-content: start;
+  width: 100%;
 }
 
 .navContent-xOgco3 {
-  padding: 16px;
+  margin-block: var(--size-n1);
+  min-height: 0;
+  padding-inline: var(--size-n1);
   overflow-y: auto;
 }
 
+.header-BPDFUI {
+  --page-header-inset: 0;
+  transition: padding-left .25s ease-in-out;
+}
+
+.closed-iSkj26:has(.nav-PJYqK6) .header-BPDFUI {
+  padding-left: var(--nav-toggle-inset);
+}
+
 @media (min-width: 1024px) {
   .header-BPDFUI {
     grid-column: 1 / -1;
@@ -173,16 +214,7 @@
 }
 
 .content-kaxfp0.padded-L3X4Ui {
-  padding-top: 60px;
-  padding-bottom: var(--size-00);
-  padding-left: var(--size-00);
-  padding-right: var(--size-00);
-}
-
-@media (min-width: 768px) {
-  .content-kaxfp0.padded-L3X4Ui {
-    padding: 60px var(--size-p3) var(--size-p3);
-  }
+  padding: var(--size-n1) var(--content-padded-horizontal-padding);
 }
 
 @media (min-width: 1024px) {
@@ -195,11 +227,3 @@
   }
 }
 
-@media (min-width: 1440px) {
-  .content-kaxfp0.padded-L3X4Ui {
-    padding-bottom: var(--size-p4);
-    padding-left: var(--size-p4);
-    padding-right: var(--size-p4);
-  }
-}
-

package/dist/presentation/Container_module.css

@@ -16,14 +16,14 @@
 
 .narrowWidthContent-jzMzq_ {
   width: 100%;
-  padding-left: var(--container-spacing);
-  padding-right: var(--container-spacing);
 }
 
-@media (min-width: 720px) {
+@media (min-width: 768px) {
   .narrowWidthContent-jzMzq_ {
+    --page-header-inset: 0;
     width: 900px;
     max-width: calc(100% - var(--container-spacing) * 2);
+    padding: 0 var(--size-00);
     margin-left: auto;
     margin-right: auto;
   }

package/dist/presentation/Header.js

@@ -8,6 +8,7 @@ const Header = ({ actions, children, description, id, tagName: Tag = "header" })
                 children: children
             }),
             actions ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__Header_module_js_6aa79f68__["default"].actions,
                 children: actions
             }) : null,
             description ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {

package/dist/presentation/Header.module.js

@@ -1,6 +1,7 @@
 import "./Header_module.css";
 const Header_module_rslib_entry_ = {
     container: "container-LpNftB",
+    actions: "actions-M11a7I",
     description: "description-z2GJWi"
 };
 export { Header_module_rslib_entry_ as default };

package/dist/presentation/Header_module.css

@@ -1,17 +1,38 @@
 .container-LpNftB {
-  align-items: center;
+  align-items: flex-start;
   gap: var(--size-n2) var(--size-p2);
   grid-template-columns: 1fr auto;
   display: grid;
 }
 
+.container-LpNftB > div:first-child {
+  min-width: 0;
+}
+
+.actions-M11a7I {
+  flex-shrink: 0;
+}
+
 .description-z2GJWi {
   grid-column: 1 / -1;
 }
 
 @media (max-width: 768px) {
-  .container-LpNftB {
-    grid-template-columns: 1fr;
+  .actions-M11a7I [data-button-part="label"] {
+    clip: rect(0, 0, 0, 0);
+    white-space: nowrap;
+    border: 0;
+    width: 1px;
+    height: 1px;
+    margin: -1px;
+    padding: 0;
+    position: absolute;
+    overflow: hidden;
+  }
+
+  .actions-M11a7I :is(button, a, span):has([data-button-part="icon"]):has([data-button-part="label"]) {
+    padding: var(--size-n2);
+    gap: 0;
   }
 }
 

package/dist/presentation/PageHeader.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from "react";
+type BackLink = {
+    href: string;
+    tooltip: ReactNode;
+};
+type Props = {
+    actions?: ReactNode;
+    backLink?: BackLink;
+    children: ReactNode;
+    description?: ReactNode;
+    id?: string;
+};
+declare const PageHeader: ({ actions, backLink, children, description, id }: Props) => import("react/jsx-runtime").JSX.Element;
+export default PageHeader;

package/dist/presentation/PageHeader.js

@@ -0,0 +1,36 @@
+"use client";
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+import * as __WEBPACK_EXTERNAL_MODULE__controls_ButtonLink_js_1677d8df__ from "../controls/ButtonLink.js";
+import * as __WEBPACK_EXTERNAL_MODULE__icons_components_ChevronLeft_js_95fe0c36__ from "../icons/components/ChevronLeft.js";
+import * as __WEBPACK_EXTERNAL_MODULE__Header_js_94d20122__ from "./Header.js";
+import * as __WEBPACK_EXTERNAL_MODULE__PageHeader_module_js_aa2b4516__ from "./PageHeader.module.js";
+const PageHeader = ({ actions, backLink, children, description, id })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("header", {
+        className: __WEBPACK_EXTERNAL_MODULE__PageHeader_module_js_aa2b4516__["default"].pageHeader,
+        id: id,
+        children: [
+            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
+                className: __WEBPACK_EXTERNAL_MODULE__PageHeader_module_js_aa2b4516__["default"].top,
+                children: [
+                    backLink ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__controls_ButtonLink_js_1677d8df__["default"], {
+                        href: backLink.href,
+                        icon: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__icons_components_ChevronLeft_js_95fe0c36__["default"], {}),
+                        tooltip: backLink.tooltip,
+                        type: "ghost"
+                    }) : null,
+                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                        className: __WEBPACK_EXTERNAL_MODULE__PageHeader_module_js_aa2b4516__["default"].main,
+                        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__Header_js_94d20122__["default"], {
+                            actions: actions,
+                            tagName: "div",
+                            children: children
+                        })
+                    })
+                ]
+            }),
+            description ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                children: description
+            }) : null
+        ]
+    });
+const PageHeader_rslib_entry_ = PageHeader;
+export { PageHeader_rslib_entry_ as default };

package/dist/presentation/PageHeader.module.js

@@ -0,0 +1,7 @@
+import "./PageHeader_module.css";
+const PageHeader_module_rslib_entry_ = {
+    pageHeader: "pageHeader-RV66CE",
+    top: "top-wChgfn",
+    main: "main-KE919g"
+};
+export { PageHeader_module_rslib_entry_ as default };

package/dist/presentation/PageHeader_module.css

@@ -0,0 +1,19 @@
+.pageHeader-RV66CE {
+  gap: var(--size-n2);
+  flex-direction: column;
+  display: flex;
+}
+
+.top-wChgfn {
+  align-items: flex-start;
+  gap: var(--size-n2);
+  padding-left: var(--page-header-inset, 0);
+  transition: padding-left .25s ease-in-out;
+  display: flex;
+}
+
+.main-KE919g {
+  flex: 1;
+  min-width: 0;
+}
+

package/dist/shared.css

@@ -402,12 +402,3 @@ body {
   font: var(--font-regular);
 }
 
-@media (max-width: 600px) {
-  :root {
-    --font-h1: normal 700 28px / 150% var(--typeface-system);
-    --font-h2: normal 700 26px / 150% var(--typeface-system);
-    --font-h3: normal 700 24px / 150% var(--typeface-system);
-    --font-h4: normal 700 22px / 150% var(--typeface-system);
-  }
-}
-

package/dist/static/svg/CalendarPlus.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Free 7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path d="M216 64C229.3 64 240 74.7 240 88L240 128L400 128L400 88C400 74.7 410.7 64 424 64C437.3 64 448 74.7 448 88L448 128L480 128C515.3 128 544 156.7 544 192L544 480C544 515.3 515.3 544 480 544L160 544C124.7 544 96 515.3 96 480L96 192C96 156.7 124.7 128 160 128L192 128L192 88C192 74.7 202.7 64 216 64zM216 176L160 176C151.2 176 144 183.2 144 192L144 480C144 488.8 151.2 496 160 496L480 496C488.8 496 496 488.8 496 480L496 192C496 183.2 488.8 176 480 176L216 176zM320 240C333.3 240 344 250.7 344 264L344 312L392 312C405.3 312 416 322.7 416 336C416 349.3 405.3 360 392 360L344 360L344 408C344 421.3 333.3 432 320 432C306.7 432 296 421.3 296 408L296 360L248 360C234.7 360 224 349.3 224 336C224 322.7 234.7 312 248 312L296 312L296 264C296 250.7 306.7 240 320 240z"/></svg>

package/dist/static/svg/FileCirclePlus.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640"><!--!Font Awesome Pro 7.3.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license (Commercial License) Copyright 2026 Fonticons, Inc.--><path d="M240 112L128 112C119.2 112 112 119.2 112 128L112 512C112 520.8 119.2 528 128 528L282.9 528C289 545.3 297.5 561.4 308 576L128 576C92.7 576 64 547.3 64 512L64 128C64 92.7 92.7 64 128 64L261.5 64C278.5 64 294.8 70.7 306.8 82.7L429.3 205.3C441.3 217.3 448 233.6 448 250.6L448 272.1L312 272.1C272.2 272.1 240 239.9 240 200.1L240 112.1zM380.1 224L288 131.9L288 200C288 213.3 298.7 224 312 224L380.1 224zM464 320C543.5 320 608 384.5 608 464C608 543.5 543.5 608 464 608C384.5 608 320 543.5 320 464C320 384.5 384.5 320 464 320zM480 400C480 391.2 472.8 384 464 384C455.2 384 448 391.2 448 400L448 448L400 448C391.2 448 384 455.2 384 464C384 472.8 391.2 480 400 480L448 480L448 528C448 536.8 455.2 544 464 544C472.8 544 480 536.8 480 528L480 480L528 480C536.8 480 544 472.8 544 464C544 455.2 536.8 448 528 448L480 448L480 400z"/></svg>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@worknice/whiteboard",
   "description": "",
-  "version": "0.68.0",
+  "version": "0.69.0",
   "license": "MIT",
   "private": false,
   "files": [
@@ -39,7 +39,7 @@
     "react-markdown": "^10.1.0",
     "utf8": "^3.0.0",
     "zod": "^4.1.13",
-    "@worknice/utils": "^0.51.0"
+    "@worknice/utils": "^0.52.0"
   },
   "devDependencies": {
     "@anolilab/semantic-release-pnpm": "^3.2.2",

package/dist/hud/NavTitle.d.ts

@@ -1,8 +0,0 @@
-type Props = {
-    demo: boolean;
-    logo: string;
-    subtitle?: string;
-    title: string;
-};
-declare const NavTitle: ({ demo, logo, subtitle, title }: Props) => import("react/jsx-runtime").JSX.Element;
-export default NavTitle;

package/dist/hud/NavTitle.js

@@ -1,43 +0,0 @@
-import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
-import * as __WEBPACK_EXTERNAL_MODULE__worknice_whiteboard_presentation_Badge_506c1dd3__ from "@worknice/whiteboard/presentation/Badge";
-import * as __WEBPACK_EXTERNAL_MODULE__worknice_whiteboard_presentation_PlainText_c60690e6__ from "@worknice/whiteboard/presentation/PlainText";
-import * as __WEBPACK_EXTERNAL_MODULE__NavTitle_module_js_9be55db0__ from "./NavTitle.module.js";
-const NavTitle = ({ demo, logo, subtitle, title })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-        className: __WEBPACK_EXTERNAL_MODULE__NavTitle_module_js_9be55db0__["default"].container,
-        title: title,
-        children: [
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                className: __WEBPACK_EXTERNAL_MODULE__NavTitle_module_js_9be55db0__["default"].logo,
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("img", {
-                    src: logo,
-                    alt: ""
-                })
-            }),
-            /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
-                style: {
-                    overflow: "hidden",
-                    display: "grid"
-                },
-                children: [
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__worknice_whiteboard_presentation_PlainText_c60690e6__["default"], {
-                        font: "regular-bold",
-                        truncate: true,
-                        children: title
-                    }),
-                    subtitle ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__worknice_whiteboard_presentation_PlainText_c60690e6__["default"], {
-                        truncate: true,
-                        children: subtitle
-                    }) : null
-                ]
-            }),
-            demo ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
-                className: __WEBPACK_EXTERNAL_MODULE__NavTitle_module_js_9be55db0__["default"].demo,
-                children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__worknice_whiteboard_presentation_Badge_506c1dd3__["default"], {
-                    color: "grey",
-                    children: "Demo"
-                })
-            }) : null
-        ]
-    });
-const NavTitle_rslib_entry_ = NavTitle;
-export { NavTitle_rslib_entry_ as default };

package/dist/hud/NavTitle.module.js

@@ -1,6 +0,0 @@
-import "./NavTitle_module.css";
-const NavTitle_module_rslib_entry_ = {
-    container: "container-tfjjA7",
-    logo: "logo-s11ueh"
-};
-export { NavTitle_module_rslib_entry_ as default };