@tachui/core 0.7.0-alpha1

package/dist/modifiers/size.d.ts

@@ -0,0 +1,113 @@
+/**
+ * Size Modifier - width, height, min/max dimensions
+ *
+ * Provides a unified interface for setting element dimensions
+ * with support for SwiftUI-style infinity constants.
+ */
+import type { DOMNode } from '../runtime/types';
+import type { Dimension } from '../constants/layout';
+import { BaseModifier } from './base';
+import type { ModifierContext, ReactiveModifierProps } from './types';
+export interface SizeOptions {
+    width?: Dimension;
+    height?: Dimension;
+    minWidth?: Dimension;
+    maxWidth?: Dimension;
+    minHeight?: Dimension;
+    maxHeight?: Dimension;
+}
+export type ReactiveSizeOptions = ReactiveModifierProps<SizeOptions>;
+export declare class SizeModifier extends BaseModifier<SizeOptions> {
+    readonly type = "size";
+    readonly priority = 80;
+    constructor(options: ReactiveSizeOptions);
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private computeSizeStyles;
+}
+/**
+ * Create a size modifier with multiple dimension properties
+ * Now supports SwiftUI-style infinity for responsive layouts
+ *
+ * @example
+ * ```typescript
+ * // Set both width and height
+ * .size({ width: 200, height: 100 })
+ *
+ * // Set responsive width with constraints
+ * .size({ width: '100%', maxWidth: 800, minWidth: 320 })
+ *
+ * // SwiftUI-style infinity support
+ * .size({ width: infinity, height: 200 })
+ * .size({ maxWidth: infinity, maxHeight: infinity })
+ * ```
+ */
+export declare function size(options: ReactiveSizeOptions): SizeModifier;
+/**
+ * Convenience function for setting width only
+ * Supports infinity for fill-available behavior
+ *
+ * @example
+ * ```typescript
+ * .width('100%')
+ * .width(280)
+ * .width(infinity) // Fill available space
+ * ```
+ */
+export declare function width(value: Dimension): SizeModifier;
+/**
+ * Convenience function for setting height only
+ * Supports infinity for fill-available behavior
+ *
+ * @example
+ * ```typescript
+ * .height('100vh')
+ * .height(64)
+ * .height(infinity) // Fill available space
+ * ```
+ */
+export declare function height(value: Dimension): SizeModifier;
+/**
+ * Convenience function for setting max-width only
+ * Supports infinity to remove width constraints
+ *
+ * @example
+ * ```typescript
+ * .maxWidth(800)
+ * .maxWidth('100%')
+ * .maxWidth(infinity) // Remove width constraints
+ * ```
+ */
+export declare function maxWidth(value: Dimension): SizeModifier;
+/**
+ * Convenience function for setting min-width only
+ *
+ * @example
+ * ```typescript
+ * .minWidth(320)
+ * .minWidth('50%')
+ * ```
+ */
+export declare function minWidth(value: Dimension): SizeModifier;
+/**
+ * Convenience function for setting max-height only
+ * Supports infinity to remove height constraints
+ *
+ * @example
+ * ```typescript
+ * .maxHeight(600)
+ * .maxHeight('80vh')
+ * .maxHeight(infinity) // Remove height constraints
+ * ```
+ */
+export declare function maxHeight(value: Dimension): SizeModifier;
+/**
+ * Convenience function for setting min-height only
+ *
+ * @example
+ * ```typescript
+ * .minHeight(200)
+ * .minHeight('30vh')
+ * ```
+ */
+export declare function minHeight(value: Dimension): SizeModifier;
+//# sourceMappingURL=size.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"size.d.ts","sourceRoot":"","sources":["../../src/modifiers/size.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,qBAAqB,CAAA;AAEpD,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAErE,MAAM,WAAW,WAAW;IAC1B,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,SAAS,CAAC,EAAE,SAAS,CAAA;CACtB;AAED,MAAM,MAAM,mBAAmB,GAAG,qBAAqB,CAAC,WAAW,CAAC,CAAA;AAEpE,qBAAa,YAAa,SAAQ,YAAY,CAAC,WAAW,CAAC;IACzD,QAAQ,CAAC,IAAI,UAAS;IACtB,QAAQ,CAAC,QAAQ,MAAK;gBAEV,OAAO,EAAE,mBAAmB;IAKxC,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,GAAG,SAAS;IASpE,OAAO,CAAC,iBAAiB;CA0D1B;AAED;;;;;;;;;;;;;;;;GAgBG;AACH,wBAAgB,IAAI,CAAC,OAAO,EAAE,mBAAmB,GAAG,YAAY,CAE/D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,KAAK,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAEpD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,MAAM,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAErD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAEvD;AAED;;;;;;;;GAQG;AACH,wBAAgB,QAAQ,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAEvD;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAExD;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CAAC,KAAK,EAAE,SAAS,GAAG,YAAY,CAExD"}

package/dist/modifiers/size.js

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

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

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

@@ -0,0 +1 @@
+{"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.d.ts

@@ -0,0 +1,147 @@
+/**
+ * Text Modifiers Implementation
+ *
+ * Specialized text handling modifiers including line clamping, word breaking,
+ * overflow wrapping, and hyphenation control for enhanced typography.
+ */
+import type { DOMNode } from '../runtime/types';
+import { BaseModifier } from './base';
+import type { ModifierContext, ReactiveModifierProps } from './types';
+export interface LineClampOptions {
+    lines: number;
+}
+export type ReactiveLineClampOptions = ReactiveModifierProps<LineClampOptions>;
+export declare class LineClampModifier extends BaseModifier<LineClampOptions> {
+    readonly type = "lineClamp";
+    readonly priority: number;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private generateLineClampStyles;
+    private validateLines;
+}
+/**
+ * Line clamp modifier function - SwiftUI .lineLimit() equivalent
+ */
+export declare function lineClamp(lines: number): LineClampModifier;
+export type WordBreakValue = 'normal' | 'break-all' | 'keep-all' | 'break-word';
+export interface WordBreakOptions {
+    wordBreak: WordBreakValue;
+}
+export type ReactiveWordBreakOptions = ReactiveModifierProps<WordBreakOptions>;
+export declare class WordBreakModifier extends BaseModifier<WordBreakOptions> {
+    readonly type = "wordBreak";
+    readonly priority: number;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private validateWordBreak;
+}
+/**
+ * Word break modifier function
+ */
+export declare function wordBreak(value: WordBreakValue): WordBreakModifier;
+export type OverflowWrapValue = 'normal' | 'break-word' | 'anywhere';
+export interface OverflowWrapOptions {
+    overflowWrap: OverflowWrapValue;
+}
+export type ReactiveOverflowWrapOptions = ReactiveModifierProps<OverflowWrapOptions>;
+export declare class OverflowWrapModifier extends BaseModifier<OverflowWrapOptions> {
+    readonly type = "overflowWrap";
+    readonly priority: number;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private validateOverflowWrap;
+}
+/**
+ * Overflow wrap modifier function
+ */
+export declare function overflowWrap(value: OverflowWrapValue): OverflowWrapModifier;
+export type HyphensValue = 'none' | 'manual' | 'auto';
+export interface HyphensOptions {
+    hyphens: HyphensValue;
+}
+export type ReactiveHyphensOptions = ReactiveModifierProps<HyphensOptions>;
+export declare class HyphensModifier extends BaseModifier<HyphensOptions> {
+    readonly type = "hyphens";
+    readonly priority: number;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private validateHyphens;
+}
+/**
+ * Hyphens modifier function
+ */
+export declare function hyphens(value: HyphensValue): HyphensModifier;
+export interface BackgroundClipOptions {
+    backgroundImage?: string;
+    backgroundClip?: 'text' | 'border-box' | 'padding-box' | 'content-box';
+    color?: string;
+    webkitBackgroundClip?: string;
+    webkitTextFillColor?: string;
+}
+export type ReactiveBackgroundClipOptions = ReactiveModifierProps<BackgroundClipOptions>;
+export declare class BackgroundClipModifier extends BaseModifier<BackgroundClipOptions> {
+    readonly type = "backgroundClip";
+    readonly priority = 40;
+    constructor(options: ReactiveBackgroundClipOptions);
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private computeBackgroundClipStyles;
+}
+/**
+ * Background clip modifier for advanced text effects
+ *
+ * @example
+ * ```typescript
+ * .backgroundClip(
+ *   'linear-gradient(45deg, #007AFF, #34C759)',
+ *   'text',
+ *   'transparent'
+ * )
+ * ```
+ */
+export declare function backgroundClip(backgroundImage: string, clip?: 'text' | 'border-box' | 'padding-box' | 'content-box', color?: string): BackgroundClipModifier;
+/**
+ * Gradient text modifier - creates text with gradient colors
+ *
+ * @example
+ * ```typescript
+ * .gradientText('linear-gradient(45deg, #007AFF, #34C759)')
+ * .gradientText('radial-gradient(circle, #ff6b6b, #4ecdc4)')
+ * .gradientText('linear-gradient(90deg, #667eea 0%, #764ba2 100%)')
+ * ```
+ */
+export declare function gradientText(gradient: string): BackgroundClipModifier;
+/**
+ * Background image modifier for text styling
+ *
+ * @example
+ * ```typescript
+ * .backgroundImage('url(texture.jpg)')
+ * .backgroundImage('linear-gradient(to right, #667eea, #764ba2)')
+ * ```
+ */
+export declare function backgroundImage(image: string): BackgroundClipModifier;
+/**
+ * Blue to purple gradient text
+ */
+export declare function blueGradientText(): BackgroundClipModifier;
+/**
+ * Rainbow gradient text
+ */
+export declare function rainbowGradientText(): BackgroundClipModifier;
+/**
+ * Warm sunset gradient text
+ */
+export declare function sunsetGradientText(): BackgroundClipModifier;
+/**
+ * Cool ocean gradient text
+ */
+export declare function oceanGradientText(): BackgroundClipModifier;
+/**
+ * Green nature gradient text
+ */
+export declare function natureGradientText(): BackgroundClipModifier;
+/**
+ * Gold metallic gradient text
+ */
+export declare function goldGradientText(): BackgroundClipModifier;
+/**
+ * Silver metallic gradient text
+ */
+export declare function silverGradientText(): BackgroundClipModifier;
+//# sourceMappingURL=text.d.ts.map

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

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

package/dist/modifiers/text.js

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

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