@hyvor/design 1.0.3 → 1.0.5

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.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/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.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/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.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.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.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/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/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.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.d.ts

@@ -1,15 +1,16 @@
-declare const Loader: import("svelte").Component<{
-    [key: string]: any;
+interface Props {
     block?: boolean;
     full?: boolean;
-    padding?: "none" | "small" | "medium" | "large" | number;
-    size?: "small" | "medium" | "large" | number;
-    state?: "loading" | "success" | "error" | "none";
+    padding?: 'none' | 'small' | 'medium' | 'large' | number;
+    size?: 'small' | 'medium' | 'large' | number;
+    state?: 'loading' | 'success' | 'error' | 'none';
     duration?: null | number;
     color?: string;
     colorTrack?: string;
     invert?: boolean;
-    children?: import("svelte").Snippet;
-}, {}, "size" | "color" | "padding" | "state" | "colorTrack">;
+    children?: import('svelte').Snippet;
+    [key: string]: any;
+}
+declare const Loader: import("svelte").Component<Props, {}, "size" | "color" | "padding" | "state" | "colorTrack">;
 type Loader = ReturnType<typeof Loader>;
 export default Loader;

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

@@ -1,5 +1,17 @@
 import type { Footer } from './modal-types.js';
 import { type Snippet } from 'svelte';
+interface Props {
+    show?: boolean;
+    title?: string | Snippet;
+    size?: 'small' | 'medium' | 'large';
+    id?: string;
+    role?: 'dialog' | 'alertdialog';
+    closeOnOutsideClick?: boolean;
+    closeOnEscape?: boolean;
+    loading?: boolean | string;
+    footer?: Footer | Snippet;
+    children?: Snippet;
+}
 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;
@@ -13,18 +25,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const Modal: $$__sveltets_2_IsomorphicComponent<{
-    show?: boolean;
-    title?: string | Snippet;
-    size?: "small" | "medium" | "large";
-    id?: string;
-    role?: "dialog" | "alertdialog";
-    closeOnOutsideClick?: boolean;
-    closeOnEscape?: boolean;
-    loading?: boolean | string;
-    footer?: Footer | Snippet;
-    children?: Snippet;
-}, {
+declare const Modal: $$__sveltets_2_IsomorphicComponent<Props, {
     cancel: CustomEvent<any>;
     confirm: CustomEvent<any>;
 } & {

package/dist/components/Modal/ModalFooter.svelte.d.ts

@@ -1,4 +1,8 @@
 import type { Footer } from './modal-types.ts';
+interface Props {
+    show: boolean;
+    footer: Footer;
+}
 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,10 +16,7 @@ interface $$__sveltets_2_IsomorphicComponent<Props extends Record<string, any> =
     };
     z_$$bindings?: Bindings;
 }
-declare const ModalFooter: $$__sveltets_2_IsomorphicComponent<{
-    show: boolean;
-    footer: Footer;
-}, {
+declare const ModalFooter: $$__sveltets_2_IsomorphicComponent<Props, {
     cancel: CustomEvent<any>;
     confirm: CustomEvent<any>;
 } & {

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

@@ -1,11 +1,12 @@
-declare const NavLink: import("svelte").Component<{
-    [key: string]: any;
+type Props = {
     href: string;
     active?: boolean;
     disabled?: 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 NavLink: import("svelte").Component<Props, {}, "">;
 type NavLink = ReturnType<typeof NavLink>;
 export default NavLink;

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

@@ -1,10 +1,11 @@
-declare const Radio: import("svelte").Component<{
-    [key: string]: any;
+interface Props {
     value?: number | string;
     group?: number | string;
     disabled?: boolean;
     input?: any;
-    children?: import("svelte").Snippet;
-}, {}, "group" | "input">;
+    children?: import('svelte').Snippet;
+    [key: string]: any;
+}
+declare const Radio: import("svelte").Component<Props, {}, "group" | "input">;
 type Radio = ReturnType<typeof Radio>;
 export default Radio;