@clarify-labs/renderer 0.7.0 → 0.7.1

package/output/ThemeRoot-CLa0yvRQ.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeRoot-CLa0yvRQ.js","names":[],"sources":["../source/app/ErrorBoundary.tsx","../source/app/PageBanner.tsx","../source/assets/clarify.svg?url","../source/app/BuiltWithClarify.tsx","../source/app/PageFooter.tsx","../source/app/PageNavigation.tsx","../source/app/PageSkeleton.tsx","../source/app/AppShell.tsx","../source/theme/randomTheme.ts","../source/theme/variables.ts","../source/theme/ThemeEditor.tsx","../source/theme/ThemeRoot.tsx"],"sourcesContent":["import { Component, useState } from 'react'\nimport type { ErrorInfo, ReactNode } from 'react'\n\nimport { copyTextToClipboard } from '../utils/clipboard'\n\ntype PageErrorBoundaryProps = {\n  children: ReactNode;\n  title: string;\n  description: string;\n  reloadLabel: string;\n  detailsLabel: string;\n  pathLabel: string;\n  typeLabel: string;\n  messageLabel: string;\n  stackLabel: string;\n  componentStackLabel: string;\n  timestampLabel: string;\n  copyLabel: string;\n  copiedLabel: string;\n  path: string;\n}\n\ntype PageErrorBoundaryState = {\n  error?: Error;\n  errorInfo?: ErrorInfo;\n  occurredAt?: string;\n}\n\ntype PageErrorPanelProps = {\n  title: string;\n  description: string;\n  reloadLabel: string;\n  detailsLabel: string;\n  pathLabel: string;\n  typeLabel: string;\n  messageLabel: string;\n  stackLabel: string;\n  componentStackLabel: string;\n  timestampLabel: string;\n  copyLabel: string;\n  copiedLabel: string;\n  path: string;\n  error: Error;\n  errorInfo?: ErrorInfo;\n  occurredAt?: string;\n}\n\nfunction PageErrorPanel(props: PageErrorPanelProps) {\n  const {\n    title,\n    description,\n    reloadLabel,\n    detailsLabel,\n    pathLabel,\n    typeLabel,\n    messageLabel,\n    stackLabel,\n    componentStackLabel,\n    timestampLabel,\n    copyLabel,\n    copiedLabel,\n    path,\n    error,\n    errorInfo,\n    occurredAt,\n  } = props\n  const [copiedStack, setCopiedStack] = useState(false)\n  const stack = error.stack ?? error.message\n  const componentStack = errorInfo?.componentStack?.trim()\n  const stackText = componentStack ? `${stack}\\n\\n${componentStackLabel}\\n${componentStack}` : stack\n  const capturedAt = occurredAt ?? new Date().toISOString()\n\n  async function copyStack() {\n    if (!(await copyTextToClipboard(stackText))) return\n    setCopiedStack(true)\n    window.setTimeout(() => setCopiedStack(false), 1600)\n  }\n\n  return (\n    <section className=\"mx-auto flex min-h-(--clarify-error-page-min-height) w-full max-w-4xl flex-col justify-center py-16 text-(--clarify-theme-tokens-colors-foreground)\" aria-labelledby=\"clarify-render-error-title\" role=\"alert\">\n      <div className=\"border-t-2 border-(--clarify-error-accent-text) pt-8\">\n        <div className=\"flex flex-col gap-6 sm:flex-row sm:items-start sm:justify-between\">\n          <div>\n            <p className=\"font-mono text-xs/5 font-semibold uppercase tracking-wide text-(--clarify-error-accent-text)\">Render error</p>\n            <h1 id=\"clarify-render-error-title\" className=\"mt-3 text-3xl/9 font-semibold tracking-tight text-(--clarify-theme-tokens-colors-foreground)\">{title}</h1>\n            <p className=\"mt-4 max-w-2xl text-sm/6 text-(--clarify-theme-tokens-colors-muted)\">{description}</p>\n          </div>\n          <button\n            type=\"button\"\n            className=\"inline-flex shrink-0 items-center rounded-(--clarify-theme-tokens-radius-md) bg-(--clarify-theme-tokens-colors-primary) px-4 py-2 text-sm/5 font-semibold text-white shadow-xs transition hover:opacity-90\"\n            onClick={() => window.location.reload()}\n          >\n            {reloadLabel}\n          </button>\n        </div>\n\n        <dl className=\"mt-8 grid gap-px overflow-hidden rounded-(--clarify-theme-tokens-radius-lg) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-border) sm:grid-cols-3\">\n          {[\n            [pathLabel, path],\n            [typeLabel, error.name],\n            [timestampLabel, capturedAt],\n          ].map(([label, value]) => (\n            <div key={label} className=\"min-w-0 bg-(--clarify-theme-tokens-colors-surface) px-4 py-3\">\n              <dt className=\"text-xs/5 font-semibold uppercase tracking-wide text-(--clarify-ui-text-faint)\">{label}</dt>\n              <dd className=\"mt-1 truncate font-mono text-sm/6 text-(--clarify-ui-text-strong)\" title={value}>{value}</dd>\n            </div>\n          ))}\n        </dl>\n\n        <div className=\"mt-6 overflow-hidden rounded-(--clarify-theme-tokens-radius-lg) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-code-background)\">\n          <div className=\"flex items-center justify-between gap-3 border-b border-(--clarify-theme-tokens-colors-border) px-4 py-3\">\n            <p className=\"text-sm/6 font-semibold text-(--clarify-ui-text-strong)\">{detailsLabel}</p>\n            <button\n              type=\"button\"\n              className=\"rounded-(--clarify-theme-tokens-radius-sm) px-2 py-1 text-xs/5 font-semibold text-(--clarify-ui-text-soft) ring-1 ring-(--clarify-theme-tokens-colors-border) transition hover:bg-(--clarify-ui-hover-background) hover:text-(--clarify-ui-text-strong)\"\n              onClick={copyStack}\n            >\n              {copiedStack ? copiedLabel : copyLabel}\n            </button>\n          </div>\n          <div className=\"px-4 py-4 text-xs/5 text-(--clarify-ui-text)\">\n            <p className=\"font-semibold uppercase tracking-wide text-(--clarify-ui-text-faint)\">{messageLabel}</p>\n            <p className=\"mt-2 break-words font-mono text-sm/6 font-semibold text-(--clarify-theme-tokens-colors-foreground)\">{error.message}</p>\n            <p className=\"mt-6 font-semibold uppercase tracking-wide text-(--clarify-ui-text-faint)\">{stackLabel}</p>\n            <pre className=\"mt-2 max-h-(--clarify-error-details-max-height) overflow-auto whitespace-pre-wrap break-words font-mono\">\n              {stack}\n            </pre>\n            {componentStack ? (\n              <>\n                <p className=\"mt-6 font-semibold uppercase tracking-wide text-(--clarify-ui-text-faint)\">{componentStackLabel}</p>\n                <pre className=\"mt-2 max-h-(--clarify-error-component-stack-max-height) overflow-auto whitespace-pre-wrap break-words font-mono\">\n                  {componentStack}\n                </pre>\n              </>\n            ) : null}\n          </div>\n        </div>\n      </div>\n    </section>\n  )\n}\n\nexport class PageErrorBoundary extends Component<PageErrorBoundaryProps, PageErrorBoundaryState> {\n  state: PageErrorBoundaryState = {}\n\n  static getDerivedStateFromError(error: Error): PageErrorBoundaryState {\n    return { error, occurredAt: new Date().toISOString() }\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    console.error('[clarify] Failed to render page:', error, errorInfo)\n    this.setState({ errorInfo })\n  }\n\n  render() {\n    const { error, errorInfo, occurredAt } = this.state\n    if (!error) return this.props.children\n\n    return (\n      <PageErrorPanel\n        title={this.props.title}\n        description={this.props.description}\n        reloadLabel={this.props.reloadLabel}\n        detailsLabel={this.props.detailsLabel}\n        pathLabel={this.props.pathLabel}\n        typeLabel={this.props.typeLabel}\n        messageLabel={this.props.messageLabel}\n        stackLabel={this.props.stackLabel}\n        componentStackLabel={this.props.componentStackLabel}\n        timestampLabel={this.props.timestampLabel}\n        copyLabel={this.props.copyLabel}\n        copiedLabel={this.props.copiedLabel}\n        path={this.props.path}\n        error={error}\n        errorInfo={errorInfo}\n        occurredAt={occurredAt}\n      />\n    )\n  }\n}\n","import { X } from 'lucide-react'\nimport type { ComponentType } from 'react'\nimport { useEffect, useMemo, useState } from 'react'\nimport { Link } from 'react-router-dom'\n\nimport { useConfig } from '../core/context'\nimport type { Config, LocalizedText } from '../core/types'\nimport { isExternalHref, localizeHref } from '../utils/href'\n\nfunction resolveLocalizedText(text: LocalizedText, locale?: string, fallbackLocale?: string): string {\n  if (typeof text === 'string') return text\n  return (locale ? text[locale] : undefined) ?? (fallbackLocale ? text[fallbackLocale] : undefined) ?? Object.values(text)[0] ?? ''\n}\n\nfunction bannerStorageKey(config: Config, content: string): string {\n  return `clarify:banner:dismissed:${config.title}:${content}`\n}\n\ntype PageBannerLinkProps = {\n  href: string\n  label: string\n  external?: boolean\n  config: Config\n  locale?: string\n}\n\nfunction PageBannerLink(props: PageBannerLinkProps) {\n  const { href, label, external: externalProp, config, locale } = props\n  const external = externalProp ?? isExternalHref(href)\n  const resolvedHref = external ? href : localizeHref(href, config, locale)\n  const className = \"clarify-banner-link shrink-0 rounded-full bg-(--clarify-theme-tokens-colors-primary) px-3 py-1 text-xs/5 font-semibold text-white no-underline transition hover:opacity-90\"\n\n  if (external) {\n    return <a href={resolvedHref} target=\"_blank\" rel=\"noreferrer\" className={className}>{label}</a>\n  }\n\n  return <Link to={resolvedHref} className={className}>{label}</Link>\n}\n\nexport type PageBannerProps = {\n  component?: ComponentType\n  currentLocale?: string\n  onDismiss?: () => void\n}\n\nexport function PageBanner(props: PageBannerProps) {\n  const { component: CustomBanner, currentLocale, onDismiss } = props\n  const config = useConfig()\n  const banner = config.banner\n  const builtInBanner = banner && typeof banner === 'object' ? banner : undefined\n  const content = builtInBanner ? resolveLocalizedText(builtInBanner.content, currentLocale, config.i18n?.defaultLocale) : ''\n  const link = builtInBanner?.link\n  const linkLabel = link ? resolveLocalizedText(link.label, currentLocale, config.i18n?.defaultLocale) : ''\n  const storageKey = useMemo(() => content ? bannerStorageKey(config, content) : '', [config, content])\n  const [dismissed, setDismissed] = useState(() => {\n    if (!storageKey || !builtInBanner?.dismissible || typeof window === 'undefined') return false\n    return window.localStorage.getItem(storageKey) === '1'\n  })\n\n  useEffect(() => {\n    if (dismissed) onDismiss?.()\n  }, [dismissed, onDismiss])\n\n  if (CustomBanner) {\n    return (\n      <div className=\"clarify-banner clarify-banner-custom flex min-h-12 items-center border-b border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) px-4 text-sm text-(--clarify-theme-tokens-colors-foreground) dark:border-white/10 dark:bg-zinc-950\">\n        <div className=\"mx-auto w-full max-w-(--clarify-theme-layout-max-width)\">\n          <CustomBanner />\n        </div>\n      </div>\n    )\n  }\n\n  if (!builtInBanner || !content || dismissed) return null\n\n  return (\n    <div className=\"clarify-banner relative flex min-h-12 items-center border-b border-(--clarify-ui-accent-border) bg-(--clarify-ui-accent-background) px-4 text-sm text-(--clarify-ui-text) dark:border-white/10\">\n      <div className=\"mx-auto flex w-full max-w-(--clarify-theme-layout-max-width) items-center justify-center gap-3 pr-8 sm:pr-0\">\n        <p className=\"clarify-banner-content m-0 text-center font-medium\">{content}</p>\n        {link ? <PageBannerLink href={link.href} label={linkLabel} external={link.external} config={config} locale={currentLocale} /> : null}\n      </div>\n      {builtInBanner.dismissible ? (\n        <button\n          type=\"button\"\n          className=\"clarify-banner-dismiss absolute right-3 inline-flex size-8 items-center justify-center rounded-full text-(--clarify-ui-text-soft) transition hover:bg-(--clarify-ui-hover-background) hover:text-(--clarify-ui-text-strong)\"\n          aria-label=\"Dismiss announcement\"\n          onClick={() => {\n            if (storageKey) window.localStorage.setItem(storageKey, '1')\n            setDismissed(true)\n          }}\n        >\n          <X className=\"size-4\" aria-hidden=\"true\" />\n        </button>\n      ) : null}\n    </div>\n  )\n}\n","export default \"data:image/svg+xml,%3c?xml%20version='1.0'%20encoding='UTF-8'?%3e%3csvg%20width='279px'%20height='200px'%20viewBox='0%200%20279%20200'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3ctitle%3eclarify%3c/title%3e%3cg%20id='页面-1'%20stroke='none'%20stroke-width='1'%20fill='none'%20fill-rule='evenodd'%3e%3cg%20id='clarify'%20transform='translate(-0,%200.0054)'%3e%3cpath%20d='M44.867217,0.0054376148%20C130.715579,1.00591567%20200,70.9091172%20200,156.994562%20L199.986321,155.127494%20C199.384888,180.009127%20179.026368,199.994562%20154,199.994562%20L46,199.994562%20C20.5949015,199.994562%200,179.399661%200,153.994562%20L0,45.9945624%20C0,21.0975659%2019.7793434,0.820282524%2044.4815926,0.0191499894%20Z'%20fill='%2300D492'%3e%3c/path%3e%3cpath%20d='M123.867217,0.0054376148%20C209.715579,1.00591567%20279,70.9091172%20279,156.994562%20L278.986321,155.127494%20C278.384888,180.009127%20258.026368,199.994562%20233,199.994562%20L125,199.994562%20C99.5949015,199.994562%2079,179.399661%2079,153.994562%20L79,45.9945624%20C79,21.0975659%2098.7793434,0.820282524%20123.481593,0.0191499894%20Z'%20id='clarify-right'%20fill-opacity='0.6'%20fill='%2300F6C9'%20transform='translate(179,%20100)%20rotate(-90)%20translate(-179,%20-100)'%3e%3c/path%3e%3cpath%20d='M199.979267,154.416906%20L199.984438,155.157125%20L199.962366,155.872459%20C198.977251,180.406837%20178.776104,199.994562%20154,199.994562%20L124.372438,199.994125%20L124.249053,199.994081%20C99.6939678,199.603921%2079.8122712,179.973634%2079.01915,155.518407%20L79.0054376,155.132783%20C79.5830823,105.566626%20103.129768,61.5221348%20139.498462,33.1463428%20C175.69419,61.3871018%20199.186123,105.143863%20199.979267,154.416906%20Z'%20id='形状结合'%20fill='%2300F692'%3e%3c/path%3e%3c/g%3e%3c/g%3e%3c/svg%3e\"","import clarifyMarkUrl from '../assets/clarify.svg?url'\nimport { useBuiltInText } from '../core/i18n'\n\nexport function BuiltWithClarify() {\n  const t = useBuiltInText()\n\n  return (\n    <a\n      href=\"https://clarify.pub\"\n      target=\"_blank\"\n      rel=\"noreferrer\"\n      aria-label={t('builtWith.label')}\n      className=\"clarify-built-with inline-flex items-center gap-1.5 rounded-full px-2 py-1 font-medium no-underline transition\"\n    >\n      <span>{t('builtWith.prefix')}</span>\n      <img src={clarifyMarkUrl} alt=\"\" className=\"clarify-built-with-logo h-3.5 w-auto flex-none object-contain\" />\n      <span className=\"clarify-built-with-brand font-semibold\">Clarify</span>\n    </a>\n  )\n}\n","import clsx from 'clsx'\nimport type { ComponentType } from 'react'\nimport { Link, useLocation } from 'react-router-dom'\n\nimport { useConfig } from '../core/context'\nimport type { Config, LocalizedText, NavbarLink } from '../core/types'\nimport { isExternalHref, localizeHref } from '../utils/href'\n\nimport { BuiltWithClarify } from './BuiltWithClarify'\n\nfunction resolveLocalizedText(text: LocalizedText, locale?: string, fallbackLocale?: string): string {\n  if (typeof text === 'string') return text\n  return (locale ? text[locale] : undefined) ?? (fallbackLocale ? text[fallbackLocale] : undefined) ?? Object.values(text)[0] ?? ''\n}\n\nfunction localeForPath(config: Config, pathname: string): string | undefined {\n  const i18n = config.i18n\n  if (!i18n) return undefined\n  const firstSegment = pathname.split('/').filter(Boolean)[0]\n  return i18n.locales.find((locale) => locale.code === firstSegment)?.code ?? i18n.defaultLocale\n}\n\ntype FooterLinkProps = { link: NavbarLink; locale?: string; config: Config }\n\nfunction FooterLink(arg0: FooterLinkProps) {\n  const { link, locale, config } = arg0\n  const external = link.external ?? isExternalHref(link.href)\n  const href = external ? link.href : localizeHref(link.href, config, locale)\n  const className = \"clarify-footer-link no-underline transition\"\n  const label = resolveLocalizedText(link.label, locale, config.i18n?.defaultLocale)\n\n  if (external) {\n    return (\n      <a href={href} target=\"_blank\" rel=\"noreferrer\" className={className}>\n        {label}\n      </a>\n    )\n  }\n\n  return (\n    <Link to={href} className={className}>\n      {label}\n    </Link>\n  )\n}\n\ntype SocialLinkProps = { name: string; href: string }\n\nfunction SocialLink(arg0: SocialLinkProps) {\n  const { name, href } = arg0\n\n  return (\n    <a\n      href={href}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n      className=\"clarify-footer-social capitalize no-underline transition\"\n    >\n      {name}\n    </a>\n  )\n}\n\nexport type PageFooterProps = {\n  component?: ComponentType\n}\n\nexport function PageFooter(props: PageFooterProps = {}) {\n  const config = useConfig()\n  const location = useLocation()\n  const locale = localeForPath(config, location.pathname)\n  const footer = config.footer\n  const builtInFooter = footer && typeof footer === 'object' ? footer : undefined\n  const CustomFooter = props.component\n  const links = builtInFooter?.links ?? []\n  const socials = Object.entries(builtInFooter?.socials ?? {})\n  const copyright = builtInFooter?.copyright\n    ? resolveLocalizedText(builtInFooter.copyright, locale, config.i18n?.defaultLocale)\n    : undefined\n  const hasBuiltInFooter = Boolean(copyright || links.length > 0 || socials.length > 0)\n\n  return (\n    <footer className=\"clarify-page-footer mt-16 flex w-full flex-col gap-4 border-t border-(--clarify-theme-tokens-colors-border) py-8 lg:mt-24\">\n      {CustomFooter ? (\n        <div className=\"clarify-footer-custom w-full\">\n          <CustomFooter />\n        </div>\n      ) : hasBuiltInFooter ? (\n        <div\n          className={clsx(\n            'clarify-footer-content flex flex-col items-end gap-3 text-right',\n            hasBuiltInFooter && 'sm:items-start sm:text-left',\n          )}\n        >\n          {copyright ? (\n            <p className=\"clarify-footer-copyright m-0\">{copyright}</p>\n          ) : null}\n          {links.length > 0 || socials.length > 0 ? (\n            <div className=\"clarify-footer-links flex flex-wrap justify-end gap-x-4 gap-y-2 sm:justify-start\">\n              {links.map((link) => (\n                <FooterLink key={`${link.href}-${resolveLocalizedText(link.label, locale, config.i18n?.defaultLocale)}`} link={link} locale={locale} config={config} />\n              ))}\n              {socials.map(([name, href]) => (\n                <SocialLink key={name} name={name} href={href} />\n              ))}\n            </div>\n          ) : null}\n        </div>\n      ) : null}\n      <div className=\"clarify-footer-brand flex justify-end self-end\">\n        <BuiltWithClarify />\n      </div>\n    </footer>\n  )\n}\n","import clsx from 'clsx'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport { Link } from 'react-router-dom'\n\nimport { useBuiltInText } from '../core/i18n'\nimport type { NavigationNode, RouteItem } from '../core/types'\nimport { isSameRoutePath, normalizeRoutePath } from '../utils/path'\n\nfunction flattenNavigation(nodes: NavigationNode[]): NavigationNode[] {\n  return nodes.flatMap((node) => node.children?.length ? flattenNavigation(node.children) : [node])\n}\n\ntype PageNavigationProps = { navigation: NavigationNode[]; currentRoute?: RouteItem }\n\nexport function PageNavigation(arg0: PageNavigationProps) {\n  const { navigation, currentRoute } = arg0\n  const t = useBuiltInText()\n  if (!currentRoute) return null\n\n  const pageRoutes = flattenNavigation(navigation)\n  const currentIndex = pageRoutes.findIndex((route) => isSameRoutePath(route.path, currentRoute.path))\n  if (currentIndex === -1) return null\n\n  const previous = pageRoutes[currentIndex - 1]\n  const next = pageRoutes[currentIndex + 1]\n  if (!previous && !next) return null\n\n  return (\n    <nav className=\"clarify-page-navigation mt-6 grid gap-3 @3xl:grid-cols-2\" aria-label={t('navigation.previousNext')}>\n      <PageNavigationLink direction=\"previous\" route={previous} />\n      <PageNavigationLink direction=\"next\" route={next} />\n    </nav>\n  )\n}\n\ntype PageNavigationLinkProps = { direction: 'previous' | 'next'; route?: NavigationNode }\n\nfunction PageNavigationLink(arg0: PageNavigationLinkProps) {\n  const { direction, route } = arg0\n  const t = useBuiltInText()\n  if (!route) return <div className=\"hidden @3xl:block\" />\n\n  const isNext = direction === 'next'\n\n  return (\n    <Link\n      to={normalizeRoutePath(route.path)}\n      className={clsx(\n        'group flex min-w-0 items-center gap-3 rounded-lg border border-(--clarify-theme-tokens-colors-border) px-4 py-3 no-underline transition hover:border-(--clarify-theme-tokens-colors-primary) hover:bg-(--clarify-ui-hover-background)',\n        isNext && '@3xl:justify-end @3xl:text-right',\n      )}\n    >\n      {!isNext ? <ChevronLeft className=\"h-3.5 w-3.5 shrink-0 text-(--clarify-theme-tokens-colors-muted) transition group-hover:text-(--clarify-theme-tokens-colors-primary)\" /> : null}\n      <span className=\"min-w-0 flex-1\">\n        <span className=\"clarify-page-navigation-label block font-medium uppercase tracking-wide text-(--clarify-theme-tokens-colors-muted)\">{isNext ? t('navigation.next') : t('navigation.previous')}</span>\n        <span className=\"clarify-page-navigation-title mt-0.5 block truncate font-semibold text-(--clarify-theme-tokens-colors-foreground)\">{route.title}</span>\n      </span>\n      {isNext ? <ChevronRight className=\"h-3.5 w-3.5 shrink-0 text-(--clarify-theme-tokens-colors-muted) transition group-hover:text-(--clarify-theme-tokens-colors-primary)\" /> : null}\n    </Link>\n  )\n}\n","import clsx from 'clsx'\n\ntype SkeletonBlockProps = {\n  className?: string;\n}\n\nconst paragraphLines = ['w-full', 'w-11/12', 'w-4/5']\nconst codeLines = ['w-5/6', 'w-2/3', 'w-3/4', 'w-1/2']\n\nfunction SkeletonBlock(props: SkeletonBlockProps) {\n  return <div aria-hidden=\"true\" className={clsx('rounded-(--clarify-skeleton-radius) bg-(--clarify-skeleton-background)', props.className)} />\n}\n\nfunction SkeletonParagraph() {\n  return (\n    <div className=\"space-y-3\">\n      {paragraphLines.map((width) => (\n        <SkeletonBlock key={width} className={clsx('h-3', width)} />\n      ))}\n    </div>\n  )\n}\n\nexport function PageSkeleton() {\n  return (\n    <section className=\"clarify-page-skeleton animate-pulse space-y-10 py-8\" aria-label=\"Loading page\">\n      <div className=\"space-y-5\">\n        <SkeletonBlock className=\"h-3 w-24 rounded-full bg-(--clarify-skeleton-accent-background)\" />\n        <SkeletonBlock className=\"h-11 w-full max-w-(--clarify-skeleton-title-width) rounded-3xl\" />\n        <div className=\"max-w-3xl space-y-3\">\n          <SkeletonBlock className=\"h-4 w-full\" />\n          <SkeletonBlock className=\"h-4 w-5/6\" />\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 xl:grid-cols-2\">\n        {[0, 1].map((item) => (\n          <div key={item} className=\"rounded-(--clarify-skeleton-card-radius) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface) p-5 shadow-sm shadow-zinc-900/5\">\n            <div className=\"flex items-start gap-4\">\n              <SkeletonBlock className=\"h-10 w-10 shrink-0 bg-(--clarify-skeleton-accent-background)\" />\n              <div className=\"min-w-0 flex-1 space-y-4\">\n                <SkeletonBlock className=\"h-5 w-2/3\" />\n                <SkeletonParagraph />\n              </div>\n            </div>\n          </div>\n        ))}\n      </div>\n\n      <div className=\"space-y-8\">\n        <article className=\"space-y-5\">\n          <SkeletonBlock className=\"h-7 w-full max-w-(--clarify-skeleton-heading-width) rounded-2xl\" />\n          <SkeletonParagraph />\n          <div className=\"rounded-(--clarify-theme-tokens-radius-lg) border border-(--clarify-ui-accent-border) bg-(--clarify-ui-accent-background) p-4\">\n            <SkeletonBlock className=\"h-4 w-full max-w-(--clarify-skeleton-line-width) bg-(--clarify-skeleton-accent-background)\" />\n          </div>\n        </article>\n\n        <div className=\"overflow-hidden rounded-(--clarify-skeleton-block-radius) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-code-background)\">\n          <div className=\"flex items-center gap-2 border-b border-(--clarify-theme-tokens-colors-border) px-4 py-3\">\n            <SkeletonBlock className=\"h-3 w-3 rounded-full\" />\n            <SkeletonBlock className=\"h-3 w-3 rounded-full\" />\n            <SkeletonBlock className=\"h-3 w-3 rounded-full\" />\n            <SkeletonBlock className=\"ml-3 h-3 w-32\" />\n          </div>\n          <div className=\"space-y-3 p-4\">\n            {codeLines.map((width) => (\n              <SkeletonBlock key={width} className={clsx('h-3', width)} />\n            ))}\n          </div>\n        </div>\n\n        <article className=\"space-y-5\">\n          <SkeletonBlock className=\"h-7 w-full max-w-(--clarify-skeleton-heading-short-width) rounded-2xl\" />\n          <div className=\"grid gap-3 sm:grid-cols-2\">\n            {[0, 1, 2, 3].map((item) => (\n              <div key={item} className=\"rounded-(--clarify-theme-tokens-radius-lg) border border-(--clarify-theme-tokens-colors-border) p-4\">\n                <SkeletonBlock className=\"mb-3 h-4 w-1/2\" />\n                <SkeletonBlock className=\"h-3 w-4/5\" />\n              </div>\n            ))}\n          </div>\n        </article>\n      </div>\n    </section>\n  )\n}\n","import clsx from 'clsx'\nimport { Suspense, lazy, useEffect, useMemo, useState } from 'react'\nimport type { ComponentType } from 'react'\nimport { Link, Routes, Route, useLocation, useNavigate } from 'react-router-dom'\n\nimport { LocaleContext } from '../context'\nimport { useBuiltInText } from '../core/i18n'\nimport { Header, Navigation } from '../shell'\nimport { getStoredLocalePreference, storeLocalePreference } from '../theme/cookies'\nimport type { RouteItem, Config, NavigationNode, NavigationTab, NavigationTree, TabbedNavigation } from '../types'\nimport { safeDecodeURIComponent } from '../utils/hash'\nimport { isSameRoutePath, normalizeRoutePath } from '../utils/path'\n\nimport { PageErrorBoundary } from './ErrorBoundary'\nimport { PageActionsProvider } from './PageActions'\nimport { PageBanner } from './PageBanner'\nimport { PageFooter } from './PageFooter'\nimport { PageNavigation } from './PageNavigation'\nimport { PageSkeleton } from './PageSkeleton'\nimport { SectionProvider, type Section } from './SectionProvider'\n\nexport type AppShellProps = {\n  config: Config\n  routes: RouteItem[]\n  navigation: NavigationTree\n  bannerComponent?: ComponentType\n  footerComponent?: ComponentType\n}\n\nfunction routeForPath(routes: RouteItem[], pathname: string): RouteItem | undefined {\n  return routes.find((route) => isSameRoutePath(route.path, pathname))\n}\n\nfunction notFoundRouteForPath(routes: RouteItem[], pathname: string, currentLocale?: string): RouteItem | undefined {\n  const localePrefix = currentLocale ? `/${currentLocale}` : undefined\n  if (localePrefix && pathname.startsWith(`${localePrefix}/`)) {\n    return routeForPath(routes, `${localePrefix}/404`)\n  }\n  return routeForPath(routes, '/404') ?? routes.find(route => isSameRoutePath(route.basePath, '/404'))\n}\n\nfunction sectionsForRoute(route?: RouteItem): Section[] {\n  return (\n    route?.sections?.map((section) => ({\n      id: section.id,\n      title: section.title,\n      level: section.level,\n      badge: section.badge,\n      tags: section.tags,\n    })) ?? []\n  )\n}\n\nfunction resolveRouteComponent(route: RouteItem): ComponentType {\n  if (route.lazy) return lazy(route.component as () => Promise<{ default: ComponentType }>)\n  return route.component as ComponentType\n}\n\nfunction scrollToHash(hash: string) {\n  if (!hash) return\n\n  const targetId = safeDecodeURIComponent(hash.slice(1))\n  window.requestAnimationFrame(() => {\n    document.getElementById(targetId)?.scrollIntoView()\n    window.requestAnimationFrame(() => {\n      window.dispatchEvent(new Event('scroll'))\n    })\n  })\n}\n\nfunction explicitLocaleForPath(config: Config, pathname: string): string | undefined {\n  const i18n = config.i18n\n  if (!i18n) return undefined\n  const firstSegment = pathname.split('/').filter(Boolean)[0]\n  return i18n.locales.find((locale) => locale.code === firstSegment)?.code\n}\n\nfunction fallbackLocale(config: Config): string | undefined {\n  return config.i18n?.defaultLocale\n}\n\nfunction storedLocaleForConfig(config: Config): string | null {\n  return getStoredLocalePreference(config.i18n?.locales.map(locale => locale.code))\n}\n\nfunction isDefaultLocale(config: Config, locale: string | undefined): boolean {\n  return Boolean(locale && config.i18n?.defaultLocale === locale)\n}\n\nfunction isTabbedNavigation(navigation: NavigationTree): navigation is TabbedNavigation {\n  return !Array.isArray(navigation) && 'tabs' in navigation\n}\n\nfunction hasPath(nodes: NavigationNode[], pathname: string): boolean {\n  return nodes.some((node) => isSameRoutePath(node.path, pathname) || hasPath(node.children ?? [], pathname))\n}\n\ntype NavigationState = {\n  items: NavigationNode[]\n  tabs?: NavigationTab[]\n}\n\nfunction navigationFromTabs(navigation: TabbedNavigation, pathname: string): NavigationState {\n  const currentTab = navigation.tabs.find((tab) => isSameRoutePath(tab.path, pathname) || hasPath(tab.children, pathname))\n  return {\n    items: currentTab?.children ?? navigation.tabs[0]?.children ?? [],\n    tabs: navigation.tabs,\n  }\n}\n\nfunction navigationForLocale(navigation: NavigationTree, locale: string | undefined, pathname: string): NavigationState {\n  if (Array.isArray(navigation)) return { items: navigation }\n  if (isTabbedNavigation(navigation)) return navigationFromTabs(navigation, pathname)\n  if (!locale) return { items: [] }\n\n  const localizedNavigation = navigation[locale]\n  if (!localizedNavigation) return { items: [] }\n  return Array.isArray(localizedNavigation) ? { items: localizedNavigation } : navigationFromTabs(localizedNavigation, pathname)\n}\n\nfunction pageTitle(config: Config, route?: RouteItem): string {\n  const routeTitle = route?.title?.trim()\n  if (!routeTitle || routeTitle === config.title) return config.title\n  return `${routeTitle} - ${config.title}`\n}\n\nfunction setNamedMeta(name: string, content: string | undefined) {\n  const existing = document.head.querySelector<HTMLMetaElement>(`meta[name=\"${name}\"]`)\n  if (!content) {\n    existing?.remove()\n    return\n  }\n\n  const meta = existing ?? document.createElement('meta')\n  meta.name = name\n  meta.content = content\n  if (!existing) document.head.appendChild(meta)\n}\n\nfunction applyDocumentMetadata(config: Config, route?: RouteItem) {\n  document.title = pageTitle(config, route)\n  setNamedMeta('description', route?.description ?? config.description)\n  setNamedMeta('keywords', route?.keywords?.join(', '))\n}\n\nfunction BuiltInNotFoundPage() {\n  const text = useBuiltInText()\n\n  return (\n    <section className=\"mx-auto flex min-h-(--clarify-error-page-min-height) max-w-2xl flex-col justify-center py-16 text-(--clarify-theme-tokens-colors-foreground)\" aria-labelledby=\"clarify-not-found-title\">\n      <p className=\"text-sm/6 font-semibold text-(--clarify-theme-tokens-colors-primary)\">{text('notFound.label')}</p>\n      <h1 id=\"clarify-not-found-title\" className=\"mt-3 text-3xl/9 font-semibold tracking-tight text-(--clarify-theme-tokens-colors-foreground)\">{text('notFound.title')}</h1>\n      <p className=\"mt-4 text-sm/6 text-(--clarify-theme-tokens-colors-muted)\">{text('notFound.description')}</p>\n      <div className=\"mt-8\">\n        <Link className=\"inline-flex items-center rounded-(--clarify-theme-tokens-radius-md) bg-(--clarify-theme-tokens-colors-primary) px-3 py-2 text-sm/5 font-semibold text-white shadow-xs transition hover:opacity-90\" to=\"/\">\n          {text('notFound.home')}\n        </Link>\n      </div>\n    </section>\n  )\n}\n\ntype NotFoundRouteElementProps = {\n  component?: ComponentType;\n}\n\nfunction NotFoundRouteElement(props: NotFoundRouteElementProps) {\n  const { component: RouteComponent } = props\n  if (!RouteComponent) return <BuiltInNotFoundPage />\n  return <RouteComponent />\n}\n\nexport function AppShell(arg0: AppShellProps) {\n  const { config, routes, navigation, bannerComponent, footerComponent } = arg0\n  const location = useLocation()\n  const navigate = useNavigate()\n  const pathname = normalizeRoutePath(location.pathname)\n  const currentRoute = routeForPath(routes, pathname)\n  const explicitLocale = explicitLocaleForPath(config, pathname)\n  const [storedLocale] = useState(() => storedLocaleForConfig(config))\n  const currentLocale = explicitLocale ?? storedLocale ?? fallbackLocale(config)\n  const currentLocaleConfig = config.i18n?.locales.find((locale) => locale.code === currentLocale)\n  const notFoundRoute = currentRoute ? undefined : notFoundRouteForPath(routes, pathname, currentLocale)\n  const text = useBuiltInText(currentLocale)\n  const currentNavigation = navigationForLocale(navigation, currentLocale, pathname)\n  const sections = sectionsForRoute(currentRoute)\n  const [dismissedBannerKey, setDismissedBannerKey] = useState<string>()\n  const activeBannerKey = config.banner ? JSON.stringify(config.banner) : undefined\n  const hasBanner = Boolean(config.banner) && dismissedBannerKey !== activeBannerKey\n  const hasTabs = Boolean(currentNavigation.tabs?.length)\n  const renderRoutes = useMemo(\n    () => routes.map(route => ({ ...route, component: resolveRouteComponent(route) })),\n    [routes],\n  )\n  const NotFoundRouteComponent = notFoundRoute\n    ? renderRoutes.find(route => isSameRoutePath(route.path, notFoundRoute.path))?.component\n    : undefined\n\n  useEffect(() => {\n    if (explicitLocale) storeLocalePreference(explicitLocale)\n  }, [explicitLocale])\n\n  useEffect(() => {\n    if (explicitLocale || !storedLocale || isDefaultLocale(config, storedLocale)) return\n    const localizedPath = currentRoute?.alternates?.[storedLocale]\n    if (!localizedPath || isSameRoutePath(localizedPath, pathname)) return\n    navigate(`${localizedPath}${location.search}${location.hash}`, { replace: true })\n  }, [config, currentRoute, explicitLocale, location.hash, location.search, navigate, pathname, storedLocale])\n\n  useEffect(() => {\n    if (location.hash) {\n      scrollToHash(location.hash)\n      return\n    }\n\n    window.scrollTo({ top: 0, left: 0 })\n    window.requestAnimationFrame(() => {\n      window.dispatchEvent(new Event('scroll'))\n    })\n  }, [location.hash, location.pathname])\n\n  useEffect(() => {\n    if (!currentLocale) return\n    document.documentElement.lang = currentLocale\n    if (currentLocaleConfig?.dir) {\n      document.documentElement.dir = currentLocaleConfig.dir\n    } else {\n      document.documentElement.removeAttribute('dir')\n    }\n  }, [currentLocale, currentLocaleConfig?.dir])\n\n  useEffect(() => {\n    applyDocumentMetadata(config, currentRoute ?? notFoundRoute)\n  }, [config, currentRoute, notFoundRoute])\n\n  return (\n    <LocaleContext.Provider value={currentLocale}>\n      <SectionProvider sections={sections}>\n        <Header\n          config={config}\n          navigation={currentNavigation.items}\n          tabs={currentNavigation.tabs}\n          routes={routes}\n          currentLocale={currentLocale}\n          currentRoute={currentRoute}\n          banner={hasBanner ? <PageBanner component={bannerComponent} currentLocale={currentLocale} onDismiss={() => setDismissedBannerKey(activeBannerKey)} /> : undefined}\n        />\n        <div className=\"clarify-layout mx-auto grid w-full max-w-(--clarify-theme-layout-max-width) grid-cols-1 lg:grid-cols-(--clarify-layout-sidebar-grid) xl:grid-cols-(--clarify-layout-sidebar-grid-wide)\">\n          <aside\n            data-pagefind-ignore\n            className=\"clarify-sidebar hidden lg:block lg:self-stretch lg:bg-(--clarify-theme-tokens-colors-background) lg:px-5 xl:px-6\"\n          >\n            <div\n              className={clsx(\n                'clarify-sidebar-scroll lg:sticky lg:z-30 lg:overflow-y-auto lg:pb-8',\n                hasTabs && hasBanner && 'lg:top-40 lg:h-(--clarify-sidebar-height-with-tabs-and-banner) lg:pt-10',\n                hasTabs && !hasBanner && 'lg:top-28 lg:h-(--clarify-sidebar-height-with-tabs) lg:pt-10',\n                !hasTabs && hasBanner && 'lg:top-[6.5rem] lg:h-(--clarify-sidebar-height-with-banner) lg:pt-10',\n                !hasTabs && !hasBanner && 'lg:top-14 lg:h-(--clarify-sidebar-height) lg:pt-10',\n              )}\n            >\n              <Navigation navigation={currentNavigation.items} />\n            </div>\n          </aside>\n          <div\n            className={clsx(\n              'clarify-content @container relative flex min-h-screen min-w-0 flex-col px-4 pb-12 sm:px-6 lg:px-8 xl:px-10',\n              hasTabs && hasBanner && 'pt-[6.5rem] lg:pt-40',\n              hasTabs && !hasBanner && 'pt-14 lg:pt-28',\n              !hasTabs && hasBanner && 'pt-[6.5rem]',\n              !hasTabs && !hasBanner && 'pt-14',\n            )}\n          >\n            <PageActionsProvider route={currentRoute} routePrefix={config.routePrefix}>\n              <main className=\"clarify-main min-w-0 flex-auto\" data-pagefind-body>\n                <PageErrorBoundary\n                  key={pathname}\n                  title={text('renderError.title')}\n                  description={text('renderError.description')}\n                  reloadLabel={text('renderError.reload')}\n                  detailsLabel={text('renderError.details')}\n                  pathLabel={text('renderError.path')}\n                  typeLabel={text('renderError.type')}\n                  messageLabel={text('renderError.message')}\n                  stackLabel={text('renderError.stack')}\n                  componentStackLabel={text('renderError.componentStack')}\n                  timestampLabel={text('renderError.timestamp')}\n                  copyLabel={text('actions.copy')}\n                  copiedLabel={text('actions.copied')}\n                  path={pathname}\n                >\n                  <Suspense fallback={<PageSkeleton />}>\n                    <Routes>\n                      {renderRoutes.map((route) => (\n                        <Route key={route.path} path={route.path} element={<route.component />} />\n                      ))}\n                      <Route path=\"*\" element={<NotFoundRouteElement component={NotFoundRouteComponent} />} />\n                    </Routes>\n                  </Suspense>\n                </PageErrorBoundary>\n              </main>\n              <PageNavigation navigation={currentNavigation.items} currentRoute={currentRoute} />\n              <PageFooter component={footerComponent} />\n            </PageActionsProvider>\n          </div>\n        </div>\n      </SectionProvider>\n    </LocaleContext.Provider>\n  )\n}\n","import type { ThemeConfig, ThemeRadiusTokensConfig } from '../types'\n\ntype RandomThemePalette = {\n  primary: string;\n  accent: string;\n  background: string;\n  foreground: string;\n  surface: string;\n  muted: string;\n  borderMix: number;\n  codeMix: number;\n}\n\nconst randomThemePalettes = [\n  { primary: '#047857', accent: '#0D9488', background: '#ffffff', foreground: '#111827', surface: '#ffffff', muted: '#64748b', borderMix: 0.12, codeMix: 0.04 },\n  { primary: '#2563eb', accent: '#7c3aed', background: '#f8fafc', foreground: '#0f172a', surface: '#ffffff', muted: '#64748b', borderMix: 0.12, codeMix: 0.05 },\n  { primary: '#9333ea', accent: '#db2777', background: '#fdf4ff', foreground: '#2e1065', surface: '#ffffff', muted: '#7e22ce', borderMix: 0.14, codeMix: 0.06 },\n  { primary: '#ea580c', accent: '#ca8a04', background: '#fff7ed', foreground: '#431407', surface: '#fffbeb', muted: '#9a3412', borderMix: 0.14, codeMix: 0.06 },\n  { primary: '#0f766e', accent: '#0891b2', background: '#f0fdfa', foreground: '#042f2e', surface: '#ffffff', muted: '#0f766e', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#be123c', accent: '#f97316', background: '#fff1f2', foreground: '#4c0519', surface: '#ffffff', muted: '#9f1239', borderMix: 0.13, codeMix: 0.06 },\n  { primary: '#4f46e5', accent: '#06b6d4', background: '#eef2ff', foreground: '#1e1b4b', surface: '#ffffff', muted: '#4338ca', borderMix: 0.12, codeMix: 0.05 },\n  { primary: '#0e7490', accent: '#22c55e', background: '#ecfeff', foreground: '#083344', surface: '#ffffff', muted: '#155e75', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#7c2d12', accent: '#dc2626', background: '#fef2f2', foreground: '#450a0a', surface: '#fff7ed', muted: '#991b1b', borderMix: 0.14, codeMix: 0.06 },\n  { primary: '#365314', accent: '#84cc16', background: '#f7fee7', foreground: '#1a2e05', surface: '#ffffff', muted: '#4d7c0f', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#0369a1', accent: '#14b8a6', background: '#f0f9ff', foreground: '#082f49', surface: '#ffffff', muted: '#075985', borderMix: 0.12, codeMix: 0.05 },\n  { primary: '#a21caf', accent: '#e879f9', background: '#fdf4ff', foreground: '#4a044e', surface: '#ffffff', muted: '#86198f', borderMix: 0.14, codeMix: 0.06 },\n  { primary: '#c2410c', accent: '#fb7185', background: '#fff7ed', foreground: '#431407', surface: '#ffffff', muted: '#9a3412', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#1d4ed8', accent: '#f59e0b', background: '#eff6ff', foreground: '#172554', surface: '#ffffff', muted: '#1e40af', borderMix: 0.12, codeMix: 0.05 },\n  { primary: '#6d28d9', accent: '#10b981', background: '#faf5ff', foreground: '#2e1065', surface: '#ffffff', muted: '#6b21a8', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#0f172a', accent: '#64748b', background: '#f8fafc', foreground: '#0f172a', surface: '#ffffff', muted: '#475569', borderMix: 0.12, codeMix: 0.04 },\n  { primary: '#18181b', accent: '#71717a', background: '#fafafa', foreground: '#18181b', surface: '#ffffff', muted: '#52525b', borderMix: 0.12, codeMix: 0.04 },\n  { primary: '#166534', accent: '#06b6d4', background: '#f0fdf4', foreground: '#052e16', surface: '#ffffff', muted: '#15803d', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#9d174d', accent: '#8b5cf6', background: '#fdf2f8', foreground: '#500724', surface: '#ffffff', muted: '#be185d', borderMix: 0.14, codeMix: 0.06 },\n  { primary: '#4338ca', accent: '#ec4899', background: '#f5f3ff', foreground: '#312e81', surface: '#ffffff', muted: '#4f46e5', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#92400e', accent: '#65a30d', background: '#fffbeb', foreground: '#451a03', surface: '#ffffff', muted: '#a16207', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#0f766e', accent: '#f43f5e', background: '#f8fafc', foreground: '#134e4a', surface: '#ffffff', muted: '#0f766e', borderMix: 0.12, codeMix: 0.05 },\n  { primary: '#1e3a8a', accent: '#0ea5e9', background: '#f8fafc', foreground: '#0f172a', surface: '#ffffff', muted: '#475569', borderMix: 0.12, codeMix: 0.04 },\n  { primary: '#581c87', accent: '#f97316', background: '#faf5ff', foreground: '#3b0764', surface: '#ffffff', muted: '#7e22ce', borderMix: 0.14, codeMix: 0.06 },\n  { primary: '#991b1b', accent: '#facc15', background: '#fef2f2', foreground: '#450a0a', surface: '#ffffff', muted: '#b91c1c', borderMix: 0.14, codeMix: 0.06 },\n  { primary: '#115e59', accent: '#a3e635', background: '#f0fdfa', foreground: '#042f2e', surface: '#ffffff', muted: '#0f766e', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#075985', accent: '#38bdf8', background: '#f0f9ff', foreground: '#082f49', surface: '#ffffff', muted: '#0369a1', borderMix: 0.12, codeMix: 0.05 },\n  { primary: '#7e22ce', accent: '#f472b6', background: '#faf5ff', foreground: '#3b0764', surface: '#ffffff', muted: '#9333ea', borderMix: 0.14, codeMix: 0.06 },\n  { primary: '#b45309', accent: '#ef4444', background: '#fffbeb', foreground: '#451a03', surface: '#ffffff', muted: '#92400e', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#065f46', accent: '#2dd4bf', background: '#ecfdf5', foreground: '#022c22', surface: '#ffffff', muted: '#047857', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#312e81', accent: '#22d3ee', background: '#eef2ff', foreground: '#1e1b4b', surface: '#ffffff', muted: '#4338ca', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#831843', accent: '#fb923c', background: '#fdf2f8', foreground: '#500724', surface: '#ffffff', muted: '#be185d', borderMix: 0.14, codeMix: 0.06 },\n  { primary: '#164e63', accent: '#818cf8', background: '#ecfeff', foreground: '#083344', surface: '#ffffff', muted: '#155e75', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#3f6212', accent: '#f97316', background: '#f7fee7', foreground: '#1a2e05', surface: '#ffffff', muted: '#4d7c0f', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#1e40af', accent: '#fb7185', background: '#eff6ff', foreground: '#172554', surface: '#ffffff', muted: '#2563eb', borderMix: 0.12, codeMix: 0.05 },\n  { primary: '#701a75', accent: '#14b8a6', background: '#fdf4ff', foreground: '#4a044e', surface: '#ffffff', muted: '#a21caf', borderMix: 0.14, codeMix: 0.06 },\n  { primary: '#713f12', accent: '#eab308', background: '#fefce8', foreground: '#422006', surface: '#ffffff', muted: '#a16207', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#1f2937', accent: '#0ea5e9', background: '#f9fafb', foreground: '#111827', surface: '#ffffff', muted: '#4b5563', borderMix: 0.12, codeMix: 0.04 },\n  { primary: '#27272a', accent: '#a855f7', background: '#fafafa', foreground: '#18181b', surface: '#ffffff', muted: '#52525b', borderMix: 0.12, codeMix: 0.04 },\n  { primary: '#374151', accent: '#10b981', background: '#f3f4f6', foreground: '#111827', surface: '#ffffff', muted: '#4b5563', borderMix: 0.12, codeMix: 0.04 },\n  { primary: '#064e3b', accent: '#f59e0b', background: '#f8fafc', foreground: '#022c22', surface: '#ffffff', muted: '#047857', borderMix: 0.12, codeMix: 0.05 },\n  { primary: '#7f1d1d', accent: '#60a5fa', background: '#fff7ed', foreground: '#450a0a', surface: '#ffffff', muted: '#991b1b', borderMix: 0.14, codeMix: 0.06 },\n  { primary: '#3730a3', accent: '#34d399', background: '#f8fafc', foreground: '#1e1b4b', surface: '#ffffff', muted: '#4f46e5', borderMix: 0.12, codeMix: 0.05 },\n  { primary: '#9f1239', accent: '#22c55e', background: '#fff1f2', foreground: '#4c0519', surface: '#ffffff', muted: '#be123c', borderMix: 0.14, codeMix: 0.06 },\n  { primary: '#134e4a', accent: '#8b5cf6', background: '#f0fdfa', foreground: '#042f2e', surface: '#ffffff', muted: '#0f766e', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#1d4ed8', accent: '#dc2626', background: '#f8fafc', foreground: '#0f172a', surface: '#ffffff', muted: '#475569', borderMix: 0.12, codeMix: 0.05 },\n  { primary: '#6b21a8', accent: '#fbbf24', background: '#faf5ff', foreground: '#2e1065', surface: '#ffffff', muted: '#7e22ce', borderMix: 0.14, codeMix: 0.06 },\n  { primary: '#155e75', accent: '#84cc16', background: '#f0f9ff', foreground: '#083344', surface: '#ffffff', muted: '#0369a1', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#854d0e', accent: '#06b6d4', background: '#fefce8', foreground: '#422006', surface: '#ffffff', muted: '#a16207', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#14532d', accent: '#f43f5e', background: '#f0fdf4', foreground: '#052e16', surface: '#ffffff', muted: '#166534', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#4c1d95', accent: '#2dd4bf', background: '#f5f3ff', foreground: '#2e1065', surface: '#ffffff', muted: '#6d28d9', borderMix: 0.14, codeMix: 0.06 },\n  { primary: '#9a3412', accent: '#c084fc', background: '#fff7ed', foreground: '#431407', surface: '#ffffff', muted: '#c2410c', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#0c4a6e', accent: '#f472b6', background: '#f0f9ff', foreground: '#082f49', surface: '#ffffff', muted: '#075985', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#166534', accent: '#facc15', background: '#f7fee7', foreground: '#052e16', surface: '#ffffff', muted: '#15803d', borderMix: 0.13, codeMix: 0.05 },\n  { primary: '#be185d', accent: '#38bdf8', background: '#fdf2f8', foreground: '#500724', surface: '#ffffff', muted: '#9d174d', borderMix: 0.14, codeMix: 0.06 },\n  { primary: '#5b21b6', accent: '#ef4444', background: '#f5f3ff', foreground: '#2e1065', surface: '#ffffff', muted: '#6d28d9', borderMix: 0.14, codeMix: 0.06 },\n] as const satisfies readonly RandomThemePalette[]\n\nconst randomRadiusSets = [\n  { sm: '2px', md: '6px', lg: '10px', xl: '14px' },\n  { sm: '4px', md: '8px', lg: '12px', xl: '16px' },\n  { sm: '6px', md: '10px', lg: '14px', xl: '18px' },\n  { sm: '8px', md: '12px', lg: '18px', xl: '24px' },\n  { sm: '10px', md: '14px', lg: '20px', xl: '28px' },\n  { sm: '12px', md: '16px', lg: '24px', xl: '32px' },\n] as const satisfies ReadonlyArray<ThemeRadiusTokensConfig>\n\nconst randomLayoutWidths = ['72rem', '76rem', '78rem', '80rem', '82rem', '86rem', '90rem', '96rem', '104rem', '112rem', '120rem', '128rem', '144rem'] as const\n\nfunction randomItem<T>(items: readonly T[]): T {\n  return items[Math.floor(Math.random() * items.length)]\n}\n\nfunction randomRgbMix(color: string, alpha: number): string {\n  return `color-mix(in srgb, ${color} ${Math.round(alpha * 100)}%, transparent)`\n}\n\nfunction modeColor(light: string, dark: string): { light: string; dark: string } {\n  return { light, dark }\n}\n\nexport function createRandomTheme(): ThemeConfig {\n  const palette = randomItem(randomThemePalettes)\n  const radius = randomItem(randomRadiusSets)\n  const maxWidth = randomItem(randomLayoutWidths)\n\n  return {\n    preset: 'default',\n    tokens: {\n      colors: {\n        primary: modeColor(palette.primary, palette.accent),\n        accent: modeColor(palette.accent, palette.primary),\n        background: modeColor(palette.background, '#09090b'),\n        foreground: modeColor(palette.foreground, '#f8fafc'),\n        surface: modeColor(palette.surface, '#18181b'),\n        muted: modeColor(palette.muted, '#a1a1aa'),\n        border: modeColor(randomRgbMix(palette.foreground, palette.borderMix), 'rgb(255 255 255 / 0.1)'),\n        codeBackground: modeColor(randomRgbMix(palette.primary, palette.codeMix), '#18181b'),\n      },\n      radius: { ...radius },\n    },\n    layout: { maxWidth },\n    editor: false,\n  }\n}\n","import type { CSSProperties } from 'react'\n\nimport type { ThemeColorTokensConfig, ThemeColorValue, ThemeConfig, ThemePreset } from '../types'\n\nimport { themeCookieName } from './cookies'\n\nexport type ThemeCssVariables = CSSProperties & Record<`--clarify-theme-${string}`, string>\n\nexport type ThemeVariableTarget = HTMLElement | string\n\nexport const themeStorageKey = themeCookieName\nexport { themeCookieName }\n\nexport const themePresets = {\n  default: {\n    preset: 'default',\n    tokens: {\n      colors: {\n        primary: '#047857',\n        accent: '#0D9488',\n        background: { light: '#ffffff', dark: '#09090b' },\n        foreground: { light: '#111827', dark: '#ffffff' },\n        surface: { light: '#ffffff', dark: '#18181b' },\n        muted: { light: '#64748b', dark: '#a1a1aa' },\n        border: { light: 'rgb(15 23 42 / 0.12)', dark: 'rgb(255 255 255 / 0.1)' },\n        codeBackground: { light: '#f6fbf8', dark: '#18181b' },\n      },\n      radius: {\n        sm: '6px',\n        md: '10px',\n        lg: '14px',\n        xl: '18px',\n      },\n    },\n    layout: {\n      maxWidth: '82rem',\n    },\n    editor: false,\n  },\n  base: {\n    preset: 'base',\n    tokens: {\n      colors: {\n        primary: '#18181b',\n        accent: '#52525b',\n        background: { light: '#ffffff', dark: '#09090b' },\n        foreground: { light: '#18181b', dark: '#ffffff' },\n        surface: { light: '#ffffff', dark: '#18181b' },\n        muted: { light: '#71717a', dark: '#a1a1aa' },\n        border: { light: 'rgb(24 24 27 / 0.12)', dark: 'rgb(255 255 255 / 0.1)' },\n        codeBackground: { light: '#f4f4f5', dark: '#18181b' },\n      },\n      radius: {\n        sm: '6px',\n        md: '8px',\n        lg: '12px',\n        xl: '16px',\n      },\n    },\n    layout: {\n      maxWidth: '80rem',\n    },\n    editor: false,\n  },\n} satisfies Record<ThemePreset, ThemeConfig>\n\nfunction cloneThemeColorValue(value: ThemeColorValue): ThemeColorValue {\n  return typeof value === 'string' ? value : { ...value }\n}\n\nexport function cloneTheme(theme: ThemeConfig): ThemeConfig {\n  return {\n    preset: theme.preset,\n    tokens: {\n      colors: {\n        primary: cloneThemeColorValue(theme.tokens.colors.primary),\n        accent: cloneThemeColorValue(theme.tokens.colors.accent),\n        background: cloneThemeColorValue(theme.tokens.colors.background),\n        foreground: cloneThemeColorValue(theme.tokens.colors.foreground),\n        surface: cloneThemeColorValue(theme.tokens.colors.surface),\n        muted: cloneThemeColorValue(theme.tokens.colors.muted),\n        border: cloneThemeColorValue(theme.tokens.colors.border),\n        codeBackground: cloneThemeColorValue(theme.tokens.colors.codeBackground),\n      },\n      radius: { ...theme.tokens.radius },\n    },\n    layout: { ...theme.layout },\n    editor: theme.editor,\n  }\n}\n\nfunction isModeColorValue(value: ThemeColorValue): value is Exclude<ThemeColorValue, string> {\n  return typeof value === 'object' && value !== null\n}\n\nexport function resolveThemeColorValue(value: ThemeColorValue, resolvedTheme: 'light' | 'dark' = 'light'): string {\n  if (!isModeColorValue(value)) return value\n\n  return value[resolvedTheme] ?? value.light ?? value.dark ?? ''\n}\n\nexport function resolveThemeColors(colors: ThemeColorTokensConfig, resolvedTheme: 'light' | 'dark' = 'light'): Record<keyof ThemeColorTokensConfig, string> {\n  return {\n    primary: resolveThemeColorValue(colors.primary, resolvedTheme),\n    accent: resolveThemeColorValue(colors.accent, resolvedTheme),\n    background: resolveThemeColorValue(colors.background, resolvedTheme),\n    foreground: resolveThemeColorValue(colors.foreground, resolvedTheme),\n    surface: resolveThemeColorValue(colors.surface, resolvedTheme),\n    muted: resolveThemeColorValue(colors.muted, resolvedTheme),\n    border: resolveThemeColorValue(colors.border, resolvedTheme),\n    codeBackground: resolveThemeColorValue(colors.codeBackground, resolvedTheme),\n  }\n}\n\nexport function themeToCssVariables(theme: ThemeConfig, resolvedTheme?: 'light' | 'dark'): ThemeCssVariables {\n  const colors = resolveThemeColors(theme.tokens.colors, resolvedTheme)\n  const { radius } = theme.tokens\n\n  return {\n    '--clarify-theme-tokens-colors-primary': colors.primary,\n    '--clarify-theme-tokens-colors-accent': colors.accent,\n    '--clarify-theme-tokens-colors-background': colors.background,\n    '--clarify-theme-tokens-colors-foreground': colors.foreground,\n    '--clarify-theme-tokens-colors-surface': colors.surface,\n    '--clarify-theme-tokens-colors-muted': colors.muted,\n    '--clarify-theme-tokens-colors-border': colors.border,\n    '--clarify-theme-tokens-colors-code-background': colors.codeBackground,\n    '--clarify-theme-tokens-radius-sm': radius.sm,\n    '--clarify-theme-tokens-radius-md': radius.md,\n    '--clarify-theme-tokens-radius-lg': radius.lg,\n    '--clarify-theme-tokens-radius-xl': radius.xl,\n    '--clarify-theme-layout-max-width': theme.layout.maxWidth,\n  }\n}\n\nexport function themeBootstrapScript(theme: ThemeConfig = themePresets.default): string {\n  const darkVariables = themeToCssVariables(theme, 'dark')\n  const lightVariables = themeToCssVariables(theme, 'light')\n\n  return `(function(){try{var c=${JSON.stringify(themeCookieName)};var m=document.cookie?document.cookie.split('; '):[];var e=null;for(var i=0;i<m.length;i++){var p=m[i].indexOf('=');var n=p===-1?m[i]:m[i].slice(0,p);if(decodeURIComponent(n)===c){e=p===-1?'':decodeURIComponent(m[i].slice(p+1));break}}var t=e==='dark'||e==='light'||e==='system'?e:'system';var r=t==='system'?window.matchMedia('(prefers-color-scheme: dark)').matches:t==='dark';var v=r?${JSON.stringify(darkVariables)}:${JSON.stringify(lightVariables)};var s=document.documentElement.style;for(var k in v)s.setProperty(k,v[k]);document.documentElement.classList.toggle('dark',r);document.documentElement.style.colorScheme=r?'dark':'light'}catch(e){}})();`\n}\n\nfunction uniqueElements(elements: HTMLElement[]): HTMLElement[] {\n  return Array.from(new Set(elements))\n}\n\nexport function resolveThemeVariableTargets(target?: ThemeVariableTarget): HTMLElement[] {\n  if (typeof document === 'undefined') return []\n\n  if (target instanceof HTMLElement) return [target]\n\n  if (typeof target === 'string') {\n    return Array.from(document.querySelectorAll<HTMLElement>(target))\n  }\n\n  return uniqueElements([\n    document.documentElement,\n    ...Array.from(document.querySelectorAll<HTMLElement>('.clarify-app')),\n  ])\n}\n\nexport function applyThemeCssVariables(variables: ThemeCssVariables, targets: HTMLElement[]): () => void {\n  const previousValues = new Map<HTMLElement, Map<string, string>>()\n\n  for (const element of targets) {\n    const elementPreviousValues = new Map<string, string>()\n\n    for (const [property, value] of Object.entries(variables)) {\n      elementPreviousValues.set(property, element.style.getPropertyValue(property))\n      element.style.setProperty(property, value)\n    }\n\n    previousValues.set(element, elementPreviousValues)\n  }\n\n  return () => {\n    for (const [element, elementPreviousValues] of previousValues) {\n      for (const [property, previousValue] of elementPreviousValues) {\n        if (previousValue) {\n          element.style.setProperty(property, previousValue)\n        } else {\n          element.style.removeProperty(property)\n        }\n      }\n    }\n  }\n}\n","import clsx from 'clsx'\nimport { ChevronDown, Settings, WandSparkles, X } from 'lucide-react'\nimport { useEffect, useMemo, useState } from 'react'\nimport type { ChangeEvent } from 'react'\n\nimport type {\n  ThemeColorTokensConfig,\n  ThemeColorValue,\n  ThemeConfig,\n  ThemeLayoutConfig,\n  ThemePreset,\n  ThemeRadiusTokensConfig,\n} from '../types'\n\nimport { createRandomTheme } from './randomTheme'\nimport { useTheme } from './ThemeProvider'\nimport { applyThemeCssVariables, themePresets, cloneTheme, resolveThemeColorValue, resolveThemeVariableTargets, themeToCssVariables } from './variables'\nimport type { ThemeVariableTarget } from './variables'\n\nconst colorTokenFields = [\n  { key: 'primary', label: 'Primary' },\n  { key: 'accent', label: 'Accent' },\n  { key: 'background', label: 'Background' },\n  { key: 'foreground', label: 'Foreground' },\n  { key: 'surface', label: 'Surface' },\n  { key: 'muted', label: 'Muted' },\n  { key: 'border', label: 'Border' },\n  { key: 'codeBackground', label: 'Code background' },\n] as const satisfies ReadonlyArray<{ key: keyof ThemeColorTokensConfig; label: string }>\n\nconst radiusTokenFields = [\n  { key: 'sm', label: 'Small' },\n  { key: 'md', label: 'Medium' },\n  { key: 'lg', label: 'Large' },\n  { key: 'xl', label: 'Extra large' },\n] as const satisfies ReadonlyArray<{ key: keyof ThemeRadiusTokensConfig; label: string }>\n\nconst layoutFields = [\n  { key: 'maxWidth', label: 'Max width' },\n] as const satisfies ReadonlyArray<{ key: keyof ThemeLayoutConfig; label: string }>\n\nexport type ThemeEditorProps = {\n  /** The resolved theme to use as the editor's initial value. */\n  initialTheme?: ThemeConfig;\n  /** Called every time a token changes. */\n  onChange?: (theme: ThemeConfig) => void;\n  /** CSS variable target. Defaults to documentElement and every .clarify-app root. */\n  target?: ThemeVariableTarget;\n  /** Whether the panel is open by default. */\n  defaultOpen?: boolean;\n  className?: string;\n}\n\nexport const themeEditorPresets = themePresets\n\nexport function applyThemeVariables(theme: ThemeConfig, target?: ThemeVariableTarget): () => void {\n  return applyThemeCssVariables(themeToCssVariables(theme), resolveThemeVariableTargets(target))\n}\n\nfunction isHexColor(value: string): boolean {\n  return /^#[0-9a-f]{6}$/i.test(value)\n}\n\nfunction updateThemeModeColorValue(value: ThemeColorTokensConfig[keyof ThemeColorTokensConfig], mode: 'light' | 'dark', nextValue: string): ThemeColorTokensConfig[keyof ThemeColorTokensConfig] {\n  if (typeof value === 'string') {\n    return mode === 'light' ? { light: nextValue, dark: value } : { light: value, dark: nextValue }\n  }\n\n  return {\n    ...value,\n    [mode]: nextValue,\n  }\n}\n\ntype TextFieldProps = {\n  id: string;\n  label: string;\n  value: string;\n  onChange: (value: string) => void;\n  withColorInput?: boolean;\n}\n\nfunction TextField(props: TextFieldProps) {\n  const { id, label, value, onChange, withColorInput = false } = props\n  const canUseColorInput = withColorInput && isHexColor(value)\n\n  function handleTextChange(event: ChangeEvent<HTMLInputElement>) {\n    onChange(event.target.value)\n  }\n\n  return (\n    <label htmlFor={id} className=\"grid min-w-0 gap-1.5 text-xs/5 font-medium text-(--clarify-ui-text)\">\n      <span className=\"flex min-w-0 items-center justify-between gap-3\">\n        <span className=\"truncate\">{label}</span>\n        {canUseColorInput ? (\n          <input\n            type=\"color\"\n            value={value}\n            aria-label={`${label} color`}\n            className=\"h-5 w-8 shrink-0 cursor-pointer rounded border border-(--clarify-theme-tokens-colors-border) bg-transparent p-0\"\n            onChange={handleTextChange}\n          />\n        ) : null}\n      </span>\n      <input\n        id={id}\n        value={value}\n        spellCheck={false}\n        className=\"h-9 w-full min-w-0 rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) px-2.5 font-mono text-xs text-(--clarify-theme-tokens-colors-foreground) shadow-xs outline-none transition focus:border-(--clarify-theme-tokens-colors-primary) focus:ring-2 focus:ring-(--clarify-ui-accent-border)\"\n        onChange={handleTextChange}\n      />\n    </label>\n  )\n}\n\ntype ColorFieldProps = {\n  id: string;\n  label: string;\n  value: ThemeColorValue;\n  onChange: (mode: 'light' | 'dark', value: string) => void;\n}\n\nfunction ColorField(props: ColorFieldProps) {\n  const { id, label, value, onChange } = props\n  const lightValue = resolveThemeColorValue(value, 'light')\n  const darkValue = resolveThemeColorValue(value, 'dark')\n\n  return (\n    <div className=\"grid min-w-0 gap-1.5\">\n      <span className=\"text-xs/5 font-medium text-(--clarify-ui-text)\">{label}</span>\n      <div className=\"grid grid-cols-2 gap-2\">\n        <ColorModeInput id={`${id}-light`} mode=\"light\" value={lightValue} onChange={(v) => onChange('light', v)} />\n        <ColorModeInput id={`${id}-dark`} mode=\"dark\" value={darkValue} onChange={(v) => onChange('dark', v)} />\n      </div>\n    </div>\n  )\n}\n\ntype ColorModeInputProps = {\n  id: string;\n  mode: 'light' | 'dark';\n  value: string;\n  onChange: (value: string) => void;\n}\n\nfunction ColorModeInput(props: ColorModeInputProps) {\n  const { id, mode, value, onChange } = props\n  const canUseColorInput = isHexColor(value)\n\n  function handleTextChange(event: ChangeEvent<HTMLInputElement>) {\n    onChange(event.target.value)\n  }\n\n  return (\n    <label htmlFor={id} className=\"grid min-w-0 gap-1 text-[11px]/4 font-medium text-(--clarify-ui-text-faint)\">\n      <span className=\"flex min-w-0 items-center justify-between gap-2\">\n        <span className=\"uppercase tracking-wide\">{mode}</span>\n        {canUseColorInput ? (\n          <input\n            type=\"color\"\n            value={value}\n            aria-label={`${id} color`}\n            className=\"h-4 w-6 shrink-0 cursor-pointer rounded border border-(--clarify-theme-tokens-colors-border) bg-transparent p-0\"\n            onChange={handleTextChange}\n          />\n        ) : null}\n      </span>\n      <input\n        id={id}\n        value={value}\n        spellCheck={false}\n        className=\"h-8 w-full min-w-0 rounded-(--clarify-theme-tokens-radius-sm) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) px-2 font-mono text-xs text-(--clarify-theme-tokens-colors-foreground) shadow-xs outline-none transition focus:border-(--clarify-theme-tokens-colors-primary) focus:ring-2 focus:ring-(--clarify-ui-accent-border)\"\n        onChange={handleTextChange}\n      />\n    </label>\n  )\n}\n\nfunction themeToConfigSource(theme: ThemeConfig): string {\n  return JSON.stringify(\n    {\n      theme: {\n        preset: theme.preset,\n        tokens: theme.tokens,\n        layout: theme.layout,\n      },\n    },\n    null,\n    2,\n  )\n}\n\nexport function ThemeEditor(props: ThemeEditorProps) {\n  const { initialTheme, onChange, target, defaultOpen = false, className } = props\n  const { resolvedTheme } = useTheme()\n  const [isOpen, setIsOpen] = useState(defaultOpen)\n  const [theme, setTheme] = useState<ThemeConfig>(() => cloneTheme(initialTheme ?? themeEditorPresets.default))\n  const [copyState, setCopyState] = useState<'idle' | 'copied' | 'failed'>('idle')\n  const configSource = useMemo(() => themeToConfigSource(theme), [theme])\n\n  useEffect(() => applyThemeCssVariables(themeToCssVariables(theme, resolvedTheme), resolveThemeVariableTargets(target)), [resolvedTheme, target, theme])\n\n  function commit(nextTheme: ThemeConfig) {\n    setTheme(nextTheme)\n    onChange?.(nextTheme)\n  }\n\n  function updatePreset(nextPreset: ThemePreset) {\n    commit(cloneTheme(themeEditorPresets[nextPreset]))\n  }\n\n  function updateColorToken(key: keyof ThemeColorTokensConfig, mode: 'light' | 'dark', value: string) {\n    commit({\n      ...theme,\n      tokens: {\n        ...theme.tokens,\n        colors: {\n          ...theme.tokens.colors,\n          [key]: updateThemeModeColorValue(theme.tokens.colors[key], mode, value),\n        },\n      },\n    })\n  }\n\n  function updateRadiusToken(key: keyof ThemeRadiusTokensConfig, value: string) {\n    commit({\n      ...theme,\n      tokens: {\n        ...theme.tokens,\n        radius: {\n          ...theme.tokens.radius,\n          [key]: value,\n        },\n      },\n    })\n  }\n\n  function updateLayoutToken(key: keyof ThemeLayoutConfig, value: string) {\n    commit({\n      ...theme,\n      layout: {\n        ...theme.layout,\n        [key]: value,\n      },\n    })\n  }\n\n  async function copyConfig() {\n    try {\n      await navigator.clipboard.writeText(configSource)\n      setCopyState('copied')\n      window.setTimeout(() => setCopyState('idle'), 1400)\n    } catch {\n      setCopyState('failed')\n      window.setTimeout(() => setCopyState('idle'), 1400)\n    }\n  }\n\n  return (\n    <div className={clsx('clarify-theme-editor fixed right-4 bottom-4 z-50 text-(--clarify-theme-tokens-colors-foreground)', className)}>\n      {isOpen ? (\n        <section\n          className=\"mb-3 flex max-h-(--clarify-theme-editor-panel-max-height) w-(--clarify-theme-editor-width) flex-col overflow-hidden rounded-md border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface)/95 shadow-2xl shadow-zinc-900/15 backdrop-blur\"\n          aria-label=\"Clarify theme editor\"\n        >\n          <header className=\"shrink-0 flex items-start justify-between gap-4 border-b border-(--clarify-theme-tokens-colors-border) px-4 py-3\">\n            <div>\n              <h2 className=\"text-sm/6 font-semibold text-(--clarify-theme-tokens-colors-foreground)\">Theme editor</h2>\n              <p className=\"mt-0.5 text-xs/5 text-(--clarify-ui-text-soft)\">Live CSS variable preview for Clarify theme tokens.</p>\n            </div>\n            <button\n              type=\"button\"\n              className=\"-mr-1 flex size-8 items-center justify-center rounded-(--clarify-theme-tokens-radius-md) text-(--clarify-ui-text-soft) transition hover:bg-(--clarify-ui-hover-background) hover:text-(--clarify-ui-text-strong)\"\n              aria-label=\"Close theme editor\"\n              onClick={() => setIsOpen(false)}\n            >\n              <X className=\"size-4 stroke-current stroke-2\" />\n            </button>\n          </header>\n\n          <div className=\"min-h-0 flex-1 overflow-y-auto px-4 py-4\">\n            <div className=\"grid gap-5\">\n              <label htmlFor=\"clarify-theme-editor-preset\" className=\"grid gap-1.5 text-xs/5 font-medium text-(--clarify-ui-text)\">\n                Preset\n                <span className=\"relative block\">\n                  <select\n                    id=\"clarify-theme-editor-preset\"\n                    value={theme.preset}\n                    className=\"h-9 w-full appearance-none rounded-(--clarify-theme-tokens-radius-md) border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-background) px-2.5 pr-9 text-sm text-(--clarify-theme-tokens-colors-foreground) shadow-xs outline-none transition focus:border-(--clarify-theme-tokens-colors-primary) focus:ring-2 focus:ring-(--clarify-ui-accent-border)\"\n                    onChange={(event) => updatePreset(event.target.value as ThemePreset)}\n                  >\n                    <option value=\"default\">default</option>\n                    <option value=\"base\">base</option>\n                  </select>\n                  <ChevronDown className=\"pointer-events-none absolute top-1/2 right-3 size-4 -translate-y-1/2 stroke-current stroke-2 text-(--clarify-ui-text-faint)\" />\n                </span>\n              </label>\n\n              <fieldset className=\"grid gap-3\">\n                <legend className=\"mb-2 text-xs/5 font-semibold uppercase tracking-wide text-(--clarify-ui-text-faint)\">Colors</legend>\n                <div className=\"grid grid-cols-1 gap-3\">\n                  {colorTokenFields.map((field) => (\n                    <ColorField\n                      key={field.key}\n                      id={`clarify-theme-editor-color-${field.key}`}\n                      label={field.label}\n                      value={theme.tokens.colors[field.key]}\n                      onChange={(mode, value) => updateColorToken(field.key, mode, value)}\n                    />\n                  ))}\n                </div>\n              </fieldset>\n\n              <fieldset className=\"grid gap-3\">\n                <legend className=\"mb-2 text-xs/5 font-semibold uppercase tracking-wide text-(--clarify-ui-text-faint)\">Radius</legend>\n                <div className=\"grid grid-cols-2 gap-3\">\n                  {radiusTokenFields.map((field) => (\n                    <TextField\n                      key={field.key}\n                      id={`clarify-theme-editor-radius-${field.key}`}\n                      label={field.label}\n                      value={theme.tokens.radius[field.key]}\n                      onChange={(value) => updateRadiusToken(field.key, value)}\n                    />\n                  ))}\n                </div>\n              </fieldset>\n\n              <fieldset className=\"grid gap-3\">\n                <legend className=\"mb-2 text-xs/5 font-semibold uppercase tracking-wide text-(--clarify-ui-text-faint)\">Layout</legend>\n                {layoutFields.map((field) => (\n                  <TextField\n                    key={field.key}\n                    id={`clarify-theme-editor-layout-${field.key}`}\n                    label={field.label}\n                    value={theme.layout[field.key]}\n                    onChange={(value) => updateLayoutToken(field.key, value)}\n                  />\n                ))}\n              </fieldset>\n            </div>\n          </div>\n\n          <footer className=\"shrink-0 flex items-center justify-between gap-3 border-t border-(--clarify-theme-tokens-colors-border) bg-(--clarify-ui-subtle-background) px-4 py-3\">\n            <div className=\"flex items-center gap-1.5\">\n              <button\n                type=\"button\"\n                className=\"rounded-(--clarify-theme-tokens-radius-md) px-2.5 py-1.5 text-xs/5 font-semibold text-(--clarify-ui-text) transition hover:bg-(--clarify-ui-hover-background) hover:text-(--clarify-ui-text-strong)\"\n                onClick={() => updatePreset(theme.preset)}\n              >\n                Reset preset\n              </button>\n              <button\n                type=\"button\"\n                className=\"inline-flex items-center gap-1.5 rounded-(--clarify-theme-tokens-radius-md) px-2.5 py-1.5 text-xs/5 font-semibold text-(--clarify-ui-text) transition hover:bg-(--clarify-ui-hover-background) hover:text-(--clarify-ui-text-strong)\"\n                onClick={() => commit(createRandomTheme())}\n              >\n                <WandSparkles className=\"size-3.5 stroke-current stroke-2\" />\n                Random\n              </button>\n            </div>\n            <button\n              type=\"button\"\n              className=\"rounded-(--clarify-theme-tokens-radius-md) bg-(--clarify-theme-tokens-colors-primary) px-3 py-1.5 text-xs/5 font-semibold text-white shadow-xs transition hover:opacity-90\"\n              onClick={copyConfig}\n            >\n              {copyState === 'copied' ? 'Copied' : copyState === 'failed' ? 'Copy failed' : 'Copy config'}\n            </button>\n          </footer>\n        </section>\n      ) : null}\n\n      <button\n        type=\"button\"\n        className=\"ml-auto flex size-12 items-center justify-center rounded-full border border-(--clarify-theme-tokens-colors-border) bg-(--clarify-theme-tokens-colors-surface)/95 text-(--clarify-theme-tokens-colors-primary) shadow-xl shadow-zinc-900/15 backdrop-blur transition hover:scale-105 hover:bg-(--clarify-ui-accent-background) focus:outline-none focus:ring-2 focus:ring-(--clarify-ui-accent-border)\"\n        aria-label={isOpen ? 'Close Clarify theme editor' : 'Open Clarify theme editor'}\n        aria-expanded={isOpen}\n        onClick={() => setIsOpen((value) => !value)}\n      >\n        <Settings className=\"size-5 stroke-current stroke-2\" />\n      </button>\n    </div>\n  )\n}\n","import { useEffect, useMemo } from 'react'\nimport type { ReactNode } from 'react'\n\nimport type { ThemeConfig } from '../types'\n\nimport { ThemeEditor } from './ThemeEditor'\nimport { useTheme } from './ThemeProvider'\nimport { applyThemeCssVariables, resolveThemeVariableTargets, themeToCssVariables } from './variables'\n\ntype ThemeRootProps = {\n  children: ReactNode\n  theme: ThemeConfig\n  themeEditor?: boolean\n}\n\nexport function ThemeRoot(props: ThemeRootProps) {\n  const { children, theme, themeEditor = false } = props\n  const { resolvedTheme } = useTheme()\n  const themeVariables = useMemo(() => themeToCssVariables(theme, resolvedTheme), [resolvedTheme, theme])\n\n  useEffect(() => applyThemeCssVariables(themeVariables, resolveThemeVariableTargets(':root')), [themeVariables])\n\n  return (\n    <div\n      className=\"clarify-app h-full min-h-screen bg-(--clarify-theme-tokens-colors-background) text-(--clarify-theme-tokens-colors-foreground)\"\n      data-theme-preset={theme.preset}\n    >\n      {children}\n      {themeEditor ? <ThemeEditor initialTheme={theme} /> : null}\n    </div>\n  )\n}\n"],"mappings":"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"}