@aussieljk/forkbook 0.0.0-stage → 0.0.1-2

package/dist/addon-docs/blocks.js

@@ -0,0 +1,2461 @@
+import {
+  SnippetWarning,
+  Source
+} from "../_browser-chunks/chunk-KQ7CRO2B.js";
+import {
+  ArgsTable,
+  BooleanControl,
+  ColorControl,
+  DateControl,
+  FilesControl,
+  NumberControl,
+  ObjectControl,
+  OptionsControl,
+  RangeControl,
+  TextControl,
+  format,
+  formatDate,
+  formatTime,
+  index_modern_default,
+  normalizeOptions,
+  parse,
+  parseDate,
+  parseTime
+} from "../_browser-chunks/chunk-JYVGARBG.js";
+import "../_browser-chunks/chunk-PJSMZ27A.js";
+import "../_browser-chunks/chunk-PFRNG3UC.js";
+import {
+  clsx
+} from "../_browser-chunks/chunk-CNED6RYH.js";
+import {
+  stringify
+} from "../_browser-chunks/chunk-WGVAAM43.js";
+import "../_browser-chunks/chunk-4ATQOMJB.js";
+import "../_browser-chunks/chunk-2JDQ35OA.js";
+import "../_browser-chunks/chunk-IE4ULIOQ.js";
+import "../_browser-chunks/chunk-JWSKPMPC.js";
+import "../_browser-chunks/chunk-JPUOQJUI.js";
+import "../_browser-chunks/chunk-IMSF75WX.js";
+
+// src/addon-docs/blocks/components/DocsPage.tsx
+import { withReset as withReset2 } from "@aussieljk/forkbook/internal/components";
+
+// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-docs/blocks/components/DocsPage.module.css
+var id = "core/src/addon-docs/blocks/components/DocsPage.module.css";
+if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id}"]`)) {
+  let style = document.createElement("style");
+  style.setAttribute("data-sb-css", id), style.textContent = ".sb-JTDUUW-subtitle{font-weight:var(--sb-weight-regular);font-size:var(--sb-size-s3);color:rgb(from var(--sb-color-default-text) r g b / calc(alpha - .25));border-bottom:none;margin-bottom:15px;line-height:20px;@media (width>=600px){font-size:var(--sb-size-m1);margin-bottom:24px;line-height:28px}}.sb-JTDUUW-docsWrapper{background:var(--sb-background-content);box-sizing:border-box;flex-direction:row-reverse;justify-content:center;gap:3rem;min-height:100vh;padding:4rem 40px;display:flex}.sb-JTDUUW-docsContent{--docs-code-border:var(--sb-color-mediumlight);--docs-code-color:rgb(from var(--sb-color-default-text) r g b / calc(alpha - .1));--docs-code-background:var(--sb-color-lighter);--docs-even-row-background:var(--sb-color-lighter);flex:1;width:100%;min-width:0;max-width:1000px;& :where(a:not(.sb-anchor,.sb-unstyled,.sb-unstyled a)),& :where(blockquote:not(.sb-anchor,.sb-unstyled,.sb-unstyled blockquote)),& :where(div:not(.sb-anchor,.sb-unstyled,.sb-unstyled div)),& :where(dl:not(.sb-anchor,.sb-unstyled,.sb-unstyled dl)),& :where(h1:not(.sb-anchor,.sb-unstyled,.sb-unstyled h1)),& :where(h2:not(.sb-anchor,.sb-unstyled,.sb-unstyled h2)),& :where(h3:not(.sb-anchor,.sb-unstyled,.sb-unstyled h3)),& :where(h4:not(.sb-anchor,.sb-unstyled,.sb-unstyled h4)),& :where(h5:not(.sb-anchor,.sb-unstyled,.sb-unstyled h5)),& :where(h6:not(.sb-anchor,.sb-unstyled,.sb-unstyled h6)),& :where(li:not(.sb-anchor,.sb-unstyled,.sb-unstyled li)),& :where(ol:not(.sb-anchor,.sb-unstyled,.sb-unstyled ol)),& :where(p:not(.sb-anchor,.sb-unstyled,.sb-unstyled p)),& :where(pre:not(.sb-anchor,.sb-unstyled,.sb-unstyled pre)),& :where(span:not(.sb-anchor,.sb-unstyled,.sb-unstyled span)),& :where(table:not(.sb-anchor,.sb-unstyled,.sb-unstyled table)),& :where(ul:not(.sb-anchor,.sb-unstyled,.sb-unstyled ul)){font-family:var(--sb-font-base);font-size:var(--sb-size-s3);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:#0000;-webkit-overflow-scrolling:touch;margin:0}& :where(h1:not(.sb-anchor,.sb-unstyled,.sb-unstyled h1)),& :where(h2:not(.sb-anchor,.sb-unstyled,.sb-unstyled h2)),& :where(h3:not(.sb-anchor,.sb-unstyled,.sb-unstyled h3)),& :where(h4:not(.sb-anchor,.sb-unstyled,.sb-unstyled h4)),& :where(h5:not(.sb-anchor,.sb-unstyled,.sb-unstyled h5)),& :where(h6:not(.sb-anchor,.sb-unstyled,.sb-unstyled h6)){cursor:text;color:var(--sb-color-default-text);margin:20px 0 8px;padding:0;position:relative;&:first-of-type{margin-top:0;padding-top:0}&:hover a.anchor{text-decoration:none}& code{font-size:inherit}}& :where(li:not(.sb-anchor,.sb-unstyled,.sb-unstyled li)) code,& :where(p:not(.sb-anchor,.sb-unstyled,.sb-unstyled p)) code{white-space:nowrap;line-height:1;font-size:calc(var(--sb-size-s2) - 1px);border:1px solid var(--docs-code-border);color:var(--docs-code-color);background-color:var(--docs-code-background);border-radius:3px;margin:0 2px;padding:3px 5px}& :where(a:not(.sb-anchor,.sb-unstyled,.sb-unstyled a)){font-size:inherit;color:var(--sb-color-secondary);text-underline-offset:.11em;line-height:24px;text-decoration:underline .03125rem;&.absent{color:#c00}&.anchor{cursor:pointer;margin-left:-30px;padding-left:30px;text-decoration:none;display:block;position:absolute;top:0;bottom:0;left:0}&.anchor:hover,&.anchor:focus{text-decoration:underline}}& :where(blockquote:not(.sb-anchor,.sb-unstyled,.sb-unstyled blockquote)){border-left:4px solid var(--sb-color-medium);color:var(--sb-color-dark);margin:16px 0;padding:0 15px;&>:first-of-type{margin-top:0}&>:last-child{margin-bottom:0}}& :where(dl:not(.sb-anchor,.sb-unstyled,.sb-unstyled dl)){margin:16px 0;padding:0;& dt{margin:16px 0 4px;padding:0;font-size:14px;font-style:italic;font-weight:700}& dt:first-of-type{padding:0}& dt>:first-of-type{margin-top:0}& dt>:last-child{margin-bottom:0}& dd{margin:0 0 16px;padding:0 15px}& dd>:first-of-type{margin-top:0}& dd>:last-child{margin-bottom:0}}& :where(h1:not(.sb-anchor,.sb-unstyled,.sb-unstyled h1)){font-size:var(--sb-size-l1);font-weight:var(--sb-weight-bold)}& :where(h2:not(.sb-anchor,.sb-unstyled,.sb-unstyled h2)){font-size:var(--sb-size-m2);border-bottom:1px solid var(--sb-app-border-color);padding-bottom:4px}& :where(h3:not(.sb-anchor,.sb-unstyled,.sb-unstyled h3)){font-size:var(--sb-size-m1);font-weight:var(--sb-weight-bold)}& :where(h4:not(.sb-anchor,.sb-unstyled,.sb-unstyled h4)){font-size:var(--sb-size-s3)}& :where(h5:not(.sb-anchor,.sb-unstyled,.sb-unstyled h5)){font-size:var(--sb-size-s2)}& :where(h6:not(.sb-anchor,.sb-unstyled,.sb-unstyled h6)){font-size:var(--sb-size-s2);color:var(--sb-color-dark)}& :where(hr:not(.sb-anchor,.sb-unstyled,.sb-unstyled hr)){border:0;border-top:1px solid var(--sb-app-border-color);height:4px;padding:0}& :where(img:not(.sb-anchor,.sb-unstyled,.sb-unstyled img)){max-width:100%}& :where(li:not(.sb-anchor,.sb-unstyled,.sb-unstyled li)){font-size:var(--sb-size-s2);color:var(--sb-color-default-text);line-height:24px;&+li{margin-top:.25em}& ul,& ol{margin-top:.25em;margin-bottom:0}}& :where(ol:not(.sb-anchor,.sb-unstyled,.sb-unstyled ol)),& :where(ul:not(.sb-anchor,.sb-unstyled,.sb-unstyled ul)){margin:16px 0;padding-left:30px;& :first-of-type{margin-top:0}& :last-child{margin-bottom:0}}& :where(ul:not(.sb-anchor,.sb-unstyled,.sb-unstyled ul)){list-style:outside}& :where(p:not(.sb-anchor,.sb-unstyled,.sb-unstyled p)){font-size:var(--sb-size-s2);color:var(--sb-color-default-text);margin:16px 0;line-height:24px}& :where(pre:not(.sb-anchor,.sb-unstyled,.sb-unstyled pre)){font-family:var(--sb-font-mono);white-space:pre-wrap;color:inherit;border-radius:3px;margin:1rem 0;padding:11px 1rem;line-height:18px;&:not(.prismjs){background:0 0;border:none;border-radius:0;margin:0;padding:0}& pre,&.prismjs{white-space:pre-wrap;color:inherit;margin:0;padding:15px;font-size:13px;line-height:19px;& code{color:inherit;font-size:inherit}}& code{white-space:pre}& code,& tt{border:none}}& :where(span:not(.sb-anchor,.sb-unstyled,.sb-unstyled span)){&.frame{display:block;overflow:hidden;&>span{border:1px solid var(--sb-color-medium);float:left;width:auto;margin:13px 0 0;padding:7px;display:block;overflow:hidden}& span img{float:left;display:block}& span span{clear:both;color:var(--sb-color-darkest);padding:5px 0 0;display:block}}&.align-center{clear:both;display:block;overflow:hidden;&>span{text-align:center;margin:13px auto 0;display:block;overflow:hidden}& span img{text-align:center;margin:0 auto}}&.align-right{clear:both;display:block;overflow:hidden;&>span{text-align:right;margin:13px 0 0;display:block;overflow:hidden}& span img{text-align:right;margin:0}}&.float-left{float:left;margin-right:13px;display:block;overflow:hidden;& span{margin:13px 0 0}}&.float-right{float:right;margin-left:13px;display:block;overflow:hidden;&>span{text-align:right;margin:13px auto 0;display:block;overflow:hidden}}}& :where(table:not(.sb-anchor,.sb-unstyled,.sb-unstyled table)){font-size:var(--sb-size-s2);border-collapse:collapse;margin:16px 0;padding:0;line-height:24px;& tr{border-top:1px solid var(--sb-app-border-color);margin:0;padding:0}& tr:nth-of-type(2n){background-color:var(--docs-even-row-background)}& tr th{color:var(--sb-color-default-text);border:1px solid var(--sb-app-border-color);margin:0;padding:6px 13px;font-weight:700}& tr td{border:1px solid var(--sb-app-border-color);color:var(--sb-color-default-text);margin:0;padding:6px 13px}& tr th :first-of-type,& tr td :first-of-type{margin-top:0}& tr th :last-child,& tr td :last-child{margin-bottom:0}}}:where([data-sb-theme=dark]) .sb-JTDUUW-docsContent{--docs-code-border:var(--sb-color-darker);--docs-code-color:rgb(from var(--sb-color-default-text) r g b / calc(alpha - .3));--docs-code-background:var(--sb-color-border);--docs-even-row-background:var(--sb-color-darker)}", document.head.appendChild(style);
+}
+var DocsPage_default = { docsWrapper: "sb-JTDUUW-docsWrapper", docsContent: "sb-JTDUUW-docsContent", subtitle: "sb-JTDUUW-subtitle" };
+
+// src/addon-docs/blocks/components/Title.tsx
+import { withReset } from "@aussieljk/forkbook/internal/components";
+
+// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-docs/blocks/components/Title.module.css
+var id2 = "core/src/addon-docs/blocks/components/Title.module.css";
+if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id2}"]`)) {
+  let style = document.createElement("style");
+  style.setAttribute("data-sb-css", id2), style.textContent = ".sb-sjHF1G-title{color:var(--sb-color-default-text);font-size:var(--sb-size-m3);font-weight:var(--sb-weight-bold);line-height:32px;@media (width>=600px){font-size:var(--sb-size-l1);margin-bottom:16px;line-height:36px}}", document.head.appendChild(style);
+}
+var Title_default = { title: "sb-sjHF1G-title" };
+
+// src/addon-docs/blocks/components/Title.tsx
+import { jsx } from "react/jsx-runtime";
+var Title = ({ className, ...props }) => jsx("h1", { className: clsx(withReset, Title_default.title, className), ...props });
+
+// src/addon-docs/blocks/components/DocsPage.tsx
+import { jsx as jsx2, jsxs } from "react/jsx-runtime";
+var Subtitle = ({ className, ...props }) => jsx2("h2", { className: clsx(withReset2, DocsPage_default.subtitle, className), ...props }), DocsContent = ({ className, ...props }) => jsx2("div", { className: clsx(DocsPage_default.docsContent, className), ...props }), DocsWrapper = ({ className, ...props }) => jsx2("div", { className: clsx(DocsPage_default.docsWrapper, className), ...props }), DocsPageWrapper = ({ children, toc, lang = "en" }) => jsxs(DocsWrapper, { className: "sbdocs sbdocs-wrapper", children: [
+  toc,
+  jsx2(DocsContent, { className: "sbdocs sbdocs-content", lang, children })
+] });
+
+// src/addon-docs/blocks/components/Preview.tsx
+import { Children, useCallback, useContext as useContext2, useId, useMemo, useState as useState3 } from "react";
+import { logger } from "@aussieljk/forkbook/internal/client-logger";
+import { Bar, Button as Button2, ToggleButton, Zoom } from "@aussieljk/forkbook/internal/components";
+import { CopyIcon, MarkupIcon } from "@storybook/icons";
+
+// src/addon-docs/blocks/blocks/DocsContext.ts
+import { createContext } from "react";
+globalThis && globalThis.__DOCS_CONTEXT__ === void 0 && (globalThis.__DOCS_CONTEXT__ = createContext(null), globalThis.__DOCS_CONTEXT__.displayName = "DocsContext");
+var DocsContext = globalThis ? globalThis.__DOCS_CONTEXT__ : createContext(null);
+
+// src/addon-docs/blocks/blocks/Story.tsx
+import { useContext } from "react";
+import { InvalidBlockOfPropError } from "@aussieljk/forkbook/internal/preview-errors";
+
+// src/addon-docs/blocks/blocks/useStory.ts
+import { useEffect, useState } from "react";
+function useStory(storyId, context) {
+  let stories = useStories([storyId], context);
+  return stories && stories[0];
+}
+function useStories(storyIds, context) {
+  let [storiesById, setStories] = useState({});
+  return useEffect(() => {
+    Promise.all(
+      storyIds.map(async (storyId) => {
+        let story = await context.loadStory(storyId);
+        setStories(
+          (current) => current[storyId] === story ? current : { ...current, [storyId]: story }
+        );
+      })
+    );
+  }), storyIds.map((storyId) => {
+    if (storiesById[storyId])
+      return storiesById[storyId];
+    try {
+      return context.storyById(storyId);
+    } catch {
+      return;
+    }
+  });
+}
+
+// src/addon-docs/blocks/blocks/with-mdx-component-override.tsx
+import React from "react";
+import { useMDXComponents } from "@mdx-js/react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var MDX_WRAPPED_BLOCK = /* @__PURE__ */ Symbol("mdxWrappedBlock"), MdxWrappedBlockContext = React.createContext(null), withMdxComponentOverride = (blockName, Block) => {
+  let WrappedBlock = (props) => {
+    let wrappedBlocks = React.useContext(MdxWrappedBlockContext), Override = useMDXComponents()[blockName];
+    if (wrappedBlocks?.has(blockName) || Override === WrappedBlock)
+      return jsx3(Block, { ...props });
+    if (Override) {
+      let nextWrappedBlocks = new Set(wrappedBlocks ?? []);
+      return nextWrappedBlocks.add(blockName), jsx3(MdxWrappedBlockContext.Provider, { value: nextWrappedBlocks, children: jsx3(Override, { ...props }) });
+    }
+    return jsx3(Block, { ...props });
+  };
+  return WrappedBlock.displayName = blockName, WrappedBlock[MDX_WRAPPED_BLOCK] = !0, WrappedBlock;
+};
+
+// src/addon-docs/blocks/blocks/Story.tsx
+import { jsx as jsx4 } from "react/jsx-runtime";
+var getStoryId = (props, context) => {
+  let { of, meta } = props;
+  if ("of" in props && of === void 0)
+    throw new InvalidBlockOfPropError();
+  return meta && context.referenceMeta(meta, !1), context.resolveOf(of || "story", ["story"]).story.id;
+}, getStoryProps = (props, story, context) => {
+  let { parameters = {} } = story || {}, { docs = {} } = parameters, storyParameters = docs.story || {};
+  if (docs.disable)
+    return null;
+  if (props.inline ?? storyParameters.inline ?? !1) {
+    let height2 = props.height ?? storyParameters.height, autoplay = props.autoplay ?? storyParameters.autoplay ?? !1;
+    return {
+      story,
+      inline: !0,
+      height: height2,
+      autoplay,
+      forceInitialArgs: !!props.__forceInitialArgs,
+      primary: !!props.__primary,
+      renderStoryToElement: context.renderStoryToElement
+    };
+  }
+  let height = props.height ?? storyParameters.height ?? storyParameters.iframeHeight ?? "100px";
+  return {
+    story,
+    inline: !1,
+    height,
+    primary: !!props.__primary
+  };
+}, StoryImpl = (props = { __forceInitialArgs: !1, __primary: !1 }) => {
+  let context = useContext(DocsContext), storyId = getStoryId(props, context), story = useStory(storyId, context);
+  if (!story)
+    return jsx4(StorySkeleton, {});
+  let storyProps = getStoryProps(props, story, context);
+  return storyProps ? jsx4(Story, { ...storyProps }) : null;
+}, Story2 = withMdxComponentOverride("Story", StoryImpl);
+
+// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-docs/blocks/components/BlockBackground.module.css
+var id3 = "core/src/addon-docs/blocks/components/BlockBackground.module.css";
+if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id3}"]`)) {
+  let style = document.createElement("style");
+  style.setAttribute("data-sb-css", id3), style.textContent = ".sb-x3oNsa-blockBackground{border-radius:var(--sb-app-border-radius);background:var(--sb-background-content);border:1px solid var(--sb-app-border-color);box-shadow:0 1px 3px #0000001a}:where([data-sb-theme=dark]) .sb-x3oNsa-blockBackground{box-shadow:0 2px 5px #0003}", document.head.appendChild(style);
+}
+var BlockBackground_default = { blockBackground: "sb-x3oNsa-blockBackground" };
+
+// src/addon-docs/blocks/components/BlockBackgroundStyles.tsx
+var blockBackground = BlockBackground_default.blockBackground;
+
+// src/addon-docs/blocks/components/Story.tsx
+import { useEffect as useEffect2, useRef, useState as useState2 } from "react";
+import { ErrorFormatter, Loader } from "@aussieljk/forkbook/internal/components";
+
+// src/addon-docs/blocks/getStoryHref.ts
+var getStoryHref = (storyId, additionalParams = {}) => {
+  let params = new URLSearchParams();
+  return Object.entries(additionalParams).forEach(([key, value]) => {
+    params.set(key, value);
+  }), params.set("id", storyId), `iframe.html?${params.toString()}`;
+};
+
+// src/addon-docs/blocks/components/IFrame.tsx
+import { Component } from "react";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var { window: globalWindow } = globalThis, IFrame = class extends Component {
+  constructor() {
+    super(...arguments);
+    this.iframe = null;
+  }
+  componentDidMount() {
+    let { id: id11 } = this.props;
+    this.iframe = globalWindow.document.getElementById(id11);
+  }
+  shouldComponentUpdate(nextProps) {
+    let { scale } = nextProps;
+    return scale !== this.props.scale && this.setIframeBodyStyle({
+      width: `${scale * 100}%`,
+      height: `${scale * 100}%`,
+      transform: `scale(${1 / scale})`,
+      transformOrigin: "top left"
+    }), !1;
+  }
+  setIframeBodyStyle(style) {
+    return Object.assign(this.iframe.contentDocument.body.style, style);
+  }
+  render() {
+    let { id: id11, title, src, allowFullScreen, scale, ...rest } = this.props;
+    return jsx5(
+      "iframe",
+      {
+        id: id11,
+        title,
+        src,
+        ...allowFullScreen ? { allow: "fullscreen" } : {},
+        loading: "lazy",
+        ...rest
+      }
+    );
+  }
+};
+
+// src/addon-docs/blocks/components/ZoomContext.tsx
+import { createContext as createContext2 } from "react";
+var ZoomContext = createContext2({
+  scale: 1
+});
+
+// src/addon-docs/blocks/components/Story.tsx
+import { Fragment, jsx as jsx6, jsxs as jsxs2 } from "react/jsx-runtime";
+var storyBlockIdFromId = ({ story, primary }) => `story--${story.id}${primary ? "--primary" : ""}`, InlineStory = (props) => {
+  let storyRef = useRef(), [showLoader, setShowLoader] = useState2(!0), [error, setError] = useState2(), { story, height, autoplay, forceInitialArgs, renderStoryToElement } = props;
+  return useEffect2(() => {
+    if (!(story && storyRef.current))
+      return () => {
+      };
+    let element = storyRef.current, cleanup = renderStoryToElement(
+      story,
+      element,
+      {
+        showMain: () => {
+        },
+        showError: ({ title, description }) => setError(new Error(`${title} - ${description}`)),
+        showException: (err) => setError(err)
+      },
+      { autoplay, forceInitialArgs }
+    );
+    return setShowLoader(!1), () => {
+      Promise.resolve().then(() => cleanup());
+    };
+  }, [autoplay, renderStoryToElement, story]), error ? jsx6("pre", { children: jsx6(ErrorFormatter, { error }) }) : jsxs2(Fragment, { children: [
+    height ? jsx6("style", { children: `#${storyBlockIdFromId(
+      props
+    )} { min-height: ${height}; transform: translateZ(0); overflow: auto }` }) : null,
+    showLoader && jsx6(StorySkeleton, {}),
+    jsx6(
+      "div",
+      {
+        ref: storyRef,
+        id: `${storyBlockIdFromId(props)}-inner`,
+        "data-name": story.name,
+        lang: story.parameters?.htmlLang || "en"
+      }
+    )
+  ] });
+}, IFrameStory = ({ story, height = "500px" }) => jsx6("div", { style: { width: "100%", height }, children: jsx6(ZoomContext.Consumer, { children: ({ scale }) => jsx6(
+  IFrame,
+  {
+    id: `iframe--${story.id}`,
+    title: story.name,
+    src: getStoryHref(story.id, { viewMode: "story" }),
+    allowFullScreen: !0,
+    scale,
+    style: {
+      width: "100%",
+      height: "100%",
+      border: "0 none"
+    }
+  },
+  "iframe"
+) }) }), Story = (props) => {
+  let { inline, story } = props;
+  return inline && !props.autoplay && story.usesMount ? jsxs2("strong", { style: { color: "var(--sb-color-orange)" }, children: [
+    "This story mounts inside of play. Set",
+    " ",
+    jsx6("a", { href: "https://storybook.js.org/docs/api/doc-blocks/doc-block-story?ref=ui#autoplay", children: "autoplay" }),
+    " ",
+    "to true to view this story."
+  ] }) : jsx6("div", { id: storyBlockIdFromId(props), className: "sb-story sb-unstyled", "data-story-block": "true", children: inline ? jsx6(InlineStory, { ...props }) : jsx6(IFrameStory, { ...props }) });
+}, StorySkeleton = () => jsx6(Loader, {});
+
+// src/addon-docs/blocks/components/Toolbar.tsx
+import { Button, Toolbar as SharedToolbar } from "@aussieljk/forkbook/internal/components";
+import { ShareAltIcon, SyncIcon, ZoomIcon, ZoomOutIcon, ZoomResetIcon } from "@storybook/icons";
+
+// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-docs/blocks/components/Toolbar.module.css
+var id4 = "core/src/addon-docs/blocks/components/Toolbar.module.css";
+if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id4}"]`)) {
+  let style = document.createElement("style");
+  style.setAttribute("data-sb-css", id4), style.textContent = ".sb-zhwxuG-absoluteBar{align-items:center;transition:transform .2s linear;display:flex;position:absolute;top:0;left:0;right:0}.sb-zhwxuG-wrapper{align-items:center;gap:4px;display:flex}.sb-zhwxuG-iconPlaceholder{background-color:var(--sb-app-border-color);border-radius:2px;width:14px;height:14px;margin:0 7px;animation:1.5s ease-in-out infinite sb-zhwxuG-glow}@keyframes sb-zhwxuG-glow{0%,to{opacity:1}50%{opacity:.4}}", document.head.appendChild(style);
+}
+var Toolbar_default = { wrapper: "sb-zhwxuG-wrapper", glow: "sb-zhwxuG-glow", absoluteBar: "sb-zhwxuG-absoluteBar", iconPlaceholder: "sb-zhwxuG-iconPlaceholder" };
+
+// src/addon-docs/blocks/components/Toolbar.tsx
+import { Fragment as Fragment2, jsx as jsx7, jsxs as jsxs3 } from "react/jsx-runtime";
+var TRAILING_INSET = 10, Toolbar = ({
+  isLoading,
+  storyId,
+  zoom,
+  resetZoom,
+  onReloadStory,
+  className,
+  ...rest
+}) => jsxs3(
+  SharedToolbar,
+  {
+    className: clsx(Toolbar_default.absoluteBar, className),
+    innerStyle: {
+      gap: 4,
+      paddingInline: 7,
+      paddingInlineEnd: TRAILING_INSET - 1,
+      justifyContent: "space-between"
+    },
+    lang: "en",
+    ...rest,
+    children: [
+      jsx7("div", { className: Toolbar_default.wrapper, children: isLoading ? [1, 2, 3].map((key) => jsx7("div", { className: Toolbar_default.iconPlaceholder }, key)) : jsxs3(Fragment2, { children: [
+        onReloadStory && jsx7(
+          Button,
+          {
+            padding: "small",
+            variant: "ghost",
+            onClick: onReloadStory,
+            ariaLabel: "Reload story",
+            children: jsx7(SyncIcon, {})
+          },
+          "reload"
+        ),
+        jsx7(
+          Button,
+          {
+            padding: "small",
+            variant: "ghost",
+            onClick: (e) => {
+              e.preventDefault(), zoom(0.8);
+            },
+            ariaLabel: "Zoom in",
+            children: jsx7(ZoomIcon, {})
+          },
+          "zoomin"
+        ),
+        jsx7(
+          Button,
+          {
+            padding: "small",
+            variant: "ghost",
+            onClick: (e) => {
+              e.preventDefault(), zoom(1.25);
+            },
+            ariaLabel: "Zoom out",
+            children: jsx7(ZoomOutIcon, {})
+          },
+          "zoomout"
+        ),
+        jsx7(
+          Button,
+          {
+            padding: "small",
+            variant: "ghost",
+            onClick: (e) => {
+              e.preventDefault(), resetZoom();
+            },
+            ariaLabel: "Reset zoom",
+            children: jsx7(ZoomResetIcon, {})
+          },
+          "zoomreset"
+        )
+      ] }) }, "left"),
+      isLoading ? jsx7("div", { className: Toolbar_default.wrapper, children: jsx7("div", { className: Toolbar_default.iconPlaceholder }) }, "right") : storyId && jsx7("div", { className: Toolbar_default.wrapper, children: jsx7(
+        Button,
+        {
+          asChild: !0,
+          padding: "small",
+          variant: "ghost",
+          ariaLabel: "Open canvas in new tab",
+          children: jsx7("a", { href: getStoryHref(storyId), target: "_blank", rel: "noopener noreferrer", children: jsx7(ShareAltIcon, {}) })
+        },
+        "opener"
+      ) }, "right")
+    ]
+  }
+);
+
+// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-docs/blocks/components/Preview.module.css
+var id5 = "core/src/addon-docs/blocks/components/Preview.module.css";
+if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id5}"]`)) {
+  let style = document.createElement("style");
+  style.setAttribute("data-sb-css", id5), style.textContent = ".sb-3lk6NG-childrenContainer{flex-flow:wrap;display:block;position:relative;overflow:auto;& .innerZoomElementWrapper>*{max-width:calc(100% - 20px);display:inline-block}}.sb-3lk6NG-childrenContainer:where([data-flex]){display:flex}.sb-3lk6NG-childrenContainer:where([data-column]){flex-direction:column;& .innerZoomElementWrapper>*{width:calc(100% - 20px);max-width:none;display:block}}.sb-3lk6NG-childrenContainer:where([data-layout=fullscreen]) .innerZoomElementWrapper>*{max-width:100%}.sb-3lk6NG-childrenContainer:where([data-layout=fullscreen][data-column]) .innerZoomElementWrapper>*{width:100%;max-width:none}.sb-3lk6NG-childrenContainer:where([data-layout=padded],[data-layout=centered]){padding:0;& .innerZoomElementWrapper>*{width:auto;border:8px solid #0000!important}}.sb-3lk6NG-childrenContainer:where([data-layout=padded][data-inline],[data-layout=centered][data-inline]){padding:32px 22px}.sb-3lk6NG-childrenContainer:where([data-layout=centered][data-inline]){place-content:center;place-items:center;display:flex}.sb-3lk6NG-childrenContainer:where([data-columns]) .innerZoomElementWrapper>*{min-width:calc(100% / var(--preview-columns) - 20px)}.sb-3lk6NG-actionBar{margin-top:-40px;margin-bottom:40px}.sb-3lk6NG-trailingSnippetWarning{margin-inline:auto 10px}.sb-3lk6NG-previewContainer{--preview-source-background:#000000d9;margin:25px 0 40px;position:relative;overflow:hidden;h3+&{margin-top:16px}}:where([data-sb-theme=dark]) .sb-3lk6NG-previewContainer{--preview-source-background:hsl(from var(--sb-background-content) h s calc(l - 5))}.sb-3lk6NG-previewContainer:where([data-with-toolbar]){padding-top:40px}.sb-3lk6NG-source{border-top-left-radius:0;border-top-right-radius:0;border-bottom-left-radius:var(--sb-app-border-radius);border-bottom-right-radius:var(--sb-app-border-radius);background:var(--preview-source-background);color:var(--sb-color-lightest);border:none;margin:0;& button{background:var(--preview-source-background)}}.sb-3lk6NG-positionedToolbar{height:40px;position:absolute;top:0;left:0;right:0}.sb-3lk6NG-skeleton .docs-story{padding-top:32px;padding-bottom:40px}", document.head.appendChild(style);
+}
+var Preview_default = { previewContainer: "sb-3lk6NG-previewContainer", childrenContainer: "sb-3lk6NG-childrenContainer", trailingSnippetWarning: "sb-3lk6NG-trailingSnippetWarning", source: "sb-3lk6NG-source", positionedToolbar: "sb-3lk6NG-positionedToolbar", actionBar: "sb-3lk6NG-actionBar", skeleton: "sb-3lk6NG-skeleton" };
+
+// src/addon-docs/blocks/components/Preview.tsx
+import { Fragment as Fragment3, jsx as jsx8, jsxs as jsxs4 } from "react/jsx-runtime";
+function getChildProps(children) {
+  if (Children.count(children) === 1) {
+    let elt = children;
+    if (elt.props)
+      return elt.props;
+  }
+  return null;
+}
+var COPIED_LABEL_ANIMATION_DURATION = 2e3, Preview = ({
+  isLoading,
+  isColumn,
+  columns,
+  children,
+  withSource,
+  withToolbar = !1,
+  isExpanded = !1,
+  additionalActions,
+  className,
+  layout = "padded",
+  inline = !1,
+  onReloadStory,
+  ...props
+}) => {
+  let [expanded, setExpanded] = useState3(isExpanded), [copied, setCopied] = useState3(null), [scale, setScale] = useState3(1), additionalActionItems = useMemo(
+    () => additionalActions ? [...additionalActions] : [],
+    [additionalActions]
+  ), sourceId = useId(), context = useContext2(DocsContext), copyToClipboard = useCallback(async (text) => {
+    let { createCopyToClipboardFunction } = await import("@aussieljk/forkbook/internal/components");
+    await createCopyToClipboardFunction()(text);
+  }, []), handleCopyCode = useCallback(async () => {
+    try {
+      await copyToClipboard(withSource?.code ?? ""), setCopied("Copied!");
+    } catch (err) {
+      logger.error(err), setCopied("Copy error!");
+    }
+    globalThis.window.setTimeout(() => setCopied(null), COPIED_LABEL_ANIMATION_DURATION);
+  }, [copyToClipboard, withSource?.code]), childProps = getChildProps(children), { warning: sourceWarning, ...sourceProps } = withSource ?? {}, hasSourceError = !!(withSource && withSource.error), hasValidSource = !!(withSource && !withSource.error), showsColumn = isColumn || !Array.isArray(children);
+  return jsxs4(Fragment3, { children: [
+    jsxs4(
+      "div",
+      {
+        ...props,
+        "data-with-toolbar": withToolbar || void 0,
+        className: clsx(
+          blockBackground,
+          Preview_default.previewContainer,
+          className,
+          "sbdocs sbdocs-preview sb-unstyled"
+        ),
+        children: [
+          withToolbar && jsx8(
+            Toolbar,
+            {
+              className: Preview_default.positionedToolbar,
+              isLoading,
+              border: !0,
+              zoom: (z) => setScale(scale * z),
+              resetZoom: () => setScale(1),
+              storyId: !isLoading && childProps ? getStoryId(childProps, context) : void 0,
+              onReloadStory
+            }
+          ),
+          jsx8(ZoomContext.Provider, { value: { scale }, children: jsx8(
+            "div",
+            {
+              className: clsx(Preview_default.childrenContainer, "docs-story"),
+              "data-column": showsColumn || void 0,
+              "data-flex": !showsColumn && !!columns || void 0,
+              "data-layout": layout,
+              "data-inline": inline || void 0,
+              "data-columns": columns && columns > 1 || void 0,
+              style: columns && columns > 1 ? { "--preview-columns": columns } : void 0,
+              children: jsx8(Zoom.Element, { centered: layout === "centered", scale: inline ? scale : 1, children: Array.isArray(children) ? children.map((child, i) => jsx8("div", { children: child }, i)) : jsx8("div", { children }) })
+            }
+          ) }),
+          hasValidSource && expanded && jsx8("div", { id: sourceId, children: jsx8(Source, { ...sourceProps, className: Preview_default.source, dark: !0, copyable: !1 }) })
+        ]
+      }
+    ),
+    (withSource || additionalActionItems.length > 0) && jsxs4(
+      Bar,
+      {
+        className: clsx(Preview_default.actionBar, "sbdocs sbdocs-preview-actions"),
+        innerStyle: { paddingInline: 0 },
+        children: [
+          hasSourceError && jsxs4(
+            Button2,
+            {
+              lang: "en",
+              ariaLabel: !1,
+              disabled: !0,
+              variant: "ghost",
+              className: "docblock-code-toggle docblock-code-toggle--disabled",
+              children: [
+                jsx8(MarkupIcon, {}),
+                " No code available"
+              ]
+            }
+          ),
+          hasValidSource && jsxs4(Fragment3, { children: [
+            jsxs4(
+              ToggleButton,
+              {
+                lang: "en",
+                ariaLabel: !1,
+                pressed: expanded,
+                "aria-expanded": expanded,
+                "aria-controls": sourceId,
+                onClick: () => setExpanded(!expanded),
+                variant: "ghost",
+                className: `docblock-code-toggle${expanded ? " docblock-code-toggle--expanded" : ""}`,
+                children: [
+                  jsx8(MarkupIcon, {}),
+                  " ",
+                  expanded ? "Hide code" : "Show code"
+                ]
+              }
+            ),
+            jsxs4(Button2, { lang: "en", ariaLabel: !1, variant: "ghost", onClick: handleCopyCode, children: [
+              jsx8(CopyIcon, {}),
+              " ",
+              copied ?? "Copy code"
+            ] })
+          ] }),
+          additionalActionItems.map(
+            ({ title, ariaLabel, className: className2, onClick, disabled }, index) => jsx8(
+              Button2,
+              {
+                ariaLabel: ariaLabel ?? !1,
+                className: className2,
+                onClick,
+                disabled: !!disabled,
+                variant: "ghost",
+                children: title
+              },
+              index
+            )
+          ),
+          hasValidSource && jsx8(SnippetWarning, { className: Preview_default.trailingSnippetWarning, warning: sourceWarning })
+        ]
+      }
+    )
+  ] });
+};
+
+// src/addon-docs/blocks/components/ArgsTable/TabbedArgsTable.tsx
+import { TabsView } from "@aussieljk/forkbook/internal/components";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var TabbedArgsTable = ({ tabs, ...props }) => {
+  let entries = Object.entries(tabs);
+  if (entries.length === 1)
+    return jsx9(ArgsTable, { ...entries[0][1], ...props });
+  let tabsFromEntries = entries.map(([label, table], index) => {
+    let argsTableProps = index === 0 ? props : { sort: props.sort, docsLang: props.docsLang };
+    return {
+      id: `prop_table_div_${label}`,
+      title: label,
+      children: jsx9(ArgsTable, { inTabPanel: !0, ...table, ...argsTableProps })
+    };
+  });
+  return jsx9(TabsView, { tabs: tabsFromEntries, style: { height: "fit-content" } });
+};
+
+// src/addon-docs/blocks/components/Typeset.tsx
+import { withReset as withReset3 } from "@aussieljk/forkbook/internal/components";
+
+// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-docs/blocks/components/Typeset.module.css
+var id6 = "core/src/addon-docs/blocks/components/Typeset.module.css";
+if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id6}"]`)) {
+  let style = document.createElement("style");
+  style.setAttribute("data-sb-css", id6), style.textContent = ".sb-JrHkka-label{font-size:var(--sb-size-s1);color:rgb(from var(--sb-color-default-text) r g b / calc(alpha - .4));margin-right:30px}:where([data-sb-theme=dark]) .sb-JrHkka-label{color:rgb(from var(--sb-color-default-text) r g b / calc(alpha - .6))}.sb-JrHkka-sample{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sb-JrHkka-typeSpecimen{flex-direction:row;align-items:baseline;display:flex;&:not(:last-child){margin-bottom:1rem}}.sb-JrHkka-wrapper{margin:25px 0 40px;padding:30px 20px}", document.head.appendChild(style);
+}
+var Typeset_default = { label: "sb-JrHkka-label", wrapper: "sb-JrHkka-wrapper", sample: "sb-JrHkka-sample", typeSpecimen: "sb-JrHkka-typeSpecimen" };
+
+// src/addon-docs/blocks/components/Typeset.tsx
+import { jsx as jsx10, jsxs as jsxs5 } from "react/jsx-runtime";
+var Typeset = ({
+  fontFamily,
+  fontSizes,
+  fontWeight,
+  sampleText,
+  ...props
+}) => jsx10(
+  "div",
+  {
+    ...props,
+    className: clsx(withReset3, blockBackground, Typeset_default.wrapper, "docblock-typeset sb-unstyled"),
+    children: fontSizes.map((size) => jsxs5("div", { className: Typeset_default.typeSpecimen, children: [
+      jsx10("div", { className: Typeset_default.label, children: size }),
+      jsx10(
+        "div",
+        {
+          className: Typeset_default.sample,
+          style: {
+            fontFamily,
+            fontSize: size,
+            fontWeight,
+            lineHeight: 1.2
+          },
+          children: sampleText || "Was he a beast if music could move him so?"
+        }
+      )
+    ] }, size))
+  }
+);
+
+// src/addon-docs/blocks/components/ColorPalette.tsx
+import { ResetWrapper } from "@aussieljk/forkbook/internal/components";
+
+// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-docs/blocks/components/ColorPalette.module.css
+var id7 = "core/src/addon-docs/blocks/components/ColorPalette.module.css";
+if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id7}"]`)) {
+  let style = document.createElement("style");
+  style.setAttribute("data-sb-css", id7), style.textContent = '.sb-yLo5nG-itemTitle{font-weight:var(--sb-weight-bold);color:var(--sb-color-default-text)}.sb-yLo5nG-itemSubtitle{color:rgb(from var(--sb-color-default-text) r g b / calc(alpha - .3))}.sb-yLo5nG-itemDescription{flex:0 0 30%;margin-top:5px;line-height:20px}.sb-yLo5nG-swatchLabel{text-align:center;font-family:var(--sb-font-mono);font-size:var(--sb-size-s1);color:rgb(from var(--sb-color-default-text) r g b / calc(alpha - .3));flex:1;line-height:1;overflow:hidden;&>div{text-overflow:ellipsis;max-width:100%;display:inline-block;overflow:hidden}& span{margin-top:2px;display:block}}.sb-yLo5nG-swatchLabels{flex-direction:row;display:flex}.sb-yLo5nG-swatch{flex:1;position:relative;&:before{background:var(--swatch-background);content:"";width:100%;height:100%;position:absolute;top:0;left:0}}.sb-yLo5nG-swatchColors{background-color:#fff;background-image:repeating-linear-gradient(-45deg,#ccc,#ccc 1px,#fff 1px 16px);background-clip:padding-box;flex-direction:row;height:50px;margin-bottom:5px;display:flex;overflow:hidden}.sb-yLo5nG-swatchSpecimen{flex-direction:column;flex:1;margin-bottom:30px;display:flex;position:relative}.sb-yLo5nG-swatches{flex-direction:row;flex:1;display:flex}.sb-yLo5nG-item{align-items:flex-start;display:flex}.sb-yLo5nG-listName{flex:0 0 30%}.sb-yLo5nG-listSwatches{flex:1}.sb-yLo5nG-listHeading{font-weight:var(--sb-weight-bold);color:rgb(from var(--sb-color-default-text) r g b / calc(alpha - .3));flex-direction:row;align-items:center;padding-bottom:20px;display:flex}.sb-yLo5nG-list{font-size:var(--sb-size-s2);flex-direction:column;line-height:20px;display:flex}', document.head.appendChild(style);
+}
+var ColorPalette_default = { swatchColors: "sb-yLo5nG-swatchColors", swatches: "sb-yLo5nG-swatches", item: "sb-yLo5nG-item", listHeading: "sb-yLo5nG-listHeading", swatchLabels: "sb-yLo5nG-swatchLabels", swatch: "sb-yLo5nG-swatch", itemSubtitle: "sb-yLo5nG-itemSubtitle", swatchLabel: "sb-yLo5nG-swatchLabel", listName: "sb-yLo5nG-listName", itemTitle: "sb-yLo5nG-itemTitle", listSwatches: "sb-yLo5nG-listSwatches", itemDescription: "sb-yLo5nG-itemDescription", swatchSpecimen: "sb-yLo5nG-swatchSpecimen", list: "sb-yLo5nG-list" };
+
+// src/addon-docs/blocks/components/ColorPalette.tsx
+import { jsx as jsx11, jsxs as jsxs6 } from "react/jsx-runtime";
+function renderSwatch(color, index) {
+  return jsx11(
+    "div",
+    {
+      className: ColorPalette_default.swatch,
+      title: color,
+      style: { "--swatch-background": color }
+    },
+    `${color}-${index}`
+  );
+}
+function renderSwatchLabel(color, index, colorDescription) {
+  return jsx11("div", { className: ColorPalette_default.swatchLabel, title: color, children: jsxs6("div", { children: [
+    color,
+    colorDescription && jsx11("span", { children: colorDescription })
+  ] }) }, `${color}-${index}`);
+}
+function renderSwatchSpecimen(colors) {
+  if (Array.isArray(colors))
+    return jsxs6("div", { className: ColorPalette_default.swatchSpecimen, children: [
+      jsx11("div", { className: clsx(blockBackground, ColorPalette_default.swatchColors), children: colors.map((color, index) => renderSwatch(color, index)) }),
+      jsx11("div", { className: ColorPalette_default.swatchLabels, children: colors.map((color, index) => renderSwatchLabel(color, index)) })
+    ] });
+  let swatchElements = [], labelElements = [];
+  for (let colorKey in colors) {
+    let colorValue = colors[colorKey];
+    swatchElements.push(renderSwatch(colorValue, swatchElements.length)), labelElements.push(renderSwatchLabel(colorKey, labelElements.length, colorValue));
+  }
+  return jsxs6("div", { className: ColorPalette_default.swatchSpecimen, children: [
+    jsx11("div", { className: clsx(blockBackground, ColorPalette_default.swatchColors), children: swatchElements }),
+    jsx11("div", { className: ColorPalette_default.swatchLabels, children: labelElements })
+  ] });
+}
+var ColorItem = ({ title, subtitle, colors }) => jsxs6("div", { className: ColorPalette_default.item, children: [
+  jsxs6("div", { className: ColorPalette_default.itemDescription, children: [
+    jsx11("div", { className: ColorPalette_default.itemTitle, children: title }),
+    jsx11("div", { className: ColorPalette_default.itemSubtitle, children: subtitle })
+  ] }),
+  jsx11("div", { className: ColorPalette_default.swatches, children: renderSwatchSpecimen(colors) })
+] }), ColorPalette = ({ children, ...props }) => jsx11(ResetWrapper, { children: jsxs6("div", { ...props, className: clsx(ColorPalette_default.list, "docblock-colorpalette sb-unstyled"), children: [
+  jsxs6("div", { className: ColorPalette_default.listHeading, children: [
+    jsx11("div", { className: ColorPalette_default.listName, children: "Name" }),
+    jsx11("div", { className: ColorPalette_default.listSwatches, children: "Swatches" })
+  ] }),
+  children
+] }) });
+
+// src/addon-docs/blocks/components/IconGallery.tsx
+import { ResetWrapper as ResetWrapper2 } from "@aussieljk/forkbook/internal/components";
+
+// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-docs/blocks/components/IconGallery.module.css
+var id8 = "core/src/addon-docs/blocks/components/IconGallery.module.css";
+if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id8}"]`)) {
+  let style = document.createElement("style");
+  style.setAttribute("data-sb-css", id8), style.textContent = ".sb-P_cJ1a-itemLabel{font-family:var(--sb-font-base);font-size:var(--sb-size-s1);color:var(--sb-color-default-text);word-break:break-word;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-left:10px;line-height:1.2;display:-webkit-box;overflow:hidden}.sb-P_cJ1a-itemSpecimen{flex:none;justify-content:center;align-items:center;width:40px;height:40px;display:flex;overflow:hidden;&>img,&>svg{width:20px;height:20px}}.sb-P_cJ1a-item{flex-direction:row;align-items:center;width:100%;display:inline-flex}.sb-P_cJ1a-list{grid-gap:8px 16px;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));grid-auto-rows:50px;grid-auto-flow:dense;display:grid}", document.head.appendChild(style);
+}
+var IconGallery_default = { itemLabel: "sb-P_cJ1a-itemLabel", item: "sb-P_cJ1a-item", itemSpecimen: "sb-P_cJ1a-itemSpecimen", list: "sb-P_cJ1a-list" };
+
+// src/addon-docs/blocks/components/IconGallery.tsx
+import { jsx as jsx12, jsxs as jsxs7 } from "react/jsx-runtime";
+var IconItem = ({ name, children }) => jsxs7("div", { className: IconGallery_default.item, children: [
+  jsx12("div", { className: clsx(blockBackground, IconGallery_default.itemSpecimen), children }),
+  jsx12("div", { className: IconGallery_default.itemLabel, children: name })
+] }), IconGallery = ({ children, ...props }) => jsx12(ResetWrapper2, { children: jsx12("div", { ...props, className: clsx(IconGallery_default.list, "docblock-icongallery sb-unstyled"), children }) });
+
+// src/addon-docs/blocks/components/TableOfContents.tsx
+import { useEffect as useEffect3 } from "react";
+import { NAVIGATE_URL } from "@aussieljk/forkbook/internal/core-events";
+
+// ../../node_modules/tocbot/src/js/build-html.js
+function build_html_default(options) {
+  let forEach = [].forEach, some = [].some, body = typeof window < "u" && document.body, SPACE_CHAR = " ", tocElement, currentlyHighlighting = !0, eventCount = 0;
+  function createEl(d, container) {
+    let link = container.appendChild(createLink(d));
+    if (d.children.length) {
+      let list = createList(d.isCollapsed);
+      d.children.forEach((child) => {
+        createEl(child, list);
+      }), link.appendChild(list);
+    }
+  }
+  function render(parent, data) {
+    let container = createList(!1);
+    if (data.forEach((d) => {
+      createEl(d, container);
+    }), tocElement = parent || tocElement, tocElement !== null)
+      return tocElement.firstChild && tocElement.removeChild(tocElement.firstChild), data.length === 0 ? tocElement : tocElement.appendChild(container);
+  }
+  function createLink(data) {
+    let item = document.createElement("li"), a = document.createElement("a");
+    return options.listItemClass && item.setAttribute("class", options.listItemClass), options.onClick && (a.onclick = options.onClick), options.includeTitleTags && a.setAttribute("title", data.textContent), options.includeHtml && data.childNodes.length ? forEach.call(data.childNodes, (node) => {
+      a.appendChild(node.cloneNode(!0));
+    }) : a.textContent = data.textContent, a.setAttribute("href", `${options.basePath}#${data.id}`), a.setAttribute(
+      "class",
+      `${options.linkClass + SPACE_CHAR}node-name--${data.nodeName}${SPACE_CHAR}${options.extraLinkClasses}`
+    ), item.appendChild(a), item;
+  }
+  function createList(isCollapsed) {
+    let listElement = options.orderedList ? "ol" : "ul", list = document.createElement(listElement), classes = options.listClass + SPACE_CHAR + options.extraListClasses;
+    return isCollapsed && (classes = classes + SPACE_CHAR + options.collapsibleClass, classes = classes + SPACE_CHAR + options.isCollapsedClass), list.setAttribute("class", classes), list;
+  }
+  function updateFixedSidebarClass() {
+    let scrollTop = getScrollTop(), posFixedEl = document.querySelector(options.positionFixedSelector);
+    options.fixedSidebarOffset === "auto" && (options.fixedSidebarOffset = tocElement.offsetTop), scrollTop > options.fixedSidebarOffset ? posFixedEl.className.indexOf(options.positionFixedClass) === -1 && (posFixedEl.className += SPACE_CHAR + options.positionFixedClass) : posFixedEl.className = posFixedEl.className.replace(
+      SPACE_CHAR + options.positionFixedClass,
+      ""
+    );
+  }
+  function getHeadingTopPos(obj) {
+    let position = 0;
+    return obj !== null && (position = obj.offsetTop, options.hasInnerContainers && (position += getHeadingTopPos(obj.offsetParent))), position;
+  }
+  function updateClassname(obj, className) {
+    return obj && obj.className !== className && (obj.className = className), obj;
+  }
+  function updateToc(headingsArray, event) {
+    options.positionFixedSelector && updateFixedSidebarClass();
+    let headings = headingsArray, clickedHref = event?.target?.getAttribute ? event?.target?.getAttribute("href") : null, isBottomMode = clickedHref && clickedHref.charAt(0) === "#" ? getIsHeaderBottomMode(clickedHref.replace("#", "")) : !1, shouldUpdate = currentlyHighlighting || isBottomMode;
+    if (event && eventCount < 5 && eventCount++, shouldUpdate && tocElement && headings.length > 0) {
+      let topHeader = getTopHeader(headings), oldActiveTocLink = tocElement.querySelector(
+        `.${options.activeLinkClass}`
+      ), topHeaderId = topHeader.id.replace(
+        /([ #;&,.+*~':"!^$[\]()=>|/\\@])/g,
+        "\\$1"
+      ), hashId = window.location.hash.replace("#", ""), activeId = topHeaderId, isPageBottomMode = getIsPageBottomMode();
+      clickedHref && isBottomMode ? activeId = clickedHref.replace("#", "") : hashId && hashId !== topHeaderId && isPageBottomMode && (getIsHeaderBottomMode(topHeaderId) || eventCount <= 2) && (activeId = hashId);
+      let activeTocLink = tocElement.querySelector(
+        `.${options.linkClass}[href="${options.basePath}#${activeId}"]`
+      );
+      if (oldActiveTocLink === activeTocLink)
+        return;
+      let tocLinks = tocElement.querySelectorAll(`.${options.linkClass}`);
+      forEach.call(tocLinks, (tocLink) => {
+        updateClassname(
+          tocLink,
+          tocLink.className.replace(SPACE_CHAR + options.activeLinkClass, "")
+        );
+      });
+      let tocLis = tocElement.querySelectorAll(`.${options.listItemClass}`);
+      forEach.call(tocLis, (tocLi) => {
+        updateClassname(
+          tocLi,
+          tocLi.className.replace(SPACE_CHAR + options.activeListItemClass, "")
+        );
+      }), activeTocLink && activeTocLink.className.indexOf(options.activeLinkClass) === -1 && (activeTocLink.className += SPACE_CHAR + options.activeLinkClass);
+      let li = activeTocLink?.parentNode;
+      li && li.className.indexOf(options.activeListItemClass) === -1 && (li.className += SPACE_CHAR + options.activeListItemClass);
+      let tocLists = tocElement.querySelectorAll(
+        `.${options.listClass}.${options.collapsibleClass}`
+      );
+      forEach.call(tocLists, (list) => {
+        list.className.indexOf(options.isCollapsedClass) === -1 && (list.className += SPACE_CHAR + options.isCollapsedClass);
+      }), activeTocLink?.nextSibling && activeTocLink.nextSibling.className.indexOf(
+        options.isCollapsedClass
+      ) !== -1 && updateClassname(
+        activeTocLink.nextSibling,
+        activeTocLink.nextSibling.className.replace(
+          SPACE_CHAR + options.isCollapsedClass,
+          ""
+        )
+      ), removeCollapsedFromParents(activeTocLink?.parentNode.parentNode);
+    }
+  }
+  function removeCollapsedFromParents(element) {
+    return element && element.className.indexOf(options.collapsibleClass) !== -1 && element.className.indexOf(options.isCollapsedClass) !== -1 ? (updateClassname(
+      element,
+      element.className.replace(SPACE_CHAR + options.isCollapsedClass, "")
+    ), removeCollapsedFromParents(element.parentNode.parentNode)) : element;
+  }
+  function disableTocAnimation(event) {
+    let target = event.target || event.srcElement;
+    typeof target.className != "string" || target.className.indexOf(options.linkClass) === -1 || (currentlyHighlighting = !1);
+  }
+  function enableTocAnimation() {
+    currentlyHighlighting = !0;
+  }
+  function getCurrentlyHighlighting() {
+    return currentlyHighlighting;
+  }
+  function getIsHeaderBottomMode(headerId) {
+    let scrollEl = getScrollEl(), activeHeading = document?.getElementById(headerId);
+    return activeHeading && activeHeading.offsetTop > scrollEl.offsetHeight - scrollEl.clientHeight * 1.4 - options.bottomModeThreshold;
+  }
+  function getIsPageBottomMode() {
+    let scrollEl = getScrollEl(), isScrollable = scrollEl.scrollHeight > scrollEl.clientHeight, isBottomMode = getScrollTop() + scrollEl.clientHeight > scrollEl.offsetHeight - options.bottomModeThreshold;
+    return isScrollable && isBottomMode;
+  }
+  function getScrollEl() {
+    let el;
+    return options.scrollContainer && document.querySelector(options.scrollContainer) ? el = document.querySelector(options.scrollContainer) : el = document.documentElement || body, el;
+  }
+  function getScrollTop() {
+    return getScrollEl()?.scrollTop || 0;
+  }
+  function getTopHeader(headings, scrollTop = getScrollTop()) {
+    let topHeader;
+    return some.call(headings, (heading, i) => {
+      if (getHeadingTopPos(heading) > scrollTop + options.headingsOffset + 10) {
+        let index = i === 0 ? i : i - 1;
+        return topHeader = headings[index], !0;
+      }
+      if (i === headings.length - 1)
+        return topHeader = headings[headings.length - 1], !0;
+    }), topHeader;
+  }
+  function updateUrlHashForHeader(headingsArray) {
+    let scrollTop = getScrollTop(), topHeader = getTopHeader(headingsArray, scrollTop), isPageBottomMode = getIsPageBottomMode();
+    if ((!topHeader || scrollTop < 5) && !isPageBottomMode)
+      window.location.hash === "#" || window.location.hash === "" || window.history.pushState(null, null, "#");
+    else if (topHeader && !isPageBottomMode) {
+      let newHash = `#${topHeader.id}`;
+      window.location.hash !== newHash && window.history.pushState(null, null, newHash);
+    }
+  }
+  return {
+    enableTocAnimation,
+    disableTocAnimation,
+    render,
+    updateToc,
+    getCurrentlyHighlighting,
+    getTopHeader,
+    getScrollTop,
+    updateUrlHashForHeader
+  };
+}
+
+// ../../node_modules/tocbot/src/js/default-options.js
+var default_options_default = {
+  // Where to render the table of contents.
+  tocSelector: ".js-toc",
+  // Or, you can pass in a DOM node instead
+  tocElement: null,
+  // Where to grab the headings to build the table of contents.
+  contentSelector: ".js-toc-content",
+  // Or, you can pass in a DOM node instead
+  contentElement: null,
+  // Which headings to grab inside of the contentSelector element.
+  headingSelector: "h1, h2, h3",
+  // Headings that match the ignoreSelector will be skipped.
+  ignoreSelector: ".js-toc-ignore",
+  // For headings inside relative or absolute positioned
+  // containers within content.
+  hasInnerContainers: !1,
+  // Main class to add to links.
+  linkClass: "toc-link",
+  // Extra classes to add to links.
+  extraLinkClasses: "",
+  // Class to add to active links,
+  // the link corresponding to the top most heading on the page.
+  activeLinkClass: "is-active-link",
+  // Main class to add to lists.
+  listClass: "toc-list",
+  // Extra classes to add to lists.
+  extraListClasses: "",
+  // Class that gets added when a list should be collapsed.
+  isCollapsedClass: "is-collapsed",
+  // Class that gets added when a list should be able
+  // to be collapsed but isn't necessarily collapsed.
+  collapsibleClass: "is-collapsible",
+  // Class to add to list items.
+  listItemClass: "toc-list-item",
+  // Class to add to active list items.
+  activeListItemClass: "is-active-li",
+  // How many heading levels should not be collapsed.
+  // For example, number 6 will show everything since
+  // there are only 6 heading levels and number 0 will collapse them all.
+  // The sections that are hidden will open
+  // and close as you scroll to headings within them.
+  collapseDepth: 0,
+  // Smooth scrolling enabled.
+  scrollSmooth: !0,
+  // Smooth scroll duration.
+  scrollSmoothDuration: 420,
+  // Smooth scroll offset.
+  scrollSmoothOffset: 0,
+  // Callback for scroll end.
+  scrollEndCallback: function(e) {
+  },
+  // Headings offset between the headings and the top of
+  // the document (this is meant for minor adjustments).
+  headingsOffset: 1,
+  // Enable the URL hash to update with the proper heading ID as
+  // a user scrolls the page.
+  enableUrlHashUpdateOnScroll: !1,
+  // type of scroll handler to use. to make scroll event not too rapid.
+  // Options are: "debounce" or "throttle"
+  // when set auto , use debounce less than 333ms , other use throttle.
+  // for ios browser can't use history.pushState() more than 100 times per 30 seconds reason
+  scrollHandlerType: "auto",
+  //  scrollHandler delay in ms.
+  scrollHandlerTimeout: 50,
+  // Timeout between events firing to make sure it's
+  // not too rapid (for performance reasons).
+  throttleTimeout: 50,
+  // Element to add the positionFixedClass to.
+  positionFixedSelector: null,
+  // Fixed position class to add to make sidebar fixed after scrolling
+  // down past the fixedSidebarOffset.
+  positionFixedClass: "is-position-fixed",
+  // fixedSidebarOffset can be any number but by default is set
+  // to auto which sets the fixedSidebarOffset to the sidebar
+  // element's offsetTop from the top of the document on init.
+  fixedSidebarOffset: "auto",
+  // includeHtml can be set to true to include the HTML markup from the
+  // heading node instead of just including the innerText.
+  includeHtml: !1,
+  // includeTitleTags automatically sets the html title tag of the link
+  // to match the title. This can be useful for SEO purposes or
+  // when truncating titles.
+  includeTitleTags: !1,
+  // onclick function to apply to all links in toc. will be called with
+  // the event as the first parameter, and this can be used to stop,
+  // propagation, prevent default or perform action
+  onClick: function(e) {
+  },
+  // orderedList can be set to false to generate unordered lists (ul)
+  // instead of ordered lists (ol)
+  orderedList: !0,
+  // If there is a fixed article scroll container, set to calculate offset.
+  scrollContainer: null,
+  // prevent ToC DOM rendering if it's already rendered by an external system.
+  skipRendering: !1,
+  // Optional callback to change heading labels.
+  // For example it can be used to cut down and put ellipses on multiline headings you deem too long.
+  // Called each time a heading is parsed. Expects a string and returns the modified label to display.
+  // Additionally, the attribute `data-heading-label` may be used on a heading to specify
+  // a shorter string to be used in the TOC.
+  // function (string) => string
+  headingLabelCallback: !1,
+  // ignore headings that are hidden in DOM
+  ignoreHiddenElements: !1,
+  // Optional callback to modify properties of parsed headings.
+  // The heading element is passed in node parameter and information
+  // parsed by default parser is provided in obj parameter.
+  // Function has to return the same or modified obj.
+  // The heading will be excluded from TOC if nothing is returned.
+  // function (object, HTMLElement) => object | void
+  headingObjectCallback: null,
+  // Set the base path, useful if you use a `base` tag in `head`.
+  basePath: "",
+  // Only takes affect when `tocSelector` is scrolling,
+  // keep the toc scroll position in sync with the content.
+  disableTocScrollSync: !1,
+  // If this is null then just use `tocElement` or `tocSelector` instead
+  // assuming `disableTocScrollSync` is set to false. This allows for
+  // scrolling an outer element (like a nav panel w/ search) containing the toc.
+  // Please pass an element, not a selector here.
+  tocScrollingWrapper: null,
+  // Offset for the toc scroll (top) position when scrolling the page.
+  // Only effective if `disableTocScrollSync` is false.
+  tocScrollOffset: 30,
+  // Threshold for when bottom mode should be enabled to handle
+  // highlighting links that cannot be scrolled to.
+  bottomModeThreshold: 30
+};
+
+// ../../node_modules/tocbot/src/js/parse-content.js
+function parseContent(options) {
+  let reduce = [].reduce;
+  function getLastItem(array) {
+    return array[array.length - 1];
+  }
+  function getHeadingLevel(heading) {
+    return +heading.nodeName.toUpperCase().replace("H", "");
+  }
+  function isHTMLElement(maybeElement) {
+    try {
+      return maybeElement instanceof window.HTMLElement || maybeElement instanceof window.parent.HTMLElement;
+    } catch {
+      return maybeElement instanceof window.HTMLElement;
+    }
+  }
+  function getHeadingObject(heading) {
+    if (!isHTMLElement(heading)) return heading;
+    if (options.ignoreHiddenElements && (!heading.offsetHeight || !heading.offsetParent))
+      return null;
+    let headingLabel = heading.getAttribute("data-heading-label") || (options.headingLabelCallback ? String(options.headingLabelCallback(heading.innerText)) : (heading.innerText || heading.textContent).trim()), obj = {
+      id: heading.id,
+      children: [],
+      nodeName: heading.nodeName,
+      headingLevel: getHeadingLevel(heading),
+      textContent: headingLabel
+    };
+    return options.includeHtml && (obj.childNodes = heading.childNodes), options.headingObjectCallback ? options.headingObjectCallback(obj, heading) : obj;
+  }
+  function addNode(node, nest) {
+    let obj = getHeadingObject(node), level = obj.headingLevel, array = nest, lastItem = getLastItem(array), lastItemLevel = lastItem ? lastItem.headingLevel : 0, counter = level - lastItemLevel;
+    for (; counter > 0 && (lastItem = getLastItem(array), !(lastItem && level === lastItem.headingLevel)); )
+      lastItem && lastItem.children !== void 0 && (array = lastItem.children), counter--;
+    return level >= options.collapseDepth && (obj.isCollapsed = !0), array.push(obj), array;
+  }
+  function selectHeadings(contentElement, headingSelector) {
+    let selectors = headingSelector;
+    options.ignoreSelector && (selectors = headingSelector.split(",").map(function(selector) {
+      return `${selector.trim()}:not(${options.ignoreSelector})`;
+    }));
+    try {
+      return contentElement.querySelectorAll(selectors);
+    } catch {
+      return console.warn(`Headers not found with selector: ${selectors}`), null;
+    }
+  }
+  function nestHeadingsArray(headingsArray) {
+    return reduce.call(
+      headingsArray,
+      function(prev, curr) {
+        let currentHeading = getHeadingObject(curr);
+        return currentHeading && addNode(currentHeading, prev.nest), prev;
+      },
+      {
+        nest: []
+      }
+    );
+  }
+  return {
+    nestHeadingsArray,
+    selectHeadings
+  };
+}
+
+// ../../node_modules/tocbot/src/js/scroll-smooth/index.js
+function initSmoothScrolling(options) {
+  var duration = options.duration, offset = options.offset;
+  if (typeof window > "u" || typeof location > "u") return;
+  var pageUrl = location.hash ? stripHash(location.href) : location.href;
+  delegatedLinkHijacking();
+  function delegatedLinkHijacking() {
+    document.body.addEventListener("click", onClick, !1);
+    function onClick(e) {
+      !isInPageLink(e.target) || e.target.className.indexOf("no-smooth-scroll") > -1 || e.target.href.charAt(e.target.href.length - 2) === "#" && e.target.href.charAt(e.target.href.length - 1) === "!" || e.target.className.indexOf(options.linkClass) === -1 || jump(e.target.hash, {
+        duration,
+        offset,
+        callback: function() {
+          setFocus(e.target.hash);
+        }
+      });
+    }
+  }
+  function isInPageLink(n) {
+    return n.tagName.toLowerCase() === "a" && (n.hash.length > 0 || n.href.charAt(n.href.length - 1) === "#") && (stripHash(n.href) === pageUrl || stripHash(n.href) + "#" === pageUrl);
+  }
+  function stripHash(url) {
+    return url.slice(0, url.lastIndexOf("#"));
+  }
+  function setFocus(hash) {
+    var element = document.getElementById(hash.substring(1));
+    element && (/^(?:a|select|input|button|textarea)$/i.test(element.tagName) || (element.tabIndex = -1), element.focus());
+  }
+}
+function jump(target, options) {
+  var start = window.pageYOffset, opt = {
+    duration: options.duration,
+    offset: options.offset || 0,
+    callback: options.callback,
+    easing: options.easing || easeInOutQuad
+  }, tgt = document.querySelector(
+    '[id="' + decodeURI(target).split("#").join("") + '"]'
+  ) || document.querySelector('[id="' + target.split("#").join("") + '"]'), distance = typeof target == "string" ? opt.offset + (target ? tgt && tgt.getBoundingClientRect().top || 0 : -(document.documentElement.scrollTop || document.body.scrollTop)) : target, duration = typeof opt.duration == "function" ? opt.duration(distance) : opt.duration, timeStart, timeElapsed;
+  requestAnimationFrame(function(time) {
+    timeStart = time, loop(time);
+  });
+  function loop(time) {
+    timeElapsed = time - timeStart, window.scrollTo(0, opt.easing(timeElapsed, start, distance, duration)), timeElapsed < duration ? requestAnimationFrame(loop) : end();
+  }
+  function end() {
+    window.scrollTo(0, start + distance), typeof opt.callback == "function" && opt.callback();
+  }
+  function easeInOutQuad(t, b, c, d) {
+    return t /= d / 2, t < 1 ? c / 2 * t * t + b : (t--, -c / 2 * (t * (t - 2) - 1) + b);
+  }
+}
+
+// ../../node_modules/tocbot/src/js/update-toc-scroll.js
+function updateTocScroll(options) {
+  let toc = options.tocScrollingWrapper || options.tocElement || document.querySelector(options.tocSelector);
+  if (toc && toc.scrollHeight > toc.clientHeight) {
+    let activeItem = toc.querySelector(`.${options.activeListItemClass}`);
+    if (activeItem) {
+      let scrollAmount = activeItem.offsetTop - options.tocScrollOffset;
+      toc.scrollTop = scrollAmount > 0 ? scrollAmount : 0;
+    }
+  }
+}
+
+// ../../node_modules/tocbot/src/js/index-esm.js
+var _options = {}, _buildHtml, _parseContent, _headingsArray, _scrollListener, clickListener;
+function init(customOptions) {
+  let hasInitialized = !1;
+  _options = extend(default_options_default, customOptions || {}), _options.scrollSmooth && (_options.duration = _options.scrollSmoothDuration, _options.offset = _options.scrollSmoothOffset, initSmoothScrolling(_options)), _buildHtml = build_html_default(_options), _parseContent = parseContent(_options), destroy();
+  let contentElement = getContentElement(_options);
+  if (contentElement === null)
+    return;
+  let tocElement = getTocElement(_options);
+  if (tocElement === null || (_headingsArray = _parseContent.selectHeadings(
+    contentElement,
+    _options.headingSelector
+  ), _headingsArray === null))
+    return;
+  let nestedHeadings = _parseContent.nestHeadingsArray(_headingsArray).nest;
+  if (!_options.skipRendering)
+    _buildHtml.render(tocElement, nestedHeadings);
+  else
+    return this;
+  let isClick = !1, scrollHandlerTimeout = _options.scrollHandlerTimeout || _options.throttleTimeout;
+  _scrollListener = ((fn, delay) => getScrollHandler(fn, delay, _options.scrollHandlerType))((e) => {
+    _buildHtml.updateToc(_headingsArray, e), !_options.disableTocScrollSync && !isClick && updateTocScroll(_options), _options.enableUrlHashUpdateOnScroll && hasInitialized && _buildHtml.getCurrentlyHighlighting() && _buildHtml.updateUrlHashForHeader(_headingsArray);
+    let isTop = e?.target?.scrollingElement?.scrollTop === 0;
+    (e && (e.eventPhase === 0 || e.currentTarget === null) || isTop) && (_buildHtml.updateToc(_headingsArray), _options.scrollEndCallback?.(e));
+  }, scrollHandlerTimeout), hasInitialized || (_scrollListener(), hasInitialized = !0), window.onhashchange = window.onscrollend = (e) => {
+    _scrollListener(e);
+  }, _options.scrollContainer && document.querySelector(_options.scrollContainer) ? (document.querySelector(_options.scrollContainer).addEventListener("scroll", _scrollListener, !1), document.querySelector(_options.scrollContainer).addEventListener("resize", _scrollListener, !1)) : (document.addEventListener("scroll", _scrollListener, !1), document.addEventListener("resize", _scrollListener, !1));
+  let timeout = null;
+  clickListener = throttle((event) => {
+    isClick = !0, _options.scrollSmooth && _buildHtml.disableTocAnimation(event), _buildHtml.updateToc(_headingsArray, event), timeout && clearTimeout(timeout), timeout = setTimeout(() => {
+      _buildHtml.enableTocAnimation();
+    }, _options.scrollSmoothDuration), setTimeout(() => {
+      isClick = !1;
+    }, _options.scrollSmoothDuration + 100);
+  }, _options.throttleTimeout), _options.scrollContainer && document.querySelector(_options.scrollContainer) ? document.querySelector(_options.scrollContainer).addEventListener("click", clickListener, !1) : document.addEventListener("click", clickListener, !1);
+}
+function destroy() {
+  let tocElement = getTocElement(_options);
+  tocElement !== null && (_options.skipRendering || tocElement && (tocElement.innerHTML = ""), _options.scrollContainer && document.querySelector(_options.scrollContainer) ? (document.querySelector(_options.scrollContainer).removeEventListener("scroll", _scrollListener, !1), document.querySelector(_options.scrollContainer).removeEventListener("resize", _scrollListener, !1), _buildHtml && document.querySelector(_options.scrollContainer).removeEventListener("click", clickListener, !1)) : (document.removeEventListener("scroll", _scrollListener, !1), document.removeEventListener("resize", _scrollListener, !1), _buildHtml && document.removeEventListener("click", clickListener, !1)));
+}
+function refresh(customOptions) {
+  destroy(), init(customOptions || _options);
+}
+var hasOwnProp = Object.prototype.hasOwnProperty;
+function extend(...args) {
+  let target = {};
+  for (let i = 0; i < args.length; i++) {
+    let source = args[i];
+    for (let key in source)
+      hasOwnProp.call(source, key) && (target[key] = source[key]);
+  }
+  return target;
+}
+function throttle(fn, threshold, scope) {
+  threshold || (threshold = 250);
+  let last, deferTimer;
+  return function(...args) {
+    let context = scope || this, now = +/* @__PURE__ */ new Date();
+    last && now < last + threshold ? (clearTimeout(deferTimer), deferTimer = setTimeout(() => {
+      last = now, fn.apply(context, args);
+    }, threshold)) : (last = now, fn.apply(context, args));
+  };
+}
+function debounce(func, wait) {
+  let timeout;
+  return (...args) => {
+    clearTimeout(timeout), timeout = setTimeout(() => func.apply(this, args), wait);
+  };
+}
+function getScrollHandler(func, timeout, type = "auto") {
+  switch (type) {
+    case "debounce":
+      return debounce(func, timeout);
+    case "throttle":
+      return throttle(func, timeout);
+    default:
+      return timeout < 334 ? debounce(func, timeout) : throttle(func, timeout);
+  }
+}
+function getContentElement(options) {
+  try {
+    return options.contentElement || document.querySelector(options.contentSelector);
+  } catch {
+    return console.warn(`Contents element not found: ${options.contentSelector}`), null;
+  }
+}
+function getTocElement(options) {
+  try {
+    return options.tocElement || document.querySelector(options.tocSelector);
+  } catch {
+    return console.warn(`TOC element not found: ${options.tocSelector}`), null;
+  }
+}
+
+// ../../node_modules/tocbot/index.js
+var tocbot = { destroy, init, refresh };
+var tocbot_default = tocbot;
+
+// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-docs/blocks/components/TableOfContents.module.css
+var id9 = "core/src/addon-docs/blocks/components/TableOfContents.module.css";
+if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id9}"]`)) {
+  let style = document.createElement("style");
+  style.setAttribute("data-sb-css", id9), style.textContent = '.sb-7qSlVa-aside{width:10rem;@media (width<=768px){display:none}}.sb-7qSlVa-nav{width:10rem;font-family:var(--sb-font-base);font-size:var(--sb-size-s2);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:#0000;-webkit-overflow-scrolling:touch;padding-top:4rem;padding-bottom:2rem;position:fixed;top:0;bottom:0;overflow-y:auto;& *{box-sizing:border-box}&>.toc-wrapper>.toc-list,&>.toc-wrapper>.toc-list .toc-list{border-left:solid 2px var(--sb-color-mediumlight);padding-left:0}& .toc-list-item{margin-left:20px;padding-top:3px;padding-bottom:3px;list-style-type:none;position:relative}& .toc-list-item:before{content:"";border-left:solid 2px var(--sb-color-mediumdark);opacity:0;height:100%;transition:opacity .2s;position:absolute;top:0;left:0;transform:translate(-22px)}& .toc-list-item.is-active-li:before{opacity:1}& .toc-list-item>a{color:var(--sb-color-default-text);text-decoration:none}& .toc-list-item.is-active-li>a{color:var(--sb-color-secondary);font-weight:600;text-decoration:none}}.sb-7qSlVa-heading{color:var(--sb-color-default-text);text-transform:uppercase;margin-bottom:10px;font-size:.875em;font-weight:600}', document.head.appendChild(style);
+}
+var TableOfContents_default = { nav: "sb-7qSlVa-nav", aside: "sb-7qSlVa-aside", heading: "sb-7qSlVa-heading" };
+
+// src/addon-docs/blocks/components/TableOfContents.tsx
+import { jsx as jsx13, jsxs as jsxs8 } from "react/jsx-runtime";
+var Title2 = ({ headingId, title }) => typeof title == "string" || !title ? jsx13(
+  "h2",
+  {
+    id: headingId,
+    className: clsx(TableOfContents_default.heading, !title && "sb-sr-only"),
+    lang: title ? void 0 : "en",
+    children: title || "Table of contents"
+  }
+) : jsx13("div", { id: headingId, children: title }), TableOfContents = ({
+  title,
+  disable,
+  headingSelector,
+  contentsSelector,
+  ignoreSelector,
+  unsafeTocbotOptions,
+  channel,
+  className
+}) => {
+  useEffect3(() => {
+    if (disable)
+      return () => {
+      };
+    let configuration = {
+      tocSelector: ".toc-wrapper",
+      contentSelector: contentsSelector ?? ".sbdocs-content",
+      headingSelector: headingSelector ?? "h3",
+      /** Ignore headings that did not come from the main markdown code. */
+      ignoreSelector: ignoreSelector ?? ".docs-story *, .skip-toc",
+      headingsOffset: 40,
+      scrollSmoothOffset: -40,
+      orderedList: !1,
+      /** Prevent default linking behavior, leaving only the smooth scrolling. */
+      onClick: (e) => {
+        if (e.preventDefault(), e.currentTarget instanceof HTMLAnchorElement) {
+          let [, headerId] = e.currentTarget.href.split("#");
+          headerId && channel.emit(NAVIGATE_URL, `#${headerId}`);
+        }
+      },
+      ...unsafeTocbotOptions
+    }, timeout = setTimeout(() => tocbot_default.init(configuration), 100);
+    return () => {
+      clearTimeout(timeout), tocbot_default.destroy();
+    };
+  }, [channel, disable, ignoreSelector, contentsSelector, headingSelector, unsafeTocbotOptions]);
+  let headingId = "table-of-contents";
+  return jsx13("aside", { className: clsx(TableOfContents_default.aside, className), children: disable ? null : jsxs8("nav", { className: TableOfContents_default.nav, "aria-labelledby": headingId, children: [
+    jsx13(Title2, { headingId, title }),
+    jsx13("div", { className: "toc-wrapper" })
+  ] }) });
+};
+
+// src/addon-docs/blocks/blocks/Anchor.tsx
+import { anchorBlockIdFromId } from "@aussieljk/forkbook/internal/docs-tools";
+import { jsx as jsx14 } from "react/jsx-runtime";
+var Anchor = ({ storyId, children }) => jsx14("div", { id: anchorBlockIdFromId(storyId), className: "sb-anchor", children });
+
+// src/addon-docs/blocks/blocks/ArgTypes.tsx
+import { useContext as useContext4 } from "react";
+import { InvalidBlockOfPropError as InvalidBlockOfPropError2 } from "@aussieljk/forkbook/internal/preview-errors";
+import { filterArgTypes } from "@aussieljk/forkbook/preview-api";
+
+// src/addon-docs/blocks/blocks/argTypesShared.ts
+import {
+  getServiceSubcomponentArgTypes,
+  mergeServiceArgTypes
+} from "@aussieljk/forkbook/internal/docs-tools";
+
+// src/addon-docs/blocks/blocks/use-service-docgen.ts
+import { getService } from "@aussieljk/forkbook/preview-api";
+
+// src/addon-docs/blocks/blocks/use-query-subscription.ts
+import { useCallback as useCallback2, useRef as useRef2 } from "react";
+import { seedQueryState } from "@aussieljk/forkbook/open-service";
+
+// src/addon-docs/blocks/blocks/useSyncExternalStoreShim.ts
+import { useEffect as useEffect4, useLayoutEffect, useState as useState4 } from "react";
+function useSyncExternalStoreShim(subscribe, getSnapshot) {
+  let value = getSnapshot(), [{ inst }, forceUpdate] = useState4({ inst: { value, getSnapshot } });
+  return useLayoutEffect(() => {
+    inst.value = value, inst.getSnapshot = getSnapshot, didSnapshotChange(inst) && forceUpdate({ inst });
+  }, [subscribe, value, getSnapshot]), useEffect4(() => (didSnapshotChange(inst) && forceUpdate({ inst }), subscribe(() => {
+    didSnapshotChange(inst) && forceUpdate({ inst });
+  })), [subscribe]), value;
+}
+function didSnapshotChange(inst) {
+  let latestGetSnapshot = inst.getSnapshot, prevValue = inst.value;
+  try {
+    let nextValue = latestGetSnapshot();
+    return !Object.is(prevValue, nextValue);
+  } catch {
+    return !0;
+  }
+}
+
+// src/addon-docs/blocks/blocks/use-query-subscription.ts
+function useQuerySubscription(cacheKey, query, input, selector) {
+  let cache = useRef2(void 0);
+  (cache.current?.key !== cacheKey || cache.current.selector !== selector) && (cache.current = {
+    key: cacheKey,
+    selector,
+    state: selector ? seedQueryState(query, input, selector) : seedQueryState(query, input)
+  });
+  let inputRef = useRef2(input);
+  inputRef.current = input;
+  let subscribe = useCallback2(
+    (listener) => {
+      let onQueryState = (state) => {
+        cache.current = { key: cacheKey, selector, state }, listener();
+      };
+      return selector ? query.subscribe(inputRef.current, selector, onQueryState) : query.subscribe(inputRef.current, onQueryState);
+    },
+    [query, cacheKey, selector]
+  ), getSnapshot = useCallback2(() => cache.current.state, []);
+  return useSyncExternalStoreShim(subscribe, getSnapshot);
+}
+
+// src/addon-docs/blocks/blocks/use-service-docgen.ts
+function useServiceDocgen(id11) {
+  let service = getService("core/docgen", { internal: !0 });
+  return useQuerySubscription(id11, service.queries.docgen, { id: id11 });
+}
+
+// src/addon-docs/blocks/blocks/argTypesShared.ts
+function extractComponentArgTypes(component, parameters) {
+  let { extractArgTypes } = parameters.docs || {};
+  if (!extractArgTypes)
+    throw new Error("Args unsupported. See Args documentation for your framework." /* ARGS_UNSUPPORTED */);
+  return extractArgTypes(component);
+}
+function extractSubcomponentArgTypes(subcomponents, parameters) {
+  return Object.fromEntries(
+    Object.entries(subcomponents || {}).map(([key, comp]) => [
+      key,
+      extractComponentArgTypes(comp, parameters)
+    ])
+  );
+}
+function useDocgenServiceRows({
+  componentId,
+  storyId,
+  parameters,
+  initialArgs,
+  customArgTypes
+}) {
+  let { data: servicePayload, isInitialLoading } = useServiceDocgen(componentId);
+  return isInitialLoading ? { rows: null, isInitialLoading } : {
+    rows: {
+      serviceComponentName: servicePayload?.name ?? "",
+      mainRows: mergeServiceArgTypes({
+        payload: servicePayload,
+        storyId: storyId ?? componentId,
+        parameters,
+        initialArgs,
+        customArgTypes
+      }),
+      subcomponentRows: servicePayload ? getServiceSubcomponentArgTypes(servicePayload) : {}
+    },
+    isInitialLoading
+  };
+}
+
+// src/addon-docs/blocks/blocks/useOf.ts
+import { useContext as useContext3 } from "react";
+var useOf = (moduleExportOrType, validTypes) => useContext3(DocsContext).resolveOf(moduleExportOrType, validTypes);
+
+// src/addon-docs/blocks/blocks/utils.ts
+var titleCase = (str) => str.split("-").map((part) => part.charAt(0).toUpperCase() + part.slice(1)).join(""), getComponentName = (component) => {
+  if (component)
+    return typeof component == "string" ? component.includes("-") ? titleCase(component) : component : component.__docgenInfo && component.__docgenInfo.displayName ? component.__docgenInfo.displayName : component.name;
+};
+function scrollToElement(element, block = "start") {
+  element.scrollIntoView({
+    behavior: "smooth",
+    block,
+    inline: "nearest"
+  });
+}
+
+// src/addon-docs/blocks/blocks/ArgTypes.tsx
+import { jsx as jsx15 } from "react/jsx-runtime";
+function useResolveArgTypes(props) {
+  let { of } = props;
+  if ("of" in props && of === void 0)
+    throw new InvalidBlockOfPropError2();
+  let context = useContext4(DocsContext), resolved = useOf(of || "meta"), resolvedArgTypes;
+  if (resolved.type === "component") {
+    let {
+      component,
+      projectAnnotations: { parameters }
+    } = resolved;
+    resolvedArgTypes = {
+      parameters,
+      // Bare `of={Component}` has no story/meta annotations; the docgen service is addressed by
+      // component id, recovered by searching only the CSF files this docs page imports.
+      componentId: context.getComponentId(component),
+      argTypes: extractComponentArgTypes(component, parameters),
+      component
+    };
+  } else if (resolved.type === "meta") {
+    let { id: id11, argTypes, parameters, initialArgs, component, subcomponents } = resolved.preparedMeta;
+    resolvedArgTypes = {
+      parameters,
+      componentId: id11.split("--")[0],
+      initialArgs,
+      argTypes,
+      component,
+      subcomponents
+    };
+  } else {
+    let { id: id11, argTypes, parameters, initialArgs, component, subcomponents } = resolved.story;
+    resolvedArgTypes = {
+      parameters,
+      componentId: id11.split("--")[0],
+      storyId: id11,
+      initialArgs,
+      argTypes,
+      component,
+      subcomponents
+    };
+  }
+  let argTypesParameters = resolvedArgTypes.parameters?.docs?.argTypes || {};
+  return {
+    ...resolvedArgTypes,
+    filterProps: {
+      include: props.include ?? argTypesParameters.include,
+      exclude: props.exclude ?? argTypesParameters.exclude,
+      sort: props.sort ?? argTypesParameters.sort
+    }
+  };
+}
+function renderArgTypesTables({
+  mainName = "Main",
+  mainRows,
+  subcomponentRows,
+  include,
+  exclude,
+  sort,
+  docsLang
+}) {
+  let filteredMainRows = filterArgTypes(mainRows, include, exclude);
+  if (Object.keys(subcomponentRows).length === 0)
+    return jsx15(ArgsTable, { rows: filteredMainRows, sort, docsLang });
+  let tabs = {
+    [mainName]: { rows: filteredMainRows, sort },
+    ...Object.fromEntries(
+      Object.entries(subcomponentRows).map(([key, rows]) => [
+        key,
+        {
+          rows: filterArgTypes(rows, include, exclude),
+          sort
+        }
+      ])
+    )
+  };
+  return jsx15(TabbedArgsTable, { tabs, sort, docsLang });
+}
+var LegacyArgTypes = (props) => {
+  let { argTypes, parameters, component, subcomponents, filterProps } = useResolveArgTypes(props);
+  return argTypes ? renderArgTypesTables({
+    mainName: getComponentName(component),
+    mainRows: argTypes,
+    subcomponentRows: extractSubcomponentArgTypes(subcomponents, parameters),
+    docsLang: parameters?.docs?.lang,
+    ...filterProps
+  }) : null;
+}, DocgenServiceArgTypes = (props) => {
+  let resolved = useResolveArgTypes(props);
+  return resolved.componentId === void 0 ? jsx15(ArgsTable, { error: "No docs found for this component on this page. Import the story file whose meta.component is this component, or pass `of={ComponentStories}`." /* NOT_A_STORY_COMPONENT */ }) : jsx15(DocgenServiceArgTypesRows, { ...resolved, componentId: resolved.componentId });
+}, DocgenServiceArgTypesRows = ({
+  argTypes,
+  parameters,
+  componentId,
+  storyId,
+  initialArgs,
+  filterProps
+}) => {
+  let { rows: serviceRows, isInitialLoading } = useDocgenServiceRows({
+    componentId,
+    storyId,
+    parameters,
+    initialArgs,
+    customArgTypes: argTypes
+  });
+  return isInitialLoading ? jsx15(ArgsTable, { isLoading: !0 }) : serviceRows ? renderArgTypesTables({
+    mainName: serviceRows.serviceComponentName,
+    mainRows: serviceRows.mainRows,
+    subcomponentRows: serviceRows.subcomponentRows,
+    docsLang: parameters?.docs?.lang,
+    ...filterProps
+  }) : null;
+}, ArgTypesImpl = (props) => globalThis.FEATURES?.docgenServer ? jsx15(DocgenServiceArgTypes, { ...props }) : jsx15(LegacyArgTypes, { ...props }), ArgTypes = withMdxComponentOverride("ArgTypes", ArgTypesImpl);
+
+// src/addon-docs/blocks/blocks/Canvas.tsx
+import { useCallback as useCallback4, useContext as useContext6 } from "react";
+import { FORCE_REMOUNT } from "@aussieljk/forkbook/internal/core-events";
+import { InvalidBlockOfPropError as InvalidBlockOfPropError4 } from "@aussieljk/forkbook/internal/preview-errors";
+
+// src/addon-docs/blocks/blocks/Source.tsx
+import { useContext as useContext5, useMemo as useMemo2 } from "react";
+import { SourceType } from "@aussieljk/forkbook/internal/docs-tools";
+import { InvalidBlockOfPropError as InvalidBlockOfPropError3 } from "@aussieljk/forkbook/internal/preview-errors";
+
+// src/addon-docs/blocks/blocks/SourceContainer.tsx
+import { createContext as createContext3, useEffect as useEffect5, useState as useState5 } from "react";
+import { SNIPPET_RENDERED } from "@aussieljk/forkbook/internal/docs-tools";
+import { jsx as jsx16 } from "react/jsx-runtime";
+function argsHash(args) {
+  return stringify(args, { maxDepth: 50 });
+}
+var SourceContext = createContext3({ sources: {} }), UNKNOWN_ARGS_HASH = "--unknown--", SourceContainer = ({
+  children,
+  channel
+}) => {
+  let [sources, setSources] = useState5({});
+  return useEffect5(() => {
+    let handleSnippetRendered = (idOrEvent, inputSource = null, inputFormat = !1) => {
+      let {
+        id: id11,
+        args = void 0,
+        source,
+        format: format2,
+        warning = void 0
+      } = typeof idOrEvent == "string" ? {
+        id: idOrEvent,
+        source: inputSource,
+        format: inputFormat
+      } : idOrEvent, hash = args ? argsHash(args) : UNKNOWN_ARGS_HASH;
+      setSources((current) => ({
+        ...current,
+        [id11]: {
+          ...current[id11],
+          [hash]: { code: source || "", format: format2, warning }
+        }
+      }));
+    };
+    return channel.on(SNIPPET_RENDERED, handleSnippetRendered), () => channel.off(SNIPPET_RENDERED, handleSnippetRendered);
+  }, []), jsx16(SourceContext.Provider, { value: { sources }, children });
+};
+
+// src/addon-docs/blocks/blocks/use-service-story-docs.ts
+import { useCallback as useCallback3 } from "react";
+import {
+  selectSnippetForStory,
+  selectStoryDoc,
+  selectWarningForStory
+} from "@aussieljk/forkbook/open-service";
+import { getService as getService2 } from "@aussieljk/forkbook/preview-api";
+function useServiceStory(storyId, selector) {
+  let componentId = storyId.split("--")[0], service = getService2("core/story-docs", { internal: !0 }), boundSelector = useCallback3(
+    (payload) => selector(payload, storyId),
+    [selector, storyId]
+  );
+  return useQuerySubscription(
+    storyId,
+    service.queries.storyDocs,
+    { id: componentId },
+    boundSelector
+  );
+}
+function useServiceStoryDoc(storyId) {
+  return useServiceStory(storyId, selectStoryDoc);
+}
+function useServiceStorySnippet(storyId) {
+  return useServiceStory(storyId, selectSnippetForStory);
+}
+function useServiceStoryWarning(storyId) {
+  return useServiceStory(storyId, selectWarningForStory);
+}
+
+// src/addon-docs/blocks/blocks/useTransformCode.tsx
+import { useEffect as useEffect6, useState as useState6 } from "react";
+function useTransformCode(source, transform, storyContext) {
+  let [transformedCode, setTransformedCode] = useState6("Transforming..."), transformed = transform ? transform?.(source, storyContext) : source;
+  return useEffect6(() => {
+    async function getTransformedCode() {
+      let transformResult = await transformed;
+      transformResult !== transformedCode && setTransformedCode(transformResult);
+    }
+    getTransformedCode();
+  }), typeof transformed == "object" && typeof transformed.then == "function" ? transformedCode : transformed;
+}
+
+// src/addon-docs/blocks/blocks/Source.tsx
+import { jsx as jsx17 } from "react/jsx-runtime";
+var EMPTY_SOURCE_CONTEXT = { sources: {} }, getStorySource = (storyId, args, sourceContext) => {
+  let { sources } = sourceContext, sourceMap = sources?.[storyId];
+  return sourceMap?.[argsHash(args)] || sourceMap?.[UNKNOWN_ARGS_HASH] || { code: "" };
+}, useCode = ({
+  snippet,
+  serviceSnippet,
+  storyContext,
+  typeFromProps,
+  transformFromProps
+}) => {
+  let parameters = storyContext.parameters ?? {}, { __isArgsStory: isArgsStory } = parameters, sourceParameters = parameters.docs?.source || {}, type = typeFromProps || sourceParameters.type || SourceType.AUTO, staticSnippet = serviceSnippet || snippet, code = /* if user has explicitly set this as dynamic, use snippet */ type === SourceType.DYNAMIC || // if this is an args story and there's a snippet
+  type === SourceType.AUTO && staticSnippet && isArgsStory ? staticSnippet : sourceParameters.originalSource || "", transformer = transformFromProps ?? sourceParameters.transform, transformedCode = transformer ? useTransformCode(code, transformer, storyContext) : code;
+  return sourceParameters.code !== void 0 ? sourceParameters.code : transformedCode;
+}, useSourceProps = (props, docsContext, sourceContext, serviceSnippet = "", serviceWarning) => {
+  let { of } = props, story = useMemo2(() => {
+    if (of)
+      return docsContext.resolveOf(of, ["story"]).story;
+    try {
+      return docsContext.storyById();
+    } catch {
+    }
+  }, [docsContext, of]), storyContext = story ? docsContext.getStoryContext(story) : {}, argsForSource = props.__forceInitialArgs ? storyContext.initialArgs : storyContext.unmappedArgs, source = story ? getStorySource(story.id, argsForSource, sourceContext) : null, transformedCode = useCode({
+    snippet: source ? source.code : "",
+    serviceSnippet,
+    storyContext: { ...storyContext, args: argsForSource },
+    typeFromProps: props.type,
+    transformFromProps: props.transform
+  });
+  if ("of" in props && of === void 0)
+    throw new InvalidBlockOfPropError3();
+  let sourceParameters = story?.parameters?.docs?.source || {}, format2 = props.format, language = props.language ?? sourceParameters.language ?? "jsx", dark = props.dark ?? sourceParameters.dark ?? !1;
+  if (props.code === void 0 && !story)
+    return { error: "Oh no! The source is not available." /* SOURCE_UNAVAILABLE */ };
+  if (props.code !== void 0)
+    return {
+      code: props.code,
+      format: format2,
+      language,
+      dark
+    };
+  format2 = source?.format ?? !0;
+  let warning;
+  return transformedCode === serviceSnippet ? warning = serviceWarning : transformedCode === source?.code && (warning = source.warning), {
+    code: transformedCode,
+    format: format2,
+    language,
+    dark,
+    warning
+  };
+}, SourceWithStoryDocsSnippet = ({ storyId, docsContext, sourceContext, ...props }) => {
+  let serviceSnippet = useServiceStorySnippet(storyId).data ?? "", serviceWarning = useServiceStoryWarning(storyId).data, sourceProps = useSourceProps(
+    props,
+    docsContext,
+    sourceContext,
+    serviceSnippet,
+    serviceWarning
+  );
+  return jsx17(Source, { ...sourceProps });
+}, SourceWithStorySnippet = (props) => {
+  let { of } = props, sourceContext = useContext5(SourceContext), docsContext = useContext5(DocsContext), story = useMemo2(() => {
+    if (of)
+      return docsContext.resolveOf(of, ["story"]).story;
+    try {
+      return docsContext.storyById();
+    } catch {
+    }
+  }, [docsContext, of]);
+  if (globalThis.FEATURES?.docgenServer && story?.id)
+    return jsx17(
+      SourceWithStoryDocsSnippet,
+      {
+        ...props,
+        docsContext,
+        sourceContext,
+        storyId: story.id
+      }
+    );
+  let sourceProps = useSourceProps(props, docsContext, sourceContext);
+  return jsx17(Source, { ...sourceProps });
+}, SourceWithCode = (props) => {
+  let docsContext = useContext5(DocsContext), sourceProps = useSourceProps(props, docsContext, EMPTY_SOURCE_CONTEXT);
+  return jsx17(Source, { ...sourceProps });
+}, SourceImpl = (props) => props.code !== void 0 ? jsx17(SourceWithCode, { ...props }) : jsx17(SourceWithStorySnippet, { ...props }), Source2 = withMdxComponentOverride("Source", SourceImpl);
+
+// src/addon-docs/blocks/blocks/Canvas.tsx
+import { jsx as jsx18 } from "react/jsx-runtime";
+var CanvasImpl = (props) => {
+  let docsContext = useContext6(DocsContext), sourceContext = useContext6(SourceContext), { of, source } = props;
+  if ("of" in props && of === void 0)
+    throw new InvalidBlockOfPropError4();
+  let { story } = useOf(of || "story", ["story"]), sourceProps = useSourceProps({ ...source, ...of && { of } }, docsContext, sourceContext), layout = props.layout ?? story.parameters.layout ?? story.parameters.docs?.canvas?.layout ?? "padded", withToolbar = props.withToolbar ?? story.parameters.docs?.canvas?.withToolbar ?? !1, additionalActions = props.additionalActions ?? story.parameters.docs?.canvas?.additionalActions, sourceState = props.sourceState ?? story.parameters.docs?.canvas?.sourceState ?? "hidden", className = props.className ?? story.parameters.docs?.canvas?.className, inline = props.story?.inline ?? story.parameters?.docs?.story?.inline ?? !1, handleReloadStory = useCallback4(() => {
+    docsContext.channel.emit(FORCE_REMOUNT, { storyId: story.id });
+  }, [docsContext.channel, story.id]);
+  return jsx18(
+    Preview,
+    {
+      withSource: sourceState === "none" ? void 0 : sourceProps,
+      isExpanded: sourceState === "shown",
+      withToolbar,
+      additionalActions,
+      className,
+      layout,
+      inline,
+      onReloadStory: inline ? handleReloadStory : void 0,
+      children: jsx18(Story2, { of: of || story.moduleExport, meta: props.meta, ...props.story })
+    }
+  );
+}, Canvas = withMdxComponentOverride("Canvas", CanvasImpl);
+
+// src/addon-docs/blocks/blocks/Controls.tsx
+import { useContext as useContext8, useId as useId2 } from "react";
+import { filterArgTypes as filterArgTypes2 } from "@aussieljk/forkbook/preview-api";
+
+// src/addon-docs/blocks/blocks/useArgs.ts
+import { useCallback as useCallback5, useEffect as useEffect7, useState as useState7 } from "react";
+import {
+  RESET_STORY_ARGS,
+  STORY_ARGS_UPDATED,
+  UPDATE_STORY_ARGS
+} from "@aussieljk/forkbook/internal/core-events";
+var useArgs = (story, context) => {
+  let result = useArgsIfDefined(story, context);
+  if (!result)
+    throw new Error("No result when story was defined");
+  return result;
+}, useArgsIfDefined = (story, context) => {
+  let storyContext = story ? context.getStoryContext(story) : { args: {} }, { id: storyId } = story || { id: "none" }, [args, setArgs] = useState7(storyContext.args);
+  useEffect7(() => {
+    let onArgsUpdated = (changed) => {
+      changed.storyId === storyId && setArgs(changed.args);
+    };
+    return context.channel.on(STORY_ARGS_UPDATED, onArgsUpdated), () => context.channel.off(STORY_ARGS_UPDATED, onArgsUpdated);
+  }, [storyId, context.channel]);
+  let updateArgs = useCallback5(
+    (updatedArgs) => context.channel.emit(UPDATE_STORY_ARGS, { storyId, updatedArgs }),
+    [storyId, context.channel]
+  ), resetArgs = useCallback5(
+    (argNames) => context.channel.emit(RESET_STORY_ARGS, { storyId, argNames }),
+    [storyId, context.channel]
+  );
+  return story && [args, updateArgs, resetArgs];
+};
+
+// src/addon-docs/blocks/blocks/useGlobals.ts
+import { useEffect as useEffect8, useState as useState8 } from "react";
+import { GLOBALS_UPDATED } from "@aussieljk/forkbook/internal/core-events";
+var useGlobals = (story, context) => {
+  let storyContext = context.getStoryContext(story), [globals, setGlobals] = useState8(storyContext.globals);
+  return useEffect8(() => {
+    let onGlobalsUpdated = (changed) => {
+      setGlobals(changed.globals);
+    };
+    return context.channel.on(GLOBALS_UPDATED, onGlobalsUpdated), () => context.channel.off(GLOBALS_UPDATED, onGlobalsUpdated);
+  }, [context.channel]), [globals];
+};
+
+// src/addon-docs/blocks/blocks/usePrimaryStory.ts
+import { useContext as useContext7 } from "react";
+import { Tag } from "@aussieljk/forkbook/internal/preview-api";
+var usePrimaryStory = () => {
+  let context = useContext7(DocsContext), stories = context.componentStories();
+  return context.filterByAutodocs === !1 ? stories[0] : stories.find((story) => story.tags.includes(Tag.AUTODOCS));
+};
+
+// src/addon-docs/blocks/blocks/Controls.tsx
+import { jsx as jsx19 } from "react/jsx-runtime";
+function getControlsFilterProps(story, props) {
+  let controlsParameters = story.parameters.docs?.controls || {};
+  return {
+    include: props.include ?? controlsParameters.include,
+    exclude: props.exclude ?? controlsParameters.exclude,
+    sort: props.sort ?? controlsParameters.sort
+  };
+}
+function useControlsInteractiveState(story, context) {
+  let controlsId = useId2(), [args, updateArgs, resetArgs] = useArgs(story, context), [globals] = useGlobals(story, context);
+  return { controlsId, args, globals, updateArgs, resetArgs };
+}
+var ControlsTables = ({
+  mainName = "Story",
+  mainRows,
+  subcomponentRows,
+  include,
+  exclude,
+  sort,
+  storyId,
+  controlsId,
+  args,
+  globals,
+  updateArgs,
+  resetArgs,
+  docsLang
+}) => {
+  let filteredMainRows = filterArgTypes2(mainRows, include, exclude);
+  if (Object.keys(subcomponentRows).length === 0)
+    return Object.keys(filteredMainRows).length > 0 || Object.keys(args).length > 0 ? jsx19(
+      ArgsTable,
+      {
+        storyId,
+        controlsId,
+        rows: filteredMainRows,
+        sort,
+        args,
+        globals,
+        updateArgs,
+        resetArgs,
+        docsLang
+      }
+    ) : null;
+  let tabs = {
+    [mainName]: { rows: filteredMainRows, sort },
+    ...Object.fromEntries(
+      Object.entries(subcomponentRows).map(([key, rows]) => [
+        key,
+        {
+          rows: filterArgTypes2(rows, include, exclude),
+          sort
+        }
+      ])
+    )
+  };
+  return jsx19(
+    TabbedArgsTable,
+    {
+      tabs,
+      sort,
+      args,
+      globals,
+      updateArgs,
+      resetArgs,
+      storyId,
+      controlsId,
+      docsLang
+    }
+  );
+}, LegacyControls = ({ story, context, ...props }) => {
+  let { parameters, argTypes, component, subcomponents } = story, filterProps = getControlsFilterProps(story, props), interactiveState = useControlsInteractiveState(story, context);
+  return argTypes ? jsx19(
+    ControlsTables,
+    {
+      mainName: getComponentName(component) || "Story",
+      mainRows: argTypes,
+      subcomponentRows: extractSubcomponentArgTypes(subcomponents, parameters),
+      ...filterProps,
+      storyId: story.id,
+      ...interactiveState,
+      docsLang: parameters?.docs?.lang
+    }
+  ) : null;
+}, DocgenServiceControls = ({ story, context, ...props }) => {
+  let { parameters, argTypes } = story, filterProps = getControlsFilterProps(story, props), interactiveState = useControlsInteractiveState(story, context), { rows: serviceRows, isInitialLoading } = useDocgenServiceRows({
+    componentId: story.id.split("--")[0],
+    storyId: story.id,
+    parameters,
+    initialArgs: story.initialArgs,
+    customArgTypes: argTypes
+  });
+  return isInitialLoading ? jsx19(ArgsTable, { isLoading: !0 }) : serviceRows ? jsx19(
+    ControlsTables,
+    {
+      mainName: serviceRows.serviceComponentName,
+      mainRows: serviceRows.mainRows,
+      subcomponentRows: serviceRows.subcomponentRows,
+      ...filterProps,
+      storyId: story.id,
+      ...interactiveState,
+      docsLang: parameters?.docs?.lang
+    }
+  ) : null;
+}, ControlsImpl = (props) => {
+  let { of } = props, context = useContext8(DocsContext), primaryStory = usePrimaryStory(), story = of ? context.resolveOf(of, ["story"]).story : primaryStory;
+  if (!story)
+    return null;
+  let storyProps = { ...props, story, context };
+  return globalThis.FEATURES?.docgenServer ? jsx19(DocgenServiceControls, { ...storyProps }) : jsx19(LegacyControls, { ...storyProps });
+}, Controls = withMdxComponentOverride("Controls", ControlsImpl);
+
+// src/addon-docs/blocks/blocks/Description.tsx
+import { useContext as useContext10 } from "react";
+import { InvalidBlockOfPropError as InvalidBlockOfPropError5 } from "@aussieljk/forkbook/internal/preview-errors";
+
+// src/addon-docs/blocks/blocks/Markdown.tsx
+import { dedent } from "ts-dedent";
+
+// src/addon-docs/blocks/blocks/mdx.tsx
+import React12, { useContext as useContext9 } from "react";
+import {
+  Button as Button3,
+  Code,
+  components,
+  nameSpaceClassNames
+} from "@aussieljk/forkbook/internal/components";
+import { NAVIGATE_URL as NAVIGATE_URL2 } from "@aussieljk/forkbook/internal/core-events";
+import { LinkIcon } from "@storybook/icons";
+
+// storybook-css:/Users/ljk/p/repos/storybook/code/core/src/addon-docs/blocks/blocks/mdx.module.css
+var id10 = "core/src/addon-docs/blocks/blocks/mdx.module.css";
+if (typeof document < "u" && !document.querySelector(`style[data-sb-css="${id10}"]`)) {
+  let style = document.createElement("style");
+  style.setAttribute("data-sb-css", id10), style.textContent = ".sb-HnuX0q-alignmentWrapper{display:block;position:relative;& svg{visibility:hidden}&:hover svg,&:focus-within svg{visibility:visible}}.sb-HnuX0q-anchorWrapper{line-height:inherit;color:inherit;padding-right:8px;position:absolute;top:50%;right:100%;& a{color:inherit;text-decoration:none}}.sb-HnuX0q-anchorWrapper.sb-HnuX0q-anchorWrapper{margin-top:-14px}", document.head.appendChild(style);
+}
+var mdx_default = { alignmentWrapper: "sb-HnuX0q-alignmentWrapper", anchorWrapper: "sb-HnuX0q-anchorWrapper" };
+
+// src/addon-docs/blocks/blocks/mdx.tsx
+import { jsx as jsx20, jsxs as jsxs9 } from "react/jsx-runtime";
+var { document: document2 } = globalThis, assertIsFn = (val) => {
+  if (typeof val != "function")
+    throw new Error(`Expected story function, got: ${val}`);
+  return val;
+}, AddContext = (props) => {
+  let { children, ...rest } = props, parentContext = React12.useContext(DocsContext);
+  return jsx20(DocsContext.Provider, { value: { ...parentContext, ...rest }, children });
+}, CodeOrSourceMdx = ({
+  className,
+  children,
+  ...rest
+}) => {
+  if (typeof className != "string" && (typeof children != "string" || !children.match(/[\n\r]/g)))
+    return jsx20(Code, { children });
+  let language = className && className.split("-");
+  return jsx20(
+    Source,
+    {
+      language: language && language[1] || "text",
+      format: !1,
+      code: children,
+      ...rest
+    }
+  );
+};
+function navigate(context, url) {
+  context.channel.emit(NAVIGATE_URL2, url);
+}
+var A = components.a, AnchorInPage = ({ hash, children }) => {
+  let context = useContext9(DocsContext);
+  return jsx20(
+    A,
+    {
+      href: hash,
+      target: "_self",
+      onClick: (event) => {
+        let id11 = hash.substring(1);
+        document2.getElementById(id11) && navigate(context, hash);
+      },
+      children
+    }
+  );
+}, AnchorMdx = (props) => {
+  let { href, target, children, ...rest } = props, context = useContext9(DocsContext);
+  return !href || target === "_blank" || /^https?:\/\//.test(href) ? jsx20(A, { ...props }) : href.startsWith("#") ? jsx20(AnchorInPage, { hash: href, children }) : jsx20(
+    A,
+    {
+      href,
+      onClick: (event) => {
+        event.button === 0 && !event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey && (event.preventDefault(), navigate(context, event.currentTarget.getAttribute("href") || ""));
+      },
+      target,
+      ...rest,
+      children
+    }
+  );
+}, SUPPORTED_MDX_HEADERS = ["h1", "h2", "h3", "h4", "h5", "h6"], HeaderWithOcticonAnchor = ({
+  as,
+  id: id11,
+  children,
+  ...rest
+}) => {
+  let context = useContext9(DocsContext), OcticonHeader = as, hash = `#${id11}`;
+  return jsx20(OcticonHeader, { id: id11, ...rest, children: jsxs9("span", { className: `${mdx_default.alignmentWrapper} sb-unstyled`, children: [
+    jsx20("span", { className: mdx_default.anchorWrapper, children: jsx20(
+      Button3,
+      {
+        asChild: !0,
+        variant: "ghost",
+        size: "small",
+        padding: "small",
+        ariaLabel: "Copy heading URL to address bar",
+        children: jsx20(
+          "a",
+          {
+            href: hash,
+            target: "_self",
+            onClick: (event) => {
+              event.preventDefault(), document2.getElementById(id11) && navigate(context, hash);
+            },
+            children: jsx20(LinkIcon, {})
+          }
+        )
+      }
+    ) }),
+    children
+  ] }) });
+}, HeaderMdx = (props) => {
+  let { as, id: id11, children, ...rest } = props;
+  if (id11)
+    return jsx20(HeaderWithOcticonAnchor, { as, id: id11, ...rest, children });
+  let Component2 = as, { as: omittedAs, ...withoutAs } = props;
+  return jsx20(Component2, { ...nameSpaceClassNames(withoutAs, as) });
+}, HeadersMdx = SUPPORTED_MDX_HEADERS.reduce(
+  (acc, headerType) => ({
+    ...acc,
+    // @ts-expect-error (Converted from ts-ignore)
+    [headerType]: (props) => jsx20(HeaderMdx, { as: headerType, ...props })
+  }),
+  {}
+);
+
+// src/addon-docs/blocks/blocks/Markdown.tsx
+import { jsx as jsx21 } from "react/jsx-runtime";
+var MarkdownImpl = (props) => {
+  if (!props.children)
+    return null;
+  if (typeof props.children != "string")
+    throw new Error(
+      dedent`The Markdown block only accepts children as a single string, but children were of type: '${typeof props.children}'
+        This is often caused by not wrapping the child in a template string.
+        
+        This is invalid:
+        <Markdown>
+          # Some heading
+          A paragraph
+        </Markdown>
+
+        Instead do:
+        <Markdown>
+        {\`
+          # Some heading
+          A paragraph
+        \`}
+        </Markdown>
+      `
+    );
+  return jsx21(
+    index_modern_default,
+    {
+      ...props,
+      options: {
+        forceBlock: !0,
+        overrides: {
+          code: CodeOrSourceMdx,
+          a: AnchorMdx,
+          ...HeadersMdx,
+          ...props?.options?.overrides
+        },
+        ...props?.options
+      }
+    }
+  );
+}, Markdown = withMdxComponentOverride("Markdown", MarkdownImpl);
+
+// src/addon-docs/blocks/blocks/Description.tsx
+import { jsx as jsx22 } from "react/jsx-runtime";
+var DescriptionType = /* @__PURE__ */ ((DescriptionType2) => (DescriptionType2.INFO = "info", DescriptionType2.NOTES = "notes", DescriptionType2.DOCGEN = "docgen", DescriptionType2.AUTO = "auto", DescriptionType2))(DescriptionType || {}), getDescriptionFromResolvedOf = (resolvedOf, serviceComponentDescription, storyDocsDescription) => {
+  switch (resolvedOf.type) {
+    case "story": {
+      let storyDescription = resolvedOf.story.parameters.docs?.description?.story;
+      return storyDescription !== void 0 ? storyDescription : storyDocsDescription ?? null;
+    }
+    case "meta": {
+      let { parameters, component } = resolvedOf.preparedMeta, metaDescription = parameters.docs?.description?.component;
+      return metaDescription || parameters.docs?.extractComponentDescription?.(component, {
+        component,
+        parameters
+      }) || serviceComponentDescription || null;
+    }
+    case "component": {
+      let {
+        component,
+        projectAnnotations: { parameters }
+      } = resolvedOf;
+      return parameters?.docs?.extractComponentDescription?.(component, {
+        component,
+        parameters
+      }) || serviceComponentDescription || null;
+    }
+    default:
+      throw new Error(
+        `Unrecognized module type resolved from 'useOf', got: ${resolvedOf.type}`
+      );
+  }
+}, DescriptionBody = ({ resolvedOf, serviceComponentDescription, lang, storyDocsDescription }) => {
+  let markdown = getDescriptionFromResolvedOf(
+    resolvedOf,
+    serviceComponentDescription,
+    storyDocsDescription
+  );
+  return markdown ? jsx22(Markdown, { lang, children: markdown }) : null;
+}, DescriptionStoryWithServices = ({ resolvedOf }) => {
+  let storyDocsDescription = useServiceStoryDoc(resolvedOf.story.id).data?.description, lang = resolvedOf.story.parameters.docs?.lang || "en";
+  return jsx22(
+    DescriptionBody,
+    {
+      resolvedOf,
+      storyDocsDescription,
+      lang
+    }
+  );
+}, DescriptionComponentWithServices = ({ resolvedOf, componentId }) => {
+  let serviceComponentDescription = useServiceDocgen(componentId).data?.description || void 0, lang = resolvedOf.type === "meta" ? resolvedOf.preparedMeta.parameters.docs?.lang || "en" : resolvedOf.projectAnnotations.parameters?.docs?.lang || "en";
+  return jsx22(
+    DescriptionBody,
+    {
+      resolvedOf,
+      serviceComponentDescription,
+      lang
+    }
+  );
+}, DescriptionImpl = (props) => {
+  let { of } = props, context = useContext10(DocsContext);
+  if ("of" in props && of === void 0)
+    throw new InvalidBlockOfPropError5();
+  let resolvedOf = useOf(of || "meta");
+  if (globalThis.FEATURES?.docgenServer) {
+    if (resolvedOf.type === "story")
+      return jsx22(DescriptionStoryWithServices, { resolvedOf });
+    let componentId = resolvedOf.type === "meta" ? resolvedOf.preparedMeta.componentId : context.getComponentId(resolvedOf.component);
+    if (componentId)
+      return jsx22(DescriptionComponentWithServices, { resolvedOf, componentId });
+  }
+  let lang = (resolvedOf.type === "story" ? resolvedOf.story.parameters : resolvedOf.type === "meta" ? resolvedOf.preparedMeta.parameters : resolvedOf.projectAnnotations.parameters)?.docs?.lang || "en";
+  return jsx22(DescriptionBody, { resolvedOf, lang });
+}, Description = withMdxComponentOverride("Description", DescriptionImpl);
+
+// src/addon-docs/blocks/blocks/DocsContainer.tsx
+import { useEffect as useEffect9, useMemo as useMemo3 } from "react";
+import { ensure as ensureTheme, ThemeProvider } from "@aussieljk/forkbook/theming";
+
+// src/addon-docs/blocks/blocks/DocsSluggerContext.ts
+import { createContext as createContext4 } from "react";
+
+// ../../node_modules/github-slugger/regex.js
+var regex = /[\0-\x1F!-,\.\/:-@\[-\^`\{-\xA9\xAB-\xB4\xB6-\xB9\xBB-\xBF\xD7\xF7\u02C2-\u02C5\u02D2-\u02DF\u02E5-\u02EB\u02ED\u02EF-\u02FF\u0375\u0378\u0379\u037E\u0380-\u0385\u0387\u038B\u038D\u03A2\u03F6\u0482\u0530\u0557\u0558\u055A-\u055F\u0589-\u0590\u05BE\u05C0\u05C3\u05C6\u05C8-\u05CF\u05EB-\u05EE\u05F3-\u060F\u061B-\u061F\u066A-\u066D\u06D4\u06DD\u06DE\u06E9\u06FD\u06FE\u0700-\u070F\u074B\u074C\u07B2-\u07BF\u07F6-\u07F9\u07FB\u07FC\u07FE\u07FF\u082E-\u083F\u085C-\u085F\u086B-\u089F\u08B5\u08C8-\u08D2\u08E2\u0964\u0965\u0970\u0984\u098D\u098E\u0991\u0992\u09A9\u09B1\u09B3-\u09B5\u09BA\u09BB\u09C5\u09C6\u09C9\u09CA\u09CF-\u09D6\u09D8-\u09DB\u09DE\u09E4\u09E5\u09F2-\u09FB\u09FD\u09FF\u0A00\u0A04\u0A0B-\u0A0E\u0A11\u0A12\u0A29\u0A31\u0A34\u0A37\u0A3A\u0A3B\u0A3D\u0A43-\u0A46\u0A49\u0A4A\u0A4E-\u0A50\u0A52-\u0A58\u0A5D\u0A5F-\u0A65\u0A76-\u0A80\u0A84\u0A8E\u0A92\u0AA9\u0AB1\u0AB4\u0ABA\u0ABB\u0AC6\u0ACA\u0ACE\u0ACF\u0AD1-\u0ADF\u0AE4\u0AE5\u0AF0-\u0AF8\u0B00\u0B04\u0B0D\u0B0E\u0B11\u0B12\u0B29\u0B31\u0B34\u0B3A\u0B3B\u0B45\u0B46\u0B49\u0B4A\u0B4E-\u0B54\u0B58-\u0B5B\u0B5E\u0B64\u0B65\u0B70\u0B72-\u0B81\u0B84\u0B8B-\u0B8D\u0B91\u0B96-\u0B98\u0B9B\u0B9D\u0BA0-\u0BA2\u0BA5-\u0BA7\u0BAB-\u0BAD\u0BBA-\u0BBD\u0BC3-\u0BC5\u0BC9\u0BCE\u0BCF\u0BD1-\u0BD6\u0BD8-\u0BE5\u0BF0-\u0BFF\u0C0D\u0C11\u0C29\u0C3A-\u0C3C\u0C45\u0C49\u0C4E-\u0C54\u0C57\u0C5B-\u0C5F\u0C64\u0C65\u0C70-\u0C7F\u0C84\u0C8D\u0C91\u0CA9\u0CB4\u0CBA\u0CBB\u0CC5\u0CC9\u0CCE-\u0CD4\u0CD7-\u0CDD\u0CDF\u0CE4\u0CE5\u0CF0\u0CF3-\u0CFF\u0D0D\u0D11\u0D45\u0D49\u0D4F-\u0D53\u0D58-\u0D5E\u0D64\u0D65\u0D70-\u0D79\u0D80\u0D84\u0D97-\u0D99\u0DB2\u0DBC\u0DBE\u0DBF\u0DC7-\u0DC9\u0DCB-\u0DCE\u0DD5\u0DD7\u0DE0-\u0DE5\u0DF0\u0DF1\u0DF4-\u0E00\u0E3B-\u0E3F\u0E4F\u0E5A-\u0E80\u0E83\u0E85\u0E8B\u0EA4\u0EA6\u0EBE\u0EBF\u0EC5\u0EC7\u0ECE\u0ECF\u0EDA\u0EDB\u0EE0-\u0EFF\u0F01-\u0F17\u0F1A-\u0F1F\u0F2A-\u0F34\u0F36\u0F38\u0F3A-\u0F3D\u0F48\u0F6D-\u0F70\u0F85\u0F98\u0FBD-\u0FC5\u0FC7-\u0FFF\u104A-\u104F\u109E\u109F\u10C6\u10C8-\u10CC\u10CE\u10CF\u10FB\u1249\u124E\u124F\u1257\u1259\u125E\u125F\u1289\u128E\u128F\u12B1\u12B6\u12B7\u12BF\u12C1\u12C6\u12C7\u12D7\u1311\u1316\u1317\u135B\u135C\u1360-\u137F\u1390-\u139F\u13F6\u13F7\u13FE-\u1400\u166D\u166E\u1680\u169B-\u169F\u16EB-\u16ED\u16F9-\u16FF\u170D\u1715-\u171F\u1735-\u173F\u1754-\u175F\u176D\u1771\u1774-\u177F\u17D4-\u17D6\u17D8-\u17DB\u17DE\u17DF\u17EA-\u180A\u180E\u180F\u181A-\u181F\u1879-\u187F\u18AB-\u18AF\u18F6-\u18FF\u191F\u192C-\u192F\u193C-\u1945\u196E\u196F\u1975-\u197F\u19AC-\u19AF\u19CA-\u19CF\u19DA-\u19FF\u1A1C-\u1A1F\u1A5F\u1A7D\u1A7E\u1A8A-\u1A8F\u1A9A-\u1AA6\u1AA8-\u1AAF\u1AC1-\u1AFF\u1B4C-\u1B4F\u1B5A-\u1B6A\u1B74-\u1B7F\u1BF4-\u1BFF\u1C38-\u1C3F\u1C4A-\u1C4C\u1C7E\u1C7F\u1C89-\u1C8F\u1CBB\u1CBC\u1CC0-\u1CCF\u1CD3\u1CFB-\u1CFF\u1DFA\u1F16\u1F17\u1F1E\u1F1F\u1F46\u1F47\u1F4E\u1F4F\u1F58\u1F5A\u1F5C\u1F5E\u1F7E\u1F7F\u1FB5\u1FBD\u1FBF-\u1FC1\u1FC5\u1FCD-\u1FCF\u1FD4\u1FD5\u1FDC-\u1FDF\u1FED-\u1FF1\u1FF5\u1FFD-\u203E\u2041-\u2053\u2055-\u2070\u2072-\u207E\u2080-\u208F\u209D-\u20CF\u20F1-\u2101\u2103-\u2106\u2108\u2109\u2114\u2116-\u2118\u211E-\u2123\u2125\u2127\u2129\u212E\u213A\u213B\u2140-\u2144\u214A-\u214D\u214F-\u215F\u2189-\u24B5\u24EA-\u2BFF\u2C2F\u2C5F\u2CE5-\u2CEA\u2CF4-\u2CFF\u2D26\u2D28-\u2D2C\u2D2E\u2D2F\u2D68-\u2D6E\u2D70-\u2D7E\u2D97-\u2D9F\u2DA7\u2DAF\u2DB7\u2DBF\u2DC7\u2DCF\u2DD7\u2DDF\u2E00-\u2E2E\u2E30-\u3004\u3008-\u3020\u3030\u3036\u3037\u303D-\u3040\u3097\u3098\u309B\u309C\u30A0\u30FB\u3100-\u3104\u3130\u318F-\u319F\u31C0-\u31EF\u3200-\u33FF\u4DC0-\u4DFF\u9FFD-\u9FFF\uA48D-\uA4CF\uA4FE\uA4FF\uA60D-\uA60F\uA62C-\uA63F\uA673\uA67E\uA6F2-\uA716\uA720\uA721\uA789\uA78A\uA7C0\uA7C1\uA7CB-\uA7F4\uA828-\uA82B\uA82D-\uA83F\uA874-\uA87F\uA8C6-\uA8CF\uA8DA-\uA8DF\uA8F8-\uA8FA\uA8FC\uA92E\uA92F\uA954-\uA95F\uA97D-\uA97F\uA9C1-\uA9CE\uA9DA-\uA9DF\uA9FF\uAA37-\uAA3F\uAA4E\uAA4F\uAA5A-\uAA5F\uAA77-\uAA79\uAAC3-\uAADA\uAADE\uAADF\uAAF0\uAAF1\uAAF7-\uAB00\uAB07\uAB08\uAB0F\uAB10\uAB17-\uAB1F\uAB27\uAB2F\uAB5B\uAB6A-\uAB6F\uABEB\uABEE\uABEF\uABFA-\uABFF\uD7A4-\uD7AF\uD7C7-\uD7CA\uD7FC-\uD7FF\uE000-\uF8FF\uFA6E\uFA6F\uFADA-\uFAFF\uFB07-\uFB12\uFB18-\uFB1C\uFB29\uFB37\uFB3D\uFB3F\uFB42\uFB45\uFBB2-\uFBD2\uFD3E-\uFD4F\uFD90\uFD91\uFDC8-\uFDEF\uFDFC-\uFDFF\uFE10-\uFE1F\uFE30-\uFE32\uFE35-\uFE4C\uFE50-\uFE6F\uFE75\uFEFD-\uFF0F\uFF1A-\uFF20\uFF3B-\uFF3E\uFF40\uFF5B-\uFF65\uFFBF-\uFFC1\uFFC8\uFFC9\uFFD0\uFFD1\uFFD8\uFFD9\uFFDD-\uFFFF]|\uD800[\uDC0C\uDC27\uDC3B\uDC3E\uDC4E\uDC4F\uDC5E-\uDC7F\uDCFB-\uDD3F\uDD75-\uDDFC\uDDFE-\uDE7F\uDE9D-\uDE9F\uDED1-\uDEDF\uDEE1-\uDEFF\uDF20-\uDF2C\uDF4B-\uDF4F\uDF7B-\uDF7F\uDF9E\uDF9F\uDFC4-\uDFC7\uDFD0\uDFD6-\uDFFF]|\uD801[\uDC9E\uDC9F\uDCAA-\uDCAF\uDCD4-\uDCD7\uDCFC-\uDCFF\uDD28-\uDD2F\uDD64-\uDDFF\uDF37-\uDF3F\uDF56-\uDF5F\uDF68-\uDFFF]|\uD802[\uDC06\uDC07\uDC09\uDC36\uDC39-\uDC3B\uDC3D\uDC3E\uDC56-\uDC5F\uDC77-\uDC7F\uDC9F-\uDCDF\uDCF3\uDCF6-\uDCFF\uDD16-\uDD1F\uDD3A-\uDD7F\uDDB8-\uDDBD\uDDC0-\uDDFF\uDE04\uDE07-\uDE0B\uDE14\uDE18\uDE36\uDE37\uDE3B-\uDE3E\uDE40-\uDE5F\uDE7D-\uDE7F\uDE9D-\uDEBF\uDEC8\uDEE7-\uDEFF\uDF36-\uDF3F\uDF56-\uDF5F\uDF73-\uDF7F\uDF92-\uDFFF]|\uD803[\uDC49-\uDC7F\uDCB3-\uDCBF\uDCF3-\uDCFF\uDD28-\uDD2F\uDD3A-\uDE7F\uDEAA\uDEAD-\uDEAF\uDEB2-\uDEFF\uDF1D-\uDF26\uDF28-\uDF2F\uDF51-\uDFAF\uDFC5-\uDFDF\uDFF7-\uDFFF]|\uD804[\uDC47-\uDC65\uDC70-\uDC7E\uDCBB-\uDCCF\uDCE9-\uDCEF\uDCFA-\uDCFF\uDD35\uDD40-\uDD43\uDD48-\uDD4F\uDD74\uDD75\uDD77-\uDD7F\uDDC5-\uDDC8\uDDCD\uDDDB\uDDDD-\uDDFF\uDE12\uDE38-\uDE3D\uDE3F-\uDE7F\uDE87\uDE89\uDE8E\uDE9E\uDEA9-\uDEAF\uDEEB-\uDEEF\uDEFA-\uDEFF\uDF04\uDF0D\uDF0E\uDF11\uDF12\uDF29\uDF31\uDF34\uDF3A\uDF45\uDF46\uDF49\uDF4A\uDF4E\uDF4F\uDF51-\uDF56\uDF58-\uDF5C\uDF64\uDF65\uDF6D-\uDF6F\uDF75-\uDFFF]|\uD805[\uDC4B-\uDC4F\uDC5A-\uDC5D\uDC62-\uDC7F\uDCC6\uDCC8-\uDCCF\uDCDA-\uDD7F\uDDB6\uDDB7\uDDC1-\uDDD7\uDDDE-\uDDFF\uDE41-\uDE43\uDE45-\uDE4F\uDE5A-\uDE7F\uDEB9-\uDEBF\uDECA-\uDEFF\uDF1B\uDF1C\uDF2C-\uDF2F\uDF3A-\uDFFF]|\uD806[\uDC3B-\uDC9F\uDCEA-\uDCFE\uDD07\uDD08\uDD0A\uDD0B\uDD14\uDD17\uDD36\uDD39\uDD3A\uDD44-\uDD4F\uDD5A-\uDD9F\uDDA8\uDDA9\uDDD8\uDDD9\uDDE2\uDDE5-\uDDFF\uDE3F-\uDE46\uDE48-\uDE4F\uDE9A-\uDE9C\uDE9E-\uDEBF\uDEF9-\uDFFF]|\uD807[\uDC09\uDC37\uDC41-\uDC4F\uDC5A-\uDC71\uDC90\uDC91\uDCA8\uDCB7-\uDCFF\uDD07\uDD0A\uDD37-\uDD39\uDD3B\uDD3E\uDD48-\uDD4F\uDD5A-\uDD5F\uDD66\uDD69\uDD8F\uDD92\uDD99-\uDD9F\uDDAA-\uDEDF\uDEF7-\uDFAF\uDFB1-\uDFFF]|\uD808[\uDF9A-\uDFFF]|\uD809[\uDC6F-\uDC7F\uDD44-\uDFFF]|[\uD80A\uD80B\uD80E-\uD810\uD812-\uD819\uD824-\uD82B\uD82D\uD82E\uD830-\uD833\uD837\uD839\uD83D\uD83F\uD87B-\uD87D\uD87F\uD885-\uDB3F\uDB41-\uDBFF][\uDC00-\uDFFF]|\uD80D[\uDC2F-\uDFFF]|\uD811[\uDE47-\uDFFF]|\uD81A[\uDE39-\uDE3F\uDE5F\uDE6A-\uDECF\uDEEE\uDEEF\uDEF5-\uDEFF\uDF37-\uDF3F\uDF44-\uDF4F\uDF5A-\uDF62\uDF78-\uDF7C\uDF90-\uDFFF]|\uD81B[\uDC00-\uDE3F\uDE80-\uDEFF\uDF4B-\uDF4E\uDF88-\uDF8E\uDFA0-\uDFDF\uDFE2\uDFE5-\uDFEF\uDFF2-\uDFFF]|\uD821[\uDFF8-\uDFFF]|\uD823[\uDCD6-\uDCFF\uDD09-\uDFFF]|\uD82C[\uDD1F-\uDD4F\uDD53-\uDD63\uDD68-\uDD6F\uDEFC-\uDFFF]|\uD82F[\uDC6B-\uDC6F\uDC7D-\uDC7F\uDC89-\uDC8F\uDC9A-\uDC9C\uDC9F-\uDFFF]|\uD834[\uDC00-\uDD64\uDD6A-\uDD6C\uDD73-\uDD7A\uDD83\uDD84\uDD8C-\uDDA9\uDDAE-\uDE41\uDE45-\uDFFF]|\uD835[\uDC55\uDC9D\uDCA0\uDCA1\uDCA3\uDCA4\uDCA7\uDCA8\uDCAD\uDCBA\uDCBC\uDCC4\uDD06\uDD0B\uDD0C\uDD15\uDD1D\uDD3A\uDD3F\uDD45\uDD47-\uDD49\uDD51\uDEA6\uDEA7\uDEC1\uDEDB\uDEFB\uDF15\uDF35\uDF4F\uDF6F\uDF89\uDFA9\uDFC3\uDFCC\uDFCD]|\uD836[\uDC00-\uDDFF\uDE37-\uDE3A\uDE6D-\uDE74\uDE76-\uDE83\uDE85-\uDE9A\uDEA0\uDEB0-\uDFFF]|\uD838[\uDC07\uDC19\uDC1A\uDC22\uDC25\uDC2B-\uDCFF\uDD2D-\uDD2F\uDD3E\uDD3F\uDD4A-\uDD4D\uDD4F-\uDEBF\uDEFA-\uDFFF]|\uD83A[\uDCC5-\uDCCF\uDCD7-\uDCFF\uDD4C-\uDD4F\uDD5A-\uDFFF]|\uD83B[\uDC00-\uDDFF\uDE04\uDE20\uDE23\uDE25\uDE26\uDE28\uDE33\uDE38\uDE3A\uDE3C-\uDE41\uDE43-\uDE46\uDE48\uDE4A\uDE4C\uDE50\uDE53\uDE55\uDE56\uDE58\uDE5A\uDE5C\uDE5E\uDE60\uDE63\uDE65\uDE66\uDE6B\uDE73\uDE78\uDE7D\uDE7F\uDE8A\uDE9C-\uDEA0\uDEA4\uDEAA\uDEBC-\uDFFF]|\uD83C[\uDC00-\uDD2F\uDD4A-\uDD4F\uDD6A-\uDD6F\uDD8A-\uDFFF]|\uD83E[\uDC00-\uDFEF\uDFFA-\uDFFF]|\uD869[\uDEDE-\uDEFF]|\uD86D[\uDF35-\uDF3F]|\uD86E[\uDC1E\uDC1F]|\uD873[\uDEA2-\uDEAF]|\uD87A[\uDFE1-\uDFFF]|\uD87E[\uDE1E-\uDFFF]|\uD884[\uDF4B-\uDFFF]|\uDB40[\uDC00-\uDCFF\uDDF0-\uDFFF]/g;
+
+// ../../node_modules/github-slugger/index.js
+var own = Object.hasOwnProperty, BananaSlug = class {
+  /**
+   * Create a new slug class.
+   */
+  constructor() {
+    this.occurrences, this.reset();
+  }
+  /**
+   * Generate a unique slug.
+  *
+  * Tracks previously generated slugs: repeated calls with the same value
+  * will result in different slugs.
+  * Use the `slug` function to get same slugs.
+   *
+   * @param  {string} value
+   *   String of text to slugify
+   * @param  {boolean} [maintainCase=false]
+   *   Keep the current case, otherwise make all lowercase
+   * @return {string}
+   *   A unique slug string
+   */
+  slug(value, maintainCase) {
+    let self = this, result = slug(value, maintainCase === !0), originalSlug = result;
+    for (; own.call(self.occurrences, result); )
+      self.occurrences[originalSlug]++, result = originalSlug + "-" + self.occurrences[originalSlug];
+    return self.occurrences[result] = 0, result;
+  }
+  /**
+   * Reset - Forget all previous slugs
+   *
+   * @return void
+   */
+  reset() {
+    this.occurrences = /* @__PURE__ */ Object.create(null);
+  }
+};
+function slug(value, maintainCase) {
+  return typeof value != "string" ? "" : (maintainCase || (value = value.toLowerCase()), value.replace(regex, "").replace(/ /g, "-"));
+}
+
+// src/addon-docs/blocks/blocks/DocsSluggerContext.ts
+var createDocsSlugger = () => new BananaSlug(), DocsSluggerContext = createContext4(
+  null
+);
+
+// src/addon-docs/blocks/blocks/DocsContainer.tsx
+import { jsx as jsx23 } from "react/jsx-runtime";
+var { document: document3, window: globalWindow2 } = globalThis, DocsContainer = ({
+  context,
+  theme,
+  children
+}) => {
+  let slugger = useMemo3(() => createDocsSlugger(), []), toc, lang;
+  try {
+    let metaParameters = context.resolveOf("meta", ["meta"]).preparedMeta.parameters;
+    toc = metaParameters?.docs?.toc, lang = metaParameters?.docs?.lang || "en";
+  } catch {
+    toc = context?.projectAnnotations?.parameters?.docs?.toc, lang = context?.projectAnnotations?.parameters?.docs?.lang || "en";
+  }
+  return useEffect9(() => {
+    let url;
+    try {
+      if (url = new URL(globalWindow2.parent.location.toString()), url.hash) {
+        let element = document3.getElementById(decodeURIComponent(url.hash.substring(1)));
+        element && setTimeout(() => {
+          scrollToElement(element);
+        }, 200);
+      }
+    } catch {
+    }
+  }), jsx23(DocsSluggerContext.Provider, { value: slugger, children: jsx23(DocsContext.Provider, { value: context, children: jsx23(SourceContainer, { channel: context.channel, children: jsx23(ThemeProvider, { theme: ensureTheme(theme), children: jsx23(
+    DocsPageWrapper,
+    {
+      lang,
+      toc: toc ? jsx23(
+        TableOfContents,
+        {
+          className: "sbdocs sbdocs-toc--custom",
+          channel: context.channel,
+          ...toc
+        }
+      ) : null,
+      children
+    }
+  ) }) }) }) });
+};
+
+// src/addon-docs/blocks/blocks/Subheading.tsx
+import React16 from "react";
+import { H3 } from "@aussieljk/forkbook/internal/components";
+
+// src/addon-docs/blocks/blocks/Heading.tsx
+import React15 from "react";
+import { H2 } from "@aussieljk/forkbook/internal/components";
+import { jsx as jsx24 } from "react/jsx-runtime";
+var slugs = new BananaSlug(), HeadingImpl = ({
+  children,
+  disableAnchor,
+  ...props
+}) => {
+  if (disableAnchor || typeof children != "string")
+    return jsx24(H2, { children });
+  let tagID = (React15.useContext(DocsSluggerContext) ?? slugs).slug(children.toLowerCase());
+  return jsx24(HeaderMdx, { as: "h2", id: tagID, ...props, children });
+}, Heading = withMdxComponentOverride("Heading", HeadingImpl);
+
+// src/addon-docs/blocks/blocks/Subheading.tsx
+import { jsx as jsx25 } from "react/jsx-runtime";
+var SubheadingImpl = ({ children, disableAnchor }) => {
+  if (disableAnchor || typeof children != "string")
+    return jsx25(H3, { children });
+  let tagID = (React16.useContext(DocsSluggerContext) ?? slugs).slug(children.toLowerCase());
+  return jsx25(HeaderMdx, { as: "h3", id: tagID, children });
+}, Subheading = withMdxComponentOverride("Subheading", SubheadingImpl);
+
+// src/addon-docs/blocks/blocks/DocsStory.tsx
+import { Fragment as Fragment4, jsx as jsx26, jsxs as jsxs10 } from "react/jsx-runtime";
+var DocsStoryImpl = ({
+  of,
+  expanded = !0,
+  withToolbar: withToolbarProp = !1,
+  __forceInitialArgs = !1,
+  __primary = !1
+}) => {
+  let { story } = useOf(of || "story", ["story"]), withToolbar = story.parameters.docs?.canvas?.withToolbar ?? withToolbarProp;
+  return jsxs10(Anchor, { storyId: __primary ? `primary--${story.id}` : story.id, children: [
+    expanded && jsxs10(Fragment4, { children: [
+      jsx26(Subheading, { children: story.name }),
+      jsx26(Description, { of })
+    ] }),
+    jsx26(
+      Canvas,
+      {
+        of,
+        withToolbar,
+        story: { __forceInitialArgs, __primary },
+        source: { __forceInitialArgs }
+      }
+    )
+  ] });
+}, DocsStory = withMdxComponentOverride("DocsStory", DocsStoryImpl);
+
+// src/addon-docs/blocks/blocks/Primary.tsx
+import { jsx as jsx27 } from "react/jsx-runtime";
+var PrimaryImpl = () => {
+  let primaryStory = usePrimaryStory();
+  return primaryStory ? jsx27(DocsStory, { of: primaryStory.moduleExport, expanded: !1, __primary: !0, withToolbar: !0 }) : null;
+}, Primary = withMdxComponentOverride("Primary", PrimaryImpl);
+
+// src/addon-docs/blocks/blocks/Stories.tsx
+import { useContext as useContext11 } from "react";
+import { Tag as Tag2 } from "@aussieljk/forkbook/internal/preview-api";
+import { Fragment as Fragment5, jsx as jsx28, jsxs as jsxs11 } from "react/jsx-runtime";
+var StoriesImpl = ({ title = "Stories", includePrimary = !0 }) => {
+  let { componentStories, projectAnnotations, getStoryContext } = useContext11(DocsContext), stories = componentStories(), filter = projectAnnotations.parameters?.docs?.stories?.filter;
+  return filter && (stories = stories.filter((story) => filter(story, getStoryContext(story)))), stories.some((story) => story.tags?.includes(Tag2.AUTODOCS)) && (stories = stories.filter((story) => story.tags?.includes(Tag2.AUTODOCS) && !story.usesMount)), includePrimary || (stories = stories.slice(1)), !stories || stories.length === 0 ? null : jsxs11(Fragment5, { children: [
+    typeof title == "string" ? jsx28(Heading, { children: title }) : title,
+    stories.map(
+      (story) => story && jsx28(DocsStory, { of: story.moduleExport, expanded: !0, __forceInitialArgs: !0 }, story.id)
+    )
+  ] });
+}, Stories = withMdxComponentOverride("Stories", StoriesImpl);
+
+// src/addon-docs/blocks/blocks/Subtitle.tsx
+import { InvalidBlockOfPropError as InvalidBlockOfPropError6 } from "@aussieljk/forkbook/internal/preview-errors";
+import { jsx as jsx29 } from "react/jsx-runtime";
+var SubtitleImpl = (props) => {
+  let { of, children } = props;
+  if ("of" in props && of === void 0)
+    throw new InvalidBlockOfPropError6();
+  let preparedMeta;
+  try {
+    preparedMeta = useOf(of || "meta", ["meta"]).preparedMeta;
+  } catch (error) {
+    if (children && !error.message.includes("did you forget to use <Meta of={} />?"))
+      throw error;
+  }
+  let content = children || preparedMeta?.parameters?.docs?.subtitle;
+  return content ? jsx29(Subtitle, { className: "sbdocs-subtitle sb-unstyled", children: content }) : null;
+}, Subtitle2 = withMdxComponentOverride("Subtitle", SubtitleImpl);
+
+// src/addon-docs/blocks/blocks/Title.tsx
+import { InvalidBlockOfPropError as InvalidBlockOfPropError7 } from "@aussieljk/forkbook/internal/preview-errors";
+import { jsx as jsx30 } from "react/jsx-runtime";
+var STORY_KIND_PATH_SEPARATOR = /\s*\/\s*/, extractTitle = (title) => {
+  let groups = title.trim().split(STORY_KIND_PATH_SEPARATOR);
+  return groups?.[groups?.length - 1] || title;
+}, TitleImpl = (props) => {
+  let { children, of } = props;
+  if ("of" in props && of === void 0)
+    throw new InvalidBlockOfPropError7();
+  let preparedMeta;
+  try {
+    preparedMeta = useOf(of || "meta", ["meta"]).preparedMeta;
+  } catch (error) {
+    if (children && error instanceof Error && !error.message.includes("did you forget to use <Meta of={} />?"))
+      throw error;
+  }
+  let content = children || extractTitle(preparedMeta?.title || "");
+  return content ? jsx30(Title, { className: "sbdocs-title sb-unstyled", children: content }) : null;
+}, Title3 = withMdxComponentOverride("Title", TitleImpl);
+
+// src/addon-docs/blocks/blocks/DocsPage.tsx
+import { Fragment as Fragment6, jsx as jsx31, jsxs as jsxs12 } from "react/jsx-runtime";
+var DocsPage = () => {
+  let resolvedOf = useOf("meta", ["meta"]), { stories } = resolvedOf.csfFile, isSingleStory = Object.keys(stories).length === 1;
+  return jsxs12(Fragment6, { children: [
+    jsx31(Title3, {}),
+    jsx31(Subtitle2, {}),
+    jsx31(Description, { of: "meta" }),
+    isSingleStory ? jsx31(Description, { of: "story" }) : null,
+    jsx31(Primary, {}),
+    jsx31(Controls, {}),
+    isSingleStory ? null : jsx31(Stories, {})
+  ] });
+};
+
+// src/addon-docs/blocks/blocks/Docs.tsx
+import { jsx as jsx32 } from "react/jsx-runtime";
+function Docs({
+  context,
+  docsParameter
+}) {
+  let Container = docsParameter.container || DocsContainer, Page = docsParameter.page || DocsPage;
+  return jsx32(Container, { context, theme: docsParameter.theme, children: jsx32(Page, {}) });
+}
+
+// src/addon-docs/blocks/blocks/Meta.tsx
+import { useContext as useContext12 } from "react";
+import { jsx as jsx33 } from "react/jsx-runtime";
+var Meta = ({ of }) => {
+  let context = useContext12(DocsContext);
+  of && context.referenceMeta(of, !0);
+  try {
+    let primary = context.storyById();
+    return jsx33(Anchor, { storyId: primary.id });
+  } catch {
+    return null;
+  }
+};
+
+// src/addon-docs/blocks/blocks/Unstyled.tsx
+import { jsx as jsx34 } from "react/jsx-runtime";
+var UnstyledImpl = (props) => jsx34("div", { ...props, className: "sb-unstyled" }), Unstyled = withMdxComponentOverride("Unstyled", UnstyledImpl);
+
+// src/addon-docs/blocks/blocks/Wrapper.tsx
+import { jsx as jsx35 } from "react/jsx-runtime";
+var WrapperImpl = ({ children }) => jsx35("div", { style: { fontFamily: "sans-serif" }, children }), Wrapper = withMdxComponentOverride("Wrapper", WrapperImpl);
+
+// src/addon-docs/blocks/blocks/types.ts
+var PRIMARY_STORY = "^";
+export {
+  AddContext,
+  Anchor,
+  AnchorMdx,
+  ArgTypes,
+  BooleanControl,
+  Canvas,
+  CodeOrSourceMdx,
+  ColorControl,
+  ColorItem,
+  ColorPalette,
+  Controls,
+  DateControl,
+  Description,
+  DescriptionType,
+  Docs,
+  DocsContainer,
+  DocsContext,
+  DocsPage,
+  DocsStory,
+  FilesControl,
+  HeaderMdx,
+  HeadersMdx,
+  Heading,
+  IconGallery,
+  IconItem,
+  Markdown,
+  Meta,
+  NumberControl,
+  ObjectControl,
+  OptionsControl,
+  PRIMARY_STORY,
+  Primary,
+  ArgsTable as PureArgsTable,
+  RangeControl,
+  Source2 as Source,
+  SourceContainer,
+  SourceContext,
+  Stories,
+  Story2 as Story,
+  Subheading,
+  Subtitle2 as Subtitle,
+  TableOfContents,
+  TextControl,
+  Title3 as Title,
+  Typeset,
+  UNKNOWN_ARGS_HASH,
+  Unstyled,
+  Wrapper,
+  anchorBlockIdFromId,
+  argsHash,
+  assertIsFn,
+  extractTitle,
+  format,
+  formatDate,
+  formatTime,
+  getStoryId,
+  getStoryProps,
+  normalizeOptions,
+  parse,
+  parseDate,
+  parseTime,
+  slugs,
+  useOf,
+  useSourceProps
+};