@adia-ai/web-components 0.0.25 → 0.0.27

package/components/app-shell/app-shell.yaml

@@ -1,183 +0,0 @@
-# Edit this file; run `npm run build:components` to regenerate a2ui.json.
-$schema: ../../../../scripts/schemas/component.yaml.schema.json
-name: AdiaAppShell
-tag: app-shell-ui
-component: AppShell
-category: container
-version: 1
-description: |
-  Application shell layout. Holds a leading nav rail, a main column
-  (topbar + scroll area + statusbar), an optional trailing inspector,
-  and an optional command-palette `<dialog>`. The component wires
-  sidebar toggle, sidebar resize, and Cmd+K shortcut on top of the
-  long-lived CSS pattern that already targets `app-shell-ui` as a tag.
-  Children use native HTML semantic elements (`<aside data-sidebar>`,
-  `<main>`, `<header>`, `<section>`, `<footer>`); the existing
-  CSS scopes by tag.
-props:
-  mode:
-    description: |
-      Space-separated list of layout modes. `rounded` adds border-radius
-      to the scroll section; `borderless` removes chrome borders (content
-      borders persist). Pass both for a soft, edgeless shell.
-    type: string
-    default: ""
-    reflect: true
-  leadingCollapsed:
-    description: |
-      Reflects to the leading aside's `[data-collapsed]`. Toggled
-      programmatically (`shell.toggleLeading()`) or via a click on any
-      element with `[data-sidebar-toggle="leading"]` inside the shell.
-    type: boolean
-    default: false
-    attribute: leading-collapsed
-    reflect: true
-  trailingCollapsed:
-    description: |
-      Reflects to the trailing aside's `[data-collapsed]`. Toggled via
-      `shell.toggleTrailing()` or `[data-sidebar-toggle="trailing"]`.
-    type: boolean
-    default: false
-    attribute: trailing-collapsed
-    reflect: true
-  cmdK:
-    description: |
-      Installs a global Cmd+K / Ctrl+K listener that opens the inner
-      `<dialog data-command>` via `showModal()`. No-op when no such
-      dialog is present.
-    type: boolean
-    default: false
-    attribute: cmd-k
-    reflect: true
-  leadingMinWidth:
-    description: Minimum leading-aside width (px) when resizing.
-    type: number
-    default: 48
-    attribute: leading-min-width
-  leadingMaxWidth:
-    description: Maximum leading-aside width (px) when resizing.
-    type: number
-    default: 480
-    attribute: leading-max-width
-  trailingMinWidth:
-    description: Minimum trailing-aside width (px) when resizing.
-    type: number
-    default: 48
-    attribute: trailing-min-width
-  trailingMaxWidth:
-    description: Maximum trailing-aside width (px) when resizing.
-    type: number
-    default: 480
-    attribute: trailing-max-width
-events:
-  sidebar-toggle:
-    description: |
-      Fired after a sidebar's collapsed state flips. Detail:
-      `{ side: 'leading'|'trailing', collapsed: boolean }`.
-  command-open:
-    description: Fired after the command-palette `<dialog>` opens.
-  command-close:
-    description: Fired after the command-palette `<dialog>` closes.
-slots:
-  default:
-    description: |
-      Composes from native HTML children: `<aside data-sidebar="leading">`,
-      `<main>` (with `<header>`, `<section>`, `<footer>` inside),
-      optional `<aside data-sidebar="trailing">`, optional
-      `<dialog data-command>`. The existing pattern CSS scopes each
-      child by tag + attribute; no `slot=` attributes needed.
-states:
-  - name: idle
-    description: Default, ready for interaction.
-  - name: leading-collapsed
-    description: Leading aside collapsed via attribute / API.
-  - name: trailing-collapsed
-    description: Trailing aside collapsed via attribute / API.
-  - name: command-open
-    description: Command-palette dialog is showing.
-traits: []
-tokens: {}
-a2ui:
-  rules: []
-anti_patterns: []
-examples:
-  - name: docs-shell
-    description: Documentation shell — leading nav, topbar with breadcrumb, scroll content, statusbar.
-    a2ui: >-
-      [
-        {
-          "id": "root",
-          "component": "AppShell",
-          "mode": "rounded",
-          "cmdK": true,
-          "children": ["leading", "main", "cmd"]
-        },
-        {
-          "id": "leading",
-          "component": "Aside",
-          "data-sidebar": "leading",
-          "children": ["nav-hdr", "nav-list", "nav-ftr"]
-        },
-        {
-          "id": "nav-hdr",
-          "component": "Header",
-          "children": []
-        },
-        {
-          "id": "nav-list",
-          "component": "Section",
-          "children": []
-        },
-        {
-          "id": "nav-ftr",
-          "component": "Footer",
-          "children": []
-        },
-        {
-          "id": "main",
-          "component": "Column",
-          "children": ["topbar", "scroll", "statusbar"]
-        },
-        {
-          "id": "topbar",
-          "component": "Header",
-          "children": []
-        },
-        {
-          "id": "scroll",
-          "component": "Section",
-          "scroll": true,
-          "children": []
-        },
-        {
-          "id": "statusbar",
-          "component": "Footer",
-          "children": []
-        },
-        {
-          "id": "cmd",
-          "component": "Modal",
-          "data-command": true,
-          "children": []
-        }
-      ]
-keywords:
-  - app-shell
-  - shell
-  - layout
-  - sidebar
-  - topbar
-  - command-palette
-  - cmdK
-  - dashboard-shell
-synonyms: {}
-related:
-  - aside
-  - header
-  - footer
-  - section
-  - drawer
-  - modal
-  - command
-  - app-nav
-  - section-nav