@adia-ai/web-components 0.3.0 → 0.3.1

package/traits/index.js

@@ -9,75 +9,75 @@
 import './traits-host.js';
 
 // input-interaction
-export { pressable } from './pressable.js';
-export { focusable } from './focusable.js';
-export { hoverable } from './hoverable.js';
-export { activeState } from './active-state.js';
-export { longPress } from './long-press.js';
-export { droppable } from './droppable.js';
-export { droppableCollection } from './droppable-collection.js';
+export { pressable } from './pressable/pressable.js';
+export { focusable } from './focusable/focusable.js';
+export { hoverable } from './hoverable/hoverable.js';
+export { activeState } from './active-state/active-state.js';
+export { longPress } from './long-press/long-press.js';
+export { droppable } from './droppable/droppable.js';
+export { droppableCollection } from './droppable-collection/droppable-collection.js';
 
 // keyboard-navigation
-export { keyboardNav } from './keyboard-nav.js';
-export { rovingTabindex } from './roving-tabindex.js';
-export { typeahead } from './typeahead.js';
-export { hotkey } from './hotkey.js';
-export { focusTrap } from './focus-trap.js';
-export { focusRestore } from './focus-restore.js';
-export { arrowGridNav } from './arrow-grid-nav.js';
-export { keyboardReorderable } from './keyboard-reorderable.js';
+export { keyboardNav } from './keyboard-nav/keyboard-nav.js';
+export { rovingTabindex } from './roving-tabindex/roving-tabindex.js';
+export { typeahead } from './typeahead/typeahead.js';
+export { hotkey } from './hotkey/hotkey.js';
+export { focusTrap } from './focus-trap/focus-trap.js';
+export { focusRestore } from './focus-restore/focus-restore.js';
+export { arrowGridNav } from './arrow-grid-nav/arrow-grid-nav.js';
+export { keyboardReorderable } from './keyboard-reorderable/keyboard-reorderable.js';
 
 // forms-data
-export { validation } from './validation.js';
-export { dirtyState } from './dirty-state.js';
-export { resettable } from './resettable.js';
-export { inputMask } from './input-mask.js';
+export { validation } from './validation/validation.js';
+export { dirtyState } from './dirty-state/dirty-state.js';
+export { resettable } from './resettable/resettable.js';
+export { inputMask } from './input-mask/input-mask.js';
 
 // layout-measurement
-export { resizeObserver } from './resize-observer.js';
-export { intersectionObserver } from './intersection-observer.js';
-export { anchorPositioning } from './anchor-positioning.js';
-export { portal } from './portal.js';
-export { scrollLock } from './scroll-lock.js';
-export { scrollProgress } from './scroll-progress.js';
+export { resizeObserver } from './resize-observer/resize-observer.js';
+export { intersectionObserver } from './intersection-observer/intersection-observer.js';
+export { anchorPositioning } from './anchor-positioning/anchor-positioning.js';
+export { portal } from './portal/portal.js';
+export { scrollLock } from './scroll-lock/scroll-lock.js';
+export { scrollProgress } from './scroll-progress/scroll-progress.js';
 
 // motion-positioning
-export { draggable } from './draggable.js';
-export { tossable } from './tossable.js';
-export { resizable } from './resizable.js';
-export { inertiaDrag } from './inertia-drag.js';
-export { snapToGrid } from './snap-to-grid.js';
-export { dragGhost } from './drag-ghost.js';
-export { dropTarget } from './drop-target.js';
-export { layoutAnimation } from './layout-animation.js';
-export { viewTransition } from './view-transition.js';
-export { draggableListItem } from './draggable-list-item.js';
+export { draggable } from './draggable/draggable.js';
+export { tossable } from './tossable/tossable.js';
+export { resizable } from './resizable/resizable.js';
+export { inertiaDrag } from './inertia-drag/inertia-drag.js';
+export { snapToGrid } from './snap-to-grid/snap-to-grid.js';
+export { dragGhost } from './drag-ghost/drag-ghost.js';
+export { dropTarget } from './drop-target/drop-target.js';
+export { layoutAnimation } from './layout-animation/layout-animation.js';
+export { viewTransition } from './view-transition/view-transition.js';
+export { draggableListItem } from './draggable-list-item/draggable-list-item.js';
 
 // animation-feedback
-export { ripple } from './ripple.js';
-export { springAnimate } from './spring-animate.js';
-export { fadePresence } from './fade-presence.js';
-export { scalePress } from './scale-press.js';
-export { tiltHover } from './tilt-hover.js';
-export { errorShake } from './error-shake.js';
-export { successCheckmark } from './success-checkmark.js';
+export { ripple } from './ripple/ripple.js';
+export { springAnimate } from './spring-animate/spring-animate.js';
+export { fadePresence } from './fade-presence/fade-presence.js';
+export { scalePress } from './scale-press/scale-press.js';
+export { tiltHover } from './tilt-hover/tilt-hover.js';
+export { errorShake } from './error-shake/error-shake.js';
+export { successCheckmark } from './success-checkmark/success-checkmark.js';
 
 // visual-dynamics
-export { glowFocus } from './glow-focus.js';
-export { gradientShift } from './gradient-shift.js';
-export { parallax } from './parallax.js';
-export { shimmerLoading } from './shimmer-loading.js';
-export { noiseTexture } from './noise-texture.js';
+export { glowFocus } from './glow-focus/glow-focus.js';
+export { gradientShift } from './gradient-shift/gradient-shift.js';
+export { parallax } from './parallax/parallax.js';
+export { shimmerLoading } from './shimmer-loading/shimmer-loading.js';
+export { noiseTexture } from './noise-texture/noise-texture.js';
 
 // interaction-delight
-export { magneticHover } from './magnetic-hover.js';
-export { confetti } from './confetti.js';
-export { confettiBurst } from './confetti-burst.js';
+export { magneticHover } from './magnetic-hover/magnetic-hover.js';
+export { confetti } from './confetti/confetti.js';
+export { confettiBurst } from './confetti-burst/confetti-burst.js';
 
 // audio-haptics-sensory
-export { soundFeedback } from './sound-feedback.js';
-export { hapticFeedback } from './haptic-feedback.js';
-export { typewriter } from './typewriter.js';
-export { countUp } from './count-up.js';
-export { attentionPulse } from './attention-pulse.js';
-export { announcer } from './announcer.js';
+export { soundFeedback } from './sound-feedback/sound-feedback.js';
+export { hapticFeedback } from './haptic-feedback/haptic-feedback.js';
+export { typewriter } from './typewriter/typewriter.js';
+export { countUp } from './count-up/count-up.js';
+export { attentionPulse } from './attention-pulse/attention-pulse.js';
+export { announcer } from './announcer/announcer.js';

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

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 const FRICTION = 0.95;
 const MIN_VELOCITY = 0.5;

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

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

package/traits/{input-mask.js → input-mask/input-mask.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 /**
  * Built-in named patterns. User-supplied patterns override these.

package/traits/{input-mask.test.js → input-mask/input-mask.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { inputMask } from './input-mask.js';
-import { mountHost, connectTrait, spyEvent, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, spyEvent, resetDOM } from '../test-helpers.js';
 
 /**
  * Drive an `input` event with a new value and a caret-position guess.

package/traits/{intersection-observer.js → intersection-observer/intersection-observer.js}

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

package/traits/{intersection-observer.test.js → intersection-observer/intersection-observer.test.js}

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

package/traits/{keyboard-nav.js → keyboard-nav/keyboard-nav.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 const KEY_MAP = {
   ArrowUp: 'nav-up',

package/traits/{keyboard-nav.test.js → keyboard-nav/keyboard-nav.test.js}

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

package/traits/{keyboard-reorderable.js → keyboard-reorderable/keyboard-reorderable.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 /**
  * `keyboard-reorderable` — keyboard alternative to `draggable-list-item`.
@@ -28,7 +28,7 @@ import { defineTrait } from './define.js';
  * narrations.
  */
 
-import { announce } from './announcer-stage.js';
+import { announce } from '../announcer/announcer-stage.js';
 
 // Same debounce gate as draggable-list-item — module-private throttle
 // for drop-target-change announcements; immediate calls supersede.

package/traits/{keyboard-reorderable.test.js → keyboard-reorderable/keyboard-reorderable.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { keyboardReorderable } from './keyboard-reorderable.js';
-import { mountHost, connectTrait, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, resetDOM } from '../test-helpers.js';
 
 // Minimal smoke coverage. Keyboard-reorderable is the WCAG 2.5.7 +
 // ARIA 1.1 alternative to draggable-list-item for the

package/traits/{layout-animation.js → layout-animation/layout-animation.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';
 
 /**
  * layout-animation — FLIP (First / Last / Invert / Play) layout transitions.

package/traits/{layout-animation.test.js → layout-animation/layout-animation.test.js}

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

package/traits/{long-press.js → long-press/long-press.js}

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

package/traits/{long-press.test.js → long-press/long-press.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach, vi } from 'vitest';
 import { longPress } from './long-press.js';
-import { mountHost, connectTrait, spyEvent, resetDOM, wait } from './test-helpers.js';
+import { mountHost, connectTrait, spyEvent, resetDOM, wait } from '../test-helpers.js';
 
 function pointerDown(host, x = 0, y = 0) {
   host.dispatchEvent(new PointerEvent('pointerdown', { clientX: x, clientY: y, bubbles: true }));

package/traits/{magnetic-hover.js → magnetic-hover/magnetic-hover.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 magneticHover = defineTrait({
   name: 'magnetic-hover',

package/traits/{magnetic-hover.test.js → magnetic-hover/magnetic-hover.test.js}

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

package/traits/{noise-texture.js → noise-texture/noise-texture.js}

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

package/traits/{noise-texture.test.js → noise-texture/noise-texture.test.js}

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

package/traits/{parallax.js → parallax/parallax.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 parallax = defineTrait({
   name: 'parallax',

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

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

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

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

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

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

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 /**
  * Listens for the host's enclosing form's `reset` event and snaps the host's

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

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { resettable } from './resettable.js';
-import { mountHost, connectTrait, spyEvent, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, spyEvent, resetDOM } from '../test-helpers.js';
 
 function mountInForm(initialValue = 'initial') {
   const form = document.createElement('form');

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

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 const EDGE_SIZE = 8;
 const EDGES = ['top', 'right', 'bottom', 'left'];

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

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

package/traits/{resize-observer.js → resize-observer/resize-observer.js}

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

package/traits/{resize-observer.test.js → resize-observer/resize-observer.test.js}

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

package/traits/{ripple.js → ripple/ripple.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 ripple = defineTrait({
   name: 'ripple',

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

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

package/traits/{roving-tabindex.js → roving-tabindex/roving-tabindex.js}

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

package/traits/{roving-tabindex.test.js → roving-tabindex/roving-tabindex.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { rovingTabindex } from './roving-tabindex.js';
-import { mountHost, connectTrait, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, resetDOM } from '../test-helpers.js';
 
 function tabbableChild(host) {
   const btn = document.createElement('button');

package/traits/{scale-press.js → scale-press/scale-press.js}

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

package/traits/{scale-press.test.js → scale-press/scale-press.test.js}

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

package/traits/{scroll-lock.js → scroll-lock/scroll-lock.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 let lockCount = 0;
 let savedOverflow = '';

package/traits/{scroll-lock.test.js → scroll-lock/scroll-lock.test.js}

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

package/traits/{scroll-progress.js → scroll-progress/scroll-progress.js}

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 /**
  * scroll-progress — surfaces page or element scroll progress as a 0..1

package/traits/{scroll-progress.test.js → scroll-progress/scroll-progress.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach, vi, afterEach } from 'vitest';
 import { scrollProgress } from './scroll-progress.js';
-import { mountHost, connectTrait, spyEvent, resetDOM } from './test-helpers.js';
+import { mountHost, connectTrait, spyEvent, resetDOM } from '../test-helpers.js';
 
 describe('scroll-progress', () => {
   let originalRAF;

package/traits/{shimmer-loading.js → shimmer-loading/shimmer-loading.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 shimmerLoading = defineTrait({
   name: 'shimmer-loading',

package/traits/{shimmer-loading.test.js → shimmer-loading/shimmer-loading.test.js}

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

package/traits/{snap-to-grid.js → snap-to-grid/snap-to-grid.js}

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

package/traits/{snap-to-grid.test.js → snap-to-grid/snap-to-grid.test.js}

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

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

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

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

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

package/traits/{spring-animate.js → spring-animate/spring-animate.js}

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

package/traits/{spring-animate.test.js → spring-animate/spring-animate.test.js}

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

package/traits/{success-checkmark.js → success-checkmark/success-checkmark.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';
 
 /**
  * `success-checkmark` — SVG path stroke-draw animation. "I confirmed it

package/traits/{success-checkmark.test.js → success-checkmark/success-checkmark.test.js}

@@ -1,6 +1,6 @@
 import { describe, it, expect, beforeEach } from 'vitest';
 import { successCheckmark } from './success-checkmark.js';
-import { mountHost, connectTrait, spyEvent, resetDOM, wait } from './test-helpers.js';
+import { mountHost, connectTrait, spyEvent, resetDOM, wait } from '../test-helpers.js';
 
 // Helper: query the SVG that the trait stamps. As of the overflow:hidden
 // fix, the SVG renders at body level (position: fixed) so it can't be

package/traits/{tilt-hover.js → tilt-hover/tilt-hover.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 tiltHover = defineTrait({
   name: 'tilt-hover',

package/traits/{tilt-hover.test.js → tilt-hover/tilt-hover.test.js}

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

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

@@ -1,4 +1,4 @@
-import { defineTrait } from './define.js';
+import { defineTrait } from '../define.js';
 
 const FRICTION = 0.92;
 const BOUNCE_FACTOR = -0.6;

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

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

package/traits/traits-host.test.js

@@ -8,8 +8,8 @@
 
 import { describe, it, expect, beforeEach } from 'vitest';
 import './traits-host.js';
-import './pressable.js';
-import './hoverable.js';
+import './pressable/pressable.js';
+import './hoverable/hoverable.js';
 import { resetDOM } from './test-helpers.js';
 
 describe('<traits-host>', () => {