@bagelink/vue 0.0.1033 → 0.0.1035

package/dist/components/Image.vue.d.ts

@@ -4,7 +4,8 @@ declare global {
     }
 }
 type __VLS_Props = {
-    src: string;
+    src?: string;
+    pathKey?: string;
     alt?: string;
     width?: string | number;
     height?: string | number;

package/dist/components/Image.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Image.vue.d.ts","sourceRoot":"","sources":["../../src/components/Image.vue"],"names":[],"mappings":"AAqGA,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,QAAQ,EAAE,GAAG,CAAA;KACb;CACD;AAED,KAAK,WAAW,GAAG;IAClB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB,CAAC;;AAqIF,wBAMG"}
+{"version":3,"file":"Image.vue.d.ts","sourceRoot":"","sources":["../../src/components/Image.vue"],"names":[],"mappings":"AA4GA,OAAO,CAAC,MAAM,CAAC;IACd,UAAU,MAAM;QACf,QAAQ,EAAE,GAAG,CAAA;KACb;CACD;AAED,KAAK,WAAW,GAAG;IAClB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB,CAAC;;AA2IF,wBAMG"}

package/dist/components/form/BglField.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BglField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglField.vue"],"names":[],"mappings":"AAgKA,OAAO,EAIN,KAAK,KAAK,EASV,MAAM,eAAe,CAAA;yBAIL,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAqNxD,mBAAmB,CAAC;;;eAjNrB,KAAK,CAAC,CAAC,CAAC;oBACH;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;SAAE;KAgNmF,CAAC,4BAA2B;oBAChI,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;OAKD,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AA/NzE,wBA+N4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}
+{"version":3,"file":"BglField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/form/BglField.vue"],"names":[],"mappings":"AAoKA,OAAO,EAIN,KAAK,KAAK,EAWV,MAAM,eAAe,CAAA;yBAIL,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,eAChC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,OAAO,CAAC,cAClD,mBAAmB,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,EAAE,OAAO,GAAG,MAAM,GAAG,OAAO,CAAC,CAAC,iBAC5F,WAAW,CAAC,OAAO,CAAC,OAAO,WAAW,CAAC,CAAC,CAAC,QAAQ,CAAC;WAuNxD,mBAAmB,CAAC;;;eAnNrB,KAAK,CAAC,CAAC,CAAC;oBACH;YAAE,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAA;SAAE;KAkNmF,CAAC,4BAA2B;oBAChI,OAAO,KAAK,EAAE,gBAAgB,CAAC,EAAE,CAAC,GAAG,IAAI;WAClD,GAAG;;;OAKD,OAAO,KAAK,EAAE,KAAK,GAAG;IAAE,KAAK,CAAC,EAAE,OAAO,CAAC,OAAO,WAAW,CAAC,CAAA;CAAE;AAjOzE,wBAiO4E;AAC5E,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC"}

package/dist/components/form/inputs/NumberInput.vue.d.ts

@@ -10,7 +10,7 @@ interface NumberInputProps {
     icon?: MaterialIcons;
     label?: string;
     placeholder?: string;
-    disabled: boolean;
+    disabled?: boolean;
     required?: boolean;
     id?: string;
     helptext?: string;

package/dist/components/form/inputs/NumberInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/NumberInput.vue"],"names":[],"mappings":"AA4KA,OAAO,EAAQ,KAAK,aAAa,EAAO,MAAM,eAAe,CAAA;AAK7D,KAAK,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAA;AAEzD,UAAU,gBAAgB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;CAChB;;;;;;AAuRD,wBAQG"}
+{"version":3,"file":"NumberInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/NumberInput.vue"],"names":[],"mappings":"AA4KA,OAAO,EAAQ,KAAK,aAAa,EAAO,MAAM,eAAe,CAAA;AAK7D,KAAK,YAAY,GAAG,SAAS,GAAG,UAAU,GAAG,YAAY,CAAA;AAEzD,UAAU,gBAAgB;IACzB,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,GAAG,CAAC,EAAE,MAAM,CAAA;IACZ,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,SAAS,CAAC,EAAE,aAAa,CAAA;IACzB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,MAAM,CAAC,EAAE,OAAO,CAAA;CAChB;;;;;;AAuRD,wBAQG"}

package/dist/components/form/inputs/Upload/UploadInput.vue.d.ts

@@ -0,0 +1,86 @@
+type __VLS_Props = {
+    label?: string;
+    multiple?: boolean;
+    modelValue?: string | string[];
+    width?: string;
+    height?: string | 'auto';
+    dirPath?: string;
+    fill?: boolean;
+    oval?: boolean;
+    theme?: 'dropzone' | 'basic';
+    accept?: string;
+    required?: boolean;
+    disabled?: boolean;
+    baseURL?: string;
+};
+declare function browse(): void;
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        files?(_: {
+            files: import('@vue-macros/reactivity-transform/macros.js').ComputedVariable<string[]>;
+            fileQueue: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<{
+                file: {
+                    readonly lastModified: number;
+                    readonly name: string;
+                    readonly webkitRelativePath: string;
+                    readonly size: number;
+                    readonly type: string;
+                    arrayBuffer: () => Promise<ArrayBuffer>;
+                    bytes: () => Promise<Uint8Array>;
+                    slice: (start?: number, end?: number, contentType?: string) => Blob;
+                    stream: () => ReadableStream<Uint8Array>;
+                    text: () => Promise<string>;
+                };
+                progress: number;
+                uploading?: boolean | undefined;
+                name?: string | undefined;
+                uploaded?: boolean | undefined;
+            }[]>;
+        }): any;
+        placeholder?(_: {
+            files: import('@vue-macros/reactivity-transform/macros.js').ComputedVariable<string[]>;
+            fileQueue: import('@vue-macros/reactivity-transform/macros.js').ReactiveVariable<{
+                file: {
+                    readonly lastModified: number;
+                    readonly name: string;
+                    readonly webkitRelativePath: string;
+                    readonly size: number;
+                    readonly type: string;
+                    arrayBuffer: () => Promise<ArrayBuffer>;
+                    bytes: () => Promise<Uint8Array>;
+                    slice: (start?: number, end?: number, contentType?: string) => Blob;
+                    stream: () => ReadableStream<Uint8Array>;
+                    text: () => Promise<string>;
+                };
+                progress: number;
+                uploading?: boolean | undefined;
+                name?: string | undefined;
+                uploaded?: boolean | undefined;
+            }[]>;
+            browse: typeof browse;
+        }): any;
+    };
+    refs: {};
+    rootEl: HTMLDivElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    addFileStart: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onAddFileStart?: ((...args: any[]) => any) | undefined;
+}>, {
+    height: string | "auto";
+    theme: "dropzone" | "basic";
+    accept: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLDivElement>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=UploadInput.vue.d.ts.map

package/dist/components/form/inputs/Upload/UploadInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UploadInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/components/form/inputs/Upload/UploadInput.vue"],"names":[],"mappings":"AAyXA,KAAK,WAAW,GAAG;IAClB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IACxB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,KAAK,CAAC,EAAE,UAAU,GAAG,OAAO,CAAA;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,CAAA;CAChB,CAAC;AAmEF,iBAAS,MAAM,SAYd;AA8CD,iBAAS,cAAc;WAoaT,OAAO,IAA6B;;;;;;;;;;;;;;;;;;;;;;YATtB,GAAG;;;;;;;;;;;;;;;;;;;;;;YACI,GAAG;;;;EAarC;AAwBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;YAxkBX,MAAM,GAAG,MAAM;WAIhB,UAAU,GAAG,OAAO;YACnB,MAAM;wFA4kBd,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAgBpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/form/inputs/index.d.ts

@@ -19,5 +19,5 @@ export { default as TableField } from './TableField.vue';
 export { default as TelInput } from './TelInput.vue';
 export { default as TextInput } from './TextInput.vue';
 export { default as ToggleInput } from './ToggleInput.vue';
-export { default as Upload } from './Upload/UploadFile.vue';
+export { default as UploadInput } from './Upload/UploadInput.vue';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/form/inputs/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,yBAAyB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/form/inputs/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,wBAAwB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,WAAW,CAAA;AAC1C,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAA;AAClE,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,gBAAgB,CAAA;AACpD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAA;AACtD,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,mBAAmB,CAAA;AAC1D,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,0BAA0B,CAAA"}

package/dist/index.cjs

@@ -42,6 +42,9 @@ const bagelFormUtils = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defi
   },
   get txtField() {
     return txtField;
+  },
+  get uploadField() {
+    return uploadField;
   }
 }, Symbol.toStringTag, { value: "Module" }));
 const _sfc_main$15 = /* @__PURE__ */ vue.defineComponent({
@@ -10385,11 +10388,13 @@ const _sfc_main$S = /* @__PURE__ */ vue.defineComponent({
         customAttrs.value.multiline = true;
         return TextInput;
       }
+      if (props2.field.$el === "number") return NumberInput;
       if (props2.field.$el === "array") return FieldArray;
       if (props2.field.$el === "select") return SelectInput;
       if (props2.field.$el === "toggle") return ToggleInput;
       if (props2.field.$el === "check") return CheckInput;
       if (props2.field.$el === "richtext") return RichText;
+      if (props2.field.$el === "upload") return UploadInput;
       if (props2.field.$el === "file") return FileUpload;
       if (props2.field.$el === "date") return DateInput;
       if (props2.field.$el === "tabs") return TabsNav;
@@ -19987,7 +19992,8 @@ const DatePicker = /* @__PURE__ */ _export_sfc(_sfc_main$J, [["render", _sfc_ren
 const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   __name: "Image",
   props: {
-    src: { type: String, required: true },
+    src: { type: String, required: false },
+    pathKey: { type: String, required: false },
     alt: { type: String, required: false, default: "" },
     width: { type: [String, Number], required: false },
     height: { type: [String, Number], required: false },
@@ -19996,20 +20002,25 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
   setup(__props, { expose: __expose }) {
     __expose();
     let imageSrc = vue.ref(null);
-    async function loadImage(src) {
+    const bagel = useBagel();
+    const fileBaseUrl = vue.computed(() => (bagel.fileBaseUrl || "https://files.bagel.design").replace(/\/$/, ""));
+    const pathToUrl = () => `${fileBaseUrl.value}/${__props.pathKey}`;
+    async function loadImage() {
       var _a2;
-      if (!src) {
+      const url = __props.src || pathToUrl();
+      console.log(url);
+      if (!url) {
         imageSrc.value = null;
         return;
       }
-      const ext = (_a2 = src.split(".").pop()) == null ? void 0 : _a2.toLowerCase().split("?").shift();
+      const ext = (_a2 = url.split(".").pop()) == null ? void 0 : _a2.toLowerCase().split("?").shift();
       if (ext === "heic") {
         if (!("caches" in window)) {
           console.warn("Caching is not available. Proceeding without cache.");
         } else {
           try {
             const imgCache = await window.caches.open("img-cache");
-            const cachedResponse = await imgCache.match(src);
+            const cachedResponse = await imgCache.match(url);
             if (cachedResponse) {
               imageSrc.value = URL.createObjectURL(await cachedResponse.blob());
               return;
@@ -20020,14 +20031,14 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
         }
         try {
           await appendScript("https://cdnjs.cloudflare.com/ajax/libs/heic2any/0.0.1/index.min.js");
-          const response = await fetch(src);
+          const response = await fetch(url);
           const blob = await response.blob();
           const convertedBlob = await window.heic2any({ blob });
           imageSrc.value = URL.createObjectURL(convertedBlob);
           if ("caches" in window) {
             try {
               const imgCache = await window.caches.open("img-cache");
-              imgCache.put(src, new Response(convertedBlob));
+              imgCache.put(url, new Response(convertedBlob));
             } catch (cacheError) {
               console.warn("Failed to cache the image:", cacheError);
             }
@@ -20036,15 +20047,15 @@ const _sfc_main$I = /* @__PURE__ */ vue.defineComponent({
           console.error("Error converting HEIC file:", error);
         }
       } else {
-        imageSrc.value = src;
+        imageSrc.value = url;
       }
     }
-    vue.watch(() => __props.src, loadImage, { immediate: true });
+    vue.watch(() => [__props.src, __props.pathKey], loadImage, { immediate: true });
     const __returned__ = { get imageSrc() {
       return imageSrc;
     }, set imageSrc(v) {
       imageSrc = v;
-    }, loadImage, get Skeleton() {
+    }, bagel, fileBaseUrl, pathToUrl, loadImage, get Skeleton() {
       return Skeleton;
     }, get normalizeDimension() {
       return normalizeDimension;
@@ -20738,7 +20749,7 @@ const _sfc_main$F = /* @__PURE__ */ vue.defineComponent({
     icon: { type: null, required: false },
     label: { type: String, required: false },
     placeholder: { type: String, required: false },
-    disabled: { type: Boolean, required: true },
+    disabled: { type: Boolean, required: false },
     required: { type: Boolean, required: false },
     id: { type: String, required: false },
     helptext: { type: String, required: false },
@@ -20831,6 +20842,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
           [
             $props.layout && $setup.btnLayouts.includes($props.layout) ? (vue.openBlock(), vue.createBlock($setup["Btn"], {
               key: 0,
+              flat: "",
               icon: "add",
               class: vue.normalizeClass(["radius", [{ "bgl-big-ctrl-num-btn": $props.layout === "vertical" }]]),
               onClick: $setup.increment
@@ -20889,6 +20901,7 @@ function _sfc_render$F(_ctx, _cache, $props, $setup, $data, $options) {
             }, null, 8, ["icon"])) : vue.createCommentVNode("v-if", true),
             $props.layout && $setup.btnLayouts.includes($props.layout) ? (vue.openBlock(), vue.createBlock($setup["Btn"], {
               key: 4,
+              flat: "",
               icon: "remove",
               class: vue.normalizeClass(["radius", [{ "bgl-big-ctrl-num-btn": $props.layout === "vertical" }]]),
               onClick: $setup.decrement
@@ -31838,7 +31851,7 @@ const files = {
   }
 };
 const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
-  __name: "UploadFile",
+  __name: "UploadInput",
   props: {
     label: { type: String, required: false },
     multiple: { type: Boolean, required: false },
@@ -31860,8 +31873,9 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
     const props2 = __props;
     const emit2 = __emit;
     const bagel = useBagel();
-    const fileBaseUrl = vue.computed(() => (props2.baseURL || bagel.fileBaseUrl || "https://files.bagel.design").replace(/\/$/, ""));
     files.setBaseUrl(bagel.host);
+    const fileBaseUrl = vue.computed(() => (props2.baseURL || bagel.fileBaseUrl || "https://files.bagel.design").replace(/\/$/, ""));
+    const pathToUrl = (path_key) => `${fileBaseUrl.value}/${path_key}`;
     const fileQueue = vue.ref([]);
     let storageFiles = vue.ref([]);
     const pk = vue.ref([props2.modelValue].flat().filter(Boolean));
@@ -31874,7 +31888,6 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
       else emit2("update:modelValue", value[0] || void 0);
     }, { deep: true });
     const isImage = (str) => IMAGE_FORMATS_REGEXP.test(str);
-    const pathToUrl = (path_key) => `${fileBaseUrl.value}/${path_key}`;
     const fileToUrl = (file) => URL.createObjectURL(file);
     let isDragOver = vue.ref(false);
     async function removeFile(path_key) {
@@ -31943,11 +31956,11 @@ const _sfc_main$q = /* @__PURE__ */ vue.defineComponent({
         files.get(props2.dirPath).then((response) => storageFiles.value.push(...[response.data].flat())).catch(console.error);
       }
     });
-    const __returned__ = { props: props2, emit: emit2, bagel, fileBaseUrl, fileQueue, get storageFiles() {
+    const __returned__ = { props: props2, emit: emit2, bagel, fileBaseUrl, pathToUrl, fileQueue, get storageFiles() {
       return storageFiles;
     }, set storageFiles(v) {
       storageFiles = v;
-    }, pk, pathKeys, isImage, pathToUrl, fileToUrl, get isDragOver() {
+    }, pk, pathKeys, isImage, fileToUrl, get isDragOver() {
       return isDragOver;
     }, set isDragOver(v) {
       isDragOver = v;
@@ -31983,27 +31996,26 @@ const _hoisted_7$3 = {
   key: 0,
   class: "bgl-multi-preview"
 };
-const _hoisted_8$3 = ["src"];
-const _hoisted_9$2 = { class: "m-0" };
-const _hoisted_10$2 = { class: "no-margin multi-preview-txt" };
-const _hoisted_11$2 = {
+const _hoisted_8$3 = { class: "m-0" };
+const _hoisted_9$2 = { class: "no-margin multi-preview-txt" };
+const _hoisted_10$2 = {
   key: 0,
   class: "progress"
 };
-const _hoisted_12$1 = {
+const _hoisted_11$2 = {
   key: 1,
   class: "bgl-single-preview"
 };
-const _hoisted_13$1 = { class: "position-start m-05 flex opacity-7 z-99 gap-025" };
-const _hoisted_14 = {
+const _hoisted_12$1 = { class: "position-start m-05 flex opacity-7 z-99 gap-025" };
+const _hoisted_13$1 = {
   key: 0,
   class: "h-100"
 };
-const _hoisted_15 = {
+const _hoisted_14 = {
   key: 0,
   class: "progress"
 };
-const _hoisted_16 = { class: "p-1 flex column hover fileUploadPlaceHolder justify-content-center mb-05" };
+const _hoisted_15 = { class: "p-1 flex column hover fileUploadPlaceHolder justify-content-center mb-05" };
 function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
   const _directive_tooltip = vue.resolveDirective("tooltip");
   const _directive_lightbox = vue.resolveDirective("lightbox");
@@ -32046,29 +32058,35 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
               class: "txt-gray txt-12 flex"
             }, [
               vue.createElementVNode("div", _hoisted_4$4, [
-                (vue.openBlock(true), vue.createElementBlock(
-                  vue.Fragment,
+                vue.withDirectives(vue.createVNode($setup["Btn"], {
+                  color: "gray",
+                  thin: "",
+                  icon: "delete",
+                  onClick: ($event) => $setup.removeFile(path_key)
+                }, null, 8, ["onClick"]), [
+                  [_directive_tooltip, "Delete"]
+                ]),
+                vue.withDirectives(vue.createVNode(
+                  $setup["Btn"],
+                  {
+                    color: "gray",
+                    thin: "",
+                    icon: "autorenew",
+                    onClick: $setup.browse
+                  },
                   null,
-                  vue.renderList([
-                    { tooltip: "Delete", icon: "delete", onClick: () => $setup.removeFile(path_key) },
-                    { tooltip: "Replace", icon: "autorenew", onClick: $setup.browse },
-                    { tooltip: "Download", icon: "download", href: $setup.pathToUrl(path_key), download: path_key.split("/").pop() }
-                  ], (action) => {
-                    return vue.withDirectives((vue.openBlock(), vue.createBlock($setup["Btn"], vue.mergeProps({
-                      key: action.tooltip,
-                      color: "gray",
-                      thin: "",
-                      icon: action.icon,
-                      ref_for: true
-                    }, action.href ? { href: action.href, download: action.download, target: "_blank" } : {}, {
-                      onClick: vue.withModifiers(action.onClick, ["stop"])
-                    }), null, 16, ["icon", "onClick"])), [
-                      [_directive_tooltip, action.tooltip]
-                    ]);
-                  }),
-                  128
-                  /* KEYED_FRAGMENT */
-                )),
+                  512
+                  /* NEED_PATCH */
+                ), [
+                  [_directive_tooltip, "Replace"]
+                ]),
+                vue.createVNode($setup["Btn"], {
+                  icon: "download",
+                  flat: "",
+                  thin: "",
+                  href: $setup.pathToUrl(path_key),
+                  download: path_key.split("/").pop()
+                }, null, 8, ["href", "download"]),
                 vue.withDirectives((vue.openBlock(), vue.createElementBlock("p", _hoisted_5$4, [
                   vue.createTextVNode(
                     vue.toDisplayString(path_key.split("/").pop()),
@@ -32120,19 +32138,18 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
                     class: vue.normalizeClass(["multi-image-item-preview", { "bgl_fill-image": $props.fill }])
                   },
                   [
-                    $setup.isImage(path_key) ? (vue.openBlock(), vue.createElementBlock("img", {
+                    $setup.isImage(path_key) ? (vue.openBlock(), vue.createBlock($setup["Image"], {
                       key: 0,
-                      class: "multi-preview",
-                      src: $setup.pathToUrl(path_key),
-                      alt: ""
-                    }, null, 8, _hoisted_8$3)) : (vue.openBlock(), vue.createBlock($setup["Icon"], {
+                      pathKey: path_key,
+                      class: "multi-preview"
+                    }, null, 8, ["pathKey"])) : (vue.openBlock(), vue.createBlock($setup["Icon"], {
                       key: 1,
                       icon: "description",
                       class: "multi-preview"
                     })),
                     vue.createElementVNode(
                       "p",
-                      _hoisted_9$2,
+                      _hoisted_8$3,
                       vue.toDisplayString(path_key.split("/").pop()),
                       1
                       /* TEXT */
@@ -32142,7 +32159,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
                       flat: "",
                       icon: "delete",
                       color: "red",
-                      onClick: vue.withModifiers(($event) => $setup.removeFile(path_key), ["stop"])
+                      onClick: ($event) => $setup.removeFile(path_key)
                     }, null, 8, ["onClick"])
                   ],
                   2
@@ -32177,7 +32194,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
                     })),
                     vue.createElementVNode(
                       "p",
-                      _hoisted_10$2,
+                      _hoisted_9$2,
                       vue.toDisplayString(file.name),
                       1
                       /* TEXT */
@@ -32191,7 +32208,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
                       [
                         file.progress < 100 ? (vue.openBlock(), vue.createElementBlock(
                           "span",
-                          _hoisted_11$2,
+                          _hoisted_10$2,
                           vue.toDisplayString(file.progress.toFixed(0)),
                           1
                           /* TEXT */
@@ -32212,7 +32229,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
               128
               /* KEYED_FRAGMENT */
             ))
-          ])) : $setup.pathKeys.length > 0 || $setup.fileQueue.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_12$1, [
+          ])) : $setup.pathKeys.length > 0 || $setup.fileQueue.length > 0 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_11$2, [
             (vue.openBlock(true), vue.createElementBlock(
               vue.Fragment,
               null,
@@ -32224,7 +32241,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
                     class: vue.normalizeClass(["single-image-item-preview", { "bgl_fill-image": $props.fill }])
                   },
                   [
-                    vue.createElementVNode("div", _hoisted_13$1, [
+                    vue.createElementVNode("div", _hoisted_12$1, [
                       vue.withDirectives(vue.createVNode($setup["Btn"], {
                         color: "gray",
                         thin: "",
@@ -32257,12 +32274,12 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
                         [_directive_tooltip, "Download"]
                       ])
                     ]),
-                    $setup.isImage(path_key) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_14, [
+                    $setup.isImage(path_key) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_13$1, [
                       vue.createVNode($setup["Image"], {
                         class: "single-preview",
-                        src: $setup.pathToUrl(path_key),
+                        pathKey: path_key,
                         alt: ""
-                      }, null, 8, ["src"])
+                      }, null, 8, ["pathKey"])
                     ])) : vue.withDirectives((vue.openBlock(), vue.createBlock(
                       $setup["Icon"],
                       {
@@ -32306,7 +32323,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
                       [
                         file.progress < 100 ? (vue.openBlock(), vue.createElementBlock(
                           "span",
-                          _hoisted_15,
+                          _hoisted_14,
                           vue.toDisplayString(file.progress.toFixed(0)),
                           1
                           /* TEXT */
@@ -32341,7 +32358,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
           fileQueue: $setup.fileQueue,
           browse: $setup.browse
         }, () => [
-          vue.createElementVNode("p", _hoisted_16, [
+          vue.createElementVNode("p", _hoisted_15, [
             vue.createVNode($setup["Icon"], { icon: "upload_2" }),
             _cache[4] || (_cache[4] = vue.createTextVNode(" Drop files here or click to upload "))
           ])
@@ -32352,7 +32369,7 @@ function _sfc_render$q(_ctx, _cache, $props, $setup, $data, $options) {
     ))
   ]);
 }
-const UploadFile = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q], ["__scopeId", "data-v-9254a525"], ["__file", "/Users/natanelyoung/Projects/bagelink/packages/vue/src/components/form/inputs/Upload/UploadFile.vue"]]);
+const UploadInput = /* @__PURE__ */ _export_sfc(_sfc_main$q, [["render", _sfc_render$q], ["__scopeId", "data-v-bec8d254"], ["__file", "/Users/natanelyoung/Projects/bagelink/packages/vue/src/components/form/inputs/Upload/UploadInput.vue"]]);
 const _sfc_main$p = /* @__PURE__ */ vue.defineComponent({
   __name: "IframeVue",
   props: {
@@ -36327,7 +36344,7 @@ function dateField(id, label, options) {
 }
 function numField(id, label, options) {
   return {
-    $el: "text",
+    $el: "number",
     class: options == null ? void 0 : options.class,
     required: options == null ? void 0 : options.required,
     defaultValue: options == null ? void 0 : options.defaultValue,
@@ -36337,12 +36354,9 @@ function numField(id, label, options) {
     placeholder: options == null ? void 0 : options.placeholder,
     helptext: options == null ? void 0 : options.helptext,
     attrs: {
-      type: "number",
-      nativeInputAttrs: {
-        step: options == null ? void 0 : options.step,
-        min: options == null ? void 0 : options.min,
-        max: options == null ? void 0 : options.max
-      }
+      step: options == null ? void 0 : options.step,
+      min: options == null ? void 0 : options.min,
+      max: options == null ? void 0 : options.max
     }
   };
 }
@@ -36353,6 +36367,14 @@ function frmRow(...children2) {
     children: children2
   };
 }
+function uploadField(id, label, options) {
+  return {
+    $el: "upload",
+    id,
+    label,
+    attrs: options
+  };
+}
 function bglForm(idOrField, ...schema) {
   if (typeof idOrField === "string") {
     return {
@@ -37164,7 +37186,7 @@ exports.Title = Title;
 exports.ToggleInput = ToggleInput;
 exports.ToolBar = ToolBar;
 exports.TopBar = TopBar;
-exports.Upload = UploadFile;
+exports.UploadInput = UploadInput;
 exports.VIDEO_FORMATS = VIDEO_FORMATS;
 exports.VIDEO_FORMATS_REGEXP = VIDEO_FORMATS_REGEXP;
 exports.Zoomer = Zoomer;