@hyperfixi/behaviors 2.2.1 → 2.3.0

package/dist/chunk-HQDYH45I.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/schemas/tabs.schema.ts"],"sourcesContent":["import type { BehaviorSchema } from './types';\n\nexport const tabsSchema: BehaviorSchema = {\n  name: 'Tabs',\n  category: 'ui',\n  tier: 'core',\n  version: '1.0.0',\n  description:\n    'WAI-ARIA compliant tabs with roving tabindex keyboard navigation. ' +\n    'Auto-wires role, aria-selected, aria-controls, and aria-labelledby attributes.',\n  parameters: [\n    {\n      name: 'orientation',\n      type: 'string',\n      optional: true,\n      default: 'horizontal',\n      enum: ['horizontal', 'vertical'],\n      description: 'Arrow key direction: horizontal (Left/Right) or vertical (Up/Down)',\n    },\n    {\n      name: 'activeTab',\n      type: 'number',\n      optional: true,\n      default: 0,\n      description: 'Initial active tab index (zero-based)',\n    },\n    {\n      name: 'wrap',\n      type: 'boolean',\n      optional: true,\n      default: true,\n      description: 'Wrap to first/last tab when navigating past the end',\n    },\n    {\n      name: 'activeClass',\n      type: 'string',\n      optional: true,\n      default: 'active',\n      description: 'CSS class applied to the active tab and its panel',\n    },\n  ],\n  events: [\n    {\n      name: 'tabs:change',\n      description: 'Fired before tab selection changes (cancelable via preventDefault)',\n    },\n    { name: 'tabs:changed', description: 'Fired after tab selection has changed' },\n  ],\n  requirements: [\n    'Sets role=\"tablist\" on the tab container',\n    'Sets role=\"tab\" on tab buttons and role=\"tabpanel\" on content panels',\n    'Manages aria-selected, aria-controls, aria-labelledby, and tabindex',\n    'Keyboard: Arrow keys navigate, Home/End jump to first/last, Tab exits tablist',\n  ],\n  source: `\nbehavior Tabs(orientation, activeTab, wrap, activeClass)\n  init\n    if orientation is undefined\n      set orientation to \"horizontal\"\n    end\n    if activeTab is undefined\n      set activeTab to 0\n    end\n    if wrap is undefined\n      set wrap to true\n    end\n    if activeClass is undefined\n      set activeClass to \"active\"\n    end\n    js(me, orientation, activeTab, wrap, activeClass)\n      var tabs = Array.from(me.querySelectorAll('[role=\"tab\"]'));\n      var panels = Array.from(me.querySelectorAll('[role=\"tabpanel\"]'));\n      if (tabs.length === 0 || panels.length === 0) return;\n      var tablist = me.querySelector('[role=\"tablist\"]') || tabs[0].parentElement;\n      if (tablist) tablist.setAttribute('aria-orientation', orientation);\n      var count = Math.min(tabs.length, panels.length);\n      var idN = 0;\n      for (var i = 0; i < count; i++) {\n        if (!tabs[i].id) tabs[i].id = 'tab-' + (++idN);\n        if (!panels[i].id) panels[i].id = 'tabpanel-' + idN;\n        tabs[i].setAttribute('aria-controls', panels[i].id);\n        panels[i].setAttribute('aria-labelledby', tabs[i].id);\n      }\n      var cur = Math.max(0, Math.min(activeTab, count - 1));\n      function activate(idx, prev) {\n        if (idx === prev || idx < 0 || idx >= count) return false;\n        var ev = new CustomEvent('tabs:change', { bubbles: true, cancelable: true, detail: { index: idx, previousIndex: prev } });\n        me.dispatchEvent(ev);\n        if (ev.defaultPrevented) return false;\n        if (prev >= 0 && prev < count) {\n          tabs[prev].setAttribute('aria-selected', 'false');\n          tabs[prev].setAttribute('tabindex', '-1');\n          tabs[prev].classList.remove(activeClass);\n          panels[prev].setAttribute('aria-hidden', 'true');\n          panels[prev].classList.remove(activeClass);\n        }\n        tabs[idx].setAttribute('aria-selected', 'true');\n        tabs[idx].setAttribute('tabindex', '0');\n        tabs[idx].classList.add(activeClass);\n        panels[idx].setAttribute('aria-hidden', 'false');\n        panels[idx].classList.add(activeClass);\n        cur = idx;\n        me.dispatchEvent(new CustomEvent('tabs:changed', { bubbles: true, detail: { index: idx } }));\n        return true;\n      }\n      for (var j = 0; j < count; j++) {\n        tabs[j].setAttribute('aria-selected', 'false');\n        tabs[j].setAttribute('tabindex', '-1');\n        panels[j].setAttribute('aria-hidden', 'true');\n        panels[j].classList.remove(activeClass);\n      }\n      tabs[cur].setAttribute('aria-selected', 'true');\n      tabs[cur].setAttribute('tabindex', '0');\n      tabs[cur].classList.add(activeClass);\n      panels[cur].setAttribute('aria-hidden', 'false');\n      panels[cur].classList.add(activeClass);\n      for (var k = 0; k < count; k++) {\n        (function(idx) {\n          tabs[idx].addEventListener('click', function() { if (activate(idx, cur)) tabs[idx].focus(); });\n        })(k);\n      }\n      (tablist || me).addEventListener('keydown', function(e) {\n        var nk = orientation === 'horizontal' ? 'ArrowRight' : 'ArrowDown';\n        var pk = orientation === 'horizontal' ? 'ArrowLeft' : 'ArrowUp';\n        var next = null;\n        if (e.key === nk) { next = cur + 1; if (next >= count) next = wrap ? 0 : null; }\n        else if (e.key === pk) { next = cur - 1; if (next < 0) next = wrap ? count - 1 : null; }\n        else if (e.key === 'Home') next = 0;\n        else if (e.key === 'End') next = count - 1;\n        if (next !== null) { e.preventDefault(); if (activate(next, cur)) tabs[next].focus(); }\n      });\n    end\n  end\nend`.trim(),\n};\n"],"mappings":";AAEO,IAAM,aAA6B;AAAA,EACxC,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aACE;AAAA,EAEF,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,MAAM,CAAC,cAAc,UAAU;AAAA,MAC/B,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN;AAAA,MACE,MAAM;AAAA,MACN,aAAa;AAAA,IACf;AAAA,IACA,EAAE,MAAM,gBAAgB,aAAa,wCAAwC;AAAA,EAC/E;AAAA,EACA,cAAc;AAAA,IACZ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KA+EL,KAAK;AACV;","names":[]}

package/dist/{chunk-WTUVPVSD.js → chunk-IQM32TEY.js}

@@ -1,6 +1,6 @@
 import {
   resizableSchema
-} from "./chunk-V5IWDPDP.js";
+} from "./chunk-U5GNXZUF.js";
 import {
   resolveRuntime
 } from "./chunk-6TJXDCAQ.js";
@@ -77,4 +77,4 @@ export {
   registerResizable,
   resizable_default
 };
-//# sourceMappingURL=chunk-WTUVPVSD.js.map
+//# sourceMappingURL=chunk-IQM32TEY.js.map

package/dist/{chunk-H5Y5ARYG.js → chunk-L52AGCMP.js}

@@ -1,6 +1,6 @@
 import {
   removableSchema
-} from "./chunk-272NKUJ3.js";
+} from "./chunk-HMU342XE.js";
 import {
   resolveRuntime
 } from "./chunk-6TJXDCAQ.js";
@@ -37,4 +37,4 @@ export {
   registerRemovable,
   removable_default
 };
-//# sourceMappingURL=chunk-H5Y5ARYG.js.map
+//# sourceMappingURL=chunk-L52AGCMP.js.map

package/dist/{chunk-H2MCHR5A.js → chunk-LQJOQTBZ.js}

@@ -1,6 +1,6 @@
 import {
   autoDismissSchema
-} from "./chunk-ZQQZTMCJ.js";
+} from "./chunk-66U2RSYJ.js";
 import {
   resolveRuntime
 } from "./chunk-6TJXDCAQ.js";
@@ -86,4 +86,4 @@ export {
   registerAutoDismiss,
   autodismiss_default
 };
-//# sourceMappingURL=chunk-H2MCHR5A.js.map
+//# sourceMappingURL=chunk-LQJOQTBZ.js.map

package/dist/{chunk-7JDV2THA.js → chunk-MVNHMYIK.js}

@@ -1,40 +1,40 @@
 import {
   removableSchema
-} from "./chunk-272NKUJ3.js";
+} from "./chunk-HMU342XE.js";
 import {
   resizableSchema
-} from "./chunk-V5IWDPDP.js";
+} from "./chunk-U5GNXZUF.js";
 import {
   scrollRevealSchema
-} from "./chunk-GPTHAUWN.js";
+} from "./chunk-URZGNPTQ.js";
 import {
   sortableSchema
-} from "./chunk-BWZ6EGII.js";
+} from "./chunk-NC6I6T7T.js";
 import {
   tabsSchema
-} from "./chunk-GVJPA2EK.js";
+} from "./chunk-HQDYH45I.js";
 import {
   toggleableSchema
-} from "./chunk-WUHHMDAA.js";
+} from "./chunk-XYZ7FOXJ.js";
 import {
   registerLoader,
   registerSchema
 } from "./chunk-3DVDS7CT.js";
 import {
   autoDismissSchema
-} from "./chunk-ZQQZTMCJ.js";
+} from "./chunk-66U2RSYJ.js";
 import {
   clickOutsideSchema
-} from "./chunk-64DIQGQI.js";
+} from "./chunk-SLOXO6IY.js";
 import {
   clipboardSchema
-} from "./chunk-QKDYW4VM.js";
+} from "./chunk-WOTZO7K4.js";
 import {
   draggableSchema
 } from "./chunk-G6WR2AYR.js";
 import {
   focusTrapSchema
-} from "./chunk-RB7OB6OD.js";
+} from "./chunk-OJ3YWO3W.js";
 
 // src/loaders.ts
 registerSchema(draggableSchema);
@@ -59,4 +59,4 @@ registerLoader("ClickOutside", () => import("./behaviors/clickoutside.js"));
 registerLoader("FocusTrap", () => import("./behaviors/focustrap.js"));
 registerLoader("ScrollReveal", () => import("./behaviors/scrollreveal.js"));
 registerLoader("Tabs", () => import("./behaviors/tabs.js"));
-//# sourceMappingURL=chunk-7JDV2THA.js.map
+//# sourceMappingURL=chunk-MVNHMYIK.js.map

package/dist/{chunk-BWZ6EGII.js → chunk-NC6I6T7T.js}

@@ -33,30 +33,36 @@ var sortableSchema = {
   source: `
 behavior Sortable(handle, dragClass)
   init
-    if no dragClass set dragClass to "sorting"
+    if dragClass is undefined
+      set dragClass to "sorting"
+    end
   end
-  on pointerdown(target, clientY) from me
-    set item to closest <li/> in target
-    if no item exit
-    if handle
-      set handleEl to target.closest(handle)
-      if no handleEl exit
+  on pointerdown(clientY) from me
+    js(me, handle, event)
+      var target = event.target;
+      var item = target.closest("li");
+      if (!item || !me.contains(item)) return false;
+      if (handle && !target.closest(handle)) return false;
+      event.preventDefault();
+      event.stopPropagation();
+      return true;
+    end
+    if it is false
+      exit
     end
-    halt the event
-    add dragClass to item
+    add .{dragClass} to me
     trigger sortable:start on me
     repeat until event pointerup from document
       wait for pointermove(clientY) from document
       trigger sortable:move on me
     end
-    remove dragClass from item
+    remove .{dragClass} from me
     trigger sortable:end on me
   end
-end
-`.trim()
+end`.trim()
 };
 
 export {
   sortableSchema
 };
-//# sourceMappingURL=chunk-BWZ6EGII.js.map
+//# sourceMappingURL=chunk-NC6I6T7T.js.map

package/dist/{chunk-BWZ6EGII.js.map → chunk-NC6I6T7T.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/schemas/sortable.schema.ts"],"sourcesContent":["import type { BehaviorSchema } from './types';\n\n/**\n * Sortable Behavior Schema\n *\n * Drag-and-drop reordering of list items.\n * Apply to a container element; children become sortable.\n *\n * Note: This behavior fires lifecycle events but does NOT automatically\n * reorder DOM elements. Users must handle actual reordering in their\n * `sortable:move` event handlers.\n */\nexport const sortableSchema: BehaviorSchema = {\n  name: 'Sortable',\n  category: 'ui',\n  tier: 'common',\n  version: '1.0.0',\n  description: 'Makes child elements reorderable via drag-and-drop',\n  parameters: [\n    {\n      name: 'handle',\n      type: 'selector',\n      optional: true,\n      default: 'none',\n      description: 'CSS selector for drag handles within items',\n    },\n    {\n      name: 'dragClass',\n      type: 'string',\n      optional: true,\n      default: 'sorting',\n      description: 'CSS class added to item during drag',\n    },\n  ],\n  events: [\n    { name: 'sortable:start', description: 'Fired when drag begins' },\n    {\n      name: 'sortable:move',\n      description: 'Fired during drag — handle this event to reorder DOM elements',\n    },\n    { name: 'sortable:end', description: 'Fired when drag completes' },\n  ],\n  requirements: ['Users must handle DOM reordering in sortable:move event handlers'],\n  source: `\nbehavior Sortable(handle, dragClass)\n  init\n    if no dragClass set dragClass to \"sorting\"\n  end\n  on pointerdown(target, clientY) from me\n    set item to closest <li/> in target\n    if no item exit\n    if handle\n      set handleEl to target.closest(handle)\n      if no handleEl exit\n    end\n    halt the event\n    add dragClass to item\n    trigger sortable:start on me\n    repeat until event pointerup from document\n      wait for pointermove(clientY) from document\n      trigger sortable:move on me\n    end\n    remove dragClass from item\n    trigger sortable:end on me\n  end\nend\n`.trim(),\n};\n"],"mappings":";AAYO,IAAM,iBAAiC;AAAA,EAC5C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,kBAAkB,aAAa,yBAAyB;AAAA,IAChE;AAAA,MACE,MAAM;AAAA,MACN,aAAa;AAAA,IACf;AAAA,IACA,EAAE,MAAM,gBAAgB,aAAa,4BAA4B;AAAA,EACnE;AAAA,EACA,cAAc,CAAC,kEAAkE;AAAA,EACjF,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuBR,KAAK;AACP;","names":[]}
+{"version":3,"sources":["../src/schemas/sortable.schema.ts"],"sourcesContent":["import type { BehaviorSchema } from './types';\n\n/**\n * Sortable Behavior Schema\n *\n * Drag-and-drop reordering of list items.\n * Apply to a container element; children become sortable.\n *\n * Note: This behavior fires lifecycle events but does NOT automatically\n * reorder DOM elements. Users must handle actual reordering in their\n * `sortable:move` event handlers.\n */\nexport const sortableSchema: BehaviorSchema = {\n  name: 'Sortable',\n  category: 'ui',\n  tier: 'common',\n  version: '1.0.0',\n  description: 'Makes child elements reorderable via drag-and-drop',\n  parameters: [\n    {\n      name: 'handle',\n      type: 'selector',\n      optional: true,\n      default: 'none',\n      description: 'CSS selector for drag handles within items',\n    },\n    {\n      name: 'dragClass',\n      type: 'string',\n      optional: true,\n      default: 'sorting',\n      description: 'CSS class added to item during drag',\n    },\n  ],\n  events: [\n    { name: 'sortable:start', description: 'Fired when drag begins' },\n    {\n      name: 'sortable:move',\n      description: 'Fired during drag — handle this event to reorder DOM elements',\n    },\n    { name: 'sortable:end', description: 'Fired when drag completes' },\n  ],\n  requirements: ['Users must handle DOM reordering in sortable:move event handlers'],\n  source: `\nbehavior Sortable(handle, dragClass)\n  init\n    if dragClass is undefined\n      set dragClass to \"sorting\"\n    end\n  end\n  on pointerdown(clientY) from me\n    js(me, handle, event)\n      var target = event.target;\n      var item = target.closest(\"li\");\n      if (!item || !me.contains(item)) return false;\n      if (handle && !target.closest(handle)) return false;\n      event.preventDefault();\n      event.stopPropagation();\n      return true;\n    end\n    if it is false\n      exit\n    end\n    add .{dragClass} to me\n    trigger sortable:start on me\n    repeat until event pointerup from document\n      wait for pointermove(clientY) from document\n      trigger sortable:move on me\n    end\n    remove .{dragClass} from me\n    trigger sortable:end on me\n  end\nend`.trim(),\n};\n"],"mappings":";AAYO,IAAM,iBAAiC;AAAA,EAC5C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,kBAAkB,aAAa,yBAAyB;AAAA,IAChE;AAAA,MACE,MAAM;AAAA,MACN,aAAa;AAAA,IACf;AAAA,IACA,EAAE,MAAM,gBAAgB,aAAa,4BAA4B;AAAA,EACnE;AAAA,EACA,cAAc,CAAC,kEAAkE;AAAA,EACjF,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KA6BL,KAAK;AACV;","names":[]}

package/dist/chunk-OJ3YWO3W.js

@@ -0,0 +1,92 @@
+// src/schemas/focustrap.schema.ts
+var focusTrapSchema = {
+  name: "FocusTrap",
+  category: "ui",
+  tier: "core",
+  version: "1.0.0",
+  description: "Confines Tab navigation inside an element with ARIA support",
+  parameters: [
+    {
+      name: "active",
+      type: "boolean",
+      optional: true,
+      default: true,
+      description: "Whether the trap is active on install"
+    },
+    {
+      name: "initialFocus",
+      type: "selector",
+      optional: true,
+      description: "Element to focus when the trap activates"
+    },
+    {
+      name: "returnFocus",
+      type: "boolean",
+      optional: true,
+      default: true,
+      description: "Restore focus to the previously focused element on deactivation"
+    }
+  ],
+  events: [
+    { name: "focustrap:activated", description: "Fired when the trap is activated" },
+    { name: "focustrap:deactivated", description: "Fired when the trap is deactivated" }
+  ],
+  requirements: [
+    'Sets aria-modal="true" on the element when active',
+    "Listens for focustrap:activate and focustrap:deactivate custom events for programmatic control"
+  ],
+  source: `
+behavior FocusTrap(active, initialFocus, returnFocus)
+  init
+    if active is undefined
+      set active to true
+    end
+    if returnFocus is undefined
+      set returnFocus to true
+    end
+    js(me, active, initialFocus, returnFocus)
+      var FOCUSABLE = 'a[href],button:not(:disabled),input:not(:disabled),select:not(:disabled),textarea:not(:disabled),[tabindex]:not([tabindex="-1"])';
+      var isActive = false;
+      var previouslyFocused = null;
+      function getFocusable() { return Array.from(me.querySelectorAll(FOCUSABLE)); }
+      function activate() {
+        if (isActive) return;
+        isActive = true;
+        previouslyFocused = document.activeElement;
+        me.setAttribute('aria-modal', 'true');
+        var initEl = initialFocus ? (typeof initialFocus === 'string' ? me.querySelector(initialFocus) : initialFocus) : null;
+        if (initEl) { initEl.focus(); } else { var f = getFocusable(); if (f.length) f[0].focus(); }
+        me.dispatchEvent(new CustomEvent('focustrap:activated', { bubbles: true }));
+      }
+      function deactivate() {
+        if (!isActive) return;
+        isActive = false;
+        me.removeAttribute('aria-modal');
+        if (returnFocus && previouslyFocused instanceof HTMLElement) previouslyFocused.focus();
+        previouslyFocused = null;
+        me.dispatchEvent(new CustomEvent('focustrap:deactivated', { bubbles: true }));
+      }
+      me.addEventListener('keydown', function(e) {
+        if (!isActive || e.key !== 'Tab') return;
+        var focusable = getFocusable();
+        if (focusable.length === 0) { e.preventDefault(); return; }
+        e.preventDefault();
+        var idx = focusable.indexOf(document.activeElement);
+        if (e.shiftKey) {
+          focusable[idx <= 0 ? focusable.length - 1 : idx - 1].focus();
+        } else {
+          focusable[idx >= focusable.length - 1 ? 0 : idx + 1].focus();
+        }
+      });
+      me.addEventListener('focustrap:activate', function() { activate(); });
+      me.addEventListener('focustrap:deactivate', function() { deactivate(); });
+      if (active) activate();
+    end
+  end
+end`.trim()
+};
+
+export {
+  focusTrapSchema
+};
+//# sourceMappingURL=chunk-OJ3YWO3W.js.map

package/dist/chunk-OJ3YWO3W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/schemas/focustrap.schema.ts"],"sourcesContent":["import type { BehaviorSchema } from './types';\n\n/**\n * FocusTrap Behavior Schema\n *\n * Confines Tab navigation inside an element and restores focus on release.\n * Manages aria-modal for accessibility compliance.\n */\nexport const focusTrapSchema: BehaviorSchema = {\n  name: 'FocusTrap',\n  category: 'ui',\n  tier: 'core',\n  version: '1.0.0',\n  description: 'Confines Tab navigation inside an element with ARIA support',\n  parameters: [\n    {\n      name: 'active',\n      type: 'boolean',\n      optional: true,\n      default: true,\n      description: 'Whether the trap is active on install',\n    },\n    {\n      name: 'initialFocus',\n      type: 'selector',\n      optional: true,\n      description: 'Element to focus when the trap activates',\n    },\n    {\n      name: 'returnFocus',\n      type: 'boolean',\n      optional: true,\n      default: true,\n      description: 'Restore focus to the previously focused element on deactivation',\n    },\n  ],\n  events: [\n    { name: 'focustrap:activated', description: 'Fired when the trap is activated' },\n    { name: 'focustrap:deactivated', description: 'Fired when the trap is deactivated' },\n  ],\n  requirements: [\n    'Sets aria-modal=\"true\" on the element when active',\n    'Listens for focustrap:activate and focustrap:deactivate custom events for programmatic control',\n  ],\n  source: `\nbehavior FocusTrap(active, initialFocus, returnFocus)\n  init\n    if active is undefined\n      set active to true\n    end\n    if returnFocus is undefined\n      set returnFocus to true\n    end\n    js(me, active, initialFocus, returnFocus)\n      var FOCUSABLE = 'a[href],button:not(:disabled),input:not(:disabled),select:not(:disabled),textarea:not(:disabled),[tabindex]:not([tabindex=\"-1\"])';\n      var isActive = false;\n      var previouslyFocused = null;\n      function getFocusable() { return Array.from(me.querySelectorAll(FOCUSABLE)); }\n      function activate() {\n        if (isActive) return;\n        isActive = true;\n        previouslyFocused = document.activeElement;\n        me.setAttribute('aria-modal', 'true');\n        var initEl = initialFocus ? (typeof initialFocus === 'string' ? me.querySelector(initialFocus) : initialFocus) : null;\n        if (initEl) { initEl.focus(); } else { var f = getFocusable(); if (f.length) f[0].focus(); }\n        me.dispatchEvent(new CustomEvent('focustrap:activated', { bubbles: true }));\n      }\n      function deactivate() {\n        if (!isActive) return;\n        isActive = false;\n        me.removeAttribute('aria-modal');\n        if (returnFocus && previouslyFocused instanceof HTMLElement) previouslyFocused.focus();\n        previouslyFocused = null;\n        me.dispatchEvent(new CustomEvent('focustrap:deactivated', { bubbles: true }));\n      }\n      me.addEventListener('keydown', function(e) {\n        if (!isActive || e.key !== 'Tab') return;\n        var focusable = getFocusable();\n        if (focusable.length === 0) { e.preventDefault(); return; }\n        e.preventDefault();\n        var idx = focusable.indexOf(document.activeElement);\n        if (e.shiftKey) {\n          focusable[idx <= 0 ? focusable.length - 1 : idx - 1].focus();\n        } else {\n          focusable[idx >= focusable.length - 1 ? 0 : idx + 1].focus();\n        }\n      });\n      me.addEventListener('focustrap:activate', function() { activate(); });\n      me.addEventListener('focustrap:deactivate', function() { deactivate(); });\n      if (active) activate();\n    end\n  end\nend`.trim(),\n};\n"],"mappings":";AAQO,IAAM,kBAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,uBAAuB,aAAa,mCAAmC;AAAA,IAC/E,EAAE,MAAM,yBAAyB,aAAa,qCAAqC;AAAA,EACrF;AAAA,EACA,cAAc;AAAA,IACZ;AAAA,IACA;AAAA,EACF;AAAA,EACA,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAgDL,KAAK;AACV;","names":[]}

package/dist/{chunk-64DIQGQI.js → chunk-SLOXO6IY.js}

@@ -15,23 +15,42 @@ var clickOutsideSchema = {
     }
   ],
   events: [
-    { name: "clickoutside", description: "Fired when a pointer press occurs outside the element" }
+    { name: "clickoutside", description: "Fired when a pointer press occurs outside the element" },
+    {
+      name: "clickoutside:activate",
+      description: "Listen for this event to programmatically activate detection"
+    },
+    {
+      name: "clickoutside:deactivate",
+      description: "Listen for this event to programmatically deactivate detection"
+    }
   ],
   requirements: ["Uses pointerdown instead of click to avoid timing issues with removed elements"],
   source: `
 behavior ClickOutside(active)
   init
-    if active is undefined set active to true
+    if active is undefined
+      set active to true
+    end
   end
   on pointerdown from document
-    if active and not me.contains(event.target)
-      trigger clickoutside on me
+    js(me, active)
+      if (!me.isConnected) return;
+      if (active && !me.contains(event.target)) {
+        me.dispatchEvent(new CustomEvent('clickoutside', { bubbles: true }));
+      }
     end
   end
+  on clickoutside:activate
+    set active to true
+  end
+  on clickoutside:deactivate
+    set active to false
+  end
 end`.trim()
 };
 
 export {
   clickOutsideSchema
 };
-//# sourceMappingURL=chunk-64DIQGQI.js.map
+//# sourceMappingURL=chunk-SLOXO6IY.js.map

package/dist/chunk-SLOXO6IY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/schemas/clickoutside.schema.ts"],"sourcesContent":["import type { BehaviorSchema } from './types';\n\n/**\n * ClickOutside Behavior Schema\n *\n * Fires an event when the user clicks outside the element.\n * Uses pointerdown instead of click to avoid timing issues.\n */\nexport const clickOutsideSchema: BehaviorSchema = {\n  name: 'ClickOutside',\n  category: 'ui',\n  tier: 'core',\n  version: '1.0.0',\n  description: 'Fires an event when the user clicks outside the element',\n  parameters: [\n    {\n      name: 'active',\n      type: 'boolean',\n      optional: true,\n      default: true,\n      description: 'Whether the listener is active (can be toggled programmatically)',\n    },\n  ],\n  events: [\n    { name: 'clickoutside', description: 'Fired when a pointer press occurs outside the element' },\n    {\n      name: 'clickoutside:activate',\n      description: 'Listen for this event to programmatically activate detection',\n    },\n    {\n      name: 'clickoutside:deactivate',\n      description: 'Listen for this event to programmatically deactivate detection',\n    },\n  ],\n  requirements: ['Uses pointerdown instead of click to avoid timing issues with removed elements'],\n  source: `\nbehavior ClickOutside(active)\n  init\n    if active is undefined\n      set active to true\n    end\n  end\n  on pointerdown from document\n    js(me, active)\n      if (!me.isConnected) return;\n      if (active && !me.contains(event.target)) {\n        me.dispatchEvent(new CustomEvent('clickoutside', { bubbles: true }));\n      }\n    end\n  end\n  on clickoutside:activate\n    set active to true\n  end\n  on clickoutside:deactivate\n    set active to false\n  end\nend`.trim(),\n};\n"],"mappings":";AAQO,IAAM,qBAAqC;AAAA,EAChD,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,gBAAgB,aAAa,wDAAwD;AAAA,IAC7F;AAAA,MACE,MAAM;AAAA,MACN,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,cAAc,CAAC,gFAAgF;AAAA,EAC/F,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAqBL,KAAK;AACV;","names":[]}

package/dist/{chunk-RPERQTFU.js → chunk-TLLGH5KX.js}

@@ -1,6 +1,6 @@
 import {
   sortableSchema
-} from "./chunk-BWZ6EGII.js";
+} from "./chunk-NC6I6T7T.js";
 import {
   resolveRuntime
 } from "./chunk-6TJXDCAQ.js";
@@ -72,4 +72,4 @@ export {
   registerSortable,
   sortable_default
 };
-//# sourceMappingURL=chunk-RPERQTFU.js.map
+//# sourceMappingURL=chunk-TLLGH5KX.js.map

package/dist/{chunk-V5IWDPDP.js → chunk-U5GNXZUF.js}

@@ -50,11 +50,21 @@ var resizableSchema = {
   source: `
 behavior Resizable(handle, minWidth, minHeight, maxWidth, maxHeight)
   init
-    if no handle set handle to me
-    if no minWidth set minWidth to 50
-    if no minHeight set minHeight to 50
-    if no maxWidth set maxWidth to 9999
-    if no maxHeight set maxHeight to 9999
+    if handle is undefined
+      set handle to me
+    end
+    if minWidth is undefined
+      set minWidth to 50
+    end
+    if minHeight is undefined
+      set minHeight to 50
+    end
+    if maxWidth is undefined
+      set maxWidth to 9999
+    end
+    if maxHeight is undefined
+      set maxHeight to 9999
+    end
   end
   on pointerdown(clientX, clientY) from handle
     halt the event
@@ -66,15 +76,13 @@ behavior Resizable(handle, minWidth, minHeight, maxWidth, maxHeight)
     set startX to clientX
     set startY to clientY
     repeat until event pointerup from document
-      wait for pointermove(clientX, clientY) or
-               pointerup from document
-      set newWidth to startWidth + (clientX - startX)
-      set newHeight to startHeight + (clientY - startY)
-      if newWidth < minWidth set newWidth to minWidth
-      if newWidth > maxWidth set newWidth to maxWidth
-      if newHeight < minHeight set newHeight to minHeight
-      if newHeight > maxHeight set newHeight to maxHeight
-      add { width: \${newWidth}px; height: \${newHeight}px; }
+      wait for pointermove(clientX, clientY) or pointerup from document
+      js(startWidth, startHeight, clientX, clientY, startX, startY, minWidth, maxWidth, minHeight, maxHeight, me)
+        var nw = Math.max(minWidth, Math.min(maxWidth, startWidth + (clientX - startX)));
+        var nh = Math.max(minHeight, Math.min(maxHeight, startHeight + (clientY - startY)));
+        me.style.width = nw + 'px';
+        me.style.height = nh + 'px';
+      end
       trigger resizable:resize
     end
     trigger resizable:end
@@ -86,4 +94,4 @@ end
 export {
   resizableSchema
 };
-//# sourceMappingURL=chunk-V5IWDPDP.js.map
+//# sourceMappingURL=chunk-U5GNXZUF.js.map

package/dist/{chunk-V5IWDPDP.js.map → chunk-U5GNXZUF.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/schemas/resizable.schema.ts"],"sourcesContent":["import type { BehaviorSchema } from './types';\n\n/**\n * Resizable Behavior Schema\n *\n * Makes elements resizable by dragging edges or corners.\n * Supports minimum/maximum dimensions and resize handles.\n */\nexport const resizableSchema: BehaviorSchema = {\n  name: 'Resizable',\n  category: 'ui',\n  tier: 'optional',\n  version: '1.0.0',\n  description: 'Makes elements resizable by dragging',\n  parameters: [\n    {\n      name: 'handle',\n      type: 'selector',\n      optional: true,\n      default: 'me',\n      description: 'CSS selector for the resize handle (defaults to the element itself)',\n    },\n    {\n      name: 'minWidth',\n      type: 'number',\n      optional: true,\n      default: 50,\n      description: 'Minimum width in pixels',\n    },\n    {\n      name: 'minHeight',\n      type: 'number',\n      optional: true,\n      default: 50,\n      description: 'Minimum height in pixels',\n    },\n    {\n      name: 'maxWidth',\n      type: 'number',\n      optional: true,\n      default: 9999,\n      description: 'Maximum width in pixels',\n    },\n    {\n      name: 'maxHeight',\n      type: 'number',\n      optional: true,\n      default: 9999,\n      description: 'Maximum height in pixels',\n    },\n  ],\n  events: [\n    { name: 'resizable:start', description: 'Fired when resize begins' },\n    { name: 'resizable:resize', description: 'Fired during resize' },\n    { name: 'resizable:end', description: 'Fired when resize completes' },\n  ],\n  source: `\nbehavior Resizable(handle, minWidth, minHeight, maxWidth, maxHeight)\n  init\n    if no handle set handle to me\n    if no minWidth set minWidth to 50\n    if no minHeight set minHeight to 50\n    if no maxWidth set maxWidth to 9999\n    if no maxHeight set maxHeight to 9999\n  end\n  on pointerdown(clientX, clientY) from handle\n    halt the event\n    trigger resizable:start\n    measure width\n    set startWidth to it\n    measure height\n    set startHeight to it\n    set startX to clientX\n    set startY to clientY\n    repeat until event pointerup from document\n      wait for pointermove(clientX, clientY) or\n               pointerup from document\n      set newWidth to startWidth + (clientX - startX)\n      set newHeight to startHeight + (clientY - startY)\n      if newWidth < minWidth set newWidth to minWidth\n      if newWidth > maxWidth set newWidth to maxWidth\n      if newHeight < minHeight set newHeight to minHeight\n      if newHeight > maxHeight set newHeight to maxHeight\n      add { width: \\${newWidth}px; height: \\${newHeight}px; }\n      trigger resizable:resize\n    end\n    trigger resizable:end\n  end\nend\n`.trim(),\n};\n"],"mappings":";AAQO,IAAM,kBAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,mBAAmB,aAAa,2BAA2B;AAAA,IACnE,EAAE,MAAM,oBAAoB,aAAa,sBAAsB;AAAA,IAC/D,EAAE,MAAM,iBAAiB,aAAa,8BAA8B;AAAA,EACtE;AAAA,EACA,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiCR,KAAK;AACP;","names":[]}
+{"version":3,"sources":["../src/schemas/resizable.schema.ts"],"sourcesContent":["import type { BehaviorSchema } from './types';\n\n/**\n * Resizable Behavior Schema\n *\n * Makes elements resizable by dragging edges or corners.\n * Supports minimum/maximum dimensions and resize handles.\n */\nexport const resizableSchema: BehaviorSchema = {\n  name: 'Resizable',\n  category: 'ui',\n  tier: 'optional',\n  version: '1.0.0',\n  description: 'Makes elements resizable by dragging',\n  parameters: [\n    {\n      name: 'handle',\n      type: 'selector',\n      optional: true,\n      default: 'me',\n      description: 'CSS selector for the resize handle (defaults to the element itself)',\n    },\n    {\n      name: 'minWidth',\n      type: 'number',\n      optional: true,\n      default: 50,\n      description: 'Minimum width in pixels',\n    },\n    {\n      name: 'minHeight',\n      type: 'number',\n      optional: true,\n      default: 50,\n      description: 'Minimum height in pixels',\n    },\n    {\n      name: 'maxWidth',\n      type: 'number',\n      optional: true,\n      default: 9999,\n      description: 'Maximum width in pixels',\n    },\n    {\n      name: 'maxHeight',\n      type: 'number',\n      optional: true,\n      default: 9999,\n      description: 'Maximum height in pixels',\n    },\n  ],\n  events: [\n    { name: 'resizable:start', description: 'Fired when resize begins' },\n    { name: 'resizable:resize', description: 'Fired during resize' },\n    { name: 'resizable:end', description: 'Fired when resize completes' },\n  ],\n  source: `\nbehavior Resizable(handle, minWidth, minHeight, maxWidth, maxHeight)\n  init\n    if handle is undefined\n      set handle to me\n    end\n    if minWidth is undefined\n      set minWidth to 50\n    end\n    if minHeight is undefined\n      set minHeight to 50\n    end\n    if maxWidth is undefined\n      set maxWidth to 9999\n    end\n    if maxHeight is undefined\n      set maxHeight to 9999\n    end\n  end\n  on pointerdown(clientX, clientY) from handle\n    halt the event\n    trigger resizable:start\n    measure width\n    set startWidth to it\n    measure height\n    set startHeight to it\n    set startX to clientX\n    set startY to clientY\n    repeat until event pointerup from document\n      wait for pointermove(clientX, clientY) or pointerup from document\n      js(startWidth, startHeight, clientX, clientY, startX, startY, minWidth, maxWidth, minHeight, maxHeight, me)\n        var nw = Math.max(minWidth, Math.min(maxWidth, startWidth + (clientX - startX)));\n        var nh = Math.max(minHeight, Math.min(maxHeight, startHeight + (clientY - startY)));\n        me.style.width = nw + 'px';\n        me.style.height = nh + 'px';\n      end\n      trigger resizable:resize\n    end\n    trigger resizable:end\n  end\nend\n`.trim(),\n};\n"],"mappings":";AAQO,IAAM,kBAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,mBAAmB,aAAa,2BAA2B;AAAA,IACnE,EAAE,MAAM,oBAAoB,aAAa,sBAAsB;AAAA,IAC/D,EAAE,MAAM,iBAAiB,aAAa,8BAA8B;AAAA,EACtE;AAAA,EACA,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAyCR,KAAK;AACP;","names":[]}

package/dist/{chunk-GPTHAUWN.js → chunk-URZGNPTQ.js}

@@ -26,13 +26,6 @@ var scrollRevealSchema = {
       optional: true,
       default: true,
       description: "If true, disconnect observer after first intersection"
-    },
-    {
-      name: "rootMargin",
-      type: "string",
-      optional: true,
-      default: "0px",
-      description: "CSS margin around the viewport for triggering earlier or later"
     }
   ],
   events: [
@@ -41,18 +34,37 @@ var scrollRevealSchema = {
   ],
   requirements: ["Uses IntersectionObserver API (supported in all modern browsers)"],
   source: `
-behavior ScrollReveal(cls, threshold, once, rootMargin)
+behavior ScrollReveal(cls, threshold, once)
   init
-    if cls is undefined set cls to "revealed"
-    if threshold is undefined set threshold to 0.1
-    if once is undefined set once to true
-    if rootMargin is undefined set rootMargin to "0px"
+    if cls is undefined
+      set cls to "revealed"
+    end
+    if threshold is undefined
+      set threshold to 0.1
+    end
+    if once is undefined
+      set once to true
+    end
+    js(me, cls, threshold, once)
+      var obs = new IntersectionObserver(function(entries) {
+        for (var i = 0; i < entries.length; i++) {
+          if (entries[i].isIntersecting) {
+            me.classList.add(cls);
+            me.dispatchEvent(new CustomEvent('scrollreveal:enter', { bubbles: true }));
+            if (once) obs.disconnect();
+          } else if (!once) {
+            me.classList.remove(cls);
+            me.dispatchEvent(new CustomEvent('scrollreveal:exit', { bubbles: true }));
+          }
+        }
+      }, { threshold: threshold });
+      obs.observe(me);
+    end
   end
-  -- Imperative installer handles IntersectionObserver setup
 end`.trim()
 };
 
 export {
   scrollRevealSchema
 };
-//# sourceMappingURL=chunk-GPTHAUWN.js.map
+//# sourceMappingURL=chunk-URZGNPTQ.js.map

package/dist/chunk-URZGNPTQ.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/schemas/scrollreveal.schema.ts"],"sourcesContent":["import type { BehaviorSchema } from './types';\n\n/**\n * ScrollReveal Behavior Schema\n *\n * Adds a class or fires events when the element enters or exits the viewport.\n * Uses the IntersectionObserver web standard API.\n */\nexport const scrollRevealSchema: BehaviorSchema = {\n  name: 'ScrollReveal',\n  category: 'layout',\n  tier: 'common',\n  version: '1.0.0',\n  description: 'Adds a class when the element enters the viewport via IntersectionObserver',\n  parameters: [\n    {\n      name: 'cls',\n      type: 'string',\n      optional: true,\n      default: 'revealed',\n      description: 'CSS class added when element enters viewport',\n    },\n    {\n      name: 'threshold',\n      type: 'number',\n      optional: true,\n      default: 0.1,\n      description: 'Intersection ratio threshold (0-1) for triggering',\n    },\n    {\n      name: 'once',\n      type: 'boolean',\n      optional: true,\n      default: true,\n      description: 'If true, disconnect observer after first intersection',\n    },\n  ],\n  events: [\n    { name: 'scrollreveal:enter', description: 'Fired when the element enters the viewport' },\n    { name: 'scrollreveal:exit', description: 'Fired when the element exits the viewport' },\n  ],\n  requirements: ['Uses IntersectionObserver API (supported in all modern browsers)'],\n  source: `\nbehavior ScrollReveal(cls, threshold, once)\n  init\n    if cls is undefined\n      set cls to \"revealed\"\n    end\n    if threshold is undefined\n      set threshold to 0.1\n    end\n    if once is undefined\n      set once to true\n    end\n    js(me, cls, threshold, once)\n      var obs = new IntersectionObserver(function(entries) {\n        for (var i = 0; i < entries.length; i++) {\n          if (entries[i].isIntersecting) {\n            me.classList.add(cls);\n            me.dispatchEvent(new CustomEvent('scrollreveal:enter', { bubbles: true }));\n            if (once) obs.disconnect();\n          } else if (!once) {\n            me.classList.remove(cls);\n            me.dispatchEvent(new CustomEvent('scrollreveal:exit', { bubbles: true }));\n          }\n        }\n      }, { threshold: threshold });\n      obs.observe(me);\n    end\n  end\nend`.trim(),\n};\n"],"mappings":";AAQO,IAAM,qBAAqC;AAAA,EAChD,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,sBAAsB,aAAa,6CAA6C;AAAA,IACxF,EAAE,MAAM,qBAAqB,aAAa,4CAA4C;AAAA,EACxF;AAAA,EACA,cAAc,CAAC,kEAAkE;AAAA,EACjF,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KA4BL,KAAK;AACV;","names":[]}

package/dist/chunk-WOTZO7K4.js

@@ -0,0 +1,92 @@
+// src/schemas/clipboard.schema.ts
+var clipboardSchema = {
+  name: "Clipboard",
+  category: "ui",
+  tier: "core",
+  version: "1.0.0",
+  description: "Copies text to clipboard on click with visual feedback",
+  parameters: [
+    {
+      name: "text",
+      type: "string",
+      optional: true,
+      description: "Literal text to copy (takes priority over source)"
+    },
+    {
+      name: "source",
+      type: "selector",
+      optional: true,
+      default: "me",
+      description: "Element whose textContent or value is copied"
+    },
+    {
+      name: "feedback",
+      type: "selector",
+      optional: true,
+      description: "Element to show .copied feedback on (defaults to the installed element)"
+    },
+    {
+      name: "feedbackDuration",
+      type: "number",
+      optional: true,
+      default: 2e3,
+      description: "Duration in ms to show .copied class feedback"
+    }
+  ],
+  events: [
+    { name: "clipboard:copied", description: "Fired after text is copied successfully" },
+    { name: "clipboard:error", description: "Fired when clipboard write fails" }
+  ],
+  requirements: [
+    "navigator.clipboard.writeText() requires HTTPS or localhost",
+    'Falls back to document.execCommand("copy") for older browsers'
+  ],
+  source: `
+behavior Clipboard(text, source, feedback, feedbackDuration)
+  init
+    if feedbackDuration is undefined
+      set feedbackDuration to 2000
+    end
+    if source is undefined
+      set source to me
+    end
+  end
+  on click
+    if text is not undefined
+      set copyText to text
+    else
+      set copyText to source's textContent
+    end
+    js(me, copyText, feedback, feedbackDuration)
+      async function copyToClipboard(t) {
+        if (navigator.clipboard && navigator.clipboard.writeText) {
+          await navigator.clipboard.writeText(t);
+          return;
+        }
+        var ta = document.createElement('textarea');
+        ta.value = t;
+        ta.style.position = 'fixed';
+        ta.style.opacity = '0';
+        document.body.appendChild(ta);
+        ta.select();
+        try { document.execCommand('copy'); } finally { document.body.removeChild(ta); }
+      }
+      try {
+        await copyToClipboard(copyText);
+        var feedbackEl = feedback ? (typeof feedback === 'string' ? document.querySelector(feedback) : feedback) : me;
+        if (!feedbackEl) feedbackEl = me;
+        feedbackEl.classList.add('copied');
+        me.dispatchEvent(new CustomEvent('clipboard:copied', { bubbles: true, detail: { text: copyText } }));
+        setTimeout(function() { feedbackEl.classList.remove('copied'); }, feedbackDuration);
+      } catch(err) {
+        me.dispatchEvent(new CustomEvent('clipboard:error', { bubbles: true, detail: { error: err } }));
+      }
+    end
+  end
+end`.trim()
+};
+
+export {
+  clipboardSchema
+};
+//# sourceMappingURL=chunk-WOTZO7K4.js.map

package/dist/chunk-WOTZO7K4.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/schemas/clipboard.schema.ts"],"sourcesContent":["import type { BehaviorSchema } from './types';\n\n/**\n * Clipboard Behavior Schema\n *\n * Copies text to clipboard on click with visual feedback.\n * Uses the Clipboard API with execCommand fallback.\n */\nexport const clipboardSchema: BehaviorSchema = {\n  name: 'Clipboard',\n  category: 'ui',\n  tier: 'core',\n  version: '1.0.0',\n  description: 'Copies text to clipboard on click with visual feedback',\n  parameters: [\n    {\n      name: 'text',\n      type: 'string',\n      optional: true,\n      description: 'Literal text to copy (takes priority over source)',\n    },\n    {\n      name: 'source',\n      type: 'selector',\n      optional: true,\n      default: 'me',\n      description: 'Element whose textContent or value is copied',\n    },\n    {\n      name: 'feedback',\n      type: 'selector',\n      optional: true,\n      description: 'Element to show .copied feedback on (defaults to the installed element)',\n    },\n    {\n      name: 'feedbackDuration',\n      type: 'number',\n      optional: true,\n      default: 2000,\n      description: 'Duration in ms to show .copied class feedback',\n    },\n  ],\n  events: [\n    { name: 'clipboard:copied', description: 'Fired after text is copied successfully' },\n    { name: 'clipboard:error', description: 'Fired when clipboard write fails' },\n  ],\n  requirements: [\n    'navigator.clipboard.writeText() requires HTTPS or localhost',\n    'Falls back to document.execCommand(\"copy\") for older browsers',\n  ],\n  source: `\nbehavior Clipboard(text, source, feedback, feedbackDuration)\n  init\n    if feedbackDuration is undefined\n      set feedbackDuration to 2000\n    end\n    if source is undefined\n      set source to me\n    end\n  end\n  on click\n    if text is not undefined\n      set copyText to text\n    else\n      set copyText to source's textContent\n    end\n    js(me, copyText, feedback, feedbackDuration)\n      async function copyToClipboard(t) {\n        if (navigator.clipboard && navigator.clipboard.writeText) {\n          await navigator.clipboard.writeText(t);\n          return;\n        }\n        var ta = document.createElement('textarea');\n        ta.value = t;\n        ta.style.position = 'fixed';\n        ta.style.opacity = '0';\n        document.body.appendChild(ta);\n        ta.select();\n        try { document.execCommand('copy'); } finally { document.body.removeChild(ta); }\n      }\n      try {\n        await copyToClipboard(copyText);\n        var feedbackEl = feedback ? (typeof feedback === 'string' ? document.querySelector(feedback) : feedback) : me;\n        if (!feedbackEl) feedbackEl = me;\n        feedbackEl.classList.add('copied');\n        me.dispatchEvent(new CustomEvent('clipboard:copied', { bubbles: true, detail: { text: copyText } }));\n        setTimeout(function() { feedbackEl.classList.remove('copied'); }, feedbackDuration);\n      } catch(err) {\n        me.dispatchEvent(new CustomEvent('clipboard:error', { bubbles: true, detail: { error: err } }));\n      }\n    end\n  end\nend`.trim(),\n};\n"],"mappings":";AAQO,IAAM,kBAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,oBAAoB,aAAa,0CAA0C;AAAA,IACnF,EAAE,MAAM,mBAAmB,aAAa,mCAAmC;AAAA,EAC7E;AAAA,EACA,cAAc;AAAA,IACZ;AAAA,IACA;AAAA,EACF;AAAA,EACA,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KA0CL,KAAK;AACV;","names":[]}

package/dist/{chunk-JKBWIJFI.js → chunk-WPOQIMCC.js}

@@ -1,6 +1,6 @@
 import {
   tabsSchema
-} from "./chunk-GVJPA2EK.js";
+} from "./chunk-HQDYH45I.js";
 import {
   resolveRuntime
 } from "./chunk-6TJXDCAQ.js";
@@ -152,4 +152,4 @@ export {
   registerTabs,
   tabs_default
 };
-//# sourceMappingURL=chunk-JKBWIJFI.js.map
+//# sourceMappingURL=chunk-WPOQIMCC.js.map

package/dist/{chunk-WUHHMDAA.js → chunk-XYZ7FOXJ.js}

@@ -37,12 +37,15 @@ behavior Toggleable(cls, target)
   end
   on click
     toggle .{cls} on target
+    js(target, cls)
+      var eventName = target.classList.contains(cls) ? 'toggleable:on' : 'toggleable:off';
+      target.dispatchEvent(new CustomEvent(eventName, { bubbles: true }));
+    end
   end
-end
-`.trim()
+end`.trim()
 };
 
 export {
   toggleableSchema
 };
-//# sourceMappingURL=chunk-WUHHMDAA.js.map
+//# sourceMappingURL=chunk-XYZ7FOXJ.js.map