@hyperfixi/behaviors 2.0.0

package/dist/schemas/index.cjs

@@ -0,0 +1,353 @@
+"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/schemas/index.ts
+var schemas_exports = {};
+__export(schemas_exports, {
+  ALL_SCHEMAS: () => ALL_SCHEMAS,
+  draggableSchema: () => draggableSchema,
+  findSchema: () => findSchema,
+  getSchemaNames: () => getSchemaNames,
+  removableSchema: () => removableSchema,
+  resizableSchema: () => resizableSchema,
+  sortableSchema: () => sortableSchema,
+  toggleableSchema: () => toggleableSchema
+});
+module.exports = __toCommonJS(schemas_exports);
+
+// src/schemas/draggable.schema.ts
+var draggableSchema = {
+  name: "Draggable",
+  category: "ui",
+  tier: "core",
+  version: "1.0.0",
+  description: "Makes elements draggable with pointer events",
+  parameters: [
+    {
+      name: "dragHandle",
+      type: "selector",
+      optional: true,
+      default: "me",
+      description: "CSS selector for the drag handle element"
+    }
+  ],
+  events: [
+    { name: "draggable:start", description: "Fired when drag begins" },
+    { name: "draggable:move", description: "Fired during each movement" },
+    { name: "draggable:end", description: "Fired when drag completes" }
+  ],
+  requirements: ["position: absolute or position: fixed on the element"],
+  source: `
+behavior Draggable(dragHandle)
+  init
+    if no dragHandle set dragHandle to me
+  end
+  on pointerdown(clientX, clientY) from dragHandle
+    halt the event
+    trigger draggable:start
+    measure x
+    set startX to it
+    measure y
+    set startY to it
+    set xoff to clientX - startX
+    set yoff to clientY - startY
+    repeat until event pointerup from document
+      wait for pointermove(clientX, clientY) or
+               pointerup(clientX, clientY) from document
+      add { left: \${clientX - xoff}px; top: \${clientY - yoff}px; }
+      trigger draggable:move
+    end
+    trigger draggable:end
+  end
+end
+`.trim()
+};
+
+// 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/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/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()
+};
+
+// 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/schemas/index.ts
+var ALL_SCHEMAS = {
+  Draggable: draggableSchema,
+  Sortable: sortableSchema,
+  Resizable: resizableSchema,
+  Removable: removableSchema,
+  Toggleable: toggleableSchema
+};
+function getSchemaNames() {
+  return Object.keys(ALL_SCHEMAS);
+}
+function findSchema(name) {
+  return ALL_SCHEMAS[name];
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  ALL_SCHEMAS,
+  draggableSchema,
+  findSchema,
+  getSchemaNames,
+  removableSchema,
+  resizableSchema,
+  sortableSchema,
+  toggleableSchema
+});
+//# sourceMappingURL=index.cjs.map

package/dist/schemas/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/schemas/index.ts","../../src/schemas/draggable.schema.ts","../../src/schemas/sortable.schema.ts","../../src/schemas/resizable.schema.ts","../../src/schemas/removable.schema.ts","../../src/schemas/toggleable.schema.ts"],"sourcesContent":["/**\n * Behavior Schemas\n *\n * Central export point for all behavior schemas.\n * Used by the registry and code generation.\n */\n\n// Types\nexport type {\n  BehaviorSchema,\n  BehaviorCategory,\n  BehaviorTier,\n  ParameterSchema,\n  EventSchema,\n  BehaviorModule,\n  LokaScriptInstance,\n} from './types';\n\n// Individual schemas\nexport { draggableSchema } from './draggable.schema';\nexport { sortableSchema } from './sortable.schema';\nexport { resizableSchema } from './resizable.schema';\nexport { removableSchema } from './removable.schema';\nexport { toggleableSchema } from './toggleable.schema';\n\n// All schemas as a collection\nimport { draggableSchema } from './draggable.schema';\nimport { sortableSchema } from './sortable.schema';\nimport { resizableSchema } from './resizable.schema';\nimport { removableSchema } from './removable.schema';\nimport { toggleableSchema } from './toggleable.schema';\nimport type { BehaviorSchema } from './types';\n\n/**\n * All behavior schemas indexed by name.\n */\nexport const ALL_SCHEMAS: Record<string, BehaviorSchema> = {\n  Draggable: draggableSchema,\n  Sortable: sortableSchema,\n  Resizable: resizableSchema,\n  Removable: removableSchema,\n  Toggleable: toggleableSchema,\n};\n\n/**\n * Get all schema names.\n */\nexport function getSchemaNames(): string[] {\n  return Object.keys(ALL_SCHEMAS);\n}\n\n/**\n * Find a schema by name. Returns undefined if not found.\n *\n * Note: For the throwing version, use `getSchema()` from the registry\n * (exported from '@hyperfixi/behaviors').\n */\nexport function findSchema(name: string): BehaviorSchema | undefined {\n  return ALL_SCHEMAS[name];\n}\n","import type { BehaviorSchema } from './types';\n\n/**\n * Draggable Behavior Schema\n *\n * Makes elements draggable with pointer events.\n * Supports custom drag handles and lifecycle events.\n */\nexport const draggableSchema: BehaviorSchema = {\n  name: 'Draggable',\n  category: 'ui',\n  tier: 'core',\n  version: '1.0.0',\n  description: 'Makes elements draggable with pointer events',\n  parameters: [\n    {\n      name: 'dragHandle',\n      type: 'selector',\n      optional: true,\n      default: 'me',\n      description: 'CSS selector for the drag handle element',\n    },\n  ],\n  events: [\n    { name: 'draggable:start', description: 'Fired when drag begins' },\n    { name: 'draggable:move', description: 'Fired during each movement' },\n    { name: 'draggable:end', description: 'Fired when drag completes' },\n  ],\n  requirements: ['position: absolute or position: fixed on the element'],\n  source: `\nbehavior Draggable(dragHandle)\n  init\n    if no dragHandle set dragHandle to me\n  end\n  on pointerdown(clientX, clientY) from dragHandle\n    halt the event\n    trigger draggable:start\n    measure x\n    set startX to it\n    measure y\n    set startY to it\n    set xoff to clientX - startX\n    set yoff to clientY - startY\n    repeat until event pointerup from document\n      wait for pointermove(clientX, clientY) or\n               pointerup(clientX, clientY) from document\n      add { left: \\${clientX - xoff}px; top: \\${clientY - yoff}px; }\n      trigger draggable:move\n    end\n    trigger draggable:end\n  end\nend\n`.trim(),\n};\n","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","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","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","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":"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","names":[]}

package/dist/schemas/index.d.cts

@@ -0,0 +1,75 @@
+import { a as BehaviorSchema } from '../types-CCc_2wAb.cjs';
+export { b as BehaviorCategory, B as BehaviorModule, c as BehaviorTier, E as EventSchema, L as LokaScriptInstance, P as ParameterSchema } from '../types-CCc_2wAb.cjs';
+
+/**
+ * Draggable Behavior Schema
+ *
+ * Makes elements draggable with pointer events.
+ * Supports custom drag handles and lifecycle events.
+ */
+declare const draggableSchema: BehaviorSchema;
+
+/**
+ * Sortable Behavior Schema
+ *
+ * Drag-and-drop reordering of list items.
+ * Apply to a container element; children become sortable.
+ *
+ * Note: This behavior fires lifecycle events but does NOT automatically
+ * reorder DOM elements. Users must handle actual reordering in their
+ * `sortable:move` event handlers.
+ */
+declare const sortableSchema: BehaviorSchema;
+
+/**
+ * Resizable Behavior Schema
+ *
+ * Makes elements resizable by dragging edges or corners.
+ * Supports minimum/maximum dimensions and resize handles.
+ */
+declare const resizableSchema: BehaviorSchema;
+
+/**
+ * Removable Behavior Schema
+ *
+ * Removes an element when a trigger is clicked.
+ * Supports optional confirmation and transition effects.
+ *
+ * @since 1.2.0 — `trigger` parameter renamed to `triggerEl` to avoid
+ * shadowing the hyperscript `trigger` command keyword. Users migrating
+ * from v1.x should update: `install Removable(triggerEl: .close-btn)`.
+ */
+declare const removableSchema: BehaviorSchema;
+
+/**
+ * Toggleable Behavior Schema
+ *
+ * Toggles a CSS class on click.
+ * Useful for accordions, dropdowns, and toggle buttons.
+ */
+declare const toggleableSchema: BehaviorSchema;
+
+/**
+ * Behavior Schemas
+ *
+ * Central export point for all behavior schemas.
+ * Used by the registry and code generation.
+ */
+
+/**
+ * All behavior schemas indexed by name.
+ */
+declare const ALL_SCHEMAS: Record<string, BehaviorSchema>;
+/**
+ * Get all schema names.
+ */
+declare function getSchemaNames(): string[];
+/**
+ * Find a schema by name. Returns undefined if not found.
+ *
+ * Note: For the throwing version, use `getSchema()` from the registry
+ * (exported from '@hyperfixi/behaviors').
+ */
+declare function findSchema(name: string): BehaviorSchema | undefined;
+
+export { ALL_SCHEMAS, BehaviorSchema, draggableSchema, findSchema, getSchemaNames, removableSchema, resizableSchema, sortableSchema, toggleableSchema };

package/dist/schemas/index.d.ts

@@ -0,0 +1,75 @@
+import { a as BehaviorSchema } from '../types-CCc_2wAb.js';
+export { b as BehaviorCategory, B as BehaviorModule, c as BehaviorTier, E as EventSchema, L as LokaScriptInstance, P as ParameterSchema } from '../types-CCc_2wAb.js';
+
+/**
+ * Draggable Behavior Schema
+ *
+ * Makes elements draggable with pointer events.
+ * Supports custom drag handles and lifecycle events.
+ */
+declare const draggableSchema: BehaviorSchema;
+
+/**
+ * Sortable Behavior Schema
+ *
+ * Drag-and-drop reordering of list items.
+ * Apply to a container element; children become sortable.
+ *
+ * Note: This behavior fires lifecycle events but does NOT automatically
+ * reorder DOM elements. Users must handle actual reordering in their
+ * `sortable:move` event handlers.
+ */
+declare const sortableSchema: BehaviorSchema;
+
+/**
+ * Resizable Behavior Schema
+ *
+ * Makes elements resizable by dragging edges or corners.
+ * Supports minimum/maximum dimensions and resize handles.
+ */
+declare const resizableSchema: BehaviorSchema;
+
+/**
+ * Removable Behavior Schema
+ *
+ * Removes an element when a trigger is clicked.
+ * Supports optional confirmation and transition effects.
+ *
+ * @since 1.2.0 — `trigger` parameter renamed to `triggerEl` to avoid
+ * shadowing the hyperscript `trigger` command keyword. Users migrating
+ * from v1.x should update: `install Removable(triggerEl: .close-btn)`.
+ */
+declare const removableSchema: BehaviorSchema;
+
+/**
+ * Toggleable Behavior Schema
+ *
+ * Toggles a CSS class on click.
+ * Useful for accordions, dropdowns, and toggle buttons.
+ */
+declare const toggleableSchema: BehaviorSchema;
+
+/**
+ * Behavior Schemas
+ *
+ * Central export point for all behavior schemas.
+ * Used by the registry and code generation.
+ */
+
+/**
+ * All behavior schemas indexed by name.
+ */
+declare const ALL_SCHEMAS: Record<string, BehaviorSchema>;
+/**
+ * Get all schema names.
+ */
+declare function getSchemaNames(): string[];
+/**
+ * Find a schema by name. Returns undefined if not found.
+ *
+ * Note: For the throwing version, use `getSchema()` from the registry
+ * (exported from '@hyperfixi/behaviors').
+ */
+declare function findSchema(name: string): BehaviorSchema | undefined;
+
+export { ALL_SCHEMAS, BehaviorSchema, draggableSchema, findSchema, getSchemaNames, removableSchema, resizableSchema, sortableSchema, toggleableSchema };

package/dist/schemas/index.js

@@ -0,0 +1,41 @@
+import {
+  draggableSchema
+} from "../chunk-G6WR2AYR.js";
+import {
+  removableSchema
+} from "../chunk-272NKUJ3.js";
+import {
+  resizableSchema
+} from "../chunk-V5IWDPDP.js";
+import {
+  sortableSchema
+} from "../chunk-BWZ6EGII.js";
+import {
+  toggleableSchema
+} from "../chunk-WUHHMDAA.js";
+
+// src/schemas/index.ts
+var ALL_SCHEMAS = {
+  Draggable: draggableSchema,
+  Sortable: sortableSchema,
+  Resizable: resizableSchema,
+  Removable: removableSchema,
+  Toggleable: toggleableSchema
+};
+function getSchemaNames() {
+  return Object.keys(ALL_SCHEMAS);
+}
+function findSchema(name) {
+  return ALL_SCHEMAS[name];
+}
+export {
+  ALL_SCHEMAS,
+  draggableSchema,
+  findSchema,
+  getSchemaNames,
+  removableSchema,
+  resizableSchema,
+  sortableSchema,
+  toggleableSchema
+};
+//# sourceMappingURL=index.js.map

package/dist/schemas/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/schemas/index.ts"],"sourcesContent":["/**\n * Behavior Schemas\n *\n * Central export point for all behavior schemas.\n * Used by the registry and code generation.\n */\n\n// Types\nexport type {\n  BehaviorSchema,\n  BehaviorCategory,\n  BehaviorTier,\n  ParameterSchema,\n  EventSchema,\n  BehaviorModule,\n  LokaScriptInstance,\n} from './types';\n\n// Individual schemas\nexport { draggableSchema } from './draggable.schema';\nexport { sortableSchema } from './sortable.schema';\nexport { resizableSchema } from './resizable.schema';\nexport { removableSchema } from './removable.schema';\nexport { toggleableSchema } from './toggleable.schema';\n\n// All schemas as a collection\nimport { draggableSchema } from './draggable.schema';\nimport { sortableSchema } from './sortable.schema';\nimport { resizableSchema } from './resizable.schema';\nimport { removableSchema } from './removable.schema';\nimport { toggleableSchema } from './toggleable.schema';\nimport type { BehaviorSchema } from './types';\n\n/**\n * All behavior schemas indexed by name.\n */\nexport const ALL_SCHEMAS: Record<string, BehaviorSchema> = {\n  Draggable: draggableSchema,\n  Sortable: sortableSchema,\n  Resizable: resizableSchema,\n  Removable: removableSchema,\n  Toggleable: toggleableSchema,\n};\n\n/**\n * Get all schema names.\n */\nexport function getSchemaNames(): string[] {\n  return Object.keys(ALL_SCHEMAS);\n}\n\n/**\n * Find a schema by name. Returns undefined if not found.\n *\n * Note: For the throwing version, use `getSchema()` from the registry\n * (exported from '@hyperfixi/behaviors').\n */\nexport function findSchema(name: string): BehaviorSchema | undefined {\n  return ALL_SCHEMAS[name];\n}\n"],"mappings":";;;;;;;;;;;;;;;;;AAoCO,IAAM,cAA8C;AAAA,EACzD,WAAW;AAAA,EACX,UAAU;AAAA,EACV,WAAW;AAAA,EACX,WAAW;AAAA,EACX,YAAY;AACd;AAKO,SAAS,iBAA2B;AACzC,SAAO,OAAO,KAAK,WAAW;AAChC;AAQO,SAAS,WAAW,MAA0C;AACnE,SAAO,YAAY,IAAI;AACzB;","names":[]}

package/dist/sortable.browser.global.js

@@ -0,0 +1,25 @@
+"use strict";var HyperFixiBehaviors=(()=>{var i=Object.defineProperty;var d=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var c=Object.prototype.hasOwnProperty;var m=(t,e)=>{for(var r in e)i(t,r,{get:e[r],enumerable:!0})},p=(t,e,r,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of l(e))!c.call(t,a)&&a!==r&&i(t,a,{get:()=>e[a],enumerable:!(n=d(e,a))||n.enumerable});return t};var g=t=>p(i({},"__esModule",{value:!0}),t);var w={};m(w,{default:()=>f,registerSortable:()=>s,sortableMetadata:()=>u,sortableSource:()=>h});var o={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:!0,default:"none",description:"CSS selector for drag handles within items"},{name:"dragClass",type:"string",optional:!0,default:"sorting",description:"CSS class added to item during drag"}],events:[{name:"sortable:start",description:"Fired when drag begins"},{name:"sortable:move",description:"Fired during drag \u2014 handle this event to reorder DOM elements"},{name:"sortable:end",description:"Fired when drag completes"}],requirements:["Users must handle DOM reordering in sortable:move event handlers"],source:`
+behavior Sortable(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()};var h=o.source,u=o;async function s(t){let e=t||(typeof window<"u"?window.lokascript:null);if(!e)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let r=e.compileSync(o.source,{traditional:!0});if(!r.ok)throw new Error(`Failed to compile Sortable behavior: ${JSON.stringify(r.errors)}`);let n=e.createContext?e.createContext():{locals:new Map,globals:new Map};await e.execute(r.ast,n)}typeof window<"u"&&window.lokascript&&s().catch(console.error);var f={source:o.source,metadata:o,register:s};return g(w);})();
+//# sourceMappingURL=sortable.browser.global.js.map

package/dist/sortable.browser.global.js.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":"scAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,qBAAAC,EAAA,qBAAAC,EAAA,mBAAAC,ICYO,IAAMC,EAAiC,CAC5C,KAAM,WACN,SAAU,KACV,KAAM,SACN,QAAS,QACT,YAAa,qDACb,WAAY,CACV,CACE,KAAM,SACN,KAAM,WACN,SAAU,GACV,QAAS,OACT,YAAa,4CACf,EACA,CACE,KAAM,YACN,KAAM,SACN,SAAU,GACV,QAAS,UACT,YAAa,qCACf,CACF,EACA,OAAQ,CACN,CAAE,KAAM,iBAAkB,YAAa,wBAAyB,EAChE,CACE,KAAM,gBACN,YAAa,oEACf,EACA,CAAE,KAAM,eAAgB,YAAa,2BAA4B,CACnE,EACA,aAAc,CAAC,kEAAkE,EACjF,OAAQ;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,CACP,EDhDO,IAAMC,EAAiBC,EAAe,OAChCC,EAAmBD,EAKhC,eAAsBE,EAAiBC,EAA+C,CACpF,IAAMC,EACJD,IACC,OAAO,OAAW,IAAe,OAAuC,WAAa,MAExF,GAAI,CAACC,EACH,MAAM,IAAI,MACR,yFACF,EAGF,IAAMC,EAASD,EAAG,YAAYJ,EAAe,OAAQ,CAAE,YAAa,EAAK,CAAC,EAE1E,GAAI,CAACK,EAAO,GACV,MAAM,IAAI,MAAM,wCAAwC,KAAK,UAAUA,EAAO,MAAM,CAAC,EAAE,EAGzF,IAAMC,EAAMF,EAAG,cAAgBA,EAAG,cAAc,EAAI,CAAE,OAAQ,IAAI,IAAO,QAAS,IAAI,GAAM,EAC5F,MAAMA,EAAG,QAAQC,EAAO,IAAKC,CAAG,CAClC,CAGI,OAAO,OAAW,KAAgB,OAAuC,YAC3EJ,EAAiB,EAAE,MAAM,QAAQ,KAAK,EAGxC,IAAOK,EAAQ,CACb,OAAQP,EAAe,OACvB,SAAUA,EACV,SAAUE,CACZ","names":["sortable_exports","__export","sortable_default","registerSortable","sortableMetadata","sortableSource","sortableSchema","sortableSource","sortableSchema","sortableMetadata","registerSortable","hyperfixi","hf","result","ctx","sortable_default"]}

package/dist/toggleable.browser.global.js

@@ -0,0 +1,16 @@
+"use strict";var HyperFixiBehaviors=(()=>{var n=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var l=Object.getOwnPropertyNames;var d=Object.prototype.hasOwnProperty;var g=(o,e)=>{for(var t in e)n(o,t,{get:e[t],enumerable:!0})},p=(o,e,t,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of l(e))!d.call(o,a)&&a!==t&&n(o,a,{get:()=>e[a],enumerable:!(i=c(e,a))||i.enumerable});return o};var m=o=>p(n({},"__esModule",{value:!0}),o);var h={};g(h,{default:()=>w,registerToggleable:()=>s,toggleableMetadata:()=>u,toggleableSource:()=>f});var r={name:"Toggleable",category:"form",tier:"core",version:"1.0.0",description:"Toggles a CSS class on click",parameters:[{name:"cls",type:"string",optional:!0,default:"active",description:"CSS class to toggle"},{name:"target",type:"selector",optional:!0,default:"me",description:"Element to toggle the class on"}],events:[{name:"toggleable:on",description:"Fired when class is added"},{name:"toggleable:off",description:"Fired when class is removed"}],source:`
+behavior Toggleable(cls, target)
+  init
+    if cls is undefined
+      set cls to "active"
+    end
+    if target is undefined
+      set target to me
+    end
+  end
+  on click
+    toggle .{cls} on target
+  end
+end
+`.trim()};var f=r.source,u=r;async function s(o){let e=o||(typeof window<"u"?window.lokascript:null);if(!e)throw new Error("LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.");let t=e.compileSync(r.source,{traditional:!0});if(!t.ok)throw new Error(`Failed to compile Toggleable behavior: ${JSON.stringify(t.errors)}`);let i=e.createContext?e.createContext():{locals:new Map,globals:new Map};await e.execute(t.ast,i)}typeof window<"u"&&window.lokascript&&s().catch(console.error);var w={source:r.source,metadata:r,register:s};return m(h);})();
+//# sourceMappingURL=toggleable.browser.global.js.map

package/dist/toggleable.browser.global.js.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":"scAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,aAAAE,EAAA,uBAAAC,EAAA,uBAAAC,EAAA,qBAAAC,ICQO,IAAMC,EAAmC,CAC9C,KAAM,aACN,SAAU,OACV,KAAM,OACN,QAAS,QACT,YAAa,+BACb,WAAY,CACV,CACE,KAAM,MACN,KAAM,SACN,SAAU,GACV,QAAS,SACT,YAAa,qBACf,EACA,CACE,KAAM,SACN,KAAM,WACN,SAAU,GACV,QAAS,KACT,YAAa,gCACf,CACF,EACA,OAAQ,CACN,CAAE,KAAM,gBAAiB,YAAa,2BAA4B,EAClE,CAAE,KAAM,iBAAkB,YAAa,6BAA8B,CACvE,EACA,OAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAcR,KAAK,CACP,ED/BO,IAAMC,EAAmBC,EAAiB,OACpCC,EAAqBD,EAKlC,eAAsBE,EAAmBC,EAA+C,CACtF,IAAMC,EACJD,IACC,OAAO,OAAW,IAAe,OAAuC,WAAa,MAExF,GAAI,CAACC,EACH,MAAM,IAAI,MACR,yFACF,EAGF,IAAMC,EAASD,EAAG,YAAYJ,EAAiB,OAAQ,CAAE,YAAa,EAAK,CAAC,EAE5E,GAAI,CAACK,EAAO,GACV,MAAM,IAAI,MAAM,0CAA0C,KAAK,UAAUA,EAAO,MAAM,CAAC,EAAE,EAG3F,IAAMC,EAAMF,EAAG,cAAgBA,EAAG,cAAc,EAAI,CAAE,OAAQ,IAAI,IAAO,QAAS,IAAI,GAAM,EAC5F,MAAMA,EAAG,QAAQC,EAAO,IAAKC,CAAG,CAClC,CAGI,OAAO,OAAW,KAAgB,OAAuC,YAC3EJ,EAAmB,EAAE,MAAM,QAAQ,KAAK,EAG1C,IAAOK,EAAQ,CACb,OAAQP,EAAiB,OACzB,SAAUA,EACV,SAAUE,CACZ","names":["toggleable_exports","__export","toggleable_default","registerToggleable","toggleableMetadata","toggleableSource","toggleableSchema","toggleableSource","toggleableSchema","toggleableMetadata","registerToggleable","hyperfixi","hf","result","ctx","toggleable_default"]}