morya-ui 0.1.1

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

@@ -0,0 +1,28 @@
+import { FieldsetProps } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare var __VLS_6: {}, __VLS_8: {}, __VLS_16: {};
+type __VLS_Slots = {} & {
+    legend?: (props: typeof __VLS_6) => any;
+} & {
+    legend?: (props: typeof __VLS_8) => any;
+} & {
+    default?: (props: typeof __VLS_16) => any;
+};
+declare const __VLS_base: DefineComponent<FieldsetProps, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    "update:collapsed": (value: boolean) => any;
+}, string, PublicProps, Readonly<FieldsetProps> & Readonly<{
+    "onUpdate:collapsed"?: ((value: boolean) => any) | undefined;
+}>, {
+    toggleable: boolean;
+    collapsed: boolean;
+    defaultCollapsed: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Fieldset.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Fieldset.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/Fieldset.vue"],"names":[],"mappings":";AAgEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAyH5C,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAY,CAAE;AAChE,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,QAAA,MAAM,UAAU;;;;;;;;6EAId,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/Fieldset/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MFieldset } from './Fieldset.vue';
+export type { FieldsetEmits, FieldsetProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Fieldset/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,gBAAgB,CAAA;AACrD,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA"}

package/dist/components/Fieldset/styles.css

@@ -0,0 +1,53 @@
+/* —�?Panel: Fieldset —�?*/
+.m-fieldset {
+    background: var(--m-color-surface);
+    border: var(--m-border-width) solid var(--m-color-border);
+    border-radius: var(--m-radius-md);
+    margin: 0;
+    min-inline-size: 0;
+    padding: var(--m-space-3) var(--m-space-4) var(--m-space-4);
+}
+
+.m-fieldset__legend {
+    color: var(--m-color-text);
+    font-weight: 600;
+    padding: 0 var(--m-space-1);
+}
+
+.m-fieldset__toggler {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    color: inherit;
+    cursor: pointer;
+    display: inline-flex;
+    font: inherit;
+    gap: var(--m-space-2);
+    padding: 0;
+}
+
+.m-fieldset__toggler:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-fieldset__content {
+    color: var(--m-color-text);
+    padding-top: var(--m-space-2);
+}
+
+.m-fieldset-collapse-enter-active,
+.m-fieldset-collapse-leave-active {
+    overflow: hidden;
+    transition:
+        max-height var(--m-motion-normal) var(--m-motion-ease),
+        opacity var(--m-motion-normal) var(--m-motion-ease),
+        padding var(--m-motion-normal) var(--m-motion-ease);
+}
+
+.m-fieldset-collapse-enter-from,
+.m-fieldset-collapse-leave-to {
+    max-height: 0;
+    opacity: 0;
+    padding-top: 0;
+}

package/dist/components/Fieldset/types.d.ts

@@ -0,0 +1,12 @@
+export interface FieldsetProps {
+    legend?: string;
+    toggleable?: boolean;
+    /** Collapsed state. Use with `v-model:collapsed`. */
+    collapsed?: boolean;
+    /** Uncontrolled initial collapsed state when `collapsed` is omitted. */
+    defaultCollapsed?: boolean;
+}
+export interface FieldsetEmits {
+    (event: 'update:collapsed', value: boolean): void;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/components/Fieldset/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Fieldset/types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qDAAqD;IACrD,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wEAAwE;IACxE,gBAAgB,CAAC,EAAE,OAAO,CAAA;CAC3B;AAED,MAAM,WAAW,aAAa;IAC5B,CAAC,KAAK,EAAE,kBAAkB,EAAE,KAAK,EAAE,OAAO,GAAG,IAAI,CAAA;CAClD"}

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

@@ -0,0 +1,118 @@
+import { FileUploadFile, FileUploadProps, FileUploadStatus, FileUploadMode, FileUploadListType } from './types';
+import { DefineComponent, ComponentOptionsMixin, PublicProps, ComponentProvideOptions } from 'vue';
+declare function openPicker(): void;
+declare function submit(): void;
+declare function abort(file?: FileUploadFile): void;
+declare function clearFiles(): void;
+declare var __VLS_1: {}, __VLS_8: {}, __VLS_10: {}, __VLS_12: {
+    file: {
+        uid: string;
+        name: string;
+        size?: number | undefined;
+        type?: string | undefined;
+        status: FileUploadStatus;
+        percentage?: number | undefined;
+        url?: string | undefined;
+        raw?: {
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+            text: () => Promise<string>;
+        } | undefined;
+        response?: unknown;
+        error?: string | undefined;
+    };
+}, __VLS_29: {
+    file: {
+        uid: string;
+        name: string;
+        size?: number | undefined;
+        type?: string | undefined;
+        status: FileUploadStatus;
+        percentage?: number | undefined;
+        url?: string | undefined;
+        raw?: {
+            readonly lastModified: number;
+            readonly name: string;
+            readonly webkitRelativePath: string;
+            readonly size: number;
+            readonly type: string;
+            arrayBuffer: () => Promise<ArrayBuffer>;
+            bytes: () => Promise<Uint8Array<ArrayBuffer>>;
+            slice: (start?: number, end?: number, contentType?: string) => Blob;
+            stream: () => ReadableStream<Uint8Array<ArrayBuffer>>;
+            text: () => Promise<string>;
+        } | undefined;
+        response?: unknown;
+        error?: string | undefined;
+    };
+};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+} & {
+    trigger?: (props: typeof __VLS_8) => any;
+} & {
+    tip?: (props: typeof __VLS_10) => any;
+} & {
+    file?: (props: typeof __VLS_12) => any;
+} & {
+    file?: (props: typeof __VLS_29) => any;
+};
+declare const __VLS_base: DefineComponent<FileUploadProps, {
+    openPicker: typeof openPicker;
+    submit: typeof submit;
+    abort: typeof abort;
+    clear: typeof clearFiles;
+    clearFiles: typeof clearFiles;
+}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {} & {
+    progress: (file: FileUploadFile, percent: number) => any;
+    select: (files: File[]) => any;
+    success: (file: FileUploadFile, response: unknown) => any;
+    error: (file: FileUploadFile, error: Error) => any;
+    remove: (file: FileUploadFile) => any;
+    abort: (file?: FileUploadFile | undefined) => any;
+    change: (file: FileUploadFile, fileList: FileUploadFile[]) => any;
+    exceed: (files: File[]) => any;
+    "exceed-size": (file: File) => any;
+    "update:fileList": (files: FileUploadFile[]) => any;
+    preview: (file: FileUploadFile) => any;
+}, string, PublicProps, Readonly<FileUploadProps> & Readonly<{
+    onProgress?: ((file: FileUploadFile, percent: number) => any) | undefined;
+    onSelect?: ((files: File[]) => any) | undefined;
+    onSuccess?: ((file: FileUploadFile, response: unknown) => any) | undefined;
+    onError?: ((file: FileUploadFile, error: Error) => any) | undefined;
+    onRemove?: ((file: FileUploadFile) => any) | undefined;
+    onAbort?: ((file?: FileUploadFile | undefined) => any) | undefined;
+    onChange?: ((file: FileUploadFile, fileList: FileUploadFile[]) => any) | undefined;
+    onExceed?: ((files: File[]) => any) | undefined;
+    "onExceed-size"?: ((file: File) => any) | undefined;
+    "onUpdate:fileList"?: ((files: FileUploadFile[]) => any) | undefined;
+    onPreview?: ((file: FileUploadFile) => any) | undefined;
+}>, {
+    multiple: boolean;
+    disabled: boolean;
+    mode: FileUploadMode;
+    name: string;
+    drag: boolean;
+    directory: boolean;
+    showFileList: boolean;
+    listType: FileUploadListType;
+    method: string;
+    withCredentials: boolean;
+    autoUpload: boolean;
+}, {}, {}, {}, string, ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=FileUpload.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"FileUpload.vue.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/FileUpload.vue"],"names":[],"mappings":";AA8hBA,OAAO,KAAK,EAAE,cAAc,EAAE,eAAe,EAA4B,MAAM,SAAS,CAAA;AAqLxF,iBAAS,UAAU,SAGlB;AAuGD,iBAAS,MAAM,SAId;AAED,iBAAS,KAAK,CAAC,IAAI,CAAC,EAAE,cAAc,QAOnC;AAmBD,iBAAS,UAAU,SAIlB;AA8dD,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,QAAQ,IAAU,EAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;CAAW,EAAE,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;CAAY,CAAE;AACzG,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,GAAG,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAO7C,QAAA,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6EAKd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/components/FileUpload/ajax.d.ts

@@ -0,0 +1,3 @@
+import { FileUploadRequestOptions } from './types';
+export declare function ajaxUpload(options: FileUploadRequestOptions): XMLHttpRequest;
+//# sourceMappingURL=ajax.d.ts.map

package/dist/components/FileUpload/ajax.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ajax.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/ajax.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAA;AAEvD,wBAAgB,UAAU,CAAC,OAAO,EAAE,wBAAwB,GAAG,cAAc,CAmC5E"}

package/dist/components/FileUpload/index.d.ts

@@ -0,0 +1,3 @@
+export { default as MFileUpload } from './FileUpload.vue';
+export type { FileUploadEmits, FileUploadExpose, FileUploadFile, FileUploadInstance, FileUploadListType, FileUploadMode, FileUploadProps, FileUploadRequestOptions, FileUploadSlots, FileUploadStatus, } from './types';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/FileUpload/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,CAAA;AAChB,OAAO,EAAE,OAAO,IAAI,WAAW,EAAE,MAAM,kBAAkB,CAAA;AACzD,YAAY,EACV,eAAe,EACf,gBAAgB,EAChB,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,cAAc,EACd,eAAe,EACf,wBAAwB,EACxB,eAAe,EACf,gBAAgB,GACjB,MAAM,SAAS,CAAA"}

package/dist/components/FileUpload/styles.css

@@ -0,0 +1,335 @@
+/* —�?File: FileUpload —�?*/
+.m-fileupload {
+    --m-fileupload-dropzone-min-height: 10rem;
+    --m-fileupload-icon-size: 2.5rem;
+    --m-fileupload-thumb-size: 2.5rem;
+    --m-fileupload-card-size: 7.5rem;
+    --m-fileupload-progress-height: 0.25rem;
+    display: flex;
+    flex-direction: column;
+    gap: var(--m-space-2);
+}
+
+.m-fileupload__input {
+    display: none;
+}
+
+.m-fileupload__choose,
+.m-fileupload__clear {
+    align-self: flex-start;
+    background: var(--m-color-primary);
+    border: 0;
+    border-radius: var(--m-radius-md);
+    color: var(--m-color-on-emphasis);
+    cursor: pointer;
+    font: inherit;
+    padding: var(--m-space-2) var(--m-space-3);
+}
+
+.m-fileupload__clear {
+    background: transparent;
+    border: var(--m-border-width) solid var(--m-color-border);
+    color: var(--m-color-text);
+}
+
+.m-fileupload__choose:hover:not(:disabled) {
+    background: var(--m-color-primary-hover);
+}
+
+.m-fileupload__choose:focus-visible,
+.m-fileupload__clear:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-fileupload__clear:hover:not(:disabled) {
+    background: color-mix(
+        in srgb,
+        var(--m-color-primary) 10%,
+        var(--m-color-surface)
+    );
+}
+
+.m-fileupload--disabled .m-fileupload__choose,
+.m-fileupload--disabled .m-fileupload__dragger {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+    pointer-events: none;
+}
+
+.m-fileupload__dragger {
+    align-items: center;
+    background: color-mix(
+        in srgb,
+        var(--m-color-surface) 92%,
+        var(--m-color-primary) 8%
+    );
+    border: var(--m-border-width) dashed var(--m-color-border);
+    border-radius: var(--m-radius-md);
+    cursor: pointer;
+    display: flex;
+    flex-direction: column;
+    gap: var(--m-space-2);
+    justify-content: center;
+    min-height: var(--m-fileupload-dropzone-min-height);
+    padding: var(--m-space-6) var(--m-space-4);
+    text-align: center;
+    transition:
+        background-color var(--m-motion-fast) var(--m-motion-ease),
+        border-color var(--m-motion-fast) var(--m-motion-ease);
+    width: 100%;
+}
+
+.m-fileupload__dragger:hover,
+.m-fileupload__dragger--over {
+    background: color-mix(
+        in srgb,
+        var(--m-color-primary) 10%,
+        var(--m-color-surface)
+    );
+    border-color: var(--m-color-primary);
+}
+
+.m-fileupload__icon {
+    color: var(--m-color-primary);
+    height: var(--m-fileupload-icon-size);
+    width: var(--m-fileupload-icon-size);
+}
+
+.m-fileupload__icon svg {
+    height: 100%;
+    width: 100%;
+}
+
+.m-fileupload__text {
+    color: var(--m-color-text);
+    font-size: var(--m-font-size-md);
+    margin: 0;
+}
+
+.m-fileupload__text em {
+    color: var(--m-color-primary);
+    font-style: normal;
+    font-weight: 600;
+}
+
+.m-fileupload__tip {
+    color: var(--m-color-text-muted);
+    font-size: var(--m-font-size-sm);
+}
+
+.m-fileupload__list {
+    border: var(--m-border-width) solid var(--m-color-border);
+    border-radius: var(--m-radius-md);
+    list-style: none;
+    margin: 0;
+    padding: var(--m-space-2);
+}
+
+.m-fileupload__file {
+    display: flex;
+    flex-direction: column;
+    gap: var(--m-space-1);
+    padding: var(--m-space-2) 0;
+}
+
+.m-fileupload__file + .m-fileupload__file {
+    border-top: var(--m-border-width) solid var(--m-color-border);
+}
+
+.m-fileupload__file-body {
+    align-items: center;
+    display: flex;
+    gap: var(--m-space-3);
+    min-width: 0;
+}
+
+.m-fileupload__name {
+    flex: 1 1 auto;
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+}
+
+.m-fileupload__file--fail .m-fileupload__name,
+.m-fileupload__status {
+    color: var(--m-color-danger);
+}
+
+.m-fileupload__size,
+.m-fileupload__status {
+    flex: 0 0 auto;
+    font-size: var(--m-font-size-sm);
+}
+
+.m-fileupload__size {
+    color: var(--m-color-text-muted);
+}
+
+.m-fileupload__thumb {
+    border-radius: var(--m-radius-sm);
+    cursor: pointer;
+    flex: 0 0 auto;
+    height: var(--m-fileupload-thumb-size);
+    object-fit: cover;
+    width: var(--m-fileupload-thumb-size);
+}
+
+.m-fileupload__actions {
+    display: inline-flex;
+    flex: 0 0 auto;
+    gap: var(--m-space-1);
+    margin-left: auto;
+}
+
+.m-fileupload__action {
+    align-items: center;
+    background: transparent;
+    border: 0;
+    border-radius: var(--m-radius-sm);
+    color: var(--m-color-text-muted);
+    cursor: pointer;
+    display: inline-flex;
+    height: var(--m-control-affix-size);
+    justify-content: center;
+    padding: 0;
+    width: var(--m-control-affix-size);
+}
+
+.m-fileupload__action:hover {
+    color: var(--m-color-primary);
+}
+
+.m-fileupload__action:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-fileupload__action:disabled {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+}
+
+.m-fileupload__progress {
+    background: var(--m-color-primary);
+    border-radius: var(--m-radius-full, 999px);
+    height: var(--m-fileupload-progress-height);
+    max-width: 100%;
+}
+
+.m-fileupload__toolbar {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--m-space-2);
+}
+
+.m-fileupload__cards {
+    display: flex;
+    flex-wrap: wrap;
+    gap: var(--m-space-3);
+}
+
+.m-fileupload__card {
+    background: var(--m-color-surface);
+    border: var(--m-border-width) solid var(--m-color-border);
+    border-radius: var(--m-radius-md);
+    box-sizing: border-box;
+    height: var(--m-fileupload-card-size);
+    overflow: hidden;
+    position: relative;
+    width: var(--m-fileupload-card-size);
+}
+
+.m-fileupload__card-image {
+    cursor: pointer;
+    display: block;
+    height: 100%;
+    object-fit: cover;
+    width: 100%;
+}
+
+.m-fileupload__card-name {
+    align-items: center;
+    color: var(--m-color-text-muted);
+    display: flex;
+    font-size: var(--m-font-size-sm);
+    height: 100%;
+    justify-content: center;
+    overflow: hidden;
+    padding: var(--m-space-2);
+    text-align: center;
+    word-break: break-all;
+}
+
+.m-fileupload__card-mask,
+.m-fileupload__card-progress {
+    align-items: center;
+    display: flex;
+    inset: 0;
+    justify-content: center;
+    position: absolute;
+}
+
+.m-fileupload__card-mask {
+    background: color-mix(in srgb, var(--m-color-text) 48%, transparent);
+    gap: var(--m-space-1);
+    opacity: 0;
+    transition: opacity var(--m-motion-fast) var(--m-motion-ease);
+}
+
+.m-fileupload__card:hover .m-fileupload__card-mask,
+.m-fileupload__card:focus-within .m-fileupload__card-mask {
+    opacity: 1;
+}
+
+.m-fileupload__card-mask .m-fileupload__action {
+    color: var(--m-color-on-emphasis);
+}
+
+.m-fileupload__card-mask .m-fileupload__action:hover {
+    color: var(--m-color-primary);
+}
+
+.m-fileupload__card-progress {
+    background: color-mix(in srgb, var(--m-color-surface) 78%, transparent);
+    color: var(--m-color-text);
+    font-size: var(--m-font-size-sm);
+}
+
+.m-fileupload__card--add {
+    align-items: center;
+    background: color-mix(
+        in srgb,
+        var(--m-color-surface) 92%,
+        var(--m-color-primary) 8%
+    );
+    border-style: dashed;
+    color: var(--m-color-text-muted);
+    cursor: pointer;
+    display: flex;
+    font: inherit;
+    justify-content: center;
+    padding: 0;
+}
+
+.m-fileupload__card--add:hover,
+.m-fileupload__cards--over .m-fileupload__card--add {
+    border-color: var(--m-color-primary);
+    color: var(--m-color-primary);
+}
+
+.m-fileupload__card--add:focus-visible {
+    box-shadow: var(--m-focus-shadow);
+    outline: none;
+}
+
+.m-fileupload__card--fail {
+    border-color: var(--m-color-danger);
+}
+
+.m-fileupload--disabled .m-fileupload__card--add {
+    cursor: not-allowed;
+    opacity: var(--m-opacity-disabled);
+    pointer-events: none;
+}

package/dist/components/FileUpload/types.d.ts

@@ -0,0 +1,91 @@
+export type FileUploadMode = 'basic' | 'advanced';
+export type FileUploadListType = 'text' | 'picture' | 'picture-card';
+export type FileUploadStatus = 'ready' | 'uploading' | 'success' | 'fail';
+export interface FileUploadFile {
+    uid: string;
+    name: string;
+    size?: number;
+    type?: string;
+    status: FileUploadStatus;
+    percentage?: number;
+    url?: string;
+    raw?: File;
+    response?: unknown;
+    error?: string;
+}
+export interface FileUploadRequestOptions {
+    action: string;
+    method: string;
+    file: File;
+    filename: string;
+    data: Record<string, string | Blob>;
+    headers: Record<string, string>;
+    withCredentials: boolean;
+    onProgress: (percent: number) => void;
+    onSuccess: (response: unknown) => void;
+    onError: (error: Error) => void;
+}
+export interface FileUploadProps {
+    mode?: FileUploadMode;
+    multiple?: boolean;
+    accept?: string;
+    disabled?: boolean;
+    chooseLabel?: string;
+    /** Enable drag-and-drop zone. */
+    drag?: boolean;
+    /** Maximum number of files. Extra files emit `exceed`. */
+    limit?: number;
+    /** Max file size in bytes. Oversized files are skipped. */
+    maxSize?: number;
+    /** Select a folder (`webkitdirectory`). Implies multiple files. */
+    directory?: boolean;
+    /** Show the file list. */
+    showFileList?: boolean;
+    listType?: FileUploadListType;
+    /** Bound file list (`v-model:file-list`). */
+    fileList?: FileUploadFile[];
+    /** Upload URL. When set, files upload automatically unless `autoUpload` is false. */
+    action?: string;
+    method?: string;
+    /** Form field name for the file. */
+    name?: string;
+    headers?: Record<string, string>;
+    data?: Record<string, string | Blob> | (() => Record<string, string | Blob>);
+    withCredentials?: boolean;
+    /** Upload as soon as files are selected. Requires `action` or `httpRequest`. */
+    autoUpload?: boolean;
+    /** Custom uploader. Receives the same hooks as the default XHR request. */
+    httpRequest?: (options: FileUploadRequestOptions) => void | Promise<unknown> | XMLHttpRequest;
+    beforeUpload?: (file: File, uploadFile: FileUploadFile) => boolean | Promise<boolean | void> | void;
+    beforeRemove?: (uploadFile: FileUploadFile, fileList: FileUploadFile[]) => boolean | Promise<boolean | void> | void;
+}
+export interface FileUploadEmits {
+    (event: 'select', files: File[]): void;
+    (event: 'exceed', files: File[]): void;
+    (event: 'exceed-size', file: File): void;
+    (event: 'update:fileList', files: FileUploadFile[]): void;
+    (event: 'change', file: FileUploadFile, fileList: FileUploadFile[]): void;
+    (event: 'remove', file: FileUploadFile): void;
+    (event: 'preview', file: FileUploadFile): void;
+    (event: 'progress', file: FileUploadFile, percent: number): void;
+    (event: 'success', file: FileUploadFile, response: unknown): void;
+    (event: 'error', file: FileUploadFile, error: Error): void;
+    (event: 'abort', file?: FileUploadFile): void;
+}
+export interface FileUploadSlots {
+    default?: () => unknown;
+    trigger?: () => unknown;
+    tip?: () => unknown;
+    file?: (props: {
+        file: FileUploadFile;
+    }) => unknown;
+}
+export interface FileUploadExpose {
+    openPicker: () => void;
+    submit: () => void;
+    abort: (file?: FileUploadFile) => void;
+    clear: () => void;
+    clearFiles: () => void;
+}
+export type FileUploadInstance = FileUploadExpose;
+//# sourceMappingURL=types.d.ts.map

package/dist/components/FileUpload/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/FileUpload/types.ts"],"names":[],"mappings":"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"}