flowbite-svelte 0.47.2 → 1.0.0-next.1

package/dist/tooltip/theme.d.ts

@@ -0,0 +1,536 @@
+import type { Placement } from "@floating-ui/dom";
+export declare const tooltip: import("tailwind-variants").TVReturnType<{
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        gray: {
+            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;
+        };
+    };
+    arrow: {
+        true: {
+            arrowBase: string;
+        };
+        false: {
+            arrowBase: string;
+        };
+    };
+    position: Record<Placement, object>;
+}, {
+    base: string;
+    arrowBase: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        gray: {
+            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;
+        };
+    };
+    arrow: {
+        true: {
+            arrowBase: string;
+        };
+        false: {
+            arrowBase: string;
+        };
+    };
+    position: Record<Placement, object>;
+}, {
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        gray: {
+            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;
+        };
+    };
+    arrow: {
+        true: {
+            arrowBase: string;
+        };
+        false: {
+            arrowBase: string;
+        };
+    };
+    position: Record<Placement, object>;
+}>, {
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        gray: {
+            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;
+        };
+    };
+    arrow: {
+        true: {
+            arrowBase: string;
+        };
+        false: {
+            arrowBase: string;
+        };
+    };
+    position: Record<Placement, object>;
+}, {
+    base: string;
+    arrowBase: string;
+}, import("tailwind-variants").TVReturnType<{
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        gray: {
+            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;
+        };
+    };
+    arrow: {
+        true: {
+            arrowBase: string;
+        };
+        false: {
+            arrowBase: string;
+        };
+    };
+    position: Record<Placement, object>;
+}, {
+    base: string;
+    arrowBase: string;
+}, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        gray: {
+            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;
+        };
+    };
+    arrow: {
+        true: {
+            arrowBase: string;
+        };
+        false: {
+            arrowBase: string;
+        };
+    };
+    position: Record<Placement, object>;
+}, {
+    color: {
+        default: {
+            base: string;
+        };
+        primary: {
+            base: string;
+        };
+        secondary: {
+            base: string;
+        };
+        gray: {
+            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;
+        };
+    };
+    arrow: {
+        true: {
+            arrowBase: string;
+        };
+        false: {
+            arrowBase: string;
+        };
+    };
+    position: Record<Placement, object>;
+}>, unknown, unknown, undefined>>;

package/dist/tooltip/theme.js

@@ -0,0 +1,55 @@
+import { tv } from "tailwind-variants";
+export const tooltip = tv({
+    slots: {
+        base: "absolute bg-gray-800 text-white px-2 py-1 rounded text-sm z-50 pointer-events-none",
+        arrowBase: "absolute w-2 h-2 rotate-45 bg-inherit"
+    },
+    variants: {
+        color: {
+            default: { base: "bg-gray-800" },
+            primary: { base: "bg-primary-600" },
+            secondary: { base: "bg-secondary-600" },
+            gray: { base: "bg-gray-600" },
+            red: { base: "bg-red-600" },
+            orange: { base: "bg-orange-600" },
+            amber: { base: "bg-amber-600" },
+            yellow: { base: "bg-yellow-400" },
+            lime: { base: "bg-lime-600" },
+            green: { base: "bg-green-600" },
+            emerald: { base: "bg-emerald-600" },
+            teal: { base: "bg-teal-600" },
+            cyan: { base: "bg-cyan-600" },
+            sky: { base: "bg-sky-600" },
+            blue: { base: "bg-blue-600" },
+            indigo: { base: "bg-indigo-600" },
+            violet: { base: "bg-violet-600" },
+            purple: { base: "bg-purple-600" },
+            fuchsia: { base: "bg-fuchsia-600" },
+            pink: { base: "bg-pink-600" },
+            rose: { base: "bg-rose-800" }
+        },
+        arrow: {
+            true: { arrowBase: "visible" },
+            false: { arrowBase: "hidden" }
+        },
+        position: {
+            top: {},
+            "top-start": {},
+            "top-end": {},
+            bottom: {},
+            "bottom-start": {},
+            "bottom-end": {},
+            left: {},
+            "left-start": {},
+            "left-end": {},
+            right: {},
+            "right-start": {},
+            "right-end": {}
+        }
+    },
+    defaultVariants: {
+        color: "default",
+        arrow: true,
+        position: "top"
+    }
+});

package/dist/tooltip/type.d.ts

@@ -0,0 +1,17 @@
+import type { Snippet } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+import type { Placement, Strategy } from "@floating-ui/dom";
+type TooltipColorType = "primary" | "secondary" | "gray" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "default" | undefined;
+interface TooltipProps extends HTMLAttributes<HTMLDivElement> {
+    children: Snippet;
+    triggeredBy?: string;
+    reference?: string;
+    showOn?: "hover" | "click";
+    position?: Placement;
+    color?: TooltipColorType;
+    arrow?: boolean;
+    offset?: number;
+    strategy?: Strategy;
+    visible?: boolean;
+}
+export { type TooltipProps };

package/dist/tooltip/type.js

@@ -0,0 +1 @@
+export {};