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.
301 lines (300 loc) • 7.54 kB
TypeScript
export declare const navbar: import("tailwind-variants").TVReturnType<{
fluid: {
true: {
container: string;
};
false: {
container: string;
};
};
breakPoint: {
md: {
container: string;
toggleButton: string;
menuContainer: string;
};
lg: {
container: string;
toggleButton: string;
menuContainer: string;
};
xl: {
container: string;
toggleButton: string;
menuContainer: string;
};
xxl: {
container: string;
toggleButton: string;
menuContainer: string;
};
};
navStatus: {
true: {
menuContainer: string;
};
false: {
menuContainer: string;
};
};
}, {
base: string;
container: string;
toggleButton: string;
menuContainer: string;
activeLink: string;
inactiveLink: string;
}, undefined, {
fluid: {
true: {
container: string;
};
false: {
container: string;
};
};
breakPoint: {
md: {
container: string;
toggleButton: string;
menuContainer: string;
};
lg: {
container: string;
toggleButton: string;
menuContainer: string;
};
xl: {
container: string;
toggleButton: string;
menuContainer: string;
};
xxl: {
container: string;
toggleButton: string;
menuContainer: string;
};
};
navStatus: {
true: {
menuContainer: string;
};
false: {
menuContainer: string;
};
};
}, {
base: string;
container: string;
toggleButton: string;
menuContainer: string;
activeLink: string;
inactiveLink: string;
}, import("tailwind-variants").TVReturnType<{
fluid: {
true: {
container: string;
};
false: {
container: string;
};
};
breakPoint: {
md: {
container: string;
toggleButton: string;
menuContainer: string;
};
lg: {
container: string;
toggleButton: string;
menuContainer: string;
};
xl: {
container: string;
toggleButton: string;
menuContainer: string;
};
xxl: {
container: string;
toggleButton: string;
menuContainer: string;
};
};
navStatus: {
true: {
menuContainer: string;
};
false: {
menuContainer: string;
};
};
}, {
base: string;
container: string;
toggleButton: string;
menuContainer: string;
activeLink: string;
inactiveLink: string;
}, undefined, unknown, unknown, undefined>>;
export declare const navUl: import("tailwind-variants").TVReturnType<{
breakPoint: {
md: string;
lg: string;
xl: string;
xxl: string;
};
}, undefined, "font-medium flex flex-col p-4 mt-4 border border-gray-100 rounded-lg bg-transparent rtl:space-x-reverse dark:bg-gray-800 dark:border-gray-700", {
breakPoint: {
md: string;
lg: string;
xl: string;
xxl: string;
};
}, undefined, import("tailwind-variants").TVReturnType<{
breakPoint: {
md: string;
lg: string;
xl: string;
xxl: string;
};
}, undefined, "font-medium flex flex-col p-4 mt-4 border border-gray-100 rounded-lg bg-transparent rtl:space-x-reverse dark:bg-gray-800 dark:border-gray-700", unknown, unknown, undefined>>;
export declare const navbrand: import("tailwind-variants").TVReturnType<{
[key: string]: {
[key: string]: import("tailwind-merge").ClassNameValue | {
base?: import("tailwind-merge").ClassNameValue;
span?: import("tailwind-merge").ClassNameValue;
};
};
} | {
[x: string]: {
[x: string]: import("tailwind-merge").ClassNameValue | {
base?: import("tailwind-merge").ClassNameValue;
span?: import("tailwind-merge").ClassNameValue;
};
};
} | {}, {
base: string;
span: string;
}, undefined, {
[key: string]: {
[key: string]: import("tailwind-merge").ClassNameValue | {
base?: import("tailwind-merge").ClassNameValue;
span?: import("tailwind-merge").ClassNameValue;
};
};
} | {}, {
base: string;
span: string;
}, import("tailwind-variants").TVReturnType<unknown, {
base: string;
span: string;
}, undefined, unknown, unknown, undefined>>;
export declare const navLi: import("tailwind-variants").TVReturnType<{
active: {
true: {
link: string;
};
};
breakPoint: {
md: {
link: string;
};
lg: {
link: string;
};
xl: {
link: string;
};
xxl: {
link: string;
};
};
}, {
base: string;
link: string;
}, undefined, {
active: {
true: {
link: string;
};
};
breakPoint: {
md: {
link: string;
};
lg: {
link: string;
};
xl: {
link: string;
};
xxl: {
link: string;
};
};
}, {
base: string;
link: string;
}, import("tailwind-variants").TVReturnType<{
active: {
true: {
link: string;
};
};
breakPoint: {
md: {
link: string;
};
lg: {
link: string;
};
xl: {
link: string;
};
xxl: {
link: string;
};
};
}, {
base: string;
link: string;
}, undefined, unknown, unknown, undefined>>;
export declare const navcontainer: import("tailwind-variants").TVReturnType<{
fluid: {
true: string;
false: string;
};
}, undefined, "mx-auto flex flex-wrap justify-between items-center", {
fluid: {
true: string;
false: string;
};
}, undefined, import("tailwind-variants").TVReturnType<{
fluid: {
true: string;
false: string;
};
}, undefined, "mx-auto flex flex-wrap justify-between items-center", unknown, unknown, undefined>>;
export declare const navhamburger: import("tailwind-variants").TVReturnType<{
breakPoint: {
md: string;
lg: string;
xl: string;
xxl: string;
};
}, undefined, "inline-flex h-10 w-10 items-center justify-center rounded-lg p-2 text-sm text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600", {
breakPoint: {
md: string;
lg: string;
xl: string;
xxl: string;
};
}, undefined, import("tailwind-variants").TVReturnType<{
breakPoint: {
md: string;
lg: string;
xl: string;
xxl: string;
};
}, undefined, "inline-flex h-10 w-10 items-center justify-center rounded-lg p-2 text-sm text-gray-500 hover:bg-gray-100 focus:outline-none focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600", unknown, unknown, undefined>>;