@hypen-space/web 0.2.0

package/dist/src/dom/applicators/index.js

@@ -0,0 +1,296 @@
+import {
+  exports_events,
+  init_events
+} from "./events.js";
+import {
+  exports_color,
+  init_color
+} from "./color.js";
+import {
+  exports_typography,
+  init_typography
+} from "./typography.js";
+import {
+  exports_effects,
+  init_effects
+} from "./effects.js";
+import {
+  exports_margin
+} from "./margin.js";
+import {
+  exports_advanced_layout,
+  init_advanced_layout
+} from "./advanced-layout.js";
+import {
+  exports_display,
+  init_display
+} from "./display.js";
+import {
+  exports_size,
+  init_size
+} from "./size.js";
+import {
+  exports_font,
+  init_font
+} from "./font.js";
+import {
+  exports_background,
+  init_background
+} from "./background.js";
+import {
+  exports_transition,
+  init_transition
+} from "./transition.js";
+import {
+  exports_layout,
+  init_layout
+} from "./layout.js";
+import {
+  exports_padding
+} from "./padding.js";
+import {
+  exports_border,
+  init_border
+} from "./border.js";
+import {
+  exports_transform,
+  init_transform
+} from "./transform.js";
+import {
+  __toCommonJS
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/applicators/index.ts
+class ApplicatorRegistry {
+  handlers = new Map;
+  elementState = new WeakMap;
+  constructor() {
+    this.registerDefaults();
+  }
+  register(name, handler) {
+    this.handlers.set(name, handler);
+  }
+  apply(element, name, value) {
+    const { handlerName, argKey, aggregate, fallbackName } = this.parseApplicatorName(name);
+    const handler = this.handlers.get(handlerName);
+    const state = this.getElementState(element);
+    const previous = state.get(handlerName);
+    if (aggregate && argKey !== null) {
+      const merged = this.mergeAggregateState(previous, argKey, this.normalizeValue(value));
+      state.set(handlerName, merged);
+      if (handler) {
+        handler(element, merged);
+      } else {
+        this.setStyleProperty(element, fallbackName, value);
+      }
+      return;
+    }
+    if (handler) {
+      if (this.isEventApplicator(handlerName)) {
+        const normalizedValue = this.normalizeEventValue(previous, value);
+        state.set(handlerName, normalizedValue);
+        handler(element, normalizedValue);
+      } else {
+        state.set(handlerName, value);
+        handler(element, value);
+      }
+    } else {
+      this.setStyleProperty(element, handlerName, value);
+    }
+  }
+  parseApplicatorName(name) {
+    const dotIndex = name.indexOf(".");
+    if (dotIndex === -1) {
+      return { handlerName: name, argKey: null, aggregate: false, fallbackName: name };
+    }
+    const baseName = name.substring(0, dotIndex);
+    const argKey = name.substring(dotIndex + 1);
+    if (this.handlers.has(baseName) && this.isEventApplicator(baseName)) {
+      return { handlerName: baseName, argKey, aggregate: true, fallbackName: name };
+    }
+    if (/^\d+$/.test(argKey)) {
+      return { handlerName: baseName, argKey: null, aggregate: false, fallbackName: baseName };
+    }
+    return { handlerName: name, argKey: null, aggregate: false, fallbackName: name };
+  }
+  getElementState(element) {
+    let state = this.elementState.get(element);
+    if (!state) {
+      state = new Map;
+      this.elementState.set(element, state);
+    }
+    return state;
+  }
+  mergeAggregateState(previous, argKey, value) {
+    const base = this.cloneAggregateState(previous);
+    if (value === undefined) {
+      delete base[argKey];
+    } else {
+      base[argKey] = value;
+    }
+    return base;
+  }
+  cloneAggregateState(previous) {
+    if (previous && typeof previous === "object" && !Array.isArray(previous)) {
+      return { ...previous };
+    }
+    if (typeof previous === "string") {
+      return { "0": previous };
+    }
+    return {};
+  }
+  normalizeEventValue(previous, value) {
+    const normalizedInput = this.normalizeValue(value);
+    const base = this.cloneAggregateState(previous);
+    if (normalizedInput && typeof normalizedInput === "object" && !Array.isArray(normalizedInput)) {
+      const next = { ...base, ...normalizedInput };
+      if (!Object.prototype.hasOwnProperty.call(next, "0") && base["0"] !== undefined) {
+        next["0"] = base["0"];
+      }
+      return next;
+    }
+    if (normalizedInput !== undefined) {
+      base["0"] = normalizedInput;
+    }
+    return base;
+  }
+  normalizeValue(value) {
+    if (value instanceof Map) {
+      const obj = {};
+      for (const [key, val] of value.entries()) {
+        obj[key] = this.normalizeValue(val);
+      }
+      return obj;
+    }
+    if (Array.isArray(value)) {
+      return value.map((item) => this.normalizeValue(item));
+    }
+    if (value && typeof value === "object") {
+      const obj = {};
+      for (const [key, val] of Object.entries(value)) {
+        obj[key] = this.normalizeValue(val);
+      }
+      return obj;
+    }
+    return value;
+  }
+  isEventApplicator(name) {
+    return /^on[A-Z]/.test(name);
+  }
+  applyAll(element, applicators) {
+    const grouped = new Map;
+    for (const [name, value] of Object.entries(applicators)) {
+      const dotIndex = name.indexOf(".");
+      const baseName = dotIndex !== -1 ? name.substring(0, dotIndex) : name;
+      const argKey = dotIndex !== -1 ? name.substring(dotIndex + 1) : null;
+      if (!grouped.has(baseName)) {
+        grouped.set(baseName, {});
+      }
+      const args = grouped.get(baseName);
+      if (argKey !== null) {
+        args[argKey] = value;
+      } else {
+        args["__value"] = value;
+      }
+    }
+    for (const [baseName, args] of grouped.entries()) {
+      if (Object.keys(args).length === 1) {
+        if ("__value" in args) {
+          this.apply(element, baseName, args["__value"]);
+        } else if ("0" in args) {
+          this.apply(element, baseName, args["0"]);
+        } else {
+          this.apply(element, baseName, args);
+        }
+      } else {
+        this.apply(element, baseName, args);
+      }
+    }
+  }
+  setStyleProperty(element, name, value) {
+    const cssName = name.replace(/([A-Z])/g, "-$1").toLowerCase();
+    if (typeof value === "number" && this.needsUnit(cssName)) {
+      element.style.setProperty(cssName, `${value}px`);
+    } else {
+      element.style.setProperty(cssName, String(value));
+    }
+  }
+  needsUnit(prop) {
+    const unitless = [
+      "opacity",
+      "z-index",
+      "font-weight",
+      "line-height",
+      "flex",
+      "flex-grow",
+      "flex-shrink",
+      "order"
+    ];
+    return !unitless.includes(prop);
+  }
+  registerDefaults() {
+    const { paddingHandler } = __toCommonJS(exports_padding);
+    const { marginHandler } = __toCommonJS(exports_margin);
+    const { colorHandlers } = (init_color(), __toCommonJS(exports_color));
+    const { borderHandlers } = (init_border(), __toCommonJS(exports_border));
+    const { sizeHandlers } = (init_size(), __toCommonJS(exports_size));
+    const { fontHandlers } = (init_font(), __toCommonJS(exports_font));
+    const { layoutHandlers } = (init_layout(), __toCommonJS(exports_layout));
+    const { eventHandlers } = (init_events(), __toCommonJS(exports_events));
+    const { typographyHandlers } = (init_typography(), __toCommonJS(exports_typography));
+    const { transformHandlers } = (init_transform(), __toCommonJS(exports_transform));
+    const { effectsHandlers } = (init_effects(), __toCommonJS(exports_effects));
+    const { advancedLayoutHandlers } = (init_advanced_layout(), __toCommonJS(exports_advanced_layout));
+    const { backgroundHandlers } = (init_background(), __toCommonJS(exports_background));
+    const { displayHandlers } = (init_display(), __toCommonJS(exports_display));
+    const { transitionHandlers } = (init_transition(), __toCommonJS(exports_transition));
+    this.register("padding", paddingHandler);
+    this.register("margin", marginHandler);
+    for (const [name, handler] of Object.entries(colorHandlers)) {
+      this.register(name, handler);
+    }
+    for (const [name, handler] of Object.entries(borderHandlers)) {
+      this.register(name, handler);
+    }
+    for (const [name, handler] of Object.entries(sizeHandlers)) {
+      this.register(name, handler);
+    }
+    for (const [name, handler] of Object.entries(fontHandlers)) {
+      this.register(name, handler);
+    }
+    for (const [name, handler] of Object.entries(layoutHandlers)) {
+      this.register(name, handler);
+    }
+    for (const [name, handler] of Object.entries(eventHandlers)) {
+      this.register(name, handler);
+    }
+    for (const [name, handler] of Object.entries(typographyHandlers)) {
+      this.register(name, handler);
+    }
+    for (const [name, handler] of Object.entries(transformHandlers)) {
+      this.register(name, handler);
+    }
+    for (const [name, handler] of Object.entries(effectsHandlers)) {
+      this.register(name, handler);
+    }
+    for (const [name, handler] of Object.entries(advancedLayoutHandlers)) {
+      this.register(name, handler);
+    }
+    for (const [name, handler] of Object.entries(backgroundHandlers)) {
+      this.register(name, handler);
+    }
+    for (const [name, handler] of Object.entries(displayHandlers)) {
+      this.register(name, handler);
+    }
+    for (const [name, handler] of Object.entries(transitionHandlers)) {
+      this.register(name, handler);
+    }
+  }
+}
+export {
+  ApplicatorRegistry
+};
+
+export { ApplicatorRegistry };
+
+//# debugId=FC865C18036E241064756E2164756E21

package/dist/src/dom/applicators/index.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/dom/applicators/index.ts"],
+  "sourcesContent": [
+    "/**\n * Applicator Registry\n *\n * Handles style applicators (modifiers) for Hypen components\n */\n\nexport type ApplicatorHandler = (element: HTMLElement, value: any) => void;\n\nexport class ApplicatorRegistry {\n  private handlers: Map<string, ApplicatorHandler> = new Map();\n  private elementState: WeakMap<HTMLElement, Map<string, any>> = new WeakMap();\n\n  constructor() {\n    this.registerDefaults();\n  }\n\n  /**\n   * Register an applicator handler\n   */\n  register(name: string, handler: ApplicatorHandler): void {\n    this.handlers.set(name, handler);\n  }\n\n  /**\n   * Apply an applicator to an element\n   */\n  apply(element: HTMLElement, name: string, value: any): void {\n    // Parse applicator metadata so we can normalize event arguments and retain legacy behavior\n    const { handlerName, argKey, aggregate, fallbackName } = this.parseApplicatorName(name);\n\n    const handler = this.handlers.get(handlerName);\n    const state = this.getElementState(element);\n    const previous = state.get(handlerName);\n\n    if (aggregate && argKey !== null) {\n      // Merge event payload updates with the previously applied arguments so handlers\n      // always receive the full payload object (prevents stale dispatch data)\n      const merged = this.mergeAggregateState(previous, argKey, this.normalizeValue(value));\n\n      state.set(handlerName, merged);\n\n      if (handler) {\n        handler(element, merged);\n      } else {\n        // Fallback: set as CSS property using the original name if no handler exists\n        this.setStyleProperty(element, fallbackName, value);\n      }\n      return;\n    }\n\n    if (handler) {\n      if (this.isEventApplicator(handlerName)) {\n        const normalizedValue = this.normalizeEventValue(previous, value);\n        state.set(handlerName, normalizedValue);\n        handler(element, normalizedValue);\n      } else {\n        state.set(handlerName, value);\n        handler(element, value);\n      }\n    } else {\n      // Fallback: set as CSS property\n      this.setStyleProperty(element, handlerName, value);\n    }\n  }\n\n  /**\n   * Parse applicator name to handle indexed and event argument formats\n   * e.g., \"fontSize.0\" -> { handlerName: \"fontSize\" }\n   *       \"onClick.id\" -> { handlerName: \"onClick\", aggregate: true, argKey: \"id\" }\n   * Keeps compound names like \"padding.top\" as-is so they can fall back to CSS.\n   */\n  private parseApplicatorName(name: string): {\n    handlerName: string;\n    argKey: string | null;\n    aggregate: boolean;\n    fallbackName: string;\n  } {\n    const dotIndex = name.indexOf('.');\n    if (dotIndex === -1) {\n      return { handlerName: name, argKey: null, aggregate: false, fallbackName: name };\n    }\n\n    const baseName = name.substring(0, dotIndex);\n    const argKey = name.substring(dotIndex + 1);\n\n    if (this.handlers.has(baseName) && this.isEventApplicator(baseName)) {\n      return { handlerName: baseName, argKey, aggregate: true, fallbackName: name };\n    }\n\n    if (/^\\d+$/.test(argKey)) {\n      return { handlerName: baseName, argKey: null, aggregate: false, fallbackName: baseName };\n    }\n\n    return { handlerName: name, argKey: null, aggregate: false, fallbackName: name };\n  }\n\n  /**\n   * Get or initialize per-element applicator state used for merging event payloads\n   */\n  private getElementState(element: HTMLElement): Map<string, any> {\n    let state = this.elementState.get(element);\n    if (!state) {\n      state = new Map();\n      this.elementState.set(element, state);\n    }\n    return state;\n  }\n\n  /**\n   * Merge updated event argument into previously stored payload snapshot\n   */\n  private mergeAggregateState(previous: any, argKey: string, value: any): Record<string, any> {\n    const base: Record<string, any> = this.cloneAggregateState(previous);\n\n    if (value === undefined) {\n      delete base[argKey];\n    } else {\n      base[argKey] = value;\n    }\n\n    return base;\n  }\n\n  /**\n   * Convert stored state into a mutable payload object we can merge into\n   */\n  private cloneAggregateState(previous: any): Record<string, any> {\n    if (previous && typeof previous === \"object\" && !Array.isArray(previous)) {\n      return { ...previous };\n    }\n\n    if (typeof previous === \"string\") {\n      return { \"0\": previous };\n    }\n\n    return {};\n  }\n\n  /**\n   * Normalize event value updates so action payload arguments persist across SetProp orderings\n   */\n  private normalizeEventValue(previous: any, value: any): Record<string, any> {\n    const normalizedInput = this.normalizeValue(value);\n    const base = this.cloneAggregateState(previous);\n\n    if (normalizedInput && typeof normalizedInput === \"object\" && !Array.isArray(normalizedInput)) {\n      const next = { ...base, ...normalizedInput } as Record<string, any>;\n\n      if (!Object.prototype.hasOwnProperty.call(next, \"0\") && base[\"0\"] !== undefined) {\n        next[\"0\"] = base[\"0\"];\n      }\n\n      return next;\n    }\n\n    if (normalizedInput !== undefined) {\n      base[\"0\"] = normalizedInput;\n    }\n\n    return base;\n  }\n\n  /**\n   * Convert Maps (from WASM) and nested structures into plain JS values we can merge safely\n   */\n  private normalizeValue(value: any): any {\n    if (value instanceof Map) {\n      const obj: Record<string, any> = {};\n      for (const [key, val] of value.entries()) {\n        obj[key] = this.normalizeValue(val);\n      }\n      return obj;\n    }\n\n    if (Array.isArray(value)) {\n      return value.map((item) => this.normalizeValue(item));\n    }\n\n    if (value && typeof value === \"object\") {\n      const obj: Record<string, any> = {};\n      for (const [key, val] of Object.entries(value)) {\n        obj[key] = this.normalizeValue(val);\n      }\n      return obj;\n    }\n\n    return value;\n  }\n\n  /**\n   * Determine if a handler name follows the event applicator naming convention\n   */\n  private isEventApplicator(name: string): boolean {\n    return /^on[A-Z]/.test(name);\n  }\n\n  /**\n   * Apply multiple applicators\n   */\n  applyAll(element: HTMLElement, applicators: Record<string, any>): void {\n    //console.log(`[ApplicatorRegistry] Applying applicators:`, applicators);\n\n    // Group applicators by their base name (treat applicators like components with arguments)\n    // e.g., \"onClick.0\", \"onClick.id\", \"onClick.title\" -> onClick: {0: ..., id: ..., title: ...}\n    const grouped = new Map<string, Record<string, any>>();\n\n    for (const [name, value] of Object.entries(applicators)) {\n      // Extract base name and argument key\n      const dotIndex = name.indexOf('.');\n      const baseName = dotIndex !== -1 ? name.substring(0, dotIndex) : name;\n      const argKey = dotIndex !== -1 ? name.substring(dotIndex + 1) : null;\n\n      if (!grouped.has(baseName)) {\n        grouped.set(baseName, {});\n      }\n\n      const args = grouped.get(baseName)!;\n      if (argKey !== null) {\n        // This is an argument (e.g., \"onClick.0\" or \"onClick.id\")\n        args[argKey] = value;\n      } else {\n        // This is a single-value applicator (e.g., \"padding\")\n        args['__value'] = value;\n      }\n    }\n\n    // Apply each applicator with its arguments\n    for (const [baseName, args] of grouped.entries()) {\n      // If it's a single value (either __value or just \"0\"), pass just the value\n      if (Object.keys(args).length === 1) {\n        if ('__value' in args) {\n          this.apply(element, baseName, args['__value']);\n        } else if ('0' in args) {\n          // Single positional argument (e.g., padding.0 -> just pass the value)\n          this.apply(element, baseName, args['0']);\n        } else {\n          // Single named argument? Pass the whole object\n          this.apply(element, baseName, args);\n        }\n      } else {\n        // Multiple arguments - pass the entire args object\n        this.apply(element, baseName, args);\n      }\n    }\n  }\n\n  /**\n   * Set a CSS property with automatic unit handling\n   */\n  private setStyleProperty(element: HTMLElement, name: string, value: any): void {\n    // Convert camelCase to kebab-case\n    const cssName = name.replace(/([A-Z])/g, \"-$1\").toLowerCase();\n\n    // Add units for numeric values on size properties\n    if (typeof value === \"number\" && this.needsUnit(cssName)) {\n      element.style.setProperty(cssName, `${value}px`);\n    } else {\n      element.style.setProperty(cssName, String(value));\n    }\n  }\n\n  /**\n   * Check if a property needs a unit\n   */\n  private needsUnit(prop: string): boolean {\n    const unitless = [\n      \"opacity\",\n      \"z-index\",\n      \"font-weight\",\n      \"line-height\",\n      \"flex\",\n      \"flex-grow\",\n      \"flex-shrink\",\n      \"order\",\n    ];\n    return !unitless.includes(prop);\n  }\n\n  /**\n   * Register default applicator handlers\n   */\n  private registerDefaults(): void {\n    const { paddingHandler } = require(\"./padding.js\");\n    const { marginHandler } = require(\"./margin.js\");\n    const { colorHandlers } = require(\"./color.js\");\n    const { borderHandlers } = require(\"./border.js\");\n    const { sizeHandlers } = require(\"./size.js\");\n    const { fontHandlers } = require(\"./font.js\");\n    const { layoutHandlers } = require(\"./layout.js\");\n    const { eventHandlers } = require(\"./events.js\");\n    const { typographyHandlers } = require(\"./typography.js\");\n    const { transformHandlers } = require(\"./transform.js\");\n    const { effectsHandlers } = require(\"./effects.js\");\n    const { advancedLayoutHandlers } = require(\"./advanced-layout.js\");\n    const { backgroundHandlers } = require(\"./background.js\");\n    const { displayHandlers } = require(\"./display.js\");\n    const { transitionHandlers } = require(\"./transition.js\");\n\n    this.register(\"padding\", paddingHandler);\n    this.register(\"margin\", marginHandler);\n\n    for (const [name, handler] of Object.entries(colorHandlers)) {\n      this.register(name, handler as ApplicatorHandler);\n    }\n\n    for (const [name, handler] of Object.entries(borderHandlers)) {\n      this.register(name, handler as ApplicatorHandler);\n    }\n\n    for (const [name, handler] of Object.entries(sizeHandlers)) {\n      this.register(name, handler as ApplicatorHandler);\n    }\n\n    for (const [name, handler] of Object.entries(fontHandlers)) {\n      this.register(name, handler as ApplicatorHandler);\n    }\n\n    for (const [name, handler] of Object.entries(layoutHandlers)) {\n      this.register(name, handler as ApplicatorHandler);\n    }\n\n    for (const [name, handler] of Object.entries(eventHandlers)) {\n      this.register(name, handler as ApplicatorHandler);\n    }\n\n    for (const [name, handler] of Object.entries(typographyHandlers)) {\n      this.register(name, handler as ApplicatorHandler);\n    }\n\n    for (const [name, handler] of Object.entries(transformHandlers)) {\n      this.register(name, handler as ApplicatorHandler);\n    }\n\n    for (const [name, handler] of Object.entries(effectsHandlers)) {\n      this.register(name, handler as ApplicatorHandler);\n    }\n\n    for (const [name, handler] of Object.entries(advancedLayoutHandlers)) {\n      this.register(name, handler as ApplicatorHandler);\n    }\n\n    for (const [name, handler] of Object.entries(backgroundHandlers)) {\n      this.register(name, handler as ApplicatorHandler);\n    }\n\n    for (const [name, handler] of Object.entries(displayHandlers)) {\n      this.register(name, handler as ApplicatorHandler);\n    }\n\n    for (const [name, handler] of Object.entries(transitionHandlers)) {\n      this.register(name, handler as ApplicatorHandler);\n    }\n  }\n}\n"
+  ],
+  "mappings": "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",
+  "debugId": "FC865C18036E241064756E2164756E21",
+  "names": []
+}

package/dist/src/dom/applicators/layout.js

@@ -0,0 +1,86 @@
+import {
+  __esm,
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/applicators/layout.ts
+var exports_layout = {};
+__export(exports_layout, {
+  layoutHandlers: () => layoutHandlers
+});
+var layoutHandlers;
+var init_layout = __esm(() => {
+  layoutHandlers = {
+    verticalAlignment: (el, value) => {
+      const val = String(value);
+      const flexDirection = getComputedStyle(el).flexDirection;
+      if (flexDirection === "column" || flexDirection === "column-reverse") {
+        el.style.justifyContent = val;
+      } else {
+        el.style.alignItems = val;
+      }
+    },
+    horizontalAlignment: (el, value) => {
+      const val = String(value);
+      const flexDirection = getComputedStyle(el).flexDirection;
+      if (flexDirection === "column" || flexDirection === "column-reverse") {
+        el.style.alignItems = val;
+      } else {
+        el.style.justifyContent = val;
+      }
+    },
+    horizontalAlign: (el, value) => {
+      el.style.justifyContent = String(value);
+    },
+    verticalAlign: (el, value) => {
+      el.style.alignItems = String(value);
+    },
+    gap: (el, value) => {
+      el.style.gap = typeof value === "number" ? `${value}px` : String(value);
+    },
+    weight: (el, value) => {
+      el.style.flex = String(value);
+    },
+    flex: (el, value) => {
+      el.style.flex = String(value);
+    },
+    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);
+      }
+    }
+  };
+});
+init_layout();
+
+export {
+  layoutHandlers
+};
+
+export { exports_layout, init_layout };
+
+//# debugId=D6FCEF8A4A64B64D64756E2164756E21

package/dist/src/dom/applicators/layout.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/dom/applicators/layout.ts"],
+  "sourcesContent": [
+    "/**\n * Layout Applicators (Flexbox/Grid)\n */\n\nimport type { ApplicatorHandler } from \"./index.js\";\n\nexport const layoutHandlers: Record<string, ApplicatorHandler> = {\n  // Unified alignment API - works for both Column and Row\n  verticalAlignment: (el, value) => {\n    const val = String(value);\n    // Check flex-direction to determine which CSS property to set\n    const flexDirection = getComputedStyle(el).flexDirection;\n    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 = String(value);\n    // Check flex-direction to determine which CSS property to set\n    const flexDirection = getComputedStyle(el).flexDirection;\n    if (flexDirection === \"column\" || flexDirection === \"column-reverse\") {\n      // For column: horizontal is the cross axis (align-items)\n      el.style.alignItems = val;\n    } else {\n      // For row: horizontal is the main axis (justify-content)\n      el.style.justifyContent = val;\n    }\n  },\n\n  // Legacy aliases (kept for backward compatibility)\n  horizontalAlign: (el, value) => {\n    el.style.justifyContent = String(value);\n  },\n\n  verticalAlign: (el, value) => {\n    el.style.alignItems = 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  },\n\n  // flex: CSS flex shorthand (kept for CSS compatibility)\n  flex: (el, value) => {\n    el.style.flex = String(value);\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"
+  ],
+  "mappings": ";;;;;;;;;;IAMa;AAAA;AAAA,mBAAoD;AAAA,IAE/D,mBAAmB,CAAC,IAAI,UAAU;AAAA,MAChC,MAAM,MAAM,OAAO,KAAK;AAAA,MAExB,MAAM,gBAAgB,iBAAiB,EAAE,EAAE;AAAA,MAC3C,IAAI,kBAAkB,YAAY,kBAAkB,kBAAkB;AAAA,QAEpE,GAAG,MAAM,iBAAiB;AAAA,MAC5B,EAAO;AAAA,QAEL,GAAG,MAAM,aAAa;AAAA;AAAA;AAAA,IAI1B,qBAAqB,CAAC,IAAI,UAAU;AAAA,MAClC,MAAM,MAAM,OAAO,KAAK;AAAA,MAExB,MAAM,gBAAgB,iBAAiB,EAAE,EAAE;AAAA,MAC3C,IAAI,kBAAkB,YAAY,kBAAkB,kBAAkB;AAAA,QAEpE,GAAG,MAAM,aAAa;AAAA,MACxB,EAAO;AAAA,QAEL,GAAG,MAAM,iBAAiB;AAAA;AAAA;AAAA,IAK9B,iBAAiB,CAAC,IAAI,UAAU;AAAA,MAC9B,GAAG,MAAM,iBAAiB,OAAO,KAAK;AAAA;AAAA,IAGxC,eAAe,CAAC,IAAI,UAAU;AAAA,MAC5B,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,IAGpC,KAAK,CAAC,IAAI,UAAU;AAAA,MAClB,GAAG,MAAM,MAAM,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAKxE,QAAQ,CAAC,IAAI,UAAU;AAAA,MACrB,GAAG,MAAM,OAAO,OAAO,KAAK;AAAA;AAAA,IAI9B,MAAM,CAAC,IAAI,UAAU;AAAA,MACnB,GAAG,MAAM,OAAO,OAAO,KAAK;AAAA;AAAA,IAG9B,UAAU,CAAC,IAAI,UAAU;AAAA,MACvB,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA;AAAA,IAGlC,YAAY,CAAC,IAAI,UAAU;AAAA,MACzB,GAAG,MAAM,aAAa,OAAO,KAAK;AAAA;AAAA,IAGpC,QAAQ,CAAC,IAAI,UAAU;AAAA,MACrB,GAAG,MAAM,SAAS,OAAO,KAAK;AAAA;AAAA,IAGhC,UAAU,CAAC,IAAI,UAAU;AAAA,MACvB,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA;AAAA,IAGlC,YAAY,CAAC,IAAI,UAAU;AAAA,MACzB,IAAI,UAAU,QAAQ,UAAU,QAAQ;AAAA,QACtC,GAAG,MAAM,WAAW;AAAA,MACtB,EAAO,SAAI,UAAU,SAAS,UAAU,SAAS;AAAA,QAC/C,GAAG,MAAM,WAAW;AAAA,MACtB,EAAO,SAAI,UAAU,YAAY;AAAA,QAC/B,GAAG,MAAM,YAAY;AAAA,QACrB,GAAG,MAAM,YAAY;AAAA,MACvB,EAAO,SAAI,UAAU,cAAc;AAAA,QACjC,GAAG,MAAM,YAAY;AAAA,QACrB,GAAG,MAAM,YAAY;AAAA,MACvB,EAAO,SAAI,UAAU,QAAQ;AAAA,QAC3B,GAAG,MAAM,WAAW;AAAA,MACtB,EAAO;AAAA,QACL,GAAG,MAAM,WAAW,OAAO,KAAK;AAAA;AAAA;AAAA,EAGtC;AAAA;",
+  "debugId": "D6FCEF8A4A64B64D64756E2164756E21",
+  "names": []
+}

package/dist/src/dom/applicators/margin.js

@@ -0,0 +1,32 @@
+import {
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/applicators/margin.ts
+var exports_margin = {};
+__export(exports_margin, {
+  marginHandler: () => marginHandler
+});
+var marginHandler = (el, value) => {
+  if (typeof value === "number") {
+    el.style.margin = `${value}px`;
+  } else if (typeof value === "object") {
+    if (value.left !== undefined)
+      el.style.marginLeft = `${value.left}px`;
+    if (value.right !== undefined)
+      el.style.marginRight = `${value.right}px`;
+    if (value.top !== undefined)
+      el.style.marginTop = `${value.top}px`;
+    if (value.bottom !== undefined)
+      el.style.marginBottom = `${value.bottom}px`;
+  } else {
+    el.style.margin = String(value);
+  }
+};
+export {
+  marginHandler
+};
+
+export { __INVALID__REF__, exports_margin };
+
+//# debugId=5408522A6C03BB7F64756E2164756E21

package/dist/src/dom/applicators/margin.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/dom/applicators/margin.ts"],
+  "sourcesContent": [
+    "/**\n * Margin Applicator\n */\n\nimport type { ApplicatorHandler } from \"./index.js\";\n\nexport const marginHandler: ApplicatorHandler = (el, value) => {\n  if (typeof value === \"number\") {\n    el.style.margin = `${value}px`;\n  } else if (typeof value === \"object\") {\n    if (value.left !== undefined) el.style.marginLeft = `${value.left}px`;\n    if (value.right !== undefined) el.style.marginRight = `${value.right}px`;\n    if (value.top !== undefined) el.style.marginTop = `${value.top}px`;\n    if (value.bottom !== undefined) el.style.marginBottom = `${value.bottom}px`;\n  } else {\n    el.style.margin = String(value);\n  }\n};\n"
+  ],
+  "mappings": ";;;;;;;;;IAMa,gBAAmC,CAAC,IAAI,UAAU;AAAA,EAC7D,IAAI,OAAO,UAAU,UAAU;AAAA,IAC7B,GAAG,MAAM,SAAS,GAAG;AAAA,EACvB,EAAO,SAAI,OAAO,UAAU,UAAU;AAAA,IACpC,IAAI,MAAM,SAAS;AAAA,MAAW,GAAG,MAAM,aAAa,GAAG,MAAM;AAAA,IAC7D,IAAI,MAAM,UAAU;AAAA,MAAW,GAAG,MAAM,cAAc,GAAG,MAAM;AAAA,IAC/D,IAAI,MAAM,QAAQ;AAAA,MAAW,GAAG,MAAM,YAAY,GAAG,MAAM;AAAA,IAC3D,IAAI,MAAM,WAAW;AAAA,MAAW,GAAG,MAAM,eAAe,GAAG,MAAM;AAAA,EACnE,EAAO;AAAA,IACL,GAAG,MAAM,SAAS,OAAO,KAAK;AAAA;AAAA;",
+  "debugId": "5408522A6C03BB7F64756E2164756E21",
+  "names": []
+}

package/dist/src/dom/applicators/padding.js

@@ -0,0 +1,35 @@
+import {
+  __INVALID__REF__
+} from "./margin.js";
+import {
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/applicators/padding.ts
+var exports_padding = {};
+__export(exports_padding, {
+  paddingHandler: () => paddingHandler
+});
+var paddingHandler = (el, value) => {
+  if (typeof value === "number") {
+    el.style.padding = `${value}px`;
+  } else if (typeof value === "object") {
+    if (value.left !== undefined)
+      el.style.paddingLeft = `${value.left}px`;
+    if (value.right !== undefined)
+      el.style.paddingRight = `${value.right}px`;
+    if (value.top !== undefined)
+      el.style.paddingTop = `${value.top}px`;
+    if (value.bottom !== undefined)
+      el.style.paddingBottom = `${value.bottom}px`;
+  } else {
+    el.style.padding = String(value);
+  }
+};
+export {
+  paddingHandler
+};
+
+export { exports_padding };
+
+//# debugId=EB3870B8570719C064756E2164756E21

package/dist/src/dom/applicators/padding.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/dom/applicators/padding.ts"],
+  "sourcesContent": [
+    "/**\n * Padding Applicator\n */\n\nimport type { ApplicatorHandler } from \"./index.js\";\n\nexport const paddingHandler: ApplicatorHandler = (el, value) => {\n  if (typeof value === \"number\") {\n    el.style.padding = `${value}px`;\n  } else if (typeof value === \"object\") {\n    if (value.left !== undefined) el.style.paddingLeft = `${value.left}px`;\n    if (value.right !== undefined) el.style.paddingRight = `${value.right}px`;\n    if (value.top !== undefined) el.style.paddingTop = `${value.top}px`;\n    if (value.bottom !== undefined) el.style.paddingBottom = `${value.bottom}px`;\n  } else {\n    el.style.padding = String(value);\n  }\n};\n"
+  ],
+  "mappings": ";;;;;;;;;;;;IAMa,iBAAoC,CAAC,IAAI,UAAU;AAAA,EAC9D,IAAI,OAAO,UAAU,UAAU;AAAA,IAC7B,GAAG,MAAM,UAAU,GAAG;AAAA,EACxB,EAAO,SAAI,OAAO,UAAU,UAAU;AAAA,IACpC,IAAI,MAAM,SAAS;AAAA,MAAW,GAAG,MAAM,cAAc,GAAG,MAAM;AAAA,IAC9D,IAAI,MAAM,UAAU;AAAA,MAAW,GAAG,MAAM,eAAe,GAAG,MAAM;AAAA,IAChE,IAAI,MAAM,QAAQ;AAAA,MAAW,GAAG,MAAM,aAAa,GAAG,MAAM;AAAA,IAC5D,IAAI,MAAM,WAAW;AAAA,MAAW,GAAG,MAAM,gBAAgB,GAAG,MAAM;AAAA,EACpE,EAAO;AAAA,IACL,GAAG,MAAM,UAAU,OAAO,KAAK;AAAA;AAAA;",
+  "debugId": "EB3870B8570719C064756E2164756E21",
+  "names": []
+}

package/dist/src/dom/applicators/size.js

@@ -0,0 +1,42 @@
+import {
+  __esm,
+  __export
+} from "../../../chunk-2s02mkzs.js";
+
+// src/dom/applicators/size.ts
+var exports_size = {};
+__export(exports_size, {
+  sizeHandlers: () => sizeHandlers
+});
+var sizeHandlers;
+var init_size = __esm(() => {
+  sizeHandlers = {
+    width: (el, value) => {
+      el.style.width = typeof value === "number" ? `${value}px` : String(value);
+    },
+    height: (el, value) => {
+      el.style.height = typeof value === "number" ? `${value}px` : String(value);
+    },
+    minWidth: (el, value) => {
+      el.style.minWidth = typeof value === "number" ? `${value}px` : String(value);
+    },
+    minHeight: (el, value) => {
+      el.style.minHeight = typeof value === "number" ? `${value}px` : String(value);
+    },
+    maxWidth: (el, value) => {
+      el.style.maxWidth = typeof value === "number" ? `${value}px` : String(value);
+    },
+    maxHeight: (el, value) => {
+      el.style.maxHeight = typeof value === "number" ? `${value}px` : String(value);
+    }
+  };
+});
+init_size();
+
+export {
+  sizeHandlers
+};
+
+export { exports_size, init_size };
+
+//# debugId=3F587E69A6F92B8C64756E2164756E21

package/dist/src/dom/applicators/size.js.map

@@ -0,0 +1,10 @@
+{
+  "version": 3,
+  "sources": ["../src/dom/applicators/size.ts"],
+  "sourcesContent": [
+    "/**\n * Size Applicators\n */\n\nimport type { ApplicatorHandler } from \"./index.js\";\n\nexport const sizeHandlers: Record<string, ApplicatorHandler> = {\n  width: (el, value) => {\n    el.style.width = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  height: (el, value) => {\n    el.style.height = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  minWidth: (el, value) => {\n    el.style.minWidth = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  minHeight: (el, value) => {\n    el.style.minHeight = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  maxWidth: (el, value) => {\n    el.style.maxWidth = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n\n  maxHeight: (el, value) => {\n    el.style.maxHeight = typeof value === \"number\" ? `${value}px` : String(value);\n  },\n};\n"
+  ],
+  "mappings": ";;;;;;;;;;IAMa;AAAA;AAAA,iBAAkD;AAAA,IAC7D,OAAO,CAAC,IAAI,UAAU;AAAA,MACpB,GAAG,MAAM,QAAQ,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAG1E,QAAQ,CAAC,IAAI,UAAU;AAAA,MACrB,GAAG,MAAM,SAAS,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAG3E,UAAU,CAAC,IAAI,UAAU;AAAA,MACvB,GAAG,MAAM,WAAW,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAG7E,WAAW,CAAC,IAAI,UAAU;AAAA,MACxB,GAAG,MAAM,YAAY,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAG9E,UAAU,CAAC,IAAI,UAAU;AAAA,MACvB,GAAG,MAAM,WAAW,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,IAG7E,WAAW,CAAC,IAAI,UAAU;AAAA,MACxB,GAAG,MAAM,YAAY,OAAO,UAAU,WAAW,GAAG,YAAY,OAAO,KAAK;AAAA;AAAA,EAEhF;AAAA;",
+  "debugId": "3F587E69A6F92B8C64756E2164756E21",
+  "names": []
+}