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

package/dist/sidebar/SidebarBrand.svelte

@@ -2,23 +2,11 @@
   import clsx from "clsx";
   import { sidebarBrand } from "./theme";
   import type { SidebarBrandProps } from "../types";
-  import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
-  import { untrack } from "svelte";
+  import { getTheme } from "../theme/themeUtils";
 
-  let { children, site, imgClass, spanClass, class: className, classes, ...restProps }: SidebarBrandProps = $props();
+  let { children, site, class: className, classes, ...restProps }: SidebarBrandProps = $props();
 
-  warnThemeDeprecation(
-    "SidebarBrand",
-    untrack(() => ({ imgClass, spanClass })),
-    { imgClass: "img", spanClass: "span" }
-  );
-
-  const styling = $derived(
-    classes ?? {
-      img: imgClass,
-      span: spanClass
-    }
-  );
+  const styling = $derived(classes);
 
   const theme = $derived(getTheme("sidebarBrand"));
 
@@ -27,8 +15,8 @@
 
 <a {...restProps} href={site?.href ? site.href : "/"} class={base({ class: clsx(theme?.base, className) })}>
   {#if site}
-    <img src={site.img} class={img({ class: clsx(theme?.img, styling.img) })} alt={site.name} />
-    <span class={span({ class: clsx(theme?.span, styling.span) })}>{site.name}</span>
+    <img src={site.img} class={img({ class: clsx(theme?.img, styling?.img) })} alt={site.name} />
+    <span class={span({ class: clsx(theme?.span, styling?.span) })}>{site.name}</span>
   {:else if children}
     {@render children()}
   {/if}
@@ -38,12 +26,10 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1430)
+[SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1350)
 ## Props
 @prop children
 @prop site
-@prop imgClass
-@prop spanClass
 @prop class: className
 @prop classes
 @prop ...restProps

package/dist/sidebar/SidebarBrand.svelte.d.ts

@@ -2,12 +2,10 @@ import type { SidebarBrandProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1430)
+ * [SidebarBrandProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1350)
  * ## Props
  * @prop children
  * @prop site
- * @prop imgClass
- * @prop spanClass
  * @prop class: className
  * @prop classes
  * @prop ...restProps

package/dist/sidebar/SidebarButton.svelte

@@ -6,6 +6,7 @@
 
   let { breakpoint = "md", class: className, classes, ...restProps }: SidebarButtonProps = $props();
 
+  const styling = $derived(classes);
   const theme = $derived(getTheme("sidebarButton"));
 
   const { base, svg } = $derived(sidebarButton({ breakpoint }));
@@ -13,7 +14,7 @@
 
 <button {...restProps} type="button" class={base({ class: clsx(theme?.base, className) })}>
   <span class="sr-only">Open sidebar</span>
-  <svg class={svg({ class: clsx(theme?.svg, classes?.svg) })} aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+  <svg class={svg({ class: clsx(theme?.svg, styling?.svg) })} aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
     <path
       clip-rule="evenodd"
       fill-rule="evenodd"
@@ -26,7 +27,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1412)
+[SidebarButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1335)
 ## Props
 @prop breakpoint = "md"
 @prop class: className

package/dist/sidebar/SidebarButton.svelte.d.ts

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

package/dist/sidebar/SidebarCta.svelte

@@ -2,23 +2,11 @@
   import clsx from "clsx";
   import { sidebarCta } from "./theme";
   import type { SidebarCtaProps } from "../types";
-  import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
-  import { untrack } from "svelte";
+  import { getTheme } from "../theme/themeUtils";
 
-  let { children, icon, divClass, spanClass, label, class: className, classes, ...restProps }: SidebarCtaProps = $props();
+  let { children, icon, label, class: className, classes, ...restProps }: SidebarCtaProps = $props();
 
-  warnThemeDeprecation(
-    "SidebarCta",
-    untrack(() => ({ divClass, spanClass })),
-    { divClass: "div", spanClass: "span" }
-  );
-
-  const styling = $derived(
-    classes ?? {
-      div: divClass,
-      span: spanClass
-    }
-  );
+  const styling = $derived(classes);
 
   const theme = $derived(getTheme("sidebarCta"));
 
@@ -26,8 +14,8 @@
 </script>
 
 <div {...restProps} id="dropdown-cta" class={base({ class: clsx(theme?.base, className) })} role="alert">
-  <div class={div({ class: clsx(theme?.div, styling.div) })}>
-    <span class={span({ class: clsx(theme?.span, styling.span) })}>{label}</span>
+  <div class={div({ class: clsx(theme?.div, styling?.div) })}>
+    <span class={span({ class: clsx(theme?.span, styling?.span) })}>{label}</span>
     {#if icon}
       {@render icon()}
     {/if}
@@ -39,12 +27,10 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1417)
+[SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1339)
 ## Props
 @prop children
 @prop icon
-@prop divClass
-@prop spanClass
 @prop label
 @prop class: className
 @prop classes

package/dist/sidebar/SidebarCta.svelte.d.ts

@@ -2,12 +2,10 @@ import type { SidebarCtaProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1417)
+ * [SidebarCtaProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1339)
  * ## Props
  * @prop children
  * @prop icon
- * @prop divClass
- * @prop spanClass
  * @prop label
  * @prop class: className
  * @prop classes

package/dist/sidebar/SidebarDropdownWrapper.svelte

@@ -1,46 +1,15 @@
 <script lang="ts">
-  import { getTheme, warnThemeDeprecation } from "../theme/themeUtils";
+  import { getTheme } from "../theme/themeUtils";
   import type { ParamsType, SidebarDropdownWrapperProps } from "../types";
   import clsx from "clsx";
   import { getSidebarContext } from "../context";
   import { writable } from "svelte/store";
   import { slide } from "svelte/transition";
   import { sidebarDropdownWrapper } from "./theme";
-  import { untrack } from "svelte";
 
-  let {
-    children,
-    arrowup,
-    arrowdown,
-    icon,
-    isOpen = $bindable(),
-    btnClass,
-    label,
-    spanClass,
-    ulClass,
-    transition = slide,
-    params,
-    svgClass,
-    class: className,
-    classes,
-    onclick,
-    ...restProps
-  }: SidebarDropdownWrapperProps = $props();
+  let { children, arrowup, arrowdown, icon, isOpen = $bindable(), label, transition = slide, params, class: className, classes, onclick, ...restProps }: SidebarDropdownWrapperProps = $props();
 
-  warnThemeDeprecation(
-    "SidebarDropdownWrapper",
-    untrack(() => ({ btnClass, spanClass, ulClass, svgClass })),
-    { btnClass: "btn", spanClass: "span", ulClass: "ul", svgClass: "svg" }
-  );
-
-  const styling = $derived(
-    classes ?? {
-      btn: btnClass,
-      span: spanClass,
-      ul: ulClass,
-      svg: svgClass
-    }
-  );
+  const styling = $derived(classes);
 
   const theme = $derived(getTheme("sidebarDropdownWrapper"));
   const { base, btn, span, svg, ul } = sidebarDropdownWrapper();
@@ -73,29 +42,29 @@
 </script>
 
 <li class={base({ class: clsx(theme?.base, className) })}>
-  <button {...restProps} onclick={handleDropdown} type="button" class={btn({ class: clsx(theme?.btn, styling.btn) })} aria-controls="sidebar-dropdown">
+  <button {...restProps} onclick={handleDropdown} type="button" class={btn({ class: clsx(theme?.btn, styling?.btn) })} aria-controls="sidebar-dropdown">
     {#if icon}
       {@render icon()}
     {/if}
-    <span class={span({ class: clsx(theme?.span, styling.span) })}>{label}</span>
+    <span class={span({ class: clsx(theme?.span, styling?.span) })}>{label}</span>
     {#if openState}
       {#if arrowup}
         {@render arrowup()}
       {:else}
-        <svg class={svg({ class: clsx(theme?.svg, styling.svg) })} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
+        <svg class={svg({ class: clsx(theme?.svg, styling?.svg) })} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
           <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 5 5 1 1 5" />
         </svg>
       {/if}
     {:else if arrowdown}
       {@render arrowdown()}
     {:else}
-      <svg class={svg({ class: clsx(theme?.svg, styling.svg) })} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
+      <svg class={svg({ class: clsx(theme?.svg, styling?.svg) })} aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 10 6">
         <path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m1 1 4 4 4-4" />
       </svg>
     {/if}
   </button>
   {#if openState}
-    <ul class={ul({ class: clsx(theme?.ul, styling.ul) })} transition:transition={params as ParamsType}>
+    <ul class={ul({ class: clsx(theme?.ul, styling?.ul) })} transition:transition={params as ParamsType}>
       {@render children()}
     </ul>
   {/if}
@@ -105,20 +74,16 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1441)
+[SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1359)
 ## Props
 @prop children
 @prop arrowup
 @prop arrowdown
 @prop icon
 @prop isOpen = $bindable()
-@prop btnClass
 @prop label
-@prop spanClass
-@prop ulClass
 @prop transition = slide
 @prop params
-@prop svgClass
 @prop class: className
 @prop classes
 @prop onclick

package/dist/sidebar/SidebarDropdownWrapper.svelte.d.ts

@@ -2,20 +2,16 @@ import type { SidebarDropdownWrapperProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1441)
+ * [SidebarDropdownWrapperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1359)
  * ## Props
  * @prop children
  * @prop arrowup
  * @prop arrowdown
  * @prop icon
  * @prop isOpen = $bindable()
- * @prop btnClass
  * @prop label
- * @prop spanClass
- * @prop ulClass
  * @prop transition = slide
  * @prop params
- * @prop svgClass
  * @prop class: className
  * @prop classes
  * @prop onclick

package/dist/sidebar/SidebarGroup.svelte

@@ -2,10 +2,10 @@
   import clsx from "clsx";
   import type { SidebarGroupProps } from "../types";
 
-  let { children, class: className = "space-y-2", borderClass = "pt-4 mt-4 border-t border-gray-200 dark:border-gray-700", border = false, ...restProps }: SidebarGroupProps = $props();
+  let { children, class: className = "space-y-2", border = false, ...restProps }: SidebarGroupProps = $props();
 </script>
 
-<ul {...restProps} class={border ? clsx(borderClass) : clsx(className)}>
+<ul {...restProps} class={border ? clsx("mt-4 border-t border-gray-200 pt-4 dark:border-gray-700", className) : clsx(className)}>
   {@render children()}
 </ul>
 
@@ -13,11 +13,10 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1458)
+[SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1372)
 ## Props
 @prop children
 @prop class: className = "space-y-2"
-@prop borderClass = "pt-4 mt-4 border-t border-gray-200 dark:border-gray-700"
 @prop border = false
 @prop ...restProps
 -->

package/dist/sidebar/SidebarGroup.svelte.d.ts

@@ -2,11 +2,10 @@ import type { SidebarGroupProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1458)
+ * [SidebarGroupProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1372)
  * ## Props
  * @prop children
  * @prop class: className = "space-y-2"
- * @prop borderClass = "pt-4 mt-4 border-t border-gray-200 dark:border-gray-700"
  * @prop border = false
  * @prop ...restProps
  */

package/dist/sidebar/SidebarItem.svelte

@@ -1,9 +1,14 @@
 <script lang="ts">
   import { getSidebarContext, getActiveUrlContext } from "../context";
   import clsx from "clsx";
+  import { getTheme } from "../theme/themeUtils";
+  import { sidebarItem } from "./theme";
   import type { SidebarItemProps } from "../types";
 
-  let { icon, subtext, href, label, spanClass = "ms-3", activeClass, nonActiveClass, aClass, active, class: className, ...restProps }: SidebarItemProps = $props();
+  let { icon, subtext, href, label, active, class: className, classes, ...restProps }: SidebarItemProps = $props();
+
+  const styling = $derived(classes);
+  const theme = $derived(getTheme("sidebarItem"));
 
   const context = getSidebarContext() ?? { closeSidebar: undefined, activeClass: undefined, nonActiveClass: undefined };
 
@@ -11,15 +16,15 @@
 
   let activeItem = $derived(active !== undefined ? active : activeUrl?.value ? href === activeUrl.value : false);
 
-  let aCls = $derived(activeItem ? (activeClass ?? context.activeClass) : (nonActiveClass ?? context.nonActiveClass));
+  const { base, link, span } = $derived(sidebarItem({ active: activeItem }));
 </script>
 
-<li class={clsx(className)}>
-  <a onclick={context.closeSidebar ?? undefined} {...restProps} {href} aria-current={activeItem ? "page" : undefined} class={clsx(aCls, aClass)}>
+<li class={base({ class: clsx(theme?.base, className) })}>
+  <a onclick={context.closeSidebar ?? undefined} {...restProps} {href} aria-current={activeItem ? "page" : undefined} class={link({ class: clsx(theme?.link, styling?.link) })}>
     {#if icon}
       {@render icon()}
     {/if}
-    <span class={clsx(spanClass)}>{label}</span>
+    <span class={span({ class: clsx(theme?.span, styling?.span) })}>{label}</span>
     {#if subtext}
       {@render subtext()}
     {/if}
@@ -30,17 +35,14 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1464)
+[SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1377)
 ## Props
 @prop icon
 @prop subtext
 @prop href
 @prop label
-@prop spanClass = "ms-3"
-@prop activeClass
-@prop nonActiveClass
-@prop aClass
 @prop active
 @prop class: className
+@prop classes
 @prop ...restProps
 -->

package/dist/sidebar/SidebarItem.svelte.d.ts

@@ -2,18 +2,15 @@ import type { SidebarItemProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1464)
+ * [SidebarItemProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1377)
  * ## Props
  * @prop icon
  * @prop subtext
  * @prop href
  * @prop label
- * @prop spanClass = "ms-3"
- * @prop activeClass
- * @prop nonActiveClass
- * @prop aClass
  * @prop active
  * @prop class: className
+ * @prop classes
  * @prop ...restProps
  */
 declare const SidebarItem: import("svelte").Component<SidebarItemProps, {}, "">;

package/dist/sidebar/index.d.ts

@@ -7,4 +7,4 @@ export { default as SidebarDropdownItem } from "./SidebarItem.svelte";
 export { default as SidebarButton } from "./SidebarButton.svelte";
 export { default as SidebarCta } from "./SidebarCta.svelte";
 export { default as SidebarBrand } from "./SidebarBrand.svelte";
-export { sidebar, sidebarButton, sidebarCta, sidebarBrand, sidebarDropdownWrapper } from "./theme";
+export { sidebar, sidebarButton, sidebarCta, sidebarBrand, sidebarItem, sidebarDropdownWrapper } from "./theme";

package/dist/sidebar/index.js

@@ -7,4 +7,4 @@ export { default as SidebarDropdownItem } from "./SidebarItem.svelte";
 export { default as SidebarButton } from "./SidebarButton.svelte";
 export { default as SidebarCta } from "./SidebarCta.svelte";
 export { default as SidebarBrand } from "./SidebarBrand.svelte";
-export { sidebar, sidebarButton, sidebarCta, sidebarBrand, sidebarDropdownWrapper } from "./theme";
+export { sidebar, sidebarButton, sidebarCta, sidebarBrand, sidebarItem, sidebarDropdownWrapper } from "./theme";

package/dist/sidebar/theme.d.ts

@@ -5,6 +5,7 @@ export type SidebarCtaVariants = VariantProps<typeof sidebarCta> & Classes<typeo
 export type SidebarBrandVariants = VariantProps<typeof sidebarBrand> & Classes<typeof sidebarBrand>;
 export type SidebarDropdownWrapperVariants = VariantProps<typeof sidebarDropdownWrapper> & Classes<typeof sidebarDropdownWrapper>;
 export type SidebarButtonVariants = VariantProps<typeof sidebarButton> & Classes<typeof sidebarButton>;
+export type SidebarItemVariants = VariantProps<typeof sidebarItem> & Classes<typeof sidebarItem>;
 export declare const sidebar: import("tailwind-variants").TVReturnType<{
     position: {
         fixed: {
@@ -310,3 +311,43 @@ export declare const sidebarDropdownWrapper: import("tailwind-variants").TVRetur
     svg: string;
     ul: string;
 }, undefined, unknown, unknown, undefined>>;
+export declare const sidebarItem: import("tailwind-variants").TVReturnType<{
+    active: {
+        true: {
+            link: string;
+        };
+        false: {
+            link: string;
+        };
+    };
+}, {
+    base: string;
+    link: string;
+    span: string;
+}, undefined, {
+    active: {
+        true: {
+            link: string;
+        };
+        false: {
+            link: string;
+        };
+    };
+}, {
+    base: string;
+    link: string;
+    span: string;
+}, import("tailwind-variants").TVReturnType<{
+    active: {
+        true: {
+            link: string;
+        };
+        false: {
+            link: string;
+        };
+    };
+}, {
+    base: string;
+    link: string;
+    span: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/sidebar/theme.js

@@ -2,8 +2,8 @@ import { tv } from "tailwind-variants";
 export const sidebar = tv({
     slots: {
         base: "top-0 left-0 z-50 w-64 transition-transform bg-gray-50 dark:bg-gray-800",
-        active: "flex items-center group-has-[ul]:ms-6 p-2 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-sm dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700",
-        nonactive: "flex items-center group-has-[ul]:ms-6 p-2 text-base font-normal text-gray-900 rounded-sm dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700",
+        active: "flex items-center group-has-[ul]:ms-6 px-2 py-1.5 m-1 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-sm dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700",
+        nonactive: "flex items-center group-has-[ul]:ms-6 px-2 py-1.5 m-1 text-base font-normal text-gray-900 rounded-sm dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700",
         div: "overflow-y-auto px-3 py-4 bg-gray-50 dark:bg-gray-800",
         backdrop: "fixed top-0 start-0 z-40 w-full h-full"
     },
@@ -43,7 +43,7 @@ export const sidebar = tv({
 });
 export const sidebarButton = tv({
     slots: {
-        base: "inline-flex items-center text-sm text-gray-500 rounded-lg hover:bg-gray-100 focus:outline-hidden focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
+        base: "inline-flex items-center text-sm text-gray-500 rounded-base hover:bg-gray-100 focus:outline-hidden focus:ring-2 focus:ring-gray-200 dark:text-gray-400 dark:hover:bg-gray-700 dark:focus:ring-gray-600",
         svg: "h-6 w-6 m-2"
     },
     variants: {
@@ -79,3 +79,23 @@ export const sidebarDropdownWrapper = tv({
         ul: "py-2 space-y-0"
     }
 });
+export const sidebarItem = tv({
+    slots: {
+        base: "",
+        link: "flex items-center group-has-[ul]:ms-6 px-2 py-1.5 m-1 text-base font-normal rounded-sm",
+        span: "ms-3"
+    },
+    variants: {
+        active: {
+            true: {
+                link: "text-gray-900 bg-gray-200 dark:bg-gray-700 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700"
+            },
+            false: {
+                link: "text-gray-900 dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700"
+            }
+        }
+    },
+    defaultVariants: {
+        active: false
+    }
+});

package/dist/skeleton/CardPlaceholder.svelte

@@ -41,7 +41,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1476)
+[CardPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1385)
 ## Props
 @prop size = "sm"
 @prop class: className

package/dist/skeleton/CardPlaceholder.svelte.d.ts

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

package/dist/skeleton/ImagePlaceholder.svelte

@@ -70,7 +70,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1480)
+[ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1389)
 ## Props
 @prop size = "md"
 @prop rounded

package/dist/skeleton/ImagePlaceholder.svelte.d.ts

@@ -2,7 +2,7 @@ import type { ImagePlaceholderProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1480)
+ * [ImagePlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1389)
  * ## Props
  * @prop size = "md"
  * @prop rounded

package/dist/skeleton/ListPlaceholder.svelte

@@ -50,7 +50,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1486)
+[ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1395)
 ## Props
 @prop itemNumber = 5
 @prop size = "md"

package/dist/skeleton/ListPlaceholder.svelte.d.ts

@@ -2,7 +2,7 @@ import type { ListPlaceholderProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1486)
+ * [ListPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1395)
  * ## Props
  * @prop itemNumber = 5
  * @prop size = "md"

package/dist/skeleton/Skeleton.svelte

@@ -42,7 +42,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1492)
+[SkeletonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1401)
 ## Props
 @prop size = "sm"
 @prop class: className

package/dist/skeleton/Skeleton.svelte.d.ts

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

package/dist/skeleton/TestimonialPlaceholder.svelte

@@ -52,7 +52,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TestimonialPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1496)
+[TestimonialPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1405)
 ## Props
 @prop class: className
 @prop classes

package/dist/skeleton/TestimonialPlaceholder.svelte.d.ts

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

package/dist/skeleton/TextPlaceholder.svelte

@@ -77,7 +77,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1498)
+[TextPlaceholderProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1407)
 ## Props
 @prop size = "sm"
 @prop class: className

package/dist/skeleton/TextPlaceholder.svelte.d.ts

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