@aceshooting/lyra-ui 2.12.0 → 3.0.0

package/llms.txt

@@ -1,12 +1,12 @@
 # @aceshooting/lyra-ui
 
-> Free, clean-room Lit web components — a companion to Web Awesome that reimplements several
-> Web Awesome Pro components as open-source equivalents (same attributes/slots/events/CSS parts,
-> just a `lyra-` prefix instead of `wa-`), plus a number of extras with no Web Awesome counterpart.
+> Free, independent, MIT-licensed Lit web components — an open-source alternative to Shoelace and
+> Web Awesome. Lyra combines accessible form controls, dashboards, charts, data visualization, and
+> Conversation & Agent UI. Selected Web Awesome-compatible components retain documented public names
+> under a `lyra-` prefix for easier migration; the implementation and design system are standalone.
 
-Token-compatible with Web Awesome: every component resolves its styling through Web Awesome's
-`--wa-*` design tokens first, with `--lyra-*` fallbacks, so it looks native inside a Web
-Awesome-themed app and works standalone with no theme at all.
+Every component resolves its styling through this library's own `--lyra-theme-*` design tokens with
+hardcoded fallbacks, so it works fully standalone with no theme or runtime dependency required.
 
 ## Docs
 
@@ -18,7 +18,8 @@ Awesome-themed app and works standalone with no theme at all.
   known gotchas) for every tag in the library — the primary resource for a coding assistant
   integrating `@aceshooting/lyra-ui`.
 - [README.md](./README.md): Install instructions, the full component catalog, `<wa-*>` →
-  `<lyra-*>` migration notes, theming, and package-level development commands.
+  `<lyra-*>` and `<sl-*>` → `<lyra-*>` migration notes, theming, accessibility, i18n, RTL, and
+  package-level development commands.
 
 ## Component categories
 
@@ -33,6 +34,17 @@ The catalog is grouped by capability; `llms-full.txt` follows the same consumer-
   `lyra-empty`, `lyra-skeleton`, `lyra-stat`, `lyra-table`, `lyra-pagination`, `lyra-gauge`,
   `lyra-export-button`, `lyra-copy-button`, `lyra-split`, `lyra-widget`, `lyra-word-cloud`
   (zero-dependency SVG word/tag cloud).
+- **Web Awesome parity and visual primitives** — `lyra-number-input`/`lyra-time-input`,
+  `lyra-color-picker`, `lyra-radio`/`lyra-radio-group`, `lyra-spinner`,
+  `lyra-progress-bar`/`lyra-progress-ring`, `lyra-badge`/`lyra-tag`, `lyra-callout`,
+  `lyra-details`/`lyra-accordion`/`lyra-accordion-item`, `lyra-divider`,
+  `lyra-breadcrumb`/`lyra-breadcrumb-item`, `lyra-format-number`/`lyra-format-date`/
+  `lyra-format-bytes`/`lyra-relative-time`, `lyra-rating`, `lyra-popover`/`lyra-tooltip`/
+  `lyra-dropdown`, `lyra-drawer`, `lyra-carousel`, `lyra-image-comparer`, and
+  `lyra-zoomable-frame`, `lyra-carousel-item`, `lyra-button-group`, and
+  `lyra-dropdown-item`, and `lyra-scroller` compatibility primitives.
+  Observer utilities include `lyra-resize-observer`, `lyra-intersection-observer`, and
+  `lyra-mutation-observer`.
 - **Temporal & graph** — time-series and hierarchy/network widgets: `lyra-time-range`,
   `lyra-playback`, `lyra-heatmap` (matrix and calendar layouts), `lyra-graph` (needs the optional peer
   deps `d3-force`/`d3-drag`/`d3-zoom`/`d3-selection`), `lyra-tree`/`lyra-tree-node`.
@@ -49,6 +61,8 @@ The catalog is grouped by capability; `llms-full.txt` follows the same consumer-
   dropzone, emits raw `File[]`).
 - **Conversation & Agent UI** — chat/tool-call/agent-config building blocks for streaming AI
   interfaces: `lyra-dialog`/`confirm()`, `lyra-tabs`, `lyra-checkbox`, `lyra-switch`,
+  `lyra-radio`/`lyra-radio-group`, `lyra-input`, `lyra-textarea`, `lyra-callout`, `lyra-spinner`,
+  `lyra-progress-bar`/`lyra-progress-ring`, `lyra-badge`/`lyra-tag`,
   `lyra-json-viewer`, `lyra-live-region` (+ `internal/announcer.ts`'s throttled `Announcer`),
   `lyra-markdown` (needs the optional peers `marked`/`dompurify`), `lyra-chat-message`,
   `lyra-typing-indicator`, `lyra-tool-call-chip`, `lyra-tool-result-view` (+ its
@@ -68,5 +82,5 @@ The catalog is grouped by capability; `llms-full.txt` follows the same consumer-
 ## Also useful
 
 - Shared internals every tag builds on (`LyraElement` base class, the `FormAssociated` mixin, the
-  floating-ui `positioner`, and the `--lyra-*`/`--wa-*` design-token layer) are documented at the
+  floating-ui `positioner`, and the independent `--lyra-theme-*` design-token layer) are documented at the
   top of `llms-full.txt`, along with cross-cutting packaging notes that apply to the whole library.

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@aceshooting/lyra-ui",
-  "version": "2.12.0",
-  "description": "Free, clean-room Lit web components — a companion to Web Awesome.",
+  "version": "3.0.0",
+  "description": "Free, independent Lit web components: an open-source alternative to Shoelace and Web Awesome with accessible forms, dashboards, charts, and agent UI.",
   "keywords": [
     "web-components",
     "custom-elements",
@@ -16,6 +16,11 @@
     "data-visualization",
     "chat-ui",
     "agent-ui",
+    "accessible-components",
+    "internationalization",
+    "rtl",
+    "shoelace-alternative",
+    "web-awesome-alternative",
     "web-awesome",
     "storybook"
   ],
@@ -50,6 +55,7 @@
     ".": "./dist/lyra.js",
     "./components/*": "./dist/components/*",
     "./internal/*": "./dist/internal/*",
+    "./theme.css": "./dist/theme.css",
     "./testing": "./dist/testing/happy-dom-shims.js"
   },
   "sideEffects": [
@@ -59,7 +65,10 @@
     "./dist/components/attachment-trigger/attachment-trigger.js",
     "./dist/components/avatar/avatar.js",
     "./dist/components/button/button.js",
+    "./dist/components/button-group/button-group.js",
     "./dist/components/card/card.js",
+    "./dist/components/carousel/carousel.js",
+    "./dist/components/carousel/carousel-item.js",
     "./dist/components/chart/bar-chart.js",
     "./dist/components/chart/box-plot.js",
     "./dist/components/chart/bubble-chart.js",
@@ -88,9 +97,23 @@
     "./dist/components/date-picker/date-input.js",
     "./dist/components/date-picker/date-picker.js",
     "./dist/components/dialog/dialog.js",
+    "./dist/components/drawer/drawer.js",
     "./dist/components/diff-view/diff-view.js",
     "./dist/components/dock-panel/dock-panel.js",
     "./dist/components/document-preview/document-preview.js",
+    "./dist/components/details/details.js",
+    "./dist/components/details/accordion.js",
+    "./dist/components/details/accordion-item.js",
+    "./dist/components/divider/divider.js",
+    "./dist/components/breadcrumb/breadcrumb.js",
+    "./dist/components/breadcrumb/breadcrumb-item.js",
+    "./dist/components/format/format-number.js",
+    "./dist/components/format/format-date.js",
+    "./dist/components/format/format-bytes.js",
+    "./dist/components/format/relative-time.js",
+    "./dist/components/overlay/dropdown.js",
+    "./dist/components/overlay/popover.js",
+    "./dist/components/overlay/tooltip.js",
     "./dist/components/empty/empty.js",
     "./dist/components/export-button/export-button.js",
     "./dist/components/file-input/file-input.js",
@@ -100,6 +123,20 @@
     "./dist/components/graph/graph.js",
     "./dist/components/heatmap/heatmap.js",
     "./dist/components/input/input.js",
+    "./dist/components/image-comparer/image-comparer.js",
+    "./dist/components/input/number-input.js",
+    "./dist/components/input/time-input.js",
+    "./dist/components/intersection-observer/intersection-observer.js",
+    "./dist/components/radio/radio.js",
+    "./dist/components/radio/radio-group.js",
+    "./dist/components/spinner/spinner.js",
+    "./dist/components/progress/progress-bar.js",
+    "./dist/components/progress/progress-ring.js",
+    "./dist/components/badge/badge.js",
+    "./dist/components/badge/tag.js",
+    "./dist/components/callout/callout.js",
+    "./dist/components/color-picker/color-picker.js",
+    "./dist/components/rating/rating.js",
     "./dist/components/json-viewer/json-viewer.js",
     "./dist/components/kbd/kbd.js",
     "./dist/components/live-region/live-region.js",
@@ -109,8 +146,10 @@
     "./dist/components/mention-popover/mention-popover.js",
     "./dist/components/menu/menu-item.js",
     "./dist/components/menu/menu.js",
+    "./dist/components/menu/dropdown-item.js",
     "./dist/components/model-select/model-select.js",
     "./dist/components/model-settings-panel/model-settings-panel.js",
+    "./dist/components/mutation-observer/mutation-observer.js",
     "./dist/components/pagination/pagination.js",
     "./dist/components/phone-input/phone-input.js",
     "./dist/components/playback/playback.js",
@@ -118,9 +157,11 @@
     "./dist/components/responsive-panel/responsive-panel.js",
     "./dist/components/result-card/result-card.js",
     "./dist/components/result-card/result-field.js",
+    "./dist/components/resize-observer/resize-observer.js",
     "./dist/components/segmented/segmented.js",
     "./dist/components/select/select.js",
     "./dist/components/skeleton/skeleton.js",
+    "./dist/components/scroller/scroller.js",
     "./dist/components/slider/slider.js",
     "./dist/components/source-card/source-card.js",
     "./dist/components/source-list/source-list.js",
@@ -150,6 +191,7 @@
     "./dist/components/virtual-list/virtual-list.js",
     "./dist/components/widget/widget.js",
     "./dist/components/word-cloud/word-cloud.js",
+    "./dist/components/zoomable-frame/zoomable-frame.js",
     "./dist/components/flag/flag-peer.js",
     "./src/components/app-rail/app-rail-item.ts",
     "./src/components/app-rail/app-rail.ts",
@@ -157,7 +199,10 @@
     "./src/components/attachment-trigger/attachment-trigger.ts",
     "./src/components/avatar/avatar.ts",
     "./src/components/button/button.ts",
+    "./src/components/button-group/button-group.ts",
     "./src/components/card/card.ts",
+    "./src/components/carousel/carousel.ts",
+    "./src/components/carousel/carousel-item.ts",
     "./src/components/chart/bar-chart.ts",
     "./src/components/chart/box-plot.ts",
     "./src/components/chart/bubble-chart.ts",
@@ -186,9 +231,23 @@
     "./src/components/date-picker/date-input.ts",
     "./src/components/date-picker/date-picker.ts",
     "./src/components/dialog/dialog.ts",
+    "./src/components/drawer/drawer.ts",
     "./src/components/diff-view/diff-view.ts",
     "./src/components/dock-panel/dock-panel.ts",
     "./src/components/document-preview/document-preview.ts",
+    "./src/components/details/details.ts",
+    "./src/components/details/accordion.ts",
+    "./src/components/details/accordion-item.ts",
+    "./src/components/divider/divider.ts",
+    "./src/components/breadcrumb/breadcrumb.ts",
+    "./src/components/breadcrumb/breadcrumb-item.ts",
+    "./src/components/format/format-number.ts",
+    "./src/components/format/format-date.ts",
+    "./src/components/format/format-bytes.ts",
+    "./src/components/format/relative-time.ts",
+    "./src/components/overlay/dropdown.ts",
+    "./src/components/overlay/popover.ts",
+    "./src/components/overlay/tooltip.ts",
     "./src/components/empty/empty.ts",
     "./src/components/export-button/export-button.ts",
     "./src/components/file-input/file-input.ts",
@@ -198,6 +257,20 @@
     "./src/components/graph/graph.ts",
     "./src/components/heatmap/heatmap.ts",
     "./src/components/input/input.ts",
+    "./src/components/image-comparer/image-comparer.ts",
+    "./src/components/input/number-input.ts",
+    "./src/components/input/time-input.ts",
+    "./src/components/intersection-observer/intersection-observer.ts",
+    "./src/components/radio/radio.ts",
+    "./src/components/radio/radio-group.ts",
+    "./src/components/spinner/spinner.ts",
+    "./src/components/progress/progress-bar.ts",
+    "./src/components/progress/progress-ring.ts",
+    "./src/components/badge/badge.ts",
+    "./src/components/badge/tag.ts",
+    "./src/components/callout/callout.ts",
+    "./src/components/color-picker/color-picker.ts",
+    "./src/components/rating/rating.ts",
     "./src/components/json-viewer/json-viewer.ts",
     "./src/components/kbd/kbd.ts",
     "./src/components/live-region/live-region.ts",
@@ -207,8 +280,10 @@
     "./src/components/mention-popover/mention-popover.ts",
     "./src/components/menu/menu-item.ts",
     "./src/components/menu/menu.ts",
+    "./src/components/menu/dropdown-item.ts",
     "./src/components/model-select/model-select.ts",
     "./src/components/model-settings-panel/model-settings-panel.ts",
+    "./src/components/mutation-observer/mutation-observer.ts",
     "./src/components/pagination/pagination.ts",
     "./src/components/phone-input/phone-input.ts",
     "./src/components/playback/playback.ts",
@@ -216,9 +291,11 @@
     "./src/components/responsive-panel/responsive-panel.ts",
     "./src/components/result-card/result-card.ts",
     "./src/components/result-card/result-field.ts",
+    "./src/components/resize-observer/resize-observer.ts",
     "./src/components/segmented/segmented.ts",
     "./src/components/select/select.ts",
     "./src/components/skeleton/skeleton.ts",
+    "./src/components/scroller/scroller.ts",
     "./src/components/slider/slider.ts",
     "./src/components/source-card/source-card.ts",
     "./src/components/source-list/source-list.ts",
@@ -248,8 +325,10 @@
     "./src/components/virtual-list/virtual-list.ts",
     "./src/components/widget/widget.ts",
     "./src/components/word-cloud/word-cloud.ts",
+    "./src/components/zoomable-frame/zoomable-frame.ts",
     "./src/components/flag/flag-peer.ts",
     "./dist/lyra.js",
+    "./dist/theme.css",
     "./src/lyra.ts"
   ],
   "dependencies": {