@robuust-digital/vue-components 2.4.0-beta.1 → 2.5.0-beta.1

package/dist/_shared/XMarkIcon-DdMV8USU.js

@@ -0,0 +1,53 @@
+import { defineComponent as n, createBlock as o, openBlock as l, resolveDynamicComponent as c, normalizeClass as d, withCtx as s, renderSlot as i, createTextVNode as u, toDisplayString as f, createElementBlock as t, createElementVNode as r } from "vue";
+const g = /* @__PURE__ */ n({
+  __name: "Badge",
+  props: {
+    as: { default: "span" },
+    label: { default: "" },
+    size: { default: "base" },
+    color: { default: "default" }
+  },
+  setup(e) {
+    return (a, m) => (l(), o(c(e.as), {
+      class: d(["rvc-badge", `rvc-badge-${e.color}`, `rvc-badge-${e.size}`])
+    }, {
+      default: s(() => [
+        i(a.$slots, "default", { label: e.label }, () => [
+          u(f(e.label), 1)
+        ])
+      ]),
+      _: 3
+    }, 8, ["class"]));
+  }
+});
+function w(e, a) {
+  return l(), t("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", {
+      "fill-rule": "evenodd",
+      d: "M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z",
+      "clip-rule": "evenodd"
+    })
+  ]);
+}
+function h(e, a) {
+  return l(), t("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 20 20",
+    fill: "currentColor",
+    "aria-hidden": "true",
+    "data-slot": "icon"
+  }, [
+    r("path", { d: "M6.28 5.22a.75.75 0 0 0-1.06 1.06L8.94 10l-3.72 3.72a.75.75 0 1 0 1.06 1.06L10 11.06l3.72 3.72a.75.75 0 1 0 1.06-1.06L11.06 10l3.72-3.72a.75.75 0 0 0-1.06-1.06L10 8.94 6.28 5.22Z" })
+  ]);
+}
+export {
+  g as _,
+  h as a,
+  w as r
+};

package/dist/combobox/index.js

@@ -1,4 +1,4 @@
-import { _ as a } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-CxRv55TC.js";
+import { _ as a } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-C3AfEWj5.js";
 export {
   a as Combobox,
   a as default

package/dist/core/file.css

@@ -0,0 +1,206 @@
+:root {
+  --rvc-file-border-radius: var(--rvc-base-border-radius);
+  --rvc-file-border-width: var(--rvc-base-border-width);
+  --rvc-file-border-color: var(--rvc-base-border-color);
+  --rvc-file-font-size: var(--rvc-base-input-font-size);
+  --rvc-file-font-weight: var(--rvc-base-input-font-weight);
+  --rvc-file-box-shadow: var(--rvc-base-box-shadow);
+  --rvc-file-color: var(--rvc-base-input-color);
+  --rvc-file-bg-color: var(--rvc-base-input-bg-color);
+  --rvc-file-bg-color-disabled: var(--rvc-base-input-bg-color-disabled);
+  --rvc-file-disabled-opacity: var(--rvc-base-input-disabled-opacity);
+  --rvc-file-icon-size: var(--rvc-base-input-icon-size);
+  --rvc-file-icon-color: var(--rvc-base-input-icon-color);
+  --rvc-file-padding-x: var(--rvc-base-input-padding-x);
+  --rvc-file-height: var(--rvc-base-input-height);
+  --rvc-file-placeholder-color: var(--rvc-base-input-placeholder-color);
+  --rvc-file-preview-size: 5rem;
+  --rvc-file-action-color: var(--color-slate-600);
+  --rvc-file-action-hover-color: var(--color-slate-900);
+  --rvc-file-delete-color: var(--color-red-600);
+  --rvc-file-delete-hover-color: var(--color-red-700);
+
+  /* Small variant */
+  --rvc-file-font-size-sm: calc(var(--rvc-base-input-font-size) * 0.9);
+  --rvc-file-padding-x-sm: calc(var(--rvc-base-input-padding-x) * 0.85);
+  --rvc-file-icon-size-sm: calc(var(--rvc-base-input-icon-size) * 0.85);
+  --rvc-file-height-sm: 1.875rem;
+  --rvc-file-preview-size-sm: 4rem;
+}
+
+@layer components {
+  .rvc-file {
+    display: flex;
+    flex-direction: column;
+    gap: 0.75rem;
+
+    .rvc-file-input {
+      display: none;
+    }
+
+    .rvc-file-display {
+      display: grid;
+      grid-template-columns: 1fr;
+      width: 100%;
+      height: var(--rvc-file-height);
+      padding-inline: var(--rvc-file-padding-x);
+      transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
+      border-width: var(--rvc-file-border-width);
+      border-radius: var(--rvc-file-border-radius);
+      border-color: var(--rvc-file-border-color);
+      outline-width: 0;
+      background-color: var(--rvc-file-bg-color);
+      background-image: none;
+      box-shadow: var(--rvc-file-box-shadow);
+      color: var(--rvc-file-color);
+      font-size: var(--rvc-file-font-size);
+      font-weight: var(--rvc-file-font-weight);
+      cursor: pointer;
+
+      &:hover {
+        border-color: var(--color-slate-400);
+      }
+
+      &:focus-within {
+        border-color: var(--color-blue-500);
+        box-shadow: 0 0 0 3px rgb(59 130 246 / 10%);
+      }
+    }
+
+    .rvc-file-prefix,
+    .rvc-file-suffix {
+      position: relative;
+      z-index: 1;
+      grid-column-start: 1;
+      grid-row-start: 1;
+      align-self: center;
+      color: var(--rvc-file-icon-color);
+      pointer-events: none;
+    }
+
+    .rvc-file-prefix {
+      justify-self: start;
+    }
+
+    .rvc-file-suffix {
+      justify-self: end;
+    }
+
+    .rvc-file-label {
+      grid-column-start: 1;
+      grid-row-start: 1;
+      align-self: center;
+      overflow: hidden;
+      color: var(--rvc-file-placeholder-color);
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+
+    &:has(.rvc-file-prefix) .rvc-file-label {
+      padding-left: calc(var(--rvc-file-icon-size) + 0.25rem);
+    }
+
+    &:has(.rvc-file-suffix) .rvc-file-label {
+      padding-right: calc(var(--rvc-file-icon-size) + 0.25rem);
+    }
+
+    svg {
+      width: var(--rvc-file-icon-size);
+      height: var(--rvc-file-icon-size);
+    }
+
+    .rvc-file-preview {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      width: var(--rvc-file-preview-size);
+      height: var(--rvc-file-preview-size);
+      overflow: hidden;
+      border-width: var(--rvc-file-border-width);
+      border-radius: var(--rvc-file-border-radius);
+      border-color: var(--rvc-file-border-color);
+      background-color: var(--color-gray-50);
+    }
+
+    .rvc-file-preview-image {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+
+    .rvc-file-actions {
+      display: flex;
+      gap: 0.5rem;
+    }
+
+    .rvc-file-action {
+      display: inline-flex;
+      align-items: center;
+      gap: 0.375rem;
+      padding: 0.375rem 0.75rem;
+      transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out;
+      border: none;
+      border-radius: var(--rvc-file-border-radius);
+      background-color: transparent;
+      color: var(--rvc-file-action-color);
+      font-size: 0.875rem;
+      font-weight: 500;
+      cursor: pointer;
+
+      svg {
+        width: 1rem;
+        height: 1rem;
+      }
+
+      &:hover {
+        background-color: var(--color-slate-100);
+        color: var(--rvc-file-action-hover-color);
+      }
+
+      &:focus {
+        outline: 2px solid var(--color-blue-500);
+        outline-offset: 2px;
+      }
+    }
+
+    .rvc-file-delete {
+      color: var(--rvc-file-delete-color);
+
+      &:hover {
+        background-color: var(--color-red-50);
+        color: var(--rvc-file-delete-hover-color);
+      }
+    }
+
+    .rvc-file-action-label {
+      line-height: 1;
+    }
+
+    &.rvc-file-sm {
+      --rvc-file-font-size: var(--rvc-file-font-size-sm);
+      --rvc-file-padding-x: var(--rvc-file-padding-x-sm);
+      --rvc-file-icon-size: var(--rvc-file-icon-size-sm);
+      --rvc-file-height: var(--rvc-file-height-sm);
+      --rvc-file-preview-size: var(--rvc-file-preview-size-sm);
+
+      .rvc-file-action {
+        padding: 0.25rem 0.5rem;
+        font-size: 0.8125rem;
+
+        svg {
+          width: 0.875rem;
+          height: 0.875rem;
+        }
+      }
+    }
+
+    &:has(:disabled) {
+      opacity: var(--rvc-file-disabled-opacity);
+
+      .rvc-file-display {
+        background-color: var(--rvc-file-bg-color-disabled);
+        cursor: not-allowed;
+      }
+    }
+  }
+}

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-DMUJ5Emt.js";
-import { _ as b } from "../_shared/ChevronDownIcon-CcE_K1lg.js";
-import { _ } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-BLm8QzEC.js";
-import { _ as l } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-C_1WSzbH.js";
+import { _ as e, a as s, b as r, c as t, d as m, e as i, f as p, g as x, h as c, i as f, j as n } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-Dc0jC2cn.js";
+import { _ as b } from "../_shared/XMarkIcon-DdMV8USU.js";
+import { _ as l } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-BLm8QzEC.js";
+import { _ as g } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-C_1WSzbH.js";
 export {
   e as Accordion,
   s as Alert,
   b as Badge,
-  _ as ButtonBase,
-  t as Checkbox,
-  r as DataTable,
+  l as ButtonBase,
+  r as Checkbox,
+  t as DataTable,
   m as EmptyState,
-  l as FormInput,
+  i as FormFile,
+  g as FormInput,
   p as FormSelect,
   x as FormTextarea,
   c as Pagination,
   f as Radio,
-  i as Tabs
+  n as Tabs
 };

package/dist/core/styles.css

@@ -4,6 +4,7 @@
 @import "./button.css";
 @import "./checkbox.css";
 @import "./empty-state.css";
+@import "./file.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<{
@@ -22,7 +39,7 @@ perPageOptions: number[];
 fromLabel: string;
 }, {}, {}, {}, 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;
@@ -98,35 +115,38 @@ 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<FormFileProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+"update:modelValue": (value: ExistingFile | File | null) => any;
+delete: () => any;
+}, string, PublicProps, Readonly<FormFileProps> & Readonly<{
+"onUpdate:modelValue"?: ((value: ExistingFile | File | null) => any) | undefined;
+onDelete?: (() => any) | undefined;
 }>, {
 icon: Icon | null;
-size: FormInputSize;
-modelValue: string | number;
+size: FormFileSize;
+modelValue: File | ExistingFile | null;
 rootClass: string;
 prefixIcon: Icon | null;
+placeholder: string;
+showPreview: boolean;
+clearLabel: string;
+deleteLabel: string;
 }, {}, {}, {}, string, ComponentProvideOptions, false, {
-input: HTMLInputElement;
+fileInput: 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(): {
@@ -149,6 +169,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?(_: {
@@ -170,7 +209,7 @@ declare function __VLS_template_10(): {
     rootEl: any;
 };
 
-declare function __VLS_template_11(): {
+declare function __VLS_template_12(): {
     attrs: Partial<{}>;
     slots: {
         default?(_: {}): any;
@@ -311,14 +350,15 @@ declare function __VLS_template_8(): {
         prefixIcon?(_: {
             icon: Icon | null;
         }): any;
-        input?(_: {}): any;
         suffix?(_: {}): any;
         icon?(_: {
             icon: Icon | null;
         }): any;
+        clearIcon?(_: {}): any;
+        deleteIcon?(_: {}): any;
     };
     refs: {
-        input: HTMLInputElement;
+        fileInput: HTMLInputElement;
     };
     rootEl: any;
 };
@@ -326,18 +366,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;
 };
@@ -348,6 +388,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>;
@@ -382,6 +424,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;
@@ -549,7 +597,28 @@ declare interface EmptyStateProps {
     icon?: Icon | null;
 }
 
-export declare const FormInput: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
+export declare interface ExistingFile {
+    url: string;
+    name: string;
+}
+
+export declare const FormFile: __VLS_WithTemplateSlots_8<typeof __VLS_component_8, __VLS_TemplateResult_8["slots"]>;
+
+export declare interface FormFileProps {
+    modelValue?: File | ExistingFile | null;
+    rootClass?: string;
+    prefixIcon?: Icon | null;
+    icon?: Icon | null;
+    size?: FormFileSize;
+    placeholder?: string;
+    showPreview?: boolean;
+    clearLabel?: string;
+    deleteLabel?: string;
+}
+
+declare type FormFileSize = 'sm' | 'base';
+
+export declare const FormInput: __VLS_WithTemplateSlots_9<typeof __VLS_component_9, __VLS_TemplateResult_9["slots"]>;
 
 declare type FormInputModelValue = string | number | undefined;
 
@@ -563,7 +632,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;
 
@@ -604,7 +673,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;
@@ -628,7 +697,7 @@ declare interface PaginationProps {
     fromLabel?: string;
 }
 
-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-DMUJ5Emt.js";
-import { _ as d } from "../_shared/ChevronDownIcon-CcE_K1lg.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 c } from "../_shared/Tabs.vue_vue_type_script_setup_true_lang-Dc0jC2cn.js";
+import { _ as b } from "../_shared/XMarkIcon-DdMV8USU.js";
 import { _ as n } from "../_shared/ButtonBase.vue_vue_type_script_setup_true_lang-BLm8QzEC.js";
 import { _ as h } from "../_shared/FormInput.vue_vue_type_script_setup_true_lang-C_1WSzbH.js";
-import { _ as g } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-CxRv55TC.js";
+import { _ as g } from "../_shared/Combobox.vue_vue_type_script_setup_true_lang-C3AfEWj5.js";
 import { _ as B } from "../_shared/Drawer.vue_vue_type_script_setup_true_lang-XMND_Yzl.js";
-import { _ as F } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-2AljJgxw.js";
-import { _ as A } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-BtkiBqxy.js";
-import { _ as E } from "../_shared/Lightswitch.vue_vue_type_script_setup_true_lang-DX23lEFd.js";
-import { _ as S } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-BLs_S_-D.js";
+import { _ as u } from "../_shared/Modal.vue_vue_type_script_setup_true_lang-2AljJgxw.js";
+import { _ as C } from "../_shared/Dropdown.vue_vue_type_script_setup_true_lang-BtkiBqxy.js";
+import { _ as R } from "../_shared/Lightswitch.vue_vue_type_script_setup_true_lang-DX23lEFd.js";
+import { _ as j } from "../_shared/RichTextEditor.vue_vue_type_script_setup_true_lang-BLs_S_-D.js";
 import { _ as y } from "../_shared/Toast.vue_vue_type_script_setup_true_lang-BfMkJm5T.js";
 import { _ as L } from "../_shared/Tooltip.vue_vue_type_script_setup_true_lang-CKp1wzE2.js";
 export {
   r as Accordion,
   t as Alert,
-  d as Badge,
+  b as Badge,
   n as ButtonBase,
   e as Checkbox,
   g as Combobox,
   s as DataTable,
   B as Drawer,
-  A as Dropdown,
+  C as Dropdown,
   m as EmptyState,
+  p as FormFile,
   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,
+  c as Tabs,
   y as Toast,
   L as Tooltip
 };