franken-ui/dist/shadcn-ui/components/form.d.ts

Franken UI is an HTML-first, open-source library of UI components based on the utility-first Tailwind CSS with UIkit 3 compatibility. The design is based on shadcn/ui ported to be framework-agnostic.

import type { OptionsType } from '../preset-types.js';
export default function (options: OptionsType): {
    'hook-form': {
        border: null;
        padding: null;
        backgroundColor: null;
        color: null;
        fontSize: null;
        transition: null;
        transitionProperty: null;
        '@apply rounded-md border border-input bg-transparent px-3 py-1 text-sm text-foreground shadow-sm': {};
    };
    'hook-single-line': {
        height: null;
        '@apply h-9': {};
    };
    'hook-multi-line': {
        '@apply min-h-[60px] py-2': {};
    };
    'hook-focus': {
        backgroundColor: null;
        color: null;
        borderColor: null;
        '@apply outline-none ring-1 ring-ring': {};
    };
    'hook-disabled': {
        backgroundColor: null;
        color: null;
        borderColor: null;
        '@apply opacity-50': {};
    };
    'hook-danger': {
        color: null;
        borderColor: null;
        '@apply ring-destructive': {};
    };
    'hook-blank': {
        '@apply shadow-none': {};
    };
    'hook-blank-focus': {
        borderColor: null;
        borderStyle: null;
        '@apply ring-0': {};
    };
    'hook-placeholder': {
        color: null;
        '@apply text-muted-foreground': {};
    };
    'hook-radio': {
        backgroundColor: null;
        border: null;
        transition: null;
        transitionProperty: null;
        '@apply rounded-sm border border-primary shadow': {};
    };
    'hook-radio-focus': {
        backgroundColor: null;
        borderColor: null;
        '@apply outline-none ring-1 ring-ring': {};
    };
    'hook-radio-checked': {
        backgroundColor: null;
        borderColor: null;
    };
    'hook-radio-checked-focus': {
        backgroundColor: null;
        '@apply outline-none ring-1 ring-ring': {};
    };
    'hook-radio-disabled': {
        backgroundColor: null;
        borderColor: null;
    };
    'hook-legend': {
        width: null;
        color: null;
        padding: null;
        fontSize: null;
        lineHeight: null;
    };
    'hook-label': {
        color: null;
        '@apply text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70': {};
    };
    'hook-icon': {
        color: null;
    };
    'hook-icon-hover': {
        color: null;
    };
    'hook-toggle-switch': {
        width: null;
        height: null;
        backgroundColor: null;
        '@apply h-5 w-9 bg-input shadow-sm': {};
    };
    'hook-toggle-switch-before': {
        width: null;
        height: null;
        backgroundColor: null;
        transitionProperty: string;
        '@apply h-4 w-4 bg-background': {};
    };
    'hook-toggle-switch-checked-before': {
        left: null;
        '@apply left-4': {};
    };
    'hook-toggle-switch-primary': {
        backgroundColor: null;
        '@apply bg-primary': {};
    };
    'hook-toggle-switch-danger': {
        backgroundColor: null;
        '@apply bg-destructive': {};
    };
    'hook-misc': {
        '.uk-form-small': {
            fontSize: null;
            '@apply text-xs': {};
        };
        '.uk-form-small:not(textarea):not([multiple]):not([size])': {
            height: null;
            paddingLeft: null;
            paddingRight: null;
            '@apply h-8 px-3 py-0': {};
        };
        'textarea.uk-form-small, [multiple].uk-form-small, [size].uk-form-small': null;
        '.uk-form-small:not(select):not(input):not(textarea)': null;
        '.uk-form-large': null;
        '.uk-form-large:not(textarea):not([multiple]):not([size])': null;
        'textarea.uk-form-large, [multiple].uk-form-large, [size].uk-form-large': null;
        '.uk-form-large:not(select):not(input):not(textarea)': null;
        '.uk-form-success, .uk-form-success:focus': null;
        'input.uk-form-width-xsmall': null;
        'select.uk-form-width-xsmall': null;
        '.uk-form-width-small': null;
        '.uk-form-width-medium': null;
        '.uk-form-width-large': null;
        '.uk-form-help': {
            fontSize: string;
            '@apply font-medium': {};
        };
        '.uk-radio:checked': {
            backgroundImage: string;
        };
        '.uk-radio:disabled:checked': {
            backgroundImage: string;
        };
        '.dark .uk-radio:checked': {
            backgroundImage: string;
        };
        '.dark .uk-radio:disabled:checked': {
            backgroundImage: string;
        };
        '.uk-checkbox:indeterminate': {
            backgroundImage: string;
        };
        '.dark .uk-checkbox:indeterminate': {
            backgroundImage: string;
        };
        '.uk-checkbox:disabled:indeterminate': {
            backgroundImage: string;
        };
        '.dark .uk-checkbox:disabled:indeterminate': {
            backgroundImage: string;
        };
        '.uk-checkbox:checked': {
            backgroundImage: string;
        };
        '.uk-checkbox:disabled:checked': {
            backgroundImage: string;
        };
        '.dark .uk-checkbox:checked': {
            backgroundImage: string;
        };
        '.dark .uk-checkbox:disabled:checked': {
            backgroundImage: string;
        };
        '.uk-select:not([multiple]):not([size]) option': {
            color: string;
        };
        '.uk-select:not([multiple]):not([size])': {
            backgroundImage: string;
        };
        '.dark .uk-select:not([multiple]):not([size])': {
            backgroundImage: string;
        };
        '.uk-input[list]:hover, .uk-input[list]:focus': {
            backgroundImage: string;
        };
        '.dark .uk-input[list]:hover,.dark .uk-input[list]:focus': {
            backgroundImage: string;
        };
        '.uk-toggle-switch-secondary:checked': null;
        "[class*='uk-inline']": {
            display: string;
            position: string;
            maxWidth: string;
            verticalAlign: string;
            WebkitBackfaceVisibility: string;
        };
    };
};