@xleddyl/443-components-vue 0.2.2 → 0.3.0

package/dist/components/templates/SaveBar.vue.d.ts

@@ -18,7 +18,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -131,7 +130,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -168,6 +167,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
@@ -221,7 +221,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -334,7 +333,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -371,6 +370,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;

package/dist/components/templates/SettingsGroup.vue.d.ts

@@ -68,7 +68,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -265,7 +265,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;

package/dist/components/templates/SettingsModal.vue

@@ -7,6 +7,7 @@
       hide-close
       :sheet="false"
       :aria-label="titleText"
+      :before-close="beforeClose"
       @open="emit('open')"
       @close="emit('close')"
       @after-leave="emit('afterLeave')"
@@ -114,7 +115,7 @@
                      </div>
                      <slot name="account-fields" :account="account" :close="close" />
                      <SettingsGroup
-                        v-if="onSignOut"
+                        v-if="onSignOut && !hideSession"
                         :label="sessionLabelText"
                         :description="sessionDescriptionText"
                         row
@@ -177,7 +178,9 @@ const props = defineProps({
   themeText: { type: String, required: false, default: void 0 },
   presetLabel: { type: String, required: false, default: void 0 },
   presetText: { type: String, required: false, default: void 0 },
-  onSignOut: { type: Function, required: false }
+  onSignOut: { type: Function, required: false },
+  hideSession: { type: Boolean, required: false },
+  beforeClose: { type: Function, required: false }
 });
 defineSlots();
 const emit = defineEmits(["open", "close", "afterLeave"]);

package/dist/components/templates/SettingsModal.vue.d.ts

@@ -1,4 +1,5 @@
 import type { ThemePreset } from '../../composables/usePreset';
+import type { DialogBeforeClose } from '../overlays/types';
 import type { SettingsModalAccount, SettingsModalSection } from './types';
 type SectionScope = {
     section: SettingsModalSection;
@@ -32,6 +33,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     presetLabel?: string;
     presetText?: string;
     onSignOut?: () => void;
+    hideSession?: boolean;
+    beforeClose?: DialogBeforeClose;
     open?: boolean | undefined;
     section?: string;
     key?: PropertyKey | undefined;
@@ -41,8 +44,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     description?: string;
-    size?: import("../overlays/types.ts").ModalSize;
-    ref?: import("vue").VNodeRef | undefined;
+    size?: import("../overlays/types").ModalSize;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -192,6 +194,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined;
@@ -228,15 +231,15 @@ declare const __VLS_base: import("vue").DefineComponent<{
     exportparts?: string;
     part?: string;
     popover?: import("../../index.ts").PopoverMode | "" | boolean;
-    onCancel?: ((payload: Event) => void) | undefined;
+    dismissible?: boolean | undefined;
     onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    onCancel?: ((payload: Event) => void) | undefined;
     flush?: boolean;
-    dismissible?: boolean | undefined;
     sheet?: boolean;
     rootClass?: unknown;
     hideClose?: boolean;
@@ -266,6 +269,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     presetLabel?: string;
     presetText?: string;
     onSignOut?: () => void;
+    hideSession?: boolean;
+    beforeClose?: DialogBeforeClose;
     open?: boolean | undefined;
     section?: string;
     key?: PropertyKey | undefined;
@@ -275,8 +280,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     description?: string;
-    size?: import("../overlays/types.ts").ModalSize;
-    ref?: import("vue").VNodeRef | undefined;
+    size?: import("../overlays/types").ModalSize;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -426,6 +430,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined;
@@ -462,15 +467,15 @@ declare const __VLS_base: import("vue").DefineComponent<{
     exportparts?: string;
     part?: string;
     popover?: import("../../index.ts").PopoverMode | "" | boolean;
-    onCancel?: ((payload: Event) => void) | undefined;
+    dismissible?: boolean | undefined;
     onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    onCancel?: ((payload: Event) => void) | undefined;
     flush?: boolean;
-    dismissible?: boolean | undefined;
     sheet?: boolean;
     rootClass?: unknown;
     hideClose?: boolean;

package/dist/components/templates/SettingsPage.vue.d.ts

@@ -34,7 +34,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -147,7 +146,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -184,6 +183,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;
@@ -246,7 +246,6 @@ declare const __VLS_base: import("vue").DefineComponent<{
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined | undefined;
-    ref?: import("vue").VNodeRef | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined | undefined;
     'aria-label'?: string | undefined | undefined;
@@ -359,7 +358,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-colindex'?: (string | number) | undefined;
     'aria-colspan'?: (string | number) | undefined;
     'aria-controls'?: string | undefined | undefined;
-    'aria-current'?: "page" | "location" | "time" | (boolean | "true" | "false") | "step" | "date" | undefined;
+    'aria-current'?: "page" | "time" | (boolean | "true" | "false") | "step" | "location" | "date" | undefined;
     'aria-describedby'?: string | undefined | undefined;
     'aria-details'?: string | undefined | undefined;
     'aria-disabled'?: (boolean | "true" | "false") | undefined;
@@ -396,6 +395,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined | undefined;
     ref_key?: string | undefined | undefined;
     accesskey?: string | undefined | undefined;

package/dist/components/templates/SettingsSection.vue.d.ts

@@ -23,13 +23,11 @@ declare const __VLS_base: import("vue").DefineComponent<{
     level?: HeadingLevel;
     key?: PropertyKey | undefined;
     prefix?: string | undefined;
+    selected?: boolean;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     bind?: Record<string, unknown>;
-    type?: string | undefined;
-    ref?: import("vue").VNodeRef | undefined;
-    target?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -133,6 +131,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     id?: string | undefined;
     lang?: string | undefined;
     media?: string | undefined;
+    target?: string | undefined;
+    type?: string | undefined;
     tabindex?: (string | number) | undefined;
     href?: string | undefined;
     to?: import("../core/types.ts").LinkTarget;
@@ -182,6 +182,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined;
     ref_key?: string | undefined;
     accesskey?: string | undefined;
@@ -225,14 +226,15 @@ declare const __VLS_base: import("vue").DefineComponent<{
     hreflang?: string | undefined;
     ping?: string | undefined;
     referrerpolicy?: ("" | "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url") | undefined;
-    as?: string | import("vue").Component;
     onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    as?: string | import("vue").Component;
     padding?: import("../layout/types").CardPadding;
+    animated?: boolean;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     save: () => any;
 }, string, import("vue").PublicProps, Readonly<{
@@ -248,13 +250,11 @@ declare const __VLS_base: import("vue").DefineComponent<{
     level?: HeadingLevel;
     key?: PropertyKey | undefined;
     prefix?: string | undefined;
+    selected?: boolean;
     style?: import("vue").StyleValue;
     results?: (string | number) | undefined;
     placeholder?: string | undefined;
     bind?: Record<string, unknown>;
-    type?: string | undefined;
-    ref?: import("vue").VNodeRef | undefined;
-    target?: string | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -358,6 +358,8 @@ declare const __VLS_base: import("vue").DefineComponent<{
     id?: string | undefined;
     lang?: string | undefined;
     media?: string | undefined;
+    target?: string | undefined;
+    type?: string | undefined;
     tabindex?: (string | number) | undefined;
     href?: string | undefined;
     to?: import("../core/types.ts").LinkTarget;
@@ -407,6 +409,7 @@ declare const __VLS_base: import("vue").DefineComponent<{
     'aria-valuemin'?: (string | number) | undefined;
     'aria-valuenow'?: (string | number) | undefined;
     'aria-valuetext'?: string | undefined;
+    ref?: import("vue").VNodeRef | undefined;
     ref_for?: boolean | undefined;
     ref_key?: string | undefined;
     accesskey?: string | undefined;
@@ -450,14 +453,15 @@ declare const __VLS_base: import("vue").DefineComponent<{
     hreflang?: string | undefined;
     ping?: string | undefined;
     referrerpolicy?: ("" | "origin" | "no-referrer" | "no-referrer-when-downgrade" | "origin-when-cross-origin" | "same-origin" | "strict-origin" | "strict-origin-when-cross-origin" | "unsafe-url") | undefined;
-    as?: string | import("vue").Component;
     onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
     onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
     onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+    as?: string | import("vue").Component;
     padding?: import("../layout/types").CardPadding;
+    animated?: boolean;
 }> & Readonly<{
     onSave?: (() => any) | undefined;
 }>, {

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

@@ -1,3 +1,4 @@
+import type { Component } from 'vue';
 import type { LinkTarget, Tone } from '../core/types';
 import type { DescriptionItem, StatTrend } from '../data/types';
 import type { BreadcrumbItem, NavItem, NavSection } from '../layout/types';
@@ -7,6 +8,7 @@ export type DashboardVariant = 'inset' | 'sidebar' | 'floating';
 export type ThemeSwitchPlacement = 'topbar' | 'sidebar' | false;
 export type AuthLayoutVariant = 'centered' | 'split';
 export type BrandSize = 'sm' | 'md' | 'lg';
+export type BrandLogo = string | Component;
 export type DashboardNavigation = NavItem[] | NavSection[];
 export interface DashboardAccount {
     name: string;
@@ -41,7 +43,28 @@ export interface DashboardBrand {
     logo?: string;
     to?: LinkTarget;
 }
-export type DashboardSearch = boolean | CommandGroup[];
+export type DashboardSearchFunction = (query: string, signal: AbortSignal) => CommandGroup[] | Promise<CommandGroup[]>;
+export type DashboardSearch = boolean | CommandGroup[] | DashboardSearchFunction;
+export interface DashboardSearchProps {
+    label?: string;
+    placeholder?: string;
+    debounce?: number;
+    minQueryLength?: number;
+    filter?: boolean;
+    loading?: boolean;
+    recentKey?: string;
+    recentLimit?: number;
+    recentLabel?: string;
+    emptyText?: string;
+    minQueryText?: string;
+    errorText?: string;
+    loadingText?: string;
+    resultsText?: (count: number) => string;
+    notice?: string;
+    footerMove?: string;
+    footerSelect?: string;
+    footerClose?: string;
+}
 export interface PageStatus {
     label: string;
     tone?: Tone;

package/dist/composables/core.d.ts

@@ -6,3 +6,4 @@ export * from './useLink';
 export * from './useTheme';
 export * from './usePreset';
 export * from './useLocale';
+export * from './useFieldBoundary';

package/dist/composables/core.mjs

@@ -6,3 +6,4 @@ export * from "./useLink.mjs";
 export * from "./useTheme.mjs";
 export * from "./usePreset.mjs";
 export * from "./useLocale.mjs";
+export * from "./useFieldBoundary.mjs";

package/dist/composables/useField.d.ts

@@ -7,6 +7,7 @@ export interface FieldContext {
     invalid: ComputedRef<boolean>;
     required: ComputedRef<boolean>;
     disabled: ComputedRef<boolean>;
+    setControlError: (message: string | undefined, source?: object) => void;
 }
 export declare function useField(): FieldContext | null;
 export interface FieldControlOptions {
@@ -31,4 +32,5 @@ export declare function useFieldControl(options?: FieldControlOptions): {
         'aria-required': "true" | undefined;
         disabled: true | undefined;
     }>;
+    setControlError: (message: string | undefined) => void | undefined;
 };

package/dist/composables/useField.mjs

@@ -1,4 +1,4 @@
-import { computed, inject, toValue } from "vue";
+import { computed, getCurrentScope, inject, onScopeDispose, toValue } from "vue";
 import { FIELD_KEY } from "../internal/keys.mjs";
 export function useField() {
   return inject(FIELD_KEY, null);
@@ -21,5 +21,8 @@ export function useFieldControl(options = {}) {
     "aria-required": required.value ? "true" : void 0,
     disabled: disabled.value || void 0
   }));
-  return { field, id, invalid, required, disabled, describedBy, attrs };
+  const source = {};
+  const setControlError = (message) => field?.setControlError(message || void 0, source);
+  if (field && getCurrentScope()) onScopeDispose(() => field.setControlError(void 0, source));
+  return { field, id, invalid, required, disabled, describedBy, attrs, setControlError };
 }

package/dist/composables/useFieldBoundary.d.ts

@@ -0,0 +1 @@
+export declare function provideFieldBoundary(): void;

package/dist/composables/useFieldBoundary.mjs

@@ -0,0 +1,5 @@
+import { provide } from "vue";
+import { FIELD_KEY } from "../internal/keys.mjs";
+export function provideFieldBoundary() {
+  provide(FIELD_KEY, null);
+}

package/dist/composables/useFileDrop.d.ts

@@ -1,8 +1,15 @@
 import type { MaybeRefOrGetter } from 'vue';
 export interface UseFileDropOptions {
     disabled?: MaybeRefOrGetter<boolean | undefined>;
+    ignore?: (event: DragEvent) => boolean;
     onDrop: (files: File[], event: DragEvent) => void;
 }
+export interface DroppedFile {
+    file: File;
+    path: string;
+}
+export declare function readDroppedFiles(transfer: DataTransfer | null | undefined): Promise<DroppedFile[]>;
 export declare function useFileDrop(target: MaybeRefOrGetter<HTMLElement | null | undefined>, options: UseFileDropOptions): {
     over: import("vue").Ref<boolean, boolean>;
+    reset: () => void;
 };

package/dist/composables/useFileDrop.mjs

@@ -1,35 +1,141 @@
 import { onScopeDispose, ref, toValue, watch } from "vue";
+const claimedEvents = /* @__PURE__ */ new WeakSet();
 function carriesFiles(event) {
   return Array.from(event.dataTransfer?.types ?? []).includes("Files");
 }
+function readFileEntry(entry) {
+  return new Promise((resolve, reject) => entry.file(resolve, reject));
+}
+function readDirectoryBatch(reader) {
+  return new Promise((resolve, reject) => reader.readEntries(resolve, reject));
+}
+async function walkEntry(entry, prefix, result) {
+  if (entry.isFile) {
+    try {
+      const file = await readFileEntry(entry);
+      result.push({ file, path: `${prefix}${entry.name}` });
+    } catch {
+      return;
+    }
+    return;
+  }
+  if (!entry.isDirectory) return;
+  const reader = entry.createReader();
+  const children = [];
+  for (; ; ) {
+    let batch;
+    try {
+      batch = await readDirectoryBatch(reader);
+    } catch {
+      break;
+    }
+    if (!batch.length) break;
+    children.push(...batch);
+  }
+  for (const child of children) await walkEntry(child, `${prefix}${entry.name}/`, result);
+}
+export function readDroppedFiles(transfer) {
+  if (!transfer) return Promise.resolve([]);
+  const pending = [];
+  for (const item of Array.from(transfer.items ?? [])) {
+    if (item.kind !== "file") continue;
+    const entry = typeof item.webkitGetAsEntry === "function" ? item.webkitGetAsEntry() : null;
+    const fallback = entry ? null : item.getAsFile();
+    if (entry) pending.push(entry);
+    else if (fallback) pending.push(fallback);
+  }
+  if (!pending.length)
+    return Promise.resolve(
+      Array.from(transfer.files ?? []).map((file) => ({
+        file,
+        path: file.webkitRelativePath || file.name
+      }))
+    );
+  return (async () => {
+    const result = [];
+    for (const entry of pending) {
+      if (entry instanceof File) result.push({ file: entry, path: entry.name });
+      else await walkEntry(entry, "", result);
+    }
+    return result;
+  })();
+}
 export function useFileDrop(target, options) {
   const over = ref(false);
   let depth = 0;
+  let covered = false;
+  let watching = false;
   function isDisabled() {
     return Boolean(toValue(options.disabled));
   }
+  function isIgnored(event) {
+    return claimedEvents.has(event) || Boolean(options.ignore?.(event));
+  }
+  function sync() {
+    over.value = depth > 0 && !covered;
+  }
+  function watchWindow(enable) {
+    if (typeof window === "undefined" || watching === enable) return;
+    watching = enable;
+    const method = enable ? "addEventListener" : "removeEventListener";
+    window[method]("drop", reset, true);
+    window[method]("dragend", reset, true);
+  }
+  function reset() {
+    depth = 0;
+    covered = false;
+    over.value = false;
+    watchWindow(false);
+  }
+  function track(event) {
+    covered = isIgnored(event);
+    if (!covered) claimedEvents.add(event);
+    sync();
+  }
   function onDragEnter(event) {
     if (!carriesFiles(event) || isDisabled()) return;
-    event.preventDefault();
     depth++;
-    over.value = true;
+    watchWindow(true);
+    if (isIgnored(event)) {
+      covered = true;
+      sync();
+      return;
+    }
+    event.preventDefault();
+    track(event);
   }
   function onDragOver(event) {
     if (!carriesFiles(event)) return;
+    if (isDisabled()) {
+      if (!isIgnored(event)) {
+        event.preventDefault();
+        if (event.dataTransfer) event.dataTransfer.dropEffect = "none";
+      }
+      return;
+    }
+    if (isIgnored(event)) {
+      covered = true;
+      sync();
+      return;
+    }
     event.preventDefault();
-    if (event.dataTransfer) event.dataTransfer.dropEffect = isDisabled() ? "none" : "copy";
+    if (event.dataTransfer) event.dataTransfer.dropEffect = "copy";
+    track(event);
   }
   function onDragLeave(event) {
     if (!carriesFiles(event)) return;
     depth = Math.max(0, depth - 1);
-    if (depth === 0) over.value = false;
+    if (depth === 0) reset();
+    else sync();
   }
   function onDropEvent(event) {
     if (!carriesFiles(event)) return;
+    const ignored = isIgnored(event);
+    reset();
+    if (ignored) return;
     event.preventDefault();
-    depth = 0;
-    over.value = false;
     if (isDisabled()) return;
+    claimedEvents.add(event);
     options.onDrop(Array.from(event.dataTransfer?.files ?? []), event);
   }
   const handlers = {
@@ -57,6 +163,7 @@ export function useFileDrop(target, options) {
   onScopeDispose(() => {
     stop();
     bind(toValue(target), false);
+    watchWindow(false);
   }, true);
-  return { over };
+  return { over, reset };
 }