nuxt-ui-tools 1.7.0 → 1.8.1

package/dist/runtime/i18n/locales/fr.js

@@ -97,6 +97,101 @@ export default defineUiToolsLocale({
         retry: "R\xE9essayer"
       }
     },
+    filePreview: {
+      close: "Fermer",
+      converted: {
+        description: "L\u2019original est un fichier {kind}.",
+        download: "T\xE9l\xE9charger l\u2019original",
+        title: "Aper\xE7u converti"
+      },
+      counter: "{current} / {total}",
+      csv: {
+        bom: "UTF-8 avec BOM",
+        columns: "{count} colonnes",
+        delimiter: "S\xE9parateur \xAB {value} \xBB",
+        rows: "{count} lignes",
+        tab: "tabulation"
+      },
+      details: "D\xE9tails",
+      download: "T\xE9l\xE9charger",
+      errors: {
+        decodeDescription: "T\xE9l\xE9chargez-le pour l\u2019ouvrir dans une autre application.",
+        decodeTitle: "Ce navigateur ne peut pas afficher les fichiers {extension}",
+        open: "Ouvrir",
+        pdfDescription: "Ouvrez-le dans la visionneuse du syst\xE8me ou t\xE9l\xE9chargez-le.",
+        pdfTitle: "Cet appareil ne peut pas afficher les PDF ici",
+        sourceDescription: "Le lien a peut-\xEAtre expir\xE9. R\xE9essayer le redemande.",
+        sourceTitle: "Impossible de charger ce fichier"
+      },
+      expand: "Agrandir",
+      fallback: {
+        description: "Les fichiers {extension} ne peuvent pas \xEAtre affich\xE9s ici. T\xE9l\xE9chargez-le pour l\u2019ouvrir dans une autre application.",
+        descriptionUnnamed: "Ce fichier ne peut pas \xEAtre affich\xE9 ici. T\xE9l\xE9chargez-le pour l\u2019ouvrir dans une autre application.",
+        title: "Aucun aper\xE7u disponible"
+      },
+      fields: {
+        columns: "Colonnes",
+        dimensions: "Dimensions",
+        duration: "Dur\xE9e",
+        lines: "Lignes",
+        modified: "Modifi\xE9 le",
+        name: "Nom",
+        rows: "Lignes",
+        size: "Taille",
+        type: "Type"
+      },
+      image: {
+        fit: "Ajuster \xE0 l\u2019\xE9cran",
+        rotate: "Pivoter",
+        zoomIn: "Zoom avant",
+        zoomOut: "Zoom arri\xE8re"
+      },
+      kinds: {
+        archive: "Archive",
+        audio: "Audio",
+        csv: "CSV",
+        image: "Image",
+        markdown: "Markdown",
+        office: "Document bureautique",
+        other: "Fichier",
+        pdf: "PDF",
+        text: "Texte",
+        video: "Vid\xE9o"
+      },
+      markdown: {
+        preview: "Aper\xE7u",
+        source: "Source"
+      },
+      media: {
+        captions: "Sous-titres",
+        exitFullscreen: "Quitter le plein \xE9cran",
+        fullscreen: "Plein \xE9cran",
+        mute: "Couper le son",
+        pause: "Pause",
+        pictureInPicture: "Image dans l\u2019image",
+        play: "Lecture",
+        seek: "Position",
+        speed: "Vitesse de lecture",
+        unmute: "R\xE9tablir le son",
+        volume: "Volume"
+      },
+      moreActions: "Plus d\u2019actions",
+      next: "Suivant",
+      openInNewTab: "Ouvrir dans un nouvel onglet",
+      position: "{current} sur {total} : {name}",
+      previous: "Pr\xE9c\xE9dent",
+      restore: "R\xE9duire",
+      retry: "R\xE9essayer",
+      text: {
+        copied: "Copi\xE9",
+        copy: "Copier le contenu",
+        formatted: "JSON format\xE9",
+        lines: "{count} lignes",
+        wrap: "Retour \xE0 la ligne"
+      },
+      truncated: "Affichage des {size} premiers sur {total}.",
+      untitled: "Fichier sans nom"
+    },
     form: {
       actions: {
         cancelButton: "Annuler",
@@ -144,7 +239,8 @@ export default defineUiToolsLocale({
           clear: "Effacer la valeur",
           confirm: "Confirmer",
           end: "Fin",
-          start: "D\xE9but"
+          start: "D\xE9but",
+          tokens: { day: "jj", hour: "hh", minute: "mm", month: "mm", year: "aaaa" }
         },
         description: {
           close: "Fermer",
@@ -195,7 +291,14 @@ export default defineUiToolsLocale({
           minute: "Minute"
         },
         upload: {
+          cancel: "Annuler le t\xE9l\xE9versement",
           failed: "\xC9chec du t\xE9l\xE9versement.",
+          open: "Ouvrir le fichier",
+          pending: "T\xE9l\xE9versez ou retirez les fichiers s\xE9lectionn\xE9s avant d\u2019enregistrer.",
+          queued: "Pr\xEAt \xE0 t\xE9l\xE9verser",
+          replace: "Remplacer le fichier",
+          retry: "R\xE9essayer le t\xE9l\xE9versement",
+          uploading: "T\xE9l\xE9versement\u2026",
           remove: "Supprimer",
           upload: "T\xE9l\xE9verser"
         }

package/dist/runtime/i18n/types.d.ts

@@ -392,6 +392,13 @@ export interface UiToolsFormMessages {
             end: string;
             clear: string;
             confirm: string;
+            tokens: {
+                day: string;
+                month: string;
+                year: string;
+                hour: string;
+                minute: string;
+            };
         };
         time: {
             format: string;
@@ -407,6 +414,13 @@ export interface UiToolsFormMessages {
             upload: string;
             remove: string;
             failed: string;
+            open: string;
+            cancel: string;
+            retry: string;
+            replace: string;
+            uploading: string;
+            queued: string;
+            pending: string;
         };
         phone: {
             country: string;
@@ -528,8 +542,115 @@ export interface UiToolsDashboardMessages {
         };
     };
 }
+export interface UiToolsFilePreviewMessages {
+    /** Name shown for a file that has none, such as a pasted image. */
+    untitled: string;
+    close: string;
+    expand: string;
+    restore: string;
+    previous: string;
+    next: string;
+    /** Gallery position in the header: "{current} / {total}". */
+    counter: string;
+    /** Announced on navigation: "{current} of {total}: {name}". */
+    position: string;
+    details: string;
+    download: string;
+    openInNewTab: string;
+    moreActions: string;
+    retry: string;
+    kinds: {
+        image: string;
+        video: string;
+        audio: string;
+        pdf: string;
+        text: string;
+        csv: string;
+        markdown: string;
+        office: string;
+        archive: string;
+        other: string;
+    };
+    fields: {
+        name: string;
+        type: string;
+        size: string;
+        modified: string;
+        dimensions: string;
+        duration: string;
+        lines: string;
+        rows: string;
+        columns: string;
+    };
+    converted: {
+        title: string;
+        /** "The original is a {kind} file." */
+        description: string;
+        download: string;
+    };
+    errors: {
+        sourceTitle: string;
+        sourceDescription: string;
+        /** "This browser can't display {extension} files". */
+        decodeTitle: string;
+        decodeDescription: string;
+        pdfTitle: string;
+        pdfDescription: string;
+        open: string;
+    };
+    fallback: {
+        title: string;
+        /** "{extension} files can't be shown here. Download it to open it in another app." */
+        description: string;
+        descriptionUnnamed: string;
+    };
+    /** "Showing the first {size} of {total}." */
+    truncated: string;
+    image: {
+        zoomIn: string;
+        zoomOut: string;
+        fit: string;
+        rotate: string;
+    };
+    media: {
+        play: string;
+        pause: string;
+        mute: string;
+        unmute: string;
+        volume: string;
+        speed: string;
+        captions: string;
+        pictureInPicture: string;
+        fullscreen: string;
+        exitFullscreen: string;
+        seek: string;
+    };
+    text: {
+        wrap: string;
+        copy: string;
+        copied: string;
+        /** "{count} lines" */
+        lines: string;
+        formatted: string;
+    };
+    csv: {
+        /** "{count} rows" */
+        rows: string;
+        /** "{count} columns" */
+        columns: string;
+        /** "Delimiter “{value}”" */
+        delimiter: string;
+        tab: string;
+        bom: string;
+    };
+    markdown: {
+        preview: string;
+        source: string;
+    };
+}
 export interface Messages {
     dashboard: UiToolsDashboardMessages;
+    filePreview: UiToolsFilePreviewMessages;
     form: UiToolsFormMessages;
     table: UiToolsTableMessages;
     spreadsheet: UiToolsSpreadsheetMessages;

package/dist/runtime/query-state/composables.d.ts

@@ -42,7 +42,7 @@ export declare function useQueryStateClient(options?: {
     /** History mode used by the lazily created client when individual writes omit one. */
     defaultHistoryMode?: HistoryMode;
 }): QueryStateClient;
-type ResolveDefaultedValue<TValue, TDefault> = undefined extends TDefault ? TValue : Exclude<TValue, undefined>;
+type ResolveDefaultedValue<TValue, TDefault> = undefined extends TDefault ? TValue | undefined : Exclude<TValue, undefined>;
 interface UseQueryStateBaseOptions<TValue> {
     /** Query-string key to read from and write to. */
     key: string;
@@ -65,7 +65,7 @@ export type UseQueryStateOptions<TValue, TDefault = TValue> = UseQueryStateBaseO
 };
 export declare function useQueryState<TValue>(options: UseQueryStateBaseOptions<TValue> & {
     defaultValue: undefined;
-}): WritableComputedRef<TValue>;
+}): WritableComputedRef<TValue | undefined>;
 export declare function useQueryState<TValue, TDefault extends Exclude<TValue, undefined>>(options: UseQueryStateBaseOptions<TValue> & {
     defaultValue: TDefault;
 }): WritableComputedRef<Exclude<TValue, undefined>>;

package/dist/runtime/shared/styles/tokens.css

@@ -1 +1 @@
-:root{--nut-form-veil:rgba(31,29,26,.18)}.dark{--nut-form-veil:rgba(0,0,0,.45)}:where(:root){--nut-dash-s1:var(--ui-primary);--nut-dash-s2:var(--ui-color-neutral-400);--nut-dash-s3:var(--ui-secondary);--nut-dash-s4:color-mix(in oklab,var(--ui-primary) 20%,var(--ui-bg));--nut-dash-s5:var(--ui-warning);--nut-dash-s6:color-mix(in oklab,var(--ui-secondary) 35%,var(--ui-bg));--nut-dash-up:var(--ui-success);--nut-dash-up-mark:var(--nut-dash-up);--nut-dash-down:var(--ui-error);--nut-dash-muted:var(--ui-border-accented);--nut-dash-track:var(--ui-bg-elevated);--nut-dash-grid:var(--ui-border-muted);--nut-dash-axis:var(--ui-text-dimmed);--nut-dash-ref:var(--ui-text-dimmed);--nut-dash-ref-label:var(--ui-text-muted);--nut-dash-ghost:var(--ui-bg-accented);--nut-dash-ghost-shine:color-mix(in oklab,var(--ui-bg) 70%,transparent);--nut-dash-filter-active:color-mix(in oklab,var(--ui-primary) 9%,var(--ui-bg));--nut-dash-filter-active-line:color-mix(in oklab,var(--ui-primary) 35%,var(--ui-border));--nut-dash-filter-ink:var(--nut-dl-accent-ink,var(--ui-primary));--nut-dash-row-hover:var(--ui-bg-elevated)}:where(.dark){--nut-dash-s2:var(--ui-color-neutral-500);--nut-dash-s4:color-mix(in oklab,var(--ui-primary) 30%,var(--ui-bg));--nut-dash-s6:color-mix(in oklab,var(--ui-secondary) 40%,var(--ui-bg))}@supports (color:oklch(from red l c h)){:where(:root){--nut-dash-s4:oklch(from var(--ui-primary) 0.88 calc(c * 0.45) h);--nut-dash-s6:oklch(from var(--ui-secondary) 0.8 calc(c * 0.55) h)}:where(.dark){--nut-dash-s4:oklch(from var(--ui-primary) 0.42 calc(c * 0.6) h);--nut-dash-s6:oklch(from var(--ui-secondary) 0.45 calc(c * 0.65) h)}}.nut-dash-chart{--vis-font-family:inherit;--vis-axis-tick-label-color:var(--nut-dash-axis);--vis-axis-tick-label-font-size:10px;--vis-axis-grid-color:var(--nut-dash-grid);--vis-axis-domain-color:var(--nut-dash-grid);--vis-crosshair-line-stroke-color:var(--ui-border-accented);--vis-crosshair-circle-stroke-color:var(--ui-bg);--vis-tooltip-background-color:var(--ui-bg);--vis-tooltip-border-color:var(--ui-border);--vis-tooltip-text-color:var(--ui-text);--vis-tooltip-padding:8px 10px;--vis-tooltip-border-radius:calc(var(--ui-radius)*1.5);--vis-tooltip-shadow-color:rgb(0 0 0/8%);--vis-plotline-label-font-size:10px}.nut-dash-chart--bars [data-vis-component] rect:hover{opacity:.8}.nut-dash-tip{display:flex;flex-direction:column;font-size:12px;gap:4px;min-width:9rem}.nut-dash-tip-title{color:var(--ui-text-muted);font-weight:500}.nut-dash-tip-row{align-items:center;display:flex;gap:6px}.nut-dash-tip-row i{border-radius:2px;height:8px;width:8px}.nut-dash-tip-row span{color:var(--ui-text-muted);flex:1}.nut-dash-tip-row b{font-variant-numeric:tabular-nums;font-weight:600}.nut-dash-ghost{background:var(--nut-dash-ghost)}.nut-dash-shimmer{overflow:hidden;position:relative}.nut-dash-shimmer:after{animation:nut-dash-shimmer 1.6s ease-in-out infinite;background:linear-gradient(100deg,transparent 25%,var(--nut-dash-ghost-shine) 50%,transparent 75%);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-100%);will-change:transform}@keyframes nut-dash-shimmer{to{transform:translateX(100%)}}.nut-dash-enter{animation:nut-dash-enter .28s ease-out}@keyframes nut-dash-enter{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.nut-dash-progress{animation:nut-dash-progress 1.1s ease-in-out infinite}@keyframes nut-dash-progress{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}@media (prefers-reduced-motion:reduce){.nut-dash-shimmer:after{display:none}.nut-dash-enter{animation:none}.nut-dash-progress{animation-duration:3s}}
+:root{--nut-form-veil:rgba(31,29,26,.18)}.dark{--nut-form-veil:rgba(0,0,0,.45)}:where(:root){--nut-dash-s1:var(--ui-primary);--nut-dash-s2:var(--ui-color-neutral-400);--nut-dash-s3:var(--ui-secondary);--nut-dash-s4:color-mix(in oklab,var(--ui-primary) 20%,var(--ui-bg));--nut-dash-s5:var(--ui-warning);--nut-dash-s6:color-mix(in oklab,var(--ui-secondary) 35%,var(--ui-bg));--nut-dash-up:var(--ui-success);--nut-dash-up-mark:var(--nut-dash-up);--nut-dash-down:var(--ui-error);--nut-dash-muted:var(--ui-border-accented);--nut-dash-track:var(--ui-bg-elevated);--nut-dash-grid:var(--ui-border-muted);--nut-dash-axis:var(--ui-text-dimmed);--nut-dash-ref:var(--ui-text-dimmed);--nut-dash-ref-label:var(--ui-text-muted);--nut-dash-ghost:var(--ui-bg-accented);--nut-dash-ghost-shine:color-mix(in oklab,var(--ui-bg) 70%,transparent);--nut-dash-filter-active:color-mix(in oklab,var(--ui-primary) 9%,var(--ui-bg));--nut-dash-filter-active-line:color-mix(in oklab,var(--ui-primary) 35%,var(--ui-border));--nut-dash-filter-ink:var(--nut-dl-accent-ink,var(--ui-primary));--nut-dash-row-hover:var(--ui-bg-elevated)}:where(.dark){--nut-dash-s2:var(--ui-color-neutral-500);--nut-dash-s4:color-mix(in oklab,var(--ui-primary) 30%,var(--ui-bg));--nut-dash-s6:color-mix(in oklab,var(--ui-secondary) 40%,var(--ui-bg))}@supports (color:oklch(from red l c h)){:where(:root){--nut-dash-s4:oklch(from var(--ui-primary) 0.88 calc(c * 0.45) h);--nut-dash-s6:oklch(from var(--ui-secondary) 0.8 calc(c * 0.55) h)}:where(.dark){--nut-dash-s4:oklch(from var(--ui-primary) 0.42 calc(c * 0.6) h);--nut-dash-s6:oklch(from var(--ui-secondary) 0.45 calc(c * 0.65) h)}}.nut-dash-chart{--vis-font-family:inherit;--vis-axis-tick-label-color:var(--nut-dash-axis);--vis-axis-tick-label-font-size:10px;--vis-axis-grid-color:var(--nut-dash-grid);--vis-axis-domain-color:var(--nut-dash-grid);--vis-crosshair-line-stroke-color:var(--ui-border-accented);--vis-crosshair-circle-stroke-color:var(--ui-bg);--vis-tooltip-background-color:var(--ui-bg);--vis-tooltip-border-color:var(--ui-border);--vis-tooltip-text-color:var(--ui-text);--vis-tooltip-padding:8px 10px;--vis-tooltip-border-radius:calc(var(--ui-radius)*1.5);--vis-tooltip-shadow-color:rgb(0 0 0/8%);--vis-plotline-label-font-size:10px}.nut-dash-chart--bars [data-vis-component] rect:hover{opacity:.8}.nut-dash-tip{display:flex;flex-direction:column;font-size:12px;gap:4px;min-width:9rem}.nut-dash-tip-title{color:var(--ui-text-muted);font-weight:500}.nut-dash-tip-row{align-items:center;display:flex;gap:6px}.nut-dash-tip-row i{border-radius:2px;height:8px;width:8px}.nut-dash-tip-row span{color:var(--ui-text-muted);flex:1}.nut-dash-tip-row b{font-variant-numeric:tabular-nums;font-weight:600}.nut-dash-ghost{background:var(--nut-dash-ghost)}.nut-dash-shimmer{overflow:hidden;position:relative}.nut-dash-shimmer:after{animation:nut-dash-shimmer 1.6s ease-in-out infinite;background:linear-gradient(100deg,transparent 25%,var(--nut-dash-ghost-shine) 50%,transparent 75%);content:"";inset:0;pointer-events:none;position:absolute;transform:translateX(-100%);will-change:transform}@keyframes nut-dash-shimmer{to{transform:translateX(100%)}}.nut-dash-enter{animation:nut-dash-enter .28s ease-out}@keyframes nut-dash-enter{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:none}}.nut-dash-progress{animation:nut-dash-progress 1.1s ease-in-out infinite}@keyframes nut-dash-progress{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}@media (prefers-reduced-motion:reduce){.nut-dash-shimmer:after{display:none}.nut-dash-enter{animation:none}.nut-dash-progress{animation-duration:3s}}:where(:root){--nut-fp-veil:rgba(31,29,26,.4);--nut-fp-stage:var(--ui-bg-muted);--nut-fp-document:#525659;--nut-fp-checker-a:#fff;--nut-fp-checker-b:#ebe7e2;--nut-fp-token-key:var(--ui-primary);--nut-fp-token-string:var(--ui-success);--nut-fp-token-number:var(--ui-info);--nut-fp-token-literal:var(--ui-error)}:where(.dark){--nut-fp-veil:rgba(0,0,0,.62);--nut-fp-stage:var(--ui-bg);--nut-fp-checker-a:#e9e4dd;--nut-fp-checker-b:#d8d1c7}.nut-fp-checker{background-color:var(--nut-fp-checker-a);background-image:conic-gradient(var(--nut-fp-checker-b) 25%,transparent 0 50%,var(--nut-fp-checker-b) 0 75%,transparent 0);background-size:18px 18px}.nut-fp-code [data-token=key]{color:var(--nut-fp-token-key)}.nut-fp-code [data-token=string]{color:var(--nut-fp-token-string)}.nut-fp-code [data-token=number]{color:var(--nut-fp-token-number)}.nut-fp-code [data-token=literal]{color:var(--nut-fp-token-literal)}[data-file-preview-bottom][data-single]:has([data-file-preview-tools]:empty){display:none}@keyframes nut-fp-progress{0%{transform:translateX(-100%)}to{transform:translateX(300%)}}.nut-fp-progress{animation:nut-fp-progress 1s ease-in-out infinite}@keyframes nut-fp-equalizer{to{transform:scaleY(.45)}}.nut-fp-equalizer{animation:nut-fp-equalizer .9s ease-in-out infinite alternate}@media (prefers-reduced-motion:reduce){.nut-fp-progress{animation-duration:2.4s}.nut-fp-equalizer{animation:none}}.nut-fp-prose{color:var(--ui-text);font-size:.925rem;line-height:1.7}.nut-fp-prose>:first-child{margin-top:0}.nut-fp-prose :where(h1,h2,h3,h4){color:var(--ui-text-highlighted);font-weight:650;letter-spacing:-.01em;line-height:1.25;margin:1.75em 0 .6em}.nut-fp-prose h1{font-size:1.6em}.nut-fp-prose h2{font-size:1.25em}.nut-fp-prose h3{font-size:1.05em}.nut-fp-prose :where(p,ul,ol,pre,table,blockquote){margin:0 0 1em}.nut-fp-prose :where(ul,ol){padding-inline-start:1.4em}.nut-fp-prose ul{list-style:disc}.nut-fp-prose ol{list-style:decimal}.nut-fp-prose a{color:var(--ui-primary);text-decoration:underline;text-underline-offset:2px}.nut-fp-prose :not(pre)>code{background:var(--ui-bg-elevated);border:1px solid var(--ui-border-muted);border-radius:4px;font-size:.86em;padding:.1em .35em}.nut-fp-prose pre{background:var(--ui-bg-elevated);border:1px solid var(--ui-border);border-radius:8px;font-size:.85em;overflow-x:auto;padding:.9em 1.1em}.nut-fp-prose table{border-collapse:collapse;display:block;font-size:.9em;overflow-x:auto}.nut-fp-prose :where(th,td){border:1px solid var(--ui-border);padding:.4em .75em;text-align:start}.nut-fp-prose th{background:var(--ui-bg-elevated);font-weight:600}.nut-fp-prose blockquote{border-inline-start:3px solid var(--ui-primary);color:var(--ui-text-toned);padding-inline-start:1em}.nut-fp-prose img{border-radius:6px;max-width:100%}

package/dist/runtime/shared/types/utils.d.ts

@@ -36,7 +36,9 @@ export type InferParams<T> = T extends (params: infer P) => any ? P : never;
 export type Prettify<T> = {
     [K in keyof T]: T[K];
 } & NonNullable<unknown>;
-export type DeepPrettify<T> = T extends (infer U)[] ? DeepPrettify<U>[] : T extends object ? {
+export type DeepPrettify<T> = T extends readonly unknown[] ? {
+    [K in keyof T]: DeepPrettify<T[K]>;
+} : T extends object ? {
     [K in keyof T]: DeepPrettify<T[K]>;
 } & NonNullable<unknown> : T;
 export type PathToObject<Path extends string, Output> = Path extends `${infer First}.${infer Rest}` ? {
@@ -44,15 +46,21 @@ export type PathToObject<Path extends string, Output> = Path extends `${infer Fi
 } : {
     [K in Path]: Output;
 };
-export type RemoveDotKeys<T> = T extends (infer U)[] ? RemoveDotKeys<U>[] : {
+export type RemoveDotKeys<T> = T extends readonly unknown[] ? {
+    [I in keyof T]: RemoveDotKeys<T[I]>;
+} : {
     [K in keyof T as K extends `${string}.${string}` ? never : K]: T[K] extends object ? RemoveDotKeys<T[K]> : T[K];
 };
 export type DeepTransformNestedPaths<T> = T extends unknown ? DeepTransformNestedPathsMember<T> : never;
 type DeepTransformNestedPathsMember<T> = DeepPrettify<RemoveDotKeys<{
-    [K in keyof T]: T[K] extends (infer U)[] ? DeepTransformNestedPaths<U>[] : T[K] extends object ? DeepTransformNestedPaths<T[K]> : T[K];
+    [K in keyof T]: T[K] extends readonly unknown[] ? DeepTransformNestedPathsItems<T[K]> : T[K] extends object ? DeepTransformNestedPaths<T[K]> : T[K];
 } & UnionToIntersection<{
-    [K in Extract<keyof T, string>]: PathToObject<K, T[K] extends (infer U)[] ? U extends object ? DeepTransformNestedPaths<U>[] : T[K] : T[K] extends object ? DeepTransformNestedPaths<T[K]> : T[K]>;
+    [K in Extract<keyof T, string>]: PathToObject<K, T[K] extends readonly unknown[] ? DeepTransformNestedPathsItems<T[K]> : T[K] extends object ? DeepTransformNestedPaths<T[K]> : T[K]>;
 }[Extract<keyof T, string>]>>>;
+/** Maps the items of an array or tuple, keeping it an array or tuple and keeping `readonly`. */
+type DeepTransformNestedPathsItems<T extends readonly unknown[]> = {
+    [I in keyof T]: T[I] extends object ? DeepTransformNestedPaths<T[I]> : T[I];
+};
 export type SplitLitteral<String extends string, Divider extends string> = string extends String ? string[] : String extends '' ? [] : String extends `${infer T}${Divider}${infer U}` ? [T, ...SplitLitteral<U, Divider>] : [String];
 export type HasParameters<T> = T extends (...args: []) => any ? false : true;
 export type DeepOmit<T, K extends string> = K extends `${infer First}.${infer Rest}` ? First extends keyof T ? T[First] extends (infer U)[] ? Omit<T, First> & {

package/dist/runtime/shared/utils/file.d.ts

@@ -0,0 +1,11 @@
+export declare function fileIconName(type: string | null | undefined): "i-lucide-file-spreadsheet" | "i-lucide-file-text" | "i-lucide-file-image" | "i-lucide-file-video" | "i-lucide-file-audio" | "i-lucide-file-type" | "i-lucide-file-archive" | "i-lucide-file";
+/** Lowercase extension of a file name without the dot, or `null` when it has none. */
+export declare function fileExtension(name: string): string | null;
+export declare function fileExtensionLabel(file: {
+    name: string;
+    type?: string | null;
+}): string;
+/** Formats bytes with the locale's units: "2 kB" in English, "2 ko" in French. */
+export declare function formatFileSize(bytes: number, locale: string): string;
+export declare function fileNameFromUrl(url: string): string;
+export declare function isImageType(type: string | null | undefined): boolean;

package/dist/runtime/shared/utils/file.js

@@ -0,0 +1,50 @@
+const FILE_SIZE_UNITS = ["byte", "kilobyte", "megabyte", "gigabyte"];
+export function fileIconName(type) {
+  const mime = type ?? "";
+  if (mime === "application/pdf") return "i-lucide-file-text";
+  if (mime.startsWith("image/")) return "i-lucide-file-image";
+  if (mime.startsWith("video/")) return "i-lucide-file-video";
+  if (mime.startsWith("audio/")) return "i-lucide-file-audio";
+  if (mime.includes("spreadsheet") || mime.includes("excel") || mime === "text/csv")
+    return "i-lucide-file-spreadsheet";
+  if (mime.includes("word") || mime.includes("document")) return "i-lucide-file-type";
+  if (mime.includes("zip") || mime.includes("compressed")) return "i-lucide-file-archive";
+  return "i-lucide-file";
+}
+export function fileExtension(name) {
+  const dot = name.lastIndexOf(".");
+  if (dot === -1 || dot === name.length - 1) return null;
+  return name.slice(dot + 1).toLowerCase();
+}
+export function fileExtensionLabel(file) {
+  const dot = file.name.lastIndexOf(".");
+  if (dot !== -1) return file.name.slice(dot + 1).toUpperCase();
+  const subtype = file.type?.split("/")[1]?.split(/[+.;-]/)[0];
+  return subtype ? subtype.toUpperCase() : "\u2014";
+}
+export function formatFileSize(bytes, locale) {
+  let size = bytes;
+  let unit = 0;
+  while (size >= 1024 && unit < FILE_SIZE_UNITS.length - 1) {
+    size /= 1024;
+    unit += 1;
+  }
+  return new Intl.NumberFormat(locale, {
+    maximumFractionDigits: unit > 0 && size < 10 ? 1 : 0,
+    style: "unit",
+    unit: FILE_SIZE_UNITS[unit],
+    unitDisplay: "short"
+  }).format(size);
+}
+export function fileNameFromUrl(url) {
+  const parts = (url.split(/[?#]/)[0] ?? "").split("/").filter((part) => part.length > 0);
+  const segment = parts.at(-1) ?? url;
+  try {
+    return decodeURIComponent(segment);
+  } catch {
+    return segment;
+  }
+}
+export function isImageType(type) {
+  return Boolean(type?.startsWith("image/"));
+}

package/dist/runtime/table/components/table/table-renderer.vue

@@ -182,13 +182,33 @@ const columnVirtualizer = useVirtualizer(
   }))
 );
 const virtualColumns = computed(() => columnVirtualizer.value.getVirtualItems());
-const filled = computed(
-  () => !columnsOverflow.value && bodyWidth.value > 0 && table.getTotalSize() < bodyWidth.value
+const spareWidth = computed(
+  () => columnsOverflow.value || bodyWidth.value <= 0 ? 0 : Math.max(0, bodyWidth.value - table.getTotalSize())
 );
+const growableColumns = computed(
+  () => centerColumns.value.filter((column) => !column.columnDef.meta?.internal)
+);
+const columnWidths = computed(() => {
+  const widths = new Map(leafColumns.value.map((leaf) => [leaf.id, leaf.getSize()]));
+  const spare = spareWidth.value;
+  const growable = growableColumns.value;
+  const base = growable.reduce((sum, column) => sum + column.getSize(), 0);
+  if (spare === 0 || base === 0) {
+    return widths;
+  }
+  let remaining = spare;
+  growable.forEach((column, index) => {
+    const share = index === growable.length - 1 ? remaining : Math.floor(spare * column.getSize() / base);
+    widths.set(column.id, column.getSize() + share);
+    remaining -= share;
+  });
+  return widths;
+});
+const filled = computed(() => spareWidth.value > 0 && growableColumns.value.length === 0);
 const tableCols = computed(() => {
   const cols = leafColumns.value.map((leaf) => ({
     key: leaf.id,
-    width: `${leaf.getSize()}px`
+    width: `${columnWidths.value.get(leaf.id) ?? leaf.getSize()}px`
   }));
   if (filled.value) {
     cols.splice(cols.length - table.getEndVisibleLeafColumns().length, 0, {

package/dist/runtime/table/components/table/table-skeleton-cell.js

@@ -70,7 +70,7 @@ const SHAPES = {
     h("span", { class: "nut-dl-skeleton size-[7px] shrink-0 rounded-full" }),
     lines({ ...options, lines: options.config.lines ?? 1, range: [0.3, 0.6] })
   ],
-  number: (options) => lines({ ...options, align: "right", lines: options.config.lines ?? 1, range: NUMBER_RANGE }),
+  number: (options) => lines({ ...options, lines: options.config.lines ?? 1, range: NUMBER_RANGE }),
   progress: () => [
     h("span", { class: "nut-dl-skeleton block h-1.5 min-w-0 flex-1 rounded-full" }),
     h("span", { class: "nut-dl-skeleton block h-[0.66em] w-[2.4em] shrink-0 rounded-full" })
@@ -84,7 +84,7 @@ function resolve(skeleton) {
 const TableSkeletonCell = (props) => {
   const config = resolve(props.skeleton);
   if (config.kind === "none") return null;
-  const align = config.kind === "number" ? "right" : props.align;
+  const { align } = props;
   return h(
     "span",
     {

package/dist/runtime/table/components/utils/search-query-input.d.vue.ts

@@ -5,6 +5,8 @@ type __VLS_Props = {
     size: DataListControlSize;
     ui?: DataListSearchUi;
     inputProps?: DataListInputProps;
+    /** Milliseconds of typing inactivity before the query is applied. */
+    debounce?: number;
 };
 type __VLS_ModelProps = {
     modelValue: string;
@@ -14,6 +16,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    debounce: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/runtime/table/components/utils/search-query-input.vue

@@ -1,19 +1,21 @@
 <script setup>
 import UButton from "@nuxt/ui/components/Button.vue";
 import UInput from "@nuxt/ui/components/Input.vue";
-import { computed, ref, watch } from "vue";
+import { computed, onBeforeUnmount, ref, watch } from "vue";
 import { useUiToolsLocale } from "#ui-tools/i18n";
 const props = defineProps({
   placeholder: { type: String, required: true },
   loading: { type: Boolean, required: false },
   size: { type: String, required: true },
   ui: { type: Object, required: false },
-  inputProps: { type: Object, required: false }
+  inputProps: { type: Object, required: false },
+  debounce: { type: Number, required: false, default: 300 }
 });
 const model = defineModel({ type: String, ...{ required: true } });
 const { t } = useUiToolsLocale();
 const localValue = ref(model.value);
 const input = ref(null);
+let pending;
 watch(
   model,
   (value) => {
@@ -31,17 +33,29 @@ const inputAttrs = computed(() => ({
   ...props.inputProps
 }));
 const clearable = computed(() => localValue.value.length > 0);
+function cancelPending() {
+  clearTimeout(pending);
+  pending = void 0;
+}
 function commitValue() {
+  cancelPending();
   if (localValue.value === model.value) {
     return;
   }
   model.value = localValue.value;
 }
+function updateValue(value) {
+  localValue.value = String(value ?? "");
+  cancelPending();
+  pending = setTimeout(commitValue, props.debounce);
+}
 function clear() {
+  cancelPending();
   localValue.value = "";
   model.value = "";
   input.value?.inputRef?.focus();
 }
+onBeforeUnmount(cancelPending);
 </script>
 
 <template>
@@ -54,7 +68,7 @@ function clear() {
     :placeholder="placeholder"
     :ui="ui"
     class="nut-dl-search max-w-full shrink-0"
-    @update:model-value="localValue = String($event ?? '')"
+    @update:model-value="updateValue"
     @blur="commitValue"
     @keydown.enter.prevent="commitValue"
     @keydown.escape="clearable && clear()"

package/dist/runtime/table/components/utils/search-query-input.vue.d.ts

@@ -5,6 +5,8 @@ type __VLS_Props = {
     size: DataListControlSize;
     ui?: DataListSearchUi;
     inputProps?: DataListInputProps;
+    /** Milliseconds of typing inactivity before the query is applied. */
+    debounce?: number;
 };
 type __VLS_ModelProps = {
     modelValue: string;
@@ -14,6 +16,8 @@ declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {},
     "update:modelValue": (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
     "onUpdate:modelValue"?: ((value: string) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+}>, {
+    debounce: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;