@tachui/core 0.7.0-alpha1

package/dist/modifiers/transformations.cjs

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

package/dist/modifiers/transformations.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"transformations.cjs","sources":["../../src/modifiers/transformations.ts"],"sourcesContent":["/**\n * Transformation Modifiers - CSS Transform System\n *\n * Provides comprehensive 2D and 3D transform capabilities including\n * scale, rotate, translate, skew, perspective, and matrix transforms.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\n\nexport interface TransformConfig {\n  scale?: number | { x?: number; y?: number }\n  rotate?: string\n  translate?: { x?: number | string; y?: number | string }\n  skew?: { x?: string; y?: string }\n  perspective?: number\n}\n\nexport interface Transform3DConfig extends TransformConfig {\n  rotateX?: string\n  rotateY?: string\n  rotateZ?: string\n  translate?: { x?: number | string; y?: number | string; z?: number | string }\n  translateZ?: number | string\n  scaleZ?: number\n}\n\nexport interface ModifierTransformOptions {\n  transform?: TransformConfig | Transform3DConfig\n  transformOrigin?: string\n  backfaceVisibility?: 'visible' | 'hidden'\n  transformStyle?: 'flat' | 'preserve-3d'\n}\n\nexport type ReactiveTransformOptions = ReactiveModifierProps<ModifierTransformOptions>\n\nexport class TransformModifier extends BaseModifier<ModifierTransformOptions> {\n  readonly type = 'transform'\n  readonly priority = 45\n\n  constructor(options: ReactiveTransformOptions) {\n    const resolvedOptions: ModifierTransformOptions = {}\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.computeTransformStyles(this.properties)\n    this.applyStyles(context.element, styles)\n\n    return undefined\n  }\n\n  private computeTransformStyles(props: ModifierTransformOptions) {\n    const styles: Record<string, string> = {}\n\n    if (props.transform) {\n      styles.transform = this.generateTransformCSS(props.transform)\n    }\n\n    if (props.transformOrigin) {\n      styles.transformOrigin = props.transformOrigin\n    }\n\n    if (props.backfaceVisibility) {\n      styles.backfaceVisibility = props.backfaceVisibility\n    }\n\n    if (props.transformStyle) {\n      styles.transformStyle = props.transformStyle\n    }\n\n    return styles\n  }\n\n  private generateTransformCSS(config: TransformConfig | Transform3DConfig): string {\n    const transforms: string[] = []\n\n    // Handle perspective first (for 3D transforms)\n    if ('perspective' in config && config.perspective !== undefined) {\n      transforms.push(`perspective(${config.perspective}px)`)\n    }\n\n    // Handle scale\n    if (config.scale !== undefined) {\n      if (typeof config.scale === 'number') {\n        transforms.push(`scale(${config.scale})`)\n      } else {\n        const x = config.scale.x ?? 1\n        const y = config.scale.y ?? 1\n        transforms.push(`scale(${x}, ${y})`)\n      }\n    }\n\n    // Handle rotate (2D)\n    if (config.rotate !== undefined) {\n      transforms.push(`rotate(${config.rotate})`)\n    }\n\n    // Handle 3D rotations\n    if ('rotateX' in config && config.rotateX !== undefined) {\n      transforms.push(`rotateX(${config.rotateX})`)\n    }\n    if ('rotateY' in config && config.rotateY !== undefined) {\n      transforms.push(`rotateY(${config.rotateY})`)\n    }\n    if ('rotateZ' in config && config.rotateZ !== undefined) {\n      transforms.push(`rotateZ(${config.rotateZ})`)\n    }\n\n    // Handle translate\n    if (config.translate !== undefined) {\n      const x = this.formatLength(config.translate.x ?? 0)\n      const y = this.formatLength(config.translate.y ?? 0)\n\n      // Check for Z value in translate object or translateZ property\n      let z = '0'\n      if ('z' in config.translate && config.translate.z !== undefined) {\n        z = this.formatLength(config.translate.z)\n      } else if ('translateZ' in config && config.translateZ !== undefined) {\n        z = this.formatLength(config.translateZ)\n      }\n\n      // Always use translate3d for hardware acceleration\n      transforms.push(`translate3d(${x}, ${y}, ${z})`)\n    }\n\n    // Handle 3D scale\n    if ('scaleZ' in config && config.scaleZ !== undefined) {\n      transforms.push(`scaleZ(${config.scaleZ})`)\n    }\n\n    // Handle skew\n    if (config.skew !== undefined) {\n      if (config.skew.x !== undefined && config.skew.y !== undefined) {\n        transforms.push(`skew(${config.skew.x}, ${config.skew.y})`)\n      } else if (config.skew.x !== undefined) {\n        transforms.push(`skewX(${config.skew.x})`)\n      } else if (config.skew.y !== undefined) {\n        transforms.push(`skewY(${config.skew.y})`)\n      }\n    }\n\n    return transforms.join(' ')\n  }\n\n  private formatLength(value: number | string): string {\n    if (typeof value === 'number') {\n      return `${value}px`\n    }\n    return value\n  }\n}\n\n// ============================================================================\n// Advanced Transform System for Matrix and Extended 3D\n// ============================================================================\n\nexport interface MatrixTransformConfig {\n  matrix?: [number, number, number, number, number, number]\n  matrix3d?: [\n    number, number, number, number,\n    number, number, number, number,\n    number, number, number, number,\n    number, number, number, number\n  ]\n}\n\nexport interface Advanced3DTransformConfig {\n  rotate3d?: { x: number; y: number; z: number; angle: string }\n  scale3d?: { x: number; y: number; z: number }\n  translate3d?: { x?: number | string; y?: number | string; z?: number | string }\n  scaleX?: number\n  scaleY?: number\n  scaleZ?: number\n  translateX?: number | string\n  translateY?: number | string\n  translateZ?: number | string\n}\n\nexport interface ModifierAdvancedTransformOptions {\n  transform?: TransformConfig | Transform3DConfig | MatrixTransformConfig | Advanced3DTransformConfig\n  transformOrigin?: string\n  perspectiveOrigin?: string\n  transformStyle?: 'flat' | 'preserve-3d'\n  backfaceVisibility?: 'visible' | 'hidden'\n}\n\nexport type ReactiveAdvancedTransformOptions = ReactiveModifierProps<ModifierAdvancedTransformOptions>\n\nexport class AdvancedTransformModifier extends BaseModifier<ModifierAdvancedTransformOptions> {\n  readonly type = 'advancedTransform'\n  readonly priority = 45\n\n  constructor(options: ReactiveAdvancedTransformOptions) {\n    const resolvedOptions: ModifierAdvancedTransformOptions = {}\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.computeAdvancedTransformStyles(this.properties)\n    this.applyStyles(context.element, styles)\n\n    return undefined\n  }\n\n  private computeAdvancedTransformStyles(props: ModifierAdvancedTransformOptions) {\n    const styles: Record<string, string> = {}\n\n    if (props.transform) {\n      styles.transform = this.generateAdvancedTransformCSS(props.transform)\n    }\n\n    if (props.transformOrigin) {\n      styles.transformOrigin = props.transformOrigin\n    }\n\n    if (props.perspectiveOrigin) {\n      styles.perspectiveOrigin = props.perspectiveOrigin\n    }\n\n    if (props.backfaceVisibility) {\n      styles.backfaceVisibility = props.backfaceVisibility\n    }\n\n    if (props.transformStyle) {\n      styles.transformStyle = props.transformStyle\n    }\n\n    return styles\n  }\n\n  private generateAdvancedTransformCSS(config: any): string {\n    const transforms: string[] = []\n\n    // Handle matrix transforms\n    if ('matrix' in config && config.matrix) {\n      transforms.push(`matrix(${config.matrix.join(', ')})`)\n    }\n    if ('matrix3d' in config && config.matrix3d) {\n      transforms.push(`matrix3d(${config.matrix3d.join(', ')})`)\n    }\n\n    // Handle advanced 3D transforms\n    if ('rotate3d' in config && config.rotate3d) {\n      const { x, y, z, angle } = config.rotate3d\n      transforms.push(`rotate3d(${x}, ${y}, ${z}, ${angle})`)\n    }\n\n    if ('scale3d' in config && config.scale3d) {\n      const { x, y, z } = config.scale3d\n      transforms.push(`scale3d(${x}, ${y}, ${z})`)\n    }\n\n    if ('translate3d' in config && config.translate3d) {\n      const x = this.formatLength(config.translate3d.x ?? 0)\n      const y = this.formatLength(config.translate3d.y ?? 0)\n      const z = this.formatLength(config.translate3d.z ?? 0)\n      transforms.push(`translate3d(${x}, ${y}, ${z})`)\n    }\n\n    // Individual axis transforms\n    if ('scaleX' in config && config.scaleX !== undefined) {\n      transforms.push(`scaleX(${config.scaleX})`)\n    }\n    if ('scaleY' in config && config.scaleY !== undefined) {\n      transforms.push(`scaleY(${config.scaleY})`)\n    }\n    if ('scaleZ' in config && config.scaleZ !== undefined) {\n      transforms.push(`scaleZ(${config.scaleZ})`)\n    }\n    if ('translateX' in config && config.translateX !== undefined) {\n      transforms.push(`translateX(${this.formatLength(config.translateX)})`)\n    }\n    if ('translateY' in config && config.translateY !== undefined) {\n      transforms.push(`translateY(${this.formatLength(config.translateY)})`)\n    }\n    if ('translateZ' in config && config.translateZ !== undefined) {\n      transforms.push(`translateZ(${this.formatLength(config.translateZ)})`)\n    }\n\n    // Fallback to basic transform generation\n    if (transforms.length === 0) {\n      return this.generateTransformCSS(config)\n    }\n\n    return transforms.join(' ')\n  }\n\n  private generateTransformCSS(config: TransformConfig | Transform3DConfig): string {\n    // Reuse the basic transform generation logic\n    const transformModifier = new TransformModifier({ transform: config })\n    return (transformModifier as any).generateTransformCSS(config)\n  }\n\n  private formatLength(value: number | string): string {\n    if (typeof value === 'number') {\n      return `${value}px`\n    }\n    return value\n  }\n}\n\n// ============================================================================\n// Transform Functions\n// ============================================================================\n\n/**\n * General transform modifier with flexible configuration\n *\n * @example\n * ```typescript\n * .transform({\n *   scale: 1.1,\n *   rotate: '45deg',\n *   translate: { x: 10, y: 20 }\n * })\n * ```\n */\nexport function transform(config: TransformConfig | Transform3DConfig): TransformModifier {\n  return new TransformModifier({ transform: config })\n}\n\n/**\n * Scale transformation\n *\n * @example\n * ```typescript\n * .scale(1.2)                    // Uniform scale\n * .scale({ x: 1.5, y: 0.8 })     // Non-uniform scale\n * ```\n */\nexport function scale(value: number | { x?: number; y?: number }): TransformModifier {\n  return new TransformModifier({ transform: { scale: value } })\n}\n\n/**\n * 2D rotation transformation\n *\n * @example\n * ```typescript\n * .rotate('45deg')\n * .rotate('-90deg')\n * .rotate('0.5turn')\n * ```\n */\nexport function rotate(angle: string): TransformModifier {\n  return new TransformModifier({ transform: { rotate: angle } })\n}\n\n/**\n * Translation transformation\n *\n * @example\n * ```typescript\n * .translate({ x: 10, y: 20 })\n * .translate({ x: '50%', y: '-10px' })\n * ```\n */\nexport function translate(offset: { x?: number | string; y?: number | string }): TransformModifier {\n  return new TransformModifier({ transform: { translate: offset } })\n}\n\n/**\n * Skew transformation\n *\n * @example\n * ```typescript\n * .skew({ x: '15deg', y: '10deg' })\n * .skew({ x: '20deg' })  // Only X axis\n * ```\n */\nexport function skew(angles: { x?: string; y?: string }): TransformModifier {\n  return new TransformModifier({ transform: { skew: angles } })\n}\n\n// ============================================================================\n// 3D Transform Functions\n// ============================================================================\n\n/**\n * X-axis rotation (3D)\n *\n * @example\n * ```typescript\n * .rotateX('45deg')\n * .rotateX('1rad')\n * ```\n */\nexport function rotateX(angle: string): TransformModifier {\n  return new TransformModifier({ transform: { rotateX: angle } })\n}\n\n/**\n * Y-axis rotation (3D)\n *\n * @example\n * ```typescript\n * .rotateY('90deg')\n * .rotateY('-45deg')\n * ```\n */\nexport function rotateY(angle: string): TransformModifier {\n  return new TransformModifier({ transform: { rotateY: angle } })\n}\n\n/**\n * Z-axis rotation (3D)\n *\n * @example\n * ```typescript\n * .rotateZ('180deg')\n * .rotateZ('0.25turn')\n * ```\n */\nexport function rotateZ(angle: string): TransformModifier {\n  return new TransformModifier({ transform: { rotateZ: angle } })\n}\n\n/**\n * 3D perspective\n *\n * @example\n * ```typescript\n * .perspective(1000)  // 1000px perspective\n * .perspective(500)   // Closer perspective\n * ```\n */\nexport function perspective(value: number): TransformModifier {\n  return new TransformModifier({ transform: { perspective: value } })\n}\n\n// ============================================================================\n// Advanced Transform Functions (Matrix, Extended 3D)\n// ============================================================================\n\n/**\n * Advanced transform modifier with matrix and extended 3D support\n *\n * @example\n * ```typescript\n * .advancedTransform({\n *   rotate3d: { x: 1, y: 1, z: 0, angle: '45deg' },\n *   scale3d: { x: 1.2, y: 1.2, z: 1 }\n * })\n * ```\n */\nexport function advancedTransform(config: Advanced3DTransformConfig | MatrixTransformConfig): AdvancedTransformModifier {\n  return new AdvancedTransformModifier({ transform: config })\n}\n\n/**\n * 2D matrix transformation\n *\n * @example\n * ```typescript\n * .matrix([1, 0, 0, 1, 50, 100])  // Translate(50, 100)\n * ```\n */\nexport function matrix(values: [number, number, number, number, number, number]): AdvancedTransformModifier {\n  return new AdvancedTransformModifier({ transform: { matrix: values } })\n}\n\n/**\n * 3D matrix transformation\n *\n * @example\n * ```typescript\n * .matrix3d([1,0,0,0, 0,1,0,0, 0,0,1,0, 50,100,0,1])\n * ```\n */\nexport function matrix3d(values: [\n  number, number, number, number,\n  number, number, number, number,\n  number, number, number, number,\n  number, number, number, number\n]): AdvancedTransformModifier {\n  return new AdvancedTransformModifier({ transform: { matrix3d: values } })\n}\n\n/**\n * 3D rotation around arbitrary axis\n *\n * @example\n * ```typescript\n * .rotate3d(1, 1, 0, '45deg')  // Rotate around X and Y axis\n * ```\n */\nexport function rotate3d(x: number, y: number, z: number, angle: string): AdvancedTransformModifier {\n  return new AdvancedTransformModifier({ transform: { rotate3d: { x, y, z, angle } } })\n}\n\n/**\n * 3D scale transformation\n *\n * @example\n * ```typescript\n * .scale3d(1.2, 1.2, 0.8)  // Scale XY up, Z down\n * ```\n */\nexport function scale3d(x: number, y: number, z: number): AdvancedTransformModifier {\n  return new AdvancedTransformModifier({ transform: { scale3d: { x, y, z } } })\n}\n\n/**\n * 3D translation transformation\n *\n * @example\n * ```typescript\n * .translate3d(10, 20, 30)      // Hardware accelerated\n * .translate3d('50%', 0, 0)     // Percentage values\n * ```\n */\nexport function translate3d(x?: number | string, y?: number | string, z?: number | string): AdvancedTransformModifier {\n  return new AdvancedTransformModifier({ transform: { translate3d: { x, y, z } } })\n}\n\n// Individual axis scale functions\nexport function scaleX(value: number): AdvancedTransformModifier {\n  return new AdvancedTransformModifier({ transform: { scaleX: value } })\n}\n\nexport function scaleY(value: number): AdvancedTransformModifier {\n  return new AdvancedTransformModifier({ transform: { scaleY: value } })\n}\n\nexport function scaleZ(value: number): AdvancedTransformModifier {\n  return new AdvancedTransformModifier({ transform: { scaleZ: value } })\n}\n\n// Individual axis translate functions\nexport function translateX(value: number | string): AdvancedTransformModifier {\n  return new AdvancedTransformModifier({ transform: { translateX: value } })\n}\n\nexport function translateY(value: number | string): AdvancedTransformModifier {\n  return new AdvancedTransformModifier({ transform: { translateY: value } })\n}\n\nexport function translateZ(value: number | string): AdvancedTransformModifier {\n  return new AdvancedTransformModifier({ transform: { translateZ: value } })\n}\n\n// Transform utility functions\nexport function perspectiveOrigin(value: string): AdvancedTransformModifier {\n  return new AdvancedTransformModifier({ perspectiveOrigin: value })\n}\n\nexport function transformStyle(value: 'flat' | 'preserve-3d'): AdvancedTransformModifier {\n  return new AdvancedTransformModifier({ transformStyle: value })\n}\n\nexport function backfaceVisibility(value: 'visible' | 'hidden'): AdvancedTransformModifier {\n  return new AdvancedTransformModifier({ backfaceVisibility: value })\n}\n\n// ============================================================================\n// SwiftUI Compatibility Functions\n// ============================================================================\n\ntype AnchorPoint = 'center' | 'top' | 'bottom' | 'leading' | 'trailing' | \n                   'topLeading' | 'topTrailing' | 'bottomLeading' | 'bottomTrailing'\n\n/**\n * SwiftUI-compatible scaleEffect modifier\n * \n * @example\n * ```typescript\n * .scaleEffect(1.5)                    // Uniform scale\n * .scaleEffect(1.5, 2.0)               // Non-uniform scale  \n * .scaleEffect(1.2, undefined, 'topLeading')  // Scale from top-leading corner\n * ```\n */\nexport function scaleEffect(\n  x: number,\n  y?: number,\n  anchor: AnchorPoint = 'center'\n): AdvancedTransformModifier {\n  const scaleX = x\n  const scaleY = y ?? x\n  const transformOrigin = getTransformOrigin(anchor)\n  \n  return new AdvancedTransformModifier({ \n    transform: { scaleX, scaleY },\n    transformOrigin \n  })\n}\n\n/**\n * SwiftUI-compatible offset modifier (relative positioning via transform)\n * \n * Note: SwiftUI's .position() sets absolute coordinates, but in web context\n * we use .offset() for relative positioning which is more common.\n * \n * @example\n * ```typescript\n * .offset(100, 50)   // Offset by x=100, y=50 relative to current position\n * ```\n */\nexport function offset(x: number, y: number): AdvancedTransformModifier {\n  return new AdvancedTransformModifier({\n    transform: { translateX: x, translateY: y }\n  })\n}\n\n/**\n * Convert SwiftUI anchor point to CSS transform-origin\n */\nfunction getTransformOrigin(anchor: AnchorPoint): string {\n  switch (anchor) {\n    case 'center': return 'center center'\n    case 'top': return 'center top'\n    case 'bottom': return 'center bottom'\n    case 'leading': return 'left center'\n    case 'trailing': return 'right center'\n    case 'topLeading': return 'left top'\n    case 'topTrailing': return 'right top'\n    case 'bottomLeading': return 'left bottom'\n    case 'bottomTrailing': return 'right bottom'\n    default: return 'center center'\n  }\n}\n"],"names":["TransformModifier","BaseModifier","options","resolvedOptions","key","value","__publicField","_node","context","styles","props","config","transforms","x","y","z","AdvancedTransformModifier","angle","transform","scale","rotate","translate","offset","skew","angles","rotateX","rotateY","rotateZ","perspective","advancedTransform","matrix","values","matrix3d","rotate3d","scale3d","translate3d","scaleX","scaleY","scaleZ","translateX","translateY","translateZ","perspectiveOrigin","transformStyle","backfaceVisibility","scaleEffect","anchor","transformOrigin","getTransformOrigin"],"mappings":"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"}

package/dist/modifiers/transformations.d.ts

@@ -0,0 +1,329 @@
+/**
+ * Transformation Modifiers - CSS Transform System
+ *
+ * Provides comprehensive 2D and 3D transform capabilities including
+ * scale, rotate, translate, skew, perspective, and matrix transforms.
+ */
+import type { DOMNode } from '../runtime/types';
+import { BaseModifier } from './base';
+import type { ModifierContext, ReactiveModifierProps } from './types';
+export interface TransformConfig {
+    scale?: number | {
+        x?: number;
+        y?: number;
+    };
+    rotate?: string;
+    translate?: {
+        x?: number | string;
+        y?: number | string;
+    };
+    skew?: {
+        x?: string;
+        y?: string;
+    };
+    perspective?: number;
+}
+export interface Transform3DConfig extends TransformConfig {
+    rotateX?: string;
+    rotateY?: string;
+    rotateZ?: string;
+    translate?: {
+        x?: number | string;
+        y?: number | string;
+        z?: number | string;
+    };
+    translateZ?: number | string;
+    scaleZ?: number;
+}
+export interface ModifierTransformOptions {
+    transform?: TransformConfig | Transform3DConfig;
+    transformOrigin?: string;
+    backfaceVisibility?: 'visible' | 'hidden';
+    transformStyle?: 'flat' | 'preserve-3d';
+}
+export type ReactiveTransformOptions = ReactiveModifierProps<ModifierTransformOptions>;
+export declare class TransformModifier extends BaseModifier<ModifierTransformOptions> {
+    readonly type = "transform";
+    readonly priority = 45;
+    constructor(options: ReactiveTransformOptions);
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private computeTransformStyles;
+    private generateTransformCSS;
+    private formatLength;
+}
+export interface MatrixTransformConfig {
+    matrix?: [number, number, number, number, number, number];
+    matrix3d?: [
+        number,
+        number,
+        number,
+        number,
+        number,
+        number,
+        number,
+        number,
+        number,
+        number,
+        number,
+        number,
+        number,
+        number,
+        number,
+        number
+    ];
+}
+export interface Advanced3DTransformConfig {
+    rotate3d?: {
+        x: number;
+        y: number;
+        z: number;
+        angle: string;
+    };
+    scale3d?: {
+        x: number;
+        y: number;
+        z: number;
+    };
+    translate3d?: {
+        x?: number | string;
+        y?: number | string;
+        z?: number | string;
+    };
+    scaleX?: number;
+    scaleY?: number;
+    scaleZ?: number;
+    translateX?: number | string;
+    translateY?: number | string;
+    translateZ?: number | string;
+}
+export interface ModifierAdvancedTransformOptions {
+    transform?: TransformConfig | Transform3DConfig | MatrixTransformConfig | Advanced3DTransformConfig;
+    transformOrigin?: string;
+    perspectiveOrigin?: string;
+    transformStyle?: 'flat' | 'preserve-3d';
+    backfaceVisibility?: 'visible' | 'hidden';
+}
+export type ReactiveAdvancedTransformOptions = ReactiveModifierProps<ModifierAdvancedTransformOptions>;
+export declare class AdvancedTransformModifier extends BaseModifier<ModifierAdvancedTransformOptions> {
+    readonly type = "advancedTransform";
+    readonly priority = 45;
+    constructor(options: ReactiveAdvancedTransformOptions);
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private computeAdvancedTransformStyles;
+    private generateAdvancedTransformCSS;
+    private generateTransformCSS;
+    private formatLength;
+}
+/**
+ * General transform modifier with flexible configuration
+ *
+ * @example
+ * ```typescript
+ * .transform({
+ *   scale: 1.1,
+ *   rotate: '45deg',
+ *   translate: { x: 10, y: 20 }
+ * })
+ * ```
+ */
+export declare function transform(config: TransformConfig | Transform3DConfig): TransformModifier;
+/**
+ * Scale transformation
+ *
+ * @example
+ * ```typescript
+ * .scale(1.2)                    // Uniform scale
+ * .scale({ x: 1.5, y: 0.8 })     // Non-uniform scale
+ * ```
+ */
+export declare function scale(value: number | {
+    x?: number;
+    y?: number;
+}): TransformModifier;
+/**
+ * 2D rotation transformation
+ *
+ * @example
+ * ```typescript
+ * .rotate('45deg')
+ * .rotate('-90deg')
+ * .rotate('0.5turn')
+ * ```
+ */
+export declare function rotate(angle: string): TransformModifier;
+/**
+ * Translation transformation
+ *
+ * @example
+ * ```typescript
+ * .translate({ x: 10, y: 20 })
+ * .translate({ x: '50%', y: '-10px' })
+ * ```
+ */
+export declare function translate(offset: {
+    x?: number | string;
+    y?: number | string;
+}): TransformModifier;
+/**
+ * Skew transformation
+ *
+ * @example
+ * ```typescript
+ * .skew({ x: '15deg', y: '10deg' })
+ * .skew({ x: '20deg' })  // Only X axis
+ * ```
+ */
+export declare function skew(angles: {
+    x?: string;
+    y?: string;
+}): TransformModifier;
+/**
+ * X-axis rotation (3D)
+ *
+ * @example
+ * ```typescript
+ * .rotateX('45deg')
+ * .rotateX('1rad')
+ * ```
+ */
+export declare function rotateX(angle: string): TransformModifier;
+/**
+ * Y-axis rotation (3D)
+ *
+ * @example
+ * ```typescript
+ * .rotateY('90deg')
+ * .rotateY('-45deg')
+ * ```
+ */
+export declare function rotateY(angle: string): TransformModifier;
+/**
+ * Z-axis rotation (3D)
+ *
+ * @example
+ * ```typescript
+ * .rotateZ('180deg')
+ * .rotateZ('0.25turn')
+ * ```
+ */
+export declare function rotateZ(angle: string): TransformModifier;
+/**
+ * 3D perspective
+ *
+ * @example
+ * ```typescript
+ * .perspective(1000)  // 1000px perspective
+ * .perspective(500)   // Closer perspective
+ * ```
+ */
+export declare function perspective(value: number): TransformModifier;
+/**
+ * Advanced transform modifier with matrix and extended 3D support
+ *
+ * @example
+ * ```typescript
+ * .advancedTransform({
+ *   rotate3d: { x: 1, y: 1, z: 0, angle: '45deg' },
+ *   scale3d: { x: 1.2, y: 1.2, z: 1 }
+ * })
+ * ```
+ */
+export declare function advancedTransform(config: Advanced3DTransformConfig | MatrixTransformConfig): AdvancedTransformModifier;
+/**
+ * 2D matrix transformation
+ *
+ * @example
+ * ```typescript
+ * .matrix([1, 0, 0, 1, 50, 100])  // Translate(50, 100)
+ * ```
+ */
+export declare function matrix(values: [number, number, number, number, number, number]): AdvancedTransformModifier;
+/**
+ * 3D matrix transformation
+ *
+ * @example
+ * ```typescript
+ * .matrix3d([1,0,0,0, 0,1,0,0, 0,0,1,0, 50,100,0,1])
+ * ```
+ */
+export declare function matrix3d(values: [
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number,
+    number
+]): AdvancedTransformModifier;
+/**
+ * 3D rotation around arbitrary axis
+ *
+ * @example
+ * ```typescript
+ * .rotate3d(1, 1, 0, '45deg')  // Rotate around X and Y axis
+ * ```
+ */
+export declare function rotate3d(x: number, y: number, z: number, angle: string): AdvancedTransformModifier;
+/**
+ * 3D scale transformation
+ *
+ * @example
+ * ```typescript
+ * .scale3d(1.2, 1.2, 0.8)  // Scale XY up, Z down
+ * ```
+ */
+export declare function scale3d(x: number, y: number, z: number): AdvancedTransformModifier;
+/**
+ * 3D translation transformation
+ *
+ * @example
+ * ```typescript
+ * .translate3d(10, 20, 30)      // Hardware accelerated
+ * .translate3d('50%', 0, 0)     // Percentage values
+ * ```
+ */
+export declare function translate3d(x?: number | string, y?: number | string, z?: number | string): AdvancedTransformModifier;
+export declare function scaleX(value: number): AdvancedTransformModifier;
+export declare function scaleY(value: number): AdvancedTransformModifier;
+export declare function scaleZ(value: number): AdvancedTransformModifier;
+export declare function translateX(value: number | string): AdvancedTransformModifier;
+export declare function translateY(value: number | string): AdvancedTransformModifier;
+export declare function translateZ(value: number | string): AdvancedTransformModifier;
+export declare function perspectiveOrigin(value: string): AdvancedTransformModifier;
+export declare function transformStyle(value: 'flat' | 'preserve-3d'): AdvancedTransformModifier;
+export declare function backfaceVisibility(value: 'visible' | 'hidden'): AdvancedTransformModifier;
+type AnchorPoint = 'center' | 'top' | 'bottom' | 'leading' | 'trailing' | 'topLeading' | 'topTrailing' | 'bottomLeading' | 'bottomTrailing';
+/**
+ * SwiftUI-compatible scaleEffect modifier
+ *
+ * @example
+ * ```typescript
+ * .scaleEffect(1.5)                    // Uniform scale
+ * .scaleEffect(1.5, 2.0)               // Non-uniform scale
+ * .scaleEffect(1.2, undefined, 'topLeading')  // Scale from top-leading corner
+ * ```
+ */
+export declare function scaleEffect(x: number, y?: number, anchor?: AnchorPoint): AdvancedTransformModifier;
+/**
+ * SwiftUI-compatible offset modifier (relative positioning via transform)
+ *
+ * Note: SwiftUI's .position() sets absolute coordinates, but in web context
+ * we use .offset() for relative positioning which is more common.
+ *
+ * @example
+ * ```typescript
+ * .offset(100, 50)   // Offset by x=100, y=50 relative to current position
+ * ```
+ */
+export declare function offset(x: number, y: number): AdvancedTransformModifier;
+export {};
+//# sourceMappingURL=transformations.d.ts.map

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

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

package/dist/modifiers/transformations.js

@@ -0,0 +1,216 @@
+import { BaseModifier as u } from "./base.js";
+var f = Object.defineProperty, c = (r, t, e) => t in r ? f(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 u {
+  constructor(t) {
+    const e = {};
+    for (const [a, n] of Object.entries(t))
+      typeof n == "function" && "peek" in n ? e[a] = n.peek() : e[a] = n;
+    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, n = t.scale.y ?? 1;
+        e.push(`scale(${a}, ${n})`);
+      }
+    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), n = 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}, ${n}, ${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 s extends u {
+  constructor(t) {
+    const e = {};
+    for (const [a, n] of Object.entries(t))
+      typeof n == "function" && "peek" in n ? e[a] = n.peek() : e[a] = n;
+    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: n, z: i, angle: m } = t.rotate3d;
+      e.push(`rotate3d(${a}, ${n}, ${i}, ${m})`);
+    }
+    if ("scale3d" in t && t.scale3d) {
+      const { x: a, y: n, z: i } = t.scale3d;
+      e.push(`scale3d(${a}, ${n}, ${i})`);
+    }
+    if ("translate3d" in t && t.translate3d) {
+      const a = this.formatLength(t.translate3d.x ?? 0), n = this.formatLength(t.translate3d.y ?? 0), i = this.formatLength(t.translate3d.z ?? 0);
+      e.push(`translate3d(${a}, ${n}, ${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 p(r) {
+  return new o({ transform: r });
+}
+function y(r) {
+  return new o({ transform: { scale: r } });
+}
+function v(r) {
+  return new o({ transform: { rotate: r } });
+}
+function w(r) {
+  return new o({ transform: { translate: r } });
+}
+function $(r) {
+  return new o({ transform: { skew: r } });
+}
+function b(r) {
+  return new o({ transform: { rotateX: r } });
+}
+function S(r) {
+  return new o({ transform: { rotateY: r } });
+}
+function x(r) {
+  return new o({ transform: { rotateZ: r } });
+}
+function Z(r) {
+  return new o({ transform: { perspective: r } });
+}
+function k(r) {
+  return new s({ transform: r });
+}
+function X(r) {
+  return new s({ transform: { matrix: r } });
+}
+function Y(r) {
+  return new s({ transform: { matrix3d: r } });
+}
+function O(r, t, e, a) {
+  return new s({ transform: { rotate3d: { x: r, y: t, z: e, angle: a } } });
+}
+function T(r, t, e) {
+  return new s({ transform: { scale3d: { x: r, y: t, z: e } } });
+}
+function L(r, t, e) {
+  return new s({ transform: { translate3d: { x: r, y: t, z: e } } });
+}
+function z(r) {
+  return new s({ transform: { scaleX: r } });
+}
+function V(r) {
+  return new s({ transform: { scaleY: r } });
+}
+function _(r) {
+  return new s({ transform: { scaleZ: r } });
+}
+function C(r) {
+  return new s({ transform: { translateX: r } });
+}
+function j(r) {
+  return new s({ transform: { translateY: r } });
+}
+function A(r) {
+  return new s({ transform: { translateZ: r } });
+}
+function M(r) {
+  return new s({ perspectiveOrigin: r });
+}
+function P(r) {
+  return new s({ transformStyle: r });
+}
+function B(r) {
+  return new s({ backfaceVisibility: r });
+}
+function E(r, t, e = "center") {
+  const a = r, n = t ?? r, i = d(e);
+  return new s({
+    transform: { scaleX: a, scaleY: n },
+    transformOrigin: i
+  });
+}
+function F(r, t) {
+  return new s({
+    transform: { translateX: r, translateY: t }
+  });
+}
+function d(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";
+  }
+}
+export {
+  s as AdvancedTransformModifier,
+  o as TransformModifier,
+  k as advancedTransform,
+  B as backfaceVisibility,
+  X as matrix,
+  Y as matrix3d,
+  F as offset,
+  Z as perspective,
+  M as perspectiveOrigin,
+  v as rotate,
+  O as rotate3d,
+  b as rotateX,
+  S as rotateY,
+  x as rotateZ,
+  y as scale,
+  T as scale3d,
+  E as scaleEffect,
+  z as scaleX,
+  V as scaleY,
+  _ as scaleZ,
+  $ as skew,
+  p as transform,
+  P as transformStyle,
+  w as translate,
+  L as translate3d,
+  C as translateX,
+  j as translateY,
+  A as translateZ
+};
+//# sourceMappingURL=transformations.js.map