flowbite-svelte 1.4.3 → 1.5.1

package/dist/types.d.ts

@@ -1,18 +1,11 @@
-import type { HTMLButtonAttributes, HTMLAnchorAttributes, HTMLAttributes, HTMLLiAttributes, HTMLImgAttributes, HTMLInputAttributes, HTMLLabelAttributes, HTMLSelectAttributes, HTMLTextareaAttributes, HTMLDialogAttributes, SVGAttributes, HTMLTableAttributes, HTMLTdAttributes, HTMLThAttributes, HTMLOlAttributes, HTMLBlockquoteAttributes, HTMLSourceAttributes, HTMLTrackAttributes, HTMLVideoAttributes } from "svelte/elements";
-import type { TransitionConfig, FadeParams, BlurParams, FlyParams, SlideParams, ScaleParams, EasingFunction } from "svelte/transition";
+import type { Coords, Middleware, Placement, Strategy } from "@floating-ui/dom";
+import type { ClassValue } from "clsx";
+import type { Component, Snippet } from "svelte";
+import type { HTMLAnchorAttributes, HTMLAttributes, HTMLBlockquoteAttributes, HTMLButtonAttributes, HTMLDialogAttributes, HTMLImgAttributes, HTMLInputAttributes, HTMLLabelAttributes, HTMLLiAttributes, HTMLOlAttributes, HTMLSelectAttributes, HTMLSourceAttributes, HTMLTableAttributes, HTMLTdAttributes, HTMLTextareaAttributes, HTMLThAttributes, HTMLTrackAttributes, HTMLVideoAttributes, SVGAttributes } from "svelte/elements";
 import { type Writable } from "svelte/store";
-import type { Snippet, Component } from "svelte";
+import type { BlurParams, EasingFunction, FadeParams, FlyParams, ScaleParams, SlideParams, TransitionConfig } from "svelte/transition";
 import { tv, type VariantProps } from "tailwind-variants";
-import type { Coords, Middleware, Placement, Strategy } from "@floating-ui/dom";
-import type { AlertVariants } from "./alert/theme";
-import type { BadgeVariants } from "./badge/theme";
-import type { BannerVariants } from "./banner/theme";
-import type { ButtonVariants, GradientButtonVariantes, button, gradientButton } from "./buttons/theme";
-import type { CarouselVariants } from "./carousel/theme";
-import type { closeButtonVariants } from "./utils/theme";
-import type Slide from "./carousel/Slide.svelte";
-import type { ApexOptions } from "apexcharts";
-import type { DrawerVariants } from "./drawer/theme";
+import type { CheckboxVariants } from "./forms/checkbox/theme";
 import type { FileuploadViariants } from "./forms/fileupload/theme";
 import type { FloatingLabelInputVaratiants } from "./forms/floating-label/theme";
 import type { HelperVariants } from "./forms/helper/theme";
@@ -32,11 +25,24 @@ import type { CardPlaceholderVariants, ImagePlaceholderVariants, ListPlaceholder
 import type { SpinnerVaraiants } from "./spinner/theme";
 import type { TableVariants } from "./table/theme";
 import type { TabsVaraints } from "./tabs/theme";
+import type { PaginationItemVariants, PaginationVariants } from "./pagination/theme";
+import type { ProgressbarVariants, ProgressradialVariants } from "./progress/theme";
 import { baseThemes } from "./theme";
 import { timeline } from "./timeline/theme";
 import type { ToastVaraints } from "./toast/theme";
 import type { ToolbarButtonVariants, ToolbarGroupVariants, ToolbarVariants } from "./toolbar/theme";
 import type { TooltipVariants } from "./tooltip/theme";
+import type { ApexOptions } from "apexcharts";
+import type { AlertVariants } from "./alert/theme";
+import type { BadgeVariants } from "./badge/theme";
+import type { BannerVariants } from "./banner/theme";
+import type { ButtonVariants, GradientButtonVariantes, gradientButton } from "./buttons/theme";
+import type { CardVariants } from "./card/theme";
+import type Slide from "./carousel/Slide.svelte";
+import type { CarouselVariants } from "./carousel/theme";
+import type { DrawerVariants } from "./drawer/theme";
+import type { closeButtonVariants } from "./utils/theme";
+import type { ButtonToggleVariants } from "./forms/button-toggle/theme";
 import type { AnchorVariants } from "./typography/anchor/theme";
 import type { BlockquoteVariants } from "./typography/blockquote/theme";
 import type { DescriptionListVariants } from "./typography/descriptionlist/theme";
@@ -45,7 +51,7 @@ import type { ImgVariants } from "./typography/img/theme";
 import type { ListVariants } from "./typography/list/theme";
 import type { ParagraphVariants } from "./typography/paragraph/theme";
 import type { SpanVariants } from "./typography/span/theme";
-import type { ButtonToggleVariants } from "./forms/button-toggle/theme";
+import type { ClipboardVariants } from "./clipboard/theme";
 export interface ThemeConfig {
     slots?: Record<string, object | string>;
     variants?: Record<string, object>;
@@ -79,13 +85,12 @@ export type CloseButtonProps = CloseButtonVariants & AnchorButtonAttributes & {
     svgClass?: string;
 };
 export type NavbarType = {
-    navStatus: boolean | undefined;
+    navStatus?: boolean;
     breakPoint: "md" | "lg" | "xl" | "xxl";
-    activeClass: string | undefined | null;
-    nonActiveClass: string | undefined | null;
+    activeClass?: string | null;
+    nonActiveClass?: string | null;
     closeNav: () => void;
 };
-export type ColorVariant = "primary" | "secondary" | "gray" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | "none";
 export type DeviceVariantType = "default" | "ios" | "android" | "tablet" | "laptop" | "desktop" | "smartwatch";
 export declare type SizeType = typeof xs | typeof sm | typeof md | typeof lg | typeof xl;
 export type TransitionTypes = "fade" | "fly" | "slide" | "blur" | "in:fly" | "out:fly" | "in:slide" | "out:slide" | "in:fade" | "out:fade" | "in:blur" | "out:blur";
@@ -93,7 +98,7 @@ export interface TransitionParamTypes {
     delay?: number;
     duration?: number;
     easing?: (t: number) => number;
-    css?: (t: number, u: number) => string | undefined | null;
+    css?: (t: number, u: number) => string | null;
     tick?: (t: number, u: number) => void;
 }
 export type ParamsType = FadeParams | BlurParams | FlyParams | SlideParams | ScaleParams | undefined;
@@ -106,18 +111,29 @@ export interface LinkType {
     active?: boolean;
     [propName: string]: any;
 }
-interface AnchorAttributes extends Omit<HTMLAnchorAttributes, "on:copy" | "oncopy" | "onclick"> {
+export type AnchorButtonAttributes = ({
     href: string;
-    onclick?: HTMLButtonAttributes["onclick"];
-}
-interface ButtonAttibutes extends Omit<HTMLButtonAttributes, "on:copy" | "oncopy"> {
+} & HTMLAnchorAttributes) | ({
     href?: undefined;
-}
-export type AnchorButtonAttributes = AnchorAttributes | ButtonAttibutes;
+} & HTMLButtonAttributes);
+export type AnchorDivAttributes = ({
+    href: string;
+} & HTMLAnchorAttributes) | ({
+    href?: undefined;
+} & HTMLAttributes<HTMLDivElement>);
+export type AnchorButtonDivAttributes = ({
+    href: string;
+} & HTMLAnchorAttributes) | ({
+    href?: undefined;
+    onclick: Function;
+} & HTMLButtonAttributes) | ({
+    href?: undefined;
+    onclick?: undefined;
+} & HTMLAttributes<HTMLDivElement>);
 export interface AccordionCtxType {
     flush: boolean;
-    activeClass: string | undefined | null;
-    inactiveClass: string | undefined | null;
+    activeClass?: string | null;
+    inactiveClass?: string | null;
     selected?: Writable<object>;
     classActive?: string;
     classInactive?: string;
@@ -147,7 +163,6 @@ export interface AccordionItemProps extends HTMLAttributes<HTMLDivElement> {
     headerClass?: string;
     contentClass?: string;
 }
-export type alertColor = "primary" | "secondary" | "gray" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
 export interface AlertProps extends Omit<AlertVariants, "icon">, Omit<HTMLAttributes<HTMLDivElement>, "color"> {
     children: Snippet;
     icon?: Snippet;
@@ -165,7 +180,7 @@ export interface AvatarProps extends HTMLAttributes<HTMLDivElement> {
     src?: string;
     cornerStyle?: "rounded" | "circular";
     stacked?: boolean;
-    dot?: object | undefined;
+    dot?: object;
     alt?: string;
     size?: "xs" | "sm" | "md" | "lg" | "xl";
     onclick?: () => void;
@@ -182,21 +197,22 @@ export interface BadgeProps extends BadgeVariants, Omit<HTMLAttributes<HTMLDivEl
     transition?: TransitionFunc;
     params?: ParamsType;
     onclose?: (ev: Event) => void;
-    aClass?: string;
+    aClass?: ClassValue;
 }
 export interface BannerProps extends BannerVariants, HTMLAttributes<HTMLDivElement> {
     header?: Snippet;
     open?: boolean;
     dismissable?: boolean;
     color?: BannerVariants["color"];
-    innerClass?: string;
+    innerClass?: ClassValue;
     transition?: TransitionFunc;
     params?: object;
+    closeClass?: ClassValue;
 }
 export type BottomNavVariantType = "border" | "application" | "group" | "default" | "pagination" | "card" | "meeting" | "video" | undefined;
 export type PositionType = "static" | "fixed" | "absolute" | "relative" | "sticky" | undefined;
 export type BottomNavContextType = {
-    activeClass: string | undefined | null;
+    activeClass?: string | null;
 };
 export type AppBtnPositionType = "middle" | "left" | "right" | undefined;
 export interface BottomNavProps extends HTMLAttributes<HTMLDivElement> {
@@ -205,20 +221,19 @@ export interface BottomNavProps extends HTMLAttributes<HTMLDivElement> {
     activeUrl?: string;
     position?: PositionType;
     navType?: BottomNavVariantType;
-    outerClass?: string;
-    innerClass?: string;
-    activeClass?: string;
+    outerClass?: ClassValue;
+    innerClass?: ClassValue;
+    activeClass?: ClassValue;
 }
 export interface BottomNavItemProps {
     children: Snippet;
     btnName?: string;
     appBtnPosition?: AppBtnPositionType;
-    activeClass?: string;
-    btnClass?: string;
-    spanClass?: string;
+    activeClass?: ClassValue;
+    btnClass?: ClassValue;
+    spanClass?: ClassValue;
     active?: boolean;
     id?: string;
-    class?: string;
     style?: string;
     tabindex?: number;
     title?: string;
@@ -237,8 +252,8 @@ export interface BottomNavItemProps {
 }
 export interface BottomNavHeaderProps {
     children: Snippet;
-    outerClass?: string;
-    innerClass?: string;
+    outerClass?: ClassValue;
+    innerClass?: ClassValue;
 }
 export interface BottomNavHeaderItemProps extends HTMLButtonAttributes {
     itemName: string;
@@ -247,7 +262,7 @@ export interface BottomNavHeaderItemProps extends HTMLButtonAttributes {
 export interface BreadcrumbProps extends HTMLAttributes<HTMLElement> {
     children: Snippet;
     solid?: boolean;
-    olClass?: string;
+    olClass?: ClassValue;
     ariaLabel?: string;
 }
 export interface BreadcrumbItemProps extends HTMLLiAttributes {
@@ -255,18 +270,16 @@ export interface BreadcrumbItemProps extends HTMLLiAttributes {
     icon?: Snippet;
     home?: boolean;
     href?: string;
-    linkClass?: string;
-    spanClass?: string;
-    homeClass?: string;
+    linkClass?: ClassValue;
+    spanClass?: ClassValue;
+    homeClass?: ClassValue;
 }
 export interface ButtonGroupProps extends HTMLAttributes<HTMLDivElement> {
     children: Snippet;
     size?: ButtonGroupSizeType;
-    class?: string;
     disabled?: boolean;
 }
 export type ButtonGroupSizeType = "sm" | "md" | "lg" | undefined;
-export type ButtonColor = NonNullable<VariantProps<typeof button>["color"]>;
 export type GradientButtonColor = NonNullable<VariantProps<typeof gradientButton>["color"]>;
 export type HTMLButtonOrAnchorAttributes = Omit<HTMLButtonAttributes & HTMLAnchorAttributes, "color">;
 export type ButtonProps = ButtonVariants & AnchorButtonAttributes & {
@@ -274,13 +287,12 @@ export type ButtonProps = ButtonVariants & AnchorButtonAttributes & {
     disabled?: boolean;
     outline?: boolean;
     shadow?: boolean;
-    color?: ButtonColor;
 };
 export interface GradientButtonProps extends GradientButtonVariantes, HTMLButtonOrAnchorAttributes {
     tag?: string;
     disabled?: boolean;
     href?: string;
-    color?: GradientButtonColor;
+    btnClass?: ClassValue;
 }
 export type ButtonToggleGroupProps = HTMLAttributes<HTMLDivElement> & {
     multiSelect?: boolean;
@@ -291,48 +303,31 @@ export type ButtonToggleGroupProps = HTMLAttributes<HTMLDivElement> & {
     roundedSize?: ButtonToggleVariants["roundedSize"];
     onSelect?: (val: any) => void;
     children: Snippet;
-    class?: string;
-    ctxIconClass?: string;
-    ctxBtnClass?: string;
+    ctxIconClass?: ClassValue;
+    ctxBtnClass?: ClassValue;
 };
 export type ButtonToggleProps = HTMLButtonAttributes & {
     value: string;
     selected?: boolean;
     children: Snippet;
-    iconSlot: Snippet;
+    iconSlot?: Snippet;
     color?: ButtonToggleVariants["color"];
-    iconClass?: string;
-    class?: string;
-    txtClass?: string;
+    iconClass?: ClassValue;
+    contentClass?: ClassValue;
+    txtClass?: ClassValue;
 };
 export interface ButtonToggleContext {
     toggleSelected: (toggleValue: string) => void;
     isSelected: (toggleValue: string) => boolean;
 }
 export interface CheckIconProps extends SVGAttributes<SVGSVGElement> {
-    class?: string;
 }
-export type CardSizeType = "sm" | "md" | "lg" | "xl" | "xs" | undefined;
-export type ShadowType = "sm" | "normal" | "lg" | "md" | "xl" | "2xl" | "inner" | undefined;
-export type ColorType = "primary" | "secondary" | "gray" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose" | undefined;
-export interface BaseCardProps {
+export type CardProps = Omit<CardVariants, "href"> & AnchorDivAttributes & {
     children: Snippet;
-    horizontal?: boolean;
-    color?: ColorType;
-    target?: string;
-    shadow?: ShadowType;
-    reverse?: boolean;
     img?: string;
-    size?: CardSizeType;
-    class?: string;
-    imgClass?: string;
+    imgClass?: ClassValue;
     contentClass?: string;
-}
-export type CardProps = BaseCardProps & (({
-    href: string;
-} & HTMLAnchorAttributes) | ({
-    href?: never;
-} & HTMLAttributes<HTMLDivElement>));
+};
 export type State = {
     images: HTMLImgAttributes[];
     index: number;
@@ -352,26 +347,26 @@ export interface CarouselProps extends CarouselVariants, Omit<HTMLAttributes<HTM
     transition?: TransitionFunc;
     duration?: number;
     disableSwipe?: boolean;
-    imgClass?: string;
+    imgClass?: ClassValue;
     onchange?: (x: HTMLImgAttributes) => {};
-    divClass?: string;
+    divClass?: ClassValue;
 }
 export interface IndicatorsProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
     children?: Snippet<[{
         selected: boolean;
         index: number;
     }]>;
-    activeClass?: string;
-    inactiveClass?: string;
+    activeClass?: ClassValue;
+    inactiveClass?: ClassValue;
     position?: "top" | "bottom" | "withThumbnails";
 }
 export interface ControlButtonProps extends HTMLButtonAttributes {
     forward: boolean;
-    name?: string | undefined | null;
+    name?: string | null;
+    spanClass?: ClassValue;
 }
 export interface ControlsProps extends Omit<HTMLButtonAttributes, "children"> {
     children?: Snippet<[(forward: boolean) => void]>;
-    class?: string;
 }
 export interface ThumbnailProps extends HTMLImgAttributes {
     selected?: boolean;
@@ -386,7 +381,7 @@ export interface ThumbnailsProps extends Omit<HTMLAttributes<HTMLDivElement>, "c
     images: HTMLImgAttributes[];
     index: number;
     ariaLabel?: string;
-    imgClass?: string;
+    imgClass?: ClassValue;
     throttleDelay?: number;
 }
 export interface SlideProps extends HTMLImgAttributes {
@@ -395,10 +390,16 @@ export interface SlideProps extends HTMLImgAttributes {
 }
 export interface ChartProps {
     options: ApexOptions;
-    class?: string;
+    class?: ClassValue;
+}
+export interface ClipboardProps extends ClipboardVariants, ButtonVariants, Omit<HTMLButtonAttributes, "children" | "color" | "disabled"> {
+    children: Snippet<[boolean]>;
+    value?: string;
+    success?: boolean;
+    showLabel?: boolean;
+    embedded?: boolean;
 }
 export interface DarkmodeProps extends HTMLButtonAttributes {
-    class?: string;
     lightIcon?: Snippet;
     darkIcon?: Snippet;
     size?: "sm" | "md" | "lg";
@@ -420,7 +421,7 @@ export interface DatepickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "o
     placeholder?: string;
     disabled?: boolean;
     required?: boolean;
-    inputClass?: string;
+    inputClass?: ClassValue;
     color?: ButtonProps["color"];
     inline?: boolean;
     autohide?: boolean;
@@ -429,6 +430,7 @@ export interface DatepickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "o
     onselect?: (x: DateOrRange) => void;
     onclear?: () => void;
     onapply?: (x: DateOrRange) => void;
+    btnClass?: ClassValue;
 }
 export interface DeviceMockupProps {
     children: Snippet;
@@ -436,80 +438,75 @@ export interface DeviceMockupProps {
 }
 export interface MockupBaseProps extends HTMLAttributes<HTMLElement> {
     children?: Snippet;
-    divClass?: string;
-    div2Class?: string;
-    div3Class?: string;
-    div4Class?: string;
+    divClass?: ClassValue;
+    div2Class?: ClassValue;
+    div3Class?: ClassValue;
+    div4Class?: ClassValue;
 }
 export interface AndroidProps extends HTMLAttributes<HTMLDivElement> {
     children?: Snippet;
-    divClass?: string;
-    div2Class?: string;
-    div3Class?: string;
-    div4Class?: string;
-    div5Class?: string;
-    div6Class?: string;
-    div7Class?: string;
+    divClass?: ClassValue;
+    div2Class?: ClassValue;
+    div3Class?: ClassValue;
+    div4Class?: ClassValue;
+    div5Class?: ClassValue;
+    div6Class?: ClassValue;
+    div7Class?: ClassValue;
 }
 export interface DefaultMockupProps {
     children?: Snippet;
-    divClass?: string;
-    div2Class?: string;
-    div3Class?: string;
-    div4Class?: string;
-    div5Class?: string;
-    div6Class?: string;
+    divClass?: ClassValue;
+    div2Class?: ClassValue;
+    div3Class?: ClassValue;
+    div4Class?: ClassValue;
+    div5Class?: ClassValue;
+    div6Class?: ClassValue;
 }
 export interface IosProps {
     children?: Snippet;
-    divClass?: string;
-    div2Class?: string;
-    div3Class?: string;
-    div4Class?: string;
-    div5Class?: string;
-    div6Class?: string;
+    divClass?: ClassValue;
+    div2Class?: ClassValue;
+    div3Class?: ClassValue;
+    div4Class?: ClassValue;
+    div5Class?: ClassValue;
+    div6Class?: ClassValue;
 }
 export interface SmartwatchProps {
     children?: Snippet;
-    divClass?: string;
-    div2Class?: string;
-    div3Class?: string;
-    div4Class?: string;
-    div5Class?: string;
-    div6Class?: string;
+    divClass?: ClassValue;
+    div2Class?: ClassValue;
+    div3Class?: ClassValue;
+    div4Class?: ClassValue;
+    div5Class?: ClassValue;
+    div6Class?: ClassValue;
 }
 export interface TabletProps {
     children?: Snippet;
-    divClass?: string;
-    div2Class?: string;
-    div3Class?: string;
-    div4Class?: string;
-    div5Class?: string;
-    div6Class?: string;
+    divClass?: ClassValue;
+    div2Class?: ClassValue;
+    div3Class?: ClassValue;
+    div4Class?: ClassValue;
+    div5Class?: ClassValue;
+    div6Class?: ClassValue;
 }
 export interface DrawerProps extends DrawerVariants, HTMLAttributes<HTMLDivElement> {
     hidden: boolean;
     closeDrawer?: () => void;
     activateClickOutside?: boolean;
     backdrop?: boolean;
-    backdropClass?: string;
+    backdropClass?: ClassValue;
     transitionParams?: ParamsType;
     transitionType?: TransitionFunc;
 }
 export interface DrawerheadProps extends HTMLButtonAttributes {
     closeIcon?: Snippet;
-    buttonClass?: string;
-    svgClass?: string;
+    buttonClass?: ClassValue;
+    svgClass?: ClassValue;
 }
 export interface DropdownProps extends PopperProps {
     simple?: boolean;
-    divClass?: string;
-    footerClass?: string;
-    headerClass?: string;
-    ulClass?: string;
-    backdropClass?: string;
     activeUrl?: string;
-    isOpen?: boolean | undefined;
+    isOpen?: boolean;
 }
 export interface DropdownDividerProps extends HTMLAttributes<HTMLDivElement> {
 }
@@ -517,14 +514,12 @@ export interface DropdownHeaderProps extends HTMLAttributes<HTMLDivElement> {
     children: Snippet;
 }
 export type DropdownItemAnchorButtonAttributes = HTMLAnchorAttributes & Omit<HTMLButtonAttributes, keyof HTMLAnchorAttributes | "type">;
-export interface DropdownItemProps extends DropdownItemAnchorButtonAttributes {
+export type DropdownItemProps = AnchorButtonDivAttributes & {
     children: Snippet;
-    aClass?: string;
-    href?: string;
-    activeClass?: string;
-    liClass?: string;
-    onclick?: () => void;
-}
+    aClass?: ClassValue;
+    activeClass?: ClassValue;
+    liClass?: ClassValue;
+};
 export interface DropdownGroupProps extends HTMLAttributes<HTMLUListElement> {
     children: Snippet;
 }
@@ -532,40 +527,38 @@ export type FooterType = "default" | "sticky" | "sitemap" | "socialmedia" | "log
 export interface FooterProps extends HTMLAttributes<HTMLElement> {
     children: Snippet;
     footerType?: FooterType;
-    class?: string;
 }
 export interface FooterBrandProps extends HTMLAnchorAttributes {
     children?: Snippet;
-    aClass?: string;
-    spanClass?: string;
-    imgClass?: string;
+    aClass?: ClassValue;
+    spanClass?: ClassValue;
+    imgClass?: ClassValue;
     href?: string;
     src?: string;
     alt?: string;
     name?: string;
 }
 export interface FooterCopyrightProps extends HTMLAnchorAttributes {
-    spanClass?: string;
-    aClass?: string;
+    spanClass?: ClassValue;
+    aClass?: ClassValue;
     href?: string;
     by?: string;
     copyrightMessage?: string;
-    year?: number | undefined;
+    year?: number;
+    bySpanClass?: ClassValue;
 }
 export interface FooterIconProps extends HTMLAnchorAttributes {
     children: Snippet;
     href?: string;
     ariaLabel?: string;
-    class?: string;
 }
 export interface FooterLinkGroupProps extends HTMLAttributes<HTMLUListElement> {
     children: Snippet;
-    class?: string;
 }
 export interface FooterLinkProps extends HTMLAnchorAttributes {
     children: Snippet;
-    liClass?: string;
-    aClass?: string;
+    liClass?: ClassValue;
+    aClass?: ClassValue;
     href?: string;
 }
 export interface CheckboxItem {
@@ -574,15 +567,13 @@ export interface CheckboxItem {
     checked?: boolean | null;
     [key: string]: any;
 }
-export type CheckboxColorType = "primary" | "secondary" | "gray" | "red" | "orange" | "amber" | "yellow" | "lime" | "green" | "emerald" | "teal" | "cyan" | "sky" | "blue" | "indigo" | "violet" | "purple" | "fuchsia" | "pink" | "rose";
-export interface CheckboxProps extends Omit<HTMLInputAttributes, "children" | "color"> {
+export interface CheckboxProps extends CheckboxVariants, Omit<HTMLInputAttributes, "children" | "color" | "disabled"> {
     children?: Snippet<[
         {
             value?: string | number;
             checked: boolean;
         } | CheckboxItem
     ]>;
-    color?: CheckboxColorType;
     custom?: boolean;
     inline?: boolean;
     tinted?: boolean;
@@ -590,13 +581,13 @@ export interface CheckboxProps extends Omit<HTMLInputAttributes, "children" | "c
     group?: (string | number)[];
     choices?: CheckboxItem[];
     indeterminate?: boolean;
-    divClass?: string;
+    divClass?: ClassValue;
     labelProps?: Record<string, any>;
 }
 export interface CheckboxButtonProps extends Omit<HTMLInputAttributes, "size"> {
     group?: (string | number)[];
     value?: string | number;
-    checked?: boolean | undefined;
+    checked?: boolean;
     inline?: boolean;
     pill?: boolean;
     outline?: boolean;
@@ -614,31 +605,32 @@ export interface FileuploadProps extends Omit<HTMLInputAttributes, "size"> {
     color?: InputProps<never>["color"];
     elementRef?: HTMLInputElement;
     clearable?: boolean;
-    clearableSvgClass?: string;
+    clearableSvgClass?: ClassValue;
     clearableColor?: CloseButtonVariants["color"];
     clearableOnClick?: () => void;
-    clearableClass?: string;
+    clearableClass?: ClassValue;
+    wrapperClass?: ClassValue;
 }
 export interface FloatingLabelInputProps extends Omit<HTMLInputAttributes, "size"> {
     children: Snippet;
     id?: string;
-    value?: string | number | readonly string[] | undefined;
+    value?: string | number | readonly string[];
     elementRef?: HTMLInputElement;
     "aria-describedby"?: string;
     variant?: FloatingLabelInputVaratiants["variant"];
     size?: FloatingLabelInputVaratiants["size"];
     color?: FloatingLabelInputVaratiants["color"];
-    inputClass?: string;
-    labelClass?: string;
+    inputClass?: ClassValue;
+    labelClass?: ClassValue;
     clearable?: boolean;
-    clearableSvgClass?: string;
+    clearableSvgClass?: ClassValue;
     clearableColor?: CloseButtonVariants["color"];
-    clearableClass?: string;
+    clearableClass?: ClassValue;
     clearableOnClick?: () => void;
     data?: string[];
     maxSuggestions?: number;
     onSelect?: (item: string) => void;
-    comboClass?: string;
+    comboClass?: ClassValue;
 }
 export interface HelperProps extends HelperVariants, Omit<HTMLAttributes<HTMLParagraphElement>, "color"> {
 }
@@ -653,24 +645,23 @@ export interface InputProps<T extends InputValue = string> extends Omit<HTMLInpu
     value?: T;
     elementRef?: HTMLInputElement;
     color?: InputVariants["color"];
-    classLeft?: string;
-    classRight?: string;
-    divClass?: string;
-    wrapperClass?: string;
+    leftClass?: ClassValue;
+    rightClass?: ClassValue;
+    divClass?: ClassValue;
+    wrapperClass?: ClassValue;
     clearable?: boolean;
-    clearableSvgClass?: string;
+    clearableSvgClass?: ClassValue;
     clearableColor?: CloseButtonVariants["color"];
-    clearableClass?: string;
+    clearableClass?: ClassValue;
     clearableOnClick?: () => void;
     data?: string[];
     maxSuggestions?: number;
     onSelect?: (item: string) => void;
-    comboClass?: string;
+    comboClass?: ClassValue;
 }
 export interface InputAddonProps extends HTMLAttributes<HTMLDivElement> {
     children: Snippet;
-    class?: string;
-    size?: "sm" | "md" | "lg" | undefined;
+    size?: "sm" | "md" | "lg";
 }
 export interface LabelProps extends HTMLLabelAttributes {
     children: Snippet;
@@ -680,8 +671,8 @@ export interface LabelProps extends HTMLLabelAttributes {
 export interface RadioProps<T> extends RadioVariants, Omit<HTMLInputAttributes, "color"> {
     group?: T;
     value?: T;
-    inputClass?: string;
-    labelClass?: string;
+    inputClass?: ClassValue;
+    labelClass?: ClassValue;
 }
 export interface RadioButtonProps<T> extends Omit<HTMLInputAttributes, "size"> {
     group?: T;
@@ -692,21 +683,22 @@ export interface RadioButtonProps<T> extends Omit<HTMLInputAttributes, "size"> {
     size?: ButtonProps["size"];
     color?: ButtonProps["color"];
     shadow?: boolean;
-    class?: string;
-    checkedClass?: string;
+    checkedClass?: ClassValue;
 }
 export interface RangeProps extends RangeVariants, Omit<HTMLInputAttributes, "size" | "color"> {
     value?: number | string;
+    inputClass?: ClassValue;
 }
 export interface SearchProps extends SearchVariants, Omit<HTMLInputAttributes, "size"> {
     children?: Snippet;
     value?: string;
     elementRef?: HTMLInputElement;
     clearable?: boolean;
-    clearableSvgClass?: string;
+    clearableSvgClass?: ClassValue;
     clearableColor?: CloseButtonVariants["color"];
-    clearableClass?: string;
+    clearableClass?: ClassValue;
     clearableOnClick?: () => void;
+    inputClass?: ClassValue;
 }
 export type SelectOptionType<T> = {
     name: string | number;
@@ -719,11 +711,11 @@ export interface SelectProps<T> extends SelectVariants, Omit<HTMLSelectAttribute
     items?: SelectOptionType<T>[];
     elementRef?: HTMLSelectElement;
     placeholder?: string;
-    selectClass?: string;
+    selectClass?: ClassValue;
     clearable?: boolean;
-    clearableSvgClass?: string;
+    clearableSvgClass?: ClassValue;
     clearableColor?: CloseButtonVariants["color"];
-    clearableClass?: string;
+    clearableClass?: ClassValue;
     clearableOnClick?: () => void;
     disabled?: boolean;
 }
@@ -734,18 +726,17 @@ export interface MultiSelectProps<T> extends MultiSelectVariants, Omit<HTMLSelec
     }]>;
     items: SelectOptionType<T>[];
     value: T[];
-    dropdownClass?: string;
+    dropdownClass?: ClassValue;
     placeholder?: string;
     disabled?: boolean;
 }
 export interface TagsProps extends HTMLAttributes<HTMLDivElement> {
     value: string[];
-    itemClass?: string;
+    itemClass?: ClassValue;
     placeholder?: string;
-    class?: string;
-    spanClass?: string;
-    closeClass?: string;
-    inputClass?: string;
+    spanClass?: ClassValue;
+    closeClass?: ClassValue;
+    inputClass?: ClassValue;
     closeBtnSize?: CloseButtonVariants["size"];
 }
 export type TimePickerType = "default" | "dropdown" | "select" | "range" | "timerange-dropdown" | "timerange-toggle" | "inline-buttons";
@@ -765,14 +756,14 @@ export interface TimepickerProps {
     disabled?: boolean;
     inputColor?: InputProps["color"];
     buttonColor?: ButtonProps["color"];
-    Icon?: Component | undefined;
+    Icon?: Component;
     type?: TimePickerType;
     optionLabel?: string;
     options?: TimePickerOption[];
     size?: ButtonGroupSizeType;
-    divClass?: string;
-    inputClass?: string;
-    selectClass?: string;
+    divClass?: ClassValue;
+    inputClass?: ClassValue;
+    selectClass?: ClassValue;
     timerangeLabel?: string;
     timerangeButtonLabel?: string;
     timeIntervals?: string[];
@@ -789,24 +780,25 @@ export interface TextareaProps extends HTMLTextareaAttributes {
     value?: string;
     elementRef?: HTMLTextAreaElement;
     wrapped?: boolean;
-    divClass?: string | null;
-    innerClass?: string;
-    headerClass?: string;
-    footerClass?: string;
+    divClass?: ClassValue;
+    innerClass?: ClassValue;
+    headerClass?: ClassValue;
+    footerClass?: ClassValue;
     cols?: number;
     clearable?: boolean;
-    clearableSvgClass?: string;
+    clearableSvgClass?: ClassValue;
     clearableColor?: CloseButtonVariants["color"];
-    clearableClass?: string;
+    clearableClass?: ClassValue;
     clearableOnClick?: () => void;
+    textareaClass?: ClassValue;
 }
 export interface ToggleProps extends Omit<ToggleVariants, "off_state_label">, Omit<HTMLInputAttributes, "size" | "color"> {
     offLabel?: Snippet;
     value?: string | number;
     checked?: boolean;
     disabled?: boolean;
-    spanClass?: string;
-    inputClass?: string;
+    spanClass?: ClassValue;
+    inputClass?: ClassValue;
 }
 export type ImgType = {
     src?: string;
@@ -816,7 +808,7 @@ export interface GalleryProps extends HTMLAttributes<HTMLDivElement> {
     children?: Snippet;
     figure?: Snippet<[item: ImgType]>;
     items?: HTMLImgAttributes[];
-    imgClass?: string;
+    imgClass?: ClassValue;
     height?: string;
     rowHeight?: number;
     columns?: number;
@@ -850,20 +842,20 @@ export interface ListGroupItemType {
     [key: string]: any;
 }
 export interface ListgroupProps extends ListgroupVariants, Omit<HTMLAttributes<HTMLUListElement>, "children"> {
-    children?: Snippet<[item: ListGroupItemType | string | undefined]>;
+    children?: Snippet<[item?: ListGroupItemType | string]>;
     items?: (ListGroupItemType | string)[];
     active?: boolean;
     onclick?: (event?: MouseEvent) => void;
-    itemClass?: string;
-    aClasss?: string;
-    btnClass?: string;
-    iconClass?: string;
+    itemClass?: ClassValue;
+    aClasss?: ClassValue;
+    btnClass?: ClassValue;
+    iconClass?: ClassValue;
 }
 export type ListgroupItemProps = Omit<ListgroupItemVariants, "state"> & AnchorButtonAttributes & {
     current?: boolean;
     disabled?: boolean;
     Icon?: Component;
-    iconClass?: string;
+    iconClass?: ClassValue;
     name?: string;
     children?: Snippet;
 };
@@ -875,8 +867,9 @@ export interface MegaMenuProps extends Omit<PopperProps, "children"> {
     extra?: Snippet;
     items?: LinkType[];
     full?: boolean;
-    ulClass?: string;
-    isOpen?: boolean | undefined;
+    ulClass?: ClassValue;
+    extraClass?: ClassValue;
+    isOpen?: boolean;
 }
 export interface ModalProps extends ModalVariants, HTMLDialogAttributes {
     header?: Snippet;
@@ -888,10 +881,10 @@ export interface ModalProps extends ModalVariants, HTMLDialogAttributes {
     permanent?: boolean;
     transition?: TransitionFunc;
     params?: ParamsType;
-    headerClass?: string;
-    bodyClass?: string;
-    footerClass?: string;
-    closeBtnClass?: string;
+    headerClass?: ClassValue;
+    bodyClass?: ClassValue;
+    footerClass?: ClassValue;
+    closeBtnClass?: ClassValue;
     onclose?: () => void;
 }
 export interface MenuProps extends SVGAttributes<SVGSVGElement> {
@@ -912,7 +905,7 @@ export interface NavbarProps extends Omit<HTMLAttributes<HTMLDivElement>, "child
         NavContainer: Component;
     }]>;
     fluid?: boolean;
-    navContainerClass?: string;
+    navContainerClass?: ClassValue;
 }
 export interface NavBrandProps extends HTMLAnchorAttributes {
 }
@@ -920,20 +913,20 @@ export interface NavContainerProps extends HTMLAttributes<HTMLDivElement> {
     fluid?: boolean;
 }
 export type NavHamburgerProps = ToolbarButtonProps & {
-    menuClass?: string;
-    classMenu?: string;
+    href?: undefined;
+    menuClass?: ClassValue;
 };
 export interface NavUlProps extends HTMLAttributes<HTMLDivElement> {
     activeUrl?: string;
-    ulClass?: string;
+    ulClass?: ClassValue;
     hidden?: boolean;
     slideParams?: TransitionParamTypes;
-    activeClass?: string;
-    nonActiveClass?: string;
+    activeClass?: ClassValue;
+    nonActiveClass?: ClassValue;
 }
 export type NavLiProps = AnchorButtonAttributes & {
-    activeClass?: string;
-    nonActiveClass?: string;
+    activeClass?: ClassValue;
+    nonActiveClass?: ClassValue;
 };
 export interface ToolbarProps extends ToolbarVariants, Omit<HTMLAttributes<HTMLDivElement>, "color"> {
     end?: Snippet;
@@ -943,7 +936,6 @@ export interface ToolbarGroupProps extends ToolbarGroupVariants, HTMLAttributes<
 export type ToolbarButtonProps = ToolbarButtonVariants & AnchorButtonAttributes & {
     name?: string;
 };
-import type { PaginationItemVariants, PaginationVariants } from "./pagination/theme";
 export type PaginationItemType = {
     size?: "default" | "large";
     active?: boolean | null;
@@ -956,7 +948,7 @@ export interface PaginationItemSpecificProps {
     href?: string;
     active?: boolean;
     rel?: string;
-    size?: "default" | "large" | undefined;
+    size?: "default" | "large";
 }
 export type PaginationHTMLButtonOrAnchorAttributes = HTMLButtonAttributes & HTMLAnchorAttributes;
 export interface PaginationButtonProps extends PaginationItemVariants, PaginationHTMLButtonOrAnchorAttributes {
@@ -967,8 +959,8 @@ export interface PaginationButtonProps extends PaginationItemVariants, Paginatio
 export interface PaginationNavProps extends HTMLAttributes<HTMLElement>, PaginationVariants {
     prevContent?: Snippet;
     nextContent?: Snippet;
-    prevClass?: string;
-    nextClass?: string;
+    prevClass?: ClassValue;
+    nextClass?: ClassValue;
     currentPage: number;
     totalPages: number;
     visiblePages?: number;
@@ -979,9 +971,8 @@ export interface PaginationNavProps extends HTMLAttributes<HTMLElement>, Paginat
     showIcons?: boolean;
     ariaLabel?: string;
     size?: "default" | "large";
-    class?: string;
-    spanClass?: string;
-    tableDivClass?: string;
+    spanClass?: ClassValue;
+    tableDivClass?: ClassValue;
 }
 export interface PaginationItemProps extends PaginationItemVariants, PaginationHTMLButtonOrAnchorAttributes {
     children?: Snippet;
@@ -997,12 +988,12 @@ export interface PaginationProps extends PaginationVariants, HTMLLiAttributes {
 export interface PopoverProps extends Omit<PopperProps, "title"> {
     title?: Snippet | string;
     color?: PopoverVariants["color"];
-    params?: ParamsType | undefined;
-    defaultClass?: string;
+    params?: ParamsType;
+    defaultClass?: ClassValue;
     transition?: TransitionFunc;
-    isOpen?: boolean | undefined;
+    isOpen?: boolean;
 }
-export interface ProgressbarProps extends HTMLAttributes<HTMLDivElement> {
+export interface ProgressbarProps extends ProgressbarVariants, Omit<HTMLAttributes<HTMLDivElement>, "color"> {
     progress?: string | number;
     precision?: number;
     tweenDuration?: number;
@@ -1011,14 +1002,8 @@ export interface ProgressbarProps extends HTMLAttributes<HTMLDivElement> {
     labelInside?: boolean;
     labelOutside?: string;
     easing?: EasingFunction;
-    color?: ColorType;
-    oustsideSpanClass?: string;
-    oustsideProgressClass?: string;
-    labeloutsidedivClass?: string;
-    labelInsideClass?: string;
-    divClass?: string;
 }
-export interface ProgressradialProps {
+export interface ProgressradialProps extends ProgressradialVariants, Omit<HTMLAttributes<HTMLDivElement>, "color"> {
     progress?: number | string;
     radius?: number;
     startingPosition?: "top" | "right" | "bottom" | "left";
@@ -1030,13 +1015,6 @@ export interface ProgressradialProps {
     labelInside?: boolean;
     labelOutside?: string;
     easing?: (t: number) => number;
-    color?: ColorType;
-    labelInsideClass?: string;
-    outsideSpanClass?: string;
-    outsideProgressClass?: string;
-    labelOutsideDivClass?: string;
-    divClass?: string;
-    [key: string]: any;
 }
 export type RatingItem = {
     label: string | null | undefined;
@@ -1046,11 +1024,11 @@ export interface AdvancedRatingProps {
     rating?: Snippet;
     globalText?: Snippet;
     ratings: RatingItem[];
-    divClass?: string;
-    spanClass?: string;
-    div2Class?: string;
-    div3Class?: string;
-    span2Class?: string;
+    divClass?: ClassValue;
+    spanClass?: ClassValue;
+    div2Class?: ClassValue;
+    div3Class?: ClassValue;
+    span2Class?: ClassValue;
     unit?: string;
 }
 export interface RatingProps extends HTMLAttributes<HTMLDivElement> {
@@ -1061,7 +1039,7 @@ export interface RatingProps extends HTMLAttributes<HTMLDivElement> {
     rating?: number;
     icon?: Component;
     count?: boolean;
-    pClass?: string;
+    pClass?: ClassValue;
 }
 export interface RatingCommentProps {
     children: Snippet;
@@ -1104,13 +1082,13 @@ export interface ReviewProps extends HTMLAttributes<HTMLElement> {
     item2?: Snippet;
     item3?: Snippet;
     review?: ReviewType;
-    articleClass?: string;
-    divClass?: string;
-    div2Class?: string;
-    div3Class?: string;
-    imgClass?: string;
-    ulClass?: string;
-    liClass?: string;
+    articleClass?: ClassValue;
+    divClass?: ClassValue;
+    div2Class?: ClassValue;
+    div3Class?: ClassValue;
+    imgClass?: ClassValue;
+    ulClass?: ClassValue;
+    liClass?: ClassValue;
 }
 export interface ScoreRatingProps {
     ratings?: {
@@ -1138,7 +1116,7 @@ export interface RatingIconProps extends SVGAttributes<SVGSVGElement> {
     size?: number;
     ariaLabel?: string;
     role?: string;
-    svgClass?: string;
+    svgClass?: ClassValue;
     iconIndex?: number;
     groupId?: string;
     pathd?: string;
@@ -1158,13 +1136,13 @@ export interface SidebarProps extends SidebarVariants, HTMLAttributes<HTMLElemen
     activateClickOutside?: boolean;
     isSingle?: boolean;
     ariaLabel?: string;
-    divClass?: string;
-    nonActiveClass?: string;
-    activeClass?: string;
+    divClass?: ClassValue;
+    nonActiveClass?: ClassValue;
+    activeClass?: ClassValue;
     params?: ParamsType;
     transition?: TransitionFunc;
     backdrop?: boolean;
-    backdropClass?: string;
+    backdropClass?: ClassValue;
     activeUrl?: string;
     alwaysOpen?: boolean;
 }
@@ -1173,8 +1151,8 @@ export interface SidebarButtonProps extends HTMLButtonAttributes {
 }
 export interface SidebarCtaProps extends HTMLAttributes<HTMLDivElement> {
     icon?: Snippet;
-    divClass?: string;
-    spanClass?: string;
+    divClass?: ClassValue;
+    spanClass?: ClassValue;
     label: string;
 }
 export interface SiteType {
@@ -1184,38 +1162,38 @@ export interface SiteType {
 }
 export interface SidebarBrandProps extends HTMLAnchorAttributes {
     site?: SiteType;
-    imgClass?: string;
-    spanClass?: string;
+    imgClass?: ClassValue;
+    spanClass?: ClassValue;
 }
 export interface SidebarDropdownWrapperProps extends HTMLButtonAttributes {
     children: Snippet;
     arrowup?: Snippet;
     arrowdown?: Snippet;
     icon?: Snippet;
-    isOpen?: boolean | undefined;
-    btnClass?: string;
-    label: string | undefined;
-    spanClass?: string;
-    ulClass?: string;
+    isOpen?: boolean;
+    btnClass?: ClassValue;
+    label?: string;
+    spanClass?: ClassValue;
+    ulClass?: ClassValue;
     params?: ParamsType;
     transition?: TransitionFunc;
-    svgClass?: string;
+    svgClass?: ClassValue;
     onclick?: () => void;
     isSingle?: boolean;
 }
 export interface SidebarGroupProps extends HTMLAttributes<HTMLUListElement> {
     children: Snippet;
-    borderClass?: string;
+    borderClass?: ClassValue;
     border?: boolean;
 }
 export interface SidebarItemProps extends HTMLAnchorAttributes {
     icon?: Snippet;
     subtext?: Snippet;
     label?: string;
-    spanClass?: string;
-    activeClass?: string;
-    nonActiveClass?: string;
-    aClass?: string;
+    spanClass?: ClassValue;
+    activeClass?: ClassValue;
+    nonActiveClass?: ClassValue;
+    aClass?: ClassValue;
     active?: boolean;
 }
 export interface CardPlaceholderProps extends HTMLAttributes<HTMLDivElement> {
@@ -1234,12 +1212,16 @@ export interface ListPlaceholderProps extends HTMLAttributes<HTMLDivElement> {
 export interface SkeletonProps extends HTMLAttributes<HTMLDivElement> {
     size?: SkeletonVariants["size"];
 }
+export interface TestimonialPlaceholderProps extends HTMLAttributes<HTMLDivElement> {
+}
 export interface TextPlaceholderProps extends HTMLAttributes<HTMLDivElement> {
     size?: TextPlaceholderVariants["size"];
 }
 export interface VideoPlaceholderProps extends HTMLAttributes<HTMLDivElement> {
     size?: VideoPlaceholderVariants["size"];
 }
+export interface WidgetPlaceholderProps extends HTMLAttributes<HTMLDivElement> {
+}
 export interface SpeedCtxType {
     pill: boolean;
     tooltip: Placement | "none";
@@ -1255,7 +1237,7 @@ type BaseSpeedDialTriggerProps = {
 };
 export type RegularSpeedDialTriggerProps = BaseSpeedDialTriggerProps & {
     gradient?: false;
-    color?: ButtonColor;
+    color?: ButtonVariants["color"];
 };
 export type GradientSpeedDialTriggerProps = BaseSpeedDialTriggerProps & {
     gradient: true;
@@ -1265,7 +1247,7 @@ export type SpeedDialTriggerProps = RegularSpeedDialTriggerProps | GradientSpeed
 export type SpeedDialProps = PopperProps & {
     children: Snippet;
     button?: Snippet;
-    popperClass?: string;
+    popperClass?: ClassValue;
     placement?: Placement;
     tooltip?: Placement | "none";
     trigger?: PopperProps["trigger"];
@@ -1273,14 +1255,14 @@ export type SpeedDialProps = PopperProps & {
     pill?: boolean;
     ontoggle?: PopperProps["ontoggle"];
     onbeforetoggle?: PopperProps["onbeforetoggle"];
-    isOpen?: boolean | undefined;
+    isOpen?: boolean;
 };
 export type SpeedDialButtonProps = ButtonProps & {
     name?: string;
     tooltip?: Placement | "none";
     pill?: boolean;
     textOutside?: boolean;
-    textClass?: string;
+    textClass?: ClassValue;
 };
 export interface SpinnerProps extends SVGAttributes<SVGSVGElement> {
     color?: SpinnerVaraiants["color"];
@@ -1288,17 +1270,14 @@ export interface SpinnerProps extends SVGAttributes<SVGSVGElement> {
     currentFill?: string;
     currentColor?: string;
 }
-export type StepColorType = "primary" | "secondary" | "gray" | "red" | "yellow" | "green" | "indigo" | "purple" | "pink" | "blue" | "custom";
 export interface StepIndicatorProps extends HTMLAttributes<HTMLElement> {
     steps: string[];
     currentStep: number;
     size?: string;
-    color?: StepColorType;
     glow?: boolean;
     hideLabel?: boolean;
     completedCustom?: string;
     currentCustom?: string;
-    class?: string;
 }
 export type TableCtxType = {
     striped?: boolean;
@@ -1324,7 +1303,7 @@ export interface TableProps extends Omit<HTMLTableAttributes, "border"> {
     children?: Snippet;
     footerSlot?: Snippet;
     captionSlot?: Snippet;
-    divClass?: string;
+    divClass?: ClassValue;
     striped?: boolean;
     hoverable?: boolean;
     border?: boolean;
@@ -1358,7 +1337,6 @@ export interface TableHeadCellProps<T = any> extends HTMLThAttributes {
     defaultDirection?: "asc" | "desc";
     defaultSort?: boolean;
     direction?: "asc" | "desc" | null;
-    class?: string;
 }
 export type TableSearchType = {
     striped?: boolean;
@@ -1369,25 +1347,25 @@ export interface TableSearchProps extends HTMLTableAttributes {
     children?: Snippet;
     header?: Snippet;
     footer?: Snippet;
-    divClass?: string;
+    divClass?: ClassValue;
     inputValue?: string;
     striped?: boolean;
     hoverable?: boolean;
     customColor?: string;
     color?: string;
-    innerDivClass?: string;
-    inputClass?: string;
-    searchClass?: string;
-    svgDivClass?: string;
-    svgClass?: string;
-    tableClass?: string;
+    innerDivClass?: ClassValue;
+    inputClass?: ClassValue;
+    searchClass?: ClassValue;
+    svgDivClass?: ClassValue;
+    svgClass?: ClassValue;
+    tableClass?: ClassValue;
     placeholder?: string;
 }
 export interface TabsProps extends HTMLAttributes<HTMLUListElement> {
     children: Snippet;
     tabStyle?: TabsVaraints["tabStyle"];
-    ulClass?: string;
-    contentClass?: string;
+    ulClass?: ClassValue;
+    contentClass?: ClassValue;
     divider?: boolean;
 }
 export interface TabitemProps extends HTMLLiAttributes {
@@ -1395,8 +1373,8 @@ export interface TabitemProps extends HTMLLiAttributes {
     titleSlot?: Snippet;
     open?: boolean;
     title?: string;
-    activeClass?: string;
-    inactiveClass?: string;
+    activeClass?: ClassValue;
+    inactiveClass?: ClassValue;
     disabled?: boolean;
     tabStyle?: TabsVaraints["tabStyle"];
 }
@@ -1491,7 +1469,7 @@ export interface ToastProps extends HTMLAttributes<HTMLDivElement> {
 export interface TooltipProps extends PopperProps {
     type?: "light" | "dark" | "auto";
     color?: TooltipVariants["color"];
-    isOpen?: boolean | undefined;
+    isOpen?: boolean;
 }
 export interface AnchorProps {
     children: Snippet;
@@ -1577,35 +1555,23 @@ export interface LiProps extends HTMLLiAttributes {
 export interface MarkProps extends HTMLAttributes<HTMLElement> {
     children: Snippet;
 }
-export interface ParagraphProps extends HTMLAttributes<HTMLParagraphElement> {
+export interface ParagraphProps extends ParagraphVariants, 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 interface SecondaryProps extends HTMLAttributes<HTMLElement> {
     children: Snippet;
 }
-export interface SpanProps extends HTMLAttributes<HTMLSpanElement> {
+export interface SpanProps extends SpanVariants, HTMLAttributes<HTMLSpanElement> {
     children?: Snippet;
     italic?: boolean;
     underline?: boolean;
     linethrough?: boolean;
     uppercase?: boolean;
-    gradient?: SpanVariants["gradient"];
-    highlight?: SpanVariants["highlight"];
-    decoration?: SpanVariants["decoration"];
-    decorationThickness?: SpanVariants["decorationThickness"];
-    decorationColor?: SpanVariants["decorationColor"];
 }
 export interface VideoProps extends HTMLVideoAttributes {
-    children?: Snippet;
     type?: HTMLSourceAttributes["type"];
     src?: HTMLSourceAttributes["src"];
     trackSrc?: HTMLTrackAttributes["src"];
@@ -1624,19 +1590,19 @@ export interface PopperProps extends Omit<HTMLAttributes<HTMLDivElement>, "onbef
     offset?: number;
     yOnly?: boolean;
     strategy?: Strategy;
-    reference?: string | undefined;
+    reference?: string;
     middlewares?: Middleware[];
     children: Snippet;
     onbeforetoggle?: (ev: TriggeredToggleEvent) => void;
     ontoggle?: (ev: TriggeredToggleEvent) => void;
     transition?: TransitionFunc;
     transitionParams?: ParamsType;
-    isOpen?: boolean | undefined;
+    isOpen?: boolean;
 }
 export interface ArrowProps {
     placement?: Placement;
     cords: Partial<Coords>;
     strategy?: "absolute" | "fixed";
-    class?: string;
+    class?: ClassValue | null;
 }
 export {};