flowbite-svelte 0.46.1 → 0.46.3

package/dist/typography/Blockquote.svelte

@@ -1,31 +1,31 @@
-<script>import { twMerge } from 'tailwind-merge';
+<script>import { twMerge } from "tailwind-merge";
 export let border = false;
 export let italic = true;
-export let borderClass = 'border-s-4 border-gray-300 dark:border-gray-500';
-export let bgClass = 'bg-gray-50 dark:bg-gray-800';
+export let borderClass = "border-s-4 border-gray-300 dark:border-gray-500";
+export let bgClass = "bg-gray-50 dark:bg-gray-800";
 export let bg = false;
-export let baseClass = 'font-semibold text-gray-900 dark:text-white';
-export let alignment = 'left';
-export let size = 'lg';
+export let baseClass = "font-semibold text-gray-900 dark:text-white";
+export let alignment = "left";
+export let size = "lg";
 let alignmentClasses = {
-    left: 'text-left',
-    center: 'text-center',
-    right: 'text-right'
+  left: "text-left",
+  center: "text-center",
+  right: "text-right"
 };
 const sizes = {
-    xs: 'text-xs',
-    sm: 'text-sm',
-    base: 'text-base',
-    lg: 'text-lg',
-    xl: 'text-xl',
-    '2xl': 'text-2xl',
-    '3xl': 'text-3xl',
-    '4xl': 'text-4xl',
-    '5xl': 'text-5xl',
-    '6xl': 'text-6xl',
-    '7xl': 'text-7xl',
-    '8xl': 'text-8xl',
-    '9xl': 'text-9xl'
+  xs: "text-xs",
+  sm: "text-sm",
+  base: "text-base",
+  lg: "text-lg",
+  xl: "text-xl",
+  "2xl": "text-2xl",
+  "3xl": "text-3xl",
+  "4xl": "text-4xl",
+  "5xl": "text-5xl",
+  "6xl": "text-6xl",
+  "7xl": "text-7xl",
+  "8xl": "text-8xl",
+  "9xl": "text-9xl"
 };
 </script>
 

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

@@ -37,4 +37,3 @@ export type BlockquoteSlots = typeof __propDef.slots;
 export default class Blockquote extends SvelteComponentTyped<BlockquoteProps, BlockquoteEvents, BlockquoteSlots> {
 }
 export {};
-//# sourceMappingURL=Blockquote.svelte.d.ts.map

package/dist/typography/DescriptionList.svelte

@@ -1,8 +1,8 @@
-<script>import { twMerge } from 'tailwind-merge';
+<script>import { twMerge } from "tailwind-merge";
 export let tag;
-export let dtClass = 'text-gray-500 md:text-lg dark:text-gray-400';
-export let ddClass = 'text-lg font-semibold';
-let classDesc = twMerge(tag === 'dt' ? dtClass : ddClass, $$props.class);
+export let dtClass = "text-gray-500 md:text-lg dark:text-gray-400";
+export let ddClass = "text-lg font-semibold";
+let classDesc = twMerge(tag === "dt" ? dtClass : ddClass, $$props.class);
 </script>
 
 <svelte:element this={tag} {...$$restProps} class={classDesc}>

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

@@ -26,4 +26,3 @@ export type DescriptionListSlots = typeof __propDef.slots;
 export default class DescriptionList extends SvelteComponentTyped<DescriptionListProps, DescriptionListEvents, DescriptionListSlots> {
 }
 export {};
-//# sourceMappingURL=DescriptionList.svelte.d.ts.map

package/dist/typography/Heading.svelte

@@ -1,14 +1,14 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let tag = 'h1';
-export let color = 'text-gray-900 dark:text-white';
-export let customSize = '';
+<script>import { twMerge } from "tailwind-merge";
+export let tag = "h1";
+export let color = "text-gray-900 dark:text-white";
+export let customSize = "";
 const textSizes = {
-    h1: 'text-5xl font-extrabold',
-    h2: 'text-4xl font-bold',
-    h3: 'text-3xl font-bold',
-    h4: 'text-2xl font-bold',
-    h5: 'text-xl font-bold',
-    h6: 'text-lg font-bold'
+  h1: "text-5xl font-extrabold",
+  h2: "text-4xl font-bold",
+  h3: "text-3xl font-bold",
+  h4: "text-2xl font-bold",
+  h5: "text-xl font-bold",
+  h6: "text-lg font-bold"
 };
 </script>
 

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

@@ -26,4 +26,3 @@ export type HeadingSlots = typeof __propDef.slots;
 export default class Heading extends SvelteComponentTyped<HeadingProps, HeadingEvents, HeadingSlots> {
 }
 export {};
-//# sourceMappingURL=Heading.svelte.d.ts.map

package/dist/typography/Hr.svelte

@@ -1,12 +1,12 @@
-<script>import { twMerge } from 'tailwind-merge';
+<script>import { twMerge } from "tailwind-merge";
 export let icon = false;
-export let divClass = 'inline-flex items-center justify-center w-full';
-export let hrClass = 'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700';
-export let iconDivClass = 'absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 ';
-export let textSpanClass = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:text-white dark:bg-gray-900 ';
-export let innerDivClass = 'absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900';
+export let divClass = "inline-flex items-center justify-center w-full";
+export let hrClass = "h-px my-8 bg-gray-200 border-0 dark:bg-gray-700";
+export let iconDivClass = "absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 ";
+export let textSpanClass = "absolute px-3 font-medium text-gray-900 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:text-white dark:bg-gray-900 ";
+export let innerDivClass = "absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900";
 let horizontalCls = twMerge(hrClass, $$props.classHr);
-let divCls = twMerge(divClass, $$slots && 'relative', $$props.classDiv);
+let divCls = twMerge(divClass, $$slots && "relative", $$props.classDiv);
 let innerDivCls = twMerge(innerDivClass, icon ? iconDivClass : textSpanClass, $$props.classInnerDiv);
 </script>
 

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

@@ -32,4 +32,3 @@ export type HrSlots = typeof __propDef.slots;
 export default class Hr extends SvelteComponentTyped<HrProps, HrEvents, HrSlots> {
 }
 export {};
-//# sourceMappingURL=Hr.svelte.d.ts.map

package/dist/typography/Img.svelte

@@ -1,14 +1,14 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let caption = undefined;
-export let src = undefined;
-export let srcset = undefined;
-export let size = 'max-w-full';
-export let alignment = '';
-export let imgClass = 'h-auto';
-export let figClass = 'max-w-lg';
-export let alt = '';
-export let effect = '';
-export let captionClass = 'mt-2 text-sm text-center text-gray-500 dark:text-gray-400';
+<script>import { twMerge } from "tailwind-merge";
+export let caption = void 0;
+export let src = void 0;
+export let srcset = void 0;
+export let size = "max-w-full";
+export let alignment = "";
+export let imgClass = "h-auto";
+export let figClass = "max-w-lg";
+export let alt = "";
+export let effect = "";
+export let captionClass = "mt-2 text-sm text-center text-gray-500 dark:text-gray-400";
 </script>
 
 {#if caption}

package/dist/typography/Img.svelte.d.ts

@@ -38,4 +38,3 @@ export type ImgSlots = typeof __propDef.slots;
 export default class Img extends SvelteComponentTyped<ImgProps, ImgEvents, ImgSlots> {
 }
 export {};
-//# sourceMappingURL=Img.svelte.d.ts.map

package/dist/typography/Layout.svelte

@@ -1,8 +1,8 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let divClass = 'grid';
-export let cols = 'grid-cols-1 sm:grid-cols-2';
+<script>import { twMerge } from "tailwind-merge";
+export let divClass = "grid";
+export let cols = "grid-cols-1 sm:grid-cols-2";
 export let gap;
-let classDiv = twMerge(divClass, 'gap-' + String(gap), cols);
+let classDiv = twMerge(divClass, "gap-" + String(gap), cols);
 </script>
 
 <div {...$$restProps} class={classDiv}>

package/dist/typography/Layout.svelte.d.ts

@@ -26,4 +26,3 @@ export type LayoutSlots = typeof __propDef.slots;
 export default class Layout extends SvelteComponentTyped<LayoutProps, LayoutEvents, LayoutSlots> {
 }
 export {};
-//# sourceMappingURL=Layout.svelte.d.ts.map

package/dist/typography/Li.svelte

@@ -1,7 +1,7 @@
-<script>import { twMerge } from 'tailwind-merge';
+<script>import { twMerge } from "tailwind-merge";
 export let icon = false;
-export let liClass = '';
-let classLi = twMerge(liClass, icon && 'flex items-center', $$props.class);
+export let liClass = "";
+let classLi = twMerge(liClass, icon && "flex items-center", $$props.class);
 </script>
 
 <li {...$$restProps} class={classLi}>

package/dist/typography/Li.svelte.d.ts

@@ -24,4 +24,3 @@ export type LiSlots = typeof __propDef.slots;
 export default class Li extends SvelteComponentTyped<LiProps, LiEvents, LiSlots> {
 }
 export {};
-//# sourceMappingURL=Li.svelte.d.ts.map

package/dist/typography/List.svelte

@@ -1,17 +1,17 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let tag = 'ul';
-export let list = undefined;
-export let position = 'inside';
+<script>import { twMerge } from "tailwind-merge";
+export let tag = "ul";
+export let list = void 0;
+export let position = "inside";
 let lists = {
-    disc: 'list-disc',
-    none: 'list-none',
-    decimal: 'list-decimal'
+  disc: "list-disc",
+  none: "list-none",
+  decimal: "list-decimal"
 };
 let positions = {
-    inside: 'list-inside',
-    outside: 'list-outside'
+  inside: "list-inside",
+  outside: "list-outside"
 };
-let classList = twMerge(lists[list ?? (tag === 'ul' ? 'disc' : 'ol' ? 'decimal' : 'none')], positions[position], $$props.class);
+let classList = twMerge(lists[list ?? (tag === "ul" ? "disc" : "ol" ? "decimal" : "none")], positions[position], $$props.class);
 </script>
 
 <svelte:element this={tag} {...$$restProps} class={classList}>

package/dist/typography/List.svelte.d.ts

@@ -26,4 +26,3 @@ export type ListSlots = typeof __propDef.slots;
 export default class List extends SvelteComponentTyped<ListProps, ListEvents, ListSlots> {
 }
 export {};
-//# sourceMappingURL=List.svelte.d.ts.map

package/dist/typography/Mark.svelte

@@ -1,7 +1,7 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let color = 'text-white dark:bg-blue-500';
-export let bgColor = 'bg-blue-600';
-export let markClass = 'px-2 rounded';
+<script>import { twMerge } from "tailwind-merge";
+export let color = "text-white dark:bg-blue-500";
+export let bgColor = "bg-blue-600";
+export let markClass = "px-2 rounded";
 </script>
 
 <mark {...$$restProps} class={twMerge(markClass, bgColor, color, $$props.class)}>

package/dist/typography/Mark.svelte.d.ts

@@ -26,4 +26,3 @@ export type MarkSlots = typeof __propDef.slots;
 export default class Mark extends SvelteComponentTyped<MarkProps, MarkEvents, MarkSlots> {
 }
 export {};
-//# sourceMappingURL=Mark.svelte.d.ts.map

package/dist/typography/P.svelte

@@ -1,73 +1,69 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let color = 'text-gray-900 dark:text-white';
-export let height = 'normal';
-export let align = 'left';
+<script>import { twMerge } from "tailwind-merge";
+export let color = "text-gray-900 dark:text-white";
+export let height = "normal";
+export let align = "left";
 export let justify = false;
 export let italic = false;
 export let firstupper = false;
-export let upperClass = 'first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:me-3 first-letter:float-left';
-export let opacity = undefined;
-export let whitespace = 'normal';
-export let size = 'base';
-export let space = undefined;
-export let weight = 'normal';
+export let upperClass = "first-line:uppercase first-line:tracking-widest first-letter:text-7xl first-letter:font-bold first-letter:text-gray-900 dark:first-letter:text-gray-100 first-letter:me-3 first-letter:float-left";
+export let opacity = void 0;
+export let whitespace = "normal";
+export let size = "base";
+export let space = void 0;
+export let weight = "normal";
 const sizes = {
-    xs: 'text-xs',
-    sm: 'text-sm',
-    base: 'text-base',
-    lg: 'text-lg',
-    xl: 'text-xl',
-    '2xl': 'text-2xl',
-    '3xl': 'text-3xl',
-    '4xl': 'text-4xl',
-    '5xl': 'text-5xl',
-    '6xl': 'text-6xl',
-    '7xl': 'text-7xl',
-    '8xl': 'text-8xl',
-    '9xl': 'text-9xl'
+  xs: "text-xs",
+  sm: "text-sm",
+  base: "text-base",
+  lg: "text-lg",
+  xl: "text-xl",
+  "2xl": "text-2xl",
+  "3xl": "text-3xl",
+  "4xl": "text-4xl",
+  "5xl": "text-5xl",
+  "6xl": "text-6xl",
+  "7xl": "text-7xl",
+  "8xl": "text-8xl",
+  "9xl": "text-9xl"
 };
 const weights = {
-    thin: 'font-thin',
-    extralight: 'font-extralight',
-    light: 'font-light',
-    normal: 'font-normal',
-    medium: 'font-medium',
-    semibold: 'font-semibold',
-    bold: 'font-bold',
-    extrabold: 'font-extrabold',
-    black: 'font-black'
+  thin: "font-thin",
+  extralight: "font-extralight",
+  light: "font-light",
+  normal: "font-normal",
+  medium: "font-medium",
+  semibold: "font-semibold",
+  bold: "font-bold",
+  extrabold: "font-extrabold",
+  black: "font-black"
 };
 const spaces = {
-    tighter: 'tracking-tighter',
-    tight: 'tracking-tight',
-    normal: 'tracking-normal',
-    wide: 'tracking-wide',
-    wider: 'tracking-wider',
-    widest: 'tracking-widest'
+  tighter: "tracking-tighter",
+  tight: "tracking-tight",
+  normal: "tracking-normal",
+  wide: "tracking-wide",
+  wider: "tracking-wider",
+  widest: "tracking-widest"
 };
 const heights = {
-    normal: 'leading-normal',
-    relaxed: 'leading-relaxed',
-    loose: 'leading-loose'
+  normal: "leading-normal",
+  relaxed: "leading-relaxed",
+  loose: "leading-loose"
 };
 const aligns = {
-    left: 'text-left',
-    center: 'text-center',
-    right: 'text-right'
+  left: "text-left",
+  center: "text-center",
+  right: "text-right"
 };
 const whitespaces = {
-    normal: 'whitespace-normal',
-    nowrap: 'whitespace-nowrap',
-    pre: 'whitespace-pre',
-    preline: 'whitespace-pre-line',
-    prewrap: 'whitespace-pre-wrap'
+  normal: "whitespace-normal",
+  nowrap: "whitespace-nowrap",
+  pre: "whitespace-pre",
+  preline: "whitespace-pre-line",
+  prewrap: "whitespace-pre-wrap"
 };
-$: colorAndopacity = color
-    .split(' ')
-    .map((element) => element.trim())
-    .map((element) => element + '/' + String(opacity))
-    .join(' ');
-$: classP = twMerge(size && sizes[size], (opacity && colorAndopacity) || (color && color), height && heights[height], weight && weights[weight], space && spaces[space], align && aligns[align], justify && 'text-justify', italic && 'italic', firstupper && upperClass, whitespace && whitespaces[whitespace], $$props.class);
+$: colorAndopacity = color.split(" ").map((element) => element.trim()).map((element) => element + "/" + String(opacity)).join(" ");
+$: classP = twMerge(size && sizes[size], opacity && colorAndopacity || color && color, height && heights[height], weight && weights[weight], space && spaces[space], align && aligns[align], justify && "text-justify", italic && "italic", firstupper && upperClass, whitespace && whitespaces[whitespace], $$props.class);
 </script>
 
 <p {...$$restProps} class={classP}>

package/dist/typography/P.svelte.d.ts

@@ -45,4 +45,3 @@ export type PSlots = typeof __propDef.slots;
 export default class P extends SvelteComponentTyped<PProps, PEvents, PSlots> {
 }
 export {};
-//# sourceMappingURL=P.svelte.d.ts.map

package/dist/typography/Secondary.svelte

@@ -1,6 +1,6 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let color = 'text-gray-500 dark:text-gray-400';
-export let secondaryClass = 'font-semibold';
+<script>import { twMerge } from "tailwind-merge";
+export let color = "text-gray-500 dark:text-gray-400";
+export let secondaryClass = "font-semibold";
 </script>
 
 <small {...$$restProps} class={twMerge(color, secondaryClass, $$props.class)}>

package/dist/typography/Secondary.svelte.d.ts

@@ -24,4 +24,3 @@ export type SecondarySlots = typeof __propDef.slots;
 export default class Secondary extends SvelteComponentTyped<SecondaryProps, SecondaryEvents, SecondarySlots> {
 }
 export {};
-//# sourceMappingURL=Secondary.svelte.d.ts.map

package/dist/typography/Span.svelte

@@ -1,15 +1,15 @@
-<script>import { twMerge } from 'tailwind-merge';
+<script>import { twMerge } from "tailwind-merge";
 export let italic = false;
 export let underline = false;
 export let linethrough = false;
 export let uppercase = false;
 export let gradient = false;
 export let highlight = false;
-export let highlightClass = 'text-blue-600 dark:text-blue-500';
-export let decorationClass = 'decoration-2 decoration-blue-400 dark:decoration-blue-600';
-export let gradientClass = 'text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400';
-let underlineClass = twMerge('underline', decorationClass);
-let classSpan = twMerge(italic && 'italic', underline && underlineClass, linethrough && 'line-through', uppercase && 'uppercase', gradient ? gradientClass : 'font-semibold text-gray-900 dark:text-white', highlight && highlightClass, $$props.class);
+export let highlightClass = "text-blue-600 dark:text-blue-500";
+export let decorationClass = "decoration-2 decoration-blue-400 dark:decoration-blue-600";
+export let gradientClass = "text-transparent bg-clip-text bg-gradient-to-r to-emerald-600 from-sky-400";
+let underlineClass = twMerge("underline", decorationClass);
+let classSpan = twMerge(italic && "italic", underline && underlineClass, linethrough && "line-through", uppercase && "uppercase", gradient ? gradientClass : "font-semibold text-gray-900 dark:text-white", highlight && highlightClass, $$props.class);
 </script>
 
 <span {...$$restProps} class={classSpan}>

package/dist/typography/Span.svelte.d.ts

@@ -38,4 +38,3 @@ export type SpanSlots = typeof __propDef.slots;
 export default class Span extends SvelteComponentTyped<SpanProps, SpanEvents, SpanSlots> {
 }
 export {};
-//# sourceMappingURL=Span.svelte.d.ts.map

package/dist/utils/CloseButton.svelte

@@ -1,6 +1,6 @@
-<script>import { twMerge } from 'tailwind-merge';
-import ToolbarButton from '../toolbar/ToolbarButton.svelte';
-export let name = 'Close';
+<script>import { twMerge } from "tailwind-merge";
+import ToolbarButton from "../toolbar/ToolbarButton.svelte";
+export let name = "Close";
 </script>
 
 <ToolbarButton on:click {name} {...$$restProps} class={twMerge('ms-auto', $$props.class)} let:svgSize>

package/dist/utils/CloseButton.svelte.d.ts

@@ -22,4 +22,3 @@ export type CloseButtonSlots = typeof __propDef.slots;
 export default class CloseButton extends SvelteComponentTyped<CloseButtonProps, CloseButtonEvents, CloseButtonSlots> {
 }
 export {};
-//# sourceMappingURL=CloseButton.svelte.d.ts.map