@proteos/ui 0.57.0 → 0.57.1

package/dist/index.d.cts

@@ -2118,12 +2118,19 @@ type ModalContentProps = ModalOverlayProps & {
     children: DialogProps['children'];
     /** Visual override for the panel wrapper (affects width, padding, etc.). */
     modalClassName?: string;
+    /** Visual override for the dialog element inside the panel — the column the
+     *  slots sit in. It hugs its content by default; a panel given a height of
+     *  its own needs `grow` here for the slots to fill it. */
+    dialogClassName?: string;
+    /** Accessible name for a dialog WITHOUT a `<ModalTitle>`. A titled dialog is
+     *  named by its title and doesn't need this. */
+    'aria-label'?: string;
 };
 /**
  * Portaled overlay + floating panel + dialog role. Backdrop darkens the page
  * with a warm ink tint; panel uses vellum bg + rule border + the float shadow.
  */
-declare function ModalContent({ children, className, modalClassName, isDismissable, ...props }: ModalContentProps): react_jsx_runtime.JSX.Element;
+declare function ModalContent({ children, className, modalClassName, dialogClassName, isDismissable, 'aria-label': ariaLabel, ...props }: ModalContentProps): react_jsx_runtime.JSX.Element;
 /** Padded top block. Contains `<ModalTitle>` and optionally `<ModalDescription>`. */
 declare function ModalHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 /** The modal's accessible name. Uses RAC `<Heading slot="title">` so the

package/dist/index.d.ts

@@ -2118,12 +2118,19 @@ type ModalContentProps = ModalOverlayProps & {
     children: DialogProps['children'];
     /** Visual override for the panel wrapper (affects width, padding, etc.). */
     modalClassName?: string;
+    /** Visual override for the dialog element inside the panel — the column the
+     *  slots sit in. It hugs its content by default; a panel given a height of
+     *  its own needs `grow` here for the slots to fill it. */
+    dialogClassName?: string;
+    /** Accessible name for a dialog WITHOUT a `<ModalTitle>`. A titled dialog is
+     *  named by its title and doesn't need this. */
+    'aria-label'?: string;
 };
 /**
  * Portaled overlay + floating panel + dialog role. Backdrop darkens the page
  * with a warm ink tint; panel uses vellum bg + rule border + the float shadow.
  */
-declare function ModalContent({ children, className, modalClassName, isDismissable, ...props }: ModalContentProps): react_jsx_runtime.JSX.Element;
+declare function ModalContent({ children, className, modalClassName, dialogClassName, isDismissable, 'aria-label': ariaLabel, ...props }: ModalContentProps): react_jsx_runtime.JSX.Element;
 /** Padded top block. Contains `<ModalTitle>` and optionally `<ModalDescription>`. */
 declare function ModalHeader({ className, ...props }: HTMLAttributes<HTMLDivElement>): react_jsx_runtime.JSX.Element;
 /** The modal's accessible name. Uses RAC `<Heading slot="title">` so the

package/dist/index.js

@@ -2524,7 +2524,9 @@ function ModalContent({
   children,
   className,
   modalClassName,
+  dialogClassName,
   isDismissable = true,
+  "aria-label": ariaLabel,
   ...props
 }) {
   return /* @__PURE__ */ jsx(
@@ -2555,7 +2557,14 @@ function ModalContent({
             "exiting:animate-exit-zoom",
             modalClassName
           ),
-          children: /* @__PURE__ */ jsx(Dialog, { className: "outline-none flex flex-col min-h-0 overflow-hidden", children })
+          children: /* @__PURE__ */ jsx(
+            Dialog,
+            {
+              className: cn("outline-none flex flex-col min-h-0 overflow-hidden", dialogClassName),
+              ...ariaLabel !== void 0 ? { "aria-label": ariaLabel } : {},
+              children
+            }
+          )
         }
       )
     }