@huntflow/ui 0.1.7 → 0.2.0

package/README.md

@@ -8,7 +8,6 @@
   <img alt="" src="https://deno.bundlejs.com/badge?q=@huntflow/ui@0.0.17&treeshake=[*]" />
 </a>
 
-
 **@huntflow/ui** — это библиотека компонентов, предназначенная для создания удобных, масштабируемых и согласованных пользовательских интерфейсов. Проект ориентирован на упрощение разработки и поддержания единого стиля интерфейса во всех продуктах компании.
 
 ## 🚀 Основные возможности
@@ -38,21 +37,11 @@ npm run storybook
 - необходимый `FIGMA_FILE_ID` (Например: `https://www.figma.com/design/DV8Zm9gdvUocVlrqD8egvV/Igor-(New-UI-Kit)?node-id=1581-180&p=f&t=YzO5zlBlx3wPY5HW-0` это `DV8Zm9gdvUocVlrqD8egvV`)
 - необходимый `NODE_ID` (Например: `https://www.figma.com/design/DV8Zm9gdvUocVlrqD8egvV/Igor-(New-UI-Kit)?node-id=1581-180&p=f&t=YzO5zlBlx3wPY5HW-0` это `1581-180`, указываем через двоеточие)
 
-## Css переменные
-Файлы с переменными генерируются, В ручную их не редактировать.
-Для начала необходимо из проекта экспортировать переменные с помощью плагина в Figma `Sync variables`, полученный файл сохранить в `/utils/variables.css`. Затем запустить скрипт форматирования
-```javascript
-npm run variables
-```
-
 ##  Пример использования
 ```javascript
+import '@huntflow/ui/global.css';
 
-import '@huntflow/ui/global.css'
-
-import { Button } from '@huntflow/ui'
-
-import { UserIcon } from '@huntflow/ui/icons'
-
-import { formatDate } from '@huntflow/ui/utils'
+import { Button } from '@huntflow/ui';
+import { UserIcon } from '@huntflow/ui/icons';
+import { formatDate } from '@huntflow/ui/utils';
 ```

package/dist/components/index.d.ts

@@ -0,0 +1,19 @@
+export { UiButton } from './ui-button';
+export type { UiButtonProps } from './ui-button';
+export { UiButtonIcon } from './ui-button-icon';
+export { UiButtonLink } from './ui-button-link';
+export { UiIcon, injectSvgSprite } from './ui-icon';
+export type { UiIconProps, IconType } from './ui-icon';
+export { UiInput } from './ui-input';
+export type { UiInputProps } from './ui-input';
+export { UiLabel } from './ui-label';
+export { UiLoader } from './ui-loader';
+export type { UiLoaderSize } from './ui-loader';
+export { UiPlank } from './ui-plank';
+export type { UiPlankProps } from './ui-plank';
+export { UiText } from './ui-text';
+export type { UiTextProps } from './ui-text';
+export { UiTitle } from './ui-title';
+export type { UiTitleProps } from './ui-title';
+export { UiError } from './ui-error';
+export type { UiErrorProps } from './ui-error';

package/dist/components/ui-avatar/avatar.vue.d.ts

@@ -0,0 +1,22 @@
+import { UiAvatarProps } from './types.ts';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<UiAvatarProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<UiAvatarProps> & Readonly<{}>, {
+    size: import('./types.ts').UiAvatarSize;
+    square: boolean;
+    src: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui-avatar/index.d.ts

@@ -0,0 +1,3 @@
+import { default as UiAvatar } from './avatar.vue';
+export type { UiAvatarProps } from './types.ts';
+export { UiAvatar };

package/dist/components/ui-avatar/types.d.ts

@@ -0,0 +1,6 @@
+export type UiAvatarProps = {
+    src?: string;
+    size?: UiAvatarSize;
+    square?: boolean;
+};
+export type UiAvatarSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl';

package/dist/components/ui-button/button.vue.d.ts

@@ -0,0 +1,33 @@
+import { UiButtonProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        before?(_: {}): any;
+        default?(_: {}): any;
+        after?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<UiButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<UiButtonProps> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    size: import('./types').UiButtonSize;
+    circle: boolean;
+    type: import('./types').UiButtonType;
+    disabled: boolean;
+    loading: boolean;
+    dropdown: boolean;
+    active: boolean;
+    bordered: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui-button/index.d.ts

@@ -0,0 +1,3 @@
+import { default as UiButton } from './button.vue';
+export type { UiButtonProps } from './types';
+export { UiButton };

package/dist/components/ui-button/types.d.ts

@@ -0,0 +1,16 @@
+export type UiButtonProps = {
+    size?: UiButtonSize;
+    className?: string;
+    type?: UiButtonType;
+    disabled?: boolean;
+    loading?: boolean;
+    dropdown?: boolean;
+    active?: boolean;
+    name?: string;
+    circle?: boolean;
+    bordered?: boolean;
+    htmlType?: UiButtonHTMLType;
+};
+export type UiButtonSize = 's' | 'xs' | 'm' | 'l';
+export type UiButtonType = 'primary' | 'secondary' | 'accent' | 'jobsites' | 'ghost' | 'ghost-danger' | 'danger';
+export type UiButtonHTMLType = 'button' | 'submit' | 'reset';

package/dist/components/ui-button-icon/button-icon.vue.d.ts

@@ -0,0 +1,15 @@
+import { UiButtonIconProps } from './types';
+declare const _default: import('vue').DefineComponent<UiButtonIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<UiButtonIconProps> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    size: import('./types').UiButtonIconSize;
+    circle: boolean;
+    type: import('./types').UiButtonIconType;
+    disabled: boolean;
+    loading: boolean;
+    active: boolean;
+    bordered: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLButtonElement>;
+export default _default;

package/dist/components/ui-button-icon/index.d.ts

@@ -0,0 +1,2 @@
+import { default as UiButtonIcon } from './button-icon.vue';
+export { UiButtonIcon };

package/dist/components/ui-button-icon/types.d.ts

@@ -0,0 +1,14 @@
+export type UiButtonIconProps = {
+    icon: string;
+    size?: UiButtonIconSize;
+    className?: string;
+    type?: UiButtonIconType;
+    disabled?: boolean;
+    loading?: boolean;
+    active?: boolean;
+    name?: string;
+    circle?: boolean;
+    bordered?: boolean;
+};
+export type UiButtonIconSize = 's' | 'xs' | 'm' | 'l';
+export type UiButtonIconType = 'primary' | 'secondary' | 'accent' | 'danger';

package/dist/components/ui-button-link/button-link.vue.d.ts

@@ -0,0 +1,21 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui-button-link/index.d.ts

@@ -0,0 +1,2 @@
+import { default as UiButtonLink } from './button-link.vue';
+export { UiButtonLink };

package/dist/components/ui-error/error.vue.d.ts

@@ -0,0 +1,18 @@
+import { UiErrorProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLSpanElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<UiErrorProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<UiErrorProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui-error/index.d.ts

@@ -0,0 +1,3 @@
+import { default as UiError } from './error.vue';
+export type { UiErrorProps } from './types';
+export { UiError };

package/dist/components/ui-error/types.d.ts

@@ -0,0 +1,3 @@
+export type UiErrorProps = {
+    className?: string;
+};

package/dist/components/ui-icon/icon-list.d.ts

@@ -0,0 +1 @@
+export declare const icons: readonly ["2-users-20", "ai-20", "alert-20", "alert-24", "alert-fill-20", "alert-fill-24", "alert-fill-28", "archive-16", "archive-18", "archive-20", "archive-24", "archive-28", "arrow-down-20", "arrow-left-18", "arrow-left-20", "arrow-narrow-right-24", "arrow-narrow-right-bold-24", "arrow-right-18", "arrow-right-20", "arrow-up-20", "attention-16", "attention-18", "attention-20", "attention-24", "attention-28", "calendar-16", "calendar-18", "calendar-20", "calendar-24", "calendar-28", "check-16", "check-18", "check-20", "check-24", "check-28", "check-color-16", "check-color-18", "check-color-20", "check-color-24", "check-color-28", "chevron-down-16", "chevron-down-18", "chevron-down-20", "chevron-down-24", "chevron-down-28", "chevron-left-16", "chevron-left-18", "chevron-left-20", "chevron-left-24", "chevron-left-28", "chevron-right-16", "chevron-right-18", "chevron-right-20", "chevron-right-24", "chevron-right-28", "chevron-up-16", "chevron-up-18", "chevron-up-20", "chevron-up-24", "chevron-up-28", "circle-download-20", "clip-16", "clip-18", "clip-20", "clip-24", "clip-28", "clipboard-16", "clipboard-18", "clipboard-20", "clipboard-24", "clipboard-28", "clock-16", "clock-18", "clock-20", "clock-24", "clock-28", "clock-fill-16", "clock-fill-18", "clock-fill-20", "clock-fill-24", "clock-fill-28", "close-16", "close-20", "close-28", "copy-20", "crown-16", "crown-18", "crown-20", "crown-24", "crown-28", "dots-horizontal-20", "dots-vertical-20", "download-16", "download-18", "download-20", "download-24", "download-28", "download-circle-18", "drag-16", "drag-20", "drag-24", "edit-16", "edit-18", "edit-20", "edit-24", "edit-28", "feedback-16", "feedback-18", "feedback-20", "feedback-24", "feedback-28", "folder-16", "folder-18", "folder-20", "folder-24", "folder-28", "graph-16", "graph-18", "graph-20", "graph-24", "graph-28", "home-16", "home-18", "home-20", "home-24", "home-28", "info-16", "info-18", "info-20", "info-24", "info-28", "link-16", "link-18", "link-20", "link-24", "link-28", "lock-16", "lock-18", "lock-20", "lock-24", "lock-28", "lock-color-16", "lock-color-18", "lock-color-20", "lock-color-24", "lock-color-28", "message-16", "message-18", "message-20", "message-24", "message-28", "mute-20", "mute-fill-20", "notches-16", "options-16", "options-18", "options-20", "options-24", "options-28", "options-lock-20", "phone-16", "phone-18", "phone-20", "phone-24", "phone-28", "phone-error-16", "phone-error-18", "phone-error-20", "phone-error-24", "phone-error-28", "phone-fill-16", "phone-fill-18", "phone-fill-20", "phone-fill-24", "phone-fill-28", "plus-16", "plus-18", "plus-20", "plus-circle-16", "plus-circle-18", "plus-circle-20", "plus-circle-24", "plus-circle-28", "print-16", "print-18", "print-20", "print-24", "print-28", "priority-20", "question-16", "question-18", "question-20", "question-24", "question-28", "refresh-20", "rocket-16", "rocket-18", "rocket-20", "rocket-24", "rocket-28", "search-16", "search-18", "search-20", "search-24", "search-28", "semiselected-16", "semiselected-18", "semiselected-20", "semiselected-24", "semiselected-28", "settings-16", "settings-18", "settings-20", "settings-24", "settings-28", "share-16", "share-18", "share-20", "share-24", "share-28", "shield-attention-20", "shield-attention-lock-20", "shield-fill-20", "shield-tick-20", "shuffle-20", "sms-16", "sms-18", "sms-20", "sms-24", "sms-28", "star-16", "star-18", "star-20", "star-24", "star-28", "stop-color-16", "stop-color-18", "stop-color-20", "stop-color-24", "stop-color-28", "team-24", "telegram-16", "telegram-18", "telegram-20", "telegram-24", "telegram-28", "telegram-contour-20", "telegram-contour-24", "text-16", "text-18", "text-20", "text-24", "text-28", "thumbs-28", "thumbsup-16", "thumbsup-18", "thumbsup-20", "thumbsup-24", "trash-16", "trash-18", "trash-20", "trash-24", "trash-28", "unmute-20", "upload-16", "upload-18", "upload-20", "url-16", "url-18", "url-20", "url-24", "url-28", "verification-fill-20", "viber-16", "viber-18", "viber-20", "viber-24", "viber-28", "viber-contour-16", "viber-contour-20", "viber-contour-24", "viber-contour-28", "whatsapp-16", "whatsapp-18", "whatsapp-20", "whatsapp-24", "whatsapp-28", "whatsapp-contour-20", "whatsapp-contour-24", "x-circle-20", "zoom-16", "zoom-18", "zoom-20", "zoom-24", "zoom-28"];

package/dist/components/ui-icon/icon.vue.d.ts

@@ -0,0 +1,3 @@
+import { UiIconProps } from './types.ts';
+declare const _default: import('vue').DefineComponent<UiIconProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<UiIconProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, SVGSVGElement>;
+export default _default;

package/dist/components/ui-icon/index.d.ts

@@ -0,0 +1,4 @@
+import { default as UiIcon } from './icon.vue';
+export type { UiIconProps, IconType } from './types';
+declare const injectSvgSprite: () => Promise<void>;
+export { UiIcon, injectSvgSprite };

package/dist/components/ui-icon/types.d.ts

@@ -0,0 +1,7 @@
+import { icons } from './icon-list.ts';
+export type IconType = typeof icons[number];
+export type UiIconProps = {
+    name: IconType;
+    color?: string;
+    block?: boolean;
+};

package/dist/components/ui-input/index.d.ts

@@ -0,0 +1,3 @@
+import { default as UiInput } from './input.vue';
+export type { UiInputProps } from './types';
+export { UiInput };

package/dist/components/ui-input/input.vue.d.ts

@@ -0,0 +1,27 @@
+import { UiInputProps } from './types';
+type __VLS_Props = UiInputProps;
+type __VLS_PublicProps = {
+    'value'?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:value": (value: string) => any;
+} & {
+    click: () => any;
+    "update:value": (value: string) => any;
+    enter: () => any;
+    clickLink: () => any;
+    clickIcon: () => any;
+    focus: () => any;
+    blur: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClick?: (() => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    onEnter?: (() => any) | undefined;
+    onClickLink?: (() => any) | undefined;
+    onClickIcon?: (() => any) | undefined;
+    onFocus?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
+}>, {
+    type: import('./types').UiInputType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/dist/components/ui-input/types.d.ts

@@ -0,0 +1,20 @@
+import { IconType } from '../index';
+export type UiInputProps = {
+    value: string;
+    type?: UiInputType;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    title?: string;
+    header?: string;
+    subTitle?: string;
+    link?: string;
+    placeholder?: string;
+    loading?: boolean;
+    error?: string | null | void;
+    description?: string | null | void;
+    className?: string;
+    leftIcon?: IconType;
+    rightIcon?: IconType;
+};
+export type UiInputType = 'text' | 'password' | 'email' | 'tel' | 'search';

package/dist/components/ui-label/index.d.ts

@@ -0,0 +1,3 @@
+import { default as UiLabel } from './label.vue';
+export type { UiLabelProps } from './types';
+export { UiLabel };

package/dist/components/ui-label/label.vue.d.ts

@@ -0,0 +1,18 @@
+import { UiLabelProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<UiLabelProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<UiLabelProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui-label/types.d.ts

@@ -0,0 +1,3 @@
+export type UiLabelProps = {
+    className?: string;
+};

package/dist/components/ui-label-content/index.d.ts

@@ -0,0 +1,2 @@
+import { default as UiLabelContent } from './label-content.vue';
+export { UiLabelContent };

package/dist/components/ui-label-content/label-content.vue.d.ts

@@ -0,0 +1,24 @@
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        header?(_: {}): any;
+        default?(_: {}): any;
+        subTitle?(_: {}): any;
+        link?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui-loader/index.d.ts

@@ -0,0 +1,3 @@
+import { default as UiLoader } from './loader.vue';
+export type { UiLoaderSize } from './types';
+export { UiLoader };

package/dist/components/ui-loader/loader.vue.d.ts

@@ -0,0 +1,6 @@
+import { UiLoaderProps } from './types.ts';
+declare const _default: import('vue').DefineComponent<UiLoaderProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<UiLoaderProps> & Readonly<{}>, {
+    size: import('./types.ts').UiLoaderSize;
+    color: "white" | "black";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+export default _default;

package/dist/components/ui-loader/types.d.ts

@@ -0,0 +1,6 @@
+export type UiLoaderProps = {
+    className?: string;
+    size: UiLoaderSize;
+    color?: 'white' | 'black';
+};
+export type UiLoaderSize = 's' | 'm' | 'l';

package/dist/components/ui-plank/index.d.ts

@@ -0,0 +1,3 @@
+import { default as UiPlank } from './plank.vue';
+export type { UiPlankProps } from './types.ts';
+export { UiPlank };

package/dist/components/ui-plank/plank.vue.d.ts

@@ -0,0 +1,24 @@
+import { UiPlankProps } from './types.ts';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<UiPlankProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    click: () => any;
+}, string, import('vue').PublicProps, Readonly<UiPlankProps> & Readonly<{
+    onClick?: (() => any) | undefined;
+}>, {
+    type: import('./types.ts').UiPlankType;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui-plank/types.d.ts

@@ -0,0 +1,7 @@
+import { IconType } from '../index';
+export type UiPlankProps = {
+    type?: UiPlankType;
+    icon?: IconType;
+    label?: string;
+};
+export type UiPlankType = 'default' | 'accent' | 'danger';

package/dist/components/ui-radio-button/index.d.ts

@@ -0,0 +1,3 @@
+import { default as UiRadioButton } from './radio-button.vue';
+export type { UiRadioButtonProps } from './types';
+export { UiRadioButton };

package/dist/components/ui-radio-button/radio-button.vue.d.ts

@@ -0,0 +1,13 @@
+import { UiRadioButtonProps } from './types';
+declare const _default: import('vue').DefineComponent<UiRadioButtonProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    input: (event: Event) => any;
+    focus: (event: FocusEvent) => any;
+    blur: (event: FocusEvent) => any;
+    "update:modelValue": (value: string) => any;
+}, string, import('vue').PublicProps, Readonly<UiRadioButtonProps> & Readonly<{
+    onInput?: ((event: Event) => any) | undefined;
+    onFocus?: ((event: FocusEvent) => any) | undefined;
+    onBlur?: ((event: FocusEvent) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/ui-radio-button/types.d.ts

@@ -0,0 +1,19 @@
+export type UiRadioButtonProps = {
+    modelValue: string;
+    name: string;
+    value: string;
+    id?: string;
+    disabled?: boolean;
+    title: string;
+    subtitle?: string;
+    partial?: boolean;
+    error?: string;
+    required?: boolean;
+    checked?: boolean;
+};
+export type UiRadioButtonEmits = {
+    'update:modelValue': [value: string];
+    blur: [event: FocusEvent];
+    focus: [event: FocusEvent];
+    input: [event: Event];
+};

package/dist/components/ui-text/index.d.ts

@@ -0,0 +1,3 @@
+import { default as UiText } from './text.vue';
+export type { UiTextProps } from './types';
+export { UiText };

package/dist/components/ui-text/text.vue.d.ts

@@ -0,0 +1,21 @@
+import { UiTextProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<UiTextProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<UiTextProps> & Readonly<{}>, {
+    tagName: string;
+    kind: "primary" | "secondary" | "accent" | "subtitle";
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui-text/types.d.ts

@@ -0,0 +1,6 @@
+export type UiTextProps = {
+    tagName?: string;
+    kind?: 'primary' | 'secondary' | 'accent' | 'subtitle';
+    weight?: 'medium';
+    color?: 'main' | 'secondary' | 'semilight' | 'light' | 'invert' | 'danger' | 'success';
+};

package/dist/components/ui-textarea/index.d.ts

@@ -0,0 +1,3 @@
+import { default as UiTextarea } from './textarea.vue';
+export type { UiTextareaProps } from './types';
+export { UiTextarea };

package/dist/components/ui-textarea/textarea.vue.d.ts

@@ -0,0 +1,25 @@
+import { UiTextareaProps } from './types';
+type __VLS_Props = UiTextareaProps;
+type __VLS_PublicProps = {
+    'value'?: string;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:value": (value: string) => any;
+} & {
+    click: () => any;
+    "update:value": (value: string) => any;
+    enter: () => any;
+    clickLink: () => any;
+    focus: () => any;
+    blur: () => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    onClick?: (() => any) | undefined;
+    "onUpdate:value"?: ((value: string) => any) | undefined;
+    onEnter?: (() => any) | undefined;
+    onClickLink?: (() => any) | undefined;
+    onFocus?: (() => any) | undefined;
+    onBlur?: (() => any) | undefined;
+}>, {
+    rows: number;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/components/ui-textarea/types.d.ts

@@ -0,0 +1,16 @@
+export type UiTextareaProps = {
+    value: string;
+    id?: string;
+    name?: string;
+    disabled?: boolean;
+    title?: string;
+    header?: string;
+    subTitle?: string;
+    link?: string;
+    placeholder?: string;
+    error?: string;
+    className?: string;
+    rows?: number;
+    maxLength?: number;
+    minHeight?: string;
+};

package/dist/components/ui-title/index.d.ts

@@ -0,0 +1,3 @@
+import { default as UiTitle } from './title.vue';
+export type { UiTitleProps } from './types';
+export { UiTitle };

package/dist/components/ui-title/title.vue.d.ts

@@ -0,0 +1,18 @@
+import { UiTitleProps } from './types';
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: any;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<UiTitleProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<UiTitleProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/components/ui-title/types.d.ts

@@ -0,0 +1,6 @@
+export type UiTitleProps = {
+    level: 1 | 2 | 3 | 4;
+    className?: string;
+    weight?: 'medium';
+    color?: 'main' | 'secondary' | 'semilight' | 'light' | 'invert' | 'danger' | 'success';
+};