@aussieljk/forkbook 0.0.1-8 → 0.0.1-9

package/dist/manager/_manager-chunks/{globals-runtime-DgUeynuu.js → globals-runtime-FcobHVj9.js}

@@ -1,11 +1,11 @@
 import { a as __toESM, n as __esmMin, r as __exportAll } from "./globals-runtime-BdGkqNEt.js";
-import { A as init_lang, B as stringify, F as init_tiny_invariant, H as init_esm, I as invariant, L as init_dist, M as highlight, N as init_lib, R as isJSON, V as dedent, a as init_bundle_esm, j as lang, o as useResizeObserver, z as parse } from "./globals-runtime-DB8fVA5g.js";
-import { $ as init_useCopyButton, a as useTheme, at as LOOPBACK_HOSTNAMES, ct as global, dt as init_universal_store, et as useCopyButton, it as init_announce, lt as init_global, nt as clearAnnouncer, ot as init_local_hosts, r as ThemeProvider, rt as destroyAnnouncer, s as themeToCssVars, st as matchesHostname, t as init_theming, tt as announce, ut as UniversalStore } from "./globals-runtime-DZN_3ZLm.js";
-import { L as require_react, N as require_memoizerific, i as useTransitionState, n as init_react_textarea_autosize_browser_esm, r as init_useTransitionState, t as index } from "./globals-runtime-Bpc_ftuT.js";
-import { H as clsx, U as init_clsx } from "./globals-runtime-kmPSyf3j.js";
-import { A as init_TooltipPopup, C as DialogPortal, D as DialogBackdrop, E as init_DialogPopup, F as TooltipTrigger, G as init_ScrollAreaCorner, H as init_useRender, I as init_TooltipTrigger, J as ScrollAreaContent, K as ScrollAreaThumb, L as TooltipRoot, M as init_TooltipPositioner, N as TooltipPortal, O as init_DialogBackdrop, P as init_TooltipPortal, R as init_TooltipRoot, S as init_DialogRoot, T as DialogPopup, U as useRender, W as ScrollAreaCorner, X as ScrollAreaScrollbar, Y as init_ScrollAreaContent, Z as init_ScrollAreaScrollbar, _ as PopoverTrigger, a as TabsTab, b as init_PopoverRoot, c as init_TabsRoot, d as PopoverPopup, et as ScrollAreaViewport, f as init_PopoverPopup, g as init_PopoverPortal, h as PopoverPortal, i as init_TabsPanel, j as TooltipPositioner, k as TooltipPopup, l as PopoverArrow, m as init_PopoverPositioner, n as init_TabsList, nt as ScrollAreaRoot, o as init_TabsTab, p as PopoverPositioner, q as init_ScrollAreaThumb, r as TabsPanel, rt as init_ScrollAreaRoot, s as TabsRoot, t as TabsList, tt as init_ScrollAreaViewport, u as init_PopoverArrow, v as init_PopoverTrigger, w as init_DialogPortal, x as DialogRoot, y as PopoverRoot } from "./globals-runtime-BKW-4ztO.js";
-import { Ao as t, Do as e, Lr as init_LightningSlash_es, Ls as init_ArrowClockwise_es, Oo as init_CaretRight_es, Rr as t$1, Rs as r, ko as init_CaretLeft_es, l as e$1, u as init_X_es } from "./globals-runtime-BO0pfoqL.js";
-import { d as isTestEnvironment, f as init_csf_utils, g as InvalidChannelPageError, i as init_manager_api, n as init_useMedia, o as shortcutToAriaKeyshortcuts, p as sanitize, r as useMediaQuery, s as shortcutToHumanString, u as init_animation_utils, v as init_preview_errors } from "./globals-runtime-CIcNS9TG.js";
+import { A as init_lang, B as stringify, F as init_tiny_invariant, H as init_esm, I as invariant, L as init_dist, M as highlight, N as init_lib, R as isJSON, V as dedent, a as init_bundle_esm, j as lang, o as useResizeObserver, z as parse } from "./globals-runtime-CA8AuIRT.js";
+import { a as useTheme, at as useCopyButton, ct as destroyAnnouncer, dt as init_local_hosts, ft as matchesHostname, gt as init_universal_store, ht as UniversalStore, it as init_useCopyButton, lt as init_announce, mt as init_global, ot as announce, pt as global, r as ThemeProvider, s as themeToCssVars, st as clearAnnouncer, t as init_theming, ut as LOOPBACK_HOSTNAMES } from "./globals-runtime-CnfHMZV0.js";
+import { i as useTransitionState, k as require_react, n as init_react_textarea_autosize_browser_esm, r as init_useTransitionState, t as index } from "./globals-runtime-Bs75QQ_I.js";
+import { H as clsx, U as init_clsx } from "./globals-runtime-DvV_TF3-.js";
+import { A as init_TooltipPopup, C as DialogPortal, D as DialogBackdrop, E as init_DialogPopup, F as TooltipTrigger, G as init_ScrollAreaCorner, H as init_useRender, I as init_TooltipTrigger, J as ScrollAreaContent, K as ScrollAreaThumb, L as TooltipRoot, M as init_TooltipPositioner, N as TooltipPortal, O as init_DialogBackdrop, P as init_TooltipPortal, R as init_TooltipRoot, S as init_DialogRoot, T as DialogPopup, U as useRender, W as ScrollAreaCorner, X as ScrollAreaScrollbar, Y as init_ScrollAreaContent, Z as init_ScrollAreaScrollbar, _ as PopoverTrigger, a as TabsTab, b as init_PopoverRoot, c as init_TabsRoot, d as PopoverPopup, et as ScrollAreaViewport, f as init_PopoverPopup, g as init_PopoverPortal, h as PopoverPortal, i as init_TabsPanel, j as TooltipPositioner, k as TooltipPopup, l as PopoverArrow, m as init_PopoverPositioner, n as init_TabsList, nt as ScrollAreaRoot, o as init_TabsTab, p as PopoverPositioner, q as init_ScrollAreaThumb, r as TabsPanel, rt as init_ScrollAreaRoot, s as TabsRoot, t as TabsList, tt as init_ScrollAreaViewport, u as init_PopoverArrow, v as init_PopoverTrigger, w as init_DialogPortal, x as DialogRoot, y as PopoverRoot } from "./globals-runtime-C4GdZS7_.js";
+import { Do as init_chevron_left, Eo as ChevronLeft, To as init_chevron_right, Ws as require_memoizerific, _ as init_x, g as X, h as init_zap_off, m as ZapOff, on as RotateCw, sn as init_rotate_cw, wo as ChevronRight } from "./globals-runtime-Bj5KDUJi.js";
+import { d as isTestEnvironment, f as init_csf_utils, g as InvalidChannelPageError, i as init_manager_api, n as init_useMedia, o as shortcutToAriaKeyshortcuts, p as sanitize, r as useMediaQuery, s as shortcutToHumanString, u as init_animation_utils, v as init_preview_errors } from "./globals-runtime-dh5vgpgm.js";
 //#region src/channels/main.ts
 var isMulti, generateRandomId, Channel;
 function init_main() {
@@ -801,22 +801,22 @@ function init_DocumentFormatting() {
 }
 //#endregion
 //#region src/components/components/typography/lib/common.module.css
-var id$64, common_module_default;
+var id$65, common_module_default;
 function init_common_module() {
 	return (init_common_module = __esmMin((() => {
-		id$64 = "core/src/components/components/typography/lib/common.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$64}"]`)) {
+		id$65 = "core/src/components/components/typography/lib/common.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$65}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$64);
+			style.setAttribute("data-fb-css", id$65);
 			style.textContent = ".fb-9V_Jya-headerCommon{cursor:text;color:var(--fb-color-default-text);margin:20px 0 8px;padding:0;position:relative;&:first-of-type{margin-top:0;padding-top:0}&:hover a.fb-9V_Jya-anchor{text-decoration:none}& tt,& code{font-size:inherit}}.fb-9V_Jya-codeCommon{white-space:nowrap;line-height:1;font-size:calc(var(--fb-size-s2) - 1px);color:var(--fb-color-default-text);background-color:#00000003;border:1px solid #0000000d;border-radius:3px;margin:0 2px;padding:3px 5px}:where([data-fb-theme=dark]) .fb-9V_Jya-codeCommon{background-color:#ffffff05;border:1px solid #ffffff0d}.fb-9V_Jya-withReset{font-family:var(--fb-font-base);font-size:var(--fb-size-s3);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:#0000;-webkit-overflow-scrolling:touch;margin:0}.fb-9V_Jya-withMargin{margin:16px 0}";
 			document.head.appendChild(style);
 		}
 		common_module_default = {
-			"headerCommon": "fb-9V_Jya-headerCommon",
 			"codeCommon": "fb-9V_Jya-codeCommon",
+			"headerCommon": "fb-9V_Jya-headerCommon",
+			"anchor": "fb-9V_Jya-anchor",
 			"withReset": "fb-9V_Jya-withReset",
-			"withMargin": "fb-9V_Jya-withMargin",
-			"anchor": "fb-9V_Jya-anchor"
+			"withMargin": "fb-9V_Jya-withMargin"
 		};
 	})))();
 }
@@ -831,13 +831,13 @@ function init_common() {
 }
 //#endregion
 //#region src/components/components/typography/ResetWrapper.tsx
-var import_react$68, ResetWrapper;
+var import_react$69, ResetWrapper;
 function init_ResetWrapper() {
 	return (init_ResetWrapper = __esmMin((() => {
-		import_react$68 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$69 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_clsx();
 		init_common();
-		ResetWrapper = (0, import_react$68.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ import_react$68.default.createElement("div", {
+		ResetWrapper = (0, import_react$69.forwardRef)(({ className, ...props }, ref) => /* @__PURE__ */ import_react$69.default.createElement("div", {
 			ref,
 			className: clsx(withReset, className),
 			...props
@@ -847,14 +847,14 @@ function init_ResetWrapper() {
 }
 //#endregion
 //#region src/components/components/typography/elements/Link.tsx
-var import_react$67, Link$1;
+var import_react$68, Link$1;
 function init_Link() {
 	return (init_Link = __esmMin((() => {
-		import_react$67 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$68 = /* @__PURE__ */ __toESM(require_react(), 1);
 		Link$1 = ({ href: input = "", ...props }) => {
-			const href = /^\//.test(input) ? `./?path=${input}` : input;
+			const href = /^\//.test(input) ? `.${input.replace(/^\/(story|docs)\//, "/_$1/")}` : input;
 			const target = /^#.*/.test(input) ? "_self" : "_top";
-			return /* @__PURE__ */ import_react$67.default.createElement("a", {
+			return /* @__PURE__ */ import_react$68.default.createElement("a", {
 				href,
 				target,
 				...props
@@ -864,13 +864,13 @@ function init_Link() {
 }
 //#endregion
 //#region src/components/components/typography/elements/A.module.css
-var id$63, A_module_default;
+var id$64, A_module_default;
 function init_A_module() {
 	return (init_A_module = __esmMin((() => {
-		id$63 = "core/src/components/components/typography/elements/A.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$63}"]`)) {
+		id$64 = "core/src/components/components/typography/elements/A.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$64}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$63);
+			style.setAttribute("data-fb-css", id$64);
 			style.textContent = ".fb-TsyR8G-a{font-size:inherit;color:var(--fb-color-secondary);text-underline-offset:.11em;line-height:24px;text-decoration:underline .03125rem;&.absent{color:#c00}&.anchor{cursor:pointer;margin-left:-30px;padding-left:30px;text-decoration:none;display:block;position:absolute;top:0;bottom:0;left:0}&.anchor:hover,&.anchor:focus{text-decoration:underline}& code{color:inherit;padding-left:0;padding-right:0;text-decoration:underline .03125rem;&:before,&:after{content:\"\xA0\";font-size:.5em}}}";
 			document.head.appendChild(style);
 		}
@@ -879,15 +879,15 @@ function init_A_module() {
 }
 //#endregion
 //#region src/components/components/typography/elements/A.tsx
-var import_react$66, A;
+var import_react$67, A;
 function init_A() {
 	return (init_A = __esmMin((() => {
-		import_react$66 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$67 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_clsx();
 		init_common();
 		init_Link();
 		init_A_module();
-		A = ({ className, ...props }) => /* @__PURE__ */ import_react$66.default.createElement(Link$1, {
+		A = ({ className, ...props }) => /* @__PURE__ */ import_react$67.default.createElement(Link$1, {
 			className: clsx(withReset, A_module_default.a, className),
 			...props
 		});
@@ -895,13 +895,13 @@ function init_A() {
 }
 //#endregion
 //#region src/components/components/typography/lib/withClassName.tsx
-var import_react$65, withClassName;
+var import_react$66, withClassName;
 function init_withClassName() {
 	return (init_withClassName = __esmMin((() => {
-		import_react$65 = require_react();
+		import_react$66 = require_react();
 		init_clsx();
 		withClassName = (tag, ...classNames) => {
-			const Component = (0, import_react$65.forwardRef)(({ className, ...props }, ref) => (0, import_react$65.createElement)(tag, {
+			const Component = (0, import_react$66.forwardRef)(({ className, ...props }, ref) => (0, import_react$66.createElement)(tag, {
 				...props,
 				ref,
 				className: clsx(...classNames, className)
@@ -913,13 +913,13 @@ function init_withClassName() {
 }
 //#endregion
 //#region src/components/components/typography/elements/Blockquote.module.css
-var id$62, Blockquote_module_default;
+var id$63, Blockquote_module_default;
 function init_Blockquote_module() {
 	return (init_Blockquote_module = __esmMin((() => {
-		id$62 = "core/src/components/components/typography/elements/Blockquote.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$62}"]`)) {
+		id$63 = "core/src/components/components/typography/elements/Blockquote.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$63}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$62);
+			style.setAttribute("data-fb-css", id$63);
 			style.textContent = ".fb-ytoYdG-blockquote{border-left:4px solid var(--fb-color-medium);color:var(--fb-color-dark);padding:0 15px;&>:first-of-type{margin-top:0}&>:last-child{margin-bottom:0}}";
 			document.head.appendChild(style);
 		}
@@ -939,13 +939,13 @@ function init_Blockquote() {
 }
 //#endregion
 //#region src/components/components/ActionBar/ActionBar.module.css
-var id$61, ActionBar_module_default;
+var id$62, ActionBar_module_default;
 function init_ActionBar_module() {
 	return (init_ActionBar_module = __esmMin((() => {
-		id$61 = "core/src/components/components/ActionBar/ActionBar.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$61}"]`)) {
+		id$62 = "core/src/components/components/ActionBar/ActionBar.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$62}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$61);
+			style.setAttribute("data-fb-css", id$62);
 			style.textContent = ".fb-e5xiIW-container{background:var(--fb-background-content);z-index:1;max-width:100%;display:flex;position:absolute;bottom:0;right:0}.fb-e5xiIW-container[data-flex-layout]{z-index:auto;align-self:flex-end;max-width:none;margin-inline-start:auto;display:inline-flex;position:static}.fb-e5xiIW-actionButton{cursor:pointer;color:var(--fb-color-default-text);background:var(--fb-background-content);font-size:12px;line-height:16px;font-family:var(--fb-font-base);font-weight:var(--fb-weight-bold);border:0;border-top:1px solid var(--fb-app-border-color);border-left:1px solid var(--fb-app-border-color);margin:0;border-radius:4px 0 0;align-items:center;margin-left:-1px;padding:4px 10px;display:flex;&:not(:last-child){border-right:1px solid var(--fb-app-border-color)}&+*{border-left:1px solid var(--fb-app-border-color);border-radius:0}&:focus{box-shadow:var(--fb-color-secondary) 0 -3px 0 0 inset;outline:0;@media (forced-colors:active){outline-offset:2px;outline:2px solid buttonborder}}&:disabled{cursor:not-allowed;opacity:.5}}";
 			document.head.appendChild(style);
 		}
@@ -957,23 +957,23 @@ function init_ActionBar_module() {
 }
 //#endregion
 //#region src/components/components/ActionBar/ActionBar.tsx
-var import_react$64, ActionButton, ActionBar;
+var import_react$65, ActionButton, ActionBar;
 function init_ActionBar() {
 	return (init_ActionBar = __esmMin((() => {
-		import_react$64 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$65 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_clsx();
 		init_ActionBar_module();
-		ActionButton = ({ className, ...props }) => /* @__PURE__ */ import_react$64.default.createElement("button", {
+		ActionButton = ({ className, ...props }) => /* @__PURE__ */ import_react$65.default.createElement("button", {
 			className: clsx(ActionBar_module_default.actionButton, className),
 			...props
 		});
 		ActionButton.displayName = "ActionButton";
 		ActionBar = ({ actionItems, flexLayout = false, ...props }) => {
-			return /* @__PURE__ */ import_react$64.default.createElement("div", {
+			return /* @__PURE__ */ import_react$65.default.createElement("div", {
 				...props,
 				className: ActionBar_module_default.container,
 				"data-flex-layout": flexLayout || void 0
-			}, actionItems.map(({ title, ariaLabel, className, onClick, disabled }, index) => /* @__PURE__ */ import_react$64.default.createElement(ActionButton, {
+			}, actionItems.map(({ title, ariaLabel, className, onClick, disabled }, index) => /* @__PURE__ */ import_react$65.default.createElement(ActionButton, {
 				key: index,
 				"aria-label": ariaLabel,
 				className,
@@ -985,41 +985,41 @@ function init_ActionBar() {
 }
 //#endregion
 //#region src/components/components/ScrollArea/ScrollArea.module.css
-var id$60, ScrollArea_module_default;
+var id$61, ScrollArea_module_default;
 function init_ScrollArea_module() {
 	return (init_ScrollArea_module = __esmMin((() => {
-		id$60 = "core/src/components/components/ScrollArea/ScrollArea.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$60}"]`)) {
+		id$61 = "core/src/components/components/ScrollArea/ScrollArea.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$61}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$60);
+			style.setAttribute("data-fb-css", id$61);
 			style.textContent = ".fb-L_srpa-root{width:100%;height:100%;overflow:hidden}.fb-L_srpa-viewport{width:100%;height:100%;&[data-focusable]:focus{outline:2px solid var(--fb-color-secondary);outline-offset:-2px}}.fb-L_srpa-scrollbar{user-select:none;touch-action:none;border-radius:var(--scrollbar-size);z-index:1;opacity:0;pointer-events:none;background:0 0;transition:all .2s ease-out;display:flex;&[data-hovering],&[data-scrolling]{opacity:1;pointer-events:auto}&[data-orientation=vertical]{width:var(--scrollbar-size);padding-right:var(--scrollbar-offset);margin-top:var(--scrollbar-offset);margin-bottom:var(--scrollbar-offset)}&[data-orientation=horizontal]{height:var(--scrollbar-size);padding-bottom:var(--scrollbar-offset);margin-left:var(--scrollbar-offset);margin-right:var(--scrollbar-offset);flex-direction:column}}.fb-L_srpa-root[data-both]>.fb-L_srpa-scrollbar{&[data-orientation=vertical]{margin-bottom:0}&[data-orientation=horizontal]{margin-right:0}}.fb-L_srpa-thumb{background:var(--fb-text-muted-color);opacity:.5;border-radius:var(--scrollbar-size);z-index:1;flex:1;transition:opacity .2s ease-out;position:relative;&:hover{opacity:.8}&:before{content:\"\";width:100%;height:100%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}}";
 			document.head.appendChild(style);
 		}
 		ScrollArea_module_default = {
 			"viewport": "fb-L_srpa-viewport",
-			"root": "fb-L_srpa-root",
 			"scrollbar": "fb-L_srpa-scrollbar",
-			"thumb": "fb-L_srpa-thumb"
+			"thumb": "fb-L_srpa-thumb",
+			"root": "fb-L_srpa-root"
 		};
 	})))();
 }
 //#endregion
 //#region src/components/components/ScrollArea/ScrollArea.tsx
-var import_react$63, ScrollArea;
+var import_react$64, ScrollArea;
 function init_ScrollArea() {
 	return (init_ScrollArea = __esmMin((() => {
-		import_react$63 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$64 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_ScrollAreaRoot(), init_ScrollAreaViewport(), init_ScrollAreaContent(), init_ScrollAreaScrollbar(), init_ScrollAreaThumb(), init_ScrollAreaCorner();
 		init_clsx();
 		init_ScrollArea_module();
-		ScrollArea = (0, import_react$63.forwardRef)(({ children, horizontal = false, vertical = false, offset = 2, scrollbarSize = 3, scrollPadding = 0, className, focusable = false }, ref) => /* @__PURE__ */ import_react$63.default.createElement(ScrollAreaRoot, {
+		ScrollArea = (0, import_react$64.forwardRef)(({ children, horizontal = false, vertical = false, offset = 2, scrollbarSize = 1, scrollPadding = 0, className, focusable = false }, ref) => /* @__PURE__ */ import_react$64.default.createElement(ScrollAreaRoot, {
 			className: clsx(ScrollArea_module_default.root, className),
 			style: {
 				"--scrollbar-size": `${scrollbarSize + offset}px`,
 				"--scrollbar-offset": `${offset}px`
 			},
 			"data-both": horizontal && vertical || void 0
-		}, /* @__PURE__ */ import_react$63.default.createElement(ScrollAreaViewport, {
+		}, /* @__PURE__ */ import_react$64.default.createElement(ScrollAreaViewport, {
 			ref,
 			className: ScrollArea_module_default.viewport,
 			"data-focusable": focusable || void 0,
@@ -1029,13 +1029,13 @@ function init_ScrollArea() {
 				overflowY: vertical ? "scroll" : "hidden"
 			},
 			tabIndex: focusable ? 0 : void 0
-		}, /* @__PURE__ */ import_react$63.default.createElement(ScrollAreaContent, null, children)), horizontal && /* @__PURE__ */ import_react$63.default.createElement(ScrollAreaScrollbar, {
+		}, /* @__PURE__ */ import_react$64.default.createElement(ScrollAreaContent, null, children)), horizontal && /* @__PURE__ */ import_react$64.default.createElement(ScrollAreaScrollbar, {
 			className: ScrollArea_module_default.scrollbar,
 			orientation: "horizontal"
-		}, /* @__PURE__ */ import_react$63.default.createElement(ScrollAreaThumb, { className: ScrollArea_module_default.thumb })), vertical && /* @__PURE__ */ import_react$63.default.createElement(ScrollAreaScrollbar, {
+		}, /* @__PURE__ */ import_react$64.default.createElement(ScrollAreaThumb, { className: ScrollArea_module_default.thumb })), vertical && /* @__PURE__ */ import_react$64.default.createElement(ScrollAreaScrollbar, {
 			className: ScrollArea_module_default.scrollbar,
 			orientation: "vertical"
-		}, /* @__PURE__ */ import_react$63.default.createElement(ScrollAreaThumb, { className: ScrollArea_module_default.thumb })), horizontal && vertical && /* @__PURE__ */ import_react$63.default.createElement(ScrollAreaCorner, null)));
+		}, /* @__PURE__ */ import_react$64.default.createElement(ScrollAreaThumb, { className: ScrollArea_module_default.thumb })), horizontal && vertical && /* @__PURE__ */ import_react$64.default.createElement(ScrollAreaCorner, null)));
 		ScrollArea.displayName = "ScrollArea";
 	})))();
 }
@@ -1054,13 +1054,13 @@ function init_formatter() {
 }
 //#endregion
 //#region src/components/components/syntaxhighlighter/syntaxhighlighter.module.css
-var id$59, syntaxhighlighter_module_default;
+var id$60, syntaxhighlighter_module_default;
 function init_syntaxhighlighter_module() {
 	return (init_syntaxhighlighter_module = __esmMin((() => {
-		id$59 = "core/src/components/components/syntaxhighlighter/syntaxhighlighter.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$59}"]`)) {
+		id$60 = "core/src/components/components/syntaxhighlighter/syntaxhighlighter.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$60}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$59);
+			style.setAttribute("data-fb-css", id$60);
 			style.textContent = ".fb-ze8Wja-wrapper{color:var(--fb-color-default-text);color-scheme:light;flex-wrap:wrap;display:flex;position:relative;overflow:hidden;&[data-bordered]{border:1px solid var(--fb-app-border-color);background:var(--fb-background-content)}}:where([data-fb-theme=dark]) .fb-ze8Wja-wrapper{color-scheme:dark}.fb-ze8Wja-scroller{flex:1 0;flex-basis:fit-content;max-width:100%}.fb-ze8Wja-pre{padding:0;padding-right:var(--fb-layout-margin);font-family:var(--fb-font-mono);white-space:pre;counter-reset:sh-line;margin:0;&[data-padded]{padding:var(--fb-layout-margin)}&[data-wrap]{white-space:pre-wrap}& .sh__line{display:block}& .sh__token--comment{font-style:italic}&[data-line-numbers] .sh__line:before{counter-increment:sh-line;content:counter(sh-line);text-align:right;opacity:.5;min-width:2.25em;padding-right:1em;display:inline-block}}";
 			document.head.appendChild(style);
 		}
@@ -1073,10 +1073,10 @@ function init_syntaxhighlighter_module() {
 }
 //#endregion
 //#region src/components/components/syntaxhighlighter/syntaxhighlighter.tsx
-var import_react$62, SyntaxHighlighter;
+var import_react$63, SyntaxHighlighter;
 function init_syntaxhighlighter() {
 	return (init_syntaxhighlighter = __esmMin((() => {
-		import_react$62 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$63 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_clsx();
 		init_lib();
 		init_lang();
@@ -1086,31 +1086,31 @@ function init_syntaxhighlighter() {
 		init_formatter();
 		init_syntaxhighlighter_module();
 		SyntaxHighlighter = ({ children, language = "jsx", copyable = false, bordered = false, padded = false, format = true, formatter: formatter$1 = formatter, className = void 0, showLineNumbers = false, wrapLongLines = false }) => {
-			const [code, setCode] = (0, import_react$62.useState)("");
-			(0, import_react$62.useEffect)(() => {
+			const [code, setCode] = (0, import_react$63.useState)("");
+			(0, import_react$63.useEffect)(() => {
 				if (typeof children === "string") formatter$1(format, children).then((formatted) => setCode(formatted.trim()));
 			}, [
 				children,
 				format,
 				formatter$1
 			]);
-			const html = (0, import_react$62.useMemo)(() => highlight(code, { lang: lang(language) ?? "plaintext" }), [code, language]);
+			const html = (0, import_react$63.useMemo)(() => highlight(code, { lang: lang(language) ?? "plaintext" }), [code, language]);
 			const { children: copyChildren, buttonProps: copyButtonProps } = useCopyButton({ content: code });
 			if (typeof children !== "string" || !children.trim()) return null;
-			return /* @__PURE__ */ import_react$62.default.createElement("div", {
+			return /* @__PURE__ */ import_react$63.default.createElement("div", {
 				className: clsx(syntaxhighlighter_module_default.wrapper, className),
 				"data-bordered": bordered || void 0
-			}, /* @__PURE__ */ import_react$62.default.createElement(ScrollArea, {
+			}, /* @__PURE__ */ import_react$63.default.createElement(ScrollArea, {
 				horizontal: true,
 				vertical: true,
 				focusable: true,
 				className: syntaxhighlighter_module_default.scroller
-			}, /* @__PURE__ */ import_react$62.default.createElement("pre", {
+			}, /* @__PURE__ */ import_react$63.default.createElement("pre", {
 				className: clsx(syntaxhighlighter_module_default.pre, `language-${language}`),
 				"data-padded": padded || bordered || void 0,
 				"data-line-numbers": showLineNumbers || void 0,
 				"data-wrap": wrapLongLines || void 0
-			}, /* @__PURE__ */ import_react$62.default.createElement("code", { dangerouslySetInnerHTML: { __html: html } }))), copyable ? /* @__PURE__ */ import_react$62.default.createElement(ActionBar, {
+			}, /* @__PURE__ */ import_react$63.default.createElement("code", { dangerouslySetInnerHTML: { __html: html } }))), copyable ? /* @__PURE__ */ import_react$63.default.createElement(ActionBar, {
 				actionItems: [{
 					title: copyChildren,
 					onClick: copyButtonProps.onClick
@@ -1130,13 +1130,13 @@ function init_isReactChildString() {
 }
 //#endregion
 //#region src/components/components/typography/elements/Code.module.css
-var id$58, Code_module_default;
+var id$59, Code_module_default;
 function init_Code_module() {
 	return (init_Code_module = __esmMin((() => {
-		id$58 = "core/src/components/components/typography/elements/Code.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$58}"]`)) {
+		id$59 = "core/src/components/components/typography/elements/Code.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$59}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$58);
+			style.setAttribute("data-fb-css", id$59);
 			style.textContent = ".fb-EdhePq-inlineCode{font-family:var(--fb-font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;vertical-align:baseline;display:inline-block}.fb-EdhePq-codeBlock{font-family:var(--fb-font-mono);font-size:calc(var(--fb-size-s2) - 1px);border-radius:var(--fb-app-border-radius);margin:25px 0 40px;line-height:19px;box-shadow:0 1px 3px #0000001a;& pre.prismjs{background:inherit;padding:20px}}:where([data-fb-theme=dark]) .fb-EdhePq-codeBlock{box-shadow:0 2px 5px #0003}";
 			document.head.appendChild(style);
 		}
@@ -1148,10 +1148,10 @@ function init_Code_module() {
 }
 //#endregion
 //#region src/components/components/typography/elements/Code.tsx
-var import_react$61, isInlineCodeRegex, Code;
+var import_react$62, isInlineCodeRegex, Code;
 function init_Code() {
 	return (init_Code = __esmMin((() => {
-		import_react$61 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$62 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_clsx();
 		init_syntaxhighlighter();
 		init_common();
@@ -1160,12 +1160,12 @@ function init_Code() {
 		isInlineCodeRegex = /[\n\r]/g;
 		Code = ({ className, children, ...props }) => {
 			const language = (className || "").match(/lang-(\S+)/);
-			const childrenArray = import_react$61.Children.toArray(children);
-			if (!childrenArray.filter(isReactChildString).some((child) => child.match(isInlineCodeRegex))) return /* @__PURE__ */ import_react$61.default.createElement("code", {
+			const childrenArray = import_react$62.Children.toArray(children);
+			if (!childrenArray.filter(isReactChildString).some((child) => child.match(isInlineCodeRegex))) return /* @__PURE__ */ import_react$62.default.createElement("code", {
 				...props,
 				className: clsx(codeCommon, Code_module_default.inlineCode, className)
 			}, childrenArray);
-			return /* @__PURE__ */ import_react$61.default.createElement(SyntaxHighlighter, {
+			return /* @__PURE__ */ import_react$62.default.createElement(SyntaxHighlighter, {
 				className: Code_module_default.codeBlock,
 				bordered: true,
 				copyable: true,
@@ -1178,13 +1178,13 @@ function init_Code() {
 }
 //#endregion
 //#region src/components/components/typography/elements/DL.module.css
-var id$57, DL_module_default;
+var id$58, DL_module_default;
 function init_DL_module() {
 	return (init_DL_module = __esmMin((() => {
-		id$57 = "core/src/components/components/typography/elements/DL.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$57}"]`)) {
+		id$58 = "core/src/components/components/typography/elements/DL.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$58}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$57);
+			style.setAttribute("data-fb-css", id$58);
 			style.textContent = ".fb-F-BVXa-dl{padding:0;& dt{margin:16px 0 4px;padding:0;font-size:14px;font-style:italic;font-weight:700}& dt:first-of-type{padding:0}& dt>:first-of-type{margin-top:0}& dt>:last-child{margin-bottom:0}& dd{margin:0 0 16px;padding:0 15px}& dd>:first-of-type{margin-top:0}& dd>:last-child{margin-bottom:0}}";
 			document.head.appendChild(style);
 		}
@@ -1214,13 +1214,13 @@ function init_Div() {
 }
 //#endregion
 //#region src/components/components/typography/elements/H1.module.css
-var id$56, H1_module_default;
+var id$57, H1_module_default;
 function init_H1_module() {
 	return (init_H1_module = __esmMin((() => {
-		id$56 = "core/src/components/components/typography/elements/H1.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$56}"]`)) {
+		id$57 = "core/src/components/components/typography/elements/H1.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$57}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$56);
+			style.setAttribute("data-fb-css", id$57);
 			style.textContent = ".fb-nXXQfq-h1{font-size:var(--fb-size-l1);font-weight:var(--fb-weight-bold)}";
 			document.head.appendChild(style);
 		}
@@ -1240,13 +1240,13 @@ function init_H1() {
 }
 //#endregion
 //#region src/components/components/typography/elements/H2.module.css
-var id$55, H2_module_default;
+var id$56, H2_module_default;
 function init_H2_module() {
 	return (init_H2_module = __esmMin((() => {
-		id$55 = "core/src/components/components/typography/elements/H2.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$55}"]`)) {
+		id$56 = "core/src/components/components/typography/elements/H2.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$56}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$55);
+			style.setAttribute("data-fb-css", id$56);
 			style.textContent = ".fb-jPuVnq-h2{font-size:var(--fb-size-m2);border-bottom:1px solid var(--fb-app-border-color);padding-bottom:4px}";
 			document.head.appendChild(style);
 		}
@@ -1266,13 +1266,13 @@ function init_H2() {
 }
 //#endregion
 //#region src/components/components/typography/elements/H3.module.css
-var id$54, H3_module_default;
+var id$55, H3_module_default;
 function init_H3_module() {
 	return (init_H3_module = __esmMin((() => {
-		id$54 = "core/src/components/components/typography/elements/H3.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$54}"]`)) {
+		id$55 = "core/src/components/components/typography/elements/H3.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$55}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$54);
+			style.setAttribute("data-fb-css", id$55);
 			style.textContent = ".fb-C7k4ya-h3{font-size:var(--fb-size-m1)}";
 			document.head.appendChild(style);
 		}
@@ -1292,13 +1292,13 @@ function init_H3() {
 }
 //#endregion
 //#region src/components/components/typography/elements/H4.module.css
-var id$53, H4_module_default;
+var id$54, H4_module_default;
 function init_H4_module() {
 	return (init_H4_module = __esmMin((() => {
-		id$53 = "core/src/components/components/typography/elements/H4.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$53}"]`)) {
+		id$54 = "core/src/components/components/typography/elements/H4.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$54}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$53);
+			style.setAttribute("data-fb-css", id$54);
 			style.textContent = ".fb-DFfC7a-h4{font-size:var(--fb-size-s3)}";
 			document.head.appendChild(style);
 		}
@@ -1318,13 +1318,13 @@ function init_H4() {
 }
 //#endregion
 //#region src/components/components/typography/elements/H5.module.css
-var id$52, H5_module_default;
+var id$53, H5_module_default;
 function init_H5_module() {
 	return (init_H5_module = __esmMin((() => {
-		id$52 = "core/src/components/components/typography/elements/H5.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$52}"]`)) {
+		id$53 = "core/src/components/components/typography/elements/H5.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$53}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$52);
+			style.setAttribute("data-fb-css", id$53);
 			style.textContent = ".fb-Gy2x2W-h5{font-size:var(--fb-size-s2)}";
 			document.head.appendChild(style);
 		}
@@ -1344,13 +1344,13 @@ function init_H5() {
 }
 //#endregion
 //#region src/components/components/typography/elements/H6.module.css
-var id$51, H6_module_default;
+var id$52, H6_module_default;
 function init_H6_module() {
 	return (init_H6_module = __esmMin((() => {
-		id$51 = "core/src/components/components/typography/elements/H6.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$51}"]`)) {
+		id$52 = "core/src/components/components/typography/elements/H6.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$52}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$51);
+			style.setAttribute("data-fb-css", id$52);
 			style.textContent = ".fb-bk0F7q-h6{font-size:var(--fb-size-s2);color:var(--fb-color-dark)}";
 			document.head.appendChild(style);
 		}
@@ -1370,13 +1370,13 @@ function init_H6() {
 }
 //#endregion
 //#region src/components/components/typography/elements/HR.module.css
-var id$50, HR_module_default;
+var id$51, HR_module_default;
 function init_HR_module() {
 	return (init_HR_module = __esmMin((() => {
-		id$50 = "core/src/components/components/typography/elements/HR.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$50}"]`)) {
+		id$51 = "core/src/components/components/typography/elements/HR.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$51}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$50);
+			style.setAttribute("data-fb-css", id$51);
 			style.textContent = ".fb-6GPMfa-hr{border:0;border-top:1px solid var(--fb-app-border-color);height:4px;padding:0}";
 			document.head.appendChild(style);
 		}
@@ -1395,13 +1395,13 @@ function init_HR() {
 }
 //#endregion
 //#region src/components/components/typography/elements/Img.module.css
-var id$49, Img_module_default;
+var id$50, Img_module_default;
 function init_Img_module() {
 	return (init_Img_module = __esmMin((() => {
-		id$49 = "core/src/components/components/typography/elements/Img.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$49}"]`)) {
+		id$50 = "core/src/components/components/typography/elements/Img.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$50}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$49);
+			style.setAttribute("data-fb-css", id$50);
 			style.textContent = ".fb-fLR5GW-img{max-width:100%}";
 			document.head.appendChild(style);
 		}
@@ -1420,13 +1420,13 @@ function init_Img() {
 }
 //#endregion
 //#region src/components/components/typography/elements/LI.module.css
-var id$48, LI_module_default;
+var id$49, LI_module_default;
 function init_LI_module() {
 	return (init_LI_module = __esmMin((() => {
-		id$48 = "core/src/components/components/typography/elements/LI.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$48}"]`)) {
+		id$49 = "core/src/components/components/typography/elements/LI.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$49}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$48);
+			style.setAttribute("data-fb-css", id$49);
 			style.textContent = ".fb-b0tlnq-li{font-size:var(--fb-size-s2);color:var(--fb-color-default-text);line-height:24px;&+li{margin-top:.25em}& ul,& ol{margin-top:.25em;margin-bottom:0}& code{white-space:nowrap;line-height:1;font-size:calc(var(--fb-size-s2) - 1px);color:var(--fb-color-default-text);background-color:#00000003;border:1px solid #0000000d;border-radius:3px;margin:0 2px;padding:3px 5px}}:where([data-fb-theme=dark]) .fb-b0tlnq-li code{background-color:#ffffff05;border:1px solid #ffffff0d}";
 			document.head.appendChild(style);
 		}
@@ -1446,13 +1446,13 @@ function init_LI() {
 }
 //#endregion
 //#region src/components/components/typography/elements/OL.module.css
-var id$47, OL_module_default;
+var id$48, OL_module_default;
 function init_OL_module() {
 	return (init_OL_module = __esmMin((() => {
-		id$47 = "core/src/components/components/typography/elements/OL.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$47}"]`)) {
+		id$48 = "core/src/components/components/typography/elements/OL.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$48}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$47);
+			style.setAttribute("data-fb-css", id$48);
 			style.textContent = ".fb-igvEQq-ol{padding-left:30px;list-style:decimal;& :first-of-type{margin-top:0}& :last-child{margin-bottom:0}}";
 			document.head.appendChild(style);
 		}
@@ -1472,13 +1472,13 @@ function init_OL() {
 }
 //#endregion
 //#region src/components/components/typography/elements/P.module.css
-var id$46, P_module_default;
+var id$47, P_module_default;
 function init_P_module() {
 	return (init_P_module = __esmMin((() => {
-		id$46 = "core/src/components/components/typography/elements/P.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$46}"]`)) {
+		id$47 = "core/src/components/components/typography/elements/P.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$47}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$46);
+			style.setAttribute("data-fb-css", id$47);
 			style.textContent = ".fb-qGW7Pa-p{font-size:var(--fb-size-s2);color:var(--fb-color-default-text);line-height:24px;& code{white-space:nowrap;line-height:1;font-size:calc(var(--fb-size-s2) - 1px);color:var(--fb-color-default-text);background-color:#00000003;border:1px solid #0000000d;border-radius:3px;margin:0 2px;padding:3px 5px}}:where([data-fb-theme=dark]) .fb-qGW7Pa-p code{background-color:#ffffff05;border:1px solid #ffffff0d}";
 			document.head.appendChild(style);
 		}
@@ -1498,13 +1498,13 @@ function init_P() {
 }
 //#endregion
 //#region src/components/components/typography/elements/Pre.module.css
-var id$45, Pre_module_default;
+var id$46, Pre_module_default;
 function init_Pre_module() {
 	return (init_Pre_module = __esmMin((() => {
-		id$45 = "core/src/components/components/typography/elements/Pre.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$45}"]`)) {
+		id$46 = "core/src/components/components/typography/elements/Pre.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$46}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$45);
+			style.setAttribute("data-fb-css", id$46);
 			style.textContent = ".fb-7CiEea-pre{font-family:var(--fb-font-mono);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;white-space:pre-wrap;color:inherit;border-radius:3px;margin:1rem 0;padding:11px 1rem;line-height:18px;&:not(.prismjs){background:0 0;border:none;border-radius:0;margin:0;padding:0}& pre,&.prismjs{white-space:pre-wrap;color:inherit;margin:0;padding:15px;font-size:13px;line-height:19px;& code{color:inherit;font-size:inherit}}& code{white-space:pre}& code,& tt{border:none}}";
 			document.head.appendChild(style);
 		}
@@ -1524,13 +1524,13 @@ function init_Pre() {
 }
 //#endregion
 //#region src/components/components/typography/elements/Span.module.css
-var id$44, Span_module_default;
+var id$45, Span_module_default;
 function init_Span_module() {
 	return (init_Span_module = __esmMin((() => {
-		id$44 = "core/src/components/components/typography/elements/Span.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$44}"]`)) {
+		id$45 = "core/src/components/components/typography/elements/Span.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$45}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$44);
+			style.setAttribute("data-fb-css", id$45);
 			style.textContent = ".fb-rLuyWa-span{&.frame{display:block;overflow:hidden;&>span{border:1px solid var(--fb-color-medium);float:left;width:auto;margin:13px 0 0;padding:7px;display:block;overflow:hidden}& span img{float:left;display:block}& span span{clear:both;color:var(--fb-color-darkest);padding:5px 0 0;display:block}}&.align-center{clear:both;display:block;overflow:hidden;&>span{text-align:center;margin:13px auto 0;display:block;overflow:hidden}& span img{text-align:center;margin:0 auto}}&.align-right{clear:both;display:block;overflow:hidden;&>span{text-align:right;margin:13px 0 0;display:block;overflow:hidden}& span img{text-align:right;margin:0}}&.float-left{float:left;margin-right:13px;display:block;overflow:hidden;& span{margin:13px 0 0}}&.float-right{float:right;margin-left:13px;display:block;overflow:hidden;&>span{text-align:right;margin:13px auto 0;display:block;overflow:hidden}}}";
 			document.head.appendChild(style);
 		}
@@ -1560,13 +1560,13 @@ function init_TT() {
 }
 //#endregion
 //#region src/components/components/typography/elements/Table.module.css
-var id$43, Table_module_default;
+var id$44, Table_module_default;
 function init_Table_module() {
 	return (init_Table_module = __esmMin((() => {
-		id$43 = "core/src/components/components/typography/elements/Table.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$43}"]`)) {
+		id$44 = "core/src/components/components/typography/elements/Table.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$44}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$43);
+			style.setAttribute("data-fb-css", id$44);
 			style.textContent = ".fb-XXnasq-table{font-size:var(--fb-size-s2);border-collapse:collapse;padding:0;line-height:24px;& tr{border-top:1px solid var(--fb-app-border-color);margin:0;padding:0}& tr:nth-of-type(2n){background-color:var(--fb-color-lighter)}& tr th{color:var(--fb-color-default-text);border:1px solid var(--fb-app-border-color);margin:0;padding:6px 13px;font-weight:700}& tr td{border:1px solid var(--fb-app-border-color);color:var(--fb-color-default-text);margin:0;padding:6px 13px}& tr th :first-of-type,& tr td :first-of-type{margin-top:0}& tr th :last-child,& tr td :last-child{margin-bottom:0}}:where([data-fb-theme=dark]) .fb-XXnasq-table tr:nth-of-type(2n){background-color:var(--fb-color-darker)}";
 			document.head.appendChild(style);
 		}
@@ -1586,13 +1586,13 @@ function init_Table() {
 }
 //#endregion
 //#region src/components/components/typography/elements/UL.module.css
-var id$42, UL_module_default;
+var id$43, UL_module_default;
 function init_UL_module() {
 	return (init_UL_module = __esmMin((() => {
-		id$42 = "core/src/components/components/typography/elements/UL.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$42}"]`)) {
+		id$43 = "core/src/components/components/typography/elements/UL.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$43}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$42);
+			style.setAttribute("data-fb-css", id$43);
 			style.textContent = ".fb--eI1EW-ul{padding-left:30px;list-style:outside;& :first-of-type{margin-top:0}& :last-child{margin-bottom:0}}";
 			document.head.appendChild(style);
 		}
@@ -1612,10 +1612,10 @@ function init_UL() {
 }
 //#endregion
 //#region src/components/components/typography/components.tsx
-var import_react$60, components$1;
+var import_react$61, components$1;
 function init_components() {
 	return (init_components = __esmMin((() => {
-		import_react$60 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$61 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_DocumentFormatting();
 		init_ResetWrapper();
 		init_A();
@@ -1640,40 +1640,40 @@ function init_components() {
 		init_Table();
 		init_UL();
 		components$1 = {
-			h1: (props) => /* @__PURE__ */ import_react$60.default.createElement(H1, nameSpaceClassNames(props, "h1")),
-			h2: (props) => /* @__PURE__ */ import_react$60.default.createElement(H2, nameSpaceClassNames(props, "h2")),
-			h3: (props) => /* @__PURE__ */ import_react$60.default.createElement(H3, nameSpaceClassNames(props, "h3")),
-			h4: (props) => /* @__PURE__ */ import_react$60.default.createElement(H4, nameSpaceClassNames(props, "h4")),
-			h5: (props) => /* @__PURE__ */ import_react$60.default.createElement(H5, nameSpaceClassNames(props, "h5")),
-			h6: (props) => /* @__PURE__ */ import_react$60.default.createElement(H6, nameSpaceClassNames(props, "h6")),
-			pre: (props) => /* @__PURE__ */ import_react$60.default.createElement(Pre, nameSpaceClassNames(props, "pre")),
-			a: (props) => /* @__PURE__ */ import_react$60.default.createElement(A, nameSpaceClassNames(props, "a")),
-			hr: (props) => /* @__PURE__ */ import_react$60.default.createElement(HR, nameSpaceClassNames(props, "hr")),
-			dl: (props) => /* @__PURE__ */ import_react$60.default.createElement(DL, nameSpaceClassNames(props, "dl")),
-			blockquote: (props) => /* @__PURE__ */ import_react$60.default.createElement(Blockquote, nameSpaceClassNames(props, "blockquote")),
-			table: (props) => /* @__PURE__ */ import_react$60.default.createElement(Table, nameSpaceClassNames(props, "table")),
-			img: (props) => /* @__PURE__ */ import_react$60.default.createElement(Img, nameSpaceClassNames(props, "img")),
-			div: (props) => /* @__PURE__ */ import_react$60.default.createElement(Div, nameSpaceClassNames(props, "div")),
-			span: (props) => /* @__PURE__ */ import_react$60.default.createElement(Span, nameSpaceClassNames(props, "span")),
-			li: (props) => /* @__PURE__ */ import_react$60.default.createElement(LI, nameSpaceClassNames(props, "li")),
-			ul: (props) => /* @__PURE__ */ import_react$60.default.createElement(UL, nameSpaceClassNames(props, "ul")),
-			ol: (props) => /* @__PURE__ */ import_react$60.default.createElement(OL, nameSpaceClassNames(props, "ol")),
-			p: (props) => /* @__PURE__ */ import_react$60.default.createElement(P, nameSpaceClassNames(props, "p")),
-			code: (props) => /* @__PURE__ */ import_react$60.default.createElement(Code, nameSpaceClassNames(props, "code")),
-			tt: (props) => /* @__PURE__ */ import_react$60.default.createElement(TT, nameSpaceClassNames(props, "tt")),
-			resetwrapper: (props) => /* @__PURE__ */ import_react$60.default.createElement(ResetWrapper, nameSpaceClassNames(props, "resetwrapper"))
+			h1: (props) => /* @__PURE__ */ import_react$61.default.createElement(H1, nameSpaceClassNames(props, "h1")),
+			h2: (props) => /* @__PURE__ */ import_react$61.default.createElement(H2, nameSpaceClassNames(props, "h2")),
+			h3: (props) => /* @__PURE__ */ import_react$61.default.createElement(H3, nameSpaceClassNames(props, "h3")),
+			h4: (props) => /* @__PURE__ */ import_react$61.default.createElement(H4, nameSpaceClassNames(props, "h4")),
+			h5: (props) => /* @__PURE__ */ import_react$61.default.createElement(H5, nameSpaceClassNames(props, "h5")),
+			h6: (props) => /* @__PURE__ */ import_react$61.default.createElement(H6, nameSpaceClassNames(props, "h6")),
+			pre: (props) => /* @__PURE__ */ import_react$61.default.createElement(Pre, nameSpaceClassNames(props, "pre")),
+			a: (props) => /* @__PURE__ */ import_react$61.default.createElement(A, nameSpaceClassNames(props, "a")),
+			hr: (props) => /* @__PURE__ */ import_react$61.default.createElement(HR, nameSpaceClassNames(props, "hr")),
+			dl: (props) => /* @__PURE__ */ import_react$61.default.createElement(DL, nameSpaceClassNames(props, "dl")),
+			blockquote: (props) => /* @__PURE__ */ import_react$61.default.createElement(Blockquote, nameSpaceClassNames(props, "blockquote")),
+			table: (props) => /* @__PURE__ */ import_react$61.default.createElement(Table, nameSpaceClassNames(props, "table")),
+			img: (props) => /* @__PURE__ */ import_react$61.default.createElement(Img, nameSpaceClassNames(props, "img")),
+			div: (props) => /* @__PURE__ */ import_react$61.default.createElement(Div, nameSpaceClassNames(props, "div")),
+			span: (props) => /* @__PURE__ */ import_react$61.default.createElement(Span, nameSpaceClassNames(props, "span")),
+			li: (props) => /* @__PURE__ */ import_react$61.default.createElement(LI, nameSpaceClassNames(props, "li")),
+			ul: (props) => /* @__PURE__ */ import_react$61.default.createElement(UL, nameSpaceClassNames(props, "ul")),
+			ol: (props) => /* @__PURE__ */ import_react$61.default.createElement(OL, nameSpaceClassNames(props, "ol")),
+			p: (props) => /* @__PURE__ */ import_react$61.default.createElement(P, nameSpaceClassNames(props, "p")),
+			code: (props) => /* @__PURE__ */ import_react$61.default.createElement(Code, nameSpaceClassNames(props, "code")),
+			tt: (props) => /* @__PURE__ */ import_react$61.default.createElement(TT, nameSpaceClassNames(props, "tt")),
+			resetwrapper: (props) => /* @__PURE__ */ import_react$61.default.createElement(ResetWrapper, nameSpaceClassNames(props, "resetwrapper"))
 		};
 	})))();
 }
 //#endregion
 //#region src/components/components/Badge/Badge.module.css
-var id$41, Badge_module_default;
+var id$42, Badge_module_default;
 function init_Badge_module() {
 	return (init_Badge_module = __esmMin((() => {
-		id$41 = "core/src/components/components/Badge/Badge.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$41}"]`)) {
+		id$42 = "core/src/components/components/Badge/Badge.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$42}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$41);
+			style.setAttribute("data-fb-css", id$42);
 			style.textContent = ".fb-oW5DBW-badge{font-size:var(--fb-size-s1);font-weight:var(--fb-weight-bold);border-radius:20px;justify-content:center;align-items:center;min-width:20px;padding:4px 10px;line-height:12px;display:inline-flex;& svg{width:12px;height:12px;margin-top:-2px;margin-right:4px;& path{fill:currentColor}}&[data-compact]{padding:4px 7px}&[data-status=critical]{color:var(--fb-fg-color-critical);background:var(--fb-bg-color-critical);box-shadow:inset 0 0 0 1px var(--fb-border-color-critical)}&[data-status=negative]{color:var(--fb-fg-color-negative);background:var(--fb-bg-color-negative);box-shadow:inset 0 0 0 1px var(--fb-border-color-negative)}&[data-status=warning]{color:var(--fb-fg-color-warning);background:var(--fb-bg-color-warning);box-shadow:inset 0 0 0 1px var(--fb-border-color-warning)}&[data-status=neutral]{color:var(--fb-fg-color-muted);background:var(--fb-background-app);box-shadow:inset 0 0 0 1px rgb(from var(--fb-text-muted-color) r g b / calc(alpha - .8))}&[data-status=positive]{color:var(--fb-fg-color-positive);background:var(--fb-bg-color-positive);box-shadow:inset 0 0 0 1px var(--fb-border-color-positive)}&[data-status=active]{color:hsl(from var(--fb-color-secondary) h s calc(l - 10));background:var(--fb-background-hoverable);box-shadow:inset 0 0 0 1px rgb(from var(--fb-color-secondary) r g b / calc(alpha - .9))}}:where([data-fb-theme=dark]) .fb-oW5DBW-badge{&[data-status=neutral]{background:var(--fb-bar-bg)}&[data-status=active]{color:var(--fb-color-secondary)}}";
 			document.head.appendChild(style);
 		}
@@ -1682,12 +1682,12 @@ function init_Badge_module() {
 }
 //#endregion
 //#region src/components/components/Badge/Badge.tsx
-var import_react$59, Badge;
+var import_react$60, Badge;
 function init_Badge() {
 	return (init_Badge = __esmMin((() => {
-		import_react$59 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$60 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_Badge_module();
-		Badge = ({ compact, status, children }) => /* @__PURE__ */ import_react$59.default.createElement("div", {
+		Badge = ({ compact, status, children }) => /* @__PURE__ */ import_react$60.default.createElement("div", {
 			className: Badge_module_default.badge,
 			"data-compact": compact || void 0,
 			"data-status": status
@@ -1696,13 +1696,13 @@ function init_Badge() {
 }
 //#endregion
 //#region src/components/components/typography/link/link.module.css
-var id$40, link_module_default;
+var id$41, link_module_default;
 function init_link_module() {
 	return (init_link_module = __esmMin((() => {
-		id$40 = "core/src/components/components/typography/link/link.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$40}"]`)) {
+		id$41 = "core/src/components/components/typography/link/link.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$41}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$40);
+			style.setAttribute("data-fb-css", id$41);
 			style.textContent = ".fb-ptwF_G-link{color:var(--fb-color-secondary);text-decoration:none;transition:all .15s ease-out;display:inline-block;&:hover,&:focus{cursor:pointer;color:hsl(from var(--fb-color-secondary) h s calc(l - 7));& svg path:not([fill]){fill:hsl(from var(--fb-color-secondary) h s calc(l - 7))}}&:active{color:hsl(from var(--fb-color-secondary) h s calc(l - 10));& svg path:not([fill]){fill:hsl(from var(--fb-color-secondary) h s calc(l - 10))}}&:focus-visible{outline:2px solid var(--fb-color-secondary);outline-offset:2px;border-radius:var(--fb-input-border-radius);z-index:1}& svg{vertical-align:text-top;width:1em;height:1em;margin-right:.4em;display:inline-block;position:relative;bottom:-.125em;& path{fill:var(--fb-color-secondary)}}}.fb-ptwF_G-link:where([data-secondary],[data-tertiary]){--link-color:var(--fb-text-muted-color);color:var(--link-color);& svg path:not([fill]){fill:var(--link-color)}&:hover,&:active{color:var(--fb-color-secondary);& svg path:not([fill]){fill:var(--fb-color-secondary)}}}.fb-ptwF_G-link:where([data-tertiary]){--link-color:var(--fb-color-dark)}.fb-ptwF_G-link:where([data-nochrome]){color:inherit;&:hover,&:active{color:inherit;text-decoration:underline}}.fb-ptwF_G-link:where([data-inverse]){color:var(--fb-color-lightest);&:not([fill]){fill:var(--fb-color-lightest)}&:hover{color:var(--fb-color-lighter);& svg path:not([fill]){fill:var(--fb-color-lighter)}}&:active{color:var(--fb-color-light);& svg path:not([fill]){fill:var(--fb-color-light)}}}.fb-ptwF_G-link:where([data-button]){border-radius:var(--fb-input-border-radius);font-size:inherit;line-height:inherit;background:0 0;border:0;padding:0}.fb-ptwF_G-inner:where([data-with-arrow])>svg:last-of-type{width:.7em;height:.7em;vertical-align:inherit;margin-left:.25em;margin-right:0;bottom:auto}.fb-ptwF_G-inner:where([data-contains-icon]) svg{vertical-align:middle;width:1em;height:1em;margin-right:0;position:relative;bottom:0}";
 			document.head.appendChild(style);
 		}
@@ -1714,12 +1714,12 @@ function init_link_module() {
 }
 //#endregion
 //#region src/components/components/typography/link/link.tsx
-var import_react$58, LEFT_BUTTON, isPlainLeftClick, cancelled, Link;
+var import_react$59, LEFT_BUTTON, isPlainLeftClick, cancelled, Link;
 function init_link() {
 	return (init_link = __esmMin((() => {
-		import_react$58 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$59 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_client_logger();
-		init_CaretRight_es();
+		init_chevron_right();
 		init_clsx();
 		init_link_module();
 		LEFT_BUTTON = 0;
@@ -1730,10 +1730,10 @@ function init_link() {
 				cb(e);
 			}
 		};
-		Link = (0, import_react$58.forwardRef)(({ cancel = true, children, onClick = void 0, withArrow = false, containsIcon = false, className = void 0, isButton = void 0, secondary, tertiary, nochrome, inverse, href, ...rest }, ref) => {
+		Link = (0, import_react$59.forwardRef)(({ cancel = true, children, onClick = void 0, withArrow = false, containsIcon = false, className = void 0, isButton = void 0, secondary, tertiary, nochrome, inverse, href, ...rest }, ref) => {
 			if (isButton !== void 0) deprecate("Link: `isButton` is deprecated and will be removed in Forkbook 11. Links without a `href` are automatically rendered as buttons.");
 			const Comp = href ? "a" : "button";
-			return /* @__PURE__ */ import_react$58.default.createElement(Comp, {
+			return /* @__PURE__ */ import_react$59.default.createElement(Comp, {
 				href,
 				...rest,
 				ref,
@@ -1744,24 +1744,24 @@ function init_link() {
 				"data-button": !href || isButton === true || void 0,
 				onClick: onClick && cancel ? (e) => cancelled(e, onClick) : onClick,
 				className: clsx(link_module_default.link, className)
-			}, /* @__PURE__ */ import_react$58.default.createElement("span", {
+			}, /* @__PURE__ */ import_react$59.default.createElement("span", {
 				className: link_module_default.inner,
 				"data-with-arrow": withArrow || void 0,
 				"data-contains-icon": containsIcon || void 0
-			}, children, withArrow && /* @__PURE__ */ import_react$58.default.createElement(e, null)));
+			}, children, withArrow && /* @__PURE__ */ import_react$59.default.createElement(ChevronRight, null)));
 		});
 		Link.displayName = "Link";
 	})))();
 }
 //#endregion
 //#region src/components/components/typography/DocumentWrapper.module.css
-var id$39, DocumentWrapper_module_default;
+var id$40, DocumentWrapper_module_default;
 function init_DocumentWrapper_module() {
 	return (init_DocumentWrapper_module = __esmMin((() => {
-		id$39 = "core/src/components/components/typography/DocumentWrapper.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$39}"]`)) {
+		id$40 = "core/src/components/components/typography/DocumentWrapper.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$40}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$39);
+			style.setAttribute("data-fb-css", id$40);
 			style.textContent = ".fb--ChY0G-documentWrapper{font-size:var(--fb-size-s2);line-height:1.6;& h1{font-size:var(--fb-size-l1);font-weight:var(--fb-weight-bold)}& h2{font-size:var(--fb-size-m2);border-bottom:1px solid var(--fb-app-border-color)}& h3{font-size:var(--fb-size-m1)}& h4{font-size:var(--fb-size-s3)}& h5{font-size:var(--fb-size-s2)}& h6{font-size:var(--fb-size-s2);color:var(--fb-color-dark)}& pre:not(.prismjs){background:0 0;border:none;border-radius:0;margin:0;padding:0}& pre pre,& pre.prismjs{white-space:pre-wrap;color:inherit;margin:0;padding:15px;font-size:13px;line-height:19px}& pre pre code,& pre.prismjs code{color:inherit;font-size:inherit}& pre code{white-space:pre;background:0 0;border:none;margin:0;padding:0}& pre code,& pre tt{background-color:#0000;border:none}& body>:first-of-type{margin-top:0!important}& body>:last-child{margin-bottom:0!important}& a{color:var(--fb-color-secondary);text-underline-offset:.11em;text-decoration:underline .03125rem;& code{color:inherit;padding-left:0;padding-right:0;text-decoration:underline .03125rem;&:before,&:after{content:\"\xA0\";font-size:.5em}}}& a.absent{color:#c00}& a.anchor{cursor:pointer;margin-left:-30px;padding-left:30px;text-decoration:none;display:block;position:absolute;top:0;bottom:0;left:0}&.anchor:hover,&.anchor:focus{text-decoration:underline}& h1,& h2,& h3,& h4,& h5,& h6{cursor:text;margin:20px 0 10px;padding:0;position:relative;&:first-of-type{margin-top:0;padding-top:0}&:hover a.anchor{text-decoration:none}& tt,& code{font-size:inherit}}& h1:first-of-type+h2{margin-top:0;padding-top:0}& p,& blockquote,& ul,& ol,& dl,& li,& table,& pre{margin:15px 0}& hr{border:0;border-top:1px solid var(--fb-app-border-color);height:4px;padding:0}& body>h1:first-of-type,& body>h2:first-of-type,& body>h3:first-of-type,& body>h4:first-of-type,& body>h5:first-of-type,& body>h6:first-of-type,& body>h1:first-of-type+h2,& a:first-of-type h1,& a:first-of-type h2,& a:first-of-type h3,& a:first-of-type h4,& a:first-of-type h5,& a:first-of-type h6{margin-top:0;padding-top:0}& h1 p,& h2 p,& h3 p,& h4 p,& h5 p,& h6 p{margin-top:0}& li p.first{display:inline-block}& ul,& ol{padding-left:30px;& :first-of-type{margin-top:0}& :last-child{margin-bottom:0}}& dl{padding:0}& dl dt{margin:0 0 15px;padding:0 15px;font-size:14px;font-style:italic;font-weight:700;&:first-of-type{padding:0}&>:first-of-type{margin-top:0}&>:last-child{margin-bottom:0}}& blockquote{border-left:4px solid var(--fb-color-medium);color:var(--fb-color-dark);padding:0 15px;&>:first-of-type{margin-top:0}&>:last-child{margin-bottom:0}}& table{border-collapse:collapse;padding:0;& tr{border-top:1px solid var(--fb-app-border-color);background-color:#fff;margin:0;padding:0;& th{border:1px solid var(--fb-app-border-color);text-align:left;margin:0;padding:6px 13px;font-weight:700}& td{border:1px solid var(--fb-app-border-color);text-align:left;margin:0;padding:6px 13px}&:nth-of-type(2n){background-color:var(--fb-color-lighter)}& th :first-of-type,& td :first-of-type{margin-top:0}& th :last-child,& td :last-child{margin-bottom:0}}}& img{max-width:100%}& span.frame{display:block;overflow:hidden;&>span{border:1px solid var(--fb-color-medium);float:left;width:auto;margin:13px 0 0;padding:7px;display:block;overflow:hidden}& span img{float:left;display:block}& span span{clear:both;color:var(--fb-color-darkest);padding:5px 0 0;display:block}}& span.align-center{clear:both;display:block;overflow:hidden;&>span{text-align:center;margin:13px auto 0;display:block;overflow:hidden}& span img{text-align:center;margin:0 auto}}& span.align-right{clear:both;display:block;overflow:hidden;&>span{text-align:right;margin:13px 0 0;display:block;overflow:hidden}& span img{text-align:right;margin:0}}& span.float-left{float:left;margin-right:13px;display:block;overflow:hidden;& span{margin:13px 0 0}}& span.float-right{float:right;margin-left:13px;display:block;overflow:hidden;&>span{text-align:right;margin:13px auto 0;display:block;overflow:hidden}}& code,& tt{white-space:nowrap;border:1px solid var(--fb-color-mediumlight);background-color:var(--fb-color-lighter);color:var(--fb-color-dark);border-radius:3px;margin:0 2px;padding:0 5px}}:where([data-fb-theme=dark]) .fb--ChY0G-documentWrapper{& code,& tt{color:var(--fb-color-darkest)}}";
 			document.head.appendChild(style);
 		}
@@ -1823,13 +1823,13 @@ function init_mock_channel() {
 }
 //#endregion
 //#region src/components/components/tooltip/TooltipNote.module.css
-var id$38, TooltipNote_module_default;
+var id$39, TooltipNote_module_default;
 function init_TooltipNote_module() {
 	return (init_TooltipNote_module = __esmMin((() => {
-		id$38 = "core/src/components/components/tooltip/TooltipNote.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$38}"]`)) {
+		id$39 = "core/src/components/components/tooltip/TooltipNote.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$39}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$38);
+			style.setAttribute("data-fb-css", id$39);
 			style.textContent = ".fb-owKRYa-note{font-size:10px;line-height:16px;font-family:var(--fb-font-base);font-weight:var(--fb-weight-bold);color:var(--fb-color-lightest);pointer-events:none;z-index:-1;background:#3c3c3ce6;border-radius:4px;gap:6px;padding:4px 6px;display:flex;box-shadow:0 0 5px #0000004d;& code{background:#ffffff1a;border-radius:2px;padding:0 3px}}:where([data-fb-theme=dark]) .fb-owKRYa-note{background:#000000f2}";
 			document.head.appendChild(style);
 		}
@@ -1838,27 +1838,27 @@ function init_TooltipNote_module() {
 }
 //#endregion
 //#region src/components/components/tooltip/TooltipNote.tsx
-var import_react$57, DEFAULT_MAX_WIDTH, TooltipNote;
+var import_react$58, DEFAULT_MAX_WIDTH, TooltipNote;
 function init_TooltipNote() {
 	return (init_TooltipNote = __esmMin((() => {
-		import_react$57 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$58 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_TooltipNote_module();
 		DEFAULT_MAX_WIDTH = 260;
 		TooltipNote = ({ note, maxWidth = DEFAULT_MAX_WIDTH, shortcut, ...props }) => {
-			return /* @__PURE__ */ import_react$57.default.createElement("div", {
+			return /* @__PURE__ */ import_react$58.default.createElement("div", {
 				className: TooltipNote_module_default.note,
 				style: { maxWidth },
 				...props
-			}, note && /* @__PURE__ */ import_react$57.default.createElement("span", null, note), shortcut && /* @__PURE__ */ import_react$57.default.createElement("code", null, shortcut));
+			}, note && /* @__PURE__ */ import_react$58.default.createElement("span", null, note), shortcut && /* @__PURE__ */ import_react$58.default.createElement("code", null, shortcut));
 		};
 	})))();
 }
 //#endregion
 //#region src/components/components/shared/overlayHelpers.tsx
-var import_react$56, convertToBaseUiPlacement, PortalContainerContext, Trigger;
+var import_react$57, convertToBaseUiPlacement, PortalContainerContext, Trigger;
 function init_overlayHelpers() {
 	return (init_overlayHelpers = __esmMin((() => {
-		import_react$56 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$57 = /* @__PURE__ */ __toESM(require_react(), 1);
 		convertToBaseUiPlacement = (placement) => {
 			const [side, align = "center"] = placement.split("-");
 			return {
@@ -1866,8 +1866,8 @@ function init_overlayHelpers() {
 				align
 			};
 		};
-		PortalContainerContext = (0, import_react$56.createContext)(void 0);
-		Trigger = (0, import_react$56.forwardRef)((props, ref) => /* @__PURE__ */ import_react$56.default.createElement("button", {
+		PortalContainerContext = (0, import_react$57.createContext)(void 0);
+		Trigger = (0, import_react$57.forwardRef)((props, ref) => /* @__PURE__ */ import_react$57.default.createElement("button", {
 			...props,
 			ref,
 			style: {
@@ -1881,50 +1881,50 @@ function init_overlayHelpers() {
 }
 //#endregion
 //#region src/components/components/shared/PortalTheme.tsx
-var import_react$55, PortalTheme;
+var import_react$56, PortalTheme;
 function init_PortalTheme() {
 	return (init_PortalTheme = __esmMin((() => {
-		import_react$55 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$56 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_theming();
-		PortalTheme = ({ children }) => /* @__PURE__ */ import_react$55.default.createElement(ThemeProvider, { theme: useTheme() }, children);
+		PortalTheme = ({ children }) => /* @__PURE__ */ import_react$56.default.createElement(ThemeProvider, { theme: useTheme() }, children);
 	})))();
 }
 //#endregion
 //#region src/components/components/tooltip/TooltipProvider.tsx
-var import_react$54, TooltipProvider;
+var import_react$55, TooltipProvider;
 function init_TooltipProvider() {
 	return (init_TooltipProvider = __esmMin((() => {
-		import_react$54 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$55 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_client_logger();
 		init_TooltipRoot(), init_TooltipTrigger(), init_TooltipPortal(), init_TooltipPositioner(), init_TooltipPopup();
 		init_overlayHelpers();
 		init_PortalTheme();
-		TooltipProvider = ({ triggerOnFocusOnly = false, placement = "top", offset = 8, tooltip, children, defaultVisible, startOpen, delayShow = 400, delayHide = 200, visible, onVisibleChange }) => {
-			const portalContainer = (0, import_react$54.useContext)(PortalContainerContext);
-			const child = import_react$54.Children.only(children);
-			const generatedId = (0, import_react$54.useId)();
+		TooltipProvider = ({ triggerOnFocusOnly = false, placement = "top", offset = 8, tooltip, children, defaultVisible, startOpen, delayShow = 0, delayHide = 200, visible, onVisibleChange }) => {
+			const portalContainer = (0, import_react$55.useContext)(PortalContainerContext);
+			const child = import_react$55.Children.only(children);
+			const generatedId = (0, import_react$55.useId)();
 			const triggerId = child.props.id ?? generatedId;
 			if (startOpen !== void 0) deprecate("The `startOpen` prop is deprecated. Please use `defaultVisible` instead.");
-			const [isOpen, setIsOpen] = (0, import_react$54.useState)(defaultVisible ?? startOpen ?? false);
+			const [isOpen, setIsOpen] = (0, import_react$55.useState)(defaultVisible ?? startOpen ?? false);
 			const onOpenChange = (open, { reason }) => {
 				if (open && triggerOnFocusOnly && reason === "trigger-hover") return;
 				setIsOpen(open);
 				onVisibleChange?.(open);
 			};
-			return /* @__PURE__ */ import_react$54.default.createElement(TooltipRoot, {
+			return /* @__PURE__ */ import_react$55.default.createElement(TooltipRoot, {
 				open: visible ?? isOpen,
 				onOpenChange,
 				triggerId
-			}, /* @__PURE__ */ import_react$54.default.createElement(TooltipTrigger, {
+			}, /* @__PURE__ */ import_react$55.default.createElement(TooltipTrigger, {
 				id: triggerId,
 				delay: delayShow,
 				closeDelay: delayHide,
 				render: child
-			}), /* @__PURE__ */ import_react$54.default.createElement(TooltipPortal, { container: portalContainer }, /* @__PURE__ */ import_react$54.default.createElement(PortalTheme, null, /* @__PURE__ */ import_react$54.default.createElement(TooltipPositioner, {
+			}), /* @__PURE__ */ import_react$55.default.createElement(TooltipPortal, { container: portalContainer }, /* @__PURE__ */ import_react$55.default.createElement(PortalTheme, null, /* @__PURE__ */ import_react$55.default.createElement(TooltipPositioner, {
 				...convertToBaseUiPlacement(placement),
 				sideOffset: offset,
 				style: { zIndex: 1e5 }
-			}, /* @__PURE__ */ import_react$54.default.createElement(TooltipPopup, {
+			}, /* @__PURE__ */ import_react$55.default.createElement(TooltipPopup, {
 				role: "tooltip",
 				"data-testid": "tooltip",
 				style: { outline: "none" }
@@ -1934,27 +1934,27 @@ function init_TooltipProvider() {
 }
 //#endregion
 //#region src/components/components/Button/helpers/InteractiveTooltipWrapper.tsx
-var import_react$53, InteractiveTooltipWrapper;
+var import_react$54, InteractiveTooltipWrapper;
 function init_InteractiveTooltipWrapper() {
 	return (init_InteractiveTooltipWrapper = __esmMin((() => {
-		import_react$53 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$54 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_manager_api();
 		init_TooltipNote();
 		init_TooltipProvider();
 		InteractiveTooltipWrapper = ({ children, disableAllTooltips, shortcut, tooltip, tooltipPlacement = "top" }) => {
-			const shortcutLabel = (0, import_react$53.useMemo)(() => {
+			const shortcutLabel = (0, import_react$54.useMemo)(() => {
 				if (!shortcut) return;
 				if (!(document?.body?.getAttribute("data-shortcuts-enabled") !== "false")) return;
 				return shortcutToHumanString(shortcut);
 			}, [shortcut]);
-			return tooltip || shortcutLabel ? /* @__PURE__ */ import_react$53.default.createElement(TooltipProvider, {
+			return tooltip || shortcutLabel ? /* @__PURE__ */ import_react$54.default.createElement(TooltipProvider, {
 				placement: tooltipPlacement,
-				tooltip: /* @__PURE__ */ import_react$53.default.createElement(TooltipNote, {
+				tooltip: /* @__PURE__ */ import_react$54.default.createElement(TooltipNote, {
 					note: tooltip,
 					shortcut: shortcutLabel
 				}),
 				visible: !disableAllTooltips ? void 0 : false
-			}, children) : /* @__PURE__ */ import_react$53.default.createElement(import_react$53.default.Fragment, null, children);
+			}, children) : /* @__PURE__ */ import_react$54.default.createElement(import_react$54.default.Fragment, null, children);
 		};
 		InteractiveTooltipWrapper.displayName = "InteractiveTooltipWrapper";
 	})))();
@@ -1972,44 +1972,44 @@ function useAriaDescription(description = "") {
 	const describedbyId = description.toLowerCase().trim().replace(/\s+/g, "-");
 	return {
 		ariaDescriptionAttrs: { "aria-describedby": description ? describedbyId : void 0 },
-		AriaDescription: () => description ? /* @__PURE__ */ import_react$52.default.createElement("span", {
+		AriaDescription: () => description ? /* @__PURE__ */ import_react$53.default.createElement("span", {
 			id: describedbyId,
 			hidden: true
 		}, description) : null
 	};
 }
-var import_react$52;
+var import_react$53;
 function init_useAriaDescription() {
 	return (init_useAriaDescription = __esmMin((() => {
-		import_react$52 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$53 = /* @__PURE__ */ __toESM(require_react(), 1);
 	})))();
 }
 //#endregion
 //#region src/components/components/Button/Button.module.css
-var id$37, Button_module_default$1;
+var id$38, Button_module_default$1;
 function init_Button_module() {
 	return (init_Button_module = __esmMin((() => {
-		id$37 = "core/src/components/components/Button/Button.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$37}"]`)) {
+		id$38 = "core/src/components/components/Button/Button.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$38}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$37);
+			style.setAttribute("data-fb-css", id$38);
 			style.textContent = ".fb-5dSTsW-button{--fg:var(--fb-color-secondary);--bg:var(--fb-button-background);--outline:var(--fb-button-border);cursor:pointer;text-align:center;vertical-align:top;white-space:nowrap;user-select:none;height:28px;font-size:var(--fb-size-s1);font-weight:var(--fb-weight-bold);color:var(--fb-input-color);box-shadow:none;border-radius:var(--fb-input-border-radius);background:0 0;border:0;flex-shrink:0;justify-content:center;align-items:center;gap:6px;margin:0;padding:0 10px;line-height:1;text-decoration:none;transition-property:background,box-shadow;transition-duration:.15s;transition-timing-function:ease-out;display:inline-flex;position:relative;overflow:hidden;&>svg{flex:none}}.fb-5dSTsW-button:where([data-appearance=agentic]){--fg:var(--fb-fg-color-agentic);--bg:var(--fb-bg-color-agentic);--outline:var(--fb-border-color-agentic)}.fb-5dSTsW-button:where([data-size=medium]){height:32px;padding:0 12px}.fb-5dSTsW-button:where([data-padding=small]){padding:0 7px}.fb-5dSTsW-button:where([data-padding=small][data-size=medium]){padding:0 9px}.fb-5dSTsW-button:where([data-padding=none]){padding:0}.fb-5dSTsW-button:where([data-disabled]){cursor:not-allowed;opacity:.5}.fb-5dSTsW-button:where([data-readonly]){cursor:inherit;opacity:1}.fb-5dSTsW-button:where([data-variant=solid]){background:var(--fg);color:var(--fb-color-lightest)}.fb-5dSTsW-button:where([data-variant=outline]){background:var(--bg);color:var(--fb-input-color);box-shadow:var(--outline) 0 0 0 1px inset}.fb-5dSTsW-button:where([data-variant=outline][data-appearance=agentic]){color:var(--fb-fg-color-agentic)}.fb-5dSTsW-button:where([data-variant=ghost]){color:var(--fb-text-muted-color)}.fb-5dSTsW-button:where([data-variant=ghost][data-active]){background:rgb(from var(--fb-bar-selected-color) r g b / calc(alpha - .93));color:hsl(from var(--fg) h s calc(l - 10))}.fb-5dSTsW-button:where([data-variant=ghost][data-active][data-appearance=agentic]){background:rgb(from var(--fb-bg-color-agentic) r g b / calc(alpha - .93))}.fb-5dSTsW-button:where(:not([data-readonly])){&:hover{background:hsl(from var(--fg) h s calc(l - 2))}&:where([data-variant=solid]):hover{background:hsl(from var(--fg) h s calc(l + 8))}&:where([data-variant=outline]):hover{background:hsl(from var(--bg) h s calc(l - 2))}&:where([data-variant=ghost]):hover{color:var(--fg);background:rgb(from var(--fg) r g b / calc(alpha - .86))}&:active{background:hsl(from var(--fg) h s calc(l - 2))}&:where([data-variant=outline]):active{background:hsl(from var(--bg) h s calc(l - 2))}&:where([data-variant=ghost]):active{color:var(--fg);background:var(--fb-background-hoverable)}&:where([data-variant=ghost][data-appearance=agentic]):active{background:var(--fb-bg-color-agentic)}&:focus-visible{outline:2px solid var(--fg);outline-offset:2px;z-index:1}&:where(.fb-bar *,.fb-list *):focus-visible{outline-offset:0}}:where([data-fb-theme=dark]) .fb-5dSTsW-button{&:where([data-variant=solid]){background:hsl(from var(--fg) h s calc(l - 18))}&:where([data-variant=ghost][data-active]){color:var(--fg)}&:where(:not([data-readonly])){&:hover{background:hsl(from var(--fg) h s calc(l + 3))}&:where([data-variant=solid]):hover{background:hsl(from var(--fg) h s calc(l - 27))}&:where([data-variant=outline]):hover{background:hsl(from var(--bg) h s calc(l + 3))}&:where([data-variant=ghost]):hover{background:rgb(from var(--fg) r g b / calc(alpha - .86))}&:active{background:hsl(from var(--fg) h s calc(l + 3))}&:where([data-variant=outline]):active{background:hsl(from var(--bg) h s calc(l + 3))}&:where([data-variant=ghost]):active{background:var(--fb-background-hoverable)}&:where([data-variant=ghost][data-appearance=agentic]):active{background:var(--fb-bg-color-agentic)}}}.fb-5dSTsW-button[data-animating=rotate360]>svg{animation:1s ease-out fb-5dSTsW-rotate360}.fb-5dSTsW-button[data-animating=glow]>svg{animation:1s ease-out fb-5dSTsW-glow}.fb-5dSTsW-button[data-animating=jiggle]>svg{animation:1s ease-out fb-5dSTsW-jiggle}@keyframes fb-5dSTsW-rotate360{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fb-5dSTsW-glow{0%,to{opacity:1}50%{opacity:.4}}@keyframes fb-5dSTsW-jiggle{0%,to{transform:translate(0,0)}12.5%,62.5%{transform:translate(-4px)}37.5%,87.5%{transform:translate(4px)}}";
 			document.head.appendChild(style);
 		}
 		Button_module_default$1 = {
-			"rotate360": "fb-5dSTsW-rotate360",
-			"glow": "fb-5dSTsW-glow",
+			"jiggle": "fb-5dSTsW-jiggle",
 			"button": "fb-5dSTsW-button",
-			"jiggle": "fb-5dSTsW-jiggle"
+			"glow": "fb-5dSTsW-glow",
+			"rotate360": "fb-5dSTsW-rotate360"
 		};
 	})))();
 }
 //#endregion
 //#region src/components/components/Button/Button.tsx
-var import_react$51, Slot, Button, IconButton;
+var import_react$52, Slot, Button, IconButton;
 function init_Button() {
 	return (init_Button = __esmMin((() => {
-		import_react$51 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$52 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_client_logger();
 		init_useRender();
 		init_clsx();
@@ -2017,13 +2017,13 @@ function init_Button() {
 		init_InteractiveTooltipWrapper();
 		init_useAriaDescription();
 		init_Button_module();
-		Slot = (0, import_react$51.forwardRef)(({ children, ...props }, ref) => useRender({
+		Slot = (0, import_react$52.forwardRef)(({ children, ...props }, ref) => useRender({
 			render: children,
 			props,
 			ref
 		}));
 		Slot.displayName = "Slot";
-		Button = (0, import_react$51.forwardRef)(({ as = "button", asChild = false, animation = "none", size = "small", appearance = "default", variant = "outline", padding = "medium", disabled = false, readOnly = false, active, onClick, ariaLabel, ariaDescription = void 0, tooltip = void 0, tooltipPlacement = "top", shortcut = void 0, disableAllTooltips = false, className, ...props }, ref) => {
+		Button = (0, import_react$52.forwardRef)(({ as = "button", asChild = false, animation = "none", size = "small", appearance = "default", variant = "outline", padding = "medium", disabled = false, readOnly = false, active, onClick, ariaLabel, ariaDescription = void 0, tooltip = void 0, tooltipPlacement = "top", shortcut = void 0, disableAllTooltips = false, className, ...props }, ref) => {
 			const Comp = asChild ? Slot : as;
 			let deprecated = void 0;
 			if (!readOnly && (ariaLabel === void 0 || ariaLabel === "")) {
@@ -2035,27 +2035,27 @@ function init_Button() {
 				deprecate("The `active` prop on `Button` is deprecated and will be removed in Forkbook 11. Use specialized components like `ToggleButton` or `Select` instead.");
 			}
 			const { ariaDescriptionAttrs, AriaDescription } = useAriaDescription(ariaDescription);
-			const shortcutAttribute = (0, import_react$51.useMemo)(() => {
+			const shortcutAttribute = (0, import_react$52.useMemo)(() => {
 				return shortcut ? shortcutToAriaKeyshortcuts(shortcut) : void 0;
 			}, [shortcut]);
-			const [isAnimating, setIsAnimating] = (0, import_react$51.useState)(false);
+			const [isAnimating, setIsAnimating] = (0, import_react$52.useState)(false);
 			const handleClick = (event) => {
 				if (onClick) onClick(event);
 				if (animation === "none") return;
 				setIsAnimating(true);
 			};
-			(0, import_react$51.useEffect)(() => {
+			(0, import_react$52.useEffect)(() => {
 				if (!isAnimating) return;
 				const timer = setTimeout(() => setIsAnimating(false), 1e3);
 				return () => clearTimeout(timer);
 			}, [isAnimating]);
 			const finalTooltip = tooltip || (ariaLabel !== false ? ariaLabel : void 0);
-			return /* @__PURE__ */ import_react$51.default.createElement(import_react$51.default.Fragment, null, /* @__PURE__ */ import_react$51.default.createElement(InteractiveTooltipWrapper, {
+			return /* @__PURE__ */ import_react$52.default.createElement(import_react$52.default.Fragment, null, /* @__PURE__ */ import_react$52.default.createElement(InteractiveTooltipWrapper, {
 				disableAllTooltips,
 				shortcut,
 				tooltip: finalTooltip,
 				tooltipPlacement
-			}, /* @__PURE__ */ import_react$51.default.createElement(Comp, {
+			}, /* @__PURE__ */ import_react$52.default.createElement(Comp, {
 				"data-deprecated": deprecated,
 				ref,
 				className: clsx(Button_module_default$1.button, className),
@@ -2073,12 +2073,12 @@ function init_Button() {
 				"aria-keyshortcuts": readOnly ? void 0 : shortcutAttribute,
 				...readOnly ? {} : ariaDescriptionAttrs,
 				...props
-			})), /* @__PURE__ */ import_react$51.default.createElement(AriaDescription, null));
+			})), /* @__PURE__ */ import_react$52.default.createElement(AriaDescription, null));
 		});
 		Button.displayName = "Button";
-		IconButton = (0, import_react$51.forwardRef)((props, ref) => {
+		IconButton = (0, import_react$52.forwardRef)((props, ref) => {
 			deprecate("`IconButton` is deprecated and will be removed in Forkbook 11, use `Button` instead.");
-			return /* @__PURE__ */ import_react$51.default.createElement(Button, {
+			return /* @__PURE__ */ import_react$52.default.createElement(Button, {
 				ref,
 				...props,
 				"data-deprecated": "IconButton"
@@ -2089,13 +2089,13 @@ function init_Button() {
 }
 //#endregion
 //#region src/components/components/ToggleButton/ToggleButton.module.css
-var id$36, ToggleButton_module_default;
+var id$37, ToggleButton_module_default;
 function init_ToggleButton_module() {
 	return (init_ToggleButton_module = __esmMin((() => {
-		id$36 = "core/src/components/components/ToggleButton/ToggleButton.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$36}"]`)) {
+		id$37 = "core/src/components/components/ToggleButton/ToggleButton.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$37}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$36);
+			style.setAttribute("data-fb-css", id$37);
 			style.textContent = ".fb-6M-aEG-toggle:where([aria-checked=true][data-variant=solid]){background:hsl(from var(--fb-color-secondary) h s calc(l - 20))}.fb-6M-aEG-toggle:where([aria-checked=true][data-variant=outline]){background:rgb(from var(--fb-bar-selected-color) r g b / calc(alpha - .94));box-shadow:var(--fb-bar-selected-color) 0 0 0 1px inset;color:var(--fb-bar-selected-color)}.fb-6M-aEG-toggle:where([aria-checked=true][data-variant=ghost]){background:rgb(from var(--fb-bar-selected-color) r g b / calc(alpha - .93));color:hsl(from var(--fb-color-secondary) h s calc(l - 10))}:where([data-fb-theme=dark]) .fb-6M-aEG-toggle:where([aria-checked=true][data-variant=ghost]){color:var(--fb-color-secondary)}";
 			document.head.appendChild(style);
 		}
@@ -2104,15 +2104,15 @@ function init_ToggleButton_module() {
 }
 //#endregion
 //#region src/components/components/ToggleButton/ToggleButton.tsx
-var import_react$50, ToggleButton;
+var import_react$51, ToggleButton;
 function init_ToggleButton() {
 	return (init_ToggleButton = __esmMin((() => {
-		import_react$50 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$51 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_clsx();
 		init_Button();
 		init_ToggleButton_module();
-		ToggleButton = (0, import_react$50.forwardRef)(({ pressed, className, ...props }, ref) => {
-			return /* @__PURE__ */ import_react$50.default.createElement(Button, {
+		ToggleButton = (0, import_react$51.forwardRef)(({ pressed, className, ...props }, ref) => {
+			return /* @__PURE__ */ import_react$51.default.createElement(Button, {
 				role: "switch",
 				"aria-checked": pressed,
 				ref,
@@ -2125,39 +2125,39 @@ function init_ToggleButton() {
 }
 //#endregion
 //#region src/components/components/ActionList/ActionList.module.css
-var id$35, ActionList_module_default;
+var id$36, ActionList_module_default;
 function init_ActionList_module() {
 	return (init_ActionList_module = __esmMin((() => {
-		id$35 = "core/src/components/components/ActionList/ActionList.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$35}"]`)) {
+		id$36 = "core/src/components/components/ActionList/ActionList.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$36}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$35);
+			style.setAttribute("data-fb-css", id$36);
 			style.textContent = ".fb-N1EqIq-list{cursor:default;margin:0;padding:4px;list-style:none;&+*{border-top:1px solid var(--fb-app-border-color)}}.fb-N1EqIq-list:where([data-clickable]){cursor:pointer}.fb-N1EqIq-item{--listbox-item-active-color:hsl(from var(--fb-color-secondary) h s calc(l - 10));--listbox-item-muted-color:var(--fb-color-mediumdark);min-height:32px;font-size:var(--fb-size-s1);font-weight:var(--fb-weight-regular);color:var(--fb-color-default-text);opacity:1;content-visibility:visible;flex:none;justify-content:space-between;align-items:center;gap:4px;block-size:auto;display:flex;overflow:hidden;&:not(:hover,:has(:focus-visible)) :not(input)+input{opacity:0;position:absolute}@supports (interpolate-size:allow-keywords){interpolate-size:allow-keywords;transition-behavior:allow-discrete;transition-duration:var(--transition-duration,.2s);transition-property:opacity,block-size,content-visibility}@media (prefers-reduced-motion:reduce){transition:none}}:where([data-fb-theme=dark]) .fb-N1EqIq-item{--listbox-item-active-color:var(--fb-color-secondary)}.fb-N1EqIq-item:where([data-active]){font-weight:var(--fb-weight-bold);color:var(--listbox-item-active-color);--listbox-item-muted-color:var(--listbox-item-active-color)}.fb-N1EqIq-item:where([aria-disabled=true]){opacity:.5;cursor:not-allowed}.fb-N1EqIq-item:where([aria-selected=true]){color:var(--listbox-item-active-color);font-weight:var(--fb-weight-bold);--listbox-item-muted-color:var(--listbox-item-active-color)}.fb-N1EqIq-item:where([role=option]){cursor:pointer;border-radius:var(--fb-input-border-radius);outline-offset:-2px;gap:8px;padding:0 9px;&:hover{background:rgb(from var(--fb-color-secondary) r g b / calc(alpha - .86))}&:focus-visible{outline:2px solid var(--fb-color-secondary)}}.fb-N1EqIq-item:where([data-transition-status=preEnter],[data-transition-status=exiting],[data-transition-status=exited]){opacity:0;content-visibility:hidden;block-size:0}.fb-N1EqIq-hoverItem{gap:0;& [data-target-id]{opacity:1;inline-size:auto;margin-left:4px;@supports (interpolate-size:allow-keywords){interpolate-size:allow-keywords;transition-property:inline-size,margin-left,opacity,padding-inline;transition-duration:var(--transition-duration,.2s)}}&:not(:hover,:has(:focus-visible)) [data-target-id]{opacity:0;inline-size:0;margin-left:0;padding-inline:0}}.fb-N1EqIq-button{gap:8px;&:focus-visible{outline-offset:-2px}}.fb-N1EqIq-button:where([data-size=small]){gap:6px}.fb-N1EqIq-action{text-align:start;height:auto;min-height:32px;font-weight:inherit;color:inherit;flex:0 100%;justify-content:space-between;&:hover{color:inherit}& input:enabled:focus-visible{outline:none}&:has(input:focus-visible){outline:2px solid var(--fb-color-secondary);outline-offset:-2px}}.fb-N1EqIq-text{flex-direction:column;flex-grow:1;justify-content:center;min-width:0;padding:8px 0;line-height:16px;display:flex;&>*{white-space:normal;margin:0}&>span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}& small{font-size:inherit;color:var(--fb-text-muted-color)}&:first-child{padding-left:8px}&:last-child{padding-right:8px}:is(button,[role=option])>&:first-child{padding-left:0}:is(button,[role=option])>&:last-child{padding-right:0}}.fb-N1EqIq-icon{width:14px;height:14px;color:var(--listbox-item-muted-color);flex:0 0 14px;justify-content:center;align-items:center;display:flex}";
 			document.head.appendChild(style);
 		}
 		ActionList_module_default = {
-			"list": "fb-N1EqIq-list",
-			"icon": "fb-N1EqIq-icon",
-			"text": "fb-N1EqIq-text",
 			"action": "fb-N1EqIq-action",
+			"text": "fb-N1EqIq-text",
+			"icon": "fb-N1EqIq-icon",
+			"button": "fb-N1EqIq-button",
 			"item": "fb-N1EqIq-item",
-			"hoverItem": "fb-N1EqIq-hoverItem",
-			"button": "fb-N1EqIq-button"
+			"list": "fb-N1EqIq-list",
+			"hoverItem": "fb-N1EqIq-hoverItem"
 		};
 	})))();
 }
 //#endregion
 //#region src/components/components/ActionList/ActionList.tsx
-var import_react$49, ActionListItem, ActionListHoverItem, ActionListButton, ActionListToggle, ActionListAction, ActionListLink, ActionListText, ActionListIcon, ActionListRoot, ActionList;
+var import_react$50, ActionListItem, ActionListHoverItem, ActionListButton, ActionListToggle, ActionListAction, ActionListLink, ActionListText, ActionListIcon, ActionListRoot, ActionList;
 function init_ActionList() {
 	return (init_ActionList = __esmMin((() => {
-		import_react$49 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$50 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_clsx();
 		init_Button();
 		init_ToggleButton();
 		init_ActionList_module();
-		ActionListItem = (0, import_react$49.forwardRef)(function ActionListItem({ as: Comp = "li", active, transitionStatus, className, ...props }, ref) {
-			return /* @__PURE__ */ import_react$49.default.createElement(Comp, {
+		ActionListItem = (0, import_react$50.forwardRef)(function ActionListItem({ as: Comp = "li", active, transitionStatus, className, ...props }, ref) {
+			return /* @__PURE__ */ import_react$50.default.createElement(Comp, {
 				ref,
 				className: clsx(ActionList_module_default.item, className),
 				"data-active": active || void 0,
@@ -2165,15 +2165,15 @@ function init_ActionList() {
 				...props
 			});
 		});
-		ActionListHoverItem = (0, import_react$49.forwardRef)(function ActionListHoverItem({ targetId, className, ...props }, ref) {
-			return /* @__PURE__ */ import_react$49.default.createElement(ActionListItem, {
+		ActionListHoverItem = (0, import_react$50.forwardRef)(function ActionListHoverItem({ targetId, className, ...props }, ref) {
+			return /* @__PURE__ */ import_react$50.default.createElement(ActionListItem, {
 				ref,
 				className: clsx(ActionList_module_default.hoverItem, className),
 				...props
 			});
 		});
-		ActionListButton = (0, import_react$49.forwardRef)(function ActionListButton({ padding = "small", size = "medium", variant = "ghost", className, ...props }, ref) {
-			return /* @__PURE__ */ import_react$49.default.createElement(Button, {
+		ActionListButton = (0, import_react$50.forwardRef)(function ActionListButton({ padding = "small", size = "medium", variant = "ghost", className, ...props }, ref) {
+			return /* @__PURE__ */ import_react$50.default.createElement(Button, {
 				...props,
 				variant,
 				padding,
@@ -2182,8 +2182,8 @@ function init_ActionList() {
 				className: clsx(ActionList_module_default.button, className)
 			});
 		});
-		ActionListToggle = (0, import_react$49.forwardRef)(function ActionListToggle({ padding = "small", size = "medium", variant = "ghost", ...props }, ref) {
-			return /* @__PURE__ */ import_react$49.default.createElement(ToggleButton, {
+		ActionListToggle = (0, import_react$50.forwardRef)(function ActionListToggle({ padding = "small", size = "medium", variant = "ghost", ...props }, ref) {
+			return /* @__PURE__ */ import_react$50.default.createElement(ToggleButton, {
 				...props,
 				variant,
 				padding,
@@ -2191,33 +2191,33 @@ function init_ActionList() {
 				ref
 			});
 		});
-		ActionListAction = (0, import_react$49.forwardRef)(function ActionListAction({ className, ...props }, ref) {
-			return /* @__PURE__ */ import_react$49.default.createElement(ActionListButton, {
+		ActionListAction = (0, import_react$50.forwardRef)(function ActionListAction({ className, ...props }, ref) {
+			return /* @__PURE__ */ import_react$50.default.createElement(ActionListButton, {
 				ref,
 				className: clsx(ActionList_module_default.action, className),
 				...props
 			});
 		});
-		ActionListLink = (props) => /* @__PURE__ */ import_react$49.default.createElement(ActionListAction, {
+		ActionListLink = (props) => /* @__PURE__ */ import_react$50.default.createElement(ActionListAction, {
 			as: "a",
 			...props
 		});
-		ActionListText = (0, import_react$49.forwardRef)(function ActionListText({ className, ...props }, ref) {
-			return /* @__PURE__ */ import_react$49.default.createElement("div", {
+		ActionListText = (0, import_react$50.forwardRef)(function ActionListText({ className, ...props }, ref) {
+			return /* @__PURE__ */ import_react$50.default.createElement("div", {
 				ref,
 				className: clsx(ActionList_module_default.text, className),
 				...props
 			});
 		});
-		ActionListIcon = (0, import_react$49.forwardRef)(function ActionListIcon({ className, ...props }, ref) {
-			return /* @__PURE__ */ import_react$49.default.createElement("div", {
+		ActionListIcon = (0, import_react$50.forwardRef)(function ActionListIcon({ className, ...props }, ref) {
+			return /* @__PURE__ */ import_react$50.default.createElement("div", {
 				ref,
 				className: clsx(ActionList_module_default.icon, className),
 				...props
 			});
 		});
-		ActionListRoot = (0, import_react$49.forwardRef)(function ActionList({ as: Comp = "ul", className, ...props }, ref) {
-			return /* @__PURE__ */ import_react$49.default.createElement(Comp, {
+		ActionListRoot = (0, import_react$50.forwardRef)(function ActionList({ as: Comp = "ul", className, ...props }, ref) {
+			return /* @__PURE__ */ import_react$50.default.createElement(Comp, {
 				ref,
 				className: clsx(ActionList_module_default.list, className),
 				"data-clickable": props.onClick ? true : void 0,
@@ -2238,13 +2238,13 @@ function init_ActionList() {
 }
 //#endregion
 //#region src/components/components/Collapsible/Collapsible.module.css
-var id$34, Collapsible_module_default;
+var id$35, Collapsible_module_default;
 function init_Collapsible_module() {
 	return (init_Collapsible_module = __esmMin((() => {
-		id$34 = "core/src/components/components/Collapsible/Collapsible.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$34}"]`)) {
+		id$35 = "core/src/components/components/Collapsible/Collapsible.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$35}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$34);
+			style.setAttribute("data-fb-css", id$35);
 			style.textContent = ".fb-7Fagkq-content{content-visibility:visible;opacity:1;block-size:auto;overflow:hidden;transform:translateY(0);@supports (interpolate-size:allow-keywords){interpolate-size:allow-keywords;transition:all var(--transition-duration,.2s);transition-behavior:allow-discrete}@media (prefers-reduced-motion:reduce){transition:none}}.fb-7Fagkq-content:where([data-collapsed]){content-visibility:hidden;opacity:0;block-size:0;transform:translateY(-10px)}";
 			document.head.appendChild(style);
 		}
@@ -2253,13 +2253,13 @@ function init_Collapsible_module() {
 }
 //#endregion
 //#region src/components/components/Collapsible/Collapsible.tsx
-var import_react$48, CollapsibleContent, Collapsible, useSessionState, useCollapsible;
+var import_react$49, CollapsibleContent, Collapsible, useSessionState, useCollapsible;
 function init_Collapsible() {
 	return (init_Collapsible = __esmMin((() => {
-		import_react$48 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$49 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_clsx();
 		init_Collapsible_module();
-		CollapsibleContent = ({ collapsed = false, className, ...props }) => /* @__PURE__ */ import_react$48.default.createElement("div", {
+		CollapsibleContent = ({ collapsed = false, className, ...props }) => /* @__PURE__ */ import_react$49.default.createElement("div", {
 			className: clsx(Collapsible_module_default.content, className),
 			"data-collapsed": collapsed || void 0,
 			...props
@@ -2272,7 +2272,7 @@ function init_Collapsible() {
 				storageKey
 			});
 			const state = providedState || internalState;
-			return /* @__PURE__ */ import_react$48.default.createElement(import_react$48.default.Fragment, null, typeof summary === "function" ? summary(state) : summary, /* @__PURE__ */ import_react$48.default.createElement(CollapsibleContent, {
+			return /* @__PURE__ */ import_react$49.default.createElement(import_react$49.default.Fragment, null, typeof summary === "function" ? summary(state) : summary, /* @__PURE__ */ import_react$49.default.createElement(CollapsibleContent, {
 				...props,
 				id: state.contentId,
 				collapsed: state.isCollapsed,
@@ -2280,14 +2280,14 @@ function init_Collapsible() {
 			}, typeof children === "function" ? children(state) : children));
 		}, { Content: CollapsibleContent });
 		useSessionState = (key, initialValue) => {
-			const [value, setValue] = (0, import_react$48.useState)(() => {
+			const [value, setValue] = (0, import_react$49.useState)(() => {
 				try {
 					return JSON.parse(sessionStorage.getItem(key)) ?? initialValue;
 				} catch {
 					return initialValue;
 				}
 			});
-			(0, import_react$48.useEffect)(() => {
+			(0, import_react$49.useEffect)(() => {
 				try {
 					if (key) sessionStorage.setItem(key, JSON.stringify(value));
 				} catch {}
@@ -2296,14 +2296,14 @@ function init_Collapsible() {
 		};
 		useCollapsible = ({ collapsed, disabled, initialCollapsed = collapsed, storageKey }) => {
 			const [isCollapsed, setCollapsed] = useSessionState(storageKey && `useCollapsible:${storageKey}`, !!initialCollapsed);
-			(0, import_react$48.useEffect)(() => {
+			(0, import_react$49.useEffect)(() => {
 				if (collapsed !== void 0) setCollapsed(collapsed);
 			}, [collapsed, setCollapsed]);
-			const toggleCollapsed = (0, import_react$48.useCallback)((event) => {
+			const toggleCollapsed = (0, import_react$49.useCallback)((event) => {
 				event?.stopPropagation();
 				if (!disabled) setCollapsed((value) => !value);
 			}, [disabled, setCollapsed]);
-			const contentId = (0, import_react$48.useId)();
+			const contentId = (0, import_react$49.useId)();
 			return {
 				contentId,
 				isCollapsed,
@@ -2322,31 +2322,31 @@ function init_Collapsible() {
 }
 //#endregion
 //#region src/components/components/Card/Card.module.css
-var id$33, Card_module_default;
+var id$34, Card_module_default;
 function init_Card_module() {
 	return (init_Card_module = __esmMin((() => {
-		id$33 = "core/src/components/components/Card/Card.module.css";
-		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$33}"]`)) {
+		id$34 = "core/src/components/components/Card/Card.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$34}"]`)) {
 			const style = document.createElement("style");
-			style.setAttribute("data-fb-css", id$33);
+			style.setAttribute("data-fb-css", id$34);
 			style.textContent = ".fb-PqILIq-content{color:var(--card-color);border-radius:var(--fb-app-border-radius);background:linear-gradient(var(--card-background), var(--card-background)), var(--fb-background-content);position:relative}.fb-PqILIq-outline{background-color:var(--card-background);border-radius:calc(var(--fb-app-border-radius) + 1px);width:100%;box-shadow:inset 0 0 0 1px var(--card-border-color,var(--fb-app-border-color)), var(--card-box-shadow,transparent 0 0);padding:1px;transition:box-shadow 1s;position:relative;overflow:hidden;@supports (interpolate-size:allow-keywords){interpolate-size:allow-keywords;transition:all var(--transition-duration,.2s), box-shadow 1s;transition-behavior:allow-discrete}@media (prefers-reduced-motion:reduce){transition:box-shadow 1s}&:before{content:\"\";opacity:1;width:100%;height:100%;display:none;position:absolute;top:0;left:0}}.fb-PqILIq-outline[data-animation=rainbow]:before{will-change:transform, opacity;background-image:linear-gradient(45deg,#ea0000,#ff9d00,#ffd000,#00ac00,#007aff,#b500b5,#ea0000,#ff9d00,#ffd000,#00ac00,#007aff,#b500b5,#ea0000);width:1000%;height:200%;animation:10s linear forwards fb-PqILIq-slide,10s linear forwards fb-PqILIq-fadeInOut;display:block;top:-100%;@media (prefers-reduced-motion:reduce){opacity:0;width:100%;height:100%;animation:none;top:0}}.fb-PqILIq-outline[data-animation=spin]:before{background-image:conic-gradient(#0000 90deg,#007aff 150deg,#37d5d3 210deg,#0000 270deg);width:max(100vw,100vh);height:max(100vw,100vh);margin-top:calc(max(100vw,100vh)/-2);margin-left:calc(max(100vw,100vh)/-2);animation:5s linear infinite fb-PqILIq-spin;display:block;top:50%;left:50%}.fb-PqILIq-outline[data-animation=spin][data-outline-color=negative]:before{background-image:conic-gradient(#0000 90deg,#fc521f 150deg,#ffae00 210deg,#0000 270deg)}.fb-PqILIq-outline[data-animation=spin][data-outline-color=agentic]:before{background-image:conic-gradient(#0000 90deg,#b6a7ff 150deg,#d8aeff 210deg,#0000 270deg)}:where([data-fb-theme=dark]) .fb-PqILIq-outline[data-animation=spin][data-outline-color=agentic]:before{background-image:conic-gradient(#0000 90deg,#723aa6a6 150deg,#9d62d699 210deg,#0000 270deg)}@keyframes fb-PqILIq-fadeInOut{0%{opacity:0}10%{opacity:1}80%{opacity:1}to{opacity:0}}@keyframes fb-PqILIq-spin{0%{transform:rotate(0)}10%{transform:rotate(20deg)}40%{transform:rotate(170deg)}50%{transform:rotate(180deg)}60%{transform:rotate(190deg)}90%{transform:rotate(340deg)}to{transform:rotate(360deg)}}@keyframes fb-PqILIq-slide{to{transform:translate(-50%,50%)}}";
 			document.head.appendChild(style);
 		}
 		Card_module_default = {
-			"outline": "fb-PqILIq-outline",
-			"spin": "fb-PqILIq-spin",
-			"slide": "fb-PqILIq-slide",
 			"fadeInOut": "fb-PqILIq-fadeInOut",
-			"content": "fb-PqILIq-content"
+			"spin": "fb-PqILIq-spin",
+			"content": "fb-PqILIq-content",
+			"outline": "fb-PqILIq-outline",
+			"slide": "fb-PqILIq-slide"
 		};
 	})))();
 }
 //#endregion
 //#region src/components/components/Card/Card.tsx
-var import_react$47, kebab, varChain, colorVars, CardContent, CardOutline, Card;
+var import_react$48, kebab, varChain, colorVars, CardContent, CardOutline, Card;
 function init_Card() {
 	return (init_Card = __esmMin((() => {
-		import_react$47 = /* @__PURE__ */ __toESM(require_react(), 1);
+		import_react$48 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_clsx();
 		init_Card_module();
 		kebab = (key) => key.replace(/[A-Z]/g, (char) => `-${char.toLowerCase()}`);
@@ -2355,8 +2355,8 @@ function init_Card() {
 			"--card-color": color && varChain([`--fb-fg-color-${kebab(color)}`, `--fb-color-${kebab(color)}`]),
 			"--card-background": varChain([color && `--fb-bg-color-${kebab(color)}`], "var(--fb-background-content)")
 		});
-		CardContent = (0, import_react$47.forwardRef)(function CardContent({ color, className, style, ...props }, ref) {
-			return /* @__PURE__ */ import_react$47.default.createElement("div", {
+		CardContent = (0, import_react$48.forwardRef)(function CardContent({ color, className, style, ...props }, ref) {
+			return /* @__PURE__ */ import_react$48.default.createElement("div", {
 				ref,
 				className: clsx(Card_module_default.content, className),
 				style: {
@@ -2366,9 +2366,9 @@ function init_Card() {
 				...props
 			});
 		});
-		CardOutline = (0, import_react$47.forwardRef)(function CardOutline({ animation = "none", color, outlineColor = color, className, style, ...props }, ref) {
+		CardOutline = (0, import_react$48.forwardRef)(function CardOutline({ animation = "none", color, outlineColor = color, className, style, ...props }, ref) {
 			const borderColor = animation === "none" ? varChain([color && `--fb-border-color-${kebab(color)}`, outlineColor && `--fb-color-${kebab(outlineColor)}`]) : void 0;
-			return /* @__PURE__ */ import_react$47.default.createElement("div", {
+			return /* @__PURE__ */ import_react$48.default.createElement("div", {
 				ref,
 				className: clsx(Card_module_default.outline, className),
 				"data-animation": animation,
@@ -2381,14 +2381,14 @@ function init_Card() {
 				...props
 			});
 		});
-		Card = Object.assign((0, import_react$47.forwardRef)(function Card({ outlineAnimation = "none", color, outlineColor, outlineAttrs = {}, ...props }, ref) {
-			return /* @__PURE__ */ import_react$47.default.createElement(CardOutline, {
+		Card = Object.assign((0, import_react$48.forwardRef)(function Card({ outlineAnimation = "none", color, outlineColor, outlineAttrs = {}, ...props }, ref) {
+			return /* @__PURE__ */ import_react$48.default.createElement(CardOutline, {
 				animation: outlineAnimation,
 				color,
 				outlineColor,
 				ref,
 				...outlineAttrs
-			}, /* @__PURE__ */ import_react$47.default.createElement(CardContent, {
+			}, /* @__PURE__ */ import_react$48.default.createElement(CardContent, {
 				color,
 				...props
 			}));
@@ -2399,6 +2399,108 @@ function init_Card() {
 	})))();
 }
 //#endregion
+//#region src/components/components/StoryGrid/StoryGrid.module.css
+var id$33, StoryGrid_module_default;
+function init_StoryGrid_module() {
+	return (init_StoryGrid_module = __esmMin((() => {
+		id$33 = "core/src/components/components/StoryGrid/StoryGrid.module.css";
+		if (typeof document !== "undefined" && !document.querySelector(`style[data-fb-css="${id$33}"]`)) {
+			const style = document.createElement("style");
+			style.setAttribute("data-fb-css", id$33);
+			style.textContent = ".fb-mI2Oaa-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:0;padding:0;list-style:none;display:grid}.fb-mI2Oaa-item{min-width:0;display:flex}.fb-mI2Oaa-card{border:1px solid var(--fb-app-border-color,#0000001a);border-radius:var(--fb-app-border-radius,6px);background:var(--fb-background-content,#fff);width:100%;color:var(--fb-color-default-text,inherit);flex-direction:column;text-decoration:none;transition:border-color .15s;display:flex;overflow:hidden;&:hover,&:focus-visible{border-color:var(--fb-color-secondary,#4f46e5)}&:focus-visible{outline:2px solid var(--fb-color-secondary,#4f46e5);outline-offset:2px}}.fb-mI2Oaa-media{aspect-ratio:16/10;background:var(--fb-background-app,#f6f9fc);border-bottom:1px solid var(--fb-app-border-color,#0000001a);position:relative;overflow:hidden}.fb-mI2Oaa-image{object-fit:cover;width:100%;height:100%;display:block}.fb-mI2Oaa-frame{transform-origin:0 0;pointer-events:none;background:0 0;border:0;width:200%;height:200%;position:absolute;top:0;left:0;transform:scale(.5)}.fb-mI2Oaa-text{flex-direction:column;gap:2px;padding:10px 12px;display:flex}.fb-mI2Oaa-title{font-weight:var(--fb-weight-bold,700);font-size:14px}.fb-mI2Oaa-path,.fb-mI2Oaa-count{color:var(--fb-text-muted-color,#73828c);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.fb-mI2Oaa-empty{color:var(--fb-text-muted-color,inherit)}";
+			document.head.appendChild(style);
+		}
+		StoryGrid_module_default = {
+			"media": "fb-mI2Oaa-media",
+			"path": "fb-mI2Oaa-path",
+			"card": "fb-mI2Oaa-card",
+			"image": "fb-mI2Oaa-image",
+			"empty": "fb-mI2Oaa-empty",
+			"grid": "fb-mI2Oaa-grid",
+			"item": "fb-mI2Oaa-item",
+			"frame": "fb-mI2Oaa-frame",
+			"title": "fb-mI2Oaa-title",
+			"text": "fb-mI2Oaa-text",
+			"count": "fb-mI2Oaa-count"
+		};
+	})))();
+}
+//#endregion
+//#region src/components/components/StoryGrid/StoryGrid.tsx
+var import_react$47, useNearView, CardPreview, StoryGrid;
+function init_StoryGrid() {
+	return (init_StoryGrid = __esmMin((() => {
+		import_react$47 = /* @__PURE__ */ __toESM(require_react(), 1);
+		init_StoryGrid_module();
+		useNearView = (rootMargin = "200px") => {
+			const ref = (0, import_react$47.useRef)(null);
+			const [near, setNear] = (0, import_react$47.useState)(false);
+			(0, import_react$47.useEffect)(() => {
+				const element = ref.current;
+				if (!element || near) return;
+				if (typeof IntersectionObserver === "undefined") {
+					setNear(true);
+					return;
+				}
+				const observer = new IntersectionObserver((records) => {
+					if (records.some((record) => record.isIntersecting)) {
+						setNear(true);
+						observer.disconnect();
+					}
+				}, { rootMargin });
+				observer.observe(element);
+				return () => observer.disconnect();
+			}, [near, rootMargin]);
+			return {
+				ref,
+				near
+			};
+		};
+		CardPreview = ({ component, getPreviewSrc }) => {
+			const { ref, near } = useNearView();
+			if (component.thumbnail) return /* @__PURE__ */ import_react$47.default.createElement("div", { className: StoryGrid_module_default.media }, /* @__PURE__ */ import_react$47.default.createElement("img", {
+				className: StoryGrid_module_default.image,
+				src: component.thumbnail,
+				alt: "",
+				loading: "lazy"
+			}));
+			return /* @__PURE__ */ import_react$47.default.createElement("div", {
+				className: StoryGrid_module_default.media,
+				ref
+			}, near && component.firstStoryId ? /* @__PURE__ */ import_react$47.default.createElement("iframe", {
+				className: StoryGrid_module_default.frame,
+				src: getPreviewSrc(component.firstStoryId),
+				title: `${component.name} preview`,
+				loading: "lazy",
+				tabIndex: -1,
+				"aria-hidden": true
+			}) : null);
+		};
+		StoryGrid = ({ components, getHref, onSelect, getPreviewSrc }) => {
+			const onClick = (event, component) => {
+				if (!onSelect || event.button !== 0 || event.metaKey || event.ctrlKey || event.shiftKey) return;
+				event.preventDefault();
+				onSelect(component);
+			};
+			if (components.length === 0) return /* @__PURE__ */ import_react$47.default.createElement("p", { className: StoryGrid_module_default.empty }, "No components yet.");
+			return /* @__PURE__ */ import_react$47.default.createElement("ul", {
+				className: StoryGrid_module_default.grid,
+				"aria-label": "Components"
+			}, components.map((component) => /* @__PURE__ */ import_react$47.default.createElement("li", {
+				key: component.title,
+				className: StoryGrid_module_default.item
+			}, /* @__PURE__ */ import_react$47.default.createElement("a", {
+				className: StoryGrid_module_default.card,
+				href: getHref(component),
+				onClick: (event) => onClick(event, component)
+			}, /* @__PURE__ */ import_react$47.default.createElement(CardPreview, {
+				component,
+				getPreviewSrc
+			}), /* @__PURE__ */ import_react$47.default.createElement("span", { className: StoryGrid_module_default.text }, /* @__PURE__ */ import_react$47.default.createElement("span", { className: StoryGrid_module_default.title }, component.name), component.title !== component.name ? /* @__PURE__ */ import_react$47.default.createElement("span", { className: StoryGrid_module_default.path }, component.title) : null, /* @__PURE__ */ import_react$47.default.createElement("span", { className: StoryGrid_module_default.count }, component.storyIds.length === 1 ? "1 story" : `${component.storyIds.length} stories`))))));
+		};
+	})))();
+}
+//#endregion
 //#region src/components/components/shared/trapTabKey.ts
 /**
 * Keeps Tab and Shift+Tab inside a container: from the last tabbable element, Tab goes to the first
@@ -2438,22 +2540,22 @@ function init_Modal_module() {
 			document.head.appendChild(style);
 		}
 		Modal_module_default = {
-			"title": "fb-t9bqoG-title",
-			"fadeOut": "fb-t9bqoG-fadeOut",
+			"fadeIn": "fb-t9bqoG-fadeIn",
+			"actions": "fb-t9bqoG-actions",
 			"expand": "fb-t9bqoG-expand",
+			"slideToBottom": "fb-t9bqoG-slideToBottom",
+			"errorWrapper": "fb-t9bqoG-errorWrapper",
+			"overlay": "fb-t9bqoG-overlay",
+			"description": "fb-t9bqoG-description",
 			"slideFromBottom": "fb-t9bqoG-slideFromBottom",
-			"zoomIn": "fb-t9bqoG-zoomIn",
 			"col": "fb-t9bqoG-col",
-			"slideToBottom": "fb-t9bqoG-slideToBottom",
-			"row": "fb-t9bqoG-row",
-			"fadeIn": "fb-t9bqoG-fadeIn",
+			"container": "fb-t9bqoG-container",
+			"fadeOut": "fb-t9bqoG-fadeOut",
+			"title": "fb-t9bqoG-title",
 			"zoomOut": "fb-t9bqoG-zoomOut",
+			"row": "fb-t9bqoG-row",
 			"content": "fb-t9bqoG-content",
-			"actions": "fb-t9bqoG-actions",
-			"description": "fb-t9bqoG-description",
-			"overlay": "fb-t9bqoG-overlay",
-			"container": "fb-t9bqoG-container",
-			"errorWrapper": "fb-t9bqoG-errorWrapper"
+			"zoomIn": "fb-t9bqoG-zoomIn"
 		};
 	})))();
 }
@@ -2480,7 +2582,7 @@ function init_Modal_styled() {
 	return (init_Modal_styled = __esmMin((() => {
 		import_react$46 = /* @__PURE__ */ __toESM(require_react(), 1);
 		init_client_logger();
-		init_X_es();
+		init_x();
 		init_clsx();
 		init_Button();
 		init_Modal();
@@ -2555,7 +2657,7 @@ function init_Modal_styled() {
 				variant: "ghost",
 				shortcut: ["Escape"],
 				onClick: close
-			}, /* @__PURE__ */ import_react$46.default.createElement(e$1, null));
+			}, /* @__PURE__ */ import_react$46.default.createElement(X, null));
 		};
 		Dialog = { Close: () => {
 			deprecate("Modal.Dialog.Close is deprecated, please use Modal.Close instead.");
@@ -2567,7 +2669,7 @@ function init_Modal_styled() {
 				ariaLabel: ariaLabel || "Close",
 				"data-deprecated": "Modal.CloseButton",
 				...props
-			}, /* @__PURE__ */ import_react$46.default.createElement(e$1, null)));
+			}, /* @__PURE__ */ import_react$46.default.createElement(X, null)));
 		};
 		Content = divWithClass(Modal_module_default.content, "Content");
 		Row = divWithClass(Modal_module_default.row, "Row");
@@ -2720,10 +2822,10 @@ function init_Spaced_module() {
 			document.head.appendChild(style);
 		}
 		Spaced_module_default = {
-			"row": "fb-yP698W-row",
-			"outerRow": "fb-yP698W-outerRow",
+			"col": "fb-yP698W-col",
 			"outerCol": "fb-yP698W-outerCol",
-			"col": "fb-yP698W-col"
+			"outerRow": "fb-yP698W-outerRow",
+			"row": "fb-yP698W-row"
 		};
 	})))();
 }
@@ -2889,9 +2991,9 @@ function init_ErrorFormatter_module() {
 			document.head.appendChild(style);
 		}
 		ErrorFormatter_module_default = {
-			"important": "fb-bPMLda-important",
 			"detail": "fb-bPMLda-detail",
-			"name": "fb-bPMLda-name"
+			"name": "fb-bPMLda-name",
+			"important": "fb-bPMLda-important"
 		};
 	})))();
 }
@@ -3032,8 +3134,8 @@ function init_Input_module() {
 			document.head.appendChild(style);
 		}
 		Input_module_default = {
-			"wrapper": "fb-1G-00W-wrapper",
 			"input": "fb-1G-00W-input",
+			"wrapper": "fb-1G-00W-wrapper",
 			"mask": "fb-1G-00W-mask"
 		};
 	})))();
@@ -3243,8 +3345,8 @@ function init_Popover_module() {
 			document.head.appendChild(style);
 		}
 		Popover_module_default = {
-			"closeButton": "fb-1mfpuG-closeButton",
-			"popover": "fb-1mfpuG-popover"
+			"popover": "fb-1mfpuG-popover",
+			"closeButton": "fb-1mfpuG-closeButton"
 		};
 	})))();
 }
@@ -3254,7 +3356,7 @@ var import_react$32, Popover;
 function init_Popover() {
 	return (init_Popover = __esmMin((() => {
 		import_react$32 = /* @__PURE__ */ __toESM(require_react(), 1);
-		init_X_es();
+		init_x();
 		init_clsx();
 		init_Button();
 		init_Popover_module();
@@ -3277,7 +3379,7 @@ function init_Popover() {
 				padding: "small",
 				variant: "ghost",
 				size: "small"
-			}, /* @__PURE__ */ import_react$32.default.createElement(e$1, null)));
+			}, /* @__PURE__ */ import_react$32.default.createElement(X, null)));
 		});
 		Popover.displayName = "Popover";
 	})))();
@@ -3318,8 +3420,8 @@ function init_Select_module$1() {
 			document.head.appendChild(style);
 		}
 		Select_module_default = {
-			"underlay": "fb-mklNNG-underlay",
 			"highlightedButton": "fb-mklNNG-highlightedButton",
+			"underlay": "fb-mklNNG-underlay",
 			"selectedOptionCount": "fb-mklNNG-selectedOptionCount"
 		};
 	})))();
@@ -3392,7 +3494,7 @@ var import_react$29, MinimalistPopover, Select;
 function init_Select$1() {
 	return (init_Select$1 = __esmMin((() => {
 		import_react$29 = /* @__PURE__ */ __toESM(require_react(), 1);
-		init_ArrowClockwise_es();
+		init_rotate_cw();
 		init_PopoverRoot(), init_PopoverPortal(), init_PopoverPositioner(), init_PopoverPopup();
 		init_clsx();
 		init_Button();
@@ -3490,7 +3592,7 @@ function init_Select$1() {
 				type: "reset",
 				value: void 0,
 				title: resetLabel ?? "Reset selection",
-				icon: /* @__PURE__ */ import_react$29.default.createElement(r, null),
+				icon: /* @__PURE__ */ import_react$29.default.createElement(RotateCw, null),
 				description: void 0,
 				children: void 0
 			} : void 0, [onReset, resetLabel]);
@@ -3760,9 +3862,9 @@ function init_TooltipMessage_module() {
 			document.head.appendChild(style);
 		}
 		TooltipMessage_module_default = {
-			"message": "fb-Jdn35W-message",
 			"links": "fb-Jdn35W-links",
 			"messageWrapper": "fb-Jdn35W-messageWrapper",
+			"message": "fb-Jdn35W-message",
 			"title": "fb-Jdn35W-title"
 		};
 	})))();
@@ -3801,13 +3903,13 @@ function init_ListItem_module() {
 			document.head.appendChild(style);
 		}
 		ListItem_module_default = {
+			"left": "fb-2LErEa-left",
 			"item": "fb-2LErEa-item",
 			"right": "fb-2LErEa-right",
-			"centerText": "fb-2LErEa-centerText",
-			"glow": "fb-2LErEa-glow",
 			"title": "fb-2LErEa-title",
-			"left": "fb-2LErEa-left",
-			"center": "fb-2LErEa-center"
+			"center": "fb-2LErEa-center",
+			"glow": "fb-2LErEa-glow",
+			"centerText": "fb-2LErEa-centerText"
 		};
 	})))();
 }
@@ -3960,11 +4062,11 @@ function init_Bar_module() {
 			document.head.appendChild(style);
 		}
 		Bar_module_default = {
-			"barInner": "fb-zWlpQq-barInner",
-			"barWithoutPadding": "fb-zWlpQq-barWithoutPadding",
-			"heightPreserver": "fb-zWlpQq-heightPreserver",
 			"side": "fb-zWlpQq-side",
-			"bar": "fb-zWlpQq-bar"
+			"barWithoutPadding": "fb-zWlpQq-barWithoutPadding",
+			"barInner": "fb-zWlpQq-barInner",
+			"bar": "fb-zWlpQq-bar",
+			"heightPreserver": "fb-zWlpQq-heightPreserver"
 		};
 	})))();
 }
@@ -4100,11 +4202,11 @@ function init_EmptyTabContent_module() {
 			document.head.appendChild(style);
 		}
 		EmptyTabContent_module_default = {
-			"title": "fb-CwTYpq-title",
 			"wrapper": "fb-CwTYpq-wrapper",
+			"title": "fb-CwTYpq-title",
+			"description": "fb-CwTYpq-description",
 			"content": "fb-CwTYpq-content",
-			"footer": "fb-CwTYpq-footer",
-			"description": "fb-CwTYpq-description"
+			"footer": "fb-CwTYpq-footer"
 		};
 	})))();
 }
@@ -4167,8 +4269,8 @@ function init_Tabs_hooks_module() {
 			document.head.appendChild(style);
 		}
 		Tabs_hooks_module_default = {
-			"collapseIcon": "fb-9rvSra-collapseIcon",
-			"addonButton": "fb-9rvSra-addonButton"
+			"addonButton": "fb-9rvSra-addonButton",
+			"collapseIcon": "fb-9rvSra-collapseIcon"
 		};
 	})))();
 }
@@ -4296,9 +4398,9 @@ function init_Tabs_module() {
 			document.head.appendChild(style);
 		}
 		Tabs_module_default = {
-			"tab-content": "fb-yAqY1G-tab-content",
-			"tabBar": "fb-yAqY1G-tabBar",
 			"content": "fb-yAqY1G-content",
+			"tabBar": "fb-yAqY1G-tabBar",
+			"tab-content": "fb-yAqY1G-tab-content",
 			"wrapper": "fb-yAqY1G-wrapper"
 		};
 	})))();
@@ -4616,11 +4718,11 @@ function init_StatelessTabList_module() {
 			document.head.appendChild(style);
 		}
 		StatelessTabList_module_default = {
-			"root": "fb-pPoemq-root",
+			"tabList": "fb-pPoemq-tabList",
 			"scrollContainer": "fb-pPoemq-scrollContainer",
 			"scrollButtonContainer": "fb-pPoemq-scrollButtonContainer",
-			"tabList": "fb-pPoemq-tabList",
-			"scrollButton": "fb-pPoemq-scrollButton"
+			"scrollButton": "fb-pPoemq-scrollButton",
+			"root": "fb-pPoemq-root"
 		};
 	})))();
 }
@@ -4630,7 +4732,7 @@ var import_react$12, StatelessTabList;
 function init_StatelessTabList() {
 	return (init_StatelessTabList = __esmMin((() => {
 		import_react$12 = /* @__PURE__ */ __toESM(require_react(), 1);
-		init_CaretLeft_es(), init_CaretRight_es();
+		init_chevron_left(), init_chevron_right();
 		init_TabsList();
 		init_Button();
 		init_StatelessTabList_module();
@@ -4703,7 +4805,7 @@ function init_StatelessTabList() {
 				disabled: !canScrollLeft,
 				onClick: scrollBackward,
 				tabIndex: -1
-			}, /* @__PURE__ */ import_react$12.default.createElement(t, null))), /* @__PURE__ */ import_react$12.default.createElement("div", {
+			}, /* @__PURE__ */ import_react$12.default.createElement(ChevronLeft, null))), /* @__PURE__ */ import_react$12.default.createElement("div", {
 				className: StatelessTabList_module_default.scrollContainer,
 				ref: scrollContainerRef
 			}, /* @__PURE__ */ import_react$12.default.createElement(TabsList, {
@@ -4722,7 +4824,7 @@ function init_StatelessTabList() {
 				disabled: !canScrollRight,
 				onClick: scrollForward,
 				tabIndex: -1
-			}, /* @__PURE__ */ import_react$12.default.createElement(e, null))));
+			}, /* @__PURE__ */ import_react$12.default.createElement(ChevronRight, null))));
 		};
 	})))();
 }
@@ -4819,11 +4921,11 @@ function init_TabsView_module() {
 			document.head.appendChild(style);
 		}
 		TabsView_module_default = {
+			"container": "fb-voB9ZG-container",
 			"flexTabPanel": "fb-voB9ZG-flexTabPanel",
+			"bar": "fb-voB9ZG-bar",
 			"statelessContainer": "fb-voB9ZG-statelessContainer",
-			"container": "fb-voB9ZG-container",
-			"flexTabList": "fb-voB9ZG-flexTabList",
-			"bar": "fb-voB9ZG-bar"
+			"flexTabList": "fb-voB9ZG-flexTabList"
 		};
 	})))();
 }
@@ -5015,13 +5117,13 @@ function init_Loader_module() {
 			document.head.appendChild(style);
 		}
 		Loader_module_default = {
-			"progressMessage": "fb--QAWhG-progressMessage",
-			"progressTrack": "fb--QAWhG-progressTrack",
-			"errorIcon": "fb--QAWhG-errorIcon",
-			"loader": "fb--QAWhG-loader",
 			"progressWrapper": "fb--QAWhG-progressWrapper",
-			"progressBar": "fb--QAWhG-progressBar",
 			"rotate360": "fb--QAWhG-rotate360",
+			"progressBar": "fb--QAWhG-progressBar",
+			"errorIcon": "fb--QAWhG-errorIcon",
+			"progressTrack": "fb--QAWhG-progressTrack",
+			"loader": "fb--QAWhG-loader",
+			"progressMessage": "fb--QAWhG-progressMessage",
 			"ellipsis": "fb--QAWhG-ellipsis"
 		};
 	})))();
@@ -5032,7 +5134,7 @@ var import_react$4, Loader;
 function init_Loader() {
 	return (init_Loader = __esmMin((() => {
 		import_react$4 = /* @__PURE__ */ __toESM(require_react(), 1);
-		init_LightningSlash_es();
+		init_zap_off();
 		init_Loader_module();
 		Loader = ({ progress, error, size = 32, ...props }) => {
 			if (error) return /* @__PURE__ */ import_react$4.default.createElement("div", {
@@ -5041,7 +5143,7 @@ function init_Loader() {
 				"aria-live": "polite",
 				role: "status",
 				...props
-			}, /* @__PURE__ */ import_react$4.default.createElement(t$1, { className: Loader_module_default.errorIcon }), /* @__PURE__ */ import_react$4.default.createElement("div", { className: Loader_module_default.progressMessage }, error.message));
+			}, /* @__PURE__ */ import_react$4.default.createElement(ZapOff, { className: Loader_module_default.errorIcon }), /* @__PURE__ */ import_react$4.default.createElement("div", { className: Loader_module_default.progressMessage }, error.message));
 			if (progress) {
 				const { value, modules } = progress;
 				let { message } = progress;
@@ -5251,6 +5353,7 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	StatelessTabList: () => StatelessTabList,
 	StatelessTabPanel: () => StatelessTabPanel,
 	StatelessTabsView: () => StatelessTabsView,
+	StoryGrid: () => StoryGrid,
 	SyntaxHighlighter: () => SyntaxHighlighter,
 	TT: () => TT,
 	TabBar: () => TabBar,
@@ -5285,6 +5388,7 @@ var components_exports = /* @__PURE__ */ __exportAll({
 	nameSpaceClassNames: () => nameSpaceClassNames,
 	resetComponents: () => resetComponents,
 	useCopyButton: () => useCopyButton,
+	useNearView: () => useNearView,
 	useTabsState: () => useTabsState,
 	withReset: () => withReset
 });
@@ -5323,6 +5427,7 @@ function init_components$1() {
 		init_ActionList();
 		init_Collapsible();
 		init_Card();
+		init_StoryGrid();
 		init_Modal();
 		init_Spaced();
 		init_placeholder();
@@ -5392,8 +5497,8 @@ function init_WithTooltip_module() {
 		}
 		WithTooltip_module_default = {
 			"target": "fb-QoytUq-target",
-			"wrapper": "fb-QoytUq-wrapper",
 			"targetSvg": "fb-QoytUq-targetSvg",
+			"wrapper": "fb-QoytUq-wrapper",
 			"arrow": "fb-QoytUq-arrow"
 		};
 	})))();
@@ -5443,7 +5548,7 @@ function init_WithTooltip() {
 				align
 			};
 		};
-		WithTooltipPure = ({ svg = false, trigger = "click", closeOnOutsideClick = false, placement = "top", hasChrome = true, defaultVisible = false, withArrows, offset = [0, 8], tooltip, children, delayHide = trigger === "hover" ? 200 : 0, visible, interactive: _interactive, delayShow = trigger === "hover" ? 400 : 0, strategy, onVisibleChange, portalContainer, ...props }) => {
+		WithTooltipPure = ({ svg = false, trigger = "click", closeOnOutsideClick = false, placement = "top", hasChrome = true, defaultVisible = false, withArrows, offset = [0, 8], tooltip, children, delayHide = trigger === "hover" ? 200 : 0, visible, interactive: _interactive, delayShow = 0, strategy, onVisibleChange, portalContainer, ...props }) => {
 			const Container = svg ? "g" : "div";
 			const triggers = trigger === null ? [] : Array.isArray(trigger) ? trigger : [trigger];
 			const isHover = triggers.includes("hover");