@hyperfixi/behaviors 2.0.0 → 2.1.0

package/dist/behaviors/tabs.cjs

@@ -0,0 +1,247 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/behaviors/tabs.ts
+var tabs_exports = {};
+__export(tabs_exports, {
+  default: () => tabs_default,
+  registerTabs: () => registerTabs,
+  tabsMetadata: () => tabsMetadata,
+  tabsSource: () => tabsSource
+});
+module.exports = __toCommonJS(tabs_exports);
+
+// src/schemas/tabs.schema.ts
+var tabsSchema = {
+  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: true,
+      default: "horizontal",
+      enum: ["horizontal", "vertical"],
+      description: "Arrow key direction: horizontal (Left/Right) or vertical (Up/Down)"
+    },
+    {
+      name: "activeTab",
+      type: "number",
+      optional: true,
+      default: 0,
+      description: "Initial active tab index (zero-based)"
+    },
+    {
+      name: "wrap",
+      type: "boolean",
+      optional: true,
+      default: true,
+      description: "Wrap to first/last tab when navigating past the end"
+    },
+    {
+      name: "activeClass",
+      type: "string",
+      optional: true,
+      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 set orientation to "horizontal"',
+    "    if activeTab is undefined set activeTab to 0",
+    "    if wrap is undefined set wrap to true",
+    '    if activeClass is undefined set activeClass to "active"',
+    "  end",
+    "  -- Imperative installer handles ARIA wiring and keyboard navigation",
+    "end"
+  ].join("\n")
+};
+
+// src/schemas/types.ts
+function resolveRuntime() {
+  if (typeof window === "undefined") return null;
+  const win = window;
+  return win.lokascript || win.hyperfixi || null;
+}
+
+// src/behaviors/tabs.ts
+var tabsSource = tabsSchema.source;
+var tabsMetadata = tabsSchema;
+var idCounter = 0;
+function ensureId(el, prefix) {
+  if (!el.id) {
+    el.id = `${prefix}-${++idCounter}`;
+  }
+  return el.id;
+}
+function installTabs(element, params) {
+  const orientation = params.orientation === "vertical" ? "vertical" : "horizontal";
+  const wrap = params.wrap !== false;
+  const activeClass = params.activeClass || "active";
+  const initialIndex = typeof params.activeTab === "number" ? params.activeTab : 0;
+  const tabs = Array.from(element.querySelectorAll('[role="tab"]'));
+  const panels = Array.from(element.querySelectorAll('[role="tabpanel"]'));
+  if (tabs.length === 0 || panels.length === 0) return;
+  const tablist = element.querySelector('[role="tablist"]') || tabs[0].parentElement;
+  if (tablist && !tablist.getAttribute("role")) {
+    tablist.setAttribute("role", "tablist");
+  }
+  if (tablist) {
+    tablist.setAttribute("aria-orientation", orientation);
+  }
+  const count = Math.min(tabs.length, panels.length);
+  for (let i = 0; i < count; i++) {
+    const tabId = ensureId(tabs[i], "tab");
+    const panelId = ensureId(panels[i], "tabpanel");
+    tabs[i].setAttribute("aria-controls", panelId);
+    panels[i].setAttribute("aria-labelledby", tabId);
+  }
+  let currentIndex = -1;
+  function selectTab(index, previousIndex) {
+    if (index === previousIndex || index < 0 || index >= count) return false;
+    const detail = {
+      tab: tabs[index],
+      panel: panels[index],
+      index,
+      previousIndex
+    };
+    const changeEvent = new CustomEvent("tabs:change", {
+      bubbles: true,
+      cancelable: true,
+      detail
+    });
+    element.dispatchEvent(changeEvent);
+    if (changeEvent.defaultPrevented) return false;
+    if (previousIndex >= 0 && previousIndex < count) {
+      tabs[previousIndex].setAttribute("aria-selected", "false");
+      tabs[previousIndex].setAttribute("tabindex", "-1");
+      tabs[previousIndex].classList.remove(activeClass);
+      panels[previousIndex].setAttribute("aria-hidden", "true");
+      panels[previousIndex].classList.remove(activeClass);
+    }
+    tabs[index].setAttribute("aria-selected", "true");
+    tabs[index].setAttribute("tabindex", "0");
+    tabs[index].classList.add(activeClass);
+    panels[index].setAttribute("aria-hidden", "false");
+    panels[index].classList.add(activeClass);
+    currentIndex = index;
+    element.dispatchEvent(new CustomEvent("tabs:changed", { bubbles: true, detail }));
+    return true;
+  }
+  for (let i = 0; i < count; i++) {
+    tabs[i].setAttribute("aria-selected", "false");
+    tabs[i].setAttribute("tabindex", "-1");
+    tabs[i].classList.remove(activeClass);
+    panels[i].setAttribute("aria-hidden", "true");
+    panels[i].classList.remove(activeClass);
+  }
+  const clamped = Math.max(0, Math.min(initialIndex, count - 1));
+  tabs[clamped].setAttribute("aria-selected", "true");
+  tabs[clamped].setAttribute("tabindex", "0");
+  tabs[clamped].classList.add(activeClass);
+  panels[clamped].setAttribute("aria-hidden", "false");
+  panels[clamped].classList.add(activeClass);
+  currentIndex = clamped;
+  for (let i = 0; i < count; i++) {
+    tabs[i].addEventListener("click", () => {
+      selectTab(i, currentIndex);
+      tabs[i].focus();
+    });
+  }
+  const keyTarget = tablist || element;
+  keyTarget.addEventListener("keydown", (e) => {
+    const isHorizontal = orientation === "horizontal";
+    const nextKey = isHorizontal ? "ArrowRight" : "ArrowDown";
+    const prevKey = isHorizontal ? "ArrowLeft" : "ArrowUp";
+    let nextIndex = null;
+    if (e.key === nextKey) {
+      nextIndex = currentIndex + 1;
+      if (nextIndex >= count) nextIndex = wrap ? 0 : null;
+    } else if (e.key === prevKey) {
+      nextIndex = currentIndex - 1;
+      if (nextIndex < 0) nextIndex = wrap ? count - 1 : null;
+    } else if (e.key === "Home") {
+      nextIndex = 0;
+    } else if (e.key === "End") {
+      nextIndex = count - 1;
+    }
+    if (nextIndex !== null) {
+      e.preventDefault();
+      if (selectTab(nextIndex, currentIndex)) {
+        tabs[nextIndex].focus();
+      }
+    }
+  });
+  element.addEventListener("tabs:select", ((e) => {
+    const index = e.detail?.index;
+    if (typeof index === "number") {
+      selectTab(index, currentIndex);
+    }
+  }));
+}
+async function registerTabs(hyperfixi) {
+  const hf = hyperfixi || resolveRuntime();
+  if (!hf) {
+    throw new Error(
+      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
+    );
+  }
+  const syntheticNode = {
+    type: "behavior",
+    name: "Tabs",
+    parameters: ["orientation", "activeTab", "wrap", "activeClass"],
+    eventHandlers: [],
+    imperativeInstaller: installTabs
+  };
+  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
+  await hf.execute(syntheticNode, ctx);
+}
+if (resolveRuntime()) {
+  registerTabs().catch(console.error);
+}
+var tabs_default = {
+  source: tabsSchema.source,
+  metadata: tabsSchema,
+  register: registerTabs
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  registerTabs,
+  tabsMetadata,
+  tabsSource
+});
+//# sourceMappingURL=tabs.cjs.map

package/dist/behaviors/tabs.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/behaviors/tabs.ts","../../src/schemas/tabs.schema.ts","../../src/schemas/types.ts"],"sourcesContent":["/**\n * Tabs Behavior — Imperative Implementation\n *\n * WAI-ARIA compliant tabs with roving tabindex keyboard navigation.\n * Auto-wires role, aria-selected, aria-controls, and aria-labelledby.\n */\n\nimport { tabsSchema } from '../schemas/tabs.schema';\nimport type { LokaScriptInstance } from '../schemas/types';\nimport { resolveRuntime } from '../schemas/types';\n\nexport const tabsSource = tabsSchema.source;\nexport const tabsMetadata = tabsSchema;\n\nlet idCounter = 0;\n\nfunction ensureId(el: HTMLElement, prefix: string): string {\n  if (!el.id) {\n    el.id = `${prefix}-${++idCounter}`;\n  }\n  return el.id;\n}\n\n/**\n * Imperative installer for Tabs behavior.\n */\nfunction installTabs(element: HTMLElement, params: Record<string, any>): void {\n  const orientation = params.orientation === 'vertical' ? 'vertical' : 'horizontal';\n  const wrap = params.wrap !== false;\n  const activeClass = (params.activeClass as string) || 'active';\n  const initialIndex = typeof params.activeTab === 'number' ? params.activeTab : 0;\n\n  // Discover tabs and panels\n  const tabs = Array.from(element.querySelectorAll<HTMLElement>('[role=\"tab\"]'));\n  const panels = Array.from(element.querySelectorAll<HTMLElement>('[role=\"tabpanel\"]'));\n\n  if (tabs.length === 0 || panels.length === 0) return;\n\n  // Find or mark the tablist\n  const tablist = element.querySelector<HTMLElement>('[role=\"tablist\"]') || tabs[0].parentElement;\n  if (tablist && !tablist.getAttribute('role')) {\n    tablist.setAttribute('role', 'tablist');\n  }\n  if (tablist) {\n    tablist.setAttribute('aria-orientation', orientation);\n  }\n\n  // Wire IDs, aria-controls, aria-labelledby\n  const count = Math.min(tabs.length, panels.length);\n  for (let i = 0; i < count; i++) {\n    const tabId = ensureId(tabs[i], 'tab');\n    const panelId = ensureId(panels[i], 'tabpanel');\n    tabs[i].setAttribute('aria-controls', panelId);\n    panels[i].setAttribute('aria-labelledby', tabId);\n  }\n\n  let currentIndex = -1;\n\n  function selectTab(index: number, previousIndex: number): boolean {\n    if (index === previousIndex || index < 0 || index >= count) return false;\n\n    const detail = {\n      tab: tabs[index],\n      panel: panels[index],\n      index,\n      previousIndex,\n    };\n\n    // Cancelable before-event\n    const changeEvent = new CustomEvent('tabs:change', {\n      bubbles: true,\n      cancelable: true,\n      detail,\n    });\n    element.dispatchEvent(changeEvent);\n    if (changeEvent.defaultPrevented) return false;\n\n    // Deactivate previous\n    if (previousIndex >= 0 && previousIndex < count) {\n      tabs[previousIndex].setAttribute('aria-selected', 'false');\n      tabs[previousIndex].setAttribute('tabindex', '-1');\n      tabs[previousIndex].classList.remove(activeClass);\n      panels[previousIndex].setAttribute('aria-hidden', 'true');\n      panels[previousIndex].classList.remove(activeClass);\n    }\n\n    // Activate new\n    tabs[index].setAttribute('aria-selected', 'true');\n    tabs[index].setAttribute('tabindex', '0');\n    tabs[index].classList.add(activeClass);\n    panels[index].setAttribute('aria-hidden', 'false');\n    panels[index].classList.add(activeClass);\n\n    currentIndex = index;\n\n    element.dispatchEvent(new CustomEvent('tabs:changed', { bubbles: true, detail }));\n    return true;\n  }\n\n  // Initialize all tabs as inactive, then activate initial\n  for (let i = 0; i < count; i++) {\n    tabs[i].setAttribute('aria-selected', 'false');\n    tabs[i].setAttribute('tabindex', '-1');\n    tabs[i].classList.remove(activeClass);\n    panels[i].setAttribute('aria-hidden', 'true');\n    panels[i].classList.remove(activeClass);\n  }\n\n  const clamped = Math.max(0, Math.min(initialIndex, count - 1));\n  // Directly activate without firing change event on init\n  tabs[clamped].setAttribute('aria-selected', 'true');\n  tabs[clamped].setAttribute('tabindex', '0');\n  tabs[clamped].classList.add(activeClass);\n  panels[clamped].setAttribute('aria-hidden', 'false');\n  panels[clamped].classList.add(activeClass);\n  currentIndex = clamped;\n\n  // Click handler\n  for (let i = 0; i < count; i++) {\n    tabs[i].addEventListener('click', () => {\n      selectTab(i, currentIndex);\n      tabs[i].focus();\n    });\n  }\n\n  // Keyboard handler on tablist\n  const keyTarget = tablist || element;\n  keyTarget.addEventListener('keydown', (e: KeyboardEvent) => {\n    const isHorizontal = orientation === 'horizontal';\n    const nextKey = isHorizontal ? 'ArrowRight' : 'ArrowDown';\n    const prevKey = isHorizontal ? 'ArrowLeft' : 'ArrowUp';\n\n    let nextIndex: number | null = null;\n\n    if (e.key === nextKey) {\n      nextIndex = currentIndex + 1;\n      if (nextIndex >= count) nextIndex = wrap ? 0 : null;\n    } else if (e.key === prevKey) {\n      nextIndex = currentIndex - 1;\n      if (nextIndex < 0) nextIndex = wrap ? count - 1 : null;\n    } else if (e.key === 'Home') {\n      nextIndex = 0;\n    } else if (e.key === 'End') {\n      nextIndex = count - 1;\n    }\n\n    if (nextIndex !== null) {\n      e.preventDefault();\n      if (selectTab(nextIndex, currentIndex)) {\n        tabs[nextIndex].focus();\n      }\n    }\n  });\n\n  // Programmatic tab selection\n  element.addEventListener('tabs:select', ((e: CustomEvent) => {\n    const index = e.detail?.index;\n    if (typeof index === 'number') {\n      selectTab(index, currentIndex);\n    }\n  }) as EventListener);\n}\n\n/**\n * Register the Tabs behavior with LokaScript.\n */\nexport async function registerTabs(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: 'Tabs',\n    parameters: ['orientation', 'activeTab', 'wrap', 'activeClass'],\n    eventHandlers: [],\n    imperativeInstaller: installTabs,\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  registerTabs().catch(console.error);\n}\n\nexport default {\n  source: tabsSchema.source,\n  metadata: tabsSchema,\n  register: registerTabs,\n};\n","import type { BehaviorSchema } from './types';\n\nexport const tabsSchema: BehaviorSchema = {\n  name: 'Tabs',\n  category: 'ui',\n  tier: 'core',\n  version: '1.0.0',\n  description:\n    'WAI-ARIA compliant tabs with roving tabindex keyboard navigation. ' +\n    'Auto-wires role, aria-selected, aria-controls, and aria-labelledby attributes.',\n  parameters: [\n    {\n      name: 'orientation',\n      type: 'string',\n      optional: true,\n      default: 'horizontal',\n      enum: ['horizontal', 'vertical'],\n      description: 'Arrow key direction: horizontal (Left/Right) or vertical (Up/Down)',\n    },\n    {\n      name: 'activeTab',\n      type: 'number',\n      optional: true,\n      default: 0,\n      description: 'Initial active tab index (zero-based)',\n    },\n    {\n      name: 'wrap',\n      type: 'boolean',\n      optional: true,\n      default: true,\n      description: 'Wrap to first/last tab when navigating past the end',\n    },\n    {\n      name: 'activeClass',\n      type: 'string',\n      optional: true,\n      default: 'active',\n      description: 'CSS class applied to the active tab and its panel',\n    },\n  ],\n  events: [\n    {\n      name: 'tabs:change',\n      description: 'Fired before tab selection changes (cancelable via preventDefault)',\n    },\n    { name: 'tabs:changed', description: 'Fired after tab selection has changed' },\n  ],\n  requirements: [\n    'Sets role=\"tablist\" on the tab container',\n    'Sets role=\"tab\" on tab buttons and role=\"tabpanel\" on content panels',\n    'Manages aria-selected, aria-controls, aria-labelledby, and tabindex',\n    'Keyboard: Arrow keys navigate, Home/End jump to first/last, Tab exits tablist',\n  ],\n  source: [\n    'behavior Tabs(orientation, activeTab, wrap, activeClass)',\n    '  init',\n    '    if orientation is undefined set orientation to \"horizontal\"',\n    '    if activeTab is undefined set activeTab to 0',\n    '    if wrap is undefined set wrap to true',\n    '    if activeClass is undefined set activeClass to \"active\"',\n    '  end',\n    '  -- Imperative installer handles ARIA wiring and keyboard navigation',\n    'end',\n  ].join('\\n'),\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":[]}

package/dist/behaviors/tabs.d.cts

@@ -0,0 +1,15 @@
+import { B as BehaviorSchema, L as LokaScriptInstance } from '../types-DCCtVQS5.cjs';
+
+declare const tabsSource: string;
+declare const tabsMetadata: BehaviorSchema;
+/**
+ * Register the Tabs behavior with LokaScript.
+ */
+declare function registerTabs(hyperfixi?: LokaScriptInstance): Promise<void>;
+declare const _default: {
+    source: string;
+    metadata: BehaviorSchema;
+    register: typeof registerTabs;
+};
+
+export { _default as default, registerTabs, tabsMetadata, tabsSource };

package/dist/behaviors/tabs.d.ts

@@ -0,0 +1,15 @@
+import { B as BehaviorSchema, L as LokaScriptInstance } from '../types-DCCtVQS5.js';
+
+declare const tabsSource: string;
+declare const tabsMetadata: BehaviorSchema;
+/**
+ * Register the Tabs behavior with LokaScript.
+ */
+declare function registerTabs(hyperfixi?: LokaScriptInstance): Promise<void>;
+declare const _default: {
+    source: string;
+    metadata: BehaviorSchema;
+    register: typeof registerTabs;
+};
+
+export { _default as default, registerTabs, tabsMetadata, tabsSource };

package/dist/behaviors/tabs.js

@@ -0,0 +1,15 @@
+import {
+  registerTabs,
+  tabsMetadata,
+  tabsSource,
+  tabs_default
+} from "../chunk-JKBWIJFI.js";
+import "../chunk-GVJPA2EK.js";
+import "../chunk-6TJXDCAQ.js";
+export {
+  tabs_default as default,
+  registerTabs,
+  tabsMetadata,
+  tabsSource
+};
+//# sourceMappingURL=tabs.js.map

package/dist/behaviors/tabs.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/behaviors/toggleable.cjs

@@ -71,24 +71,53 @@ end
 `.trim()
 };
 
+// src/schemas/types.ts
+function resolveRuntime() {
+  if (typeof window === "undefined") return null;
+  const win = window;
+  return win.lokascript || win.hyperfixi || null;
+}
+
 // src/behaviors/toggleable.ts
 var toggleableSource = toggleableSchema.source;
 var toggleableMetadata = toggleableSchema;
+function installToggleable(element, params) {
+  const cls = params.cls || "active";
+  let targetEl = element;
+  if (params.target && params.target !== "me") {
+    if (typeof params.target === "string") {
+      const found = document.querySelector(params.target);
+      if (found instanceof HTMLElement) targetEl = found;
+    } else if (params.target instanceof HTMLElement) {
+      targetEl = params.target;
+    }
+  }
+  element.addEventListener("click", () => {
+    const wasOn = targetEl.classList.contains(cls);
+    targetEl.classList.toggle(cls);
+    targetEl.dispatchEvent(
+      new CustomEvent(wasOn ? "toggleable:off" : "toggleable:on", { bubbles: true })
+    );
+  });
+}
 async function registerToggleable(hyperfixi) {
-  const hf = hyperfixi || (typeof window !== "undefined" ? window.lokascript : null);
+  const hf = hyperfixi || resolveRuntime();
   if (!hf) {
     throw new Error(
       "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
     );
   }
-  const result = hf.compileSync(toggleableSchema.source, { traditional: true });
-  if (!result.ok) {
-    throw new Error(`Failed to compile Toggleable behavior: ${JSON.stringify(result.errors)}`);
-  }
+  const syntheticNode = {
+    type: "behavior",
+    name: "Toggleable",
+    parameters: ["cls", "target"],
+    eventHandlers: [],
+    imperativeInstaller: installToggleable
+  };
   const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
-  await hf.execute(result.ast, ctx);
+  await hf.execute(syntheticNode, ctx);
 }
-if (typeof window !== "undefined" && window.lokascript) {
+if (resolveRuntime()) {
   registerToggleable().catch(console.error);
 }
 var toggleable_default = {

package/dist/behaviors/toggleable.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/behaviors/toggleable.ts","../../src/schemas/toggleable.schema.ts"],"sourcesContent":["/**\n * Toggleable Behavior\n *\n * A behavior that toggles a CSS class on click.\n * Useful for accordions, dropdowns, and toggle buttons.\n *\n * @example\n * ```html\n * <button _=\"install Toggleable\">Toggle</button>\n *\n * <button _=\"install Toggleable(cls: expanded, target: #menu)\">Menu</button>\n * ```\n */\n\nimport { toggleableSchema } from '../schemas/toggleable.schema';\nimport type { LokaScriptInstance, LokaScriptWindow } from '../schemas/types';\n\n// Re-export schema-derived values for backwards compatibility\nexport const toggleableSource = toggleableSchema.source;\nexport const toggleableMetadata = toggleableSchema;\n\n/**\n * Register the Toggleable behavior with LokaScript.\n */\nexport async function registerToggleable(hyperfixi?: LokaScriptInstance): Promise<void> {\n  const hf =\n    hyperfixi ||\n    (typeof window !== 'undefined' ? (window as unknown as LokaScriptWindow).lokascript : null);\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(toggleableSchema.source, { traditional: true });\n\n  if (!result.ok) {\n    throw new Error(`Failed to compile Toggleable 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 (typeof window !== 'undefined' && (window as unknown as LokaScriptWindow).lokascript) {\n  registerToggleable().catch(console.error);\n}\n\nexport default {\n  source: toggleableSchema.source,\n  metadata: toggleableSchema,\n  register: registerToggleable,\n};\n","import type { BehaviorSchema } from './types';\n\n/**\n * Toggleable Behavior Schema\n *\n * Toggles a CSS class on click.\n * Useful for accordions, dropdowns, and toggle buttons.\n */\nexport const toggleableSchema: BehaviorSchema = {\n  name: 'Toggleable',\n  category: 'form',\n  tier: 'core',\n  version: '1.0.0',\n  description: 'Toggles a CSS class on click',\n  parameters: [\n    {\n      name: 'cls',\n      type: 'string',\n      optional: true,\n      default: 'active',\n      description: 'CSS class to toggle',\n    },\n    {\n      name: 'target',\n      type: 'selector',\n      optional: true,\n      default: 'me',\n      description: 'Element to toggle the class on',\n    },\n  ],\n  events: [\n    { name: 'toggleable:on', description: 'Fired when class is added' },\n    { name: 'toggleable:off', description: 'Fired when class is removed' },\n  ],\n  source: `\nbehavior Toggleable(cls, target)\n  init\n    if cls is undefined\n      set cls to \"active\"\n    end\n    if target is undefined\n      set target to me\n    end\n  end\n  on click\n    toggle .{cls} on target\n  end\nend\n`.trim(),\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACQO,IAAM,mBAAmC;AAAA,EAC9C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,iBAAiB,aAAa,4BAA4B;AAAA,IAClE,EAAE,MAAM,kBAAkB,aAAa,8BAA8B;AAAA,EACvE;AAAA,EACA,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcR,KAAK;AACP;;;AD/BO,IAAM,mBAAmB,iBAAiB;AAC1C,IAAM,qBAAqB;AAKlC,eAAsB,mBAAmB,WAA+C;AACtF,QAAM,KACJ,cACC,OAAO,WAAW,cAAe,OAAuC,aAAa;AAExF,MAAI,CAAC,IAAI;AACP,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,QAAM,SAAS,GAAG,YAAY,iBAAiB,QAAQ,EAAE,aAAa,KAAK,CAAC;AAE5E,MAAI,CAAC,OAAO,IAAI;AACd,UAAM,IAAI,MAAM,0CAA0C,KAAK,UAAU,OAAO,MAAM,CAAC,EAAE;AAAA,EAC3F;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,OAAO,WAAW,eAAgB,OAAuC,YAAY;AACvF,qBAAmB,EAAE,MAAM,QAAQ,KAAK;AAC1C;AAEA,IAAO,qBAAQ;AAAA,EACb,QAAQ,iBAAiB;AAAA,EACzB,UAAU;AAAA,EACV,UAAU;AACZ;","names":[]}
+{"version":3,"sources":["../../src/behaviors/toggleable.ts","../../src/schemas/toggleable.schema.ts","../../src/schemas/types.ts"],"sourcesContent":["/**\n * Toggleable Behavior — Imperative Implementation\n *\n * A behavior that toggles a CSS class on click.\n * Useful for accordions, dropdowns, and toggle buttons.\n *\n * Uses direct DOM APIs instead of compiling hyperscript source,\n * because `toggle .{cls}` template interpolation doesn't resolve\n * behavior parameters at runtime.\n *\n * @example\n * ```html\n * <button _=\"install Toggleable\">Toggle</button>\n *\n * <button _=\"install Toggleable(cls: expanded, target: #menu)\">Menu</button>\n * ```\n */\n\nimport { toggleableSchema } from '../schemas/toggleable.schema';\nimport type { LokaScriptInstance } from '../schemas/types';\nimport { resolveRuntime } from '../schemas/types';\n\n// Re-export schema-derived values for backwards compatibility\nexport const toggleableSource = toggleableSchema.source;\nexport const toggleableMetadata = toggleableSchema;\n\n/**\n * Imperative installer for Toggleable behavior.\n * Called directly by the runtime when `install Toggleable` is executed.\n */\nfunction installToggleable(element: HTMLElement, params: Record<string, any>): void {\n  const cls = params.cls || 'active';\n\n  // Resolve target element\n  let targetEl: HTMLElement = element;\n  if (params.target && params.target !== 'me') {\n    if (typeof params.target === 'string') {\n      const found = document.querySelector(params.target);\n      if (found instanceof HTMLElement) targetEl = found;\n    } else if (params.target instanceof HTMLElement) {\n      targetEl = params.target;\n    }\n  }\n\n  element.addEventListener('click', () => {\n    const wasOn = targetEl.classList.contains(cls);\n    targetEl.classList.toggle(cls);\n    targetEl.dispatchEvent(\n      new CustomEvent(wasOn ? 'toggleable:off' : 'toggleable:on', { bubbles: true })\n    );\n  });\n}\n\n/**\n * Register the Toggleable behavior with LokaScript.\n * Uses imperative installer via synthetic behavior node.\n */\nexport async function registerToggleable(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: 'Toggleable',\n    parameters: ['cls', 'target'],\n    eventHandlers: [],\n    imperativeInstaller: installToggleable,\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  registerToggleable().catch(console.error);\n}\n\nexport default {\n  source: toggleableSchema.source,\n  metadata: toggleableSchema,\n  register: registerToggleable,\n};\n","import type { BehaviorSchema } from './types';\n\n/**\n * Toggleable Behavior Schema\n *\n * Toggles a CSS class on click.\n * Useful for accordions, dropdowns, and toggle buttons.\n */\nexport const toggleableSchema: BehaviorSchema = {\n  name: 'Toggleable',\n  category: 'form',\n  tier: 'core',\n  version: '1.0.0',\n  description: 'Toggles a CSS class on click',\n  parameters: [\n    {\n      name: 'cls',\n      type: 'string',\n      optional: true,\n      default: 'active',\n      description: 'CSS class to toggle',\n    },\n    {\n      name: 'target',\n      type: 'selector',\n      optional: true,\n      default: 'me',\n      description: 'Element to toggle the class on',\n    },\n  ],\n  events: [\n    { name: 'toggleable:on', description: 'Fired when class is added' },\n    { name: 'toggleable:off', description: 'Fired when class is removed' },\n  ],\n  source: `\nbehavior Toggleable(cls, target)\n  init\n    if cls is undefined\n      set cls to \"active\"\n    end\n    if target is undefined\n      set target to me\n    end\n  end\n  on click\n    toggle .{cls} on target\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,mBAAmC;AAAA,EAC9C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,iBAAiB,aAAa,4BAA4B;AAAA,IAClE,EAAE,MAAM,kBAAkB,aAAa,8BAA8B;AAAA,EACvE;AAAA,EACA,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcR,KAAK;AACP;;;ACiEO,SAAS,iBAA4C;AAC1D,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,MAAM;AACZ,SAAO,IAAI,cAAc,IAAI,aAAa;AAC5C;;;AF/FO,IAAM,mBAAmB,iBAAiB;AAC1C,IAAM,qBAAqB;AAMlC,SAAS,kBAAkB,SAAsB,QAAmC;AAClF,QAAM,MAAM,OAAO,OAAO;AAG1B,MAAI,WAAwB;AAC5B,MAAI,OAAO,UAAU,OAAO,WAAW,MAAM;AAC3C,QAAI,OAAO,OAAO,WAAW,UAAU;AACrC,YAAM,QAAQ,SAAS,cAAc,OAAO,MAAM;AAClD,UAAI,iBAAiB,YAAa,YAAW;AAAA,IAC/C,WAAW,OAAO,kBAAkB,aAAa;AAC/C,iBAAW,OAAO;AAAA,IACpB;AAAA,EACF;AAEA,UAAQ,iBAAiB,SAAS,MAAM;AACtC,UAAM,QAAQ,SAAS,UAAU,SAAS,GAAG;AAC7C,aAAS,UAAU,OAAO,GAAG;AAC7B,aAAS;AAAA,MACP,IAAI,YAAY,QAAQ,mBAAmB,iBAAiB,EAAE,SAAS,KAAK,CAAC;AAAA,IAC/E;AAAA,EACF,CAAC;AACH;AAMA,eAAsB,mBAAmB,WAA+C;AACtF,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,OAAO,QAAQ;AAAA,IAC5B,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,qBAAmB,EAAE,MAAM,QAAQ,KAAK;AAC1C;AAEA,IAAO,qBAAQ;AAAA,EACb,QAAQ,iBAAiB;AAAA,EACzB,UAAU;AAAA,EACV,UAAU;AACZ;","names":[]}

package/dist/behaviors/toggleable.d.cts

@@ -1,9 +1,10 @@
-import { a as BehaviorSchema, L as LokaScriptInstance } from '../types-CCc_2wAb.cjs';
+import { B as BehaviorSchema, L as LokaScriptInstance } from '../types-DCCtVQS5.cjs';
 
 declare const toggleableSource: string;
 declare const toggleableMetadata: BehaviorSchema;
 /**
  * Register the Toggleable behavior with LokaScript.
+ * Uses imperative installer via synthetic behavior node.
  */
 declare function registerToggleable(hyperfixi?: LokaScriptInstance): Promise<void>;
 declare const _default: {

package/dist/behaviors/toggleable.d.ts

@@ -1,9 +1,10 @@
-import { a as BehaviorSchema, L as LokaScriptInstance } from '../types-CCc_2wAb.js';
+import { B as BehaviorSchema, L as LokaScriptInstance } from '../types-DCCtVQS5.js';
 
 declare const toggleableSource: string;
 declare const toggleableMetadata: BehaviorSchema;
 /**
  * Register the Toggleable behavior with LokaScript.
+ * Uses imperative installer via synthetic behavior node.
  */
 declare function registerToggleable(hyperfixi?: LokaScriptInstance): Promise<void>;
 declare const _default: {

package/dist/behaviors/toggleable.js

@@ -3,8 +3,9 @@ import {
   toggleableMetadata,
   toggleableSource,
   toggleable_default
-} from "../chunk-3Q652JQB.js";
+} from "../chunk-YHQRFUWV.js";
 import "../chunk-WUHHMDAA.js";
+import "../chunk-6TJXDCAQ.js";
 export {
   toggleable_default as default,
   registerToggleable,

package/dist/chunk-244WSZOL.js

@@ -0,0 +1,67 @@
+import {
+  scrollRevealSchema
+} from "./chunk-GPTHAUWN.js";
+import {
+  resolveRuntime
+} from "./chunk-6TJXDCAQ.js";
+
+// src/behaviors/scrollreveal.ts
+var scrollRevealSource = scrollRevealSchema.source;
+var scrollRevealMetadata = scrollRevealSchema;
+function installScrollReveal(element, params) {
+  const cls = typeof params.cls === "string" ? params.cls : "revealed";
+  const threshold = typeof params.threshold === "number" ? params.threshold : 0.1;
+  const once = params.once !== false;
+  const rootMargin = typeof params.rootMargin === "string" ? params.rootMargin : "0px";
+  const observer = new IntersectionObserver(
+    (entries) => {
+      for (const entry of entries) {
+        if (entry.isIntersecting) {
+          element.classList.add(cls);
+          element.dispatchEvent(new CustomEvent("scrollreveal:enter", { bubbles: true }));
+          if (once) {
+            observer.disconnect();
+          }
+        } else if (!once) {
+          element.classList.remove(cls);
+          element.dispatchEvent(new CustomEvent("scrollreveal:exit", { bubbles: true }));
+        }
+      }
+    },
+    { threshold, rootMargin }
+  );
+  observer.observe(element);
+}
+async function registerScrollReveal(hyperfixi) {
+  const hf = hyperfixi || resolveRuntime();
+  if (!hf) {
+    throw new Error(
+      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
+    );
+  }
+  const syntheticNode = {
+    type: "behavior",
+    name: "ScrollReveal",
+    parameters: ["cls", "threshold", "once", "rootMargin"],
+    eventHandlers: [],
+    imperativeInstaller: installScrollReveal
+  };
+  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
+  await hf.execute(syntheticNode, ctx);
+}
+if (resolveRuntime()) {
+  registerScrollReveal().catch(console.error);
+}
+var scrollreveal_default = {
+  source: scrollRevealSchema.source,
+  metadata: scrollRevealSchema,
+  register: registerScrollReveal
+};
+
+export {
+  scrollRevealSource,
+  scrollRevealMetadata,
+  registerScrollReveal,
+  scrollreveal_default
+};
+//# sourceMappingURL=chunk-244WSZOL.js.map

package/dist/chunk-244WSZOL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/behaviors/scrollreveal.ts"],"sourcesContent":["/**\n * ScrollReveal Behavior — Imperative Implementation\n *\n * Adds a class or fires events when the element enters or exits the viewport.\n * Uses the IntersectionObserver web standard API.\n */\n\nimport { scrollRevealSchema } from '../schemas/scrollreveal.schema';\nimport type { LokaScriptInstance } from '../schemas/types';\nimport { resolveRuntime } from '../schemas/types';\n\n// Re-export schema-derived values\nexport const scrollRevealSource = scrollRevealSchema.source;\nexport const scrollRevealMetadata = scrollRevealSchema;\n\n/**\n * Imperative installer for ScrollReveal behavior.\n */\nfunction installScrollReveal(element: HTMLElement, params: Record<string, any>): void {\n  const cls = typeof params.cls === 'string' ? params.cls : 'revealed';\n  const threshold = typeof params.threshold === 'number' ? params.threshold : 0.1;\n  const once = params.once !== false;\n  const rootMargin = typeof params.rootMargin === 'string' ? params.rootMargin : '0px';\n\n  const observer = new IntersectionObserver(\n    entries => {\n      for (const entry of entries) {\n        if (entry.isIntersecting) {\n          element.classList.add(cls);\n          element.dispatchEvent(new CustomEvent('scrollreveal:enter', { bubbles: true }));\n          if (once) {\n            observer.disconnect();\n          }\n        } else if (!once) {\n          element.classList.remove(cls);\n          element.dispatchEvent(new CustomEvent('scrollreveal:exit', { bubbles: true }));\n        }\n      }\n    },\n    { threshold, rootMargin }\n  );\n\n  observer.observe(element);\n}\n\n/**\n * Register the ScrollReveal behavior with LokaScript.\n */\nexport async function registerScrollReveal(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: 'ScrollReveal',\n    parameters: ['cls', 'threshold', 'once', 'rootMargin'],\n    eventHandlers: [],\n    imperativeInstaller: installScrollReveal,\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  registerScrollReveal().catch(console.error);\n}\n\nexport default {\n  source: scrollRevealSchema.source,\n  metadata: scrollRevealSchema,\n  register: registerScrollReveal,\n};\n"],"mappings":";;;;;;;;AAYO,IAAM,qBAAqB,mBAAmB;AAC9C,IAAM,uBAAuB;AAKpC,SAAS,oBAAoB,SAAsB,QAAmC;AACpF,QAAM,MAAM,OAAO,OAAO,QAAQ,WAAW,OAAO,MAAM;AAC1D,QAAM,YAAY,OAAO,OAAO,cAAc,WAAW,OAAO,YAAY;AAC5E,QAAM,OAAO,OAAO,SAAS;AAC7B,QAAM,aAAa,OAAO,OAAO,eAAe,WAAW,OAAO,aAAa;AAE/E,QAAM,WAAW,IAAI;AAAA,IACnB,aAAW;AACT,iBAAW,SAAS,SAAS;AAC3B,YAAI,MAAM,gBAAgB;AACxB,kBAAQ,UAAU,IAAI,GAAG;AACzB,kBAAQ,cAAc,IAAI,YAAY,sBAAsB,EAAE,SAAS,KAAK,CAAC,CAAC;AAC9E,cAAI,MAAM;AACR,qBAAS,WAAW;AAAA,UACtB;AAAA,QACF,WAAW,CAAC,MAAM;AAChB,kBAAQ,UAAU,OAAO,GAAG;AAC5B,kBAAQ,cAAc,IAAI,YAAY,qBAAqB,EAAE,SAAS,KAAK,CAAC,CAAC;AAAA,QAC/E;AAAA,MACF;AAAA,IACF;AAAA,IACA,EAAE,WAAW,WAAW;AAAA,EAC1B;AAEA,WAAS,QAAQ,OAAO;AAC1B;AAKA,eAAsB,qBAAqB,WAA+C;AACxF,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,OAAO,aAAa,QAAQ,YAAY;AAAA,IACrD,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,uBAAqB,EAAE,MAAM,QAAQ,KAAK;AAC5C;AAEA,IAAO,uBAAQ;AAAA,EACb,QAAQ,mBAAmB;AAAA,EAC3B,UAAU;AAAA,EACV,UAAU;AACZ;","names":[]}

package/dist/chunk-2NSKQMNM.js

@@ -0,0 +1,99 @@
+import {
+  clipboardSchema
+} from "./chunk-QKDYW4VM.js";
+import {
+  resolveRuntime
+} from "./chunk-6TJXDCAQ.js";
+
+// src/behaviors/clipboard.ts
+var clipboardSource = clipboardSchema.source;
+var clipboardMetadata = clipboardSchema;
+async function copyToClipboard(text) {
+  if (navigator.clipboard?.writeText) {
+    await navigator.clipboard.writeText(text);
+    return;
+  }
+  const textarea = document.createElement("textarea");
+  textarea.value = text;
+  textarea.style.position = "fixed";
+  textarea.style.opacity = "0";
+  document.body.appendChild(textarea);
+  textarea.select();
+  try {
+    document.execCommand("copy");
+  } finally {
+    document.body.removeChild(textarea);
+  }
+}
+function resolveElement(element, param) {
+  if (!param || param === "me") return element;
+  if (param instanceof HTMLElement) return param;
+  if (typeof param === "string") {
+    return element.querySelector(param) || document.querySelector(param) || null;
+  }
+  return null;
+}
+function installClipboard(element, params) {
+  const feedbackDuration = typeof params.feedbackDuration === "number" ? params.feedbackDuration : 2e3;
+  element.addEventListener("click", async () => {
+    let copyText;
+    if (params.text != null) {
+      copyText = String(params.text);
+    } else {
+      const sourceEl = resolveElement(element, params.source) || element;
+      copyText = sourceEl.value ?? sourceEl.textContent ?? "";
+    }
+    try {
+      await copyToClipboard(copyText);
+      const feedbackEl = resolveElement(element, params.feedback) || element;
+      feedbackEl.classList.add("copied");
+      setTimeout(() => feedbackEl.classList.remove("copied"), feedbackDuration);
+      element.dispatchEvent(
+        new CustomEvent("clipboard:copied", {
+          bubbles: true,
+          detail: { text: copyText }
+        })
+      );
+    } catch (error) {
+      element.dispatchEvent(
+        new CustomEvent("clipboard:error", {
+          bubbles: true,
+          detail: { error }
+        })
+      );
+    }
+  });
+}
+async function registerClipboard(hyperfixi) {
+  const hf = hyperfixi || resolveRuntime();
+  if (!hf) {
+    throw new Error(
+      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
+    );
+  }
+  const syntheticNode = {
+    type: "behavior",
+    name: "Clipboard",
+    parameters: ["text", "source", "feedback", "feedbackDuration"],
+    eventHandlers: [],
+    imperativeInstaller: installClipboard
+  };
+  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
+  await hf.execute(syntheticNode, ctx);
+}
+if (resolveRuntime()) {
+  registerClipboard().catch(console.error);
+}
+var clipboard_default = {
+  source: clipboardSchema.source,
+  metadata: clipboardSchema,
+  register: registerClipboard
+};
+
+export {
+  clipboardSource,
+  clipboardMetadata,
+  registerClipboard,
+  clipboard_default
+};
+//# sourceMappingURL=chunk-2NSKQMNM.js.map