chore: added types export

fix: changed all type imports to export file
N00nDay · Oct 7, 2022 · c03a043 · c03a043
1 parent 99f7fc5
commit c03a043
Show file tree

Hide file tree

Showing 37 changed files with 88 additions and 82 deletions.
diff --git a/src/lib/components/autocomplete/Autocomplete.svelte b/src/lib/components/autocomplete/Autocomplete.svelte
@@ -3,12 +3,12 @@
 </script>
 
 <script lang="ts">
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	import { slide, scale } from 'svelte/transition';
 	import { clickOutside } from '../../actions';
 	import { onMount, setContext } from 'svelte';
 
-	export let leading: MaterialIcons | undefined = undefined;
+	export let leading: MaterialIcon | undefined = undefined;
 	export let name: string;
 	export let label: string | undefined = undefined;
 	export let srOnly = false;

diff --git a/src/lib/components/avatar-group/Icon.svelte b/src/lib/components/avatar-group/Icon.svelte
@@ -5,9 +5,9 @@
 	import { AVATAR_GROUP_AVATAR_PLACEHOLDER_CONTEXT_ID } from './Placeholder.svelte';
 	import { getContext } from 'svelte/internal';
 	import { useContext } from '../../utils/useContext';
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 
-	export let icon: MaterialIcons = 'person';
+	export let icon: MaterialIcon = 'person';
 
 	useContext({
 		context_id: AVATAR_GROUP_CONTEXT_ID,

diff --git a/src/lib/components/avatar/Icon.svelte b/src/lib/components/avatar/Icon.svelte
@@ -4,9 +4,9 @@
 	import { AVATAR_PLACEHOLDER_CONTEXT_ID } from './Placeholder.svelte';
 	import { getContext } from 'svelte/internal';
 	import { useContext } from '../../utils/useContext';
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 
-	export let icon: MaterialIcons = 'person';
+	export let icon: MaterialIcon = 'person';
 
 	useContext({
 		context_id: AVATAR_CONTEXT_ID,

diff --git a/src/lib/components/breadcrumbs/Icon.svelte b/src/lib/components/breadcrumbs/Icon.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	import { twMerge } from 'tailwind-merge';
 	import { BREADCRUMBS_CONTEXT_ID } from './Breadcrumbs.svelte';
 	import { BREADCRUMBS_CRUMB_CONTEXT_ID } from './Crumb.svelte';
 	import { useContext } from '../../utils/useContext';
 
-	export let icon: MaterialIcons;
+	export let icon: MaterialIcon;
 
 	useContext({
 		context_id: BREADCRUMBS_CONTEXT_ID,

diff --git a/src/lib/components/button-group/Icon.svelte b/src/lib/components/button-group/Icon.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
 	import { scale } from 'svelte/transition';
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	import { twMerge } from 'tailwind-merge';
 	import { BUTTON_GROUP_CONTEXT_ID } from './ButtonGroup.svelte';
 	import { useContext } from '../../utils/useContext';
 	import { BUTTON_GROUP_BUTTON_CONTEXT_ID } from './Button.svelte';
 
-	export let icon: MaterialIcons;
+	export let icon: MaterialIcon;
 
 	useContext({
 		context_id: BUTTON_GROUP_CONTEXT_ID,

diff --git a/src/lib/components/button/Icon.svelte b/src/lib/components/button/Icon.svelte
@@ -1,12 +1,12 @@
 <script lang="ts">
 	import { scale } from 'svelte/transition';
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	import { twMerge } from 'tailwind-merge';
 	import { BUTTON_CONTEXT_ID } from './Button.svelte';
 	import { useContext } from '../../utils/useContext';
 	import { getContext } from 'svelte';
 
-	export let icon: MaterialIcons;
+	export let icon: MaterialIcon;
 
 	useContext({
 		context_id: BUTTON_CONTEXT_ID,

diff --git a/src/lib/components/card/Action.svelte b/src/lib/components/card/Action.svelte
@@ -3,7 +3,7 @@
 	import { CARD_CONTEXT_ID } from './Card.svelte';
 	import { CARD_ACTIONS_CONTEXT_ID } from './Actions.svelte';
 	import { useContext } from '../../utils/useContext';
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	import HoverBackground from '../HoverBackground.svelte';
 
 	import { current_component } from 'svelte/internal';
@@ -12,7 +12,7 @@
 	export let use: ActionArray = [];
 	const forwardEvents = forwardEventsBuilder(current_component);
 
-	export let icon: MaterialIcons;
+	export let icon: MaterialIcon;
 	export let label: string | undefined = undefined;
 
 	useContext({

diff --git a/src/lib/components/carousel/Carousel.svelte b/src/lib/components/carousel/Carousel.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
-	import type { Slide } from '../../types/carousel-slide';
+	import type { CarouselSlide } from '../../types';
 
-	export let slides: Slide[] = [];
+	export let slides: CarouselSlide[] = [];
 	export let activeSlide = 0;
 	export let rotation = 0;
 

diff --git a/src/lib/components/currency/Currency.svelte b/src/lib/components/currency/Currency.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	import { slide, scale } from 'svelte/transition';
 
-	export let trailing: MaterialIcons | undefined = undefined;
+	export let trailing: MaterialIcon | undefined = undefined;
 	export let name: string;
 	export let label: string | undefined = undefined;
 	export let srOnly = false;

diff --git a/src/lib/components/datepicker/DateInput.svelte b/src/lib/components/datepicker/DateInput.svelte
@@ -6,7 +6,7 @@
 	import dayjs, { Dayjs } from 'dayjs';
 	import Input from '../input';
 	import Dropdown from '../dropdown';
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 
 	const innerStore = writable(null as Dayjs | null);
 	const store = (() => {
@@ -25,7 +25,7 @@
 		};
 	})();
 
-	export let trailing: MaterialIcons | undefined = 'calendar_month';
+	export let trailing: MaterialIcon | undefined = 'calendar_month';
 	export let name: string;
 	export let label: string | undefined = undefined;
 	export let srOnly = false;

diff --git a/src/lib/components/divider/Icon.svelte b/src/lib/components/divider/Icon.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type MaterialIcons from '$lib/types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	import { twMerge } from 'tailwind-merge';
 
-	export let icon: MaterialIcons;
+	export let icon: MaterialIcon;
 
 	const defaultClass =
 		'material-icons px-2 bg-light-surface dark:bg-dark-surface text-light-content dark:text-dark-content';

diff --git a/src/lib/components/empty/Icon.svelte b/src/lib/components/empty/Icon.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	import { twMerge } from 'tailwind-merge';
 
-	export let icon: MaterialIcons;
+	export let icon: MaterialIcon;
 
 	const defaultClass = 'material-icons text-light-icon dark:text-dark-icon mx-auto text-5xl';
 	const finalClass = twMerge(defaultClass, $$props.class);

diff --git a/src/lib/components/feed/Icon.svelte b/src/lib/components/feed/Icon.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	import { twMerge } from 'tailwind-merge';
 
-	export let icon: MaterialIcons;
+	export let icon: MaterialIcon;
 
 	const defaultClass = 'material-icons text-xl text-white bg-primary';
 	const finalClass = twMerge(defaultClass, $$props.class);

diff --git a/src/lib/components/icon/Icon.svelte b/src/lib/components/icon/Icon.svelte
@@ -6,9 +6,9 @@
 	export let use: ActionArray = [];
 	const forwardEvents = forwardEventsBuilder(current_component);
 
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 
-	export let icon: MaterialIcons;
+	export let icon: MaterialIcon;
 
 	const defaultClass = 'material-icons';
 	const finalClass = twMerge(defaultClass, $$props.class);

diff --git a/src/lib/components/input/Input.svelte b/src/lib/components/input/Input.svelte
@@ -5,12 +5,12 @@
 	export let use: ActionArray = [];
 	const forwardEvents = forwardEventsBuilder(current_component);
 
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	import { slide, scale } from 'svelte/transition';
 	import Swap from '../swap';
 
-	export let leading: MaterialIcons | undefined = undefined;
-	export let trailing: MaterialIcons | undefined = undefined;
+	export let leading: MaterialIcon | undefined = undefined;
+	export let trailing: MaterialIcon | undefined = undefined;
 	export let name: string;
 	export let type: 'text' | 'email' | 'password' = 'text';
 	export let label: string | undefined = undefined;

diff --git a/src/lib/components/layout/BottomNavigationItem.svelte b/src/lib/components/layout/BottomNavigationItem.svelte
@@ -1,8 +1,8 @@
 <script lang="ts" context="module">
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	export interface IBottomNavigationItem {
 		onClick: () => void;
-		icon: MaterialIcons;
+		icon: MaterialIcon;
 		label: string;
 	}
 </script>

diff --git a/src/lib/components/lightbox/Control.svelte b/src/lib/components/lightbox/Control.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	import { twMerge } from 'tailwind-merge';
 
-	export let icon: MaterialIcons;
+	export let icon: MaterialIcon;
 
 	const defaultClass =
 		'relative cursor-pointer flex items-center justify-center h-12 w-12 bg-white bg-opacity-10 rounded-full transition-reveal scale-90 hover:scale-100 hover:bg-opacity-20 hover:active:scale-95 pointer-events-auto text-light-surface';

diff --git a/src/lib/components/lightbox/LightBox.svelte b/src/lib/components/lightbox/LightBox.svelte
@@ -2,19 +2,18 @@
 	import { crossfade } from '../../utils/crossfade';
 	import { fade, fly, scale } from 'svelte/transition';
 
-	import type { Slide } from '../../types/carousel-slide';
-	import type { Action } from '../../types/lightbox-action';
+	import type { CarouselSlide, LightboxAction } from '../../types';
 	import Control from './Control.svelte';
 	import Portal from '../portal/Portal.svelte';
 
-	export let slides: Slide[] = [];
+	export let slides: CarouselSlide[] = [];
 	export let activeSlide = 0;
 	export let handleClose: () => void;
 	export let showClose = true;
 	export let allowRotation = true;
 	export let allowPrint = true;
 	export let allowDownload = true;
-	export let actions: Action[] = [];
+	export let actions: LightboxAction[] = [];
 
 	const [send, receive] = crossfade;
 	let rotation = 0;

diff --git a/src/lib/components/list/Icon.svelte b/src/lib/components/list/Icon.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	import { twMerge } from 'tailwind-merge';
 
-	export let icon: MaterialIcons;
+	export let icon: MaterialIcon;
 
 	const defaultClass = 'material-icons text-2xl text-white bg-primary';
 	const finalClass = twMerge(defaultClass, $$props.class);

diff --git a/src/lib/components/menu/Icon.svelte b/src/lib/components/menu/Icon.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	import { twMerge } from 'tailwind-merge';
 
-	export let icon: MaterialIcons;
+	export let icon: MaterialIcon;
 
 	const defaultClass = 'material-icons h-6 w-6 min-h-6 min-w-6 mr-3';
 	const finalClass = twMerge(defaultClass, $$props.class);

diff --git a/src/lib/components/post/Action.svelte b/src/lib/components/post/Action.svelte
@@ -3,7 +3,7 @@
 	import { POST_CONTEXT_ID } from './Post.svelte';
 	import { POST_ACTIONS_CONTEXT_ID } from './Actions.svelte';
 	import { useContext } from '../../utils/useContext';
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	import HoverBackground from '../HoverBackground.svelte';
 
 	import { current_component } from 'svelte/internal';
@@ -12,7 +12,7 @@
 	export let use: ActionArray = [];
 	const forwardEvents = forwardEventsBuilder(current_component);
 
-	export let icon: MaterialIcons;
+	export let icon: MaterialIcon;
 	export let label: string | undefined = undefined;
 
 	useContext({

diff --git a/src/lib/components/post/Images.svelte b/src/lib/components/post/Images.svelte
@@ -3,8 +3,7 @@
 	import { twMerge } from 'tailwind-merge';
 	import { useContext } from '../../utils/useContext';
 	import { POST_CONTEXT_ID } from './Post.svelte';
-	import type { Slide } from '../../types/carousel-slide';
-	import type { Action } from '../../types/lightbox-action';
+	import type { CarouselSlide, LightboxAction } from '../../types';
 
 	import { current_component } from 'svelte/internal';
 	import { forwardEventsBuilder, useActions, type ActionArray } from '../../actions';
@@ -14,12 +13,12 @@
 	export let use: ActionArray = [];
 	const forwardEvents = forwardEventsBuilder(current_component);
 
-	export let images: Slide[] = [];
+	export let images: CarouselSlide[] = [];
 	export let handleClick: ((index: number) => void) | undefined = undefined;
 	export let includeLightBox = true;
 	export let activeSlide = 0;
 	export let showClose = true;
-	export let lightboxActions: Action[] = [];
+	export let lightboxActions: LightboxAction[] = [];
 
 	let lightBoxOpen = false;
 	let lightBox1Open = false;

diff --git a/src/lib/components/select/Select.svelte b/src/lib/components/select/Select.svelte
@@ -1,11 +1,11 @@
 <script lang="ts">
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	import { slide, scale } from 'svelte/transition';
 	import { clickOutside } from '../../actions';
 	import HoverBackground from '../HoverBackground.svelte';
 	import { onMount } from 'svelte';
 
-	export let leading: MaterialIcons | undefined = undefined;
+	export let leading: MaterialIcon | undefined = undefined;
 	export let name: string;
 	export let label: string | undefined = undefined;
 	export let srOnly = false;

diff --git a/src/lib/components/statistic/Icon.svelte b/src/lib/components/statistic/Icon.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	import { twMerge } from 'tailwind-merge';
 
-	export let icon: MaterialIcons;
+	export let icon: MaterialIcon;
 
 	const defaultClass = 'material-icons text-5xl text-light-content dark:text-dark-content';
 	const finalClass = twMerge(defaultClass, $$props.class);

diff --git a/src/lib/components/tabs/Icon.svelte b/src/lib/components/tabs/Icon.svelte
@@ -4,10 +4,10 @@
 	import { useContext } from '../../utils/useContext';
 	import { getContext } from 'svelte';
 	import type { Writable } from 'svelte/store';
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	import { twMerge } from 'tailwind-merge';
 
-	export let icon: MaterialIcons;
+	export let icon: MaterialIcon;
 
 	useContext({
 		context_id: TABS_CONTEXT_ID,

diff --git a/src/lib/components/timeline/Item.svelte b/src/lib/components/timeline/Item.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import type MaterialIcons from '../../types/material-icons';
+	import type { MaterialIcon } from '../../types';
 	import Avatar from '../avatar';
 	import { formatDate } from '../../utils/formatDate';
 
@@ -8,7 +8,7 @@
 	export let creator: string;
 	export let created: Date;
 	export let description: string;
-	export let icon: MaterialIcons | undefined = undefined;
+	export let icon: MaterialIcon | undefined = undefined;
 </script>
 
 {#if type === 'comment'}

diff --git a/src/lib/types/index.ts b/src/lib/types/index.ts
@@ -0,0 +1,8 @@
+import type { Slide as CarouselSlide } from './carousel-slide';
+import type { Action as LightboxAction } from './lightbox-action';
+import type MaterialIcon from './material-icons';
+import type { TableColumn } from './table-column';
+import type { TimelineItem } from './timeline-item';
+import type TwSizes from './twSizes';
+
+export { CarouselSlide, LightboxAction, MaterialIcon, TableColumn, TimelineItem, TwSizes };
diff --git a/src/lib/types/lightbox-action.ts b/src/lib/types/lightbox-action.ts
@@ -1,6 +1,6 @@
-import type MaterialIcons from './material-icons';
+import type { MaterialIcon } from './';
 
 export interface Action {
-	icon: MaterialIcons;
+	icon: MaterialIcon;
 	action: () => void;
 }
diff --git a/src/lib/types/material-icons.ts b/src/lib/types/material-icons.ts
@@ -1,4 +1,4 @@
-type MaterialIcons =
+type MaterialIcon =
 	| '123'
 	| '360'
 	| '10k'
@@ -2273,4 +2273,4 @@ type MaterialIcons =
 	| 'zoom_out'
 	| 'zoom_out_map';
 
-export default MaterialIcons;
+export default MaterialIcon;