@tachui/modifiers 0.8.0-alpha → 0.8.5-alpha

package/dist/basic/padding.js

@@ -1,155 +1,15 @@
-var l = Object.defineProperty;
-var f = (t, o, i) => o in t ? l(t, o, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[o] = i;
-var g = (t, o, i) => f(t, typeof o != "symbol" ? o + "" : o, i);
-import { B as c } from "../base-CkGf4b9G.js";
-import { isSignal as u, isComputed as m } from "@tachui/core/reactive";
-class r extends c {
-  // Optimized priority for internal spacing (before margin at 50)
-  constructor(i) {
-    super(i);
-    g(this, "type", "padding");
-    g(this, "priority", 45);
-  }
-  apply(i, d) {
-    if (!d.element) return;
-    const a = this.computePaddingStyles(this.properties);
-    this.applyStyles(d.element, a);
-  }
-  computePaddingStyles(i) {
-    const d = {}, a = (n) => u(n) || m(n) ? n : typeof n == "number" ? `${n}px` : n === "auto" ? n : typeof n == "string" ? /^-?\d*\.?\d+(px|rem|em|%|vw|vh|vmin|vmax)$/.test(n) ? n : `${n}px` : String(n);
-    if ("all" in i && i.all !== void 0)
-      d.padding = a(i.all);
-    else {
-      if ("vertical" in i && i.vertical !== void 0) {
-        const n = a(i.vertical);
-        d.paddingTop = n, d.paddingBottom = n;
-      }
-      if ("horizontal" in i && i.horizontal !== void 0) {
-        const n = a(i.horizontal);
-        d.paddingLeft = n, d.paddingRight = n;
-      }
-      "top" in i && i.top !== void 0 && (d.paddingTop = a(i.top)), "right" in i && i.right !== void 0 && (d.paddingRight = a(i.right)), "bottom" in i && i.bottom !== void 0 && (d.paddingBottom = a(i.bottom)), "left" in i && i.left !== void 0 && (d.paddingLeft = a(i.left)), "leading" in i && i.leading !== void 0 && (d.paddingLeft = a(i.leading)), "trailing" in i && i.trailing !== void 0 && (d.paddingRight = a(i.trailing));
-    }
-    return d;
-  }
-}
-function e(t) {
-  return typeof t == "number" || typeof t == "string" ? new r({ all: t }) : new r(t);
-}
-function z(t) {
-  return new r({ top: t });
-}
-function s(t) {
-  return new r({ bottom: t });
-}
-function w(t) {
-  return new r({ left: t });
-}
-function b(t) {
-  return new r({ right: t });
-}
-function L(t) {
-  return new r({ leading: t });
-}
-function S(t) {
-  return new r({ trailing: t });
-}
-function R(t) {
-  return new r({ horizontal: t });
-}
-function B(t) {
-  return new r({ vertical: t });
-}
-const P = {
-  /**
-   * Extra small padding (4px) - For tight spacing
-   */
-  xs: () => e(4),
-  /**
-   * Small padding (8px) - For compact components
-   */
-  sm: () => e(8),
-  /**
-   * Medium padding (12px) - Default comfortable spacing
-   */
-  md: () => e(12),
-  /**
-   * Large padding (16px) - For prominent components
-   */
-  lg: () => e(16),
-  /**
-   * Extra large padding (24px) - For emphasis
-   */
-  xl: () => e(24),
-  /**
-   * Extra extra large padding (32px) - For major sections
-   */
-  xxl: () => e(32),
-  /**
-   * Huge padding (48px) - For hero sections
-   */
-  xxxl: () => e(48),
-  // Semantic presets for common UI patterns
-  /**
-   * Button padding preset (horizontal: 16, vertical: 8)
-   * Optimized for interactive elements
-   */
-  button: () => e({ horizontal: 16, vertical: 8 }),
-  /**
-   * Small button padding (horizontal: 12, vertical: 6)
-   */
-  buttonSm: () => e({ horizontal: 12, vertical: 6 }),
-  /**
-   * Large button padding (horizontal: 24, vertical: 12)
-   */
-  buttonLg: () => e({ horizontal: 24, vertical: 12 }),
-  /**
-   * Card padding preset (all: 16)
-   * Standard for card-like containers
-   */
-  card: () => e(16),
-  /**
-   * Compact card padding (all: 12)
-   */
-  cardSm: () => e(12),
-  /**
-   * Spacious card padding (all: 24)
-   */
-  cardLg: () => e(24),
-  /**
-   * Section padding preset (horizontal: 20, vertical: 12)
-   * For content sections and layout blocks
-   */
-  section: () => e({ horizontal: 20, vertical: 12 }),
-  /**
-   * Page padding preset (horizontal: 24, vertical: 16)
-   * For top-level page containers
-   */
-  page: () => e({ horizontal: 24, vertical: 16 }),
-  /**
-   * Form field padding (horizontal: 12, vertical: 8)
-   */
-  field: () => e({ horizontal: 12, vertical: 8 }),
-  /**
-   * Navigation item padding (horizontal: 16, vertical: 8)
-   */
-  nav: () => e({ horizontal: 16, vertical: 8 }),
-  /**
-   * List item padding (horizontal: 16, vertical: 12)
-   */
-  listItem: () => e({ horizontal: 16, vertical: 12 })
-};
+import { cx as g, cy as n, cA as p, cF as s, cD as c, cB as o, cH as t, cC as r, cz as e, cE as f, cG as l } from "../modifiers-basic-DLmE749_.js";
+import "@tachui/core/reactive";
 export {
-  r as PaddingModifier,
-  e as padding,
-  s as paddingBottom,
-  R as paddingHorizontal,
-  L as paddingLeading,
-  w as paddingLeft,
-  P as paddingPresets,
-  b as paddingRight,
-  z as paddingTop,
-  S as paddingTrailing,
-  B as paddingVertical
+  g as PaddingModifier,
+  n as padding,
+  p as paddingBottom,
+  s as paddingHorizontal,
+  c as paddingLeading,
+  o as paddingLeft,
+  t as paddingPresets,
+  r as paddingRight,
+  e as paddingTop,
+  f as paddingTrailing,
+  l as paddingVertical
 };
-//# sourceMappingURL=padding.js.map

package/dist/basic/size.d.ts

@@ -4,10 +4,10 @@
  * Provides a unified interface for setting element dimensions
  * with support for SwiftUI-style infinity constants.
  */
-import type { DOMNode } from '@tachui/core/runtime/types';
+import type { DOMNode } from '@tachui/types/runtime';
 import type { Dimension } from '@tachui/core/constants/layout';
 import { BaseModifier } from './base';
-import type { ModifierContext, ReactiveModifierProps } from '@tachui/core/modifiers/types';
+import type { ModifierContext, ReactiveModifierProps } from '@tachui/types/modifiers';
 export interface SizeOptions {
     width?: Dimension;
     height?: Dimension;

package/dist/basic/size.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../src/basic/size.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AACzD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAM9D,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EACV,eAAe,EACf,qBAAqB,EACtB,MAAM,8BAA8B,CAAA;AAErC,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAA;AAEpE,qBAAa,YAAa,SAAQ,YAAY,CAAC,WAAW,CAAC;IACzD,QAAQ,CAAC,IAAI,UAAS;IACtB,QAAQ,CAAC,QAAQ,MAAK;gBAEV,OAAO,EAAE,mBAAmB;IAKxC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,GAAG,SAAS;IASpE,OAAO,CAAC,iBAAiB;CA0D1B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,IAAI,CAAC,OAAO,EAAE,mBAAmB,GAAG,YAAY,CAE/D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAEpD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAErD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAEvD;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAEvD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAExD;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAExD"}
+{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../src/basic/size.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAA;AAM9D,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EACV,eAAe,EACf,qBAAqB,EACtB,MAAM,yBAAyB,CAAA;AAEhC,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAA;AAEpE,qBAAa,YAAa,SAAQ,YAAY,CAAC,WAAW,CAAC;IACzD,QAAQ,CAAC,IAAI,UAAS;IACtB,QAAQ,CAAC,QAAQ,MAAK;gBAEV,OAAO,EAAE,mBAAmB;IAKxC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,GAAG,SAAS;IASpE,OAAO,CAAC,iBAAiB;CA0D1B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,IAAI,CAAC,OAAO,EAAE,mBAAmB,GAAG,YAAY,CAE/D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAEpD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAErD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAEvD;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAEvD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAExD;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAExD"}

package/dist/basic/size.js

@@ -1,78 +1,12 @@
-var f = Object.defineProperty;
-var u = (t, h, i) => h in t ? f(t, h, { enumerable: !0, configurable: !0, writable: !0, value: i }) : t[h] = i;
-var a = (t, h, i) => u(t, typeof h != "symbol" ? h + "" : h, i);
-import { shouldExpandForInfinity as c, dimensionToCSS as m, isInfinity as s } from "@tachui/core/constants/layout";
-import { B as g } from "../base-CkGf4b9G.js";
-class d extends g {
-  // Priority 80 for layout
-  constructor(i) {
-    super(i);
-    a(this, "type", "size");
-    a(this, "priority", 80);
-  }
-  apply(i, n) {
-    if (!n.element) return;
-    const o = this.computeSizeStyles(this.properties);
-    this.applyStyles(n.element, o);
-  }
-  computeSizeStyles(i) {
-    const n = {}, o = c(i);
-    if (Object.assign(n, o.cssProps), i.width !== void 0) {
-      const e = m(i.width);
-      e !== void 0 && !s(i.width) && (n.width = e);
-    }
-    if (i.height !== void 0) {
-      const e = m(i.height);
-      e !== void 0 && !s(i.height) && (n.height = e);
-    }
-    if (i.minWidth !== void 0) {
-      const e = m(i.minWidth);
-      e !== void 0 && (n.minWidth = e);
-    }
-    if (i.maxWidth !== void 0 && !s(i.maxWidth)) {
-      const e = m(i.maxWidth);
-      e !== void 0 && (n.maxWidth = e);
-    } else s(i.maxWidth) && (n.maxWidth = "none");
-    if (i.minHeight !== void 0) {
-      const e = m(i.minHeight);
-      e !== void 0 && (n.minHeight = e);
-    }
-    if (i.maxHeight !== void 0 && !s(i.maxHeight)) {
-      const e = m(i.maxHeight);
-      e !== void 0 && (n.maxHeight = e);
-    } else s(i.maxHeight) && (n.maxHeight = "none");
-    return n;
-  }
-}
-function v(t) {
-  return new d(t);
-}
-function w(t) {
-  return new d({ width: t });
-}
-function H(t) {
-  return new d({ height: t });
-}
-function W(t) {
-  return new d({ maxWidth: t });
-}
-function y(t) {
-  return new d({ minWidth: t });
-}
-function S(t) {
-  return new d({ maxHeight: t });
-}
-function V(t) {
-  return new d({ minHeight: t });
-}
+import "@tachui/core/constants/layout";
+import { cT as c, cW as t, cZ as e, cX as h, c_ as m, cY as d, cU as o, cV as r } from "../modifiers-basic-DLmE749_.js";
 export {
-  d as SizeModifier,
-  H as height,
-  S as maxHeight,
-  W as maxWidth,
-  V as minHeight,
-  y as minWidth,
-  v as size,
-  w as width
+  c as SizeModifier,
+  t as height,
+  e as maxHeight,
+  h as maxWidth,
+  m as minHeight,
+  d as minWidth,
+  o as size,
+  r as width
 };
-//# sourceMappingURL=size.js.map

package/dist/effects/backdrop/index.d.ts

@@ -0,0 +1,60 @@
+/**
+ * Backdrop Filter Modifiers Implementation
+ *
+ * Unified implementation combining the best elements of both previous backdrop filter
+ * implementations - production-ready browser support with enhanced developer experience.
+ */
+import type { DOMNode } from '@tachui/types/runtime';
+import { BaseModifier } from '@tachui/core/modifiers/base';
+import type { ModifierContext, ReactiveModifierProps } from '@tachui/types/modifiers';
+import type { ColorValue } from '@tachui/core';
+export interface BackdropFilterConfig {
+    blur?: number;
+    brightness?: number;
+    contrast?: number;
+    dropShadow?: {
+        x: number;
+        y: number;
+        blur: number;
+        color: string;
+    } | string;
+    grayscale?: number;
+    hueRotate?: number;
+    invert?: number;
+    opacity?: number;
+    saturate?: number;
+    sepia?: number;
+}
+export interface BackdropFilterOptions {
+    backdropFilter: BackdropFilterConfig | string;
+    fallbackColor?: ColorValue;
+}
+export type ReactiveBackdropFilterOptions = ReactiveModifierProps<BackdropFilterOptions>;
+export declare class BackdropFilterModifier extends BaseModifier<BackdropFilterOptions> {
+    readonly type = "backdropFilter";
+    readonly priority: number;
+    constructor(options: ReactiveBackdropFilterOptions);
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private computeBackdropFilterStyles;
+    private formatBackdropFilter;
+    private supportsBackdropFilter;
+    /**
+     * Resolve ColorValue (including ColorAssets) to CSS color string
+     */
+    private resolveColorValue;
+}
+/**
+ * Create a backdrop filter modifier with enhanced configuration options
+ */
+export declare function backdropFilter(config: BackdropFilterConfig, fallbackColor?: ColorValue): BackdropFilterModifier;
+export declare function backdropFilter(cssValue: string, fallbackColor?: ColorValue): BackdropFilterModifier;
+export type GlassmorphismIntensity = 'light' | 'medium' | 'heavy' | 'subtle';
+/**
+ * Create glassmorphism effect with intensity-based presets
+ */
+export declare function glassmorphism(intensity?: GlassmorphismIntensity, customFallback?: ColorValue): BackdropFilterModifier;
+/**
+ * Create custom glassmorphism effect with fine-tuned parameters
+ */
+export declare function customGlassmorphism(blur: number, saturate?: number, brightness?: number, fallbackColor?: ColorValue): BackdropFilterModifier;
+//# sourceMappingURL=index.d.ts.map

package/dist/effects/backdrop/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/effects/backdrop/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,uBAAuB,CAAA;AACpD,OAAO,EAAE,YAAY,EAAE,MAAM,6BAA6B,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AACrF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA;AAO9C,MAAM,WAAW,oBAAoB;IACnC,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,UAAU,CAAC,EACP;QACE,CAAC,EAAE,MAAM,CAAA;QACT,CAAC,EAAE,MAAM,CAAA;QACT,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;KACd,GACD,MAAM,CAAA;IACV,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,qBAAqB;IACpC,cAAc,EAAE,oBAAoB,GAAG,MAAM,CAAA;IAC7C,aAAa,CAAC,EAAE,UAAU,CAAA;CAC3B;AAED,MAAM,MAAM,6BAA6B,GACvC,qBAAqB,CAAC,qBAAqB,CAAC,CAAA;AAM9C,qBAAa,sBAAuB,SAAQ,YAAY,CAAC,qBAAqB,CAAC;IAC7E,QAAQ,CAAC,IAAI,oBAAmB;IAChC,QAAQ,CAAC,QAAQ,SAAmC;gBAExC,OAAO,EAAE,6BAA6B;IAmClD,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,GAAG,SAAS;IASpE,OAAO,CAAC,2BAA2B;IA0BnC,OAAO,CAAC,oBAAoB;IAyD5B,OAAO,CAAC,sBAAsB;IAY9B;;OAEG;IACH,OAAO,CAAC,iBAAiB;CA+B1B;AAMD;;GAEG;AACH,wBAAgB,cAAc,CAC5B,MAAM,EAAE,oBAAoB,EAC5B,aAAa,CAAC,EAAE,UAAU,GACzB,sBAAsB,CAAA;AACzB,wBAAgB,cAAc,CAC5B,QAAQ,EAAE,MAAM,EAChB,aAAa,CAAC,EAAE,UAAU,GACzB,sBAAsB,CAAA;AAezB,MAAM,MAAM,sBAAsB,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,CAAA;AAgC5E;;GAEG;AACH,wBAAgB,aAAa,CAC3B,SAAS,GAAE,sBAAiC,EAC5C,cAAc,CAAC,EAAE,UAAU,GAC1B,sBAAsB,CAOxB;AAED;;GAEG;AACH,wBAAgB,mBAAmB,CACjC,IAAI,EAAE,MAAM,EACZ,QAAQ,GAAE,MAAY,EACtB,UAAU,GAAE,MAAY,EACxB,aAAa,CAAC,EAAE,UAAU,GACzB,sBAAsB,CAMxB"}

package/dist/effects/backdrop/index.js

@@ -0,0 +1,118 @@
+var u = Object.defineProperty;
+var c = (o, t, e) => t in o ? u(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e;
+var i = (o, t, e) => c(o, typeof t != "symbol" ? t + "" : t, e);
+import { BaseModifier as d } from "@tachui/core/modifiers/base";
+import { M as f } from "../../modifiers-basic-DLmE749_.js";
+class s extends d {
+  constructor(e) {
+    let r = "blur(10px)";
+    e.backdropFilter && (typeof e.backdropFilter == "function" && "peek" in e.backdropFilter ? r = e.backdropFilter.peek() : r = e.backdropFilter);
+    const a = {
+      backdropFilter: r
+    };
+    "fallbackColor" in e && e.fallbackColor !== void 0 && (typeof e.fallbackColor == "function" && "peek" in e.fallbackColor ? a.fallbackColor = e.fallbackColor.peek() : a.fallbackColor = e.fallbackColor);
+    super(a);
+    i(this, "type", "backdropFilter");
+    i(this, "priority", f.APPEARANCE + 15);
+  }
+  apply(e, r) {
+    if (!r.element) return;
+    const a = this.computeBackdropFilterStyles(this.properties);
+    this.applyStyles(r.element, a);
+  }
+  computeBackdropFilterStyles(e) {
+    const r = {};
+    if (e.backdropFilter) {
+      if (this.supportsBackdropFilter()) {
+        const a = this.formatBackdropFilter(e.backdropFilter);
+        r.backdropFilter = a, r.webkitBackdropFilter = a;
+      } else if (e.fallbackColor) {
+        const a = this.resolveColorValue(e.fallbackColor);
+        r.backgroundColor = a, process.env.NODE_ENV === "development" && console.info(
+          "TachUI: backdrop-filter not supported, using fallback color:",
+          a
+        );
+      }
+    }
+    return r;
+  }
+  formatBackdropFilter(e) {
+    if (typeof e == "string")
+      return e;
+    const r = [];
+    if (e.blur !== void 0 && r.push(`blur(${e.blur}px)`), e.brightness !== void 0 && r.push(`brightness(${e.brightness})`), e.contrast !== void 0 && r.push(`contrast(${e.contrast})`), e.dropShadow)
+      if (typeof e.dropShadow == "string")
+        r.push(`drop-shadow(${e.dropShadow})`);
+      else {
+        const { x: a, y: l, blur: n, color: p } = e.dropShadow;
+        r.push(`drop-shadow(${a}px ${l}px ${n}px ${p})`);
+      }
+    return e.grayscale !== void 0 && r.push(`grayscale(${e.grayscale})`), e.hueRotate !== void 0 && r.push(`hue-rotate(${e.hueRotate}deg)`), e.invert !== void 0 && r.push(`invert(${e.invert})`), e.opacity !== void 0 && r.push(`opacity(${e.opacity})`), e.saturate !== void 0 && r.push(`saturate(${e.saturate})`), e.sepia !== void 0 && r.push(`sepia(${e.sepia})`), r.length === 0 ? (process.env.NODE_ENV === "development" && console.warn(
+      "TachUI BackdropFilter: No filter functions specified - provide blur, brightness, contrast, etc."
+    ), "none") : r.join(" ");
+  }
+  supportsBackdropFilter() {
+    return typeof CSS < "u" && CSS.supports ? CSS.supports("backdrop-filter", "blur(1px)") || CSS.supports("-webkit-backdrop-filter", "blur(1px)") : !1;
+  }
+  /**
+   * Resolve ColorValue (including ColorAssets) to CSS color string
+   */
+  resolveColorValue(e) {
+    if (typeof e == "string")
+      return e;
+    if (typeof e == "function" && "peek" in e)
+      return e.peek();
+    if (e && typeof e == "object") {
+      if ("getValue" in e && typeof e.getValue == "function")
+        return e.getValue();
+      if ("value" in e && typeof e.value == "string")
+        return e.value;
+      if ("toString" in e && typeof e.toString == "function")
+        return e.toString();
+    }
+    return String(e);
+  }
+}
+function y(o, t) {
+  return new s({
+    backdropFilter: o,
+    ...t && { fallbackColor: t }
+  });
+}
+const b = {
+  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)"
+  }
+};
+function v(o = "medium", t) {
+  const e = b[o];
+  return new s({
+    backdropFilter: e.config,
+    fallbackColor: t || e.fallbackColor
+  });
+}
+function C(o, t = 1.2, e = 1.1, r) {
+  return new s({
+    backdropFilter: { blur: o, saturate: t, brightness: e },
+    fallbackColor: r || `rgba(255, 255, 255, ${Math.min(o / 200, 0.25)})`
+  });
+}
+export {
+  s as BackdropFilterModifier,
+  y as backdropFilter,
+  C as customGlassmorphism,
+  v as glassmorphism
+};

package/dist/effects/effects/index.d.ts

@@ -0,0 +1,190 @@
+/**
+ * Effects Modifiers - Hover effects and cursor styling
+ *
+ * Provides comprehensive hover effect system with SwiftUI-style effects
+ * and enhanced cursor styling with complete CSS cursor support.
+ */
+import type { Signal } from '@tachui/types/reactive';
+import type { DOMNode } from '@tachui/types/runtime';
+import { BaseModifier } from '@tachui/core/modifiers/base';
+import type { ModifierContext, ReactiveModifierProps } from '@tachui/types/modifiers';
+export type CSSCursorValue = 'auto' | 'default' | 'pointer' | 'text' | 'wait' | 'help' | 'not-allowed' | 'none' | 'grab' | 'grabbing' | 'zoom-in' | 'zoom-out' | 'alias' | 'cell' | 'copy' | string;
+export interface CursorOptions {
+    cursor: CSSCursorValue;
+}
+export type ReactiveCursorOptions = ReactiveModifierProps<CursorOptions>;
+export declare class CursorModifier extends BaseModifier<CursorOptions> {
+    readonly type = "cursor";
+    readonly priority = 10;
+    constructor(options: ReactiveCursorOptions);
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private validateCursorValue;
+}
+export type SwiftUIHoverEffect = 'automatic' | 'highlight' | 'lift' | 'scale';
+export interface HoverStyles {
+    backgroundColor?: string;
+    color?: string;
+    transform?: string;
+    opacity?: number;
+    boxShadow?: string;
+    borderColor?: string;
+    filter?: string;
+    [key: string]: any;
+}
+export interface HoverOptions {
+    effect?: SwiftUIHoverEffect;
+    hoverStyles?: HoverStyles;
+    transition?: string | number;
+    isEnabled?: boolean;
+}
+export type ReactiveHoverOptions = ReactiveModifierProps<HoverOptions>;
+export declare class HoverModifier extends BaseModifier<HoverOptions> {
+    readonly type = "hover";
+    readonly priority = 15;
+    private static hoverCount;
+    constructor(options: ReactiveHoverOptions);
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private addHoverStyles;
+    private computeHoverStyles;
+    private getSwiftUIEffectStyles;
+    private formatTransition;
+    private getOrCreateStyleSheet;
+}
+/**
+ * Enhanced cursor modifier with complete CSS cursor support
+ *
+ * @example
+ * ```typescript
+ * .cursor('pointer')           // Standard pointer cursor
+ * .cursor('grab')              // Grab cursor for draggable elements
+ * .cursor('zoom-in')           // Zoom cursor for zoomable content
+ * .cursor('url(custom.cur), pointer')  // Custom cursor with fallback
+ * ```
+ */
+export declare function cursor(value: CSSCursorValue): CursorModifier;
+/**
+ * SwiftUI-style hover effect modifier with preset effects
+ *
+ * @example
+ * ```typescript
+ * .hoverEffect('automatic')     // Default SwiftUI hover with scale + shadow
+ * .hoverEffect('lift')          // Elevation effect with shadow
+ * .hoverEffect('highlight')     // Subtle background change
+ * .hoverEffect('scale')         // Scale transform only
+ * ```
+ */
+export declare function hoverEffect(effect: SwiftUIHoverEffect, isEnabled?: boolean | Signal<boolean>): HoverModifier;
+/**
+ * Custom hover styles with optional transition
+ *
+ * @example
+ * ```typescript
+ * .hover({
+ *   backgroundColor: '#f0f0f0',
+ *   transform: 'scale(1.05)'
+ * })
+ * .hover({
+ *   opacity: 0.8,
+ *   filter: 'blur(2px)'
+ * }, 300)
+ * ```
+ */
+export declare function hover(styles: HoverStyles, transition?: string | number): HoverModifier;
+/**
+ * Hover styles with explicit transition duration
+ *
+ * @example
+ * ```typescript
+ * .hoverWithTransition({
+ *   transform: 'rotate(5deg)',
+ *   color: '#007AFF'
+ * }, 250)
+ * ```
+ */
+export declare function hoverWithTransition(styles: HoverStyles, duration?: number): HoverModifier;
+/**
+ * Conditional hover effect - can be toggled on/off
+ *
+ * @example
+ * ```typescript
+ * .conditionalHover('lift', isInteractive)  // Signal<boolean>
+ * .conditionalHover('highlight', false)     // Disabled
+ * ```
+ */
+export declare function conditionalHover(effect: SwiftUIHoverEffect, isEnabled: boolean | Signal<boolean>): HoverModifier;
+/**
+ * Interactive cursor - pointer with hover effect
+ */
+export declare function interactiveCursor(): CursorModifier;
+/**
+ * Draggable cursor - grab when idle, grabbing when active
+ */
+export declare function draggableCursor(): CursorModifier;
+/**
+ * Text selection cursor
+ */
+export declare function textCursor(): CursorModifier;
+/**
+ * Disabled/not-allowed cursor
+ */
+export declare function disabledCursor(): CursorModifier;
+/**
+ * Loading cursor
+ */
+export declare function loadingCursor(): CursorModifier;
+/**
+ * Help cursor
+ */
+export declare function helpCursor(): CursorModifier;
+/**
+ * Zoom cursor for zoomable content
+ */
+export declare function zoomCursor(mode?: 'in' | 'out'): CursorModifier;
+/**
+ * Button hover effect - lift with shadow
+ */
+export declare function buttonHover(): HoverModifier;
+/**
+ * Card hover effect - subtle scale and shadow
+ */
+export declare function cardHover(): HoverModifier;
+/**
+ * Link hover effect - highlight background
+ */
+export declare function linkHover(): HoverModifier;
+/**
+ * Image hover effect - scale on hover
+ */
+export declare function imageHover(): HoverModifier;
+/**
+ * Active state effect for pressed/mousedown states
+ *
+ * @example
+ * ```typescript
+ * .active({ opacity: 0.8, transform: 'scale(0.95)' })  // Pressed effect
+ * .active({ backgroundColor: '#e0e0e0' })             // Active background
+ * ```
+ */
+export declare function active(styles: HoverStyles): HoverModifier;
+/**
+ * Focus state effect for keyboard navigation and accessibility
+ *
+ * @example
+ * ```typescript
+ * .focus({ outline: '2px solid #007AFF' })              // Focus outline
+ * .focus({ boxShadow: '0 0 0 3px rgba(0,122,255,0.3)' }) // Focus glow
+ * .focus({ borderColor: '#007AFF' })                    // Focus border
+ * ```
+ */
+export declare function focus(styles: HoverStyles): HoverModifier;
+/**
+ * Pressed state effect (alias for active)
+ *
+ * @example
+ * ```typescript
+ * .pressed({ opacity: 0.9 })                          // Slightly transparent when pressed
+ * .pressed({ transform: 'scale(0.98)' })              // Slight scale reduction
+ * ```
+ */
+export declare function pressed(styles: HoverStyles): HoverModifier;
+//# sourceMappingURL=index.d.ts.map

package/dist/effects/effects/index.d.ts.map

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