@hypen-space/web 0.4.2 → 0.4.3

package/dist/dom/applicators/advanced-layout.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Advanced Layout Applicators (Flexbox, Grid, Positioning)
+ */
+import type { ApplicatorHandler } from "./index.js";
+export declare const advancedLayoutHandlers: Record<string, ApplicatorHandler>;

package/dist/dom/applicators/advanced-layout.js

@@ -27,113 +27,6 @@ var __export = (target, all) => {
 };
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 
-// src/dom/applicators/layout.ts
-function mapAlignmentValue(value) {
-  const v = String(value).toLowerCase();
-  switch (v) {
-    case "top":
-    case "start":
-    case "leading":
-    case "left":
-      return "flex-start";
-    case "bottom":
-    case "end":
-    case "trailing":
-    case "right":
-      return "flex-end";
-    case "center":
-      return "center";
-    case "spacebetween":
-    case "space-between":
-      return "space-between";
-    case "spacearound":
-    case "space-around":
-      return "space-around";
-    case "spaceevenly":
-    case "space-evenly":
-      return "space-evenly";
-    default:
-      return v;
-  }
-}
-var layoutHandlers = {
-  verticalAlignment: (el, value) => {
-    const val = mapAlignmentValue(String(value));
-    const display = el.style.display || getComputedStyle(el).display;
-    const flexDirection = el.style.flexDirection || getComputedStyle(el).flexDirection;
-    if (display === "grid") {
-      el.style.alignItems = val;
-    } else if (flexDirection === "column" || flexDirection === "column-reverse") {
-      el.style.justifyContent = val;
-    } else {
-      el.style.alignItems = val;
-    }
-  },
-  horizontalAlignment: (el, value) => {
-    const val = mapAlignmentValue(String(value));
-    const display = el.style.display || getComputedStyle(el).display;
-    const flexDirection = el.style.flexDirection || getComputedStyle(el).flexDirection;
-    if (display === "grid") {
-      el.style.justifyItems = val;
-    } else if (flexDirection === "column" || flexDirection === "column-reverse") {
-      el.style.alignItems = val;
-    } else if (flexDirection === "row" || flexDirection === "row-reverse") {
-      el.style.justifyContent = val;
-      if (val !== "flex-start" && el.style.overflow !== "auto" && el.style.overflowX !== "auto") {
-        el.style.width = "100%";
-      }
-    } else {
-      el.style.justifyContent = val;
-    }
-  },
-  horizontalAlign: (el, value) => {
-    el.style.justifyContent = mapAlignmentValue(String(value));
-  },
-  verticalAlign: (el, value) => {
-    el.style.alignItems = mapAlignmentValue(String(value));
-  },
-  gap: (el, value) => {
-    el.style.gap = typeof value === "number" ? `${value}px` : String(value);
-  },
-  weight: (el, value) => {
-    el.style.flex = String(value);
-    el.dataset.hypenFlex = "true";
-  },
-  flex: (el, value) => {
-    el.style.flex = String(value);
-    el.dataset.hypenFlex = "true";
-  },
-  flexGrow: (el, value) => {
-    el.style.flexGrow = String(value);
-  },
-  flexShrink: (el, value) => {
-    el.style.flexShrink = String(value);
-  },
-  cursor: (el, value) => {
-    el.style.cursor = String(value);
-  },
-  overflow: (el, value) => {
-    el.style.overflow = String(value);
-  },
-  scrollable: (el, value) => {
-    if (value === true || value === "true") {
-      el.style.overflow = "auto";
-    } else if (value === false || value === "false") {
-      el.style.overflow = "hidden";
-    } else if (value === "vertical") {
-      el.style.overflowX = "hidden";
-      el.style.overflowY = "auto";
-    } else if (value === "horizontal") {
-      el.style.overflowX = "auto";
-      el.style.overflowY = "hidden";
-    } else if (value === "both") {
-      el.style.overflow = "auto";
-    } else {
-      el.style.overflow = String(value);
-    }
-  }
-};
-
 // src/dom/applicators/advanced-layout.ts
 var advancedLayoutHandlers = {
   flexDirection: (el, value) => {
@@ -145,12 +38,6 @@ var advancedLayoutHandlers = {
   flexBasis: (el, value) => {
     el.style.flexBasis = typeof value === "number" ? `${value}px` : String(value);
   },
-  justifyContent: (el, value) => {
-    el.style.justifyContent = mapAlignmentValue(String(value));
-  },
-  alignItems: (el, value) => {
-    el.style.alignItems = mapAlignmentValue(String(value));
-  },
   alignContent: (el, value) => {
     el.style.alignContent = String(value);
   },
@@ -242,4 +129,4 @@ export {
   advancedLayoutHandlers
 };
 
-//# debugId=EC1C7719D7DFA98464756E2164756E21
+//# debugId=BE09C95BA8A0987D64756E2164756E21

package/dist/dom/applicators/advanced-layout.js.map

@@ -1,11 +1,10 @@
 {
   "version": 3,
-  "sources": ["../src/dom/applicators/layout.ts", "../src/dom/applicators/advanced-layout.ts"],
+  "sources": ["../src/dom/applicators/advanced-layout.ts"],
   "sourcesContent": [
-    "/**\n * Layout Applicators (Flexbox/Grid)\n */\n\nimport type { ApplicatorHandler } from \"./types.js\";\n\n/**\n * Maps Hypen alignment values to CSS flexbox values.\n * Ensures consistent cross-platform API (Android/iOS/Web).\n */\nexport function mapAlignmentValue(value: string): string {\n  const v = String(value).toLowerCase();\n  switch (v) {\n    // Positional values -> CSS equivalents\n    case \"top\":\n    case \"start\":\n    case \"leading\":\n    case \"left\":\n      return \"flex-start\";\n    case \"bottom\":\n    case \"end\":\n    case \"trailing\":\n    case \"right\":\n      return \"flex-end\";\n    case \"center\":\n      return \"center\";\n    // Spacing values -> CSS equivalents\n    case \"spacebetween\":\n    case \"space-between\":\n      return \"space-between\";\n    case \"spacearound\":\n    case \"space-around\":\n      return \"space-around\";\n    case \"spaceevenly\":\n    case \"space-evenly\":\n      return \"space-evenly\";\n    // Pass through CSS values as-is\n    default:\n      return v;\n  }\n}\n\nexport const layoutHandlers: Record<string, ApplicatorHandler> = {\n  // Unified alignment API - works for both Column and Row\n  verticalAlignment: (el, value) => {\n    const val = mapAlignmentValue(String(value));\n    // Check display and flex-direction to determine which CSS property to set\n    const display = el.style.display || getComputedStyle(el).display;\n    const flexDirection = el.style.flexDirection || getComputedStyle(el).flexDirection;\n\n    if (display === \"grid\") {\n      // For Grid (Stack): use align-items to align children vertically\n      el.style.alignItems = val;\n    } else if (flexDirection === \"column\" || flexDirection === \"column-reverse\") {\n      // For column: vertical is the main axis (justify-content)\n      el.style.justifyContent = val;\n    } else {\n      // For row: vertical is the cross axis (align-items)\n      el.style.alignItems = val;\n    }\n  },\n\n  horizontalAlignment: (el, value) => {\n    const val = mapAlignmentValue(String(value));\n    // Check display and flex-direction to determine which CSS property to set\n    const display = el.style.display || getComputedStyle(el).display;\n    const flexDirection = el.style.flexDirection || getComputedStyle(el).flexDirection;\n\n    if (display === \"grid\") {\n      // For Grid (Stack): use justify-items to align children horizontally\n      el.style.justifyItems = val;\n    } else if (flexDirection === \"column\" || flexDirection === \"column-reverse\") {\n      // For column: horizontal is the cross axis (align-items)\n      el.style.alignItems = val;\n    } else if (flexDirection === \"row\" || flexDirection === \"row-reverse\") {\n      // For row: horizontal is the main axis (justify-content)\n      el.style.justifyContent = val;\n      // For arrangement to have visible effect, Row needs to fill available width\n      // (matching iOS/Android behavior where non-start alignment auto-expands)\n      // Only auto-expand if not scrollable\n      if (val !== \"flex-start\" && el.style.overflow !== \"auto\" && el.style.overflowX !== \"auto\") {\n        el.style.width = \"100%\";\n      }\n    } else {\n      // Fallback for other display types\n      el.style.justifyContent = val;\n    }\n  },\n\n  // Legacy aliases (kept for backward compatibility)\n  horizontalAlign: (el, value) => {\n    el.style.justifyContent = mapAlignmentValue(String(value));\n  },\n\n  verticalAlign: (el, value) => {\n    el.style.alignItems = mapAlignmentValue(String(value));\n  },\n\n  gap: (el, value) => {\n    el.style.gap = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  // weight: unified cross-platform API (same as flex)\n  // Use .weight(1) to make element take remaining space in Row/Column\n  weight: (el, value) => {\n    el.style.flex = String(value);\n    // Mark element as having flex for CSS parent detection\n    el.dataset.hypenFlex = \"true\";\n  },\n\n  // flex: CSS flex shorthand (kept for CSS compatibility)\n  flex: (el, value) => {\n    el.style.flex = String(value);\n    // Mark element as having flex for CSS parent detection\n    el.dataset.hypenFlex = \"true\";\n  },\n\n  flexGrow: (el, value) => {\n    el.style.flexGrow = String(value);\n  },\n\n  flexShrink: (el, value) => {\n    el.style.flexShrink = String(value);\n  },\n\n  cursor: (el, value) => {\n    el.style.cursor = String(value);\n  },\n\n  overflow: (el, value) => {\n    el.style.overflow = String(value);\n  },\n\n  scrollable: (el, value) => {\n    if (value === true || value === \"true\") {\n      el.style.overflow = \"auto\";\n    } else if (value === false || value === \"false\") {\n      el.style.overflow = \"hidden\";\n    } else if (value === \"vertical\") {\n      el.style.overflowX = \"hidden\";\n      el.style.overflowY = \"auto\";\n    } else if (value === \"horizontal\") {\n      el.style.overflowX = \"auto\";\n      el.style.overflowY = \"hidden\";\n    } else if (value === \"both\") {\n      el.style.overflow = \"auto\";\n    } else {\n      el.style.overflow = String(value);\n    }\n  },\n};\n",
-    "/**\n * Advanced Layout Applicators (Flexbox, Grid, Positioning)\n */\n\nimport type { ApplicatorHandler } from \"./index.js\";\nimport { mapAlignmentValue } from \"./layout.js\";\n\nexport const advancedLayoutHandlers: Record<string, ApplicatorHandler> = {\n  // Flexbox properties\n  flexDirection: (el, value) => {\n    el.style.flexDirection = String(value);\n  },\n\n  flexWrap: (el, value) => {\n    el.style.flexWrap = String(value);\n  },\n\n  flexBasis: (el, value) => {\n    el.style.flexBasis = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  justifyContent: (el, value) => {\n    el.style.justifyContent = mapAlignmentValue(String(value));\n  },\n\n  alignItems: (el, value) => {\n    el.style.alignItems = mapAlignmentValue(String(value));\n  },\n\n  alignContent: (el, value) => {\n    el.style.alignContent = String(value);\n  },\n\n  alignSelf: (el, value) => {\n    el.style.alignSelf = String(value);\n  },\n\n  order: (el, value) => {\n    el.style.order = String(value);\n  },\n\n  // Grid properties\n  gridTemplateColumns: (el, value) => {\n    el.style.gridTemplateColumns = String(value);\n  },\n\n  gridTemplateRows: (el, value) => {\n    el.style.gridTemplateRows = String(value);\n  },\n\n  // Unified API aliases (simpler names)\n  gridColumns: (el, value) => {\n    // Support number (repeat) or string (CSS value)\n    if (typeof value === \"number\") {\n      el.style.gridTemplateColumns = `repeat(${value}, 1fr)`;\n    } else {\n      el.style.gridTemplateColumns = String(value);\n    }\n  },\n\n  gridRows: (el, value) => {\n    // Support number (repeat) or string (CSS value)\n    if (typeof value === \"number\") {\n      el.style.gridTemplateRows = `repeat(${value}, 1fr)`;\n    } else {\n      el.style.gridTemplateRows = String(value);\n    }\n  },\n\n  gridTemplateAreas: (el, value) => {\n    el.style.gridTemplateAreas = String(value);\n  },\n\n  gridColumn: (el, value) => {\n    el.style.gridColumn = String(value);\n  },\n\n  gridRow: (el, value) => {\n    el.style.gridRow = String(value);\n  },\n\n  gridArea: (el, value) => {\n    el.style.gridArea = String(value);\n  },\n\n  gridAutoFlow: (el, value) => {\n    el.style.gridAutoFlow = String(value);\n  },\n\n  gridAutoColumns: (el, value) => {\n    el.style.gridAutoColumns = String(value);\n  },\n\n  gridAutoRows: (el, value) => {\n    el.style.gridAutoRows = String(value);\n  },\n\n  rowGap: (el, value) => {\n    el.style.rowGap = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  columnGap: (el, value) => {\n    el.style.columnGap = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  placeItems: (el, value) => {\n    el.style.placeItems = String(value);\n  },\n\n  placeContent: (el, value) => {\n    el.style.placeContent = String(value);\n  },\n\n  placeSelf: (el, value) => {\n    el.style.placeSelf = String(value);\n  },\n\n  // Positioning\n  position: (el, value) => {\n    el.style.position = String(value);\n  },\n\n  top: (el, value) => {\n    el.style.top = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  right: (el, value) => {\n    el.style.right = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  bottom: (el, value) => {\n    el.style.bottom = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  left: (el, value) => {\n    el.style.left = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  inset: (el, value) => {\n    el.style.inset = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  zIndex: (el, value) => {\n    el.style.zIndex = String(value);\n  },\n};\n\n\n"
+    "/**\n * Advanced Layout Applicators (Flexbox, Grid, Positioning)\n */\n\nimport type { ApplicatorHandler } from \"./index.js\";\nimport { mapAlignmentValue } from \"./layout.js\";\n\nexport const advancedLayoutHandlers: Record<string, ApplicatorHandler> = {\n  // Flexbox properties\n  flexDirection: (el, value) => {\n    el.style.flexDirection = String(value);\n  },\n\n  flexWrap: (el, value) => {\n    el.style.flexWrap = String(value);\n  },\n\n  flexBasis: (el, value) => {\n    el.style.flexBasis = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  alignContent: (el, value) => {\n    el.style.alignContent = String(value);\n  },\n\n  alignSelf: (el, value) => {\n    el.style.alignSelf = String(value);\n  },\n\n  order: (el, value) => {\n    el.style.order = String(value);\n  },\n\n  // Grid properties\n  gridTemplateColumns: (el, value) => {\n    el.style.gridTemplateColumns = String(value);\n  },\n\n  gridTemplateRows: (el, value) => {\n    el.style.gridTemplateRows = String(value);\n  },\n\n  // Unified API aliases (simpler names)\n  gridColumns: (el, value) => {\n    // Support number (repeat) or string (CSS value)\n    if (typeof value === \"number\") {\n      el.style.gridTemplateColumns = `repeat(${value}, 1fr)`;\n    } else {\n      el.style.gridTemplateColumns = String(value);\n    }\n  },\n\n  gridRows: (el, value) => {\n    // Support number (repeat) or string (CSS value)\n    if (typeof value === \"number\") {\n      el.style.gridTemplateRows = `repeat(${value}, 1fr)`;\n    } else {\n      el.style.gridTemplateRows = String(value);\n    }\n  },\n\n  gridTemplateAreas: (el, value) => {\n    el.style.gridTemplateAreas = String(value);\n  },\n\n  gridColumn: (el, value) => {\n    el.style.gridColumn = String(value);\n  },\n\n  gridRow: (el, value) => {\n    el.style.gridRow = String(value);\n  },\n\n  gridArea: (el, value) => {\n    el.style.gridArea = String(value);\n  },\n\n  gridAutoFlow: (el, value) => {\n    el.style.gridAutoFlow = String(value);\n  },\n\n  gridAutoColumns: (el, value) => {\n    el.style.gridAutoColumns = String(value);\n  },\n\n  gridAutoRows: (el, value) => {\n    el.style.gridAutoRows = String(value);\n  },\n\n  rowGap: (el, value) => {\n    el.style.rowGap = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  columnGap: (el, value) => {\n    el.style.columnGap = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  placeItems: (el, value) => {\n    el.style.placeItems = String(value);\n  },\n\n  placeContent: (el, value) => {\n    el.style.placeContent = String(value);\n  },\n\n  placeSelf: (el, value) => {\n    el.style.placeSelf = String(value);\n  },\n\n  // Positioning\n  position: (el, value) => {\n    el.style.position = String(value);\n  },\n\n  top: (el, value) => {\n    el.style.top = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  right: (el, value) => {\n    el.style.right = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  bottom: (el, value) => {\n    el.style.bottom = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  left: (el, value) => {\n    el.style.left = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  inset: (el, value) => {\n    el.style.inset = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  zIndex: (el, value) => {\n    el.style.zIndex = String(value);\n  },\n};\n\n\n"
   ],
-  "mappings": "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",
-  "debugId": "EC1C7719D7DFA98464756E2164756E21",
+  "mappings": "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",
+  "debugId": "BE09C95BA8A0987D64756E2164756E21",
   "names": []
 }

package/dist/dom/applicators/background.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Background Applicators
+ */
+import type { ApplicatorHandler } from "./types.js";
+export declare const backgroundHandlers: Record<string, ApplicatorHandler>;

package/dist/dom/applicators/border.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Border Applicators
+ */
+import type { ApplicatorHandler } from "./types.js";
+export declare const borderHandlers: Record<string, ApplicatorHandler>;

package/dist/dom/applicators/color.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Color Applicators
+ */
+import type { ApplicatorHandler } from "./types.js";
+export declare const colorHandlers: Record<string, ApplicatorHandler>;

package/dist/dom/applicators/display.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Display and Visibility Applicators
+ */
+import type { ApplicatorHandler } from "./types.js";
+export declare const displayHandlers: Record<string, ApplicatorHandler>;

package/dist/dom/applicators/effects.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Visual Effects Applicators (Shadows, Filters, Blend Modes)
+ */
+import type { ApplicatorHandler } from "./types.js";
+export declare const effectsHandlers: Record<string, ApplicatorHandler>;

package/dist/dom/applicators/events.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Event Applicators
+ *
+ * Handles event applicators like onClick, onPress, etc.
+ * Uses a factory pattern to reduce boilerplate and ensure consistency.
+ */
+import type { ApplicatorHandler } from "./types.js";
+export declare const eventHandlers: Record<string, ApplicatorHandler>;

package/dist/dom/applicators/events.js

@@ -119,7 +119,7 @@ import {
   disposableListener,
   disposableTimeout
 } from "@hypen-space/core/disposable";
-import { frameworkLoggers } from "@hypen-space/core";
+import { frameworkLoggers } from "@hypen-space/core/logger";
 var log = frameworkLoggers.events;
 function toPlainObject(value) {
   if (value instanceof Map) {
@@ -404,6 +404,7 @@ var eventHandlers = {
     extractPayload: scrollPayload
   }),
   onLongClick: createLongClickHandler(500),
+  onLongPress: createLongClickHandler(500),
   onFocus: createEventHandler("focus", { extractPayload: focusPayload }),
   onBlur: createEventHandler("blur", { extractPayload: focusPayload }),
   onMouseEnter: createEventHandler("mouseenter", { extractPayload: mousePayload }),
@@ -413,4 +414,4 @@ export {
   eventHandlers
 };
 
-//# debugId=F0888255282088F164756E2164756E21
+//# debugId=684AD1847595670564756E2164756E21

package/dist/dom/applicators/events.js.map

@@ -3,9 +3,9 @@
   "sources": ["../src/dom/element-data.ts", "../src/dom/applicators/events.ts"],
   "sourcesContent": [
     "/**\n * Type-Safe Element Data\n *\n * Provides strongly-typed access to Hypen-specific data attached to DOM elements.\n * Eliminates `as any` casts throughout the codebase.\n */\n\nimport { type DisposableStack, getElementDisposables } from \"@hypen-space/core/disposable\";\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/**\n * Engine interface for dispatching actions\n */\nexport interface IEngine {\n  dispatchAction(name: string, payload?: unknown): void;\n}\n\n/**\n * All Hypen-specific data attached to an element\n */\nexport interface HypenElementData {\n  /** Engine reference for action dispatch */\n  engine?: IEngine;\n  /** Target key for keyboard events (e.g., \"Enter\", \"Escape\") */\n  keyTarget?: string;\n  /** Set of registered event type:action pairs */\n  registeredEvents?: Set<string>;\n  /** Custom element metadata */\n  meta?: Record<string, unknown>;\n}\n\n// ============================================================================\n// Private Storage\n// ============================================================================\n\n/**\n * WeakMap to store Hypen data without polluting the element\n */\nconst elementDataMap = new WeakMap<HTMLElement, HypenElementData>();\n\n// ============================================================================\n// Core API\n// ============================================================================\n\n/**\n * Get Hypen data for an element, creating if needed\n */\nexport function getHypenData(element: HTMLElement): HypenElementData {\n  let data = elementDataMap.get(element);\n  if (!data) {\n    data = {};\n    elementDataMap.set(element, data);\n  }\n  return data;\n}\n\n/**\n * Check if element has Hypen data\n */\nexport function hasHypenData(element: HTMLElement): boolean {\n  return elementDataMap.has(element);\n}\n\n/**\n * Clear Hypen data from an element\n */\nexport function clearHypenData(element: HTMLElement): void {\n  elementDataMap.delete(element);\n}\n\n// ============================================================================\n// Engine Access\n// ============================================================================\n\n/**\n * Get the engine attached to an element\n */\nexport function getEngine(element: HTMLElement): IEngine | undefined {\n  return getHypenData(element).engine;\n}\n\n/**\n * Set the engine on an element\n */\nexport function setEngine(element: HTMLElement, engine: IEngine): void {\n  getHypenData(element).engine = engine;\n}\n\n/**\n * Find engine by walking up the DOM tree\n */\nexport function findEngine(element: HTMLElement): IEngine | undefined {\n  let current: HTMLElement | null = element;\n  while (current) {\n    const engine = getEngine(current);\n    if (engine) return engine;\n    current = current.parentElement;\n  }\n  return undefined;\n}\n\n// ============================================================================\n// Event Registration Tracking\n// ============================================================================\n\n/**\n * Get registered events set for an element\n */\nexport function getRegisteredEvents(element: HTMLElement): Set<string> {\n  const data = getHypenData(element);\n  if (!data.registeredEvents) {\n    data.registeredEvents = new Set();\n  }\n  return data.registeredEvents;\n}\n\n/**\n * Check if an event handler is registered\n */\nexport function isEventRegistered(element: HTMLElement, eventKey: string): boolean {\n  return getRegisteredEvents(element).has(eventKey);\n}\n\n/**\n * Mark an event handler as registered\n */\nexport function registerEvent(element: HTMLElement, eventKey: string): void {\n  getRegisteredEvents(element).add(eventKey);\n}\n\n/**\n * Unregister an event handler\n */\nexport function unregisterEvent(element: HTMLElement, eventKey: string): void {\n  getRegisteredEvents(element).delete(eventKey);\n}\n\n// ============================================================================\n// Keyboard Event Key Target\n// ============================================================================\n\n/**\n * Get the target key for keyboard events\n */\nexport function getKeyTarget(element: HTMLElement): string | undefined {\n  return getHypenData(element).keyTarget;\n}\n\n/**\n * Set the target key for keyboard events\n */\nexport function setKeyTarget(element: HTMLElement, key: string): void {\n  getHypenData(element).keyTarget = key;\n}\n\n// ============================================================================\n// Metadata\n// ============================================================================\n\n/**\n * Get custom metadata value\n */\nexport function getMeta<T>(element: HTMLElement, key: string): T | undefined {\n  return getHypenData(element).meta?.[key] as T | undefined;\n}\n\n/**\n * Set custom metadata value\n */\nexport function setMeta<T>(element: HTMLElement, key: string, value: T): void {\n  const data = getHypenData(element);\n  if (!data.meta) {\n    data.meta = {};\n  }\n  data.meta[key] = value;\n}\n\n// ============================================================================\n// Cleanup\n// ============================================================================\n\n/**\n * Dispose all resources attached to an element and clear data\n * Call this when removing an element from the DOM\n */\nexport function disposeHypenElement(element: HTMLElement): void {\n  // Dispose any registered disposables\n  try {\n    const disposables = getElementDisposables(element);\n    disposables.dispose();\n  } catch {\n    // Ignore if no disposables\n  }\n\n  // Clear Hypen data\n  clearHypenData(element);\n}\n\n// ============================================================================\n// Legacy Compatibility Layer\n// ============================================================================\n\n/**\n * Symbol-based legacy accessor (for backwards compatibility)\n * Use the typed functions above instead when possible\n */\nconst HYPEN_ENGINE_SYMBOL = Symbol.for(\"hypen.engine\");\nconst REGISTERED_EVENTS_SYMBOL = Symbol.for(\"hypen.registeredEvents\");\nconst KEY_TARGET_SYMBOL = Symbol.for(\"hypen.keyTarget\");\n\n/**\n * Legacy accessor for engine (backwards compatible with existing code)\n */\nexport function getLegacyEngine(element: HTMLElement): IEngine | undefined {\n  // Try new storage first\n  const engine = getEngine(element);\n  if (engine) return engine;\n\n  // Fall back to legacy storage\n  return (element as any)[HYPEN_ENGINE_SYMBOL] ??\n    (element as any).__hypenEngine;\n}\n\n/**\n * Legacy setter for engine (backwards compatible)\n */\nexport function setLegacyEngine(element: HTMLElement, engine: IEngine): void {\n  // Set in both locations for compatibility\n  setEngine(element, engine);\n  (element as any).__hypenEngine = engine;\n}\n",
-    "/**\n * Event Applicators\n *\n * Handles event applicators like onClick, onPress, etc.\n * Uses a factory pattern to reduce boilerplate and ensure consistency.\n */\n\nimport type { ApplicatorHandler } from \"./types.js\";\nimport {\n  getElementDisposables,\n  disposableListener,\n  disposableTimeout,\n  type Disposable,\n} from \"@hypen-space/core/disposable\";\nimport { frameworkLoggers } from \"@hypen-space/core\";\nimport {\n  type IEngine,\n  getEngine,\n  getRegisteredEvents,\n  registerEvent,\n  unregisterEvent,\n  getKeyTarget,\n  setKeyTarget,\n} from \"../element-data.js\";\n\nconst log = frameworkLoggers.events;\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface EventHandlerOptions {\n  /** Custom payload extractor for this event type */\n  extractPayload?: (event: Event, element: HTMLElement) => Record<string, unknown>;\n  /** Throttle events to max one per N milliseconds */\n  throttleMs?: number;\n  /** Prevent default behavior */\n  preventDefault?: boolean;\n  /** Use passive listener (for scroll, touch) */\n  passive?: boolean;\n  /** Key to listen for (keyboard events) */\n  key?: string;\n}\n\n\n// ============================================================================\n// Utility Functions\n// ============================================================================\n\n/**\n * Convert Map or nested objects to plain objects\n */\nfunction toPlainObject(value: unknown): unknown {\n  if (value instanceof Map) {\n    const obj: Record<string, unknown> = {};\n    for (const [key, val] of value.entries()) {\n      obj[key] = toPlainObject(val);\n    }\n    return obj;\n  }\n\n  if (Array.isArray(value)) {\n    return value.map((item) => toPlainObject(item));\n  }\n\n  if (value && typeof value === \"object\") {\n    const obj: Record<string, unknown> = {};\n    for (const [key, val] of Object.entries(value)) {\n      obj[key] = toPlainObject(val);\n    }\n    return obj;\n  }\n\n  return value;\n}\n\n/**\n * Extract action name and custom payload from an applicator value\n */\nfunction extractActionDetails(value: unknown): {\n  actionName: string | null;\n  payload: Record<string, unknown>;\n} {\n  // String format: \"@actions.doSomething\" or \"@doSomething\"\n  if (typeof value === \"string\") {\n    if (!value.startsWith(\"@\")) {\n      return { actionName: null, payload: {} };\n    }\n\n    let actionName = value.substring(1);\n    if (actionName.startsWith(\"actions.\")) {\n      actionName = actionName.substring(8);\n    }\n    return { actionName, payload: {} };\n  }\n\n  // Object format: { \"0\": \"@actions.doSomething\", \"customKey\": \"value\" }\n  if (value && typeof value === \"object\") {\n    const plain = toPlainObject(value) as Record<string, unknown>;\n    const payload: Record<string, unknown> = {};\n    let actionName: string | null = null;\n\n    if (plain && typeof plain === \"object\") {\n      const actionValue = plain[\"0\"];\n      if (typeof actionValue === \"string\" && actionValue.startsWith(\"@\")) {\n        actionName = actionValue.substring(1);\n        if (actionName.startsWith(\"actions.\")) {\n          actionName = actionName.substring(8);\n        }\n      }\n\n      for (const [key, val] of Object.entries(plain)) {\n        if (key !== \"0\") {\n          // If the key is numeric (like \"1\", \"2\") and the value is an object,\n          // merge the object's keys into the payload directly.\n          // This handles: .onClick(\"@actions.foo\", { id: \"123\" })\n          // where the second positional arg becomes \"1\": { id: \"123\" }\n          if (/^\\d+$/.test(key) && val && typeof val === \"object\" && !Array.isArray(val)) {\n            for (const [innerKey, innerVal] of Object.entries(val)) {\n              payload[innerKey] = innerVal;\n            }\n          } else {\n            payload[key] = val;\n          }\n        }\n      }\n    }\n\n    return { actionName, payload };\n  }\n\n  return { actionName: null, payload: {} };\n}\n\n/**\n * Extract relevant data from a DOM event\n */\nfunction extractEventData(event: Event, element: HTMLElement): Record<string, unknown> {\n  const data: Record<string, unknown> = {\n    type: event.type,\n    timestamp: Date.now(),\n  };\n\n  // Mouse events\n  if (event instanceof MouseEvent) {\n    data.clientX = event.clientX;\n    data.clientY = event.clientY;\n    data.button = event.button;\n  }\n\n  // Keyboard events\n  if (event instanceof KeyboardEvent) {\n    data.key = event.key;\n    data.code = event.code;\n    data.ctrlKey = event.ctrlKey;\n    data.shiftKey = event.shiftKey;\n    data.altKey = event.altKey;\n    data.metaKey = event.metaKey;\n  }\n\n  // Input element values\n  if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {\n    data.value = element.value;\n  }\n\n  // Select element values\n  if (element instanceof HTMLSelectElement) {\n    data.value = element.value;\n    data.selectedIndex = element.selectedIndex;\n  }\n\n  // Form data\n  if (event.type === \"submit\" && element instanceof HTMLFormElement) {\n    data.formData = new FormData(element);\n  }\n\n  return data;\n}\n\n\n/**\n * Capitalize first letter of a string\n */\nfunction capitalize(str: string): string {\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n// ============================================================================\n// Event Handler Factory\n// ============================================================================\n\n\n/**\n * Create an event handler applicator with common boilerplate\n */\nfunction createEventHandler(\n  eventType: string,\n  options: EventHandlerOptions = {}\n): ApplicatorHandler {\n  return (element: HTMLElement, value: unknown) => {\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      log.warn(`${eventType} requires an action reference starting with @, got:`, value);\n      return;\n    }\n\n    const disposables = getElementDisposables(element);\n\n    // Track that we've registered this event type\n    // The disposable stack handles cleanup automatically\n    const eventKey = `${eventType}:${actionName}`;\n    if (getRegisteredEvents(element).has(eventKey)) {\n      // Already registered - skip to avoid duplicates\n      // This can happen during re-renders\n      return;\n    }\n    registerEvent(element, eventKey);\n\n    // Create throttle state if needed\n    let throttleTimer: Disposable | null = null;\n\n    // Create the event listener\n    const listener = (event: Event) => {\n      // Handle throttling\n      if (options.throttleMs && throttleTimer) {\n        return;\n      }\n\n      if (options.throttleMs) {\n        throttleTimer = disposableTimeout(() => {\n          throttleTimer = null;\n        }, options.throttleMs);\n      }\n\n      // Handle preventDefault\n      if (options.preventDefault) {\n        event.preventDefault();\n      }\n\n      // Build payload\n      const payload =\n        Object.keys(customPayload).length > 0\n          ? { ...customPayload }\n          : options.extractPayload\n            ? options.extractPayload(event, element)\n            : extractEventData(event, element);\n\n      // Dispatch to engine\n      const engine = getEngine(element);\n      if (engine) {\n        engine.dispatchAction(actionName, payload);\n      }\n    };\n\n    // Register the listener using disposable pattern\n    disposables.add(\n      disposableListener(element, eventType, listener, {\n        passive: options.passive,\n      })\n    );\n\n    // Clean up registered events tracking on dispose\n    disposables.addCallback(() => {\n      unregisterEvent(element, eventKey);\n      if (throttleTimer) {\n        throttleTimer.dispose();\n      }\n    });\n  };\n}\n\n/**\n * Create a keyboard event handler that filters by key\n */\nfunction createKeyHandler(defaultKey: string = \"Enter\"): ApplicatorHandler {\n  return (element: HTMLElement, value: unknown) => {\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      log.warn(`onKey requires an action reference starting with @, got:`, value);\n      return;\n    }\n\n    const disposables = getElementDisposables(element);\n\n    const eventKey = `keydown:${actionName}:${defaultKey}`;\n    if (getRegisteredEvents(element).has(eventKey)) {\n      return;\n    }\n    registerEvent(element, eventKey);\n\n    // Get target key from element data or use default\n    const targetKey = getKeyTarget(element) || defaultKey;\n    const keyToMatch = targetKey.toLowerCase() === \"return\" ? \"Enter\" : targetKey;\n\n    const listener = (event: Event) => {\n      const keyEvent = event as KeyboardEvent;\n      if (keyEvent.key !== keyToMatch) {\n        return;\n      }\n\n      event.preventDefault();\n\n      const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n      const payload =\n        Object.keys(customPayload).length > 0\n          ? { ...customPayload }\n          : {\n              type: event.type,\n              timestamp: Date.now(),\n              key: keyEvent.key,\n              code: keyEvent.code,\n              value: target.value,\n              input: target.value,\n              ctrlKey: keyEvent.ctrlKey,\n              shiftKey: keyEvent.shiftKey,\n              altKey: keyEvent.altKey,\n              metaKey: keyEvent.metaKey,\n            };\n\n      const engine = getEngine(element);\n      if (engine) {\n        engine.dispatchAction(actionName, payload);\n      }\n    };\n\n    disposables.add(disposableListener(element, \"keydown\", listener));\n    disposables.addCallback(() => {\n      unregisterEvent(element, eventKey);\n    });\n  };\n}\n\n/**\n * Create a long-click/long-press handler\n */\nfunction createLongClickHandler(thresholdMs: number = 500): ApplicatorHandler {\n  return (element: HTMLElement, value: unknown) => {\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      log.warn(`onLongClick requires an action reference starting with @, got:`, value);\n      return;\n    }\n\n    const disposables = getElementDisposables(element);\n\n    const eventKey = `longclick:${actionName}`;\n    if (getRegisteredEvents(element).has(eventKey)) {\n      return;\n    }\n    registerEvent(element, eventKey);\n\n    let longClickTimer: Disposable | null = null;\n\n    const downListener = (event: Event) => {\n      const pointerEvent = event as PointerEvent;\n\n      longClickTimer = disposableTimeout(() => {\n        const payload =\n          Object.keys(customPayload).length > 0\n            ? { ...customPayload }\n            : {\n                type: \"longclick\",\n                timestamp: Date.now(),\n                clientX: pointerEvent.clientX,\n                clientY: pointerEvent.clientY,\n              };\n\n        const engine = getEngine(element);\n        if (engine) {\n          engine.dispatchAction(actionName, payload);\n        }\n\n        longClickTimer = null;\n      }, thresholdMs);\n    };\n\n    const cancelListener = () => {\n      if (longClickTimer) {\n        longClickTimer.dispose();\n        longClickTimer = null;\n      }\n    };\n\n    disposables.add(disposableListener(element, \"pointerdown\", downListener));\n    disposables.add(disposableListener(element, \"pointerup\", cancelListener));\n    disposables.add(disposableListener(element, \"pointerleave\", cancelListener));\n    disposables.addCallback(() => {\n      unregisterEvent(element, eventKey);\n      cancelListener();\n    });\n  };\n}\n\n// ============================================================================\n// Payload Extractors\n// ============================================================================\n\nconst inputPayload = (event: Event, element: HTMLElement): Record<string, unknown> => {\n  const target = element as HTMLInputElement | HTMLTextAreaElement;\n  return {\n    type: event.type,\n    timestamp: Date.now(),\n    value: target.value,\n    input: target.value,\n  };\n};\n\nconst scrollPayload = (_event: Event, element: HTMLElement): Record<string, unknown> => {\n  const scrollTop = element.scrollTop;\n  const scrollHeight = element.scrollHeight;\n  const clientHeight = element.clientHeight;\n  const scrollPercentage =\n    scrollHeight - clientHeight > 0\n      ? (scrollTop / (scrollHeight - clientHeight)) * 100\n      : 0;\n\n  const nearBottom =\n    scrollHeight - scrollTop - clientHeight < 100 || scrollPercentage > 90;\n\n  return {\n    type: \"scroll\",\n    timestamp: Date.now(),\n    scrollTop,\n    scrollLeft: element.scrollLeft,\n    scrollHeight,\n    scrollWidth: element.scrollWidth,\n    clientHeight,\n    clientWidth: element.clientWidth,\n    scrollPercentage: Math.round(scrollPercentage),\n    nearBottom,\n    atBottom: scrollHeight - scrollTop === clientHeight,\n    atTop: scrollTop === 0,\n  };\n};\n\nconst focusPayload = (event: Event, element: HTMLElement): Record<string, unknown> => ({\n  type: event.type,\n  timestamp: Date.now(),\n  value: (element as HTMLInputElement).value ?? undefined,\n});\n\nconst mousePayload = (event: Event, _element: HTMLElement): Record<string, unknown> => {\n  const mouseEvent = event as MouseEvent;\n  return {\n    type: event.type,\n    timestamp: Date.now(),\n    clientX: mouseEvent.clientX,\n    clientY: mouseEvent.clientY,\n  };\n};\n\n// ============================================================================\n// Event Handlers Export\n// ============================================================================\n\nexport const eventHandlers: Record<string, ApplicatorHandler> = {\n  // Basic click/press\n  onClick: createEventHandler(\"click\"),\n  onPress: createEventHandler(\"click\"), // Alias for mobile-style naming\n\n  // Form events\n  onChange: createEventHandler(\"change\"),\n  onSubmit: createEventHandler(\"submit\", { preventDefault: true }),\n  onInput: createEventHandler(\"input\", { extractPayload: inputPayload }),\n\n  // Keyboard events\n  onKey: createKeyHandler(\"Enter\"),\n  \"onKey.key\": (element: HTMLElement, value: unknown) => {\n    // Store the target key for the action handler to use\n    setKeyTarget(element, String(value));\n  },\n  \"onKey.action\": createKeyHandler(\"Enter\"),\n\n  // Scroll (throttled)\n  onScroll: createEventHandler(\"scroll\", {\n    throttleMs: 100,\n    passive: true,\n    extractPayload: scrollPayload,\n  }),\n\n  // Long click/press\n  onLongClick: createLongClickHandler(500),\n\n  // Focus events\n  onFocus: createEventHandler(\"focus\", { extractPayload: focusPayload }),\n  onBlur: createEventHandler(\"blur\", { extractPayload: focusPayload }),\n\n  // Mouse hover events\n  onMouseEnter: createEventHandler(\"mouseenter\", { extractPayload: mousePayload }),\n  onMouseLeave: createEventHandler(\"mouseleave\", { extractPayload: mousePayload }),\n};\n"
+    "/**\n * Event Applicators\n *\n * Handles event applicators like onClick, onPress, etc.\n * Uses a factory pattern to reduce boilerplate and ensure consistency.\n */\n\nimport type { ApplicatorHandler } from \"./types.js\";\nimport {\n  getElementDisposables,\n  disposableListener,\n  disposableTimeout,\n  type Disposable,\n} from \"@hypen-space/core/disposable\";\nimport { frameworkLoggers } from \"@hypen-space/core/logger\";\nimport {\n  type IEngine,\n  getEngine,\n  getRegisteredEvents,\n  registerEvent,\n  unregisterEvent,\n  getKeyTarget,\n  setKeyTarget,\n} from \"../element-data.js\";\n\nconst log = frameworkLoggers.events;\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface EventHandlerOptions {\n  /** Custom payload extractor for this event type */\n  extractPayload?: (event: Event, element: HTMLElement) => Record<string, unknown>;\n  /** Throttle events to max one per N milliseconds */\n  throttleMs?: number;\n  /** Prevent default behavior */\n  preventDefault?: boolean;\n  /** Use passive listener (for scroll, touch) */\n  passive?: boolean;\n  /** Key to listen for (keyboard events) */\n  key?: string;\n}\n\n\n// ============================================================================\n// Utility Functions\n// ============================================================================\n\n/**\n * Convert Map or nested objects to plain objects\n */\nfunction toPlainObject(value: unknown): unknown {\n  if (value instanceof Map) {\n    const obj: Record<string, unknown> = {};\n    for (const [key, val] of value.entries()) {\n      obj[key] = toPlainObject(val);\n    }\n    return obj;\n  }\n\n  if (Array.isArray(value)) {\n    return value.map((item) => toPlainObject(item));\n  }\n\n  if (value && typeof value === \"object\") {\n    const obj: Record<string, unknown> = {};\n    for (const [key, val] of Object.entries(value)) {\n      obj[key] = toPlainObject(val);\n    }\n    return obj;\n  }\n\n  return value;\n}\n\n/**\n * Extract action name and custom payload from an applicator value\n */\nfunction extractActionDetails(value: unknown): {\n  actionName: string | null;\n  payload: Record<string, unknown>;\n} {\n  // String format: \"@actions.doSomething\" or \"@doSomething\"\n  if (typeof value === \"string\") {\n    if (!value.startsWith(\"@\")) {\n      return { actionName: null, payload: {} };\n    }\n\n    let actionName = value.substring(1);\n    if (actionName.startsWith(\"actions.\")) {\n      actionName = actionName.substring(8);\n    }\n    return { actionName, payload: {} };\n  }\n\n  // Object format: { \"0\": \"@actions.doSomething\", \"customKey\": \"value\" }\n  if (value && typeof value === \"object\") {\n    const plain = toPlainObject(value) as Record<string, unknown>;\n    const payload: Record<string, unknown> = {};\n    let actionName: string | null = null;\n\n    if (plain && typeof plain === \"object\") {\n      const actionValue = plain[\"0\"];\n      if (typeof actionValue === \"string\" && actionValue.startsWith(\"@\")) {\n        actionName = actionValue.substring(1);\n        if (actionName.startsWith(\"actions.\")) {\n          actionName = actionName.substring(8);\n        }\n      }\n\n      for (const [key, val] of Object.entries(plain)) {\n        if (key !== \"0\") {\n          // If the key is numeric (like \"1\", \"2\") and the value is an object,\n          // merge the object's keys into the payload directly.\n          // This handles: .onClick(\"@actions.foo\", { id: \"123\" })\n          // where the second positional arg becomes \"1\": { id: \"123\" }\n          if (/^\\d+$/.test(key) && val && typeof val === \"object\" && !Array.isArray(val)) {\n            for (const [innerKey, innerVal] of Object.entries(val)) {\n              payload[innerKey] = innerVal;\n            }\n          } else {\n            payload[key] = val;\n          }\n        }\n      }\n    }\n\n    return { actionName, payload };\n  }\n\n  return { actionName: null, payload: {} };\n}\n\n/**\n * Extract relevant data from a DOM event\n */\nfunction extractEventData(event: Event, element: HTMLElement): Record<string, unknown> {\n  const data: Record<string, unknown> = {\n    type: event.type,\n    timestamp: Date.now(),\n  };\n\n  // Mouse events\n  if (event instanceof MouseEvent) {\n    data.clientX = event.clientX;\n    data.clientY = event.clientY;\n    data.button = event.button;\n  }\n\n  // Keyboard events\n  if (event instanceof KeyboardEvent) {\n    data.key = event.key;\n    data.code = event.code;\n    data.ctrlKey = event.ctrlKey;\n    data.shiftKey = event.shiftKey;\n    data.altKey = event.altKey;\n    data.metaKey = event.metaKey;\n  }\n\n  // Input element values\n  if (element instanceof HTMLInputElement || element instanceof HTMLTextAreaElement) {\n    data.value = element.value;\n  }\n\n  // Select element values\n  if (element instanceof HTMLSelectElement) {\n    data.value = element.value;\n    data.selectedIndex = element.selectedIndex;\n  }\n\n  // Form data\n  if (event.type === \"submit\" && element instanceof HTMLFormElement) {\n    data.formData = new FormData(element);\n  }\n\n  return data;\n}\n\n\n/**\n * Capitalize first letter of a string\n */\nfunction capitalize(str: string): string {\n  return str.charAt(0).toUpperCase() + str.slice(1);\n}\n\n// ============================================================================\n// Event Handler Factory\n// ============================================================================\n\n\n/**\n * Create an event handler applicator with common boilerplate\n */\nfunction createEventHandler(\n  eventType: string,\n  options: EventHandlerOptions = {}\n): ApplicatorHandler {\n  return (element: HTMLElement, value: unknown) => {\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      log.warn(`${eventType} requires an action reference starting with @, got:`, value);\n      return;\n    }\n\n    const disposables = getElementDisposables(element);\n\n    // Track that we've registered this event type\n    // The disposable stack handles cleanup automatically\n    const eventKey = `${eventType}:${actionName}`;\n    if (getRegisteredEvents(element).has(eventKey)) {\n      // Already registered - skip to avoid duplicates\n      // This can happen during re-renders\n      return;\n    }\n    registerEvent(element, eventKey);\n\n    // Create throttle state if needed\n    let throttleTimer: Disposable | null = null;\n\n    // Create the event listener\n    const listener = (event: Event) => {\n      // Handle throttling\n      if (options.throttleMs && throttleTimer) {\n        return;\n      }\n\n      if (options.throttleMs) {\n        throttleTimer = disposableTimeout(() => {\n          throttleTimer = null;\n        }, options.throttleMs);\n      }\n\n      // Handle preventDefault\n      if (options.preventDefault) {\n        event.preventDefault();\n      }\n\n      // Build payload\n      const payload =\n        Object.keys(customPayload).length > 0\n          ? { ...customPayload }\n          : options.extractPayload\n            ? options.extractPayload(event, element)\n            : extractEventData(event, element);\n\n      // Dispatch to engine\n      const engine = getEngine(element);\n      if (engine) {\n        engine.dispatchAction(actionName, payload);\n      }\n    };\n\n    // Register the listener using disposable pattern\n    disposables.add(\n      disposableListener(element, eventType, listener, {\n        passive: options.passive,\n      })\n    );\n\n    // Clean up registered events tracking on dispose\n    disposables.addCallback(() => {\n      unregisterEvent(element, eventKey);\n      if (throttleTimer) {\n        throttleTimer.dispose();\n      }\n    });\n  };\n}\n\n/**\n * Create a keyboard event handler that filters by key\n */\nfunction createKeyHandler(defaultKey: string = \"Enter\"): ApplicatorHandler {\n  return (element: HTMLElement, value: unknown) => {\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      log.warn(`onKey requires an action reference starting with @, got:`, value);\n      return;\n    }\n\n    const disposables = getElementDisposables(element);\n\n    const eventKey = `keydown:${actionName}:${defaultKey}`;\n    if (getRegisteredEvents(element).has(eventKey)) {\n      return;\n    }\n    registerEvent(element, eventKey);\n\n    // Get target key from element data or use default\n    const targetKey = getKeyTarget(element) || defaultKey;\n    const keyToMatch = targetKey.toLowerCase() === \"return\" ? \"Enter\" : targetKey;\n\n    const listener = (event: Event) => {\n      const keyEvent = event as KeyboardEvent;\n      if (keyEvent.key !== keyToMatch) {\n        return;\n      }\n\n      event.preventDefault();\n\n      const target = event.target as HTMLInputElement | HTMLTextAreaElement;\n      const payload =\n        Object.keys(customPayload).length > 0\n          ? { ...customPayload }\n          : {\n              type: event.type,\n              timestamp: Date.now(),\n              key: keyEvent.key,\n              code: keyEvent.code,\n              value: target.value,\n              input: target.value,\n              ctrlKey: keyEvent.ctrlKey,\n              shiftKey: keyEvent.shiftKey,\n              altKey: keyEvent.altKey,\n              metaKey: keyEvent.metaKey,\n            };\n\n      const engine = getEngine(element);\n      if (engine) {\n        engine.dispatchAction(actionName, payload);\n      }\n    };\n\n    disposables.add(disposableListener(element, \"keydown\", listener));\n    disposables.addCallback(() => {\n      unregisterEvent(element, eventKey);\n    });\n  };\n}\n\n/**\n * Create a long-click/long-press handler\n */\nfunction createLongClickHandler(thresholdMs: number = 500): ApplicatorHandler {\n  return (element: HTMLElement, value: unknown) => {\n    const { actionName, payload: customPayload } = extractActionDetails(value);\n\n    if (!actionName) {\n      log.warn(`onLongClick requires an action reference starting with @, got:`, value);\n      return;\n    }\n\n    const disposables = getElementDisposables(element);\n\n    const eventKey = `longclick:${actionName}`;\n    if (getRegisteredEvents(element).has(eventKey)) {\n      return;\n    }\n    registerEvent(element, eventKey);\n\n    let longClickTimer: Disposable | null = null;\n\n    const downListener = (event: Event) => {\n      const pointerEvent = event as PointerEvent;\n\n      longClickTimer = disposableTimeout(() => {\n        const payload =\n          Object.keys(customPayload).length > 0\n            ? { ...customPayload }\n            : {\n                type: \"longclick\",\n                timestamp: Date.now(),\n                clientX: pointerEvent.clientX,\n                clientY: pointerEvent.clientY,\n              };\n\n        const engine = getEngine(element);\n        if (engine) {\n          engine.dispatchAction(actionName, payload);\n        }\n\n        longClickTimer = null;\n      }, thresholdMs);\n    };\n\n    const cancelListener = () => {\n      if (longClickTimer) {\n        longClickTimer.dispose();\n        longClickTimer = null;\n      }\n    };\n\n    disposables.add(disposableListener(element, \"pointerdown\", downListener));\n    disposables.add(disposableListener(element, \"pointerup\", cancelListener));\n    disposables.add(disposableListener(element, \"pointerleave\", cancelListener));\n    disposables.addCallback(() => {\n      unregisterEvent(element, eventKey);\n      cancelListener();\n    });\n  };\n}\n\n// ============================================================================\n// Payload Extractors\n// ============================================================================\n\nconst inputPayload = (event: Event, element: HTMLElement): Record<string, unknown> => {\n  const target = element as HTMLInputElement | HTMLTextAreaElement;\n  return {\n    type: event.type,\n    timestamp: Date.now(),\n    value: target.value,\n    input: target.value,\n  };\n};\n\nconst scrollPayload = (_event: Event, element: HTMLElement): Record<string, unknown> => {\n  const scrollTop = element.scrollTop;\n  const scrollHeight = element.scrollHeight;\n  const clientHeight = element.clientHeight;\n  const scrollPercentage =\n    scrollHeight - clientHeight > 0\n      ? (scrollTop / (scrollHeight - clientHeight)) * 100\n      : 0;\n\n  const nearBottom =\n    scrollHeight - scrollTop - clientHeight < 100 || scrollPercentage > 90;\n\n  return {\n    type: \"scroll\",\n    timestamp: Date.now(),\n    scrollTop,\n    scrollLeft: element.scrollLeft,\n    scrollHeight,\n    scrollWidth: element.scrollWidth,\n    clientHeight,\n    clientWidth: element.clientWidth,\n    scrollPercentage: Math.round(scrollPercentage),\n    nearBottom,\n    atBottom: scrollHeight - scrollTop === clientHeight,\n    atTop: scrollTop === 0,\n  };\n};\n\nconst focusPayload = (event: Event, element: HTMLElement): Record<string, unknown> => ({\n  type: event.type,\n  timestamp: Date.now(),\n  value: (element as HTMLInputElement).value ?? undefined,\n});\n\nconst mousePayload = (event: Event, _element: HTMLElement): Record<string, unknown> => {\n  const mouseEvent = event as MouseEvent;\n  return {\n    type: event.type,\n    timestamp: Date.now(),\n    clientX: mouseEvent.clientX,\n    clientY: mouseEvent.clientY,\n  };\n};\n\n// ============================================================================\n// Event Handlers Export\n// ============================================================================\n\nexport const eventHandlers: Record<string, ApplicatorHandler> = {\n  // Basic click/press\n  onClick: createEventHandler(\"click\"),\n  onPress: createEventHandler(\"click\"), // Alias for mobile-style naming\n\n  // Form events\n  onChange: createEventHandler(\"change\"),\n  onSubmit: createEventHandler(\"submit\", { preventDefault: true }),\n  onInput: createEventHandler(\"input\", { extractPayload: inputPayload }),\n\n  // Keyboard events\n  onKey: createKeyHandler(\"Enter\"),\n  \"onKey.key\": (element: HTMLElement, value: unknown) => {\n    // Store the target key for the action handler to use\n    setKeyTarget(element, String(value));\n  },\n  \"onKey.action\": createKeyHandler(\"Enter\"),\n\n  // Scroll (throttled)\n  onScroll: createEventHandler(\"scroll\", {\n    throttleMs: 100,\n    passive: true,\n    extractPayload: scrollPayload,\n  }),\n\n  // Long click/press\n  onLongClick: createLongClickHandler(500),\n  onLongPress: createLongClickHandler(500), // Alias for mobile-style naming\n\n  // Focus events\n  onFocus: createEventHandler(\"focus\", { extractPayload: focusPayload }),\n  onBlur: createEventHandler(\"blur\", { extractPayload: focusPayload }),\n\n  // Mouse hover events\n  onMouseEnter: createEventHandler(\"mouseenter\", { extractPayload: mousePayload }),\n  onMouseLeave: createEventHandler(\"mouseleave\", { extractPayload: mousePayload }),\n};\n"
   ],
-  "mappings": "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",
-  "debugId": "F0888255282088F164756E2164756E21",
+  "mappings": "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",
+  "debugId": "684AD1847595670564756E2164756E21",
   "names": []
 }

package/dist/dom/applicators/font.d.ts

@@ -0,0 +1,29 @@
+/**
+ * Font Applicators with Google Fonts support
+ */
+import type { ApplicatorHandler } from "./types.js";
+/**
+ * Load a Google Font by injecting a link tag.
+ * @param fontName - The Google Font name (e.g., "Roboto", "Open Sans")
+ */
+declare function loadGoogleFont(fontName: string): void;
+export declare const fontHandlers: Record<string, ApplicatorHandler>;
+export declare const GoogleFonts: {
+    /**
+     * Preload a Google Font before it's used.
+     */
+    preload: typeof loadGoogleFont;
+    /**
+     * Check if a font has been loaded.
+     */
+    isLoaded: (fontName: string) => boolean;
+    /**
+     * Get list of loaded fonts.
+     */
+    getLoadedFonts: () => string[];
+    /**
+     * Popular Google Fonts for reference.
+     */
+    popular: string[];
+};
+export {};

package/dist/dom/applicators/index.d.ts

@@ -0,0 +1,76 @@
+/**
+ * Applicator Registry
+ *
+ * Handles style applicators (modifiers) for Hypen components
+ */
+export type { ApplicatorHandler } from "./types.js";
+import type { ApplicatorHandler } from "./types.js";
+export declare class ApplicatorRegistry {
+    private handlers;
+    private elementState;
+    constructor();
+    /**
+     * Register an applicator handler
+     */
+    register(name: string, handler: ApplicatorHandler): void;
+    /**
+     * Apply an applicator to an element
+     */
+    apply(element: HTMLElement, name: string, value: any): void;
+    /**
+     * Parse applicator name to handle indexed and event argument formats
+     * e.g., "fontSize.0" -> { handlerName: "fontSize" }
+     *       "onClick.id" -> { handlerName: "onClick", aggregate: true, argKey: "id" }
+     * Keeps compound names like "padding.top" as-is so they can fall back to CSS.
+     */
+    private parseApplicatorName;
+    /**
+     * Get or initialize per-element applicator state used for merging event payloads
+     */
+    private getElementState;
+    /**
+     * Merge updated event argument into previously stored payload snapshot
+     */
+    private mergeAggregateState;
+    /**
+     * Convert stored state into a mutable payload object we can merge into
+     */
+    private cloneAggregateState;
+    /**
+     * Normalize event value updates so action payload arguments persist across SetProp orderings
+     */
+    private normalizeEventValue;
+    /**
+     * Convert Maps (from WASM) and nested structures into plain JS values we can merge safely
+     */
+    private normalizeValue;
+    /**
+     * Determine if a handler name follows the event applicator naming convention
+     */
+    private isEventApplicator;
+    /**
+     * Apply multiple applicators
+     */
+    applyAll(element: HTMLElement, applicators: Record<string, any>): void;
+    /**
+     * Set a CSS property with automatic unit handling and variant support
+     */
+    private setStyleProperty;
+    /**
+     * Convert camelCase to kebab-case
+     */
+    private toKebabCase;
+    /**
+     * Format a CSS value with automatic unit handling
+     */
+    private formatCssValue;
+    /**
+     * Check if a property needs a unit
+     */
+    private needsUnit;
+    /**
+     * Register default applicator handlers
+     * Uses statically imported handlers (defined at top of file) to avoid circular dependencies
+     */
+    private registerDefaults;
+}

package/dist/dom/applicators/index.js

@@ -675,7 +675,7 @@ import {
   disposableListener,
   disposableTimeout
 } from "@hypen-space/core/disposable";
-import { frameworkLoggers } from "@hypen-space/core";
+import { frameworkLoggers } from "@hypen-space/core/logger";
 var log = frameworkLoggers.events;
 function toPlainObject(value) {
   if (value instanceof Map) {
@@ -960,6 +960,7 @@ var eventHandlers = {
     extractPayload: scrollPayload
   }),
   onLongClick: createLongClickHandler(500),
+  onLongPress: createLongClickHandler(500),
   onFocus: createEventHandler("focus", { extractPayload: focusPayload }),
   onBlur: createEventHandler("blur", { extractPayload: focusPayload }),
   onMouseEnter: createEventHandler("mouseenter", { extractPayload: mousePayload }),
@@ -1221,12 +1222,6 @@ var advancedLayoutHandlers = {
   flexBasis: (el, value) => {
     el.style.flexBasis = typeof value === "number" ? `${value}px` : String(value);
   },
-  justifyContent: (el, value) => {
-    el.style.justifyContent = mapAlignmentValue(String(value));
-  },
-  alignItems: (el, value) => {
-    el.style.alignItems = mapAlignmentValue(String(value));
-  },
   alignContent: (el, value) => {
     el.style.alignContent = String(value);
   },
@@ -1725,4 +1720,4 @@ export {
   ApplicatorRegistry
 };
 
-//# debugId=8E5491562F0EF03864756E2164756E21
+//# debugId=87DF02EDAD4E5DFA64756E2164756E21