@aussieljk/forkbook 0.0.1-4 → 0.0.1-5

package/LICENSE

@@ -0,0 +1,22 @@
+The MIT License (MIT)
+
+Copyright (c) 2026 Lucas Knight
+Copyright (c) 2024 Storybook
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in
+all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NON-INFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
+THE SOFTWARE.

package/README.md

@@ -1,21 +1,13 @@
-# Forkbook
+# 🪩 Forkbook
 
-[![npm](https://img.shields.io/npm/v/@aussieljk/forkbook?label=npm)](https://www.npmjs.com/package/@aussieljk/forkbook)
-[![Docs](https://img.shields.io/badge/docs-forkbook.ljk.dev-0F766E)](https://forkbook.ljk.dev)
+[![npm](https://img.shields.io/npm/v/@aussieljk/forkbook?style=flat-square&color=555&labelColor=333&label=npm)](https://www.npmjs.com/package/@aussieljk/forkbook)
+[![licence](https://img.shields.io/npm/l/@aussieljk/forkbook?style=flat-square&color=555&labelColor=333&label=licence)](https://www.npmjs.com/package/@aussieljk/forkbook)
 
-Forkbook is a small, fast fork of [Storybook](https://github.com/storybookjs/storybook). Use it to develop, document and test UI components in isolation.
+Forkbook is a small, fast workshop for UI components. Use it to develop, document and test components in isolation. It reads Storybook stories (CSF) and MDX docs.
 
-- npm: [`@aussieljk/forkbook`](https://www.npmjs.com/package/@aussieljk/forkbook)
-- Docs: [forkbook.ljk.dev](https://forkbook.ljk.dev)
-
-## What is different
-
-- It is one package. The renderer, the frameworks, the Vite builder, the addons and the CLI are subpaths of `@aussieljk/forkbook`.
-- It supports only React with Vite and Next.js with Vite.
-- The CLI is `forkbook`, and the config folder is `.forkbook`.
-- It sends no telemetry, unless you set an OpenTelemetry endpoint.
+It supports React with Vite, Next.js with Vite, and React Native (iOS, Expo).
 
-## Start
+## Install
 
 ```sh
 bun add -d @aussieljk/forkbook
@@ -23,56 +15,46 @@ bunx forkbook init
 bunx forkbook dev
 ```
 
-`.forkbook/main.ts`:
-
 ```ts
-import type { StorybookConfig } from '@aussieljk/forkbook/react-vite';
+import type { Meta, StoryObj } from '@aussieljk/forkbook/react-vite';
+```
 
-const config: StorybookConfig = {
-  stories: ['../src/**/*.stories.tsx'],
-  framework: '@aussieljk/forkbook/react-vite',
-  addons: ['@aussieljk/forkbook/addon-docs', '@aussieljk/forkbook/addon-a11y'],
-};
+## Quick start
 
-export default config;
-```
+- React with Vite: [forkbook.ljk.dev/docs/get-started/frameworks/react-vite](https://forkbook.ljk.dev/docs/get-started/frameworks/react-vite)
+- Next.js with Vite: [forkbook.ljk.dev/docs/get-started/frameworks/nextjs-vite](https://forkbook.ljk.dev/docs/get-started/frameworks/nextjs-vite)
+- React Native (iOS): [forkbook.ljk.dev/docs/get-started/frameworks/react-native](https://forkbook.ljk.dev/docs/get-started/frameworks/react-native)
 
-## Subpaths
+## Forkbook and Storybook
 
-| Subpath | Use |
-|---|---|
-| `@aussieljk/forkbook/react-vite` | React with Vite (framework) |
-| `@aussieljk/forkbook/nextjs-vite` | Next.js with Vite (framework) |
-| `@aussieljk/forkbook/react` | React renderer and types |
-| `@aussieljk/forkbook/addon-docs` | Docs pages and MDX |
-| `@aussieljk/forkbook/addon-a11y` | Accessibility checks |
-| `@aussieljk/forkbook/addon-vitest` | Run stories as Vitest tests |
-| `@aussieljk/forkbook/addon-themes` | Theme switcher |
-| `@aussieljk/forkbook/addon-links` | Links between stories |
-| `@aussieljk/forkbook/addon-pseudo-states` | Hover, focus and active states |
-| `@aussieljk/forkbook/addon-mcp` | MCP server for agents |
-| `@aussieljk/forkbook/test` | `fn`, `expect` and `userEvent` |
+| | Forkbook | Storybook 10.6 |
+|---|---|---|
+| Packages | One: `@aussieljk/forkbook` | One for the core, plus one for each framework, renderer and addon |
+| Frameworks | React (Vite), Next.js (Vite), React Native (iOS) | React, Vue, Angular, Svelte, Preact, Web Components and more |
+| Bundler | Vite 8 only | Vite and webpack |
+| UI styles | CSS variables and CSS modules | Emotion |
+| Syntax highlight | sugar-high | react-syntax-highlighter (Prism) |
+| Component docs | tsgo (TypeScript native) | react-docgen |
+| Source formatter | oxfmt | Prettier |
+| File watcher | @parcel/watcher | watchpack |
+| React Native UI | Expo UI (SwiftUI sheets, slider, date picker) and SF Symbols | @gorhom/bottom-sheet, react-native-svg, community slider and date picker |
+| Unpacked size (web and React Native packages) | 25.8 MB | 28.9 MB (`storybook`, `@storybook/react-vite`, `react`, `builder-vite`, `react-dom-shim`, `addon-docs`, `addon-a11y`, `addon-vitest`, `nextjs-vite` and the six React Native packages) |
+| Telemetry | Off | On (you can turn it off) |
 
-## Telemetry with OpenTelemetry (for example SigNoz)
+## Moving from Storybook
 
-Forkbook sends nothing by default. To send data to your own OpenTelemetry backend:
+Replace the packages with `@aussieljk/forkbook` and change the imports. See [forkbook.ljk.dev/docs/migrate/from-storybook](https://forkbook.ljk.dev/docs/migrate/from-storybook).
 
-```sh
-bun add -d @opentelemetry/api @opentelemetry/context-async-hooks @opentelemetry/sdk-trace-base \
-  @opentelemetry/sdk-logs @opentelemetry/exporter-trace-otlp-http \
-  @opentelemetry/exporter-logs-otlp-http @opentelemetry/resources
-OTEL_EXPORTER_OTLP_ENDPOINT=https://signoz.example.com bunx forkbook dev
-```
+## Notes
 
-- Traces: one span for each command (`forkbook dev`, `forkbook build`, `forkbook init`), with child spans for the story index, the manager start and the preview start.
-- Logs: one record for each Forkbook event (`forkbook.dev`, `forkbook.build`, `forkbook.save-story`, and more). The data is anonymous and has no file paths.
-- The standard variables apply: `OTEL_SERVICE_NAME` (default `forkbook`), `OTEL_EXPORTER_OTLP_HEADERS` (for example an ingestion key).
-- `core.disableTelemetry: true` in `main.ts` stops the event logs.
+- Telemetry: Forkbook sends nothing. To send traces and logs to your own OpenTelemetry server, set `OTEL_EXPORTER_OTLP_ENDPOINT` ([telemetry](https://forkbook.ljk.dev/docs/configure/telemetry)).
 
-## Develop
+## Links
 
-See [CLAUDE.md](./CLAUDE.md) for the commands. `bun run verify` builds, type-checks and tests the repo.
+- Docs: [forkbook.ljk.dev](https://forkbook.ljk.dev)
+- Docs for agents: [forkbook.ljk.dev/llms.txt](https://forkbook.ljk.dev/llms.txt) (add `.md` to any docs page URL for markdown)
+- Source: [github.com/aussieljk/forkbook](https://github.com/aussieljk/forkbook). To work on it, see [CLAUDE.md](https://github.com/aussieljk/forkbook/blob/master/CLAUDE.md). `bun run verify` builds, type-checks and tests the repo.
 
 ## Licence
 
-MIT. Forkbook is a fork of Storybook. See [LICENSE](./LICENSE).
+MIT.

package/dist/_browser-chunks/{Color-KRDPNBZS.js → Color-GTF4GM7L.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 "@phosphor-icons/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 = { swatches: "fb-jgXPQa-swatches", swatch: "fb-jgXPQa-swatch", input: "fb-jgXPQa-input", popoverTrigger: "fb-jgXPQa-popoverTrigger", wrapper: "fb-jgXPQa-wrapper", tooltipContent: "fb-jgXPQa-tooltipContent", cycleColorSpaceButton: "fb-jgXPQa-cycleColorSpaceButton" };
+var Color_default = { input: "fb-jgXPQa-input", wrapper: "fb-jgXPQa-wrapper", cycleColorSpaceButton: "fb-jgXPQa-cycleColorSpaceButton", swatches: "fb-jgXPQa-swatches", popoverTrigger: "fb-jgXPQa-popoverTrigger", tooltipContent: "fb-jgXPQa-tooltipContent", swatch: "fb-jgXPQa-swatch" };
 
 // src/addon-docs/blocks/controls/Color.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -1014,7 +1014,7 @@ var swatchStyle = (color) => ({ "--fb-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-523JD6VH.js → WithTooltip-V55S6YCY.js}

@@ -1429,7 +1429,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 = { target: "fb-QoytUq-target", wrapper: "fb-QoytUq-wrapper", arrow: "fb-QoytUq-arrow", targetSvg: "fb-QoytUq-targetSvg" };
+var WithTooltip_default = { targetSvg: "fb-QoytUq-targetSvg", wrapper: "fb-QoytUq-wrapper", target: "fb-QoytUq-target", arrow: "fb-QoytUq-arrow" };
 
 // src/components/components/tooltip/WithTooltip.tsx
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";

package/dist/_browser-chunks/{chunk-BZGX2THJ.js → chunk-HOSBMS2F.js}

@@ -7,7 +7,7 @@ import {
 
 // src/addon-docs/blocks/components/SnippetWarning.tsx
 import { Button } from "@aussieljk/forkbook/internal/components";
-import { AlertIcon } from "@storybook/icons";
+import { WarningIcon } from "@phosphor-icons/react";
 
 // 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";
@@ -28,7 +28,7 @@ var SNIPPET_WARNING_LABEL = "Incomplete code snippet", SnippetWarning = ({ warni
     variant: "ghost",
     size: "small",
     padding: "small",
-    children: jsx(AlertIcon, {})
+    children: jsx(WarningIcon, {})
   }
 ) : null;
 
@@ -42,7 +42,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-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 = { snippetWarning: "fb-I61SDG-snippetWarning", sourceWrapper: "fb-I61SDG-sourceWrapper", skeletonWrapper: "fb-I61SDG-skeletonWrapper", skeletonPlaceholder: "fb-I61SDG-skeletonPlaceholder", syntaxHighlighter: "fb-I61SDG-syntaxHighlighter", prismjs: "fb-I61SDG-prismjs", glow: "fb-I61SDG-glow" };
+var Source_default = { skeletonPlaceholder: "fb-I61SDG-skeletonPlaceholder", snippetWarning: "fb-I61SDG-snippetWarning", sourceWrapper: "fb-I61SDG-sourceWrapper", skeletonWrapper: "fb-I61SDG-skeletonWrapper", prismjs: "fb-I61SDG-prismjs", glow: "fb-I61SDG-glow", syntaxHighlighter: "fb-I61SDG-syntaxHighlighter" };
 
 // src/addon-docs/blocks/components/Source.tsx
 import { jsx as jsx2, jsxs } from "react/jsx-runtime";

package/dist/_browser-chunks/{chunk-LXQPPHMD.js → chunk-MJY6ITYT.js}

@@ -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 = { label: "fb-OmlZtW-label", wrapper: "fb-OmlZtW-wrapper", text: "fb-OmlZtW-text" };
+var Options_default = { wrapper: "fb-OmlZtW-wrapper", label: "fb-OmlZtW-label", text: "fb-OmlZtW-text" };
 
 // 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 { ChevronSmallDownIcon } from "@storybook/icons";
+import { CaretDownIcon } from "@phosphor-icons/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(ChevronSmallDownIcon, {}),
+    jsx6(CaretDownIcon, {}),
     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 { AddIcon, EditIcon, SubtractIcon } from "@storybook/icons";
+import { MinusIcon, PencilSimpleIcon, PlusIcon } from "@phosphor-icons/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 = { trigger: "fb-dnyE6G-trigger", container: "fb-dnyE6G-container", region: "fb-dnyE6G-region" };
 
 // 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 = { rawButton: "fb-_OaGtq-rawButton", buttonInline: "fb-_OaGtq-buttonInline", input: "fb-_OaGtq-input", rawInput: "fb-_OaGtq-rawInput", actionButton: "fb-_OaGtq-actionButton", wrapper: "fb-_OaGtq-wrapper" };
+var Object_default = { buttonInline: "fb-_OaGtq-buttonInline", actionButton: "fb-_OaGtq-actionButton", wrapper: "fb-_OaGtq-wrapper", input: "fb-_OaGtq-input", rawButton: "fb-_OaGtq-rawButton", 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(EditIcon, {})
+        children: jsx11(PencilSimpleIcon, {})
       }
     ),
     showRaw ? rawJSONForm : jsx11(
@@ -1748,8 +1748,8 @@ var { window: globalWindow } = globalThis, ActionButton = ({ className, ...props
         onFullyUpdate: onChange,
         cancelButtonElement: jsx11("button", { className: Object_default.buttonInline, type: "button", children: "Cancel" }),
         addButtonElement: jsx11("button", { className: Object_default.buttonInline, type: "submit", "data-primary": !0, children: "Save" }),
-        plusMenuElement: jsx11(ActionButton, { type: "button", children: jsx11(AddIcon, {}) }),
-        minusMenuElement: jsx11(ActionButton, { type: "button", children: jsx11(SubtractIcon, {}) }),
+        plusMenuElement: jsx11(ActionButton, { type: "button", children: jsx11(PlusIcon, {}) }),
+        minusMenuElement: jsx11(ActionButton, { type: "button", children: jsx11(MinusIcon, {}) }),
         inputElement: (_2, __, ___, key) => key ? jsx11("input", { className: Object_default.input, onFocus: selectValue, onBlur: dispatchEnterKey }) : jsx11("input", { className: Object_default.input }),
         fallback: rawJSONForm
       }
@@ -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 = { wrapper: "fb-t_VwFG-wrapper", currentAndMax: "fb-t_VwFG-currentAndMax", label: "fb-t_VwFG-label", input: "fb-t_VwFG-input" };
+var Range_default = { input: "fb-t_VwFG-input", currentAndMax: "fb-t_VwFG-currentAndMax", label: "fb-t_VwFG-label", wrapper: "fb-t_VwFG-wrapper" };
 
 // 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-KRDPNBZS.js")), ColorControl = (props) => jsx15(Suspense, { fallback: jsx15("div", {}), children: jsx15(LazyColorControl, { ...props }) });
+var LazyColorControl = lazy(() => import("./Color-GTF4GM7L.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 { DocumentIcon as DocumentIcon2, UndoIcon } from "@storybook/icons";
+import { ArrowCounterClockwiseIcon, FileTextIcon as FileTextIcon2 } from "@phosphor-icons/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 { ChevronSmallDownIcon as ChevronSmallDownIcon2, ChevronSmallUpIcon } from "@storybook/icons";
+import { CaretDownIcon as CaretDownIcon2, CaretUpIcon } from "@phosphor-icons/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 = { text: "fb-MP4rPa-text", detailsContainer: "fb-MP4rPa-detailsContainer", summary: "fb-MP4rPa-summary", detail: "fb-MP4rPa-detail", expandButton: "fb-MP4rPa-expandButton", alignedDetails: "fb-MP4rPa-alignedDetails", expandable: "fb-MP4rPa-expandable", chevron: "fb-MP4rPa-chevron" };
+var ArgValue_default = { expandable: "fb-MP4rPa-expandable", detail: "fb-MP4rPa-detail", expandButton: "fb-MP4rPa-expandButton", chevron: "fb-MP4rPa-chevron", detailsContainer: "fb-MP4rPa-detailsContainer", summary: "fb-MP4rPa-summary", text: "fb-MP4rPa-text", alignedDetails: "fb-MP4rPa-alignedDetails" };
 
 // 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(ChevronSmallUpIcon, { className: ArgValue_default.chevron }) : jsx18(ChevronSmallDownIcon2, { className: ArgValue_default.chevron })
+        isOpen ? jsx18(CaretUpIcon, { className: ArgValue_default.chevron }) : jsx18(CaretDownIcon2, { 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 = { nameCell: "fb-oKJ3yG-nameCell", type: "fb-oKJ3yG-type", required: "fb-oKJ3yG-required", typeWithJsDoc: "fb-oKJ3yG-typeWithJsDoc", name: "fb-oKJ3yG-name", description: "fb-oKJ3yG-description", row: "fb-oKJ3yG-row" };
+var ArgRow_default = { description: "fb-oKJ3yG-description", typeWithJsDoc: "fb-oKJ3yG-typeWithJsDoc", nameCell: "fb-oKJ3yG-nameCell", name: "fb-oKJ3yG-name", type: "fb-oKJ3yG-type", required: "fb-oKJ3yG-required", row: "fb-oKJ3yG-row" };
 
 // 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 { DocumentIcon } from "@storybook/icons";
+import { FileTextIcon } from "@phosphor-icons/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 = { links: "fb-NF550q-links", wrapper: "fb-NF550q-wrapper" };
+var Empty_default = { wrapper: "fb-NF550q-wrapper", links: "fb-NF550q-links" };
 
 // src/addon-docs/blocks/components/ArgsTable/Empty.tsx
 import { Fragment as Fragment10, jsx as jsx20, jsxs as jsxs16 } from "react/jsx-runtime";
@@ -2583,7 +2583,7 @@ var Empty = ({ inAddonPanel }) => {
           target: "_blank",
           withArrow: !0,
           children: [
-            jsx20(DocumentIcon, {}),
+            jsx20(FileTextIcon, {}),
             " Read docs"
           ]
         }
@@ -2594,7 +2594,7 @@ var Empty = ({ inAddonPanel }) => {
 
 // src/addon-docs/blocks/components/ArgsTable/SectionRow.tsx
 import { useState as useState9 } from "react";
-import { ChevronDownIcon, ChevronRightIcon } from "@storybook/icons";
+import { CaretDownIcon as CaretDownIcon3, CaretRightIcon } from "@phosphor-icons/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 = { flexWrapper: "fb-IPbRpq-flexWrapper", expanderIcon: "fb-IPbRpq-expanderIcon", cell: "fb-IPbRpq-cell", section: "fb-IPbRpq-section", subsection: "fb-IPbRpq-subsection", row: "fb-IPbRpq-row", clickIntercept: "fb-IPbRpq-clickIntercept" };
+var SectionRow_default = { subsection: "fb-IPbRpq-subsection", clickIntercept: "fb-IPbRpq-clickIntercept", row: "fb-IPbRpq-row", section: "fb-IPbRpq-section", expanderIcon: "fb-IPbRpq-expanderIcon", cell: "fb-IPbRpq-cell", flexWrapper: "fb-IPbRpq-flexWrapper" };
 
 // 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(ChevronDownIcon, { className: SectionRow_default.expanderIcon }) : jsx21(ChevronRightIcon, { className: SectionRow_default.expanderIcon }),
+          expanded ? jsx21(CaretDownIcon3, { className: SectionRow_default.expanderIcon }) : jsx21(CaretRightIcon, { 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", column: "fb-j2xz2a-column", tableWrapper: "fb-j2xz2a-tableWrapper", skeletonText: "fb-j2xz2a-skeletonText", row: "fb-j2xz2a-row" };
+var Skeleton_default = { column: "fb-j2xz2a-column", row: "fb-j2xz2a-row", glow: "fb-j2xz2a-glow", tableWrapper: "fb-j2xz2a-tableWrapper", 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 = { buttonPositionWrapper: "fb-sQsT7G-buttonPositionWrapper", tableWrapper: "fb-sQsT7G-tableWrapper", tablePositionWrapper: "fb-sQsT7G-tablePositionWrapper", resetButton: "fb-sQsT7G-resetButton" };
 
 // src/addon-docs/blocks/components/ArgsTable/ArgsTable.tsx
 import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";
@@ -2799,7 +2799,7 @@ var sortFns = {
       error,
       "\xA0",
       jsxs19(Link3, { href: "https://forkbook.ljk.dev/docs", target: "_blank", withArrow: !0, children: [
-        jsx23(DocumentIcon2, {}),
+        jsx23(FileTextIcon2, {}),
         " Read the docs"
       ] })
     ] });
@@ -2836,7 +2836,7 @@ var sortFns = {
         disabled: isResetting,
         ariaLabel: isResetting ? "Resetting controls..." : "Reset controls",
         lang: "en",
-        children: jsx23(UndoIcon, {})
+        children: jsx23(ArrowCounterClockwiseIcon, {})
       }
     ) }),
     jsxs19(

package/dist/_node-chunks/{attached-runtime-CYMSKF3A.js → attached-runtime-IOE3BXIY.js}

@@ -1,10 +1,10 @@
-import CJS_COMPAT_NODE_URL_ubhjlnocuxr from 'node:url';
-import CJS_COMPAT_NODE_PATH_ubhjlnocuxr from 'node:path';
-import CJS_COMPAT_NODE_MODULE_ubhjlnocuxr from "node:module";
+import CJS_COMPAT_NODE_URL_1qqypd7gt14 from 'node:url';
+import CJS_COMPAT_NODE_PATH_1qqypd7gt14 from 'node:path';
+import CJS_COMPAT_NODE_MODULE_1qqypd7gt14 from "node:module";
 
-var __filename = CJS_COMPAT_NODE_URL_ubhjlnocuxr.fileURLToPath(import.meta.url);
-var __dirname = CJS_COMPAT_NODE_PATH_ubhjlnocuxr.dirname(__filename);
-var require = CJS_COMPAT_NODE_MODULE_ubhjlnocuxr.createRequire(import.meta.url);
+var __filename = CJS_COMPAT_NODE_URL_1qqypd7gt14.fileURLToPath(import.meta.url);
+var __dirname = CJS_COMPAT_NODE_PATH_1qqypd7gt14.dirname(__filename);
+var require = CJS_COMPAT_NODE_MODULE_1qqypd7gt14.createRequire(import.meta.url);
 
 // ------------------------------------------------------------
 // end of CJS compatibility banner, injected by Forkbook's esbuild configuration
@@ -12,10 +12,10 @@ var require = CJS_COMPAT_NODE_MODULE_ubhjlnocuxr.createRequire(import.meta.url);
 import {
   readRegistry,
   selectInstances
-} from "./chunk-5TPSYG4L.js";
+} from "./chunk-YLKS7U3M.js";
 import {
   resolveStorybookConfigDir
-} from "./chunk-CGWACHNW.js";
+} from "./chunk-4WO3GNZQ.js";
 import {
   formatConnectionFailed,
   formatInstallationMismatch,
@@ -23,48 +23,48 @@ import {
   formatOldServer,
   formatPortMismatch,
   formatUnknownInstallation
-} from "./chunk-HP5UY6OY.js";
+} from "./chunk-OSJFTZ5N.js";
 import {
   AttachUnavailableError,
   EnvironmentMismatchError,
   ToolsRuntimeError,
   projectPathsEqual
-} from "./chunk-A2UMIN5B.js";
+} from "./chunk-T2I453AJ.js";
 import {
   SERVER_CHANNEL_PATH,
   WebsocketTransport
-} from "./chunk-ILFIERUB.js";
-import "./chunk-RNF3Z4ZJ.js";
+} from "./chunk-3DX6THMV.js";
+import "./chunk-6QQTZT3Z.js";
 import {
   detectAgent
-} from "./chunk-PDCSUZ4L.js";
-import "./chunk-X3E55W5S.js";
+} from "./chunk-ZZNBVMBU.js";
+import "./chunk-KQFHT7SW.js";
 import {
   UniversalStore
-} from "./chunk-KXDJ77EW.js";
+} from "./chunk-WMQ2VCTF.js";
 import {
   getRegisteredToolsets
-} from "./chunk-MOITZTEA.js";
-import "./chunk-UXW4I2CN.js";
-import "./chunk-2NWHHNNI.js";
+} from "./chunk-V45RRBTK.js";
+import "./chunk-WHDCECIV.js";
+import "./chunk-MCZZMBPA.js";
 import {
   Channel,
   getChannel,
   setChannel,
   setDelegatedMode
-} from "./chunk-NHIRHARE.js";
-import "./chunk-OIIORQX5.js";
-import "./chunk-FAZ3MUOI.js";
-import "./chunk-MRZD5SBV.js";
-import "./chunk-UMZSNFWM.js";
-import "./chunk-TLVEPWBN.js";
-import "./chunk-M2UZP5GC.js";
-import "./chunk-FJDJE7XC.js";
+} from "./chunk-J64XMUPF.js";
+import "./chunk-VBSVLIXU.js";
+import "./chunk-N4FLP7AO.js";
+import "./chunk-MHDKWHOA.js";
+import "./chunk-SDXU22OH.js";
+import "./chunk-YTBTCM22.js";
+import "./chunk-2GY2FKLH.js";
+import "./chunk-CGXW2HFE.js";
 import {
   StorybookDevServerDisconnectedError
-} from "./chunk-BOUA7OB7.js";
-import "./chunk-ESZVID7Q.js";
-import "./chunk-WS367FSJ.js";
+} from "./chunk-F4Q7OCCN.js";
+import "./chunk-5KAJVK4E.js";
+import "./chunk-TZ2TZW2K.js";
 
 // src/cli/tools/sdk/attached-runtime.ts
 import { resolve } from "node:path";