@hyperfixi/behaviors 3.1.1 → 3.3.0

package/dist/behaviors/resizable.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/behaviors/resizable.ts","../../src/schemas/resizable.schema.ts","../../src/schemas/types.ts"],"sourcesContent":["/**\n * Resizable Behavior\n *\n * Makes elements resizable by dragging. Compiled from its hyperscript `source`\n * (single source of truth) — no imperative installer. The source measures the\n * start size, runs a `repeat until event pointerup` loop, clamps to\n * min/max dimensions, and writes `*width` / `*height` inline styles.\n *\n * @example\n * ```html\n * <div _=\"install Resizable\" style=\"width: 200px; height: 150px;\">\n *   Resize me!\n * </div>\n * ```\n */\n\nimport { resizableSchema } from '../schemas/resizable.schema';\nimport type { LokaScriptInstance } from '../schemas/types';\nimport { resolveRuntime } from '../schemas/types';\n\n// Re-export schema-derived values for backwards compatibility\nexport const resizableSource = resizableSchema.source;\nexport const resizableMetadata = resizableSchema;\n\n/**\n * Register the Resizable behavior with LokaScript by compiling its hyperscript\n * source and executing the resulting behavior definition.\n */\nexport async function registerResizable(hyperfixi?: LokaScriptInstance): Promise<void> {\n  const hf = hyperfixi || resolveRuntime();\n\n  if (!hf) {\n    throw new Error(\n      'LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.'\n    );\n  }\n\n  const result = hf.compileSync(resizableSchema.source, { traditional: true });\n\n  if (!result.ok) {\n    throw new Error(`Failed to compile Resizable behavior: ${JSON.stringify(result.errors)}`);\n  }\n\n  const ctx = hf.createContext ? hf.createContext() : { locals: new Map(), globals: new Map() };\n  await hf.execute(result.ast, ctx);\n}\n\n// Auto-register when loaded as a script tag\nif (resolveRuntime()) {\n  registerResizable().catch(console.error);\n}\n\nexport default {\n  source: resizableSchema.source,\n  metadata: resizableSchema,\n  register: registerResizable,\n};\n","import type { BehaviorSchema } from './types';\n\n/**\n * Resizable Behavior Schema\n *\n * Makes elements resizable by dragging edges or corners.\n * Supports minimum/maximum dimensions and resize handles.\n */\nexport const resizableSchema: BehaviorSchema = {\n  name: 'Resizable',\n  category: 'ui',\n  tier: 'optional',\n  version: '1.0.0',\n  description:\n    'Makes elements resizable by dragging (EXPERIMENTAL — stateful async component, beyond the inline-scripting boundary; not part of the curated set)',\n  parameters: [\n    {\n      name: 'minWidth',\n      type: 'number',\n      optional: true,\n      default: 50,\n      description: 'Minimum width in pixels',\n    },\n    {\n      name: 'minHeight',\n      type: 'number',\n      optional: true,\n      default: 50,\n      description: 'Minimum height in pixels',\n    },\n    {\n      name: 'maxWidth',\n      type: 'number',\n      optional: true,\n      default: 9999,\n      description: 'Maximum width in pixels',\n    },\n    {\n      name: 'maxHeight',\n      type: 'number',\n      optional: true,\n      default: 9999,\n      description: 'Maximum height in pixels',\n    },\n  ],\n  events: [\n    { name: 'resizable:start', description: 'Fired when resize begins' },\n    { name: 'resizable:resize', description: 'Fired during resize' },\n    { name: 'resizable:end', description: 'Fired when resize completes' },\n  ],\n  source: `\nbehavior Resizable(minWidth, minHeight, maxWidth, maxHeight)\n  on pointerdown(clientX, clientY) from me\n    halt the event\n    trigger resizable:start\n    measure width\n    set startWidth to it\n    measure height\n    set startHeight to it\n    set startX to clientX\n    set startY to clientY\n    repeat until event pointerup from document\n      wait for pointermove(clientX, clientY) or pointerup(clientX, clientY) from document\n      set newWidth to startWidth + clientX - startX\n      set newHeight to startHeight + clientY - startY\n      if newWidth < minWidth then set newWidth to minWidth end\n      if newWidth > maxWidth then set newWidth to maxWidth end\n      if newHeight < minHeight then set newHeight to minHeight end\n      if newHeight > maxHeight then set newHeight to maxHeight end\n      set my *width to newWidth + \"px\"\n      set my *height to newHeight + \"px\"\n      trigger resizable:resize\n    end\n    trigger resizable:end\n  end\nend\n`.trim(),\n};\n","/**\n * Behavior Schema Types\n *\n * Defines the structure for behavior metadata used for:\n * - Code generation (TypeScript types, documentation)\n * - Runtime categorization and lazy loading\n * - Tooling and IDE integration\n */\n\n/**\n * Behavior categories for organization.\n * - ui: Visual interaction behaviors (drag, resize, sort)\n * - data: Data manipulation behaviors (remove, transform)\n * - animation: Animation and transition behaviors\n * - form: Form-related behaviors (validation, toggle states)\n * - layout: Layout behaviors (sticky, scrollspy)\n */\nexport type BehaviorCategory = 'ui' | 'data' | 'animation' | 'form' | 'layout';\n\n/**\n * Loading tiers for lazy loading optimization.\n * - core: Always loaded (essential behaviors)\n * - common: High usage (loaded for typical apps)\n * - optional: Low usage (loaded on demand)\n */\nexport type BehaviorTier = 'core' | 'common' | 'optional';\n\n/**\n * Schema for a behavior parameter.\n */\nexport interface ParameterSchema {\n  name: string;\n  type: 'string' | 'number' | 'boolean' | 'selector' | 'element';\n  optional?: boolean;\n  default?: string | number | boolean;\n  /** Allowed values for constrained parameters */\n  enum?: string[];\n  description: string;\n}\n\n/**\n * Schema for a behavior event.\n */\nexport interface EventSchema {\n  name: string;\n  description: string;\n}\n\n/**\n * Complete schema for a behavior.\n * This is the source of truth for all behavior metadata.\n */\nexport interface BehaviorSchema {\n  /** Behavior name (PascalCase) */\n  name: string;\n  /** Category for organization */\n  category: BehaviorCategory;\n  /** Loading tier for lazy loading */\n  tier: BehaviorTier;\n  /** Semantic version */\n  version: string;\n  /** Human-readable description */\n  description: string;\n  /** Parameter definitions */\n  parameters: ParameterSchema[];\n  /** Event definitions */\n  events: EventSchema[];\n  /** The hyperscript behavior source code */\n  source: string;\n  /** Optional requirements or notes */\n  requirements?: string[];\n}\n\n/**\n * Runtime behavior module interface.\n * This is what gets registered with the hyperfixi runtime.\n */\nexport interface BehaviorModule {\n  source: string;\n  metadata: BehaviorSchema;\n  register: (hyperfixi?: LokaScriptInstance) => Promise<void>;\n}\n\n/**\n * Minimal LokaScript instance interface for behavior registration.\n */\nexport interface LokaScriptInstance {\n  compileSync: (\n    code: string,\n    options?: { traditional?: boolean; language?: string }\n  ) => {\n    ok: boolean;\n    ast?: unknown;\n    errors?: Array<{ message: string; line?: number; column?: number }>;\n  };\n  execute: (ast: unknown, ctx: unknown) => Promise<unknown>;\n  createContext?: () => { locals: Map<string, unknown>; globals: Map<string, unknown> };\n}\n\n/**\n * Typed window interface for behavior auto-registration.\n * Avoids `(window as any)` casts throughout the codebase.\n * Checks both `window.lokascript` and `window.hyperfixi` for the runtime instance.\n */\nexport interface LokaScriptWindow {\n  lokascript?: LokaScriptInstance;\n  hyperfixi?: LokaScriptInstance;\n  __hyperfixi_behaviors_ready?: Promise<void> | undefined;\n}\n\n/**\n * Resolve the LokaScript runtime from window globals.\n * Checks both `window.lokascript` and `window.hyperfixi`.\n */\nexport function resolveRuntime(): LokaScriptInstance | null {\n  if (typeof window === 'undefined') return null;\n  const win = window as unknown as LokaScriptWindow;\n  return win.lokascript || win.hyperfixi || null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACQO,IAAM,kBAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aACE;AAAA,EACF,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,mBAAmB,aAAa,2BAA2B;AAAA,IACnE,EAAE,MAAM,oBAAoB,aAAa,sBAAsB;AAAA,IAC/D,EAAE,MAAM,iBAAiB,aAAa,8BAA8B;AAAA,EACtE;AAAA,EACA,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0BR,KAAK;AACP;;;ACqCO,SAAS,iBAA4C;AAC1D,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,MAAM;AACZ,SAAO,IAAI,cAAc,IAAI,aAAa;AAC5C;;;AFjGO,IAAM,kBAAkB,gBAAgB;AACxC,IAAM,oBAAoB;AAMjC,eAAsB,kBAAkB,WAA+C;AACrF,QAAM,KAAK,aAAa,eAAe;AAEvC,MAAI,CAAC,IAAI;AACP,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,QAAM,SAAS,GAAG,YAAY,gBAAgB,QAAQ,EAAE,aAAa,KAAK,CAAC;AAE3E,MAAI,CAAC,OAAO,IAAI;AACd,UAAM,IAAI,MAAM,yCAAyC,KAAK,UAAU,OAAO,MAAM,CAAC,EAAE;AAAA,EAC1F;AAEA,QAAM,MAAM,GAAG,gBAAgB,GAAG,cAAc,IAAI,EAAE,QAAQ,oBAAI,IAAI,GAAG,SAAS,oBAAI,IAAI,EAAE;AAC5F,QAAM,GAAG,QAAQ,OAAO,KAAK,GAAG;AAClC;AAGA,IAAI,eAAe,GAAG;AACpB,oBAAkB,EAAE,MAAM,QAAQ,KAAK;AACzC;AAEA,IAAO,oBAAQ;AAAA,EACb,QAAQ,gBAAgB;AAAA,EACxB,UAAU;AAAA,EACV,UAAU;AACZ;","names":[]}
+{"version":3,"sources":["../../src/behaviors/resizable.ts","../../src/schemas/resizable.schema.ts","../../src/schemas/types.ts"],"sourcesContent":["/**\n * Resizable Behavior\n *\n * Makes elements resizable by dragging. Compiled from its hyperscript `source`\n * (single source of truth) — no imperative installer. The source measures the\n * start size, runs a `repeat until event pointerup` loop, clamps to\n * min/max dimensions, and writes `*width` / `*height` inline styles.\n *\n * @example\n * ```html\n * <div _=\"install Resizable\" style=\"width: 200px; height: 150px;\">\n *   Resize me!\n * </div>\n * ```\n */\n\nimport { resizableSchema } from '../schemas/resizable.schema';\nimport type { LokaScriptInstance } from '../schemas/types';\nimport { resolveRuntime } from '../schemas/types';\n\n// Re-export schema-derived values for backwards compatibility\nexport const resizableSource = resizableSchema.source;\nexport const resizableMetadata = resizableSchema;\n\n/**\n * Register the Resizable behavior with LokaScript by compiling its hyperscript\n * source and executing the resulting behavior definition.\n */\nexport async function registerResizable(hyperfixi?: LokaScriptInstance): Promise<void> {\n  const hf = hyperfixi || resolveRuntime();\n\n  if (!hf) {\n    throw new Error(\n      'LokaScript not found. Make sure @hyperfixi/core is loaded before registering behaviors.'\n    );\n  }\n\n  const result = hf.compileSync(resizableSchema.source, { traditional: true });\n\n  if (!result.ok) {\n    throw new Error(`Failed to compile Resizable behavior: ${JSON.stringify(result.errors)}`);\n  }\n\n  const ctx = hf.createContext ? hf.createContext() : { locals: new Map(), globals: new Map() };\n  await hf.execute(result.ast, ctx);\n}\n\n// Auto-register when loaded as a script tag\nif (resolveRuntime()) {\n  registerResizable().catch(console.error);\n}\n\nexport default {\n  source: resizableSchema.source,\n  metadata: resizableSchema,\n  register: registerResizable,\n};\n","import type { BehaviorSchema } from './types';\n\n/**\n * Resizable Behavior Schema\n *\n * Makes elements resizable by dragging edges or corners.\n * Supports minimum/maximum dimensions and resize handles.\n */\nexport const resizableSchema: BehaviorSchema = {\n  name: 'Resizable',\n  category: 'ui',\n  tier: 'optional',\n  version: '1.0.0',\n  description:\n    'Makes elements resizable by dragging (EXPERIMENTAL — stateful async component, beyond the inline-scripting boundary; not part of the curated set)',\n  parameters: [\n    {\n      name: 'minWidth',\n      type: 'number',\n      optional: true,\n      default: 50,\n      description: 'Minimum width in pixels',\n    },\n    {\n      name: 'minHeight',\n      type: 'number',\n      optional: true,\n      default: 50,\n      description: 'Minimum height in pixels',\n    },\n    {\n      name: 'maxWidth',\n      type: 'number',\n      optional: true,\n      default: 9999,\n      description: 'Maximum width in pixels',\n    },\n    {\n      name: 'maxHeight',\n      type: 'number',\n      optional: true,\n      default: 9999,\n      description: 'Maximum height in pixels',\n    },\n  ],\n  events: [\n    { name: 'resizable:start', description: 'Fired when resize begins' },\n    { name: 'resizable:resize', description: 'Fired during resize' },\n    { name: 'resizable:end', description: 'Fired when resize completes' },\n  ],\n  source: `\nbehavior Resizable(minWidth, minHeight, maxWidth, maxHeight)\n  on pointerdown(clientX, clientY) from me\n    halt the event\n    trigger resizable:start\n    measure width\n    set startWidth to it\n    measure height\n    set startHeight to it\n    set startX to clientX\n    set startY to clientY\n    repeat until event pointerup from document\n      wait for pointermove(clientX, clientY) or pointerup(clientX, clientY) from document\n      set newWidth to (startWidth + clientX) - startX\n      set newHeight to (startHeight + clientY) - startY\n      if newWidth < minWidth then set newWidth to minWidth end\n      if newWidth > maxWidth then set newWidth to maxWidth end\n      if newHeight < minHeight then set newHeight to minHeight end\n      if newHeight > maxHeight then set newHeight to maxHeight end\n      set my *width to newWidth + \"px\"\n      set my *height to newHeight + \"px\"\n      trigger resizable:resize\n    end\n    trigger resizable:end\n  end\nend\n`.trim(),\n};\n","/**\n * Behavior Schema Types\n *\n * Defines the structure for behavior metadata used for:\n * - Code generation (TypeScript types, documentation)\n * - Runtime categorization and lazy loading\n * - Tooling and IDE integration\n */\n\n/**\n * Behavior categories for organization.\n * - ui: Visual interaction behaviors (drag, resize, sort)\n * - data: Data manipulation behaviors (remove, transform)\n * - animation: Animation and transition behaviors\n * - form: Form-related behaviors (validation, toggle states)\n * - layout: Layout behaviors (sticky, scrollspy)\n */\nexport type BehaviorCategory = 'ui' | 'data' | 'animation' | 'form' | 'layout';\n\n/**\n * Loading tiers for lazy loading optimization.\n * - core: Always loaded (essential behaviors)\n * - common: High usage (loaded for typical apps)\n * - optional: Low usage (loaded on demand)\n */\nexport type BehaviorTier = 'core' | 'common' | 'optional';\n\n/**\n * Schema for a behavior parameter.\n */\nexport interface ParameterSchema {\n  name: string;\n  type: 'string' | 'number' | 'boolean' | 'selector' | 'element';\n  optional?: boolean;\n  default?: string | number | boolean;\n  /** Allowed values for constrained parameters */\n  enum?: string[];\n  description: string;\n}\n\n/**\n * Schema for a behavior event.\n */\nexport interface EventSchema {\n  name: string;\n  description: string;\n}\n\n/**\n * Complete schema for a behavior.\n * This is the source of truth for all behavior metadata.\n */\nexport interface BehaviorSchema {\n  /** Behavior name (PascalCase) */\n  name: string;\n  /** Category for organization */\n  category: BehaviorCategory;\n  /** Loading tier for lazy loading */\n  tier: BehaviorTier;\n  /** Semantic version */\n  version: string;\n  /** Human-readable description */\n  description: string;\n  /** Parameter definitions */\n  parameters: ParameterSchema[];\n  /** Event definitions */\n  events: EventSchema[];\n  /** The hyperscript behavior source code */\n  source: string;\n  /** Optional requirements or notes */\n  requirements?: string[];\n}\n\n/**\n * Runtime behavior module interface.\n * This is what gets registered with the hyperfixi runtime.\n */\nexport interface BehaviorModule {\n  source: string;\n  metadata: BehaviorSchema;\n  register: (hyperfixi?: LokaScriptInstance) => Promise<void>;\n}\n\n/**\n * Minimal LokaScript instance interface for behavior registration.\n */\nexport interface LokaScriptInstance {\n  compileSync: (\n    code: string,\n    options?: { traditional?: boolean; language?: string }\n  ) => {\n    ok: boolean;\n    ast?: unknown;\n    errors?: Array<{ message: string; line?: number; column?: number }>;\n  };\n  execute: (ast: unknown, ctx: unknown) => Promise<unknown>;\n  createContext?: () => { locals: Map<string, unknown>; globals: Map<string, unknown> };\n}\n\n/**\n * Typed window interface for behavior auto-registration.\n * Avoids `(window as any)` casts throughout the codebase.\n * Checks both `window.lokascript` and `window.hyperfixi` for the runtime instance.\n */\nexport interface LokaScriptWindow {\n  lokascript?: LokaScriptInstance;\n  hyperfixi?: LokaScriptInstance;\n  __hyperfixi_behaviors_ready?: Promise<void> | undefined;\n}\n\n/**\n * Resolve the LokaScript runtime from window globals.\n * Checks both `window.lokascript` and `window.hyperfixi`.\n */\nexport function resolveRuntime(): LokaScriptInstance | null {\n  if (typeof window === 'undefined') return null;\n  const win = window as unknown as LokaScriptWindow;\n  return win.lokascript || win.hyperfixi || null;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACQO,IAAM,kBAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aACE;AAAA,EACF,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,mBAAmB,aAAa,2BAA2B;AAAA,IACnE,EAAE,MAAM,oBAAoB,aAAa,sBAAsB;AAAA,IAC/D,EAAE,MAAM,iBAAiB,aAAa,8BAA8B;AAAA,EACtE;AAAA,EACA,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0BR,KAAK;AACP;;;ACqCO,SAAS,iBAA4C;AAC1D,MAAI,OAAO,WAAW,YAAa,QAAO;AAC1C,QAAM,MAAM;AACZ,SAAO,IAAI,cAAc,IAAI,aAAa;AAC5C;;;AFjGO,IAAM,kBAAkB,gBAAgB;AACxC,IAAM,oBAAoB;AAMjC,eAAsB,kBAAkB,WAA+C;AACrF,QAAM,KAAK,aAAa,eAAe;AAEvC,MAAI,CAAC,IAAI;AACP,UAAM,IAAI;AAAA,MACR;AAAA,IACF;AAAA,EACF;AAEA,QAAM,SAAS,GAAG,YAAY,gBAAgB,QAAQ,EAAE,aAAa,KAAK,CAAC;AAE3E,MAAI,CAAC,OAAO,IAAI;AACd,UAAM,IAAI,MAAM,yCAAyC,KAAK,UAAU,OAAO,MAAM,CAAC,EAAE;AAAA,EAC1F;AAEA,QAAM,MAAM,GAAG,gBAAgB,GAAG,cAAc,IAAI,EAAE,QAAQ,oBAAI,IAAI,GAAG,SAAS,oBAAI,IAAI,EAAE;AAC5F,QAAM,GAAG,QAAQ,OAAO,KAAK,GAAG;AAClC;AAGA,IAAI,eAAe,GAAG;AACpB,oBAAkB,EAAE,MAAM,QAAQ,KAAK;AACzC;AAEA,IAAO,oBAAQ;AAAA,EACb,QAAQ,gBAAgB;AAAA,EACxB,UAAU;AAAA,EACV,UAAU;AACZ;","names":[]}

package/dist/behaviors/resizable.js

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

package/dist/{chunk-5LFOFVZ3.js → chunk-5S7WN3ZQ.js}

@@ -53,8 +53,8 @@ behavior Resizable(minWidth, minHeight, maxWidth, maxHeight)
     set startY to clientY
     repeat until event pointerup from document
       wait for pointermove(clientX, clientY) or pointerup(clientX, clientY) from document
-      set newWidth to startWidth + clientX - startX
-      set newHeight to startHeight + clientY - startY
+      set newWidth to (startWidth + clientX) - startX
+      set newHeight to (startHeight + clientY) - startY
       if newWidth < minWidth then set newWidth to minWidth end
       if newWidth > maxWidth then set newWidth to maxWidth end
       if newHeight < minHeight then set newHeight to minHeight end
@@ -72,4 +72,4 @@ end
 export {
   resizableSchema
 };
-//# sourceMappingURL=chunk-5LFOFVZ3.js.map
+//# sourceMappingURL=chunk-5S7WN3ZQ.js.map

package/dist/{chunk-5LFOFVZ3.js.map → chunk-5S7WN3ZQ.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/schemas/resizable.schema.ts"],"sourcesContent":["import type { BehaviorSchema } from './types';\n\n/**\n * Resizable Behavior Schema\n *\n * Makes elements resizable by dragging edges or corners.\n * Supports minimum/maximum dimensions and resize handles.\n */\nexport const resizableSchema: BehaviorSchema = {\n  name: 'Resizable',\n  category: 'ui',\n  tier: 'optional',\n  version: '1.0.0',\n  description:\n    'Makes elements resizable by dragging (EXPERIMENTAL — stateful async component, beyond the inline-scripting boundary; not part of the curated set)',\n  parameters: [\n    {\n      name: 'minWidth',\n      type: 'number',\n      optional: true,\n      default: 50,\n      description: 'Minimum width in pixels',\n    },\n    {\n      name: 'minHeight',\n      type: 'number',\n      optional: true,\n      default: 50,\n      description: 'Minimum height in pixels',\n    },\n    {\n      name: 'maxWidth',\n      type: 'number',\n      optional: true,\n      default: 9999,\n      description: 'Maximum width in pixels',\n    },\n    {\n      name: 'maxHeight',\n      type: 'number',\n      optional: true,\n      default: 9999,\n      description: 'Maximum height in pixels',\n    },\n  ],\n  events: [\n    { name: 'resizable:start', description: 'Fired when resize begins' },\n    { name: 'resizable:resize', description: 'Fired during resize' },\n    { name: 'resizable:end', description: 'Fired when resize completes' },\n  ],\n  source: `\nbehavior Resizable(minWidth, minHeight, maxWidth, maxHeight)\n  on pointerdown(clientX, clientY) from me\n    halt the event\n    trigger resizable:start\n    measure width\n    set startWidth to it\n    measure height\n    set startHeight to it\n    set startX to clientX\n    set startY to clientY\n    repeat until event pointerup from document\n      wait for pointermove(clientX, clientY) or pointerup(clientX, clientY) from document\n      set newWidth to startWidth + clientX - startX\n      set newHeight to startHeight + clientY - startY\n      if newWidth < minWidth then set newWidth to minWidth end\n      if newWidth > maxWidth then set newWidth to maxWidth end\n      if newHeight < minHeight then set newHeight to minHeight end\n      if newHeight > maxHeight then set newHeight to maxHeight end\n      set my *width to newWidth + \"px\"\n      set my *height to newHeight + \"px\"\n      trigger resizable:resize\n    end\n    trigger resizable:end\n  end\nend\n`.trim(),\n};\n"],"mappings":";AAQO,IAAM,kBAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aACE;AAAA,EACF,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,mBAAmB,aAAa,2BAA2B;AAAA,IACnE,EAAE,MAAM,oBAAoB,aAAa,sBAAsB;AAAA,IAC/D,EAAE,MAAM,iBAAiB,aAAa,8BAA8B;AAAA,EACtE;AAAA,EACA,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0BR,KAAK;AACP;","names":[]}
+{"version":3,"sources":["../src/schemas/resizable.schema.ts"],"sourcesContent":["import type { BehaviorSchema } from './types';\n\n/**\n * Resizable Behavior Schema\n *\n * Makes elements resizable by dragging edges or corners.\n * Supports minimum/maximum dimensions and resize handles.\n */\nexport const resizableSchema: BehaviorSchema = {\n  name: 'Resizable',\n  category: 'ui',\n  tier: 'optional',\n  version: '1.0.0',\n  description:\n    'Makes elements resizable by dragging (EXPERIMENTAL — stateful async component, beyond the inline-scripting boundary; not part of the curated set)',\n  parameters: [\n    {\n      name: 'minWidth',\n      type: 'number',\n      optional: true,\n      default: 50,\n      description: 'Minimum width in pixels',\n    },\n    {\n      name: 'minHeight',\n      type: 'number',\n      optional: true,\n      default: 50,\n      description: 'Minimum height in pixels',\n    },\n    {\n      name: 'maxWidth',\n      type: 'number',\n      optional: true,\n      default: 9999,\n      description: 'Maximum width in pixels',\n    },\n    {\n      name: 'maxHeight',\n      type: 'number',\n      optional: true,\n      default: 9999,\n      description: 'Maximum height in pixels',\n    },\n  ],\n  events: [\n    { name: 'resizable:start', description: 'Fired when resize begins' },\n    { name: 'resizable:resize', description: 'Fired during resize' },\n    { name: 'resizable:end', description: 'Fired when resize completes' },\n  ],\n  source: `\nbehavior Resizable(minWidth, minHeight, maxWidth, maxHeight)\n  on pointerdown(clientX, clientY) from me\n    halt the event\n    trigger resizable:start\n    measure width\n    set startWidth to it\n    measure height\n    set startHeight to it\n    set startX to clientX\n    set startY to clientY\n    repeat until event pointerup from document\n      wait for pointermove(clientX, clientY) or pointerup(clientX, clientY) from document\n      set newWidth to (startWidth + clientX) - startX\n      set newHeight to (startHeight + clientY) - startY\n      if newWidth < minWidth then set newWidth to minWidth end\n      if newWidth > maxWidth then set newWidth to maxWidth end\n      if newHeight < minHeight then set newHeight to minHeight end\n      if newHeight > maxHeight then set newHeight to maxHeight end\n      set my *width to newWidth + \"px\"\n      set my *height to newHeight + \"px\"\n      trigger resizable:resize\n    end\n    trigger resizable:end\n  end\nend\n`.trim(),\n};\n"],"mappings":";AAQO,IAAM,kBAAkC;AAAA,EAC7C,MAAM;AAAA,EACN,UAAU;AAAA,EACV,MAAM;AAAA,EACN,SAAS;AAAA,EACT,aACE;AAAA,EACF,YAAY;AAAA,IACV;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA;AAAA,MACE,MAAM;AAAA,MACN,MAAM;AAAA,MACN,UAAU;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA,EACA,QAAQ;AAAA,IACN,EAAE,MAAM,mBAAmB,aAAa,2BAA2B;AAAA,IACnE,EAAE,MAAM,oBAAoB,aAAa,sBAAsB;AAAA,IAC/D,EAAE,MAAM,iBAAiB,aAAa,8BAA8B;AAAA,EACtE;AAAA,EACA,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EA0BR,KAAK;AACP;","names":[]}

package/dist/{chunk-7NGOA3T5.js → chunk-MTI5PSRH.js}

@@ -1,6 +1,6 @@
 import {
   resizableSchema
-} from "./chunk-5LFOFVZ3.js";
+} from "./chunk-5S7WN3ZQ.js";
 import {
   resolveRuntime
 } from "./chunk-6TJXDCAQ.js";
@@ -37,4 +37,4 @@ export {
   registerResizable,
   resizable_default
 };
-//# sourceMappingURL=chunk-7NGOA3T5.js.map
+//# sourceMappingURL=chunk-MTI5PSRH.js.map

package/dist/{chunk-6EG2MNC7.js → chunk-ZR66E3T6.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-HMU342XE.js";
 import {
   resizableSchema
-} from "./chunk-5LFOFVZ3.js";
+} from "./chunk-5S7WN3ZQ.js";
 import {
   scrollRevealSchema
 } from "./chunk-URZGNPTQ.js";
@@ -59,4 +59,4 @@ registerLoader("ClickOutside", () => import("./behaviors/clickoutside.js"));
 registerLoader("FocusTrap", () => import("./behaviors/focustrap.js"));
 registerLoader("ScrollReveal", () => import("./behaviors/scrollreveal.js"));
 registerLoader("Tabs", () => import("./behaviors/tabs.js"));
-//# sourceMappingURL=chunk-6EG2MNC7.js.map
+//# sourceMappingURL=chunk-ZR66E3T6.js.map

package/dist/index.cjs

@@ -486,8 +486,8 @@ behavior Resizable(minWidth, minHeight, maxWidth, maxHeight)
     set startY to clientY
     repeat until event pointerup from document
       wait for pointermove(clientX, clientY) or pointerup(clientX, clientY) from document
-      set newWidth to startWidth + clientX - startX
-      set newHeight to startHeight + clientY - startY
+      set newWidth to (startWidth + clientX) - startX
+      set newHeight to (startHeight + clientY) - startY
       if newWidth < minWidth then set newWidth to minWidth end
       if newWidth > maxWidth then set newWidth to maxWidth end
       if newHeight < minHeight then set newHeight to minHeight end