@ai-matrx/design-system 0.14.1 → 0.14.3

package/dist/index.d.cts

@@ -552,10 +552,9 @@ interface ConfirmDialogProps {
      */
     description?: React.ReactNode | undefined;
     /**
-     * Rich body rendered between the header and the footer, OUTSIDE the
-     * description `<p>` — use for block-level content (diffs, previews, lists of
-     * exactly what is about to be deleted) that would be invalid HTML inside
-     * `description`.
+     * Rich body rendered between the header and the footer. Use it for
+     * supplementary or interactive content that is not part of the dialog's
+     * accessible consequence description.
      */
     content?: React.ReactNode | undefined;
     /** Extra classes for the dialog content (e.g. a wider max-w for diffs). */

package/dist/index.d.ts

@@ -552,10 +552,9 @@ interface ConfirmDialogProps {
      */
     description?: React.ReactNode | undefined;
     /**
-     * Rich body rendered between the header and the footer, OUTSIDE the
-     * description `<p>` — use for block-level content (diffs, previews, lists of
-     * exactly what is about to be deleted) that would be invalid HTML inside
-     * `description`.
+     * Rich body rendered between the header and the footer. Use it for
+     * supplementary or interactive content that is not part of the dialog's
+     * accessible consequence description.
      */
     content?: React.ReactNode | undefined;
     /** Extra classes for the dialog content (e.g. a wider max-w for diffs). */

package/dist/index.js

@@ -1361,7 +1361,7 @@ function ConfirmDialog({
       children: [
         /* @__PURE__ */ jsxs7(AlertDialogHeader, { children: [
           /* @__PURE__ */ jsx16(AlertDialogTitle, { children: title }),
-          description ? /* @__PURE__ */ jsx16(AlertDialogDescription, { children: description }) : null
+          description ? /* @__PURE__ */ jsx16(AlertDialogDescription, { asChild: true, children: /* @__PURE__ */ jsx16("div", { children: description }) }) : null
         ] }),
         content ?? null,
         /* @__PURE__ */ jsxs7(AlertDialogFooter, { children: [
@@ -1920,9 +1920,9 @@ var DialogContentPrimitive = React17.forwardRef((props, ref) => {
   );
 });
 DialogContentPrimitive.displayName = "DialogContentPrimitive";
-var DIALOG_DESKTOP_CLASSES2 = `matrx-dialog-card fixed left-[50%] top-[50%] z-[10000] grid min-w-0 w-full max-w-lg ${CENTERED_DIALOG} gap-4 max-h-[85dvh] overflow-y-auto overscroll-contain [--dialog-pad:1.5rem] overflow-x-clip border bg-background p-6 shadow-lg [overflow-wrap:anywhere] [&>*]:min-w-0 [&>*]:max-w-full sm:rounded-lg`;
-var DIALOG_MOBILE_SHEET_CLASSES2 = "matrx-mobile-sheet matrx-dialog-card fixed inset-x-0 bottom-0 left-0 right-0 top-auto z-[10000] flex min-w-0 flex-col w-full max-w-full max-h-[90dvh] translate-x-0 translate-y-0 gap-4 [--dialog-pad:1rem] overflow-x-clip border-t bg-background p-4 pb-safe shadow-lg [overflow-wrap:anywhere] [&>*]:min-w-0 [&>*]:max-w-full rounded-t-2xl rounded-b-none overflow-y-auto overscroll-contain";
-var DIALOG_MOBILE_SHEET_OVERRIDE2 = "inset-x-0 bottom-0 left-0 right-0 top-auto translate-x-0 translate-y-0 w-full max-w-full max-h-[90dvh] rounded-b-none rounded-t-2xl overflow-y-auto";
+var DIALOG_DESKTOP_CLASSES2 = "matrx-dialog-card fixed inset-0 z-[10000] m-auto grid h-fit min-w-0 w-full max-w-lg gap-4 max-h-[85dvh] overflow-y-auto overscroll-contain [--dialog-pad:1.5rem] overflow-x-clip border bg-background p-6 shadow-lg [overflow-wrap:anywhere] [&>*]:min-w-0 [&>*]:max-w-full sm:rounded-lg";
+var DIALOG_MOBILE_SHEET_CLASSES2 = "matrx-mobile-sheet matrx-dialog-card fixed inset-x-0 bottom-0 left-0 right-0 top-auto z-[10000] flex min-w-0 flex-col w-full max-w-full max-h-[90dvh] gap-4 [--dialog-pad:1rem] overflow-x-clip border-t bg-background p-4 pb-safe shadow-lg [overflow-wrap:anywhere] [&>*]:min-w-0 [&>*]:max-w-full rounded-t-2xl rounded-b-none overflow-y-auto overscroll-contain";
+var DIALOG_MOBILE_SHEET_OVERRIDE2 = "inset-x-0 bottom-0 left-0 right-0 top-auto translate-none w-full max-w-full max-h-[90dvh] rounded-b-none rounded-t-2xl overflow-y-auto";
 var DialogContent = React17.forwardRef(
   ({
     className,