@tachui/core 0.7.0-alpha1

package/dist/modifiers/border.d.ts

@@ -0,0 +1,217 @@
+/**
+ * Border Modifier - comprehensive border styling
+ *
+ * Provides a unified interface for border properties
+ * with support for directional borders and shorthand.
+ */
+import type { Signal } from '../reactive/types';
+import type { DOMNode } from '../runtime/types';
+import { BaseModifier } from './base';
+import type { ModifierContext, ReactiveModifierProps, ColorValue } from './types';
+export type CornerRadiusValue = number | string;
+export interface CornerRadiusConfig {
+    topLeft?: CornerRadiusValue;
+    topRight?: CornerRadiusValue;
+    bottomLeft?: CornerRadiusValue;
+    bottomRight?: CornerRadiusValue;
+    topLeading?: CornerRadiusValue;
+    topTrailing?: CornerRadiusValue;
+    bottomLeading?: CornerRadiusValue;
+    bottomTrailing?: CornerRadiusValue;
+    top?: CornerRadiusValue;
+    bottom?: CornerRadiusValue;
+    left?: CornerRadiusValue;
+    right?: CornerRadiusValue;
+}
+export interface BorderSide {
+    width?: number | string | Signal<number>;
+    color?: ColorValue;
+    style?: BorderStyle;
+}
+export interface BorderOptions {
+    top?: BorderSide;
+    right?: BorderSide;
+    bottom?: BorderSide;
+    left?: BorderSide;
+    all?: BorderSide;
+    leading?: BorderSide;
+    trailing?: BorderSide;
+    horizontal?: BorderSide;
+    vertical?: BorderSide;
+    width?: number | string | Signal<number>;
+    color?: ColorValue;
+    style?: BorderStyle;
+    image?: string | Signal<string>;
+    radius?: CornerRadiusConfig | Signal<CornerRadiusConfig>;
+}
+export type BorderStyle = 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
+export type ReactiveBorderOptions = ReactiveModifierProps<BorderOptions>;
+export declare class BorderModifier extends BaseModifier<BorderOptions> {
+    readonly type = "border";
+    readonly priority = 40;
+    constructor(options: ReactiveBorderOptions);
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private computeBorderStyles;
+    private resolveBorderSides;
+    private applySideBorder;
+    private resolveColorValue;
+    private generateCornerRadiusStyles;
+    private cornerToCSSProperty;
+}
+/**
+ * Create a border modifier with flexible options and advanced features
+ *
+ * @example
+ * ```typescript
+ * // Simple border - all sides
+ * .border({ width: 1, color: '#e0e0e0' })
+ * .border(1, '#e0e0e0', 'solid')  // Shorthand
+ *
+ * // Specific sides
+ * .border({
+ *   top: { width: 2, color: '#007AFF' },
+ *   bottom: { width: 1, color: '#ddd' }
+ * })
+ *
+ * // SwiftUI terminology
+ * .border({
+ *   leading: { width: 2, color: '#007AFF' },
+ *   trailing: { width: 1, color: '#ddd' }
+ * })
+ *
+ * // Shorthand properties
+ * .border({
+ *   horizontal: { width: 2, color: '#007AFF' },
+ *   vertical: { width: 1, color: '#ddd' }
+ * })
+ *
+ * // Advanced features
+ * .border({
+ *   width: 1,
+ *   color: '#007AFF',
+ *   image: 'url(border-pattern.png)',
+ *   radius: { topLeft: 8, topRight: 8 }
+ * })
+ *
+ * // Reactive values with Signals
+ * .border({
+ *   width: () => isActive() ? 2 : 1,
+ *   color: () => theme().borderColor,
+ *   style: 'dashed'
+ * })
+ * ```
+ */
+export declare function border(options: ReactiveBorderOptions): BorderModifier;
+export declare function border(width: number | string | Signal<number>, color?: ColorValue, style?: BorderStyle): BorderModifier;
+/**
+ * Convenience function for top border only with enhanced support
+ *
+ * @example
+ * ```typescript
+ * .borderTop(1, '#e0e0e0')
+ * .borderTop('2px', signalColor(), 'dashed')
+ * .borderTop(() => isActive() ? 2 : 1, '#007AFF')
+ * ```
+ */
+export declare function borderTop(width: number | string | Signal<number>, color: ColorValue, style?: BorderStyle): BorderModifier;
+/**
+ * Convenience function for right border only with enhanced support
+ *
+ * @example
+ * ```typescript
+ * .borderRight(1, '#ddd')
+ * .borderRight('1px', () => theme().borderColor, 'dotted')
+ * ```
+ */
+export declare function borderRight(width: number | string | Signal<number>, color: ColorValue, style?: BorderStyle): BorderModifier;
+/**
+ * Convenience function for bottom border only with enhanced support
+ *
+ * @example
+ * ```typescript
+ * .borderBottom(2, '#007AFF')
+ * .borderBottom('1px', '#e0e0e0', 'solid')
+ * .borderBottom(() => isHovered() ? 3 : 1, Assets.accent)
+ * ```
+ */
+export declare function borderBottom(width: number | string | Signal<number>, color: ColorValue, style?: BorderStyle): BorderModifier;
+/**
+ * Convenience function for left border only with enhanced support
+ *
+ * @example
+ * ```typescript
+ * .borderLeft(3, '#34C759')
+ * .borderLeft('2px', () => statusColor(), 'dashed')
+ * ```
+ */
+export declare function borderLeft(width: number | string | Signal<number>, color: ColorValue, style?: BorderStyle): BorderModifier;
+/**
+ * SwiftUI-style leading border (LTR-aware)
+ *
+ * @example
+ * ```typescript
+ * .borderLeading(2, '#007AFF', 'solid')
+ * ```
+ */
+export declare function borderLeading(width: number | string | Signal<number>, color: ColorValue, style?: BorderStyle): BorderModifier;
+/**
+ * SwiftUI-style trailing border (LTR-aware)
+ *
+ * @example
+ * ```typescript
+ * .borderTrailing(1, '#ddd', 'dotted')
+ * ```
+ */
+export declare function borderTrailing(width: number | string | Signal<number>, color: ColorValue, style?: BorderStyle): BorderModifier;
+/**
+ * Horizontal borders (left + right)
+ *
+ * @example
+ * ```typescript
+ * .borderHorizontal(1, '#e0e0e0')
+ * ```
+ */
+export declare function borderHorizontal(width: number | string | Signal<number>, color: ColorValue, style?: BorderStyle): BorderModifier;
+/**
+ * Vertical borders (top + bottom)
+ *
+ * @example
+ * ```typescript
+ * .borderVertical(2, '#007AFF', 'dashed')
+ * ```
+ */
+export declare function borderVertical(width: number | string | Signal<number>, color: ColorValue, style?: BorderStyle): BorderModifier;
+export interface CornerRadiusOptions {
+    radius: number | string | CornerRadiusConfig;
+}
+export type ReactiveCornerRadiusOptions = ReactiveModifierProps<CornerRadiusOptions>;
+export declare class CornerRadiusModifier extends BaseModifier<CornerRadiusOptions> {
+    readonly type = "cornerRadius";
+    readonly priority = 35;
+    constructor(options: ReactiveCornerRadiusOptions);
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private computeCornerRadiusStyles;
+    private generateCornerRadiusCSS;
+    private cornerToCSSProperty;
+    private resolveCornerValues;
+    private formatRadius;
+}
+/**
+ * Enhanced cornerRadius modifier with backward compatibility
+ *
+ * @example
+ * ```typescript
+ * .cornerRadius(8)                          // All corners
+ * .cornerRadius('50%')                      // Circular/oval shape
+ * .cornerRadius({ topLeft: 8, topRight: 8}) // Top corners only
+ * .cornerRadius({
+ *   topLeading: 12,
+ *   topTrailing: 12,
+ *   bottomLeading: 4,
+ *   bottomTrailing: 4
+ * })
+ * ```
+ */
+export declare function cornerRadius(value: number | string): CornerRadiusModifier;
+export declare function cornerRadius(config: CornerRadiusConfig): CornerRadiusModifier;
+//# sourceMappingURL=border.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"border.d.ts","sourceRoot":"","sources":["../../src/modifiers/border.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAGH,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAA;AAC/C,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,UAAU,EAAE,MAAM,SAAS,CAAA;AAEjF,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,MAAM,CAAA;AAE/C,MAAM,WAAW,kBAAkB;IAEjC,OAAO,CAAC,EAAE,iBAAiB,CAAA;IAC3B,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAG/B,UAAU,CAAC,EAAE,iBAAiB,CAAA;IAC9B,WAAW,CAAC,EAAE,iBAAiB,CAAA;IAC/B,aAAa,CAAC,EAAE,iBAAiB,CAAA;IACjC,cAAc,CAAC,EAAE,iBAAiB,CAAA;IAGlC,GAAG,CAAC,EAAE,iBAAiB,CAAA;IACvB,MAAM,CAAC,EAAE,iBAAiB,CAAA;IAC1B,IAAI,CAAC,EAAE,iBAAiB,CAAA;IACxB,KAAK,CAAC,EAAE,iBAAiB,CAAA;CAC1B;AAED,MAAM,WAAW,UAAU;IACzB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;IACxC,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,KAAK,CAAC,EAAE,WAAW,CAAA;CACpB;AAED,MAAM,WAAW,aAAa;IAE5B,GAAG,CAAC,EAAE,UAAU,CAAA;IAChB,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,MAAM,CAAC,EAAE,UAAU,CAAA;IACnB,IAAI,CAAC,EAAE,UAAU,CAAA;IACjB,GAAG,CAAC,EAAE,UAAU,CAAA;IAGhB,OAAO,CAAC,EAAE,UAAU,CAAA;IACpB,QAAQ,CAAC,EAAE,UAAU,CAAA;IAGrB,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,QAAQ,CAAC,EAAE,UAAU,CAAA;IAGrB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;IACxC,KAAK,CAAC,EAAE,UAAU,CAAA;IAClB,KAAK,CAAC,EAAE,WAAW,CAAA;IAGnB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,CAAA;IAC/B,MAAM,CAAC,EAAE,kBAAkB,GAAG,MAAM,CAAC,kBAAkB,CAAC,CAAA;CACzD;AAED,MAAM,MAAM,WAAW,GACnB,MAAM,GACN,OAAO,GACP,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,OAAO,GACP,OAAO,GACP,QAAQ,CAAA;AAEZ,MAAM,MAAM,qBAAqB,GAAG,qBAAqB,CAAC,aAAa,CAAC,CAAA;AAGxE,qBAAa,cAAe,SAAQ,YAAY,CAAC,aAAa,CAAC;IAC7D,QAAQ,CAAC,IAAI,YAAW;IACxB,QAAQ,CAAC,QAAQ,MAAK;gBAEV,OAAO,EAAE,qBAAqB;IAa1C,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,GAAG,SAAS;IASpE,OAAO,CAAC,mBAAmB;IAgF3B,OAAO,CAAC,kBAAkB;IAS1B,OAAO,CAAC,eAAe;IAkBvB,OAAO,CAAC,iBAAiB;IAiBzB,OAAO,CAAC,0BAA0B;IA0BlC,OAAO,CAAC,mBAAmB;CAS5B;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA0CG;AACH,wBAAgB,MAAM,CAAC,OAAO,EAAE,qBAAqB,GAAG,cAAc,CAAA;AACtE,wBAAgB,MAAM,CACpB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EACvC,KAAK,CAAC,EAAE,UAAU,EAClB,KAAK,CAAC,EAAE,WAAW,GAClB,cAAc,CAAA;AAgBjB;;;;;;;;;GASG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EACvC,KAAK,EAAE,UAAU,EACjB,KAAK,CAAC,EAAE,WAAW,GAClB,cAAc,CAEhB;AAED;;;;;;;;GAQG;AACH,wBAAgB,WAAW,CACzB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EACvC,KAAK,EAAE,UAAU,EACjB,KAAK,CAAC,EAAE,WAAW,GAClB,cAAc,CAEhB;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAC1B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EACvC,KAAK,EAAE,UAAU,EACjB,KAAK,CAAC,EAAE,WAAW,GAClB,cAAc,CAEhB;AAED;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CACxB,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EACvC,KAAK,EAAE,UAAU,EACjB,KAAK,CAAC,EAAE,WAAW,GAClB,cAAc,CAEhB;AAED;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAC3B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EACvC,KAAK,EAAE,UAAU,EACjB,KAAK,CAAC,EAAE,WAAW,GAClB,cAAc,CAEhB;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EACvC,KAAK,EAAE,UAAU,EACjB,KAAK,CAAC,EAAE,WAAW,GAClB,cAAc,CAEhB;AAED;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EACvC,KAAK,EAAE,UAAU,EACjB,KAAK,CAAC,EAAE,WAAW,GAClB,cAAc,CAEhB;AAED;;;;;;;GAOG;AACH,wBAAgB,cAAc,CAC5B,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC,MAAM,CAAC,EACvC,KAAK,EAAE,UAAU,EACjB,KAAK,CAAC,EAAE,WAAW,GAClB,cAAc,CAEhB;AAMD,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,MAAM,GAAG,MAAM,GAAG,kBAAkB,CAAA;CAC7C;AAED,MAAM,MAAM,2BAA2B,GAAG,qBAAqB,CAAC,mBAAmB,CAAC,CAAA;AAEpF,qBAAa,oBAAqB,SAAQ,YAAY,CAAC,mBAAmB,CAAC;IACzE,QAAQ,CAAC,IAAI,kBAAiB;IAC9B,QAAQ,CAAC,QAAQ,MAAK;gBAEV,OAAO,EAAE,2BAA2B;IAYhD,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,GAAG,SAAS;IASpE,OAAO,CAAC,yBAAyB;IAUjC,OAAO,CAAC,uBAAuB;IAe/B,OAAO,CAAC,mBAAmB;IAU3B,OAAO,CAAC,mBAAmB;IAS3B,OAAO,CAAC,YAAY;CAMrB;AAED;;;;;;;;;;;;;;;GAeG;AACH,wBAAgB,YAAY,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,oBAAoB,CAAA;AAC1E,wBAAgB,YAAY,CAAC,MAAM,EAAE,kBAAkB,GAAG,oBAAoB,CAAA"}

package/dist/modifiers/border.js

@@ -0,0 +1,160 @@
+import { createComputed as s } from "../reactive/computed.js";
+import { BaseModifier as a } from "./base.js";
+var m = Object.defineProperty, h = (o, t, e) => t in o ? m(o, t, { enumerable: !0, configurable: !0, writable: !0, value: e }) : o[t] = e, u = (o, t, e) => h(o, typeof t != "symbol" ? t + "" : t, e);
+class f extends a {
+  // Priority 40 for borders
+  constructor(t) {
+    const e = {};
+    for (const [r, i] of Object.entries(t))
+      typeof i == "function" && "peek" in i ? e[r] = i.peek() : e[r] = i;
+    super(e), u(this, "type", "border"), u(this, "priority", 40);
+  }
+  apply(t, e) {
+    if (!e.element) return;
+    const r = this.computeBorderStyles(this.properties);
+    this.applyStyles(e.element, r);
+  }
+  computeBorderStyles(t) {
+    const e = {}, r = (l) => typeof l == "function" ? s(() => `${l()}px`) : typeof l == "number" ? `${l}px` : l, i = (l) => typeof l == "function" ? s(() => {
+      const b = l();
+      return this.resolveColorValue(b);
+    }) : this.resolveColorValue(l), n = this.resolveBorderSides(t);
+    if (!(n.top || n.right || n.bottom || n.left || t.all) && (t.width !== void 0 || t.color !== void 0 || t.style !== void 0) && (t.width !== void 0 && (e.borderWidth = r(t.width)), t.color !== void 0 && (e.borderColor = i(t.color)), t.style !== void 0 && (e.borderStyle = t.style)), t.all !== void 0 && (t.all.width !== void 0 && (e.borderWidth = r(t.all.width)), t.all.color !== void 0 && (e.borderColor = i(t.all.color)), t.all.style !== void 0 && (e.borderStyle = t.all.style)), n.top !== void 0 && this.applySideBorder(e, n.top, "Top", r, i), n.right !== void 0 && this.applySideBorder(e, n.right, "Right", r, i), n.bottom !== void 0 && this.applySideBorder(e, n.bottom, "Bottom", r, i), n.left !== void 0 && this.applySideBorder(e, n.left, "Left", r, i), t.image !== void 0 && (typeof t.image == "function" ? e.borderImage = s(() => t.image()) : e.borderImage = t.image), t.radius !== void 0) {
+      const l = typeof t.radius == "function" ? t.radius() : t.radius;
+      Object.assign(e, this.generateCornerRadiusStyles(l));
+    }
+    return e;
+  }
+  resolveBorderSides(t) {
+    return {
+      top: t.top || t.vertical,
+      right: t.right || t.trailing || t.horizontal,
+      bottom: t.bottom || t.vertical,
+      left: t.left || t.leading || t.horizontal
+    };
+  }
+  applySideBorder(t, e, r, i, n) {
+    e.width !== void 0 && (t[`border${r}Width`] = i(e.width)), e.color !== void 0 && (t[`border${r}Color`] = n(e.color)), e.style !== void 0 && (t[`border${r}Style`] = e.style);
+  }
+  resolveColorValue(t) {
+    return typeof t == "object" && t !== null && "resolve" in t ? t.resolve() : typeof t == "object" && t !== null && "value" in t ? t.value : typeof t == "object" && t !== null && typeof t.toString == "function" ? t.toString() : String(t);
+  }
+  generateCornerRadiusStyles(t) {
+    const e = {};
+    if (typeof t == "number" || typeof t == "string")
+      return e.borderRadius = typeof t == "number" ? `${t}px` : t, e;
+    const r = {
+      topLeft: t.topLeft ?? t.topLeading ?? t.top ?? t.left,
+      topRight: t.topRight ?? t.topTrailing ?? t.top ?? t.right,
+      bottomLeft: t.bottomLeft ?? t.bottomLeading ?? t.bottom ?? t.left,
+      bottomRight: t.bottomRight ?? t.bottomTrailing ?? t.bottom ?? t.right
+    };
+    return Object.entries(r).forEach(([i, n]) => {
+      if (n !== void 0) {
+        const d = this.cornerToCSSProperty(i);
+        e[d] = typeof n == "number" ? `${n}px` : n;
+      }
+    }), e;
+  }
+  cornerToCSSProperty(t) {
+    return {
+      topLeft: "borderTopLeftRadius",
+      topRight: "borderTopRightRadius",
+      bottomLeft: "borderBottomLeftRadius",
+      bottomRight: "borderBottomRightRadius"
+    }[t];
+  }
+}
+function p(o, t, e) {
+  return typeof o == "number" || typeof o == "string" || typeof o == "function" ? new f({
+    width: o,
+    color: t || "currentColor",
+    style: e || "solid"
+  }) : new f(o);
+}
+function v(o, t, e) {
+  return new f({ top: { width: o, color: t, style: e } });
+}
+function R(o, t, e) {
+  return new f({ right: { width: o, color: t, style: e } });
+}
+function S(o, t, e) {
+  return new f({ bottom: { width: o, color: t, style: e } });
+}
+function C(o, t, e) {
+  return new f({ left: { width: o, color: t, style: e } });
+}
+function L(o, t, e) {
+  return new f({ leading: { width: o, color: t, style: e } });
+}
+function B(o, t, e) {
+  return new f({ trailing: { width: o, color: t, style: e } });
+}
+function w(o, t, e) {
+  return new f({ horizontal: { width: o, color: t, style: e } });
+}
+function T(o, t, e) {
+  return new f({ vertical: { width: o, color: t, style: e } });
+}
+class y extends a {
+  constructor(t) {
+    const e = { radius: 0 };
+    for (const [r, i] of Object.entries(t))
+      typeof i == "function" && "peek" in i ? e[r] = i.peek() : e[r] = i;
+    super(e), u(this, "type", "cornerRadius"), u(this, "priority", 35);
+  }
+  apply(t, e) {
+    if (!e.element) return;
+    const r = this.computeCornerRadiusStyles(this.properties.radius);
+    this.applyStyles(e.element, r);
+  }
+  computeCornerRadiusStyles(t) {
+    return typeof t == "number" || typeof t == "string" ? { borderRadius: this.formatRadius(t) } : this.generateCornerRadiusCSS(t);
+  }
+  generateCornerRadiusCSS(t) {
+    const e = this.resolveCornerValues(t), r = {};
+    return Object.entries(e).forEach(([i, n]) => {
+      if (n !== void 0) {
+        const d = this.cornerToCSSProperty(i);
+        r[d] = this.formatRadius(n);
+      }
+    }), r;
+  }
+  cornerToCSSProperty(t) {
+    return {
+      topLeft: "borderTopLeftRadius",
+      topRight: "borderTopRightRadius",
+      bottomLeft: "borderBottomLeftRadius",
+      bottomRight: "borderBottomRightRadius"
+    }[t];
+  }
+  resolveCornerValues(t) {
+    return {
+      topLeft: t.topLeft ?? t.topLeading ?? t.top ?? t.left,
+      topRight: t.topRight ?? t.topTrailing ?? t.top ?? t.right,
+      bottomLeft: t.bottomLeft ?? t.bottomLeading ?? t.bottom ?? t.left,
+      bottomRight: t.bottomRight ?? t.bottomTrailing ?? t.bottom ?? t.right
+    };
+  }
+  formatRadius(t) {
+    return typeof t == "number" ? `${t}px` : t;
+  }
+}
+function P(o) {
+  return new y({ radius: o });
+}
+export {
+  f as BorderModifier,
+  y as CornerRadiusModifier,
+  p as border,
+  S as borderBottom,
+  w as borderHorizontal,
+  L as borderLeading,
+  C as borderLeft,
+  R as borderRight,
+  v as borderTop,
+  B as borderTrailing,
+  T as borderVertical,
+  P as cornerRadius
+};
+//# sourceMappingURL=border.js.map

package/dist/modifiers/border.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"border.js","sources":["../../src/modifiers/border.ts"],"sourcesContent":["/**\n * Border Modifier - comprehensive border styling\n *\n * Provides a unified interface for border properties\n * with support for directional borders and shorthand.\n */\n\nimport { createComputed } from '../reactive/computed'\nimport type { Signal } from '../reactive/types'\nimport type { DOMNode } from '../runtime/types'\nimport { BaseModifier } from './base'\nimport type { ModifierContext, ReactiveModifierProps, ColorValue } from './types'\n// Corner radius types (extracted from enhanced.ts)\nexport type CornerRadiusValue = number | string\n\nexport interface CornerRadiusConfig {\n  // Individual corners (CSS terminology)\n  topLeft?: CornerRadiusValue\n  topRight?: CornerRadiusValue\n  bottomLeft?: CornerRadiusValue\n  bottomRight?: CornerRadiusValue\n  \n  // SwiftUI terminology (aliases)\n  topLeading?: CornerRadiusValue\n  topTrailing?: CornerRadiusValue\n  bottomLeading?: CornerRadiusValue\n  bottomTrailing?: CornerRadiusValue\n  \n  // Shorthand properties\n  top?: CornerRadiusValue     // topLeft and topRight\n  bottom?: CornerRadiusValue  // bottomLeft and bottomRight\n  left?: CornerRadiusValue    // topLeft and bottomLeft\n  right?: CornerRadiusValue   // topRight and bottomRight\n}\n\nexport interface BorderSide {\n  width?: number | string | Signal<number>\n  color?: ColorValue\n  style?: BorderStyle\n}\n\nexport interface BorderOptions {\n  // Individual sides (CSS terminology)\n  top?: BorderSide\n  right?: BorderSide\n  bottom?: BorderSide\n  left?: BorderSide\n  all?: BorderSide\n  \n  // SwiftUI terminology (aliases)\n  leading?: BorderSide\n  trailing?: BorderSide\n  \n  // Shorthand properties\n  horizontal?: BorderSide  // left and right\n  vertical?: BorderSide    // top and bottom\n\n  // Convenience properties (applied to all sides if no specific sides are set)\n  width?: number | string | Signal<number>\n  color?: ColorValue\n  style?: BorderStyle\n  \n  // Advanced features\n  image?: string | Signal<string>           // CSS border-image\n  radius?: CornerRadiusConfig | Signal<CornerRadiusConfig>  // Integrated corner radius\n}\n\nexport type BorderStyle =\n  | 'none'\n  | 'solid'\n  | 'dashed'\n  | 'dotted'\n  | 'double'\n  | 'groove'\n  | 'ridge'\n  | 'inset'\n  | 'outset'\n\nexport type ReactiveBorderOptions = ReactiveModifierProps<BorderOptions>\n\n\nexport class BorderModifier extends BaseModifier<BorderOptions> {\n  readonly type = 'border'\n  readonly priority = 40 // Priority 40 for borders\n\n  constructor(options: ReactiveBorderOptions) {\n    // Convert reactive options to regular options for immediate use\n    const resolvedOptions: BorderOptions = {}\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.computeBorderStyles(this.properties)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeBorderStyles(props: BorderOptions) {\n    const styles: Record<string, any> = {}\n\n    // Helper to format border width\n    const formatBorderWidth = (width: number | string | Signal<number>) => {\n      if (typeof width === 'function') {\n        // For Signal values, create a computed that returns the px value\n        return createComputed(() => `${width()}px`)\n      }\n      if (typeof width === 'number') {\n        return `${width}px`\n      }\n      return width\n    }\n\n    // Helper to resolve color value (including Assets)\n    const resolveColor = (color: ColorValue) => {\n      if (typeof color === 'function') {\n        // Handle Signal\n        return createComputed(() => {\n          const value = color()\n          return this.resolveColorValue(value)\n        })\n      }\n      return this.resolveColorValue(color)\n    }\n\n    // Resolve shorthand and SwiftUI terminology\n    const resolvedSides = this.resolveBorderSides(props)\n\n    // Apply convenience properties to all sides (if no specific sides are defined)\n    const hasSpecificSides = resolvedSides.top || resolvedSides.right || resolvedSides.bottom || resolvedSides.left || props.all\n    if (\n      !hasSpecificSides &&\n      (props.width !== undefined || props.color !== undefined || props.style !== undefined)\n    ) {\n      if (props.width !== undefined) styles.borderWidth = formatBorderWidth(props.width)\n      if (props.color !== undefined) styles.borderColor = resolveColor(props.color)\n      if (props.style !== undefined) styles.borderStyle = props.style\n    }\n\n    // Apply 'all' border (overrides convenience properties)\n    if (props.all !== undefined) {\n      if (props.all.width !== undefined) styles.borderWidth = formatBorderWidth(props.all.width)\n      if (props.all.color !== undefined) styles.borderColor = resolveColor(props.all.color)\n      if (props.all.style !== undefined) styles.borderStyle = props.all.style\n    }\n\n    // Apply specific sides (highest priority)\n    if (resolvedSides.top !== undefined) {\n      this.applySideBorder(styles, resolvedSides.top, 'Top', formatBorderWidth, resolveColor)\n    }\n    if (resolvedSides.right !== undefined) {\n      this.applySideBorder(styles, resolvedSides.right, 'Right', formatBorderWidth, resolveColor)\n    }\n    if (resolvedSides.bottom !== undefined) {\n      this.applySideBorder(styles, resolvedSides.bottom, 'Bottom', formatBorderWidth, resolveColor)\n    }\n    if (resolvedSides.left !== undefined) {\n      this.applySideBorder(styles, resolvedSides.left, 'Left', formatBorderWidth, resolveColor)\n    }\n\n    // Advanced features\n    if (props.image !== undefined) {\n      if (typeof props.image === 'function') {\n        styles.borderImage = createComputed(() => (props.image as Signal<string>)())\n      } else {\n        styles.borderImage = props.image\n      }\n    }\n\n    // Integrated corner radius\n    if (props.radius !== undefined) {\n      const radiusValue = typeof props.radius === 'function' ? (props.radius as Signal<CornerRadiusConfig>)() : props.radius\n      Object.assign(styles, this.generateCornerRadiusStyles(radiusValue))\n    }\n\n    return styles\n  }\n\n  private resolveBorderSides(props: BorderOptions) {\n    return {\n      top: props.top || props.vertical,\n      right: props.right || props.trailing || props.horizontal,\n      bottom: props.bottom || props.vertical,\n      left: props.left || props.leading || props.horizontal\n    }\n  }\n\n  private applySideBorder(\n    styles: Record<string, any>,\n    side: BorderSide,\n    sideName: string,\n    formatBorderWidth: (width: number | string | Signal<number>) => any,\n    resolveColor: (color: ColorValue) => any\n  ) {\n    if (side.width !== undefined) {\n      styles[`border${sideName}Width`] = formatBorderWidth(side.width)\n    }\n    if (side.color !== undefined) {\n      styles[`border${sideName}Color`] = resolveColor(side.color)\n    }\n    if (side.style !== undefined) {\n      styles[`border${sideName}Style`] = side.style\n    }\n  }\n\n  private resolveColorValue(color: string | any): string {\n    // Handle Asset objects with resolve method\n    if (typeof color === 'object' && color !== null && 'resolve' in color) {\n      return (color as any).resolve()\n    }\n    // Handle Asset objects with value property\n    if (typeof color === 'object' && color !== null && 'value' in color) {\n      return (color as any).value\n    }\n    // Handle ColorAssetProxy objects with toString method\n    if (typeof color === 'object' && color !== null && typeof color.toString === 'function') {\n      return color.toString()\n    }\n    // Handle string colors\n    return String(color)\n  }\n\n  private generateCornerRadiusStyles(radius: CornerRadiusConfig): Record<string, string> {\n    const styles: Record<string, string> = {}\n    \n    if (typeof radius === 'number' || typeof radius === 'string') {\n      styles.borderRadius = typeof radius === 'number' ? `${radius}px` : radius\n      return styles\n    }\n    \n    // Handle CornerRadiusConfig object\n    const corners = {\n      topLeft: radius.topLeft ?? radius.topLeading ?? radius.top ?? radius.left,\n      topRight: radius.topRight ?? radius.topTrailing ?? radius.top ?? radius.right,\n      bottomLeft: radius.bottomLeft ?? radius.bottomLeading ?? radius.bottom ?? radius.left,\n      bottomRight: radius.bottomRight ?? radius.bottomTrailing ?? radius.bottom ?? radius.right\n    }\n    \n    Object.entries(corners).forEach(([corner, value]) => {\n      if (value !== undefined) {\n        const cssProperty = this.cornerToCSSProperty(corner as keyof typeof corners)\n        styles[cssProperty] = typeof value === 'number' ? `${value}px` : value\n      }\n    })\n    \n    return styles\n  }\n\n  private cornerToCSSProperty(corner: 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'): string {\n    const map = {\n      topLeft: 'borderTopLeftRadius',\n      topRight: 'borderTopRightRadius',\n      bottomLeft: 'borderBottomLeftRadius',\n      bottomRight: 'borderBottomRightRadius'\n    }\n    return map[corner]\n  }\n}\n\n/**\n * Create a border modifier with flexible options and advanced features\n *\n * @example\n * ```typescript\n * // Simple border - all sides\n * .border({ width: 1, color: '#e0e0e0' })\n * .border(1, '#e0e0e0', 'solid')  // Shorthand\n *\n * // Specific sides\n * .border({\n *   top: { width: 2, color: '#007AFF' },\n *   bottom: { width: 1, color: '#ddd' }\n * })\n *\n * // SwiftUI terminology\n * .border({\n *   leading: { width: 2, color: '#007AFF' },\n *   trailing: { width: 1, color: '#ddd' }\n * })\n *\n * // Shorthand properties\n * .border({\n *   horizontal: { width: 2, color: '#007AFF' },\n *   vertical: { width: 1, color: '#ddd' }\n * })\n *\n * // Advanced features\n * .border({\n *   width: 1,\n *   color: '#007AFF',\n *   image: 'url(border-pattern.png)',\n *   radius: { topLeft: 8, topRight: 8 }\n * })\n *\n * // Reactive values with Signals\n * .border({\n *   width: () => isActive() ? 2 : 1,\n *   color: () => theme().borderColor,\n *   style: 'dashed'\n * })\n * ```\n */\nexport function border(options: ReactiveBorderOptions): BorderModifier\nexport function border(\n  width: number | string | Signal<number>,\n  color?: ColorValue,\n  style?: BorderStyle\n): BorderModifier\nexport function border(\n  optionsOrWidth: ReactiveBorderOptions | number | string | Signal<number>,\n  color?: ColorValue,\n  style?: BorderStyle\n): BorderModifier {\n  if (typeof optionsOrWidth === 'number' || typeof optionsOrWidth === 'string' || typeof optionsOrWidth === 'function') {\n    return new BorderModifier({ \n      width: optionsOrWidth, \n      color: color || 'currentColor', \n      style: style || 'solid'\n    })\n  }\n  return new BorderModifier(optionsOrWidth)\n}\n\n/**\n * Convenience function for top border only with enhanced support\n *\n * @example\n * ```typescript\n * .borderTop(1, '#e0e0e0')\n * .borderTop('2px', signalColor(), 'dashed')\n * .borderTop(() => isActive() ? 2 : 1, '#007AFF')\n * ```\n */\nexport function borderTop(\n  width: number | string | Signal<number>,\n  color: ColorValue,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ top: { width, color, style } })\n}\n\n/**\n * Convenience function for right border only with enhanced support\n *\n * @example\n * ```typescript\n * .borderRight(1, '#ddd')\n * .borderRight('1px', () => theme().borderColor, 'dotted')\n * ```\n */\nexport function borderRight(\n  width: number | string | Signal<number>,\n  color: ColorValue,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ right: { width, color, style } })\n}\n\n/**\n * Convenience function for bottom border only with enhanced support\n *\n * @example\n * ```typescript\n * .borderBottom(2, '#007AFF')\n * .borderBottom('1px', '#e0e0e0', 'solid')\n * .borderBottom(() => isHovered() ? 3 : 1, Assets.accent)\n * ```\n */\nexport function borderBottom(\n  width: number | string | Signal<number>,\n  color: ColorValue,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ bottom: { width, color, style } })\n}\n\n/**\n * Convenience function for left border only with enhanced support\n *\n * @example\n * ```typescript\n * .borderLeft(3, '#34C759')\n * .borderLeft('2px', () => statusColor(), 'dashed')\n * ```\n */\nexport function borderLeft(\n  width: number | string | Signal<number>,\n  color: ColorValue,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ left: { width, color, style } })\n}\n\n/**\n * SwiftUI-style leading border (LTR-aware)\n *\n * @example\n * ```typescript\n * .borderLeading(2, '#007AFF', 'solid')\n * ```\n */\nexport function borderLeading(\n  width: number | string | Signal<number>,\n  color: ColorValue,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ leading: { width, color, style } })\n}\n\n/**\n * SwiftUI-style trailing border (LTR-aware)\n *\n * @example\n * ```typescript\n * .borderTrailing(1, '#ddd', 'dotted')\n * ```\n */\nexport function borderTrailing(\n  width: number | string | Signal<number>,\n  color: ColorValue,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ trailing: { width, color, style } })\n}\n\n/**\n * Horizontal borders (left + right)\n *\n * @example\n * ```typescript\n * .borderHorizontal(1, '#e0e0e0')\n * ```\n */\nexport function borderHorizontal(\n  width: number | string | Signal<number>,\n  color: ColorValue,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ horizontal: { width, color, style } })\n}\n\n/**\n * Vertical borders (top + bottom)\n *\n * @example\n * ```typescript\n * .borderVertical(2, '#007AFF', 'dashed')\n * ```\n */\nexport function borderVertical(\n  width: number | string | Signal<number>,\n  color: ColorValue,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ vertical: { width, color, style } })\n}\n\n// ============================================================================\n// Corner Radius Functions (Moved from enhanced.ts)\n// ============================================================================\n\nexport interface CornerRadiusOptions {\n  radius: number | string | CornerRadiusConfig\n}\n\nexport type ReactiveCornerRadiusOptions = ReactiveModifierProps<CornerRadiusOptions>\n\nexport class CornerRadiusModifier extends BaseModifier<CornerRadiusOptions> {\n  readonly type = 'cornerRadius'\n  readonly priority = 35\n\n  constructor(options: ReactiveCornerRadiusOptions) {\n    const resolvedOptions: CornerRadiusOptions = { radius: 0 }\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.computeCornerRadiusStyles(this.properties.radius)\n    this.applyStyles(context.element, styles)\n    \n    return undefined\n  }\n\n  private computeCornerRadiusStyles(radius: number | string | CornerRadiusConfig) {\n    if (typeof radius === 'number' || typeof radius === 'string') {\n      // Existing API - single value for all corners\n      return { borderRadius: this.formatRadius(radius) }\n    }\n    \n    // New object-based API\n    return this.generateCornerRadiusCSS(radius)\n  }\n\n  private generateCornerRadiusCSS(config: CornerRadiusConfig): Record<string, string> {\n    const corners = this.resolveCornerValues(config)\n    const styles: Record<string, string> = {}\n    \n    // Only apply styles for corners that have actual values\n    Object.entries(corners).forEach(([corner, value]) => {\n      if (value !== undefined) {\n        const cssProperty = this.cornerToCSSProperty(corner as keyof typeof corners)\n        styles[cssProperty] = this.formatRadius(value)\n      }\n    })\n    \n    return styles\n  }\n\n  private cornerToCSSProperty(corner: 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'): string {\n    const map = {\n      topLeft: 'borderTopLeftRadius',\n      topRight: 'borderTopRightRadius',\n      bottomLeft: 'borderBottomLeftRadius',\n      bottomRight: 'borderBottomRightRadius'\n    }\n    return map[corner]\n  }\n\n  private resolveCornerValues(config: CornerRadiusConfig) {\n    return {\n      topLeft: config.topLeft ?? config.topLeading ?? config.top ?? config.left,\n      topRight: config.topRight ?? config.topTrailing ?? config.top ?? config.right,\n      bottomLeft: config.bottomLeft ?? config.bottomLeading ?? config.bottom ?? config.left,\n      bottomRight: config.bottomRight ?? config.bottomTrailing ?? config.bottom ?? config.right\n    }\n  }\n\n  private formatRadius(value: CornerRadiusValue): string {\n    if (typeof value === 'number') {\n      return `${value}px`\n    }\n    return value\n  }\n}\n\n/**\n * Enhanced cornerRadius modifier with backward compatibility\n *\n * @example\n * ```typescript\n * .cornerRadius(8)                          // All corners\n * .cornerRadius('50%')                      // Circular/oval shape\n * .cornerRadius({ topLeft: 8, topRight: 8}) // Top corners only\n * .cornerRadius({ \n *   topLeading: 12, \n *   topTrailing: 12,\n *   bottomLeading: 4,\n *   bottomTrailing: 4\n * })\n * ```\n */\nexport function cornerRadius(value: number | string): CornerRadiusModifier\nexport function cornerRadius(config: CornerRadiusConfig): CornerRadiusModifier\nexport function cornerRadius(value: number | string | CornerRadiusConfig): CornerRadiusModifier {\n  return new CornerRadiusModifier({ radius: value })\n}\n"],"names":["BorderModifier","BaseModifier","options","resolvedOptions","key","value","__publicField","_node","context","styles","props","formatBorderWidth","width","createComputed","resolveColor","color","resolvedSides","radiusValue","side","sideName","radius","corners","corner","cssProperty","border","optionsOrWidth","style","borderTop","borderRight","borderBottom","borderLeft","borderLeading","borderTrailing","borderHorizontal","borderVertical","CornerRadiusModifier","config","cornerRadius"],"mappings":"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"}

package/dist/modifiers/builder.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./base.cjs"),A=require("./background.cjs"),M=require("./border.cjs"),I=require("./css.cjs"),m=require("./flexbox.cjs"),f=require("./margin.cjs"),u=require("./padding.cjs"),l=require("./size.cjs"),c=require("./responsive/responsive-builder.cjs"),B=require("./responsive/responsive-modifier.cjs"),L=require("./registry.cjs"),d=require("./typography.cjs"),g=require("./utility.cjs"),b=require("./attributes.cjs"),w=require("./text.cjs"),x=require("./backdrop.cjs"),T=require("./elements.cjs"),o=require("./filters.cjs"),v=require("./shadows.cjs"),y=require("./transformations.cjs"),n=require("./effects.cjs"),h=require("./transitions.cjs"),p=require("./scroll.cjs"),H=require("./as-html.cjs");var P=Object.defineProperty,S=(s,i,r)=>i in s?P(s,i,{enumerable:!0,configurable:!0,writable:!0,value:r}):s[i]=r,q=(s,i,r)=>S(s,i+"",r);class C{constructor(i){this.component=i,q(this,"modifiers",[])}frame(i,r){let t;return typeof i=="object"?t=i:(t={},i!==void 0&&(t.width=i),r!==void 0&&(t.height=r)),this.modifiers.push(new e.LayoutModifier({frame:t})),this}margin(i){if(typeof i=="number"||typeof i=="string")this.modifiers.push(f.margin(i));else{const r=i;r.vertical!==void 0||r.horizontal!==void 0?this.modifiers.push(f.margin({vertical:r.vertical,horizontal:r.horizontal})):(r.top!==void 0||r.right!==void 0||r.bottom!==void 0||r.left!==void 0)&&this.modifiers.push(f.margin({top:r.top,right:r.right,bottom:r.bottom,left:r.left}))}return this}layoutPriority(i){return this.modifiers.push(new e.LayoutModifier({layoutPriority:i})),this}size(i){return this.modifiers.push(l.size(i)),this}width(i){return this.modifiers.push(l.width(i)),this}height(i){return this.modifiers.push(l.height(i)),this}maxWidth(i){return this.modifiers.push(l.maxWidth(i)),this}minWidth(i){return this.modifiers.push(l.minWidth(i)),this}maxHeight(i){return this.modifiers.push(l.maxHeight(i)),this}minHeight(i){return this.modifiers.push(l.minHeight(i)),this}marginTop(i){return this.modifiers.push(f.marginTop(i)),this}marginBottom(i){return this.modifiers.push(f.marginBottom(i)),this}marginHorizontal(i){return this.modifiers.push(f.marginHorizontal(i)),this}marginVertical(i){return this.modifiers.push(f.marginVertical(i)),this}marginLeft(i){return this.modifiers.push(f.marginLeft(i)),this}marginRight(i){return this.modifiers.push(f.marginRight(i)),this}padding(i){return typeof i=="number"?this.modifiers.push(u.padding(i)):this.modifiers.push(u.padding(i)),this}paddingTop(i){return this.modifiers.push(u.paddingTop(i)),this}paddingBottom(i){return this.modifiers.push(u.paddingBottom(i)),this}paddingLeft(i){return this.modifiers.push(u.paddingLeft(i)),this}paddingRight(i){return this.modifiers.push(u.paddingRight(i)),this}paddingLeading(i){return this.modifiers.push(u.paddingLeading(i)),this}paddingTrailing(i){return this.modifiers.push(u.paddingTrailing(i)),this}paddingHorizontal(i){return this.modifiers.push(u.paddingHorizontal(i)),this}paddingVertical(i){return this.modifiers.push(u.paddingVertical(i)),this}typography(i){return this.modifiers.push(d.typography(i)),this}textAlign(i){return this.modifiers.push(d.textAlign(i)),this}textTransform(i){return this.modifiers.push(d.textTransform(i)),this}letterSpacing(i){return this.modifiers.push(d.letterSpacing(i)),this}lineHeight(i){return this.modifiers.push(d.lineHeight(i)),this}textOverflow(i){return this.modifiers.push(d.textOverflow(i)),this}whiteSpace(i){return this.modifiers.push(d.whiteSpace(i)),this}overflow(i){return this.modifiers.push(d.overflow(i)),this}borderTop(i,r,t){return this.modifiers.push(M.borderTop(i,r,t)),this}borderRight(i,r,t){return this.modifiers.push(M.borderRight(i,r,t)),this}borderBottom(i,r,t){return this.modifiers.push(M.borderBottom(i,r,t)),this}borderLeft(i,r,t){return this.modifiers.push(M.borderLeft(i,r,t)),this}flexGrow(i){return this.modifiers.push(m.flexGrow(i)),this}flexShrink(i){return this.modifiers.push(m.flexShrink(i)),this}justifyContent(i){return this.modifiers.push(m.justifyContent(i)),this}alignItems(i){return this.modifiers.push(m.alignItems(i)),this}gap(i){return this.modifiers.push(m.gap(i)),this}flexDirection(i){return this.modifiers.push(m.flexDirection(i)),this}flexWrap(i){return this.modifiers.push(m.flexWrap(i)),this}cursor(i){return this.modifiers.push(g.cursor(i)),this}overflowY(i){return this.modifiers.push(g.overflowY(i)),this}overflowX(i){return this.modifiers.push(g.overflowX(i)),this}position(i){return this.modifiers.push(g.position(i)),this}zIndex(i){return this.modifiers.push(g.zIndex(i)),this}display(i){return this.modifiers.push(g.display(i)),this}css(i){return this.modifiers.push(I.css(i)),this}cssProperty(i,r){return this.modifiers.push(I.cssProperty(i,r)),this}cssVariable(i,r){return this.modifiers.push(I.cssVariable(i,r)),this}textCase(i){return this.modifiers.push(d.textTransform(i)),this}textDecoration(i){return this.modifiers.push(d.textDecoration(i)),this}offset(i,r){return this.modifiers.push(new e.LayoutModifier({offset:{x:i,y:r??0}})),this}clipped(){return this.modifiers.push(new e.AppearanceModifier({clipped:!0})),this}rotationEffect(i,r="center"){return this.modifiers.push(new e.AnimationModifier({rotationEffect:{angle:i,anchor:r}})),this}aspectRatio(i,r="fit"){return this.modifiers.push(new e.LayoutModifier({aspectRatio:{ratio:i,contentMode:r}})),this}fixedSize(i=!0,r=!0){return this.modifiers.push(new e.LayoutModifier({fixedSize:{horizontal:i,vertical:r}})),this}clipShape(i,r){return this.modifiers.push(new e.AppearanceModifier({clipShape:{shape:i,parameters:r||{}}})),this}overlay(i,r="center"){return this.modifiers.push(new e.AnimationModifier({overlay:{content:i,alignment:r}})),this}scaleEffect(i,r,t="center"){return this.modifiers.push(new e.LayoutModifier({scaleEffect:{x:i,y:r,anchor:t}})),this}absolutePosition(i,r){return this.modifiers.push(new e.LayoutModifier({position:{x:i,y:r}})),this}foregroundColor(i){return this.modifiers.push(new e.AppearanceModifier({foregroundColor:i})),this}backgroundColor(i){return this.modifiers.push(new e.AppearanceModifier({backgroundColor:i})),this}background(i){return this.modifiers.push(new A.BackgroundModifier({background:i})),this}font(i){let r;return typeof i=="object"?r=i:r=i!==void 0?{size:i}:{},this.modifiers.push(new e.AppearanceModifier({font:r})),this}fontWeight(i){return this.modifiers.push(new e.AppearanceModifier({font:{weight:i}})),this}fontSize(i){return this.modifiers.push(new e.AppearanceModifier({font:{size:i}})),this}fontFamily(i){return this.modifiers.push(new e.AppearanceModifier({font:{family:i}})),this}opacity(i){return this.modifiers.push(new e.AppearanceModifier({opacity:i})),this}cornerRadius(i){return this.modifiers.push(new e.AppearanceModifier({cornerRadius:i})),this}border(i,r){let t;return typeof i=="object"?t=i:t={style:"solid",...i!==void 0&&{width:i},...r!==void 0&&{color:r}},this.modifiers.push(new e.AppearanceModifier({border:t})),this}borderWidth(i){return this.modifiers.push(new e.AppearanceModifier({border:{width:i}})),this}shadow(i){return i&&typeof i=="object"&&"x"in i&&"y"in i&&"blur"in i?this.modifiers.push(v.shadow(i)):this.modifiers.push(new e.AppearanceModifier({shadow:i})),this}textShadow(i){return this.modifiers.push(v.textShadow(i)),this}shadows(i){return this.modifiers.push(v.shadows(i)),this}shadowPreset(i){return this.modifiers.push(v.shadowPreset(i)),this}blur(i){return this.modifiers.push(new e.AppearanceModifier({blur:i})),this}brightness(i){return this.modifiers.push(new e.AppearanceModifier({brightness:i})),this}contrast(i){return this.modifiers.push(new e.AppearanceModifier({contrast:i})),this}saturation(i){return this.modifiers.push(new e.AppearanceModifier({saturation:i})),this}hueRotation(i){return this.modifiers.push(new e.AppearanceModifier({hueRotation:i})),this}grayscale(i){return this.modifiers.push(new e.AppearanceModifier({grayscale:i})),this}colorInvert(i=1){return this.modifiers.push(new e.AppearanceModifier({colorInvert:i})),this}dropShadow(i){return this.modifiers.push(new o.FilterModifier({filter:{dropShadow:i}})),this}filter(i){return this.modifiers.push(o.filter(i)),this}saturate(i){return this.modifiers.push(o.saturate(i)),this}sepia(i){return this.modifiers.push(o.sepia(i)),this}hueRotate(i){return this.modifiers.push(o.hueRotate(i)),this}invert(i){return this.modifiers.push(o.invert(i)),this}vintagePhoto(i,r){return this.modifiers.push(o.vintagePhoto(i,r)),this}blackAndWhite(i){return this.modifiers.push(o.blackAndWhite(i)),this}vibrant(i,r){return this.modifiers.push(o.vibrant(i,r)),this}warmTone(i){return this.modifiers.push(o.warmTone(i)),this}coolTone(i){return this.modifiers.push(o.coolTone(i)),this}faded(i,r){return this.modifiers.push(o.faded(i,r)),this}highKey(i,r){return this.modifiers.push(o.highKey(i,r)),this}lowKey(i,r){return this.modifiers.push(o.lowKey(i,r)),this}softFocus(i){return this.modifiers.push(o.softFocus(i)),this}highContrastMode(){return this.modifiers.push(o.highContrastMode()),this}subtleBlur(){return this.modifiers.push(o.subtleBlur()),this}darkModeInvert(){return this.modifiers.push(o.darkModeInvert()),this}scale(i){return this.modifiers.push(y.scale(i)),this}rotate(i){return this.modifiers.push(y.rotate(i)),this}translate(i){return this.modifiers.push(y.translate(i)),this}perspective(i){return this.modifiers.push(y.perspective(i)),this}hover(i,r){return this.modifiers.push(n.hover(i,r)),this}hoverEffect(i,r){return this.modifiers.push(n.hoverEffect(i,r)),this}hoverWithTransition(i,r=200){return this.modifiers.push(n.hoverWithTransition(i,r)),this}conditionalHover(i,r){return this.modifiers.push(n.conditionalHover(i,r)),this}interactiveCursor(){return this.modifiers.push(n.interactiveCursor()),this}draggableCursor(){return this.modifiers.push(n.draggableCursor()),this}textCursor(){return this.modifiers.push(n.textCursor()),this}disabledCursor(){return this.modifiers.push(n.disabledCursor()),this}loadingCursor(){return this.modifiers.push(n.loadingCursor()),this}helpCursor(){return this.modifiers.push(n.helpCursor()),this}zoomCursor(i="in"){return this.modifiers.push(n.zoomCursor(i)),this}buttonHover(){return this.modifiers.push(n.buttonHover()),this}cardHover(){return this.modifiers.push(n.cardHover()),this}linkHover(){return this.modifiers.push(n.linkHover()),this}imageHover(){return this.modifiers.push(n.imageHover()),this}transition(i="all",r=300,t="ease",a=0){return this.modifiers.push(h.transition(i,r,t,a)),this}transitions(i){return this.modifiers.push(h.transitions(i)),this}fadeTransition(i=200){return this.modifiers.push(h.fadeTransition(i)),this}transformTransition(i=300){return this.modifiers.push(h.transformTransition(i)),this}colorTransition(i=150){return this.modifiers.push(h.colorTransition(i)),this}layoutTransition(i=250){return this.modifiers.push(h.layoutTransition(i)),this}buttonTransition(){return this.modifiers.push(h.buttonTransition()),this}cardTransition(){return this.modifiers.push(h.cardTransition()),this}modalTransition(){return this.modifiers.push(h.modalTransition()),this}smoothTransition(i=300){return this.modifiers.push(h.smoothTransition(i)),this}quickTransition(i=150){return this.modifiers.push(h.quickTransition(i)),this}slowTransition(i=500){return this.modifiers.push(h.slowTransition(i)),this}scroll(i){return this.modifiers.push(p.scroll(i)),this}scrollBehavior(i){return this.modifiers.push(p.scrollBehavior(i)),this}overscrollBehavior(i){return this.modifiers.push(p.overscrollBehavior(i)),this}overscrollBehaviorX(i){return this.modifiers.push(p.overscrollBehaviorX(i)),this}overscrollBehaviorY(i){return this.modifiers.push(p.overscrollBehaviorY(i)),this}scrollMargin(i){return this.modifiers.push(p.scrollMargin(i)),this}scrollPadding(i){return this.modifiers.push(p.scrollPadding(i)),this}scrollSnap(i,r,t){return this.modifiers.push(p.scrollSnap(i,r,t)),this}onTap(i){return this.modifiers.push(new e.InteractionModifier({onTap:i})),this}onHover(i){return this.modifiers.push(new e.InteractionModifier({onHover:i})),this}onMouseEnter(i){return this.modifiers.push(new e.InteractionModifier({onMouseEnter:i})),this}onMouseLeave(i){return this.modifiers.push(new e.InteractionModifier({onMouseLeave:i})),this}onMouseDown(i){return this.modifiers.push(new e.InteractionModifier({onMouseDown:i})),this}onMouseUp(i){return this.modifiers.push(new e.InteractionModifier({onMouseUp:i})),this}onDragStart(i){return this.modifiers.push(new e.InteractionModifier({onDragStart:i})),this}onDragOver(i){return this.modifiers.push(new e.InteractionModifier({onDragOver:i})),this}onDragLeave(i){return this.modifiers.push(new e.InteractionModifier({onDragLeave:i})),this}onDrop(i){return this.modifiers.push(new e.InteractionModifier({onDrop:i})),this}onDoubleClick(i){return this.modifiers.push(new e.InteractionModifier({onDoubleClick:i})),this}onContextMenu(i){return this.modifiers.push(new e.InteractionModifier({onContextMenu:i})),this}onFocus(i){return this.modifiers.push(new e.InteractionModifier({onFocus:i})),this}onBlur(i){return this.modifiers.push(new e.InteractionModifier({onBlur:i})),this}onKeyPress(i){return this.modifiers.push(new e.InteractionModifier({onKeyPress:i})),this}onKeyDown(i){return this.modifiers.push(new e.InteractionModifier({onKeyDown:i})),this}onKeyUp(i){return this.modifiers.push(new e.InteractionModifier({onKeyUp:i})),this}onScroll(i){return this.modifiers.push(new e.InteractionModifier({onScroll:i})),this}onWheel(i){return this.modifiers.push(new e.InteractionModifier({onWheel:i})),this}onInput(i){return this.modifiers.push(new e.InteractionModifier({onInput:i})),this}onChange(i){return this.modifiers.push(new e.InteractionModifier({onChange:i})),this}onCopy(i){return this.modifiers.push(new e.InteractionModifier({onCopy:i})),this}onCut(i){return this.modifiers.push(new e.InteractionModifier({onCut:i})),this}onPaste(i){return this.modifiers.push(new e.InteractionModifier({onPaste:i})),this}onSelect(i){return this.modifiers.push(new e.InteractionModifier({onSelect:i})),this}id(i){return this.modifiers.push(new b.IdModifier({id:i})),this}data(i){return this.modifiers.push(new b.DataModifier({data:i})),this}aria(i){return this.modifiers.push(new b.AriaModifier({aria:i})),this}tabIndex(i){return this.modifiers.push(new b.TabIndexModifier({tabIndex:i})),this}lineClamp(i){return this.modifiers.push(new w.LineClampModifier({lines:i})),this}wordBreak(i){return this.modifiers.push(new w.WordBreakModifier({wordBreak:i})),this}overflowWrap(i){return this.modifiers.push(new w.OverflowWrapModifier({overflowWrap:i})),this}hyphens(i){return this.modifiers.push(new w.HyphensModifier({hyphens:i})),this}gradientText(i){return this.modifiers.push(new w.BackgroundClipModifier({backgroundImage:i,backgroundClip:"text",color:"transparent",webkitBackgroundClip:"text",webkitTextFillColor:"transparent"})),this}backdropFilter(i,r){return this.modifiers.push(new x.BackdropFilterModifier({backdropFilter:i,...r&&{fallbackColor:r}})),this}glassmorphism(i="medium",r){const a={subtle:{config:{blur:3,saturate:1.05,brightness:1.05},fallbackColor:"rgba(255, 255, 255, 0.05)"},light:{config:{blur:8,saturate:1.15,brightness:1.1},fallbackColor:"rgba(255, 255, 255, 0.1)"},medium:{config:{blur:16,saturate:1.3,brightness:1.15},fallbackColor:"rgba(255, 255, 255, 0.15)"},heavy:{config:{blur:24,saturate:1.5,brightness:1.2},fallbackColor:"rgba(255, 255, 255, 0.2)"}}[i];return this.modifiers.push(new x.BackdropFilterModifier({backdropFilter:a.config,fallbackColor:r||a.fallbackColor})),this}before(i){return this.modifiers.push(T.before(i)),this}after(i){return this.modifiers.push(T.after(i)),this}disabled(i=!0){return this.modifiers.push(new e.InteractionModifier({disabled:i})),this}draggable(i=!0){return this.modifiers.push(new e.InteractionModifier({draggable:i})),this}setAttribute(i,r){return this.modifiers.push({type:"attribute",priority:50,properties:{name:i,value:r},apply:(t,a)=>{a.element&&a.element.setAttribute(i,r)}}),this}accessibilityLabel(i){return this.modifiers.push(new e.InteractionModifier({accessibilityLabel:i})),this}onLongPressGesture(i){return this.modifiers.push(new e.InteractionModifier({onLongPressGesture:i})),this}keyboardShortcut(i,r,t){return this.modifiers.push(new e.InteractionModifier({keyboardShortcut:{key:i,modifiers:r,action:t}})),this}focused(i){return this.modifiers.push(new e.InteractionModifier({focused:i})),this}focusable(i=!0,r){return this.modifiers.push(new e.InteractionModifier({focusable:{isFocusable:i,interactions:r}})),this}onContinuousHover(i,r){return this.modifiers.push(new e.InteractionModifier({onContinuousHover:{coordinateSpace:i,perform:r}})),this}highPriorityGesture(i,r){return this.modifiers.push(new e.InteractionModifier({highPriorityGesture:{gesture:i,including:r}})),this}simultaneousGesture(i,r){return this.modifiers.push(new e.InteractionModifier({simultaneousGesture:{gesture:i,including:r}})),this}allowsHitTesting(i){return this.modifiers.push(new e.InteractionModifier({allowsHitTesting:i})),this}transform(i){return this.modifiers.push(new e.AnimationModifier({transform:i})),this}animation(i){return this.modifiers.push(new e.AnimationModifier({animation:i})),this}onAppear(i){return this.modifiers.push(new e.LifecycleModifier({onAppear:i})),this}onDisappear(i){return this.modifiers.push(new e.LifecycleModifier({onDisappear:i})),this}task(i,r){return this.modifiers.push(new e.LifecycleModifier({task:{operation:i,id:r?.id,priority:r?.priority||"default"}})),this}refreshable(i,r){return this.modifiers.push(new e.LifecycleModifier({refreshable:{onRefresh:i,isRefreshing:r}})),this}modifier(i){return this.modifiers.push(i),this}resizable(){return this.modifiers.push(new e.ResizableModifier({})),this}addModifier(i){if(this.modifiers.push(i),"modifiers"in this.component&&Array.isArray(this.component.modifiers)){const r=this.component;r.modifiers=[...r.modifiers,i]}}responsive(i){if(i){const r=B.createResponsiveModifier(i);return this.modifiers.push(r),this}else return new c.ResponsiveModifierBuilderImpl(this)}get base(){return new c.ResponsiveModifierBuilderImpl(this).base}get sm(){return new c.ResponsiveModifierBuilderImpl(this).sm}get md(){return new c.ResponsiveModifierBuilderImpl(this).md}get lg(){return new c.ResponsiveModifierBuilderImpl(this).lg}get xl(){return new c.ResponsiveModifierBuilderImpl(this).xl}get"2xl"(){return new c.ResponsiveModifierBuilderImpl(this)["2xl"]}asHTML(i){const r=H.asHTML(i);return this.modifiers.push(r),this}build(){if("modifiers"in this.component){const i=this.component,r=this.modifiers.filter(t=>!i.modifiers.some(a=>a===t));return i.modifiers=[...i.modifiers,...r],this.component}else return L.createModifiableComponent(this.component,this.modifiers)}}function k(s){return new C(s)}function R(s,i){return{...s,modifiers:i,modifierBuilder:k(s)}}const z={paddingAll(s){return new e.LayoutModifier({padding:s})},paddingSymmetric(s,i){return new e.LayoutModifier({padding:{left:s,right:s,top:i,bottom:i}})},marginAll(s){return new e.LayoutModifier({margin:s})},fontPreset(s){const i={title:{size:32,weight:"bold"},heading:{size:24,weight:"600"},body:{size:16,weight:"normal"},caption:{size:12,weight:"normal"}};return new e.AppearanceModifier({font:i[s]})},shadowPreset(s){const i={small:{x:0,y:1,radius:3,color:"rgba(0,0,0,0.12)"},medium:{x:0,y:4,radius:6,color:"rgba(0,0,0,0.15)"},large:{x:0,y:10,radius:25,color:"rgba(0,0,0,0.15)"}};return new e.AppearanceModifier({shadow:i[s]})},transitionPreset(s){const i={fast:{duration:150,easing:"ease-out"},normal:{duration:300,easing:"ease"},slow:{duration:500,easing:"ease-in-out"}};return new e.AnimationModifier({transition:i[s]})}};exports.ModifierBuilderImpl=C;exports.applyModifiers=R;exports.createModifierBuilder=k;exports.modifierUtils=z;
+//# sourceMappingURL=builder.cjs.map