{
  "version": 4,
  "updated": "2026-09-18",
  "scope": "当前 good-design 与 43 份退役技能及其参考中识别到的资源入口；本轮展开的子集另标来源。不是全网穷举，也不是各库逐组件的完整镜像。",
  "sources": [
    {
      "id": "C01",
      "category": "组件与页面",
      "name": "Spectrum UI",
      "stack": "React / shadcn",
      "url": "https://ui.spectrumhq.in/docs",
      "coverage": "表格、抽屉、动作栏、金属按钮、交互卡片",
      "origin": "原有目录",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://ui.spectrumhq.in/docs",
      "page_title": "Components | Spectrum UI"
    },
    {
      "id": "C02",
      "category": "组件与页面",
      "name": "Svelte Animations",
      "stack": "Svelte",
      "url": "https://sv-animations.vercel.app/",
      "coverage": "多个动效子集入口，文字、背景、指针、卡片",
      "origin": "原有目录",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://sv-animations.vercel.app/",
      "page_title": "Svelte Animations Components"
    },
    {
      "id": "C02a",
      "category": "组件与页面",
      "name": "Svelte Magic UI",
      "stack": "Svelte",
      "url": "https://sv-animations.vercel.app/magic",
      "coverage": "流光边框、轨道、数字、粒子、文字与背景",
      "origin": "本轮从原有站点展开",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://sv-animations.vercel.app/magic",
      "page_title": "Svelte Magic UI"
    },
    {
      "id": "C02b",
      "category": "组件与页面",
      "name": "Svelte Spell UI",
      "stack": "Svelte",
      "url": "https://sv-animations.vercel.app/spell",
      "coverage": "书本透视、签名、文字、输入与细部交互",
      "origin": "本轮从原有站点展开",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://sv-animations.vercel.app/spell",
      "page_title": "Refined Svelte 5 Components for Design Engineers | Svelte Spell UI"
    },
    {
      "id": "C02c",
      "category": "组件与页面",
      "name": "Svelte Fancy Components",
      "stack": "Svelte",
      "url": "https://sv-animations.vercel.app/fancy",
      "coverage": "字母翻转、路径文字、像素轨迹、图文穿插",
      "origin": "本轮从原有站点展开",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://sv-animations.vercel.app/fancy",
      "page_title": "Svelte Fancy Components | Svelte Animations"
    },
    {
      "id": "C03",
      "category": "组件与页面",
      "name": "Svelte Datatables",
      "stack": "Svelte / TanStack",
      "url": "https://sv-table.vercel.app/",
      "coverage": "数据表格、筛选、排序与分页",
      "origin": "原有目录",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://sv-table.vercel.app/",
      "page_title": "Svelte Datatables Examples | Svelte Datatables Examples"
    },
    {
      "id": "C04",
      "category": "组件与页面",
      "name": "Svelte Shadcn Blocks",
      "stack": "Svelte",
      "url": "https://sv-blocks.vercel.app/",
      "coverage": "营销区块、页面布局、Notion 风格区块",
      "origin": "原有目录",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://sv-blocks.vercel.app/",
      "page_title": "Svelte Shadcn Blocks - 150+ UI & Marketing Blocks"
    },
    {
      "id": "C05",
      "category": "组件与页面",
      "name": "Svelte Efferd",
      "stack": "Svelte",
      "url": "https://sv-efferd.pages.dev/",
      "coverage": "Hero、图库、登录、FAQ、侧栏与 App Shell",
      "origin": "原有目录",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://sv-efferd.pages.dev/",
      "page_title": "Svelte Efferd Blocks | Marketing Blocks for Shadcn-Svelte"
    },
    {
      "id": "C06",
      "category": "组件与页面",
      "name": "Svelte QBlocks",
      "stack": "Svelte",
      "url": "https://sv-particles.vercel.app/",
      "coverage": "通用组件与数据表格，域名不代表只有粒子",
      "origin": "原有目录",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://sv-particles.vercel.app/",
      "page_title": "Svelte QBlocks - Svelte Shadcn Blocks and Components"
    },
    {
      "id": "C07",
      "category": "组件与页面",
      "name": "Svelte Dot Matrix",
      "stack": "Svelte",
      "url": "https://sv-matrix.vercel.app/",
      "coverage": "点阵、几何、轨道、波动与字符加载效果",
      "origin": "原有目录",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://sv-matrix.vercel.app/",
      "page_title": "Svelte Dot Matrix Loaders - Free & Open-Source | Loaders"
    },
    {
      "id": "C08",
      "category": "工具与平台",
      "name": "Svelte Agentation",
      "stack": "Svelte / 开发工具",
      "url": "https://sv-agentation.com/",
      "coverage": "页面元素与区域的视觉反馈标注",
      "origin": "原有目录",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://sv-agentation.com/",
      "page_title": "Svelte Agentation"
    },
    {
      "id": "C09",
      "category": "三维与动效引擎",
      "name": "ThreeUI",
      "stack": "React / Three.js",
      "url": "https://threeui.com/",
      "coverage": "交互三维组件、背景与 shader；免费和付费范围分开",
      "origin": "原有目录",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://threeui.com/",
      "page_title": "Three.js Components, Templates & Interactive Shaders | ThreeUI"
    },
    {
      "id": "C10",
      "category": "组件与页面",
      "name": "shadcn/ui",
      "stack": "React",
      "url": "https://ui.shadcn.com/docs/components",
      "coverage": "表单、导航、对话框、表格等可组合组件",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://ui.shadcn.com/docs/components",
      "page_title": "Components - shadcn/ui"
    },
    {
      "id": "C11",
      "category": "组件与页面",
      "name": "Radix Themes",
      "stack": "React",
      "url": "https://www.radix-ui.com/themes/docs/overview/getting-started",
      "coverage": "成套主题与产品 UI 组件",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://www.radix-ui.com/themes/docs/overview/getting-started",
      "page_title": "Getting started – Radix Themes"
    },
    {
      "id": "D01",
      "category": "设计系统",
      "name": "Material Design",
      "stack": "多平台 / Web",
      "url": "https://m3.material.io/develop/web",
      "coverage": "Material 组件、状态和平台规范",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://m3.material.io/develop/web",
      "page_title": "Material Design 3 for Web"
    },
    {
      "id": "D02",
      "category": "设计系统",
      "name": "Fluent 2",
      "stack": "React / Web Components",
      "url": "https://fluent2.microsoft.design/",
      "coverage": "Microsoft 产品组件、密度与状态体系",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://fluent2.microsoft.design/",
      "page_title": "Home - Fluent 2 Design System"
    },
    {
      "id": "D03",
      "category": "设计系统",
      "name": "Carbon",
      "stack": "React / Web Components",
      "url": "https://carbondesignsystem.com/",
      "coverage": "企业工具、数据密集界面与图表规范",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://carbondesignsystem.com/",
      "page_title": ""
    },
    {
      "id": "D04",
      "category": "设计系统",
      "name": "Primer",
      "stack": "React / CSS",
      "url": "https://primer.style/",
      "coverage": "GitHub 产品与品牌组件",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://primer.style/",
      "page_title": "Primer"
    },
    {
      "id": "D05",
      "category": "设计系统",
      "name": "Atlassian Design System",
      "stack": "React",
      "url": "https://atlassian.design/",
      "coverage": "协作工具、导航、表单与设计 token",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://atlassian.design/",
      "page_title": "Atlassian Design"
    },
    {
      "id": "D06",
      "category": "设计系统",
      "name": "Shopify Polaris",
      "stack": "Web",
      "url": "https://polaris-react.shopify.com/components",
      "coverage": "电商管理界面；旧 React 文档，采用前核对迁移状态",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://shopify.dev/docs/api/polaris",
      "page_title": "Polaris references"
    },
    {
      "id": "D07",
      "category": "设计系统",
      "name": "GOV.UK Design System",
      "stack": "HTML / CSS / JS",
      "url": "https://design-system.service.gov.uk/components/",
      "coverage": "内容、表单和公共服务任务流程",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://design-system.service.gov.uk/components/",
      "page_title": "Components – GOV.UK Design System"
    },
    {
      "id": "D08",
      "category": "设计系统",
      "name": "USWDS",
      "stack": "HTML / CSS / JS",
      "url": "https://designsystem.digital.gov/components/",
      "coverage": "公共服务组件、可访问性和布局模式",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://designsystem.digital.gov/components/",
      "page_title": "Redirecting…"
    },
    {
      "id": "M01",
      "category": "三维与动效引擎",
      "name": "GSAP",
      "stack": "JavaScript",
      "url": "https://gsap.com/docs/v3/",
      "coverage": "时间线、滚动、SVG、文字、拖拽与形变",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://gsap.com/docs/v3/",
      "page_title": "docsHome | GSAP | Docs & Learning"
    },
    {
      "id": "M02",
      "category": "三维与动效引擎",
      "name": "Motion",
      "stack": "React / JavaScript / Vue",
      "url": "https://motion.dev/",
      "coverage": "布局过渡、弹簧、手势、入场与滚动",
      "origin": "原有目录",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://motion.dev/",
      "page_title": "Motion (prev Framer Motion): JavaScript & React animation library"
    },
    {
      "id": "M03",
      "category": "三维与动效引擎",
      "name": "Three.js",
      "stack": "JavaScript / WebGL",
      "url": "https://threejs.org/examples/",
      "coverage": "三维场景、材质、粒子与后处理示例",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://threejs.org/examples/",
      "page_title": "three.js examples"
    },
    {
      "id": "M04",
      "category": "三维与动效引擎",
      "name": "Rive",
      "stack": "交互矢量动画 / 多平台",
      "url": "https://rive.app/",
      "coverage": "状态驱动的矢量动效、角色与交互图形",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://rive.app/",
      "page_title": "Rive — the interactive experience engine"
    },
    {
      "id": "M05",
      "category": "三维与动效引擎",
      "name": "LottieFiles",
      "stack": "Lottie / 多平台",
      "url": "https://lottiefiles.com/",
      "coverage": "现成矢量动画与加载、插画素材",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "本轮访问受限或失败，保留入口",
      "visual_review": "未人工定级",
      "check_error": "HTTP Error 403: Forbidden"
    },
    {
      "id": "M06",
      "category": "三维与动效引擎",
      "name": "Scroll-driven Animations",
      "stack": "原生 CSS / JS",
      "url": "https://scroll-driven-animations.style/",
      "coverage": "滚动进度、滚动叙事与视口动画示例",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://scroll-driven-animations.style/",
      "page_title": "Scroll-driven Animations"
    },
    {
      "id": "M07",
      "category": "设计案例与学习",
      "name": "Animations on the Web",
      "stack": "讲解与示例",
      "url": "https://animations.dev/",
      "coverage": "动效设计、交互细节与手感讲解",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://animations.dev/",
      "page_title": "animations.dev"
    },
    {
      "id": "M08",
      "category": "设计案例与学习",
      "name": "Emil Kowalski",
      "stack": "文章与案例",
      "url": "https://emilkowal.ski/",
      "coverage": "具体组件和动效实现的设计解释",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://emilkowal.ski/",
      "page_title": "Emil Kowalski"
    },
    {
      "id": "M09",
      "category": "设计案例与学习",
      "name": "Easing.dev",
      "stack": "缓动工具",
      "url": "https://easing.dev/",
      "coverage": "缓动曲线的可视化选择与比较",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://www.easing.dev/",
      "page_title": "Easing Graphs"
    },
    {
      "id": "M10",
      "category": "设计案例与学习",
      "name": "Easings.co",
      "stack": "缓动工具",
      "url": "https://easings.co/",
      "coverage": "缓动效果与曲线参考",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://easings.co/",
      "page_title": "Easings - Generate Cubic Bezier Easing Curves"
    },
    {
      "id": "I01",
      "category": "图标与标识",
      "name": "Lucide",
      "stack": "SVG / 多框架",
      "url": "https://lucide.dev/",
      "coverage": "线性 UI 图标",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://lucide.dev/",
      "page_title": "Lucide"
    },
    {
      "id": "I02",
      "category": "图标与标识",
      "name": "Heroicons",
      "stack": "SVG / React / Vue",
      "url": "https://heroicons.com/",
      "coverage": "线性与填充 UI 图标",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://heroicons.com/",
      "page_title": "Heroicons"
    },
    {
      "id": "I03",
      "category": "图标与标识",
      "name": "Phosphor",
      "stack": "SVG / 多框架",
      "url": "https://phosphoricons.com/",
      "coverage": "多字重、多风格图标",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://phosphoricons.com/",
      "page_title": "Phosphor Icons"
    },
    {
      "id": "I04",
      "category": "图标与标识",
      "name": "Iconoir",
      "stack": "SVG / 多框架",
      "url": "https://iconoir.com/",
      "coverage": "线性图标",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://iconoir.com/",
      "page_title": "Iconoir | Free Icons"
    },
    {
      "id": "I05",
      "category": "图标与标识",
      "name": "Tabler Icons",
      "stack": "SVG / 多框架",
      "url": "https://tabler-icons.io/",
      "coverage": "线性图标与广泛的业务符号",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "本轮访问受限或失败，保留入口",
      "visual_review": "未人工定级",
      "check_error": "<urlopen error [Errno 8] nodename nor servname provided, or not known>"
    },
    {
      "id": "I06",
      "category": "图标与标识",
      "name": "Simple Icons",
      "stack": "SVG",
      "url": "https://simpleicons.org/",
      "coverage": "品牌标志，使用条件需逐品牌核对",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://simpleicons.org/",
      "page_title": "Simple Icons"
    },
    {
      "id": "I07",
      "category": "图标与标识",
      "name": "SVGL",
      "stack": "SVG",
      "url": "https://svgl.app/",
      "coverage": "品牌 SVG 标志",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://svgl.app/",
      "page_title": "A beautiful library with SVG logos - SVGL"
    },
    {
      "id": "I08",
      "category": "图标与标识",
      "name": "The SVG",
      "stack": "SVG",
      "url": "https://thesvg.org/",
      "coverage": "SVG 图形与标志检索",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://thesvg.org/",
      "page_title": "theSVG - 7,412+ Free Brand SVG Icons for Developers and Designers"
    },
    {
      "id": "I09",
      "category": "图标与标识",
      "name": "Brandfetch",
      "stack": "品牌资料",
      "url": "https://brandfetch.com/",
      "coverage": "品牌标识与品牌资产检索",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://brandfetch.com/",
      "page_title": "The brand data platform - Brandfetch"
    },
    {
      "id": "A01",
      "category": "插画与纹理",
      "name": "unDraw",
      "stack": "SVG 插画",
      "url": "https://undraw.co/",
      "coverage": "可调色的场景插画",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://undraw.co/",
      "page_title": "unDraw - Open source illustrations for any idea"
    },
    {
      "id": "A02",
      "category": "插画与纹理",
      "name": "Storyset",
      "stack": "插画 / 动画",
      "url": "https://storyset.com/",
      "coverage": "多种画风的场景插画与动画",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://storyset.com/",
      "page_title": "Storyset | Customize, animate and download illustration for free"
    },
    {
      "id": "A03",
      "category": "插画与纹理",
      "name": "Humaaans",
      "stack": "人物插画",
      "url": "https://www.humaaans.com/",
      "coverage": "可组合人物插画",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://www.humaaans.com/",
      "page_title": "Humaaans: Mix-&-Match illustration library"
    },
    {
      "id": "A04",
      "category": "插画与纹理",
      "name": "Open Peeps",
      "stack": "人物插画",
      "url": "https://www.openpeeps.com/",
      "coverage": "手绘人物与表情组合",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://www.openpeeps.com/",
      "page_title": "Open Peeps, Hand-Drawn Illustration Library"
    },
    {
      "id": "A05",
      "category": "插画与纹理",
      "name": "IRA Design",
      "stack": "插画",
      "url": "https://www.iradesign.io/",
      "coverage": "渐变与组合式插画",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://iradesign.io/",
      "page_title": "IRA Design - Build your own amazing illustrations @ Creative Tim"
    },
    {
      "id": "A06",
      "category": "插画与纹理",
      "name": "fffuel",
      "stack": "SVG 生成工具",
      "url": "https://www.fffuel.co/",
      "coverage": "图案、纹理、噪声、形状与背景生成",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://www.fffuel.co/",
      "page_title": "Free SVG generators, color tools & web design tools"
    },
    {
      "id": "A07",
      "category": "插画与纹理",
      "name": "CSS Gradient",
      "stack": "CSS 工具",
      "url": "https://cssgradient.io/",
      "coverage": "渐变配色与 CSS 生成",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://cssgradient.io/",
      "page_title": "CSS Gradient – Generator, Maker, and Background"
    },
    {
      "id": "A08",
      "category": "插画与纹理",
      "name": "Learn UI Mesh Gradient",
      "stack": "图像生成工具",
      "url": "https://www.learnui.design/tools/mesh-gradient-generator.html",
      "coverage": "网格渐变背景",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://www.learnui.design/tools/mesh-gradient-generator.html",
      "page_title": "Mesh Gradient Generator (SVG/Figma export) [+inspo gallery]"
    },
    {
      "id": "P01",
      "category": "照片与视频",
      "name": "Unsplash",
      "stack": "照片",
      "url": "https://unsplash.com/",
      "coverage": "摄影素材；采用前核对具体图片条件",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "本轮访问受限或失败，保留入口",
      "visual_review": "未人工定级",
      "check_error": "HTTP Error 401: Unauthorized"
    },
    {
      "id": "P02",
      "category": "照片与视频",
      "name": "Pexels",
      "stack": "照片 / 视频",
      "url": "https://www.pexels.com/",
      "coverage": "摄影与视频素材",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "本轮访问受限或失败，保留入口",
      "visual_review": "未人工定级",
      "check_error": "HTTP Error 403: Forbidden"
    },
    {
      "id": "P03",
      "category": "照片与视频",
      "name": "Nappy",
      "stack": "照片",
      "url": "https://www.nappy.co/",
      "coverage": "人物与生活摄影",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://nappy.co/",
      "page_title": "Nappy | Beautifully Diverse Stock Photos"
    },
    {
      "id": "P04",
      "category": "照片与视频",
      "name": "Shotstash",
      "stack": "照片",
      "url": "https://www.shotstash.com/",
      "coverage": "摄影素材",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://shotstash.com/",
      "page_title": "Download Royalty Free Stock Photos and Images"
    },
    {
      "id": "P05",
      "category": "照片与视频",
      "name": "Coverr",
      "stack": "视频",
      "url": "https://coverr.co/",
      "coverage": "视频背景与素材",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://coverr.co/",
      "page_title": "Download Free HD & 4K Stock Videos, Music & AI Tools"
    },
    {
      "id": "P06",
      "category": "照片与视频",
      "name": "Mixkit",
      "stack": "视频 / 音频 / 模板",
      "url": "https://mixkit.co/",
      "coverage": "影像、音频及剪辑模板",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://mixkit.co/",
      "page_title": "Mixkit - Awesome free assets for your next video project"
    },
    {
      "id": "P07",
      "category": "照片与视频",
      "name": "Videvo",
      "stack": "视频 / 音频",
      "url": "https://www.videvo.net/",
      "coverage": "视频素材；站点和许可需采用前核对",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "本轮访问受限或失败，保留入口",
      "visual_review": "未人工定级",
      "check_error": "HTTP Error 403: Forbidden"
    },
    {
      "id": "F01",
      "category": "字体与呈现工具",
      "name": "Google Fonts",
      "stack": "字体",
      "url": "https://fonts.google.com/",
      "coverage": "字体预览与选型，核对中文覆盖",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://fonts.google.com/",
      "page_title": "Browse Fonts - Google Fonts"
    },
    {
      "id": "F02",
      "category": "字体与呈现工具",
      "name": "Fontshare",
      "stack": "字体",
      "url": "https://www.fontshare.com/",
      "coverage": "字体家族与配对预览",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://www.fontshare.com/",
      "page_title": ""
    },
    {
      "id": "F03",
      "category": "字体与呈现工具",
      "name": "BrowserFrame",
      "stack": "浏览器外框",
      "url": "https://browserframe.com/",
      "coverage": "给截图添加浏览器展示框",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://browserframe.com/",
      "page_title": "BrowserFrame | Wrap screenshots in browser frames"
    },
    {
      "id": "F04",
      "category": "字体与呈现工具",
      "name": "DeviceShots",
      "stack": "设备外框",
      "url": "https://deviceshots.com/",
      "coverage": "设备场景中的截图展示",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://deviceshots.com/",
      "page_title": "Device Shots: Free device mockup generator"
    },
    {
      "id": "F05",
      "category": "字体与呈现工具",
      "name": "Cleanmock",
      "stack": "展示模型",
      "url": "https://cleanmock.com/",
      "coverage": "页面与设备展示模型",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://cleanmock.com/",
      "page_title": "Mockup your designs simply and beautifully."
    },
    {
      "id": "F06",
      "category": "字体与呈现工具",
      "name": "Mockup.style",
      "stack": "展示模型",
      "url": "https://mockup.style/",
      "coverage": "设备与物料展示参考",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "本轮访问受限或失败，保留入口",
      "visual_review": "未人工定级",
      "check_error": "HTTP Error 404: Not Found"
    },
    {
      "id": "F07",
      "category": "字体与呈现工具",
      "name": "Ray.so",
      "stack": "代码展示",
      "url": "https://ray.so/",
      "coverage": "代码片段的视觉展示",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://ray.so/",
      "page_title": "Create beautiful images of your code"
    },
    {
      "id": "V01",
      "category": "设计案例与学习",
      "name": "Mono Color",
      "stack": "单色 / 双墨视觉样例",
      "url": "https://github.com/yanliudesign/mono-color-skill",
      "coverage": "编辑排版、网点、印刷质感；图像仅作参考，不按代码 MIT 授权使用",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://github.com/yanliudesign/mono-color-skill",
      "page_title": "GitHub - yanliudesign/mono-color-skill: One-ink editorial print image skill — warm paper, halftone photography, active negative space, and restrained typography. · GitHub"
    },
    {
      "id": "V02",
      "category": "设计案例与学习",
      "name": "Pinterest",
      "stack": "视觉检索",
      "url": "https://www.pinterest.com/",
      "coverage": "视觉发现入口；溯源到原作者，不能当素材授权",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://www.pinterest.com/",
      "page_title": "Pinterest"
    },
    {
      "id": "T01",
      "category": "工具与平台",
      "name": "Modern Web Guidance",
      "stack": "浏览器实现指南",
      "url": "https://github.com/GoogleChrome/modern-web-guidance",
      "coverage": "原生组件、动画与兼容性问题检索",
      "origin": "原有目录",
      "checked_at": "2026-09-17",
      "status": "链接可达，未逐项体验",
      "visual_review": "未人工定级",
      "resolved_url": "https://github.com/GoogleChrome/modern-web-guidance",
      "page_title": "GitHub - GoogleChrome/modern-web-guidance: Keep your coding agent up to date with the latest web best practices · GitHub"
    },
    {
      "id": "C12",
      "category": "组件与页面",
      "name": "Bootstrap",
      "stack": "HTML / CSS / JS",
      "url": "https://getbootstrap.com/docs/5.3/components/card/",
      "coverage": "布局与通用组件，保留为已有项目的实现选项",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "visual_review": "未人工定级",
      "resolved_url": "https://getbootstrap.com/docs/5.3/components/card/",
      "page_title": "Cards · Bootstrap v5.3",
      "status": "链接可达，未逐项体验"
    },
    {
      "id": "D09",
      "category": "设计系统",
      "name": "Apple Human Interface Guidelines",
      "stack": "多平台规范",
      "url": "https://developer.apple.com/design/human-interface-guidelines/materials",
      "coverage": "材质、层级和平台交互规范；按目标平台使用",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "visual_review": "未人工定级",
      "resolved_url": "https://developer.apple.com/design/human-interface-guidelines/materials",
      "page_title": "Materials | Apple Developer Documentation",
      "status": "链接可达，未逐项体验"
    },
    {
      "id": "V03",
      "category": "设计案例与学习",
      "name": "Hallmark Imagery",
      "stack": "图像风格参考",
      "url": "https://www.usehallmark.com/imagery/",
      "coverage": "水彩等图像风格参考与图库；使用具体素材前核对许可",
      "origin": "归档来源恢复",
      "checked_at": "2026-09-17",
      "visual_review": "未人工定级",
      "status": "本轮访问受限或失败，保留入口",
      "check_error": "HTTP Error 404: Not Found"
    }
  ],
  "effects": [
    {
      "id": "E01",
      "category": "出现与消失",
      "name": "渐显、模糊显现",
      "terms": "Fade / Blur reveal",
      "description": "从透明或模糊逐渐变清晰；比较起步、清晰时机与文字可读性。",
      "options": [
        {
          "source": "C02a",
          "label": "Blur Fade",
          "url": "https://sv-animations.vercel.app/magic/docs/components/blur-fade",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "整块内容同时显现，可包文字或图片。源码默认 6px 模糊、6px 位移、0.4s。",
          "code": "E01.01",
          "preview": "sv-blur-fade",
          "preview_kind": "上游组件",
          "height": 310,
          "preview_note": "原组件代码，本地示例内容。"
        },
        {
          "source": "C02b",
          "label": "Blur Reveal",
          "url": "https://sv-animations.vercel.app/spell/blur-reveal",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "将文本拆成字符，逐字错峰显现。源码默认 12px 模糊、10px 位移，可分别调字符速度与错峰。",
          "code": "E01.02",
          "preview": "sv-blur-reveal",
          "preview_kind": "上游组件",
          "height": 310,
          "preview_note": "原组件代码，本地示例内容。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E02",
      "category": "出现与消失",
      "name": "遮罩揭幕、切片出现",
      "terms": "Mask / Clip reveal",
      "description": "内容从一条边、切片或形状后被揭开。",
      "options": [
        {
          "source": "C02c",
          "label": "Vertical Cut Reveal",
          "url": "https://sv-animations.vercel.app/fancy/vertical-cut-reveal",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "逐字切开后纵向显现，强调文字节奏。",
          "code": "E02.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C02a",
          "label": "Dia Text Reveal",
          "url": "https://sv-animations.vercel.app/magic/docs/components/dia-text-reveal",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "沿特定方向揭示文字；应比较遮罩方向与触发时机。",
          "code": "E02.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E03",
      "category": "节奏与文字",
      "name": "依次出现",
      "terms": "Stagger",
      "description": "多个元素按顺序进入；看总等待时间和层级是否清楚。",
      "options": [
        {
          "source": "C02b",
          "label": "Words Stagger",
          "url": "https://sv-animations.vercel.app/spell/words-stagger",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "现成的词级错峰效果；适合标题与短句。",
          "code": "E03.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "M01",
          "label": "Staggers",
          "url": "https://gsap.com/resources/getting-started/Staggers",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "通用错峰参数，可编排任意元素；适合重复列表和多段时间线。",
          "code": "E03.02",
          "preview": "fx-gsap-stagger",
          "preview_kind": "真实引擎 · 机制实验",
          "height": 310,
          "preview_note": "运行该引擎的本地机制实验；原链接可能是教程或较复杂案例，不声称复刻原站。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E04",
      "category": "滚动与空间",
      "name": "滚动驱动叙事",
      "terms": "Scroll-driven / Scrub",
      "description": "动画进度跟随滚动，可用来展开流程或讲解。",
      "options": [
        {
          "source": "M06",
          "label": "Scroll-driven Animations",
          "url": "https://scroll-driven-animations.style/",
          "kind": "来源总入口，需继续选具体样例",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "原生滚动时间线示例，进度直接绑定滚动；采用前核对目标浏览器。",
          "code": "E04.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "M01",
          "label": "ScrollTrigger",
          "url": "https://gsap.com/docs/v3/Plugins/ScrollTrigger/",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "提供触发、固定和时间线编排；适合复杂滚动叙事。",
          "code": "E04.02",
          "preview": "fx-gsap-scroll",
          "preview_kind": "真实引擎 · 机制实验",
          "height": 310,
          "preview_note": "运行该引擎的本地机制实验；原链接可能是教程或较复杂案例，不声称复刻原站。"
        },
        {
          "source": "M02",
          "label": "Scroll-linked effects",
          "url": "https://motion.dev/examples/react-scroll-linked",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "在 Motion 组件中联动滚动值；适合已有 React 状态与动效体系。",
          "code": "E04.03",
          "preview": "fx-motion-scroll",
          "preview_kind": "真实引擎 · 机制实验",
          "height": 310,
          "preview_note": "运行该引擎的本地机制实验；原链接可能是教程或较复杂案例，不声称复刻原站。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E05",
      "category": "滚动与空间",
      "name": "前后景错速",
      "terms": "Parallax",
      "description": "前景与背景不同速度形成深度。",
      "options": [
        {
          "source": "M02",
          "label": "Parallax",
          "url": "https://motion.dev/examples/react-parallax",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "将滚动值映射为层间位移；适合界面内少量视差。",
          "code": "E05.01",
          "preview": "fx-motion-parallax",
          "preview_kind": "真实引擎 · 机制实验",
          "height": 310,
          "preview_note": "运行该引擎的本地机制实验；原链接可能是教程或较复杂案例，不声称复刻原站。"
        },
        {
          "source": "M01",
          "label": "Scroll",
          "url": "https://gsap.com/scroll/",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "用 ScrollTrigger 组织多层动作；适合跨段落的统一时间线。",
          "code": "E05.02",
          "preview": "fx-gsap-parallax",
          "preview_kind": "真实引擎 · 机制实验",
          "height": 310,
          "preview_note": "运行该引擎的本地机制实验；原链接可能是教程或较复杂案例，不声称复刻原站。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E06",
      "category": "滚动与空间",
      "name": "固定画面、分段推进",
      "terms": "Pin / Sticky sequence",
      "description": "滚动期间固定主画面，再逐步切换内容。",
      "options": [
        {
          "source": "M01",
          "label": "ScrollTrigger",
          "url": "https://gsap.com/docs/v3/Plugins/ScrollTrigger/",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "固定区段与滚动进度编排；适合较长的产品叙事。",
          "code": "E06.01",
          "preview": "fx-gsap-pin",
          "preview_kind": "真实引擎 · 机制实验",
          "height": 310,
          "preview_note": "运行该引擎的本地机制实验；原链接可能是教程或较复杂案例，不声称复刻原站。"
        },
        {
          "source": "M06",
          "label": "Scroll-driven Animations",
          "url": "https://scroll-driven-animations.style/",
          "kind": "来源总入口，需继续选具体样例",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "展示浏览器原生滚动动画；固定布局仍需单独组织。",
          "code": "E06.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E07",
      "category": "状态与布局",
      "name": "同一个元素跨状态移动",
      "terms": "Shared element / Layout animation",
      "description": "缩略图展开、列表重排仍保持对象连续。",
      "options": [
        {
          "source": "M02",
          "label": "iOS App Store",
          "url": "https://motion.dev/examples/react-app-store",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "应用商店式卡片展开实例；偏向 React 状态驱动与共享元素。",
          "code": "E07.01",
          "preview": "motion-layout-study",
          "preview_kind": "真实引擎 · 机制实验",
          "height": 310,
          "preview_note": "参与本组上方的同题实验。运行真实 layout/Flip 引擎，不复刻原站完整 App Store 案例。"
        },
        {
          "source": "M01",
          "label": "Flip",
          "url": "https://gsap.com/docs/v3/Plugins/Flip/",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "先测量、再改变布局并衔接；适合任意 DOM 和时间线编排。",
          "code": "E07.02",
          "preview": "motion-layout-study",
          "preview_kind": "真实引擎 · 机制实验",
          "height": 510,
          "preview_note": "参与本组上方的同题实验。运行真实 layout/Flip 引擎，不复刻原站完整 App Store 案例。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E08",
      "category": "状态与布局",
      "name": "形状变成另一种形状",
      "terms": "Morph",
      "description": "按钮、SVG 或轮廓连续变形；不等于简单交叉淡化。",
      "options": [
        {
          "source": "C01",
          "label": "Morph Button",
          "url": "https://ui.spectrumhq.in/docs/morph-button",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "按钮在等待、成功、失败间变形；是界面状态反馈。",
          "code": "E08.01",
          "preview": "spectrum-morph-success",
          "preview_kind": "上游组件",
          "height": 310,
          "preview_note": "原组件代码，本地示例内容。"
        },
        {
          "source": "M01",
          "label": "MorphSVG",
          "url": "https://gsap.com/docs/v3/Plugins/MorphSVGPlugin",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "对 SVG 路径形状做插值；不是按钮业务状态组件。",
          "code": "E08.02",
          "preview": "fx-gsap-morph",
          "preview_kind": "真实引擎 · 机制实验",
          "height": 310,
          "preview_note": "运行该引擎的本地机制实验；原链接可能是教程或较复杂案例，不声称复刻原站。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E09",
      "category": "路径与矢量",
      "name": "线条像被画出来",
      "terms": "SVG draw / Signature",
      "description": "路径逐步显露，可用于签名或关系连线。",
      "options": [
        {
          "source": "C02b",
          "label": "Signature",
          "url": "https://sv-animations.vercel.app/spell/signature",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "签名字迹的现成表达；适合短路径和署名。",
          "code": "E09.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "M01",
          "label": "DrawSVG",
          "url": "https://gsap.com/docs/v3/Plugins/DrawSVGPlugin",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "控制 SVG 描边进度；适合自有图形及连续时间线。",
          "code": "E09.02",
          "preview": "fx-gsap-draw",
          "preview_kind": "真实引擎 · 机制实验",
          "height": 310,
          "preview_note": "运行该引擎的本地机制实验；原链接可能是教程或较复杂案例，不声称复刻原站。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E10",
      "category": "路径与矢量",
      "name": "轨道与连线流动",
      "terms": "Orbit / Beam",
      "description": "对象绕行，或沿连接关系传递光点。",
      "options": [
        {
          "source": "C02a",
          "label": "Orbiting Circles",
          "url": "https://sv-animations.vercel.app/magic/docs/components/orbiting-circles",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "元素沿轨道旋转；强调围绕一个中心的关系。",
          "code": "E10.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C02a",
          "label": "Animated Beam",
          "url": "https://sv-animations.vercel.app/magic/docs/components/animated-beam",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "连接节点间的动态光束；强调传输方向与节点关系。",
          "code": "E10.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E11",
      "category": "手势与反馈",
      "name": "跟手拖拽、惯性与回弹",
      "terms": "Drag / Momentum / Spring",
      "description": "关注松手后的速度、边界阻尼和反向拖动。",
      "options": [
        {
          "source": "M02",
          "label": "Drag",
          "url": "https://motion.dev/examples/react-drag",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "通用拖动与约束机制；需自行定义排序或放置结果。",
          "code": "E11.01",
          "preview": "fx-motion-drag",
          "preview_kind": "真实引擎 · 机制实验",
          "height": 310,
          "preview_note": "运行该引擎的本地机制实验；原链接可能是教程或较复杂案例，不声称复刻原站。"
        },
        {
          "source": "C01",
          "label": "Swipe to Delete",
          "url": "https://ui.spectrumhq.in/docs/swipe-to-delete",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "向侧滑动后露出删除动作；已经绑定一种具体交互模式。",
          "code": "E11.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E12",
      "category": "手势与反馈",
      "name": "长按完成、按下确认",
      "terms": "Hold to confirm / Press feedback",
      "description": "用时间或形变表达正在按住与完成。",
      "options": [
        {
          "source": "C01",
          "label": "Hold to Confirm",
          "url": "https://ui.spectrumhq.in/docs/hold-to-confirm",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "达到长按阈值才确认；适合防误触，本地样本不执行删除。",
          "code": "E12.01",
          "preview": "spectrum-hold",
          "preview_kind": "上游组件",
          "height": 310,
          "preview_note": "原组件代码，本地示例内容。"
        },
        {
          "source": "C02a",
          "label": "Ripple Button",
          "url": "https://sv-animations.vercel.app/magic/docs/components/ripple-button",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "点击产生水波反馈；不具备长按确认门槛。",
          "code": "E12.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E13",
      "category": "手势与反馈",
      "name": "跟随指针与像素轨迹",
      "terms": "Cursor / Pointer trail",
      "description": "指针带动图形或留下轨迹；触屏需独立方案。",
      "options": [
        {
          "source": "C02c",
          "label": "Pixel Trail",
          "url": "https://sv-animations.vercel.app/fancy/pixel-trail",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "指针轨迹以像素残影表达；适合实验性页面。",
          "code": "E13.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C02a",
          "label": "Smooth Cursor",
          "url": "https://sv-animations.vercel.app/magic/docs/components/smooth-cursor",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "平滑跟随光标；适合克制的指向反馈。",
          "code": "E13.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "M02",
          "label": "iOS pointer animation",
          "url": "https://motion.dev/examples/react-ios-pointer",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "模拟特定系统的指针反馈；需考虑触屏与系统光标可用性。",
          "code": "E13.03",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E14",
      "category": "滚动与空间",
      "name": "立体倾斜与书本翻开",
      "terms": "3D tilt / Perspective",
      "description": "卡片随视角倾斜，或分层展开书本。",
      "options": [
        {
          "source": "C01",
          "label": "3D Tilt Card",
          "url": "https://ui.spectrumhq.in/docs/tilt-card",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "React 卡片随指针倾斜，可开关光泽；本地有真实样本。",
          "code": "E14.01",
          "preview": "spectrum-tilt-glare",
          "preview_kind": "上游组件",
          "height": 310,
          "preview_note": "原组件代码，本地示例内容。"
        },
        {
          "source": "C02b",
          "label": "Tilt Card",
          "url": "https://sv-animations.vercel.app/spell/tilt-card",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "Svelte 卡片倾斜；用原例比较透视与回弹，不按库名推断质感。",
          "code": "E14.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C02b",
          "label": "Perspective Book",
          "url": "https://sv-animations.vercel.app/spell/perspective-book",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "书本的厚度与透视结构；不是普通平面卡片换个缓动。",
          "code": "E14.03",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E15",
      "category": "节奏与文字",
      "name": "连续滚动文字与 Logo",
      "terms": "Marquee / Carousel",
      "description": "横向连续运动；比较接缝、节奏与暂停行为。",
      "options": [
        {
          "source": "C02a",
          "label": "Marquee",
          "url": "https://sv-animations.vercel.app/magic/docs/components/marquee",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "可配置方向的连续内容流；适合 logo 或短证言。",
          "code": "E15.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C02b",
          "label": "Marquee",
          "url": "https://sv-animations.vercel.app/spell/marquee",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "Svelte 跑马灯实现；重点比较无缝连接与暂停行为。",
          "code": "E15.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C02b",
          "label": "Logo Carousel",
          "url": "https://sv-animations.vercel.app/spell/logo-carousel",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "专用于 logo 的轮播呈现；内容结构比通用跑马灯更具体。",
          "code": "E15.03",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E16",
      "category": "背景与材质",
      "name": "粒子场、变形点云",
      "terms": "Particles / Point cloud",
      "description": "大量点形成背景或对象，可能需要 GPU。",
      "options": [
        {
          "source": "M02",
          "label": "Three.js TSL particle morph",
          "url": "https://motion.dev/examples/js-three-tsl",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "粒子目标形态间变换的技术示例；需要处理 GPU 渲染。",
          "code": "E16.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C09",
          "label": "ThreeUI",
          "url": "https://threeui.com/",
          "kind": "来源总入口，需继续选具体样例",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "三维组件集合入口；需继续选择具体场景，不是单个粒子组件。",
          "code": "E16.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "M03",
          "label": "Three.js",
          "url": "https://threejs.org/examples/",
          "kind": "来源总入口，需继续选具体样例",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "完整三维引擎示例集；控制范围最大，也需自行构建场景。",
          "code": "E16.03",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E17",
      "category": "背景与材质",
      "name": "流体、光场与空间背景",
      "terms": "Shader / Fluid / Warp",
      "description": "通过 shader 或图层表达液体、光场、空间感。",
      "options": [
        {
          "source": "C09",
          "label": "ThreeUI",
          "url": "https://threeui.com/",
          "kind": "来源总入口，需继续选具体样例",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "shader 与三维资源集合；按目标效果选具体作品。",
          "code": "E17.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C02a",
          "label": "Warp Background",
          "url": "https://sv-animations.vercel.app/magic/docs/components/warp-background",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "现成扭曲背景；适合局部装饰，不能等同通用 shader 引擎。",
          "code": "E17.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E18",
      "category": "背景与材质",
      "name": "金属、反光与边缘流光",
      "terms": "Metal / Glare / Border beam",
      "description": "质感来自高光、边缘和运动关系，需放回真实背景比较。",
      "options": [
        {
          "source": "C01",
          "label": "Metal Button",
          "url": "https://ui.spectrumhq.in/docs/metal-button",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "真实 WebGL 金属边缘，提供三种材质预设；本地可切换比较。",
          "code": "E18.01",
          "preview": "spectrum-metal-chromatic",
          "preview_kind": "上游组件",
          "height": 310,
          "preview_note": "原组件代码，本地示例内容。"
        },
        {
          "source": "C02a",
          "label": "Glare Hover",
          "url": "https://sv-animations.vercel.app/magic/docs/components/glare-hover",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "悬停产生光泽反馈；更适合已有卡片的表面处理。",
          "code": "E18.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C02a",
          "label": "Border Beam",
          "url": "https://sv-animations.vercel.app/magic/docs/components/border-beam",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "高亮沿边框运动；强调边界与注意力，不是金属材质。",
          "code": "E18.03",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E19",
      "category": "节奏与文字",
      "name": "字母翻转与扰码",
      "terms": "Letter swap / Scramble",
      "description": "字母翻转、重排或由乱码收敛；关注中文与长标题。",
      "options": [
        {
          "source": "C02c",
          "label": "Letter 3D Swap",
          "url": "https://sv-animations.vercel.app/fancy/letter-3d-swap",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "字母在三维空间翻换；适合短标题。",
          "code": "E19.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C02c",
          "label": "Scramble In",
          "url": "https://sv-animations.vercel.app/fancy/scramble-in",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "字符扰乱后收敛；强调解码式进入过程。",
          "code": "E19.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C02b",
          "label": "Randomized Text",
          "url": "https://sv-animations.vercel.app/spell/randomized-text",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "随机文字变化；适合装饰性标题，阅读内容应保持可读。",
          "code": "E19.03",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E20",
      "category": "节奏与文字",
      "name": "数字滚动与文字形变",
      "terms": "Number ticker / Text morph",
      "description": "数值或词变化时保持视觉连续。",
      "options": [
        {
          "source": "C01",
          "label": "Number Ticker",
          "url": "https://ui.spectrumhq.in/docs/number-ticker",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "数字变化组件；适合指标值的过渡。",
          "code": "E20.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C02a",
          "label": "Number Ticker",
          "url": "https://sv-animations.vercel.app/magic/docs/components/number-ticker",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "另一套数字过渡实现；比较数字方向、排版稳定性和减弱动效。",
          "code": "E20.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C02a",
          "label": "Morphing Text",
          "url": "https://sv-animations.vercel.app/magic/docs/components/morphing-text",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "文字形态切换；不保证数值插值语义。",
          "code": "E20.03",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E21",
      "category": "节奏与文字",
      "name": "文字沿路径、图像穿插文字",
      "terms": "Text path / Media between text",
      "description": "让字沿曲线排布，或在正文间插入动态媒体。",
      "options": [
        {
          "source": "C02c",
          "label": "Text Along Path",
          "url": "https://sv-animations.vercel.app/fancy/text-along-path",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "文字沿曲线排列或运动；适合徽章与环形标题。",
          "code": "E21.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C02c",
          "label": "Media Between Text",
          "url": "https://sv-animations.vercel.app/fancy/media-between-text",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "把媒体穿插在文字之间；属于编排结构，不是路径文字。",
          "code": "E21.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E22",
      "category": "加载与状态",
      "name": "点阵、几何加载",
      "terms": "Dot matrix / Geometric loader",
      "description": "同为等待状态，点阵、轨道和几何翻转有不同气质。",
      "options": [
        {
          "source": "C07",
          "label": "Hex Orbit",
          "url": "https://sv-matrix.vercel.app/components/hex/hex-1",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "点阵六边形轨道构图；视觉重心围绕中心旋转。",
          "code": "E22.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C07",
          "label": "Liquid Vortex",
          "url": "https://sv-matrix.vercel.app/components/hex/hex-10",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "点阵液体涡流构图；更接近流场背景。",
          "code": "E22.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C07",
          "label": "Glyph Flip",
          "url": "https://sv-matrix.vercel.app/components/hex/hex-8",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "点阵字形翻换；适合字符与图标状态变化。",
          "code": "E22.03",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E23",
      "category": "加载与状态",
      "name": "骨架、微光与状态提示",
      "terms": "Skeleton / Shimmer / Toast",
      "description": "用占位、光泽与通知提示状态；不应掩盖错误。",
      "options": [
        {
          "source": "C01",
          "label": "Skeleton Reveal",
          "url": "https://ui.spectrumhq.in/docs/skeleton-reveal",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "加载骨架到真实内容的揭示；本地可以触发。",
          "code": "E23.01",
          "preview": "spectrum-skeleton",
          "preview_kind": "上游组件",
          "height": 310,
          "preview_note": "原组件代码，本地示例内容。"
        },
        {
          "source": "C01",
          "label": "Toast Stack",
          "url": "https://ui.spectrumhq.in/docs/toast-stack",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "多条通知的堆叠组件；关注层级、关闭与停留时间。",
          "code": "E23.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "M02",
          "label": "Toast stack",
          "url": "https://motion.dev/examples/react-toast-stack",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "通知堆叠的动效教程；需要配合业务通知逻辑。",
          "code": "E23.03",
          "preview": "fx-motion-toast",
          "preview_kind": "真实引擎 · 机制实验",
          "height": 310,
          "preview_note": "运行该引擎的本地机制实验；原链接可能是教程或较复杂案例，不声称复刻原站。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E24",
      "category": "产品组件",
      "name": "抽屉、弹层与折叠",
      "terms": "Drawer / Modal / Accordion",
      "description": "比较出发位置、焦点、遮罩和收起时机。",
      "options": [
        {
          "source": "C01",
          "label": "Animated Drawer",
          "url": "https://ui.spectrumhq.in/docs/animateddrawer",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "侧向抽屉组件；用于保留页面上下文的详情或编辑。",
          "code": "E24.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "M02",
          "label": "Modal",
          "url": "https://motion.dev/examples/react-modal",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "模态层实例；要配合焦点管理与关闭行为。",
          "code": "E24.02",
          "preview": "fx-motion-modal",
          "preview_kind": "真实引擎 · 机制实验",
          "height": 310,
          "preview_note": "运行该引擎的本地机制实验；原链接可能是教程或较复杂案例，不声称复刻原站。"
        },
        {
          "source": "M02",
          "label": "Accordion",
          "url": "https://motion.dev/examples/react-accordion",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "折叠内容实例；仍在文档流内，和模态层不是同类导航。",
          "code": "E24.03",
          "preview": "fx-motion-accordion",
          "preview_kind": "真实引擎 · 机制实验",
          "height": 310,
          "preview_note": "运行该引擎的本地机制实验；原链接可能是教程或较复杂案例，不声称复刻原站。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E25",
      "category": "产品组件",
      "name": "数据表格、筛选与密度",
      "terms": "Data table / Filter",
      "description": "同样是表格，操作位置、密度、选中态与滚动行为差异很大。",
      "options": [
        {
          "source": "C01",
          "label": "Data Table",
          "url": "https://ui.spectrumhq.in/docs/data-table",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "具体数据表组件；需要继续核对排序、分页与键盘能力。",
          "code": "E25.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C03",
          "label": "View Components",
          "url": "https://sv-table.vercel.app/docs/introduction",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "组件合集入口；先选出具体表格，不能把整个库当单一变体。",
          "code": "E25.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C06",
          "label": "New Datatable Blocks",
          "url": "https://sv-particles.vercel.app/particles/data-table",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "数据表页面区块；包含周边布局，借用范围大于单个表格。",
          "code": "E25.03",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E26",
      "category": "产品组件",
      "name": "看板与树形导航",
      "terms": "Kanban / Tree navigation",
      "description": "表达任务阶段或层级关系。",
      "options": [
        {
          "source": "C01",
          "label": "Kanban Board",
          "url": "https://ui.spectrumhq.in/docs/kanban",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "按列组织状态卡片；适合流程与任务管理。",
          "code": "E26.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C01",
          "label": "Tree Nav",
          "url": "https://ui.spectrumhq.in/docs/tree-nav",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "可展开的层级导航；适合文件或组织结构。",
          "code": "E26.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C02a",
          "label": "File Tree",
          "url": "https://sv-animations.vercel.app/magic/docs/components/file-tree",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "文件树的具体呈现；偏向项目结构说明。",
          "code": "E26.03",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E27",
      "category": "页面与图像",
      "name": "Hero、图库与 App Shell",
      "terms": "Page blocks / Gallery",
      "description": "先比较内容结构，再看表面样式。",
      "options": [
        {
          "source": "C04",
          "label": "Explore Blocks",
          "url": "https://sv-blocks.vercel.app/hero",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "页面区块集合；按 hero、定价等任务选，不统一套用整站。",
          "code": "E27.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C05",
          "label": "Hero Sections 3 blocks",
          "url": "https://sv-efferd.pages.dev/blocks/hero",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "首屏区块集合；重点是信息层级与行动入口。",
          "code": "E27.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C05",
          "label": "Image Gallery 1 block",
          "url": "https://sv-efferd.pages.dev/blocks/image-gallery",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "图库区块集合；重点是图片比例与浏览节奏。",
          "code": "E27.03",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C05",
          "label": "App Shell 1 block",
          "url": "https://sv-efferd.pages.dev/blocks/app-shell",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "应用外壳集合；定义导航和内容区关系，不等于营销首屏。",
          "code": "E27.04",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E28",
      "category": "页面与图像",
      "name": "产品截图放大与演示",
      "terms": "Screenshot walkthrough",
      "description": "真实截图承载证据，保留缩放和讲述顺序。",
      "options": [
        {
          "source": "C01",
          "label": "Image Preview",
          "url": "https://ui.spectrumhq.in/docs/imagepreview",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "图片查看器；适合放大与查看细节。",
          "code": "E28.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "C02a",
          "label": "Hero Video Dialog",
          "url": "https://sv-animations.vercel.app/magic/docs/components/hero-video-dialog",
          "kind": "页面中发现的具体入口",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "首屏视频弹层；适合演示视频与营销讲解。",
          "code": "E28.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E29",
      "category": "页面与图像",
      "name": "插画角色与场景",
      "terms": "Illustration / Character",
      "description": "同样讲一个故事，可以用不同人物、线条与造型语言。",
      "options": [
        {
          "source": "A01",
          "label": "unDraw",
          "url": "https://undraw.co/",
          "kind": "来源总入口，需继续选具体样例",
          "link_status": "链接可达，效果待体验",
          "checked_at": "2026-09-17",
          "difference": "可调主色的插画库；按画风一致性选择。",
          "code": "E29.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "A02",
          "label": "Storyset",
          "url": "https://storyset.com/",
          "kind": "页面中发现的具体入口",
          "link_status": "2026-09-18 已按来源语义纠正",
          "checked_at": "2026-09-17",
          "difference": "多风格插画与动画资源；同项目应限定一套画风。",
          "code": "E29.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "A03",
          "label": "Humaaans",
          "url": "https://www.humaaans.com/",
          "kind": "页面中发现的具体入口",
          "link_status": "2026-09-18 已按来源语义纠正",
          "checked_at": "2026-09-17",
          "difference": "人物拼装素材；适合自组场景。",
          "code": "E29.03",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "A04",
          "label": "Open Peeps",
          "url": "https://www.openpeeps.com/",
          "kind": "页面中发现的具体入口",
          "link_status": "2026-09-18 已按来源语义纠正",
          "checked_at": "2026-09-17",
          "difference": "手绘人物素材；适合更有笔触感的人物表达。",
          "code": "E29.04",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E30",
      "category": "背景与材质",
      "name": "纸张、网点与单色印刷",
      "terms": "Halftone / One-ink editorial",
      "description": "比较留白、排字、网点和纸张；参考图不能按代码许可直接商用。",
      "options": [
        {
          "source": "V01",
          "label": "Mono Color",
          "url": "https://github.com/yanliudesign/mono-color-skill",
          "kind": "页面中发现的具体入口",
          "link_status": "2026-09-18 已按来源语义纠正",
          "checked_at": "2026-09-17",
          "difference": "单色案例参考；原创作品仅作学习，不当成可自由复制素材。",
          "code": "E30.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "A06",
          "label": "fffuel",
          "url": "https://www.fffuel.co/",
          "kind": "页面中发现的具体入口",
          "link_status": "2026-09-18 已按来源语义纠正",
          "checked_at": "2026-09-17",
          "difference": "纹理与图形生成器；适合生成可调整的背景素材。",
          "code": "E30.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E31",
      "category": "路径与矢量",
      "name": "会响应输入的矢量角色",
      "terms": "Interactive vector / State machine",
      "description": "Rive 可用状态机连接输入与图形；Lottie 提供预制矢量动效，复杂交互需另行实现。",
      "options": [
        {
          "source": "M04",
          "label": "Rive",
          "url": "https://rive.app/",
          "kind": "页面中发现的具体入口",
          "link_status": "2026-09-18 已按来源语义纠正",
          "checked_at": "2026-09-17",
          "difference": "状态驱动的交互矢量内容；适合角色响应和多状态图形。",
          "code": "E31.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "M05",
          "label": "LottieFiles",
          "url": "https://lottiefiles.com/",
          "kind": "来源总入口，需继续选具体样例",
          "link_status": "访问受限或失败，采用前复核",
          "checked_at": "2026-09-17",
          "difference": "动画素材与播放器生态；适合按进度播放的现成动画，具体许可逐项核对。",
          "code": "E31.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    },
    {
      "id": "E32",
      "category": "背景与材质",
      "name": "纹理、渐变与形状生成",
      "terms": "Noise / Mesh gradient / Pattern",
      "description": "创建背景形态而非只叠一层默认渐变。",
      "options": [
        {
          "source": "A06",
          "label": "fffuel",
          "url": "https://www.fffuel.co/",
          "kind": "页面中发现的具体入口",
          "link_status": "2026-09-18 已按来源语义纠正",
          "checked_at": "2026-09-17",
          "difference": "多种图形与纹理生成工具；适合需要可控输出的装饰素材。",
          "code": "E32.01",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "A07",
          "label": "CSS Gradient",
          "url": "https://cssgradient.io/",
          "kind": "页面中发现的具体入口",
          "link_status": "2026-09-18 已按来源语义纠正",
          "checked_at": "2026-09-17",
          "difference": "线性、径向渐变配置；适合简单可维护的 CSS 背景。",
          "code": "E32.02",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        },
        {
          "source": "A08",
          "label": "Learn UI Mesh Gradient",
          "url": "https://www.learnui.design/tools/mesh-gradient-generator.html",
          "kind": "页面中发现的具体入口",
          "link_status": "2026-09-18 已按来源语义纠正",
          "checked_at": "2026-09-17",
          "difference": "多点色彩融合生成器；适合柔和复杂色场，注意输出格式。",
          "code": "E32.03",
          "preview": null,
          "preview_kind": "来源入口 · 未接入预览",
          "height": 310,
          "preview_note": "此入口尚无本地可操作样本；加入本批时会标明先预览再采用。"
        }
      ],
      "quality": "待人工比较"
    }
  ],
  "local_resources": [],
  "feedback": {
    "storage": "只建立空白评审格式；不自动写长期记忆，不自动把一次选择设为全局偏好。",
    "fields": [
      "effect_id",
      "chosen_source_and_url",
      "rejected_source_and_url",
      "liked_attributes",
      "disliked_attributes",
      "context",
      "scope",
      "review_date"
    ],
    "entries": []
  },
  "preview_samples": [
    {
      "id": "Q01",
      "effect_id": "E19",
      "source_id": "C02c",
      "name": "字母三维翻转",
      "file": "previews/fancy-letter-3d.png",
      "url": "https://sv-animations.vercel.app/fancy/letter-3d-swap"
    },
    {
      "id": "Q02",
      "effect_id": "E14",
      "source_id": "C02b",
      "name": "书本透视",
      "file": "previews/spell-book.png",
      "url": "https://sv-animations.vercel.app/spell/perspective-book"
    },
    {
      "id": "Q03",
      "effect_id": "E22",
      "source_id": "C07",
      "name": "点阵涡旋加载",
      "file": "previews/matrix-vortex.png",
      "url": "https://sv-matrix.vercel.app/components/hex/hex-10"
    },
    {
      "id": "Q04",
      "effect_id": "E18",
      "source_id": "C01",
      "name": "金属按钮",
      "file": "previews/spectrum-metal.png",
      "url": "https://ui.spectrumhq.in/docs/metal-button"
    },
    {
      "id": "Q05",
      "effect_id": "E14",
      "source_id": "C01",
      "name": "Spectrum 立体卡片",
      "file": "previews/spectrum-tilt.png",
      "url": "https://ui.spectrumhq.in/docs/tilt-card"
    },
    {
      "id": "Q06",
      "effect_id": "E14",
      "source_id": "C02b",
      "name": "Spell 立体卡片",
      "file": "previews/spell-tilt.png",
      "url": "https://sv-animations.vercel.app/spell/tilt-card"
    }
  ],
  "components": [
    {
      "id": "spectrum-follow",
      "name": "关注按钮",
      "category": "按钮",
      "source": "C01",
      "difference": "状态改变宽度、填充和标签；再次悬停显示取消关注",
      "use": "关注关系和订阅开关",
      "url": "https://ui.spectrumhq.in/docs/follow-button",
      "preview": "runtime/index.html?id=spectrum-follow",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C001",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-button-solid",
      "name": "Radix · solid",
      "category": "按钮",
      "source": "C11",
      "difference": "实色填充，视觉权重较高",
      "use": "按同一页面的动作层级选择，不代表不同业务状态",
      "url": "https://www.radix-ui.com/themes/docs/components/button",
      "preview": "runtime/index.html?id=radix-button-solid",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C002",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "material-button-filled",
      "name": "Material · filled",
      "category": "按钮",
      "source": "D01",
      "difference": "实色填充，运行官方 Material Web 组件",
      "use": "突出主要动作",
      "url": "https://github.com/material-components/material-web/blob/main/docs/components/button.md",
      "preview": "runtime/index.html?id=material-button-filled",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C003",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-button-primary",
      "name": "Bootstrap · primary",
      "category": "按钮",
      "source": "C12",
      "difference": "实色变体；主要动作。颜色语义仍需文字说明",
      "use": "已有 Bootstrap 项目内的动作层级",
      "url": "https://getbootstrap.com/docs/5.3/components/buttons/",
      "preview": "runtime/index.html?id=bootstrap-button-primary",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C004",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-morph-success",
      "name": "异步成功按钮",
      "category": "按钮",
      "source": "C01",
      "difference": "等待时变形为加载，完成后显示勾选；模拟延迟 900ms",
      "use": "保存或提交的异步反馈",
      "url": "https://ui.spectrumhq.in/docs/morph-button",
      "preview": "runtime/index.html?id=spectrum-morph-success",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C005",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-hold",
      "name": "长按确认 1200ms",
      "category": "按钮",
      "source": "C01",
      "difference": "持续按住填满进度，提前松开取消；没有真实删除",
      "use": "避免误触的重要操作",
      "url": "https://ui.spectrumhq.in/docs/hold-to-confirm",
      "preview": "runtime/index.html?id=spectrum-hold",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C006",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-follow-active",
      "name": "已关注状态",
      "category": "按钮",
      "source": "C01",
      "difference": "从已关注开始，可比较二次悬停的取消提示",
      "use": "需要可逆状态的关注操作",
      "url": "https://ui.spectrumhq.in/docs/follow-button",
      "preview": "runtime/index.html?id=spectrum-follow-active",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C007",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-like",
      "name": "点赞与计数",
      "category": "按钮",
      "source": "C01",
      "difference": "心形弹跳、粒子与计数滚动共同反馈点击",
      "use": "内容互动，避免用于普通提交",
      "url": "https://ui.spectrumhq.in/docs/like-button",
      "preview": "runtime/index.html?id=spectrum-like",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C008",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-like-active",
      "name": "已点赞状态",
      "category": "按钮",
      "source": "C01",
      "difference": "初始已选，再次点击撤回并减少计数",
      "use": "可撤回的轻量互动",
      "url": "https://ui.spectrumhq.in/docs/like-button",
      "preview": "runtime/index.html?id=spectrum-like-active",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C009",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-morph-error",
      "name": "异步失败按钮",
      "category": "按钮",
      "source": "C01",
      "difference": "同一动作演示失败、抖动和回到可重试状态",
      "use": "需要错误恢复的提交操作",
      "url": "https://ui.spectrumhq.in/docs/morph-button",
      "preview": "runtime/index.html?id=spectrum-morph-error",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C010",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-hold-short",
      "name": "长按确认 600ms",
      "category": "按钮",
      "source": "C01",
      "difference": "同一组件缩短保持时间，对比确认成本",
      "use": "较轻量的确认，时间由场景测试",
      "url": "https://ui.spectrumhq.in/docs/hold-to-confirm",
      "preview": "runtime/index.html?id=spectrum-hold-short",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C011",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-share",
      "name": "展开操作按钮",
      "category": "按钮",
      "source": "C01",
      "difference": "点击后展开两个演示动作，选择只显示本地反馈",
      "use": "低频次级动作的收纳",
      "url": "https://ui.spectrumhq.in/docs/share-button",
      "preview": "runtime/index.html?id=spectrum-share",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C012",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-switch-off",
      "name": "弹性开关 · 关闭",
      "category": "表单与选择",
      "source": "C01",
      "difference": "按压拉伸滑块，点击或拖动切换",
      "use": "二元设置",
      "url": "https://ui.spectrumhq.in/docs/animated-switch",
      "preview": "runtime/index.html?id=spectrum-switch-off",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C013",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-switch-on",
      "name": "弹性开关 · 开启",
      "category": "表单与选择",
      "source": "C01",
      "difference": "从开启态开始，图标随状态变化",
      "use": "比较已启用状态的可读性",
      "url": "https://ui.spectrumhq.in/docs/animated-switch",
      "preview": "runtime/index.html?id=spectrum-switch-on",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C014",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-metal-chromatic",
      "name": "液态金属 · Chromatic",
      "category": "按钮",
      "source": "C01",
      "difference": "真实 metal-fx WebGL 环形材质，彩色反射",
      "use": "活动页主 CTA 或品牌焦点",
      "url": "https://ui.spectrumhq.in/docs/metal-button",
      "preview": "runtime/index.html?id=spectrum-metal-chromatic",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C015",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "金属"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-metal-silver",
      "name": "液态金属 · Silver",
      "category": "按钮",
      "source": "C01",
      "difference": "同一 shader 的银色预设，表面更中性",
      "use": "较克制的材质强调",
      "url": "https://ui.spectrumhq.in/docs/metal-button",
      "preview": "runtime/index.html?id=spectrum-metal-silver",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C016",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "金属"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-metal-gold",
      "name": "液态金属 · Gold",
      "category": "按钮",
      "source": "C01",
      "difference": "同一 shader 的金色预设，暖色高光",
      "use": "明确需要金属视觉的品牌表达",
      "url": "https://ui.spectrumhq.in/docs/metal-button",
      "preview": "runtime/index.html?id=spectrum-metal-gold",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C017",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "金属"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-stepper",
      "name": "数量步进器",
      "category": "表单与选择",
      "source": "C01",
      "difference": "加减数字在 0–10 之间，显示当前取值",
      "use": "购买数量、席位数等有界整数",
      "url": "https://ui.spectrumhq.in/docs/quantity-stepper",
      "preview": "runtime/index.html?id=spectrum-stepper",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C018",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-rating",
      "name": "交互星级评分",
      "category": "表单与选择",
      "source": "C01",
      "difference": "悬停预览、点击提交、再点清除",
      "use": "收集主观评价",
      "url": "https://ui.spectrumhq.in/docs/star-rating",
      "preview": "runtime/index.html?id=spectrum-rating",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C019",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-rating-readonly",
      "name": "只读评分 4.3",
      "category": "数据与状态",
      "source": "C01",
      "difference": "分数可非整数，不接受编辑",
      "use": "汇总评分展示",
      "url": "https://ui.spectrumhq.in/docs/star-rating",
      "preview": "runtime/index.html?id=spectrum-rating-readonly",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C020",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-checkbox",
      "name": "任务复选框",
      "category": "表单与选择",
      "source": "C01",
      "difference": "勾选与文字划线共同表达完成",
      "use": "待办列表",
      "url": "https://ui.spectrumhq.in/docs/task-checkbox",
      "preview": "runtime/index.html?id=spectrum-checkbox",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C021",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-bell",
      "name": "通知数徽标",
      "category": "数据与状态",
      "source": "C01",
      "difference": "点击模拟新增通知，观察数字变化",
      "use": "有明确未读数量的通知入口",
      "url": "https://ui.spectrumhq.in/docs/notification-bell",
      "preview": "runtime/index.html?id=spectrum-bell",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C022",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-bell-dot",
      "name": "通知圆点",
      "category": "数据与状态",
      "source": "C01",
      "difference": "只提示有更新，不显示数量",
      "use": "无需暴露数量的轻量提示",
      "url": "https://ui.spectrumhq.in/docs/notification-bell",
      "preview": "runtime/index.html?id=spectrum-bell-dot",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C023",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-tilt-glare",
      "name": "倾斜卡片 · 高光",
      "category": "卡片与容器",
      "source": "C01",
      "difference": "指针驱动倾斜、层次偏移和高光",
      "use": "展示型商品或作品卡片",
      "url": "https://ui.spectrumhq.in/docs/tilt-card",
      "preview": "runtime/index.html?id=spectrum-tilt-glare",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C024",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "立体"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-tilt-flat",
      "name": "倾斜卡片 · 无高光",
      "category": "卡片与容器",
      "source": "C01",
      "difference": "同一倾斜逻辑关闭 glare，分离动作与材质的贡献",
      "use": "需要空间感但不强调反光的卡片",
      "url": "https://ui.spectrumhq.in/docs/tilt-card",
      "preview": "runtime/index.html?id=spectrum-tilt-flat",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C025",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "立体"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-avatars",
      "name": "头像组",
      "category": "数据与状态",
      "source": "C01",
      "difference": "初始显示三位，点击剩余数量展开；采用姓名缩写",
      "use": "协作成员与参与者",
      "url": "https://ui.spectrumhq.in/docs/avatar-stack",
      "preview": "runtime/index.html?id=spectrum-avatars",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C026",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-skeleton",
      "name": "骨架切换",
      "category": "数据与状态",
      "source": "C01",
      "difference": "按钮切换占位和内容，观察同区域过渡",
      "use": "等待真实数据的区域",
      "url": "https://ui.spectrumhq.in/docs/skeleton-reveal",
      "preview": "runtime/index.html?id=spectrum-skeleton",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C027",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-button-classic",
      "name": "Radix · classic",
      "category": "按钮",
      "source": "C11",
      "difference": "带立体层次的经典按钮",
      "use": "按同一页面的动作层级选择，不代表不同业务状态",
      "url": "https://www.radix-ui.com/themes/docs/components/button",
      "preview": "runtime/index.html?id=radix-button-classic",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C028",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "立体"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-button-soft",
      "name": "Radix · soft",
      "category": "按钮",
      "source": "C11",
      "difference": "浅色填充，视觉权重较低",
      "use": "按同一页面的动作层级选择，不代表不同业务状态",
      "url": "https://www.radix-ui.com/themes/docs/components/button",
      "preview": "runtime/index.html?id=radix-button-soft",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C029",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "柔和"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-button-surface",
      "name": "Radix · surface",
      "category": "按钮",
      "source": "C11",
      "difference": "表面填充与细边界",
      "use": "按同一页面的动作层级选择，不代表不同业务状态",
      "url": "https://www.radix-ui.com/themes/docs/components/button",
      "preview": "runtime/index.html?id=radix-button-surface",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C030",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-button-outline",
      "name": "Radix · outline",
      "category": "按钮",
      "source": "C11",
      "difference": "描边边界，保持背景透出",
      "use": "按同一页面的动作层级选择，不代表不同业务状态",
      "url": "https://www.radix-ui.com/themes/docs/components/button",
      "preview": "runtime/index.html?id=radix-button-outline",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C031",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "描边"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-button-ghost",
      "name": "Radix · ghost",
      "category": "按钮",
      "source": "C11",
      "difference": "弱化容器，只保留文字与悬停反馈",
      "use": "按同一页面的动作层级选择，不代表不同业务状态",
      "url": "https://www.radix-ui.com/themes/docs/components/button",
      "preview": "runtime/index.html?id=radix-button-ghost",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C032",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-switch-1",
      "name": "Radix 开关 · 尺寸 1",
      "category": "表单与选择",
      "source": "C11",
      "difference": "同一开关的官方 size=1，比较密度和点击目标",
      "use": "页面密度适配",
      "url": "https://www.radix-ui.com/themes/docs/components/switch",
      "preview": "runtime/index.html?id=radix-switch-1",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C033",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-switch-2",
      "name": "Radix 开关 · 尺寸 2",
      "category": "表单与选择",
      "source": "C11",
      "difference": "同一开关的官方 size=2，比较密度和点击目标",
      "use": "页面密度适配",
      "url": "https://www.radix-ui.com/themes/docs/components/switch",
      "preview": "runtime/index.html?id=radix-switch-2",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C034",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-switch-3",
      "name": "Radix 开关 · 尺寸 3",
      "category": "表单与选择",
      "source": "C11",
      "difference": "同一开关的官方 size=3，比较密度和点击目标",
      "use": "页面密度适配",
      "url": "https://www.radix-ui.com/themes/docs/components/switch",
      "preview": "runtime/index.html?id=radix-switch-3",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C035",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-input-classic",
      "name": "Radix 输入框 · classic",
      "category": "表单与选择",
      "source": "C11",
      "difference": "官方输入框的 classic 变体，可输入真实文本",
      "use": "表单与搜索",
      "url": "https://www.radix-ui.com/themes/docs/components/text-field",
      "preview": "runtime/index.html?id=radix-input-classic",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C036",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "立体"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-input-surface",
      "name": "Radix 输入框 · surface",
      "category": "表单与选择",
      "source": "C11",
      "difference": "官方输入框的 surface 变体，可输入真实文本",
      "use": "表单与搜索",
      "url": "https://www.radix-ui.com/themes/docs/components/text-field",
      "preview": "runtime/index.html?id=radix-input-surface",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C037",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-input-soft",
      "name": "Radix 输入框 · soft",
      "category": "表单与选择",
      "source": "C11",
      "difference": "官方输入框的 soft 变体，可输入真实文本",
      "use": "表单与搜索",
      "url": "https://www.radix-ui.com/themes/docs/components/text-field",
      "preview": "runtime/index.html?id=radix-input-soft",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C038",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "柔和"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-badge-solid",
      "name": "Radix 徽标 · solid",
      "category": "数据与状态",
      "source": "C11",
      "difference": "同一状态标签的 solid 变体",
      "use": "标签与轻量状态",
      "url": "https://www.radix-ui.com/themes/docs/components/badge",
      "preview": "runtime/index.html?id=radix-badge-solid",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C039",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-badge-soft",
      "name": "Radix 徽标 · soft",
      "category": "数据与状态",
      "source": "C11",
      "difference": "同一状态标签的 soft 变体",
      "use": "标签与轻量状态",
      "url": "https://www.radix-ui.com/themes/docs/components/badge",
      "preview": "runtime/index.html?id=radix-badge-soft",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C040",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "柔和"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-badge-surface",
      "name": "Radix 徽标 · surface",
      "category": "数据与状态",
      "source": "C11",
      "difference": "同一状态标签的 surface 变体",
      "use": "标签与轻量状态",
      "url": "https://www.radix-ui.com/themes/docs/components/badge",
      "preview": "runtime/index.html?id=radix-badge-surface",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C041",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-badge-outline",
      "name": "Radix 徽标 · outline",
      "category": "数据与状态",
      "source": "C11",
      "difference": "同一状态标签的 outline 变体",
      "use": "标签与轻量状态",
      "url": "https://www.radix-ui.com/themes/docs/components/badge",
      "preview": "runtime/index.html?id=radix-badge-outline",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C042",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "描边"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-checkbox",
      "name": "Radix 复选框",
      "category": "表单与选择",
      "source": "C11",
      "difference": "使用 Radix Themes 实际组件与默认主题",
      "use": "独立选项或多选",
      "url": "https://www.radix-ui.com/themes/docs/components/checkbox",
      "preview": "runtime/index.html?id=radix-checkbox",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C043",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-slider",
      "name": "Radix 滑块",
      "category": "表单与选择",
      "source": "C11",
      "difference": "使用 Radix Themes 实际组件与默认主题",
      "use": "连续参数调整",
      "url": "https://www.radix-ui.com/themes/docs/components/slider",
      "preview": "runtime/index.html?id=radix-slider",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C044",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-progress",
      "name": "Radix 进度条",
      "category": "数据与状态",
      "source": "C11",
      "difference": "使用 Radix Themes 实际组件与默认主题",
      "use": "确定进度，示例 60%",
      "url": "https://www.radix-ui.com/themes/docs/components/progress",
      "preview": "runtime/index.html?id=radix-progress",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C045",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-card",
      "name": "Radix 内容卡片",
      "category": "卡片与容器",
      "source": "C11",
      "difference": "使用 Radix Themes 实际组件与默认主题",
      "use": "相关信息分组",
      "url": "https://www.radix-ui.com/themes/docs/components/card",
      "preview": "runtime/index.html?id=radix-card",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C046",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "radix-tabs",
      "name": "Radix 标签页",
      "category": "导航与结构",
      "source": "C11",
      "difference": "使用 Radix Themes 实际组件与默认主题",
      "use": "同一上下文内切换内容",
      "url": "https://www.radix-ui.com/themes/docs/components/tabs",
      "preview": "runtime/index.html?id=radix-tabs",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C047",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "material-button-filled-tonal",
      "name": "Material · filled-tonal",
      "category": "按钮",
      "source": "D01",
      "difference": "色调填充，运行官方 Material Web 组件",
      "use": "中等强调的动作",
      "url": "https://github.com/material-components/material-web/blob/main/docs/components/button.md",
      "preview": "runtime/index.html?id=material-button-filled-tonal",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C048",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "material-button-outlined",
      "name": "Material · outlined",
      "category": "按钮",
      "source": "D01",
      "difference": "描边容器，运行官方 Material Web 组件",
      "use": "次级动作",
      "url": "https://github.com/material-components/material-web/blob/main/docs/components/button.md",
      "preview": "runtime/index.html?id=material-button-outlined",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C049",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "描边"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "material-button-text",
      "name": "Material · text",
      "category": "按钮",
      "source": "D01",
      "difference": "无持久容器，运行官方 Material Web 组件",
      "use": "低强调或紧凑动作",
      "url": "https://github.com/material-components/material-web/blob/main/docs/components/button.md",
      "preview": "runtime/index.html?id=material-button-text",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C050",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "material-button-elevated",
      "name": "Material · elevated",
      "category": "按钮",
      "source": "D01",
      "difference": "以阴影产生层次，运行官方 Material Web 组件",
      "use": "需要与背景分离的动作",
      "url": "https://github.com/material-components/material-web/blob/main/docs/components/button.md",
      "preview": "runtime/index.html?id=material-button-elevated",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C051",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "立体"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "material-switch",
      "name": "Material 开关",
      "category": "表单与选择",
      "source": "D01",
      "difference": "运行官方 Material Web 组件，保留原交互",
      "use": "一致的 Material 表单语言",
      "url": "https://github.com/material-components/material-web/blob/main/docs/components/switch.md",
      "preview": "runtime/index.html?id=material-switch",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C052",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "material-checkbox",
      "name": "Material 复选框",
      "category": "表单与选择",
      "source": "D01",
      "difference": "运行官方 Material Web 组件，保留原交互",
      "use": "一致的 Material 表单语言",
      "url": "https://github.com/material-components/material-web/blob/main/docs/components/checkbox.md",
      "preview": "runtime/index.html?id=material-checkbox",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C053",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "material-radio",
      "name": "Material 单选按钮",
      "category": "表单与选择",
      "source": "D01",
      "difference": "运行官方 Material Web 组件，保留原交互",
      "use": "一致的 Material 表单语言",
      "url": "https://github.com/material-components/material-web/blob/main/docs/components/radio.md",
      "preview": "runtime/index.html?id=material-radio",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C054",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "material-slider",
      "name": "Material 滑块",
      "category": "表单与选择",
      "source": "D01",
      "difference": "运行官方 Material Web 组件，保留原交互",
      "use": "一致的 Material 表单语言",
      "url": "https://github.com/material-components/material-web/blob/main/docs/components/slider.md",
      "preview": "runtime/index.html?id=material-slider",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C055",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-button-outline-primary",
      "name": "Bootstrap · outline-primary",
      "category": "按钮",
      "source": "C12",
      "difference": "描边变体；主要动作。颜色语义仍需文字说明",
      "use": "已有 Bootstrap 项目内的动作层级",
      "url": "https://getbootstrap.com/docs/5.3/components/buttons/",
      "preview": "runtime/index.html?id=bootstrap-button-outline-primary",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C056",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "描边"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-button-secondary",
      "name": "Bootstrap · secondary",
      "category": "按钮",
      "source": "C12",
      "difference": "实色变体；次级动作。颜色语义仍需文字说明",
      "use": "已有 Bootstrap 项目内的动作层级",
      "url": "https://getbootstrap.com/docs/5.3/components/buttons/",
      "preview": "runtime/index.html?id=bootstrap-button-secondary",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C057",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-button-outline-secondary",
      "name": "Bootstrap · outline-secondary",
      "category": "按钮",
      "source": "C12",
      "difference": "描边变体；次级动作。颜色语义仍需文字说明",
      "use": "已有 Bootstrap 项目内的动作层级",
      "url": "https://getbootstrap.com/docs/5.3/components/buttons/",
      "preview": "runtime/index.html?id=bootstrap-button-outline-secondary",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C058",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "描边"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-button-success",
      "name": "Bootstrap · success",
      "category": "按钮",
      "source": "C12",
      "difference": "实色变体；成功语义。颜色语义仍需文字说明",
      "use": "已有 Bootstrap 项目内的动作层级",
      "url": "https://getbootstrap.com/docs/5.3/components/buttons/",
      "preview": "runtime/index.html?id=bootstrap-button-success",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C059",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-button-outline-success",
      "name": "Bootstrap · outline-success",
      "category": "按钮",
      "source": "C12",
      "difference": "描边变体；成功语义。颜色语义仍需文字说明",
      "use": "已有 Bootstrap 项目内的动作层级",
      "url": "https://getbootstrap.com/docs/5.3/components/buttons/",
      "preview": "runtime/index.html?id=bootstrap-button-outline-success",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C060",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "描边"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-button-danger",
      "name": "Bootstrap · danger",
      "category": "按钮",
      "source": "C12",
      "difference": "实色变体；危险语义。颜色语义仍需文字说明",
      "use": "已有 Bootstrap 项目内的动作层级",
      "url": "https://getbootstrap.com/docs/5.3/components/buttons/",
      "preview": "runtime/index.html?id=bootstrap-button-danger",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C061",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-button-outline-danger",
      "name": "Bootstrap · outline-danger",
      "category": "按钮",
      "source": "C12",
      "difference": "描边变体；危险语义。颜色语义仍需文字说明",
      "use": "已有 Bootstrap 项目内的动作层级",
      "url": "https://getbootstrap.com/docs/5.3/components/buttons/",
      "preview": "runtime/index.html?id=bootstrap-button-outline-danger",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C062",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "描边"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-button-warning",
      "name": "Bootstrap · warning",
      "category": "按钮",
      "source": "C12",
      "difference": "实色变体；警告语义。颜色语义仍需文字说明",
      "use": "已有 Bootstrap 项目内的动作层级",
      "url": "https://getbootstrap.com/docs/5.3/components/buttons/",
      "preview": "runtime/index.html?id=bootstrap-button-warning",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C063",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-button-outline-warning",
      "name": "Bootstrap · outline-warning",
      "category": "按钮",
      "source": "C12",
      "difference": "描边变体；警告语义。颜色语义仍需文字说明",
      "use": "已有 Bootstrap 项目内的动作层级",
      "url": "https://getbootstrap.com/docs/5.3/components/buttons/",
      "preview": "runtime/index.html?id=bootstrap-button-outline-warning",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C064",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "描边"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-button-info",
      "name": "Bootstrap · info",
      "category": "按钮",
      "source": "C12",
      "difference": "实色变体；信息语义。颜色语义仍需文字说明",
      "use": "已有 Bootstrap 项目内的动作层级",
      "url": "https://getbootstrap.com/docs/5.3/components/buttons/",
      "preview": "runtime/index.html?id=bootstrap-button-info",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C065",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-button-outline-info",
      "name": "Bootstrap · outline-info",
      "category": "按钮",
      "source": "C12",
      "difference": "描边变体；信息语义。颜色语义仍需文字说明",
      "use": "已有 Bootstrap 项目内的动作层级",
      "url": "https://getbootstrap.com/docs/5.3/components/buttons/",
      "preview": "runtime/index.html?id=bootstrap-button-outline-info",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C066",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "描边"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-button-light",
      "name": "Bootstrap · light",
      "category": "按钮",
      "source": "C12",
      "difference": "实色变体；浅底样式。颜色语义仍需文字说明",
      "use": "已有 Bootstrap 项目内的动作层级",
      "url": "https://getbootstrap.com/docs/5.3/components/buttons/",
      "preview": "runtime/index.html?id=bootstrap-button-light",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C067",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-button-outline-light",
      "name": "Bootstrap · outline-light",
      "category": "按钮",
      "source": "C12",
      "difference": "描边变体；浅底样式。颜色语义仍需文字说明",
      "use": "已有 Bootstrap 项目内的动作层级",
      "url": "https://getbootstrap.com/docs/5.3/components/buttons/",
      "preview": "runtime/index.html?id=bootstrap-button-outline-light",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C068",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "描边"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-button-dark",
      "name": "Bootstrap · dark",
      "category": "按钮",
      "source": "C12",
      "difference": "实色变体；深底样式。颜色语义仍需文字说明",
      "use": "已有 Bootstrap 项目内的动作层级",
      "url": "https://getbootstrap.com/docs/5.3/components/buttons/",
      "preview": "runtime/index.html?id=bootstrap-button-dark",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C069",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-button-outline-dark",
      "name": "Bootstrap · outline-dark",
      "category": "按钮",
      "source": "C12",
      "difference": "描边变体；深底样式。颜色语义仍需文字说明",
      "use": "已有 Bootstrap 项目内的动作层级",
      "url": "https://getbootstrap.com/docs/5.3/components/buttons/",
      "preview": "runtime/index.html?id=bootstrap-button-outline-dark",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C070",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "描边"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-alert",
      "name": "Bootstrap 提示条",
      "category": "数据与状态",
      "source": "C12",
      "difference": "使用官方 Bootstrap CSS；页面内的持续提示",
      "use": "已有 Bootstrap 项目",
      "url": "https://getbootstrap.com/docs/5.3/components/alerts/",
      "preview": "runtime/index.html?id=bootstrap-alert",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C071",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-card",
      "name": "Bootstrap 内容卡片",
      "category": "卡片与容器",
      "source": "C12",
      "difference": "使用官方 Bootstrap CSS；标题、正文与动作组合",
      "use": "已有 Bootstrap 项目",
      "url": "https://getbootstrap.com/docs/5.3/components/card/",
      "preview": "runtime/index.html?id=bootstrap-card",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C072",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "bootstrap-input",
      "name": "Bootstrap 输入框",
      "category": "表单与选择",
      "source": "C12",
      "difference": "使用官方 Bootstrap CSS；基础输入，保留浏览器输入行为",
      "use": "已有 Bootstrap 项目",
      "url": "https://getbootstrap.com/docs/5.3/forms/form-control/",
      "preview": "runtime/index.html?id=bootstrap-input",
      "preview_type": "真实库运行 · 本地演示",
      "status": "浏览器挂载通过；交互与视觉仅对代表样本核验",
      "code": "C073",
      "preview_kind": "上游组件",
      "height": 250,
      "style_tags": [
        "常规"
      ],
      "trigger": "直接点击、悬停或使用键盘；可点“重置演示”回到初态。"
    },
    {
      "id": "spectrum-agent-plan",
      "code": "C074",
      "name": "任务计划 · Agent Plan",
      "category": "Agent 界面",
      "source": "C01",
      "difference": "运行前列出计划；可以逐项取消勾选，只运行选中步骤。",
      "use": "让用户先看懂 agent 准备做什么",
      "url": "https://ui.spectrumhq.in/r/agent-plan.json",
      "preview": "runtime/index.html?id=spectrum-agent-plan",
      "preview_type": "真实库运行 · 本地演示",
      "preview_kind": "上游组件",
      "status": "待本轮浏览器验收",
      "height": 430,
      "style_tags": [
        "常规"
      ],
      "trigger": "点击内部控件，或切换状态查看；仅本地演示。"
    },
    {
      "id": "spectrum-agent-plan-compact",
      "code": "C075",
      "name": "紧凑任务计划 · Agent Plan",
      "category": "Agent 界面",
      "source": "C01",
      "difference": "同一计划隐藏说明文字，保留步骤选择。",
      "use": "空间有限的侧栏或聊天卡片",
      "url": "https://ui.spectrumhq.in/r/agent-plan.json",
      "preview": "runtime/index.html?id=spectrum-agent-plan-compact",
      "preview_type": "真实库运行 · 本地演示",
      "preview_kind": "上游组件",
      "status": "待本轮浏览器验收",
      "height": 350,
      "style_tags": [
        "常规"
      ],
      "trigger": "点击内部控件，或切换状态查看；仅本地演示。"
    },
    {
      "id": "spectrum-agent-steps",
      "code": "C076",
      "name": "执行步骤 · Agent Steps",
      "category": "Agent 界面",
      "source": "C01",
      "difference": "展示已完成、执行中、排队中的步骤；可展开查看结果。",
      "use": "用户想知道 agent 做到哪一步",
      "url": "https://ui.spectrumhq.in/r/agent-steps.json",
      "preview": "runtime/index.html?id=spectrum-agent-steps",
      "preview_type": "真实库运行 · 本地演示",
      "preview_kind": "上游组件",
      "status": "待本轮浏览器验收",
      "height": 420,
      "style_tags": [
        "常规"
      ],
      "trigger": "点击内部控件，或切换状态查看；仅本地演示。"
    },
    {
      "id": "spectrum-agent-steps-complete",
      "code": "C077",
      "name": "执行步骤 · 完成态",
      "category": "Agent 界面",
      "source": "C01",
      "difference": "全部完成，展开第二步可看并行子步骤。",
      "use": "任务结束后的过程回看",
      "url": "https://ui.spectrumhq.in/r/agent-steps.json",
      "preview": "runtime/index.html?id=spectrum-agent-steps-complete",
      "preview_type": "真实库运行 · 本地演示",
      "preview_kind": "上游组件",
      "status": "待本轮浏览器验收",
      "height": 420,
      "style_tags": [
        "常规"
      ],
      "trigger": "点击内部控件，或切换状态查看；仅本地演示。"
    },
    {
      "id": "spectrum-agent-steps-error",
      "code": "C078",
      "name": "执行步骤 · 失败态",
      "category": "Agent 界面",
      "source": "C01",
      "difference": "中间步骤失败，展开可看原因；后续步骤保持排队。",
      "use": "表达失败位置，避免整条流程只显示一个错误",
      "url": "https://ui.spectrumhq.in/r/agent-steps.json",
      "preview": "runtime/index.html?id=spectrum-agent-steps-error",
      "preview_type": "真实库运行 · 本地演示",
      "preview_kind": "上游组件",
      "status": "待本轮浏览器验收",
      "height": 420,
      "style_tags": [
        "常规"
      ],
      "trigger": "点击内部控件，或切换状态查看；仅本地演示。"
    },
    {
      "id": "spectrum-approval",
      "code": "C079",
      "name": "确认卡 · Approval Card",
      "category": "Agent 界面",
      "source": "C01",
      "difference": "执行前展示说明，让人选择同意或拒绝；本例没有外部动作。",
      "use": "需要人工确认的 agent 操作",
      "url": "https://ui.spectrumhq.in/r/approval-card.json",
      "preview": "runtime/index.html?id=spectrum-approval",
      "preview_type": "真实库运行 · 本地演示",
      "preview_kind": "上游组件",
      "status": "待本轮浏览器验收",
      "height": 380,
      "style_tags": [
        "常规"
      ],
      "trigger": "点击内部控件，或切换状态查看；仅本地演示。"
    },
    {
      "id": "spectrum-approval-approved",
      "code": "C080",
      "name": "确认卡 · 已同意",
      "category": "Agent 界面",
      "source": "C01",
      "difference": "同意后的结果状态；保留操作上下文。",
      "use": "确认后的反馈",
      "url": "https://ui.spectrumhq.in/r/approval-card.json",
      "preview": "runtime/index.html?id=spectrum-approval-approved",
      "preview_type": "真实库运行 · 本地演示",
      "preview_kind": "上游组件",
      "status": "待本轮浏览器验收",
      "height": 330,
      "style_tags": [
        "常规"
      ],
      "trigger": "点击内部控件，或切换状态查看；仅本地演示。"
    },
    {
      "id": "spectrum-approval-rejected",
      "code": "C081",
      "name": "确认卡 · 已拒绝",
      "category": "Agent 界面",
      "source": "C01",
      "difference": "拒绝后的结果状态；不继续执行。",
      "use": "取消或拒绝操作的反馈",
      "url": "https://ui.spectrumhq.in/r/approval-card.json",
      "preview": "runtime/index.html?id=spectrum-approval-rejected",
      "preview_type": "真实库运行 · 本地演示",
      "preview_kind": "上游组件",
      "status": "待本轮浏览器验收",
      "height": 330,
      "style_tags": [
        "常规"
      ],
      "trigger": "点击内部控件，或切换状态查看；仅本地演示。"
    },
    {
      "id": "spectrum-dock-glass",
      "code": "C082",
      "name": "玻璃导航栏 · Dock",
      "category": "导航与结构",
      "source": "C01",
      "difference": "半透明、背景模糊；指针靠近图标时放大，点击弹跳。",
      "use": "桌面式浮动导航",
      "url": "https://ui.spectrumhq.in/r/dock.json",
      "preview": "runtime/index.html?id=spectrum-dock-glass",
      "preview_type": "真实库运行 · 本地演示",
      "preview_kind": "上游组件",
      "status": "待本轮浏览器验收",
      "height": 290,
      "style_tags": [
        "玻璃"
      ],
      "trigger": "点击内部控件，或切换状态查看；仅本地演示。"
    },
    {
      "id": "surface-frosted-glass",
      "code": "C083",
      "name": "磨砂玻璃按钮",
      "category": "按钮",
      "source": null,
      "difference": "较强背景模糊、半透明填充和亮边，保留背景色而弱化细节。",
      "use": "在同一页面中比较材质和动作层级，按选定方向应用",
      "url": "runtime/src/catalog-extras.tsx",
      "preview": "runtime/index.html?id=surface-frosted-glass",
      "preview_type": "原创样式实验 · CSS",
      "preview_kind": "原创样式",
      "status": "待本轮浏览器验收",
      "height": 310,
      "style_tags": [
        "玻璃"
      ],
      "trigger": "可切换默认、悬停、按下和禁用；玻璃可以移动背景观察透射。"
    },
    {
      "id": "surface-clear-glass",
      "code": "C084",
      "name": "清透玻璃按钮",
      "category": "按钮",
      "source": null,
      "difference": "较弱模糊、更透明的表面和清晰边界，能看见更多背景细节。",
      "use": "在同一页面中比较材质和动作层级，按选定方向应用",
      "url": "runtime/src/catalog-extras.tsx",
      "preview": "runtime/index.html?id=surface-clear-glass",
      "preview_type": "原创样式实验 · CSS",
      "preview_kind": "原创样式",
      "status": "待本轮浏览器验收",
      "height": 310,
      "style_tags": [
        "玻璃"
      ],
      "trigger": "可切换默认、悬停、按下和禁用；玻璃可以移动背景观察透射。"
    },
    {
      "id": "surface-gloss",
      "code": "C085",
      "name": "亮面按钮",
      "category": "按钮",
      "source": null,
      "difference": "分段高光与深色下沿形成亮面体积感。",
      "use": "在同一页面中比较材质和动作层级，按选定方向应用",
      "url": "runtime/src/catalog-extras.tsx",
      "preview": "runtime/index.html?id=surface-gloss",
      "preview_type": "原创样式实验 · CSS",
      "preview_kind": "原创样式",
      "status": "待本轮浏览器验收",
      "height": 310,
      "style_tags": [
        "亮面"
      ],
      "trigger": "可切换默认、悬停、按下和禁用；玻璃可以移动背景观察透射。"
    },
    {
      "id": "surface-paper",
      "code": "C086",
      "name": "纸张按钮",
      "category": "按钮",
      "source": null,
      "difference": "细颗粒纸纹、直角边界与硬投影。",
      "use": "在同一页面中比较材质和动作层级，按选定方向应用",
      "url": "runtime/src/catalog-extras.tsx",
      "preview": "runtime/index.html?id=surface-paper",
      "preview_type": "原创样式实验 · CSS",
      "preview_kind": "原创样式",
      "status": "待本轮浏览器验收",
      "height": 310,
      "style_tags": [
        "纸张"
      ],
      "trigger": "可切换默认、悬停、按下和禁用；玻璃可以移动背景观察透射。"
    },
    {
      "id": "surface-soft",
      "code": "C087",
      "name": "柔和浮雕按钮",
      "category": "按钮",
      "source": null,
      "difference": "同色背景上使用明暗双侧阴影建立轻微凸起。",
      "use": "在同一页面中比较材质和动作层级，按选定方向应用",
      "url": "runtime/src/catalog-extras.tsx",
      "preview": "runtime/index.html?id=surface-soft",
      "preview_type": "原创样式实验 · CSS",
      "preview_kind": "原创样式",
      "status": "待本轮浏览器验收",
      "height": 310,
      "style_tags": [
        "柔和",
        "立体"
      ],
      "trigger": "可切换默认、悬停、按下和禁用；玻璃可以移动背景观察透射。"
    },
    {
      "id": "surface-gradient",
      "code": "C088",
      "name": "渐变按钮",
      "category": "按钮",
      "source": null,
      "difference": "双色过渡与浅色边界强调动作。",
      "use": "在同一页面中比较材质和动作层级，按选定方向应用",
      "url": "runtime/src/catalog-extras.tsx",
      "preview": "runtime/index.html?id=surface-gradient",
      "preview_type": "原创样式实验 · CSS",
      "preview_kind": "原创样式",
      "status": "待本轮浏览器验收",
      "height": 310,
      "style_tags": [
        "渐变"
      ],
      "trigger": "可切换默认、悬停、按下和禁用；玻璃可以移动背景观察透射。"
    }
  ],
  "inventory": [
    {
      "id": "R-C01-agent-plan",
      "name": "任务计划 · Agent Plan",
      "slug": "agent-plan",
      "source": "C01",
      "category": "Agent 界面",
      "kind": "区块",
      "description": "运行前的可勾选计划，决定哪些步骤要做。",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/agent-plan.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/agent-plan.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-agent-plan",
        "spectrum-agent-plan-compact"
      ],
      "code": "R001"
    },
    {
      "id": "R-C01-agent-steps",
      "name": "执行步骤 · Agent Steps",
      "slug": "agent-steps",
      "source": "C01",
      "category": "Agent 界面",
      "kind": "区块",
      "description": "显示执行进度、工具调用结果和并行子步骤。",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/agent-steps.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/agent-steps.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-agent-steps",
        "spectrum-agent-steps-complete",
        "spectrum-agent-steps-error"
      ],
      "code": "R002"
    },
    {
      "id": "R-C01-approval-card",
      "name": "确认卡 · Approval Card",
      "slug": "approval-card",
      "source": "C01",
      "category": "Agent 界面",
      "kind": "区块",
      "description": "执行前让用户同意或拒绝的确认界面。",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/approval-card.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/approval-card.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-approval",
        "spectrum-approval-approved",
        "spectrum-approval-rejected"
      ],
      "code": "R003"
    },
    {
      "id": "R-C01-chat-empty-state",
      "name": "Chat Empty State",
      "slug": "chat-empty-state",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A first-run greeting with staggered suggestion chips.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/chat-empty-state.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/chat-empty-state.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R004"
    },
    {
      "id": "R-C01-citation-sources",
      "name": "Citation Sources",
      "slug": "citation-sources",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "Inline citation markers with hover previews or a footnote list.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/citation-sources.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/citation-sources.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R005"
    },
    {
      "id": "R-C01-code-block",
      "name": "Code Block",
      "slug": "code-block",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "An AI code block with a file header, copy, and line collapse.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/code-block.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/code-block.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R006"
    },
    {
      "id": "R-C01-conversation-list",
      "name": "Conversation List",
      "slug": "conversation-list",
      "source": "C01",
      "category": "Agent 界面",
      "kind": "区块",
      "description": "A date-grouped conversation sidebar with pinning.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/conversation-list.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/conversation-list.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R007"
    },
    {
      "id": "R-C01-diff-view",
      "name": "Diff View",
      "slug": "diff-view",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "Proposed file changes with per-file accept and reject.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/diff-view.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/diff-view.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R008"
    },
    {
      "id": "R-C01-disclose-image",
      "name": "Disclose Image",
      "slug": "disclose-image",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "An image reveal component with animated sliding door panels.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/discloseimage.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/disclose-image.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R009"
    },
    {
      "id": "R-C01-error-state",
      "name": "Error State",
      "slug": "error-state",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A failed-generation state with a preserved prompt and retry.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/error-state.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/error-state.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R010"
    },
    {
      "id": "R-C01-github-profile-card",
      "name": "GitHub Profile Card",
      "slug": "github-profile-card",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "组件",
      "description": "A GitHub profile card with account stats, a contribution graph, and social links.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/github-profile-card.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/github-profile-card.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R011"
    },
    {
      "id": "R-C01-alert-1",
      "name": "Alert demo",
      "slug": "alert-1",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "component for the alert-demo",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/alertdemo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/alert-1.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R012"
    },
    {
      "id": "R-C01-alert-2",
      "name": "Alert 2",
      "slug": "alert-2",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "component for the alert-2",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/alerttwo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/alert-2.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R013"
    },
    {
      "id": "R-C01-alert-3",
      "name": "Alert 3",
      "slug": "alert-3",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "component for the alert-3",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/alertthree.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/alert-3.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R014"
    },
    {
      "id": "R-C01-alert-4",
      "name": "Alert 4",
      "slug": "alert-4",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "component for the alert-4",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/alertfour.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/alert-4.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R015"
    },
    {
      "id": "R-C01-animated-card",
      "name": "Animated Card",
      "slug": "animated-card",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "组件",
      "description": "component for the Animated Card",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/animatedcard/animatedcard.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/animated-card.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R016"
    },
    {
      "id": "R-C01-animated-SVG-chart",
      "name": "Animated SVG Chart",
      "slug": "animated-SVG-chart",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "component for the Animated SVG Chart",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/animatedchart/animateddemo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/animated-SVG-chart.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R017"
    },
    {
      "id": "R-C01-animated-testimonials",
      "name": "Animated Testimonials",
      "slug": "animated-testimonials",
      "source": "C01",
      "category": "页面区块",
      "kind": "组件",
      "description": "component for the Animated Testimonials",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/demousages.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/animated-testimonials.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R018"
    },
    {
      "id": "R-C01-autosize-textarea-dependecies",
      "name": "Autosize Textarea Dependencies",
      "slug": "autosize-textarea-dependecies",
      "source": "C01",
      "category": "表单与选择",
      "kind": "辅助代码",
      "description": "component for the Autosize Textarea Dependencies",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/spectrumui/autosize-textarea.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/autosize-textarea-dependecies.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R019"
    },
    {
      "id": "R-C01-autosize-textarea-demo",
      "name": "Autosize Textarea Demo",
      "slug": "autosize-textarea-demo",
      "source": "C01",
      "category": "表单与选择",
      "kind": "演示变体",
      "description": "component for the Autosize Textarea",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/autosize-textarea/autosize-textarea-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/autosize-textarea-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R020"
    },
    {
      "id": "R-C01-autosize-textarea-max-height",
      "name": "Autosize Textarea Max Height",
      "slug": "autosize-textarea-max-height",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Autosize Textarea Max Height",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/autosize-textarea/usage/autosize-textarea-with-max-height.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/autosize-textarea-max-height.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R021"
    },
    {
      "id": "R-C01-autosize-textarea-ref",
      "name": "Autosize Textarea Ref",
      "slug": "autosize-textarea-ref",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Autosize Textarea Ref",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/autosize-textarea/usage/autosize-textarea-with-ref.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/autosize-textarea-ref.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R022"
    },
    {
      "id": "R-C01-autosize-textarea-form",
      "name": "Autosize Textarea Form",
      "slug": "autosize-textarea-form",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Autosize Textarea Form",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/autosize-textarea/usage/autosize-textarea-form.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/autosize-textarea-form.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R023"
    },
    {
      "id": "R-C01-autosize-textarea-customize",
      "name": "Autosize Textarea Customize",
      "slug": "autosize-textarea-customize",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Autosize Textarea Customize",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/autosize-textarea/usage/autosize-textarea-customize.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/autosize-textarea-customize.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R024"
    },
    {
      "id": "R-C01-datetime-picker-demo",
      "name": "Datetime Picker Demo",
      "slug": "datetime-picker-demo",
      "source": "C01",
      "category": "表单与选择",
      "kind": "演示变体",
      "description": "component for the Datetime Picker Demo",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/datetime-picker/datetime-picker-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/datetime-picker-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R025"
    },
    {
      "id": "R-C01-datetime-picker-hour-cycle",
      "name": "Datetime Picker Hour",
      "slug": "datetime-picker-hour-cycle",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Datetime Picker Hour",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/datetime-picker/usage/datetime-picker-hour-cycle.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/datetime-picker-hour-cycle.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R026"
    },
    {
      "id": "R-C01-datetime-picker-and-time-input",
      "name": "Datetime Picker and Time Input",
      "slug": "datetime-picker-and-time-input",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Datetime Picker and Time Input",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/datetime-picker/usage/date-picker-and-time-input.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/datetime-picker-and-time-input.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R027"
    },
    {
      "id": "R-C01-datetime-picker-year-range",
      "name": "Datetime Year Range",
      "slug": "datetime-picker-year-range",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Datetime Year Range",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/datetime-picker/usage/datetime-picker-year-range.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/datetime-picker-year-range.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R028"
    },
    {
      "id": "R-C01-datetime-picker-locale",
      "name": "Datetime Picker Locale",
      "slug": "datetime-picker-locale",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Datetime Picker Locale",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/datetime-picker/usage/datetime-picker-locale.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/datetime-picker-locale.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R029"
    },
    {
      "id": "R-C01-datetime-picker-calendar-settings",
      "name": "Datetime Picker Calendar Settings",
      "slug": "datetime-picker-calendar-settings",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Datetime Picker Calendar Settings",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/datetime-picker/usage/datetime-picker-calendar-settings.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/datetime-picker-calendar-settings.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R030"
    },
    {
      "id": "R-C01-datetime-picker-display-format",
      "name": "Datetime Picker Display Format",
      "slug": "datetime-picker-display-format",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Datetime Picker Display Format",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/datetime-picker/usage/datetime-picker-display-format.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/datetime-picker-display-format.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R031"
    },
    {
      "id": "R-C01-datetime-picker-placeholder",
      "name": "Datetime Picker Placeholder",
      "slug": "datetime-picker-placeholder",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Datetime Picker Placeholder",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/datetime-picker/usage/datetime-picker-placeholder.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/datetime-picker-placeholder.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R032"
    },
    {
      "id": "R-C01-datetime-picker-granularity",
      "name": "Datetime Picker Granularity",
      "slug": "datetime-picker-granularity",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Datetime Picker Granularity",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/datetime-picker/usage/datetime-picker-granularity.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/datetime-picker-granularity.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R033"
    },
    {
      "id": "R-C01-datetime-picker-disabled",
      "name": "Datetime Picker Disabled",
      "slug": "datetime-picker-disabled",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Datetime Picker Disabled",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/datetime-picker/usage/datetime-picker-disabled.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/datetime-picker-disabled.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R034"
    },
    {
      "id": "R-C01-datetime-picker-ref",
      "name": "Datetime Picker Ref",
      "slug": "datetime-picker-ref",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Datetime Picker Ref",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/datetime-picker/usage/datetime-picker-ref.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/datetime-picker-ref.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R035"
    },
    {
      "id": "R-C01-datetime-picker-form",
      "name": "Datetime Picker Form",
      "slug": "datetime-picker-form",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Datetime Picker Form",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/datetime-picker/usage/datetime-picker-form.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/datetime-picker-form.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R036"
    },
    {
      "id": "R-C01-dual-range-slider-dependecies",
      "name": "Dual Range Slider Dependencies",
      "slug": "dual-range-slider-dependecies",
      "source": "C01",
      "category": "表单与选择",
      "kind": "辅助代码",
      "description": "component for the Dual Range Slider Dependencies",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/spectrumui/dual-range-slider-dependecies.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/dual-range-slider-dependecies.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R037"
    },
    {
      "id": "R-C01-dual-range-slider-demo",
      "name": "Dual Range Slider Demo",
      "slug": "dual-range-slider-demo",
      "source": "C01",
      "category": "表单与选择",
      "kind": "演示变体",
      "description": "component for the Dual Range Slider Demo",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/dual-range-slider/dual-range-slider-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/dual-range-slider-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R038"
    },
    {
      "id": "R-C01-dual-range-slider-custom-label",
      "name": "Dual Range Slider Custom Label",
      "slug": "dual-range-slider-custom-label",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Dual Range Slider Custom Label",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/dual-range-slider/usage/dual-range-slider-custom-label.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/dual-range-slider-custom-label.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R039"
    },
    {
      "id": "R-C01-dual-range-slider-label-position",
      "name": "Dual Range Slider Label Position",
      "slug": "dual-range-slider-label-position",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Dual Range Slider Label Position",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/dual-range-slider/usage/dual-range-slider-label-position.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/dual-range-slider-label-position.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R040"
    },
    {
      "id": "R-C01-dual-range-slider-single",
      "name": "Dual Range Slider Single",
      "slug": "dual-range-slider-single",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Dual Range Slider Single",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/dual-range-slider/usage/dual-range-slider-single.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/dual-range-slider-single.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R041"
    },
    {
      "id": "R-C01-event-badge-3d",
      "name": "Event Badge 3D",
      "slug": "event-badge-3d",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "component for the Event Badge 3D",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/badge/badgedemo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/event-badge-3d.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R042"
    },
    {
      "id": "R-C01-event-calendar",
      "name": "Event Calendar",
      "slug": "event-calendar",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Event Calendar",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/eventcalendar/demoevent.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/event-calendar.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R043"
    },
    {
      "id": "R-C01-feedback-demo",
      "name": "Feedback Demo",
      "slug": "feedback-demo",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "演示变体",
      "description": "component for the Feedback Demo",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/feedback/feedbackdemo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/feedback-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R044"
    },
    {
      "id": "R-C01-floating-label-input",
      "name": "Floating Label Input",
      "slug": "floating-label-input",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Floating Label Input",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/spectrumui/floating-label-input.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/floating-label-input.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R045"
    },
    {
      "id": "R-C01-floating-label-input-demo",
      "name": "Floating Label Input Demo",
      "slug": "floating-label-input-demo",
      "source": "C01",
      "category": "表单与选择",
      "kind": "演示变体",
      "description": "component for the Floating Label Input Demo",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/floating-label-input/floating-label-input-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/floating-label-input-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R046"
    },
    {
      "id": "R-C01-floating-label-customize",
      "name": "Floating Label Customize",
      "slug": "floating-label-customize",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "component for the Floating Label Customize",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/floating-label-input/usage/floating-label-customize.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/floating-label-customize.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R047"
    },
    {
      "id": "R-C01-floating-label-form",
      "name": "Floating Label Form",
      "slug": "floating-label-form",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Floating Label Form",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/floating-label-input/usage/floating-label-input-form.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/floating-label-form.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R048"
    },
    {
      "id": "R-C01-footers-demo",
      "name": "Footers Demo",
      "slug": "footers-demo",
      "source": "C01",
      "category": "页面区块",
      "kind": "演示变体",
      "description": "component for the Footers Demo",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/footer/footerdemo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/footers-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R049"
    },
    {
      "id": "R-C01-animated-wave-footer",
      "name": "Animated Wave Footer",
      "slug": "animated-wave-footer",
      "source": "C01",
      "category": "文字与动效",
      "kind": "组件",
      "description": "component for the Animated Wave Footer",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/footer/usage/animatefooter.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/animated-wave-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R050"
    },
    {
      "id": "R-C01-inline-edit",
      "name": "Inline Edit",
      "slug": "inline-edit",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A selection-anchored AI edit: suggestion toolbar, word diff, accept or reject.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/inline-edit.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/inline-edit.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R051"
    },
    {
      "id": "R-C01-insight-cards",
      "name": "Insight Cards",
      "slug": "insight-cards",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "区块",
      "description": "Metric cards with spark bars, trend deltas, and an AI note.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/insight-cards.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/insight-cards.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R052"
    },
    {
      "id": "R-C01-loading-state",
      "name": "Loading State",
      "slug": "loading-state",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "A pixel-grid loader with a shimmering label and live elapsed timer.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/loading-state.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/loading-state.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R053"
    },
    {
      "id": "R-C01-memory-chips",
      "name": "Memory Chips",
      "slug": "memory-chips",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "What the assistant remembers, as removable chips.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/memory-chips.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/memory-chips.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R054"
    },
    {
      "id": "R-C01-message-actions",
      "name": "Message Actions",
      "slug": "message-actions",
      "source": "C01",
      "category": "Agent 界面",
      "kind": "区块",
      "description": "Per-message controls — copy, regenerate, and thumb feedback.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/message-actions.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/message-actions.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R055"
    },
    {
      "id": "R-C01-model-selector",
      "name": "Model Selector",
      "slug": "model-selector",
      "source": "C01",
      "category": "Agent 界面",
      "kind": "区块",
      "description": "A model picker as a radio list or segmented control, with badges and disabled states.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/model-selector.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/model-selector.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R056"
    },
    {
      "id": "R-C01-prompt-composer",
      "name": "Prompt Composer",
      "slug": "prompt-composer",
      "source": "C01",
      "category": "Agent 界面",
      "kind": "区块",
      "description": "A prompt input with attachments, a model picker, and a stop state.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/prompt-composer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/prompt-composer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R057"
    },
    {
      "id": "R-C01-quota-banner",
      "name": "Quota Banner",
      "slug": "quota-banner",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A message-quota banner with a live reset countdown.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/quota-banner.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/quota-banner.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R058"
    },
    {
      "id": "R-C01-reasoning-trace",
      "name": "Reasoning Trace",
      "slug": "reasoning-trace",
      "source": "C01",
      "category": "Agent 界面",
      "kind": "区块",
      "description": "An expandable chain-of-thought trace with a live thinking timer.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/reasoning-trace.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/reasoning-trace.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R059"
    },
    {
      "id": "R-C01-stackedcircular-footer",
      "name": "Stacked Circular Footer",
      "slug": "stackedcircular-footer",
      "source": "C01",
      "category": "页面区块",
      "kind": "组件",
      "description": "component for the Stacked Circular Footer",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/footer/usage/stackedfooter.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/stackedcircular-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R060"
    },
    {
      "id": "R-C01-floatingparticle-footer",
      "name": "Floating Particle Footer",
      "slug": "floatingparticle-footer",
      "source": "C01",
      "category": "文字与动效",
      "kind": "组件",
      "description": "component for the Floating Particle Footer",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/footer/usage/particlefooter.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/floatingparticle-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R061"
    },
    {
      "id": "R-C01-footer",
      "name": "Footer",
      "slug": "footer",
      "source": "C01",
      "category": "页面区块",
      "kind": "组件",
      "description": "component for the Footer",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/footer/usage/footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R062"
    },
    {
      "id": "R-C01-icon-dependencies",
      "name": "Icon Dependencies",
      "slug": "icon-dependencies",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "辅助代码",
      "description": "Shared icon set used by the footer and profile components.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/icon.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/icon-dependencies.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R063"
    },
    {
      "id": "R-C01-http-status-code",
      "name": "HTTP Status Code",
      "slug": "http-status-code",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "component for the HTTP Status Code",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/statuscode/demostatus.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/http-status-code.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R064"
    },
    {
      "id": "R-C01-image-preview-dependencies",
      "name": "Image Preview Dependencies",
      "slug": "image-preview-dependencies",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "辅助代码",
      "description": "component for the Image Preview Dependencies",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/imagepreview/image-preview-dependecies.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/image-preview-dependencies.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R065"
    },
    {
      "id": "R-C01-image-preview",
      "name": "Image Preview",
      "slug": "image-preview",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "component for the Image Preview",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/imagepreview/usages/useone.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/image-preview.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R066"
    },
    {
      "id": "R-C01-infinite-scroll-dependecies",
      "name": "Infinite Scroll Dependencies",
      "slug": "infinite-scroll-dependecies",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "辅助代码",
      "description": "component for the Infinite Scroll Dependencies",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/spectrumui/infinite-scroll-dependecies.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/infinite-scroll-dependecies.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R067"
    },
    {
      "id": "R-C01-infinite-scroll-demo",
      "name": "Infinite Scroll Demo",
      "slug": "infinite-scroll-demo",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "演示变体",
      "description": "component for the Infinite Scroll Demo",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/infinite-scroll/infinite-scroll-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/infinite-scroll-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R068"
    },
    {
      "id": "R-C01-loading-button-dependencies",
      "name": "Loading Button Dependencies",
      "slug": "loading-button-dependencies",
      "source": "C01",
      "category": "按钮",
      "kind": "辅助代码",
      "description": "component for the Loading Button Dependencies",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/spectrumui/loading-button-dependencies.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/loading-button-dependencies.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R069"
    },
    {
      "id": "R-C01-loading-button-demo",
      "name": "Loading Button Demo",
      "slug": "loading-button-demo",
      "source": "C01",
      "category": "按钮",
      "kind": "演示变体",
      "description": "component for the Loading Button Demo",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/loading-button/loading-button-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/loading-button-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R070"
    },
    {
      "id": "R-C01-loading-button-usage",
      "name": "Loading Button Usage",
      "slug": "loading-button-usage",
      "source": "C01",
      "category": "按钮",
      "kind": "组件",
      "description": "component for the Loading Button Usage",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/loading-button/loading-button-usage.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/loading-button-usage.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R071"
    },
    {
      "id": "R-C01-loading-button-as-child",
      "name": "Loading Button As Child",
      "slug": "loading-button-as-child",
      "source": "C01",
      "category": "按钮",
      "kind": "组件",
      "description": "component for the Loading Button As Child",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/loading-button/loading-button-as-child.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/loading-button-as-child.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R072"
    },
    {
      "id": "R-C01-multiple-selector-dependencies",
      "name": "Multiple Selector Dependencies",
      "slug": "multiple-selector-dependencies",
      "source": "C01",
      "category": "表单与选择",
      "kind": "辅助代码",
      "description": "component for the Multiple Selector Dependencies",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/spectrumui/multiple-selector-dependencies.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-dependencies.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R073"
    },
    {
      "id": "R-C01-inline-code",
      "name": "Inline Code",
      "slug": "inline-code",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "component for the Inline Code",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/spectrumui/inline-code.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/inline-code.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R074"
    },
    {
      "id": "R-C01-input-model",
      "name": "Input Model",
      "slug": "input-model",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Input Model Demo",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/input-model/inputmodel.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/input-model.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R075"
    },
    {
      "id": "R-C01-multiple-selector-demo",
      "name": "Multiple Selector Demo",
      "slug": "multiple-selector-demo",
      "source": "C01",
      "category": "表单与选择",
      "kind": "演示变体",
      "description": "component for the Multiple Selector Demo",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/multiple-selector-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R076"
    },
    {
      "id": "R-C01-multiple-selector-with-disable-options",
      "name": "Multiple Selector With Disable Options",
      "slug": "multiple-selector-with-disable-options",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector With Disable Options",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-with-disable-options.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-with-disable-options.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R077"
    },
    {
      "id": "R-C01-multiple-selector-disabled",
      "name": "Multiple Selector Disabled",
      "slug": "multiple-selector-disabled",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector Disabled",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-disabled.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-disabled.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R078"
    },
    {
      "id": "R-C01-multiple-selector-no-default-select",
      "name": "Multiple Selector No Default Select",
      "slug": "multiple-selector-no-default-select",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector No Default Select",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-no-default-select.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-no-default-select.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R079"
    },
    {
      "id": "R-C01-multiple-selector-controlled",
      "name": "Multiple Selector Controlled",
      "slug": "multiple-selector-controlled",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector Controlled",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-controlled.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-controlled.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R080"
    },
    {
      "id": "R-C01-multiple-selector-hide-clear-all",
      "name": "Multiple Selector Hide Clear All",
      "slug": "multiple-selector-hide-clear-all",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector Hide Clear All",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-hide-clear-all.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-hide-clear-all.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R081"
    },
    {
      "id": "R-C01-multiple-selector-creatable",
      "name": "Multiple Selector Creatable",
      "slug": "multiple-selector-creatable",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector Creatable",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-creatable.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-creatable.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R082"
    },
    {
      "id": "R-C01-multiple-selector-with-async-search",
      "name": "Multiple Selector With Async Search",
      "slug": "multiple-selector-with-async-search",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector With Async Search",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-with-async-search.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-with-async-search.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R083"
    },
    {
      "id": "R-C01-multiple-selector-with-async-search-and-onfocus",
      "name": "Multiple Selector With Async Search And OnFocus",
      "slug": "multiple-selector-with-async-search-and-onfocus",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector With Async Search And OnFocus",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-with-async-search-and-onfocus.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-with-async-search-and-onfocus.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R084"
    },
    {
      "id": "R-C01-multiple-selector-with-async-search-and-creatable",
      "name": "Multiple Selector With Async Search And Creatable",
      "slug": "multiple-selector-with-async-search-and-creatable",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector With Async Search And Creatable",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-with-async-search-and-creatable.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-with-async-search-and-creatable.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R085"
    },
    {
      "id": "R-C01-multiple-selector-with-async-search-and-creatable-and-group",
      "name": "Multiple Selector With Async Search And Creatable And Group",
      "slug": "multiple-selector-with-async-search-and-creatable-and-group",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector With Async Search And Creatable And Group",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-with-async-search-and-creatable-and-group.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-with-async-search-and-creatable-and-group.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R086"
    },
    {
      "id": "R-C01-heading-with-anchor",
      "name": "Heading With Anchor",
      "slug": "heading-with-anchor",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "component for the Heading With Anchor",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/spectrumui/heading-with-anchor.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/heading-with-anchor.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R087"
    },
    {
      "id": "R-C01-multiple-selector-with-sync-search",
      "name": "Multiple Selector With Sync Search And Creatable And Group",
      "slug": "multiple-selector-with-sync-search",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector With Sync Search And Creatable And Group",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-with-sync-search.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-with-sync-search.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R088"
    },
    {
      "id": "R-C01-multiple-selector-manually-controlled",
      "name": "Multiple Selector Manually Controlled",
      "slug": "multiple-selector-manually-controlled",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector Manually Controlled",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-manually-controlled.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-manually-controlled.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R089"
    },
    {
      "id": "R-C01-multiple-selector-with-group",
      "name": "Multiple Selector With Group",
      "slug": "multiple-selector-with-group",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector With Group",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-with-group.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-with-group.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R090"
    },
    {
      "id": "R-C01-status-tracker",
      "name": "Status Tracker",
      "slug": "status-tracker",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "A staged progress tracker for long-running AI jobs.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/status-tracker.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/status-tracker.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R091"
    },
    {
      "id": "R-C01-streaming-text",
      "name": "Streaming Text",
      "slug": "streaming-text",
      "source": "C01",
      "category": "文字与动效",
      "kind": "区块",
      "description": "A streamed answer with inline citations, sources, and follow-ups.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/streaming-text.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/streaming-text.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R092"
    },
    {
      "id": "R-C01-suggestion-banner",
      "name": "Suggestion Banner",
      "slug": "suggestion-banner",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "An inline AI suggestion with apply and dismiss.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/suggestion-banner.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/suggestion-banner.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R093"
    },
    {
      "id": "R-C01-task-rows",
      "name": "Task Rows",
      "slug": "task-rows",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "Live agent task rows with status badges and expandable notes.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/task-rows.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/task-rows.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R094"
    },
    {
      "id": "R-C01-thinking-dots",
      "name": "Thinking Dots",
      "slug": "thinking-dots",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A minimal typing indicator — bouncing dots or a sliding bar.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/thinking-dots.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/thinking-dots.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R095"
    },
    {
      "id": "R-C01-tool-chips",
      "name": "Tool Chips",
      "slug": "tool-chips",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "Compact tool-call chips that expand into their arguments and result.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/tool-chips.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/tool-chips.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R096"
    },
    {
      "id": "R-C01-usage-meter",
      "name": "Usage Meter",
      "slug": "usage-meter",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A context-window meter with token counts and estimated cost.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/usage-meter.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/usage-meter.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R097"
    },
    {
      "id": "R-C01-use-toast",
      "name": "Use Toast",
      "slug": "use-toast",
      "source": "C01",
      "category": "数据与状态",
      "kind": "辅助代码",
      "description": "component for the Use Toast",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/spectrumui/use-toast.ts",
      "registry_url": "https://ui.spectrumhq.in/r/use-toast.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R098"
    },
    {
      "id": "R-C01-multiple-selector-max-selected",
      "name": "Multiple Selector Max Selected",
      "slug": "multiple-selector-max-selected",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector Max Selected",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-max-selected.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-max-selected.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R099"
    },
    {
      "id": "R-C01-multiple-selector-max-text-length",
      "name": "Multiple Selector Max Text Length",
      "slug": "multiple-selector-max-text-length",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector Max Text Length",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-max-text-length.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-max-text-length.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R100"
    },
    {
      "id": "R-C01-multiple-selector-no-placeholder-when-selected",
      "name": "Multiple Selector No Placeholder When Selected",
      "slug": "multiple-selector-no-placeholder-when-selected",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector No Placeholder When Selected",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-no-placeholder-when-selected.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-no-placeholder-when-selected.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R101"
    },
    {
      "id": "R-C01-multiple-selector-fixed-option",
      "name": "Multiple Selector Fixed Option",
      "slug": "multiple-selector-fixed-option",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector Fixed Option",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-fixed-option.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-fixed-option.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R102"
    },
    {
      "id": "R-C01-multiple-selector-ref",
      "name": "Multiple Selector Ref",
      "slug": "multiple-selector-ref",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector Ref",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-ref.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-ref.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R103"
    },
    {
      "id": "R-C01-multiple-selector-commandprops",
      "name": "Multiple Selector Command Props",
      "slug": "multiple-selector-commandprops",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector Command Props",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-commandprops.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-commandprops.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R104"
    },
    {
      "id": "R-C01-multiple-selector-with-form",
      "name": "Multiple Selector With Form",
      "slug": "multiple-selector-with-form",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "component for the Multiple Selector With Form",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multiple-selector/usage/multiple-selector-with-form.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-selector-with-form.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R105"
    },
    {
      "id": "R-C01-multiple-step-form-demo",
      "name": "Multiple Step Form Demo",
      "slug": "multiple-step-form-demo",
      "source": "C01",
      "category": "表单与选择",
      "kind": "演示变体",
      "description": "component for the Multiple Step Form Demo",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/multistepform/multistepdemo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/multiple-step-form-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R106"
    },
    {
      "id": "R-C01-navbar-demo",
      "name": "Navbar Demo",
      "slug": "navbar-demo",
      "source": "C01",
      "category": "导航与结构",
      "kind": "演示变体",
      "description": "component for the Navbar Demo",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/navbar/navbardemo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/navbar-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R107"
    },
    {
      "id": "R-C01-circular-navbar",
      "name": "Circular Navbar",
      "slug": "circular-navbar",
      "source": "C01",
      "category": "导航与结构",
      "kind": "组件",
      "description": "component for the Circular Navbar",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/navbar/usage/circular.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/circular-navbar.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R108"
    },
    {
      "id": "R-C01-tab-navbar",
      "name": "Tab Navbar",
      "slug": "tab-navbar",
      "source": "C01",
      "category": "导航与结构",
      "kind": "组件",
      "description": "component for the Tab Navbar",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/navbar/usage/tabnavbar.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/tab-navbar.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R109"
    },
    {
      "id": "R-C01-floating-navbar",
      "name": "Floating Navbar",
      "slug": "floating-navbar",
      "source": "C01",
      "category": "导航与结构",
      "kind": "组件",
      "description": "component for the Floating Navbar",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/navbar/usage/floatingnavbar.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/floating-navbar.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R110"
    },
    {
      "id": "R-C01-sidebar-navbar",
      "name": "Sidebar Navbar",
      "slug": "sidebar-navbar",
      "source": "C01",
      "category": "导航与结构",
      "kind": "组件",
      "description": "component for the Sidebar Navbar",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/navbar/usage/sidenav.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/sidebar-navbar.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R111"
    },
    {
      "id": "R-C01-login-card",
      "name": "Login Card",
      "slug": "login-card",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "组件",
      "description": "component for the Login Card",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/login-card/logincard.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/login-card.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R112"
    },
    {
      "id": "R-C01-kanbanboard",
      "name": "Kanban Board",
      "slug": "kanbanboard",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "component for the Kanban Board",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/kanban/kanbanboard.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/kanbanboard.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R113"
    },
    {
      "id": "R-C01-profile-dropdown",
      "name": "Profile Dropdown",
      "slug": "profile-dropdown",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "component for the Profile Dropdown",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/profile/profiledemo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/profile-dropdown.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R114"
    },
    {
      "id": "R-C01-product-card",
      "name": "Product Card",
      "slug": "product-card",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "组件",
      "description": "component for the Product Card",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/product-card/product-card.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/product-card.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R115"
    },
    {
      "id": "R-C01-progress-with-value-dependencies",
      "name": "Progress With Value Dependencies",
      "slug": "progress-with-value-dependencies",
      "source": "C01",
      "category": "数据与状态",
      "kind": "辅助代码",
      "description": "component for the Progress With Value Dependencies",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/spectrumui/progress-with-value-dependencies.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/progress-with-value-dependencies.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R116"
    },
    {
      "id": "R-C01-progress-with-value",
      "name": "Progress With Value",
      "slug": "progress-with-value",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "component for the Progress With Value",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/progress-with-value/progress-with-value-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/progress-with-value.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R117"
    },
    {
      "id": "R-C01-value-position",
      "name": "Progress With Value Position",
      "slug": "value-position",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "component for the Progress With Value Position",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/progress-with-value/usage/progress-with-value-position.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/value-position.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R118"
    },
    {
      "id": "R-C01-custom-label",
      "name": "Progress With Value Custom Label",
      "slug": "custom-label",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "component for the Progress With Value Custom Label",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/progress-with-value/usage/progress-with-value-label.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/custom-label.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R119"
    },
    {
      "id": "R-C01-responsive-modal-dependencies",
      "name": "Responsive Modal Dependencies",
      "slug": "responsive-modal-dependencies",
      "source": "C01",
      "category": "导航与结构",
      "kind": "辅助代码",
      "description": "component for the Responsive Modal Dependencies",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/spectrumui/responsive-modal-dependencies.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/responsive-modal-dependencies.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R120"
    },
    {
      "id": "R-C01-responsive-modal",
      "name": "Responsive Modal",
      "slug": "responsive-modal",
      "source": "C01",
      "category": "导航与结构",
      "kind": "组件",
      "description": "component for the Responsive Modal",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/responsive-modal/responsive-modal-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/responsive-modal.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R121"
    },
    {
      "id": "R-C01-responsive-modal-side",
      "name": "Responsive Modal Side",
      "slug": "responsive-modal-side",
      "source": "C01",
      "category": "导航与结构",
      "kind": "组件",
      "description": "component for the Responsive Modal Side",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/responsive-modal/usage/responsive-modal-side.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/responsive-modal-side.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R122"
    },
    {
      "id": "R-C01-accordion",
      "name": "Accordion",
      "slug": "accordion",
      "source": "C01",
      "category": "导航与结构",
      "kind": "组件",
      "description": "component for the Accordion",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/accordion/accordion-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/accordion.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R123"
    },
    {
      "id": "R-C01-accordion-dependencies",
      "name": "Accordion Dependencies",
      "slug": "accordion-dependencies",
      "source": "C01",
      "category": "导航与结构",
      "kind": "辅助代码",
      "description": "component for the Accordion Dependencies",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/spectrumui/accordion.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/accordion-dependencies.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R124"
    },
    {
      "id": "R-C01-accordion-card",
      "name": "Accordion Card",
      "slug": "accordion-card",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "组件",
      "description": "component for the Accordion Card",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/accordion/usage/accordion-card.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/accordion-card.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R125"
    },
    {
      "id": "R-C01-accordion-filled",
      "name": "Accordion Filled",
      "slug": "accordion-filled",
      "source": "C01",
      "category": "导航与结构",
      "kind": "组件",
      "description": "component for the Accordion Filled",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/accordion/usage/accordion-filled.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/accordion-filled.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R126"
    },
    {
      "id": "R-C01-accordion-ghost",
      "name": "Accordion Ghost",
      "slug": "accordion-ghost",
      "source": "C01",
      "category": "导航与结构",
      "kind": "组件",
      "description": "component for the Accordion Ghost",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/accordion/usage/accordion-ghost.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/accordion-ghost.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R127"
    },
    {
      "id": "R-C01-accordion-generative",
      "name": "Accordion Generative",
      "slug": "accordion-generative",
      "source": "C01",
      "category": "导航与结构",
      "kind": "组件",
      "description": "component for the Accordion Generative",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/accordion/usage/accordion-generative.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/accordion-generative.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R128"
    },
    {
      "id": "R-C01-skeleton",
      "name": "Skeleton",
      "slug": "skeleton",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "component for the Skeleton",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/skeleton/skeleton-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/skeleton.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-skeleton"
      ],
      "code": "R129"
    },
    {
      "id": "R-C01-skeleton-card",
      "name": "Skeleton Card",
      "slug": "skeleton-card",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "组件",
      "description": "component for the Skeleton Card",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/skeleton/usage/skeleton-card.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/skeleton-card.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R130"
    },
    {
      "id": "R-C01-spinner-dependencies",
      "name": "Skeleton Card",
      "slug": "spinner-dependencies",
      "source": "C01",
      "category": "数据与状态",
      "kind": "辅助代码",
      "description": "component for the Skeleton Card",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/spectrumui/spinner-dependencies.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/spinner-dependencies.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R131"
    },
    {
      "id": "R-C01-spinner-demo",
      "name": "Spinner Demo",
      "slug": "spinner-demo",
      "source": "C01",
      "category": "数据与状态",
      "kind": "演示变体",
      "description": "component for the Spinner Demo",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/spinner/spinner-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/spinner-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R132"
    },
    {
      "id": "R-C01-spinner-size",
      "name": "Spinner Size",
      "slug": "spinner-size",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "component for the Spinner Size",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/spinner/usage/spinner-size.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/spinner-size.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R133"
    },
    {
      "id": "R-C01-spinner-with-text",
      "name": "Spinner With Text",
      "slug": "spinner-with-text",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "component for the Spinner With Text",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/spinner/usage/spinner-with-text.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/spinner-with-text.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R134"
    },
    {
      "id": "R-C01-spinner-toggle",
      "name": "Spinner Toggle",
      "slug": "spinner-toggle",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "component for the Spinner Toggle",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/spinner/usage/spinner-toggle.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/spinner-toggle.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R135"
    },
    {
      "id": "R-C01-status-badge",
      "name": "Status Badge",
      "slug": "status-badge",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "component for the Status Badge",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/status-badge/statusdemo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/status-badge.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R136"
    },
    {
      "id": "R-C01-testimonials",
      "name": "Testimonials",
      "slug": "testimonials",
      "source": "C01",
      "category": "页面区块",
      "kind": "组件",
      "description": "component for the Testimonials",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/testimonials/testimonials.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/testimonials.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R137"
    },
    {
      "id": "R-C01-holographic",
      "name": "Holographic Scan Reveal",
      "slug": "holographic",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "component for the Holographic Scan Reveal",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/animatedtext/components/hologram-text.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/holographic.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R138"
    },
    {
      "id": "R-C01-orbital-letters",
      "name": "Orbital Letters",
      "slug": "orbital-letters",
      "source": "C01",
      "category": "文字与动效",
      "kind": "组件",
      "description": "component for the Orbital Letters",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/animatedtext/components/orbital-text.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/orbital-letters.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R139"
    },
    {
      "id": "R-C01-ink",
      "name": "Fluid Ink Morph",
      "slug": "ink",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "component for the Fluid Ink Morph",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/animatedtext/components/ink-morph.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/ink.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R140"
    },
    {
      "id": "R-C01-animated-drawer",
      "name": "Animated Drawer",
      "slug": "animated-drawer",
      "source": "C01",
      "category": "导航与结构",
      "kind": "组件",
      "description": "component for the Animated Drawer",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/animateddrawer/demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/animated-drawer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R141"
    },
    {
      "id": "R-C01-command-palette",
      "name": "Command Palette",
      "slug": "command-palette",
      "source": "C01",
      "category": "导航与结构",
      "kind": "组件",
      "description": "A fully customizable, smooth-animated Command Palette (Cmd+K) component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/command-palette/command-palette.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/command-palette.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R142"
    },
    {
      "id": "R-C01-command-palette-demo",
      "name": "Command Palette Demo",
      "slug": "command-palette-demo",
      "source": "C01",
      "category": "导航与结构",
      "kind": "演示变体",
      "description": "Demo usage for the Command Palette component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/command-palette/command-palette-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/command-palette-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R143"
    },
    {
      "id": "R-C01-scratch-card",
      "name": "Scratch Card",
      "slug": "scratch-card",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "组件",
      "description": "A scratch-to-reveal coupon card with an HTML5 canvas foil, dust particles on scratch, and a reveal callback at a configurable threshold",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/scratch-card/scratch-card.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/scratch-card.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R144"
    },
    {
      "id": "R-C01-scratch-card-demo",
      "name": "Scratch Card Demo",
      "slug": "scratch-card-demo",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "演示变体",
      "description": "Demo usage for the Scratch Card component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/scratch-card/scratch-card-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/scratch-card-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R145"
    },
    {
      "id": "R-C01-dock",
      "name": "Dock",
      "slug": "dock",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "A premium macOS-Style Animated Dock Menu component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/spectrumui/dock.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/dock.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-dock-glass"
      ],
      "code": "R146"
    },
    {
      "id": "R-C01-dock-demo",
      "name": "Dock Demo",
      "slug": "dock-demo",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "演示变体",
      "description": "Demo usage for the macOS-Style Animated Dock Menu component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/dock/dock-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/dock-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R147"
    },
    {
      "id": "R-C01-dock-glass",
      "name": "玻璃导航栏 · Dock",
      "slug": "dock-glass",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "用半透明和背景模糊呈现的浮动导航。",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/dock/usage/dock-glass.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/dock-glass.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R148"
    },
    {
      "id": "R-C01-bento-grid",
      "name": "Bento Grid",
      "slug": "bento-grid",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "组件",
      "description": "A premium interactive Bento Grid component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/bento-grid/bento-grid.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/bento-grid.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R149"
    },
    {
      "id": "R-C01-like-button",
      "name": "Like Button",
      "slug": "like-button",
      "source": "C01",
      "category": "按钮",
      "kind": "组件",
      "description": "A heart like button micro-interaction with a spring pop, ring pulse, radial particle burst, and a rolling odometer count",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/like-button/like-button.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/like-button.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-like",
        "spectrum-like-active"
      ],
      "code": "R150"
    },
    {
      "id": "R-C01-like-button-demo",
      "name": "Like Button Demo",
      "slug": "like-button-demo",
      "source": "C01",
      "category": "按钮",
      "kind": "演示变体",
      "description": "Demo usage for the Like Button component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/like-button/like-button-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/like-button-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R151"
    },
    {
      "id": "R-C01-tilt-card",
      "name": "3D Tilt Card",
      "slug": "tilt-card",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "组件",
      "description": "A 3D perspective tilt card that rotates toward the pointer with spring smoothing, parallax translateZ depth layers, and a pointer-following glare highlight",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/tilt-card/tilt-card.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/tilt-card.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-tilt-glare",
        "spectrum-tilt-flat"
      ],
      "code": "R152"
    },
    {
      "id": "R-C01-tilt-card-demo",
      "name": "3D Tilt Card Demo",
      "slug": "tilt-card-demo",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "演示变体",
      "description": "Demo usage for the 3D Tilt Card component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/tilt-card/tilt-card-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/tilt-card-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R153"
    },
    {
      "id": "R-C01-hold-to-confirm",
      "name": "Hold to Confirm",
      "slug": "hold-to-confirm",
      "source": "C01",
      "category": "按钮",
      "kind": "组件",
      "description": "A press-and-hold confirmation button for destructive actions with a filling progress ring, spring-back on early release, and a success check morph on completion",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/hold-to-confirm/hold-to-confirm.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/hold-to-confirm.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-hold",
        "spectrum-hold-short"
      ],
      "code": "R154"
    },
    {
      "id": "R-C01-hold-to-confirm-demo",
      "name": "Hold to Confirm Demo",
      "slug": "hold-to-confirm-demo",
      "source": "C01",
      "category": "按钮",
      "kind": "演示变体",
      "description": "Demo usage for the Hold to Confirm component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/hold-to-confirm/hold-to-confirm-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/hold-to-confirm-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R155"
    },
    {
      "id": "R-C01-reaction-bar",
      "name": "Reaction Bar",
      "slug": "reaction-bar",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "A Slack-style emoji reaction row with popping chips, direction-aware rolling counts, and a staggered emoji-picker popover",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/reaction-bar/reaction-bar.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/reaction-bar.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R156"
    },
    {
      "id": "R-C01-reaction-bar-demo",
      "name": "Reaction Bar Demo",
      "slug": "reaction-bar-demo",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "演示变体",
      "description": "Demo usage for the Reaction Bar component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/reaction-bar/reaction-bar-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/reaction-bar-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R157"
    },
    {
      "id": "R-C01-star-rating",
      "name": "Star Rating",
      "slug": "star-rating",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "An animated star rating input with hover-preview wave, pop and sparkle burst on commit, rolling value label, and fractional read-only display",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/star-rating/star-rating.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/star-rating.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-rating",
        "spectrum-rating-readonly"
      ],
      "code": "R158"
    },
    {
      "id": "R-C01-star-rating-demo",
      "name": "Star Rating Demo",
      "slug": "star-rating-demo",
      "source": "C01",
      "category": "表单与选择",
      "kind": "演示变体",
      "description": "Demo usage for the Star Rating component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/star-rating/star-rating-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/star-rating-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R159"
    },
    {
      "id": "R-C01-quantity-stepper",
      "name": "Quantity Stepper",
      "slug": "quantity-stepper",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "An animated quantity input for carts and forms with rolling digits, hold-to-repeat acceleration, and a boundary shake",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/quantity-stepper/quantity-stepper.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/quantity-stepper.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-stepper"
      ],
      "code": "R160"
    },
    {
      "id": "R-C01-quantity-stepper-demo",
      "name": "Quantity Stepper Demo",
      "slug": "quantity-stepper-demo",
      "source": "C01",
      "category": "表单与选择",
      "kind": "演示变体",
      "description": "Demo usage for the Quantity Stepper component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/quantity-stepper/quantity-stepper-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/quantity-stepper-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R161"
    },
    {
      "id": "R-C01-follow-button",
      "name": "Follow Button",
      "slug": "follow-button",
      "source": "C01",
      "category": "按钮",
      "kind": "组件",
      "description": "A morphing follow/unfollow button with a spring width morph, animated check draw, and a hover-revealed unfollow state",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/follow-button/follow-button.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/follow-button.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-follow",
        "spectrum-follow-active"
      ],
      "code": "R162"
    },
    {
      "id": "R-C01-follow-button-demo",
      "name": "Follow Button Demo",
      "slug": "follow-button-demo",
      "source": "C01",
      "category": "按钮",
      "kind": "演示变体",
      "description": "Demo usage for the Follow Button component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/follow-button/follow-button-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/follow-button-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R163"
    },
    {
      "id": "R-C01-notification-bell",
      "name": "Notification Bell",
      "slug": "notification-bell",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "A bell icon button with a ring-shake swing, springy unread badge with rolling odometer count, and a pinging dot mode",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/notification-bell/notification-bell.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/notification-bell.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-bell",
        "spectrum-bell-dot"
      ],
      "code": "R164"
    },
    {
      "id": "R-C01-notification-bell-demo",
      "name": "Notification Bell Demo",
      "slug": "notification-bell-demo",
      "source": "C01",
      "category": "数据与状态",
      "kind": "演示变体",
      "description": "Demo usage for the Notification Bell component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/notification-bell/notification-bell-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/notification-bell-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R165"
    },
    {
      "id": "R-C01-face-rating",
      "name": "Face Rating",
      "slug": "face-rating",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "A five-level feedback rating where one large SVG face morphs its mouth, eyes and color between moods as you hover and click, with a joy bounce on commit",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/face-rating/face-rating.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/face-rating.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R166"
    },
    {
      "id": "R-C01-face-rating-demo",
      "name": "Face Rating Demo",
      "slug": "face-rating-demo",
      "source": "C01",
      "category": "表单与选择",
      "kind": "演示变体",
      "description": "Demo usage for the Face Rating component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/face-rating/face-rating-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/face-rating-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R167"
    },
    {
      "id": "R-C01-undo-pill",
      "name": "Undo Pill",
      "slug": "undo-pill",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "An inline undo pill with a draining countdown ring that pauses on hover and fires undo or expire callbacks",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/undo-pill/undo-pill.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/undo-pill.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R168"
    },
    {
      "id": "R-C01-undo-pill-demo",
      "name": "Undo Pill Demo",
      "slug": "undo-pill-demo",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "演示变体",
      "description": "Demo usage for the Undo Pill component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/undo-pill/undo-pill-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/undo-pill-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R169"
    },
    {
      "id": "R-C01-password-strength",
      "name": "Password Strength",
      "slug": "password-strength",
      "source": "C01",
      "category": "文字与动效",
      "kind": "组件",
      "description": "A password input with an animated four-segment strength meter, crossfading strength label, requirements checklist with drawing check marks, and a visibility toggle",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/password-strength/password-strength.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/password-strength.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R170"
    },
    {
      "id": "R-C01-password-strength-demo",
      "name": "Password Strength Demo",
      "slug": "password-strength-demo",
      "source": "C01",
      "category": "文字与动效",
      "kind": "演示变体",
      "description": "Demo usage for the Password Strength component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/password-strength/password-strength-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/password-strength-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R171"
    },
    {
      "id": "R-C01-swipe-to-delete",
      "name": "Swipe to Delete",
      "slug": "swipe-to-delete",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "An iOS-style swipeable list-item wrapper that reveals a delete action on drag, pops the icon at the commit threshold, and collapses the row before firing onDelete",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/swipe-to-delete/swipe-to-delete.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/swipe-to-delete.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R172"
    },
    {
      "id": "R-C01-swipe-to-delete-demo",
      "name": "Swipe to Delete Demo",
      "slug": "swipe-to-delete-demo",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "演示变体",
      "description": "Demo usage for the Swipe to Delete component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/swipe-to-delete/swipe-to-delete-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/swipe-to-delete-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R173"
    },
    {
      "id": "R-C01-task-checkbox",
      "name": "Task Checkbox",
      "slug": "task-checkbox",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "组件",
      "description": "A satisfying todo checkbox row with spring fill, drawn-in check, confetti burst and animated strikethrough",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/task-checkbox/task-checkbox.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/task-checkbox.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-checkbox"
      ],
      "code": "R174"
    },
    {
      "id": "R-C01-task-checkbox-demo",
      "name": "Task Checkbox Demo",
      "slug": "task-checkbox-demo",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "演示变体",
      "description": "Demo usage for the Task Checkbox component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/task-checkbox/task-checkbox-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/task-checkbox-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R175"
    },
    {
      "id": "R-C01-morph-button",
      "name": "Morph Button",
      "slug": "morph-button",
      "source": "C01",
      "category": "按钮",
      "kind": "组件",
      "description": "A multi-state async action button that morphs between idle, loading, success and error with an arc spinner, drawn-in check, tight error shake and auto-reset",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/morph-button/morph-button.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/morph-button.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-morph-success",
        "spectrum-morph-error"
      ],
      "code": "R176"
    },
    {
      "id": "R-C01-morph-button-demo",
      "name": "Morph Button Demo",
      "slug": "morph-button-demo",
      "source": "C01",
      "category": "按钮",
      "kind": "演示变体",
      "description": "Demo usage for the Morph Button component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/morph-button/morph-button-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/morph-button-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R177"
    },
    {
      "id": "R-C01-animated-switch",
      "name": "Animated Switch",
      "slug": "animated-switch",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "An iOS-quality animated toggle switch with a press-to-stretch knob, drag-to-toggle with flick support, and optional crossfading knob icons",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/animated-switch/animated-switch.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/animated-switch.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-switch-off",
        "spectrum-switch-on"
      ],
      "code": "R178"
    },
    {
      "id": "R-C01-animated-switch-demo",
      "name": "Animated Switch Demo",
      "slug": "animated-switch-demo",
      "source": "C01",
      "category": "表单与选择",
      "kind": "演示变体",
      "description": "Demo usage for the Animated Switch component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/animated-switch/animated-switch-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/animated-switch-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R179"
    },
    {
      "id": "R-C01-avatar-stack",
      "name": "Avatar Stack",
      "slug": "avatar-stack",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "An overlapping avatar stack that fans apart on hover, springs name tooltips over each face and expands hidden members from a +N pill with a stagger",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/avatar-stack/avatar-stack.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/avatar-stack.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-avatars"
      ],
      "code": "R180"
    },
    {
      "id": "R-C01-avatar-stack-demo",
      "name": "Avatar Stack Demo",
      "slug": "avatar-stack-demo",
      "source": "C01",
      "category": "数据与状态",
      "kind": "演示变体",
      "description": "Demo usage for the Avatar Stack component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/avatar-stack/avatar-stack-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/avatar-stack-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R181"
    },
    {
      "id": "R-C01-kbd-key",
      "name": "Kbd Key",
      "slug": "kbd-key",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "A 3D keycap that physically depresses when the real key is pressed, with combo shortcuts that pulse and fire when every key is held at once",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/kbd-key/kbd-key.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/kbd-key.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R182"
    },
    {
      "id": "R-C01-kbd-key-demo",
      "name": "Kbd Key Demo",
      "slug": "kbd-key-demo",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "演示变体",
      "description": "Demo usage for the Kbd Key component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/kbd-key/kbd-key-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/kbd-key-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R183"
    },
    {
      "id": "R-C01-share-button",
      "name": "Share Button",
      "slug": "share-button",
      "source": "C01",
      "category": "按钮",
      "kind": "组件",
      "description": "A share trigger that fans out into copy-link and custom share actions with staggered springs, tooltips and full keyboard support",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/share-button/share-button.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/share-button.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-share"
      ],
      "code": "R184"
    },
    {
      "id": "R-C01-share-button-demo",
      "name": "Share Button Demo",
      "slug": "share-button-demo",
      "source": "C01",
      "category": "按钮",
      "kind": "演示变体",
      "description": "Demo usage for the Share Button component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/share-button/share-button-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/share-button-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R185"
    },
    {
      "id": "R-C01-voice-input",
      "name": "Voice Input",
      "slug": "voice-input",
      "source": "C01",
      "category": "表单与选择",
      "kind": "区块",
      "description": "A voice recorder pill with animated level bars and a live timer.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/voice-input.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/voice-input.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R186"
    },
    {
      "id": "R-C01-web-search",
      "name": "Web Search",
      "slug": "web-search",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "Agent search results with a live reading indicator.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/ai-assistants/web-search.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/web-search.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R187"
    },
    {
      "id": "R-C01-chart-kit",
      "name": "Chart Kit",
      "slug": "chart-kit",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "Shared data, fills, tooltip, and axis chrome for Spectrum Charts.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-kit.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/chart-kit.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R188"
    },
    {
      "id": "R-C01-bar-chart",
      "name": "Bar Chart",
      "slug": "bar-chart",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "Vertical and horizontal bars with hatch, duotone, gradient, stripe, stack, and glow fills.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-kit.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/bar-chart.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R189"
    },
    {
      "id": "R-C01-line-chart",
      "name": "Line Chart",
      "slug": "line-chart",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "Multi-series lines with solid, dashed, bump, step, gradient, and glow strokes.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-kit.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/line-chart.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R190"
    },
    {
      "id": "R-C01-area-chart",
      "name": "Area Chart",
      "slug": "area-chart",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "Filled areas with gradient, hatch, dotted, stacked, and dashed-stroke variants.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-kit.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/area-chart.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R191"
    },
    {
      "id": "R-C01-pie-chart",
      "name": "Pie Chart",
      "slug": "pie-chart",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "Pie and donut charts with padded sectors, labels, and optional sector glow.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-kit.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/pie-chart.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R192"
    },
    {
      "id": "R-C01-radar-chart",
      "name": "Radar Chart",
      "slug": "radar-chart",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "Radar plots with filled or outline series, circle grids, and glow.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-kit.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/radar-chart.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R193"
    },
    {
      "id": "R-C01-radial-chart",
      "name": "Radial Chart",
      "slug": "radial-chart",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "Full and semi-circle radial bars for share and progress.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-kit.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/radial-chart.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R194"
    },
    {
      "id": "R-C01-composed-chart",
      "name": "Composed Chart",
      "slug": "composed-chart",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "Bars, lines, and areas on one plot — mix fills, dashes, and glow per series.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-kit.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/composed-chart.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R195"
    },
    {
      "id": "R-C01-chart-data",
      "name": "Connecting Real Data",
      "slug": "chart-data",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "Wiring any chart to a real source: fetch in an effect, SWR or React Query, server components, and streaming — with every outcome mapped onto a status.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-engine.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/chart-data.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R196"
    },
    {
      "id": "R-C01-chart-states",
      "name": "Chart States",
      "slug": "chart-states",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "Loading skeletons, empty states and error states for every chart — one wrapper, six skeleton shapes, and a frame height that never shifts between them.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-engine.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/chart-states.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R197"
    },
    {
      "id": "R-C01-market-chart",
      "name": "Market Chart",
      "slug": "market-chart",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "A trading-desk chart in pure SVG: OHLC candles, a volume pane, a snapping crosshair with axis-pinned price and time, a range selector that morphs the series, and a live tape.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-engine.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/market-chart.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R198"
    },
    {
      "id": "R-C01-indicator-chart",
      "name": "Indicator Chart",
      "slug": "indicator-chart",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "Price, RSI and MACD stacked on one time axis with a single crosshair that reports all three panes at once.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-engine.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/indicator-chart.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R199"
    },
    {
      "id": "R-C01-depth-chart",
      "name": "Depth Chart",
      "slug": "depth-chart",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "Cumulative bid and ask liquidity either side of the mid, with a crosshair that reports the size resting up to any price.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-engine.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/depth-chart.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R200"
    },
    {
      "id": "R-C01-order-book",
      "name": "Order Book",
      "slug": "order-book",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "A trading ladder with cumulative depth bars, a spread row, and flashing updates in live mode.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-engine.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/order-book.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R201"
    },
    {
      "id": "R-C01-portfolio-chart",
      "name": "Portfolio Chart",
      "slug": "portfolio-chart",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "Account value against cost basis with drawdown from the running peak shaded underneath.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-engine.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/portfolio-chart.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R202"
    },
    {
      "id": "R-C01-market-heatmap",
      "name": "Market Heatmap",
      "slug": "market-heatmap",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "A squarified treemap sized by market cap and coloured on a diverging change ramp — the market map.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-engine.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/market-heatmap.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R203"
    },
    {
      "id": "R-C01-calendar-heatmap",
      "name": "Calendar Heatmap",
      "slug": "calendar-heatmap",
      "source": "C01",
      "category": "表单与选择",
      "kind": "组件",
      "description": "A year of daily values as week columns — the contributions grid, with five quantised intensity steps, streak stats, and month rails.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-engine.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/calendar-heatmap.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R204"
    },
    {
      "id": "R-C01-cohort-chart",
      "name": "Cohort Retention",
      "slug": "cohort-chart",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "The retention triangle: cohorts down, periods across, intensity by share retained, with a row and column crosshair and a period average.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-engine.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/cohort-chart.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R205"
    },
    {
      "id": "R-C01-stat-cards",
      "name": "Stat Cards",
      "slug": "stat-cards",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "组件",
      "description": "KPI cards with a big value, the delta written as a sentence, and a scrubbable sparkline or progress bar beside it — the row every dashboard opens with.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-engine.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/stat-cards.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R206"
    },
    {
      "id": "R-C01-histogram-chart",
      "name": "Histogram",
      "slug": "histogram-chart",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "A distribution of raw samples binned on nice edges, with p50 / p95 / p99 pinned onto the plot — the chart that shows the tail your average hides.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-engine.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/histogram-chart.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R207"
    },
    {
      "id": "R-C01-candlestick-chart",
      "name": "Candlestick Chart",
      "slug": "candlestick-chart",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "OHLC candles with optional volume and hollow-up bodies — for stocks, SOL, and any market pair.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-kit.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/candlestick-chart.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R208"
    },
    {
      "id": "R-C01-price-chart",
      "name": "Price Chart",
      "slug": "price-chart",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "Ticker chrome with last price and signed delta. Use it for tokens, equities, or protocol TVL.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-kit.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/price-chart.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R209"
    },
    {
      "id": "R-C01-sparkline-chart",
      "name": "Sparkline",
      "slug": "sparkline-chart",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "Compact inline price marks for watchlists, token tables, and portfolio rows.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/charts/chart-kit.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/sparkline-chart.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R210"
    },
    {
      "id": "R-C01-offset-tiers",
      "name": "Offset Tiers",
      "slug": "offset-tiers",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "Staggered serif panels on a dot grid, with one entry price and expert CTAs.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/pricing/offset-tiers.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/offset-tiers.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R211"
    },
    {
      "id": "R-C01-gradient-tiers",
      "name": "Gradient Tiers",
      "slug": "gradient-tiers",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "Pastel gradient card headers with icons and color-coded inheritance labels.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/pricing/gradient-tiers.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/gradient-tiers.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R212"
    },
    {
      "id": "R-C01-dark-matrix",
      "name": "Dark Matrix",
      "slug": "dark-matrix",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A dark comparison table with dashed rows, mint checks, and per-plan CTA pills.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/pricing/dark-matrix.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/dark-matrix.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R213"
    },
    {
      "id": "R-C01-blueprint-tiers",
      "name": "Blueprint Tiers",
      "slug": "blueprint-tiers",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A Swiss-style pricing table with crop marks, mono labels, and a royal-blue accent.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/pricing/blueprint-tiers.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/blueprint-tiers.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R214"
    },
    {
      "id": "R-C01-serif-tiers",
      "name": "Serif Tiers",
      "slug": "serif-tiers",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "Cream serif cards with a black featured card lit by a crimson glow.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/pricing/serif-tiers.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/serif-tiers.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R215"
    },
    {
      "id": "R-C01-banner-tiers",
      "name": "Banner Tiers",
      "slug": "banner-tiers",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A brutalist plan table whose featured column wears a blue banner on top.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/pricing/banner-tiers.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/banner-tiers.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R216"
    },
    {
      "id": "R-C01-receipt-tiers",
      "name": "Receipt Tiers",
      "slug": "receipt-tiers",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "Plans printed as thermal receipts with torn edges, dotted leaders, and a rubber stamp.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/pricing/receipt-tiers.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/receipt-tiers.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R217"
    },
    {
      "id": "R-C01-use-typewriter",
      "name": "useTypewriter",
      "slug": "use-typewriter",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "辅助代码",
      "description": "A typewriter hook that types, holds and deletes phrases on a loop, plus a prefers-reduced-motion hook.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/use-typewriter/use-typewriter.ts",
      "registry_url": "https://ui.spectrumhq.in/r/use-typewriter.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R218"
    },
    {
      "id": "R-C01-command-search",
      "name": "Command Search",
      "slug": "command-search",
      "source": "C01",
      "category": "导航与结构",
      "kind": "组件",
      "description": "A command palette that types queries and live-filters grouped results, with keyboard navigation.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/command-search/command-search.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/command-search.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R219"
    },
    {
      "id": "R-C01-command-search-demo",
      "name": "Command Search Demo",
      "slug": "command-search-demo",
      "source": "C01",
      "category": "导航与结构",
      "kind": "演示变体",
      "description": "Demo usage for the Command Search component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/command-search/command-search-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/command-search-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R220"
    },
    {
      "id": "R-C01-recent-activity",
      "name": "Recent Activity",
      "slug": "recent-activity",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "An activity feed card that lists agent runs with duration and recency chips.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/recent-activity/recent-activity.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/recent-activity.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R221"
    },
    {
      "id": "R-C01-recent-activity-demo",
      "name": "Recent Activity Demo",
      "slug": "recent-activity-demo",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "演示变体",
      "description": "Demo usage for the Recent Activity component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/recent-activity/recent-activity-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/recent-activity-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R222"
    },
    {
      "id": "R-C01-account-access-card",
      "name": "Account Access Card",
      "slug": "account-access-card",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "组件",
      "description": "A credentials card that auto-fills email and password on a loop, with a danger zone.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/account-access-card/account-access-card.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/account-access-card.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R223"
    },
    {
      "id": "R-C01-account-access-card-demo",
      "name": "Account Access Card Demo",
      "slug": "account-access-card-demo",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "演示变体",
      "description": "Demo usage for the Account Access Card component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/account-access-card/account-access-card-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/account-access-card-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R224"
    },
    {
      "id": "R-C01-ai-chat-card",
      "name": "AI Chat Card",
      "slug": "ai-chat-card",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "组件",
      "description": "An AI chat card that types prompts into its composer, with send, attach and reset actions.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/ai-chat-card/ai-chat-card.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/ai-chat-card.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R225"
    },
    {
      "id": "R-C01-ai-chat-card-demo",
      "name": "AI Chat Card Demo",
      "slug": "ai-chat-card-demo",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "演示变体",
      "description": "Demo usage for the AI Chat Card component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/ai-chat-card/ai-chat-card-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/ai-chat-card-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R226"
    },
    {
      "id": "R-C01-nav-list-card",
      "name": "Nav List Card",
      "slug": "nav-list-card",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "组件",
      "description": "A compact navigation card that lists links with icons, with a spring slide on hover.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/nav-list-card/nav-list-card.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/nav-list-card.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R227"
    },
    {
      "id": "R-C01-nav-list-card-demo",
      "name": "Nav List Card Demo",
      "slug": "nav-list-card-demo",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "演示变体",
      "description": "Demo usage for the Nav List Card component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/nav-list-card/nav-list-card-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/nav-list-card-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R228"
    },
    {
      "id": "R-C01-transfer-funds-card",
      "name": "Transfer Funds Card",
      "slug": "transfer-funds-card",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "组件",
      "description": "A money transfer form card with account pickers, a summary and a confirm action.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/transfer-funds-card/transfer-funds-card.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/transfer-funds-card.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R229"
    },
    {
      "id": "R-C01-transfer-funds-card-demo",
      "name": "Transfer Funds Card Demo",
      "slug": "transfer-funds-card-demo",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "演示变体",
      "description": "Demo usage for the Transfer Funds Card component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/transfer-funds-card/transfer-funds-card-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/transfer-funds-card-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R230"
    },
    {
      "id": "R-C01-faq-tabs-card",
      "name": "FAQ Tabs Card",
      "slug": "faq-tabs-card",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "组件",
      "description": "A tabbed FAQ card with animated accordion answers and a support footer.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/faq-tabs-card/faq-tabs-card.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/faq-tabs-card.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R231"
    },
    {
      "id": "R-C01-faq-tabs-card-demo",
      "name": "FAQ Tabs Card Demo",
      "slug": "faq-tabs-card-demo",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "演示变体",
      "description": "Demo usage for the FAQ Tabs Card component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/faq-tabs-card/faq-tabs-card-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/faq-tabs-card-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R232"
    },
    {
      "id": "R-C01-tree-nav",
      "name": "Tree Nav",
      "slug": "tree-nav",
      "source": "C01",
      "category": "导航与结构",
      "kind": "组件",
      "description": "A nav list with a tree rail and a spring marker that follows hover and settles on the active link.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/tree-nav/tree-nav.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/tree-nav.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R233"
    },
    {
      "id": "R-C01-tree-nav-demo",
      "name": "Tree Nav Demo",
      "slug": "tree-nav-demo",
      "source": "C01",
      "category": "导航与结构",
      "kind": "演示变体",
      "description": "Demo usage for the Tree Nav component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/tree-nav/tree-nav-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/tree-nav-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R234"
    },
    {
      "id": "R-C01-use-surface-theme",
      "name": "useSurfaceTheme",
      "slug": "use-surface-theme",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "辅助代码",
      "description": "Resolves auto to dark or light from a .dark class on <html>, then the OS preference, updating live.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/use-surface-theme.ts",
      "registry_url": "https://ui.spectrumhq.in/r/use-surface-theme.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R235"
    },
    {
      "id": "R-C01-metal-button",
      "name": "Metal Button",
      "slug": "metal-button",
      "source": "C01",
      "category": "按钮",
      "kind": "组件",
      "description": "A pill button framed by a real-time WebGL liquid-metal ring, in chromatic, silver and gold presets.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/metal-button.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/metal-button.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-metal-chromatic",
        "spectrum-metal-silver",
        "spectrum-metal-gold"
      ],
      "code": "R236"
    },
    {
      "id": "R-C01-metal-button-demo",
      "name": "Metal Button Demo",
      "slug": "metal-button-demo",
      "source": "C01",
      "category": "按钮",
      "kind": "演示变体",
      "description": "Demo usage for the Metal Button component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/metal-button/metal-button-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/metal-button-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R237"
    },
    {
      "id": "R-C01-metal-prompt-bar",
      "name": "Metal Prompt Bar",
      "slug": "metal-prompt-bar",
      "source": "C01",
      "category": "Agent 界面",
      "kind": "组件",
      "description": "An AI prompt bar with a live liquid-metal send button that reflects onto the chips beside it.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/metal-prompt-bar.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/metal-prompt-bar.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R238"
    },
    {
      "id": "R-C01-metal-prompt-bar-demo",
      "name": "Metal Prompt Bar Demo",
      "slug": "metal-prompt-bar-demo",
      "source": "C01",
      "category": "Agent 界面",
      "kind": "演示变体",
      "description": "Demo usage for the Metal Prompt Bar component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/metal-prompt-bar/metal-prompt-bar-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/metal-prompt-bar-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R239"
    },
    {
      "id": "R-C01-beam-card",
      "name": "Beam Card",
      "slug": "beam-card",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "组件",
      "description": "A card wrapped in an animated border beam, traveling or breathing, in four color palettes.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/beam-card.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/beam-card.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R240"
    },
    {
      "id": "R-C01-beam-card-demo",
      "name": "Beam Card Demo",
      "slug": "beam-card-demo",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "演示变体",
      "description": "Demo usage for the Beam Card component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/beam-card/beam-card-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/beam-card-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R241"
    },
    {
      "id": "R-C01-beam-search",
      "name": "Beam Search Bar",
      "slug": "beam-search",
      "source": "C01",
      "category": "文字与动效",
      "kind": "组件",
      "description": "A search bar whose bottom edge lights up with a traveling beam while it has focus.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/beam-search.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/beam-search.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R242"
    },
    {
      "id": "R-C01-beam-search-demo",
      "name": "Beam Search Bar Demo",
      "slug": "beam-search-demo",
      "source": "C01",
      "category": "文字与动效",
      "kind": "演示变体",
      "description": "Demo usage for the Beam Search Bar component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/beam-search/beam-search-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/beam-search-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R243"
    },
    {
      "id": "R-C01-dynamic-island",
      "name": "Dynamic Island",
      "slug": "dynamic-island",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "An iOS-style island pill that morphs between live activity views with a bouncy resize.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/motion/dynamic-island.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/dynamic-island.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R244"
    },
    {
      "id": "R-C01-dynamic-island-demo",
      "name": "Dynamic Island Demo",
      "slug": "dynamic-island-demo",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "演示变体",
      "description": "Demo usage for the Dynamic Island component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/dynamic-island/dynamic-island-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/dynamic-island-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R245"
    },
    {
      "id": "R-C01-expandable-action-bar",
      "name": "Expandable Action Bar",
      "slug": "expandable-action-bar",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "组件",
      "description": "Compact icon actions that expand into labeled controls on hover or focus with shared layout motion.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/motion/expandable-action-bar.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/expandable-action-bar.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R246"
    },
    {
      "id": "R-C01-expandable-action-bar-demo",
      "name": "Expandable Action Bar Demo",
      "slug": "expandable-action-bar-demo",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "演示变体",
      "description": "Demo usage for the Expandable Action Bar component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/expandable-action-bar/expandable-action-bar-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/expandable-action-bar-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R247"
    },
    {
      "id": "R-C01-toast-stack",
      "name": "Toast Stack",
      "slug": "toast-stack",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "Stacked toasts with status morphs, swipe to dismiss, actions and layout-aware motion.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/motion/animated-toast-stack.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/toast-stack.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R248"
    },
    {
      "id": "R-C01-toast-stack-demo",
      "name": "Toast Stack Demo",
      "slug": "toast-stack-demo",
      "source": "C01",
      "category": "数据与状态",
      "kind": "演示变体",
      "description": "Demo usage for the Toast Stack component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/toast-stack/toast-stack-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/toast-stack-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R249"
    },
    {
      "id": "R-C01-number-ticker",
      "name": "Number Ticker",
      "slug": "number-ticker",
      "source": "C01",
      "category": "文字与动效",
      "kind": "组件",
      "description": "A rolling digit ticker that counts to a value with per-digit stagger, padding and blur.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/motion/number-ticker.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/number-ticker.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R250"
    },
    {
      "id": "R-C01-number-ticker-demo",
      "name": "Number Ticker Demo",
      "slug": "number-ticker-demo",
      "source": "C01",
      "category": "文字与动效",
      "kind": "演示变体",
      "description": "Demo usage for the Number Ticker component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/number-ticker/number-ticker-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/number-ticker-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R251"
    },
    {
      "id": "R-C01-text-states",
      "name": "Text States",
      "slug": "text-states",
      "source": "C01",
      "category": "文字与动效",
      "kind": "组件",
      "description": "A status label that swaps its text in place, exiting up with blur and entering from below.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/text-states.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/text-states.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R252"
    },
    {
      "id": "R-C01-text-states-demo",
      "name": "Text States Demo",
      "slug": "text-states-demo",
      "source": "C01",
      "category": "文字与动效",
      "kind": "演示变体",
      "description": "Demo usage for the Text States component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/text-states/text-states-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/text-states-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R253"
    },
    {
      "id": "R-C01-skeleton-reveal",
      "name": "Skeleton Reveal",
      "slug": "skeleton-reveal",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "A skeleton that pulses while loading, then cross-fades and un-blurs into the real content.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/skeleton-reveal.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/skeleton-reveal.json",
      "preview_ready": true,
      "live_samples": [
        "spectrum-skeleton"
      ],
      "code": "R254"
    },
    {
      "id": "R-C01-skeleton-reveal-demo",
      "name": "Skeleton Reveal Demo",
      "slug": "skeleton-reveal-demo",
      "source": "C01",
      "category": "数据与状态",
      "kind": "演示变体",
      "description": "Demo usage for the Skeleton Reveal component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/skeleton-reveal/skeleton-reveal-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/skeleton-reveal-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R255"
    },
    {
      "id": "R-C01-data-table",
      "name": "Data Table",
      "slug": "data-table",
      "source": "C01",
      "category": "数据与状态",
      "kind": "组件",
      "description": "A typed data table with sorting, search and row selection, where rows glide into their new order.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/data-table/data-table.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/data-table.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R256"
    },
    {
      "id": "R-C01-data-table-demo",
      "name": "Data Table Demo",
      "slug": "data-table-demo",
      "source": "C01",
      "category": "数据与状态",
      "kind": "演示变体",
      "description": "Demo usage for the Data Table component",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/app/registry/data-table/data-table-demo.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/data-table-demo.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R257"
    },
    {
      "id": "R-C01-payments-table",
      "name": "Payments Table",
      "slug": "payments-table",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "Transactions with people avatars, status pills, filters, row selection and a bulk export bar.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/tables/payments-table.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/payments-table.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R258"
    },
    {
      "id": "R-C01-team-members-table",
      "name": "Team Members Table",
      "slug": "team-members-table",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "Workspace member management with roles, two-factor status, last activity and a remove action.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/tables/team-members-table.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/team-members-table.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R259"
    },
    {
      "id": "R-C01-invoices-table",
      "name": "Invoices Table",
      "slug": "invoices-table",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "Billing history with mono invoice numbers, status pills and a per-row PDF download.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/tables/invoices-table.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/invoices-table.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R260"
    },
    {
      "id": "R-C01-orders-table",
      "name": "Orders Table",
      "slug": "orders-table",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "E-commerce orders with fulfillment pills, customer avatars and an expandable line-item panel.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/tables/orders-table.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/orders-table.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R261"
    },
    {
      "id": "R-C01-customers-table",
      "name": "Customers Table",
      "slug": "customers-table",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "Accounts ranked by MRR with plan badges, churn-risk indicators and owner avatars.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/tables/customers-table.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/customers-table.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R262"
    },
    {
      "id": "R-C01-api-keys-table",
      "name": "API Keys Table",
      "slug": "api-keys-table",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "Key management with masked secrets in mono, scope chips, usage counts and a revoke action.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/tables/api-keys-table.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/api-keys-table.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R263"
    },
    {
      "id": "R-C01-audit-log-table",
      "name": "Audit Log Table",
      "slug": "audit-log-table",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "A dense, pinned-header event log with actors, mono action names, IPs and severity levels.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/tables/audit-log-table.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/audit-log-table.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R264"
    },
    {
      "id": "R-C01-deployments-table",
      "name": "Deployments Table",
      "slug": "deployments-table",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "CI deploys with commit messages, mono shas, environment badges, build status and author avatars.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/tables/deployments-table.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/deployments-table.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R265"
    },
    {
      "id": "R-C01-feature-flags-table",
      "name": "Feature Flags Table",
      "slug": "feature-flags-table",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "Flag management with env chips, rollout meters and a live spring-animated switch per row.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/tables/feature-flags-table.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/feature-flags-table.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R266"
    },
    {
      "id": "R-C01-tickets-table",
      "name": "Support Tickets Table",
      "slug": "tickets-table",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "A support queue with priority icons, SLA countdowns, assignee avatars and status pills.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/tables/tickets-table.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/tickets-table.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R267"
    },
    {
      "id": "R-C01-top-pages-table",
      "name": "Top Pages Table",
      "slug": "top-pages-table",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "An analytics table with mono paths, share-of-traffic bars and signed week-over-week deltas.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/tables/top-pages-table.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/top-pages-table.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R268"
    },
    {
      "id": "R-C01-market-table",
      "name": "Market Watchlist Table",
      "slug": "market-table",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "A price watchlist with ticker tiles, signed 24h changes and seven-day inline sparklines.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/tables/market-table.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/market-table.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R269"
    },
    {
      "id": "R-C01-inventory-table",
      "name": "Inventory Table",
      "slug": "inventory-table",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "Stock management with SKU tiles, capacity meters that change color at thresholds and status labels.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/tables/inventory-table.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/inventory-table.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R270"
    },
    {
      "id": "R-C01-leaderboard-table",
      "name": "Leaderboard Table",
      "slug": "leaderboard-table",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "Rankings with medal chips for the top three, player avatars, streaks and weekly movement.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/tables/leaderboard-table.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/leaderboard-table.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R271"
    },
    {
      "id": "R-C01-files-table",
      "name": "Files Table",
      "slug": "files-table",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "A shared-drive browser with type-glyph tiles, sizes, collaborator stacks and modified dates.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/tables/files-table.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/files-table.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R272"
    },
    {
      "id": "R-C01-mega-sitemap-footer",
      "name": "Mega Sitemap Footer",
      "slug": "mega-sitemap-footer",
      "source": "C01",
      "category": "页面区块",
      "kind": "区块",
      "description": "A five-column sitemap with region and language selectors and mobile accordions.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/footers/mega-sitemap-footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/mega-sitemap-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R273"
    },
    {
      "id": "R-C01-trust-center-footer",
      "name": "Trust Center Footer",
      "slug": "trust-center-footer",
      "source": "C01",
      "category": "页面区块",
      "kind": "区块",
      "description": "Compliance marks that expand to scope, over a logo row and link columns.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/footers/trust-center-footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/trust-center-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R274"
    },
    {
      "id": "R-C01-region-picker-footer",
      "name": "Region Picker Footer",
      "slug": "region-picker-footer",
      "source": "C01",
      "category": "表单与选择",
      "kind": "区块",
      "description": "A region popover with locale, currency, data residency and live local time.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/footers/region-picker-footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/region-picker-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R275"
    },
    {
      "id": "R-C01-service-status-footer",
      "name": "Service Status Footer",
      "slug": "service-status-footer",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "Thirty days of per-service uptime bars with a rolling incident ticker.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/footers/service-status-footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/service-status-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R276"
    },
    {
      "id": "R-C01-sales-cta-footer",
      "name": "Sales CTA Footer",
      "slug": "sales-cta-footer",
      "source": "C01",
      "category": "页面区块",
      "kind": "区块",
      "description": "A seat slider that prices a tier live, beside the link grid.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/footers/sales-cta-footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/sales-cta-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R277"
    },
    {
      "id": "R-C01-link-search-footer",
      "name": "Link Search Footer",
      "slug": "link-search-footer",
      "source": "C01",
      "category": "页面区块",
      "kind": "区块",
      "description": "Type-to-filter across every footer link, with arrow-key navigation.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/footers/link-search-footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/link-search-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R278"
    },
    {
      "id": "R-C01-careers-footer",
      "name": "Careers Footer",
      "slug": "careers-footer",
      "source": "C01",
      "category": "页面区块",
      "kind": "区块",
      "description": "A rolling three-role window with department filters, over link columns.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/footers/careers-footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/careers-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R279"
    },
    {
      "id": "R-C01-policy-footer",
      "name": "Policy Footer",
      "slug": "policy-footer",
      "source": "C01",
      "category": "页面区块",
      "kind": "区块",
      "description": "Cookie-category switches with a save state, over a layered legal row.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/footers/policy-footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/policy-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R280"
    },
    {
      "id": "R-C01-ask-docs-footer",
      "name": "Ask Docs Footer",
      "slug": "ask-docs-footer",
      "source": "C01",
      "category": "页面区块",
      "kind": "区块",
      "description": "A docs question box that streams a cited answer, over link columns.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/footers/ask-docs-footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/ask-docs-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R281"
    },
    {
      "id": "R-C01-wordmark-spotlight-footer",
      "name": "Wordmark Spotlight Footer",
      "slug": "wordmark-spotlight-footer",
      "source": "C01",
      "category": "文字与动效",
      "kind": "区块",
      "description": "A full-bleed wordmark lit by a spotlight that follows the pointer.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/footers/wordmark-spotlight-footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/wordmark-spotlight-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R282"
    },
    {
      "id": "R-C01-token-stream-footer",
      "name": "Token Stream Footer",
      "slug": "token-stream-footer",
      "source": "C01",
      "category": "Agent 界面",
      "kind": "区块",
      "description": "A one-line manifesto that types itself in, over a metric row.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/footers/token-stream-footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/token-stream-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R283"
    },
    {
      "id": "R-C01-neural-grid-footer",
      "name": "Neural Grid Footer",
      "slug": "neural-grid-footer",
      "source": "C01",
      "category": "页面区块",
      "kind": "区块",
      "description": "An SVG node lattice that lights up under the pointer.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/footers/neural-grid-footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/neural-grid-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R284"
    },
    {
      "id": "R-C01-release-feed-footer",
      "name": "Release Feed Footer",
      "slug": "release-feed-footer",
      "source": "C01",
      "category": "页面区块",
      "kind": "区块",
      "description": "A changelog list with version, kind and date on hairline rows.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/footers/release-feed-footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/release-feed-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R285"
    },
    {
      "id": "R-C01-newsletter-footer",
      "name": "Newsletter Footer",
      "slug": "newsletter-footer",
      "source": "C01",
      "category": "文字与动效",
      "kind": "区块",
      "description": "A newsletter panel with a value checklist, reader stack and inline validation.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/footers/newsletter-footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/newsletter-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R286"
    },
    {
      "id": "R-C01-contact-card-footer",
      "name": "Contact Card Footer",
      "slug": "contact-card-footer",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "区块",
      "description": "Copyable email, phone and address rows with opening hours and local time.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/footers/contact-card-footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/contact-card-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R287"
    },
    {
      "id": "R-C01-social-proof-footer",
      "name": "Logo Wall Footer",
      "slug": "social-proof-footer",
      "source": "C01",
      "category": "页面区块",
      "kind": "区块",
      "description": "A customer logo wall — marquee or plotted grid — over stats and link columns.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/footers/social-proof-footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/social-proof-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R288"
    },
    {
      "id": "R-C01-minimal-footer",
      "name": "Minimal Footer",
      "slug": "minimal-footer",
      "source": "C01",
      "category": "页面区块",
      "kind": "区块",
      "description": "A single-line footer with hover-expanding link clusters, status and socials.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/footers/minimal-footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/minimal-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R289"
    },
    {
      "id": "R-C01-waitlist-footer",
      "name": "Waitlist Footer",
      "slug": "waitlist-footer",
      "source": "C01",
      "category": "页面区块",
      "kind": "区块",
      "description": "Waitlist capture with an avatar stack and a live position counter.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/footers/waitlist-footer.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/waitlist-footer.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R290"
    },
    {
      "id": "R-C01-project-empty",
      "name": "First Project",
      "slug": "project-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "First-run project screen with selectable templates and a setup checklist.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/project-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/project-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R291"
    },
    {
      "id": "R-C01-invite-empty",
      "name": "Invite Teammates",
      "slug": "invite-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A one-seat team with an avatar rail, live invite field and copyable join link.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/invite-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/invite-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R292"
    },
    {
      "id": "R-C01-integration-empty",
      "name": "Connect a Source",
      "slug": "integration-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A connector grid where tiles run a real connect sequence and settle into connected.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/integration-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/integration-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R293"
    },
    {
      "id": "R-C01-upload-empty",
      "name": "Drop Files",
      "slug": "upload-empty",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "A drop zone with real drag handling and per-file upload meters.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/upload-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/upload-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R294"
    },
    {
      "id": "R-C01-api-key-empty",
      "name": "No API Keys",
      "slug": "api-key-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "Key creation that reveals the secret once, masked, with a copy that confirms itself.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/api-key-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/api-key-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R295"
    },
    {
      "id": "R-C01-webhook-empty",
      "name": "Waiting for Events",
      "slug": "webhook-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A live endpoint waiting for its first delivery, with a test event that lands.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/webhook-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/webhook-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R296"
    },
    {
      "id": "R-C01-search-empty",
      "name": "No Search Results",
      "slug": "search-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A no-results state that echoes the query and resolves when a suggestion is taken.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/search-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/search-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R297"
    },
    {
      "id": "R-C01-filter-empty",
      "name": "No Matching Filters",
      "slug": "filter-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "Filter chips you can drop one at a time, with the match count coming back as you do.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/filter-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/filter-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R298"
    },
    {
      "id": "R-C01-table-empty",
      "name": "Empty Table",
      "slug": "table-empty",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "A table that keeps its header and column widths, with rows that spring in.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/table-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/table-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R299"
    },
    {
      "id": "R-C01-chart-empty",
      "name": "No Chart Data",
      "slug": "chart-empty",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "Ghost axes with a sample series that springs up on request.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/chart-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/chart-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R300"
    },
    {
      "id": "R-C01-activity-empty",
      "name": "No Activity Yet",
      "slug": "activity-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "An audit timeline with a dashed rail above its one real event.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/activity-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/activity-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R301"
    },
    {
      "id": "R-C01-inbox-empty",
      "name": "Inbox Zero",
      "slug": "inbox-empty",
      "source": "C01",
      "category": "卡片与容器",
      "kind": "区块",
      "description": "A cleared inbox where the last three cards sweep out and the stats land.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/inbox-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/inbox-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R302"
    },
    {
      "id": "R-C01-notification-empty",
      "name": "No Notifications",
      "slug": "notification-empty",
      "source": "C01",
      "category": "数据与状态",
      "kind": "区块",
      "description": "An empty notification tray with working channel switches and a quiet-hours state.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/notification-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/notification-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R303"
    },
    {
      "id": "R-C01-trash-empty",
      "name": "Trash Is Empty",
      "slug": "trash-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "An empty trash that explains the retention window instead of celebrating.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/trash-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/trash-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R304"
    },
    {
      "id": "R-C01-schedule-empty",
      "name": "Nothing Scheduled",
      "slug": "schedule-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A day rail with a now marker where any hour opens an inline composer.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/schedule-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/schedule-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R305"
    },
    {
      "id": "R-C01-saved-empty",
      "name": "Nothing Saved",
      "slug": "saved-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "An empty saved list that teaches the gesture on three real rows.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/saved-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/saved-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R306"
    },
    {
      "id": "R-C01-cart-empty",
      "name": "Empty Cart",
      "slug": "cart-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "An empty bag with three recently viewed products that add for real.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/cart-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/cart-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R307"
    },
    {
      "id": "R-C01-board-empty",
      "name": "Empty Board Column",
      "slug": "board-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A kanban column that accepts real drags from its neighbours and composes cards inline.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/board-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/board-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R308"
    },
    {
      "id": "R-C01-offline-empty",
      "name": "Offline",
      "slug": "offline-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "An offline panel that counts down, retries itself and recovers on screen.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/offline-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/offline-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R309"
    },
    {
      "id": "R-C01-error-empty",
      "name": "Failed to Load",
      "slug": "error-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A load failure with a copyable request id and a details panel that opens to fit.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/error-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/error-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R310"
    },
    {
      "id": "R-C01-not-found-empty",
      "name": "Page Not Found",
      "slug": "not-found-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A 404 that prints the path it tried and filters real destinations as you type.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/not-found-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/not-found-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R311"
    },
    {
      "id": "R-C01-access-empty",
      "name": "No Access",
      "slug": "access-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A permission wall that names the owner and turns request into requested.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/access-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/access-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R312"
    },
    {
      "id": "R-C01-quota-empty",
      "name": "Limit Reached",
      "slug": "quota-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A quota wall with a full meter, seven days of history and a reset clock.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/quota-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/quota-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R313"
    },
    {
      "id": "R-C01-locked-empty",
      "name": "Locked Feature",
      "slug": "locked-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A paywall over a blurred preview of the feature it is selling.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/locked-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/locked-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R314"
    },
    {
      "id": "R-C01-maintenance-empty",
      "name": "Scheduled Maintenance",
      "slug": "maintenance-empty",
      "source": "C01",
      "category": "其他 / 待细分",
      "kind": "区块",
      "description": "A maintenance window with a ticking ETA, a stage rail and a notify-me field.",
      "url": "https://github.com/arihantcodes/spectrum-ui/blob/main/components/spectrumui/blocks/empty-states/maintenance-empty.tsx",
      "registry_url": "https://ui.spectrumhq.in/r/maintenance-empty.json",
      "preview_ready": false,
      "live_samples": [],
      "code": "R315"
    },
    {
      "id": "R-C02a-magic-docs-components-animated-list",
      "name": "Animated List",
      "slug": "animated-list",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/animated-list",
      "preview_ready": false,
      "live_samples": [],
      "code": "R316"
    },
    {
      "id": "R-C02a-magic-docs-components-avatar-circles",
      "name": "Avatar Circles",
      "slug": "avatar-circles",
      "source": "C02a",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/avatar-circles",
      "preview_ready": false,
      "live_samples": [],
      "code": "R317"
    },
    {
      "id": "R-C02a-magic-docs-components-bento-grid",
      "name": "Bento Grid",
      "slug": "bento-grid",
      "source": "C02a",
      "category": "卡片与容器",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/bento-grid",
      "preview_ready": false,
      "live_samples": [],
      "code": "R318"
    },
    {
      "id": "R-C02a-magic-docs-components-dock",
      "name": "Dock",
      "slug": "dock",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/dock",
      "preview_ready": false,
      "live_samples": [],
      "code": "R319"
    },
    {
      "id": "R-C02a-magic-docs-components-dotted-map",
      "name": "Dotted Map",
      "slug": "dotted-map",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/dotted-map",
      "preview_ready": false,
      "live_samples": [],
      "code": "R320"
    },
    {
      "id": "R-C02a-magic-docs-components-flow",
      "name": "Flow",
      "slug": "flow",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/flow",
      "preview_ready": false,
      "live_samples": [],
      "code": "R321"
    },
    {
      "id": "R-C02a-magic-docs-components-globe",
      "name": "Globe",
      "slug": "globe",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/globe",
      "preview_ready": false,
      "live_samples": [],
      "code": "R322"
    },
    {
      "id": "R-C02a-magic-docs-components-hero-video-dialog",
      "name": "Hero Video Dialog",
      "slug": "hero-video-dialog",
      "source": "C02a",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/hero-video-dialog",
      "preview_ready": false,
      "live_samples": [],
      "code": "R323"
    },
    {
      "id": "R-C02a-magic-docs-components-icon-cloud",
      "name": "Icon Cloud",
      "slug": "icon-cloud",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/icon-cloud",
      "preview_ready": false,
      "live_samples": [],
      "code": "R324"
    },
    {
      "id": "R-C02a-magic-docs-components-lens",
      "name": "Lens",
      "slug": "lens",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/lens",
      "preview_ready": false,
      "live_samples": [],
      "code": "R325"
    },
    {
      "id": "R-C02a-magic-docs-components-marquee",
      "name": "Marquee",
      "slug": "marquee",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/marquee",
      "preview_ready": false,
      "live_samples": [],
      "code": "R326"
    },
    {
      "id": "R-C02a-magic-docs-components-orbiting-circles",
      "name": "Orbiting Circles",
      "slug": "orbiting-circles",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/orbiting-circles",
      "preview_ready": false,
      "live_samples": [],
      "code": "R327"
    },
    {
      "id": "R-C02a-magic-docs-components-pointer",
      "name": "Pointer",
      "slug": "pointer",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/pointer",
      "preview_ready": false,
      "live_samples": [],
      "code": "R328"
    },
    {
      "id": "R-C02a-magic-docs-components-progressive-blur",
      "name": "Progressive Blur",
      "slug": "progressive-blur",
      "source": "C02a",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/progressive-blur",
      "preview_ready": false,
      "live_samples": [],
      "code": "R329"
    },
    {
      "id": "R-C02a-magic-docs-components-separator",
      "name": "Separator",
      "slug": "separator",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/separator",
      "preview_ready": false,
      "live_samples": [],
      "code": "R330"
    },
    {
      "id": "R-C02a-magic-docs-components-smooth-cursor",
      "name": "Smooth Cursor",
      "slug": "smooth-cursor",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/smooth-cursor",
      "preview_ready": false,
      "live_samples": [],
      "code": "R331"
    },
    {
      "id": "R-C02a-magic-docs-components-glyph-matrix",
      "name": "Glyph Matrix",
      "slug": "glyph-matrix",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/glyph-matrix",
      "preview_ready": false,
      "live_samples": [],
      "code": "R332"
    },
    {
      "id": "R-C02a-magic-docs-components-animated-beam",
      "name": "Animated Beam",
      "slug": "animated-beam",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/animated-beam",
      "preview_ready": false,
      "live_samples": [],
      "code": "R333"
    },
    {
      "id": "R-C02a-magic-docs-components-animated-theme-toggler",
      "name": "Animated Theme Toggler",
      "slug": "animated-theme-toggler",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/animated-theme-toggler",
      "preview_ready": false,
      "live_samples": [],
      "code": "R334"
    },
    {
      "id": "R-C02a-magic-docs-components-border-beam",
      "name": "Border Beam",
      "slug": "border-beam",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/border-beam",
      "preview_ready": false,
      "live_samples": [],
      "code": "R335"
    },
    {
      "id": "R-C02a-magic-docs-components-glare-hover",
      "name": "Glare Hover",
      "slug": "glare-hover",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/glare-hover",
      "preview_ready": false,
      "live_samples": [],
      "code": "R336"
    },
    {
      "id": "R-C02a-magic-docs-components-magic-card",
      "name": "Magic Card",
      "slug": "magic-card",
      "source": "C02a",
      "category": "卡片与容器",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/magic-card",
      "preview_ready": false,
      "live_samples": [],
      "code": "R337"
    },
    {
      "id": "R-C02a-magic-docs-components-meteors",
      "name": "Meteors",
      "slug": "meteors",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/meteors",
      "preview_ready": false,
      "live_samples": [],
      "code": "R338"
    },
    {
      "id": "R-C02a-magic-docs-components-shine-border",
      "name": "Shine Border",
      "slug": "shine-border",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/shine-border",
      "preview_ready": false,
      "live_samples": [],
      "code": "R339"
    },
    {
      "id": "R-C02a-magic-docs-components-blur-fade",
      "name": "Blur Fade",
      "slug": "blur-fade",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/blur-fade",
      "preview_ready": false,
      "live_samples": [],
      "code": "R340"
    },
    {
      "id": "R-C02a-magic-docs-components-animated-gradient-text",
      "name": "Animated Gradient Text",
      "slug": "animated-gradient-text",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/animated-gradient-text",
      "preview_ready": false,
      "live_samples": [],
      "code": "R341"
    },
    {
      "id": "R-C02a-magic-docs-components-animated-shiny-text",
      "name": "Animated Shiny Text",
      "slug": "animated-shiny-text",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/animated-shiny-text",
      "preview_ready": false,
      "live_samples": [],
      "code": "R342"
    },
    {
      "id": "R-C02a-magic-docs-components-aurora-text",
      "name": "Aurora Text",
      "slug": "aurora-text",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/aurora-text",
      "preview_ready": false,
      "live_samples": [],
      "code": "R343"
    },
    {
      "id": "R-C02a-magic-docs-components-dia-text-reveal",
      "name": "Dia Text Reveal",
      "slug": "dia-text-reveal",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/dia-text-reveal",
      "preview_ready": false,
      "live_samples": [],
      "code": "R344"
    },
    {
      "id": "R-C02a-magic-docs-components-hyper-text",
      "name": "Hyper Text",
      "slug": "hyper-text",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/hyper-text",
      "preview_ready": false,
      "live_samples": [],
      "code": "R345"
    },
    {
      "id": "R-C02a-magic-docs-components-line-shadow-text",
      "name": "Line Shadow Text",
      "slug": "line-shadow-text",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/line-shadow-text",
      "preview_ready": false,
      "live_samples": [],
      "code": "R346"
    },
    {
      "id": "R-C02a-magic-docs-components-morphing-text",
      "name": "Morphing Text",
      "slug": "morphing-text",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/morphing-text",
      "preview_ready": false,
      "live_samples": [],
      "code": "R347"
    },
    {
      "id": "R-C02a-magic-docs-components-sparkles-text",
      "name": "Sparkles Text",
      "slug": "sparkles-text",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/sparkles-text",
      "preview_ready": false,
      "live_samples": [],
      "code": "R348"
    },
    {
      "id": "R-C02a-magic-docs-components-text-animate",
      "name": "Text Animate",
      "slug": "text-animate",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/text-animate",
      "preview_ready": false,
      "live_samples": [],
      "code": "R349"
    },
    {
      "id": "R-C02a-magic-docs-components-video-text",
      "name": "Video Text",
      "slug": "video-text",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/video-text",
      "preview_ready": false,
      "live_samples": [],
      "code": "R350"
    },
    {
      "id": "R-C02a-magic-docs-components-rainbow-button",
      "name": "Rainbow Button",
      "slug": "rainbow-button",
      "source": "C02a",
      "category": "按钮",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/rainbow-button",
      "preview_ready": false,
      "live_samples": [],
      "code": "R351"
    },
    {
      "id": "R-C02a-magic-docs-components-ripple-button",
      "name": "Ripple Button",
      "slug": "ripple-button",
      "source": "C02a",
      "category": "按钮",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/ripple-button",
      "preview_ready": false,
      "live_samples": [],
      "code": "R352"
    },
    {
      "id": "R-C02a-magic-docs-components-shimmer-button",
      "name": "Shimmer Button",
      "slug": "shimmer-button",
      "source": "C02a",
      "category": "按钮",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/shimmer-button",
      "preview_ready": false,
      "live_samples": [],
      "code": "R353"
    },
    {
      "id": "R-C02a-magic-docs-components-animated-grid-pattern",
      "name": "Animated Grid Pattern",
      "slug": "animated-grid-pattern",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/animated-grid-pattern",
      "preview_ready": false,
      "live_samples": [],
      "code": "R354"
    },
    {
      "id": "R-C02a-magic-docs-components-dot-pattern",
      "name": "Dot Pattern",
      "slug": "dot-pattern",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/dot-pattern",
      "preview_ready": false,
      "live_samples": [],
      "code": "R355"
    },
    {
      "id": "R-C02a-magic-docs-components-flickering-grid",
      "name": "Flickering Grid",
      "slug": "flickering-grid",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/flickering-grid",
      "preview_ready": false,
      "live_samples": [],
      "code": "R356"
    },
    {
      "id": "R-C02a-magic-docs-components-grid-pattern",
      "name": "Grid Pattern",
      "slug": "grid-pattern",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/grid-pattern",
      "preview_ready": false,
      "live_samples": [],
      "code": "R357"
    },
    {
      "id": "R-C02a-magic-docs-components-hexagon-pattern",
      "name": "Hexagon Pattern",
      "slug": "hexagon-pattern",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/hexagon-pattern",
      "preview_ready": false,
      "live_samples": [],
      "code": "R358"
    },
    {
      "id": "R-C02a-magic-docs-components-light-rays",
      "name": "Light Rays",
      "slug": "light-rays",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/light-rays",
      "preview_ready": false,
      "live_samples": [],
      "code": "R359"
    },
    {
      "id": "R-C02a-magic-docs-components-noise-texture",
      "name": "Noise Texture",
      "slug": "noise-texture",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/noise-texture",
      "preview_ready": false,
      "live_samples": [],
      "code": "R360"
    },
    {
      "id": "R-C02a-magic-docs-components-retro-grid",
      "name": "Retro Grid",
      "slug": "retro-grid",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/retro-grid",
      "preview_ready": false,
      "live_samples": [],
      "code": "R361"
    },
    {
      "id": "R-C02a-magic-docs-components-ripple",
      "name": "Ripple",
      "slug": "ripple",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/ripple",
      "preview_ready": false,
      "live_samples": [],
      "code": "R362"
    },
    {
      "id": "R-C02a-magic-docs-components-striped-pattern",
      "name": "Striped Pattern",
      "slug": "striped-pattern",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/striped-pattern",
      "preview_ready": false,
      "live_samples": [],
      "code": "R363"
    },
    {
      "id": "R-C02a-magic-docs-components-animated-circular-progress-bar",
      "name": "Animated Circular Progress Bar",
      "slug": "animated-circular-progress-bar",
      "source": "C02a",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/animated-circular-progress-bar",
      "preview_ready": false,
      "live_samples": [],
      "code": "R364"
    },
    {
      "id": "R-C02a-magic-docs-components-arc-timeline",
      "name": "Arc Timeline",
      "slug": "arc-timeline",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/arc-timeline",
      "preview_ready": false,
      "live_samples": [],
      "code": "R365"
    },
    {
      "id": "R-C02a-magic-docs-components-backlight",
      "name": "Backlight",
      "slug": "backlight",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/backlight",
      "preview_ready": false,
      "live_samples": [],
      "code": "R366"
    },
    {
      "id": "R-C02a-magic-docs-components-cool-mode",
      "name": "Cool Mode",
      "slug": "cool-mode",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/cool-mode",
      "preview_ready": false,
      "live_samples": [],
      "code": "R367"
    },
    {
      "id": "R-C02a-magic-docs-components-dither-shader",
      "name": "Dither Shader",
      "slug": "dither-shader",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/dither-shader",
      "preview_ready": false,
      "live_samples": [],
      "code": "R368"
    },
    {
      "id": "R-C02a-magic-docs-components-file-tree",
      "name": "File Tree",
      "slug": "file-tree",
      "source": "C02a",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/file-tree",
      "preview_ready": false,
      "live_samples": [],
      "code": "R369"
    },
    {
      "id": "R-C02a-magic-docs-components-interactive-hover-button",
      "name": "Interactive Hover Button",
      "slug": "interactive-hover-button",
      "source": "C02a",
      "category": "按钮",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/interactive-hover-button",
      "preview_ready": false,
      "live_samples": [],
      "code": "R370"
    },
    {
      "id": "R-C02a-magic-docs-components-motion-grid",
      "name": "Motion Grid Beta",
      "slug": "motion-grid",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/motion-grid",
      "preview_ready": false,
      "live_samples": [],
      "code": "R371"
    },
    {
      "id": "R-C02a-magic-docs-components-neon-gradient-card",
      "name": "Neon Gradient Card",
      "slug": "neon-gradient-card",
      "source": "C02a",
      "category": "卡片与容器",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/neon-gradient-card",
      "preview_ready": false,
      "live_samples": [],
      "code": "R372"
    },
    {
      "id": "R-C02a-magic-docs-components-number-ticker",
      "name": "Number Ticker",
      "slug": "number-ticker",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/number-ticker",
      "preview_ready": false,
      "live_samples": [],
      "code": "R373"
    },
    {
      "id": "R-C02a-magic-docs-components-pixel-image",
      "name": "Pixel Image",
      "slug": "pixel-image",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/pixel-image",
      "preview_ready": false,
      "live_samples": [],
      "code": "R374"
    },
    {
      "id": "R-C02a-magic-docs-components-pulsating-button",
      "name": "Pulsating Button",
      "slug": "pulsating-button",
      "source": "C02a",
      "category": "按钮",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/pulsating-button",
      "preview_ready": false,
      "live_samples": [],
      "code": "R375"
    },
    {
      "id": "R-C02a-magic-docs-components-scroll-progress",
      "name": "Scroll Progress",
      "slug": "scroll-progress",
      "source": "C02a",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/scroll-progress",
      "preview_ready": false,
      "live_samples": [],
      "code": "R376"
    },
    {
      "id": "R-C02a-magic-docs-components-typing-animation",
      "name": "Typing Animation",
      "slug": "typing-animation",
      "source": "C02a",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/typing-animation",
      "preview_ready": false,
      "live_samples": [],
      "code": "R377"
    },
    {
      "id": "R-C02a-magic-docs-components-warp-background",
      "name": "Warp Background",
      "slug": "warp-background",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/warp-background",
      "preview_ready": false,
      "live_samples": [],
      "code": "R378"
    },
    {
      "id": "R-C02a-magic-docs-components-word-rotate",
      "name": "Word Rotate Beta",
      "slug": "word-rotate",
      "source": "C02a",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/magic/docs/components/word-rotate",
      "preview_ready": false,
      "live_samples": [],
      "code": "R379"
    },
    {
      "id": "R-C02b-spell-perspective-book",
      "name": "Perspective Book",
      "slug": "perspective-book",
      "source": "C02b",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/perspective-book",
      "preview_ready": false,
      "live_samples": [],
      "code": "R380"
    },
    {
      "id": "R-C02b-spell-tilt-card",
      "name": "Tilt Card",
      "slug": "tilt-card",
      "source": "C02b",
      "category": "卡片与容器",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/tilt-card",
      "preview_ready": false,
      "live_samples": [],
      "code": "R381"
    },
    {
      "id": "R-C02b-spell-fallback-avatar",
      "name": "Fallback Avatar",
      "slug": "fallback-avatar",
      "source": "C02b",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/fallback-avatar",
      "preview_ready": false,
      "live_samples": [],
      "code": "R382"
    },
    {
      "id": "R-C02b-spell-badge",
      "name": "Badge",
      "slug": "badge",
      "source": "C02b",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/badge",
      "preview_ready": false,
      "live_samples": [],
      "code": "R383"
    },
    {
      "id": "R-C02b-spell-kbd",
      "name": "Keyboard Shortcuts",
      "slug": "kbd",
      "source": "C02b",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/kbd",
      "preview_ready": false,
      "live_samples": [],
      "code": "R384"
    },
    {
      "id": "R-C02b-spell-marquee",
      "name": "Marquee",
      "slug": "marquee",
      "source": "C02b",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/marquee",
      "preview_ready": false,
      "live_samples": [],
      "code": "R385"
    },
    {
      "id": "R-C02b-spell-spotify-card",
      "name": "Spotify Card",
      "slug": "spotify-card",
      "source": "C02b",
      "category": "卡片与容器",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/spotify-card",
      "preview_ready": false,
      "live_samples": [],
      "code": "R386"
    },
    {
      "id": "R-C02b-spell-qrcode",
      "name": "QRCode",
      "slug": "qrcode",
      "source": "C02b",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/qrcode",
      "preview_ready": false,
      "live_samples": [],
      "code": "R387"
    },
    {
      "id": "R-C02b-spell-logo-carousel",
      "name": "Logo Carousel",
      "slug": "logo-carousel",
      "source": "C02b",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/logo-carousel",
      "preview_ready": false,
      "live_samples": [],
      "code": "R388"
    },
    {
      "id": "R-C02b-spell-bar-spinner",
      "name": "Bar Spinner",
      "slug": "bar-spinner",
      "source": "C02b",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/bar-spinner",
      "preview_ready": false,
      "live_samples": [],
      "code": "R389"
    },
    {
      "id": "R-C02b-spell-blur-reveal",
      "name": "Blur Reveal",
      "slug": "blur-reveal",
      "source": "C02b",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/blur-reveal",
      "preview_ready": false,
      "live_samples": [],
      "code": "R390"
    },
    {
      "id": "R-C02b-spell-special-text",
      "name": "Special Text",
      "slug": "special-text",
      "source": "C02b",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/special-text",
      "preview_ready": false,
      "live_samples": [],
      "code": "R391"
    },
    {
      "id": "R-C02b-spell-highlighted-text",
      "name": "Highlighted Text",
      "slug": "highlighted-text",
      "source": "C02b",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/highlighted-text",
      "preview_ready": false,
      "live_samples": [],
      "code": "R392"
    },
    {
      "id": "R-C02b-spell-slide-up-text",
      "name": "Slide Up Text",
      "slug": "slide-up-text",
      "source": "C02b",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/slide-up-text",
      "preview_ready": false,
      "live_samples": [],
      "code": "R393"
    },
    {
      "id": "R-C02b-spell-text-marquee",
      "name": "Text Marquee",
      "slug": "text-marquee",
      "source": "C02b",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/text-marquee",
      "preview_ready": false,
      "live_samples": [],
      "code": "R394"
    },
    {
      "id": "R-C02b-spell-words-stagger",
      "name": "Words Stagger",
      "slug": "words-stagger",
      "source": "C02b",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/words-stagger",
      "preview_ready": false,
      "live_samples": [],
      "code": "R395"
    },
    {
      "id": "R-C02b-spell-signature",
      "name": "Signature",
      "slug": "signature",
      "source": "C02b",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/signature",
      "preview_ready": false,
      "live_samples": [],
      "code": "R396"
    },
    {
      "id": "R-C02b-spell-randomized-text",
      "name": "Randomized Text",
      "slug": "randomized-text",
      "source": "C02b",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/randomized-text",
      "preview_ready": false,
      "live_samples": [],
      "code": "R397"
    },
    {
      "id": "R-C02b-spell-gradient-wave-text",
      "name": "Gradient Wave Text",
      "slug": "gradient-wave-text",
      "source": "C02b",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/gradient-wave-text",
      "preview_ready": false,
      "live_samples": [],
      "code": "R398"
    },
    {
      "id": "R-C02b-spell-color-selector",
      "name": "Color Selector",
      "slug": "color-selector",
      "source": "C02b",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/color-selector",
      "preview_ready": false,
      "live_samples": [],
      "code": "R399"
    },
    {
      "id": "R-C02b-spell-label-input",
      "name": "Label Input",
      "slug": "label-input",
      "source": "C02b",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/label-input",
      "preview_ready": false,
      "live_samples": [],
      "code": "R400"
    },
    {
      "id": "R-C02b-spell-animated-checkbox",
      "name": "Animated Checkbox",
      "slug": "animated-checkbox",
      "source": "C02b",
      "category": "卡片与容器",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/animated-checkbox",
      "preview_ready": false,
      "live_samples": [],
      "code": "R401"
    },
    {
      "id": "R-C02b-spell-exploding-input",
      "name": "Exploding Input Beta",
      "slug": "exploding-input",
      "source": "C02b",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/spell/exploding-input",
      "preview_ready": false,
      "live_samples": [],
      "code": "R402"
    },
    {
      "id": "R-C02c-fancy-media-between-text",
      "name": "Media Between Text",
      "slug": "media-between-text",
      "source": "C02c",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/fancy/media-between-text",
      "preview_ready": false,
      "live_samples": [],
      "code": "R403"
    },
    {
      "id": "R-C02c-fancy-letter-swap",
      "name": "Letter Swap",
      "slug": "letter-swap",
      "source": "C02c",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/fancy/letter-swap",
      "preview_ready": false,
      "live_samples": [],
      "code": "R404"
    },
    {
      "id": "R-C02c-fancy-letter-3d-swap",
      "name": "Letter 3D Swap",
      "slug": "letter-3d-swap",
      "source": "C02c",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/fancy/letter-3d-swap",
      "preview_ready": false,
      "live_samples": [],
      "code": "R405"
    },
    {
      "id": "R-C02c-fancy-random-letter-swap",
      "name": "Random Letter Swap",
      "slug": "random-letter-swap",
      "source": "C02c",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/fancy/random-letter-swap",
      "preview_ready": false,
      "live_samples": [],
      "code": "R406"
    },
    {
      "id": "R-C02c-fancy-scramble-hover",
      "name": "Scramble Hover",
      "slug": "scramble-hover",
      "source": "C02c",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/fancy/scramble-hover",
      "preview_ready": false,
      "live_samples": [],
      "code": "R407"
    },
    {
      "id": "R-C02c-fancy-scramble-in",
      "name": "Scramble In",
      "slug": "scramble-in",
      "source": "C02c",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/fancy/scramble-in",
      "preview_ready": false,
      "live_samples": [],
      "code": "R408"
    },
    {
      "id": "R-C02c-fancy-text-along-path",
      "name": "Text Along Path",
      "slug": "text-along-path",
      "source": "C02c",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/fancy/text-along-path",
      "preview_ready": false,
      "live_samples": [],
      "code": "R409"
    },
    {
      "id": "R-C02c-fancy-text-highlighter",
      "name": "Text Highlighter",
      "slug": "text-highlighter",
      "source": "C02c",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/fancy/text-highlighter",
      "preview_ready": false,
      "live_samples": [],
      "code": "R410"
    },
    {
      "id": "R-C02c-fancy-text-rotate",
      "name": "Text Rotate",
      "slug": "text-rotate",
      "source": "C02c",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/fancy/text-rotate",
      "preview_ready": false,
      "live_samples": [],
      "code": "R411"
    },
    {
      "id": "R-C02c-fancy-underline-to-background",
      "name": "Underline To Background",
      "slug": "underline-to-background",
      "source": "C02c",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/fancy/underline-to-background",
      "preview_ready": false,
      "live_samples": [],
      "code": "R412"
    },
    {
      "id": "R-C02c-fancy-vertical-cut-reveal",
      "name": "Vertical Cut Reveal",
      "slug": "vertical-cut-reveal",
      "source": "C02c",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/fancy/vertical-cut-reveal",
      "preview_ready": false,
      "live_samples": [],
      "code": "R413"
    },
    {
      "id": "R-C02c-fancy-animated-gradient-svg",
      "name": "Animated Gradient SVG",
      "slug": "animated-gradient-svg",
      "source": "C02c",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/fancy/animated-gradient-svg",
      "preview_ready": false,
      "live_samples": [],
      "code": "R414"
    },
    {
      "id": "R-C02c-fancy-pixel-trail",
      "name": "Pixel Trail",
      "slug": "pixel-trail",
      "source": "C02c",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/fancy/pixel-trail",
      "preview_ready": false,
      "live_samples": [],
      "code": "R415"
    },
    {
      "id": "R-C02c-fancy-pixelate-svg-filter",
      "name": "Pixelate SVG Filter",
      "slug": "pixelate-svg-filter",
      "source": "C02c",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-animations.vercel.app/fancy/pixelate-svg-filter",
      "preview_ready": false,
      "live_samples": [],
      "code": "R416"
    },
    {
      "id": "R-C04-veil-features",
      "name": "Veil",
      "slug": "features",
      "source": "C04",
      "category": "页面区块",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-blocks.vercel.app/veil/features",
      "preview_ready": false,
      "live_samples": [],
      "code": "R417"
    },
    {
      "id": "R-C04-hero",
      "name": "Hero",
      "slug": "hero",
      "source": "C04",
      "category": "页面区块",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-blocks.vercel.app/hero",
      "preview_ready": false,
      "live_samples": [],
      "code": "R418"
    },
    {
      "id": "R-C04-pricing",
      "name": "Pricing",
      "slug": "pricing",
      "source": "C04",
      "category": "页面区块",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-blocks.vercel.app/pricing",
      "preview_ready": false,
      "live_samples": [],
      "code": "R419"
    },
    {
      "id": "R-C04-faq",
      "name": "FAQ",
      "slug": "faq",
      "source": "C04",
      "category": "页面区块",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-blocks.vercel.app/faq",
      "preview_ready": false,
      "live_samples": [],
      "code": "R420"
    },
    {
      "id": "R-C04-footer",
      "name": "Footer",
      "slug": "footer",
      "source": "C04",
      "category": "页面区块",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-blocks.vercel.app/footer",
      "preview_ready": false,
      "live_samples": [],
      "code": "R421"
    },
    {
      "id": "R-C04-signup",
      "name": "Signup",
      "slug": "signup",
      "source": "C04",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-blocks.vercel.app/signup",
      "preview_ready": false,
      "live_samples": [],
      "code": "R422"
    },
    {
      "id": "R-C04-login",
      "name": "Login",
      "slug": "login",
      "source": "C04",
      "category": "页面区块",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-blocks.vercel.app/login",
      "preview_ready": false,
      "live_samples": [],
      "code": "R423"
    },
    {
      "id": "R-C05-blocks-hero",
      "name": "Blocks",
      "slug": "hero",
      "source": "C05",
      "category": "页面区块",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-efferd.pages.dev/blocks/hero",
      "preview_ready": false,
      "live_samples": [],
      "code": "R424"
    },
    {
      "id": "R-C05-blocks-app-shell",
      "name": "Explore Blocks",
      "slug": "app-shell",
      "source": "C05",
      "category": "页面区块",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-efferd.pages.dev/blocks/app-shell",
      "preview_ready": false,
      "live_samples": [],
      "code": "R425"
    },
    {
      "id": "R-C05-blocks-header",
      "name": "5 blocks Header",
      "slug": "header",
      "source": "C05",
      "category": "页面区块",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-efferd.pages.dev/blocks/header",
      "preview_ready": false,
      "live_samples": [],
      "code": "R426"
    },
    {
      "id": "R-C05-blocks-auth",
      "name": "Auth 5 blocks",
      "slug": "auth",
      "source": "C05",
      "category": "页面区块",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-efferd.pages.dev/blocks/auth",
      "preview_ready": false,
      "live_samples": [],
      "code": "R427"
    },
    {
      "id": "R-C05-blocks-features",
      "name": "Features 5 blocks",
      "slug": "features",
      "source": "C05",
      "category": "页面区块",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-efferd.pages.dev/blocks/features",
      "preview_ready": false,
      "live_samples": [],
      "code": "R428"
    },
    {
      "id": "R-C05-blocks-blog",
      "name": "Blog Sections 3 blocks",
      "slug": "blog",
      "source": "C05",
      "category": "页面区块",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-efferd.pages.dev/blocks/blog",
      "preview_ready": false,
      "live_samples": [],
      "code": "R429"
    },
    {
      "id": "R-C05-blocks-contact",
      "name": "Contact 5 blocks",
      "slug": "contact",
      "source": "C05",
      "category": "页面区块",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-efferd.pages.dev/blocks/contact",
      "preview_ready": false,
      "live_samples": [],
      "code": "R430"
    },
    {
      "id": "R-C05-blocks-cta",
      "name": "Call to Action 5 blocks",
      "slug": "cta",
      "source": "C05",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-efferd.pages.dev/blocks/cta",
      "preview_ready": false,
      "live_samples": [],
      "code": "R431"
    },
    {
      "id": "R-C05-blocks-faqs",
      "name": "FAQs 5 blocks",
      "slug": "faqs",
      "source": "C05",
      "category": "页面区块",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-efferd.pages.dev/blocks/faqs",
      "preview_ready": false,
      "live_samples": [],
      "code": "R432"
    },
    {
      "id": "R-C05-blocks-logo-cloud",
      "name": "Logo Cloud 5 blocks",
      "slug": "logo-cloud",
      "source": "C05",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-efferd.pages.dev/blocks/logo-cloud",
      "preview_ready": false,
      "live_samples": [],
      "code": "R433"
    },
    {
      "id": "R-C05-blocks-footer",
      "name": "Footer 6 blocks",
      "slug": "footer",
      "source": "C05",
      "category": "页面区块",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-efferd.pages.dev/blocks/footer",
      "preview_ready": false,
      "live_samples": [],
      "code": "R434"
    },
    {
      "id": "R-C05-blocks-image-gallery",
      "name": "Image Gallery 1 block",
      "slug": "image-gallery",
      "source": "C05",
      "category": "页面区块",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-efferd.pages.dev/blocks/image-gallery",
      "preview_ready": false,
      "live_samples": [],
      "code": "R435"
    },
    {
      "id": "R-C05-blocks-integrations",
      "name": "Integrations 5 blocks",
      "slug": "integrations",
      "source": "C05",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-efferd.pages.dev/blocks/integrations",
      "preview_ready": false,
      "live_samples": [],
      "code": "R436"
    },
    {
      "id": "R-C06-particles-accordion",
      "name": "Accordion",
      "slug": "accordion",
      "source": "C06",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-particles.vercel.app/particles/accordion",
      "preview_ready": false,
      "live_samples": [],
      "code": "R437"
    },
    {
      "id": "R-C06-particles-alert-dialog",
      "name": "Alert Dialog 2",
      "slug": "alert-dialog",
      "source": "C06",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-particles.vercel.app/particles/alert-dialog",
      "preview_ready": false,
      "live_samples": [],
      "code": "R438"
    },
    {
      "id": "R-C06-particles-avatars",
      "name": "Avatars 14",
      "slug": "avatars",
      "source": "C06",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-particles.vercel.app/particles/avatars",
      "preview_ready": false,
      "live_samples": [],
      "code": "R439"
    },
    {
      "id": "R-C06-particles-banner",
      "name": "Banner New 12",
      "slug": "banner",
      "source": "C06",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-particles.vercel.app/particles/banner",
      "preview_ready": false,
      "live_samples": [],
      "code": "R440"
    },
    {
      "id": "R-C06-particles-button",
      "name": "Button 32",
      "slug": "button",
      "source": "C06",
      "category": "按钮",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-particles.vercel.app/particles/button",
      "preview_ready": false,
      "live_samples": [],
      "code": "R441"
    },
    {
      "id": "R-C06-particles-input",
      "name": "Input 12",
      "slug": "input",
      "source": "C06",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-particles.vercel.app/particles/input",
      "preview_ready": false,
      "live_samples": [],
      "code": "R442"
    },
    {
      "id": "R-C06-particles-input-group",
      "name": "Input Group 30",
      "slug": "input-group",
      "source": "C06",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-particles.vercel.app/particles/input-group",
      "preview_ready": false,
      "live_samples": [],
      "code": "R443"
    },
    {
      "id": "R-C06-particles-input-otp",
      "name": "Input OTP 6",
      "slug": "input-otp",
      "source": "C06",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-particles.vercel.app/particles/input-otp",
      "preview_ready": false,
      "live_samples": [],
      "code": "R444"
    },
    {
      "id": "R-C06-particles-menu",
      "name": "Menu 7",
      "slug": "menu",
      "source": "C06",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-particles.vercel.app/particles/menu",
      "preview_ready": false,
      "live_samples": [],
      "code": "R445"
    },
    {
      "id": "R-C06-particles-table",
      "name": "Table New 10",
      "slug": "table",
      "source": "C06",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-particles.vercel.app/particles/table",
      "preview_ready": false,
      "live_samples": [],
      "code": "R446"
    },
    {
      "id": "R-C06-particles-data-table",
      "name": "Data Table Beta 10",
      "slug": "data-table",
      "source": "C06",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-particles.vercel.app/particles/data-table",
      "preview_ready": false,
      "live_samples": [],
      "code": "R447"
    },
    {
      "id": "R-C07-components-squares-square-1",
      "name": "Square 1",
      "slug": "square-1",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-1",
      "preview_ready": false,
      "live_samples": [],
      "code": "R448"
    },
    {
      "id": "R-C07-components-squares-square-18",
      "name": "new Checkout New Loaders",
      "slug": "square-18",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-18",
      "preview_ready": false,
      "live_samples": [],
      "code": "R449"
    },
    {
      "id": "R-C07-components-hex-hex-1",
      "name": "Hex Orbit",
      "slug": "hex-1",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/hex/hex-1",
      "preview_ready": false,
      "live_samples": [],
      "code": "R450"
    },
    {
      "id": "R-C07-components-hex-hex-2",
      "name": "Prism Bloom",
      "slug": "hex-2",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/hex/hex-2",
      "preview_ready": false,
      "live_samples": [],
      "code": "R451"
    },
    {
      "id": "R-C07-components-hex-hex-3",
      "name": "Honey Gate",
      "slug": "hex-3",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/hex/hex-3",
      "preview_ready": false,
      "live_samples": [],
      "code": "R452"
    },
    {
      "id": "R-C07-components-hex-hex-4",
      "name": "Vertex Relay",
      "slug": "hex-4",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/hex/hex-4",
      "preview_ready": false,
      "live_samples": [],
      "code": "R453"
    },
    {
      "id": "R-C07-components-hex-hex-5",
      "name": "Spiral Lattice",
      "slug": "hex-5",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/hex/hex-5",
      "preview_ready": false,
      "live_samples": [],
      "code": "R454"
    },
    {
      "id": "R-C07-components-hex-hex-6",
      "name": "Chevron March",
      "slug": "hex-6",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/hex/hex-6",
      "preview_ready": false,
      "live_samples": [],
      "code": "R455"
    },
    {
      "id": "R-C07-components-hex-hex-7",
      "name": "Hourglass Flip",
      "slug": "hex-7",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/hex/hex-7",
      "preview_ready": false,
      "live_samples": [],
      "code": "R456"
    },
    {
      "id": "R-C07-components-hex-hex-8",
      "name": "Glyph Flip",
      "slug": "hex-8",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/hex/hex-8",
      "preview_ready": false,
      "live_samples": [],
      "code": "R457"
    },
    {
      "id": "R-C07-components-hex-hex-9",
      "name": "Petal Shimmer",
      "slug": "hex-9",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/hex/hex-9",
      "preview_ready": false,
      "live_samples": [],
      "code": "R458"
    },
    {
      "id": "R-C07-components-hex-hex-10",
      "name": "Liquid Vortex",
      "slug": "hex-10",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/hex/hex-10",
      "preview_ready": false,
      "live_samples": [],
      "code": "R459"
    },
    {
      "id": "R-C07-components-triangles-triangle-1",
      "name": "Core Spokes",
      "slug": "triangle-1",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-1",
      "preview_ready": false,
      "live_samples": [],
      "code": "R460"
    },
    {
      "id": "R-C07-components-triangles-triangle-2",
      "name": "Altitude Wave",
      "slug": "triangle-2",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-2",
      "preview_ready": false,
      "live_samples": [],
      "code": "R461"
    },
    {
      "id": "R-C07-components-triangles-triangle-3",
      "name": "Corner Bounce",
      "slug": "triangle-3",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-3",
      "preview_ready": false,
      "live_samples": [],
      "code": "R462"
    },
    {
      "id": "R-C07-components-triangles-triangle-4",
      "name": "Vertex Chase",
      "slug": "triangle-4",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-4",
      "preview_ready": false,
      "live_samples": [],
      "code": "R463"
    },
    {
      "id": "R-C07-components-triangles-triangle-5",
      "name": "Row Sweep",
      "slug": "triangle-5",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-5",
      "preview_ready": false,
      "live_samples": [],
      "code": "R464"
    },
    {
      "id": "R-C07-components-triangles-triangle-6",
      "name": "Braille Beat",
      "slug": "triangle-6",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-6",
      "preview_ready": false,
      "live_samples": [],
      "code": "R465"
    },
    {
      "id": "R-C07-components-triangles-triangle-7",
      "name": "Oblique Weave",
      "slug": "triangle-7",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-7",
      "preview_ready": false,
      "live_samples": [],
      "code": "R466"
    },
    {
      "id": "R-C07-components-triangles-triangle-8",
      "name": "Wing Metronome",
      "slug": "triangle-8",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-8",
      "preview_ready": false,
      "live_samples": [],
      "code": "R467"
    },
    {
      "id": "R-C07-components-triangles-triangle-9",
      "name": "Corona Tier",
      "slug": "triangle-9",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-9",
      "preview_ready": false,
      "live_samples": [],
      "code": "R468"
    },
    {
      "id": "R-C07-components-triangles-triangle-10",
      "name": "Column Rake",
      "slug": "triangle-10",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-10",
      "preview_ready": false,
      "live_samples": [],
      "code": "R469"
    },
    {
      "id": "R-C07-components-triangles-triangle-11",
      "name": "Shelf Descent",
      "slug": "triangle-11",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-11",
      "preview_ready": false,
      "live_samples": [],
      "code": "R470"
    },
    {
      "id": "R-C07-components-triangles-triangle-12",
      "name": "Skew Drift",
      "slug": "triangle-12",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-12",
      "preview_ready": false,
      "live_samples": [],
      "code": "R471"
    },
    {
      "id": "R-C07-components-triangles-triangle-13",
      "name": "Serpent Zip",
      "slug": "triangle-13",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-13",
      "preview_ready": false,
      "live_samples": [],
      "code": "R472"
    },
    {
      "id": "R-C07-components-triangles-triangle-14",
      "name": "Pillar Sweep",
      "slug": "triangle-14",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-14",
      "preview_ready": false,
      "live_samples": [],
      "code": "R473"
    },
    {
      "id": "R-C07-components-triangles-triangle-15",
      "name": "Tripod Handoff",
      "slug": "triangle-15",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-15",
      "preview_ready": false,
      "live_samples": [],
      "code": "R474"
    },
    {
      "id": "R-C07-components-triangles-triangle-16",
      "name": "Updraft",
      "slug": "triangle-16",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-16",
      "preview_ready": false,
      "live_samples": [],
      "code": "R475"
    },
    {
      "id": "R-C07-components-triangles-triangle-17",
      "name": "Infinity Trace",
      "slug": "triangle-17",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-17",
      "preview_ready": false,
      "live_samples": [],
      "code": "R476"
    },
    {
      "id": "R-C07-components-triangles-triangle-18",
      "name": "Hollow Shell",
      "slug": "triangle-18",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-18",
      "preview_ready": false,
      "live_samples": [],
      "code": "R477"
    },
    {
      "id": "R-C07-components-triangles-triangle-19",
      "name": "Pivot Ray",
      "slug": "triangle-19",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-19",
      "preview_ready": false,
      "live_samples": [],
      "code": "R478"
    },
    {
      "id": "R-C07-components-triangles-triangle-20",
      "name": "Twin Perimeter",
      "slug": "triangle-20",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/triangles/triangle-20",
      "preview_ready": false,
      "live_samples": [],
      "code": "R479"
    },
    {
      "id": "R-C07-components-squares-square-2",
      "name": "Pulse Ladder",
      "slug": "square-2",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-2",
      "preview_ready": false,
      "live_samples": [],
      "code": "R480"
    },
    {
      "id": "R-C07-components-squares-square-3",
      "name": "Core Spiral",
      "slug": "square-3",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-3",
      "preview_ready": false,
      "live_samples": [],
      "code": "R481"
    },
    {
      "id": "R-C07-components-squares-square-4",
      "name": "Twin Orbit",
      "slug": "square-4",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-4",
      "preview_ready": false,
      "live_samples": [],
      "code": "R482"
    },
    {
      "id": "R-C07-components-squares-square-5",
      "name": "Prism Sweep",
      "slug": "square-5",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-5",
      "preview_ready": false,
      "live_samples": [],
      "code": "R483"
    },
    {
      "id": "R-C07-components-squares-square-6",
      "name": "Flux Columns",
      "slug": "square-6",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-6",
      "preview_ready": false,
      "live_samples": [],
      "code": "R484"
    },
    {
      "id": "R-C07-components-squares-square-7",
      "name": "Block Drop",
      "slug": "square-7",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-7",
      "preview_ready": false,
      "live_samples": [],
      "code": "R485"
    },
    {
      "id": "R-C07-components-squares-square-8",
      "name": "Strobe Stack",
      "slug": "square-8",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-8",
      "preview_ready": false,
      "live_samples": [],
      "code": "R486"
    },
    {
      "id": "R-C07-components-squares-square-9",
      "name": "Glyph Pulse",
      "slug": "square-9",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-9",
      "preview_ready": false,
      "live_samples": [],
      "code": "R487"
    },
    {
      "id": "R-C07-components-squares-square-10",
      "name": "CRT Glide",
      "slug": "square-10",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-10",
      "preview_ready": false,
      "live_samples": [],
      "code": "R488"
    },
    {
      "id": "R-C07-components-squares-square-11",
      "name": "Echo Ring",
      "slug": "square-11",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-11",
      "preview_ready": false,
      "live_samples": [],
      "code": "R489"
    },
    {
      "id": "R-C07-components-squares-square-12",
      "name": "Origin Wave",
      "slug": "square-12",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-12",
      "preview_ready": false,
      "live_samples": [],
      "code": "R490"
    },
    {
      "id": "R-C07-components-squares-square-13",
      "name": "Core Rotar",
      "slug": "square-13",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-13",
      "preview_ready": false,
      "live_samples": [],
      "code": "R491"
    },
    {
      "id": "R-C07-components-squares-square-14",
      "name": "Prism Bloom",
      "slug": "square-14",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-14",
      "preview_ready": false,
      "live_samples": [],
      "code": "R492"
    },
    {
      "id": "R-C07-components-squares-square-15",
      "name": "Helix Glow",
      "slug": "square-15",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-15",
      "preview_ready": false,
      "live_samples": [],
      "code": "R493"
    },
    {
      "id": "R-C07-components-squares-square-16",
      "name": "Helix Core",
      "slug": "square-16",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-16",
      "preview_ready": false,
      "live_samples": [],
      "code": "R494"
    },
    {
      "id": "R-C07-components-squares-square-17",
      "name": "Half Helix",
      "slug": "square-17",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-17",
      "preview_ready": false,
      "live_samples": [],
      "code": "R495"
    },
    {
      "id": "R-C07-components-squares-square-19",
      "name": "Lemniscate Pulse",
      "slug": "square-19",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-19",
      "preview_ready": false,
      "live_samples": [],
      "code": "R496"
    },
    {
      "id": "R-C07-components-squares-square-20",
      "name": "Mobius Ring",
      "slug": "square-20",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/squares/square-20",
      "preview_ready": false,
      "live_samples": [],
      "code": "R497"
    },
    {
      "id": "R-C07-components-circles-circle-1",
      "name": "Halo Drift",
      "slug": "circle-1",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-1",
      "preview_ready": false,
      "live_samples": [],
      "code": "R498"
    },
    {
      "id": "R-C07-components-circles-circle-2",
      "name": "Tri Orbit",
      "slug": "circle-2",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-2",
      "preview_ready": false,
      "live_samples": [],
      "code": "R499"
    },
    {
      "id": "R-C07-components-circles-circle-3",
      "name": "Plasma Veil",
      "slug": "circle-3",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-3",
      "preview_ready": false,
      "live_samples": [],
      "code": "R500"
    },
    {
      "id": "R-C07-components-circles-circle-4",
      "name": "Radar Arc",
      "slug": "circle-4",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-4",
      "preview_ready": false,
      "live_samples": [],
      "code": "R501"
    },
    {
      "id": "R-C07-components-circles-circle-5",
      "name": "Nova Wheel",
      "slug": "circle-5",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-5",
      "preview_ready": false,
      "live_samples": [],
      "code": "R502"
    },
    {
      "id": "R-C07-components-circles-circle-6",
      "name": "Phase Orb",
      "slug": "circle-6",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-6",
      "preview_ready": false,
      "live_samples": [],
      "code": "R503"
    },
    {
      "id": "R-C07-components-circles-circle-7",
      "name": "Gate Shift",
      "slug": "circle-7",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-7",
      "preview_ready": false,
      "live_samples": [],
      "code": "R504"
    },
    {
      "id": "R-C07-components-circles-circle-8",
      "name": "Heart Pulse",
      "slug": "circle-8",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-8",
      "preview_ready": false,
      "live_samples": [],
      "code": "R505"
    },
    {
      "id": "R-C07-components-circles-circle-9",
      "name": "Star Compass",
      "slug": "circle-9",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-9",
      "preview_ready": false,
      "live_samples": [],
      "code": "R506"
    },
    {
      "id": "R-C07-components-circles-circle-10",
      "name": "Binary Bloom",
      "slug": "circle-10",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-10",
      "preview_ready": false,
      "live_samples": [],
      "code": "R507"
    },
    {
      "id": "R-C07-components-circles-circle-11",
      "name": "Lunar Breathe",
      "slug": "circle-11",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-11",
      "preview_ready": false,
      "live_samples": [],
      "code": "R508"
    },
    {
      "id": "R-C07-components-circles-circle-12",
      "name": "Arc Beacon",
      "slug": "circle-12",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-12",
      "preview_ready": false,
      "live_samples": [],
      "code": "R509"
    },
    {
      "id": "R-C07-components-circles-circle-13",
      "name": "Twin Helix",
      "slug": "circle-13",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-13",
      "preview_ready": false,
      "live_samples": [],
      "code": "R510"
    },
    {
      "id": "R-C07-components-circles-circle-14",
      "name": "Rung Shift",
      "slug": "circle-14",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-14",
      "preview_ready": false,
      "live_samples": [],
      "code": "R511"
    },
    {
      "id": "R-C07-components-circles-circle-15",
      "name": "Glyph Cluster",
      "slug": "circle-15",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-15",
      "preview_ready": false,
      "live_samples": [],
      "code": "R512"
    },
    {
      "id": "R-C07-components-circles-circle-16",
      "name": "Rail Scan",
      "slug": "circle-16",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-16",
      "preview_ready": false,
      "live_samples": [],
      "code": "R513"
    },
    {
      "id": "R-C07-components-circles-circle-17",
      "name": "Checker Shift",
      "slug": "circle-17",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-17",
      "preview_ready": false,
      "live_samples": [],
      "code": "R514"
    },
    {
      "id": "R-C07-components-circles-circle-18",
      "name": "Pulse Pair",
      "slug": "circle-18",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-18",
      "preview_ready": false,
      "live_samples": [],
      "code": "R515"
    },
    {
      "id": "R-C07-components-circles-circle-19",
      "name": "Orbit Cell",
      "slug": "circle-19",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-19",
      "preview_ready": false,
      "live_samples": [],
      "code": "R516"
    },
    {
      "id": "R-C07-components-circles-circle-20",
      "name": "Glyph Cycle",
      "slug": "circle-20",
      "source": "C07",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://sv-matrix.vercel.app/components/circles/circle-20",
      "preview_ready": false,
      "live_samples": [],
      "code": "R517"
    },
    {
      "id": "R-C10-docs-components-base-accordion",
      "name": "Accordion",
      "slug": "accordion",
      "source": "C10",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/accordion",
      "preview_ready": false,
      "live_samples": [],
      "code": "R518"
    },
    {
      "id": "R-C10-docs-components-base-alert",
      "name": "Alert",
      "slug": "alert",
      "source": "C10",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/alert",
      "preview_ready": false,
      "live_samples": [],
      "code": "R519"
    },
    {
      "id": "R-C10-docs-components-base-alert-dialog",
      "name": "Alert Dialog",
      "slug": "alert-dialog",
      "source": "C10",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/alert-dialog",
      "preview_ready": false,
      "live_samples": [],
      "code": "R520"
    },
    {
      "id": "R-C10-docs-components-base-aspect-ratio",
      "name": "Aspect Ratio",
      "slug": "aspect-ratio",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/aspect-ratio",
      "preview_ready": false,
      "live_samples": [],
      "code": "R521"
    },
    {
      "id": "R-C10-docs-components-base-attachment",
      "name": "Attachment",
      "slug": "attachment",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/attachment",
      "preview_ready": false,
      "live_samples": [],
      "code": "R522"
    },
    {
      "id": "R-C10-docs-components-base-avatar",
      "name": "Avatar",
      "slug": "avatar",
      "source": "C10",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/avatar",
      "preview_ready": false,
      "live_samples": [],
      "code": "R523"
    },
    {
      "id": "R-C10-docs-components-base-badge",
      "name": "Badge",
      "slug": "badge",
      "source": "C10",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/badge",
      "preview_ready": false,
      "live_samples": [],
      "code": "R524"
    },
    {
      "id": "R-C10-docs-components-base-breadcrumb",
      "name": "Breadcrumb",
      "slug": "breadcrumb",
      "source": "C10",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/breadcrumb",
      "preview_ready": false,
      "live_samples": [],
      "code": "R525"
    },
    {
      "id": "R-C10-docs-components-base-bubble",
      "name": "Bubble",
      "slug": "bubble",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/bubble",
      "preview_ready": false,
      "live_samples": [],
      "code": "R526"
    },
    {
      "id": "R-C10-docs-components-base-button",
      "name": "Button",
      "slug": "button",
      "source": "C10",
      "category": "按钮",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/button",
      "preview_ready": false,
      "live_samples": [],
      "code": "R527"
    },
    {
      "id": "R-C10-docs-components-base-button-group",
      "name": "Button Group",
      "slug": "button-group",
      "source": "C10",
      "category": "按钮",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/button-group",
      "preview_ready": false,
      "live_samples": [],
      "code": "R528"
    },
    {
      "id": "R-C10-docs-components-base-calendar",
      "name": "Calendar",
      "slug": "calendar",
      "source": "C10",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/calendar",
      "preview_ready": false,
      "live_samples": [],
      "code": "R529"
    },
    {
      "id": "R-C10-docs-components-base-card",
      "name": "Card",
      "slug": "card",
      "source": "C10",
      "category": "卡片与容器",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/card",
      "preview_ready": false,
      "live_samples": [],
      "code": "R530"
    },
    {
      "id": "R-C10-docs-components-base-carousel",
      "name": "Carousel",
      "slug": "carousel",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/carousel",
      "preview_ready": false,
      "live_samples": [],
      "code": "R531"
    },
    {
      "id": "R-C10-docs-components-base-chart",
      "name": "Chart",
      "slug": "chart",
      "source": "C10",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/chart",
      "preview_ready": false,
      "live_samples": [],
      "code": "R532"
    },
    {
      "id": "R-C10-docs-components-base-checkbox",
      "name": "Checkbox",
      "slug": "checkbox",
      "source": "C10",
      "category": "卡片与容器",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/checkbox",
      "preview_ready": false,
      "live_samples": [],
      "code": "R533"
    },
    {
      "id": "R-C10-docs-components-base-collapsible",
      "name": "Collapsible",
      "slug": "collapsible",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/collapsible",
      "preview_ready": false,
      "live_samples": [],
      "code": "R534"
    },
    {
      "id": "R-C10-docs-components-base-combobox",
      "name": "Combobox",
      "slug": "combobox",
      "source": "C10",
      "category": "卡片与容器",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/combobox",
      "preview_ready": false,
      "live_samples": [],
      "code": "R535"
    },
    {
      "id": "R-C10-docs-components-base-command",
      "name": "Command",
      "slug": "command",
      "source": "C10",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/command",
      "preview_ready": false,
      "live_samples": [],
      "code": "R536"
    },
    {
      "id": "R-C10-docs-components-base-context-menu",
      "name": "Context Menu",
      "slug": "context-menu",
      "source": "C10",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/context-menu",
      "preview_ready": false,
      "live_samples": [],
      "code": "R537"
    },
    {
      "id": "R-C10-docs-components-base-data-table",
      "name": "Data Table",
      "slug": "data-table",
      "source": "C10",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/data-table",
      "preview_ready": false,
      "live_samples": [],
      "code": "R538"
    },
    {
      "id": "R-C10-docs-components-base-date-picker",
      "name": "Date Picker",
      "slug": "date-picker",
      "source": "C10",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/date-picker",
      "preview_ready": false,
      "live_samples": [],
      "code": "R539"
    },
    {
      "id": "R-C10-docs-components-base-dialog",
      "name": "Dialog",
      "slug": "dialog",
      "source": "C10",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/dialog",
      "preview_ready": false,
      "live_samples": [],
      "code": "R540"
    },
    {
      "id": "R-C10-docs-components-base-direction",
      "name": "Direction",
      "slug": "direction",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/direction",
      "preview_ready": false,
      "live_samples": [],
      "code": "R541"
    },
    {
      "id": "R-C10-docs-components-base-drawer",
      "name": "Drawer",
      "slug": "drawer",
      "source": "C10",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/drawer",
      "preview_ready": false,
      "live_samples": [],
      "code": "R542"
    },
    {
      "id": "R-C10-docs-components-base-dropdown-menu",
      "name": "Dropdown Menu",
      "slug": "dropdown-menu",
      "source": "C10",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/dropdown-menu",
      "preview_ready": false,
      "live_samples": [],
      "code": "R543"
    },
    {
      "id": "R-C10-docs-components-base-empty",
      "name": "Empty",
      "slug": "empty",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/empty",
      "preview_ready": false,
      "live_samples": [],
      "code": "R544"
    },
    {
      "id": "R-C10-docs-components-base-field",
      "name": "Field",
      "slug": "field",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/field",
      "preview_ready": false,
      "live_samples": [],
      "code": "R545"
    },
    {
      "id": "R-C10-docs-components-base-hover-card",
      "name": "Hover Card",
      "slug": "hover-card",
      "source": "C10",
      "category": "卡片与容器",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/hover-card",
      "preview_ready": false,
      "live_samples": [],
      "code": "R546"
    },
    {
      "id": "R-C10-docs-components-base-input",
      "name": "Input",
      "slug": "input",
      "source": "C10",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/input",
      "preview_ready": false,
      "live_samples": [],
      "code": "R547"
    },
    {
      "id": "R-C10-docs-components-base-input-group",
      "name": "Input Group",
      "slug": "input-group",
      "source": "C10",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/input-group",
      "preview_ready": false,
      "live_samples": [],
      "code": "R548"
    },
    {
      "id": "R-C10-docs-components-base-input-otp",
      "name": "Input OTP",
      "slug": "input-otp",
      "source": "C10",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/input-otp",
      "preview_ready": false,
      "live_samples": [],
      "code": "R549"
    },
    {
      "id": "R-C10-docs-components-base-item",
      "name": "Item",
      "slug": "item",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/item",
      "preview_ready": false,
      "live_samples": [],
      "code": "R550"
    },
    {
      "id": "R-C10-docs-components-base-kbd",
      "name": "Kbd",
      "slug": "kbd",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/kbd",
      "preview_ready": false,
      "live_samples": [],
      "code": "R551"
    },
    {
      "id": "R-C10-docs-components-base-label",
      "name": "Label",
      "slug": "label",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/label",
      "preview_ready": false,
      "live_samples": [],
      "code": "R552"
    },
    {
      "id": "R-C10-docs-components-base-marker",
      "name": "Marker",
      "slug": "marker",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/marker",
      "preview_ready": false,
      "live_samples": [],
      "code": "R553"
    },
    {
      "id": "R-C10-docs-components-base-menubar",
      "name": "Menubar",
      "slug": "menubar",
      "source": "C10",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/menubar",
      "preview_ready": false,
      "live_samples": [],
      "code": "R554"
    },
    {
      "id": "R-C10-docs-components-base-message",
      "name": "Message",
      "slug": "message",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/message",
      "preview_ready": false,
      "live_samples": [],
      "code": "R555"
    },
    {
      "id": "R-C10-docs-components-base-message-scroller",
      "name": "Message Scroller",
      "slug": "message-scroller",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/message-scroller",
      "preview_ready": false,
      "live_samples": [],
      "code": "R556"
    },
    {
      "id": "R-C10-docs-components-base-native-select",
      "name": "Native Select",
      "slug": "native-select",
      "source": "C10",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/native-select",
      "preview_ready": false,
      "live_samples": [],
      "code": "R557"
    },
    {
      "id": "R-C10-docs-components-base-navigation-menu",
      "name": "Navigation Menu",
      "slug": "navigation-menu",
      "source": "C10",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/navigation-menu",
      "preview_ready": false,
      "live_samples": [],
      "code": "R558"
    },
    {
      "id": "R-C10-docs-components-base-pagination",
      "name": "Pagination",
      "slug": "pagination",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/pagination",
      "preview_ready": false,
      "live_samples": [],
      "code": "R559"
    },
    {
      "id": "R-C10-docs-components-base-popover",
      "name": "Popover",
      "slug": "popover",
      "source": "C10",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/popover",
      "preview_ready": false,
      "live_samples": [],
      "code": "R560"
    },
    {
      "id": "R-C10-docs-components-base-progress",
      "name": "Progress",
      "slug": "progress",
      "source": "C10",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/progress",
      "preview_ready": false,
      "live_samples": [],
      "code": "R561"
    },
    {
      "id": "R-C10-docs-components-base-questionnaire",
      "name": "Questionnaire",
      "slug": "questionnaire",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/questionnaire",
      "preview_ready": false,
      "live_samples": [],
      "code": "R562"
    },
    {
      "id": "R-C10-docs-components-base-radio-group",
      "name": "Radio Group",
      "slug": "radio-group",
      "source": "C10",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/radio-group",
      "preview_ready": false,
      "live_samples": [],
      "code": "R563"
    },
    {
      "id": "R-C10-docs-components-base-resizable",
      "name": "Resizable",
      "slug": "resizable",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/resizable",
      "preview_ready": false,
      "live_samples": [],
      "code": "R564"
    },
    {
      "id": "R-C10-docs-components-base-scroll-area",
      "name": "Scroll Area",
      "slug": "scroll-area",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/scroll-area",
      "preview_ready": false,
      "live_samples": [],
      "code": "R565"
    },
    {
      "id": "R-C10-docs-components-base-select",
      "name": "Select",
      "slug": "select",
      "source": "C10",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/select",
      "preview_ready": false,
      "live_samples": [],
      "code": "R566"
    },
    {
      "id": "R-C10-docs-components-base-separator",
      "name": "Separator",
      "slug": "separator",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/separator",
      "preview_ready": false,
      "live_samples": [],
      "code": "R567"
    },
    {
      "id": "R-C10-docs-components-base-sheet",
      "name": "Sheet",
      "slug": "sheet",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/sheet",
      "preview_ready": false,
      "live_samples": [],
      "code": "R568"
    },
    {
      "id": "R-C10-docs-components-base-sidebar",
      "name": "Sidebar",
      "slug": "sidebar",
      "source": "C10",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/sidebar",
      "preview_ready": false,
      "live_samples": [],
      "code": "R569"
    },
    {
      "id": "R-C10-docs-components-base-skeleton",
      "name": "Skeleton",
      "slug": "skeleton",
      "source": "C10",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/skeleton",
      "preview_ready": false,
      "live_samples": [],
      "code": "R570"
    },
    {
      "id": "R-C10-docs-components-base-slider",
      "name": "Slider",
      "slug": "slider",
      "source": "C10",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/slider",
      "preview_ready": false,
      "live_samples": [],
      "code": "R571"
    },
    {
      "id": "R-C10-docs-components-base-spinner",
      "name": "Spinner",
      "slug": "spinner",
      "source": "C10",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/spinner",
      "preview_ready": false,
      "live_samples": [],
      "code": "R572"
    },
    {
      "id": "R-C10-docs-components-base-switch",
      "name": "Switch",
      "slug": "switch",
      "source": "C10",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/switch",
      "preview_ready": false,
      "live_samples": [],
      "code": "R573"
    },
    {
      "id": "R-C10-docs-components-base-table",
      "name": "Table",
      "slug": "table",
      "source": "C10",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/table",
      "preview_ready": false,
      "live_samples": [],
      "code": "R574"
    },
    {
      "id": "R-C10-docs-components-base-tabs",
      "name": "Tabs",
      "slug": "tabs",
      "source": "C10",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/tabs",
      "preview_ready": false,
      "live_samples": [],
      "code": "R575"
    },
    {
      "id": "R-C10-docs-components-base-textarea",
      "name": "Textarea",
      "slug": "textarea",
      "source": "C10",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/textarea",
      "preview_ready": false,
      "live_samples": [],
      "code": "R576"
    },
    {
      "id": "R-C10-docs-components-base-toast",
      "name": "Toast",
      "slug": "toast",
      "source": "C10",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/toast",
      "preview_ready": false,
      "live_samples": [],
      "code": "R577"
    },
    {
      "id": "R-C10-docs-components-base-toggle",
      "name": "Toggle",
      "slug": "toggle",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/toggle",
      "preview_ready": false,
      "live_samples": [],
      "code": "R578"
    },
    {
      "id": "R-C10-docs-components-base-toggle-group",
      "name": "Toggle Group",
      "slug": "toggle-group",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/toggle-group",
      "preview_ready": false,
      "live_samples": [],
      "code": "R579"
    },
    {
      "id": "R-C10-docs-components-base-tooltip",
      "name": "Tooltip",
      "slug": "tooltip",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/tooltip",
      "preview_ready": false,
      "live_samples": [],
      "code": "R580"
    },
    {
      "id": "R-C10-docs-components-base-typography",
      "name": "Typography",
      "slug": "typography",
      "source": "C10",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/base/typography",
      "preview_ready": false,
      "live_samples": [],
      "code": "R581"
    },
    {
      "id": "R-C10-docs-components-aria-accordion",
      "name": "Next",
      "slug": "accordion",
      "source": "C10",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://ui.shadcn.com/docs/components/aria/accordion",
      "preview_ready": false,
      "live_samples": [],
      "code": "R582"
    },
    {
      "id": "R-C11-themes-docs-components-box",
      "name": "Box",
      "slug": "box",
      "source": "C11",
      "category": "卡片与容器",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/box",
      "preview_ready": true,
      "live_samples": [
        "radix-checkbox"
      ],
      "code": "R583"
    },
    {
      "id": "R-C11-themes-docs-components-flex",
      "name": "Flex",
      "slug": "flex",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/flex",
      "preview_ready": false,
      "live_samples": [],
      "code": "R584"
    },
    {
      "id": "R-C11-themes-docs-components-grid",
      "name": "Grid",
      "slug": "grid",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/grid",
      "preview_ready": false,
      "live_samples": [],
      "code": "R585"
    },
    {
      "id": "R-C11-themes-docs-components-container",
      "name": "Container",
      "slug": "container",
      "source": "C11",
      "category": "卡片与容器",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/container",
      "preview_ready": false,
      "live_samples": [],
      "code": "R586"
    },
    {
      "id": "R-C11-themes-docs-components-section",
      "name": "Section",
      "slug": "section",
      "source": "C11",
      "category": "页面区块",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/section",
      "preview_ready": false,
      "live_samples": [],
      "code": "R587"
    },
    {
      "id": "R-C11-themes-docs-components-text",
      "name": "Text",
      "slug": "text",
      "source": "C11",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/text",
      "preview_ready": true,
      "live_samples": [
        "radix-input-classic",
        "radix-input-surface",
        "radix-input-soft"
      ],
      "code": "R588"
    },
    {
      "id": "R-C11-themes-docs-components-heading",
      "name": "Heading",
      "slug": "heading",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/heading",
      "preview_ready": false,
      "live_samples": [],
      "code": "R589"
    },
    {
      "id": "R-C11-themes-docs-components-blockquote",
      "name": "Blockquote",
      "slug": "blockquote",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/blockquote",
      "preview_ready": false,
      "live_samples": [],
      "code": "R590"
    },
    {
      "id": "R-C11-themes-docs-components-code",
      "name": "Code",
      "slug": "code",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/code",
      "preview_ready": false,
      "live_samples": [],
      "code": "R591"
    },
    {
      "id": "R-C11-themes-docs-components-em",
      "name": "Em",
      "slug": "em",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/em",
      "preview_ready": false,
      "live_samples": [],
      "code": "R592"
    },
    {
      "id": "R-C11-themes-docs-components-kbd",
      "name": "Kbd",
      "slug": "kbd",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/kbd",
      "preview_ready": false,
      "live_samples": [],
      "code": "R593"
    },
    {
      "id": "R-C11-themes-docs-components-link",
      "name": "Link",
      "slug": "link",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/link",
      "preview_ready": false,
      "live_samples": [],
      "code": "R594"
    },
    {
      "id": "R-C11-themes-docs-components-quote",
      "name": "Quote",
      "slug": "quote",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/quote",
      "preview_ready": false,
      "live_samples": [],
      "code": "R595"
    },
    {
      "id": "R-C11-themes-docs-components-strong",
      "name": "Strong",
      "slug": "strong",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/strong",
      "preview_ready": false,
      "live_samples": [],
      "code": "R596"
    },
    {
      "id": "R-C11-themes-docs-components-alert-dialog",
      "name": "Alert Dialog",
      "slug": "alert-dialog",
      "source": "C11",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/alert-dialog",
      "preview_ready": false,
      "live_samples": [],
      "code": "R597"
    },
    {
      "id": "R-C11-themes-docs-components-aspect-ratio",
      "name": "Aspect Ratio",
      "slug": "aspect-ratio",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/aspect-ratio",
      "preview_ready": false,
      "live_samples": [],
      "code": "R598"
    },
    {
      "id": "R-C11-themes-docs-components-avatar",
      "name": "Avatar",
      "slug": "avatar",
      "source": "C11",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/avatar",
      "preview_ready": false,
      "live_samples": [],
      "code": "R599"
    },
    {
      "id": "R-C11-themes-docs-components-badge",
      "name": "Badge",
      "slug": "badge",
      "source": "C11",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/badge",
      "preview_ready": true,
      "live_samples": [
        "radix-badge-solid",
        "radix-badge-soft",
        "radix-badge-surface",
        "radix-badge-outline"
      ],
      "code": "R600"
    },
    {
      "id": "R-C11-themes-docs-components-button",
      "name": "Button",
      "slug": "button",
      "source": "C11",
      "category": "按钮",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/button",
      "preview_ready": true,
      "live_samples": [
        "radix-button-classic",
        "radix-button-solid",
        "radix-button-soft",
        "radix-button-surface",
        "radix-button-outline",
        "radix-button-ghost"
      ],
      "code": "R601"
    },
    {
      "id": "R-C11-themes-docs-components-callout",
      "name": "Callout",
      "slug": "callout",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/callout",
      "preview_ready": false,
      "live_samples": [],
      "code": "R602"
    },
    {
      "id": "R-C11-themes-docs-components-card",
      "name": "Card",
      "slug": "card",
      "source": "C11",
      "category": "卡片与容器",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/card",
      "preview_ready": true,
      "live_samples": [
        "radix-card"
      ],
      "code": "R603"
    },
    {
      "id": "R-C11-themes-docs-components-checkbox",
      "name": "Checkbox",
      "slug": "checkbox",
      "source": "C11",
      "category": "卡片与容器",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/checkbox",
      "preview_ready": true,
      "live_samples": [
        "radix-checkbox"
      ],
      "code": "R604"
    },
    {
      "id": "R-C11-themes-docs-components-checkbox-group",
      "name": "Checkbox Group",
      "slug": "checkbox-group",
      "source": "C11",
      "category": "卡片与容器",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/checkbox-group",
      "preview_ready": false,
      "live_samples": [],
      "code": "R605"
    },
    {
      "id": "R-C11-themes-docs-components-checkbox-cards",
      "name": "Checkbox Cards",
      "slug": "checkbox-cards",
      "source": "C11",
      "category": "卡片与容器",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/checkbox-cards",
      "preview_ready": false,
      "live_samples": [],
      "code": "R606"
    },
    {
      "id": "R-C11-themes-docs-components-context-menu",
      "name": "Context Menu",
      "slug": "context-menu",
      "source": "C11",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/context-menu",
      "preview_ready": false,
      "live_samples": [],
      "code": "R607"
    },
    {
      "id": "R-C11-themes-docs-components-data-list",
      "name": "Data List",
      "slug": "data-list",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/data-list",
      "preview_ready": false,
      "live_samples": [],
      "code": "R608"
    },
    {
      "id": "R-C11-themes-docs-components-dialog",
      "name": "Dialog",
      "slug": "dialog",
      "source": "C11",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/dialog",
      "preview_ready": false,
      "live_samples": [],
      "code": "R609"
    },
    {
      "id": "R-C11-themes-docs-components-dropdown-menu",
      "name": "Dropdown Menu",
      "slug": "dropdown-menu",
      "source": "C11",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/dropdown-menu",
      "preview_ready": false,
      "live_samples": [],
      "code": "R610"
    },
    {
      "id": "R-C11-themes-docs-components-hover-card",
      "name": "Hover Card",
      "slug": "hover-card",
      "source": "C11",
      "category": "卡片与容器",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/hover-card",
      "preview_ready": false,
      "live_samples": [],
      "code": "R611"
    },
    {
      "id": "R-C11-themes-docs-components-icon-button",
      "name": "Icon Button",
      "slug": "icon-button",
      "source": "C11",
      "category": "按钮",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/icon-button",
      "preview_ready": false,
      "live_samples": [],
      "code": "R612"
    },
    {
      "id": "R-C11-themes-docs-components-inset",
      "name": "Inset",
      "slug": "inset",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/inset",
      "preview_ready": false,
      "live_samples": [],
      "code": "R613"
    },
    {
      "id": "R-C11-themes-docs-components-popover",
      "name": "Popover",
      "slug": "popover",
      "source": "C11",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/popover",
      "preview_ready": false,
      "live_samples": [],
      "code": "R614"
    },
    {
      "id": "R-C11-themes-docs-components-progress",
      "name": "Progress",
      "slug": "progress",
      "source": "C11",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/progress",
      "preview_ready": true,
      "live_samples": [
        "radix-progress"
      ],
      "code": "R615"
    },
    {
      "id": "R-C11-themes-docs-components-radio",
      "name": "Radio",
      "slug": "radio",
      "source": "C11",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/radio",
      "preview_ready": false,
      "live_samples": [],
      "code": "R616"
    },
    {
      "id": "R-C11-themes-docs-components-radio-group",
      "name": "Radio Group",
      "slug": "radio-group",
      "source": "C11",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/radio-group",
      "preview_ready": false,
      "live_samples": [],
      "code": "R617"
    },
    {
      "id": "R-C11-themes-docs-components-radio-cards",
      "name": "Radio Cards",
      "slug": "radio-cards",
      "source": "C11",
      "category": "卡片与容器",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/radio-cards",
      "preview_ready": false,
      "live_samples": [],
      "code": "R618"
    },
    {
      "id": "R-C11-themes-docs-components-scroll-area",
      "name": "Scroll Area",
      "slug": "scroll-area",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/scroll-area",
      "preview_ready": false,
      "live_samples": [],
      "code": "R619"
    },
    {
      "id": "R-C11-themes-docs-components-segmented-control",
      "name": "Segmented Control",
      "slug": "segmented-control",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/segmented-control",
      "preview_ready": false,
      "live_samples": [],
      "code": "R620"
    },
    {
      "id": "R-C11-themes-docs-components-select",
      "name": "Select",
      "slug": "select",
      "source": "C11",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/select",
      "preview_ready": false,
      "live_samples": [],
      "code": "R621"
    },
    {
      "id": "R-C11-themes-docs-components-separator",
      "name": "Separator",
      "slug": "separator",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/separator",
      "preview_ready": false,
      "live_samples": [],
      "code": "R622"
    },
    {
      "id": "R-C11-themes-docs-components-skeleton",
      "name": "Skeleton",
      "slug": "skeleton",
      "source": "C11",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/skeleton",
      "preview_ready": false,
      "live_samples": [],
      "code": "R623"
    },
    {
      "id": "R-C11-themes-docs-components-slider",
      "name": "Slider",
      "slug": "slider",
      "source": "C11",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/slider",
      "preview_ready": true,
      "live_samples": [
        "radix-slider"
      ],
      "code": "R624"
    },
    {
      "id": "R-C11-themes-docs-components-spinner",
      "name": "Spinner",
      "slug": "spinner",
      "source": "C11",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/spinner",
      "preview_ready": false,
      "live_samples": [],
      "code": "R625"
    },
    {
      "id": "R-C11-themes-docs-components-switch",
      "name": "Switch",
      "slug": "switch",
      "source": "C11",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/switch",
      "preview_ready": true,
      "live_samples": [
        "radix-switch-1",
        "radix-switch-2",
        "radix-switch-3"
      ],
      "code": "R626"
    },
    {
      "id": "R-C11-themes-docs-components-table",
      "name": "Table",
      "slug": "table",
      "source": "C11",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/table",
      "preview_ready": false,
      "live_samples": [],
      "code": "R627"
    },
    {
      "id": "R-C11-themes-docs-components-tabs",
      "name": "Tabs",
      "slug": "tabs",
      "source": "C11",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/tabs",
      "preview_ready": true,
      "live_samples": [
        "radix-tabs"
      ],
      "code": "R628"
    },
    {
      "id": "R-C11-themes-docs-components-tab-nav",
      "name": "Tab Nav",
      "slug": "tab-nav",
      "source": "C11",
      "category": "导航与结构",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/tab-nav",
      "preview_ready": false,
      "live_samples": [],
      "code": "R629"
    },
    {
      "id": "R-C11-themes-docs-components-text-area",
      "name": "Text Area",
      "slug": "text-area",
      "source": "C11",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/text-area",
      "preview_ready": false,
      "live_samples": [],
      "code": "R630"
    },
    {
      "id": "R-C11-themes-docs-components-text-field",
      "name": "Text Field",
      "slug": "text-field",
      "source": "C11",
      "category": "文字与动效",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/text-field",
      "preview_ready": true,
      "live_samples": [
        "radix-input-classic",
        "radix-input-surface",
        "radix-input-soft"
      ],
      "code": "R631"
    },
    {
      "id": "R-C11-themes-docs-components-tooltip",
      "name": "Tooltip",
      "slug": "tooltip",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/tooltip",
      "preview_ready": false,
      "live_samples": [],
      "code": "R632"
    },
    {
      "id": "R-C11-themes-docs-components-accessible-icon",
      "name": "Accessible Icon",
      "slug": "accessible-icon",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/accessible-icon",
      "preview_ready": false,
      "live_samples": [],
      "code": "R633"
    },
    {
      "id": "R-C11-themes-docs-components-portal",
      "name": "Portal",
      "slug": "portal",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/portal",
      "preview_ready": false,
      "live_samples": [],
      "code": "R634"
    },
    {
      "id": "R-C11-themes-docs-components-reset",
      "name": "Reset",
      "slug": "reset",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/reset",
      "preview_ready": false,
      "live_samples": [],
      "code": "R635"
    },
    {
      "id": "R-C11-themes-docs-components-slot",
      "name": "Slot",
      "slug": "slot",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/slot",
      "preview_ready": false,
      "live_samples": [],
      "code": "R636"
    },
    {
      "id": "R-C11-themes-docs-components-theme",
      "name": "Theme",
      "slug": "theme",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/theme",
      "preview_ready": false,
      "live_samples": [],
      "code": "R637"
    },
    {
      "id": "R-C11-themes-docs-components-visually-hidden",
      "name": "Visually Hidden",
      "slug": "visually-hidden",
      "source": "C11",
      "category": "其他 / 待细分",
      "kind": "目录条目",
      "description": "从该库公开导航提取；尚未逐项接入本地运行。",
      "url": "https://www.radix-ui.com/themes/docs/components/visually-hidden",
      "preview_ready": false,
      "live_samples": [],
      "code": "R638"
    },
    {
      "id": "R-C03-filters",
      "name": "Data Table Filters",
      "slug": "filters",
      "source": "C03",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "表格功能部件，可按筛选、分页、选择或导出组合；未接入本地预览。",
      "url": "https://sv-table.vercel.app/components/filters",
      "preview_ready": false,
      "live_samples": [],
      "code": "R639"
    },
    {
      "id": "R-C03-debounce-input",
      "name": "Debounce Input",
      "slug": "debounce-input",
      "source": "C03",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "表格功能部件，可按筛选、分页、选择或导出组合；未接入本地预览。",
      "url": "https://sv-table.vercel.app/components/debounce-input",
      "preview_ready": false,
      "live_samples": [],
      "code": "R640"
    },
    {
      "id": "R-C03-data-table-column-header",
      "name": "Column Header",
      "slug": "data-table-column-header",
      "source": "C03",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "表格功能部件，可按筛选、分页、选择或导出组合；未接入本地预览。",
      "url": "https://sv-table.vercel.app/components/data-table-column-header",
      "preview_ready": false,
      "live_samples": [],
      "code": "R641"
    },
    {
      "id": "R-C03-pagination",
      "name": "Pagination",
      "slug": "pagination",
      "source": "C03",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "表格功能部件，可按筛选、分页、选择或导出组合；未接入本地预览。",
      "url": "https://sv-table.vercel.app/components/pagination",
      "preview_ready": false,
      "live_samples": [],
      "code": "R642"
    },
    {
      "id": "R-C03-page-size-selector",
      "name": "Page Size Selector",
      "slug": "page-size-selector",
      "source": "C03",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "表格功能部件，可按筛选、分页、选择或导出组合；未接入本地预览。",
      "url": "https://sv-table.vercel.app/components/page-size-selector",
      "preview_ready": false,
      "live_samples": [],
      "code": "R643"
    },
    {
      "id": "R-C03-data-table-faceted-filter",
      "name": "Faceted Filter",
      "slug": "data-table-faceted-filter",
      "source": "C03",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "表格功能部件，可按筛选、分页、选择或导出组合；未接入本地预览。",
      "url": "https://sv-table.vercel.app/components/data-table-faceted-filter",
      "preview_ready": false,
      "live_samples": [],
      "code": "R644"
    },
    {
      "id": "R-C03-data-table-view",
      "name": "Column Visibility",
      "slug": "data-table-view",
      "source": "C03",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "表格功能部件，可按筛选、分页、选择或导出组合；未接入本地预览。",
      "url": "https://sv-table.vercel.app/components/data-table-view",
      "preview_ready": false,
      "live_samples": [],
      "code": "R645"
    },
    {
      "id": "R-C03-header-checkbox",
      "name": "Header Checkbox",
      "slug": "header-checkbox",
      "source": "C03",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "表格功能部件，可按筛选、分页、选择或导出组合；未接入本地预览。",
      "url": "https://sv-table.vercel.app/components/header-checkbox",
      "preview_ready": false,
      "live_samples": [],
      "code": "R646"
    },
    {
      "id": "R-C03-row-checkbox",
      "name": "Row Checkbox",
      "slug": "row-checkbox",
      "source": "C03",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "表格功能部件，可按筛选、分页、选择或导出组合；未接入本地预览。",
      "url": "https://sv-table.vercel.app/components/row-checkbox",
      "preview_ready": false,
      "live_samples": [],
      "code": "R647"
    },
    {
      "id": "R-C03-row-actions-menu",
      "name": "Row Actions Menu",
      "slug": "row-actions-menu",
      "source": "C03",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "表格功能部件，可按筛选、分页、选择或导出组合；未接入本地预览。",
      "url": "https://sv-table.vercel.app/components/row-actions-menu",
      "preview_ready": false,
      "live_samples": [],
      "code": "R648"
    },
    {
      "id": "R-C03-bulk-actions-bar",
      "name": "Bulk Actions Bar",
      "slug": "bulk-actions-bar",
      "source": "C03",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "表格功能部件，可按筛选、分页、选择或导出组合；未接入本地预览。",
      "url": "https://sv-table.vercel.app/components/bulk-actions-bar",
      "preview_ready": false,
      "live_samples": [],
      "code": "R649"
    },
    {
      "id": "R-C03-data-table-loading",
      "name": "Loading State",
      "slug": "data-table-loading",
      "source": "C03",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "表格功能部件，可按筛选、分页、选择或导出组合；未接入本地预览。",
      "url": "https://sv-table.vercel.app/components/data-table-loading",
      "preview_ready": false,
      "live_samples": [],
      "code": "R650"
    },
    {
      "id": "R-C03-data-table-empty",
      "name": "Empty State",
      "slug": "data-table-empty",
      "source": "C03",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "表格功能部件，可按筛选、分页、选择或导出组合；未接入本地预览。",
      "url": "https://sv-table.vercel.app/components/data-table-empty",
      "preview_ready": false,
      "live_samples": [],
      "code": "R651"
    },
    {
      "id": "R-C03-data-table-export",
      "name": "CSV Export",
      "slug": "data-table-export",
      "source": "C03",
      "category": "数据与状态",
      "kind": "目录条目",
      "description": "表格功能部件，可按筛选、分页、选择或导出组合；未接入本地预览。",
      "url": "https://sv-table.vercel.app/components/data-table-export",
      "preview_ready": false,
      "live_samples": [],
      "code": "R652"
    },
    {
      "id": "R-C03-date-range-filter",
      "name": "Date Range Filter",
      "slug": "date-range-filter",
      "source": "C03",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "表格功能部件，可按筛选、分页、选择或导出组合；未接入本地预览。",
      "url": "https://sv-table.vercel.app/components/date-range-filter",
      "preview_ready": false,
      "live_samples": [],
      "code": "R653"
    },
    {
      "id": "R-C03-number-range-filter",
      "name": "Number Range Filter",
      "slug": "number-range-filter",
      "source": "C03",
      "category": "表单与选择",
      "kind": "目录条目",
      "description": "表格功能部件，可按筛选、分页、选择或导出组合；未接入本地预览。",
      "url": "https://sv-table.vercel.app/components/number-range-filter",
      "preview_ready": false,
      "live_samples": [],
      "code": "R654"
    }
  ],
  "coverage": {
    "checked_at": "2026-09-17",
    "source_count": 69,
    "live_sample_count": 88,
    "inventory_count": 654,
    "inventory_sources": [
      {
        "source": "C01",
        "items": 315,
        "basis": "公开 registry 全部登记项，含辅助代码与演示",
        "complete_upstream_claim": true
      },
      {
        "source": "C02a",
        "items": 64,
        "basis": "公开页面导航快照",
        "complete_upstream_claim": false
      },
      {
        "source": "C02b",
        "items": 23,
        "basis": "公开页面导航快照",
        "complete_upstream_claim": false
      },
      {
        "source": "C02c",
        "items": 14,
        "basis": "公开页面导航快照",
        "complete_upstream_claim": false
      },
      {
        "source": "C03",
        "items": 16,
        "basis": "公开页面导航快照",
        "complete_upstream_claim": false
      },
      {
        "source": "C04",
        "items": 7,
        "basis": "公开页面导航快照",
        "complete_upstream_claim": false
      },
      {
        "source": "C05",
        "items": 13,
        "basis": "公开页面导航快照",
        "complete_upstream_claim": false
      },
      {
        "source": "C06",
        "items": 11,
        "basis": "公开页面导航快照",
        "complete_upstream_claim": false
      },
      {
        "source": "C07",
        "items": 70,
        "basis": "公开页面导航快照",
        "complete_upstream_claim": false
      },
      {
        "source": "C10",
        "items": 65,
        "basis": "公开页面导航快照",
        "complete_upstream_claim": false
      },
      {
        "source": "C11",
        "items": 56,
        "basis": "公开页面导航快照",
        "complete_upstream_claim": false
      }
    ],
    "scope": "全量登记指已读取 registry 或导航中的条目，不代表所有来源都已完整镜像；可交互样本单独计数。"
  },
  "systems": [
    {
      "id": "S01",
      "name": "模块网格与基线",
      "category": "平面与编排",
      "source": "D03",
      "logic": "以共同对齐线、列宽、间距和基线组织内容；网格约束关系，不决定唯一画风。",
      "use": "年鉴、报告、海报，以及需要跨页一致的网页。",
      "steps": "先设页面比例与信息层级，再定列数和留白，最后允许主视觉有意跨列。",
      "limit": "下面是原创规则实验，非 Carbon 页面复刻。Carbon 2x Grid 以 8px 单位及倍增关系提供具体体系。",
      "url": "https://carbondesignsystem.com/elements/2x-grid/overview/"
    },
    {
      "id": "S02",
      "name": "文字层级与阅读节奏",
      "category": "平面与编排",
      "source": null,
      "logic": "用字号、字重、行长和段间距区分标题、摘要、正文与注释。",
      "use": "长文、研究报告、杂志型网页。",
      "steps": "先放入真实长短内容，设少量层级，再检查中英文混排与窄屏换行。",
      "limit": "这是跨媒介的编排方法；不应直接套成某个组件库的默认样式。",
      "url": null
    },
    {
      "id": "S03",
      "name": "Material Design",
      "category": "UI 设计系统",
      "source": "D01",
      "logic": "以组件角色、状态和主题规则组织一致的界面语言。",
      "use": "需要 Material 体系的多平台产品。",
      "steps": "先选目标平台，再定主题与层级，采用相应组件并覆盖状态。",
      "limit": "本地样本使用 Material Web；该实现包已声明维护模式，不能把它当成整个 Material 系统的更新状态。",
      "url": "https://github.com/material-components/material-web"
    },
    {
      "id": "S04",
      "name": "Fluent 2",
      "category": "UI 设计系统",
      "source": "D02",
      "logic": "以平台自然性、聚焦任务、包容性和熟悉的品牌体验作为设计原则。",
      "use": "Microsoft 生态及协作、生产力产品。",
      "steps": "先确定平台和使用密度，再套用主题、布局与组件状态。",
      "limit": "借某个 Fluent 组件不等于采用全套视觉语言。",
      "url": "https://fluent2.microsoft.design/design-principles"
    },
    {
      "id": "S05",
      "name": "Carbon",
      "category": "UI 设计系统",
      "source": "D03",
      "logic": "将布局、文字、组件和数据表达放在同一规则内；2x Grid 提供尺寸和对齐关系。",
      "use": "数据密集、企业工具和复杂任务界面。",
      "steps": "用真实表格、表单与导航验证密度，再确定网格、token 与交互状态。",
      "limit": "不要只复制黑白配色；重点是关系和一致性。",
      "url": "https://carbondesignsystem.com/"
    },
    {
      "id": "S06",
      "name": "Primer",
      "category": "UI 设计系统",
      "source": "D04",
      "logic": "GitHub 的产品与品牌设计资源，包含组件及使用指导。",
      "use": "开发者工具、代码与协作界面。",
      "steps": "先判断任务是否接近该体系，再复用组件、主题与交互约定。",
      "limit": "用于其他产品时需保留自己的品牌与信息架构。",
      "url": "https://primer.style/"
    },
    {
      "id": "S07",
      "name": "Atlassian Design System",
      "category": "UI 设计系统",
      "source": "D05",
      "logic": "以 token、组件和使用指导支撑协作产品的一致性。",
      "use": "项目、任务和团队协作工具。",
      "steps": "从导航和任务流程开始，随后选组件并映射 token。",
      "limit": "不要从库中任意拼色和密度；先设产品约束。",
      "url": "https://atlassian.design/"
    },
    {
      "id": "S08",
      "name": "Shopify Polaris",
      "category": "UI 设计系统",
      "source": "D06",
      "logic": "围绕商家任务组织电商管理界面。",
      "use": "Shopify 相关应用及商家工作流。",
      "steps": "从当前平台文档与组件入口选实现，再核对嵌入环境要求。",
      "limit": "旧 React 入口已跳转；不把旧包文档当当前平台实现。",
      "url": "https://shopify.dev/docs/api/polaris"
    },
    {
      "id": "S09",
      "name": "GOV.UK Design System",
      "category": "UI 设计系统",
      "source": "D07",
      "logic": "将组件和服务模式一起说明，强调用户完成具体任务。",
      "use": "内容、申请、确认和多步公共服务流程。",
      "steps": "先选任务模式，再选表单与页面组件，用真实文案走完整流程。",
      "limit": "体系与服务语境有关；不是通用营销页面皮肤。",
      "url": "https://design-system.service.gov.uk/"
    },
    {
      "id": "S10",
      "name": "USWDS",
      "category": "UI 设计系统",
      "source": "D08",
      "logic": "提供公共服务的布局、组件和可访问性指引。",
      "use": "公共服务、信息门户与复杂表单。",
      "steps": "按任务确定页面模板，再选组件并核对可访问性。",
      "limit": "具体合规要求仍需由项目本身验证。",
      "url": "https://designsystem.digital.gov/"
    },
    {
      "id": "S11",
      "name": "Apple Human Interface Guidelines",
      "category": "平台设计规范",
      "source": "D09",
      "logic": "按平台解释材料、层级与交互；材质要服务内容和层次。",
      "use": "Apple 平台应用或明确借鉴其局部表达的产品。",
      "steps": "先选目标平台与交互模型，再选材质和组件表现。",
      "limit": "不把平台特有玻璃效果机械搬到所有网页。",
      "url": "https://developer.apple.com/design/human-interface-guidelines/"
    },
    {
      "id": "S12",
      "name": "Modern Web Guidance",
      "category": "Web 工程指南",
      "source": "T01",
      "logic": "解决浏览器实现、原生能力、性能及兼容性问题。",
      "use": "已有设计方向，需要选择可维护的 Web 实现时。",
      "steps": "按具体问题检索并读取对应指南，核对目标浏览器，再实现和验证。",
      "limit": "它不是视觉设计系统，不提供统一的配色、排版或品牌风格。",
      "url": "https://github.com/GoogleChrome/modern-web-guidance"
    }
  ],
  "materials": [
    {
      "id": "G06",
      "name": "玻璃与半透明表面",
      "category": "玻璃",
      "source": "C01",
      "description": "磨砂玻璃与清透玻璃并排比较；另有 Spectrum 的真实玻璃 Dock。两种按钮是原创 CSS 样式，没有冒充真实光学折射。",
      "samples": [
        "surface-frosted-glass",
        "surface-clear-glass",
        "spectrum-dock-glass"
      ],
      "use": "需要保留背景层次的浮层、按钮和导航；根据背景检查文字对比。"
    },
    {
      "id": "G07",
      "name": "亮面、纸张、浮雕与渐变",
      "category": "按钮样式",
      "source": null,
      "description": "同一按钮内容，比较表面处理与状态变化。所有样本可切换默认、悬停、按下和禁用。",
      "samples": [
        "surface-gloss",
        "surface-paper",
        "surface-soft",
        "surface-gradient"
      ],
      "use": "先选材质与动作层级，再决定具体页面如何应用。"
    },
    {
      "id": "G01",
      "name": "实时金属边缘",
      "category": "材质",
      "source": "C01",
      "description": "Spectrum MetalButton 的真实 metal-fx WebGL 材质。三种预设并排看反射色差。",
      "samples": [
        "spectrum-metal-chromatic",
        "spectrum-metal-silver",
        "spectrum-metal-gold"
      ],
      "use": "强调单个关键操作；避免每个按钮都争夺注意力。"
    },
    {
      "id": "G02",
      "name": "透视与表面光泽",
      "category": "空间界面",
      "source": "C01",
      "description": "同一 TiltCard 对比光泽开与关。使用 CSS 透视响应指针，不是完整三维场景。",
      "samples": [
        "spectrum-tilt-glare",
        "spectrum-tilt-flat"
      ],
      "use": "作品、产品展示卡片；触屏需要保留稳定可读的静态内容。"
    },
    {
      "id": "G03",
      "name": "三维组件与 Shader",
      "category": "三维场景",
      "source": "C09",
      "description": "ThreeUI 的三维组件、场景和 shader 入口。具体作品有不同使用范围。",
      "samples": [],
      "use": "希望直接选择某种三维表达时；本地尚未镜像其组件。"
    },
    {
      "id": "G04",
      "name": "场景、灯光与物理材质",
      "category": "三维场景",
      "source": "M03",
      "description": "Three.js 官方示例集，按材质、灯光、粒子和后处理挑选技术路线。",
      "samples": [],
      "use": "需要自定义模型、相机或材质时；本地尚未提供实际三维场景。"
    },
    {
      "id": "G05",
      "name": "交互矢量角色",
      "category": "交互图形",
      "source": "M04",
      "description": "Rive 面向状态驱动的图形响应，与实时三维场景不同。",
      "samples": [],
      "use": "角色反馈、引导与可交互图形；需有相应设计资源。"
    }
  ]
}