flowbite-svelte 0.46.1 → 0.46.3

package/dist/skeleton/WidgetPlaceholder.svelte

@@ -1,18 +1,18 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let divClass = 'p-4 max-w-sm rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700';
+<script>import { twMerge } from "tailwind-merge";
+export let divClass = "p-4 max-w-sm rounded border border-gray-200 shadow animate-pulse md:p-6 dark:border-gray-700";
 </script>
 
 <div role="status" class={twMerge(divClass, $$props.class)}>
-  <div class="h-2.5 bg-gray-200 rounded-full dark:bg-gray-700 w-32 mb-2.5" />
-  <div class="mb-10 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.5"></div>
+  <div class="mb-10 w-48 h-2 bg-gray-200 rounded-full dark:bg-gray-700"></div>
   <div class="flex items-baseline mt-4 space-x-6 rtl:space-x-reverse">
-    <div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
-    <div class="w-full h-56 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
-    <div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
-    <div class="w-full h-64 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
-    <div class="w-full h-80 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
-    <div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
-    <div class="w-full h-80 bg-gray-200 rounded-t-lg dark:bg-gray-700" />
+    <div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700"></div>
+    <div class="w-full h-56 bg-gray-200 rounded-t-lg dark:bg-gray-700"></div>
+    <div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700"></div>
+    <div class="w-full h-64 bg-gray-200 rounded-t-lg dark:bg-gray-700"></div>
+    <div class="w-full h-80 bg-gray-200 rounded-t-lg dark:bg-gray-700"></div>
+    <div class="w-full h-72 bg-gray-200 rounded-t-lg dark:bg-gray-700"></div>
+    <div class="w-full h-80 bg-gray-200 rounded-t-lg dark:bg-gray-700"></div>
   </div>
   <span class="sr-only">Loading...</span>
 </div>

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

@@ -20,4 +20,3 @@ export type WidgetPlaceholderSlots = typeof __propDef.slots;
 export default class WidgetPlaceholder extends SvelteComponentTyped<WidgetPlaceholderProps, WidgetPlaceholderEvents, WidgetPlaceholderSlots> {
 }
 export {};
-//# sourceMappingURL=WidgetPlaceholder.svelte.d.ts.map

package/dist/speed-dial/SpeedDial.svelte

@@ -1,28 +1,27 @@
-<script context="module">export {};
-</script>
+<script context="module"></script>
 
-<script>import { twMerge } from 'tailwind-merge';
-import Button from '../buttons/Button.svelte';
-import Popper from '../utils/Popper.svelte';
-import { setContext } from 'svelte';
-import generateId from '../utils/generateId';
-import GradientButton from '../buttons/GradientButton.svelte';
-export let defaultClass = 'fixed end-6 bottom-6';
-export let popperDefaultClass = 'flex items-center mb-4 gap-2';
-export let placement = 'top';
+<script>import { twMerge } from "tailwind-merge";
+import Button from "../buttons/Button.svelte";
+import Popper from "../utils/Popper.svelte";
+import { setContext } from "svelte";
+import generateId from "../utils/generateId";
+import GradientButton from "../buttons/GradientButton.svelte";
+export let defaultClass = "fixed end-6 bottom-6";
+export let popperDefaultClass = "flex items-center mb-4 gap-2";
+export let placement = "top";
 export let pill = true;
-export let tooltip = 'left';
-export let trigger = 'hover';
+export let tooltip = "left";
+export let trigger = "hover";
 export let textOutside = false;
 export let id = generateId();
-export let name = 'Open actions menu';
+export let name = "Open actions menu";
 export let gradient = false;
 export let open = false;
-setContext('speed-dial', { pill, tooltip, textOutside });
+setContext("speed-dial", { pill, tooltip, textOutside });
 let divClass;
-$: divClass = twMerge(defaultClass, 'group', $$props.class);
+$: divClass = twMerge(defaultClass, "group", $$props.class);
 let poperClass;
-$: poperClass = twMerge(popperDefaultClass, ['top', 'bottom'].includes(placement.split('-')[0]) && 'flex-col');
+$: poperClass = twMerge(popperDefaultClass, ["top", "bottom"].includes(placement.split("-")[0]) && "flex-col");
 </script>
 
 <div class={divClass}>

package/dist/speed-dial/SpeedDial.svelte.d.ts

@@ -50,4 +50,3 @@ export type SpeedDialSlots = typeof __propDef.slots;
 export default class SpeedDial extends SvelteComponentTyped<SpeedDialProps, SpeedDialEvents, SpeedDialSlots> {
 }
 export {};
-//# sourceMappingURL=SpeedDial.svelte.d.ts.map

package/dist/speed-dial/SpeedDialButton.svelte

@@ -1,17 +1,17 @@
-<script>import Button from '../buttons/Button.svelte';
-import Tooltip from '../tooltip/Tooltip.svelte';
-import { twMerge } from 'tailwind-merge';
-import { getContext } from 'svelte';
-const context = getContext('speed-dial');
-export let btnDefaultClass = 'w-[52px] h-[52px] shadow-sm !p-2';
-export let name = '';
+<script>import Button from "../buttons/Button.svelte";
+import Tooltip from "../tooltip/Tooltip.svelte";
+import { twMerge } from "tailwind-merge";
+import { getContext } from "svelte";
+const context = getContext("speed-dial");
+export let btnDefaultClass = "w-[52px] h-[52px] shadow-sm !p-2";
+export let name = "";
 export let tooltip = context.tooltip;
 export let pill = context.pill;
 export let textOutside = context.textOutside;
-export let textOutsideClass = 'block absolute -start-14 top-1/2 mb-px text-sm font-medium -translate-y-1/2';
-export let textDefaultClass = 'block mb-px text-xs font-medium';
+export let textOutsideClass = "block absolute -start-14 top-1/2 mb-px text-sm font-medium -translate-y-1/2";
+export let textDefaultClass = "block mb-px text-xs font-medium";
 let btnClass;
-$: btnClass = twMerge(btnDefaultClass, tooltip === 'none' && 'flex-col', textOutside && 'relative', $$props.class);
+$: btnClass = twMerge(btnDefaultClass, tooltip === "none" && "flex-col", textOutside && "relative", $$props.class);
 </script>
 
 <Button {pill} outline color="light" {...$$restProps} class={btnClass} on:click>

package/dist/speed-dial/SpeedDialButton.svelte.d.ts

@@ -37,4 +37,3 @@ export type SpeedDialButtonSlots = typeof __propDef.slots;
 export default class SpeedDialButton extends SvelteComponentTyped<SpeedDialButtonProps, SpeedDialButtonEvents, SpeedDialButtonSlots> {
 }
 export {};
-//# sourceMappingURL=SpeedDialButton.svelte.d.ts.map

package/dist/spinner/Spinner.svelte

@@ -1,28 +1,27 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let color = 'primary';
-export let bg = 'text-gray-300';
-export let customColor = '';
-export let size = '8';
-// these two props add fine control over the spinner colors
-export let currentFill = 'currentFill';
-export let currentColor = 'currentColor';
+<script>import { twMerge } from "tailwind-merge";
+export let color = "primary";
+export let bg = "text-gray-300";
+export let customColor = "";
+export let size = "8";
+export let currentFill = "currentFill";
+export let currentColor = "currentColor";
 let iconsize = `w-${size} h-${size}`;
-if (currentFill !== 'currentFill') {
-    color = undefined;
+if (currentFill !== "currentFill") {
+  color = void 0;
 }
 const fillColorClasses = {
-    primary: 'fill-primary-600',
-    blue: 'fill-blue-600',
-    gray: 'fill-gray-600 dark:fill-gray-300',
-    green: 'fill-green-500',
-    red: 'fill-red-600',
-    yellow: 'fill-yellow-400',
-    pink: 'fill-pink-600',
-    purple: 'fill-purple-600',
-    white: 'fill-white',
-    custom: customColor
+  primary: "fill-primary-600",
+  blue: "fill-blue-600",
+  gray: "fill-gray-600 dark:fill-gray-300",
+  green: "fill-green-500",
+  red: "fill-red-600",
+  yellow: "fill-yellow-400",
+  pink: "fill-pink-600",
+  purple: "fill-purple-600",
+  white: "fill-white",
+  custom: customColor
 };
-let fillColorClass = color === undefined ? '' : fillColorClasses[color] ?? fillColorClasses.blue;
+let fillColorClass = color === void 0 ? "" : fillColorClasses[color] ?? fillColorClasses.blue;
 </script>
 
 <svg {...$$restProps} role="status" class={twMerge('inline -mt-px animate-spin dark:text-gray-600', iconsize, bg, fillColorClass, $$props.class)} viewBox="0 0 100 101" fill="none" xmlns="http://www.w3.org/2000/svg">

package/dist/spinner/Spinner.svelte.d.ts

@@ -30,4 +30,3 @@ export type SpinnerSlots = typeof __propDef.slots;
 export default class Spinner extends SvelteComponentTyped<SpinnerProps, SpinnerEvents, SpinnerSlots> {
 }
 export {};
-//# sourceMappingURL=Spinner.svelte.d.ts.map

package/dist/steps/StepIndicator.svelte

@@ -1,37 +1,37 @@
-<script>import { twMerge, twJoin } from 'tailwind-merge';
-export let steps = ['Step 1', 'Step 2', 'Step 3', 'Step 4', 'Step 5'];
+<script>import { twMerge, twJoin } from "tailwind-merge";
+export let steps = ["Step 1", "Step 2", "Step 3", "Step 4", "Step 5"];
 export let currentStep = 1;
-export let size = 'h-2.5';
-export let color = 'primary';
+export let size = "h-2.5";
+export let color = "primary";
 export let glow = false;
 export let hideLabel = false;
-export let completedCustom = '';
-export let currentCustom = '';
+export let completedCustom = "";
+export let currentCustom = "";
 const completedStepColors = {
-    primary: 'bg-primary-500 dark:bg-primary-900',
-    secondary: 'bg-secondary-500 dark:bg-secondary-900',
-    gray: 'bg-gray-400 dark:bg-gray-500',
-    red: 'bg-red-600 dark:bg-red-900',
-    yellow: 'bg-yellow-400 dark:bg-yellow-600',
-    green: 'bg-green-500 dark:bg-green-900',
-    indigo: 'bg-indigo-500 dark:bg-indigo-900',
-    purple: 'bg-purple-500 dark:bg-purple-900',
-    pink: 'bg-pink-500 dark:bg-pink-900',
-    blue: 'bg-blue-500 dark:bg-blue-900',
-    custom: completedCustom
+  primary: "bg-primary-500 dark:bg-primary-900",
+  secondary: "bg-secondary-500 dark:bg-secondary-900",
+  gray: "bg-gray-400 dark:bg-gray-500",
+  red: "bg-red-600 dark:bg-red-900",
+  yellow: "bg-yellow-400 dark:bg-yellow-600",
+  green: "bg-green-500 dark:bg-green-900",
+  indigo: "bg-indigo-500 dark:bg-indigo-900",
+  purple: "bg-purple-500 dark:bg-purple-900",
+  pink: "bg-pink-500 dark:bg-pink-900",
+  blue: "bg-blue-500 dark:bg-blue-900",
+  custom: completedCustom
 };
 const currentStepColors = {
-    primary: 'bg-primary-800 dark:bg-primary-400',
-    secondary: 'bg-secondary-800 dark:bg-secondary-400',
-    gray: 'bg-gray-700 dark:bg-gray-200',
-    red: 'bg-red-900 dark:bg-red-500',
-    yellow: 'bg-yellow-600 dark:bg-yellow-400',
-    green: 'bg-green-800 dark:bg-green-400',
-    indigo: 'bg-indigo-800 dark:bg-indigo-400',
-    purple: 'bg-purple-800 dark:bg-purple-400',
-    pink: 'bg-pink-800 dark:bg-pink-400',
-    blue: 'bg-blue-800 dark:bg-blue-400',
-    custom: currentCustom
+  primary: "bg-primary-800 dark:bg-primary-400",
+  secondary: "bg-secondary-800 dark:bg-secondary-400",
+  gray: "bg-gray-700 dark:bg-gray-200",
+  red: "bg-red-900 dark:bg-red-500",
+  yellow: "bg-yellow-600 dark:bg-yellow-400",
+  green: "bg-green-800 dark:bg-green-400",
+  indigo: "bg-indigo-800 dark:bg-indigo-400",
+  purple: "bg-purple-800 dark:bg-purple-400",
+  pink: "bg-pink-800 dark:bg-pink-400",
+  blue: "bg-blue-800 dark:bg-blue-400",
+  custom: currentCustom
 };
 </script>
 
@@ -43,15 +43,15 @@ const currentStepColors = {
     {#each steps as step, i}
       {#if i === currentStep - 1}
         <div class="relative w-full h-full">
-          <div class={twJoin('relative w-full h-full rounded-sm', currentStepColors[color])} />
+          <div class={twJoin('relative w-full h-full rounded-sm', currentStepColors[color])}></div>
           {#if glow}
-            <div class={twJoin('absolute -inset-1 rounded-sm blur opacity-30 dark:opacity-25', currentStepColors[color])} />
+            <div class={twJoin('absolute -inset-1 rounded-sm blur opacity-30 dark:opacity-25', currentStepColors[color])}></div>
           {/if}
         </div>
       {:else if i < currentStep - 1}
-        <div class={twJoin('w-full h-full rounded-sm', completedStepColors[color])} />
+        <div class={twJoin('w-full h-full rounded-sm', completedStepColors[color])}></div>
       {:else}
-        <div class="w-full h-full rounded-sm bg-gray-200 dark:bg-gray-700" />
+        <div class="w-full h-full rounded-sm bg-gray-200 dark:bg-gray-700"></div>
       {/if}
     {/each}
   </div>

package/dist/steps/StepIndicator.svelte.d.ts

@@ -34,4 +34,3 @@ export type StepIndicatorSlots = typeof __propDef.slots;
 export default class StepIndicator extends SvelteComponentTyped<StepIndicatorProps, StepIndicatorEvents, StepIndicatorSlots> {
 }
 export {};
-//# sourceMappingURL=StepIndicator.svelte.d.ts.map

package/dist/table/Table.svelte

@@ -1,27 +1,27 @@
-<script>import { twMerge, twJoin } from 'tailwind-merge';
-import { setContext } from 'svelte';
-export let divClass = 'relative overflow-x-auto';
+<script>import { twMerge, twJoin } from "tailwind-merge";
+import { setContext } from "svelte";
+export let divClass = "relative overflow-x-auto";
 export let striped = false;
 export let hoverable = false;
 export let noborder = false;
 export let shadow = false;
-export let color = 'default';
-export let customeColor = '';
+export let color = "default";
+export let customeColor = "";
 const colors = {
-    default: 'text-gray-500 dark:text-gray-400',
-    blue: 'text-blue-100 dark:text-blue-100',
-    green: 'text-green-100 dark:text-green-100',
-    red: 'text-red-100 dark:text-red-100',
-    yellow: 'text-yellow-100 dark:text-yellow-100',
-    purple: 'text-purple-100 dark:text-purple-100',
-    indigo: 'text-indigo-100 dark:text-indigo-100',
-    pink: 'text-pink-100 dark:text-pink-100',
-    custom: customeColor
+  default: "text-gray-500 dark:text-gray-400",
+  blue: "text-blue-100 dark:text-blue-100",
+  green: "text-green-100 dark:text-green-100",
+  red: "text-red-100 dark:text-red-100",
+  yellow: "text-yellow-100 dark:text-yellow-100",
+  purple: "text-purple-100 dark:text-purple-100",
+  indigo: "text-indigo-100 dark:text-indigo-100",
+  pink: "text-pink-100 dark:text-pink-100",
+  custom: customeColor
 };
-$: setContext('striped', striped);
-$: setContext('hoverable', hoverable);
-$: setContext('noborder', noborder);
-$: setContext('color', color);
+$: setContext("striped", striped);
+$: setContext("hoverable", hoverable);
+$: setContext("noborder", noborder);
+$: setContext("color", color);
 </script>
 
 <div class={twJoin(divClass, shadow && 'shadow-md sm:rounded-lg')}>

package/dist/table/Table.svelte.d.ts

@@ -35,4 +35,3 @@ export type TableSlots = typeof __propDef.slots;
 export default class Table extends SvelteComponentTyped<TableProps, TableEvents, TableSlots> {
 }
 export {};
-//# sourceMappingURL=Table.svelte.d.ts.map

package/dist/table/TableBody.svelte

@@ -1,4 +1,4 @@
-<script>export let tableBodyClass = undefined;
+<script>export let tableBodyClass = void 0;
 </script>
 
 <tbody class={tableBodyClass}>

package/dist/table/TableBody.svelte.d.ts

@@ -21,4 +21,3 @@ export type TableBodySlots = typeof __propDef.slots;
 export default class TableBody extends SvelteComponentTyped<TableBodyProps, TableBodyEvents, TableBodySlots> {
 }
 export {};
-//# sourceMappingURL=TableBody.svelte.d.ts.map

package/dist/table/TableBodyCell.svelte

@@ -1,10 +1,10 @@
-<script>import { twMerge } from 'tailwind-merge';
-import { getContext } from 'svelte';
-export let tdClass = 'px-6 py-4 whitespace-nowrap font-medium ';
-let color = 'default';
-color = getContext('color');
+<script>import { twMerge } from "tailwind-merge";
+import { getContext } from "svelte";
+export let tdClass = "px-6 py-4 whitespace-nowrap font-medium ";
+let color = "default";
+color = getContext("color");
 let tdClassfinal;
-$: tdClassfinal = twMerge(tdClass, color === 'default' ? 'text-gray-900 dark:text-white' : 'text-blue-50 whitespace-nowrap dark:text-blue-100', $$props.class);
+$: tdClassfinal = twMerge(tdClass, color === "default" ? "text-gray-900 dark:text-white" : "text-blue-50 whitespace-nowrap dark:text-blue-100", $$props.class);
 </script>
 
 <svelte:element this={$$props.onclick ? 'button' : 'td'} {...$$restProps} class={tdClassfinal} on:click role={$$props.onclick ? 'button' : undefined}>

package/dist/table/TableBodyCell.svelte.d.ts

@@ -24,4 +24,3 @@ export type TableBodyCellSlots = typeof __propDef.slots;
 export default class TableBodyCell extends SvelteComponentTyped<TableBodyCellProps, TableBodyCellEvents, TableBodyCellSlots> {
 }
 export {};
-//# sourceMappingURL=TableBodyCell.svelte.d.ts.map

package/dist/table/TableBodyRow.svelte

@@ -1,35 +1,35 @@
-<script>import { twMerge } from 'tailwind-merge';
-import { getContext } from 'svelte';
-export let color = getContext('color');
+<script>import { twMerge } from "tailwind-merge";
+import { getContext } from "svelte";
+export let color = getContext("color");
 const colors = {
-    default: 'bg-white dark:bg-gray-800 dark:border-gray-700',
-    blue: 'bg-blue-500 border-blue-400',
-    green: 'bg-green-500 border-green-400',
-    red: 'bg-red-500 border-red-400',
-    yellow: 'bg-yellow-500 border-yellow-400',
-    purple: 'bg-purple-500 border-purple-400',
-    custom: ''
+  default: "bg-white dark:bg-gray-800 dark:border-gray-700",
+  blue: "bg-blue-500 border-blue-400",
+  green: "bg-green-500 border-green-400",
+  red: "bg-red-500 border-red-400",
+  yellow: "bg-yellow-500 border-yellow-400",
+  purple: "bg-purple-500 border-purple-400",
+  custom: ""
 };
 const hoverColors = {
-    default: 'hover:bg-gray-50 dark:hover:bg-gray-600',
-    blue: 'hover:bg-blue-400',
-    green: 'hover:bg-green-400',
-    red: 'hover:bg-red-400',
-    yellow: 'hover:bg-yellow-400',
-    purple: 'hover:bg-purple-400',
-    custom: ''
+  default: "hover:bg-gray-50 dark:hover:bg-gray-600",
+  blue: "hover:bg-blue-400",
+  green: "hover:bg-green-400",
+  red: "hover:bg-red-400",
+  yellow: "hover:bg-yellow-400",
+  purple: "hover:bg-purple-400",
+  custom: ""
 };
 const stripColors = {
-    default: 'odd:bg-white even:bg-gray-50 odd:dark:bg-gray-800 even:dark:bg-gray-700',
-    blue: 'odd:bg-blue-800 even:bg-blue-700 odd:dark:bg-blue-800 even:dark:bg-blue-700',
-    green: 'odd:bg-green-800 even:bg-green-700 odd:dark:bg-green-800 even:dark:bg-green-700',
-    red: 'odd:bg-red-800 even:bg-red-700 odd:dark:bg-red-800 even:dark:bg-red-700',
-    yellow: 'odd:bg-yellow-800 even:bg-yellow-700 odd:dark:bg-yellow-800 even:dark:bg-yellow-700',
-    purple: 'odd:bg-purple-800 even:bg-purple-700 odd:dark:bg-purple-800 even:dark:bg-purple-700',
-    custom: ''
+  default: "odd:bg-white even:bg-gray-50 odd:dark:bg-gray-800 even:dark:bg-gray-700",
+  blue: "odd:bg-blue-800 even:bg-blue-700 odd:dark:bg-blue-800 even:dark:bg-blue-700",
+  green: "odd:bg-green-800 even:bg-green-700 odd:dark:bg-green-800 even:dark:bg-green-700",
+  red: "odd:bg-red-800 even:bg-red-700 odd:dark:bg-red-800 even:dark:bg-red-700",
+  yellow: "odd:bg-yellow-800 even:bg-yellow-700 odd:dark:bg-yellow-800 even:dark:bg-yellow-700",
+  purple: "odd:bg-purple-800 even:bg-purple-700 odd:dark:bg-purple-800 even:dark:bg-purple-700",
+  custom: ""
 };
 let trClass;
-$: trClass = twMerge([!getContext('noborder') && 'border-b last:border-b-0', colors[color], getContext('hoverable') && hoverColors[color], getContext('striped') && stripColors[color], $$props.class]);
+$: trClass = twMerge([!getContext("noborder") && "border-b last:border-b-0", colors[color], getContext("hoverable") && hoverColors[color], getContext("striped") && stripColors[color], $$props.class]);
 </script>
 
 <tr {...$$restProps} class={trClass} on:click on:contextmenu on:dblclick>

package/dist/table/TableBodyRow.svelte.d.ts

@@ -26,4 +26,3 @@ export type TableBodyRowSlots = typeof __propDef.slots;
 export default class TableBodyRow extends SvelteComponentTyped<TableBodyRowProps, TableBodyRowEvents, TableBodyRowSlots> {
 }
 export {};
-//# sourceMappingURL=TableBodyRow.svelte.d.ts.map

package/dist/table/TableHead.svelte

@@ -1,23 +1,23 @@
-<script>import { twMerge } from 'tailwind-merge';
-import { getContext } from 'svelte';
-export let theadClass = 'text-xs uppercase';
+<script>import { twMerge } from "tailwind-merge";
+import { getContext } from "svelte";
+export let theadClass = "text-xs uppercase";
 export let defaultRow = true;
 let color;
-color = getContext('color');
-let noborder = getContext('noborder');
-let striped = getContext('striped');
-let defaultBgColor = noborder || striped ? '' : 'bg-gray-50 dark:bg-gray-700';
+color = getContext("color");
+let noborder = getContext("noborder");
+let striped = getContext("striped");
+let defaultBgColor = noborder || striped ? "" : "bg-gray-50 dark:bg-gray-700";
 const bgColors = {
-    default: defaultBgColor,
-    blue: 'bg-blue-600',
-    green: 'bg-green-600',
-    red: 'bg-red-600',
-    yellow: 'bg-yellow-600',
-    purple: 'bg-purple-600',
-    custom: ''
+  default: defaultBgColor,
+  blue: "bg-blue-600",
+  green: "bg-green-600",
+  red: "bg-red-600",
+  yellow: "bg-yellow-600",
+  purple: "bg-purple-600",
+  custom: ""
 };
-let textColor = color === 'default' ? 'text-gray-700 dark:text-gray-400' : color === 'custom' ? '' : 'text-white  dark:text-white';
-let borderColors = striped ? '' : color === 'default' ? 'border-gray-700' : color === 'custom' ? '' : `border-${color}-400`;
+let textColor = color === "default" ? "text-gray-700 dark:text-gray-400" : color === "custom" ? "" : "text-white  dark:text-white";
+let borderColors = striped ? "" : color === "default" ? "border-gray-700" : color === "custom" ? "" : `border-${color}-400`;
 $: theadClassfinal = twMerge(theadClass, textColor, striped && borderColors, bgColors[color], $$props.class);
 </script>
 

package/dist/table/TableHead.svelte.d.ts

@@ -24,4 +24,3 @@ export type TableHeadSlots = typeof __propDef.slots;
 export default class TableHead extends SvelteComponentTyped<TableHeadProps, TableHeadEvents, TableHeadSlots> {
 }
 export {};
-//# sourceMappingURL=TableHead.svelte.d.ts.map

package/dist/table/TableHeadCell.svelte

@@ -1,5 +1,5 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let padding = 'px-6 py-3';
+<script>import { twMerge } from "tailwind-merge";
+export let padding = "px-6 py-3";
 </script>
 
 <th {...$$restProps} class={twMerge(padding, $$props.class)} on:click on:focus on:keydown on:keypress on:keyup on:mouseenter on:mouseleave on:mouseover>

package/dist/table/TableHeadCell.svelte.d.ts

@@ -31,4 +31,3 @@ export type TableHeadCellSlots = typeof __propDef.slots;
 export default class TableHeadCell extends SvelteComponentTyped<TableHeadCellProps, TableHeadCellEvents, TableHeadCellSlots> {
 }
 export {};
-//# sourceMappingURL=TableHeadCell.svelte.d.ts.map

package/dist/table/TableSearch.svelte

@@ -1,31 +1,31 @@
-<script>import { twMerge } from 'tailwind-merge';
-import { setContext } from 'svelte';
-export let divClass = 'relative overflow-x-auto shadow-md sm:rounded-lg';
-export let inputValue = '';
+<script>import { twMerge } from "tailwind-merge";
+import { setContext } from "svelte";
+export let divClass = "relative overflow-x-auto shadow-md sm:rounded-lg";
+export let inputValue = "";
 export let striped = false;
 export let hoverable = false;
-export let placeholder = 'Search';
-export let customColor = '';
-export let color = 'default';
-export let innerDivClass = 'p-4';
-export let searchClass = 'relative mt-1';
-export let svgDivClass = 'absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none';
-export let svgClass = 'w-5 h-5 text-gray-500 dark:text-gray-400';
-export let inputClass = 'bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500';
+export let placeholder = "Search";
+export let customColor = "";
+export let color = "default";
+export let innerDivClass = "p-4";
+export let searchClass = "relative mt-1";
+export let svgDivClass = "absolute inset-y-0 start-0 flex items-center ps-3 pointer-events-none";
+export let svgClass = "w-5 h-5 text-gray-500 dark:text-gray-400";
+export let inputClass = "bg-gray-50 border border-gray-300 text-gray-900 text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-80 p-2.5 ps-10 dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500";
 let inputCls = twMerge(inputClass, $$props.classInput);
 let svgDivCls = twMerge(svgDivClass, $$props.classSvgDiv);
 const colors = {
-    default: 'text-gray-500 dark:text-gray-400',
-    blue: 'text-blue-100 dark:text-blue-100',
-    green: 'text-green-100 dark:text-green-100',
-    red: 'text-red-100 dark:text-red-100',
-    yellow: 'text-yellow-100 dark:text-yellow-100',
-    purple: 'text-purple-100 dark:text-purple-100',
-    custom: customColor
+  default: "text-gray-500 dark:text-gray-400",
+  blue: "text-blue-100 dark:text-blue-100",
+  green: "text-green-100 dark:text-green-100",
+  red: "text-red-100 dark:text-red-100",
+  yellow: "text-yellow-100 dark:text-yellow-100",
+  purple: "text-purple-100 dark:text-purple-100",
+  custom: customColor
 };
-$: setContext('striped', striped);
-$: setContext('hoverable', hoverable);
-$: setContext('color', color);
+$: setContext("striped", striped);
+$: setContext("hoverable", hoverable);
+$: setContext("color", color);
 </script>
 
 <div class={divClass}>

package/dist/table/TableSearch.svelte.d.ts

@@ -47,4 +47,3 @@ export type TableSearchSlots = typeof __propDef.slots;
 export default class TableSearch extends SvelteComponentTyped<TableSearchProps, TableSearchEvents, TableSearchSlots> {
 }
 export {};
-//# sourceMappingURL=TableSearch.svelte.d.ts.map

package/dist/tabs/TabItem.svelte

@@ -1,26 +1,28 @@
-<script>import { getContext } from 'svelte';
-import { writable } from 'svelte/store';
-import { twMerge } from 'tailwind-merge';
+<script>import { getContext } from "svelte";
+import { writable } from "svelte/store";
+import { twMerge } from "tailwind-merge";
 export let open = false;
-export let title = 'Tab title';
-export let activeClasses = undefined;
-export let inactiveClasses = undefined;
-export let defaultClass = 'inline-block text-sm font-medium text-center disabled:cursor-not-allowed';
-const ctx = getContext('ctx') ?? {};
-// single selection
+export let title = "Tab title";
+export let activeClasses = void 0;
+export let inactiveClasses = void 0;
+export let defaultClass = "inline-block text-sm font-medium text-center disabled:cursor-not-allowed";
+const ctx = getContext("ctx") ?? {};
 const selected = ctx.selected ?? writable();
 function init(node) {
-    selected.set(node);
-    const destroy = selected.subscribe((x) => {
-        if (x !== node) {
-            open = false;
-        }
-    });
-    return { destroy };
+  selected.set(node);
+  const destroy = selected.subscribe((x) => {
+    if (x !== node) {
+      open = false;
+    }
+  });
+  return { destroy };
 }
 let buttonClass;
-$: buttonClass = twMerge(defaultClass, open ? activeClasses ?? ctx.activeClasses : inactiveClasses ?? ctx.inactiveClasses, open && 'active'
-// $$restProps.disabled && 'cursor-not-allowed pointer-events-none'
+$: buttonClass = twMerge(
+  defaultClass,
+  open ? activeClasses ?? ctx.activeClasses : inactiveClasses ?? ctx.inactiveClasses,
+  open && "active"
+  // $$restProps.disabled && 'cursor-not-allowed pointer-events-none'
 );
 </script>