@worknice/whiteboard 0.37.0 → 0.38.0

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

@@ -6,7 +6,7 @@ declare const meta: {
         onClick?: (event: React.MouseEvent) => void;
         size?: "normal" | "small";
         title?: string;
-        type?: "submit" | "primary" | "secondary" | "danger";
+        type?: "submit" | "primary" | "secondary" | "danger" | "ghost";
         tooltip?: import("react").ReactNode | null;
     } & ({
         children: import("react").ReactNode;
@@ -36,7 +36,7 @@ declare const meta: {
     args: {
         disabled: false;
         id: string;
-        onClick: import("storybook/test").Mock<(...args: any[]) => any>;
+        onClick: import("vitest").Mock<(...args: any[]) => any>;
         children: import("react/jsx-runtime").JSX.Element;
     };
 };

package/dist/controls/Button.d.ts

@@ -10,7 +10,7 @@ type Props = {
      * A "submit" type will behave as a submit button in a form, while "primary"
      * and "secondary" types will behave as regular buttons.
      */
-    type?: "submit" | "primary" | "secondary" | "danger";
+    type?: "submit" | "primary" | "secondary" | "danger" | "ghost";
     tooltip?: ReactNode | null;
 } & ({
     children: ReactNode;

package/dist/controls/Button.js

@@ -9,6 +9,7 @@ const ButtonElement = ({ children, disabled, icon, id, onClick, size, type, titl
         className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__Button_module_js_2e345e34__["default"].button, {
             [__WEBPACK_EXTERNAL_MODULE__Button_module_js_2e345e34__["default"].primary]: "submit" === type || "primary" === type,
             [__WEBPACK_EXTERNAL_MODULE__Button_module_js_2e345e34__["default"].danger]: "danger" === type,
+            [__WEBPACK_EXTERNAL_MODULE__Button_module_js_2e345e34__["default"].ghost]: "ghost" === type,
             [__WEBPACK_EXTERNAL_MODULE__Button_module_js_2e345e34__["default"].small]: "small" === size,
             [__WEBPACK_EXTERNAL_MODULE__Button_module_js_2e345e34__["default"].iconOnly]: void 0 === children
         }),

package/dist/controls/Button.module.js

@@ -3,6 +3,7 @@ const Button_module_rslib_entry_ = {
     button: "button-Eb4ddm",
     primary: "primary-tMqthm",
     danger: "danger-gtXRIQ",
+    ghost: "ghost-jZFk51",
     iconOnly: "iconOnly-RkeETP",
     small: "small-qYdSeo"
 };

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

@@ -6,7 +6,7 @@ declare const meta: {
         onClick?: (event: React.MouseEvent) => void;
         size?: "normal" | "small";
         title?: string;
-        type?: "submit" | "primary" | "secondary" | "danger";
+        type?: "submit" | "primary" | "secondary" | "danger" | "ghost";
         tooltip?: import("react").ReactNode | null;
     } & ({
         children: import("react").ReactNode;
@@ -34,7 +34,7 @@ declare const meta: {
     args: {
         id: string;
         type: "primary";
-        onClick: import("storybook/test").Mock<(...args: any[]) => any>;
+        onClick: import("vitest").Mock<(...args: any[]) => any>;
         children: import("react/jsx-runtime").JSX.Element;
         size: "normal";
         disabled: false;

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

@@ -19,7 +19,7 @@ declare const meta: {
         };
     };
     args: {
-        onClick: import("storybook/test").Mock<(...args: any[]) => any>;
+        onClick: import("vitest").Mock<(...args: any[]) => any>;
         children: import("react/jsx-runtime").JSX.Element;
         async: false;
     };

package/dist/controls/Button_module.css

@@ -59,6 +59,11 @@
   background-color: var(--color-red-s01);
 }
 
+.ghost-jZFk51 {
+  background: none;
+  border-color: #0000;
+}
+
 .iconOnly-RkeETP {
   padding: var(--size-n2);
 }

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

@@ -6,7 +6,7 @@ declare const meta: {
         onClick?: (event: React.MouseEvent) => void;
         size?: "normal" | "small";
         title?: string;
-        type?: "submit" | "primary" | "secondary" | "danger";
+        type?: "submit" | "primary" | "secondary" | "danger" | "ghost";
         tooltip?: import("react").ReactNode | null;
     } & ({
         children: import("react").ReactNode;

package/dist/controls/MenuButton.d.ts

@@ -3,6 +3,8 @@ type Option = {
     id: string;
     label: string;
     disabled?: boolean;
+    icon?: ReactNode;
+    iconRight?: ReactNode;
 } & ({
     onClick: (event: React.MouseEvent | React.KeyboardEvent) => void | Promise<void>;
     type: "onClick";
@@ -11,12 +13,16 @@ type Option = {
     type: "render";
 } | {
     href: string;
+    external?: boolean;
     type: "link";
 });
 type Props = {
     autoFocus?: boolean;
+    ariaLabel?: string;
     disabled?: boolean;
     id?: string;
+    size?: "normal" | "small";
+    type?: "secondary" | "ghost";
     searchPlaceholder?: string;
     displaySearch?: boolean;
     iconRight?: ReactNode;
@@ -35,10 +41,10 @@ type Props = {
     options?: never;
     /** An array of option groups to display in the menu. Each group has a header and an array of options. It is mutually exclusive with options. */
     optionGroups: Array<{
-        header: string;
+        header?: string;
         options: Array<Option | null>;
     }>;
 });
-declare const MenuButton: ({ autoFocus, disabled, id, 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, }: 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, disabled = false, id, 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 })=>{
     const listboxId = (0, __WEBPACK_EXTERNAL_MODULE_react__.useId)();
     const generatedButtonId = (0, __WEBPACK_EXTERNAL_MODULE_react__.useId)();
     const buttonId = id ?? generatedButtonId;
@@ -118,6 +118,26 @@ const MenuButton = ({ autoFocus = false, disabled = false, id, options, optionGr
         }
     }, []);
     const renderOption = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((option, index)=>{
+        const optionContent = /*#__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__.jsxs)("span", {
+                    className: __WEBPACK_EXTERNAL_MODULE__MenuButton_module_js_872b1a55__["default"].listItemContent,
+                    children: [
+                        option.icon ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                            className: __WEBPACK_EXTERNAL_MODULE__MenuButton_module_js_872b1a55__["default"].listItemIcon,
+                            children: option.icon
+                        }) : null,
+                        /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                            children: option.label
+                        })
+                    ]
+                }),
+                option.iconRight ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("span", {
+                    className: __WEBPACK_EXTERNAL_MODULE__MenuButton_module_js_872b1a55__["default"].listItemIconRight,
+                    children: option.iconRight
+                }) : null
+            ]
+        });
         if ("link" === option.type) return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("li", {
             role: "option",
             "aria-disabled": option.disabled,
@@ -126,14 +146,25 @@ const MenuButton = ({ autoFocus = false, disabled = false, id, options, optionGr
                 [__WEBPACK_EXTERNAL_MODULE__MenuButton_module_js_872b1a55__["default"].disabled]: option.disabled
             }),
             ...getItemProps({
+                onClick: ()=>{
+                    setIsOpen(false);
+                },
                 ref: (node)=>{
                     optionsRef.current[index] = node;
                 }
             }),
-            children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(NextLink, {
+            children: option.external ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("a", {
                 href: option.href,
                 "aria-disabled": option.disabled,
-                children: option.label
+                target: "_blank",
+                rel: "noopener noreferrer",
+                className: __WEBPACK_EXTERNAL_MODULE__MenuButton_module_js_872b1a55__["default"].listItemLink,
+                children: optionContent
+            }) : /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(NextLink, {
+                href: option.href,
+                "aria-disabled": option.disabled,
+                className: __WEBPACK_EXTERNAL_MODULE__MenuButton_module_js_872b1a55__["default"].listItemLink,
+                children: optionContent
             })
         }, option.id);
         return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("li", {
@@ -151,7 +182,7 @@ const MenuButton = ({ autoFocus = false, disabled = false, id, options, optionGr
                     optionsRef.current[index] = node;
                 }
             }),
-            children: option.label
+            children: optionContent
         }, option.id);
     }, [
         activeIndex,
@@ -173,23 +204,27 @@ const MenuButton = ({ autoFocus = false, disabled = false, id, options, optionGr
     ]);
     const renderOptions = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>{
         if (options) return filteredOptions.map((option, index)=>renderOption(option, index));
-        return optionGroups.map((group)=>{
+        return optionGroups.map((group, groupIndex)=>{
             if (0 === group.options.length) return null;
             const groupOptionIds = new Set(group.options.map((o)=>o?.id));
             const filteredGroupOptions = filteredOptions.filter((o)=>groupOptionIds.has(o.id));
             if (0 === filteredGroupOptions.length) return null;
-            const headerId = `${listboxId}-group-${group.header}`;
+            const groupKey = group.header ?? `group-${groupIndex}`;
+            const headerId = `${listboxId}-group-${groupKey}`;
             return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("li", {
                 role: "presentation",
+                className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
+                    [__WEBPACK_EXTERNAL_MODULE__MenuButton_module_js_872b1a55__["default"].listItemGroupWithDivider]: groupIndex > 0
+                }),
                 children: [
-                    /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
+                    group.header ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
                         id: headerId,
                         className: __WEBPACK_EXTERNAL_MODULE__MenuButton_module_js_872b1a55__["default"].listItemGroupHeader,
                         children: group.header
-                    }),
+                    }) : null,
                     /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("ul", {
                         role: "group",
-                        "aria-labelledby": headerId,
+                        "aria-labelledby": group.header ? headerId : void 0,
                         children: filteredGroupOptions.map((option)=>{
                             const optionIndex = filteredIndexById.get(option.id);
                             if (null == optionIndex) return null;
@@ -197,7 +232,7 @@ const MenuButton = ({ autoFocus = false, disabled = false, id, options, optionGr
                         })
                     })
                 ]
-            }, group.header);
+            }, groupKey);
         });
     }, [
         filteredOptions,
@@ -210,13 +245,17 @@ const MenuButton = ({ autoFocus = false, disabled = false, id, options, optionGr
     return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
         children: [
             /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("button", {
+                "aria-label": ariaLabel,
                 "aria-controls": listboxId,
                 "aria-haspopup": "listbox",
                 "aria-expanded": isOpen,
                 autoFocus: autoFocus,
                 disabled: disabled,
                 className: (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])(__WEBPACK_EXTERNAL_MODULE__MenuButton_module_js_872b1a55__["default"].button, {
-                    [__WEBPACK_EXTERNAL_MODULE__MenuButton_module_js_872b1a55__["default"].fullWidthButton]: fullWidth
+                    [__WEBPACK_EXTERNAL_MODULE__MenuButton_module_js_872b1a55__["default"].fullWidthButton]: fullWidth,
+                    [__WEBPACK_EXTERNAL_MODULE__MenuButton_module_js_872b1a55__["default"].ghost]: "ghost" === type,
+                    [__WEBPACK_EXTERNAL_MODULE__MenuButton_module_js_872b1a55__["default"].small]: "small" === size,
+                    [__WEBPACK_EXTERNAL_MODULE__MenuButton_module_js_872b1a55__["default"].iconOnly]: void 0 === children
                 }),
                 tabIndex: 0,
                 type: "button",

package/dist/controls/MenuButton.module.js

@@ -2,11 +2,19 @@ import "./MenuButton_module.css";
 const MenuButton_module_rslib_entry_ = {
     button: "button-HIHLjl",
     fullWidthButton: "fullWidthButton-Q2zYOT",
+    ghost: "ghost-m99Ewa",
+    iconOnly: "iconOnly-SpQuMe",
+    small: "small-TyypSx",
     searchInput: "searchInput-bGdium",
     menu: "menu-jQY3kP",
     listBox: "listBox-IanUVy",
     listItemGroupHeader: "listItemGroupHeader-ijzhOF",
+    listItemGroupWithDivider: "listItemGroupWithDivider-L_h_bX",
     listItem: "listItem-PEQEDL",
+    listItemContent: "listItemContent-Lb0FR5",
+    listItemIcon: "listItemIcon-WXMGL7",
+    listItemIconRight: "listItemIconRight-HT2HDL",
+    listItemLink: "listItemLink-eKYeof",
     active: "active-SH4mjY",
     disabled: "disabled-c63Kbb"
 };

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

@@ -1,14 +1,17 @@
 import type { StoryObj } from "@storybook/nextjs-vite";
 declare const meta: {
-    component: ({ autoFocus, disabled, id, options, optionGroups, searchPlaceholder, children, icon, iconRight, displaySearch, fullWidth, }: {
+    component: ({ autoFocus, ariaLabel, disabled, id, size, type, options, optionGroups, searchPlaceholder, children, icon, iconRight, displaySearch, fullWidth, }: {
         autoFocus?: boolean;
+        ariaLabel?: string;
         disabled?: boolean;
         id?: string;
+        size?: "normal" | "small";
+        type?: "secondary" | "ghost";
         searchPlaceholder?: string;
         displaySearch?: boolean;
         iconRight?: import("react").ReactNode;
         fullWidth?: boolean;
-    } & ({
+    } & (({
         children: import("react").ReactNode;
         icon?: import("react").ReactNode;
     } | {
@@ -20,10 +23,10 @@ declare const meta: {
     } | {
         options?: never;
         optionGroups: Array<{
-            header: string;
+            header?: string;
             options: Array<import("./MenuButton").MenuButtonOption | null>;
         }>;
-    })) => import("react/jsx-runtime").JSX.Element;
+    }))) => import("react/jsx-runtime").JSX.Element;
     argTypes: {
         id: {
             control: false;
@@ -55,7 +58,7 @@ declare const meta: {
             id: string;
             label: string;
             type: "onClick";
-            onClick: import("storybook/test").Mock<(...args: any[]) => any>;
+            onClick: import("vitest").Mock<(...args: any[]) => any>;
         }[];
     };
 };

package/dist/controls/MenuButton_module.css

@@ -27,6 +27,19 @@
   width: 100%;
 }
 
+.ghost-m99Ewa {
+  background: none;
+  border-color: #0000;
+}
+
+.iconOnly-SpQuMe {
+  padding: var(--size-n2);
+}
+
+.iconOnly-SpQuMe.small-TyypSx {
+  padding: var(--size-n3);
+}
+
 .button-HIHLjl:disabled {
   background: var(--color-grey-t09);
   border-color: var(--color-grey-t09);
@@ -34,6 +47,12 @@
   cursor: not-allowed;
 }
 
+.small-TyypSx {
+  font: var(--font-small);
+  gap: var(--size-n2);
+  padding: var(--size-n3) var(--size-n2);
+}
+
 .button-HIHLjl:focus-visible {
   box-shadow: 0px 0px 0px 2px var(--color-white), 0px 0px 0px 4px var(--color-purple-000);
 }
@@ -54,7 +73,7 @@
   border: 1px solid var(--color-grey-t08);
   border-radius: var(--size-n3);
   box-shadow: var(--shadow-heavy);
-  z-index: 1;
+  z-index: 100;
 }
 
 .listBox-IanUVy {
@@ -68,6 +87,12 @@
   font: var(--font-regular-bold);
 }
 
+.listItemGroupWithDivider-L_h_bX {
+  border-top: 1px solid var(--color-grey-t08);
+  margin-top: var(--size-n2);
+  padding-top: var(--size-n2);
+}
+
 .listItem-PEQEDL {
   padding: var(--size-n2);
   border-radius: var(--size-n3);
@@ -77,6 +102,27 @@
   display: grid;
 }
 
+.listItemContent-Lb0FR5 {
+  align-items: center;
+  gap: var(--size-n2);
+  min-width: 0;
+  display: inline-flex;
+}
+
+.listItemIcon-WXMGL7, .listItemIconRight-HT2HDL {
+  place-items: center;
+  display: inline-grid;
+}
+
+.listItemLink-eKYeof {
+  width: 100%;
+  color: inherit;
+  grid-template-columns: 1fr max-content;
+  align-items: center;
+  text-decoration: none;
+  display: grid;
+}
+
 .listItem-PEQEDL:hover {
   cursor: pointer;
 }

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

@@ -12,7 +12,7 @@ declare const meta: {
         SortableItem: ({ id, children, actions }: import("./SortableItem").SortableItemProps) => import("react/jsx-runtime").JSX.Element;
     };
     args: {
-        onDragEnd: import("storybook/test").Mock<(...args: any[]) => any>;
+        onDragEnd: import("vitest").Mock<(...args: any[]) => any>;
         items: {
             id: string;
             value: import("react/jsx-runtime").JSX.Element;

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

@@ -25,7 +25,7 @@ declare const meta: {
             content: string;
             key: string;
         }[];
-        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        onChange: import("vitest").Mock<(...args: any[]) => any>;
     };
     render: (args: {
         active: string;

package/dist/fields/CheckboxSetField.stories.d.ts

@@ -34,7 +34,7 @@ declare const meta: {
         options: string[];
         optionToId: (option: string) => string;
         optionToLabel: (option: string) => string;
-        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        onChange: import("vitest").Mock<(...args: any[]) => any>;
         values: never[];
     };
     render: (args: {

package/dist/fields/ColorPickerField.stories.d.ts

@@ -23,7 +23,7 @@ declare const meta: {
     args: {
         label: string;
         value: string;
-        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        onChange: import("vitest").Mock<(...args: any[]) => any>;
         description: string;
         labelFont: "label";
         required: false;

package/dist/fields/OrgLogoField.stories.d.ts

@@ -20,7 +20,7 @@ declare const meta: {
     args: {
         value: undefined;
         logoUrl: string;
-        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        onChange: import("vitest").Mock<(...args: any[]) => any>;
         errors: never[];
         required: false;
     };

package/dist/fields/PaletteColorPickerField.stories.d.ts

@@ -21,7 +21,7 @@ declare const meta: {
     args: {
         label: string;
         value: "blue";
-        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        onChange: import("vitest").Mock<(...args: any[]) => any>;
         description: string;
         labelFont: "label";
         required: false;

package/dist/fields/TimezoneField.stories.d.ts

@@ -23,7 +23,7 @@ declare const meta: {
     args: {
         label: string;
         value: "Australia/Sydney";
-        onChange: import("storybook/test").Mock<(...args: any[]) => any>;
+        onChange: import("vitest").Mock<(...args: any[]) => any>;
         description: string;
         required: false;
         disabled: false;

package/dist/icons/BookOpenLinesIcon.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from "./_types";
+declare const BookOpenLinesIcon: Icon;
+export default BookOpenLinesIcon;

package/dist/icons/BookOpenLinesIcon.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+const BookOpenLinesIcon = ({ id })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("symbol", {
+        id: id,
+        viewBox: "0 0 640 640",
+        fill: "currentColor",
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+            d: "M276.4 169.8L296 178L296 522.4C248.4 505 198 496 147.2 496L112 496L112 144L147.2 144C191.6 144 235.5 152.8 276.4 169.8zM492.8 496C442 496 391.6 505 344 522.4L344 178L363.6 169.8C404.5 152.8 448.4 144 492.8 144L528 144L528 496L492.8 496zM320 136L294.9 125.5C248.1 106 197.9 96 147.2 96L112 96C85.5 96 64 117.5 64 144L64 496C64 522.5 85.5 544 112 544L147.2 544C197.9 544 248.1 554 294.9 573.5L307.7 578.8C315.6 582.1 324.4 582.1 332.3 578.8L345.1 573.5C391.9 554 442.1 544 492.8 544L528 544C554.5 544 576 522.5 576 496L576 144C576 117.5 554.5 96 528 96L492.8 96C442.1 96 391.9 106 345.1 125.5L320 136zM168 192C154.7 192 144 202.7 144 216C144 229.3 154.7 240 168 240L172.2 240C192 240 211.5 244.6 229.2 253.5C241.1 259.4 255.5 254.6 261.4 242.8C267.3 231 262.5 216.5 250.7 210.6C226.3 198.4 199.4 192.1 172.2 192.1L168 192.1zM467.8 192C440.5 192 413.7 198.3 389.3 210.5C377.4 216.4 372.6 230.8 378.6 242.7C384.6 254.6 398.9 259.4 410.8 253.4C428.5 244.5 448 239.9 467.8 239.9L472 239.9C485.3 239.9 496 229.2 496 215.9C496 202.6 485.3 191.9 472 191.9L467.8 191.9zM168 288C154.7 288 144 298.7 144 312C144 325.3 154.7 336 168 336L172.2 336C192 336 211.5 340.6 229.2 349.5C241.1 355.4 255.5 350.6 261.4 338.8C267.3 327 262.5 312.5 250.7 306.6C226.3 294.4 199.4 288.1 172.2 288.1L168 288.1zM467.8 288C440.5 288 413.7 294.3 389.3 306.5C377.4 312.4 372.6 326.8 378.6 338.7C384.6 350.6 398.9 355.4 410.8 349.4C428.5 340.5 448 335.9 467.8 335.9L472 335.9C485.3 335.9 496 325.2 496 311.9C496 298.6 485.3 287.9 472 287.9L467.8 287.9zM168 384C154.7 384 144 394.7 144 408C144 421.3 154.7 432 168 432L172.2 432C192 432 211.5 436.6 229.2 445.5C241.1 451.4 255.5 446.6 261.4 434.8C267.3 423 262.5 408.5 250.7 402.6C226.3 390.4 199.4 384.1 172.2 384.1L168 384.1zM467.8 384C440.5 384 413.7 390.3 389.3 402.5C377.4 408.4 372.6 422.8 378.6 434.7C384.6 446.6 398.9 451.4 410.8 445.4C428.5 436.5 448 431.9 467.8 431.9L472 431.9C485.3 431.9 496 421.2 496 407.9C496 394.6 485.3 383.9 472 383.9L467.8 383.9z"
+        })
+    });
+const BookOpenLinesIcon_rslib_entry_ = BookOpenLinesIcon;
+export { BookOpenLinesIcon_rslib_entry_ as default };

package/dist/icons/BugIcon.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from "./_types";
+declare const BugIcon: Icon;
+export default BugIcon;

package/dist/icons/BugIcon.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+const BugIcon = ({ id })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("symbol", {
+        id: id,
+        viewBox: "0 0 640 640",
+        fill: "currentColor",
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+            d: "M320 64C267 64 224 107 224 160L224 163.6C224 179.3 236.7 192 252.4 192L387.5 192C403.2 192 415.9 179.3 415.9 163.6L415.9 160C415.9 107 372.9 64 319.9 64zM432 344L432 416C432 469.6 394.3 514.4 344 525.4L344 360C344 346.7 333.3 336 320 336C306.7 336 296 346.7 296 360L296 525.4C245.7 514.4 208 469.6 208 416L208 344C208 313.1 233.1 288 264 288L376 288C406.9 288 432 313.1 432 344zM179.8 282.9C170.3 296 163.8 311.3 161.2 328L56 328C42.7 328 32 338.7 32 352C32 365.3 42.7 376 56 376L160 376L160 416C160 422.5 160.4 428.9 161.1 435.1L73.6 500.8C63 508.8 60.8 523.8 68.8 534.4C76.8 545 91.8 547.2 102.4 539.2L175.4 484.5C201 538.6 256.1 576 320 576C383.9 576 439 538.6 464.6 484.5L537.6 539.2C548.2 547.2 563.2 545 571.2 534.4C579.2 523.8 577 508.8 566.4 500.8L478.9 435.1C479.6 428.8 480 422.4 480 416L480 376L584 376C597.3 376 608 365.3 608 352C608 338.7 597.3 328 584 328L478.8 328C476.2 311.3 469.7 296 460.2 282.9L566.4 203.2C577 195.2 579.2 180.2 571.2 169.6C563.2 159 548.2 156.8 537.6 164.8L422.6 251C408.6 243.9 392.7 240 376 240L264 240C247.2 240 231.4 244 217.4 251L102.4 164.8C91.8 156.8 76.8 159 68.8 169.6C60.8 180.2 63 195.2 73.6 203.2L179.8 282.9z"
+        })
+    });
+const BugIcon_rslib_entry_ = BugIcon;
+export { BugIcon_rslib_entry_ as default };

package/dist/icons/CommentIcon.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from "./_types";
+declare const CommentIcon: Icon;
+export default CommentIcon;

package/dist/icons/CommentIcon.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+const CommentIcon = ({ id })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("symbol", {
+        id: id,
+        viewBox: "0 0 640 640",
+        fill: "currentColor",
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+            d: "M115.9 448.9C83.3 408.6 64 358.4 64 304C64 171.5 178.6 64 320 64C461.4 64 576 171.5 576 304C576 436.5 461.4 544 320 544C283.5 544 248.8 536.8 217.4 524L101 573.9C97.3 575.5 93.5 576 89.5 576C75.4 576 64 564.6 64 550.5C64 546.2 65.1 542 67.1 538.3L115.9 448.9zM153.2 418.7C165.4 433.8 167.3 454.8 158 471.9L140 505L198.5 479.9C210.3 474.8 223.7 474.7 235.6 479.6C261.3 490.1 289.8 496 319.9 496C437.7 496 527.9 407.2 527.9 304C527.9 200.8 437.8 112 320 112C202.2 112 112 200.8 112 304C112 346.8 127.1 386.4 153.2 418.7z"
+        })
+    });
+const CommentIcon_rslib_entry_ = CommentIcon;
+export { CommentIcon_rslib_entry_ as default };

package/dist/icons/LightbulbIcon.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from "./_types";
+declare const LightbulbIcon: Icon;
+export default LightbulbIcon;

package/dist/icons/LightbulbIcon.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+const LightbulbIcon = ({ id })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("symbol", {
+        id: id,
+        viewBox: "0 0 640 640",
+        fill: "currentColor",
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+            d: "M424.5 355.1C449 329.2 464 294.4 464 256C464 176.5 399.5 112 320 112C240.5 112 176 176.5 176 256C176 294.4 191 329.2 215.5 355.1C236.8 377.5 260.4 409.1 268.8 448L371.2 448C379.6 409 403.2 377.5 424.5 355.1zM459.3 388.1C435.7 413 416 443.4 416 477.7L416 496C416 540.2 380.2 576 336 576L304 576C259.8 576 224 540.2 224 496L224 477.7C224 443.4 204.3 413 180.7 388.1C148 353.7 128 307.2 128 256C128 150 214 64 320 64C426 64 512 150 512 256C512 307.2 492 353.7 459.3 388.1zM272 248C272 261.3 261.3 272 248 272C234.7 272 224 261.3 224 248C224 199.4 263.4 160 312 160C325.3 160 336 170.7 336 184C336 197.3 325.3 208 312 208C289.9 208 272 225.9 272 248z"
+        })
+    });
+const LightbulbIcon_rslib_entry_ = LightbulbIcon;
+export { LightbulbIcon_rslib_entry_ as default };

package/dist/icons/NewspaperIcon.d.ts

@@ -0,0 +1,3 @@
+import type { Icon } from "./_types";
+declare const NewspaperIcon: Icon;
+export default NewspaperIcon;

package/dist/icons/NewspaperIcon.js

@@ -0,0 +1,11 @@
+import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
+const NewspaperIcon = ({ id })=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("symbol", {
+        id: id,
+        viewBox: "0 0 640 640",
+        fill: "currentColor",
+        children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("path", {
+            d: "M232 144C218.7 144 208 154.7 208 168L208 472C208 480.4 206.6 488.5 203.9 496L504 496C517.3 496 528 485.3 528 472L528 168C528 154.7 517.3 144 504 144L232 144zM136 544C96.2 544 64 511.8 64 472L64 176C64 162.7 74.7 152 88 152C101.3 152 112 162.7 112 176L112 472C112 485.3 122.7 496 136 496C149.3 496 160 485.3 160 472L160 168C160 128.2 192.2 96 232 96L504 96C543.8 96 576 128.2 576 168L576 472C576 511.8 543.8 544 504 544L136 544zM256 216C256 202.7 266.7 192 280 192L328 192C341.3 192 352 202.7 352 216L352 264C352 277.3 341.3 288 328 288L280 288C266.7 288 256 277.3 256 264L256 216zM408 240L456 240C469.3 240 480 250.7 480 264C480 277.3 469.3 288 456 288L408 288C394.7 288 384 277.3 384 264C384 250.7 394.7 240 408 240zM280 320L456 320C469.3 320 480 330.7 480 344C480 357.3 469.3 368 456 368L280 368C266.7 368 256 357.3 256 344C256 330.7 266.7 320 280 320zM280 400L456 400C469.3 400 480 410.7 480 424C480 437.3 469.3 448 456 448L280 448C266.7 448 256 437.3 256 424C256 410.7 266.7 400 280 400z"
+        })
+    });
+const NewspaperIcon_rslib_entry_ = NewspaperIcon;
+export { NewspaperIcon_rslib_entry_ as default };

package/dist/icons/index.d.ts

@@ -8,6 +8,8 @@ export * as AssignmentCertificate from "./AssignmentCertificateIcon";
 export * as AssignmentDocument from "./AssignmentDocumentIcon";
 export * as AssignmentQuestionnaire from "./AssignmentQuestionnaireIcon";
 export * as BankAccount from "./BankAccountIcon";
+export * as BookOpenLines from "./BookOpenLinesIcon";
+export * as Bug from "./BugIcon";
 export * as Calendar from "./CalendarIcon";
 export * as Cancel from "./CancelIcon";
 export * as CaratDown from "./CaratDownIcon";
@@ -21,6 +23,7 @@ export * as ChevronRight from "./ChevronRightIcon";
 export * as ChevronUp from "./ChevronUpIcon";
 export * as Close from "./CloseIcon";
 export * as Columns from "./ColumnsIcon";
+export * as Comment from "./CommentIcon";
 export * as Copy from "./CopyIcon";
 export * as Dash from "./DashIcon";
 export * as Delete from "./DeleteIcon";
@@ -39,10 +42,12 @@ export * as Inbox from "./InboxIcon";
 export * as Insights from "./InsightsIcon";
 export * as Job from "./JobIcon";
 export * as Leave from "./LeaveIcon";
+export * as Lightbulb from "./LightbulbIcon";
 export * as Loading from "./LoadingIcon";
 export * as Logout from "./LogoutIcon";
 export * as Microsoft from "./MicrosoftIcon";
 export * as Minus from "./MinusIcon";
+export * as Newspaper from "./NewspaperIcon";
 export * as Overflow from "./OverflowIcon";
 export * as PaperworkAssigned from "./PaperworkAssignedIcon";
 export * as PaperworkDraft from "./PaperworkDraftIcon";