@aussieljk/forkbook 0.0.1-8 → 0.0.1-9

package/assets/server/template.ejs

@@ -2,6 +2,19 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
+    <script>
+      // The manager URL follows the story tree (for example /example/button/primary). Relative
+      // URLs on this page must start from the Forkbook root, so add a <base> element. The server
+      // or the static build sets the depth of the page path.
+      (function () {
+        var depth = /*FORKBOOK_ROUTE_DEPTH*/ 0;
+        if (!depth) return;
+        var parts = location.pathname.replace(/\/+$/, '').split('/');
+        var base = document.createElement('base');
+        base.href = parts.slice(0, Math.max(1, parts.length - depth)).join('/') + '/';
+        document.head.appendChild(base);
+      })();
+    </script>
 
     <title><%= typeof title !== 'undefined'? title : 'Forkbook'%></title>
     <meta name="viewport" content="width=device-width, initial-scale=1" />

package/dist/_browser-chunks/{Color-ZG7LKYDZ.js → Color-GEC6HRBY.js}

@@ -578,7 +578,7 @@ var require_color_convert = __commonJS({
 // src/addon-docs/blocks/controls/Color.tsx
 import { useCallback, useEffect, useMemo, useState } from "react";
 import { Button, Form, PopoverProvider } from "@aussieljk/forkbook/internal/components";
-import { CodeIcon } from "@phosphor-icons/react";
+import { CodeIcon } from "lucide-react";
 var import_color_convert = __toESM(require_color_convert(), 1);
 
 // ../../node_modules/react-colorful/dist/index.mjs
@@ -802,7 +802,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id}"]
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id), style.textContent = '.fb-jgXPQa-wrapper{max-width:250px;position:relative}.fb-jgXPQa-tooltipContent{width:200px;margin:5px;& .react-colorful__saturation{border-radius:4px 4px 0 0}& .react-colorful__hue{box-shadow:inset 0 0 0 1px #0000000d}& .react-colorful__last-control{border-radius:0 0 4px 4px}}.fb-jgXPQa-swatches{grid-template-columns:repeat(9,16px);gap:6px;width:200px;margin-top:5px;padding:3px;display:grid}.fb-jgXPQa-swatch{--checkers:url("data:image/svg+xml;charset=utf-8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" fill-opacity=\\"0.05\\" fill=\\"black\\"><path d=\\"M8 0h8v8H8zM0 8h8v8H0z\\"/></svg>");width:16px;height:16px;box-shadow:var(--fb-app-border-color) 0 0 0 1px inset;border-radius:var(--fb-app-border-radius);border:none;&,&:hover{background:unset;background-color:unset;background-image:linear-gradient(var(--fb-swatch-color), var(--fb-swatch-color)), var(--checkers)}&[data-selected]{box-shadow:var(--fb-app-border-color) 0 0 0 1px inset, rgb(from var(--fb-text-muted-color) r g b / .31) 0 0 0 4px}}:where([data-fb-theme=dark]) .fb-jgXPQa-swatch{--checkers:url("data:image/svg+xml;charset=utf-8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" fill-opacity=\\"0.05\\" fill=\\"white\\"><path d=\\"M8 0h8v8H8zM0 8h8v8H0z\\"/></svg>")}.fb-jgXPQa-input{box-sizing:border-box;width:100%;font-family:var(--fb-font-base);padding-left:30px;padding-right:30px;[aria-readonly=true]>&{background:var(--fb-color-lighter)}}:where([data-fb-theme=dark]) [aria-readonly=true]>.fb-jgXPQa-input{background:0 0}.fb-jgXPQa-popoverTrigger{z-index:1;cursor:pointer;position:absolute;top:4px;left:4px;&:disabled,&[aria-disabled=true]{cursor:not-allowed}}.fb-jgXPQa-cycleColorSpaceButton{z-index:1;box-sizing:border-box;cursor:pointer;width:20px;height:20px;color:var(--fb-input-color);padding:4px;position:absolute;top:6px;right:7px}', document.head.appendChild(style);
 }
-var Color_default = { tooltipContent: "fb-jgXPQa-tooltipContent", swatch: "fb-jgXPQa-swatch", input: "fb-jgXPQa-input", popoverTrigger: "fb-jgXPQa-popoverTrigger", wrapper: "fb-jgXPQa-wrapper", swatches: "fb-jgXPQa-swatches", cycleColorSpaceButton: "fb-jgXPQa-cycleColorSpaceButton" };
+var Color_default = { cycleColorSpaceButton: "fb-jgXPQa-cycleColorSpaceButton", swatches: "fb-jgXPQa-swatches", tooltipContent: "fb-jgXPQa-tooltipContent", popoverTrigger: "fb-jgXPQa-popoverTrigger", wrapper: "fb-jgXPQa-wrapper", swatch: "fb-jgXPQa-swatch", input: "fb-jgXPQa-input" };
 
 // src/addon-docs/blocks/controls/Color.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/_browser-chunks/{WithTooltip-YZ36EZ4X.js → WithTooltip-CS3HPMGA.js}

@@ -2,8 +2,10 @@ import {
   PortalContainerContext,
   PortalTheme,
   index_parts_exports
-} from "./chunk-WVF42CP2.js";
-import "./chunk-DAUHYZUB.js";
+} from "./chunk-DNJ3OSLB.js";
+import "./chunk-XKTORVEQ.js";
+import "./chunk-NPNIBOPF.js";
+import "./chunk-XTQCLWVH.js";
 import {
   global
 } from "./chunk-6AKCRYVX.js";
@@ -19,7 +21,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id}"]
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id), style.textContent = ".fb-QoytUq-wrapper{--tooltip-bg:#fffffff2;z-index:2147483647;color-scheme:light dark;display:inline-block;&[data-chrome]{background:var(--tooltip-bg);filter:drop-shadow(0 5px 5px #0000000d)drop-shadow(0 1px 3px #0000001a);border-radius:calc(var(--fb-app-border-radius) + 2px);font-family:var(--fb-font-base);font-size:var(--fb-size-s1)}}:where([data-fb-theme=dark]) .fb-QoytUq-wrapper:not([data-color]){--tooltip-bg:var(--fb-background-app)}.fb-QoytUq-arrow{border:8px solid #0000;position:absolute;inset:auto;&[data-side=top]{border-bottom-width:0;border-top-color:var(--tooltip-bg);bottom:-8px;transform:translate(8px)}&[data-side=bottom]{border-top-width:0;border-bottom-color:var(--tooltip-bg);top:-8px;transform:translate(8px)}&[data-side=left]{border-right-width:0;border-left-color:var(--tooltip-bg);right:-8px;transform:translateY(8px)}&[data-side=right]{border-left-width:0;border-right-color:var(--tooltip-bg);left:-8px;transform:translateY(8px)}}.fb-QoytUq-target{cursor:pointer;display:inline-block;&[data-hover]{cursor:default}}.fb-QoytUq-targetSvg{cursor:pointer;&[data-hover]{cursor:default}}", document.head.appendChild(style);
 }
-var WithTooltip_default = { arrow: "fb-QoytUq-arrow", wrapper: "fb-QoytUq-wrapper", target: "fb-QoytUq-target", targetSvg: "fb-QoytUq-targetSvg" };
+var WithTooltip_default = { arrow: "fb-QoytUq-arrow", wrapper: "fb-QoytUq-wrapper", targetSvg: "fb-QoytUq-targetSvg", target: "fb-QoytUq-target" };
 
 // src/components/components/tooltip/WithTooltip.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -83,7 +85,7 @@ var toSideAndAlign = (placement) => {
   delayHide = trigger === "hover" ? 200 : 0,
   visible,
   interactive: _interactive,
-  delayShow = trigger === "hover" ? 400 : 0,
+  delayShow = 0,
   strategy,
   onVisibleChange,
   portalContainer,

package/dist/_browser-chunks/{chunk-MZVQEZOB.js → chunk-6QEYM2YW.js}

@@ -87,7 +87,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id2}"
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id2), style.textContent = ".fb-_bdHva-input{&[readonly]{background:var(--fb-color-lighter)}&::-webkit-calendar-picker-indicator{opacity:.5;height:12px}}:where([data-fb-theme=dark]) .fb-_bdHva-input{&[readonly]{background:0 0}&::-webkit-calendar-picker-indicator{filter:invert()}}.fb-_bdHva-fieldset{border:0;flex:1;gap:10px;margin-inline:0;padding:0;display:flex;& div:first-of-type{flex:4}& div:last-of-type{flex:3}}", document.head.appendChild(style);
 }
-var Date_default = { input: "fb-_bdHva-input", fieldset: "fb-_bdHva-fieldset" };
+var Date_default = { fieldset: "fb-_bdHva-fieldset", input: "fb-_bdHva-input" };
 
 // src/addon-docs/blocks/controls/Date.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
@@ -275,7 +275,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id4}"
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id4), style.textContent = ".fb-OmlZtW-wrapper{border:none;flex-direction:column;align-items:flex-start;gap:8px;margin-inline:0;padding:0;display:flex;& label{display:flex}&[data-inline]{flex-flow:wrap;gap:15px;& label{display:inline-flex}}}.fb-OmlZtW-label{cursor:pointer;align-items:center;line-height:20px;& input{cursor:pointer;margin:0;margin-right:6px}&[data-readonly]{cursor:not-allowed;& input{cursor:not-allowed}& .fb-OmlZtW-text{opacity:.5}}}", document.head.appendChild(style);
 }
-var Options_default = { text: "fb-OmlZtW-text", wrapper: "fb-OmlZtW-wrapper", label: "fb-OmlZtW-label" };
+var Options_default = { text: "fb-OmlZtW-text", label: "fb-OmlZtW-label", wrapper: "fb-OmlZtW-wrapper" };
 
 // src/addon-docs/blocks/controls/options/Checkbox.tsx
 import { Fragment, jsx as jsx4, jsxs as jsxs3 } from "react/jsx-runtime";
@@ -389,7 +389,7 @@ var RadioControl = ({
 
 // src/addon-docs/blocks/controls/options/Select.tsx
 import { logger as logger3 } from "@aussieljk/forkbook/internal/client-logger";
-import { CaretDownIcon } from "@phosphor-icons/react";
+import { ChevronDownIcon } from "lucide-react";
 
 // storybook-css:/home/runner/work/forkbook/forkbook/code/core/src/addon-docs/blocks/controls/options/Select.module.css
 var id5 = "core/src/addon-docs/blocks/controls/options/Select.module.css";
@@ -415,7 +415,7 @@ var NO_SELECTION = "Choose option...", SingleSelect = ({
     onChange(options[e2.currentTarget.value]);
   }, selection = selectedKey(value, options) || NO_SELECTION, controlId = getControlId(name, storyId, controlsId), readonly = !!argType?.table?.readonly;
   return jsxs5("span", { className: Select_default.wrapper, children: [
-    jsx6(CaretDownIcon, {}),
+    jsx6(ChevronDownIcon, {}),
     jsx6("label", { htmlFor: controlId, className: "fb-sr-only", children: name }),
     jsxs5(
       "select",
@@ -496,7 +496,7 @@ var normalizeOptions = (options, labels) => Array.isArray(options) ? options.red
 // src/addon-docs/blocks/controls/Object.tsx
 import { useCallback as useCallback3, useEffect as useEffect4, useMemo, useRef as useRef3, useState as useState4 } from "react";
 import { Button as Button3, Form as Form3, ToggleButton } from "@aussieljk/forkbook/internal/components";
-import { MinusIcon, PencilSimpleIcon, PlusIcon } from "@phosphor-icons/react";
+import { MinusIcon, PencilIcon, PlusIcon } from "lucide-react";
 
 // src/addon-docs/blocks/controls/react-editable-json-tree/index.tsx
 import { Component as Component2 } from "react";
@@ -510,7 +510,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id6}"
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id6), style.textContent = '.fb-dnyE6G-container{position:relative;&:hover{&>.rejt-accordion-button:after{background:var(--fb-color-secondary)}&>.rejt-accordion-region>:is(.rejt-plus-menu,.rejt-minus-menu){opacity:1}}}.fb-dnyE6G-trigger{color:var(--fb-color-secondary);background:0 0;border:none;margin-right:3px;padding:0;line-height:22px;&:after{content:"";opacity:.1;background:0 0;border-radius:4px;width:100%;height:22px;margin-left:-1rem;padding-right:20px;transition:background .2s;display:block;position:absolute;top:0}&:before{content:"";position:absolute}&[aria-expanded=true]:before{border-top:3px solid #9999;border-left:3px solid #0000;border-right:3px solid #0000;top:10px;left:-10px}&[aria-expanded=false]:before{border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:3px solid #9999;top:8px;left:-8px}}.fb-dnyE6G-region{display:inline}', document.head.appendChild(style);
 }
-var JsonNodeAccordion_default = { container: "fb-dnyE6G-container", trigger: "fb-dnyE6G-trigger", region: "fb-dnyE6G-region" };
+var JsonNodeAccordion_default = { region: "fb-dnyE6G-region", container: "fb-dnyE6G-container", trigger: "fb-dnyE6G-trigger" };
 
 // src/addon-docs/blocks/controls/react-editable-json-tree/JsonNodeAccordion.tsx
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
@@ -1639,7 +1639,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id7}"
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id7), style.textContent = ".fb-_OaGtq-wrapper{isolation:isolate;gap:8px;display:flex;position:relative;& .rejt-tree{flex:1;margin-left:1rem;font-size:13px;list-style-type:none}& .rejt-value-node:hover>button{opacity:1}& .rejt-add-form{margin-left:10px}& .rejt-add-value-node{align-items:center;display:inline-flex}& .rejt-name{color:var(--fb-color-secondary);line-height:22px}& .rejt-not-collapsed-list{margin:0 0 0 1rem;padding:0;list-style:none}& .rejt-not-collapsed-delimiter{line-height:22px}& .rejt-value{cursor:text;color:var(--fb-color-default-text);border:1px solid #0000;border-radius:4px;margin:1px 0;padding:0 4px;display:inline-block}& .rejt-value-node:hover>.rejt-value{background:var(--fb-color-lighter);border-color:var(--fb-app-border-color)}& .rejt-collapsed-value{color:var(--fb-color-default-text)}}:where([data-fb-theme=dark]) .fb-_OaGtq-wrapper .rejt-value-node:hover>.rejt-value{background:#ffffff05}.fb-_OaGtq-buttonInline{height:20px;color:var(--fb-color-dark);cursor:pointer;background:0 0;border:0;border-radius:4px;margin:1px;font-weight:400;&[data-primary]{background:var(--fb-color-secondary);color:var(--fb-color-lightest);font-weight:700}}.fb-_OaGtq-actionButton{vertical-align:middle;color:var(--fb-text-muted-color);opacity:0;cursor:pointer;background:0 0;border:0;margin-left:5px;padding:3px;transition:opacity .2s;display:inline-flex;position:relative;& svg{width:9px;height:9px}&:disabled{cursor:not-allowed}&:hover,&:focus-visible{opacity:1}&:hover:not(:disabled),&:focus-visible:not(:disabled){&.rejt-plus-menu{color:var(--fb-color-ancillary)}&.rejt-minus-menu{color:var(--fb-color-negative)}}}.fb-_OaGtq-input{color:var(--fb-color-default-text);background:var(--fb-background-app);border:1px solid var(--fb-app-border-color);border-radius:4px;outline:0;width:120px;margin:1px 0;padding:3px 4px;line-height:14px;&[placeholder]{margin:1px}&[placeholder=Key]{width:80px}&:focus{border:1px solid var(--fb-color-secondary)}}.fb-_OaGtq-rawButton{order:2;align-self:flex-start;margin-right:-10px}.fb-_OaGtq-rawInput{font-family:var(--fb-font-mono);flex:1;padding:7px 6px;font-size:12px;line-height:18px;&::placeholder{font-family:var(--fb-font-base);font-size:13px}&:placeholder-shown{padding:7px 10px}}", document.head.appendChild(style);
 }
-var Object_default = { buttonInline: "fb-_OaGtq-buttonInline", actionButton: "fb-_OaGtq-actionButton", input: "fb-_OaGtq-input", rawButton: "fb-_OaGtq-rawButton", wrapper: "fb-_OaGtq-wrapper", rawInput: "fb-_OaGtq-rawInput" };
+var Object_default = { rawButton: "fb-_OaGtq-rawButton", input: "fb-_OaGtq-input", wrapper: "fb-_OaGtq-wrapper", buttonInline: "fb-_OaGtq-buttonInline", actionButton: "fb-_OaGtq-actionButton", rawInput: "fb-_OaGtq-rawInput" };
 
 // src/addon-docs/blocks/controls/Object.tsx
 import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
@@ -1732,7 +1732,7 @@ var { window: globalWindow } = globalThis, ActionButton = ({ className, ...props
         variant: "ghost",
         padding: "small",
         size: "small",
-        children: jsx11(PencilSimpleIcon, {})
+        children: jsx11(PencilIcon, {})
       }
     ),
     showRaw ? rawJSONForm : jsx11(
@@ -1766,7 +1766,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id8}"
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id8), style.textContent = '.fb-t_VwFG-input{--track-bg:hsl(from var(--fb-input-background) h s calc(l - 2));--track-border:#00000070;appearance:none;background-color:#0000;width:100%;&::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--fb-color-green) 0%, var(--fb-color-green) var(--fb-range-progress), var(--track-bg) var(--fb-range-progress), var(--track-bg) 100%);box-shadow:var(--track-border) 0 0 0 1px inset;cursor:pointer;border-radius:6px;width:100%;height:6px}&::-moz-range-track{background:linear-gradient(to right, var(--fb-color-green) 0%, var(--fb-color-green) var(--fb-range-progress), var(--track-bg) var(--fb-range-progress), var(--track-bg) 100%);box-shadow:var(--track-border) 0 0 0 1px inset;cursor:pointer;border-radius:6px;width:100%;height:6px}&::-webkit-slider-thumb{cursor:grab;background:var(--fb-input-background);border:1px solid var(--track-border);width:16px;height:16px;box-shadow:0 1px 3px 0px rgb(from var(--fb-app-border-color) r g b / .2);appearance:none;border-radius:50px;margin-top:-6px;transition:all .15s ease-out;&:hover{background:hsl(from var(--fb-input-background) h s calc(l - 5));transition:all 50ms ease-out;transform:scale3d(1.1,1.1,1.1)translateY(-1px)}&:active{background:var(--fb-input-background);transform:scale(1)translateY(0)}}&::-moz-range-thumb{cursor:grab;background:var(--fb-input-background);border:1px solid var(--track-border);width:16px;height:16px;box-shadow:0 1px 3px 0px rgb(from var(--fb-app-border-color) r g b / .2);border-radius:50px;transition:all .15s ease-out;&:hover{background:hsl(from var(--fb-input-background) h s calc(l - 5));transition:all 50ms ease-out;transform:scale3d(1.1,1.1,1.1)translateY(-1px)}&:active{background:var(--fb-input-background);transform:scale(1)translateY(0)}}&:focus{outline:none;&::-webkit-slider-runnable-track{border-color:rgb(from var(--fb-color-secondary) r g b / .4)}&::-moz-range-track{border-color:rgb(from var(--fb-color-secondary) r g b / .4)}&::-webkit-slider-thumb{border-color:var(--fb-color-secondary);box-shadow:0 0px 5px 0px var(--fb-color-secondary)}&::-moz-range-thumb{border-color:var(--fb-color-secondary);box-shadow:0 0px 5px 0px var(--fb-color-secondary)}}&:disabled{&::-webkit-slider-runnable-track{cursor:not-allowed}&::-moz-range-track{cursor:not-allowed}&::-webkit-slider-thumb{cursor:not-allowed}&::-moz-range-thumb{cursor:not-allowed}}}:where([data-fb-theme=dark]) .fb-t_VwFG-input{--track-bg:hsl(from var(--fb-input-background) h s calc(l + 2));--track-border:#fff6;&::-webkit-slider-thumb{box-shadow:unset}&::-moz-range-thumb{box-shadow:unset}&:focus{&::-webkit-slider-thumb{box-shadow:unset}&::-moz-range-thumb{box-shadow:unset}}}.fb-t_VwFG-label{white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-left:5px;padding-right:5px;font-size:12px}.fb-t_VwFG-currentAndMax{text-align:right;flex-shrink:0}.fb-t_VwFG-wrapper{align-items:center;width:100%;display:flex;&[data-readonly]{opacity:.5}}', document.head.appendChild(style);
 }
-var Range_default = { label: "fb-t_VwFG-label", input: "fb-t_VwFG-input", wrapper: "fb-t_VwFG-wrapper", currentAndMax: "fb-t_VwFG-currentAndMax" };
+var Range_default = { input: "fb-t_VwFG-input", wrapper: "fb-t_VwFG-wrapper", label: "fb-t_VwFG-label", currentAndMax: "fb-t_VwFG-currentAndMax" };
 
 // src/addon-docs/blocks/controls/Range.tsx
 import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -1843,7 +1843,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id9}"
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id9), style.textContent = ".fb-yeJPNa-wrapper{display:flex}.fb-yeJPNa-maxLength{margin-left:.75rem;padding-top:.35rem;&[data-maxed]{color:red}}", document.head.appendChild(style);
 }
-var Text_default = { maxLength: "fb-yeJPNa-maxLength", wrapper: "fb-yeJPNa-wrapper" };
+var Text_default = { wrapper: "fb-yeJPNa-wrapper", maxLength: "fb-yeJPNa-maxLength" };
 
 // src/addon-docs/blocks/controls/Text.tsx
 import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
@@ -1969,14 +1969,14 @@ var FilesControl = ({
 // src/addon-docs/blocks/controls/index.tsx
 import { Suspense, lazy } from "react";
 import { jsx as jsx15 } from "react/jsx-runtime";
-var LazyColorControl = lazy(() => import("./Color-ZG7LKYDZ.js")), ColorControl = (props) => jsx15(Suspense, { fallback: jsx15("div", {}), children: jsx15(LazyColorControl, { ...props }) });
+var LazyColorControl = lazy(() => import("./Color-GEC6HRBY.js")), ColorControl = (props) => jsx15(Suspense, { fallback: jsx15("div", {}), children: jsx15(LazyColorControl, { ...props }) });
 
 // src/addon-docs/blocks/components/ArgsTable/ArgsTable.tsx
 import { useCallback as useCallback6, useEffect as useEffect8, useRef as useRef5, useState as useState10 } from "react";
 import { once } from "@aussieljk/forkbook/internal/client-logger";
 import { Button as Button5, Link as Link3, ResetWrapper } from "@aussieljk/forkbook/internal/components";
 import { includeConditionalArg } from "@aussieljk/forkbook/internal/csf";
-import { ArrowCounterClockwiseIcon, FileTextIcon as FileTextIcon2 } from "@phosphor-icons/react";
+import { RotateCcwIcon, FileTextIcon as FileTextIcon2 } from "lucide-react";
 
 // ../../node_modules/markdown-to-jsx/dist/index.modern.js
 import * as e from "react";
@@ -2445,7 +2445,7 @@ import {
   SyntaxHighlighter,
   codeCommon
 } from "@aussieljk/forkbook/internal/components";
-import { CaretDownIcon as CaretDownIcon2, CaretUpIcon } from "@phosphor-icons/react";
+import { ChevronDownIcon as ChevronDownIcon2, ChevronUpIcon } from "lucide-react";
 
 // storybook-css:/home/runner/work/forkbook/forkbook/code/core/src/addon-docs/blocks/components/ArgsTable/ArgValue.module.css
 var id12 = "core/src/addon-docs/blocks/components/ArgsTable/ArgValue.module.css";
@@ -2453,7 +2453,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id12}
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id12), style.textContent = ".fb-MP4rPa-summary{flex-flow:wrap;align-items:flex-start;min-width:100px;margin-bottom:-4px;display:flex;&[data-expanded]{flex-direction:column}}.fb-MP4rPa-detailsContainer{flex-direction:column;display:flex;& summary{order:2}& summary::-webkit-details-marker{display:none}& summary::marker{content:none}}.fb-MP4rPa-alignedDetails{flex-flow:column wrap;align-items:flex-start;display:flex}.fb-MP4rPa-text{font-family:var(--fb-font-mono);font-size:var(--fb-size-s1);word-break:break-word;white-space:normal;flex:none;max-width:100%;margin:0 4px 4px 0;padding-top:2px;padding-bottom:2px;line-height:13px;&[data-simple]{background:0 0;border:0;padding-left:0}}.fb-MP4rPa-expandButton{font-family:var(--fb-font-mono);color:var(--fb-color-secondary);cursor:pointer;background:0 0;border:none;margin:0 0 4px;padding:1px 6px;line-height:normal}.fb-MP4rPa-expandable{font-family:var(--fb-font-mono);color:var(--fb-color-secondary);font-size:var(--fb-size-s1);white-space:nowrap;cursor:pointer;align-items:center;margin:0;display:flex;&:hover{border:1px solid #00000026}&:focus-visible{outline:2px solid var(--fb-color-secondary);outline-offset:2px}}:where([data-fb-theme=dark]) .fb-MP4rPa-expandable:hover{border:1px solid #ffffff26}.fb-MP4rPa-detail{min-width:200px;max-width:800px;font-family:var(--fb-font-mono);font-size:var(--fb-size-s1);box-sizing:content-box;padding-right:16px;& code{padding:0!important}}.fb-MP4rPa-chevron{margin-left:4px}", document.head.appendChild(style);
 }
-var ArgValue_default = { expandable: "fb-MP4rPa-expandable", alignedDetails: "fb-MP4rPa-alignedDetails", expandButton: "fb-MP4rPa-expandButton", summary: "fb-MP4rPa-summary", chevron: "fb-MP4rPa-chevron", detailsContainer: "fb-MP4rPa-detailsContainer", text: "fb-MP4rPa-text", detail: "fb-MP4rPa-detail" };
+var ArgValue_default = { detailsContainer: "fb-MP4rPa-detailsContainer", detail: "fb-MP4rPa-detail", chevron: "fb-MP4rPa-chevron", summary: "fb-MP4rPa-summary", text: "fb-MP4rPa-text", expandButton: "fb-MP4rPa-expandButton", alignedDetails: "fb-MP4rPa-alignedDetails", expandable: "fb-MP4rPa-expandable" };
 
 // src/addon-docs/blocks/components/ArgsTable/ArgValue.tsx
 import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
@@ -2500,7 +2500,7 @@ var ITEMS_BEFORE_EXPANSION = 8, EmptyArg = () => jsx18("span", { children: "-" }
       popover: jsx18("div", { className: ArgValue_default.detail, children: jsx18(SyntaxHighlighter, { language: "jsx", format: !1, children: detail }) }),
       children: jsxs14("button", { className: clsx(codeCommon, ArgValue_default.expandable, "sbdocs-expandable"), children: [
         jsx18("span", { children: summaryAsString }),
-        isOpen ? jsx18(CaretUpIcon, { className: ArgValue_default.chevron }) : jsx18(CaretDownIcon2, { className: ArgValue_default.chevron })
+        isOpen ? jsx18(ChevronUpIcon, { className: ArgValue_default.chevron }) : jsx18(ChevronDownIcon2, { className: ArgValue_default.chevron })
       ] })
     }
   );
@@ -2512,7 +2512,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id13}
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id13), style.textContent = ".fb-oKJ3yG-name{font-weight:700}.fb-oKJ3yG-required{color:var(--fb-color-negative);font-family:var(--fb-font-mono);cursor:help}.fb-oKJ3yG-description{&.fb-oKJ3yG-description{& p{margin:0 0 10px}& a{color:var(--fb-color-secondary)}}& code{white-space:nowrap;font-size:12px;line-height:1;font-family:var(--fb-font-mono);color:var(--fb-color-default-text);background-color:#00000003;border:1px solid #0000000d;border-radius:3px;margin:0;padding:3px 5px;display:inline-block}& pre>code{white-space:pre-wrap}}:where([data-fb-theme=dark]) .fb-oKJ3yG-description code{background-color:#ffffff05;border:1px solid #ffffff0d}.fb-oKJ3yG-type,.fb-oKJ3yG-typeWithJsDoc{color:rgb(from var(--fb-color-default-text) r g b / calc(alpha - .1));margin-top:0}:where([data-fb-theme=dark]) :is(.fb-oKJ3yG-type,.fb-oKJ3yG-typeWithJsDoc){color:rgb(from var(--fb-color-default-text) r g b / calc(alpha - .2))}.fb-oKJ3yG-type[data-has-description]{margin-top:4px}.fb-oKJ3yG-typeWithJsDoc{margin-bottom:12px;&[data-has-description]{margin-top:12px}}.fb-oKJ3yG-nameCell{padding-left:20px!important;&[data-expandable]{padding-left:40px!important}}.fb-oKJ3yG-row span.sbdocs-argcontrol-setup,.fb-oKJ3yG-row:is(:hover,:focus-within) span.sbdocs-argcontrol-placeholder{white-space:nowrap;clip:rect(0, 0, 0, 0);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fb-oKJ3yG-row:is(:hover,:focus-within) span.sbdocs-argcontrol-setup{position:unset;width:unset;height:unset;padding:unset;margin:unset;overflow:unset;white-space:unset;clip:unset;clip-path:unset;border:unset}", document.head.appendChild(style);
 }
-var ArgRow_default = { typeWithJsDoc: "fb-oKJ3yG-typeWithJsDoc", name: "fb-oKJ3yG-name", nameCell: "fb-oKJ3yG-nameCell", row: "fb-oKJ3yG-row", description: "fb-oKJ3yG-description", required: "fb-oKJ3yG-required", type: "fb-oKJ3yG-type" };
+var ArgRow_default = { nameCell: "fb-oKJ3yG-nameCell", row: "fb-oKJ3yG-row", required: "fb-oKJ3yG-required", description: "fb-oKJ3yG-description", name: "fb-oKJ3yG-name", type: "fb-oKJ3yG-type", typeWithJsDoc: "fb-oKJ3yG-typeWithJsDoc" };
 
 // src/addon-docs/blocks/components/ArgsTable/ArgRow.tsx
 import { Fragment as Fragment9, jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
@@ -2545,7 +2545,7 @@ var toSummary = (value) => value && { summary: typeof value == "string" ? value
 // src/addon-docs/blocks/components/ArgsTable/Empty.tsx
 import { useEffect as useEffect7, useState as useState8 } from "react";
 import { EmptyTabContent, Link as Link2 } from "@aussieljk/forkbook/internal/components";
-import { FileTextIcon } from "@phosphor-icons/react";
+import { FileTextIcon } from "lucide-react";
 
 // storybook-css:/home/runner/work/forkbook/forkbook/code/core/src/addon-docs/blocks/components/ArgsTable/Empty.module.css
 var id14 = "core/src/addon-docs/blocks/components/ArgsTable/Empty.module.css";
@@ -2553,7 +2553,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id14}
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id14), style.textContent = ".fb-NF550q-wrapper{border:1px solid var(--fb-app-border-color);border-radius:var(--fb-app-border-radius);background:var(--fb-background-content);flex-direction:column;justify-content:center;align-items:center;gap:15px;height:auto;padding:40px;display:flex;&[data-in-addon-panel]{border:none;border-radius:0;height:100%;padding:0}}.fb-NF550q-links{font-size:calc(var(--fb-size-s2) - 1px);gap:25px;display:flex}", document.head.appendChild(style);
 }
-var Empty_default = { wrapper: "fb-NF550q-wrapper", links: "fb-NF550q-links" };
+var Empty_default = { links: "fb-NF550q-links", wrapper: "fb-NF550q-wrapper" };
 
 // src/addon-docs/blocks/components/ArgsTable/Empty.tsx
 import { Fragment as Fragment10, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -2594,7 +2594,7 @@ var Empty = ({ inAddonPanel }) => {
 
 // src/addon-docs/blocks/components/ArgsTable/SectionRow.tsx
 import { useState as useState9 } from "react";
-import { CaretDownIcon as CaretDownIcon3, CaretRightIcon } from "@phosphor-icons/react";
+import { ChevronDownIcon as ChevronDownIcon3, ChevronRightIcon } from "lucide-react";
 
 // storybook-css:/home/runner/work/forkbook/forkbook/code/core/src/addon-docs/blocks/components/ArgsTable/SectionRow.module.css
 var id15 = "core/src/addon-docs/blocks/components/ArgsTable/SectionRow.module.css";
@@ -2602,7 +2602,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id15}
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id15), style.textContent = ".fb-IPbRpq-expanderIcon{width:12px;height:12px;color:rgb(from var(--fb-color-default-text) r g b / calc(alpha - .25));border:none;margin-top:-2px;margin-left:-10px;margin-right:8px;display:inline-block}:where([data-fb-theme=dark]) .fb-IPbRpq-expanderIcon{color:rgb(from var(--fb-color-default-text) r g b / calc(alpha - .3))}.fb-IPbRpq-flexWrapper{align-items:center;line-height:20px;display:flex}.fb-IPbRpq-section{letter-spacing:.35em;text-transform:uppercase;font-weight:var(--fb-weight-bold);font-size:calc(var(--fb-size-s1) - 1px);color:rgb(from var(--fb-color-default-text) r g b / calc(alpha - .4));position:relative;background:var(--fb-background-app)!important;&~td{background:var(--fb-background-app)!important}}:where([data-fb-theme=dark]) .fb-IPbRpq-section{color:rgb(from var(--fb-color-default-text) r g b / calc(alpha - .6))}.fb-IPbRpq-subsection{font-weight:var(--fb-weight-bold);font-size:calc(var(--fb-size-s2) - 1px);background:var(--fb-background-app);position:relative}.fb-IPbRpq-cell{position:relative}.fb-IPbRpq-row:hover>td{cursor:row-resize;background-color:hsl(from var(--fb-background-app) h s calc(l + .5))!important}.fb-IPbRpq-clickIntercept{font:inherit;color:#0000;background:0 0;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0;cursor:row-resize!important}", document.head.appendChild(style);
 }
-var SectionRow_default = { subsection: "fb-IPbRpq-subsection", row: "fb-IPbRpq-row", section: "fb-IPbRpq-section", cell: "fb-IPbRpq-cell", expanderIcon: "fb-IPbRpq-expanderIcon", flexWrapper: "fb-IPbRpq-flexWrapper", clickIntercept: "fb-IPbRpq-clickIntercept" };
+var SectionRow_default = { flexWrapper: "fb-IPbRpq-flexWrapper", clickIntercept: "fb-IPbRpq-clickIntercept", cell: "fb-IPbRpq-cell", subsection: "fb-IPbRpq-subsection", expanderIcon: "fb-IPbRpq-expanderIcon", row: "fb-IPbRpq-row", section: "fb-IPbRpq-section" };
 
 // src/addon-docs/blocks/components/ArgsTable/SectionRow.tsx
 import { Fragment as Fragment11, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
@@ -2627,7 +2627,7 @@ var SectionRow = ({
           }
         ),
         jsxs17("span", { className: SectionRow_default.flexWrapper, children: [
-          expanded ? jsx21(CaretDownIcon3, { className: SectionRow_default.expanderIcon }) : jsx21(CaretRightIcon, { className: SectionRow_default.expanderIcon }),
+          expanded ? jsx21(ChevronDownIcon3, { className: SectionRow_default.expanderIcon }) : jsx21(ChevronRightIcon, { className: SectionRow_default.expanderIcon }),
           label
         ] })
       ] }),
@@ -2655,7 +2655,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id16}
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id16), style.textContent = ".fb-j2xz2a-tableWrapper{border-spacing:0;width:100%;color:var(--fb-color-default-text)}.fb-j2xz2a-row{border-bottom:1px solid var(--fb-app-border-color);display:flex;&:last-child{border-bottom:0}}.fb-j2xz2a-column{flex-direction:column;align-items:flex-start;gap:5px;padding:10px 15px;display:flex;&[data-position=first]{width:25%;padding-left:20px}&[data-position=second]{width:35%}&[data-position=third]{width:15%}&[data-position=last]{width:25%;padding-right:20px}}.fb-j2xz2a-skeletonText{background:var(--fb-app-border-color);border-radius:3px;width:100%;height:16px;animation:1.5s ease-in-out infinite fb-j2xz2a-glow}@keyframes fb-j2xz2a-glow{0%,to{opacity:1}50%{opacity:.4}}", document.head.appendChild(style);
 }
-var Skeleton_default = { glow: "fb-j2xz2a-glow", row: "fb-j2xz2a-row", column: "fb-j2xz2a-column", tableWrapper: "fb-j2xz2a-tableWrapper", skeletonText: "fb-j2xz2a-skeletonText" };
+var Skeleton_default = { row: "fb-j2xz2a-row", tableWrapper: "fb-j2xz2a-tableWrapper", glow: "fb-j2xz2a-glow", column: "fb-j2xz2a-column", skeletonText: "fb-j2xz2a-skeletonText" };
 
 // src/addon-docs/blocks/components/ArgsTable/Skeleton.tsx
 import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
@@ -2701,7 +2701,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id17}
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id17), style.textContent = ".fb-sQsT7G-tableWrapper.fb-sQsT7G-tableWrapper{border-spacing:0;color:var(--fb-color-default-text);& td,& th{vertical-align:top;text-overflow:ellipsis;border:none;padding:0}font-size:calc(var(--fb-size-s2) - 1px);text-align:left;margin-top:25px;margin-bottom:40px;width:100%;margin-inline:1px;padding-inline:0;line-height:19px;& thead th:first-of-type,& td:first-of-type{width:25%}& th:first-of-type,& td:first-of-type{padding-left:20px}& th:last-of-type,& td:last-of-type{padding-right:20px}&:not([data-compact]){& th:nth-of-type(2),& td:nth-of-type(2){width:35%}& td:nth-of-type(3){width:15%}& th:last-of-type,& td:last-of-type{width:25%}}& th{color:var(--fb-text-muted-color);padding:10px 15px}& td{padding-top:10px;padding-bottom:10px;&:not(:first-of-type){padding-left:15px;padding-right:15px}&:last-of-type{padding-right:20px}}& tbody>tr>*{background:var(--fb-background-content);border-top:1px solid var(--fb-app-border-color)}&:not([data-in-addon-panel]) tbody{filter:drop-shadow(0 1px 3px #0000001a);&>tr:first-of-type>*{border-block-start:1px solid var(--fb-app-border-color)}&>tr:last-of-type>*{border-block-end:1px solid var(--fb-app-border-color)}&>tr>:first-of-type{border-inline-start:1px solid var(--fb-app-border-color)}&>tr>:last-of-type{border-inline-end:1px solid var(--fb-app-border-color)}&>tr:first-of-type>td:first-of-type{border-top-left-radius:var(--fb-app-border-radius)}&>tr:first-of-type>td:last-of-type{border-top-right-radius:var(--fb-app-border-radius)}&>tr:last-of-type>td:first-of-type{border-bottom-left-radius:var(--fb-app-border-radius)}&>tr:last-of-type>td:last-of-type{border-bottom-right-radius:var(--fb-app-border-radius)}}&[data-in-tab-panel]{margin-inline:0;padding-inline:3px}&[data-in-addon-panel]{margin-top:0;margin-bottom:0;margin-inline:0}}:where([data-fb-theme=dark]) .fb-sQsT7G-tableWrapper.fb-sQsT7G-tableWrapper:not([data-in-addon-panel]) tbody{filter:drop-shadow(0 1px 3px #0003)}.fb-sQsT7G-tablePositionWrapper{position:relative}.fb-sQsT7G-buttonPositionWrapper{position:absolute;top:10px;right:22px}.fb-sQsT7G-resetButton{margin:-4px -12px -4px 0}@media (forced-colors:active){.fb-sQsT7G-tableWrapper.fb-sQsT7G-tableWrapper tbody{filter:none!important;&>tr>*{border-color:canvastext!important}}}", document.head.appendChild(style);
 }
-var ArgsTable_default = { tableWrapper: "fb-sQsT7G-tableWrapper", tablePositionWrapper: "fb-sQsT7G-tablePositionWrapper", buttonPositionWrapper: "fb-sQsT7G-buttonPositionWrapper", resetButton: "fb-sQsT7G-resetButton" };
+var ArgsTable_default = { tablePositionWrapper: "fb-sQsT7G-tablePositionWrapper", resetButton: "fb-sQsT7G-resetButton", tableWrapper: "fb-sQsT7G-tableWrapper", buttonPositionWrapper: "fb-sQsT7G-buttonPositionWrapper" };
 
 // src/addon-docs/blocks/components/ArgsTable/ArgsTable.tsx
 import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
@@ -2836,7 +2836,7 @@ var sortFns = {
         disabled: isResetting,
         ariaLabel: isResetting ? "Resetting controls..." : "Reset controls",
         lang: "en",
-        children: jsx23(ArrowCounterClockwiseIcon, {})
+        children: jsx23(RotateCcwIcon, {})
       }
     ) }),
     jsxs19(

package/dist/_browser-chunks/chunk-C5TKXHTM.js

@@ -0,0 +1,82 @@
+import {
+  sanitize
+} from "./chunk-NULBREPZ.js";
+
+// src/router/story-paths.ts
+var APP_ROUTE_SEGMENTS = /* @__PURE__ */ new Set(["settings", "review"]), HOME_PATH = "/home/", ALL_STORIES_PATH = "/all/", isRootPageEnabled = () => globalThis.FORKBOOK_ROOT?.enabled === !0, RESERVED_URL_PATHS = ["/", "/all"], firstSegment = (path) => path.split("/").filter(Boolean)[0] ?? "", isReservedUrlPath = (urlPath) => {
+  let path = trimTrailingSlash(urlPath.toLowerCase());
+  if (RESERVED_URL_PATHS.includes(path))
+    return !0;
+  let first = firstSegment(path);
+  return APP_ROUTE_SEGMENTS.has(first) || first.startsWith("_");
+}, trimTrailingSlash = (path) => path.length > 1 ? path.replace(/\/+$/, "") : path, entryUrlPath = (entry) => {
+  let segments = [...entry.title.split("/"), entry.name].map(sanitize).filter(Boolean);
+  if (segments.length < 2)
+    return;
+  let path = `/${segments.join("/")}`;
+  return isReservedUrlPath(path) ? void 0 : path;
+}, buildStoryPathMap = (entries) => {
+  let map = { byId: /* @__PURE__ */ new Map(), byUrl: /* @__PURE__ */ new Map() };
+  for (let entry of entries) {
+    if (entry.type !== "story" && entry.type !== "docs")
+      continue;
+    let urlPath = entryUrlPath(entry);
+    !urlPath || map.byUrl.has(urlPath) || (map.byId.set(entry.id, urlPath), map.byUrl.set(urlPath, { id: entry.id, viewMode: entry.type === "docs" ? "docs" : "story" }));
+  }
+  return map;
+}, currentMap = buildStoryPathMap([]), setStoryPathEntries = (entries) => {
+  currentMap = buildStoryPathMap(entries);
+}, storyRouteRegex = /^\/(story|docs)\/(.+)$/, toUrlPath = (internalPath, map = currentMap) => {
+  if (!internalPath || internalPath === "/" || internalPath === HOME_PATH)
+    return "/";
+  if (internalPath === ALL_STORIES_PATH)
+    return "/all";
+  let match = internalPath.match(storyRouteRegex);
+  if (!match)
+    return internalPath;
+  let [, viewMode, id] = match, urlPath = map.byId.get(id);
+  return urlPath && map.byUrl.get(urlPath)?.viewMode === viewMode ? urlPath : `/_${viewMode}/${id}`;
+}, fromUrlPath = (urlPath, map = currentMap) => {
+  let path = urlPath || "/";
+  try {
+    path = decodeURI(path);
+  } catch {
+  }
+  path = path.toLowerCase(), path === "/index.html" && (path = "/");
+  let first = firstSegment(path);
+  if (APP_ROUTE_SEGMENTS.has(first))
+    return path;
+  let trimmed = trimTrailingSlash(path);
+  if (trimmed === "/all")
+    return ALL_STORIES_PATH;
+  if (trimmed === "/")
+    return isRootPageEnabled() ? HOME_PATH : "/";
+  let escaped = trimmed.match(/^\/_(story|docs)\/(.+)$/);
+  if (escaped)
+    return `/${escaped[1]}/${escaped[2]}`;
+  let known = map.byUrl.get(trimmed);
+  if (known)
+    return `/${known.viewMode}/${known.id}`;
+  let segments = trimmed.split("/").filter(Boolean);
+  if (segments.length < 2)
+    return "/";
+  let name = segments[segments.length - 1];
+  return `/${name === "docs" ? "docs" : "story"}/${segments.slice(0, -1).join("-")}--${name}`;
+}, buildManagerHref = (base, internalPath, query = "") => {
+  let root = base.endsWith("/") ? base : `${base}/`, urlPath = toUrlPath(internalPath).slice(1);
+  return `${root}${urlPath}${query ? `?${query}` : ""}`;
+}, urlPathDepth = (urlPath) => urlPath.split("/").filter(Boolean).length;
+
+export {
+  HOME_PATH,
+  ALL_STORIES_PATH,
+  RESERVED_URL_PATHS,
+  isReservedUrlPath,
+  entryUrlPath,
+  buildStoryPathMap,
+  setStoryPathEntries,
+  toUrlPath,
+  fromUrlPath,
+  buildManagerHref,
+  urlPathDepth
+};