@skdx/vue 0.26.0

package/dist/field/useField.js

@@ -0,0 +1 @@
+import{FieldController as e}from"./fieldCore.js";import{announce as o}from"../utils/liveAnnouncer.js";import{FIELD_CONTEXT as r,nextFieldId as t}from"./context.js";import{onUnmounted as n,provide as a,ref as s,watch as c,watchEffect as l}from"vue";function u(u,d,i){const C={labelId:t("label"),descriptionId:t("description"),errorId:t("error"),controlId:t("control")},g=s(C.controlId),p=s([]),m=s(0),v=s(null),h=new e({...C,grouped:d,onSnapshotChange:e=>{g.value=e.controlId,p.value=e.errors,m.value=e.count;const{controlId:o,...r}=e;i(r)},announce:o});a(r,{...C,controlId:g,errors:p,grouped:d,count:m,setCharacterCount:e=>h.setCharacterCount(e),get getCharacterCountMessage(){return u.getCharacterCountMessage},requestSync:()=>h.sync()});let f=!1;return l(()=>{const e={validate:u.validate,mode:u.mode,errors:u.errors,value:u.value,name:u.name,getCharacterCountMessage:u.getCharacterCountMessage,invalidMessage:u.invalidMessage},o=v.value;o&&!f&&(f=!0,h.connect(o)),h.setProps(e),h.sync()},{flush:"post"}),c([p,g],()=>h.sync(),{flush:"post"}),n(()=>h.disconnect()),v}export{u as useField};

package/dist/file-upload/FileUpload.vue.cjs

@@ -0,0 +1 @@
+const e=require("./FileUpload.vue_vue_type_script_setup_true_lang.cjs");var u=e.default;exports.default=u;

package/dist/file-upload/FileUpload.vue.d.cts

@@ -0,0 +1,59 @@
+import { type FileUploadRejection } from './context.cjs';
+/**
+ * The Vue implementation of the shared FileUpload contract (see
+ * `@skdx/shared`'s `fileUploadContract`). Owns a controllable `File[]`
+ * list and `provide()`s it, plus add/remove/openPicker, to
+ * `SkdxFileUploadDropzone` / `SkdxFileUploadTrigger` / `SkdxFileUploadInput` /
+ * `SkdxFileUploadItem` / `SkdxFileUploadItemDelete` children. Renders a plain
+ * `<div>`.
+ */
+type __VLS_Props = {
+    /** Selected files, for controlled usage. Pair with `v-model:value` or `@value-change`. */
+    value?: File[];
+    /** Initially selected files, for uncontrolled usage. */
+    defaultValue?: File[];
+    /** Comma-separated file-type filter, applied to picker and drag-and-drop alike. */
+    accept?: string;
+    /** Allow selecting/dropping more than one file. */
+    multiple?: boolean;
+    /** Disables the dropzone, trigger, and file input, and blocks adding or removing files. */
+    disabled?: boolean;
+    /** Most files the list may hold; files past the cap are rejected with `too-many-files`. Ignored while `multiple` is false. */
+    maxFiles?: number;
+    /** Largest accepted file size in bytes; a bigger file is rejected with `file-too-large`. */
+    maxFileSize?: number;
+    /** Smallest accepted file size in bytes; a smaller file is rejected with `file-too-small`. */
+    minFileSize?: number;
+    /** Extra per-file check. Return error codes to reject the file, or null/undefined/[] to accept it. */
+    validate?: (file: File) => string[] | null | undefined;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (value: File[]) => any;
+    "value-change": (value: File[]) => any;
+    "file-reject": (rejection: FileUploadRejection) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: File[]) => any) | undefined;
+    "onValue-change"?: ((value: File[]) => any) | undefined;
+    "onFile-reject"?: ((rejection: FileUploadRejection) => any) | undefined;
+}>, {
+    disabled: boolean;
+    value: File[];
+    defaultValue: File[];
+    multiple: boolean;
+    validate: (file: File) => string[] | null | undefined;
+    accept: string;
+    maxFiles: number;
+    maxFileSize: number;
+    minFileSize: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/file-upload/FileUpload.vue.d.ts

@@ -0,0 +1,59 @@
+import { type FileUploadRejection } from './context.js';
+/**
+ * The Vue implementation of the shared FileUpload contract (see
+ * `@skdx/shared`'s `fileUploadContract`). Owns a controllable `File[]`
+ * list and `provide()`s it, plus add/remove/openPicker, to
+ * `SkdxFileUploadDropzone` / `SkdxFileUploadTrigger` / `SkdxFileUploadInput` /
+ * `SkdxFileUploadItem` / `SkdxFileUploadItemDelete` children. Renders a plain
+ * `<div>`.
+ */
+type __VLS_Props = {
+    /** Selected files, for controlled usage. Pair with `v-model:value` or `@value-change`. */
+    value?: File[];
+    /** Initially selected files, for uncontrolled usage. */
+    defaultValue?: File[];
+    /** Comma-separated file-type filter, applied to picker and drag-and-drop alike. */
+    accept?: string;
+    /** Allow selecting/dropping more than one file. */
+    multiple?: boolean;
+    /** Disables the dropzone, trigger, and file input, and blocks adding or removing files. */
+    disabled?: boolean;
+    /** Most files the list may hold; files past the cap are rejected with `too-many-files`. Ignored while `multiple` is false. */
+    maxFiles?: number;
+    /** Largest accepted file size in bytes; a bigger file is rejected with `file-too-large`. */
+    maxFileSize?: number;
+    /** Smallest accepted file size in bytes; a smaller file is rejected with `file-too-small`. */
+    minFileSize?: number;
+    /** Extra per-file check. Return error codes to reject the file, or null/undefined/[] to accept it. */
+    validate?: (file: File) => string[] | null | undefined;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:value": (value: File[]) => any;
+    "value-change": (value: File[]) => any;
+    "file-reject": (rejection: FileUploadRejection) => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:value"?: ((value: File[]) => any) | undefined;
+    "onValue-change"?: ((value: File[]) => any) | undefined;
+    "onFile-reject"?: ((rejection: FileUploadRejection) => any) | undefined;
+}>, {
+    disabled: boolean;
+    value: File[];
+    defaultValue: File[];
+    multiple: boolean;
+    validate: (file: File) => string[] | null | undefined;
+    accept: string;
+    maxFiles: number;
+    maxFileSize: number;
+    minFileSize: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/file-upload/FileUpload.vue.js

@@ -0,0 +1 @@
+import e from"./FileUpload.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/file-upload/FileUpload.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const v=require("./context.cjs");let l=require("vue");var b=["data-disabled"],y=(0,l.defineComponent)({__name:"FileUpload",props:{value:{default:void 0},defaultValue:{default:()=>[]},accept:{default:void 0},multiple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},maxFiles:{default:void 0},maxFileSize:{default:void 0},minFileSize:{default:void 0},validate:{type:Function,default:void 0}},emits:["update:value","value-change","file-reject"],setup(r,{emit:m}){const e=r,u=m,s=(0,l.ref)(null),f=(0,l.ref)(e.defaultValue),d=(0,l.computed)(()=>e.value===void 0?f.value:e.value);function p(t){e.value===void 0&&(f.value=t),u("update:value",t),u("value-change",t)}function _(t){if(e.disabled)return;const a=e.multiple?d.value:[],o=(e.multiple?e.maxFiles??1/0:1)-a.length,i=[];for(const n of Array.from(t)){const c=v.fileErrors(n,e);if(i.length>=o&&c.push("too-many-files"),c.length>0){u("file-reject",{file:n,errors:c});continue}i.push(n)}i.length!==0&&p([...a,...i])}function F(t){p(d.value.filter((a,o)=>o!==t))}function h(){e.disabled||s.value?.click()}return(0,l.provide)(v.FILE_UPLOAD_CONTEXT,{inputRef:s,files:d,disabled:(0,l.computed)(()=>e.disabled),accept:(0,l.computed)(()=>e.accept),multiple:(0,l.computed)(()=>e.multiple),addFiles:_,removeFile:F,openPicker:h}),(t,a)=>((0,l.openBlock)(),(0,l.createElementBlock)("div",{class:"skdx-file-upload","data-part":"root","data-skdx-component":"file-upload","data-disabled":r.disabled?"":void 0},[(0,l.renderSlot)(t.$slots,"default")],8,b))}});exports.default=y;

package/dist/file-upload/FileUpload.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{FILE_UPLOAD_CONTEXT as e,fileErrors as l}from"./context.js";import{computed as a,createElementBlock as t,defineComponent as i,openBlock as d,provide as o,ref as u,renderSlot as s}from"vue";var n=["data-disabled"],f=/* @__PURE__ */i({__name:"FileUpload",props:{value:{default:void 0},defaultValue:{default:()=>[]},accept:{default:void 0},multiple:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},maxFiles:{default:void 0},maxFileSize:{default:void 0},minFileSize:{default:void 0},validate:{type:Function,default:void 0}},emits:["update:value","value-change","file-reject"],setup(i,{emit:f}){const r=i,p=f,c=u(null),v=u(r.defaultValue),m=a(()=>void 0===r.value?v.value:r.value);function F(e){void 0===r.value&&(v.value=e),p("update:value",e),p("value-change",e)}return o(e,{inputRef:c,files:m,disabled:a(()=>r.disabled),accept:a(()=>r.accept),multiple:a(()=>r.multiple),addFiles:function(e){if(r.disabled)return;const a=r.multiple?m.value:[],t=(r.multiple?r.maxFiles??1/0:1)-a.length,i=[];for(const a of Array.from(e)){const e=l(a,r);i.length>=t&&e.push("too-many-files"),e.length>0?p("file-reject",{file:a,errors:e}):i.push(a)}0!==i.length&&F([...a,...i])},removeFile:function(e){F(m.value.filter((l,a)=>a!==e))},openPicker:function(){r.disabled||c.value?.click()}}),(e,l)=>(d(),t("div",{class:"skdx-file-upload","data-part":"root","data-skdx-component":"file-upload","data-disabled":i.disabled?"":void 0},[s(e.$slots,"default")],8,n))}});export{f as default};

package/dist/file-upload/FileUploadDropzone.vue.cjs

@@ -0,0 +1 @@
+const e=require("./FileUploadDropzone.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

package/dist/file-upload/FileUploadDropzone.vue.d.cts

@@ -0,0 +1,19 @@
+/**
+ * Drag-and-drop / click-to-browse target within a `SkdxFileUpload`. Renders
+ * `role="button"`, keyboard-activatable (Enter/Space), with
+ * `aria-disabled`/`data-disabled` and `data-dragging` (set while a drag is
+ * over it) reflecting state.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/file-upload/FileUploadDropzone.vue.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Drag-and-drop / click-to-browse target within a `SkdxFileUpload`. Renders
+ * `role="button"`, keyboard-activatable (Enter/Space), with
+ * `aria-disabled`/`data-disabled` and `data-dragging` (set while a drag is
+ * over it) reflecting state.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/file-upload/FileUploadDropzone.vue.js

@@ -0,0 +1 @@
+import e from"./FileUploadDropzone.vue_vue_type_script_setup_true_lang.js";var p=e;export{p as default};

package/dist/file-upload/FileUploadDropzone.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const u=require("./context.cjs");let d=require("vue");var s=["tabindex","aria-disabled","data-disabled","data-dragging"],f=(0,d.defineComponent)({__name:"FileUploadDropzone",setup(p){const a=(0,d.inject)(u.FILE_UPLOAD_CONTEXT);if(!a)throw new Error("<SkdxFileUploadDropzone> must be used inside <SkdxFileUpload>.");const r=(0,d.ref)(!1);function n(){a.openPicker()}function o(e){(e.key==="Enter"||e.key===" ")&&!a.disabled.value&&(e.preventDefault(),a.openPicker())}function l(e){e.preventDefault(),a.disabled.value||(r.value=!0)}function i(){r.value=!1}function t(e){e.preventDefault(),r.value=!1,!a.disabled.value&&e.dataTransfer&&a.addFiles(e.dataTransfer.files)}return(e,v)=>((0,d.openBlock)(),(0,d.createElementBlock)("div",{class:"skdx-file-upload__dropzone","data-part":"dropzone",role:"button",tabindex:(0,d.unref)(a).disabled.value?-1:0,"aria-disabled":(0,d.unref)(a).disabled.value||void 0,"data-disabled":(0,d.unref)(a).disabled.value?"":void 0,"data-dragging":r.value?"":void 0,onClick:n,onKeydown:o,onDragover:l,onDragleave:i,onDrop:t},[(0,d.renderSlot)(e.$slots,"default")],40,s))}});exports.default=f;

package/dist/file-upload/FileUploadDropzone.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{FILE_UPLOAD_CONTEXT as e}from"./context.js";import{createElementBlock as a,defineComponent as d,inject as o,openBlock as n,ref as l,renderSlot as t,unref as i}from"vue";var r=["tabindex","aria-disabled","data-disabled","data-dragging"],s=/* @__PURE__ */d({__name:"FileUploadDropzone",setup(d){const s=o(e);if(!s)throw new Error("<SkdxFileUploadDropzone> must be used inside <SkdxFileUpload>.");const u=l(!1);function p(){s.openPicker()}function v(e){("Enter"===e.key||" "===e.key)&&!s.disabled.value&&(e.preventDefault(),s.openPicker())}function f(e){e.preventDefault(),s.disabled.value||(u.value=!0)}function c(){u.value=!1}function b(e){e.preventDefault(),u.value=!1,!s.disabled.value&&e.dataTransfer&&s.addFiles(e.dataTransfer.files)}return(e,d)=>(n(),a("div",{class:"skdx-file-upload__dropzone","data-part":"dropzone",role:"button",tabindex:i(s).disabled.value?-1:0,"aria-disabled":i(s).disabled.value||void 0,"data-disabled":i(s).disabled.value?"":void 0,"data-dragging":u.value?"":void 0,onClick:p,onKeydown:v,onDragover:f,onDragleave:c,onDrop:b},[t(e.$slots,"default")],40,r))}});export{s as default};

package/dist/file-upload/FileUploadInput.vue.cjs

@@ -0,0 +1 @@
+const e=require("./FileUploadInput.vue_vue_type_script_setup_true_lang.cjs");var u=e.default;exports.default=u;

package/dist/file-upload/FileUploadInput.vue.d.cts

@@ -0,0 +1,13 @@
+/**
+ * The visually-hidden native `<input type="file">` that actually opens the
+ * OS file dialog and receives its selection. Render it once anywhere inside
+ * `SkdxFileUpload` — `SkdxFileUploadDropzone`/`SkdxFileUploadTrigger` open it
+ * programmatically.
+ *
+ * `aria-hidden` + `tabindex="-1"`, matching the other four frameworks: it is
+ * an implementation detail with no label of its own, and the dropzone is the
+ * labelled, keyboard-reachable control that stands in for it.
+ */
+type __VLS_Props = {};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/file-upload/FileUploadInput.vue.d.ts

@@ -0,0 +1,13 @@
+/**
+ * The visually-hidden native `<input type="file">` that actually opens the
+ * OS file dialog and receives its selection. Render it once anywhere inside
+ * `SkdxFileUpload` — `SkdxFileUploadDropzone`/`SkdxFileUploadTrigger` open it
+ * programmatically.
+ *
+ * `aria-hidden` + `tabindex="-1"`, matching the other four frameworks: it is
+ * an implementation detail with no label of its own, and the dropzone is the
+ * labelled, keyboard-reachable control that stands in for it.
+ */
+type __VLS_Props = {};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;

package/dist/file-upload/FileUploadInput.vue.js

@@ -0,0 +1 @@
+import e from"./FileUploadInput.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/file-upload/FileUploadInput.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const a=require("./context.cjs");let e=require("vue");var p=["accept","multiple","disabled"],r=(0,e.defineComponent)({__name:"FileUploadInput",setup(d){const t=(0,e.inject)(a.FILE_UPLOAD_CONTEXT);if(!t)throw new Error("<SkdxFileUploadInput> must be used inside <SkdxFileUpload>.");function l(n){const i=n.target;i.files&&t.addFiles(i.files),i.value=""}return(n,i)=>((0,e.openBlock)(),(0,e.createElementBlock)("input",{class:"skdx-file-upload__input","data-part":"input",ref:u=>(0,e.unref)(t).inputRef.value=u,type:"file","aria-hidden":"true",tabindex:"-1",accept:(0,e.unref)(t).accept.value,multiple:(0,e.unref)(t).multiple.value,disabled:(0,e.unref)(t).disabled.value,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"},onChange:l},null,40,p))}});exports.default=r;

package/dist/file-upload/FileUploadInput.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{FILE_UPLOAD_CONTEXT as e}from"./context.js";import{createElementBlock as t,defineComponent as a,inject as i,openBlock as l,unref as n}from"vue";var p=["accept","multiple","disabled"],o=/* @__PURE__ */a({__name:"FileUploadInput",setup(a){const o=i(e);if(!o)throw new Error("<SkdxFileUploadInput> must be used inside <SkdxFileUpload>.");function s(e){const t=e.target;t.files&&o.addFiles(t.files),t.value=""}return(e,a)=>(l(),t("input",{class:"skdx-file-upload__input","data-part":"input",ref:e=>n(o).inputRef.value=e,type:"file","aria-hidden":"true",tabindex:"-1",accept:n(o).accept.value,multiple:n(o).multiple.value,disabled:n(o).disabled.value,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"},onChange:s},null,40,p))}});export{o as default};

package/dist/file-upload/FileUploadItem.vue.cjs

@@ -0,0 +1 @@
+const e=require("./FileUploadItem.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/file-upload/FileUploadItem.vue.d.cts

@@ -0,0 +1,33 @@
+import type { FileUploadFileStatus } from './context.cjs';
+/**
+ * Row for a single selected file, identified by its `index` in the
+ * `SkdxFileUpload`'s current file list. Renders a plain `<div>`.
+ *
+ * `status`/`progress` are pushed in by the consumer: SkdxFileUpload is
+ * transport-free, so it never learns that a file finished uploading. They
+ * surface as `data-status` / `data-progress` so per-file progress and error
+ * UIs are styleable without forking the component.
+ */
+type __VLS_Props = {
+    /** Index of this file in the `SkdxFileUpload`'s current file list. */
+    index: number;
+    /** This file's upload status, owned by whoever runs the transport. Reflected as `data-status`. */
+    status?: FileUploadFileStatus;
+    /** This file's upload progress, 0-100. Reflected as `data-progress`; omitted when undefined. */
+    progress?: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    progress: number;
+    status: FileUploadFileStatus;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/file-upload/FileUploadItem.vue.d.ts

@@ -0,0 +1,33 @@
+import type { FileUploadFileStatus } from './context.js';
+/**
+ * Row for a single selected file, identified by its `index` in the
+ * `SkdxFileUpload`'s current file list. Renders a plain `<div>`.
+ *
+ * `status`/`progress` are pushed in by the consumer: SkdxFileUpload is
+ * transport-free, so it never learns that a file finished uploading. They
+ * surface as `data-status` / `data-progress` so per-file progress and error
+ * UIs are styleable without forking the component.
+ */
+type __VLS_Props = {
+    /** Index of this file in the `SkdxFileUpload`'s current file list. */
+    index: number;
+    /** This file's upload status, owned by whoever runs the transport. Reflected as `data-status`. */
+    status?: FileUploadFileStatus;
+    /** This file's upload progress, 0-100. Reflected as `data-progress`; omitted when undefined. */
+    progress?: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    progress: number;
+    status: FileUploadFileStatus;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/file-upload/FileUploadItem.vue.js

@@ -0,0 +1 @@
+import e from"./FileUploadItem.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/file-upload/FileUploadItem.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+let e=require("vue");var s=["data-status","data-progress"],r=(0,e.defineComponent)({__name:"FileUploadItem",props:{index:{},status:{default:"idle"},progress:{default:void 0}},setup(t){return(a,d)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-file-upload__item","data-part":"item","data-status":t.status,"data-progress":t.progress},[(0,e.renderSlot)(a.$slots,"default")],8,s))}});exports.default=r;

package/dist/file-upload/FileUploadItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{createElementBlock as a,defineComponent as e,openBlock as t,renderSlot as s}from"vue";var d=["data-status","data-progress"],o=/* @__PURE__ */e({__name:"FileUploadItem",props:{index:{},status:{default:"idle"},progress:{default:void 0}},setup:e=>(o,r)=>(t(),a("div",{class:"skdx-file-upload__item","data-part":"item","data-status":e.status,"data-progress":e.progress},[s(o.$slots,"default")],8,d))});export{o as default};

package/dist/file-upload/FileUploadItemDelete.vue.cjs

@@ -0,0 +1 @@
+const e=require("./FileUploadItemDelete.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;

package/dist/file-upload/FileUploadItemDelete.vue.d.cts

@@ -0,0 +1,20 @@
+/**
+ * Button that removes its `index`-th file from the `SkdxFileUpload`'s file
+ * list when clicked. Defaults `aria-label` to `"Remove file"`.
+ */
+type __VLS_Props = {
+    /** Index of the file to remove from the `SkdxFileUpload`'s current file list. */
+    index: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/file-upload/FileUploadItemDelete.vue.d.ts

@@ -0,0 +1,20 @@
+/**
+ * Button that removes its `index`-th file from the `SkdxFileUpload`'s file
+ * list when clicked. Defaults `aria-label` to `"Remove file"`.
+ */
+type __VLS_Props = {
+    /** Index of the file to remove from the `SkdxFileUpload`'s current file list. */
+    index: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/file-upload/FileUploadItemDelete.vue.js

@@ -0,0 +1 @@
+import e from"./FileUploadItemDelete.vue_vue_type_script_setup_true_lang.js";var t=e;export{t as default};

package/dist/file-upload/FileUploadItemDelete.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const o=require("./context.cjs");let e=require("vue");var r=["disabled","data-disabled"],n=(0,e.defineComponent)({__name:"FileUploadItemDelete",props:{index:{}},setup(l){const d=l,t=(0,e.inject)(o.FILE_UPLOAD_CONTEXT);if(!t)throw new Error("<SkdxFileUploadItemDelete> must be used inside <SkdxFileUpload>.");function a(){t.disabled.value||t.removeFile(d.index)}return(i,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-file-upload__item-delete","data-part":"item-delete",type:"button","aria-label":"Remove file",disabled:(0,e.unref)(t).disabled.value,"data-disabled":(0,e.unref)(t).disabled.value?"":void 0,onClick:a},[(0,e.renderSlot)(i.$slots,"default")],8,r))}});exports.default=n;

package/dist/file-upload/FileUploadItemDelete.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{FILE_UPLOAD_CONTEXT as e}from"./context.js";import{createElementBlock as a,defineComponent as t,inject as d,openBlock as l,renderSlot as i,unref as o}from"vue";var s=["disabled","data-disabled"],n=/* @__PURE__ */t({__name:"FileUploadItemDelete",props:{index:{}},setup(t){const n=t,r=d(e);if(!r)throw new Error("<SkdxFileUploadItemDelete> must be used inside <SkdxFileUpload>.");function u(){r.disabled.value||r.removeFile(n.index)}return(e,t)=>(l(),a("button",{class:"skdx-file-upload__item-delete","data-part":"item-delete",type:"button","aria-label":"Remove file",disabled:o(r).disabled.value,"data-disabled":o(r).disabled.value?"":void 0,onClick:u},[i(e.$slots,"default")],8,s))}});export{n as default};

package/dist/file-upload/FileUploadTrigger.vue.cjs

@@ -0,0 +1 @@
+const e=require("./FileUploadTrigger.vue_vue_type_script_setup_true_lang.cjs");var r=e.default;exports.default=r;

package/dist/file-upload/FileUploadTrigger.vue.d.cts

@@ -0,0 +1,17 @@
+/**
+ * Button that opens the native file picker when clicked. Mirrors the
+ * enclosing `SkdxFileUpload`'s `disabled` state.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/file-upload/FileUploadTrigger.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * Button that opens the native file picker when clicked. Mirrors the
+ * enclosing `SkdxFileUpload`'s `disabled` state.
+ */
+type __VLS_Props = {};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/file-upload/FileUploadTrigger.vue.js

@@ -0,0 +1 @@
+import e from"./FileUploadTrigger.vue_vue_type_script_setup_true_lang.js";var r=e;export{r as default};

package/dist/file-upload/FileUploadTrigger.vue_vue_type_script_setup_true_lang.cjs

@@ -0,0 +1 @@
+const l=require("./context.cjs");let e=require("vue");var i=["disabled","data-disabled"],a=(0,e.defineComponent)({__name:"FileUploadTrigger",setup(n){const t=(0,e.inject)(l.FILE_UPLOAD_CONTEXT);if(!t)throw new Error("<SkdxFileUploadTrigger> must be used inside <SkdxFileUpload>.");return(d,r)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-file-upload__trigger","data-part":"trigger",type:"button",disabled:(0,e.unref)(t).disabled.value,"data-disabled":(0,e.unref)(t).disabled.value?"":void 0,onClick:r[0]||(r[0]=o=>(0,e.unref)(t).openPicker())},[(0,e.renderSlot)(d.$slots,"default")],8,i))}});exports.default=a;

package/dist/file-upload/FileUploadTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1 @@
+import{FILE_UPLOAD_CONTEXT as e}from"./context.js";import{createElementBlock as a,defineComponent as d,inject as t,openBlock as r,renderSlot as l,unref as o}from"vue";var s=["disabled","data-disabled"],i=/* @__PURE__ */d({__name:"FileUploadTrigger",setup(d){const i=t(e);if(!i)throw new Error("<SkdxFileUploadTrigger> must be used inside <SkdxFileUpload>.");return(e,d)=>(r(),a("button",{class:"skdx-file-upload__trigger","data-part":"trigger",type:"button",disabled:o(i).disabled.value,"data-disabled":o(i).disabled.value?"":void 0,onClick:d[0]||(d[0]=e=>o(i).openPicker())},[l(e.$slots,"default")],8,s))}});export{i as default};

package/dist/file-upload/context.cjs

@@ -0,0 +1 @@
+var n=Symbol("skdx-file-upload-context");function l(r,e){if(!e)return!0;const i=e.split(",").map(t=>t.trim().toLowerCase()).filter(Boolean);if(i.length===0)return!0;const a=r.name.toLowerCase(),s=r.type.toLowerCase();return i.some(t=>t.startsWith(".")?a.endsWith(t):t.endsWith("/*")?s.startsWith(t.slice(0,-1)):s===t)}function o(r,e){const i=[];return l(r,e.accept)||i.push("file-invalid-type"),e.maxFileSize!==void 0&&r.size>e.maxFileSize&&i.push("file-too-large"),e.minFileSize!==void 0&&r.size<e.minFileSize&&i.push("file-too-small"),i.push(...e.validate?.(r)??[]),i}exports.FILE_UPLOAD_CONTEXT=n;exports.fileErrors=o;exports.matchesAccept=l;

package/dist/file-upload/context.d.cts

@@ -0,0 +1,46 @@
+import type { ComputedRef, InjectionKey, Ref } from 'vue';
+/**
+ * Per-file upload status. `SkdxFileUpload` performs no transport of its own,
+ * so this is pushed onto `SkdxFileUploadItem` by whoever owns the upload.
+ */
+export type FileUploadFileStatus = 'idle' | 'uploading' | 'complete' | 'error';
+/**
+ * Why one file was refused. Built-in codes are `file-invalid-type` (fails
+ * `accept`), `file-too-large` / `file-too-small` (fails `maxFileSize` /
+ * `minFileSize`), and `too-many-files` (would exceed `maxFiles`); a `validate`
+ * callback contributes its own codes alongside them.
+ */
+export interface FileUploadRejection {
+    /** The file that was refused. It is never added to the file list. */
+    file: File;
+    /** Every reason it was refused, built-in codes first. Never empty. */
+    errors: string[];
+}
+/** @internal Injection key a FileUpload provides so its parts can read/drive shared state. */
+export interface FileUploadContext {
+    inputRef: Ref<HTMLInputElement | null>;
+    files: ComputedRef<File[]>;
+    disabled: ComputedRef<boolean>;
+    accept: ComputedRef<string | undefined>;
+    multiple: ComputedRef<boolean>;
+    addFiles: (files: FileList | File[]) => void;
+    removeFile: (index: number) => void;
+    openPicker: () => void;
+}
+/** @internal Injection key the FileUpload root provides so its Dropzone, Trigger, and file List share the file collection and add/remove/open-picker actions. */
+export declare const FILE_UPLOAD_CONTEXT: InjectionKey<FileUploadContext>;
+/** @internal Returns whether a File satisfies the accept patterns, matching by extension, wildcard MIME (type/*), or exact MIME; true when accept is empty. */
+export declare function matchesAccept(file: File, accept?: string): boolean;
+/** @internal The checks the `validate` prop and the size/type props feed. */
+export interface FileUploadValidateOptions {
+    accept?: string;
+    maxFileSize?: number;
+    minFileSize?: number;
+    validate?: (file: File) => string[] | null | undefined;
+}
+/**
+ * @internal Every reason one incoming file is refused, in contract order.
+ * Empty means the file is accepted. `too-many-files` is not decided here: it
+ * depends on how many files were already accepted in this same batch.
+ */
+export declare function fileErrors(file: File, options: FileUploadValidateOptions): string[];

package/dist/file-upload/context.d.ts

@@ -0,0 +1,46 @@
+import type { ComputedRef, InjectionKey, Ref } from 'vue';
+/**
+ * Per-file upload status. `SkdxFileUpload` performs no transport of its own,
+ * so this is pushed onto `SkdxFileUploadItem` by whoever owns the upload.
+ */
+export type FileUploadFileStatus = 'idle' | 'uploading' | 'complete' | 'error';
+/**
+ * Why one file was refused. Built-in codes are `file-invalid-type` (fails
+ * `accept`), `file-too-large` / `file-too-small` (fails `maxFileSize` /
+ * `minFileSize`), and `too-many-files` (would exceed `maxFiles`); a `validate`
+ * callback contributes its own codes alongside them.
+ */
+export interface FileUploadRejection {
+    /** The file that was refused. It is never added to the file list. */
+    file: File;
+    /** Every reason it was refused, built-in codes first. Never empty. */
+    errors: string[];
+}
+/** @internal Injection key a FileUpload provides so its parts can read/drive shared state. */
+export interface FileUploadContext {
+    inputRef: Ref<HTMLInputElement | null>;
+    files: ComputedRef<File[]>;
+    disabled: ComputedRef<boolean>;
+    accept: ComputedRef<string | undefined>;
+    multiple: ComputedRef<boolean>;
+    addFiles: (files: FileList | File[]) => void;
+    removeFile: (index: number) => void;
+    openPicker: () => void;
+}
+/** @internal Injection key the FileUpload root provides so its Dropzone, Trigger, and file List share the file collection and add/remove/open-picker actions. */
+export declare const FILE_UPLOAD_CONTEXT: InjectionKey<FileUploadContext>;
+/** @internal Returns whether a File satisfies the accept patterns, matching by extension, wildcard MIME (type/*), or exact MIME; true when accept is empty. */
+export declare function matchesAccept(file: File, accept?: string): boolean;
+/** @internal The checks the `validate` prop and the size/type props feed. */
+export interface FileUploadValidateOptions {
+    accept?: string;
+    maxFileSize?: number;
+    minFileSize?: number;
+    validate?: (file: File) => string[] | null | undefined;
+}
+/**
+ * @internal Every reason one incoming file is refused, in contract order.
+ * Empty means the file is accepted. `too-many-files` is not decided here: it
+ * depends on how many files were already accepted in this same batch.
+ */
+export declare function fileErrors(file: File, options: FileUploadValidateOptions): string[];

package/dist/file-upload/context.js

@@ -0,0 +1 @@
+var e=/* @__PURE__ */Symbol("skdx-file-upload-context");function t(e,t){if(!t)return!0;const i=t.split(",").map(e=>e.trim().toLowerCase()).filter(Boolean);if(0===i.length)return!0;const s=e.name.toLowerCase(),o=e.type.toLowerCase();return i.some(e=>e.startsWith(".")?s.endsWith(e):e.endsWith("/*")?o.startsWith(e.slice(0,-1)):o===e)}function i(e,i){const s=[];return t(e,i.accept)||s.push("file-invalid-type"),void 0!==i.maxFileSize&&e.size>i.maxFileSize&&s.push("file-too-large"),void 0!==i.minFileSize&&e.size<i.minFileSize&&s.push("file-too-small"),s.push(...i.validate?.(e)??[]),s}export{e as FILE_UPLOAD_CONTEXT,i as fileErrors,t as matchesAccept};

package/dist/file-upload/index.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./FileUpload.vue.cjs"),l=require("./FileUploadDropzone.vue.cjs"),r=require("./FileUploadTrigger.vue.cjs"),i=require("./FileUploadInput.vue.cjs"),d=require("./FileUploadItem.vue.cjs"),o=require("./FileUploadItemDelete.vue.cjs");exports.SkdxFileUpload=e.default;exports.SkdxFileUploadDropzone=l.default;exports.SkdxFileUploadInput=i.default;exports.SkdxFileUploadItem=d.default;exports.SkdxFileUploadItemDelete=o.default;exports.SkdxFileUploadTrigger=r.default;

package/dist/file-upload/index.d.cts

@@ -0,0 +1,7 @@
+export { default as SkdxFileUpload } from './FileUpload.vue.cjs';
+export { default as SkdxFileUploadDropzone } from './FileUploadDropzone.vue.cjs';
+export { default as SkdxFileUploadTrigger } from './FileUploadTrigger.vue.cjs';
+export { default as SkdxFileUploadInput } from './FileUploadInput.vue.cjs';
+export { default as SkdxFileUploadItem } from './FileUploadItem.vue.cjs';
+export { default as SkdxFileUploadItemDelete } from './FileUploadItemDelete.vue.cjs';
+export type { FileUploadFileStatus, FileUploadRejection } from './context.cjs';

package/dist/file-upload/index.d.ts

@@ -0,0 +1,7 @@
+export { default as SkdxFileUpload } from './FileUpload.vue.js';
+export { default as SkdxFileUploadDropzone } from './FileUploadDropzone.vue.js';
+export { default as SkdxFileUploadTrigger } from './FileUploadTrigger.vue.js';
+export { default as SkdxFileUploadInput } from './FileUploadInput.vue.js';
+export { default as SkdxFileUploadItem } from './FileUploadItem.vue.js';
+export { default as SkdxFileUploadItemDelete } from './FileUploadItemDelete.vue.js';
+export type { FileUploadFileStatus, FileUploadRejection } from './context.js';

package/dist/file-upload/index.js

@@ -0,0 +1 @@
+import e from"./FileUpload.vue.js";import o from"./FileUploadDropzone.vue.js";import l from"./FileUploadTrigger.vue.js";import p from"./FileUploadInput.vue.js";import i from"./FileUploadItem.vue.js";import r from"./FileUploadItemDelete.vue.js";export{e as SkdxFileUpload,o as SkdxFileUploadDropzone,p as SkdxFileUploadInput,i as SkdxFileUploadItem,r as SkdxFileUploadItemDelete,l as SkdxFileUploadTrigger};

package/dist/floating-panel/FloatingPanel.vue.cjs

@@ -0,0 +1 @@
+const e=require("./FloatingPanel.vue_vue_type_script_setup_true_lang.cjs");var t=e.default;exports.default=t;