@xleddyl/443-components-vue 0.2.2 → 0.3.0

package/dist/internal/overlays/DialogFrame.vue

@@ -14,7 +14,13 @@
          <header v-if="hasHeader" :class="`${prefix}-header`">
             <slot name="header" :close="close" :title-id="titleId" :description-id="descriptionId">
                <div :class="`${prefix}-heading`">
-                  <h2 v-if="hasTitle" :id="titleId" :class="`${prefix}-title`">
+                  <div v-if="slots['title-trailing']" :class="`${prefix}-title-row`">
+                     <h2 v-if="hasTitle" :id="titleId" :class="`${prefix}-title`">
+                        <slot name="title">{{ title }}</slot>
+                     </h2>
+                     <slot name="title-trailing" />
+                  </div>
+                  <h2 v-else-if="hasTitle" :id="titleId" :class="`${prefix}-title`">
                      <slot name="title">{{ title }}</slot>
                   </h2>
                   <p v-if="hasDescription" :id="descriptionId" :class="`${prefix}-description`">
@@ -33,7 +39,7 @@
                   :disabled="loading"
                   :class="`${prefix}-close`"
                   :aria-label="closeText"
-                  @click="close"
+                  @click="requestClose('close-button')"
                />
             </div>
          </header>
@@ -51,6 +57,7 @@
 import { computed, useId, useTemplateRef } from "vue";
 import Button from "../../components/core/Button.vue";
 import { useLocale } from "../../composables/useLocale";
+import { provideFieldBoundary } from "../../composables/useFieldBoundary";
 import { useModalDialog } from "./dialog";
 const props = defineProps({
   prefix: { type: String, required: true },
@@ -61,8 +68,10 @@ const props = defineProps({
   hideClose: { type: Boolean, required: false },
   closeLabel: { type: String, required: false },
   flush: { type: Boolean, required: false },
-  loading: { type: Boolean, required: false }
+  loading: { type: Boolean, required: false },
+  beforeClose: { type: Function, required: false }
 });
+provideFieldBoundary();
 const { t } = useLocale();
 const closeText = computed(() => props.closeLabel ?? t("common.close"));
 const slots = defineSlots();
@@ -78,21 +87,22 @@ const hasDescription = computed(() => Boolean(props.description || slots.descrip
 const showClose = computed(() => props.dismissible && !props.hideClose);
 const hasHeader = computed(
   () => Boolean(
-    hasTitle.value || hasDescription.value || slots.header || slots.actions || showClose.value
+    hasTitle.value || hasDescription.value || slots["title-trailing"] || slots.header || slots.actions || showClose.value
   )
 );
-const { present, onCancel, onClose, onPointerDown, onClick } = useModalDialog({
+const { present, requestClose, onCancel, onClose, onPointerDown, onClick } = useModalDialog({
   dialog: dialogRef,
   panel: panelRef,
   open,
   dismissible: () => props.dismissible && !props.loading,
+  beforeClose: () => props.beforeClose,
   onOpen: () => emit("open"),
   onClose: () => emit("close"),
   onAfterLeave: () => emit("afterLeave")
 });
 function close() {
-  if (props.loading) return;
-  open.value = false;
+  if (props.loading) return Promise.resolve(false);
+  return requestClose("action");
 }
 defineExpose({ close, el: dialogRef });
 </script>

package/dist/internal/overlays/DialogFrame.vue.d.ts

@@ -1,3 +1,4 @@
+import type { DialogBeforeClose } from '../../components/overlays/types';
 export interface DialogSlotScope {
     close: () => void;
     titleId: string;
@@ -9,6 +10,7 @@ export interface DialogFrameSlots {
     }) => unknown;
     header?: (props: DialogSlotScope) => unknown;
     title?: () => unknown;
+    'title-trailing'?: () => unknown;
     description?: () => unknown;
     actions?: (props: {
         close: () => void;
@@ -18,7 +20,7 @@ export interface DialogFrameSlots {
     }) => unknown;
 }
 type __VLS_Slots = DialogFrameSlots;
-declare function close(): void;
+declare function close(): Promise<boolean>;
 declare const __VLS_base: import("vue").DefineComponent<{
     prefix: "k-modal" | "k-drawer";
     rootClass: unknown;
@@ -29,12 +31,12 @@ declare const __VLS_base: import("vue").DefineComponent<{
     closeLabel?: string;
     flush?: boolean;
     loading?: boolean;
+    beforeClose?: DialogBeforeClose;
     open: boolean;
     key?: PropertyKey | undefined;
     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 +149,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 +186,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;
@@ -240,12 +243,12 @@ declare const __VLS_base: import("vue").DefineComponent<{
     closeLabel?: string;
     flush?: boolean;
     loading?: boolean;
+    beforeClose?: DialogBeforeClose;
     open: boolean;
     key?: PropertyKey | undefined;
     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;
@@ -358,7 +361,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;
@@ -395,6 +398,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/internal/overlays/FieldBoundary.d.ts

@@ -0,0 +1,4 @@
+declare const _default: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/internal/overlays/FieldBoundary.mjs

@@ -0,0 +1,9 @@
+import { defineComponent } from "vue";
+import { provideFieldBoundary } from "../../composables/useFieldBoundary.mjs";
+export default defineComponent({
+  name: "KFieldBoundary",
+  setup(_, { slots }) {
+    provideFieldBoundary();
+    return () => slots.default?.();
+  }
+});

package/dist/internal/overlays/MenuList.vue

@@ -120,7 +120,9 @@ import { ariaKeyShortcuts, formatHotkey } from "../../composables/useHotkey";
 import { useLinkResolver } from "../core/link";
 import { useFloatingLayer } from "../floating/layer";
 import { MENU_ROOT_KEY } from "./menu";
+import { provideFieldBoundary } from "../../composables/useFieldBoundary";
 import { useApplePlatform } from "../core/env";
+provideFieldBoundary();
 const props = defineProps({
   items: { type: Array, required: true },
   anchor: { type: Function, required: true },

package/dist/internal/overlays/MenuList.vue.d.ts

@@ -19,7 +19,6 @@ declare const __VLS_export: 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;
@@ -130,7 +129,7 @@ declare const __VLS_export: 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;
@@ -167,6 +166,7 @@ declare const __VLS_export: 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;
@@ -230,7 +230,6 @@ declare const __VLS_export: 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;
@@ -341,7 +340,7 @@ declare const __VLS_export: 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;
@@ -378,6 +377,7 @@ declare const __VLS_export: 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;
@@ -419,8 +419,8 @@ declare const __VLS_export: import("vue").DefineComponent<{
     onOpenChange?: ((open: boolean) => any) | undefined;
 }>, {
     offset: number;
-    level: number;
     placement: Placement;
+    level: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/internal/overlays/OverlayView.vue

@@ -11,6 +11,7 @@
       :close-label="entry.options.closeLabel"
       :flush="entry.options.flush"
       :loading="entry.loading"
+      :before-close="entry.options.beforeClose"
       @close="emit('close')"
       @after-leave="emit('afterLeave')"
    >
@@ -28,6 +29,7 @@
       :close-label="entry.options.closeLabel"
       :flush="entry.options.flush"
       :loading="entry.loading"
+      :before-close="entry.options.beforeClose"
       @close="emit('close')"
       @after-leave="emit('afterLeave')"
    >

package/dist/internal/overlays/OverlayView.vue.d.ts

@@ -10,8 +10,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     placeholder?: string | undefined;
     description?: string;
     size?: "sm" | "md" | "lg" | "xl" | "full" | undefined;
-    ref?: import("vue").VNodeRef | undefined;
-    open?: boolean | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -161,6 +159,7 @@ declare const __VLS_export: 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;
@@ -197,22 +196,24 @@ declare const __VLS_export: import("vue").DefineComponent<{
     exportparts?: string;
     part?: string;
     popover?: import("../../index.ts").PopoverMode | "" | boolean;
-    onCancel?: ((payload: Event) => void) | undefined;
+    dismissible?: boolean | undefined;
+    open?: boolean | undefined;
+    "onUpdate:open"?: (((value: boolean) => any) & ((value: boolean) => any)) | 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;
+    side?: import("../../index.ts").DrawerSide;
     flush?: boolean;
-    dismissible?: boolean | undefined;
-    "onUpdate:open"?: (((value: boolean) => any) & ((value: boolean) => any)) | undefined;
     sheet?: boolean;
-    side?: import("../../index.ts").DrawerSide;
     onOpen?: ((() => any) & (() => any)) | undefined;
     rootClass?: unknown;
     hideClose?: boolean;
     closeLabel?: string;
+    beforeClose?: import("../../index.ts").DialogBeforeClose;
     closedby?: import("../../index.ts").DialogClosedBy;
 }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     close: () => any;
@@ -229,8 +230,6 @@ declare const __VLS_export: import("vue").DefineComponent<{
     placeholder?: string | undefined;
     description?: string;
     size?: "sm" | "md" | "lg" | "xl" | "full" | undefined;
-    ref?: import("vue").VNodeRef | undefined;
-    open?: boolean | undefined;
     class?: import("vue").ClassValue;
     role?: string | undefined;
     'aria-label'?: string | undefined;
@@ -380,6 +379,7 @@ declare const __VLS_export: 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;
@@ -416,22 +416,24 @@ declare const __VLS_export: import("vue").DefineComponent<{
     exportparts?: string;
     part?: string;
     popover?: import("../../index.ts").PopoverMode | "" | boolean;
-    onCancel?: ((payload: Event) => void) | undefined;
+    dismissible?: boolean | undefined;
+    open?: boolean | undefined;
+    "onUpdate:open"?: (((value: boolean) => any) & ((value: boolean) => any)) | 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;
+    side?: import("../../index.ts").DrawerSide;
     flush?: boolean;
-    dismissible?: boolean | undefined;
-    "onUpdate:open"?: (((value: boolean) => any) & ((value: boolean) => any)) | undefined;
     sheet?: boolean;
-    side?: import("../../index.ts").DrawerSide;
     onOpen?: ((() => any) & (() => any)) | undefined;
     rootClass?: unknown;
     hideClose?: boolean;
     closeLabel?: string;
+    beforeClose?: import("../../index.ts").DialogBeforeClose;
     closedby?: import("../../index.ts").DialogClosedBy;
 }> & Readonly<{
     onClose?: (() => any) | undefined;

package/dist/internal/overlays/dialog.d.ts

@@ -1,18 +1,21 @@
 import type { Ref } from 'vue';
+import type { DialogBeforeClose, DialogCloseReason } from '../../components/overlays/types';
 export declare const modalStack: import("vue").ShallowReactive<HTMLDialogElement[]>;
 export interface ModalDialogOptions {
     dialog: Readonly<Ref<HTMLDialogElement | null | undefined>>;
     panel: Readonly<Ref<HTMLElement | null | undefined>>;
     open: Ref<boolean>;
     dismissible: () => boolean;
+    beforeClose?: () => DialogBeforeClose | undefined;
     onOpen?: () => void;
     onClose?: () => void;
     onAfterLeave?: () => void;
 }
 export declare function useModalDialog(options: ModalDialogOptions): {
     present: Ref<boolean, boolean>;
+    requestClose: (reason: DialogCloseReason) => Promise<boolean>;
     onCancel: (event: Event) => void;
-    onClose: () => void;
+    onClose: () => Promise<void>;
     onPointerDown: (event: PointerEvent) => void;
     onClick: (event: MouseEvent) => void;
 };

package/dist/internal/overlays/dialog.mjs

@@ -11,6 +11,35 @@ export function useModalDialog(options) {
   const scrollLock = useScrollLock();
   let returnTarget = null;
   let pressedOnBackdrop = false;
+  let closing = false;
+  async function allowClose(reason) {
+    const guard = options.beforeClose?.();
+    if (!guard) return true;
+    if (closing) return false;
+    closing = true;
+    try {
+      return await guard(reason) !== false;
+    } catch {
+      return false;
+    } finally {
+      closing = false;
+    }
+  }
+  async function requestClose(reason) {
+    if (!options.open.value) return true;
+    if (!await allowClose(reason)) return false;
+    options.open.value = false;
+    return true;
+  }
+  function reopen() {
+    const dialog = options.dialog.value;
+    if (!dialog || dialog.open || !options.open.value) return;
+    try {
+      dialog.showModal();
+    } catch {
+      dialog.setAttribute("open", "");
+    }
+  }
   async function show() {
     present.value = true;
     await nextTick();
@@ -63,10 +92,15 @@ export function useModalDialog(options) {
   });
   function onCancel(event) {
     event.preventDefault();
-    if (options.dismissible()) options.open.value = false;
+    if (options.dismissible()) requestClose("escape");
   }
-  function onClose() {
-    if (options.open.value) options.open.value = false;
+  async function onClose() {
+    if (!options.open.value) return;
+    if (!options.beforeClose?.()) {
+      options.open.value = false;
+      return;
+    }
+    if (!options.dismissible() || !await requestClose("escape")) reopen();
   }
   function onPointerDown(event) {
     pressedOnBackdrop = event.target === event.currentTarget;
@@ -74,7 +108,7 @@ export function useModalDialog(options) {
   function onClick(event) {
     const fromBackdrop = pressedOnBackdrop && event.target === event.currentTarget;
     pressedOnBackdrop = false;
-    if (fromBackdrop && options.dismissible()) options.open.value = false;
+    if (fromBackdrop && options.dismissible()) requestClose("backdrop");
   }
-  return { present, onCancel, onClose, onPointerDown, onClick };
+  return { present, requestClose, onCancel, onClose, onPointerDown, onClick };
 }

package/dist/internal/overlays/stack.d.ts

@@ -1,5 +1,5 @@
 import type { Component, InjectionKey } from 'vue';
-import type { DrawerSide, DrawerSize, ModalSize } from '../../components/overlays/types';
+import type { DialogBeforeClose, DrawerSide, DrawerSize, ModalSize } from '../../components/overlays/types';
 export type OverlayKind = 'modal' | 'drawer';
 export interface OverlayOptions {
     as?: OverlayKind;
@@ -12,6 +12,7 @@ export interface OverlayOptions {
     dismissible?: boolean;
     hideClose?: boolean;
     closeLabel?: string;
+    beforeClose?: DialogBeforeClose;
 }
 export interface OverlayContext<R = unknown> {
     id: number;

package/dist/locale/en.mjs

@@ -187,7 +187,10 @@ export const en = {
       title: "Drop files here or click to browse",
       drop: "Release to add files",
       list: "Selected files",
-      selected: "{count} file selected | {count} files selected"
+      selected: "{count} file selected | {count} files selected",
+      directoryTitle: "Drop a folder here or click to browse",
+      loading: "Uploading",
+      added: "{count} file added | {count} files added"
     },
     filterPills: {
       label: "Filters"
@@ -239,6 +242,13 @@ export const en = {
     saveBar: {
       message: "You have unsaved changes"
     },
+    selectionBar: {
+      label: "Selection",
+      selectedOf: "{count} of {total} selected",
+      selectAll: "Select all {count}",
+      clear: "Clear selection",
+      cleared: "Selection cleared"
+    },
     settings: {
       title: "Settings",
       close: "Close settings",
@@ -278,7 +288,12 @@ export const en = {
       dismiss: "Dismiss notification"
     },
     tree: {
-      label: "Tree"
+      label: "Tree",
+      empty: "No items",
+      reorderHint: "Press Alt with the up or down arrow to move",
+      reorderNestedHint: "Press Alt with the arrow keys to move: up and down change the position, left and right change the level",
+      moved: "{label} moved to position {position} of {count}",
+      movedInto: "{label} moved into {parent}, position {position} of {count}"
     }
   }
 };

package/dist/locale/it.mjs

@@ -187,7 +187,10 @@ export const it = {
       title: "Trascina i file qui o fai clic per sfogliare",
       drop: "Rilascia per aggiungere i file",
       list: "File selezionati",
-      selected: "{count} file selezionato | {count} file selezionati"
+      selected: "{count} file selezionato | {count} file selezionati",
+      directoryTitle: "Trascina una cartella qui o fai clic per sfogliare",
+      loading: "Caricamento in corso",
+      added: "{count} file aggiunto | {count} file aggiunti"
     },
     filterPills: {
       label: "Filtri"
@@ -239,6 +242,13 @@ export const it = {
     saveBar: {
       message: "Hai modifiche non salvate"
     },
+    selectionBar: {
+      label: "Selezione",
+      selectedOf: "{count} di {total} selezionato | {count} di {total} selezionati",
+      selectAll: "Seleziona tutti e {count}",
+      clear: "Deseleziona tutto",
+      cleared: "Selezione annullata"
+    },
     settings: {
       title: "Impostazioni",
       close: "Chiudi impostazioni",
@@ -278,7 +288,12 @@ export const it = {
       dismiss: "Chiudi notifica"
     },
     tree: {
-      label: "Albero"
+      label: "Albero",
+      empty: "Nessun elemento",
+      reorderHint: "Premi Alt con la freccia su o gi\xF9 per spostare",
+      reorderNestedHint: "Premi Alt con le frecce per spostare: su e gi\xF9 cambiano la posizione, sinistra e destra il livello",
+      moved: "{label} ora in posizione {position} di {count}",
+      movedInto: "{label} ora dentro {parent}, in posizione {position} di {count}"
     }
   }
 };

package/dist/locale/types.d.ts

@@ -186,6 +186,9 @@ export interface KMessages {
         drop: string;
         list: string;
         selected: string;
+        directoryTitle: string;
+        loading: string;
+        added: string;
     };
     filterPills: {
         label: string;
@@ -237,6 +240,13 @@ export interface KMessages {
     saveBar: {
         message: string;
     };
+    selectionBar: {
+        label: string;
+        selectedOf: string;
+        selectAll: string;
+        clear: string;
+        cleared: string;
+    };
     settings: {
         title: string;
         close: string;
@@ -277,6 +287,11 @@ export interface KMessages {
     };
     tree: {
         label: string;
+        empty: string;
+        reorderHint: string;
+        reorderNestedHint: string;
+        moved: string;
+        movedInto: string;
     };
 }
 export interface KLocale {

package/dist/nuxt/module.d.ts

@@ -5,6 +5,7 @@ import type { DeepPartial, KMessages } from '../locale/types';
 export type { KAppConfig } from '../components/templates/types';
 export interface IconCollectionOption {
     prefix: string;
+    from?: string;
     include?: string[];
     exclude?: string[];
 }
@@ -30,12 +31,12 @@ export interface ModuleOptions {
         aliases?: Record<string, string>;
     };
     theme: {
-        cookie: string | false;
-        default: ThemePreference;
+        cookie?: string | false;
+        default?: ThemePreference;
     };
     preset: {
-        cookie: string | false;
-        default: ThemePreset;
+        cookie?: string | false;
+        default?: ThemePreset;
     };
     fonts: boolean | ThemePreset[];
     locale: string;

package/dist/nuxt/module.mjs

@@ -109,9 +109,9 @@ export default defineNuxtModule({
       viteBuild.cssTarget = options.cssTarget;
     const runtimeConfig = {
       global: options.global,
-      themeCookie: options.theme.cookie,
-      themeDefault: options.theme.default,
-      presetCookie: options.preset.cookie,
+      themeCookie: options.theme.cookie ?? "k-theme",
+      themeDefault: options.theme.default ?? "system",
+      presetCookie: options.preset.cookie ?? "k-preset",
       presetDefault,
       locale: options.locale,
       messages: options.messages
@@ -149,12 +149,15 @@ export default defineNuxtModule({
       ].join("\n")
     });
     const collections = [];
+    const seenPrefixes = /* @__PURE__ */ new Set();
     for (const entry of options.icons.collections ?? []) {
       const collection = typeof entry === "string" ? { prefix: entry } : entry;
-      const file = await resolveCollectionFile(collection.prefix, searchPaths);
-      if (!file) {
+      if (seenPrefixes.has(collection.prefix)) continue;
+      seenPrefixes.add(collection.prefix);
+      const file = collection.from ? resolveIconsDir(collection.from, nuxt.options.rootDir) : await resolveCollectionFile(collection.prefix, searchPaths);
+      if (!file || !existsSync(file)) {
         console.warn(
-          `[@xleddyl/443-components-vue] icon collection "${collection.prefix}" not installed: pnpm add -D @iconify-json/${collection.prefix}`
+          collection.from ? `[@xleddyl/443-components-vue] icon collection "${collection.prefix}" not found: ${file}` : `[@xleddyl/443-components-vue] icon collection "${collection.prefix}" not installed: pnpm add -D @iconify-json/${collection.prefix}`
         );
         continue;
       }