flowbite-svelte 0.46.1 → 0.46.3

package/dist/tabs/TabItem.svelte.d.ts

@@ -42,4 +42,3 @@ export type TabItemSlots = typeof __propDef.slots;
 export default class TabItem extends SvelteComponentTyped<TabItemProps, TabItemEvents, TabItemSlots> {
 }
 export {};
-//# sourceMappingURL=TabItem.svelte.d.ts.map

package/dist/tabs/Tabs.svelte

@@ -1,53 +1,51 @@
-<script context="module">import { writable } from 'svelte/store';
+<script context="module">import { writable } from "svelte/store";
 </script>
 
-<script>import { twMerge } from 'tailwind-merge';
-import { setContext } from 'svelte';
-export let tabStyle = 'none';
-export let defaultClass = 'flex flex-wrap space-x-2 rtl:space-x-reverse';
-export let contentClass = 'p-4 bg-gray-50 rounded-lg dark:bg-gray-800 mt-4';
+<script>import { twMerge } from "tailwind-merge";
+import { setContext } from "svelte";
+export let tabStyle = "none";
+export let defaultClass = "flex flex-wrap space-x-2 rtl:space-x-reverse";
+export let contentClass = "p-4 bg-gray-50 rounded-lg dark:bg-gray-800 mt-4";
 export let divider = true;
-export let activeClasses = 'p-4 text-primary-600 bg-gray-100 rounded-t-lg dark:bg-gray-800 dark:text-primary-500';
-export let inactiveClasses = 'p-4 text-gray-500 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-300';
-// styles
+export let activeClasses = "p-4 text-primary-600 bg-gray-100 rounded-t-lg dark:bg-gray-800 dark:text-primary-500";
+export let inactiveClasses = "p-4 text-gray-500 rounded-t-lg hover:text-gray-600 hover:bg-gray-50 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-gray-300";
 const styledActiveClasses = {
-    full: 'p-4 w-full group-first:rounded-s-lg group-last:rounded-e-lg text-gray-900 bg-gray-100 focus:ring-4 focus:ring-primary-300 focus:outline-none dark:bg-gray-700 dark:text-white',
-    pill: 'py-3 px-4 text-white bg-primary-600 rounded-lg',
-    underline: 'p-4 text-primary-600 border-b-2 border-primary-600 dark:text-primary-500 dark:border-primary-500',
-    none: ''
+  full: "p-4 w-full group-first:rounded-s-lg group-last:rounded-e-lg text-gray-900 bg-gray-100 focus:ring-4 focus:ring-primary-300 focus:outline-none dark:bg-gray-700 dark:text-white",
+  pill: "py-3 px-4 text-white bg-primary-600 rounded-lg",
+  underline: "p-4 text-primary-600 border-b-2 border-primary-600 dark:text-primary-500 dark:border-primary-500",
+  none: ""
 };
 const styledInactiveClasses = {
-    full: 'p-4 w-full group-first:rounded-s-lg group-last:rounded-e-lg text-gray-500 dark:text-gray-400 bg-white hover:text-gray-700 hover:bg-gray-50 focus:ring-4 focus:ring-primary-300 focus:outline-none dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700',
-    pill: 'py-3 px-4 text-gray-500 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-white',
-    underline: 'p-4 border-b-2 border-transparent hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300 text-gray-500 dark:text-gray-400',
-    none: ''
+  full: "p-4 w-full group-first:rounded-s-lg group-last:rounded-e-lg text-gray-500 dark:text-gray-400 bg-white hover:text-gray-700 hover:bg-gray-50 focus:ring-4 focus:ring-primary-300 focus:outline-none dark:hover:text-white dark:bg-gray-800 dark:hover:bg-gray-700",
+  pill: "py-3 px-4 text-gray-500 rounded-lg hover:text-gray-900 hover:bg-gray-100 dark:text-gray-400 dark:hover:bg-gray-800 dark:hover:text-white",
+  underline: "p-4 border-b-2 border-transparent hover:text-gray-600 hover:border-gray-300 dark:hover:text-gray-300 text-gray-500 dark:text-gray-400",
+  none: ""
 };
 const ctx = {
-    activeClasses: styledActiveClasses[tabStyle] || activeClasses,
-    inactiveClasses: styledInactiveClasses[tabStyle] || inactiveClasses,
-    selected: writable()
+  activeClasses: styledActiveClasses[tabStyle] || activeClasses,
+  inactiveClasses: styledInactiveClasses[tabStyle] || inactiveClasses,
+  selected: writable()
 };
-$: divider = ['full', 'pill'].includes(tabStyle) ? false : divider;
-setContext('ctx', ctx);
+$: divider = ["full", "pill"].includes(tabStyle) ? false : divider;
+setContext("ctx", ctx);
 function init(node) {
-    const destroy = ctx.selected.subscribe((x) => {
-        if (x)
-            node.replaceChildren(x);
-    });
-    return { destroy };
+  const destroy = ctx.selected.subscribe((x) => {
+    if (x) node.replaceChildren(x);
+  });
+  return { destroy };
 }
-$: ulClass = twMerge(defaultClass, tabStyle === 'underline' && '-mb-px', $$props.class);
+$: ulClass = twMerge(defaultClass, tabStyle === "underline" && "-mb-px", $$props.class);
 </script>
 
 <ul class={ulClass}>
-  <slot {tabStyle} />
+  <slot {tabStyle}></slot>
 </ul>
 {#if divider}
   <slot name="divider">
-    <div class="h-px bg-gray-200 dark:bg-gray-700" />
+    <div class="h-px bg-gray-200 dark:bg-gray-700"></div>
   </slot>
 {/if}
-<div class={contentClass} role="tabpanel" aria-labelledby="id-tab" use:init />
+<div class={contentClass} role="tabpanel" aria-labelledby="id-tab" use:init></div>
 
 <!--
 @component

package/dist/tabs/Tabs.svelte.d.ts

@@ -41,4 +41,3 @@ export type TabsSlots = typeof __propDef.slots;
 export default class Tabs extends SvelteComponentTyped<TabsProps, TabsEvents, TabsSlots> {
 }
 export {};
-//# sourceMappingURL=Tabs.svelte.d.ts.map

package/dist/timeline/Activity.svelte

@@ -1,5 +1,5 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let olClass = 'relative border-s border-gray-200 dark:border-gray-700';
+<script>import { twMerge } from "tailwind-merge";
+export let olClass = "relative border-s border-gray-200 dark:border-gray-700";
 let olCls = twMerge(olClass, $$props.class);
 </script>
 

package/dist/timeline/Activity.svelte.d.ts

@@ -22,4 +22,3 @@ export type ActivitySlots = typeof __propDef.slots;
 export default class Activity extends SvelteComponentTyped<ActivityProps, ActivityEvents, ActivitySlots> {
 }
 export {};
-//# sourceMappingURL=Activity.svelte.d.ts.map

package/dist/timeline/ActivityItem.svelte

@@ -1,13 +1,13 @@
-<script>import { twMerge } from 'tailwind-merge';
+<script>import { twMerge } from "tailwind-merge";
 export let activities;
-export let liClass = 'mb-10 ms-6';
-export let spanClass = 'flex absolute -start-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900';
-export let imgClass = 'rounded-full shadow-lg';
-export let outerDivClass = 'p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600';
-export let innerDivClass = 'justify-between items-center mb-3 sm:flex';
-export let timeClass = 'mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0';
-export let titleClass = 'text-sm font-normal text-gray-500 lex dark:text-gray-300';
-export let textClass = 'p-3 text-xs italic font-normal text-gray-500 bg-gray-50 rounded-lg border border-gray-200 dark:bg-gray-600 dark:border-gray-500 dark:text-gray-300';
+export let liClass = "mb-10 ms-6";
+export let spanClass = "flex absolute -start-3 justify-center items-center w-6 h-6 bg-blue-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-blue-900";
+export let imgClass = "rounded-full shadow-lg";
+export let outerDivClass = "p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600";
+export let innerDivClass = "justify-between items-center mb-3 sm:flex";
+export let timeClass = "mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0";
+export let titleClass = "text-sm font-normal text-gray-500 lex dark:text-gray-300";
+export let textClass = "p-3 text-xs italic font-normal text-gray-500 bg-gray-50 rounded-lg border border-gray-200 dark:bg-gray-600 dark:border-gray-500 dark:text-gray-300";
 let liCls = twMerge(liClass, $$props.classLi);
 let spanCls = twMerge(spanClass, $$props.classSpan);
 let imgCls = twMerge(imgClass, $$props.classImg);

package/dist/timeline/ActivityItem.svelte.d.ts

@@ -37,4 +37,3 @@ export type ActivityItemSlots = typeof __propDef.slots;
 export default class ActivityItem extends SvelteComponentTyped<ActivityItemProps, ActivityItemEvents, ActivityItemSlots> {
 }
 export {};
-//# sourceMappingURL=ActivityItem.svelte.d.ts.map

package/dist/timeline/Group.svelte

@@ -1,8 +1,8 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let divClass = 'p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700';
-export let timeClass = 'text-lg font-semibold text-gray-900 dark:text-white';
+<script>import { twMerge } from "tailwind-merge";
+export let divClass = "p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700";
+export let timeClass = "text-lg font-semibold text-gray-900 dark:text-white";
 export let date;
-export let olClass = 'mt-3 divide-y divider-gray-200 dark:divide-gray-700';
+export let olClass = "mt-3 divide-y divider-gray-200 dark:divide-gray-700";
 let divCls = twMerge(divClass, $$props.classDiv);
 let timeCls = twMerge(timeClass, $$props.classTime);
 let olCls = twMerge(olClass, $$props.classOl);

package/dist/timeline/Group.svelte.d.ts

@@ -28,4 +28,3 @@ export type GroupSlots = typeof __propDef.slots;
 export default class Group extends SvelteComponentTyped<GroupProps, GroupEvents, GroupSlots> {
 }
 export {};
-//# sourceMappingURL=Group.svelte.d.ts.map

package/dist/timeline/GroupItem.svelte

@@ -1,10 +1,10 @@
-<script>import { twMerge } from 'tailwind-merge';
+<script>import { twMerge } from "tailwind-merge";
 export let timelines;
-export let aClass = 'block items-center p-3 sm:flex hover:bg-gray-100 dark:hover:bg-gray-700';
-export let imgClass = 'me-3 mb-3 w-12 h-12 rounded-full sm:mb-0';
-export let divClass = 'text-gray-600 dark:text-gray-400';
-export let titleClass = 'text-base font-normal';
-export let spanClass = 'inline-flex items-center text-xs font-normal text-gray-500 dark:text-gray-400';
+export let aClass = "block items-center p-3 sm:flex hover:bg-gray-100 dark:hover:bg-gray-700";
+export let imgClass = "me-3 mb-3 w-12 h-12 rounded-full sm:mb-0";
+export let divClass = "text-gray-600 dark:text-gray-400";
+export let titleClass = "text-base font-normal";
+export let spanClass = "inline-flex items-center text-xs font-normal text-gray-500 dark:text-gray-400";
 let aCls = twMerge(aClass, $$props.classA);
 let imgCls = twMerge(imgClass, $$props.classImg);
 let divCls = twMerge(divClass, $$props.classDiv);

package/dist/timeline/GroupItem.svelte.d.ts

@@ -31,4 +31,3 @@ export type GroupItemSlots = typeof __propDef.slots;
 export default class GroupItem extends SvelteComponentTyped<GroupItemProps, GroupItemEvents, GroupItemSlots> {
 }
 export {};
-//# sourceMappingURL=GroupItem.svelte.d.ts.map

package/dist/timeline/Timeline.svelte

@@ -1,13 +1,13 @@
-<script>import { twMerge } from 'tailwind-merge';
-import { setContext } from 'svelte';
-export let order = 'default';
-setContext('order', order);
+<script>import { twMerge } from "tailwind-merge";
+import { setContext } from "svelte";
+export let order = "default";
+setContext("order", order);
 let olClasses = {
-    group: 'p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700',
-    horizontal: 'sm:flex',
-    activity: 'relative border-s border-gray-200 dark:border-gray-700',
-    vertical: 'relative border-s border-gray-200 dark:border-gray-700',
-    default: 'relative border-s border-gray-200 dark:border-gray-700'
+  group: "p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700",
+  horizontal: "sm:flex",
+  activity: "relative border-s border-gray-200 dark:border-gray-700",
+  vertical: "relative border-s border-gray-200 dark:border-gray-700",
+  default: "relative border-s border-gray-200 dark:border-gray-700"
 };
 </script>
 

package/dist/timeline/Timeline.svelte.d.ts

@@ -22,4 +22,3 @@ export type TimelineSlots = typeof __propDef.slots;
 export default class Timeline extends SvelteComponentTyped<TimelineProps, TimelineEvents, TimelineSlots> {
 }
 export {};
-//# sourceMappingURL=Timeline.svelte.d.ts.map

package/dist/timeline/TimelineItem.svelte

@@ -1,39 +1,39 @@
-<script>import { twMerge } from 'tailwind-merge';
-import { getContext } from 'svelte';
-export let title = '';
-export let date = '';
-export let svgClass = 'w-3 h-3 text-primary-600 dark:text-primary-400';
-let order = 'default';
-order = getContext('order');
+<script>import { twMerge } from "tailwind-merge";
+import { getContext } from "svelte";
+export let title = "";
+export let date = "";
+export let svgClass = "w-3 h-3 text-primary-600 dark:text-primary-400";
+let order = "default";
+order = getContext("order");
 const liClasses = {
-    default: 'mb-10 ms-4',
-    vertical: 'mb-10 ms-6',
-    horizontal: 'relative mb-6 sm:mb-0',
-    activity: 'mb-10 ms-6',
-    group: ''
+  default: "mb-10 ms-4",
+  vertical: "mb-10 ms-6",
+  horizontal: "relative mb-6 sm:mb-0",
+  activity: "mb-10 ms-6",
+  group: ""
 };
 const divClasses = {
-    default: 'absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-white dark:border-gray-900 dark:bg-gray-700',
-    vertical: 'flex absolute -start-3 justify-center items-center w-6 h-6 bg-primary-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-primary-900',
-    horizontal: 'flex items-center',
-    activity: 'flex absolute -start-3 justify-center items-center w-6 h-6 bg-primary-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-primary-900',
-    group: 'p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700'
+  default: "absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -start-1.5 border border-white dark:border-gray-900 dark:bg-gray-700",
+  vertical: "flex absolute -start-3 justify-center items-center w-6 h-6 bg-primary-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-primary-900",
+  horizontal: "flex items-center",
+  activity: "flex absolute -start-3 justify-center items-center w-6 h-6 bg-primary-200 rounded-full ring-8 ring-white dark:ring-gray-900 dark:bg-primary-900",
+  group: "p-5 mb-4 bg-gray-50 rounded-lg border border-gray-100 dark:bg-gray-800 dark:border-gray-700"
 };
 const timeClasses = {
-    default: 'mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500',
-    vertical: 'block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500',
-    horizontal: 'block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500',
-    activity: 'mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0',
-    group: 'text-lg font-semibold text-gray-900 dark:text-white'
+  default: "mb-1 text-sm font-normal leading-none text-gray-400 dark:text-gray-500",
+  vertical: "block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500",
+  horizontal: "block mb-2 text-sm font-normal leading-none text-gray-400 dark:text-gray-500",
+  activity: "mb-1 text-xs font-normal text-gray-400 sm:order-last sm:mb-0",
+  group: "text-lg font-semibold text-gray-900 dark:text-white"
 };
 let liCls = twMerge(liClasses[order], $$props.classLi);
 let divCls = twMerge(divClasses[order], $$props.classDiv);
 let timeCls = twMerge(timeClasses[order], $$props.classTime);
-const h3Cls = twMerge(order === 'vertical' ? 'flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white' : 'text-lg font-semibold text-gray-900 dark:text-white', $$props.classH3);
+const h3Cls = twMerge(order === "vertical" ? "flex items-center mb-1 text-lg font-semibold text-gray-900 dark:text-white" : "text-lg font-semibold text-gray-900 dark:text-white", $$props.classH3);
 </script>
 
 <li class={liCls}>
-  <div class={divCls} />
+  <div class={divCls}></div>
   {#if order !== 'default'}
     <slot name="icon">
       <svg aria-hidden="true" class={svgClass} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
@@ -56,7 +56,7 @@ const h3Cls = twMerge(order === 'vertical' ? 'flex items-center mb-1 text-lg fon
     {/if}
   {/if}
 
-  <slot />
+  <slot></slot>
 </li>
 
 <!--

package/dist/timeline/TimelineItem.svelte.d.ts

@@ -27,4 +27,3 @@ export type TimelineItemSlots = typeof __propDef.slots;
 export default class TimelineItem extends SvelteComponentTyped<TimelineItemProps, TimelineItemEvents, TimelineItemSlots> {
 }
 export {};
-//# sourceMappingURL=TimelineItem.svelte.d.ts.map

package/dist/toast/Toast.svelte

@@ -1,38 +1,38 @@
-<script>import TransitionFrame from '../utils/TransitionFrame.svelte';
-import { twMerge } from 'tailwind-merge';
-import CloseButton from '../utils/CloseButton.svelte';
-import Frame from '../utils/Frame.svelte';
+<script>import TransitionFrame from "../utils/TransitionFrame.svelte";
+import { twMerge } from "tailwind-merge";
+import CloseButton from "../utils/CloseButton.svelte";
+import Frame from "../utils/Frame.svelte";
 export let dismissable = true;
-export let color = 'primary';
-export let position = 'none';
-export let divClass = 'w-full max-w-xs p-4 text-gray-500 bg-white shadow dark:text-gray-400 dark:bg-gray-800 gap-3';
-export let defaultIconClass = 'w-8 h-8';
-export let contentClass = 'w-full text-sm font-normal';
+export let color = "primary";
+export let position = "none";
+export let divClass = "w-full max-w-xs p-4 text-gray-500 bg-white shadow dark:text-gray-400 dark:bg-gray-800 gap-3";
+export let defaultIconClass = "w-8 h-8";
+export let contentClass = "w-full text-sm font-normal";
 export let align = true;
 const positions = {
-    'top-left': 'absolute top-5 start-5',
-    'top-right': 'absolute top-5 end-5',
-    'bottom-left': 'absolute bottom-5 start-5',
-    'bottom-right': 'absolute bottom-5 end-5',
-    none: ''
+  "top-left": "absolute top-5 start-5",
+  "top-right": "absolute top-5 end-5",
+  "bottom-left": "absolute bottom-5 start-5",
+  "bottom-right": "absolute bottom-5 end-5",
+  none: ""
 };
 let finalDivClass;
-$: finalDivClass = twMerge('flex', align ? 'items-center' : 'items-start', divClass, positions[position], $$props.class);
+$: finalDivClass = twMerge("flex", align ? "items-center" : "items-start", divClass, positions[position], $$props.class);
 const colors = {
-    primary: 'text-primary-500 bg-primary-100 dark:bg-primary-800 dark:text-primary-200',
-    gray: 'text-gray-500 bg-gray-100 dark:bg-gray-700 dark:text-gray-200',
-    red: 'text-red-500 bg-red-100 dark:bg-red-800 dark:text-red-200',
-    yellow: 'text-yellow-500 bg-yellow-100 dark:bg-yellow-800 dark:text-yellow-200',
-    green: 'text-green-500 bg-green-100 dark:bg-green-800 dark:text-green-200',
-    blue: 'text-blue-500 bg-blue-100 dark:bg-blue-800 dark:text-blue-200',
-    indigo: 'text-indigo-500 bg-indigo-100 dark:bg-indigo-800 dark:text-indigo-200',
-    purple: 'text-purple-500 bg-purple-100 dark:bg-purple-800 dark:text-purple-200',
-    orange: 'text-orange-500 bg-orange-100 dark:bg-orange-700 dark:text-orange-200',
-    none: ''
+  primary: "text-primary-500 bg-primary-100 dark:bg-primary-800 dark:text-primary-200",
+  gray: "text-gray-500 bg-gray-100 dark:bg-gray-700 dark:text-gray-200",
+  red: "text-red-500 bg-red-100 dark:bg-red-800 dark:text-red-200",
+  yellow: "text-yellow-500 bg-yellow-100 dark:bg-yellow-800 dark:text-yellow-200",
+  green: "text-green-500 bg-green-100 dark:bg-green-800 dark:text-green-200",
+  blue: "text-blue-500 bg-blue-100 dark:bg-blue-800 dark:text-blue-200",
+  indigo: "text-indigo-500 bg-indigo-100 dark:bg-indigo-800 dark:text-indigo-200",
+  purple: "text-purple-500 bg-purple-100 dark:bg-purple-800 dark:text-purple-200",
+  orange: "text-orange-500 bg-orange-100 dark:bg-orange-700 dark:text-orange-200",
+  none: ""
 };
 let iconClass;
-$: iconClass = twMerge('inline-flex items-center justify-center shrink-0', colors[color], defaultIconClass);
-const clsBtnExtraClass = '-mx-1.5 -my-1.5 text-gray-400 hover:text-gray-900 focus:!ring-gray-300 hover:bg-gray-100 dark:text-gray-500 dark:hover:text-white dark:hover:bg-gray-700';
+$: iconClass = twMerge("inline-flex items-center justify-center shrink-0", colors[color], defaultIconClass);
+const clsBtnExtraClass = "-mx-1.5 -my-1.5 text-gray-400 hover:text-gray-900 focus:!ring-gray-300 hover:bg-gray-100 dark:text-gray-500 dark:hover:text-white dark:hover:bg-gray-700";
 </script>
 
 <TransitionFrame rounded color="none" role="alert" {...$$restProps} class={finalDivClass} let:close on:close>

package/dist/toast/Toast.svelte.d.ts

@@ -52,4 +52,3 @@ export type ToastSlots = typeof __propDef.slots;
 export default class Toast extends SvelteComponentTyped<ToastProps, ToastEvents, ToastSlots> {
 }
 export {};
-//# sourceMappingURL=Toast.svelte.d.ts.map

package/dist/toolbar/Toolbar.svelte

@@ -1,16 +1,16 @@
-<script>import Frame from '../utils/Frame.svelte';
-import { setContext } from 'svelte';
-import { writable } from 'svelte/store';
-import { twJoin, twMerge } from 'tailwind-merge';
+<script>import Frame from "../utils/Frame.svelte";
+import { setContext } from "svelte";
+import { writable } from "svelte/store";
+import { twJoin, twMerge } from "tailwind-merge";
 export let embedded = false;
 const separators = writable(false);
-setContext('toolbar', separators);
+setContext("toolbar", separators);
 let color;
-$: color = embedded ? 'none' : $$props.color;
+$: color = embedded ? "none" : $$props.color;
 let separatorsClass;
-$: separatorsClass = twJoin($separators && 'sm:divide-x rtl:divide-x-reverse');
+$: separatorsClass = twJoin($separators && "sm:divide-x rtl:divide-x-reverse");
 let divClass;
-$: divClass = twMerge('flex justify-between items-center', !embedded && 'py-2 px-3', $$props.class);
+$: divClass = twMerge("flex justify-between items-center", !embedded && "py-2 px-3", $$props.class);
 </script>
 
 <Frame {...$$restProps} class={divClass} {color} rounded={!embedded}>

package/dist/toolbar/Toolbar.svelte.d.ts

@@ -36,4 +36,3 @@ export type ToolbarSlots = typeof __propDef.slots;
 export default class Toolbar extends SvelteComponentTyped<ToolbarProps, ToolbarEvents, ToolbarSlots> {
 }
 export {};
-//# sourceMappingURL=Toolbar.svelte.d.ts.map

package/dist/toolbar/ToolbarButton.svelte

@@ -1,37 +1,37 @@
-<script>import { getContext } from 'svelte';
-import { twMerge } from 'tailwind-merge';
-const background = getContext('background');
-export let color = 'default';
-export let name = undefined;
-export let ariaLabel = undefined;
-export let size = 'md';
-export let href = undefined;
+<script>import { getContext } from "svelte";
+import { twMerge } from "tailwind-merge";
+const background = getContext("background");
+export let color = "default";
+export let name = void 0;
+export let ariaLabel = void 0;
+export let size = "md";
+export let href = void 0;
 const colors = {
-    dark: 'text-gray-500 hover:text-gray-900 hover:bg-gray-200 dark:text-gray-400 dark:hover:text-white dark:hover:bg-gray-600',
-    gray: 'text-gray-500 focus:ring-gray-400 hover:bg-gray-200 dark:hover:bg-gray-800 dark:hover:text-gray-300',
-    red: 'text-red-500 focus:ring-red-400 hover:bg-red-200 dark:hover:bg-red-800 dark:hover:text-red-300',
-    yellow: 'text-yellow-500 focus:ring-yellow-400 hover:bg-yellow-200 dark:hover:bg-yellow-800 dark:hover:text-yellow-300',
-    green: 'text-green-500 focus:ring-green-400 hover:bg-green-200 dark:hover:bg-green-800 dark:hover:text-green-300',
-    indigo: 'text-indigo-500 focus:ring-indigo-400 hover:bg-indigo-200 dark:hover:bg-indigo-800 dark:hover:text-indigo-300',
-    purple: 'text-purple-500 focus:ring-purple-400 hover:bg-purple-200 dark:hover:bg-purple-800 dark:hover:text-purple-300',
-    pink: 'text-pink-500 focus:ring-pink-400 hover:bg-pink-200 dark:hover:bg-pink-800 dark:hover:text-pink-300',
-    blue: 'text-blue-500 focus:ring-blue-400 hover:bg-blue-200 dark:hover:bg-blue-800 dark:hover:text-blue-300',
-    primary: 'text-primary-500 focus:ring-primary-400 hover:bg-primary-200 dark:hover:bg-primary-800 dark:hover:text-primary-300',
-    default: 'focus:ring-gray-400 hover:bg-gray-100'
+  dark: "text-gray-500 hover:text-gray-900 hover:bg-gray-200 dark:text-gray-400 dark:hover:text-white dark:hover:bg-gray-600",
+  gray: "text-gray-500 focus:ring-gray-400 hover:bg-gray-200 dark:hover:bg-gray-800 dark:hover:text-gray-300",
+  red: "text-red-500 focus:ring-red-400 hover:bg-red-200 dark:hover:bg-red-800 dark:hover:text-red-300",
+  yellow: "text-yellow-500 focus:ring-yellow-400 hover:bg-yellow-200 dark:hover:bg-yellow-800 dark:hover:text-yellow-300",
+  green: "text-green-500 focus:ring-green-400 hover:bg-green-200 dark:hover:bg-green-800 dark:hover:text-green-300",
+  indigo: "text-indigo-500 focus:ring-indigo-400 hover:bg-indigo-200 dark:hover:bg-indigo-800 dark:hover:text-indigo-300",
+  purple: "text-purple-500 focus:ring-purple-400 hover:bg-purple-200 dark:hover:bg-purple-800 dark:hover:text-purple-300",
+  pink: "text-pink-500 focus:ring-pink-400 hover:bg-pink-200 dark:hover:bg-pink-800 dark:hover:text-pink-300",
+  blue: "text-blue-500 focus:ring-blue-400 hover:bg-blue-200 dark:hover:bg-blue-800 dark:hover:text-blue-300",
+  primary: "text-primary-500 focus:ring-primary-400 hover:bg-primary-200 dark:hover:bg-primary-800 dark:hover:text-primary-300",
+  default: "focus:ring-gray-400 hover:bg-gray-100"
 };
 const sizing = {
-    xs: 'm-0.5 rounded-sm focus:ring-1 p-0.5',
-    sm: 'm-0.5 rounded focus:ring-1 p-0.5',
-    md: 'm-0.5 rounded-lg focus:ring-2 p-1.5',
-    lg: 'm-0.5 rounded-lg focus:ring-2 p-2.5'
+  xs: "m-0.5 rounded-sm focus:ring-1 p-0.5",
+  sm: "m-0.5 rounded focus:ring-1 p-0.5",
+  md: "m-0.5 rounded-lg focus:ring-2 p-1.5",
+  lg: "m-0.5 rounded-lg focus:ring-2 p-2.5"
 };
 let buttonClass;
-$: buttonClass = twMerge('focus:outline-none whitespace-normal', sizing[size], colors[color], color === 'default' && (background ? 'dark:hover:bg-gray-600' : 'dark:hover:bg-gray-700'), $$props.class);
+$: buttonClass = twMerge("focus:outline-none whitespace-normal", sizing[size], colors[color], color === "default" && (background ? "dark:hover:bg-gray-600" : "dark:hover:bg-gray-700"), $$props.class);
 const svgSizes = {
-    xs: 'w-3 h-3',
-    sm: 'w-3.5 h-3.5',
-    md: 'w-5 h-5',
-    lg: 'w-5 h-5'
+  xs: "w-3 h-3",
+  sm: "w-3.5 h-3.5",
+  md: "w-5 h-5",
+  lg: "w-5 h-5"
 };
 </script>
 

package/dist/toolbar/ToolbarButton.svelte.d.ts

@@ -35,4 +35,3 @@ export type ToolbarButtonSlots = typeof __propDef.slots;
 export default class ToolbarButton extends SvelteComponentTyped<ToolbarButtonProps, ToolbarButtonEvents, ToolbarButtonSlots> {
 }
 export {};
-//# sourceMappingURL=ToolbarButton.svelte.d.ts.map

package/dist/toolbar/ToolbarGroup.svelte

@@ -1,9 +1,8 @@
-<script>import { twMerge } from 'tailwind-merge';
-import { getContext } from 'svelte';
-export let divClass = 'flex items-center space-x-1 rtl:space-x-reverse sm:pe-4 sm:ps-4 first:sm:ps-0 last:sm:pe-0';
-const options = getContext('toolbar');
-if (options)
-    $options = true;
+<script>import { twMerge } from "tailwind-merge";
+import { getContext } from "svelte";
+export let divClass = "flex items-center space-x-1 rtl:space-x-reverse sm:pe-4 sm:ps-4 first:sm:ps-0 last:sm:pe-0";
+const options = getContext("toolbar");
+if (options) $options = true;
 </script>
 
 <div class={twMerge(divClass, $$props.class)}>

package/dist/toolbar/ToolbarGroup.svelte.d.ts

@@ -22,4 +22,3 @@ export type ToolbarGroupSlots = typeof __propDef.slots;
 export default class ToolbarGroup extends SvelteComponentTyped<ToolbarGroupProps, ToolbarGroupEvents, ToolbarGroupSlots> {
 }
 export {};
-//# sourceMappingURL=ToolbarGroup.svelte.d.ts.map

package/dist/tooltip/Tooltip.svelte

@@ -1,22 +1,19 @@
-<script>import Popper from '../utils/Popper.svelte';
-import { twMerge } from 'tailwind-merge';
-export let type = 'dark';
-export let defaultClass = 'py-2 px-3 text-sm font-medium';
+<script>import Popper from "../utils/Popper.svelte";
+import { twMerge } from "tailwind-merge";
+export let type = "dark";
+export let defaultClass = "py-2 px-3 text-sm font-medium";
 const types = {
-    dark: 'bg-gray-900 text-white dark:bg-gray-700',
-    light: 'border-gray-200 bg-white text-gray-900',
-    auto: ' bg-white text-gray-900 dark:bg-gray-700 dark:text-white border-gray-200 dark:border-gray-700',
-    custom: ''
+  dark: "bg-gray-900 text-white dark:bg-gray-700",
+  light: "border-gray-200 bg-white text-gray-900",
+  auto: " bg-white text-gray-900 dark:bg-gray-700 dark:text-white border-gray-200 dark:border-gray-700",
+  custom: ""
 };
 let toolTipClass;
 $: {
-    if ($$restProps.color)
-        type = 'custom';
-    else
-        $$restProps.color = 'none';
-    if (['light', 'auto'].includes(type))
-        $$restProps.border = true;
-    toolTipClass = twMerge('tooltip', defaultClass, types[type], $$props.class);
+  if ($$restProps.color) type = "custom";
+  else $$restProps.color = "none";
+  if (["light", "auto"].includes(type)) $$restProps.border = true;
+  toolTipClass = twMerge("tooltip", defaultClass, types[type], $$props.class);
 }
 </script>
 

package/dist/tooltip/Tooltip.svelte.d.ts

@@ -50,4 +50,3 @@ export type TooltipSlots = typeof __propDef.slots;
 export default class Tooltip extends SvelteComponentTyped<TooltipProps, TooltipEvents, TooltipSlots> {
 }
 export {};
-//# sourceMappingURL=Tooltip.svelte.d.ts.map

package/dist/types.d.ts

@@ -111,4 +111,3 @@ export interface ButtonClassesTypes {
     video?: string;
     custom?: string;
 }
-//# sourceMappingURL=types.d.ts.map

package/dist/typography/A.svelte

@@ -1,7 +1,7 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let href = '#';
-export let color = 'text-primary-600 dark:text-primary-500';
-export let aClass = 'inline-flex items-center hover:underline';
+<script>import { twMerge } from "tailwind-merge";
+export let href = "#";
+export let color = "text-primary-600 dark:text-primary-500";
+export let aClass = "inline-flex items-center hover:underline";
 </script>
 
 <a {...$$restProps} {href} class={twMerge(aClass, color, $$props.class)} on:click>

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

@@ -28,4 +28,3 @@ export type ASlots = typeof __propDef.slots;
 export default class A extends SvelteComponentTyped<AProps, AEvents, ASlots> {
 }
 export {};
-//# sourceMappingURL=A.svelte.d.ts.map