@talex-touch/tuffex 0.3.3

package/dist/es/empty-state/src/TxEmptyState.vue2.js

@@ -0,0 +1,315 @@
+import { defineComponent, useSlots, computed, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createBlock, unref, createStaticVNode, createTextVNode, toDisplayString, withCtx } from 'vue';
+import { TxButton } from '../../button/index.js';
+import { TxIcon } from '../../icon/index.js';
+import '../../spinner/index.js';
+import _sfc_main$1 from '../../spinner/src/TxSpinner.vue.js';
+/* empty css                               */
+
+const _hoisted_1 = {
+  key: 0,
+  class: "tx-empty-state__icon"
+};
+const _hoisted_2 = ["data-variant"];
+const _hoisted_3 = {
+  key: 0,
+  class: "tx-empty-state__loading"
+};
+const _hoisted_4 = {
+  key: 1,
+  viewBox: "0 0 64 64",
+  "aria-hidden": "true"
+};
+const _hoisted_5 = {
+  key: 2,
+  viewBox: "0 0 64 64",
+  "aria-hidden": "true"
+};
+const _hoisted_6 = {
+  key: 3,
+  viewBox: "0 0 64 64",
+  "aria-hidden": "true"
+};
+const _hoisted_7 = {
+  key: 4,
+  viewBox: "0 0 64 64",
+  "aria-hidden": "true"
+};
+const _hoisted_8 = {
+  key: 5,
+  viewBox: "0 0 64 64",
+  "aria-hidden": "true"
+};
+const _hoisted_9 = {
+  key: 6,
+  viewBox: "0 0 64 64",
+  "aria-hidden": "true"
+};
+const _hoisted_10 = {
+  key: 7,
+  viewBox: "0 0 64 64",
+  "aria-hidden": "true"
+};
+const _hoisted_11 = {
+  key: 8,
+  viewBox: "0 0 64 64",
+  "aria-hidden": "true"
+};
+const _hoisted_12 = { class: "tx-empty-state__content" };
+const _hoisted_13 = {
+  key: 0,
+  class: "tx-empty-state__title"
+};
+const _hoisted_14 = {
+  key: 1,
+  class: "tx-empty-state__description"
+};
+const _hoisted_15 = {
+  key: 2,
+  class: "tx-empty-state__actions"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "TxEmptyState"
+  },
+  __name: "TxEmptyState",
+  props: {
+    variant: { default: "empty" },
+    title: {},
+    description: {},
+    icon: {},
+    iconSize: {},
+    layout: { default: "vertical" },
+    align: { default: "center" },
+    size: { default: "medium" },
+    surface: { default: "plain" },
+    primaryAction: {},
+    secondaryAction: {},
+    actionSize: { default: "small" },
+    loading: { type: Boolean, default: false }
+  },
+  emits: ["primary", "secondary"],
+  setup(__props, { emit: __emit }) {
+    const props = __props;
+    const emit = __emit;
+    const slots = useSlots();
+    const variantDefaults = {
+      "empty": {
+        title: "Nothing here",
+        description: "There is nothing to show yet.",
+        icon: "i-carbon-incomplete"
+      },
+      "blank-slate": {
+        title: "Start from scratch",
+        description: "Create your first item to get started.",
+        icon: ""
+      },
+      "no-data": {
+        title: "No data",
+        description: "No data available yet.",
+        icon: "i-carbon-data-base"
+      },
+      "no-selection": {
+        title: "Nothing selected",
+        description: "Select an item to see details.",
+        icon: "i-carbon-view"
+      },
+      "search-empty": {
+        title: "No results",
+        description: "Try a different keyword or filter.",
+        icon: "i-carbon-search"
+      },
+      "loading": {
+        title: "Loading",
+        description: "Please wait a moment.",
+        icon: ""
+      },
+      "offline": {
+        title: "You are offline",
+        description: "Check your connection and retry.",
+        icon: "i-carbon-cloud-offline"
+      },
+      "permission": {
+        title: "Access denied",
+        description: "You do not have permission to view this content.",
+        icon: "i-carbon-locked"
+      },
+      "error": {
+        title: "Something went wrong",
+        description: "Please try again later.",
+        icon: "i-carbon-warning"
+      },
+      "guide": {
+        title: "Start here",
+        description: "Follow the steps to get started.",
+        icon: "i-carbon-direction-straight-right"
+      },
+      "custom": {
+        title: "",
+        description: "",
+        icon: ""
+      }
+    };
+    const variantInfo = computed(() => variantDefaults[props.variant]);
+    const title = computed(() => props.title !== void 0 ? props.title : variantInfo.value.title);
+    const description = computed(() => props.description !== void 0 ? props.description : variantInfo.value.description);
+    const iconValue = computed(() => {
+      if (props.icon === null)
+        return null;
+      if (props.icon !== void 0)
+        return props.icon;
+      return variantInfo.value.icon ?? "";
+    });
+    const iconName = computed(() => typeof iconValue.value === "string" ? iconValue.value : "");
+    const iconSource = computed(() => typeof iconValue.value === "string" ? null : iconValue.value);
+    const illustrationVariants = /* @__PURE__ */ new Set([
+      "empty",
+      "blank-slate",
+      "loading",
+      "offline",
+      "permission",
+      "search-empty",
+      "no-data",
+      "no-selection",
+      "guide"
+    ]);
+    const hasIconSlot = computed(() => !!slots.icon);
+    const hasIconProp = computed(() => {
+      if (props.icon === void 0 || props.icon === null)
+        return false;
+      if (typeof props.icon === "string")
+        return props.icon.trim().length > 0;
+      return true;
+    });
+    const showSpinner = computed(() => props.loading && !hasIconSlot.value && !hasIconProp.value);
+    const useIllustration = computed(() => !hasIconSlot.value && !hasIconProp.value && !showSpinner.value && illustrationVariants.has(props.variant));
+    const illustrationVariant = computed(() => useIllustration.value ? props.variant : "");
+    const sizeMap = {
+      small: 28,
+      medium: 36,
+      large: 44
+    };
+    const resolvedIconSize = computed(() => props.iconSize ?? sizeMap[props.size]);
+    const showIcon = computed(() => hasIconSlot.value || showSpinner.value || useIllustration.value || !!iconName.value || !!iconSource.value);
+    const showTitle = computed(() => !!slots.title || !!title.value);
+    const showDescription = computed(() => !!slots.description || !!description.value);
+    const showActions = computed(() => !!slots.actions || !!props.primaryAction || !!props.secondaryAction);
+    function getActionSize(action) {
+      return action?.size ?? props.actionSize;
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass(["tx-empty-state", [
+          `tx-empty-state--layout-${__props.layout}`,
+          `tx-empty-state--align-${__props.align}`,
+          `tx-empty-state--size-${__props.size}`,
+          `tx-empty-state--variant-${__props.variant}`,
+          { "tx-empty-state--card": __props.surface === "card" }
+        ]])
+      }, [
+        showIcon.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+          renderSlot(_ctx.$slots, "icon", {}, () => [
+            showSpinner.value ? (openBlock(), createBlock(unref(_sfc_main$1), {
+              key: 0,
+              size: resolvedIconSize.value
+            }, null, 8, ["size"])) : useIllustration.value ? (openBlock(), createElementBlock("span", {
+              key: 1,
+              class: "tx-empty-state__illustration",
+              "data-variant": illustrationVariant.value
+            }, [
+              illustrationVariant.value === "loading" ? (openBlock(), createElementBlock("div", _hoisted_3, [..._cache[2] || (_cache[2] = [
+                createStaticVNode('<div class="tx-empty-state__loading-row" data-v-dc46790f><div class="tx-empty-state__skeleton-block tx-empty-state__loading-avatar" data-v-dc46790f></div><div class="tx-empty-state__loading-lines" data-v-dc46790f><div class="tx-empty-state__skeleton-block tx-empty-state__loading-line tx-empty-state__loading-line--wide" data-v-dc46790f></div><div class="tx-empty-state__skeleton-block tx-empty-state__loading-line tx-empty-state__loading-line--short" data-v-dc46790f></div></div></div><div class="tx-empty-state__loading-row tx-empty-state__loading-row--muted" data-v-dc46790f><div class="tx-empty-state__skeleton-block tx-empty-state__loading-avatar" data-v-dc46790f></div><div class="tx-empty-state__loading-lines" data-v-dc46790f><div class="tx-empty-state__skeleton-block tx-empty-state__loading-line tx-empty-state__loading-line--wide" data-v-dc46790f></div><div class="tx-empty-state__skeleton-block tx-empty-state__loading-line tx-empty-state__loading-line--short" data-v-dc46790f></div></div></div>', 2)
+              ])])) : illustrationVariant.value === "no-selection" ? (openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[3] || (_cache[3] = [
+                createStaticVNode('<rect class="tx-empty-state__selection-bg-item" x="12" y="8" width="32" height="4" rx="2" data-v-dc46790f></rect><g class="tx-empty-state__selection-target" data-v-dc46790f><rect class="tx-empty-state__selection-item-bg" x="12" y="18" width="40" height="12" rx="4" data-v-dc46790f></rect><circle class="tx-empty-state__selection-item-icon" cx="20" cy="24" r="3" data-v-dc46790f></circle><rect class="tx-empty-state__selection-item-text" x="26" y="22" width="20" height="4" rx="2" data-v-dc46790f></rect></g><g opacity="0.6" data-v-dc46790f><rect class="tx-empty-state__selection-item-bg-muted" x="12" y="36" width="40" height="12" rx="4" data-v-dc46790f></rect><circle class="tx-empty-state__selection-item-icon" cx="20" cy="42" r="3" data-v-dc46790f></circle><rect class="tx-empty-state__selection-item-text" x="26" y="40" width="16" height="4" rx="2" data-v-dc46790f></rect></g><path class="tx-empty-state__selection-cursor" d="M38 42l-2.9-12.7 10.3 5.4-6.3 1.9 4.3 6.4-3.2 2.1-4.2-6.4Z" data-v-dc46790f></path>', 4)
+              ])])) : illustrationVariant.value === "search-empty" ? (openBlock(), createElementBlock("svg", _hoisted_5, [..._cache[4] || (_cache[4] = [
+                createStaticVNode('<g class="tx-empty-state__search-group" data-v-dc46790f><circle class="tx-empty-state__search-glass-bg" cx="28" cy="28" r="14" data-v-dc46790f></circle><circle class="tx-empty-state__search-glass-border" cx="28" cy="28" r="14" data-v-dc46790f></circle><line class="tx-empty-state__search-handle" x1="38" y1="38" x2="52" y2="52" data-v-dc46790f></line></g><g class="tx-empty-state__search-bubble" data-v-dc46790f><rect x="30" y="8" width="14" height="18" rx="4" class="tx-empty-state__search-bubble-bg" data-v-dc46790f></rect><text x="37" y="21" font-size="14" font-weight="bold" text-anchor="middle" class="tx-empty-state__search-question" data-v-dc46790f>?</text></g>', 2)
+              ])])) : illustrationVariant.value === "no-data" ? (openBlock(), createElementBlock("svg", _hoisted_6, [..._cache[5] || (_cache[5] = [
+                createStaticVNode('<line class="tx-empty-state__chart-axis" x1="8" y1="56" x2="56" y2="56" data-v-dc46790f></line><line class="tx-empty-state__chart-axis" x1="8" y1="16" x2="8" y2="56" data-v-dc46790f></line><path class="tx-empty-state__chart-line" d="M8 48 Q 20 48 32 48 T 56 48" data-v-dc46790f></path><g transform="translate(38, 38)" class="tx-empty-state__chart-marks" data-v-dc46790f><path d="M-3 -3 L3 3 M3 -3 L-3 3" stroke-width="2" stroke-linecap="round" data-v-dc46790f></path></g><g transform="translate(26, 26)" class="tx-empty-state__chart-marks" data-v-dc46790f><path d="M-2 -2 L2 2 M2 -2 L-2 2" stroke-width="2" stroke-linecap="round" data-v-dc46790f></path></g>', 5)
+              ])])) : illustrationVariant.value === "offline" ? (openBlock(), createElementBlock("svg", _hoisted_7, [..._cache[6] || (_cache[6] = [
+                createStaticVNode('<g class="tx-empty-state__offline-cloud" data-v-dc46790f><path class="tx-empty-state__offline-wave tx-empty-state__offline-wave--1" d="M20 36c7-7 17-7 24 0" data-v-dc46790f></path><path class="tx-empty-state__offline-wave tx-empty-state__offline-wave--2" d="M14 30c10-10 26-10 36 0" data-v-dc46790f></path><path class="tx-empty-state__offline-wave tx-empty-state__offline-wave--3" d="M26 42c4-4 8-4 12 0" data-v-dc46790f></path><circle class="tx-empty-state__offline-dot" cx="32" cy="48" r="2.5" data-v-dc46790f></circle></g><line class="tx-empty-state__offline-slash" x1="16" y1="52" x2="48" y2="16" data-v-dc46790f></line>', 2)
+              ])])) : illustrationVariant.value === "permission" ? (openBlock(), createElementBlock("svg", _hoisted_8, [..._cache[7] || (_cache[7] = [
+                createStaticVNode('<g class="tx-empty-state__lock" data-v-dc46790f><path class="tx-empty-state__lock-shackle" d="M24 28v-6a8 8 0 0 1 16 0v6" data-v-dc46790f></path><rect class="tx-empty-state__lock-body" x="20" y="28" width="24" height="18" rx="4" data-v-dc46790f></rect><circle class="tx-empty-state__lock-keyhole" cx="32" cy="37" r="2.5" data-v-dc46790f></circle><rect class="tx-empty-state__lock-keyhole-line" x="31" y="38" width="2" height="4" data-v-dc46790f></rect></g>', 1)
+              ])])) : illustrationVariant.value === "blank-slate" ? (openBlock(), createElementBlock("svg", _hoisted_9, [..._cache[8] || (_cache[8] = [
+                createElementVNode("path", {
+                  class: "tx-empty-state__sheet",
+                  d: "M18 10h18l12 12v30a4 4 0 0 1-4 4H18a4 4 0 0 1-4-4V14a4 4 0 0 1 4-4z"
+                }, null, -1),
+                createElementVNode("path", {
+                  class: "tx-empty-state__sheet-corner",
+                  d: "M36 10v8a4 4 0 0 0 4 4h8"
+                }, null, -1),
+                createElementVNode("circle", {
+                  class: "tx-empty-state__sheet-plus-bg",
+                  cx: "48",
+                  cy: "48",
+                  r: "10"
+                }, null, -1),
+                createElementVNode("path", {
+                  class: "tx-empty-state__sheet-plus-icon",
+                  d: "M48 43v10m-5-5h10"
+                }, null, -1)
+              ])])) : illustrationVariant.value === "empty" ? (openBlock(), createElementBlock("svg", _hoisted_10, [..._cache[9] || (_cache[9] = [
+                createStaticVNode('<g transform="translate(0, 4)" data-v-dc46790f><rect class="tx-empty-state__box-body" x="18" y="30" width="28" height="16" rx="2" data-v-dc46790f></rect><path class="tx-empty-state__box-lid-back" d="M18 30h28v-8h-28z" data-v-dc46790f></path><g class="tx-empty-state__box-lid-wrapper" data-v-dc46790f><rect class="tx-empty-state__box-lid" x="18" y="22" width="28" height="8" rx="1" data-v-dc46790f></rect></g><circle class="tx-empty-state__box-dust tx-empty-state__box-dust--1" cx="14" cy="46" r="2" data-v-dc46790f></circle><circle class="tx-empty-state__box-dust tx-empty-state__box-dust--2" cx="10" cy="42" r="1.5" data-v-dc46790f></circle></g>', 1)
+              ])])) : illustrationVariant.value === "guide" ? (openBlock(), createElementBlock("svg", _hoisted_11, [..._cache[10] || (_cache[10] = [
+                createStaticVNode('<g class="tx-empty-state__guide-wrapper" data-v-dc46790f><circle class="tx-empty-state__guide-circle" cx="32" cy="20" r="10" data-v-dc46790f></circle><path class="tx-empty-state__guide-arrow" d="M32 26V14M27 19l5-5 5 5" data-v-dc46790f></path></g><rect class="tx-empty-state__guide-bar" x="20" y="40" width="24" height="4" rx="2" data-v-dc46790f></rect><rect class="tx-empty-state__guide-progress" x="20" y="40" width="12" height="4" rx="2" data-v-dc46790f></rect>', 3)
+              ])])) : createCommentVNode("", true)
+            ], 8, _hoisted_2)) : iconSource.value ? (openBlock(), createBlock(unref(TxIcon), {
+              key: 2,
+              icon: iconSource.value,
+              size: resolvedIconSize.value
+            }, null, 8, ["icon", "size"])) : iconName.value ? (openBlock(), createBlock(unref(TxIcon), {
+              key: 3,
+              name: iconName.value,
+              size: resolvedIconSize.value
+            }, null, 8, ["name", "size"])) : createCommentVNode("", true)
+          ], true)
+        ])) : createCommentVNode("", true),
+        createElementVNode("div", _hoisted_12, [
+          showTitle.value ? (openBlock(), createElementBlock("div", _hoisted_13, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(title.value), 1)
+            ], true)
+          ])) : createCommentVNode("", true),
+          showDescription.value ? (openBlock(), createElementBlock("div", _hoisted_14, [
+            renderSlot(_ctx.$slots, "description", {}, () => [
+              createTextVNode(toDisplayString(description.value), 1)
+            ], true)
+          ])) : createCommentVNode("", true),
+          showActions.value ? (openBlock(), createElementBlock("div", _hoisted_15, [
+            renderSlot(_ctx.$slots, "actions", {}, () => [
+              __props.secondaryAction ? (openBlock(), createBlock(unref(TxButton), {
+                key: 0,
+                variant: __props.secondaryAction.variant,
+                type: __props.secondaryAction.type,
+                size: getActionSize(__props.secondaryAction),
+                disabled: __props.secondaryAction.disabled,
+                icon: __props.secondaryAction.icon,
+                onClick: _cache[0] || (_cache[0] = ($event) => emit("secondary"))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.secondaryAction.label), 1)
+                ]),
+                _: 1
+              }, 8, ["variant", "type", "size", "disabled", "icon"])) : createCommentVNode("", true),
+              __props.primaryAction ? (openBlock(), createBlock(unref(TxButton), {
+                key: 1,
+                variant: __props.primaryAction.variant,
+                type: __props.primaryAction.type,
+                size: getActionSize(__props.primaryAction),
+                disabled: __props.primaryAction.disabled,
+                icon: __props.primaryAction.icon,
+                onClick: _cache[1] || (_cache[1] = ($event) => emit("primary"))
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(__props.primaryAction.label), 1)
+                ]),
+                _: 1
+              }, 8, ["variant", "type", "size", "disabled", "icon"])) : createCommentVNode("", true)
+            ], true)
+          ])) : createCommentVNode("", true)
+        ])
+      ], 2);
+    };
+  }
+});
+
+export { _sfc_main as default };

package/dist/es/empty-state/src/types.d.ts

@@ -0,0 +1,35 @@
+import { TxButtonProps } from '../../button';
+import { TxIconSource } from '../../icon';
+
+export type EmptyStateVariant = 'empty' | 'blank-slate' | 'no-data' | 'no-selection' | 'search-empty' | 'loading' | 'offline' | 'permission' | 'error' | 'guide' | 'custom';
+export type EmptyStateLayout = 'vertical' | 'horizontal';
+export type EmptyStateAlign = 'start' | 'center' | 'end';
+export type EmptyStateSize = 'small' | 'medium' | 'large';
+export type EmptyStateSurface = 'plain' | 'card';
+export interface EmptyStateAction {
+    label: string;
+    type?: TxButtonProps['type'];
+    variant?: TxButtonProps['variant'];
+    size?: TxButtonProps['size'];
+    disabled?: boolean;
+    icon?: string;
+}
+export interface EmptyStateProps {
+    variant?: EmptyStateVariant;
+    title?: string;
+    description?: string;
+    icon?: TxIconSource | string | null;
+    iconSize?: number;
+    layout?: EmptyStateLayout;
+    align?: EmptyStateAlign;
+    size?: EmptyStateSize;
+    surface?: EmptyStateSurface;
+    primaryAction?: EmptyStateAction;
+    secondaryAction?: EmptyStateAction;
+    actionSize?: TxButtonProps['size'];
+    loading?: boolean;
+}
+export interface EmptyStateEmits {
+    (e: 'primary'): void;
+    (e: 'secondary'): void;
+}

package/dist/es/file-uploader/__tests__/file-uploader.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/es/file-uploader/index.d.ts

@@ -0,0 +1,216 @@
+import { FileUploaderEmits, FileUploaderFile, FileUploaderProps } from './src/types';
+import { default as TxFileUploader } from './src/TxFileUploader.vue';
+
+declare const FileUploader: {
+    new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        max: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        modelValue: {
+            type: import('vue').PropType<FileUploaderFile[]>;
+        };
+        multiple: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        accept: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        showSize: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        allowDrop: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        buttonText: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        dropText: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        hintText: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }>> & Readonly<{
+        onAdd?: ((value: FileUploaderFile[]) => any) | undefined;
+        onRemove?: ((payload: {
+            id: string;
+            value: FileUploaderFile[];
+        }) => any) | undefined;
+        onChange?: ((value: FileUploaderFile[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: FileUploaderFile[]) => any) | undefined;
+    }>, {
+        pick: () => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: FileUploaderFile[]) => void;
+        change: (value: FileUploaderFile[]) => void;
+        add: (value: FileUploaderFile[]) => void;
+        remove: (payload: {
+            id: string;
+            value: FileUploaderFile[];
+        }) => void;
+    }, import('vue').PublicProps, {
+        disabled: boolean;
+        max: number;
+        multiple: boolean;
+        accept: string;
+        showSize: boolean;
+        allowDrop: boolean;
+        buttonText: string;
+        dropText: string;
+        hintText: string;
+    }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, any, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<import('vue').ExtractPropTypes<{
+        disabled: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        max: {
+            type: import('vue').PropType<number>;
+            default: number;
+        };
+        modelValue: {
+            type: import('vue').PropType<FileUploaderFile[]>;
+        };
+        multiple: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        accept: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        showSize: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        allowDrop: {
+            type: import('vue').PropType<boolean>;
+            default: boolean;
+        };
+        buttonText: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        dropText: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+        hintText: {
+            type: import('vue').PropType<string>;
+            default: string;
+        };
+    }>> & Readonly<{
+        onAdd?: ((value: FileUploaderFile[]) => any) | undefined;
+        onRemove?: ((payload: {
+            id: string;
+            value: FileUploaderFile[];
+        }) => any) | undefined;
+        onChange?: ((value: FileUploaderFile[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((value: FileUploaderFile[]) => any) | undefined;
+    }>, {
+        pick: () => void;
+    }, {}, {}, {}, {
+        disabled: boolean;
+        max: number;
+        multiple: boolean;
+        accept: string;
+        showSize: boolean;
+        allowDrop: boolean;
+        buttonText: string;
+        dropText: string;
+        hintText: string;
+    }>;
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
+    disabled: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    max: {
+        type: import('vue').PropType<number>;
+        default: number;
+    };
+    modelValue: {
+        type: import('vue').PropType<FileUploaderFile[]>;
+    };
+    multiple: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    accept: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    showSize: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    allowDrop: {
+        type: import('vue').PropType<boolean>;
+        default: boolean;
+    };
+    buttonText: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    dropText: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+    hintText: {
+        type: import('vue').PropType<string>;
+        default: string;
+    };
+}>> & Readonly<{
+    onAdd?: ((value: FileUploaderFile[]) => any) | undefined;
+    onRemove?: ((payload: {
+        id: string;
+        value: FileUploaderFile[];
+    }) => any) | undefined;
+    onChange?: ((value: FileUploaderFile[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: FileUploaderFile[]) => any) | undefined;
+}>, {
+    pick: () => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: FileUploaderFile[]) => void;
+    change: (value: FileUploaderFile[]) => void;
+    add: (value: FileUploaderFile[]) => void;
+    remove: (payload: {
+        id: string;
+        value: FileUploaderFile[];
+    }) => void;
+}, string, {
+    disabled: boolean;
+    max: number;
+    multiple: boolean;
+    accept: string;
+    showSize: boolean;
+    allowDrop: boolean;
+    buttonText: string;
+    dropText: string;
+    hintText: string;
+}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & import('vue').Plugin;
+export { FileUploader, TxFileUploader };
+export type { FileUploaderEmits, FileUploaderFile, FileUploaderProps };
+export type TxFileUploaderInstance = InstanceType<typeof TxFileUploader>;
+export default FileUploader;

package/dist/es/file-uploader/index.js

@@ -0,0 +1,6 @@
+import { withInstall } from '../utils/withInstall.js';
+import TxFileUploader from './src/TxFileUploader.vue.js';
+
+const FileUploader = withInstall(TxFileUploader);
+
+export { FileUploader, TxFileUploader, FileUploader as default };

package/dist/es/file-uploader/src/TxFileUploader.vue.d.ts

@@ -0,0 +1,70 @@
+import { FileUploaderFile, FileUploaderProps } from './types';
+
+declare function pick(): void;
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FileUploaderProps>, {
+    multiple: boolean;
+    accept: string;
+    disabled: boolean;
+    max: number;
+    showSize: boolean;
+    allowDrop: boolean;
+    buttonText: string;
+    dropText: string;
+    hintText: string;
+}>>, {
+    pick: typeof pick;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: FileUploaderFile[]) => void;
+    change: (value: FileUploaderFile[]) => void;
+    add: (value: FileUploaderFile[]) => void;
+    remove: (payload: {
+        id: string;
+        value: FileUploaderFile[];
+    }) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<FileUploaderProps>, {
+    multiple: boolean;
+    accept: string;
+    disabled: boolean;
+    max: number;
+    showSize: boolean;
+    allowDrop: boolean;
+    buttonText: string;
+    dropText: string;
+    hintText: string;
+}>>> & Readonly<{
+    onAdd?: ((value: FileUploaderFile[]) => any) | undefined;
+    onRemove?: ((payload: {
+        id: string;
+        value: FileUploaderFile[];
+    }) => any) | undefined;
+    onChange?: ((value: FileUploaderFile[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: FileUploaderFile[]) => any) | undefined;
+}>, {
+    disabled: boolean;
+    max: number;
+    multiple: boolean;
+    accept: string;
+    showSize: boolean;
+    allowDrop: boolean;
+    buttonText: string;
+    dropText: string;
+    hintText: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/es/file-uploader/src/TxFileUploader.vue.js

@@ -0,0 +1,7 @@
+import _sfc_main from './TxFileUploader.vue2.js';
+/* empty css                    */
+import _export_sfc from '../../_virtual/_plugin-vue_export-helper.js';
+
+const TxFileUploader = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-aacd3ae1"]]);
+
+export { TxFileUploader as default };