@tachui/modifiers 0.8.0-alpha

package/dist/clipped-CCW8gJqJ.js

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

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

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

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

@@ -0,0 +1,109 @@
+/**
+ * Decorative Pseudo-element Modifiers
+ *
+ * Common decorative patterns using pseudo-elements for icons, lines, badges,
+ * tooltips, ribbons, and loading indicators.
+ */
+import { type PseudoElementStyles, PseudoElementModifier } from './pseudo-elements';
+/**
+ * Icon before content using a Unicode character
+ *
+ * @example
+ * ```typescript
+ * .iconBefore('★', { color: '#ffd700', marginRight: 8 })
+ * .iconBefore('→', { color: '#007AFF' })
+ * ```
+ */
+export declare function iconBefore(icon: string, styles?: Omit<PseudoElementStyles, 'content'>): PseudoElementModifier;
+/**
+ * Icon after content using a Unicode character
+ *
+ * @example
+ * ```typescript
+ * .iconAfter('→', { color: '#007AFF', marginLeft: 8 })
+ * .iconAfter('✓', { color: '#34c759' })
+ * ```
+ */
+export declare function iconAfter(icon: string, styles?: Omit<PseudoElementStyles, 'content'>): PseudoElementModifier;
+/**
+ * Decorative line before content
+ *
+ * @example
+ * ```typescript
+ * .lineBefore()                    // Default line
+ * .lineBefore('#007AFF', 2, 20)    // Blue line, 2px thick, 20px long
+ * ```
+ */
+export declare function lineBefore(color?: string, thickness?: number, length?: number): PseudoElementModifier;
+/**
+ * Decorative line after content
+ *
+ * @example
+ * ```typescript
+ * .lineAfter()                     // Default line
+ * .lineAfter('#007AFF', 2, 20)     // Blue line, 2px thick, 20px long
+ * ```
+ */
+export declare function lineAfter(color?: string, thickness?: number, length?: number): PseudoElementModifier;
+/**
+ * Quote marks around content
+ *
+ * @example
+ * ```typescript
+ * .quotes()                        // Default quotes (" ")
+ * .quotes('«', '»')               // Custom quote characters
+ * ```
+ */
+export declare function quotes(openQuote?: string, closeQuote?: string): PseudoElementModifier;
+/**
+ * Underline decoration using ::after
+ *
+ * @example
+ * ```typescript
+ * .underline()                     // Default underline
+ * .underline('#007AFF', 2, 0.2)    // Blue underline, 2px thick, 20% opacity
+ * ```
+ */
+export declare function underline(color?: string, thickness?: number, opacity?: number): PseudoElementModifier;
+/**
+ * Badge or notification dot using ::after
+ *
+ * @example
+ * ```typescript
+ * .badge()                         // Default red dot
+ * .badge('#007AFF', 8, '2')        // Blue badge with "2" text
+ * ```
+ */
+export declare function badge(color?: string, size?: number, text?: string): PseudoElementModifier;
+/**
+ * Tooltip using ::before with positioning
+ *
+ * @example
+ * ```typescript
+ * .tooltip('This is a tooltip')
+ * .tooltip('Custom tooltip', 'bottom', '#333')
+ * ```
+ */
+export declare function tooltip(text: string, position?: 'top' | 'bottom' | 'left' | 'right', backgroundColor?: string, textColor?: string): PseudoElementModifier;
+/**
+ * Corner ribbon using ::before
+ *
+ * @example
+ * ```typescript
+ * .cornerRibbon('New!')            // Default red ribbon
+ * .cornerRibbon('Sale', '#ff9500') // Orange sale ribbon
+ * ```
+ */
+export declare function cornerRibbon(text: string, color?: string, textColor?: string): PseudoElementModifier;
+/**
+ * Loading spinner using ::before with animation
+ *
+ * @example
+ * ```typescript
+ * .spinner()                       // Default spinner
+ * .spinner(16, '#007AFF', 2)       // Custom size, color, border width
+ * ```
+ */
+export declare function spinner(size?: number, color?: string, borderWidth?: number): PseudoElementModifier;
+export { PseudoElementModifier };
+//# sourceMappingURL=decorative.d.ts.map

package/dist/elements/decorative.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"decorative.d.ts","sourceRoot":"","sources":["../../src/elements/decorative.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAGL,KAAK,mBAAmB,EACxB,qBAAqB,EACtB,MAAM,mBAAmB,CAAA;AAM1B;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CACxB,IAAI,EAAE,MAAM,EACZ,MAAM,GAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAM,GAChD,qBAAqB,CAMvB;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CACvB,IAAI,EAAE,MAAM,EACZ,MAAM,GAAE,IAAI,CAAC,mBAAmB,EAAE,SAAS,CAAM,GAChD,qBAAqB,CAMvB;AAMD;;;;;;;;GAQG;AACH,wBAAgB,UAAU,CACxB,KAAK,GAAE,MAAe,EACtB,SAAS,GAAE,MAAU,EACrB,MAAM,GAAE,MAAW,GAClB,qBAAqB,CAUvB;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CACvB,KAAK,GAAE,MAAe,EACtB,SAAS,GAAE,MAAU,EACrB,MAAM,GAAE,MAAW,GAClB,qBAAqB,CAUvB;AAMD;;;;;;;;GAQG;AACH,wBAAgB,MAAM,CACpB,SAAS,GAAE,MAAY,EACvB,UAAU,GAAE,MAAY,GACvB,qBAAqB,CAevB;AAED;;;;;;;;GAQG;AACH,wBAAgB,SAAS,CACvB,KAAK,GAAE,MAAuB,EAC9B,SAAS,GAAE,MAAU,EACrB,OAAO,GAAE,MAAU,GAClB,qBAAqB,CAWvB;AAMD;;;;;;;;GAQG;AACH,wBAAgB,KAAK,CACnB,KAAK,GAAE,MAAkB,EACzB,IAAI,GAAE,MAAU,EAChB,IAAI,GAAE,MAAW,GAChB,qBAAqB,CAoBvB;AAED;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CACrB,IAAI,EAAE,MAAM,EACZ,QAAQ,GAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAe,EACrD,eAAe,GAAE,MAAe,EAChC,SAAS,GAAE,MAAgB,GAC1B,qBAAqB,CA2CvB;AAED;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAC1B,IAAI,EAAE,MAAM,EACZ,KAAK,GAAE,MAAkB,EACzB,SAAS,GAAE,MAAgB,GAC1B,qBAAqB,CAgBvB;AAED;;;;;;;;GAQG;AACH,wBAAgB,OAAO,CACrB,IAAI,GAAE,MAAW,EACjB,KAAK,GAAE,MAAkB,EACzB,WAAW,GAAE,MAAU,GACtB,qBAAqB,CAwBvB;AAGD,OAAO,EAAE,qBAAqB,EAAE,CAAA"}

package/dist/elements/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Pseudo-element Modifiers - ::before and ::after styling
+ */
+export * from './pseudo-elements';
+export * from './decorative';
+//# sourceMappingURL=index.d.ts.map

package/dist/elements/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/elements/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,cAAc,mBAAmB,CAAA;AACjC,cAAc,cAAc,CAAA"}