@hyperfixi/behaviors 2.0.0 → 2.1.0

package/dist/chunk-JKBWIJFI.js

@@ -0,0 +1,155 @@
+import {
+  tabsSchema
+} from "./chunk-GVJPA2EK.js";
+import {
+  resolveRuntime
+} from "./chunk-6TJXDCAQ.js";
+
+// 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
+};
+
+export {
+  tabsSource,
+  tabsMetadata,
+  registerTabs,
+  tabs_default
+};
+//# sourceMappingURL=chunk-JKBWIJFI.js.map

package/dist/chunk-JKBWIJFI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/behaviors/tabs.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"],"mappings":"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","names":[]}

package/dist/chunk-QKDYW4VM.js

@@ -0,0 +1,70 @@
+// src/schemas/clipboard.schema.ts
+var clipboardSchema = {
+  name: "Clipboard",
+  category: "ui",
+  tier: "core",
+  version: "1.0.0",
+  description: "Copies text to clipboard on click with visual feedback",
+  parameters: [
+    {
+      name: "text",
+      type: "string",
+      optional: true,
+      description: "Literal text to copy (takes priority over source)"
+    },
+    {
+      name: "source",
+      type: "selector",
+      optional: true,
+      default: "me",
+      description: "Element whose textContent or value is copied"
+    },
+    {
+      name: "feedback",
+      type: "selector",
+      optional: true,
+      description: "Element to show .copied feedback on (defaults to the installed element)"
+    },
+    {
+      name: "feedbackDuration",
+      type: "number",
+      optional: true,
+      default: 2e3,
+      description: "Duration in ms to show .copied class feedback"
+    }
+  ],
+  events: [
+    { name: "clipboard:copied", description: "Fired after text is copied successfully" },
+    { name: "clipboard:error", description: "Fired when clipboard write fails" }
+  ],
+  requirements: [
+    "navigator.clipboard.writeText() requires HTTPS or localhost",
+    'Falls back to document.execCommand("copy") for older browsers'
+  ],
+  source: [
+    "behavior Clipboard(text, source, feedback, feedbackDuration)",
+    "  init",
+    "    if feedbackDuration is undefined set feedbackDuration to 2000",
+    "    if source is undefined set source to me",
+    "  end",
+    "  on click",
+    "    if text is not undefined",
+    "      set copyText to text",
+    "    else",
+    "      set copyText to source's value or source's textContent",
+    "    end",
+    "    js(copyText) navigator.clipboard.writeText(copyText) end",
+    "    set feedbackEl to feedback or me",
+    "    add .copied to feedbackEl",
+    "    wait feedbackDuration ms",
+    "    remove .copied from feedbackEl",
+    "    trigger clipboard:copied",
+    "  end",
+    "end"
+  ].join("\n")
+};
+
+export {
+  clipboardSchema
+};
+//# sourceMappingURL=chunk-QKDYW4VM.js.map

package/dist/chunk-QKDYW4VM.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/schemas/clipboard.schema.ts"],"sourcesContent":["import type { BehaviorSchema } from './types';\n\n/**\n * Clipboard Behavior Schema\n *\n * Copies text to clipboard on click with visual feedback.\n * Uses the Clipboard API with execCommand fallback.\n */\nexport const clipboardSchema: BehaviorSchema = {\n  name: 'Clipboard',\n  category: 'ui',\n  tier: 'core',\n  version: '1.0.0',\n  description: 'Copies text to clipboard on click with visual feedback',\n  parameters: [\n    {\n      name: 'text',\n      type: 'string',\n      optional: true,\n      description: 'Literal text to copy (takes priority over source)',\n    },\n    {\n      name: 'source',\n      type: 'selector',\n      optional: true,\n      default: 'me',\n      description: 'Element whose textContent or value is copied',\n    },\n    {\n      name: 'feedback',\n      type: 'selector',\n      optional: true,\n      description: 'Element to show .copied feedback on (defaults to the installed element)',\n    },\n    {\n      name: 'feedbackDuration',\n      type: 'number',\n      optional: true,\n      default: 2000,\n      description: 'Duration in ms to show .copied class feedback',\n    },\n  ],\n  events: [\n    { name: 'clipboard:copied', description: 'Fired after text is copied successfully' },\n    { name: 'clipboard:error', description: 'Fired when clipboard write fails' },\n  ],\n  requirements: [\n    'navigator.clipboard.writeText() requires HTTPS or localhost',\n    'Falls back to document.execCommand(\"copy\") for older browsers',\n  ],\n  source: [\n    'behavior Clipboard(text, source, feedback, feedbackDuration)',\n    '  init',\n    '    if feedbackDuration is undefined set feedbackDuration to 2000',\n    '    if source is undefined set source to me',\n    '  end',\n    '  on click',\n    '    if text is not undefined',\n    '      set copyText to text',\n    '    else',\n    \"      set copyText to source's value or source's textContent\",\n    '    end',\n    '    js(copyText) navigator.clipboard.writeText(copyText) end',\n    '    set feedbackEl to feedback or me',\n    '    add .copied to feedbackEl',\n    '    wait feedbackDuration ms',\n    '    remove .copied from feedbackEl',\n    '    trigger clipboard:copied',\n    '  end',\n    'end',\n  ].join('\\n'),\n};\n"],"mappings":";AAQO,IAAM,kBAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,oBAAoB,aAAa,0CAA0C;AAAA,IACnF,EAAE,MAAM,mBAAmB,aAAa,mCAAmC;AAAA,EAC7E;AAAA,EACA,cAAc;AAAA,IACZ;AAAA,IACA;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,EAAE,KAAK,IAAI;AACb;","names":[]}

package/dist/chunk-RB7OB6OD.js

@@ -0,0 +1,51 @@
+// src/schemas/focustrap.schema.ts
+var focusTrapSchema = {
+  name: "FocusTrap",
+  category: "ui",
+  tier: "core",
+  version: "1.0.0",
+  description: "Confines Tab navigation inside an element with ARIA support",
+  parameters: [
+    {
+      name: "active",
+      type: "boolean",
+      optional: true,
+      default: true,
+      description: "Whether the trap is active on install"
+    },
+    {
+      name: "initialFocus",
+      type: "selector",
+      optional: true,
+      description: "Element to focus when the trap activates"
+    },
+    {
+      name: "returnFocus",
+      type: "boolean",
+      optional: true,
+      default: true,
+      description: "Restore focus to the previously focused element on deactivation"
+    }
+  ],
+  events: [
+    { name: "focustrap:activated", description: "Fired when the trap is activated" },
+    { name: "focustrap:deactivated", description: "Fired when the trap is deactivated" }
+  ],
+  requirements: [
+    'Sets aria-modal="true" on the element when active',
+    "Listens for focustrap:activate and focustrap:deactivate custom events for programmatic control"
+  ],
+  source: `
+behavior FocusTrap(active, initialFocus, returnFocus)
+  init
+    if active is undefined set active to true
+    if returnFocus is undefined set returnFocus to true
+  end
+  -- Imperative installer handles Tab key trapping and focus management
+end`.trim()
+};
+
+export {
+  focusTrapSchema
+};
+//# sourceMappingURL=chunk-RB7OB6OD.js.map

package/dist/chunk-RB7OB6OD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/schemas/focustrap.schema.ts"],"sourcesContent":["import type { BehaviorSchema } from './types';\n\n/**\n * FocusTrap Behavior Schema\n *\n * Confines Tab navigation inside an element and restores focus on release.\n * Manages aria-modal for accessibility compliance.\n */\nexport const focusTrapSchema: BehaviorSchema = {\n  name: 'FocusTrap',\n  category: 'ui',\n  tier: 'core',\n  version: '1.0.0',\n  description: 'Confines Tab navigation inside an element with ARIA support',\n  parameters: [\n    {\n      name: 'active',\n      type: 'boolean',\n      optional: true,\n      default: true,\n      description: 'Whether the trap is active on install',\n    },\n    {\n      name: 'initialFocus',\n      type: 'selector',\n      optional: true,\n      description: 'Element to focus when the trap activates',\n    },\n    {\n      name: 'returnFocus',\n      type: 'boolean',\n      optional: true,\n      default: true,\n      description: 'Restore focus to the previously focused element on deactivation',\n    },\n  ],\n  events: [\n    { name: 'focustrap:activated', description: 'Fired when the trap is activated' },\n    { name: 'focustrap:deactivated', description: 'Fired when the trap is deactivated' },\n  ],\n  requirements: [\n    'Sets aria-modal=\"true\" on the element when active',\n    'Listens for focustrap:activate and focustrap:deactivate custom events for programmatic control',\n  ],\n  source: `\nbehavior FocusTrap(active, initialFocus, returnFocus)\n  init\n    if active is undefined set active to true\n    if returnFocus is undefined set returnFocus to true\n  end\n  -- Imperative installer handles Tab key trapping and focus management\nend`.trim(),\n};\n"],"mappings":";AAQO,IAAM,kBAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,uBAAuB,aAAa,mCAAmC;AAAA,IAC/E,EAAE,MAAM,yBAAyB,aAAa,qCAAqC;AAAA,EACrF;AAAA,EACA,cAAc;AAAA,IACZ;AAAA,IACA;AAAA,EACF;AAAA,EACA,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAOL,KAAK;AACV;","names":[]}

package/dist/chunk-RPERQTFU.js

@@ -0,0 +1,75 @@
+import {
+  sortableSchema
+} from "./chunk-BWZ6EGII.js";
+import {
+  resolveRuntime
+} from "./chunk-6TJXDCAQ.js";
+
+// src/behaviors/sortable.ts
+var sortableSource = sortableSchema.source;
+var sortableMetadata = sortableSchema;
+function installSortable(element, params) {
+  const dragClass = params.dragClass || "sorting";
+  const handleSelector = params.handle || null;
+  element.addEventListener("pointerdown", (e) => {
+    const target = e.target;
+    const item = target.closest("li");
+    if (!item || !element.contains(item)) return;
+    if (handleSelector) {
+      const handleEl = target.closest(handleSelector);
+      if (!handleEl) return;
+    }
+    e.preventDefault();
+    item.classList.add(dragClass);
+    element.dispatchEvent(new CustomEvent("sortable:start", { bubbles: true, detail: { item } }));
+    function onMove(ev) {
+      element.dispatchEvent(
+        new CustomEvent("sortable:move", {
+          bubbles: true,
+          detail: { clientY: ev.clientY, item }
+        })
+      );
+    }
+    function onUp() {
+      document.removeEventListener("pointermove", onMove);
+      document.removeEventListener("pointerup", onUp);
+      item.classList.remove(dragClass);
+      element.dispatchEvent(new CustomEvent("sortable:end", { bubbles: true, detail: { item } }));
+    }
+    document.addEventListener("pointermove", onMove);
+    document.addEventListener("pointerup", onUp);
+  });
+}
+async function registerSortable(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: "Sortable",
+    parameters: ["handle", "dragClass"],
+    eventHandlers: [],
+    imperativeInstaller: installSortable
+  };
+  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
+  await hf.execute(syntheticNode, ctx);
+}
+if (resolveRuntime()) {
+  registerSortable().catch(console.error);
+}
+var sortable_default = {
+  source: sortableSchema.source,
+  metadata: sortableSchema,
+  register: registerSortable
+};
+
+export {
+  sortableSource,
+  sortableMetadata,
+  registerSortable,
+  sortable_default
+};
+//# sourceMappingURL=chunk-RPERQTFU.js.map

package/dist/chunk-RPERQTFU.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/behaviors/sortable.ts"],"sourcesContent":["/**\n * Sortable Behavior — Imperative Implementation\n *\n * Drag-and-drop reordering of list items.\n * Apply to a container element; children become sortable.\n *\n * Note: This behavior fires lifecycle events but does NOT automatically\n * reorder DOM elements. Users must handle actual reordering in their\n * `sortable:move` event handlers.\n *\n * @example\n * ```html\n * <ul _=\"install Sortable\">\n *   <li>Item 1</li>\n *   <li>Item 2</li>\n * </ul>\n * ```\n */\n\nimport { sortableSchema } from '../schemas/sortable.schema';\nimport type { LokaScriptInstance } from '../schemas/types';\nimport { resolveRuntime } from '../schemas/types';\n\n// Re-export schema-derived values for backwards compatibility\nexport const sortableSource = sortableSchema.source;\nexport const sortableMetadata = sortableSchema;\n\n/**\n * Imperative installer for Sortable behavior.\n */\nfunction installSortable(element: HTMLElement, params: Record<string, any>): void {\n  const dragClass = params.dragClass || 'sorting';\n  const handleSelector = params.handle || null;\n\n  element.addEventListener('pointerdown', (e: PointerEvent) => {\n    const target = e.target as HTMLElement;\n    const item = target.closest('li');\n    if (!item || !element.contains(item)) return;\n\n    // If a handle selector is specified, only start drag from the handle\n    if (handleSelector) {\n      const handleEl = target.closest(handleSelector);\n      if (!handleEl) return;\n    }\n\n    e.preventDefault();\n    item.classList.add(dragClass);\n    element.dispatchEvent(new CustomEvent('sortable:start', { bubbles: true, detail: { item } }));\n\n    function onMove(ev: PointerEvent) {\n      element.dispatchEvent(\n        new CustomEvent('sortable:move', {\n          bubbles: true,\n          detail: { clientY: ev.clientY, item },\n        })\n      );\n    }\n\n    function onUp() {\n      document.removeEventListener('pointermove', onMove);\n      document.removeEventListener('pointerup', onUp);\n      item!.classList.remove(dragClass);\n      element.dispatchEvent(new CustomEvent('sortable:end', { bubbles: true, detail: { item } }));\n    }\n\n    document.addEventListener('pointermove', onMove);\n    document.addEventListener('pointerup', onUp);\n  });\n}\n\n/**\n * Register the Sortable behavior with LokaScript.\n */\nexport async function registerSortable(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: 'Sortable',\n    parameters: ['handle', 'dragClass'],\n    eventHandlers: [],\n    imperativeInstaller: installSortable,\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  registerSortable().catch(console.error);\n}\n\nexport default {\n  source: sortableSchema.source,\n  metadata: sortableSchema,\n  register: registerSortable,\n};\n"],"mappings":";;;;;;;;AAwBO,IAAM,iBAAiB,eAAe;AACtC,IAAM,mBAAmB;AAKhC,SAAS,gBAAgB,SAAsB,QAAmC;AAChF,QAAM,YAAY,OAAO,aAAa;AACtC,QAAM,iBAAiB,OAAO,UAAU;AAExC,UAAQ,iBAAiB,eAAe,CAAC,MAAoB;AAC3D,UAAM,SAAS,EAAE;AACjB,UAAM,OAAO,OAAO,QAAQ,IAAI;AAChC,QAAI,CAAC,QAAQ,CAAC,QAAQ,SAAS,IAAI,EAAG;AAGtC,QAAI,gBAAgB;AAClB,YAAM,WAAW,OAAO,QAAQ,cAAc;AAC9C,UAAI,CAAC,SAAU;AAAA,IACjB;AAEA,MAAE,eAAe;AACjB,SAAK,UAAU,IAAI,SAAS;AAC5B,YAAQ,cAAc,IAAI,YAAY,kBAAkB,EAAE,SAAS,MAAM,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;AAE5F,aAAS,OAAO,IAAkB;AAChC,cAAQ;AAAA,QACN,IAAI,YAAY,iBAAiB;AAAA,UAC/B,SAAS;AAAA,UACT,QAAQ,EAAE,SAAS,GAAG,SAAS,KAAK;AAAA,QACtC,CAAC;AAAA,MACH;AAAA,IACF;AAEA,aAAS,OAAO;AACd,eAAS,oBAAoB,eAAe,MAAM;AAClD,eAAS,oBAAoB,aAAa,IAAI;AAC9C,WAAM,UAAU,OAAO,SAAS;AAChC,cAAQ,cAAc,IAAI,YAAY,gBAAgB,EAAE,SAAS,MAAM,QAAQ,EAAE,KAAK,EAAE,CAAC,CAAC;AAAA,IAC5F;AAEA,aAAS,iBAAiB,eAAe,MAAM;AAC/C,aAAS,iBAAiB,aAAa,IAAI;AAAA,EAC7C,CAAC;AACH;AAKA,eAAsB,iBAAiB,WAA+C;AACpF,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,UAAU,WAAW;AAAA,IAClC,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,mBAAiB,EAAE,MAAM,QAAQ,KAAK;AACxC;AAEA,IAAO,mBAAQ;AAAA,EACb,QAAQ,eAAe;AAAA,EACvB,UAAU;AAAA,EACV,UAAU;AACZ;","names":[]}

package/dist/chunk-S4QDV2MH.js

@@ -0,0 +1,75 @@
+import {
+  draggableSchema
+} from "./chunk-G6WR2AYR.js";
+import {
+  resolveRuntime
+} from "./chunk-6TJXDCAQ.js";
+
+// 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) {
+    throw new Error(
+      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
+    );
+  }
+  const syntheticNode = {
+    type: "behavior",
+    name: "Draggable",
+    parameters: ["dragHandle"],
+    eventHandlers: [],
+    imperativeInstaller: installDraggable
+  };
+  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
+  await hf.execute(syntheticNode, ctx);
+}
+if (resolveRuntime()) {
+  registerDraggable().catch(console.error);
+}
+var draggable_default = {
+  source: draggableSchema.source,
+  metadata: draggableSchema,
+  register: registerDraggable
+};
+
+export {
+  draggableSource,
+  draggableMetadata,
+  registerDraggable,
+  draggable_default
+};
+//# sourceMappingURL=chunk-S4QDV2MH.js.map

package/dist/chunk-S4QDV2MH.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/behaviors/draggable.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"],"mappings":";;;;;;;;AAyBO,IAAM,kBAAkB,gBAAgB;AACxC,IAAM,oBAAoB;AAMjC,SAAS,iBAAiB,SAAsB,QAAmC;AAEjF,MAAI,aAA0B;AAC9B,MAAI,OAAO,cAAc,OAAO,eAAe,MAAM;AACnD,QAAI,OAAO,OAAO,eAAe,UAAU;AACzC,YAAM,QAAQ,QAAQ,cAAc,OAAO,UAAU;AACrD,UAAI,iBAAiB,YAAa,cAAa;AAAA,IACjD,WAAW,OAAO,sBAAsB,aAAa;AACnD,mBAAa,OAAO;AAAA,IACtB;AAAA,EACF;AAEA,aAAW,iBAAiB,eAAe,CAAC,MAAoB;AAC9D,MAAE,eAAe;AACjB,MAAE,gBAAgB;AAClB,YAAQ,cAAc,IAAI,YAAY,mBAAmB,EAAE,SAAS,KAAK,CAAC,CAAC;AAE3E,UAAM,SAAS,QAAQ;AACvB,UAAM,SAAS,QAAQ;AACvB,UAAM,OAAO,EAAE,UAAU;AACzB,UAAM,OAAO,EAAE,UAAU;AAEzB,aAAS,OAAO,IAAkB;AAChC,cAAQ,MAAM,OAAO,GAAG,GAAG,UAAU,IAAI;AACzC,cAAQ,MAAM,MAAM,GAAG,GAAG,UAAU,IAAI;AACxC,cAAQ,cAAc,IAAI,YAAY,kBAAkB,EAAE,SAAS,KAAK,CAAC,CAAC;AAAA,IAC5E;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;AAMA,eAAsB,kBAAkB,WAA+C;AACrF,QAAM,KAAK,aAAa,eAAe;AAEvC,MAAI,CAAC,IAAI;AACP,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAIA,QAAM,gBAAgB;AAAA,IACpB,MAAM;AAAA,IACN,MAAM;AAAA,IACN,YAAY,CAAC,YAAY;AAAA,IACzB,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":[]}

package/dist/chunk-WTUVPVSD.js

@@ -0,0 +1,80 @@
+import {
+  resizableSchema
+} from "./chunk-V5IWDPDP.js";
+import {
+  resolveRuntime
+} from "./chunk-6TJXDCAQ.js";
+
+// 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) {
+    throw new Error(
+      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
+    );
+  }
+  const syntheticNode = {
+    type: "behavior",
+    name: "Resizable",
+    parameters: ["handle", "minWidth", "minHeight", "maxWidth", "maxHeight"],
+    eventHandlers: [],
+    imperativeInstaller: installResizable
+  };
+  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
+  await hf.execute(syntheticNode, ctx);
+}
+if (resolveRuntime()) {
+  registerResizable().catch(console.error);
+}
+var resizable_default = {
+  source: resizableSchema.source,
+  metadata: resizableSchema,
+  register: registerResizable
+};
+
+export {
+  resizableSource,
+  resizableMetadata,
+  registerResizable,
+  resizable_default
+};
+//# sourceMappingURL=chunk-WTUVPVSD.js.map

package/dist/chunk-WTUVPVSD.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/behaviors/resizable.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: ['handle', 'minWidth', 'minHeight', 'maxWidth', 'maxHeight'],\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"],"mappings":";;;;;;;;AAmBO,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,UAAU,YAAY,aAAa,YAAY,WAAW;AAAA,IACvE,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":[]}

package/dist/chunk-YHQRFUWV.js

@@ -0,0 +1,62 @@
+import {
+  toggleableSchema
+} from "./chunk-WUHHMDAA.js";
+import {
+  resolveRuntime
+} from "./chunk-6TJXDCAQ.js";
+
+// 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 || resolveRuntime();
+  if (!hf) {
+    throw new Error(
+      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
+    );
+  }
+  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(syntheticNode, ctx);
+}
+if (resolveRuntime()) {
+  registerToggleable().catch(console.error);
+}
+var toggleable_default = {
+  source: toggleableSchema.source,
+  metadata: toggleableSchema,
+  register: registerToggleable
+};
+
+export {
+  toggleableSource,
+  toggleableMetadata,
+  registerToggleable,
+  toggleable_default
+};
+//# sourceMappingURL=chunk-YHQRFUWV.js.map