import * as colors from 'tailwindcss/colors';
import * as i0 from '@angular/core';
import { Component, ChangeDetectionStrategy, Input } from '@angular/core';

/** @type {import('tailwindcss').Config} */
const tailwindPreset = {
    theme: {
        //extend: {
        darkMode: 'class',
        fontFamily: {
            primary: 'var(--font-primary)',
            title: 'var(--font-title)',
        },
        colors: {
            ...colors,
            primary: {
                DEFAULT: 'rgb(var(--primary) / <alpha-value>)',
                dark: 'rgb(var(--priamry-dark) / <alpha-value>)',
                variation: 'rgb(var(--primary-variation) / <alpha-value>)',
                'variation-dark': 'rgb(var(--primary-variation-dark) / <alpha-value>)',
            },
            secondary: {
                DEFAULT: 'rgb(var(--secondary) / <alpha-value>)',
                dark: 'rgb(var(--secondary-dark) / <alpha-value>)',
            },
            background: {
                DEFAULT: 'rgb(var(--background) / <alpha-value>)',
                dark: 'rgb(var(--background-dark) / <alpha-value>)',
            },
            surface: {
                DEFAULT: 'rgb(var(--surface) / <alpha-value>)',
                variation: 'rgb(var(--surface-variation) / <alpha-value>)',
                dark: 'rgb(var(--surface-dark) / <alpha-value>)',
                'variation-dark': 'rgb(var(--surface-variation-dark) / <alpha-value>)',
            },
            accent: {
                DEFAULT: 'rgb(var(--accent) / <alpha-value>)',
                dark: 'rgb(var(--accent-dark) / <alpha-value>)',
            },
            on: {
                primary: 'rgb(var(--on-primary) / <alpha-value>)',
                'primary-variation': 'rgb(var(--on-primary-variation) / <alpha-value>)',
                secondary: 'rgb(var(--on-secondary) / <alpha-value>)',
                'secondary-variation': 'rgb(var(--on-secondary-variation) / <alpha-value>)',
                accent: 'rgb(var(--on-accent) / <alpha-value>)',
                background: 'rgb(var(--on-background) / <alpha-value>)',
                'background-variation': 'rgb(var(--on-background-variation) / <alpha-value>)',
                surface: 'rgb(var(--on-surface) / <alpha-value>)',
                'surface-variation': 'rgb(var(--on-surface-variation) / <alpha-value>)',
                'primary-dark': 'rgb(var(--on-primary-dark) / <alpha-value>)',
                'primary-variation-dark': 'rgb(var(--on-primary-variation-dark) / <alpha-value>)',
                'secondary-dark': 'rgb(var(--on-secondary-dark) / <alpha-value>)',
                'secondary-variation-dark': 'rgb(var(--on-secondary-variation-dark) / <alpha-value>)',
                'accent-dark': 'rgb(var(--on-accent-dark) / <alpha-value>)',
                'background-dark': 'rgb(var(--on-background-dark) / <alpha-value>)',
                'background-variation-dark': 'rgb(var(--on-background-variation-dark) / <alpha-value>)',
                'surface-dark': 'rgb(var(--on-surface-dark) / <alpha-value>)',
                'surface-variation-dark': 'rgb(var(--on-surface-variation-dark) / <alpha-value>)',
            },
        },
    },
    //},
};

class ButtonComponent {
    constructor() {
        this.text = '';
        this.type = 'default';
    }
    static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.3.0", type: ButtonComponent, isStandalone: true, selector: "ct-button", inputs: { text: "text", type: "type" }, ngImport: i0, template: "<button class=\"bg-yellow-400 p-4\">{{ text }}</button>\n", changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.3.0", ngImport: i0, type: ButtonComponent, decorators: [{
            type: Component,
            args: [{ selector: 'ct-button', standalone: true, imports: [], changeDetection: ChangeDetectionStrategy.OnPush, template: "<button class=\"bg-yellow-400 p-4\">{{ text }}</button>\n" }]
        }], propDecorators: { text: [{
                type: Input,
                args: [{ required: true }]
            }], type: [{
                type: Input
            }] } });

/*
 * Public API Surface of circletone
 */

/**
 * Generated bundle index. Do not edit.
 */

export { ButtonComponent, tailwindPreset };
//# sourceMappingURL=circletone.mjs.map