@robuust-digital/vue-components 2.6.8 → 2.7.0

package/dist/combobox.d.ts

@@ -24,6 +24,7 @@ modelValue: ComboboxModelValue;
 rootClass: string;
 prefixIcon: Icon | null;
 disabled: boolean;
+multiple: boolean;
 endpoint: string;
 requestParams: Record<string, unknown>;
 manualInput: boolean;
@@ -34,7 +35,6 @@ minLength: number;
 itemKey: string;
 clearable: boolean;
 rootAttrs: Record<string, unknown>;
-multiple: boolean;
 onSearch: (value: string | null, params: Record<string, unknown>, endpoint?: string) => Promise<{
 data: unknown;
 error?: unknown;

package/dist/core/file-upload.css

@@ -0,0 +1,227 @@
+:root {
+  /* Base FileUpload variables */
+  --rvc-file-upload-gap: calc(var(--spacing) * 3);
+  --rvc-file-upload-area-border-radius: var(--rvc-base-border-radius);
+  --rvc-file-upload-area-border-width: var(--rvc-base-border-width);
+  --rvc-file-upload-area-border-style: dashed;
+  --rvc-file-upload-area-border-color: var(--rvc-base-border-color);
+  --rvc-file-upload-area-border-color-hover: var(--rvc-base-border-dark-color);
+  --rvc-file-upload-area-border-color-dragging: var(--color-indigo-500);
+  --rvc-file-upload-area-bg-color: var(--color-white);
+  --rvc-file-upload-area-bg-color-hover: var(--color-slate-50);
+  --rvc-file-upload-area-bg-color-dragging: var(--color-indigo-50);
+  --rvc-file-upload-area-padding-x: calc(var(--spacing) * 6);
+  --rvc-file-upload-area-padding-y: calc(var(--spacing) * 8);
+  --rvc-file-upload-area-min-height: calc(var(--spacing) * 40);
+  --rvc-file-upload-area-gap: calc(var(--spacing) * 1);
+  --rvc-file-upload-transition-duration: var(--rvc-base-transition-duration);
+  --rvc-file-upload-transition-timing-function: var(--rvc-base-transition-timing-function);
+  --rvc-file-upload-transition-property: color, background-color, border-color;
+  --rvc-file-upload-disabled-opacity: var(--rvc-base-input-disabled-opacity);
+  --rvc-file-upload-icon-size: calc(var(--spacing) * 7);
+  --rvc-file-upload-icon-color: var(--color-slate-400);
+  --rvc-file-upload-icon-color-hover: var(--color-slate-500);
+  --rvc-file-upload-label-color: var(--color-slate-900);
+  --rvc-file-upload-label-font-size: var(--text-base);
+  --rvc-file-upload-label-font-weight: var(--font-weight-medium);
+  --rvc-file-upload-description-color: var(--color-slate-500);
+  --rvc-file-upload-description-font-size: var(--text-sm);
+  --rvc-file-upload-list-gap: calc(var(--spacing) * 1.5);
+  --rvc-file-upload-item-gap: calc(var(--spacing) * 2);
+  --rvc-file-upload-item-padding-x: calc(var(--spacing) * 2.5);
+  --rvc-file-upload-item-padding-y: calc(var(--spacing) * 1.5);
+  --rvc-file-upload-item-border-radius: var(--rvc-base-border-radius);
+  --rvc-file-upload-item-border-width: var(--rvc-base-border-width);
+  --rvc-file-upload-item-border-style: solid;
+  --rvc-file-upload-item-border-color: var(--rvc-base-border-color);
+  --rvc-file-upload-item-bg-color: var(--color-white);
+  --rvc-file-upload-file-color: var(--color-slate-700);
+  --rvc-file-upload-file-font-size: var(--text-sm);
+  --rvc-file-upload-thumbnail-size: calc(var(--spacing) * 8);
+  --rvc-file-upload-thumbnail-border-radius: calc(infinity * 1px);
+  --rvc-file-upload-thumbnail-bg-color: var(--color-slate-100);
+  --rvc-file-upload-thumbnail-object-fit: cover;
+  --rvc-file-upload-remove-size: calc(var(--spacing) * 6);
+  --rvc-file-upload-remove-border-radius: var(--rvc-base-border-radius);
+  --rvc-file-upload-remove-color: var(--color-slate-400);
+  --rvc-file-upload-remove-color-hover: var(--color-red-600);
+  --rvc-file-upload-remove-bg-color-hover: var(--color-red-50);
+  --rvc-file-upload-remove-icon-size: calc(var(--spacing) * 4);
+
+  /* Small variant */
+  --rvc-file-upload-gap-sm: calc(var(--spacing) * 2);
+  --rvc-file-upload-area-padding-x-sm: calc(var(--spacing) * 4);
+  --rvc-file-upload-area-padding-y-sm: calc(var(--spacing) * 4);
+  --rvc-file-upload-area-min-height-sm: calc(var(--spacing) * 24);
+  --rvc-file-upload-icon-size-sm: calc(var(--spacing) * 5);
+}
+
+@layer components {
+  .rvc-file-upload {
+    display: flex;
+    flex-direction: column;
+    gap: var(--rvc-file-upload-gap);
+
+    &.rvc-file-upload-sm {
+      --rvc-file-upload-gap: var(--rvc-file-upload-gap-sm);
+      --rvc-file-upload-area-padding-x: var(--rvc-file-upload-area-padding-x-sm);
+      --rvc-file-upload-area-padding-y: var(--rvc-file-upload-area-padding-y-sm);
+      --rvc-file-upload-area-min-height: var(--rvc-file-upload-area-min-height-sm);
+      --rvc-file-upload-icon-size: var(--rvc-file-upload-icon-size-sm);
+    }
+
+    &.rvc-file-upload-disabled {
+      opacity: var(--rvc-file-upload-disabled-opacity);
+    }
+
+    &.rvc-file-upload-dragging .rvc-file-upload-area {
+      border-color: var(--rvc-file-upload-area-border-color-dragging);
+      background-color: var(--rvc-file-upload-area-bg-color-dragging);
+    }
+  }
+
+  .rvc-file-upload-input {
+    display: none;
+  }
+
+  .rvc-file-upload-area {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    width: 100%;
+    min-height: var(--rvc-file-upload-area-min-height);
+    padding: var(--rvc-file-upload-area-padding-y) var(--rvc-file-upload-area-padding-x);
+    transition-property: var(--rvc-file-upload-transition-property);
+    transition-duration: var(--rvc-file-upload-transition-duration);
+    transition-timing-function: var(--rvc-file-upload-transition-timing-function);
+    border-width: var(--rvc-file-upload-area-border-width);
+    border-style: var(--rvc-file-upload-area-border-style);
+    border-radius: var(--rvc-file-upload-area-border-radius);
+    border-color: var(--rvc-file-upload-area-border-color);
+    background-color: var(--rvc-file-upload-area-bg-color);
+    color: var(--rvc-file-upload-description-color);
+    text-align: center;
+    cursor: pointer;
+    gap: var(--rvc-file-upload-area-gap);
+    appearance: none;
+
+    &:disabled {
+      cursor: not-allowed;
+    }
+  }
+
+  .rvc-file-upload:not(.rvc-file-upload-disabled) .rvc-file-upload-area:hover {
+    border-color: var(--rvc-file-upload-area-border-color-hover);
+    background-color: var(--rvc-file-upload-area-bg-color-hover);
+
+    .rvc-file-upload-icon {
+      color: var(--rvc-file-upload-icon-color-hover);
+    }
+  }
+
+  .rvc-file-upload-icon {
+    display: block;
+    width: var(--rvc-file-upload-icon-size);
+    height: var(--rvc-file-upload-icon-size);
+    margin-bottom: calc(var(--spacing) * 1);
+    transition-property: var(--rvc-file-upload-transition-property);
+    transition-duration: var(--rvc-file-upload-transition-duration);
+    transition-timing-function: var(--rvc-file-upload-transition-timing-function);
+    color: var(--rvc-file-upload-icon-color);
+  }
+
+  .rvc-file-upload-label {
+    display: block;
+    color: var(--rvc-file-upload-label-color);
+    font-size: var(--rvc-file-upload-label-font-size);
+    font-weight: var(--rvc-file-upload-label-font-weight);
+  }
+
+  .rvc-file-upload-description {
+    display: block;
+    color: var(--rvc-file-upload-description-color);
+    font-size: var(--rvc-file-upload-description-font-size);
+  }
+
+  .rvc-file-upload-list {
+    display: flex;
+    flex-direction: column;
+    margin: 0;
+    padding: 0;
+    list-style: none;
+    gap: var(--rvc-file-upload-list-gap);
+  }
+
+  .rvc-file-upload-item {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    min-width: 0;
+    padding: var(--rvc-file-upload-item-padding-y) var(--rvc-file-upload-item-padding-x);
+    border-width: var(--rvc-file-upload-item-border-width);
+    border-style: var(--rvc-file-upload-item-border-style);
+    border-radius: var(--rvc-file-upload-item-border-radius);
+    border-color: var(--rvc-file-upload-item-border-color);
+    background-color: var(--rvc-file-upload-item-bg-color);
+    gap: var(--rvc-file-upload-item-gap);
+  }
+
+  .rvc-file-upload-file {
+    min-width: 0;
+    margin-right: auto;
+    overflow: hidden;
+    color: var(--rvc-file-upload-file-color);
+    font-size: var(--rvc-file-upload-file-font-size);
+    text-overflow: ellipsis;
+    white-space: nowrap;
+
+    &[href] {
+      text-decoration: none;
+
+      &:hover {
+        text-decoration: underline;
+      }
+    }
+  }
+
+  .rvc-file-upload-thumbnail {
+    display: block;
+    flex-shrink: 0;
+    width: var(--rvc-file-upload-thumbnail-size);
+    height: var(--rvc-file-upload-thumbnail-size);
+    border-radius: var(--rvc-file-upload-thumbnail-border-radius);
+    background-color: var(--rvc-file-upload-thumbnail-bg-color);
+    object-fit: var(--rvc-file-upload-thumbnail-object-fit);
+  }
+
+  .rvc-file-upload-remove {
+    display: inline-flex;
+    flex-shrink: 0;
+    align-items: center;
+    justify-content: center;
+    width: var(--rvc-file-upload-remove-size);
+    height: var(--rvc-file-upload-remove-size);
+    padding: 0;
+    border: 0;
+    border-radius: var(--rvc-file-upload-remove-border-radius);
+    background-color: transparent;
+    color: var(--rvc-file-upload-remove-color);
+    cursor: pointer;
+    appearance: none;
+
+    &:hover {
+      background-color: var(--rvc-file-upload-remove-bg-color-hover);
+      color: var(--rvc-file-upload-remove-color-hover);
+    }
+
+    &:disabled {
+      cursor: not-allowed;
+    }
+
+    svg {
+      width: var(--rvc-file-upload-remove-icon-size);
+      height: var(--rvc-file-upload-remove-icon-size);
+    }
+  }
+}

package/dist/core/index.js

@@ -1,19 +1,20 @@
-import { _ as e, a as s, b as t, c as r, d as m, e as p, f as x, g as c, h as f, i } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-BkxgXUlf.js";
-import { _ as b } from "../_shared/ChevronDownIcon-BYWciGnh.js";
-import { _ } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
-import { _ as l } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-Bg7YPGyY.js";
+import { _ as e, a as s, b as t, c as r, d as m, e as p, f as i, g as x, h as c, i as d, j as f } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-BaTWaeN3.js";
+import { _ as n } from "../_shared/ChevronDownIcon-BYWciGnh.js";
+import { _ as F } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
+import { _ as g } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-Bg7YPGyY.js";
 export {
   e as Accordion,
   s as Alert,
-  b as Badge,
-  _ as ButtonBase,
+  n as Badge,
+  F as ButtonBase,
   t as Checkbox,
   r as DataTable,
   m as EmptyState,
-  l as FormInput,
-  p as FormSelect,
+  p as FileUpload,
+  g as FormInput,
+  i as FormSelect,
   x as FormTextarea,
   c as Pagination,
-  f as Radio,
-  i as Tabs
+  d as Radio,
+  f as Tabs
 };

package/dist/core/styles.css

@@ -4,6 +4,7 @@
 @import "./button.css";
 @import "./checkbox.css";
 @import "./empty-state.css";
+@import "./file-upload.css";
 @import "./input.css";
 @import "./pagination.css";
 @import "./radio.css";

package/dist/core.d.ts

@@ -9,7 +9,24 @@ import { VNodeProps } from 'vue';
 
 declare const __VLS_component: DefineComponent<AccordionProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<AccordionProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_10: DefineComponent<PaginationProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_10: DefineComponent<FormSelectProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: FormSelectModelValue) => any;
+}, string, PublicProps, Readonly<FormSelectProps> & Readonly<{
+"onUpdate:modelValue"?: ((value: FormSelectModelValue) => any) | undefined;
+}>, {
+icon: Icon | null;
+size: FormSelectSize;
+modelValue: FormSelectModelValue;
+rootClass: string;
+prefixIcon: Icon | null;
+options: FormSelectOption[];
+optionLabel: string;
+optionValue: string;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {
+select: HTMLSelectElement;
+}, any>;
+
+declare const __VLS_component_11: DefineComponent<PaginationProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "pagination:change": (url: string) => any;
 "pagination:perPage": (perPage: number) => any;
 }, string, PublicProps, Readonly<PaginationProps> & Readonly<{
@@ -24,7 +41,7 @@ prevIcon: Icon | null;
 nextIcon: Icon | null;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
 
-declare const __VLS_component_11: DefineComponent<RadioProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+declare const __VLS_component_12: DefineComponent<RadioProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
 "update:modelValue": (value: RadioModelValue) => any;
 }, string, PublicProps, Readonly<RadioProps> & Readonly<{
 "onUpdate:modelValue"?: ((value: RadioModelValue) => any) | undefined;
@@ -106,35 +123,47 @@ defaultSort: DataTableSortBy | null;
 
 declare const __VLS_component_7: DefineComponent<EmptyStateProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<EmptyStateProps> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, false, {}, HTMLDivElement>;
 
-declare const __VLS_component_8: DefineComponent<FormInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-"update:modelValue": (value: FormInputModelValue) => any;
-}, string, PublicProps, Readonly<FormInputProps> & Readonly<{
-"onUpdate:modelValue"?: ((value: FormInputModelValue) => any) | undefined;
+declare const __VLS_component_8: DefineComponent<FileUploadProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: FileUploadModelValue) => any;
+"file-upload:add": (files: File[]) => any;
+"file-upload:remove": (file: File) => any;
+"file-upload:remove-existing": (file: FileUploadExistingFile) => any;
+}, string, PublicProps, Readonly<FileUploadProps> & Readonly<{
+"onUpdate:modelValue"?: ((value: FileUploadModelValue) => any) | undefined;
+"onFile-upload:add"?: ((files: File[]) => any) | undefined;
+"onFile-upload:remove"?: ((file: File) => any) | undefined;
+"onFile-upload:remove-existing"?: ((file: FileUploadExistingFile) => any) | undefined;
 }>, {
+label: string;
 icon: Icon | null;
-size: FormInputSize;
-modelValue: string | number;
+size: FileUploadSize;
+modelValue: FileUploadModelValue;
 rootClass: string;
-prefixIcon: Icon | null;
+disabled: boolean;
+existingFiles: FileUploadExistingFile[];
+variant: FileUploadVariant;
+multiple: boolean;
+accept: string;
+showThumbnails: boolean;
+description: string;
+buttonLabel: string;
+buttonColor: FileUploadButtonColor;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
 input: HTMLInputElement;
 }, any>;
 
-declare const __VLS_component_9: DefineComponent<FormSelectProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
-"update:modelValue": (value: FormSelectModelValue) => any;
-}, string, PublicProps, Readonly<FormSelectProps> & Readonly<{
-"onUpdate:modelValue"?: ((value: FormSelectModelValue) => any) | undefined;
+declare const __VLS_component_9: DefineComponent<FormInputProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: FormInputModelValue) => any;
+}, string, PublicProps, Readonly<FormInputProps> & Readonly<{
+"onUpdate:modelValue"?: ((value: FormInputModelValue) => any) | undefined;
 }>, {
 icon: Icon | null;
-size: FormSelectSize;
-modelValue: FormSelectModelValue;
+size: FormInputSize;
+modelValue: string | number;
 rootClass: string;
 prefixIcon: Icon | null;
-options: FormSelectOption[];
-optionLabel: string;
-optionValue: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
-select: HTMLSelectElement;
+input: HTMLInputElement;
 }, any>;
 
 declare function __VLS_template(): {
@@ -157,6 +186,25 @@ declare function __VLS_template(): {
 };
 
 declare function __VLS_template_10(): {
+    attrs: Partial<{}>;
+    slots: {
+        prefixIcon?(_: {
+            icon: Icon;
+        }): any;
+        select?(_: {}): any;
+        default?(_: {}): any;
+        default?(_: {}): any;
+        icon?(_: {
+            icon: Icon | null;
+        }): any;
+    };
+    refs: {
+        select: HTMLSelectElement;
+    };
+    rootEl: any;
+};
+
+declare function __VLS_template_11(): {
     attrs: Partial<{}>;
     slots: {
         perPage?(_: {
@@ -188,7 +236,7 @@ declare function __VLS_template_10(): {
     rootEl: any;
 };
 
-declare function __VLS_template_11(): {
+declare function __VLS_template_12(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
@@ -328,15 +376,18 @@ declare function __VLS_template_7(): {
 declare function __VLS_template_8(): {
     attrs: Partial<{}>;
     slots: {
-        prefix?(_: {}): any;
-        prefixIcon?(_: {
-            icon: Icon | null;
+        icon?(_: {
+            icon: FunctionalComponent<HTMLAttributes & VNodeProps, {}, any, {}> | Icon;
         }): any;
-        input?(_: {}): any;
-        suffix?(_: {}): any;
         icon?(_: {
             icon: Icon | null;
         }): any;
+        preview?(_: {
+            files: File[];
+            existingFiles: FileUploadExistingFile[];
+            removeFile: (fileOrIndex: File | number) => void;
+            removeExistingFile: (file: FileUploadExistingFile) => void;
+        }): any;
     };
     refs: {
         input: HTMLInputElement;
@@ -347,18 +398,18 @@ declare function __VLS_template_8(): {
 declare function __VLS_template_9(): {
     attrs: Partial<{}>;
     slots: {
+        prefix?(_: {}): any;
         prefixIcon?(_: {
-            icon: Icon;
+            icon: Icon | null;
         }): any;
-        select?(_: {}): any;
-        default?(_: {}): any;
-        default?(_: {}): any;
+        input?(_: {}): any;
+        suffix?(_: {}): any;
         icon?(_: {
             icon: Icon | null;
         }): any;
     };
     refs: {
-        select: HTMLSelectElement;
+        input: HTMLInputElement;
     };
     rootEl: any;
 };
@@ -369,6 +420,8 @@ declare type __VLS_TemplateResult_10 = ReturnType<typeof __VLS_template_10>;
 
 declare type __VLS_TemplateResult_11 = ReturnType<typeof __VLS_template_11>;
 
+declare type __VLS_TemplateResult_12 = ReturnType<typeof __VLS_template_12>;
+
 declare type __VLS_TemplateResult_2 = ReturnType<typeof __VLS_template_2>;
 
 declare type __VLS_TemplateResult_3 = ReturnType<typeof __VLS_template_3>;
@@ -403,6 +456,12 @@ declare type __VLS_WithTemplateSlots_11<T, S> = T & {
     };
 };
 
+declare type __VLS_WithTemplateSlots_12<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+
 declare type __VLS_WithTemplateSlots_2<T, S> = T & {
     new (): {
         $slots: S;
@@ -576,7 +635,43 @@ declare interface EmptyStateProps {
     icon?: Icon | null;
 }
 
-export declare const FormInput: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
+export declare const FileUpload: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
+
+declare type FileUploadButtonColor = NonNullable<ButtonProps['color']>;
+
+declare interface FileUploadExistingFile {
+    id: string | number;
+    name: string;
+    url?: string;
+    thumbnailUrl?: string;
+    size?: number;
+    type?: string;
+}
+
+declare type FileUploadModelValue = File | File[] | null;
+
+declare interface FileUploadProps {
+    modelValue?: FileUploadModelValue;
+    existingFiles?: FileUploadExistingFile[];
+    variant?: FileUploadVariant;
+    size?: FileUploadSize;
+    multiple?: boolean;
+    accept?: string;
+    disabled?: boolean;
+    showThumbnails?: boolean;
+    label?: string;
+    description?: string;
+    buttonLabel?: string;
+    buttonColor?: FileUploadButtonColor;
+    icon?: Icon | null;
+    rootClass?: string;
+}
+
+declare type FileUploadSize = 'sm' | 'base';
+
+declare type FileUploadVariant = 'area' | 'button';
+
+export declare const FormInput: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
 
 declare type FormInputModelValue = string | number | undefined;
 
@@ -590,7 +685,7 @@ declare interface FormInputProps {
 
 declare type FormInputSize = 'sm' | 'base';
 
-export declare const FormSelect: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
+export declare const FormSelect: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
 
 declare type FormSelectModelValue = string | number | object | boolean | null;
 
@@ -631,7 +726,7 @@ declare type FormTextareaSize = 'sm' | 'base';
 
 declare type Icon = FunctionalComponent<SVGAttributes & HTMLAttributes & VNodeProps>;
 
-export declare const Pagination: __VLS_WithTemplateSlots_10<typeof __VLS_component_10, __VLS_TemplateResult_10["slots"]>;
+export declare const Pagination: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
 
 declare interface PaginationData {
     total: number;
@@ -657,7 +752,7 @@ declare interface PaginationProps {
     nextIcon?: Icon | null;
 }
 
-export declare const Radio: __VLS_WithTemplateSlots_11<typeof __VLS_component_11, __VLS_TemplateResult_11["slots"]>;
+export declare const Radio: __VLS_WithTemplateSlots_12<typeof __VLS_component_12, __VLS_TemplateResult_12["slots"]>;
 
 declare type RadioModelValue = boolean | string | Array<unknown> | object | number | null;
 

package/dist/index/index.js

@@ -1,35 +1,36 @@
-import { _ as r, a as t, b as e, c as s, d as m, e as p, f as x, g as f, h as _, i } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-BkxgXUlf.js";
-import { _ as d } from "../_shared/ChevronDownIcon-BYWciGnh.js";
+import { _ as r, a as t, b as e, c as s, d as m, e as p, f as x, g as f, h as _, i, j as d } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-BaTWaeN3.js";
+import { _ as l } from "../_shared/ChevronDownIcon-BYWciGnh.js";
 import { _ as n } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-ZYVNEyNx.js";
 import { _ as h } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-Bg7YPGyY.js";
-import { _ as g } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-BwTRzqr6.js";
+import { _ as F } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-BwTRzqr6.js";
 import { _ as B } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-DeAu2U_2.js";
-import { _ as F } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-CdMsCCBi.js";
-import { _ as A } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-Cv3HwIyF.js";
-import { _ as E } from "../_shared/Lightswitch.vue_vue_type_script_setup_true_lang-hiuDVfo5.js";
-import { _ as S } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-Miebq2nL.js";
+import { _ as u } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-CdMsCCBi.js";
+import { _ as C } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-Cv3HwIyF.js";
+import { _ as R } from "../_shared/Lightswitch.vue_vue_type_script_setup_true_lang-hiuDVfo5.js";
+import { _ as j } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-Miebq2nL.js";
 import { _ as y } from "../_shared/Toast.vue_vue_type_script_setup_true_lang-DS6keeu7.js";
 import { _ as L } from "../_shared/Tooltip.vue_vue_type_script_setup_true_lang-B3MHy48T.js";
 export {
   r as Accordion,
   t as Alert,
-  d as Badge,
+  l as Badge,
   n as ButtonBase,
   e as Checkbox,
-  g as Combobox,
+  F as Combobox,
   s as DataTable,
   B as Drawer,
-  A as Dropdown,
+  C as Dropdown,
   m as EmptyState,
+  p as FileUpload,
   h as FormInput,
-  p as FormSelect,
-  x as FormTextarea,
-  E as Lightswitch,
-  F as Modal,
-  f as Pagination,
-  _ as Radio,
-  S as RichTextEditor,
-  i as Tabs,
+  x as FormSelect,
+  f as FormTextarea,
+  R as Lightswitch,
+  u as Modal,
+  _ as Pagination,
+  i as Radio,
+  j as RichTextEditor,
+  d as Tabs,
   y as Toast,
   L as Tooltip
 };