svelte-5-ui-lib
Version:
Svelte 5 UI Lib is a UI library built from scratch to leverage Svelte 5's runes system, creating smooth, reactive components.
110 lines (109 loc) • 2.75 kB
TypeScript
import { type ClassValue } from 'clsx';
export declare function cn(...inputs: ClassValue[]): string;
import CloseButton from './CloseButton.svelte';
declare const closeButtonVariants: import("tailwind-variants").TVReturnType<{
color: {
primary: string;
secondary: string;
gray: string;
red: string;
orange: string;
amber: string;
yellow: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
blue: string;
indigo: string;
violet: string;
purple: string;
fuchsia: string;
pink: string;
rose: string;
};
size: {
xs: string;
sm: string;
md: string;
lg: string;
};
}, {
svg: string;
}, "focus:outline-none whitespace-normal", {
color: {
primary: string;
secondary: string;
gray: string;
red: string;
orange: string;
amber: string;
yellow: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
blue: string;
indigo: string;
violet: string;
purple: string;
fuchsia: string;
pink: string;
rose: string;
};
size: {
xs: string;
sm: string;
md: string;
lg: string;
};
}, {
svg: string;
}, import("tailwind-variants").TVReturnType<{
color: {
primary: string;
secondary: string;
gray: string;
red: string;
orange: string;
amber: string;
yellow: string;
lime: string;
green: string;
emerald: string;
teal: string;
cyan: string;
sky: string;
blue: string;
indigo: string;
violet: string;
purple: string;
fuchsia: string;
pink: string;
rose: string;
};
size: {
xs: string;
sm: string;
md: string;
lg: string;
};
}, {
svg: string;
}, "focus:outline-none whitespace-normal", unknown, unknown, undefined>>;
type ColorType = 'primary' | 'secondary' | 'gray' | 'red' | 'orange' | 'amber' | 'yellow' | 'lime' | 'green' | 'emerald' | 'teal' | 'cyan' | 'sky' | 'blue' | 'indigo' | 'violet' | 'purple' | 'fuchsia' | 'pink' | 'rose' | undefined;
type SizeType = 'md' | 'xs' | 'sm' | 'lg' | undefined;
interface CloseButtonProps {
color?: ColorType;
onclick?: () => void;
name?: string;
ariaLabel?: string;
size?: SizeType;
href?: string;
class?: string;
}
export { CloseButton, closeButtonVariants, type CloseButtonProps };