@hyperfixi/behaviors 2.0.0

package/dist/behaviors/resizable.cjs

@@ -0,0 +1,146 @@
+"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/resizable.ts
+var resizable_exports = {};
+__export(resizable_exports, {
+  default: () => resizable_default,
+  registerResizable: () => registerResizable,
+  resizableMetadata: () => resizableMetadata,
+  resizableSource: () => resizableSource
+});
+module.exports = __toCommonJS(resizable_exports);
+
+// src/schemas/resizable.schema.ts
+var resizableSchema = {
+  name: "Resizable",
+  category: "ui",
+  tier: "optional",
+  version: "1.0.0",
+  description: "Makes elements resizable by dragging",
+  parameters: [
+    {
+      name: "handle",
+      type: "selector",
+      optional: true,
+      default: "me",
+      description: "CSS selector for the resize handle (defaults to the element itself)"
+    },
+    {
+      name: "minWidth",
+      type: "number",
+      optional: true,
+      default: 50,
+      description: "Minimum width in pixels"
+    },
+    {
+      name: "minHeight",
+      type: "number",
+      optional: true,
+      default: 50,
+      description: "Minimum height in pixels"
+    },
+    {
+      name: "maxWidth",
+      type: "number",
+      optional: true,
+      default: 9999,
+      description: "Maximum width in pixels"
+    },
+    {
+      name: "maxHeight",
+      type: "number",
+      optional: true,
+      default: 9999,
+      description: "Maximum height in pixels"
+    }
+  ],
+  events: [
+    { name: "resizable:start", description: "Fired when resize begins" },
+    { name: "resizable:resize", description: "Fired during resize" },
+    { name: "resizable:end", description: "Fired when resize completes" }
+  ],
+  source: `
+behavior Resizable(handle, minWidth, minHeight, maxWidth, maxHeight)
+  init
+    if no handle set handle to me
+    if no minWidth set minWidth to 50
+    if no minHeight set minHeight to 50
+    if no maxWidth set maxWidth to 9999
+    if no maxHeight set maxHeight to 9999
+  end
+  on pointerdown(clientX, clientY) from handle
+    halt the event
+    trigger resizable:start
+    measure width
+    set startWidth to it
+    measure height
+    set startHeight to it
+    set startX to clientX
+    set startY to clientY
+    repeat until event pointerup from document
+      wait for pointermove(clientX, clientY) or
+               pointerup from document
+      set newWidth to startWidth + (clientX - startX)
+      set newHeight to startHeight + (clientY - startY)
+      if newWidth < minWidth set newWidth to minWidth
+      if newWidth > maxWidth set newWidth to maxWidth
+      if newHeight < minHeight set newHeight to minHeight
+      if newHeight > maxHeight set newHeight to maxHeight
+      add { width: \${newWidth}px; height: \${newHeight}px; }
+      trigger resizable:resize
+    end
+    trigger resizable:end
+  end
+end
+`.trim()
+};
+
+// src/behaviors/resizable.ts
+var resizableSource = resizableSchema.source;
+var resizableMetadata = resizableSchema;
+async function registerResizable(hyperfixi) {
+  const hf = hyperfixi || (typeof window !== "undefined" ? window.lokascript : null);
+  if (!hf) {
+    throw new Error(
+      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
+    );
+  }
+  const result = hf.compileSync(resizableSchema.source, { traditional: true });
+  if (!result.ok) {
+    throw new Error(`Failed to compile Resizable behavior: ${JSON.stringify(result.errors)}`);
+  }
+  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
+  await hf.execute(result.ast, ctx);
+}
+if (typeof window !== "undefined" && window.lokascript) {
+  registerResizable().catch(console.error);
+}
+var resizable_default = {
+  source: resizableSchema.source,
+  metadata: resizableSchema,
+  register: registerResizable
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  registerResizable,
+  resizableMetadata,
+  resizableSource
+});
+//# sourceMappingURL=resizable.cjs.map

package/dist/behaviors/resizable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/behaviors/resizable.ts","../../src/schemas/resizable.schema.ts"],"sourcesContent":["/**\n * Resizable Behavior\n *\n * A behavior that 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, LokaScriptWindow } from '../schemas/types';\n\n// Re-export schema-derived values for backwards compatibility\nexport const resizableSource = resizableSchema.source;\nexport const resizableMetadata = resizableSchema;\n\n/**\n * Register the Resizable behavior with LokaScript.\n */\nexport async function registerResizable(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(resizableSchema.source, { traditional: true });\n\n  if (!result.ok) {\n    throw new Error(`Failed to compile Resizable behavior: ${JSON.stringify(result.errors)}`);\n  }\n\n  const ctx = hf.createContext ? hf.createContext() : { locals: new Map(), globals: new Map() };\n  await hf.execute(result.ast, ctx);\n}\n\n// Auto-register when loaded as a script tag\nif (typeof window !== 'undefined' && (window as unknown as LokaScriptWindow).lokascript) {\n  registerResizable().catch(console.error);\n}\n\nexport default {\n  source: resizableSchema.source,\n  metadata: resizableSchema,\n  register: registerResizable,\n};\n","import type { BehaviorSchema } from './types';\n\n/**\n * Resizable Behavior Schema\n *\n * Makes elements resizable by dragging edges or corners.\n * Supports minimum/maximum dimensions and resize handles.\n */\nexport const resizableSchema: BehaviorSchema = {\n  name: 'Resizable',\n  category: 'ui',\n  tier: 'optional',\n  version: '1.0.0',\n  description: 'Makes elements resizable by dragging',\n  parameters: [\n    {\n      name: 'handle',\n      type: 'selector',\n      optional: true,\n      default: 'me',\n      description: 'CSS selector for the resize handle (defaults to the element itself)',\n    },\n    {\n      name: 'minWidth',\n      type: 'number',\n      optional: true,\n      default: 50,\n      description: 'Minimum width in pixels',\n    },\n    {\n      name: 'minHeight',\n      type: 'number',\n      optional: true,\n      default: 50,\n      description: 'Minimum height in pixels',\n    },\n    {\n      name: 'maxWidth',\n      type: 'number',\n      optional: true,\n      default: 9999,\n      description: 'Maximum width in pixels',\n    },\n    {\n      name: 'maxHeight',\n      type: 'number',\n      optional: true,\n      default: 9999,\n      description: 'Maximum height in pixels',\n    },\n  ],\n  events: [\n    { name: 'resizable:start', description: 'Fired when resize begins' },\n    { name: 'resizable:resize', description: 'Fired during resize' },\n    { name: 'resizable:end', description: 'Fired when resize completes' },\n  ],\n  source: `\nbehavior Resizable(handle, minWidth, minHeight, maxWidth, maxHeight)\n  init\n    if no handle set handle to me\n    if no minWidth set minWidth to 50\n    if no minHeight set minHeight to 50\n    if no maxWidth set maxWidth to 9999\n    if no maxHeight set maxHeight to 9999\n  end\n  on pointerdown(clientX, clientY) from handle\n    halt the event\n    trigger resizable:start\n    measure width\n    set startWidth to it\n    measure height\n    set startHeight to it\n    set startX to clientX\n    set startY to clientY\n    repeat until event pointerup from document\n      wait for pointermove(clientX, clientY) or\n               pointerup from document\n      set newWidth to startWidth + (clientX - startX)\n      set newHeight to startHeight + (clientY - startY)\n      if newWidth < minWidth set newWidth to minWidth\n      if newWidth > maxWidth set newWidth to maxWidth\n      if newHeight < minHeight set newHeight to minHeight\n      if newHeight > maxHeight set newHeight to maxHeight\n      add { width: \\${newWidth}px; height: \\${newHeight}px; }\n      trigger resizable:resize\n    end\n    trigger resizable:end\n  end\nend\n`.trim(),\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACQO,IAAM,kBAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,mBAAmB,aAAa,2BAA2B;AAAA,IACnE,EAAE,MAAM,oBAAoB,aAAa,sBAAsB;AAAA,IAC/D,EAAE,MAAM,iBAAiB,aAAa,8BAA8B;AAAA,EACtE;AAAA,EACA,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiCR,KAAK;AACP;;;ADxEO,IAAM,kBAAkB,gBAAgB;AACxC,IAAM,oBAAoB;AAKjC,eAAsB,kBAAkB,WAA+C;AACrF,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,gBAAgB,QAAQ,EAAE,aAAa,KAAK,CAAC;AAE3E,MAAI,CAAC,OAAO,IAAI;AACd,UAAM,IAAI,MAAM,yCAAyC,KAAK,UAAU,OAAO,MAAM,CAAC,EAAE;AAAA,EAC1F;AAEA,QAAM,MAAM,GAAG,gBAAgB,GAAG,cAAc,IAAI,EAAE,QAAQ,oBAAI,IAAI,GAAG,SAAS,oBAAI,IAAI,EAAE;AAC5F,QAAM,GAAG,QAAQ,OAAO,KAAK,GAAG;AAClC;AAGA,IAAI,OAAO,WAAW,eAAgB,OAAuC,YAAY;AACvF,oBAAkB,EAAE,MAAM,QAAQ,KAAK;AACzC;AAEA,IAAO,oBAAQ;AAAA,EACb,QAAQ,gBAAgB;AAAA,EACxB,UAAU;AAAA,EACV,UAAU;AACZ;","names":[]}

package/dist/behaviors/resizable.d.cts

@@ -0,0 +1,15 @@
+import { a as BehaviorSchema, L as LokaScriptInstance } from '../types-CCc_2wAb.cjs';
+
+declare const resizableSource: string;
+declare const resizableMetadata: BehaviorSchema;
+/**
+ * Register the Resizable behavior with LokaScript.
+ */
+declare function registerResizable(hyperfixi?: LokaScriptInstance): Promise<void>;
+declare const _default: {
+    source: string;
+    metadata: BehaviorSchema;
+    register: typeof registerResizable;
+};
+
+export { _default as default, registerResizable, resizableMetadata, resizableSource };

package/dist/behaviors/resizable.d.ts

@@ -0,0 +1,15 @@
+import { a as BehaviorSchema, L as LokaScriptInstance } from '../types-CCc_2wAb.js';
+
+declare const resizableSource: string;
+declare const resizableMetadata: BehaviorSchema;
+/**
+ * Register the Resizable behavior with LokaScript.
+ */
+declare function registerResizable(hyperfixi?: LokaScriptInstance): Promise<void>;
+declare const _default: {
+    source: string;
+    metadata: BehaviorSchema;
+    register: typeof registerResizable;
+};
+
+export { _default as default, registerResizable, resizableMetadata, resizableSource };

package/dist/behaviors/resizable.js

@@ -0,0 +1,14 @@
+import {
+  registerResizable,
+  resizableMetadata,
+  resizableSource,
+  resizable_default
+} from "../chunk-HMRPQWQU.js";
+import "../chunk-V5IWDPDP.js";
+export {
+  resizable_default as default,
+  registerResizable,
+  resizableMetadata,
+  resizableSource
+};
+//# sourceMappingURL=resizable.js.map

package/dist/behaviors/resizable.js.map

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

package/dist/behaviors/sortable.cjs

@@ -0,0 +1,119 @@
+"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/sortable.ts
+var sortable_exports = {};
+__export(sortable_exports, {
+  default: () => sortable_default,
+  registerSortable: () => registerSortable,
+  sortableMetadata: () => sortableMetadata,
+  sortableSource: () => sortableSource
+});
+module.exports = __toCommonJS(sortable_exports);
+
+// src/schemas/sortable.schema.ts
+var sortableSchema = {
+  name: "Sortable",
+  category: "ui",
+  tier: "common",
+  version: "1.0.0",
+  description: "Makes child elements reorderable via drag-and-drop",
+  parameters: [
+    {
+      name: "handle",
+      type: "selector",
+      optional: true,
+      default: "none",
+      description: "CSS selector for drag handles within items"
+    },
+    {
+      name: "dragClass",
+      type: "string",
+      optional: true,
+      default: "sorting",
+      description: "CSS class added to item during drag"
+    }
+  ],
+  events: [
+    { name: "sortable:start", description: "Fired when drag begins" },
+    {
+      name: "sortable:move",
+      description: "Fired during drag \u2014 handle this event to reorder DOM elements"
+    },
+    { name: "sortable:end", description: "Fired when drag completes" }
+  ],
+  requirements: ["Users must handle DOM reordering in sortable:move event handlers"],
+  source: `
+behavior Sortable(handle, dragClass)
+  init
+    if no dragClass set dragClass to "sorting"
+  end
+  on pointerdown(target, clientY) from me
+    set item to closest <li/> in target
+    if no item exit
+    if handle
+      set handleEl to target.closest(handle)
+      if no handleEl exit
+    end
+    halt the event
+    add dragClass to item
+    trigger sortable:start on me
+    repeat until event pointerup from document
+      wait for pointermove(clientY) from document
+      trigger sortable:move on me
+    end
+    remove dragClass from item
+    trigger sortable:end on me
+  end
+end
+`.trim()
+};
+
+// src/behaviors/sortable.ts
+var sortableSource = sortableSchema.source;
+var sortableMetadata = sortableSchema;
+async function registerSortable(hyperfixi) {
+  const hf = hyperfixi || (typeof window !== "undefined" ? window.lokascript : null);
+  if (!hf) {
+    throw new Error(
+      "LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors."
+    );
+  }
+  const result = hf.compileSync(sortableSchema.source, { traditional: true });
+  if (!result.ok) {
+    throw new Error(`Failed to compile Sortable behavior: ${JSON.stringify(result.errors)}`);
+  }
+  const ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
+  await hf.execute(result.ast, ctx);
+}
+if (typeof window !== "undefined" && window.lokascript) {
+  registerSortable().catch(console.error);
+}
+var sortable_default = {
+  source: sortableSchema.source,
+  metadata: sortableSchema,
+  register: registerSortable
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  registerSortable,
+  sortableMetadata,
+  sortableSource
+});
+//# sourceMappingURL=sortable.cjs.map

package/dist/behaviors/sortable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/behaviors/sortable.ts","../../src/schemas/sortable.schema.ts"],"sourcesContent":["/**\n * Sortable Behavior\n *\n * A behavior for drag-and-drop reordering of list items.\n * Apply to a container element; children become sortable.\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, LokaScriptWindow } 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 * Register the Sortable behavior with LokaScript.\n */\nexport async function registerSortable(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(sortableSchema.source, { traditional: true });\n\n  if (!result.ok) {\n    throw new Error(`Failed to compile Sortable 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  registerSortable().catch(console.error);\n}\n\nexport default {\n  source: sortableSchema.source,\n  metadata: sortableSchema,\n  register: registerSortable,\n};\n","import type { BehaviorSchema } from './types';\n\n/**\n * Sortable Behavior Schema\n *\n * Drag-and-drop reordering of list items.\n * Apply to a container element; children become sortable.\n *\n * Note: This behavior fires lifecycle events but does NOT automatically\n * reorder DOM elements. Users must handle actual reordering in their\n * `sortable:move` event handlers.\n */\nexport const sortableSchema: BehaviorSchema = {\n  name: 'Sortable',\n  category: 'ui',\n  tier: 'common',\n  version: '1.0.0',\n  description: 'Makes child elements reorderable via drag-and-drop',\n  parameters: [\n    {\n      name: 'handle',\n      type: 'selector',\n      optional: true,\n      default: 'none',\n      description: 'CSS selector for drag handles within items',\n    },\n    {\n      name: 'dragClass',\n      type: 'string',\n      optional: true,\n      default: 'sorting',\n      description: 'CSS class added to item during drag',\n    },\n  ],\n  events: [\n    { name: 'sortable:start', description: 'Fired when drag begins' },\n    {\n      name: 'sortable:move',\n      description: 'Fired during drag — handle this event to reorder DOM elements',\n    },\n    { name: 'sortable:end', description: 'Fired when drag completes' },\n  ],\n  requirements: ['Users must handle DOM reordering in sortable:move event handlers'],\n  source: `\nbehavior Sortable(handle, dragClass)\n  init\n    if no dragClass set dragClass to \"sorting\"\n  end\n  on pointerdown(target, clientY) from me\n    set item to closest <li/> in target\n    if no item exit\n    if handle\n      set handleEl to target.closest(handle)\n      if no handleEl exit\n    end\n    halt the event\n    add dragClass to item\n    trigger sortable:start on me\n    repeat until event pointerup from document\n      wait for pointermove(clientY) from document\n      trigger sortable:move on me\n    end\n    remove dragClass from item\n    trigger sortable:end on me\n  end\nend\n`.trim(),\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACYO,IAAM,iBAAiC;AAAA,EAC5C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,kBAAkB,aAAa,yBAAyB;AAAA,IAChE;AAAA,MACE,MAAM;AAAA,MACN,aAAa;AAAA,IACf;AAAA,IACA,EAAE,MAAM,gBAAgB,aAAa,4BAA4B;AAAA,EACnE;AAAA,EACA,cAAc,CAAC,kEAAkE;AAAA,EACjF,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAuBR,KAAK;AACP;;;ADhDO,IAAM,iBAAiB,eAAe;AACtC,IAAM,mBAAmB;AAKhC,eAAsB,iBAAiB,WAA+C;AACpF,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,eAAe,QAAQ,EAAE,aAAa,KAAK,CAAC;AAE1E,MAAI,CAAC,OAAO,IAAI;AACd,UAAM,IAAI,MAAM,wCAAwC,KAAK,UAAU,OAAO,MAAM,CAAC,EAAE;AAAA,EACzF;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,mBAAiB,EAAE,MAAM,QAAQ,KAAK;AACxC;AAEA,IAAO,mBAAQ;AAAA,EACb,QAAQ,eAAe;AAAA,EACvB,UAAU;AAAA,EACV,UAAU;AACZ;","names":[]}

package/dist/behaviors/sortable.d.cts

@@ -0,0 +1,15 @@
+import { a as BehaviorSchema, L as LokaScriptInstance } from '../types-CCc_2wAb.cjs';
+
+declare const sortableSource: string;
+declare const sortableMetadata: BehaviorSchema;
+/**
+ * Register the Sortable behavior with LokaScript.
+ */
+declare function registerSortable(hyperfixi?: LokaScriptInstance): Promise<void>;
+declare const _default: {
+    source: string;
+    metadata: BehaviorSchema;
+    register: typeof registerSortable;
+};
+
+export { _default as default, registerSortable, sortableMetadata, sortableSource };

package/dist/behaviors/sortable.d.ts

@@ -0,0 +1,15 @@
+import { a as BehaviorSchema, L as LokaScriptInstance } from '../types-CCc_2wAb.js';
+
+declare const sortableSource: string;
+declare const sortableMetadata: BehaviorSchema;
+/**
+ * Register the Sortable behavior with LokaScript.
+ */
+declare function registerSortable(hyperfixi?: LokaScriptInstance): Promise<void>;
+declare const _default: {
+    source: string;
+    metadata: BehaviorSchema;
+    register: typeof registerSortable;
+};
+
+export { _default as default, registerSortable, sortableMetadata, sortableSource };

package/dist/behaviors/sortable.js

@@ -0,0 +1,14 @@
+import {
+  registerSortable,
+  sortableMetadata,
+  sortableSource,
+  sortable_default
+} from "../chunk-MEP6B7XW.js";
+import "../chunk-BWZ6EGII.js";
+export {
+  sortable_default as default,
+  registerSortable,
+  sortableMetadata,
+  sortableSource
+};
+//# sourceMappingURL=sortable.js.map

package/dist/behaviors/sortable.js.map

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

package/dist/behaviors/toggleable.cjs

@@ -0,0 +1,105 @@
+"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/toggleable.ts
+var toggleable_exports = {};
+__export(toggleable_exports, {
+  default: () => toggleable_default,
+  registerToggleable: () => registerToggleable,
+  toggleableMetadata: () => toggleableMetadata,
+  toggleableSource: () => toggleableSource
+});
+module.exports = __toCommonJS(toggleable_exports);
+
+// src/schemas/toggleable.schema.ts
+var toggleableSchema = {
+  name: "Toggleable",
+  category: "form",
+  tier: "core",
+  version: "1.0.0",
+  description: "Toggles a CSS class on click",
+  parameters: [
+    {
+      name: "cls",
+      type: "string",
+      optional: true,
+      default: "active",
+      description: "CSS class to toggle"
+    },
+    {
+      name: "target",
+      type: "selector",
+      optional: true,
+      default: "me",
+      description: "Element to toggle the class on"
+    }
+  ],
+  events: [
+    { name: "toggleable:on", description: "Fired when class is added" },
+    { name: "toggleable:off", description: "Fired when class is removed" }
+  ],
+  source: `
+behavior Toggleable(cls, target)
+  init
+    if cls is undefined
+      set cls to "active"
+    end
+    if target is undefined
+      set target to me
+    end
+  end
+  on click
+    toggle .{cls} on target
+  end
+end
+`.trim()
+};
+
+// src/behaviors/toggleable.ts
+var toggleableSource = toggleableSchema.source;
+var toggleableMetadata = toggleableSchema;
+async function registerToggleable(hyperfixi) {
+  const hf = hyperfixi || (typeof window !== "undefined" ? window.lokascript : null);
+  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 ctx = hf.createContext ? hf.createContext() : { locals: /* @__PURE__ */ new Map(), globals: /* @__PURE__ */ new Map() };
+  await hf.execute(result.ast, ctx);
+}
+if (typeof window !== "undefined" && window.lokascript) {
+  registerToggleable().catch(console.error);
+}
+var toggleable_default = {
+  source: toggleableSchema.source,
+  metadata: toggleableSchema,
+  register: registerToggleable
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  registerToggleable,
+  toggleableMetadata,
+  toggleableSource
+});
+//# sourceMappingURL=toggleable.cjs.map

package/dist/behaviors/toggleable.cjs.map

@@ -0,0 +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":[]}

package/dist/behaviors/toggleable.d.cts

@@ -0,0 +1,15 @@
+import { a as BehaviorSchema, L as LokaScriptInstance } from '../types-CCc_2wAb.cjs';
+
+declare const toggleableSource: string;
+declare const toggleableMetadata: BehaviorSchema;
+/**
+ * Register the Toggleable behavior with LokaScript.
+ */
+declare function registerToggleable(hyperfixi?: LokaScriptInstance): Promise<void>;
+declare const _default: {
+    source: string;
+    metadata: BehaviorSchema;
+    register: typeof registerToggleable;
+};
+
+export { _default as default, registerToggleable, toggleableMetadata, toggleableSource };

package/dist/behaviors/toggleable.d.ts

@@ -0,0 +1,15 @@
+import { a as BehaviorSchema, L as LokaScriptInstance } from '../types-CCc_2wAb.js';
+
+declare const toggleableSource: string;
+declare const toggleableMetadata: BehaviorSchema;
+/**
+ * Register the Toggleable behavior with LokaScript.
+ */
+declare function registerToggleable(hyperfixi?: LokaScriptInstance): Promise<void>;
+declare const _default: {
+    source: string;
+    metadata: BehaviorSchema;
+    register: typeof registerToggleable;
+};
+
+export { _default as default, registerToggleable, toggleableMetadata, toggleableSource };

package/dist/behaviors/toggleable.js

@@ -0,0 +1,14 @@
+import {
+  registerToggleable,
+  toggleableMetadata,
+  toggleableSource,
+  toggleable_default
+} from "../chunk-3Q652JQB.js";
+import "../chunk-WUHHMDAA.js";
+export {
+  toggleable_default as default,
+  registerToggleable,
+  toggleableMetadata,
+  toggleableSource
+};
+//# sourceMappingURL=toggleable.js.map

package/dist/behaviors/toggleable.js.map

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

package/dist/chunk-272NKUJ3.js

@@ -0,0 +1,63 @@
+// src/schemas/removable.schema.ts
+var removableSchema = {
+  name: "Removable",
+  category: "data",
+  tier: "common",
+  version: "1.2.0",
+  description: "Makes elements removable on click",
+  parameters: [
+    {
+      name: "triggerEl",
+      type: "selector",
+      optional: true,
+      default: "me",
+      description: "Element that triggers removal (e.g., a close button)"
+    },
+    {
+      name: "confirm",
+      type: "boolean",
+      optional: true,
+      default: false,
+      description: "Show confirmation dialog before removal"
+    },
+    {
+      name: "effect",
+      type: "string",
+      optional: true,
+      default: "none",
+      enum: ["fade", "none"],
+      description: 'Transition effect: "fade" or "none"'
+    }
+  ],
+  events: [
+    { name: "removable:before", description: "Fired before removal (cancelable)" },
+    { name: "removable:removed", description: "Fired after removal" }
+  ],
+  source: `
+behavior Removable(triggerEl, confirm, effect)
+  init
+    if triggerEl is undefined
+      set triggerEl to me
+    end
+  end
+  on click from triggerEl
+    if confirm
+      if not window.confirm("Are you sure?")
+        halt
+      end
+    end
+    trigger removable:before
+    if effect is "fade"
+      transition opacity to 0 over 300ms
+    end
+    trigger removable:removed
+    remove me
+  end
+end
+`.trim()
+};
+
+export {
+  removableSchema
+};
+//# sourceMappingURL=chunk-272NKUJ3.js.map

package/dist/chunk-272NKUJ3.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/schemas/removable.schema.ts"],"sourcesContent":["import type { BehaviorSchema } from './types';\n\n/**\n * Removable Behavior Schema\n *\n * Removes an element when a trigger is clicked.\n * Supports optional confirmation and transition effects.\n *\n * @since 1.2.0 — `trigger` parameter renamed to `triggerEl` to avoid\n * shadowing the hyperscript `trigger` command keyword. Users migrating\n * from v1.x should update: `install Removable(triggerEl: .close-btn)`.\n */\nexport const removableSchema: BehaviorSchema = {\n  name: 'Removable',\n  category: 'data',\n  tier: 'common',\n  version: '1.2.0',\n  description: 'Makes elements removable on click',\n  parameters: [\n    {\n      name: 'triggerEl',\n      type: 'selector',\n      optional: true,\n      default: 'me',\n      description: 'Element that triggers removal (e.g., a close button)',\n    },\n    {\n      name: 'confirm',\n      type: 'boolean',\n      optional: true,\n      default: false,\n      description: 'Show confirmation dialog before removal',\n    },\n    {\n      name: 'effect',\n      type: 'string',\n      optional: true,\n      default: 'none',\n      enum: ['fade', 'none'],\n      description: 'Transition effect: \"fade\" or \"none\"',\n    },\n  ],\n  events: [\n    { name: 'removable:before', description: 'Fired before removal (cancelable)' },\n    { name: 'removable:removed', description: 'Fired after removal' },\n  ],\n  source: `\nbehavior Removable(triggerEl, confirm, effect)\n  init\n    if triggerEl is undefined\n      set triggerEl to me\n    end\n  end\n  on click from triggerEl\n    if confirm\n      if not window.confirm(\"Are you sure?\")\n        halt\n      end\n    end\n    trigger removable:before\n    if effect is \"fade\"\n      transition opacity to 0 over 300ms\n    end\n    trigger removable:removed\n    remove me\n  end\nend\n`.trim(),\n};\n"],"mappings":";AAYO,IAAM,kBAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aAAa;AAAA,EACb,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,MAAM,CAAC,QAAQ,MAAM;AAAA,MACrB,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,oBAAoB,aAAa,oCAAoC;AAAA,IAC7E,EAAE,MAAM,qBAAqB,aAAa,sBAAsB;AAAA,EAClE;AAAA,EACA,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBR,KAAK;AACP;","names":[]}