boltdocs 2.7.10 → 2.7.11

package/src/client/app/theme-context.tsx

@@ -1,103 +0,0 @@
-import { createContext, use, useState, useEffect } from 'react'
-
-export type Theme = 'light' | 'dark' | 'system'
-export type ResolvedTheme = 'light' | 'dark'
-
-interface ThemeContextType {
-  theme: Theme
-  resolvedTheme: ResolvedTheme
-  setTheme: (theme: Theme) => void
-}
-
-const THEME_CONTEXT_SYMBOL = Symbol.for('__BDOCS_THEME_CONTEXT__')
-const THEME_INSTANCE_SYMBOL = Symbol.for('__BDOCS_THEME_INSTANCE__')
-const THEME_EVENT = 'boltdocs-theme-change'
-
-const ThemeContext =
-  (globalThis as any)[THEME_CONTEXT_SYMBOL] ||
-  ((globalThis as any)[THEME_CONTEXT_SYMBOL] = createContext<
-    ThemeContextType | undefined
-  >(undefined))
-
-export function ThemeProvider({ children }: { children: React.ReactNode }) {
-  const [theme, setThemeState] = useState<Theme>('system')
-  const [resolvedTheme, setResolvedTheme] = useState<ResolvedTheme>('dark')
-
-  const applyTheme = (targetTheme: Theme) => {
-    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
-    const isDark =
-      targetTheme === 'dark' || (targetTheme === 'system' && mediaQuery.matches)
-
-    const root = window.document.documentElement
-    root.classList.toggle('dark', isDark)
-    root.dataset.theme = isDark ? 'dark' : 'light'
-    setResolvedTheme(isDark ? 'dark' : 'light')
-  }
-
-  useEffect(() => {
-    const savedTheme = localStorage.getItem('boltdocs-theme') as Theme | null
-    if (savedTheme) {
-      setThemeState(savedTheme)
-      applyTheme(savedTheme)
-    } else {
-      applyTheme('system')
-    }
-
-    const mediaQuery = window.matchMedia('(prefers-color-scheme: dark)')
-    const listener = () => {
-      const current =
-        (localStorage.getItem('boltdocs-theme') as Theme) || 'system'
-      if (current === 'system') applyTheme('system')
-    }
-
-    mediaQuery.addEventListener('change', listener)
-    return () => mediaQuery.removeEventListener('change', listener)
-  }, [])
-
-  const setTheme = (newTheme: Theme) => {
-    setThemeState(newTheme)
-    localStorage.setItem('boltdocs-theme', newTheme)
-    applyTheme(newTheme)
-
-    // Notify external listeners (dual-package hazard)
-    if (typeof window !== 'undefined') {
-      window.dispatchEvent(new CustomEvent(THEME_EVENT, { detail: newTheme }))
-    }
-  }
-
-  const value = { theme, resolvedTheme, setTheme }
-
-  // Sync with global registry
-  if (typeof globalThis !== 'undefined') {
-    ;(globalThis as any)[THEME_INSTANCE_SYMBOL] = value
-  }
-
-  return <ThemeContext.Provider value={value}>{children}</ThemeContext.Provider>
-}
-
-export function useTheme() {
-  const context = use(ThemeContext)
-  const [, forceUpdate] = useState({})
-
-  useEffect(() => {
-    if (context) return
-
-    const handler = () => forceUpdate({})
-    window.addEventListener(THEME_EVENT, handler)
-    return () => window.removeEventListener(THEME_EVENT, handler)
-  }, [context])
-
-  // Fallback to global registry for dual-package hazards
-  if (
-    !context &&
-    typeof globalThis !== 'undefined' &&
-    (globalThis as any)[THEME_INSTANCE_SYMBOL]
-  ) {
-    return (globalThis as any)[THEME_INSTANCE_SYMBOL] as ThemeContextType
-  }
-
-  if (context === undefined) {
-    throw new Error('useTheme must be used within a ThemeProvider')
-  }
-  return context as ThemeContextType
-}

package/src/client/app/ui-context.tsx

@@ -1,42 +0,0 @@
-import { createContext, useContext, useState, useEffect } from 'react'
-import { useLocation } from 'react-router-dom'
-
-interface UIContextType {
-  isSidebarOpen: boolean
-  toggleSidebar: () => void
-  closeSidebar: () => void
-}
-
-const UIContext = createContext<UIContextType | undefined>(undefined)
-
-export function UIProvider({ children }: { children: React.ReactNode }) {
-  const [isSidebarOpen, setIsSidebarOpen] = useState(false)
-  const location = useLocation()
-
-  const toggleSidebar = () => setIsSidebarOpen((prev) => !prev)
-  const closeSidebar = () => setIsSidebarOpen(false)
-
-  // Close sidebar on navigation
-  useEffect(() => {
-    setIsSidebarOpen(false)
-  }, [location.pathname])
-
-  return (
-    <UIContext.Provider value={{ isSidebarOpen, toggleSidebar, closeSidebar }}>
-      {children}
-    </UIContext.Provider>
-  )
-}
-
-export function useUI() {
-  const context = useContext(UIContext)
-  if (context === undefined) {
-    // Safe fallback for split bundles, independent component renders, or during SSR
-    return {
-      isSidebarOpen: false,
-      toggleSidebar: () => {},
-      closeSidebar: () => {},
-    }
-  }
-  return context
-}

package/src/client/components/docs-layout-default.tsx

@@ -1,85 +0,0 @@
-import { DocsLayout as DocsLayoutPrimitive } from './primitives/docs-layout'
-import { Navbar } from './ui-base/navbar'
-import { Sidebar } from './ui-base/sidebar'
-import { OnThisPage } from './ui-base/on-this-page'
-import { Breadcrumbs } from './ui-base/breadcrumbs'
-import { PageNav } from './ui-base/page-nav'
-import { ErrorBoundary } from './ui-base/error-boundary'
-import { CopyMarkdown } from './ui-base/copy-markdown'
-import { useRoutes } from '../hooks/use-routes'
-import { useConfig } from '../app/config-context'
-
-interface DocsLayoutThemeProps {
-  children?: React.ReactNode
-}
-
-/**
- * Pre-assembled high-fidelity documentation layout component.
- * Fully styled and optimized to adapt seamlessly to our custom Parchment/Slate theme.
- */
-function DocsLayoutComponent({ children }: DocsLayoutThemeProps) {
-  const { routes: filteredRoutes, currentRoute } = useRoutes()
-  const config = useConfig()
-
-  return (
-    <DocsLayoutPrimitive className="selection:bg-primary-500/10 selection:text-primary-500">
-      <Navbar />
-      <DocsLayoutPrimitive.Body className="bg-main">
-        <Sidebar routes={filteredRoutes || []} config={config} />
-        <DocsLayoutPrimitive.Content className="animate-in fade-in duration-500 scroll-smooth">
-          <DocsLayoutPrimitive.ContentMdx className="max-w-3xl sm:max-w-4xl lg:max-w-4xl px-2 pt-8 pb-24">
-            <DocsLayoutPrimitive.Header>
-              <div className="mb-4 border-b border-subtle pb-4 flex flex-wrap items-center justify-between gap-3">
-                <Breadcrumbs />
-                <CopyMarkdown
-                  mdxRaw={currentRoute?._rawContent}
-                  route={currentRoute}
-                />
-              </div>
-
-              {/* Inject Main Page Heading automatically */}
-              {currentRoute?.title && (
-                <h1 className="text-4xl font-bold tracking-tight text-default mb-3">
-                  {currentRoute.title}
-                </h1>
-              )}
-              {currentRoute?.description && (
-                <p className="text-lg text-muted-foreground mb-6 leading-relaxed">
-                  {currentRoute.description}
-                </p>
-              )}
-            </DocsLayoutPrimitive.Header>
-
-            <ErrorBoundary>
-              <div className="prose prose-neutral dark:prose-invert max-w-none">
-                {children}
-              </div>
-            </ErrorBoundary>
-
-            <DocsLayoutPrimitive.Footer>
-              <PageNav />
-            </DocsLayoutPrimitive.Footer>
-          </DocsLayoutPrimitive.ContentMdx>
-        </DocsLayoutPrimitive.Content>
-        <OnThisPage
-          headings={currentRoute?.headings}
-          editLink={config.theme?.editLink}
-          communityHelp={config.theme?.communityHelp}
-          filePath={currentRoute?.filePath}
-        />
-      </DocsLayoutPrimitive.Body>
-    </DocsLayoutPrimitive>
-  )
-}
-
-// Expose the primitive sub-components directly on the Default DocsLayout
-// to maintain complete backward-compatibility for custom theme assemblies.
-export const DocsLayout = Object.assign(DocsLayoutComponent, {
-  Body: DocsLayoutPrimitive.Body,
-  Content: DocsLayoutPrimitive.Content,
-  ContentMdx: DocsLayoutPrimitive.ContentMdx,
-  Header: DocsLayoutPrimitive.Header,
-  Footer: DocsLayoutPrimitive.Footer,
-}) as any
-
-export default DocsLayout

package/src/client/components/icons-dev.tsx

@@ -1,282 +0,0 @@
-type WrapperProps = React.SVGProps<SVGSVGElement> & {
-  size?: number
-}
-
-function wrapperProps(props: WrapperProps) {
-  const { size = 20, ...rest } = props
-  return {
-    ...rest,
-    width: size,
-    height: size,
-  }
-}
-
-export const Github = (props: WrapperProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    fill="currentColor"
-    {...wrapperProps(props)}
-  >
-    <title>{'GitHub'}</title>
-    <path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12" />
-  </svg>
-)
-
-export const Csv = (props: WrapperProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 24 24"
-    {...wrapperProps(props)}
-  >
-    <title>{'CSV'}</title>
-    <mask
-      id="a"
-      maskUnits="userSpaceOnUse"
-      x="3"
-      y="3"
-      width="18"
-      height="18"
-      fill="#000"
-    >
-      <path fill="#fff" d="M3 3h18v18H3z" />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M15.8889 5H8.11111C6.39289 5 5 6.39289 5 8.11111v7.77779C5 17.6071 6.39289 19 8.11111 19h7.77779C17.6071 19 19 17.6071 19 15.8889V8.11111C19 6.39289 17.6071 5 15.8889 5Zm0 12.4444H8.1111c-.05369 0-.10674-.0027-.15904-.008.0523.0053.10536.008.15905.008h7.77779Zm1.5555-1.5555c0 .8054-.6121 1.4679-1.3965 1.5475.7844-.0797 1.3965-.7421 1.3965-1.5475V8.11111v7.77779Z"
-      />
-    </mask>
-    <path
-      d="M15.8889 19.4444c1.1046 0 2-.8954 2-2 0-1.1045-.8954-2-2-2v4Zm-7.7778-2 .00001-2H8.1111v2Zm-.15904-.008.20206-1.9898c-1.09891-.1115-2.08022.6888-2.19182 1.7877-.1116 1.099.68877 2.0803 1.78768 2.1919l.20208-1.9898Zm8.09584 0-.2021-1.9897c-1.0989.1116-1.8992 1.0929-1.7876 2.1918.1116 1.0989 1.0929 1.8993 2.1918 1.7877l-.2021-1.9898Zm3.3965-9.32529c0-1.10457-.8954-2-2-2-1.1045 0-2 .89543-2 2h4ZM8.11111 7h7.77779V3H8.11111v4ZM7 8.11111C7 7.49746 7.49746 7 8.11111 7V3C5.28832 3 3 5.28832 3 8.11111h4Zm0 7.77779V8.11111H3v7.77779h4ZM8.11111 17C7.49746 17 7 16.5025 7 15.8889H3C3 18.7117 5.28832 21 8.11111 21v-4Zm7.77779 0H8.11111v4h7.77779v-4ZM17 15.8889C17 16.5025 16.5025 17 15.8889 17v4C18.7117 21 21 18.7117 21 15.8889h-4Zm0-7.77779v7.77779h4V8.11111h-4ZM15.8889 7C16.5025 7 17 7.49746 17 8.11111h4C21 5.28832 18.7117 3 15.8889 3v4Zm0 8.4444H8.11111l-.00001 4h7.7778v-4Zm-7.7778 0c.01378 0 .02816.0007.04302.0022l-.40411 3.9796c.11944.0121.23994.0182.36109.0182v-4Zm-.36112 3.9818c.11935.0121.23985.0182.36113.0182v-4c.01389 0 .02828.0008.04304.0022l-.40417 3.9796Zm.36113.0182h7.77779v-4H8.11111v4Zm8.13889-.0182c1.7951-.1823 3.1944-1.6951 3.1944-3.5373h-4c0-.2314.1752-.4193.4015-.4423l.4041 3.9796Zm-.8056-3.5373c0-.2314.1752-.4193.4014-.4422l.4042 3.9795c1.795-.1823 3.1944-1.6951 3.1944-3.5373h-4Zm0-7.77779v7.77779h4V8.11111h-4Zm4 0c0-.07155-.0038-.14596-.0124-.22267-.0086-.07678-.0218-.15478-.0403-.23343-.0184-.07869-.0416-.15651-.0697-.233-.0281-.07648-.0604-.15005-.0963-.22045-.036-.07036-.0749-.13629-.1158-.1978-.0408-.06145-.0832-.11775-.1258-.16912-.085-.10251-.1704-.18478-.2468-.2495-.0383-.03245-.0749-.061-.1089-.08594-.034-.02494-.0659-.04672-.0949-.06556-.029-.01883-.0558-.03518-.0797-.04914-.0239-.01396-.0456-.02598-.0644-.03606-.0188-.01008-.0355-.01864-.0493-.02558-.0139-.00694-.0257-.01268-.0348-.01701-.009-.00429-.0163-.00769-.0207-.00971-.0022-.00104-.004-.00187-.0051-.00238-.0006-.00025-.001-.00046-.0013-.00059-.0002-.00006-.0003-.00011-.0003-.00014-.0001-.00001-.0001-.00003-.0001-.00004v-.00001c-.0006-.00027.0028.00131.0068.00316.0044.00202.0117.00541.0207.00971.0091.00433.0209.01007.0348.01701.0138.00694.0305.0155.0493.02558.0188.01008.0405.0221.0644.03606.0239.01396.0507.03031.0797.04914.029.01883.0609.04062.0949.06556.0339.02494.0706.05349.1089.08594.0764.06472.1618.14698.2468.24949.0426.05138.085.10768.1258.16913.0409.06151.0798.12744.1157.19779.036.07041.0683.14397.0964.22046.028.07648.0513.15431.0697.23299.0185.07865.0317.15665.0403.23344.0086.07671.0124.15112.0124.22267h-4c0 .07154.0039.14595.0125.22267.0086.07678.0218.15478.0402.23343.0185.07868.0417.15651.0698.233.0281.07648.0604.15005.0963.22045.036.07036.0749.13629.1158.1978.0408.06144.0832.11775.1258.16912.0849.10251.1704.18478.2468.2495.0383.03244.0749.061.1089.08594.0339.02493.0658.04672.0949.06556.029.01883.0558.03517.0797.04914.0239.01396.0456.02598.0644.03606.0188.01007.0354.01864.0493.02558.0139.00693.0257.01268.0348.01701.009.00429.0163.00769.0207.00971.0022.00104.004.00187.0051.00237.0006.00026.001.00047.0013.00059.0001.00007.0003.00012.0003.00015.0001.00001.0001.00003.0001.00004v.00001c.0006.00026-.0028-.00131-.0068-.00316-.0044-.00202-.0117-.00542-.0207-.00971-.0091-.00433-.0209-.01008-.0348-.01701-.0139-.00694-.0305-.01551-.0493-.02558-.0188-.01008-.0405-.0221-.0644-.03606-.0239-.01396-.0507-.03031-.0797-.04914-.029-.01884-.061-.04062-.0949-.06556-.034-.02494-.0706-.0535-.1089-.08594-.0764-.06472-.1619-.14699-.2468-.2495-.0426-.05137-.085-.10767-.1258-.16912-.0409-.06151-.0798-.12744-.1158-.1978-.0359-.0704-.0682-.14397-.0963-.22045-.0281-.07649-.0513-.15431-.0698-.233-.0184-.07865-.0316-.15665-.0402-.23343-.0086-.07671-.0125-.15112-.0125-.22267h4Zm0 7.77779V8.11111h-4v7.77779h4Z"
-      fill="#14B8A6"
-      mask="url(#a)"
-    />
-    <rect x="7" y="7" width="4" height="2" rx="1" fill="#14B8A6" />
-    <rect x="7" y="11" width="4" height="2" rx="1" fill="#14B8A6" />
-    <rect x="7" y="15" width="4" height="2" rx="1" fill="#14B8A6" />
-    <rect x="13" y="7" width="4" height="2" rx="1" fill="#14B8A6" />
-    <rect x="13" y="11" width="4" height="2" rx="1" fill="#14B8A6" />
-    <rect x="13" y="15" width="4" height="2" rx="1" fill="#14B8A6" />
-  </svg>
-)
-
-export const Discord = (props: WrapperProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    fill="currentColor"
-    {...wrapperProps(props)}
-  >
-    <title>{'Discord'}</title>
-    <path d="M20.317 4.37a19.791 19.791 0 0 0-4.885-1.515.074.074 0 0 0-.079.037c-.21.375-.444.864-.608 1.25a18.27 18.27 0 0 0-5.487 0 12.64 12.64 0 0 0-.617-1.25.077.077 0 0 0-.079-.037A19.736 19.736 0 0 0 3.677 4.37a.07.07 0 0 0-.032.027C.533 9.046-.32 13.58.099 18.057a.082.082 0 0 0 .031.057 19.9 19.9 0 0 0 5.993 3.03.078.078 0 0 0 .084-.028c.462-.63.874-1.295 1.226-1.994a.076.076 0 0 0-.041-.106 13.107 13.107 0 0 1-1.872-.892.077.077 0 0 1-.008-.128 10.2 10.2 0 0 0 .372-.292.074.074 0 0 1 .077-.01c3.928 1.793 8.18 1.793 12.062 0a.074.074 0 0 1 .078.01c.12.098.246.198.373.292a.077.077 0 0 1-.006.127 12.299 12.299 0 0 1-1.873.892.077.077 0 0 0-.041.107c.36.698.772 1.362 1.225 1.993a.076.076 0 0 0 .084.028 19.839 19.839 0 0 0 6.002-3.03.077.077 0 0 0 .032-.054c.5-5.177-.838-9.674-3.549-13.66a.061.061 0 0 0-.031-.03zM8.02 15.33c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.956-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.956 2.418-2.157 2.418zm7.975 0c-1.183 0-2.157-1.085-2.157-2.419 0-1.333.955-2.419 2.157-2.419 1.21 0 2.176 1.096 2.157 2.42 0 1.333-.946 2.418-2.157 2.418Z" />
-  </svg>
-)
-
-export const XSocial = (props: WrapperProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    fill="currentColor"
-    {...wrapperProps(props)}
-  >
-    <title>{'X'}</title>
-    <path d="M14.234 10.162 22.977 0h-2.072l-7.591 8.824L7.251 0H.258l9.168 13.343L.258 24H2.33l8.016-9.318L16.749 24h6.993zm-2.837 3.299-.929-1.329L3.076 1.56h3.182l5.965 8.532.929 1.329 7.754 11.09h-3.182z" />
-  </svg>
-)
-
-export const Bluesky = (props: WrapperProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    viewBox="0 0 24 24"
-    fill="currentColor"
-    {...wrapperProps(props)}
-  >
-    <title>{'Bluesky'}</title>
-    <path d="M5.202 2.857C7.954 4.922 10.913 9.11 12 11.358c1.087-2.247 4.046-6.436 6.798-8.501C20.783 1.366 24 .213 24 3.883c0 .732-.42 6.156-.667 7.037-.856 3.061-3.978 3.842-6.755 3.37 4.854.826 6.089 3.562 3.422 6.299-5.065 5.196-7.28-1.304-7.847-2.97-.104-.305-.152-.448-.153-.327 0-.121-.05.022-.153.327-.568 1.666-2.782 8.166-7.847 2.97-2.667-2.737-1.432-5.473 3.422-6.3-2.777.473-5.899-.308-6.755-3.369C.42 10.04 0 4.615 0 3.883c0-3.67 3.217-2.517 5.202-1.026" />
-  </svg>
-)
-
-// Icons file
-
-export const TypeScript = (props: WrapperProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 24 24"
-    {...wrapperProps(props)}
-  >
-    <title>{'TypeScript'}</title>
-    <path
-      fill="#2563EB"
-      d="M3.234 9.093V7.318h8.363v1.775H8.479V17.5H6.352V9.093H3.234zm15.263 1.153c-.04-.4-.21-.712-.512-.934-.301-.222-.71-.333-1.228-.333-.351 0-.648.05-.89.149-.242.096-.427.23-.557.403a.969.969 0 0 0-.189.586.838.838 0 0 0 .115.477c.086.136.204.254.353.353.149.097.321.181.517.254.195.07.404.13.626.179l.915.219c.444.1.852.232 1.223.397.371.166.693.37.965.612.271.242.482.527.631.855.152.328.23.704.234 1.129-.004.623-.163 1.163-.478 1.62-.311.454-.762.807-1.352 1.06-.587.248-1.294.372-2.123.372-.822 0-1.538-.126-2.147-.378-.607-.252-1.081-.624-1.422-1.118-.338-.497-.516-1.112-.532-1.845h2.083c.023.342.12.627.293.855.176.226.41.397.701.513a2.8 2.8 0 0 0 1 .168c.364 0 .68-.053.949-.159a1.45 1.45 0 0 0 .631-.442c.15-.189.224-.406.224-.651a.846.846 0 0 0-.204-.577c-.132-.156-.328-.288-.586-.398a5.964 5.964 0 0 0-.94-.298l-1.109-.278c-.858-.21-1.536-.536-2.033-.98-.497-.444-.744-1.042-.74-1.795-.004-.616.16-1.155.491-1.615.335-.461.794-.82 1.377-1.08.584-.258 1.247-.387 1.99-.387.755 0 1.414.13 1.978.388.567.258 1.007.618 1.322 1.079.315.46.477.994.488 1.6h-2.064z"
-    />
-  </svg>
-)
-
-export const JavaScript = (props: WrapperProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 24 24"
-    {...wrapperProps(props)}
-  >
-    <title>{'JavaScript'}</title>
-    <path
-      fill="#F59E0B"
-      d="M8.383 7.318h2.127v7.1c0 .656-.147 1.226-.442 1.71a2.924 2.924 0 01-1.218 1.118c-.52.262-1.125.393-1.815.393-.613 0-1.17-.107-1.67-.323a2.67 2.67 0 01-1.183-.994c-.292-.448-.436-1.01-.433-1.686h2.143c.006.269.061.5.164.691.106.19.25.335.432.438.186.1.405.15.657.15.265 0 .488-.057.67-.17.186-.116.327-.285.423-.507.096-.222.145-.496.145-.82v-7.1zm9.43 2.928c-.04-.4-.21-.712-.511-.934-.302-.222-.711-.333-1.228-.333-.352 0-.648.05-.89.149-.242.096-.428.23-.557.403a.969.969 0 00-.19.586.838.838 0 00.115.477c.087.136.204.254.353.353.15.097.322.181.517.254.196.07.405.13.627.179l.915.219c.444.1.851.232 1.223.397.37.166.692.37.964.612s.482.527.631.855a2.7 2.7 0 01.234 1.129c-.003.623-.162 1.163-.477 1.62-.312.454-.763.807-1.353 1.06-.586.248-1.294.372-2.122.372-.822 0-1.538-.126-2.148-.378-.607-.252-1.08-.624-1.422-1.118-.338-.497-.515-1.112-.532-1.845h2.083c.023.342.121.627.293.855.176.226.41.397.702.513.295.112.628.168.999.168.364 0 .68-.053.95-.159.271-.106.482-.253.63-.442.15-.189.224-.406.224-.651a.846.846 0 00-.203-.577c-.133-.156-.329-.288-.587-.398a5.964 5.964 0 00-.94-.298l-1.108-.278c-.859-.21-1.537-.536-2.034-.98-.497-.444-.744-1.042-.74-1.795-.004-.616.16-1.155.492-1.615.334-.461.793-.82 1.377-1.08.583-.258 1.246-.387 1.989-.387.755 0 1.415.13 1.978.388.567.258 1.008.618 1.323 1.079.314.46.477.994.487 1.6h-2.063z"
-    ></path>
-  </svg>
-)
-
-export const Json = (props: WrapperProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 24 24"
-    {...wrapperProps(props)}
-  >
-    <title>{'JSON'}</title>
-    <path
-      fill="#F59E0B"
-      d="M4.778 6.667A2.667 2.667 0 017.444 4a.889.889 0 010 1.778.889.889 0 00-.888.889v3.5c0 .701-.273 1.35-.73 1.833.457.483.73 1.132.73 1.832v3.501c0 .491.398.89.888.89a.889.889 0 010 1.777 2.667 2.667 0 01-2.666-2.667v-3.5a.889.889 0 00-.674-.863l-.43-.108a.889.889 0 010-1.724l.43-.108a.889.889 0 00.674-.862V6.667zm14.222 0A2.667 2.667 0 0016.333 4a.889.889 0 000 1.778c.491 0 .89.398.89.889v3.5c0 .701.272 1.35.729 1.833a2.664 2.664 0 00-.73 1.832v3.501a.889.889 0 01-.889.89.889.889 0 000 1.777A2.667 2.667 0 0019 17.333v-3.5c0-.408.278-.764.673-.863l.431-.108a.889.889 0 000-1.724l-.43-.108a.889.889 0 01-.674-.862V6.667z"
-    ></path>
-  </svg>
-)
-
-export const Css = (props: WrapperProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 24 24"
-    {...wrapperProps(props)}
-  >
-    <title>{'CSS'}</title>
-    <path
-      fill="#0EA5E9"
-      d="M4.778 6.667A2.667 2.667 0 017.444 4a.889.889 0 010 1.778.889.889 0 00-.888.889v3.5c0 .701-.273 1.35-.73 1.833.457.483.73 1.132.73 1.832v3.501c0 .491.398.89.888.89a.889.889 0 010 1.777 2.667 2.667 0 01-2.666-2.667v-3.5a.889.889 0 00-.674-.863l-.43-.108a.889.889 0 010-1.724l.43-.108a.889.889 0 00.674-.862V6.667zm14.222 0A2.667 2.667 0 0016.333 4a.889.889 0 000 1.778c.491 0 .89.398.89.889v3.5c0 .701.272 1.35.729 1.833a2.664 2.664 0 00-.73 1.832v3.501a.889.889 0 01-.889.89.889.889 0 000 1.777A2.667 2.667 0 0019 17.333v-3.5c0-.408.278-.764.673-.863l.431-.108a.889.889 0 000-1.724l-.43-.108a.889.889 0 01-.674-.862V6.667z"
-    ></path>
-  </svg>
-)
-
-export const BracketsOrange = (props: WrapperProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 24 24"
-    {...wrapperProps(props)}
-  >
-    <title>{'HTML'}</title>
-    <path
-      fill="#EA580C"
-      d="M4.778 6.667A2.667 2.667 0 017.444 4a.889.889 0 010 1.778.889.889 0 00-.888.889v3.5c0 .701-.273 1.35-.73 1.833.457.483.73 1.132.73 1.832v3.501c0 .491.398.89.888.89a.889.889 0 010 1.777 2.667 2.667 0 01-2.666-2.667v-3.5a.889.889 0 00-.674-.863l-.43-.108a.889.889 0 010-1.724l.43-.108a.889.889 0 00.674-.862V6.667zm14.222 0A2.667 2.667 0 0016.333 4a.889.889 0 000 1.778c.491 0 .89.398.89.889v3.5c0 .701.272 1.35.729 1.833a2.664 2.664 0 00-.73 1.832v3.501a.889.889 0 01-.889.89.889.889 0 000 1.777A2.667 2.667 0 0019 17.333v-3.5c0-.408.278-.764.673-.863l.431-.108a.889.889 0 000-1.724l-.43-.108a.889.889 0 01-.674-.862V6.667z"
-    ></path>
-  </svg>
-)
-
-export const React = (props: WrapperProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 24 24"
-    {...wrapperProps(props)}
-  >
-    <title>{'React'}</title>
-    <path
-      fill="#0E8ADC"
-      d="M12 13.677a1.677 1.677 0 100-3.354 1.677 1.677 0 000 3.354z"
-    ></path>
-    <path
-      stroke="#0E8ADC"
-      d="M12 15.436c4.97 0 9-1.538 9-3.436s-4.03-3.436-9-3.436S3 10.102 3 12s4.03 3.436 9 3.436z"
-    ></path>
-    <path
-      stroke="#0E8ADC"
-      d="M9.024 13.718c2.485 4.305 5.832 7.025 7.476 6.076 1.644-.949.961-5.208-1.524-9.512C12.491 5.977 9.144 3.257 7.5 4.206c-1.644.949-.961 5.208 1.524 9.512z"
-    ></path>
-    <path
-      stroke="#0E8ADC"
-      d="M9.024 10.282c-2.485 4.304-3.168 8.563-1.524 9.512 1.644.95 4.99-1.771 7.476-6.076 2.485-4.304 3.168-8.563 1.524-9.512-1.644-.95-4.99 1.771-7.476 6.076z"
-    ></path>
-  </svg>
-)
-
-export const Markdown = (props: WrapperProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 24 24"
-    {...wrapperProps(props)}
-  >
-    <title>{'Markdown'}</title>
-    <path
-      fill="#60A5FA"
-      d="M3 15.714V8h2.323l2.322 2.836L9.968 8h2.322v7.714H9.968V11.29l-2.323 2.836-2.322-2.836v4.424H3zm14.516 0l-3.484-3.743h2.323V8h2.322v3.97H21l-3.484 3.744z"
-    ></path>
-  </svg>
-)
-
-export const Shell = (props: WrapperProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 25 24"
-    {...wrapperProps(props)}
-  >
-    <title>{'Shell'}</title>
-    <path
-      stroke="#14B8A6"
-      strokeLinecap="round"
-      strokeLinejoin="round"
-      strokeWidth="2"
-      d="M4.336 17l6-6-6-6M12.336 19h8"
-    ></path>
-  </svg>
-)
-
-export const Yaml = (props: WrapperProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 24 24"
-    {...wrapperProps(props)}
-  >
-    <title>YAML</title>
-    <path
-      fill="#A78BFA"
-      d="M6.533 5.864h2.755l2.654 5.011h.113l2.654-5.011h2.756l-4.245 7.522V17.5h-2.443v-4.114L6.533 5.864z"
-    ></path>
-  </svg>
-)
-
-export const Rust = (props: WrapperProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 25 24"
-    {...wrapperProps(props)}
-  >
-    <title>Rust</title>
-    <path
-      fill="#EA580C"
-      fillRule="evenodd"
-      d="M12.58 2.136a.287.287 0 00-.488 0l-.526.85a8.974 8.974 0 00-.232.022l-.683-.73a.287.287 0 00-.478.096l-.35.935c-.075.021-.15.044-.224.067l-.812-.583a.287.287 0 00-.45.187l-.162.989a9.088 9.088 0 00-.204.11l-.913-.417a.287.287 0 00-.406.272l.036 1.005a9.099 9.099 0 00-.175.144l-.98-.231a.287.287 0 00-.345.345l.231.98a9.125 9.125 0 00-.144.175L4.27 6.316a.287.287 0 00-.271.406l.416.913a9.036 9.036 0 00-.11.203L3.317 8a.287.287 0 00-.187.45l.584.813a8.953 8.953 0 00-.068.223l-.935.35a.287.287 0 00-.095.479l.73.682a8.966 8.966 0 00-.023.233l-.85.526a.287.287 0 000 .488l.85.526c.007.078.014.156.023.233l-.73.682a.287.287 0 00.095.479l.935.35.068.223-.584.812a.287.287 0 00.187.451l.99.162c.035.068.072.135.109.203l-.416.913a.287.287 0 00.271.406l1.006-.036c.047.059.095.117.143.174l-.23.981a.287.287 0 00.344.345l.981-.23c.057.048.115.095.174.142l-.036 1.006a.287.287 0 00.406.272l.914-.417c.067.038.135.074.203.11l.161.99a.287.287 0 00.451.186l.813-.584c.074.024.148.046.223.068l.35.935a.287.287 0 00.478.095l.683-.73c.077.01.154.017.232.023l.526.85a.287.287 0 00.489 0l.526-.85c.078-.006.155-.014.232-.023l.682.73a.287.287 0 00.479-.095l.35-.935c.075-.022.15-.044.223-.068l.813.584a.287.287 0 00.45-.187l.162-.99a8.77 8.77 0 00.203-.109l.913.417a.287.287 0 00.406-.272l-.035-1.006c.058-.047.116-.094.174-.143l.98.231a.287.287 0 00.346-.345l-.231-.98.143-.175 1.006.036a.287.287 0 00.271-.406l-.416-.913a9.4 9.4 0 00.109-.203l.99-.162a.287.287 0 00.187-.45l-.584-.813a8.43 8.43 0 00.067-.223l.935-.35a.287.287 0 00.096-.479l-.73-.682c.009-.077.016-.155.023-.233l.85-.526a.287.287 0 000-.488l-.85-.526a8.844 8.844 0 00-.023-.233l.73-.682a.287.287 0 00-.096-.479l-.934-.35a9.246 9.246 0 00-.068-.223l.584-.812A.287.287 0 0021.357 8l-.99-.162a8.92 8.92 0 00-.11-.203l.417-.913a.287.287 0 00-.271-.406l-1.006.036a9.178 9.178 0 00-.143-.174l.23-.981a.287.287 0 00-.345-.345l-.98.23a9.43 9.43 0 00-.174-.142l.035-1.006a.287.287 0 00-.405-.272l-.914.417a9.11 9.11 0 00-.203-.11l-.162-.99a.287.287 0 00-.45-.186l-.813.584a9.088 9.088 0 00-.223-.068l-.35-.935a.287.287 0 00-.479-.095l-.682.73a9.062 9.062 0 00-.232-.023l-.526-.85zm-.257 1.62a.592.592 0 01.578.596.595.595 0 11-.578-.595zm1.363.98A7.324 7.324 0 0118.7 8.309l-.702 1.585a.547.547 0 00.275.717l1.352.6c.041.422.047.847.015 1.27h-.752c-.075 0-.106.05-.106.123v.344c0 .812-.457.99-.859 1.034-.383.044-.806-.161-.86-.394-.22-1.24-.583-1.526-1.152-1.975l-.041-.033c.736-.467 1.502-1.158 1.502-2.08 0-.998-.683-1.625-1.148-1.934-.655-.43-1.379-.516-1.574-.516H6.88a7.324 7.324 0 014.098-2.312l.916.96a.54.54 0 00.766.018l1.026-.978zm-8.46 4.407a.595.595 0 11-.034 1.19.595.595 0 01.034-1.19zm14.192.026a.595.595 0 11-.035 1.19.595.595 0 01.035-1.19zm-13.07.096h1.037v4.678H5.291a7.324 7.324 0 01-.237-2.797l1.282-.57a.542.542 0 00.276-.716l-.264-.595zm4.33.05h2.47c.128 0 .901.147.901.727 0 .48-.593.653-1.081.653h-2.293l.002-1.38zm0 3.36h1.892c.172 0 .924.05 1.164 1.011.026.104.064.291.107.503.078.389.174.861.247 1.06.113.345.57 1.034 1.058 1.034h3.089c-.207.277-.433.54-.677.785l-1.258-.27a.544.544 0 00-.645.417l-.298 1.394a7.323 7.323 0 01-6.108-.03l-.298-1.392a.542.542 0 00-.643-.418l-1.23.264a7.32 7.32 0 01-.636-.75h5.984c.067 0 .113-.011.113-.074v-2.117c0-.061-.046-.075-.113-.075h-1.75l.001-1.341zm-2.763 4.848a.595.595 0 11-.034 1.19.595.595 0 01.034-1.19zm8.814.027a.596.596 0 11-.035 1.19.596.596 0 01.035-1.19z"
-      clipRule="evenodd"
-    ></path>
-  </svg>
-)
-
-export const BracketsRed = (props: WrapperProps) => (
-  <svg
-    xmlns="http://www.w3.org/2000/svg"
-    fill="none"
-    viewBox="0 0 24 24"
-    {...wrapperProps(props)}
-  >
-    <title>Rust</title>
-    <path
-      fill="#F87171"
-      d="M4.778 6.667A2.667 2.667 0 017.444 4a.889.889 0 010 1.778.889.889 0 00-.888.889v3.5c0 .701-.273 1.35-.73 1.833.457.483.73 1.132.73 1.832v3.501c0 .491.398.89.888.89a.889.889 0 010 1.777 2.667 2.667 0 01-2.666-2.667v-3.5a.889.889 0 00-.674-.863l-.43-.108a.889.889 0 010-1.724l.43-.108a.889.889 0 00.674-.862V6.667zm14.222 0A2.667 2.667 0 0016.333 4a.889.889 0 000 1.778c.491 0 .89.398.89.889v3.5c0 .701.272 1.35.729 1.833a2.664 2.664 0 00-.73 1.832v3.501a.889.889 0 01-.889.89.889.889 0 000 1.777A2.667 2.667 0 0019 17.333v-3.5c0-.408.278-.764.673-.863l.431-.108a.889.889 0 000-1.724l-.43-.108a.889.889 0 01-.674-.862V6.667z"
-    ></path>
-  </svg>
-)

package/src/client/components/mdx/callout.tsx

@@ -1,97 +0,0 @@
-import { Info, Lightbulb, AlertTriangle, AlertCircle } from '../ui-base/icons'
-import { cn } from '../../utils/cn'
-
-export type CalloutVariant = 'note' | 'tip' | 'warning' | 'danger' | 'info'
-
-export interface CalloutProps extends React.HTMLAttributes<HTMLDivElement> {
-  variant?: CalloutVariant
-  title?: string
-}
-
-const variantStyles: Record<
-  CalloutVariant,
-  {
-    container: string
-    titleText: string
-    iconColor: string
-    icon: React.ComponentType<any>
-    defaultTitle: string
-  }
-> = {
-  note: {
-    container:
-      'bg-slate-500/5 dark:bg-slate-500/10 border-slate-500/40 text-slate-800 dark:text-slate-200',
-    titleText: 'text-slate-900 dark:text-slate-100',
-    iconColor: 'text-slate-500',
-    icon: Info,
-    defaultTitle: 'Note',
-  },
-  info: {
-    container:
-      'bg-indigo-500/5 dark:bg-indigo-500/10 border-indigo-500/40 text-indigo-800 dark:text-indigo-200',
-    titleText: 'text-indigo-900 dark:text-indigo-100',
-    iconColor: 'text-indigo-500',
-    icon: Info,
-    defaultTitle: 'Info',
-  },
-  tip: {
-    container:
-      'bg-green-500/5 dark:bg-green-500/10 border-green-500/40 text-green-800 dark:text-green-200',
-    titleText: 'text-green-900 dark:text-green-100',
-    iconColor: 'text-green-500',
-    icon: Lightbulb,
-    defaultTitle: 'Tip',
-  },
-  warning: {
-    container:
-      'bg-amber-500/5 dark:bg-amber-500/10 border-amber-500/40 text-amber-800 dark:text-amber-200',
-    titleText: 'text-amber-900 dark:text-amber-100',
-    iconColor: 'text-amber-500',
-    icon: AlertTriangle,
-    defaultTitle: 'Warning',
-  },
-  danger: {
-    container:
-      'bg-rose-500/5 dark:bg-rose-500/10 border-rose-500/40 text-rose-800 dark:text-rose-200',
-    titleText: 'text-rose-900 dark:text-rose-100',
-    iconColor: 'text-rose-500',
-    icon: AlertCircle,
-    defaultTitle: 'Danger',
-  },
-}
-
-export function Callout({
-  children,
-  className = '',
-  variant = 'note',
-  title,
-  ...props
-}: CalloutProps) {
-  const styles = variantStyles[variant] || variantStyles.note
-  const Icon = styles.icon
-
-  return (
-    <div
-      className={cn(
-        'my-6 flex gap-4 p-4 rounded-xl border-2',
-        styles.container,
-        className,
-      )}
-      {...props}
-    >
-      <div className={cn('shrink-0 pt-0.5', styles.iconColor)}>
-        <Icon className="w-5 h-5 stroke-[2]" />
-      </div>
-      <div className="flex-1 text-[0.875rem] leading-[1.6]">
-        <div className={cn('font-bold text-sm mb-1', styles.titleText)}>
-          {title || styles.defaultTitle}
-        </div>
-        <div className="prose prose-neutral dark:prose-invert max-w-none [&>p]:m-0 [&>p+p]:mt-2">
-          {children}
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default Callout