@pajohns/flowbite-svelte 0.1.0

package/dist/typography/mark/Mark.svelte.d.ts

@@ -0,0 +1,13 @@
+import type { MarkProps } from "../../types";
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Type
+ * [MarkProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2124)
+ * ## Props
+ * @prop children
+ * @prop class: className
+ * @prop ...restProps
+ */
+declare const Mark: import("svelte").Component<MarkProps, {}, "">;
+type Mark = ReturnType<typeof Mark>;
+export default Mark;

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

@@ -0,0 +1,2 @@
+export { default as Mark } from "./Mark.svelte";
+export { mark } from "./theme";

package/dist/typography/mark/index.js

@@ -0,0 +1,2 @@
+export { default as Mark } from "./Mark.svelte";
+export { mark } from "./theme";

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

@@ -0,0 +1 @@
+export declare const mark: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "text-white dark:bg-blue-500 bg-blue-600 px-2 rounded-sm", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "text-white dark:bg-blue-500 bg-blue-600 px-2 rounded-sm", unknown, unknown, undefined>>;

package/dist/typography/mark/theme.js

@@ -0,0 +1,4 @@
+import { tv } from "tailwind-variants";
+export const mark = tv({
+    base: "text-white dark:bg-blue-500 bg-blue-600 px-2 rounded-sm"
+});

package/dist/typography/paragraph/P.svelte

@@ -0,0 +1,49 @@
+<script lang="ts">
+  import clsx from "clsx";
+  import { paragraph } from "./theme";
+  import type { ParagraphProps } from "../../types";
+  import { getTheme } from "../../theme/themeUtils";
+
+  let {
+    children,
+    class: className = "text-gray-900 dark:text-white",
+    height = "normal",
+    align = "left",
+    justify = false,
+    italic,
+    firstUpper = false,
+    whitespace = "normal",
+    size = "base",
+    space = "normal",
+    weight = "normal",
+    ...restProps
+  }: ParagraphProps = $props();
+
+  const theme = $derived(getTheme("paragraph"));
+
+  let classP = $derived(paragraph({ height, size, weight, space, align, justify, italic, firstUpper, whitespace, class: clsx(theme, className) }));
+</script>
+
+<p {...restProps} class={classP}>
+  {@render children()}
+</p>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2129)
+## Props
+@prop children
+@prop class: className = "text-gray-900 dark:text-white"
+@prop height = "normal"
+@prop align = "left"
+@prop justify = false
+@prop italic
+@prop firstUpper = false
+@prop whitespace = "normal"
+@prop size = "base"
+@prop space = "normal"
+@prop weight = "normal"
+@prop ...restProps
+-->

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

@@ -0,0 +1,22 @@
+import type { ParagraphProps } from "../../types";
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Type
+ * [ParagraphProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2129)
+ * ## Props
+ * @prop children
+ * @prop class: className = "text-gray-900 dark:text-white"
+ * @prop height = "normal"
+ * @prop align = "left"
+ * @prop justify = false
+ * @prop italic
+ * @prop firstUpper = false
+ * @prop whitespace = "normal"
+ * @prop size = "base"
+ * @prop space = "normal"
+ * @prop weight = "normal"
+ * @prop ...restProps
+ */
+declare const P: import("svelte").Component<ParagraphProps, {}, "">;
+type P = ReturnType<typeof P>;
+export default P;

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

@@ -0,0 +1,2 @@
+export { default as P } from "./P.svelte";
+export { paragraph } from "./theme";

package/dist/typography/paragraph/index.js

@@ -0,0 +1,2 @@
+export { default as P } from "./P.svelte";
+export { paragraph } from "./theme";

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/secondary/Secondary.svelte

@@ -0,0 +1,25 @@
+<script lang="ts">
+  import clsx from "clsx";
+  import { secondary } from "./theme";
+  import type { SecondaryProps } from "../../types";
+  import { getTheme } from "../../theme/themeUtils";
+
+  let { children, class: className, ...restProps }: SecondaryProps = $props();
+
+  const theme = $derived(getTheme("secondary"));
+</script>
+
+<small {...restProps} class={secondary({ class: clsx(theme, className) })}>
+  {@render children()}
+</small>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2137)
+## Props
+@prop children
+@prop class: className
+@prop ...restProps
+-->

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

@@ -0,0 +1,13 @@
+import type { SecondaryProps } from "../../types";
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Type
+ * [SecondaryProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2137)
+ * ## Props
+ * @prop children
+ * @prop class: className
+ * @prop ...restProps
+ */
+declare const Secondary: import("svelte").Component<SecondaryProps, {}, "">;
+type Secondary = ReturnType<typeof Secondary>;
+export default Secondary;

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

@@ -0,0 +1,2 @@
+export { default as Secondary } from "./Secondary.svelte";
+export { secondary } from "./theme";

package/dist/typography/secondary/index.js

@@ -0,0 +1,2 @@
+export { default as Secondary } from "./Secondary.svelte";
+export { secondary } from "./theme";

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/span/Span.svelte

@@ -0,0 +1,51 @@
+<script lang="ts">
+  import clsx from "clsx";
+  import { span } from "./theme";
+  import type { SpanProps } from "../../types";
+  import { getTheme } from "../../theme/themeUtils";
+
+  let { children, class: className, italic, underline, linethrough, uppercase, gradient, highlight, decoration, decorationColor, decorationThickness, ...restProps }: SpanProps = $props();
+
+  const theme = $derived(getTheme("span"));
+
+  let classSpan = $derived(
+    span({
+      italic,
+      underline,
+      linethrough,
+      uppercase,
+      gradient,
+      highlight,
+      decoration,
+      decorationColor,
+      decorationThickness,
+      class: clsx(theme, className)
+    })
+  );
+</script>
+
+<span {...restProps} class={classSpan}>
+  {#if children}
+    {@render children()}
+  {/if}
+</span>
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Type
+[SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2142)
+## Props
+@prop children
+@prop class: className
+@prop italic
+@prop underline
+@prop linethrough
+@prop uppercase
+@prop gradient
+@prop highlight
+@prop decoration
+@prop decorationColor
+@prop decorationThickness
+@prop ...restProps
+-->

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

@@ -0,0 +1,22 @@
+import type { SpanProps } from "../../types";
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Type
+ * [SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2142)
+ * ## Props
+ * @prop children
+ * @prop class: className
+ * @prop italic
+ * @prop underline
+ * @prop linethrough
+ * @prop uppercase
+ * @prop gradient
+ * @prop highlight
+ * @prop decoration
+ * @prop decorationColor
+ * @prop decorationThickness
+ * @prop ...restProps
+ */
+declare const Span: import("svelte").Component<SpanProps, {}, "">;
+type Span = ReturnType<typeof Span>;
+export default Span;

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

@@ -0,0 +1,2 @@
+export { default as Span } from "./Span.svelte";
+export { span } from "./theme";

package/dist/typography/span/index.js

@@ -0,0 +1,2 @@
+export { default as Span } from "./Span.svelte";
+export { span } from "./theme";