TanTan
e311ca3275
Build NapCat Artifacts / Windows Loader Test (push) Canceled after 0s
Build NapCat Artifacts / Type Check & Test (push) Canceled after 0s
Build NapCat Artifacts / Build NapCat.Framework (push) Canceled after 0s
Build NapCat Artifacts / Build NapCat.Shell (push) Canceled after 0s
964 lines
20 KiB
Plaintext
964 lines
20 KiB
Plaintext
import * as tailwind_variants from 'tailwind-variants';
|
|
import { VariantProps } from 'tailwind-variants';
|
|
import * as tailwind_variants_dist_config from 'tailwind-variants/dist/config';
|
|
|
|
/**
|
|
* Input wrapper **Tailwind Variants** component
|
|
*
|
|
* @example
|
|
* ```js
|
|
* const {base, label, inputWrapper, input, clearButton, description, errorMessage} = input({...})
|
|
*
|
|
* <div className={base())}>
|
|
* <label className={label()}>Label</label>
|
|
* <div className={inputWrapper()}>
|
|
* <input className={input()}/>
|
|
* <button className={clearButton()}>Clear</button>
|
|
* </div>
|
|
* <span className={description()}>Description</span>
|
|
* <span className={errorMessage()}>Invalid input</span>
|
|
* </div>
|
|
* ```
|
|
*/
|
|
declare const input: tailwind_variants.TVReturnType<{
|
|
variant: {
|
|
flat: {
|
|
inputWrapper: string[];
|
|
};
|
|
faded: {
|
|
inputWrapper: string[];
|
|
value: string;
|
|
};
|
|
bordered: {
|
|
inputWrapper: string[];
|
|
};
|
|
underlined: {
|
|
inputWrapper: string[];
|
|
innerWrapper: string;
|
|
label: string;
|
|
};
|
|
};
|
|
color: {
|
|
default: {};
|
|
primary: {};
|
|
secondary: {};
|
|
success: {};
|
|
warning: {};
|
|
danger: {};
|
|
};
|
|
size: {
|
|
sm: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
md: {
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
lg: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
};
|
|
radius: {
|
|
none: {
|
|
inputWrapper: string;
|
|
};
|
|
sm: {
|
|
inputWrapper: string;
|
|
};
|
|
md: {
|
|
inputWrapper: string;
|
|
};
|
|
lg: {
|
|
inputWrapper: string;
|
|
};
|
|
full: {
|
|
inputWrapper: string;
|
|
};
|
|
};
|
|
labelPlacement: {
|
|
outside: {
|
|
mainWrapper: string;
|
|
};
|
|
"outside-left": {
|
|
base: string;
|
|
inputWrapper: string;
|
|
mainWrapper: string;
|
|
label: string;
|
|
};
|
|
inside: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
innerWrapper: string;
|
|
};
|
|
};
|
|
fullWidth: {
|
|
true: {
|
|
base: string;
|
|
};
|
|
false: {};
|
|
};
|
|
isClearable: {
|
|
true: {
|
|
input: string;
|
|
clearButton: string[];
|
|
};
|
|
};
|
|
isDisabled: {
|
|
true: {
|
|
base: string;
|
|
inputWrapper: string;
|
|
label: string;
|
|
};
|
|
};
|
|
isInvalid: {
|
|
true: {
|
|
label: string;
|
|
input: string;
|
|
};
|
|
};
|
|
isRequired: {
|
|
true: {
|
|
label: string;
|
|
};
|
|
};
|
|
isMultiline: {
|
|
true: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
innerWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
};
|
|
disableAnimation: {
|
|
true: {
|
|
input: string;
|
|
inputWrapper: string;
|
|
label: string;
|
|
};
|
|
false: {
|
|
inputWrapper: string;
|
|
label: string[];
|
|
clearButton: string[];
|
|
};
|
|
};
|
|
}, {
|
|
base: string;
|
|
label: string[];
|
|
mainWrapper: string;
|
|
inputWrapper: string;
|
|
innerWrapper: string;
|
|
input: string[];
|
|
clearButton: string[];
|
|
helperWrapper: string;
|
|
description: string;
|
|
errorMessage: string;
|
|
}, undefined, tailwind_variants_dist_config.TVConfig<{
|
|
variant: {
|
|
flat: {
|
|
inputWrapper: string[];
|
|
};
|
|
faded: {
|
|
inputWrapper: string[];
|
|
value: string;
|
|
};
|
|
bordered: {
|
|
inputWrapper: string[];
|
|
};
|
|
underlined: {
|
|
inputWrapper: string[];
|
|
innerWrapper: string;
|
|
label: string;
|
|
};
|
|
};
|
|
color: {
|
|
default: {};
|
|
primary: {};
|
|
secondary: {};
|
|
success: {};
|
|
warning: {};
|
|
danger: {};
|
|
};
|
|
size: {
|
|
sm: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
md: {
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
lg: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
};
|
|
radius: {
|
|
none: {
|
|
inputWrapper: string;
|
|
};
|
|
sm: {
|
|
inputWrapper: string;
|
|
};
|
|
md: {
|
|
inputWrapper: string;
|
|
};
|
|
lg: {
|
|
inputWrapper: string;
|
|
};
|
|
full: {
|
|
inputWrapper: string;
|
|
};
|
|
};
|
|
labelPlacement: {
|
|
outside: {
|
|
mainWrapper: string;
|
|
};
|
|
"outside-left": {
|
|
base: string;
|
|
inputWrapper: string;
|
|
mainWrapper: string;
|
|
label: string;
|
|
};
|
|
inside: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
innerWrapper: string;
|
|
};
|
|
};
|
|
fullWidth: {
|
|
true: {
|
|
base: string;
|
|
};
|
|
false: {};
|
|
};
|
|
isClearable: {
|
|
true: {
|
|
input: string;
|
|
clearButton: string[];
|
|
};
|
|
};
|
|
isDisabled: {
|
|
true: {
|
|
base: string;
|
|
inputWrapper: string;
|
|
label: string;
|
|
};
|
|
};
|
|
isInvalid: {
|
|
true: {
|
|
label: string;
|
|
input: string;
|
|
};
|
|
};
|
|
isRequired: {
|
|
true: {
|
|
label: string;
|
|
};
|
|
};
|
|
isMultiline: {
|
|
true: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
innerWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
};
|
|
disableAnimation: {
|
|
true: {
|
|
input: string;
|
|
inputWrapper: string;
|
|
label: string;
|
|
};
|
|
false: {
|
|
inputWrapper: string;
|
|
label: string[];
|
|
clearButton: string[];
|
|
};
|
|
};
|
|
}, {
|
|
variant: {
|
|
flat: {
|
|
inputWrapper: string[];
|
|
};
|
|
faded: {
|
|
inputWrapper: string[];
|
|
value: string;
|
|
};
|
|
bordered: {
|
|
inputWrapper: string[];
|
|
};
|
|
underlined: {
|
|
inputWrapper: string[];
|
|
innerWrapper: string;
|
|
label: string;
|
|
};
|
|
};
|
|
color: {
|
|
default: {};
|
|
primary: {};
|
|
secondary: {};
|
|
success: {};
|
|
warning: {};
|
|
danger: {};
|
|
};
|
|
size: {
|
|
sm: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
md: {
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
lg: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
};
|
|
radius: {
|
|
none: {
|
|
inputWrapper: string;
|
|
};
|
|
sm: {
|
|
inputWrapper: string;
|
|
};
|
|
md: {
|
|
inputWrapper: string;
|
|
};
|
|
lg: {
|
|
inputWrapper: string;
|
|
};
|
|
full: {
|
|
inputWrapper: string;
|
|
};
|
|
};
|
|
labelPlacement: {
|
|
outside: {
|
|
mainWrapper: string;
|
|
};
|
|
"outside-left": {
|
|
base: string;
|
|
inputWrapper: string;
|
|
mainWrapper: string;
|
|
label: string;
|
|
};
|
|
inside: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
innerWrapper: string;
|
|
};
|
|
};
|
|
fullWidth: {
|
|
true: {
|
|
base: string;
|
|
};
|
|
false: {};
|
|
};
|
|
isClearable: {
|
|
true: {
|
|
input: string;
|
|
clearButton: string[];
|
|
};
|
|
};
|
|
isDisabled: {
|
|
true: {
|
|
base: string;
|
|
inputWrapper: string;
|
|
label: string;
|
|
};
|
|
};
|
|
isInvalid: {
|
|
true: {
|
|
label: string;
|
|
input: string;
|
|
};
|
|
};
|
|
isRequired: {
|
|
true: {
|
|
label: string;
|
|
};
|
|
};
|
|
isMultiline: {
|
|
true: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
innerWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
};
|
|
disableAnimation: {
|
|
true: {
|
|
input: string;
|
|
inputWrapper: string;
|
|
label: string;
|
|
};
|
|
false: {
|
|
inputWrapper: string;
|
|
label: string[];
|
|
clearButton: string[];
|
|
};
|
|
};
|
|
}>, {
|
|
variant: {
|
|
flat: {
|
|
inputWrapper: string[];
|
|
};
|
|
faded: {
|
|
inputWrapper: string[];
|
|
value: string;
|
|
};
|
|
bordered: {
|
|
inputWrapper: string[];
|
|
};
|
|
underlined: {
|
|
inputWrapper: string[];
|
|
innerWrapper: string;
|
|
label: string;
|
|
};
|
|
};
|
|
color: {
|
|
default: {};
|
|
primary: {};
|
|
secondary: {};
|
|
success: {};
|
|
warning: {};
|
|
danger: {};
|
|
};
|
|
size: {
|
|
sm: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
md: {
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
lg: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
};
|
|
radius: {
|
|
none: {
|
|
inputWrapper: string;
|
|
};
|
|
sm: {
|
|
inputWrapper: string;
|
|
};
|
|
md: {
|
|
inputWrapper: string;
|
|
};
|
|
lg: {
|
|
inputWrapper: string;
|
|
};
|
|
full: {
|
|
inputWrapper: string;
|
|
};
|
|
};
|
|
labelPlacement: {
|
|
outside: {
|
|
mainWrapper: string;
|
|
};
|
|
"outside-left": {
|
|
base: string;
|
|
inputWrapper: string;
|
|
mainWrapper: string;
|
|
label: string;
|
|
};
|
|
inside: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
innerWrapper: string;
|
|
};
|
|
};
|
|
fullWidth: {
|
|
true: {
|
|
base: string;
|
|
};
|
|
false: {};
|
|
};
|
|
isClearable: {
|
|
true: {
|
|
input: string;
|
|
clearButton: string[];
|
|
};
|
|
};
|
|
isDisabled: {
|
|
true: {
|
|
base: string;
|
|
inputWrapper: string;
|
|
label: string;
|
|
};
|
|
};
|
|
isInvalid: {
|
|
true: {
|
|
label: string;
|
|
input: string;
|
|
};
|
|
};
|
|
isRequired: {
|
|
true: {
|
|
label: string;
|
|
};
|
|
};
|
|
isMultiline: {
|
|
true: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
innerWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
};
|
|
disableAnimation: {
|
|
true: {
|
|
input: string;
|
|
inputWrapper: string;
|
|
label: string;
|
|
};
|
|
false: {
|
|
inputWrapper: string;
|
|
label: string[];
|
|
clearButton: string[];
|
|
};
|
|
};
|
|
}, {
|
|
base: string;
|
|
label: string[];
|
|
mainWrapper: string;
|
|
inputWrapper: string;
|
|
innerWrapper: string;
|
|
input: string[];
|
|
clearButton: string[];
|
|
helperWrapper: string;
|
|
description: string;
|
|
errorMessage: string;
|
|
}, tailwind_variants.TVReturnType<{
|
|
variant: {
|
|
flat: {
|
|
inputWrapper: string[];
|
|
};
|
|
faded: {
|
|
inputWrapper: string[];
|
|
value: string;
|
|
};
|
|
bordered: {
|
|
inputWrapper: string[];
|
|
};
|
|
underlined: {
|
|
inputWrapper: string[];
|
|
innerWrapper: string;
|
|
label: string;
|
|
};
|
|
};
|
|
color: {
|
|
default: {};
|
|
primary: {};
|
|
secondary: {};
|
|
success: {};
|
|
warning: {};
|
|
danger: {};
|
|
};
|
|
size: {
|
|
sm: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
md: {
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
lg: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
};
|
|
radius: {
|
|
none: {
|
|
inputWrapper: string;
|
|
};
|
|
sm: {
|
|
inputWrapper: string;
|
|
};
|
|
md: {
|
|
inputWrapper: string;
|
|
};
|
|
lg: {
|
|
inputWrapper: string;
|
|
};
|
|
full: {
|
|
inputWrapper: string;
|
|
};
|
|
};
|
|
labelPlacement: {
|
|
outside: {
|
|
mainWrapper: string;
|
|
};
|
|
"outside-left": {
|
|
base: string;
|
|
inputWrapper: string;
|
|
mainWrapper: string;
|
|
label: string;
|
|
};
|
|
inside: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
innerWrapper: string;
|
|
};
|
|
};
|
|
fullWidth: {
|
|
true: {
|
|
base: string;
|
|
};
|
|
false: {};
|
|
};
|
|
isClearable: {
|
|
true: {
|
|
input: string;
|
|
clearButton: string[];
|
|
};
|
|
};
|
|
isDisabled: {
|
|
true: {
|
|
base: string;
|
|
inputWrapper: string;
|
|
label: string;
|
|
};
|
|
};
|
|
isInvalid: {
|
|
true: {
|
|
label: string;
|
|
input: string;
|
|
};
|
|
};
|
|
isRequired: {
|
|
true: {
|
|
label: string;
|
|
};
|
|
};
|
|
isMultiline: {
|
|
true: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
innerWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
};
|
|
disableAnimation: {
|
|
true: {
|
|
input: string;
|
|
inputWrapper: string;
|
|
label: string;
|
|
};
|
|
false: {
|
|
inputWrapper: string;
|
|
label: string[];
|
|
clearButton: string[];
|
|
};
|
|
};
|
|
}, {
|
|
base: string;
|
|
label: string[];
|
|
mainWrapper: string;
|
|
inputWrapper: string;
|
|
innerWrapper: string;
|
|
input: string[];
|
|
clearButton: string[];
|
|
helperWrapper: string;
|
|
description: string;
|
|
errorMessage: string;
|
|
}, undefined, tailwind_variants_dist_config.TVConfig<{
|
|
variant: {
|
|
flat: {
|
|
inputWrapper: string[];
|
|
};
|
|
faded: {
|
|
inputWrapper: string[];
|
|
value: string;
|
|
};
|
|
bordered: {
|
|
inputWrapper: string[];
|
|
};
|
|
underlined: {
|
|
inputWrapper: string[];
|
|
innerWrapper: string;
|
|
label: string;
|
|
};
|
|
};
|
|
color: {
|
|
default: {};
|
|
primary: {};
|
|
secondary: {};
|
|
success: {};
|
|
warning: {};
|
|
danger: {};
|
|
};
|
|
size: {
|
|
sm: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
md: {
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
lg: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
};
|
|
radius: {
|
|
none: {
|
|
inputWrapper: string;
|
|
};
|
|
sm: {
|
|
inputWrapper: string;
|
|
};
|
|
md: {
|
|
inputWrapper: string;
|
|
};
|
|
lg: {
|
|
inputWrapper: string;
|
|
};
|
|
full: {
|
|
inputWrapper: string;
|
|
};
|
|
};
|
|
labelPlacement: {
|
|
outside: {
|
|
mainWrapper: string;
|
|
};
|
|
"outside-left": {
|
|
base: string;
|
|
inputWrapper: string;
|
|
mainWrapper: string;
|
|
label: string;
|
|
};
|
|
inside: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
innerWrapper: string;
|
|
};
|
|
};
|
|
fullWidth: {
|
|
true: {
|
|
base: string;
|
|
};
|
|
false: {};
|
|
};
|
|
isClearable: {
|
|
true: {
|
|
input: string;
|
|
clearButton: string[];
|
|
};
|
|
};
|
|
isDisabled: {
|
|
true: {
|
|
base: string;
|
|
inputWrapper: string;
|
|
label: string;
|
|
};
|
|
};
|
|
isInvalid: {
|
|
true: {
|
|
label: string;
|
|
input: string;
|
|
};
|
|
};
|
|
isRequired: {
|
|
true: {
|
|
label: string;
|
|
};
|
|
};
|
|
isMultiline: {
|
|
true: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
innerWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
};
|
|
disableAnimation: {
|
|
true: {
|
|
input: string;
|
|
inputWrapper: string;
|
|
label: string;
|
|
};
|
|
false: {
|
|
inputWrapper: string;
|
|
label: string[];
|
|
clearButton: string[];
|
|
};
|
|
};
|
|
}, {
|
|
variant: {
|
|
flat: {
|
|
inputWrapper: string[];
|
|
};
|
|
faded: {
|
|
inputWrapper: string[];
|
|
value: string;
|
|
};
|
|
bordered: {
|
|
inputWrapper: string[];
|
|
};
|
|
underlined: {
|
|
inputWrapper: string[];
|
|
innerWrapper: string;
|
|
label: string;
|
|
};
|
|
};
|
|
color: {
|
|
default: {};
|
|
primary: {};
|
|
secondary: {};
|
|
success: {};
|
|
warning: {};
|
|
danger: {};
|
|
};
|
|
size: {
|
|
sm: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
md: {
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
lg: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
};
|
|
radius: {
|
|
none: {
|
|
inputWrapper: string;
|
|
};
|
|
sm: {
|
|
inputWrapper: string;
|
|
};
|
|
md: {
|
|
inputWrapper: string;
|
|
};
|
|
lg: {
|
|
inputWrapper: string;
|
|
};
|
|
full: {
|
|
inputWrapper: string;
|
|
};
|
|
};
|
|
labelPlacement: {
|
|
outside: {
|
|
mainWrapper: string;
|
|
};
|
|
"outside-left": {
|
|
base: string;
|
|
inputWrapper: string;
|
|
mainWrapper: string;
|
|
label: string;
|
|
};
|
|
inside: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
innerWrapper: string;
|
|
};
|
|
};
|
|
fullWidth: {
|
|
true: {
|
|
base: string;
|
|
};
|
|
false: {};
|
|
};
|
|
isClearable: {
|
|
true: {
|
|
input: string;
|
|
clearButton: string[];
|
|
};
|
|
};
|
|
isDisabled: {
|
|
true: {
|
|
base: string;
|
|
inputWrapper: string;
|
|
label: string;
|
|
};
|
|
};
|
|
isInvalid: {
|
|
true: {
|
|
label: string;
|
|
input: string;
|
|
};
|
|
};
|
|
isRequired: {
|
|
true: {
|
|
label: string;
|
|
};
|
|
};
|
|
isMultiline: {
|
|
true: {
|
|
label: string;
|
|
inputWrapper: string;
|
|
innerWrapper: string;
|
|
input: string;
|
|
clearButton: string;
|
|
};
|
|
};
|
|
disableAnimation: {
|
|
true: {
|
|
input: string;
|
|
inputWrapper: string;
|
|
label: string;
|
|
};
|
|
false: {
|
|
inputWrapper: string;
|
|
label: string[];
|
|
clearButton: string[];
|
|
};
|
|
};
|
|
}>, unknown, unknown, undefined>>;
|
|
type InputVariantProps = VariantProps<typeof input>;
|
|
type InputSlots = keyof ReturnType<typeof input>;
|
|
|
|
export { InputSlots, InputVariantProps, input };
|