@tachui/core 0.7.0-alpha1

package/dist/modifiers/background.d.ts

@@ -0,0 +1,21 @@
+import { BaseModifier } from './base';
+import type { ModifierContext } from './types';
+import type { DOMNode } from '../runtime/types';
+import type { StatefulBackgroundValue } from '../gradients/types';
+export interface BackgroundOptions {
+    background: StatefulBackgroundValue;
+}
+export declare class BackgroundModifier extends BaseModifier<BackgroundOptions> {
+    readonly type = "background";
+    readonly priority = 95;
+    private stateGradientAsset?;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private setupStateGradient;
+    private setupStateEventListeners;
+    private getCurrentElementState;
+    private resolveBackground;
+    private isAsset;
+    private isGradientDefinition;
+    private isStateGradientOptions;
+}
+//# sourceMappingURL=background.d.ts.map

package/dist/modifiers/background.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"background.d.ts","sourceRoot":"","sources":["../../src/modifiers/background.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAC9C,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAE/C,OAAO,KAAK,EAEV,uBAAuB,EAExB,MAAM,oBAAoB,CAAA;AAI3B,MAAM,WAAW,iBAAiB;IAChC,UAAU,EAAE,uBAAuB,CAAA;CACpC;AAED,qBAAa,kBAAmB,SAAQ,YAAY,CAAC,iBAAiB,CAAC;IACrE,QAAQ,CAAC,IAAI,gBAAe;IAC5B,QAAQ,CAAC,QAAQ,MAAK;IACtB,OAAO,CAAC,kBAAkB,CAAC,CAAoB;IAE/C,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,GAAG,SAAS;IAkBpE,OAAO,CAAC,kBAAkB;IAe1B,OAAO,CAAC,wBAAwB;IAgEhC,OAAO,CAAC,sBAAsB;IAc9B,OAAO,CAAC,iBAAiB;IAqBzB,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,oBAAoB;IAI5B,OAAO,CAAC,sBAAsB;CAG/B"}

package/dist/modifiers/background.js

@@ -0,0 +1,67 @@
+import { BaseModifier as o } from "./base.js";
+import { gradientToCSS as u } from "../gradients/css-generator.js";
+import { StateGradientAsset as h } from "../gradients/state-gradient-asset.js";
+var f = Object.defineProperty, c = (i, t, e) => t in i ? f(i, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[t] = e, n = (i, t, e) => c(i, typeof t != "symbol" ? t + "" : t, e);
+class l extends o {
+  constructor() {
+    super(...arguments), n(this, "type", "background"), n(this, "priority", 95), n(this, "stateGradientAsset");
+  }
+  apply(t, e) {
+    if (!e.element) return;
+    const s = this.properties.background, r = e.element;
+    if (this.isStateGradientOptions(s))
+      this.setupStateGradient(r, s);
+    else {
+      const a = this.resolveBackground(s);
+      a && (r.style.background = a);
+    }
+  }
+  setupStateGradient(t, e) {
+    this.stateGradientAsset = new h("background-state", e), t.style.background = this.stateGradientAsset.resolve();
+    const s = this.stateGradientAsset.getAnimationCSS();
+    t.style.cssText += s, this.setupStateEventListeners(t);
+  }
+  setupStateEventListeners(t) {
+    this.stateGradientAsset && (this.stateGradientAsset.hasState("hover") && (t.addEventListener("mouseenter", () => {
+      this.stateGradientAsset.setState("hover"), t.style.background = this.stateGradientAsset.resolve();
+    }), t.addEventListener("mouseleave", () => {
+      const e = this.getCurrentElementState(t);
+      this.stateGradientAsset.setState(e), t.style.background = this.stateGradientAsset.resolve();
+    })), this.stateGradientAsset.hasState("active") && (t.addEventListener("mousedown", () => {
+      this.stateGradientAsset.setState("active"), t.style.background = this.stateGradientAsset.resolve();
+    }), t.addEventListener("mouseup", () => {
+      const s = t.matches(":hover") && this.stateGradientAsset.hasState("hover") ? "hover" : "default";
+      this.stateGradientAsset.setState(s), t.style.background = this.stateGradientAsset.resolve();
+    })), this.stateGradientAsset.hasState("focus") && (t.addEventListener("focus", () => {
+      this.stateGradientAsset.setState("focus"), t.style.background = this.stateGradientAsset.resolve();
+    }), t.addEventListener("blur", () => {
+      this.stateGradientAsset.setState("default"), t.style.background = this.stateGradientAsset.resolve();
+    })), this.stateGradientAsset.hasState("disabled") && new MutationObserver((s) => {
+      s.forEach((r) => {
+        if (r.type === "attributes" && r.attributeName === "disabled") {
+          const d = t.hasAttribute("disabled") ? "disabled" : "default";
+          this.stateGradientAsset.setState(d), t.style.background = this.stateGradientAsset.resolve();
+        }
+      });
+    }).observe(t, { attributes: !0, attributeFilter: ["disabled"] }));
+  }
+  getCurrentElementState(t) {
+    return this.stateGradientAsset ? t.hasAttribute("disabled") && this.stateGradientAsset.hasState("disabled") ? "disabled" : t.matches(":focus") && this.stateGradientAsset.hasState("focus") ? "focus" : "default" : "default";
+  }
+  resolveBackground(t) {
+    return typeof t == "string" ? t : this.isAsset(t) ? t.resolve() : this.isGradientDefinition(t) ? u(t) : this.isStateGradientOptions(t) ? this.resolveBackground(t.default) : "";
+  }
+  isAsset(t) {
+    return t && typeof t == "object" && typeof t.resolve == "function";
+  }
+  isGradientDefinition(t) {
+    return t && typeof t == "object" && "type" in t && "options" in t;
+  }
+  isStateGradientOptions(t) {
+    return t && typeof t == "object" && "default" in t;
+  }
+}
+export {
+  l as BackgroundModifier
+};
+//# sourceMappingURL=background.js.map

package/dist/modifiers/background.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"background.js","sources":["../../src/modifiers/background.ts"],"sourcesContent":["import { BaseModifier } from './base'\nimport type { ModifierContext } from './types'\nimport type { DOMNode } from '../runtime/types'\nimport type { Asset } from '../assets/types'\nimport type { \n  GradientDefinition, \n  StatefulBackgroundValue, \n  StateGradientOptions \n} from '../gradients/types'\nimport { gradientToCSS } from '../gradients/css-generator'\nimport { StateGradientAsset } from '../gradients/state-gradient-asset'\n\nexport interface BackgroundOptions {\n  background: StatefulBackgroundValue\n}\n\nexport class BackgroundModifier extends BaseModifier<BackgroundOptions> {\n  readonly type = 'background'\n  readonly priority = 95\n  private stateGradientAsset?: StateGradientAsset\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const background = this.properties.background\n    const element = context.element as HTMLElement\n\n    if (this.isStateGradientOptions(background)) {\n      this.setupStateGradient(element, background)\n    } else {\n      const cssValue = this.resolveBackground(background)\n      if (cssValue) {\n        element.style.background = cssValue\n      }\n    }\n\n    return undefined\n  }\n\n  private setupStateGradient(element: HTMLElement, stateOptions: StateGradientOptions): void {\n    // Create or update the state gradient asset\n    this.stateGradientAsset = new StateGradientAsset('background-state', stateOptions)\n    \n    // Set initial background\n    element.style.background = this.stateGradientAsset.resolve()\n    \n    // Add animation styles\n    const animationCSS = this.stateGradientAsset.getAnimationCSS()\n    element.style.cssText += animationCSS\n\n    // Set up event listeners for state changes\n    this.setupStateEventListeners(element)\n  }\n\n  private setupStateEventListeners(element: HTMLElement): void {\n    if (!this.stateGradientAsset) return\n\n    // Hover state\n    if (this.stateGradientAsset.hasState('hover')) {\n      element.addEventListener('mouseenter', () => {\n        this.stateGradientAsset!.setState('hover')\n        element.style.background = this.stateGradientAsset!.resolve()\n      })\n\n      element.addEventListener('mouseleave', () => {\n        // Return to appropriate state (active, focus, or default)\n        const currentState = this.getCurrentElementState(element)\n        this.stateGradientAsset!.setState(currentState)\n        element.style.background = this.stateGradientAsset!.resolve()\n      })\n    }\n\n    // Active/pressed state\n    if (this.stateGradientAsset.hasState('active')) {\n      element.addEventListener('mousedown', () => {\n        this.stateGradientAsset!.setState('active')\n        element.style.background = this.stateGradientAsset!.resolve()\n      })\n\n      element.addEventListener('mouseup', () => {\n        // Return to hover if still hovering, otherwise default\n        const isHovering = element.matches(':hover')\n        const nextState = isHovering && this.stateGradientAsset!.hasState('hover') ? 'hover' : 'default'\n        this.stateGradientAsset!.setState(nextState)\n        element.style.background = this.stateGradientAsset!.resolve()\n      })\n    }\n\n    // Focus state\n    if (this.stateGradientAsset.hasState('focus')) {\n      element.addEventListener('focus', () => {\n        this.stateGradientAsset!.setState('focus')\n        element.style.background = this.stateGradientAsset!.resolve()\n      })\n\n      element.addEventListener('blur', () => {\n        this.stateGradientAsset!.setState('default')\n        element.style.background = this.stateGradientAsset!.resolve()\n      })\n    }\n\n    // Disabled state (handled via attribute observation)\n    if (this.stateGradientAsset.hasState('disabled')) {\n      const observer = new MutationObserver((mutations) => {\n        mutations.forEach((mutation) => {\n          if (mutation.type === 'attributes' && mutation.attributeName === 'disabled') {\n            const isDisabled = element.hasAttribute('disabled')\n            const state = isDisabled ? 'disabled' : 'default'\n            this.stateGradientAsset!.setState(state)\n            element.style.background = this.stateGradientAsset!.resolve()\n          }\n        })\n      })\n\n      observer.observe(element, { attributes: true, attributeFilter: ['disabled'] })\n    }\n  }\n\n  private getCurrentElementState(element: HTMLElement): keyof StateGradientOptions {\n    if (!this.stateGradientAsset) return 'default'\n\n    if (element.hasAttribute('disabled') && this.stateGradientAsset.hasState('disabled')) {\n      return 'disabled'\n    }\n\n    if (element.matches(':focus') && this.stateGradientAsset.hasState('focus')) {\n      return 'focus'\n    }\n\n    return 'default'\n  }\n\n  private resolveBackground(background: StatefulBackgroundValue): string {\n    if (typeof background === 'string') {\n      return background\n    }\n\n    if (this.isAsset(background)) {\n      return background.resolve() as string\n    }\n\n    if (this.isGradientDefinition(background)) {\n      return gradientToCSS(background)\n    }\n\n    if (this.isStateGradientOptions(background)) {\n      // This should be handled by setupStateGradient\n      return this.resolveBackground(background.default)\n    }\n\n    return ''\n  }\n\n  private isAsset(value: any): value is Asset {\n    return value && typeof value === 'object' && typeof value.resolve === 'function'\n  }\n\n  private isGradientDefinition(value: any): value is GradientDefinition {\n    return value && typeof value === 'object' && 'type' in value && 'options' in value\n  }\n\n  private isStateGradientOptions(value: any): value is StateGradientOptions {\n    return value && typeof value === 'object' && 'default' in value\n  }\n}"],"names":["BackgroundModifier","BaseModifier","__publicField","_node","context","background","element","cssValue","stateOptions","StateGradientAsset","animationCSS","currentState","nextState","mutations","mutation","state","gradientToCSS","value"],"mappings":"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"}

package/dist/modifiers/base.cjs

@@ -0,0 +1,25 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("../reactive/cleanup.cjs");const d=require("../reactive/computed.cjs"),y=require("../reactive/effect.cjs");require("../reactive/unified-scheduler.cjs");const u=require("../reactive/signal.cjs");require("../reactive/scheduler.cjs");const E=require("../reactive/theme.cjs"),C=require("./types.cjs"),h=require("../constants/layout.cjs");var L=Object.defineProperty,T=(v,i,t)=>i in v?L(v,i,{enumerable:!0,configurable:!0,writable:!0,value:t}):v[i]=t,g=(v,i,t)=>T(v,typeof i!="symbol"?i+"":i,t);class b{constructor(i){this.properties=i}resolveReactiveProps(i,t){const e={};for(const[n,s]of Object.entries(i))u.isSignal(s)||d.isComputed(s),e[n]=s;return e}applyStyleChange(i,t,e){if(i instanceof HTMLElement){const n=this.toCSSProperty(t);if(u.isSignal(e)||d.isComputed(e))y.createEffect(()=>{const s=e(),o=String(s);if(o.includes("!important")){const r=o.replace(/\s*!important\s*$/,"").trim();i.style.setProperty(n,r,"important")}else i.style.setProperty(n,o)});else{const s=String(e);if(s.includes("!important")){const o=s.replace(/\s*!important\s*$/,"").trim();i.style.setProperty(n,o,"important")}else i.style.setProperty(n,s)}}}toCSSProperty(i){return i.replace(/([A-Z])/g,"-$1").toLowerCase()}toCSSValue(i){return typeof i=="number"?`${i}px`:String(i)}toCSSValueForProperty(i,t){return typeof t=="number"?["opacity","z-index","line-height","flex-grow","flex-shrink","order","column-count","font-weight"].includes(i)?String(t):`${t}px`:(["filter","transform","clip-path"].includes(i),String(t))}applyStyles(i,t){if(i instanceof HTMLElement||i.style){const e=(i instanceof HTMLElement,i.style);for(const[n,s]of Object.entries(t))if(s!==void 0){const o=this.toCSSProperty(n);if(u.isSignal(s)||d.isComputed(s))y.createEffect(()=>{const r=s(),a=this.toCSSValueForProperty(o,r);if(e.setProperty)if(typeof a=="string"&&a.includes("!important")){const l=a.replace(/\s*!important\s*$/,"").trim();e.setProperty(o,l,"important")}else e.setProperty(o,a);else e[o]=a});else{const r=this.toCSSValueForProperty(o,s);if(e.setProperty)if(typeof r=="string"&&r.includes("!important")){const a=r.replace(/\s*!important\s*$/,"").trim();e.setProperty(o,a,"important")}else e.setProperty(o,r);else e[o]=r}}}}addClasses(i,t){i instanceof HTMLElement&&i.classList.add(...t)}removeClasses(i,t){i instanceof HTMLElement&&i.classList.remove(...t)}createStyleContext(i,t,e){return{componentId:i,element:t,modifiers:e,signals:new Set,cleanup:[]}}}class M extends b{constructor(){super(...arguments),g(this,"type","layout"),g(this,"priority",C.ModifierPriority.LAYOUT)}apply(i,t){if(!i.element||!t.element)return;const e=this.createStyleContext(t.componentId,t.element,[]),n=this.computeLayoutStyles(this.properties,e);this.applyStyles(t.element,n);const s=this.properties;s.offset&&t.element instanceof HTMLElement&&this.applyOffsetTransform(t.element,s.offset),s.aspectRatio&&t.element instanceof HTMLElement&&this.applyAspectRatio(t.element,s.aspectRatio),s.scaleEffect&&t.element instanceof HTMLElement&&this.applyScaleTransform(t.element,s.scaleEffect),s.position&&t.element instanceof HTMLElement&&this.applyAbsolutePosition(t.element,s.position),s.zIndex!==void 0&&t.element instanceof HTMLElement&&this.applyZIndex(t.element,s.zIndex)}applyOffsetTransform(i,t){const{x:e,y:n}=t;if(u.isSignal(e)||d.isComputed(e)||u.isSignal(n)||d.isComputed(n))y.createEffect(()=>{const s=u.isSignal(e)||d.isComputed(e)?e():e??0,o=u.isSignal(n)||d.isComputed(n)?n():n??0,r=this.toCSSValue(s),a=this.toCSSValue(o),l=`translate(${r}, ${a})`,m=(i.style.transform||"").split(" ").filter(p=>p&&!p.startsWith("translate(")).join(" "),f=m?`${m} ${l}`:l;i.style.transform=f});else{const s=e??0,o=n??0,r=this.toCSSValue(s),a=this.toCSSValue(o),l=`translate(${r}, ${a})`,m=(i.style.transform||"").split(" ").filter(p=>p&&!p.startsWith("translate(")).join(" "),f=m?`${m} ${l}`:l;i.style.transform=f}}applyAspectRatio(i,t){const{ratio:e,contentMode:n}=t;e!==void 0&&(u.isSignal(e)||d.isComputed(e)?y.createEffect(()=>{const s=typeof e=="function"?e():e;i.style.aspectRatio=String(s)}):i.style.aspectRatio=String(e),n==="fill"?i.style.objectFit="cover":i.style.objectFit="contain")}applyScaleTransform(i,t){const{x:e,y:n,anchor:s}=t,o=e??1,r=n??o;if(u.isSignal(o)||d.isComputed(o)||u.isSignal(r)||d.isComputed(r))y.createEffect(()=>{const a=u.isSignal(o)||d.isComputed(o)?o():o,l=u.isSignal(r)||d.isComputed(r)?r():r,c=`scale(${a}, ${l})`;i.style.transformOrigin=this.getTransformOrigin(s||"center");const f=(i.style.transform||"").replace(/\s*scale\([^)]*\)\s*/g," ").replace(/\s+/g," ").trim(),p=f?`${f} ${c}`:c;i.style.transform=p});else{const a=`scale(${o}, ${r})`;i.style.transformOrigin=this.getTransformOrigin(s||"center");const c=(i.style.transform||"").replace(/\s*scale\([^)]*\)\s*/g," ").replace(/\s+/g," ").trim(),m=c?`${c} ${a}`:a;i.style.transform=m}}applyAbsolutePosition(i,t){const{x:e,y:n}=t;if(i.style.position="absolute",u.isSignal(e)||d.isComputed(e)||u.isSignal(n)||d.isComputed(n))y.createEffect(()=>{const s=u.isSignal(e)||d.isComputed(e)?e():e??0,o=u.isSignal(n)||d.isComputed(n)?n():n??0;i.style.left=this.toCSSValue(s),i.style.top=this.toCSSValue(o)});else{const s=e??0,o=n??0;i.style.left=this.toCSSValue(s),i.style.top=this.toCSSValue(o)}}applyZIndex(i,t){u.isSignal(t)||d.isComputed(t)?y.createEffect(()=>{const e=t();i.style.zIndex=String(e)}):i.style.zIndex=String(t)}getTransformOrigin(i){return{center:"center center",top:"center top",topLeading:"left top",topTrailing:"right top",bottom:"center bottom",bottomLeading:"left bottom",bottomTrailing:"right bottom",leading:"left center",trailing:"right center"}[i]||"center center"}computeLayoutStyles(i,t){const e={};if(i.frame){const n=i.frame,s=h.shouldExpandForInfinity(n);if(Object.assign(e,s.cssProps),n.width!==void 0){const o=h.dimensionToCSS(n.width);o!==void 0&&!h.isInfinity(n.width)&&!s.expandWidth&&(e.width=o)}if(n.height!==void 0){const o=h.dimensionToCSS(n.height);o!==void 0&&!h.isInfinity(n.height)&&!s.expandHeight&&(e.height=o)}if(n.minWidth!==void 0){const o=h.dimensionToCSS(n.minWidth);o!==void 0&&(e.minWidth=o)}if(n.maxWidth!==void 0&&!h.isInfinity(n.maxWidth)){const o=h.dimensionToCSS(n.maxWidth);o!==void 0&&(e.maxWidth=o)}else h.isInfinity(n.maxWidth)&&(e.maxWidth="none",e.flexGrow="1 !important",e.flexShrink="1 !important",e.flexBasis="0% !important",e.alignSelf="stretch !important");if(n.minHeight!==void 0){const o=h.dimensionToCSS(n.minHeight);o!==void 0&&(e.minHeight=o)}if(n.maxHeight!==void 0&&!h.isInfinity(n.maxHeight)){const o=h.dimensionToCSS(n.maxHeight);o!==void 0&&(e.maxHeight=o)}else h.isInfinity(n.maxHeight)&&(e.maxHeight="none",e.flexGrow="1 !important",e.flexShrink="1 !important",e.flexBasis="0% !important",e.alignSelf="stretch !important")}if(i.padding!==void 0)if(typeof i.padding=="number")e.padding=this.toCSSValue(i.padding);else{const n=i.padding;n.top!==void 0&&(e.paddingTop=this.toCSSValue(n.top)),n.right!==void 0&&(e.paddingRight=this.toCSSValue(n.right)),n.bottom!==void 0&&(e.paddingBottom=this.toCSSValue(n.bottom)),n.left!==void 0&&(e.paddingLeft=this.toCSSValue(n.left))}if(i.margin!==void 0)if(typeof i.margin=="number")e.margin=this.toCSSValue(i.margin);else{const n=i.margin;n.top!==void 0&&(e.marginTop=this.toCSSValue(n.top)),n.right!==void 0&&(e.marginRight=this.toCSSValue(n.right)),n.bottom!==void 0&&(e.marginBottom=this.toCSSValue(n.bottom)),n.left!==void 0&&(e.marginLeft=this.toCSSValue(n.left))}if(i.alignment)switch(i.alignment){case"leading":e.textAlign="left",e.alignItems="flex-start";break;case"center":e.textAlign="center",e.alignItems="center";break;case"trailing":e.textAlign="right",e.alignItems="flex-end";break;case"top":e.alignItems="flex-start";break;case"bottom":e.alignItems="flex-end";break}if(i.layoutPriority!==void 0){const n=Number(i.layoutPriority);n>0?(e.flexShrink="0",e.flexGrow=String(Math.max(1,n/10)),e.zIndex=String(n),e.gridRowEnd=`span ${String(Math.min(10,Math.max(1,Math.ceil(n/10))))}`,e.gridColumnEnd=`span ${String(Math.min(10,Math.max(1,Math.ceil(n/10))))}`):n===0?(e.flexShrink="1",e.flexGrow="1"):(e.flexShrink=String(Math.abs(n)),e.flexGrow="0",e.zIndex=String(n)),e&&typeof e=="object"&&"setProperty"in e&&e.setProperty("--layout-priority",String(n))}if(i.offset,i.aspectRatio){const{ratio:n,contentMode:s}=i.aspectRatio;n!==void 0&&(e.aspectRatio=typeof n=="number"?String(n):n,s==="fill"?e.objectFit="cover":e.objectFit="contain")}if(i.fixedSize){const{horizontal:n,vertical:s}=i.fixedSize;n&&(e.flexShrink="0",e.width="max-content"),s&&(e.flexShrink="0",e.height="max-content")}return e}}class P extends b{constructor(){super(...arguments),g(this,"type","appearance"),g(this,"priority",C.ModifierPriority.APPEARANCE)}apply(i,t){if(!i.element||!t.element)return;const e=this.createStyleContext(t.componentId,t.element,[]),n=this.resolveReactiveProps(this.properties,e);this.applyAssetBasedStyles(t.element,n);const s=this.computeAppearanceStyles(n);this.applyStyles(t.element,s)}applyAssetBasedStyles(i,t){const e=E.getThemeSignal();t.foregroundColor&&this.isAsset(t.foregroundColor)&&y.createEffect(()=>{e();const n=t.foregroundColor.resolve();this.applyStyleChange(i,"color",n)}),t.backgroundColor&&this.isAsset(t.backgroundColor)&&y.createEffect(()=>{e();const n=t.backgroundColor.resolve();this.applyStyleChange(i,"backgroundColor",n)}),t.border?.color&&this.isAsset(t.border.color)&&y.createEffect(()=>{e();const n=t.border.color.resolve();this.applyStyleChange(i,"borderColor",n)})}isAsset(i){return i!=null&&typeof i=="object"&&"resolve"in i&&typeof i.resolve=="function"}computeAppearanceStyles(i){const t={};if(i.foregroundColor&&!this.isAsset(i.foregroundColor)&&(t.color=i.foregroundColor),i.backgroundColor&&!this.isAsset(i.backgroundColor)&&(t.backgroundColor=i.backgroundColor),i.opacity!==void 0&&(t.opacity=i.opacity),i.font){const n=i.font;n.family&&(typeof n.family=="object"&&n.family!==null&&"resolve"in n.family?t.fontFamily=n.family.resolve():t.fontFamily=n.family),n.size&&(t.fontSize=this.toCSSValue(n.size)),n.weight&&(t.fontWeight=String(n.weight)),n.style&&(t.fontStyle=n.style)}if(i.cornerRadius!==void 0&&(t.borderRadius=this.toCSSValue(i.cornerRadius)),i.border){const n=i.border;n.width!==void 0&&(t.borderWidth=this.toCSSValue(n.width)),n.color&&!this.isAsset(n.color)&&(t.borderColor=n.color),n.style&&(t.borderStyle=n.style)}if(i.shadow){const n=i.shadow,s=n.x||0,o=n.y||0,r=n.radius||0,a=n.color||"rgba(0,0,0,0.25)";t.boxShadow=`${s}px ${o}px ${r}px ${a}`}if(i.clipped&&(t.overflow="hidden"),i.clipShape){const{shape:n,parameters:s}=i.clipShape;switch(n){case"circle":t.clipPath="circle(50%)";break;case"ellipse":{const o=s?.radiusX||"50%",r=s?.radiusY||"50%";t.clipPath=`ellipse(${o} ${r} at center)`;break}case"rect":{const o=s?.inset||0;t.clipPath=`inset(${o}px)`;break}case"polygon":{const o=s?.points||"0% 0%, 100% 0%, 100% 100%, 0% 100%";t.clipPath=`polygon(${o})`;break}}}const e=[];return i.blur!==void 0&&e.push(`blur(${i.blur}px)`),i.brightness!==void 0&&e.push(`brightness(${i.brightness})`),i.contrast!==void 0&&e.push(`contrast(${i.contrast})`),i.saturation!==void 0&&e.push(`saturate(${i.saturation})`),i.hueRotation!==void 0&&e.push(`hue-rotate(${i.hueRotation}deg)`),i.grayscale!==void 0&&e.push(`grayscale(${i.grayscale})`),i.colorInvert!==void 0&&e.push(`invert(${i.colorInvert})`),e.length>0&&(t.filter=e.join(" ")),t}}class $ extends b{constructor(){super(...arguments),g(this,"type","interaction"),g(this,"priority",C.ModifierPriority.INTERACTION)}apply(i,t){if(!t.element)return;const e=this.properties;e.onTap&&t.element.addEventListener("click",e.onTap),e.onHover&&(t.element.addEventListener("mouseenter",()=>e.onHover(!0)),t.element.addEventListener("mouseleave",()=>e.onHover(!1))),e.onMouseEnter&&t.element.addEventListener("mouseenter",e.onMouseEnter),e.onMouseLeave&&t.element.addEventListener("mouseleave",e.onMouseLeave),e.onMouseDown&&t.element.addEventListener("mousedown",e.onMouseDown),e.onMouseUp&&t.element.addEventListener("mouseup",e.onMouseUp),e.onDragStart&&t.element.addEventListener("dragstart",e.onDragStart),e.onDragOver&&t.element.addEventListener("dragover",e.onDragOver),e.onDragLeave&&t.element.addEventListener("dragleave",e.onDragLeave),e.onDrop&&t.element.addEventListener("drop",e.onDrop),e.onDoubleClick&&t.element.addEventListener("dblclick",e.onDoubleClick),e.onContextMenu&&t.element.addEventListener("contextmenu",e.onContextMenu),e.onFocus&&(t.element.addEventListener("focus",()=>e.onFocus(!0)),t.element.addEventListener("blur",()=>e.onFocus(!1))),e.onBlur&&t.element.addEventListener("blur",()=>e.onBlur(!1)),e.onKeyPress&&t.element.addEventListener("keypress",e.onKeyPress),e.onKeyDown&&t.element.addEventListener("keydown",e.onKeyDown),e.onKeyUp&&t.element.addEventListener("keyup",e.onKeyUp),e.onScroll&&t.element.addEventListener("scroll",e.onScroll,{passive:!0}),e.onWheel&&t.element.addEventListener("wheel",e.onWheel,{passive:!1}),e.onInput&&t.element.addEventListener("input",e.onInput),e.onChange&&t.element.addEventListener("change",n=>{const s=n.target,o=s.value||s.textContent||"";e.onChange(o,n)}),e.onCopy&&t.element.addEventListener("copy",e.onCopy),e.onCut&&t.element.addEventListener("cut",e.onCut),e.onPaste&&t.element.addEventListener("paste",e.onPaste),e.onSelect&&t.element.addEventListener("select",e.onSelect),e.disabled!==void 0&&t.element instanceof HTMLElement&&(e.disabled?(t.element.setAttribute("disabled","true"),t.element.style.pointerEvents="none",t.element.style.opacity="0.6"):(t.element.removeAttribute("disabled"),t.element.style.pointerEvents="",t.element.style.opacity="")),e.draggable!==void 0&&t.element instanceof HTMLElement&&(t.element.draggable=e.draggable),e.accessibilityLabel&&t.element.setAttribute("aria-label",e.accessibilityLabel),e.accessibilityHint&&t.element.setAttribute("aria-describedby",e.accessibilityHint),e.onLongPressGesture&&this.setupLongPressGesture(t.element,e.onLongPressGesture),e.keyboardShortcut&&this.setupKeyboardShortcut(t.element,e.keyboardShortcut),e.focused!==void 0&&this.setupFocusManagement(t.element,e.focused),e.focusable&&this.setupFocusable(t.element,e.focusable),e.onContinuousHover&&this.setupContinuousHover(t.element,e.onContinuousHover),e.allowsHitTesting!==void 0&&this.setupHitTesting(t.element,e.allowsHitTesting)}setupLongPressGesture(i,t){const e=t.minimumDuration??500,n=t.maximumDistance??10;let s,o=null,r=!1;const a=()=>{s&&(clearTimeout(s),s=void 0),r&&t.onPressingChanged&&t.onPressingChanged(!1),r=!1,o=null},l=p=>{const S=p;o={x:S.clientX,y:S.clientY},r=!0,t.onPressingChanged&&t.onPressingChanged(!0),s=window.setTimeout(()=>{r&&o&&(t.perform(),a())},e)},c=p=>{const S=p;if(!o||!r)return;Math.sqrt(Math.pow(S.clientX-o.x,2)+Math.pow(S.clientY-o.y,2))>n&&a()},m=()=>{a()},f=()=>{a()};i.addEventListener("pointerdown",l),i.addEventListener("pointermove",c),i.addEventListener("pointerup",m),i.addEventListener("pointercancel",f),i._longPressCleanup=a}setupKeyboardShortcut(i,t){const e=t.modifiers??[],n=s=>{const o={cmd:e.includes("cmd")||e.includes("meta"),ctrl:e.includes("ctrl"),shift:e.includes("shift"),alt:e.includes("alt")},r={cmd:s.metaKey||s.ctrlKey,ctrl:s.ctrlKey,shift:s.shiftKey,alt:s.altKey},a=s.key.toLowerCase()===t.key.toLowerCase(),l=Object.entries(o).every(([c,m])=>m===r[c]);a&&l&&(s.preventDefault(),t.action())};document.addEventListener("keydown",n),i._keyboardShortcutCleanup=()=>{document.removeEventListener("keydown",n)}}setupFocusManagement(i,t){if(!(i instanceof HTMLElement))return;const e=i;e.hasAttribute("tabindex")||e.setAttribute("tabindex","0"),u.isSignal(t)||d.isComputed(t)?y.createEffect(()=>{t()?e.focus():e.blur()}):t&&e.focus()}setupFocusable(i,t){if(!(i instanceof HTMLElement))return;const e=i;t.isFocusable===!1?e.setAttribute("tabindex","-1"):e.hasAttribute("tabindex")||e.setAttribute("tabindex","0"),t.interactions?.includes("activate")&&e.addEventListener("keydown",n=>{(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),e.click())}),t.interactions?.includes("edit")&&(e.setAttribute("role","textbox"),e.setAttribute("contenteditable","true"))}setupContinuousHover(i,t){const e=t.coordinateSpace??"local",n=o=>{const r=o;let a,l;if(e==="local"){const c=i.getBoundingClientRect();a=r.clientX-c.left,l=r.clientY-c.top}else a=r.clientX,l=r.clientY;t.perform({x:a,y:l})},s=()=>{t.perform(null)};i.addEventListener("mousemove",n),i.addEventListener("mouseleave",s),i._continuousHoverCleanup=()=>{i.removeEventListener("mousemove",n),i.removeEventListener("mouseleave",s)}}setupHitTesting(i,t){i instanceof HTMLElement&&(i.style.pointerEvents=t?"":"none")}}class w extends b{constructor(){super(...arguments),g(this,"type","animation"),g(this,"priority",C.ModifierPriority.ANIMATION)}apply(i,t){if(!t.element)return;const e=this.properties;if(e.transition){const n=e.transition,s=n.property||"all",o=n.duration||300,r=n.easing||"ease",a=n.delay||0;t.element instanceof HTMLElement&&(t.element.style.transition=`${s} ${o}ms ${r} ${a}ms`)}if(e.animation&&t.element instanceof HTMLElement){const n=e.animation;if(n.keyframes){const s=`tachui-animation-${t.componentId}-${Date.now()}`,o=this.createKeyframeRule(s,n.keyframes);this.addKeyframesToStylesheet(o);const r=n.duration||1e3,a=n.easing||"ease",l=n.iterations||1,c=n.direction||"normal";t.element.style.animation=`${s} ${r}ms ${a} ${l} ${c}`}}if(e.transform&&t.element instanceof HTMLElement&&(u.isSignal(e.transform)||d.isComputed(e.transform)?y.createEffect(()=>{const n=e.transform();t.element instanceof HTMLElement&&(t.element.style.transform=n)}):t.element.style.transform=e.transform),e.rotationEffect&&t.element instanceof HTMLElement){const{angle:n,anchor:s}=e.rotationEffect,r={center:"50% 50%",top:"50% 0%",topLeading:"0% 0%",topTrailing:"100% 0%",bottom:"50% 100%",bottomLeading:"0% 100%",bottomTrailing:"100% 100%",leading:"0% 50%",trailing:"100% 50%"}[s||"center"]||"50% 50%",a=`rotate(${n}deg)`;if(u.isSignal(n)||d.isComputed(n))y.createEffect(()=>{const c=`rotate(${typeof n=="function"?n():n}deg)`;if(t.element instanceof HTMLElement){t.element.style.transformOrigin=r;const f=(t.element.style.transform||"").split(" ").filter(S=>S&&!S.startsWith("rotate(")).join(" "),p=f?`${f} ${c}`:c;t.element.style.transform=p}});else if(t.element instanceof HTMLElement){t.element.style.transformOrigin=r;const c=(t.element.style.transform||"").split(" ").filter(f=>f&&!f.startsWith("rotate(")).join(" "),m=c?`${c} ${a}`:a;t.element.style.transform=m}}e.overlay&&t.element instanceof HTMLElement&&this.applyOverlay(t.element,e.overlay,t)}applyOverlay(i,t,e){const{content:n,alignment:s="center"}=t;(i.style.position===""||i.style.position==="static")&&(i.style.position="relative");const o=document.createElement("div");o.style.position="absolute",o.style.pointerEvents="none";const r=this.getOverlayAlignment(s);if(Object.assign(o.style,r),typeof n=="function"){const a=n();if(a&&typeof a.render=="function"){const l=a.render();l.element&&o.appendChild(l.element)}}else if(n&&typeof n.render=="function"){const a=n.render();a.element&&o.appendChild(a.element)}else n instanceof HTMLElement&&o.appendChild(n);i.appendChild(o)}getOverlayAlignment(i){const t={center:{top:"50%",left:"50%",transform:"translate(-50%, -50%)"},top:{top:"0",left:"50%",transform:"translateX(-50%)"},bottom:{bottom:"0",left:"50%",transform:"translateX(-50%)"},leading:{top:"50%",left:"0",transform:"translateY(-50%)"},trailing:{top:"50%",right:"0",transform:"translateY(-50%)"},topLeading:{top:"0",left:"0"},topTrailing:{top:"0",right:"0"},bottomLeading:{bottom:"0",left:"0"},bottomTrailing:{bottom:"0",right:"0"}};return t[i]||t.center}createKeyframeRule(i,t){let e=`@keyframes ${i} {
+`;for(const[n,s]of Object.entries(t)){e+=`  ${n} {
+`;for(const[o,r]of Object.entries(s)){const a=this.toCSSProperty(o);e+=`    ${a}: ${r};
+`}e+=`  }
+`}return e+="}",e}addKeyframesToStylesheet(i){let t=document.querySelector("#tachui-animations");t||(t=document.createElement("style"),t.id="tachui-animations",document.head.appendChild(t)),t.appendChild(document.createTextNode(i))}}class A extends b{constructor(){super(...arguments),g(this,"type","lifecycle"),g(this,"priority",C.ModifierPriority.CUSTOM),g(this,"activeAbortController")}apply(i,t){if(!t.element)return;const e=this.properties;this.activeAbortController&&this.activeAbortController.abort(),(e.onAppear||e.onDisappear)&&this.setupLifecycleObserver(t.element,e),e.task&&this.setupTask(t,e.task),e.refreshable&&this.setupRefreshable(t.element,e.refreshable)}setupLifecycleObserver(i,t){const e=new IntersectionObserver(n=>{n.forEach(s=>{s.isIntersecting&&t.onAppear?t.onAppear():!s.isIntersecting&&t.onDisappear&&t.onDisappear()})},{threshold:.1,rootMargin:"10px"});e.observe(i),this.addCleanup(()=>{e.disconnect()})}setupTask(i,t){if(!t)return;this.activeAbortController=new AbortController;const{signal:e}=this.activeAbortController;(async()=>{try{if(e.aborted)return;const s=t.operation();s instanceof Promise&&await s}catch(s){if(e.aborted)return;console.error("TachUI Task Error:",s)}})(),this.addCleanup(()=>{this.activeAbortController&&this.activeAbortController.abort()})}setupRefreshable(i,t){if(!t)return;let e=!1,n=0,s=0;const o=70,r=document.createElement("div");if(r.style.cssText=`
+      position: absolute;
+      top: -50px;
+      left: 50%;
+      transform: translateX(-50%);
+      width: 30px;
+      height: 30px;
+      border: 2px solid #ccc;
+      border-top: 2px solid #007AFF;
+      border-radius: 50%;
+      animation: tachui-spin 1s linear infinite;
+      opacity: 0;
+      transition: opacity 0.3s ease;
+      z-index: 1000;
+    `,!document.querySelector("#tachui-refresh-styles")){const f=document.createElement("style");f.id="tachui-refresh-styles",f.textContent=`
+        @keyframes tachui-spin {
+          0% { transform: translateX(-50%) rotate(0deg); }
+          100% { transform: translateX(-50%) rotate(360deg); }
+        }
+      `,document.head.appendChild(f)}const a=i.parentElement||i;a instanceof HTMLElement&&(a.style.position="relative",a.appendChild(r));const l=f=>{e||(s=f.touches[0].clientY)},c=f=>{if(e)return;const p=f.touches[0].clientY;if(n=Math.max(0,p-s),n>20){f.preventDefault();const S=Math.min(n/o,1);r.style.opacity=String(S*.8),r.style.top=`${-50+S*20}px`}},m=async()=>{if(e||n<o){r.style.opacity="0",r.style.top="-50px",n=0;return}e=!0,r.style.opacity="1",r.style.top="10px";try{await t.onRefresh()}catch(f){console.error("TachUI Refresh Error:",f)}finally{e=!1,r.style.opacity="0",r.style.top="-50px",n=0}};i.addEventListener("touchstart",l,{passive:!1}),i.addEventListener("touchmove",c,{passive:!1}),i.addEventListener("touchend",m),this.addCleanup(()=>{i.removeEventListener("touchstart",l),i.removeEventListener("touchmove",c),i.removeEventListener("touchend",m),r.parentElement&&r.parentElement.removeChild(r)})}addCleanup(i){this.properties._cleanupFunctions||(this.properties._cleanupFunctions=[]),this.properties._cleanupFunctions.push(i)}}class k extends b{constructor(){super(...arguments),g(this,"type","resizable"),g(this,"priority",C.ModifierPriority.APPEARANCE)}apply(i,t){t.element&&t.element instanceof HTMLImageElement&&(t.element.style.objectFit="fill")}}exports.AnimationModifier=w;exports.AppearanceModifier=P;exports.BaseModifier=b;exports.InteractionModifier=$;exports.LayoutModifier=M;exports.LifecycleModifier=A;exports.ResizableModifier=k;
+//# sourceMappingURL=base.cjs.map

package/dist/modifiers/base.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.cjs","sources":["../../src/modifiers/base.ts"],"sourcesContent":["/**\n * Base Modifier System Implementation\n *\n * Core modifier classes and utilities for the SwiftUI-inspired modifier system.\n */\n\nimport { createEffect, isComputed, isSignal, getThemeSignal } from '../reactive'\nimport type { Signal } from '../reactive/types'\nimport type { DOMNode } from '../runtime/types'\nimport type {\n  CSSStyleProperties,\n  LifecycleModifierProps,\n  Modifier,\n  ModifierContext,\n  ReactiveModifierProps,\n  StyleComputationContext,\n} from './types'\nimport { ModifierPriority } from './types'\nimport { isInfinity, dimensionToCSS, shouldExpandForInfinity } from '../constants/layout'\n\n/**\n * Abstract base modifier class\n */\nexport abstract class BaseModifier<TProps = {}> implements Modifier<TProps> {\n  abstract readonly type: string\n  abstract readonly priority: number\n\n  constructor(public readonly properties: TProps) {}\n\n  /**\n   * Apply the modifier to a DOM node\n   */\n  abstract apply(node: DOMNode, context: ModifierContext): DOMNode | undefined\n\n  /**\n   * Helper to resolve reactive properties\n   */\n  protected resolveReactiveProps<T extends Record<string, any>>(\n    props: ReactiveModifierProps<T>,\n    context: StyleComputationContext\n  ): T {\n    const resolved = {} as T\n\n    for (const [key, value] of Object.entries(props)) {\n      if (isSignal(value) || isComputed(value)) {\n        // Preserve the signal/computed - let applyStyles handle reactivity\n        resolved[key as keyof T] = value as T[keyof T]\n      } else {\n        // Static value\n        resolved[key as keyof T] = value\n      }\n    }\n\n    // Context parameter is kept for compatibility but not used in new approach\n    void context\n\n    return resolved\n  }\n\n  /**\n   * Apply a single style change to an element with reactive support\n   */\n  protected applyStyleChange(element: Element, property: string, value: any): void {\n    if (element instanceof HTMLElement) {\n      const cssProperty = this.toCSSProperty(property)\n\n      // Handle reactive values (signals and computed)\n      if (isSignal(value) || isComputed(value)) {\n        // Create reactive effect for this style property\n        createEffect(() => {\n          const currentValue = value()\n          const cssValue = String(currentValue)\n\n          // Check if value contains !important and handle it properly\n          if (cssValue.includes('!important')) {\n            const actualValue = cssValue.replace(/\\s*!important\\s*$/, '').trim()\n            element.style.setProperty(cssProperty, actualValue, 'important')\n          } else {\n            element.style.setProperty(cssProperty, cssValue)\n          }\n        })\n      } else {\n        // Handle static values\n        const cssValue = String(value)\n\n        // Check if value contains !important and handle it properly\n        if (cssValue.includes('!important')) {\n          const actualValue = cssValue.replace(/\\s*!important\\s*$/, '').trim()\n          element.style.setProperty(cssProperty, actualValue, 'important')\n        } else {\n          element.style.setProperty(cssProperty, cssValue)\n        }\n      }\n    }\n  }\n\n  /**\n   * Convert camelCase property to CSS kebab-case\n   */\n  protected toCSSProperty(property: string): string {\n    return property.replace(/([A-Z])/g, '-$1').toLowerCase()\n  }\n\n  /**\n   * Convert value to CSS value string\n   */\n  protected toCSSValue(value: any): string {\n    if (typeof value === 'number') {\n      return `${value}px`\n    }\n    return String(value)\n  }\n\n  /**\n   * Convert value to CSS value string with property-specific handling\n   */\n  protected toCSSValueForProperty(property: string, value: any): string {\n    if (typeof value === 'number') {\n      // Properties that should be unitless\n      const unitlessProperties = [\n        'opacity',\n        'z-index',\n        'line-height',\n        'flex-grow',\n        'flex-shrink',\n        'order',\n        'column-count',\n        'font-weight',\n      ]\n\n      if (unitlessProperties.includes(property)) {\n        return String(value)\n      }\n\n      return `${value}px`\n    }\n\n    // Properties that should be passed through as-is (no processing)\n    const passthroughProperties = [\n      'filter', // CSS filter strings should not be processed\n      'transform', // CSS transform strings\n      'clip-path' // CSS clip-path strings\n    ]\n\n    if (passthroughProperties.includes(property)) {\n      return String(value)\n    }\n\n    return String(value)\n  }\n\n  /**\n   * Apply multiple CSS properties to an element with reactive support\n   */\n  protected applyStyles(element: Element, styles: CSSStyleProperties): void {\n    // Check if element has a style property (for testing and real elements)\n    if (element instanceof HTMLElement || (element as any).style) {\n      const styleTarget = element instanceof HTMLElement ? element.style : (element as any).style\n\n      for (const [property, value] of Object.entries(styles)) {\n        if (value !== undefined) {\n          const cssProperty = this.toCSSProperty(property)\n\n          // Handle reactive values (signals and computed)\n          if (isSignal(value) || isComputed(value)) {\n            // Create reactive effect for this style property\n            createEffect(() => {\n              const currentValue = value()\n              const cssValue = this.toCSSValueForProperty(cssProperty, currentValue)\n\n              if (styleTarget.setProperty) {\n                // Check if value contains !important and handle it properly\n                if (typeof cssValue === 'string' && cssValue.includes('!important')) {\n                  const actualValue = cssValue.replace(/\\s*!important\\s*$/, '').trim()\n                  styleTarget.setProperty(cssProperty, actualValue, 'important')\n                } else {\n                  styleTarget.setProperty(cssProperty, cssValue)\n                }\n              } else {\n                ;(styleTarget as any)[cssProperty] = cssValue\n              }\n            })\n          } else {\n            // Handle static values\n            const cssValue = this.toCSSValueForProperty(cssProperty, value)\n\n            if (styleTarget.setProperty) {\n              // Check if value contains !important and handle it properly\n              if (typeof cssValue === 'string' && cssValue.includes('!important')) {\n                const actualValue = cssValue.replace(/\\s*!important\\s*$/, '').trim()\n                styleTarget.setProperty(cssProperty, actualValue, 'important')\n              } else {\n                styleTarget.setProperty(cssProperty, cssValue)\n              }\n            } else {\n              ;(styleTarget as any)[cssProperty] = cssValue\n            }\n          }\n        }\n      }\n    }\n  }\n\n  /**\n   * Add CSS classes to an element\n   */\n  protected addClasses(element: Element, classes: string[]): void {\n    if (element instanceof HTMLElement) {\n      element.classList.add(...classes)\n    }\n  }\n\n  /**\n   * Remove CSS classes from an element\n   */\n  protected removeClasses(element: Element, classes: string[]): void {\n    if (element instanceof HTMLElement) {\n      element.classList.remove(...classes)\n    }\n  }\n\n  /**\n   * Create a style computation context\n   */\n  protected createStyleContext(\n    componentId: string,\n    element: Element,\n    modifiers: Modifier[]\n  ): StyleComputationContext {\n    return {\n      componentId,\n      element,\n      modifiers,\n      signals: new Set(),\n      cleanup: [],\n    }\n  }\n}\n\n/**\n * Layout modifier for frame, padding, margin\n */\nexport class LayoutModifier extends BaseModifier {\n  readonly type = 'layout'\n  readonly priority = ModifierPriority.LAYOUT\n\n  apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!node.element || !context.element) return\n\n    const styleContext = this.createStyleContext(context.componentId, context.element, [])\n\n    const styles = this.computeLayoutStyles(this.properties as any, styleContext)\n\n    this.applyStyles(context.element, styles)\n\n    // Handle offset separately for proper transform combining\n    const props = this.properties as any\n    if (props.offset && context.element instanceof HTMLElement) {\n      this.applyOffsetTransform(context.element, props.offset)\n    }\n\n    // Handle aspectRatio separately for reactive support\n    if (props.aspectRatio && context.element instanceof HTMLElement) {\n      this.applyAspectRatio(context.element, props.aspectRatio)\n    }\n\n    // Handle scaleEffect separately for proper transform combining (Phase 3 - Epic: Butternut)\n    if (props.scaleEffect && context.element instanceof HTMLElement) {\n      this.applyScaleTransform(context.element, props.scaleEffect)\n    }\n\n    // Handle absolutePosition separately for proper positioning (Phase 3 - Epic: Butternut)\n    if (props.position && context.element instanceof HTMLElement) {\n      this.applyAbsolutePosition(context.element, props.position)\n    }\n\n    // Handle zIndex separately for proper layering (Phase 3 - Epic: Butternut)\n    if (props.zIndex !== undefined && context.element instanceof HTMLElement) {\n      this.applyZIndex(context.element, props.zIndex)\n    }\n\n    return undefined\n  }\n\n  private applyOffsetTransform(element: HTMLElement, offset: { x?: any; y?: any }): void {\n    const { x, y } = offset\n\n    // Handle reactive values\n    if (isSignal(x) || isComputed(x) || isSignal(y) || isComputed(y)) {\n      createEffect(() => {\n        const currentX = isSignal(x) || isComputed(x) ? x() : (x ?? 0)\n        const currentY = isSignal(y) || isComputed(y) ? y() : (y ?? 0)\n\n        const offsetX = this.toCSSValue(currentX)\n        const offsetY = this.toCSSValue(currentY)\n        const translateValue = `translate(${offsetX}, ${offsetY})`\n\n        // Preserve existing transforms but replace any existing translate\n        const existingTransform = element.style.transform || ''\n        const existingTransforms = existingTransform\n          .split(' ')\n          .filter((t) => t && !t.startsWith('translate('))\n          .join(' ')\n\n        const newTransform = existingTransforms\n          ? `${existingTransforms} ${translateValue}`\n          : translateValue\n\n        element.style.transform = newTransform\n      })\n    } else {\n      // Handle static values\n      const currentX = x ?? 0\n      const currentY = y ?? 0\n\n      const offsetX = this.toCSSValue(currentX)\n      const offsetY = this.toCSSValue(currentY)\n      const translateValue = `translate(${offsetX}, ${offsetY})`\n\n      // Preserve existing transforms but replace any existing translate\n      const existingTransform = element.style.transform || ''\n      const existingTransforms = existingTransform\n        .split(' ')\n        .filter((t) => t && !t.startsWith('translate('))\n        .join(' ')\n\n      const newTransform = existingTransforms\n        ? `${existingTransforms} ${translateValue}`\n        : translateValue\n\n      element.style.transform = newTransform\n    }\n  }\n\n  private applyAspectRatio(\n    element: HTMLElement,\n    aspectRatio: { ratio?: any; contentMode?: 'fit' | 'fill' }\n  ): void {\n    const { ratio, contentMode } = aspectRatio\n\n    if (ratio !== undefined) {\n      // Handle reactive aspect ratio\n      if (isSignal(ratio) || isComputed(ratio)) {\n        createEffect(() => {\n          const currentRatio = typeof ratio === 'function' ? ratio() : ratio\n          element.style.aspectRatio = String(currentRatio)\n        })\n      } else {\n        element.style.aspectRatio = String(ratio)\n      }\n\n      // Set content mode\n      if (contentMode === 'fill') {\n        element.style.objectFit = 'cover'\n      } else {\n        element.style.objectFit = 'contain'\n      }\n    }\n  }\n\n  // Phase 3 - Epic: Butternut Transform Methods\n\n  private applyScaleTransform(\n    element: HTMLElement,\n    scaleEffect: { x?: any; y?: any; anchor?: string }\n  ): void {\n    const { x, y, anchor } = scaleEffect\n    const scaleX = x ?? 1\n    const scaleY = y ?? scaleX // Default to uniform scaling if y not provided\n\n    // Handle reactive values\n    if (isSignal(scaleX) || isComputed(scaleX) || isSignal(scaleY) || isComputed(scaleY)) {\n      createEffect(() => {\n        const currentX = isSignal(scaleX) || isComputed(scaleX) ? scaleX() : scaleX\n        const currentY = isSignal(scaleY) || isComputed(scaleY) ? scaleY() : scaleY\n\n        const scaleValue = `scale(${currentX}, ${currentY})`\n\n        // Set transform-origin based on anchor\n        element.style.transformOrigin = this.getTransformOrigin(anchor || 'center')\n\n        // Preserve existing transforms but replace any existing scale\n        const existingTransform = element.style.transform || ''\n        const existingTransforms = existingTransform\n          .replace(/\\s*scale\\([^)]*\\)\\s*/g, ' ')\n          .replace(/\\s+/g, ' ')\n          .trim()\n\n        const newTransform = existingTransforms\n          ? `${existingTransforms} ${scaleValue}`\n          : scaleValue\n\n        element.style.transform = newTransform\n      })\n    } else {\n      // Handle static values\n      const scaleValue = `scale(${scaleX}, ${scaleY})`\n\n      // Set transform-origin based on anchor\n      element.style.transformOrigin = this.getTransformOrigin(anchor || 'center')\n\n      // Preserve existing transforms but replace any existing scale\n      const existingTransform = element.style.transform || ''\n      const existingTransforms = existingTransform\n        .replace(/\\s*scale\\([^)]*\\)\\s*/g, ' ')\n        .replace(/\\s+/g, ' ')\n        .trim()\n\n      const newTransform = existingTransforms\n        ? `${existingTransforms} ${scaleValue}`\n        : scaleValue\n\n      element.style.transform = newTransform\n    }\n  }\n\n  private applyAbsolutePosition(element: HTMLElement, position: { x?: any; y?: any }): void {\n    const { x, y } = position\n\n    // Set position to absolute for SwiftUI-style absolute positioning\n    element.style.position = 'absolute'\n\n    // Handle reactive values\n    if (isSignal(x) || isComputed(x) || isSignal(y) || isComputed(y)) {\n      createEffect(() => {\n        const currentX = isSignal(x) || isComputed(x) ? x() : (x ?? 0)\n        const currentY = isSignal(y) || isComputed(y) ? y() : (y ?? 0)\n\n        element.style.left = this.toCSSValue(currentX)\n        element.style.top = this.toCSSValue(currentY)\n      })\n    } else {\n      // Handle static values\n      const currentX = x ?? 0\n      const currentY = y ?? 0\n\n      element.style.left = this.toCSSValue(currentX)\n      element.style.top = this.toCSSValue(currentY)\n    }\n  }\n\n  private applyZIndex(element: HTMLElement, zIndex: any): void {\n    // Handle reactive values\n    if (isSignal(zIndex) || isComputed(zIndex)) {\n      createEffect(() => {\n        const currentZIndex = zIndex()\n        element.style.zIndex = String(currentZIndex)\n      })\n    } else {\n      // Handle static values\n      element.style.zIndex = String(zIndex)\n    }\n  }\n\n  private getTransformOrigin(anchor: string): string {\n    const anchorMap: Record<string, string> = {\n      center: 'center center',\n      top: 'center top',\n      topLeading: 'left top',\n      topTrailing: 'right top',\n      bottom: 'center bottom',\n      bottomLeading: 'left bottom',\n      bottomTrailing: 'right bottom',\n      leading: 'left center',\n      trailing: 'right center',\n    }\n\n    return anchorMap[anchor] || 'center center'\n  }\n\n  private computeLayoutStyles(props: any, _context: StyleComputationContext): CSSStyleProperties {\n    const styles: CSSStyleProperties = {}\n\n    // Frame properties - handle infinity values properly\n    if (props.frame) {\n      const frame = props.frame\n\n      // Check for infinity constraints and apply appropriate flex/size styles\n      const infinityResult = shouldExpandForInfinity(frame)\n      Object.assign(styles, infinityResult.cssProps)\n\n      // Convert dimensions to CSS, handling infinity appropriately\n      // Don't apply explicit width/height if infinity expansion is happening\n      if (frame.width !== undefined) {\n        const cssValue = dimensionToCSS(frame.width)\n        if (cssValue !== undefined && !isInfinity(frame.width) && !infinityResult.expandWidth) {\n          styles.width = cssValue\n        }\n      }\n\n      if (frame.height !== undefined) {\n        const cssValue = dimensionToCSS(frame.height)\n        if (cssValue !== undefined && !isInfinity(frame.height) && !infinityResult.expandHeight) {\n          styles.height = cssValue\n        }\n      }\n\n      if (frame.minWidth !== undefined) {\n        const cssValue = dimensionToCSS(frame.minWidth)\n        if (cssValue !== undefined) {\n          styles.minWidth = cssValue\n        }\n      }\n\n      if (frame.maxWidth !== undefined && !isInfinity(frame.maxWidth)) {\n        const cssValue = dimensionToCSS(frame.maxWidth)\n        if (cssValue !== undefined) {\n          styles.maxWidth = cssValue\n        }\n      } else if (isInfinity(frame.maxWidth)) {\n        // SwiftUI compatibility: maxWidth infinity means expand to fill available width\n        // Remove maxWidth constraint and use flex properties for expansion\n        styles.maxWidth = 'none'\n        styles.flexGrow = '1 !important'\n        styles.flexShrink = '1 !important'\n        styles.flexBasis = '0% !important'\n        styles.alignSelf = 'stretch !important'\n      }\n\n      if (frame.minHeight !== undefined) {\n        const cssValue = dimensionToCSS(frame.minHeight)\n        if (cssValue !== undefined) {\n          styles.minHeight = cssValue\n        }\n      }\n\n      if (frame.maxHeight !== undefined && !isInfinity(frame.maxHeight)) {\n        const cssValue = dimensionToCSS(frame.maxHeight)\n        if (cssValue !== undefined) {\n          styles.maxHeight = cssValue\n        }\n      } else if (isInfinity(frame.maxHeight)) {\n        // SwiftUI compatibility: maxHeight infinity means expand to fill available height\n        // Remove maxHeight constraint and use flex properties for expansion\n        styles.maxHeight = 'none'\n        styles.flexGrow = '1 !important'\n        styles.flexShrink = '1 !important'\n        styles.flexBasis = '0% !important'\n        styles.alignSelf = 'stretch !important'\n      }\n    }\n\n    // Padding\n    if (props.padding !== undefined) {\n      if (typeof props.padding === 'number') {\n        styles.padding = this.toCSSValue(props.padding)\n      } else {\n        const p = props.padding\n        if (p.top !== undefined) styles.paddingTop = this.toCSSValue(p.top)\n        if (p.right !== undefined) styles.paddingRight = this.toCSSValue(p.right)\n        if (p.bottom !== undefined) styles.paddingBottom = this.toCSSValue(p.bottom)\n        if (p.left !== undefined) styles.paddingLeft = this.toCSSValue(p.left)\n      }\n    }\n\n    // Margin\n    if (props.margin !== undefined) {\n      if (typeof props.margin === 'number') {\n        styles.margin = this.toCSSValue(props.margin)\n      } else {\n        const m = props.margin\n        if (m.top !== undefined) styles.marginTop = this.toCSSValue(m.top)\n        if (m.right !== undefined) styles.marginRight = this.toCSSValue(m.right)\n        if (m.bottom !== undefined) styles.marginBottom = this.toCSSValue(m.bottom)\n        if (m.left !== undefined) styles.marginLeft = this.toCSSValue(m.left)\n      }\n    }\n\n    // Alignment\n    if (props.alignment) {\n      switch (props.alignment) {\n        case 'leading':\n          styles.textAlign = 'left'\n          styles.alignItems = 'flex-start'\n          break\n        case 'center':\n          styles.textAlign = 'center'\n          styles.alignItems = 'center'\n          break\n        case 'trailing':\n          styles.textAlign = 'right'\n          styles.alignItems = 'flex-end'\n          break\n        case 'top':\n          styles.alignItems = 'flex-start'\n          break\n        case 'bottom':\n          styles.alignItems = 'flex-end'\n          break\n      }\n    }\n\n    // Layout Priority\n    // In SwiftUI, layoutPriority determines which views get priority in sizing\n    // Higher priority views determine container size in ZStack\n    // We implement this using CSS flexbox properties for flexible layouts\n    if (props.layoutPriority !== undefined) {\n      const priority = Number(props.layoutPriority)\n\n      // Set flex properties based on priority\n      // Higher priority = less flex shrink, more flex grow\n      if (priority > 0) {\n        // High priority: Don't shrink, allow growth\n        styles.flexShrink = '0'\n        styles.flexGrow = String(Math.max(1, priority / 10))\n\n        // For ZStack containers, higher priority elements determine size\n        // We use z-index for layering and flex properties for sizing behavior\n        styles.zIndex = String(priority)\n\n        // In grid layouts, higher priority gets more space\n        styles.gridRowEnd = `span ${String(Math.min(10, Math.max(1, Math.ceil(priority / 10))))}`\n        styles.gridColumnEnd = `span ${String(Math.min(10, Math.max(1, Math.ceil(priority / 10))))}`\n      } else if (priority === 0) {\n        // Default priority: Normal flex behavior\n        styles.flexShrink = '1'\n        styles.flexGrow = '1'\n      } else {\n        // Low priority: Shrink more, grow less\n        styles.flexShrink = String(Math.abs(priority))\n        styles.flexGrow = '0'\n        styles.zIndex = String(priority)\n      }\n\n      // For containers that need to size based on highest priority child\n      // We use CSS custom properties that can be read by parent containers\n      if (styles && typeof styles === 'object' && 'setProperty' in styles) {\n        ;(styles as any).setProperty('--layout-priority', String(priority))\n      }\n    }\n\n    // Offset modifier (SwiftUI .offset(x, y))\n    // Note: Offset handling is done in the apply method with proper reactive support\n    // This is just for setting up the basic structure\n    if (props.offset) {\n      // The actual transform application happens in apply() method\n      // to handle both reactive and static values properly\n    }\n\n    // Aspect Ratio modifier (SwiftUI .aspectRatio(ratio, contentMode))\n    if (props.aspectRatio) {\n      const { ratio, contentMode } = props.aspectRatio\n\n      if (ratio !== undefined) {\n        // Apply CSS aspect-ratio property\n        styles.aspectRatio = typeof ratio === 'number' ? String(ratio) : ratio\n\n        // Handle content mode\n        if (contentMode === 'fill') {\n          styles.objectFit = 'cover'\n        } else {\n          styles.objectFit = 'contain'\n        }\n      }\n    }\n\n    // Fixed Size modifier (SwiftUI .fixedSize())\n    if (props.fixedSize) {\n      const { horizontal, vertical } = props.fixedSize\n\n      if (horizontal) {\n        styles.flexShrink = '0'\n        styles.width = 'max-content'\n      }\n      if (vertical) {\n        styles.flexShrink = '0'\n        styles.height = 'max-content'\n      }\n    }\n\n    return styles\n  }\n}\n\n/**\n * Appearance modifier for colors, fonts, borders, shadows\n */\nexport class AppearanceModifier extends BaseModifier {\n  readonly type = 'appearance'\n  readonly priority = ModifierPriority.APPEARANCE\n\n  apply(node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!node.element || !context.element) {\n      return\n    }\n\n    const styleContext = this.createStyleContext(context.componentId, context.element, [])\n\n    const resolved = this.resolveReactiveProps(this.properties as any, styleContext)\n\n    // Handle Assets separately with theme reactivity\n    this.applyAssetBasedStyles(context.element, resolved)\n\n    // Handle non-Asset styles normally\n    const styles = this.computeAppearanceStyles(resolved)\n    this.applyStyles(context.element, styles)\n\n    return undefined\n  }\n\n  /**\n   * Apply Asset-based styles with theme reactivity\n   */\n  private applyAssetBasedStyles(element: Element, props: any): void {\n    // Get the shared theme signal\n    const themeSignal = getThemeSignal()\n\n    // Handle foregroundColor Asset\n    if (props.foregroundColor && this.isAsset(props.foregroundColor)) {\n      createEffect(() => {\n        // Watch theme changes to trigger re-resolution\n        themeSignal()\n        // Re-resolve Asset when theme changes\n        const resolvedColor = props.foregroundColor.resolve()\n        this.applyStyleChange(element, 'color', resolvedColor)\n      })\n    }\n\n    // Handle backgroundColor Asset\n    if (props.backgroundColor && this.isAsset(props.backgroundColor)) {\n      createEffect(() => {\n        // Watch theme changes to trigger re-resolution\n        themeSignal()\n        // Re-resolve Asset when theme changes\n        const resolvedColor = props.backgroundColor.resolve()\n        this.applyStyleChange(element, 'backgroundColor', resolvedColor)\n      })\n    }\n\n    // Handle border color Asset\n    if (props.border?.color && this.isAsset(props.border.color)) {\n      createEffect(() => {\n        // Watch theme changes\n        themeSignal()\n        // Re-resolve Asset when theme changes\n        const resolvedColor = props.border.color.resolve()\n        this.applyStyleChange(element, 'borderColor', resolvedColor)\n      })\n    }\n  }\n\n  /**\n   * Check if a value is an Asset object (including Asset proxies)\n   */\n  private isAsset(value: any): boolean {\n    return (\n      value !== null &&\n      value !== undefined &&\n      typeof value === 'object' &&\n      'resolve' in value &&\n      typeof value.resolve === 'function'\n    )\n  }\n\n  private computeAppearanceStyles(props: any): CSSStyleProperties {\n    const styles: CSSStyleProperties = {}\n\n    // Colors (skip Assets - they're handled reactively in applyAssetBasedStyles)\n    if (props.foregroundColor && !this.isAsset(props.foregroundColor)) {\n      styles.color = props.foregroundColor\n    }\n    if (props.backgroundColor && !this.isAsset(props.backgroundColor)) {\n      styles.backgroundColor = props.backgroundColor\n    }\n    if (props.opacity !== undefined) styles.opacity = props.opacity\n\n    // Font\n    if (props.font) {\n      const font = props.font\n      if (font.family) {\n        // Handle FontAsset objects that need to be resolved\n        if (typeof font.family === 'object' && font.family !== null && 'resolve' in font.family) {\n          styles.fontFamily = (font.family as any).resolve()\n        } else {\n          styles.fontFamily = font.family as string\n        }\n      }\n      if (font.size) styles.fontSize = this.toCSSValue(font.size)\n      if (font.weight) styles.fontWeight = String(font.weight)\n      if (font.style) styles.fontStyle = font.style\n    }\n\n    // Corner radius\n    if (props.cornerRadius !== undefined) {\n      styles.borderRadius = this.toCSSValue(props.cornerRadius)\n    }\n\n    // Border\n    if (props.border) {\n      const border = props.border\n      if (border.width !== undefined) styles.borderWidth = this.toCSSValue(border.width)\n      if (border.color && !this.isAsset(border.color)) {\n        styles.borderColor = border.color as string\n      }\n      if (border.style) styles.borderStyle = border.style\n    }\n\n    // Shadow\n    if (props.shadow) {\n      const shadow = props.shadow\n      const x = shadow.x || 0\n      const y = shadow.y || 0\n      const radius = shadow.radius || 0\n      const color = shadow.color || 'rgba(0,0,0,0.25)'\n      styles.boxShadow = `${x}px ${y}px ${radius}px ${color}`\n    }\n\n    // Clipped modifier (SwiftUI .clipped())\n    if (props.clipped) {\n      styles.overflow = 'hidden'\n    }\n\n    // Clip Shape modifier (SwiftUI .clipShape())\n    if (props.clipShape) {\n      const { shape, parameters } = props.clipShape\n\n      switch (shape) {\n        case 'circle':\n          styles.clipPath = 'circle(50%)'\n          break\n        case 'ellipse': {\n          const radiusX = parameters?.radiusX || '50%'\n          const radiusY = parameters?.radiusY || '50%'\n          styles.clipPath = `ellipse(${radiusX} ${radiusY} at center)`\n          break\n        }\n        case 'rect': {\n          const inset = parameters?.inset || 0\n          styles.clipPath = `inset(${inset}px)`\n          break\n        }\n        case 'polygon': {\n          const points = parameters?.points || '0% 0%, 100% 0%, 100% 100%, 0% 100%'\n          styles.clipPath = `polygon(${points})`\n          break\n        }\n      }\n    }\n\n    // Visual Effects (Phase 2 - Epic: Butternut)\n    const filters: string[] = []\n\n    if (props.blur !== undefined) {\n      filters.push(`blur(${props.blur}px)`)\n    }\n    if (props.brightness !== undefined) {\n      filters.push(`brightness(${props.brightness})`)\n    }\n    if (props.contrast !== undefined) {\n      filters.push(`contrast(${props.contrast})`)\n    }\n    if (props.saturation !== undefined) {\n      filters.push(`saturate(${props.saturation})`)\n    }\n    if (props.hueRotation !== undefined) {\n      filters.push(`hue-rotate(${props.hueRotation}deg)`)\n    }\n    if (props.grayscale !== undefined) {\n      filters.push(`grayscale(${props.grayscale})`)\n    }\n    if (props.colorInvert !== undefined) {\n      filters.push(`invert(${props.colorInvert})`)\n    }\n\n    if (filters.length > 0) {\n      styles.filter = filters.join(' ')\n    }\n\n    return styles\n  }\n}\n\n/**\n * Interaction modifier for events and accessibility\n */\nexport class InteractionModifier extends BaseModifier {\n  readonly type = 'interaction'\n  readonly priority = ModifierPriority.INTERACTION\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const props = this.properties as any\n\n    // Event handlers\n    if (props.onTap) {\n      context.element.addEventListener('click', props.onTap)\n    }\n\n    if (props.onHover) {\n      context.element.addEventListener('mouseenter', () => props.onHover(true))\n      context.element.addEventListener('mouseleave', () => props.onHover(false))\n    }\n\n    if (props.onMouseEnter) {\n      context.element.addEventListener('mouseenter', props.onMouseEnter)\n    }\n\n    if (props.onMouseLeave) {\n      context.element.addEventListener('mouseleave', props.onMouseLeave)\n    }\n\n    if (props.onMouseDown) {\n      context.element.addEventListener('mousedown', props.onMouseDown)\n    }\n\n    if (props.onMouseUp) {\n      context.element.addEventListener('mouseup', props.onMouseUp)\n    }\n\n    if (props.onDragStart) {\n      context.element.addEventListener('dragstart', props.onDragStart)\n    }\n\n    if (props.onDragOver) {\n      context.element.addEventListener('dragover', props.onDragOver)\n    }\n\n    if (props.onDragLeave) {\n      context.element.addEventListener('dragleave', props.onDragLeave)\n    }\n\n    if (props.onDrop) {\n      context.element.addEventListener('drop', props.onDrop)\n    }\n\n    // Additional mouse events\n    if (props.onDoubleClick) {\n      context.element.addEventListener('dblclick', props.onDoubleClick)\n    }\n\n    if (props.onContextMenu) {\n      context.element.addEventListener('contextmenu', props.onContextMenu)\n    }\n\n    // Focus events\n    if (props.onFocus) {\n      context.element.addEventListener('focus', () => props.onFocus(true))\n      context.element.addEventListener('blur', () => props.onFocus(false))\n    }\n\n    if (props.onBlur) {\n      context.element.addEventListener('blur', () => props.onBlur(false))\n    }\n\n    // Keyboard events\n    if (props.onKeyPress) {\n      context.element.addEventListener('keypress', props.onKeyPress)\n    }\n\n    if (props.onKeyDown) {\n      context.element.addEventListener('keydown', props.onKeyDown)\n    }\n\n    if (props.onKeyUp) {\n      context.element.addEventListener('keyup', props.onKeyUp)\n    }\n\n    // Scroll and wheel events\n    if (props.onScroll) {\n      context.element.addEventListener('scroll', props.onScroll, { passive: true })\n    }\n\n    if (props.onWheel) {\n      context.element.addEventListener('wheel', props.onWheel, { passive: false })\n    }\n\n    // Input events\n    if (props.onInput) {\n      context.element.addEventListener('input', props.onInput)\n    }\n\n    if (props.onChange) {\n      context.element.addEventListener('change', (event) => {\n        const target = event.target as HTMLInputElement\n        const value = target.value || target.textContent || ''\n        props.onChange(value, event)\n      })\n    }\n\n    // Clipboard events\n    if (props.onCopy) {\n      context.element.addEventListener('copy', props.onCopy)\n    }\n\n    if (props.onCut) {\n      context.element.addEventListener('cut', props.onCut)\n    }\n\n    if (props.onPaste) {\n      context.element.addEventListener('paste', props.onPaste)\n    }\n\n    // Selection events\n    if (props.onSelect) {\n      context.element.addEventListener('select', props.onSelect)\n    }\n\n    // Disabled state\n    if (props.disabled !== undefined) {\n      if (context.element instanceof HTMLElement) {\n        if (props.disabled) {\n          context.element.setAttribute('disabled', 'true')\n          context.element.style.pointerEvents = 'none'\n          context.element.style.opacity = '0.6'\n        } else {\n          context.element.removeAttribute('disabled')\n          context.element.style.pointerEvents = ''\n          context.element.style.opacity = ''\n        }\n      }\n    }\n\n    // Draggable state\n    if (props.draggable !== undefined) {\n      if (context.element instanceof HTMLElement) {\n        context.element.draggable = props.draggable\n      }\n    }\n\n    // Accessibility\n    if (props.accessibilityLabel) {\n      context.element.setAttribute('aria-label', props.accessibilityLabel)\n    }\n\n    if (props.accessibilityHint) {\n      context.element.setAttribute('aria-describedby', props.accessibilityHint)\n    }\n\n    // Advanced Gesture Modifiers (Phase 4 - Epic: Butternut)\n    if (props.onLongPressGesture) {\n      this.setupLongPressGesture(context.element, props.onLongPressGesture)\n    }\n\n    if (props.keyboardShortcut) {\n      this.setupKeyboardShortcut(context.element, props.keyboardShortcut)\n    }\n\n    if (props.focused !== undefined) {\n      this.setupFocusManagement(context.element, props.focused)\n    }\n\n    if (props.focusable) {\n      this.setupFocusable(context.element, props.focusable)\n    }\n\n    if (props.onContinuousHover) {\n      this.setupContinuousHover(context.element, props.onContinuousHover)\n    }\n\n    if (props.allowsHitTesting !== undefined) {\n      this.setupHitTesting(context.element, props.allowsHitTesting)\n    }\n\n    return undefined\n  }\n\n  // Phase 4 Advanced Gesture Methods\n\n  /**\n   * Setup long press gesture with timing and distance constraints\n   */\n  private setupLongPressGesture(\n    element: Element,\n    options: {\n      minimumDuration?: number\n      maximumDistance?: number\n      perform: () => void\n      onPressingChanged?: (isPressing: boolean) => void\n    }\n  ): void {\n    const minimumDuration = options.minimumDuration ?? 500 // ms\n    const maximumDistance = options.maximumDistance ?? 10 // px\n\n    let timeoutId: number | undefined\n    let startPoint: { x: number; y: number } | null = null\n    let isPressing = false\n\n    const cleanup = () => {\n      if (timeoutId) {\n        clearTimeout(timeoutId)\n        timeoutId = undefined\n      }\n      if (isPressing && options.onPressingChanged) {\n        options.onPressingChanged(false)\n      }\n      isPressing = false\n      startPoint = null\n    }\n\n    const handlePointerDown = (event: Event) => {\n      const pointerEvent = event as PointerEvent\n      startPoint = { x: pointerEvent.clientX, y: pointerEvent.clientY }\n      isPressing = true\n\n      if (options.onPressingChanged) {\n        options.onPressingChanged(true)\n      }\n\n      timeoutId = window.setTimeout(() => {\n        if (isPressing && startPoint) {\n          options.perform()\n          cleanup()\n        }\n      }, minimumDuration)\n    }\n\n    const handlePointerMove = (event: Event) => {\n      const pointerEvent = event as PointerEvent\n      if (!startPoint || !isPressing) return\n\n      const distance = Math.sqrt(\n        Math.pow(pointerEvent.clientX - startPoint.x, 2) +\n        Math.pow(pointerEvent.clientY - startPoint.y, 2)\n      )\n\n      if (distance > maximumDistance) {\n        cleanup()\n      }\n    }\n\n    const handlePointerUp = () => {\n      cleanup()\n    }\n\n    const handlePointerCancel = () => {\n      cleanup()\n    }\n\n    // Use pointer events for better touch/mouse compatibility\n    element.addEventListener('pointerdown', handlePointerDown as EventListener)\n    element.addEventListener('pointermove', handlePointerMove as EventListener)\n    element.addEventListener('pointerup', handlePointerUp as EventListener)\n    element.addEventListener('pointercancel', handlePointerCancel as EventListener)\n\n    // Store cleanup function for later removal\n    ;(element as any)._longPressCleanup = cleanup\n  }\n\n  /**\n   * Setup keyboard shortcut handling\n   */\n  private setupKeyboardShortcut(\n    element: Element,\n    shortcut: {\n      key: string\n      modifiers?: ('cmd' | 'ctrl' | 'shift' | 'alt' | 'meta')[]\n      action: () => void\n    }\n  ): void {\n    const modifiers = shortcut.modifiers ?? []\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      // Check if all required modifiers are pressed\n      const requiredModifiers = {\n        cmd: modifiers.includes('cmd') || modifiers.includes('meta'),\n        ctrl: modifiers.includes('ctrl'),\n        shift: modifiers.includes('shift'),\n        alt: modifiers.includes('alt')\n      }\n\n      const actualModifiers = {\n        cmd: event.metaKey || event.ctrlKey, // Handle both Mac (meta) and PC (ctrl)\n        ctrl: event.ctrlKey,\n        shift: event.shiftKey,\n        alt: event.altKey\n      }\n\n      // Check key match (case insensitive)\n      const keyMatches = event.key.toLowerCase() === shortcut.key.toLowerCase()\n\n      // Check modifier requirements\n      const modifiersMatch = Object.entries(requiredModifiers).every(\n        ([mod, required]) => required === actualModifiers[mod as keyof typeof actualModifiers]\n      )\n\n      if (keyMatches && modifiersMatch) {\n        event.preventDefault()\n        shortcut.action()\n      }\n    }\n\n    // Add keyboard event listener to document for global shortcuts\n    document.addEventListener('keydown', handleKeyDown)\n\n    // Store cleanup function\n    ;(element as any)._keyboardShortcutCleanup = () => {\n      document.removeEventListener('keydown', handleKeyDown)\n    }\n  }\n\n  /**\n   * Setup focus management with reactive binding\n   */\n  private setupFocusManagement(element: Element, focused: boolean | Signal<boolean>): void {\n    if (!(element instanceof HTMLElement)) return\n\n    const htmlElement = element as HTMLElement\n\n    // Make element focusable if it's not naturally focusable\n    if (!htmlElement.hasAttribute('tabindex')) {\n      htmlElement.setAttribute('tabindex', '0')\n    }\n\n    if (isSignal(focused) || isComputed(focused)) {\n      // Reactive focus management\n      createEffect(() => {\n        const shouldFocus = focused()\n        if (shouldFocus) {\n          htmlElement.focus()\n        } else {\n          htmlElement.blur()\n        }\n      })\n    } else {\n      // Static focus management\n      if (focused) {\n        htmlElement.focus()\n      }\n    }\n  }\n\n  /**\n   * Setup focusable behavior\n   */\n  private setupFocusable(\n    element: Element,\n    options: {\n      isFocusable?: boolean\n      interactions?: ('activate' | 'edit')[]\n    }\n  ): void {\n    if (!(element instanceof HTMLElement)) return\n\n    const htmlElement = element as HTMLElement\n\n    if (options.isFocusable === false) {\n      htmlElement.setAttribute('tabindex', '-1')\n    } else {\n      if (!htmlElement.hasAttribute('tabindex')) {\n        htmlElement.setAttribute('tabindex', '0')\n      }\n    }\n\n    // Setup interaction behaviors\n    if (options.interactions?.includes('activate')) {\n      htmlElement.addEventListener('keydown', (event) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n          event.preventDefault()\n          htmlElement.click()\n        }\n      })\n    }\n\n    if (options.interactions?.includes('edit')) {\n      htmlElement.setAttribute('role', 'textbox')\n      htmlElement.setAttribute('contenteditable', 'true')\n    }\n  }\n\n  /**\n   * Setup continuous hover tracking with coordinates\n   */\n  private setupContinuousHover(\n    element: Element,\n    options: {\n      coordinateSpace?: 'local' | 'global'\n      perform: (location: { x: number; y: number } | null) => void\n    }\n  ): void {\n    const coordinateSpace = options.coordinateSpace ?? 'local'\n\n    const handleMouseMove = (event: Event) => {\n      const mouseEvent = event as MouseEvent\n      let x: number, y: number\n\n      if (coordinateSpace === 'local') {\n        const rect = element.getBoundingClientRect()\n        x = mouseEvent.clientX - rect.left\n        y = mouseEvent.clientY - rect.top\n      } else {\n        x = mouseEvent.clientX\n        y = mouseEvent.clientY\n      }\n\n      options.perform({ x, y })\n    }\n\n    const handleMouseLeave = () => {\n      options.perform(null)\n    }\n\n    element.addEventListener('mousemove', handleMouseMove as EventListener)\n    element.addEventListener('mouseleave', handleMouseLeave as EventListener)\n\n    // Store cleanup\n    ;(element as any)._continuousHoverCleanup = () => {\n      element.removeEventListener('mousemove', handleMouseMove as EventListener)\n      element.removeEventListener('mouseleave', handleMouseLeave as EventListener)\n    }\n  }\n\n  /**\n   * Setup hit testing control\n   */\n  private setupHitTesting(element: Element, enabled: boolean): void {\n    if (element instanceof HTMLElement) {\n      element.style.pointerEvents = enabled ? '' : 'none'\n    }\n  }\n}\n\n/**\n * Animation modifier for transitions and animations\n */\nexport class AnimationModifier extends BaseModifier {\n  readonly type = 'animation'\n  readonly priority = ModifierPriority.ANIMATION\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const props = this.properties as any\n\n    // Transition\n    if (props.transition) {\n      const t = props.transition\n      const property = t.property || 'all'\n      const duration = t.duration || 300\n      const easing = t.easing || 'ease'\n      const delay = t.delay || 0\n\n      if (context.element instanceof HTMLElement) {\n        context.element.style.transition = `${property} ${duration}ms ${easing} ${delay}ms`\n      }\n    }\n\n    // Animation\n    if (props.animation && context.element instanceof HTMLElement) {\n      const anim = props.animation\n\n      if (anim.keyframes) {\n        // Create keyframes\n        const keyframeName = `tachui-animation-${context.componentId}-${Date.now()}`\n        const keyframeRule = this.createKeyframeRule(keyframeName, anim.keyframes)\n\n        // Add keyframes to stylesheet\n        this.addKeyframesToStylesheet(keyframeRule)\n\n        // Apply animation\n        const duration = anim.duration || 1000\n        const easing = anim.easing || 'ease'\n        const iterations = anim.iterations || 1\n        const direction = anim.direction || 'normal'\n\n        context.element.style.animation = `${keyframeName} ${duration}ms ${easing} ${iterations} ${direction}`\n      }\n    }\n\n    // Transform\n    if (props.transform && context.element instanceof HTMLElement) {\n      if (isSignal(props.transform) || isComputed(props.transform)) {\n        // Create reactive effect for transform\n        createEffect(() => {\n          const transformValue = props.transform()\n          if (context.element instanceof HTMLElement) {\n            context.element.style.transform = transformValue\n          }\n        })\n      } else {\n        context.element.style.transform = props.transform\n      }\n    }\n\n    // Rotation Effect (SwiftUI .rotationEffect(angle))\n    if (props.rotationEffect && context.element instanceof HTMLElement) {\n      const { angle, anchor } = props.rotationEffect\n\n      // Convert anchor to CSS transform-origin\n      const anchorOrigins: Record<string, string> = {\n        center: '50% 50%',\n        top: '50% 0%',\n        topLeading: '0% 0%',\n        topTrailing: '100% 0%',\n        bottom: '50% 100%',\n        bottomLeading: '0% 100%',\n        bottomTrailing: '100% 100%',\n        leading: '0% 50%',\n        trailing: '100% 50%',\n      }\n\n      const transformOrigin = anchorOrigins[anchor || 'center'] || '50% 50%'\n\n      // Create rotation transform\n      const rotationTransform = `rotate(${angle}deg)`\n\n      if (isSignal(angle) || isComputed(angle)) {\n        // Reactive rotation\n        createEffect(() => {\n          const currentAngle = typeof angle === 'function' ? angle() : angle\n          const currentRotation = `rotate(${currentAngle}deg)`\n\n          if (context.element instanceof HTMLElement) {\n            context.element.style.transformOrigin = transformOrigin\n\n            // Combine with existing transforms if any\n            const existingTransform = context.element.style.transform || ''\n            const existingTransforms = existingTransform\n              .split(' ')\n              .filter((t) => t && !t.startsWith('rotate('))\n              .join(' ')\n\n            const newTransform = existingTransforms\n              ? `${existingTransforms} ${currentRotation}`\n              : currentRotation\n\n            context.element.style.transform = newTransform\n          }\n        })\n      } else {\n        // Static rotation\n        if (context.element instanceof HTMLElement) {\n          context.element.style.transformOrigin = transformOrigin\n\n          // Combine with existing transforms if any\n          const existingTransform = context.element.style.transform || ''\n          const existingTransforms = existingTransform\n            .split(' ')\n            .filter((t) => t && !t.startsWith('rotate('))\n            .join(' ')\n\n          const newTransform = existingTransforms\n            ? `${existingTransforms} ${rotationTransform}`\n            : rotationTransform\n\n          context.element.style.transform = newTransform\n        }\n      }\n    }\n\n    // Overlay modifier (SwiftUI .overlay())\n    if (props.overlay && context.element instanceof HTMLElement) {\n      this.applyOverlay(context.element, props.overlay, context)\n    }\n\n    return undefined\n  }\n\n  private applyOverlay(\n    element: HTMLElement,\n    overlay: { content: any; alignment?: string },\n    _context: ModifierContext\n  ): void {\n    const { content, alignment = 'center' } = overlay\n\n    // Make the element a positioned container\n    if (element.style.position === '' || element.style.position === 'static') {\n      element.style.position = 'relative'\n    }\n\n    // Create overlay container\n    const overlayContainer = document.createElement('div')\n    overlayContainer.style.position = 'absolute'\n    overlayContainer.style.pointerEvents = 'none' // Allow clicks to pass through by default\n\n    // Apply alignment positioning\n    const alignmentStyles = this.getOverlayAlignment(alignment)\n    Object.assign(overlayContainer.style, alignmentStyles)\n\n    // Render content\n    if (typeof content === 'function') {\n      // If content is a function, call it to get component\n      const contentComponent = content()\n      if (contentComponent && typeof contentComponent.render === 'function') {\n        const contentNode = contentComponent.render()\n        if (contentNode.element) {\n          overlayContainer.appendChild(contentNode.element)\n        }\n      }\n    } else if (content && typeof content.render === 'function') {\n      // If content is a component instance\n      const contentNode = content.render()\n      if (contentNode.element) {\n        overlayContainer.appendChild(contentNode.element)\n      }\n    } else if (content instanceof HTMLElement) {\n      // If content is already a DOM element\n      overlayContainer.appendChild(content)\n    }\n\n    // Add overlay to the element\n    element.appendChild(overlayContainer)\n  }\n\n  private getOverlayAlignment(alignment: string): Record<string, string> {\n    const alignments: Record<string, Record<string, string>> = {\n      center: {\n        top: '50%',\n        left: '50%',\n        transform: 'translate(-50%, -50%)',\n      },\n      top: {\n        top: '0',\n        left: '50%',\n        transform: 'translateX(-50%)',\n      },\n      bottom: {\n        bottom: '0',\n        left: '50%',\n        transform: 'translateX(-50%)',\n      },\n      leading: {\n        top: '50%',\n        left: '0',\n        transform: 'translateY(-50%)',\n      },\n      trailing: {\n        top: '50%',\n        right: '0',\n        transform: 'translateY(-50%)',\n      },\n      topLeading: {\n        top: '0',\n        left: '0',\n      },\n      topTrailing: {\n        top: '0',\n        right: '0',\n      },\n      bottomLeading: {\n        bottom: '0',\n        left: '0',\n      },\n      bottomTrailing: {\n        bottom: '0',\n        right: '0',\n      },\n    }\n\n    return alignments[alignment] || alignments.center\n  }\n\n  private createKeyframeRule(\n    name: string,\n    keyframes: Record<string, Record<string, string>>\n  ): string {\n    let rule = `@keyframes ${name} {\\n`\n\n    for (const [percentage, styles] of Object.entries(keyframes)) {\n      rule += `  ${percentage} {\\n`\n      for (const [property, value] of Object.entries(styles)) {\n        const cssProperty = this.toCSSProperty(property)\n        rule += `    ${cssProperty}: ${value};\\n`\n      }\n      rule += `  }\\n`\n    }\n\n    rule += '}'\n    return rule\n  }\n\n  private addKeyframesToStylesheet(rule: string): void {\n    let stylesheet = document.querySelector('#tachui-animations') as HTMLStyleElement\n\n    if (!stylesheet) {\n      stylesheet = document.createElement('style')\n      stylesheet.id = 'tachui-animations'\n      document.head.appendChild(stylesheet)\n    }\n\n    stylesheet.appendChild(document.createTextNode(rule))\n  }\n}\n\n/**\n * Lifecycle modifier for component lifecycle events\n */\nexport class LifecycleModifier extends BaseModifier {\n  readonly type = 'lifecycle'\n  readonly priority = ModifierPriority.CUSTOM\n\n  private activeAbortController?: AbortController\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const props = this.properties as LifecycleModifierProps\n\n    // Clean up any existing tasks on re-application\n    if (this.activeAbortController) {\n      this.activeAbortController.abort()\n    }\n\n    // Set up intersection observer for onAppear/onDisappear\n    if (props.onAppear || props.onDisappear) {\n      this.setupLifecycleObserver(context.element, props)\n    }\n\n    // Set up async task with cancellation\n    if (props.task) {\n      this.setupTask(context, props.task)\n    }\n\n    // Set up refreshable behavior\n    if (props.refreshable) {\n      this.setupRefreshable(context.element, props.refreshable)\n    }\n\n    return undefined\n  }\n\n  private setupLifecycleObserver(element: Element, props: LifecycleModifierProps): void {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting && props.onAppear) {\n            // Element has appeared in viewport\n            props.onAppear()\n          } else if (!entry.isIntersecting && props.onDisappear) {\n            // Element has disappeared from viewport\n            props.onDisappear()\n          }\n        })\n      },\n      {\n        threshold: 0.1, // Trigger when 10% of element is visible\n        rootMargin: '10px', // Add some margin for better UX\n      }\n    )\n\n    observer.observe(element)\n\n    // Store cleanup function\n    this.addCleanup(() => {\n      observer.disconnect()\n    })\n  }\n\n  private setupTask(_context: ModifierContext, task: LifecycleModifierProps['task']): void {\n    if (!task) return\n\n    // Create abort controller for task cancellation\n    this.activeAbortController = new AbortController()\n    const { signal } = this.activeAbortController\n\n    // Execute the task operation\n    const executeTask = async () => {\n      try {\n        if (signal.aborted) return\n\n        const result = task.operation()\n\n        // Handle both sync and async operations\n        if (result instanceof Promise) {\n          await result\n        }\n      } catch (error) {\n        if (signal.aborted) return\n        console.error('TachUI Task Error:', error)\n      }\n    }\n\n    // Start task execution\n    executeTask()\n\n    // Add cleanup to cancel task on component unmount\n    this.addCleanup(() => {\n      if (this.activeAbortController) {\n        this.activeAbortController.abort()\n      }\n    })\n  }\n\n  private setupRefreshable(\n    element: Element,\n    refreshable: LifecycleModifierProps['refreshable']\n  ): void {\n    if (!refreshable) return\n\n    let isRefreshing = false\n    let pullDistance = 0\n    let startY = 0\n\n    const threshold = 70 // Pull threshold in pixels\n\n    // Create refresh indicator element\n    const refreshIndicator = document.createElement('div')\n    refreshIndicator.style.cssText = `\n      position: absolute;\n      top: -50px;\n      left: 50%;\n      transform: translateX(-50%);\n      width: 30px;\n      height: 30px;\n      border: 2px solid #ccc;\n      border-top: 2px solid #007AFF;\n      border-radius: 50%;\n      animation: tachui-spin 1s linear infinite;\n      opacity: 0;\n      transition: opacity 0.3s ease;\n      z-index: 1000;\n    `\n\n    // Add spinner animation\n    if (!document.querySelector('#tachui-refresh-styles')) {\n      const style = document.createElement('style')\n      style.id = 'tachui-refresh-styles'\n      style.textContent = `\n        @keyframes tachui-spin {\n          0% { transform: translateX(-50%) rotate(0deg); }\n          100% { transform: translateX(-50%) rotate(360deg); }\n        }\n      `\n      document.head.appendChild(style)\n    }\n\n    const container = element.parentElement || element\n    if (container instanceof HTMLElement) {\n      container.style.position = 'relative'\n      container.appendChild(refreshIndicator)\n    }\n\n    // Touch event handlers\n    const handleTouchStart = (e: TouchEvent) => {\n      if (isRefreshing) return\n      startY = e.touches[0].clientY\n    }\n\n    const handleTouchMove = (e: TouchEvent) => {\n      if (isRefreshing) return\n\n      const currentY = e.touches[0].clientY\n      pullDistance = Math.max(0, currentY - startY)\n\n      if (pullDistance > 20) {\n        e.preventDefault() // Prevent default scrolling\n\n        const progress = Math.min(pullDistance / threshold, 1)\n        refreshIndicator.style.opacity = String(progress * 0.8)\n        refreshIndicator.style.top = `${-50 + progress * 20}px`\n      }\n    }\n\n    const handleTouchEnd = async () => {\n      if (isRefreshing || pullDistance < threshold) {\n        // Reset if threshold not met\n        refreshIndicator.style.opacity = '0'\n        refreshIndicator.style.top = '-50px'\n        pullDistance = 0\n        return\n      }\n\n      // Trigger refresh\n      isRefreshing = true\n      refreshIndicator.style.opacity = '1'\n      refreshIndicator.style.top = '10px'\n\n      try {\n        await refreshable.onRefresh()\n      } catch (error) {\n        console.error('TachUI Refresh Error:', error)\n      } finally {\n        isRefreshing = false\n        refreshIndicator.style.opacity = '0'\n        refreshIndicator.style.top = '-50px'\n        pullDistance = 0\n      }\n    }\n\n    // Add event listeners with proper typing\n    element.addEventListener('touchstart', handleTouchStart as EventListener, { passive: false })\n    element.addEventListener('touchmove', handleTouchMove as EventListener, { passive: false })\n    element.addEventListener('touchend', handleTouchEnd as EventListener)\n\n    // Cleanup\n    this.addCleanup(() => {\n      element.removeEventListener('touchstart', handleTouchStart as EventListener)\n      element.removeEventListener('touchmove', handleTouchMove as EventListener)\n      element.removeEventListener('touchend', handleTouchEnd as EventListener)\n\n      if (refreshIndicator.parentElement) {\n        refreshIndicator.parentElement.removeChild(refreshIndicator)\n      }\n    })\n  }\n\n  private addCleanup(cleanup: () => void): void {\n    // Store cleanup functions for proper disposal\n    if (!(this.properties as any)._cleanupFunctions) {\n      ;(this.properties as any)._cleanupFunctions = []\n    }\n    ;(this.properties as any)._cleanupFunctions.push(cleanup)\n  }\n}\n\n/**\n * Resizable modifier for making images resizable\n * In SwiftUI, .resizable() allows images to be scaled to fit their container\n */\nexport class ResizableModifier extends BaseModifier {\n  readonly type = 'resizable'\n  readonly priority = ModifierPriority.APPEARANCE\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    // For images, resizable means they can be scaled to fit their container\n    // This is typically achieved with object-fit: fill in CSS\n    if (context.element instanceof HTMLImageElement) {\n      context.element.style.objectFit = 'fill'\n    }\n\n    return undefined\n  }\n}\n"],"names":["BaseModifier","properties","props","context","resolved","key","value","isSignal","isComputed","element","property","cssProperty","createEffect","currentValue","cssValue","actualValue","styles","styleTarget","classes","componentId","modifiers","LayoutModifier","__publicField","ModifierPriority","node","styleContext","offset","x","y","currentX","currentY","offsetX","offsetY","translateValue","existingTransforms","t","newTransform","aspectRatio","ratio","contentMode","currentRatio","scaleEffect","anchor","scaleX","scaleY","scaleValue","position","zIndex","currentZIndex","_context","frame","infinityResult","shouldExpandForInfinity","dimensionToCSS","isInfinity","p","m","priority","horizontal","vertical","AppearanceModifier","themeSignal","getThemeSignal","resolvedColor","font","border","shadow","radius","color","shape","parameters","radiusX","radiusY","inset","points","filters","InteractionModifier","_node","event","target","options","minimumDuration","maximumDistance","timeoutId","startPoint","isPressing","cleanup","handlePointerDown","pointerEvent","handlePointerMove","handlePointerUp","handlePointerCancel","shortcut","handleKeyDown","requiredModifiers","actualModifiers","keyMatches","modifiersMatch","mod","required","focused","htmlElement","coordinateSpace","handleMouseMove","mouseEvent","rect","handleMouseLeave","enabled","AnimationModifier","duration","easing","delay","anim","keyframeName","keyframeRule","iterations","direction","transformValue","angle","transformOrigin","rotationTransform","currentRotation","overlay","content","alignment","overlayContainer","alignmentStyles","contentComponent","contentNode","alignments","name","keyframes","rule","percentage","stylesheet","LifecycleModifier","observer","entries","entry","task","signal","result","error","refreshable","isRefreshing","pullDistance","startY","threshold","refreshIndicator","style","container","handleTouchStart","e","handleTouchMove","progress","handleTouchEnd","ResizableModifier"],"mappings":"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"}

package/dist/modifiers/base.d.ts

@@ -0,0 +1,156 @@
+/**
+ * Base Modifier System Implementation
+ *
+ * Core modifier classes and utilities for the SwiftUI-inspired modifier system.
+ */
+import type { DOMNode } from '../runtime/types';
+import type { CSSStyleProperties, Modifier, ModifierContext, ReactiveModifierProps, StyleComputationContext } from './types';
+import { ModifierPriority } from './types';
+/**
+ * Abstract base modifier class
+ */
+export declare abstract class BaseModifier<TProps = {}> implements Modifier<TProps> {
+    readonly properties: TProps;
+    abstract readonly type: string;
+    abstract readonly priority: number;
+    constructor(properties: TProps);
+    /**
+     * Apply the modifier to a DOM node
+     */
+    abstract apply(node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    /**
+     * Helper to resolve reactive properties
+     */
+    protected resolveReactiveProps<T extends Record<string, any>>(props: ReactiveModifierProps<T>, context: StyleComputationContext): T;
+    /**
+     * Apply a single style change to an element with reactive support
+     */
+    protected applyStyleChange(element: Element, property: string, value: any): void;
+    /**
+     * Convert camelCase property to CSS kebab-case
+     */
+    protected toCSSProperty(property: string): string;
+    /**
+     * Convert value to CSS value string
+     */
+    protected toCSSValue(value: any): string;
+    /**
+     * Convert value to CSS value string with property-specific handling
+     */
+    protected toCSSValueForProperty(property: string, value: any): string;
+    /**
+     * Apply multiple CSS properties to an element with reactive support
+     */
+    protected applyStyles(element: Element, styles: CSSStyleProperties): void;
+    /**
+     * Add CSS classes to an element
+     */
+    protected addClasses(element: Element, classes: string[]): void;
+    /**
+     * Remove CSS classes from an element
+     */
+    protected removeClasses(element: Element, classes: string[]): void;
+    /**
+     * Create a style computation context
+     */
+    protected createStyleContext(componentId: string, element: Element, modifiers: Modifier[]): StyleComputationContext;
+}
+/**
+ * Layout modifier for frame, padding, margin
+ */
+export declare class LayoutModifier extends BaseModifier {
+    readonly type = "layout";
+    readonly priority = ModifierPriority.LAYOUT;
+    apply(node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private applyOffsetTransform;
+    private applyAspectRatio;
+    private applyScaleTransform;
+    private applyAbsolutePosition;
+    private applyZIndex;
+    private getTransformOrigin;
+    private computeLayoutStyles;
+}
+/**
+ * Appearance modifier for colors, fonts, borders, shadows
+ */
+export declare class AppearanceModifier extends BaseModifier {
+    readonly type = "appearance";
+    readonly priority = ModifierPriority.APPEARANCE;
+    apply(node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    /**
+     * Apply Asset-based styles with theme reactivity
+     */
+    private applyAssetBasedStyles;
+    /**
+     * Check if a value is an Asset object (including Asset proxies)
+     */
+    private isAsset;
+    private computeAppearanceStyles;
+}
+/**
+ * Interaction modifier for events and accessibility
+ */
+export declare class InteractionModifier extends BaseModifier {
+    readonly type = "interaction";
+    readonly priority = ModifierPriority.INTERACTION;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    /**
+     * Setup long press gesture with timing and distance constraints
+     */
+    private setupLongPressGesture;
+    /**
+     * Setup keyboard shortcut handling
+     */
+    private setupKeyboardShortcut;
+    /**
+     * Setup focus management with reactive binding
+     */
+    private setupFocusManagement;
+    /**
+     * Setup focusable behavior
+     */
+    private setupFocusable;
+    /**
+     * Setup continuous hover tracking with coordinates
+     */
+    private setupContinuousHover;
+    /**
+     * Setup hit testing control
+     */
+    private setupHitTesting;
+}
+/**
+ * Animation modifier for transitions and animations
+ */
+export declare class AnimationModifier extends BaseModifier {
+    readonly type = "animation";
+    readonly priority = ModifierPriority.ANIMATION;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private applyOverlay;
+    private getOverlayAlignment;
+    private createKeyframeRule;
+    private addKeyframesToStylesheet;
+}
+/**
+ * Lifecycle modifier for component lifecycle events
+ */
+export declare class LifecycleModifier extends BaseModifier {
+    readonly type = "lifecycle";
+    readonly priority = ModifierPriority.CUSTOM;
+    private activeAbortController?;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private setupLifecycleObserver;
+    private setupTask;
+    private setupRefreshable;
+    private addCleanup;
+}
+/**
+ * Resizable modifier for making images resizable
+ * In SwiftUI, .resizable() allows images to be scaled to fit their container
+ */
+export declare class ResizableModifier extends BaseModifier {
+    readonly type = "resizable";
+    readonly priority = ModifierPriority.APPEARANCE;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+}
+//# sourceMappingURL=base.d.ts.map

package/dist/modifiers/base.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"base.d.ts","sourceRoot":"","sources":["../../src/modifiers/base.ts"],"names":[],"mappings":"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"}