@hyperfixi/behaviors 2.5.0 → 2.6.0

package/dist/behaviors/clipboard.d.ts

@@ -1,9 +1,10 @@
-import { b as BehaviorSchema, L as LokaScriptInstance } from '../types-BY-jB5FV.js';
+import { B as BehaviorSchema, L as LokaScriptInstance } from '../types-DCCtVQS5.js';
 
 declare const clipboardSource: string;
 declare const clipboardMetadata: BehaviorSchema;
 /**
- * Register the Clipboard behavior with LokaScript.
+ * Register the Clipboard behavior with LokaScript by compiling its
+ * hyperscript source and executing the resulting behavior definition.
  */
 declare function registerClipboard(hyperfixi?: LokaScriptInstance): Promise<void>;
 declare const _default: {

package/dist/behaviors/clipboard.js

@@ -3,8 +3,8 @@ import {
   clipboardSource,
   clipboard_default,
   registerClipboard
-} from "../chunk-7O7UOSBH.js";
-import "../chunk-WOTZO7K4.js";
+} from "../chunk-EDBG2F57.js";
+import "../chunk-YXS27XM6.js";
 import "../chunk-6TJXDCAQ.js";
 export {
   clipboardMetadata,

package/dist/behaviors/draggable.cjs

@@ -33,7 +33,7 @@ var draggableSchema = {
   category: "ui",
   tier: "core",
   version: "1.0.0",
-  description: "Makes elements draggable with pointer events",
+  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",
@@ -85,38 +85,6 @@ function resolveRuntime() {
 // src/behaviors/draggable.ts
 var draggableSource = draggableSchema.source;
 var draggableMetadata = draggableSchema;
-function installDraggable(element, params) {
-  let dragHandle = element;
-  if (params.dragHandle && params.dragHandle !== "me") {
-    if (typeof params.dragHandle === "string") {
-      const found = element.querySelector(params.dragHandle);
-      if (found instanceof HTMLElement) dragHandle = found;
-    } else if (params.dragHandle instanceof HTMLElement) {
-      dragHandle = params.dragHandle;
-    }
-  }
-  dragHandle.addEventListener("pointerdown", (e) => {
-    e.preventDefault();
-    e.stopPropagation();
-    element.dispatchEvent(new CustomEvent("draggable:start", { bubbles: true }));
-    const startX = element.offsetLeft;
-    const startY = element.offsetTop;
-    const xoff = e.clientX - startX;
-    const yoff = e.clientY - startY;
-    function onMove(ev) {
-      element.style.left = `${ev.clientX - xoff}px`;
-      element.style.top = `${ev.clientY - yoff}px`;
-      element.dispatchEvent(new CustomEvent("draggable:move", { bubbles: true }));
-    }
-    function onUp() {
-      document.removeEventListener("pointermove", onMove);
-      document.removeEventListener("pointerup", onUp);
-      element.dispatchEvent(new CustomEvent("draggable:end", { bubbles: true }));
-    }
-    document.addEventListener("pointermove", onMove);
-    document.addEventListener("pointerup", onUp);
-  });
-}
 async function registerDraggable(hyperfixi) {
   const hf = hyperfixi || resolveRuntime();
   if (!hf) {
@@ -124,15 +92,12 @@ async function registerDraggable(hyperfixi) {
       "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
     );
   }
-  const syntheticNode = {
-    type: "behavior",
-    name: "Draggable",
-    parameters: ["dragHandle"],
-    eventHandlers: [],
-    imperativeInstaller: installDraggable
-  };
+  const result = hf.compileSync(draggableSchema.source, { traditional: true });
+  if (!result.ok) {
+    throw new Error(`Failed to compile Draggable behavior: ${JSON.stringify(result.errors)}`);
+  }
   const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
-  await hf.execute(syntheticNode, ctx);
+  await hf.execute(result.ast, ctx);
 }
 if (resolveRuntime()) {
   registerDraggable().catch(console.error);

package/dist/behaviors/draggable.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/behaviors/draggable.ts","../../src/schemas/draggable.schema.ts","../../src/schemas/types.ts"],"sourcesContent":["/**\n * Draggable Behavior — Imperative Implementation\n *\n * Makes elements draggable with pointer events.\n * Uses direct DOM APIs instead of compiling hyperscript source,\n * bypassing the complex repeat-until-event + wait-for async pattern.\n *\n * @example\n * ```html\n * <!-- Basic usage -->\n * <div _=\"install Draggable\">Drag me!</div>\n *\n * <!-- With custom drag handle -->\n * <div _=\"install Draggable(dragHandle: .titlebar)\">\n *   <div class=\"titlebar\">Drag here</div>\n *   <div class=\"content\">Content</div>\n * </div>\n * ```\n */\n\nimport { draggableSchema } from '../schemas/draggable.schema';\nimport type { LokaScriptInstance } from '../schemas/types';\nimport { resolveRuntime } from '../schemas/types';\n\n// Re-export schema-derived values for backwards compatibility\nexport const draggableSource = draggableSchema.source;\nexport const draggableMetadata = draggableSchema;\n\n/**\n * Imperative installer for Draggable behavior.\n * Called directly by the runtime when `install Draggable` is executed.\n */\nfunction installDraggable(element: HTMLElement, params: Record<string, any>): void {\n  // Resolve drag handle: parameter value, CSS selector, or the element itself\n  let dragHandle: HTMLElement = element;\n  if (params.dragHandle && params.dragHandle !== 'me') {\n    if (typeof params.dragHandle === 'string') {\n      const found = element.querySelector(params.dragHandle);\n      if (found instanceof HTMLElement) dragHandle = found;\n    } else if (params.dragHandle instanceof HTMLElement) {\n      dragHandle = params.dragHandle;\n    }\n  }\n\n  dragHandle.addEventListener('pointerdown', (e: PointerEvent) => {\n    e.preventDefault();\n    e.stopPropagation();\n    element.dispatchEvent(new CustomEvent('draggable:start', { bubbles: true }));\n\n    const startX = element.offsetLeft;\n    const startY = element.offsetTop;\n    const xoff = e.clientX - startX;\n    const yoff = e.clientY - startY;\n\n    function onMove(ev: PointerEvent) {\n      element.style.left = `${ev.clientX - xoff}px`;\n      element.style.top = `${ev.clientY - yoff}px`;\n      element.dispatchEvent(new CustomEvent('draggable:move', { bubbles: true }));\n    }\n\n    function onUp() {\n      document.removeEventListener('pointermove', onMove);\n      document.removeEventListener('pointerup', onUp);\n      element.dispatchEvent(new CustomEvent('draggable:end', { bubbles: true }));\n    }\n\n    document.addEventListener('pointermove', onMove);\n    document.addEventListener('pointerup', onUp);\n  });\n}\n\n/**\n * Register the Draggable behavior with LokaScript.\n * Uses imperative installer via synthetic behavior node.\n */\nexport async function registerDraggable(hyperfixi?: LokaScriptInstance): Promise<void> {\n  const hf = hyperfixi || resolveRuntime();\n\n  if (!hf) {\n    throw new Error(\n      'LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.'\n    );\n  }\n\n  // Register via execute() with a synthetic behavior node containing the imperative installer.\n  // The runtime detects imperativeInstaller and stores it directly in the behaviorRegistry.\n  const syntheticNode = {\n    type: 'behavior',\n    name: 'Draggable',\n    parameters: ['dragHandle'],\n    eventHandlers: [],\n    imperativeInstaller: installDraggable,\n  };\n  const ctx = hf.createContext ? hf.createContext() : { locals: new Map(), globals: new Map() };\n  await hf.execute(syntheticNode, ctx);\n}\n\n// Auto-register when loaded as a script tag\nif (resolveRuntime()) {\n  registerDraggable().catch(console.error);\n}\n\nexport default {\n  source: draggableSchema.source,\n  metadata: draggableSchema,\n  register: registerDraggable,\n};\n","import type { BehaviorSchema } from './types';\n\n/**\n * Draggable Behavior Schema\n *\n * Makes elements draggable with pointer events.\n * Supports custom drag handles and lifecycle events.\n */\nexport const draggableSchema: BehaviorSchema = {\n  name: 'Draggable',\n  category: 'ui',\n  tier: 'core',\n  version: '1.0.0',\n  description: 'Makes elements draggable with pointer events',\n  parameters: [\n    {\n      name: 'dragHandle',\n      type: 'selector',\n      optional: true,\n      default: 'me',\n      description: 'CSS selector for the drag handle element',\n    },\n  ],\n  events: [\n    { name: 'draggable:start', description: 'Fired when drag begins' },\n    { name: 'draggable:move', description: 'Fired during each movement' },\n    { name: 'draggable:end', description: 'Fired when drag completes' },\n  ],\n  requirements: ['position: absolute or position: fixed on the element'],\n  source: `\nbehavior Draggable(dragHandle)\n  init\n    if no dragHandle set dragHandle to me\n  end\n  on pointerdown(clientX, clientY) from dragHandle\n    halt the event\n    trigger draggable:start\n    measure x\n    set startX to it\n    measure y\n    set startY to it\n    set xoff to clientX - startX\n    set yoff to clientY - startY\n    repeat until event pointerup from document\n      wait for pointermove(clientX, clientY) or\n               pointerup(clientX, clientY) from document\n      add { left: \\${clientX - xoff}px; top: \\${clientY - yoff}px; }\n      trigger draggable:move\n    end\n    trigger draggable:end\n  end\nend\n`.trim(),\n};\n","/**\n * Behavior Schema Types\n *\n * Defines the structure for behavior metadata used for:\n * - Code generation (TypeScript types, documentation)\n * - Runtime categorization and lazy loading\n * - Tooling and IDE integration\n */\n\n/**\n * Behavior categories for organization.\n * - ui: Visual interaction behaviors (drag, resize, sort)\n * - data: Data manipulation behaviors (remove, transform)\n * - animation: Animation and transition behaviors\n * - form: Form-related behaviors (validation, toggle states)\n * - layout: Layout behaviors (sticky, scrollspy)\n */\nexport type BehaviorCategory = 'ui' | 'data' | 'animation' | 'form' | 'layout';\n\n/**\n * Loading tiers for lazy loading optimization.\n * - core: Always loaded (essential behaviors)\n * - common: High usage (loaded for typical apps)\n * - optional: Low usage (loaded on demand)\n */\nexport type BehaviorTier = 'core' | 'common' | 'optional';\n\n/**\n * Schema for a behavior parameter.\n */\nexport interface ParameterSchema {\n  name: string;\n  type: 'string' | 'number' | 'boolean' | 'selector' | 'element';\n  optional?: boolean;\n  default?: string | number | boolean;\n  /** Allowed values for constrained parameters */\n  enum?: string[];\n  description: string;\n}\n\n/**\n * Schema for a behavior event.\n */\nexport interface EventSchema {\n  name: string;\n  description: string;\n}\n\n/**\n * Complete schema for a behavior.\n * This is the source of truth for all behavior metadata.\n */\nexport interface BehaviorSchema {\n  /** Behavior name (PascalCase) */\n  name: string;\n  /** Category for organization */\n  category: BehaviorCategory;\n  /** Loading tier for lazy loading */\n  tier: BehaviorTier;\n  /** Semantic version */\n  version: string;\n  /** Human-readable description */\n  description: string;\n  /** Parameter definitions */\n  parameters: ParameterSchema[];\n  /** Event definitions */\n  events: EventSchema[];\n  /** The hyperscript behavior source code */\n  source: string;\n  /** Optional requirements or notes */\n  requirements?: string[];\n}\n\n/**\n * Runtime behavior module interface.\n * This is what gets registered with the hyperfixi runtime.\n */\nexport interface BehaviorModule {\n  source: string;\n  metadata: BehaviorSchema;\n  register: (hyperfixi?: LokaScriptInstance) => Promise<void>;\n}\n\n/**\n * Minimal LokaScript instance interface for behavior registration.\n */\nexport interface LokaScriptInstance {\n  compileSync: (\n    code: string,\n    options?: { traditional?: boolean; language?: string }\n  ) => {\n    ok: boolean;\n    ast?: unknown;\n    errors?: Array<{ message: string; line?: number; column?: number }>;\n  };\n  execute: (ast: unknown, ctx: unknown) => Promise<unknown>;\n  createContext?: () => { locals: Map<string, unknown>; globals: Map<string, unknown> };\n}\n\n/**\n * Typed window interface for behavior auto-registration.\n * Avoids `(window as any)` casts throughout the codebase.\n * Checks both `window.lokascript` and `window.hyperfixi` for the runtime instance.\n */\nexport interface LokaScriptWindow {\n  lokascript?: LokaScriptInstance;\n  hyperfixi?: LokaScriptInstance;\n  __hyperfixi_behaviors_ready?: Promise<void> | undefined;\n}\n\n/**\n * Resolve the LokaScript runtime from window globals.\n * Checks both `window.lokascript` and `window.hyperfixi`.\n */\nexport function resolveRuntime(): LokaScriptInstance | null {\n  if (typeof window === 'undefined') return null;\n  const win = window as unknown as LokaScriptWindow;\n  return win.lokascript || win.hyperfixi || null;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/behaviors/draggable.ts","../../src/schemas/draggable.schema.ts","../../src/schemas/types.ts"],"sourcesContent":["/**\n * Draggable Behavior\n *\n * Makes elements draggable with pointer events. Compiled from its hyperscript\n * `source` (the single source of truth shared with the CDN resolver bundle and\n * patterns-reference) — no imperative installer. The source uses\n * `repeat until event pointerup` + `wait for pointermove or pointerup` to run the\n * drag loop, `measure` for the start offset, and `add { left: ${…}px }` to move.\n *\n * @example\n * ```html\n * <!-- Basic usage -->\n * <div _=\"install Draggable\">Drag me!</div>\n *\n * <!-- With custom drag handle -->\n * <div _=\"install Draggable(dragHandle: .titlebar)\">\n *   <div class=\"titlebar\">Drag here</div>\n *   <div class=\"content\">Content</div>\n * </div>\n * ```\n */\n\nimport { draggableSchema } from '../schemas/draggable.schema';\nimport type { LokaScriptInstance } from '../schemas/types';\nimport { resolveRuntime } from '../schemas/types';\n\n// Re-export schema-derived values for backwards compatibility\nexport const draggableSource = draggableSchema.source;\nexport const draggableMetadata = draggableSchema;\n\n/**\n * Register the Draggable behavior with LokaScript by compiling its hyperscript\n * source and executing the resulting behavior definition.\n */\nexport async function registerDraggable(hyperfixi?: LokaScriptInstance): Promise<void> {\n  const hf = hyperfixi || resolveRuntime();\n\n  if (!hf) {\n    throw new Error(\n      'LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.'\n    );\n  }\n\n  const result = hf.compileSync(draggableSchema.source, { traditional: true });\n\n  if (!result.ok) {\n    throw new Error(`Failed to compile Draggable behavior: ${JSON.stringify(result.errors)}`);\n  }\n\n  const ctx = hf.createContext ? hf.createContext() : { locals: new Map(), globals: new Map() };\n  await hf.execute(result.ast, ctx);\n}\n\n// Auto-register when loaded as a script tag\nif (resolveRuntime()) {\n  registerDraggable().catch(console.error);\n}\n\nexport default {\n  source: draggableSchema.source,\n  metadata: draggableSchema,\n  register: registerDraggable,\n};\n","import type { BehaviorSchema } from './types';\n\n/**\n * Draggable Behavior Schema\n *\n * Makes elements draggable with pointer events.\n * Supports custom drag handles and lifecycle events.\n */\nexport const draggableSchema: BehaviorSchema = {\n  name: 'Draggable',\n  category: 'ui',\n  tier: 'core',\n  version: '1.0.0',\n  description:\n    'Makes elements draggable with pointer events (EXPERIMENTAL — stateful async component, beyond the inline-scripting boundary; not part of the curated set)',\n  parameters: [\n    {\n      name: 'dragHandle',\n      type: 'selector',\n      optional: true,\n      default: 'me',\n      description: 'CSS selector for the drag handle element',\n    },\n  ],\n  events: [\n    { name: 'draggable:start', description: 'Fired when drag begins' },\n    { name: 'draggable:move', description: 'Fired during each movement' },\n    { name: 'draggable:end', description: 'Fired when drag completes' },\n  ],\n  requirements: ['position: absolute or position: fixed on the element'],\n  source: `\nbehavior Draggable(dragHandle)\n  init\n    if no dragHandle set dragHandle to me\n  end\n  on pointerdown(clientX, clientY) from dragHandle\n    halt the event\n    trigger draggable:start\n    measure x\n    set startX to it\n    measure y\n    set startY to it\n    set xoff to clientX - startX\n    set yoff to clientY - startY\n    repeat until event pointerup from document\n      wait for pointermove(clientX, clientY) or\n               pointerup(clientX, clientY) from document\n      add { left: \\${clientX - xoff}px; top: \\${clientY - yoff}px; }\n      trigger draggable:move\n    end\n    trigger draggable:end\n  end\nend\n`.trim(),\n};\n","/**\n * Behavior Schema Types\n *\n * Defines the structure for behavior metadata used for:\n * - Code generation (TypeScript types, documentation)\n * - Runtime categorization and lazy loading\n * - Tooling and IDE integration\n */\n\n/**\n * Behavior categories for organization.\n * - ui: Visual interaction behaviors (drag, resize, sort)\n * - data: Data manipulation behaviors (remove, transform)\n * - animation: Animation and transition behaviors\n * - form: Form-related behaviors (validation, toggle states)\n * - layout: Layout behaviors (sticky, scrollspy)\n */\nexport type BehaviorCategory = 'ui' | 'data' | 'animation' | 'form' | 'layout';\n\n/**\n * Loading tiers for lazy loading optimization.\n * - core: Always loaded (essential behaviors)\n * - common: High usage (loaded for typical apps)\n * - optional: Low usage (loaded on demand)\n */\nexport type BehaviorTier = 'core' | 'common' | 'optional';\n\n/**\n * Schema for a behavior parameter.\n */\nexport interface ParameterSchema {\n  name: string;\n  type: 'string' | 'number' | 'boolean' | 'selector' | 'element';\n  optional?: boolean;\n  default?: string | number | boolean;\n  /** Allowed values for constrained parameters */\n  enum?: string[];\n  description: string;\n}\n\n/**\n * Schema for a behavior event.\n */\nexport interface EventSchema {\n  name: string;\n  description: string;\n}\n\n/**\n * Complete schema for a behavior.\n * This is the source of truth for all behavior metadata.\n */\nexport interface BehaviorSchema {\n  /** Behavior name (PascalCase) */\n  name: string;\n  /** Category for organization */\n  category: BehaviorCategory;\n  /** Loading tier for lazy loading */\n  tier: BehaviorTier;\n  /** Semantic version */\n  version: string;\n  /** Human-readable description */\n  description: string;\n  /** Parameter definitions */\n  parameters: ParameterSchema[];\n  /** Event definitions */\n  events: EventSchema[];\n  /** The hyperscript behavior source code */\n  source: string;\n  /** Optional requirements or notes */\n  requirements?: string[];\n}\n\n/**\n * Runtime behavior module interface.\n * This is what gets registered with the hyperfixi runtime.\n */\nexport interface BehaviorModule {\n  source: string;\n  metadata: BehaviorSchema;\n  register: (hyperfixi?: LokaScriptInstance) => Promise<void>;\n}\n\n/**\n * Minimal LokaScript instance interface for behavior registration.\n */\nexport interface LokaScriptInstance {\n  compileSync: (\n    code: string,\n    options?: { traditional?: boolean; language?: string }\n  ) => {\n    ok: boolean;\n    ast?: unknown;\n    errors?: Array<{ message: string; line?: number; column?: number }>;\n  };\n  execute: (ast: unknown, ctx: unknown) => Promise<unknown>;\n  createContext?: () => { locals: Map<string, unknown>; globals: Map<string, unknown> };\n}\n\n/**\n * Typed window interface for behavior auto-registration.\n * Avoids `(window as any)` casts throughout the codebase.\n * Checks both `window.lokascript` and `window.hyperfixi` for the runtime instance.\n */\nexport interface LokaScriptWindow {\n  lokascript?: LokaScriptInstance;\n  hyperfixi?: LokaScriptInstance;\n  __hyperfixi_behaviors_ready?: Promise<void> | undefined;\n}\n\n/**\n * Resolve the LokaScript runtime from window globals.\n * Checks both `window.lokascript` and `window.hyperfixi`.\n */\nexport function resolveRuntime(): LokaScriptInstance | null {\n  if (typeof window === 'undefined') return null;\n  const win = window as unknown as LokaScriptWindow;\n  return win.lokascript || win.hyperfixi || null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACQO,IAAM,kBAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aACE;AAAA,EACF,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,mBAAmB,aAAa,yBAAyB;AAAA,IACjE,EAAE,MAAM,kBAAkB,aAAa,6BAA6B;AAAA,IACpE,EAAE,MAAM,iBAAiB,aAAa,4BAA4B;AAAA,EACpE;AAAA,EACA,cAAc,CAAC,sDAAsD;AAAA,EACrE,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;;;AC4DO,SAAS,iBAA4C;AAC1D,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,MAAM;AACZ,SAAO,IAAI,cAAc,IAAI,aAAa;AAC5C;;;AF3FO,IAAM,kBAAkB,gBAAgB;AACxC,IAAM,oBAAoB;AAMjC,eAAsB,kBAAkB,WAA+C;AACrF,QAAM,KAAK,aAAa,eAAe;AAEvC,MAAI,CAAC,IAAI;AACP,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,QAAM,SAAS,GAAG,YAAY,gBAAgB,QAAQ,EAAE,aAAa,KAAK,CAAC;AAE3E,MAAI,CAAC,OAAO,IAAI;AACd,UAAM,IAAI,MAAM,yCAAyC,KAAK,UAAU,OAAO,MAAM,CAAC,EAAE;AAAA,EAC1F;AAEA,QAAM,MAAM,GAAG,gBAAgB,GAAG,cAAc,IAAI,EAAE,QAAQ,oBAAI,IAAI,GAAG,SAAS,oBAAI,IAAI,EAAE;AAC5F,QAAM,GAAG,QAAQ,OAAO,KAAK,GAAG;AAClC;AAGA,IAAI,eAAe,GAAG;AACpB,oBAAkB,EAAE,MAAM,QAAQ,KAAK;AACzC;AAEA,IAAO,oBAAQ;AAAA,EACb,QAAQ,gBAAgB;AAAA,EACxB,UAAU;AAAA,EACV,UAAU;AACZ;","names":[]}

package/dist/behaviors/draggable.d.cts

@@ -1,10 +1,10 @@
-import { b as BehaviorSchema, L as LokaScriptInstance } from '../types-BY-jB5FV.cjs';
+import { B as BehaviorSchema, L as LokaScriptInstance } from '../types-DCCtVQS5.cjs';
 
 declare const draggableSource: string;
 declare const draggableMetadata: BehaviorSchema;
 /**
- * Register the Draggable behavior with LokaScript.
- * Uses imperative installer via synthetic behavior node.
+ * Register the Draggable behavior with LokaScript by compiling its hyperscript
+ * source and executing the resulting behavior definition.
  */
 declare function registerDraggable(hyperfixi?: LokaScriptInstance): Promise<void>;
 declare const _default: {

package/dist/behaviors/draggable.d.ts

@@ -1,10 +1,10 @@
-import { b as BehaviorSchema, L as LokaScriptInstance } from '../types-BY-jB5FV.js';
+import { B as BehaviorSchema, L as LokaScriptInstance } from '../types-DCCtVQS5.js';
 
 declare const draggableSource: string;
 declare const draggableMetadata: BehaviorSchema;
 /**
- * Register the Draggable behavior with LokaScript.
- * Uses imperative installer via synthetic behavior node.
+ * Register the Draggable behavior with LokaScript by compiling its hyperscript
+ * source and executing the resulting behavior definition.
  */
 declare function registerDraggable(hyperfixi?: LokaScriptInstance): Promise<void>;
 declare const _default: {

package/dist/behaviors/draggable.js

@@ -3,8 +3,8 @@ import {
   draggableSource,
   draggable_default,
   registerDraggable
-} from "../chunk-S4QDV2MH.js";
-import "../chunk-G6WR2AYR.js";
+} from "../chunk-ORBJ7MRW.js";
+import "../chunk-FBQ3X3UY.js";
 import "../chunk-6TJXDCAQ.js";
 export {
   draggable_default as default,

package/dist/behaviors/focustrap.cjs

@@ -125,79 +125,6 @@ function resolveRuntime() {
 // src/behaviors/focustrap.ts
 var focusTrapSource = focusTrapSchema.source;
 var focusTrapMetadata = focusTrapSchema;
-var FOCUSABLE_SELECTOR = [
-  "a[href]",
-  "button:not(:disabled)",
-  "input:not(:disabled)",
-  "select:not(:disabled)",
-  "textarea:not(:disabled)",
-  '[tabindex]:not([tabindex="-1"])'
-].join(", ");
-function resolveElement(container, param) {
-  if (!param) return null;
-  if (param instanceof HTMLElement) return param;
-  if (typeof param === "string") {
-    return container.querySelector(param) || document.querySelector(param) || null;
-  }
-  return null;
-}
-function installFocusTrap(element, params) {
-  const returnFocus = params.returnFocus !== false;
-  let isActive = false;
-  let previouslyFocused = null;
-  function getFocusableElements() {
-    return Array.from(element.querySelectorAll(FOCUSABLE_SELECTOR));
-  }
-  function onKeyDown(e) {
-    if (!isActive || e.key !== "Tab") return;
-    const focusable = getFocusableElements();
-    if (focusable.length === 0) {
-      e.preventDefault();
-      return;
-    }
-    e.preventDefault();
-    const currentIndex = focusable.indexOf(document.activeElement);
-    if (e.shiftKey) {
-      const prevIndex = currentIndex <= 0 ? focusable.length - 1 : currentIndex - 1;
-      focusable[prevIndex].focus();
-    } else {
-      const nextIndex = currentIndex >= focusable.length - 1 ? 0 : currentIndex + 1;
-      focusable[nextIndex].focus();
-    }
-  }
-  function activate() {
-    if (isActive) return;
-    isActive = true;
-    previouslyFocused = document.activeElement;
-    element.setAttribute("aria-modal", "true");
-    const initialEl = resolveElement(element, params.initialFocus);
-    if (initialEl) {
-      initialEl.focus();
-    } else {
-      const focusable = getFocusableElements();
-      if (focusable.length > 0) {
-        focusable[0].focus();
-      }
-    }
-    element.dispatchEvent(new CustomEvent("focustrap:activated", { bubbles: true }));
-  }
-  function deactivate() {
-    if (!isActive) return;
-    isActive = false;
-    element.removeAttribute("aria-modal");
-    if (returnFocus && previouslyFocused instanceof HTMLElement) {
-      previouslyFocused.focus();
-    }
-    previouslyFocused = null;
-    element.dispatchEvent(new CustomEvent("focustrap:deactivated", { bubbles: true }));
-  }
-  element.addEventListener("keydown", onKeyDown);
-  element.addEventListener("focustrap:activate", () => activate());
-  element.addEventListener("focustrap:deactivate", () => deactivate());
-  if (params.active !== false) {
-    activate();
-  }
-}
 async function registerFocusTrap(hyperfixi) {
   const hf = hyperfixi || resolveRuntime();
   if (!hf) {
@@ -205,15 +132,12 @@ async function registerFocusTrap(hyperfixi) {
       "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
     );
   }
-  const syntheticNode = {
-    type: "behavior",
-    name: "FocusTrap",
-    parameters: ["active", "initialFocus", "returnFocus"],
-    eventHandlers: [],
-    imperativeInstaller: installFocusTrap
-  };
+  const result = hf.compileSync(focusTrapSchema.source, { traditional: true });
+  if (!result.ok) {
+    throw new Error(`Failed to compile FocusTrap behavior: ${JSON.stringify(result.errors)}`);
+  }
   const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
-  await hf.execute(syntheticNode, ctx);
+  await hf.execute(result.ast, ctx);
 }
 if (resolveRuntime()) {
   registerFocusTrap().catch(console.error);

package/dist/behaviors/focustrap.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/behaviors/focustrap.ts","../../src/schemas/focustrap.schema.ts","../../src/schemas/types.ts"],"sourcesContent":["/**\n * FocusTrap Behavior — Imperative Implementation\n *\n * Confines Tab navigation inside an element, manages aria-modal,\n * and restores focus on deactivation.\n */\n\nimport { focusTrapSchema } from '../schemas/focustrap.schema';\nimport type { LokaScriptInstance } from '../schemas/types';\nimport { resolveRuntime } from '../schemas/types';\n\n// Re-export schema-derived values\nexport const focusTrapSource = focusTrapSchema.source;\nexport const focusTrapMetadata = focusTrapSchema;\n\nconst FOCUSABLE_SELECTOR = [\n  'a[href]',\n  'button:not(:disabled)',\n  'input:not(:disabled)',\n  'select:not(:disabled)',\n  'textarea:not(:disabled)',\n  '[tabindex]:not([tabindex=\"-1\"])',\n].join(', ');\n\n/**\n * Resolve a selector parameter to an HTMLElement within the container.\n */\nfunction resolveElement(container: HTMLElement, param: unknown): HTMLElement | null {\n  if (!param) return null;\n  if (param instanceof HTMLElement) return param;\n  if (typeof param === 'string') {\n    return (\n      (container.querySelector(param) as HTMLElement) ||\n      (document.querySelector(param) as HTMLElement) ||\n      null\n    );\n  }\n  return null;\n}\n\n/**\n * Imperative installer for FocusTrap behavior.\n */\nfunction installFocusTrap(element: HTMLElement, params: Record<string, any>): void {\n  const returnFocus = params.returnFocus !== false;\n  let isActive = false;\n  let previouslyFocused: Element | null = null;\n\n  function getFocusableElements(): HTMLElement[] {\n    return Array.from(element.querySelectorAll<HTMLElement>(FOCUSABLE_SELECTOR));\n  }\n\n  function onKeyDown(e: KeyboardEvent) {\n    if (!isActive || e.key !== 'Tab') return;\n\n    const focusable = getFocusableElements();\n    if (focusable.length === 0) {\n      e.preventDefault();\n      return;\n    }\n\n    // Always prevent default Tab and manually manage focus.\n    // This ensures focus never escapes to elements outside the trap,\n    // even when the modal is embedded in a page with other focusable elements.\n    e.preventDefault();\n\n    const currentIndex = focusable.indexOf(document.activeElement as HTMLElement);\n\n    if (e.shiftKey) {\n      const prevIndex = currentIndex <= 0 ? focusable.length - 1 : currentIndex - 1;\n      focusable[prevIndex].focus();\n    } else {\n      const nextIndex = currentIndex >= focusable.length - 1 ? 0 : currentIndex + 1;\n      focusable[nextIndex].focus();\n    }\n  }\n\n  function activate() {\n    if (isActive) return;\n    isActive = true;\n    previouslyFocused = document.activeElement;\n\n    element.setAttribute('aria-modal', 'true');\n\n    // Focus initialFocus element or first focusable\n    const initialEl = resolveElement(element, params.initialFocus);\n    if (initialEl) {\n      initialEl.focus();\n    } else {\n      const focusable = getFocusableElements();\n      if (focusable.length > 0) {\n        focusable[0].focus();\n      }\n    }\n\n    element.dispatchEvent(new CustomEvent('focustrap:activated', { bubbles: true }));\n  }\n\n  function deactivate() {\n    if (!isActive) return;\n    isActive = false;\n\n    element.removeAttribute('aria-modal');\n\n    if (returnFocus && previouslyFocused instanceof HTMLElement) {\n      previouslyFocused.focus();\n    }\n    previouslyFocused = null;\n\n    element.dispatchEvent(new CustomEvent('focustrap:deactivated', { bubbles: true }));\n  }\n\n  // Keydown handler for Tab trapping\n  element.addEventListener('keydown', onKeyDown);\n\n  // Programmatic activation/deactivation via custom events\n  element.addEventListener('focustrap:activate', () => activate());\n  element.addEventListener('focustrap:deactivate', () => deactivate());\n\n  // Activate immediately if requested\n  if (params.active !== false) {\n    activate();\n  }\n}\n\n/**\n * Register the FocusTrap behavior with LokaScript.\n */\nexport async function registerFocusTrap(hyperfixi?: LokaScriptInstance): Promise<void> {\n  const hf = hyperfixi || resolveRuntime();\n\n  if (!hf) {\n    throw new Error(\n      'LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.'\n    );\n  }\n\n  const syntheticNode = {\n    type: 'behavior',\n    name: 'FocusTrap',\n    parameters: ['active', 'initialFocus', 'returnFocus'],\n    eventHandlers: [],\n    imperativeInstaller: installFocusTrap,\n  };\n  const ctx = hf.createContext ? hf.createContext() : { locals: new Map(), globals: new Map() };\n  await hf.execute(syntheticNode, ctx);\n}\n\n// Auto-register when loaded as a script tag\nif (resolveRuntime()) {\n  registerFocusTrap().catch(console.error);\n}\n\nexport default {\n  source: focusTrapSchema.source,\n  metadata: focusTrapSchema,\n  register: registerFocusTrap,\n};\n","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","/**\n * Behavior Schema Types\n *\n * Defines the structure for behavior metadata used for:\n * - Code generation (TypeScript types, documentation)\n * - Runtime categorization and lazy loading\n * - Tooling and IDE integration\n */\n\n/**\n * Behavior categories for organization.\n * - ui: Visual interaction behaviors (drag, resize, sort)\n * - data: Data manipulation behaviors (remove, transform)\n * - animation: Animation and transition behaviors\n * - form: Form-related behaviors (validation, toggle states)\n * - layout: Layout behaviors (sticky, scrollspy)\n */\nexport type BehaviorCategory = 'ui' | 'data' | 'animation' | 'form' | 'layout';\n\n/**\n * Loading tiers for lazy loading optimization.\n * - core: Always loaded (essential behaviors)\n * - common: High usage (loaded for typical apps)\n * - optional: Low usage (loaded on demand)\n */\nexport type BehaviorTier = 'core' | 'common' | 'optional';\n\n/**\n * Schema for a behavior parameter.\n */\nexport interface ParameterSchema {\n  name: string;\n  type: 'string' | 'number' | 'boolean' | 'selector' | 'element';\n  optional?: boolean;\n  default?: string | number | boolean;\n  /** Allowed values for constrained parameters */\n  enum?: string[];\n  description: string;\n}\n\n/**\n * Schema for a behavior event.\n */\nexport interface EventSchema {\n  name: string;\n  description: string;\n}\n\n/**\n * Complete schema for a behavior.\n * This is the source of truth for all behavior metadata.\n */\nexport interface BehaviorSchema {\n  /** Behavior name (PascalCase) */\n  name: string;\n  /** Category for organization */\n  category: BehaviorCategory;\n  /** Loading tier for lazy loading */\n  tier: BehaviorTier;\n  /** Semantic version */\n  version: string;\n  /** Human-readable description */\n  description: string;\n  /** Parameter definitions */\n  parameters: ParameterSchema[];\n  /** Event definitions */\n  events: EventSchema[];\n  /** The hyperscript behavior source code */\n  source: string;\n  /** Optional requirements or notes */\n  requirements?: string[];\n}\n\n/**\n * Runtime behavior module interface.\n * This is what gets registered with the hyperfixi runtime.\n */\nexport interface BehaviorModule {\n  source: string;\n  metadata: BehaviorSchema;\n  register: (hyperfixi?: LokaScriptInstance) => Promise<void>;\n}\n\n/**\n * Minimal LokaScript instance interface for behavior registration.\n */\nexport interface LokaScriptInstance {\n  compileSync: (\n    code: string,\n    options?: { traditional?: boolean; language?: string }\n  ) => {\n    ok: boolean;\n    ast?: unknown;\n    errors?: Array<{ message: string; line?: number; column?: number }>;\n  };\n  execute: (ast: unknown, ctx: unknown) => Promise<unknown>;\n  createContext?: () => { locals: Map<string, unknown>; globals: Map<string, unknown> };\n}\n\n/**\n * Typed window interface for behavior auto-registration.\n * Avoids `(window as any)` casts throughout the codebase.\n * Checks both `window.lokascript` and `window.hyperfixi` for the runtime instance.\n */\nexport interface LokaScriptWindow {\n  lokascript?: LokaScriptInstance;\n  hyperfixi?: LokaScriptInstance;\n  __hyperfixi_behaviors_ready?: Promise<void> | undefined;\n}\n\n/**\n * Resolve the LokaScript runtime from window globals.\n * Checks both `window.lokascript` and `window.hyperfixi`.\n */\nexport function resolveRuntime(): LokaScriptInstance | null {\n  if (typeof window === 'undefined') return null;\n  const win = window as unknown as LokaScriptWindow;\n  return win.lokascript || win.hyperfixi || null;\n}\n"],"mappings":"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","names":[]}
+{"version":3,"sources":["../../src/behaviors/focustrap.ts","../../src/schemas/focustrap.schema.ts","../../src/schemas/types.ts"],"sourcesContent":["/**\n * FocusTrap Behavior\n *\n * Confines Tab navigation inside an element, manages aria-modal,\n * and restores focus on deactivation. The Tab-trapping / focus-model logic\n * lives in the schema's hyperscript `source` (an `init`-block `js()` body).\n *\n * Compiled from its hyperscript `source` — the single source of truth shared with\n * the CDN resolver bundle and patterns-reference. This collapses FocusTrap onto\n * the one runtime path (no more imperative-installer fork between CDN and npm);\n * see docs-internal/BEHAVIORS_CONSOLIDATION_PLAN.md §3d.\n */\n\nimport { focusTrapSchema } from '../schemas/focustrap.schema';\nimport type { LokaScriptInstance } from '../schemas/types';\nimport { resolveRuntime } from '../schemas/types';\n\n// Re-export schema-derived values\nexport const focusTrapSource = focusTrapSchema.source;\nexport const focusTrapMetadata = focusTrapSchema;\n\n/**\n * Register the FocusTrap behavior with LokaScript by compiling its\n * hyperscript source and executing the resulting behavior definition.\n */\nexport async function registerFocusTrap(hyperfixi?: LokaScriptInstance): Promise<void> {\n  const hf = hyperfixi || resolveRuntime();\n\n  if (!hf) {\n    throw new Error(\n      'LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.'\n    );\n  }\n\n  const result = hf.compileSync(focusTrapSchema.source, { traditional: true });\n\n  if (!result.ok) {\n    throw new Error(`Failed to compile FocusTrap behavior: ${JSON.stringify(result.errors)}`);\n  }\n\n  const ctx = hf.createContext ? hf.createContext() : { locals: new Map(), globals: new Map() };\n  await hf.execute(result.ast, ctx);\n}\n\n// Auto-register when loaded as a script tag\nif (resolveRuntime()) {\n  registerFocusTrap().catch(console.error);\n}\n\nexport default {\n  source: focusTrapSchema.source,\n  metadata: focusTrapSchema,\n  register: registerFocusTrap,\n};\n","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","/**\n * Behavior Schema Types\n *\n * Defines the structure for behavior metadata used for:\n * - Code generation (TypeScript types, documentation)\n * - Runtime categorization and lazy loading\n * - Tooling and IDE integration\n */\n\n/**\n * Behavior categories for organization.\n * - ui: Visual interaction behaviors (drag, resize, sort)\n * - data: Data manipulation behaviors (remove, transform)\n * - animation: Animation and transition behaviors\n * - form: Form-related behaviors (validation, toggle states)\n * - layout: Layout behaviors (sticky, scrollspy)\n */\nexport type BehaviorCategory = 'ui' | 'data' | 'animation' | 'form' | 'layout';\n\n/**\n * Loading tiers for lazy loading optimization.\n * - core: Always loaded (essential behaviors)\n * - common: High usage (loaded for typical apps)\n * - optional: Low usage (loaded on demand)\n */\nexport type BehaviorTier = 'core' | 'common' | 'optional';\n\n/**\n * Schema for a behavior parameter.\n */\nexport interface ParameterSchema {\n  name: string;\n  type: 'string' | 'number' | 'boolean' | 'selector' | 'element';\n  optional?: boolean;\n  default?: string | number | boolean;\n  /** Allowed values for constrained parameters */\n  enum?: string[];\n  description: string;\n}\n\n/**\n * Schema for a behavior event.\n */\nexport interface EventSchema {\n  name: string;\n  description: string;\n}\n\n/**\n * Complete schema for a behavior.\n * This is the source of truth for all behavior metadata.\n */\nexport interface BehaviorSchema {\n  /** Behavior name (PascalCase) */\n  name: string;\n  /** Category for organization */\n  category: BehaviorCategory;\n  /** Loading tier for lazy loading */\n  tier: BehaviorTier;\n  /** Semantic version */\n  version: string;\n  /** Human-readable description */\n  description: string;\n  /** Parameter definitions */\n  parameters: ParameterSchema[];\n  /** Event definitions */\n  events: EventSchema[];\n  /** The hyperscript behavior source code */\n  source: string;\n  /** Optional requirements or notes */\n  requirements?: string[];\n}\n\n/**\n * Runtime behavior module interface.\n * This is what gets registered with the hyperfixi runtime.\n */\nexport interface BehaviorModule {\n  source: string;\n  metadata: BehaviorSchema;\n  register: (hyperfixi?: LokaScriptInstance) => Promise<void>;\n}\n\n/**\n * Minimal LokaScript instance interface for behavior registration.\n */\nexport interface LokaScriptInstance {\n  compileSync: (\n    code: string,\n    options?: { traditional?: boolean; language?: string }\n  ) => {\n    ok: boolean;\n    ast?: unknown;\n    errors?: Array<{ message: string; line?: number; column?: number }>;\n  };\n  execute: (ast: unknown, ctx: unknown) => Promise<unknown>;\n  createContext?: () => { locals: Map<string, unknown>; globals: Map<string, unknown> };\n}\n\n/**\n * Typed window interface for behavior auto-registration.\n * Avoids `(window as any)` casts throughout the codebase.\n * Checks both `window.lokascript` and `window.hyperfixi` for the runtime instance.\n */\nexport interface LokaScriptWindow {\n  lokascript?: LokaScriptInstance;\n  hyperfixi?: LokaScriptInstance;\n  __hyperfixi_behaviors_ready?: Promise<void> | undefined;\n}\n\n/**\n * Resolve the LokaScript runtime from window globals.\n * Checks both `window.lokascript` and `window.hyperfixi`.\n */\nexport function resolveRuntime(): LokaScriptInstance | null {\n  if (typeof window === 'undefined') return null;\n  const win = window as unknown as LokaScriptWindow;\n  return win.lokascript || win.hyperfixi || null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACQO,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;;;ACqBO,SAAS,iBAA4C;AAC1D,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,MAAM;AACZ,SAAO,IAAI,cAAc,IAAI,aAAa;AAC5C;;;AFpGO,IAAM,kBAAkB,gBAAgB;AACxC,IAAM,oBAAoB;AAMjC,eAAsB,kBAAkB,WAA+C;AACrF,QAAM,KAAK,aAAa,eAAe;AAEvC,MAAI,CAAC,IAAI;AACP,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,QAAM,SAAS,GAAG,YAAY,gBAAgB,QAAQ,EAAE,aAAa,KAAK,CAAC;AAE3E,MAAI,CAAC,OAAO,IAAI;AACd,UAAM,IAAI,MAAM,yCAAyC,KAAK,UAAU,OAAO,MAAM,CAAC,EAAE;AAAA,EAC1F;AAEA,QAAM,MAAM,GAAG,gBAAgB,GAAG,cAAc,IAAI,EAAE,QAAQ,oBAAI,IAAI,GAAG,SAAS,oBAAI,IAAI,EAAE;AAC5F,QAAM,GAAG,QAAQ,OAAO,KAAK,GAAG;AAClC;AAGA,IAAI,eAAe,GAAG;AACpB,oBAAkB,EAAE,MAAM,QAAQ,KAAK;AACzC;AAEA,IAAO,oBAAQ;AAAA,EACb,QAAQ,gBAAgB;AAAA,EACxB,UAAU;AAAA,EACV,UAAU;AACZ;","names":[]}

package/dist/behaviors/focustrap.d.cts

@@ -1,9 +1,10 @@
-import { b as BehaviorSchema, L as LokaScriptInstance } from '../types-BY-jB5FV.cjs';
+import { B as BehaviorSchema, L as LokaScriptInstance } from '../types-DCCtVQS5.cjs';
 
 declare const focusTrapSource: string;
 declare const focusTrapMetadata: BehaviorSchema;
 /**
- * Register the FocusTrap behavior with LokaScript.
+ * Register the FocusTrap behavior with LokaScript by compiling its
+ * hyperscript source and executing the resulting behavior definition.
  */
 declare function registerFocusTrap(hyperfixi?: LokaScriptInstance): Promise<void>;
 declare const _default: {

package/dist/behaviors/focustrap.d.ts

@@ -1,9 +1,10 @@
-import { b as BehaviorSchema, L as LokaScriptInstance } from '../types-BY-jB5FV.js';
+import { B as BehaviorSchema, L as LokaScriptInstance } from '../types-DCCtVQS5.js';
 
 declare const focusTrapSource: string;
 declare const focusTrapMetadata: BehaviorSchema;
 /**
- * Register the FocusTrap behavior with LokaScript.
+ * Register the FocusTrap behavior with LokaScript by compiling its
+ * hyperscript source and executing the resulting behavior definition.
  */
 declare function registerFocusTrap(hyperfixi?: LokaScriptInstance): Promise<void>;
 declare const _default: {

package/dist/behaviors/focustrap.js

@@ -3,7 +3,7 @@ import {
   focusTrapSource,
   focustrap_default,
   registerFocusTrap
-} from "../chunk-F3CASJ7Q.js";
+} from "../chunk-CR3J7VV6.js";
 import "../chunk-OJ3YWO3W.js";
 import "../chunk-6TJXDCAQ.js";
 export {

package/dist/behaviors/removable.d.cts

@@ -1,4 +1,4 @@
-import { b as BehaviorSchema, L as LokaScriptInstance } from '../types-BY-jB5FV.cjs';
+import { B as BehaviorSchema, L as LokaScriptInstance } from '../types-DCCtVQS5.cjs';
 
 declare const removableSource: string;
 declare const removableMetadata: BehaviorSchema;

package/dist/behaviors/removable.d.ts

@@ -1,4 +1,4 @@
-import { b as BehaviorSchema, L as LokaScriptInstance } from '../types-BY-jB5FV.js';
+import { B as BehaviorSchema, L as LokaScriptInstance } from '../types-DCCtVQS5.js';
 
 declare const removableSource: string;
 declare const removableMetadata: BehaviorSchema;

package/dist/behaviors/resizable.cjs

@@ -33,7 +33,7 @@ var resizableSchema = {
   category: "ui",
   tier: "optional",
   version: "1.0.0",
-  description: "Makes elements resizable by dragging",
+  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",
@@ -81,15 +81,15 @@ 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
@@ -108,43 +108,6 @@ function resolveRuntime() {
 // src/behaviors/resizable.ts
 var resizableSource = resizableSchema.source;
 var resizableMetadata = resizableSchema;
-function installResizable(element, params) {
-  let handleEl = element;
-  if (params.handle && params.handle !== "me") {
-    if (typeof params.handle === "string") {
-      const found = element.querySelector(params.handle);
-      if (found instanceof HTMLElement) handleEl = found;
-    } else if (params.handle instanceof HTMLElement) {
-      handleEl = params.handle;
-    }
-  }
-  const minW = params.minWidth ?? 50;
-  const minH = params.minHeight ?? 50;
-  const maxW = params.maxWidth ?? 9999;
-  const maxH = params.maxHeight ?? 9999;
-  handleEl.addEventListener("pointerdown", (e) => {
-    e.preventDefault();
-    element.dispatchEvent(new CustomEvent("resizable:start", { bubbles: true }));
-    const startWidth = element.offsetWidth;
-    const startHeight = element.offsetHeight;
-    const startX = e.clientX;
-    const startY = e.clientY;
-    function onMove(ev) {
-      const newWidth = Math.max(minW, Math.min(maxW, startWidth + (ev.clientX - startX)));
-      const newHeight = Math.max(minH, Math.min(maxH, startHeight + (ev.clientY - startY)));
-      element.style.width = `${newWidth}px`;
-      element.style.height = `${newHeight}px`;
-      element.dispatchEvent(new CustomEvent("resizable:resize", { bubbles: true }));
-    }
-    function onUp() {
-      document.removeEventListener("pointermove", onMove);
-      document.removeEventListener("pointerup", onUp);
-      element.dispatchEvent(new CustomEvent("resizable:end", { bubbles: true }));
-    }
-    document.addEventListener("pointermove", onMove);
-    document.addEventListener("pointerup", onUp);
-  });
-}
 async function registerResizable(hyperfixi) {
   const hf = hyperfixi || resolveRuntime();
   if (!hf) {
@@ -152,15 +115,12 @@ async function registerResizable(hyperfixi) {
       "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
     );
   }
-  const syntheticNode = {
-    type: "behavior",
-    name: "Resizable",
-    parameters: [],
-    eventHandlers: [],
-    imperativeInstaller: installResizable
-  };
+  const result = hf.compileSync(resizableSchema.source, { traditional: true });
+  if (!result.ok) {
+    throw new Error(`Failed to compile Resizable behavior: ${JSON.stringify(result.errors)}`);
+  }
   const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
-  await hf.execute(syntheticNode, ctx);
+  await hf.execute(result.ast, ctx);
 }
 if (resolveRuntime()) {
   registerResizable().catch(console.error);

package/dist/behaviors/resizable.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/behaviors/resizable.ts","../../src/schemas/resizable.schema.ts","../../src/schemas/types.ts"],"sourcesContent":["/**\n * Resizable Behavior — Imperative Implementation\n *\n * Makes elements resizable by dragging edges or corners.\n * Supports minimum/maximum dimensions and resize handles.\n *\n * @example\n * ```html\n * <div _=\"install Resizable\" style=\"width: 200px; height: 150px;\">\n *   Resize me!\n * </div>\n * ```\n */\n\nimport { resizableSchema } from '../schemas/resizable.schema';\nimport type { LokaScriptInstance } from '../schemas/types';\nimport { resolveRuntime } from '../schemas/types';\n\n// Re-export schema-derived values for backwards compatibility\nexport const resizableSource = resizableSchema.source;\nexport const resizableMetadata = resizableSchema;\n\n/**\n * Imperative installer for Resizable behavior.\n */\nfunction installResizable(element: HTMLElement, params: Record<string, any>): void {\n  // Resolve handle element\n  let handleEl: HTMLElement = element;\n  if (params.handle && params.handle !== 'me') {\n    if (typeof params.handle === 'string') {\n      const found = element.querySelector(params.handle);\n      if (found instanceof HTMLElement) handleEl = found;\n    } else if (params.handle instanceof HTMLElement) {\n      handleEl = params.handle;\n    }\n  }\n\n  const minW = params.minWidth ?? 50;\n  const minH = params.minHeight ?? 50;\n  const maxW = params.maxWidth ?? 9999;\n  const maxH = params.maxHeight ?? 9999;\n\n  handleEl.addEventListener('pointerdown', (e: PointerEvent) => {\n    e.preventDefault();\n    element.dispatchEvent(new CustomEvent('resizable:start', { bubbles: true }));\n\n    const startWidth = element.offsetWidth;\n    const startHeight = element.offsetHeight;\n    const startX = e.clientX;\n    const startY = e.clientY;\n\n    function onMove(ev: PointerEvent) {\n      const newWidth = Math.max(minW, Math.min(maxW, startWidth + (ev.clientX - startX)));\n      const newHeight = Math.max(minH, Math.min(maxH, startHeight + (ev.clientY - startY)));\n\n      element.style.width = `${newWidth}px`;\n      element.style.height = `${newHeight}px`;\n      element.dispatchEvent(new CustomEvent('resizable:resize', { bubbles: true }));\n    }\n\n    function onUp() {\n      document.removeEventListener('pointermove', onMove);\n      document.removeEventListener('pointerup', onUp);\n      element.dispatchEvent(new CustomEvent('resizable:end', { bubbles: true }));\n    }\n\n    document.addEventListener('pointermove', onMove);\n    document.addEventListener('pointerup', onUp);\n  });\n}\n\n/**\n * Register the Resizable behavior with LokaScript.\n */\nexport async function registerResizable(hyperfixi?: LokaScriptInstance): Promise<void> {\n  const hf = hyperfixi || resolveRuntime();\n\n  if (!hf) {\n    throw new Error(\n      'LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.'\n    );\n  }\n\n  const syntheticNode = {\n    type: 'behavior',\n    name: 'Resizable',\n    parameters: [],\n    eventHandlers: [],\n    imperativeInstaller: installResizable,\n  };\n  const ctx = hf.createContext ? hf.createContext() : { locals: new Map(), globals: new Map() };\n  await hf.execute(syntheticNode, ctx);\n}\n\n// Auto-register when loaded as a script tag\nif (resolveRuntime()) {\n  registerResizable().catch(console.error);\n}\n\nexport default {\n  source: resizableSchema.source,\n  metadata: resizableSchema,\n  register: registerResizable,\n};\n","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: '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(minWidth, minHeight, maxWidth, maxHeight)\n  on pointerdown(clientX, clientY) from me\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) from document\n      set newWidth to startWidth + clientX - startX\n      set newHeight to startHeight + clientY - startY\n      if newWidth < minWidth then set newWidth to minWidth end\n      if newWidth > maxWidth then set newWidth to maxWidth end\n      if newHeight < minHeight then set newHeight to minHeight end\n      if newHeight > maxHeight then set newHeight to maxHeight end\n      set my style.width to newWidth + \"px\"\n      set my style.height to newHeight + \"px\"\n      trigger resizable:resize\n    end\n    trigger resizable:end\n  end\nend\n`.trim(),\n};\n","/**\n * Behavior Schema Types\n *\n * Defines the structure for behavior metadata used for:\n * - Code generation (TypeScript types, documentation)\n * - Runtime categorization and lazy loading\n * - Tooling and IDE integration\n */\n\n/**\n * Behavior categories for organization.\n * - ui: Visual interaction behaviors (drag, resize, sort)\n * - data: Data manipulation behaviors (remove, transform)\n * - animation: Animation and transition behaviors\n * - form: Form-related behaviors (validation, toggle states)\n * - layout: Layout behaviors (sticky, scrollspy)\n */\nexport type BehaviorCategory = 'ui' | 'data' | 'animation' | 'form' | 'layout';\n\n/**\n * Loading tiers for lazy loading optimization.\n * - core: Always loaded (essential behaviors)\n * - common: High usage (loaded for typical apps)\n * - optional: Low usage (loaded on demand)\n */\nexport type BehaviorTier = 'core' | 'common' | 'optional';\n\n/**\n * Schema for a behavior parameter.\n */\nexport interface ParameterSchema {\n  name: string;\n  type: 'string' | 'number' | 'boolean' | 'selector' | 'element';\n  optional?: boolean;\n  default?: string | number | boolean;\n  /** Allowed values for constrained parameters */\n  enum?: string[];\n  description: string;\n}\n\n/**\n * Schema for a behavior event.\n */\nexport interface EventSchema {\n  name: string;\n  description: string;\n}\n\n/**\n * Complete schema for a behavior.\n * This is the source of truth for all behavior metadata.\n */\nexport interface BehaviorSchema {\n  /** Behavior name (PascalCase) */\n  name: string;\n  /** Category for organization */\n  category: BehaviorCategory;\n  /** Loading tier for lazy loading */\n  tier: BehaviorTier;\n  /** Semantic version */\n  version: string;\n  /** Human-readable description */\n  description: string;\n  /** Parameter definitions */\n  parameters: ParameterSchema[];\n  /** Event definitions */\n  events: EventSchema[];\n  /** The hyperscript behavior source code */\n  source: string;\n  /** Optional requirements or notes */\n  requirements?: string[];\n}\n\n/**\n * Runtime behavior module interface.\n * This is what gets registered with the hyperfixi runtime.\n */\nexport interface BehaviorModule {\n  source: string;\n  metadata: BehaviorSchema;\n  register: (hyperfixi?: LokaScriptInstance) => Promise<void>;\n}\n\n/**\n * Minimal LokaScript instance interface for behavior registration.\n */\nexport interface LokaScriptInstance {\n  compileSync: (\n    code: string,\n    options?: { traditional?: boolean; language?: string }\n  ) => {\n    ok: boolean;\n    ast?: unknown;\n    errors?: Array<{ message: string; line?: number; column?: number }>;\n  };\n  execute: (ast: unknown, ctx: unknown) => Promise<unknown>;\n  createContext?: () => { locals: Map<string, unknown>; globals: Map<string, unknown> };\n}\n\n/**\n * Typed window interface for behavior auto-registration.\n * Avoids `(window as any)` casts throughout the codebase.\n * Checks both `window.lokascript` and `window.hyperfixi` for the runtime instance.\n */\nexport interface LokaScriptWindow {\n  lokascript?: LokaScriptInstance;\n  hyperfixi?: LokaScriptInstance;\n  __hyperfixi_behaviors_ready?: Promise<void> | undefined;\n}\n\n/**\n * Resolve the LokaScript runtime from window globals.\n * Checks both `window.lokascript` and `window.hyperfixi`.\n */\nexport function resolveRuntime(): LokaScriptInstance | null {\n  if (typeof window === 'undefined') return null;\n  const win = window as unknown as LokaScriptWindow;\n  return win.lokascript || win.hyperfixi || null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACQO,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,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,EA0BR,KAAK;AACP;;;ACsCO,SAAS,iBAA4C;AAC1D,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,MAAM;AACZ,SAAO,IAAI,cAAc,IAAI,aAAa;AAC5C;;;AFnGO,IAAM,kBAAkB,gBAAgB;AACxC,IAAM,oBAAoB;AAKjC,SAAS,iBAAiB,SAAsB,QAAmC;AAEjF,MAAI,WAAwB;AAC5B,MAAI,OAAO,UAAU,OAAO,WAAW,MAAM;AAC3C,QAAI,OAAO,OAAO,WAAW,UAAU;AACrC,YAAM,QAAQ,QAAQ,cAAc,OAAO,MAAM;AACjD,UAAI,iBAAiB,YAAa,YAAW;AAAA,IAC/C,WAAW,OAAO,kBAAkB,aAAa;AAC/C,iBAAW,OAAO;AAAA,IACpB;AAAA,EACF;AAEA,QAAM,OAAO,OAAO,YAAY;AAChC,QAAM,OAAO,OAAO,aAAa;AACjC,QAAM,OAAO,OAAO,YAAY;AAChC,QAAM,OAAO,OAAO,aAAa;AAEjC,WAAS,iBAAiB,eAAe,CAAC,MAAoB;AAC5D,MAAE,eAAe;AACjB,YAAQ,cAAc,IAAI,YAAY,mBAAmB,EAAE,SAAS,KAAK,CAAC,CAAC;AAE3E,UAAM,aAAa,QAAQ;AAC3B,UAAM,cAAc,QAAQ;AAC5B,UAAM,SAAS,EAAE;AACjB,UAAM,SAAS,EAAE;AAEjB,aAAS,OAAO,IAAkB;AAChC,YAAM,WAAW,KAAK,IAAI,MAAM,KAAK,IAAI,MAAM,cAAc,GAAG,UAAU,OAAO,CAAC;AAClF,YAAM,YAAY,KAAK,IAAI,MAAM,KAAK,IAAI,MAAM,eAAe,GAAG,UAAU,OAAO,CAAC;AAEpF,cAAQ,MAAM,QAAQ,GAAG,QAAQ;AACjC,cAAQ,MAAM,SAAS,GAAG,SAAS;AACnC,cAAQ,cAAc,IAAI,YAAY,oBAAoB,EAAE,SAAS,KAAK,CAAC,CAAC;AAAA,IAC9E;AAEA,aAAS,OAAO;AACd,eAAS,oBAAoB,eAAe,MAAM;AAClD,eAAS,oBAAoB,aAAa,IAAI;AAC9C,cAAQ,cAAc,IAAI,YAAY,iBAAiB,EAAE,SAAS,KAAK,CAAC,CAAC;AAAA,IAC3E;AAEA,aAAS,iBAAiB,eAAe,MAAM;AAC/C,aAAS,iBAAiB,aAAa,IAAI;AAAA,EAC7C,CAAC;AACH;AAKA,eAAsB,kBAAkB,WAA+C;AACrF,QAAM,KAAK,aAAa,eAAe;AAEvC,MAAI,CAAC,IAAI;AACP,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,QAAM,gBAAgB;AAAA,IACpB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,YAAY,CAAC;AAAA,IACb,eAAe,CAAC;AAAA,IAChB,qBAAqB;AAAA,EACvB;AACA,QAAM,MAAM,GAAG,gBAAgB,GAAG,cAAc,IAAI,EAAE,QAAQ,oBAAI,IAAI,GAAG,SAAS,oBAAI,IAAI,EAAE;AAC5F,QAAM,GAAG,QAAQ,eAAe,GAAG;AACrC;AAGA,IAAI,eAAe,GAAG;AACpB,oBAAkB,EAAE,MAAM,QAAQ,KAAK;AACzC;AAEA,IAAO,oBAAQ;AAAA,EACb,QAAQ,gBAAgB;AAAA,EACxB,UAAU;AAAA,EACV,UAAU;AACZ;","names":[]}
+{"version":3,"sources":["../../src/behaviors/resizable.ts","../../src/schemas/resizable.schema.ts","../../src/schemas/types.ts"],"sourcesContent":["/**\n * Resizable Behavior\n *\n * Makes elements resizable by dragging. Compiled from its hyperscript `source`\n * (single source of truth) — no imperative installer. The source measures the\n * start size, runs a `repeat until event pointerup` loop, clamps to\n * min/max dimensions, and writes `*width` / `*height` inline styles.\n *\n * @example\n * ```html\n * <div _=\"install Resizable\" style=\"width: 200px; height: 150px;\">\n *   Resize me!\n * </div>\n * ```\n */\n\nimport { resizableSchema } from '../schemas/resizable.schema';\nimport type { LokaScriptInstance } from '../schemas/types';\nimport { resolveRuntime } from '../schemas/types';\n\n// Re-export schema-derived values for backwards compatibility\nexport const resizableSource = resizableSchema.source;\nexport const resizableMetadata = resizableSchema;\n\n/**\n * Register the Resizable behavior with LokaScript by compiling its hyperscript\n * source and executing the resulting behavior definition.\n */\nexport async function registerResizable(hyperfixi?: LokaScriptInstance): Promise<void> {\n  const hf = hyperfixi || resolveRuntime();\n\n  if (!hf) {\n    throw new Error(\n      'LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.'\n    );\n  }\n\n  const result = hf.compileSync(resizableSchema.source, { traditional: true });\n\n  if (!result.ok) {\n    throw new Error(`Failed to compile Resizable behavior: ${JSON.stringify(result.errors)}`);\n  }\n\n  const ctx = hf.createContext ? hf.createContext() : { locals: new Map(), globals: new Map() };\n  await hf.execute(result.ast, ctx);\n}\n\n// Auto-register when loaded as a script tag\nif (resolveRuntime()) {\n  registerResizable().catch(console.error);\n}\n\nexport default {\n  source: resizableSchema.source,\n  metadata: resizableSchema,\n  register: registerResizable,\n};\n","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:\n    'Makes elements resizable by dragging (EXPERIMENTAL — stateful async component, beyond the inline-scripting boundary; not part of the curated set)',\n  parameters: [\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(minWidth, minHeight, maxWidth, maxHeight)\n  on pointerdown(clientX, clientY) from me\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(clientX, clientY) from document\n      set newWidth to startWidth + clientX - startX\n      set newHeight to startHeight + clientY - startY\n      if newWidth < minWidth then set newWidth to minWidth end\n      if newWidth > maxWidth then set newWidth to maxWidth end\n      if newHeight < minHeight then set newHeight to minHeight end\n      if newHeight > maxHeight then set newHeight to maxHeight end\n      set my *width to newWidth + \"px\"\n      set my *height to newHeight + \"px\"\n      trigger resizable:resize\n    end\n    trigger resizable:end\n  end\nend\n`.trim(),\n};\n","/**\n * Behavior Schema Types\n *\n * Defines the structure for behavior metadata used for:\n * - Code generation (TypeScript types, documentation)\n * - Runtime categorization and lazy loading\n * - Tooling and IDE integration\n */\n\n/**\n * Behavior categories for organization.\n * - ui: Visual interaction behaviors (drag, resize, sort)\n * - data: Data manipulation behaviors (remove, transform)\n * - animation: Animation and transition behaviors\n * - form: Form-related behaviors (validation, toggle states)\n * - layout: Layout behaviors (sticky, scrollspy)\n */\nexport type BehaviorCategory = 'ui' | 'data' | 'animation' | 'form' | 'layout';\n\n/**\n * Loading tiers for lazy loading optimization.\n * - core: Always loaded (essential behaviors)\n * - common: High usage (loaded for typical apps)\n * - optional: Low usage (loaded on demand)\n */\nexport type BehaviorTier = 'core' | 'common' | 'optional';\n\n/**\n * Schema for a behavior parameter.\n */\nexport interface ParameterSchema {\n  name: string;\n  type: 'string' | 'number' | 'boolean' | 'selector' | 'element';\n  optional?: boolean;\n  default?: string | number | boolean;\n  /** Allowed values for constrained parameters */\n  enum?: string[];\n  description: string;\n}\n\n/**\n * Schema for a behavior event.\n */\nexport interface EventSchema {\n  name: string;\n  description: string;\n}\n\n/**\n * Complete schema for a behavior.\n * This is the source of truth for all behavior metadata.\n */\nexport interface BehaviorSchema {\n  /** Behavior name (PascalCase) */\n  name: string;\n  /** Category for organization */\n  category: BehaviorCategory;\n  /** Loading tier for lazy loading */\n  tier: BehaviorTier;\n  /** Semantic version */\n  version: string;\n  /** Human-readable description */\n  description: string;\n  /** Parameter definitions */\n  parameters: ParameterSchema[];\n  /** Event definitions */\n  events: EventSchema[];\n  /** The hyperscript behavior source code */\n  source: string;\n  /** Optional requirements or notes */\n  requirements?: string[];\n}\n\n/**\n * Runtime behavior module interface.\n * This is what gets registered with the hyperfixi runtime.\n */\nexport interface BehaviorModule {\n  source: string;\n  metadata: BehaviorSchema;\n  register: (hyperfixi?: LokaScriptInstance) => Promise<void>;\n}\n\n/**\n * Minimal LokaScript instance interface for behavior registration.\n */\nexport interface LokaScriptInstance {\n  compileSync: (\n    code: string,\n    options?: { traditional?: boolean; language?: string }\n  ) => {\n    ok: boolean;\n    ast?: unknown;\n    errors?: Array<{ message: string; line?: number; column?: number }>;\n  };\n  execute: (ast: unknown, ctx: unknown) => Promise<unknown>;\n  createContext?: () => { locals: Map<string, unknown>; globals: Map<string, unknown> };\n}\n\n/**\n * Typed window interface for behavior auto-registration.\n * Avoids `(window as any)` casts throughout the codebase.\n * Checks both `window.lokascript` and `window.hyperfixi` for the runtime instance.\n */\nexport interface LokaScriptWindow {\n  lokascript?: LokaScriptInstance;\n  hyperfixi?: LokaScriptInstance;\n  __hyperfixi_behaviors_ready?: Promise<void> | undefined;\n}\n\n/**\n * Resolve the LokaScript runtime from window globals.\n * Checks both `window.lokascript` and `window.hyperfixi`.\n */\nexport function resolveRuntime(): LokaScriptInstance | null {\n  if (typeof window === 'undefined') return null;\n  const win = window as unknown as LokaScriptWindow;\n  return win.lokascript || win.hyperfixi || null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACQO,IAAM,kBAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aACE;AAAA,EACF,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,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,EA0BR,KAAK;AACP;;;ACqCO,SAAS,iBAA4C;AAC1D,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,MAAM;AACZ,SAAO,IAAI,cAAc,IAAI,aAAa;AAC5C;;;AFjGO,IAAM,kBAAkB,gBAAgB;AACxC,IAAM,oBAAoB;AAMjC,eAAsB,kBAAkB,WAA+C;AACrF,QAAM,KAAK,aAAa,eAAe;AAEvC,MAAI,CAAC,IAAI;AACP,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,QAAM,SAAS,GAAG,YAAY,gBAAgB,QAAQ,EAAE,aAAa,KAAK,CAAC;AAE3E,MAAI,CAAC,OAAO,IAAI;AACd,UAAM,IAAI,MAAM,yCAAyC,KAAK,UAAU,OAAO,MAAM,CAAC,EAAE;AAAA,EAC1F;AAEA,QAAM,MAAM,GAAG,gBAAgB,GAAG,cAAc,IAAI,EAAE,QAAQ,oBAAI,IAAI,GAAG,SAAS,oBAAI,IAAI,EAAE;AAC5F,QAAM,GAAG,QAAQ,OAAO,KAAK,GAAG;AAClC;AAGA,IAAI,eAAe,GAAG;AACpB,oBAAkB,EAAE,MAAM,QAAQ,KAAK;AACzC;AAEA,IAAO,oBAAQ;AAAA,EACb,QAAQ,gBAAgB;AAAA,EACxB,UAAU;AAAA,EACV,UAAU;AACZ;","names":[]}

package/dist/behaviors/resizable.d.cts

@@ -1,9 +1,10 @@
-import { b as BehaviorSchema, L as LokaScriptInstance } from '../types-BY-jB5FV.cjs';
+import { B as BehaviorSchema, L as LokaScriptInstance } from '../types-DCCtVQS5.cjs';
 
 declare const resizableSource: string;
 declare const resizableMetadata: BehaviorSchema;
 /**
- * Register the Resizable behavior with LokaScript.
+ * Register the Resizable behavior with LokaScript by compiling its hyperscript
+ * source and executing the resulting behavior definition.
  */
 declare function registerResizable(hyperfixi?: LokaScriptInstance): Promise<void>;
 declare const _default: {

package/dist/behaviors/resizable.d.ts

@@ -1,9 +1,10 @@
-import { b as BehaviorSchema, L as LokaScriptInstance } from '../types-BY-jB5FV.js';
+import { B as BehaviorSchema, L as LokaScriptInstance } from '../types-DCCtVQS5.js';
 
 declare const resizableSource: string;
 declare const resizableMetadata: BehaviorSchema;
 /**
- * Register the Resizable behavior with LokaScript.
+ * Register the Resizable behavior with LokaScript by compiling its hyperscript
+ * source and executing the resulting behavior definition.
  */
 declare function registerResizable(hyperfixi?: LokaScriptInstance): Promise<void>;
 declare const _default: {

package/dist/behaviors/resizable.js

@@ -3,8 +3,8 @@ import {
   resizableMetadata,
   resizableSource,
   resizable_default
-} from "../chunk-IT6TYVMW.js";
-import "../chunk-ZBSWTV6I.js";
+} from "../chunk-7NGOA3T5.js";
+import "../chunk-5LFOFVZ3.js";
 import "../chunk-6TJXDCAQ.js";
 export {
   resizable_default as default,