@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

package/dist/modifiers/elements.js

@@ -1,216 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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":";;AAyFO,MAAMA,IAAN,MAAMA,UAA8BC,EAAmC;AAAA,EAM5E,YAAYC,GAAuC;AACjD,UAAMC,IAAwC,CAAA;AAC9C,eAAW,CAACC,GAAKC,CAAK,KAAK,OAAO,QAAQH,CAAO;AAC/C,MAAI,OAAOG,KAAU,cAAc,UAAUA,IACzCF,EAAwBC,CAAG,IAAKC,EAAc,KAAA,IAE9CF,EAAwBC,CAAG,IAAIC;AAGrC,UAAMF,CAAe,GAdvBG,EAAA,MAAS,QAAO,eAAA,GAChBA,EAAA,MAAS,YAAW,EAAA;AAAA,EAcpB;AAAA,EAEA,MAAMC,GAAgBC,GAA+C;AACnE,QAAI,CAACA,EAAQ,QAAS;AAGtB,UAAMC,IAAc,iBAAiB,EAAET,EAAsB,YAAY;AACzE,IAAAQ,EAAQ,QAAQ,UAAU,IAAIC,CAAW,GAGrC,KAAK,WAAW,UAClB,KAAK,qBAAqBA,GAAa,UAAU,KAAK,WAAW,MAAM,GAGrE,KAAK,WAAW,SAClB,KAAK,qBAAqBA,GAAa,SAAS,KAAK,WAAW,KAAK;AAAA,EAIzE;AAAA,EAEQ,qBACNC,GACAC,GACAC,GACM;AACN,UAAMC,IAAa,KAAK,sBAAA,GAClBC,IAAU,KAAK,yBAAyBJ,GAAWC,GAAYC,CAAM;AAE3E,QAAI;AACF,MAAAC,EAAW,WAAWC,CAAO;AAAA,IAC/B,SAASC,GAAG;AACV,cAAQ,KAAK,sCAAsCA,CAAC;AAAA,IACtD;AAAA,EACF;AAAA,EAEQ,yBACNL,GACAC,GACAC,GACQ;AACR,UAAMI,IAAW,IAAIN,CAAS,KAAKC,CAAU,IACvCM,IAA0B,CAAA;AAGhC,WAAKL,EAAO,YACVA,EAAO,UAAU,OAGnB,OAAO,QAAQA,CAAM,EAAE,QAAQ,CAAC,CAACM,GAAMb,CAAK,MAAM;AAChD,UAAIA,MAAU,QAAW;AACvB,cAAMc,IAAc,KAAK,cAAcD,CAAI,GACrCE,IAAW,KAAK,eAAeF,GAAMb,CAAK;AAChD,QAAAY,EAAc,KAAK,GAAGE,CAAW,KAAKC,CAAQ,EAAE;AAAA,MAClD;AAAA,IACF,CAAC,GAEM,GAAGJ,CAAQ,MAAMC,EAAc,KAAK,IAAI,CAAC;AAAA,EAClD;AAAA,EAEQ,eAAeI,GAAkBhB,GAAoB;AAE3D,WAAIgB,MAAa,YAEX,OAAOhB,KAAU,YAAY,CAACA,EAAM,WAAW,GAAG,KAAK,CAACA,EAAM,WAAW,GAAG,IACvE,IAAIA,CAAK,MAEXA,IAGL,OAAOA,KAAU,WAEQ;AAAA,MACzB;AAAA,MAAW;AAAA,MAAW;AAAA,MAAe;AAAA,MAAa;AAAA,MAClD;AAAA,MAAS;AAAA,MAAgB;AAAA,IAAA,EAGJ,SAAS,KAAK,cAAcgB,CAAQ,CAAC,IACnD,OAAOhB,CAAK,IAGd,GAAGA,CAAK,OAGV,OAAOA,CAAK;AAAA,EACrB;AAAA,EAEQ,wBAAuC;AAC7C,UAAMiB,IAAgB,SAAS,eAAetB,EAAsB,YAAY;AAEhF,QAAIsB,KAAiBA,aAAyB;AAC5C,aAAOA,EAAc;AAGvB,UAAMC,IAAQ,SAAS,cAAc,OAAO;AAC5C,WAAAA,EAAM,KAAKvB,EAAsB,cACjC,SAAS,KAAK,YAAYuB,CAAK,GACxBA,EAAM;AAAA,EACf;AACF;AAhHEjB,EAHWN,GAGI,gBAAe,wBAAA;AAC9BM,EAJWN,GAII,gBAAe,CAAA;AAJzB,IAAMwB,IAANxB;AAsIA,SAASyB,EAAOb,GAAoD;AACzE,SAAO,IAAIY,EAAsB,EAAE,QAAQZ,GAAQ;AACrD;AAkBO,SAASc,EAAMd,GAAoD;AACxE,SAAO,IAAIY,EAAsB,EAAE,OAAOZ,GAAQ;AACpD;AAaO,SAASe,EAAezB,GAAsD;AACnF,SAAO,IAAIsB,EAAsBtB,CAAO;AAC1C;AAeO,SAAS0B,EACdC,GACAjB,IAA+C,IACxB;AACvB,SAAOa,EAAO;AAAA,IACZ,SAASI;AAAA,IACT,SAAS;AAAA,IACT,GAAGjB;AAAA,EAAA,CACJ;AACH;AAWO,SAASkB,EACdD,GACAjB,IAA+C,IACxB;AACvB,SAAOc,EAAM;AAAA,IACX,SAASG;AAAA,IACT,SAAS;AAAA,IACT,GAAGjB;AAAA,EAAA,CACJ;AACH;AAWO,SAASmB,EACdC,IAAgB,QAChBC,IAAoB,GACpBC,IAAiB,IACM;AACvB,SAAOT,EAAO;AAAA,IACZ,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAOS;AAAA,IACP,QAAQD;AAAA,IACR,iBAAiBD;AAAA,IACjB,aAAa;AAAA,IACb,eAAe;AAAA,EAAA,CAChB;AACH;AAWO,SAASG,EACdH,IAAgB,QAChBC,IAAoB,GACpBC,IAAiB,IACM;AACvB,SAAOR,EAAM;AAAA,IACX,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAOQ;AAAA,IACP,QAAQD;AAAA,IACR,iBAAiBD;AAAA,IACjB,YAAY;AAAA,IACZ,eAAe;AAAA,EAAA,CAChB;AACH;AAWO,SAASI,EACdC,IAAoB,KACpBC,IAAqB,KACE;AACvB,SAAO,IAAId,EAAsB;AAAA,IAC/B,QAAQ;AAAA,MACN,SAASa;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,aAAa;AAAA,IAAA;AAAA,IAEf,OAAO;AAAA,MACL,SAASC;AAAA,MACT,UAAU;AAAA,MACV,OAAO;AAAA,MACP,YAAY;AAAA,IAAA;AAAA,EACd,CACD;AACH;AAWO,SAASC,EACdP,IAAgB,gBAChBC,IAAoB,GACpBO,IAAkB,GACK;AACvB,SAAOd,EAAM;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQO;AAAA,IACR,iBAAiBD;AAAA,IACjB,SAAAQ;AAAA,EAAA,CACD;AACH;AAWO,SAASC,EACdT,IAAgB,WAChBU,IAAe,GACfC,IAAe,IACQ;AACvB,SAAOjB,EAAM;AAAA,IACX,SAASiB;AAAA,IACT,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,IACP,OAAOA,IAAO,SAASD;AAAA,IACvB,QAAQA;AAAA,IACR,UAAUA;AAAA,IACV,iBAAiBV;AAAA,IACjB,cAAc;AAAA,IACd,UAAU;AAAA,IACV,OAAO;AAAA,IACP,WAAW;AAAA,IACX,YAAYW,IAAOD,IAAO,KAAK;AAAA,IAC/B,SAASC,IAAO,YAAY;AAAA,IAC5B,SAAS;AAAA,IACT,YAAY;AAAA,IACZ,gBAAgB;AAAA,EAAA,CACjB;AACH;AAWO,SAASC,EACdD,GACAE,IAAgD,OAChDC,IAA0B,QAC1BC,IAAoB,SACG;AAQvB,SAAOtB,EAAO;AAAA,IACZ,SAASkB;AAAA,IACT,UAAU;AAAA,IACV,iBAAAG;AAAA,IACA,OAAOC;AAAA,IACP,SAAS;AAAA,IACT,cAAc;AAAA,IACd,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,QAAQ;AAAA,IACR,SAAS;AAAA,IACT,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,GApB0C;AAAA,MAC1C,KAAK,EAAE,QAAQ,QAAQ,MAAM,OAAO,WAAW,oBAAoB,cAAc,EAAA;AAAA,MACjF,QAAQ,EAAE,KAAK,QAAQ,MAAM,OAAO,WAAW,oBAAoB,WAAW,EAAA;AAAA,MAC9E,MAAM,EAAE,OAAO,QAAQ,KAAK,OAAO,WAAW,oBAAoB,aAAa,EAAA;AAAA,MAC/E,OAAO,EAAE,MAAM,QAAQ,KAAK,OAAO,WAAW,oBAAoB,YAAY,EAAA;AAAA,IAAE,EAgB9DF,CAAQ;AAAA,EAAA,CAC3B;AACH;AAWO,SAASG,EACdL,GACAX,IAAgB,WAChBe,IAAoB,SACG;AACvB,SAAOtB,EAAO;AAAA,IACZ,SAASkB;AAAA,IACT,UAAU;AAAA,IACV,KAAK;AAAA,IACL,OAAO;AAAA,IACP,iBAAiBX;AAAA,IACjB,OAAOe;AAAA,IACP,SAAS;AAAA,IACT,UAAU;AAAA,IACV,YAAY;AAAA,IACZ,eAAe;AAAA,IACf,WAAW;AAAA,IACX,iBAAiB;AAAA,IACjB,QAAQ;AAAA,EAAA,CACT;AACH;AAWO,SAASE,EACdP,IAAe,IACfV,IAAgB,WAChBkB,IAAsB,GACC;AACvB,SAAOzB,EAAO;AAAA,IACZ,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAOiB;AAAA,IACP,QAAQA;AAAA,IACR,QAAQ,GAAGQ,CAAW;AAAA,IACtB,WAAW,GAAGA,CAAW,YAAYlB,CAAK;AAAA,IAC1C,cAAc;AAAA,IACd,WAAW;AAAA,EAAA,CACZ;AACH;"}

package/dist/modifiers/filters.cjs

@@ -1,2 +0,0 @@
-"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

@@ -1 +0,0 @@
-{"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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"}

package/dist/modifiers/filters.js

@@ -1,223 +0,0 @@
-import { BaseModifier as u } from "./base.js";
-var a = Object.defineProperty, c = (e, t, r) => t in e ? a(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, o = (e, t, r) => c(e, typeof t != "symbol" ? t + "" : t, r);
-class n extends u {
-  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 w(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 f(e) {
-  return new n({ filter: { saturate: e } });
-}
-function y(e) {
-  return new n({ filter: { grayscale: e } });
-}
-function k(e) {
-  return new n({ filter: { sepia: e } });
-}
-function l(e) {
-  return new n({ filter: { hueRotate: e } });
-}
-function h(e) {
-  return new n({ filter: { invert: e } });
-}
-function m(e) {
-  return new n({ filter: { dropShadow: e } });
-}
-function S(e = 0.7, t = 1.1) {
-  return new n({
-    filter: {
-      sepia: e,
-      contrast: t,
-      blur: 0.3
-    }
-  });
-}
-function $(e = 1.3) {
-  return new n({
-    filter: {
-      grayscale: 1,
-      contrast: e
-    }
-  });
-}
-function F(e = 1.3, t = 1.05) {
-  return new n({
-    filter: {
-      saturate: e,
-      contrast: t
-    }
-  });
-}
-function R(e = "10deg") {
-  return new n({
-    filter: {
-      hueRotate: e,
-      brightness: 1.05,
-      saturate: 1.1
-    }
-  });
-}
-function _(e = "-15deg") {
-  return new n({
-    filter: {
-      hueRotate: e,
-      brightness: 0.98,
-      saturate: 1.05
-    }
-  });
-}
-function v(e = 0.85, t = 0.75) {
-  return new n({
-    filter: {
-      contrast: e,
-      saturate: t,
-      brightness: 1.1
-    }
-  });
-}
-function M(e = 1.2, t = 0.85) {
-  return new n({
-    filter: {
-      brightness: e,
-      contrast: t
-    }
-  });
-}
-function O(e = 0.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 C() {
-  return new n({
-    filter: {
-      contrast: 2,
-      brightness: 1.1
-    }
-  });
-}
-function j() {
-  return new n({ filter: { blur: 0.5 } });
-}
-function x() {
-  return new n({
-    filter: {
-      invert: 1,
-      hueRotate: "180deg"
-    }
-  });
-}
-function B() {
-  return h(1);
-}
-function I(e) {
-  return f(e);
-}
-function K(e) {
-  return l(e);
-}
-export {
-  n as FilterModifier,
-  $ as blackAndWhite,
-  w as blur,
-  d as brightness,
-  B as colorInvert,
-  g as contrast,
-  _ as coolTone,
-  x as darkModeInvert,
-  m as dropShadow,
-  v as faded,
-  b as filter,
-  y as grayscale,
-  C as highContrastMode,
-  M as highKey,
-  l as hueRotate,
-  K as hueRotation,
-  h as invert,
-  O as lowKey,
-  f as saturate,
-  I as saturation,
-  k as sepia,
-  P as softFocus,
-  j as subtleBlur,
-  F as vibrant,
-  S as vintagePhoto,
-  R as warmTone
-};
-//# sourceMappingURL=filters.js.map

package/dist/modifiers/filters.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"filters.js","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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"}

package/dist/modifiers/flexbox.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("./base.cjs");var a=Object.defineProperty,u=(t,e,i)=>e in t?a(t,e,{enumerable:!0,configurable:!0,writable:!0,value:i}):t[e]=i,o=(t,e,i)=>u(t,typeof e!="symbol"?e+"":e,i);class n extends r.BaseModifier{constructor(e){const i={};for(const[l,f]of Object.entries(e))typeof f=="function"&&"peek"in f?i[l]=f.peek():i[l]=f;super(i),o(this,"type","flexbox"),o(this,"priority",60)}apply(e,i){if(!i.element)return;const l=this.computeFlexboxStyles(this.properties);this.applyStyles(i.element,l)}computeFlexboxStyles(e){const i={};return e.flexGrow!==void 0&&(i.flexGrow=e.flexGrow.toString()),e.flexShrink!==void 0&&(i.flexShrink=e.flexShrink.toString()),e.flexBasis!==void 0&&(i.flexBasis=this.toCSSValue(e.flexBasis)),e.flex!==void 0&&(i.flex=e.flex),e.justifyContent!==void 0&&(i.justifyContent=e.justifyContent),e.alignItems!==void 0&&(i.alignItems=e.alignItems),e.alignSelf!==void 0&&(i.alignSelf=e.alignSelf),e.flexDirection!==void 0&&(i.flexDirection=e.flexDirection),e.flexWrap!==void 0&&(i.flexWrap=e.flexWrap),e.alignContent!==void 0&&(i.alignContent=e.alignContent),e.gap!==void 0&&(i.gap=this.toCSSValue(e.gap)),e.rowGap!==void 0&&(i.rowGap=this.toCSSValue(e.rowGap)),e.columnGap!==void 0&&(i.columnGap=this.toCSSValue(e.columnGap)),i}}function x(t){return new n(t)}function c(t){return new n({flexGrow:t})}function s(t){return new n({flexShrink:t})}function d(t){return new n({justifyContent:t})}function S(t){return new n({alignItems:t})}function g(t){return new n({gap:t})}function v(t){return new n({flexDirection:t})}function w(t){return new n({flexWrap:t})}exports.FlexboxModifier=n;exports.alignItems=S;exports.flexDirection=v;exports.flexGrow=c;exports.flexShrink=s;exports.flexWrap=w;exports.flexbox=x;exports.gap=g;exports.justifyContent=d;
-//# sourceMappingURL=flexbox.cjs.map

package/dist/modifiers/flexbox.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"flexbox.cjs","sources":["../../src/modifiers/flexbox.ts"],"sourcesContent":["/**\n * Flexbox Modifier - comprehensive flexbox layout properties\n *\n * Provides a unified interface for flexbox properties\n * including flex-grow, justify-content, align-items, etc.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\n\nexport interface FlexboxOptions {\n  flexGrow?: number\n  flexShrink?: number\n  flexBasis?: number | string\n  flex?: string\n  justifyContent?:\n    | 'flex-start'\n    | 'flex-end'\n    | 'center'\n    | 'space-between'\n    | 'space-around'\n    | 'space-evenly'\n  alignItems?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  alignSelf?: 'auto' | 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'baseline'\n  flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse'\n  flexWrap?: 'nowrap' | 'wrap' | 'wrap-reverse'\n  alignContent?: 'flex-start' | 'flex-end' | 'center' | 'stretch' | 'space-between' | 'space-around'\n  gap?: number | string\n  rowGap?: number | string\n  columnGap?: number | string\n}\n\nexport type ReactiveFlexboxOptions = ReactiveModifierProps<FlexboxOptions>\n\nexport class FlexboxModifier extends BaseModifier<FlexboxOptions> {\n  readonly type = 'flexbox'\n  readonly priority = 60 // Priority 60 for flexbox layout\n\n  constructor(options: ReactiveFlexboxOptions) {\n    // Convert reactive options to regular options for immediate use\n    const resolvedOptions: FlexboxOptions = {}\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.computeFlexboxStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeFlexboxStyles(props: FlexboxOptions) {\n    const styles: Record<string, string> = {}\n\n    if (props.flexGrow !== undefined) {\n      styles.flexGrow = props.flexGrow.toString()\n    }\n    if (props.flexShrink !== undefined) {\n      styles.flexShrink = props.flexShrink.toString()\n    }\n    if (props.flexBasis !== undefined) {\n      styles.flexBasis = this.toCSSValue(props.flexBasis)\n    }\n    if (props.flex !== undefined) {\n      styles.flex = props.flex\n    }\n    if (props.justifyContent !== undefined) {\n      styles.justifyContent = props.justifyContent\n    }\n    if (props.alignItems !== undefined) {\n      styles.alignItems = props.alignItems\n    }\n    if (props.alignSelf !== undefined) {\n      styles.alignSelf = props.alignSelf\n    }\n    if (props.flexDirection !== undefined) {\n      styles.flexDirection = props.flexDirection\n    }\n    if (props.flexWrap !== undefined) {\n      styles.flexWrap = props.flexWrap\n    }\n    if (props.alignContent !== undefined) {\n      styles.alignContent = props.alignContent\n    }\n    if (props.gap !== undefined) {\n      styles.gap = this.toCSSValue(props.gap)\n    }\n    if (props.rowGap !== undefined) {\n      styles.rowGap = this.toCSSValue(props.rowGap)\n    }\n    if (props.columnGap !== undefined) {\n      styles.columnGap = this.toCSSValue(props.columnGap)\n    }\n\n    return styles\n  }\n}\n\n/**\n * Create a flexbox modifier with comprehensive flexbox properties\n *\n * @example\n * ```typescript\n * // Complete flexbox layout\n * .flexbox({\n *   flexGrow: 1,\n *   justifyContent: 'center',\n *   alignItems: 'stretch',\n *   gap: 16\n * })\n *\n * // Simple flex grow\n * .flexGrow(1)\n *\n * // Justify content\n * .justifyContent('space-between')\n * ```\n */\nexport function flexbox(options: ReactiveFlexboxOptions): FlexboxModifier {\n  return new FlexboxModifier(options)\n}\n\n/**\n * Convenience function for flex-grow\n */\nexport function flexGrow(value: number): FlexboxModifier {\n  return new FlexboxModifier({ flexGrow: value })\n}\n\n/**\n * Convenience function for flex-shrink\n */\nexport function flexShrink(value: number): FlexboxModifier {\n  return new FlexboxModifier({ flexShrink: value })\n}\n\n/**\n * Convenience function for justify-content\n */\nexport function justifyContent(value: FlexboxOptions['justifyContent']): FlexboxModifier {\n  return new FlexboxModifier({ justifyContent: value })\n}\n\n/**\n * Convenience function for align-items\n */\nexport function alignItems(value: FlexboxOptions['alignItems']): FlexboxModifier {\n  return new FlexboxModifier({ alignItems: value })\n}\n\n/**\n * Convenience function for gap\n */\nexport function gap(value: number | string): FlexboxModifier {\n  return new FlexboxModifier({ gap: value })\n}\n\n/**\n * Convenience function for flex-direction\n */\nexport function flexDirection(value: FlexboxOptions['flexDirection']): FlexboxModifier {\n  return new FlexboxModifier({ flexDirection: value })\n}\n\n/**\n * Convenience function for flex-wrap\n */\nexport function flexWrap(value: FlexboxOptions['flexWrap']): FlexboxModifier {\n  return new FlexboxModifier({ flexWrap: value })\n}\n"],"names":["FlexboxModifier","BaseModifier","options","resolvedOptions","key","value","__publicField","_node","context","styles","props","flexbox","flexGrow","flexShrink","justifyContent","alignItems","gap","flexDirection","flexWrap"],"mappings":"0QAmCO,MAAMA,UAAwBC,EAAAA,YAA6B,CAIhE,YAAYC,EAAiC,CAE3C,MAAMC,EAAkC,CAAA,EACxC,SAAW,CAACC,EAAKC,CAAK,IAAK,OAAO,QAAQH,CAAO,EAC3C,OAAOG,GAAU,YAAc,SAAUA,EACzCF,EAAwBC,CAAG,EAAKC,EAAc,KAAA,EAE9CF,EAAwBC,CAAG,EAAIC,EAGrC,MAAMF,CAAe,EAbvBG,EAAA,KAAS,OAAO,SAAA,EAChBA,EAAA,KAAS,WAAW,EAAA,CAapB,CAEA,MAAMC,EAAgBC,EAA+C,CACnE,GAAI,CAACA,EAAQ,QAAS,OAEtB,MAAMC,EAAS,KAAK,qBAAqB,KAAK,UAAU,EACxD,KAAK,YAAYD,EAAQ,QAASC,CAAM,CAG1C,CAEQ,qBAAqBC,EAAuB,CAClD,MAAMD,EAAiC,CAAA,EAEvC,OAAIC,EAAM,WAAa,SACrBD,EAAO,SAAWC,EAAM,SAAS,SAAA,GAE/BA,EAAM,aAAe,SACvBD,EAAO,WAAaC,EAAM,WAAW,SAAA,GAEnCA,EAAM,YAAc,SACtBD,EAAO,UAAY,KAAK,WAAWC,EAAM,SAAS,GAEhDA,EAAM,OAAS,SACjBD,EAAO,KAAOC,EAAM,MAElBA,EAAM,iBAAmB,SAC3BD,EAAO,eAAiBC,EAAM,gBAE5BA,EAAM,aAAe,SACvBD,EAAO,WAAaC,EAAM,YAExBA,EAAM,YAAc,SACtBD,EAAO,UAAYC,EAAM,WAEvBA,EAAM,gBAAkB,SAC1BD,EAAO,cAAgBC,EAAM,eAE3BA,EAAM,WAAa,SACrBD,EAAO,SAAWC,EAAM,UAEtBA,EAAM,eAAiB,SACzBD,EAAO,aAAeC,EAAM,cAE1BA,EAAM,MAAQ,SAChBD,EAAO,IAAM,KAAK,WAAWC,EAAM,GAAG,GAEpCA,EAAM,SAAW,SACnBD,EAAO,OAAS,KAAK,WAAWC,EAAM,MAAM,GAE1CA,EAAM,YAAc,SACtBD,EAAO,UAAY,KAAK,WAAWC,EAAM,SAAS,GAG7CD,CACT,CACF,CAsBO,SAASE,EAAQT,EAAkD,CACxE,OAAO,IAAIF,EAAgBE,CAAO,CACpC,CAKO,SAASU,EAASP,EAAgC,CACvD,OAAO,IAAIL,EAAgB,CAAE,SAAUK,EAAO,CAChD,CAKO,SAASQ,EAAWR,EAAgC,CACzD,OAAO,IAAIL,EAAgB,CAAE,WAAYK,EAAO,CAClD,CAKO,SAASS,EAAeT,EAA0D,CACvF,OAAO,IAAIL,EAAgB,CAAE,eAAgBK,EAAO,CACtD,CAKO,SAASU,EAAWV,EAAsD,CAC/E,OAAO,IAAIL,EAAgB,CAAE,WAAYK,EAAO,CAClD,CAKO,SAASW,EAAIX,EAAyC,CAC3D,OAAO,IAAIL,EAAgB,CAAE,IAAKK,EAAO,CAC3C,CAKO,SAASY,EAAcZ,EAAyD,CACrF,OAAO,IAAIL,EAAgB,CAAE,cAAeK,EAAO,CACrD,CAKO,SAASa,EAASb,EAAoD,CAC3E,OAAO,IAAIL,EAAgB,CAAE,SAAUK,EAAO,CAChD"}