@aussieljk/forkbook 0.0.1-4 → 0.0.1-6

package/dist/_browser-chunks/{chunk-LXQPPHMD.js → chunk-6IKB2UHQ.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 = { text: "fb-OmlZtW-text", wrapper: "fb-OmlZtW-wrapper", label: "fb-OmlZtW-label" };
 
 // 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";
@@ -397,7 +397,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id5}"
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id5), style.textContent = ".fb-2JMgSq-select{appearance:none;font-size:inherit;box-sizing:border-box;width:100%;color:var(--fb-input-color,inherit);background:var(--fb-input-background);border-radius:var(--fb-input-border-radius);box-shadow:var(--fb-input-border) 0 0 0 1px inset;font-size:calc(var(--fb-size-s2) - 1px);border:0;margin:0;padding:6px 10px;line-height:20px;display:block;position:relative;&:focus{box-shadow:var(--fb-color-secondary) 0 0 0 1px inset;outline:none}&[disabled]{cursor:not-allowed;opacity:.5}&::placeholder{color:var(--fb-text-muted-color)}&[multiple]{padding:0;overflow:auto;& option{margin-left:1px;margin-right:1px;padding:6px 10px;display:block;&:hover{background:var(--fb-background-hoverable)}&:checked{color:var(--fb-color-secondary);font-weight:var(--fb-weight-bold);background:0 0}}}}.fb-2JMgSq-wrapper{vertical-align:top;width:100%;line-height:normal;display:inline-block;position:relative;overflow:hidden;& svg{z-index:1;pointer-events:none;height:12px;fill:var(--fb-text-muted-color);margin-top:-6px;position:absolute;top:50%;right:12px;& path{fill:var(--fb-text-muted-color)}}}", document.head.appendChild(style);
 }
-var Select_default = { select: "fb-2JMgSq-select", wrapper: "fb-2JMgSq-wrapper" };
+var Select_default = { wrapper: "fb-2JMgSq-wrapper", select: "fb-2JMgSq-select" };
 
 // src/addon-docs/blocks/controls/options/Select.tsx
 import { Fragment as Fragment3, jsx as jsx6, jsxs as jsxs5 } from "react/jsx-runtime";
@@ -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 = { region: "fb-dnyE6G-region", trigger: "fb-dnyE6G-trigger", container: "fb-dnyE6G-container" };
 
 // 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 = { rawInput: "fb-_OaGtq-rawInput", wrapper: "fb-_OaGtq-wrapper", input: "fb-_OaGtq-input", actionButton: "fb-_OaGtq-actionButton", rawButton: "fb-_OaGtq-rawButton", buttonInline: "fb-_OaGtq-buttonInline" };
 
 // 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-2BMQTRYG.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 = { detail: "fb-MP4rPa-detail", chevron: "fb-MP4rPa-chevron", expandButton: "fb-MP4rPa-expandButton", expandable: "fb-MP4rPa-expandable", summary: "fb-MP4rPa-summary", alignedDetails: "fb-MP4rPa-alignedDetails", detailsContainer: "fb-MP4rPa-detailsContainer", text: "fb-MP4rPa-text" };
 
 // 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 = { row: "fb-oKJ3yG-row", description: "fb-oKJ3yG-description", type: "fb-oKJ3yG-type", typeWithJsDoc: "fb-oKJ3yG-typeWithJsDoc", required: "fb-oKJ3yG-required", name: "fb-oKJ3yG-name", nameCell: "fb-oKJ3yG-nameCell" };
 
 // 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 = { flexWrapper: "fb-IPbRpq-flexWrapper", section: "fb-IPbRpq-section", clickIntercept: "fb-IPbRpq-clickIntercept", expanderIcon: "fb-IPbRpq-expanderIcon", cell: "fb-IPbRpq-cell", subsection: "fb-IPbRpq-subsection", row: "fb-IPbRpq-row" };
 
 // 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
         ] })
       ] }),
@@ -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 = { tableWrapper: "fb-sQsT7G-tableWrapper", tablePositionWrapper: "fb-sQsT7G-tablePositionWrapper", resetButton: "fb-sQsT7G-resetButton", buttonPositionWrapper: "fb-sQsT7G-buttonPositionWrapper" };
 
 // 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(