flowbite-svelte 0.46.1 → 0.46.3

package/dist/sidebar/Sidebar.svelte

@@ -1,20 +1,19 @@
-<script context="module">export {};
-</script>
+<script context="module"></script>
 
-<script>import { setContext } from 'svelte';
-import { twMerge } from 'tailwind-merge';
-import { writable } from 'svelte/store';
-const activeUrlStore = writable('');
-export let activeUrl = '';
-export let asideClass = 'w-64';
-export let nonActiveClass = 'flex items-center p-2 text-base font-normal text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700';
-export let activeClass = 'flex items-center p-2 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700';
-export let ariaLabel = 'Sidebar';
-setContext('sidebarContext', { activeClass, nonActiveClass });
+<script>import { setContext } from "svelte";
+import { twMerge } from "tailwind-merge";
+import { writable } from "svelte/store";
+const activeUrlStore = writable("");
+export let activeUrl = "";
+export let asideClass = "w-64";
+export let nonActiveClass = "flex items-center p-2 text-base font-normal text-gray-900 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700";
+export let activeClass = "flex items-center p-2 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700";
+export let ariaLabel = "Sidebar";
+setContext("sidebarContext", { activeClass, nonActiveClass });
 $: {
-    activeUrlStore.set(activeUrl);
+  activeUrlStore.set(activeUrl);
 }
-setContext('activeUrl', activeUrlStore);
+setContext("activeUrl", activeUrlStore);
 </script>
 
 <aside {...$$restProps} class={twMerge(asideClass, $$props.class)} aria-label={ariaLabel}>

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

@@ -34,4 +34,3 @@ export type SidebarSlots = typeof __propDef.slots;
 export default class Sidebar extends SvelteComponentTyped<SidebarProps, SidebarEvents, SidebarSlots> {
 }
 export {};
-//# sourceMappingURL=Sidebar.svelte.d.ts.map

package/dist/sidebar/SidebarBrand.svelte

@@ -1,8 +1,8 @@
-<script>import { twMerge } from 'tailwind-merge';
+<script>import { twMerge } from "tailwind-merge";
 export let site;
-export let aClass = 'flex items-center ps-2.5 mb-5';
-export let imgClass = 'h-6 me-3 sm:h-7';
-export let spanClass = 'self-center text-xl font-semibold whitespace-nowrap dark:text-white';
+export let aClass = "flex items-center ps-2.5 mb-5";
+export let imgClass = "h-6 me-3 sm:h-7";
+export let spanClass = "self-center text-xl font-semibold whitespace-nowrap dark:text-white";
 </script>
 
 <a {...$$restProps} href={site.href} class={twMerge(aClass, $$props.class)}>

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

@@ -27,4 +27,3 @@ export type SidebarBrandSlots = typeof __propDef.slots;
 export default class SidebarBrand extends SvelteComponentTyped<SidebarBrandProps, SidebarBrandEvents, SidebarBrandSlots> {
 }
 export {};
-//# sourceMappingURL=SidebarBrand.svelte.d.ts.map

package/dist/sidebar/SidebarCta.svelte

@@ -1,8 +1,8 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let divWrapperClass = 'p-4 mt-6 bg-primary-50 rounded-lg dark:bg-primary-900';
-export let divClass = 'flex items-center mb-3';
-export let spanClass = 'bg-primary-100 text-primary-800 text-sm font-semibold me-2 px-2.5 py-0.5 rounded dark:bg-primary-200 dark:text-primary-900';
-export let label = '';
+<script>import { twMerge } from "tailwind-merge";
+export let divWrapperClass = "p-4 mt-6 bg-primary-50 rounded-lg dark:bg-primary-900";
+export let divClass = "flex items-center mb-3";
+export let spanClass = "bg-primary-100 text-primary-800 text-sm font-semibold me-2 px-2.5 py-0.5 rounded dark:bg-primary-200 dark:text-primary-900";
+export let label = "";
 </script>
 
 <div {...$$restProps} id="dropdown-cta" class={twMerge(divWrapperClass, $$props.class)} role="alert">

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

@@ -29,4 +29,3 @@ export type SidebarCtaSlots = typeof __propDef.slots;
 export default class SidebarCta extends SvelteComponentTyped<SidebarCtaProps, SidebarCtaEvents, SidebarCtaSlots> {
 }
 export {};
-//# sourceMappingURL=SidebarCta.svelte.d.ts.map

package/dist/sidebar/SidebarDropdownItem.svelte

@@ -1,8 +1,8 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let aClass = 'flex items-center p-2 ps-11 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700';
-export let href = '';
-export let label = '';
-export let activeClass = 'flex items-center p-2 ps-11 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700';
+<script>import { twMerge } from "tailwind-merge";
+export let aClass = "flex items-center p-2 ps-11 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700";
+export let href = "";
+export let label = "";
+export let activeClass = "flex items-center p-2 ps-11 text-base font-normal text-gray-900 bg-gray-200 dark:bg-gray-700 rounded-lg dark:text-white hover:bg-gray-100 dark:hover:bg-gray-700";
 export let active = false;
 </script>
 

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

@@ -38,4 +38,3 @@ export type SidebarDropdownItemSlots = typeof __propDef.slots;
 export default class SidebarDropdownItem extends SvelteComponentTyped<SidebarDropdownItemProps, SidebarDropdownItemEvents, SidebarDropdownItemSlots> {
 }
 export {};
-//# sourceMappingURL=SidebarDropdownItem.svelte.d.ts.map

package/dist/sidebar/SidebarDropdownWrapper.svelte

@@ -1,27 +1,26 @@
-<script>import { twMerge } from 'tailwind-merge';
-import { fade, blur, fly, slide } from 'svelte/transition';
-export let btnClass = 'flex items-center p-2 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700';
-export let label = '';
-export let spanClass = 'flex-1 ms-3 text-left whitespace-nowrap';
-export let ulClass = 'py-2 space-y-2';
-export let transitionType = 'slide';
+<script>import { twMerge } from "tailwind-merge";
+import { fade, blur, fly, slide } from "svelte/transition";
+export let btnClass = "flex items-center p-2 w-full text-base font-normal text-gray-900 rounded-lg transition duration-75 group hover:bg-gray-100 dark:text-white dark:hover:bg-gray-700";
+export let label = "";
+export let spanClass = "flex-1 ms-3 text-left whitespace-nowrap";
+export let ulClass = "py-2 space-y-2";
+export let transitionType = "slide";
 export let transitionParams = {};
-// make a custom transition function that returns the desired transition
 const multiple = (node, params) => {
-    switch (transitionType) {
-        case 'blur':
-            return blur(node, params);
-        case 'fly':
-            return fly(node, params);
-        case 'fade':
-            return fade(node, params);
-        default:
-            return slide(node, params);
-    }
+  switch (transitionType) {
+    case "blur":
+      return blur(node, params);
+    case "fly":
+      return fly(node, params);
+    case "fade":
+      return fade(node, params);
+    default:
+      return slide(node, params);
+  }
 };
 export let isOpen = false;
 const handleDropdown = () => {
-    isOpen = !isOpen;
+  isOpen = !isOpen;
 };
 </script>
 

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

@@ -38,4 +38,3 @@ export type SidebarDropdownWrapperSlots = typeof __propDef.slots;
 export default class SidebarDropdownWrapper extends SvelteComponentTyped<SidebarDropdownWrapperProps, SidebarDropdownWrapperEvents, SidebarDropdownWrapperSlots> {
 }
 export {};
-//# sourceMappingURL=SidebarDropdownWrapper.svelte.d.ts.map

package/dist/sidebar/SidebarGroup.svelte

@@ -1,9 +1,9 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let ulClass = 'space-y-2';
-export let borderClass = 'pt-4 mt-4 border-t border-gray-200 dark:border-gray-700';
+<script>import { twMerge } from "tailwind-merge";
+export let ulClass = "space-y-2";
+export let borderClass = "pt-4 mt-4 border-t border-gray-200 dark:border-gray-700";
 export let border = false;
 if (border) {
-    ulClass += ' ' + borderClass;
+  ulClass += " " + borderClass;
 }
 </script>
 

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

@@ -26,4 +26,3 @@ export type SidebarGroupSlots = typeof __propDef.slots;
 export default class SidebarGroup extends SvelteComponentTyped<SidebarGroupProps, SidebarGroupEvents, SidebarGroupSlots> {
 }
 export {};
-//# sourceMappingURL=SidebarGroup.svelte.d.ts.map

package/dist/sidebar/SidebarItem.svelte

@@ -1,22 +1,17 @@
-<script>import { getContext } from 'svelte';
-import { twMerge } from 'tailwind-merge';
-export let href = '';
-export let label = '';
-export let spanClass = 'ms-3';
-export let activeClass = undefined;
-export let nonActiveClass = undefined;
-// export let active: boolean = false;
-const context = getContext('sidebarContext') ?? {};
-const activeUrlStore = getContext('activeUrl');
-let sidebarUrl = '';
+<script>import { getContext } from "svelte";
+import { twMerge } from "tailwind-merge";
+export let href = "";
+export let label = "";
+export let spanClass = "ms-3";
+export let activeClass = void 0;
+export let nonActiveClass = void 0;
+const context = getContext("sidebarContext") ?? {};
+const activeUrlStore = getContext("activeUrl");
+let sidebarUrl = "";
 activeUrlStore.subscribe((value) => {
-    // console.log('value: ', value)
-    sidebarUrl = value;
+  sidebarUrl = value;
 });
-// console.log('sidbarUrl: ', sidebarUrl)
-// console.log('href: ', href)
 $: active = sidebarUrl ? href === sidebarUrl : false;
-// console.log('active: ', active)
 $: aClass = twMerge(active ? activeClass ?? context.activeClass : nonActiveClass ?? context.nonActiveClass, $$props.class);
 </script>
 

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

@@ -42,4 +42,3 @@ export type SidebarItemSlots = typeof __propDef.slots;
 export default class SidebarItem extends SvelteComponentTyped<SidebarItemProps, SidebarItemEvents, SidebarItemSlots> {
 }
 export {};
-//# sourceMappingURL=SidebarItem.svelte.d.ts.map

package/dist/sidebar/SidebarWrapper.svelte

@@ -1,5 +1,5 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let divClass = 'overflow-y-auto py-4 px-3 bg-gray-50 rounded dark:bg-gray-800';
+<script>import { twMerge } from "tailwind-merge";
+export let divClass = "overflow-y-auto py-4 px-3 bg-gray-50 rounded dark:bg-gray-800";
 </script>
 
 <div {...$$restProps} class={twMerge(divClass, $$props.class)}>

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

@@ -22,4 +22,3 @@ export type SidebarWrapperSlots = typeof __propDef.slots;
 export default class SidebarWrapper extends SvelteComponentTyped<SidebarWrapperProps, SidebarWrapperEvents, SidebarWrapperSlots> {
 }
 export {};
-//# sourceMappingURL=SidebarWrapper.svelte.d.ts.map

package/dist/skeleton/CardPlaceholder.svelte

@@ -1,13 +1,13 @@
-<script>import { twMerge } from 'tailwind-merge';
+<script>import { twMerge } from "tailwind-merge";
 const sizes = {
-    sm: 'max-w-sm',
-    md: 'max-w-md',
-    lg: 'max-w-lg',
-    xl: 'max-w-xl',
-    xxl: 'max-w-2xl'
+  sm: "max-w-sm",
+  md: "max-w-md",
+  lg: "max-w-lg",
+  xl: "max-w-xl",
+  xxl: "max-w-2xl"
 };
-export let divClass = 'p-4 rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700';
-export let size = 'sm';
+export let divClass = "p-4 rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700";
+export let size = "sm";
 $: outDivclass = twMerge(sizes[size], divClass, $$props.class);
 </script>
 
@@ -17,17 +17,17 @@ $: outDivclass = twMerge(sizes[size], divClass, $$props.class);
       <path d="M480 80C480 35.82 515.8 0 560 0C604.2 0 640 35.82 640 80C640 124.2 604.2 160 560 160C515.8 160 480 124.2 480 80zM0 456.1C0 445.6 2.964 435.3 8.551 426.4L225.3 81.01C231.9 70.42 243.5 64 256 64C268.5 64 280.1 70.42 286.8 81.01L412.7 281.7L460.9 202.7C464.1 196.1 472.2 192 480 192C487.8 192 495 196.1 499.1 202.7L631.1 419.1C636.9 428.6 640 439.7 640 450.9C640 484.6 612.6 512 578.9 512H55.91C25.03 512 .0006 486.1 .0006 456.1L0 456.1z" />
     </svg>
   </div>
-  <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-1/2 mb-4" />
-  <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
-  <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
-  <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
+  <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-1/2 mb-4"></div>
+  <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5"></div>
+  <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5"></div>
+  <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700"></div>
   <div class="flex items-center mt-4 space-x-3 rtl:space-x-reverse">
     <svg class="w-14 h-14 text-gray-200 dark:text-gray-700" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
       <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z" clip-rule="evenodd" />
     </svg>
     <div>
-      <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-32 mb-2" />
-      <div class="w-48 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
+      <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-32 mb-2"></div>
+      <div class="w-48 h-2 bg-gray-200 rounded-full dark:bg-gray-700"></div>
     </div>
   </div>
   <span class="sr-only">Loading...</span>

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

@@ -22,4 +22,3 @@ export type CardPlaceholderSlots = typeof __propDef.slots;
 export default class CardPlaceholder extends SvelteComponentTyped<CardPlaceholderProps, CardPlaceholderEvents, CardPlaceholderSlots> {
 }
 export {};
-//# sourceMappingURL=CardPlaceholder.svelte.d.ts.map

package/dist/skeleton/ImagePlaceholder.svelte

@@ -1,8 +1,8 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let divClass = 'space-y-8 animate-pulse md:space-y-0 md:space-x-8 rtl:space-x-reverse md:flex md:items-center';
-export let imgHeight = '48';
+<script>import { twMerge } from "tailwind-merge";
+export let divClass = "space-y-8 animate-pulse md:space-y-0 md:space-x-8 rtl:space-x-reverse md:flex md:items-center";
+export let imgHeight = "48";
 export let imgOnly = false;
-$: imgOnlyClass = imgOnly ? 'max-w-60' : '';
+$: imgOnlyClass = imgOnly ? "max-w-60" : "";
 </script>
 
 <div role="status" class={twMerge(divClass, $$props.class, imgOnlyClass)}>
@@ -13,13 +13,13 @@ $: imgOnlyClass = imgOnly ? 'max-w-60' : '';
   </div>
   {#if !imgOnly}
     <div class="w-full">
-      <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-1/2 mb-4" />
-      <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12 mb-2.5" />
-      <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
-      <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
-      <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-10/12 mb-2.5" />
-      <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-11/12 mb-2.5" />
-      <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12" />
+      <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-1/2 mb-4"></div>
+      <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12 mb-2.5"></div>
+      <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5"></div>
+      <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5"></div>
+      <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-10/12 mb-2.5"></div>
+      <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-11/12 mb-2.5"></div>
+      <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12"></div>
     </div>
   {/if}
   <span class="sr-only">Loading...</span>

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

@@ -24,4 +24,3 @@ export type ImagePlaceholderSlots = typeof __propDef.slots;
 export default class ImagePlaceholder extends SvelteComponentTyped<ImagePlaceholderProps, ImagePlaceholderEvents, ImagePlaceholderSlots> {
 }
 export {};
-//# sourceMappingURL=ImagePlaceholder.svelte.d.ts.map

package/dist/skeleton/ListPlaceholder.svelte

@@ -1,42 +1,42 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let divClass = 'p-4 space-y-4 max-w-md rounded border border-gray-200 divide-y divide-gray-200 shadow animate-pulse dark:divide-gray-700 md:p-6 dark:border-gray-700';
+<script>import { twMerge } from "tailwind-merge";
+export let divClass = "p-4 space-y-4 max-w-md rounded border border-gray-200 divide-y divide-gray-200 shadow animate-pulse dark:divide-gray-700 md:p-6 dark:border-gray-700";
 </script>
 
 <div role="status" class={twMerge(divClass, $$props.class)}>
   <div class="flex justify-between items-center">
     <div>
-      <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
-      <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
+      <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5"></div>
+      <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700"></div>
     </div>
-    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
+    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12"></div>
   </div>
   <div class="flex justify-between items-center pt-4">
     <div>
-      <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
-      <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
+      <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5"></div>
+      <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700"></div>
     </div>
-    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
+    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12"></div>
   </div>
   <div class="flex justify-between items-center pt-4">
     <div>
-      <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
-      <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
+      <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5"></div>
+      <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700"></div>
     </div>
-    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
+    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12"></div>
   </div>
   <div class="flex justify-between items-center pt-4">
     <div>
-      <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
-      <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
+      <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5"></div>
+      <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700"></div>
     </div>
-    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
+    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12"></div>
   </div>
   <div class="flex justify-between items-center pt-4">
     <div>
-      <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5" />
-      <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
+      <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24 mb-2.5"></div>
+      <div class="w-32 h-2 bg-gray-200 rounded-full dark:bg-gray-700"></div>
     </div>
-    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12" />
+    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 w-12"></div>
   </div>
   <span class="sr-only">Loading...</span>
 </div>

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

@@ -20,4 +20,3 @@ export type ListPlaceholderSlots = typeof __propDef.slots;
 export default class ListPlaceholder extends SvelteComponentTyped<ListPlaceholderProps, ListPlaceholderEvents, ListPlaceholderSlots> {
 }
 export {};
-//# sourceMappingURL=ListPlaceholder.svelte.d.ts.map

package/dist/skeleton/Skeleton.svelte

@@ -1,24 +1,24 @@
-<script>import { twMerge } from 'tailwind-merge';
+<script>import { twMerge } from "tailwind-merge";
 const sizes = {
-    sm: 'max-w-sm',
-    md: 'max-w-md',
-    lg: 'max-w-lg',
-    xl: 'max-w-xl',
-    xxl: 'max-w-2xl'
+  sm: "max-w-sm",
+  md: "max-w-md",
+  lg: "max-w-lg",
+  xl: "max-w-xl",
+  xxl: "max-w-2xl"
 };
-export let divClass = 'animate-pulse';
-export let size = 'sm';
+export let divClass = "animate-pulse";
+export let size = "sm";
 $: outDivclass = twMerge(sizes[size], divClass, $$props.class);
 </script>
 
 <div role="status" class={outDivclass}>
-  <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-1/2 mb-4" />
-  <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12 mb-2.5" />
-  <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
-  <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5" />
-  <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-10/12 mb-2.5" />
-  <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-11/12 mb-2.5" />
-  <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12" />
+  <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-1/2 mb-4"></div>
+  <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12 mb-2.5"></div>
+  <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5"></div>
+  <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 mb-2.5"></div>
+  <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-10/12 mb-2.5"></div>
+  <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-11/12 mb-2.5"></div>
+  <div class="h-2 bg-gray-200 rounded-full dark:bg-gray-700 w-9/12"></div>
   <span class="sr-only">Loading...</span>
 </div>
 

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

@@ -22,4 +22,3 @@ export type SkeletonSlots = typeof __propDef.slots;
 export default class Skeleton extends SvelteComponentTyped<SkeletonProps, SkeletonEvents, SkeletonSlots> {
 }
 export {};
-//# sourceMappingURL=Skeleton.svelte.d.ts.map

package/dist/skeleton/TestimonialPlaceholder.svelte

@@ -1,16 +1,16 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let divClass = 'animate-pulse';
+<script>import { twMerge } from "tailwind-merge";
+export let divClass = "animate-pulse";
 </script>
 
 <div role="status" class={twMerge(divClass, $$props.class)}>
-  <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 max-w-[640px] mb-2.5 mx-auto" />
-  <div class="h-2.5 mx-auto bg-gray-300 rounded-full dark:bg-gray-700 max-w-[540px]" />
+  <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-700 max-w-[640px] mb-2.5 mx-auto"></div>
+  <div class="h-2.5 mx-auto bg-gray-300 rounded-full dark:bg-gray-700 max-w-[540px]"></div>
   <div class="flex justify-center items-center mt-4">
     <svg class="me-2 w-10 h-10 text-gray-200 dark:text-gray-700" aria-hidden="true" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
       <path fill-rule="evenodd" d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-6-3a2 2 0 11-4 0 2 2 0 014 0zm-2 4a5 5 0 00-4.546 2.916A5.986 5.986 0 0010 16a5.986 5.986 0 004.546-2.084A5 5 0 0010 11z" clip-rule="evenodd" />
     </svg>
-    <div class="w-20 h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 me-3" />
-    <div class="w-24 h-2 bg-gray-200 rounded-full dark:bg-gray-700" />
+    <div class="w-20 h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 me-3"></div>
+    <div class="w-24 h-2 bg-gray-200 rounded-full dark:bg-gray-700"></div>
   </div>
   <span class="sr-only">Loading...</span>
 </div>

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

@@ -20,4 +20,3 @@ export type TestimonialPlaceholderSlots = typeof __propDef.slots;
 export default class TestimonialPlaceholder extends SvelteComponentTyped<TestimonialPlaceholderProps, TestimonialPlaceholderEvents, TestimonialPlaceholderSlots> {
 }
 export {};
-//# sourceMappingURL=TestimonialPlaceholder.svelte.d.ts.map

package/dist/skeleton/TextPlaceholder.svelte

@@ -1,46 +1,46 @@
-<script>import { twMerge } from 'tailwind-merge';
+<script>import { twMerge } from "tailwind-merge";
 const sizes = {
-    sm: 'max-w-sm',
-    md: 'max-w-md',
-    lg: 'max-w-lg',
-    xl: 'max-w-xl',
-    xxl: 'max-w-2xl'
+  sm: "max-w-sm",
+  md: "max-w-md",
+  lg: "max-w-lg",
+  xl: "max-w-xl",
+  xxl: "max-w-2xl"
 };
-export let divClass = 'space-y-2.5 animate-pulse';
-export let size = 'sm';
+export let divClass = "space-y-2.5 animate-pulse";
+export let size = "sm";
 $: outDivclass = twMerge(sizes[size], divClass, $$props.class);
 </script>
 
 <div role="status" class={outDivclass}>
   <div class="flex items-center space-x-2 rtl:space-x-reverse w-full">
-    <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-32" />
-    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
-    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
+    <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-32"></div>
+    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24"></div>
+    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full"></div>
   </div>
   <div class="flex items-center space-x-2 rtl:space-x-reverse w-11/12">
-    <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-full" />
-    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
-    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
+    <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-full"></div>
+    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full"></div>
+    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24"></div>
   </div>
   <div class="flex items-center space-x-2 rtl:space-x-reverse w-9/12">
-    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
-    <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-80" />
-    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
+    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full"></div>
+    <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-80"></div>
+    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full"></div>
   </div>
   <div class="flex items-center space-x-2 rtl:space-x-reverse w-11/12">
-    <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-full" />
-    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
-    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
+    <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-full"></div>
+    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full"></div>
+    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24"></div>
   </div>
   <div class="flex items-center space-x-2 rtl:space-x-reverse w-10/12">
-    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-32" />
-    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24" />
-    <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-full" />
+    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-32"></div>
+    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-24"></div>
+    <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-full"></div>
   </div>
   <div class="flex items-center space-x-2 rtl:space-x-reverse w-8/12">
-    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
-    <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-80" />
-    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full" />
+    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full"></div>
+    <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-80"></div>
+    <div class="h-2.5 bg-gray-300 rounded-full dark:bg-gray-600 w-full"></div>
   </div>
   <span class="sr-only">Loading...</span>
 </div>

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

@@ -22,4 +22,3 @@ export type TextPlaceholderSlots = typeof __propDef.slots;
 export default class TextPlaceholder extends SvelteComponentTyped<TextPlaceholderProps, TextPlaceholderEvents, TextPlaceholderSlots> {
 }
 export {};
-//# sourceMappingURL=TextPlaceholder.svelte.d.ts.map

package/dist/skeleton/VideoPlaceholder.svelte

@@ -1,13 +1,13 @@
-<script>import { twMerge } from 'tailwind-merge';
+<script>import { twMerge } from "tailwind-merge";
 const sizes = {
-    sm: 'max-w-sm',
-    md: 'max-w-md',
-    lg: 'max-w-lg',
-    xl: 'max-w-xl',
-    xxl: 'max-w-2xl'
+  sm: "max-w-sm",
+  md: "max-w-md",
+  lg: "max-w-lg",
+  xl: "max-w-xl",
+  xxl: "max-w-2xl"
 };
-export let divClass = 'flex justify-center items-center h-56 bg-gray-300 rounded-lg animate-pulse dark:bg-gray-700';
-export let size = 'sm';
+export let divClass = "flex justify-center items-center h-56 bg-gray-300 rounded-lg animate-pulse dark:bg-gray-700";
+export let size = "sm";
 $: outDivclass = twMerge(sizes[size], divClass, $$props.class);
 </script>
 

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

@@ -22,4 +22,3 @@ export type VideoPlaceholderSlots = typeof __propDef.slots;
 export default class VideoPlaceholder extends SvelteComponentTyped<VideoPlaceholderProps, VideoPlaceholderEvents, VideoPlaceholderSlots> {
 }
 export {};
-//# sourceMappingURL=VideoPlaceholder.svelte.d.ts.map