@hyvor/design 1.0.3 → 1.0.6

package/dist/components/ActionList/ActionList.svelte.d.ts

@@ -1,8 +1,9 @@
-declare const ActionList: import("svelte").Component<{
+interface Props {
+    selection?: 'none' | 'single' | 'multi';
+    selectionAlign?: 'start' | 'end';
+    children?: import('svelte').Snippet;
     [key: string]: any;
-    selection?: "none" | "single" | "multi";
-    selectionAlign?: "start" | "end";
-    children?: import("svelte").Snippet;
-}, {}, "">;
+}
+declare const ActionList: import("svelte").Component<Props, {}, "">;
 type ActionList = ReturnType<typeof ActionList>;
 export default ActionList;

package/dist/components/ActionList/ActionListGroup.svelte.d.ts

@@ -1,8 +1,9 @@
-declare const ActionListGroup: import("svelte").Component<{
+interface Props {
     title?: string | undefined;
     divider?: boolean;
-    selection?: undefined | "single" | "multi";
-    children?: import("svelte").Snippet;
-}, {}, "">;
+    selection?: undefined | 'single' | 'multi';
+    children?: import('svelte').Snippet;
+}
+declare const ActionListGroup: import("svelte").Component<Props, {}, "">;
 type ActionListGroup = ReturnType<typeof ActionListGroup>;
 export default ActionListGroup;

package/dist/components/ActionList/ActionListItem.svelte.d.ts

@@ -1,3 +1,13 @@
+interface Props {
+    selected?: boolean;
+    disabled?: boolean;
+    type?: 'default' | 'danger';
+    start?: import('svelte').Snippet;
+    children?: import('svelte').Snippet;
+    description?: import('svelte').Snippet;
+    end?: import('svelte').Snippet;
+    [key: string]: any;
+}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -11,16 +21,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const ActionListItem: $$__sveltets_2_IsomorphicComponent<{
-    [key: string]: any;
-    selected?: boolean;
-    disabled?: boolean;
-    type?: "default" | "danger";
-    start?: import("svelte").Snippet;
-    children?: import("svelte").Snippet;
-    description?: import("svelte").Snippet;
-    end?: import("svelte").Snippet;
-}, {
+declare const ActionListItem: $$__sveltets_2_IsomorphicComponent<Props, {
     select: CustomEvent<any>;
 } & {
     [evt: string]: CustomEvent<any>;

package/dist/components/ActionList/Selected.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import Checkbox from '../Checkbox/Checkbox.svelte';
-	import { IconCheck } from '@hyvor/icons';
+	import IconCheck from '@hyvor/icons/IconCheck';
 
 	interface Props {
 		selection: 'none' | 'single' | 'multi';

package/dist/components/ActionList/Selected.svelte.d.ts

@@ -1,6 +1,7 @@
-declare const Selected: import("svelte").Component<{
-    selection: "none" | "single" | "multi";
+interface Props {
+    selection: 'none' | 'single' | 'multi';
     selected: boolean;
-}, {}, "selected">;
+}
+declare const Selected: import("svelte").Component<Props, {}, "selected">;
 type Selected = ReturnType<typeof Selected>;
 export default Selected;

package/dist/components/Avatar/Avatar.svelte.d.ts

@@ -1,7 +1,8 @@
-declare const Avatar: import("svelte").Component<{
-    [key: string]: any;
-    size?: number | "small" | "medium" | "large";
+interface Props {
+    size?: number | 'small' | 'medium' | 'large';
     alt?: string;
-}, {}, "size">;
+    [key: string]: any;
+}
+declare const Avatar: import("svelte").Component<Props, {}, "size">;
 type Avatar = ReturnType<typeof Avatar>;
 export default Avatar;

package/dist/components/Avatar/AvatarStack.svelte.d.ts

@@ -1,6 +1,7 @@
-declare const AvatarStack: import("svelte").Component<{
-    size?: number | "small" | "medium" | "large";
-    children?: import("svelte").Snippet;
-}, {}, "size">;
+interface Props {
+    size?: number | 'small' | 'medium' | 'large';
+    children?: import('svelte').Snippet;
+}
+declare const AvatarStack: import("svelte").Component<Props, {}, "size">;
 type AvatarStack = ReturnType<typeof AvatarStack>;
 export default AvatarStack;

package/dist/components/Base/Base.svelte.d.ts

@@ -1,7 +1,8 @@
 import '../../index.js';
-declare const Base: import("svelte").Component<{
+interface Props {
     dark?: boolean;
-    children?: import("svelte").Snippet;
-}, {}, "">;
+    children?: import('svelte').Snippet;
+}
+declare const Base: import("svelte").Component<Props, {}, "">;
 type Base = ReturnType<typeof Base>;
 export default Base;

package/dist/components/Box/Box.svelte.d.ts

@@ -1,7 +1,8 @@
-declare const Box: import("svelte").Component<{
-    [key: string]: any;
+interface Props {
     as?: string;
-    children?: import("svelte").Snippet;
-}, {}, "">;
+    children?: import('svelte').Snippet;
+    [key: string]: any;
+}
+declare const Box: import("svelte").Component<Props, {}, "">;
 type Box = ReturnType<typeof Box>;
 export default Box;

package/dist/components/Button/Button.svelte.d.ts

@@ -1,16 +1,17 @@
-declare const Button: import("svelte").Component<{
-    [key: string]: any;
-    as?: "button" | "a";
-    size?: "x-small" | "small" | "medium" | "large";
-    color?: "accent" | "gray" | "green" | "red" | "blue" | "orange" | "input";
+interface Props {
+    as?: 'button' | 'a';
+    size?: 'x-small' | 'small' | 'medium' | 'large';
+    color?: 'accent' | 'gray' | 'green' | 'red' | 'blue' | 'orange' | 'input';
     block?: boolean;
-    variant?: "fill" | "fill-light" | "outline" | "invisible" | "outline-fill";
-    align?: "start" | "center";
+    variant?: 'fill' | 'fill-light' | 'outline' | 'invisible' | 'outline-fill';
+    align?: 'start' | 'center';
     button?: any;
-    start?: import("svelte").Snippet;
-    children?: import("svelte").Snippet;
-    end?: import("svelte").Snippet;
-    action?: import("svelte").Snippet;
-}, {}, "button">;
+    start?: import('svelte').Snippet;
+    children?: import('svelte').Snippet;
+    end?: import('svelte').Snippet;
+    action?: import('svelte').Snippet;
+    [key: string]: any;
+}
+declare const Button: import("svelte").Component<Props, {}, "button">;
 type Button = ReturnType<typeof Button>;
 export default Button;

package/dist/components/Button/ButtonGroup.svelte.d.ts

@@ -1,5 +1,6 @@
-declare const ButtonGroup: import("svelte").Component<{
-    children?: import("svelte").Snippet;
-}, {}, "">;
+interface Props {
+    children?: import('svelte').Snippet;
+}
+declare const ButtonGroup: import("svelte").Component<Props, {}, "">;
 type ButtonGroup = ReturnType<typeof ButtonGroup>;
 export default ButtonGroup;

package/dist/components/Callout/Callout.svelte.d.ts

@@ -1,11 +1,12 @@
 import type { Snippet } from 'svelte';
-declare const Callout: import("svelte").Component<{
-    [key: string]: any;
-    type?: "info" | "success" | "warning" | "danger" | "soft";
+type $$ComponentProps = {
+    type?: 'info' | 'success' | 'warning' | 'danger' | 'soft';
     title?: string | Snippet;
     icon?: Snippet;
     text?: string | Snippet;
     children?: Snippet;
-}, {}, "">;
+    [key: string]: any;
+};
+declare const Callout: import("svelte").Component<$$ComponentProps, {}, "">;
 type Callout = ReturnType<typeof Callout>;
 export default Callout;

package/dist/components/CodeBlock/CodeBlock.svelte.d.ts

@@ -1,7 +1,9 @@
 import './hljs.scss';
-declare const CodeBlock: import("svelte").Component<{
+type InputLanguage = 'html' | 'css' | 'js' | 'ts' | 'yaml' | 'json' | 'svelte' | 'jsx' | 'php';
+interface Props {
     code: string;
-    language?: "css" | "ts" | "yaml" | "json" | "php" | "html" | "js" | "svelte" | "jsx";
-}, {}, "">;
+    language?: InputLanguage;
+}
+declare const CodeBlock: import("svelte").Component<Props, {}, "">;
 type CodeBlock = ReturnType<typeof CodeBlock>;
 export default CodeBlock;

package/dist/components/ColorPicker/ColorPicker.svelte.d.ts

@@ -1,4 +1,10 @@
 import ColorPicker from 'svelte-awesome-color-picker';
+interface Props {
+    color?: string;
+    size?: number;
+    show?: boolean;
+    'aria-label'?: string;
+}
 interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> = any, Events extends Record<string, any> = any, Slots extends Record<string, any> = any, Exports = {}, Bindings = string> {
     new (options: import('svelte').ComponentConstructorOptions<Props>): import('svelte').SvelteComponent<Props, Events, Slots> & {
         $$bindings?: Bindings;
@@ -12,12 +18,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const ColorPicker: $$__sveltets_2_IsomorphicComponent<{
-    color?: string;
-    size?: number;
-    show?: boolean;
-    'aria-label'?: string;
-}, {
+declare const ColorPicker: $$__sveltets_2_IsomorphicComponent<Props, {
     input: CustomEvent<string>;
     change: CustomEvent<string>;
 } & {

package/dist/components/Dark/DarkToggle.svelte

@@ -1,5 +1,6 @@
 <script lang="ts">
-	import { IconMoonStarsFill, IconSunFill } from '@hyvor/icons';
+	import IconMoonStarsFill from '@hyvor/icons/IconMoonStarsFill';
+	import IconSunFill from '@hyvor/icons/IconSunFill';
 	import IconButton from '../IconButton/IconButton.svelte';
 	import { dark } from './../../stores/dark.js';
 

package/dist/components/Divider/Divider.svelte.d.ts

@@ -1,9 +1,10 @@
-declare const Divider: import("svelte").Component<{
+interface Props {
     color?: string;
     height?: number;
     width?: number;
     margin?: number;
-    align?: "start" | "center" | "end";
-}, {}, "">;
+    align?: 'start' | 'center' | 'end';
+}
+declare const Divider: import("svelte").Component<Props, {}, "">;
 type Divider = ReturnType<typeof Divider>;
 export default Divider;

package/dist/components/Dropdown/Dropdown.svelte.d.ts

@@ -1,13 +1,14 @@
 import type { Snippet } from 'svelte';
-declare const Dropdown: import("svelte").Component<{
+interface Props {
     show?: boolean;
     width?: number;
     relative?: boolean;
     closeOnOutsideClick?: boolean;
-    align?: "start" | "center" | "end";
-    position?: "left" | "right" | "bottom" | "top";
+    align?: 'start' | 'center' | 'end';
+    position?: 'left' | 'right' | 'bottom' | 'top';
     trigger?: Snippet;
     content?: Snippet;
-}, {}, "show">;
+}
+declare const Dropdown: import("svelte").Component<Props, {}, "show">;
 type Dropdown = ReturnType<typeof Dropdown>;
 export default Dropdown;

package/dist/components/FormControl/Caption.svelte.d.ts

@@ -1,7 +1,8 @@
-declare const Caption: import("svelte").Component<{
-    [key: string]: any;
+interface Props {
     bold?: boolean;
-    children?: import("svelte").Snippet;
-}, {}, "">;
+    children?: import('svelte').Snippet;
+    [key: string]: any;
+}
+declare const Caption: import("svelte").Component<Props, {}, "">;
 type Caption = ReturnType<typeof Caption>;
 export default Caption;

package/dist/components/FormControl/FormControl.svelte.d.ts

@@ -1,6 +1,7 @@
-declare const FormControl: import("svelte").Component<{
+interface Props {
+    children?: import('svelte').Snippet;
     [key: string]: any;
-    children?: import("svelte").Snippet;
-}, {}, "">;
+}
+declare const FormControl: import("svelte").Component<Props, {}, "">;
 type FormControl = ReturnType<typeof FormControl>;
 export default FormControl;

package/dist/components/FormControl/InputGroup.svelte.d.ts

@@ -1,7 +1,8 @@
-declare const InputGroup: import("svelte").Component<{
+interface Props {
+    gap?: number | 'small' | 'medium' | 'large';
+    children?: import('svelte').Snippet;
     [key: string]: any;
-    gap?: number | "small" | "medium" | "large";
-    children?: import("svelte").Snippet;
-}, {}, "gap">;
+}
+declare const InputGroup: import("svelte").Component<Props, {}, "gap">;
 type InputGroup = ReturnType<typeof InputGroup>;
 export default InputGroup;

package/dist/components/FormControl/Label.svelte.d.ts

@@ -1,6 +1,7 @@
-declare const Label: import("svelte").Component<{
+interface Props {
+    children?: import('svelte').Snippet;
     [key: string]: any;
-    children?: import("svelte").Snippet;
-}, {}, "">;
+}
+declare const Label: import("svelte").Component<Props, {}, "">;
 type Label = ReturnType<typeof Label>;
 export default Label;

package/dist/components/FormControl/Validation.svelte

@@ -1,9 +1,7 @@
 <script lang="ts">
-	import {
-		IconCheckCircleFill,
-		IconExclamationTriangleFill,
-		IconInfoCircleFill
-	} from '@hyvor/icons';
+	import IconCheckCircleFill from '@hyvor/icons/IconCheckCircleFill';
+	import IconExclamationTriangleFill from '@hyvor/icons/IconExclamationTriangleFill';
+	import IconInfoCircleFill from '@hyvor/icons/IconInfoCircleFill';
 	import type { AriaRole } from 'svelte/elements';
 
 	interface Props {

package/dist/components/FormControl/Validation.svelte.d.ts

@@ -1,9 +1,10 @@
 import type { AriaRole } from 'svelte/elements';
-declare const Validation: import("svelte").Component<{
-    [key: string]: any;
-    state?: "error" | "warning" | "success";
+interface Props {
+    state?: 'error' | 'warning' | 'success';
     role?: AriaRole | undefined;
-    children?: import("svelte").Snippet;
-}, {}, "">;
+    children?: import('svelte').Snippet;
+    [key: string]: any;
+}
+declare const Validation: import("svelte").Component<Props, {}, "">;
 type Validation = ReturnType<typeof Validation>;
 export default Validation;

package/dist/components/HyvorBar/BarProducts.svelte

@@ -24,11 +24,11 @@
 
 <script lang="ts">
 	import LogoBlogs from '../../marketing/Logo/LogoBlogs.svelte';
-	import LogoCore from '../../marketing/Logo/LogoCore.svelte';
 	import LogoFortguard from '../../marketing/Logo/LogoFortguard.svelte';
 	import LogoTalk from '../../marketing/Logo/LogoTalk.svelte';
 	import { ActionList, ActionListItem, Button, Dropdown } from '../index.js';
-	import { IconCaretDownFill, IconBoxArrowUpRight } from '@hyvor/icons';
+	import IconCaretDownFill from '@hyvor/icons/IconCaretDownFill';
+	import IconBoxArrowUpRight from '@hyvor/icons/IconBoxArrowUpRight';
 
 	interface Props {
 		mobile?: boolean;

package/dist/components/HyvorBar/BarSupport.svelte

@@ -1,16 +1,15 @@
 <script lang="ts">
 	import { ActionList, ActionListItem, Button, Dropdown } from '../index.js';
-	import {
-		IconCaretDownFill,
-		IconBoxArrowUpRight,
-		IconChat,
-		IconDiscord,
-		IconInfoCircle,
-		IconFileEarmark,
-		IconChatDots,
-		IconTwitterX,
-		IconLinkedin
-	} from '@hyvor/icons';
+	import IconCaretDownFill from '@hyvor/icons/IconCaretDownFill';
+	import IconBoxArrowUpRight from '@hyvor/icons/IconBoxArrowUpRight';
+	import IconChat from '@hyvor/icons/IconChat';
+	import IconDiscord from '@hyvor/icons/IconDiscord';
+	import IconInfoCircle from '@hyvor/icons/IconInfoCircle';
+	import IconFileEarmark from '@hyvor/icons/IconFileEarmark';
+	import IconChatDots from '@hyvor/icons/IconChatDots';
+	import IconTwitterX from '@hyvor/icons/IconTwitterX';
+	import IconLinkedin from '@hyvor/icons/IconLinkedin';
+
 	import ActionListGroup from '../ActionList/ActionListGroup.svelte';
 	import { PRODUCTS } from './BarProducts.svelte';
 	import type { BarConfig, BarProduct } from './bar.js';

package/dist/components/HyvorBar/BarSupport.svelte.d.ts

@@ -1,8 +1,9 @@
 import type { BarConfig, BarProduct } from './bar.js';
-declare const BarSupport: import("svelte").Component<{
+interface Props {
     mobile?: boolean;
     product: BarProduct;
     config: BarConfig;
-}, {}, "">;
+}
+declare const BarSupport: import("svelte").Component<Props, {}, "">;
 type BarSupport = ReturnType<typeof BarSupport>;
 export default BarSupport;

package/dist/components/HyvorBar/BarUpdates.svelte

@@ -1,6 +1,6 @@
 <script lang="ts">
 	import { IconButton, Dropdown } from '../index.js';
-	import { IconMegaphone } from '@hyvor/icons';
+	import IconMegaphone from '@hyvor/icons/IconMegaphone';
 	import BarUpdatesList from './BarUpdatesList.svelte';
 	import { type BarProduct, barUnreadUpdates } from './bar.js';
 

package/dist/components/HyvorBar/BarUpdates.svelte.d.ts

@@ -1,7 +1,8 @@
 import { type BarProduct } from './bar.js';
-declare const BarUpdates: import("svelte").Component<{
+interface Props {
     instance: string;
     product: BarProduct;
-}, {}, "">;
+}
+declare const BarUpdates: import("svelte").Component<Props, {}, "">;
 type BarUpdates = ReturnType<typeof BarUpdates>;
 export default BarUpdates;

package/dist/components/HyvorBar/BarUpdatesList.svelte

@@ -9,7 +9,7 @@
 		type BarProduct,
 		type BarUpdate
 	} from './bar.js';
-	import { IconBoxArrowUpRight } from '@hyvor/icons';
+	import IconBoxArrowUpRight from '@hyvor/icons/IconBoxArrowUpRight';
 	import Button from '../Button/Button.svelte';
 	import Tag from '../Tag/Tag.svelte';
 	import IconMessage from '../IconMessage/IconMessage.svelte';

package/dist/components/HyvorBar/BarUpdatesList.svelte.d.ts

@@ -1,7 +1,8 @@
 import { type BarProduct } from './bar.js';
-declare const BarUpdatesList: import("svelte").Component<{
+interface Props {
     instance: string;
     product: BarProduct;
-}, {}, "">;
+}
+declare const BarUpdatesList: import("svelte").Component<Props, {}, "">;
 type BarUpdatesList = ReturnType<typeof BarUpdatesList>;
 export default BarUpdatesList;

package/dist/components/HyvorBar/BarUser.svelte

@@ -2,7 +2,7 @@
 	import ActionList from '../ActionList/ActionList.svelte';
 	import ActionListItem from '../ActionList/ActionListItem.svelte';
 	import Dropdown from '../Dropdown/Dropdown.svelte';
-	import { IconBoxArrowUpRight } from '@hyvor/icons';
+	import IconBoxArrowUpRight from '@hyvor/icons/IconBoxArrowUpRight';
 	import { barUser } from './bar.js';
 	import BarUserPreview from './BarUserPreview.svelte';
 

package/dist/components/HyvorBar/BarUser.svelte.d.ts

@@ -1,5 +1,6 @@
-declare const BarUser: import("svelte").Component<{
+interface Props {
     instance: string;
-}, {}, "">;
+}
+declare const BarUser: import("svelte").Component<Props, {}, "">;
 type BarUser = ReturnType<typeof BarUser>;
 export default BarUser;

package/dist/components/HyvorBar/HyvorBar.svelte

@@ -5,7 +5,7 @@
 	import BarSupport from './BarSupport.svelte';
 	import { loadBarUser, type BarConfig, type BarProduct } from './bar.js';
 	import BarUpdates from './BarUpdates.svelte';
-	import { IconCaretDownFill } from '@hyvor/icons';
+	import IconCaretDownFill from '@hyvor/icons/IconCaretDownFill';
 	import LogoTalk from '../../marketing/Logo/LogoTalk.svelte';
 	import LogoBlogs from '../../marketing/Logo/LogoBlogs.svelte';
 	import LogoCore from '../../marketing/Logo/LogoCore.svelte';

package/dist/components/IconButton/IconButton.svelte.d.ts

@@ -1,10 +1,11 @@
-declare const IconButton: import("svelte").Component<{
+interface Props {
+    size?: 'small' | 'medium' | 'large' | number;
+    color?: 'accent' | 'gray' | 'input' | 'green' | 'red' | 'blue' | 'orange';
+    variant?: 'fill' | 'fill-light' | 'outline' | 'outline-fill' | 'invisible';
+    as?: 'button' | 'a';
+    children?: import('svelte').Snippet;
     [key: string]: any;
-    size?: "small" | "medium" | "large" | number;
-    color?: "accent" | "gray" | "input" | "green" | "red" | "blue" | "orange";
-    variant?: "fill" | "fill-light" | "outline" | "outline-fill" | "invisible";
-    as?: "button" | "a";
-    children?: import("svelte").Snippet;
-}, {}, "size">;
+}
+declare const IconButton: import("svelte").Component<Props, {}, "size">;
 type IconButton = ReturnType<typeof IconButton>;
 export default IconButton;

package/dist/components/IconMessage/IconMessage.svelte

@@ -1,6 +1,7 @@
 <script lang="ts">
 	import { type Component, type Snippet } from 'svelte';
-	import { IconBug, IconInbox } from '@hyvor/icons';
+	import IconBug from '@hyvor/icons/IconBug';
+	import IconInbox from '@hyvor/icons/IconInbox';
 	import Button from '../Button/Button.svelte';
 
 	interface Props {

package/dist/components/Internationalization/InternationalizationProvider.svelte.d.ts

@@ -1,7 +1,8 @@
 import { type Language } from './i18n.js';
-declare const InternationalizationProvider: import("svelte").Component<{
+interface Props {
     languages: Language[];
-    children?: import("svelte").Snippet;
-}, {}, "">;
+    children?: import('svelte').Snippet;
+}
+declare const InternationalizationProvider: import("svelte").Component<Props, {}, "">;
 type InternationalizationProvider = ReturnType<typeof InternationalizationProvider>;
 export default InternationalizationProvider;

package/dist/components/Internationalization/LanguageToggle.svelte

@@ -6,7 +6,7 @@
 	import ActionList from '../ActionList/ActionList.svelte';
 	import ActionListItem from '../ActionList/ActionListItem.svelte';
 	import Text from '../Text/Text.svelte';
-	import { IconCaretDown } from '@hyvor/icons';
+	import IconCaretDown from '@hyvor/icons/IconCaretDown';
 	import IconButton from '../IconButton/IconButton.svelte';
 
 	interface Props {

package/dist/components/Internationalization/LanguageToggle.svelte.d.ts

@@ -1,11 +1,12 @@
 import { type Component, type ComponentProps } from 'svelte';
 import Dropdown from '../Dropdown/Dropdown.svelte';
-declare const LanguageToggle: Component<{
-    position?: ComponentProps<typeof Dropdown>["position"];
-    align?: ComponentProps<typeof Dropdown>["align"];
+interface Props {
+    position?: ComponentProps<typeof Dropdown>['position'];
+    align?: ComponentProps<typeof Dropdown>['align'];
     caret?: Component;
     icon?: boolean;
-    size?: "medium" | "small";
-}, {}, "">;
+    size?: 'medium' | 'small';
+}
+declare const LanguageToggle: Component<Props, {}, "">;
 type LanguageToggle = ReturnType<typeof LanguageToggle>;
 export default LanguageToggle;

package/dist/components/Link/Link.svelte.d.ts

@@ -1,11 +1,12 @@
-declare const Link: import("svelte").Component<{
-    [key: string]: any;
+interface Props {
     href: string;
-    color?: "link" | "accent" | "text";
+    color?: 'link' | 'accent' | 'text';
     underline?: boolean;
-    start?: import("svelte").Snippet;
-    children?: import("svelte").Snippet;
-    end?: import("svelte").Snippet;
-}, {}, "">;
+    start?: import('svelte').Snippet;
+    children?: import('svelte').Snippet;
+    end?: import('svelte').Snippet;
+    [key: string]: any;
+}
+declare const Link: import("svelte").Component<Props, {}, "">;
 type Link = ReturnType<typeof Link>;
 export default Link;

package/dist/components/Loader/Loader.svelte

@@ -1,7 +1,8 @@
 <script lang="ts">
 	import { run } from 'svelte/legacy';
 
-	import { IconCheckCircleFill, IconXCircleFill } from '@hyvor/icons';
+	import IconCheckCircleFill from '@hyvor/icons/IconCheckCircleFill';
+	import IconXCircleFill from '@hyvor/icons/IconXCircleFill';
 
 	interface Props {
 		block?: boolean;