flowbite-svelte 1.9.0 → 1.10.0

package/dist/typography/span/Span.svelte

@@ -2,9 +2,13 @@
   import clsx from "clsx";
   import { span } from "./index";
   import type { SpanProps } from "../../types";
+  import { cn } from "../..";
+  import { getTheme } from "../../theme/themeUtils";
 
   let { children, class: className, italic, underline, linethrough, uppercase, gradient, highlight, decoration, decorationColor, decorationThickness, ...restProps }: SpanProps = $props();
 
+  const theme = getTheme("span");
+
   let classSpan = $derived(
     span({
       italic,
@@ -21,7 +25,7 @@
   );
 </script>
 
-<span {...restProps} class={classSpan}>
+<span {...restProps} class={cn(classSpan, theme)}>
   {#if children}
     {@render children()}
   {/if}
@@ -31,7 +35,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1975)
+[SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1979)
 ## Props
 @prop children
 @prop class: className

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

@@ -2,7 +2,7 @@ import type { SpanProps } from "../../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1975)
+ * [SpanProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1979)
  * ## Props
  * @prop children
  * @prop class: className

package/dist/typography/span/index.d.ts

@@ -1,3 +1,2 @@
-import Span from "./Span.svelte";
-import { span } from "./theme";
-export { Span, span };
+export { default as Span } from "./Span.svelte";
+export { span, type SpanTheme } from "./theme";

package/dist/typography/span/index.js

@@ -1,3 +1,2 @@
-import Span from "./Span.svelte";
-import { span } from "./theme";
-export { Span, span };
+export { default as Span } from "./Span.svelte";
+export { span } from "./theme";

package/dist/typography/span/theme.d.ts

@@ -244,3 +244,4 @@ export declare const span: import("tailwind-variants").TVReturnType<{
         "0": string;
     };
 }, undefined, undefined, unknown, unknown, undefined>>;
+export type SpanTheme = string;

package/dist/utils/Arrow.svelte

@@ -50,7 +50,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[ArrowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2017)
+[ArrowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2021)
 ## Props
 @prop placement = "top"
 @prop cords

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

@@ -2,7 +2,7 @@ import { type ArrowProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [ArrowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2017)
+ * [ArrowProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2021)
  * ## Props
  * @prop placement = "top"
  * @prop cords

package/dist/utils/CloseButton.svelte

@@ -36,7 +36,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[CloseButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L101)
+[CloseButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L94)
 ## Props
 @prop children
 @prop color = "gray"

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

@@ -2,7 +2,7 @@ import { type CloseButtonProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [CloseButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L101)
+ * [CloseButtonProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L94)
  * ## Props
  * @prop children
  * @prop color = "gray"

package/dist/utils/Popper.svelte

@@ -213,7 +213,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1997)
+[PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2001)
 ## Props
 @prop triggeredBy
 @prop triggerDelay = 200

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

@@ -2,7 +2,7 @@ import type { PopperProps } from "..";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1997)
+ * [PopperProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L2001)
  * ## Props
  * @prop triggeredBy
  * @prop triggerDelay = 200

package/dist/video/Video.svelte

@@ -1,10 +1,14 @@
 <script lang="ts">
   import type { VideoProps } from "../types";
+  import { cn } from "..";
+  import { getTheme } from "../theme/themeUtils";
 
   let { children, type = "video/mp4", trackSrc, src, srclang = "en", label = "english_captions", class: classname, ...restProps }: VideoProps = $props();
+
+  const theme = getTheme("span");
 </script>
 
-<video {...restProps} class={classname}>
+<video {...restProps} class={cn(classname, theme)}>
   <source {src} {type} />
   {#if children}
     {@render children()}
@@ -17,7 +21,7 @@
 @component
 [Go to docs](https://flowbite-svelte.com/)
 ## Type
-[VideoProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1984)
+[VideoProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1988)
 ## Props
 @prop children
 @prop type = "video/mp4"

package/dist/video/Video.svelte.d.ts

@@ -2,7 +2,7 @@ import type { VideoProps } from "../types";
 /**
  * [Go to docs](https://flowbite-svelte.com/)
  * ## Type
- * [VideoProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1984)
+ * [VideoProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1988)
  * ## Props
  * @prop children
  * @prop type = "video/mp4"

package/dist/video/index.d.ts

@@ -1,2 +1 @@
-import Video from "./Video.svelte";
-export { Video };
+export { default as Video } from "./Video.svelte";

package/dist/video/index.js

@@ -1,2 +1 @@
-import Video from "./Video.svelte";
-export { Video };
+export { default as Video } from "./Video.svelte";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "flowbite-svelte",
-  "version": "1.9.0",
+  "version": "1.10.0",
   "description": "Flowbite components for Svelte",
   "main": "dist/index.js",
   "author": {
@@ -23,6 +23,7 @@
     "@playwright/test": "^1.53.2",
     "@sveltejs/adapter-auto": "^6.0.1",
     "@sveltejs/adapter-vercel": "^5.7.2",
+    "@sveltejs/enhanced-img": "^0.6.1",
     "@sveltejs/kit": "^2.22.2",
     "@sveltejs/package": "2.3.12",
     "@sveltejs/vite-plugin-svelte": "^5.1.0",
@@ -202,6 +203,10 @@
       "types": "./dist/carousel/Carousel.svelte.d.ts",
       "svelte": "./dist/carousel/Carousel.svelte"
     },
+    "./CarouselIndicators.svelte": {
+      "types": "./dist/carousel/CarouselIndicators.svelte.d.ts",
+      "svelte": "./dist/carousel/CarouselIndicators.svelte"
+    },
     "./ControlButton.svelte": {
       "types": "./dist/carousel/ControlButton.svelte.d.ts",
       "svelte": "./dist/carousel/ControlButton.svelte"
@@ -210,10 +215,6 @@
       "types": "./dist/carousel/Controls.svelte.d.ts",
       "svelte": "./dist/carousel/Controls.svelte"
     },
-    "./Indicators.svelte": {
-      "types": "./dist/carousel/Indicators.svelte.d.ts",
-      "svelte": "./dist/carousel/Indicators.svelte"
-    },
     "./Slide.svelte": {
       "types": "./dist/carousel/Slide.svelte.d.ts",
       "svelte": "./dist/carousel/Slide.svelte"
@@ -226,10 +227,6 @@
       "types": "./dist/carousel/Thumbnails.svelte.d.ts",
       "svelte": "./dist/carousel/Thumbnails.svelte"
     },
-    "./Chart.svelte": {
-      "types": "./dist/chart/Chart.svelte.d.ts",
-      "svelte": "./dist/chart/Chart.svelte"
-    },
     "./Clipboard.svelte": {
       "types": "./dist/clipboard/Clipboard.svelte.d.ts",
       "svelte": "./dist/clipboard/Clipboard.svelte"
@@ -682,9 +679,9 @@
       "types": "./dist/tabs/Tabs.svelte.d.ts",
       "svelte": "./dist/tabs/Tabs.svelte"
     },
-    "./Theme.svelte": {
-      "types": "./dist/theme/Theme.svelte.d.ts",
-      "svelte": "./dist/theme/Theme.svelte"
+    "./ThemeProvider.svelte": {
+      "types": "./dist/theme/ThemeProvider.svelte.d.ts",
+      "svelte": "./dist/theme/ThemeProvider.svelte"
     },
     "./Activity.svelte": {
       "types": "./dist/timeline/Activity.svelte.d.ts",

package/dist/chart/Chart.svelte

@@ -1,45 +0,0 @@
-<script lang="ts">
-  import type { ApexOptions } from "apexcharts";
-  import type ApexCharts from "apexcharts";
-  import "./chart.css";
-  import { type ChartProps, cn } from "..";
-
-  let { options, class: classname }: ChartProps = $props();
-
-  function initChart(node: HTMLElement, options: ApexOptions) {
-    let chart: ApexCharts;
-
-    async function asyncInitChart() {
-      const ApexCharts = (await import("apexcharts")).default;
-      chart = new ApexCharts(node, options);
-      chart.render();
-    }
-
-    asyncInitChart();
-
-    return {
-      update(options: ApexOptions) {
-        if (chart) {
-          chart.updateOptions(options);
-        }
-      },
-      destroy() {
-        if (chart) {
-          chart.destroy();
-        }
-      }
-    };
-  }
-</script>
-
-<div use:initChart={options} class={cn(classname)}></div>
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Type
-[ChartProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L462)
-## Props
-@prop options
-@prop class: classname
--->

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

@@ -1,13 +0,0 @@
-import "./chart.css";
-import { type ChartProps } from "..";
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Type
- * [ChartProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L462)
- * ## Props
- * @prop options
- * @prop class: classname
- */
-declare const Chart: import("svelte").Component<ChartProps, {}, "">;
-type Chart = ReturnType<typeof Chart>;
-export default Chart;

package/dist/chart/chart.css

@@ -1,166 +0,0 @@
-.apexcharts-canvas .apexcharts-tooltip {
-  background-color: white;
-  color: #6b7280;
-  border: 0 !important;
-  border-radius: 0.25rem;
-  box-shadow:
-    0 4px 6px -1px rgb(0 0 0 / 0.1),
-    0 2px 4px -2px rgb(0 0 0 / 0.1);
-}
-.dark .apexcharts-canvas .apexcharts-tooltip {
-  background-color: #374151;
-  color: #9ca3af;
-  border-color: transparent;
-  box-shadow:
-    0 4px 6px -1px rgb(0 0 0 / 0.1),
-    0 2px 4px -2px rgb(0 0 0 / 0.1);
-}
-.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  padding-right: 0.75rem;
-  padding-left: 0.75rem;
-  margin-bottom: 0.75rem;
-  background-color: #f3f4f6;
-  border-bottom-color: #e5e7eb;
-  font-size: 0.875rem !important;
-  font-weight: 400;
-  color: #6b7280;
-}
-.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-title {
-  background-color: #4b5563;
-  border-color: #6b7280;
-  color: #9ca3af;
-}
-.apexcharts-canvas .apexcharts-xaxistooltip {
-  color: #6b7280;
-  padding-top: 0.5rem;
-  padding-bottom: 0.5rem;
-  padding-right: 0.75rem;
-  padding-left: 0.75rem;
-  border-color: transparent;
-  background-color: white;
-  border-radius: 0.25rem;
-  box-shadow:
-    0 4px 6px -1px rgb(0 0 0 / 0.1),
-    0 2px 4px -2px rgb(0 0 0 / 0.1);
-}
-.dark .apexcharts-canvas .apexcharts-xaxistooltip {
-  color: #9ca3af;
-  background-color: #374151;
-}
-.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label {
-  color: #6b7280;
-  font-size: 0.875rem;
-}
-.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-label {
-  color: #9ca3af;
-}
-.apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value {
-  color: #111827;
-  font-size: 0.875rem;
-}
-:is([dir="rtl"]) .apexcharts-tooltip .apexcharts-tooltip-marker {
-  margin-right: 0px;
-  margin-left: e;
-}
-.dark .apexcharts-canvas .apexcharts-tooltip .apexcharts-tooltip-text-y-value {
-  color: white;
-}
-.apexcharts-canvas .apexcharts-xaxistooltip-text {
-  font-weight: 400;
-  font-size: 0.875rem !important;
-}
-.apexcharts-canvas .apexcharts-xaxistooltip:after,
-.apexcharts-canvas .apexcharts-xaxistooltip:before {
-  border-bottom-color: white;
-}
-.apexcharts-canvas .apexcharts-xaxistooltip:after {
-  border-width: 8px;
-  margin-left: -8px;
-}
-.apexcharts-canvas .apexcharts-xaxistooltip:before {
-  border-width: 10px;
-  margin-left: -10px;
-}
-.dark .apexcharts-canvas .apexcharts-xaxistooltip:after,
-.dark .apexcharts-canvas .apexcharts-xaxistooltip:before {
-  border-bottom-color: #374151;
-}
-.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active .apexcharts-tooltip-y-group {
-  padding: 0;
-}
-.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active {
-  padding-left: 0.75rem;
-  padding-right: 0.75rem;
-  padding-bottom: 0.75rem;
-  background-color: white !important;
-  color: #6b7280 !important;
-}
-.dark .apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active {
-  background-color: #374151 !important;
-  color: #9ca3af !important;
-}
-.apexcharts-canvas .apexcharts-tooltip-series-group.apexcharts-active:first-of-type {
-  padding-top: 0.75rem;
-}
-.apexcharts-canvas .apexcharts-legend {
-  padding: 0 !important;
-}
-.apexcharts-canvas .apexcharts-legend-text {
-  font-size: 0.75rem;
-  font-weight: 500 !important;
-  padding-left: 1.25rem;
-  color: #6b7280 !important;
-}
-:is([dir="rtl"]) .apexcharts-canvas .apexcharts-legend-text {
-  padding-right: 0.5rem;
-}
-.apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover {
-  color: #111827 !important;
-}
-.dark .apexcharts-canvas .apexcharts-legend-text {
-  color: #9ca3af !important;
-}
-.dark .apexcharts-canvas .apexcharts-legend-text:not(.apexcharts-inactive-legend):hover {
-  color: white !important;
-}
-.apexcharts-canvas .apexcharts-legend-series {
-  margin-left: 0.5rem;
-  margin-right: 0.5rem;
-  margin-bottom: 0.25rem !important;
-  display: flex;
-  align-items: center;
-}
-.apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value {
-  fill: #111827 !important;
-  font-size: 1.875rem;
-  font-weight: 700;
-}
-.dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-value {
-  fill: white !important;
-}
-.apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label {
-  fill: #6b7280 !important;
-  font-size: 1rem;
-  font-weight: 400;
-}
-.dark .apexcharts-canvas .apexcharts-datalabels-group .apexcharts-text.apexcharts-datalabel-label {
-  fill: #9ca3af !important;
-}
-.apexcharts-canvas .apexcharts-datalabels .apexcharts-text.apexcharts-pie-label {
-  font-size: 0.75rem !important;
-  font-weight: 600 !important;
-  text-shadow: none !important;
-  filter: none !important;
-}
-.apexcharts-gridline,
-.apexcharts-xcrosshairs,
-.apexcharts-ycrosshairs {
-  stroke: #e5e7eb !important;
-}
-.dark .apexcharts-gridline,
-.dark .apexcharts-xcrosshairs,
-.dark .apexcharts-ycrosshairs {
-  stroke: #374151 !important;
-}

package/dist/chart/index.d.ts

@@ -1 +0,0 @@
-export { default as Chart } from "./Chart.svelte";

package/dist/chart/index.js

@@ -1 +0,0 @@
-export { default as Chart } from "./Chart.svelte";

package/dist/forms/button-toggle/button-toggle.txt

@@ -1,25 +0,0 @@
-# Button toggle
-
-## Requirements
-
-- Svelte 5 rune mode components
-- Structure and component names
-
-```
-<ButtonToggleGroup>
-  <ButtonToggle>Red</BottonToggle>
-  <ButtonToggle>Green</BottonToggle>
-  <ButtonToggle>Blue</BottonToggle>
-</ButtonToggleGroup>
-```
-
-- Single selection and multi selection
-- Sample code below is from material.angular and chrome dev tool.
-
-```
-<mat-button-toggle-group name="favoriteColor" aria-label="Favorite Color" class="mat-button-toggle-group mat-button-toggle-group-appearance-standard" role="radiogroup" aria-disabled="false"><mat-button-toggle role="presentation" value="red" class="mat-button-toggle mat-button-toggle-appearance-standard mat-button-toggle-animations-enabled mat-button-toggle-checked" id="mat-button-toggle-18"><button type="button" class="mat-button-toggle-button mat-focus-indicator" id="mat-button-toggle-18-button" role="radio" tabindex="0" aria-checked="true" name="favoriteColor"><div class="mat-button-toggle-checkbox-wrapper"><mat-pseudo-checkbox state="checked" aria-hidden="true" appearance="minimal" class="mat-pseudo-checkbox mat-pseudo-checkbox-checked mat-pseudo-checkbox-minimal"></mat-pseudo-checkbox></div><!----><span class="mat-button-toggle-label-content">Red</span></button><span class="mat-button-toggle-focus-overlay"></span><span matripple="" class="mat-ripple mat-button-toggle-ripple"></span></mat-button-toggle><mat-button-toggle role="presentation" value="green" class="mat-button-toggle mat-button-toggle-appearance-standard mat-button-toggle-animations-enabled" id="mat-button-toggle-19"><button type="button" class="mat-button-toggle-button mat-focus-indicator" id="mat-button-toggle-19-button" role="radio" tabindex="-1" aria-checked="false" name="favoriteColor"><div class="mat-button-toggle-checkbox-wrapper"><mat-pseudo-checkbox state="checked" aria-hidden="true" appearance="minimal" class="mat-pseudo-checkbox mat-pseudo-checkbox-checked mat-pseudo-checkbox-minimal"></mat-pseudo-checkbox></div><!----><span class="mat-button-toggle-label-content">Green</span></button><span class="mat-button-toggle-focus-overlay"></span><span matripple="" class="mat-ripple mat-button-toggle-ripple"></span></mat-button-toggle><mat-button-toggle role="presentation" value="blue" class="mat-button-toggle mat-button-toggle-appearance-standard mat-button-toggle-animations-enabled" id="mat-button-toggle-20"><button type="button" class="mat-button-toggle-button mat-focus-indicator" id="mat-button-toggle-20-button" role="radio" tabindex="-1" aria-checked="false" name="favoriteColor"><div class="mat-button-toggle-checkbox-wrapper"><mat-pseudo-checkbox state="checked" aria-hidden="true" appearance="minimal" class="mat-pseudo-checkbox mat-pseudo-checkbox-checked mat-pseudo-checkbox-minimal"></mat-pseudo-checkbox></div><!----><span class="mat-button-toggle-label-content">Blue</span></button><span class="mat-button-toggle-focus-overlay"></span><span matripple="" class="mat-ripple mat-button-toggle-ripple"></span></mat-button-toggle></mat-button-toggle-group>
-```
-
-- When you click a button using tailwind css animation to animate word to right and show a green tick svg icon on the left of the word to show ticked.
-
-- When it is selected, background color is bg-primay-100

package/dist/theme/Theme.svelte

@@ -1,60 +0,0 @@
-<script lang="ts">
-  import deepmerge from "deepmerge";
-  import { setContext, type Snippet } from "svelte";
-  import { tv } from "tailwind-variants";
-  import { baseThemes } from ".";
-  import type { ThemeProps, BaseThemes } from "..";
-
-  let { children, theme }: ThemeProps = $props();
-
-  type K = keyof BaseThemes;
-
-  // Function to merge theme configurations
-  function mergeThemes(baseThemes: BaseThemes, customTheme?: BaseThemes) {
-    const mergedTheme: BaseThemes = deepmerge(baseThemes, {});
-    // Merge each component's theme
-    for (const [name, baseTheme] of Object.entries(baseThemes)) {
-      const componentName: K = name as K;
-      if (customTheme && componentName in customTheme) {
-        const customComponentTheme = customTheme[componentName as keyof typeof customTheme];
-
-        // Deep merge base theme with custom theme
-        // const result = deepmerge(baseTheme, customComponentTheme);
-        const result = deepmerge(
-          {
-            slots: baseTheme.slots,
-            variants: baseTheme.variants,
-            compoundVariants: baseTheme.compoundVariants,
-            defaultVariants: baseTheme.defaultVariants
-          },
-          {
-            slots: customComponentTheme.slots || {},
-            variants: customComponentTheme.variants || {},
-            compoundVariants: customComponentTheme.compoundVariants || [],
-            defaultVariants: customComponentTheme.defaultVariants || {}
-          }
-        );
-        // @ts-ignore
-        mergedTheme[componentName] = tv(result);
-      }
-    }
-
-    return mergedTheme as BaseThemes;
-  }
-
-  const mergedThemes = mergeThemes(baseThemes, theme);
-
-  setContext<BaseThemes>("themeConfig", mergedThemes);
-</script>
-
-{@render children()}
-
-<!--
-@component
-[Go to docs](https://flowbite-svelte.com/)
-## Type
-[ThemeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1751)
-## Props
-@prop children
-@prop theme
--->

package/dist/theme/Theme.svelte.d.ts

@@ -1,12 +0,0 @@
-import type { ThemeProps } from "..";
-/**
- * [Go to docs](https://flowbite-svelte.com/)
- * ## Type
- * [ThemeProps](https://github.com/themesberg/flowbite-svelte/blob/main/src/lib/types.ts#L1751)
- * ## Props
- * @prop children
- * @prop theme
- */
-declare const Theme: import("svelte").Component<ThemeProps, {}, "">;
-type Theme = ReturnType<typeof Theme>;
-export default Theme;