@fuxui/base
Version:
ui kit - svelte 5 + tailwind 4 - base components
48 lines (47 loc) • 1.93 kB
TypeScript
import type { WithElementRef, WithoutChildren } from 'bits-ui';
import { type VariantProps } from 'tailwind-variants';
import type { HTMLTextareaAttributes } from 'svelte/elements';
export declare const inputVariants: import("tailwind-variants").TVReturnType<{
variant: {
primary: string;
secondary: string;
};
sizeVariant: {
default: string;
sm: string;
lg: string;
};
}, undefined, "focus:ring-2 ring-1 resize-none ring-inset border-0 focus:transition-transform rounded-2xl text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed duration-300 active:duration-100", {
variant: {
primary: string;
secondary: string;
};
sizeVariant: {
default: string;
sm: string;
lg: string;
};
}, undefined, import("tailwind-variants").TVReturnType<{
variant: {
primary: string;
secondary: string;
};
sizeVariant: {
default: string;
sm: string;
lg: string;
};
}, undefined, "focus:ring-2 ring-1 resize-none ring-inset border-0 focus:transition-transform rounded-2xl text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 disabled:cursor-not-allowed duration-300 active:duration-100", unknown, unknown, undefined>>;
export type InputVariant = VariantProps<typeof inputVariants>['variant'];
export type InputSize = VariantProps<typeof inputVariants>['sizeVariant'];
export type InputProps = WithElementRef<HTMLTextareaAttributes> & {
variant?: InputVariant;
sizeVariant?: InputSize;
};
type $$ComponentProps = WithoutChildren<WithElementRef<HTMLTextareaAttributes>> & {
variant?: InputVariant;
sizeVariant?: InputSize;
};
declare const Textarea: import("svelte").Component<$$ComponentProps, {}, "ref" | "value">;
type Textarea = ReturnType<typeof Textarea>;
export default Textarea;