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.
395 lines (394 loc) • 8.36 kB
TypeScript
export declare const popover: import("tailwind-variants").TVReturnType<{
color: {
default: {
base: string;
title: string;
h3: string;
};
primary: {
base: string;
title: string;
h3: string;
};
secondary: {
base: string;
title: string;
h3: string;
};
gray: {
base: string;
title: string;
h3: string;
};
red: {
base: string;
title: string;
h3: string;
};
orange: {
base: string;
title: string;
h3: string;
};
amber: {
base: string;
title: string;
h3: string;
};
yellow: {
base: string;
title: string;
h3: string;
};
lime: {
base: string;
title: string;
h3: string;
};
green: {
base: string;
title: string;
h3: string;
};
emerald: {
base: string;
title: string;
h3: string;
};
teal: {
base: string;
title: string;
h3: string;
};
cyan: {
base: string;
title: string;
h3: string;
};
sky: {
base: string;
title: string;
h3: string;
};
blue: {
base: string;
title: string;
h3: string;
};
indigo: {
base: string;
title: string;
h3: string;
};
violet: {
base: string;
title: string;
h3: string;
};
purple: {
base: string;
title: string;
h3: string;
};
fuchsia: {
base: string;
title: string;
h3: string;
};
pink: {
base: string;
title: string;
h3: string;
};
rose: {
base: string;
title: string;
h3: string;
};
};
arrow: {
true: string;
false: string;
};
position: {
top: string;
bottom: string;
left: string;
right: string;
'right-start': string;
'right-end': string;
'left-start': string;
'left-end': string;
'top-start': string;
'top-end': string;
'bottom-start': string;
'bottom-end': string;
};
}, {
base: string;
title: string;
h3: string;
arrowBase: string;
}, undefined, {
color: {
default: {
base: string;
title: string;
h3: string;
};
primary: {
base: string;
title: string;
h3: string;
};
secondary: {
base: string;
title: string;
h3: string;
};
gray: {
base: string;
title: string;
h3: string;
};
red: {
base: string;
title: string;
h3: string;
};
orange: {
base: string;
title: string;
h3: string;
};
amber: {
base: string;
title: string;
h3: string;
};
yellow: {
base: string;
title: string;
h3: string;
};
lime: {
base: string;
title: string;
h3: string;
};
green: {
base: string;
title: string;
h3: string;
};
emerald: {
base: string;
title: string;
h3: string;
};
teal: {
base: string;
title: string;
h3: string;
};
cyan: {
base: string;
title: string;
h3: string;
};
sky: {
base: string;
title: string;
h3: string;
};
blue: {
base: string;
title: string;
h3: string;
};
indigo: {
base: string;
title: string;
h3: string;
};
violet: {
base: string;
title: string;
h3: string;
};
purple: {
base: string;
title: string;
h3: string;
};
fuchsia: {
base: string;
title: string;
h3: string;
};
pink: {
base: string;
title: string;
h3: string;
};
rose: {
base: string;
title: string;
h3: string;
};
};
arrow: {
true: string;
false: string;
};
position: {
top: string;
bottom: string;
left: string;
right: string;
'right-start': string;
'right-end': string;
'left-start': string;
'left-end': string;
'top-start': string;
'top-end': string;
'bottom-start': string;
'bottom-end': string;
};
}, {
base: string;
title: string;
h3: string;
arrowBase: string;
}, import("tailwind-variants").TVReturnType<{
color: {
default: {
base: string;
title: string;
h3: string;
};
primary: {
base: string;
title: string;
h3: string;
};
secondary: {
base: string;
title: string;
h3: string;
};
gray: {
base: string;
title: string;
h3: string;
};
red: {
base: string;
title: string;
h3: string;
};
orange: {
base: string;
title: string;
h3: string;
};
amber: {
base: string;
title: string;
h3: string;
};
yellow: {
base: string;
title: string;
h3: string;
};
lime: {
base: string;
title: string;
h3: string;
};
green: {
base: string;
title: string;
h3: string;
};
emerald: {
base: string;
title: string;
h3: string;
};
teal: {
base: string;
title: string;
h3: string;
};
cyan: {
base: string;
title: string;
h3: string;
};
sky: {
base: string;
title: string;
h3: string;
};
blue: {
base: string;
title: string;
h3: string;
};
indigo: {
base: string;
title: string;
h3: string;
};
violet: {
base: string;
title: string;
h3: string;
};
purple: {
base: string;
title: string;
h3: string;
};
fuchsia: {
base: string;
title: string;
h3: string;
};
pink: {
base: string;
title: string;
h3: string;
};
rose: {
base: string;
title: string;
h3: string;
};
};
arrow: {
true: string;
false: string;
};
position: {
top: string;
bottom: string;
left: string;
right: string;
'right-start': string;
'right-end': string;
'left-start': string;
'left-end': string;
'top-start': string;
'top-end': string;
'bottom-start': string;
'bottom-end': string;
};
}, {
base: string;
title: string;
h3: string;
arrowBase: string;
}, undefined, unknown, unknown, undefined>>;