flowbite-svelte 0.47.2 → 1.0.0-next.1

package/dist/typography/paragraph/theme.d.ts

@@ -0,0 +1,519 @@
+export declare const paragraph: import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+        "8xl": string;
+        "9xl": string;
+    };
+    weight: {
+        thin: string;
+        extralight: string;
+        light: string;
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+    };
+    space: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    height: {
+        none: string;
+        tight: string;
+        snug: string;
+        normal: string;
+        relaxed: string;
+        loose: string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "10": string;
+    };
+    align: {
+        left: string;
+        center: string;
+        right: string;
+    };
+    whitespace: {
+        normal: string;
+        nowrap: string;
+        pre: string;
+        preline: string;
+        prewrap: string;
+    };
+    italic: {
+        true: string;
+    };
+    firstUpper: {
+        true: string;
+        false: string;
+    };
+    justify: {
+        true: string;
+        false: string;
+    };
+}, undefined, "text-gray-900 dark:text-white", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+        "8xl": string;
+        "9xl": string;
+    };
+    weight: {
+        thin: string;
+        extralight: string;
+        light: string;
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+    };
+    space: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    height: {
+        none: string;
+        tight: string;
+        snug: string;
+        normal: string;
+        relaxed: string;
+        loose: string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "10": string;
+    };
+    align: {
+        left: string;
+        center: string;
+        right: string;
+    };
+    whitespace: {
+        normal: string;
+        nowrap: string;
+        pre: string;
+        preline: string;
+        prewrap: string;
+    };
+    italic: {
+        true: string;
+    };
+    firstUpper: {
+        true: string;
+        false: string;
+    };
+    justify: {
+        true: string;
+        false: string;
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+        "8xl": string;
+        "9xl": string;
+    };
+    weight: {
+        thin: string;
+        extralight: string;
+        light: string;
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+    };
+    space: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    height: {
+        none: string;
+        tight: string;
+        snug: string;
+        normal: string;
+        relaxed: string;
+        loose: string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "10": string;
+    };
+    align: {
+        left: string;
+        center: string;
+        right: string;
+    };
+    whitespace: {
+        normal: string;
+        nowrap: string;
+        pre: string;
+        preline: string;
+        prewrap: string;
+    };
+    italic: {
+        true: string;
+    };
+    firstUpper: {
+        true: string;
+        false: string;
+    };
+    justify: {
+        true: string;
+        false: string;
+    };
+}>, {
+    size: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+        "8xl": string;
+        "9xl": string;
+    };
+    weight: {
+        thin: string;
+        extralight: string;
+        light: string;
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+    };
+    space: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    height: {
+        none: string;
+        tight: string;
+        snug: string;
+        normal: string;
+        relaxed: string;
+        loose: string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "10": string;
+    };
+    align: {
+        left: string;
+        center: string;
+        right: string;
+    };
+    whitespace: {
+        normal: string;
+        nowrap: string;
+        pre: string;
+        preline: string;
+        prewrap: string;
+    };
+    italic: {
+        true: string;
+    };
+    firstUpper: {
+        true: string;
+        false: string;
+    };
+    justify: {
+        true: string;
+        false: string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    size: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+        "8xl": string;
+        "9xl": string;
+    };
+    weight: {
+        thin: string;
+        extralight: string;
+        light: string;
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+    };
+    space: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    height: {
+        none: string;
+        tight: string;
+        snug: string;
+        normal: string;
+        relaxed: string;
+        loose: string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "10": string;
+    };
+    align: {
+        left: string;
+        center: string;
+        right: string;
+    };
+    whitespace: {
+        normal: string;
+        nowrap: string;
+        pre: string;
+        preline: string;
+        prewrap: string;
+    };
+    italic: {
+        true: string;
+    };
+    firstUpper: {
+        true: string;
+        false: string;
+    };
+    justify: {
+        true: string;
+        false: string;
+    };
+}, undefined, "text-gray-900 dark:text-white", import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+        "8xl": string;
+        "9xl": string;
+    };
+    weight: {
+        thin: string;
+        extralight: string;
+        light: string;
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+    };
+    space: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    height: {
+        none: string;
+        tight: string;
+        snug: string;
+        normal: string;
+        relaxed: string;
+        loose: string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "10": string;
+    };
+    align: {
+        left: string;
+        center: string;
+        right: string;
+    };
+    whitespace: {
+        normal: string;
+        nowrap: string;
+        pre: string;
+        preline: string;
+        prewrap: string;
+    };
+    italic: {
+        true: string;
+    };
+    firstUpper: {
+        true: string;
+        false: string;
+    };
+    justify: {
+        true: string;
+        false: string;
+    };
+}, {
+    size: {
+        xs: string;
+        sm: string;
+        base: string;
+        lg: string;
+        xl: string;
+        "2xl": string;
+        "3xl": string;
+        "4xl": string;
+        "5xl": string;
+        "6xl": string;
+        "7xl": string;
+        "8xl": string;
+        "9xl": string;
+    };
+    weight: {
+        thin: string;
+        extralight: string;
+        light: string;
+        normal: string;
+        medium: string;
+        semibold: string;
+        bold: string;
+        extrabold: string;
+        black: string;
+    };
+    space: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    height: {
+        none: string;
+        tight: string;
+        snug: string;
+        normal: string;
+        relaxed: string;
+        loose: string;
+        "3": string;
+        "4": string;
+        "5": string;
+        "6": string;
+        "7": string;
+        "8": string;
+        "9": string;
+        "10": string;
+    };
+    align: {
+        left: string;
+        center: string;
+        right: string;
+    };
+    whitespace: {
+        normal: string;
+        nowrap: string;
+        pre: string;
+        preline: string;
+        prewrap: string;
+    };
+    italic: {
+        true: string;
+    };
+    firstUpper: {
+        true: string;
+        false: string;
+    };
+    justify: {
+        true: string;
+        false: string;
+    };
+}>, unknown, unknown, undefined>>;

package/dist/typography/paragraph/theme.js

@@ -0,0 +1,79 @@
+import { tv } from "tailwind-variants";
+export const paragraph = tv({
+    base: "text-gray-900 dark:text-white",
+    variants: {
+        size: {
+            xs: "text-xs",
+            sm: "text-sm",
+            base: "text-base",
+            lg: "text-lg",
+            xl: "text-xl",
+            "2xl": "text-2xl",
+            "3xl": "text-3xl",
+            "4xl": "text-4xl",
+            "5xl": "text-5xl",
+            "6xl": "text-6xl",
+            "7xl": "text-7xl",
+            "8xl": "text-8xl",
+            "9xl": "text-9xl"
+        },
+        weight: {
+            thin: "font-thin",
+            extralight: "font-extralight",
+            light: "font-light",
+            normal: "font-normal",
+            medium: "font-medium",
+            semibold: "font-semibold",
+            bold: "font-bold",
+            extrabold: "font-extrabold",
+            black: "font-black"
+        },
+        space: {
+            tighter: "tracking-tighter",
+            tight: "tracking-tight",
+            normal: "tracking-normal",
+            wide: "tracking-wide",
+            wider: "tracking-wider",
+            widest: "tracking-widest"
+        },
+        height: {
+            none: "leading-none",
+            tight: "leading-tight",
+            snug: "leading-snug",
+            normal: "leading-normal",
+            relaxed: "leading-relaxed",
+            loose: "leading-loose",
+            "3": "leading-3",
+            "4": "leading-4",
+            "5": "leading-5",
+            "6": "leading-6",
+            "7": "leading-7",
+            "8": "leading-8",
+            "9": "leading-9",
+            "10": "leading-10"
+        },
+        align: {
+            left: "text-left",
+            center: "text-center",
+            right: "text-right"
+        },
+        whitespace: {
+            normal: "whitespace-normal",
+            nowrap: "whitespace-nowrap",
+            pre: "whitespace-pre",
+            preline: "whitespace-pre-line",
+            prewrap: "whitespace-pre-wrap"
+        },
+        italic: {
+            true: "italic"
+        },
+        firstUpper: {
+            true: "first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:me-3 first-letter:float-left",
+            false: ""
+        },
+        justify: {
+            true: "text-justify",
+            false: ""
+        }
+    }
+});

package/dist/typography/paragraph/type.d.ts

@@ -0,0 +1,21 @@
+import type { Snippet } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+type PsizeType = "sm" | "lg" | "xl" | "2xl" | "xs" | "base" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | "8xl" | "9xl" | undefined;
+type PweightType = "normal" | "thin" | "extralight" | "light" | "medium" | "semibold" | "bold" | "extrabold" | "black" | undefined;
+type SpaceType = "normal" | "tighter" | "tight" | "wide" | "wider" | "widest" | undefined;
+type HeightType = "normal" | "tight" | "none" | "snug" | "relaxed" | "loose" | "3" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | undefined;
+type AlignType = "left" | "center" | "right" | undefined;
+type WhitespaceType = "normal" | "nowrap" | "pre" | "preline" | "prewrap" | undefined;
+interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement> {
+    children: Snippet;
+    italic?: boolean;
+    firstUpper?: boolean;
+    whitespace?: WhitespaceType;
+    size?: PsizeType;
+    weight?: PweightType;
+    space?: SpaceType;
+    height?: HeightType;
+    align?: AlignType;
+    justify?: boolean;
+}
+export { type ParagraphProps };

package/dist/typography/paragraph/type.js

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

package/dist/typography/secondary/Secondary.svelte

@@ -0,0 +1,18 @@
+<script lang="ts">
+  import { twMerge } from "tailwind-merge";
+  import { type SecondaryProps as Props, secondary } from "./index";
+
+  let { children, class: className, ...restProps }: Props = $props();
+</script>
+
+<small {...restProps} class={twMerge(secondary(), className)}>
+  {@render children()}
+</small>
+
+<!--
+@component
+[Go to docs](https://preview.flowbite-svelte.com/)
+## Props
+@props: children: any;
+@props:class: string;
+-->

package/dist/typography/secondary/Secondary.svelte.d.ts

@@ -0,0 +1,10 @@
+import { type SecondaryProps as Props } from "./index";
+/**
+ * [Go to docs](https://preview.flowbite-svelte.com/)
+ * ## Props
+ * @props: children: any;
+ * @props:class: string;
+ */
+declare const Secondary: import("svelte").Component<Props, {}, "">;
+type Secondary = ReturnType<typeof Secondary>;
+export default Secondary;

package/dist/typography/secondary/index.d.ts

@@ -0,0 +1,4 @@
+import type { SecondaryProps } from "./type";
+import Secondary from "./Secondary.svelte";
+import { secondary } from "./theme";
+export { Secondary, secondary, type SecondaryProps };

package/dist/typography/secondary/index.js

@@ -0,0 +1,3 @@
+import Secondary from "./Secondary.svelte";
+import { secondary } from "./theme";
+export { Secondary, secondary };

package/dist/typography/secondary/theme.d.ts

@@ -0,0 +1 @@
+export declare const secondary: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-gray-500 dark:text-gray-400 font-semibold", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-500 dark:text-gray-400 font-semibold", import("tailwind-variants/dist/config").TVConfig<unknown, {} | {}>, unknown, unknown, undefined>>;

package/dist/typography/secondary/theme.js

@@ -0,0 +1,4 @@
+import { tv } from "tailwind-variants";
+export const secondary = tv({
+    base: "text-gray-500 dark:text-gray-400 font-semibold"
+});

package/dist/typography/secondary/type.d.ts

@@ -0,0 +1,8 @@
+import type { Snippet } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+interface SecondaryProps extends HTMLAttributes<HTMLElement> {
+    children: Snippet;
+    secondaryClass?: string;
+    class?: string;
+}
+export { type SecondaryProps };

package/dist/typography/secondary/type.js

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