/** * Fluent Grow Border System - Core Module * --------------------------------------- * Provides comprehensive border styling utilities including width, style, color, * radius, outlines and ring effects with responsive breakpoint support. */ import { type ResponsiveInput, type ResponsiveOptions } from '../layout/shared'; export type BorderWidth = string | number; export type BorderStyle = 'none' | 'solid' | 'dashed' | 'dotted' | 'double' | 'groove' | 'ridge' | 'inset' | 'outset'; export type BorderRadius = string | number; export interface BorderConfig { width?: BorderWidth; style?: BorderStyle; color?: string; topWidth?: BorderWidth; rightWidth?: BorderWidth; bottomWidth?: BorderWidth; leftWidth?: BorderWidth; topStyle?: BorderStyle; rightStyle?: BorderStyle; bottomStyle?: BorderStyle; leftStyle?: BorderStyle; topColor?: string; rightColor?: string; bottomColor?: string; leftColor?: string; radius?: BorderRadius; topLeftRadius?: BorderRadius; topRightRadius?: BorderRadius; bottomLeftRadius?: BorderRadius; bottomRightRadius?: BorderRadius; } export type BorderResponsiveMap = ResponsiveInput; export declare class Border { private element; private cleanupFns; constructor(element: HTMLElement); /** * Sets border width, style and color in a single declaration */ border(width: BorderWidth, style?: BorderStyle, color?: string): this; /** * Sets border width for all sides */ width(value: BorderWidth): this; /** * Sets top border with optional style and color */ top(width: BorderWidth, style?: BorderStyle, color?: string): this; /** * Sets right border with optional style and color */ right(width: BorderWidth, style?: BorderStyle, color?: string): this; /** * Sets bottom border with optional style and color */ bottom(width: BorderWidth, style?: BorderStyle, color?: string): this; /** * Sets left border with optional style and color */ left(width: BorderWidth, style?: BorderStyle, color?: string): this; /** * Sets border style for all sides */ style(value: BorderStyle): this; /** Sets solid border style */ solid(): this; /** Sets dashed border style */ dashed(): this; /** Sets dotted border style */ dotted(): this; /** Sets double border style */ double(): this; /** Removes border */ none(): this; /** * Sets border color for all sides */ color(value: string): this; /** * Sets border radius for all corners */ radius(value: BorderRadius): this; /** * Sets individual corner radius */ topLeftRadius(value: BorderRadius): this; topRightRadius(value: BorderRadius): this; bottomLeftRadius(value: BorderRadius): this; bottomRightRadius(value: BorderRadius): this; /** Preset radius values */ rounded(): this; roundedMd(): this; roundedLg(): this; roundedXl(): this; rounded2xl(): this; rounded3xl(): this; roundedFull(): this; roundedNone(): this; /** * Sets outline with width, style and color */ outline(width: BorderWidth, style?: BorderStyle, color?: string): this; /** * Sets outline offset */ outlineOffset(value: string): this; /** Removes outline */ outlineNone(): this; /** * Creates a ring effect using box-shadow */ ring(width: BorderWidth, color?: string): this; /** * Creates an inset ring effect */ ringInset(width: BorderWidth, color?: string): this; /** * Applies border configuration object */ set(config: BorderConfig): this; /** * Applies responsive border configuration */ responsive(map: BorderResponsiveMap, options?: ResponsiveOptions): this; /** * Cleanup method to remove event listeners and observers */ destroy(): void; private applyConfig; private normalizeWidth; private normalizeRadius; private registerCleanup; } //# sourceMappingURL=borders.d.ts.map