@nxgt/material 3.71.0 → 3.72.0

package/dist/lib/components/ui/media/upload/network-upload-field/partials/network-upload-field-items.d.ts

@@ -5,6 +5,7 @@ export type NetworkUploadFieldItemsProps = {
     inputId: string;
     multiple: boolean;
     accept?: string;
+    acceptLabel?: string;
     disabled?: boolean;
     error?: boolean;
     /** The drop zone's own error description, when it carries the error. */
@@ -13,4 +14,4 @@ export type NetworkUploadFieldItemsProps = {
     maxFiles?: number;
 };
 /** The field's files, then the drop zone while there is room for one more. */
-export declare function NetworkUploadFieldItems({ field, inputId, multiple, accept, disabled, error, errorId, maxSize, maxFiles, }: NetworkUploadFieldItemsProps): import("react").JSX.Element;
+export declare function NetworkUploadFieldItems({ field, inputId, multiple, accept, acceptLabel, disabled, error, errorId, maxSize, maxFiles, }: NetworkUploadFieldItemsProps): import("react").JSX.Element;

package/dist/lib/components/ui/media/upload/network-upload-field/upload-constraints.d.ts

@@ -1,11 +1,19 @@
 import { UploadMessageTranslate } from './network-upload-field.utils.js';
 export type UploadConstraintOptions = {
     accept?: string;
+    /** Replaces the names derived from `accept` in the limits line. */
+    acceptLabel?: string;
     maxSize?: number;
     maxFiles?: number;
 };
 /**
- * The drop zone's limits line, e.g. `image/* · Max 2 MB · Up to 3 files`,
+ * The `accept` list as short names: `image/jpeg,image/png` becomes
+ * `JPEG, PNG`, `image/*` becomes `Images`. Entries it does not know stay as
+ * given; repeats are shown once.
+ */
+export declare function formatAcceptNames(accept: string, t: UploadMessageTranslate): string;
+/**
+ * The drop zone's limits line, e.g. `Images · Max 2 MB · Up to 3 files`,
  * in the language `t` translates to. Empty when there is no limit.
  */
-export declare function formatUploadConstraints({ accept, maxSize, maxFiles }: UploadConstraintOptions, t: UploadMessageTranslate): string;
+export declare function formatUploadConstraints({ accept, acceptLabel, maxSize, maxFiles }: UploadConstraintOptions, t: UploadMessageTranslate): string;

package/dist/lib/components/ui/overlays/dialog/dialog-body-overflow.d.ts

@@ -0,0 +1,7 @@
+/** Sets `data-overflow-start` / `data-overflow-end` on a scroll box: content is hidden above / below. */
+export declare function measureOverflow(el: HTMLElement): void;
+/**
+ * Keeps the flags current while the box resizes, a child resizes, or a child
+ * is added or removed. Returns the cleanup that disconnects both observers.
+ */
+export declare function watchOverflow(el: HTMLElement): () => void;

package/dist/lib/components/ui/overlays/dialog/dialog-body.d.ts

@@ -0,0 +1,10 @@
+import { ComponentProps } from 'react';
+/**
+ * The part of a long dialog that scrolls on its own: `DialogContent` becomes a
+ * clipped flex column around it, so the header and the `DialogFooter` stay in
+ * view. A hairline shows on the edge where content is hidden beneath the
+ * header or the footer, and not otherwise. Give it an `aria-label` or `aria-labelledby` and it is
+ * a named region.
+ */
+declare function DialogBody({ className, children, onScroll, ref, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export { DialogBody };

package/dist/lib/components/ui/overlays/dialog/dialog-variants.d.ts

@@ -3,6 +3,10 @@ import { VariantProps } from 'class-variance-authority';
  * DialogContent's layout: centred, at most the viewport less a margin.
  * Its look and motion are `nxgt-dialog` (dialog.css), in the `components`
  * layer, so a utility in `className` still wins (`rounded-lg`, `bg-background`).
+ * With a `DialogBody` as a direct child it becomes a clipped flex column, so
+ * only the body scrolls; without one nothing changes. `--dialog-px` (1.5rem,
+ * the `p-6` side padding) is what the body bleeds by: set it with a `p-*` of
+ * your own (`p-4 [--dialog-px:1rem]`).
  */
 export declare const dialogContentVariants: (props?: ({
     size?: "lg" | "md" | "sm" | "xl" | "full" | null | undefined;

package/dist/lib/components/ui/overlays/dialog/dialog.d.ts

@@ -16,6 +16,7 @@ type DialogContentProps = ComponentProps<typeof DialogPrimitive.Content> & Dialo
     container?: HTMLElement | null;
 };
 declare function DialogContent({ className, children, onInteractOutside, onPointerDownOutside, onFocusOutside, onOpenAutoFocus, onCloseAutoFocus, onEscapeKeyDown, size, mobilePresentation, scrim, container, ref, ...props }: DialogContentProps): import("react").JSX.Element;
+export { DialogBody } from './dialog-body.js';
 export { DialogDescription, DialogFooter, DialogHeader, DialogTitle, } from './dialog-parts.js';
 export type { DialogScrim } from './dialog-variants.js';
 export type { DialogContentProps };

package/dist/lib/i18n/resources/en/en.d.ts

@@ -119,6 +119,13 @@ export declare const en: {
             "on-this-page": string;
         };
         upload: {
+            accept: {
+                images: string;
+                audio: string;
+                video: string;
+                text: string;
+                application: string;
+            };
             dropzone: {
                 idle: string;
                 "at-capacity": string;

package/dist/lib/i18n/resources/en/material.json.d.ts

@@ -109,6 +109,13 @@ declare const _default: {
 		"on-this-page": "On this page"
 	},
 	"upload": {
+		"accept": {
+			"images": "Images",
+			"audio": "Audio",
+			"video": "Videos",
+			"text": "Text files",
+			"application": "Documents"
+		},
 		"dropzone": {
 			"idle": "Drag & drop files here, or click to browse",
 			"at-capacity": "Maximum number of files reached",

package/dist/lib/i18n/resources/fr/fr.d.ts

@@ -119,6 +119,13 @@ export declare const fr: {
             "on-this-page": string;
         };
         upload: {
+            accept: {
+                images: string;
+                audio: string;
+                video: string;
+                text: string;
+                application: string;
+            };
             dropzone: {
                 idle: string;
                 "at-capacity": string;

package/dist/lib/i18n/resources/fr/material.json.d.ts

@@ -109,6 +109,13 @@ declare const _default: {
 		"on-this-page": "Sur cette page"
 	},
 	"upload": {
+		"accept": {
+			"images": "Images",
+			"audio": "Audio",
+			"video": "Vidéos",
+			"text": "Fichiers texte",
+			"application": "Documents"
+		},
 		"dropzone": {
 			"idle": "Glissez-déposez des fichiers ici, ou cliquez pour parcourir",
 			"at-capacity": "Nombre maximum de fichiers atteint",

package/dist/lib/i18n/resources/resources.d.ts

@@ -117,6 +117,13 @@ export declare const resources: {
                 "on-this-page": string;
             };
             upload: {
+                accept: {
+                    images: string;
+                    audio: string;
+                    video: string;
+                    text: string;
+                    application: string;
+                };
                 dropzone: {
                     idle: string;
                     "at-capacity": string;
@@ -3158,6 +3165,13 @@ export declare const resources: {
                 "on-this-page": string;
             };
             upload: {
+                accept: {
+                    images: string;
+                    audio: string;
+                    video: string;
+                    text: string;
+                    application: string;
+                };
                 dropzone: {
                     idle: string;
                     "at-capacity": string;