@traefik-labs/faency 12.2.0 → 12.2.2

package/dist/components/Checkbox/Checkbox.themes.js.map

@@ -1 +1 @@
-{"version":3,"file":"Checkbox.themes.js","sources":["../../../components/Checkbox/Checkbox.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    checkboxIcon: Property.Color;\n    checkboxBg: Property.Color;\n    checkboxCheckedBg: Property.Color;\n    checkboxBorder: Property.Color;\n    checkboxCheckedIcon: Property.Color;\n    checkboxCheckedHoverBg: Property.Color;\n    checkboxHoverBg: Property.Color;\n    checkboxHoverBorder: Property.Color;\n    checkboxFocusBorder: Property.Color;\n    checkboxDisabledBg: Property.Color;\n    checkboxDisabledBorder: Property.Color;\n    checkboxIndicatorDisabledBg: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    checkboxIcon: '$deepBlue11',\n    checkboxBg: 'transparent',\n    checkboxBorder: '$slate8',\n    checkboxCheckedBg: '$primary',\n    checkboxCheckedIcon: 'white',\n    checkboxCheckedHoverBg: tinycolor(primaryColor.value).darken().toHslString(),\n    checkboxHoverBg: 'transparent',\n    checkboxHoverBorder: '$primary',\n    checkboxFocusBorder: '$primary',\n    checkboxDisabledBg: '$deepBlue3',\n    checkboxDisabledBorder: '$deepBlue5',\n    checkboxIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    checkboxIcon: '$deepBlue1',\n    checkboxBg: 'transparent',\n    checkboxCheckedBg: '$primary',\n    checkboxBorder: '$slate9',\n    checkboxCheckedIcon: '$deepBlue1',\n    checkboxCheckedHoverBg: tinycolor(primaryColor.value).lighten(10).toHslString(),\n    checkboxHoverBg: '$deepBlue3',\n    checkboxHoverBorder: '$primary',\n    checkboxFocusBorder: '$primary',\n    checkboxDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n    checkboxDisabledBorder: 'transparent',\n    checkboxIndicatorDisabledBg: '$deepBlue1',\n  });\n}\n"],"names":["Theme"],"mappings":";AAKO,IAAU;AAAA,CAAV,CAAUA,WAAV;AAkBQA,SAAA,WAAoB,CAAC,kBAAkB;AAAA,IAClD,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,gBAAgB;AAAA,IAChB,mBAAmB;AAAA,IACnB,qBAAqB;AAAA,IACrB,wBAAwB,UAAU,aAAa,KAAK,EAAE,OAAA,EAAS,YAAA;AAAA,IAC/D,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,oBAAoB;AAAA,IACpB,wBAAwB;AAAA,IACxB,6BAA6B,UAAU,aAAa,KAAK,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,EAAY;AAG1EA,SAAA,UAAmB,CAAC,kBAAkB;AAAA,IACjD,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,mBAAmB;AAAA,IACnB,gBAAgB;AAAA,IAChB,qBAAqB;AAAA,IACrB,wBAAwB,UAAU,aAAa,KAAK,EAAE,QAAQ,EAAE,EAAE,YAAA;AAAA,IAClE,iBAAiB;AAAA,IACjB,qBAAqB;AAAA,IACrB,qBAAqB;AAAA,IACrB,oBAAoB,UAAU,aAAa,KAAK,EAAE,SAAS,GAAG,EAAE,YAAA;AAAA,IAChE,wBAAwB;AAAA,IACxB,6BAA6B;AAAA,EAAA;AAC/B,GA9Ce,UAAA,QAAA,CAAA,EAAA;"}
+{"version":3,"file":"Checkbox.themes.js","names":[],"sources":["../../../components/Checkbox/Checkbox.themes.ts"],"sourcesContent":["import { Property } from '@stitches/react/types/css';\nimport tinycolor from 'tinycolor2';\n\nimport { ColorInfo } from '../../utils/getPrimaryColorInfo';\n\nexport namespace Theme {\n  type Colors = {\n    checkboxIcon: Property.Color;\n    checkboxBg: Property.Color;\n    checkboxCheckedBg: Property.Color;\n    checkboxBorder: Property.Color;\n    checkboxCheckedIcon: Property.Color;\n    checkboxCheckedHoverBg: Property.Color;\n    checkboxHoverBg: Property.Color;\n    checkboxHoverBorder: Property.Color;\n    checkboxFocusBorder: Property.Color;\n    checkboxDisabledBg: Property.Color;\n    checkboxDisabledBorder: Property.Color;\n    checkboxIndicatorDisabledBg: Property.Color;\n  };\n\n  type Factory = (primaryColor: ColorInfo) => Colors;\n\n  export const getLight: Factory = (primaryColor) => ({\n    checkboxIcon: '$deepBlue11',\n    checkboxBg: 'transparent',\n    checkboxBorder: '$slate8',\n    checkboxCheckedBg: '$primary',\n    checkboxCheckedIcon: 'white',\n    checkboxCheckedHoverBg: tinycolor(primaryColor.value).darken().toHslString(),\n    checkboxHoverBg: 'transparent',\n    checkboxHoverBorder: '$primary',\n    checkboxFocusBorder: '$primary',\n    checkboxDisabledBg: '$deepBlue3',\n    checkboxDisabledBorder: '$deepBlue5',\n    checkboxIndicatorDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n  });\n\n  export const getDark: Factory = (primaryColor) => ({\n    checkboxIcon: '$deepBlue1',\n    checkboxBg: 'transparent',\n    checkboxCheckedBg: '$primary',\n    checkboxBorder: '$slate9',\n    checkboxCheckedIcon: '$deepBlue1',\n    checkboxCheckedHoverBg: tinycolor(primaryColor.value).lighten(10).toHslString(),\n    checkboxHoverBg: '$deepBlue3',\n    checkboxHoverBorder: '$primary',\n    checkboxFocusBorder: '$primary',\n    checkboxDisabledBg: tinycolor(primaryColor.value).setAlpha(0.6).toHslString(),\n    checkboxDisabledBorder: 'transparent',\n    checkboxIndicatorDisabledBg: '$deepBlue1',\n  });\n}\n"],"mappings":";;AAKO,IAAA;;AAkBQ,QAAA,YAAqB,kBAAkB;EAClD,cAAc;EACd,YAAY;EACZ,gBAAgB;EAChB,mBAAmB;EACnB,qBAAqB;EACrB,wBAAwB,UAAU,aAAa,MAAM,CAAC,QAAQ,CAAC,aAAa;EAC5E,iBAAiB;EACjB,qBAAqB;EACrB,qBAAqB;EACrB,oBAAoB;EACpB,wBAAwB;EACxB,6BAA6B,UAAU,aAAa,MAAM,CAAC,SAAS,GAAI,CAAC,aAAa;EACvF;AAEY,QAAA,WAAoB,kBAAkB;EACjD,cAAc;EACd,YAAY;EACZ,mBAAmB;EACnB,gBAAgB;EAChB,qBAAqB;EACrB,wBAAwB,UAAU,aAAa,MAAM,CAAC,QAAQ,GAAG,CAAC,aAAa;EAC/E,iBAAiB;EACjB,qBAAqB;EACrB,qBAAqB;EACrB,oBAAoB,UAAU,aAAa,MAAM,CAAC,SAAS,GAAI,CAAC,aAAa;EAC7E,wBAAwB;EACxB,6BAA6B;EAC9B;yBACF"}

package/dist/components/CodeBlock/CodeBlock.cjs

@@ -1,168 +1,158 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("react/jsx-runtime");
-const reactIcons = require("@radix-ui/react-icons");
-const prismReactRenderer = require("prism-react-renderer");
-const React = require("react");
-const stitches_config = require("../../stitches.config.cjs");
-const colorSchemeContext = require("../colorSchemeContext.cjs");
-const Box = require("../Box/Box.cjs");
-const Button = require("../Button/Button.cjs");
-const AccessibleIcon = require("../AccessibleIcon/AccessibleIcon.cjs");
-const Pre = stitches_config.styled("pre", {
-  m: 0,
-  borderRadius: "$2",
-  overflow: "auto",
-  border: "1px solid $colors$deepBlue3",
-  fontSize: "$2",
-  lineHeight: 1.6,
-  variants: {
-    noBorder: {
-      true: { border: "none" }
-    }
-  }
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+const require_AccessibleIcon = require("../AccessibleIcon/AccessibleIcon.cjs");
+const require_stitches_config = require("../../stitches.config.cjs");
+const require_Box = require("../Box/Box.cjs");
+const require_Button = require("../Button/Button.cjs");
+const require_colorSchemeContext = require("../colorSchemeContext.cjs");
+let _radix_ui_react_icons = require("@radix-ui/react-icons");
+let react = require("react");
+react = require_runtime.__toESM(react, 1);
+let react_jsx_runtime = require("react/jsx-runtime");
+let prism_react_renderer = require("prism-react-renderer");
+//#region components/CodeBlock/CodeBlock.tsx
+var Pre = require_stitches_config.styled("pre", {
+	m: 0,
+	borderRadius: "$2",
+	overflow: "auto",
+	border: "1px solid $colors$deepBlue3",
+	fontSize: "$2",
+	lineHeight: 1.6,
+	variants: { noBorder: { true: { border: "none" } } }
 });
-const CopyButtonWrapper = stitches_config.styled("div", {
-  position: "absolute",
-  zIndex: 1,
-  variants: {
-    position: {
-      top: { top: "$2", right: "$3" },
-      topLeft: { top: "$2", left: "$3" },
-      bottomRight: { bottom: "$2", right: "$3" },
-      bottomLeft: { bottom: "$2", left: "$3" }
-    }
-  },
-  defaultVariants: {
-    position: "top"
-  }
+var CopyButtonWrapper = require_stitches_config.styled("div", {
+	position: "absolute",
+	zIndex: 1,
+	variants: { position: {
+		top: {
+			top: "$2",
+			right: "$3"
+		},
+		topLeft: {
+			top: "$2",
+			left: "$3"
+		},
+		bottomRight: {
+			bottom: "$2",
+			right: "$3"
+		},
+		bottomLeft: {
+			bottom: "$2",
+			left: "$3"
+		}
+	} },
+	defaultVariants: { position: "top" }
+});
+var CodeBlock = (0, react.forwardRef)(({ lang = "text", code, copyable = false, copyText, copiedText, copyButtonAlign = "top right", onCopy, noBorder, wrapText = false, colorScheme, maxHeight = 424, css, style, className, ...props }, ref) => {
+	const systemScheme = require_colorSchemeContext.useColorScheme();
+	const prismTheme = (colorScheme ?? systemScheme) === "dark" ? prism_react_renderer.themes.nightOwl : prism_react_renderer.themes.nightOwlLight;
+	const isBottom = copyButtonAlign.includes("bottom");
+	const isLeft = copyButtonAlign.includes("left");
+	const buttonPosition = isBottom ? isLeft ? "bottomLeft" : "bottomRight" : isLeft ? "topLeft" : "top";
+	const [copied, setCopied] = (0, react.useState)(false);
+	const preRef = (0, react.useRef)(null);
+	const buttonWrapperRef = (0, react.useRef)(null);
+	const setPreRef = (0, react.useCallback)((node) => {
+		preRef.current = node;
+		if (typeof ref === "function") ref(node);
+		else if (ref) ref.current = node;
+	}, [ref]);
+	(0, react.useLayoutEffect)(() => {
+		if (!copyable) return;
+		const pre = preRef.current;
+		const wrapper = buttonWrapperRef.current;
+		if (!pre || !wrapper) return;
+		const isBottomAlign = isBottom;
+		const borderH = noBorder ? 0 : 2;
+		const update = () => {
+			if (!isLeft) {
+				const vScrollbar = Math.max(0, pre.offsetWidth - pre.clientWidth - borderH);
+				wrapper.style.right = `${16 + vScrollbar}px`;
+			}
+			if (isBottomAlign) {
+				const hScrollbar = Math.max(0, pre.offsetHeight - pre.clientHeight - borderH);
+				wrapper.style.bottom = `${8 + hScrollbar}px`;
+			}
+		};
+		update();
+		const observer = new ResizeObserver(update);
+		observer.observe(pre);
+		return () => observer.disconnect();
+	}, [
+		copyable,
+		isBottom,
+		isLeft,
+		noBorder
+	]);
+	const handleCopy = async () => {
+		try {
+			await navigator.clipboard.writeText(code);
+			setCopied(true);
+			onCopy?.();
+			setTimeout(() => setCopied(false), 1500);
+		} catch {}
+	};
+	const copyButton = copyable ? /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Button.Button, {
+		variant: "secondary",
+		ghost: true,
+		size: "small",
+		type: "button",
+		onClick: handleCopy,
+		css: {
+			color: "$hiContrast",
+			gap: "$1",
+			backgroundColor: "$codeBlockCopyButtonBg",
+			height: "32px"
+		},
+		children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_AccessibleIcon.AccessibleIcon, {
+			label: copied ? "Copied" : "Copy",
+			children: copied ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_icons.CheckIcon, {}) : /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_radix_ui_react_icons.CopyIcon, {})
+		}), copied ? copiedText : copyText]
+	}) : null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(prism_react_renderer.Highlight, {
+		theme: prismTheme,
+		code,
+		language: prism_react_renderer.Prism.languages[lang] != null ? lang : "text",
+		children: ({ className: highlightClass, style: highlightStyle, tokens, getLineProps, getTokenProps }) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_Box.Box, {
+			css: {
+				position: "relative",
+				...css
+			},
+			children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(Pre, {
+				ref: setPreRef,
+				className: [highlightClass, className].filter(Boolean).join(" "),
+				style: {
+					maxHeight,
+					...highlightStyle,
+					backgroundColor: "inherit",
+					...style
+				},
+				noBorder,
+				...props,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_Box.Box, {
+					css: {
+						p: "$4",
+						...copyable && isLeft && isBottom ? { pb: "$7" } : {},
+						...copyable && isLeft && !isBottom ? { pt: "$7" } : {}
+					},
+					children: tokens.map((line, i) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+						...getLineProps({ line }),
+						style: wrapText ? {
+							whiteSpace: "pre-wrap",
+							wordBreak: "break-all"
+						} : void 0,
+						children: line.map((token, key) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)("span", { ...getTokenProps({ token }) }, key))
+					}, i))
+				})
+			}), copyButton && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CopyButtonWrapper, {
+				ref: buttonWrapperRef,
+				position: buttonPosition,
+				children: copyButton
+			})]
+		})
+	});
 });
-const CodeBlock = React.forwardRef(
-  ({
-    lang = "text",
-    code,
-    copyable = false,
-    copyText,
-    copiedText,
-    copyButtonAlign = "top right",
-    onCopy,
-    noBorder,
-    wrapText = false,
-    colorScheme,
-    maxHeight = 424,
-    css,
-    style,
-    className,
-    ...props
-  }, ref) => {
-    const systemScheme = colorSchemeContext.useColorScheme();
-    const resolvedScheme = colorScheme ?? systemScheme;
-    const prismTheme = resolvedScheme === "dark" ? prismReactRenderer.themes.nightOwl : prismReactRenderer.themes.nightOwlLight;
-    const isBottom = copyButtonAlign.includes("bottom");
-    const isLeft = copyButtonAlign.includes("left");
-    const buttonPosition = isBottom ? isLeft ? "bottomLeft" : "bottomRight" : isLeft ? "topLeft" : "top";
-    const [copied, setCopied] = React.useState(false);
-    const preRef = React.useRef(
-      null
-    );
-    const buttonWrapperRef = React.useRef(null);
-    const setPreRef = React.useCallback(
-      (node) => {
-        preRef.current = node;
-        if (typeof ref === "function") ref(node);
-        else if (ref) ref.current = node;
-      },
-      [ref]
-    );
-    React.useLayoutEffect(() => {
-      if (!copyable) return;
-      const pre = preRef.current;
-      const wrapper = buttonWrapperRef.current;
-      if (!pre || !wrapper) return;
-      const isBottomAlign = isBottom;
-      const borderH = noBorder ? 0 : 2;
-      const update = () => {
-        if (!isLeft) {
-          const vScrollbar = Math.max(0, pre.offsetWidth - pre.clientWidth - borderH);
-          wrapper.style.right = `${16 + vScrollbar}px`;
-        }
-        if (isBottomAlign) {
-          const hScrollbar = Math.max(0, pre.offsetHeight - pre.clientHeight - borderH);
-          wrapper.style.bottom = `${8 + hScrollbar}px`;
-        }
-      };
-      update();
-      const observer = new ResizeObserver(update);
-      observer.observe(pre);
-      return () => observer.disconnect();
-    }, [copyable, isBottom, isLeft, noBorder]);
-    const handleCopy = async () => {
-      try {
-        await navigator.clipboard.writeText(code);
-        setCopied(true);
-        onCopy?.();
-        setTimeout(() => setCopied(false), 1500);
-      } catch {
-      }
-    };
-    const copyButton = copyable ? /* @__PURE__ */ jsxRuntime.jsxs(
-      Button.Button,
-      {
-        variant: "secondary",
-        ghost: true,
-        size: "small",
-        type: "button",
-        onClick: handleCopy,
-        css: {
-          color: "$hiContrast",
-          gap: "$1",
-          backgroundColor: "$codeBlockCopyButtonBg",
-          height: "32px"
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(AccessibleIcon.AccessibleIcon, { label: copied ? "Copied" : "Copy", children: copied ? /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CheckIcon, {}) : /* @__PURE__ */ jsxRuntime.jsx(reactIcons.CopyIcon, {}) }),
-          copied ? copiedText : copyText
-        ]
-      }
-    ) : null;
-    return /* @__PURE__ */ jsxRuntime.jsx(
-      prismReactRenderer.Highlight,
-      {
-        theme: prismTheme,
-        code,
-        language: prismReactRenderer.Prism.languages[lang] != null ? lang : "text",
-        children: ({
-          className: highlightClass,
-          style: highlightStyle,
-          tokens,
-          getLineProps,
-          getTokenProps
-        }) => /* @__PURE__ */ jsxRuntime.jsxs(Box.Box, { css: { position: "relative", ...css }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            Pre,
-            {
-              ref: setPreRef,
-              className: [highlightClass, className].filter(Boolean).join(" "),
-              style: { maxHeight, ...highlightStyle, backgroundColor: "inherit", ...style },
-              noBorder,
-              ...props,
-              children: /* @__PURE__ */ jsxRuntime.jsx(Box.Box, { css: { p: "$4", ...copyable && isBottom ? { pb: "$7" } : {} }, children: tokens.map((line, i) => /* @__PURE__ */ jsxRuntime.jsx(
-                "div",
-                {
-                  ...getLineProps({ line }),
-                  style: wrapText ? { whiteSpace: "pre-wrap", wordBreak: "break-all" } : void 0,
-                  children: line.map((token, key) => /* @__PURE__ */ jsxRuntime.jsx("span", { ...getTokenProps({ token }) }, key))
-                },
-                i
-              )) })
-            }
-          ),
-          copyButton && /* @__PURE__ */ jsxRuntime.jsx(CopyButtonWrapper, { ref: buttonWrapperRef, position: buttonPosition, children: copyButton })
-        ] })
-      }
-    );
-  }
-);
 CodeBlock.displayName = "CodeBlock";
+//#endregion
 exports.CodeBlock = CodeBlock;
-//# sourceMappingURL=CodeBlock.cjs.map
+
+//# sourceMappingURL=CodeBlock.cjs.map

package/dist/components/CodeBlock/CodeBlock.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"CodeBlock.cjs","sources":["../../../components/CodeBlock/CodeBlock.tsx"],"sourcesContent":["import './prism-extend';\n\nimport { CheckIcon, CopyIcon } from '@radix-ui/react-icons';\nimport { Highlight, Language, Prism, themes } from 'prism-react-renderer';\nimport React, {\n  ComponentProps,\n  forwardRef,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { CSS, styled } from '../../stitches.config';\nimport { AccessibleIcon } from '../AccessibleIcon';\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { useColorScheme } from '../colorSchemeContext';\nimport type { CodeBlockCopyButtonAlign, CodeBlockLanguage } from './index';\n\nconst Pre = styled('pre', {\n  m: 0,\n  borderRadius: '$2',\n  overflow: 'auto',\n  border: '1px solid $colors$deepBlue3',\n  fontSize: '$2',\n  lineHeight: 1.6,\n\n  variants: {\n    noBorder: {\n      true: { border: 'none' },\n    },\n  },\n});\n\nconst CopyButtonWrapper = styled('div', {\n  position: 'absolute',\n  zIndex: 1,\n  variants: {\n    position: {\n      top: { top: '$2', right: '$3' },\n      topLeft: { top: '$2', left: '$3' },\n      bottomRight: { bottom: '$2', right: '$3' },\n      bottomLeft: { bottom: '$2', left: '$3' },\n    },\n  },\n\n  defaultVariants: {\n    position: 'top',\n  },\n});\n\nexport type CodeBlockProps = {\n  lang?: CodeBlockLanguage;\n  code: string;\n  copyable?: boolean;\n  copyText?: string;\n  copiedText?: string;\n  copyButtonAlign?: CodeBlockCopyButtonAlign;\n  onCopy?: () => void;\n  noBorder?: boolean;\n  wrapText?: boolean;\n  colorScheme?: 'light' | 'dark';\n  maxHeight?: number | string;\n  css?: CSS;\n} & Omit<ComponentProps<typeof Pre>, 'css'>;\n\nexport const CodeBlock = forwardRef<HTMLPreElement, CodeBlockProps>(\n  (\n    {\n      lang = 'text',\n      code,\n      copyable = false,\n      copyText,\n      copiedText,\n      copyButtonAlign = 'top right',\n      onCopy,\n      noBorder,\n      wrapText = false,\n      colorScheme,\n      maxHeight = 424,\n      css,\n      style,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const systemScheme = useColorScheme();\n    const resolvedScheme = colorScheme ?? systemScheme;\n    const prismTheme = resolvedScheme === 'dark' ? themes.nightOwl : themes.nightOwlLight;\n\n    const isBottom = copyButtonAlign.includes('bottom');\n    const isLeft = copyButtonAlign.includes('left');\n    const buttonPosition = isBottom\n      ? isLeft\n        ? 'bottomLeft'\n        : 'bottomRight'\n      : isLeft\n        ? 'topLeft'\n        : 'top';\n\n    const [copied, setCopied] = useState(false);\n\n    const preRef = useRef<HTMLPreElement | null>(\n      null,\n    ) as React.MutableRefObject<HTMLPreElement | null>;\n    const buttonWrapperRef = useRef<HTMLDivElement>(null);\n\n    const setPreRef = useCallback(\n      (node: HTMLPreElement | null) => {\n        preRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLPreElement | null>).current = node;\n      },\n      [ref],\n    );\n\n    useLayoutEffect(() => {\n      if (!copyable) return;\n      const pre = preRef.current;\n      const wrapper = buttonWrapperRef.current;\n      if (!pre || !wrapper) return;\n\n      const isBottomAlign = isBottom;\n      const borderH = noBorder ? 0 : 2;\n\n      const update = () => {\n        if (!isLeft) {\n          const vScrollbar = Math.max(0, pre.offsetWidth - pre.clientWidth - borderH);\n          wrapper.style.right = `${16 + vScrollbar}px`;\n        }\n        if (isBottomAlign) {\n          const hScrollbar = Math.max(0, pre.offsetHeight - pre.clientHeight - borderH);\n          wrapper.style.bottom = `${8 + hScrollbar}px`;\n        }\n      };\n\n      update();\n      const observer = new ResizeObserver(update);\n      observer.observe(pre);\n      return () => observer.disconnect();\n    }, [copyable, isBottom, isLeft, noBorder]);\n\n    const handleCopy = async () => {\n      try {\n        await navigator.clipboard.writeText(code);\n        setCopied(true);\n        onCopy?.();\n        setTimeout(() => setCopied(false), 1500);\n      } catch {\n        // clipboard write failed (e.g. permission denied) — leave UI unchanged\n      }\n    };\n\n    const copyButton = copyable ? (\n      <Button\n        variant=\"secondary\"\n        ghost\n        size=\"small\"\n        type=\"button\"\n        onClick={handleCopy}\n        css={{\n          color: '$hiContrast',\n          gap: '$1',\n          backgroundColor: '$codeBlockCopyButtonBg',\n          height: '32px',\n        }}\n      >\n        <AccessibleIcon label={copied ? 'Copied' : 'Copy'}>\n          {copied ? <CheckIcon /> : <CopyIcon />}\n        </AccessibleIcon>\n        {copied ? copiedText : copyText}\n      </Button>\n    ) : null;\n\n    return (\n      <Highlight\n        theme={prismTheme}\n        code={code}\n        language={(Prism.languages[lang] != null ? lang : 'text') as Language}\n      >\n        {({\n          className: highlightClass,\n          style: highlightStyle,\n          tokens,\n          getLineProps,\n          getTokenProps,\n        }) => (\n          <Box css={{ position: 'relative', ...css }}>\n            <Pre\n              ref={setPreRef}\n              className={[highlightClass, className].filter(Boolean).join(' ')}\n              style={{ maxHeight, ...highlightStyle, backgroundColor: 'inherit', ...style }}\n              noBorder={noBorder}\n              {...props}\n            >\n              <Box css={{ p: '$4', ...(copyable && isBottom ? { pb: '$7' } : {}) }}>\n                {tokens.map((line, i) => (\n                  <div\n                    key={i}\n                    {...getLineProps({ line })}\n                    style={\n                      wrapText ? { whiteSpace: 'pre-wrap', wordBreak: 'break-all' } : undefined\n                    }\n                  >\n                    {line.map((token, key) => (\n                      <span key={key} {...getTokenProps({ token })} />\n                    ))}\n                  </div>\n                ))}\n              </Box>\n            </Pre>\n            {copyButton && (\n              <CopyButtonWrapper ref={buttonWrapperRef} position={buttonPosition}>\n                {copyButton}\n              </CopyButtonWrapper>\n            )}\n          </Box>\n        )}\n      </Highlight>\n    );\n  },\n);\n\nCodeBlock.displayName = 'CodeBlock';\n"],"names":["styled","forwardRef","useColorScheme","themes","useState","useRef","useCallback","useLayoutEffect","jsxs","Button","jsx","AccessibleIcon","CheckIcon","CopyIcon","Highlight","Prism","Box"],"mappings":"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"}
+{"version":3,"file":"CodeBlock.cjs","names":[],"sources":["../../../components/CodeBlock/CodeBlock.tsx"],"sourcesContent":["import './prism-extend';\n\nimport { CheckIcon, CopyIcon } from '@radix-ui/react-icons';\nimport { Highlight, Language, Prism, themes } from 'prism-react-renderer';\nimport React, {\n  ComponentProps,\n  forwardRef,\n  useCallback,\n  useLayoutEffect,\n  useRef,\n  useState,\n} from 'react';\n\nimport { CSS, styled } from '../../stitches.config';\nimport { AccessibleIcon } from '../AccessibleIcon';\nimport { Box } from '../Box';\nimport { Button } from '../Button';\nimport { useColorScheme } from '../colorSchemeContext';\nimport type { CodeBlockCopyButtonAlign, CodeBlockLanguage } from './index';\n\nconst Pre = styled('pre', {\n  m: 0,\n  borderRadius: '$2',\n  overflow: 'auto',\n  border: '1px solid $colors$deepBlue3',\n  fontSize: '$2',\n  lineHeight: 1.6,\n\n  variants: {\n    noBorder: {\n      true: { border: 'none' },\n    },\n  },\n});\n\nconst CopyButtonWrapper = styled('div', {\n  position: 'absolute',\n  zIndex: 1,\n  variants: {\n    position: {\n      top: { top: '$2', right: '$3' },\n      topLeft: { top: '$2', left: '$3' },\n      bottomRight: { bottom: '$2', right: '$3' },\n      bottomLeft: { bottom: '$2', left: '$3' },\n    },\n  },\n\n  defaultVariants: {\n    position: 'top',\n  },\n});\n\nexport type CodeBlockProps = {\n  lang?: CodeBlockLanguage;\n  code: string;\n  copyable?: boolean;\n  copyText?: string;\n  copiedText?: string;\n  copyButtonAlign?: CodeBlockCopyButtonAlign;\n  onCopy?: () => void;\n  noBorder?: boolean;\n  wrapText?: boolean;\n  colorScheme?: 'light' | 'dark';\n  maxHeight?: number | string;\n  css?: CSS;\n} & Omit<ComponentProps<typeof Pre>, 'css'>;\n\nexport const CodeBlock = forwardRef<HTMLPreElement, CodeBlockProps>(\n  (\n    {\n      lang = 'text',\n      code,\n      copyable = false,\n      copyText,\n      copiedText,\n      copyButtonAlign = 'top right',\n      onCopy,\n      noBorder,\n      wrapText = false,\n      colorScheme,\n      maxHeight = 424,\n      css,\n      style,\n      className,\n      ...props\n    },\n    ref,\n  ) => {\n    const systemScheme = useColorScheme();\n    const resolvedScheme = colorScheme ?? systemScheme;\n    const prismTheme = resolvedScheme === 'dark' ? themes.nightOwl : themes.nightOwlLight;\n\n    const isBottom = copyButtonAlign.includes('bottom');\n    const isLeft = copyButtonAlign.includes('left');\n    const buttonPosition = isBottom\n      ? isLeft\n        ? 'bottomLeft'\n        : 'bottomRight'\n      : isLeft\n        ? 'topLeft'\n        : 'top';\n\n    const [copied, setCopied] = useState(false);\n\n    const preRef = useRef<HTMLPreElement | null>(\n      null,\n    ) as React.MutableRefObject<HTMLPreElement | null>;\n    const buttonWrapperRef = useRef<HTMLDivElement>(null);\n\n    const setPreRef = useCallback(\n      (node: HTMLPreElement | null) => {\n        preRef.current = node;\n        if (typeof ref === 'function') ref(node);\n        else if (ref) (ref as React.MutableRefObject<HTMLPreElement | null>).current = node;\n      },\n      [ref],\n    );\n\n    useLayoutEffect(() => {\n      if (!copyable) return;\n      const pre = preRef.current;\n      const wrapper = buttonWrapperRef.current;\n      if (!pre || !wrapper) return;\n\n      const isBottomAlign = isBottom;\n      const borderH = noBorder ? 0 : 2;\n\n      const update = () => {\n        if (!isLeft) {\n          const vScrollbar = Math.max(0, pre.offsetWidth - pre.clientWidth - borderH);\n          wrapper.style.right = `${16 + vScrollbar}px`;\n        }\n        if (isBottomAlign) {\n          const hScrollbar = Math.max(0, pre.offsetHeight - pre.clientHeight - borderH);\n          wrapper.style.bottom = `${8 + hScrollbar}px`;\n        }\n      };\n\n      update();\n      const observer = new ResizeObserver(update);\n      observer.observe(pre);\n      return () => observer.disconnect();\n    }, [copyable, isBottom, isLeft, noBorder]);\n\n    const handleCopy = async () => {\n      try {\n        await navigator.clipboard.writeText(code);\n        setCopied(true);\n        onCopy?.();\n        setTimeout(() => setCopied(false), 1500);\n      } catch {\n        // clipboard write failed (e.g. permission denied) — leave UI unchanged\n      }\n    };\n\n    const copyButton = copyable ? (\n      <Button\n        variant=\"secondary\"\n        ghost\n        size=\"small\"\n        type=\"button\"\n        onClick={handleCopy}\n        css={{\n          color: '$hiContrast',\n          gap: '$1',\n          backgroundColor: '$codeBlockCopyButtonBg',\n          height: '32px',\n        }}\n      >\n        <AccessibleIcon label={copied ? 'Copied' : 'Copy'}>\n          {copied ? <CheckIcon /> : <CopyIcon />}\n        </AccessibleIcon>\n        {copied ? copiedText : copyText}\n      </Button>\n    ) : null;\n\n    return (\n      <Highlight\n        theme={prismTheme}\n        code={code}\n        language={(Prism.languages[lang] != null ? lang : 'text') as Language}\n      >\n        {({\n          className: highlightClass,\n          style: highlightStyle,\n          tokens,\n          getLineProps,\n          getTokenProps,\n        }) => (\n          <Box css={{ position: 'relative', ...css }}>\n            <Pre\n              ref={setPreRef}\n              className={[highlightClass, className].filter(Boolean).join(' ')}\n              style={{ maxHeight, ...highlightStyle, backgroundColor: 'inherit', ...style }}\n              noBorder={noBorder}\n              {...props}\n            >\n              <Box\n                css={{\n                  p: '$4',\n                  ...(copyable && isLeft && isBottom ? { pb: '$7' } : {}),\n                  ...(copyable && isLeft && !isBottom ? { pt: '$7' } : {}),\n                }}\n              >\n                {tokens.map((line, i) => (\n                  <div\n                    key={i}\n                    {...getLineProps({ line })}\n                    style={\n                      wrapText ? { whiteSpace: 'pre-wrap', wordBreak: 'break-all' } : undefined\n                    }\n                  >\n                    {line.map((token, key) => (\n                      <span key={key} {...getTokenProps({ token })} />\n                    ))}\n                  </div>\n                ))}\n              </Box>\n            </Pre>\n            {copyButton && (\n              <CopyButtonWrapper ref={buttonWrapperRef} position={buttonPosition}>\n                {copyButton}\n              </CopyButtonWrapper>\n            )}\n          </Box>\n        )}\n      </Highlight>\n    );\n  },\n);\n\nCodeBlock.displayName = 'CodeBlock';\n"],"mappings":";;;;;;;;;;;;AAoBA,IAAM,MAAM,wBAAA,OAAO,OAAO;CACxB,GAAG;CACH,cAAc;CACd,UAAU;CACV,QAAQ;CACR,UAAU;CACV,YAAY;CAEZ,UAAU,EACR,UAAU,EACR,MAAM,EAAE,QAAQ,QAAQ,EACzB,EACF;CACF,CAAC;AAEF,IAAM,oBAAoB,wBAAA,OAAO,OAAO;CACtC,UAAU;CACV,QAAQ;CACR,UAAU,EACR,UAAU;EACR,KAAK;GAAE,KAAK;GAAM,OAAO;GAAM;EAC/B,SAAS;GAAE,KAAK;GAAM,MAAM;GAAM;EAClC,aAAa;GAAE,QAAQ;GAAM,OAAO;GAAM;EAC1C,YAAY;GAAE,QAAQ;GAAM,MAAM;GAAM;EACzC,EACF;CAED,iBAAiB,EACf,UAAU,OACX;CACF,CAAC;AAiBF,IAAa,aAAA,GAAA,MAAA,aAET,EACE,OAAO,QACP,MACA,WAAW,OACX,UACA,YACA,kBAAkB,aAClB,QACA,UACA,WAAW,OACX,aACA,YAAY,KACZ,KACA,OACA,WACA,GAAG,SAEL,QACG;CACH,MAAM,eAAe,2BAAA,gBAAgB;CAErC,MAAM,cADiB,eAAe,kBACA,SAAS,qBAAA,OAAO,WAAW,qBAAA,OAAO;CAExE,MAAM,WAAW,gBAAgB,SAAS,SAAS;CACnD,MAAM,SAAS,gBAAgB,SAAS,OAAO;CAC/C,MAAM,iBAAiB,WACnB,SACE,eACA,gBACF,SACE,YACA;CAEN,MAAM,CAAC,QAAQ,cAAA,GAAA,MAAA,UAAsB,MAAM;CAE3C,MAAM,UAAA,GAAA,MAAA,QACJ,KACD;CACD,MAAM,oBAAA,GAAA,MAAA,QAA0C,KAAK;CAErD,MAAM,aAAA,GAAA,MAAA,cACH,SAAgC;AAC/B,SAAO,UAAU;AACjB,MAAI,OAAO,QAAQ,WAAY,KAAI,KAAK;WAC/B,IAAM,KAAsD,UAAU;IAEjF,CAAC,IAAI,CACN;AAED,EAAA,GAAA,MAAA,uBAAsB;AACpB,MAAI,CAAC,SAAU;EACf,MAAM,MAAM,OAAO;EACnB,MAAM,UAAU,iBAAiB;AACjC,MAAI,CAAC,OAAO,CAAC,QAAS;EAEtB,MAAM,gBAAgB;EACtB,MAAM,UAAU,WAAW,IAAI;EAE/B,MAAM,eAAe;AACnB,OAAI,CAAC,QAAQ;IACX,MAAM,aAAa,KAAK,IAAI,GAAG,IAAI,cAAc,IAAI,cAAc,QAAQ;AAC3E,YAAQ,MAAM,QAAQ,GAAG,KAAK,WAAW;;AAE3C,OAAI,eAAe;IACjB,MAAM,aAAa,KAAK,IAAI,GAAG,IAAI,eAAe,IAAI,eAAe,QAAQ;AAC7E,YAAQ,MAAM,SAAS,GAAG,IAAI,WAAW;;;AAI7C,UAAQ;EACR,MAAM,WAAW,IAAI,eAAe,OAAO;AAC3C,WAAS,QAAQ,IAAI;AACrB,eAAa,SAAS,YAAY;IACjC;EAAC;EAAU;EAAU;EAAQ;EAAS,CAAC;CAE1C,MAAM,aAAa,YAAY;AAC7B,MAAI;AACF,SAAM,UAAU,UAAU,UAAU,KAAK;AACzC,aAAU,KAAK;AACf,aAAU;AACV,oBAAiB,UAAU,MAAM,EAAE,KAAK;UAClC;;CAKV,MAAM,aAAa,WACjB,iBAAA,GAAA,kBAAA,MAAC,eAAA,QAAD;EACE,SAAQ;EACR,OAAA;EACA,MAAK;EACL,MAAK;EACL,SAAS;EACT,KAAK;GACH,OAAO;GACP,KAAK;GACL,iBAAiB;GACjB,QAAQ;GACT;YAXH,CAaE,iBAAA,GAAA,kBAAA,KAAC,uBAAA,gBAAD;GAAgB,OAAO,SAAS,WAAW;aACxC,SAAS,iBAAA,GAAA,kBAAA,KAAC,sBAAA,WAAD,EAAa,CAAA,GAAG,iBAAA,GAAA,kBAAA,KAAC,sBAAA,UAAD,EAAY,CAAA;GACvB,CAAA,EAChB,SAAS,aAAa,SAChB;MACP;AAEJ,QACE,iBAAA,GAAA,kBAAA,KAAC,qBAAA,WAAD;EACE,OAAO;EACD;EACN,UAAW,qBAAA,MAAM,UAAU,SAAS,OAAO,OAAO;aAEhD,EACA,WAAW,gBACX,OAAO,gBACP,QACA,cACA,oBAEA,iBAAA,GAAA,kBAAA,MAAC,YAAA,KAAD;GAAK,KAAK;IAAE,UAAU;IAAY,GAAG;IAAK;aAA1C,CACE,iBAAA,GAAA,kBAAA,KAAC,KAAD;IACE,KAAK;IACL,WAAW,CAAC,gBAAgB,UAAU,CAAC,OAAO,QAAQ,CAAC,KAAK,IAAI;IAChE,OAAO;KAAE;KAAW,GAAG;KAAgB,iBAAiB;KAAW,GAAG;KAAO;IACnE;IACV,GAAI;cAEJ,iBAAA,GAAA,kBAAA,KAAC,YAAA,KAAD;KACE,KAAK;MACH,GAAG;MACH,GAAI,YAAY,UAAU,WAAW,EAAE,IAAI,MAAM,GAAG,EAAE;MACtD,GAAI,YAAY,UAAU,CAAC,WAAW,EAAE,IAAI,MAAM,GAAG,EAAE;MACxD;eAEA,OAAO,KAAK,MAAM,MACjB,iBAAA,GAAA,kBAAA,KAAC,OAAD;MAEE,GAAI,aAAa,EAAE,MAAM,CAAC;MAC1B,OACE,WAAW;OAAE,YAAY;OAAY,WAAW;OAAa,GAAG,KAAA;gBAGjE,KAAK,KAAK,OAAO,QAChB,iBAAA,GAAA,kBAAA,KAAC,QAAD,EAAgB,GAAI,cAAc,EAAE,OAAO,CAAC,EAAI,EAArC,IAAqC,CAChD;MACE,EATC,EASD,CACN;KACE,CAAA;IACF,CAAA,EACL,cACC,iBAAA,GAAA,kBAAA,KAAC,mBAAD;IAAmB,KAAK;IAAkB,UAAU;cACjD;IACiB,CAAA,CAElB;;EAEE,CAAA;EAGjB;AAED,UAAU,cAAc"}