@tachui/modifiers 0.8.0-alpha → 0.8.5-alpha

package/dist/clipped-CCW8gJqJ.js

@@ -1,282 +0,0 @@
-var p = Object.defineProperty;
-var b = (r, i, e) => i in r ? p(r, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : r[i] = e;
-var n = (r, i, e) => b(r, typeof i != "symbol" ? i + "" : i, e);
-import { B as a } from "./base-CkGf4b9G.js";
-class c extends a {
-  constructor() {
-    super(...arguments);
-    n(this, "type", "background");
-    n(this, "priority", 95);
-  }
-  apply(e, t) {
-    if (!t.element) return;
-    const o = t.element, d = this.resolveBackground(this.properties.background);
-    d && (o.style.background = d);
-  }
-  resolveBackground(e) {
-    return typeof e == "string" ? e : typeof e == "object" && e !== null && "resolve" in e ? e.resolve() : typeof e == "object" && e !== null && "value" in e ? e.value : String(e);
-  }
-}
-class y extends a {
-  constructor() {
-    super(...arguments);
-    n(this, "type", "backgroundClip");
-    n(this, "priority", 40);
-  }
-  apply(e, t) {
-    if (!t.element) return;
-    const o = this.computeBackgroundClipStyles(this.properties);
-    this.applyStyles(t.element, o);
-  }
-  computeBackgroundClipStyles(e) {
-    const t = {};
-    return e.backgroundImage && (t.backgroundImage = e.backgroundImage), e.backgroundClip && (t.backgroundClip = e.backgroundClip, t.webkitBackgroundClip = e.backgroundClip), e.color && (t.color = e.color, e.backgroundClip === "text" && (t.webkitTextFillColor = e.color)), t;
-  }
-}
-function w(r) {
-  return new c({ background: r });
-}
-function B(r) {
-  return new c({ background: r });
-}
-function R(r, i = "text", e = "transparent") {
-  return new y({
-    backgroundImage: r,
-    backgroundClip: i,
-    color: e
-  });
-}
-function s(r) {
-  return new y({
-    backgroundImage: r,
-    backgroundClip: "text",
-    color: "transparent"
-  });
-}
-function k() {
-  return s("linear-gradient(45deg, #007AFF, #5856D6)");
-}
-function T() {
-  return s(
-    "linear-gradient(90deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff80, #0080ff, #8000ff)"
-  );
-}
-function x() {
-  return s("linear-gradient(45deg, #ff6b6b, #feca57, #ff9ff3)");
-}
-function L() {
-  return s("linear-gradient(45deg, #667eea, #764ba2)");
-}
-function $() {
-  return s("linear-gradient(45deg, #f7971e, #ffd200)");
-}
-class l extends a {
-  constructor() {
-    super(...arguments);
-    n(this, "type", "border");
-    n(this, "priority", 40);
-  }
-  apply(e, t) {
-    if (!t.element) return;
-    const o = this.computeBorderStyles(this.properties);
-    this.applyStyles(t.element, o);
-  }
-  computeBorderStyles(e) {
-    const t = {}, o = this.resolveBorderSides(e);
-    return !(o.top || o.right || o.bottom || o.left || e.all) && (e.width !== void 0 || e.color !== void 0 || e.style !== void 0) && (e.width !== void 0 && (t.borderWidth = this.formatBorderWidth(e.width)), e.color !== void 0 && (t.borderColor = e.color), e.style !== void 0 && (t.borderStyle = e.style)), e.all !== void 0 && (e.all.width !== void 0 && (t.borderWidth = this.formatBorderWidth(e.all.width)), e.all.color !== void 0 && (t.borderColor = e.all.color), e.all.style !== void 0 && (t.borderStyle = e.all.style)), o.top !== void 0 && this.applySideBorder(t, o.top, "Top"), o.right !== void 0 && this.applySideBorder(t, o.right, "Right"), o.bottom !== void 0 && this.applySideBorder(t, o.bottom, "Bottom"), o.left !== void 0 && this.applySideBorder(t, o.left, "Left"), t;
-  }
-  resolveBorderSides(e) {
-    return {
-      top: e.top || e.vertical,
-      right: e.right || e.trailing || e.horizontal,
-      bottom: e.bottom || e.vertical,
-      left: e.left || e.leading || e.horizontal
-    };
-  }
-  applySideBorder(e, t, o) {
-    t.width !== void 0 && (e[`border${o}Width`] = this.formatBorderWidth(t.width)), t.color !== void 0 && (e[`border${o}Color`] = t.color), t.style !== void 0 && (e[`border${o}Style`] = t.style);
-  }
-  formatBorderWidth(e) {
-    return typeof e == "number" ? `${e}px` : e;
-  }
-}
-class g extends a {
-  constructor() {
-    super(...arguments);
-    n(this, "type", "cornerRadius");
-    n(this, "priority", 35);
-  }
-  apply(e, t) {
-    if (!t.element) return;
-    const o = this.computeCornerRadiusStyles(this.properties.radius);
-    this.applyStyles(t.element, o);
-  }
-  computeCornerRadiusStyles(e) {
-    return typeof e == "number" || typeof e == "string" ? { borderRadius: this.formatRadius(e) } : this.generateCornerRadiusCSS(e);
-  }
-  generateCornerRadiusCSS(e) {
-    const t = this.resolveCornerValues(e), o = {};
-    return Object.entries(t).forEach(([d, u]) => {
-      if (u !== void 0) {
-        const f = this.cornerToCSSProperty(
-          d
-        );
-        o[f] = this.formatRadius(u);
-      }
-    }), o;
-  }
-  cornerToCSSProperty(e) {
-    return {
-      topLeft: "borderTopLeftRadius",
-      topRight: "borderTopRightRadius",
-      bottomLeft: "borderBottomLeftRadius",
-      bottomRight: "borderBottomRightRadius"
-    }[e];
-  }
-  resolveCornerValues(e) {
-    return {
-      topLeft: e.topLeft ?? e.topLeading ?? e.top ?? e.left,
-      topRight: e.topRight ?? e.topTrailing ?? e.top ?? e.right,
-      bottomLeft: e.bottomLeft ?? e.bottomLeading ?? e.bottom ?? e.left,
-      bottomRight: e.bottomRight ?? e.bottomTrailing ?? e.bottom ?? e.right
-    };
-  }
-  formatRadius(e) {
-    return typeof e == "number" ? `${e}px` : e;
-  }
-}
-function M(r, i, e) {
-  return typeof r == "number" || typeof r == "string" ? new l({
-    width: r,
-    color: i || "currentColor",
-    style: e || "solid"
-  }) : new l(r);
-}
-function P(r, i, e) {
-  return new l({ top: { width: r, color: i, style: e } });
-}
-function _(r, i, e) {
-  return new l({ right: { width: r, color: i, style: e } });
-}
-function z(r, i, e) {
-  return new l({ bottom: { width: r, color: i, style: e } });
-}
-function F(r, i, e) {
-  return new l({ left: { width: r, color: i, style: e } });
-}
-function G(r, i, e) {
-  return new l({ leading: { width: r, color: i, style: e } });
-}
-function j(r, i, e) {
-  return new l({ trailing: { width: r, color: i, style: e } });
-}
-function I(r, i, e) {
-  return new l({ horizontal: { width: r, color: i, style: e } });
-}
-function V(r, i, e) {
-  return new l({ vertical: { width: r, color: i, style: e } });
-}
-function W(r) {
-  return new g({ radius: r });
-}
-class h extends a {
-  constructor() {
-    super(...arguments);
-    n(this, "type", "foreground");
-    n(this, "priority", 90);
-  }
-  apply(e, t) {
-    if (!t.element) return;
-    const o = t.element;
-    o.style.color = this.properties.color;
-  }
-}
-function A(r) {
-  return new h({ color: r });
-}
-function X(r) {
-  return new h({ color: r });
-}
-class m extends a {
-  constructor() {
-    super(...arguments);
-    n(this, "type", "clip-shape");
-    n(this, "priority", 90);
-  }
-  apply(e, t) {
-    if (!t.element) return;
-    const o = t.element;
-    if (!o.style) return;
-    const { shape: d, parameters: u = {} } = this.properties, f = this.generateClipPath(d, u);
-    f && (o.style.clipPath = f);
-  }
-  generateClipPath(e, t) {
-    switch (e) {
-      case "circle":
-        return "circle(50%)";
-      case "ellipse": {
-        const o = t && t.radiusX || "50%", d = t && t.radiusY || "50%";
-        return `ellipse(${o} ${d} at center)`;
-      }
-      case "rect":
-        return `inset(${t && t.inset || 0}px)`;
-      case "polygon": {
-        const o = t && t.points;
-        return o ? `polygon(${o})` : "";
-      }
-      default:
-        return "";
-    }
-  }
-}
-function Y(r, i) {
-  return new m({ shape: r, parameters: i || {} });
-}
-class v extends a {
-  constructor() {
-    super(...arguments);
-    n(this, "type", "clipped");
-    n(this, "priority", 89);
-  }
-  apply(e, t) {
-    if (!t.element) return;
-    const o = t.element;
-    o.style && (this.properties.clipped ? o.style.overflow = "hidden" : o.style.overflow = "");
-  }
-}
-function q(r = !0) {
-  return new v({ clipped: r });
-}
-export {
-  q as A,
-  c as B,
-  g as C,
-  h as F,
-  y as a,
-  w as b,
-  B as c,
-  R as d,
-  k as e,
-  $ as f,
-  s as g,
-  l as h,
-  M as i,
-  P as j,
-  _ as k,
-  z as l,
-  F as m,
-  G as n,
-  L as o,
-  j as p,
-  I as q,
-  T as r,
-  x as s,
-  V as t,
-  W as u,
-  A as v,
-  X as w,
-  m as x,
-  Y as y,
-  v as z
-};
-//# sourceMappingURL=clipped-CCW8gJqJ.js.map

package/dist/clipped-CCW8gJqJ.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"clipped-CCW8gJqJ.js","sources":["../src/appearance/background.ts","../src/appearance/border.ts","../src/appearance/foreground.ts","../src/appearance/clip-shape.ts","../src/appearance/clipped.ts"],"sourcesContent":["/**\n * Background Modifiers\n *\n * Background styling modifiers with asset and gradient support\n */\n\nimport { BaseModifier } from '../basic/base'\nimport type { ModifierContext } from '@tachui/core/modifiers/types'\nimport type { DOMNode } from '@tachui/core/runtime/types'\n\nexport interface BackgroundOptions {\n  background: string | any\n}\n\nexport class BackgroundModifier extends BaseModifier<BackgroundOptions> {\n  readonly type = 'background'\n  readonly priority = 95\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const element = context.element as HTMLElement\n    const cssValue = this.resolveBackground(this.properties.background)\n\n    if (cssValue) {\n      element.style.background = cssValue\n    }\n\n    return undefined\n  }\n\n  private resolveBackground(background: any): string {\n    if (typeof background === 'string') {\n      return background\n    }\n\n    if (\n      typeof background === 'object' &&\n      background !== null &&\n      'resolve' in background\n    ) {\n      return background.resolve()\n    }\n\n    if (\n      typeof background === 'object' &&\n      background !== null &&\n      'value' in background\n    ) {\n      return background.value\n    }\n\n    return String(background)\n  }\n}\n\nexport interface BackgroundClipOptions {\n  backgroundImage?: string\n  backgroundClip?: 'text' | 'border-box' | 'padding-box' | 'content-box'\n  color?: string\n}\n\nexport class BackgroundClipModifier extends BaseModifier<BackgroundClipOptions> {\n  readonly type = 'backgroundClip'\n  readonly priority = 40\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const styles = this.computeBackgroundClipStyles(this.properties)\n    this.applyStyles(context.element, styles)\n\n    return undefined\n  }\n\n  private computeBackgroundClipStyles(props: BackgroundClipOptions) {\n    const styles: Record<string, string> = {}\n\n    if (props.backgroundImage) {\n      styles.backgroundImage = props.backgroundImage\n    }\n\n    if (props.backgroundClip) {\n      styles.backgroundClip = props.backgroundClip\n      styles.webkitBackgroundClip = props.backgroundClip\n    }\n\n    if (props.color) {\n      styles.color = props.color\n      if (props.backgroundClip === 'text') {\n        styles.webkitTextFillColor = props.color\n      }\n    }\n\n    return styles\n  }\n}\n\nexport function backgroundColor(color: string): BackgroundModifier {\n  return new BackgroundModifier({ background: color })\n}\n\nexport function background(value: string): BackgroundModifier {\n  return new BackgroundModifier({ background: value })\n}\n\nexport function backgroundClip(\n  backgroundImage: string,\n  clip: 'text' | 'border-box' | 'padding-box' | 'content-box' = 'text',\n  color: string = 'transparent'\n): BackgroundClipModifier {\n  return new BackgroundClipModifier({\n    backgroundImage,\n    backgroundClip: clip,\n    color,\n  })\n}\n\nexport function gradientText(gradient: string): BackgroundClipModifier {\n  return new BackgroundClipModifier({\n    backgroundImage: gradient,\n    backgroundClip: 'text',\n    color: 'transparent',\n  })\n}\n\nexport function blueGradientText(): BackgroundClipModifier {\n  return gradientText('linear-gradient(45deg, #007AFF, #5856D6)')\n}\n\nexport function rainbowGradientText(): BackgroundClipModifier {\n  return gradientText(\n    'linear-gradient(90deg, #ff0000, #ff8000, #ffff00, #80ff00, #00ff80, #0080ff, #8000ff)'\n  )\n}\n\nexport function sunsetGradientText(): BackgroundClipModifier {\n  return gradientText('linear-gradient(45deg, #ff6b6b, #feca57, #ff9ff3)')\n}\n\nexport function oceanGradientText(): BackgroundClipModifier {\n  return gradientText('linear-gradient(45deg, #667eea, #764ba2)')\n}\n\nexport function goldGradientText(): BackgroundClipModifier {\n  return gradientText('linear-gradient(45deg, #f7971e, #ffd200)')\n}\n","/**\n * Border Modifiers\n *\n * Comprehensive border styling with radius support\n */\n\nimport { BaseModifier } from '../basic/base'\nimport type { ModifierContext } from '@tachui/core/modifiers/types'\nimport type { DOMNode } from '@tachui/core/runtime/types'\n\nexport type BorderStyle =\n  | 'none'\n  | 'solid'\n  | 'dashed'\n  | 'dotted'\n  | 'double'\n  | 'groove'\n  | 'ridge'\n  | 'inset'\n  | 'outset'\n\nexport interface BorderSide {\n  width?: number | string\n  color?: string\n  style?: BorderStyle\n}\n\nexport interface BorderOptions {\n  top?: BorderSide\n  right?: BorderSide\n  bottom?: BorderSide\n  left?: BorderSide\n  all?: BorderSide\n\n  leading?: BorderSide\n  trailing?: BorderSide\n  horizontal?: BorderSide\n  vertical?: BorderSide\n\n  width?: number | string\n  color?: string\n  style?: BorderStyle\n}\n\nexport class BorderModifier extends BaseModifier<BorderOptions> {\n  readonly type = 'border'\n  readonly priority = 40\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    const resolvedSides = this.resolveBorderSides(props)\n\n    const hasSpecificSides =\n      resolvedSides.top ||\n      resolvedSides.right ||\n      resolvedSides.bottom ||\n      resolvedSides.left ||\n      props.all\n    if (\n      !hasSpecificSides &&\n      (props.width !== undefined ||\n        props.color !== undefined ||\n        props.style !== undefined)\n    ) {\n      if (props.width !== undefined)\n        styles.borderWidth = this.formatBorderWidth(props.width)\n      if (props.color !== undefined) styles.borderColor = props.color\n      if (props.style !== undefined) styles.borderStyle = props.style\n    }\n\n    if (props.all !== undefined) {\n      if (props.all.width !== undefined)\n        styles.borderWidth = this.formatBorderWidth(props.all.width)\n      if (props.all.color !== undefined) styles.borderColor = props.all.color\n      if (props.all.style !== undefined) styles.borderStyle = props.all.style\n    }\n\n    if (resolvedSides.top !== undefined) {\n      this.applySideBorder(styles, resolvedSides.top, 'Top')\n    }\n    if (resolvedSides.right !== undefined) {\n      this.applySideBorder(styles, resolvedSides.right, 'Right')\n    }\n    if (resolvedSides.bottom !== undefined) {\n      this.applySideBorder(styles, resolvedSides.bottom, 'Bottom')\n    }\n    if (resolvedSides.left !== undefined) {\n      this.applySideBorder(styles, resolvedSides.left, 'Left')\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  ) {\n    if (side.width !== undefined) {\n      styles[`border${sideName}Width`] = this.formatBorderWidth(side.width)\n    }\n    if (side.color !== undefined) {\n      styles[`border${sideName}Color`] = side.color\n    }\n    if (side.style !== undefined) {\n      styles[`border${sideName}Style`] = side.style\n    }\n  }\n\n  private formatBorderWidth(width: number | string): string {\n    return typeof width === 'number' ? `${width}px` : width\n  }\n}\n\nexport type CornerRadiusValue = number | string\n\nexport interface CornerRadiusConfig {\n  topLeft?: CornerRadiusValue\n  topRight?: CornerRadiusValue\n  bottomLeft?: CornerRadiusValue\n  bottomRight?: CornerRadiusValue\n\n  topLeading?: CornerRadiusValue\n  topTrailing?: CornerRadiusValue\n  bottomLeading?: CornerRadiusValue\n  bottomTrailing?: CornerRadiusValue\n\n  top?: CornerRadiusValue\n  bottom?: CornerRadiusValue\n  left?: CornerRadiusValue\n  right?: CornerRadiusValue\n}\n\nexport interface CornerRadiusOptions {\n  radius: number | string | CornerRadiusConfig\n}\n\nexport class CornerRadiusModifier extends BaseModifier<CornerRadiusOptions> {\n  readonly type = 'cornerRadius'\n  readonly priority = 35\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(\n    radius: number | string | CornerRadiusConfig\n  ) {\n    if (typeof radius === 'number' || typeof radius === 'string') {\n      return { borderRadius: this.formatRadius(radius) }\n    }\n\n    return this.generateCornerRadiusCSS(radius)\n  }\n\n  private generateCornerRadiusCSS(\n    config: CornerRadiusConfig\n  ): Record<string, string> {\n    const corners = this.resolveCornerValues(config)\n    const styles: Record<string, string> = {}\n\n    Object.entries(corners).forEach(([corner, value]) => {\n      if (value !== undefined) {\n        const cssProperty = this.cornerToCSSProperty(\n          corner as keyof typeof corners\n        )\n        styles[cssProperty] = this.formatRadius(value)\n      }\n    })\n\n    return styles\n  }\n\n  private cornerToCSSProperty(\n    corner: 'topLeft' | 'topRight' | 'bottomLeft' | 'bottomRight'\n  ): 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:\n        config.topRight ?? config.topTrailing ?? config.top ?? config.right,\n      bottomLeft:\n        config.bottomLeft ??\n        config.bottomLeading ??\n        config.bottom ??\n        config.left,\n      bottomRight:\n        config.bottomRight ??\n        config.bottomTrailing ??\n        config.bottom ??\n        config.right,\n    }\n  }\n\n  private formatRadius(value: CornerRadiusValue): string {\n    return typeof value === 'number' ? `${value}px` : value\n  }\n}\n\nexport function border(options: BorderOptions): BorderModifier\nexport function border(\n  width: number | string,\n  color?: string,\n  style?: BorderStyle\n): BorderModifier\nexport function border(\n  optionsOrWidth: BorderOptions | number | string,\n  color?: string,\n  style?: BorderStyle\n): BorderModifier {\n  if (\n    typeof optionsOrWidth === 'number' ||\n    typeof optionsOrWidth === 'string'\n  ) {\n    return new BorderModifier({\n      width: optionsOrWidth,\n      color: color || 'currentColor',\n      style: style || 'solid',\n    })\n  }\n  return new BorderModifier(optionsOrWidth)\n}\n\nexport function borderTop(\n  width: number | string,\n  color: string,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ top: { width, color, style } })\n}\n\nexport function borderRight(\n  width: number | string,\n  color: string,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ right: { width, color, style } })\n}\n\nexport function borderBottom(\n  width: number | string,\n  color: string,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ bottom: { width, color, style } })\n}\n\nexport function borderLeft(\n  width: number | string,\n  color: string,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ left: { width, color, style } })\n}\n\nexport function borderLeading(\n  width: number | string,\n  color: string,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ leading: { width, color, style } })\n}\n\nexport function borderTrailing(\n  width: number | string,\n  color: string,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ trailing: { width, color, style } })\n}\n\nexport function borderHorizontal(\n  width: number | string,\n  color: string,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ horizontal: { width, color, style } })\n}\n\nexport function borderVertical(\n  width: number | string,\n  color: string,\n  style?: BorderStyle\n): BorderModifier {\n  return new BorderModifier({ vertical: { width, color, style } })\n}\n\nexport function cornerRadius(value: number | string): CornerRadiusModifier\nexport function cornerRadius(config: CornerRadiusConfig): CornerRadiusModifier\nexport function cornerRadius(\n  value: number | string | CornerRadiusConfig\n): CornerRadiusModifier {\n  return new CornerRadiusModifier({ radius: value })\n}\n","/**\n * Foreground Modifiers\n *\n * Text color and foreground styling modifiers\n */\n\nimport { BaseModifier } from '../basic/base'\nimport type { ModifierContext } from '@tachui/core/modifiers/types'\nimport type { DOMNode } from '@tachui/core/runtime/types'\n\nexport interface ForegroundOptions {\n  color: string\n}\n\nexport class ForegroundModifier extends BaseModifier<ForegroundOptions> {\n  readonly type = 'foreground'\n  readonly priority = 90\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const element = context.element as HTMLElement\n    element.style.color = this.properties.color\n\n    return undefined\n  }\n}\n\nexport function foregroundColor(color: string): ForegroundModifier {\n  return new ForegroundModifier({ color })\n}\n\nexport function foreground(color: string): ForegroundModifier {\n  return new ForegroundModifier({ color })\n}\n","/**\n * Clip Shape Modifier\n *\n * SwiftUI-inspired modifier for clipping content to various shapes\n */\n\nimport { BaseModifier } from '../basic/base'\nimport type { ModifierContext } from '@tachui/core/modifiers/types'\nimport type { DOMNode } from '@tachui/core/runtime/types'\n\nexport interface ClipShapeOptions {\n  shape: 'circle' | 'ellipse' | 'rect' | 'polygon'\n  parameters?: Record<string, any>\n}\n\nexport class ClipShapeModifier extends BaseModifier<ClipShapeOptions> {\n  readonly type = 'clip-shape'\n  readonly priority = 90\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const element = context.element as HTMLElement\n    if (!element.style) return\n    const { shape, parameters = {} } = this.properties\n\n    const clipPath = this.generateClipPath(shape, parameters)\n    if (clipPath) {\n      element.style.clipPath = clipPath\n    }\n\n    return undefined\n  }\n\n  private generateClipPath(\n    shape: ClipShapeOptions['shape'],\n    parameters: Record<string, any>\n  ): string {\n    switch (shape) {\n      case 'circle':\n        return 'circle(50%)'\n\n      case 'ellipse': {\n        const radiusX = (parameters && parameters.radiusX) || '50%'\n        const radiusY = (parameters && parameters.radiusY) || '50%'\n        return `ellipse(${radiusX} ${radiusY} at center)`\n      }\n\n      case 'rect': {\n        const inset = (parameters && parameters.inset) || 0\n        return `inset(${inset}px)`\n      }\n\n      case 'polygon': {\n        const points = parameters && parameters.points\n        if (!points) return ''\n        return `polygon(${points})`\n      }\n\n      default:\n        return ''\n    }\n  }\n}\n\n/**\n * Creates a clip shape modifier that clips content to the specified shape\n */\nexport function clipShape(\n  shape: 'circle' | 'ellipse' | 'rect' | 'polygon',\n  parameters?: Record<string, any>\n): ClipShapeModifier {\n  return new ClipShapeModifier({ shape, parameters: parameters || {} })\n}\n","/**\n * Clipped Modifier\n *\n * SwiftUI-inspired modifier for clipping content to its bounds\n */\n\nimport { BaseModifier } from '../basic/base'\nimport type { ModifierContext } from '@tachui/core/modifiers/types'\nimport type { DOMNode } from '@tachui/core/runtime/types'\n\nexport interface ClippedOptions {\n  clipped: boolean\n}\n\nexport class ClippedModifier extends BaseModifier<ClippedOptions> {\n  readonly type = 'clipped'\n  readonly priority = 89\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const element = context.element as HTMLElement\n    if (!element.style) return\n\n    if (this.properties.clipped) {\n      element.style.overflow = 'hidden'\n    } else {\n      // Reset to default if explicitly set to false\n      element.style.overflow = ''\n    }\n\n    return undefined\n  }\n}\n\n/**\n * Creates a clipped modifier that clips content to its bounds\n */\nexport function clipped(enabled = true): ClippedModifier {\n  return new ClippedModifier({ clipped: enabled })\n}\n"],"names":["BackgroundModifier","BaseModifier","__publicField","_node","context","element","cssValue","background","BackgroundClipModifier","styles","props","backgroundColor","color","value","backgroundClip","backgroundImage","clip","gradientText","gradient","blueGradientText","rainbowGradientText","sunsetGradientText","oceanGradientText","goldGradientText","BorderModifier","resolvedSides","side","sideName","width","CornerRadiusModifier","radius","config","corners","corner","cssProperty","border","optionsOrWidth","style","borderTop","borderRight","borderBottom","borderLeft","borderLeading","borderTrailing","borderHorizontal","borderVertical","cornerRadius","ForegroundModifier","foregroundColor","foreground","ClipShapeModifier","shape","parameters","clipPath","radiusX","radiusY","points","clipShape","ClippedModifier","clipped","enabled"],"mappings":"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"}

package/dist/css-CJEXRr6H.js

@@ -1,124 +0,0 @@
-var a = Object.defineProperty;
-var d = (i, o, e) => o in i ? a(i, o, { enumerable: !0, configurable: !0, writable: !0, value: e }) : i[o] = e;
-var r = (i, o, e) => d(i, typeof o != "symbol" ? o + "" : o, e);
-import { B as f } from "./base-CkGf4b9G.js";
-class l extends f {
-  // Lower priority for utility properties
-  constructor(e) {
-    const t = {};
-    for (const [s, n] of Object.entries(e))
-      typeof n == "function" && "peek" in n ? t[s] = n.peek() : t[s] = n;
-    super(t);
-    r(this, "type", "utility");
-    r(this, "priority", 10);
-  }
-  apply(e, t) {
-    if (!t.element) return;
-    const s = this.computeUtilityStyles(this.properties);
-    this.applyStyles(t.element, s);
-  }
-  computeUtilityStyles(e) {
-    const t = {};
-    return e.cursor !== void 0 && (process.env.NODE_ENV === "development" && this.validateCursorValue(e.cursor), t.cursor = e.cursor), e.overflow !== void 0 && (t.overflow = e.overflow), e.overflowX !== void 0 && (t.overflowX = e.overflowX), e.overflowY !== void 0 && (t.overflowY = e.overflowY), e.position !== void 0 && (t.position = e.position), e.top !== void 0 && (t.top = this.toCSSValue(e.top)), e.right !== void 0 && (t.right = this.toCSSValue(e.right)), e.bottom !== void 0 && (t.bottom = this.toCSSValue(e.bottom)), e.left !== void 0 && (t.left = this.toCSSValue(e.left)), e.zIndex !== void 0 && (t.zIndex = e.zIndex.toString()), e.display !== void 0 && (t.display = e.display), e.visibility !== void 0 && (t.visibility = e.visibility), e.pointerEvents !== void 0 && (t.pointerEvents = e.pointerEvents), e.userSelect !== void 0 && (t.userSelect = e.userSelect), e.boxSizing !== void 0 && (t.boxSizing = e.boxSizing), e.objectFit !== void 0 && (t.objectFit = e.objectFit), e.objectPosition !== void 0 && (t.objectPosition = e.objectPosition), e.resize !== void 0 && (t.resize = e.resize), e.outline !== void 0 && (t.outline = e.outline), e.outlineOffset !== void 0 && (t.outlineOffset = this.toCSSValue(e.outlineOffset)), t;
-  }
-  validateCursorValue(e) {
-    ![
-      "auto",
-      "default",
-      "pointer",
-      "text",
-      "wait",
-      "help",
-      "not-allowed",
-      "none",
-      "grab",
-      "grabbing",
-      "zoom-in",
-      "zoom-out",
-      "alias",
-      "cell",
-      "copy"
-    ].includes(e) && !e.includes("url(") && console.warn(
-      `Unknown cursor value: "${e}". See documentation for valid cursor values.`
-    );
-  }
-}
-function S(i) {
-  return new l(i);
-}
-function w(i) {
-  return new l({ cursor: i });
-}
-function b(i) {
-  return new l({ overflowY: i });
-}
-function h(i) {
-  return new l({ overflowX: i });
-}
-function C(i) {
-  return new l({ display: i });
-}
-function m(i) {
-  return new l({ outline: i });
-}
-function z(i) {
-  return new l({ outlineOffset: i });
-}
-class u extends f {
-  // Very low priority so raw CSS doesn't override specific modifiers
-  constructor(e) {
-    const t = {};
-    for (const [s, n] of Object.entries(e))
-      typeof n == "function" && "peek" in n ? t[s] = n.peek() : t[s] = n;
-    super(t);
-    r(this, "type", "css");
-    r(this, "priority", 5);
-  }
-  apply(e, t) {
-    if (!t.element) return;
-    const s = this.computeCSSStyles(this.properties);
-    this.applyStyles(t.element, s);
-  }
-  computeCSSStyles(e) {
-    const t = {};
-    for (const [s, n] of Object.entries(e))
-      if (n !== void 0) {
-        const c = this.toCSSProperty(s);
-        t[c] = this.toCSSValue(n);
-      }
-    return t;
-  }
-}
-function g(i) {
-  return new u(i);
-}
-function O(i, o) {
-  return new u({ [i]: o });
-}
-function V(i, o) {
-  const e = i.startsWith("--") ? i : `--${i}`;
-  return new u({ [e]: o });
-}
-function j(i, o, e) {
-  const t = i.charAt(0).toUpperCase() + i.slice(1), s = `-${i.toLowerCase()}-${o}`, n = t + o.charAt(0).toUpperCase() + o.slice(1);
-  return new u({
-    [s]: e,
-    [n]: e
-  });
-}
-export {
-  u as C,
-  l as U,
-  h as a,
-  m as b,
-  w as c,
-  C as d,
-  z as e,
-  g as f,
-  O as g,
-  V as h,
-  j as i,
-  b as o,
-  S as u
-};
-//# sourceMappingURL=css-CJEXRr6H.js.map

package/dist/css-CJEXRr6H.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"css-CJEXRr6H.js","sources":["../src/utility/utility.ts","../src/utility/css.ts"],"sourcesContent":["/**\n * Utility Modifier - miscellaneous CSS properties\n *\n * Provides access to various CSS properties that don't fit\n * into other specific modifier categories.\n */\n\nimport type { DOMNode } from '@tachui/core/runtime/types'\nimport { BaseModifier } from '../basic/base'\nimport type {\n  ModifierContext,\n  ReactiveModifierProps,\n} from '@tachui/core/modifiers/types'\n\nexport interface UtilityOptions {\n  cursor?:\n    | 'auto'\n    | 'default'\n    | 'pointer'\n    | 'text'\n    | 'wait'\n    | 'help'\n    | 'not-allowed'\n    | 'none'\n    | 'grab'\n    | 'grabbing'\n    | 'zoom-in'\n    | 'zoom-out'\n    | 'alias'\n    | 'cell'\n    | 'copy'\n    | string // CSS cursor syntax: 'url(...), fallback'\n  overflow?: 'visible' | 'hidden' | 'scroll' | 'auto'\n  overflowX?: 'visible' | 'hidden' | 'scroll' | 'auto'\n  overflowY?: 'visible' | 'hidden' | 'scroll' | 'auto'\n  position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky'\n  top?: number | string\n  right?: number | string\n  bottom?: number | string\n  left?: number | string\n  zIndex?: number\n  display?:\n    | 'block'\n    | 'inline'\n    | 'inline-block'\n    | 'flex'\n    | 'inline-flex'\n    | 'grid'\n    | 'none'\n  visibility?: 'visible' | 'hidden' | 'collapse'\n  pointerEvents?: 'auto' | 'none'\n  userSelect?: 'auto' | 'none' | 'text' | 'all'\n  boxSizing?: 'content-box' | 'border-box'\n  objectFit?: 'fill' | 'contain' | 'cover' | 'none' | 'scale-down'\n  objectPosition?: string\n  resize?: 'none' | 'both' | 'horizontal' | 'vertical'\n  outline?: string\n  outlineOffset?: number | string\n}\n\nexport type ReactiveUtilityOptions = ReactiveModifierProps<UtilityOptions>\n\nexport class UtilityModifier extends BaseModifier<UtilityOptions> {\n  readonly type = 'utility'\n  readonly priority = 10 // Lower priority for utility properties\n\n  constructor(options: ReactiveUtilityOptions) {\n    // Convert reactive options to regular options for immediate use\n    const resolvedOptions: UtilityOptions = {}\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.computeUtilityStyles(this.properties)\n    this.applyStyles(context.element, styles)\n\n    return undefined\n  }\n\n  private computeUtilityStyles(props: UtilityOptions) {\n    const styles: Record<string, string> = {}\n\n    if (props.cursor !== undefined) {\n      // Validate cursor value in development mode\n      if (process.env.NODE_ENV === 'development') {\n        this.validateCursorValue(props.cursor)\n      }\n      styles.cursor = props.cursor\n    }\n    if (props.overflow !== undefined) {\n      styles.overflow = props.overflow\n    }\n    if (props.overflowX !== undefined) {\n      styles.overflowX = props.overflowX\n    }\n    if (props.overflowY !== undefined) {\n      styles.overflowY = props.overflowY\n    }\n    if (props.position !== undefined) {\n      styles.position = props.position\n    }\n    if (props.top !== undefined) {\n      styles.top = this.toCSSValue(props.top)\n    }\n    if (props.right !== undefined) {\n      styles.right = this.toCSSValue(props.right)\n    }\n    if (props.bottom !== undefined) {\n      styles.bottom = this.toCSSValue(props.bottom)\n    }\n    if (props.left !== undefined) {\n      styles.left = this.toCSSValue(props.left)\n    }\n    if (props.zIndex !== undefined) {\n      styles.zIndex = props.zIndex.toString()\n    }\n    if (props.display !== undefined) {\n      styles.display = props.display\n    }\n    if (props.visibility !== undefined) {\n      styles.visibility = props.visibility\n    }\n    if (props.pointerEvents !== undefined) {\n      styles.pointerEvents = props.pointerEvents\n    }\n    if (props.userSelect !== undefined) {\n      styles.userSelect = props.userSelect\n    }\n    if (props.boxSizing !== undefined) {\n      styles.boxSizing = props.boxSizing\n    }\n    if (props.objectFit !== undefined) {\n      styles.objectFit = props.objectFit\n    }\n    if (props.objectPosition !== undefined) {\n      styles.objectPosition = props.objectPosition\n    }\n    if (props.resize !== undefined) {\n      styles.resize = props.resize\n    }\n    if (props.outline !== undefined) {\n      styles.outline = props.outline\n    }\n    if (props.outlineOffset !== undefined) {\n      styles.outlineOffset = this.toCSSValue(props.outlineOffset)\n    }\n\n    return styles\n  }\n\n  private validateCursorValue(value: string): void {\n    const validCursors = [\n      'auto',\n      'default',\n      'pointer',\n      'text',\n      'wait',\n      'help',\n      'not-allowed',\n      'none',\n      'grab',\n      'grabbing',\n      'zoom-in',\n      'zoom-out',\n      'alias',\n      'cell',\n      'copy',\n    ]\n\n    if (!validCursors.includes(value) && !value.includes('url(')) {\n      console.warn(\n        `Unknown cursor value: \"${value}\". See documentation for valid cursor values.`\n      )\n    }\n  }\n}\n\n/**\n * Create a utility modifier with miscellaneous CSS properties\n */\nexport function utility(options: ReactiveUtilityOptions): UtilityModifier {\n  return new UtilityModifier(options)\n}\n\n/**\n * Convenience function for cursor\n */\nexport function cursor(value: UtilityOptions['cursor']): UtilityModifier {\n  return new UtilityModifier({ cursor: value })\n}\n\n/**\n * Convenience function for overflow-y\n */\nexport function overflowY(value: UtilityOptions['overflowY']): UtilityModifier {\n  return new UtilityModifier({ overflowY: value })\n}\n\n/**\n * Convenience function for overflow-x\n */\nexport function overflowX(value: UtilityOptions['overflowX']): UtilityModifier {\n  return new UtilityModifier({ overflowX: value })\n}\n\n// NOTE: position and zIndex functions are now provided by @tachui/modifiers/layout\n// with enhanced functionality. Use those instead of the utility versions.\n\n/**\n * Convenience function for display\n */\nexport function display(value: UtilityOptions['display']): UtilityModifier {\n  return new UtilityModifier({ display: value })\n}\n\n/**\n * Convenience function for outline\n */\nexport function outline(value: string): UtilityModifier {\n  return new UtilityModifier({ outline: value })\n}\n\n/**\n * Convenience function for outline-offset\n */\nexport function outlineOffset(value: number | string): UtilityModifier {\n  return new UtilityModifier({ outlineOffset: value })\n}\n","/**\n * CSS Modifier - raw CSS properties\n *\n * Provides an escape hatch for applying raw CSS properties\n * that may not have dedicated modifiers yet, or for experimental\n * CSS features.\n */\n\nimport type { DOMNode } from '@tachui/core/runtime/types'\nimport { BaseModifier } from '../basic/base'\nimport type {\n  ModifierContext,\n  ReactiveModifierProps,\n} from '@tachui/core/modifiers/types'\n\nexport interface CSSOptions {\n  [property: string]: string | number | undefined\n}\n\nexport type ReactiveCSSOptions = ReactiveModifierProps<CSSOptions>\n\nexport class CSSModifier extends BaseModifier<CSSOptions> {\n  readonly type = 'css'\n  readonly priority = 5 // Very low priority so raw CSS doesn't override specific modifiers\n\n  constructor(options: ReactiveCSSOptions) {\n    // Convert reactive options to regular options for immediate use\n    const resolvedOptions: CSSOptions = {}\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.computeCSSStyles(this.properties)\n    this.applyStyles(context.element, styles)\n\n    return undefined\n  }\n\n  private computeCSSStyles(props: CSSOptions) {\n    const styles: Record<string, string> = {}\n\n    for (const [property, value] of Object.entries(props)) {\n      if (value !== undefined) {\n        // Convert camelCase to kebab-case for CSS properties\n        const cssProperty = this.toCSSProperty(property)\n        styles[cssProperty] = this.toCSSValue(value)\n      }\n    }\n\n    return styles\n  }\n}\n\n/**\n * Create a CSS modifier with raw CSS properties\n *\n * @example\n * ```typescript\n * // Apply raw CSS properties\n * .css({\n *   backdropFilter: 'blur(10px)',\n *   maskImage: 'linear-gradient(to bottom, black, transparent)',\n *   scrollBehavior: 'smooth',\n *   containerType: 'inline-size'\n * })\n *\n * // Mix camelCase and kebab-case (both work)\n * .css({\n *   backgroundColor: 'red',        // camelCase (recommended)\n *   'background-color': 'red',     // kebab-case (also works)\n *   WebkitTransform: 'scale(1.1)', // vendor prefixes\n *   '--custom-property': '42px'    // CSS custom properties\n * })\n *\n * // Experimental CSS features\n * .css({\n *   aspectRatio: '16/9',\n *   scrollSnapType: 'y mandatory',\n *   containIntrinsicSize: '300px',\n *   accentColor: '#007AFF'\n * })\n * ```\n */\nexport function css(properties: ReactiveCSSOptions): CSSModifier {\n  return new CSSModifier(properties)\n}\n\n/**\n * Convenience function for setting a single CSS property\n *\n * @example\n * ```typescript\n * .cssProperty('backdrop-filter', 'blur(10px)')\n * .cssProperty('scrollBehavior', 'smooth')\n * .cssProperty('aspectRatio', '16/9')\n * ```\n */\nexport function cssProperty(\n  property: string,\n  value: string | number\n): CSSModifier {\n  return new CSSModifier({ [property]: value })\n}\n\n/**\n * Convenience function for CSS custom properties (CSS variables)\n *\n * @example\n * ```typescript\n * .cssVariable('primary-color', '#007AFF')\n * .cssVariable('spacing-unit', '8px')\n * .cssVariable('border-radius', '12px')\n * ```\n */\nexport function cssVariable(name: string, value: string | number): CSSModifier {\n  // Ensure the property starts with --\n  const propertyName = name.startsWith('--') ? name : `--${name}`\n  return new CSSModifier({ [propertyName]: value })\n}\n\n/**\n * Convenience function for vendor-prefixed properties\n *\n * @example\n * ```typescript\n * .cssVendor('webkit', 'transform', 'scale(1.1)')\n * .cssVendor('moz', 'user-select', 'none')\n * .cssVendor('ms', 'filter', 'blur(5px)')\n * ```\n */\nexport function cssVendor(\n  prefix: 'webkit' | 'moz' | 'ms' | 'o',\n  property: string,\n  value: string | number\n): CSSModifier {\n  // Convert to proper vendor prefix format\n  const capitalizedPrefix = prefix.charAt(0).toUpperCase() + prefix.slice(1)\n  const vendorProperty = `-${prefix.toLowerCase()}-${property}`\n  const camelCaseProperty =\n    capitalizedPrefix + property.charAt(0).toUpperCase() + property.slice(1)\n\n  return new CSSModifier({\n    [vendorProperty]: value,\n    [camelCaseProperty]: value,\n  })\n}\n"],"names":["UtilityModifier","BaseModifier","options","resolvedOptions","key","value","__publicField","_node","context","styles","props","utility","cursor","overflowY","overflowX","display","outline","outlineOffset","CSSModifier","property","cssProperty","css","properties","cssVariable","name","propertyName","cssVendor","prefix","capitalizedPrefix","vendorProperty","camelCaseProperty"],"mappings":"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"}

package/dist/font-3qM2Z97N.js

@@ -1,135 +0,0 @@
-var r = Object.defineProperty;
-var f = (t, i, e) => i in t ? r(t, i, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[i] = e;
-var o = (t, i, e) => f(t, typeof i != "symbol" ? i + "" : i, e);
-import { B as s } from "./base-CkGf4b9G.js";
-class a extends s {
-  constructor() {
-    super(...arguments);
-    o(this, "type", "typography");
-    o(this, "priority", 30);
-  }
-  apply(e, n) {
-    if (!n.element) return;
-    const l = this.computeTypographyStyles(this.properties);
-    this.applyStyles(n.element, l);
-  }
-  computeTypographyStyles(e) {
-    const n = {};
-    return e.size !== void 0 && (n.fontSize = this.toCSSValue(e.size)), e.weight !== void 0 && (n.fontWeight = String(e.weight)), e.family !== void 0 && (typeof e.family == "object" && e.family !== null && "resolve" in e.family ? n.fontFamily = e.family.resolve() : n.fontFamily = e.family), e.lineHeight !== void 0 && (n.lineHeight = typeof e.lineHeight == "number" ? e.lineHeight.toString() : e.lineHeight), e.letterSpacing !== void 0 && (n.letterSpacing = this.toCSSValue(e.letterSpacing)), e.wordSpacing !== void 0 && (n.wordSpacing = this.toCSSValue(e.wordSpacing)), e.align !== void 0 && (n.textAlign = e.align), e.transform !== void 0 && (n.textTransform = `${e.transform} !important`), e.decoration !== void 0 && (n.textDecoration = `${e.decoration} !important`), e.variant !== void 0 && (n.fontVariant = e.variant), e.style !== void 0 && (n.fontStyle = e.style), e.color !== void 0 && (typeof e.color == "object" && e.color !== null && "resolve" in e.color ? n.color = e.color.resolve() : n.color = e.color), e.textOverflow !== void 0 && (n.textOverflow = e.textOverflow), e.whiteSpace !== void 0 && (n.whiteSpace = e.whiteSpace), e.overflow !== void 0 && (n.overflow = e.overflow), n;
-  }
-  toCSSValue(e) {
-    return typeof e == "number" ? `${e}px` : e;
-  }
-}
-function y(t) {
-  return new a(t);
-}
-function h(t) {
-  return new a({ align: t });
-}
-function c(t) {
-  return new a({ transform: t });
-}
-function d(t) {
-  return new a({ decoration: t });
-}
-function m(t) {
-  return new a({ size: t });
-}
-function S(t) {
-  return new a({ weight: t });
-}
-function v(t) {
-  return new a({ lineHeight: t });
-}
-function z(t) {
-  return new a({ letterSpacing: t });
-}
-function x(t) {
-  return new a({ textOverflow: t });
-}
-function b(t) {
-  return new a({ whiteSpace: t });
-}
-function H(t) {
-  return new a({ overflow: t });
-}
-function T(t) {
-  return c(t);
-}
-function C(t) {
-  return new a({ family: t });
-}
-function F(t) {
-  return typeof t == "string" ? u(t) : new a({
-    family: t.family,
-    size: t.size,
-    weight: t.weight,
-    style: t.style
-  });
-}
-function u(t) {
-  const i = {
-    ".largeTitle": { size: 34, weight: 400 },
-    ".title": { size: 28, weight: 400 },
-    ".title2": { size: 22, weight: 400 },
-    ".title3": { size: 20, weight: 400 },
-    ".headline": { size: 17, weight: 600 },
-    ".subheadline": { size: 15, weight: 400 },
-    ".body": { size: 17, weight: 400 },
-    ".callout": { size: 16, weight: 400 },
-    ".footnote": { size: 13, weight: 400 },
-    ".caption": { size: 12, weight: 400 },
-    ".caption2": { size: 11, weight: 400 }
-  }, e = i[t];
-  return e ? new a(e) : new a(i[".body"]);
-}
-function O(t) {
-  let i;
-  switch (t.design) {
-    case "serif":
-      i = "ui-serif, Georgia, serif";
-      break;
-    case "rounded":
-      i = "ui-rounded, system-ui, -apple-system, sans-serif";
-      break;
-    case "monospaced":
-      i = "ui-monospace, SFMono-Regular, Consolas, monospace";
-      break;
-    default:
-      i = "system-ui, -apple-system, BlinkMacSystemFont, sans-serif";
-  }
-  return new a({
-    family: i,
-    size: t.size,
-    weight: t.weight
-  });
-}
-function k(t, i) {
-  return new a({
-    family: t,
-    size: i?.size,
-    weight: i?.weight,
-    style: i?.style
-  });
-}
-export {
-  a as T,
-  h as a,
-  c as b,
-  d as c,
-  S as d,
-  z as e,
-  m as f,
-  x as g,
-  T as h,
-  C as i,
-  F as j,
-  k,
-  v as l,
-  H as o,
-  O as s,
-  y as t,
-  b as w
-};
-//# sourceMappingURL=font-3qM2Z97N.js.map

package/dist/font-3qM2Z97N.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"font-3qM2Z97N.js","sources":["../src/typography/typography.ts","../src/typography/font.ts"],"sourcesContent":["/**\n * Typography Modifiers\n *\n * Comprehensive text styling modifiers\n */\n\nimport { BaseModifier } from '../basic/base'\nimport type { ModifierContext, FontWeight } from '@tachui/core/modifiers/types'\nimport type { DOMNode } from '@tachui/core/runtime/types'\n\n// Re-export FontWeight for convenience\nexport type { FontWeight }\n\nexport type TextAlign =\n  | 'left'\n  | 'center'\n  | 'right'\n  | 'justify'\n  | 'start'\n  | 'end'\nexport type TextTransform = 'none' | 'uppercase' | 'lowercase' | 'capitalize'\nexport type TextDecoration = 'none' | 'underline' | 'overline' | 'line-through'\nexport type FontVariant = 'normal' | 'small-caps'\nexport type FontStyle = 'normal' | 'italic' | 'oblique'\n\nexport interface TypographyOptions {\n  size?: number | string\n  weight?: FontWeight | number\n  family?: string | any\n  lineHeight?: number | string\n  letterSpacing?: number | string\n  wordSpacing?: number | string\n  align?: TextAlign\n  transform?: TextTransform\n  decoration?: TextDecoration\n  variant?: FontVariant\n  style?: FontStyle\n  color?: string\n  textOverflow?: 'clip' | 'ellipsis' | 'fade' | string\n  whiteSpace?:\n    | 'normal'\n    | 'nowrap'\n    | 'pre'\n    | 'pre-wrap'\n    | 'pre-line'\n    | 'break-spaces'\n  overflow?: 'visible' | 'hidden' | 'scroll' | 'auto'\n}\n\nexport class TypographyModifier extends BaseModifier<TypographyOptions> {\n  readonly type = 'typography'\n  readonly priority = 30\n\n  apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined {\n    if (!context.element) return\n\n    const styles = this.computeTypographyStyles(this.properties)\n    this.applyStyles(context.element, styles)\n\n    return undefined\n  }\n\n  private computeTypographyStyles(props: TypographyOptions) {\n    const styles: Record<string, string> = {}\n\n    if (props.size !== undefined) {\n      styles.fontSize = this.toCSSValue(props.size)\n    }\n    if (props.weight !== undefined) {\n      styles.fontWeight = String(props.weight)\n    }\n    if (props.family !== undefined) {\n      if (\n        typeof props.family === 'object' &&\n        props.family !== null &&\n        'resolve' in props.family\n      ) {\n        styles.fontFamily = props.family.resolve()\n      } else {\n        styles.fontFamily = props.family as string\n      }\n    }\n    if (props.lineHeight !== undefined) {\n      styles.lineHeight =\n        typeof props.lineHeight === 'number'\n          ? props.lineHeight.toString()\n          : props.lineHeight\n    }\n    if (props.letterSpacing !== undefined) {\n      styles.letterSpacing = this.toCSSValue(props.letterSpacing)\n    }\n    if (props.wordSpacing !== undefined) {\n      styles.wordSpacing = this.toCSSValue(props.wordSpacing)\n    }\n    if (props.align !== undefined) {\n      styles.textAlign = props.align\n    }\n    if (props.transform !== undefined) {\n      styles.textTransform = `${props.transform} !important`\n    }\n    if (props.decoration !== undefined) {\n      styles.textDecoration = `${props.decoration} !important`\n    }\n    if (props.variant !== undefined) {\n      styles.fontVariant = props.variant\n    }\n    if (props.style !== undefined) {\n      styles.fontStyle = props.style\n    }\n    if (props.color !== undefined) {\n      if (\n        typeof props.color === 'object' &&\n        props.color !== null &&\n        'resolve' in props.color\n      ) {\n        styles.color = (props.color as any).resolve()\n      } else {\n        styles.color = props.color as string\n      }\n    }\n    if (props.textOverflow !== undefined) {\n      styles.textOverflow = props.textOverflow\n    }\n    if (props.whiteSpace !== undefined) {\n      styles.whiteSpace = props.whiteSpace\n    }\n    if (props.overflow !== undefined) {\n      styles.overflow = props.overflow\n    }\n\n    return styles\n  }\n\n  protected toCSSValue(value: number | string): string {\n    return typeof value === 'number' ? `${value}px` : value\n  }\n}\n\nexport function typography(options: TypographyOptions): TypographyModifier {\n  return new TypographyModifier(options)\n}\n\nexport function textAlign(value: TextAlign): TypographyModifier {\n  return new TypographyModifier({ align: value })\n}\n\nexport function textTransform(value: TextTransform): TypographyModifier {\n  return new TypographyModifier({ transform: value })\n}\n\nexport function textDecoration(value: TextDecoration): TypographyModifier {\n  return new TypographyModifier({ decoration: value })\n}\n\nexport function fontSize(value: number | string): TypographyModifier {\n  return new TypographyModifier({ size: value })\n}\n\nexport function fontWeight(value: FontWeight | number): TypographyModifier {\n  return new TypographyModifier({ weight: value })\n}\n\nexport function lineHeight(value: number | string): TypographyModifier {\n  return new TypographyModifier({ lineHeight: value })\n}\n\nexport function letterSpacing(value: number | string): TypographyModifier {\n  return new TypographyModifier({ letterSpacing: value })\n}\n\nexport function textOverflow(\n  value: 'clip' | 'ellipsis' | 'fade' | string\n): TypographyModifier {\n  return new TypographyModifier({ textOverflow: value })\n}\n\nexport function whiteSpace(\n  value: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line' | 'break-spaces'\n): TypographyModifier {\n  return new TypographyModifier({ whiteSpace: value })\n}\n\nexport function overflow(\n  value: 'visible' | 'hidden' | 'scroll' | 'auto'\n): TypographyModifier {\n  return new TypographyModifier({ overflow: value })\n}\n\nexport function textCase(value: TextTransform): TypographyModifier {\n  return textTransform(value)\n}\n\nexport function fontFamily(value: string | any): TypographyModifier {\n  return new TypographyModifier({ family: value })\n}\n","/**\n * Font Modifiers\n *\n * SwiftUI-style font configuration modifiers\n */\n\nimport {\n  TypographyModifier,\n  type FontStyle,\n  type FontWeight,\n} from './typography'\n\nexport interface FontOptions {\n  family?: string | any\n  size?: number | string\n  weight?: FontWeight | any\n  style?: FontStyle\n}\n\nexport function font(options: FontOptions | string): TypographyModifier {\n  if (typeof options === 'string') {\n    return handleFontPreset(options)\n  }\n\n  return new TypographyModifier({\n    family: options.family,\n    size: options.size,\n    weight: options.weight,\n    style: options.style,\n  })\n}\n\nfunction handleFontPreset(preset: string): TypographyModifier {\n  const presets: Record<string, FontOptions> = {\n    '.largeTitle': { size: 34, weight: 400 },\n    '.title': { size: 28, weight: 400 },\n    '.title2': { size: 22, weight: 400 },\n    '.title3': { size: 20, weight: 400 },\n    '.headline': { size: 17, weight: 600 },\n    '.subheadline': { size: 15, weight: 400 },\n    '.body': { size: 17, weight: 400 },\n    '.callout': { size: 16, weight: 400 },\n    '.footnote': { size: 13, weight: 400 },\n    '.caption': { size: 12, weight: 400 },\n    '.caption2': { size: 11, weight: 400 },\n  }\n\n  const presetOptions = presets[preset]\n  if (!presetOptions) {\n    return new TypographyModifier(presets['.body'])\n  }\n\n  return new TypographyModifier(presetOptions)\n}\n\nexport function system(options: {\n  size?: number | string\n  weight?: FontWeight | any\n  design?: 'default' | 'serif' | 'rounded' | 'monospaced'\n}): TypographyModifier {\n  let family: string\n\n  switch (options.design) {\n    case 'serif':\n      family = 'ui-serif, Georgia, serif'\n      break\n    case 'rounded':\n      family = 'ui-rounded, system-ui, -apple-system, sans-serif'\n      break\n    case 'monospaced':\n      family = 'ui-monospace, SFMono-Regular, Consolas, monospace'\n      break\n    default:\n      family = 'system-ui, -apple-system, BlinkMacSystemFont, sans-serif'\n  }\n\n  return new TypographyModifier({\n    family,\n    size: options.size,\n    weight: options.weight,\n  })\n}\n\nexport function custom(\n  family: string | any,\n  options?: {\n    size?: number | string\n    weight?: FontWeight | any\n    style?: FontStyle\n  }\n): TypographyModifier {\n  return new TypographyModifier({\n    family,\n    size: options?.size,\n    weight: options?.weight,\n    style: options?.style,\n  })\n}\n"],"names":["TypographyModifier","BaseModifier","__publicField","_node","context","styles","props","value","typography","options","textAlign","textTransform","textDecoration","fontSize","fontWeight","lineHeight","letterSpacing","textOverflow","whiteSpace","overflow","textCase","fontFamily","font","handleFontPreset","preset","presets","presetOptions","system","family","custom"],"mappings":"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"}