flowbite-svelte 0.8.8 → 0.9.2

package/README.md

@@ -18,7 +18,11 @@
 
 [Badges](https://flowbite-svelte.vercel.app/badges)
 
-## Button component
+## Button group compnents
+
+[Button group](https://flowbite-svelte.vercel.app/button-groups)
+
+## Button components
 
 [Buttons](https://flowbite-svelte.vercel.app/buttons)
 
@@ -34,6 +38,10 @@
 
 [Dropdowns](https://flowbite-svelte.vercel.app/dropdowns)
 
+## Footer
+
+[Footer](https://flowbite-svelte.vercel.app/footer)
+
 ## Icons
 
 [Icons](https://flowbite-svelte.vercel.app/icons)

package/accordions/AccordionDefault.svelte

@@ -1,26 +1,25 @@
-<script>
-  import { onDestroy } from "svelte";
-  import { setContext } from "svelte";
-  import { createEventDispatcher } from "svelte";
-  import { writable } from "svelte/store";
-  export let duration = 0.2;
-  export let easing = "ease";
-  export let id = null;
-  const dispatch = createEventDispatcher();
-  // create a store for the children to access
-  const store = writable({ id, duration, easing });
-  // when the store changes, update the id prop
-  const unsubscribe = store.subscribe((s) => {
+<script >import { onDestroy } from 'svelte';
+import { setContext } from 'svelte';
+import { createEventDispatcher } from 'svelte';
+import { writable } from 'svelte/store';
+export let duration = 0.2;
+export let easing = 'ease';
+export let id = undefined;
+const dispatch = createEventDispatcher();
+// create a store for the children to access
+const store = writable({ id, duration, easing });
+// when the store changes, update the id prop
+const unsubscribe = store.subscribe((s) => {
     id = s.id;
-    dispatch("change", { id });
-  });
-  // when the id prop changes, update the store
-  $: store.update((s) => Object.assign(s, { id }));
-  // make the store available to children
-  setContext("svelte-collapsible-accordion", store);
-  onDestroy(unsubscribe);
+    dispatch('change', { id });
+});
+// when the id prop changes, update the store
+$: store.update((s) => Object.assign(s, { id }));
+// make the store available to children
+setContext('svelte-collapsible-accordion', store);
+onDestroy(unsubscribe);
 </script>
 
 <div>
-  <slot />
+	<slot />
 </div>

package/accordions/AccordionDefault.svelte.d.ts

@@ -1,27 +1,9 @@
-/** @typedef {typeof __propDef.props}  AccordionDefaultProps */
-/** @typedef {typeof __propDef.events}  AccordionDefaultEvents */
-/** @typedef {typeof __propDef.slots}  AccordionDefaultSlots */
-export default class AccordionDefault extends SvelteComponentTyped<{
-    id?: any;
-    duration?: number;
-    easing?: string;
-}, {
-    change: CustomEvent<any>;
-} & {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type AccordionDefaultProps = typeof __propDef.props;
-export type AccordionDefaultEvents = typeof __propDef.events;
-export type AccordionDefaultSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        id?: any;
         duration?: number;
         easing?: string;
+        id?: number;
     };
     events: {
         change: CustomEvent<any>;
@@ -32,4 +14,9 @@ declare const __propDef: {
         default: {};
     };
 };
+export declare type AccordionDefaultProps = typeof __propDef.props;
+export declare type AccordionDefaultEvents = typeof __propDef.events;
+export declare type AccordionDefaultSlots = typeof __propDef.slots;
+export default class AccordionDefault extends SvelteComponentTyped<AccordionDefaultProps, AccordionDefaultEvents, AccordionDefaultSlots> {
+}
 export {};

package/accordions/AccordionItem.svelte

@@ -1,44 +1,41 @@
-<script>
-  import { getContext } from "svelte";
-  import collapse from "svelte-collapse";
-  import {
-    ChevronDownIconSolid,
-    ChevronUpIconSolid,
-  } from "@codewithshin/svelte-heroicons";
-  export let id;
-  const store = getContext("svelte-collapsible-accordion");
-  $: params = {
+<script >import { getContext } from 'svelte';
+import collapse from 'svelte-collapse';
+import { ChevronDownIconSolid, ChevronUpIconSolid } from '@codewithshin/svelte-heroicons';
+export let id;
+const store = getContext('svelte-collapsible-accordion');
+$: params = {
     open: $store.id === id,
     duration: $store.duration,
-    easing: $store.easing,
-  };
-  const handleToggle = () => {
+    easing: $store.easing
+};
+const handleToggle = () => {
     if (params.open) {
-      store.update((s) => Object.assign(s, { id: null }));
-    } else {
-      store.update((s) => Object.assign(s, { id }));
+        store.update((s) => Object.assign(s, { id: null }));
     }
-  };
+    else {
+        store.update((s) => Object.assign(s, { id }));
+    }
+};
 </script>
 
 <h2 aria-expanded={params.open}>
-  <button
-    on:click={handleToggle}
-    type="button"
-    class:rounded-t-xl={id === "1"}
-    class:border-t-0={id !== "1"}
-    class="flex items-center focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800 justify-between p-5 w-full font-medium border border-gray-200 dark:border-gray-700 text-left text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800"
-  >
-    <span><slot name="header" /></span>
-    {#if params.open}
-      <ChevronUpIconSolid />
-    {:else}
-      <ChevronDownIconSolid />
-    {/if}
-  </button>
+	<button
+		on:click={handleToggle}
+		type="button"
+		class:rounded-t-xl={id === '1'}
+		class:border-t-0={id !== '1'}
+		class="flex items-center focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-800 justify-between p-5 w-full font-medium border border-gray-200 dark:border-gray-700 text-left text-gray-500 dark:text-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800"
+	>
+		<span><slot name="header" /></span>
+		{#if params.open}
+			<ChevronUpIconSolid />
+		{:else}
+			<ChevronDownIconSolid />
+		{/if}
+	</button>
 </h2>
 <div use:collapse={params}>
-  <div class="p-5 border border-t-0 border-gray-200 dark:border-gray-700">
-    <slot name="body" />
-  </div>
+	<div class="p-5 border border-t-0 border-gray-200 dark:border-gray-700">
+		<slot name="body" />
+	</div>
 </div>

package/accordions/AccordionItem.svelte.d.ts

@@ -1,22 +1,7 @@
-/** @typedef {typeof __propDef.props}  AccordionItemProps */
-/** @typedef {typeof __propDef.events}  AccordionItemEvents */
-/** @typedef {typeof __propDef.slots}  AccordionItemSlots */
-export default class AccordionItem extends SvelteComponentTyped<{
-    id: any;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    header: {};
-    body: {};
-}> {
-}
-export type AccordionItemProps = typeof __propDef.props;
-export type AccordionItemEvents = typeof __propDef.events;
-export type AccordionItemSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
 declare const __propDef: {
     props: {
-        id: any;
+        id: string;
     };
     events: {
         [evt: string]: CustomEvent<any>;
@@ -26,4 +11,9 @@ declare const __propDef: {
         body: {};
     };
 };
+export declare type AccordionItemProps = typeof __propDef.props;
+export declare type AccordionItemEvents = typeof __propDef.events;
+export declare type AccordionItemSlots = typeof __propDef.slots;
+export default class AccordionItem extends SvelteComponentTyped<AccordionItemProps, AccordionItemEvents, AccordionItemSlots> {
+}
 export {};

package/alerts/Alert.svelte

@@ -1,111 +1,104 @@
-<script>
-  import Button from "../buttons/Button.svelte";
-
-  // use blue (default), red, yellow, purple, green, indigo, gray, (no pink)
-  export let color = "blue";
-  export let alertId = "alert-1";
-  export let closeBtn = false;
-
-  let hidden = false;
-  const handleHide = () => {
+<script >export let color = 'blue';
+export let alertId = 'alert-1';
+export let closeBtn = false;
+let hidden = false;
+const handleHide = () => {
     hidden = !hidden;
-  };
-  let divClass;
-  let svgClass;
-  let slotClass;
-  let buttonClass;
-
-  if (color === "blue") {
-    divClass = "flex p-4 mb-4 bg-blue-100 rounded-lg dark:bg-blue-200";
-    svgClass = "flex-shrink-0 w-5 h-5 text-blue-700 dark:text-blue-800";
-    slotClass = "ml-3 text-sm font-medium text-blue-700 dark:text-blue-800";
+};
+let divClass;
+let svgClass;
+let slotClass;
+let buttonClass;
+if (color === 'blue') {
+    divClass = 'flex p-4 mb-4 bg-blue-100 rounded-lg dark:bg-blue-200';
+    svgClass = 'flex-shrink-0 w-5 h-5 text-blue-700 dark:text-blue-800';
+    slotClass = 'ml-3 text-sm font-medium text-blue-700 dark:text-blue-800';
     buttonClass =
-      "ml-auto -mx-1.5 -my-1.5 bg-blue-100 text-blue-500 rounded-lg focus:ring-2 focus:ring-blue-400 p-1.5 hover:bg-blue-200 inline-flex h-8 w-8 dark:bg-blue-200 dark:text-blue-600 dark:hover:bg-blue-300";
-  } else if (color === "gray") {
-    divClass = "flex p-4 mb-4 bg-gray-100 rounded-lg dark:bg-gray-200";
-    svgClass = "flex-shrink-0 w-5 h-5 text-gray-700 dark:text-gray-800";
-    slotClass = "ml-3 text-sm font-medium text-gray-700 dark:text-gray-800";
+        'ml-auto -mx-1.5 -my-1.5 bg-blue-100 text-blue-500 rounded-lg focus:ring-2 focus:ring-blue-400 p-1.5 hover:bg-blue-200 inline-flex h-8 w-8 dark:bg-blue-200 dark:text-blue-600 dark:hover:bg-blue-300';
+}
+else if (color === 'gray') {
+    divClass = 'flex p-4 mb-4 bg-gray-100 rounded-lg dark:bg-gray-200';
+    svgClass = 'flex-shrink-0 w-5 h-5 text-gray-700 dark:text-gray-800';
+    slotClass = 'ml-3 text-sm font-medium text-gray-700 dark:text-gray-800';
     buttonClass =
-      "ml-auto -mx-1.5 -my-1.5 bg-gray-100 text-gray-500 rounded-lg focus:ring-2 focus:ring-gray-400 p-1.5 hover:bg-gray-200 inline-flex h-8 w-8 dark:bg-gray-200 dark:text-gray-600 dark:hover:bg-gray-300";
-  } else if (color === "red") {
-    divClass = "flex p-4 mb-4 bg-red-100 rounded-lg dark:bg-red-200";
-    svgClass = "flex-shrink-0 w-5 h-5 text-red-700 dark:text-red-800";
-    slotClass = "ml-3 text-sm font-medium text-red-700 dark:text-red-800";
+        'ml-auto -mx-1.5 -my-1.5 bg-gray-100 text-gray-500 rounded-lg focus:ring-2 focus:ring-gray-400 p-1.5 hover:bg-gray-200 inline-flex h-8 w-8 dark:bg-gray-200 dark:text-gray-600 dark:hover:bg-gray-300';
+}
+else if (color === 'red') {
+    divClass = 'flex p-4 mb-4 bg-red-100 rounded-lg dark:bg-red-200';
+    svgClass = 'flex-shrink-0 w-5 h-5 text-red-700 dark:text-red-800';
+    slotClass = 'ml-3 text-sm font-medium text-red-700 dark:text-red-800';
     buttonClass =
-      "ml-auto -mx-1.5 -my-1.5 bg-red-100 text-red-500 rounded-lg focus:ring-2 focus:ring-red-400 p-1.5 hover:bg-red-200 inline-flex h-8 w-8 dark:bg-red-200 dark:text-red-600 dark:hover:bg-red-300";
-  } else if (color === "yellow") {
-    divClass = "flex p-4 mb-4 bg-yellow-100 rounded-lg dark:bg-yellow-200";
-    svgClass = "flex-shrink-0 w-5 h-5 text-yellow-700 dark:text-yellow-800";
-    slotClass = "ml-3 text-sm font-medium text-yellow-700 dark:text-yellow-800";
+        'ml-auto -mx-1.5 -my-1.5 bg-red-100 text-red-500 rounded-lg focus:ring-2 focus:ring-red-400 p-1.5 hover:bg-red-200 inline-flex h-8 w-8 dark:bg-red-200 dark:text-red-600 dark:hover:bg-red-300';
+}
+else if (color === 'yellow') {
+    divClass = 'flex p-4 mb-4 bg-yellow-100 rounded-lg dark:bg-yellow-200';
+    svgClass = 'flex-shrink-0 w-5 h-5 text-yellow-700 dark:text-yellow-800';
+    slotClass = 'ml-3 text-sm font-medium text-yellow-700 dark:text-yellow-800';
     buttonClass =
-      "ml-auto -mx-1.5 -my-1.5 bg-yellow-100 text-yellow-500 rounded-lg focus:ring-2 focus:ring-yellow-400 p-1.5 hover:bg-yellow-200 inline-flex h-8 w-8 dark:bg-yellow-200 dark:text-yellow-600 dark:hover:bg-yellow-300";
-  } else if (color === "green") {
-    divClass = "flex p-4 mb-4 bg-green-100 rounded-lg dark:bg-green-200";
-    svgClass = "flex-shrink-0 w-5 h-5 text-green-700 dark:text-green-800";
-    slotClass = "ml-3 text-sm font-medium text-green-700 dark:text-green-800";
+        'ml-auto -mx-1.5 -my-1.5 bg-yellow-100 text-yellow-500 rounded-lg focus:ring-2 focus:ring-yellow-400 p-1.5 hover:bg-yellow-200 inline-flex h-8 w-8 dark:bg-yellow-200 dark:text-yellow-600 dark:hover:bg-yellow-300';
+}
+else if (color === 'green') {
+    divClass = 'flex p-4 mb-4 bg-green-100 rounded-lg dark:bg-green-200';
+    svgClass = 'flex-shrink-0 w-5 h-5 text-green-700 dark:text-green-800';
+    slotClass = 'ml-3 text-sm font-medium text-green-700 dark:text-green-800';
     buttonClass =
-      "ml-auto -mx-1.5 -my-1.5 bg-green-100 text-green-500 rounded-lg focus:ring-2 focus:ring-green-400 p-1.5 hover:bg-green-200 inline-flex h-8 w-8 dark:bg-green-200 dark:text-green-600 dark:hover:bg-green-300";
-  } else if (color === "indigo") {
-    divClass = "flex p-4 mb-4 bg-indigo-100 rounded-lg dark:bg-indigo-200";
-    svgClass = "flex-shrink-0 w-5 h-5 text-indigo-700 dark:text-indigo-800";
-    slotClass = "ml-3 text-sm font-medium text-indigo-700 dark:text-indigo-800";
+        'ml-auto -mx-1.5 -my-1.5 bg-green-100 text-green-500 rounded-lg focus:ring-2 focus:ring-green-400 p-1.5 hover:bg-green-200 inline-flex h-8 w-8 dark:bg-green-200 dark:text-green-600 dark:hover:bg-green-300';
+}
+else if (color === 'indigo') {
+    divClass = 'flex p-4 mb-4 bg-indigo-100 rounded-lg dark:bg-indigo-200';
+    svgClass = 'flex-shrink-0 w-5 h-5 text-indigo-700 dark:text-indigo-800';
+    slotClass = 'ml-3 text-sm font-medium text-indigo-700 dark:text-indigo-800';
     buttonClass =
-      "ml-auto -mx-1.5 -my-1.5 bg-indigo-100 text-indigo-500 rounded-lg focus:ring-2 focus:ring-indigo-400 p-1.5 hover:bg-indigo-200 inline-flex h-8 w-8 dark:bg-indigo-200 dark:text-indigo-600 dark:hover:bg-indigo-300";
-  } else if (color === "purple") {
-    divClass = "flex p-4 mb-4 bg-purple-100 rounded-lg dark:bg-purple-200";
-    svgClass = "flex-shrink-0 w-5 h-5 text-purple-700 dark:text-purple-800";
-    slotClass = "ml-3 text-sm font-medium text-purple-700 dark:text-purple-800";
+        'ml-auto -mx-1.5 -my-1.5 bg-indigo-100 text-indigo-500 rounded-lg focus:ring-2 focus:ring-indigo-400 p-1.5 hover:bg-indigo-200 inline-flex h-8 w-8 dark:bg-indigo-200 dark:text-indigo-600 dark:hover:bg-indigo-300';
+}
+else if (color === 'purple') {
+    divClass = 'flex p-4 mb-4 bg-purple-100 rounded-lg dark:bg-purple-200';
+    svgClass = 'flex-shrink-0 w-5 h-5 text-purple-700 dark:text-purple-800';
+    slotClass = 'ml-3 text-sm font-medium text-purple-700 dark:text-purple-800';
     buttonClass =
-      "ml-auto -mx-1.5 -my-1.5 bg-purple-100 text-purple-500 rounded-lg focus:ring-2 focus:ring-purple-400 p-1.5 hover:bg-purple-200 inline-flex h-8 w-8 dark:bg-purple-200 dark:text-purple-600 dark:hover:bg-purple-300";
-  } else if (color === "pink") {
-    divClass = "flex p-4 mb-4 bg-pink-100 rounded-lg dark:bg-pink-200";
-    svgClass = "flex-shrink-0 w-5 h-5 text-pink-700 dark:text-pink-800";
-    slotClass = "ml-3 text-sm font-medium text-pink-700 dark:text-pink-800";
+        'ml-auto -mx-1.5 -my-1.5 bg-purple-100 text-purple-500 rounded-lg focus:ring-2 focus:ring-purple-400 p-1.5 hover:bg-purple-200 inline-flex h-8 w-8 dark:bg-purple-200 dark:text-purple-600 dark:hover:bg-purple-300';
+}
+else if (color === 'pink') {
+    divClass = 'flex p-4 mb-4 bg-pink-100 rounded-lg dark:bg-pink-200';
+    svgClass = 'flex-shrink-0 w-5 h-5 text-pink-700 dark:text-pink-800';
+    slotClass = 'ml-3 text-sm font-medium text-pink-700 dark:text-pink-800';
     buttonClass =
-      "ml-auto -mx-1.5 -my-1.5 bg-pink-100 text-pink-500 rounded-lg focus:ring-2 focus:ring-pink-400 p-1.5 hover:bg-pink-200 inline-flex h-8 w-8 dark:bg-pink-200 dark:text-pink-600 dark:hover:bg-pink-300";
-  } else {
-    divClass = "flex p-4 mb-4 bg-blue-100 rounded-lg dark:bg-blue-200";
-    svgClass = "flex-shrink-0 w-5 h-5 text-blue-700 dark:text-blue-800";
-    slotClass = "ml-3 text-sm font-medium text-blue-700 dark:text-blue-800";
+        'ml-auto -mx-1.5 -my-1.5 bg-pink-100 text-pink-500 rounded-lg focus:ring-2 focus:ring-pink-400 p-1.5 hover:bg-pink-200 inline-flex h-8 w-8 dark:bg-pink-200 dark:text-pink-600 dark:hover:bg-pink-300';
+}
+else {
+    divClass = 'flex p-4 mb-4 bg-blue-100 rounded-lg dark:bg-blue-200';
+    svgClass = 'flex-shrink-0 w-5 h-5 text-blue-700 dark:text-blue-800';
+    slotClass = 'ml-3 text-sm font-medium text-blue-700 dark:text-blue-800';
     buttonClass =
-      "ml-auto -mx-1.5 -my-1.5 bg-gray-100 text-gray-500 rounded-lg focus:ring-2 focus:ring-gray-400 p-1.5 hover:bg-gray-200 inline-flex h-8 w-8 dark:bg-gray-200 dark:text-gray-600 dark:hover:bg-gray-300";
-  }
+        'ml-auto -mx-1.5 -my-1.5 bg-gray-100 text-gray-500 rounded-lg focus:ring-2 focus:ring-gray-400 p-1.5 hover:bg-gray-200 inline-flex h-8 w-8 dark:bg-gray-200 dark:text-gray-600 dark:hover:bg-gray-300';
+}
 </script>
 
 <div id={alertId} class:hidden class={divClass} role="alert">
-  <svg
-    class={svgClass}
-    fill="currentColor"
-    viewBox="0 0 20 20"
-    xmlns="http://www.w3.org/2000/svg"
-    ><path
-      fill-rule="evenodd"
-      d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
-      clip-rule="evenodd"
-    /></svg
-  >
-  <div class={slotClass}>
-    <slot />
-  </div>
-  {#if closeBtn}
-    <button
-      on:click={handleHide}
-      type="button"
-      class={buttonClass}
-      aria-label="Close"
-    >
-      <span class="sr-only">Close</span>
-      <svg
-        class="w-5 h-5"
-        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
-      >
-    </button>
-  {/if}
+	<svg class={svgClass} fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"
+		><path
+			fill-rule="evenodd"
+			d="M18 10a8 8 0 11-16 0 8 8 0 0116 0zm-7-4a1 1 0 11-2 0 1 1 0 012 0zM9 9a1 1 0 000 2v3a1 1 0 001 1h1a1 1 0 100-2v-3a1 1 0 00-1-1H9z"
+			clip-rule="evenodd"
+		/></svg
+	>
+	<div class={slotClass}>
+		<slot />
+	</div>
+	{#if closeBtn}
+		<button on:click={handleHide} type="button" class={buttonClass} aria-label="Close">
+			<span class="sr-only">Close</span>
+			<svg
+				class="w-5 h-5"
+				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
+			>
+		</button>
+	{/if}
 </div>

package/alerts/Alert.svelte.d.ts

@@ -1,23 +1,8 @@
-/** @typedef {typeof __propDef.props}  AlertProps */
-/** @typedef {typeof __propDef.events}  AlertEvents */
-/** @typedef {typeof __propDef.slots}  AlertSlots */
-export default class Alert extends SvelteComponentTyped<{
-    color?: string;
-    alertId?: string;
-    closeBtn?: boolean;
-}, {
-    [evt: string]: CustomEvent<any>;
-}, {
-    default: {};
-}> {
-}
-export type AlertProps = typeof __propDef.props;
-export type AlertEvents = typeof __propDef.events;
-export type AlertSlots = typeof __propDef.slots;
 import { SvelteComponentTyped } from "svelte";
+import type { Colors } from '../types';
 declare const __propDef: {
     props: {
-        color?: string;
+        color?: Colors;
         alertId?: string;
         closeBtn?: boolean;
     };
@@ -28,4 +13,9 @@ declare const __propDef: {
         default: {};
     };
 };
+export declare type AlertProps = typeof __propDef.props;
+export declare type AlertEvents = typeof __propDef.events;
+export declare type AlertSlots = typeof __propDef.slots;
+export default class Alert extends SvelteComponentTyped<AlertProps, AlertEvents, AlertSlots> {
+}
 export {};