@tachui/modifiers 0.8.0-alpha

package/dist/appearance/border.d.ts

@@ -0,0 +1,78 @@
+/**
+ * Border Modifiers
+ *
+ * Comprehensive border styling with radius support
+ */
+import { BaseModifier } from '../basic/base';
+import type { ModifierContext } from '@tachui/core/modifiers/types';
+import type { DOMNode } from '@tachui/core/runtime/types';
+export type BorderStyle = 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset';
+export interface BorderSide {
+    width?: number | string;
+    color?: string;
+    style?: BorderStyle;
+}
+export interface BorderOptions {
+    top?: BorderSide;
+    right?: BorderSide;
+    bottom?: BorderSide;
+    left?: BorderSide;
+    all?: BorderSide;
+    leading?: BorderSide;
+    trailing?: BorderSide;
+    horizontal?: BorderSide;
+    vertical?: BorderSide;
+    width?: number | string;
+    color?: string;
+    style?: BorderStyle;
+}
+export declare class BorderModifier extends BaseModifier<BorderOptions> {
+    readonly type = "border";
+    readonly priority = 40;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private computeBorderStyles;
+    private resolveBorderSides;
+    private applySideBorder;
+    private formatBorderWidth;
+}
+export type CornerRadiusValue = number | string;
+export interface CornerRadiusConfig {
+    topLeft?: CornerRadiusValue;
+    topRight?: CornerRadiusValue;
+    bottomLeft?: CornerRadiusValue;
+    bottomRight?: CornerRadiusValue;
+    topLeading?: CornerRadiusValue;
+    topTrailing?: CornerRadiusValue;
+    bottomLeading?: CornerRadiusValue;
+    bottomTrailing?: CornerRadiusValue;
+    top?: CornerRadiusValue;
+    bottom?: CornerRadiusValue;
+    left?: CornerRadiusValue;
+    right?: CornerRadiusValue;
+}
+export interface CornerRadiusOptions {
+    radius: number | string | CornerRadiusConfig;
+}
+export declare class CornerRadiusModifier extends BaseModifier<CornerRadiusOptions> {
+    readonly type = "cornerRadius";
+    readonly priority = 35;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private computeCornerRadiusStyles;
+    private generateCornerRadiusCSS;
+    private cornerToCSSProperty;
+    private resolveCornerValues;
+    private formatRadius;
+}
+export declare function border(options: BorderOptions): BorderModifier;
+export declare function border(width: number | string, color?: string, style?: BorderStyle): BorderModifier;
+export declare function borderTop(width: number | string, color: string, style?: BorderStyle): BorderModifier;
+export declare function borderRight(width: number | string, color: string, style?: BorderStyle): BorderModifier;
+export declare function borderBottom(width: number | string, color: string, style?: BorderStyle): BorderModifier;
+export declare function borderLeft(width: number | string, color: string, style?: BorderStyle): BorderModifier;
+export declare function borderLeading(width: number | string, color: string, style?: BorderStyle): BorderModifier;
+export declare function borderTrailing(width: number | string, color: string, style?: BorderStyle): BorderModifier;
+export declare function borderHorizontal(width: number | string, color: string, style?: BorderStyle): BorderModifier;
+export declare function borderVertical(width: number | string, color: string, style?: BorderStyle): BorderModifier;
+export declare function cornerRadius(value: number | string): CornerRadiusModifier;
+export declare function cornerRadius(config: CornerRadiusConfig): CornerRadiusModifier;
+//# sourceMappingURL=border.d.ts.map

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

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

package/dist/appearance/clip-shape.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Clip Shape Modifier
+ *
+ * SwiftUI-inspired modifier for clipping content to various shapes
+ */
+import { BaseModifier } from '../basic/base';
+import type { ModifierContext } from '@tachui/core/modifiers/types';
+import type { DOMNode } from '@tachui/core/runtime/types';
+export interface ClipShapeOptions {
+    shape: 'circle' | 'ellipse' | 'rect' | 'polygon';
+    parameters?: Record<string, any>;
+}
+export declare class ClipShapeModifier extends BaseModifier<ClipShapeOptions> {
+    readonly type = "clip-shape";
+    readonly priority = 90;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private generateClipPath;
+}
+/**
+ * Creates a clip shape modifier that clips content to the specified shape
+ */
+export declare function clipShape(shape: 'circle' | 'ellipse' | 'rect' | 'polygon', parameters?: Record<string, any>): ClipShapeModifier;
+//# sourceMappingURL=clip-shape.d.ts.map

package/dist/appearance/clip-shape.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clip-shape.d.ts","sourceRoot":"","sources":["../../src/appearance/clip-shape.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEzD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,CAAA;IAChD,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CACjC;AAED,qBAAa,iBAAkB,SAAQ,YAAY,CAAC,gBAAgB,CAAC;IACnE,QAAQ,CAAC,IAAI,gBAAe;IAC5B,QAAQ,CAAC,QAAQ,MAAK;IAEtB,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,GAAG,SAAS;IAepE,OAAO,CAAC,gBAAgB;CA6BzB;AAED;;GAEG;AACH,wBAAgB,SAAS,CACvB,KAAK,EAAE,QAAQ,GAAG,SAAS,GAAG,MAAM,GAAG,SAAS,EAChD,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,GAC/B,iBAAiB,CAEnB"}

package/dist/appearance/clipped.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Clipped Modifier
+ *
+ * SwiftUI-inspired modifier for clipping content to its bounds
+ */
+import { BaseModifier } from '../basic/base';
+import type { ModifierContext } from '@tachui/core/modifiers/types';
+import type { DOMNode } from '@tachui/core/runtime/types';
+export interface ClippedOptions {
+    clipped: boolean;
+}
+export declare class ClippedModifier extends BaseModifier<ClippedOptions> {
+    readonly type = "clipped";
+    readonly priority = 89;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+}
+/**
+ * Creates a clipped modifier that clips content to its bounds
+ */
+export declare function clipped(enabled?: boolean): ClippedModifier;
+//# sourceMappingURL=clipped.d.ts.map

package/dist/appearance/clipped.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"clipped.d.ts","sourceRoot":"","sources":["../../src/appearance/clipped.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEzD,MAAM,WAAW,cAAc;IAC7B,OAAO,EAAE,OAAO,CAAA;CACjB;AAED,qBAAa,eAAgB,SAAQ,YAAY,CAAC,cAAc,CAAC;IAC/D,QAAQ,CAAC,IAAI,aAAY;IACzB,QAAQ,CAAC,QAAQ,MAAK;IAEtB,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,GAAG,SAAS;CAerE;AAED;;GAEG;AACH,wBAAgB,OAAO,CAAC,OAAO,UAAO,GAAG,eAAe,CAEvD"}

package/dist/appearance/foreground.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Foreground Modifiers
+ *
+ * Text color and foreground styling modifiers
+ */
+import { BaseModifier } from '../basic/base';
+import type { ModifierContext } from '@tachui/core/modifiers/types';
+import type { DOMNode } from '@tachui/core/runtime/types';
+export interface ForegroundOptions {
+    color: string;
+}
+export declare class ForegroundModifier extends BaseModifier<ForegroundOptions> {
+    readonly type = "foreground";
+    readonly priority = 90;
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+}
+export declare function foregroundColor(color: string): ForegroundModifier;
+export declare function foreground(color: string): ForegroundModifier;
+//# sourceMappingURL=foreground.d.ts.map

package/dist/appearance/foreground.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"foreground.d.ts","sourceRoot":"","sources":["../../src/appearance/foreground.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EAAE,YAAY,EAAE,MAAM,eAAe,CAAA;AAC5C,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAA;AACnE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAA;AAEzD,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;CACd;AAED,qBAAa,kBAAmB,SAAQ,YAAY,CAAC,iBAAiB,CAAC;IACrE,QAAQ,CAAC,IAAI,gBAAe;IAC5B,QAAQ,CAAC,QAAQ,MAAK;IAEtB,KAAK,CAAC,KAAK,EAAE,OAAO,EAAE,OAAO,EAAE,eAAe,GAAG,OAAO,GAAG,SAAS;CAQrE;AAED,wBAAgB,eAAe,CAAC,KAAK,EAAE,MAAM,GAAG,kBAAkB,CAEjE;AAED,wBAAgB,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,kBAAkB,CAE5D"}

package/dist/appearance/index.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Appearance Modifiers
+ *
+ * Visual styling modifiers for colors, backgrounds, borders, and foreground
+ */
+export * from './background';
+export * from './border';
+export * from './foreground';
+export * from './clip-shape';
+export * from './clipped';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/appearance/index.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAGH,cAAc,cAAc,CAAA;AAG5B,cAAc,UAAU,CAAA;AAGxB,cAAc,cAAc,CAAA;AAG5B,cAAc,cAAc,CAAA;AAC5B,cAAc,WAAW,CAAA"}

package/dist/appearance/index.js

@@ -0,0 +1,34 @@
+import { a as e, B as o, h as d, x as i, z as s, C as n, F as t, c as b, d as g, b as l, e as p, i as u, l as f, q as c, n as x, m as C, k as T, j as M, p as k, t as B, y as G, A as h, u as m, w as R, v as w, f as z, g as F, o as L, r as S, s as j } from "../clipped-CCW8gJqJ.js";
+export {
+  e as BackgroundClipModifier,
+  o as BackgroundModifier,
+  d as BorderModifier,
+  i as ClipShapeModifier,
+  s as ClippedModifier,
+  n as CornerRadiusModifier,
+  t as ForegroundModifier,
+  b as background,
+  g as backgroundClip,
+  l as backgroundColor,
+  p as blueGradientText,
+  u as border,
+  f as borderBottom,
+  c as borderHorizontal,
+  x as borderLeading,
+  C as borderLeft,
+  T as borderRight,
+  M as borderTop,
+  k as borderTrailing,
+  B as borderVertical,
+  G as clipShape,
+  h as clipped,
+  m as cornerRadius,
+  R as foreground,
+  w as foregroundColor,
+  z as goldGradientText,
+  F as gradientText,
+  L as oceanGradientText,
+  S as rainbowGradientText,
+  j as sunsetGradientText
+};
+//# sourceMappingURL=index.js.map

package/dist/appearance/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/attributes/aria.d.ts

@@ -0,0 +1,101 @@
+/**
+ * ARIA Attributes Modifier - Best-in-class accessibility attribute management
+ *
+ * Comprehensive ARIA (Accessible Rich Internet Applications) attributes with
+ * full type safety, validation, and development warnings for accessibility compliance.
+ */
+import type { DOMNode } from '@tachui/core/runtime/types';
+import { BaseModifier } from '../basic/base';
+import type { ModifierContext, ReactiveModifierProps } from '@tachui/core/modifiers/types';
+export interface AriaAttributes {
+    label?: string;
+    labelledby?: string;
+    labeledby?: string;
+    describedby?: string;
+    expanded?: boolean;
+    hidden?: boolean;
+    live?: 'off' | 'polite' | 'assertive';
+    atomic?: boolean;
+    busy?: boolean;
+    controls?: string;
+    current?: boolean | 'page' | 'step' | 'location' | 'date' | 'time';
+    disabled?: boolean;
+    grabbed?: boolean | 'true' | 'false';
+    haspopup?: boolean | 'false' | 'true' | 'menu' | 'listbox' | 'tree' | 'grid' | 'dialog';
+    invalid?: boolean | 'false' | 'true' | 'grammar' | 'spelling';
+    level?: number;
+    multiline?: boolean;
+    multiselectable?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+    owns?: string;
+    placeholder?: string;
+    posinset?: number;
+    pressed?: boolean | 'true' | 'false' | 'mixed';
+    readonly?: boolean;
+    relevant?: 'additions' | 'removals' | 'text' | 'all' | string;
+    required?: boolean;
+    selected?: boolean;
+    setsize?: number;
+    sort?: 'none' | 'ascending' | 'descending' | 'other';
+    valuemax?: number;
+    valuemin?: number;
+    valuenow?: number;
+    valuetext?: string;
+    role?: string;
+    [key: string]: string | number | boolean | undefined;
+}
+export interface AriaOptions {
+    aria: AriaAttributes;
+}
+export type ReactiveAriaOptions = ReactiveModifierProps<AriaOptions>;
+export declare class AriaModifier extends BaseModifier<AriaOptions> {
+    readonly type = "aria";
+    readonly priority = 90;
+    private static readonly KNOWN_ATTRIBUTES;
+    constructor(options: ReactiveAriaOptions);
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private formatAriaAttributeName;
+    private formatAriaAttributeValue;
+    private validateAriaAttributes;
+    private validateSpecificAriaAttribute;
+    private suggestCorrection;
+}
+/**
+ * ARIA attributes modifier for accessibility compliance
+ *
+ * @example
+ * ```typescript
+ * import { aria } from '@tachui/modifiers'
+ *
+ * // Basic accessibility attributes
+ * element.apply(aria({
+ *   label: 'Close dialog',
+ *   role: 'button',
+ *   expanded: false
+ * }))
+ *
+ * // Form accessibility
+ * element.apply(aria({
+ *   required: true,
+ *   invalid: false,
+ *   describedby: 'error-message'
+ * }))
+ *
+ * // Complex widget accessibility
+ * element.apply(aria({
+ *   role: 'tab',
+ *   selected: true,
+ *   controls: 'panel-1',
+ *   labelledby: 'tab-label-1'
+ * }))
+ *
+ * // Live region for dynamic content
+ * element.apply(aria({
+ *   live: 'polite',
+ *   atomic: true,
+ *   relevant: 'additions text'
+ * }))
+ * ```
+ */
+export declare function aria(attributes: AriaAttributes): AriaModifier;
+//# sourceMappingURL=aria.d.ts.map

package/dist/attributes/aria.d.ts.map

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

package/dist/attributes/css-properties.d.ts

@@ -0,0 +1,229 @@
+/**
+ * CSS Custom Properties Modifier - Best-in-class CSS variable management
+ *
+ * Comprehensive CSS custom properties (CSS variables) with full type safety,
+ * scoping control, theme integration, and design system token support.
+ */
+import type { DOMNode } from '@tachui/core/runtime/types';
+import { BaseModifier } from '../basic/base';
+import type { ModifierContext, ReactiveModifierProps } from '@tachui/core/modifiers/types';
+export type CSSPropertyValue = string | number;
+export type CSSPropertiesMap = Record<string, CSSPropertyValue>;
+export interface CustomPropertiesOptions {
+    properties: CSSPropertiesMap;
+    scope?: 'local' | 'global' | 'root';
+}
+export type ReactiveCustomPropertiesOptions = ReactiveModifierProps<CustomPropertiesOptions>;
+export declare class CustomPropertiesModifier extends BaseModifier<CustomPropertiesOptions> {
+    readonly type = "customProperties";
+    readonly priority = 5;
+    constructor(options: ReactiveCustomPropertiesOptions);
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private computeCustomPropertyStyles;
+    private formatPropertyValue;
+}
+/**
+ * CSS custom properties modifier for creating CSS variables
+ *
+ * @example
+ * ```typescript
+ * import { customProperties } from '@tachui/modifiers'
+ *
+ * // Local CSS variables
+ * element.apply(customProperties({
+ *   properties: {
+ *     'primary-color': '#007AFF',
+ *     'font-size': 16,
+ *     '--custom-spacing': '1rem'  // Already prefixed
+ *   },
+ *   scope: 'local'
+ * }))
+ *
+ * // Global CSS variables
+ * element.apply(customProperties({
+ *   properties: {
+ *     'app-background': '#ffffff',
+ *     'app-foreground': '#000000'
+ *   },
+ *   scope: 'global'
+ * }))
+ * ```
+ */
+export declare function customProperties(options: CustomPropertiesOptions): CustomPropertiesModifier;
+/**
+ * Single CSS custom property modifier for individual variables
+ *
+ * @example
+ * ```typescript
+ * import { customProperty } from '@tachui/modifiers'
+ *
+ * // Single CSS variable
+ * element.apply(customProperty('primary-color', '#007AFF'))
+ *
+ * // Already prefixed variable
+ * element.apply(customProperty('--font-size', 16))
+ *
+ * // Global scope
+ * element.apply(customProperty('theme-background', '#f0f0f0', 'global'))
+ * ```
+ */
+export declare function customProperty(name: string, value: CSSPropertyValue, scope?: 'local' | 'global' | 'root'): CustomPropertiesModifier;
+/**
+ * CSS variables modifier - convenient alias for customProperties
+ *
+ * @example
+ * ```typescript
+ * import { cssVariables } from '@tachui/modifiers'
+ *
+ * // Multiple CSS variables
+ * element.apply(cssVariables({
+ *   'primary': '#007AFF',
+ *   'secondary': '#34C759',
+ *   'spacing': 16,
+ *   'border-radius': '8px'
+ * }))
+ * ```
+ */
+export declare function cssVariables(variables: CSSPropertiesMap): CustomPropertiesModifier;
+export interface ThemeColorPalette {
+    primary?: string;
+    secondary?: string;
+    accent?: string;
+    background?: string;
+    surface?: string;
+    text?: string;
+    textSecondary?: string;
+    border?: string;
+    error?: string;
+    warning?: string;
+    success?: string;
+    info?: string;
+    [key: string]: string | undefined;
+}
+/**
+ * Theme colors as CSS custom properties with semantic naming
+ *
+ * @example
+ * ```typescript
+ * import { themeColors } from '@tachui/modifiers'
+ *
+ * // Semantic theme colors
+ * element.apply(themeColors({
+ *   primary: '#007AFF',
+ *   secondary: '#34C759',
+ *   accent: '#FF9500',
+ *   background: '#FFFFFF',
+ *   surface: '#F2F2F7',
+ *   text: '#000000',
+ *   textSecondary: '#6D6D80',
+ *   border: '#D1D1D6',
+ *   error: '#FF3B30',
+ *   warning: '#FF9500',
+ *   success: '#34C759',
+ *   info: '#007AFF'
+ * }))
+ *
+ * // Custom theme colors
+ * element.apply(themeColors({
+ *   brandPrimary: '#6366F1',
+ *   brandSecondary: '#EC4899',
+ *   neutralLight: '#F8FAFC',
+ *   neutralDark: '#0F172A'
+ * }))
+ * ```
+ */
+export declare function themeColors(colors: ThemeColorPalette): CustomPropertiesModifier;
+export interface DesignTokens {
+    'spacing-xs'?: number | string;
+    'spacing-sm'?: number | string;
+    'spacing-md'?: number | string;
+    'spacing-lg'?: number | string;
+    'spacing-xl'?: number | string;
+    'spacing-2xl'?: number | string;
+    'font-size-xs'?: number | string;
+    'font-size-sm'?: number | string;
+    'font-size-base'?: number | string;
+    'font-size-lg'?: number | string;
+    'font-size-xl'?: number | string;
+    'font-size-2xl'?: number | string;
+    'font-size-3xl'?: number | string;
+    'font-weight-light'?: number;
+    'font-weight-normal'?: number;
+    'font-weight-medium'?: number;
+    'font-weight-semibold'?: number;
+    'font-weight-bold'?: number;
+    'line-height-tight'?: number | string;
+    'line-height-normal'?: number | string;
+    'line-height-relaxed'?: number | string;
+    'line-height-loose'?: number | string;
+    'radius-none'?: number | string;
+    'radius-sm'?: number | string;
+    'radius-md'?: number | string;
+    'radius-lg'?: number | string;
+    'radius-full'?: string;
+    'shadow-sm'?: string;
+    'shadow-md'?: string;
+    'shadow-lg'?: string;
+    'shadow-xl'?: string;
+    'duration-fast'?: string;
+    'duration-normal'?: string;
+    'duration-slow'?: string;
+    [key: string]: string | number | undefined;
+}
+/**
+ * Design tokens as CSS custom properties for design system consistency
+ *
+ * @example
+ * ```typescript
+ * import { designTokens } from '@tachui/modifiers'
+ *
+ * // Spacing design tokens
+ * element.apply(designTokens({
+ *   'spacing-xs': 4,
+ *   'spacing-sm': 8,
+ *   'spacing-md': 16,
+ *   'spacing-lg': 24,
+ *   'spacing-xl': 32,
+ *   'spacing-2xl': 48
+ * }))
+ *
+ * // Typography design tokens
+ * element.apply(designTokens({
+ *   'font-size-sm': 14,
+ *   'font-size-base': 16,
+ *   'font-size-lg': 18,
+ *   'font-size-xl': 20,
+ *   'font-weight-normal': 400,
+ *   'font-weight-medium': 500,
+ *   'font-weight-bold': 700,
+ *   'line-height-tight': 1.2,
+ *   'line-height-normal': 1.5,
+ *   'line-height-relaxed': 1.75
+ * }))
+ *
+ * // Border and effects tokens
+ * element.apply(designTokens({
+ *   'radius-sm': 4,
+ *   'radius-md': 8,
+ *   'radius-lg': 12,
+ *   'radius-full': '50%',
+ *   'shadow-sm': '0 1px 2px rgba(0, 0, 0, 0.05)',
+ *   'shadow-md': '0 4px 6px rgba(0, 0, 0, 0.1)',
+ *   'shadow-lg': '0 10px 15px rgba(0, 0, 0, 0.1)',
+ *   'duration-fast': '150ms',
+ *   'duration-normal': '300ms',
+ *   'duration-slow': '500ms'
+ * }))
+ *
+ * // Custom design tokens
+ * element.apply(designTokens({
+ *   'container-max-width': '1200px',
+ *   'sidebar-width': '280px',
+ *   'header-height': '64px',
+ *   'z-index-modal': 1000,
+ *   'z-index-tooltip': 1100
+ * }))
+ * ```
+ */
+export declare function designTokens(tokens: DesignTokens): CustomPropertiesModifier;
+//# sourceMappingURL=css-properties.d.ts.map

package/dist/attributes/css-properties.d.ts.map

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

package/dist/attributes/html.d.ts

@@ -0,0 +1,108 @@
+/**
+ * HTML Attributes Modifier - Best-in-class HTML element attribute management
+ *
+ * Comprehensive interface for HTML attributes including ID and data attributes
+ * with full validation, development warnings, and production optimization.
+ */
+import type { DOMNode } from '@tachui/core/runtime/types';
+import { BaseModifier } from '../basic/base';
+import type { ModifierContext, ReactiveModifierProps } from '@tachui/core/modifiers/types';
+export type IdValue = string;
+export interface IdOptions {
+    id: IdValue;
+}
+export type ReactiveIdOptions = ReactiveModifierProps<IdOptions>;
+export declare class IdModifier extends BaseModifier<IdOptions> {
+    readonly type = "id";
+    readonly priority = 85;
+    constructor(options: ReactiveIdOptions);
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private validateId;
+}
+/**
+ * HTML element ID modifier
+ *
+ * @example
+ * ```typescript
+ * import { id } from '@tachui/modifiers'
+ *
+ * // Set element ID
+ * element.apply(id('main-header'))
+ * element.apply(id('user-profile-123'))
+ * ```
+ */
+export declare function id(value: IdValue): IdModifier;
+export type DataValue = string | number | boolean;
+export interface DataAttributes {
+    [key: string]: DataValue;
+}
+export interface DataOptions {
+    data: DataAttributes;
+}
+export type ReactiveDataOptions = ReactiveModifierProps<DataOptions>;
+export declare class DataModifier extends BaseModifier<DataOptions> {
+    readonly type = "data";
+    readonly priority = 80;
+    constructor(options: ReactiveDataOptions);
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private formatDataAttributeName;
+    private formatDataAttributeValue;
+    private validateDataAttributes;
+}
+/**
+ * HTML data attributes modifier for testing selectors and analytics
+ *
+ * @example
+ * ```typescript
+ * import { data } from '@tachui/modifiers'
+ *
+ * // Single data attribute
+ * element.apply(data({ testId: 'login-button' }))
+ *
+ * // Multiple data attributes
+ * element.apply(data({
+ *   testId: 'user-card',
+ *   userId: 123,
+ *   active: true,
+ *   category: 'premium'
+ * }))
+ *
+ * // Custom data attributes with kebab-case conversion
+ * element.apply(data({
+ *   customAttribute: 'value',  // becomes data-custom-attribute="value"
+ *   'data-existing': 'kept'    // remains data-existing="kept"
+ * }))
+ * ```
+ */
+export declare function data(attributes: DataAttributes): DataModifier;
+export type TabIndexValue = number;
+export interface TabIndexOptions {
+    tabIndex: TabIndexValue;
+}
+export type ReactiveTabIndexOptions = ReactiveModifierProps<TabIndexOptions>;
+export declare class TabIndexModifier extends BaseModifier<TabIndexOptions> {
+    readonly type = "tabIndex";
+    readonly priority = 75;
+    constructor(options: ReactiveTabIndexOptions);
+    apply(_node: DOMNode, context: ModifierContext): DOMNode | undefined;
+    private validateTabIndex;
+}
+/**
+ * Tab index modifier for keyboard navigation control
+ *
+ * @example
+ * ```typescript
+ * import { tabIndex } from '@tachui/modifiers'
+ *
+ * // Make element focusable in natural tab order
+ * element.apply(tabIndex(0))
+ *
+ * // Remove from tab order but keep programmatically focusable
+ * element.apply(tabIndex(-1))
+ *
+ * // Force specific tab order (not recommended)
+ * element.apply(tabIndex(1))
+ * ```
+ */
+export declare function tabIndex(value: TabIndexValue): TabIndexModifier;
+//# sourceMappingURL=html.d.ts.map