@tachui/modifiers 0.8.0-alpha

package/dist/elements/pseudo-elements.d.ts

@@ -0,0 +1,145 @@
+/**
+ * Pseudo-element Modifiers - ::before and ::after styling
+ *
+ * Provides comprehensive pseudo-element support for ::before and ::after
+ * with dynamic stylesheet generation and flexible styling options.
+ */
+import type { DOMNode } from '@tachui/core/runtime/types';
+import { BaseModifier } from '../base';
+import type { ModifierContext } from '@tachui/core/modifiers/types';
+export interface PseudoElementStyles {
+    content?: string;
+    position?: 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';
+    top?: number | string;
+    right?: number | string;
+    bottom?: number | string;
+    left?: number | string;
+    width?: number | string;
+    height?: number | string;
+    backgroundColor?: string;
+    color?: string;
+    fontSize?: number | string;
+    fontWeight?: string | number;
+    fontFamily?: string;
+    lineHeight?: number | string;
+    textAlign?: 'left' | 'center' | 'right' | 'justify';
+    margin?: number | string;
+    marginTop?: number | string;
+    marginRight?: number | string;
+    marginBottom?: number | string;
+    marginLeft?: number | string;
+    padding?: number | string;
+    paddingTop?: number | string;
+    paddingRight?: number | string;
+    paddingBottom?: number | string;
+    paddingLeft?: number | string;
+    border?: string;
+    borderTop?: string;
+    borderRight?: string;
+    borderBottom?: string;
+    borderLeft?: string;
+    borderRadius?: number | string;
+    borderWidth?: number | string;
+    borderStyle?: string;
+    borderColor?: string;
+    boxShadow?: string;
+    textShadow?: string;
+    opacity?: number;
+    transform?: string;
+    transformOrigin?: string;
+    zIndex?: number;
+    display?: string;
+    flexDirection?: string;
+    flexWrap?: string;
+    alignItems?: string;
+    justifyContent?: string;
+    alignSelf?: string;
+    flex?: string;
+    flexGrow?: number;
+    flexShrink?: number;
+    flexBasis?: string;
+    order?: number;
+    overflow?: 'visible' | 'hidden' | 'scroll' | 'auto';
+    overflowX?: 'visible' | 'hidden' | 'scroll' | 'auto';
+    overflowY?: 'visible' | 'hidden' | 'scroll' | 'auto';
+    whiteSpace?: 'normal' | 'nowrap' | 'pre' | 'pre-wrap' | 'pre-line';
+    textOverflow?: 'clip' | 'ellipsis';
+    cursor?: string;
+    pointerEvents?: 'auto' | 'none';
+    visibility?: 'visible' | 'hidden';
+    backgroundImage?: string;
+    backgroundSize?: string;
+    backgroundPosition?: string;
+    backgroundRepeat?: string;
+    filter?: string;
+    backdropFilter?: string;
+    transition?: string;
+    animation?: string;
+    textTransform?: 'none' | 'capitalize' | 'uppercase' | 'lowercase';
+    verticalAlign?: string;
+    minWidth?: number | string;
+    minHeight?: number | string;
+    maxWidth?: number | string;
+    maxHeight?: number | string;
+    [key: string]: any;
+}
+export interface PseudoElementOptions {
+    before?: PseudoElementStyles;
+    after?: PseudoElementStyles;
+}
+export declare class PseudoElementModifier extends BaseModifier<PseudoElementOptions> {
+    readonly type = "pseudoElement";
+    readonly priority = 50;
+    private static styleSheetId;
+    private static elementCount;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private addPseudoElementRule;
+    private generatePseudoElementCSS;
+    private formatCSSValue;
+    private getOrCreateStyleSheet;
+    protected toCSSProperty(prop: string): string;
+}
+/**
+ * ::before pseudo-element modifier
+ *
+ * @example
+ * ```typescript
+ * .before({
+ *   content: '★',
+ *   position: 'absolute',
+ *   left: -20,
+ *   color: '#ffd700'
+ * })
+ * ```
+ */
+export declare function before(styles: PseudoElementStyles): PseudoElementModifier;
+/**
+ * ::after pseudo-element modifier
+ *
+ * @example
+ * ```typescript
+ * .after({
+ *   content: '',
+ *   position: 'absolute',
+ *   bottom: 0,
+ *   left: 0,
+ *   right: 0,
+ *   height: 2,
+ *   backgroundColor: '#007AFF'
+ * })
+ * ```
+ */
+export declare function after(styles: PseudoElementStyles): PseudoElementModifier;
+/**
+ * Both ::before and ::after pseudo-elements
+ *
+ * @example
+ * ```typescript
+ * .pseudoElements({
+ *   before: { content: '"', fontSize: 24, color: '#666' },
+ *   after: { content: '"', fontSize: 24, color: '#666' }
+ * })
+ * ```
+ */
+export declare function pseudoElements(options: PseudoElementOptions): PseudoElementModifier;
+//# sourceMappingURL=pseudo-elements.d.ts.map

package/dist/elements/pseudo-elements.d.ts.map

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

package/dist/font-3qM2Z97N.js

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

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

package/dist/index.d.ts

@@ -0,0 +1,20 @@
+/**
+ * TachUI Modifiers - Styling System
+ *
+ * Comprehensive modifier system for declarative styling and behavior modification
+ *
+ * Auto-registers all modifiers with the global registry when imported.
+ */
+export * from './basic/base';
+export type { Modifier, ModifierContext, ModifierBuilder, ModifierRegistry, ReactiveModifierProps, CSSStyleProperties, ModifierApplicationOptions, } from '@tachui/core/modifiers/types';
+export { ModifierPriority } from '@tachui/core/modifiers/types';
+export * from './basic';
+export * from './layout';
+export * from './utility';
+export * from './appearance';
+export * from './typography';
+export * from './interaction';
+export * from './responsive';
+export * from './elements';
+export * from './attributes';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAKH,cAAc,cAAc,CAAA;AAC5B,YAAY,EACV,QAAQ,EACR,eAAe,EACf,eAAe,EACf,gBAAgB,EAChB,qBAAqB,EACrB,kBAAkB,EAClB,0BAA0B,GAC3B,MAAM,8BAA8B,CAAA;AACrC,OAAO,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAA;AAG/D,cAAc,SAAS,CAAA;AAGvB,cAAc,UAAU,CAAA;AAGxB,cAAc,WAAW,CAAA;AAGzB,cAAc,cAAc,CAAA;AAG5B,cAAc,cAAc,CAAA;AAG5B,cAAc,eAAe,CAAA;AAG7B,cAAc,cAAc,CAAA;AAG5B,cAAc,YAAY,CAAA;AAG1B,cAAc,cAAc,CAAA"}