@hyperfixi/behaviors 2.5.1 → 2.7.0

package/README.md

@@ -0,0 +1,100 @@
+# @hyperfixi/behaviors
+
+Reusable hyperscript behaviors for HyperFixi / LokaScript. A behavior is installed
+on any element with `_="install BehaviorName(params)"` and is defined in **pure
+hyperscript** (its `source`), compiled on demand.
+
+```html
+<script src="hyperfixi.js"></script>
+<script src="resolver.browser.global.js"></script>
+<!-- install X just works — behaviors compile on first use -->
+<button _="install Toggleable(cls: 'active')">Toggle</button>
+```
+
+## The boundary rule — what a behavior _is_
+
+> **A behavior is a named, parameterized, _reusable inline script_ — `on event →
+DOM action`. It is not a component.** When something needs an observer, a focus
+> model, or an async pointer loop, it has left the inline-scripting lane and belongs
+> in a web component or a plain module instead.
+
+This rule is why the set is small and tiered. Most "behaviors" people reach for are
+really just short inline scripts — see [Recipes](#recipes--most-things-are-inline-scripts).
+
+A single source of truth drives every consumer: the hyperscript `source` string in
+each `src/schemas/*.schema.ts`. The npm `register*()` functions, the CDN
+`resolver.browser.global.js` bundle, and `@hyperfixi/patterns-reference` all compile
+that **same source** — one runtime path, identical in the browser and Node. **Every
+behavior compiles from `source`; there is no imperative-JS installer.** (An earlier
+imperative-installer experiment forked a second, diverging path; it has been removed
+for all tiers — including the three experimental components, which now run their
+pointer loops from `source` like everything else.)
+
+**Writing or installing a behavior?** See **[AUTHORING.md](AUTHORING.md)** — the
+canonical guide (boundary test, anatomy, schema, install/resolver, agent checklist).
+
+## Tiers
+
+Curation status (`curated` / `optional` / `experimental`) is exported
+programmatically from [`src/curation.ts`](src/curation.ts). It is orthogonal to the
+lazy-loading `tier` (core/common/optional).
+
+### Curated (5) — reliable, runtime-tested, the supported story
+
+| Behavior       | What it does                              | Notes                                   |
+| -------------- | ----------------------------------------- | --------------------------------------- |
+| `Toggleable`   | Toggle a class on click                   | accordions, dropdowns, toggle buttons   |
+| `Removable`    | Remove an element on click                | dismiss notifications; optional confirm |
+| `ClickOutside` | Fire `clickoutside` on an outside press   | a primitive (dropdown/menu dismissal)   |
+| `Clipboard`    | Copy text on click + `.copied` feedback   | JS-backed convenience (Clipboard API)   |
+| `AutoDismiss`  | Auto-remove after a delay, pause-on-hover | JS-backed convenience (timers)          |
+
+`Toggleable` / `Removable` / `ClickOutside` are genuinely hyperscript-native (real
+`on event → action` bodies) and translate meaningfully across languages.
+`Clipboard` / `AutoDismiss` ship in the curated set for their user value but are
+honestly JS-backed (their `js()` core stays English — fidelity-neutral).
+
+Each curated behavior has a real-runtime DOM test in
+[`src/behaviors/curated-runtime.test.ts`](src/behaviors/curated-runtime.test.ts)
+asserting both the effect and its lifecycle events — "parses ≠ works".
+
+### Optional (3) — kept, documented as primitives / nice-to-haves
+
+`FocusTrap` · `ScrollReveal` · `Tabs`. `FocusTrap` + `ClickOutside` are the
+primitives a Modal composes from; `Tabs` is high-value but heavy (a future
+web-component candidate). They carry their web-API logic (a focus model, an
+`IntersectionObserver`, ARIA/keyboard wiring) in an `init`-block `js()` body, but
+flow through the **same single compile path** as the curated set — no
+imperative-installer fork. Each has a real-runtime DOM test in
+[`src/behaviors/optional-runtime.test.ts`](src/behaviors/optional-runtime.test.ts).
+
+### Experimental (3) — beyond the boundary
+
+`Draggable` · `Sortable` · `Resizable` — stateful async components (`repeat until
+event` + `wait for` pointer loops). Kept working, but explicitly **outside** the
+curated/supported/marketed story. If you need robust drag/sort/resize, prefer a
+dedicated library or web component.
+
+## Recipes — most things are inline scripts
+
+Before installing a behavior, check whether a short inline script does the job. The
+upstream \_hyperscript cookbook (`www/patterns/`) is almost entirely inline patterns,
+not `behavior` definitions. See [`examples/behaviors/recipes.html`](../../examples/behaviors/recipes.html)
+for adapted recipes (toggle, fade-and-remove, character counter, …). Promote a
+recipe to an installed behavior only when it is genuinely reusable and parameterized.
+
+## API
+
+```javascript
+import { registerAll } from '@hyperfixi/behaviors';
+await registerAll(); // registers every behavior with window.hyperfixi
+
+import { registerToggleable } from '@hyperfixi/behaviors/toggleable';
+await registerToggleable(); // tree-shakeable single behavior
+
+import { CURATED_BEHAVIORS, curationStatusOf } from '@hyperfixi/behaviors';
+curationStatusOf('Draggable'); // 'experimental'
+```
+
+See [`examples/behaviors/demo.html`](../../examples/behaviors/demo.html) for a live
+demo grouped by tier.

package/dist/all.browser.global.js

@@ -1,4 +1,4 @@
-"use strict";var HyperFixiBehaviors=(()=>{var le=Object.defineProperty;var _t=Object.getOwnPropertyDescriptor;var Wt=Object.getOwnPropertyNames;var Nt=Object.prototype.hasOwnProperty;var u=(e,t)=>()=>(e&&(t=e(e=0)),t);var y=(e,t)=>{for(var r in t)le(e,r,{get:t[r],enumerable:!0})},Yt=(e,t,r,o)=>{if(t&&typeof t=="object"||typeof t=="function")for(let i of Wt(t))!Nt.call(e,i)&&i!==r&&le(e,i,{get:()=>t[i],enumerable:!(o=_t(t,i))||o.enumerable});return e};var qt=e=>Yt(le({},"__esModule",{value:!0}),e);var C,de=u(()=>{"use strict";C={name:"Draggable",category:"ui",tier:"core",version:"1.0.0",description:"Makes elements draggable with pointer events",parameters:[{name:"dragHandle",type:"selector",optional:!0,default:"me",description:"CSS selector for the drag handle element"}],events:[{name:"draggable:start",description:"Fired when drag begins"},{name:"draggable:move",description:"Fired during each movement"},{name:"draggable:end",description:"Fired when drag completes"}],requirements:["position: absolute or position: fixed on the element"],source:`
+"use strict";var HyperFixiBehaviors=(()=>{var G=Object.defineProperty;var Mt=Object.getOwnPropertyDescriptor;var It=Object.getOwnPropertyNames;var Ft=Object.prototype.hasOwnProperty;var i=(t,e)=>()=>(t&&(e=t(t=0)),e);var l=(t,e)=>{for(var r in e)G(t,r,{get:e[r],enumerable:!0})},Ot=(t,e,r,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let m of It(e))!Ft.call(t,m)&&m!==r&&G(t,m,{get:()=>e[m],enumerable:!(o=Mt(e,m))||o.enumerable});return t};var Dt=t=>Ot(G({},"__esModule",{value:!0}),t);var u,K=i(()=>{"use strict";u={name:"Draggable",category:"ui",tier:"core",version:"1.0.0",description:"Makes elements draggable with pointer events (EXPERIMENTAL \u2014 stateful async component, beyond the inline-scripting boundary; not part of the curated set)",parameters:[{name:"dragHandle",type:"selector",optional:!0,default:"me",description:"CSS selector for the drag handle element"}],events:[{name:"draggable:start",description:"Fired when drag begins"},{name:"draggable:move",description:"Fired during each movement"},{name:"draggable:end",description:"Fired when drag completes"}],requirements:["position: absolute or position: fixed on the element"],source:`
 behavior Draggable(dragHandle)
   init
     if no dragHandle set dragHandle to me
@@ -21,7 +21,7 @@ behavior Draggable(dragHandle)
     trigger draggable:end
   end
 end
-`.trim()}});function s(){if(typeof window>"u")return null;let e=window;return e.lokascript||e.hyperfixi||null}var g=u(()=>{"use strict"});var nt={};y(nt,{default:()=>pe,draggableMetadata:()=>me,draggableSource:()=>ue,registerDraggable:()=>T});function $t(e,t){let r=e;if(t.dragHandle&&t.dragHandle!=="me")if(typeof t.dragHandle=="string"){let o=e.querySelector(t.dragHandle);o instanceof HTMLElement&&(r=o)}else t.dragHandle instanceof HTMLElement&&(r=t.dragHandle);r.addEventListener("pointerdown",o=>{o.preventDefault(),o.stopPropagation(),e.dispatchEvent(new CustomEvent("draggable:start",{bubbles:!0}));let i=e.offsetLeft,m=e.offsetTop,a=o.clientX-i,c=o.clientY-m;function p(d){e.style.left=`${d.clientX-a}px`,e.style.top=`${d.clientY-c}px`,e.dispatchEvent(new CustomEvent("draggable:move",{bubbles:!0}))}function l(){document.removeEventListener("pointermove",p),document.removeEventListener("pointerup",l),e.dispatchEvent(new CustomEvent("draggable:end",{bubbles:!0}))}document.addEventListener("pointermove",p),document.addEventListener("pointerup",l)})}async function T(e){let t=e||s();if(!t)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r={type:"behavior",name:"Draggable",parameters:["dragHandle"],eventHandlers:[],imperativeInstaller:$t},o=t.createContext?t.createContext():{locals:new Map,globals:new Map};await t.execute(r,o)}var ue,me,pe,K=u(()=>{"use strict";de();g();ue=C.source,me=C;s()&&T().catch(console.error);pe={source:C.source,metadata:C,register:T}});var k,fe=u(()=>{"use strict";k={name:"Removable",category:"data",tier:"common",version:"1.2.0",description:"Makes elements removable on click",parameters:[{name:"triggerEl",type:"selector",optional:!0,default:"me",description:"Element that triggers removal (e.g., a close button)"},{name:"confirmRemoval",type:"boolean",optional:!0,default:!1,description:"Show confirmation dialog before removal"},{name:"effect",type:"string",optional:!0,default:"none",enum:["fade","none"],description:'Transition effect: "fade" or "none"'}],events:[{name:"removable:before",description:"Fired before removal (cancelable)"},{name:"removable:removed",description:"Fired after removal"}],source:`
+`.trim()}});function a(){if(typeof window>"u")return null;let t=window;return t.lokascript||t.hyperfixi||null}var c=i(()=>{"use strict"});var Ke={};l(Ke,{default:()=>ee,draggableMetadata:()=>Z,draggableSource:()=>Q,registerDraggable:()=>E});async function E(t){let e=t||a();if(!e)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r=e.compileSync(u.source,{traditional:!0});if(!r.ok)throw new Error(`Failed to compile Draggable behavior: ${JSON.stringify(r.errors)}`);let o=e.createContext?e.createContext():{locals:new Map,globals:new Map};await e.execute(r.ast,o)}var Q,Z,ee,_=i(()=>{"use strict";K();c();Q=u.source,Z=u;a()&&E().catch(console.error);ee={source:u.source,metadata:u,register:E}});var p,te=i(()=>{"use strict";p={name:"Removable",category:"data",tier:"common",version:"1.2.0",description:"Makes elements removable on click",parameters:[{name:"triggerEl",type:"selector",optional:!0,default:"me",description:"Element that triggers removal (e.g., a close button)"},{name:"confirmRemoval",type:"boolean",optional:!0,default:!1,description:"Show confirmation dialog before removal"},{name:"effect",type:"string",optional:!0,default:"none",enum:["fade","none"],description:'Transition effect: "fade" or "none"'}],events:[{name:"removable:before",description:"Fired before removal (cancelable)"},{name:"removable:removed",description:"Fired after removal"}],source:`
 behavior Removable(triggerEl, confirmRemoval, effect)
   init
     if triggerEl is undefined
@@ -45,7 +45,7 @@ behavior Removable(triggerEl, confirmRemoval, effect)
     remove me
   end
 end
-`.trim()}});var st={};y(st,{default:()=>he,registerRemovable:()=>M,removableMetadata:()=>be,removableSource:()=>ve});async function M(e){let t=e||s();if(!t)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r=t.compileSync(k.source,{traditional:!0});if(!r.ok)throw new Error(`Failed to compile Removable behavior: ${JSON.stringify(r.errors)}`);let o=t.createContext?t.createContext():{locals:new Map,globals:new Map};await t.execute(r.ast,o)}var ve,be,he,J=u(()=>{"use strict";fe();g();ve=k.source,be=k;s()&&M().catch(console.error);he={source:k.source,metadata:k,register:M}});var A,ge=u(()=>{"use strict";A={name:"Toggleable",category:"form",tier:"core",version:"1.0.0",description:"Toggles a CSS class on click",parameters:[{name:"cls",type:"string",optional:!0,default:"active",description:"CSS class to toggle"},{name:"target",type:"selector",optional:!0,default:"me",description:"Element to toggle the class on"}],events:[{name:"toggleable:on",description:"Fired when class is added"},{name:"toggleable:off",description:"Fired when class is removed"}],source:`
+`.trim()}});var Qe={};l(Qe,{default:()=>ae,registerRemovable:()=>C,removableMetadata:()=>oe,removableSource:()=>re});async function C(t){let e=t||a();if(!e)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r=e.compileSync(p.source,{traditional:!0});if(!r.ok)throw new Error(`Failed to compile Removable behavior: ${JSON.stringify(r.errors)}`);let o=e.createContext?e.createContext():{locals:new Map,globals:new Map};await e.execute(r.ast,o)}var re,oe,ae,H=i(()=>{"use strict";te();c();re=p.source,oe=p;a()&&C().catch(console.error);ae={source:p.source,metadata:p,register:C}});var f,ie=i(()=>{"use strict";f={name:"Toggleable",category:"form",tier:"core",version:"1.0.0",description:"Toggles a CSS class on click",parameters:[{name:"cls",type:"string",optional:!0,default:"active",description:"CSS class to toggle"},{name:"target",type:"selector",optional:!0,default:"me",description:"Element to toggle the class on"}],events:[{name:"toggleable:on",description:"Fired when class is added"},{name:"toggleable:off",description:"Fired when class is removed"}],source:`
 behavior Toggleable(cls, target)
   init
     if cls is undefined
@@ -62,7 +62,7 @@ behavior Toggleable(cls, target)
       target.dispatchEvent(new CustomEvent(eventName, { bubbles: true }));
     end
   end
-end`.trim()}});var ct={};y(ct,{default:()=>we,registerToggleable:()=>R,toggleableMetadata:()=>xe,toggleableSource:()=>ye});function jt(e,t){let r=t.cls||"active",o=e;if(t.target&&t.target!=="me")if(typeof t.target=="string"){let i=document.querySelector(t.target);i instanceof HTMLElement&&(o=i)}else t.target instanceof HTMLElement&&(o=t.target);e.addEventListener("click",()=>{let i=o.classList.contains(r);o.classList.toggle(r),o.dispatchEvent(new CustomEvent(i?"toggleable:off":"toggleable:on",{bubbles:!0}))})}async function R(e){let t=e||s();if(!t)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r={type:"behavior",name:"Toggleable",parameters:["cls","target"],eventHandlers:[],imperativeInstaller:jt},o=t.createContext?t.createContext():{locals:new Map,globals:new Map};await t.execute(r,o)}var ye,xe,we,Q=u(()=>{"use strict";ge();g();ye=A.source,xe=A;s()&&R().catch(console.error);we={source:A.source,metadata:A,register:R}});var B,Ee=u(()=>{"use strict";B={name:"Sortable",category:"ui",tier:"common",version:"1.0.0",description:"Makes child elements reorderable via drag-and-drop",parameters:[{name:"dragClass",type:"string",optional:!0,default:"sorting",description:"CSS class added to item during drag"}],events:[{name:"sortable:start",description:"Fired when drag begins"},{name:"sortable:move",description:"Fired during drag \u2014 handle this event to reorder DOM elements"},{name:"sortable:end",description:"Fired when drag completes"}],requirements:["Users must handle DOM reordering in sortable:move event handlers"],source:`
+end`.trim()}});var Ze={};l(Ze,{default:()=>ce,registerToggleable:()=>A,toggleableMetadata:()=>ne,toggleableSource:()=>se});async function A(t){let e=t||a();if(!e)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r=e.compileSync(f.source,{traditional:!0});if(!r.ok)throw new Error(`Failed to compile Toggleable behavior: ${JSON.stringify(r.errors)}`);let o=e.createContext?e.createContext():{locals:new Map,globals:new Map};await e.execute(r.ast,o)}var se,ne,ce,z=i(()=>{"use strict";ie();c();se=f.source,ne=f;a()&&A().catch(console.error);ce={source:f.source,metadata:f,register:A}});var h,le=i(()=>{"use strict";h={name:"Sortable",category:"ui",tier:"common",version:"1.0.0",description:"Makes child elements reorderable via drag-and-drop (EXPERIMENTAL \u2014 stateful async component, beyond the inline-scripting boundary; not part of the curated set)",parameters:[{name:"dragClass",type:"string",optional:!0,default:"sorting",description:"CSS class added to item during drag"}],events:[{name:"sortable:start",description:"Fired when drag begins"},{name:"sortable:move",description:"Fired during drag \u2014 handle this event to reorder DOM elements"},{name:"sortable:end",description:"Fired when drag completes"}],requirements:["Users must handle DOM reordering in sortable:move event handlers"],source:`
 behavior Sortable(dragClass)
   init
     if dragClass is undefined
@@ -70,7 +70,7 @@ behavior Sortable(dragClass)
     end
   end
   on pointerdown(clientY) from me
-    set item to the closest <li/> to the target
+    set item to the target.closest("li")
     if item is null
       exit
     end
@@ -78,13 +78,13 @@ behavior Sortable(dragClass)
     add .{dragClass} to item
     trigger sortable:start on me
     repeat until event pointerup from document
-      wait for pointermove(clientY) from document
+      wait for pointermove(clientY) or pointerup(clientY) from document
       trigger sortable:move on me
     end
     remove .{dragClass} from item
     trigger sortable:end on me
   end
-end`.trim()}});var lt={};y(lt,{default:()=>Le,registerSortable:()=>H,sortableMetadata:()=>ke,sortableSource:()=>Se});function Xt(e,t){let r=t.dragClass||"sorting",o=t.handle||null;e.addEventListener("pointerdown",i=>{let m=i.target,a=m.closest("li");if(!a||!e.contains(a)||o&&!m.closest(o))return;i.preventDefault(),a.classList.add(r),e.dispatchEvent(new CustomEvent("sortable:start",{bubbles:!0,detail:{item:a}}));function c(l){e.dispatchEvent(new CustomEvent("sortable:move",{bubbles:!0,detail:{clientY:l.clientY,item:a}}))}function p(){document.removeEventListener("pointermove",c),document.removeEventListener("pointerup",p),a.classList.remove(r),e.dispatchEvent(new CustomEvent("sortable:end",{bubbles:!0,detail:{item:a}}))}document.addEventListener("pointermove",c),document.addEventListener("pointerup",p)})}async function H(e){let t=e||s();if(!t)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r={type:"behavior",name:"Sortable",parameters:["dragClass"],eventHandlers:[],imperativeInstaller:Xt},o=t.createContext?t.createContext():{locals:new Map,globals:new Map};await t.execute(r,o)}var Se,ke,Le,Z=u(()=>{"use strict";Ee();g();Se=B.source,ke=B;s()&&H().catch(console.error);Le={source:B.source,metadata:B,register:H}});var I,Ce=u(()=>{"use strict";I={name:"Resizable",category:"ui",tier:"optional",version:"1.0.0",description:"Makes elements resizable by dragging",parameters:[{name:"minWidth",type:"number",optional:!0,default:50,description:"Minimum width in pixels"},{name:"minHeight",type:"number",optional:!0,default:50,description:"Minimum height in pixels"},{name:"maxWidth",type:"number",optional:!0,default:9999,description:"Maximum width in pixels"},{name:"maxHeight",type:"number",optional:!0,default:9999,description:"Maximum height in pixels"}],events:[{name:"resizable:start",description:"Fired when resize begins"},{name:"resizable:resize",description:"Fired during resize"},{name:"resizable:end",description:"Fired when resize completes"}],source:`
+end`.trim()}});var et={};l(et,{default:()=>ue,registerSortable:()=>B,sortableMetadata:()=>me,sortableSource:()=>de});async function B(t){let e=t||a();if(!e)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r=e.compileSync(h.source,{traditional:!0});if(!r.ok)throw new Error(`Failed to compile Sortable behavior: ${JSON.stringify(r.errors)}`);let o=e.createContext?e.createContext():{locals:new Map,globals:new Map};await e.execute(r.ast,o)}var de,me,ue,N=i(()=>{"use strict";le();c();de=h.source,me=h;a()&&B().catch(console.error);ue={source:h.source,metadata:h,register:B}});var v,pe=i(()=>{"use strict";v={name:"Resizable",category:"ui",tier:"optional",version:"1.0.0",description:"Makes elements resizable by dragging (EXPERIMENTAL \u2014 stateful async component, beyond the inline-scripting boundary; not part of the curated set)",parameters:[{name:"minWidth",type:"number",optional:!0,default:50,description:"Minimum width in pixels"},{name:"minHeight",type:"number",optional:!0,default:50,description:"Minimum height in pixels"},{name:"maxWidth",type:"number",optional:!0,default:9999,description:"Maximum width in pixels"},{name:"maxHeight",type:"number",optional:!0,default:9999,description:"Maximum height in pixels"}],events:[{name:"resizable:start",description:"Fired when resize begins"},{name:"resizable:resize",description:"Fired during resize"},{name:"resizable:end",description:"Fired when resize completes"}],source:`
 behavior Resizable(minWidth, minHeight, maxWidth, maxHeight)
   on pointerdown(clientX, clientY) from me
     halt the event
@@ -96,21 +96,21 @@ behavior Resizable(minWidth, minHeight, maxWidth, maxHeight)
     set startX to clientX
     set startY to clientY
     repeat until event pointerup from document
-      wait for pointermove(clientX, clientY) from document
+      wait for pointermove(clientX, clientY) or pointerup(clientX, clientY) from document
       set newWidth to startWidth + clientX - startX
       set newHeight to startHeight + clientY - startY
       if newWidth < minWidth then set newWidth to minWidth end
       if newWidth > maxWidth then set newWidth to maxWidth end
       if newHeight < minHeight then set newHeight to minHeight end
       if newHeight > maxHeight then set newHeight to maxHeight end
-      set my style.width to newWidth + "px"
-      set my style.height to newHeight + "px"
+      set my *width to newWidth + "px"
+      set my *height to newHeight + "px"
       trigger resizable:resize
     end
     trigger resizable:end
   end
 end
-`.trim()}});var dt={};y(dt,{default:()=>Ae,registerResizable:()=>F,resizableMetadata:()=>Me,resizableSource:()=>Te});function Ut(e,t){let r=e;if(t.handle&&t.handle!=="me")if(typeof t.handle=="string"){let c=e.querySelector(t.handle);c instanceof HTMLElement&&(r=c)}else t.handle instanceof HTMLElement&&(r=t.handle);let o=t.minWidth??50,i=t.minHeight??50,m=t.maxWidth??9999,a=t.maxHeight??9999;r.addEventListener("pointerdown",c=>{c.preventDefault(),e.dispatchEvent(new CustomEvent("resizable:start",{bubbles:!0}));let p=e.offsetWidth,l=e.offsetHeight,d=c.clientX,w=c.clientY;function h(n){let f=Math.max(o,Math.min(m,p+(n.clientX-d))),S=Math.max(i,Math.min(a,l+(n.clientY-w)));e.style.width=`${f}px`,e.style.height=`${S}px`,e.dispatchEvent(new CustomEvent("resizable:resize",{bubbles:!0}))}function ce(){document.removeEventListener("pointermove",h),document.removeEventListener("pointerup",ce),e.dispatchEvent(new CustomEvent("resizable:end",{bubbles:!0}))}document.addEventListener("pointermove",h),document.addEventListener("pointerup",ce)})}async function F(e){let t=e||s();if(!t)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r={type:"behavior",name:"Resizable",parameters:[],eventHandlers:[],imperativeInstaller:Ut},o=t.createContext?t.createContext():{locals:new Map,globals:new Map};await t.execute(r,o)}var Te,Me,Ae,ee=u(()=>{"use strict";Ce();g();Te=I.source,Me=I;s()&&F().catch(console.error);Ae={source:I.source,metadata:I,register:F}});var D,Re=u(()=>{"use strict";D={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:!0,description:"Literal text to copy (takes priority over source)"},{name:"source",type:"selector",optional:!0,default:"me",description:"Element whose textContent or value is copied"},{name:"feedback",type:"selector",optional:!0,description:"Element to show .copied feedback on (defaults to the installed element)"},{name:"feedbackDuration",type:"number",optional:!0,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:`
+`.trim()}});var tt={};l(tt,{default:()=>ve,registerResizable:()=>R,resizableMetadata:()=>he,resizableSource:()=>fe});async function R(t){let e=t||a();if(!e)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r=e.compileSync(v.source,{traditional:!0});if(!r.ok)throw new Error(`Failed to compile Resizable behavior: ${JSON.stringify(r.errors)}`);let o=e.createContext?e.createContext():{locals:new Map,globals:new Map};await e.execute(r.ast,o)}var fe,he,ve,W=i(()=>{"use strict";pe();c();fe=v.source,he=v;a()&&R().catch(console.error);ve={source:v.source,metadata:v,register:R}});var b,be=i(()=>{"use strict";b={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:!0,description:"Literal text to copy (takes priority over source)"},{name:"source",type:"selector",optional:!0,default:"me",description:"Element whose textContent or value is copied"},{name:"feedback",type:"selector",optional:!0,description:"Element to show .copied feedback on (defaults to the installed element)"},{name:"feedbackDuration",type:"number",optional:!0,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
@@ -127,32 +127,35 @@ behavior Clipboard(text, source, feedback, feedbackDuration)
       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;
+      // Wrapped in an async IIFE: hyperscript's js() block has no top-level await.
+      (async function() {
+        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); }
         }
-        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 } }));
-      }
+        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()}});var mt={};y(mt,{clipboardMetadata:()=>He,clipboardSource:()=>Be,default:()=>Ie,registerClipboard:()=>O});async function Vt(e){if(navigator.clipboard?.writeText){await navigator.clipboard.writeText(e);return}let t=document.createElement("textarea");t.value=e,t.style.position="fixed",t.style.opacity="0",document.body.appendChild(t),t.select();try{document.execCommand("copy")}finally{document.body.removeChild(t)}}function ut(e,t){return!t||t==="me"?e:t instanceof HTMLElement?t:typeof t=="string"&&(e.querySelector(t)||document.querySelector(t))||null}function Gt(e,t){let r=typeof t.feedbackDuration=="number"?t.feedbackDuration:2e3;e.addEventListener("click",async()=>{let o;if(t.text!=null)o=String(t.text);else{let i=ut(e,t.source)||e;o=i.value??i.textContent??""}try{await Vt(o);let i=ut(e,t.feedback)||e;i.classList.add("copied"),setTimeout(()=>i.classList.remove("copied"),r),e.dispatchEvent(new CustomEvent("clipboard:copied",{bubbles:!0,detail:{text:o}}))}catch(i){e.dispatchEvent(new CustomEvent("clipboard:error",{bubbles:!0,detail:{error:i}}))}})}async function O(e){let t=e||s();if(!t)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r={type:"behavior",name:"Clipboard",parameters:["text","source","feedback","feedbackDuration"],eventHandlers:[],imperativeInstaller:Gt},o=t.createContext?t.createContext():{locals:new Map,globals:new Map};await t.execute(r,o)}var Be,He,Ie,te=u(()=>{"use strict";Re();g();Be=D.source,He=D;s()&&O().catch(console.error);Ie={source:D.source,metadata:D,register:O}});var P,Fe=u(()=>{"use strict";P={name:"AutoDismiss",category:"ui",tier:"core",version:"1.0.0",description:"Auto-removes elements after a delay with optional pause-on-hover",parameters:[{name:"delay",type:"number",optional:!0,default:5e3,description:"Time in ms before the element is removed"},{name:"pauseOnHover",type:"boolean",optional:!0,default:!0,description:"Pause the countdown when the mouse hovers over the element"},{name:"effect",type:"string",optional:!0,default:"none",enum:["fade","none"],description:'Transition effect before removal: "fade" or "none"'}],events:[{name:"autodismiss:start",description:"Fired when the countdown timer starts"},{name:"autodismiss:dismissed",description:"Fired before removal (cancelable via preventDefault)"},{name:"autodismiss:paused",description:"Fired when the timer is paused on hover"},{name:"autodismiss:resumed",description:"Fired when the timer resumes on mouseleave"}],source:`
+end`.trim()}});var rt={};l(rt,{clipboardMetadata:()=>ye,clipboardSource:()=>ge,default:()=>xe,registerClipboard:()=>T});async function T(t){let e=t||a();if(!e)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r=e.compileSync(b.source,{traditional:!0});if(!r.ok)throw new Error(`Failed to compile Clipboard behavior: ${JSON.stringify(r.errors)}`);let o=e.createContext?e.createContext():{locals:new Map,globals:new Map};await e.execute(r.ast,o)}var ge,ye,xe,$=i(()=>{"use strict";be();c();ge=b.source,ye=b;a()&&T().catch(console.error);xe={source:b.source,metadata:b,register:T}});var g,Se=i(()=>{"use strict";g={name:"AutoDismiss",category:"ui",tier:"core",version:"1.0.0",description:"Auto-removes elements after a delay with optional pause-on-hover",parameters:[{name:"delay",type:"number",optional:!0,default:5e3,description:"Time in ms before the element is removed"},{name:"pauseOnHover",type:"boolean",optional:!0,default:!0,description:"Pause the countdown when the mouse hovers over the element"},{name:"effect",type:"string",optional:!0,default:"none",enum:["fade","none"],description:'Transition effect before removal: "fade" or "none"'}],events:[{name:"autodismiss:start",description:"Fired when the countdown timer starts"},{name:"autodismiss:dismissed",description:"Fired before removal (cancelable via preventDefault)"},{name:"autodismiss:paused",description:"Fired when the timer is paused on hover"},{name:"autodismiss:resumed",description:"Fired when the timer resumes on mouseleave"}],source:`
 behavior AutoDismiss(delay, pauseOnHover, effect)
   init
     if delay is undefined
@@ -205,7 +208,7 @@ behavior AutoDismiss(delay, pauseOnHover, effect)
       }
     end
   end
-end`.trim()}});var pt={};y(pt,{autoDismissMetadata:()=>Oe,autoDismissSource:()=>De,default:()=>Pe,registerAutoDismiss:()=>z});function Kt(e,t){let r=typeof t.delay=="number"?t.delay:5e3,o=t.pauseOnHover!==!1,i=t.effect==="fade"?"fade":"none",m=null,a=r,c=Date.now();function p(){let d=new CustomEvent("autodismiss:dismissed",{bubbles:!0,cancelable:!0});e.dispatchEvent(d),!d.defaultPrevented&&(i==="fade"?(e.style.transition="opacity 300ms",e.style.opacity="0",setTimeout(()=>e.remove(),300)):e.remove())}function l(){c=Date.now(),m=setTimeout(p,a)}e.dispatchEvent(new CustomEvent("autodismiss:start",{bubbles:!0})),l(),o&&(e.addEventListener("mouseenter",()=>{m!=null&&(clearTimeout(m),m=null,a-=Date.now()-c,a<0&&(a=0),e.dispatchEvent(new CustomEvent("autodismiss:paused",{bubbles:!0})))}),e.addEventListener("mouseleave",()=>{m==null&&e.isConnected&&(e.dispatchEvent(new CustomEvent("autodismiss:resumed",{bubbles:!0})),l())}))}async function z(e){let t=e||s();if(!t)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r={type:"behavior",name:"AutoDismiss",parameters:["delay","pauseOnHover","effect"],eventHandlers:[],imperativeInstaller:Kt},o=t.createContext?t.createContext():{locals:new Map,globals:new Map};await t.execute(r,o)}var De,Oe,Pe,re=u(()=>{"use strict";Fe();g();De=P.source,Oe=P;s()&&z().catch(console.error);Pe={source:P.source,metadata:P,register:z}});var _,ze=u(()=>{"use strict";_={name:"ClickOutside",category:"ui",tier:"core",version:"1.0.0",description:"Fires an event when the user clicks outside the element",parameters:[{name:"active",type:"boolean",optional:!0,default:!0,description:"Whether the listener is active (can be toggled programmatically)"}],events:[{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:`
+end`.trim()}});var ot={};l(ot,{autoDismissMetadata:()=>ke,autoDismissSource:()=>we,default:()=>Ee,registerAutoDismiss:()=>L});async function L(t){let e=t||a();if(!e)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r=e.compileSync(g.source,{traditional:!0});if(!r.ok)throw new Error(`Failed to compile AutoDismiss behavior: ${JSON.stringify(r.errors)}`);let o=e.createContext?e.createContext():{locals:new Map,globals:new Map};await e.execute(r.ast,o)}var we,ke,Ee,Y=i(()=>{"use strict";Se();c();we=g.source,ke=g;a()&&L().catch(console.error);Ee={source:g.source,metadata:g,register:L}});var y,Ce=i(()=>{"use strict";y={name:"ClickOutside",category:"ui",tier:"core",version:"1.0.0",description:"Fires an event when the user clicks outside the element",parameters:[{name:"active",type:"boolean",optional:!0,default:!0,description:"Whether the listener is active (can be toggled programmatically)"}],events:[{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
@@ -213,7 +216,7 @@ behavior ClickOutside(active)
     end
   end
   on pointerdown from document
-    js(me, active)
+    js(me, active, event)
       if (!me.isConnected) return;
       if (active && !me.contains(event.target)) {
         me.dispatchEvent(new CustomEvent('clickoutside', { bubbles: true }));
@@ -226,7 +229,7 @@ behavior ClickOutside(active)
   on clickoutside:deactivate
     set active to false
   end
-end`.trim()}});var ft={};y(ft,{clickOutsideMetadata:()=>We,clickOutsideSource:()=>_e,default:()=>Ne,registerClickOutside:()=>W});function Jt(e,t){let r=t.active!==!1;function o(i){if(!e.isConnected){document.removeEventListener("pointerdown",o);return}r&&!e.contains(i.target)&&e.dispatchEvent(new CustomEvent("clickoutside",{bubbles:!0}))}document.addEventListener("pointerdown",o),e.addEventListener("clickoutside:activate",()=>{r=!0}),e.addEventListener("clickoutside:deactivate",()=>{r=!1})}async function W(e){let t=e||s();if(!t)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r={type:"behavior",name:"ClickOutside",parameters:["active"],eventHandlers:[],imperativeInstaller:Jt},o=t.createContext?t.createContext():{locals:new Map,globals:new Map};await t.execute(r,o)}var _e,We,Ne,oe=u(()=>{"use strict";ze();g();_e=_.source,We=_;s()&&W().catch(console.error);Ne={source:_.source,metadata:_,register:W}});var N,Ye=u(()=>{"use strict";N={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:!0,default:!0,description:"Whether the trap is active on install"},{name:"initialFocus",type:"selector",optional:!0,description:"Element to focus when the trap activates"},{name:"returnFocus",type:"boolean",optional:!0,default:!0,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:`
+end`.trim()}});var at={};l(at,{clickOutsideMetadata:()=>Be,clickOutsideSource:()=>Ae,default:()=>Re,registerClickOutside:()=>M});async function M(t){let e=t||a();if(!e)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r=e.compileSync(y.source,{traditional:!0});if(!r.ok)throw new Error(`Failed to compile ClickOutside behavior: ${JSON.stringify(r.errors)}`);let o=e.createContext?e.createContext():{locals:new Map,globals:new Map};await e.execute(r.ast,o)}var Ae,Be,Re,j=i(()=>{"use strict";Ce();c();Ae=y.source,Be=y;a()&&M().catch(console.error);Re={source:y.source,metadata:y,register:M}});var x,Te=i(()=>{"use strict";x={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:!0,default:!0,description:"Whether the trap is active on install"},{name:"initialFocus",type:"selector",optional:!0,description:"Element to focus when the trap activates"},{name:"returnFocus",type:"boolean",optional:!0,default:!0,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
@@ -274,7 +277,7 @@ behavior FocusTrap(active, initialFocus, returnFocus)
       if (active) activate();
     end
   end
-end`.trim()}});var vt={};y(vt,{default:()=>je,focusTrapMetadata:()=>$e,focusTrapSource:()=>qe,registerFocusTrap:()=>Y});function Zt(e,t){return t?t instanceof HTMLElement?t:typeof t=="string"&&(e.querySelector(t)||document.querySelector(t))||null:null}function er(e,t){let r=t.returnFocus!==!1,o=!1,i=null;function m(){return Array.from(e.querySelectorAll(Qt))}function a(l){if(!o||l.key!=="Tab")return;let d=m();if(d.length===0){l.preventDefault();return}l.preventDefault();let w=d.indexOf(document.activeElement);if(l.shiftKey){let h=w<=0?d.length-1:w-1;d[h].focus()}else{let h=w>=d.length-1?0:w+1;d[h].focus()}}function c(){if(o)return;o=!0,i=document.activeElement,e.setAttribute("aria-modal","true");let l=Zt(e,t.initialFocus);if(l)l.focus();else{let d=m();d.length>0&&d[0].focus()}e.dispatchEvent(new CustomEvent("focustrap:activated",{bubbles:!0}))}function p(){o&&(o=!1,e.removeAttribute("aria-modal"),r&&i instanceof HTMLElement&&i.focus(),i=null,e.dispatchEvent(new CustomEvent("focustrap:deactivated",{bubbles:!0})))}e.addEventListener("keydown",a),e.addEventListener("focustrap:activate",()=>c()),e.addEventListener("focustrap:deactivate",()=>p()),t.active!==!1&&c()}async function Y(e){let t=e||s();if(!t)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r={type:"behavior",name:"FocusTrap",parameters:["active","initialFocus","returnFocus"],eventHandlers:[],imperativeInstaller:er},o=t.createContext?t.createContext():{locals:new Map,globals:new Map};await t.execute(r,o)}var qe,$e,Qt,je,ie=u(()=>{"use strict";Ye();g();qe=N.source,$e=N,Qt=["a[href]","button:not(:disabled)","input:not(:disabled)","select:not(:disabled)","textarea:not(:disabled)",'[tabindex]:not([tabindex="-1"])'].join(", ");s()&&Y().catch(console.error);je={source:N.source,metadata:N,register:Y}});var q,Xe=u(()=>{"use strict";q={name:"ScrollReveal",category:"layout",tier:"common",version:"1.0.0",description:"Adds a class when the element enters the viewport via IntersectionObserver",parameters:[{name:"cls",type:"string",optional:!0,default:"revealed",description:"CSS class added when element enters viewport"},{name:"threshold",type:"number",optional:!0,default:.1,description:"Intersection ratio threshold (0-1) for triggering"},{name:"once",type:"boolean",optional:!0,default:!0,description:"If true, disconnect observer after first intersection"}],events:[{name:"scrollreveal:enter",description:"Fired when the element enters the viewport"},{name:"scrollreveal:exit",description:"Fired when the element exits the viewport"}],requirements:["Uses IntersectionObserver API (supported in all modern browsers)"],source:`
+end`.trim()}});var it={};l(it,{default:()=>Ie,focusTrapMetadata:()=>Me,focusTrapSource:()=>Le,registerFocusTrap:()=>I});async function I(t){let e=t||a();if(!e)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r=e.compileSync(x.source,{traditional:!0});if(!r.ok)throw new Error(`Failed to compile FocusTrap behavior: ${JSON.stringify(r.errors)}`);let o=e.createContext?e.createContext():{locals:new Map,globals:new Map};await e.execute(r.ast,o)}var Le,Me,Ie,X=i(()=>{"use strict";Te();c();Le=x.source,Me=x;a()&&I().catch(console.error);Ie={source:x.source,metadata:x,register:I}});var S,Fe=i(()=>{"use strict";S={name:"ScrollReveal",category:"layout",tier:"common",version:"1.0.0",description:"Adds a class when the element enters the viewport via IntersectionObserver",parameters:[{name:"cls",type:"string",optional:!0,default:"revealed",description:"CSS class added when element enters viewport"},{name:"threshold",type:"number",optional:!0,default:.1,description:"Intersection ratio threshold (0-1) for triggering"},{name:"once",type:"boolean",optional:!0,default:!0,description:"If true, disconnect observer after first intersection"}],events:[{name:"scrollreveal:enter",description:"Fired when the element enters the viewport"},{name:"scrollreveal:exit",description:"Fired when the element exits the viewport"}],requirements:["Uses IntersectionObserver API (supported in all modern browsers)"],source:`
 behavior ScrollReveal(cls, threshold, once)
   init
     if cls is undefined
@@ -302,7 +305,7 @@ behavior ScrollReveal(cls, threshold, once)
       obs.observe(me);
     end
   end
-end`.trim()}});var bt={};y(bt,{default:()=>Ge,registerScrollReveal:()=>$,scrollRevealMetadata:()=>Ve,scrollRevealSource:()=>Ue});function tr(e,t){let r=typeof t.cls=="string"?t.cls:"revealed",o=typeof t.threshold=="number"?t.threshold:.1,i=t.once!==!1,m=typeof t.rootMargin=="string"?t.rootMargin:"0px",a=new IntersectionObserver(c=>{for(let p of c)p.isIntersecting?(e.classList.add(r),e.dispatchEvent(new CustomEvent("scrollreveal:enter",{bubbles:!0})),i&&a.disconnect()):i||(e.classList.remove(r),e.dispatchEvent(new CustomEvent("scrollreveal:exit",{bubbles:!0})))},{threshold:o,rootMargin:m});a.observe(e)}async function $(e){let t=e||s();if(!t)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r={type:"behavior",name:"ScrollReveal",parameters:["cls","threshold","once","rootMargin"],eventHandlers:[],imperativeInstaller:tr},o=t.createContext?t.createContext():{locals:new Map,globals:new Map};await t.execute(r,o)}var Ue,Ve,Ge,ae=u(()=>{"use strict";Xe();g();Ue=q.source,Ve=q;s()&&$().catch(console.error);Ge={source:q.source,metadata:q,register:$}});var j,Ke=u(()=>{"use strict";j={name:"Tabs",category:"ui",tier:"core",version:"1.0.0",description:"WAI-ARIA compliant tabs with roving tabindex keyboard navigation. Auto-wires role, aria-selected, aria-controls, and aria-labelledby attributes.",parameters:[{name:"orientation",type:"string",optional:!0,default:"horizontal",enum:["horizontal","vertical"],description:"Arrow key direction: horizontal (Left/Right) or vertical (Up/Down)"},{name:"activeTab",type:"number",optional:!0,default:0,description:"Initial active tab index (zero-based)"},{name:"wrap",type:"boolean",optional:!0,default:!0,description:"Wrap to first/last tab when navigating past the end"},{name:"activeClass",type:"string",optional:!0,default:"active",description:"CSS class applied to the active tab and its panel"}],events:[{name:"tabs:change",description:"Fired before tab selection changes (cancelable via preventDefault)"},{name:"tabs:changed",description:"Fired after tab selection has changed"}],requirements:['Sets role="tablist" on the tab container','Sets role="tab" on tab buttons and role="tabpanel" on content panels',"Manages aria-selected, aria-controls, aria-labelledby, and tabindex","Keyboard: Arrow keys navigate, Home/End jump to first/last, Tab exits tablist"],source:`
+end`.trim()}});var st={};l(st,{default:()=>Pe,registerScrollReveal:()=>F,scrollRevealMetadata:()=>De,scrollRevealSource:()=>Oe});async function F(t){let e=t||a();if(!e)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r=e.compileSync(S.source,{traditional:!0});if(!r.ok)throw new Error(`Failed to compile ScrollReveal behavior: ${JSON.stringify(r.errors)}`);let o=e.createContext?e.createContext():{locals:new Map,globals:new Map};await e.execute(r.ast,o)}var Oe,De,Pe,U=i(()=>{"use strict";Fe();c();Oe=S.source,De=S;a()&&F().catch(console.error);Pe={source:S.source,metadata:S,register:F}});var w,_e=i(()=>{"use strict";w={name:"Tabs",category:"ui",tier:"core",version:"1.0.0",description:"WAI-ARIA compliant tabs with roving tabindex keyboard navigation. Auto-wires role, aria-selected, aria-controls, and aria-labelledby attributes.",parameters:[{name:"orientation",type:"string",optional:!0,default:"horizontal",enum:["horizontal","vertical"],description:"Arrow key direction: horizontal (Left/Right) or vertical (Up/Down)"},{name:"activeTab",type:"number",optional:!0,default:0,description:"Initial active tab index (zero-based)"},{name:"wrap",type:"boolean",optional:!0,default:!0,description:"Wrap to first/last tab when navigating past the end"},{name:"activeClass",type:"string",optional:!0,default:"active",description:"CSS class applied to the active tab and its panel"}],events:[{name:"tabs:change",description:"Fired before tab selection changes (cancelable via preventDefault)"},{name:"tabs:changed",description:"Fired after tab selection has changed"}],requirements:['Sets role="tablist" on the tab container','Sets role="tab" on tab buttons and role="tabpanel" on content panels',"Manages aria-selected, aria-controls, aria-labelledby, and tabindex","Keyboard: Arrow keys navigate, Home/End jump to first/last, Tab exits tablist"],source:`
 behavior Tabs(orientation, activeTab, wrap, activeClass)
   init
     if orientation is undefined
@@ -381,5 +384,5 @@ behavior Tabs(orientation, activeTab, wrap, activeClass)
       });
     end
   end
-end`.trim()}});var gt={};y(gt,{default:()=>Ze,registerTabs:()=>X,tabsMetadata:()=>Qe,tabsSource:()=>Je});function ht(e,t){return e.id||(e.id=`${t}-${++rr}`),e.id}function or(e,t){let r=t.orientation==="vertical"?"vertical":"horizontal",o=t.wrap!==!1,i=t.activeClass||"active",m=typeof t.activeTab=="number"?t.activeTab:0,a=Array.from(e.querySelectorAll('[role="tab"]')),c=Array.from(e.querySelectorAll('[role="tabpanel"]'));if(a.length===0||c.length===0)return;let p=e.querySelector('[role="tablist"]')||a[0].parentElement;p&&!p.getAttribute("role")&&p.setAttribute("role","tablist"),p&&p.setAttribute("aria-orientation",r);let l=Math.min(a.length,c.length);for(let n=0;n<l;n++){let f=ht(a[n],"tab"),S=ht(c[n],"tabpanel");a[n].setAttribute("aria-controls",S),c[n].setAttribute("aria-labelledby",f)}let d=-1;function w(n,f){if(n===f||n<0||n>=l)return!1;let S={tab:a[n],panel:c[n],index:n,previousIndex:f},G=new CustomEvent("tabs:change",{bubbles:!0,cancelable:!0,detail:S});return e.dispatchEvent(G),G.defaultPrevented?!1:(f>=0&&f<l&&(a[f].setAttribute("aria-selected","false"),a[f].setAttribute("tabindex","-1"),a[f].classList.remove(i),c[f].setAttribute("aria-hidden","true"),c[f].classList.remove(i)),a[n].setAttribute("aria-selected","true"),a[n].setAttribute("tabindex","0"),a[n].classList.add(i),c[n].setAttribute("aria-hidden","false"),c[n].classList.add(i),d=n,e.dispatchEvent(new CustomEvent("tabs:changed",{bubbles:!0,detail:S})),!0)}for(let n=0;n<l;n++)a[n].setAttribute("aria-selected","false"),a[n].setAttribute("tabindex","-1"),a[n].classList.remove(i),c[n].setAttribute("aria-hidden","true"),c[n].classList.remove(i);let h=Math.max(0,Math.min(m,l-1));a[h].setAttribute("aria-selected","true"),a[h].setAttribute("tabindex","0"),a[h].classList.add(i),c[h].setAttribute("aria-hidden","false"),c[h].classList.add(i),d=h;for(let n=0;n<l;n++)a[n].addEventListener("click",()=>{w(n,d),a[n].focus()});(p||e).addEventListener("keydown",n=>{let f=r==="horizontal",S=f?"ArrowRight":"ArrowDown",G=f?"ArrowLeft":"ArrowUp",x=null;n.key===S?(x=d+1,x>=l&&(x=o?0:null)):n.key===G?(x=d-1,x<0&&(x=o?l-1:null)):n.key==="Home"?x=0:n.key==="End"&&(x=l-1),x!==null&&(n.preventDefault(),w(x,d)&&a[x].focus())}),e.addEventListener("tabs:select",(n=>{let f=n.detail?.index;typeof f=="number"&&w(f,d)}))}async function X(e){let t=e||s();if(!t)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r={type:"behavior",name:"Tabs",parameters:["orientation","activeTab","wrap","activeClass"],eventHandlers:[],imperativeInstaller:or},o=t.createContext?t.createContext():{locals:new Map,globals:new Map};await t.execute(r,o)}var Je,Qe,rr,Ze,ne=u(()=>{"use strict";Ke();g();Je=j.source,Qe=j,rr=0;s()&&X().catch(console.error);Ze={source:j.source,metadata:j,register:X}});var ir={};y(ir,{ALL_BEHAVIOR_NAMES:()=>It,AutoDismiss:()=>Pe,BEHAVIORS_BY_CATEGORY:()=>Ft,BEHAVIORS_BY_TIER:()=>Dt,BEHAVIOR_CATEGORIES:()=>Ot,BEHAVIOR_TIERS:()=>Pt,ClickOutside:()=>Ne,Clipboard:()=>Ie,Draggable:()=>pe,FocusTrap:()=>je,Removable:()=>he,Resizable:()=>Ae,ScrollReveal:()=>Ge,Sortable:()=>Le,Tabs:()=>Ze,Toggleable:()=>we,autoDismissMetadata:()=>Oe,autoDismissSource:()=>De,clickOutsideMetadata:()=>We,clickOutsideSource:()=>_e,clipboardMetadata:()=>He,clipboardSource:()=>Be,draggableMetadata:()=>me,draggableSource:()=>ue,focusTrapMetadata:()=>$e,focusTrapSource:()=>qe,getAllSchemas:()=>Ct,getAllSchemasRecord:()=>Tt,getAvailableBehaviors:()=>rt,getBehavior:()=>yt,getBehaviorsByCategory:()=>ot,getBehaviorsByTier:()=>it,getRegisteredBehaviors:()=>Lt,getSchema:()=>wt,hasLoader:()=>kt,isRegistered:()=>St,loadAll:()=>Rt,loadBehavior:()=>U,preloadCategory:()=>At,preloadTier:()=>Mt,ready:()=>se,registerAll:()=>zt,registerAllWithRuntime:()=>Ht,registerAutoDismiss:()=>z,registerBehavior:()=>tt,registerClickOutside:()=>W,registerClipboard:()=>O,registerDraggable:()=>T,registerFocusTrap:()=>Y,registerLoader:()=>b,registerRemovable:()=>M,registerResizable:()=>F,registerSchema:()=>v,registerScrollReveal:()=>$,registerSortable:()=>H,registerTabs:()=>X,registerToggleable:()=>R,registerWithRuntime:()=>Bt,removableMetadata:()=>be,removableSource:()=>ve,resizableMetadata:()=>Me,resizableSource:()=>Te,scrollRevealMetadata:()=>Ve,scrollRevealSource:()=>Ue,sortableMetadata:()=>ke,sortableSource:()=>Se,tabsMetadata:()=>Qe,tabsSource:()=>Je,toggleableMetadata:()=>xe,toggleableSource:()=>ye,tryGetBehavior:()=>xt,tryGetSchema:()=>Et});K();J();Q();Z();ee();te();re();oe();ie();ae();ne();var E=new Map,L=new Map,V=new Map,et=new Map;function tt(e,t){E.set(e,t),t.metadata&&L.set(e,t.metadata)}function v(e){L.set(e.name,e)}function b(e,t){V.set(e,t)}function yt(e){let t=E.get(e);if(!t){let r=Array.from(E.keys()).join(", ");throw new Error(`Behavior '${e}' is not registered. Registered behaviors: ${r||"none"}. Use loadBehavior('${e}') to lazy load it.`)}return t}function xt(e){return E.get(e)}function wt(e){let t=L.get(e);if(!t)throw new Error(`Schema for behavior '${e}' is not registered. Use tryGetSchema('${e}') for a non-throwing alternative.`);return t}function Et(e){return L.get(e)}function St(e){return E.has(e)}function kt(e){return V.has(e)}function Lt(){return Array.from(E.keys())}function rt(){let e=new Set([...E.keys(),...V.keys()]);return Array.from(e)}function ot(e){let t=[];for(let[r,o]of L)o.category===e&&t.push(r);return t}function it(e){let t=[];for(let[r,o]of L)o.tier===e&&t.push(r);return t}function Ct(){return Array.from(L.values())}function Tt(){let e={};for(let[t,r]of L)e[t]=r;return e}async function U(e){let t=E.get(e);if(t)return t;let r=et.get(e);if(r)return r;let o=V.get(e);if(!o)throw new Error(`No loader registered for behavior '${e}'. Available loaders: ${Array.from(V.keys()).join(", ")||"none"}`);let i=o().then(m=>{let a=m.default;return tt(e,a),et.delete(e),a});return et.set(e,i),i}async function Mt(e){let t=it(e);await Promise.all(t.map(r=>U(r).catch(o=>{console.warn(`[behaviors] Failed to preload '${r}' (tier: ${e}):`,o)})))}async function At(e){let t=ot(e);await Promise.all(t.map(r=>U(r).catch(o=>{console.warn(`[behaviors] Failed to preload '${r}' (category: ${e}):`,o)})))}async function Rt(){let e=rt();await Promise.all(e.map(t=>U(t).catch(r=>{console.warn(`[behaviors] Failed to load '${t}':`,r)})))}async function Bt(e,t){await(await U(e)).register(t)}async function Ht(e){let t=Array.from(E.values()).map(r=>r.register(e));await Promise.all(t)}de();Ee();Ce();fe();ge();Re();Fe();ze();Ye();Xe();Ke();v(C);v(B);v(I);v(k);v(A);v(D);v(P);v(_);v(N);v(q);v(j);b("Draggable",()=>Promise.resolve().then(()=>(K(),nt)));b("Sortable",()=>Promise.resolve().then(()=>(Z(),lt)));b("Resizable",()=>Promise.resolve().then(()=>(ee(),dt)));b("Removable",()=>Promise.resolve().then(()=>(J(),st)));b("Toggleable",()=>Promise.resolve().then(()=>(Q(),ct)));b("Clipboard",()=>Promise.resolve().then(()=>(te(),mt)));b("AutoDismiss",()=>Promise.resolve().then(()=>(re(),pt)));b("ClickOutside",()=>Promise.resolve().then(()=>(oe(),ft)));b("FocusTrap",()=>Promise.resolve().then(()=>(ie(),vt)));b("ScrollReveal",()=>Promise.resolve().then(()=>(ae(),bt)));b("Tabs",()=>Promise.resolve().then(()=>(ne(),gt)));var It=["Draggable","Sortable","Resizable","Removable","Toggleable","Clipboard","AutoDismiss","ClickOutside","FocusTrap","ScrollReveal","Tabs"],Ft={ui:["Draggable","Sortable","Resizable","Clipboard","AutoDismiss","ClickOutside","FocusTrap","Tabs"],data:["Removable"],animation:[],form:["Toggleable"],layout:["ScrollReveal"]},Dt={core:["Draggable","Toggleable","Clipboard","AutoDismiss","ClickOutside","FocusTrap","Tabs"],common:["Sortable","Removable","ScrollReveal"],optional:["Resizable"]},Ot={Draggable:"ui",Sortable:"ui",Resizable:"ui",Removable:"data",Toggleable:"form",Clipboard:"ui",AutoDismiss:"ui",ClickOutside:"ui",FocusTrap:"ui",ScrollReveal:"layout",Tabs:"ui"},Pt={Draggable:"core",Sortable:"common",Resizable:"optional",Removable:"common",Toggleable:"core",Clipboard:"core",AutoDismiss:"core",ClickOutside:"core",FocusTrap:"core",ScrollReveal:"common",Tabs:"core"};K();J();Q();Z();ee();te();re();oe();ie();ae();ne();g();async function zt(e){await Promise.all([T(e),M(e),R(e),H(e),F(e),O(e),z(e),W(e),Y(e),$(e),X(e)])}var se=null,at=s();if(at){let e=window;se=zt(at),e.__hyperfixi_behaviors_ready=se,se.then(()=>{let t=at,r=e.__hyperfixi_behaviors_ready;delete e.__hyperfixi_behaviors_ready,t.attributeProcessor?.scanAndProcessAll?t.attributeProcessor.scanAndProcessAll().finally(()=>{e.__hyperfixi_behaviors_ready=r}):t.processNode&&(t.processNode(document),e.__hyperfixi_behaviors_ready=r)}).catch(t=>{console.error("[behaviors] Auto-registration failed:",t)})}return qt(ir);})();
+end`.trim()}});var nt={};l(nt,{default:()=>Ne,registerTabs:()=>O,tabsMetadata:()=>ze,tabsSource:()=>He});async function O(t){let e=t||a();if(!e)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r=e.compileSync(w.source,{traditional:!0});if(!r.ok)throw new Error(`Failed to compile Tabs behavior: ${JSON.stringify(r.errors)}`);let o=e.createContext?e.createContext():{locals:new Map,globals:new Map};await e.execute(r.ast,o)}var He,ze,Ne,V=i(()=>{"use strict";_e();c();He=w.source,ze=w;a()&&O().catch(console.error);Ne={source:w.source,metadata:w,register:O}});var Pt={};l(Pt,{ALL_BEHAVIOR_NAMES:()=>wt,AutoDismiss:()=>Ee,BEHAVIORS_BY_CATEGORY:()=>kt,BEHAVIORS_BY_TIER:()=>Et,BEHAVIOR_CATEGORIES:()=>Ct,BEHAVIOR_TIERS:()=>At,CURATED_BEHAVIORS:()=>Ue,CURATION_STATUS:()=>q,ClickOutside:()=>Re,Clipboard:()=>xe,Draggable:()=>ee,EXPERIMENTAL_BEHAVIORS:()=>qe,FocusTrap:()=>Ie,OPTIONAL_BEHAVIORS:()=>Ve,Removable:()=>ae,Resizable:()=>ve,ScrollReveal:()=>Pe,Sortable:()=>ue,Tabs:()=>Ne,Toggleable:()=>ce,autoDismissMetadata:()=>ke,autoDismissSource:()=>we,clickOutsideMetadata:()=>Be,clickOutsideSource:()=>Ae,clipboardMetadata:()=>ye,clipboardSource:()=>ge,curationStatusOf:()=>Bt,draggableMetadata:()=>Z,draggableSource:()=>Q,focusTrapMetadata:()=>Me,focusTrapSource:()=>Le,getAllSchemas:()=>ht,getAllSchemasRecord:()=>vt,getAvailableBehaviors:()=>Ye,getBehavior:()=>ct,getBehaviorsByCategory:()=>je,getBehaviorsByTier:()=>Xe,getRegisteredBehaviors:()=>ft,getSchema:()=>dt,hasLoader:()=>pt,isCurated:()=>Rt,isRegistered:()=>ut,loadAll:()=>yt,loadBehavior:()=>D,preloadCategory:()=>gt,preloadTier:()=>bt,ready:()=>J,registerAll:()=>Tt,registerAllWithRuntime:()=>St,registerAutoDismiss:()=>L,registerBehavior:()=>$e,registerClickOutside:()=>M,registerClipboard:()=>T,registerDraggable:()=>E,registerFocusTrap:()=>I,registerLoader:()=>n,registerRemovable:()=>C,registerResizable:()=>R,registerSchema:()=>s,registerScrollReveal:()=>F,registerSortable:()=>B,registerTabs:()=>O,registerToggleable:()=>A,registerWithRuntime:()=>xt,removableMetadata:()=>oe,removableSource:()=>re,resizableMetadata:()=>he,resizableSource:()=>fe,scrollRevealMetadata:()=>De,scrollRevealSource:()=>Oe,sortableMetadata:()=>me,sortableSource:()=>de,tabsMetadata:()=>ze,tabsSource:()=>He,toggleableMetadata:()=>ne,toggleableSource:()=>se,tryGetBehavior:()=>lt,tryGetSchema:()=>mt});_();H();z();N();W();$();Y();j();X();U();V();var d=new Map,k=new Map,P=new Map,We=new Map;function $e(t,e){d.set(t,e),e.metadata&&k.set(t,e.metadata)}function s(t){k.set(t.name,t)}function n(t,e){P.set(t,e)}function ct(t){let e=d.get(t);if(!e){let r=Array.from(d.keys()).join(", ");throw new Error(`Behavior '${t}' is not registered. Registered behaviors: ${r||"none"}. Use loadBehavior('${t}') to lazy load it.`)}return e}function lt(t){return d.get(t)}function dt(t){let e=k.get(t);if(!e)throw new Error(`Schema for behavior '${t}' is not registered. Use tryGetSchema('${t}') for a non-throwing alternative.`);return e}function mt(t){return k.get(t)}function ut(t){return d.has(t)}function pt(t){return P.has(t)}function ft(){return Array.from(d.keys())}function Ye(){let t=new Set([...d.keys(),...P.keys()]);return Array.from(t)}function je(t){let e=[];for(let[r,o]of k)o.category===t&&e.push(r);return e}function Xe(t){let e=[];for(let[r,o]of k)o.tier===t&&e.push(r);return e}function ht(){return Array.from(k.values())}function vt(){let t={};for(let[e,r]of k)t[e]=r;return t}async function D(t){let e=d.get(t);if(e)return e;let r=We.get(t);if(r)return r;let o=P.get(t);if(!o)throw new Error(`No loader registered for behavior '${t}'. Available loaders: ${Array.from(P.keys()).join(", ")||"none"}`);let m=o().then(Lt=>{let Ge=Lt.default;return $e(t,Ge),We.delete(t),Ge});return We.set(t,m),m}async function bt(t){let e=Xe(t);await Promise.all(e.map(r=>D(r).catch(o=>{console.warn(`[behaviors] Failed to preload '${r}' (tier: ${t}):`,o)})))}async function gt(t){let e=je(t);await Promise.all(e.map(r=>D(r).catch(o=>{console.warn(`[behaviors] Failed to preload '${r}' (category: ${t}):`,o)})))}async function yt(){let t=Ye();await Promise.all(t.map(e=>D(e).catch(r=>{console.warn(`[behaviors] Failed to load '${e}':`,r)})))}async function xt(t,e){await(await D(t)).register(e)}async function St(t){let e=Array.from(d.values()).map(r=>r.register(t));await Promise.all(e)}K();le();pe();te();ie();be();Se();Ce();Te();Fe();_e();s(u);s(h);s(v);s(p);s(f);s(b);s(g);s(y);s(x);s(S);s(w);n("Draggable",()=>Promise.resolve().then(()=>(_(),Ke)));n("Sortable",()=>Promise.resolve().then(()=>(N(),et)));n("Resizable",()=>Promise.resolve().then(()=>(W(),tt)));n("Removable",()=>Promise.resolve().then(()=>(H(),Qe)));n("Toggleable",()=>Promise.resolve().then(()=>(z(),Ze)));n("Clipboard",()=>Promise.resolve().then(()=>($(),rt)));n("AutoDismiss",()=>Promise.resolve().then(()=>(Y(),ot)));n("ClickOutside",()=>Promise.resolve().then(()=>(j(),at)));n("FocusTrap",()=>Promise.resolve().then(()=>(X(),it)));n("ScrollReveal",()=>Promise.resolve().then(()=>(U(),st)));n("Tabs",()=>Promise.resolve().then(()=>(V(),nt)));var wt=["Draggable","Sortable","Resizable","Removable","Toggleable","Clipboard","AutoDismiss","ClickOutside","FocusTrap","ScrollReveal","Tabs"],kt={ui:["Draggable","Sortable","Resizable","Clipboard","AutoDismiss","ClickOutside","FocusTrap","Tabs"],data:["Removable"],animation:[],form:["Toggleable"],layout:["ScrollReveal"]},Et={core:["Draggable","Toggleable","Clipboard","AutoDismiss","ClickOutside","FocusTrap","Tabs"],common:["Sortable","Removable","ScrollReveal"],optional:["Resizable"]},Ct={Draggable:"ui",Sortable:"ui",Resizable:"ui",Removable:"data",Toggleable:"form",Clipboard:"ui",AutoDismiss:"ui",ClickOutside:"ui",FocusTrap:"ui",ScrollReveal:"layout",Tabs:"ui"},At={Draggable:"core",Sortable:"common",Resizable:"optional",Removable:"common",Toggleable:"core",Clipboard:"core",AutoDismiss:"core",ClickOutside:"core",FocusTrap:"core",ScrollReveal:"common",Tabs:"core"};var Ue=["Toggleable","Removable","ClickOutside","Clipboard","AutoDismiss"],Ve=["FocusTrap","ScrollReveal","Tabs"],qe=["Draggable","Sortable","Resizable"],q={...Object.fromEntries(Ue.map(t=>[t,"curated"])),...Object.fromEntries(Ve.map(t=>[t,"optional"])),...Object.fromEntries(qe.map(t=>[t,"experimental"]))};function Bt(t){return q[t]}function Rt(t){return q[t]==="curated"}_();H();z();N();W();$();Y();j();X();U();V();c();async function Tt(t){await Promise.all([E(t),C(t),A(t),B(t),R(t),T(t),L(t),M(t),I(t),F(t),O(t)])}var J=null,Je=a();if(Je){let t=window;J=Tt(Je),t.__hyperfixi_behaviors_ready=J,J.then(()=>{let e=Je,r=t.__hyperfixi_behaviors_ready;delete t.__hyperfixi_behaviors_ready,e.attributeProcessor?.scanAndProcessAll?e.attributeProcessor.scanAndProcessAll().finally(()=>{t.__hyperfixi_behaviors_ready=r}):e.processNode&&(e.processNode(document),t.__hyperfixi_behaviors_ready=r)}).catch(e=>{console.error("[behaviors] Auto-registration failed:",e)})}return Dt(Pt);})();
 //# sourceMappingURL=all.browser.global.js.map