/**
 * Base styles shared by all ml-* components
 * Provides consistent focus states, transitions, and theming
 */
export declare const componentBaseStyles = "\n\t:host {\n\t\t/* Inherit font from parent by default */\n\t\tfont-family: var(--ml-font-sans);\n\n\t\t/* Consistent box sizing */\n\t\tbox-sizing: border-box;\n\t}\n\n\t:host *,\n\t:host *::before,\n\t:host *::after {\n\t\tbox-sizing: inherit;\n\t}\n\n\t/* Focus visible styles */\n\t:host(:focus-visible) {\n\t\toutline: var(--ml-focus-ring-width) solid var(--ml-color-focus-ring);\n\t\toutline-offset: var(--ml-focus-ring-offset);\n\t}\n\n\t/* Disabled state */\n\t:host([disabled]) {\n\t\topacity: 0.5;\n\t\tpointer-events: none;\n\t}\n\n\t/* Hidden state */\n\t:host([hidden]) {\n\t\tdisplay: none !important;\n\t}\n";
/**
 * Focus ring mixin - apply to interactive elements
 */
export declare const focusRingStyles = "\n\t&:focus {\n\t\toutline: none;\n\t}\n\n\t&:focus-visible {\n\t\toutline: var(--ml-focus-ring-width) solid var(--ml-color-focus-ring);\n\t\toutline-offset: var(--ml-focus-ring-offset);\n\t}\n";
/**
 * Interactive element base styles
 */
export declare const interactiveStyles = "\n\tcursor: pointer;\n\tuser-select: none;\n\t-webkit-tap-highlight-color: transparent;\n\n\t&:disabled,\n\t&[aria-disabled=\"true\"] {\n\t\tcursor: not-allowed;\n\t\topacity: 0.5;\n\t}\n";
//# sourceMappingURL=component-base.styles.d.ts.map