flowbite-svelte 2.0.0-next.0 → 2.0.0-next.2

package/dist/types.d.ts

@@ -21,10 +21,10 @@ import type { IndicatorVariants } from "./indicator/theme";
 import type { ListgroupItemVariants, ListgroupVariants } from "./list-group/theme";
 import type { MegaMenuVariants } from "./mega-menu/theme";
 import type { ModalVariants } from "./modal/theme";
-import type { NavbarUlVariants, NavbarHamburgerVariants } from "./navbar/theme";
+import type { NavbarVariants, NavbarUlVariants, NavbarHamburgerVariants } from "./navbar/theme";
 import type { PaginationNavVariants } from "./pagination/theme";
 import type { PopoverVariants } from "./popover/theme";
-import type { SidebarVariants, SidebarCtaVariants, SidebarBrandVariants, SidebarDropdownWrapperVariants, SidebarButtonVariants } from "./sidebar/theme";
+import type { SidebarVariants, SidebarCtaVariants, SidebarBrandVariants, SidebarDropdownWrapperVariants, SidebarButtonVariants, SidebarItemVariants } from "./sidebar/theme";
 import type { CardPlaceholderVariants, ImagePlaceholderVariants, ListPlaceholderVariants, SkeletonVariants, TestimonialPlaceholderVariants, TextPlaceholderVariants, VideoPlaceholderVariants, WidgetPlaceholderVariants } from "./skeleton/theme";
 import type { SpeedDialVariants, SpeedDialButtonVariants } from "./speed-dial/theme";
 import type { SpinnerVariants } from "./spinner/theme";
@@ -646,32 +646,16 @@ export interface InputProps<T extends InputValue = string> extends InputVariants
     value?: T;
     elementRef?: HTMLInputElement;
     color?: InputVariants["color"];
-    leftClass?: ClassValue;
-    rightClass?: ClassValue;
-    divClass?: ClassValue;
-    wrapperClass?: ClassValue;
     clearable?: boolean;
-    clearableSvgClass?: ClassValue;
     clearableColor?: CloseButtonVariants["color"];
-    clearableClass?: ClassValue;
     clearableOnClick?: () => void;
     data?: string[];
     maxSuggestions?: number;
     onSelect?: (item: string) => void;
-    comboClass?: ClassValue;
-    comboItemClass?: ClassValue;
     oninput?: (event: Event) => void;
     onfocus?: (event: FocusEvent) => void;
     onblur?: (event: FocusEvent) => void;
     onkeydown?: (event: KeyboardEvent) => void;
-    /** @deprecated Use `oninput` instead. Will be removed in next minor version. */
-    onInput?: (event: Event) => void;
-    /** @deprecated Use `onfocus` instead. Will be removed in next minor version. */
-    onFocus?: (event: FocusEvent) => void;
-    /** @deprecated Use `onblur` instead. Will be removed in next minor version. */
-    onBlur?: (event: FocusEvent) => void;
-    /** @deprecated Use `onkeydown` instead. Will be removed in next minor version. */
-    onKeydown?: (event: KeyboardEvent) => void;
 }
 export interface InputAddonProps extends HTMLAttributes<HTMLDivElement> {
     children: Snippet;
@@ -692,8 +676,6 @@ export interface LabelProps extends HTMLLabelAttributes {
 export interface RadioProps<T> extends RadioVariants, Omit<HTMLInputAttributes, "color"> {
     group?: T;
     value?: T;
-    inputClass?: ClassValue;
-    labelClass?: ClassValue;
 }
 export interface RadioButtonProps<T> extends Omit<HTMLInputAttributes, "size"> {
     group?: T;
@@ -715,11 +697,8 @@ export interface SearchProps extends SearchVariants, Omit<HTMLInputAttributes, "
     value?: string;
     elementRef?: HTMLInputElement;
     clearable?: boolean;
-    clearableSvgClass?: ClassValue;
     clearableColor?: CloseButtonVariants["color"];
-    clearableClass?: ClassValue;
     clearableOnClick?: () => void;
-    inputClass?: ClassValue;
 }
 export type SelectOptionType<T> = {
     name: string | number;
@@ -732,11 +711,8 @@ export interface SelectProps<T> extends SelectVariants, Omit<HTMLSelectAttribute
     items?: SelectOptionType<T>[];
     elementRef?: HTMLSelectElement;
     placeholder?: string;
-    selectClass?: ClassValue;
     clearable?: boolean;
-    clearableSvgClass?: ClassValue;
     clearableColor?: CloseButtonVariants["color"];
-    clearableClass?: ClassValue;
     clearableOnClick?: () => void;
     onClear?: () => void;
     disabled?: boolean;
@@ -748,7 +724,6 @@ export interface MultiSelectProps<T> extends MultiSelectVariants, Omit<HTMLAttri
     }]>;
     items: SelectOptionType<T>[];
     value: T[];
-    dropdownClass?: ClassValue;
     placeholder?: string;
     disabled?: boolean | undefined;
     size?: "sm" | "md" | "lg";
@@ -761,11 +736,7 @@ export interface MultiSelectProps<T> extends MultiSelectVariants, Omit<HTMLAttri
 }
 export interface TagsProps extends TagsVariants, HTMLAttributes<HTMLDivElement> {
     value: string[];
-    itemClass?: ClassValue;
     placeholder?: string;
-    spanClass?: ClassValue;
-    closeClass?: ClassValue;
-    inputClass?: ClassValue;
     closeBtnSize?: CloseButtonVariants["size"];
     unique?: boolean;
     availableTags?: string[];
@@ -819,25 +790,15 @@ export interface TextareaProps extends TextareaVariants, HTMLTextareaAttributes
     value?: string;
     elementRef?: HTMLTextAreaElement;
     wrapped?: boolean;
-    divClass?: ClassValue;
-    innerClass?: ClassValue;
-    headerClass?: ClassValue;
-    footerClass?: ClassValue;
-    addonClass?: ClassValue;
     clearable?: boolean;
-    clearableSvgClass?: ClassValue;
     clearableColor?: CloseButtonVariants["color"];
-    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?: ClassValue;
-    inputClass?: ClassValue;
 }
 export type ImgType = {
     src?: string;
@@ -847,7 +808,6 @@ export interface GalleryProps extends GalleryVariants, HTMLAttributes<HTMLDivEle
     children?: Snippet;
     figure?: Snippet<[item: ImgType]>;
     items?: HTMLImgAttributes[];
-    imgClass?: ClassValue;
     height?: string;
     rowHeight?: number;
     columns?: number;
@@ -885,16 +845,12 @@ export interface ListgroupProps extends ListgroupVariants, Omit<HTMLAttributes<H
     items?: (ListGroupItemType | string)[];
     active?: boolean;
     onclick?: (event?: MouseEvent) => void;
-    itemClass?: ClassValue;
-    aClasss?: ClassValue;
-    btnClass?: ClassValue;
-    iconClass?: ClassValue;
 }
-export type ListgroupItemProps = Omit<ListgroupItemVariants, "state"> & AnchorButtonAttributes & {
+type ElementProps = HTMLAnchorAttributes & HTMLButtonAttributes & HTMLLiAttributes;
+export type ListgroupItemProps = Omit<ListgroupItemVariants, "state"> & ElementProps & {
     current?: boolean;
     disabled?: boolean;
     Icon?: Component;
-    iconClass?: ClassValue;
     name?: string;
     children?: Snippet;
 };
@@ -906,40 +862,32 @@ export interface MegaMenuProps extends MegaMenuVariants, Omit<PopperProps, "chil
     extra?: Snippet;
     items?: LinkType[];
     full?: boolean;
-    ulClass?: ClassValue;
-    extraClass?: ClassValue;
     isOpen?: boolean;
 }
 export interface ModalProps extends ModalVariants, Omit<DialogProps, "classes"> {
     header?: Snippet;
     footer?: Snippet;
-    headerClass?: ClassValue;
-    bodyClass?: ClassValue;
-    footerClass?: ClassValue;
-    closeBtnClass?: ClassValue;
     fullscreen?: boolean;
 }
 export interface MenuProps extends SVGAttributes<SVGSVGElement> {
     size?: string;
     color?: string;
     variation?: "solid" | "outline";
-    ariaLabel?: string;
 }
 export type NavbarState = {
     hidden: boolean;
-    activeClass?: string;
-    nonActiveClass?: string;
+    activeClass?: ClassValue;
+    nonActiveClass?: ClassValue;
     activeUrl?: string;
 };
 export type NavbarBreakpoint = "sm" | "md" | "lg" | "xl";
-export interface NavbarProps extends Omit<HTMLAttributes<HTMLDivElement>, "children"> {
+export interface NavbarProps extends NavbarVariants, Omit<HTMLAttributes<HTMLDivElement>, "children"> {
     children: Snippet<[{
         hidden: boolean;
         toggle: () => void;
         NavContainer: Component;
     }]>;
     fluid?: boolean;
-    navContainerClass?: ClassValue;
     closeOnClickOutside?: boolean;
     breakpoint?: NavbarBreakpoint;
 }
@@ -949,17 +897,13 @@ export interface NavContainerProps extends HTMLAttributes<HTMLDivElement> {
 }
 export type NavHamburgerProps = ToolbarButtonProps & NavbarHamburgerVariants & {
     href?: undefined;
-    menuClass?: ClassValue;
 };
 export interface NavUlProps extends NavbarUlVariants, Omit<HTMLAttributes<HTMLDivElement>, "class"> {
     activeUrl?: string;
-    ulClass?: ClassValue;
     hidden?: boolean;
     slideParams?: SlideParams;
     transition?: typeof slide | typeof fly | typeof fade | typeof scale;
     transitionParams?: SlideParams | FlyParams | FadeParams | ScaleParams;
-    activeClass?: ClassValue;
-    nonActiveClass?: ClassValue;
     respectMotionPreference?: boolean;
     class?: ClassValue;
 }
@@ -998,8 +942,6 @@ export interface PaginationButtonProps extends PaginationItemVariants, Paginatio
 export interface PaginationNavProps extends PaginationNavVariants, HTMLAttributes<HTMLElement>, PaginationVariants {
     prevContent?: Snippet;
     nextContent?: Snippet;
-    prevClass?: ClassValue;
-    nextClass?: ClassValue;
     currentPage: number;
     totalPages: number;
     visiblePages?: number;
@@ -1010,8 +952,6 @@ export interface PaginationNavProps extends PaginationNavVariants, HTMLAttribute
     showIcons?: boolean;
     ariaLabel?: string;
     size?: "default" | "large";
-    spanClass?: ClassValue;
-    tableDivClass?: ClassValue;
     classes?: {
         prev?: ClassValue;
         next?: ClassValue;
@@ -1035,7 +975,6 @@ export interface PopoverProps extends PopoverVariants, Omit<PopperProps, "title"
     title?: Snippet | string;
     color?: PopoverVariants["color"];
     params?: ParamsType;
-    defaultClass?: ClassValue;
     transition?: TransitionFunc;
     isOpen?: boolean;
 }
@@ -1070,11 +1009,6 @@ export interface AdvancedRatingProps extends AdvancedRatingVariants, HTMLAttribu
     rating?: Snippet;
     globalText?: Snippet;
     ratings: RatingItem[];
-    divClass?: ClassValue;
-    spanClass?: ClassValue;
-    div2Class?: ClassValue;
-    div3Class?: ClassValue;
-    span2Class?: ClassValue;
     unit?: string;
 }
 export interface RatingProps extends RatingVariants, HTMLAttributes<HTMLDivElement> {
@@ -1085,7 +1019,6 @@ export interface RatingProps extends RatingVariants, HTMLAttributes<HTMLDivEleme
     rating?: number;
     icon?: Component;
     count?: boolean;
-    pClass?: ClassValue;
 }
 export interface RatingCommentProps {
     children: Snippet;
@@ -1128,13 +1061,6 @@ export interface ReviewProps extends ReviewVariants, HTMLAttributes<HTMLElement>
     item2?: Snippet;
     item3?: Snippet;
     review?: ReviewType;
-    articleClass?: ClassValue;
-    divClass?: ClassValue;
-    div2Class?: ClassValue;
-    div3Class?: ClassValue;
-    imgClass?: ClassValue;
-    ulClass?: ClassValue;
-    liClass?: ClassValue;
 }
 export interface ScoreRatingProps extends ScoreRatingVariants {
     ratings?: {
@@ -1162,10 +1088,10 @@ export interface RatingIconProps extends SVGAttributes<SVGSVGElement> {
     size?: number;
     ariaLabel?: string;
     role?: string;
-    svgClass?: ClassValue;
     iconIndex?: number;
     groupId?: string;
     pathd?: string;
+    class?: ClassValue;
 }
 export type SidebarContextType = {
     closeSidebar?: () => void;
@@ -1182,25 +1108,18 @@ export interface SidebarProps extends SidebarVariants, HTMLAttributes<HTMLElemen
     activateClickOutside?: boolean;
     isSingle?: boolean;
     ariaLabel?: string;
-    divClass?: ClassValue;
-    nonActiveClass?: ClassValue;
-    activeClass?: ClassValue;
     params?: ParamsType;
     transition?: TransitionFunc;
     backdrop?: boolean;
-    backdropClass?: ClassValue;
     activeUrl?: string;
     alwaysOpen?: boolean;
     disableBreakpoints?: boolean;
 }
 export interface SidebarButtonProps extends SidebarButtonVariants, HTMLButtonAttributes {
     breakpoint?: SidebarVariants["breakpoint"];
-    svgClass?: ClassValue;
 }
 export interface SidebarCtaProps extends SidebarCtaVariants, HTMLAttributes<HTMLDivElement> {
     icon?: Snippet;
-    divClass?: ClassValue;
-    spanClass?: ClassValue;
     label: string;
 }
 export interface SiteType {
@@ -1210,8 +1129,6 @@ export interface SiteType {
 }
 export interface SidebarBrandProps extends SidebarBrandVariants, HTMLAnchorAttributes {
     site?: SiteType;
-    imgClass?: ClassValue;
-    spanClass?: ClassValue;
 }
 export type Bindable<T> = {
     get(): T;
@@ -1223,29 +1140,20 @@ export interface SidebarDropdownWrapperProps extends SidebarDropdownWrapperVaria
     arrowdown?: Snippet;
     icon?: Snippet;
     isOpen?: boolean;
-    btnClass?: ClassValue;
     label?: string;
-    spanClass?: ClassValue;
-    ulClass?: ClassValue;
     params?: ParamsType;
     transition?: TransitionFunc;
-    svgClass?: ClassValue;
     onclick?: () => void;
     isSingle?: boolean;
 }
 export interface SidebarGroupProps extends HTMLAttributes<HTMLUListElement> {
     children: Snippet;
-    borderClass?: ClassValue;
     border?: boolean;
 }
-export interface SidebarItemProps extends HTMLAnchorAttributes {
+export interface SidebarItemProps extends SidebarItemVariants, HTMLAnchorAttributes {
     icon?: Snippet;
     subtext?: Snippet;
     label?: string;
-    spanClass?: ClassValue;
-    activeClass?: ClassValue;
-    nonActiveClass?: ClassValue;
-    aClass?: ClassValue;
     active?: boolean;
 }
 export interface CardPlaceholderProps extends CardPlaceholderVariants, HTMLAttributes<HTMLDivElement> {
@@ -1299,7 +1207,6 @@ export type SpeedDialTriggerProps = RegularSpeedDialTriggerProps | GradientSpeed
 export type SpeedDialProps = PopperProps & SpeedDialVariants & {
     children: Snippet;
     button?: Snippet;
-    popperClass?: ClassValue;
     placement?: Placement;
     tooltip?: Placement | "none";
     trigger?: PopperProps["trigger"];
@@ -1314,7 +1221,6 @@ export type SpeedDialButtonProps = ButtonProps & SpeedDialButtonVariants & {
     tooltip?: Placement | "none";
     pill?: boolean;
     textOutside?: boolean;
-    textClass?: ClassValue;
 };
 export interface SpinnerProps extends SVGAttributes<SVGSVGElement> {
     type?: "default" | "dots" | "bars" | "pulse" | "orbit";
@@ -1473,7 +1379,6 @@ export interface TableProps extends TableVariants, Omit<HTMLTableAttributes, "bo
     children?: Snippet;
     footerSlot?: Snippet;
     captionSlot?: Snippet;
-    divClass?: ClassValue;
     striped?: boolean;
     hoverable?: boolean;
     border?: boolean;
@@ -1519,26 +1424,17 @@ export interface TableSearchProps extends TableSearchVariants, HTMLTableAttribut
     children?: Snippet;
     header?: Snippet;
     footer?: Snippet;
-    divClass?: ClassValue;
     inputValue?: string;
     striped?: boolean;
     hoverable?: boolean;
     customColor?: string;
     color?: TableSearchColor;
-    innerDivClass?: ClassValue;
-    inputClass?: ClassValue;
-    searchClass?: ClassValue;
-    svgDivClass?: ClassValue;
-    svgClass?: ClassValue;
-    tableClass?: ClassValue;
     placeholder?: string;
 }
 export interface TabsProps extends TabsVaraints, HTMLAttributes<HTMLUListElement> {
     children: Snippet;
     selected?: string;
     tabStyle?: TabsVaraints["tabStyle"];
-    ulClass?: ClassValue;
-    contentClass?: ClassValue;
     divider?: boolean;
 }
 export interface TabitemProps extends TabItemVariants, HTMLLiAttributes {
@@ -1582,29 +1478,13 @@ export interface ActivityProps extends HTMLOlAttributes {
 }
 export interface ActivityItemProps extends ActivityItemVariants, HTMLLiAttributes {
     activities: ActivityType[];
-    liClass?: string;
-    spanClass?: string;
-    imgClass?: string;
-    outerDivClass?: string;
-    innerDivClass?: string;
-    timeClass?: string;
-    titleClass?: string;
-    textClass?: string;
 }
 export interface GroupProps extends GroupVariants, HTMLOlAttributes {
     children: Snippet;
-    divClass?: string;
-    timeClass?: string;
     date?: Date | string;
-    olClass?: string;
 }
 export interface GroupItemProps extends GroupItemVariants, HTMLLiAttributes {
     timelines: GroupTimelineType[];
-    aClass?: string;
-    imgClass?: string;
-    divClass?: string;
-    titleClass?: string;
-    spanClass?: string;
 }
 export interface GroupTimelineType {
     id?: string | number;
@@ -1626,16 +1506,9 @@ export interface TimelineItemProps extends TimelineItemVariants, HTMLLiAttribute
     orientationSlot?: Snippet;
     title: string;
     date: string;
-    svgClass?: string;
-    liClass?: string;
-    defaultDivClass?: string;
-    divClass?: string;
-    timeClass?: string;
-    h3Class?: string;
     dateFormat?: DateFormat;
     color?: ColorVariant;
     isLast?: boolean;
-    connectorClass?: string;
     datePrefix?: string;
 }
 export interface ToastProps extends ToastVaraints, HTMLAttributes<HTMLDivElement> {
@@ -1645,8 +1518,6 @@ export interface ToastProps extends ToastVaraints, HTMLAttributes<HTMLDivElement
     dismissable?: boolean;
     color?: ToastVaraints["color"];
     position?: ToastVaraints["position"];
-    iconClass?: string;
-    contentClass?: string;
     align?: boolean;
     params?: ParamsType;
     transition?: TransitionFunc;
@@ -1700,10 +1571,6 @@ export interface HeadingProps extends HTMLAttributes<HTMLElement> {
 }
 export interface HrProps extends HrVariants, HTMLAttributes<HTMLElement> {
     children?: Snippet;
-    divClass?: ClassValue;
-    iconDivClass?: ClassValue;
-    textSpanClass?: ClassValue;
-    innerDivClass?: ClassValue;
     divProps?: HTMLAttributes<HTMLDivElement>;
     hrProps?: HTMLAttributes<HTMLHRElement>;
 }
@@ -1726,8 +1593,6 @@ export interface ImgProps extends ImgVariants, Omit<HTMLImgAttributes, "children
     size?: ImgVariants["size"];
     effect?: ImgVariants["effect"];
     caption?: string;
-    figClass?: string;
-    captionClass?: string;
     href?: HTMLAnchorElement["href"];
     align?: ImgVariants["align"];
 }

package/dist/typography/a/A.svelte

@@ -43,7 +43,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1945)
+[AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1817)
 ## Props
 @prop children
 @prop color = "primary"

package/dist/typography/a/A.svelte.d.ts

@@ -2,7 +2,7 @@ import type { AnchorProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1945)
+ * [AnchorProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1817)
  * ## Props
  * @prop children
  * @prop color = "primary"

package/dist/typography/blockquote/Blockquote.svelte

@@ -28,7 +28,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1974)
+[BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1846)
 ## Props
 @prop children
 @prop class: className

package/dist/typography/blockquote/Blockquote.svelte.d.ts

@@ -2,7 +2,7 @@ import type { BlockquoteProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1974)
+ * [BlockquoteProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1846)
  * ## Props
  * @prop children
  * @prop class: className

package/dist/typography/descriptionlist/DescriptionList.svelte

@@ -24,7 +24,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1984)
+[DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1856)
 ## Props
 @prop children
 @prop tag

package/dist/typography/descriptionlist/DescriptionList.svelte.d.ts

@@ -2,7 +2,7 @@ import type { DescriptionListProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1984)
+ * [DescriptionListProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1856)
  * ## Props
  * @prop children
  * @prop tag

package/dist/typography/heading/Heading.svelte

@@ -19,7 +19,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1990)
+[HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1862)
 ## Props
 @prop children
 @prop tag = "h1"

package/dist/typography/heading/Heading.svelte.d.ts

@@ -2,7 +2,7 @@ import type { HeadingProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1990)
+ * [HeadingProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1862)
  * ## Props
  * @prop children
  * @prop tag = "h1"

package/dist/typography/hr/Hr.svelte

@@ -2,46 +2,29 @@
   import clsx from "clsx";
   import { hr } from "./theme";
   import type { HrProps } from "../../types";
-  import { getTheme, warnThemeDeprecation } from "../../theme/themeUtils";
-  import { untrack } from "svelte";
+  import { getTheme } from "../../theme/themeUtils";
 
-  let { children, divClass, innerDivClass, class: className, classes, divProps = {}, hrProps = {}, ...restProps }: HrProps = $props();
+  let { children, class: className, classes, divProps = {}, hrProps = {} }: HrProps = $props();
 
-  warnThemeDeprecation(
-    "Hr",
-    untrack(() => ({ divClass, innerDivClass })),
-    {
-      divClass: "div",
-      innerDivClass: "content"
-    }
-  );
-
-  const styling = $derived(
-    classes ?? {
-      div: divClass,
-      content: innerDivClass
-    }
-  );
+  const styling = $derived(classes);
 
   const theme = $derived(getTheme("hr"));
-  const bg = $derived(classes?.bg ?? "bg-gray-200 dark:bg-gray-700");
 
-  // for backward compatibility and ...restPorps will be removed and use only ..divProps and ...hrProps in future
-  const mergedDivProps = $derived({ ...restProps, ...divProps });
-  const mergedHrProps = $derived({ ...restProps, ...hrProps });
+  const mergedDivProps = $derived({ ...divProps });
+  const mergedHrProps = $derived({ ...hrProps });
 
   let { base, div, content } = $derived(hr({ withChildren: !!children }));
 </script>
 
 {#if children}
-  <div {...mergedDivProps} class={div({ class: clsx(theme?.div, styling.div) })}>
-    <hr {...mergedHrProps} class={base({ class: clsx(theme?.base, className, bg) })} />
-    <div class={content({ class: clsx(theme?.content, styling.content) })}>
+  <div {...mergedDivProps} class={div({ class: clsx(theme?.div, className) })}>
+    <hr {...mergedHrProps} class={base({ class: clsx(theme?.base, styling?.bg ?? "bg-gray-200 dark:bg-gray-700") })} />
+    <div class={content({ class: clsx(theme?.content, styling?.content) })}>
       {@render children()}
     </div>
   </div>
 {:else}
-  <hr {...mergedHrProps} class={base({ class: clsx(theme?.base, className, bg) })} />
+  <hr {...mergedHrProps} class={base({ class: clsx(theme?.base, styling?.bg ?? "bg-gray-200 dark:bg-gray-700") })} />
 {/if}
 
 <!--
@@ -51,9 +34,8 @@
 [HrProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1893)
 ## Props
 @prop children
-@prop divClass
-@prop innerDivClass
 @prop class: className
 @prop classes
-@prop ...restProps
+@prop divProps
+@prop hrProps
 -->

package/dist/typography/hr/Hr.svelte.d.ts

@@ -5,11 +5,10 @@ import type { HrProps } from "../../types";
  * [HrProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1893)
  * ## Props
  * @prop children
- * @prop divClass
- * @prop innerDivClass
  * @prop class: className
  * @prop classes
- * @prop ...restProps
+ * @prop divProps
+ * @prop hrProps
  */
 declare const Hr: import("svelte").Component<HrProps, {}, "">;
 type Hr = ReturnType<typeof Hr>;