@optiaxiom/react 1.9.36 → 1.9.38

package/dist/esm/packages/react/src/date-range-picker/DateRangePickerContext.js

@@ -1,6 +1,7 @@
 "use client";
-import { createContext } from '@radix-ui/react-context';
-
+"use client";
+import { createContext } from "@radix-ui/react-context";
+//#region src/date-range-picker/DateRangePickerContext.ts
 const [DateRangePickerProvider, useDateRangePickerContext] = createContext("@optiaxiom/react/DateRangePicker");
-
+//#endregion
 export { DateRangePickerProvider, useDateRangePickerContext };

package/dist/esm/packages/react/src/date-range-picker/DateRangePickerTrigger.js

@@ -1,55 +1,42 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import { useId } from '@radix-ui/react-id';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { useFieldLabelTrigger } from '../hooks/useFieldLabelTrigger.js';
-import '../utils/conditions.js';
-import '../utils/isHoverSupported.js';
-import { IconCalendar } from '../icons/IconCalendar.js';
-import '../popover/Popover.js';
-import '../popover/PopoverAnchor.js';
-import '../popover/PopoverContent.js';
-import { PopoverTrigger } from '../popover/PopoverTrigger.js';
-import { useDateRangePickerContext } from './DateRangePickerContext.js';
-
+import { Box } from "../box/Box.js";
+import { useFieldLabelTrigger } from "../hooks/useFieldLabelTrigger.js";
+import { PopoverTrigger } from "../popover/PopoverTrigger.js";
+import { IconCalendar } from "../icons/IconCalendar.js";
+import { useDateRangePickerContext } from "./DateRangePickerContext.js";
+import { useId } from "@radix-ui/react-id";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+//#region src/date-range-picker/DateRangePickerTrigger.tsx
 const dateFormatter = new Intl.DateTimeFormat(void 0, {
-  day: "numeric",
-  month: "short",
-  year: "numeric"
+	day: "numeric",
+	month: "short",
+	year: "numeric"
+});
+/**
+* @group DateRangePicker
+* @extends Button
+*/
+const DateRangePickerTrigger = forwardRef(({ "aria-labelledby": ariaLabelledBy, children, formatRange, placeholder = "Pick a date", ...props }, outerRef) => {
+	const { disabled, triggerRef, value } = useDateRangePickerContext("@optiaxiom/react/DateRangePickerTrigger");
+	const id = useId();
+	const ref = useComposedRefs(outerRef, triggerRef);
+	const labelId = useFieldLabelTrigger(triggerRef, ariaLabelledBy);
+	const formatter = formatRange ? { formatRange } : dateFormatter;
+	return /* @__PURE__ */ jsx(PopoverTrigger, {
+		"aria-labelledby": labelId,
+		disabled,
+		icon: /* @__PURE__ */ jsx(IconCalendar, {}),
+		id,
+		ref,
+		...props,
+		children: children ?? (value ? formatter.formatRange(value.from, value.to) : /* @__PURE__ */ jsx(Box, {
+			color: "fg.tertiary",
+			children: placeholder
+		}))
+	});
 });
-const DateRangePickerTrigger = forwardRef(
-  ({
-    "aria-labelledby": ariaLabelledBy,
-    children,
-    formatRange,
-    placeholder = "Pick a date",
-    ...props
-  }, outerRef) => {
-    const { disabled, triggerRef, value } = useDateRangePickerContext(
-      "@optiaxiom/react/DateRangePickerTrigger"
-    );
-    const id = useId();
-    const ref = useComposedRefs(outerRef, triggerRef);
-    const labelId = useFieldLabelTrigger(triggerRef, ariaLabelledBy);
-    const formatter = formatRange ? { formatRange } : dateFormatter;
-    return /* @__PURE__ */ jsx(
-      PopoverTrigger,
-      {
-        "aria-labelledby": labelId,
-        disabled,
-        icon: /* @__PURE__ */ jsx(IconCalendar, {}),
-        id,
-        ref,
-        ...props,
-        children: children ?? (value ? formatter.formatRange(value.from, value.to) : /* @__PURE__ */ jsx(Box, { color: "fg.tertiary", children: placeholder }))
-      }
-    );
-  }
-);
 DateRangePickerTrigger.displayName = "@optiaxiom/react/DateRangePickerTrigger";
-
+//#endregion
 export { DateRangePickerTrigger };

package/dist/esm/packages/react/src/details-panel/DetailsPanel-css.js

@@ -1,7 +1,16 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-import './../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-DZrVrrcE.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var root$3 = recipeRuntime({base:[{bg:'bg.default',borderColor:'border.secondary',borderL:'1',color:'fg.default',display:'flex',flexDirection:'column',h:'full',overflow:'auto'},'_1u9pnnp']});
-
-export { root$3 as root };
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/details-panel/DetailsPanel.css.ts.vanilla-BmU9ZKmg.css";
+//#region src/details-panel/DetailsPanel.css.ts
+var root = recipeRuntime({ base: [{
+	bg: "bg.default",
+	borderColor: "border.secondary",
+	borderL: "1",
+	color: "fg.default",
+	display: "flex",
+	flexDirection: "column",
+	h: "full",
+	overflow: "auto"
+}, "_1cebnnd"] });
+//#endregion
+export { root };

package/dist/esm/packages/react/src/details-panel/DetailsPanel.js

@@ -1,34 +1,42 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { useId } from '@radix-ui/react-id';
-import { createSlot } from '@radix-ui/react-slot';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { root } from './DetailsPanel-css.js';
-import { DetailsPanelProvider } from './DetailsPanelContext.js';
-
-const Slot$4 = createSlot("@optiaxiom/react/DetailsPanel");
-const DetailsPanel = forwardRef(
-  ({ asChild, children, className, ...props }, ref) => {
-    const Comp = asChild ? Slot$4 : "aside";
-    const labelId = useId();
-    const descriptionId = useId();
-    return /* @__PURE__ */ jsx(DetailsPanelProvider, { descriptionId, labelId, children: /* @__PURE__ */ jsx(
-      Box,
-      {
-        "aria-describedby": descriptionId,
-        "aria-labelledby": labelId,
-        asChild: true,
-        tabIndex: 0,
-        ...root({}, className),
-        ...props,
-        children: /* @__PURE__ */ jsx(Comp, { ref, children })
-      }
-    ) });
-  }
-);
+import { Box } from "../box/Box.js";
+import { root } from "./DetailsPanel-css.js";
+import { DetailsPanelProvider } from "./DetailsPanelContext.js";
+import { useId } from "@radix-ui/react-id";
+import { forwardRef } from "react";
+import { createSlot } from "@radix-ui/react-slot";
+import { jsx } from "react/jsx-runtime";
+//#region src/details-panel/DetailsPanel.tsx
+const Slot = createSlot("@optiaxiom/react/DetailsPanel");
+/**
+* Panel for showing additional content on the right side of the page.
+*
+* @group DetailsPanel
+* @since 1.6.0
+* @experimental
+* @category container
+*/
+const DetailsPanel = forwardRef(({ asChild, children, className, ...props }, ref) => {
+	const Comp = asChild ? Slot : "aside";
+	const labelId = useId();
+	const descriptionId = useId();
+	return /* @__PURE__ */ jsx(DetailsPanelProvider, {
+		descriptionId,
+		labelId,
+		children: /* @__PURE__ */ jsx(Box, {
+			"aria-describedby": descriptionId,
+			"aria-labelledby": labelId,
+			asChild: true,
+			tabIndex: 0,
+			...root({}, className),
+			...props,
+			children: /* @__PURE__ */ jsx(Comp, {
+				ref,
+				children
+			})
+		})
+	});
+});
 DetailsPanel.displayName = "@optiaxiom/react/DetailsPanel";
-
+//#endregion
 export { DetailsPanel };

package/dist/esm/packages/react/src/details-panel/DetailsPanelBody.js

@@ -1,23 +1,23 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Group } from '../group/Group.js';
-
+import { Group } from "../group/Group.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/details-panel/DetailsPanelBody.tsx
+/**
+* @group DetailsPanel
+*/
 const DetailsPanelBody = forwardRef(({ children, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(
-    Group,
-    {
-      flex: "1",
-      flexDirection: "column",
-      fontSize: "md",
-      gap: "16",
-      px: "16",
-      ref,
-      ...props,
-      children
-    }
-  );
+	return /* @__PURE__ */ jsx(Group, {
+		flex: "1",
+		flexDirection: "column",
+		fontSize: "md",
+		gap: "16",
+		px: "16",
+		ref,
+		...props,
+		children
+	});
 });
 DetailsPanelBody.displayName = "@optiaxiom/react/DetailsPanelBody";
-
+//#endregion
 export { DetailsPanelBody };

package/dist/esm/packages/react/src/details-panel/DetailsPanelContext.js

@@ -1,6 +1,7 @@
 "use client";
-import { createContext } from '@radix-ui/react-context';
-
+"use client";
+import { createContext } from "@radix-ui/react-context";
+//#region src/details-panel/DetailsPanelContext.ts
 const [DetailsPanelProvider, useDetailsPanelContext] = createContext("@optiaxiom/react/DetailsPanel");
-
+//#endregion
 export { DetailsPanelProvider, useDetailsPanelContext };

package/dist/esm/packages/react/src/details-panel/DetailsPanelFooter-css.js

@@ -1,7 +1,12 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-import './../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-DIX2vYgv.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var footer = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'16',pt:'8'},'r39afd']});
-
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/details-panel/DetailsPanelFooter.css.ts.vanilla-CaB9gcz_.css";
+//#region src/details-panel/DetailsPanelFooter.css.ts
+var footer = recipeRuntime({ base: [{
+	bg: "bg.default",
+	gap: "8",
+	p: "16",
+	pt: "8"
+}, "_1xzba39"] });
+//#endregion
 export { footer };

package/dist/esm/packages/react/src/details-panel/DetailsPanelFooter.js

@@ -1,13 +1,24 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { ButtonProvider } from '../button/ButtonContext.js';
-import { Group } from '../group/Group.js';
-import { footer } from './DetailsPanelFooter-css.js';
-
+import { ButtonProvider } from "../button/ButtonContext.js";
+import { Group } from "../group/Group.js";
+import { footer } from "./DetailsPanelFooter-css.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/details-panel/DetailsPanelFooter.tsx
+/**
+* @group DetailsPanel
+*/
 const DetailsPanelFooter = forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsx(Group, { ref, ...footer({}, className), ...props, children }) });
+	return /* @__PURE__ */ jsx(ButtonProvider, {
+		size: "lg",
+		children: /* @__PURE__ */ jsx(Group, {
+			ref,
+			...footer({}, className),
+			...props,
+			children
+		})
+	});
 });
 DetailsPanelFooter.displayName = "@optiaxiom/react/DetailsPanelFooter";
-
+//#endregion
 export { DetailsPanelFooter };

package/dist/esm/packages/react/src/details-panel/DetailsPanelHeader-css.js

@@ -1,7 +1,13 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-import './../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-C9KiRstx.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var header = recipeRuntime({base:[{bg:'bg.default',display:'flex',flexWrap:'wrap',p:'16',pb:'8'},'_9sb8ph']});
-
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/details-panel/DetailsPanelHeader.css.ts.vanilla-B8JJZUBe.css";
+//#region src/details-panel/DetailsPanelHeader.css.ts
+var header = recipeRuntime({ base: [{
+	bg: "bg.default",
+	display: "flex",
+	flexWrap: "wrap",
+	p: "16",
+	pb: "8"
+}, "_15pwwoj"] });
+//#endregion
 export { header };

package/dist/esm/packages/react/src/details-panel/DetailsPanelHeader.js

@@ -1,52 +1,55 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { ButtonProvider } from '../button/ButtonContext.js';
-import { Group } from '../group/Group.js';
-import { Heading } from '../heading/Heading.js';
-import { Text } from '../text/Text.js';
-import '../utils/conditions.js';
-import { fallbackSpan } from '../utils/fallbackSpan.js';
-import '../utils/isHoverSupported.js';
-import { useDetailsPanelContext } from './DetailsPanelContext.js';
-import { header } from './DetailsPanelHeader-css.js';
-
-const DetailsPanelHeader = forwardRef(
-  ({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
-    const { descriptionId, labelId } = useDetailsPanelContext(
-      "@optiaxiom/react/DetailsPanelHeader"
-    );
-    return /* @__PURE__ */ jsx(ButtonProvider, { size: "sm", children: /* @__PURE__ */ jsxs(Box, { ref, ...header({}, className), ...props, children: [
-      addonBefore && /* @__PURE__ */ jsx(Group, { gap: "8", children: addonBefore }),
-      /* @__PURE__ */ jsx(
-        Heading,
-        {
-          flex: "1",
-          fontSize: "lg",
-          fontWeight: "600",
-          id: labelId,
-          level: "2",
-          children
-        }
-      ),
-      addonAfter && /* @__PURE__ */ jsx(Group, { gap: "8", children: addonAfter }),
-      description && /* @__PURE__ */ jsx(
-        Text,
-        {
-          asChild: true,
-          color: "fg.secondary",
-          fontSize: "sm",
-          id: descriptionId,
-          w: "full",
-          children: fallbackSpan(description)
-        }
-      )
-    ] }) });
-  }
-);
+import { Box } from "../box/Box.js";
+import { fallbackSpan } from "../utils/fallbackSpan.js";
+import { ButtonProvider } from "../button/ButtonContext.js";
+import { Text } from "../text/Text.js";
+import { Group } from "../group/Group.js";
+import { Heading } from "../heading/Heading.js";
+import { useDetailsPanelContext } from "./DetailsPanelContext.js";
+import { header } from "./DetailsPanelHeader-css.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/details-panel/DetailsPanelHeader.tsx
+/**
+* @group DetailsPanel
+*/
+const DetailsPanelHeader = forwardRef(({ addonAfter, addonBefore, children, className, description, ...props }, ref) => {
+	const { descriptionId, labelId } = useDetailsPanelContext("@optiaxiom/react/DetailsPanelHeader");
+	return /* @__PURE__ */ jsx(ButtonProvider, {
+		size: "sm",
+		children: /* @__PURE__ */ jsxs(Box, {
+			ref,
+			...header({}, className),
+			...props,
+			children: [
+				addonBefore && /* @__PURE__ */ jsx(Group, {
+					gap: "8",
+					children: addonBefore
+				}),
+				/* @__PURE__ */ jsx(Heading, {
+					flex: "1",
+					fontSize: "lg",
+					fontWeight: "600",
+					id: labelId,
+					level: "2",
+					children
+				}),
+				addonAfter && /* @__PURE__ */ jsx(Group, {
+					gap: "8",
+					children: addonAfter
+				}),
+				description && /* @__PURE__ */ jsx(Text, {
+					asChild: true,
+					color: "fg.secondary",
+					fontSize: "sm",
+					id: descriptionId,
+					w: "full",
+					children: fallbackSpan(description)
+				})
+			]
+		})
+	});
+});
 DetailsPanelHeader.displayName = "@optiaxiom/react/DetailsPanelHeader";
-
+//#endregion
 export { DetailsPanelHeader };

package/dist/esm/packages/react/src/dialog/Dialog.js

@@ -1,67 +1,67 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { useControllableState } from '@radix-ui/react-use-controllable-state';
-import { useContext, useState, useRef } from 'react';
-import { DialogKitContext } from '../dialog-kit/DialogKitContext.js';
-import '../dialog-kit/DialogKitProvider.js';
-import '../focus-bookmark/FocusBookmarkProvider.js';
-import { FocusBookmarkRestore } from '../focus-bookmark/FocusBookmarkRestore.js';
-import { NestedDialogProvider } from '../nested-dialog-context/NestedDialogContext.js';
-import { useNestedDialogCount } from '../nested-dialog-context/useNestedDialogCount.js';
-import { DialogProvider } from './DialogContext.js';
-
-function Dialog({
-  children,
-  defaultOpen = false,
-  onOpenChange,
-  open: openProp,
-  ...props
-}) {
-  if (useContext(DialogKitContext)) {
-    throw new Error(
-      "`@optiaxiom/react/Dialog` should not be used explicitly in managed mode.\n\nPlease remove it and only use `@optiaxiom/react/DialogContent` instead."
-    );
-  }
-  const [open, setOpen] = useControllableState({
-    caller: "@optiaxiom/react/Dialog",
-    defaultProp: defaultOpen,
-    onChange: onOpenChange,
-    prop: openProp
-  });
-  const [presence, setPresence] = useState(false);
-  const [nestedDialogCount, setNestedDialogCount] = useNestedDialogCount(
-    "Dialog",
-    open
-  );
-  const cancelRef = useRef(null);
-  const headerRef = useRef(null);
-  const footerRef = useRef(null);
-  return /* @__PURE__ */ jsx(NestedDialogProvider, { onCountChange: setNestedDialogCount, children: /* @__PURE__ */ jsx(
-    RadixDialog.Root,
-    {
-      onOpenChange: setOpen,
-      open: open || presence,
-      ...props,
-      children: /* @__PURE__ */ jsxs(
-        DialogProvider,
-        {
-          cancelRef,
-          footerRef,
-          headerRef,
-          nestedDialogCount,
-          open,
-          presence,
-          setPresence,
-          children: [
-            /* @__PURE__ */ jsx(RadixDialog.Trigger, { asChild: true, children: /* @__PURE__ */ jsx(FocusBookmarkRestore, {}) }),
-            children
-          ]
-        }
-      )
-    }
-  ) });
+import { DialogKitContext } from "../dialog-kit/DialogKitContext.js";
+import { FocusBookmarkRestore } from "../focus-bookmark/FocusBookmarkRestore.js";
+import { NestedDialogProvider } from "../nested-dialog-context/NestedDialogContext.js";
+import { useNestedDialogCount } from "../nested-dialog-context/useNestedDialogCount.js";
+import { DialogProvider } from "./DialogContext.js";
+import { useContext, useRef, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import * as RadixDialog from "@radix-ui/react-dialog";
+//#region src/dialog/Dialog.tsx
+/**
+* Display a modal dialog box.
+*
+* DialogHeader automatically includes a close button (X) in the top-right
+* corner - do not manually add a close button to the header.
+*
+* Use Dialog for forms, data entry, content display, multi-step workflows, and
+* non-critical interactions. For confirmations or destructive actions, use
+* AlertDialog instead (which has no close button and requires explicit user
+* choice).
+*
+* For forms, wrap DialogBody and DialogFooter in DialogForm and use
+* type="submit" on the primary action button.
+*
+* @category overlay
+* @group Dialog
+* @since 0.1.0
+*/
+function Dialog({ children, defaultOpen = false, onOpenChange, open: openProp, ...props }) {
+	if (useContext(DialogKitContext)) throw new Error("`@optiaxiom/react/Dialog` should not be used explicitly in managed mode.\n\nPlease remove it and only use `@optiaxiom/react/DialogContent` instead.");
+	const [open, setOpen] = useControllableState({
+		caller: "@optiaxiom/react/Dialog",
+		defaultProp: defaultOpen,
+		onChange: onOpenChange,
+		prop: openProp
+	});
+	const [presence, setPresence] = useState(false);
+	const [nestedDialogCount, setNestedDialogCount] = useNestedDialogCount("Dialog", open);
+	const cancelRef = useRef(null);
+	const headerRef = useRef(null);
+	const footerRef = useRef(null);
+	return /* @__PURE__ */ jsx(NestedDialogProvider, {
+		onCountChange: setNestedDialogCount,
+		children: /* @__PURE__ */ jsx(RadixDialog.Root, {
+			onOpenChange: setOpen,
+			open: open || presence,
+			...props,
+			children: /* @__PURE__ */ jsxs(DialogProvider, {
+				cancelRef,
+				footerRef,
+				headerRef,
+				nestedDialogCount,
+				open,
+				presence,
+				setPresence,
+				children: [/* @__PURE__ */ jsx(RadixDialog.Trigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(FocusBookmarkRestore, {})
+				}), children]
+			})
+		})
+	});
 }
 Dialog.displayName = "@optiaxiom/react/Dialog";
-
+//#endregion
 export { Dialog };

package/dist/esm/packages/react/src/dialog/DialogBody-css.js

@@ -1,7 +1,15 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-CZ4LjAw2.css';
-import './../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-DPDtpEdO.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var body$1 = recipeRuntime({base:[{flex:'1',flexDirection:'column',fontSize:'md',gap:'16',px:'24',py:'16',z:'0'},'_2knwsj']});
-
-export { body$1 as body };
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-D2KEETGI.css";
+import "./../../../../assets/src/avatar/AvatarGroup.css.ts.vanilla-CdFjsC3-.css";
+//#region src/dialog/DialogBody.css.ts
+var body = recipeRuntime({ base: [{
+	flex: "1",
+	flexDirection: "column",
+	fontSize: "md",
+	gap: "16",
+	px: "24",
+	py: "16",
+	z: "0"
+}, "_4oftvx"] });
+//#endregion
+export { body };

package/dist/esm/packages/react/src/dialog/DialogBody.js

@@ -1,14 +1,20 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { forwardRef } from 'react';
-import { Group } from '../group/Group.js';
-import { body } from './DialogBody-css.js';
-
-const DialogBody = forwardRef(
-  ({ children, className, ...props }, ref) => {
-    return /* @__PURE__ */ jsx(Group, { ref, ...body({}, className), ...props, children });
-  }
-);
+import { Group } from "../group/Group.js";
+import { body } from "./DialogBody-css.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/dialog/DialogBody.tsx
+/**
+* @group Dialog
+*/
+const DialogBody = forwardRef(({ children, className, ...props }, ref) => {
+	return /* @__PURE__ */ jsx(Group, {
+		ref,
+		...body({}, className),
+		...props,
+		children
+	});
+});
 DialogBody.displayName = "@optiaxiom/react/DialogBody";
-
+//#endregion
 export { DialogBody };