@mhmo91/schmancy 0.10.5 → 0.10.7

package/dist/agent/schmancy.manifest.json

@@ -1,6 +1,6 @@
 {
   "schemaVersion": "1.0.0",
-  "readme": "# Schmancy\n\nA Web Component UI library built on Lit, RxJS, and Tailwind CSS. Surfaces are glass. Depth is light. Interactions are physics.\n\n## Agent runtime\n\nFor sandboxed-iframe agents (Claude Design, Claude Artifacts, any LLM that can\nonly write HTML), schmancy ships a single-URL runtime at `@mhmo91/schmancy/agent`.\nDrop one `<script type=\"module\">` tag and every `<schmancy-*>` element is\nregistered. No bundler, no bare specifiers, no npm install.\n\n```html\n<script type=\"module\">\n  import 'https://esm.sh/@mhmo91/schmancy/agent';\n</script>\n<schmancy-theme root scheme=\"dark\">\n  <schmancy-surface type=\"solid\" fill=\"all\">\n    <schmancy-button>Hi</schmancy-button>\n  </schmancy-surface>\n</schmancy-theme>\n```\n\nThe same entry re-exports the full library surface for in-page script\ncode (`theme`, `area`, `state`, `show`, `lazy`, every directive, every\nservice, `SchmancyElement`). Import from the same URL.\n\nFor introspection — every tag's attributes, events, slots, CSS parts,\nplus the enum `values` array on every typed attribute (so agents don't\nhave to parse `\"'filled' | 'tonal' | ...\"` strings) — read the static\nmanifest at `@mhmo91/schmancy/agent/manifest`. It's a JSON file, shape\nfollows Custom Elements Manifest v1.\n\n## Install\n\n```bash\nnpm install @mhmo91/schmancy\n```\n\n```typescript\nimport '@mhmo91/schmancy'\nimport { magnetic, cursorGlow, gravity } from '@mhmo91/schmancy/directives'\n```\n\n## Use with Claude Code\n\nSchmancy ships a Claude Code plugin (manifest at `.claude-plugin/plugin.json`,\nskill source under `skills/schmancy/`). The npm tarball includes both, so\nafter `npm install @mhmo91/schmancy`, point Claude at the package directory\nwhen launching:\n\n```\nclaude --plugin-dir node_modules/@mhmo91/schmancy\n```\n\nSet a shell alias / `.envrc` so every session in the project picks it up.\nAfter editing plugin files, run `/reload-plugins` inside the session.\n\nClaude now knows every Schmancy component, foundation pattern, and\nconvention; the skill activates automatically when you work on schmancy\ncode — no CLAUDE.md edits, no symlinks.\n\n## Quick Start\n\n```html\n<schmancy-theme root scheme=\"dark\">\n  <schmancy-surface type=\"solid\" fill=\"all\">\n    <schmancy-area name=\"root\" .default=${lazy(() => import('./home.page'))}>\n      <schmancy-route when=\"home-page\" .component=${lazy(() => import('./home.page'))} />\n    </schmancy-area>\n  </schmancy-surface>\n</schmancy-theme>\n```\n\n## Design: Luminous Glass\n\n| Surface | Opacity | Blur | Purpose |\n|---------|---------|------|---------|\n| `solid` | 92% | — | Dense glass, high readability |\n| `subtle` | 78% | 8px | Frosted panel (default) |\n| `glass` | 55% | 16px | Overlays, dialogs, dropdowns |\n| `luminous` | 42% | 20px | Hero panels with glow halo |\n\n## Docs\n\nSchmancy is organized in four layers:\n\n- **Foundations** — [Area](./skills/schmancy/area.md) · [State](./skills/schmancy/state.md) · [Mixins (SchmancyElement)](./skills/schmancy/mixins.md) · [Theme](./skills/schmancy/theme.md) · [Directives](./skills/schmancy/directives.md)\n- **Atoms** — [Typography](./skills/schmancy/typography.md) · [Icons](./skills/schmancy/icons.md) · [Button](./skills/schmancy/button.md) · [Surface](./skills/schmancy/surface.md) · [Divider](./skills/schmancy/divider.md) · [Avatar](./skills/schmancy/avatar.md)\n- **Composites (by job)** — Forms, Navigation, Overlays, Interaction, Feedback, Display\n- **Utilities** — [Animation](./skills/schmancy/animation.md) · [Audio](./skills/schmancy/audio.md) · [Discovery](./skills/schmancy/discovery.md) · [RxJS Utils](./skills/schmancy/rxjs-utils.md) · [Utils](./skills/schmancy/utils.md)\n\n**Full component index:** [skills/schmancy/INDEX.md](./skills/schmancy/INDEX.md) — the single-file map with every tag, service, and convention. Written primarily for AI agents; humans welcome.\n\n## Tech Stack\n\n[Lit](https://lit.dev) · [RxJS](https://rxjs.dev) · [Tailwind CSS v4](https://tailwindcss.com) · [Blackbird](./src/utils/animation.ts)\n\n## License\n\nApache-2.0\n",
+  "readme": "# Schmancy\n\nA Web Component UI library built on Lit, RxJS, and Tailwind CSS. Surfaces are glass. Depth is light. Interactions are physics.\n\n## Agent runtime\n\nFor sandboxed-iframe agents (Claude Design, Claude Artifacts, any LLM that can\nonly write HTML), schmancy ships a single-URL runtime at `@mhmo91/schmancy/agent`.\nDrop one `<script type=\"module\">` tag and every `<schmancy-*>` element is\nregistered. No bundler, no bare specifiers, no npm install.\n\n```html\n<script type=\"module\">\n  import 'https://esm.sh/@mhmo91/schmancy/agent';\n</script>\n<schmancy-theme root scheme=\"dark\">\n  <schmancy-surface type=\"solid\" fill=\"all\">\n    <schmancy-button>Hi</schmancy-button>\n  </schmancy-surface>\n</schmancy-theme>\n```\n\nThe same entry re-exports the full library surface for in-page script\ncode (`theme`, `area`, `state`, `show`, `lazy`, every directive, every\nservice, `SchmancyElement`). Import from the same URL.\n\nFor introspection — every tag's attributes, events, slots, CSS parts,\nplus the enum `values` array on every typed attribute (so agents don't\nhave to parse `\"'filled' | 'tonal' | ...\"` strings) — read the static\nmanifest at `@mhmo91/schmancy/agent/manifest`. It's a JSON file, shape\nfollows Custom Elements Manifest v1.\n\n## Install\n\n```bash\nnpm install @mhmo91/schmancy\n```\n\n```typescript\nimport '@mhmo91/schmancy'\nimport { magnetic, cursorGlow, gravity } from '@mhmo91/schmancy/directives'\n```\n\n## Advanced components — `@mhmo91/schmancy-lab`\n\nReusable-but-opinionated components live in a sibling package: QR scanner,\ncharts, country/timezone selects, map embed. Install separately when you\nneed them. Lab governance (acceptance criterion + quarterly graduation\nclock) lives in [`lab/README.md`](./lab/README.md).\n\n```bash\nnpm install @mhmo91/schmancy @mhmo91/schmancy-lab\n```\n\n## Use with Claude Code\n\nSchmancy ships a Claude Code plugin (manifest at `.claude-plugin/plugin.json`,\nskill source under `skills/schmancy/`). The npm tarball includes both, so\nafter `npm install @mhmo91/schmancy`, point Claude at the package directory\nwhen launching:\n\n```\nclaude --plugin-dir node_modules/@mhmo91/schmancy\n```\n\nSet a shell alias / `.envrc` so every session in the project picks it up.\nAfter editing plugin files, run `/reload-plugins` inside the session.\n\nClaude now knows every Schmancy component, foundation pattern, and\nconvention; the skill activates automatically when you work on schmancy\ncode — no CLAUDE.md edits, no symlinks.\n\n## Quick Start\n\n```html\n<schmancy-theme root scheme=\"dark\">\n  <schmancy-surface type=\"solid\" fill=\"all\">\n    <schmancy-area name=\"root\" .default=${lazy(() => import('./home.page'))}>\n      <schmancy-route when=\"home-page\" .component=${lazy(() => import('./home.page'))} />\n    </schmancy-area>\n  </schmancy-surface>\n</schmancy-theme>\n```\n\n## Design: Luminous Glass\n\n| Surface | Opacity | Blur | Purpose |\n|---------|---------|------|---------|\n| `solid` | 92% | — | Dense glass, high readability |\n| `subtle` | 78% | 8px | Frosted panel (default) |\n| `glass` | 55% | 16px | Overlays, dialogs, dropdowns |\n| `luminous` | 42% | 20px | Hero panels with glow halo |\n\n## Docs\n\nSchmancy is organized in four layers:\n\n- **Foundations** — [Area](./skills/schmancy/area.md) · [State](./skills/schmancy/state.md) · [Mixins (SchmancyElement)](./skills/schmancy/mixins.md) · [Theme](./skills/schmancy/theme.md) · [Directives](./skills/schmancy/directives.md)\n- **Atoms** — [Typography](./skills/schmancy/typography.md) · [Icons](./skills/schmancy/icons.md) · [Button](./skills/schmancy/button.md) · [Surface](./skills/schmancy/surface.md) · [Divider](./skills/schmancy/divider.md) · [Avatar](./skills/schmancy/avatar.md)\n- **Composites (by job)** — Forms, Navigation, Overlays, Interaction, Feedback, Display\n- **Utilities** — [Animation](./skills/schmancy/animation.md) · [Audio](./skills/schmancy/audio.md) · [Discovery](./skills/schmancy/discovery.md) · [RxJS Utils](./skills/schmancy/rxjs-utils.md) · [Utils](./skills/schmancy/utils.md)\n\n**Full component index:** [skills/schmancy/INDEX.md](./skills/schmancy/INDEX.md) — the single-file map with every tag, service, and convention. Written primarily for AI agents; humans welcome.\n\n## Tech Stack\n\n[Lit](https://lit.dev) · [RxJS](https://rxjs.dev) · [Tailwind CSS v4](https://tailwindcss.com) · [Blackbird](./src/utils/animation.ts)\n\n## License\n\nApache-2.0\n",
   "modules": [
     {
       "kind": "javascript-module",
@@ -1009,208 +1009,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "charts/area-chart.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyAreaChart",
-          "tagName": "schmancy-area-chart",
-          "attributes": [
-            {
-              "name": "data",
-              "type": {
-                "text": "ChartDataPoint[]"
-              },
-              "default": "[]",
-              "description": "Chart data points"
-            },
-            {
-              "name": "height",
-              "type": {
-                "text": "number"
-              },
-              "default": "200",
-              "description": "Chart height in pixels"
-            },
-            {
-              "name": "showGrid",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Show grid lines"
-            },
-            {
-              "name": "showLabels",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Show x-axis labels"
-            },
-            {
-              "name": "showTooltip",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Enable tooltips"
-            },
-            {
-              "name": "peakCount",
-              "type": {
-                "text": "number"
-              },
-              "default": "3",
-              "description": "Number of peaks to highlight"
-            },
-            {
-              "name": "animationDuration",
-              "type": {
-                "text": "number"
-              },
-              "default": "800",
-              "description": "Animation duration in milliseconds"
-            },
-            {
-              "name": "animated",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Enable entrance animation"
-            },
-            {
-              "name": "valuePrefix",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Prefix for values (e.g., \"EUR \")"
-            },
-            {
-              "name": "valueSuffix",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Suffix for values (e.g., \"%\")"
-            },
-            {
-              "name": "valueDecimals",
-              "type": {
-                "text": "number"
-              },
-              "default": "2",
-              "description": "Decimal places for value display"
-            },
-            {
-              "name": "theme",
-              "type": {
-                "text": "Partial<ChartTheme>"
-              },
-              "default": "{}",
-              "description": "Theme overrides"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "charts/pills.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyPills",
-          "tagName": "schmancy-pills",
-          "attributes": [
-            {
-              "name": "data",
-              "type": {
-                "text": "PillDataPoint[]"
-              },
-              "default": "[]",
-              "description": "Chart data points"
-            },
-            {
-              "name": "valuePrefix",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Prefix for values (e.g., \"EUR \")"
-            },
-            {
-              "name": "valueSuffix",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Suffix for values (e.g., \"%\")"
-            },
-            {
-              "name": "valueDecimals",
-              "type": {
-                "text": "number"
-              },
-              "default": "2",
-              "description": "Decimal places for value display"
-            },
-            {
-              "name": "showMedals",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Show medals for top 3"
-            },
-            {
-              "name": "showLegend",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Show legend for segments"
-            },
-            {
-              "name": "animationDuration",
-              "type": {
-                "text": "number"
-              },
-              "default": "500",
-              "description": "Animation duration in milliseconds"
-            },
-            {
-              "name": "animated",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Enable entrance animation"
-            },
-            {
-              "name": "labelWidth",
-              "type": {
-                "text": "string"
-              },
-              "default": "'w-14'",
-              "description": "Label column width (Tailwind class)"
-            },
-            {
-              "name": "valueWidth",
-              "type": {
-                "text": "string"
-              },
-              "default": "'w-20'",
-              "description": "Value column width (Tailwind class)"
-            }
-          ]
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "checkbox/checkbox.ts",
@@ -1529,113 +1327,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "code-highlight/code-highlight.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyCode",
-          "tagName": "schmancy-code",
-          "attributes": [
-            {
-              "name": "language",
-              "type": {
-                "text": "string"
-              },
-              "default": "'javascript'",
-              "description": "Programming language for syntax highlighting"
-            },
-            {
-              "name": "code",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Code content to highlight"
-            },
-            {
-              "name": "filename",
-              "type": {
-                "text": "string"
-              },
-              "description": "Optional filename or title to display in header"
-            },
-            {
-              "name": "lineNumbers",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Show line numbers"
-            },
-            {
-              "name": "copyButton",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Show copy button"
-            },
-            {
-              "name": "highlightLines",
-              "type": {
-                "text": "string"
-              },
-              "description": "Highlighted line numbers (comma-separated or ranges like \"1-3,5,7-9\")"
-            },
-            {
-              "name": "maxHeight",
-              "type": {
-                "text": "string"
-              },
-              "description": "Maximum height before scrolling"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "code-highlight/code-preview.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyCodePreview",
-          "tagName": "schmancy-code-preview",
-          "attributes": [
-            {
-              "name": "language",
-              "type": {
-                "text": "string"
-              },
-              "default": "'html'",
-              "description": "Programming language for syntax highlighting"
-            },
-            {
-              "name": "layout",
-              "type": {
-                "text": "\"vertical\" | \"horizontal\""
-              },
-              "values": [
-                "vertical",
-                "horizontal"
-              ],
-              "default": "'vertical'",
-              "description": "Show code on top or side-by-side"
-            },
-            {
-              "name": "preview",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Whether to render/execute the code in preview section When false, only shows the code without rendering"
-            }
-          ]
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "connectivity/connectivity-status.ts",
@@ -3065,554 +2756,84 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "list/list.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "List",
-          "tagName": "schmancy-list",
-          "description": "`<schmancy-list>` component.  A list component that wraps its content within a customizable surface. It allows you to set the surface type and fill style, and can optionally enable scrolling behavior by delegating the scroller attribute to the surface.",
-          "attributes": [
-            {
-              "name": "surface",
-              "type": {
-                "text": "TSurfaceColor"
-              },
-              "values": [
-                "primary",
-                "secondary",
-                "tertiary",
-                "success",
-                "error",
-                "warning",
-                "surface",
-                "outlined",
-                "info",
-                "solid",
-                "subtle",
-                "glass",
-                "luminous",
-                "transparent",
-                "surfaceDim",
-                "surfaceBright",
-                "containerLowest",
-                "containerLow",
-                "container",
-                "containerHigh",
-                "containerHighest",
-                "glassOforim"
-              ],
-              "description": "Defines the type or color of the surface used by the component. This value is provided to descendant components via context."
-            },
-            {
-              "name": "fill",
-              "type": {
-                "text": "SchmancySurfaceFill"
-              },
-              "values": [
-                "auto",
-                "all",
-                "width",
-                "height"
-              ],
-              "default": "'auto'",
-              "description": "Determines the fill style of the underlying surface."
-            },
-            {
-              "name": "elevation",
-              "type": {
-                "text": "0 | 3 | 2 | 1 | 4 | 5"
-              },
-              "default": "0",
-              "description": "Defines the elevation level of the surface."
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "The default slot for list items."
-            }
-          ],
-          "examples": [
-            "<schmancy-list surface=\"container\" scroller>\n  <schmancy-list-item>List Item 1</schmancy-list-item>\n</schmancy-list>"
-          ],
-          "contexts": [
-            {
-              "name": "SchmancyListTypeContext",
-              "kind": "provide"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "mailbox/email-editor.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyEmailEditor",
-          "tagName": "schmancy-email-editor",
-          "description": "Email editor component with rich text formatting and file attachments  Features: - Markdown formatting toolbar - Image upload and insertion - File attachments with drag & drop - Layout templates (columns, sidebars, image rows) - Real-time character/word count",
-          "attributes": [
-            {
-              "name": "subject",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Email subject"
-            },
-            {
-              "name": "body",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Email body content (markdown)"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disable all interactions"
-            },
-            {
-              "name": "attachments",
-              "type": {
-                "text": "EmailAttachment[]"
-              },
-              "default": "[]",
-              "description": "Email attachments"
-            },
-            {
-              "name": "config",
-              "type": {
-                "text": "EmailComposeConfig"
-              },
-              "default": "{}",
-              "description": "Configuration for upload handlers"
-            },
-            {
-              "name": "templates",
-              "type": {
-                "text": "EmailTemplate[]"
-              },
-              "default": "this.getDefaultTemplates()",
-              "description": "Available email templates"
-            }
-          ],
-          "examples": [
-            "<schmancy-email-editor\n  .subject=\"Welcome to our service\"\n  .body=\"Email content...\"\n  @editor-change=${handleChange}\n></schmancy-email-editor>"
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "mailbox/email-layout-selector.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyEmailLayoutSelector",
-          "tagName": "schmancy-email-layout-selector",
-          "description": "Email layout selector component for choosing email templates  Simple horizontal row of 5 layout options using Schmancy components only.",
-          "events": [
-            {
-              "name": "layout-select",
-              "description": "When a layout is selected with {detail: {layout: string}}"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "mailbox/email-recipients.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyEmailRecipients",
-          "tagName": "schmancy-email-recipients",
-          "description": "Email recipients management component with floating boat interface  Features: - Floating boat UI that can be minimized/expanded - CSV import with drag & drop - Multiple import sources (configurable) - Bulk selection and management - Search and filtering - Email validation",
-          "attributes": [
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disable all interactions"
-            },
-            {
-              "name": "recipients",
-              "type": {
-                "text": "string[]"
-              },
-              "default": "[]",
-              "description": "All available recipients"
-            },
-            {
-              "name": "importSources",
-              "type": {
-                "text": "ImportSource[]"
-              },
-              "default": "[]",
-              "description": "Sources users can import recipients from (forwarded from parent)"
-            },
-            {
-              "name": "selectedRecipients",
-              "type": {
-                "text": "string[]"
-              },
-              "default": "[]",
-              "description": "Currently selected recipients"
-            },
-            {
-              "name": "enableCsvImport",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Enable CSV import functionality"
-            },
-            {
-              "name": "enableDragDrop",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Enable drag and drop for files"
-            },
-            {
-              "name": "title",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Recipients'",
-              "description": "Panel title"
-            },
-            {
-              "name": "emptyStateTitle",
-              "type": {
-                "text": "string"
-              },
-              "default": "'No recipients yet'",
-              "description": "Empty state title"
-            },
-            {
-              "name": "emptyStateMessage",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Import from sources or upload a CSV'",
-              "description": "Empty state message"
-            },
-            {
-              "name": "csvParser",
-              "type": {
-                "text": "CSVParser"
-              },
-              "description": "CSV parser function (optional)"
-            }
-          ],
-          "examples": [
-            "<schmancy-email-recipients\n  .recipients=${['user1@example.com', 'user2@example.com']}\n  @emails-imported=${handleEmailsImported}\n></schmancy-email-recipients>"
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "mailbox/email-template-picker.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyEmailTemplatePicker",
-          "tagName": "schmancy-email-template-picker",
-          "description": "Email template picker content component (designed to be opened via `show()`).  Features: - Grid layout for template preview - Search/filter templates - Category filtering - Inline preview with direct selection - Single-click template selection",
-          "attributes": [
-            {
-              "name": "templates",
-              "type": {
-                "text": "EmailTemplate[]"
-              },
-              "default": "[]",
-              "description": "Available templates"
-            }
-          ],
-          "examples": [
-            "import { show } from '@mhmo91/schmancy/overlay'\n\nshow<EmailTemplate>(SchmancyEmailTemplatePicker, { props: { templates } })\n  .pipe(takeUntil(this.disconnecting))\n  .subscribe(template => { if (template) this.applyTemplate(template) })"
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "mailbox/email-viewer.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyEmailViewer",
-          "tagName": "schmancy-email-viewer",
-          "description": "Email viewer component showing formatted HTML and plain text versions  Features: - HTML and plain text preview modes - Email client-compatible styling - Layout parsing (columns, sidebars, image rows) - Markdown to HTML conversion - Attachment display - Email header simulation - Character/word statistics",
-          "attributes": [
-            {
-              "name": "subject",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Email subject"
-            },
-            {
-              "name": "body",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Email body content (markdown)"
-            },
-            {
-              "name": "attachments",
-              "type": {
-                "text": "EmailAttachment[]"
-              },
-              "default": "[]",
-              "description": "Email attachments"
-            },
-            {
-              "name": "recipients",
-              "type": {
-                "text": "string[]"
-              },
-              "default": "[]",
-              "description": "Selected recipients for preview"
-            },
-            {
-              "name": "fromAddress",
-              "type": {
-                "text": "string"
-              },
-              "default": "'sender@example.com'",
-              "description": "From address for preview"
-            },
-            {
-              "name": "toAddress",
-              "type": {
-                "text": "string"
-              },
-              "default": "'recipient@example.com'",
-              "description": "To address for preview (uses first recipient if not provided)"
-            }
-          ],
-          "examples": [
-            "<schmancy-email-viewer\n  subject=\"Welcome!\"\n  body=\"**Hello** world\"\n  .attachments=${attachments}\n  .recipients=${['user@example.com']}\n></schmancy-email-viewer>"
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "mailbox/mailbox.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyMailbox",
-          "tagName": "schmancy-mailbox",
-          "description": "Main mailbox component that orchestrates the entire email composition flow  Features: - Responsive layout with composer and preview panels - Recipients management with floating boat interface - Template selection and content editing - Attachment handling - Email validation and sending",
-          "attributes": [
-            {
-              "name": "config",
-              "type": {
-                "text": "EmailComposeConfig"
-              },
-              "default": "{}",
-              "description": "Configuration for endpoints and handlers"
-            },
-            {
-              "name": "templates",
-              "type": {
-                "text": "EmailTemplate[]"
-              },
-              "default": "[]",
-              "description": "Available email templates"
-            },
-            {
-              "name": "importSources",
-              "type": {
-                "text": "ImportSource[]"
-              },
-              "default": "[]",
-              "description": "Import sources for recipients panel"
-            },
-            {
-              "name": "disabled",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false",
-              "description": "Disable all interactions"
-            },
-            {
-              "name": "recipientsTitle",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Recipients'",
-              "description": "Recipients panel title"
-            },
-            {
-              "name": "recipientsEmptyTitle",
-              "type": {
-                "text": "string"
-              },
-              "default": "'No recipients yet'",
-              "description": "Empty state title for recipients"
-            },
-            {
-              "name": "recipientsEmptyMessage",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Import from sources or upload a CSV'",
-              "description": "Empty state message for recipients"
-            },
-            {
-              "name": "enableCsvImport",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Enable CSV import functionality"
-            },
-            {
-              "name": "enableDragDrop",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Enable drag and drop for files"
-            }
-          ],
-          "examples": [
-            "<schmancy-mailbox\n  .config=${{ sendEndpoint: '/api/send-email' }}\n  .templates=${emailTemplates}\n  .importSources=${recipientSources}\n></schmancy-mailbox>"
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "map/map.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyMap",
-          "tagName": "schmancy-map",
-          "description": "`<schmancy-map>` component  A Google Maps component with an intuitive API for displaying interactive or static maps. Supports both address strings (with automatic geocoding) and precise coordinates.",
-          "attributes": [
-            {
-              "name": "address",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Simple address string that automatically geocodes to display the location. Takes precedence over latitude/longitude if both are provided."
-            },
-            {
-              "name": "latitude",
-              "type": {
-                "text": "number"
-              },
-              "description": "Latitude coordinate for precise location. Used when address is not provided."
-            },
-            {
-              "name": "longitude",
-              "type": {
-                "text": "number"
-              },
-              "description": "Longitude coordinate for precise location. Used when address is not provided."
-            },
-            {
-              "name": "zoom",
-              "type": {
-                "text": "number"
-              },
-              "default": "15",
-              "description": "Map zoom level. Higher numbers show more detail."
-            },
-            {
-              "name": "height",
-              "type": {
-                "text": "string"
-              },
-              "default": "'400px'",
-              "description": "Height of the map with CSS unit (e.g., \"400px\", \"50vh\")."
-            },
-            {
-              "name": "marker",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true",
-              "description": "Whether to show a marker at the location."
-            },
-            {
-              "name": "markerTitle",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Tooltip text for the location marker."
-            },
+    {
+      "kind": "javascript-module",
+      "path": "list/list.ts",
+      "declarations": [
+        {
+          "kind": "class",
+          "name": "List",
+          "tagName": "schmancy-list",
+          "description": "`<schmancy-list>` component.  A list component that wraps its content within a customizable surface. It allows you to set the surface type and fill style, and can optionally enable scrolling behavior by delegating the scroller attribute to the surface.",
+          "attributes": [
             {
-              "name": "type",
+              "name": "surface",
               "type": {
-                "text": "\"roadmap\" | \"satellite\" | \"hybrid\" | \"terrain\""
+                "text": "TSurfaceColor"
               },
               "values": [
-                "roadmap",
-                "satellite",
-                "hybrid",
-                "terrain"
+                "primary",
+                "secondary",
+                "tertiary",
+                "success",
+                "error",
+                "warning",
+                "surface",
+                "outlined",
+                "info",
+                "solid",
+                "subtle",
+                "glass",
+                "luminous",
+                "transparent",
+                "surfaceDim",
+                "surfaceBright",
+                "containerLowest",
+                "containerLow",
+                "container",
+                "containerHigh",
+                "containerHighest",
+                "glassOforim"
               ],
-              "default": "'roadmap'",
-              "description": "Map display type. Options: \"roadmap\", \"satellite\", \"hybrid\", \"terrain\""
+              "description": "Defines the type or color of the surface used by the component. This value is provided to descendant components via context."
             },
             {
-              "name": "interactive",
+              "name": "fill",
               "type": {
-                "text": "boolean"
+                "text": "SchmancySurfaceFill"
               },
-              "default": "true",
-              "description": "Whether users can interact with the map (pan, zoom, click)."
+              "values": [
+                "auto",
+                "all",
+                "width",
+                "height"
+              ],
+              "default": "'auto'",
+              "description": "Determines the fill style of the underlying surface."
             },
             {
-              "name": "controls",
+              "name": "elevation",
               "type": {
-                "text": "boolean"
+                "text": "0 | 1 | 2 | 3 | 4 | 5"
               },
-              "default": "true",
-              "description": "Whether to show map controls (zoom buttons, fullscreen, etc.)."
-            },
+              "default": "0",
+              "description": "Defines the elevation level of the surface."
+            }
+          ],
+          "slots": [
             {
-              "name": "apiKey",
-              "type": {
-                "text": "string"
-              },
-              "default": "''",
-              "description": "Google Maps API key. Required for the map to load."
+              "name": "",
+              "description": "The default slot for list items."
             }
           ],
           "examples": [
-            "<!-- Simple address -->\n<schmancy-map address=\"Times Square, New York\"></schmancy-map>",
-            "<!-- With coordinates -->\n<schmancy-map latitude=\"40.758\" longitude=\"-73.985\" zoom=\"17\"></schmancy-map>",
-            "<!-- Satellite view -->\n<schmancy-map address=\"Grand Canyon\" type=\"satellite\" height=\"500px\"></schmancy-map>",
-            "<!-- Static map -->\n<schmancy-map address=\"Eiffel Tower, Paris\" interactive=\"false\" controls=\"false\"></schmancy-map>"
+            "<schmancy-list surface=\"container\" scroller>\n  <schmancy-list-item>List Item 1</schmancy-list-item>\n</schmancy-list>"
+          ],
+          "contexts": [
+            {
+              "name": "SchmancyListTypeContext",
+              "kind": "provide"
+            }
           ]
         }
       ]
@@ -4520,39 +3741,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "payment-card-form/payment-card-form.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyPaymentCardForm",
-          "tagName": "schmancy-payment-card-form",
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "{ cardName: string; cardNumber: string; expirationDate: string; cvv: string; }"
-              },
-              "default": "{\n\t\tcardName: '',\n\t\tcardNumber: '',\n\t\texpirationDate: '',\n\t\tcvv: '',\n\t}",
-              "description": "The form data containing all payment card information"
-            }
-          ],
-          "events": [
-            {
-              "name": "change",
-              "description": "Fires when any field in the form changes"
-            }
-          ],
-          "slots": [
-            {
-              "name": "",
-              "description": "Default slot for any additional content"
-            }
-          ]
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "progress/progress.ts",
@@ -4621,26 +3809,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "qr-scanner/qr-scanner.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyQRScanner",
-          "tagName": "schmancy-qr-scanner",
-          "attributes": [
-            {
-              "name": "continuous",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "true"
-            }
-          ]
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "radio-group/radio-button.ts",
@@ -5175,7 +4343,7 @@
             {
               "name": "gap",
               "type": {
-                "text": "0 | 3 | 2 | 1 | 8 | 4 | 5 | 6 | 10 | 12 | 16 | 20 | 24"
+                "text": "0 | 1 | 8 | 2 | 3 | 4 | 5 | 6 | 10 | 12 | 16 | 20 | 24"
               },
               "default": "4",
               "description": "Gap between steps. Maps to Tailwind gap classes."
@@ -5593,13 +4761,13 @@
             {
               "name": "resize",
               "type": {
-                "text": "\"none\" | \"vertical\" | \"horizontal\" | \"both\""
+                "text": "\"none\" | \"both\" | \"vertical\" | \"horizontal\""
               },
               "values": [
                 "none",
+                "both",
                 "vertical",
-                "horizontal",
-                "both"
+                "horizontal"
               ],
               "default": "'vertical'",
               "description": "Controls whether the textarea can be resized by the user."
@@ -5855,63 +5023,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "timeline/timeline-tile.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyTimelineTile",
-          "tagName": "schmancy-timeline-tile",
-          "attributes": [
-            {
-              "name": "state",
-              "type": {
-                "text": "TimelineTileState"
-              },
-              "values": [
-                "filled",
-                "empty",
-                "stack-top",
-                "stack-sibling"
-              ],
-              "default": "'empty'"
-            },
-            {
-              "name": "glyph",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            },
-            {
-              "name": "stack-count",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "index",
-              "type": {
-                "text": "number"
-              }
-            },
-            {
-              "name": "tooltip",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "caption",
-              "type": {
-                "text": "string"
-              }
-            }
-          ]
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "tree/tree.ts",
@@ -6020,7 +5131,7 @@
             {
               "name": "maxLines",
               "type": {
-                "text": "3 | 2 | 1 | 4 | 5 | 6"
+                "text": "1 | 2 | 3 | 4 | 5 | 6"
               }
             },
             {
@@ -6184,115 +5295,6 @@
         }
       ]
     },
-    {
-      "kind": "javascript-module",
-      "path": "extra/countries/countries.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyCountriesSelect",
-          "tagName": "schmancy-select-countries",
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Country'"
-            },
-            {
-              "name": "hint",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Please select a country'"
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Select a country'"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            }
-          ]
-        }
-      ]
-    },
-    {
-      "kind": "javascript-module",
-      "path": "extra/timezone/timezone.ts",
-      "declarations": [
-        {
-          "kind": "class",
-          "name": "SchmancyTimezonesSelect",
-          "tagName": "schmancy-select-timezones",
-          "description": "Timezone selector component with autocomplete filtering.",
-          "attributes": [
-            {
-              "name": "value",
-              "type": {
-                "text": "string"
-              }
-            },
-            {
-              "name": "required",
-              "type": {
-                "text": "boolean"
-              },
-              "default": "false"
-            },
-            {
-              "name": "label",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Timezone'"
-            },
-            {
-              "name": "hint",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Please select a timezone'"
-            },
-            {
-              "name": "placeholder",
-              "type": {
-                "text": "string"
-              },
-              "default": "'Select a timezone'"
-            },
-            {
-              "name": "name",
-              "type": {
-                "text": "string"
-              },
-              "default": "''"
-            }
-          ]
-        }
-      ]
-    },
     {
       "kind": "javascript-module",
       "path": "layout/scroll/scroll.ts",
@@ -6321,12 +5323,12 @@
             {
               "name": "direction",
               "type": {
-                "text": "\"vertical\" | \"horizontal\" | \"both\""
+                "text": "\"both\" | \"vertical\" | \"horizontal\""
               },
               "values": [
+                "both",
                 "vertical",
-                "horizontal",
-                "both"
+                "horizontal"
               ],
               "default": "'both'",
               "description": "Direction of scrolling: vertical, horizontal, or both. - vertical: Only allows vertical scrolling - horizontal: Only allows horizontal scrolling - both: Allows both horizontal and vertical scrolling (default)"