@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

package/dist/modifiers/border.js

@@ -1,160 +0,0 @@
-import { createComputed as s } from "../reactive/computed.js";
-import { BaseModifier as a } from "./base.js";
-var m = Object.defineProperty, h = (o, t, e) => t in o ? m(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, u = (o, t, e) => h(o, typeof t != "symbol" ? t + "" : t, e);
-class f extends a {
-  // Priority 40 for borders
-  constructor(t) {
-    const e = {};
-    for (const [r, i] of Object.entries(t))
-      typeof i == "function" && "peek" in i ? e[r] = i.peek() : e[r] = i;
-    super(e), u(this, "type", "border"), u(this, "priority", 40);
-  }
-  apply(t, e) {
-    if (!e.element) return;
-    const r = this.computeBorderStyles(this.properties);
-    this.applyStyles(e.element, r);
-  }
-  computeBorderStyles(t) {
-    const e = {}, r = (l) => typeof l == "function" ? s(() => `${l()}px`) : typeof l == "number" ? `${l}px` : l, i = (l) => typeof l == "function" ? s(() => {
-      const b = l();
-      return this.resolveColorValue(b);
-    }) : this.resolveColorValue(l), n = this.resolveBorderSides(t);
-    if (!(n.top || n.right || n.bottom || n.left || t.all) && (t.width !== void 0 || t.color !== void 0 || t.style !== void 0) && (t.width !== void 0 && (e.borderWidth = r(t.width)), t.color !== void 0 && (e.borderColor = i(t.color)), t.style !== void 0 && (e.borderStyle = t.style)), t.all !== void 0 && (t.all.width !== void 0 && (e.borderWidth = r(t.all.width)), t.all.color !== void 0 && (e.borderColor = i(t.all.color)), t.all.style !== void 0 && (e.borderStyle = t.all.style)), n.top !== void 0 && this.applySideBorder(e, n.top, "Top", r, i), n.right !== void 0 && this.applySideBorder(e, n.right, "Right", r, i), n.bottom !== void 0 && this.applySideBorder(e, n.bottom, "Bottom", r, i), n.left !== void 0 && this.applySideBorder(e, n.left, "Left", r, i), t.image !== void 0 && (typeof t.image == "function" ? e.borderImage = s(() => t.image()) : e.borderImage = t.image), t.radius !== void 0) {
-      const l = typeof t.radius == "function" ? t.radius() : t.radius;
-      Object.assign(e, this.generateCornerRadiusStyles(l));
-    }
-    return e;
-  }
-  resolveBorderSides(t) {
-    return {
-      top: t.top || t.vertical,
-      right: t.right || t.trailing || t.horizontal,
-      bottom: t.bottom || t.vertical,
-      left: t.left || t.leading || t.horizontal
-    };
-  }
-  applySideBorder(t, e, r, i, n) {
-    e.width !== void 0 && (t[`border${r}Width`] = i(e.width)), e.color !== void 0 && (t[`border${r}Color`] = n(e.color)), e.style !== void 0 && (t[`border${r}Style`] = e.style);
-  }
-  resolveColorValue(t) {
-    return typeof t == "object" && t !== null && "resolve" in t ? t.resolve() : typeof t == "object" && t !== null && "value" in t ? t.value : typeof t == "object" && t !== null && typeof t.toString == "function" ? t.toString() : String(t);
-  }
-  generateCornerRadiusStyles(t) {
-    const e = {};
-    if (typeof t == "number" || typeof t == "string")
-      return e.borderRadius = typeof t == "number" ? `${t}px` : t, e;
-    const r = {
-      topLeft: t.topLeft ?? t.topLeading ?? t.top ?? t.left,
-      topRight: t.topRight ?? t.topTrailing ?? t.top ?? t.right,
-      bottomLeft: t.bottomLeft ?? t.bottomLeading ?? t.bottom ?? t.left,
-      bottomRight: t.bottomRight ?? t.bottomTrailing ?? t.bottom ?? t.right
-    };
-    return Object.entries(r).forEach(([i, n]) => {
-      if (n !== void 0) {
-        const d = this.cornerToCSSProperty(i);
-        e[d] = typeof n == "number" ? `${n}px` : n;
-      }
-    }), e;
-  }
-  cornerToCSSProperty(t) {
-    return {
-      topLeft: "borderTopLeftRadius",
-      topRight: "borderTopRightRadius",
-      bottomLeft: "borderBottomLeftRadius",
-      bottomRight: "borderBottomRightRadius"
-    }[t];
-  }
-}
-function p(o, t, e) {
-  return typeof o == "number" || typeof o == "string" || typeof o == "function" ? new f({
-    width: o,
-    color: t || "currentColor",
-    style: e || "solid"
-  }) : new f(o);
-}
-function v(o, t, e) {
-  return new f({ top: { width: o, color: t, style: e } });
-}
-function R(o, t, e) {
-  return new f({ right: { width: o, color: t, style: e } });
-}
-function S(o, t, e) {
-  return new f({ bottom: { width: o, color: t, style: e } });
-}
-function C(o, t, e) {
-  return new f({ left: { width: o, color: t, style: e } });
-}
-function L(o, t, e) {
-  return new f({ leading: { width: o, color: t, style: e } });
-}
-function B(o, t, e) {
-  return new f({ trailing: { width: o, color: t, style: e } });
-}
-function w(o, t, e) {
-  return new f({ horizontal: { width: o, color: t, style: e } });
-}
-function T(o, t, e) {
-  return new f({ vertical: { width: o, color: t, style: e } });
-}
-class y extends a {
-  constructor(t) {
-    const e = { radius: 0 };
-    for (const [r, i] of Object.entries(t))
-      typeof i == "function" && "peek" in i ? e[r] = i.peek() : e[r] = i;
-    super(e), u(this, "type", "cornerRadius"), u(this, "priority", 35);
-  }
-  apply(t, e) {
-    if (!e.element) return;
-    const r = this.computeCornerRadiusStyles(this.properties.radius);
-    this.applyStyles(e.element, r);
-  }
-  computeCornerRadiusStyles(t) {
-    return typeof t == "number" || typeof t == "string" ? { borderRadius: this.formatRadius(t) } : this.generateCornerRadiusCSS(t);
-  }
-  generateCornerRadiusCSS(t) {
-    const e = this.resolveCornerValues(t), r = {};
-    return Object.entries(e).forEach(([i, n]) => {
-      if (n !== void 0) {
-        const d = this.cornerToCSSProperty(i);
-        r[d] = this.formatRadius(n);
-      }
-    }), r;
-  }
-  cornerToCSSProperty(t) {
-    return {
-      topLeft: "borderTopLeftRadius",
-      topRight: "borderTopRightRadius",
-      bottomLeft: "borderBottomLeftRadius",
-      bottomRight: "borderBottomRightRadius"
-    }[t];
-  }
-  resolveCornerValues(t) {
-    return {
-      topLeft: t.topLeft ?? t.topLeading ?? t.top ?? t.left,
-      topRight: t.topRight ?? t.topTrailing ?? t.top ?? t.right,
-      bottomLeft: t.bottomLeft ?? t.bottomLeading ?? t.bottom ?? t.left,
-      bottomRight: t.bottomRight ?? t.bottomTrailing ?? t.bottom ?? t.right
-    };
-  }
-  formatRadius(t) {
-    return typeof t == "number" ? `${t}px` : t;
-  }
-}
-function P(o) {
-  return new y({ radius: o });
-}
-export {
-  f as BorderModifier,
-  y as CornerRadiusModifier,
-  p as border,
-  S as borderBottom,
-  w as borderHorizontal,
-  L as borderLeading,
-  C as borderLeft,
-  R as borderRight,
-  v as borderTop,
-  B as borderTrailing,
-  T as borderVertical,
-  P as cornerRadius
-};
-//# sourceMappingURL=border.js.map

package/dist/modifiers/border.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"border.js","sources":["../../src/modifiers/border.ts"],"sourcesContent":["/**\n * Border Modifier - comprehensive border styling\n *\n * Provides a unified interface for border properties\n * with support for directional borders and shorthand.\n */\n\nimport { createComputed } from '../reactive/computed'\nimport type { Signal } from '../reactive/types'\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps, ColorValue } from './types'\n// Corner radius types (extracted from enhanced.ts)\nexport type CornerRadiusValue = number | string\n\nexport interface CornerRadiusConfig {\n  // Individual corners (CSS terminology)\n  topLeft?: CornerRadiusValue\n  topRight?: CornerRadiusValue\n  bottomLeft?: CornerRadiusValue\n  bottomRight?: CornerRadiusValue\n  \n  // SwiftUI terminology (aliases)\n  topLeading?: CornerRadiusValue\n  topTrailing?: CornerRadiusValue\n  bottomLeading?: CornerRadiusValue\n  bottomTrailing?: CornerRadiusValue\n  \n  // Shorthand properties\n  top?: CornerRadiusValue     // topLeft and topRight\n  bottom?: CornerRadiusValue  // bottomLeft and bottomRight\n  left?: CornerRadiusValue    // topLeft and bottomLeft\n  right?: CornerRadiusValue   // topRight and bottomRight\n}\n\nexport interface BorderSide {\n  width?: number | string | Signal<number>\n  color?: ColorValue\n  style?: BorderStyle\n}\n\nexport interface BorderOptions {\n  // Individual sides (CSS terminology)\n  top?: BorderSide\n  right?: BorderSide\n  bottom?: BorderSide\n  left?: BorderSide\n  all?: BorderSide\n  \n  // SwiftUI terminology (aliases)\n  leading?: BorderSide\n  trailing?: BorderSide\n  \n  // Shorthand properties\n  horizontal?: BorderSide  // left and right\n  vertical?: BorderSide    // top and bottom\n\n  // Convenience properties (applied to all sides if no specific sides are set)\n  width?: number | string | Signal<number>\n  color?: ColorValue\n  style?: BorderStyle\n  \n  // Advanced features\n  image?: string | Signal<string>           // CSS border-image\n  radius?: CornerRadiusConfig | Signal<CornerRadiusConfig>  // Integrated corner radius\n}\n\nexport type BorderStyle =\n  | 'none'\n  | 'solid'\n  | 'dashed'\n  | 'dotted'\n  | 'double'\n  | 'groove'\n  | 'ridge'\n  | 'inset'\n  | 'outset'\n\nexport type ReactiveBorderOptions = ReactiveModifierProps<BorderOptions>\n\n\nexport class BorderModifier extends BaseModifier<BorderOptions> {\n  readonly type = 'border'\n  readonly priority = 40 // Priority 40 for borders\n\n  constructor(options: ReactiveBorderOptions) {\n    // Convert reactive options to regular options for immediate use\n    const resolvedOptions: BorderOptions = {}\n    for (const [key, value] of Object.entries(options)) {\n      if (typeof value === 'function' && 'peek' in value) {\n        ;(resolvedOptions as any)[key] = (value as any).peek()\n      } else {\n        ;(resolvedOptions as any)[key] = value\n      }\n    }\n    super(resolvedOptions)\n  }\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const styles = this.computeBorderStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeBorderStyles(props: BorderOptions) {\n    const styles: Record<string, any> = {}\n\n    // Helper to format border width\n    const formatBorderWidth = (width: number | string | Signal<number>) => {\n      if (typeof width === 'function') {\n        // For Signal values, create a computed that returns the px value\n        return createComputed(() => `${width()}px`)\n      }\n      if (typeof width === 'number') {\n        return `${width}px`\n      }\n      return width\n    }\n\n    // Helper to resolve color value (including Assets)\n    const resolveColor = (color: ColorValue) => {\n      if (typeof color === 'function') {\n        // Handle Signal\n        return createComputed(() => {\n          const value = color()\n          return this.resolveColorValue(value)\n        })\n      }\n      return this.resolveColorValue(color)\n    }\n\n    // Resolve shorthand and SwiftUI terminology\n    const resolvedSides = this.resolveBorderSides(props)\n\n    // Apply convenience properties to all sides (if no specific sides are defined)\n    const hasSpecificSides = resolvedSides.top || resolvedSides.right || resolvedSides.bottom || resolvedSides.left || props.all\n    if (\n      !hasSpecificSides &&\n      (props.width !== undefined || props.color !== undefined || props.style !== undefined)\n    ) {\n      if (props.width !== undefined) styles.borderWidth = formatBorderWidth(props.width)\n      if (props.color !== undefined) styles.borderColor = resolveColor(props.color)\n      if (props.style !== undefined) styles.borderStyle = props.style\n    }\n\n    // Apply 'all' border (overrides convenience properties)\n    if (props.all !== undefined) {\n      if (props.all.width !== undefined) styles.borderWidth = formatBorderWidth(props.all.width)\n      if (props.all.color !== undefined) styles.borderColor = resolveColor(props.all.color)\n      if (props.all.style !== undefined) styles.borderStyle = props.all.style\n    }\n\n    // Apply specific sides (highest priority)\n    if (resolvedSides.top !== undefined) {\n      this.applySideBorder(styles, resolvedSides.top, 'Top', formatBorderWidth, resolveColor)\n    }\n    if (resolvedSides.right !== undefined) {\n      this.applySideBorder(styles, resolvedSides.right, 'Right', formatBorderWidth, resolveColor)\n    }\n    if (resolvedSides.bottom !== undefined) {\n      this.applySideBorder(styles, resolvedSides.bottom, 'Bottom', formatBorderWidth, resolveColor)\n    }\n    if (resolvedSides.left !== undefined) {\n      this.applySideBorder(styles, resolvedSides.left, 'Left', formatBorderWidth, resolveColor)\n    }\n\n    // Advanced features\n    if (props.image !== undefined) {\n      if (typeof props.image === 'function') {\n        styles.borderImage = createComputed(() => (props.image as Signal<string>)())\n      } else {\n        styles.borderImage = props.image\n      }\n    }\n\n    // Integrated corner radius\n    if (props.radius !== undefined) {\n      const radiusValue = typeof props.radius === 'function' ? (props.radius as Signal<CornerRadiusConfig>)() : props.radius\n      Object.assign(styles, this.generateCornerRadiusStyles(radiusValue))\n    }\n\n    return styles\n  }\n\n  private resolveBorderSides(props: BorderOptions) {\n    return {\n      top: props.top || props.vertical,\n      right: props.right || props.trailing || props.horizontal,\n      bottom: props.bottom || props.vertical,\n      left: props.left || props.leading || props.horizontal\n    }\n  }\n\n  private applySideBorder(\n    styles: Record<string, any>,\n    side: BorderSide,\n    sideName: string,\n    formatBorderWidth: (width: number | string | Signal<number>) => any,\n    resolveColor: (color: ColorValue) => any\n  ) {\n    if (side.width !== undefined) {\n      styles[`border${sideName}Width`] = formatBorderWidth(side.width)\n    }\n    if (side.color !== undefined) {\n      styles[`border${sideName}Color`] = resolveColor(side.color)\n    }\n    if (side.style !== undefined) {\n      styles[`border${sideName}Style`] = side.style\n    }\n  }\n\n  private resolveColorValue(color: string | any): string {\n    // Handle Asset objects with resolve method\n    if (typeof color === 'object' && color !== null && 'resolve' in color) {\n      return (color as any).resolve()\n    }\n    // Handle Asset objects with value property\n    if (typeof color === 'object' && color !== null && 'value' in color) {\n      return (color as any).value\n    }\n    // Handle ColorAssetProxy objects with toString method\n    if (typeof color === 'object' && color !== null && typeof color.toString === 'function') {\n      return color.toString()\n    }\n    // Handle string colors\n    return String(color)\n  }\n\n  private generateCornerRadiusStyles(radius: CornerRadiusConfig): Record<string, string> {\n    const styles: Record<string, string> = {}\n    \n    if (typeof radius === 'number' || typeof radius === 'string') {\n      styles.borderRadius = typeof radius === 'number' ? `${radius}px` : radius\n      return styles\n    }\n    \n    // Handle CornerRadiusConfig object\n    const corners = {\n      topLeft: radius.topLeft ?? radius.topLeading ?? radius.top ?? radius.left,\n      topRight: radius.topRight ?? radius.topTrailing ?? radius.top ?? radius.right,\n      bottomLeft: radius.bottomLeft ?? radius.bottomLeading ?? radius.bottom ?? radius.left,\n      bottomRight: radius.bottomRight ?? radius.bottomTrailing ?? radius.bottom ?? radius.right\n    }\n    \n    Object.entries(corners).forEach(([corner, value]) => {\n      if (value !== undefined) {\n        const cssProperty = this.cornerToCSSProperty(corner as keyof typeof corners)\n        styles[cssProperty] = typeof value === 'number' ? `${value}px` : value\n      }\n    })\n    \n    return styles\n  }\n\n  private cornerToCSSProperty(corner: 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'): string {\n    const map = {\n      topLeft: 'borderTopLeftRadius',\n      topRight: 'borderTopRightRadius',\n      bottomLeft: 'borderBottomLeftRadius',\n      bottomRight: 'borderBottomRightRadius'\n    }\n    return map[corner]\n  }\n}\n\n/**\n * Create a border modifier with flexible options and advanced features\n *\n * @example\n * ```typescript\n * // Simple border - all sides\n * .border({ width: 1, color: '#e0e0e0' })\n * .border(1, '#e0e0e0', 'solid')  // Shorthand\n *\n * // Specific sides\n * .border({\n *   top: { width: 2, color: '#007AFF' },\n *   bottom: { width: 1, color: '#ddd' }\n * })\n *\n * // SwiftUI terminology\n * .border({\n *   leading: { width: 2, color: '#007AFF' },\n *   trailing: { width: 1, color: '#ddd' }\n * })\n *\n * // Shorthand properties\n * .border({\n *   horizontal: { width: 2, color: '#007AFF' },\n *   vertical: { width: 1, color: '#ddd' }\n * })\n *\n * // Advanced features\n * .border({\n *   width: 1,\n *   color: '#007AFF',\n *   image: 'url(border-pattern.png)',\n *   radius: { topLeft: 8, topRight: 8 }\n * })\n *\n * // Reactive values with Signals\n * .border({\n *   width: () => isActive() ? 2 : 1,\n *   color: () => theme().borderColor,\n *   style: 'dashed'\n * })\n * ```\n */\nexport function border(options: ReactiveBorderOptions): BorderModifier\nexport function border(\n  width: number | string | Signal<number>,\n  color?: ColorValue,\n  style?: BorderStyle\n): BorderModifier\nexport function border(\n  optionsOrWidth: ReactiveBorderOptions | number | string | Signal<number>,\n  color?: ColorValue,\n  style?: BorderStyle\n): BorderModifier {\n  if (typeof optionsOrWidth === 'number' || typeof optionsOrWidth === 'string' || typeof optionsOrWidth === 'function') {\n    return new BorderModifier({ \n      width: optionsOrWidth, \n      color: color || 'currentColor', \n      style: style || 'solid'\n    })\n  }\n  return new BorderModifier(optionsOrWidth)\n}\n\n/**\n * Convenience function for top border only with enhanced support\n *\n * @example\n * ```typescript\n * .borderTop(1, '#e0e0e0')\n * .borderTop('2px', signalColor(), 'dashed')\n * .borderTop(() => isActive() ? 2 : 1, '#007AFF')\n * ```\n */\nexport function borderTop(\n  width: number | string | Signal<number>,\n  color: ColorValue,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ top: { width, color, style } })\n}\n\n/**\n * Convenience function for right border only with enhanced support\n *\n * @example\n * ```typescript\n * .borderRight(1, '#ddd')\n * .borderRight('1px', () => theme().borderColor, 'dotted')\n * ```\n */\nexport function borderRight(\n  width: number | string | Signal<number>,\n  color: ColorValue,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ right: { width, color, style } })\n}\n\n/**\n * Convenience function for bottom border only with enhanced support\n *\n * @example\n * ```typescript\n * .borderBottom(2, '#007AFF')\n * .borderBottom('1px', '#e0e0e0', 'solid')\n * .borderBottom(() => isHovered() ? 3 : 1, Assets.accent)\n * ```\n */\nexport function borderBottom(\n  width: number | string | Signal<number>,\n  color: ColorValue,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ bottom: { width, color, style } })\n}\n\n/**\n * Convenience function for left border only with enhanced support\n *\n * @example\n * ```typescript\n * .borderLeft(3, '#34C759')\n * .borderLeft('2px', () => statusColor(), 'dashed')\n * ```\n */\nexport function borderLeft(\n  width: number | string | Signal<number>,\n  color: ColorValue,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ left: { width, color, style } })\n}\n\n/**\n * SwiftUI-style leading border (LTR-aware)\n *\n * @example\n * ```typescript\n * .borderLeading(2, '#007AFF', 'solid')\n * ```\n */\nexport function borderLeading(\n  width: number | string | Signal<number>,\n  color: ColorValue,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ leading: { width, color, style } })\n}\n\n/**\n * SwiftUI-style trailing border (LTR-aware)\n *\n * @example\n * ```typescript\n * .borderTrailing(1, '#ddd', 'dotted')\n * ```\n */\nexport function borderTrailing(\n  width: number | string | Signal<number>,\n  color: ColorValue,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ trailing: { width, color, style } })\n}\n\n/**\n * Horizontal borders (left + right)\n *\n * @example\n * ```typescript\n * .borderHorizontal(1, '#e0e0e0')\n * ```\n */\nexport function borderHorizontal(\n  width: number | string | Signal<number>,\n  color: ColorValue,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ horizontal: { width, color, style } })\n}\n\n/**\n * Vertical borders (top + bottom)\n *\n * @example\n * ```typescript\n * .borderVertical(2, '#007AFF', 'dashed')\n * ```\n */\nexport function borderVertical(\n  width: number | string | Signal<number>,\n  color: ColorValue,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ vertical: { width, color, style } })\n}\n\n// ============================================================================\n// Corner Radius Functions (Moved from enhanced.ts)\n// ============================================================================\n\nexport interface CornerRadiusOptions {\n  radius: number | string | CornerRadiusConfig\n}\n\nexport type ReactiveCornerRadiusOptions = ReactiveModifierProps<CornerRadiusOptions>\n\nexport class CornerRadiusModifier extends BaseModifier<CornerRadiusOptions> {\n  readonly type = 'cornerRadius'\n  readonly priority = 35\n\n  constructor(options: ReactiveCornerRadiusOptions) {\n    const resolvedOptions: CornerRadiusOptions = { radius: 0 }\n    for (const [key, value] of Object.entries(options)) {\n      if (typeof value === 'function' && 'peek' in value) {\n        ;(resolvedOptions as any)[key] = (value as any).peek()\n      } else {\n        ;(resolvedOptions as any)[key] = value\n      }\n    }\n    super(resolvedOptions)\n  }\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const styles = this.computeCornerRadiusStyles(this.properties.radius)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeCornerRadiusStyles(radius: number | string | CornerRadiusConfig) {\n    if (typeof radius === 'number' || typeof radius === 'string') {\n      // Existing API - single value for all corners\n      return { borderRadius: this.formatRadius(radius) }\n    }\n    \n    // New object-based API\n    return this.generateCornerRadiusCSS(radius)\n  }\n\n  private generateCornerRadiusCSS(config: CornerRadiusConfig): Record<string, string> {\n    const corners = this.resolveCornerValues(config)\n    const styles: Record<string, string> = {}\n    \n    // Only apply styles for corners that have actual values\n    Object.entries(corners).forEach(([corner, value]) => {\n      if (value !== undefined) {\n        const cssProperty = this.cornerToCSSProperty(corner as keyof typeof corners)\n        styles[cssProperty] = this.formatRadius(value)\n      }\n    })\n    \n    return styles\n  }\n\n  private cornerToCSSProperty(corner: 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'): string {\n    const map = {\n      topLeft: 'borderTopLeftRadius',\n      topRight: 'borderTopRightRadius',\n      bottomLeft: 'borderBottomLeftRadius',\n      bottomRight: 'borderBottomRightRadius'\n    }\n    return map[corner]\n  }\n\n  private resolveCornerValues(config: CornerRadiusConfig) {\n    return {\n      topLeft: config.topLeft ?? config.topLeading ?? config.top ?? config.left,\n      topRight: config.topRight ?? config.topTrailing ?? config.top ?? config.right,\n      bottomLeft: config.bottomLeft ?? config.bottomLeading ?? config.bottom ?? config.left,\n      bottomRight: config.bottomRight ?? config.bottomTrailing ?? config.bottom ?? config.right\n    }\n  }\n\n  private formatRadius(value: CornerRadiusValue): string {\n    if (typeof value === 'number') {\n      return `${value}px`\n    }\n    return value\n  }\n}\n\n/**\n * Enhanced cornerRadius modifier with backward compatibility\n *\n * @example\n * ```typescript\n * .cornerRadius(8)                          // All corners\n * .cornerRadius('50%')                      // Circular/oval shape\n * .cornerRadius({ topLeft: 8, topRight: 8}) // Top corners only\n * .cornerRadius({ \n *   topLeading: 12, \n *   topTrailing: 12,\n *   bottomLeading: 4,\n *   bottomTrailing: 4\n * })\n * ```\n */\nexport function cornerRadius(value: number | string): CornerRadiusModifier\nexport function cornerRadius(config: CornerRadiusConfig): CornerRadiusModifier\nexport function cornerRadius(value: number | string | CornerRadiusConfig): CornerRadiusModifier {\n  return new CornerRadiusModifier({ radius: value })\n}\n"],"names":["BorderModifier","BaseModifier","options","resolvedOptions","key","value","__publicField","_node","context","styles","props","formatBorderWidth","width","createComputed","resolveColor","color","resolvedSides","radiusValue","side","sideName","radius","corners","corner","cssProperty","border","optionsOrWidth","style","borderTop","borderRight","borderBottom","borderLeft","borderLeading","borderTrailing","borderHorizontal","borderVertical","CornerRadiusModifier","config","cornerRadius"],"mappings":"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"}

package/dist/modifiers/builder.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./base.cjs"),A=require("./background.cjs"),M=require("./border.cjs"),I=require("./css.cjs"),m=require("./flexbox.cjs"),f=require("./margin.cjs"),u=require("./padding.cjs"),l=require("./size.cjs"),c=require("./responsive/responsive-builder.cjs"),B=require("./responsive/responsive-modifier.cjs"),L=require("./registry.cjs"),d=require("./typography.cjs"),g=require("./utility.cjs"),b=require("./attributes.cjs"),w=require("./text.cjs"),x=require("./backdrop.cjs"),T=require("./elements.cjs"),o=require("./filters.cjs"),v=require("./shadows.cjs"),y=require("./transformations.cjs"),n=require("./effects.cjs"),h=require("./transitions.cjs"),p=require("./scroll.cjs"),H=require("./as-html.cjs");var P=Object.defineProperty,S=(s,i,r)=>i in s?P(s,i,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[i]=r,q=(s,i,r)=>S(s,i+"",r);class C{constructor(i){this.component=i,q(this,"modifiers",[])}frame(i,r){let t;return typeof i=="object"?t=i:(t={},i!==void 0&&(t.width=i),r!==void 0&&(t.height=r)),this.modifiers.push(new e.LayoutModifier({frame:t})),this}margin(i){if(typeof i=="number"||typeof i=="string")this.modifiers.push(f.margin(i));else{const r=i;r.vertical!==void 0||r.horizontal!==void 0?this.modifiers.push(f.margin({vertical:r.vertical,horizontal:r.horizontal})):(r.top!==void 0||r.right!==void 0||r.bottom!==void 0||r.left!==void 0)&&this.modifiers.push(f.margin({top:r.top,right:r.right,bottom:r.bottom,left:r.left}))}return this}layoutPriority(i){return this.modifiers.push(new e.LayoutModifier({layoutPriority:i})),this}size(i){return this.modifiers.push(l.size(i)),this}width(i){return this.modifiers.push(l.width(i)),this}height(i){return this.modifiers.push(l.height(i)),this}maxWidth(i){return this.modifiers.push(l.maxWidth(i)),this}minWidth(i){return this.modifiers.push(l.minWidth(i)),this}maxHeight(i){return this.modifiers.push(l.maxHeight(i)),this}minHeight(i){return this.modifiers.push(l.minHeight(i)),this}marginTop(i){return this.modifiers.push(f.marginTop(i)),this}marginBottom(i){return this.modifiers.push(f.marginBottom(i)),this}marginHorizontal(i){return this.modifiers.push(f.marginHorizontal(i)),this}marginVertical(i){return this.modifiers.push(f.marginVertical(i)),this}marginLeft(i){return this.modifiers.push(f.marginLeft(i)),this}marginRight(i){return this.modifiers.push(f.marginRight(i)),this}padding(i){return typeof i=="number"?this.modifiers.push(u.padding(i)):this.modifiers.push(u.padding(i)),this}paddingTop(i){return this.modifiers.push(u.paddingTop(i)),this}paddingBottom(i){return this.modifiers.push(u.paddingBottom(i)),this}paddingLeft(i){return this.modifiers.push(u.paddingLeft(i)),this}paddingRight(i){return this.modifiers.push(u.paddingRight(i)),this}paddingLeading(i){return this.modifiers.push(u.paddingLeading(i)),this}paddingTrailing(i){return this.modifiers.push(u.paddingTrailing(i)),this}paddingHorizontal(i){return this.modifiers.push(u.paddingHorizontal(i)),this}paddingVertical(i){return this.modifiers.push(u.paddingVertical(i)),this}typography(i){return this.modifiers.push(d.typography(i)),this}textAlign(i){return this.modifiers.push(d.textAlign(i)),this}textTransform(i){return this.modifiers.push(d.textTransform(i)),this}letterSpacing(i){return this.modifiers.push(d.letterSpacing(i)),this}lineHeight(i){return this.modifiers.push(d.lineHeight(i)),this}textOverflow(i){return this.modifiers.push(d.textOverflow(i)),this}whiteSpace(i){return this.modifiers.push(d.whiteSpace(i)),this}overflow(i){return this.modifiers.push(d.overflow(i)),this}borderTop(i,r,t){return this.modifiers.push(M.borderTop(i,r,t)),this}borderRight(i,r,t){return this.modifiers.push(M.borderRight(i,r,t)),this}borderBottom(i,r,t){return this.modifiers.push(M.borderBottom(i,r,t)),this}borderLeft(i,r,t){return this.modifiers.push(M.borderLeft(i,r,t)),this}flexGrow(i){return this.modifiers.push(m.flexGrow(i)),this}flexShrink(i){return this.modifiers.push(m.flexShrink(i)),this}justifyContent(i){return this.modifiers.push(m.justifyContent(i)),this}alignItems(i){return this.modifiers.push(m.alignItems(i)),this}gap(i){return this.modifiers.push(m.gap(i)),this}flexDirection(i){return this.modifiers.push(m.flexDirection(i)),this}flexWrap(i){return this.modifiers.push(m.flexWrap(i)),this}cursor(i){return this.modifiers.push(g.cursor(i)),this}overflowY(i){return this.modifiers.push(g.overflowY(i)),this}overflowX(i){return this.modifiers.push(g.overflowX(i)),this}position(i){return this.modifiers.push(g.position(i)),this}zIndex(i){return this.modifiers.push(g.zIndex(i)),this}display(i){return this.modifiers.push(g.display(i)),this}css(i){return this.modifiers.push(I.css(i)),this}cssProperty(i,r){return this.modifiers.push(I.cssProperty(i,r)),this}cssVariable(i,r){return this.modifiers.push(I.cssVariable(i,r)),this}textCase(i){return this.modifiers.push(d.textTransform(i)),this}textDecoration(i){return this.modifiers.push(d.textDecoration(i)),this}offset(i,r){return this.modifiers.push(new e.LayoutModifier({offset:{x:i,y:r??0}})),this}clipped(){return this.modifiers.push(new e.AppearanceModifier({clipped:!0})),this}rotationEffect(i,r="center"){return this.modifiers.push(new e.AnimationModifier({rotationEffect:{angle:i,anchor:r}})),this}aspectRatio(i,r="fit"){return this.modifiers.push(new e.LayoutModifier({aspectRatio:{ratio:i,contentMode:r}})),this}fixedSize(i=!0,r=!0){return this.modifiers.push(new e.LayoutModifier({fixedSize:{horizontal:i,vertical:r}})),this}clipShape(i,r){return this.modifiers.push(new e.AppearanceModifier({clipShape:{shape:i,parameters:r||{}}})),this}overlay(i,r="center"){return this.modifiers.push(new e.AnimationModifier({overlay:{content:i,alignment:r}})),this}scaleEffect(i,r,t="center"){return this.modifiers.push(new e.LayoutModifier({scaleEffect:{x:i,y:r,anchor:t}})),this}absolutePosition(i,r){return this.modifiers.push(new e.LayoutModifier({position:{x:i,y:r}})),this}foregroundColor(i){return this.modifiers.push(new e.AppearanceModifier({foregroundColor:i})),this}backgroundColor(i){return this.modifiers.push(new e.AppearanceModifier({backgroundColor:i})),this}background(i){return this.modifiers.push(new A.BackgroundModifier({background:i})),this}font(i){let r;return typeof i=="object"?r=i:r=i!==void 0?{size:i}:{},this.modifiers.push(new e.AppearanceModifier({font:r})),this}fontWeight(i){return this.modifiers.push(new e.AppearanceModifier({font:{weight:i}})),this}fontSize(i){return this.modifiers.push(new e.AppearanceModifier({font:{size:i}})),this}fontFamily(i){return this.modifiers.push(new e.AppearanceModifier({font:{family:i}})),this}opacity(i){return this.modifiers.push(new e.AppearanceModifier({opacity:i})),this}cornerRadius(i){return this.modifiers.push(new e.AppearanceModifier({cornerRadius:i})),this}border(i,r){let t;return typeof i=="object"?t=i:t={style:"solid",...i!==void 0&&{width:i},...r!==void 0&&{color:r}},this.modifiers.push(new e.AppearanceModifier({border:t})),this}borderWidth(i){return this.modifiers.push(new e.AppearanceModifier({border:{width:i}})),this}shadow(i){return i&&typeof i=="object"&&"x"in i&&"y"in i&&"blur"in i?this.modifiers.push(v.shadow(i)):this.modifiers.push(new e.AppearanceModifier({shadow:i})),this}textShadow(i){return this.modifiers.push(v.textShadow(i)),this}shadows(i){return this.modifiers.push(v.shadows(i)),this}shadowPreset(i){return this.modifiers.push(v.shadowPreset(i)),this}blur(i){return this.modifiers.push(new e.AppearanceModifier({blur:i})),this}brightness(i){return this.modifiers.push(new e.AppearanceModifier({brightness:i})),this}contrast(i){return this.modifiers.push(new e.AppearanceModifier({contrast:i})),this}saturation(i){return this.modifiers.push(new e.AppearanceModifier({saturation:i})),this}hueRotation(i){return this.modifiers.push(new e.AppearanceModifier({hueRotation:i})),this}grayscale(i){return this.modifiers.push(new e.AppearanceModifier({grayscale:i})),this}colorInvert(i=1){return this.modifiers.push(new e.AppearanceModifier({colorInvert:i})),this}dropShadow(i){return this.modifiers.push(new o.FilterModifier({filter:{dropShadow:i}})),this}filter(i){return this.modifiers.push(o.filter(i)),this}saturate(i){return this.modifiers.push(o.saturate(i)),this}sepia(i){return this.modifiers.push(o.sepia(i)),this}hueRotate(i){return this.modifiers.push(o.hueRotate(i)),this}invert(i){return this.modifiers.push(o.invert(i)),this}vintagePhoto(i,r){return this.modifiers.push(o.vintagePhoto(i,r)),this}blackAndWhite(i){return this.modifiers.push(o.blackAndWhite(i)),this}vibrant(i,r){return this.modifiers.push(o.vibrant(i,r)),this}warmTone(i){return this.modifiers.push(o.warmTone(i)),this}coolTone(i){return this.modifiers.push(o.coolTone(i)),this}faded(i,r){return this.modifiers.push(o.faded(i,r)),this}highKey(i,r){return this.modifiers.push(o.highKey(i,r)),this}lowKey(i,r){return this.modifiers.push(o.lowKey(i,r)),this}softFocus(i){return this.modifiers.push(o.softFocus(i)),this}highContrastMode(){return this.modifiers.push(o.highContrastMode()),this}subtleBlur(){return this.modifiers.push(o.subtleBlur()),this}darkModeInvert(){return this.modifiers.push(o.darkModeInvert()),this}scale(i){return this.modifiers.push(y.scale(i)),this}rotate(i){return this.modifiers.push(y.rotate(i)),this}translate(i){return this.modifiers.push(y.translate(i)),this}perspective(i){return this.modifiers.push(y.perspective(i)),this}hover(i,r){return this.modifiers.push(n.hover(i,r)),this}hoverEffect(i,r){return this.modifiers.push(n.hoverEffect(i,r)),this}hoverWithTransition(i,r=200){return this.modifiers.push(n.hoverWithTransition(i,r)),this}conditionalHover(i,r){return this.modifiers.push(n.conditionalHover(i,r)),this}interactiveCursor(){return this.modifiers.push(n.interactiveCursor()),this}draggableCursor(){return this.modifiers.push(n.draggableCursor()),this}textCursor(){return this.modifiers.push(n.textCursor()),this}disabledCursor(){return this.modifiers.push(n.disabledCursor()),this}loadingCursor(){return this.modifiers.push(n.loadingCursor()),this}helpCursor(){return this.modifiers.push(n.helpCursor()),this}zoomCursor(i="in"){return this.modifiers.push(n.zoomCursor(i)),this}buttonHover(){return this.modifiers.push(n.buttonHover()),this}cardHover(){return this.modifiers.push(n.cardHover()),this}linkHover(){return this.modifiers.push(n.linkHover()),this}imageHover(){return this.modifiers.push(n.imageHover()),this}transition(i="all",r=300,t="ease",a=0){return this.modifiers.push(h.transition(i,r,t,a)),this}transitions(i){return this.modifiers.push(h.transitions(i)),this}fadeTransition(i=200){return this.modifiers.push(h.fadeTransition(i)),this}transformTransition(i=300){return this.modifiers.push(h.transformTransition(i)),this}colorTransition(i=150){return this.modifiers.push(h.colorTransition(i)),this}layoutTransition(i=250){return this.modifiers.push(h.layoutTransition(i)),this}buttonTransition(){return this.modifiers.push(h.buttonTransition()),this}cardTransition(){return this.modifiers.push(h.cardTransition()),this}modalTransition(){return this.modifiers.push(h.modalTransition()),this}smoothTransition(i=300){return this.modifiers.push(h.smoothTransition(i)),this}quickTransition(i=150){return this.modifiers.push(h.quickTransition(i)),this}slowTransition(i=500){return this.modifiers.push(h.slowTransition(i)),this}scroll(i){return this.modifiers.push(p.scroll(i)),this}scrollBehavior(i){return this.modifiers.push(p.scrollBehavior(i)),this}overscrollBehavior(i){return this.modifiers.push(p.overscrollBehavior(i)),this}overscrollBehaviorX(i){return this.modifiers.push(p.overscrollBehaviorX(i)),this}overscrollBehaviorY(i){return this.modifiers.push(p.overscrollBehaviorY(i)),this}scrollMargin(i){return this.modifiers.push(p.scrollMargin(i)),this}scrollPadding(i){return this.modifiers.push(p.scrollPadding(i)),this}scrollSnap(i,r,t){return this.modifiers.push(p.scrollSnap(i,r,t)),this}onTap(i){return this.modifiers.push(new e.InteractionModifier({onTap:i})),this}onHover(i){return this.modifiers.push(new e.InteractionModifier({onHover:i})),this}onMouseEnter(i){return this.modifiers.push(new e.InteractionModifier({onMouseEnter:i})),this}onMouseLeave(i){return this.modifiers.push(new e.InteractionModifier({onMouseLeave:i})),this}onMouseDown(i){return this.modifiers.push(new e.InteractionModifier({onMouseDown:i})),this}onMouseUp(i){return this.modifiers.push(new e.InteractionModifier({onMouseUp:i})),this}onDragStart(i){return this.modifiers.push(new e.InteractionModifier({onDragStart:i})),this}onDragOver(i){return this.modifiers.push(new e.InteractionModifier({onDragOver:i})),this}onDragLeave(i){return this.modifiers.push(new e.InteractionModifier({onDragLeave:i})),this}onDrop(i){return this.modifiers.push(new e.InteractionModifier({onDrop:i})),this}onDoubleClick(i){return this.modifiers.push(new e.InteractionModifier({onDoubleClick:i})),this}onContextMenu(i){return this.modifiers.push(new e.InteractionModifier({onContextMenu:i})),this}onFocus(i){return this.modifiers.push(new e.InteractionModifier({onFocus:i})),this}onBlur(i){return this.modifiers.push(new e.InteractionModifier({onBlur:i})),this}onKeyPress(i){return this.modifiers.push(new e.InteractionModifier({onKeyPress:i})),this}onKeyDown(i){return this.modifiers.push(new e.InteractionModifier({onKeyDown:i})),this}onKeyUp(i){return this.modifiers.push(new e.InteractionModifier({onKeyUp:i})),this}onScroll(i){return this.modifiers.push(new e.InteractionModifier({onScroll:i})),this}onWheel(i){return this.modifiers.push(new e.InteractionModifier({onWheel:i})),this}onInput(i){return this.modifiers.push(new e.InteractionModifier({onInput:i})),this}onChange(i){return this.modifiers.push(new e.InteractionModifier({onChange:i})),this}onCopy(i){return this.modifiers.push(new e.InteractionModifier({onCopy:i})),this}onCut(i){return this.modifiers.push(new e.InteractionModifier({onCut:i})),this}onPaste(i){return this.modifiers.push(new e.InteractionModifier({onPaste:i})),this}onSelect(i){return this.modifiers.push(new e.InteractionModifier({onSelect:i})),this}id(i){return this.modifiers.push(new b.IdModifier({id:i})),this}data(i){return this.modifiers.push(new b.DataModifier({data:i})),this}aria(i){return this.modifiers.push(new b.AriaModifier({aria:i})),this}tabIndex(i){return this.modifiers.push(new b.TabIndexModifier({tabIndex:i})),this}lineClamp(i){return this.modifiers.push(new w.LineClampModifier({lines:i})),this}wordBreak(i){return this.modifiers.push(new w.WordBreakModifier({wordBreak:i})),this}overflowWrap(i){return this.modifiers.push(new w.OverflowWrapModifier({overflowWrap:i})),this}hyphens(i){return this.modifiers.push(new w.HyphensModifier({hyphens:i})),this}gradientText(i){return this.modifiers.push(new w.BackgroundClipModifier({backgroundImage:i,backgroundClip:"text",color:"transparent",webkitBackgroundClip:"text",webkitTextFillColor:"transparent"})),this}backdropFilter(i,r){return this.modifiers.push(new x.BackdropFilterModifier({backdropFilter:i,...r&&{fallbackColor:r}})),this}glassmorphism(i="medium",r){const a={subtle:{config:{blur:3,saturate:1.05,brightness:1.05},fallbackColor:"rgba(255, 255, 255, 0.05)"},light:{config:{blur:8,saturate:1.15,brightness:1.1},fallbackColor:"rgba(255, 255, 255, 0.1)"},medium:{config:{blur:16,saturate:1.3,brightness:1.15},fallbackColor:"rgba(255, 255, 255, 0.15)"},heavy:{config:{blur:24,saturate:1.5,brightness:1.2},fallbackColor:"rgba(255, 255, 255, 0.2)"}}[i];return this.modifiers.push(new x.BackdropFilterModifier({backdropFilter:a.config,fallbackColor:r||a.fallbackColor})),this}before(i){return this.modifiers.push(T.before(i)),this}after(i){return this.modifiers.push(T.after(i)),this}disabled(i=!0){return this.modifiers.push(new e.InteractionModifier({disabled:i})),this}draggable(i=!0){return this.modifiers.push(new e.InteractionModifier({draggable:i})),this}setAttribute(i,r){return this.modifiers.push({type:"attribute",priority:50,properties:{name:i,value:r},apply:(t,a)=>{a.element&&a.element.setAttribute(i,r)}}),this}accessibilityLabel(i){return this.modifiers.push(new e.InteractionModifier({accessibilityLabel:i})),this}onLongPressGesture(i){return this.modifiers.push(new e.InteractionModifier({onLongPressGesture:i})),this}keyboardShortcut(i,r,t){return this.modifiers.push(new e.InteractionModifier({keyboardShortcut:{key:i,modifiers:r,action:t}})),this}focused(i){return this.modifiers.push(new e.InteractionModifier({focused:i})),this}focusable(i=!0,r){return this.modifiers.push(new e.InteractionModifier({focusable:{isFocusable:i,interactions:r}})),this}onContinuousHover(i,r){return this.modifiers.push(new e.InteractionModifier({onContinuousHover:{coordinateSpace:i,perform:r}})),this}highPriorityGesture(i,r){return this.modifiers.push(new e.InteractionModifier({highPriorityGesture:{gesture:i,including:r}})),this}simultaneousGesture(i,r){return this.modifiers.push(new e.InteractionModifier({simultaneousGesture:{gesture:i,including:r}})),this}allowsHitTesting(i){return this.modifiers.push(new e.InteractionModifier({allowsHitTesting:i})),this}transform(i){return this.modifiers.push(new e.AnimationModifier({transform:i})),this}animation(i){return this.modifiers.push(new e.AnimationModifier({animation:i})),this}onAppear(i){return this.modifiers.push(new e.LifecycleModifier({onAppear:i})),this}onDisappear(i){return this.modifiers.push(new e.LifecycleModifier({onDisappear:i})),this}task(i,r){return this.modifiers.push(new e.LifecycleModifier({task:{operation:i,id:r?.id,priority:r?.priority||"default"}})),this}refreshable(i,r){return this.modifiers.push(new e.LifecycleModifier({refreshable:{onRefresh:i,isRefreshing:r}})),this}modifier(i){return this.modifiers.push(i),this}resizable(){return this.modifiers.push(new e.ResizableModifier({})),this}addModifier(i){if(this.modifiers.push(i),"modifiers"in this.component&&Array.isArray(this.component.modifiers)){const r=this.component;r.modifiers=[...r.modifiers,i]}}responsive(i){if(i){const r=B.createResponsiveModifier(i);return this.modifiers.push(r),this}else return new c.ResponsiveModifierBuilderImpl(this)}get base(){return new c.ResponsiveModifierBuilderImpl(this).base}get sm(){return new c.ResponsiveModifierBuilderImpl(this).sm}get md(){return new c.ResponsiveModifierBuilderImpl(this).md}get lg(){return new c.ResponsiveModifierBuilderImpl(this).lg}get xl(){return new c.ResponsiveModifierBuilderImpl(this).xl}get"2xl"(){return new c.ResponsiveModifierBuilderImpl(this)["2xl"]}asHTML(i){const r=H.asHTML(i);return this.modifiers.push(r),this}build(){if("modifiers"in this.component){const i=this.component,r=this.modifiers.filter(t=>!i.modifiers.some(a=>a===t));return i.modifiers=[...i.modifiers,...r],this.component}else return L.createModifiableComponent(this.component,this.modifiers)}}function k(s){return new C(s)}function R(s,i){return{...s,modifiers:i,modifierBuilder:k(s)}}const z={paddingAll(s){return new e.LayoutModifier({padding:s})},paddingSymmetric(s,i){return new e.LayoutModifier({padding:{left:s,right:s,top:i,bottom:i}})},marginAll(s){return new e.LayoutModifier({margin:s})},fontPreset(s){const i={title:{size:32,weight:"bold"},heading:{size:24,weight:"600"},body:{size:16,weight:"normal"},caption:{size:12,weight:"normal"}};return new e.AppearanceModifier({font:i[s]})},shadowPreset(s){const i={small:{x:0,y:1,radius:3,color:"rgba(0,0,0,0.12)"},medium:{x:0,y:4,radius:6,color:"rgba(0,0,0,0.15)"},large:{x:0,y:10,radius:25,color:"rgba(0,0,0,0.15)"}};return new e.AppearanceModifier({shadow:i[s]})},transitionPreset(s){const i={fast:{duration:150,easing:"ease-out"},normal:{duration:300,easing:"ease"},slow:{duration:500,easing:"ease-in-out"}};return new e.AnimationModifier({transition:i[s]})}};exports.ModifierBuilderImpl=C;exports.applyModifiers=R;exports.createModifierBuilder=k;exports.modifierUtils=z;
-//# sourceMappingURL=builder.cjs.map

package/dist/modifiers/builder.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"builder.cjs","sources":["../../src/modifiers/builder.ts"],"sourcesContent":["/**\n * Modifier Builder Implementation\n *\n * Provides a fluent API for chaining modifiers on components,\n * similar to SwiftUI's modifier system.\n */\n\nimport type { Signal } from '../reactive/types'\nimport type { ComponentInstance, ComponentProps } from '../runtime/types'\nimport type { StatefulBackgroundValue } from '../gradients/types'\nimport type { ColorValue, TextShadowConfig } from './types'\nimport type { FontAsset } from '../assets/FontAsset'\nimport {\n  AnimationModifier,\n  AppearanceModifier,\n  InteractionModifier,\n  LayoutModifier,\n  LifecycleModifier,\n  ResizableModifier,\n} from './base'\nimport { BackgroundModifier } from './background'\nimport type { BorderStyle } from './border'\nimport { borderBottom, borderLeft, borderRight, borderTop } from './border'\nimport { css, cssProperty, cssVariable } from './css'\nimport { alignItems, flexDirection, flexGrow, flexShrink, flexWrap, gap, justifyContent } from './flexbox'\nimport { margin, marginBottom, marginHorizontal, marginLeft, marginRight, marginTop, marginVertical } from './margin'\nimport {\n  padding,\n  paddingBottom,\n  paddingHorizontal,\n  paddingLeading,\n  paddingLeft,\n  paddingRight,\n  paddingTop,\n  paddingTrailing,\n  paddingVertical,\n} from './padding'\n// Import new multi-property modifiers\nimport { height, maxHeight, maxWidth, minHeight, minWidth, size, width } from './size'\nimport type {\n  AnimationModifierProps,\n  AppearanceModifierProps,\n  LayoutModifierProps,\n  ModifiableComponent,\n  Modifier,\n  ModifierBuilder,\n} from './types'\nimport type { ResponsiveModifierBuilder, ResponsiveBreakpointBuilder } from './responsive/responsive-builder'\nimport { ResponsiveModifierBuilderImpl } from './responsive/responsive-builder'\nimport type { ResponsiveStyleConfig } from './responsive/types'\nimport { createResponsiveModifier } from './responsive/responsive-modifier'\nimport { createModifiableComponent } from './registry'\nimport type {\n  FontStyle,\n  FontVariant,\n  FontWeight,\n  TextAlign,\n  TextDecoration,\n  TextTransform,\n} from './typography'\nimport {\n  letterSpacing,\n  lineHeight,\n  overflow,\n  textAlign,\n  textDecoration,\n  textOverflow,\n  textTransform,\n  typography,\n  whiteSpace,\n} from './typography'\nimport { cursor, display, overflowX, overflowY, position, zIndex } from './utility'\nimport { \n  IdModifier, \n  DataModifier, \n  AriaModifier, \n  TabIndexModifier \n} from './attributes'\nimport {\n  LineClampModifier,\n  WordBreakModifier,\n  OverflowWrapModifier,\n  HyphensModifier,\n  BackgroundClipModifier\n} from './text'\nimport {\n  BackdropFilterModifier\n} from './backdrop'\nimport {\n  before as beforeModifier,\n  after as afterModifier\n} from './elements'\nimport {\n  FilterModifier,\n  filter,\n  saturate,\n  // grayscale, // Unused - commented out to fix type-check\n  sepia,\n  hueRotate,\n  invert,\n  vintagePhoto,\n  blackAndWhite,\n  vibrant,\n  warmTone,\n  coolTone,\n  faded,\n  highKey,\n  lowKey,\n  softFocus,\n  highContrastMode,\n  subtleBlur,\n  darkModeInvert\n} from './filters'\nimport {\n  textShadow,\n  shadow as shadowModifier,\n  shadows as shadowsModifier,\n  shadowPreset\n} from './shadows'\nimport {\n  scale,\n  rotate,\n  translate,\n  perspective\n  // transform // Unused - commented out to fix type-check\n} from './transformations'\nimport {\n  // cursor as cursorModifier, // Unused - commented out to fix type-check\n  hover as hoverModifier,\n  hoverEffect,\n  hoverWithTransition,\n  conditionalHover,\n  interactiveCursor,\n  draggableCursor,\n  textCursor,\n  disabledCursor,\n  loadingCursor,\n  helpCursor,\n  zoomCursor,\n  buttonHover,\n  cardHover,\n  linkHover,\n  imageHover\n} from './effects'\nimport {\n  transition as transitionModifier,\n  transitions,\n  fadeTransition,\n  transformTransition,\n  colorTransition,\n  layoutTransition,\n  buttonTransition,\n  cardTransition,\n  modalTransition,\n  smoothTransition,\n  quickTransition,\n  slowTransition\n} from './transitions'\nimport {\n  scroll as scrollModifier,\n  scrollBehavior,\n  overscrollBehavior,\n  overscrollBehaviorX,\n  overscrollBehaviorY,\n  scrollMargin,\n  scrollPadding,\n  scrollSnap\n} from './scroll'\nimport { asHTML } from './as-html'\nimport type { AsHTMLOptions } from './as-html'\n\n/**\n * Concrete modifier builder implementation\n */\nexport class ModifierBuilderImpl<T extends ComponentInstance = ComponentInstance>\n  implements ModifierBuilder<T>\n{\n  private modifiers: Modifier[] = []\n\n  constructor(private component: T) {}\n\n  // Layout modifiers\n  frame(width?: number | string, height?: number | string): ModifierBuilder<T>\n  frame(options: LayoutModifierProps['frame']): ModifierBuilder<T>\n  frame(\n    widthOrOptions?: number | string | LayoutModifierProps['frame'],\n    height?: number | string\n  ): ModifierBuilder<T> {\n    let frameProps: LayoutModifierProps['frame']\n\n    if (typeof widthOrOptions === 'object') {\n      frameProps = widthOrOptions\n    } else {\n      frameProps = {}\n      if (widthOrOptions !== undefined) frameProps.width = widthOrOptions\n      if (height !== undefined) frameProps.height = height\n    }\n\n    this.modifiers.push(new LayoutModifier({ frame: frameProps }))\n    return this\n  }\n\n  // Padding is now handled by the new padding modifiers below\n\n  margin(value: number | string): ModifierBuilder<T>\n  margin(options: LayoutModifierProps['margin']): ModifierBuilder<T>\n  margin(valueOrOptions: number | string | LayoutModifierProps['margin']): ModifierBuilder<T> {\n    if (typeof valueOrOptions === 'number' || typeof valueOrOptions === 'string') {\n      this.modifiers.push(margin(valueOrOptions))\n    } else {\n      // Handle both LayoutModifierProps margin format and direct MarginOptions format\n      const marginOptions = valueOrOptions as any\n      \n      // Check if it's using vertical/horizontal pattern\n      if (marginOptions.vertical !== undefined || marginOptions.horizontal !== undefined) {\n        this.modifiers.push(margin({\n          vertical: marginOptions.vertical,\n          horizontal: marginOptions.horizontal\n        }))\n      } else if (marginOptions.top !== undefined || marginOptions.right !== undefined || \n                 marginOptions.bottom !== undefined || marginOptions.left !== undefined) {\n        // Handle individual sides\n        this.modifiers.push(margin({\n          top: marginOptions.top,\n          right: marginOptions.right,\n          bottom: marginOptions.bottom,\n          left: marginOptions.left\n        }))\n      }\n    }\n    return this\n  }\n\n  layoutPriority(priority: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new LayoutModifier({ layoutPriority: priority }))\n    return this\n  }\n\n  // New multi-property modifiers\n  size(options: {\n    width?: number | string\n    height?: number | string\n    minWidth?: number | string\n    maxWidth?: number | string\n    minHeight?: number | string\n    maxHeight?: number | string\n  }): ModifierBuilder<T> {\n    this.modifiers.push(size(options))\n    return this\n  }\n\n  width(value: number | string): ModifierBuilder<T> {\n    this.modifiers.push(width(value))\n    return this\n  }\n\n  height(value: number | string): ModifierBuilder<T> {\n    this.modifiers.push(height(value))\n    return this\n  }\n\n  maxWidth(value: number | string): ModifierBuilder<T> {\n    this.modifiers.push(maxWidth(value))\n    return this\n  }\n\n  minWidth(value: number | string): ModifierBuilder<T> {\n    this.modifiers.push(minWidth(value))\n    return this\n  }\n\n  maxHeight(value: number | string): ModifierBuilder<T> {\n    this.modifiers.push(maxHeight(value))\n    return this\n  }\n\n  minHeight(value: number | string): ModifierBuilder<T> {\n    this.modifiers.push(minHeight(value))\n    return this\n  }\n\n  marginTop(value: number): ModifierBuilder<T> {\n    this.modifiers.push(marginTop(value))\n    return this\n  }\n\n  marginBottom(value: number): ModifierBuilder<T> {\n    this.modifiers.push(marginBottom(value))\n    return this\n  }\n\n  marginHorizontal(value: number): ModifierBuilder<T> {\n    this.modifiers.push(marginHorizontal(value))\n    return this\n  }\n\n  marginVertical(value: number): ModifierBuilder<T> {\n    this.modifiers.push(marginVertical(value))\n    return this\n  }\n\n  marginLeft(value: number): ModifierBuilder<T> {\n    this.modifiers.push(marginLeft(value))\n    return this\n  }\n\n  marginRight(value: number): ModifierBuilder<T> {\n    this.modifiers.push(marginRight(value))\n    return this\n  }\n\n  // Padding modifiers\n  padding(value: number): ModifierBuilder<T>\n  padding(options: any): ModifierBuilder<T>\n  padding(valueOrOptions: number | any): ModifierBuilder<T> {\n    if (typeof valueOrOptions === 'number') {\n      this.modifiers.push(padding(valueOrOptions))\n    } else {\n      this.modifiers.push(padding(valueOrOptions as any))\n    }\n    return this\n  }\n\n  paddingTop(value: number): ModifierBuilder<T> {\n    this.modifiers.push(paddingTop(value))\n    return this\n  }\n\n  paddingBottom(value: number): ModifierBuilder<T> {\n    this.modifiers.push(paddingBottom(value))\n    return this\n  }\n\n  paddingLeft(value: number): ModifierBuilder<T> {\n    this.modifiers.push(paddingLeft(value))\n    return this\n  }\n\n  paddingRight(value: number): ModifierBuilder<T> {\n    this.modifiers.push(paddingRight(value))\n    return this\n  }\n\n  paddingLeading(value: number): ModifierBuilder<T> {\n    this.modifiers.push(paddingLeading(value))\n    return this\n  }\n\n  paddingTrailing(value: number): ModifierBuilder<T> {\n    this.modifiers.push(paddingTrailing(value))\n    return this\n  }\n\n  paddingHorizontal(value: number): ModifierBuilder<T> {\n    this.modifiers.push(paddingHorizontal(value))\n    return this\n  }\n\n  paddingVertical(value: number): ModifierBuilder<T> {\n    this.modifiers.push(paddingVertical(value))\n    return this\n  }\n\n  // Typography modifiers\n  typography(options: {\n    size?: number | string\n    weight?: FontWeight\n    family?: string\n    lineHeight?: number | string\n    letterSpacing?: number | string\n    align?: TextAlign\n    transform?: TextTransform\n    decoration?: TextDecoration\n    variant?: FontVariant\n    style?: FontStyle\n    color?: string\n  }): ModifierBuilder<T> {\n    this.modifiers.push(typography(options))\n    return this\n  }\n\n  textAlign(value: 'left' | 'center' | 'right' | 'justify' | 'start' | 'end'): ModifierBuilder<T> {\n    this.modifiers.push(textAlign(value))\n    return this\n  }\n\n  textTransform(value: 'none' | 'uppercase' | 'lowercase' | 'capitalize'): ModifierBuilder<T> {\n    this.modifiers.push(textTransform(value))\n    return this\n  }\n\n  letterSpacing(value: number | string): ModifierBuilder<T> {\n    this.modifiers.push(letterSpacing(value))\n    return this\n  }\n\n  lineHeight(value: number | string): ModifierBuilder<T> {\n    this.modifiers.push(lineHeight(value))\n    return this\n  }\n\n  textOverflow(value: 'clip' | 'ellipsis' | 'fade' | string): ModifierBuilder<T> {\n    this.modifiers.push(textOverflow(value))\n    return this\n  }\n\n  whiteSpace(\n    value: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(whiteSpace(value))\n    return this\n  }\n\n  overflow(value: 'visible' | 'hidden' | 'scroll' | 'auto'): ModifierBuilder<T> {\n    this.modifiers.push(overflow(value))\n    return this\n  }\n\n  // Border modifiers\n  borderTop(\n    width: number | Signal<number>,\n    color: string | Signal<string>,\n    style?: BorderStyle\n  ): ModifierBuilder<T> {\n    this.modifiers.push(borderTop(width, color, style))\n    return this\n  }\n\n  borderRight(\n    width: number | Signal<number>,\n    color: string | Signal<string>,\n    style?: BorderStyle\n  ): ModifierBuilder<T> {\n    this.modifiers.push(borderRight(width, color, style))\n    return this\n  }\n\n  borderBottom(\n    width: number | Signal<number>,\n    color: string | Signal<string>,\n    style?: BorderStyle\n  ): ModifierBuilder<T> {\n    this.modifiers.push(borderBottom(width, color, style))\n    return this\n  }\n\n  borderLeft(\n    width: number | Signal<number>,\n    color: string | Signal<string>,\n    style?: BorderStyle\n  ): ModifierBuilder<T> {\n    this.modifiers.push(borderLeft(width, color, style))\n    return this\n  }\n\n  // Flexbox modifiers\n\n  flexGrow(value: number): ModifierBuilder<T> {\n    this.modifiers.push(flexGrow(value))\n    return this\n  }\n\n  flexShrink(value: number): ModifierBuilder<T> {\n    this.modifiers.push(flexShrink(value))\n    return this\n  }\n\n  justifyContent(\n    value: 'flex-start' | 'flex-end' | 'center' | 'space-between' | 'space-around' | 'space-evenly'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(justifyContent(value))\n    return this\n  }\n\n  alignItems(\n    value: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(alignItems(value))\n    return this\n  }\n\n  gap(value: number | string): ModifierBuilder<T> {\n    this.modifiers.push(gap(value))\n    return this\n  }\n\n  flexDirection(value: 'row' | 'row-reverse' | 'column' | 'column-reverse'): ModifierBuilder<T> {\n    this.modifiers.push(flexDirection(value))\n    return this\n  }\n\n  flexWrap(value: 'nowrap' | 'wrap' | 'wrap-reverse'): ModifierBuilder<T> {\n    this.modifiers.push(flexWrap(value))\n    return this\n  }\n\n  // Utility modifiers\n  cursor(\n    value:\n      | 'auto'\n      | 'default'\n      | 'pointer'\n      | 'text'\n      | 'wait'\n      | 'help'\n      | 'not-allowed'\n      | 'grab'\n      | 'grabbing'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(cursor(value))\n    return this\n  }\n\n  overflowY(value: 'visible' | 'hidden' | 'scroll' | 'auto'): ModifierBuilder<T> {\n    this.modifiers.push(overflowY(value))\n    return this\n  }\n\n  overflowX(value: 'visible' | 'hidden' | 'scroll' | 'auto'): ModifierBuilder<T> {\n    this.modifiers.push(overflowX(value))\n    return this\n  }\n\n  position(value: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky'): ModifierBuilder<T> {\n    this.modifiers.push(position(value))\n    return this\n  }\n\n  zIndex(value: number): ModifierBuilder<T> {\n    this.modifiers.push(zIndex(value))\n    return this\n  }\n\n  display(\n    value: 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'grid' | 'none'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(display(value))\n    return this\n  }\n\n  // Raw CSS modifiers\n  css(properties: { [property: string]: string | number | undefined }): ModifierBuilder<T> {\n    this.modifiers.push(css(properties))\n    return this\n  }\n\n  cssProperty(property: string, value: string | number): ModifierBuilder<T> {\n    this.modifiers.push(cssProperty(property, value))\n    return this\n  }\n\n  cssVariable(name: string, value: string | number): ModifierBuilder<T> {\n    this.modifiers.push(cssVariable(name, value))\n    return this\n  }\n\n  textCase(value: 'none' | 'uppercase' | 'lowercase' | 'capitalize'): ModifierBuilder<T> {\n    this.modifiers.push(textTransform(value))\n    return this\n  }\n\n  textDecoration(value: 'none' | 'underline' | 'overline' | 'line-through'): ModifierBuilder<T> {\n    this.modifiers.push(textDecoration(value))\n    return this\n  }\n\n  // Phase 1 SwiftUI modifiers\n  offset(x: number | Signal<number>, y?: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(\n      new LayoutModifier({\n        offset: {\n          x: typeof x === 'number' ? x : x,\n          y: typeof y === 'number' ? (y ?? 0) : (y ?? 0),\n        },\n      })\n    )\n    return this\n  }\n\n  clipped(): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ clipped: true }))\n    return this\n  }\n\n  rotationEffect(\n    angle: number | Signal<number>,\n    anchor:\n      | 'center'\n      | 'top'\n      | 'topLeading'\n      | 'topTrailing'\n      | 'bottom'\n      | 'bottomLeading'\n      | 'bottomTrailing'\n      | 'leading'\n      | 'trailing' = 'center'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(\n      new AnimationModifier({\n        rotationEffect: {\n          angle: typeof angle === 'number' ? angle : angle,\n          anchor,\n        },\n      })\n    )\n    return this\n  }\n\n  // Phase 2 SwiftUI modifiers\n  aspectRatio(\n    ratio?: number | Signal<number>,\n    contentMode: 'fit' | 'fill' = 'fit'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(\n      new LayoutModifier({\n        aspectRatio: {\n          ratio: typeof ratio === 'number' ? ratio : ratio,\n          contentMode,\n        },\n      })\n    )\n    return this\n  }\n\n  fixedSize(horizontal: boolean = true, vertical: boolean = true): ModifierBuilder<T> {\n    this.modifiers.push(\n      new LayoutModifier({\n        fixedSize: {\n          horizontal,\n          vertical,\n        },\n      })\n    )\n    return this\n  }\n\n  clipShape(\n    shape: 'circle' | 'ellipse' | 'rect' | 'polygon',\n    parameters?: Record<string, any>\n  ): ModifierBuilder<T> {\n    this.modifiers.push(\n      new AppearanceModifier({\n        clipShape: {\n          shape,\n          parameters: parameters || {},\n        },\n      })\n    )\n    return this\n  }\n\n  overlay(\n    content: any,\n    alignment:\n      | 'center'\n      | 'top'\n      | 'bottom'\n      | 'leading'\n      | 'trailing'\n      | 'topLeading'\n      | 'topTrailing'\n      | 'bottomLeading'\n      | 'bottomTrailing' = 'center'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(\n      new AnimationModifier({\n        overlay: {\n          content,\n          alignment,\n        },\n      })\n    )\n    return this\n  }\n\n  // Phase 3 SwiftUI modifiers - Critical Transform Modifiers\n  scaleEffect(\n    x: number | Signal<number>,\n    y?: number | Signal<number>,\n    anchor:\n      | 'center'\n      | 'top'\n      | 'topLeading'\n      | 'topTrailing'\n      | 'bottom'\n      | 'bottomLeading'\n      | 'bottomTrailing'\n      | 'leading'\n      | 'trailing' = 'center'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(\n      new LayoutModifier({\n        scaleEffect: {\n          x,\n          y,\n          anchor,\n        },\n      })\n    )\n    return this\n  }\n\n  absolutePosition(x: number | Signal<number>, y: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(\n      new LayoutModifier({\n        position: {\n          x,\n          y,\n        },\n      })\n    )\n    return this\n  }\n\n  // Appearance modifiers\n  foregroundColor(color: ColorValue): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ foregroundColor: color }))\n    return this\n  }\n\n  backgroundColor(color: ColorValue): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ backgroundColor: color }))\n    return this\n  }\n\n  background(value: StatefulBackgroundValue | Signal<string>): ModifierBuilder<T> {\n    this.modifiers.push(new BackgroundModifier({ background: value as StatefulBackgroundValue }))\n    return this\n  }\n\n  font(options: AppearanceModifierProps['font']): ModifierBuilder<T>\n  font(size: number | string): ModifierBuilder<T>\n  font(sizeOrOptions: number | string | AppearanceModifierProps['font']): ModifierBuilder<T> {\n    let fontProps: AppearanceModifierProps['font']\n\n    if (typeof sizeOrOptions === 'object') {\n      fontProps = sizeOrOptions\n    } else {\n      fontProps = sizeOrOptions !== undefined ? { size: sizeOrOptions } : {}\n    }\n\n    this.modifiers.push(new AppearanceModifier({ font: fontProps }))\n    return this\n  }\n\n  fontWeight(weight: NonNullable<AppearanceModifierProps['font']>['weight']): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ font: { weight } }))\n    return this\n  }\n\n  fontSize(size: number | string | Signal<number> | Signal<string>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ font: { size } }))\n    return this\n  }\n\n  fontFamily(family: string | FontAsset | Signal<string | FontAsset>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ font: { family } }))\n    return this\n  }\n\n  opacity(value: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ opacity: value }))\n    return this\n  }\n\n  cornerRadius(radius: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ cornerRadius: radius }))\n    return this\n  }\n\n  border(width: number | Signal<number>, color?: ColorValue): ModifierBuilder<T>\n  border(options: AppearanceModifierProps['border']): ModifierBuilder<T>\n  border(\n    widthOrOptions: number | Signal<number> | AppearanceModifierProps['border'],\n    color?: ColorValue\n  ): ModifierBuilder<T> {\n    let borderProps: AppearanceModifierProps['border']\n\n    if (typeof widthOrOptions === 'object') {\n      borderProps = widthOrOptions\n    } else {\n      borderProps = {\n        style: 'solid',\n        ...(widthOrOptions !== undefined && { width: widthOrOptions }),\n        ...(color !== undefined && { color }),\n      }\n    }\n\n    this.modifiers.push(new AppearanceModifier({ border: borderProps }))\n    return this\n  }\n\n  borderWidth(width: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ border: { width } }))\n    return this\n  }\n\n  shadow(options: AppearanceModifierProps['shadow']): ModifierBuilder<T>\n  shadow(config: { x: number; y: number; blur: number; color: string; spread?: number; inset?: boolean }): ModifierBuilder<T>\n  shadow(optionsOrConfig: AppearanceModifierProps['shadow'] | { x: number; y: number; blur: number; color: string; spread?: number; inset?: boolean }): ModifierBuilder<T> {\n    // Check if it's the new ShadowConfig format (has x, y, blur properties)\n    if (optionsOrConfig && typeof optionsOrConfig === 'object' && 'x' in optionsOrConfig && 'y' in optionsOrConfig && 'blur' in optionsOrConfig) {\n      this.modifiers.push(shadowModifier(optionsOrConfig as any))\n    } else {\n      // Use the old AppearanceModifier format\n      this.modifiers.push(new AppearanceModifier({ shadow: optionsOrConfig as AppearanceModifierProps['shadow'] }))\n    }\n    return this\n  }\n\n  textShadow(config: TextShadowConfig): ModifierBuilder<T> {\n    this.modifiers.push(textShadow(config))\n    return this\n  }\n\n  // Additional shadow methods\n  shadows(configs: Array<{ x: number; y: number; blur: number; color: string; spread?: number; inset?: boolean }>): ModifierBuilder<T> {\n    this.modifiers.push(shadowsModifier(configs))\n    return this\n  }\n\n  shadowPreset(presetName: string): ModifierBuilder<T> {\n    this.modifiers.push(shadowPreset(presetName))\n    return this\n  }\n\n  // Visual Effects Modifiers (Phase 2 - Epic: Butternut)\n  blur(radius: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ blur: radius }))\n    return this\n  }\n\n  brightness(amount: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ brightness: amount }))\n    return this\n  }\n\n  contrast(amount: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ contrast: amount }))\n    return this\n  }\n\n  saturation(amount: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ saturation: amount }))\n    return this\n  }\n\n  hueRotation(angle: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ hueRotation: angle }))\n    return this\n  }\n\n  grayscale(amount: number | Signal<number>): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ grayscale: amount }))\n    return this\n  }\n\n  colorInvert(amount: number | Signal<number> = 1.0): ModifierBuilder<T> {\n    this.modifiers.push(new AppearanceModifier({ colorInvert: amount }))\n    return this\n  }\n\n  dropShadow(shadow: string): ModifierBuilder<T> {\n    this.modifiers.push(new FilterModifier({ filter: { dropShadow: shadow } }))\n    return this\n  }\n\n  // Additional filter methods\n  filter(config: { blur?: number; brightness?: number; contrast?: number; saturate?: number; [key: string]: any } | string): ModifierBuilder<T> {\n    this.modifiers.push(filter(config))\n    return this\n  }\n\n  saturate(value: number): ModifierBuilder<T> {\n    this.modifiers.push(saturate(value))\n    return this\n  }\n\n  sepia(value: number): ModifierBuilder<T> {\n    this.modifiers.push(sepia(value))\n    return this\n  }\n\n  hueRotate(angle: string): ModifierBuilder<T> {\n    this.modifiers.push(hueRotate(angle))\n    return this\n  }\n\n  invert(value: number): ModifierBuilder<T> {\n    this.modifiers.push(invert(value))\n    return this\n  }\n\n  // Filter presets\n  vintagePhoto(sepiaAmount?: number, contrastAmount?: number): ModifierBuilder<T> {\n    this.modifiers.push(vintagePhoto(sepiaAmount, contrastAmount))\n    return this\n  }\n\n  blackAndWhite(contrastAmount?: number): ModifierBuilder<T> {\n    this.modifiers.push(blackAndWhite(contrastAmount))\n    return this\n  }\n\n  vibrant(saturationAmount?: number, contrastAmount?: number): ModifierBuilder<T> {\n    this.modifiers.push(vibrant(saturationAmount, contrastAmount))\n    return this\n  }\n\n  warmTone(hueShift?: string): ModifierBuilder<T> {\n    this.modifiers.push(warmTone(hueShift))\n    return this\n  }\n\n  coolTone(hueShift?: string): ModifierBuilder<T> {\n    this.modifiers.push(coolTone(hueShift))\n    return this\n  }\n\n  faded(contrastAmount?: number, saturationAmount?: number): ModifierBuilder<T> {\n    this.modifiers.push(faded(contrastAmount, saturationAmount))\n    return this\n  }\n\n  highKey(brightnessAmount?: number, contrastAmount?: number): ModifierBuilder<T> {\n    this.modifiers.push(highKey(brightnessAmount, contrastAmount))\n    return this\n  }\n\n  lowKey(brightnessAmount?: number, contrastAmount?: number): ModifierBuilder<T> {\n    this.modifiers.push(lowKey(brightnessAmount, contrastAmount))\n    return this\n  }\n\n  softFocus(blurAmount?: number): ModifierBuilder<T> {\n    this.modifiers.push(softFocus(blurAmount))\n    return this\n  }\n\n  highContrastMode(): ModifierBuilder<T> {\n    this.modifiers.push(highContrastMode())\n    return this\n  }\n\n  subtleBlur(): ModifierBuilder<T> {\n    this.modifiers.push(subtleBlur())\n    return this\n  }\n\n  darkModeInvert(): ModifierBuilder<T> {\n    this.modifiers.push(darkModeInvert())\n    return this\n  }\n\n  // Transform modifiers\n  scale(value: number | { x?: number; y?: number }): ModifierBuilder<T> {\n    this.modifiers.push(scale(value))\n    return this\n  }\n\n  rotate(angle: string): ModifierBuilder<T> {\n    this.modifiers.push(rotate(angle))\n    return this\n  }\n\n  translate(offset: { x?: number | string; y?: number | string }): ModifierBuilder<T> {\n    this.modifiers.push(translate(offset))\n    return this\n  }\n\n  perspective(value: number): ModifierBuilder<T> {\n    this.modifiers.push(perspective(value))\n    return this\n  }\n\n  // Hover and cursor effect modifiers\n  hover(styles: any, transition?: string | number): ModifierBuilder<T> {\n    this.modifiers.push(hoverModifier(styles, transition))\n    return this\n  }\n\n  hoverEffect(effect: 'automatic' | 'highlight' | 'lift' | 'scale', isEnabled?: boolean): ModifierBuilder<T> {\n    this.modifiers.push(hoverEffect(effect, isEnabled))\n    return this\n  }\n\n  hoverWithTransition(styles: any, duration: number = 200): ModifierBuilder<T> {\n    this.modifiers.push(hoverWithTransition(styles, duration))\n    return this\n  }\n\n  conditionalHover(effect: 'automatic' | 'highlight' | 'lift' | 'scale', isEnabled: boolean): ModifierBuilder<T> {\n    this.modifiers.push(conditionalHover(effect, isEnabled))\n    return this\n  }\n\n  // Cursor preset methods\n  interactiveCursor(): ModifierBuilder<T> {\n    this.modifiers.push(interactiveCursor())\n    return this\n  }\n\n  draggableCursor(): ModifierBuilder<T> {\n    this.modifiers.push(draggableCursor())\n    return this\n  }\n\n  textCursor(): ModifierBuilder<T> {\n    this.modifiers.push(textCursor())\n    return this\n  }\n\n  disabledCursor(): ModifierBuilder<T> {\n    this.modifiers.push(disabledCursor())\n    return this\n  }\n\n  loadingCursor(): ModifierBuilder<T> {\n    this.modifiers.push(loadingCursor())\n    return this\n  }\n\n  helpCursor(): ModifierBuilder<T> {\n    this.modifiers.push(helpCursor())\n    return this\n  }\n\n  zoomCursor(mode: 'in' | 'out' = 'in'): ModifierBuilder<T> {\n    this.modifiers.push(zoomCursor(mode))\n    return this\n  }\n\n  // Hover effect presets\n  buttonHover(): ModifierBuilder<T> {\n    this.modifiers.push(buttonHover())\n    return this\n  }\n\n  cardHover(): ModifierBuilder<T> {\n    this.modifiers.push(cardHover())\n    return this\n  }\n\n  linkHover(): ModifierBuilder<T> {\n    this.modifiers.push(linkHover())\n    return this\n  }\n\n  imageHover(): ModifierBuilder<T> {\n    this.modifiers.push(imageHover())\n    return this\n  }\n\n  // Transition modifiers\n  transition(\n    property: string = 'all',\n    duration: number = 300,\n    easing: string = 'ease',\n    delay: number = 0\n  ): ModifierBuilder<T> {\n    this.modifiers.push(transitionModifier(property, duration, easing, delay))\n    return this\n  }\n\n  transitions(config: any): ModifierBuilder<T> {\n    this.modifiers.push(transitions(config))\n    return this\n  }\n\n  // Transition presets\n  fadeTransition(duration: number = 200): ModifierBuilder<T> {\n    this.modifiers.push(fadeTransition(duration))\n    return this\n  }\n\n  transformTransition(duration: number = 300): ModifierBuilder<T> {\n    this.modifiers.push(transformTransition(duration))\n    return this\n  }\n\n  colorTransition(duration: number = 150): ModifierBuilder<T> {\n    this.modifiers.push(colorTransition(duration))\n    return this\n  }\n\n  layoutTransition(duration: number = 250): ModifierBuilder<T> {\n    this.modifiers.push(layoutTransition(duration))\n    return this\n  }\n\n  buttonTransition(): ModifierBuilder<T> {\n    this.modifiers.push(buttonTransition())\n    return this\n  }\n\n  cardTransition(): ModifierBuilder<T> {\n    this.modifiers.push(cardTransition())\n    return this\n  }\n\n  modalTransition(): ModifierBuilder<T> {\n    this.modifiers.push(modalTransition())\n    return this\n  }\n\n  smoothTransition(duration: number = 300): ModifierBuilder<T> {\n    this.modifiers.push(smoothTransition(duration))\n    return this\n  }\n\n  quickTransition(duration: number = 150): ModifierBuilder<T> {\n    this.modifiers.push(quickTransition(duration))\n    return this\n  }\n\n  slowTransition(duration: number = 500): ModifierBuilder<T> {\n    this.modifiers.push(slowTransition(duration))\n    return this\n  }\n\n  // Scroll modifiers\n  scroll(config: any): ModifierBuilder<T> {\n    this.modifiers.push(scrollModifier(config))\n    return this\n  }\n\n  scrollBehavior(value: 'auto' | 'smooth'): ModifierBuilder<T> {\n    this.modifiers.push(scrollBehavior(value))\n    return this\n  }\n\n  overscrollBehavior(value: 'auto' | 'contain' | 'none'): ModifierBuilder<T> {\n    this.modifiers.push(overscrollBehavior(value))\n    return this\n  }\n\n  overscrollBehaviorX(value: 'auto' | 'contain' | 'none'): ModifierBuilder<T> {\n    this.modifiers.push(overscrollBehaviorX(value))\n    return this\n  }\n\n  overscrollBehaviorY(value: 'auto' | 'contain' | 'none'): ModifierBuilder<T> {\n    this.modifiers.push(overscrollBehaviorY(value))\n    return this\n  }\n\n  scrollMargin(margin: number | string | { top?: number | string, right?: number | string, bottom?: number | string, left?: number | string }): ModifierBuilder<T> {\n    this.modifiers.push(scrollMargin(margin))\n    return this\n  }\n\n  scrollPadding(padding: number | string | { top?: number | string, right?: number | string, bottom?: number | string, left?: number | string }): ModifierBuilder<T> {\n    this.modifiers.push(scrollPadding(padding))\n    return this\n  }\n\n  scrollSnap(\n    type: 'none' | 'x mandatory' | 'y mandatory' | 'x proximity' | 'y proximity' | 'both mandatory' | 'both proximity',\n    align?: 'start' | 'end' | 'center',\n    stop?: 'normal' | 'always'\n  ): ModifierBuilder<T> {\n    this.modifiers.push(scrollSnap(type, align, stop))\n    return this\n  }\n\n  // Interaction modifiers\n  onTap(handler: (event: MouseEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onTap: handler }))\n    return this\n  }\n\n  onHover(handler: (isHovered: boolean) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onHover: handler }))\n    return this\n  }\n\n  onMouseEnter(handler: (event: MouseEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onMouseEnter: handler }))\n    return this\n  }\n\n  onMouseLeave(handler: (event: MouseEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onMouseLeave: handler }))\n    return this\n  }\n\n  onMouseDown(handler: (event: MouseEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onMouseDown: handler }))\n    return this\n  }\n\n  onMouseUp(handler: (event: MouseEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onMouseUp: handler }))\n    return this\n  }\n\n  onDragStart(handler: (event: DragEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onDragStart: handler }))\n    return this\n  }\n\n  onDragOver(handler: (event: DragEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onDragOver: handler }))\n    return this\n  }\n\n  onDragLeave(handler: (event: DragEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onDragLeave: handler }))\n    return this\n  }\n\n  onDrop(handler: (event: DragEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onDrop: handler }))\n    return this\n  }\n\n  // Additional mouse events\n  onDoubleClick(handler: (event: MouseEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onDoubleClick: handler }))\n    return this\n  }\n\n  onContextMenu(handler: (event: MouseEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onContextMenu: handler }))\n    return this\n  }\n\n  // Focus events\n  onFocus(handler: (isFocused: boolean) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onFocus: handler }))\n    return this\n  }\n\n  onBlur(handler: (isFocused: boolean) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onBlur: handler }))\n    return this\n  }\n\n  // Keyboard events\n  onKeyPress(handler: (event: KeyboardEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onKeyPress: handler }))\n    return this\n  }\n\n  onKeyDown(handler: (event: KeyboardEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onKeyDown: handler }))\n    return this\n  }\n\n  onKeyUp(handler: (event: KeyboardEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onKeyUp: handler }))\n    return this\n  }\n\n  // Scroll and wheel events\n  onScroll(handler: (event: Event) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onScroll: handler }))\n    return this\n  }\n\n  onWheel(handler: (event: WheelEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onWheel: handler }))\n    return this\n  }\n\n  // Input events\n  onInput(handler: (event: InputEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onInput: handler }))\n    return this\n  }\n\n  onChange(handler: (value: any, event?: Event) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onChange: handler }))\n    return this\n  }\n\n  // Clipboard events\n  onCopy(handler: (event: ClipboardEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onCopy: handler }))\n    return this\n  }\n\n  onCut(handler: (event: ClipboardEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onCut: handler }))\n    return this\n  }\n\n  onPaste(handler: (event: ClipboardEvent) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onPaste: handler }))\n    return this\n  }\n\n  // Selection events\n  onSelect(handler: (event: Event) => void): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onSelect: handler }))\n    return this\n  }\n\n  // HTML and ARIA Attributes\n  id(value: string): ModifierBuilder<T> {\n    this.modifiers.push(new IdModifier({ id: value }))\n    return this\n  }\n\n  data(attributes: { [key: string]: string | number | boolean }): ModifierBuilder<T> {\n    this.modifiers.push(new DataModifier({ data: attributes }))\n    return this\n  }\n\n  aria(attributes: { [key: string]: string | number | boolean | undefined }): ModifierBuilder<T> {\n    this.modifiers.push(new AriaModifier({ aria: attributes }))\n    return this\n  }\n\n\n  tabIndex(value: number): ModifierBuilder<T> {\n    this.modifiers.push(new TabIndexModifier({ tabIndex: value }))\n    return this\n  }\n\n  // Text Modifiers\n  lineClamp(lines: number): ModifierBuilder<T> {\n    this.modifiers.push(new LineClampModifier({ lines }))\n    return this\n  }\n\n  wordBreak(value: 'normal' | 'break-all' | 'keep-all' | 'break-word'): ModifierBuilder<T> {\n    this.modifiers.push(new WordBreakModifier({ wordBreak: value }))\n    return this\n  }\n\n  overflowWrap(value: 'normal' | 'break-word' | 'anywhere'): ModifierBuilder<T> {\n    this.modifiers.push(new OverflowWrapModifier({ overflowWrap: value }))\n    return this\n  }\n\n  hyphens(value: 'none' | 'manual' | 'auto'): ModifierBuilder<T> {\n    this.modifiers.push(new HyphensModifier({ hyphens: value }))\n    return this\n  }\n\n  // Gradient Text Modifier\n  gradientText(gradient: string): ModifierBuilder<T> {\n    this.modifiers.push(new BackgroundClipModifier({\n      backgroundImage: gradient,\n      backgroundClip: 'text',\n      color: 'transparent',\n      webkitBackgroundClip: 'text',\n      webkitTextFillColor: 'transparent'\n    }))\n    return this\n  }\n\n  // Backdrop Filter Modifiers (Unified Implementation)\n  backdropFilter(config: { blur?: number; brightness?: number; contrast?: number; saturate?: number; [key: string]: any }, fallbackColor?: ColorValue): ModifierBuilder<T>\n  backdropFilter(cssValue: string, fallbackColor?: ColorValue): ModifierBuilder<T>\n  backdropFilter(value: { blur?: number; brightness?: number; contrast?: number; saturate?: number; [key: string]: any } | string, fallbackColor?: ColorValue): ModifierBuilder<T> {\n    this.modifiers.push(new BackdropFilterModifier({ \n      backdropFilter: value,\n      ...(fallbackColor && { fallbackColor })\n    }))\n    return this\n  }\n\n  glassmorphism(intensity: 'subtle' | 'light' | 'medium' | 'heavy' = 'medium', customFallback?: ColorValue): ModifierBuilder<T> {\n    const presets = {\n      subtle: { config: { blur: 3, saturate: 1.05, brightness: 1.05 }, fallbackColor: 'rgba(255, 255, 255, 0.05)' },\n      light: { config: { blur: 8, saturate: 1.15, brightness: 1.1 }, fallbackColor: 'rgba(255, 255, 255, 0.1)' },\n      medium: { config: { blur: 16, saturate: 1.3, brightness: 1.15 }, fallbackColor: 'rgba(255, 255, 255, 0.15)' },\n      heavy: { config: { blur: 24, saturate: 1.5, brightness: 1.2 }, fallbackColor: 'rgba(255, 255, 255, 0.2)' }\n    }\n    const preset = presets[intensity]\n    this.modifiers.push(new BackdropFilterModifier({ \n      backdropFilter: preset.config,\n      fallbackColor: customFallback || preset.fallbackColor\n    }))\n    return this\n  }\n\n  before(styles: { content: string; color?: string; [key: string]: any }): ModifierBuilder<T> {\n    this.modifiers.push(beforeModifier(styles))\n    return this\n  }\n\n  after(styles: { content: string; color?: string; [key: string]: any }): ModifierBuilder<T> {\n    this.modifiers.push(afterModifier(styles))\n    return this\n  }\n\n  disabled(isDisabled: boolean | Signal<boolean> = true): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ disabled: isDisabled }))\n    return this\n  }\n\n  draggable(isDraggable: boolean = true): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ draggable: isDraggable }))\n    return this\n  }\n\n  setAttribute(name: string, value: string): ModifierBuilder<T> {\n    // Create a custom modifier for setting arbitrary attributes\n    this.modifiers.push({\n      type: 'attribute',\n      priority: 50,\n      properties: { name, value },\n      apply: (_node, context) => {\n        if (context.element) {\n          context.element.setAttribute(name, value)\n        }\n        return undefined\n      },\n    })\n    return this\n  }\n\n  accessibilityLabel(label: string): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ accessibilityLabel: label }))\n    return this\n  }\n\n  // Phase 4 Advanced Gesture Modifiers (Epic: Butternut)\n\n  onLongPressGesture(options: {\n    minimumDuration?: number\n    maximumDistance?: number\n    perform: () => void\n    onPressingChanged?: (isPressing: boolean) => void\n  }): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ onLongPressGesture: options }))\n    return this\n  }\n\n  keyboardShortcut(\n    key: string,\n    modifiers: ('cmd' | 'ctrl' | 'shift' | 'alt' | 'meta')[],\n    action: () => void\n  ): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ \n      keyboardShortcut: { key, modifiers, action } \n    }))\n    return this\n  }\n\n  focused(binding: boolean | Signal<boolean>): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ focused: binding }))\n    return this\n  }\n\n  focusable(\n    isFocusable: boolean = true,\n    interactions?: ('activate' | 'edit')[]\n  ): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ \n      focusable: { isFocusable, interactions } \n    }))\n    return this\n  }\n\n  onContinuousHover(\n    coordinateSpace: 'local' | 'global',\n    perform: (location: { x: number; y: number } | null) => void\n  ): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ \n      onContinuousHover: { coordinateSpace, perform } \n    }))\n    return this\n  }\n\n  highPriorityGesture(\n    gesture: any,\n    including?: ('all' | 'subviews' | 'none')[]\n  ): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ \n      highPriorityGesture: { gesture, including } \n    }))\n    return this\n  }\n\n  simultaneousGesture(\n    gesture: any,\n    including?: ('all' | 'subviews' | 'none')[]\n  ): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ \n      simultaneousGesture: { gesture, including } \n    }))\n    return this\n  }\n\n  allowsHitTesting(enabled: boolean): ModifierBuilder<T> {\n    this.modifiers.push(new InteractionModifier({ allowsHitTesting: enabled }))\n    return this\n  }\n\n  // Animation modifiers\n  transform(value: string | Signal<string>): ModifierBuilder<T> {\n    this.modifiers.push(new AnimationModifier({ transform: value }))\n    return this\n  }\n\n  animation(options: AnimationModifierProps['animation']): ModifierBuilder<T> {\n    this.modifiers.push(new AnimationModifier({ animation: options }))\n    return this\n  }\n\n  // Lifecycle modifiers\n  onAppear(handler: () => void): ModifierBuilder<T> {\n    this.modifiers.push(new LifecycleModifier({ onAppear: handler }))\n    return this\n  }\n\n  onDisappear(handler: () => void): ModifierBuilder<T> {\n    this.modifiers.push(new LifecycleModifier({ onDisappear: handler }))\n    return this\n  }\n\n  task(\n    operation: () => Promise<void> | void,\n    options?: { id?: string; priority?: 'background' | 'userInitiated' | 'utility' | 'default' }\n  ): ModifierBuilder<T> {\n    this.modifiers.push(\n      new LifecycleModifier({\n        task: {\n          operation,\n          id: options?.id,\n          priority: options?.priority || 'default',\n        },\n      })\n    )\n    return this\n  }\n\n  refreshable(\n    onRefresh: () => Promise<void>,\n    isRefreshing?: boolean | Signal<boolean>\n  ): ModifierBuilder<T> {\n    this.modifiers.push(\n      new LifecycleModifier({\n        refreshable: {\n          onRefresh,\n          isRefreshing,\n        },\n      })\n    )\n    return this\n  }\n\n  // Custom modifier application\n  modifier(modifier: Modifier): ModifierBuilder<T> {\n    this.modifiers.push(modifier)\n    return this\n  }\n\n  // Resizable modifier for images\n  resizable(): ModifierBuilder<T> {\n    this.modifiers.push(new ResizableModifier({}))\n    return this\n  }\n\n  // Responsive Design Methods\n  \n  /**\n   * Add modifier to internal list (used by responsive builder)\n   */\n  addModifier(modifier: Modifier): void {\n    this.modifiers.push(modifier)\n    \n    // If the component is modifiable, automatically update its modifiers array\n    if ('modifiers' in this.component && Array.isArray((this.component as any).modifiers)) {\n      const modifiableComponent = this.component as any\n      modifiableComponent.modifiers = [...modifiableComponent.modifiers, modifier]\n    }\n  }\n\n  /**\n   * Get responsive builder interface for this builder\n   */\n  responsive(): ResponsiveModifierBuilder<T>\n  \n  /**\n   * Apply responsive styles with configuration object\n   */\n  responsive(config: ResponsiveStyleConfig): ModifierBuilder<T>\n  \n  responsive(config?: ResponsiveStyleConfig): ResponsiveModifierBuilder<T> | ModifierBuilder<T> {\n    if (config) {\n      // Apply the responsive modifier directly and return this builder\n      const modifier = createResponsiveModifier(config)\n      this.modifiers.push(modifier)\n      return this\n    } else {\n      // Return responsive builder for chaining\n      return new ResponsiveModifierBuilderImpl(this)\n    }\n  }\n\n  // Responsive Breakpoint Shorthand Properties\n  get base(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveModifierBuilderImpl(this).base\n  }\n\n  get sm(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveModifierBuilderImpl(this).sm\n  }\n  \n  get md(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveModifierBuilderImpl(this).md\n  }\n  \n  get lg(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveModifierBuilderImpl(this).lg\n  }\n  \n  get xl(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveModifierBuilderImpl(this).xl\n  }\n  \n  get '2xl'(): ResponsiveBreakpointBuilder<T> {\n    return new ResponsiveModifierBuilderImpl(this)['2xl']\n  }\n\n  // HTML Content Rendering (Text components only)\n  asHTML(options?: AsHTMLOptions): ModifierBuilder<T> {\n    const modifier = asHTML(options)\n    this.modifiers.push(modifier)\n    return this\n  }\n\n  // Build the final component with all modifiers applied\n  build(): T {\n    // Check if this component is already modifiable (from withModifiers)\n    if ('modifiers' in this.component) {\n      // Update the existing modifiable component with new modifiers\n      const existingModifiable = this.component as ModifiableComponent\n      \n      // Only add modifiers that aren't already in the component's modifiers array\n      // This prevents duplicates when addModifier has already added them\n      const newModifiers = this.modifiers.filter(builderModifier => \n        !existingModifiable.modifiers.some(existingModifier => \n          existingModifier === builderModifier // Reference equality check\n        )\n      )\n      \n      existingModifiable.modifiers = [...existingModifiable.modifiers, ...newModifiers]\n      return this.component as T\n    } else {\n      // Create a new modifiable component with the accumulated modifiers using the proper factory\n      const modifiableComponent = createModifiableComponent(this.component as any, this.modifiers)\n      return modifiableComponent as unknown as T\n    }\n  }\n}\n\n/**\n * Create a modifier builder for a component\n */\nexport function createModifierBuilder<T extends ComponentInstance>(\n  component: T\n): ModifierBuilder<T> {\n  return new ModifierBuilderImpl(component)\n}\n\n/**\n * Apply modifiers to a component instance\n */\nexport function applyModifiers<T extends ComponentInstance>(\n  component: T,\n  modifiers: Modifier[]\n): ModifiableComponent<ComponentProps> {\n  return {\n    ...component,\n    modifiers,\n    modifierBuilder: createModifierBuilder(component) as any,\n  }\n}\n\n/**\n * Utility functions for common modifier patterns\n */\nexport const modifierUtils = {\n  /**\n   * Create a padding modifier with all sides\n   */\n  paddingAll(value: number): Modifier {\n    return new LayoutModifier({ padding: value })\n  },\n\n  /**\n   * Create a padding modifier with horizontal/vertical values\n   */\n  paddingSymmetric(horizontal?: number, vertical?: number): Modifier {\n    return new LayoutModifier({\n      padding: {\n        left: horizontal,\n        right: horizontal,\n        top: vertical,\n        bottom: vertical,\n      },\n    })\n  },\n\n  /**\n   * Create a margin modifier with all sides\n   */\n  marginAll(value: number): Modifier {\n    return new LayoutModifier({ margin: value })\n  },\n\n  /**\n   * Create a font modifier with common presets\n   */\n  fontPreset(preset: 'title' | 'heading' | 'body' | 'caption'): Modifier {\n    const presets = {\n      title: { size: 32, weight: 'bold' as const },\n      heading: { size: 24, weight: '600' as const },\n      body: { size: 16, weight: 'normal' as const },\n      caption: { size: 12, weight: 'normal' as const },\n    }\n\n    return new AppearanceModifier({ font: presets[preset] })\n  },\n\n  /**\n   * Create a shadow modifier with common presets\n   */\n  shadowPreset(preset: 'small' | 'medium' | 'large'): Modifier {\n    const presets = {\n      small: { x: 0, y: 1, radius: 3, color: 'rgba(0,0,0,0.12)' },\n      medium: { x: 0, y: 4, radius: 6, color: 'rgba(0,0,0,0.15)' },\n      large: { x: 0, y: 10, radius: 25, color: 'rgba(0,0,0,0.15)' },\n    }\n\n    return new AppearanceModifier({ shadow: presets[preset] })\n  },\n\n  /**\n   * Create a transition modifier with common presets\n   */\n  transitionPreset(preset: 'fast' | 'normal' | 'slow'): Modifier {\n    const presets = {\n      fast: { duration: 150, easing: 'ease-out' },\n      normal: { duration: 300, easing: 'ease' },\n      slow: { duration: 500, easing: 'ease-in-out' },\n    }\n\n    return new AnimationModifier({ transition: presets[preset] })\n  },\n}\n"],"names":["ModifierBuilderImpl","component","__publicField","widthOrOptions","height","frameProps","LayoutModifier","valueOrOptions","margin","marginOptions","priority","options","size","value","width","maxWidth","minWidth","maxHeight","minHeight","marginTop","marginBottom","marginHorizontal","marginVertical","marginLeft","marginRight","padding","paddingTop","paddingBottom","paddingLeft","paddingRight","paddingLeading","paddingTrailing","paddingHorizontal","paddingVertical","typography","textAlign","textTransform","letterSpacing","lineHeight","textOverflow","whiteSpace","overflow","color","style","borderTop","borderRight","borderBottom","borderLeft","flexGrow","flexShrink","justifyContent","alignItems","gap","flexDirection","flexWrap","cursor","overflowY","overflowX","position","zIndex","display","properties","css","property","cssProperty","name","cssVariable","textDecoration","x","y","AppearanceModifier","angle","anchor","AnimationModifier","ratio","contentMode","horizontal","vertical","shape","parameters","content","alignment","BackgroundModifier","sizeOrOptions","fontProps","weight","family","radius","borderProps","optionsOrConfig","shadowModifier","config","textShadow","configs","shadowsModifier","presetName","shadowPreset","amount","shadow","FilterModifier","filter","saturate","sepia","hueRotate","invert","sepiaAmount","contrastAmount","vintagePhoto","blackAndWhite","saturationAmount","vibrant","hueShift","warmTone","coolTone","faded","brightnessAmount","highKey","lowKey","blurAmount","softFocus","highContrastMode","subtleBlur","darkModeInvert","scale","rotate","offset","translate","perspective","styles","transition","hoverModifier","effect","isEnabled","hoverEffect","duration","hoverWithTransition","conditionalHover","interactiveCursor","draggableCursor","textCursor","disabledCursor","loadingCursor","helpCursor","mode","zoomCursor","buttonHover","cardHover","linkHover","imageHover","easing","delay","transitionModifier","transitions","fadeTransition","transformTransition","colorTransition","layoutTransition","buttonTransition","cardTransition","modalTransition","smoothTransition","quickTransition","slowTransition","scrollModifier","scrollBehavior","overscrollBehavior","overscrollBehaviorX","overscrollBehaviorY","scrollMargin","scrollPadding","type","align","stop","scrollSnap","handler","InteractionModifier","IdModifier","attributes","DataModifier","AriaModifier","TabIndexModifier","lines","LineClampModifier","WordBreakModifier","OverflowWrapModifier","HyphensModifier","gradient","BackgroundClipModifier","fallbackColor","BackdropFilterModifier","intensity","customFallback","preset","beforeModifier","afterModifier","isDisabled","isDraggable","_node","context","label","key","modifiers","action","binding","isFocusable","interactions","coordinateSpace","perform","gesture","including","enabled","LifecycleModifier","operation","onRefresh","isRefreshing","modifier","ResizableModifier","modifiableComponent","createResponsiveModifier","ResponsiveModifierBuilderImpl","asHTML","existingModifiable","newModifiers","builderModifier","existingModifier","createModifiableComponent","createModifierBuilder","applyModifiers","modifierUtils","presets"],"mappings":"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"}