@adsgency_npm/adsgency-ads-ui 0.1.0-alpha.10 → 0.1.0-alpha.11

package/dist/index.cjs

@@ -68,6 +68,7 @@ __export(src_exports, {
   AdsDatePicker: () => AdsDatePicker,
   AdsDateTimePicker: () => AdsDateTimePicker,
   AdsDialog: () => AdsDialog,
+  AdsDialogBody: () => AdsDialogBody,
   AdsDialogClose: () => AdsDialogClose,
   AdsDialogContent: () => AdsDialogContent,
   AdsDialogDescription: () => AdsDialogDescription,
@@ -6285,7 +6286,8 @@ var DialogPrimitive = __toESM(require("@radix-ui/react-dialog"), 1);
 var import_lucide_react17 = require("lucide-react");
 var import_jsx_runtime65 = require("react/jsx-runtime");
 var overlayClassName2 = "fixed inset-0 z-50 bg-black/80 backdrop-blur-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
-var contentClassName2 = "fixed left-1/2 top-1/2 z-50 grid max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-[423px] -translate-x-1/2 -translate-y-1/2 gap-lg overflow-y-auto overscroll-contain rounded-radius-md border border-border bg-card p-xl shadow-[0px_4px_6px_-4px_rgba(0,0,0,0.1),0px_10px_15px_-3px_rgba(0,0,0,0.1)] [scrollbar-gutter:stable] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]";
+var contentClassName2 = "fixed left-1/2 top-1/2 z-50 flex max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-[423px] -translate-x-1/2 -translate-y-1/2 flex-col gap-lg overflow-hidden rounded-radius-md border border-border bg-card p-xl shadow-[0px_4px_6px_-4px_rgba(0,0,0,0.1),0px_10px_15px_-3px_rgba(0,0,0,0.1)] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]";
+var bodyClassName = "min-h-0 flex-1 overflow-y-auto overscroll-contain [scrollbar-gutter:stable]";
 var closeButtonClassName = "absolute right-xl top-xl inline-flex h-6 w-6 items-center justify-center rounded-sm opacity-80 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card disabled:pointer-events-none";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
@@ -6311,15 +6313,83 @@ var DialogClose = React59.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogClose.displayName = "DialogClose";
+function flattenDialogChildren(children) {
+  const nodes = [];
+  React59.Children.forEach(children, (child) => {
+    if (React59.isValidElement(child) && child.type === React59.Fragment) {
+      nodes.push(...flattenDialogChildren(child.props.children));
+      return;
+    }
+    nodes.push(child);
+  });
+  return nodes;
+}
+function isDialogSlotElement(child, component) {
+  return React59.isValidElement(child) && child.type === component;
+}
+var DialogBody = React59.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
+    "div",
+    {
+      className: cn(bodyClassName, className),
+      "data-slot": "ads-dialog-body",
+      ref,
+      ...props
+    }
+  )
+);
+DialogBody.displayName = "DialogBody";
 var DialogContent = React59.forwardRef(
   ({ children, className, closeLabel, hideCloseButton = false, ...props }, ref) => {
     const { messages } = useAdsI18n();
     const resolvedCloseLabel = closeLabel ?? messages.dialog.close;
+    const childNodes = flattenDialogChildren(children);
+    const headerIndex = childNodes.findIndex(
+      (child) => isDialogSlotElement(child, DialogHeader)
+    );
+    let footerIndex = -1;
+    for (let index = childNodes.length - 1; index >= 0; index -= 1) {
+      if (isDialogSlotElement(childNodes[index], DialogFooter)) {
+        footerIndex = index;
+        break;
+      }
+    }
+    const headerNode = headerIndex >= 0 ? childNodes[headerIndex] : null;
+    const generatedHeaderNodes = [];
+    if (headerNode === null) {
+      for (let index = 0; index < childNodes.length; index += 1) {
+        if (index === footerIndex) {
+          break;
+        }
+        const child = childNodes[index];
+        const isHeaderChild = isDialogSlotElement(child, DialogTitle) || isDialogSlotElement(child, DialogDescription);
+        if (!isHeaderChild) {
+          break;
+        }
+        generatedHeaderNodes.push(child);
+      }
+    }
+    const footerNode = footerIndex >= 0 && footerIndex !== headerIndex ? childNodes[footerIndex] : null;
+    const bodyNodes = childNodes.filter(
+      (child, index) => {
+        if (index === headerIndex || index === footerIndex) {
+          return false;
+        }
+        return !generatedHeaderNodes.includes(child);
+      }
+    );
+    const explicitBodyNodes = bodyNodes.filter(
+      (child) => isDialogSlotElement(child, DialogBody)
+    );
+    const looseBodyNodes = bodyNodes.filter(
+      (child) => !isDialogSlotElement(child, DialogBody)
+    );
     return /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(DialogPortal, { children: [
       /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(DialogOverlay, {}),
       /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
         DialogPrimitive.Content,
         {
+          "data-slot": "ads-dialog-content",
           className: cn(
             contentClassName2,
             adsTextColorClassName.card,
@@ -6328,7 +6398,11 @@ var DialogContent = React59.forwardRef(
           ref,
           ...props,
           children: [
-            children,
+            headerNode,
+            headerNode === null && generatedHeaderNodes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(DialogHeader, { children: generatedHeaderNodes }) : null,
+            explicitBodyNodes.length > 0 ? explicitBodyNodes : null,
+            looseBodyNodes.length > 0 ? /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(DialogBody, { children: looseBodyNodes }) : null,
+            footerNode,
             !hideCloseButton ? /* @__PURE__ */ (0, import_jsx_runtime65.jsxs)(
               DialogPrimitive.Close,
               {
@@ -6351,6 +6425,7 @@ var DialogHeader = React59.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "div",
     {
+      "data-slot": "ads-dialog-header",
       className: cn("flex flex-col gap-sm pr-8 text-left", className),
       ref,
       ...props
@@ -6362,6 +6437,7 @@ var DialogFooter = React59.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime65.jsx)(
     "div",
     {
+      "data-slot": "ads-dialog-footer",
       className: cn(
         "flex flex-col-reverse gap-sm sm:flex-row sm:justify-end",
         className
@@ -6401,6 +6477,7 @@ var AdsDialogOverlay = DialogOverlay;
 var AdsDialogClose = DialogClose;
 var AdsDialogContent = DialogContent;
 var AdsDialogHeader = DialogHeader;
+var AdsDialogBody = DialogBody;
 var AdsDialogFooter = DialogFooter;
 var AdsDialogTitle = DialogTitle;
 var AdsDialogDescription = DialogDescription;
@@ -6669,6 +6746,7 @@ var designTokens = {
   AdsDatePicker,
   AdsDateTimePicker,
   AdsDialog,
+  AdsDialogBody,
   AdsDialogClose,
   AdsDialogContent,
   AdsDialogDescription,

package/dist/index.d.cts

@@ -901,6 +901,7 @@ interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof Dia
     hideCloseButton?: boolean;
 }
 type DialogHeaderProps = React$1.HTMLAttributes<HTMLDivElement>;
+type DialogBodyProps = React$1.HTMLAttributes<HTMLDivElement>;
 type DialogFooterProps = React$1.HTMLAttributes<HTMLDivElement>;
 type DialogTitleProps = React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
 type DialogDescriptionProps = React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
@@ -911,6 +912,7 @@ declare const AdsDialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPri
 declare const AdsDialogClose: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const AdsDialogContent: React$1.ForwardRefExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const AdsDialogHeader: React$1.ForwardRefExoticComponent<DialogHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const AdsDialogBody: React$1.ForwardRefExoticComponent<DialogBodyProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const AdsDialogFooter: React$1.ForwardRefExoticComponent<DialogFooterProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const AdsDialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
 declare const AdsDialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
@@ -921,6 +923,7 @@ type AdsDialogOverlayProps = DialogOverlayProps;
 type AdsDialogCloseProps = DialogCloseProps;
 type AdsDialogContentProps = DialogContentProps;
 type AdsDialogHeaderProps = DialogHeaderProps;
+type AdsDialogBodyProps = DialogBodyProps;
 type AdsDialogFooterProps = DialogFooterProps;
 type AdsDialogTitleProps = DialogTitleProps;
 type AdsDialogDescriptionProps = DialogDescriptionProps;
@@ -1088,4 +1091,4 @@ declare function useAdsI18n(): AdsI18nContextValue;
 
 declare const adsDefaultMessages: Record<"en" | "zh", AdsMessages>;
 
-export { AdsAccordion, type AdsAccordionItem, type AdsAccordionMode, type AdsAccordionProps, Alert as AdsAlert, AlertDescription as AdsAlertDescription, AdsAlertDialog, AdsAlertDialogAction, type AdsAlertDialogActionProps, AdsAlertDialogCancel, type AdsAlertDialogCancelProps, AdsAlertDialogContent, type AdsAlertDialogContentProps, AdsAlertDialogDescription, type AdsAlertDialogDescriptionProps, AdsAlertDialogFooter, type AdsAlertDialogFooterProps, AdsAlertDialogHeader, type AdsAlertDialogHeaderProps, AdsAlertDialogOverlay, type AdsAlertDialogOverlayProps, AdsAlertDialogPortal, type AdsAlertDialogPortalProps, type AdsAlertDialogProps, AdsAlertDialogTitle, type AdsAlertDialogTitleProps, AdsAlertDialogTrigger, type AdsAlertDialogTriggerProps, AlertTitle as AdsAlertTitle, AdsBadge, type AdsBadgeProps, AdsBreadcrumb, AdsBreadcrumbEllipsis, type AdsBreadcrumbEllipsisProps, AdsBreadcrumbItem, type AdsBreadcrumbItemProps, AdsBreadcrumbLink, type AdsBreadcrumbLinkProps, AdsBreadcrumbList, type AdsBreadcrumbListProps, AdsBreadcrumbPage, type AdsBreadcrumbPageProps, type AdsBreadcrumbProps, AdsBreadcrumbSeparator, type AdsBreadcrumbSeparatorIcon, type AdsBreadcrumbSeparatorProps, AdsButton, AdsButtonGroup, AdsButtonGroupInput, type AdsButtonGroupInputProps, type AdsButtonGroupProps, AdsButtonGroupSeparator, type AdsButtonGroupSeparatorProps, AdsButtonGroupText, type AdsButtonGroupTextProps, type AdsButtonProps, AdsCalendar, type AdsCalendarCellSize, type AdsCalendarProps, type AdsCalendarSystem, AdsCheckbox, AdsDataPagination, type AdsDataPaginationClassNames, type AdsDataPaginationProps, AdsDataTable, type AdsDataTableColumn, type AdsDataTableExpandable, type AdsDataTablePaginationConfig, type AdsDataTableProps, type AdsDataTableRowSelection, type AdsDataTableSortOrder, type AdsDataTableSortState, AdsDataTableToolbar, type AdsDataTableToolbarProps, AdsDatePicker, type AdsDatePickerProps, AdsDateTimePicker, type AdsDateTimePickerProps, AdsDialog, AdsDialogClose, type AdsDialogCloseProps, AdsDialogContent, type AdsDialogContentProps, AdsDialogDescription, type AdsDialogDescriptionProps, AdsDialogFooter, type AdsDialogFooterProps, AdsDialogHeader, type AdsDialogHeaderProps, AdsDialogOverlay, type AdsDialogOverlayProps, AdsDialogPortal, type AdsDialogPortalProps, type AdsDialogProps, AdsDialogTitle, type AdsDialogTitleProps, AdsDialogTrigger, type AdsDialogTriggerProps, AdsEmpty, AdsEmptyActions, AdsEmptyContent, AdsEmptyDescription, AdsEmptyFooter, AdsEmptyHeader, AdsEmptyMedia, type AdsEmptyProps, AdsEmptyTitle, AdsField, AdsFieldActions, AdsFieldCheckboxRow, AdsFieldChoiceCard, AdsFieldDescription, AdsFieldError, AdsFieldGroup, AdsFieldHeader, AdsFieldItem, AdsFieldLabel, AdsFieldLegend, AdsFieldSeparator, AdsFieldSet, AdsI18nProvider, AdsInput, AdsInputGroup, AdsInputGroupInput, type AdsInputGroupInputProps, type AdsInputGroupProps, AdsInputGroupTextarea, type AdsInputGroupTextareaProps, AdsInputOTP, AdsInputOTPGroup, type AdsInputOTPProps, AdsInputOTPSeparator, AdsInputOTPSlot, type AdsInputProps, type AdsIntent, type AdsLocale, AdsMasonry, type AdsMasonryProps, type AdsMessages, type AdsMessagesOverride, AdsPagination, AdsPaginationContent, type AdsPaginationContentProps, AdsPaginationEllipsis, type AdsPaginationEllipsisProps, AdsPaginationItem, type AdsPaginationItemProps, AdsPaginationLink, type AdsPaginationLinkProps, AdsPaginationNext, type AdsPaginationNextProps, AdsPaginationPrevious, type AdsPaginationPreviousProps, type AdsPaginationProps, AdsPopover, AdsPopoverBody, type AdsPopoverBodyProps, AdsPopoverContent, type AdsPopoverContentProps, AdsPopoverDescription, type AdsPopoverDescriptionProps, AdsPopoverHeader, type AdsPopoverHeaderProps, type AdsPopoverProps, AdsPopoverTitle, type AdsPopoverTitleProps, AdsPopoverTrigger, type AdsPopoverTriggerProps, AdsProgress, type AdsProgressProps, type AdsProgressVariant, AdsRadioGroup, AdsRadioGroupCardOption, AdsRadioGroupOption, AdsSelect, SelectContent as AdsSelectContent, SelectGroup as AdsSelectGroup, SelectItem as AdsSelectItem, SelectLabel as AdsSelectLabel, Select as AdsSelectRoot, SelectScrollDownButton as AdsSelectScrollDownButton, SelectScrollUpButton as AdsSelectScrollUpButton, SelectSeparator as AdsSelectSeparator, SelectTrigger as AdsSelectTrigger, SelectValue as AdsSelectValue, AdsSeparator, type AdsSeparatorProps, type AdsSize, AdsSkeleton, type AdsSkeletonProps, AdsSlider, type AdsSliderProps, AdsSpinner, type AdsSpinnerProps, type AdsSpinnerSize, type AdsSpinnerTone, AdsSwitch, AdsTable, AdsTableBody, AdsTableCaption, AdsTableCell, AdsTableCol, AdsTableColGroup, AdsTableExpandCell, type AdsTableExpandCellProps, AdsTableFooter, AdsTableHead, AdsTableHeader, AdsTableRoot, AdsTableRow, AdsTableScrollArea, type AdsTableScrollAreaProps, AdsTableSelectionCell, type AdsTableSelectionCellProps, AdsTableSortHeader, type AdsTableSortHeaderProps, AdsTableSurface, AdsTabs, AdsTabsContent, type AdsTabsContentProps, AdsTabsList, type AdsTabsListProps, type AdsTabsProps, AdsTabsTrigger, type AdsTabsTriggerProps, AdsTextarea, AdsToast, type AdsToastAction, type AdsToastIntent, AdsToastManager, type AdsToastOptions, type AdsToastProps, AdsToaster, type AdsToasterProps, AdsToggle, AdsToggleGroup, AdsToggleGroupItem, type AdsToggleGroupItemProps, type AdsToggleGroupProps, type AdsToggleProps, AdsTooltip, AdsTooltipArrow, AdsTooltipContent, AdsTooltipProvider, AdsTooltipTrigger, AdsViewCustomersDataTable, type AdsViewCustomersDataTableProps, adsDefaultMessages, useAdsI18n };
+export { AdsAccordion, type AdsAccordionItem, type AdsAccordionMode, type AdsAccordionProps, Alert as AdsAlert, AlertDescription as AdsAlertDescription, AdsAlertDialog, AdsAlertDialogAction, type AdsAlertDialogActionProps, AdsAlertDialogCancel, type AdsAlertDialogCancelProps, AdsAlertDialogContent, type AdsAlertDialogContentProps, AdsAlertDialogDescription, type AdsAlertDialogDescriptionProps, AdsAlertDialogFooter, type AdsAlertDialogFooterProps, AdsAlertDialogHeader, type AdsAlertDialogHeaderProps, AdsAlertDialogOverlay, type AdsAlertDialogOverlayProps, AdsAlertDialogPortal, type AdsAlertDialogPortalProps, type AdsAlertDialogProps, AdsAlertDialogTitle, type AdsAlertDialogTitleProps, AdsAlertDialogTrigger, type AdsAlertDialogTriggerProps, AlertTitle as AdsAlertTitle, AdsBadge, type AdsBadgeProps, AdsBreadcrumb, AdsBreadcrumbEllipsis, type AdsBreadcrumbEllipsisProps, AdsBreadcrumbItem, type AdsBreadcrumbItemProps, AdsBreadcrumbLink, type AdsBreadcrumbLinkProps, AdsBreadcrumbList, type AdsBreadcrumbListProps, AdsBreadcrumbPage, type AdsBreadcrumbPageProps, type AdsBreadcrumbProps, AdsBreadcrumbSeparator, type AdsBreadcrumbSeparatorIcon, type AdsBreadcrumbSeparatorProps, AdsButton, AdsButtonGroup, AdsButtonGroupInput, type AdsButtonGroupInputProps, type AdsButtonGroupProps, AdsButtonGroupSeparator, type AdsButtonGroupSeparatorProps, AdsButtonGroupText, type AdsButtonGroupTextProps, type AdsButtonProps, AdsCalendar, type AdsCalendarCellSize, type AdsCalendarProps, type AdsCalendarSystem, AdsCheckbox, AdsDataPagination, type AdsDataPaginationClassNames, type AdsDataPaginationProps, AdsDataTable, type AdsDataTableColumn, type AdsDataTableExpandable, type AdsDataTablePaginationConfig, type AdsDataTableProps, type AdsDataTableRowSelection, type AdsDataTableSortOrder, type AdsDataTableSortState, AdsDataTableToolbar, type AdsDataTableToolbarProps, AdsDatePicker, type AdsDatePickerProps, AdsDateTimePicker, type AdsDateTimePickerProps, AdsDialog, AdsDialogBody, type AdsDialogBodyProps, AdsDialogClose, type AdsDialogCloseProps, AdsDialogContent, type AdsDialogContentProps, AdsDialogDescription, type AdsDialogDescriptionProps, AdsDialogFooter, type AdsDialogFooterProps, AdsDialogHeader, type AdsDialogHeaderProps, AdsDialogOverlay, type AdsDialogOverlayProps, AdsDialogPortal, type AdsDialogPortalProps, type AdsDialogProps, AdsDialogTitle, type AdsDialogTitleProps, AdsDialogTrigger, type AdsDialogTriggerProps, AdsEmpty, AdsEmptyActions, AdsEmptyContent, AdsEmptyDescription, AdsEmptyFooter, AdsEmptyHeader, AdsEmptyMedia, type AdsEmptyProps, AdsEmptyTitle, AdsField, AdsFieldActions, AdsFieldCheckboxRow, AdsFieldChoiceCard, AdsFieldDescription, AdsFieldError, AdsFieldGroup, AdsFieldHeader, AdsFieldItem, AdsFieldLabel, AdsFieldLegend, AdsFieldSeparator, AdsFieldSet, AdsI18nProvider, AdsInput, AdsInputGroup, AdsInputGroupInput, type AdsInputGroupInputProps, type AdsInputGroupProps, AdsInputGroupTextarea, type AdsInputGroupTextareaProps, AdsInputOTP, AdsInputOTPGroup, type AdsInputOTPProps, AdsInputOTPSeparator, AdsInputOTPSlot, type AdsInputProps, type AdsIntent, type AdsLocale, AdsMasonry, type AdsMasonryProps, type AdsMessages, type AdsMessagesOverride, AdsPagination, AdsPaginationContent, type AdsPaginationContentProps, AdsPaginationEllipsis, type AdsPaginationEllipsisProps, AdsPaginationItem, type AdsPaginationItemProps, AdsPaginationLink, type AdsPaginationLinkProps, AdsPaginationNext, type AdsPaginationNextProps, AdsPaginationPrevious, type AdsPaginationPreviousProps, type AdsPaginationProps, AdsPopover, AdsPopoverBody, type AdsPopoverBodyProps, AdsPopoverContent, type AdsPopoverContentProps, AdsPopoverDescription, type AdsPopoverDescriptionProps, AdsPopoverHeader, type AdsPopoverHeaderProps, type AdsPopoverProps, AdsPopoverTitle, type AdsPopoverTitleProps, AdsPopoverTrigger, type AdsPopoverTriggerProps, AdsProgress, type AdsProgressProps, type AdsProgressVariant, AdsRadioGroup, AdsRadioGroupCardOption, AdsRadioGroupOption, AdsSelect, SelectContent as AdsSelectContent, SelectGroup as AdsSelectGroup, SelectItem as AdsSelectItem, SelectLabel as AdsSelectLabel, Select as AdsSelectRoot, SelectScrollDownButton as AdsSelectScrollDownButton, SelectScrollUpButton as AdsSelectScrollUpButton, SelectSeparator as AdsSelectSeparator, SelectTrigger as AdsSelectTrigger, SelectValue as AdsSelectValue, AdsSeparator, type AdsSeparatorProps, type AdsSize, AdsSkeleton, type AdsSkeletonProps, AdsSlider, type AdsSliderProps, AdsSpinner, type AdsSpinnerProps, type AdsSpinnerSize, type AdsSpinnerTone, AdsSwitch, AdsTable, AdsTableBody, AdsTableCaption, AdsTableCell, AdsTableCol, AdsTableColGroup, AdsTableExpandCell, type AdsTableExpandCellProps, AdsTableFooter, AdsTableHead, AdsTableHeader, AdsTableRoot, AdsTableRow, AdsTableScrollArea, type AdsTableScrollAreaProps, AdsTableSelectionCell, type AdsTableSelectionCellProps, AdsTableSortHeader, type AdsTableSortHeaderProps, AdsTableSurface, AdsTabs, AdsTabsContent, type AdsTabsContentProps, AdsTabsList, type AdsTabsListProps, type AdsTabsProps, AdsTabsTrigger, type AdsTabsTriggerProps, AdsTextarea, AdsToast, type AdsToastAction, type AdsToastIntent, AdsToastManager, type AdsToastOptions, type AdsToastProps, AdsToaster, type AdsToasterProps, AdsToggle, AdsToggleGroup, AdsToggleGroupItem, type AdsToggleGroupItemProps, type AdsToggleGroupProps, type AdsToggleProps, AdsTooltip, AdsTooltipArrow, AdsTooltipContent, AdsTooltipProvider, AdsTooltipTrigger, AdsViewCustomersDataTable, type AdsViewCustomersDataTableProps, adsDefaultMessages, useAdsI18n };

package/dist/index.d.ts

@@ -901,6 +901,7 @@ interface DialogContentProps extends React$1.ComponentPropsWithoutRef<typeof Dia
     hideCloseButton?: boolean;
 }
 type DialogHeaderProps = React$1.HTMLAttributes<HTMLDivElement>;
+type DialogBodyProps = React$1.HTMLAttributes<HTMLDivElement>;
 type DialogFooterProps = React$1.HTMLAttributes<HTMLDivElement>;
 type DialogTitleProps = React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Title>;
 type DialogDescriptionProps = React$1.ComponentPropsWithoutRef<typeof DialogPrimitive.Description>;
@@ -911,6 +912,7 @@ declare const AdsDialogOverlay: React$1.ForwardRefExoticComponent<Omit<DialogPri
 declare const AdsDialogClose: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogCloseProps & React$1.RefAttributes<HTMLButtonElement>, "ref"> & React$1.RefAttributes<HTMLButtonElement>>;
 declare const AdsDialogContent: React$1.ForwardRefExoticComponent<DialogContentProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const AdsDialogHeader: React$1.ForwardRefExoticComponent<DialogHeaderProps & React$1.RefAttributes<HTMLDivElement>>;
+declare const AdsDialogBody: React$1.ForwardRefExoticComponent<DialogBodyProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const AdsDialogFooter: React$1.ForwardRefExoticComponent<DialogFooterProps & React$1.RefAttributes<HTMLDivElement>>;
 declare const AdsDialogTitle: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogTitleProps & React$1.RefAttributes<HTMLHeadingElement>, "ref"> & React$1.RefAttributes<HTMLHeadingElement>>;
 declare const AdsDialogDescription: React$1.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogDescriptionProps & React$1.RefAttributes<HTMLParagraphElement>, "ref"> & React$1.RefAttributes<HTMLParagraphElement>>;
@@ -921,6 +923,7 @@ type AdsDialogOverlayProps = DialogOverlayProps;
 type AdsDialogCloseProps = DialogCloseProps;
 type AdsDialogContentProps = DialogContentProps;
 type AdsDialogHeaderProps = DialogHeaderProps;
+type AdsDialogBodyProps = DialogBodyProps;
 type AdsDialogFooterProps = DialogFooterProps;
 type AdsDialogTitleProps = DialogTitleProps;
 type AdsDialogDescriptionProps = DialogDescriptionProps;
@@ -1088,4 +1091,4 @@ declare function useAdsI18n(): AdsI18nContextValue;
 
 declare const adsDefaultMessages: Record<"en" | "zh", AdsMessages>;
 
-export { AdsAccordion, type AdsAccordionItem, type AdsAccordionMode, type AdsAccordionProps, Alert as AdsAlert, AlertDescription as AdsAlertDescription, AdsAlertDialog, AdsAlertDialogAction, type AdsAlertDialogActionProps, AdsAlertDialogCancel, type AdsAlertDialogCancelProps, AdsAlertDialogContent, type AdsAlertDialogContentProps, AdsAlertDialogDescription, type AdsAlertDialogDescriptionProps, AdsAlertDialogFooter, type AdsAlertDialogFooterProps, AdsAlertDialogHeader, type AdsAlertDialogHeaderProps, AdsAlertDialogOverlay, type AdsAlertDialogOverlayProps, AdsAlertDialogPortal, type AdsAlertDialogPortalProps, type AdsAlertDialogProps, AdsAlertDialogTitle, type AdsAlertDialogTitleProps, AdsAlertDialogTrigger, type AdsAlertDialogTriggerProps, AlertTitle as AdsAlertTitle, AdsBadge, type AdsBadgeProps, AdsBreadcrumb, AdsBreadcrumbEllipsis, type AdsBreadcrumbEllipsisProps, AdsBreadcrumbItem, type AdsBreadcrumbItemProps, AdsBreadcrumbLink, type AdsBreadcrumbLinkProps, AdsBreadcrumbList, type AdsBreadcrumbListProps, AdsBreadcrumbPage, type AdsBreadcrumbPageProps, type AdsBreadcrumbProps, AdsBreadcrumbSeparator, type AdsBreadcrumbSeparatorIcon, type AdsBreadcrumbSeparatorProps, AdsButton, AdsButtonGroup, AdsButtonGroupInput, type AdsButtonGroupInputProps, type AdsButtonGroupProps, AdsButtonGroupSeparator, type AdsButtonGroupSeparatorProps, AdsButtonGroupText, type AdsButtonGroupTextProps, type AdsButtonProps, AdsCalendar, type AdsCalendarCellSize, type AdsCalendarProps, type AdsCalendarSystem, AdsCheckbox, AdsDataPagination, type AdsDataPaginationClassNames, type AdsDataPaginationProps, AdsDataTable, type AdsDataTableColumn, type AdsDataTableExpandable, type AdsDataTablePaginationConfig, type AdsDataTableProps, type AdsDataTableRowSelection, type AdsDataTableSortOrder, type AdsDataTableSortState, AdsDataTableToolbar, type AdsDataTableToolbarProps, AdsDatePicker, type AdsDatePickerProps, AdsDateTimePicker, type AdsDateTimePickerProps, AdsDialog, AdsDialogClose, type AdsDialogCloseProps, AdsDialogContent, type AdsDialogContentProps, AdsDialogDescription, type AdsDialogDescriptionProps, AdsDialogFooter, type AdsDialogFooterProps, AdsDialogHeader, type AdsDialogHeaderProps, AdsDialogOverlay, type AdsDialogOverlayProps, AdsDialogPortal, type AdsDialogPortalProps, type AdsDialogProps, AdsDialogTitle, type AdsDialogTitleProps, AdsDialogTrigger, type AdsDialogTriggerProps, AdsEmpty, AdsEmptyActions, AdsEmptyContent, AdsEmptyDescription, AdsEmptyFooter, AdsEmptyHeader, AdsEmptyMedia, type AdsEmptyProps, AdsEmptyTitle, AdsField, AdsFieldActions, AdsFieldCheckboxRow, AdsFieldChoiceCard, AdsFieldDescription, AdsFieldError, AdsFieldGroup, AdsFieldHeader, AdsFieldItem, AdsFieldLabel, AdsFieldLegend, AdsFieldSeparator, AdsFieldSet, AdsI18nProvider, AdsInput, AdsInputGroup, AdsInputGroupInput, type AdsInputGroupInputProps, type AdsInputGroupProps, AdsInputGroupTextarea, type AdsInputGroupTextareaProps, AdsInputOTP, AdsInputOTPGroup, type AdsInputOTPProps, AdsInputOTPSeparator, AdsInputOTPSlot, type AdsInputProps, type AdsIntent, type AdsLocale, AdsMasonry, type AdsMasonryProps, type AdsMessages, type AdsMessagesOverride, AdsPagination, AdsPaginationContent, type AdsPaginationContentProps, AdsPaginationEllipsis, type AdsPaginationEllipsisProps, AdsPaginationItem, type AdsPaginationItemProps, AdsPaginationLink, type AdsPaginationLinkProps, AdsPaginationNext, type AdsPaginationNextProps, AdsPaginationPrevious, type AdsPaginationPreviousProps, type AdsPaginationProps, AdsPopover, AdsPopoverBody, type AdsPopoverBodyProps, AdsPopoverContent, type AdsPopoverContentProps, AdsPopoverDescription, type AdsPopoverDescriptionProps, AdsPopoverHeader, type AdsPopoverHeaderProps, type AdsPopoverProps, AdsPopoverTitle, type AdsPopoverTitleProps, AdsPopoverTrigger, type AdsPopoverTriggerProps, AdsProgress, type AdsProgressProps, type AdsProgressVariant, AdsRadioGroup, AdsRadioGroupCardOption, AdsRadioGroupOption, AdsSelect, SelectContent as AdsSelectContent, SelectGroup as AdsSelectGroup, SelectItem as AdsSelectItem, SelectLabel as AdsSelectLabel, Select as AdsSelectRoot, SelectScrollDownButton as AdsSelectScrollDownButton, SelectScrollUpButton as AdsSelectScrollUpButton, SelectSeparator as AdsSelectSeparator, SelectTrigger as AdsSelectTrigger, SelectValue as AdsSelectValue, AdsSeparator, type AdsSeparatorProps, type AdsSize, AdsSkeleton, type AdsSkeletonProps, AdsSlider, type AdsSliderProps, AdsSpinner, type AdsSpinnerProps, type AdsSpinnerSize, type AdsSpinnerTone, AdsSwitch, AdsTable, AdsTableBody, AdsTableCaption, AdsTableCell, AdsTableCol, AdsTableColGroup, AdsTableExpandCell, type AdsTableExpandCellProps, AdsTableFooter, AdsTableHead, AdsTableHeader, AdsTableRoot, AdsTableRow, AdsTableScrollArea, type AdsTableScrollAreaProps, AdsTableSelectionCell, type AdsTableSelectionCellProps, AdsTableSortHeader, type AdsTableSortHeaderProps, AdsTableSurface, AdsTabs, AdsTabsContent, type AdsTabsContentProps, AdsTabsList, type AdsTabsListProps, type AdsTabsProps, AdsTabsTrigger, type AdsTabsTriggerProps, AdsTextarea, AdsToast, type AdsToastAction, type AdsToastIntent, AdsToastManager, type AdsToastOptions, type AdsToastProps, AdsToaster, type AdsToasterProps, AdsToggle, AdsToggleGroup, AdsToggleGroupItem, type AdsToggleGroupItemProps, type AdsToggleGroupProps, type AdsToggleProps, AdsTooltip, AdsTooltipArrow, AdsTooltipContent, AdsTooltipProvider, AdsTooltipTrigger, AdsViewCustomersDataTable, type AdsViewCustomersDataTableProps, adsDefaultMessages, useAdsI18n };
+export { AdsAccordion, type AdsAccordionItem, type AdsAccordionMode, type AdsAccordionProps, Alert as AdsAlert, AlertDescription as AdsAlertDescription, AdsAlertDialog, AdsAlertDialogAction, type AdsAlertDialogActionProps, AdsAlertDialogCancel, type AdsAlertDialogCancelProps, AdsAlertDialogContent, type AdsAlertDialogContentProps, AdsAlertDialogDescription, type AdsAlertDialogDescriptionProps, AdsAlertDialogFooter, type AdsAlertDialogFooterProps, AdsAlertDialogHeader, type AdsAlertDialogHeaderProps, AdsAlertDialogOverlay, type AdsAlertDialogOverlayProps, AdsAlertDialogPortal, type AdsAlertDialogPortalProps, type AdsAlertDialogProps, AdsAlertDialogTitle, type AdsAlertDialogTitleProps, AdsAlertDialogTrigger, type AdsAlertDialogTriggerProps, AlertTitle as AdsAlertTitle, AdsBadge, type AdsBadgeProps, AdsBreadcrumb, AdsBreadcrumbEllipsis, type AdsBreadcrumbEllipsisProps, AdsBreadcrumbItem, type AdsBreadcrumbItemProps, AdsBreadcrumbLink, type AdsBreadcrumbLinkProps, AdsBreadcrumbList, type AdsBreadcrumbListProps, AdsBreadcrumbPage, type AdsBreadcrumbPageProps, type AdsBreadcrumbProps, AdsBreadcrumbSeparator, type AdsBreadcrumbSeparatorIcon, type AdsBreadcrumbSeparatorProps, AdsButton, AdsButtonGroup, AdsButtonGroupInput, type AdsButtonGroupInputProps, type AdsButtonGroupProps, AdsButtonGroupSeparator, type AdsButtonGroupSeparatorProps, AdsButtonGroupText, type AdsButtonGroupTextProps, type AdsButtonProps, AdsCalendar, type AdsCalendarCellSize, type AdsCalendarProps, type AdsCalendarSystem, AdsCheckbox, AdsDataPagination, type AdsDataPaginationClassNames, type AdsDataPaginationProps, AdsDataTable, type AdsDataTableColumn, type AdsDataTableExpandable, type AdsDataTablePaginationConfig, type AdsDataTableProps, type AdsDataTableRowSelection, type AdsDataTableSortOrder, type AdsDataTableSortState, AdsDataTableToolbar, type AdsDataTableToolbarProps, AdsDatePicker, type AdsDatePickerProps, AdsDateTimePicker, type AdsDateTimePickerProps, AdsDialog, AdsDialogBody, type AdsDialogBodyProps, AdsDialogClose, type AdsDialogCloseProps, AdsDialogContent, type AdsDialogContentProps, AdsDialogDescription, type AdsDialogDescriptionProps, AdsDialogFooter, type AdsDialogFooterProps, AdsDialogHeader, type AdsDialogHeaderProps, AdsDialogOverlay, type AdsDialogOverlayProps, AdsDialogPortal, type AdsDialogPortalProps, type AdsDialogProps, AdsDialogTitle, type AdsDialogTitleProps, AdsDialogTrigger, type AdsDialogTriggerProps, AdsEmpty, AdsEmptyActions, AdsEmptyContent, AdsEmptyDescription, AdsEmptyFooter, AdsEmptyHeader, AdsEmptyMedia, type AdsEmptyProps, AdsEmptyTitle, AdsField, AdsFieldActions, AdsFieldCheckboxRow, AdsFieldChoiceCard, AdsFieldDescription, AdsFieldError, AdsFieldGroup, AdsFieldHeader, AdsFieldItem, AdsFieldLabel, AdsFieldLegend, AdsFieldSeparator, AdsFieldSet, AdsI18nProvider, AdsInput, AdsInputGroup, AdsInputGroupInput, type AdsInputGroupInputProps, type AdsInputGroupProps, AdsInputGroupTextarea, type AdsInputGroupTextareaProps, AdsInputOTP, AdsInputOTPGroup, type AdsInputOTPProps, AdsInputOTPSeparator, AdsInputOTPSlot, type AdsInputProps, type AdsIntent, type AdsLocale, AdsMasonry, type AdsMasonryProps, type AdsMessages, type AdsMessagesOverride, AdsPagination, AdsPaginationContent, type AdsPaginationContentProps, AdsPaginationEllipsis, type AdsPaginationEllipsisProps, AdsPaginationItem, type AdsPaginationItemProps, AdsPaginationLink, type AdsPaginationLinkProps, AdsPaginationNext, type AdsPaginationNextProps, AdsPaginationPrevious, type AdsPaginationPreviousProps, type AdsPaginationProps, AdsPopover, AdsPopoverBody, type AdsPopoverBodyProps, AdsPopoverContent, type AdsPopoverContentProps, AdsPopoverDescription, type AdsPopoverDescriptionProps, AdsPopoverHeader, type AdsPopoverHeaderProps, type AdsPopoverProps, AdsPopoverTitle, type AdsPopoverTitleProps, AdsPopoverTrigger, type AdsPopoverTriggerProps, AdsProgress, type AdsProgressProps, type AdsProgressVariant, AdsRadioGroup, AdsRadioGroupCardOption, AdsRadioGroupOption, AdsSelect, SelectContent as AdsSelectContent, SelectGroup as AdsSelectGroup, SelectItem as AdsSelectItem, SelectLabel as AdsSelectLabel, Select as AdsSelectRoot, SelectScrollDownButton as AdsSelectScrollDownButton, SelectScrollUpButton as AdsSelectScrollUpButton, SelectSeparator as AdsSelectSeparator, SelectTrigger as AdsSelectTrigger, SelectValue as AdsSelectValue, AdsSeparator, type AdsSeparatorProps, type AdsSize, AdsSkeleton, type AdsSkeletonProps, AdsSlider, type AdsSliderProps, AdsSpinner, type AdsSpinnerProps, type AdsSpinnerSize, type AdsSpinnerTone, AdsSwitch, AdsTable, AdsTableBody, AdsTableCaption, AdsTableCell, AdsTableCol, AdsTableColGroup, AdsTableExpandCell, type AdsTableExpandCellProps, AdsTableFooter, AdsTableHead, AdsTableHeader, AdsTableRoot, AdsTableRow, AdsTableScrollArea, type AdsTableScrollAreaProps, AdsTableSelectionCell, type AdsTableSelectionCellProps, AdsTableSortHeader, type AdsTableSortHeaderProps, AdsTableSurface, AdsTabs, AdsTabsContent, type AdsTabsContentProps, AdsTabsList, type AdsTabsListProps, type AdsTabsProps, AdsTabsTrigger, type AdsTabsTriggerProps, AdsTextarea, AdsToast, type AdsToastAction, type AdsToastIntent, AdsToastManager, type AdsToastOptions, type AdsToastProps, AdsToaster, type AdsToasterProps, AdsToggle, AdsToggleGroup, AdsToggleGroupItem, type AdsToggleGroupItemProps, type AdsToggleGroupProps, type AdsToggleProps, AdsTooltip, AdsTooltipArrow, AdsTooltipContent, AdsTooltipProvider, AdsTooltipTrigger, AdsViewCustomersDataTable, type AdsViewCustomersDataTableProps, adsDefaultMessages, useAdsI18n };

package/dist/index.js

@@ -6126,7 +6126,8 @@ import * as DialogPrimitive from "@radix-ui/react-dialog";
 import { X as X2 } from "lucide-react";
 import { jsx as jsx65, jsxs as jsxs32 } from "react/jsx-runtime";
 var overlayClassName2 = "fixed inset-0 z-50 bg-black/80 backdrop-blur-[2px] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0";
-var contentClassName2 = "fixed left-1/2 top-1/2 z-50 grid max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-[423px] -translate-x-1/2 -translate-y-1/2 gap-lg overflow-y-auto overscroll-contain rounded-radius-md border border-border bg-card p-xl shadow-[0px_4px_6px_-4px_rgba(0,0,0,0.1),0px_10px_15px_-3px_rgba(0,0,0,0.1)] [scrollbar-gutter:stable] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]";
+var contentClassName2 = "fixed left-1/2 top-1/2 z-50 flex max-h-[calc(100dvh-2rem)] w-[calc(100%-2rem)] max-w-[423px] -translate-x-1/2 -translate-y-1/2 flex-col gap-lg overflow-hidden rounded-radius-md border border-border bg-card p-xl shadow-[0px_4px_6px_-4px_rgba(0,0,0,0.1),0px_10px_15px_-3px_rgba(0,0,0,0.1)] duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]";
+var bodyClassName = "min-h-0 flex-1 overflow-y-auto overscroll-contain [scrollbar-gutter:stable]";
 var closeButtonClassName = "absolute right-xl top-xl inline-flex h-6 w-6 items-center justify-center rounded-sm opacity-80 transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-card disabled:pointer-events-none";
 var Dialog = DialogPrimitive.Root;
 var DialogTrigger = DialogPrimitive.Trigger;
@@ -6152,15 +6153,83 @@ var DialogClose = React59.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 DialogClose.displayName = "DialogClose";
+function flattenDialogChildren(children) {
+  const nodes = [];
+  React59.Children.forEach(children, (child) => {
+    if (React59.isValidElement(child) && child.type === React59.Fragment) {
+      nodes.push(...flattenDialogChildren(child.props.children));
+      return;
+    }
+    nodes.push(child);
+  });
+  return nodes;
+}
+function isDialogSlotElement(child, component) {
+  return React59.isValidElement(child) && child.type === component;
+}
+var DialogBody = React59.forwardRef(
+  ({ className, ...props }, ref) => /* @__PURE__ */ jsx65(
+    "div",
+    {
+      className: cn(bodyClassName, className),
+      "data-slot": "ads-dialog-body",
+      ref,
+      ...props
+    }
+  )
+);
+DialogBody.displayName = "DialogBody";
 var DialogContent = React59.forwardRef(
   ({ children, className, closeLabel, hideCloseButton = false, ...props }, ref) => {
     const { messages } = useAdsI18n();
     const resolvedCloseLabel = closeLabel ?? messages.dialog.close;
+    const childNodes = flattenDialogChildren(children);
+    const headerIndex = childNodes.findIndex(
+      (child) => isDialogSlotElement(child, DialogHeader)
+    );
+    let footerIndex = -1;
+    for (let index = childNodes.length - 1; index >= 0; index -= 1) {
+      if (isDialogSlotElement(childNodes[index], DialogFooter)) {
+        footerIndex = index;
+        break;
+      }
+    }
+    const headerNode = headerIndex >= 0 ? childNodes[headerIndex] : null;
+    const generatedHeaderNodes = [];
+    if (headerNode === null) {
+      for (let index = 0; index < childNodes.length; index += 1) {
+        if (index === footerIndex) {
+          break;
+        }
+        const child = childNodes[index];
+        const isHeaderChild = isDialogSlotElement(child, DialogTitle) || isDialogSlotElement(child, DialogDescription);
+        if (!isHeaderChild) {
+          break;
+        }
+        generatedHeaderNodes.push(child);
+      }
+    }
+    const footerNode = footerIndex >= 0 && footerIndex !== headerIndex ? childNodes[footerIndex] : null;
+    const bodyNodes = childNodes.filter(
+      (child, index) => {
+        if (index === headerIndex || index === footerIndex) {
+          return false;
+        }
+        return !generatedHeaderNodes.includes(child);
+      }
+    );
+    const explicitBodyNodes = bodyNodes.filter(
+      (child) => isDialogSlotElement(child, DialogBody)
+    );
+    const looseBodyNodes = bodyNodes.filter(
+      (child) => !isDialogSlotElement(child, DialogBody)
+    );
     return /* @__PURE__ */ jsxs32(DialogPortal, { children: [
       /* @__PURE__ */ jsx65(DialogOverlay, {}),
       /* @__PURE__ */ jsxs32(
         DialogPrimitive.Content,
         {
+          "data-slot": "ads-dialog-content",
           className: cn(
             contentClassName2,
             adsTextColorClassName.card,
@@ -6169,7 +6238,11 @@ var DialogContent = React59.forwardRef(
           ref,
           ...props,
           children: [
-            children,
+            headerNode,
+            headerNode === null && generatedHeaderNodes.length > 0 ? /* @__PURE__ */ jsx65(DialogHeader, { children: generatedHeaderNodes }) : null,
+            explicitBodyNodes.length > 0 ? explicitBodyNodes : null,
+            looseBodyNodes.length > 0 ? /* @__PURE__ */ jsx65(DialogBody, { children: looseBodyNodes }) : null,
+            footerNode,
             !hideCloseButton ? /* @__PURE__ */ jsxs32(
               DialogPrimitive.Close,
               {
@@ -6192,6 +6265,7 @@ var DialogHeader = React59.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx65(
     "div",
     {
+      "data-slot": "ads-dialog-header",
       className: cn("flex flex-col gap-sm pr-8 text-left", className),
       ref,
       ...props
@@ -6203,6 +6277,7 @@ var DialogFooter = React59.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx65(
     "div",
     {
+      "data-slot": "ads-dialog-footer",
       className: cn(
         "flex flex-col-reverse gap-sm sm:flex-row sm:justify-end",
         className
@@ -6242,6 +6317,7 @@ var AdsDialogOverlay = DialogOverlay;
 var AdsDialogClose = DialogClose;
 var AdsDialogContent = DialogContent;
 var AdsDialogHeader = DialogHeader;
+var AdsDialogBody = DialogBody;
 var AdsDialogFooter = DialogFooter;
 var AdsDialogTitle = DialogTitle;
 var AdsDialogDescription = DialogDescription;
@@ -6444,6 +6520,7 @@ export {
   AdsDatePicker,
   AdsDateTimePicker,
   AdsDialog,
+  AdsDialogBody,
   AdsDialogClose,
   AdsDialogContent,
   AdsDialogDescription,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@adsgency_npm/adsgency-ads-ui",
-  "version": "0.1.0-alpha.10",
+  "version": "0.1.0-alpha.11",
   "description": "AdsGency Ads Design System React component library.",
   "private": false,
   "type": "module",

package/dist/chunk-YJFQM6IB.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/tokens/designTokens.ts"],"sourcesContent":["export const designTokens = {\n  background: \"#151619\",\n  foreground: \"#fdfdfd\",\n  card: \"#1b1c21\",\n  cardForeground: \"#fdfdfd\",\n  popover: \"#2a2b2f\",\n  popoverForeground: \"#fdfdfd\",\n  primary: \"#844fff\",\n  primaryForeground: \"#fdfdfd\",\n  secondary: \"#3f4043\",\n  secondaryForeground: \"#fdfdfd\",\n  muted: \"#3f4043\",\n  mutedForeground: \"#7e7f81\",\n  accent: \"#3f4043\",\n  accentForeground: \"#fdfdfd\",\n  destructive: \"#dc2626\",\n  destructiveForeground: \"#ff9b9b\",\n  border: \"#545558\",\n  input: \"#151619\",\n  ring: \"#a984ff\",\n  brandSecondary: \"#af41ff\",\n  brandSecondaryForeground: \"#151619\",\n  brandGradientFrom: \"#6859ff\",\n  brandGradientTo: \"#af41ff\",\n  success: \"#008e61\",\n  successForeground: \"#fdfdfd\",\n  warning: \"#cd6c00\",\n  warningForeground: \"#fdfdfd\",\n  info: \"#844fff\",\n  infoForeground: \"#fdfdfd\",\n  borderMuted: \"#3f4043\",\n  active: \"#422880\",\n  activeForeground: \"#fdfdfd\",\n  labelForeground: \"#a8a9aa\",\n  icon: \"#939496\",\n  iconMuted: \"#545558\",\n  spacing: {\n    xs: \"0.25rem\",\n    sm: \"0.5rem\",\n    md: \"0.75rem\",\n    lg: \"1rem\",\n    xl: \"1.5rem\",\n    \"2xl\": \"2rem\",\n  },\n  radius: {\n    sm: \"0.25rem\",\n    md: \"0.375rem\",\n    lg: \"0.5rem\",\n    xl: \"0.75rem\",\n    full: \"9999px\",\n  },\n  size: {\n    controlHeight: \"2.5rem\",\n    modalWidth: \"42rem\",\n    sidebarWidth: \"17.5rem\",\n  },\n  zIndex: {\n    toolbar: 30,\n    overlay: 40,\n    modal: 50,\n    toast: 60,\n  },\n} as const;\n\nexport type DesignTokens = typeof designTokens;\n"],"mappings":";;;AAAO,IAAM,eAAe;AAAA,EAC1B,YAAY;AAAA,EACZ,YAAY;AAAA,EACZ,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,WAAW;AAAA,EACX,qBAAqB;AAAA,EACrB,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,aAAa;AAAA,EACb,uBAAuB;AAAA,EACvB,QAAQ;AAAA,EACR,OAAO;AAAA,EACP,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,0BAA0B;AAAA,EAC1B,mBAAmB;AAAA,EACnB,iBAAiB;AAAA,EACjB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,SAAS;AAAA,EACT,mBAAmB;AAAA,EACnB,MAAM;AAAA,EACN,gBAAgB;AAAA,EAChB,aAAa;AAAA,EACb,QAAQ;AAAA,EACR,kBAAkB;AAAA,EAClB,iBAAiB;AAAA,EACjB,MAAM;AAAA,EACN,WAAW;AAAA,EACX,SAAS;AAAA,IACP,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,OAAO;AAAA,EACT;AAAA,EACA,QAAQ;AAAA,IACN,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,IAAI;AAAA,IACJ,MAAM;AAAA,EACR;AAAA,EACA,MAAM;AAAA,IACJ,eAAe;AAAA,IACf,YAAY;AAAA,IACZ,cAAc;AAAA,EAChB;AAAA,EACA,QAAQ;AAAA,IACN,SAAS;AAAA,IACT,SAAS;AAAA,IACT,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AACF;","names":[]}