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.
455 lines (454 loc) • 7.97 kB
TypeScript
export declare const card: import("tailwind-variants").TVReturnType<{
size: {
xs: {
base: string;
};
sm: {
base: string;
};
md: {
base: string;
};
lg: {
base: string;
};
xl: {
base: string;
};
};
color: {
gray: {
base: string;
};
primary: {
base: string;
};
secondary: {
base: string;
};
red: {
base: string;
};
orange: {
base: string;
};
amber: {
base: string;
};
yellow: {
base: string;
};
lime: {
base: string;
};
green: {
base: string;
};
emerald: {
base: string;
};
teal: {
base: string;
};
cyan: {
base: string;
};
sky: {
base: string;
};
blue: {
base: string;
};
indigo: {
base: string;
};
violet: {
base: string;
};
purple: {
base: string;
};
fuchsia: {
base: string;
};
pink: {
base: string;
};
rose: {
base: string;
};
};
shadow: {
sm: {
base: string;
};
normal: {
base: string;
};
md: {
base: string;
};
lg: {
base: string;
};
xl: {
base: string;
};
'2xl': {
base: string;
};
inner: {
base: string;
};
};
padding: {
xs: {
content: string;
};
sm: {
content: string;
};
md: {
content: string;
};
lg: {
content: string;
};
xl: {
content: string;
};
none: {
content: string;
};
};
horizontal: {
true: {
base: string;
image: string;
};
};
reverse: {
true: {
base: string;
image: string;
};
false: {
base: string;
image: string;
};
};
href: {
true: string;
false: string;
};
hasImage: {
true: string;
false: string;
};
}, {
base: string;
image: string;
content: string;
}, undefined, {
size: {
xs: {
base: string;
};
sm: {
base: string;
};
md: {
base: string;
};
lg: {
base: string;
};
xl: {
base: string;
};
};
color: {
gray: {
base: string;
};
primary: {
base: string;
};
secondary: {
base: string;
};
red: {
base: string;
};
orange: {
base: string;
};
amber: {
base: string;
};
yellow: {
base: string;
};
lime: {
base: string;
};
green: {
base: string;
};
emerald: {
base: string;
};
teal: {
base: string;
};
cyan: {
base: string;
};
sky: {
base: string;
};
blue: {
base: string;
};
indigo: {
base: string;
};
violet: {
base: string;
};
purple: {
base: string;
};
fuchsia: {
base: string;
};
pink: {
base: string;
};
rose: {
base: string;
};
};
shadow: {
sm: {
base: string;
};
normal: {
base: string;
};
md: {
base: string;
};
lg: {
base: string;
};
xl: {
base: string;
};
'2xl': {
base: string;
};
inner: {
base: string;
};
};
padding: {
xs: {
content: string;
};
sm: {
content: string;
};
md: {
content: string;
};
lg: {
content: string;
};
xl: {
content: string;
};
none: {
content: string;
};
};
horizontal: {
true: {
base: string;
image: string;
};
};
reverse: {
true: {
base: string;
image: string;
};
false: {
base: string;
image: string;
};
};
href: {
true: string;
false: string;
};
hasImage: {
true: string;
false: string;
};
}, {
base: string;
image: string;
content: string;
}, import("tailwind-variants").TVReturnType<{
size: {
xs: {
base: string;
};
sm: {
base: string;
};
md: {
base: string;
};
lg: {
base: string;
};
xl: {
base: string;
};
};
color: {
gray: {
base: string;
};
primary: {
base: string;
};
secondary: {
base: string;
};
red: {
base: string;
};
orange: {
base: string;
};
amber: {
base: string;
};
yellow: {
base: string;
};
lime: {
base: string;
};
green: {
base: string;
};
emerald: {
base: string;
};
teal: {
base: string;
};
cyan: {
base: string;
};
sky: {
base: string;
};
blue: {
base: string;
};
indigo: {
base: string;
};
violet: {
base: string;
};
purple: {
base: string;
};
fuchsia: {
base: string;
};
pink: {
base: string;
};
rose: {
base: string;
};
};
shadow: {
sm: {
base: string;
};
normal: {
base: string;
};
md: {
base: string;
};
lg: {
base: string;
};
xl: {
base: string;
};
'2xl': {
base: string;
};
inner: {
base: string;
};
};
padding: {
xs: {
content: string;
};
sm: {
content: string;
};
md: {
content: string;
};
lg: {
content: string;
};
xl: {
content: string;
};
none: {
content: string;
};
};
horizontal: {
true: {
base: string;
image: string;
};
};
reverse: {
true: {
base: string;
image: string;
};
false: {
base: string;
image: string;
};
};
href: {
true: string;
false: string;
};
hasImage: {
true: string;
false: string;
};
}, {
base: string;
image: string;
content: string;
}, undefined, unknown, unknown, undefined>>;