@skdx/vue 0.27.0 → 0.28.0

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

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

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

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

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

@@ -1,12 +1,7 @@
 /**
- * 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.
+ * The visually-hidden native `<input type="file">` that opens the OS file dialog.
+ * Render it once inside `SkdxFileUpload`; `SkdxFileUploadDropzone`/`SkdxFileUploadTrigger` open it.
+ * `aria-hidden` + `tabindex="-1"` — an implementation detail.
  */
 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>;

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

@@ -1,12 +1,7 @@
 /**
- * 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.
+ * The visually-hidden native `<input type="file">` that opens the OS file dialog.
+ * Render it once inside `SkdxFileUpload`; `SkdxFileUploadDropzone`/`SkdxFileUploadTrigger` open it.
+ * `aria-hidden` + `tabindex="-1"` — an implementation detail.
  */
 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>;

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

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

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

@@ -1 +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};
+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","webkitdirectory","capture","disabled"],u=/* @__PURE__ */a({__name:"FileUploadInput",setup(a){const u=i(e);if(!u)throw new Error("<SkdxFileUploadInput> must be used inside <SkdxFileUpload>.");function o(e){const t=e.target;t.files&&u.addFiles(t.files),t.value=""}return(e,a)=>(l(),t("input",{class:"skdx-file-upload__input","data-part":"input",ref:e=>n(u).inputRef.value=e,type:"file","aria-hidden":"true",tabindex:"-1",accept:n(u).accept.value,multiple:n(u).multiple.value,webkitdirectory:n(u).directory.value?"":void 0,capture:n(u).capture.value,disabled:n(u).disabled.value||n(u).readOnly.value,style:{position:"absolute","pointer-events":"none",opacity:"0",margin:"0",width:"1px",height:"1px"},onChange:o},null,40,p))}});export{u as default};

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

@@ -1,17 +1,18 @@
-import type { FileUploadFileStatus } from './context.cjs';
+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.
+ * Row for a single file. Renders `<div>` with the file provided to nested
+ * parts via context. Uses file identity (not index) so a delete button's
+ * meaning stays stable. `status`/`progress` are consumer-provided and surface
+ * as `data-state` / `data-progress` for styling.
  */
 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`. */
+    /**
+     * The file this row shows, and the identity every part inside it works
+     * from — compared by reference, so two files with the same name from
+     * different directories address two different rows.
+     */
+    file: File;
+    /** This file's upload status, owned by whoever runs the transport. Reflected as `data-state`. */
     status?: FileUploadFileStatus;
     /** This file's upload progress, 0-100. Reflected as `data-progress`; omitted when undefined. */
     progress?: number;

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

@@ -1,17 +1,18 @@
-import type { FileUploadFileStatus } from './context.js';
+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.
+ * Row for a single file. Renders `<div>` with the file provided to nested
+ * parts via context. Uses file identity (not index) so a delete button's
+ * meaning stays stable. `status`/`progress` are consumer-provided and surface
+ * as `data-state` / `data-progress` for styling.
  */
 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`. */
+    /**
+     * The file this row shows, and the identity every part inside it works
+     * from — compared by reference, so two files with the same name from
+     * different directories address two different rows.
+     */
+    file: File;
+    /** This file's upload status, owned by whoever runs the transport. Reflected as `data-state`. */
     status?: FileUploadFileStatus;
     /** This file's upload progress, 0-100. Reflected as `data-progress`; omitted when undefined. */
     progress?: number;

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

@@ -1 +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;
+const s=require("./context.cjs");let e=require("vue");var l=["data-state","data-progress"],d=(0,e.defineComponent)({__name:"FileUploadItem",props:{file:{},status:{default:"idle"},progress:{default:void 0}},setup(t){const a=t;return(0,e.provide)(s.FILE_UPLOAD_ITEM_CONTEXT,{file:(0,e.computed)(()=>a.file)}),(r,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",{class:"skdx-file-upload__item","data-part":"item","data-state":t.status,"data-progress":t.progress},[(0,e.renderSlot)(r.$slots,"default")],8,l))}});exports.default=d;

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

@@ -1 +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};
+import{FILE_UPLOAD_ITEM_CONTEXT as e}from"./context.js";import{computed as t,createElementBlock as a,defineComponent as s,openBlock as o,provide as r,renderSlot as d}from"vue";var l=["data-state","data-progress"],p=/* @__PURE__ */s({__name:"FileUploadItem",props:{file:{},status:{default:"idle"},progress:{default:void 0}},setup(s){const p=s;return r(e,{file:t(()=>p.file)}),(e,t)=>(o(),a("div",{class:"skdx-file-upload__item","data-part":"item","data-state":s.status,"data-progress":s.progress},[d(e.$slots,"default")],8,l))}});export{p as default};

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

@@ -1,10 +1,14 @@
 /**
- * Button that removes its `index`-th file from the `SkdxFileUpload`'s file
- * list when clicked. Defaults `aria-label` to `"Remove file"`.
+ * Button that removes one file from the list. Accessible name says which file
+ * (e.g., 'Remove report.pdf'), worded by root's `removeLabel`. Focus moves to
+ * next delete button before row unmounts (else focus drops to body).
  */
 type __VLS_Props = {
-    /** Index of the file to remove from the `SkdxFileUpload`'s current file list. */
-    index: number;
+    /**
+     * The file this button removes, matched by identity against the root's list.
+     * @default the enclosing Item's file
+     */
+    file?: File;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1,10 +1,14 @@
 /**
- * Button that removes its `index`-th file from the `SkdxFileUpload`'s file
- * list when clicked. Defaults `aria-label` to `"Remove file"`.
+ * Button that removes one file from the list. Accessible name says which file
+ * (e.g., 'Remove report.pdf'), worded by root's `removeLabel`. Focus moves to
+ * next delete button before row unmounts (else focus drops to body).
  */
 type __VLS_Props = {
-    /** Index of the file to remove from the `SkdxFileUpload`'s current file list. */
-    index: number;
+    /**
+     * The file this button removes, matched by identity against the root's list.
+     * @default the enclosing Item's file
+     */
+    file?: File;
 };
 declare var __VLS_1: {};
 type __VLS_Slots = {} & {

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

@@ -1 +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;
+const a=require("./context.cjs");let e=require("vue");var s=["aria-label","disabled","data-disabled","data-readonly"],c=(0,e.defineComponent)({__name:"FileUploadItemDelete",props:{file:{}},setup(i){const d=i,l=(0,e.inject)(a.FILE_UPLOAD_CONTEXT);if(!l)throw new Error("<SkdxFileUploadItemDelete> must be used inside <SkdxFileUpload>.");const r=(0,e.inject)(a.FILE_UPLOAD_ITEM_CONTEXT);if(!d.file&&!r)throw new Error("<SkdxFileUploadItemDelete> must be used inside <SkdxFileUploadItem>, or given a `file` of its own.");const o=(0,e.computed)(()=>d.file??r.file.value),n=(0,e.computed)(()=>l.removeLabel.value(o.value.name));function u(t){l.disabled.value||l.readOnly.value||(a.moveFocusBeforeRemoval(t.currentTarget),l.removeFile(o.value))}return(t,v)=>((0,e.openBlock)(),(0,e.createElementBlock)("button",{class:"skdx-file-upload__item-delete","data-part":"item-delete",type:"button","aria-label":n.value,disabled:(0,e.unref)(l).disabled.value||(0,e.unref)(l).readOnly.value,"data-disabled":(0,e.unref)(l).disabled.value?"":void 0,"data-readonly":(0,e.unref)(l).readOnly.value?"":void 0,onClick:u},[(0,e.renderSlot)(t.$slots,"default")],8,s))}});exports.default=c;

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

@@ -1 +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};
+import{FILE_UPLOAD_CONTEXT as e,FILE_UPLOAD_ITEM_CONTEXT as a,moveFocusBeforeRemoval as l}from"./context.js";import{computed as t,createElementBlock as d,defineComponent as o,inject as i,openBlock as s,renderSlot as r,unref as n}from"vue";var u=["aria-label","disabled","data-disabled","data-readonly"],m=/* @__PURE__ */o({__name:"FileUploadItemDelete",props:{file:{}},setup(o){const m=o,v=i(e);if(!v)throw new Error("<SkdxFileUploadItemDelete> must be used inside <SkdxFileUpload>.");const f=i(a);if(!m.file&&!f)throw new Error("<SkdxFileUploadItemDelete> must be used inside <SkdxFileUploadItem>, or given a `file` of its own.");const p=t(()=>m.file??f.file.value),b=t(()=>v.removeLabel.value(p.value.name));function c(e){v.disabled.value||v.readOnly.value||(l(e.currentTarget),v.removeFile(p.value))}return(e,a)=>(s(),d("button",{class:"skdx-file-upload__item-delete","data-part":"item-delete",type:"button","aria-label":b.value,disabled:n(v).disabled.value||n(v).readOnly.value,"data-disabled":n(v).disabled.value?"":void 0,"data-readonly":n(v).readOnly.value?"":void 0,onClick:c},[r(e.$slots,"default")],8,u))}});export{m as default};

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

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

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

@@ -0,0 +1,16 @@
+/**
+ * Wrapper for file upload rows (pure styling, reads no 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/FileUploadItemGroup.vue.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Wrapper for file upload rows (pure styling, reads no 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/FileUploadItemGroup.vue.js

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

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

@@ -0,0 +1 @@
+let e=require("vue");var r={class:"skdx-file-upload__item-group","data-part":"item-group"},l=(0,e.defineComponent)({__name:"FileUploadItemGroup",setup(u){return(t,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",r,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=l;

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

@@ -0,0 +1 @@
+import{createElementBlock as e,defineComponent as a,openBlock as o,renderSlot as t}from"vue";var l={class:"skdx-file-upload__item-group","data-part":"item-group"},p=/* @__PURE__ */a({__name:"FileUploadItemGroup",setup:a=>(a,p)=>(o(),e("div",l,[t(a.$slots,"default")]))});export{p as default};

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

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

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

@@ -0,0 +1,18 @@
+/**
+ * File name as accessible text from the enclosing `SkdxFileUploadItem`.
+ * It distinguishes one row from the next, so it must be in the a11y tree.
+ * Slot the name to override with custom rendering.
+ */
+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/FileUploadItemName.vue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * File name as accessible text from the enclosing `SkdxFileUploadItem`.
+ * It distinguishes one row from the next, so it must be in the a11y tree.
+ * Slot the name to override with custom rendering.
+ */
+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/FileUploadItemName.vue.js

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

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

@@ -0,0 +1 @@
+const r=require("./context.cjs");let e=require("vue");var l={class:"skdx-file-upload__item-name","data-part":"item-name"},n=(0,e.defineComponent)({__name:"FileUploadItemName",setup(i){const t=(0,e.inject)(r.FILE_UPLOAD_ITEM_CONTEXT);if(!t)throw new Error("<SkdxFileUploadItemName> must be used inside <SkdxFileUploadItem>.");return(a,o)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",l,[(0,e.renderSlot)(a.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)((0,e.unref)(t).file.value.name),1)])]))}});exports.default=n;

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

@@ -0,0 +1 @@
+import{FILE_UPLOAD_ITEM_CONTEXT as e}from"./context.js";import{createElementBlock as a,createTextVNode as t,defineComponent as s,inject as o,openBlock as l,renderSlot as n,toDisplayString as r,unref as m}from"vue";var i={class:"skdx-file-upload__item-name","data-part":"item-name"},d=/* @__PURE__ */s({__name:"FileUploadItemName",setup(s){const d=o(e);if(!d)throw new Error("<SkdxFileUploadItemName> must be used inside <SkdxFileUploadItem>.");return(e,s)=>(l(),a("span",i,[n(e.$slots,"default",{},()=>[t(r(m(d).file.value.name),1)])]))}});export{d as default};

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

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

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

@@ -0,0 +1,17 @@
+/**
+ * A slot for a thumbnail or file-type icon in a `SkdxFileUploadItem`.
+ * Renders a plain `<div>`. Compose your own `<img>` with its own object URL.
+ */
+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/FileUploadItemPreview.vue.d.ts

@@ -0,0 +1,17 @@
+/**
+ * A slot for a thumbnail or file-type icon in a `SkdxFileUploadItem`.
+ * Renders a plain `<div>`. Compose your own `<img>` with its own object URL.
+ */
+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/FileUploadItemPreview.vue.js

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

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

@@ -0,0 +1 @@
+const r=require("./context.cjs");let e=require("vue");var i={class:"skdx-file-upload__item-preview","data-part":"item-preview"},l=(0,e.defineComponent)({__name:"FileUploadItemPreview",setup(_){if(!(0,e.inject)(r.FILE_UPLOAD_ITEM_CONTEXT))throw new Error("<SkdxFileUploadItemPreview> must be used inside <SkdxFileUploadItem>.");return(t,a)=>((0,e.openBlock)(),(0,e.createElementBlock)("div",i,[(0,e.renderSlot)(t.$slots,"default")]))}});exports.default=l;

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

@@ -0,0 +1 @@
+import{FILE_UPLOAD_ITEM_CONTEXT as e}from"./context.js";import{createElementBlock as t,defineComponent as a,inject as r,openBlock as o,renderSlot as i}from"vue";var s={class:"skdx-file-upload__item-preview","data-part":"item-preview"},l=/* @__PURE__ */a({__name:"FileUploadItemPreview",setup(a){if(!r(e))throw new Error("<SkdxFileUploadItemPreview> must be used inside <SkdxFileUploadItem>.");return(e,a)=>(o(),t("div",s,[i(e.$slots,"default")]))}});export{l as default};

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

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

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

@@ -0,0 +1,18 @@
+/**
+ * The file's size as readable text — `999B`, `1.5kB`, `1.2MB`. Renders
+ * a `<span>`. A raw `File.size` is read digit-by-digit by screen readers;
+ * this formats it. Fill the default slot to render it yourself.
+ */
+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/FileUploadItemSizeText.vue.d.ts

@@ -0,0 +1,18 @@
+/**
+ * The file's size as readable text — `999B`, `1.5kB`, `1.2MB`. Renders
+ * a `<span>`. A raw `File.size` is read digit-by-digit by screen readers;
+ * this formats it. Fill the default slot to render it yourself.
+ */
+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/FileUploadItemSizeText.vue.js

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

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

@@ -0,0 +1 @@
+const i=require("./context.cjs");let e=require("vue");var a={class:"skdx-file-upload__item-size","data-part":"item-size"},o=(0,e.defineComponent)({__name:"FileUploadItemSizeText",setup(s){const t=(0,e.inject)(i.FILE_UPLOAD_ITEM_CONTEXT);if(!t)throw new Error("<SkdxFileUploadItemSizeText> must be used inside <SkdxFileUploadItem>.");const l=(0,e.computed)(()=>i.formatFileSize(t.file.value.size));return(r,_)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",a,[(0,e.renderSlot)(r.$slots,"default",{},()=>[(0,e.createTextVNode)((0,e.toDisplayString)(l.value),1)])]))}});exports.default=o;

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

@@ -0,0 +1 @@
+import{FILE_UPLOAD_ITEM_CONTEXT as e,formatFileSize as t}from"./context.js";import{computed as a,createElementBlock as s,createTextVNode as o,defineComponent as i,inject as l,openBlock as r,renderSlot as d,toDisplayString as n}from"vue";var m={class:"skdx-file-upload__item-size","data-part":"item-size"},p=/* @__PURE__ */i({__name:"FileUploadItemSizeText",setup(i){const p=l(e);if(!p)throw new Error("<SkdxFileUploadItemSizeText> must be used inside <SkdxFileUploadItem>.");const u=a(()=>t(p.file.value.size));return(e,t)=>(r(),s("span",m,[d(e.$slots,"default",{},()=>[o(n(u.value),1)])]))}});export{p as default};

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

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

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

@@ -0,0 +1,19 @@
+/**
+ * Accessible name for the dropzone via `aria-labelledby`. The dropzone is the
+ * only element assistive tech can see (the real `<input type="file">` is
+ * `aria-hidden`). Rendered as `<span>`, not `<label>` — a `<label>` would
+ * associate with the hidden input.
+ */
+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/FileUploadLabel.vue.d.ts

@@ -0,0 +1,19 @@
+/**
+ * Accessible name for the dropzone via `aria-labelledby`. The dropzone is the
+ * only element assistive tech can see (the real `<input type="file">` is
+ * `aria-hidden`). Rendered as `<span>`, not `<label>` — a `<label>` would
+ * associate with the hidden input.
+ */
+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/FileUploadLabel.vue.js

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

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

@@ -0,0 +1 @@
+const a=require("./context.cjs");let e=require("vue");var r=["id"],n=(0,e.defineComponent)({__name:"FileUploadLabel",setup(o){const l=(0,e.inject)(a.FILE_UPLOAD_CONTEXT);if(!l)throw new Error("<SkdxFileUploadLabel> must be used inside <SkdxFileUpload>.");return(0,e.onMounted)(()=>{l.labelPresent.value=!0}),(0,e.onBeforeUnmount)(()=>{l.labelPresent.value=!1}),(t,u)=>((0,e.openBlock)(),(0,e.createElementBlock)("span",{class:"skdx-file-upload__label","data-part":"label",id:(0,e.unref)(l).labelId},[(0,e.renderSlot)(t.$slots,"default")],8,r))}});exports.default=n;

package/dist/file-upload/FileUploadLabel.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 l,inject as o,onBeforeUnmount as s,onMounted as t,openBlock as n,renderSlot as r,unref as d}from"vue";var i=["id"],u=/* @__PURE__ */l({__name:"FileUploadLabel",setup(l){const u=o(e);if(!u)throw new Error("<SkdxFileUploadLabel> must be used inside <SkdxFileUpload>.");return t(()=>{u.labelPresent.value=!0}),s(()=>{u.labelPresent.value=!1}),(e,l)=>(n(),a("span",{class:"skdx-file-upload__label","data-part":"label",id:d(u).labelId},[r(e.$slots,"default")],8,i))}});export{u as default};

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

@@ -1,6 +1,7 @@
 /**
- * Button that opens the native file picker when clicked. Mirrors the
- * enclosing `SkdxFileUpload`'s `disabled` state.
+ * Button that opens the native file picker when clicked, mirroring the
+ * `SkdxFileUpload`'s disabled state. Render as a sibling of `SkdxFileUploadDropzone`,
+ * which is already a button.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

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

@@ -1,6 +1,7 @@
 /**
- * Button that opens the native file picker when clicked. Mirrors the
- * enclosing `SkdxFileUpload`'s `disabled` state.
+ * Button that opens the native file picker when clicked, mirroring the
+ * `SkdxFileUpload`'s disabled state. Render as a sibling of `SkdxFileUploadDropzone`,
+ * which is already a button.
  */
 type __VLS_Props = {};
 declare var __VLS_1: {};

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

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

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

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

package/dist/file-upload/context.cjs

@@ -1 +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;
+function s(e){return e?"Required. No file selected":"Required"}var a=Symbol("skdx-file-upload-context"),c=Symbol("skdx-file-upload-item-context");function m(e){return e.length===0?"":e.length===1?`${e[0]} removed`:`${e.length} files removed`}var u=["byte","kilobyte","megabyte","gigabyte","terabyte"];function f(e){let t=e,r=0;for(;t>=1e3&&r<u.length-1;)t/=1e3,r+=1;return new Intl.NumberFormat(void 0,{style:"unit",unit:u[r],unitDisplay:"narrow",maximumFractionDigits:1}).format(t)}function d(e){const t=e.closest('[data-part="root"]');if(!t)return;const r=[...t.querySelectorAll('[data-part="item-delete"]')],n=r.indexOf(e);(r[n+1]??r[n-1]??t.querySelector('[data-part="dropzone"], [data-part="trigger"]'))?.focus()}function l(e,t){if(!t)return!0;const r=t.split(",").map(i=>i.trim().toLowerCase()).filter(Boolean);if(r.length===0)return!0;const n=e.name.toLowerCase(),o=e.type.toLowerCase();return r.some(i=>i.startsWith(".")?n.endsWith(i):i.endsWith("/*")?o.startsWith(i.slice(0,-1)):o===i)}function h(e,t){const r=[];return l(e,t.accept)||r.push("file-invalid-type"),t.maxFileSize!==void 0&&e.size>t.maxFileSize&&r.push("file-too-large"),t.minFileSize!==void 0&&e.size<t.minFileSize&&r.push("file-too-small"),r.push(...t.validate?.(e)??[]),r}function p(e,t){const r=[];if(e>0&&r.push(`${e} ${e===1?"file":"files"} added`),t.length>0){const n=[...new Set(t)].join(", "),o=t.length;r.push(`${o} ${o===1?"file":"files"} refused: ${n}`)}return r.join(". ")}exports.FILE_UPLOAD_CONTEXT=a;exports.FILE_UPLOAD_ITEM_CONTEXT=c;exports.commitAnnouncement=p;exports.fileErrors=h;exports.formatFileSize=f;exports.matchesAccept=l;exports.moveFocusBeforeRemoval=d;exports.removalAnnouncement=m;exports.requiredDescription=s;