flowbite-svelte 1.10.19 → 1.10.21

package/dist/stepper/theme.d.ts

@@ -1,352 +1,407 @@
-import type { ClassValue } from "svelte/elements";
-export type StepperClasses = Partial<{
-    stepper: ClassValue;
-    stepperitem: ClassValue;
-    steppercontent: ClassValue;
-}>;
-export type StepperVariants = {
-    classes?: StepperClasses;
-};
-export declare const stepper: {
-    base: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center w-full text-sm font-medium text-center text-gray-500 dark:text-gray-400 sm:text-base", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center w-full text-sm font-medium text-center text-gray-500 dark:text-gray-400 sm:text-base", unknown, unknown, undefined>>;
-    item: import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-        isLast: {
-            true: string;
-            false: string;
-        };
-    }, undefined, "flex items-center", {
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-        isLast: {
-            true: string;
-            false: string;
-        };
-    }, undefined, import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-        isLast: {
-            true: string;
-            false: string;
-        };
-    }, undefined, "flex items-center", unknown, unknown, undefined>>;
-    content: import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-        isLast: {
-            true: string;
-            false: string;
-        };
-    }, undefined, "flex items-center", {
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-        isLast: {
-            true: string;
-            false: string;
-        };
-    }, undefined, import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-        isLast: {
-            true: string;
-            false: string;
-        };
-    }, undefined, "flex items-center", unknown, unknown, undefined>>;
-};
-export type StepperTheme = {
-    base?: string;
-    item?: string;
-    content?: string;
-};
-export type ProgressStepperClasses = Partial<{
-    progressstepper: ClassValue;
-    progressstepperitem: ClassValue;
-    progresssteppercircle: ClassValue;
-}>;
-export type ProgressStepperVariants = {
-    classes?: ProgressStepperClasses;
-};
-export declare const progressStepper: {
-    stepper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center w-full", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center w-full", unknown, unknown, undefined>>;
-    item: import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-        isLast: {
-            true: string;
-            false: string;
-        };
-    }, undefined, "flex items-center w-full", {
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-        isLast: {
-            true: string;
-            false: string;
-        };
-    }, undefined, import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-        isLast: {
-            true: string;
-            false: string;
-        };
-    }, undefined, "flex items-center w-full", unknown, unknown, undefined>>;
-    circle: import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-    }, undefined, "flex items-center justify-center w-10 h-10 rounded-full lg:h-12 lg:w-12 shrink-0", {
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-    }, undefined, import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-    }, undefined, "flex items-center justify-center w-10 h-10 rounded-full lg:h-12 lg:w-12 shrink-0", unknown, unknown, undefined>>;
-};
-export type ProgressStepperTheme = {
-    stepper?: string;
-    item?: string;
-    circle?: string;
-};
-export type DetailedStepperClasses = Partial<{
-    detailedstepper: ClassValue;
-    detailedstepperitem: ClassValue;
-    detailedstepperindicator: ClassValue;
-}>;
-export type DetailedStepperVariants = {
-    classes?: DetailedStepperClasses;
-};
-export declare const detailedStepper: {
-    stepper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "items-center w-full space-y-4 sm:flex sm:space-x-8 sm:space-y-0 rtl:space-x-reverse", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "items-center w-full space-y-4 sm:flex sm:space-x-8 sm:space-y-0 rtl:space-x-reverse", unknown, unknown, undefined>>;
-    item: import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-    }, undefined, "flex items-center space-x-2.5 rtl:space-x-reverse", {
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-    }, undefined, import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-    }, undefined, "flex items-center space-x-2.5 rtl:space-x-reverse", unknown, unknown, undefined>>;
-    indicator: import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-    }, undefined, "flex items-center justify-center w-8 h-8 rounded-full shrink-0", {
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-    }, undefined, import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-    }, undefined, "flex items-center justify-center w-8 h-8 rounded-full shrink-0", unknown, unknown, undefined>>;
-};
-export type DetailedStepperTheme = {
-    stepper?: string;
-    item?: string;
-    indicator?: string;
-};
-export type VerticalStepperClasses = Partial<{
-    verticalstepper: ClassValue;
-    verticalsteppercard: ClassValue;
-    verticalsteppercontent: ClassValue;
-}>;
-export type VerticalStepperVariants = {
-    classes?: VerticalStepperClasses;
-};
-export declare const verticalStepper: {
-    stepper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "space-y-4 w-72", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "space-y-4 w-72", unknown, unknown, undefined>>;
-    card: import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-    }, undefined, "w-full p-4 border rounded-lg", {
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-    }, undefined, import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-    }, undefined, "w-full p-4 border rounded-lg", unknown, unknown, undefined>>;
-    content: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center justify-between", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center justify-between", unknown, unknown, undefined>>;
-};
-export type VerticalStepperTheme = {
-    stepper?: string;
-    card?: string;
-    content?: string;
-};
-export type BreadcrumbStepperClasses = Partial<{
-    breadcrumbstepper: ClassValue;
-    breadcrumbstepperitem: ClassValue;
-    breadcrumbstepperindicator: ClassValue;
-}>;
-export type BreadcrumbStepperVariants = {
-    classes?: BreadcrumbStepperClasses;
-};
-export declare const breadcrumbStepper: {
-    stepper: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "flex items-center w-full p-3 space-x-2 text-sm font-medium text-center text-gray-500 bg-white border border-gray-200 rounded-lg shadow-xs  dark:text-gray-400 sm:text-base dark:bg-gray-800 dark:border-gray-700 sm:p-4 sm:space-x-4 rtl:space-x-reverse", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "flex items-center w-full p-3 space-x-2 text-sm font-medium text-center text-gray-500 bg-white border border-gray-200 rounded-lg shadow-xs  dark:text-gray-400 sm:text-base dark:bg-gray-800 dark:border-gray-700 sm:p-4 sm:space-x-4 rtl:space-x-reverse", unknown, unknown, undefined>>;
-    item: import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-        hasChevron: {
-            true: string;
-            false: string;
-        };
-    }, undefined, "flex items-center", {
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-        hasChevron: {
-            true: string;
-            false: string;
-        };
-    }, undefined, import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-        hasChevron: {
-            true: string;
-            false: string;
-        };
-    }, undefined, "flex items-center", unknown, unknown, undefined>>;
-    indicator: import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-    }, undefined, "flex items-center justify-center w-5 h-5 me-2 text-xs rounded-full shrink-0", {
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-    }, undefined, import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-    }, undefined, "flex items-center justify-center w-5 h-5 me-2 text-xs rounded-full shrink-0", unknown, unknown, undefined>>;
-};
-export type BreadcrumbStepperTheme = {
-    stepper?: string;
-    item?: string;
-    indicator?: string;
-};
-export type TimelineStepperClasses = Partial<{
-    timelinestepper: ClassValue;
-    timelinestepperitem: ClassValue;
-    timelinesteppercircle: ClassValue;
-}>;
-export type TimelineStepperVariants = {
-    classes?: TimelineStepperClasses;
-};
-export declare const timelineStepper: {
-    base: import("tailwind-variants").TVReturnType<{} | {} | {}, undefined, "relative text-gray-500 border-s border-gray-200 dark:border-gray-700 dark:text-gray-400", {} | {}, undefined, import("tailwind-variants").TVReturnType<unknown, undefined, "relative text-gray-500 border-s border-gray-200 dark:border-gray-700 dark:text-gray-400", unknown, unknown, undefined>>;
-    item: import("tailwind-variants").TVReturnType<{
-        isLast: {
-            true: string;
-            false: string;
-        };
-    }, undefined, "ms-6", {
-        isLast: {
-            true: string;
-            false: string;
-        };
-    }, undefined, import("tailwind-variants").TVReturnType<{
-        isLast: {
-            true: string;
-            false: string;
-        };
-    }, undefined, "ms-6", unknown, unknown, undefined>>;
-    circle: import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-    }, undefined, "absolute flex items-center justify-center w-8 h-8 rounded-full -start-4 ring-4 ring-white dark:ring-gray-900", {
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-    }, undefined, import("tailwind-variants").TVReturnType<{
-        status: {
-            completed: string;
-            current: string;
-            pending: string;
-        };
-    }, undefined, "absolute flex items-center justify-center w-8 h-8 rounded-full -start-4 ring-4 ring-white dark:ring-gray-900", unknown, unknown, undefined>>;
-};
-export type TimelineStepperTheme = {
-    base?: string;
-    item?: string;
-    circle?: string;
-};
+import { type VariantProps } from "tailwind-variants";
+import type { Classes } from "../theme/themeUtils";
+export type StepperVariants = VariantProps<typeof stepper> & Classes<typeof stepper>;
+export type ProgressStepperVariants = VariantProps<typeof progressStepper> & Classes<typeof progressStepper>;
+export type DetailedStepperVariants = VariantProps<typeof detailedStepper> & Classes<typeof detailedStepper>;
+export type VerticalStepperVariants = VariantProps<typeof verticalStepper> & Classes<typeof verticalStepper>;
+export type BreadcrumbStepperVariants = VariantProps<typeof breadcrumbStepper> & Classes<typeof breadcrumbStepper>;
+export type TimelineStepperVariants = VariantProps<typeof timelineStepper> & Classes<typeof timelineStepper>;
+export declare const stepper: import("tailwind-variants").TVReturnType<{
+    status: {
+        completed: {
+            item: string;
+            content: string;
+        };
+        current: {
+            item: string;
+            content: string;
+        };
+        pending: {
+            item: string;
+            content: string;
+        };
+    };
+    isLast: {
+        true: {
+            item: string;
+            content: string;
+        };
+        false: {};
+    };
+}, {
+    base: string;
+    item: string;
+    content: string;
+}, undefined, {
+    status: {
+        completed: {
+            item: string;
+            content: string;
+        };
+        current: {
+            item: string;
+            content: string;
+        };
+        pending: {
+            item: string;
+            content: string;
+        };
+    };
+    isLast: {
+        true: {
+            item: string;
+            content: string;
+        };
+        false: {};
+    };
+}, {
+    base: string;
+    item: string;
+    content: string;
+}, import("tailwind-variants").TVReturnType<{
+    status: {
+        completed: {
+            item: string;
+            content: string;
+        };
+        current: {
+            item: string;
+            content: string;
+        };
+        pending: {
+            item: string;
+            content: string;
+        };
+    };
+    isLast: {
+        true: {
+            item: string;
+            content: string;
+        };
+        false: {};
+    };
+}, {
+    base: string;
+    item: string;
+    content: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const progressStepper: import("tailwind-variants").TVReturnType<{
+    status: {
+        completed: {
+            item: string;
+            circle: string;
+        };
+        current: {
+            item: string;
+            circle: string;
+        };
+        pending: {
+            item: string;
+            circle: string;
+        };
+    };
+    isLast: {
+        true: {
+            item: string;
+        };
+        false: {};
+    };
+}, {
+    base: string;
+    item: string;
+    circle: string;
+}, undefined, {
+    status: {
+        completed: {
+            item: string;
+            circle: string;
+        };
+        current: {
+            item: string;
+            circle: string;
+        };
+        pending: {
+            item: string;
+            circle: string;
+        };
+    };
+    isLast: {
+        true: {
+            item: string;
+        };
+        false: {};
+    };
+}, {
+    base: string;
+    item: string;
+    circle: string;
+}, import("tailwind-variants").TVReturnType<{
+    status: {
+        completed: {
+            item: string;
+            circle: string;
+        };
+        current: {
+            item: string;
+            circle: string;
+        };
+        pending: {
+            item: string;
+            circle: string;
+        };
+    };
+    isLast: {
+        true: {
+            item: string;
+        };
+        false: {};
+    };
+}, {
+    base: string;
+    item: string;
+    circle: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const detailedStepper: import("tailwind-variants").TVReturnType<{
+    status: {
+        completed: {
+            item: string;
+            indicator: string;
+        };
+        current: {
+            item: string;
+            indicator: string;
+        };
+        pending: {
+            item: string;
+            indicator: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    indicator: string;
+}, undefined, {
+    status: {
+        completed: {
+            item: string;
+            indicator: string;
+        };
+        current: {
+            item: string;
+            indicator: string;
+        };
+        pending: {
+            item: string;
+            indicator: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    indicator: string;
+}, import("tailwind-variants").TVReturnType<{
+    status: {
+        completed: {
+            item: string;
+            indicator: string;
+        };
+        current: {
+            item: string;
+            indicator: string;
+        };
+        pending: {
+            item: string;
+            indicator: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    indicator: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const verticalStepper: import("tailwind-variants").TVReturnType<{
+    status: {
+        completed: {
+            card: string;
+        };
+        current: {
+            card: string;
+        };
+        pending: {
+            card: string;
+        };
+    };
+}, {
+    base: string;
+    card: string;
+    content: string;
+}, undefined, {
+    status: {
+        completed: {
+            card: string;
+        };
+        current: {
+            card: string;
+        };
+        pending: {
+            card: string;
+        };
+    };
+}, {
+    base: string;
+    card: string;
+    content: string;
+}, import("tailwind-variants").TVReturnType<{
+    status: {
+        completed: {
+            card: string;
+        };
+        current: {
+            card: string;
+        };
+        pending: {
+            card: string;
+        };
+    };
+}, {
+    base: string;
+    card: string;
+    content: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const breadcrumbStepper: import("tailwind-variants").TVReturnType<{
+    status: {
+        completed: {
+            item: string;
+            indicator: string;
+        };
+        current: {
+            item: string;
+            indicator: string;
+        };
+        pending: {
+            item: string;
+            indicator: string;
+        };
+    };
+    hasChevron: {
+        true: {};
+        false: {};
+    };
+}, {
+    base: string;
+    item: string;
+    indicator: string;
+}, undefined, {
+    status: {
+        completed: {
+            item: string;
+            indicator: string;
+        };
+        current: {
+            item: string;
+            indicator: string;
+        };
+        pending: {
+            item: string;
+            indicator: string;
+        };
+    };
+    hasChevron: {
+        true: {};
+        false: {};
+    };
+}, {
+    base: string;
+    item: string;
+    indicator: string;
+}, import("tailwind-variants").TVReturnType<{
+    status: {
+        completed: {
+            item: string;
+            indicator: string;
+        };
+        current: {
+            item: string;
+            indicator: string;
+        };
+        pending: {
+            item: string;
+            indicator: string;
+        };
+    };
+    hasChevron: {
+        true: {};
+        false: {};
+    };
+}, {
+    base: string;
+    item: string;
+    indicator: string;
+}, undefined, unknown, unknown, undefined>>;
+export declare const timelineStepper: import("tailwind-variants").TVReturnType<{
+    status: {
+        completed: {
+            circle: string;
+        };
+        current: {
+            circle: string;
+        };
+        pending: {
+            circle: string;
+        };
+    };
+    isLast: {
+        true: {};
+        false: {
+            item: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    circle: string;
+}, undefined, {
+    status: {
+        completed: {
+            circle: string;
+        };
+        current: {
+            circle: string;
+        };
+        pending: {
+            circle: string;
+        };
+    };
+    isLast: {
+        true: {};
+        false: {
+            item: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    circle: string;
+}, import("tailwind-variants").TVReturnType<{
+    status: {
+        completed: {
+            circle: string;
+        };
+        current: {
+            circle: string;
+        };
+        pending: {
+            circle: string;
+        };
+    };
+    isLast: {
+        true: {};
+        false: {
+            item: string;
+        };
+    };
+}, {
+    base: string;
+    item: string;
+    circle: string;
+}, undefined, unknown, unknown, undefined>>;