motionary 6.9.0 → 7.1.0

package/dist/components/vue.d.cts

@@ -393,26 +393,10 @@ interface UsaPressElement extends UsaElement {
     readonly pressed: boolean;
 }
 
-/**
- * `<usa-toggle>` — an accessible switch whose knob stretches while pressed
- * and glides across (the Windows 11 / iOS toggle). `role="switch"`,
- * keyboard (Space / Enter), and form-associated where `ElementInternals`
- * exists (submits `value`, default `"on"`, under `name` when checked).
- *
- * Attributes: `checked`, `disabled`, `name`, `value`, `label`
- * (accessible name if there is no `aria-label` / `<label>`). Events:
- * `change` and `usa:change` (`detail.checked`). Reduced motion: no glide.
- */
-interface UsaToggleElement extends UsaElement {
-    checked: boolean;
-    disabled: boolean;
-    toggle(force?: boolean): void;
-}
-
 /**
  * motionary/components/interaction — micro-interactions.
  * `<usa-ripple>`, `<usa-magnetic>`, `<usa-tilt>`, `<usa-spotlight>`,
- * `<usa-press>`, `<usa-toggle>`.
+ * `<usa-press>`.
  */
 
 declare global {
@@ -422,7 +406,6 @@ declare global {
         'usa-tilt': UsaTiltElement;
         'usa-spotlight': UsaSpotlightElement;
         'usa-press': UsaPressElement;
-        'usa-toggle': UsaToggleElement;
     }
 }
 
@@ -1152,19 +1135,6 @@ interface UsaRatingElement extends UsaElement {
     value: number;
 }
 
-/**
- * `<usa-tooltip text="…">` — a tooltip for the element it wraps, shown on
- * hover (after `delay` ms, 300) and on keyboard focus, hidden on Esc / blur.
- * It springs in from its placement side and flips to stay on screen; the
- * trigger gets `aria-describedby`.
- * Attributes: `text`, `placement` (`top` default, `bottom`, `left`, `right`),
- * `delay`, `variant`. Reduced motion: fades only.
- */
-interface UsaTooltipElement extends UsaElement {
-    show(): void;
-    hide(): void;
-}
-
 /**
  * `<usa-popover>` — a click-to-open popover: the first element child is the
  * trigger, `[data-popover]` is the content. Springs open from the trigger,
@@ -1203,7 +1173,7 @@ interface UsaAvatarStackElement extends UsaElement {
  * motionary/components/ui — animated UI components + style variants (v2.6).
  * `<usa-tabs>`, `<usa-drawer>`, `<usa-bottom-sheet>`, `<usa-pull-refresh>`,
  * `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`, `<usa-rating>`,
- * `<usa-tooltip>`, `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
+ * `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
  * and `variant="minimal | neon | glass | brutalist | fluent | material"`
  * design tokens (`setVariant()`, `VARIANTS`).
  */
@@ -1218,7 +1188,6 @@ declare global {
         'usa-navbar': UsaNavbarElement;
         'usa-slider': UsaSliderElement;
         'usa-rating': UsaRatingElement;
-        'usa-tooltip': UsaTooltipElement;
         'usa-popover': UsaPopoverElement;
         'usa-badge': UsaBadgeElement;
         'usa-avatar-stack': UsaAvatarStackElement;
@@ -1638,14 +1607,14 @@ declare global {
 declare const COMPONENT_CATEGORIES: {
     readonly reveal: readonly ["usa-reveal", "usa-stagger", "usa-scroll-progress", "usa-scrolly"];
     readonly text: readonly ["usa-typewriter", "usa-split-text", "usa-scramble", "usa-counter", "usa-shimmer-text", "usa-text-rotate", "usa-wave-text", "usa-glitch", "usa-gradient-text", "usa-handwriting", "usa-scroll-highlight"];
-    readonly interaction: readonly ["usa-ripple", "usa-magnetic", "usa-tilt", "usa-spotlight", "usa-press", "usa-toggle"];
+    readonly interaction: readonly ["usa-ripple", "usa-magnetic", "usa-tilt", "usa-spotlight", "usa-press"];
     readonly feedback: readonly ["usa-spinner", "usa-skeleton", "usa-progress", "usa-toaster", "usa-check"];
     readonly background: readonly ["usa-aurora", "usa-particles", "usa-grain", "usa-marquee", "usa-acrylic", "usa-grid-glow", "usa-blobs", "usa-water-ripple", "usa-dot-network"];
     readonly transitions: readonly ["usa-dialog", "usa-accordion", "usa-view-switch"];
     readonly physics: readonly ["usa-spring", "usa-draggable", "usa-overscroll"];
     readonly cards: readonly ["usa-card", "usa-card-stack", "usa-sticky-stack", "usa-carousel-3d"];
     readonly click: readonly ["usa-click", "usa-button", "usa-icon-morph", "usa-like", "usa-hold", "usa-double-tap", "usa-checkbox"];
-    readonly ui: readonly ["usa-tabs", "usa-drawer", "usa-bottom-sheet", "usa-pull-refresh", "usa-fab", "usa-navbar", "usa-slider", "usa-rating", "usa-tooltip", "usa-popover", "usa-badge", "usa-avatar-stack"];
+    readonly ui: readonly ["usa-tabs", "usa-drawer", "usa-bottom-sheet", "usa-pull-refresh", "usa-fab", "usa-navbar", "usa-slider", "usa-rating", "usa-popover", "usa-badge", "usa-avatar-stack"];
     readonly page: readonly ["usa-cursor", "usa-fullpage", "usa-loading-bar", "usa-back-to-top", "usa-ambient", "usa-splash", "usa-auto-skeleton", "usa-motion-switch"];
     readonly timeline: readonly ["usa-timeline"];
     readonly gesture: readonly ["usa-swipeable", "usa-pinch-zoom"];
@@ -1698,7 +1667,7 @@ declare global {
  * app.use(UsaPlugin, { categories: ['click', 'cards'] });
  * ```
  * In templates, listen with `@usa:change="…"` and bind properties with
- * `.prop`: `<usa-toggle :checked.prop="on" @usa:change="on = $event.detail.checked">`.
+ * `.prop`: `<usa-switch :checked.prop="on" @usa:change="on = $event.detail.checked">`.
  */
 
 /** `compilerOptions.isCustomElement` predicate for every `<usa-*>` tag. */

package/dist/components/vue.d.ts

@@ -393,26 +393,10 @@ interface UsaPressElement extends UsaElement {
     readonly pressed: boolean;
 }
 
-/**
- * `<usa-toggle>` — an accessible switch whose knob stretches while pressed
- * and glides across (the Windows 11 / iOS toggle). `role="switch"`,
- * keyboard (Space / Enter), and form-associated where `ElementInternals`
- * exists (submits `value`, default `"on"`, under `name` when checked).
- *
- * Attributes: `checked`, `disabled`, `name`, `value`, `label`
- * (accessible name if there is no `aria-label` / `<label>`). Events:
- * `change` and `usa:change` (`detail.checked`). Reduced motion: no glide.
- */
-interface UsaToggleElement extends UsaElement {
-    checked: boolean;
-    disabled: boolean;
-    toggle(force?: boolean): void;
-}
-
 /**
  * motionary/components/interaction — micro-interactions.
  * `<usa-ripple>`, `<usa-magnetic>`, `<usa-tilt>`, `<usa-spotlight>`,
- * `<usa-press>`, `<usa-toggle>`.
+ * `<usa-press>`.
  */
 
 declare global {
@@ -422,7 +406,6 @@ declare global {
         'usa-tilt': UsaTiltElement;
         'usa-spotlight': UsaSpotlightElement;
         'usa-press': UsaPressElement;
-        'usa-toggle': UsaToggleElement;
     }
 }
 
@@ -1152,19 +1135,6 @@ interface UsaRatingElement extends UsaElement {
     value: number;
 }
 
-/**
- * `<usa-tooltip text="…">` — a tooltip for the element it wraps, shown on
- * hover (after `delay` ms, 300) and on keyboard focus, hidden on Esc / blur.
- * It springs in from its placement side and flips to stay on screen; the
- * trigger gets `aria-describedby`.
- * Attributes: `text`, `placement` (`top` default, `bottom`, `left`, `right`),
- * `delay`, `variant`. Reduced motion: fades only.
- */
-interface UsaTooltipElement extends UsaElement {
-    show(): void;
-    hide(): void;
-}
-
 /**
  * `<usa-popover>` — a click-to-open popover: the first element child is the
  * trigger, `[data-popover]` is the content. Springs open from the trigger,
@@ -1203,7 +1173,7 @@ interface UsaAvatarStackElement extends UsaElement {
  * motionary/components/ui — animated UI components + style variants (v2.6).
  * `<usa-tabs>`, `<usa-drawer>`, `<usa-bottom-sheet>`, `<usa-pull-refresh>`,
  * `<usa-fab>`, `<usa-navbar>`, `<usa-slider>`, `<usa-rating>`,
- * `<usa-tooltip>`, `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
+ * `<usa-popover>`, `<usa-badge>`, `<usa-avatar-stack>`,
  * and `variant="minimal | neon | glass | brutalist | fluent | material"`
  * design tokens (`setVariant()`, `VARIANTS`).
  */
@@ -1218,7 +1188,6 @@ declare global {
         'usa-navbar': UsaNavbarElement;
         'usa-slider': UsaSliderElement;
         'usa-rating': UsaRatingElement;
-        'usa-tooltip': UsaTooltipElement;
         'usa-popover': UsaPopoverElement;
         'usa-badge': UsaBadgeElement;
         'usa-avatar-stack': UsaAvatarStackElement;
@@ -1638,14 +1607,14 @@ declare global {
 declare const COMPONENT_CATEGORIES: {
     readonly reveal: readonly ["usa-reveal", "usa-stagger", "usa-scroll-progress", "usa-scrolly"];
     readonly text: readonly ["usa-typewriter", "usa-split-text", "usa-scramble", "usa-counter", "usa-shimmer-text", "usa-text-rotate", "usa-wave-text", "usa-glitch", "usa-gradient-text", "usa-handwriting", "usa-scroll-highlight"];
-    readonly interaction: readonly ["usa-ripple", "usa-magnetic", "usa-tilt", "usa-spotlight", "usa-press", "usa-toggle"];
+    readonly interaction: readonly ["usa-ripple", "usa-magnetic", "usa-tilt", "usa-spotlight", "usa-press"];
     readonly feedback: readonly ["usa-spinner", "usa-skeleton", "usa-progress", "usa-toaster", "usa-check"];
     readonly background: readonly ["usa-aurora", "usa-particles", "usa-grain", "usa-marquee", "usa-acrylic", "usa-grid-glow", "usa-blobs", "usa-water-ripple", "usa-dot-network"];
     readonly transitions: readonly ["usa-dialog", "usa-accordion", "usa-view-switch"];
     readonly physics: readonly ["usa-spring", "usa-draggable", "usa-overscroll"];
     readonly cards: readonly ["usa-card", "usa-card-stack", "usa-sticky-stack", "usa-carousel-3d"];
     readonly click: readonly ["usa-click", "usa-button", "usa-icon-morph", "usa-like", "usa-hold", "usa-double-tap", "usa-checkbox"];
-    readonly ui: readonly ["usa-tabs", "usa-drawer", "usa-bottom-sheet", "usa-pull-refresh", "usa-fab", "usa-navbar", "usa-slider", "usa-rating", "usa-tooltip", "usa-popover", "usa-badge", "usa-avatar-stack"];
+    readonly ui: readonly ["usa-tabs", "usa-drawer", "usa-bottom-sheet", "usa-pull-refresh", "usa-fab", "usa-navbar", "usa-slider", "usa-rating", "usa-popover", "usa-badge", "usa-avatar-stack"];
     readonly page: readonly ["usa-cursor", "usa-fullpage", "usa-loading-bar", "usa-back-to-top", "usa-ambient", "usa-splash", "usa-auto-skeleton", "usa-motion-switch"];
     readonly timeline: readonly ["usa-timeline"];
     readonly gesture: readonly ["usa-swipeable", "usa-pinch-zoom"];
@@ -1698,7 +1667,7 @@ declare global {
  * app.use(UsaPlugin, { categories: ['click', 'cards'] });
  * ```
  * In templates, listen with `@usa:change="…"` and bind properties with
- * `.prop`: `<usa-toggle :checked.prop="on" @usa:change="on = $event.detail.checked">`.
+ * `.prop`: `<usa-switch :checked.prop="on" @usa:change="on = $event.detail.checked">`.
  */
 
 /** `compilerOptions.isCustomElement` predicate for every `<usa-*>` tag. */

package/dist/components/vue.js

@@ -1,33 +1,33 @@
 import { defineComponents } from '../components.js';
 import './reveal.js';
-import '../chunks/base-D5MHqeDd.js';
+import '../chunks/base-2-yYc93C.js';
 import './text.js';
-import '../chunks/core-DyJu5r5a.js';
+import '../chunks/core-D5rU0CV6.js';
 import './tokens.js';
 import './interaction.js';
 import './feedback.js';
 import './background.js';
-import '../chunks/variants-CoZn3k_5.js';
+import '../chunks/variants-BQ6bhzn4.js';
 import './transitions.js';
 import './physics.js';
-import '../chunks/spring-B-9MZOrW.js';
+import '../chunks/spring-BK8DiezC.js';
 import './cards.js';
 import './click.js';
-import '../chunks/fx-DlGRMJ-Z.js';
+import '../chunks/fx-CMxWNwH8.js';
 import './ui.js';
 import './page.js';
 import './timeline.js';
 import './gesture.js';
-import '../chunks/core-ZGo4hOEk.js';
+import '../chunks/core-DuO-AVXL.js';
 import './svg.js';
 import './webgl.js';
 import './depth.js';
 import './layout.js';
 import './packs.js';
 import './fx.js';
-import '../chunks/registry-CTLWeg-J.js';
+import '../chunks/registry-CyKExAmE.js';
 import './a11y.js';
-import '../chunks/index-tags-DucKMQr_.js';
+import '../chunks/index-tags-C04JP8g4.js';
 import './perf.js';
 import './bridge.js';
 
@@ -45,7 +45,7 @@ import './bridge.js';
  * app.use(UsaPlugin, { categories: ['click', 'cards'] });
  * ```
  * In templates, listen with `@usa:change="…"` and bind properties with
- * `.prop`: `<usa-toggle :checked.prop="on" @usa:change="on = $event.detail.checked">`.
+ * `.prop`: `<usa-switch :checked.prop="on" @usa:change="on = $event.detail.checked">`.
  */
 /** `compilerOptions.isCustomElement` predicate for every `<usa-*>` tag. */
 const isUsaElement = (tag) => tag.startsWith('usa-');

package/dist/components/vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"vue.js","sources":["../../src/components/frameworks/vue.ts"],"sourcesContent":["/**\n * motionary/components/vue — Vue integration (v2.9).\n *\n * ```js\n * // vite.config.js\n * import vue from '@vitejs/plugin-vue';\n * import { isUsaElement } from 'motionary/components/vue';\n * export default { plugins: [vue({ template: { compilerOptions: { isCustomElement: isUsaElement } } })] };\n *\n * // main.js\n * import { UsaPlugin } from 'motionary/components/vue';\n * app.use(UsaPlugin, { categories: ['click', 'cards'] });\n * ```\n * In templates, listen with `@usa:change=\"…\"` and bind properties with\n * `.prop`: `<usa-toggle :checked.prop=\"on\" @usa:change=\"on = $event.detail.checked\">`.\n */\nimport { defineComponents, type ComponentCategory } from '../index';\n\n/** `compilerOptions.isCustomElement` predicate for every `<usa-*>` tag. */\nexport const isUsaElement = (tag: string): boolean => tag.startsWith('usa-');\n\nexport interface UsaPluginOptions {\n  /** Only register these categories (default: all). */\n  categories?: ComponentCategory[];\n}\n\n/** Vue plugin: registers the `<usa-*>` elements (client only) and sets `isCustomElement` at runtime. */\nexport const UsaPlugin = {\n  install(app: { config: { compilerOptions?: { isCustomElement?: (t: string) => boolean } } }, options: UsaPluginOptions = {}): void {\n    const co = (app.config.compilerOptions ||= {});\n    const prev = co.isCustomElement;\n    co.isCustomElement = (t: string) => isUsaElement(t) || !!prev?.(t);\n    defineComponents(options.categories);\n  },\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;AAeG;AAGH;AACO,MAAM,YAAY,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,MAAM;AAO3E;AACO,MAAM,SAAS,GAAG;AACvB,IAAA,OAAO,CAAC,GAAmF,EAAE,OAAA,GAA4B,EAAE,EAAA;;AACzH,QAAA,MAAM,EAAE,IAAG,CAAA,EAAA,GAAC,GAAG,CAAC,MAAM,EAAC,eAAe,KAAA,EAAA,CAAf,eAAe,GAAK,EAAE,EAAC;AAC9C,QAAA,MAAM,IAAI,GAAG,EAAE,CAAC,eAAe;QAC/B,EAAE,CAAC,eAAe,GAAG,CAAC,CAAS,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;AAClE,QAAA,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC;IACtC,CAAC;;;;;"}
+{"version":3,"file":"vue.js","sources":["../../src/components/frameworks/vue.ts"],"sourcesContent":["/**\n * motionary/components/vue — Vue integration (v2.9).\n *\n * ```js\n * // vite.config.js\n * import vue from '@vitejs/plugin-vue';\n * import { isUsaElement } from 'motionary/components/vue';\n * export default { plugins: [vue({ template: { compilerOptions: { isCustomElement: isUsaElement } } })] };\n *\n * // main.js\n * import { UsaPlugin } from 'motionary/components/vue';\n * app.use(UsaPlugin, { categories: ['click', 'cards'] });\n * ```\n * In templates, listen with `@usa:change=\"…\"` and bind properties with\n * `.prop`: `<usa-switch :checked.prop=\"on\" @usa:change=\"on = $event.detail.checked\">`.\n */\nimport { defineComponents, type ComponentCategory } from '../index';\n\n/** `compilerOptions.isCustomElement` predicate for every `<usa-*>` tag. */\nexport const isUsaElement = (tag: string): boolean => tag.startsWith('usa-');\n\nexport interface UsaPluginOptions {\n  /** Only register these categories (default: all). */\n  categories?: ComponentCategory[];\n}\n\n/** Vue plugin: registers the `<usa-*>` elements (client only) and sets `isCustomElement` at runtime. */\nexport const UsaPlugin = {\n  install(app: { config: { compilerOptions?: { isCustomElement?: (t: string) => boolean } } }, options: UsaPluginOptions = {}): void {\n    const co = (app.config.compilerOptions ||= {});\n    const prev = co.isCustomElement;\n    co.isCustomElement = (t: string) => isUsaElement(t) || !!prev?.(t);\n    defineComponents(options.categories);\n  },\n};\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;AAeG;AAGH;AACO,MAAM,YAAY,GAAG,CAAC,GAAW,KAAc,GAAG,CAAC,UAAU,CAAC,MAAM;AAO3E;AACO,MAAM,SAAS,GAAG;AACvB,IAAA,OAAO,CAAC,GAAmF,EAAE,OAAA,GAA4B,EAAE,EAAA;;AACzH,QAAA,MAAM,EAAE,IAAG,CAAA,EAAA,GAAC,GAAG,CAAC,MAAM,EAAC,eAAe,KAAA,EAAA,CAAf,eAAe,GAAK,EAAE,EAAC;AAC9C,QAAA,MAAM,IAAI,GAAG,EAAE,CAAC,eAAe;QAC/B,EAAE,CAAC,eAAe,GAAG,CAAC,CAAS,KAAK,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC;AAClE,QAAA,gBAAgB,CAAC,OAAO,CAAC,UAAU,CAAC;IACtC,CAAC;;;;;"}

package/dist/components/webgl.js

@@ -1,4 +1,4 @@
-import { y as defineElement, q as now, k as clamp, l as caf, r as raf } from '../chunks/base-D5MHqeDd.js';
+import { u as defineElement, q as now, k as clamp, l as caf, r as raf } from '../chunks/base-2-yYc93C.js';
 
 /** Minimal WebGL runner: one full-canvas quad, one fragment shader, optional image texture. */
 const VERTEX = 'attribute vec2 p;varying vec2 v_uv;void main(){v_uv=p*.5+.5;gl_Position=vec4(p,0.,1.);}';