flowbite-svelte 0.44.20 → 0.44.22

package/dist/tabs/Tabs.svelte

@@ -4,20 +4,20 @@
 <script>import { twMerge } from 'tailwind-merge';
 import { setContext } from 'svelte';
 export let style = 'none';
-export let defaultClass = 'flex flex-wrap space-x-2';
+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
 const styledActiveClasses = {
-    full: 'p-4 w-full group-first:rounded-l-lg group-last:rounded-r-lg text-gray-900 bg-gray-100 focus:ring-4 focus:ring-primary-300 focus:outline-none dark:bg-gray-700 dark:text-white',
+    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-l-lg group-last:rounded-r-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',
+    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: ''
@@ -54,7 +54,7 @@ $: ulClass = twMerge(defaultClass, style === 'underline' && '-mb-px', $$props.cl
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
 @prop export let style: 'full' | 'pill' | 'underline' | 'none' = 'none';
-@prop export let defaultClass: string = 'flex flex-wrap space-x-2';
+@prop export let defaultClass: string = 'flex flex-wrap space-x-2 rtl:space-x-reverse';
 @prop export let contentClass: string = 'p-4 bg-gray-50 rounded-lg dark:bg-gray-800 mt-4';
 @prop export let divider: boolean = true;
 @prop export let activeClasses: string = 'p-4 text-primary-600 bg-gray-100 rounded-t-lg dark:bg-gray-800 dark:text-primary-500';

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

@@ -32,7 +32,7 @@ export type TabsSlots = typeof __propDef.slots;
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
  * @prop export let style: 'full' | 'pill' | 'underline' | 'none' = 'none';
- * @prop export let defaultClass: string = 'flex flex-wrap space-x-2';
+ * @prop export let defaultClass: string = 'flex flex-wrap space-x-2 rtl:space-x-reverse';
  * @prop export let contentClass: string = 'p-4 bg-gray-50 rounded-lg dark:bg-gray-800 mt-4';
  * @prop export let divider: boolean = true;
  * @prop export let activeClasses: string = 'p-4 text-primary-600 bg-gray-100 rounded-t-lg dark:bg-gray-800 dark:text-primary-500';

package/dist/timeline/Activity.svelte

@@ -1,5 +1,5 @@
 <script>import { twMerge } from 'tailwind-merge';
-export let olClass = 'relative border-l border-gray-200 dark:border-gray-700';
+export let olClass = 'relative border-s border-gray-200 dark:border-gray-700';
 let olCls = twMerge(olClass, $$props.class);
 </script>
 
@@ -11,5 +11,5 @@ let olCls = twMerge(olClass, $$props.class);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let olClass: string = 'relative border-l border-gray-200 dark:border-gray-700';
+@prop export let olClass: string = 'relative border-s border-gray-200 dark:border-gray-700';
 -->

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

@@ -17,7 +17,7 @@ export type ActivitySlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let olClass: string = 'relative border-l border-gray-200 dark:border-gray-700';
+ * @prop export let olClass: string = 'relative border-s border-gray-200 dark:border-gray-700';
  */
 export default class Activity extends SvelteComponent<ActivityProps, ActivityEvents, ActivitySlots> {
 }

package/dist/timeline/ActivityItem.svelte

@@ -1,7 +1,7 @@
 <script>import { twMerge } from 'tailwind-merge';
 export let activities;
-export let liClass = 'mb-10 ml-6';
-export let spanClass = 'flex absolute -left-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 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';
@@ -44,8 +44,8 @@ let textCls = twMerge(textClass, $$props.classText);
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
 @prop export let activities: ActivityType[];
-@prop export let liClass: string = 'mb-10 ml-6';
-@prop export let spanClass: string = 'flex absolute -left-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';
+@prop export let liClass: string = 'mb-10 ms-6';
+@prop export let spanClass: string = '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';
 @prop export let imgClass: string = 'rounded-full shadow-lg';
 @prop export let outerDivClass: string = 'p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600';
 @prop export let innerDivClass: string = 'justify-between items-center mb-3 sm:flex';

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

@@ -25,8 +25,8 @@ export type ActivityItemSlots = typeof __propDef.slots;
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
  * @prop export let activities: ActivityType[];
- * @prop export let liClass: string = 'mb-10 ml-6';
- * @prop export let spanClass: string = 'flex absolute -left-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';
+ * @prop export let liClass: string = 'mb-10 ms-6';
+ * @prop export let spanClass: string = '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';
  * @prop export let imgClass: string = 'rounded-full shadow-lg';
  * @prop export let outerDivClass: string = 'p-4 bg-white rounded-lg border border-gray-200 shadow-sm dark:bg-gray-700 dark:border-gray-600';
  * @prop export let innerDivClass: string = 'justify-between items-center mb-3 sm:flex';

package/dist/timeline/GroupItem.svelte

@@ -1,7 +1,7 @@
 <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 = 'mr-3 mb-3 w-12 h-12 rounded-full sm:mb-0';
+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';
@@ -25,13 +25,13 @@ let spanCls = twMerge(spanClass, $$props.classSpan);
         {/if}
         <span class={spanCls}>
           {#if isPrivate}
-            <svg class="mr-1 w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+            <svg class="me-1 w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
               <path fill-rule="evenodd" d="M3.707 2.293a1 1 0 00-1.414 1.414l14 14a1 1 0 001.414-1.414l-1.473-1.473A10.014 10.014 0 0019.542 10C18.268 5.943 14.478 3 10 3a9.958 9.958 0 00-4.512 1.074l-1.78-1.781zm4.261 4.26l1.514 1.515a2.003 2.003 0 012.45 2.45l1.514 1.514a4 4 0 00-5.478-5.478z" clip-rule="evenodd" />
               <path d="M12.454 16.697L9.75 13.992a4 4 0 01-3.742-3.741L2.335 6.578A9.98 9.98 0 00.458 10c1.274 4.057 5.065 7 9.542 7 .847 0 1.669-.105 2.454-.303z" />
             </svg>
             Private
           {:else}
-            <svg class="mr-1 w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+            <svg class="me-1 w-3 h-3" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
               <path fill-rule="evenodd" d="M4.083 9h1.946c.089-1.546.383-2.97.837-4.118A6.004 6.004 0 004.083 9zM10 2a8 8 0 100 16 8 8 0 000-16zm0 2c-.076 0-.232.032-.465.262-.238.234-.497.623-.737 1.182-.389.907-.673 2.142-.766 3.556h3.936c-.093-1.414-.377-2.649-.766-3.556-.24-.56-.5-.948-.737-1.182C10.232 4.032 10.076 4 10 4zm3.971 5c-.089-1.546-.383-2.97-.837-4.118A6.004 6.004 0 0115.917 9h-1.946zm-2.003 2H8.032c.093 1.414.377 2.649.766 3.556.24.56.5.948.737 1.182.233.23.389.262.465.262.076 0 .232-.032.465-.262.238-.234.498-.623.737-1.182.389-.907.673-2.142.766-3.556zm1.166 4.118c.454-1.147.748-2.572.837-4.118h1.946a6.004 6.004 0 01-2.783 4.118zm-6.268 0C6.412 13.97 6.118 12.546 6.03 11H4.083a6.004 6.004 0 002.783 4.118z" clip-rule="evenodd" />
             </svg>
             Public
@@ -48,7 +48,7 @@ let spanCls = twMerge(spanClass, $$props.classSpan);
 ## Props
 @prop export let timelines: GroupTimelineType[];
 @prop export let aClass: string = 'block items-center p-3 sm:flex hover:bg-gray-100 dark:hover:bg-gray-700';
-@prop export let imgClass: string = 'mr-3 mb-3 w-12 h-12 rounded-full sm:mb-0';
+@prop export let imgClass: string = 'me-3 mb-3 w-12 h-12 rounded-full sm:mb-0';
 @prop export let divClass: string = 'text-gray-600 dark:text-gray-400';
 @prop export let titleClass: string = 'text-base font-normal';
 @prop export let spanClass: string = 'inline-flex items-center text-xs font-normal text-gray-500 dark:text-gray-400';

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

@@ -23,7 +23,7 @@ export type GroupItemSlots = typeof __propDef.slots;
  * ## Props
  * @prop export let timelines: GroupTimelineType[];
  * @prop export let aClass: string = 'block items-center p-3 sm:flex hover:bg-gray-100 dark:hover:bg-gray-700';
- * @prop export let imgClass: string = 'mr-3 mb-3 w-12 h-12 rounded-full sm:mb-0';
+ * @prop export let imgClass: string = 'me-3 mb-3 w-12 h-12 rounded-full sm:mb-0';
  * @prop export let divClass: string = 'text-gray-600 dark:text-gray-400';
  * @prop export let titleClass: string = 'text-base font-normal';
  * @prop export let spanClass: string = 'inline-flex items-center text-xs font-normal text-gray-500 dark:text-gray-400';

package/dist/timeline/Timeline.svelte

@@ -5,9 +5,9 @@ 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-l border-gray-200 dark:border-gray-700',
-    vertical: 'relative border-l border-gray-200 dark:border-gray-700',
-    default: 'relative border-l border-gray-200 dark:border-gray-700'
+    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/TimelineItem.svelte

@@ -6,17 +6,17 @@ 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 ml-4',
-    vertical: 'mb-10 ml-6',
+    default: 'mb-10 ms-4',
+    vertical: 'mb-10 ms-6',
     horizontal: 'relative mb-6 sm:mb-0',
-    activity: 'mb-10 ml-6',
+    activity: 'mb-10 ms-6',
     group: ''
 };
 const divClasses = {
-    default: 'absolute w-3 h-3 bg-gray-200 rounded-full mt-1.5 -left-1.5 border border-white dark:border-gray-900 dark:bg-gray-700',
-    vertical: 'flex absolute -left-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',
+    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 -left-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',
+    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 = {

package/dist/toast/Toast.svelte

@@ -10,10 +10,10 @@ 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 left-5',
-    'top-right': 'absolute top-5 right-5',
-    'bottom-left': 'absolute bottom-5 left-5',
-    'bottom-right': 'absolute bottom-5 right-5',
+    '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;
@@ -60,7 +60,6 @@ const clsBtnExtraClass = '-mx-1.5 -my-1.5 text-gray-400 hover:text-gray-900 focu
 @prop export let dismissable: boolean = true;
 @prop export let color: 'primary' | 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'orange' | 'none' = 'primary';
 @prop export let position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none' = 'none';
-@prop export let open: boolean = true;
 @prop export let divClass: string = 'w-full max-w-xs p-4 text-gray-500 bg-white shadow dark:text-gray-400 dark:bg-gray-800 gap-3';
 @prop export let defaultIconClass: string = 'w-8 h-8';
 @prop export let contentClass: string = 'w-full text-sm font-normal';

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

@@ -45,7 +45,6 @@ export type ToastSlots = typeof __propDef.slots;
  * @prop export let dismissable: boolean = true;
  * @prop export let color: 'primary' | 'gray' | 'red' | 'yellow' | 'green' | 'blue' | 'indigo' | 'purple' | 'orange' | 'none' = 'primary';
  * @prop export let position: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'none' = 'none';
- * @prop export let open: boolean = true;
  * @prop export let divClass: string = 'w-full max-w-xs p-4 text-gray-500 bg-white shadow dark:text-gray-400 dark:bg-gray-800 gap-3';
  * @prop export let defaultIconClass: string = 'w-8 h-8';
  * @prop export let contentClass: string = 'w-full text-sm font-normal';

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

@@ -1 +1 @@
-{"version":3,"file":"Toast.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/toast/Toast.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAqFD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;;GAWG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}
+{"version":3,"file":"Toast.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/toast/Toast.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAqFD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;GAUG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}

package/dist/toolbar/Toolbar.svelte

@@ -1,33 +1,22 @@
-<script>import { setContext } from 'svelte';
+<script>import Frame from '../utils/Frame.svelte';
+import { setContext } from 'svelte';
 import { writable } from 'svelte/store';
-import { twMerge, twJoin } from 'tailwind-merge';
-import Frame from '../utils/Frame.svelte';
+import { twJoin, twMerge } from 'tailwind-merge';
+export let embedded = false;
 const separators = writable(false);
 setContext('toolbar', separators);
-export let color = 'dark';
-export let embedded = false;
-let divClass;
-$: divClass = twMerge('flex justify-between items-center', embedded && 'p-2', $$props.class);
-const divideColors = {
-    gray: 'divide-gray-400 dark:divide-gray-700',
-    red: 'divide-red-400 dark:divide-red-700',
-    yellow: 'divide-yellow-400 dark:divide-yellow-700',
-    green: 'divide-green-400 dark:divide-green-700',
-    indigo: 'divide-indigo-400 dark:divide-indigo-700',
-    purple: 'divide-purple-400 dark:divide-purple-700',
-    pink: 'divide-pink-400 dark:divide-pink-700',
-    blue: 'divide-blue-400 dark:divide-blue-700',
-    dark: 'divide-gray-400 dark:divide-gray-600',
-    none: ''
-};
+let color;
+$: color = embedded ? 'none' : $$props.color;
 let separatorsClass;
-$: separatorsClass = twJoin($separators && 'sm:divide-x', divideColors[color]);
+$: 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);
 </script>
 
-<Frame {...$$restProps} class={divClass} color={embedded ? 'none' : color} rounded={!embedded}>
-  <div class="flex flex-wrap items-center {separatorsClass}">
+<Frame {...$$restProps} class={divClass} {color} rounded={!embedded}>
+  <Frame class="flex flex-wrap items-center {separatorsClass}" {color} rounded={!embedded}>
     <slot />
-  </div>
+  </Frame>
   <slot name="end" />
 </Frame>
 
@@ -35,6 +24,5 @@ $: separatorsClass = twJoin($separators && 'sm:divide-x', divideColors[color]);
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let color: ToolbarColorType = 'dark';
 @prop export let embedded: boolean = false;
 -->

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

@@ -12,8 +12,7 @@ declare const __propDef: {
         class?: string | undefined;
         role?: string | undefined;
     } & {
-        color: 'gray' | 'red' | 'yellow' | 'green' | 'indigo' | 'purple' | 'pink' | 'blue' | 'dark' | 'none';
-        embedded: boolean;
+        embedded?: boolean | undefined;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -29,7 +28,6 @@ export type ToolbarSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let color: ToolbarColorType = 'dark';
  * @prop export let embedded: boolean = false;
  */
 export default class Toolbar extends SvelteComponent<ToolbarProps, ToolbarEvents, ToolbarSlots> {

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

@@ -1 +1 @@
-{"version":3,"file":"Toolbar.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/toolbar/Toolbar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAwDD,QAAA,MAAM,SAAS;;;;;;;;;;;;;eAzCJ,MAAM,GAAG,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,QAAQ,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,MAAM;kBAC1F,OAAO;;;;;;;;;CAwCkC,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD;;;;;GAKG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,eAAe,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CAC9F"}
+{"version":3,"file":"Toolbar.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/toolbar/Toolbar.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AA0CD,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAClD,MAAM,MAAM,aAAa,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACpD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAElD;;;;GAIG;AACH,MAAM,CAAC,OAAO,OAAO,OAAQ,SAAQ,eAAe,CAAC,YAAY,EAAE,aAAa,EAAE,YAAY,CAAC;CAC9F"}

package/dist/toolbar/ToolbarGroup.svelte

@@ -1,6 +1,6 @@
 <script>import { twMerge } from 'tailwind-merge';
 import { getContext } from 'svelte';
-export let divClass = 'flex items-center space-x-1 sm:pr-4 sm:pl-4 first:sm:pl-0 last:sm:pr-0';
+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;
@@ -14,5 +14,5 @@ if (options)
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Props
-@prop export let divClass: string = 'flex items-center space-x-1 sm:pr-4 sm:pl-4 first:sm:pl-0 last:sm:pr-0';
+@prop export let divClass: string = 'flex items-center space-x-1 rtl:space-x-reverse sm:pe-4 sm:ps-4 first:sm:ps-0 last:sm:pe-0';
 -->

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

@@ -17,7 +17,7 @@ export type ToolbarGroupSlots = typeof __propDef.slots;
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Props
- * @prop export let divClass: string = 'flex items-center space-x-1 sm:pr-4 sm:pl-4 first:sm:pl-0 last:sm:pr-0';
+ * @prop export let divClass: string = 'flex items-center space-x-1 rtl:space-x-reverse sm:pe-4 sm:ps-4 first:sm:ps-0 last:sm:pe-0';
  */
 export default class ToolbarGroup extends SvelteComponent<ToolbarGroupProps, ToolbarGroupEvents, ToolbarGroupSlots> {
 }

package/dist/typography/Blockquote.svelte

@@ -1,7 +1,7 @@
 <script>import { twMerge } from 'tailwind-merge';
 export let border = false;
 export let italic = true;
-export let borderClass = 'border-l-4 border-gray-300 dark:border-gray-500';
+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';
@@ -39,7 +39,7 @@ const sizes = {
 ## Props
 @prop export let border: boolean = false;
 @prop export let italic: boolean = true;
-@prop export let borderClass: string = 'border-l-4 border-gray-300 dark:border-gray-500';
+@prop export let borderClass: string = 'border-s-4 border-gray-300 dark:border-gray-500';
 @prop export let bgClass: string = 'bg-gray-50 dark:bg-gray-800';
 @prop export let bg: boolean = false;
 @prop export let baseClass: string = 'font-semibold text-gray-900 dark:text-white';

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

@@ -27,7 +27,7 @@ export type BlockquoteSlots = typeof __propDef.slots;
  * ## Props
  * @prop export let border: boolean = false;
  * @prop export let italic: boolean = true;
- * @prop export let borderClass: string = 'border-l-4 border-gray-300 dark:border-gray-500';
+ * @prop export let borderClass: string = 'border-s-4 border-gray-300 dark:border-gray-500';
  * @prop export let bgClass: string = 'bg-gray-50 dark:bg-gray-800';
  * @prop export let bg: boolean = false;
  * @prop export let baseClass: string = 'font-semibold text-gray-900 dark:text-white';

package/dist/typography/Hr.svelte

@@ -2,9 +2,9 @@
 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 left-1/2 px-4 bg-white -translate-x-1/2 ';
-export let textSpanClass = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 bg-white left-1/2 dark:text-white dark:bg-gray-900 ';
-export let innerDivClass = 'absolute px-4 -translate-x-1/2 bg-white left-1/2 dark:bg-gray-900';
+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 innerDivCls = twMerge(innerDivClass, icon ? iconDivClass : textSpanClass, $$props.classInnerDiv);
@@ -28,7 +28,7 @@ let innerDivCls = twMerge(innerDivClass, icon ? iconDivClass : textSpanClass, $$
 @prop export let icon: boolean = false;
 @prop export let divClass: string = 'inline-flex items-center justify-center w-full';
 @prop export let hrClass: string = 'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700';
-@prop export let iconDivClass: string = 'absolute left-1/2 px-4 bg-white -translate-x-1/2 ';
-@prop export let textSpanClass: string = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 bg-white left-1/2 dark:text-white dark:bg-gray-900 ';
-@prop export let innerDivClass: string = 'absolute px-4 -translate-x-1/2 bg-white left-1/2 dark:bg-gray-900';
+@prop export let iconDivClass: string = 'absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 ';
+@prop export let textSpanClass: string = '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 ';
+@prop export let innerDivClass: string = 'absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900';
 -->

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

@@ -25,9 +25,9 @@ export type HrSlots = typeof __propDef.slots;
  * @prop export let icon: boolean = false;
  * @prop export let divClass: string = 'inline-flex items-center justify-center w-full';
  * @prop export let hrClass: string = 'h-px my-8 bg-gray-200 border-0 dark:bg-gray-700';
- * @prop export let iconDivClass: string = 'absolute left-1/2 px-4 bg-white -translate-x-1/2 ';
- * @prop export let textSpanClass: string = 'absolute px-3 font-medium text-gray-900 -translate-x-1/2 bg-white left-1/2 dark:text-white dark:bg-gray-900 ';
- * @prop export let innerDivClass: string = 'absolute px-4 -translate-x-1/2 bg-white left-1/2 dark:bg-gray-900';
+ * @prop export let iconDivClass: string = 'absolute start-1/2 px-4 bg-white -translate-x-1/2 rtl:translate-x-1/2 ';
+ * @prop export let textSpanClass: string = '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 ';
+ * @prop export let innerDivClass: string = 'absolute px-4 -translate-x-1/2 rtl:translate-x-1/2 bg-white start-1/2 dark:bg-gray-900';
  */
 export default class Hr extends SvelteComponent<HrProps, HrEvents, HrSlots> {
 }

package/dist/typography/P.svelte

@@ -5,7 +5,7 @@ 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:mr-3 first-letter:float-left';
+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';
@@ -84,7 +84,7 @@ let classP = twMerge(size && sizes[size], (opacity && colorAndopacity) || (color
 @prop export let justify: boolean = false;
 @prop export let italic: boolean = false;
 @prop export let firstupper: boolean = false;
-@prop export let upperClass: string = '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:mr-3 first-letter:float-left';
+@prop export let upperClass: string = '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';
 @prop export let opacity: number | undefined = undefined;
 @prop export let whitespace: 'normal' | 'nowrap' | 'pre' | 'preline' | 'prewrap' = 'normal';
 @prop export let size: PsizeType = 'base';

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

@@ -35,7 +35,7 @@ export type PSlots = typeof __propDef.slots;
  * @prop export let justify: boolean = false;
  * @prop export let italic: boolean = false;
  * @prop export let firstupper: boolean = false;
- * @prop export let upperClass: string = '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:mr-3 first-letter:float-left';
+ * @prop export let upperClass: string = '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';
  * @prop export let opacity: number | undefined = undefined;
  * @prop export let whitespace: 'normal' | 'nowrap' | 'pre' | 'preline' | 'prewrap' = 'normal';
  * @prop export let size: PsizeType = 'base';

package/dist/utils/CloseButton.svelte

@@ -3,7 +3,7 @@ import ToolbarButton from '../toolbar/ToolbarButton.svelte';
 export let name = 'Close';
 </script>
 
-<ToolbarButton on:click {name} {...$$restProps} class={twMerge('ml-auto', $$props.class)} let:svgSize>
+<ToolbarButton on:click {name} {...$$restProps} class={twMerge('ms-auto', $$props.class)} let:svgSize>
   <svg class={svgSize} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
     <path fill-rule="evenodd" d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z" clip-rule="evenodd" />
   </svg>

package/dist/utils/Frame.svelte

@@ -93,8 +93,6 @@ $: divClass = twMerge(bgColors[color], textColors[color], rounded && 'rounded-lg
 @prop export let rounded: boolean = false;
 @prop export let border: boolean = false;
 @prop export let shadow: boolean = false;
-@prop export let transition: TransitionFunc = null_transition;
-@prop export let params: object = {};
 @prop export let node: HTMLElement | undefined = undefined;
 @prop export let use: Action<HTMLElement, any> = noop;
 @prop export let options = {};

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

@@ -38,8 +38,6 @@ export type FrameSlots = typeof __propDef.slots;
  * @prop export let rounded: boolean = false;
  * @prop export let border: boolean = false;
  * @prop export let shadow: boolean = false;
- * @prop export let transition: TransitionFunc = null_transition;
- * @prop export let params: object = {};
  * @prop export let node: HTMLElement | undefined = undefined;
  * @prop export let use: Action<HTMLElement, any> = noop;
  * @prop export let options = {};

package/dist/utils/Frame.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Frame.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/Frame.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAID,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAyH5D,QAAA,MAAM,SAAS;;;;;;;eAtGJ,WAAW,GAAG,SAAS;;;;;;;;;;;;;;;;;;CAsGqB,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}
+{"version":3,"file":"Frame.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/Frame.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AAID,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,iBAAiB,CAAC;AAyH5D,QAAA,MAAM,SAAS;;;;;;;eAtGJ,WAAW,GAAG,SAAS;;;;;;;;;;;;;;;;;;CAsGqB,CAAC;AACxD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAChD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAClD,MAAM,MAAM,UAAU,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEhD;;;;;;;;;;;;GAYG;AACH,MAAM,CAAC,OAAO,OAAO,KAAM,SAAQ,eAAe,CAAC,UAAU,EAAE,WAAW,EAAE,UAAU,CAAC;CACtF"}

package/dist/utils/Popper.svelte

@@ -1,8 +1,7 @@
 <script>import * as dom from '@floating-ui/dom';
-import { onMount } from 'svelte';
+import { onMount, createEventDispatcher } from 'svelte';
 import { twJoin } from 'tailwind-merge';
 import Frame from './Frame.svelte';
-import createEventDispatcher from './createEventDispatcher';
 export let activeContent = false;
 export let arrow = true;
 export let offset = 8;
@@ -18,7 +17,7 @@ export let middlewares = [dom.flip(), dom.shift()];
 const dispatch = createEventDispatcher();
 let clickable;
 $: clickable = trigger === 'click';
-$: dispatch('show', referenceEl, open);
+$: dispatch('show', open);
 $: placement && (referenceEl = referenceEl);
 let referenceEl;
 let floatingEl;
@@ -143,7 +142,7 @@ function optional(pred, func) {
     return pred ? func : () => undefined;
 }
 let arrowClass;
-$: arrowClass = twJoin('absolute pointer-events-none block w-[10px] h-[10px] rotate-45 bg-inherit border-inherit', $$props.border && arrowSide === 'bottom' && 'border-b border-r', $$props.border && arrowSide === 'top' && 'border-t border-l ', $$props.border && arrowSide === 'right' && 'border-t border-r ', $$props.border && arrowSide === 'left' && 'border-b border-l ');
+$: arrowClass = twJoin('absolute pointer-events-none block w-[10px] h-[10px] rotate-45 bg-inherit border-inherit', $$props.border && arrowSide === 'bottom' && 'border-b border-e', $$props.border && arrowSide === 'top' && 'border-t border-s ', $$props.border && arrowSide === 'right' && 'border-t border-e ', $$props.border && arrowSide === 'left' && 'border-b border-s ');
 function initArrow(node) {
     arrowEl = node;
     return {
@@ -179,4 +178,5 @@ function initArrow(node) {
 @prop export let strategy: 'absolute' | 'fixed' = 'absolute';
 @prop export let open: boolean = false;
 @prop export let yOnly: boolean = false;
+@prop export let middlewares: Middleware[] = [dom.flip(), dom.shift()];
 -->

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

@@ -25,6 +25,8 @@ declare const __propDef: {
         yOnly?: boolean | undefined;
     };
     events: {
+        show: CustomEvent<any>;
+    } & {
         [evt: string]: CustomEvent<any>;
     };
     slots: {
@@ -47,6 +49,7 @@ export type PopperSlots = typeof __propDef.slots;
  * @prop export let strategy: 'absolute' | 'fixed' = 'absolute';
  * @prop export let open: boolean = false;
  * @prop export let yOnly: boolean = false;
+ * @prop export let middlewares: Middleware[] = [dom.flip(), dom.shift()];
  */
 export default class Popper extends SvelteComponent<PopperProps, PopperEvents, PopperSlots> {
 }

package/dist/utils/Popper.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Popper.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/Popper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACD,OAAO,KAAK,EAAqC,SAAS,EAAQ,MAAM,kBAAkB,CAAC;AA4M3F,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}
+{"version":3,"file":"Popper.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/Popper.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACD,OAAO,KAAK,EAAqC,SAAS,EAAQ,MAAM,kBAAkB,CAAC;AA0M3F,QAAA,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAAwC,CAAC;AACxD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AACjD,MAAM,MAAM,YAAY,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AACnD,MAAM,MAAM,WAAW,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAEjD;;;;;;;;;;;;;;GAcG;AACH,MAAM,CAAC,OAAO,OAAO,MAAO,SAAQ,eAAe,CAAC,WAAW,EAAE,YAAY,EAAE,WAAW,CAAC;CAC1F"}

package/dist/utils/TransitionFrame.svelte

@@ -25,3 +25,13 @@ function close(ev) {
 {:else}
   <Frame {...$$restProps}><slot {close} /></Frame>
 {/if}
+
+<!--
+@component
+[Go to docs](https://flowbite-svelte.com/)
+## Props
+@prop export let transition: TransitionFunc = fade;
+@prop export let params: object = {};
+@prop export let open: boolean = true;
+@prop export let dismissable: boolean = false;
+-->

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

@@ -29,6 +29,14 @@ declare const __propDef: {
 export type TransitionFrameProps = typeof __propDef.props;
 export type TransitionFrameEvents = typeof __propDef.events;
 export type TransitionFrameSlots = typeof __propDef.slots;
+/**
+ * [Go to docs](https://flowbite-svelte.com/)
+ * ## Props
+ * @prop export let transition: TransitionFunc = fade;
+ * @prop export let params: object = {};
+ * @prop export let open: boolean = true;
+ * @prop export let dismissable: boolean = false;
+ */
 export default class TransitionFrame extends SvelteComponent<TransitionFrameProps, TransitionFrameEvents, TransitionFrameSlots> {
 }
 export {};

package/dist/utils/TransitionFrame.svelte.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TransitionFrame.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/TransitionFrame.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACD,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AA6C9C,QAAA,MAAM,SAAS;;;;;;;;;;;;;6BArCgB,WAAW,UAAU,GAAG,KAAK,gBAAgB;iBAK/D,GAAG;;;;;;;wBAcK,UAAU,GAAG,SAAS;;;CAkBY,CAAC;AACxD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,eAAe,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CAC9H"}
+{"version":3,"file":"TransitionFrame.svelte.d.ts","sourceRoot":"","sources":["../../../../src/lib/utils/TransitionFrame.svelte"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,QAAQ,CAEvC;AACD,OAAO,EAAQ,KAAK,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGhE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AA+C9C,QAAA,MAAM,SAAS;;;;;;;;;;;;;6BAvCgB,WAAW,UAAU,GAAG,KAAK,gBAAgB;iBAK/D,GAAG;;;;;;;wBAcK,UAAU,GAAG,SAAS;;;CAoBY,CAAC;AACxD,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAC1D,MAAM,MAAM,qBAAqB,GAAG,OAAO,SAAS,CAAC,MAAM,CAAC;AAC5D,MAAM,MAAM,oBAAoB,GAAG,OAAO,SAAS,CAAC,KAAK,CAAC;AAE1D;;;;;;;GAOG;AACH,MAAM,CAAC,OAAO,OAAO,eAAgB,SAAQ,eAAe,CAAC,oBAAoB,EAAE,qBAAqB,EAAE,oBAAoB,CAAC;CAC9H"}