@adia-ai/web-components 0.0.2 → 0.0.3

package/a2ui/index.js

@@ -1,19 +1,25 @@
-// Tier 1: Render
-export { registry, resolveTag, registerType } from './registry.js';
-export { A2UIRenderer } from './renderer.js';
-export { sseStream, wsStream, mockStream, mcpStream, jsonlStream } from './stream.js';
-export { AdiaA2UIRoot } from './root.js';
+/**
+ * DEPRECATED — the `@adia-ai/web-components/a2ui` subpath.
+ *
+ * The A2UI runtime was extracted into its own package `@adia-ai/a2ui-utils`
+ * in 0.0.3. This file is a temporary re-export shim for one release so
+ * existing consumers don't break on upgrade. It will be removed in 0.1.0.
+ *
+ * Migrate:
+ *   - import { A2UIRenderer } from '@adia-ai/web-components/a2ui';
+ *   + import { A2UIRenderer } from '@adia-ai/a2ui-utils';
+ *
+ * The declarative `<a2ui-root>` custom element also moved — it now lives
+ * in the patterns directory. Import it via:
+ *   import '@adia-ai/web-components/patterns/a2ui-root/a2ui-root.js';
+ */
 
-// Tier 2: Wire
-export { SurfaceManifest } from './surface-manifest.js';
-export { ManifestRuntime } from './manifest-runtime.js';
-export { ContextStore } from './context-store.js';
+if (typeof console !== 'undefined' && !globalThis.__a2ui_subpath_warned) {
+  globalThis.__a2ui_subpath_warned = true;
+  console.warn(
+    '[@adia-ai/web-components] The `/a2ui` subpath export is deprecated and will be removed in 0.1.0. ' +
+    'Import from `@adia-ai/a2ui-utils` instead.'
+  );
+}
 
-// Tier 3: Gen-UI
-export { A2UIValidator } from './validator.js';
-export { A2UIGenerator } from './generator.js';
-export { savePattern, importPattern, buildPatternJSON } from './pattern-export.js';
-export * from './retrieval/index.js';
-
-// Learning
-export { feedbackStore } from './retrieval/feedback-store.js';
+export * from '@adia-ai/a2ui-utils';

package/components/accordion/accordion.js

@@ -12,7 +12,7 @@
  *   toggle — { detail: { open } }
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 // ── Accordion Container ────────────────────────────────────────
 

package/components/action-list/action-list.js

@@ -15,7 +15,7 @@
  * or activated via keyboard (Enter / Space). Keyboard nav: ArrowUp/Down, Home/End.
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaActionList extends AdiaElement {
   static properties = {};

package/components/agent-artifact/agent-artifact.js

@@ -26,7 +26,7 @@
  *   artifact-toggle — detail: { collapsed }
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 const TONE_TO_BADGE_VARIANT = {
   neutral: 'default',

package/components/agent-feedback-bar/agent-feedback-bar.js

@@ -30,7 +30,7 @@
  *   .reset()                      clear status, re-enable buttons
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaAgentFeedbackBar extends AdiaElement {
   static properties = {

package/components/agent-questions/agent-questions.js

@@ -26,7 +26,7 @@
  *   questions-answer — detail: { selected: string[], option: chosen | null }
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaAgentQuestions extends AdiaElement {
   static properties = {

package/components/agent-reasoning/agent-reasoning.js

@@ -45,7 +45,7 @@
  *   reasoning-finish       — .finish() was called (detail: { summary, status })
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 // Status lifecycle for the reasoning surface as a whole.
 //   active  — still thinking (default; renders the spinner)

package/components/agent-suggestions/agent-suggestions.js

@@ -24,7 +24,7 @@
  *   suggestion-select — detail: { label, prompt, index }
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaAgentSuggestions extends AdiaElement {
   static properties = {

package/components/agent-trace/agent-trace.js

@@ -34,7 +34,7 @@
  *   trace-toggle — summary opened/closed
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaAgentTrace extends AdiaElement {
   static properties = {

package/components/alert/alert.js

@@ -11,7 +11,7 @@
  *   close — fired when the user dismisses the alert
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaAlert extends AdiaElement {
   static properties = {

package/components/avatar/avatar.js

@@ -13,7 +13,7 @@
  * Overlapping avatar stack with +N overflow counter.
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 // ── Avatar ──────────────────────────────────────────────────
 

package/components/badge/badge.js

@@ -14,7 +14,7 @@
  * Status: semantic shorthand that auto-maps variant + text.
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 const STATUS_MAP = {
   new:        { variant: 'success', text: 'New' },

package/components/block/block.js

@@ -8,7 +8,7 @@
  *   margin  — none | xs | sm | md | lg | xl (default 'none')
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaBlock extends AdiaElement {
   static properties = {

package/components/breadcrumb/breadcrumb.js

@@ -1,4 +1,4 @@
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaBreadcrumb extends AdiaElement {
   static properties = {

package/components/button/button.js

@@ -1,5 +1,5 @@
-import { AdiaElement, signal, html } from '@core/element.js';
-import { getIcon } from '@core/icons.js';
+import { AdiaElement, signal, html } from '../../core/element.js';
+import { getIcon } from '../../core/icons.js';
 
 class AdiaButton extends AdiaElement {
   static properties = {

package/components/calendar-picker/calendar-picker.js

@@ -15,8 +15,8 @@
  * Keyboard: Arrow keys navigate days, Enter selects, Escape closes.
  */
 
-import { AdiaFormElement } from '@core/form.js';
-import { anchorPopover } from '@core/anchor.js';
+import { AdiaFormElement } from '../../core/form.js';
+import { anchorPopover } from '../../core/anchor.js';
 
 const DAYS = ['S', 'M', 'T', 'W', 'T', 'F', 'S'];
 const MONTHS_SHORT = ['Jan', 'Feb', 'Mar', 'Apr', 'May', 'Jun', 'Jul', 'Aug', 'Sep', 'Oct', 'Nov', 'Dec'];

package/components/canvas/canvas.js

@@ -1,5 +1,5 @@
-import { AdiaElement } from '@core/element.js';
-import '../../a2ui/root.js';
+import { AdiaElement } from '../../core/element.js';
+import '../../patterns/a2ui-root/a2ui-root.js';
 
 /**
  * <canvas-ui> — A2UI rendering surface.

package/components/card/card.js

@@ -23,8 +23,8 @@
  *   draggable — enables drag handle + cursor:grab; wires the draggable trait
  */
 
-import { AdiaElement } from '@core/element.js';
-import { draggable } from '@traits/draggable.js';
+import { AdiaElement } from '../../core/element.js';
+import { draggable } from '../../traits/draggable.js';
 
 class AdiaCard extends AdiaElement {
   static properties = {

package/components/chart/chart.js

@@ -19,7 +19,7 @@
  *   .data = [{...}, ...]  — array of data objects
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 /* ── Helpers ────────────────────────────────────────────────────── */
 

package/components/chat/chat-input.js

@@ -1,4 +1,4 @@
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 /**
  * <chat-input-ui> — Composable chat input bar.

package/components/chat/chat.js

@@ -1,5 +1,5 @@
-import { AdiaElement } from '@core/element.js';
-import { renderMarkdown } from '@core/markdown.js';
+import { AdiaElement } from '../../core/element.js';
+import { renderMarkdown } from '../../core/markdown.js';
 
 function escapeHTML(s) {
   return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');

package/components/check/check.js

@@ -3,8 +3,8 @@
  * Pure CSS checkmark via border trick on [slot="box"]::after. No SVG.
  */
 
-import { AdiaFormElement } from '@core/form.js';
-import { html } from '@core/element.js';
+import { AdiaFormElement } from '../../core/form.js';
+import { html } from '../../core/element.js';
 
 class AdiaCheck extends AdiaFormElement {
   static properties = {

package/components/code/code.js

@@ -9,7 +9,7 @@
  * updates the rendered code in place.
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaCode extends AdiaElement {
   static properties = {

package/components/col/col.js

@@ -4,7 +4,7 @@
  * <col-ui gap="md" align="center">...</col-ui>
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaCol extends AdiaElement {
   static properties = {

package/components/color-picker/color-picker.js

@@ -16,7 +16,7 @@
  * Form-associated via AdiaFormElement + ElementInternals.
  */
 
-import { AdiaFormElement } from '@core/form.js';
+import { AdiaFormElement } from '../../core/form.js';
 
 // ── OKLCH ↔ sRGB conversion ──────────────────────────────
 

package/components/command/command.js

@@ -1,4 +1,4 @@
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 /**
  * <command-ui> — Searchable command palette.

package/components/description-list/description-list.js

@@ -19,7 +19,7 @@
  *   items     — optional JSON array of {term, description} pairs
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaDescriptionList extends AdiaElement {
   static properties = {

package/components/divider/divider.js

@@ -7,7 +7,7 @@
  * Renders as a simple line, or a line broken by centered text.
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaDivider extends AdiaElement {
   static properties = {

package/components/drawer/drawer.js

@@ -29,7 +29,7 @@
  *   close — fired after the drawer finishes closing
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaDrawer extends AdiaElement {
   #bound = false;

package/components/embed/embed.js

@@ -10,7 +10,7 @@
  *   aspect — optional CSS aspect-ratio (e.g. '16/9')
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaEmbed extends AdiaElement {
   static properties = {

package/components/empty-state/empty-state.js

@@ -9,7 +9,7 @@
  * Note: Uses 'heading' attribute instead of 'title' to avoid native tooltip.
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaEmptyState extends AdiaElement {
   static properties = {

package/components/grid/grid.js

@@ -5,7 +5,7 @@
  * <grid-ui columns="2" column-gap="2" row-gap="4">...</grid-ui>
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaGrid extends AdiaElement {
   static properties = {

package/components/heatmap/heatmap.js

@@ -20,7 +20,7 @@
  *   title — optional header title
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 const MONTHS = ['Jan','Feb','Mar','Apr','May','Jun','Jul','Aug','Sep','Oct','Nov','Dec'];
 

package/components/icon/icon.js

@@ -1,5 +1,5 @@
-import { AdiaElement, signal, html } from '@core/element.js';
-import { getIcon } from '@core/icons.js';
+import { AdiaElement, signal, html } from '../../core/element.js';
+import { getIcon } from '../../core/icons.js';
 
 class AdiaIcon extends AdiaElement {
   static properties = {

package/components/image/image.js

@@ -14,7 +14,7 @@
  * Raw:    strips chrome (no background, no radius) for edge-to-edge rendering
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaImage extends AdiaElement {
   static properties = {

package/components/input/input.js

@@ -7,8 +7,8 @@
  *   <input-ui placeholder="Search" prefix="search"></input-ui>
  */
 
-import { AdiaFormElement } from '@core/form.js';
-import { isIconName } from '@core/icons.js';
+import { AdiaFormElement } from '../../core/form.js';
+import { isIconName } from '../../core/icons.js';
 
 const renderAffix = (v) => isIconName(v)
   ? `<icon-ui name="${v}"></icon-ui>`

package/components/inspector/inspector.js

@@ -1,5 +1,5 @@
-import { AdiaElement } from '@core/element.js';
-import { registry } from '../../a2ui/registry.js';
+import { AdiaElement } from '../../core/element.js';
+import { registry } from '@adia-ai/a2ui-utils';
 import '../tabs/tabs.js';
 import '../tabs/tab.js';
 import '../code/code.js';

package/components/kbd/kbd.js

@@ -6,7 +6,7 @@
  * Em-relative sizing so it scales with surrounding text.
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaKbd extends AdiaElement {
   static properties = {

package/components/list/list.js

@@ -19,7 +19,7 @@
  *   - Fires `selection-change` with { key, previousKey }.
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaList extends AdiaElement {
   static properties = {

package/components/menu/menu.js

@@ -15,8 +15,8 @@
  *   • Roving focus + arrow/Home/End/Enter/Escape keyboard nav.
  */
 
-import { AdiaElement } from '@core/element.js';
-import { anchorPopover } from '@core/anchor.js';
+import { AdiaElement } from '../../core/element.js';
+import { anchorPopover } from '../../core/anchor.js';
 
 class AdiaMenu extends AdiaElement {
   static properties = {

package/components/modal/modal.js

@@ -29,7 +29,7 @@
  *   close — fired after the modal finishes closing
  */
 
-import { AdiaElement, html } from '@core/element.js';
+import { AdiaElement, html } from '../../core/element.js';
 
 class AdiaModal extends AdiaElement {
   #bound = false;

package/components/noodles/noodles.js

@@ -10,7 +10,7 @@
  * Supports bezier, step, and straight curve modes.
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 let nextId = 0;
 

package/components/otp-input/otp-input.js

@@ -8,7 +8,7 @@
  * Events: 'complete' (detail: {value}), 'input'
  */
 
-import { AdiaFormElement } from '@core/form.js';
+import { AdiaFormElement } from '../../core/form.js';
 
 class AdiaOtpInput extends AdiaFormElement {
   static properties = {

package/components/pagination/pagination.js

@@ -8,7 +8,7 @@
  *   page-change — { detail: { page } }
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaPagination extends AdiaElement {
   static properties = {

package/components/pane/pane.js

@@ -25,7 +25,7 @@
  *   pane.toggle()
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaPane extends AdiaElement {
   static properties = {

package/components/pipeline-status/pipeline-status.js

@@ -1,4 +1,4 @@
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 /**
  * <pipeline-status-ui> — Single updating pipeline status indicator.

package/components/popover/popover.js

@@ -13,8 +13,8 @@
  * Triggers: click | hover | manual. ESC closes click/manual popovers.
  */
 
-import { AdiaElement } from '@core/element.js';
-import { anchorPopover } from '@core/anchor.js';
+import { AdiaElement } from '../../core/element.js';
+import { anchorPopover } from '../../core/anchor.js';
 
 const HOVER_CLOSE_DELAY = 120;
 

package/components/progress/progress.js

@@ -8,7 +8,7 @@
  * (Legacy `value="-1"` is still treated as indeterminate for back-compat.)
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaProgress extends AdiaElement {
   static properties = {

package/components/progress-row/progress-row.js

@@ -17,7 +17,7 @@
  *   variant — success | warning | danger (colors the fill; inherits otherwise)
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaProgressRow extends AdiaElement {
   static properties = {

package/components/radio/radio.js

@@ -3,8 +3,8 @@
  * Pure CSS dot via [slot="dot"]::after inner circle. No SVG, no inset shadow hack.
  */
 
-import { AdiaFormElement } from '@core/form.js';
-import { html } from '@core/element.js';
+import { AdiaFormElement } from '../../core/form.js';
+import { html } from '../../core/element.js';
 
 class AdiaRadio extends AdiaFormElement {
   static properties = {

package/components/range/range.js

@@ -11,7 +11,7 @@
  *   - While dragging: accent highlight on the field
  */
 
-import { AdiaFormElement } from '@core/form.js';
+import { AdiaFormElement } from '../../core/form.js';
 
 class AdiaRange extends AdiaFormElement {
   static properties = {

package/components/rating/rating.js

@@ -9,7 +9,7 @@
  *   <rating-ui value="5" readonly></rating-ui>
  */
 
-import { AdiaFormElement } from '@core/form.js';
+import { AdiaFormElement } from '../../core/form.js';
 
 class AdiaRating extends AdiaFormElement {
   static properties = {

package/components/richtext/richtext.js

@@ -1,5 +1,5 @@
-import { AdiaElement } from '@core/element.js';
-import { renderMarkdown } from '@core/markdown.js';
+import { AdiaElement } from '../../core/element.js';
+import { renderMarkdown } from '../../core/markdown.js';
 
 /**
  * <richtext-ui> — Renders markdown to styled HTML.

package/components/row/row.js

@@ -5,8 +5,8 @@
  * <row-ui draggable>...</row-ui>   wires the draggable trait, emits drag-end
  */
 
-import { AdiaElement } from '@core/element.js';
-import { draggable } from '@traits/draggable.js';
+import { AdiaElement } from '../../core/element.js';
+import { draggable } from '../../traits/draggable.js';
 
 class AdiaRow extends AdiaElement {
   static properties = {

package/components/search/search.js

@@ -7,7 +7,7 @@
  * Fires debounced 'search' event. Clear button resets and fires immediately.
  */
 
-import { AdiaFormElement } from '@core/form.js';
+import { AdiaFormElement } from '../../core/form.js';
 
 class AdiaSearch extends AdiaFormElement {
   static properties = {

package/components/segment/segment.js

@@ -3,7 +3,7 @@
  * Child of segmented-ui. Represents one option.
  */
 
-import { AdiaElement } from '@core/element.js';
+import { AdiaElement } from '../../core/element.js';
 
 class AdiaSegment extends AdiaElement {
   static properties = {

package/components/segmented/segmented.js

@@ -9,7 +9,7 @@
  * Indicator uses CSS transform (GPU-accelerated).
  */
 
-import { AdiaFormElement } from '@core/form.js';
+import { AdiaFormElement } from '../../core/form.js';
 import '@components/segment/segment.js';
 
 class AdiaSegmented extends AdiaFormElement {

package/components/select/select.js

@@ -1,5 +1,5 @@
-import { AdiaFormElement } from '@core/form.js';
-import { anchorPopover } from '@core/anchor.js';
+import { AdiaFormElement } from '../../core/form.js';
+import { anchorPopover } from '../../core/anchor.js';
 
 function escapeHTML(s) {
   return s.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/>/g, '&gt;');