vlite3 0.1.0 → 0.1.2

package/components/Form/Form.vue2.js

@@ -0,0 +1,238 @@
+import { defineComponent as K, computed as d, ref as O, watch as Q, openBlock as i, createElementBlock as r, withModifiers as W, normalizeClass as f, createVNode as F, createCommentVNode as u, unref as t, Fragment as X, renderList as Y, createElementVNode as U, toDisplayString as k, renderSlot as Z, createBlock as x, mergeProps as I } from "vue";
+import { useForm as _ } from "./composables/useForm.js";
+import D from "./FormFields.vue.js";
+import p from "../Button.vue.js";
+import ee from "../Timeline.vue.js";
+const te = {
+  key: 0,
+  class: "form-timeline mb-18"
+}, ae = {
+  key: 1,
+  class: "form-fields-single"
+}, ie = {
+  key: 2,
+  class: "form-groups space-y-6"
+}, se = { class: "text-base font-semibold text-foreground" }, le = {
+  key: 0,
+  class: "text-sm text-muted-foreground mt-1"
+}, ne = { class: "form-group-body p-6" }, re = {
+  key: 3,
+  class: "form-step"
+}, oe = { class: "text-lg font-semibold text-foreground" }, ue = {
+  key: 0,
+  class: "text-sm text-muted-foreground mt-1"
+}, ye = /* @__PURE__ */ K({
+  __name: "Form",
+  props: {
+    schema: {},
+    values: { default: () => ({}) },
+    variant: { default: "outline" },
+    size: { default: "md" },
+    rounded: { default: "md" },
+    loading: { type: Boolean, default: !1 },
+    footer: { type: Boolean, default: !0 },
+    groupsHeadings: { default: () => [] },
+    groupHeadingsDescription: { default: () => [] },
+    tabs: {},
+    submitText: { default: "Submit" },
+    submitProps: {},
+    cancelText: { default: "Cancel" },
+    showCancel: { type: Boolean, default: !1 },
+    isUpdate: { type: Boolean, default: !1 },
+    class: { default: "" },
+    className: { default: "" },
+    groupClass: { default: "" },
+    headerClass: { default: "" },
+    footerClass: { default: "" },
+    timelineTextPosition: { default: "bottom" }
+  },
+  emits: ["onSubmit", "onCancel", "onStepChange"],
+  setup(e, { emit: M }) {
+    const s = e, m = M, h = d(() => !s.schema || s.schema.length === 0 ? !1 : Array.isArray(s.schema[0])), o = d(() => s.tabs && s.tabs.length > 0 && h.value), a = O(0), P = d(() => s.tabs ? s.tabs.map((l, n) => ({
+      id: l.id?.toString() || n.toString(),
+      title: l.title,
+      icon: l.icon,
+      description: l.description,
+      status: n < a.value ? "completed" : n === a.value ? "current" : "upcoming"
+    })) : []), g = d(() => h.value ? s.schema : [s.schema]), w = d(() => o.value ? g.value[a.value] || [] : []), {
+      formValues: b,
+      errors: y,
+      isSubmitting: N,
+      handleFieldChange: A,
+      validateField: G,
+      validateAll: de,
+      isFieldVisible: S,
+      isFieldDisabled: C,
+      isFieldReadonly: V,
+      getFieldValue: ce,
+      handleSubmit: $,
+      flatSchema: me
+    } = _({
+      schema: s.schema,
+      values: s.values,
+      isUpdate: s.isUpdate,
+      onSubmit: (l) => {
+        m("onSubmit", l);
+      }
+    });
+    Q(
+      () => s.values,
+      (l) => {
+      },
+      { deep: !0 }
+    );
+    const z = (l, n) => {
+      A(l, n.value, n.data);
+    }, E = () => {
+      if (!o.value) return !0;
+      const l = w.value;
+      let n = !0;
+      for (const v of l) {
+        if (!S(v) || C(v)) continue;
+        G(v) && (n = !1);
+      }
+      return n;
+    }, L = d(() => o.value ? a.value < g.value.length - 1 : !1), R = d(() => o.value ? a.value > 0 : !1), B = d(() => o.value ? a.value === g.value.length - 1 : !0), T = () => {
+      L.value && E() && (a.value++, m("onStepChange", a.value));
+    }, j = () => {
+      R.value && (a.value--, m("onStepChange", a.value));
+    }, q = (l, n) => {
+      n <= a.value && (a.value = n, m("onStepChange", a.value));
+    }, H = async () => {
+      if (o.value && !B.value) {
+        T();
+        return;
+      }
+      await $();
+    }, J = () => {
+      m("onCancel");
+    };
+    return (l, n) => (i(), r("form", {
+      class: f(["form-container", s.class]),
+      onSubmit: W(H, ["prevent"])
+    }, [
+      o.value && P.value.length > 0 ? (i(), r("div", te, [
+        F(ee, {
+          steps: P.value,
+          activeStep: a.value,
+          direction: "horizontal",
+          textPosition: e.timelineTextPosition,
+          clickable: !0,
+          onStepClick: q
+        }, null, 8, ["steps", "activeStep", "textPosition"])
+      ])) : u("", !0),
+      h.value ? h.value && !o.value ? (i(), r("div", ie, [
+        (i(!0), r(X, null, Y(g.value, (v, c) => (i(), r("div", {
+          key: c,
+          class: f(["form-group border rounded-lg overflow-hidden", e.groupClass])
+        }, [
+          e.groupsHeadings?.[c] ? (i(), r("div", {
+            key: 0,
+            class: f(["form-group-header bg-muted/50 px-6 py-4 border-b", e.headerClass])
+          }, [
+            U("h3", se, k(e.groupsHeadings[c]), 1),
+            e.groupHeadingsDescription?.[c] ? (i(), r("p", le, k(e.groupHeadingsDescription[c]), 1)) : u("", !0)
+          ], 2)) : u("", !0),
+          U("div", ne, [
+            F(D, {
+              schema: v,
+              values: t(b),
+              errors: t(y),
+              variant: e.variant,
+              size: e.size,
+              rounded: e.rounded,
+              className: e.className,
+              isUpdate: e.isUpdate,
+              isFieldVisible: t(S),
+              isFieldDisabled: t(C),
+              isFieldReadonly: t(V),
+              onChange: z
+            }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
+          ])
+        ], 2))), 128))
+      ])) : o.value ? (i(), r("div", re, [
+        e.tabs?.[a.value] ? (i(), r("div", {
+          key: 0,
+          class: f(["form-step-header mb-6", e.headerClass])
+        }, [
+          U("h2", oe, k(e.tabs[a.value].title), 1),
+          e.tabs[a.value].description ? (i(), r("p", ue, k(e.tabs[a.value].description), 1)) : u("", !0)
+        ], 2)) : u("", !0),
+        F(D, {
+          schema: w.value,
+          values: t(b),
+          errors: t(y),
+          variant: e.variant,
+          size: e.size,
+          rounded: e.rounded,
+          className: e.className,
+          isUpdate: e.isUpdate,
+          isFieldVisible: t(S),
+          isFieldDisabled: t(C),
+          isFieldReadonly: t(V),
+          onChange: z
+        }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
+      ])) : u("", !0) : (i(), r("div", ae, [
+        F(D, {
+          schema: e.schema,
+          values: t(b),
+          errors: t(y),
+          variant: e.variant,
+          size: e.size,
+          rounded: e.rounded,
+          className: e.className,
+          isUpdate: e.isUpdate,
+          isFieldVisible: t(S),
+          isFieldDisabled: t(C),
+          isFieldReadonly: t(V),
+          onChange: z
+        }, null, 8, ["schema", "values", "errors", "variant", "size", "rounded", "className", "isUpdate", "isFieldVisible", "isFieldDisabled", "isFieldReadonly"])
+      ])),
+      Z(l.$slots, "default", {
+        values: t(b),
+        errors: t(y),
+        isSubmitting: t(N),
+        handleSubmit: H
+      }, void 0, !0),
+      e.footer ? (i(), r("div", {
+        key: 4,
+        class: f(["form-footer mt-6 flex items-center justify-end gap-3", e.footerClass])
+      }, [
+        e.showCancel ? (i(), x(p, {
+          key: 0,
+          type: "button",
+          variant: "outline",
+          text: e.cancelText,
+          disabled: e.loading || t(N),
+          onClick: J
+        }, null, 8, ["text", "disabled"])) : u("", !0),
+        o.value && R.value ? (i(), x(p, {
+          key: 1,
+          type: "button",
+          variant: "outline",
+          icon: "lucide:arrow-left",
+          text: "Previous",
+          onClick: j
+        })) : u("", !0),
+        o.value && !B.value ? (i(), x(p, {
+          key: 2,
+          type: "button",
+          variant: "primary",
+          text: "Next",
+          iconRight: "lucide:arrow-right",
+          onClick: T
+        })) : (i(), x(p, I({
+          key: 3,
+          type: "submit",
+          variant: "primary",
+          text: e.submitText
+        }, e.submitProps, {
+          loading: e.loading || t(N)
+        }), null, 16, ["text", "loading"]))
+      ], 2)) : u("", !0)
+    ], 34));
+  }
+});
+export {
+  ye as default
+};

package/components/Form/FormField.vue.d.ts

@@ -0,0 +1,28 @@
+import { IForm, IFormFieldChangePayload } from './types';
+import { InputVariant, InputSize, InputRounded } from '../../types';
+interface Props {
+    field: IForm;
+    value: any;
+    values: Record<string, any>;
+    variant?: InputVariant;
+    size?: InputSize;
+    rounded?: InputRounded;
+    disabled?: boolean;
+    readonly?: boolean;
+    error?: string;
+    isUpdate?: boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (payload: IFormFieldChangePayload) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: (payload: IFormFieldChangePayload) => any;
+}>, {
+    disabled: boolean;
+    size: InputSize;
+    variant: InputVariant;
+    error: string;
+    rounded: InputRounded;
+    readonly: boolean;
+    isUpdate: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
+export default _default;

package/components/Form/FormField.vue.js

@@ -0,0 +1,207 @@
+import { defineComponent as k, defineAsyncComponent as t, computed as o, markRaw as V, openBlock as w, createBlock as x, resolveDynamicComponent as C, mergeProps as P, toHandlers as U } from "vue";
+import { isComponent as i } from "./utils/form.utils.js";
+import s from "../Input.vue.js";
+import z from "../Switch.vue.js";
+import S from "../CheckBox.vue.js";
+import F from "../Textarea.vue.js";
+import $ from "../FilePicker/FilePicker.vue.js";
+import A from "../AvatarUploader/AvatarUploader.vue.js";
+const M = /* @__PURE__ */ k({
+  __name: "FormField",
+  props: {
+    field: {},
+    value: {},
+    values: {},
+    variant: { default: "outline" },
+    size: { default: "md" },
+    rounded: { default: "md" },
+    disabled: { type: Boolean, default: !1 },
+    readonly: { type: Boolean, default: !1 },
+    error: { default: "" },
+    isUpdate: { type: Boolean, default: !1 }
+  },
+  emits: ["change"],
+  setup(d, { emit: c }) {
+    const u = t(
+      () => import("../Dropdown/Dropdown.vue2.js")
+    ), f = t(
+      () => import("../MultiSelect/MultiSelect.vue2.js")
+    ), p = t(
+      () => import("../DatePicker.vue2.js")
+    ), m = t(
+      () => import("../ColorPicker/ColorPicker.vue2.js")
+    ), h = t(
+      () => import("../IconPicker.vue2.js")
+    ), v = t(
+      () => import("./CustomFields.vue.js")
+    ), r = d, n = c, l = (e, a) => {
+      n("change", { value: e, data: a });
+    }, _ = (e) => {
+      n("change", { value: e });
+    }, y = o(() => {
+      const e = r.field.type;
+      if (i(e))
+        return V(e);
+      switch (e) {
+        case "text":
+        case "email":
+        case "password":
+        case "number":
+        case "tel":
+        case "url":
+        case "search":
+          return s;
+        case "textarea":
+          return F;
+        case "switch":
+          return z;
+        case "check":
+          return S;
+        case "select":
+          return u;
+        case "multiSelect":
+          return f;
+        case "date":
+        case "time":
+          return p;
+        case "file":
+        case "fileUploader":
+          return $;
+        case "avatarUpload":
+          return A;
+        case "color":
+          return m;
+        case "iconPicker":
+          return h;
+        case "customFields":
+          return v;
+        default:
+          return s;
+      }
+    }), g = o(() => {
+      const e = r.field.type, a = {
+        disabled: r.disabled || r.field.disabled === !0,
+        ...r.field.props || {}
+      };
+      return e === "text" || e === "email" || e === "password" || e === "number" || e === "tel" || e === "url" || e === "search" || !e ? {
+        ...a,
+        modelValue: r.value ?? "",
+        type: e || "text",
+        placeholder: r.field.placeholder,
+        icon: r.field.icon,
+        iconRight: r.field.iconRight,
+        addonLeft: r.field.addonLeft,
+        addonRight: r.field.addonRight,
+        variant: r.variant,
+        size: r.size,
+        rounded: r.rounded,
+        error: r.error,
+        min: r.field.min,
+        max: r.field.max,
+        class: r.field.className
+      } : e === "textarea" ? {
+        ...a,
+        modelValue: r.value ?? "",
+        placeholder: r.field.placeholder,
+        rows: r.field.props?.rows || 3,
+        class: r.field.className
+      } : e === "switch" ? {
+        ...a,
+        modelValue: !!r.value,
+        label: ""
+        // Label handled externally
+      } : e === "check" ? {
+        ...a,
+        modelValue: !!r.value,
+        label: ""
+        // Label handled externally
+      } : e === "select" ? {
+        ...a,
+        modelValue: r.value,
+        options: r.field.options || [],
+        placeholder: r.field.placeholder,
+        selectable: !0,
+        closeOnSelect: !0
+      } : e === "multiSelect" ? {
+        ...a,
+        modelValue: Array.isArray(r.value) ? r.value : [],
+        options: r.field.options || [],
+        placeholder: r.field.placeholder
+      } : e === "date" || e === "time" ? {
+        ...a,
+        modelValue: r.value,
+        mode: e === "time" ? "time" : "date",
+        placeholder: r.field.placeholder
+      } : e === "fileUploader" || e === "file" ? {
+        ...a,
+        modelValue: r.value,
+        multiSelect: r.field.props?.multiple || !1,
+        fileTypes: r.field.props?.accept ? r.field.props.accept.split(",") : [],
+        returnFormat: "base64",
+        variant: e === "file" ? "input" : "dropzone",
+        placeholder: r.field.placeholder,
+        size: r.size,
+        rounded: r.rounded
+      } : e === "avatarUpload" ? {
+        ...a,
+        modelValue: r.value,
+        editable: !r.readonly
+      } : e === "color" ? {
+        ...a,
+        modelValue: r.value || "#000000"
+      } : e === "iconPicker" ? {
+        ...a,
+        value: r.value || "lucide:smile"
+      } : e === "customFields" ? {
+        ...a,
+        modelValue: Array.isArray(r.value) ? r.value : [],
+        schema: r.field.props?.schema || [],
+        headers: r.field.props?.headers || [],
+        values: r.values,
+        variant: r.variant,
+        size: r.size,
+        rounded: r.rounded,
+        isUpdate: r.isUpdate
+      } : i(e) ? {
+        ...a,
+        value: r.value,
+        values: r.values
+      } : a;
+    }), b = o(() => {
+      const e = r.field.type;
+      return e === "text" || e === "email" || e === "password" || e === "number" || e === "tel" || e === "url" || e === "search" || e === "textarea" || e === "switch" || e === "check" || !e ? {
+        "update:modelValue": _
+      } : e === "select" ? {
+        onSelect: (a) => {
+          l(a.value, a.data);
+        }
+      } : e === "multiSelect" ? {
+        change: (a) => l(a)
+      } : e === "date" || e === "time" ? {
+        change: (a) => l(a)
+      } : e === "fileUploader" || e === "file" ? {
+        change: (a) => {
+          l(a);
+        }
+      } : e === "avatarUpload" ? {
+        change: (a) => {
+          l(a);
+        }
+      } : e === "color" ? {
+        change: (a) => l(a)
+      } : e === "iconPicker" ? {
+        onSelect: (a) => l(a)
+      } : e === "customFields" ? {
+        change: (a) => l(a)
+      } : i(e) ? {
+        onChange: (a) => {
+          l(a.value, a.data);
+        }
+      } : {};
+    });
+    return (e, a) => (w(), x(C(y.value), P(g.value, U(b.value)), null, 16));
+  }
+});
+export {
+  M as default
+};

package/components/Form/FormField.vue2.js

@@ -0,0 +1,4 @@
+import f from "./FormField.vue.js";
+export {
+  f as default
+};

package/components/Form/FormFields.vue.d.ts

@@ -0,0 +1,29 @@
+import { IForm, IFormFieldChangePayload } from './types';
+import { InputVariant, InputSize, InputRounded } from '../../types';
+interface Props {
+    schema: IForm[];
+    values: Record<string, any>;
+    errors: Record<string, string>;
+    variant?: InputVariant;
+    size?: InputSize;
+    rounded?: InputRounded;
+    className?: string;
+    isUpdate?: boolean;
+    /** Function to check if field is visible */
+    isFieldVisible?: (field: IForm) => boolean;
+    /** Function to check if field is disabled */
+    isFieldDisabled?: (field: IForm) => boolean;
+    /** Function to check if field is readonly */
+    isFieldReadonly?: (field: IForm) => boolean;
+}
+declare const _default: import('vue').DefineComponent<Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {} & {
+    change: (name: string, payload: IFormFieldChangePayload) => any;
+}, string, import('vue').PublicProps, Readonly<Props> & Readonly<{
+    onChange?: (name: string, payload: IFormFieldChangePayload) => any;
+}>, {
+    size: InputSize;
+    variant: InputVariant;
+    rounded: InputRounded;
+    isUpdate: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+export default _default;

package/components/Form/FormFields.vue.js

@@ -0,0 +1,7 @@
+import o from "./FormFields.vue2.js";
+/* empty css                */
+import r from "../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-5c98aa0e"]]);
+export {
+  e as default
+};

package/components/Form/FormFields.vue2.js

@@ -0,0 +1,95 @@
+import { defineComponent as B, computed as R, openBlock as s, createElementBlock as a, normalizeClass as d, Fragment as l, renderList as U, createBlock as c, withCtx as y, unref as f, resolveDynamicComponent as w, createTextVNode as b, toDisplayString as u, createCommentVNode as o, createVNode as q } from "vue";
+import { isComponent as h, getNestedValue as E } from "./utils/form.utils.js";
+import p from "../Label.vue.js";
+import L from "./FormField.vue.js";
+const $ = {
+  key: 0,
+  class: "text-destructive ml-0.5"
+}, I = {
+  key: 0,
+  class: "text-destructive ml-0.5"
+}, S = {
+  key: 2,
+  class: "mt-1 text-sm text-destructive"
+}, H = /* @__PURE__ */ B({
+  __name: "FormFields",
+  props: {
+    schema: {},
+    values: {},
+    errors: {},
+    variant: { default: "outline" },
+    size: { default: "md" },
+    rounded: { default: "md" },
+    className: {},
+    isUpdate: { type: Boolean, default: !1 },
+    isFieldVisible: {},
+    isFieldDisabled: {},
+    isFieldReadonly: {}
+  },
+  emits: ["change"],
+  setup(n, { emit: v }) {
+    const r = n, F = v, k = R(() => {
+      if (r.className) return r.className;
+    }), g = (t) => E(r.values, t.name), i = (t) => r.errors[t.name] || "", C = (t) => r.isFieldVisible ? r.isFieldVisible(t) : !0, x = (t) => r.isFieldDisabled ? r.isFieldDisabled(t) : t.disabled === !0, V = (t) => r.isFieldReadonly ? r.isFieldReadonly(t) : t.readonly === !0, N = (t) => {
+      if (t)
+        return h(t), t;
+    }, D = (t, m) => {
+      F("change", t.name, m);
+    }, _ = (t) => t.itemClass || "";
+    return (t, m) => (s(), a("div", {
+      class: d(["grid gap-4", k.value])
+    }, [
+      (s(!0), a(l, null, U(n.schema, (e) => (s(), a(l, {
+        key: e.name
+      }, [
+        C(e) ? (s(), a("div", {
+          key: 0,
+          class: d(["form-field-item", _(e)])
+        }, [
+          e.label && e.type !== "switch" && e.type !== "check" && e.type !== "customFields" ? (s(), c(p, {
+            key: 0,
+            for: e.name,
+            class: "mb-2 block text-sm font-medium"
+          }, {
+            default: y(() => [
+              f(h)(e.label) ? (s(), c(w(N(e.label)), { key: 0 })) : (s(), a(l, { key: 1 }, [
+                b(u(e.label) + " ", 1),
+                e.required ? (s(), a("span", $, "*")) : o("", !0)
+              ], 64))
+            ]),
+            _: 2
+          }, 1032, ["for"])) : o("", !0),
+          q(L, {
+            field: e,
+            value: g(e),
+            label: e.type === "customFields" ? e.label : void 0,
+            values: n.values,
+            variant: n.variant,
+            size: n.size,
+            rounded: n.rounded,
+            disabled: x(e),
+            readonly: V(e),
+            error: i(e),
+            isUpdate: n.isUpdate,
+            onChange: (z) => D(e, z)
+          }, null, 8, ["field", "value", "label", "values", "variant", "size", "rounded", "disabled", "readonly", "error", "isUpdate", "onChange"]),
+          e.label && (e.type === "switch" || e.type === "check") ? (s(), c(p, {
+            key: 1,
+            for: e.name,
+            class: "ml-2 text-sm font-medium cursor-pointer"
+          }, {
+            default: y(() => [
+              b(u(e.label) + " ", 1),
+              e.required ? (s(), a("span", I, "*")) : o("", !0)
+            ]),
+            _: 2
+          }, 1032, ["for"])) : o("", !0),
+          i(e) ? (s(), a("p", S, u(i(e)), 1)) : o("", !0)
+        ], 2)) : o("", !0)
+      ], 64))), 128))
+    ], 2));
+  }
+});
+export {
+  H as default
+};

package/components/Form/composables/useFileUpload.d.ts

@@ -0,0 +1,24 @@
+export interface FileUploadResult {
+    url: string;
+    fileName?: string;
+    fileType?: string;
+    fileSize?: number;
+}
+/**
+ * Composable for handling file uploads.
+ *
+ * This composable automatically checks the global VLite configuration
+ * for a registered 'upload' service. If found, it uses that service.
+ * Otherwise, it falls back to a mock implementation.
+ */
+export declare function useFileUpload(): {
+    handleUploadFile: (file: File | {
+        file: File;
+        fileName?: string;
+    }, folderId?: string | null) => Promise<string | null | undefined>;
+    handleUploadFiles: (files: Array<File | {
+        file: File;
+    }>, folderId?: string | null) => Promise<Array<string | null>>;
+    loading: import('vue').Ref<boolean, boolean>;
+    error: import('vue').Ref<string, string>;
+};

package/components/Form/composables/useFileUpload.js

@@ -0,0 +1,40 @@
+import { ref as u } from "vue";
+import { useVLiteConfig as d } from "../../../core/config.js";
+function g() {
+  const s = u(!1), a = u(null), i = d(), c = async (r, t) => {
+    try {
+      const e = r instanceof File ? r : r.file;
+      if (i.services?.upload)
+        try {
+          return await i.services.upload(e, t);
+        } catch (o) {
+          throw o instanceof Error ? o : new Error("External upload service failed");
+        }
+      await new Promise((o) => setTimeout(o, 800));
+      const l = Math.random().toString(36).substring(7), n = e.name.replace(/[^a-zA-Z0-9.-]/g, "_");
+      return `https://storage.googleapis.com/vlite-bucket/${l}/${n}`;
+    } catch (e) {
+      const l = e instanceof Error ? e.message : "Upload failed";
+      return console.error("[useFileUpload] Error:", e), a.value = l, null;
+    }
+  };
+  return {
+    handleUploadFile: c,
+    handleUploadFiles: async (r, t) => {
+      s.value = !0, a.value = null;
+      try {
+        const e = r.map((n) => c(n, t));
+        return await Promise.all(e);
+      } catch (e) {
+        return a.value = e instanceof Error ? e.message : "One or more uploads failed", console.error("[useFileUpload] Parallel Upload Error:", e), [];
+      } finally {
+        s.value = !1;
+      }
+    },
+    loading: s,
+    error: a
+  };
+}
+export {
+  g as useFileUpload
+};