govuk-chakra 0.1.4 → 0.1.5

package/README.md

@@ -51,7 +51,7 @@ yarn add govuk-chakra @emotion/react @emotion/styled framer-motion react react-d
 
 ### Optional peer dependencies
 
-Chart, code block, and rich text editor components are **not included in the main entry point**. They live in separate entry points so your app only pays the cost of the deps it actually uses.
+Chart and rich text editor components are **not included in the main entry point**. They live in separate entry points so your app only pays the cost of the deps it actually uses. `CodeBlock` is available from both `govuk-chakra` and `govuk-chakra/editor` and requires `shiki`.
 
 | Entry point           | Install                                                                                                    | Components                                                                                                                                  |
 | --------------------- | ---------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------- |
@@ -197,7 +197,7 @@ export function ExamplePage() {
 
 - `govuk-chakra`
   Single combined barrel with Chakra UI exports plus local GOV.UK-styled overrides.
-  Does **not** include charts, `CodeBlock`, or `RichTextEditor` — use the dedicated entry points for those.
+  Includes the GOV.UK-styled `CodeBlock` compound component. Its `CodeBlock.CopyButton` helper takes precedence over Chakra's base `CodeBlock` export. Does **not** include charts or `RichTextEditor` — use the dedicated entry points for those.
 
 - `govuk-chakra/charts`
   All chart components. Requires `@chakra-ui/charts` and `recharts` to be installed.
@@ -231,6 +231,30 @@ import { BarChart, LineChart } from 'govuk-chakra/charts'
 import { CodeBlock, RichTextEditor } from 'govuk-chakra/editor'
 ```
 
+`CodeBlock` can also be imported from the main entry point:
+
+```tsx
+import { CodeBlock } from 'govuk-chakra'
+
+export function ExampleCodeBlock({ source }: { source: string }) {
+  return (
+    <CodeBlock.Root code={source} language="typescript">
+      <CodeBlock.Header>
+        <CodeBlock.Title>example.ts</CodeBlock.Title>
+        <CodeBlock.Control>
+          <CodeBlock.CopyButton />
+        </CodeBlock.Control>
+      </CodeBlock.Header>
+      <CodeBlock.Content>
+        <CodeBlock.Code>
+          <CodeBlock.CodeText />
+        </CodeBlock.Code>
+      </CodeBlock.Content>
+    </CodeBlock.Root>
+  )
+}
+```
+
 ## Theme
 
 If you want direct access to the Chakra system rather than the convenience provider:

package/dist/CodeBlock-COWssyP1.mjs

@@ -0,0 +1,454 @@
+import { o as e } from "./px-to-rem-DcgNLA9k.mjs";
+import { c as t, n, u as r } from "./lu-7Alw9EuV.mjs";
+import { t as i } from "./fa-Dc0gK-Y2.mjs";
+import { Button as a, ClientOnly as o, CodeBlock as s, IconButton as c, Skeleton as l, Span as u, createShikiAdapter as d } from "@chakra-ui/react";
+import { jsx as f, jsxs as p } from "react/jsx-runtime";
+import * as m from "react";
+import { forwardRef as h } from "react";
+//#region src/utils/shiki-adapter.ts
+var g = [
+	"bash",
+	"html",
+	"javascript",
+	"json",
+	"python",
+	"tsx",
+	"typescript"
+], _ = ["github-light", "github-dark"], v = {
+	light: "github-light",
+	dark: "github-dark"
+}, y = g, b = _, x = d({
+	async load() {
+		let { createHighlighter: e } = await import("shiki");
+		return e({
+			langs: g,
+			themes: _
+		});
+	},
+	theme: v
+});
+function S({ languages: e = g, themes: t = _, theme: n = v } = {}) {
+	return d({
+		async load() {
+			let { createHighlighter: n } = await import("shiki");
+			return n({
+				langs: e,
+				themes: t
+			});
+		},
+		theme: n
+	});
+}
+//#endregion
+//#region src/components/Button/buttonVariants.ts
+var C = {
+	outline: "none",
+	bgColor: "yellow.500",
+	color: "gray.950"
+}, w = {
+	primary: {
+		bgColor: "green.500",
+		color: "white",
+		boxShadow: "0 2px 0 {colors.green.800}",
+		_hover: {
+			bgColor: "green.700",
+			color: "white",
+			_focus: C,
+			_focusVisible: C
+		},
+		_focus: C,
+		_focusVisible: C
+	},
+	secondary: {
+		color: "gray.900",
+		bgColor: "gray.50",
+		_dark: {
+			color: "gray.50",
+			bgColor: "gray.600",
+			_hover: {
+				bgColor: "gray.600",
+				_focus: C,
+				_focusVisible: C
+			},
+			_focus: C,
+			_focusVisible: C
+		},
+		boxShadow: "0 2px 0 {colors.gray.200}",
+		_hover: {
+			bgColor: "gray.100",
+			_focus: C,
+			_focusVisible: C
+		},
+		_focus: C,
+		_focusVisible: C
+	},
+	error: {
+		bgColor: "border.error",
+		color: "white",
+		boxShadow: "0 2px 0 {colors.red.800}",
+		_hover: {
+			bgColor: "red.700",
+			_focus: C,
+			_focusVisible: C
+		},
+		_focus: C,
+		_focusVisible: C
+	},
+	inverse: {
+		bgColor: "bg",
+		color: "blue.500",
+		boxShadow: "0 2px 0 {colors.blue.700}",
+		_dark: {
+			bgColor: "blue.900",
+			color: "blue.50",
+			_hover: {
+				color: "blue.50",
+				bgColor: "blue.800",
+				_focus: C,
+				_focusVisible: C
+			},
+			_focus: C,
+			_focusVisible: C
+		},
+		_hover: {
+			color: "blue.700",
+			bgColor: "blue.100",
+			_focus: C,
+			_focusVisible: C
+		},
+		_focus: C,
+		_focusVisible: C
+	},
+	plain: {
+		bgColor: "transparent",
+		color: "fg",
+		_dark: {
+			_hover: {
+				color: "gray.50",
+				bgColor: "gray.800",
+				_focus: C,
+				_focusVisible: C
+			},
+			_focus: C,
+			_focusVisible: C
+		},
+		_hover: {
+			color: "gray.700",
+			bgColor: "gray.100",
+			_focus: C,
+			_focusVisible: C
+		},
+		_focus: C,
+		_focusVisible: C
+	},
+	link: {
+		bgColor: "transparent",
+		color: "blue.500",
+		textDecoration: "underline",
+		boxShadow: "none",
+		_hover: {
+			color: "blue.700",
+			_focus: C,
+			_focusVisible: C
+		},
+		_focus: C,
+		_focusVisible: C
+	}
+}, T = h(({ variant: t = "primary", children: n, startButton: r, ...i }, o) => /* @__PURE__ */ p(a, {
+	ref: o,
+	borderRadius: "0",
+	fontSize: "1.1875rem",
+	bg: "green.500",
+	color: "white",
+	boxShadow: "0 2px 0 {colors.green.900}",
+	fontFamily: "body",
+	fontWeight: r ? "bold" : "normal",
+	padding: `${e(8)} ${e(10)} ${e(7)}`,
+	...w[t],
+	...i,
+	children: [n, r && /* @__PURE__ */ f("svg", {
+		className: "govuk-button__start-icon",
+		xmlns: "http://www.w3.org/2000/svg",
+		width: "17.5",
+		height: "19",
+		viewBox: "0 0 33 40",
+		"aria-hidden": "true",
+		focusable: "false",
+		children: /* @__PURE__ */ f("path", {
+			fill: "currentColor",
+			d: "M0 0h13l20 20-20 20H0l20-20z"
+		})
+	})]
+}));
+T.displayName = "Button";
+//#endregion
+//#region node_modules/next-themes/dist/index.mjs
+var E = (e, t, n, r, i, a, o, s) => {
+	let c = document.documentElement, l = ["light", "dark"];
+	function u(t) {
+		(Array.isArray(e) ? e : [e]).forEach((e) => {
+			let n = e === "class", r = n && a ? i.map((e) => a[e] || e) : i;
+			n ? (c.classList.remove(...r), c.classList.add(a && a[t] ? a[t] : t)) : c.setAttribute(e, t);
+		}), d(t);
+	}
+	function d(e) {
+		s && l.includes(e) && (c.style.colorScheme = e);
+	}
+	function f() {
+		return window.matchMedia("(prefers-color-scheme: dark)").matches ? "dark" : "light";
+	}
+	if (r) u(r);
+	else try {
+		let e = localStorage.getItem(t) || n;
+		u(o && e === "system" ? f() : e);
+	} catch {}
+}, D = m.createContext(void 0), O = {
+	setTheme: (e) => {},
+	themes: []
+}, k = () => m.useContext(D) ?? O;
+m.memo(({ forcedTheme: e, storageKey: t, attribute: n, enableSystem: r, enableColorScheme: i, defaultTheme: a, value: o, themes: s, nonce: c, scriptProps: l }) => {
+	let u = JSON.stringify([
+		n,
+		t,
+		a,
+		e,
+		s,
+		o,
+		r,
+		i
+	]).slice(1, -1);
+	return m.createElement("script", {
+		...l,
+		suppressHydrationWarning: !0,
+		nonce: typeof window > "u" ? c : "",
+		dangerouslySetInnerHTML: { __html: `(${E.toString()})(${u})` }
+	});
+});
+//#endregion
+//#region src/components/ui/color-mode.tsx
+function A() {
+	let { resolvedTheme: e, setTheme: t, forcedTheme: n } = k(), r = typeof document < "u" && document.documentElement.classList.contains("dark") ? "dark" : "light", i = n || e || r;
+	return {
+		colorMode: i,
+		setColorMode: t,
+		toggleColorMode: () => {
+			t(i === "dark" ? "light" : "dark");
+		}
+	};
+}
+function j() {
+	let { colorMode: e } = A();
+	return f(e === "dark" ? t : r, {});
+}
+m.forwardRef(function(e, t) {
+	let { toggleColorMode: n } = A();
+	return /* @__PURE__ */ f(o, {
+		fallback: /* @__PURE__ */ f(l, { boxSize: "9" }),
+		children: /* @__PURE__ */ f(c, {
+			onClick: n,
+			variant: "ghost",
+			"aria-label": "Toggle color mode",
+			size: "sm",
+			ref: t,
+			...e,
+			css: { _icon: {
+				width: "5",
+				height: "5"
+			} },
+			children: /* @__PURE__ */ f(j, {})
+		})
+	});
+}), m.forwardRef(function(e, t) {
+	return /* @__PURE__ */ f(u, {
+		color: "fg",
+		display: "contents",
+		className: "chakra-theme light",
+		colorPalette: "gray",
+		colorScheme: "light",
+		ref: t,
+		...e
+	});
+}), m.forwardRef(function(e, t) {
+	return /* @__PURE__ */ f(u, {
+		color: "fg",
+		display: "contents",
+		className: "chakra-theme dark",
+		colorPalette: "gray",
+		colorScheme: "dark",
+		ref: t,
+		...e
+	});
+});
+//#endregion
+//#region src/components/CodeBlock/CodeBlock.tsx
+var M = {
+	minH: e(48),
+	px: e(16),
+	py: e(10),
+	borderBottomWidth: "1px",
+	borderColor: "border",
+	bg: "bg.subtle",
+	gap: e(12)
+}, N = {
+	position: "relative",
+	overflowX: "auto",
+	bg: "bg"
+}, P = {
+	display: "block",
+	w: "100%",
+	px: e(16),
+	py: e(16),
+	fontSize: e(16),
+	lineHeight: "1.6"
+}, F = h(function(e, t) {
+	let { meta: n, ...r } = e, { colorMode: i } = A();
+	return /* @__PURE__ */ f(s.AdapterProvider, {
+		value: x,
+		children: /* @__PURE__ */ f(o, {
+			fallback: /* @__PURE__ */ f(l, { height: "200px" }),
+			children: () => /* @__PURE__ */ f(s.Root, {
+				ref: t,
+				meta: {
+					...n,
+					colorScheme: i
+				},
+				colorPalette: "green",
+				bg: "bg",
+				color: "fg",
+				borderWidth: "1px",
+				borderColor: "border",
+				borderRadius: "0",
+				overflow: "hidden",
+				className: "code-block",
+				...r
+			})
+		})
+	});
+}), I = h(function(e, t) {
+	return /* @__PURE__ */ f(s.Header, {
+		ref: t,
+		mb: 0,
+		...M,
+		...e
+	});
+}), L = h(function(t, n) {
+	return /* @__PURE__ */ f(s.Title, {
+		ref: n,
+		fontSize: e(16),
+		fontWeight: "700",
+		color: "fg",
+		...t
+	});
+}), R = h(function(t, n) {
+	return /* @__PURE__ */ f(s.Control, {
+		ref: n,
+		gap: e(8),
+		...t
+	});
+}), z = h(function(e, t) {
+	return /* @__PURE__ */ f(s.Content, {
+		ref: t,
+		...N,
+		...e
+	});
+}), B = h(function(e, t) {
+	return /* @__PURE__ */ f(s.Code, {
+		ref: t,
+		fontFamily: "mono",
+		...P,
+		...e
+	});
+}), V = h(function(e, t) {
+	return /* @__PURE__ */ f(s.CodeText, {
+		ref: t,
+		...e
+	});
+}), H = h(function(e, t) {
+	return /* @__PURE__ */ f(s.CopyTrigger, {
+		ref: t,
+		...e
+	});
+}), U = h(function(e, t) {
+	return /* @__PURE__ */ f(s.CopyIndicator, {
+		ref: t,
+		copied: /* @__PURE__ */ f(n, {}),
+		...e,
+		children: /* @__PURE__ */ f(i, {})
+	});
+}), W = h(function({ copiedLabel: t = "Copied", copyLabel: n = "Copy code", size: r = "xs", variant: i = "secondary", ...a }, o) {
+	return /* @__PURE__ */ f(H, {
+		asChild: !0,
+		children: /* @__PURE__ */ p(T, {
+			ref: o,
+			size: r,
+			variant: i,
+			color: "fg",
+			h: "auto",
+			minW: "unset",
+			px: e(10),
+			py: e(6),
+			gap: e(6),
+			...a,
+			children: [/* @__PURE__ */ f(U, {}), /* @__PURE__ */ f(s.CopyIndicator, {
+				copied: t,
+				children: n
+			})]
+		})
+	});
+}), G = h(function(e, t) {
+	return /* @__PURE__ */ f(s.Overlay, {
+		ref: t,
+		...e
+	});
+}), K = h(function(e, t) {
+	return /* @__PURE__ */ f(s.CollapseTrigger, {
+		ref: t,
+		...e
+	});
+}), q = h(function({ children: e, collapsedLabel: t = "Expand code", expandedLabel: n = "Collapse code", ...r }, i) {
+	let a = n ?? e;
+	return /* @__PURE__ */ f(s.CollapseIndicator, {
+		asChild: !0,
+		ref: i,
+		cursor: "pointer",
+		collapsed: /* @__PURE__ */ f(T, {
+			variant: "secondary",
+			size: "xs",
+			children: t
+		}),
+		display: "inline-flex",
+		alignItems: "center",
+		justifyContent: "center",
+		minH: "auto",
+		...r,
+		children: /* @__PURE__ */ f(T, {
+			variant: "secondary",
+			size: "xs",
+			children: a
+		})
+	});
+}), J = h(function(e, t) {
+	return /* @__PURE__ */ f(s.CollapseText, {
+		ref: t,
+		...e
+	});
+}), Y = Object.assign(F, {
+	Root: F,
+	Header: I,
+	Title: L,
+	Control: R,
+	Content: z,
+	Code: B,
+	CodeText: V,
+	CopyTrigger: H,
+	CopyIndicator: U,
+	CopyButton: W,
+	Overlay: G,
+	CollapseTrigger: K,
+	CollapseIndicator: q,
+	CollapseText: J
+});
+//#endregion
+export { w as _, J as a, y as b, R as c, H as d, I as f, T as g, L as h, q as i, W as l, F as m, B as n, K as o, G as p, V as r, z as s, Y as t, U as u, S as v, b as x, x as y };
+
+//# sourceMappingURL=CodeBlock-COWssyP1.mjs.map

package/dist/CodeBlock-COWssyP1.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock-COWssyP1.mjs","names":[],"sources":["../src/utils/shiki-adapter.ts","../src/components/Button/buttonVariants.ts","../src/components/Button/Button.tsx","../node_modules/next-themes/dist/index.mjs","../src/components/ui/color-mode.tsx","../src/components/CodeBlock/CodeBlock.tsx"],"sourcesContent":["import { createShikiAdapter } from '@chakra-ui/react'\nimport type { BundledLanguage, BundledTheme, HighlighterGeneric } from 'shiki'\n\nexport type ShikiHighlighter = HighlighterGeneric<BundledLanguage, BundledTheme>\n\nexport interface GovUkShikiAdapterOptions {\n  languages?: BundledLanguage[]\n  themes?: BundledTheme[]\n  theme?: string | Record<string, string>\n}\n\nconst defaultShikiLanguages: BundledLanguage[] = [\n  'bash',\n  'html',\n  'javascript',\n  'json',\n  'python',\n  'tsx',\n  'typescript',\n]\nconst defaultShikiThemes: BundledTheme[] = ['github-light', 'github-dark']\nconst defaultShikiTheme = {\n  light: 'github-light',\n  dark: 'github-dark',\n} satisfies Record<string, string>\n\nexport const shikiLanguages = defaultShikiLanguages\nexport const shikiThemes = defaultShikiThemes\n\nexport const shikiAdapter = createShikiAdapter<ShikiHighlighter>({\n  async load() {\n    const { createHighlighter } = await import('shiki')\n\n    return createHighlighter({\n      langs: defaultShikiLanguages,\n      themes: defaultShikiThemes,\n    })\n  },\n  theme: defaultShikiTheme,\n})\n\nexport function createGovUkShikiAdapter({\n  languages = defaultShikiLanguages,\n  themes = defaultShikiThemes,\n  theme = defaultShikiTheme,\n}: GovUkShikiAdapterOptions = {}) {\n  return createShikiAdapter<ShikiHighlighter>({\n    async load() {\n      const { createHighlighter } = await import('shiki')\n\n      return createHighlighter({\n        langs: languages,\n        themes,\n      })\n    },\n    theme,\n  })\n}\n","import type { SystemStyleObject } from '@chakra-ui/react'\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'plain' | 'error' | 'inverse' | 'link'\n\nexport const buttonFocusStyles: SystemStyleObject = {\n  outline: 'none',\n  bgColor: 'yellow.500',\n  color: 'gray.950',\n}\n\nexport const buttonVariantStyles: Record<ButtonVariant, SystemStyleObject> = {\n  primary: {\n    bgColor: 'green.500',\n    color: 'white',\n    boxShadow: '0 2px 0 {colors.green.800}',\n    _hover: {\n      bgColor: 'green.700',\n      color: 'white',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  secondary: {\n    color: 'gray.900',\n    bgColor: 'gray.50',\n    _dark: {\n      color: 'gray.50',\n      bgColor: 'gray.600',\n      _hover: {\n        bgColor: 'gray.600',\n        _focus: buttonFocusStyles,\n        _focusVisible: buttonFocusStyles,\n      },\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    boxShadow: '0 2px 0 {colors.gray.200}',\n    _hover: {\n      bgColor: 'gray.100',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  error: {\n    bgColor: 'border.error',\n    color: 'white',\n    boxShadow: '0 2px 0 {colors.red.800}',\n    _hover: {\n      bgColor: 'red.700',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  inverse: {\n    bgColor: 'bg',\n    color: 'blue.500',\n    boxShadow: '0 2px 0 {colors.blue.700}',\n    _dark: {\n      bgColor: 'blue.900',\n      color: 'blue.50',\n      _hover: {\n        color: 'blue.50',\n        bgColor: 'blue.800',\n        _focus: buttonFocusStyles,\n        _focusVisible: buttonFocusStyles,\n      },\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _hover: {\n      color: 'blue.700',\n      bgColor: 'blue.100',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  plain: {\n    bgColor: 'transparent',\n    color: 'fg',\n    _dark: {\n      _hover: {\n        color: 'gray.50',\n        bgColor: 'gray.800',\n        _focus: buttonFocusStyles,\n        _focusVisible: buttonFocusStyles,\n      },\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _hover: {\n      color: 'gray.700',\n      bgColor: 'gray.100',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  link: {\n    bgColor: 'transparent',\n    color: 'blue.500',\n    textDecoration: 'underline',\n    boxShadow: 'none',\n    _hover: {\n      color: 'blue.700',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n}\n","import { Button as ChakraButton, type ButtonProps as ChakraButtonProps } from '@chakra-ui/react'\n\nimport { forwardRef } from 'react'\nimport { pxToRem } from '@/utils'\nimport { buttonVariantStyles, type ButtonVariant } from './buttonVariants'\n\nexport interface ButtonProps extends Omit<ChakraButtonProps, 'variant'> {\n  variant?: ButtonVariant\n  startButton?: boolean\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ variant = 'primary', children, startButton, ...props }, ref) => {\n    return (\n      <ChakraButton\n        ref={ref}\n        borderRadius=\"0\"\n        fontSize=\"1.1875rem\"\n        bg=\"green.500\"\n        color=\"white\"\n        boxShadow=\"0 2px 0 {colors.green.900}\"\n        fontFamily=\"body\"\n        fontWeight={startButton ? 'bold' : 'normal'}\n        padding={`${pxToRem(8)} ${pxToRem(10)} ${pxToRem(7)}`}\n        {...buttonVariantStyles[variant]}\n        {...props}\n      >\n        {children}\n        {startButton && (\n          <svg\n            className=\"govuk-button__start-icon\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"17.5\"\n            height=\"19\"\n            viewBox=\"0 0 33 40\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n          >\n            <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"></path>\n          </svg>\n        )}\n      </ChakraButton>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n","\"use client\";import*as t from\"react\";var M=(e,i,s,u,m,a,l,h)=>{let d=document.documentElement,w=[\"light\",\"dark\"];function p(n){(Array.isArray(e)?e:[e]).forEach(y=>{let k=y===\"class\",S=k&&a?m.map(f=>a[f]||f):m;k?(d.classList.remove(...S),d.classList.add(a&&a[n]?a[n]:n)):d.setAttribute(y,n)}),R(n)}function R(n){h&&w.includes(n)&&(d.style.colorScheme=n)}function c(){return window.matchMedia(\"(prefers-color-scheme: dark)\").matches?\"dark\":\"light\"}if(u)p(u);else try{let n=localStorage.getItem(i)||s,y=l&&n===\"system\"?c():n;p(y)}catch(n){}};var b=[\"light\",\"dark\"],I=\"(prefers-color-scheme: dark)\",O=typeof window==\"undefined\",x=t.createContext(void 0),U={setTheme:e=>{},themes:[]},z=()=>{var e;return(e=t.useContext(x))!=null?e:U},J=e=>t.useContext(x)?t.createElement(t.Fragment,null,e.children):t.createElement(V,{...e}),N=[\"light\",\"dark\"],V=({forcedTheme:e,disableTransitionOnChange:i=!1,enableSystem:s=!0,enableColorScheme:u=!0,storageKey:m=\"theme\",themes:a=N,defaultTheme:l=s?\"system\":\"light\",attribute:h=\"data-theme\",value:d,children:w,nonce:p,scriptProps:R})=>{let[c,n]=t.useState(()=>H(m,l)),[T,y]=t.useState(()=>c===\"system\"?E():c),k=d?Object.values(d):a,S=t.useCallback(o=>{let r=o;if(!r)return;o===\"system\"&&s&&(r=E());let v=d?d[r]:r,C=i?W(p):null,P=document.documentElement,L=g=>{g===\"class\"?(P.classList.remove(...k),v&&P.classList.add(v)):g.startsWith(\"data-\")&&(v?P.setAttribute(g,v):P.removeAttribute(g))};if(Array.isArray(h)?h.forEach(L):L(h),u){let g=b.includes(l)?l:null,D=b.includes(r)?r:g;P.style.colorScheme=D}C==null||C()},[p]),f=t.useCallback(o=>{let r=typeof o==\"function\"?o(c):o;n(r);try{localStorage.setItem(m,r)}catch(v){}},[c]),A=t.useCallback(o=>{let r=E(o);y(r),c===\"system\"&&s&&!e&&S(\"system\")},[c,e]);t.useEffect(()=>{let o=window.matchMedia(I);return o.addListener(A),A(o),()=>o.removeListener(A)},[A]),t.useEffect(()=>{let o=r=>{r.key===m&&(r.newValue?n(r.newValue):f(l))};return window.addEventListener(\"storage\",o),()=>window.removeEventListener(\"storage\",o)},[f]),t.useEffect(()=>{S(e!=null?e:c)},[e,c]);let Q=t.useMemo(()=>({theme:c,setTheme:f,forcedTheme:e,resolvedTheme:c===\"system\"?T:c,themes:s?[...a,\"system\"]:a,systemTheme:s?T:void 0}),[c,f,e,T,s,a]);return t.createElement(x.Provider,{value:Q},t.createElement(_,{forcedTheme:e,storageKey:m,attribute:h,enableSystem:s,enableColorScheme:u,defaultTheme:l,value:d,themes:a,nonce:p,scriptProps:R}),w)},_=t.memo(({forcedTheme:e,storageKey:i,attribute:s,enableSystem:u,enableColorScheme:m,defaultTheme:a,value:l,themes:h,nonce:d,scriptProps:w})=>{let p=JSON.stringify([s,i,a,e,h,l,u,m]).slice(1,-1);return t.createElement(\"script\",{...w,suppressHydrationWarning:!0,nonce:typeof window==\"undefined\"?d:\"\",dangerouslySetInnerHTML:{__html:`(${M.toString()})(${p})`}})}),H=(e,i)=>{if(O)return;let s;try{s=localStorage.getItem(e)||void 0}catch(u){}return s||i},W=e=>{let i=document.createElement(\"style\");return e&&i.setAttribute(\"nonce\",e),i.appendChild(document.createTextNode(\"*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}\")),document.head.appendChild(i),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(i)},1)}},E=e=>(e||(e=window.matchMedia(I)),e.matches?\"dark\":\"light\");export{J as ThemeProvider,z as useTheme};\n","'use client'\n\nimport type { IconButtonProps, SpanProps } from '@chakra-ui/react'\nimport { ClientOnly, IconButton, Skeleton, Span } from '@chakra-ui/react'\nimport { ThemeProvider, useTheme } from 'next-themes'\nimport type { ThemeProviderProps } from 'next-themes'\nimport * as React from 'react'\nimport { LuMoon, LuSun } from 'react-icons/lu'\n\nexport type ColorModeProviderProps = ThemeProviderProps\n\nexport function ColorModeProvider(props: ColorModeProviderProps) {\n  return <ThemeProvider attribute=\"class\" disableTransitionOnChange {...props} />\n}\n\nexport type ColorMode = 'light' | 'dark'\n\nexport interface UseColorModeReturn {\n  colorMode: ColorMode\n  setColorMode: (colorMode: ColorMode) => void\n  toggleColorMode: () => void\n}\n\nexport function useColorMode(): UseColorModeReturn {\n  const { resolvedTheme, setTheme, forcedTheme } = useTheme()\n  const fallbackTheme =\n    typeof document !== 'undefined' && document.documentElement.classList.contains('dark')\n      ? 'dark'\n      : 'light'\n  const colorMode = (forcedTheme || resolvedTheme || fallbackTheme) as ColorMode\n  const toggleColorMode = () => {\n    setTheme(colorMode === 'dark' ? 'light' : 'dark')\n  }\n  return {\n    colorMode,\n    setColorMode: setTheme,\n    toggleColorMode,\n  }\n}\n\nexport function useColorModeValue<T>(light: T, dark: T) {\n  const { colorMode } = useColorMode()\n  return colorMode === 'dark' ? dark : light\n}\n\nexport function ColorModeIcon() {\n  const { colorMode } = useColorMode()\n  return colorMode === 'dark' ? <LuMoon /> : <LuSun />\n}\n\ntype ColorModeButtonProps = Omit<IconButtonProps, 'aria-label'>\n\nexport const ColorModeButton = React.forwardRef<HTMLButtonElement, ColorModeButtonProps>(\n  function ColorModeButton(props, ref) {\n    const { toggleColorMode } = useColorMode()\n    return (\n      <ClientOnly fallback={<Skeleton boxSize=\"9\" />}>\n        <IconButton\n          onClick={toggleColorMode}\n          variant=\"ghost\"\n          aria-label=\"Toggle color mode\"\n          size=\"sm\"\n          ref={ref}\n          {...props}\n          css={{\n            _icon: {\n              width: '5',\n              height: '5',\n            },\n          }}\n        >\n          <ColorModeIcon />\n        </IconButton>\n      </ClientOnly>\n    )\n  }\n)\n\nexport const LightMode = React.forwardRef<HTMLSpanElement, SpanProps>(\n  function LightMode(props, ref) {\n    return (\n      <Span\n        color=\"fg\"\n        display=\"contents\"\n        className=\"chakra-theme light\"\n        colorPalette=\"gray\"\n        colorScheme=\"light\"\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nexport const DarkMode = React.forwardRef<HTMLSpanElement, SpanProps>(function DarkMode(props, ref) {\n  return (\n    <Span\n      color=\"fg\"\n      display=\"contents\"\n      className=\"chakra-theme dark\"\n      colorPalette=\"gray\"\n      colorScheme=\"dark\"\n      ref={ref}\n      {...props}\n    />\n  )\n})\n","import {\n  CodeBlock as ChakraCodeBlock,\n  ClientOnly,\n  Skeleton,\n  type SystemStyleObject,\n} from '@chakra-ui/react'\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef, type ReactNode } from 'react'\nimport { LuCheck } from 'react-icons/lu'\n\nimport { pxToRem, shikiAdapter } from '@/utils'\nimport { Button, type ButtonProps } from '@/components/Button'\nimport { useColorMode } from '@/components/ui/color-mode'\nimport { FaCopy } from 'react-icons/fa'\n\nexport type CodeBlockProps = ComponentPropsWithoutRef<typeof ChakraCodeBlock.Root>\nexport type CodeBlockHeaderProps = ComponentPropsWithoutRef<typeof ChakraCodeBlock.Header>\nexport type CodeBlockTitleProps = ComponentPropsWithoutRef<typeof ChakraCodeBlock.Title>\nexport type CodeBlockContentProps = ComponentPropsWithoutRef<typeof ChakraCodeBlock.Content>\nexport type CodeBlockCodeProps = ComponentPropsWithoutRef<typeof ChakraCodeBlock.Code>\nexport type CodeBlockCodeTextProps = ComponentPropsWithoutRef<typeof ChakraCodeBlock.CodeText>\nexport type CodeBlockControlProps = ComponentPropsWithoutRef<typeof ChakraCodeBlock.Control>\nexport type CodeBlockCopyTriggerProps = ComponentPropsWithoutRef<typeof ChakraCodeBlock.CopyTrigger>\nexport type CodeBlockCopyIndicatorProps = ComponentPropsWithoutRef<\n  typeof ChakraCodeBlock.CopyIndicator\n>\nexport type CodeBlockOverlayProps = ComponentPropsWithoutRef<typeof ChakraCodeBlock.Overlay>\nexport type CodeBlockCollapseTriggerProps = ComponentPropsWithoutRef<\n  typeof ChakraCodeBlock.CollapseTrigger\n>\nexport interface CodeBlockCollapseIndicatorProps extends Omit<\n  ComponentPropsWithoutRef<typeof ChakraCodeBlock.CollapseIndicator>,\n  'collapsed'\n> {\n  collapsedLabel?: ReactNode\n  expandedLabel?: ReactNode\n}\nexport type CodeBlockCollapseTextProps = ComponentPropsWithoutRef<\n  typeof ChakraCodeBlock.CollapseText\n>\n\nexport interface CodeBlockCopyButtonProps extends Omit<ButtonProps, 'children'> {\n  copyLabel?: ReactNode\n  copiedLabel?: ReactNode\n}\n\nconst headerStyles: SystemStyleObject = {\n  minH: pxToRem(48),\n  px: pxToRem(16),\n  py: pxToRem(10),\n  borderBottomWidth: '1px',\n  borderColor: 'border',\n  bg: 'bg.subtle',\n  gap: pxToRem(12),\n}\n\nconst contentStyles: SystemStyleObject = {\n  position: 'relative',\n  overflowX: 'auto',\n  bg: 'bg',\n}\n\nconst codeStyles: SystemStyleObject = {\n  display: 'block',\n  w: '100%',\n  px: pxToRem(16),\n  py: pxToRem(16),\n  fontSize: pxToRem(16),\n  lineHeight: '1.6',\n}\n\nconst CodeBlockRoot = forwardRef<ElementRef<typeof ChakraCodeBlock.Root>, CodeBlockProps>(\n  function CodeBlockRoot(props, ref) {\n    const { meta, ...restProps } = props\n    const { colorMode } = useColorMode()\n    return (\n      <ChakraCodeBlock.AdapterProvider value={shikiAdapter}>\n        <ClientOnly fallback={<Skeleton height=\"200px\" />}>\n          {() => (\n            <ChakraCodeBlock.Root\n              ref={ref}\n              meta={{ ...meta, colorScheme: colorMode }}\n              colorPalette={'green'}\n              bg=\"bg\"\n              color=\"fg\"\n              borderWidth=\"1px\"\n              borderColor=\"border\"\n              borderRadius=\"0\"\n              overflow=\"hidden\"\n              className=\"code-block\"\n              {...restProps}\n            />\n          )}\n        </ClientOnly>\n      </ChakraCodeBlock.AdapterProvider>\n    )\n  }\n)\n\nconst CodeBlockHeader = forwardRef<ElementRef<typeof ChakraCodeBlock.Header>, CodeBlockHeaderProps>(\n  function CodeBlockHeader(props, ref) {\n    return <ChakraCodeBlock.Header ref={ref} mb={0} {...headerStyles} {...props} />\n  }\n)\n\nconst CodeBlockTitle = forwardRef<ElementRef<typeof ChakraCodeBlock.Title>, CodeBlockTitleProps>(\n  function CodeBlockTitle(props, ref) {\n    return (\n      <ChakraCodeBlock.Title\n        ref={ref}\n        fontSize={pxToRem(16)}\n        fontWeight=\"700\"\n        color=\"fg\"\n        {...props}\n      />\n    )\n  }\n)\n\nconst CodeBlockControl = forwardRef<\n  ElementRef<typeof ChakraCodeBlock.Control>,\n  CodeBlockControlProps\n>(function CodeBlockControl(props, ref) {\n  return <ChakraCodeBlock.Control ref={ref} gap={pxToRem(8)} {...props} />\n})\n\nconst CodeBlockContent = forwardRef<\n  ElementRef<typeof ChakraCodeBlock.Content>,\n  CodeBlockContentProps\n>(function CodeBlockContent(props, ref) {\n  return <ChakraCodeBlock.Content ref={ref} {...contentStyles} {...props} />\n})\n\nconst CodeBlockCode = forwardRef<ElementRef<typeof ChakraCodeBlock.Code>, CodeBlockCodeProps>(\n  function CodeBlockCode(props, ref) {\n    return <ChakraCodeBlock.Code ref={ref} fontFamily=\"mono\" {...codeStyles} {...props} />\n  }\n)\n\nconst CodeBlockCodeText = forwardRef<\n  ElementRef<typeof ChakraCodeBlock.CodeText>,\n  CodeBlockCodeTextProps\n>(function CodeBlockCodeText(props, ref) {\n  return <ChakraCodeBlock.CodeText ref={ref} {...props} />\n})\n\nconst CodeBlockCopyTrigger = forwardRef<\n  ElementRef<typeof ChakraCodeBlock.CopyTrigger>,\n  CodeBlockCopyTriggerProps\n>(function CodeBlockCopyTrigger(props, ref) {\n  return <ChakraCodeBlock.CopyTrigger ref={ref} {...props} />\n})\n\nconst CodeBlockCopyIndicator = forwardRef<\n  ElementRef<typeof ChakraCodeBlock.CopyIndicator>,\n  CodeBlockCopyIndicatorProps\n>(function CodeBlockCopyIndicator(props, ref) {\n  return (\n    <ChakraCodeBlock.CopyIndicator ref={ref} copied={<LuCheck />} {...props}>\n      <FaCopy />\n    </ChakraCodeBlock.CopyIndicator>\n  )\n})\n\nconst CodeBlockCopyButton = forwardRef<HTMLButtonElement, CodeBlockCopyButtonProps>(\n  function CodeBlockCopyButton(\n    {\n      copiedLabel = 'Copied',\n      copyLabel = 'Copy code',\n      size = 'xs',\n      variant = 'secondary',\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <CodeBlockCopyTrigger asChild>\n        <Button\n          ref={ref}\n          size={size}\n          variant={variant}\n          color=\"fg\"\n          h=\"auto\"\n          minW=\"unset\"\n          px={pxToRem(10)}\n          py={pxToRem(6)}\n          gap={pxToRem(6)}\n          {...props}\n        >\n          <CodeBlockCopyIndicator />\n          <ChakraCodeBlock.CopyIndicator copied={copiedLabel}>\n            {copyLabel}\n          </ChakraCodeBlock.CopyIndicator>\n        </Button>\n      </CodeBlockCopyTrigger>\n    )\n  }\n)\n\nconst CodeBlockOverlay = forwardRef<\n  ElementRef<typeof ChakraCodeBlock.Overlay>,\n  CodeBlockOverlayProps\n>(function CodeBlockOverlay(props, ref) {\n  return <ChakraCodeBlock.Overlay ref={ref} {...props} />\n})\n\nconst CodeBlockCollapseTrigger = forwardRef<\n  ElementRef<typeof ChakraCodeBlock.CollapseTrigger>,\n  CodeBlockCollapseTriggerProps\n>(function CodeBlockCollapseTrigger(props, ref) {\n  return <ChakraCodeBlock.CollapseTrigger ref={ref} {...props} />\n})\n\nconst CodeBlockCollapseIndicator = forwardRef<\n  ElementRef<typeof ChakraCodeBlock.CollapseIndicator>,\n  CodeBlockCollapseIndicatorProps\n>(function CodeBlockCollapseIndicator(\n  { children, collapsedLabel = 'Expand code', expandedLabel = 'Collapse code', ...props },\n  ref\n) {\n  const expandedContent = expandedLabel ?? children\n  const collapsedComponent = () => {\n    return (\n      <Button variant=\"secondary\" size=\"xs\">\n        {collapsedLabel}\n      </Button>\n    )\n  }\n  return (\n    <ChakraCodeBlock.CollapseIndicator\n      asChild\n      ref={ref}\n      cursor=\"pointer\"\n      collapsed={collapsedComponent()}\n      display=\"inline-flex\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      minH=\"auto\"\n      {...props}\n    >\n      <Button variant=\"secondary\" size=\"xs\">\n        {expandedContent}\n      </Button>\n    </ChakraCodeBlock.CollapseIndicator>\n  )\n})\n\nconst CodeBlockCollapseText = forwardRef<\n  ElementRef<typeof ChakraCodeBlock.CollapseText>,\n  CodeBlockCollapseTextProps\n>(function CodeBlockCollapseText(props, ref) {\n  return <ChakraCodeBlock.CollapseText ref={ref} {...props} />\n})\n\nexport const CodeBlock = Object.assign(CodeBlockRoot, {\n  Root: CodeBlockRoot,\n  Header: CodeBlockHeader,\n  Title: CodeBlockTitle,\n  Control: CodeBlockControl,\n  Content: CodeBlockContent,\n  Code: CodeBlockCode,\n  CodeText: CodeBlockCodeText,\n  CopyTrigger: CodeBlockCopyTrigger,\n  CopyIndicator: CodeBlockCopyIndicator,\n  CopyButton: CodeBlockCopyButton,\n  Overlay: CodeBlockOverlay,\n  CollapseTrigger: CodeBlockCollapseTrigger,\n  CollapseIndicator: CodeBlockCollapseIndicator,\n  CollapseText: CodeBlockCollapseText,\n})\n\nexport {\n  CodeBlockRoot,\n  CodeBlockHeader,\n  CodeBlockTitle,\n  CodeBlockControl,\n  CodeBlockContent,\n  CodeBlockCode,\n  CodeBlockCodeText,\n  CodeBlockCopyTrigger,\n  CodeBlockCopyIndicator,\n  CodeBlockCopyButton,\n  CodeBlockOverlay,\n  CodeBlockCollapseTrigger,\n  CodeBlockCollapseIndicator,\n  CodeBlockCollapseText,\n}\n"],"x_google_ignoreList":[3],"mappings":"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"}

package/dist/CodeBlock-D5HlsQKE.js

@@ -0,0 +1,2 @@
+const e=require("./iconBase-oF_9OlGK.js"),t=require("./px-to-rem-CwuxPF53.js"),n=require("./lu-z5T_luPj.js"),r=require("./fa-CH8Fqe4D.js");let i=require("@chakra-ui/react"),a=require("react/jsx-runtime"),o=require("react"),s=e.i(o,1);o=e.i(o);var c=[`bash`,`html`,`javascript`,`json`,`python`,`tsx`,`typescript`],l=[`github-light`,`github-dark`],u={light:`github-light`,dark:`github-dark`},d=c,f=l,p=(0,i.createShikiAdapter)({async load(){let{createHighlighter:e}=await import(`shiki`);return e({langs:c,themes:l})},theme:u});function m({languages:e=c,themes:t=l,theme:n=u}={}){return(0,i.createShikiAdapter)({async load(){let{createHighlighter:n}=await import(`shiki`);return n({langs:e,themes:t})},theme:n})}var h={outline:`none`,bgColor:`yellow.500`,color:`gray.950`},g={primary:{bgColor:`green.500`,color:`white`,boxShadow:`0 2px 0 {colors.green.800}`,_hover:{bgColor:`green.700`,color:`white`,_focus:h,_focusVisible:h},_focus:h,_focusVisible:h},secondary:{color:`gray.900`,bgColor:`gray.50`,_dark:{color:`gray.50`,bgColor:`gray.600`,_hover:{bgColor:`gray.600`,_focus:h,_focusVisible:h},_focus:h,_focusVisible:h},boxShadow:`0 2px 0 {colors.gray.200}`,_hover:{bgColor:`gray.100`,_focus:h,_focusVisible:h},_focus:h,_focusVisible:h},error:{bgColor:`border.error`,color:`white`,boxShadow:`0 2px 0 {colors.red.800}`,_hover:{bgColor:`red.700`,_focus:h,_focusVisible:h},_focus:h,_focusVisible:h},inverse:{bgColor:`bg`,color:`blue.500`,boxShadow:`0 2px 0 {colors.blue.700}`,_dark:{bgColor:`blue.900`,color:`blue.50`,_hover:{color:`blue.50`,bgColor:`blue.800`,_focus:h,_focusVisible:h},_focus:h,_focusVisible:h},_hover:{color:`blue.700`,bgColor:`blue.100`,_focus:h,_focusVisible:h},_focus:h,_focusVisible:h},plain:{bgColor:`transparent`,color:`fg`,_dark:{_hover:{color:`gray.50`,bgColor:`gray.800`,_focus:h,_focusVisible:h},_focus:h,_focusVisible:h},_hover:{color:`gray.700`,bgColor:`gray.100`,_focus:h,_focusVisible:h},_focus:h,_focusVisible:h},link:{bgColor:`transparent`,color:`blue.500`,textDecoration:`underline`,boxShadow:`none`,_hover:{color:`blue.700`,_focus:h,_focusVisible:h},_focus:h,_focusVisible:h}},_=(0,o.forwardRef)(({variant:e=`primary`,children:n,startButton:r,...o},s)=>(0,a.jsxs)(i.Button,{ref:s,borderRadius:`0`,fontSize:`1.1875rem`,bg:`green.500`,color:`white`,boxShadow:`0 2px 0 {colors.green.900}`,fontFamily:`body`,fontWeight:r?`bold`:`normal`,padding:`${t.o(8)} ${t.o(10)} ${t.o(7)}`,...g[e],...o,children:[n,r&&(0,a.jsx)(`svg`,{className:`govuk-button__start-icon`,xmlns:`http://www.w3.org/2000/svg`,width:`17.5`,height:`19`,viewBox:`0 0 33 40`,"aria-hidden":`true`,focusable:`false`,children:(0,a.jsx)(`path`,{fill:`currentColor`,d:`M0 0h13l20 20-20 20H0l20-20z`})})]}));_.displayName=`Button`;var v=(e,t,n,r,i,a,o,s)=>{let c=document.documentElement,l=[`light`,`dark`];function u(t){(Array.isArray(e)?e:[e]).forEach(e=>{let n=e===`class`,r=n&&a?i.map(e=>a[e]||e):i;n?(c.classList.remove(...r),c.classList.add(a&&a[t]?a[t]:t)):c.setAttribute(e,t)}),d(t)}function d(e){s&&l.includes(e)&&(c.style.colorScheme=e)}function f(){return window.matchMedia(`(prefers-color-scheme: dark)`).matches?`dark`:`light`}if(r)u(r);else try{let e=localStorage.getItem(t)||n;u(o&&e===`system`?f():e)}catch{}},y=s.createContext(void 0),b={setTheme:e=>{},themes:[]},x=()=>s.useContext(y)??b;s.memo(({forcedTheme:e,storageKey:t,attribute:n,enableSystem:r,enableColorScheme:i,defaultTheme:a,value:o,themes:c,nonce:l,scriptProps:u})=>{let d=JSON.stringify([n,t,a,e,c,o,r,i]).slice(1,-1);return s.createElement(`script`,{...u,suppressHydrationWarning:!0,nonce:typeof window>`u`?l:``,dangerouslySetInnerHTML:{__html:`(${v.toString()})(${d})`}})});function S(){let{resolvedTheme:e,setTheme:t,forcedTheme:n}=x(),r=typeof document<`u`&&document.documentElement.classList.contains(`dark`)?`dark`:`light`,i=n||e||r;return{colorMode:i,setColorMode:t,toggleColorMode:()=>{t(i===`dark`?`light`:`dark`)}}}function C(){let{colorMode:e}=S();return e===`dark`?(0,a.jsx)(n.c,{}):(0,a.jsx)(n.u,{})}o.forwardRef(function(e,t){let{toggleColorMode:n}=S();return(0,a.jsx)(i.ClientOnly,{fallback:(0,a.jsx)(i.Skeleton,{boxSize:`9`}),children:(0,a.jsx)(i.IconButton,{onClick:n,variant:`ghost`,"aria-label":`Toggle color mode`,size:`sm`,ref:t,...e,css:{_icon:{width:`5`,height:`5`}},children:(0,a.jsx)(C,{})})})}),o.forwardRef(function(e,t){return(0,a.jsx)(i.Span,{color:`fg`,display:`contents`,className:`chakra-theme light`,colorPalette:`gray`,colorScheme:`light`,ref:t,...e})}),o.forwardRef(function(e,t){return(0,a.jsx)(i.Span,{color:`fg`,display:`contents`,className:`chakra-theme dark`,colorPalette:`gray`,colorScheme:`dark`,ref:t,...e})});var w={minH:t.o(48),px:t.o(16),py:t.o(10),borderBottomWidth:`1px`,borderColor:`border`,bg:`bg.subtle`,gap:t.o(12)},T={position:`relative`,overflowX:`auto`,bg:`bg`},E={display:`block`,w:`100%`,px:t.o(16),py:t.o(16),fontSize:t.o(16),lineHeight:`1.6`},D=(0,o.forwardRef)(function(e,t){let{meta:n,...r}=e,{colorMode:o}=S();return(0,a.jsx)(i.CodeBlock.AdapterProvider,{value:p,children:(0,a.jsx)(i.ClientOnly,{fallback:(0,a.jsx)(i.Skeleton,{height:`200px`}),children:()=>(0,a.jsx)(i.CodeBlock.Root,{ref:t,meta:{...n,colorScheme:o},colorPalette:`green`,bg:`bg`,color:`fg`,borderWidth:`1px`,borderColor:`border`,borderRadius:`0`,overflow:`hidden`,className:`code-block`,...r})})})}),O=(0,o.forwardRef)(function(e,t){return(0,a.jsx)(i.CodeBlock.Header,{ref:t,mb:0,...w,...e})}),k=(0,o.forwardRef)(function(e,n){return(0,a.jsx)(i.CodeBlock.Title,{ref:n,fontSize:t.o(16),fontWeight:`700`,color:`fg`,...e})}),A=(0,o.forwardRef)(function(e,n){return(0,a.jsx)(i.CodeBlock.Control,{ref:n,gap:t.o(8),...e})}),j=(0,o.forwardRef)(function(e,t){return(0,a.jsx)(i.CodeBlock.Content,{ref:t,...T,...e})}),M=(0,o.forwardRef)(function(e,t){return(0,a.jsx)(i.CodeBlock.Code,{ref:t,fontFamily:`mono`,...E,...e})}),N=(0,o.forwardRef)(function(e,t){return(0,a.jsx)(i.CodeBlock.CodeText,{ref:t,...e})}),P=(0,o.forwardRef)(function(e,t){return(0,a.jsx)(i.CodeBlock.CopyTrigger,{ref:t,...e})}),F=(0,o.forwardRef)(function(e,t){return(0,a.jsx)(i.CodeBlock.CopyIndicator,{ref:t,copied:(0,a.jsx)(n.n,{}),...e,children:(0,a.jsx)(r.t,{})})}),I=(0,o.forwardRef)(function({copiedLabel:e=`Copied`,copyLabel:n=`Copy code`,size:r=`xs`,variant:o=`secondary`,...s},c){return(0,a.jsx)(P,{asChild:!0,children:(0,a.jsxs)(_,{ref:c,size:r,variant:o,color:`fg`,h:`auto`,minW:`unset`,px:t.o(10),py:t.o(6),gap:t.o(6),...s,children:[(0,a.jsx)(F,{}),(0,a.jsx)(i.CodeBlock.CopyIndicator,{copied:e,children:n})]})})}),L=(0,o.forwardRef)(function(e,t){return(0,a.jsx)(i.CodeBlock.Overlay,{ref:t,...e})}),R=(0,o.forwardRef)(function(e,t){return(0,a.jsx)(i.CodeBlock.CollapseTrigger,{ref:t,...e})}),z=(0,o.forwardRef)(function({children:e,collapsedLabel:t=`Expand code`,expandedLabel:n=`Collapse code`,...r},o){let s=n??e;return(0,a.jsx)(i.CodeBlock.CollapseIndicator,{asChild:!0,ref:o,cursor:`pointer`,collapsed:(0,a.jsx)(_,{variant:`secondary`,size:`xs`,children:t}),display:`inline-flex`,alignItems:`center`,justifyContent:`center`,minH:`auto`,...r,children:(0,a.jsx)(_,{variant:`secondary`,size:`xs`,children:s})})}),B=(0,o.forwardRef)(function(e,t){return(0,a.jsx)(i.CodeBlock.CollapseText,{ref:t,...e})}),V=Object.assign(D,{Root:D,Header:O,Title:k,Control:A,Content:j,Code:M,CodeText:N,CopyTrigger:P,CopyIndicator:F,CopyButton:I,Overlay:L,CollapseTrigger:R,CollapseIndicator:z,CollapseText:B});Object.defineProperty(exports,"_",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return B}}),Object.defineProperty(exports,"b",{enumerable:!0,get:function(){return d}}),Object.defineProperty(exports,"c",{enumerable:!0,get:function(){return A}}),Object.defineProperty(exports,"d",{enumerable:!0,get:function(){return P}}),Object.defineProperty(exports,"f",{enumerable:!0,get:function(){return O}}),Object.defineProperty(exports,"g",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"h",{enumerable:!0,get:function(){return k}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return z}}),Object.defineProperty(exports,"l",{enumerable:!0,get:function(){return I}}),Object.defineProperty(exports,"m",{enumerable:!0,get:function(){return D}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return M}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return R}}),Object.defineProperty(exports,"p",{enumerable:!0,get:function(){return L}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return N}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return j}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return V}}),Object.defineProperty(exports,"u",{enumerable:!0,get:function(){return F}}),Object.defineProperty(exports,"v",{enumerable:!0,get:function(){return m}}),Object.defineProperty(exports,"x",{enumerable:!0,get:function(){return f}}),Object.defineProperty(exports,"y",{enumerable:!0,get:function(){return p}});
+//# sourceMappingURL=CodeBlock-D5HlsQKE.js.map

package/dist/CodeBlock-D5HlsQKE.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CodeBlock-D5HlsQKE.js","names":["t"],"sources":["../src/utils/shiki-adapter.ts","../src/components/Button/buttonVariants.ts","../src/components/Button/Button.tsx","../node_modules/next-themes/dist/index.mjs","../src/components/ui/color-mode.tsx","../src/components/CodeBlock/CodeBlock.tsx"],"sourcesContent":["import { createShikiAdapter } from '@chakra-ui/react'\nimport type { BundledLanguage, BundledTheme, HighlighterGeneric } from 'shiki'\n\nexport type ShikiHighlighter = HighlighterGeneric<BundledLanguage, BundledTheme>\n\nexport interface GovUkShikiAdapterOptions {\n  languages?: BundledLanguage[]\n  themes?: BundledTheme[]\n  theme?: string | Record<string, string>\n}\n\nconst defaultShikiLanguages: BundledLanguage[] = [\n  'bash',\n  'html',\n  'javascript',\n  'json',\n  'python',\n  'tsx',\n  'typescript',\n]\nconst defaultShikiThemes: BundledTheme[] = ['github-light', 'github-dark']\nconst defaultShikiTheme = {\n  light: 'github-light',\n  dark: 'github-dark',\n} satisfies Record<string, string>\n\nexport const shikiLanguages = defaultShikiLanguages\nexport const shikiThemes = defaultShikiThemes\n\nexport const shikiAdapter = createShikiAdapter<ShikiHighlighter>({\n  async load() {\n    const { createHighlighter } = await import('shiki')\n\n    return createHighlighter({\n      langs: defaultShikiLanguages,\n      themes: defaultShikiThemes,\n    })\n  },\n  theme: defaultShikiTheme,\n})\n\nexport function createGovUkShikiAdapter({\n  languages = defaultShikiLanguages,\n  themes = defaultShikiThemes,\n  theme = defaultShikiTheme,\n}: GovUkShikiAdapterOptions = {}) {\n  return createShikiAdapter<ShikiHighlighter>({\n    async load() {\n      const { createHighlighter } = await import('shiki')\n\n      return createHighlighter({\n        langs: languages,\n        themes,\n      })\n    },\n    theme,\n  })\n}\n","import type { SystemStyleObject } from '@chakra-ui/react'\n\nexport type ButtonVariant = 'primary' | 'secondary' | 'plain' | 'error' | 'inverse' | 'link'\n\nexport const buttonFocusStyles: SystemStyleObject = {\n  outline: 'none',\n  bgColor: 'yellow.500',\n  color: 'gray.950',\n}\n\nexport const buttonVariantStyles: Record<ButtonVariant, SystemStyleObject> = {\n  primary: {\n    bgColor: 'green.500',\n    color: 'white',\n    boxShadow: '0 2px 0 {colors.green.800}',\n    _hover: {\n      bgColor: 'green.700',\n      color: 'white',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  secondary: {\n    color: 'gray.900',\n    bgColor: 'gray.50',\n    _dark: {\n      color: 'gray.50',\n      bgColor: 'gray.600',\n      _hover: {\n        bgColor: 'gray.600',\n        _focus: buttonFocusStyles,\n        _focusVisible: buttonFocusStyles,\n      },\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    boxShadow: '0 2px 0 {colors.gray.200}',\n    _hover: {\n      bgColor: 'gray.100',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  error: {\n    bgColor: 'border.error',\n    color: 'white',\n    boxShadow: '0 2px 0 {colors.red.800}',\n    _hover: {\n      bgColor: 'red.700',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  inverse: {\n    bgColor: 'bg',\n    color: 'blue.500',\n    boxShadow: '0 2px 0 {colors.blue.700}',\n    _dark: {\n      bgColor: 'blue.900',\n      color: 'blue.50',\n      _hover: {\n        color: 'blue.50',\n        bgColor: 'blue.800',\n        _focus: buttonFocusStyles,\n        _focusVisible: buttonFocusStyles,\n      },\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _hover: {\n      color: 'blue.700',\n      bgColor: 'blue.100',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  plain: {\n    bgColor: 'transparent',\n    color: 'fg',\n    _dark: {\n      _hover: {\n        color: 'gray.50',\n        bgColor: 'gray.800',\n        _focus: buttonFocusStyles,\n        _focusVisible: buttonFocusStyles,\n      },\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _hover: {\n      color: 'gray.700',\n      bgColor: 'gray.100',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n  link: {\n    bgColor: 'transparent',\n    color: 'blue.500',\n    textDecoration: 'underline',\n    boxShadow: 'none',\n    _hover: {\n      color: 'blue.700',\n      _focus: buttonFocusStyles,\n      _focusVisible: buttonFocusStyles,\n    },\n    _focus: buttonFocusStyles,\n    _focusVisible: buttonFocusStyles,\n  },\n}\n","import { Button as ChakraButton, type ButtonProps as ChakraButtonProps } from '@chakra-ui/react'\n\nimport { forwardRef } from 'react'\nimport { pxToRem } from '@/utils'\nimport { buttonVariantStyles, type ButtonVariant } from './buttonVariants'\n\nexport interface ButtonProps extends Omit<ChakraButtonProps, 'variant'> {\n  variant?: ButtonVariant\n  startButton?: boolean\n}\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  ({ variant = 'primary', children, startButton, ...props }, ref) => {\n    return (\n      <ChakraButton\n        ref={ref}\n        borderRadius=\"0\"\n        fontSize=\"1.1875rem\"\n        bg=\"green.500\"\n        color=\"white\"\n        boxShadow=\"0 2px 0 {colors.green.900}\"\n        fontFamily=\"body\"\n        fontWeight={startButton ? 'bold' : 'normal'}\n        padding={`${pxToRem(8)} ${pxToRem(10)} ${pxToRem(7)}`}\n        {...buttonVariantStyles[variant]}\n        {...props}\n      >\n        {children}\n        {startButton && (\n          <svg\n            className=\"govuk-button__start-icon\"\n            xmlns=\"http://www.w3.org/2000/svg\"\n            width=\"17.5\"\n            height=\"19\"\n            viewBox=\"0 0 33 40\"\n            aria-hidden=\"true\"\n            focusable=\"false\"\n          >\n            <path fill=\"currentColor\" d=\"M0 0h13l20 20-20 20H0l20-20z\"></path>\n          </svg>\n        )}\n      </ChakraButton>\n    )\n  }\n)\n\nButton.displayName = 'Button'\n","\"use client\";import*as t from\"react\";var M=(e,i,s,u,m,a,l,h)=>{let d=document.documentElement,w=[\"light\",\"dark\"];function p(n){(Array.isArray(e)?e:[e]).forEach(y=>{let k=y===\"class\",S=k&&a?m.map(f=>a[f]||f):m;k?(d.classList.remove(...S),d.classList.add(a&&a[n]?a[n]:n)):d.setAttribute(y,n)}),R(n)}function R(n){h&&w.includes(n)&&(d.style.colorScheme=n)}function c(){return window.matchMedia(\"(prefers-color-scheme: dark)\").matches?\"dark\":\"light\"}if(u)p(u);else try{let n=localStorage.getItem(i)||s,y=l&&n===\"system\"?c():n;p(y)}catch(n){}};var b=[\"light\",\"dark\"],I=\"(prefers-color-scheme: dark)\",O=typeof window==\"undefined\",x=t.createContext(void 0),U={setTheme:e=>{},themes:[]},z=()=>{var e;return(e=t.useContext(x))!=null?e:U},J=e=>t.useContext(x)?t.createElement(t.Fragment,null,e.children):t.createElement(V,{...e}),N=[\"light\",\"dark\"],V=({forcedTheme:e,disableTransitionOnChange:i=!1,enableSystem:s=!0,enableColorScheme:u=!0,storageKey:m=\"theme\",themes:a=N,defaultTheme:l=s?\"system\":\"light\",attribute:h=\"data-theme\",value:d,children:w,nonce:p,scriptProps:R})=>{let[c,n]=t.useState(()=>H(m,l)),[T,y]=t.useState(()=>c===\"system\"?E():c),k=d?Object.values(d):a,S=t.useCallback(o=>{let r=o;if(!r)return;o===\"system\"&&s&&(r=E());let v=d?d[r]:r,C=i?W(p):null,P=document.documentElement,L=g=>{g===\"class\"?(P.classList.remove(...k),v&&P.classList.add(v)):g.startsWith(\"data-\")&&(v?P.setAttribute(g,v):P.removeAttribute(g))};if(Array.isArray(h)?h.forEach(L):L(h),u){let g=b.includes(l)?l:null,D=b.includes(r)?r:g;P.style.colorScheme=D}C==null||C()},[p]),f=t.useCallback(o=>{let r=typeof o==\"function\"?o(c):o;n(r);try{localStorage.setItem(m,r)}catch(v){}},[c]),A=t.useCallback(o=>{let r=E(o);y(r),c===\"system\"&&s&&!e&&S(\"system\")},[c,e]);t.useEffect(()=>{let o=window.matchMedia(I);return o.addListener(A),A(o),()=>o.removeListener(A)},[A]),t.useEffect(()=>{let o=r=>{r.key===m&&(r.newValue?n(r.newValue):f(l))};return window.addEventListener(\"storage\",o),()=>window.removeEventListener(\"storage\",o)},[f]),t.useEffect(()=>{S(e!=null?e:c)},[e,c]);let Q=t.useMemo(()=>({theme:c,setTheme:f,forcedTheme:e,resolvedTheme:c===\"system\"?T:c,themes:s?[...a,\"system\"]:a,systemTheme:s?T:void 0}),[c,f,e,T,s,a]);return t.createElement(x.Provider,{value:Q},t.createElement(_,{forcedTheme:e,storageKey:m,attribute:h,enableSystem:s,enableColorScheme:u,defaultTheme:l,value:d,themes:a,nonce:p,scriptProps:R}),w)},_=t.memo(({forcedTheme:e,storageKey:i,attribute:s,enableSystem:u,enableColorScheme:m,defaultTheme:a,value:l,themes:h,nonce:d,scriptProps:w})=>{let p=JSON.stringify([s,i,a,e,h,l,u,m]).slice(1,-1);return t.createElement(\"script\",{...w,suppressHydrationWarning:!0,nonce:typeof window==\"undefined\"?d:\"\",dangerouslySetInnerHTML:{__html:`(${M.toString()})(${p})`}})}),H=(e,i)=>{if(O)return;let s;try{s=localStorage.getItem(e)||void 0}catch(u){}return s||i},W=e=>{let i=document.createElement(\"style\");return e&&i.setAttribute(\"nonce\",e),i.appendChild(document.createTextNode(\"*,*::before,*::after{-webkit-transition:none!important;-moz-transition:none!important;-o-transition:none!important;-ms-transition:none!important;transition:none!important}\")),document.head.appendChild(i),()=>{window.getComputedStyle(document.body),setTimeout(()=>{document.head.removeChild(i)},1)}},E=e=>(e||(e=window.matchMedia(I)),e.matches?\"dark\":\"light\");export{J as ThemeProvider,z as useTheme};\n","'use client'\n\nimport type { IconButtonProps, SpanProps } from '@chakra-ui/react'\nimport { ClientOnly, IconButton, Skeleton, Span } from '@chakra-ui/react'\nimport { ThemeProvider, useTheme } from 'next-themes'\nimport type { ThemeProviderProps } from 'next-themes'\nimport * as React from 'react'\nimport { LuMoon, LuSun } from 'react-icons/lu'\n\nexport type ColorModeProviderProps = ThemeProviderProps\n\nexport function ColorModeProvider(props: ColorModeProviderProps) {\n  return <ThemeProvider attribute=\"class\" disableTransitionOnChange {...props} />\n}\n\nexport type ColorMode = 'light' | 'dark'\n\nexport interface UseColorModeReturn {\n  colorMode: ColorMode\n  setColorMode: (colorMode: ColorMode) => void\n  toggleColorMode: () => void\n}\n\nexport function useColorMode(): UseColorModeReturn {\n  const { resolvedTheme, setTheme, forcedTheme } = useTheme()\n  const fallbackTheme =\n    typeof document !== 'undefined' && document.documentElement.classList.contains('dark')\n      ? 'dark'\n      : 'light'\n  const colorMode = (forcedTheme || resolvedTheme || fallbackTheme) as ColorMode\n  const toggleColorMode = () => {\n    setTheme(colorMode === 'dark' ? 'light' : 'dark')\n  }\n  return {\n    colorMode,\n    setColorMode: setTheme,\n    toggleColorMode,\n  }\n}\n\nexport function useColorModeValue<T>(light: T, dark: T) {\n  const { colorMode } = useColorMode()\n  return colorMode === 'dark' ? dark : light\n}\n\nexport function ColorModeIcon() {\n  const { colorMode } = useColorMode()\n  return colorMode === 'dark' ? <LuMoon /> : <LuSun />\n}\n\ntype ColorModeButtonProps = Omit<IconButtonProps, 'aria-label'>\n\nexport const ColorModeButton = React.forwardRef<HTMLButtonElement, ColorModeButtonProps>(\n  function ColorModeButton(props, ref) {\n    const { toggleColorMode } = useColorMode()\n    return (\n      <ClientOnly fallback={<Skeleton boxSize=\"9\" />}>\n        <IconButton\n          onClick={toggleColorMode}\n          variant=\"ghost\"\n          aria-label=\"Toggle color mode\"\n          size=\"sm\"\n          ref={ref}\n          {...props}\n          css={{\n            _icon: {\n              width: '5',\n              height: '5',\n            },\n          }}\n        >\n          <ColorModeIcon />\n        </IconButton>\n      </ClientOnly>\n    )\n  }\n)\n\nexport const LightMode = React.forwardRef<HTMLSpanElement, SpanProps>(\n  function LightMode(props, ref) {\n    return (\n      <Span\n        color=\"fg\"\n        display=\"contents\"\n        className=\"chakra-theme light\"\n        colorPalette=\"gray\"\n        colorScheme=\"light\"\n        ref={ref}\n        {...props}\n      />\n    )\n  }\n)\n\nexport const DarkMode = React.forwardRef<HTMLSpanElement, SpanProps>(function DarkMode(props, ref) {\n  return (\n    <Span\n      color=\"fg\"\n      display=\"contents\"\n      className=\"chakra-theme dark\"\n      colorPalette=\"gray\"\n      colorScheme=\"dark\"\n      ref={ref}\n      {...props}\n    />\n  )\n})\n","import {\n  CodeBlock as ChakraCodeBlock,\n  ClientOnly,\n  Skeleton,\n  type SystemStyleObject,\n} from '@chakra-ui/react'\nimport { forwardRef, type ComponentPropsWithoutRef, type ElementRef, type ReactNode } from 'react'\nimport { LuCheck } from 'react-icons/lu'\n\nimport { pxToRem, shikiAdapter } from '@/utils'\nimport { Button, type ButtonProps } from '@/components/Button'\nimport { useColorMode } from '@/components/ui/color-mode'\nimport { FaCopy } from 'react-icons/fa'\n\nexport type CodeBlockProps = ComponentPropsWithoutRef<typeof ChakraCodeBlock.Root>\nexport type CodeBlockHeaderProps = ComponentPropsWithoutRef<typeof ChakraCodeBlock.Header>\nexport type CodeBlockTitleProps = ComponentPropsWithoutRef<typeof ChakraCodeBlock.Title>\nexport type CodeBlockContentProps = ComponentPropsWithoutRef<typeof ChakraCodeBlock.Content>\nexport type CodeBlockCodeProps = ComponentPropsWithoutRef<typeof ChakraCodeBlock.Code>\nexport type CodeBlockCodeTextProps = ComponentPropsWithoutRef<typeof ChakraCodeBlock.CodeText>\nexport type CodeBlockControlProps = ComponentPropsWithoutRef<typeof ChakraCodeBlock.Control>\nexport type CodeBlockCopyTriggerProps = ComponentPropsWithoutRef<typeof ChakraCodeBlock.CopyTrigger>\nexport type CodeBlockCopyIndicatorProps = ComponentPropsWithoutRef<\n  typeof ChakraCodeBlock.CopyIndicator\n>\nexport type CodeBlockOverlayProps = ComponentPropsWithoutRef<typeof ChakraCodeBlock.Overlay>\nexport type CodeBlockCollapseTriggerProps = ComponentPropsWithoutRef<\n  typeof ChakraCodeBlock.CollapseTrigger\n>\nexport interface CodeBlockCollapseIndicatorProps extends Omit<\n  ComponentPropsWithoutRef<typeof ChakraCodeBlock.CollapseIndicator>,\n  'collapsed'\n> {\n  collapsedLabel?: ReactNode\n  expandedLabel?: ReactNode\n}\nexport type CodeBlockCollapseTextProps = ComponentPropsWithoutRef<\n  typeof ChakraCodeBlock.CollapseText\n>\n\nexport interface CodeBlockCopyButtonProps extends Omit<ButtonProps, 'children'> {\n  copyLabel?: ReactNode\n  copiedLabel?: ReactNode\n}\n\nconst headerStyles: SystemStyleObject = {\n  minH: pxToRem(48),\n  px: pxToRem(16),\n  py: pxToRem(10),\n  borderBottomWidth: '1px',\n  borderColor: 'border',\n  bg: 'bg.subtle',\n  gap: pxToRem(12),\n}\n\nconst contentStyles: SystemStyleObject = {\n  position: 'relative',\n  overflowX: 'auto',\n  bg: 'bg',\n}\n\nconst codeStyles: SystemStyleObject = {\n  display: 'block',\n  w: '100%',\n  px: pxToRem(16),\n  py: pxToRem(16),\n  fontSize: pxToRem(16),\n  lineHeight: '1.6',\n}\n\nconst CodeBlockRoot = forwardRef<ElementRef<typeof ChakraCodeBlock.Root>, CodeBlockProps>(\n  function CodeBlockRoot(props, ref) {\n    const { meta, ...restProps } = props\n    const { colorMode } = useColorMode()\n    return (\n      <ChakraCodeBlock.AdapterProvider value={shikiAdapter}>\n        <ClientOnly fallback={<Skeleton height=\"200px\" />}>\n          {() => (\n            <ChakraCodeBlock.Root\n              ref={ref}\n              meta={{ ...meta, colorScheme: colorMode }}\n              colorPalette={'green'}\n              bg=\"bg\"\n              color=\"fg\"\n              borderWidth=\"1px\"\n              borderColor=\"border\"\n              borderRadius=\"0\"\n              overflow=\"hidden\"\n              className=\"code-block\"\n              {...restProps}\n            />\n          )}\n        </ClientOnly>\n      </ChakraCodeBlock.AdapterProvider>\n    )\n  }\n)\n\nconst CodeBlockHeader = forwardRef<ElementRef<typeof ChakraCodeBlock.Header>, CodeBlockHeaderProps>(\n  function CodeBlockHeader(props, ref) {\n    return <ChakraCodeBlock.Header ref={ref} mb={0} {...headerStyles} {...props} />\n  }\n)\n\nconst CodeBlockTitle = forwardRef<ElementRef<typeof ChakraCodeBlock.Title>, CodeBlockTitleProps>(\n  function CodeBlockTitle(props, ref) {\n    return (\n      <ChakraCodeBlock.Title\n        ref={ref}\n        fontSize={pxToRem(16)}\n        fontWeight=\"700\"\n        color=\"fg\"\n        {...props}\n      />\n    )\n  }\n)\n\nconst CodeBlockControl = forwardRef<\n  ElementRef<typeof ChakraCodeBlock.Control>,\n  CodeBlockControlProps\n>(function CodeBlockControl(props, ref) {\n  return <ChakraCodeBlock.Control ref={ref} gap={pxToRem(8)} {...props} />\n})\n\nconst CodeBlockContent = forwardRef<\n  ElementRef<typeof ChakraCodeBlock.Content>,\n  CodeBlockContentProps\n>(function CodeBlockContent(props, ref) {\n  return <ChakraCodeBlock.Content ref={ref} {...contentStyles} {...props} />\n})\n\nconst CodeBlockCode = forwardRef<ElementRef<typeof ChakraCodeBlock.Code>, CodeBlockCodeProps>(\n  function CodeBlockCode(props, ref) {\n    return <ChakraCodeBlock.Code ref={ref} fontFamily=\"mono\" {...codeStyles} {...props} />\n  }\n)\n\nconst CodeBlockCodeText = forwardRef<\n  ElementRef<typeof ChakraCodeBlock.CodeText>,\n  CodeBlockCodeTextProps\n>(function CodeBlockCodeText(props, ref) {\n  return <ChakraCodeBlock.CodeText ref={ref} {...props} />\n})\n\nconst CodeBlockCopyTrigger = forwardRef<\n  ElementRef<typeof ChakraCodeBlock.CopyTrigger>,\n  CodeBlockCopyTriggerProps\n>(function CodeBlockCopyTrigger(props, ref) {\n  return <ChakraCodeBlock.CopyTrigger ref={ref} {...props} />\n})\n\nconst CodeBlockCopyIndicator = forwardRef<\n  ElementRef<typeof ChakraCodeBlock.CopyIndicator>,\n  CodeBlockCopyIndicatorProps\n>(function CodeBlockCopyIndicator(props, ref) {\n  return (\n    <ChakraCodeBlock.CopyIndicator ref={ref} copied={<LuCheck />} {...props}>\n      <FaCopy />\n    </ChakraCodeBlock.CopyIndicator>\n  )\n})\n\nconst CodeBlockCopyButton = forwardRef<HTMLButtonElement, CodeBlockCopyButtonProps>(\n  function CodeBlockCopyButton(\n    {\n      copiedLabel = 'Copied',\n      copyLabel = 'Copy code',\n      size = 'xs',\n      variant = 'secondary',\n      ...props\n    },\n    ref\n  ) {\n    return (\n      <CodeBlockCopyTrigger asChild>\n        <Button\n          ref={ref}\n          size={size}\n          variant={variant}\n          color=\"fg\"\n          h=\"auto\"\n          minW=\"unset\"\n          px={pxToRem(10)}\n          py={pxToRem(6)}\n          gap={pxToRem(6)}\n          {...props}\n        >\n          <CodeBlockCopyIndicator />\n          <ChakraCodeBlock.CopyIndicator copied={copiedLabel}>\n            {copyLabel}\n          </ChakraCodeBlock.CopyIndicator>\n        </Button>\n      </CodeBlockCopyTrigger>\n    )\n  }\n)\n\nconst CodeBlockOverlay = forwardRef<\n  ElementRef<typeof ChakraCodeBlock.Overlay>,\n  CodeBlockOverlayProps\n>(function CodeBlockOverlay(props, ref) {\n  return <ChakraCodeBlock.Overlay ref={ref} {...props} />\n})\n\nconst CodeBlockCollapseTrigger = forwardRef<\n  ElementRef<typeof ChakraCodeBlock.CollapseTrigger>,\n  CodeBlockCollapseTriggerProps\n>(function CodeBlockCollapseTrigger(props, ref) {\n  return <ChakraCodeBlock.CollapseTrigger ref={ref} {...props} />\n})\n\nconst CodeBlockCollapseIndicator = forwardRef<\n  ElementRef<typeof ChakraCodeBlock.CollapseIndicator>,\n  CodeBlockCollapseIndicatorProps\n>(function CodeBlockCollapseIndicator(\n  { children, collapsedLabel = 'Expand code', expandedLabel = 'Collapse code', ...props },\n  ref\n) {\n  const expandedContent = expandedLabel ?? children\n  const collapsedComponent = () => {\n    return (\n      <Button variant=\"secondary\" size=\"xs\">\n        {collapsedLabel}\n      </Button>\n    )\n  }\n  return (\n    <ChakraCodeBlock.CollapseIndicator\n      asChild\n      ref={ref}\n      cursor=\"pointer\"\n      collapsed={collapsedComponent()}\n      display=\"inline-flex\"\n      alignItems=\"center\"\n      justifyContent=\"center\"\n      minH=\"auto\"\n      {...props}\n    >\n      <Button variant=\"secondary\" size=\"xs\">\n        {expandedContent}\n      </Button>\n    </ChakraCodeBlock.CollapseIndicator>\n  )\n})\n\nconst CodeBlockCollapseText = forwardRef<\n  ElementRef<typeof ChakraCodeBlock.CollapseText>,\n  CodeBlockCollapseTextProps\n>(function CodeBlockCollapseText(props, ref) {\n  return <ChakraCodeBlock.CollapseText ref={ref} {...props} />\n})\n\nexport const CodeBlock = Object.assign(CodeBlockRoot, {\n  Root: CodeBlockRoot,\n  Header: CodeBlockHeader,\n  Title: CodeBlockTitle,\n  Control: CodeBlockControl,\n  Content: CodeBlockContent,\n  Code: CodeBlockCode,\n  CodeText: CodeBlockCodeText,\n  CopyTrigger: CodeBlockCopyTrigger,\n  CopyIndicator: CodeBlockCopyIndicator,\n  CopyButton: CodeBlockCopyButton,\n  Overlay: CodeBlockOverlay,\n  CollapseTrigger: CodeBlockCollapseTrigger,\n  CollapseIndicator: CodeBlockCollapseIndicator,\n  CollapseText: CodeBlockCollapseText,\n})\n\nexport {\n  CodeBlockRoot,\n  CodeBlockHeader,\n  CodeBlockTitle,\n  CodeBlockControl,\n  CodeBlockContent,\n  CodeBlockCode,\n  CodeBlockCodeText,\n  CodeBlockCopyTrigger,\n  CodeBlockCopyIndicator,\n  CodeBlockCopyButton,\n  CodeBlockOverlay,\n  CodeBlockCollapseTrigger,\n  CodeBlockCollapseIndicator,\n  CodeBlockCollapseText,\n}\n"],"x_google_ignoreList":[3],"mappings":"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"}