UNPKG

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
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>>;