motionary 0.0.0-stage → 6.2.0

package/dist/components/solid.js

@@ -0,0 +1,82 @@
+import { createRenderEffect, onCleanup } from 'solid-js';
+import { defineComponents } from '../components.js';
+import { b as bindUsa } from '../chunks/bind-B_CTL6Qn.js';
+export { u as usaEventName } from '../chunks/bind-B_CTL6Qn.js';
+import './reveal.js';
+import '../chunks/base-C_3cAoRz.js';
+import './text.js';
+import '../chunks/core-VEBw36QK.js';
+import './tokens.js';
+import './interaction.js';
+import './feedback.js';
+import './background.js';
+import '../chunks/variants-DRlKVHvu.js';
+import './transitions.js';
+import './physics.js';
+import '../chunks/spring-CbvHfVtP.js';
+import './cards.js';
+import './click.js';
+import '../chunks/fx-Bs6IrV4Q.js';
+import './ui.js';
+import './page.js';
+import './timeline.js';
+import './gesture.js';
+import '../chunks/core-ps8uvYuN.js';
+import './svg.js';
+import './webgl.js';
+import './depth.js';
+import './layout.js';
+import './packs.js';
+import './fx.js';
+import '../chunks/registry-CKNLQpwd.js';
+import './a11y.js';
+import '../chunks/index-tags-DucKMQr_.js';
+import './perf.js';
+import './bridge.js';
+
+/**
+ * motionary/components/solid — Solid integration (v3.8).
+ * Solid renders custom elements natively: set properties with `prop:` and
+ * listen with `on:` (`<usa-toggle prop:checked={on()} on:usa:change={…}>`).
+ * This entry adds `defineUsa()` (client only, SolidStart-safe), a `usa`
+ * directive for `use:usa={{ props, on }}`, and JSX types.
+ *
+ * ```tsx
+ * import { defineUsa, usa } from 'motionary/components/solid';
+ * import type {} from 'motionary/components/solid'; // JSX types
+ * onMount(() => defineUsa());
+ * false && usa; // keep the directive import (Solid convention)
+ * <usa-card use:usa={{ on: { flip: (e) => console.log(e.detail) } }} effect="flip">…</usa-card>
+ * ```
+ */
+/**
+ * Solid directive (`use:usa`). Solid calls it with the element and an
+ * accessor; since 4.0.1 the binding is tracked with `createRenderEffect`, so
+ * signals read inside `{{ props, on }}` update the element automatically and
+ * the listeners are removed on cleanup. `refresh()` is kept for code that
+ * calls the directive outside a reactive owner.
+ */
+function usa(el, accessor) {
+    let b = null;
+    const run = () => {
+        const v = accessor() || {};
+        if (b)
+            b.update(v);
+        else
+            b = bindUsa(el, v);
+    };
+    createRenderEffect(run);
+    if (!b)
+        run();
+    const destroy = () => b?.destroy();
+    onCleanup(destroy);
+    return { refresh: run, destroy };
+}
+/** Register the elements (all, or some categories) — call from `onMount` in SSR apps. */
+function defineUsa(categories) {
+    if (typeof window !== 'undefined')
+        defineComponents(categories);
+}
+
+export { bindUsa, defineUsa, usa };
+//# sourceMappingURL=solid.js.map

package/dist/components/solid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"solid.js","sources":["../../src/components/frameworks/solid.ts"],"sourcesContent":["/**\n * motionary/components/solid — Solid integration (v3.8).\n * Solid renders custom elements natively: set properties with `prop:` and\n * listen with `on:` (`<usa-toggle prop:checked={on()} on:usa:change={…}>`).\n * This entry adds `defineUsa()` (client only, SolidStart-safe), a `usa`\n * directive for `use:usa={{ props, on }}`, and JSX types.\n *\n * ```tsx\n * import { defineUsa, usa } from 'motionary/components/solid';\n * import type {} from 'motionary/components/solid'; // JSX types\n * onMount(() => defineUsa());\n * false && usa; // keep the directive import (Solid convention)\n * <usa-card use:usa={{ on: { flip: (e) => console.log(e.detail) } }} effect=\"flip\">…</usa-card>\n * ```\n */\nimport { createRenderEffect, onCleanup } from 'solid-js';\nimport { defineComponents, type ComponentCategory } from '../index';\nimport { bindUsa, type UsaBinding } from './bind';\nimport type { UsaIntrinsicElements } from './jsx';\n\nexport { bindUsa, usaEventName } from './bind';\nexport type { UsaBinding } from './bind';\n\n/**\n * Solid directive (`use:usa`). Solid calls it with the element and an\n * accessor; since 4.0.1 the binding is tracked with `createRenderEffect`, so\n * signals read inside `{{ props, on }}` update the element automatically and\n * the listeners are removed on cleanup. `refresh()` is kept for code that\n * calls the directive outside a reactive owner.\n */\nexport function usa(el: HTMLElement, accessor: () => UsaBinding | undefined): { refresh(): void; destroy(): void } {\n  let b: ReturnType<typeof bindUsa> | null = null;\n  const run = () => {\n    const v = accessor() || {};\n    if (b) b.update(v);\n    else b = bindUsa(el, v);\n  };\n  createRenderEffect(run);\n  if (!b) run();\n  const destroy = () => b?.destroy();\n  onCleanup(destroy);\n  return { refresh: run, destroy };\n}\n\n/** Register the elements (all, or some categories) — call from `onMount` in SSR apps. */\nexport function defineUsa(categories?: ComponentCategory[]): void {\n  if (typeof window !== 'undefined') defineComponents(categories);\n}\n\n/** JSX intrinsic elements for Solid (same attribute types as the React/Preact ones). */\nexport type SolidUsaIntrinsicElements = UsaIntrinsicElements;\n"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;AAcG;AASH;;;;;;AAMG;AACG,SAAU,GAAG,CAAC,EAAe,EAAE,QAAsC,EAAA;IACzE,IAAI,CAAC,GAAsC,IAAI;IAC/C,MAAM,GAAG,GAAG,MAAK;AACf,QAAA,MAAM,CAAC,GAAG,QAAQ,EAAE,IAAI,EAAE;AAC1B,QAAA,IAAI,CAAC;AAAE,YAAA,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC;;AACb,YAAA,CAAC,GAAG,OAAO,CAAC,EAAE,EAAE,CAAC,CAAC;AACzB,IAAA,CAAC;IACD,kBAAkB,CAAC,GAAG,CAAC;AACvB,IAAA,IAAI,CAAC,CAAC;AAAE,QAAA,GAAG,EAAE;IACb,MAAM,OAAO,GAAG,MAAM,CAAC,EAAE,OAAO,EAAE;IAClC,SAAS,CAAC,OAAO,CAAC;AAClB,IAAA,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,OAAO,EAAE;AAClC;AAEA;AACM,SAAU,SAAS,CAAC,UAAgC,EAAA;IACxD,IAAI,OAAO,MAAM,KAAK,WAAW;QAAE,gBAAgB,CAAC,UAAU,CAAC;AACjE;;;;"}

package/dist/components/svelte.cjs

@@ -0,0 +1,68 @@
+'use strict';
+
+var components = require('../components.cjs');
+var bind = require('../chunks/bind-Ui43-n2d.cjs');
+require('./reveal.cjs');
+require('../chunks/base-BaQV-2ha.cjs');
+require('./text.cjs');
+require('../chunks/core-BGAyaY6L.cjs');
+require('./tokens.cjs');
+require('./interaction.cjs');
+require('./feedback.cjs');
+require('./background.cjs');
+require('../chunks/variants-BhjyddG8.cjs');
+require('./transitions.cjs');
+require('./physics.cjs');
+require('../chunks/spring-Dgx187Vh.cjs');
+require('./cards.cjs');
+require('./click.cjs');
+require('../chunks/fx-lBGVtQO1.cjs');
+require('./ui.cjs');
+require('./page.cjs');
+require('./timeline.cjs');
+require('./gesture.cjs');
+require('../chunks/core-zq17EeCI.cjs');
+require('./svg.cjs');
+require('./webgl.cjs');
+require('./depth.cjs');
+require('./layout.cjs');
+require('./packs.cjs');
+require('./fx.cjs');
+require('../chunks/registry-DehBVRDV.cjs');
+require('./a11y.cjs');
+require('../chunks/index-tags-wv0R_vkO.cjs');
+require('./perf.cjs');
+require('./bridge.cjs');
+
+/**
+ * motionary/components/svelte — Svelte integration (v3.8).
+ * Svelte (3, 4, 5) renders `<usa-*>` tags natively; `use:usa` sets
+ * **properties** and `usa:*` listeners in one place, and `defineUsa()`
+ * registers the elements on the client only (safe in SvelteKit SSR).
+ *
+ * ```svelte
+ * <script>
+ *   import { usa, defineUsa } from 'motionary/components/svelte';
+ *   import { onMount } from 'svelte';
+ *   onMount(() => defineUsa(['click', 'ui']));
+ *   let on = false;
+ * </script>
+ * <usa-toggle use:usa={{ props: { checked: on }, on: { change: (e) => (on = e.detail.checked) } }}></usa-toggle>
+ * ```
+ * Plain `on:usa:change` does not compile in Svelte 3/4 (colon); use the action or `onusa:change` in Svelte 5.
+ */
+/** Svelte action: `use:usa={{ props, on }}`. */
+function usa(node, binding = {}) {
+    return bind.bindUsa(node, binding);
+}
+/** Register the elements (all, or some categories) — call from `onMount` for SSR apps. */
+function defineUsa(categories) {
+    if (typeof window !== 'undefined')
+        components.defineComponents(categories);
+}
+
+exports.bindUsa = bind.bindUsa;
+exports.usaEventName = bind.usaEventName;
+exports.defineUsa = defineUsa;
+exports.usa = usa;
+//# sourceMappingURL=svelte.cjs.map

package/dist/components/svelte.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"svelte.cjs","sources":["../../src/components/frameworks/svelte.ts"],"sourcesContent":["/**\n * motionary/components/svelte — Svelte integration (v3.8).\n * Svelte (3, 4, 5) renders `<usa-*>` tags natively; `use:usa` sets\n * **properties** and `usa:*` listeners in one place, and `defineUsa()`\n * registers the elements on the client only (safe in SvelteKit SSR).\n *\n * ```svelte\n * <script>\n *   import { usa, defineUsa } from 'motionary/components/svelte';\n *   import { onMount } from 'svelte';\n *   onMount(() => defineUsa(['click', 'ui']));\n *   let on = false;\n * </script>\n * <usa-toggle use:usa={{ props: { checked: on }, on: { change: (e) => (on = e.detail.checked) } }}></usa-toggle>\n * ```\n * Plain `on:usa:change` does not compile in Svelte 3/4 (colon); use the action or `onusa:change` in Svelte 5.\n */\nimport { defineComponents, type ComponentCategory } from '../index';\nimport { bindUsa, type UsaBinding } from './bind';\n\nexport { bindUsa, usaEventName } from './bind';\nexport type { UsaBinding } from './bind';\n\n/** Svelte action: `use:usa={{ props, on }}`. */\nexport function usa(node: HTMLElement, binding: UsaBinding = {}): { update(b: UsaBinding): void; destroy(): void } {\n  return bindUsa(node, binding);\n}\n\n/** Register the elements (all, or some categories) — call from `onMount` for SSR apps. */\nexport function defineUsa(categories?: ComponentCategory[]): void {\n  if (typeof window !== 'undefined') defineComponents(categories);\n}\n"],"names":["bindUsa","defineComponents"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;;;;;;;AAgBG;AAOH;SACgB,GAAG,CAAC,IAAiB,EAAE,UAAsB,EAAE,EAAA;AAC7D,IAAA,OAAOA,YAAO,CAAC,IAAI,EAAE,OAAO,CAAC;AAC/B;AAEA;AACM,SAAU,SAAS,CAAC,UAAgC,EAAA;IACxD,IAAI,OAAO,MAAM,KAAK,WAAW;QAAEC,2BAAgB,CAAC,UAAU,CAAC;AACjE;;;;;;;"}