@aussieljk/forkbook 0.0.1-1 → 0.0.1-10

package/assets/server/template.ejs

@@ -2,8 +2,21 @@
 <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 : 'Storybook'%></title>
+    <title><%= typeof title !== 'undefined'? title : 'Forkbook'%></title>
     <meta name="viewport" content="width=device-width, initial-scale=1" />
 
     <% if (favicon.endsWith('.svg')) {%>
@@ -11,41 +24,26 @@
     <% } else if (favicon.endsWith('.ico')) { %>
     <link rel="icon" type="image/x-icon" href="./<%= favicon %>" />
     <% } %>
+    <link rel="apple-touch-icon" href="./fb-common-assets/mirror-ball.png" />
     <style>
       @font-face {
-        font-family: 'Nunito Sans';
-        font-style: normal;
-        font-weight: 400;
-        font-display: swap;
-        src: url('./sb-common-assets/nunito-sans-regular.woff2') format('woff2');
-      }
-
-      @font-face {
-        font-family: 'Nunito Sans';
-        font-style: italic;
-        font-weight: 400;
-        font-display: swap;
-        src: url('./sb-common-assets/nunito-sans-italic.woff2') format('woff2');
-      }
-
-      @font-face {
-        font-family: 'Nunito Sans';
+        font-family: 'Inter Variable';
         font-style: normal;
-        font-weight: 700;
+        font-weight: 100 900;
         font-display: swap;
-        src: url('./sb-common-assets/nunito-sans-bold.woff2') format('woff2');
+        src: url('./fb-common-assets/inter-variable.woff2') format('woff2');
       }
 
       @font-face {
-        font-family: 'Nunito Sans';
+        font-family: 'Inter Variable';
         font-style: italic;
-        font-weight: 700;
+        font-weight: 100 900;
         font-display: swap;
-        src: url('./sb-common-assets/nunito-sans-bold-italic.woff2') format('woff2');
+        src: url('./fb-common-assets/inter-variable-italic.woff2') format('woff2');
       }
     </style>
 
-    <link href="./sb-manager/runtime.js" rel="modulepreload" />
+    <link href="./fb-manager/runtime.js" rel="modulepreload" />
 
     <% files.js.forEach(file => { %>
     <link href="<%= file %>" rel="modulepreload" />
@@ -75,13 +73,13 @@
     <% } %>
 
     <script type="module">
-      import './sb-manager/globals-runtime.js';
+      import './fb-manager/globals-runtime.js';
 
       <% files.js.forEach(file => { %>
         import '<%= file %>';
       <% }); %>
 
-      import './sb-manager/runtime.js';
+      import './fb-manager/runtime.js';
     </script>
   </body>
 </html>

package/dist/_browser-chunks/{Color-OEKZ7XSW.js → Color-X63I7FHI.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 { MarkupIcon } from "@storybook/icons";
+import { CodeIcon } from "lucide-react";
 var import_color_convert = __toESM(require_color_convert(), 1);
 
 // ../../node_modules/react-colorful/dist/index.mjs
@@ -796,17 +796,17 @@ var xe = { defaultColor: "rgba(0, 0, 0, 1)", toHsva: j, fromHsva: function(e2) {
   return e.createElement(re, l({}, r2, { colorModel: xe }));
 };
 
-// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-docs/blocks/controls/Color.module.css
+// storybook-css:/home/runner/work/forkbook/forkbook/code/core/src/addon-docs/blocks/controls/Color.module.css
 var id = "core/src/addon-docs/blocks/controls/Color.module.css";
-if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id}"]`)) {
+if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id}"]`)) {
   let style = document.createElement("style");
-  style.setAttribute("data-sb-css", id), style.textContent = '.sb-jgXPQa-wrapper{max-width:250px;position:relative}.sb-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}}.sb-jgXPQa-swatches{grid-template-columns:repeat(9,16px);gap:6px;width:200px;margin-top:5px;padding:3px;display:grid}.sb-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(--sb-app-border-color) 0 0 0 1px inset;border-radius:var(--sb-app-border-radius);border:none;&,&:hover{background:unset;background-color:unset;background-image:linear-gradient(var(--sb-swatch-color), var(--sb-swatch-color)), var(--checkers)}&[data-selected]{box-shadow:var(--sb-app-border-color) 0 0 0 1px inset, rgb(from var(--sb-text-muted-color) r g b / .31) 0 0 0 4px}}:where([data-sb-theme=dark]) .sb-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>")}.sb-jgXPQa-input{box-sizing:border-box;width:100%;font-family:var(--sb-font-base);padding-left:30px;padding-right:30px;[aria-readonly=true]>&{background:var(--sb-color-lighter)}}:where([data-sb-theme=dark]) [aria-readonly=true]>.sb-jgXPQa-input{background:0 0}.sb-jgXPQa-popoverTrigger{z-index:1;cursor:pointer;position:absolute;top:4px;left:4px;&:disabled,&[aria-disabled=true]{cursor:not-allowed}}.sb-jgXPQa-cycleColorSpaceButton{z-index:1;box-sizing:border-box;cursor:pointer;width:20px;height:20px;color:var(--sb-input-color);padding:4px;position:absolute;top:6px;right:7px}', document.head.appendChild(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 = { popoverTrigger: "sb-jgXPQa-popoverTrigger", cycleColorSpaceButton: "sb-jgXPQa-cycleColorSpaceButton", wrapper: "sb-jgXPQa-wrapper", input: "sb-jgXPQa-input", swatches: "sb-jgXPQa-swatches", swatch: "sb-jgXPQa-swatch", tooltipContent: "sb-jgXPQa-tooltipContent" };
+var Color_default = { swatch: "fb-jgXPQa-swatch", input: "fb-jgXPQa-input", popoverTrigger: "fb-jgXPQa-popoverTrigger", cycleColorSpaceButton: "fb-jgXPQa-cycleColorSpaceButton", tooltipContent: "fb-jgXPQa-tooltipContent", swatches: "fb-jgXPQa-swatches", wrapper: "fb-jgXPQa-wrapper" };
 
 // src/addon-docs/blocks/controls/Color.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
-var swatchStyle = (color) => ({ "--sb-swatch-color": color }), ColorSpace = /* @__PURE__ */ ((ColorSpace2) => (ColorSpace2.RGB = "rgb", ColorSpace2.HSL = "hsl", ColorSpace2.HEX = "hex", ColorSpace2))(ColorSpace || {}), COLOR_SPACES = Object.values(ColorSpace), COLOR_REGEXP = /\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/, RGB_REGEXP = /^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i, HSL_REGEXP = /^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i, HEX_REGEXP = /^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i, SHORTHEX_REGEXP = /^\s*#?([0-9a-f]{3})\s*$/i, ColorPicker = {
+var swatchStyle = (color) => ({ "--fb-swatch-color": color }), ColorSpace = /* @__PURE__ */ ((ColorSpace2) => (ColorSpace2.RGB = "rgb", ColorSpace2.HSL = "hsl", ColorSpace2.HEX = "hex", ColorSpace2))(ColorSpace || {}), COLOR_SPACES = Object.values(ColorSpace), COLOR_REGEXP = /\(([0-9]+),\s*([0-9]+)%?,\s*([0-9]+)%?,?\s*([0-9.]+)?\)/, RGB_REGEXP = /^\s*rgba?\(([0-9]+),\s*([0-9]+),\s*([0-9]+),?\s*([0-9.]+)?\)\s*$/i, HSL_REGEXP = /^\s*hsla?\(([0-9]+),\s*([0-9]+)%,\s*([0-9]+)%,?\s*([0-9.]+)?\)\s*$/i, HEX_REGEXP = /^\s*#?([0-9a-f]{3}|[0-9a-f]{6})\s*$/i, SHORTHEX_REGEXP = /^\s*#?([0-9a-f]{3})\s*$/i, ColorPicker = {
   hex: Z,
   rgb: He,
   hsl: le
@@ -943,7 +943,7 @@ var swatchStyle = (color) => ({ "--sb-swatch-color": color }), ColorSpace = /* @
     debouncedOnChange
   ), { presets, addPreset } = usePresets(presetColors ?? [], color, colorSpace, maxPresetColors), Picker = ColorPicker[colorSpace], readOnly = !!argType?.table?.readonly, controlId = getControlId(name, storyId, controlsId);
   return jsxs("div", { className: Color_default.wrapper, children: [
-    jsx("label", { htmlFor: controlId, className: "sb-sr-only", children: name }),
+    jsx("label", { htmlFor: controlId, className: "fb-sr-only", children: name }),
     jsx(
       Form.Input,
       {
@@ -1014,7 +1014,7 @@ var swatchStyle = (color) => ({ "--sb-swatch-color": color }), ColorSpace = /* @
         ariaLabel: "Cycle through color spaces",
         disabled: readOnly,
         onClick: readOnly ? void 0 : cycleColorSpace,
-        children: jsx(MarkupIcon, {})
+        children: jsx(CodeIcon, {})
       }
     ) : null
   ] });

package/dist/_browser-chunks/WithTooltip-5S6F2P7L.js

@@ -0,0 +1,198 @@
+import {
+  PortalContainerContext,
+  PortalTheme,
+  index_parts_exports
+} from "./chunk-DNJ3OSLB.js";
+import "./chunk-XKTORVEQ.js";
+import "./chunk-NPNIBOPF.js";
+import "./chunk-XTQCLWVH.js";
+import {
+  global
+} from "./chunk-6AKCRYVX.js";
+import "./chunk-IMSF75WX.js";
+
+// src/components/components/tooltip/WithTooltip.tsx
+import React, { useCallback, useContext, useEffect, useId, useState } from "react";
+import { deprecate } from "@aussieljk/forkbook/internal/client-logger";
+
+// storybook-css:/home/runner/work/forkbook/forkbook/code/core/src/components/components/tooltip/WithTooltip.module.css
+var id = "core/src/components/components/tooltip/WithTooltip.module.css";
+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 = { targetSvg: "fb-QoytUq-targetSvg", arrow: "fb-QoytUq-arrow", target: "fb-QoytUq-target", wrapper: "fb-QoytUq-wrapper" };
+
+// src/components/components/tooltip/WithTooltip.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var { document: document2 } = global, Tooltip = React.forwardRef(
+  ({
+    placement = "top",
+    hasChrome = !0,
+    children,
+    arrowProps = {},
+    tooltipRef,
+    color,
+    withArrows,
+    hidden,
+    className,
+    style,
+    ...props
+  }, ref) => jsxs(
+    "div",
+    {
+      "data-testid": "tooltip",
+      ref,
+      hidden,
+      ...props,
+      className: [WithTooltip_default.wrapper, className].filter(Boolean).join(" "),
+      style: { display: hidden ? "none" : void 0, ...style },
+      "data-chrome": hasChrome || void 0,
+      "data-color": color,
+      children: [
+        hasChrome && withArrows && jsx(
+          "div",
+          {
+            className: WithTooltip_default.arrow,
+            "data-side": placement.split("-")[0],
+            ...arrowProps,
+            "data-color": color
+          }
+        ),
+        children
+      ]
+    }
+  )
+);
+Tooltip.displayName = "Tooltip";
+var toSideAndAlign = (placement) => {
+  let [side, align = "center"] = placement.split("-");
+  return {
+    side: side === "auto" ? "top" : side,
+    align
+  };
+}, WithTooltipPure = ({
+  svg = !1,
+  trigger = "click",
+  closeOnOutsideClick = !1,
+  placement = "top",
+  hasChrome = !0,
+  defaultVisible = !1,
+  withArrows,
+  offset = [0, 8],
+  tooltip,
+  children,
+  delayHide = trigger === "hover" ? 200 : 0,
+  visible,
+  interactive: _interactive,
+  delayShow = 0,
+  strategy,
+  onVisibleChange,
+  portalContainer,
+  ...props
+}) => {
+  let Container = svg ? "g" : "div", triggers = trigger === null ? [] : Array.isArray(trigger) ? trigger : [trigger], isHover = triggers.includes("hover"), isClick = triggers.includes("click"), isFocus = triggers.includes("focus"), triggerId = useId(), [shown, setShown] = useState(defaultVisible), isVisible = visible ?? shown, setVisible = useCallback(
+    (next) => {
+      setShown(next), onVisibleChange?.(next);
+    },
+    [onVisibleChange]
+  ), onOpenChange = useCallback(
+    (open, { reason }) => {
+      reason === "trigger-press" && !isClick || reason === "trigger-hover" && !isHover || reason === "trigger-focus" && !isFocus || reason === "outside-press" && !closeOnOutsideClick || setVisible(open);
+    },
+    [isClick, isHover, isFocus, closeOnOutsideClick, setVisible]
+  ), contextContainer = useContext(PortalContainerContext), portalTarget = (typeof portalContainer == "string" ? document2.querySelector(portalContainer) : portalContainer) || contextContainer || document2.body;
+  return jsxs(index_parts_exports.Root, { open: isVisible, onOpenChange, triggerId, children: [
+    jsx(
+      index_parts_exports.Trigger,
+      {
+        id: triggerId,
+        nativeButton: !1,
+        openOnHover: isHover,
+        delay: delayShow,
+        closeDelay: delayHide,
+        render: jsx(
+          Container,
+          {
+            className: svg ? WithTooltip_default.targetSvg : WithTooltip_default.target,
+            "data-hover": isHover || void 0,
+            ...props
+          }
+        ),
+        children
+      }
+    ),
+    jsx(index_parts_exports.Portal, { container: portalTarget, children: jsx(PortalTheme, { children: jsx(
+      index_parts_exports.Positioner,
+      {
+        ...toSideAndAlign(placement),
+        sideOffset: offset[1],
+        alignOffset: offset[0],
+        collisionPadding: 8,
+        arrowPadding: 8,
+        positionMethod: strategy,
+        style: { zIndex: 2147483647 },
+        children: jsxs(
+          index_parts_exports.Popup,
+          {
+            initialFocus: !1,
+            finalFocus: !1,
+            render: jsx(Tooltip, { hasChrome }),
+            children: [
+              hasChrome && withArrows && jsx(index_parts_exports.Arrow, { render: jsx("div", { className: WithTooltip_default.arrow }) }),
+              typeof tooltip == "function" ? tooltip({ onHide: () => setVisible(!1) }) : tooltip
+            ]
+          }
+        )
+      }
+    ) }) })
+  ] });
+}, WithToolTipState = ({
+  startOpen = !1,
+  onVisibleChange: onChange,
+  ...rest
+}) => {
+  let [tooltipShown, setTooltipShown] = useState(startOpen), onVisibilityChange = useCallback(
+    (visibility) => {
+      onChange && onChange(visibility) === !1 || setTooltipShown(visibility);
+    },
+    [onChange]
+  );
+  return useEffect(() => {
+    let hide = () => onVisibilityChange(!1), handleKeyDown = (e) => {
+      e.key === "Escape" && hide();
+    };
+    document2.addEventListener("keydown", handleKeyDown, !1);
+    let iframes = Array.from(document2.getElementsByTagName("iframe")), unbinders = [];
+    return iframes.forEach((iframe) => {
+      let bind = () => {
+        try {
+          iframe.contentWindow.document && (iframe.contentWindow.document.addEventListener("click", hide), unbinders.push(() => {
+            try {
+              iframe.contentWindow.document.removeEventListener("click", hide);
+            } catch {
+            }
+          }));
+        } catch {
+        }
+      };
+      bind(), iframe.addEventListener("load", bind), unbinders.push(() => {
+        iframe.removeEventListener("load", bind);
+      });
+    }), () => {
+      document2.removeEventListener("keydown", handleKeyDown), unbinders.forEach((unbind) => {
+        unbind();
+      });
+    };
+  }), jsx(WithTooltipPure, { ...rest, visible: tooltipShown, onVisibleChange: onVisibilityChange });
+}, DeprecatedPure = (props) => (deprecate(
+  "WithTooltipPure is deprecated and will be removed in Forkbook 11. Please use WithTooltip instead."
+), jsx(WithTooltipPure, { "data-deprecated": "WithTooltipPure", ...props })), DeprecatedState = (props) => (deprecate(
+  "WithToolTipState is deprecated and will be removed in Forkbook 11. Please use WithTooltip instead."
+), jsx(WithToolTipState, { "data-deprecated": "WithToolTipState", ...props }));
+export {
+  Tooltip,
+  DeprecatedState as WithToolTipState,
+  WithToolTipState as WithTooltip,
+  DeprecatedPure as WithTooltipPure
+};

package/dist/_browser-chunks/{chunk-66OCZ54D.js → chunk-3HM3VWJS.js}

@@ -1,6 +1,6 @@
 import {
   combineParameters
-} from "./chunk-ODVJ3XZJ.js";
+} from "./chunk-GRO2ZYEJ.js";
 import {
   __commonJS,
   __toESM

package/dist/_browser-chunks/{chunk-CFAOWGL7.js → chunk-3M5T7BW4.js}

@@ -1,6 +1,6 @@
 import {
   Channel
-} from "./chunk-OD6IBQCC.js";
+} from "./chunk-N3NRW5XX.js";
 
 // src/shared/constants/tags.ts
 var Tag = {

package/dist/_browser-chunks/{chunk-2MEPHP35.js → chunk-4KIQBRD2.js}

@@ -1,5 +1,5 @@
 // src/addon-themes/constants.ts
-var PARAM_KEY = "themes", ADDON_ID = `storybook/${PARAM_KEY}`, GLOBAL_KEY = "theme", THEME_SWITCHER_ID = `${ADDON_ID}/theme-switcher`, DEFAULT_ADDON_STATE = {
+var PARAM_KEY = "themes", ADDON_ID = `@aussieljk/forkbook/${PARAM_KEY}`, GLOBAL_KEY = "theme", THEME_SWITCHER_ID = `${ADDON_ID}/theme-switcher`, DEFAULT_ADDON_STATE = {
   themesList: [],
   themeDefault: void 0
 }, DEFAULT_THEME_PARAMETERS = {}, THEMING_EVENTS = {

package/dist/_browser-chunks/{chunk-OQWFVDIN.js → chunk-5H4KFI44.js}

@@ -1,6 +1,6 @@
 import {
   UniversalStoreFollowerTimeoutError
-} from "./chunk-RSPAQWVJ.js";
+} from "./chunk-BNP234B4.js";
 
 // src/shared/universal-store/index.ts
 import { dedent } from "ts-dedent";

package/dist/_browser-chunks/{chunk-VVWPND3J.js → chunk-5Z65SURM.js}

@@ -1,21 +1,21 @@
 import {
   EmptyBlock
-} from "./chunk-PFRNG3UC.js";
+} from "./chunk-6ELMKWKX.js";
 import {
   clsx
 } from "./chunk-CNED6RYH.js";
 
 // src/addon-docs/blocks/components/SnippetWarning.tsx
 import { Button } from "@aussieljk/forkbook/internal/components";
-import { AlertIcon } from "@storybook/icons";
+import { TriangleAlertIcon } from "lucide-react";
 
-// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-docs/blocks/components/SnippetWarning.module.css
+// storybook-css:/home/runner/work/forkbook/forkbook/code/core/src/addon-docs/blocks/components/SnippetWarning.module.css
 var id = "core/src/addon-docs/blocks/components/SnippetWarning.module.css";
-if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id}"]`)) {
+if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id}"]`)) {
   let style = document.createElement("style");
-  style.setAttribute("data-sb-css", id), style.textContent = ".sb-nSm15W-warningButton{color:var(--sb-fg-color-warning);&:hover,&:focus-visible{color:var(--sb-fg-color-warning);background:var(--sb-bg-color-warning)}}", document.head.appendChild(style);
+  style.setAttribute("data-fb-css", id), style.textContent = ".fb-nSm15W-warningButton{color:var(--fb-fg-color-warning);&:hover,&:focus-visible{color:var(--fb-fg-color-warning);background:var(--fb-bg-color-warning)}}", document.head.appendChild(style);
 }
-var SnippetWarning_default = { warningButton: "sb-nSm15W-warningButton" };
+var SnippetWarning_default = { warningButton: "fb-nSm15W-warningButton" };
 
 // src/addon-docs/blocks/components/SnippetWarning.tsx
 import { jsx } from "react/jsx-runtime";
@@ -28,7 +28,7 @@ var SNIPPET_WARNING_LABEL = "Incomplete code snippet", SnippetWarning = ({ warni
     variant: "ghost",
     size: "small",
     padding: "small",
-    children: jsx(AlertIcon, {})
+    children: jsx(TriangleAlertIcon, {})
   }
 ) : null;
 
@@ -36,13 +36,13 @@ var SNIPPET_WARNING_LABEL = "Incomplete code snippet", SnippetWarning = ({ warni
 import { SyntaxHighlighter } from "@aussieljk/forkbook/internal/components";
 import { ThemeProvider, convert, themes, useTheme } from "@aussieljk/forkbook/theming";
 
-// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-docs/blocks/components/Source.module.css
+// storybook-css:/home/runner/work/forkbook/forkbook/code/core/src/addon-docs/blocks/components/Source.module.css
 var id2 = "core/src/addon-docs/blocks/components/Source.module.css";
-if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id2}"]`)) {
+if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id2}"]`)) {
   let style = document.createElement("style");
-  style.setAttribute("data-sb-css", id2), style.textContent = ".sb-I61SDG-syntaxHighlighter{font-size:calc(var(--sb-size-s2) - 1px);border-radius:var(--sb-app-border-radius);margin:25px 0 40px;line-height:19px;box-shadow:0 1px 3px #0000001a;& pre.sb-I61SDG-prismjs{background:inherit;padding:20px}}.sb-I61SDG-snippetWarning{z-index:1;position:absolute;top:4px;right:4px}.sb-I61SDG-sourceWrapper{position:relative}.sb-I61SDG-skeletonWrapper{background:var(--sb-background-content);border-radius:var(--sb-app-border-radius);border:1px solid var(--sb-app-border-color);margin:25px 0 40px;padding:20px 20px 20px 22px;box-shadow:0 1px 3px #0000001a}:where([data-sb-theme=dark]){& .sb-I61SDG-syntaxHighlighter,& .sb-I61SDG-skeletonWrapper{box-shadow:0 2px 5px #0003}}.sb-I61SDG-skeletonPlaceholder{background:var(--sb-app-border-color);width:60%;height:17px;margin-top:1px;animation:1.5s ease-in-out infinite sb-I61SDG-glow;&:first-child{margin:0}}@keyframes sb-I61SDG-glow{0%,to{opacity:1}50%{opacity:.4}}", document.head.appendChild(style);
+  style.setAttribute("data-fb-css", id2), style.textContent = ".fb-I61SDG-syntaxHighlighter{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.fb-I61SDG-prismjs{background:inherit;padding:20px}}.fb-I61SDG-snippetWarning{z-index:1;position:absolute;top:4px;right:4px}.fb-I61SDG-sourceWrapper{position:relative}.fb-I61SDG-skeletonWrapper{background:var(--fb-background-content);border-radius:var(--fb-app-border-radius);border:1px solid var(--fb-app-border-color);margin:25px 0 40px;padding:20px 20px 20px 22px;box-shadow:0 1px 3px #0000001a}:where([data-fb-theme=dark]){& .fb-I61SDG-syntaxHighlighter,& .fb-I61SDG-skeletonWrapper{box-shadow:0 2px 5px #0003}}.fb-I61SDG-skeletonPlaceholder{background:var(--fb-app-border-color);width:60%;height:17px;margin-top:1px;animation:1.5s ease-in-out infinite fb-I61SDG-glow;&:first-child{margin:0}}@keyframes fb-I61SDG-glow{0%,to{opacity:1}50%{opacity:.4}}", document.head.appendChild(style);
 }
-var Source_default = { sourceWrapper: "sb-I61SDG-sourceWrapper", skeletonWrapper: "sb-I61SDG-skeletonWrapper", glow: "sb-I61SDG-glow", snippetWarning: "sb-I61SDG-snippetWarning", skeletonPlaceholder: "sb-I61SDG-skeletonPlaceholder", syntaxHighlighter: "sb-I61SDG-syntaxHighlighter", prismjs: "sb-I61SDG-prismjs" };
+var Source_default = { skeletonPlaceholder: "fb-I61SDG-skeletonPlaceholder", snippetWarning: "fb-I61SDG-snippetWarning", prismjs: "fb-I61SDG-prismjs", sourceWrapper: "fb-I61SDG-sourceWrapper", glow: "fb-I61SDG-glow", skeletonWrapper: "fb-I61SDG-skeletonWrapper", syntaxHighlighter: "fb-I61SDG-syntaxHighlighter" };
 
 // src/addon-docs/blocks/components/Source.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";
@@ -78,7 +78,7 @@ var SourceSkeleton = () => jsxs("div", { className: Source_default.skeletonWrapp
       copyable,
       format,
       language: language ?? "jsx",
-      className: "docblock-source sb-unstyled",
+      className: "docblock-source fb-unstyled",
       ...rest,
       children: code
     }

package/dist/_browser-chunks/chunk-6AKCRYVX.js

@@ -0,0 +1,6 @@
+// src/shared/global.ts
+var global = globalThis;
+
+export {
+  global
+};

package/dist/_browser-chunks/{chunk-PFRNG3UC.js → chunk-6ELMKWKX.js}

@@ -5,17 +5,17 @@ import {
 // src/addon-docs/blocks/components/EmptyBlock.tsx
 import { withReset } from "@aussieljk/forkbook/internal/components";
 
-// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-docs/blocks/components/EmptyBlock.module.css
+// storybook-css:/home/runner/work/forkbook/forkbook/code/core/src/addon-docs/blocks/components/EmptyBlock.module.css
 var id = "core/src/addon-docs/blocks/components/EmptyBlock.module.css";
-if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id}"]`)) {
+if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id}"]`)) {
   let style = document.createElement("style");
-  style.setAttribute("data-sb-css", id), style.textContent = ".sb-he578q-wrapper{border-radius:var(--sb-app-border-radius);border:1px dashed var(--sb-app-border-color);color:rgb(from var(--sb-color-default-text) r g b / calc(alpha - .3));font-size:var(--sb-size-s2);background-color:#00000003;justify-content:center;align-items:center;margin:25px 0 40px;padding:20px;display:flex}:where([data-sb-theme=dark]) .sb-he578q-wrapper{background-color:#ffffff03}", document.head.appendChild(style);
+  style.setAttribute("data-fb-css", id), style.textContent = ".fb-he578q-wrapper{border-radius:var(--fb-app-border-radius);border:1px dashed var(--fb-app-border-color);color:rgb(from var(--fb-color-default-text) r g b / calc(alpha - .3));font-size:var(--fb-size-s2);background-color:#00000003;justify-content:center;align-items:center;margin:25px 0 40px;padding:20px;display:flex}:where([data-fb-theme=dark]) .fb-he578q-wrapper{background-color:#ffffff03}", document.head.appendChild(style);
 }
-var EmptyBlock_default = { wrapper: "sb-he578q-wrapper" };
+var EmptyBlock_default = { wrapper: "fb-he578q-wrapper" };
 
 // src/addon-docs/blocks/components/EmptyBlock.tsx
 import { jsx } from "react/jsx-runtime";
-var EmptyBlock = (props) => jsx("div", { ...props, className: clsx(withReset, EmptyBlock_default.wrapper, "docblock-emptyblock sb-unstyled") });
+var EmptyBlock = (props) => jsx("div", { ...props, className: clsx(withReset, EmptyBlock_default.wrapper, "docblock-emptyblock fb-unstyled") });
 
 export {
   EmptyBlock

package/dist/_browser-chunks/{chunk-6SXYJQST.js → chunk-76222HQR.js}

@@ -1,6 +1,6 @@
 import {
   StorybookError
-} from "./chunk-V5M7Q4HT.js";
+} from "./chunk-MJIDTL3X.js";
 import {
   require_picocolors_browser
 } from "./chunk-SC67XZST.js";

package/dist/_browser-chunks/{chunk-JSBKXXXF.js → chunk-7DQREF4S.js}

@@ -28,7 +28,7 @@ import { jsx as jsx2 } from "react/jsx-runtime";
 var HeadManagerDecorator = (Story) => jsx2(head_manager_provider_default, { children: jsx2(Story, {}) });
 
 // src/nextjs-vite/images/decorator.tsx
-import { ImageContext } from "sb-original/image-context";
+import { ImageContext } from "fb-original/image-context";
 import { jsx as jsx3 } from "react/jsx-runtime";
 var ImageDecorator = (Story, { parameters: parameters2 }) => parameters2.nextjs?.image ? jsx3(ImageContext.Provider, { value: parameters2.nextjs.image, children: jsx3(Story, {}) }) : jsx3(Story, {});
 

package/dist/_browser-chunks/{chunk-RSPAQWVJ.js → chunk-BNP234B4.js}

@@ -1,6 +1,6 @@
 import {
   StorybookError
-} from "./chunk-V5M7Q4HT.js";
+} from "./chunk-MJIDTL3X.js";
 
 // src/manager-errors.ts
 var Category = /* @__PURE__ */ ((Category2) => (Category2.MANAGER_UNCAUGHT = "MANAGER_UNCAUGHT", Category2.MANAGER_UI = "MANAGER_UI", Category2.MANAGER_API = "MANAGER_API", Category2.MANAGER_CLIENT_LOGGER = "MANAGER_CLIENT-LOGGER", Category2.MANAGER_CHANNELS = "MANAGER_CHANNELS", Category2.MANAGER_CORE_EVENTS = "MANAGER_CORE-EVENTS", Category2.MANAGER_ROUTER = "MANAGER_ROUTER", Category2.MANAGER_THEMING = "MANAGER_THEMING", Category2.MANAGER_UNIVERSAL_STORE = "MANAGER_UNIVERSAL-STORE", Category2.MANAGER_OPEN_SERVICE = "MANAGER_OPEN-SERVICE", Category2))(Category || {}), ProviderDoesNotExtendBaseProviderError = class extends StorybookError {

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
+};