@tachui/core 0.7.0-alpha1

package/dist/modifiers/scroll.d.ts

@@ -0,0 +1,143 @@
+/**
+ * Scroll Modifiers - Modern scroll behaviors
+ *
+ * Provides scroll snap, smooth scrolling, overscroll control,
+ * scroll margin, and scroll padding capabilities.
+ */
+import type { DOMNode } from '../runtime/types';
+import { BaseModifier } from './base';
+import type { ModifierContext, ReactiveModifierProps } from './types';
+export interface ScrollConfig {
+    behavior?: 'auto' | 'smooth';
+    margin?: number | string | {
+        top?: number | string;
+        right?: number | string;
+        bottom?: number | string;
+        left?: number | string;
+    };
+    padding?: number | string | {
+        top?: number | string;
+        right?: number | string;
+        bottom?: number | string;
+        left?: number | string;
+    };
+    snap?: {
+        type?: 'none' | 'x mandatory' | 'y mandatory' | 'x proximity' | 'y proximity' | 'both mandatory' | 'both proximity';
+        align?: 'start' | 'end' | 'center';
+        stop?: 'normal' | 'always';
+    };
+}
+export type OverscrollBehaviorValue = 'auto' | 'contain' | 'none';
+export interface ScrollOptions {
+    scroll?: ScrollConfig;
+    scrollBehavior?: 'auto' | 'smooth';
+    overscrollBehavior?: OverscrollBehaviorValue;
+    overscrollBehaviorX?: OverscrollBehaviorValue;
+    overscrollBehaviorY?: OverscrollBehaviorValue;
+}
+export type ReactiveScrollOptions = ReactiveModifierProps<ScrollOptions>;
+export declare class ScrollModifier extends BaseModifier<ScrollOptions> {
+    readonly type = "scroll";
+    readonly priority = 20;
+    constructor(options: ReactiveScrollOptions);
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private computeScrollStyles;
+    private generateScrollCSS;
+    private generateScrollMarginCSS;
+    private generateScrollPaddingCSS;
+    private generateScrollSnapCSS;
+    private formatSpacing;
+}
+/**
+ * Enhanced scroll modifier with scroll snap and smooth scrolling
+ *
+ * @example
+ * ```typescript
+ * .scroll({
+ *   behavior: 'smooth',
+ *   margin: { top: 20, bottom: 20 },
+ *   snap: { type: 'y mandatory', align: 'start' }
+ * })
+ * ```
+ */
+export declare function scroll(config: ScrollConfig): ScrollModifier;
+/**
+ * Scroll behavior modifier
+ *
+ * @example
+ * ```typescript
+ * .scrollBehavior('smooth')  // Smooth scrolling
+ * .scrollBehavior('auto')    // Default browser scrolling
+ * ```
+ */
+export declare function scrollBehavior(value: 'auto' | 'smooth'): ScrollModifier;
+/**
+ * Overscroll behavior modifier - controls bounce/rubber band effects
+ *
+ * @example
+ * ```typescript
+ * .overscrollBehavior('contain')  // Prevent scroll chaining
+ * .overscrollBehavior('none')     // Disable overscroll effects
+ * .overscrollBehavior('auto')     // Default behavior
+ * ```
+ */
+export declare function overscrollBehavior(value: OverscrollBehaviorValue): ScrollModifier;
+/**
+ * Overscroll behavior X modifier - horizontal overscroll control
+ *
+ * @example
+ * ```typescript
+ * .overscrollBehaviorX('contain')  // Prevent horizontal overscroll
+ * ```
+ */
+export declare function overscrollBehaviorX(value: OverscrollBehaviorValue): ScrollModifier;
+/**
+ * Overscroll behavior Y modifier - vertical overscroll control
+ *
+ * @example
+ * ```typescript
+ * .overscrollBehaviorY('none')  // Disable vertical rubber band effect
+ * ```
+ */
+export declare function overscrollBehaviorY(value: OverscrollBehaviorValue): ScrollModifier;
+/**
+ * Scroll margin shorthand - sets spacing around scroll targets
+ *
+ * @example
+ * ```typescript
+ * .scrollMargin(20)  // All sides
+ * .scrollMargin({ top: 80, bottom: 20 })  // Navigation offset
+ * ```
+ */
+export declare function scrollMargin(margin: number | string | {
+    top?: number | string;
+    right?: number | string;
+    bottom?: number | string;
+    left?: number | string;
+}): ScrollModifier;
+/**
+ * Scroll padding shorthand - sets inner spacing for scroll containers
+ *
+ * @example
+ * ```typescript
+ * .scrollPadding(16)  // All sides
+ * .scrollPadding({ top: 60, bottom: 20 })  // Header/footer padding
+ * ```
+ */
+export declare function scrollPadding(padding: number | string | {
+    top?: number | string;
+    right?: number | string;
+    bottom?: number | string;
+    left?: number | string;
+}): ScrollModifier;
+/**
+ * Scroll snap shorthand - quick scroll snap configuration
+ *
+ * @example
+ * ```typescript
+ * .scrollSnap('y mandatory', 'start')  // Vertical mandatory snapping to start
+ * .scrollSnap('x proximity', 'center') // Horizontal proximity snapping to center
+ * ```
+ */
+export declare function scrollSnap(type: 'none' | 'x mandatory' | 'y mandatory' | 'x proximity' | 'y proximity' | 'both mandatory' | 'both proximity', align?: 'start' | 'end' | 'center', stop?: 'normal' | 'always'): ScrollModifier;
+//# sourceMappingURL=scroll.d.ts.map

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

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

package/dist/modifiers/scroll.js

@@ -0,0 +1,82 @@
+import { BaseModifier as n } from "./base.js";
+var c = Object.defineProperty, a = (e, r, o) => r in e ? c(e, r, { enumerable: !0, configurable: !0, writable: !0, value: o }) : e[r] = o, s = (e, r, o) => a(e, typeof r != "symbol" ? r + "" : r, o);
+class t extends n {
+  constructor(r) {
+    const o = {};
+    for (const [l, i] of Object.entries(r))
+      typeof i == "function" && "peek" in i ? o[l] = i.peek() : o[l] = i;
+    super(o), s(this, "type", "scroll"), s(this, "priority", 20);
+  }
+  apply(r, o) {
+    if (!o.element) return;
+    const l = this.computeScrollStyles(this.properties);
+    this.applyStyles(o.element, l);
+  }
+  computeScrollStyles(r) {
+    const o = {};
+    return r.scroll && Object.assign(o, this.generateScrollCSS(r.scroll)), r.scrollBehavior && (o.scrollBehavior = r.scrollBehavior), r.overscrollBehavior && (o.overscrollBehavior = r.overscrollBehavior), r.overscrollBehaviorX && (o.overscrollBehaviorX = r.overscrollBehaviorX), r.overscrollBehaviorY && (o.overscrollBehaviorY = r.overscrollBehaviorY), o;
+  }
+  generateScrollCSS(r) {
+    const o = {};
+    return r.behavior && (o.scrollBehavior = r.behavior), r.margin && Object.assign(o, this.generateScrollMarginCSS(r.margin)), r.padding && Object.assign(o, this.generateScrollPaddingCSS(r.padding)), r.snap && Object.assign(o, this.generateScrollSnapCSS(r.snap)), o;
+  }
+  generateScrollMarginCSS(r) {
+    if (typeof r == "number" || typeof r == "string")
+      return { scrollMargin: this.formatSpacing(r) };
+    const o = {};
+    return r.top !== void 0 && (o.scrollMarginTop = this.formatSpacing(r.top)), r.right !== void 0 && (o.scrollMarginRight = this.formatSpacing(r.right)), r.bottom !== void 0 && (o.scrollMarginBottom = this.formatSpacing(r.bottom)), r.left !== void 0 && (o.scrollMarginLeft = this.formatSpacing(r.left)), o;
+  }
+  generateScrollPaddingCSS(r) {
+    if (typeof r == "number" || typeof r == "string")
+      return { scrollPadding: this.formatSpacing(r) };
+    const o = {};
+    return r.top !== void 0 && (o.scrollPaddingTop = this.formatSpacing(r.top)), r.right !== void 0 && (o.scrollPaddingRight = this.formatSpacing(r.right)), r.bottom !== void 0 && (o.scrollPaddingBottom = this.formatSpacing(r.bottom)), r.left !== void 0 && (o.scrollPaddingLeft = this.formatSpacing(r.left)), o;
+  }
+  generateScrollSnapCSS(r) {
+    const o = {};
+    return r?.type && (o.scrollSnapType = r.type), r?.align && (o.scrollSnapAlign = r.align), r?.stop && (o.scrollSnapStop = r.stop), o;
+  }
+  formatSpacing(r) {
+    return typeof r == "number" ? `${r}px` : r;
+  }
+}
+function v(e) {
+  return new t({ scroll: e });
+}
+function h(e) {
+  return new t({ scrollBehavior: e });
+}
+function S(e) {
+  return new t({ overscrollBehavior: e });
+}
+function u(e) {
+  return new t({ overscrollBehaviorX: e });
+}
+function p(e) {
+  return new t({ overscrollBehaviorY: e });
+}
+function g(e) {
+  return new t({ scroll: { margin: e } });
+}
+function B(e) {
+  return new t({ scroll: { padding: e } });
+}
+function y(e, r, o) {
+  return new t({
+    scroll: {
+      snap: { type: e, align: r, stop: o }
+    }
+  });
+}
+export {
+  t as ScrollModifier,
+  S as overscrollBehavior,
+  u as overscrollBehaviorX,
+  p as overscrollBehaviorY,
+  v as scroll,
+  h as scrollBehavior,
+  g as scrollMargin,
+  B as scrollPadding,
+  y as scrollSnap
+};
+//# sourceMappingURL=scroll.js.map

package/dist/modifiers/scroll.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scroll.js","sources":["../../src/modifiers/scroll.ts"],"sourcesContent":["/**\n * Scroll Modifiers - Modern scroll behaviors\n *\n * Provides scroll snap, smooth scrolling, overscroll control,\n * scroll margin, and scroll padding capabilities.\n */\n\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps } from './types'\n\nexport interface ScrollConfig {\n  // Scroll behavior\n  behavior?: 'auto' | 'smooth'\n  \n  // Scroll margin (spacing around scroll targets)  \n  margin?: number | string | {\n    top?: number | string\n    right?: number | string\n    bottom?: number | string\n    left?: number | string\n  }\n  \n  // Scroll padding (inner spacing for scroll containers)\n  padding?: number | string | {\n    top?: number | string\n    right?: number | string  \n    bottom?: number | string\n    left?: number | string\n  }\n  \n  // Scroll snap behavior\n  snap?: {\n    type?: 'none' | 'x mandatory' | 'y mandatory' | 'x proximity' | 'y proximity' | 'both mandatory' | 'both proximity'\n    align?: 'start' | 'end' | 'center'\n    stop?: 'normal' | 'always'\n  }\n}\n\nexport type OverscrollBehaviorValue = 'auto' | 'contain' | 'none'\n\nexport interface ScrollOptions {\n  scroll?: ScrollConfig\n  scrollBehavior?: 'auto' | 'smooth'\n  overscrollBehavior?: OverscrollBehaviorValue\n  overscrollBehaviorX?: OverscrollBehaviorValue\n  overscrollBehaviorY?: OverscrollBehaviorValue\n}\n\nexport type ReactiveScrollOptions = ReactiveModifierProps<ScrollOptions>\n\nexport class ScrollModifier extends BaseModifier<ScrollOptions> {\n  readonly type = 'scroll'\n  readonly priority = 20\n\n  constructor(options: ReactiveScrollOptions) {\n    const resolvedOptions: ScrollOptions = {}\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.computeScrollStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeScrollStyles(props: ScrollOptions) {\n    const styles: Record<string, string> = {}\n\n    // Handle scroll configuration\n    if (props.scroll) {\n      Object.assign(styles, this.generateScrollCSS(props.scroll))\n    }\n\n    // Individual scroll properties\n    if (props.scrollBehavior) {\n      styles.scrollBehavior = props.scrollBehavior\n    }\n\n    if (props.overscrollBehavior) {\n      styles.overscrollBehavior = props.overscrollBehavior\n    }\n\n    if (props.overscrollBehaviorX) {\n      styles.overscrollBehaviorX = props.overscrollBehaviorX\n    }\n\n    if (props.overscrollBehaviorY) {\n      styles.overscrollBehaviorY = props.overscrollBehaviorY\n    }\n\n    return styles\n  }\n\n  private generateScrollCSS(config: ScrollConfig): Record<string, string> {\n    const styles: Record<string, string> = {}\n    \n    // Scroll behavior\n    if (config.behavior) {\n      styles.scrollBehavior = config.behavior\n    }\n    \n    // Scroll margin\n    if (config.margin) {\n      Object.assign(styles, this.generateScrollMarginCSS(config.margin))\n    }\n    \n    // Scroll padding  \n    if (config.padding) {\n      Object.assign(styles, this.generateScrollPaddingCSS(config.padding))\n    }\n    \n    // Scroll snap\n    if (config.snap) {\n      Object.assign(styles, this.generateScrollSnapCSS(config.snap))\n    }\n    \n    return styles\n  }\n\n  private generateScrollMarginCSS(margin: number | string | Record<string, number | string>): Record<string, string> {\n    if (typeof margin === 'number' || typeof margin === 'string') {\n      return { scrollMargin: this.formatSpacing(margin) }\n    }\n    \n    const styles: Record<string, string> = {}\n    if (margin.top !== undefined) styles.scrollMarginTop = this.formatSpacing(margin.top)\n    if (margin.right !== undefined) styles.scrollMarginRight = this.formatSpacing(margin.right)\n    if (margin.bottom !== undefined) styles.scrollMarginBottom = this.formatSpacing(margin.bottom)\n    if (margin.left !== undefined) styles.scrollMarginLeft = this.formatSpacing(margin.left)\n    \n    return styles\n  }\n\n  private generateScrollPaddingCSS(padding: number | string | Record<string, number | string>): Record<string, string> {\n    if (typeof padding === 'number' || typeof padding === 'string') {\n      return { scrollPadding: this.formatSpacing(padding) }\n    }\n    \n    const styles: Record<string, string> = {}\n    if (padding.top !== undefined) styles.scrollPaddingTop = this.formatSpacing(padding.top)\n    if (padding.right !== undefined) styles.scrollPaddingRight = this.formatSpacing(padding.right)\n    if (padding.bottom !== undefined) styles.scrollPaddingBottom = this.formatSpacing(padding.bottom)\n    if (padding.left !== undefined) styles.scrollPaddingLeft = this.formatSpacing(padding.left)\n    \n    return styles\n  }\n\n  private generateScrollSnapCSS(snap: ScrollConfig['snap']): Record<string, string> {\n    const styles: Record<string, string> = {}\n    \n    if (snap?.type) {\n      styles.scrollSnapType = snap.type\n    }\n    \n    if (snap?.align) {\n      styles.scrollSnapAlign = snap.align\n    }\n    \n    if (snap?.stop) {\n      styles.scrollSnapStop = snap.stop\n    }\n    \n    return styles\n  }\n\n  private formatSpacing(value: number | string): string {\n    if (typeof value === 'number') {\n      return `${value}px`\n    }\n    return value\n  }\n}\n\n/**\n * Enhanced scroll modifier with scroll snap and smooth scrolling\n *\n * @example\n * ```typescript\n * .scroll({\n *   behavior: 'smooth',\n *   margin: { top: 20, bottom: 20 },\n *   snap: { type: 'y mandatory', align: 'start' }\n * })\n * ```\n */\nexport function scroll(config: ScrollConfig): ScrollModifier {\n  return new ScrollModifier({ scroll: config })\n}\n\n/**\n * Scroll behavior modifier\n *\n * @example\n * ```typescript\n * .scrollBehavior('smooth')  // Smooth scrolling\n * .scrollBehavior('auto')    // Default browser scrolling\n * ```\n */\nexport function scrollBehavior(value: 'auto' | 'smooth'): ScrollModifier {\n  return new ScrollModifier({ scrollBehavior: value })\n}\n\n/**\n * Overscroll behavior modifier - controls bounce/rubber band effects\n *\n * @example\n * ```typescript\n * .overscrollBehavior('contain')  // Prevent scroll chaining\n * .overscrollBehavior('none')     // Disable overscroll effects\n * .overscrollBehavior('auto')     // Default behavior\n * ```\n */\nexport function overscrollBehavior(value: OverscrollBehaviorValue): ScrollModifier {\n  return new ScrollModifier({ overscrollBehavior: value })\n}\n\n/**\n * Overscroll behavior X modifier - horizontal overscroll control\n *\n * @example\n * ```typescript\n * .overscrollBehaviorX('contain')  // Prevent horizontal overscroll\n * ```\n */\nexport function overscrollBehaviorX(value: OverscrollBehaviorValue): ScrollModifier {\n  return new ScrollModifier({ overscrollBehaviorX: value })\n}\n\n/**\n * Overscroll behavior Y modifier - vertical overscroll control\n *\n * @example\n * ```typescript\n * .overscrollBehaviorY('none')  // Disable vertical rubber band effect\n * ```\n */\nexport function overscrollBehaviorY(value: OverscrollBehaviorValue): ScrollModifier {\n  return new ScrollModifier({ overscrollBehaviorY: value })\n}\n\n/**\n * Scroll margin shorthand - sets spacing around scroll targets\n *\n * @example\n * ```typescript\n * .scrollMargin(20)  // All sides\n * .scrollMargin({ top: 80, bottom: 20 })  // Navigation offset\n * ```\n */\nexport function scrollMargin(margin: number | string | { top?: number | string, right?: number | string, bottom?: number | string, left?: number | string }): ScrollModifier {\n  return new ScrollModifier({ scroll: { margin } })\n}\n\n/**\n * Scroll padding shorthand - sets inner spacing for scroll containers\n *\n * @example\n * ```typescript\n * .scrollPadding(16)  // All sides\n * .scrollPadding({ top: 60, bottom: 20 })  // Header/footer padding\n * ```\n */\nexport function scrollPadding(padding: number | string | { top?: number | string, right?: number | string, bottom?: number | string, left?: number | string }): ScrollModifier {\n  return new ScrollModifier({ scroll: { padding } })\n}\n\n/**\n * Scroll snap shorthand - quick scroll snap configuration\n *\n * @example\n * ```typescript\n * .scrollSnap('y mandatory', 'start')  // Vertical mandatory snapping to start\n * .scrollSnap('x proximity', 'center') // Horizontal proximity snapping to center\n * ```\n */\nexport function scrollSnap(\n  type: 'none' | 'x mandatory' | 'y mandatory' | 'x proximity' | 'y proximity' | 'both mandatory' | 'both proximity',\n  align?: 'start' | 'end' | 'center',\n  stop?: 'normal' | 'always'\n): ScrollModifier {\n  return new ScrollModifier({ \n    scroll: { \n      snap: { type, align, stop } \n    } \n  })\n}"],"names":["ScrollModifier","BaseModifier","options","resolvedOptions","key","value","__publicField","_node","context","styles","props","config","margin","padding","snap","scroll","scrollBehavior","overscrollBehavior","overscrollBehaviorX","overscrollBehaviorY","scrollMargin","scrollPadding","scrollSnap","type","align","stop"],"mappings":"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"}

package/dist/modifiers/shadows.cjs

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

package/dist/modifiers/shadows.cjs.map

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

package/dist/modifiers/shadows.d.ts

@@ -0,0 +1,114 @@
+/**
+ * Shadow Modifiers - Comprehensive shadow system
+ *
+ * Provides enhanced shadow styling with Material Design presets,
+ * multiple shadow support, and text shadow capabilities.
+ */
+import type { DOMNode } from '../runtime/types';
+import { BaseModifier } from './base';
+import type { ModifierContext, ReactiveModifierProps } from './types';
+export interface ShadowConfig {
+    x: number;
+    y: number;
+    blur: number;
+    spread?: number;
+    color: string;
+    inset?: boolean;
+    type?: 'drop' | 'inner' | 'text';
+}
+export interface ShadowPreset {
+    name: string;
+    shadows: ShadowConfig[];
+    description?: string;
+}
+export interface ShadowOptions {
+    shadow?: ShadowConfig;
+    shadows?: ShadowConfig[];
+    textShadow?: ShadowConfig | ShadowConfig[];
+    preset?: string;
+}
+export type ReactiveShadowOptions = ReactiveModifierProps<ShadowOptions>;
+export declare class ShadowModifier extends BaseModifier<ShadowOptions> {
+    readonly type = "shadow";
+    readonly priority = 30;
+    constructor(options: ReactiveShadowOptions);
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private computeShadowStyles;
+    private generateShadowCSS;
+    private generateTextShadowCSS;
+    private formatLength;
+    /**
+     * Validate shadow configurations for common mistakes
+     */
+    private validateShadowConfigurations;
+    /**
+     * Validate individual shadow configuration for common mistakes
+     */
+    private validateShadowConfig;
+}
+/**
+ * Enhanced shadow modifier - backward compatible single shadow
+ *
+ * @example
+ * ```typescript
+ * .shadow({ x: 0, y: 2, blur: 4, color: 'rgba(0,0,0,0.1)' })
+ * .shadow({ x: 2, y: 4, blur: 8, spread: 1, color: '#000', inset: true })
+ * ```
+ */
+export declare function shadow(config: ShadowConfig): ShadowModifier;
+/**
+ * Multiple shadows modifier
+ *
+ * @example
+ * ```typescript
+ * .shadows([
+ *   { x: 0, y: 1, blur: 3, color: 'rgba(0,0,0,0.12)' },
+ *   { x: 0, y: 1, blur: 2, color: 'rgba(0,0,0,0.24)' }
+ * ])
+ * ```
+ */
+export declare function shadows(configs: ShadowConfig[]): ShadowModifier;
+/**
+ * Text shadow modifier
+ *
+ * @example
+ * ```typescript
+ * .textShadow({ x: 1, y: 1, blur: 2, color: 'rgba(0,0,0,0.5)' })
+ * .textShadow([
+ *   { x: 1, y: 1, blur: 0, color: '#ff0000' },
+ *   { x: -1, y: -1, blur: 0, color: '#0000ff' }
+ * ])
+ * ```
+ */
+export declare function textShadow(config: ShadowConfig | ShadowConfig[]): ShadowModifier;
+/**
+ * Shadow preset modifier
+ *
+ * @example
+ * ```typescript
+ * .shadowPreset('elevation-1')  // Material Design elevation 1
+ * .shadowPreset('depth-medium') // Medium depth shadow
+ * ```
+ */
+export declare function shadowPreset(presetName: string): ShadowModifier;
+/**
+ * Create custom shadow preset
+ *
+ * @example
+ * ```typescript
+ * createShadowPreset('my-custom', [
+ *   { x: 0, y: 4, blur: 8, color: 'rgba(0,0,0,0.15)' }
+ * ])
+ * .shadowPreset('my-custom') // Use the custom preset
+ * ```
+ */
+export declare function createShadowPreset(name: string, shadows: ShadowConfig[]): void;
+/**
+ * Get available shadow preset names
+ */
+export declare function getShadowPresets(): string[];
+/**
+ * Get shadow preset configuration
+ */
+export declare function getShadowPreset(name: string): ShadowPreset | undefined;
+//# sourceMappingURL=shadows.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"shadows.d.ts","sourceRoot":"","sources":["../../src/modifiers/shadows.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAA;AAC/C,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAA;AACrC,OAAO,KAAK,EAAE,eAAe,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAErE,MAAM,WAAW,YAAY;IAC3B,CAAC,EAAE,MAAM,CAAA;IACT,CAAC,EAAE,MAAM,CAAA;IACT,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,IAAI,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,CAAA;CACjC;AAED,MAAM,WAAW,YAAY;IAC3B,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,UAAU,CAAC,EAAE,YAAY,GAAG,YAAY,EAAE,CAAA;IAC1C,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB;AAED,MAAM,MAAM,qBAAqB,GAAG,qBAAqB,CAAC,aAAa,CAAC,CAAA;AAExE,qBAAa,cAAe,SAAQ,YAAY,CAAC,aAAa,CAAC;IAC7D,QAAQ,CAAC,IAAI,YAAW;IACxB,QAAQ,CAAC,QAAQ,MAAK;gBAEV,OAAO,EAAE,qBAAqB;IAkB1C,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,GAAG,SAAS;IASpE,OAAO,CAAC,mBAAmB;IAgC3B,OAAO,CAAC,iBAAiB;IASzB,OAAO,CAAC,qBAAqB;IAM7B,OAAO,CAAC,YAAY;IAIpB;;OAEG;IACH,OAAO,CAAC,4BAA4B;IAqBpC;;OAEG;IACH,OAAO,CAAC,oBAAoB;CA0C7B;AA6CD;;;;;;;;GAQG;AACH,wBAAgB,MAAM,CAAC,MAAM,EAAE,YAAY,GAAG,cAAc,CAE3D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,OAAO,CAAC,OAAO,EAAE,YAAY,EAAE,GAAG,cAAc,CAE/D;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,YAAY,GAAG,YAAY,EAAE,GAAG,cAAc,CAEhF;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,UAAU,EAAE,MAAM,GAAG,cAAc,CAE/D;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,kBAAkB,CAAC,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,EAAE,GAAG,IAAI,CAM9E;AAED;;GAEG;AACH,wBAAgB,gBAAgB,IAAI,MAAM,EAAE,CAE3C;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,GAAG,YAAY,GAAG,SAAS,CAEtE"}

package/dist/modifiers/shadows.js

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

package/dist/modifiers/shadows.js.map

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

package/dist/modifiers/size.cjs

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

package/dist/modifiers/size.cjs.map

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