@aussieljk/forkbook 0.0.1-2 → 0.0.1-3

package/dist/csf/index.js

@@ -23,7 +23,7 @@ import {
   normalizeArrays,
   normalizeProjectAnnotations,
   registerService
-} from "../_browser-chunks/chunk-C3D4HEFY.js";
+} from "../_browser-chunks/chunk-6SHRDXGF.js";
 import {
   invariant
 } from "../_browser-chunks/chunk-IWQGIXJS.js";
@@ -31,19 +31,19 @@ import "../_browser-chunks/chunk-FENFYI4X.js";
 import "../_browser-chunks/chunk-WZ7KR7SH.js";
 import {
   Tag
-} from "../_browser-chunks/chunk-CFAOWGL7.js";
-import "../_browser-chunks/chunk-YTIT5NA5.js";
-import "../_browser-chunks/chunk-OD6IBQCC.js";
+} from "../_browser-chunks/chunk-3M5T7BW4.js";
+import "../_browser-chunks/chunk-KYSD26D6.js";
+import "../_browser-chunks/chunk-N3NRW5XX.js";
 import "../_browser-chunks/chunk-QC4HFS6K.js";
-import "../_browser-chunks/chunk-6SXYJQST.js";
+import "../_browser-chunks/chunk-76222HQR.js";
 import "../_browser-chunks/chunk-SFVA4SBT.js";
 import "../_browser-chunks/chunk-DRQKCCAG.js";
 import {
   shouldSkipStoryDocsEmit
-} from "../_browser-chunks/chunk-66OCZ54D.js";
+} from "../_browser-chunks/chunk-3HM3VWJS.js";
 import {
   combineParameters
-} from "../_browser-chunks/chunk-ODVJ3XZJ.js";
+} from "../_browser-chunks/chunk-GRO2ZYEJ.js";
 import "../_browser-chunks/chunk-2JDQ35OA.js";
 import "../_browser-chunks/chunk-IE4ULIOQ.js";
 import "../_browser-chunks/chunk-B4AUNNU4.js";
@@ -53,8 +53,8 @@ import "../_browser-chunks/chunk-JPUOQJUI.js";
 import {
   PARAM_KEY
 } from "../_browser-chunks/chunk-QDXFODK4.js";
-import "../_browser-chunks/chunk-RSPAQWVJ.js";
-import "../_browser-chunks/chunk-V5M7Q4HT.js";
+import "../_browser-chunks/chunk-BNP234B4.js";
+import "../_browser-chunks/chunk-MJIDTL3X.js";
 import "../_browser-chunks/chunk-SC67XZST.js";
 import {
   HIGHLIGHT,
@@ -68,8 +68,8 @@ import {
 import "../_browser-chunks/chunk-ECQ75MKQ.js";
 import {
   action
-} from "../_browser-chunks/chunk-LV5PIKV4.js";
-import "../_browser-chunks/chunk-V2G23FV7.js";
+} from "../_browser-chunks/chunk-GU3X2J4S.js";
+import "../_browser-chunks/chunk-N5WQGLI7.js";
 import {
   DEFAULT_BACKGROUNDS,
   PARAM_KEY as PARAM_KEY2
@@ -286,7 +286,7 @@ var defaultGrid = {
     options = DEFAULT_BACKGROUNDS,
     disable,
     grid = defaultGrid
-  } = parameters2[PARAM_KEY2] || {}, data = globals[PARAM_KEY2] || {}, backgroundName = typeof data == "string" ? data : data?.value, item = backgroundName ? options[backgroundName] : void 0, value = typeof item == "string" ? item : item?.value || "transparent", showGrid = typeof data == "string" ? !1 : data.grid || !1, shownBackground = !!item && !disable, backgroundSelector = viewMode === "docs" ? `#anchor--${id} .docs-story, #anchor--primary--${id} .docs-story` : ".sb-show-main", gridSelector = viewMode === "docs" ? `#anchor--${id} .docs-story, #anchor--primary--${id} .docs-story` : ".sb-show-main", isLayoutPadded = parameters2.layout === void 0 || parameters2.layout === "padded", defaultOffset = viewMode === "docs" ? 20 : isLayoutPadded ? 16 : 0, { cellAmount, cellSize, opacity, offsetX = defaultOffset, offsetY = defaultOffset } = grid, backgroundSelectorId = viewMode === "docs" ? `${BG_SELECTOR_BASE}-docs-${id}` : `${BG_SELECTOR_BASE}-color`, backgroundTarget = viewMode === "docs" ? id : null;
+  } = parameters2[PARAM_KEY2] || {}, data = globals[PARAM_KEY2] || {}, backgroundName = typeof data == "string" ? data : data?.value, item = backgroundName ? options[backgroundName] : void 0, value = typeof item == "string" ? item : item?.value || "transparent", showGrid = typeof data == "string" ? !1 : data.grid || !1, shownBackground = !!item && !disable, backgroundSelector = viewMode === "docs" ? `#anchor--${id} .docs-story, #anchor--primary--${id} .docs-story` : ".fb-show-main", gridSelector = viewMode === "docs" ? `#anchor--${id} .docs-story, #anchor--primary--${id} .docs-story` : ".fb-show-main", isLayoutPadded = parameters2.layout === void 0 || parameters2.layout === "padded", defaultOffset = viewMode === "docs" ? 20 : isLayoutPadded ? 16 : 0, { cellAmount, cellSize, opacity, offsetX = defaultOffset, offsetY = defaultOffset } = grid, backgroundSelectorId = viewMode === "docs" ? `${BG_SELECTOR_BASE}-docs-${id}` : `${BG_SELECTOR_BASE}-color`, backgroundTarget = viewMode === "docs" ? id : null;
   useEffect(() => {
     let backgroundStyles = `
     ${backgroundSelector} {
@@ -442,7 +442,7 @@ var svgElements = "svg,path,rect,circle,line,polyline,polygon,ellipse,text".spli
   return {
     priority: 0,
     styles: {
-      outline: "2px dashed #029cfd"
+      outline: "2px dashed #007aff"
     },
     ...rest,
     menu: Array.isArray(menu) ? menu.every(Array.isArray) ? menu : [menu] : void 0
@@ -474,7 +474,7 @@ var svgElements = "svg,path,rect,circle,line,polyline,polygon,ellipse,text".spli
         ...document.querySelectorAll(
           // Elements matching the selector, excluding storybook elements and their descendants.
           // Necessary to find portaled elements (e.g. children of `body`).
-          `:is(${selector}):not([id^="storybook-"], [id^="storybook-"] *, [class^="sb-"], [class^="sb-"] *)`
+          `:is(${selector}):not([id^="storybook-"], [id^="storybook-"] *, [class^="fb-"], [class^="fb-"] *)`
         ),
         // Elements matching the selector inside the storybook root, as these were excluded above.
         ...root?.querySelectorAll(selector) || []
@@ -545,9 +545,9 @@ var svgElements = "svg,path,rect,circle,line,polyline,polygon,ellipse,text".spli
 
 // src/highlight/useHighlights.ts
 var menuId = "storybook-highlights-menu", rootId = "storybook-highlights-root", storybookRootId = "storybook-root", useHighlights = (channel) => {
-  if (globalThis.__STORYBOOK_HIGHLIGHT_INITIALIZED)
+  if (globalThis.__FORKBOOK_HIGHLIGHT_INITIALIZED)
     return;
-  globalThis.__STORYBOOK_HIGHLIGHT_INITIALIZED = !0;
+  globalThis.__FORKBOOK_HIGHLIGHT_INITIALIZED = !0;
   let { document: document3 } = globalThis, highlights = useStore([]), elements = useStore(/* @__PURE__ */ new Map()), boxes = useStore([]), clickCoords = useStore(), hoverCoords = useStore(), targets = useStore([]), hovered = useStore([]), focused = useStore(), selected = useStore(), root = document3.getElementById(rootId);
   highlights.subscribe(() => {
     root || (root = createElement("div", { id: rootId }), document3.body.appendChild(root));
@@ -705,7 +705,7 @@ var menuId = "storybook-highlights-menu", rootId = "storybook-highlights-root",
               padding: 0px;
               margin: 15px 0 0 0;
               transform: translateX(-50%);
-              font-family: "Nunito Sans", -apple-system, ".SFNSText-Regular", "San Francisco", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
+              font-family: "Inter Variable", -apple-system, ".SFNSText-Regular", "San Francisco", BlinkMacSystemFont, "Segoe UI", "Helvetica Neue", Helvetica, Arial, sans-serif;
               font-size: 12px;
               background: white;
               border: none;
@@ -745,11 +745,11 @@ var menuId = "storybook-highlights-menu", rootId = "storybook-highlights-root",
               font-size: inherit;
             }
             #${menuId} button:focus-visible {
-              outline-color: #029CFD;
+              outline-color: #007AFF;
             }
             #${menuId} button:hover {
-              background: rgba(2, 156, 253, 0.07);
-              color: #029CFD;
+              background: rgba(0, 122, 255, 0.07);
+              color: #007AFF;
               cursor: pointer;
             }
             #${menuId} li code {
@@ -765,7 +765,7 @@ var menuId = "storybook-highlights-menu", rootId = "storybook-highlights-root",
               color: #73828C;
             }
             #${menuId} li > button:hover svg, #${menuId} li > button:focus-visible svg {
-              color: #029CFD;
+              color: #007AFF;
             }
             #${menuId} .element-list li svg {
               display: none;
@@ -898,17 +898,17 @@ var menuId = "storybook-highlights-menu", rootId = "storybook-highlights-root",
         priority: 1e3,
         selectors: [target],
         styles: {
-          outline: "2px solid #1EA7FD",
+          outline: "2px solid #007AFF",
           outlineOffset: "-1px",
           animation: `${keyframeName} 3s linear forwards`
         },
         keyframes: `@keyframes ${keyframeName} {
-          0% { outline: 2px solid #1EA7FD; }
-          20% { outline: 2px solid #1EA7FD00; }
-          40% { outline: 2px solid #1EA7FD; }
-          60% { outline: 2px solid #1EA7FD00; }
-          80% { outline: 2px solid #1EA7FD; }
-          100% { outline: 2px solid #1EA7FD00; }
+          0% { outline: 2px solid #007AFF; }
+          20% { outline: 2px solid #007AFF00; }
+          40% { outline: 2px solid #007AFF; }
+          60% { outline: 2px solid #007AFF00; }
+          80% { outline: 2px solid #007AFF; }
+          100% { outline: 2px solid #007AFF00; }
         }`
       }
     ]), removeTimeout = setTimeout(() => removeHighlight(id), 3500);
@@ -1728,7 +1728,7 @@ function outlineCSS(selector) {
 
 // src/outline/withOutline.ts
 var withOutline = (StoryFn, context) => {
-  let globals = context.globals || {}, isActive = !context.parameters?.[PARAM_KEY4]?.disable && [!0, "true"].includes(globals[PARAM_KEY4]), isInDocs = context.viewMode === "docs", outlineStyles = useMemo(() => outlineCSS(isInDocs ? '[data-story-block="true"]' : ".sb-show-main"), [context]);
+  let globals = context.globals || {}, isActive = !context.parameters?.[PARAM_KEY4]?.disable && [!0, "true"].includes(globals[PARAM_KEY4]), isInDocs = context.viewMode === "docs", outlineStyles = useMemo(() => outlineCSS(isInDocs ? '[data-story-block="true"]' : ".fb-show-main"), [context]);
   return useEffect3(() => {
     let selectorId = isInDocs ? `addon-outline-docs-${context.id}` : "addon-outline";
     return isActive ? addOutlineStyles(selectorId, outlineStyles) : clearStyles2(selectorId), () => {

package/dist/csf-tools/index.js

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_ro17f80mg6k from 'node:url';
-import CJS_COMPAT_NODE_PATH_ro17f80mg6k from 'node:path';
-import CJS_COMPAT_NODE_MODULE_ro17f80mg6k from "node:module";
+import CJS_COMPAT_NODE_URL_jhsfl9egb6l from 'node:url';
+import CJS_COMPAT_NODE_PATH_jhsfl9egb6l from 'node:path';
+import CJS_COMPAT_NODE_MODULE_jhsfl9egb6l from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_ro17f80mg6k.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_ro17f80mg6k.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_ro17f80mg6k.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_jhsfl9egb6l.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_jhsfl9egb6l.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_jhsfl9egb6l.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Forkbook's esbuild configuration
@@ -18,7 +18,7 @@ import {
   printConfig,
   readConfig,
   writeConfig
-} from "../_node-chunks/chunk-V2DY426G.js";
+} from "../_node-chunks/chunk-LMMUUQFW.js";
 import {
   BadMetaError,
   CsfFile,
@@ -77,11 +77,11 @@ import {
   unwrapExpression,
   withoutTypeCalls,
   writeCsf
-} from "../_node-chunks/chunk-YZFWBA5L.js";
-import "../_node-chunks/chunk-SVTBJ7Q3.js";
-import "../_node-chunks/chunk-34EO2PUT.js";
-import "../_node-chunks/chunk-TNJIXE37.js";
-import "../_node-chunks/chunk-CXRU72ET.js";
+} from "../_node-chunks/chunk-ANOZDFMW.js";
+import "../_node-chunks/chunk-2OI3EZE2.js";
+import "../_node-chunks/chunk-4ZHC3GG3.js";
+import "../_node-chunks/chunk-DI76R3EI.js";
+import "../_node-chunks/chunk-CYPEPQSM.js";
 
 // src/csf-tools/index.ts
 import { babelParse as babelParse2 } from "@aussieljk/forkbook/internal/babel";
@@ -374,7 +374,7 @@ function generateDummyValueFromSBType(sbType, propName, options) {
     case "string": {
       let name = propName ?? "", tokens = tokenize(name);
       if (hasAny(tokens, COLOR_TOKENS))
-        return "#ff4785";
+        return "#007aff";
       if (hasAny(tokens, DATE_TOKENS))
         return (/* @__PURE__ */ new Date()).toLocaleDateString();
       let mostLikelyType = getMostLikelyTypeFromTokens(tokens);

package/dist/docs-tools/index.js

@@ -21,11 +21,11 @@ import {
   shouldSkipStoryDocsEmit,
   shouldWaitForServiceSnippet,
   str
-} from "../_browser-chunks/chunk-66OCZ54D.js";
+} from "../_browser-chunks/chunk-3HM3VWJS.js";
 import {
   getServiceSubcomponentArgTypes,
   mergeServiceArgTypes
-} from "../_browser-chunks/chunk-ODVJ3XZJ.js";
+} from "../_browser-chunks/chunk-GRO2ZYEJ.js";
 import "../_browser-chunks/chunk-2JDQ35OA.js";
 import "../_browser-chunks/chunk-IE4ULIOQ.js";
 import "../_browser-chunks/chunk-B4AUNNU4.js";

package/dist/highlight/index.d.ts

@@ -1,4 +1,4 @@
-import { n as HighlightMenuItem, r as HighlightOptions, t as ClickEventDetails } from "../chunk-DzuY9DXg.js";
+import { n as HighlightMenuItem, r as HighlightOptions, t as ClickEventDetails } from "../chunk-DDd8BhTY.js";
 
 //#region .dts-emit/code/core/src/highlight/constants.d.ts
 declare const HIGHLIGHT = "@aussieljk/forkbook/highlight/add";

package/dist/instrumenter/index.js

@@ -2205,7 +2205,7 @@ Inner error message: ${err?.message}`));
 }
 
 // src/instrumenter/preview-api.ts
-var addons = globalThis.__STORYBOOK_ADDONS_PREVIEW;
+var addons = globalThis.__FORKBOOK_ADDONS_PREVIEW;
 
 // src/instrumenter/instrumenter.ts
 var alreadyCompletedException = new Error(
@@ -2253,14 +2253,14 @@ var alreadyCompletedException = new Error(
     this.state = {};
     this.loadParentWindowState = () => {
       try {
-        this.state = global.window?.parent?.__STORYBOOK_ADDON_INTERACTIONS_INSTRUMENTER_STATE__ || {};
+        this.state = global.window?.parent?.__FORKBOOK_ADDON_INTERACTIONS_INSTRUMENTER_STATE__ || {};
       } catch {
         this.detached = !0;
       }
     };
     this.updateParentWindowState = () => {
       try {
-        global.window.parent.__STORYBOOK_ADDON_INTERACTIONS_INSTRUMENTER_STATE__ = this.state;
+        global.window.parent.__FORKBOOK_ADDON_INTERACTIONS_INSTRUMENTER_STATE__ = this.state;
       } catch {
         this.detached = !0;
       }
@@ -2421,7 +2421,7 @@ var alreadyCompletedException = new Error(
   // Returns a function that invokes the original function, records the invocation ("call") and
   // returns the original result.
   track(method, fn, object, args, options) {
-    let storyId = args?.[0]?.__storyId__ || global.__STORYBOOK_PREVIEW__?.selectionStore?.selection?.storyId, { cursor, ancestors } = this.getState(storyId);
+    let storyId = args?.[0]?.__storyId__ || global.__FORKBOOK_PREVIEW__?.selectionStore?.selection?.storyId, { cursor, ancestors } = this.getState(storyId);
     this.setState(storyId, { cursor: cursor + 1 });
     let id = `${ancestors.slice(-1)[0] || storyId} [${cursor}] ${method}`, { path = [], intercept = !1, retain = !1 } = options, interceptable = typeof intercept == "function" ? intercept(method, path) : intercept, call = { id, cursor, storyId, ancestors, path, method, args, interceptable, retain }, result = (interceptable && !ancestors.length ? this.intercept : this.invoke).call(this, fn, object, call, options);
     return this.instrument(result, { ...options, mutate: !0, path: [{ __callId__: call.id }] });
@@ -2568,7 +2568,7 @@ var alreadyCompletedException = new Error(
 function instrument(obj, options = {}) {
   try {
     let forceInstrument = !1, skipInstrument = !1;
-    return global.window?.location?.search?.includes("instrument=true") ? forceInstrument = !0 : global.window?.location?.search?.includes("instrument=false") && (skipInstrument = !0), global.window?.parent === global.window && !forceInstrument || skipInstrument ? obj : (global.window && !global.window.__STORYBOOK_ADDON_INTERACTIONS_INSTRUMENTER__ && (global.window.__STORYBOOK_ADDON_INTERACTIONS_INSTRUMENTER__ = new Instrumenter()), (global.window?.__STORYBOOK_ADDON_INTERACTIONS_INSTRUMENTER__).instrument(obj, options));
+    return global.window?.location?.search?.includes("instrument=true") ? forceInstrument = !0 : global.window?.location?.search?.includes("instrument=false") && (skipInstrument = !0), global.window?.parent === global.window && !forceInstrument || skipInstrument ? obj : (global.window && !global.window.__FORKBOOK_ADDON_INTERACTIONS_INSTRUMENTER__ && (global.window.__FORKBOOK_ADDON_INTERACTIONS_INSTRUMENTER__ = new Instrumenter()), (global.window?.__FORKBOOK_ADDON_INTERACTIONS_INSTRUMENTER__).instrument(obj, options));
   } catch (e) {
     return once.warn(e), obj;
   }