flowbite-svelte 0.46.1 → 0.46.2

package/dist/carousel/Carousel.svelte

@@ -1,143 +1,123 @@
-<script context="module">export {};
-</script>
+<script context="module"></script>
 
-<script>import { createEventDispatcher, onMount, setContext } from 'svelte';
-import { writable } from 'svelte/store';
-import { twMerge } from 'tailwind-merge';
-import Controls from './Controls.svelte';
-import Indicators from './Indicators.svelte';
-import Slide from './Slide.svelte';
-import { canChangeSlide } from './CarouselSlide';
-const SLIDE_DURATION_RATIO = 0.25; // TODO: Expose one day?
+<script>import { createEventDispatcher, onMount, setContext } from "svelte";
+import { writable } from "svelte/store";
+import { twMerge } from "tailwind-merge";
+import Controls from "./Controls.svelte";
+import Indicators from "./Indicators.svelte";
+import Slide from "./Slide.svelte";
+import { canChangeSlide } from "./CarouselSlide";
+const SLIDE_DURATION_RATIO = 0.25;
 export let images;
 export let index = 0;
-export let slideDuration = 1000;
+export let slideDuration = 1e3;
 export let transition = null;
 export let duration = 0;
-export let ariaLabel = 'Draggable Carousel';
-// Carousel
-let divClass = 'grid overflow-hidden relative rounded-lg h-56 sm:h-64 xl:h-80 2xl:h-96';
-export let imgClass = '';
+export let ariaLabel = "Draggable Carousel";
+export let disableSwipe = false;
+let divClass = "grid overflow-hidden relative rounded-lg h-56 sm:h-64 xl:h-80 2xl:h-96";
+export let imgClass = "";
 const dispatch = createEventDispatcher();
-const { set, subscribe, update } = writable({ images, index, forward: true, slideDuration, lastSlideChange: new Date() });
-const state = { set: (_state) => set({ index: _state.index, images: _state.images, lastSlideChange: new Date(), slideDuration, forward }), subscribe, update };
+const { set, subscribe, update } = writable({ images, index, forward: true, slideDuration, lastSlideChange: /* @__PURE__ */ new Date() });
+const state = { set: (_state) => set({ index: _state.index, images: _state.images, lastSlideChange: /* @__PURE__ */ new Date(), slideDuration, forward }), subscribe, update };
 let forward = true;
-setContext('state', state);
+setContext("state", state);
 subscribe((_state) => {
-    index = _state.index;
-    forward = _state.forward;
-    dispatch('change', images[index]);
+  index = _state.index;
+  forward = _state.forward;
+  dispatch("change", images[index]);
 });
 onMount(() => {
-    dispatch('change', images[index]);
+  dispatch("change", images[index]);
 });
 const nextSlide = () => {
-    update((_state) => {
-        if (!canChangeSlide({ lastSlideChange: _state.lastSlideChange, slideDuration, slideDurationRatio: SLIDE_DURATION_RATIO }))
-            return _state;
-        _state.index = _state.index >= images.length - 1 ? 0 : _state.index + 1;
-        _state.lastSlideChange = new Date();
-        return { ..._state };
-    });
+  update((_state) => {
+    if (!canChangeSlide({ lastSlideChange: _state.lastSlideChange, slideDuration, slideDurationRatio: SLIDE_DURATION_RATIO })) return _state;
+    _state.index = _state.index >= images.length - 1 ? 0 : _state.index + 1;
+    _state.lastSlideChange = /* @__PURE__ */ new Date();
+    return { ..._state };
+  });
 };
 const prevSlide = () => {
-    update((_state) => {
-        if (!canChangeSlide({ lastSlideChange: _state.lastSlideChange, slideDuration, slideDurationRatio: SLIDE_DURATION_RATIO }))
-            return _state;
-        _state.index = _state.index <= 0 ? images.length - 1 : _state.index - 1;
-        _state.lastSlideChange = new Date();
-        return { ..._state };
-    });
+  update((_state) => {
+    if (!canChangeSlide({ lastSlideChange: _state.lastSlideChange, slideDuration, slideDurationRatio: SLIDE_DURATION_RATIO })) return _state;
+    _state.index = _state.index <= 0 ? images.length - 1 : _state.index - 1;
+    _state.lastSlideChange = /* @__PURE__ */ new Date();
+    return { ..._state };
+  });
 };
-const loop = (node, duration) => {
-    carouselDiv = node; // used by DragStart
-    // loop timer
-    let intervalId;
-    if (duration > 0)
-        intervalId = setInterval(nextSlide, duration);
-    return {
-        update: (duration) => {
-            clearInterval(intervalId);
-            if (duration > 0)
-                intervalId = setInterval(nextSlide, duration);
-        },
-        destroy: () => clearInterval(intervalId)
-    };
+const loop = (node, duration2) => {
+  carouselDiv = node;
+  let intervalId;
+  if (duration2 > 0) intervalId = setInterval(nextSlide, duration2);
+  return {
+    update: (duration3) => {
+      clearInterval(intervalId);
+      if (duration3 > 0) intervalId = setInterval(nextSlide, duration3);
+    },
+    destroy: () => clearInterval(intervalId)
+  };
 };
 let activeDragGesture;
 let carouselDiv;
 let percentOffset = 0;
 let touchEvent = null;
 const getPositionFromEvent = (evt) => {
-    const mousePos = evt?.clientX;
-    if (mousePos)
-        return mousePos;
-    let touchEvt = evt;
-    if (/^touch/.test(touchEvt?.type)) {
-        return touchEvt.touches[0].clientX;
-    }
+  const mousePos = evt?.clientX;
+  if (mousePos) return mousePos;
+  let touchEvt = evt;
+  if (/^touch/.test(touchEvt?.type)) {
+    return touchEvt.touches[0].clientX;
+  }
 };
 const onDragStart = (evt) => {
-    touchEvent = evt;
-    evt.cancelable && evt.preventDefault();
-    const start = getPositionFromEvent(evt);
-    const width = carouselDiv.getBoundingClientRect().width;
-    if (start === undefined || width === undefined)
-        return;
-    activeDragGesture = {
-        start,
-        position: start,
-        width,
-        timestamp: Date.now()
-    };
+  if (disableSwipe) return;
+  touchEvent = evt;
+  evt.cancelable && evt.preventDefault();
+  const start = getPositionFromEvent(evt);
+  const width = carouselDiv.getBoundingClientRect().width;
+  if (start === void 0 || width === void 0) return;
+  activeDragGesture = {
+    start,
+    position: start,
+    width,
+    timestamp: Date.now()
+  };
+};
+$: onDragMove = activeDragGesture === void 0 ? void 0 : (evt) => {
+  const position = getPositionFromEvent(evt);
+  if (!activeDragGesture || position === void 0) return;
+  const { start, width } = activeDragGesture;
+  percentOffset = Math.min(100, Math.max(-100, (position - start) / width * 100));
+  activeDragGesture.position = position;
+};
+$: onDragStop = activeDragGesture === void 0 ? void 0 : (evt) => {
+  const SWIPE_MAX_DURATION = 250;
+  const SWIPE_MIN_DISTANCE = 30;
+  const DRAG_MIN_PERCENT = 50;
+  if (activeDragGesture) {
+    const { timestamp, position, start } = activeDragGesture;
+    const duration2 = Date.now() - timestamp;
+    const distance = position - start;
+    if (Math.abs(distance) >= SWIPE_MIN_DISTANCE && duration2 <= SWIPE_MAX_DURATION && duration2 > 0) {
+      if (distance > 0) prevSlide();
+      else nextSlide();
+    } else if (percentOffset > DRAG_MIN_PERCENT) prevSlide();
+    else if (percentOffset < -DRAG_MIN_PERCENT) nextSlide();
+    else {
+      if (touchEvent?.constructor.name === "TouchEvent") {
+        touchEvent?.target?.dispatchEvent(
+          new Event("click", {
+            bubbles: true
+          })
+        );
+      }
+    }
+  }
+  percentOffset = 0;
+  activeDragGesture = void 0;
+  touchEvent = null;
 };
-$: onDragMove =
-    activeDragGesture === undefined
-        ? undefined
-        : (evt) => {
-            const position = getPositionFromEvent(evt);
-            if (!activeDragGesture || position === undefined)
-                return;
-            const { start, width } = activeDragGesture;
-            percentOffset = Math.min(100, Math.max(-100, ((position - start) / width) * 100));
-            activeDragGesture.position = position;
-        };
-$: onDragStop =
-    activeDragGesture === undefined
-        ? undefined
-        : (evt) => {
-            // These might be exposed one day, keep them safely tucked away as constants.
-            const SWIPE_MAX_DURATION = 250;
-            const SWIPE_MIN_DISTANCE = 30;
-            const DRAG_MIN_PERCENT = 50;
-            if (activeDragGesture) {
-                const { timestamp, position, start } = activeDragGesture;
-                const duration = Date.now() - timestamp;
-                const distance = position - start;
-                if (Math.abs(distance) >= SWIPE_MIN_DISTANCE && duration <= SWIPE_MAX_DURATION && duration > 0) {
-                    if (distance > 0)
-                        prevSlide();
-                    else
-                        nextSlide();
-                }
-                else if (percentOffset > DRAG_MIN_PERCENT)
-                    prevSlide();
-                else if (percentOffset < -DRAG_MIN_PERCENT)
-                    nextSlide();
-                else {
-                    // Only issue click event for touches
-                    if (touchEvent?.constructor.name === 'TouchEvent') {
-                        // The gesture is a tap not drag, so manually issue a click event to trigger tap click gestures lost via preventDefault
-                        touchEvent?.target?.dispatchEvent(new Event('click', {
-                            bubbles: true
-                        }));
-                    }
-                }
-            }
-            percentOffset = 0;
-            activeDragGesture = undefined;
-            touchEvent = null;
-        };
 </script>
 
 <!-- Preload all Carousel images for improved responsivity -->
@@ -170,5 +150,6 @@ $: onDragStop =
 @prop export let transition: TransitionFunc | null = null;
 @prop export let duration: number = 0;
 @prop export let ariaLabel: string = 'Draggable Carousel';
+@prop export let disableSwipe: boolean = false;
 @prop export let imgClass: string = '';
 -->

package/dist/carousel/Carousel.svelte.d.ts

@@ -20,6 +20,7 @@ declare const __propDef: {
         transition?: ((node: HTMLElement, params: any) => TransitionConfig) | null | undefined;
         duration?: number | undefined;
         ariaLabel?: string | undefined;
+        disableSwipe?: boolean | undefined;
         imgClass?: string | undefined;
     };
     events: {
@@ -51,9 +52,9 @@ export type CarouselSlots = typeof __propDef.slots;
  * @prop export let transition: TransitionFunc | null = null;
  * @prop export let duration: number = 0;
  * @prop export let ariaLabel: string = 'Draggable Carousel';
+ * @prop export let disableSwipe: boolean = false;
  * @prop export let imgClass: string = '';
  */
 export default class Carousel extends SvelteComponentTyped<CarouselProps, CarouselEvents, CarouselSlots> {
 }
 export {};
-//# sourceMappingURL=Carousel.svelte.d.ts.map

package/dist/carousel/CarouselSlide.d.ts

@@ -3,4 +3,3 @@ export declare const canChangeSlide: ({ lastSlideChange, slideDuration, slideDur
     slideDuration: number;
     slideDurationRatio?: number;
 }) => boolean;
-//# sourceMappingURL=CarouselSlide.d.ts.map

package/dist/carousel/ControlButton.svelte

@@ -1,8 +1,8 @@
-<script>import { twMerge } from 'tailwind-merge';
+<script>import { twMerge } from "tailwind-merge";
 export let forward;
 export let name;
 let buttonCls;
-$: buttonCls = twMerge('flex absolute top-0 z-30 justify-center items-center px-4 h-full group focus:outline-none text-white dark:text-gray-300', forward ? 'end-0' : 'start-0', $$props.class);
+$: buttonCls = twMerge("flex absolute top-0 z-30 justify-center items-center px-4 h-full group focus:outline-none text-white dark:text-gray-300", forward ? "end-0" : "start-0", $$props.class);
 </script>
 
 <button on:click type="button" class={buttonCls}>

package/dist/carousel/ControlButton.svelte.d.ts

@@ -26,4 +26,3 @@ export type ControlButtonSlots = typeof __propDef.slots;
 export default class ControlButton extends SvelteComponentTyped<ControlButtonProps, ControlButtonEvents, ControlButtonSlots> {
 }
 export {};
-//# sourceMappingURL=ControlButton.svelte.d.ts.map

package/dist/carousel/Controls.svelte

@@ -1,33 +1,32 @@
-<script>import { getContext } from 'svelte';
-import ControlButton from './ControlButton.svelte';
-import { twMerge } from 'tailwind-merge';
-import { canChangeSlide } from './CarouselSlide';
-const state = getContext('state');
+<script>import { getContext } from "svelte";
+import ControlButton from "./ControlButton.svelte";
+import { twMerge } from "tailwind-merge";
+import { canChangeSlide } from "./CarouselSlide";
+const state = getContext("state");
 const { update } = state;
 function changeSlide(forward) {
-    if (!canChangeSlide({
-        lastSlideChange: $state.lastSlideChange,
-        slideDuration: $state.slideDuration,
-        slideDurationRatio: 0.75
-    })) {
-        return;
-    }
-    if (forward) {
-        update((_state) => {
-            _state.forward = true;
-            _state.index = _state.index >= _state.images.length - 1 ? 0 : _state.index + 1;
-            _state.lastSlideChange = new Date();
-            return { ..._state };
-        });
-    }
-    else {
-        update((_state) => {
-            _state.forward = false;
-            _state.index = _state.index <= 0 ? _state.images.length - 1 : _state.index - 1;
-            _state.lastSlideChange = new Date();
-            return { ..._state };
-        });
-    }
+  if (!canChangeSlide({
+    lastSlideChange: $state.lastSlideChange,
+    slideDuration: $state.slideDuration,
+    slideDurationRatio: 0.75
+  })) {
+    return;
+  }
+  if (forward) {
+    update((_state) => {
+      _state.forward = true;
+      _state.index = _state.index >= _state.images.length - 1 ? 0 : _state.index + 1;
+      _state.lastSlideChange = /* @__PURE__ */ new Date();
+      return { ..._state };
+    });
+  } else {
+    update((_state) => {
+      _state.forward = false;
+      _state.index = _state.index <= 0 ? _state.images.length - 1 : _state.index - 1;
+      _state.lastSlideChange = /* @__PURE__ */ new Date();
+      return { ..._state };
+    });
+  }
 }
 </script>
 

package/dist/carousel/Controls.svelte.d.ts

@@ -20,4 +20,3 @@ export type ControlsSlots = typeof __propDef.slots;
 export default class Controls extends SvelteComponentTyped<ControlsProps, ControlsEvents, ControlsSlots> {
 }
 export {};
-//# sourceMappingURL=Controls.svelte.d.ts.map

package/dist/carousel/Indicators.svelte

@@ -1,9 +1,9 @@
-<script>import Indicator from '../indicators/Indicator.svelte';
-import { getContext } from 'svelte';
-import { twMerge } from 'tailwind-merge';
-export let activeClass = 'opacity-100';
-export let inactiveClass = 'opacity-60';
-const state = getContext('state');
+<script>import Indicator from "../indicators/Indicator.svelte";
+import { getContext } from "svelte";
+import { twMerge } from "tailwind-merge";
+export let activeClass = "opacity-100";
+export let inactiveClass = "opacity-60";
+const state = getContext("state");
 </script>
 
 <div class={twMerge('flex absolute bottom-5 start-1/2 z-30 space-x-3 rtl:space-x-reverse -translate-x-1/2 rtl:translate-x-1/2', $$props.class)}>

package/dist/carousel/Indicators.svelte.d.ts

@@ -29,4 +29,3 @@ export type IndicatorsSlots = typeof __propDef.slots;
 export default class Indicators extends SvelteComponentTyped<IndicatorsProps, IndicatorsEvents, IndicatorsSlots> {
 }
 export {};
-//# sourceMappingURL=Indicators.svelte.d.ts.map

package/dist/carousel/Slide.svelte

@@ -1,24 +1,24 @@
-<script>import { fly } from 'svelte/transition';
-import { twMerge } from 'tailwind-merge';
-import { getContext } from 'svelte';
-const state = getContext('state');
+<script>import { fly } from "svelte/transition";
+import { twMerge } from "tailwind-merge";
+import { getContext } from "svelte";
+const state = getContext("state");
 export let image;
-export let transition = null; // Optional transition function, overrides default slide transition
+export let transition = null;
 $: transitionSlideIn = {
-    x: $state.forward ? '100%' : '-100%',
-    opacity: 1,
-    width: '100%',
-    height: '100%',
-    duration: $state.slideDuration
+  x: $state.forward ? "100%" : "-100%",
+  opacity: 1,
+  width: "100%",
+  height: "100%",
+  duration: $state.slideDuration
 };
 $: transitionSlideOut = {
-    x: $state.forward ? '-100%' : '100%',
-    opacity: 0.9,
-    width: '100%',
-    height: '100%',
-    duration: $state.slideDuration
+  x: $state.forward ? "-100%" : "100%",
+  opacity: 0.9,
+  width: "100%",
+  height: "100%",
+  duration: $state.slideDuration
 };
-$: imgClass = twMerge('absolute block !w-full h-full object-cover', $$props.class);
+$: imgClass = twMerge("absolute block !w-full h-full object-cover", $$props.class);
 </script>
 
 {#if transition}

package/dist/carousel/Slide.svelte.d.ts

@@ -24,4 +24,3 @@ export type SlideSlots = typeof __propDef.slots;
 export default class Slide extends SvelteComponentTyped<SlideProps, SlideEvents, SlideSlots> {
 }
 export {};
-//# sourceMappingURL=Slide.svelte.d.ts.map

package/dist/carousel/Thumbnail.svelte

@@ -1,7 +1,7 @@
-<script>import { twMerge } from 'tailwind-merge';
+<script>import { twMerge } from "tailwind-merge";
 export let selected = false;
-export let activeClass = 'opacity-100';
-export let inactiveClass = 'opacity-60';
+export let activeClass = "opacity-100";
+export let inactiveClass = "opacity-60";
 </script>
 
 <img alt="..." {...$$restProps} class={twMerge(selected ? activeClass : inactiveClass, $$props.class)} />

package/dist/carousel/Thumbnail.svelte.d.ts

@@ -24,4 +24,3 @@ export type ThumbnailSlots = typeof __propDef.slots;
 export default class Thumbnail extends SvelteComponentTyped<ThumbnailProps, ThumbnailEvents, ThumbnailSlots> {
 }
 export {};
-//# sourceMappingURL=Thumbnail.svelte.d.ts.map

package/dist/carousel/Thumbnails.svelte

@@ -1,21 +1,21 @@
-<script>import { twMerge } from 'tailwind-merge';
-import Thumbnail from './Thumbnail.svelte';
+<script>import { twMerge } from "tailwind-merge";
+import Thumbnail from "./Thumbnail.svelte";
 export let images = [];
 export let index = 0;
-export let ariaLabel = 'Click to view image';
-export let imgClass = '';
-export let throttleDelay = 650; // ms
-let lastClickedAt = new Date();
+export let ariaLabel = "Click to view image";
+export let imgClass = "";
+export let throttleDelay = 650;
+let lastClickedAt = /* @__PURE__ */ new Date();
 const btnClick = (idx) => {
-    if (new Date().getTime() - lastClickedAt.getTime() < throttleDelay) {
-        console.warn('Thumbnail action throttled');
-        return;
-    }
-    if (idx === index) {
-        return;
-    }
-    index = idx;
-    lastClickedAt = new Date();
+  if ((/* @__PURE__ */ new Date()).getTime() - lastClickedAt.getTime() < throttleDelay) {
+    console.warn("Thumbnail action throttled");
+    return;
+  }
+  if (idx === index) {
+    return;
+  }
+  index = idx;
+  lastClickedAt = /* @__PURE__ */ new Date();
 };
 $: index = (index + images.length) % images.length;
 </script>

package/dist/carousel/Thumbnails.svelte.d.ts

@@ -37,4 +37,3 @@ export type ThumbnailsSlots = typeof __propDef.slots;
 export default class Thumbnails extends SvelteComponentTyped<ThumbnailsProps, ThumbnailsEvents, ThumbnailsSlots> {
 }
 export {};
-//# sourceMappingURL=Thumbnails.svelte.d.ts.map

package/dist/charts/Chart.svelte

@@ -1,20 +1,20 @@
 <script>export let options;
-function initChart(node, options) {
-    let chart;
-    async function asyncInitChart() {
-        const ApexCharts = (await import('apexcharts')).default;
-        chart = new ApexCharts(node, options);
-        chart.render();
+function initChart(node, options2) {
+  let chart;
+  async function asyncInitChart() {
+    const ApexCharts = (await import("apexcharts")).default;
+    chart = new ApexCharts(node, options2);
+    chart.render();
+  }
+  asyncInitChart();
+  return {
+    update(options3) {
+      chart && chart.updateOptions(options3);
+    },
+    destroy() {
+      chart && chart.destroy();
     }
-    asyncInitChart();
-    return {
-        update(options) {
-            chart && chart.updateOptions(options);
-        },
-        destroy() {
-            chart && chart.destroy();
-        }
-    };
+  };
 }
 </script>
 

package/dist/charts/Chart.svelte.d.ts

@@ -21,4 +21,3 @@ export type ChartSlots = typeof __propDef.slots;
 export default class Chart extends SvelteComponentTyped<ChartProps, ChartEvents, ChartSlots> {
 }
 export {};
-//# sourceMappingURL=Chart.svelte.d.ts.map

package/dist/darkmode/DarkMode.svelte

@@ -1,18 +1,17 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let btnClass = 'text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none rounded-lg text-sm p-2.5';
-export let size = 'md';
-export let ariaLabel = 'Dark mode';
+<script>import { twMerge } from "tailwind-merge";
+export let btnClass = "text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none rounded-lg text-sm p-2.5";
+export let size = "md";
+export let ariaLabel = "Dark mode";
 const sizes = {
-    sm: 'w-4 h-4',
-    md: 'w-5 h-5',
-    lg: 'w-6 h-6'
+  sm: "w-4 h-4",
+  md: "w-5 h-5",
+  lg: "w-6 h-6"
 };
 const toggleTheme = (ev) => {
-    const target = ev.target;
-    const isDark = target.ownerDocument.documentElement.classList.toggle('dark');
-    if (target.ownerDocument === document)
-        // we are NOT in the iFrame
-        localStorage.setItem('color-theme', isDark ? 'dark' : 'light');
+  const target = ev.target;
+  const isDark = target.ownerDocument.documentElement.classList.toggle("dark");
+  if (target.ownerDocument === document)
+    localStorage.setItem("color-theme", isDark ? "dark" : "light");
 };
 </script>
 

package/dist/darkmode/DarkMode.svelte.d.ts

@@ -27,4 +27,3 @@ export type DarkModeSlots = typeof __propDef.slots;
 export default class DarkMode extends SvelteComponentTyped<DarkModeProps, DarkModeEvents, DarkModeSlots> {
 }
 export {};
-//# sourceMappingURL=DarkMode.svelte.d.ts.map

package/dist/datepicker/Calender.svelte.d.ts

@@ -21,4 +21,3 @@ declare const __propDef: {
     slots: {};
 };
 export {};
-//# sourceMappingURL=Calender.svelte.d.ts.map

package/dist/datepicker/Datepicker.svelte

@@ -1,20 +1,17 @@
-<script context="module">"use strict";
-</script>
+<script context="module"></script>
 
-<script>import Calendar from './Calender.svelte';
+<script>import Calendar from "./Calender.svelte";
 export let range = false;
-// autoHide not working
-// export let autoHide: boolean = false;
 export let datepickerButtons = false;
-export let datepickerFormat = 'mm/dd/yyyy';
-export let datepickerOrientation = 'bottom';
-export let datepickerTitle = 'Flowbite datepicker';
-export let attribute = '';
-export let inputClass = 'bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full ps-10 p-2.5  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 datepickerFormat = "mm/dd/yyyy";
+export let datepickerOrientation = "bottom";
+export let datepickerTitle = "Flowbite datepicker";
+export let attribute = "";
+export let inputClass = "bg-gray-50 border border-gray-300 text-gray-900 sm:text-sm rounded-lg focus:ring-blue-500 focus:border-blue-500 block w-full ps-10 p-2.5  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";
 $: setAttribute = (node, params) => {
-    if (params) {
-        node.setAttribute(params, '');
-    }
+  if (params) {
+    node.setAttribute(params, "");
+  }
 };
 </script>
 

package/dist/datepicker/Datepicker.svelte.d.ts

@@ -46,4 +46,3 @@ export type DatepickerSlots = typeof __propDef.slots;
 export default class Datepicker extends SvelteComponentTyped<DatepickerProps, DatepickerEvents, DatepickerSlots> {
 }
 export {};
-//# sourceMappingURL=Datepicker.svelte.d.ts.map

package/dist/device-mockups/Android.svelte

@@ -1,11 +1,11 @@
-<script>import { twMerge } from 'tailwind-merge';
-export let div = 'relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-xl h-[600px] w-[300px] shadow-xl';
-export let slot = 'rounded-xl overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800';
-export let top = 'w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute';
-export let leftTop = 'h-[32px] w-[3px] bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg';
-export let leftMid = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg';
-export let leftBot = 'h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg';
-export let right = 'h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg';
+<script>import { twMerge } from "tailwind-merge";
+export let div = "relative mx-auto border-gray-800 dark:border-gray-800 bg-gray-800 border-[14px] rounded-xl h-[600px] w-[300px] shadow-xl";
+export let slot = "rounded-xl overflow-hidden w-[272px] h-[572px] bg-white dark:bg-gray-800";
+export let top = "w-[148px] h-[18px] bg-gray-800 top-0 rounded-b-[1rem] left-1/2 -translate-x-1/2 absolute";
+export let leftTop = "h-[32px] w-[3px] bg-gray-800 absolute -left-[17px] top-[72px] rounded-l-lg";
+export let leftMid = "h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[124px] rounded-l-lg";
+export let leftBot = "h-[46px] w-[3px] bg-gray-800 absolute -left-[17px] top-[178px] rounded-l-lg";
+export let right = "h-[64px] w-[3px] bg-gray-800 absolute -right-[17px] top-[142px] rounded-r-lg";
 </script>
 
 <div class={twMerge(div, $$props.class)}>