@adia-ai/web-components 0.3.0 → 0.3.1

package/components/card/card.js

@@ -24,7 +24,7 @@
  */
 
 import { UIElement } from '../../core/element.js';
-import { draggable } from '../../traits/draggable.js';
+import { draggable } from '../../traits/draggable/draggable.js';
 
 class UICard extends UIElement {
   static properties = {

package/components/row/row.js

@@ -6,7 +6,7 @@
  */
 
 import { UIElement } from '../../core/element.js';
-import { draggable } from '../../traits/draggable.js';
+import { draggable } from '../../traits/draggable/draggable.js';
 
 class UIRow extends UIElement {
   static properties = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adia-ai/web-components",
-  "version": "0.3.0",
+  "version": "0.3.1",
   "description": "AdiaUI web components \u2014 vanilla custom elements. A2UI runtime (renderer, registry, streams, wiring) lives in @adia-ai/a2ui-runtime.",
   "type": "module",
   "exports": {

package/traits/{active-state.js → active-state/active-state.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 export const activeState = defineTrait({
   name: 'active-state',

package/traits/{active-state.test.js → active-state/active-state.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { activeState } from './active-state.js';
-import { mountHost, connectTrait, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, resetDOM } from '../test-helpers.js';
 
 describe('active-state', () => {
   beforeEach(resetDOM);

package/traits/{anchor-positioning.js → anchor-positioning/anchor-positioning.js}

@@ -18,7 +18,7 @@
  * consumers and DevTools sessions can see which path actually ran.
  */
 
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 /**
  * Feature-detect both halves of the API we depend on. Chrome 125+ and

package/traits/{anchor-positioning.test.js → anchor-positioning/anchor-positioning.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { anchorPositioning } from './anchor-positioning.js';
-import { mountHost, connectTrait, spyEvent, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, spyEvent, resetDOM } from '../test-helpers.js';
 
 /**
  * Note on test environment: happy-dom does not implement

package/traits/{announcer.js → announcer/announcer.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 import { announce, getRegion } from './announcer-stage.js';
 
 /**

package/traits/{announcer.test.js → announcer/announcer.test.js}

@@ -1,7 +1,7 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { announcer } from './announcer.js';
 import { _resetRegions, getRegion } from './announcer-stage.js';
-import { mountHost, connectTrait, spyEvent, resetDOM, tick, wait } from './test-helpers.js';
+import { mountHost, connectTrait, spyEvent, resetDOM, tick, wait } from '../test-helpers.js';
 
 // happy-dom doesn't speak — we assert region textContent instead.
 async function settleAnnounce() {

package/traits/{arrow-grid-nav.js → arrow-grid-nav/arrow-grid-nav.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 /**
  * 2D arrow-key navigation for grids — calendars, menubars, color pickers,

package/traits/{arrow-grid-nav.test.js → arrow-grid-nav/arrow-grid-nav.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { arrowGridNav } from './arrow-grid-nav.js';
-import { mountHost, connectTrait, spyEvent, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, spyEvent, resetDOM } from '../test-helpers.js';
 
 /**
  * Build a row-flat grid with `total` cells laid out in `cols` columns.

package/traits/{attention-pulse.js → attention-pulse/attention-pulse.js}

@@ -1,5 +1,5 @@
-import { defineTrait } from './define.js';
-import { prefersReducedMotion } from './motion.js';
+import { defineTrait } from '../define.js';
+import { prefersReducedMotion } from '../motion.js';
 
 export const attentionPulse = defineTrait({
   name: 'attention-pulse',

package/traits/{attention-pulse.test.js → attention-pulse/attention-pulse.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { attentionPulse } from './attention-pulse.js';
-import { mountHost, connectTrait, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, resetDOM } from '../test-helpers.js';
 
 describe('attention-pulse', () => {
   beforeEach(resetDOM);

package/traits/{confetti.js → confetti/confetti.js}

@@ -1,5 +1,5 @@
-import { defineTrait } from './define.js';
-import { prefersReducedMotion } from './motion.js';
+import { defineTrait } from '../define.js';
+import { prefersReducedMotion } from '../motion.js';
 import { getStage, viewportCenterOf, spawnParticle, SHARED_COLORS } from './confetti-stage.js';
 
 /**

package/traits/{confetti.test.js → confetti/confetti.test.js}

@@ -1,7 +1,7 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { confetti } from './confetti.js';
 import { _resetStage } from './confetti-stage.js';
-import { mountHost, connectTrait, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, resetDOM } from '../test-helpers.js';
 
 describe('confetti', () => {
   beforeEach(() => {

package/traits/{confetti-burst.js → confetti-burst/confetti-burst.js}

@@ -1,6 +1,6 @@
-import { defineTrait } from './define.js';
-import { prefersReducedMotion } from './motion.js';
-import { getStage, viewportCenterOf, spawnParticle, SHARED_COLORS } from './confetti-stage.js';
+import { defineTrait } from '../define.js';
+import { prefersReducedMotion } from '../motion.js';
+import { getStage, viewportCenterOf, spawnParticle, SHARED_COLORS } from '../confetti/confetti-stage.js';
 
 /**
  * `confetti-burst` — upward fountain on connect + on every `press`.

package/traits/{confetti-burst.test.js → confetti-burst/confetti-burst.test.js}

@@ -1,7 +1,7 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { confettiBurst } from './confetti-burst.js';
-import { _resetStage } from './confetti-stage.js';
-import { mountHost, connectTrait, spyEvent, resetDOM, wait } from './test-helpers.js';
+import { _resetStage } from '../confetti/confetti-stage.js';
+import { mountHost, connectTrait, spyEvent, resetDOM, wait } from '../test-helpers.js';
 
 describe('confetti-burst', () => {
   beforeEach(() => {

package/traits/{count-up.js → count-up/count-up.js}

@@ -1,5 +1,5 @@
-import { defineTrait } from './define.js';
-import { prefersReducedMotion } from './motion.js';
+import { defineTrait } from '../define.js';
+import { prefersReducedMotion } from '../motion.js';
 
 export const countUp = defineTrait({
   name: 'count-up',

package/traits/{count-up.test.js → count-up/count-up.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { countUp } from './count-up.js';
-import { mountHost, connectTrait, spyEvent, resetDOM, wait, raf } from './test-helpers.js';
+import { mountHost, connectTrait, spyEvent, resetDOM, wait, raf } from '../test-helpers.js';
 
 describe('count-up', () => {
   beforeEach(resetDOM);

package/traits/declarative.test.js

@@ -13,9 +13,9 @@
 
 import { describe, it, expect, beforeEach, vi } from 'vitest';
 import { UIElement } from '../core/element.js';
-import { pressable } from './pressable.js';
-import { focusable } from './focusable.js';
-import { hoverable } from './hoverable.js';
+import { pressable } from './pressable/pressable.js';
+import { focusable } from './focusable/focusable.js';
+import { hoverable } from './hoverable/hoverable.js';
 import { resetDOM } from './test-helpers.js';
 
 let counter = 0;

package/traits/{dirty-state.js → dirty-state/dirty-state.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 export const dirtyState = defineTrait({
   name: 'dirty-state',

package/traits/{dirty-state.test.js → dirty-state/dirty-state.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { dirtyState } from './dirty-state.js';
-import { mountHost, connectTrait, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, resetDOM } from '../test-helpers.js';
 
 describe('dirty-state', () => {
   beforeEach(resetDOM);

package/traits/{drag-ghost.js → drag-ghost/drag-ghost.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 export const dragGhost = defineTrait({
   name: 'drag-ghost',

package/traits/{drag-ghost.test.js → drag-ghost/drag-ghost.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { dragGhost } from './drag-ghost.js';
-import { mountHost, connectTrait, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, resetDOM } from '../test-helpers.js';
 
 describe('drag-ghost', () => {
   beforeEach(resetDOM);

package/traits/{draggable.js → draggable/draggable.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 export const draggable = defineTrait({
   name: 'draggable',

package/traits/{draggable.test.js → draggable/draggable.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { draggable } from './draggable.js';
-import { mountHost, connectTrait, spyEvent, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, spyEvent, resetDOM } from '../test-helpers.js';
 
 function pointer(host, type, x, y) {
   const ev = new PointerEvent(type, { clientX: x, clientY: y, pointerId: 1, bubbles: true });

package/traits/{draggable-list-item.js → draggable-list-item/draggable-list-item.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 /**
  * `draggable-list-item` — pointer-driven list-reorder lifter.
@@ -39,7 +39,7 @@ import { defineTrait } from './define.js';
  * aria-live regions so screen-reader narration is single-stream.
  */
 
-import { announce } from './announcer-stage.js';
+import { announce } from '../announcer/announcer-stage.js';
 
 // Drop-target-change announcements are debounced at 200 ms (per
 // a11y-live-region-drag-announcements.md research note); other phases

package/traits/{draggable-list-item.test.js → draggable-list-item/draggable-list-item.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { draggableListItem } from './draggable-list-item.js';
-import { mountHost, connectTrait, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, resetDOM } from '../test-helpers.js';
 
 // Minimal smoke coverage. The draggable-list-item trait is the pointer
 // driver for the apps/tasks/ DnD model. The cases

package/traits/{drop-target.js → drop-target/drop-target.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 /**
  * Declarative drop zone — wires the host into the HTML5 drag-and-drop

package/traits/{drop-target.test.js → drop-target/drop-target.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { dropTarget } from './drop-target.js';
-import { mountHost, connectTrait, spyEvent, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, spyEvent, resetDOM } from '../test-helpers.js';
 
 /**
  * happy-dom's DragEvent constructor does NOT preserve the `dataTransfer`

package/traits/{droppable.js → droppable/droppable.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 /**
  * `droppable` — marks an element as a drop target for `draggable-list-item`.

package/traits/{droppable.test.js → droppable/droppable.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { droppable } from './droppable.js';
-import { mountHost, connectTrait, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, resetDOM } from '../test-helpers.js';
 
 // Minimal smoke coverage. The droppable trait is authored against the
 // apps/tasks/ DnD coordinator and assumes a sibling

package/traits/{droppable-collection.js → droppable-collection/droppable-collection.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 /**
  * `droppable-collection` — coordinator over a tree of `droppable` children.

package/traits/{droppable-collection.test.js → droppable-collection/droppable-collection.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { droppableCollection } from './droppable-collection.js';
-import { mountHost, connectTrait, spyEvent, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, spyEvent, resetDOM } from '../test-helpers.js';
 
 // Minimal smoke coverage. The droppable-collection trait coordinates
 // child droppables of the apps/tasks/ DnD model;

package/traits/{error-shake.js → error-shake/error-shake.js}

@@ -1,5 +1,5 @@
-import { defineTrait } from './define.js';
-import { prefersReducedMotion } from './motion.js';
+import { defineTrait } from '../define.js';
+import { prefersReducedMotion } from '../motion.js';
 
 /**
  * `error-shake` — horizontal lateral oscillation on validation failure.

package/traits/{error-shake.test.js → error-shake/error-shake.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { errorShake } from './error-shake.js';
-import { mountHost, connectTrait, spyEvent, resetDOM, wait } from './test-helpers.js';
+import { mountHost, connectTrait, spyEvent, resetDOM, wait } from '../test-helpers.js';
 
 describe('error-shake', () => {
   beforeEach(resetDOM);

package/traits/{fade-presence.js → fade-presence/fade-presence.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 export const fadePresence = defineTrait({
   name: 'fade-presence',

package/traits/{fade-presence.test.js → fade-presence/fade-presence.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { fadePresence } from './fade-presence.js';
-import { mountHost, connectTrait, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, resetDOM } from '../test-helpers.js';
 
 describe('fade-presence', () => {
   beforeEach(resetDOM);

package/traits/{focus-restore.js → focus-restore/focus-restore.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 /**
  * `focus-restore` — capture the previously-focused element on connect,

package/traits/{focus-restore.test.js → focus-restore/focus-restore.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { focusRestore } from './focus-restore.js';
-import { mountHost, connectTrait, spyEvent, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, spyEvent, resetDOM } from '../test-helpers.js';
 
 function focusableTrigger(label = 'Trigger') {
   const btn = document.createElement('button');

package/traits/{focus-trap.js → focus-trap/focus-trap.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 const FOCUSABLE_SELECTOR = 'a[href], [role="button"][tabindex], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"]), [contenteditable]';
 

package/traits/{focus-trap.test.js → focus-trap/focus-trap.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { focusTrap } from './focus-trap.js';
-import { mountHost, connectTrait, spyEvent, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, spyEvent, resetDOM } from '../test-helpers.js';
 
 function focusableChild(host, label) {
   const btn = document.createElement('button');

package/traits/{focusable.js → focusable/focusable.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 export const focusable = defineTrait({
   name: 'focusable',

package/traits/{focusable.test.js → focusable/focusable.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { focusable } from './focusable.js';
-import { mountHost, connectTrait, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, resetDOM } from '../test-helpers.js';
 
 describe('focusable', () => {
   beforeEach(resetDOM);

package/traits/{glow-focus.js → glow-focus/glow-focus.js}

@@ -1,5 +1,5 @@
-import { defineTrait } from './define.js';
-import { prefersReducedMotion } from './motion.js';
+import { defineTrait } from '../define.js';
+import { prefersReducedMotion } from '../motion.js';
 
 export const glowFocus = defineTrait({
   name: 'glow-focus',

package/traits/{glow-focus.test.js → glow-focus/glow-focus.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { glowFocus } from './glow-focus.js';
-import { mountHost, connectTrait, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, resetDOM } from '../test-helpers.js';
 
 describe('glow-focus', () => {
   beforeEach(resetDOM);

package/traits/{gradient-shift.js → gradient-shift/gradient-shift.js}

@@ -1,5 +1,5 @@
-import { defineTrait } from './define.js';
-import { prefersReducedMotion } from './motion.js';
+import { defineTrait } from '../define.js';
+import { prefersReducedMotion } from '../motion.js';
 
 export const gradientShift = defineTrait({
   name: 'gradient-shift',

package/traits/{gradient-shift.test.js → gradient-shift/gradient-shift.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { gradientShift } from './gradient-shift.js';
-import { mountHost, connectTrait, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, resetDOM } from '../test-helpers.js';
 
 describe('gradient-shift', () => {
   beforeEach(resetDOM);

package/traits/{haptic-feedback.js → haptic-feedback/haptic-feedback.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 export const hapticFeedback = defineTrait({
   name: 'haptic-feedback',

package/traits/{haptic-feedback.test.js → haptic-feedback/haptic-feedback.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach, vi, afterEach } from 'vitest';
 import { hapticFeedback } from './haptic-feedback.js';
-import { mountHost, connectTrait, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, resetDOM } from '../test-helpers.js';
 
 describe('haptic-feedback', () => {
   let originalVibrate;

package/traits/{hotkey.js → hotkey/hotkey.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 function isMac() {
   if (typeof navigator !== 'undefined') {

package/traits/{hotkey.test.js → hotkey/hotkey.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { hotkey } from './hotkey.js';
-import { mountHost, connectTrait, spyEvent, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, spyEvent, resetDOM } from '../test-helpers.js';
 
 describe('hotkey', () => {
   beforeEach(resetDOM);

package/traits/{hoverable.js → hoverable/hoverable.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 export const hoverable = defineTrait({
   name: 'hoverable',

package/traits/{hoverable.test.js → hoverable/hoverable.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { hoverable } from './hoverable.js';
-import { mountHost, connectTrait, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, resetDOM } from '../test-helpers.js';
 
 describe('hoverable', () => {
   beforeEach(resetDOM);