@aussieljk/forkbook 0.0.1-5 → 0.0.1-7

package/dist/_browser-chunks/{Color-GTF4GM7L.js → Color-2YRIFQLC.js}

@@ -802,7 +802,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id}"]
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id), style.textContent = '.fb-jgXPQa-wrapper{max-width:250px;position:relative}.fb-jgXPQa-tooltipContent{width:200px;margin:5px;& .react-colorful__saturation{border-radius:4px 4px 0 0}& .react-colorful__hue{box-shadow:inset 0 0 0 1px #0000000d}& .react-colorful__last-control{border-radius:0 0 4px 4px}}.fb-jgXPQa-swatches{grid-template-columns:repeat(9,16px);gap:6px;width:200px;margin-top:5px;padding:3px;display:grid}.fb-jgXPQa-swatch{--checkers:url("data:image/svg+xml;charset=utf-8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" fill-opacity=\\"0.05\\" fill=\\"black\\"><path d=\\"M8 0h8v8H8zM0 8h8v8H0z\\"/></svg>");width:16px;height:16px;box-shadow:var(--fb-app-border-color) 0 0 0 1px inset;border-radius:var(--fb-app-border-radius);border:none;&,&:hover{background:unset;background-color:unset;background-image:linear-gradient(var(--fb-swatch-color), var(--fb-swatch-color)), var(--checkers)}&[data-selected]{box-shadow:var(--fb-app-border-color) 0 0 0 1px inset, rgb(from var(--fb-text-muted-color) r g b / .31) 0 0 0 4px}}:where([data-fb-theme=dark]) .fb-jgXPQa-swatch{--checkers:url("data:image/svg+xml;charset=utf-8,<svg xmlns=\\"http://www.w3.org/2000/svg\\" width=\\"16\\" height=\\"16\\" fill-opacity=\\"0.05\\" fill=\\"white\\"><path d=\\"M8 0h8v8H8zM0 8h8v8H0z\\"/></svg>")}.fb-jgXPQa-input{box-sizing:border-box;width:100%;font-family:var(--fb-font-base);padding-left:30px;padding-right:30px;[aria-readonly=true]>&{background:var(--fb-color-lighter)}}:where([data-fb-theme=dark]) [aria-readonly=true]>.fb-jgXPQa-input{background:0 0}.fb-jgXPQa-popoverTrigger{z-index:1;cursor:pointer;position:absolute;top:4px;left:4px;&:disabled,&[aria-disabled=true]{cursor:not-allowed}}.fb-jgXPQa-cycleColorSpaceButton{z-index:1;box-sizing:border-box;cursor:pointer;width:20px;height:20px;color:var(--fb-input-color);padding:4px;position:absolute;top:6px;right:7px}', document.head.appendChild(style);
 }
-var Color_default = { input: "fb-jgXPQa-input", wrapper: "fb-jgXPQa-wrapper", cycleColorSpaceButton: "fb-jgXPQa-cycleColorSpaceButton", swatches: "fb-jgXPQa-swatches", popoverTrigger: "fb-jgXPQa-popoverTrigger", tooltipContent: "fb-jgXPQa-tooltipContent", swatch: "fb-jgXPQa-swatch" };
+var Color_default = { swatches: "fb-jgXPQa-swatches", swatch: "fb-jgXPQa-swatch", input: "fb-jgXPQa-input", popoverTrigger: "fb-jgXPQa-popoverTrigger", tooltipContent: "fb-jgXPQa-tooltipContent", cycleColorSpaceButton: "fb-jgXPQa-cycleColorSpaceButton", wrapper: "fb-jgXPQa-wrapper" };
 
 // src/addon-docs/blocks/controls/Color.tsx
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/_browser-chunks/WithTooltip-4R5JMWZ7.js

@@ -0,0 +1,196 @@
+import {
+  PortalContainerContext,
+  PortalTheme,
+  index_parts_exports
+} from "./chunk-WVF42CP2.js";
+import "./chunk-DAUHYZUB.js";
+import {
+  global
+} from "./chunk-6AKCRYVX.js";
+import "./chunk-IMSF75WX.js";
+
+// src/components/components/tooltip/WithTooltip.tsx
+import React, { useCallback, useContext, useEffect, useId, useState } from "react";
+import { deprecate } from "@aussieljk/forkbook/internal/client-logger";
+
+// storybook-css:/home/runner/work/forkbook/forkbook/code/core/src/components/components/tooltip/WithTooltip.module.css
+var id = "core/src/components/components/tooltip/WithTooltip.module.css";
+if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id}"]`)) {
+  let style = document.createElement("style");
+  style.setAttribute("data-fb-css", id), style.textContent = ".fb-QoytUq-wrapper{--tooltip-bg:#fffffff2;z-index:2147483647;color-scheme:light dark;display:inline-block;&[data-chrome]{background:var(--tooltip-bg);filter:drop-shadow(0 5px 5px #0000000d)drop-shadow(0 1px 3px #0000001a);border-radius:calc(var(--fb-app-border-radius) + 2px);font-family:var(--fb-font-base);font-size:var(--fb-size-s1)}}:where([data-fb-theme=dark]) .fb-QoytUq-wrapper:not([data-color]){--tooltip-bg:var(--fb-background-app)}.fb-QoytUq-arrow{border:8px solid #0000;position:absolute;inset:auto;&[data-side=top]{border-bottom-width:0;border-top-color:var(--tooltip-bg);bottom:-8px;transform:translate(8px)}&[data-side=bottom]{border-top-width:0;border-bottom-color:var(--tooltip-bg);top:-8px;transform:translate(8px)}&[data-side=left]{border-right-width:0;border-left-color:var(--tooltip-bg);right:-8px;transform:translateY(8px)}&[data-side=right]{border-left-width:0;border-right-color:var(--tooltip-bg);left:-8px;transform:translateY(8px)}}.fb-QoytUq-target{cursor:pointer;display:inline-block;&[data-hover]{cursor:default}}.fb-QoytUq-targetSvg{cursor:pointer;&[data-hover]{cursor:default}}", document.head.appendChild(style);
+}
+var WithTooltip_default = { arrow: "fb-QoytUq-arrow", targetSvg: "fb-QoytUq-targetSvg", wrapper: "fb-QoytUq-wrapper", target: "fb-QoytUq-target" };
+
+// src/components/components/tooltip/WithTooltip.tsx
+import { jsx, jsxs } from "react/jsx-runtime";
+var { document: document2 } = global, Tooltip = React.forwardRef(
+  ({
+    placement = "top",
+    hasChrome = !0,
+    children,
+    arrowProps = {},
+    tooltipRef,
+    color,
+    withArrows,
+    hidden,
+    className,
+    style,
+    ...props
+  }, ref) => jsxs(
+    "div",
+    {
+      "data-testid": "tooltip",
+      ref,
+      hidden,
+      ...props,
+      className: [WithTooltip_default.wrapper, className].filter(Boolean).join(" "),
+      style: { display: hidden ? "none" : void 0, ...style },
+      "data-chrome": hasChrome || void 0,
+      "data-color": color,
+      children: [
+        hasChrome && withArrows && jsx(
+          "div",
+          {
+            className: WithTooltip_default.arrow,
+            "data-side": placement.split("-")[0],
+            ...arrowProps,
+            "data-color": color
+          }
+        ),
+        children
+      ]
+    }
+  )
+);
+Tooltip.displayName = "Tooltip";
+var toSideAndAlign = (placement) => {
+  let [side, align = "center"] = placement.split("-");
+  return {
+    side: side === "auto" ? "top" : side,
+    align
+  };
+}, WithTooltipPure = ({
+  svg = !1,
+  trigger = "click",
+  closeOnOutsideClick = !1,
+  placement = "top",
+  hasChrome = !0,
+  defaultVisible = !1,
+  withArrows,
+  offset = [0, 8],
+  tooltip,
+  children,
+  delayHide = trigger === "hover" ? 200 : 0,
+  visible,
+  interactive: _interactive,
+  delayShow = trigger === "hover" ? 400 : 0,
+  strategy,
+  onVisibleChange,
+  portalContainer,
+  ...props
+}) => {
+  let Container = svg ? "g" : "div", triggers = trigger === null ? [] : Array.isArray(trigger) ? trigger : [trigger], isHover = triggers.includes("hover"), isClick = triggers.includes("click"), isFocus = triggers.includes("focus"), triggerId = useId(), [shown, setShown] = useState(defaultVisible), isVisible = visible ?? shown, setVisible = useCallback(
+    (next) => {
+      setShown(next), onVisibleChange?.(next);
+    },
+    [onVisibleChange]
+  ), onOpenChange = useCallback(
+    (open, { reason }) => {
+      reason === "trigger-press" && !isClick || reason === "trigger-hover" && !isHover || reason === "trigger-focus" && !isFocus || reason === "outside-press" && !closeOnOutsideClick || setVisible(open);
+    },
+    [isClick, isHover, isFocus, closeOnOutsideClick, setVisible]
+  ), contextContainer = useContext(PortalContainerContext), portalTarget = (typeof portalContainer == "string" ? document2.querySelector(portalContainer) : portalContainer) || contextContainer || document2.body;
+  return jsxs(index_parts_exports.Root, { open: isVisible, onOpenChange, triggerId, children: [
+    jsx(
+      index_parts_exports.Trigger,
+      {
+        id: triggerId,
+        nativeButton: !1,
+        openOnHover: isHover,
+        delay: delayShow,
+        closeDelay: delayHide,
+        render: jsx(
+          Container,
+          {
+            className: svg ? WithTooltip_default.targetSvg : WithTooltip_default.target,
+            "data-hover": isHover || void 0,
+            ...props
+          }
+        ),
+        children
+      }
+    ),
+    jsx(index_parts_exports.Portal, { container: portalTarget, children: jsx(PortalTheme, { children: jsx(
+      index_parts_exports.Positioner,
+      {
+        ...toSideAndAlign(placement),
+        sideOffset: offset[1],
+        alignOffset: offset[0],
+        collisionPadding: 8,
+        arrowPadding: 8,
+        positionMethod: strategy,
+        style: { zIndex: 2147483647 },
+        children: jsxs(
+          index_parts_exports.Popup,
+          {
+            initialFocus: !1,
+            finalFocus: !1,
+            render: jsx(Tooltip, { hasChrome }),
+            children: [
+              hasChrome && withArrows && jsx(index_parts_exports.Arrow, { render: jsx("div", { className: WithTooltip_default.arrow }) }),
+              typeof tooltip == "function" ? tooltip({ onHide: () => setVisible(!1) }) : tooltip
+            ]
+          }
+        )
+      }
+    ) }) })
+  ] });
+}, WithToolTipState = ({
+  startOpen = !1,
+  onVisibleChange: onChange,
+  ...rest
+}) => {
+  let [tooltipShown, setTooltipShown] = useState(startOpen), onVisibilityChange = useCallback(
+    (visibility) => {
+      onChange && onChange(visibility) === !1 || setTooltipShown(visibility);
+    },
+    [onChange]
+  );
+  return useEffect(() => {
+    let hide = () => onVisibilityChange(!1), handleKeyDown = (e) => {
+      e.key === "Escape" && hide();
+    };
+    document2.addEventListener("keydown", handleKeyDown, !1);
+    let iframes = Array.from(document2.getElementsByTagName("iframe")), unbinders = [];
+    return iframes.forEach((iframe) => {
+      let bind = () => {
+        try {
+          iframe.contentWindow.document && (iframe.contentWindow.document.addEventListener("click", hide), unbinders.push(() => {
+            try {
+              iframe.contentWindow.document.removeEventListener("click", hide);
+            } catch {
+            }
+          }));
+        } catch {
+        }
+      };
+      bind(), iframe.addEventListener("load", bind), unbinders.push(() => {
+        iframe.removeEventListener("load", bind);
+      });
+    }), () => {
+      document2.removeEventListener("keydown", handleKeyDown), unbinders.forEach((unbind) => {
+        unbind();
+      });
+    };
+  }), jsx(WithTooltipPure, { ...rest, visible: tooltipShown, onVisibleChange: onVisibilityChange });
+}, DeprecatedPure = (props) => (deprecate(
+  "WithTooltipPure is deprecated and will be removed in Forkbook 11. Please use WithTooltip instead."
+), jsx(WithTooltipPure, { "data-deprecated": "WithTooltipPure", ...props })), DeprecatedState = (props) => (deprecate(
+  "WithToolTipState is deprecated and will be removed in Forkbook 11. Please use WithTooltip instead."
+), jsx(WithToolTipState, { "data-deprecated": "WithToolTipState", ...props }));
+export {
+  Tooltip,
+  DeprecatedState as WithToolTipState,
+  WithToolTipState as WithTooltip,
+  DeprecatedPure as WithTooltipPure
+};

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

@@ -510,7 +510,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id6}"
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id6), style.textContent = '.fb-dnyE6G-container{position:relative;&:hover{&>.rejt-accordion-button:after{background:var(--fb-color-secondary)}&>.rejt-accordion-region>:is(.rejt-plus-menu,.rejt-minus-menu){opacity:1}}}.fb-dnyE6G-trigger{color:var(--fb-color-secondary);background:0 0;border:none;margin-right:3px;padding:0;line-height:22px;&:after{content:"";opacity:.1;background:0 0;border-radius:4px;width:100%;height:22px;margin-left:-1rem;padding-right:20px;transition:background .2s;display:block;position:absolute;top:0}&:before{content:"";position:absolute}&[aria-expanded=true]:before{border-top:3px solid #9999;border-left:3px solid #0000;border-right:3px solid #0000;top:10px;left:-10px}&[aria-expanded=false]:before{border-top:3px solid #0000;border-bottom:3px solid #0000;border-left:3px solid #9999;top:8px;left:-8px}}.fb-dnyE6G-region{display:inline}', document.head.appendChild(style);
 }
-var JsonNodeAccordion_default = { trigger: "fb-dnyE6G-trigger", container: "fb-dnyE6G-container", region: "fb-dnyE6G-region" };
+var JsonNodeAccordion_default = { container: "fb-dnyE6G-container", trigger: "fb-dnyE6G-trigger", region: "fb-dnyE6G-region" };
 
 // src/addon-docs/blocks/controls/react-editable-json-tree/JsonNodeAccordion.tsx
 import { jsx as jsx8, jsxs as jsxs6 } from "react/jsx-runtime";
@@ -1639,7 +1639,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id7}"
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id7), style.textContent = ".fb-_OaGtq-wrapper{isolation:isolate;gap:8px;display:flex;position:relative;& .rejt-tree{flex:1;margin-left:1rem;font-size:13px;list-style-type:none}& .rejt-value-node:hover>button{opacity:1}& .rejt-add-form{margin-left:10px}& .rejt-add-value-node{align-items:center;display:inline-flex}& .rejt-name{color:var(--fb-color-secondary);line-height:22px}& .rejt-not-collapsed-list{margin:0 0 0 1rem;padding:0;list-style:none}& .rejt-not-collapsed-delimiter{line-height:22px}& .rejt-value{cursor:text;color:var(--fb-color-default-text);border:1px solid #0000;border-radius:4px;margin:1px 0;padding:0 4px;display:inline-block}& .rejt-value-node:hover>.rejt-value{background:var(--fb-color-lighter);border-color:var(--fb-app-border-color)}& .rejt-collapsed-value{color:var(--fb-color-default-text)}}:where([data-fb-theme=dark]) .fb-_OaGtq-wrapper .rejt-value-node:hover>.rejt-value{background:#ffffff05}.fb-_OaGtq-buttonInline{height:20px;color:var(--fb-color-dark);cursor:pointer;background:0 0;border:0;border-radius:4px;margin:1px;font-weight:400;&[data-primary]{background:var(--fb-color-secondary);color:var(--fb-color-lightest);font-weight:700}}.fb-_OaGtq-actionButton{vertical-align:middle;color:var(--fb-text-muted-color);opacity:0;cursor:pointer;background:0 0;border:0;margin-left:5px;padding:3px;transition:opacity .2s;display:inline-flex;position:relative;& svg{width:9px;height:9px}&:disabled{cursor:not-allowed}&:hover,&:focus-visible{opacity:1}&:hover:not(:disabled),&:focus-visible:not(:disabled){&.rejt-plus-menu{color:var(--fb-color-ancillary)}&.rejt-minus-menu{color:var(--fb-color-negative)}}}.fb-_OaGtq-input{color:var(--fb-color-default-text);background:var(--fb-background-app);border:1px solid var(--fb-app-border-color);border-radius:4px;outline:0;width:120px;margin:1px 0;padding:3px 4px;line-height:14px;&[placeholder]{margin:1px}&[placeholder=Key]{width:80px}&:focus{border:1px solid var(--fb-color-secondary)}}.fb-_OaGtq-rawButton{order:2;align-self:flex-start;margin-right:-10px}.fb-_OaGtq-rawInput{font-family:var(--fb-font-mono);flex:1;padding:7px 6px;font-size:12px;line-height:18px;&::placeholder{font-family:var(--fb-font-base);font-size:13px}&:placeholder-shown{padding:7px 10px}}", document.head.appendChild(style);
 }
-var Object_default = { buttonInline: "fb-_OaGtq-buttonInline", actionButton: "fb-_OaGtq-actionButton", wrapper: "fb-_OaGtq-wrapper", input: "fb-_OaGtq-input", rawButton: "fb-_OaGtq-rawButton", rawInput: "fb-_OaGtq-rawInput" };
+var Object_default = { rawButton: "fb-_OaGtq-rawButton", buttonInline: "fb-_OaGtq-buttonInline", rawInput: "fb-_OaGtq-rawInput", input: "fb-_OaGtq-input", wrapper: "fb-_OaGtq-wrapper", actionButton: "fb-_OaGtq-actionButton" };
 
 // src/addon-docs/blocks/controls/Object.tsx
 import { Fragment as Fragment5, jsx as jsx11, jsxs as jsxs8 } from "react/jsx-runtime";
@@ -1766,7 +1766,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id8}"
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id8), style.textContent = '.fb-t_VwFG-input{--track-bg:hsl(from var(--fb-input-background) h s calc(l - 2));--track-border:#00000070;appearance:none;background-color:#0000;width:100%;&::-webkit-slider-runnable-track{background:linear-gradient(to right, var(--fb-color-green) 0%, var(--fb-color-green) var(--fb-range-progress), var(--track-bg) var(--fb-range-progress), var(--track-bg) 100%);box-shadow:var(--track-border) 0 0 0 1px inset;cursor:pointer;border-radius:6px;width:100%;height:6px}&::-moz-range-track{background:linear-gradient(to right, var(--fb-color-green) 0%, var(--fb-color-green) var(--fb-range-progress), var(--track-bg) var(--fb-range-progress), var(--track-bg) 100%);box-shadow:var(--track-border) 0 0 0 1px inset;cursor:pointer;border-radius:6px;width:100%;height:6px}&::-webkit-slider-thumb{cursor:grab;background:var(--fb-input-background);border:1px solid var(--track-border);width:16px;height:16px;box-shadow:0 1px 3px 0px rgb(from var(--fb-app-border-color) r g b / .2);appearance:none;border-radius:50px;margin-top:-6px;transition:all .15s ease-out;&:hover{background:hsl(from var(--fb-input-background) h s calc(l - 5));transition:all 50ms ease-out;transform:scale3d(1.1,1.1,1.1)translateY(-1px)}&:active{background:var(--fb-input-background);transform:scale(1)translateY(0)}}&::-moz-range-thumb{cursor:grab;background:var(--fb-input-background);border:1px solid var(--track-border);width:16px;height:16px;box-shadow:0 1px 3px 0px rgb(from var(--fb-app-border-color) r g b / .2);border-radius:50px;transition:all .15s ease-out;&:hover{background:hsl(from var(--fb-input-background) h s calc(l - 5));transition:all 50ms ease-out;transform:scale3d(1.1,1.1,1.1)translateY(-1px)}&:active{background:var(--fb-input-background);transform:scale(1)translateY(0)}}&:focus{outline:none;&::-webkit-slider-runnable-track{border-color:rgb(from var(--fb-color-secondary) r g b / .4)}&::-moz-range-track{border-color:rgb(from var(--fb-color-secondary) r g b / .4)}&::-webkit-slider-thumb{border-color:var(--fb-color-secondary);box-shadow:0 0px 5px 0px var(--fb-color-secondary)}&::-moz-range-thumb{border-color:var(--fb-color-secondary);box-shadow:0 0px 5px 0px var(--fb-color-secondary)}}&:disabled{&::-webkit-slider-runnable-track{cursor:not-allowed}&::-moz-range-track{cursor:not-allowed}&::-webkit-slider-thumb{cursor:not-allowed}&::-moz-range-thumb{cursor:not-allowed}}}:where([data-fb-theme=dark]) .fb-t_VwFG-input{--track-bg:hsl(from var(--fb-input-background) h s calc(l + 2));--track-border:#fff6;&::-webkit-slider-thumb{box-shadow:unset}&::-moz-range-thumb{box-shadow:unset}&:focus{&::-webkit-slider-thumb{box-shadow:unset}&::-moz-range-thumb{box-shadow:unset}}}.fb-t_VwFG-label{white-space:nowrap;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;padding-left:5px;padding-right:5px;font-size:12px}.fb-t_VwFG-currentAndMax{text-align:right;flex-shrink:0}.fb-t_VwFG-wrapper{align-items:center;width:100%;display:flex;&[data-readonly]{opacity:.5}}', document.head.appendChild(style);
 }
-var Range_default = { input: "fb-t_VwFG-input", currentAndMax: "fb-t_VwFG-currentAndMax", label: "fb-t_VwFG-label", wrapper: "fb-t_VwFG-wrapper" };
+var Range_default = { wrapper: "fb-t_VwFG-wrapper", currentAndMax: "fb-t_VwFG-currentAndMax", input: "fb-t_VwFG-input", label: "fb-t_VwFG-label" };
 
 // src/addon-docs/blocks/controls/Range.tsx
 import { jsx as jsx12, jsxs as jsxs9 } from "react/jsx-runtime";
@@ -1843,7 +1843,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id9}"
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id9), style.textContent = ".fb-yeJPNa-wrapper{display:flex}.fb-yeJPNa-maxLength{margin-left:.75rem;padding-top:.35rem;&[data-maxed]{color:red}}", document.head.appendChild(style);
 }
-var Text_default = { wrapper: "fb-yeJPNa-wrapper", maxLength: "fb-yeJPNa-maxLength" };
+var Text_default = { maxLength: "fb-yeJPNa-maxLength", wrapper: "fb-yeJPNa-wrapper" };
 
 // src/addon-docs/blocks/controls/Text.tsx
 import { jsx as jsx13, jsxs as jsxs10 } from "react/jsx-runtime";
@@ -1969,7 +1969,7 @@ var FilesControl = ({
 // src/addon-docs/blocks/controls/index.tsx
 import { Suspense, lazy } from "react";
 import { jsx as jsx15 } from "react/jsx-runtime";
-var LazyColorControl = lazy(() => import("./Color-GTF4GM7L.js")), ColorControl = (props) => jsx15(Suspense, { fallback: jsx15("div", {}), children: jsx15(LazyColorControl, { ...props }) });
+var LazyColorControl = lazy(() => import("./Color-2YRIFQLC.js")), ColorControl = (props) => jsx15(Suspense, { fallback: jsx15("div", {}), children: jsx15(LazyColorControl, { ...props }) });
 
 // src/addon-docs/blocks/components/ArgsTable/ArgsTable.tsx
 import { useCallback as useCallback6, useEffect as useEffect8, useRef as useRef5, useState as useState10 } from "react";
@@ -2453,7 +2453,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id12}
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id12), style.textContent = ".fb-MP4rPa-summary{flex-flow:wrap;align-items:flex-start;min-width:100px;margin-bottom:-4px;display:flex;&[data-expanded]{flex-direction:column}}.fb-MP4rPa-detailsContainer{flex-direction:column;display:flex;& summary{order:2}& summary::-webkit-details-marker{display:none}& summary::marker{content:none}}.fb-MP4rPa-alignedDetails{flex-flow:column wrap;align-items:flex-start;display:flex}.fb-MP4rPa-text{font-family:var(--fb-font-mono);font-size:var(--fb-size-s1);word-break:break-word;white-space:normal;flex:none;max-width:100%;margin:0 4px 4px 0;padding-top:2px;padding-bottom:2px;line-height:13px;&[data-simple]{background:0 0;border:0;padding-left:0}}.fb-MP4rPa-expandButton{font-family:var(--fb-font-mono);color:var(--fb-color-secondary);cursor:pointer;background:0 0;border:none;margin:0 0 4px;padding:1px 6px;line-height:normal}.fb-MP4rPa-expandable{font-family:var(--fb-font-mono);color:var(--fb-color-secondary);font-size:var(--fb-size-s1);white-space:nowrap;cursor:pointer;align-items:center;margin:0;display:flex;&:hover{border:1px solid #00000026}&:focus-visible{outline:2px solid var(--fb-color-secondary);outline-offset:2px}}:where([data-fb-theme=dark]) .fb-MP4rPa-expandable:hover{border:1px solid #ffffff26}.fb-MP4rPa-detail{min-width:200px;max-width:800px;font-family:var(--fb-font-mono);font-size:var(--fb-size-s1);box-sizing:content-box;padding-right:16px;& code{padding:0!important}}.fb-MP4rPa-chevron{margin-left:4px}", document.head.appendChild(style);
 }
-var ArgValue_default = { expandable: "fb-MP4rPa-expandable", detail: "fb-MP4rPa-detail", expandButton: "fb-MP4rPa-expandButton", chevron: "fb-MP4rPa-chevron", detailsContainer: "fb-MP4rPa-detailsContainer", summary: "fb-MP4rPa-summary", text: "fb-MP4rPa-text", alignedDetails: "fb-MP4rPa-alignedDetails" };
+var ArgValue_default = { chevron: "fb-MP4rPa-chevron", text: "fb-MP4rPa-text", summary: "fb-MP4rPa-summary", expandable: "fb-MP4rPa-expandable", alignedDetails: "fb-MP4rPa-alignedDetails", expandButton: "fb-MP4rPa-expandButton", detail: "fb-MP4rPa-detail", detailsContainer: "fb-MP4rPa-detailsContainer" };
 
 // src/addon-docs/blocks/components/ArgsTable/ArgValue.tsx
 import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
@@ -2512,7 +2512,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id13}
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id13), style.textContent = ".fb-oKJ3yG-name{font-weight:700}.fb-oKJ3yG-required{color:var(--fb-color-negative);font-family:var(--fb-font-mono);cursor:help}.fb-oKJ3yG-description{&.fb-oKJ3yG-description{& p{margin:0 0 10px}& a{color:var(--fb-color-secondary)}}& code{white-space:nowrap;font-size:12px;line-height:1;font-family:var(--fb-font-mono);color:var(--fb-color-default-text);background-color:#00000003;border:1px solid #0000000d;border-radius:3px;margin:0;padding:3px 5px;display:inline-block}& pre>code{white-space:pre-wrap}}:where([data-fb-theme=dark]) .fb-oKJ3yG-description code{background-color:#ffffff05;border:1px solid #ffffff0d}.fb-oKJ3yG-type,.fb-oKJ3yG-typeWithJsDoc{color:rgb(from var(--fb-color-default-text) r g b / calc(alpha - .1));margin-top:0}:where([data-fb-theme=dark]) :is(.fb-oKJ3yG-type,.fb-oKJ3yG-typeWithJsDoc){color:rgb(from var(--fb-color-default-text) r g b / calc(alpha - .2))}.fb-oKJ3yG-type[data-has-description]{margin-top:4px}.fb-oKJ3yG-typeWithJsDoc{margin-bottom:12px;&[data-has-description]{margin-top:12px}}.fb-oKJ3yG-nameCell{padding-left:20px!important;&[data-expandable]{padding-left:40px!important}}.fb-oKJ3yG-row span.sbdocs-argcontrol-setup,.fb-oKJ3yG-row:is(:hover,:focus-within) span.sbdocs-argcontrol-placeholder{white-space:nowrap;clip:rect(0, 0, 0, 0);clip-path:inset(50%);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.fb-oKJ3yG-row:is(:hover,:focus-within) span.sbdocs-argcontrol-setup{position:unset;width:unset;height:unset;padding:unset;margin:unset;overflow:unset;white-space:unset;clip:unset;clip-path:unset;border:unset}", document.head.appendChild(style);
 }
-var ArgRow_default = { description: "fb-oKJ3yG-description", typeWithJsDoc: "fb-oKJ3yG-typeWithJsDoc", nameCell: "fb-oKJ3yG-nameCell", name: "fb-oKJ3yG-name", type: "fb-oKJ3yG-type", required: "fb-oKJ3yG-required", row: "fb-oKJ3yG-row" };
+var ArgRow_default = { type: "fb-oKJ3yG-type", row: "fb-oKJ3yG-row", typeWithJsDoc: "fb-oKJ3yG-typeWithJsDoc", description: "fb-oKJ3yG-description", name: "fb-oKJ3yG-name", nameCell: "fb-oKJ3yG-nameCell", required: "fb-oKJ3yG-required" };
 
 // src/addon-docs/blocks/components/ArgsTable/ArgRow.tsx
 import { Fragment as Fragment9, jsx as jsx19, jsxs as jsxs15 } from "react/jsx-runtime";
@@ -2602,7 +2602,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id15}
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id15), style.textContent = ".fb-IPbRpq-expanderIcon{width:12px;height:12px;color:rgb(from var(--fb-color-default-text) r g b / calc(alpha - .25));border:none;margin-top:-2px;margin-left:-10px;margin-right:8px;display:inline-block}:where([data-fb-theme=dark]) .fb-IPbRpq-expanderIcon{color:rgb(from var(--fb-color-default-text) r g b / calc(alpha - .3))}.fb-IPbRpq-flexWrapper{align-items:center;line-height:20px;display:flex}.fb-IPbRpq-section{letter-spacing:.35em;text-transform:uppercase;font-weight:var(--fb-weight-bold);font-size:calc(var(--fb-size-s1) - 1px);color:rgb(from var(--fb-color-default-text) r g b / calc(alpha - .4));position:relative;background:var(--fb-background-app)!important;&~td{background:var(--fb-background-app)!important}}:where([data-fb-theme=dark]) .fb-IPbRpq-section{color:rgb(from var(--fb-color-default-text) r g b / calc(alpha - .6))}.fb-IPbRpq-subsection{font-weight:var(--fb-weight-bold);font-size:calc(var(--fb-size-s2) - 1px);background:var(--fb-background-app);position:relative}.fb-IPbRpq-cell{position:relative}.fb-IPbRpq-row:hover>td{cursor:row-resize;background-color:hsl(from var(--fb-background-app) h s calc(l + .5))!important}.fb-IPbRpq-clickIntercept{font:inherit;color:#0000;background:0 0;border:none;width:100%;height:100%;padding:0;position:absolute;inset:0;cursor:row-resize!important}", document.head.appendChild(style);
 }
-var SectionRow_default = { subsection: "fb-IPbRpq-subsection", clickIntercept: "fb-IPbRpq-clickIntercept", row: "fb-IPbRpq-row", section: "fb-IPbRpq-section", expanderIcon: "fb-IPbRpq-expanderIcon", cell: "fb-IPbRpq-cell", flexWrapper: "fb-IPbRpq-flexWrapper" };
+var SectionRow_default = { section: "fb-IPbRpq-section", cell: "fb-IPbRpq-cell", flexWrapper: "fb-IPbRpq-flexWrapper", expanderIcon: "fb-IPbRpq-expanderIcon", subsection: "fb-IPbRpq-subsection", row: "fb-IPbRpq-row", clickIntercept: "fb-IPbRpq-clickIntercept" };
 
 // src/addon-docs/blocks/components/ArgsTable/SectionRow.tsx
 import { Fragment as Fragment11, jsx as jsx21, jsxs as jsxs17 } from "react/jsx-runtime";
@@ -2655,7 +2655,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id16}
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id16), style.textContent = ".fb-j2xz2a-tableWrapper{border-spacing:0;width:100%;color:var(--fb-color-default-text)}.fb-j2xz2a-row{border-bottom:1px solid var(--fb-app-border-color);display:flex;&:last-child{border-bottom:0}}.fb-j2xz2a-column{flex-direction:column;align-items:flex-start;gap:5px;padding:10px 15px;display:flex;&[data-position=first]{width:25%;padding-left:20px}&[data-position=second]{width:35%}&[data-position=third]{width:15%}&[data-position=last]{width:25%;padding-right:20px}}.fb-j2xz2a-skeletonText{background:var(--fb-app-border-color);border-radius:3px;width:100%;height:16px;animation:1.5s ease-in-out infinite fb-j2xz2a-glow}@keyframes fb-j2xz2a-glow{0%,to{opacity:1}50%{opacity:.4}}", document.head.appendChild(style);
 }
-var Skeleton_default = { column: "fb-j2xz2a-column", row: "fb-j2xz2a-row", glow: "fb-j2xz2a-glow", tableWrapper: "fb-j2xz2a-tableWrapper", skeletonText: "fb-j2xz2a-skeletonText" };
+var Skeleton_default = { column: "fb-j2xz2a-column", row: "fb-j2xz2a-row", skeletonText: "fb-j2xz2a-skeletonText", tableWrapper: "fb-j2xz2a-tableWrapper", glow: "fb-j2xz2a-glow" };
 
 // src/addon-docs/blocks/components/ArgsTable/Skeleton.tsx
 import { jsx as jsx22, jsxs as jsxs18 } from "react/jsx-runtime";
@@ -2701,7 +2701,7 @@ if (typeof document < "u" && !document.querySelector(`style[data-fb-css="${id17}
   let style = document.createElement("style");
   style.setAttribute("data-fb-css", id17), style.textContent = ".fb-sQsT7G-tableWrapper.fb-sQsT7G-tableWrapper{border-spacing:0;color:var(--fb-color-default-text);& td,& th{vertical-align:top;text-overflow:ellipsis;border:none;padding:0}font-size:calc(var(--fb-size-s2) - 1px);text-align:left;margin-top:25px;margin-bottom:40px;width:100%;margin-inline:1px;padding-inline:0;line-height:19px;& thead th:first-of-type,& td:first-of-type{width:25%}& th:first-of-type,& td:first-of-type{padding-left:20px}& th:last-of-type,& td:last-of-type{padding-right:20px}&:not([data-compact]){& th:nth-of-type(2),& td:nth-of-type(2){width:35%}& td:nth-of-type(3){width:15%}& th:last-of-type,& td:last-of-type{width:25%}}& th{color:var(--fb-text-muted-color);padding:10px 15px}& td{padding-top:10px;padding-bottom:10px;&:not(:first-of-type){padding-left:15px;padding-right:15px}&:last-of-type{padding-right:20px}}& tbody>tr>*{background:var(--fb-background-content);border-top:1px solid var(--fb-app-border-color)}&:not([data-in-addon-panel]) tbody{filter:drop-shadow(0 1px 3px #0000001a);&>tr:first-of-type>*{border-block-start:1px solid var(--fb-app-border-color)}&>tr:last-of-type>*{border-block-end:1px solid var(--fb-app-border-color)}&>tr>:first-of-type{border-inline-start:1px solid var(--fb-app-border-color)}&>tr>:last-of-type{border-inline-end:1px solid var(--fb-app-border-color)}&>tr:first-of-type>td:first-of-type{border-top-left-radius:var(--fb-app-border-radius)}&>tr:first-of-type>td:last-of-type{border-top-right-radius:var(--fb-app-border-radius)}&>tr:last-of-type>td:first-of-type{border-bottom-left-radius:var(--fb-app-border-radius)}&>tr:last-of-type>td:last-of-type{border-bottom-right-radius:var(--fb-app-border-radius)}}&[data-in-tab-panel]{margin-inline:0;padding-inline:3px}&[data-in-addon-panel]{margin-top:0;margin-bottom:0;margin-inline:0}}:where([data-fb-theme=dark]) .fb-sQsT7G-tableWrapper.fb-sQsT7G-tableWrapper:not([data-in-addon-panel]) tbody{filter:drop-shadow(0 1px 3px #0003)}.fb-sQsT7G-tablePositionWrapper{position:relative}.fb-sQsT7G-buttonPositionWrapper{position:absolute;top:10px;right:22px}.fb-sQsT7G-resetButton{margin:-4px -12px -4px 0}@media (forced-colors:active){.fb-sQsT7G-tableWrapper.fb-sQsT7G-tableWrapper tbody{filter:none!important;&>tr>*{border-color:canvastext!important}}}", document.head.appendChild(style);
 }
-var ArgsTable_default = { buttonPositionWrapper: "fb-sQsT7G-buttonPositionWrapper", tableWrapper: "fb-sQsT7G-tableWrapper", tablePositionWrapper: "fb-sQsT7G-tablePositionWrapper", resetButton: "fb-sQsT7G-resetButton" };
+var ArgsTable_default = { tablePositionWrapper: "fb-sQsT7G-tablePositionWrapper", tableWrapper: "fb-sQsT7G-tableWrapper", resetButton: "fb-sQsT7G-resetButton", buttonPositionWrapper: "fb-sQsT7G-buttonPositionWrapper" };
 
 // src/addon-docs/blocks/components/ArgsTable/ArgsTable.tsx
 import { jsx as jsx23, jsxs as jsxs19 } from "react/jsx-runtime";

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

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