@optiaxiom/react 3.0.0-next.4 → 3.0.1

package/dist/esm/packages/react/src/alert-dialog/AlertDialogAction.js

@@ -1,33 +1,34 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { forwardRef, useContext } from 'react';
-import { Button } from '../button/Button.js';
-import '../button/ButtonGroup.js';
-import { DialogKitContext } from '../dialog-kit/DialogKitContext.js';
-import '../dialog-kit/DialogKitProvider.js';
+import { Button } from "../button/Button.js";
+import { DialogKitContext } from "../dialog-kit/DialogKitContext.js";
+import { forwardRef, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as RadixDialog from "@radix-ui/react-dialog";
+//#region src/alert-dialog/AlertDialogAction.tsx
+/**
+* @group AlertDialog
 
+* @extends Button
+*/
 const AlertDialogAction = forwardRef(({ appearance = "danger", asChild, children, onClick, ...props }, ref) => {
-  const { onDismiss } = useContext(DialogKitContext) ?? {};
-  return /* @__PURE__ */ jsx(
-    RadixDialog.Close,
-    {
-      asChild: true,
-      onClick: (event) => {
-        if (onDismiss) {
-          onDismiss(event, "action");
-          if (event.defaultPrevented) {
-            return;
-          }
-        }
-        onClick?.(event);
-      },
-      ref,
-      ...props,
-      children: asChild ? children : /* @__PURE__ */ jsx(Button, { appearance, children })
-    }
-  );
+	const { onDismiss } = useContext(DialogKitContext) ?? {};
+	return /* @__PURE__ */ jsx(RadixDialog.Close, {
+		asChild: true,
+		onClick: (event) => {
+			if (onDismiss) {
+				onDismiss(event, "action");
+				if (event.defaultPrevented) return;
+			}
+			onClick?.(event);
+		},
+		ref,
+		...props,
+		children: asChild ? children : /* @__PURE__ */ jsx(Button, {
+			appearance,
+			children
+		})
+	});
 });
 AlertDialogAction.displayName = "@optiaxiom/react/AlertDialogAction";
-
+//#endregion
 export { AlertDialogAction };

package/dist/esm/packages/react/src/alert-dialog/AlertDialogBody.js

@@ -1,27 +1,28 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { forwardRef } from 'react';
-import { Group } from '../group/Group.js';
-
-const AlertDialogBody = forwardRef(
-  ({ children, ...props }, ref) => /* @__PURE__ */ jsx(
-    Group,
-    {
-      asChild: true,
-      flex: "1",
-      flexDirection: "column",
-      fontSize: "md",
-      gap: "16",
-      px: "24",
-      py: "16",
-      ref,
-      z: "0",
-      ...props,
-      children: /* @__PURE__ */ jsx(RadixDialog.Description, { asChild: true, children: /* @__PURE__ */ jsx("div", { children }) })
-    }
-  )
-);
+import { Group } from "../group/Group.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as RadixDialog from "@radix-ui/react-dialog";
+//#region src/alert-dialog/AlertDialogBody.tsx
+/**
+* @group AlertDialog
+*/
+const AlertDialogBody = forwardRef(({ children, ...props }, ref) => /* @__PURE__ */ jsx(Group, {
+	asChild: true,
+	flex: "1",
+	flexDirection: "column",
+	fontSize: "md",
+	gap: "16",
+	px: "24",
+	py: "16",
+	ref,
+	z: "0",
+	...props,
+	children: /* @__PURE__ */ jsx(RadixDialog.Description, {
+		asChild: true,
+		children: /* @__PURE__ */ jsx("div", { children })
+	})
+}));
 AlertDialogBody.displayName = "@optiaxiom/react/AlertDialogBody";
-
+//#endregion
 export { AlertDialogBody };

package/dist/esm/packages/react/src/alert-dialog/AlertDialogCancel.js

@@ -1,41 +1,37 @@
 "use client";
-import { jsx } from 'react/jsx-runtime';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { forwardRef, useContext } from 'react';
-import { Button } from '../button/Button.js';
-import '../button/ButtonGroup.js';
-import { DialogKitContext } from '../dialog-kit/DialogKitContext.js';
-import '../dialog-kit/DialogKitProvider.js';
-import { useAlertDialogContext } from './AlertDialogContext.js';
-
-const AlertDialogCancel = forwardRef(
-  ({ appearance = "subtle", asChild, children = "Cancel", onClick, ...props }, outerRef) => {
-    const { cancelRef } = useAlertDialogContext(
-      "@optiaxiom/react/AlertDialogCancel"
-    );
-    const { onDismiss } = useContext(DialogKitContext) ?? {};
-    const ref = useComposedRefs(cancelRef, outerRef);
-    return /* @__PURE__ */ jsx(
-      RadixDialog.Close,
-      {
-        asChild: true,
-        onClick: (event) => {
-          if (onDismiss) {
-            onDismiss(event, "cancel");
-            if (event.defaultPrevented) {
-              return;
-            }
-          }
-          onClick?.(event);
-        },
-        ref,
-        ...props,
-        children: asChild ? children : /* @__PURE__ */ jsx(Button, { appearance, children })
-      }
-    );
-  }
-);
+import { Button } from "../button/Button.js";
+import { DialogKitContext } from "../dialog-kit/DialogKitContext.js";
+import { useAlertDialogContext } from "./AlertDialogContext.js";
+import { forwardRef, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import * as RadixDialog from "@radix-ui/react-dialog";
+//#region src/alert-dialog/AlertDialogCancel.tsx
+/**
+* @group AlertDialog
+* @extends Button
+*/
+const AlertDialogCancel = forwardRef(({ appearance = "subtle", asChild, children = "Cancel", onClick, ...props }, outerRef) => {
+	const { cancelRef } = useAlertDialogContext("@optiaxiom/react/AlertDialogCancel");
+	const { onDismiss } = useContext(DialogKitContext) ?? {};
+	const ref = useComposedRefs(cancelRef, outerRef);
+	return /* @__PURE__ */ jsx(RadixDialog.Close, {
+		asChild: true,
+		onClick: (event) => {
+			if (onDismiss) {
+				onDismiss(event, "cancel");
+				if (event.defaultPrevented) return;
+			}
+			onClick?.(event);
+		},
+		ref,
+		...props,
+		children: asChild ? children : /* @__PURE__ */ jsx(Button, {
+			appearance,
+			children
+		})
+	});
+});
 AlertDialogCancel.displayName = "@optiaxiom/react/AlertDialogCancel";
-
+//#endregion
 export { AlertDialogCancel };

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

@@ -1,10 +1,30 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DqgdF9Uj.css';
-import './../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-DTGRyDx3.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var backdrop = recipeRuntime({variants:{hidden:{false:{},true:'_1lrfzkm'}}});
-var content$4 = recipeRuntime({base:[{color:'fg.default',display:'flex',flexDirection:'column',overflow:'auto'},'e56bob'],variants:{size:{sm:'bx12mi',md:'_1exjeic',lg:'_96fhl1'}}});
-var nestedDialogCountVar = 'var(--cm7jxc)';
-var root$4 = recipeRuntime({base:[{alignItems:'center',flexDirection:'column',gap:'0',z:'popover'},'e00ilq']});
-
-export { backdrop, content$4 as content, nestedDialogCountVar, root$4 as root };
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-mKFUr5lc.css";
+import "./../../../../assets/src/alert-dialog/AlertDialogContent.css.ts.vanilla-D2lCLzgt.css";
+//#region src/alert-dialog/AlertDialogContent.css.ts
+var backdrop = recipeRuntime({ variants: { hidden: {
+	false: {},
+	true: "_8za06x"
+} } });
+var content = recipeRuntime({
+	base: [{
+		color: "fg.default",
+		display: "flex",
+		flexDirection: "column",
+		overflow: "auto"
+	}, "_12afdey"],
+	variants: { size: {
+		sm: "_1a27goj",
+		md: "_1v3q1w2",
+		lg: "tfo456"
+	} }
+});
+var nestedDialogCountVar = "var(--_1rw02zk)";
+var root = recipeRuntime({ base: [{
+	alignItems: "center",
+	flexDirection: "column",
+	gap: "0",
+	z: "popover"
+}, "fzkf1a"] });
+//#endregion
+export { backdrop, content, nestedDialogCountVar, root };

package/dist/esm/packages/react/src/alert-dialog/AlertDialogContent.js

@@ -1,123 +1,107 @@
 "use client";
-import { jsx, jsxs } from 'react/jsx-runtime';
-import { ModalProvider } from '@optiaxiom/globals';
-import { useComposedRefs } from '@radix-ui/react-compose-refs';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { assignInlineVars } from '@vanilla-extract/dynamic';
-import { forwardRef, useContext, useRef } from 'react';
-import { Backdrop } from '../backdrop/Backdrop.js';
-import { Box } from '../box/Box.js';
-import '../sprinkles/sprinkles.js';
-import '../sprinkles/sprinklesMerge.js';
-import { DialogKitContext } from '../dialog-kit/DialogKitContext.js';
-import '../dialog-kit/DialogKitProvider.js';
-import { FocusBookmarkProvider } from '../focus-bookmark/FocusBookmarkProvider.js';
-import '../focus-bookmark/FocusBookmarkRestore.js';
-import { Group } from '../group/Group.js';
-import { Paper } from '../paper/Paper.js';
-import { Portal } from '../portal/Portal.js';
-import { Transition } from '../transition/Transition.js';
-import { TransitionGroup } from '../transition/TransitionGroup.js';
-import { backdrop, content, nestedDialogCountVar, root } from './AlertDialogContent-css.js';
-import { useAlertDialogContext } from './AlertDialogContext.js';
-
-const AlertDialogContent = forwardRef(
-  ({
-    children,
-    onCloseAutoFocus,
-    onEscapeKeyDown,
-    onOpenAutoFocus,
-    size = "sm",
-    style,
-    ...props
-  }, outerRef) => {
-    const { cancelRef, nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("@optiaxiom/react/AlertDialogContent");
-    const { onClose, onDismiss } = useContext(DialogKitContext) ?? {};
-    const innerRef = useRef(null);
-    const ref = useComposedRefs(innerRef, outerRef);
-    return /* @__PURE__ */ jsx(
-      TransitionGroup,
-      {
-        onPresenceChange: setPresence,
-        open,
-        presence,
-        children: /* @__PURE__ */ jsxs(Portal, { children: [
-          /* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(
-            Backdrop,
-            {
-              asChild: true,
-              onClick: () => {
-                innerRef.current?.animate(
-                  [
-                    { translate: "6px" },
-                    { translate: "-4px" },
-                    { translate: "4px" }
-                  ],
-                  {
-                    duration: 150
-                  }
-                );
-              },
-              ...backdrop({ hidden: nestedDialogCount > 0 }),
-              children: /* @__PURE__ */ jsx(RadixDialog.Overlay, {})
-            }
-          ) }),
-          /* @__PURE__ */ jsxs(Group, { ...root(), children: [
-            /* @__PURE__ */ jsx(Box, { flex: "1", pointerEvents: "none" }),
-            /* @__PURE__ */ jsx(Transition, { type: "pop", children: /* @__PURE__ */ jsx(
-              Paper,
-              {
-                asChild: true,
-                elevation: "dialog",
-                style: {
-                  ...assignInlineVars({
-                    [nestedDialogCountVar]: `${nestedDialogCount}`
-                  }),
-                  ...style
-                },
-                ...content({ size }),
-                children: /* @__PURE__ */ jsx(
-                  RadixDialog.Content,
-                  {
-                    onCloseAutoFocus: (event) => {
-                      onCloseAutoFocus?.(event);
-                      onClose?.();
-                    },
-                    onEscapeKeyDown: (event) => {
-                      if (onDismiss) {
-                        onDismiss(event, "cancel");
-                        if (event.defaultPrevented) {
-                          return;
-                        }
-                      }
-                      onEscapeKeyDown?.(event);
-                    },
-                    onOpenAutoFocus: (event) => {
-                      onOpenAutoFocus?.(event);
-                      if (event.defaultPrevented) {
-                        return;
-                      }
-                      event.preventDefault();
-                      cancelRef.current?.focus({ preventScroll: true });
-                    },
-                    ref,
-                    role: "alertdialog",
-                    ...props,
-                    onInteractOutside: (event) => event.preventDefault(),
-                    onPointerDownOutside: (event) => event.preventDefault(),
-                    children: /* @__PURE__ */ jsx(ModalProvider, { shardRef: innerRef, children: /* @__PURE__ */ jsx(FocusBookmarkProvider, { containerRef: innerRef, children }) })
-                  }
-                )
-              }
-            ) }),
-            /* @__PURE__ */ jsx(Box, { flex: "1", pointerEvents: "none" }),
-            /* @__PURE__ */ jsx(Box, { flex: "1", pointerEvents: "none" })
-          ] })
-        ] })
-      }
-    );
-  }
-);
+import { Box } from "../box/Box.js";
+import { Group } from "../group/Group.js";
+import { Transition } from "../transition/Transition.js";
+import { TransitionGroup } from "../transition/TransitionGroup.js";
+import { DialogKitContext } from "../dialog-kit/DialogKitContext.js";
+import { FocusBookmarkProvider } from "../focus-bookmark/FocusBookmarkProvider.js";
+import { Backdrop } from "../backdrop/Backdrop.js";
+import { Paper } from "../paper/Paper.js";
+import { Portal } from "../portal/Portal.js";
+import { useAlertDialogContext } from "./AlertDialogContext.js";
+import { backdrop, content, nestedDialogCountVar, root } from "./AlertDialogContent-css.js";
+import { forwardRef, useContext, useRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ModalProvider } from "@optiaxiom/globals";
+import { useComposedRefs } from "@radix-ui/react-compose-refs";
+import * as RadixDialog from "@radix-ui/react-dialog";
+import { assignInlineVars } from "@vanilla-extract/dynamic";
+//#region src/alert-dialog/AlertDialogContent.tsx
+/**
+* @group AlertDialog
+*/
+const AlertDialogContent = forwardRef(({ children, onCloseAutoFocus, onEscapeKeyDown, onOpenAutoFocus, size = "sm", style, ...props }, outerRef) => {
+	const { cancelRef, nestedDialogCount, open, presence, setPresence } = useAlertDialogContext("@optiaxiom/react/AlertDialogContent");
+	const { onClose, onDismiss } = useContext(DialogKitContext) ?? {};
+	const innerRef = useRef(null);
+	const ref = useComposedRefs(innerRef, outerRef);
+	return /* @__PURE__ */ jsx(TransitionGroup, {
+		onPresenceChange: setPresence,
+		open,
+		presence,
+		children: /* @__PURE__ */ jsxs(Portal, { children: [/* @__PURE__ */ jsx(Transition, { children: /* @__PURE__ */ jsx(Backdrop, {
+			asChild: true,
+			onClick: () => {
+				innerRef.current?.animate([
+					{ translate: "6px" },
+					{ translate: "-4px" },
+					{ translate: "4px" }
+				], { duration: 150 });
+			},
+			...backdrop({ hidden: nestedDialogCount > 0 }),
+			children: /* @__PURE__ */ jsx(RadixDialog.Overlay, {})
+		}) }), /* @__PURE__ */ jsxs(Group, {
+			...root(),
+			children: [
+				/* @__PURE__ */ jsx(Box, {
+					flex: "1",
+					pointerEvents: "none"
+				}),
+				/* @__PURE__ */ jsx(Transition, {
+					type: "pop",
+					children: /* @__PURE__ */ jsx(Paper, {
+						asChild: true,
+						elevation: "dialog",
+						style: {
+							...assignInlineVars({ [nestedDialogCountVar]: `${nestedDialogCount}` }),
+							...style
+						},
+						...content({ size }),
+						children: /* @__PURE__ */ jsx(RadixDialog.Content, {
+							onCloseAutoFocus: (event) => {
+								onCloseAutoFocus?.(event);
+								onClose?.();
+							},
+							onEscapeKeyDown: (event) => {
+								if (onDismiss) {
+									onDismiss(event, "cancel");
+									if (event.defaultPrevented) return;
+								}
+								onEscapeKeyDown?.(event);
+							},
+							onOpenAutoFocus: (event) => {
+								onOpenAutoFocus?.(event);
+								if (event.defaultPrevented) return;
+								event.preventDefault();
+								cancelRef.current?.focus({ preventScroll: true });
+							},
+							ref,
+							role: "alertdialog",
+							...props,
+							onInteractOutside: (event) => event.preventDefault(),
+							onPointerDownOutside: (event) => event.preventDefault(),
+							children: /* @__PURE__ */ jsx(ModalProvider, {
+								shardRef: innerRef,
+								children: /* @__PURE__ */ jsx(FocusBookmarkProvider, {
+									containerRef: innerRef,
+									children
+								})
+							})
+						})
+					})
+				}),
+				/* @__PURE__ */ jsx(Box, {
+					flex: "1",
+					pointerEvents: "none"
+				}),
+				/* @__PURE__ */ jsx(Box, {
+					flex: "1",
+					pointerEvents: "none"
+				})
+			]
+		})] })
+	});
+});
 AlertDialogContent.displayName = "@optiaxiom/react/AlertDialogContent";
-
+//#endregion
 export { AlertDialogContent };

package/dist/esm/packages/react/src/alert-dialog/AlertDialogContext.js

@@ -1,6 +1,7 @@
 "use client";
-import { useDialogContext } from '../dialog/DialogContext.js';
-
+"use client";
+import { useDialogContext } from "../dialog/DialogContext.js";
+//#region src/alert-dialog/AlertDialogContext.ts
 const useAlertDialogContext = useDialogContext;
-
+//#endregion
 export { useAlertDialogContext };

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

@@ -1,7 +1,13 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DqgdF9Uj.css';
-import './../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-B5sbtZY3.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var footer = recipeRuntime({base:[{bg:'bg.default',gap:'16',justifyContent:'flex-end',px:'24',py:'20'},'_70pgbs']});
-
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-mKFUr5lc.css";
+import "./../../../../assets/src/alert-dialog/AlertDialogFooter.css.ts.vanilla-C_779oWx.css";
+//#region src/alert-dialog/AlertDialogFooter.css.ts
+var footer = recipeRuntime({ base: [{
+	bg: "bg.default",
+	gap: "16",
+	justifyContent: "flex-end",
+	px: "24",
+	py: "20"
+}, "_1tmfusn"] });
+//#endregion
 export { footer };

package/dist/esm/packages/react/src/alert-dialog/AlertDialogFooter.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 './AlertDialogFooter-css.js';
-
+import { ButtonProvider } from "../button/ButtonContext.js";
+import { Group } from "../group/Group.js";
+import { footer } from "./AlertDialogFooter-css.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/alert-dialog/AlertDialogFooter.tsx
+/**
+* @group AlertDialog
+*/
 const AlertDialogFooter = forwardRef(({ children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsx(ButtonProvider, { size: "lg", children: /* @__PURE__ */ jsx(Group, { ...footer({}, className), ref, ...props, children }) });
+	return /* @__PURE__ */ jsx(ButtonProvider, {
+		size: "lg",
+		children: /* @__PURE__ */ jsx(Group, {
+			...footer({}, className),
+			ref,
+			...props,
+			children
+		})
+	});
 });
 AlertDialogFooter.displayName = "@optiaxiom/react/AlertDialogFooter";
-
+//#endregion
 export { AlertDialogFooter };

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

@@ -1,7 +1,13 @@
-import './../../../../assets/src/layers/layers.css.ts.vanilla-DqgdF9Uj.css';
-import './../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-DyTl-aBY.css';
-import { recipeRuntime } from '../vanilla-extract/recipeRuntime.js';
-
-var header$1 = recipeRuntime({base:[{bg:'bg.default',gap:'8',p:'24',pb:'16',z:'10'},'_1dn2vry']});
-
-export { header$1 as header };
+import { recipeRuntime } from "../vanilla-extract/recipeRuntime.js";
+import "./../../../../assets/src/layers/layers.css.ts.vanilla-mKFUr5lc.css";
+import "./../../../../assets/src/alert-dialog/AlertDialogHeader.css.ts.vanilla-Cbrs2wlt.css";
+//#region src/alert-dialog/AlertDialogHeader.css.ts
+var header = recipeRuntime({ base: [{
+	bg: "bg.default",
+	gap: "8",
+	p: "24",
+	pb: "16",
+	z: "10"
+}, "_19qne1"] });
+//#endregion
+export { header };

package/dist/esm/packages/react/src/alert-dialog/AlertDialogHeader.js

@@ -1,21 +1,34 @@
 "use client";
-import { jsxs, jsx } from 'react/jsx-runtime';
-import * as RadixDialog from '@radix-ui/react-dialog';
-import { forwardRef } from 'react';
-import { Group } from '../group/Group.js';
-import { Heading } from '../heading/Heading.js';
-import { Icon } from '../icon/Icon.js';
-import '../utils/conditions.js';
-import { fallbackSpan } from '../utils/fallbackSpan.js';
-import '../utils/isHoverSupported.js';
-import { header } from './AlertDialogHeader-css.js';
-
+import { fallbackSpan } from "../utils/fallbackSpan.js";
+import { Icon } from "../icon/Icon.js";
+import { Group } from "../group/Group.js";
+import { Heading } from "../heading/Heading.js";
+import { header } from "./AlertDialogHeader-css.js";
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as RadixDialog from "@radix-ui/react-dialog";
+//#region src/alert-dialog/AlertDialogHeader.tsx
+/**
+* @group AlertDialog
+*/
 const AlertDialogHeader = forwardRef(({ addonBefore, children, className, ...props }, ref) => {
-  return /* @__PURE__ */ jsxs(Group, { ref, ...header({}, className), ...props, children: [
-    /* @__PURE__ */ jsx(Icon, { asChild: true, color: "fg.error", children: addonBefore && fallbackSpan(addonBefore) }),
-    /* @__PURE__ */ jsx(Heading, { asChild: true, color: "fg.default", fontWeight: "500", level: "3", children: /* @__PURE__ */ jsx(RadixDialog.Title, { children }) })
-  ] });
+	return /* @__PURE__ */ jsxs(Group, {
+		ref,
+		...header({}, className),
+		...props,
+		children: [/* @__PURE__ */ jsx(Icon, {
+			asChild: true,
+			color: "fg.error",
+			children: addonBefore && fallbackSpan(addonBefore)
+		}), /* @__PURE__ */ jsx(Heading, {
+			asChild: true,
+			color: "fg.default",
+			fontWeight: "500",
+			level: "3",
+			children: /* @__PURE__ */ jsx(RadixDialog.Title, { children })
+		})]
+	});
 });
 AlertDialogHeader.displayName = "@optiaxiom/react/AlertDialogHeader";
-
+//#endregion
 export { AlertDialogHeader };