@tachui/core 0.7.0-alpha1 → 0.7.1-alpha

package/dist/modifiers/shadows.js

@@ -1,147 +0,0 @@
-import { BaseModifier as w } from "./base.js";
-var c = Object.defineProperty, f = (t, e, r) => e in t ? c(t, e, { enumerable: !0, configurable: !0, writable: !0, value: r }) : t[e] = r, u = (t, e, r) => f(t, typeof e != "symbol" ? e + "" : e, r);
-class i extends w {
-  constructor(e) {
-    const r = {};
-    for (const [o, a] of Object.entries(e))
-      typeof a == "function" && "peek" in a ? r[o] = a.peek() : r[o] = a;
-    super(r), u(this, "type", "shadow"), u(this, "priority", 30), process.env.NODE_ENV === "development" && this.validateShadowConfigurations(r);
-  }
-  apply(e, r) {
-    if (!r.element) return;
-    const o = this.computeShadowStyles(this.properties);
-    this.applyStyles(r.element, o);
-  }
-  computeShadowStyles(e) {
-    const r = {};
-    if (e.preset) {
-      const o = n[e.preset];
-      o ? r.boxShadow = this.generateShadowCSS(o.shadows) : console.warn(`Shadow preset "${e.preset}" not found`);
-    }
-    if (e.shadow && (r.boxShadow = this.generateShadowCSS([e.shadow])), e.shadows && (r.boxShadow = this.generateShadowCSS(e.shadows)), e.textShadow) {
-      const o = Array.isArray(e.textShadow) ? e.textShadow : [e.textShadow];
-      r.textShadow = this.generateTextShadowCSS(o);
-    }
-    return r;
-  }
-  generateShadowCSS(e) {
-    return e.map((r) => {
-      const o = r.inset ? "inset " : "", a = r.spread !== void 0 ? ` ${this.formatLength(r.spread)}` : "";
-      return `${o}${this.formatLength(r.x)} ${this.formatLength(r.y)} ${this.formatLength(r.blur)}${a} ${r.color}`;
-    }).join(", ");
-  }
-  generateTextShadowCSS(e) {
-    return e.map(
-      (r) => `${this.formatLength(r.x)} ${this.formatLength(r.y)} ${this.formatLength(r.blur)} ${r.color}`
-    ).join(", ");
-  }
-  formatLength(e) {
-    return `${e}px`;
-  }
-  /**
-   * Validate shadow configurations for common mistakes
-   */
-  validateShadowConfigurations(e) {
-    e.textShadow && (Array.isArray(e.textShadow) ? e.textShadow : [e.textShadow]).forEach((o, a) => {
-      this.validateShadowConfig(o, `textShadow[${a}]`);
-    }), e.shadow && this.validateShadowConfig(e.shadow, "shadow"), e.shadows && e.shadows.forEach((r, o) => {
-      this.validateShadowConfig(r, `shadows[${o}]`);
-    });
-  }
-  /**
-   * Validate individual shadow configuration for common mistakes
-   */
-  validateShadowConfig(e, r) {
-    if (!e || typeof e != "object") return;
-    const o = ["x", "y", "blur", "spread", "color", "inset", "type"], a = ["x", "y", "blur", "color"], h = {
-      radius: "blur",
-      blurRadius: "blur",
-      horizontal: "x",
-      vertical: "y",
-      offsetX: "x",
-      offsetY: "y"
-    }, d = Object.keys(e).filter((s) => !o.includes(s));
-    d.length > 0 && (console.warn(`TachUI Shadow (${r}): Invalid properties found: ${d.join(", ")}`), d.forEach((s) => {
-      h[s] && console.warn(`  ❌ "${s}" should be "${h[s]}"`);
-    }), console.warn(`  ✅ Valid properties: ${o.join(", ")}`));
-    const l = a.filter((s) => e[s] === void 0);
-    l.length > 0 && console.error(`TachUI Shadow (${r}): Missing required properties: ${l.join(", ")}`), e.radius !== void 0 && e.blur === void 0 && (console.error(`TachUI Shadow (${r}): "radius" is not a valid property. Use "blur" instead.`), console.error(`  Current: { ..., radius: ${e.radius} }`), console.error(`  Correct: { ..., blur: ${e.radius} }`));
-  }
-}
-const n = {
-  "elevation-1": {
-    name: "Material Design Elevation 1",
-    shadows: [
-      { x: 0, y: 1, blur: 3, color: "rgba(0,0,0,0.12)" },
-      { x: 0, y: 1, blur: 2, color: "rgba(0,0,0,0.24)" }
-    ]
-  },
-  "elevation-2": {
-    name: "Material Design Elevation 2",
-    shadows: [
-      { x: 0, y: 3, blur: 6, color: "rgba(0,0,0,0.15)" },
-      { x: 0, y: 2, blur: 4, color: "rgba(0,0,0,0.12)" }
-    ]
-  },
-  "elevation-3": {
-    name: "Material Design Elevation 3",
-    shadows: [
-      { x: 0, y: 10, blur: 20, color: "rgba(0,0,0,0.15)" },
-      { x: 0, y: 3, blur: 6, color: "rgba(0,0,0,0.10)" }
-    ]
-  },
-  "depth-small": {
-    name: "Small Depth Shadow",
-    shadows: [{ x: 0, y: 1, blur: 2, color: "rgba(0,0,0,0.1)" }]
-  },
-  "depth-medium": {
-    name: "Medium Depth Shadow",
-    shadows: [
-      { x: 0, y: 2, blur: 4, color: "rgba(0,0,0,0.1)" },
-      { x: 0, y: 4, blur: 8, color: "rgba(0,0,0,0.12)" }
-    ]
-  },
-  "depth-large": {
-    name: "Large Depth Shadow",
-    shadows: [
-      { x: 0, y: 4, blur: 8, color: "rgba(0,0,0,0.12)" },
-      { x: 0, y: 8, blur: 24, color: "rgba(0,0,0,0.15)" }
-    ]
-  }
-};
-function b(t) {
-  return new i({ shadow: t });
-}
-function y(t) {
-  return new i({ shadows: t });
-}
-function g(t) {
-  return new i({ textShadow: t });
-}
-function x(t) {
-  return new i({ preset: t });
-}
-function m(t, e) {
-  n[t] = {
-    name: t,
-    shadows: e,
-    description: `Custom shadow preset: ${t}`
-  };
-}
-function p() {
-  return Object.keys(n);
-}
-function v(t) {
-  return n[t];
-}
-export {
-  i as ShadowModifier,
-  m as createShadowPreset,
-  v as getShadowPreset,
-  p as getShadowPresets,
-  b as shadow,
-  x as shadowPreset,
-  y as shadows,
-  g as textShadow
-};
-//# sourceMappingURL=shadows.js.map

package/dist/modifiers/shadows.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"shadows.js","sources":["../../src/modifiers/shadows.ts"],"sourcesContent":["/**\n * Shadow Modifiers - Comprehensive shadow system\n *\n * Provides enhanced shadow styling with Material Design presets,\n * multiple shadow support, and text shadow capabilities.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\n\nexport interface ShadowConfig {\n  x: number                    // Horizontal offset\n  y: number                    // Vertical offset\n  blur: number                 // Blur radius\n  spread?: number              // Spread radius (default: 0)\n  color: string                // Shadow color\n  inset?: boolean              // Inset shadow (default: false)\n  type?: 'drop' | 'inner' | 'text'  // Shadow type (default: 'drop')\n}\n\nexport interface ShadowPreset {\n  name: string\n  shadows: ShadowConfig[]\n  description?: string\n}\n\nexport interface ShadowOptions {\n  shadow?: ShadowConfig\n  shadows?: ShadowConfig[]\n  textShadow?: ShadowConfig | ShadowConfig[]\n  preset?: string\n}\n\nexport type ReactiveShadowOptions = ReactiveModifierProps<ShadowOptions>\n\nexport class ShadowModifier extends BaseModifier<ShadowOptions> {\n  readonly type = 'shadow'\n  readonly priority = 30\n\n  constructor(options: ReactiveShadowOptions) {\n    const resolvedOptions: ShadowOptions = {}\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    \n    super(resolvedOptions)\n    \n    // Validate shadow configurations in development mode\n    if (process.env.NODE_ENV === 'development') {\n      this.validateShadowConfigurations(resolvedOptions)\n    }\n  }\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const styles = this.computeShadowStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeShadowStyles(props: ShadowOptions) {\n    const styles: Record<string, string> = {}\n\n    // Handle preset shadows\n    if (props.preset) {\n      const preset = shadowPresets[props.preset]\n      if (preset) {\n        styles.boxShadow = this.generateShadowCSS(preset.shadows)\n      } else {\n        console.warn(`Shadow preset \"${props.preset}\" not found`)\n      }\n    }\n\n    // Handle single shadow\n    if (props.shadow) {\n      styles.boxShadow = this.generateShadowCSS([props.shadow])\n    }\n\n    // Handle multiple shadows\n    if (props.shadows) {\n      styles.boxShadow = this.generateShadowCSS(props.shadows)\n    }\n\n    // Handle text shadow\n    if (props.textShadow) {\n      const shadowConfigs = Array.isArray(props.textShadow) ? props.textShadow : [props.textShadow]\n      styles.textShadow = this.generateTextShadowCSS(shadowConfigs)\n    }\n\n    return styles\n  }\n\n  private generateShadowCSS(shadows: ShadowConfig[]): string {\n    return shadows.map(shadow => {\n      const insetPrefix = shadow.inset ? 'inset ' : ''\n      const spreadValue = shadow.spread !== undefined ? ` ${this.formatLength(shadow.spread)}` : ''\n      \n      return `${insetPrefix}${this.formatLength(shadow.x)} ${this.formatLength(shadow.y)} ${this.formatLength(shadow.blur)}${spreadValue} ${shadow.color}`\n    }).join(', ')\n  }\n\n  private generateTextShadowCSS(shadows: ShadowConfig[]): string {\n    return shadows.map(shadow => \n      `${this.formatLength(shadow.x)} ${this.formatLength(shadow.y)} ${this.formatLength(shadow.blur)} ${shadow.color}`\n    ).join(', ')\n  }\n\n  private formatLength(value: number): string {\n    return `${value}px`\n  }\n\n  /**\n   * Validate shadow configurations for common mistakes\n   */\n  private validateShadowConfigurations(options: ShadowOptions): void {\n    // Validate textShadow configurations\n    if (options.textShadow) {\n      const shadows = Array.isArray(options.textShadow) ? options.textShadow : [options.textShadow]\n      shadows.forEach((shadow, index) => {\n        this.validateShadowConfig(shadow, `textShadow[${index}]`)\n      })\n    }\n\n    // Validate regular shadow configurations\n    if (options.shadow) {\n      this.validateShadowConfig(options.shadow, 'shadow')\n    }\n\n    if (options.shadows) {\n      options.shadows.forEach((shadow, index) => {\n        this.validateShadowConfig(shadow, `shadows[${index}]`)\n      })\n    }\n  }\n\n  /**\n   * Validate individual shadow configuration for common mistakes\n   */\n  private validateShadowConfig(config: any, context: string): void {\n    if (!config || typeof config !== 'object') return\n\n    const validKeys = ['x', 'y', 'blur', 'spread', 'color', 'inset', 'type']\n    const requiredKeys = ['x', 'y', 'blur', 'color']\n    const commonMistakes = {\n      'radius': 'blur',\n      'blurRadius': 'blur', \n      'horizontal': 'x',\n      'vertical': 'y',\n      'offsetX': 'x',\n      'offsetY': 'y'\n    }\n\n    // Check for invalid properties\n    const invalidKeys = Object.keys(config).filter(key => !validKeys.includes(key))\n    if (invalidKeys.length > 0) {\n      console.warn(`TachUI Shadow (${context}): Invalid properties found: ${invalidKeys.join(', ')}`)\n      \n      // Suggest corrections for common mistakes\n      invalidKeys.forEach(key => {\n        if (commonMistakes[key as keyof typeof commonMistakes]) {\n          console.warn(`  ❌ \"${key}\" should be \"${commonMistakes[key as keyof typeof commonMistakes]}\"`)\n        }\n      })\n      \n      console.warn(`  ✅ Valid properties: ${validKeys.join(', ')}`)\n    }\n\n    // Check for missing required properties\n    const missingKeys = requiredKeys.filter(key => config[key] === undefined)\n    if (missingKeys.length > 0) {\n      console.error(`TachUI Shadow (${context}): Missing required properties: ${missingKeys.join(', ')}`)\n    }\n\n    // Specific check for the radius vs blur mistake\n    if (config.radius !== undefined && config.blur === undefined) {\n      console.error(`TachUI Shadow (${context}): \"radius\" is not a valid property. Use \"blur\" instead.`)\n      console.error(`  Current: { ..., radius: ${config.radius} }`)\n      console.error(`  Correct: { ..., blur: ${config.radius} }`)\n    }\n  }\n}\n\n// Shadow presets following Material Design elevation\nconst shadowPresets: Record<string, ShadowPreset> = {\n  'elevation-1': {\n    name: 'Material Design Elevation 1',\n    shadows: [\n      { x: 0, y: 1, blur: 3, color: 'rgba(0,0,0,0.12)' },\n      { x: 0, y: 1, blur: 2, color: 'rgba(0,0,0,0.24)' }\n    ]\n  },\n  'elevation-2': {\n    name: 'Material Design Elevation 2', \n    shadows: [\n      { x: 0, y: 3, blur: 6, color: 'rgba(0,0,0,0.15)' },\n      { x: 0, y: 2, blur: 4, color: 'rgba(0,0,0,0.12)' }\n    ]\n  },\n  'elevation-3': {\n    name: 'Material Design Elevation 3',\n    shadows: [\n      { x: 0, y: 10, blur: 20, color: 'rgba(0,0,0,0.15)' },\n      { x: 0, y: 3, blur: 6, color: 'rgba(0,0,0,0.10)' }\n    ]\n  },\n  'depth-small': {\n    name: 'Small Depth Shadow',\n    shadows: [{ x: 0, y: 1, blur: 2, color: 'rgba(0,0,0,0.1)' }]\n  },\n  'depth-medium': {\n    name: 'Medium Depth Shadow',\n    shadows: [\n      { x: 0, y: 2, blur: 4, color: 'rgba(0,0,0,0.1)' },\n      { x: 0, y: 4, blur: 8, color: 'rgba(0,0,0,0.12)' }\n    ]\n  },\n  'depth-large': {\n    name: 'Large Depth Shadow',\n    shadows: [\n      { x: 0, y: 4, blur: 8, color: 'rgba(0,0,0,0.12)' },\n      { x: 0, y: 8, blur: 24, color: 'rgba(0,0,0,0.15)' }\n    ]\n  }\n}\n\n/**\n * Enhanced shadow modifier - backward compatible single shadow\n *\n * @example\n * ```typescript\n * .shadow({ x: 0, y: 2, blur: 4, color: 'rgba(0,0,0,0.1)' })\n * .shadow({ x: 2, y: 4, blur: 8, spread: 1, color: '#000', inset: true })\n * ```\n */\nexport function shadow(config: ShadowConfig): ShadowModifier {\n  return new ShadowModifier({ shadow: config })\n}\n\n/**\n * Multiple shadows modifier\n *\n * @example\n * ```typescript\n * .shadows([\n *   { x: 0, y: 1, blur: 3, color: 'rgba(0,0,0,0.12)' },\n *   { x: 0, y: 1, blur: 2, color: 'rgba(0,0,0,0.24)' }\n * ])\n * ```\n */\nexport function shadows(configs: ShadowConfig[]): ShadowModifier {\n  return new ShadowModifier({ shadows: configs })\n}\n\n/**\n * Text shadow modifier\n *\n * @example\n * ```typescript\n * .textShadow({ x: 1, y: 1, blur: 2, color: 'rgba(0,0,0,0.5)' })\n * .textShadow([\n *   { x: 1, y: 1, blur: 0, color: '#ff0000' },\n *   { x: -1, y: -1, blur: 0, color: '#0000ff' }\n * ])\n * ```\n */\nexport function textShadow(config: ShadowConfig | ShadowConfig[]): ShadowModifier {\n  return new ShadowModifier({ textShadow: config })\n}\n\n/**\n * Shadow preset modifier\n *\n * @example\n * ```typescript\n * .shadowPreset('elevation-1')  // Material Design elevation 1\n * .shadowPreset('depth-medium') // Medium depth shadow\n * ```\n */\nexport function shadowPreset(presetName: string): ShadowModifier {\n  return new ShadowModifier({ preset: presetName })\n}\n\n/**\n * Create custom shadow preset\n *\n * @example\n * ```typescript\n * createShadowPreset('my-custom', [\n *   { x: 0, y: 4, blur: 8, color: 'rgba(0,0,0,0.15)' }\n * ])\n * .shadowPreset('my-custom') // Use the custom preset\n * ```\n */\nexport function createShadowPreset(name: string, shadows: ShadowConfig[]): void {\n  shadowPresets[name] = {\n    name,\n    shadows,\n    description: `Custom shadow preset: ${name}`\n  }\n}\n\n/**\n * Get available shadow preset names\n */\nexport function getShadowPresets(): string[] {\n  return Object.keys(shadowPresets)\n}\n\n/**\n * Get shadow preset configuration\n */\nexport function getShadowPreset(name: string): ShadowPreset | undefined {\n  return shadowPresets[name]\n}"],"names":["ShadowModifier","BaseModifier","options","resolvedOptions","key","value","__publicField","_node","context","styles","props","preset","shadowPresets","shadowConfigs","shadows","shadow","insetPrefix","spreadValue","index","config","validKeys","requiredKeys","commonMistakes","invalidKeys","missingKeys","configs","textShadow","shadowPreset","presetName","createShadowPreset","name","getShadowPresets","getShadowPreset"],"mappings":"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"}

package/dist/modifiers/size.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("../constants/layout.cjs"),m=require("./base.cjs");var a=Object.defineProperty,u=(t,i,e)=>i in t?a(t,i,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[i]=e,o=(t,i,e)=>u(t,typeof i!="symbol"?i+"":i,e);class d extends m.BaseModifier{constructor(i){super(i),o(this,"type","size"),o(this,"priority",80)}apply(i,e){if(!e.element)return;const s=this.computeSizeStyles(this.properties);this.applyStyles(e.element,s)}computeSizeStyles(i){const e={},s=h.shouldExpandForInfinity(i);if(Object.assign(e,s.cssProps),i.width!==void 0){const n=h.dimensionToCSS(i.width);n!==void 0&&!h.isInfinity(i.width)&&(e.width=n)}if(i.height!==void 0){const n=h.dimensionToCSS(i.height);n!==void 0&&!h.isInfinity(i.height)&&(e.height=n)}if(i.minWidth!==void 0){const n=h.dimensionToCSS(i.minWidth);n!==void 0&&(e.minWidth=n)}if(i.maxWidth!==void 0&&!h.isInfinity(i.maxWidth)){const n=h.dimensionToCSS(i.maxWidth);n!==void 0&&(e.maxWidth=n)}else h.isInfinity(i.maxWidth)&&(e.maxWidth="none");if(i.minHeight!==void 0){const n=h.dimensionToCSS(i.minHeight);n!==void 0&&(e.minHeight=n)}if(i.maxHeight!==void 0&&!h.isInfinity(i.maxHeight)){const n=h.dimensionToCSS(i.maxHeight);n!==void 0&&(e.maxHeight=n)}else h.isInfinity(i.maxHeight)&&(e.maxHeight="none");return e}}function f(t){return new d(t)}function r(t){return new d({width:t})}function c(t){return new d({height:t})}function l(t){return new d({maxWidth:t})}function g(t){return new d({minWidth:t})}function S(t){return new d({maxHeight:t})}function x(t){return new d({minHeight:t})}exports.SizeModifier=d;exports.height=c;exports.maxHeight=S;exports.maxWidth=l;exports.minHeight=x;exports.minWidth=g;exports.size=f;exports.width=r;
-//# sourceMappingURL=size.cjs.map

package/dist/modifiers/size.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"size.cjs","sources":["../../src/modifiers/size.ts"],"sourcesContent":["/**\n * Size Modifier - width, height, min/max dimensions\n *\n * Provides a unified interface for setting element dimensions\n * with support for SwiftUI-style infinity constants.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport type { Dimension } from '../constants/layout'\nimport { dimensionToCSS, isInfinity, shouldExpandForInfinity } from '../constants/layout'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\n\nexport interface SizeOptions {\n  width?: Dimension\n  height?: Dimension\n  minWidth?: Dimension\n  maxWidth?: Dimension\n  minHeight?: Dimension\n  maxHeight?: Dimension\n}\n\nexport type ReactiveSizeOptions = ReactiveModifierProps<SizeOptions>\n\nexport class SizeModifier extends BaseModifier<SizeOptions> {\n  readonly type = 'size'\n  readonly priority = 80 // Priority 80 for layout\n\n  constructor(options: ReactiveSizeOptions) {\n    // Preserve reactive values; BaseModifier.applyStyles will create effects\n    super(options as unknown as SizeOptions)\n  }\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const styles = this.computeSizeStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeSizeStyles(props: SizeOptions) {\n    const styles: Record<string, any> = {}\n\n    // Check for infinity constraints and apply appropriate flex/size styles\n    const infinityResult = shouldExpandForInfinity(props)\n    Object.assign(styles, infinityResult.cssProps)\n\n    // Convert dimensions to CSS, handling infinity appropriately\n    if (props.width !== undefined) {\n      const cssValue = dimensionToCSS(props.width)\n      if (cssValue !== undefined && !isInfinity(props.width)) {\n        styles.width = cssValue\n      }\n    }\n    \n    if (props.height !== undefined) {\n      const cssValue = dimensionToCSS(props.height)\n      if (cssValue !== undefined && !isInfinity(props.height)) {\n        styles.height = cssValue\n      }\n    }\n    \n    if (props.minWidth !== undefined) {\n      const cssValue = dimensionToCSS(props.minWidth)\n      if (cssValue !== undefined) {\n        styles.minWidth = cssValue\n      }\n    }\n    \n    if (props.maxWidth !== undefined && !isInfinity(props.maxWidth)) {\n      const cssValue = dimensionToCSS(props.maxWidth)\n      if (cssValue !== undefined) {\n        styles.maxWidth = cssValue\n      }\n    } else if (isInfinity(props.maxWidth)) {\n      // Remove maxWidth constraint for infinity\n      styles.maxWidth = 'none'\n    }\n    \n    if (props.minHeight !== undefined) {\n      const cssValue = dimensionToCSS(props.minHeight)\n      if (cssValue !== undefined) {\n        styles.minHeight = cssValue\n      }\n    }\n    \n    if (props.maxHeight !== undefined && !isInfinity(props.maxHeight)) {\n      const cssValue = dimensionToCSS(props.maxHeight)\n      if (cssValue !== undefined) {\n        styles.maxHeight = cssValue\n      }\n    } else if (isInfinity(props.maxHeight)) {\n      // Remove maxHeight constraint for infinity\n      styles.maxHeight = 'none'\n    }\n\n    return styles\n  }\n}\n\n/**\n * Create a size modifier with multiple dimension properties\n * Now supports SwiftUI-style infinity for responsive layouts\n *\n * @example\n * ```typescript\n * // Set both width and height\n * .size({ width: 200, height: 100 })\n *\n * // Set responsive width with constraints\n * .size({ width: '100%', maxWidth: 800, minWidth: 320 })\n *\n * // SwiftUI-style infinity support\n * .size({ width: infinity, height: 200 })\n * .size({ maxWidth: infinity, maxHeight: infinity })\n * ```\n */\nexport function size(options: ReactiveSizeOptions): SizeModifier {\n  return new SizeModifier(options)\n}\n\n/**\n * Convenience function for setting width only\n * Supports infinity for fill-available behavior\n *\n * @example\n * ```typescript\n * .width('100%')\n * .width(280)\n * .width(infinity) // Fill available space\n * ```\n */\nexport function width(value: Dimension): SizeModifier {\n  return new SizeModifier({ width: value })\n}\n\n/**\n * Convenience function for setting height only\n * Supports infinity for fill-available behavior\n *\n * @example\n * ```typescript\n * .height('100vh')\n * .height(64)\n * .height(infinity) // Fill available space\n * ```\n */\nexport function height(value: Dimension): SizeModifier {\n  return new SizeModifier({ height: value })\n}\n\n/**\n * Convenience function for setting max-width only\n * Supports infinity to remove width constraints\n *\n * @example\n * ```typescript\n * .maxWidth(800)\n * .maxWidth('100%')\n * .maxWidth(infinity) // Remove width constraints\n * ```\n */\nexport function maxWidth(value: Dimension): SizeModifier {\n  return new SizeModifier({ maxWidth: value })\n}\n\n/**\n * Convenience function for setting min-width only\n *\n * @example\n * ```typescript\n * .minWidth(320)\n * .minWidth('50%')\n * ```\n */\nexport function minWidth(value: Dimension): SizeModifier {\n  return new SizeModifier({ minWidth: value })\n}\n\n/**\n * Convenience function for setting max-height only\n * Supports infinity to remove height constraints\n *\n * @example\n * ```typescript\n * .maxHeight(600)\n * .maxHeight('80vh')\n * .maxHeight(infinity) // Remove height constraints\n * ```\n */\nexport function maxHeight(value: Dimension): SizeModifier {\n  return new SizeModifier({ maxHeight: value })\n}\n\n/**\n * Convenience function for setting min-height only\n *\n * @example\n * ```typescript\n * .minHeight(200)\n * .minHeight('30vh')\n * ```\n */\nexport function minHeight(value: Dimension): SizeModifier {\n  return new SizeModifier({ minHeight: value })\n}\n"],"names":["SizeModifier","BaseModifier","options","__publicField","_node","context","styles","props","infinityResult","shouldExpandForInfinity","cssValue","dimensionToCSS","isInfinity","size","width","value","height","maxWidth","minWidth","maxHeight","minHeight"],"mappings":"+SAwBO,MAAMA,UAAqBC,EAAAA,YAA0B,CAI1D,YAAYC,EAA8B,CAExC,MAAMA,CAAiC,EALzCC,EAAA,KAAS,OAAO,MAAA,EAChBA,EAAA,KAAS,WAAW,EAAA,CAKpB,CAEA,MAAMC,EAAgBC,EAA+C,CACnE,GAAI,CAACA,EAAQ,QAAS,OAEtB,MAAMC,EAAS,KAAK,kBAAkB,KAAK,UAAU,EACrD,KAAK,YAAYD,EAAQ,QAASC,CAAM,CAG1C,CAEQ,kBAAkBC,EAAoB,CAC5C,MAAMD,EAA8B,CAAA,EAG9BE,EAAiBC,EAAAA,wBAAwBF,CAAK,EAIpD,GAHA,OAAO,OAAOD,EAAQE,EAAe,QAAQ,EAGzCD,EAAM,QAAU,OAAW,CAC7B,MAAMG,EAAWC,EAAAA,eAAeJ,EAAM,KAAK,EACvCG,IAAa,QAAa,CAACE,EAAAA,WAAWL,EAAM,KAAK,IACnDD,EAAO,MAAQI,EAEnB,CAEA,GAAIH,EAAM,SAAW,OAAW,CAC9B,MAAMG,EAAWC,EAAAA,eAAeJ,EAAM,MAAM,EACxCG,IAAa,QAAa,CAACE,EAAAA,WAAWL,EAAM,MAAM,IACpDD,EAAO,OAASI,EAEpB,CAEA,GAAIH,EAAM,WAAa,OAAW,CAChC,MAAMG,EAAWC,EAAAA,eAAeJ,EAAM,QAAQ,EAC1CG,IAAa,SACfJ,EAAO,SAAWI,EAEtB,CAEA,GAAIH,EAAM,WAAa,QAAa,CAACK,EAAAA,WAAWL,EAAM,QAAQ,EAAG,CAC/D,MAAMG,EAAWC,EAAAA,eAAeJ,EAAM,QAAQ,EAC1CG,IAAa,SACfJ,EAAO,SAAWI,EAEtB,MAAWE,EAAAA,WAAWL,EAAM,QAAQ,IAElCD,EAAO,SAAW,QAGpB,GAAIC,EAAM,YAAc,OAAW,CACjC,MAAMG,EAAWC,EAAAA,eAAeJ,EAAM,SAAS,EAC3CG,IAAa,SACfJ,EAAO,UAAYI,EAEvB,CAEA,GAAIH,EAAM,YAAc,QAAa,CAACK,EAAAA,WAAWL,EAAM,SAAS,EAAG,CACjE,MAAMG,EAAWC,EAAAA,eAAeJ,EAAM,SAAS,EAC3CG,IAAa,SACfJ,EAAO,UAAYI,EAEvB,MAAWE,EAAAA,WAAWL,EAAM,SAAS,IAEnCD,EAAO,UAAY,QAGrB,OAAOA,CACT,CACF,CAmBO,SAASO,EAAKX,EAA4C,CAC/D,OAAO,IAAIF,EAAaE,CAAO,CACjC,CAaO,SAASY,EAAMC,EAAgC,CACpD,OAAO,IAAIf,EAAa,CAAE,MAAOe,EAAO,CAC1C,CAaO,SAASC,EAAOD,EAAgC,CACrD,OAAO,IAAIf,EAAa,CAAE,OAAQe,EAAO,CAC3C,CAaO,SAASE,EAASF,EAAgC,CACvD,OAAO,IAAIf,EAAa,CAAE,SAAUe,EAAO,CAC7C,CAWO,SAASG,EAASH,EAAgC,CACvD,OAAO,IAAIf,EAAa,CAAE,SAAUe,EAAO,CAC7C,CAaO,SAASI,EAAUJ,EAAgC,CACxD,OAAO,IAAIf,EAAa,CAAE,UAAWe,EAAO,CAC9C,CAWO,SAASK,EAAUL,EAAgC,CACxD,OAAO,IAAIf,EAAa,CAAE,UAAWe,EAAO,CAC9C"}

package/dist/modifiers/size.js

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

package/dist/modifiers/size.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"size.js","sources":["../../src/modifiers/size.ts"],"sourcesContent":["/**\n * Size Modifier - width, height, min/max dimensions\n *\n * Provides a unified interface for setting element dimensions\n * with support for SwiftUI-style infinity constants.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport type { Dimension } from '../constants/layout'\nimport { dimensionToCSS, isInfinity, shouldExpandForInfinity } from '../constants/layout'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\n\nexport interface SizeOptions {\n  width?: Dimension\n  height?: Dimension\n  minWidth?: Dimension\n  maxWidth?: Dimension\n  minHeight?: Dimension\n  maxHeight?: Dimension\n}\n\nexport type ReactiveSizeOptions = ReactiveModifierProps<SizeOptions>\n\nexport class SizeModifier extends BaseModifier<SizeOptions> {\n  readonly type = 'size'\n  readonly priority = 80 // Priority 80 for layout\n\n  constructor(options: ReactiveSizeOptions) {\n    // Preserve reactive values; BaseModifier.applyStyles will create effects\n    super(options as unknown as SizeOptions)\n  }\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const styles = this.computeSizeStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeSizeStyles(props: SizeOptions) {\n    const styles: Record<string, any> = {}\n\n    // Check for infinity constraints and apply appropriate flex/size styles\n    const infinityResult = shouldExpandForInfinity(props)\n    Object.assign(styles, infinityResult.cssProps)\n\n    // Convert dimensions to CSS, handling infinity appropriately\n    if (props.width !== undefined) {\n      const cssValue = dimensionToCSS(props.width)\n      if (cssValue !== undefined && !isInfinity(props.width)) {\n        styles.width = cssValue\n      }\n    }\n    \n    if (props.height !== undefined) {\n      const cssValue = dimensionToCSS(props.height)\n      if (cssValue !== undefined && !isInfinity(props.height)) {\n        styles.height = cssValue\n      }\n    }\n    \n    if (props.minWidth !== undefined) {\n      const cssValue = dimensionToCSS(props.minWidth)\n      if (cssValue !== undefined) {\n        styles.minWidth = cssValue\n      }\n    }\n    \n    if (props.maxWidth !== undefined && !isInfinity(props.maxWidth)) {\n      const cssValue = dimensionToCSS(props.maxWidth)\n      if (cssValue !== undefined) {\n        styles.maxWidth = cssValue\n      }\n    } else if (isInfinity(props.maxWidth)) {\n      // Remove maxWidth constraint for infinity\n      styles.maxWidth = 'none'\n    }\n    \n    if (props.minHeight !== undefined) {\n      const cssValue = dimensionToCSS(props.minHeight)\n      if (cssValue !== undefined) {\n        styles.minHeight = cssValue\n      }\n    }\n    \n    if (props.maxHeight !== undefined && !isInfinity(props.maxHeight)) {\n      const cssValue = dimensionToCSS(props.maxHeight)\n      if (cssValue !== undefined) {\n        styles.maxHeight = cssValue\n      }\n    } else if (isInfinity(props.maxHeight)) {\n      // Remove maxHeight constraint for infinity\n      styles.maxHeight = 'none'\n    }\n\n    return styles\n  }\n}\n\n/**\n * Create a size modifier with multiple dimension properties\n * Now supports SwiftUI-style infinity for responsive layouts\n *\n * @example\n * ```typescript\n * // Set both width and height\n * .size({ width: 200, height: 100 })\n *\n * // Set responsive width with constraints\n * .size({ width: '100%', maxWidth: 800, minWidth: 320 })\n *\n * // SwiftUI-style infinity support\n * .size({ width: infinity, height: 200 })\n * .size({ maxWidth: infinity, maxHeight: infinity })\n * ```\n */\nexport function size(options: ReactiveSizeOptions): SizeModifier {\n  return new SizeModifier(options)\n}\n\n/**\n * Convenience function for setting width only\n * Supports infinity for fill-available behavior\n *\n * @example\n * ```typescript\n * .width('100%')\n * .width(280)\n * .width(infinity) // Fill available space\n * ```\n */\nexport function width(value: Dimension): SizeModifier {\n  return new SizeModifier({ width: value })\n}\n\n/**\n * Convenience function for setting height only\n * Supports infinity for fill-available behavior\n *\n * @example\n * ```typescript\n * .height('100vh')\n * .height(64)\n * .height(infinity) // Fill available space\n * ```\n */\nexport function height(value: Dimension): SizeModifier {\n  return new SizeModifier({ height: value })\n}\n\n/**\n * Convenience function for setting max-width only\n * Supports infinity to remove width constraints\n *\n * @example\n * ```typescript\n * .maxWidth(800)\n * .maxWidth('100%')\n * .maxWidth(infinity) // Remove width constraints\n * ```\n */\nexport function maxWidth(value: Dimension): SizeModifier {\n  return new SizeModifier({ maxWidth: value })\n}\n\n/**\n * Convenience function for setting min-width only\n *\n * @example\n * ```typescript\n * .minWidth(320)\n * .minWidth('50%')\n * ```\n */\nexport function minWidth(value: Dimension): SizeModifier {\n  return new SizeModifier({ minWidth: value })\n}\n\n/**\n * Convenience function for setting max-height only\n * Supports infinity to remove height constraints\n *\n * @example\n * ```typescript\n * .maxHeight(600)\n * .maxHeight('80vh')\n * .maxHeight(infinity) // Remove height constraints\n * ```\n */\nexport function maxHeight(value: Dimension): SizeModifier {\n  return new SizeModifier({ maxHeight: value })\n}\n\n/**\n * Convenience function for setting min-height only\n *\n * @example\n * ```typescript\n * .minHeight(200)\n * .minHeight('30vh')\n * ```\n */\nexport function minHeight(value: Dimension): SizeModifier {\n  return new SizeModifier({ minHeight: value })\n}\n"],"names":["SizeModifier","BaseModifier","options","__publicField","_node","context","styles","props","infinityResult","shouldExpandForInfinity","cssValue","dimensionToCSS","isInfinity","size","width","value","height","maxWidth","minWidth","maxHeight","minHeight"],"mappings":";;;AAwBO,MAAMA,UAAqBC,EAA0B;AAAA;AAAA,EAI1D,YAAYC,GAA8B;AAExC,UAAMA,CAAiC,GALzCC,EAAA,MAAS,QAAO,MAAA,GAChBA,EAAA,MAAS,YAAW,EAAA;AAAA,EAKpB;AAAA,EAEA,MAAMC,GAAgBC,GAA+C;AACnE,QAAI,CAACA,EAAQ,QAAS;AAEtB,UAAMC,IAAS,KAAK,kBAAkB,KAAK,UAAU;AACrD,SAAK,YAAYD,EAAQ,SAASC,CAAM;AAAA,EAG1C;AAAA,EAEQ,kBAAkBC,GAAoB;AAC5C,UAAMD,IAA8B,CAAA,GAG9BE,IAAiBC,EAAwBF,CAAK;AAIpD,QAHA,OAAO,OAAOD,GAAQE,EAAe,QAAQ,GAGzCD,EAAM,UAAU,QAAW;AAC7B,YAAMG,IAAWC,EAAeJ,EAAM,KAAK;AAC3C,MAAIG,MAAa,UAAa,CAACE,EAAWL,EAAM,KAAK,MACnDD,EAAO,QAAQI;AAAA,IAEnB;AAEA,QAAIH,EAAM,WAAW,QAAW;AAC9B,YAAMG,IAAWC,EAAeJ,EAAM,MAAM;AAC5C,MAAIG,MAAa,UAAa,CAACE,EAAWL,EAAM,MAAM,MACpDD,EAAO,SAASI;AAAA,IAEpB;AAEA,QAAIH,EAAM,aAAa,QAAW;AAChC,YAAMG,IAAWC,EAAeJ,EAAM,QAAQ;AAC9C,MAAIG,MAAa,WACfJ,EAAO,WAAWI;AAAA,IAEtB;AAEA,QAAIH,EAAM,aAAa,UAAa,CAACK,EAAWL,EAAM,QAAQ,GAAG;AAC/D,YAAMG,IAAWC,EAAeJ,EAAM,QAAQ;AAC9C,MAAIG,MAAa,WACfJ,EAAO,WAAWI;AAAA,IAEtB,MAAA,CAAWE,EAAWL,EAAM,QAAQ,MAElCD,EAAO,WAAW;AAGpB,QAAIC,EAAM,cAAc,QAAW;AACjC,YAAMG,IAAWC,EAAeJ,EAAM,SAAS;AAC/C,MAAIG,MAAa,WACfJ,EAAO,YAAYI;AAAA,IAEvB;AAEA,QAAIH,EAAM,cAAc,UAAa,CAACK,EAAWL,EAAM,SAAS,GAAG;AACjE,YAAMG,IAAWC,EAAeJ,EAAM,SAAS;AAC/C,MAAIG,MAAa,WACfJ,EAAO,YAAYI;AAAA,IAEvB,MAAA,CAAWE,EAAWL,EAAM,SAAS,MAEnCD,EAAO,YAAY;AAGrB,WAAOA;AAAA,EACT;AACF;AAmBO,SAASO,EAAKX,GAA4C;AAC/D,SAAO,IAAIF,EAAaE,CAAO;AACjC;AAaO,SAASY,EAAMC,GAAgC;AACpD,SAAO,IAAIf,EAAa,EAAE,OAAOe,GAAO;AAC1C;AAaO,SAASC,EAAOD,GAAgC;AACrD,SAAO,IAAIf,EAAa,EAAE,QAAQe,GAAO;AAC3C;AAaO,SAASE,EAASF,GAAgC;AACvD,SAAO,IAAIf,EAAa,EAAE,UAAUe,GAAO;AAC7C;AAWO,SAASG,EAASH,GAAgC;AACvD,SAAO,IAAIf,EAAa,EAAE,UAAUe,GAAO;AAC7C;AAaO,SAASI,EAAUJ,GAAgC;AACxD,SAAO,IAAIf,EAAa,EAAE,WAAWe,GAAO;AAC9C;AAWO,SAASK,EAAUL,GAAgC;AACxD,SAAO,IAAIf,EAAa,EAAE,WAAWe,GAAO;AAC9C;"}

package/dist/modifiers/text.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const l=require("./base.cjs"),d=require("./types.cjs");var g=Object.defineProperty,b=(i,r,e)=>r in i?g(i,r,{enumerable:!0,configurable:!0,writable:!0,value:e}):i[r]=e,n=(i,r,e)=>b(i,typeof r!="symbol"?r+"":r,e);class f extends l.BaseModifier{constructor(){super(...arguments),n(this,"type","lineClamp"),n(this,"priority",d.ModifierPriority.APPEARANCE+15)}apply(r,e){if(!e.element)return;const{lines:t}=this.properties;process.env.NODE_ENV==="development"&&this.validateLines(t);const a=this.generateLineClampStyles(t);this.applyStyles(e.element,a)}generateLineClampStyles(r){const e={};return e.display="-webkit-box",e.webkitLineClamp=String(r),e.webkitBoxOrient="vertical",e.overflow="hidden",e.textOverflow="ellipsis",e.wordWrap="break-word",e}validateLines(r){if(typeof r!="number"||!Number.isInteger(r)||r<1){console.warn("TachUI LineClamp Modifier: lines must be a positive integer");return}r>10&&console.info("TachUI LineClamp Modifier: Large line clamp values (>10) may impact readability. Consider if this is intentional.")}}function k(i){return new f({lines:i})}class u extends l.BaseModifier{constructor(){super(...arguments),n(this,"type","wordBreak"),n(this,"priority",d.ModifierPriority.APPEARANCE+8)}apply(r,e){if(!e.element)return;const{wordBreak:t}=this.properties;process.env.NODE_ENV==="development"&&this.validateWordBreak(t),this.applyStyles(e.element,{wordBreak:t})}validateWordBreak(r){const e=["normal","break-all","keep-all","break-word"];e.includes(r)||console.warn(`TachUI WordBreak Modifier: Invalid word-break value "${r}". Valid values are: ${e.join(", ")}`),r==="break-word"&&console.info('TachUI WordBreak Modifier: "break-word" is deprecated. Consider using overflowWrap("break-word") instead.')}}function h(i){return new u({wordBreak:i})}class p extends l.BaseModifier{constructor(){super(...arguments),n(this,"type","overflowWrap"),n(this,"priority",d.ModifierPriority.APPEARANCE+9)}apply(r,e){if(!e.element)return;const{overflowWrap:t}=this.properties;process.env.NODE_ENV==="development"&&this.validateOverflowWrap(t),this.applyStyles(e.element,{overflowWrap:t})}validateOverflowWrap(r){const e=["normal","break-word","anywhere"];e.includes(r)||console.warn(`TachUI OverflowWrap Modifier: Invalid overflow-wrap value "${r}". Valid values are: ${e.join(", ")}`)}}function w(i){return new p({overflowWrap:i})}class c extends l.BaseModifier{constructor(){super(...arguments),n(this,"type","hyphens"),n(this,"priority",d.ModifierPriority.APPEARANCE+10)}apply(r,e){if(!e.element)return;const{hyphens:t}=this.properties;process.env.NODE_ENV==="development"&&this.validateHyphens(t),this.applyStyles(e.element,{hyphens:t,webkitHyphens:t,msHyphens:t})}validateHyphens(r){const e=["none","manual","auto"];e.includes(r)||console.warn(`TachUI Hyphens Modifier: Invalid hyphens value "${r}". Valid values are: ${e.join(", ")}`),r==="auto"&&console.info("TachUI Hyphens Modifier: Automatic hyphenation requires proper lang attribute on the document or element for best results.")}}function y(i){return new c({hyphens:i})}class s extends l.BaseModifier{constructor(r){const e={};for(const[t,a]of Object.entries(r))typeof a=="function"&&"peek"in a?e[t]=a.peek():e[t]=a;super(e),n(this,"type","backgroundClip"),n(this,"priority",40)}apply(r,e){if(!e.element)return;const t=this.computeBackgroundClipStyles(this.properties);this.applyStyles(e.element,t)}computeBackgroundClipStyles(r){const e={};return r.backgroundImage&&(e.backgroundImage=r.backgroundImage),r.backgroundClip&&(e.backgroundClip=r.backgroundClip,e.webkitBackgroundClip=r.backgroundClip),r.color&&(e.color=r.color,r.backgroundClip==="text"&&(e.webkitTextFillColor=r.color)),r.webkitBackgroundClip&&(e.webkitBackgroundClip=r.webkitBackgroundClip),r.webkitTextFillColor&&(e.webkitTextFillColor=r.webkitTextFillColor),e}}function m(i,r="text",e="transparent"){return new s({backgroundImage:i,backgroundClip:r,color:e,webkitBackgroundClip:r,webkitTextFillColor:e})}function o(i){return new s({backgroundImage:i,backgroundClip:"text",color:"transparent",webkitBackgroundClip:"text",webkitTextFillColor:"transparent"})}function v(i){return new s({backgroundImage:i})}function C(){return o("linear-gradient(45deg, #007AFF, #5856D6)")}function T(){return o("linear-gradient(90deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff80, #0080ff, #8000ff)")}function x(){return o("linear-gradient(45deg, #ff6b6b, #feca57, #ff9ff3)")}function B(){return o("linear-gradient(45deg, #667eea, #764ba2)")}function M(){return o("linear-gradient(45deg, #56ab2f, #a8e6cf)")}function W(){return o("linear-gradient(45deg, #f7971e, #ffd200)")}function I(){return o("linear-gradient(45deg, #bdc3c7, #2c3e50)")}exports.BackgroundClipModifier=s;exports.HyphensModifier=c;exports.LineClampModifier=f;exports.OverflowWrapModifier=p;exports.WordBreakModifier=u;exports.backgroundClip=m;exports.backgroundImage=v;exports.blueGradientText=C;exports.goldGradientText=W;exports.gradientText=o;exports.hyphens=y;exports.lineClamp=k;exports.natureGradientText=M;exports.oceanGradientText=B;exports.overflowWrap=w;exports.rainbowGradientText=T;exports.silverGradientText=I;exports.sunsetGradientText=x;exports.wordBreak=h;
-//# sourceMappingURL=text.cjs.map

package/dist/modifiers/text.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.cjs","sources":["../../src/modifiers/text.ts"],"sourcesContent":["/**\n * Text Modifiers Implementation\n *\n * Specialized text handling modifiers including line clamping, word breaking,\n * overflow wrapping, and hyphenation control for enhanced typography.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\nimport { ModifierPriority } from './types'\n\n// ============================================================================\n// Line Clamp Modifier - Multi-line Text Truncation\n// ============================================================================\n\nexport interface LineClampOptions {\n  lines: number\n}\n\nexport type ReactiveLineClampOptions = ReactiveModifierProps<LineClampOptions>\n\nexport class LineClampModifier extends BaseModifier<LineClampOptions> {\n  readonly type = 'lineClamp'\n  readonly priority = ModifierPriority.APPEARANCE + 15\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const { lines } = this.properties\n\n    // Validate lines in development mode\n    if (process.env.NODE_ENV === 'development') {\n      this.validateLines(lines)\n    }\n\n    // Apply line clamp styles\n    const styles = this.generateLineClampStyles(lines)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private generateLineClampStyles(lines: number): Record<string, string> {\n    const styles: Record<string, string> = {}\n\n    // Modern browsers: Use -webkit-line-clamp\n    styles.display = '-webkit-box'\n    styles.webkitLineClamp = String(lines)\n    styles.webkitBoxOrient = 'vertical'\n    styles.overflow = 'hidden'\n\n    // Additional properties for better cross-browser support\n    styles.textOverflow = 'ellipsis'\n    styles.wordWrap = 'break-word'\n\n    return styles\n  }\n\n  private validateLines(lines: number): void {\n    if (typeof lines !== 'number' || !Number.isInteger(lines) || lines < 1) {\n      console.warn('TachUI LineClamp Modifier: lines must be a positive integer')\n      return\n    }\n\n    if (lines > 10) {\n      console.info('TachUI LineClamp Modifier: Large line clamp values (>10) may impact readability. Consider if this is intentional.')\n    }\n  }\n}\n\n/**\n * Line clamp modifier function - SwiftUI .lineLimit() equivalent\n */\nexport function lineClamp(lines: number): LineClampModifier {\n  return new LineClampModifier({ lines })\n}\n\n// ============================================================================\n// Word Break Modifier - Word Breaking Behavior\n// ============================================================================\n\nexport type WordBreakValue = 'normal' | 'break-all' | 'keep-all' | 'break-word'\n\nexport interface WordBreakOptions {\n  wordBreak: WordBreakValue\n}\n\nexport type ReactiveWordBreakOptions = ReactiveModifierProps<WordBreakOptions>\n\nexport class WordBreakModifier extends BaseModifier<WordBreakOptions> {\n  readonly type = 'wordBreak'\n  readonly priority = ModifierPriority.APPEARANCE + 8\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const { wordBreak } = this.properties\n\n    // Validate word break value in development mode\n    if (process.env.NODE_ENV === 'development') {\n      this.validateWordBreak(wordBreak)\n    }\n\n    this.applyStyles(context.element, { wordBreak })\n    \n    return undefined\n  }\n\n  private validateWordBreak(value: string): void {\n    const validValues: WordBreakValue[] = ['normal', 'break-all', 'keep-all', 'break-word']\n    \n    if (!validValues.includes(value as WordBreakValue)) {\n      console.warn(`TachUI WordBreak Modifier: Invalid word-break value \"${value}\". Valid values are: ${validValues.join(', ')}`)\n    }\n\n    if (value === 'break-word') {\n      console.info('TachUI WordBreak Modifier: \"break-word\" is deprecated. Consider using overflowWrap(\"break-word\") instead.')\n    }\n  }\n}\n\n/**\n * Word break modifier function\n */\nexport function wordBreak(value: WordBreakValue): WordBreakModifier {\n  return new WordBreakModifier({ wordBreak: value })\n}\n\n// ============================================================================\n// Overflow Wrap Modifier - Word Wrapping\n// ============================================================================\n\nexport type OverflowWrapValue = 'normal' | 'break-word' | 'anywhere'\n\nexport interface OverflowWrapOptions {\n  overflowWrap: OverflowWrapValue\n}\n\nexport type ReactiveOverflowWrapOptions = ReactiveModifierProps<OverflowWrapOptions>\n\nexport class OverflowWrapModifier extends BaseModifier<OverflowWrapOptions> {\n  readonly type = 'overflowWrap'\n  readonly priority = ModifierPriority.APPEARANCE + 9\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const { overflowWrap } = this.properties\n\n    // Validate overflow wrap value in development mode\n    if (process.env.NODE_ENV === 'development') {\n      this.validateOverflowWrap(overflowWrap)\n    }\n\n    this.applyStyles(context.element, { overflowWrap })\n    \n    return undefined\n  }\n\n  private validateOverflowWrap(value: string): void {\n    const validValues: OverflowWrapValue[] = ['normal', 'break-word', 'anywhere']\n    \n    if (!validValues.includes(value as OverflowWrapValue)) {\n      console.warn(`TachUI OverflowWrap Modifier: Invalid overflow-wrap value \"${value}\". Valid values are: ${validValues.join(', ')}`)\n    }\n  }\n}\n\n/**\n * Overflow wrap modifier function\n */\nexport function overflowWrap(value: OverflowWrapValue): OverflowWrapModifier {\n  return new OverflowWrapModifier({ overflowWrap: value })\n}\n\n// ============================================================================\n// Hyphens Modifier - Hyphenation Control\n// ============================================================================\n\nexport type HyphensValue = 'none' | 'manual' | 'auto'\n\nexport interface HyphensOptions {\n  hyphens: HyphensValue\n}\n\nexport type ReactiveHyphensOptions = ReactiveModifierProps<HyphensOptions>\n\nexport class HyphensModifier extends BaseModifier<HyphensOptions> {\n  readonly type = 'hyphens'\n  readonly priority = ModifierPriority.APPEARANCE + 10\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const { hyphens } = this.properties\n\n    // Validate hyphens value in development mode\n    if (process.env.NODE_ENV === 'development') {\n      this.validateHyphens(hyphens)\n    }\n\n    this.applyStyles(context.element, { \n      hyphens,\n      // Add vendor prefixes for better browser support\n      webkitHyphens: hyphens,\n      msHyphens: hyphens\n    })\n    \n    return undefined\n  }\n\n  private validateHyphens(value: string): void {\n    const validValues: HyphensValue[] = ['none', 'manual', 'auto']\n    \n    if (!validValues.includes(value as HyphensValue)) {\n      console.warn(`TachUI Hyphens Modifier: Invalid hyphens value \"${value}\". Valid values are: ${validValues.join(', ')}`)\n    }\n\n    if (value === 'auto') {\n      console.info('TachUI Hyphens Modifier: Automatic hyphenation requires proper lang attribute on the document or element for best results.')\n    }\n  }\n}\n\n/**\n * Hyphens modifier function\n */\nexport function hyphens(value: HyphensValue): HyphensModifier {\n  return new HyphensModifier({ hyphens: value })\n}\n\n// ============================================================================\n// Background Clip Modifier (Moved from css-features.ts)\n// ============================================================================\n\nexport interface BackgroundClipOptions {\n  backgroundImage?: string\n  backgroundClip?: 'text' | 'border-box' | 'padding-box' | 'content-box'\n  color?: string\n  webkitBackgroundClip?: string\n  webkitTextFillColor?: string\n}\n\nexport type ReactiveBackgroundClipOptions = ReactiveModifierProps<BackgroundClipOptions>\n\nexport class BackgroundClipModifier extends BaseModifier<BackgroundClipOptions> {\n  readonly type = 'backgroundClip'\n  readonly priority = 40\n\n  constructor(options: ReactiveBackgroundClipOptions) {\n    const resolvedOptions: BackgroundClipOptions = {}\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.computeBackgroundClipStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeBackgroundClipStyles(props: BackgroundClipOptions) {\n    const styles: Record<string, string> = {}\n\n    if (props.backgroundImage) {\n      styles.backgroundImage = props.backgroundImage\n    }\n\n    if (props.backgroundClip) {\n      styles.backgroundClip = props.backgroundClip\n      // Add webkit prefix for better browser support\n      styles.webkitBackgroundClip = props.backgroundClip\n    }\n\n    if (props.color) {\n      styles.color = props.color\n      // For text clipping, often need webkit-text-fill-color\n      if (props.backgroundClip === 'text') {\n        styles.webkitTextFillColor = props.color\n      }\n    }\n\n    // Add webkit-specific properties if provided\n    if (props.webkitBackgroundClip) {\n      styles.webkitBackgroundClip = props.webkitBackgroundClip\n    }\n\n    if (props.webkitTextFillColor) {\n      styles.webkitTextFillColor = props.webkitTextFillColor\n    }\n\n    return styles\n  }\n}\n\n/**\n * Background clip modifier for advanced text effects\n *\n * @example\n * ```typescript\n * .backgroundClip(\n *   'linear-gradient(45deg, #007AFF, #34C759)',\n *   'text',\n *   'transparent'\n * )\n * ```\n */\nexport function backgroundClip(\n  backgroundImage: string,\n  clip: 'text' | 'border-box' | 'padding-box' | 'content-box' = 'text',\n  color: string = 'transparent'\n): BackgroundClipModifier {\n  return new BackgroundClipModifier({\n    backgroundImage,\n    backgroundClip: clip,\n    color,\n    webkitBackgroundClip: clip,\n    webkitTextFillColor: color\n  })\n}\n\n/**\n * Gradient text modifier - creates text with gradient colors\n *\n * @example\n * ```typescript\n * .gradientText('linear-gradient(45deg, #007AFF, #34C759)')\n * .gradientText('radial-gradient(circle, #ff6b6b, #4ecdc4)')\n * .gradientText('linear-gradient(90deg, #667eea 0%, #764ba2 100%)')\n * ```\n */\nexport function gradientText(gradient: string): BackgroundClipModifier {\n  return new BackgroundClipModifier({\n    backgroundImage: gradient,\n    backgroundClip: 'text',\n    color: 'transparent',\n    webkitBackgroundClip: 'text',\n    webkitTextFillColor: 'transparent'\n  })\n}\n\n/**\n * Background image modifier for text styling\n *\n * @example\n * ```typescript\n * .backgroundImage('url(texture.jpg)')\n * .backgroundImage('linear-gradient(to right, #667eea, #764ba2)')\n * ```\n */\nexport function backgroundImage(image: string): BackgroundClipModifier {\n  return new BackgroundClipModifier({ backgroundImage: image })\n}\n\n// ============================================================================\n// Common Gradient Text Presets\n// ============================================================================\n\n/**\n * Blue to purple gradient text\n */\nexport function blueGradientText(): BackgroundClipModifier {\n  return gradientText('linear-gradient(45deg, #007AFF, #5856D6)')\n}\n\n/**\n * Rainbow gradient text\n */\nexport function rainbowGradientText(): BackgroundClipModifier {\n  return gradientText('linear-gradient(90deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff80, #0080ff, #8000ff)')\n}\n\n/**\n * Warm sunset gradient text\n */\nexport function sunsetGradientText(): BackgroundClipModifier {\n  return gradientText('linear-gradient(45deg, #ff6b6b, #feca57, #ff9ff3)')\n}\n\n/**\n * Cool ocean gradient text\n */\nexport function oceanGradientText(): BackgroundClipModifier {\n  return gradientText('linear-gradient(45deg, #667eea, #764ba2)')\n}\n\n/**\n * Green nature gradient text\n */\nexport function natureGradientText(): BackgroundClipModifier {\n  return gradientText('linear-gradient(45deg, #56ab2f, #a8e6cf)')\n}\n\n/**\n * Gold metallic gradient text\n */\nexport function goldGradientText(): BackgroundClipModifier {\n  return gradientText('linear-gradient(45deg, #f7971e, #ffd200)')\n}\n\n/**\n * Silver metallic gradient text  \n */\nexport function silverGradientText(): BackgroundClipModifier {\n  return gradientText('linear-gradient(45deg, #bdc3c7, #2c3e50)')\n}"],"names":["LineClampModifier","BaseModifier","__publicField","ModifierPriority","_node","context","lines","styles","lineClamp","WordBreakModifier","wordBreak","value","validValues","OverflowWrapModifier","overflowWrap","HyphensModifier","hyphens","BackgroundClipModifier","options","resolvedOptions","key","props","backgroundClip","backgroundImage","clip","color","gradientText","gradient","image","blueGradientText","rainbowGradientText","sunsetGradientText","oceanGradientText","natureGradientText","goldGradientText","silverGradientText"],"mappings":"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"}

package/dist/modifiers/text.js

@@ -1,166 +0,0 @@
-import { BaseModifier as l } from "./base.js";
-import { ModifierPriority as s } from "./types.js";
-var u = Object.defineProperty, f = (i, r, e) => r in i ? u(i, r, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[r] = e, n = (i, r, e) => f(i, typeof r != "symbol" ? r + "" : r, e);
-class p extends l {
-  constructor() {
-    super(...arguments), n(this, "type", "lineClamp"), n(this, "priority", s.APPEARANCE + 15);
-  }
-  apply(r, e) {
-    if (!e.element) return;
-    const { lines: t } = this.properties;
-    process.env.NODE_ENV === "development" && this.validateLines(t);
-    const a = this.generateLineClampStyles(t);
-    this.applyStyles(e.element, a);
-  }
-  generateLineClampStyles(r) {
-    const e = {};
-    return e.display = "-webkit-box", e.webkitLineClamp = String(r), e.webkitBoxOrient = "vertical", e.overflow = "hidden", e.textOverflow = "ellipsis", e.wordWrap = "break-word", e;
-  }
-  validateLines(r) {
-    if (typeof r != "number" || !Number.isInteger(r) || r < 1) {
-      console.warn("TachUI LineClamp Modifier: lines must be a positive integer");
-      return;
-    }
-    r > 10 && console.info("TachUI LineClamp Modifier: Large line clamp values (>10) may impact readability. Consider if this is intentional.");
-  }
-}
-function w(i) {
-  return new p({ lines: i });
-}
-class c extends l {
-  constructor() {
-    super(...arguments), n(this, "type", "wordBreak"), n(this, "priority", s.APPEARANCE + 8);
-  }
-  apply(r, e) {
-    if (!e.element) return;
-    const { wordBreak: t } = this.properties;
-    process.env.NODE_ENV === "development" && this.validateWordBreak(t), this.applyStyles(e.element, { wordBreak: t });
-  }
-  validateWordBreak(r) {
-    const e = ["normal", "break-all", "keep-all", "break-word"];
-    e.includes(r) || console.warn(`TachUI WordBreak Modifier: Invalid word-break value "${r}". Valid values are: ${e.join(", ")}`), r === "break-word" && console.info('TachUI WordBreak Modifier: "break-word" is deprecated. Consider using overflowWrap("break-word") instead.');
-  }
-}
-function m(i) {
-  return new c({ wordBreak: i });
-}
-class g extends l {
-  constructor() {
-    super(...arguments), n(this, "type", "overflowWrap"), n(this, "priority", s.APPEARANCE + 9);
-  }
-  apply(r, e) {
-    if (!e.element) return;
-    const { overflowWrap: t } = this.properties;
-    process.env.NODE_ENV === "development" && this.validateOverflowWrap(t), this.applyStyles(e.element, { overflowWrap: t });
-  }
-  validateOverflowWrap(r) {
-    const e = ["normal", "break-word", "anywhere"];
-    e.includes(r) || console.warn(`TachUI OverflowWrap Modifier: Invalid overflow-wrap value "${r}". Valid values are: ${e.join(", ")}`);
-  }
-}
-function y(i) {
-  return new g({ overflowWrap: i });
-}
-class h extends l {
-  constructor() {
-    super(...arguments), n(this, "type", "hyphens"), n(this, "priority", s.APPEARANCE + 10);
-  }
-  apply(r, e) {
-    if (!e.element) return;
-    const { hyphens: t } = this.properties;
-    process.env.NODE_ENV === "development" && this.validateHyphens(t), this.applyStyles(e.element, {
-      hyphens: t,
-      // Add vendor prefixes for better browser support
-      webkitHyphens: t,
-      msHyphens: t
-    });
-  }
-  validateHyphens(r) {
-    const e = ["none", "manual", "auto"];
-    e.includes(r) || console.warn(`TachUI Hyphens Modifier: Invalid hyphens value "${r}". Valid values are: ${e.join(", ")}`), r === "auto" && console.info("TachUI Hyphens Modifier: Automatic hyphenation requires proper lang attribute on the document or element for best results.");
-  }
-}
-function v(i) {
-  return new h({ hyphens: i });
-}
-class d extends l {
-  constructor(r) {
-    const e = {};
-    for (const [t, a] of Object.entries(r))
-      typeof a == "function" && "peek" in a ? e[t] = a.peek() : e[t] = a;
-    super(e), n(this, "type", "backgroundClip"), n(this, "priority", 40);
-  }
-  apply(r, e) {
-    if (!e.element) return;
-    const t = this.computeBackgroundClipStyles(this.properties);
-    this.applyStyles(e.element, t);
-  }
-  computeBackgroundClipStyles(r) {
-    const e = {};
-    return r.backgroundImage && (e.backgroundImage = r.backgroundImage), r.backgroundClip && (e.backgroundClip = r.backgroundClip, e.webkitBackgroundClip = r.backgroundClip), r.color && (e.color = r.color, r.backgroundClip === "text" && (e.webkitTextFillColor = r.color)), r.webkitBackgroundClip && (e.webkitBackgroundClip = r.webkitBackgroundClip), r.webkitTextFillColor && (e.webkitTextFillColor = r.webkitTextFillColor), e;
-  }
-}
-function C(i, r = "text", e = "transparent") {
-  return new d({
-    backgroundImage: i,
-    backgroundClip: r,
-    color: e,
-    webkitBackgroundClip: r,
-    webkitTextFillColor: e
-  });
-}
-function o(i) {
-  return new d({
-    backgroundImage: i,
-    backgroundClip: "text",
-    color: "transparent",
-    webkitBackgroundClip: "text",
-    webkitTextFillColor: "transparent"
-  });
-}
-function x(i) {
-  return new d({ backgroundImage: i });
-}
-function B() {
-  return o("linear-gradient(45deg, #007AFF, #5856D6)");
-}
-function T() {
-  return o("linear-gradient(90deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff80, #0080ff, #8000ff)");
-}
-function I() {
-  return o("linear-gradient(45deg, #ff6b6b, #feca57, #ff9ff3)");
-}
-function W() {
-  return o("linear-gradient(45deg, #667eea, #764ba2)");
-}
-function E() {
-  return o("linear-gradient(45deg, #56ab2f, #a8e6cf)");
-}
-function _() {
-  return o("linear-gradient(45deg, #f7971e, #ffd200)");
-}
-function A() {
-  return o("linear-gradient(45deg, #bdc3c7, #2c3e50)");
-}
-export {
-  d as BackgroundClipModifier,
-  h as HyphensModifier,
-  p as LineClampModifier,
-  g as OverflowWrapModifier,
-  c as WordBreakModifier,
-  C as backgroundClip,
-  x as backgroundImage,
-  B as blueGradientText,
-  _ as goldGradientText,
-  o as gradientText,
-  v as hyphens,
-  w as lineClamp,
-  E as natureGradientText,
-  W as oceanGradientText,
-  y as overflowWrap,
-  T as rainbowGradientText,
-  A as silverGradientText,
-  I as sunsetGradientText,
-  m as wordBreak
-};
-//# sourceMappingURL=text.js.map

package/dist/modifiers/text.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.js","sources":["../../src/modifiers/text.ts"],"sourcesContent":["/**\n * Text Modifiers Implementation\n *\n * Specialized text handling modifiers including line clamping, word breaking,\n * overflow wrapping, and hyphenation control for enhanced typography.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\nimport { ModifierPriority } from './types'\n\n// ============================================================================\n// Line Clamp Modifier - Multi-line Text Truncation\n// ============================================================================\n\nexport interface LineClampOptions {\n  lines: number\n}\n\nexport type ReactiveLineClampOptions = ReactiveModifierProps<LineClampOptions>\n\nexport class LineClampModifier extends BaseModifier<LineClampOptions> {\n  readonly type = 'lineClamp'\n  readonly priority = ModifierPriority.APPEARANCE + 15\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const { lines } = this.properties\n\n    // Validate lines in development mode\n    if (process.env.NODE_ENV === 'development') {\n      this.validateLines(lines)\n    }\n\n    // Apply line clamp styles\n    const styles = this.generateLineClampStyles(lines)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private generateLineClampStyles(lines: number): Record<string, string> {\n    const styles: Record<string, string> = {}\n\n    // Modern browsers: Use -webkit-line-clamp\n    styles.display = '-webkit-box'\n    styles.webkitLineClamp = String(lines)\n    styles.webkitBoxOrient = 'vertical'\n    styles.overflow = 'hidden'\n\n    // Additional properties for better cross-browser support\n    styles.textOverflow = 'ellipsis'\n    styles.wordWrap = 'break-word'\n\n    return styles\n  }\n\n  private validateLines(lines: number): void {\n    if (typeof lines !== 'number' || !Number.isInteger(lines) || lines < 1) {\n      console.warn('TachUI LineClamp Modifier: lines must be a positive integer')\n      return\n    }\n\n    if (lines > 10) {\n      console.info('TachUI LineClamp Modifier: Large line clamp values (>10) may impact readability. Consider if this is intentional.')\n    }\n  }\n}\n\n/**\n * Line clamp modifier function - SwiftUI .lineLimit() equivalent\n */\nexport function lineClamp(lines: number): LineClampModifier {\n  return new LineClampModifier({ lines })\n}\n\n// ============================================================================\n// Word Break Modifier - Word Breaking Behavior\n// ============================================================================\n\nexport type WordBreakValue = 'normal' | 'break-all' | 'keep-all' | 'break-word'\n\nexport interface WordBreakOptions {\n  wordBreak: WordBreakValue\n}\n\nexport type ReactiveWordBreakOptions = ReactiveModifierProps<WordBreakOptions>\n\nexport class WordBreakModifier extends BaseModifier<WordBreakOptions> {\n  readonly type = 'wordBreak'\n  readonly priority = ModifierPriority.APPEARANCE + 8\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const { wordBreak } = this.properties\n\n    // Validate word break value in development mode\n    if (process.env.NODE_ENV === 'development') {\n      this.validateWordBreak(wordBreak)\n    }\n\n    this.applyStyles(context.element, { wordBreak })\n    \n    return undefined\n  }\n\n  private validateWordBreak(value: string): void {\n    const validValues: WordBreakValue[] = ['normal', 'break-all', 'keep-all', 'break-word']\n    \n    if (!validValues.includes(value as WordBreakValue)) {\n      console.warn(`TachUI WordBreak Modifier: Invalid word-break value \"${value}\". Valid values are: ${validValues.join(', ')}`)\n    }\n\n    if (value === 'break-word') {\n      console.info('TachUI WordBreak Modifier: \"break-word\" is deprecated. Consider using overflowWrap(\"break-word\") instead.')\n    }\n  }\n}\n\n/**\n * Word break modifier function\n */\nexport function wordBreak(value: WordBreakValue): WordBreakModifier {\n  return new WordBreakModifier({ wordBreak: value })\n}\n\n// ============================================================================\n// Overflow Wrap Modifier - Word Wrapping\n// ============================================================================\n\nexport type OverflowWrapValue = 'normal' | 'break-word' | 'anywhere'\n\nexport interface OverflowWrapOptions {\n  overflowWrap: OverflowWrapValue\n}\n\nexport type ReactiveOverflowWrapOptions = ReactiveModifierProps<OverflowWrapOptions>\n\nexport class OverflowWrapModifier extends BaseModifier<OverflowWrapOptions> {\n  readonly type = 'overflowWrap'\n  readonly priority = ModifierPriority.APPEARANCE + 9\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const { overflowWrap } = this.properties\n\n    // Validate overflow wrap value in development mode\n    if (process.env.NODE_ENV === 'development') {\n      this.validateOverflowWrap(overflowWrap)\n    }\n\n    this.applyStyles(context.element, { overflowWrap })\n    \n    return undefined\n  }\n\n  private validateOverflowWrap(value: string): void {\n    const validValues: OverflowWrapValue[] = ['normal', 'break-word', 'anywhere']\n    \n    if (!validValues.includes(value as OverflowWrapValue)) {\n      console.warn(`TachUI OverflowWrap Modifier: Invalid overflow-wrap value \"${value}\". Valid values are: ${validValues.join(', ')}`)\n    }\n  }\n}\n\n/**\n * Overflow wrap modifier function\n */\nexport function overflowWrap(value: OverflowWrapValue): OverflowWrapModifier {\n  return new OverflowWrapModifier({ overflowWrap: value })\n}\n\n// ============================================================================\n// Hyphens Modifier - Hyphenation Control\n// ============================================================================\n\nexport type HyphensValue = 'none' | 'manual' | 'auto'\n\nexport interface HyphensOptions {\n  hyphens: HyphensValue\n}\n\nexport type ReactiveHyphensOptions = ReactiveModifierProps<HyphensOptions>\n\nexport class HyphensModifier extends BaseModifier<HyphensOptions> {\n  readonly type = 'hyphens'\n  readonly priority = ModifierPriority.APPEARANCE + 10\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const { hyphens } = this.properties\n\n    // Validate hyphens value in development mode\n    if (process.env.NODE_ENV === 'development') {\n      this.validateHyphens(hyphens)\n    }\n\n    this.applyStyles(context.element, { \n      hyphens,\n      // Add vendor prefixes for better browser support\n      webkitHyphens: hyphens,\n      msHyphens: hyphens\n    })\n    \n    return undefined\n  }\n\n  private validateHyphens(value: string): void {\n    const validValues: HyphensValue[] = ['none', 'manual', 'auto']\n    \n    if (!validValues.includes(value as HyphensValue)) {\n      console.warn(`TachUI Hyphens Modifier: Invalid hyphens value \"${value}\". Valid values are: ${validValues.join(', ')}`)\n    }\n\n    if (value === 'auto') {\n      console.info('TachUI Hyphens Modifier: Automatic hyphenation requires proper lang attribute on the document or element for best results.')\n    }\n  }\n}\n\n/**\n * Hyphens modifier function\n */\nexport function hyphens(value: HyphensValue): HyphensModifier {\n  return new HyphensModifier({ hyphens: value })\n}\n\n// ============================================================================\n// Background Clip Modifier (Moved from css-features.ts)\n// ============================================================================\n\nexport interface BackgroundClipOptions {\n  backgroundImage?: string\n  backgroundClip?: 'text' | 'border-box' | 'padding-box' | 'content-box'\n  color?: string\n  webkitBackgroundClip?: string\n  webkitTextFillColor?: string\n}\n\nexport type ReactiveBackgroundClipOptions = ReactiveModifierProps<BackgroundClipOptions>\n\nexport class BackgroundClipModifier extends BaseModifier<BackgroundClipOptions> {\n  readonly type = 'backgroundClip'\n  readonly priority = 40\n\n  constructor(options: ReactiveBackgroundClipOptions) {\n    const resolvedOptions: BackgroundClipOptions = {}\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.computeBackgroundClipStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeBackgroundClipStyles(props: BackgroundClipOptions) {\n    const styles: Record<string, string> = {}\n\n    if (props.backgroundImage) {\n      styles.backgroundImage = props.backgroundImage\n    }\n\n    if (props.backgroundClip) {\n      styles.backgroundClip = props.backgroundClip\n      // Add webkit prefix for better browser support\n      styles.webkitBackgroundClip = props.backgroundClip\n    }\n\n    if (props.color) {\n      styles.color = props.color\n      // For text clipping, often need webkit-text-fill-color\n      if (props.backgroundClip === 'text') {\n        styles.webkitTextFillColor = props.color\n      }\n    }\n\n    // Add webkit-specific properties if provided\n    if (props.webkitBackgroundClip) {\n      styles.webkitBackgroundClip = props.webkitBackgroundClip\n    }\n\n    if (props.webkitTextFillColor) {\n      styles.webkitTextFillColor = props.webkitTextFillColor\n    }\n\n    return styles\n  }\n}\n\n/**\n * Background clip modifier for advanced text effects\n *\n * @example\n * ```typescript\n * .backgroundClip(\n *   'linear-gradient(45deg, #007AFF, #34C759)',\n *   'text',\n *   'transparent'\n * )\n * ```\n */\nexport function backgroundClip(\n  backgroundImage: string,\n  clip: 'text' | 'border-box' | 'padding-box' | 'content-box' = 'text',\n  color: string = 'transparent'\n): BackgroundClipModifier {\n  return new BackgroundClipModifier({\n    backgroundImage,\n    backgroundClip: clip,\n    color,\n    webkitBackgroundClip: clip,\n    webkitTextFillColor: color\n  })\n}\n\n/**\n * Gradient text modifier - creates text with gradient colors\n *\n * @example\n * ```typescript\n * .gradientText('linear-gradient(45deg, #007AFF, #34C759)')\n * .gradientText('radial-gradient(circle, #ff6b6b, #4ecdc4)')\n * .gradientText('linear-gradient(90deg, #667eea 0%, #764ba2 100%)')\n * ```\n */\nexport function gradientText(gradient: string): BackgroundClipModifier {\n  return new BackgroundClipModifier({\n    backgroundImage: gradient,\n    backgroundClip: 'text',\n    color: 'transparent',\n    webkitBackgroundClip: 'text',\n    webkitTextFillColor: 'transparent'\n  })\n}\n\n/**\n * Background image modifier for text styling\n *\n * @example\n * ```typescript\n * .backgroundImage('url(texture.jpg)')\n * .backgroundImage('linear-gradient(to right, #667eea, #764ba2)')\n * ```\n */\nexport function backgroundImage(image: string): BackgroundClipModifier {\n  return new BackgroundClipModifier({ backgroundImage: image })\n}\n\n// ============================================================================\n// Common Gradient Text Presets\n// ============================================================================\n\n/**\n * Blue to purple gradient text\n */\nexport function blueGradientText(): BackgroundClipModifier {\n  return gradientText('linear-gradient(45deg, #007AFF, #5856D6)')\n}\n\n/**\n * Rainbow gradient text\n */\nexport function rainbowGradientText(): BackgroundClipModifier {\n  return gradientText('linear-gradient(90deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff80, #0080ff, #8000ff)')\n}\n\n/**\n * Warm sunset gradient text\n */\nexport function sunsetGradientText(): BackgroundClipModifier {\n  return gradientText('linear-gradient(45deg, #ff6b6b, #feca57, #ff9ff3)')\n}\n\n/**\n * Cool ocean gradient text\n */\nexport function oceanGradientText(): BackgroundClipModifier {\n  return gradientText('linear-gradient(45deg, #667eea, #764ba2)')\n}\n\n/**\n * Green nature gradient text\n */\nexport function natureGradientText(): BackgroundClipModifier {\n  return gradientText('linear-gradient(45deg, #56ab2f, #a8e6cf)')\n}\n\n/**\n * Gold metallic gradient text\n */\nexport function goldGradientText(): BackgroundClipModifier {\n  return gradientText('linear-gradient(45deg, #f7971e, #ffd200)')\n}\n\n/**\n * Silver metallic gradient text  \n */\nexport function silverGradientText(): BackgroundClipModifier {\n  return gradientText('linear-gradient(45deg, #bdc3c7, #2c3e50)')\n}"],"names":["LineClampModifier","BaseModifier","__publicField","ModifierPriority","_node","context","lines","styles","lineClamp","WordBreakModifier","wordBreak","value","validValues","OverflowWrapModifier","overflowWrap","HyphensModifier","hyphens","BackgroundClipModifier","options","resolvedOptions","key","props","backgroundClip","backgroundImage","clip","color","gradientText","gradient","image","blueGradientText","rainbowGradientText","sunsetGradientText","oceanGradientText","natureGradientText","goldGradientText","silverGradientText"],"mappings":"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"}

package/dist/modifiers/transformations.cjs

@@ -1,2 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./base.cjs");var m=Object.defineProperty,c=(r,t,e)=>t in r?m(r,t,{enumerable:!0,configurable:!0,writable:!0,value:e}):r[t]=e,l=(r,t,e)=>c(r,typeof t!="symbol"?t+"":t,e);class o extends f.BaseModifier{constructor(t){const e={};for(const[a,s]of Object.entries(t))typeof s=="function"&&"peek"in s?e[a]=s.peek():e[a]=s;super(e),l(this,"type","transform"),l(this,"priority",45)}apply(t,e){if(!e.element)return;const a=this.computeTransformStyles(this.properties);this.applyStyles(e.element,a)}computeTransformStyles(t){const e={};return t.transform&&(e.transform=this.generateTransformCSS(t.transform)),t.transformOrigin&&(e.transformOrigin=t.transformOrigin),t.backfaceVisibility&&(e.backfaceVisibility=t.backfaceVisibility),t.transformStyle&&(e.transformStyle=t.transformStyle),e}generateTransformCSS(t){const e=[];if("perspective"in t&&t.perspective!==void 0&&e.push(`perspective(${t.perspective}px)`),t.scale!==void 0)if(typeof t.scale=="number")e.push(`scale(${t.scale})`);else{const a=t.scale.x??1,s=t.scale.y??1;e.push(`scale(${a}, ${s})`)}if(t.rotate!==void 0&&e.push(`rotate(${t.rotate})`),"rotateX"in t&&t.rotateX!==void 0&&e.push(`rotateX(${t.rotateX})`),"rotateY"in t&&t.rotateY!==void 0&&e.push(`rotateY(${t.rotateY})`),"rotateZ"in t&&t.rotateZ!==void 0&&e.push(`rotateZ(${t.rotateZ})`),t.translate!==void 0){const a=this.formatLength(t.translate.x??0),s=this.formatLength(t.translate.y??0);let i="0";"z"in t.translate&&t.translate.z!==void 0?i=this.formatLength(t.translate.z):"translateZ"in t&&t.translateZ!==void 0&&(i=this.formatLength(t.translateZ)),e.push(`translate3d(${a}, ${s}, ${i})`)}return"scaleZ"in t&&t.scaleZ!==void 0&&e.push(`scaleZ(${t.scaleZ})`),t.skew!==void 0&&(t.skew.x!==void 0&&t.skew.y!==void 0?e.push(`skew(${t.skew.x}, ${t.skew.y})`):t.skew.x!==void 0?e.push(`skewX(${t.skew.x})`):t.skew.y!==void 0&&e.push(`skewY(${t.skew.y})`)),e.join(" ")}formatLength(t){return typeof t=="number"?`${t}px`:t}}class n extends f.BaseModifier{constructor(t){const e={};for(const[a,s]of Object.entries(t))typeof s=="function"&&"peek"in s?e[a]=s.peek():e[a]=s;super(e),l(this,"type","advancedTransform"),l(this,"priority",45)}apply(t,e){if(!e.element)return;const a=this.computeAdvancedTransformStyles(this.properties);this.applyStyles(e.element,a)}computeAdvancedTransformStyles(t){const e={};return t.transform&&(e.transform=this.generateAdvancedTransformCSS(t.transform)),t.transformOrigin&&(e.transformOrigin=t.transformOrigin),t.perspectiveOrigin&&(e.perspectiveOrigin=t.perspectiveOrigin),t.backfaceVisibility&&(e.backfaceVisibility=t.backfaceVisibility),t.transformStyle&&(e.transformStyle=t.transformStyle),e}generateAdvancedTransformCSS(t){const e=[];if("matrix"in t&&t.matrix&&e.push(`matrix(${t.matrix.join(", ")})`),"matrix3d"in t&&t.matrix3d&&e.push(`matrix3d(${t.matrix3d.join(", ")})`),"rotate3d"in t&&t.rotate3d){const{x:a,y:s,z:i,angle:u}=t.rotate3d;e.push(`rotate3d(${a}, ${s}, ${i}, ${u})`)}if("scale3d"in t&&t.scale3d){const{x:a,y:s,z:i}=t.scale3d;e.push(`scale3d(${a}, ${s}, ${i})`)}if("translate3d"in t&&t.translate3d){const a=this.formatLength(t.translate3d.x??0),s=this.formatLength(t.translate3d.y??0),i=this.formatLength(t.translate3d.z??0);e.push(`translate3d(${a}, ${s}, ${i})`)}return"scaleX"in t&&t.scaleX!==void 0&&e.push(`scaleX(${t.scaleX})`),"scaleY"in t&&t.scaleY!==void 0&&e.push(`scaleY(${t.scaleY})`),"scaleZ"in t&&t.scaleZ!==void 0&&e.push(`scaleZ(${t.scaleZ})`),"translateX"in t&&t.translateX!==void 0&&e.push(`translateX(${this.formatLength(t.translateX)})`),"translateY"in t&&t.translateY!==void 0&&e.push(`translateY(${this.formatLength(t.translateY)})`),"translateZ"in t&&t.translateZ!==void 0&&e.push(`translateZ(${this.formatLength(t.translateZ)})`),e.length===0?this.generateTransformCSS(t):e.join(" ")}generateTransformCSS(t){return new o({transform:t}).generateTransformCSS(t)}formatLength(t){return typeof t=="number"?`${t}px`:t}}function d(r){return new o({transform:r})}function p(r){return new o({transform:{scale:r}})}function h(r){return new o({transform:{rotate:r}})}function y(r){return new o({transform:{translate:r}})}function v(r){return new o({transform:{skew:r}})}function w(r){return new o({transform:{rotateX:r}})}function b(r){return new o({transform:{rotateY:r}})}function $(r){return new o({transform:{rotateZ:r}})}function S(r){return new o({transform:{perspective:r}})}function x(r){return new n({transform:r})}function Z(r){return new n({transform:{matrix:r}})}function k(r){return new n({transform:{matrix3d:r}})}function X(r,t,e,a){return new n({transform:{rotate3d:{x:r,y:t,z:e,angle:a}}})}function Y(r,t,e){return new n({transform:{scale3d:{x:r,y:t,z:e}}})}function T(r,t,e){return new n({transform:{translate3d:{x:r,y:t,z:e}}})}function O(r){return new n({transform:{scaleX:r}})}function L(r){return new n({transform:{scaleY:r}})}function M(r){return new n({transform:{scaleZ:r}})}function V(r){return new n({transform:{translateX:r}})}function z(r){return new n({transform:{translateY:r}})}function _(r){return new n({transform:{translateZ:r}})}function C(r){return new n({perspectiveOrigin:r})}function j(r){return new n({transformStyle:r})}function A(r){return new n({backfaceVisibility:r})}function P(r,t,e="center"){const a=r,s=t??r,i=E(e);return new n({transform:{scaleX:a,scaleY:s},transformOrigin:i})}function B(r,t){return new n({transform:{translateX:r,translateY:t}})}function E(r){switch(r){case"center":return"center center";case"top":return"center top";case"bottom":return"center bottom";case"leading":return"left center";case"trailing":return"right center";case"topLeading":return"left top";case"topTrailing":return"right top";case"bottomLeading":return"left bottom";case"bottomTrailing":return"right bottom";default:return"center center"}}exports.AdvancedTransformModifier=n;exports.TransformModifier=o;exports.advancedTransform=x;exports.backfaceVisibility=A;exports.matrix=Z;exports.matrix3d=k;exports.offset=B;exports.perspective=S;exports.perspectiveOrigin=C;exports.rotate=h;exports.rotate3d=X;exports.rotateX=w;exports.rotateY=b;exports.rotateZ=$;exports.scale=p;exports.scale3d=Y;exports.scaleEffect=P;exports.scaleX=O;exports.scaleY=L;exports.scaleZ=M;exports.skew=v;exports.transform=d;exports.transformStyle=j;exports.translate=y;exports.translate3d=T;exports.translateX=V;exports.translateY=z;exports.translateZ=_;
-//# sourceMappingURL=transformations.cjs.map