@tachui/core 0.7.0-alpha1

package/dist/modifiers/elements.d.ts

@@ -0,0 +1,240 @@
+/**
+ * Pseudo-element Modifiers - ::before and ::after styling
+ *
+ * Provides comprehensive pseudo-element support for ::before and ::after
+ * with dynamic stylesheet generation and flexible styling options.
+ */
+import type { DOMNode } from '../runtime/types';
+import { BaseModifier } from './base';
+import type { ModifierContext, ReactiveModifierProps } from './types';
+export interface PseudoElementStyles {
+    content?: string;
+    position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
+    top?: number | string;
+    right?: number | string;
+    bottom?: number | string;
+    left?: number | string;
+    width?: number | string;
+    height?: number | string;
+    backgroundColor?: string;
+    color?: string;
+    fontSize?: number | string;
+    fontWeight?: string | number;
+    fontFamily?: string;
+    lineHeight?: number | string;
+    textAlign?: 'left' | 'center' | 'right' | 'justify';
+    margin?: number | string;
+    marginTop?: number | string;
+    marginRight?: number | string;
+    marginBottom?: number | string;
+    marginLeft?: number | string;
+    padding?: number | string;
+    paddingTop?: number | string;
+    paddingRight?: number | string;
+    paddingBottom?: number | string;
+    paddingLeft?: number | string;
+    border?: string;
+    borderTop?: string;
+    borderRight?: string;
+    borderBottom?: string;
+    borderLeft?: string;
+    borderRadius?: number | string;
+    borderWidth?: number | string;
+    borderStyle?: string;
+    borderColor?: string;
+    boxShadow?: string;
+    textShadow?: string;
+    opacity?: number;
+    transform?: string;
+    transformOrigin?: string;
+    zIndex?: number;
+    display?: string;
+    flexDirection?: string;
+    flexWrap?: string;
+    alignItems?: string;
+    justifyContent?: string;
+    alignSelf?: string;
+    flex?: string;
+    flexGrow?: number;
+    flexShrink?: number;
+    flexBasis?: string;
+    order?: number;
+    overflow?: 'visible' | 'hidden' | 'scroll' | 'auto';
+    overflowX?: 'visible' | 'hidden' | 'scroll' | 'auto';
+    overflowY?: 'visible' | 'hidden' | 'scroll' | 'auto';
+    whiteSpace?: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line';
+    textOverflow?: 'clip' | 'ellipsis';
+    cursor?: string;
+    pointerEvents?: 'auto' | 'none';
+    visibility?: 'visible' | 'hidden';
+    backgroundImage?: string;
+    backgroundSize?: string;
+    backgroundPosition?: string;
+    backgroundRepeat?: string;
+    filter?: string;
+    backdropFilter?: string;
+    transition?: string;
+    animation?: string;
+    [key: string]: any;
+}
+export interface PseudoElementOptions {
+    before?: PseudoElementStyles;
+    after?: PseudoElementStyles;
+}
+export type ReactivePseudoElementOptions = ReactiveModifierProps<PseudoElementOptions>;
+export declare class PseudoElementModifier extends BaseModifier<PseudoElementOptions> {
+    readonly type = "pseudoElement";
+    readonly priority = 50;
+    private static styleSheetId;
+    private static elementCount;
+    constructor(options: ReactivePseudoElementOptions);
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private addPseudoElementRule;
+    private generatePseudoElementCSS;
+    private formatCSSValue;
+    private getOrCreateStyleSheet;
+}
+/**
+ * ::before pseudo-element modifier
+ *
+ * @example
+ * ```typescript
+ * .before({
+ *   content: '★',
+ *   position: 'absolute',
+ *   left: -20,
+ *   color: '#ffd700'
+ * })
+ * ```
+ */
+export declare function before(styles: PseudoElementStyles): PseudoElementModifier;
+/**
+ * ::after pseudo-element modifier
+ *
+ * @example
+ * ```typescript
+ * .after({
+ *   content: '',
+ *   position: 'absolute',
+ *   bottom: 0,
+ *   left: 0,
+ *   right: 0,
+ *   height: 2,
+ *   backgroundColor: '#007AFF'
+ * })
+ * ```
+ */
+export declare function after(styles: PseudoElementStyles): PseudoElementModifier;
+/**
+ * Both ::before and ::after pseudo-elements
+ *
+ * @example
+ * ```typescript
+ * .pseudoElements({
+ *   before: { content: '"', fontSize: 24, color: '#666' },
+ *   after: { content: '"', fontSize: 24, color: '#666' }
+ * })
+ * ```
+ */
+export declare function pseudoElements(options: PseudoElementOptions): PseudoElementModifier;
+/**
+ * Icon before content using a Unicode character
+ *
+ * @example
+ * ```typescript
+ * .iconBefore('★', { color: '#ffd700', marginRight: 8 })
+ * .iconBefore('→', { color: '#007AFF' })
+ * ```
+ */
+export declare function iconBefore(icon: string, styles?: Omit<PseudoElementStyles, 'content'>): PseudoElementModifier;
+/**
+ * Icon after content using a Unicode character
+ *
+ * @example
+ * ```typescript
+ * .iconAfter('→', { color: '#007AFF', marginLeft: 8 })
+ * .iconAfter('✓', { color: '#34c759' })
+ * ```
+ */
+export declare function iconAfter(icon: string, styles?: Omit<PseudoElementStyles, 'content'>): PseudoElementModifier;
+/**
+ * Decorative line before content
+ *
+ * @example
+ * ```typescript
+ * .lineBefore()                    // Default line
+ * .lineBefore('#007AFF', 2, 20)    // Blue line, 2px thick, 20px long
+ * ```
+ */
+export declare function lineBefore(color?: string, thickness?: number, length?: number): PseudoElementModifier;
+/**
+ * Decorative line after content
+ *
+ * @example
+ * ```typescript
+ * .lineAfter()                     // Default line
+ * .lineAfter('#007AFF', 2, 20)     // Blue line, 2px thick, 20px long
+ * ```
+ */
+export declare function lineAfter(color?: string, thickness?: number, length?: number): PseudoElementModifier;
+/**
+ * Quote marks around content
+ *
+ * @example
+ * ```typescript
+ * .quotes()                        // Default quotes (" ")
+ * .quotes('«', '»')               // Custom quote characters
+ * ```
+ */
+export declare function quotes(openQuote?: string, closeQuote?: string): PseudoElementModifier;
+/**
+ * Underline decoration using ::after
+ *
+ * @example
+ * ```typescript
+ * .underline()                     // Default underline
+ * .underline('#007AFF', 2, 0.2)    // Blue underline, 2px thick, 20% opacity
+ * ```
+ */
+export declare function underline(color?: string, thickness?: number, opacity?: number): PseudoElementModifier;
+/**
+ * Badge or notification dot using ::after
+ *
+ * @example
+ * ```typescript
+ * .badge()                         // Default red dot
+ * .badge('#007AFF', 8, '2')        // Blue badge with "2" text
+ * ```
+ */
+export declare function badge(color?: string, size?: number, text?: string): PseudoElementModifier;
+/**
+ * Tooltip using ::before with positioning
+ *
+ * @example
+ * ```typescript
+ * .tooltip('This is a tooltip')
+ * .tooltip('Custom tooltip', 'bottom', '#333')
+ * ```
+ */
+export declare function tooltip(text: string, position?: 'top' | 'bottom' | 'left' | 'right', backgroundColor?: string, textColor?: string): PseudoElementModifier;
+/**
+ * Corner ribbon using ::before
+ *
+ * @example
+ * ```typescript
+ * .cornerRibbon('New!')            // Default red ribbon
+ * .cornerRibbon('Sale', '#ff9500') // Orange sale ribbon
+ * ```
+ */
+export declare function cornerRibbon(text: string, color?: string, textColor?: string): PseudoElementModifier;
+/**
+ * Loading spinner using ::before with animation
+ *
+ * @example
+ * ```typescript
+ * .spinner()                       // Default spinner
+ * .spinner(16, '#007AFF', 2)       // Custom size, color, border width
+ * ```
+ */
+export declare function spinner(size?: number, color?: string, borderWidth?: number): PseudoElementModifier;
+//# sourceMappingURL=elements.d.ts.map

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

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

package/dist/modifiers/elements.js

@@ -0,0 +1,216 @@
+import { BaseModifier as g } from "./base.js";
+var b = Object.defineProperty, S = (n, t, e) => t in n ? b(n, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : n[t] = e, a = (n, t, e) => S(n, typeof t != "symbol" ? t + "" : t, e);
+const u = class c extends g {
+  constructor(t) {
+    const e = {};
+    for (const [o, r] of Object.entries(t))
+      typeof r == "function" && "peek" in r ? e[o] = r.peek() : e[o] = r;
+    super(e), a(this, "type", "pseudoElement"), a(this, "priority", 50);
+  }
+  apply(t, e) {
+    if (!e.element) return;
+    const o = `tachui-pseudo-${++c.elementCount}`;
+    e.element.classList.add(o), this.properties.before && this.addPseudoElementRule(o, "before", this.properties.before), this.properties.after && this.addPseudoElementRule(o, "after", this.properties.after);
+  }
+  addPseudoElementRule(t, e, o) {
+    const r = this.getOrCreateStyleSheet(), s = this.generatePseudoElementCSS(t, e, o);
+    try {
+      r.insertRule(s);
+    } catch (l) {
+      console.warn("Failed to add pseudo-element rule:", l);
+    }
+  }
+  generatePseudoElementCSS(t, e, o) {
+    const r = `.${t}::${e}`, s = [];
+    return o.content || (o.content = '""'), Object.entries(o).forEach(([l, p]) => {
+      if (p !== void 0) {
+        const h = this.toCSSProperty(l), m = this.formatCSSValue(l, p);
+        s.push(`${h}: ${m}`);
+      }
+    }), `${r} { ${s.join("; ")} }`;
+  }
+  formatCSSValue(t, e) {
+    return t === "content" ? typeof e == "string" && !e.startsWith('"') && !e.startsWith("'") ? `"${e}"` : e : typeof e == "number" ? [
+      "opacity",
+      "z-index",
+      "line-height",
+      "flex-grow",
+      "flex-shrink",
+      "order",
+      "column-count",
+      "font-weight"
+    ].includes(this.toCSSProperty(t)) ? String(e) : `${e}px` : String(e);
+  }
+  getOrCreateStyleSheet() {
+    const t = document.getElementById(c.styleSheetId);
+    if (t && t instanceof HTMLStyleElement)
+      return t.sheet;
+    const e = document.createElement("style");
+    return e.id = c.styleSheetId, document.head.appendChild(e), e.sheet;
+  }
+};
+a(u, "styleSheetId", "tachui-pseudo-elements");
+a(u, "elementCount", 0);
+let d = u;
+function i(n) {
+  return new d({ before: n });
+}
+function f(n) {
+  return new d({ after: n });
+}
+function C(n) {
+  return new d(n);
+}
+function w(n, t = {}) {
+  return i({
+    content: n,
+    display: "inline-block",
+    ...t
+  });
+}
+function P(n, t = {}) {
+  return f({
+    content: n,
+    display: "inline-block",
+    ...t
+  });
+}
+function x(n = "#ddd", t = 1, e = 16) {
+  return i({
+    content: "",
+    display: "inline-block",
+    width: e,
+    height: t,
+    backgroundColor: n,
+    marginRight: 8,
+    verticalAlign: "middle"
+  });
+}
+function E(n = "#ddd", t = 1, e = 16) {
+  return f({
+    content: "",
+    display: "inline-block",
+    width: e,
+    height: t,
+    backgroundColor: n,
+    marginLeft: 8,
+    verticalAlign: "middle"
+  });
+}
+function R(n = '"', t = '"') {
+  return new d({
+    before: {
+      content: n,
+      fontSize: "1.2em",
+      color: "#666",
+      marginRight: 4
+    },
+    after: {
+      content: t,
+      fontSize: "1.2em",
+      color: "#666",
+      marginLeft: 4
+    }
+  });
+}
+function $(n = "currentColor", t = 1, e = 1) {
+  return f({
+    content: "",
+    position: "absolute",
+    bottom: 0,
+    left: 0,
+    right: 0,
+    height: t,
+    backgroundColor: n,
+    opacity: e
+  });
+}
+function k(n = "#ff3b30", t = 6, e = "") {
+  return f({
+    content: e,
+    position: "absolute",
+    top: -2,
+    right: -2,
+    width: e ? "auto" : t,
+    height: t,
+    minWidth: t,
+    backgroundColor: n,
+    borderRadius: "50%",
+    fontSize: 10,
+    color: "white",
+    textAlign: "center",
+    lineHeight: e ? t / 10 : 1,
+    padding: e ? "2px 4px" : 0,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  });
+}
+function I(n, t = "top", e = "#333", o = "white") {
+  return i({
+    content: n,
+    position: "absolute",
+    backgroundColor: e,
+    color: o,
+    padding: "4px 8px",
+    borderRadius: 4,
+    fontSize: 12,
+    whiteSpace: "nowrap",
+    zIndex: 1e3,
+    opacity: 0,
+    pointerEvents: "none",
+    transition: "opacity 0.2s ease",
+    ...{
+      top: { bottom: "100%", left: "50%", transform: "translateX(-50%)", marginBottom: 5 },
+      bottom: { top: "100%", left: "50%", transform: "translateX(-50%)", marginTop: 5 },
+      left: { right: "100%", top: "50%", transform: "translateY(-50%)", marginRight: 5 },
+      right: { left: "100%", top: "50%", transform: "translateY(-50%)", marginLeft: 5 }
+    }[t]
+  });
+}
+function O(n, t = "#ff3b30", e = "white") {
+  return i({
+    content: n,
+    position: "absolute",
+    top: 8,
+    right: -8,
+    backgroundColor: t,
+    color: e,
+    padding: "2px 12px",
+    fontSize: 11,
+    fontWeight: "bold",
+    textTransform: "uppercase",
+    transform: "rotate(45deg)",
+    transformOrigin: "center",
+    zIndex: 10
+  });
+}
+function A(n = 20, t = "#007AFF", e = 2) {
+  return i({
+    content: "",
+    display: "inline-block",
+    width: n,
+    height: n,
+    border: `${e}px solid transparent`,
+    borderTop: `${e}px solid ${t}`,
+    borderRadius: "50%",
+    animation: "spin 1s linear infinite"
+  });
+}
+export {
+  d as PseudoElementModifier,
+  f as after,
+  k as badge,
+  i as before,
+  O as cornerRibbon,
+  P as iconAfter,
+  w as iconBefore,
+  E as lineAfter,
+  x as lineBefore,
+  C as pseudoElements,
+  R as quotes,
+  A as spinner,
+  I as tooltip,
+  $ as underline
+};
+//# sourceMappingURL=elements.js.map

package/dist/modifiers/elements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"elements.js","sources":["../../src/modifiers/elements.ts"],"sourcesContent":["/**\n * Pseudo-element Modifiers - ::before and ::after styling\n *\n * Provides comprehensive pseudo-element support for ::before and ::after\n * with dynamic stylesheet generation and flexible styling options.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\n\nexport interface PseudoElementStyles {\n  content?: string                    // Content for pseudo-element (required)\n  position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky'\n  top?: number | string\n  right?: number | string\n  bottom?: number | string\n  left?: number | string\n  width?: number | string\n  height?: number | string\n  backgroundColor?: string\n  color?: string\n  fontSize?: number | string\n  fontWeight?: string | number\n  fontFamily?: string\n  lineHeight?: number | string\n  textAlign?: 'left' | 'center' | 'right' | 'justify'\n  margin?: number | string\n  marginTop?: number | string\n  marginRight?: number | string\n  marginBottom?: number | string\n  marginLeft?: number | string\n  padding?: number | string\n  paddingTop?: number | string\n  paddingRight?: number | string\n  paddingBottom?: number | string\n  paddingLeft?: number | string\n  border?: string\n  borderTop?: string\n  borderRight?: string\n  borderBottom?: string\n  borderLeft?: string\n  borderRadius?: number | string\n  borderWidth?: number | string\n  borderStyle?: string\n  borderColor?: string\n  boxShadow?: string\n  textShadow?: string\n  opacity?: number\n  transform?: string\n  transformOrigin?: string\n  zIndex?: number\n  display?: string\n  flexDirection?: string\n  flexWrap?: string\n  alignItems?: string\n  justifyContent?: string\n  alignSelf?: string\n  flex?: string\n  flexGrow?: number\n  flexShrink?: number\n  flexBasis?: string\n  order?: number\n  overflow?: 'visible' | 'hidden' | 'scroll' | 'auto'\n  overflowX?: 'visible' | 'hidden' | 'scroll' | 'auto'\n  overflowY?: 'visible' | 'hidden' | 'scroll' | 'auto'\n  whiteSpace?: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line'\n  textOverflow?: 'clip' | 'ellipsis'\n  cursor?: string\n  pointerEvents?: 'auto' | 'none'\n  visibility?: 'visible' | 'hidden'\n  backgroundImage?: string\n  backgroundSize?: string\n  backgroundPosition?: string\n  backgroundRepeat?: string\n  filter?: string\n  backdropFilter?: string\n  transition?: string\n  animation?: string\n  [key: string]: any  // Allow any CSS property\n}\n\nexport interface PseudoElementOptions {\n  before?: PseudoElementStyles\n  after?: PseudoElementStyles\n}\n\nexport type ReactivePseudoElementOptions = ReactiveModifierProps<PseudoElementOptions>\n\nexport class PseudoElementModifier extends BaseModifier<PseudoElementOptions> {\n  readonly type = 'pseudoElement'\n  readonly priority = 50  // High priority to ensure pseudo-elements are applied last\n  private static styleSheetId = 'tachui-pseudo-elements'\n  private static elementCount = 0\n\n  constructor(options: ReactivePseudoElementOptions) {\n    const resolvedOptions: PseudoElementOptions = {}\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    // Generate unique class for pseudo-element styles\n    const pseudoClass = `tachui-pseudo-${++PseudoElementModifier.elementCount}`\n    context.element.classList.add(pseudoClass)\n\n    // Add pseudo-element styles to stylesheet\n    if (this.properties.before) {\n      this.addPseudoElementRule(pseudoClass, 'before', this.properties.before)\n    }\n\n    if (this.properties.after) {\n      this.addPseudoElementRule(pseudoClass, 'after', this.properties.after)\n    }\n    \n    return undefined\n  }\n\n  private addPseudoElementRule(\n    className: string, \n    pseudoType: 'before' | 'after', \n    styles: PseudoElementStyles\n  ): void {\n    const styleSheet = this.getOrCreateStyleSheet()\n    const cssRule = this.generatePseudoElementCSS(className, pseudoType, styles)\n    \n    try {\n      styleSheet.insertRule(cssRule)\n    } catch (e) {\n      console.warn('Failed to add pseudo-element rule:', e)\n    }\n  }\n\n  private generatePseudoElementCSS(\n    className: string, \n    pseudoType: 'before' | 'after', \n    styles: PseudoElementStyles\n  ): string {\n    const selector = `.${className}::${pseudoType}`\n    const cssProperties: string[] = []\n\n    // Ensure content property is set (required for pseudo-elements)\n    if (!styles.content) {\n      styles.content = '\"\"'\n    }\n\n    Object.entries(styles).forEach(([prop, value]) => {\n      if (value !== undefined) {\n        const cssProperty = this.toCSSProperty(prop)\n        const cssValue = this.formatCSSValue(prop, value)\n        cssProperties.push(`${cssProperty}: ${cssValue}`)\n      }\n    })\n\n    return `${selector} { ${cssProperties.join('; ')} }`\n  }\n\n  private formatCSSValue(property: string, value: any): string {\n    // Handle special cases for pseudo-element properties\n    if (property === 'content') {\n      // Ensure content is properly quoted if it's not already\n      if (typeof value === 'string' && !value.startsWith('\"') && !value.startsWith(\"'\")) {\n        return `\"${value}\"`\n      }\n      return value\n    }\n\n    if (typeof value === 'number') {\n      // Properties that should be unitless\n      const unitlessProperties = [\n        'opacity', 'z-index', 'line-height', 'flex-grow', 'flex-shrink', \n        'order', 'column-count', 'font-weight'\n      ]\n      \n      if (unitlessProperties.includes(this.toCSSProperty(property))) {\n        return String(value)\n      }\n      \n      return `${value}px`\n    }\n\n    return String(value)\n  }\n\n  private getOrCreateStyleSheet(): CSSStyleSheet {\n    const existingStyle = document.getElementById(PseudoElementModifier.styleSheetId)\n    \n    if (existingStyle && existingStyle instanceof HTMLStyleElement) {\n      return existingStyle.sheet!\n    }\n\n    const style = document.createElement('style')\n    style.id = PseudoElementModifier.styleSheetId\n    document.head.appendChild(style)\n    return style.sheet!\n  }\n}\n\n// ============================================================================\n// Pseudo-element Functions\n// ============================================================================\n\n/**\n * ::before pseudo-element modifier\n *\n * @example\n * ```typescript\n * .before({\n *   content: '★',\n *   position: 'absolute',\n *   left: -20,\n *   color: '#ffd700'\n * })\n * ```\n */\nexport function before(styles: PseudoElementStyles): PseudoElementModifier {\n  return new PseudoElementModifier({ before: styles })\n}\n\n/**\n * ::after pseudo-element modifier\n *\n * @example\n * ```typescript\n * .after({\n *   content: '',\n *   position: 'absolute',\n *   bottom: 0,\n *   left: 0,\n *   right: 0,\n *   height: 2,\n *   backgroundColor: '#007AFF'\n * })\n * ```\n */\nexport function after(styles: PseudoElementStyles): PseudoElementModifier {\n  return new PseudoElementModifier({ after: styles })\n}\n\n/**\n * Both ::before and ::after pseudo-elements\n *\n * @example\n * ```typescript\n * .pseudoElements({\n *   before: { content: '\"', fontSize: 24, color: '#666' },\n *   after: { content: '\"', fontSize: 24, color: '#666' }\n * })\n * ```\n */\nexport function pseudoElements(options: PseudoElementOptions): PseudoElementModifier {\n  return new PseudoElementModifier(options)\n}\n\n// ============================================================================\n// Common Pseudo-element Patterns\n// ============================================================================\n\n/**\n * Icon before content using a Unicode character\n *\n * @example\n * ```typescript\n * .iconBefore('★', { color: '#ffd700', marginRight: 8 })\n * .iconBefore('→', { color: '#007AFF' })\n * ```\n */\nexport function iconBefore(\n  icon: string, \n  styles: Omit<PseudoElementStyles, 'content'> = {}\n): PseudoElementModifier {\n  return before({\n    content: icon,\n    display: 'inline-block',\n    ...styles\n  })\n}\n\n/**\n * Icon after content using a Unicode character\n *\n * @example\n * ```typescript\n * .iconAfter('→', { color: '#007AFF', marginLeft: 8 })\n * .iconAfter('✓', { color: '#34c759' })\n * ```\n */\nexport function iconAfter(\n  icon: string, \n  styles: Omit<PseudoElementStyles, 'content'> = {}\n): PseudoElementModifier {\n  return after({\n    content: icon,\n    display: 'inline-block',\n    ...styles\n  })\n}\n\n/**\n * Decorative line before content\n *\n * @example\n * ```typescript\n * .lineBefore()                    // Default line\n * .lineBefore('#007AFF', 2, 20)    // Blue line, 2px thick, 20px long\n * ```\n */\nexport function lineBefore(\n  color: string = '#ddd',\n  thickness: number = 1,\n  length: number = 16\n): PseudoElementModifier {\n  return before({\n    content: '',\n    display: 'inline-block',\n    width: length,\n    height: thickness,\n    backgroundColor: color,\n    marginRight: 8,\n    verticalAlign: 'middle'\n  })\n}\n\n/**\n * Decorative line after content\n *\n * @example\n * ```typescript\n * .lineAfter()                     // Default line\n * .lineAfter('#007AFF', 2, 20)     // Blue line, 2px thick, 20px long\n * ```\n */\nexport function lineAfter(\n  color: string = '#ddd',\n  thickness: number = 1,\n  length: number = 16\n): PseudoElementModifier {\n  return after({\n    content: '',\n    display: 'inline-block',\n    width: length,\n    height: thickness,\n    backgroundColor: color,\n    marginLeft: 8,\n    verticalAlign: 'middle'\n  })\n}\n\n/**\n * Quote marks around content\n *\n * @example\n * ```typescript\n * .quotes()                        // Default quotes (\" \")\n * .quotes('«', '»')               // Custom quote characters\n * ```\n */\nexport function quotes(\n  openQuote: string = '\"',\n  closeQuote: string = '\"'\n): PseudoElementModifier {\n  return new PseudoElementModifier({\n    before: {\n      content: openQuote,\n      fontSize: '1.2em',\n      color: '#666',\n      marginRight: 4\n    },\n    after: {\n      content: closeQuote,\n      fontSize: '1.2em',\n      color: '#666',\n      marginLeft: 4\n    }\n  })\n}\n\n/**\n * Underline decoration using ::after\n *\n * @example\n * ```typescript\n * .underline()                     // Default underline\n * .underline('#007AFF', 2, 0.2)    // Blue underline, 2px thick, 20% opacity\n * ```\n */\nexport function underline(\n  color: string = 'currentColor',\n  thickness: number = 1,\n  opacity: number = 1\n): PseudoElementModifier {\n  return after({\n    content: '',\n    position: 'absolute',\n    bottom: 0,\n    left: 0,\n    right: 0,\n    height: thickness,\n    backgroundColor: color,\n    opacity\n  })\n}\n\n/**\n * Badge or notification dot using ::after\n *\n * @example\n * ```typescript\n * .badge()                         // Default red dot\n * .badge('#007AFF', 8, '2')        // Blue badge with \"2\" text\n * ```\n */\nexport function badge(\n  color: string = '#ff3b30',\n  size: number = 6,\n  text: string = ''\n): PseudoElementModifier {\n  return after({\n    content: text,\n    position: 'absolute',\n    top: -2,\n    right: -2,\n    width: text ? 'auto' : size,\n    height: size,\n    minWidth: size,\n    backgroundColor: color,\n    borderRadius: '50%',\n    fontSize: 10,\n    color: 'white',\n    textAlign: 'center',\n    lineHeight: text ? size / 10 : 1,\n    padding: text ? '2px 4px' : 0,\n    display: 'flex',\n    alignItems: 'center',\n    justifyContent: 'center'\n  })\n}\n\n/**\n * Tooltip using ::before with positioning\n *\n * @example\n * ```typescript\n * .tooltip('This is a tooltip')\n * .tooltip('Custom tooltip', 'bottom', '#333')\n * ```\n */\nexport function tooltip(\n  text: string,\n  position: 'top' | 'bottom' | 'left' | 'right' = 'top',\n  backgroundColor: string = '#333',\n  textColor: string = 'white'\n): PseudoElementModifier {\n  const positionStyles: Record<string, any> = {\n    top: { bottom: '100%', left: '50%', transform: 'translateX(-50%)', marginBottom: 5 },\n    bottom: { top: '100%', left: '50%', transform: 'translateX(-50%)', marginTop: 5 },\n    left: { right: '100%', top: '50%', transform: 'translateY(-50%)', marginRight: 5 },\n    right: { left: '100%', top: '50%', transform: 'translateY(-50%)', marginLeft: 5 }\n  }\n\n  return before({\n    content: text,\n    position: 'absolute',\n    backgroundColor,\n    color: textColor,\n    padding: '4px 8px',\n    borderRadius: 4,\n    fontSize: 12,\n    whiteSpace: 'nowrap',\n    zIndex: 1000,\n    opacity: 0,\n    pointerEvents: 'none',\n    transition: 'opacity 0.2s ease',\n    ...positionStyles[position]\n  })\n}\n\n/**\n * Corner ribbon using ::before\n *\n * @example\n * ```typescript\n * .cornerRibbon('New!')            // Default red ribbon\n * .cornerRibbon('Sale', '#ff9500') // Orange sale ribbon\n * ```\n */\nexport function cornerRibbon(\n  text: string,\n  color: string = '#ff3b30',\n  textColor: string = 'white'\n): PseudoElementModifier {\n  return before({\n    content: text,\n    position: 'absolute',\n    top: 8,\n    right: -8,\n    backgroundColor: color,\n    color: textColor,\n    padding: '2px 12px',\n    fontSize: 11,\n    fontWeight: 'bold',\n    textTransform: 'uppercase',\n    transform: 'rotate(45deg)',\n    transformOrigin: 'center',\n    zIndex: 10\n  })\n}\n\n/**\n * Loading spinner using ::before with animation\n *\n * @example\n * ```typescript\n * .spinner()                       // Default spinner\n * .spinner(16, '#007AFF', 2)       // Custom size, color, border width\n * ```\n */\nexport function spinner(\n  size: number = 20,\n  color: string = '#007AFF',\n  borderWidth: number = 2\n): PseudoElementModifier {\n  return before({\n    content: '',\n    display: 'inline-block',\n    width: size,\n    height: size,\n    border: `${borderWidth}px solid transparent`,\n    borderTop: `${borderWidth}px solid ${color}`,\n    borderRadius: '50%',\n    animation: 'spin 1s linear infinite'\n  })\n}"],"names":["_PseudoElementModifier","BaseModifier","options","resolvedOptions","key","value","__publicField","_node","context","pseudoClass","className","pseudoType","styles","styleSheet","cssRule","e","selector","cssProperties","prop","cssProperty","cssValue","property","existingStyle","style","PseudoElementModifier","before","after","pseudoElements","iconBefore","icon","iconAfter","lineBefore","color","thickness","length","lineAfter","quotes","openQuote","closeQuote","underline","opacity","badge","size","text","tooltip","position","backgroundColor","textColor","cornerRibbon","spinner","borderWidth"],"mappings":"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"}

package/dist/modifiers/filters.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./base.cjs");var l=Object.defineProperty,h=(e,t,r)=>t in e?l(e,t,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[t]=r,o=(e,t,r)=>h(e,typeof t!="symbol"?t+"":t,r);class n extends f.BaseModifier{constructor(t){const r={};for(const[s,i]of Object.entries(t))typeof i=="function"&&"peek"in i?r[s]=i.peek():r[s]=i;super(r),o(this,"type","filter"),o(this,"priority",30)}apply(t,r){if(!r.element)return;const s=this.computeFilterStyles(this.properties);this.applyStyles(r.element,s)}computeFilterStyles(t){const r={};if(t.filter){const s=typeof t.filter=="string"?t.filter:this.generateFilterCSS(t.filter);r.filter=s}return r}generateFilterCSS(t){const r=[];return Object.entries(t).forEach(([s,i])=>{switch(s){case"blur":r.push(`blur(${i}px)`);break;case"brightness":r.push(`brightness(${i})`);break;case"contrast":r.push(`contrast(${i})`);break;case"saturate":r.push(`saturate(${i})`);break;case"sepia":r.push(`sepia(${i})`);break;case"hueRotate":r.push(`hue-rotate(${i})`);break;case"invert":r.push(`invert(${i})`);break;case"opacity":r.push(`opacity(${i})`);break;case"dropShadow":r.push(`drop-shadow(${i})`);break;case"grayscale":r.push(`grayscale(${i})`);break}}),r.join(" ")}}function b(e){return new n({filter:e})}function p(e){return new n({filter:{blur:e}})}function d(e){return new n({filter:{brightness:e}})}function g(e){return new n({filter:{contrast:e}})}function a(e){return new n({filter:{saturate:e}})}function w(e){return new n({filter:{grayscale:e}})}function y(e){return new n({filter:{sepia:e}})}function u(e){return new n({filter:{hueRotate:e}})}function c(e){return new n({filter:{invert:e}})}function k(e){return new n({filter:{dropShadow:e}})}function S(e=.7,t=1.1){return new n({filter:{sepia:e,contrast:t,blur:.3}})}function v(e=1.3){return new n({filter:{grayscale:1,contrast:e}})}function m(e=1.3,t=1.05){return new n({filter:{saturate:e,contrast:t}})}function $(e="10deg"){return new n({filter:{hueRotate:e,brightness:1.05,saturate:1.1}})}function F(e="-15deg"){return new n({filter:{hueRotate:e,brightness:.98,saturate:1.05}})}function R(e=.85,t=.75){return new n({filter:{contrast:e,saturate:t,brightness:1.1}})}function M(e=1.2,t=.85){return new n({filter:{brightness:e,contrast:t}})}function _(e=.85,t=1.3){return new n({filter:{brightness:e,contrast:t}})}function P(e=1){return new n({filter:{blur:e,brightness:1.05}})}function O(){return new n({filter:{contrast:2,brightness:1.1}})}function T(){return new n({filter:{blur:.5}})}function C(){return new n({filter:{invert:1,hueRotate:"180deg"}})}function I(){return c(1)}function K(e){return a(e)}function j(e){return u(e)}exports.FilterModifier=n;exports.blackAndWhite=v;exports.blur=p;exports.brightness=d;exports.colorInvert=I;exports.contrast=g;exports.coolTone=F;exports.darkModeInvert=C;exports.dropShadow=k;exports.faded=R;exports.filter=b;exports.grayscale=w;exports.highContrastMode=O;exports.highKey=M;exports.hueRotate=u;exports.hueRotation=j;exports.invert=c;exports.lowKey=_;exports.saturate=a;exports.saturation=K;exports.sepia=y;exports.softFocus=P;exports.subtleBlur=T;exports.vibrant=m;exports.vintagePhoto=S;exports.warmTone=$;
+//# sourceMappingURL=filters.cjs.map

package/dist/modifiers/filters.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"filters.cjs","sources":["../../src/modifiers/filters.ts"],"sourcesContent":["/**\n * Filter Modifiers - CSS filter effects system\n *\n * Provides comprehensive CSS filter capabilities including blur, brightness,\n * contrast, saturation, and other visual effects for enhanced styling.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\n\nexport interface FilterConfig {\n  blur?: number            // Blur radius in pixels\n  brightness?: number      // Brightness multiplier (1 = normal, >1 brighter, <1 darker)\n  contrast?: number        // Contrast multiplier (1 = normal, >1 more contrast, <1 less contrast)\n  saturate?: number        // Saturation multiplier (1 = normal, >1 more saturated, 0 = grayscale)\n  sepia?: number          // Sepia effect (0-1, where 1 is full sepia)\n  hueRotate?: string      // Hue rotation (e.g., '90deg', '0.25turn')\n  invert?: number         // Invert colors (0-1, where 1 is full invert)\n  opacity?: number        // Opacity filter (0-1, alternative to CSS opacity)\n  dropShadow?: string     // Drop shadow filter (e.g., '2px 2px 4px rgba(0,0,0,0.5)')\n  grayscale?: number      // Grayscale effect (0-1, where 1 is full grayscale)\n}\n\nexport interface FilterOptions {\n  filter?: FilterConfig | string\n}\n\nexport type ReactiveFilterOptions = ReactiveModifierProps<FilterOptions>\n\nexport class FilterModifier extends BaseModifier<FilterOptions> {\n  readonly type = 'filter'\n  readonly priority = 30\n\n  constructor(options: ReactiveFilterOptions) {\n    const resolvedOptions: FilterOptions = {}\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.computeFilterStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeFilterStyles(props: FilterOptions) {\n    const styles: Record<string, string> = {}\n\n    if (props.filter) {\n      const filterValue = typeof props.filter === 'string'\n        ? props.filter\n        : this.generateFilterCSS(props.filter)\n      \n      styles.filter = filterValue\n    }\n\n    return styles\n  }\n\n  private generateFilterCSS(config: FilterConfig): string {\n    const filters: string[] = []\n\n    Object.entries(config).forEach(([filterType, value]) => {\n      switch (filterType) {\n        case 'blur':\n          filters.push(`blur(${value}px)`)\n          break\n        case 'brightness':\n          filters.push(`brightness(${value})`)\n          break\n        case 'contrast':\n          filters.push(`contrast(${value})`)\n          break\n        case 'saturate':\n          filters.push(`saturate(${value})`)\n          break\n        case 'sepia':\n          filters.push(`sepia(${value})`)\n          break\n        case 'hueRotate':\n          filters.push(`hue-rotate(${value})`)\n          break\n        case 'invert':\n          filters.push(`invert(${value})`)\n          break\n        case 'opacity':\n          filters.push(`opacity(${value})`)\n          break\n        case 'dropShadow':\n          filters.push(`drop-shadow(${value})`)\n          break\n        case 'grayscale':\n          filters.push(`grayscale(${value})`)\n          break\n      }\n    })\n\n    return filters.join(' ')\n  }\n}\n\n// ============================================================================\n// Filter Functions\n// ============================================================================\n\n/**\n * General filter modifier with flexible configuration\n *\n * @example\n * ```typescript\n * .filter({ blur: 5, brightness: 1.2, contrast: 1.1 })\n * .filter('blur(3px) sepia(0.8)')  // Direct CSS filter string\n * ```\n */\nexport function filter(config: FilterConfig | string): FilterModifier {\n  return new FilterModifier({ filter: config })\n}\n\n/**\n * Blur filter effect\n *\n * @example\n * ```typescript\n * .blur(5)      // 5px blur\n * .blur(0.5)    // Subtle 0.5px blur\n * .blur(10)     // Heavy 10px blur\n * ```\n */\nexport function blur(radius: number): FilterModifier {\n  return new FilterModifier({ filter: { blur: radius } })\n}\n\n/**\n * Brightness adjustment filter\n *\n * @example\n * ```typescript\n * .brightness(1.2)    // 20% brighter\n * .brightness(0.8)    // 20% darker\n * .brightness(2.0)    // Double brightness\n * ```\n */\nexport function brightness(value: number): FilterModifier {\n  return new FilterModifier({ filter: { brightness: value } })\n}\n\n/**\n * Contrast adjustment filter\n *\n * @example\n * ```typescript\n * .contrast(1.5)     // 50% more contrast\n * .contrast(0.7)     // 30% less contrast\n * .contrast(2.0)     // Double contrast\n * ```\n */\nexport function contrast(value: number): FilterModifier {\n  return new FilterModifier({ filter: { contrast: value } })\n}\n\n/**\n * Saturation adjustment filter\n *\n * @example\n * ```typescript\n * .saturate(1.5)     // 50% more saturated\n * .saturate(0.5)     // 50% less saturated  \n * .saturate(0)       // Completely desaturated (grayscale)\n * .saturate(2.0)     // Double saturation\n * ```\n */\nexport function saturate(value: number): FilterModifier {\n  return new FilterModifier({ filter: { saturate: value } })\n}\n\n/**\n * Grayscale filter effect\n *\n * @example\n * ```typescript\n * .grayscale(1)      // Full grayscale\n * .grayscale(0.5)    // 50% grayscale\n * .grayscale(0)      // No grayscale (full color)\n * ```\n */\nexport function grayscale(value: number): FilterModifier {\n  return new FilterModifier({ filter: { grayscale: value } })\n}\n\n/**\n * Sepia filter effect for vintage look\n *\n * @example\n * ```typescript\n * .sepia(1)        // Full sepia effect\n * .sepia(0.6)      // 60% sepia effect  \n * .sepia(0)        // No sepia effect\n * ```\n */\nexport function sepia(value: number): FilterModifier {\n  return new FilterModifier({ filter: { sepia: value } })\n}\n\n/**\n * Hue rotation filter effect\n *\n * @example\n * ```typescript\n * .hueRotate('90deg')     // Rotate hue by 90 degrees\n * .hueRotate('0.25turn')  // Quarter turn hue rotation\n * .hueRotate('180deg')    // Half rotation (complementary colors)\n * ```\n */\nexport function hueRotate(angle: string): FilterModifier {\n  return new FilterModifier({ filter: { hueRotate: angle } })\n}\n\n/**\n * Invert colors filter\n *\n * @example\n * ```typescript\n * .invert(1)       // Full color inversion\n * .invert(0.5)     // 50% color inversion\n * .invert(0)       // No inversion (normal colors)\n * ```\n */\nexport function invert(value: number): FilterModifier {\n  return new FilterModifier({ filter: { invert: value } })\n}\n\n/**\n * Drop shadow filter (alternative to box-shadow)\n *\n * @example\n * ```typescript\n * .dropShadow('2px 2px 4px rgba(0,0,0,0.3)')\n * .dropShadow('0 4px 8px #000')\n * .dropShadow('inset 0 0 10px rgba(255,255,255,0.5)')\n * ```\n */\nexport function dropShadow(shadow: string): FilterModifier {\n  return new FilterModifier({ filter: { dropShadow: shadow } })\n}\n\n// ============================================================================\n// Filter Combinations - Common filter effect patterns\n// ============================================================================\n\n/**\n * Vintage photo effect - sepia + contrast + slight blur\n *\n * @example\n * ```typescript\n * .vintagePhoto()           // Default vintage effect\n * .vintagePhoto(0.8, 1.2)   // Custom sepia and contrast\n * ```\n */\nexport function vintagePhoto(sepiaAmount: number = 0.7, contrastAmount: number = 1.1): FilterModifier {\n  return new FilterModifier({ \n    filter: { \n      sepia: sepiaAmount, \n      contrast: contrastAmount,\n      blur: 0.3\n    } \n  })\n}\n\n/**\n * High contrast black and white effect\n *\n * @example\n * ```typescript\n * .blackAndWhite()          // Full grayscale with high contrast\n * .blackAndWhite(1.5)       // Custom contrast level\n * ```\n */\nexport function blackAndWhite(contrastAmount: number = 1.3): FilterModifier {\n  return new FilterModifier({ \n    filter: { \n      grayscale: 1, \n      contrast: contrastAmount \n    } \n  })\n}\n\n/**\n * Vibrant color enhancement\n *\n * @example\n * ```typescript\n * .vibrant()               // Enhanced saturation and contrast\n * .vibrant(1.4, 1.1)       // Custom saturation and contrast\n * ```\n */\nexport function vibrant(saturationAmount: number = 1.3, contrastAmount: number = 1.05): FilterModifier {\n  return new FilterModifier({ \n    filter: { \n      saturate: saturationAmount, \n      contrast: contrastAmount \n    } \n  })\n}\n\n/**\n * Warm color temperature effect\n *\n * @example\n * ```typescript\n * .warmTone()              // Warm hue shift with brightness\n * .warmTone('15deg')       // Custom hue rotation\n * ```\n */\nexport function warmTone(hueShift: string = '10deg'): FilterModifier {\n  return new FilterModifier({ \n    filter: { \n      hueRotate: hueShift, \n      brightness: 1.05,\n      saturate: 1.1\n    } \n  })\n}\n\n/**\n * Cool color temperature effect\n *\n * @example\n * ```typescript\n * .coolTone()              // Cool hue shift\n * .coolTone('-20deg')      // Custom hue rotation\n * ```\n */\nexport function coolTone(hueShift: string = '-15deg'): FilterModifier {\n  return new FilterModifier({ \n    filter: { \n      hueRotate: hueShift, \n      brightness: 0.98,\n      saturate: 1.05\n    } \n  })\n}\n\n/**\n * Faded/washed out effect\n *\n * @example\n * ```typescript\n * .faded()                 // Reduced contrast and saturation\n * .faded(0.8, 0.7)         // Custom contrast and saturation\n * ```\n */\nexport function faded(contrastAmount: number = 0.85, saturationAmount: number = 0.75): FilterModifier {\n  return new FilterModifier({ \n    filter: { \n      contrast: contrastAmount, \n      saturate: saturationAmount,\n      brightness: 1.1\n    } \n  })\n}\n\n/**\n * High-key photography effect - bright and airy\n *\n * @example\n * ```typescript\n * .highKey()               // Bright, airy effect\n * .highKey(1.3, 0.9)       // Custom brightness and contrast\n * ```\n */\nexport function highKey(brightnessAmount: number = 1.2, contrastAmount: number = 0.85): FilterModifier {\n  return new FilterModifier({ \n    filter: { \n      brightness: brightnessAmount, \n      contrast: contrastAmount \n    } \n  })\n}\n\n/**\n * Low-key photography effect - dark and moody\n *\n * @example\n * ```typescript\n * .lowKey()                // Dark, moody effect  \n * .lowKey(0.8, 1.4)        // Custom brightness and contrast\n * ```\n */\nexport function lowKey(brightnessAmount: number = 0.85, contrastAmount: number = 1.3): FilterModifier {\n  return new FilterModifier({ \n    filter: { \n      brightness: brightnessAmount, \n      contrast: contrastAmount \n    } \n  })\n}\n\n/**\n * Soft focus effect - subtle blur with brightness\n *\n * @example\n * ```typescript\n * .softFocus()             // Subtle blur with glow effect\n * .softFocus(1.5)          // Custom blur amount\n * ```\n */\nexport function softFocus(blurAmount: number = 1): FilterModifier {\n  return new FilterModifier({ \n    filter: { \n      blur: blurAmount, \n      brightness: 1.05 \n    } \n  })\n}\n\n// ============================================================================\n// Accessibility and Theme Filters\n// ============================================================================\n\n/**\n * High contrast mode for accessibility\n */\nexport function highContrastMode(): FilterModifier {\n  return new FilterModifier({ \n    filter: { \n      contrast: 2.0,\n      brightness: 1.1\n    } \n  })\n}\n\n/**\n * Reduced motion safe blur (very subtle)\n */\nexport function subtleBlur(): FilterModifier {\n  return new FilterModifier({ filter: { blur: 0.5 } })\n}\n\n/**\n * Dark mode invert filter\n */\nexport function darkModeInvert(): FilterModifier {\n  return new FilterModifier({ \n    filter: { \n      invert: 1,\n      hueRotate: '180deg'\n    } \n  })\n}\n\n// ============================================================================\n// SwiftUI Compatibility Functions\n// ============================================================================\n\n/**\n * SwiftUI-compatible colorInvert modifier (full color inversion)\n * \n * @example\n * ```typescript\n * .colorInvert()   // Full color inversion (equivalent to .invert(1))\n * ```\n */\nexport function colorInvert(): FilterModifier {\n  return invert(1)\n}\n\n/**\n * SwiftUI-compatible saturation modifier (alias for saturate)\n * \n * @example\n * ```typescript\n * .saturation(1.5)   // 50% more saturated\n * .saturation(0)     // Completely desaturated (grayscale)\n * ```\n */\nexport function saturation(amount: number): FilterModifier {\n  return saturate(amount)\n}\n\n/**\n * SwiftUI-compatible hueRotation modifier (alias for hueRotate)\n * \n * @example\n * ```typescript\n * .hueRotation('90deg')     // Rotate hue by 90 degrees\n * .hueRotation('0.25turn')  // Quarter turn hue rotation\n * ```\n */\nexport function hueRotation(angle: string): FilterModifier {\n  return hueRotate(angle)\n}"],"names":["FilterModifier","BaseModifier","options","resolvedOptions","key","value","__publicField","_node","context","styles","props","filterValue","config","filters","filterType","filter","blur","radius","brightness","contrast","saturate","grayscale","sepia","hueRotate","angle","invert","dropShadow","shadow","vintagePhoto","sepiaAmount","contrastAmount","blackAndWhite","vibrant","saturationAmount","warmTone","hueShift","coolTone","faded","highKey","brightnessAmount","lowKey","softFocus","blurAmount","highContrastMode","subtleBlur","darkModeInvert","colorInvert","saturation","amount","hueRotation"],"mappings":"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"}