flowbite-svelte 0.48.4 → 1.0.0-next.2

package/dist/typography/paragraph/P.svelte.d.ts

@@ -0,0 +1,29 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+export type PProps = typeof __propDef.props;
+export type PEvents = typeof __propDef.events;
+export type PSlots = typeof __propDef.slots;
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Props
+ * @props: children: any;
+ * @props:class: string = "text-gray-900 dark:text-white";
+ * @props:height: any = "normal";
+ * @props:align: any = "left";
+ * @props:justify: any = false;
+ * @props:italic: any;
+ * @props:firstUpper: any = false;
+ * @props:whitespace: any = "normal";
+ * @props:size: any = "base";
+ * @props:space: any = "normal";
+ * @props:weight: any = "normal";
+ */
+export default class P extends SvelteComponentTyped<PProps, PEvents, PSlots> {
+}
+export {};

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

@@ -0,0 +1,4 @@
+import type { ParagraphProps } from "./type";
+import P from "./P.svelte";
+import { paragraph } from "./theme";
+export { P, paragraph, type ParagraphProps };

package/dist/typography/paragraph/index.js

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

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

@@ -0,0 +1,225 @@
+import { type VariantProps } from "tailwind-variants";
+export type ParagraphVariants = VariantProps<typeof paragraph>;
+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", {
+    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", 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,16 @@
+import type { Snippet } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+import type { ParagraphVariants } from "./theme";
+interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement> {
+    children: Snippet;
+    italic?: boolean;
+    firstUpper?: boolean;
+    whitespace?: ParagraphVariants["whitespace"];
+    size?: ParagraphVariants["size"];
+    weight?: ParagraphVariants["weight"];
+    space?: ParagraphVariants["space"];
+    height?: ParagraphVariants["height"];
+    align?: ParagraphVariants["align"];
+    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 clsx from "clsx";
+  import { type SecondaryProps as Props, secondary } from "./index";
+
+  let { children, class: className, ...restProps }: Props = $props();
+</script>
+
+<small {...restProps} class={secondary({ class: clsx(className) })}>
+  {@render children()}
+</small>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@props: children: any;
+@props:class: string;
+-->

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

@@ -0,0 +1,20 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+type SecondaryProps_ = typeof __propDef.props;
+export { SecondaryProps_ as SecondaryProps };
+export type SecondaryEvents = typeof __propDef.events;
+export type SecondarySlots = typeof __propDef.slots;
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Props
+ * @props: children: any;
+ * @props:class: string;
+ */
+export default class Secondary extends SvelteComponentTyped<SecondaryProps_, SecondaryEvents, SecondarySlots> {
+}

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", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-gray-500 dark:text-gray-400 font-semibold", 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,6 @@
+import type { Snippet } from "svelte";
+import type { HTMLAttributes } from "svelte/elements";
+interface SecondaryProps extends HTMLAttributes<HTMLElement> {
+    children: Snippet;
+}
+export { type SecondaryProps };

package/dist/typography/secondary/type.js

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

package/dist/typography/span/Span.svelte

@@ -0,0 +1,44 @@
+<script lang="ts">
+  import clsx from "clsx";
+  import { type SpanProps as Props, span } from "./index";
+
+  let { children, class: className, italic, underline, linethrough, uppercase, gradient, highlight, decoration, decorationColor, decorationThickness, ...restProps }: Props = $props();
+
+  let classSpan = $derived(
+    span({
+      italic,
+      underline,
+      linethrough,
+      uppercase,
+      gradient,
+      highlight,
+      decoration,
+      decorationColor,
+      decorationThickness,
+      class: clsx(className)
+    })
+  );
+</script>
+
+<span {...restProps} class={classSpan}>
+  {#if children}
+    {@render children()}
+  {/if}
+</span>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@props: children: any;
+@props:class: string;
+@props:italic: any;
+@props:underline: any;
+@props:linethrough: any;
+@props:uppercase: any;
+@props:gradient: any;
+@props:highlight: any;
+@props:decoration: any;
+@props:decorationColor: any;
+@props:decorationThickness: any;
+-->

package/dist/typography/span/Span.svelte.d.ts

@@ -0,0 +1,29 @@
+import { SvelteComponentTyped } from "svelte";
+declare const __propDef: {
+    props: Record<string, never>;
+    events: {
+        [evt: string]: CustomEvent<any>;
+    };
+    slots: {};
+};
+type SpanProps_ = typeof __propDef.props;
+export { SpanProps_ as SpanProps };
+export type SpanEvents = typeof __propDef.events;
+export type SpanSlots = typeof __propDef.slots;
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Props
+ * @props: children: any;
+ * @props:class: string;
+ * @props:italic: any;
+ * @props:underline: any;
+ * @props:linethrough: any;
+ * @props:uppercase: any;
+ * @props:gradient: any;
+ * @props:highlight: any;
+ * @props:decoration: any;
+ * @props:decorationColor: any;
+ * @props:decorationThickness: any;
+ */
+export default class Span extends SvelteComponentTyped<SpanProps_, SpanEvents, SpanSlots> {
+}

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

@@ -0,0 +1,4 @@
+import type { SpanProps } from "./type";
+import Span from "./Span.svelte";
+import { span } from "./theme";
+export { Span, span, type SpanProps };

package/dist/typography/span/index.js

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