@aithe/aithe-ui 26.2.2

package/dist/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","sources":["../apps/api/docs-viewer.ts","../apps/api/demo-data.ts","../apps/api/pages/docs.ts","../apps/api/app.ts"],"sourcesContent":["import { LitElement, css, html } from 'lit';\nimport { customElement, property, query, state } from 'lit/decorators.js';\n\nexport interface DocEntry {\n  key: string;\n  label: string;\n  html: string;\n  demoCode?: string;\n  demoSetup?: (container: HTMLElement) => void;\n  previewHeight?: string;\n}\n\nexport interface DocCategory {\n  key: string;\n  label: string;\n  entries: DocEntry[];\n}\n\n@customElement('aithe-docs-viewer')\nexport class AitheDocsViewer extends LitElement {\n  @property({ attribute: false }) categories: DocCategory[] = [];\n\n  @state() private activeCategory = '';\n\n  @state() private activeEntry = '';\n\n  @state() private demoSource = '';\n\n  @state() private demoError = '';\n\n  static readonly styles = css`\n    :host {\n      display: block;\n    }\n\n    .shell {\n      display: grid;\n      grid-template-columns: 220px 1fr;\n      gap: var(--aithe-space-6);\n      min-height: 0;\n    }\n\n    .sidebar {\n      position: sticky;\n      top: 0;\n      align-self: start;\n      padding: var(--aithe-space-4);\n      border: 1px solid var(--aithe-color-border);\n      border-radius: var(--aithe-radius-xl);\n      background: var(--aithe-color-surface);\n      box-shadow: var(--aithe-shadow-1);\n      overflow: auto;\n      max-height: calc(100vh - 40px);\n    }\n\n    .cat-title {\n      margin: var(--aithe-space-3) 0 var(--aithe-space-2);\n      font-size: var(--aithe-font-size-sm);\n      font-weight: var(--aithe-font-weight-bold);\n      color: var(--aithe-color-text-muted);\n      text-transform: uppercase;\n      letter-spacing: 0.06em;\n    }\n\n    .cat-title:first-child {\n      margin-top: 0;\n    }\n\n    .entry-btn {\n      display: block;\n      width: 100%;\n      padding: var(--aithe-space-2) var(--aithe-space-3);\n      border: none;\n      border-radius: var(--aithe-radius-md);\n      background: transparent;\n      color: var(--aithe-color-text);\n      font-size: var(--aithe-font-size-sm);\n      text-align: left;\n      cursor: pointer;\n      transition: background 0.15s, color 0.15s;\n    }\n\n    .entry-btn:hover {\n      background: var(--aithe-color-bg-subtle);\n    }\n\n    .entry-btn.active {\n      background: linear-gradient(180deg, var(--aithe-primary-6), var(--aithe-primary-7));\n      color: white;\n    }\n\n    .content {\n      min-width: 0;\n      padding: var(--aithe-space-6);\n      border: 1px solid var(--aithe-color-border);\n      border-radius: var(--aithe-radius-xl);\n      background: var(--aithe-color-surface-elevated);\n      box-shadow: var(--aithe-shadow-1);\n      overflow: auto;\n    }\n\n    .content h1,\n    .content h2,\n    .content h3,\n    .content h4 {\n      color: var(--aithe-color-text);\n      margin-top: var(--aithe-space-6);\n      margin-bottom: var(--aithe-space-3);\n    }\n\n    .content h1 {\n      font-size: var(--aithe-font-size-xl);\n      border-bottom: 1px solid var(--aithe-color-border);\n      padding-bottom: var(--aithe-space-3);\n    }\n\n    .content h1:first-child {\n      margin-top: 0;\n    }\n\n    .content h2 {\n      font-size: var(--aithe-font-size-lg);\n    }\n\n    .content h3 {\n      font-size: var(--aithe-font-size-md);\n    }\n\n    .content p,\n    .content blockquote {\n      color: var(--aithe-color-text);\n      line-height: 1.7;\n    }\n\n    .content blockquote {\n      margin: var(--aithe-space-3) 0;\n      padding: var(--aithe-space-3) var(--aithe-space-4);\n      border-left: 3px solid var(--aithe-primary-6);\n      background: var(--aithe-color-bg-subtle);\n      border-radius: var(--aithe-radius-md);\n    }\n\n    .content table {\n      width: 100%;\n      border-collapse: collapse;\n      margin: var(--aithe-space-4) 0;\n      font-size: var(--aithe-font-size-sm);\n    }\n\n    .content th,\n    .content td {\n      padding: var(--aithe-space-2) var(--aithe-space-3);\n      border: 1px solid var(--aithe-color-border);\n      text-align: left;\n    }\n\n    .content th {\n      background: var(--aithe-color-bg-subtle);\n      font-weight: var(--aithe-font-weight-semibold);\n    }\n\n    .content code {\n      padding: 2px 6px;\n      border-radius: var(--aithe-radius-sm);\n      background: var(--aithe-color-bg-subtle);\n      font-family: var(--aithe-font-family-mono);\n      font-size: 0.9em;\n    }\n\n    .content pre {\n      margin: var(--aithe-space-4) 0;\n      padding: var(--aithe-space-4);\n      border: 1px solid var(--aithe-color-border);\n      border-radius: var(--aithe-radius-xl);\n      background: #09111f;\n      color: #edf4ff;\n      overflow-x: auto;\n      font-family: var(--aithe-font-family-mono);\n      font-size: 13px;\n      line-height: 1.6;\n    }\n\n    .content pre code {\n      padding: 0;\n      background: transparent;\n      color: inherit;\n    }\n\n    .content a {\n      color: var(--aithe-primary-6);\n      text-decoration: none;\n    }\n\n    .content a:hover {\n      text-decoration: underline;\n    }\n\n    .content ul,\n    .content ol {\n      padding-left: var(--aithe-space-5);\n    }\n\n    .content hr {\n      border: none;\n      border-top: 1px solid var(--aithe-color-border);\n      margin: var(--aithe-space-5) 0;\n    }\n\n    .empty {\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      min-height: 320px;\n      color: var(--aithe-color-text-muted);\n    }\n\n    .demo-section {\n      margin-top: var(--aithe-space-6);\n      border-top: 1px solid var(--aithe-color-border);\n      padding-top: var(--aithe-space-5);\n    }\n\n    .demo-section-title {\n      font-size: var(--aithe-font-size-lg);\n      font-weight: var(--aithe-font-weight-semibold);\n      color: var(--aithe-color-text);\n      margin-bottom: var(--aithe-space-4);\n    }\n\n    .demo-body {\n      display: grid;\n      grid-template-columns: 1fr 1fr;\n      gap: var(--aithe-space-4);\n      min-width: 0;\n    }\n\n    .demo-preview-shell {\n      min-width: 0;\n      max-width: 100%;\n      border: 1px solid var(--aithe-color-border);\n      border-radius: var(--aithe-radius-xl);\n      background:\n        radial-gradient(circle at top right, rgba(77, 141, 255, 0.08), transparent 32%),\n        var(--aithe-color-bg);\n      overflow: hidden;\n    }\n\n    .demo-preview {\n      min-width: 0;\n      max-width: 100%;\n      min-height: 180px;\n      padding: var(--aithe-space-5);\n      overflow: auto;\n    }\n\n    .demo-code-shell {\n      display: flex;\n      flex-direction: column;\n      min-width: 0;\n      max-width: 100%;\n      gap: var(--aithe-space-2);\n    }\n\n    .demo-code-header {\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: var(--aithe-space-3);\n    }\n\n    .demo-code-label {\n      font-size: var(--aithe-font-size-sm);\n      font-weight: var(--aithe-font-weight-semibold);\n      color: var(--aithe-color-text-muted);\n    }\n\n    .demo-reset-btn {\n      min-height: 36px;\n      padding: 0 var(--aithe-space-3);\n      border: 1px solid var(--aithe-color-border);\n      border-radius: var(--aithe-radius-md);\n      background: var(--aithe-color-surface);\n      color: var(--aithe-color-text);\n      cursor: pointer;\n      font-size: var(--aithe-font-size-sm);\n    }\n\n    .demo-reset-btn:hover {\n      background: var(--aithe-color-bg-subtle);\n    }\n\n    .demo-editor {\n      display: block;\n      width: 100%;\n      min-width: 0;\n      max-width: 100%;\n      min-height: 220px;\n      padding: var(--aithe-space-4);\n      border: 1px solid var(--aithe-color-border);\n      border-radius: var(--aithe-radius-xl);\n      background: #09111f;\n      color: #edf4ff;\n      font: 13px/1.6 var(--aithe-font-family-mono);\n      overflow-x: auto;\n      resize: vertical;\n    }\n\n    .demo-error {\n      padding: var(--aithe-space-3) var(--aithe-space-4);\n      border-top: 1px solid var(--aithe-color-border);\n      background: rgba(223, 82, 107, 0.08);\n      color: var(--aithe-danger-7);\n      font-family: var(--aithe-font-family-mono);\n      font-size: var(--aithe-font-size-sm);\n      white-space: pre-wrap;\n    }\n\n    @media (max-width: 768px) {\n      .shell {\n        grid-template-columns: 1fr;\n      }\n\n      .sidebar {\n        position: static;\n        max-height: none;\n      }\n\n      .demo-body {\n        grid-template-columns: 1fr;\n      }\n    }\n  `;\n\n  connectedCallback(): void {\n    super.connectedCallback();\n    if (this.categories.length > 0 && !this.activeCategory) {\n      this.activeCategory = this.categories[0]!.key;\n      if (this.categories[0]!.entries.length > 0) {\n        this.activeEntry = this.categories[0]!.entries[0]!.key;\n      }\n    }\n  }\n\n  private handleContentClick = (event: Event): void => {\n    const target = event.target as HTMLElement;\n    const anchor = target.closest('a');\n    if (!anchor) return;\n\n    const href = anchor.getAttribute('href');\n    if (!href) return;\n\n    if (!href.endsWith('.md')) return;\n\n    event.preventDefault();\n\n    const segments = href.replace(/^\\/+/, '').split('/');\n    const lastTwo = segments.length >= 2 ? segments.slice(-2) : segments;\n    const catDir = lastTwo[0];\n    const filePart = lastTwo[1]?.replace(/\\.md$/, '') ?? lastTwo[0]?.replace(/\\.md$/, '');\n\n    const catMap: Record<string, string> = {\n      basic: 'basic',\n      layout: 'layout',\n      navigation: 'navigation',\n      form: 'form',\n      feedback: 'feedback',\n      data: 'data',\n      display: 'display',\n      progress: 'progress',\n      container: 'container',\n      changelog: 'summary',\n    };\n\n    const catKey = catMap[catDir ?? ''];\n    if (!catKey || !filePart) return;\n\n    for (const cat of this.categories) {\n      if (cat.key !== catKey) continue;\n      for (const entry of cat.entries) {\n        if (entry.key === `${catKey}-${filePart}`) {\n          this.selectEntry(catKey, entry.key);\n          return;\n        }\n      }\n    }\n  };\n\n  private get currentEntry(): DocEntry | undefined {\n    for (const cat of this.categories) {\n      for (const entry of cat.entries) {\n        if (entry.key === this.activeEntry) {\n          return entry;\n        }\n      }\n    }\n    return undefined;\n  }\n\n  private get currentHtml(): string {\n    return this.currentEntry?.html ?? '';\n  }\n\n  private selectEntry(catKey: string, entryKey: string): void {\n    this.activeCategory = catKey;\n    this.activeEntry = entryKey;\n  }\n\n  @query('.demo-preview') private demoPreview?: HTMLElement;\n\n  private demoDebounceTimer?: ReturnType<typeof setTimeout>;\n\n  protected willUpdate(changed: Map<string, unknown>): void {\n    if (changed.has('activeEntry')) {\n      const entry = this.currentEntry;\n      this.demoSource = entry?.demoCode ?? '';\n      this.demoError = '';\n    }\n  }\n\n  protected updated(changed: Map<string, unknown>): void {\n    if ((changed.has('demoSource') || changed.has('activeEntry')) && this.demoPreview) {\n      this.scheduleDemoRender();\n    }\n  }\n\n  private scheduleDemoRender(): void {\n    clearTimeout(this.demoDebounceTimer);\n    this.demoDebounceTimer = setTimeout(() => this.renderDemoPreview(), 300);\n  }\n\n  private renderDemoPreview(): void {\n    if (!this.demoPreview) return;\n    const entry = this.currentEntry;\n    if (!entry?.demoCode) return;\n    try {\n      this.demoPreview.innerHTML = this.demoSource;\n      entry.demoSetup?.(this.demoPreview);\n      this.demoError = '';\n    } catch (error) {\n      this.demoError = error instanceof Error ? error.stack || error.message : String(error);\n    }\n  }\n\n  render() {\n    const entry = this.currentEntry;\n    const currentHtml = entry?.html ?? '';\n    const hasDemo = !!entry?.demoCode;\n\n    return html`\n      <div class=\"shell\">\n        <aside class=\"sidebar\">\n          ${this.categories.map(\n            (cat) => html`\n              <div class=\"cat-title\">${cat.label}</div>\n              ${cat.entries.map(\n                (entry) => html`\n                  <button\n                    class=${`entry-btn ${this.activeEntry === entry.key ? 'active' : ''}`}\n                    type=\"button\"\n                    @click=${() => this.selectEntry(cat.key, entry.key)}\n                  >\n                    ${entry.label}\n                  </button>\n                `,\n              )}\n            `,\n          )}\n        </aside>\n\n        <main class=\"content\">\n          ${currentHtml\n            ? html`\n                <div .innerHTML=${currentHtml} @click=${this.handleContentClick}></div>\n                ${hasDemo\n                  ? html`\n                      <div class=\"demo-section\">\n                        <div class=\"demo-section-title\">Demo / 示例演示</div>\n                        <div class=\"demo-body\">\n                          <div class=\"demo-preview-shell\">\n                            <div\n                              class=\"demo-preview\"\n                              style=${entry?.previewHeight\n                                ? `min-height:${entry.previewHeight}`\n                                : ''}\n                            ></div>\n                            ${this.demoError\n                              ? html`<div class=\"demo-error\">${this.demoError}</div>`\n                              : ''}\n                          </div>\n                          <div class=\"demo-code-shell\">\n                            <div class=\"demo-code-header\">\n                              <span class=\"demo-code-label\">Code</span>\n                              <button\n                                class=\"demo-reset-btn\"\n                                type=\"button\"\n                                @click=${() => {\n                                  this.demoSource = entry?.demoCode ?? '';\n                                }}\n                              >\n                                Reset\n                              </button>\n                            </div>\n                            <textarea\n                              class=\"demo-editor\"\n                              .value=${this.demoSource}\n                              spellcheck=\"false\"\n                              @input=${(event: Event) => {\n                                this.demoSource = (event.currentTarget as HTMLTextAreaElement).value;\n                              }}\n                            ></textarea>\n                          </div>\n                        </div>\n                      </div>\n                    `\n                  : ''}\n              `\n            : html`<div class=\"empty\">Select a component from the sidebar to view its API documentation.</div>`}\n        </main>\n      </div>\n    `;\n  }\n}","import type { DocEntry } from './docs-viewer';\n\nconst animatedSvg = encodeURIComponent(`\n  <svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 960 540\">\n    <defs>\n      <linearGradient id=\"g\" x1=\"0\" x2=\"1\" y1=\"0\" y2=\"1\">\n        <stop stop-color=\"#1d4ed8\"/>\n        <stop offset=\"1\" stop-color=\"#0f172a\"/>\n      </linearGradient>\n    </defs>\n    <rect width=\"960\" height=\"540\" fill=\"url(#g)\"/>\n    <circle cx=\"180\" cy=\"160\" r=\"110\" fill=\"rgba(255,255,255,0.1)\"/>\n    <circle cx=\"760\" cy=\"360\" r=\"150\" fill=\"rgba(96,165,250,0.18)\"/>\n    <text x=\"80\" y=\"300\" fill=\"#eff6ff\" font-family=\"Arial\" font-size=\"72\" font-weight=\"700\">Aithe UI</text>\n    <text x=\"82\" y=\"360\" fill=\"#cbd5e1\" font-family=\"Arial\" font-size=\"28\">Enterprise Design System</text>\n  </svg>\n`);\n\nconst demoMap: Record<string, Pick<DocEntry, 'demoCode' | 'demoSetup' | 'previewHeight'> | undefined> = {\n  'basic-button': {\n    demoCode: `<aithe-space size=\"16\" direction=\"horizontal\" wrap>\n  <aithe-button type=\"primary\" title=\"Submit form\">Primary Action</aithe-button>\n  <aithe-button type=\"default\" title=\"Default action\">Default</aithe-button>\n  <aithe-button type=\"dashed\">Dashed</aithe-button>\n  <aithe-button type=\"text\">Text</aithe-button>\n  <aithe-button type=\"link\">Link</aithe-button>\n  <aithe-button type=\"primary\" loading>Generating</aithe-button>\n  <aithe-button type=\"primary\" danger>Delete</aithe-button>\n</aithe-space>`,\n  },\n  'basic-button-group': {\n    demoCode: `<aithe-button-group gap=\"12\">\n  <aithe-button type=\"default\">Cancel</aithe-button>\n  <aithe-button type=\"primary\">Save Workspace</aithe-button>\n</aithe-button-group>`,\n  },\n  'basic-icon': {\n    demoCode: `<style>\n  .icon-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:8px;}\n  .icon-cell{display:flex;flex-direction:column;align-items:center;gap:4px;padding:8px 4px;border:1px solid var(--aithe-color-border);border-radius:8px;background:var(--aithe-color-surface);cursor:default;transition:background .15s;}\n  .icon-cell:hover{background:var(--aithe-color-bg-subtle);}\n  .icon-name{font-size:11px;color:var(--aithe-color-text-muted);font-family:var(--aithe-font-family-mono);word-break:break-all;text-align:center;line-height:1.3;}\n</style>\n<div class=\"icon-grid\">\n  <div class=\"icon-cell\"><aithe-icon name=\"sparkles\" size=\"20\"></aithe-icon><span class=\"icon-name\">sparkles</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"close\" size=\"20\"></aithe-icon><span class=\"icon-name\">close</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"check\" size=\"20\"></aithe-icon><span class=\"icon-name\">check</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"info\" size=\"20\"></aithe-icon><span class=\"icon-name\">info</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"warning\" size=\"20\"></aithe-icon><span class=\"icon-name\">warning</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"image\" size=\"20\"></aithe-icon><span class=\"icon-name\">image</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"search\" size=\"20\"></aithe-icon><span class=\"icon-name\">search</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"plus\" size=\"20\"></aithe-icon><span class=\"icon-name\">plus</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"minus\" size=\"20\"></aithe-icon><span class=\"icon-name\">minus</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"menu\" size=\"20\"></aithe-icon><span class=\"icon-name\">menu</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"more\" size=\"20\"></aithe-icon><span class=\"icon-name\">more</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"settings\" size=\"20\"></aithe-icon><span class=\"icon-name\">settings</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"home\" size=\"20\"></aithe-icon><span class=\"icon-name\">home</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"star\" size=\"20\"></aithe-icon><span class=\"icon-name\">star</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"heart\" size=\"20\"></aithe-icon><span class=\"icon-name\">heart</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"copy\" size=\"20\"></aithe-icon><span class=\"icon-name\">copy</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"download\" size=\"20\"></aithe-icon><span class=\"icon-name\">download</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"upload\" size=\"20\"></aithe-icon><span class=\"icon-name\">upload</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"share\" size=\"20\"></aithe-icon><span class=\"icon-name\">share</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"link\" size=\"20\"></aithe-icon><span class=\"icon-name\">link</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"external\" size=\"20\"></aithe-icon><span class=\"icon-name\">external</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"refresh\" size=\"20\"></aithe-icon><span class=\"icon-name\">refresh</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"edit\" size=\"20\"></aithe-icon><span class=\"icon-name\">edit</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"trash\" size=\"20\"></aithe-icon><span class=\"icon-name\">trash</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"filter\" size=\"20\"></aithe-icon><span class=\"icon-name\">filter</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"sort\" size=\"20\"></aithe-icon><span class=\"icon-name\">sort</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"lock\" size=\"20\"></aithe-icon><span class=\"icon-name\">lock</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"unlock\" size=\"20\"></aithe-icon><span class=\"icon-name\">unlock</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"eye\" size=\"20\"></aithe-icon><span class=\"icon-name\">eye</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"eyeOff\" size=\"20\"></aithe-icon><span class=\"icon-name\">eyeOff</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"clock\" size=\"20\"></aithe-icon><span class=\"icon-name\">clock</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"calendar\" size=\"20\"></aithe-icon><span class=\"icon-name\">calendar</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"pin\" size=\"20\"></aithe-icon><span class=\"icon-name\">pin</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"flag\" size=\"20\"></aithe-icon><span class=\"icon-name\">flag</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"bookmark\" size=\"20\"></aithe-icon><span class=\"icon-name\">bookmark</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"paperclip\" size=\"20\"></aithe-icon><span class=\"icon-name\">paperclip</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"tag\" size=\"20\"></aithe-icon><span class=\"icon-name\">tag</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"thumbUp\" size=\"20\"></aithe-icon><span class=\"icon-name\">thumbUp</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"thumbDown\" size=\"20\"></aithe-icon><span class=\"icon-name\">thumbDown</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"arrowUp\" size=\"20\"></aithe-icon><span class=\"icon-name\">arrowUp</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"arrowDown\" size=\"20\"></aithe-icon><span class=\"icon-name\">arrowDown</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"arrowLeft\" size=\"20\"></aithe-icon><span class=\"icon-name\">arrowLeft</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"arrowRight\" size=\"20\"></aithe-icon><span class=\"icon-name\">arrowRight</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"chevronUp\" size=\"20\"></aithe-icon><span class=\"icon-name\">chevronUp</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"chevronDown\" size=\"20\"></aithe-icon><span class=\"icon-name\">chevronDown</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"chevronLeft\" size=\"20\"></aithe-icon><span class=\"icon-name\">chevronLeft</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"chevronRight\" size=\"20\"></aithe-icon><span class=\"icon-name\">chevronRight</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"expand\" size=\"20\"></aithe-icon><span class=\"icon-name\">expand</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"collapse\" size=\"20\"></aithe-icon><span class=\"icon-name\">collapse</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"success\" size=\"20\" color=\"var(--aithe-success-6)\"></aithe-icon><span class=\"icon-name\">success</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"error\" size=\"20\" color=\"var(--aithe-danger-6)\"></aithe-icon><span class=\"icon-name\">error</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"question\" size=\"20\" color=\"var(--aithe-primary-6)\"></aithe-icon><span class=\"icon-name\">question</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"play\" size=\"20\"></aithe-icon><span class=\"icon-name\">play</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"pause\" size=\"20\"></aithe-icon><span class=\"icon-name\">pause</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"volume\" size=\"20\"></aithe-icon><span class=\"icon-name\">volume</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"mute\" size=\"20\"></aithe-icon><span class=\"icon-name\">mute</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"camera\" size=\"20\"></aithe-icon><span class=\"icon-name\">camera</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"video\" size=\"20\"></aithe-icon><span class=\"icon-name\">video</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"music\" size=\"20\"></aithe-icon><span class=\"icon-name\">music</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"mail\" size=\"20\"></aithe-icon><span class=\"icon-name\">mail</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"bell\" size=\"20\"></aithe-icon><span class=\"icon-name\">bell</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"chat\" size=\"20\"></aithe-icon><span class=\"icon-name\">chat</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"phone\" size=\"20\"></aithe-icon><span class=\"icon-name\">phone</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"barChart\" size=\"20\"></aithe-icon><span class=\"icon-name\">barChart</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"pieChart\" size=\"20\"></aithe-icon><span class=\"icon-name\">pieChart</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"database\" size=\"20\"></aithe-icon><span class=\"icon-name\">database</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"code\" size=\"20\"></aithe-icon><span class=\"icon-name\">code</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"terminal\" size=\"20\"></aithe-icon><span class=\"icon-name\">terminal</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"file\" size=\"20\"></aithe-icon><span class=\"icon-name\">file</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"folder\" size=\"20\"></aithe-icon><span class=\"icon-name\">folder</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"grid\" size=\"20\"></aithe-icon><span class=\"icon-name\">grid</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"list\" size=\"20\"></aithe-icon><span class=\"icon-name\">list</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"sidebar\" size=\"20\"></aithe-icon><span class=\"icon-name\">sidebar</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"maximize\" size=\"20\"></aithe-icon><span class=\"icon-name\">maximize</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"minimize\" size=\"20\"></aithe-icon><span class=\"icon-name\">minimize</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"user\" size=\"20\"></aithe-icon><span class=\"icon-name\">user</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"users\" size=\"20\"></aithe-icon><span class=\"icon-name\">users</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"sun\" size=\"20\"></aithe-icon><span class=\"icon-name\">sun</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"moon\" size=\"20\"></aithe-icon><span class=\"icon-name\">moon</span></div>\n  <div class=\"icon-cell\"><aithe-icon name=\"cloud\" size=\"20\"></aithe-icon><span class=\"icon-name\">cloud</span></div>\n</div>\n<div style=\"display:flex;gap:16px;align-items:center;margin-top:16px;\">\n  <aithe-icon name=\"sparkles\" size=\"sm\"></aithe-icon><span style=\"font-size:12px;color:var(--aithe-color-text-muted);\">sm</span>\n  <aithe-icon name=\"sparkles\" size=\"md\"></aithe-icon><span style=\"font-size:12px;color:var(--aithe-color-text-muted);\">md</span>\n  <aithe-icon name=\"sparkles\" size=\"lg\"></aithe-icon><span style=\"font-size:12px;color:var(--aithe-color-text-muted);\">lg</span>\n  <aithe-icon name=\"sparkles\" size=\"32px\" color=\"var(--aithe-primary-6)\"></aithe-icon><span style=\"font-size:12px;color:var(--aithe-color-text-muted);\">32px</span>\n</div>`,\n    previewHeight: '520px',\n  },\n  'basic-input': {\n    demoCode: `<div style=\"display:grid;gap:16px;max-width:720px;\">\n  <aithe-input placeholder=\"Search agents, prompts or datasets\" clearable value=\"Aithe UI\">\n    <span slot=\"prefix\">⌕</span>\n    <span slot=\"suffix\">⌘K</span>\n  </aithe-input>\n  <aithe-input type=\"email\" placeholder=\"owner@company.com\" status=\"success\"></aithe-input>\n</div>`,\n  },\n  'basic-textarea': {\n    demoCode: `<aithe-textarea rows=\"4\" placeholder=\"Describe the system message...\"></aithe-textarea>`,\n  },\n  'basic-card': {\n    demoCode: `<aithe-space direction=\"vertical\" size=\"16\">\n  <aithe-card style=\"display:block;max-width:720px;\" shadow=\"3\" title=\"Model Output Summary\" icon=\"sparkles\">\n    <div style=\"display:grid;gap:12px;\">\n      <p style=\"margin:0;color:var(--aithe-color-text-muted);\">\n        This card uses the design token system and supports fluid content width.\n      </p>\n    </div>\n    <span slot=\"footer\">Updated just now</span>\n  </aithe-card>\n  <aithe-card style=\"display:block;max-width:720px;\" shadow=\"2\" title=\"No Dividers\" icon=\"file-text\" divider=\"none\">\n    <p style=\"margin:0;\">divider=\"none\" — no lines between sections.</p>\n    <span slot=\"footer\">Footer without divider</span>\n  </aithe-card>\n</aithe-space>`,\n  },\n  'basic-badge': {\n    demoCode: `<aithe-badge count=\"128\">\n  <aithe-button type=\"default\">Queued Jobs</aithe-button>\n</aithe-badge>`,\n  },\n  'basic-tag': {\n    demoCode: `<aithe-space size=\"12\" direction=\"horizontal\" wrap>\n  <aithe-tag type=\"primary\">Inference</aithe-tag>\n  <aithe-tag type=\"success\">Stable</aithe-tag>\n  <aithe-tag type=\"warning\" closable>Reviewing</aithe-tag>\n  <aithe-tag type=\"danger\">Critical</aithe-tag>\n</aithe-space>`,\n  },\n  'basic-avatar': {\n    demoCode: `<aithe-space size=\"12\" direction=\"horizontal\">\n  <aithe-avatar text=\"AI\"></aithe-avatar>\n  <aithe-avatar shape=\"square\" text=\"ML\"></aithe-avatar>\n  <aithe-avatar size=\"lg\" text=\"SYS\"></aithe-avatar>\n</aithe-space>`,\n  },\n  'basic-divider': {\n    demoCode: `<div style=\"display:grid;gap:20px;max-width:720px;\">\n  <aithe-divider>System Modules</aithe-divider>\n  <div style=\"display:flex;gap:16px;align-items:center;\">\n    <span>Retrieval</span>\n    <aithe-divider direction=\"vertical\"></aithe-divider>\n    <span>Reasoning</span>\n    <aithe-divider direction=\"vertical\"></aithe-divider>\n    <span>Delivery</span>\n  </div>\n</div>`,\n  },\n  'basic-empty': {\n    demoCode: `<aithe-empty text=\"No generated artifacts yet. Start by creating a workflow.\"></aithe-empty>`,\n    previewHeight: '220px',\n  },\n  'basic-chip': {\n    demoCode: `<aithe-space size=\"12\" direction=\"horizontal\" wrap>\n  <aithe-chip selected>Realtime</aithe-chip>\n  <aithe-chip closable>Vision</aithe-chip>\n</aithe-space>`,\n  },\n\n  'layout-container': {\n    demoCode: `<aithe-container direction=\"column\" gap=\"16\">\n  <aithe-flex justify=\"space-between\" align=\"center\" gap=\"16\">\n    <div style=\"font-weight:600;\">Aithe Workspace</div>\n    <aithe-space size=\"8\" direction=\"horizontal\">\n      <aithe-tag>US-East</aithe-tag>\n      <aithe-tag type=\"success\">Healthy</aithe-tag>\n    </aithe-space>\n  </aithe-flex>\n  <aithe-space size=\"12\" direction=\"vertical\">\n    <aithe-card>Prompt Registry</aithe-card>\n    <aithe-card>Model Routing</aithe-card>\n    <aithe-card>Guardrails</aithe-card>\n  </aithe-space>\n</aithe-container>`,\n  },\n  'layout-row': {\n    demoCode: `<aithe-row gutter=\"16\">\n  <aithe-col span=\"12\"><aithe-card>Span 12</aithe-card></aithe-col>\n  <aithe-col span=\"12\"><aithe-card>Span 12</aithe-card></aithe-col>\n  <aithe-col span=\"8\"><aithe-card>Span 8</aithe-card></aithe-col>\n  <aithe-col span=\"8\"><aithe-card>Span 8</aithe-card></aithe-col>\n  <aithe-col span=\"8\"><aithe-card>Span 8</aithe-card></aithe-col>\n</aithe-row>`,\n  },\n  'layout-col': {\n    demoCode: `<aithe-row gutter=\"16\">\n  <aithe-col span=\"12\"><aithe-card>Span 12</aithe-card></aithe-col>\n  <aithe-col span=\"12\"><aithe-card>Span 12</aithe-card></aithe-col>\n</aithe-row>`,\n  },\n  'layout-flex': {\n    demoCode: `<aithe-flex justify=\"space-between\" align=\"center\" gap=\"16\">\n  <div style=\"font-weight:600;\">Aithe Workspace</div>\n  <aithe-space size=\"8\" direction=\"horizontal\">\n    <aithe-tag>US-East</aithe-tag>\n    <aithe-tag type=\"success\">Healthy</aithe-tag>\n  </aithe-space>\n</aithe-flex>`,\n  },\n  'layout-space': {\n    demoCode: `<aithe-space size=\"12\" direction=\"vertical\">\n  <aithe-card>Prompt Registry</aithe-card>\n  <aithe-card>Model Routing</aithe-card>\n  <aithe-card>Guardrails</aithe-card>\n</aithe-space>`,\n  },\n  'layout-page-container': {\n    demoCode: `<aithe-page-container title=\"Operations Center\">\n  <div style=\"display:grid;gap:12px;\">\n    <aithe-card>Traffic Overview</aithe-card>\n    <aithe-card>Deployment Tasks</aithe-card>\n  </div>\n</aithe-page-container>`,\n  },\n  'layout-page': {\n    demoCode: `<aithe-page-container title=\"Operations Center\">\n  <div style=\"display:grid;gap:12px;\">\n    <aithe-card>Traffic Overview</aithe-card>\n    <aithe-card>Deployment Tasks</aithe-card>\n  </div>\n</aithe-page-container>`,\n  },\n  'layout-collapse': {\n    demoCode: `<aithe-collapse active-key=\"api\">\n  <aithe-collapse-item name=\"api\" title=\"API Design\" icon=\"settings\">Stable, event-based and theme-driven.</aithe-collapse-item>\n  <aithe-collapse-item name=\"theme\" title=\"Theme System\" icon=\"star\">4 official themes and unlimited extensions.</aithe-collapse-item>\n</aithe-collapse>`,\n    previewHeight: '320px',\n  },\n  'layout-collapse-item': {\n    demoCode: `<aithe-collapse active-key=\"api\">\n  <aithe-collapse-item name=\"api\" title=\"API Design\" icon=\"settings\">Stable, event-based and theme-driven.</aithe-collapse-item>\n  <aithe-collapse-item name=\"theme\" title=\"Theme System\" icon=\"star\">4 official themes and unlimited extensions.</aithe-collapse-item>\n</aithe-collapse>`,\n    previewHeight: '320px',\n  },\n  'layout-timeline': {\n    demoCode: `<aithe-timeline>\n  <aithe-timeline-item type=\"primary\" timestamp=\"09:00\">Design tokens published</aithe-timeline-item>\n  <aithe-timeline-item type=\"success\" timestamp=\"11:30\">Demo routing completed</aithe-timeline-item>\n  <aithe-timeline-item type=\"warning\" timestamp=\"15:20\">Accessibility audit pending</aithe-timeline-item>\n</aithe-timeline>`,\n    previewHeight: '320px',\n  },\n  'layout-timeline-item': {\n    demoCode: `<aithe-timeline>\n  <aithe-timeline-item type=\"primary\" timestamp=\"09:00\">Design tokens published</aithe-timeline-item>\n  <aithe-timeline-item type=\"success\" timestamp=\"11:30\">Demo routing completed</aithe-timeline-item>\n</aithe-timeline>`,\n    previewHeight: '320px',\n  },\n  'layout-affix': {\n    demoCode: `<div class=\"affix-scroll\" style=\"height:280px;overflow:auto;border:1px solid var(--aithe-color-border);border-radius:20px;padding:16px;background:var(--aithe-color-surface-elevated);\">\n  <aithe-affix offset-top=\"16\" target=\".affix-scroll\">\n    <aithe-tag type=\"primary\">Pinned Summary</aithe-tag>\n  </aithe-affix>\n  <div style=\"height:560px;padding-top:48px;color:var(--aithe-color-text-muted);\">\n    Scroll this panel to see the summary remain attached near the top edge.\n  </div>\n</div>`,\n    previewHeight: '320px',\n  },\n\n  'nav-menu': {\n    demoCode: `<aithe-menu active=\"overview\" style=\"max-width:280px;\">\n  <aithe-menu-item name=\"overview\">Overview</aithe-menu-item>\n  <aithe-sub-menu name=\"assets\" title=\"Assets\" icon=\"star\" open>\n    <aithe-menu-item name=\"library\">Component Library</aithe-menu-item>\n    <aithe-menu-item name=\"tokens\">Design Tokens</aithe-menu-item>\n  </aithe-sub-menu>\n  <aithe-menu-item name=\"governance\">Governance</aithe-menu-item>\n</aithe-menu>`,\n    previewHeight: '260px',\n  },\n  'nav-menu-item': {\n    demoCode: `<aithe-menu active=\"overview\" style=\"max-width:280px;\">\n  <aithe-menu-item name=\"overview\">Overview</aithe-menu-item>\n  <aithe-menu-item name=\"governance\">Governance</aithe-menu-item>\n</aithe-menu>`,\n    previewHeight: '260px',\n  },\n  'nav-sub-menu': {\n    demoCode: `<aithe-menu active=\"library\" style=\"max-width:280px;\">\n  <aithe-sub-menu name=\"assets\" title=\"Assets\" icon=\"star\" open>\n    <aithe-menu-item name=\"library\">Component Library</aithe-menu-item>\n    <aithe-menu-item name=\"tokens\">Design Tokens</aithe-menu-item>\n  </aithe-sub-menu>\n</aithe-menu>`,\n    previewHeight: '260px',\n  },\n  'nav-breadcrumb': {\n    demoCode: `<aithe-breadcrumb separator=\"/\">\n  <aithe-breadcrumb-item href=\"#\">Workspace</aithe-breadcrumb-item>\n  <aithe-breadcrumb-item href=\"#\">Aithe UI</aithe-breadcrumb-item>\n  <aithe-breadcrumb-item>Release Candidate</aithe-breadcrumb-item>\n</aithe-breadcrumb>`,\n  },\n  'nav-breadcrumb-item': {\n    demoCode: `<aithe-breadcrumb separator=\"/\">\n  <aithe-breadcrumb-item href=\"#\">Workspace</aithe-breadcrumb-item>\n  <aithe-breadcrumb-item>Current Page</aithe-breadcrumb-item>\n</aithe-breadcrumb>`,\n  },\n  'nav-steps': {\n    demoCode: `<aithe-steps\n  current=\"1\"\n  items='[\n    {\"title\":\"Define\",\"description\":\"Prompt and token system\"},\n    {\"title\":\"Implement\",\"description\":\"Components and demo\"},\n    {\"title\":\"Release\",\"description\":\"QA and package publish\"}\n  ]'\n></aithe-steps>`,\n    previewHeight: '220px',\n  },\n  'nav-back-top': {\n    demoCode: `<div class=\"backtop-scroll\" style=\"position:relative;height:280px;overflow:auto;border:1px solid var(--aithe-color-border);border-radius:20px;padding:16px;background:var(--aithe-color-surface-elevated);\">\n  <aithe-back-top target=\".backtop-scroll\" visibility-height=\"80\"></aithe-back-top>\n  <div style=\"height:720px;color:var(--aithe-color-text-muted);\">\n    This block intentionally creates vertical overflow inside the preview region.\n  </div>\n</div>`,\n    previewHeight: '320px',\n  },\n\n  'form-checkbox': {\n    demoCode: `<aithe-checkbox-group value='[\"components\"]'>\n  <aithe-checkbox value=\"design\">Design Tokens</aithe-checkbox>\n  <aithe-checkbox value=\"components\">Components</aithe-checkbox>\n  <aithe-checkbox value=\"docs\">Docs</aithe-checkbox>\n</aithe-checkbox-group>`,\n  },\n  'form-checkbox-group': {\n    demoCode: `<aithe-checkbox-group value='[\"components\"]'>\n  <aithe-checkbox value=\"design\">Design Tokens</aithe-checkbox>\n  <aithe-checkbox value=\"components\">Components</aithe-checkbox>\n  <aithe-checkbox value=\"docs\">Docs</aithe-checkbox>\n</aithe-checkbox-group>`,\n  },\n  'form-radio': {\n    demoCode: `<aithe-radio-group value=\"beta\">\n  <aithe-radio value=\"alpha\">Alpha</aithe-radio>\n  <aithe-radio value=\"beta\">Beta</aithe-radio>\n  <aithe-radio value=\"ga\">GA</aithe-radio>\n</aithe-radio-group>`,\n  },\n  'form-radio-group': {\n    demoCode: `<aithe-radio-group value=\"beta\">\n  <aithe-radio value=\"alpha\">Alpha</aithe-radio>\n  <aithe-radio value=\"beta\">Beta</aithe-radio>\n  <aithe-radio value=\"ga\">GA</aithe-radio>\n</aithe-radio-group>`,\n  },\n  'form-select': {\n    demoCode: `<aithe-select\n  placeholder=\"Choose a model\"\n  clearable\n  searchable\n  options='[{\"label\":\"GPT-5.4\",\"value\":\"gpt-5.4\",\"icon\":\"sparkles\",\"description\":\"Frontier reasoning model\"},{\"label\":\"GPT-5.3 Codex\",\"value\":\"gpt-5.3-codex\",\"icon\":\"code\",\"description\":\"Agentic coding model\"},{\"label\":\"Vision Worker\",\"value\":\"vision-worker\",\"icon\":\"eye\",\"description\":\"Image parsing runtime\",\"style\":\"warning\"}]'\n></aithe-select>`,\n  },\n  'form-switch': {\n    demoCode: `<aithe-switch checked></aithe-switch>`,\n  },\n  'form-color-picker': {\n    demoCode: `<aithe-color-picker alpha></aithe-color-picker>`,\n  },\n  'form-combobox': {\n    demoCode: `<aithe-combobox\n  placeholder=\"Search presets\"\n  options='[{\"label\":\"A/B Test\",\"value\":\"ab-test\",\"icon\":\"barChart\"},{\"label\":\"Assistant Shell\",\"value\":\"assistant-shell\",\"icon\":\"terminal\"},{\"label\":\"Retrieval QA\",\"value\":\"retrieval-qa\",\"icon\":\"search\",\"style\":\"primary\"},{\"label\":\"Workflow Editor\",\"value\":\"workflow-editor\",\"icon\":\"edit\",\"style\":\"warning\"}]'\n></aithe-combobox>`,\n  },\n  'form-date-picker': {\n    demoCode: `<aithe-date-picker value=\"2026-05-08\"></aithe-date-picker>`,\n  },\n  'form-time-picker': {\n    demoCode: `<aithe-time-picker value=\"10:30\"></aithe-time-picker>`,\n  },\n  'form-slider': {\n    demoCode: `<div style=\"display:grid;gap:16px;max-width:360px;\">\n  <aithe-slider value=\"64\"></aithe-slider>\n  <aithe-slider range value=\"24,76\"></aithe-slider>\n</div>`,\n  },\n  'form-rate': {\n    demoCode: `<aithe-rate allow-half value=\"3.5\"></aithe-rate>`,\n  },\n  'form-form': {\n    demoCode: `<aithe-form id=\"demo-form\">\n  <aithe-form-item label=\"Project Name\" required>\n    <aithe-input name=\"projectName\" placeholder=\"Aithe UI\"></aithe-input>\n  </aithe-form-item>\n  <aithe-form-item label=\"Owner Email\" required>\n    <aithe-input name=\"ownerEmail\" type=\"email\" placeholder=\"owner@company.com\"></aithe-input>\n  </aithe-form-item>\n  <aithe-button id=\"demo-submit\" type=\"primary\">Submit Form</aithe-button>\n</aithe-form>`,\n    demoSetup: (root) => {\n      const button = root.querySelector('aithe-button');\n      const form = root.querySelector<HTMLElement>('aithe-form');\n      button?.addEventListener('click', () => {\n        (form as HTMLElement & { validate?: () => boolean }).validate?.();\n        form?.dispatchEvent(new Event('submit', { bubbles: true, cancelable: true }));\n      });\n    },\n    previewHeight: '260px',\n  },\n  'form-form-item': {\n    demoCode: `<aithe-form>\n  <aithe-form-item label=\"Project Name\" required>\n    <aithe-input name=\"projectName\" placeholder=\"Aithe UI\"></aithe-input>\n  </aithe-form-item>\n</aithe-form>`,\n  },\n  'form-upload': {\n    demoCode: `<aithe-upload accept=\".png,.jpg,.svg\">Upload Assets</aithe-upload>`,\n  },\n  'form-transfer': {\n    demoCode: `<aithe-transfer\n  searchable\n  titles='[\"Available Blocks\",\"Enabled Blocks\"]'\n  data='[{\"label\":\"Button\",\"value\":\"button\"},{\"label\":\"Input\",\"value\":\"input\"},{\"label\":\"Modal\",\"value\":\"modal\"},{\"label\":\"Table\",\"value\":\"table\"}]'\n  value='[\"button\",\"modal\"]'\n></aithe-transfer>`,\n    previewHeight: '420px',\n  },\n\n  'fb-dialog': {\n    demoCode: `<div style=\"display:flex;gap:12px;flex-wrap:wrap;\">\n  <aithe-button id=\"open-dialog\" type=\"default\">Open Dialog</aithe-button>\n</div>\n<aithe-dialog id=\"demo-dialog\" title=\"Discard changes?\">This action will remove unsaved prompt edits.</aithe-dialog>`,\n    demoSetup: (root) => {\n      const dialog = root.querySelector<HTMLElement>('#demo-dialog') as HTMLElement & { visible: boolean };\n      root.querySelector('#open-dialog')?.addEventListener('click', () => {\n        dialog.visible = true;\n      });\n    },\n    previewHeight: '240px',\n  },\n  'fb-modal': {\n    demoCode: `<div style=\"display:flex;gap:12px;flex-wrap:wrap;\">\n  <aithe-button id=\"open-modal\" type=\"primary\">Open Modal</aithe-button>\n</div>\n<aithe-modal id=\"demo-modal\" title=\"Aithe Release Notes\">\n  <p style=\"margin:0;color:var(--aithe-color-text-muted);\">The new build ships categorized exports and a live demo site.</p>\n</aithe-modal>`,\n    demoSetup: (root) => {\n      const modal = root.querySelector<HTMLElement>('#demo-modal') as HTMLElement & { open: boolean };\n      root.querySelector('#open-modal')?.addEventListener('click', () => {\n        modal.open = true;\n      });\n    },\n    previewHeight: '240px',\n  },\n  'fb-drawer': {\n    demoCode: `<div style=\"display:flex;gap:12px;flex-wrap:wrap;\">\n  <aithe-button id=\"open-drawer\" type=\"dashed\">Open Drawer</aithe-button>\n</div>\n<aithe-drawer id=\"demo-drawer\" title=\"Workspace Settings\">\n  <p style=\"margin:0;color:var(--aithe-color-text-muted);\">Configure theme, density and deployment defaults.</p>\n</aithe-drawer>`,\n    demoSetup: (root) => {\n      const drawer = root.querySelector<HTMLElement>('#demo-drawer') as HTMLElement & { open: boolean };\n      root.querySelector('#open-drawer')?.addEventListener('click', () => {\n        drawer.open = true;\n      });\n    },\n    previewHeight: '240px',\n  },\n  'fb-tooltip': {\n    demoCode: `<aithe-tooltip content=\"Realtime token usage insights\">\n  <aithe-button type=\"default\">Tooltip</aithe-button>\n</aithe-tooltip>`,\n  },\n  'fb-popover': {\n    demoCode: `<aithe-popover>\n  <aithe-button type=\"default\">Popover</aithe-button>\n  <div slot=\"content\" style=\"display:grid;gap:8px;\">\n    <strong>Assistant Context</strong>\n    <span style=\"color:var(--aithe-color-text-muted);\">Aithe UI keeps tokens and themes isolated.</span>\n  </div>\n</aithe-popover>`,\n  },\n  'fb-dropdown': {\n    demoCode: `<aithe-dropdown\n  items='[{\"label\":\"Open playground\",\"value\":\"playground\",\"icon\":\"play\"},{\"label\":\"Themes\",\"value\":\"themes\",\"icon\":\"palette\",\"children\":[{\"label\":\"Light\",\"value\":\"light\"},{\"label\":\"Dark\",\"value\":\"dark\"},{\"label\":\"Blue\",\"value\":\"blue\"}]},{\"divider\":true,\"label\":\"\",\"value\":\"divider\"},{\"label\":\"Delete workspace\",\"value\":\"delete\",\"icon\":\"trash\",\"style\":\"danger\"}]'\n>\n  <aithe-button type=\"default\">Dropdown</aithe-button>\n</aithe-dropdown>`,\n  },\n  'fb-toast': {\n    demoCode: `<div style=\"display:flex;gap:12px;flex-wrap:wrap;\">\n  <aithe-button id=\"show-toast\" type=\"primary\">Show Toast</aithe-button>\n</div>\n<aithe-toast id=\"demo-toast\" content=\"\" duration=\"1800\"></aithe-toast>`,\n    demoSetup: (root) => {\n      const toast = root.querySelector<HTMLElement>('#demo-toast') as HTMLElement & {\n        content: string;\n        visible: boolean;\n      };\n      root.querySelector('#show-toast')?.addEventListener('click', () => {\n        toast.content = 'Build finished successfully.';\n        toast.visible = true;\n      });\n    },\n    previewHeight: '180px',\n  },\n  'fb-alert': {\n    demoCode: `<aithe-alert type=\"warning\" title=\"Release Candidate\" closable>\n  Accessibility review is still in progress.\n</aithe-alert>`,\n  },\n  'fb-notification': {\n    demoCode: `<div style=\"display:flex;gap:12px;flex-wrap:wrap;\">\n  <aithe-button id=\"show-notice\" type=\"default\">Show Notification</aithe-button>\n</div>\n<aithe-notification id=\"demo-notification\" title=\"Deployment\" content=\"\" duration=\"2200\"></aithe-notification>`,\n    demoSetup: (root) => {\n      const notice = root.querySelector<HTMLElement>('#demo-notification') as HTMLElement & {\n        content: string;\n        open: boolean;\n      };\n      root.querySelector('#show-notice')?.addEventListener('click', () => {\n        notice.content = 'The demo site theme has been synchronized.';\n        notice.open = true;\n      });\n    },\n    previewHeight: '180px',\n  },\n  'fb-loading': {\n    demoCode: `<div style=\"position:relative;min-height:160px;\">\n  <aithe-loading spinning tip=\"Rebuilding component registry...\">\n    <aithe-card style=\"display:block;height:160px;\">Content remains mounted below the overlay.</aithe-card>\n  </aithe-loading>\n</div>`,\n    previewHeight: '280px',\n  },\n\n  'data-table': {\n    demoCode: `<aithe-table\n  striped\n  selectable\n  columns='[{\"key\":\"name\",\"title\":\"Module\",\"icon\":\"folder\",\"sortable\":true},{\"key\":\"owner\",\"title\":\"Owner\"},{\"key\":\"status\",\"title\":\"Status\",\"style\":\"success\",\"sortable\":true}]'\n  data='[{\"id\":1,\"name\":\"Theme Engine\",\"owner\":\"Design Systems\",\"status\":\"Ready\"},{\"id\":2,\"name\":\"Component API\",\"owner\":\"Frontend Platform\",\"status\":\"Review\"},{\"id\":3,\"name\":\"Demo Router\",\"owner\":\"Experience Team\",\"status\":\"Ready\"}]'\n></aithe-table>`,\n    previewHeight: '320px',\n  },\n  'data-tabs': {\n    demoCode: `<aithe-tab-group type=\"card\" active-key=\"tokens\">\n  <aithe-tab-pane tab-key=\"tokens\" label=\"Tokens\">Theme tokens and semantic scales.</aithe-tab-pane>\n  <aithe-tab-pane tab-key=\"components\" label=\"Components\">Enterprise-ready component catalog.</aithe-tab-pane>\n  <aithe-tab-pane tab-key=\"demo\" label=\"Demo Site\">Sidebar routing and live editing.</aithe-tab-pane>\n</aithe-tab-group>`,\n    previewHeight: '220px',\n  },\n  'data-tab-pane': {\n    demoCode: `<aithe-tab-group type=\"card\" active-key=\"tokens\">\n  <aithe-tab-pane tab-key=\"tokens\" label=\"Tokens\">Theme tokens and semantic scales.</aithe-tab-pane>\n  <aithe-tab-pane tab-key=\"components\" label=\"Components\">Enterprise-ready component catalog.</aithe-tab-pane>\n</aithe-tab-group>`,\n    previewHeight: '220px',\n  },\n  'data-tree': {\n    demoCode: `<aithe-tree\n  checkable\n  expand-all\n  data='[\n    {\"label\":\"Foundation\",\"value\":\"foundation\",\"icon\":\"folder\",\"children\":[\n      {\"label\":\"Theme\",\"value\":\"theme\",\"icon\":\"palette\",\"style\":\"primary\"},\n      {\"label\":\"Typography\",\"value\":\"typography\",\"icon\":\"edit\"}\n    ]},\n    {\"label\":\"Components\",\"value\":\"components\",\"icon\":\"box\",\"children\":[\n      {\"label\":\"Basic\",\"value\":\"basic\",\"style\":\"success\"},\n      {\"label\":\"Feedback\",\"value\":\"feedback\",\"style\":\"warning\"}\n    ]}\n  ]'\n></aithe-tree>`,\n    previewHeight: '260px',\n  },\n  'data-pagination': {\n    demoCode: `<aithe-pagination total=\"96\" page-size=\"12\" current-page=\"3\"></aithe-pagination>`,\n  },\n\n  'disp-carousel': {\n    demoCode: `<aithe-carousel autoplay interval=\"2400\">\n  <div style=\"height:280px;display:grid;place-items:center;background:linear-gradient(135deg,#dbeafe,#eff6ff);font-size:28px;font-weight:700;\">Launch Faster</div>\n  <div style=\"height:280px;display:grid;place-items:center;background:linear-gradient(135deg,#dcfce7,#f0fdf4);font-size:28px;font-weight:700;\">Theme Everything</div>\n  <div style=\"height:280px;display:grid;place-items:center;background:linear-gradient(135deg,#ede9fe,#faf5ff);font-size:28px;font-weight:700;\">Ship Cross-Framework</div>\n</aithe-carousel>`,\n    previewHeight: '320px',\n  },\n  'disp-comparison': {\n    demoCode: `<aithe-comparison ratio=\"52\">\n  <div slot=\"before\" style=\"height:320px;display:grid;place-items:center;background:#f8fafc;color:#0f172a;font-size:28px;font-weight:700;\">Before</div>\n  <div slot=\"after\" style=\"height:320px;display:grid;place-items:center;background:#0f172a;color:#eff6ff;font-size:28px;font-weight:700;\">After</div>\n</aithe-comparison>`,\n    previewHeight: '360px',\n  },\n  'disp-animated-image': {\n    demoCode: `<aithe-animated-image src=\"data:image/svg+xml;utf8,${animatedSvg}\" speed=\"1.2\"></aithe-animated-image>`,\n    previewHeight: '280px',\n  },\n  'disp-markdown': {\n    demoCode: `<aithe-markdown content=\"# Aithe UI\n\n- Lit + TypeScript + Web Components\n- Multi-theme design tokens\n- Live demo editor\n\n> Enterprise-grade component architecture.\n\n&#96;&#96;&#96;ts\nexport const theme = 'blue';\n&#96;&#96;&#96;\"></aithe-markdown>`,\n    previewHeight: '340px',\n  },\n\n  'prog-bar': {\n    demoCode: `<div style=\"display:grid;gap:16px;max-width:420px;\">\n  <aithe-progress-bar percent=\"42\"></aithe-progress-bar>\n  <aithe-progress-bar percent=\"76\" status=\"success\"></aithe-progress-bar>\n  <aithe-progress-bar percent=\"91\" status=\"danger\"></aithe-progress-bar>\n</div>`,\n  },\n  'prog-ring': {\n    demoCode: `<aithe-progress-ring percent=\"68\" size=\"132\" status=\"warning\"></aithe-progress-ring>`,\n    previewHeight: '180px',\n  },\n  'prog-spinner': {\n    demoCode: `<div style=\"display:flex;gap:16px;align-items:center;\">\n  <aithe-spinner size=\"sm\"></aithe-spinner>\n  <aithe-spinner size=\"md\"></aithe-spinner>\n  <aithe-spinner variant=\"dots\" color=\"var(--aithe-success-6)\"></aithe-spinner>\n</div>`,\n  },\n  'prog-skeleton': {\n    demoCode: `<div style=\"display:grid;gap:16px;\">\n  <aithe-skeleton rows=\"3\"></aithe-skeleton>\n  <aithe-skeleton rows=\"1\" shape=\"circle\"></aithe-skeleton>\n  <aithe-skeleton rows=\"1\" shape=\"rect\"></aithe-skeleton>\n</div>`,\n    previewHeight: '320px',\n  },\n\n  'cont-callout': {\n    demoCode: `<aithe-callout type=\"primary\" title=\"Shipping Note\">\n  Aithe UI components inherit theme changes automatically through CSS variables.\n</aithe-callout>`,\n  },\n  'cont-details': {\n    demoCode: `<aithe-details summary=\"What does the global theme initializer do?\">\n  It registers design tokens, restores the persisted theme and synchronizes the root attribute.\n</aithe-details>`,\n    previewHeight: '200px',\n  },\n  'cont-scroller': {\n    demoCode: `<aithe-scroller height=\"220px\" shadow>\n  <div style=\"height:560px;display:grid;place-items:center;color:var(--aithe-color-text-muted);\">\n    Scroll inside this container to observe edge shadows and themed scrollbars.\n  </div>\n</aithe-scroller>`,\n    previewHeight: '260px',\n  },\n  'cont-split-panel': {\n    demoCode: `<aithe-split-panel value=\"38\">\n  <div slot=\"start\" style=\"height:240px;display:grid;place-items:center;background:var(--aithe-neutral-1);\">Navigator</div>\n  <div slot=\"end\" style=\"height:240px;display:grid;place-items:center;background:var(--aithe-color-surface);\">Editor</div>\n</aithe-split-panel>`,\n    previewHeight: '300px',\n  },\n};\n\nexport function getDemoData(entryKey: string): Pick<DocEntry, 'demoCode' | 'demoSetup' | 'previewHeight'> | undefined {\n  return demoMap[entryKey];\n}","import type { DocCategory, DocEntry } from '../docs-viewer';\nimport { getDemoData } from '../demo-data';\n\nimport { html as summaryHtml } from '../../../docs/api/summary.md';\nimport { html as buttonHtml } from '../../../docs/api/basic/button.md';\nimport { html as buttonGroupHtml } from '../../../docs/api/basic/button-group.md';\nimport { html as iconHtml } from '../../../docs/api/basic/icon.md';\nimport { html as inputHtml } from '../../../docs/api/basic/input.md';\nimport { html as textareaHtml } from '../../../docs/api/basic/textarea.md';\nimport { html as cardHtml } from '../../../docs/api/basic/card.md';\nimport { html as badgeHtml } from '../../../docs/api/basic/badge.md';\nimport { html as tagHtml } from '../../../docs/api/basic/tag.md';\nimport { html as avatarHtml } from '../../../docs/api/basic/avatar.md';\nimport { html as dividerHtml } from '../../../docs/api/basic/divider.md';\nimport { html as emptyHtml } from '../../../docs/api/basic/empty.md';\nimport { html as chipHtml } from '../../../docs/api/basic/chip.md';\n\nimport { html as containerHtml } from '../../../docs/api/layout/container.md';\nimport { html as rowHtml } from '../../../docs/api/layout/row.md';\nimport { html as colHtml } from '../../../docs/api/layout/col.md';\nimport { html as flexHtml } from '../../../docs/api/layout/flex.md';\nimport { html as spaceHtml } from '../../../docs/api/layout/space.md';\nimport { html as pageContainerHtml } from '../../../docs/api/layout/page-container.md';\nimport { html as pageHtml } from '../../../docs/api/layout/page.md';\nimport { html as collapseHtml } from '../../../docs/api/layout/collapse.md';\nimport { html as collapseItemHtml } from '../../../docs/api/layout/collapse-item.md';\nimport { html as timelineHtml } from '../../../docs/api/layout/timeline.md';\nimport { html as timelineItemHtml } from '../../../docs/api/layout/timeline-item.md';\nimport { html as affixHtml } from '../../../docs/api/layout/affix.md';\n\nimport { html as menuHtml } from '../../../docs/api/navigation/menu.md';\nimport { html as menuItemHtml } from '../../../docs/api/navigation/menu-item.md';\nimport { html as subMenuHtml } from '../../../docs/api/navigation/sub-menu.md';\nimport { html as breadcrumbHtml } from '../../../docs/api/navigation/breadcrumb.md';\nimport { html as breadcrumbItemHtml } from '../../../docs/api/navigation/breadcrumb-item.md';\nimport { html as stepsHtml } from '../../../docs/api/navigation/steps.md';\nimport { html as backTopHtml } from '../../../docs/api/navigation/back-top.md';\n\nimport { html as checkboxHtml } from '../../../docs/api/form/checkbox.md';\nimport { html as checkboxGroupHtml } from '../../../docs/api/form/checkbox-group.md';\nimport { html as radioHtml } from '../../../docs/api/form/radio.md';\nimport { html as radioGroupHtml } from '../../../docs/api/form/radio-group.md';\nimport { html as selectHtml } from '../../../docs/api/form/select.md';\nimport { html as switchHtml } from '../../../docs/api/form/switch.md';\nimport { html as colorPickerHtml } from '../../../docs/api/form/color-picker.md';\nimport { html as comboboxHtml } from '../../../docs/api/form/combobox.md';\nimport { html as datePickerHtml } from '../../../docs/api/form/date-picker.md';\nimport { html as timePickerHtml } from '../../../docs/api/form/time-picker.md';\nimport { html as sliderHtml } from '../../../docs/api/form/slider.md';\nimport { html as rateHtml } from '../../../docs/api/form/rate.md';\nimport { html as formHtml } from '../../../docs/api/form/form.md';\nimport { html as formItemHtml } from '../../../docs/api/form/form-item.md';\nimport { html as uploadHtml } from '../../../docs/api/form/upload.md';\nimport { html as transferHtml } from '../../../docs/api/form/transfer.md';\n\nimport { html as dialogHtml } from '../../../docs/api/feedback/dialog.md';\nimport { html as modalHtml } from '../../../docs/api/feedback/modal.md';\nimport { html as drawerHtml } from '../../../docs/api/feedback/drawer.md';\nimport { html as tooltipHtml } from '../../../docs/api/feedback/tooltip.md';\nimport { html as popoverHtml } from '../../../docs/api/feedback/popover.md';\nimport { html as dropdownHtml } from '../../../docs/api/feedback/dropdown.md';\nimport { html as toastHtml } from '../../../docs/api/feedback/toast.md';\nimport { html as alertHtml } from '../../../docs/api/feedback/alert.md';\nimport { html as notificationHtml } from '../../../docs/api/feedback/notification.md';\nimport { html as loadingHtml } from '../../../docs/api/feedback/loading.md';\n\nimport { html as tableHtml } from '../../../docs/api/data/table.md';\nimport { html as tabsHtml } from '../../../docs/api/data/tabs.md';\nimport { html as tabPaneHtml } from '../../../docs/api/data/tab-pane.md';\nimport { html as treeHtml } from '../../../docs/api/data/tree.md';\nimport { html as paginationHtml } from '../../../docs/api/data/pagination.md';\n\nimport { html as carouselHtml } from '../../../docs/api/display/carousel.md';\nimport { html as comparisonHtml } from '../../../docs/api/display/comparison.md';\nimport { html as animatedImageHtml } from '../../../docs/api/display/animated-image.md';\nimport { html as markdownHtml } from '../../../docs/api/display/markdown.md';\n\nimport { html as progressBarHtml } from '../../../docs/api/progress/progress-bar.md';\nimport { html as progressRingHtml } from '../../../docs/api/progress/progress-ring.md';\nimport { html as spinnerHtml } from '../../../docs/api/progress/spinner.md';\nimport { html as skeletonHtml } from '../../../docs/api/progress/skeleton.md';\n\nimport { html as calloutHtml } from '../../../docs/api/container/callout.md';\nimport { html as detailsHtml } from '../../../docs/api/container/details.md';\nimport { html as scrollerHtml } from '../../../docs/api/container/scroller.md';\nimport { html as splitPanelHtml } from '../../../docs/api/container/split-panel.md';\n\nconst docCategories: DocCategory[] = [\n  {\n    key: 'summary',\n    label: 'Overview',\n    entries: [\n      { key: 'summary', label: 'API Summary', html: summaryHtml }\n    ],\n  },\n  {\n    key: 'basic',\n    label: 'Basic',\n    entries: [\n      { key: 'basic-button', label: 'Button', html: buttonHtml },\n      { key: 'basic-button-group', label: 'Button Group', html: buttonGroupHtml },\n      { key: 'basic-icon', label: 'Icon', html: iconHtml },\n      { key: 'basic-input', label: 'Input', html: inputHtml },\n      { key: 'basic-textarea', label: 'Textarea', html: textareaHtml },\n      { key: 'basic-card', label: 'Card', html: cardHtml },\n      { key: 'basic-badge', label: 'Badge', html: badgeHtml },\n      { key: 'basic-tag', label: 'Tag', html: tagHtml },\n      { key: 'basic-avatar', label: 'Avatar', html: avatarHtml },\n      { key: 'basic-divider', label: 'Divider', html: dividerHtml },\n      { key: 'basic-empty', label: 'Empty', html: emptyHtml },\n      { key: 'basic-chip', label: 'Chip', html: chipHtml },\n    ],\n  },\n  {\n    key: 'layout',\n    label: 'Layout',\n    entries: [\n      { key: 'layout-container', label: 'Container', html: containerHtml },\n      { key: 'layout-row', label: 'Row', html: rowHtml },\n      { key: 'layout-col', label: 'Col', html: colHtml },\n      { key: 'layout-flex', label: 'Flex', html: flexHtml },\n      { key: 'layout-space', label: 'Space', html: spaceHtml },\n      { key: 'layout-page-container', label: 'Page Container', html: pageContainerHtml },\n      { key: 'layout-page', label: 'Page', html: pageHtml },\n      { key: 'layout-collapse', label: 'Collapse', html: collapseHtml },\n      { key: 'layout-collapse-item', label: 'Collapse Item', html: collapseItemHtml },\n      { key: 'layout-timeline', label: 'Timeline', html: timelineHtml },\n      { key: 'layout-timeline-item', label: 'Timeline Item', html: timelineItemHtml },\n      { key: 'layout-affix', label: 'Affix', html: affixHtml },\n    ],\n  },\n  {\n    key: 'navigation',\n    label: 'Navigation',\n    entries: [\n      { key: 'nav-menu', label: 'Menu', html: menuHtml },\n      { key: 'nav-menu-item', label: 'Menu Item', html: menuItemHtml },\n      { key: 'nav-sub-menu', label: 'Sub Menu', html: subMenuHtml },\n      { key: 'nav-breadcrumb', label: 'Breadcrumb', html: breadcrumbHtml },\n      { key: 'nav-breadcrumb-item', label: 'Breadcrumb Item', html: breadcrumbItemHtml },\n      { key: 'nav-steps', label: 'Steps', html: stepsHtml },\n      { key: 'nav-back-top', label: 'Back Top', html: backTopHtml },\n    ],\n  },\n  {\n    key: 'form',\n    label: 'Form',\n    entries: [\n      { key: 'form-checkbox', label: 'Checkbox', html: checkboxHtml },\n      { key: 'form-checkbox-group', label: 'Checkbox Group', html: checkboxGroupHtml },\n      { key: 'form-radio', label: 'Radio', html: radioHtml },\n      { key: 'form-radio-group', label: 'Radio Group', html: radioGroupHtml },\n      { key: 'form-select', label: 'Select', html: selectHtml },\n      { key: 'form-switch', label: 'Switch', html: switchHtml },\n      { key: 'form-color-picker', label: 'Color Picker', html: colorPickerHtml },\n      { key: 'form-combobox', label: 'Combobox', html: comboboxHtml },\n      { key: 'form-date-picker', label: 'Date Picker', html: datePickerHtml },\n      { key: 'form-time-picker', label: 'Time Picker', html: timePickerHtml },\n      { key: 'form-slider', label: 'Slider', html: sliderHtml },\n      { key: 'form-rate', label: 'Rate', html: rateHtml },\n      { key: 'form-form', label: 'Form', html: formHtml },\n      { key: 'form-form-item', label: 'Form Item', html: formItemHtml },\n      { key: 'form-upload', label: 'Upload', html: uploadHtml },\n      { key: 'form-transfer', label: 'Transfer', html: transferHtml },\n    ],\n  },\n  {\n    key: 'feedback',\n    label: 'Feedback',\n    entries: [\n      { key: 'fb-dialog', label: 'Dialog', html: dialogHtml },\n      { key: 'fb-modal', label: 'Modal', html: modalHtml },\n      { key: 'fb-drawer', label: 'Drawer', html: drawerHtml },\n      { key: 'fb-tooltip', label: 'Tooltip', html: tooltipHtml },\n      { key: 'fb-popover', label: 'Popover', html: popoverHtml },\n      { key: 'fb-dropdown', label: 'Dropdown', html: dropdownHtml },\n      { key: 'fb-toast', label: 'Toast', html: toastHtml },\n      { key: 'fb-alert', label: 'Alert', html: alertHtml },\n      { key: 'fb-notification', label: 'Notification', html: notificationHtml },\n      { key: 'fb-loading', label: 'Loading', html: loadingHtml },\n    ],\n  },\n  {\n    key: 'data',\n    label: 'Data',\n    entries: [\n      { key: 'data-table', label: 'Table', html: tableHtml },\n      { key: 'data-tabs', label: 'Tabs', html: tabsHtml },\n      { key: 'data-tab-pane', label: 'Tab Pane', html: tabPaneHtml },\n      { key: 'data-tree', label: 'Tree', html: treeHtml },\n      { key: 'data-pagination', label: 'Pagination', html: paginationHtml },\n    ],\n  },\n  {\n    key: 'display',\n    label: 'Display',\n    entries: [\n      { key: 'disp-carousel', label: 'Carousel', html: carouselHtml },\n      { key: 'disp-comparison', label: 'Comparison', html: comparisonHtml },\n      { key: 'disp-animated-image', label: 'Animated Image', html: animatedImageHtml },\n      { key: 'disp-markdown', label: 'Markdown', html: markdownHtml },\n    ],\n  },\n  {\n    key: 'progress',\n    label: 'Progress',\n    entries: [\n      { key: 'prog-bar', label: 'Progress Bar', html: progressBarHtml },\n      { key: 'prog-ring', label: 'Progress Ring', html: progressRingHtml },\n      { key: 'prog-spinner', label: 'Spinner', html: spinnerHtml },\n      { key: 'prog-skeleton', label: 'Skeleton', html: skeletonHtml },\n    ],\n  },\n  {\n    key: 'container',\n    label: 'Container',\n    entries: [\n      { key: 'cont-callout', label: 'Callout', html: calloutHtml },\n      { key: 'cont-details', label: 'Details', html: detailsHtml },\n      { key: 'cont-scroller', label: 'Scroller', html: scrollerHtml },\n      { key: 'cont-split-panel', label: 'Split Panel', html: splitPanelHtml },\n    ],\n  },\n];\n\nfunction enrichWithDemo(entries: DocEntry[]): DocEntry[] {\n  return entries.map((entry) => {\n    const demo = getDemoData(entry.key);\n    if (!demo) return entry;\n    return { ...entry, ...demo };\n  });\n}\n\ndocCategories.forEach((cat) => {\n  cat.entries = enrichWithDemo(cat.entries);\n});\n\nexport { docCategories };","import { LitElement, css, html } from 'lit';\nimport { customElement, state } from 'lit/decorators.js';\n\nimport '../../src/index';\nimport { getAitheTheme, initializeAitheUI, setAitheTheme } from '../../src/global';\nimport './docs-viewer';\nimport { docCategories } from './pages/docs';\n\ninitializeAitheUI();\n\nconst themes = ['light', 'dark', 'gray', 'blue'] as const;\n\n@customElement('aithe-api-app')\nexport class AitheApiApp extends LitElement {\n  @state() private theme = getAitheTheme();\n\n  static readonly styles = css`\n    :host {\n      display: block;\n      min-height: 100vh;\n      background:\n        radial-gradient(circle at top right, rgba(77, 141, 255, 0.12), transparent 26%),\n        var(--aithe-color-bg-subtle);\n      color: var(--aithe-color-text);\n      font-family: var(--aithe-font-family);\n    }\n\n    .shell {\n      display: grid;\n      grid-template-rows: auto 1fr;\n      min-height: 100vh;\n    }\n\n    .topbar {\n      position: sticky;\n      top: 0;\n      z-index: 5;\n      display: flex;\n      align-items: center;\n      justify-content: space-between;\n      gap: var(--aithe-space-4);\n      padding: var(--aithe-space-4) var(--aithe-space-6);\n      border-bottom: 1px solid var(--aithe-color-border);\n      background: color-mix(in srgb, var(--aithe-color-surface-elevated) 84%, transparent);\n      backdrop-filter: blur(18px);\n    }\n\n    .brand {\n      display: grid;\n      gap: 4px;\n    }\n\n    .name {\n      font-size: var(--aithe-font-size-xl);\n      font-weight: var(--aithe-font-weight-bold);\n      letter-spacing: 0.02em;\n    }\n\n    .meta {\n      color: var(--aithe-color-text-muted);\n      font-size: var(--aithe-font-size-sm);\n    }\n\n    .topbar-actions {\n      display: flex;\n      align-items: center;\n      gap: var(--aithe-space-3);\n    }\n\n    .action-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--aithe-space-2);\n      min-height: 34px;\n      padding: 0 var(--aithe-space-3);\n      border: 1px solid var(--aithe-color-border);\n      border-radius: var(--aithe-radius-full);\n      background: var(--aithe-color-surface);\n      color: var(--aithe-color-text);\n      cursor: pointer;\n      font-size: var(--aithe-font-size-sm);\n      transition: border-color 0.15s, background 0.15s;\n    }\n\n    .action-btn:hover {\n      border-color: var(--aithe-primary-6);\n    }\n\n    .link-btn {\n      display: inline-flex;\n      align-items: center;\n      gap: var(--aithe-space-2);\n      min-height: 34px;\n      padding: 0 var(--aithe-space-3);\n      border: 1px solid var(--aithe-color-border);\n      border-radius: var(--aithe-radius-full);\n      background: var(--aithe-color-surface);\n      color: var(--aithe-color-text);\n      cursor: pointer;\n      font-size: var(--aithe-font-size-sm);\n      text-decoration: none;\n      transition: border-color 0.15s, background 0.15s;\n    }\n\n    .link-btn:hover {\n      border-color: var(--aithe-primary-6);\n      color: var(--aithe-primary-6);\n    }\n\n    .action-btn .dot {\n      width: 14px;\n      height: 14px;\n      border-radius: var(--aithe-radius-full);\n      background: var(--aithe-primary-6);\n    }\n\n    .docs-page {\n      width: min(1600px, calc(100vw - 48px));\n      margin: 0 auto;\n      padding: var(--aithe-space-6) 0;\n    }\n  `;\n\n  private changeTheme(theme: (typeof themes)[number]): void {\n    setAitheTheme(theme);\n    this.theme = getAitheTheme();\n  }\n\n  render() {\n    const themeColors: Record<string, string> = {\n      light: '#f5f5f5',\n      dark: '#1a1a2e',\n      gray: '#8c8c8c',\n      blue: '#4d8dff',\n    };\n\n    const themeItems = themes.map((t) => ({\n      value: t,\n      label: t.charAt(0).toUpperCase() + t.slice(1),\n      icon: html`<span style=\"display:inline-block;width:12px;height:12px;border-radius:50%;background:${themeColors[t]};border:1px solid rgba(0,0,0,0.15);\"></span>`,\n    }));\n\n    return html`\n      <div class=\"shell\">\n        <header class=\"topbar\">\n          <div class=\"brand\">\n            <div class=\"name\">Aithe UI API Docs</div>\n            <div class=\"meta\">Lit + TypeScript + Web Components enterprise design system</div>\n          </div>\n          <div class=\"topbar-actions\">\n            <a class=\"link-btn\" href=\"/apps/demo/index.html\">\n              Demo\n            </a>\n            <aithe-dropdown\n              .items=${themeItems}\n              placement=\"bottom-end\"\n              @aithe-select=${(event: CustomEvent<{ value: string }>) => {\n                this.changeTheme(event.detail.value as (typeof themes)[number]);\n              }}\n            >\n              <button class=\"action-btn\" type=\"button\">\n                <span class=\"dot\"></span>\n                ${this.theme.charAt(0).toUpperCase() + this.theme.slice(1)}\n              </button>\n            </aithe-dropdown>\n          </div>\n        </header>\n\n        <div class=\"docs-page\">\n          <aithe-docs-viewer .categories=${docCategories}></aithe-docs-viewer>\n        </div>\n      </div>\n    `;\n  }\n}"],"names":["AitheDocsViewer","LitElement","event","anchor","href","segments","lastTwo","catDir","filePart","_a","_b","catKey","cat","entry","entryKey","changed","error","currentHtml","hasDemo","html","css","__decorateClass","property","state","query","customElement","animatedSvg","demoMap","root","button","form","dialog","modal","drawer","toast","notice","getDemoData","docCategories","summaryHtml","buttonHtml","buttonGroupHtml","iconHtml","inputHtml","textareaHtml","cardHtml","badgeHtml","tagHtml","avatarHtml","dividerHtml","emptyHtml","chipHtml","containerHtml","rowHtml","colHtml","flexHtml","spaceHtml","pageContainerHtml","pageHtml","collapseHtml","collapseItemHtml","timelineHtml","timelineItemHtml","affixHtml","menuHtml","menuItemHtml","subMenuHtml","breadcrumbHtml","breadcrumbItemHtml","stepsHtml","backTopHtml","checkboxHtml","checkboxGroupHtml","radioHtml","radioGroupHtml","selectHtml","switchHtml","colorPickerHtml","comboboxHtml","datePickerHtml","timePickerHtml","sliderHtml","rateHtml","formHtml","formItemHtml","uploadHtml","transferHtml","dialogHtml","modalHtml","drawerHtml","tooltipHtml","popoverHtml","dropdownHtml","toastHtml","alertHtml","notificationHtml","loadingHtml","tableHtml","tabsHtml","tabPaneHtml","treeHtml","paginationHtml","carouselHtml","comparisonHtml","animatedImageHtml","markdownHtml","progressBarHtml","progressRingHtml","spinnerHtml","skeletonHtml","calloutHtml","detailsHtml","scrollerHtml","splitPanelHtml","enrichWithDemo","entries","demo","initializeAitheUI","themes","AitheApiApp","getAitheTheme","theme","setAitheTheme","themeColors","themeItems","t"],"mappings":"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;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA;AAAAA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;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;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"}

package/dist/src/base/aithe-element.d.ts

@@ -0,0 +1,59 @@
+import { LitElement } from 'lit';
+/**
+ * Minimal shared base element for all Aithe UI components.
+ * 所有 Aithe UI 组件的最小共享基元素。
+ *
+ * Provides common reactive properties (`variant`, `size`, `theme`, `disabled`),
+ * an `emit()` helper for composed custom events, theme resolution, and
+ * focus-trapping utilities.
+ * 提供通用响应式属性（`variant`、`size`、`theme`、`disabled`）、
+ * 组合自定义事件的 `emit()` 辅助方法、主题解析和焦点陷阱工具。
+ */
+export declare class AitheElement extends LitElement {
+    /** Visual variant. Default: `default`. 视觉变体，默认 `default`。 */
+    variant: string;
+    /** Shared size scale. Default: `md`. 共享尺寸规格，默认 `md`。 */
+    size: string;
+    /** Optional local theme override. 可选的本地主题覆盖。 */
+    theme: string;
+    /** Disabled state. Default: `false`. 禁用状态，默认 `false`。 */
+    disabled: boolean;
+    /**
+     * Register the default theme on first instantiation.
+     * 在首次实例化时注册默认主题。
+     */
+    constructor();
+    /**
+     * Emits a composed custom event with standard Aithe defaults.
+     * 使用 Aithe 默认值发出组合自定义事件。
+     *
+     * @param type   - Event type string. 事件类型字符串。
+     * @param detail - Optional payload attached to the event. 附带在事件上的可选载荷。
+     */
+    emit(type: string, detail?: unknown): void;
+    /**
+     * Final resolved theme name (local override → closest themed ancestor → global).
+     * 最终解析的主题名称（本地覆盖 → 最近带主题祖先 → 全局）。
+     */
+    get computedTheme(): string;
+    connectedCallback(): void;
+    /**
+     * Focus the first focusable child inside the render root.
+     * 聚焦渲染根中的第一个可聚焦子元素。
+     *
+     * @param root - Scope to search within. Defaults to `this.renderRoot`. 搜索范围，默认为 `this.renderRoot`。
+     */
+    protected focusFirst(root?: ParentNode): void;
+    /**
+     * Trap Tab focus within a root container (shift+Tab wraps to last, Tab wraps to first).
+     * 在根容器内捕获 Tab 焦点（shift+Tab 跳到最后，Tab 跳到第一个）。
+     *
+     * @param event - The keyboard event. 键盘事件。
+     * @param root  - Scope to trap within. Defaults to `this.renderRoot`. 捕获范围，默认为 `this.renderRoot`。
+     */
+    protected trapFocus(event: KeyboardEvent, root?: ParentNode): void;
+    /** Sync `aria-disabled` and `data-aithe-theme` on attribute changes. 在属性变化时同步 `aria-disabled` 和 `data-aithe-theme`。 */
+    private syncBaseA11yState;
+    attributeChangedCallback(name: string, oldValue: string | null, newValue: string | null): void;
+}
+//# sourceMappingURL=aithe-element.d.ts.map

package/dist/src/base/aithe-element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"aithe-element.d.ts","sourceRoot":"","sources":["../../../src/base/aithe-element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AAWjC;;;;;;;;;GASG;AACH,qBAAa,YAAa,SAAQ,UAAU;IAC1C,6DAA6D;IACjC,OAAO,SAAa;IAEhD,wDAAwD;IAC5B,IAAI,SAAQ;IAExC,gDAAgD;IACpB,KAAK,SAAM;IAEvC,yDAAyD;IACb,QAAQ,UAAS;IAE7D;;;OAGG;;IAMH;;;;;;OAMG;IACH,IAAI,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,CAAC,EAAE,OAAO,GAAG,IAAI;IAI1C;;;OAGG;IACH,IAAI,aAAa,IAAI,MAAM,CAE1B;IAEQ,iBAAiB,IAAI,IAAI;IAKlC;;;;;OAKG;IACH,SAAS,CAAC,UAAU,CAAC,IAAI,GAAE,UAA4B,GAAG,IAAI;IAI9D;;;;;;OAMG;IACH,SAAS,CAAC,SAAS,CAAC,KAAK,EAAE,aAAa,EAAE,IAAI,GAAE,UAA4B,GAAG,IAAI;IA0BnF,uHAAuH;IACvH,OAAO,CAAC,iBAAiB;IAYhB,wBAAwB,CAC/B,IAAI,EAAE,MAAM,EACZ,QAAQ,EAAE,MAAM,GAAG,IAAI,EACvB,QAAQ,EAAE,MAAM,GAAG,IAAI,GACtB,IAAI;CAIR"}

package/dist/src/components/basic/avatar.d.ts

@@ -0,0 +1,31 @@
+import { AitheElement } from '../../core/aithe-element';
+/**
+ * Avatar displaying an image, initials, or custom content.
+ * 头像组件，显示图片、首字母或自定义内容。
+ *
+ * @slot - Default slot for fallback content when image fails. 图片加载失败时的后备内容。
+ * @example
+ * ```html
+ * <aithe-avatar src="/photo.jpg" alt="User" shape="circle" size="md"></aithe-avatar>
+ * <aithe-avatar text="Jane Smith" shape="square" size="lg"></aithe-avatar>
+ * ```
+ */
+export declare class AitheAvatar extends AitheElement {
+    /** Image source URL. 图片源地址。 */
+    src: string;
+    /** Alt text for the image. 图片替代文本。 */
+    alt: string;
+    /** Text used to generate initials fallback. 用于生成首字母后备显示的文本。 */
+    text: string;
+    /** Avatar shape variant. 头像形状。 */
+    shape: 'circle' | 'square';
+    /** Avatar size preset. 头像尺寸预设。 */
+    size: 'sm' | 'md' | 'lg';
+    /** Whether the image failed to load. 图片是否加载失败。 */
+    private imageBroken;
+    static readonly styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    /** Extracts up to two initials from the text property. 从 text 属性提取最多两个首字母。 */
+    private get fallbackText();
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=avatar.d.ts.map

package/dist/src/components/basic/avatar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../../src/components/basic/avatar.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIxD;;;;;;;;;;GAUG;AACH,qBACa,WAAY,SAAQ,YAAY;IAC3C,+BAA+B;IACH,GAAG,SAAM;IACrC,sCAAsC;IACV,GAAG,SAAM;IACrC,+DAA+D;IACnC,IAAI,SAAM;IACtC,kCAAkC;IACN,KAAK,EAAE,QAAQ,GAAG,QAAQ,CAAY;IAClE,kCAAkC;IACN,IAAI,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAQ;IAE5D,kDAAkD;IACzC,OAAO,CAAC,WAAW,CAAS;IAErC,MAAM,CAAC,QAAQ,CAAC,MAAM,0DAmDpB;IAEF,8EAA8E;IAC9E,OAAO,KAAK,YAAY,GAQvB;IAED,MAAM;CAuBP"}

package/dist/src/components/basic/badge.d.ts

@@ -0,0 +1,33 @@
+import { AitheElement } from '../../core/aithe-element';
+/**
+ * Badge / count indicator overlaid on an anchor element.
+ * 徽标/计数指示器，覆盖在锚点元素上。
+ *
+ * @slot - Default slot for the anchor element. 锚点元素内容。
+ * @slot badge - Custom badge content (overrides `value` display). 自定义徽标内容。
+ * @example
+ * ```html
+ * <aithe-badge value="5">
+ *   <aithe-button type="default">Messages</aithe-button>
+ * </aithe-badge>
+ * ```
+ */
+export declare class AitheBadge extends AitheElement {
+    /** Badge display value (number or string). 徽标显示值（数字或字符串）。 */
+    value: string;
+    /** Maximum count before showing "N+" format. 超过此数值显示"N+"格式。 */
+    maxCount: number;
+    /** Whether to show a small dot instead of a count. 是否显示小圆点而非数字。 */
+    dot: boolean;
+    /** Badge position relative to the anchor. 徽标相对于锚点的位置。 */
+    position: 'top-right' | 'top-left' | 'bottom-right' | 'bottom-left';
+    private readonly badgeSlotNodes;
+    private hasBadgeSlot;
+    static readonly styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    /** Syncs badge slot presence state. 同步徽标插槽状态。 */
+    private readonly syncSlot;
+    /** Computes the formatted badge display value. 计算格式化后的徽标显示值。 */
+    private get displayValue();
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=badge.d.ts.map

package/dist/src/components/basic/badge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../../src/components/basic/badge.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD;;;;;;;;;;;;GAYG;AACH,qBACa,UAAW,SAAQ,YAAY;IAC1C,6DAA6D;IACjC,KAAK,SAAM;IACvC,+DAA+D;IACX,QAAQ,SAAM;IAClE,mEAAmE;IACtC,GAAG,UAAS;IACzC,yDAAyD;IAC7B,QAAQ,EAAE,WAAW,GAAG,UAAU,GAAG,cAAc,GAAG,aAAa,CACjF;IAE4B,OAAO,CAAC,QAAQ,CAAC,cAAc,CAAiB;IACjF,OAAO,CAAC,YAAY,CAAS;IAEtC,MAAM,CAAC,QAAQ,CAAC,MAAM,0DA6DpB;IAEF,iDAAiD;IACjD,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAEvB;IAEF,gEAAgE;IAChE,OAAO,KAAK,YAAY,GAYvB;IAED,MAAM;CAmBP"}

package/dist/src/components/basic/button-group.d.ts

@@ -0,0 +1,23 @@
+import { AitheElement } from '../../base/aithe-element';
+/**
+ * Button group layout helper for consistent spacing.
+ * 按钮组布局辅助组件，提供统一间距。
+ *
+ * @slot - Default slot for button elements. 按钮元素内容。
+ * @example
+ * ```html
+ * <aithe-button-group gap="var(--aithe-space-3)">
+ *   <aithe-button>Cancel</aithe-button>
+ *   <aithe-button type="primary">Submit</aithe-button>
+ * </aithe-button-group>
+ * ```
+ */
+export declare class AitheButtonGroup extends AitheElement {
+    /** Gap between buttons (CSS value). 按钮间距（CSS 值）。 */
+    gap: string;
+    /** Whether buttons are stacked vertically. 是否垂直排列按钮。 */
+    vertical: boolean;
+    static readonly styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=button-group.d.ts.map

package/dist/src/components/basic/button-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button-group.d.ts","sourceRoot":"","sources":["../../../../src/components/basic/button-group.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAIxD;;;;;;;;;;;;GAYG;AACH,qBACa,gBAAiB,SAAQ,YAAY;IAChD,oDAAoD;IACxB,GAAG,SAA0B;IACzD,wDAAwD;IAC3B,QAAQ,UAAS;IAE9C,MAAM,CAAC,QAAQ,CAAC,MAAM,0DAQpB;IAEF,MAAM;CAkBP"}

package/dist/src/components/basic/button.d.ts

@@ -0,0 +1,44 @@
+import { AitheElement } from '../../core/aithe-element';
+/**
+ * Button component with multiple visual types, sizes, and states.
+ * 按钮组件，支持多种视觉类型、尺寸和状态。
+ *
+ * @slot        - Default slot for button label. 默认插槽，用于按钮标签。
+ * @slot prefix - Icon or content before the label. 标签前的图标或内容。
+ * @slot suffix - Icon or content after the label. 标签后的图标或内容。
+ *
+ * @fires aithe-click - Emitted when the button is clicked (not when disabled/loading). 按钮被点击时发出（禁用/加载时不发出）。
+ *
+ * @example
+ * ```html
+ * <aithe-button type="primary" size="medium">Submit</aithe-button>
+ * <aithe-button type="danger" loading>Deleting...</aithe-button>
+ * ```
+ */
+export declare class AitheButton extends AitheElement {
+    /** Visual type of the button. 按钮的视觉类型。 */
+    type: 'primary' | 'default' | 'dashed' | 'text' | 'link';
+    /** Size scale of the button. 按钮的尺寸规格。 */
+    size: 'small' | 'medium' | 'large';
+    /** Display title for the button (shown as tooltip). 按钮的显示标题（作为工具提示）。 */
+    title: string;
+    /** Icon name to display before the label. 在标签前显示的图标名称。 */
+    icon: string;
+    /** Whether the button is disabled. 按钮是否禁用。 */
+    disabled: boolean;
+    /** Whether the button shows a loading spinner. 按钮是否显示加载旋转器。 */
+    loading: boolean;
+    /** Whether the button uses danger styling. 按钮是否使用危险样式。 */
+    danger: boolean;
+    /** Whether the button spans the full width of its container. 按钮是否占满容器宽度。 */
+    block: boolean;
+    static readonly styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    /**
+     * Handle click: prevent interaction when disabled or loading,
+     * then emit `aithe-click` with the original mouse event.
+     * 处理点击：在禁用或加载时阻止交互，然后附带原始鼠标事件发出 `aithe-click`。
+     */
+    private readonly handleClick;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=button.d.ts.map

package/dist/src/components/basic/button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../../src/components/basic/button.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD;;;;;;;;;;;;;;;GAeG;AACH,qBACa,WAAY,SAAQ,YAAY;IAC3C,0CAA0C;IACd,IAAI,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,CAAa;IACjG,yCAAyC;IACb,IAAI,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAY;IAC1E,wEAAwE;IAC5C,KAAK,SAAM;IACvC,0DAA0D;IAC9B,IAAI,SAAM;IACtC,8CAA8C;IACF,QAAQ,UAAS;IAC7D,+DAA+D;IACnB,OAAO,UAAS;IAC5D,0DAA0D;IACd,MAAM,UAAS;IAC3D,4EAA4E;IAChC,KAAK,UAAS;IAE1D,MAAM,CAAC,QAAQ,CAAC,MAAM,0DAgJpB;IAEF;;;;OAIG;IACH,OAAO,CAAC,QAAQ,CAAC,WAAW,CAQ1B;IAEF,MAAM;CAmCP"}

package/dist/src/components/basic/card.d.ts

@@ -0,0 +1,38 @@
+import { AitheElement } from '../../core/aithe-element';
+/**
+ * Card container with header, body, and footer sections.
+ * 卡片容器，包含标题、正文和底部区域。
+ *
+ * @slot - Default slot for card body content. 卡片正文内容。
+ * @slot header - Custom header content (overrides title). 自定义头部内容。
+ * @slot footer - Footer action area. 底部操作区域。
+ * @example
+ * ```html
+ * <aithe-card title="Settings" icon="settings" shadow="2">
+ *   <p>Card body content here.</p>
+ *   <slot name="footer"><button>Save</button></slot>
+ * </aithe-card>
+ * ```
+ */
+export declare class AitheCard extends AitheElement {
+    /** Card title text. 卡片标题文本。 */
+    title: string;
+    /** Icon name to display before the title. 在标题前显示的图标名称。 */
+    icon: string;
+    /** Shadow elevation level (0–4). 阴影层级（0–4）。 */
+    shadow: number;
+    /** Padding for the card body section. 卡片正文区域内边距。 */
+    bodyPadding: string;
+    /** Whether to show a border around the card. 是否显示卡片边框。 */
+    bordered: boolean;
+    /** Divider style between sections: 'border' | 'none'. 区域间分割线样式：'border' | 'none'。 */
+    divider: 'border' | 'none';
+    private headerSlotNodes;
+    private footerSlotNodes;
+    private hasHeaderSlot;
+    private hasFooterSlot;
+    static readonly styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    private readonly syncSlots;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=card.d.ts.map

package/dist/src/components/basic/card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../../src/components/basic/card.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD;;;;;;;;;;;;;;GAcG;AACH,qBACa,SAAU,SAAQ,YAAY;IACzC,+BAA+B;IACH,KAAK,SAAM;IACvC,0DAA0D;IAC9B,IAAI,SAAM;IACtC,+CAA+C;IACnB,MAAM,SAAK;IACvC,oDAAoD;IACG,WAAW,SAA2B;IAC7F,0DAA0D;IAC7B,QAAQ,UAAQ;IAC7C,qFAAqF;IACzD,OAAO,EAAE,QAAQ,GAAG,MAAM,CAAY;IAEvB,OAAO,CAAC,eAAe,CAAiB;IACxC,OAAO,CAAC,eAAe,CAAiB;IAE1E,OAAO,CAAC,aAAa,CAAS;IAC9B,OAAO,CAAC,aAAa,CAAS;IAEvC,MAAM,CAAC,QAAQ,CAAC,MAAM,0DA2DpB;IAEF,OAAO,CAAC,QAAQ,CAAC,SAAS,CAGxB;IAEF,MAAM;CA4CP"}

package/dist/src/components/basic/chip.d.ts

@@ -0,0 +1,26 @@
+import { AitheElement } from '../../base/aithe-element';
+/**
+ * Compact selectable chip with optional close button.
+ * 紧凑的可选中芯片，支持可选关闭按钮。
+ *
+ * @slot - Default slot for chip label content. 芯片标签内容。
+ * @fires aithe-select - Emitted when chip selection state changes. 选中状态变更时触发。
+ * @fires aithe-close - Emitted when the close button is clicked. 关闭按钮点击时触发。
+ * @example
+ * ```html
+ * <aithe-chip closable>Filter Tag</aithe-chip>
+ * ```
+ */
+export declare class AitheChip extends AitheElement {
+    /** Whether the chip is selected. 是否选中。 */
+    selected: boolean;
+    /** Whether the chip shows a close button. 是否显示关闭按钮。 */
+    closable: boolean;
+    static readonly styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    /** Toggles the selected state and emits select event. 切换选中状态并触发 select 事件。 */
+    private readonly toggleSelect;
+    /** Handles close button click: emits event, then removes the chip from DOM. 处理关闭按钮点击：触发事件、然后从 DOM 移除芯片。 */
+    private readonly handleClose;
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=chip.d.ts.map

package/dist/src/components/basic/chip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"chip.d.ts","sourceRoot":"","sources":["../../../../src/components/basic/chip.ts"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD;;;;;;;;;;;GAWG;AACH,qBACa,SAAU,SAAQ,YAAY;IACzC,0CAA0C;IACE,QAAQ,UAAS;IAC7D,uDAAuD;IAC1B,QAAQ,UAAS;IAE9C,MAAM,CAAC,QAAQ,CAAC,MAAM,0DAiCpB;IAEF,8EAA8E;IAC9E,OAAO,CAAC,QAAQ,CAAC,YAAY,CAG3B;IAEF,2GAA2G;IAC3G,OAAO,CAAC,QAAQ,CAAC,WAAW,CAI1B;IAEF,MAAM;CAgBP"}

package/dist/src/components/basic/divider.d.ts

@@ -0,0 +1,23 @@
+import { AitheElement } from '../../core/aithe-element';
+/**
+ * Horizontal or vertical divider line with optional label.
+ * 水平或垂直分割线，支持可选标签。
+ *
+ * @slot - Default slot for divider label text (horizontal mode). 分割线标签文本（水平模式）。
+ * @example
+ * ```html
+ * <aithe-divider label="Section"></aithe-divider>
+ * <aithe-divider vertical dashed></aithe-divider>
+ * ```
+ */
+export declare class AitheDivider extends AitheElement {
+    /** Whether the divider renders vertically. 是否垂直渲染分割线。 */
+    vertical: boolean;
+    /** Whether the line style is dashed. 是否使用虚线样式。 */
+    dashed: boolean;
+    /** Center label text for horizontal divider. 水平分割线的居中标签文本。 */
+    label: string;
+    static readonly styles: (import("lit").CSSResult | import("lit").CSSResult[])[];
+    render(): import("lit-html").TemplateResult<1>;
+}
+//# sourceMappingURL=divider.d.ts.map

package/dist/src/components/basic/divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.d.ts","sourceRoot":"","sources":["../../../../src/components/basic/divider.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGxD;;;;;;;;;;GAUG;AACH,qBACa,YAAa,SAAQ,YAAY;IAC5C,yDAAyD;IACb,QAAQ,UAAS;IAC7D,kDAAkD;IACrB,MAAM,UAAS;IAC5C,8DAA8D;IAClC,KAAK,SAAM;IAEvC,MAAM,CAAC,QAAQ,CAAC,MAAM,0DAoDpB;IAEF,MAAM;CA+BP"}