jaci-ui 0.1.0

package/dist/components/alert-dialog/alert-dialog.cjs

@@ -0,0 +1,147 @@
+"use client";
+const require_cx = require("../../styled-system/css/cx.cjs");
+const require_base_ui = require("../base-ui.cjs");
+const require_dialog = require("../../styled-system/recipes/dialog.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_alert_dialog = require("@base-ui/react/alert-dialog");
+//#region src/components/alert-dialog/alert-dialog.tsx
+function AlertDialogRoot(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Root, { ...props });
+}
+const AlertDialogTrigger = (0, react.forwardRef)(function AlertDialogTrigger({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Trigger, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_dialog.dialog().trigger, className),
+		"data-slot": "alert-dialog-trigger"
+	});
+});
+const AlertDialogPortal = _base_ui_react_alert_dialog.AlertDialog.Portal;
+const AlertDialogBackdrop = (0, react.forwardRef)(function AlertDialogBackdrop({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Backdrop, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_dialog.dialog().backdrop, className),
+		"data-slot": "alert-dialog-backdrop"
+	});
+});
+const AlertDialogViewport = (0, react.forwardRef)(function AlertDialogViewport({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Viewport, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_dialog.dialog().viewport, className),
+		"data-slot": "alert-dialog-viewport"
+	});
+});
+const AlertDialogPopup = (0, react.forwardRef)(function AlertDialogPopup({ className, size = "md", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Popup, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_dialog.dialog({ size }).popup, className),
+		"data-jaci-component": "alert-dialog",
+		"data-slot": "alert-dialog-popup"
+	});
+});
+const AlertDialogHeader = (0, react.forwardRef)(function AlertDialogHeader({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_dialog.dialog().header, className),
+		"data-slot": "alert-dialog-header"
+	});
+});
+const AlertDialogTitle = (0, react.forwardRef)(function AlertDialogTitle({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Title, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_dialog.dialog().title, className),
+		"data-slot": "alert-dialog-title"
+	});
+});
+const AlertDialogDescription = (0, react.forwardRef)(function AlertDialogDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Description, {
+		...props,
+		ref,
+		className: require_base_ui.withRecipeClassName(require_dialog.dialog().description, className),
+		"data-slot": "alert-dialog-description"
+	});
+});
+const AlertDialogBody = (0, react.forwardRef)(function AlertDialogBody({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_dialog.dialog().body, className),
+		"data-slot": "alert-dialog-body"
+	});
+});
+const AlertDialogFooter = (0, react.forwardRef)(function AlertDialogFooter({ className, ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)("div", {
+		...props,
+		ref,
+		className: require_cx.cx(require_dialog.dialog().footer, className),
+		"data-slot": "alert-dialog-footer"
+	});
+});
+const AlertDialogClose = (0, react.forwardRef)(function AlertDialogClose({ "aria-label": ariaLabel, children, className, "data-slot": dataSlot, ...props }, ref) {
+	const hasVisibleLabel = children != null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_alert_dialog.AlertDialog.Close, {
+		...props,
+		"aria-label": ariaLabel ?? (hasVisibleLabel ? void 0 : "Close alert dialog"),
+		ref,
+		className: require_base_ui.withRecipeClassName(hasVisibleLabel ? require_dialog.dialog().action : require_dialog.dialog().close, className),
+		"data-slot": dataSlot ?? "alert-dialog-close",
+		children: children ?? "×"
+	});
+});
+const AlertDialogCancel = (0, react.forwardRef)(function AlertDialogCancel({ children = "Cancel", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AlertDialogClose, {
+		...props,
+		ref,
+		"data-slot": "alert-dialog-cancel",
+		children
+	});
+});
+const AlertDialogAction = (0, react.forwardRef)(function AlertDialogAction({ children = "Continue", ...props }, ref) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AlertDialogClose, {
+		...props,
+		ref,
+		"data-slot": "alert-dialog-action",
+		children
+	});
+});
+const AlertDialog = {
+	Root: AlertDialogRoot,
+	Trigger: AlertDialogTrigger,
+	Portal: AlertDialogPortal,
+	Backdrop: AlertDialogBackdrop,
+	Viewport: AlertDialogViewport,
+	Popup: AlertDialogPopup,
+	Header: AlertDialogHeader,
+	Title: AlertDialogTitle,
+	Description: AlertDialogDescription,
+	Body: AlertDialogBody,
+	Footer: AlertDialogFooter,
+	Close: AlertDialogClose,
+	Cancel: AlertDialogCancel,
+	Action: AlertDialogAction,
+	createHandle: _base_ui_react_alert_dialog.AlertDialog.createHandle
+};
+//#endregion
+exports.AlertDialog = AlertDialog;
+exports.AlertDialogAction = AlertDialogAction;
+exports.AlertDialogBackdrop = AlertDialogBackdrop;
+exports.AlertDialogBody = AlertDialogBody;
+exports.AlertDialogCancel = AlertDialogCancel;
+exports.AlertDialogClose = AlertDialogClose;
+exports.AlertDialogDescription = AlertDialogDescription;
+exports.AlertDialogFooter = AlertDialogFooter;
+exports.AlertDialogHeader = AlertDialogHeader;
+exports.AlertDialogPopup = AlertDialogPopup;
+exports.AlertDialogPortal = AlertDialogPortal;
+exports.AlertDialogRoot = AlertDialogRoot;
+exports.AlertDialogTitle = AlertDialogTitle;
+exports.AlertDialogTrigger = AlertDialogTrigger;
+exports.AlertDialogViewport = AlertDialogViewport;
+
+//# sourceMappingURL=alert-dialog.cjs.map

package/dist/components/alert-dialog/alert-dialog.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.cjs","names":["BaseAlertDialog","withRecipeClassName","dialog","cx"],"sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { AlertDialog as BaseAlertDialog } from \"@base-ui/react/alert-dialog\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { AlertDialogRoot as BaseAlertDialogRoot } from \"@base-ui/react/alert-dialog\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dialog } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport type { DialogSize } from \"../dialog\";\n\n/**\n * A modal confirmation primitive with Base UI's focus trap, Escape handling,\n * and accessible alert-dialog semantics.\n */\nexport type AlertDialogRootProps<Payload = unknown> = BaseAlertDialogRoot.Props<Payload>;\n\nexport function AlertDialogRoot<Payload = unknown>(props: AlertDialogRootProps<Payload>) {\n  return <BaseAlertDialog.Root {...props} />;\n}\n\nexport type AlertDialogTriggerProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Trigger>;\n\nexport const AlertDialogTrigger = forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  function AlertDialogTrigger({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().trigger, className)}\n        data-slot=\"alert-dialog-trigger\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogPortalProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Portal>;\nexport const AlertDialogPortal: typeof BaseAlertDialog.Portal = BaseAlertDialog.Portal;\n\nexport type AlertDialogBackdropProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Backdrop>;\n\nexport const AlertDialogBackdrop = forwardRef<HTMLDivElement, AlertDialogBackdropProps>(\n  function AlertDialogBackdrop({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().backdrop, className)}\n        data-slot=\"alert-dialog-backdrop\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogViewportProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Viewport>;\n\nexport const AlertDialogViewport = forwardRef<HTMLDivElement, AlertDialogViewportProps>(\n  function AlertDialogViewport({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().viewport, className)}\n        data-slot=\"alert-dialog-viewport\"\n      />\n    );\n  },\n);\n\nexport interface AlertDialogPopupProps\n  extends ComponentPropsWithoutRef<typeof BaseAlertDialog.Popup> {\n  size?: DialogSize;\n}\n\nexport const AlertDialogPopup = forwardRef<HTMLDivElement, AlertDialogPopupProps>(\n  function AlertDialogPopup({ className, size = \"md\", ...props }, ref) {\n    return (\n      <BaseAlertDialog.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog({ size }).popup, className)}\n        data-jaci-component=\"alert-dialog\"\n        data-slot=\"alert-dialog-popup\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogHeader = forwardRef<HTMLDivElement, AlertDialogHeaderProps>(\n  function AlertDialogHeader({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().header, className)}\n        data-slot=\"alert-dialog-header\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogTitleProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Title>;\n\nexport const AlertDialogTitle = forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(\n  function AlertDialogTitle({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Title\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().title, className)}\n        data-slot=\"alert-dialog-title\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogDescriptionProps = ComponentPropsWithoutRef<\n  typeof BaseAlertDialog.Description\n>;\n\nexport const AlertDialogDescription = forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  function AlertDialogDescription({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().description, className)}\n        data-slot=\"alert-dialog-description\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogBodyProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogBody = forwardRef<HTMLDivElement, AlertDialogBodyProps>(\n  function AlertDialogBody({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().body, className)}\n        data-slot=\"alert-dialog-body\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogFooterProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogFooter = forwardRef<HTMLDivElement, AlertDialogFooterProps>(\n  function AlertDialogFooter({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().footer, className)}\n        data-slot=\"alert-dialog-footer\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogCloseProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Close> & {\n  \"data-slot\"?: string;\n};\n\nexport const AlertDialogClose = forwardRef<HTMLButtonElement, AlertDialogCloseProps>(\n  function AlertDialogClose(\n    { \"aria-label\": ariaLabel, children, className, \"data-slot\": dataSlot, ...props },\n    ref,\n  ) {\n    const hasVisibleLabel = children != null;\n\n    return (\n      <BaseAlertDialog.Close\n        {...props}\n        aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close alert dialog\")}\n        ref={ref}\n        className={withRecipeClassName(\n          hasVisibleLabel ? dialog().action : dialog().close,\n          className,\n        )}\n        data-slot={dataSlot ?? \"alert-dialog-close\"}\n      >\n        {children ?? \"×\"}\n      </BaseAlertDialog.Close>\n    );\n  },\n);\n\nexport type AlertDialogCancelProps = AlertDialogCloseProps;\n\nexport const AlertDialogCancel = forwardRef<HTMLButtonElement, AlertDialogCancelProps>(\n  function AlertDialogCancel({ children = \"Cancel\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-cancel\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport type AlertDialogActionProps = AlertDialogCloseProps;\n\nexport const AlertDialogAction = forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  function AlertDialogAction({ children = \"Continue\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-action\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport const AlertDialog = {\n  Root: AlertDialogRoot,\n  Trigger: AlertDialogTrigger,\n  Portal: AlertDialogPortal,\n  Backdrop: AlertDialogBackdrop,\n  Viewport: AlertDialogViewport,\n  Popup: AlertDialogPopup,\n  Header: AlertDialogHeader,\n  Title: AlertDialogTitle,\n  Description: AlertDialogDescription,\n  Body: AlertDialogBody,\n  Footer: AlertDialogFooter,\n  Close: AlertDialogClose,\n  Cancel: AlertDialogCancel,\n  Action: AlertDialogAction,\n  createHandle: BaseAlertDialog.createHandle,\n};\n"],"mappings":"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"}

package/dist/components/alert-dialog/alert-dialog.d.cts

@@ -0,0 +1,73 @@
+import { DialogSize } from "../dialog/dialog.cjs";
+import "../dialog/index.cjs";
+import { ComponentPropsWithoutRef } from "react";
+import { AlertDialog, AlertDialogRoot } from "@base-ui/react/alert-dialog";
+//#region src/components/alert-dialog/alert-dialog.d.ts
+/**
+ * A modal confirmation primitive with Base UI's focus trap, Escape handling,
+ * and accessible alert-dialog semantics.
+ */
+type AlertDialogRootProps<Payload = unknown> = AlertDialogRoot.Props<Payload>;
+declare function AlertDialogRoot$1<Payload = unknown>(props: AlertDialogRootProps<Payload>): import("react").JSX.Element;
+type AlertDialogTriggerProps = ComponentPropsWithoutRef<typeof AlertDialog.Trigger>;
+declare const AlertDialogTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogTriggerProps<unknown>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type AlertDialogPortalProps = ComponentPropsWithoutRef<typeof AlertDialog.Portal>;
+declare const AlertDialogPortal: typeof AlertDialog.Portal;
+type AlertDialogBackdropProps = ComponentPropsWithoutRef<typeof AlertDialog.Backdrop>;
+declare const AlertDialogBackdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type AlertDialogViewportProps = ComponentPropsWithoutRef<typeof AlertDialog.Viewport>;
+declare const AlertDialogViewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+interface AlertDialogPopupProps extends ComponentPropsWithoutRef<typeof AlertDialog.Popup> {
+  size?: DialogSize;
+}
+declare const AlertDialogPopup: import("react").ForwardRefExoticComponent<AlertDialogPopupProps & import("react").RefAttributes<HTMLDivElement>>;
+type AlertDialogHeaderProps = ComponentPropsWithoutRef<"div">;
+declare const AlertDialogHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type AlertDialogTitleProps = ComponentPropsWithoutRef<typeof AlertDialog.Title>;
+declare const AlertDialogTitle: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+type AlertDialogDescriptionProps = ComponentPropsWithoutRef<typeof AlertDialog.Description>;
+declare const AlertDialogDescription: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+type AlertDialogBodyProps = ComponentPropsWithoutRef<"div">;
+declare const AlertDialogBody: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type AlertDialogFooterProps = ComponentPropsWithoutRef<"div">;
+declare const AlertDialogFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type AlertDialogCloseProps = ComponentPropsWithoutRef<typeof AlertDialog.Close> & {
+  "data-slot"?: string;
+};
+declare const AlertDialogClose: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+  "data-slot"?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+type AlertDialogCancelProps = AlertDialogCloseProps;
+declare const AlertDialogCancel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+  "data-slot"?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+type AlertDialogActionProps = AlertDialogCloseProps;
+declare const AlertDialogAction: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+  "data-slot"?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+declare const AlertDialog$1: {
+  Root: typeof AlertDialogRoot$1;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogTriggerProps<unknown>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Backdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Viewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Popup: import("react").ForwardRefExoticComponent<AlertDialogPopupProps & import("react").RefAttributes<HTMLDivElement>>;
+  Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Title: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+  Description: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+  Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Close: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    "data-slot"?: string;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  Cancel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    "data-slot"?: string;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  Action: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    "data-slot"?: string;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  createHandle: typeof AlertDialog.createHandle;
+};
+//#endregion
+export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogBackdrop, AlertDialogBackdropProps, AlertDialogBody, AlertDialogBodyProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogClose, AlertDialogCloseProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogPopup, AlertDialogPopupProps, AlertDialogPortal, AlertDialogPortalProps, AlertDialogRoot$1 as AlertDialogRoot, AlertDialogRootProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps, AlertDialogViewport, AlertDialogViewportProps };
+//# sourceMappingURL=alert-dialog.d.cts.map

package/dist/components/alert-dialog/alert-dialog.d.ts

@@ -0,0 +1,73 @@
+import { DialogSize } from "../dialog/dialog.js";
+import "../dialog/index.js";
+import { ComponentPropsWithoutRef } from "react";
+import { AlertDialog, AlertDialogRoot } from "@base-ui/react/alert-dialog";
+//#region src/components/alert-dialog/alert-dialog.d.ts
+/**
+ * A modal confirmation primitive with Base UI's focus trap, Escape handling,
+ * and accessible alert-dialog semantics.
+ */
+type AlertDialogRootProps<Payload = unknown> = AlertDialogRoot.Props<Payload>;
+declare function AlertDialogRoot$1<Payload = unknown>(props: AlertDialogRootProps<Payload>): import("react").JSX.Element;
+type AlertDialogTriggerProps = ComponentPropsWithoutRef<typeof AlertDialog.Trigger>;
+declare const AlertDialogTrigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogTriggerProps<unknown>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+type AlertDialogPortalProps = ComponentPropsWithoutRef<typeof AlertDialog.Portal>;
+declare const AlertDialogPortal: typeof AlertDialog.Portal;
+type AlertDialogBackdropProps = ComponentPropsWithoutRef<typeof AlertDialog.Backdrop>;
+declare const AlertDialogBackdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type AlertDialogViewportProps = ComponentPropsWithoutRef<typeof AlertDialog.Viewport>;
+declare const AlertDialogViewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+interface AlertDialogPopupProps extends ComponentPropsWithoutRef<typeof AlertDialog.Popup> {
+  size?: DialogSize;
+}
+declare const AlertDialogPopup: import("react").ForwardRefExoticComponent<AlertDialogPopupProps & import("react").RefAttributes<HTMLDivElement>>;
+type AlertDialogHeaderProps = ComponentPropsWithoutRef<"div">;
+declare const AlertDialogHeader: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type AlertDialogTitleProps = ComponentPropsWithoutRef<typeof AlertDialog.Title>;
+declare const AlertDialogTitle: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+type AlertDialogDescriptionProps = ComponentPropsWithoutRef<typeof AlertDialog.Description>;
+declare const AlertDialogDescription: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+type AlertDialogBodyProps = ComponentPropsWithoutRef<"div">;
+declare const AlertDialogBody: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type AlertDialogFooterProps = ComponentPropsWithoutRef<"div">;
+declare const AlertDialogFooter: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+type AlertDialogCloseProps = ComponentPropsWithoutRef<typeof AlertDialog.Close> & {
+  "data-slot"?: string;
+};
+declare const AlertDialogClose: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+  "data-slot"?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+type AlertDialogCancelProps = AlertDialogCloseProps;
+declare const AlertDialogCancel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+  "data-slot"?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+type AlertDialogActionProps = AlertDialogCloseProps;
+declare const AlertDialogAction: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+  "data-slot"?: string;
+} & import("react").RefAttributes<HTMLButtonElement>>;
+declare const AlertDialog$1: {
+  Root: typeof AlertDialogRoot$1;
+  Trigger: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogTriggerProps<unknown>, "ref"> & import("react").RefAttributes<HTMLButtonElement>>;
+  Portal: import("react").ForwardRefExoticComponent<Omit<import("@base-ui/react").AlertDialogPortalProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Backdrop: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogBackdropProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Viewport: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogViewportProps, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Popup: import("react").ForwardRefExoticComponent<AlertDialogPopupProps & import("react").RefAttributes<HTMLDivElement>>;
+  Header: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Title: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogTitleProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+  Description: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogDescriptionProps, "ref"> & import("react").RefAttributes<HTMLParagraphElement>, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
+  Body: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Footer: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  Close: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    "data-slot"?: string;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  Cancel: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    "data-slot"?: string;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  Action: import("react").ForwardRefExoticComponent<Omit<Omit<import("@base-ui/react").AlertDialogCloseProps, "ref"> & import("react").RefAttributes<HTMLButtonElement>, "ref"> & {
+    "data-slot"?: string;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  createHandle: typeof AlertDialog.createHandle;
+};
+//#endregion
+export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogBackdrop, AlertDialogBackdropProps, AlertDialogBody, AlertDialogBodyProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogClose, AlertDialogCloseProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogPopup, AlertDialogPopupProps, AlertDialogPortal, AlertDialogPortalProps, AlertDialogRoot$1 as AlertDialogRoot, AlertDialogRootProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps, AlertDialogViewport, AlertDialogViewportProps };
+//# sourceMappingURL=alert-dialog.d.ts.map

package/dist/components/alert-dialog/alert-dialog.js

@@ -0,0 +1,133 @@
+"use client";
+import { cx } from "../../styled-system/css/cx.js";
+import { withRecipeClassName } from "../base-ui.js";
+import { dialog } from "../../styled-system/recipes/dialog.js";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { AlertDialog } from "@base-ui/react/alert-dialog";
+//#region src/components/alert-dialog/alert-dialog.tsx
+function AlertDialogRoot$1(props) {
+	return /* @__PURE__ */ jsx(AlertDialog.Root, { ...props });
+}
+const AlertDialogTrigger = forwardRef(function AlertDialogTrigger({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(AlertDialog.Trigger, {
+		...props,
+		ref,
+		className: withRecipeClassName(dialog().trigger, className),
+		"data-slot": "alert-dialog-trigger"
+	});
+});
+const AlertDialogPortal = AlertDialog.Portal;
+const AlertDialogBackdrop = forwardRef(function AlertDialogBackdrop({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(AlertDialog.Backdrop, {
+		...props,
+		ref,
+		className: withRecipeClassName(dialog().backdrop, className),
+		"data-slot": "alert-dialog-backdrop"
+	});
+});
+const AlertDialogViewport = forwardRef(function AlertDialogViewport({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(AlertDialog.Viewport, {
+		...props,
+		ref,
+		className: withRecipeClassName(dialog().viewport, className),
+		"data-slot": "alert-dialog-viewport"
+	});
+});
+const AlertDialogPopup = forwardRef(function AlertDialogPopup({ className, size = "md", ...props }, ref) {
+	return /* @__PURE__ */ jsx(AlertDialog.Popup, {
+		...props,
+		ref,
+		className: withRecipeClassName(dialog({ size }).popup, className),
+		"data-jaci-component": "alert-dialog",
+		"data-slot": "alert-dialog-popup"
+	});
+});
+const AlertDialogHeader = forwardRef(function AlertDialogHeader({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(dialog().header, className),
+		"data-slot": "alert-dialog-header"
+	});
+});
+const AlertDialogTitle = forwardRef(function AlertDialogTitle({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(AlertDialog.Title, {
+		...props,
+		ref,
+		className: withRecipeClassName(dialog().title, className),
+		"data-slot": "alert-dialog-title"
+	});
+});
+const AlertDialogDescription = forwardRef(function AlertDialogDescription({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx(AlertDialog.Description, {
+		...props,
+		ref,
+		className: withRecipeClassName(dialog().description, className),
+		"data-slot": "alert-dialog-description"
+	});
+});
+const AlertDialogBody = forwardRef(function AlertDialogBody({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(dialog().body, className),
+		"data-slot": "alert-dialog-body"
+	});
+});
+const AlertDialogFooter = forwardRef(function AlertDialogFooter({ className, ...props }, ref) {
+	return /* @__PURE__ */ jsx("div", {
+		...props,
+		ref,
+		className: cx(dialog().footer, className),
+		"data-slot": "alert-dialog-footer"
+	});
+});
+const AlertDialogClose = forwardRef(function AlertDialogClose({ "aria-label": ariaLabel, children, className, "data-slot": dataSlot, ...props }, ref) {
+	const hasVisibleLabel = children != null;
+	return /* @__PURE__ */ jsx(AlertDialog.Close, {
+		...props,
+		"aria-label": ariaLabel ?? (hasVisibleLabel ? void 0 : "Close alert dialog"),
+		ref,
+		className: withRecipeClassName(hasVisibleLabel ? dialog().action : dialog().close, className),
+		"data-slot": dataSlot ?? "alert-dialog-close",
+		children: children ?? "×"
+	});
+});
+const AlertDialogCancel = forwardRef(function AlertDialogCancel({ children = "Cancel", ...props }, ref) {
+	return /* @__PURE__ */ jsx(AlertDialogClose, {
+		...props,
+		ref,
+		"data-slot": "alert-dialog-cancel",
+		children
+	});
+});
+const AlertDialogAction = forwardRef(function AlertDialogAction({ children = "Continue", ...props }, ref) {
+	return /* @__PURE__ */ jsx(AlertDialogClose, {
+		...props,
+		ref,
+		"data-slot": "alert-dialog-action",
+		children
+	});
+});
+const AlertDialog$1 = {
+	Root: AlertDialogRoot$1,
+	Trigger: AlertDialogTrigger,
+	Portal: AlertDialogPortal,
+	Backdrop: AlertDialogBackdrop,
+	Viewport: AlertDialogViewport,
+	Popup: AlertDialogPopup,
+	Header: AlertDialogHeader,
+	Title: AlertDialogTitle,
+	Description: AlertDialogDescription,
+	Body: AlertDialogBody,
+	Footer: AlertDialogFooter,
+	Close: AlertDialogClose,
+	Cancel: AlertDialogCancel,
+	Action: AlertDialogAction,
+	createHandle: AlertDialog.createHandle
+};
+//#endregion
+export { AlertDialog$1 as AlertDialog, AlertDialogAction, AlertDialogBackdrop, AlertDialogBody, AlertDialogCancel, AlertDialogClose, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogPopup, AlertDialogPortal, AlertDialogRoot$1 as AlertDialogRoot, AlertDialogTitle, AlertDialogTrigger, AlertDialogViewport };
+
+//# sourceMappingURL=alert-dialog.js.map

package/dist/components/alert-dialog/alert-dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"alert-dialog.js","names":["AlertDialogRoot","BaseAlertDialog","AlertDialog"],"sources":["../../../src/components/alert-dialog/alert-dialog.tsx"],"sourcesContent":["\"use client\";\n\nimport { AlertDialog as BaseAlertDialog } from \"@base-ui/react/alert-dialog\";\nimport { forwardRef } from \"react\";\nimport type { ComponentPropsWithoutRef } from \"react\";\nimport type { AlertDialogRoot as BaseAlertDialogRoot } from \"@base-ui/react/alert-dialog\";\n\nimport { cx } from \"../../styled-system/css\";\nimport { dialog } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\nimport type { DialogSize } from \"../dialog\";\n\n/**\n * A modal confirmation primitive with Base UI's focus trap, Escape handling,\n * and accessible alert-dialog semantics.\n */\nexport type AlertDialogRootProps<Payload = unknown> = BaseAlertDialogRoot.Props<Payload>;\n\nexport function AlertDialogRoot<Payload = unknown>(props: AlertDialogRootProps<Payload>) {\n  return <BaseAlertDialog.Root {...props} />;\n}\n\nexport type AlertDialogTriggerProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Trigger>;\n\nexport const AlertDialogTrigger = forwardRef<HTMLButtonElement, AlertDialogTriggerProps>(\n  function AlertDialogTrigger({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Trigger\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().trigger, className)}\n        data-slot=\"alert-dialog-trigger\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogPortalProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Portal>;\nexport const AlertDialogPortal: typeof BaseAlertDialog.Portal = BaseAlertDialog.Portal;\n\nexport type AlertDialogBackdropProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Backdrop>;\n\nexport const AlertDialogBackdrop = forwardRef<HTMLDivElement, AlertDialogBackdropProps>(\n  function AlertDialogBackdrop({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Backdrop\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().backdrop, className)}\n        data-slot=\"alert-dialog-backdrop\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogViewportProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Viewport>;\n\nexport const AlertDialogViewport = forwardRef<HTMLDivElement, AlertDialogViewportProps>(\n  function AlertDialogViewport({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Viewport\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().viewport, className)}\n        data-slot=\"alert-dialog-viewport\"\n      />\n    );\n  },\n);\n\nexport interface AlertDialogPopupProps\n  extends ComponentPropsWithoutRef<typeof BaseAlertDialog.Popup> {\n  size?: DialogSize;\n}\n\nexport const AlertDialogPopup = forwardRef<HTMLDivElement, AlertDialogPopupProps>(\n  function AlertDialogPopup({ className, size = \"md\", ...props }, ref) {\n    return (\n      <BaseAlertDialog.Popup\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog({ size }).popup, className)}\n        data-jaci-component=\"alert-dialog\"\n        data-slot=\"alert-dialog-popup\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogHeaderProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogHeader = forwardRef<HTMLDivElement, AlertDialogHeaderProps>(\n  function AlertDialogHeader({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().header, className)}\n        data-slot=\"alert-dialog-header\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogTitleProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Title>;\n\nexport const AlertDialogTitle = forwardRef<HTMLHeadingElement, AlertDialogTitleProps>(\n  function AlertDialogTitle({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Title\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().title, className)}\n        data-slot=\"alert-dialog-title\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogDescriptionProps = ComponentPropsWithoutRef<\n  typeof BaseAlertDialog.Description\n>;\n\nexport const AlertDialogDescription = forwardRef<HTMLParagraphElement, AlertDialogDescriptionProps>(\n  function AlertDialogDescription({ className, ...props }, ref) {\n    return (\n      <BaseAlertDialog.Description\n        {...props}\n        ref={ref}\n        className={withRecipeClassName(dialog().description, className)}\n        data-slot=\"alert-dialog-description\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogBodyProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogBody = forwardRef<HTMLDivElement, AlertDialogBodyProps>(\n  function AlertDialogBody({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().body, className)}\n        data-slot=\"alert-dialog-body\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogFooterProps = ComponentPropsWithoutRef<\"div\">;\n\nexport const AlertDialogFooter = forwardRef<HTMLDivElement, AlertDialogFooterProps>(\n  function AlertDialogFooter({ className, ...props }, ref) {\n    return (\n      <div\n        {...props}\n        ref={ref}\n        className={cx(dialog().footer, className)}\n        data-slot=\"alert-dialog-footer\"\n      />\n    );\n  },\n);\n\nexport type AlertDialogCloseProps = ComponentPropsWithoutRef<typeof BaseAlertDialog.Close> & {\n  \"data-slot\"?: string;\n};\n\nexport const AlertDialogClose = forwardRef<HTMLButtonElement, AlertDialogCloseProps>(\n  function AlertDialogClose(\n    { \"aria-label\": ariaLabel, children, className, \"data-slot\": dataSlot, ...props },\n    ref,\n  ) {\n    const hasVisibleLabel = children != null;\n\n    return (\n      <BaseAlertDialog.Close\n        {...props}\n        aria-label={ariaLabel ?? (hasVisibleLabel ? undefined : \"Close alert dialog\")}\n        ref={ref}\n        className={withRecipeClassName(\n          hasVisibleLabel ? dialog().action : dialog().close,\n          className,\n        )}\n        data-slot={dataSlot ?? \"alert-dialog-close\"}\n      >\n        {children ?? \"×\"}\n      </BaseAlertDialog.Close>\n    );\n  },\n);\n\nexport type AlertDialogCancelProps = AlertDialogCloseProps;\n\nexport const AlertDialogCancel = forwardRef<HTMLButtonElement, AlertDialogCancelProps>(\n  function AlertDialogCancel({ children = \"Cancel\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-cancel\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport type AlertDialogActionProps = AlertDialogCloseProps;\n\nexport const AlertDialogAction = forwardRef<HTMLButtonElement, AlertDialogActionProps>(\n  function AlertDialogAction({ children = \"Continue\", ...props }, ref) {\n    return (\n      <AlertDialogClose {...props} ref={ref} data-slot=\"alert-dialog-action\">\n        {children}\n      </AlertDialogClose>\n    );\n  },\n);\n\nexport const AlertDialog = {\n  Root: AlertDialogRoot,\n  Trigger: AlertDialogTrigger,\n  Portal: AlertDialogPortal,\n  Backdrop: AlertDialogBackdrop,\n  Viewport: AlertDialogViewport,\n  Popup: AlertDialogPopup,\n  Header: AlertDialogHeader,\n  Title: AlertDialogTitle,\n  Description: AlertDialogDescription,\n  Body: AlertDialogBody,\n  Footer: AlertDialogFooter,\n  Close: AlertDialogClose,\n  Cancel: AlertDialogCancel,\n  Action: AlertDialogAction,\n  createHandle: BaseAlertDialog.createHandle,\n};\n"],"mappings":"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"}

package/dist/components/alert-dialog/index.d.cts

@@ -0,0 +1,2 @@
+import { AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogBackdrop, AlertDialogBackdropProps, AlertDialogBody, AlertDialogBodyProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogClose, AlertDialogCloseProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogPopup, AlertDialogPopupProps, AlertDialogPortal, AlertDialogPortalProps, AlertDialogRoot, AlertDialogRootProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps, AlertDialogViewport, AlertDialogViewportProps } from "./alert-dialog.cjs";
+export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogBackdrop, type AlertDialogBackdropProps, AlertDialogBody, type AlertDialogBodyProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogClose, type AlertDialogCloseProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogPopup, type AlertDialogPopupProps, AlertDialogPortal, type AlertDialogPortalProps, AlertDialogRoot, type AlertDialogRootProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AlertDialogViewport, type AlertDialogViewportProps };

package/dist/components/alert-dialog/index.d.ts

@@ -0,0 +1,2 @@
+import { AlertDialog, AlertDialogAction, AlertDialogActionProps, AlertDialogBackdrop, AlertDialogBackdropProps, AlertDialogBody, AlertDialogBodyProps, AlertDialogCancel, AlertDialogCancelProps, AlertDialogClose, AlertDialogCloseProps, AlertDialogDescription, AlertDialogDescriptionProps, AlertDialogFooter, AlertDialogFooterProps, AlertDialogHeader, AlertDialogHeaderProps, AlertDialogPopup, AlertDialogPopupProps, AlertDialogPortal, AlertDialogPortalProps, AlertDialogRoot, AlertDialogRootProps, AlertDialogTitle, AlertDialogTitleProps, AlertDialogTrigger, AlertDialogTriggerProps, AlertDialogViewport, AlertDialogViewportProps } from "./alert-dialog.js";
+export { AlertDialog, AlertDialogAction, type AlertDialogActionProps, AlertDialogBackdrop, type AlertDialogBackdropProps, AlertDialogBody, type AlertDialogBodyProps, AlertDialogCancel, type AlertDialogCancelProps, AlertDialogClose, type AlertDialogCloseProps, AlertDialogDescription, type AlertDialogDescriptionProps, AlertDialogFooter, type AlertDialogFooterProps, AlertDialogHeader, type AlertDialogHeaderProps, AlertDialogPopup, type AlertDialogPopupProps, AlertDialogPortal, type AlertDialogPortalProps, AlertDialogRoot, type AlertDialogRootProps, AlertDialogTitle, type AlertDialogTitleProps, AlertDialogTrigger, type AlertDialogTriggerProps, AlertDialogViewport, type AlertDialogViewportProps };

package/dist/components/avatar/avatar.cjs

@@ -0,0 +1,89 @@
+"use client";
+const require_base_ui = require("../base-ui.cjs");
+const require_avatar = require("../../styled-system/recipes/avatar.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _base_ui_react_avatar = require("@base-ui/react/avatar");
+//#region src/components/avatar/avatar.tsx
+const AvatarStyleContext = (0, react.createContext)({
+	hasAccessibleLabel: false,
+	shape: "circle",
+	size: "md"
+});
+function useAvatarStyleContext() {
+	return (0, react.useContext)(AvatarStyleContext);
+}
+function useAvatarStyles() {
+	const { shape, size } = useAvatarStyleContext();
+	return require_avatar.avatar({
+		shape,
+		size
+	});
+}
+/**
+* Groups an image and text fallback in a fixed-size avatar. Base UI controls
+* the image lifecycle, so only one accessible representation is mounted at a
+* time and the initial server render remains deterministic.
+*/
+const AvatarRoot = (0, react.forwardRef)(function AvatarRoot({ "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, children, className, role, shape = "circle", size = "md", ...props }, ref) {
+	const styles = require_avatar.avatar({
+		shape,
+		size
+	});
+	const hasAccessibleLabel = Boolean(ariaLabel || ariaLabelledBy);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AvatarStyleContext.Provider, {
+		value: {
+			hasAccessibleLabel,
+			shape,
+			size
+		},
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_avatar.Avatar.Root, {
+			...props,
+			"aria-label": ariaLabel,
+			"aria-labelledby": ariaLabelledBy,
+			ref,
+			className: require_base_ui.withRecipeClassName(styles.root, className),
+			"data-jaci-component": "avatar",
+			"data-shape": shape,
+			"data-size": size,
+			"data-slot": "avatar",
+			role: role ?? (hasAccessibleLabel ? "img" : void 0),
+			children
+		})
+	});
+});
+/** The optional image layer. It is mounted by Base UI only after loading. */
+const AvatarImage = (0, react.forwardRef)(function AvatarImage({ alt, className, ...props }, ref) {
+	const { hasAccessibleLabel } = useAvatarStyleContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_avatar.Avatar.Image, {
+		...props,
+		alt: hasAccessibleLabel ? "" : alt,
+		"aria-hidden": hasAccessibleLabel || void 0,
+		ref,
+		className: require_base_ui.withRecipeClassName(useAvatarStyles().image, className),
+		"data-slot": "avatar-image"
+	});
+});
+/** Textual initials or an icon shown whenever an image is unavailable. */
+const AvatarFallback = (0, react.forwardRef)(function AvatarFallback({ "aria-hidden": ariaHidden, className, ...props }, ref) {
+	const { hasAccessibleLabel } = useAvatarStyleContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_base_ui_react_avatar.Avatar.Fallback, {
+		...props,
+		"aria-hidden": ariaHidden ?? (hasAccessibleLabel || void 0),
+		ref,
+		className: require_base_ui.withRecipeClassName(useAvatarStyles().fallback, className),
+		"data-slot": "avatar-fallback"
+	});
+});
+const Avatar = {
+	Root: AvatarRoot,
+	Image: AvatarImage,
+	Fallback: AvatarFallback
+};
+//#endregion
+exports.Avatar = Avatar;
+exports.AvatarFallback = AvatarFallback;
+exports.AvatarImage = AvatarImage;
+exports.AvatarRoot = AvatarRoot;
+
+//# sourceMappingURL=avatar.cjs.map

package/dist/components/avatar/avatar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"avatar.cjs","names":["avatar","BaseAvatar","withRecipeClassName"],"sources":["../../../src/components/avatar/avatar.tsx"],"sourcesContent":["\"use client\";\n\nimport { Avatar as BaseAvatar } from \"@base-ui/react/avatar\";\nimport { createContext, forwardRef, useContext } from \"react\";\nimport type { ComponentPropsWithoutRef, ReactNode } from \"react\";\nimport type { AvatarRoot as BaseAvatarRoot } from \"@base-ui/react/avatar\";\n\nimport { avatar } from \"../../styled-system/recipes\";\nimport { withRecipeClassName } from \"../base-ui\";\n\nexport type AvatarSize = \"xs\" | \"sm\" | \"md\" | \"lg\" | \"xl\";\nexport type AvatarShape = \"circle\" | \"rounded\";\n\ninterface AvatarStyleContextValue {\n  hasAccessibleLabel: boolean;\n  shape: AvatarShape;\n  size: AvatarSize;\n}\n\nconst AvatarStyleContext = createContext<AvatarStyleContextValue>({\n  hasAccessibleLabel: false,\n  shape: \"circle\",\n  size: \"md\",\n});\n\nfunction useAvatarStyleContext() {\n  return useContext(AvatarStyleContext);\n}\n\nfunction useAvatarStyles() {\n  const { shape, size } = useAvatarStyleContext();\n\n  return avatar({ shape, size });\n}\n\nexport interface AvatarRootProps extends BaseAvatarRoot.Props {\n  children?: ReactNode;\n  shape?: AvatarShape;\n  size?: AvatarSize;\n}\n\n/**\n * Groups an image and text fallback in a fixed-size avatar. Base UI controls\n * the image lifecycle, so only one accessible representation is mounted at a\n * time and the initial server render remains deterministic.\n */\nexport const AvatarRoot = forwardRef<HTMLSpanElement, AvatarRootProps>(function AvatarRoot(\n  {\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    children,\n    className,\n    role,\n    shape = \"circle\",\n    size = \"md\",\n    ...props\n  },\n  ref,\n) {\n  const styles = avatar({ shape, size });\n  const hasAccessibleLabel = Boolean(ariaLabel || ariaLabelledBy);\n\n  return (\n    <AvatarStyleContext.Provider value={{ hasAccessibleLabel, shape, size }}>\n      <BaseAvatar.Root\n        {...props}\n        aria-label={ariaLabel}\n        aria-labelledby={ariaLabelledBy}\n        ref={ref}\n        className={withRecipeClassName(styles.root, className)}\n        data-jaci-component=\"avatar\"\n        data-shape={shape}\n        data-size={size}\n        data-slot=\"avatar\"\n        role={role ?? (hasAccessibleLabel ? \"img\" : undefined)}\n      >\n        {children}\n      </BaseAvatar.Root>\n    </AvatarStyleContext.Provider>\n  );\n});\n\nexport interface AvatarImageProps\n  extends Omit<ComponentPropsWithoutRef<typeof BaseAvatar.Image>, \"alt\"> {\n  /** Use an empty string explicitly when the image is decorative. */\n  alt: string;\n}\n\n/** The optional image layer. It is mounted by Base UI only after loading. */\nexport const AvatarImage = forwardRef<HTMLImageElement, AvatarImageProps>(function AvatarImage(\n  { alt, className, ...props },\n  ref,\n) {\n  const { hasAccessibleLabel } = useAvatarStyleContext();\n\n  return (\n    <BaseAvatar.Image\n      {...props}\n      alt={hasAccessibleLabel ? \"\" : alt}\n      aria-hidden={hasAccessibleLabel || undefined}\n      ref={ref}\n      className={withRecipeClassName(useAvatarStyles().image, className)}\n      data-slot=\"avatar-image\"\n    />\n  );\n});\n\nexport type AvatarFallbackProps = ComponentPropsWithoutRef<typeof BaseAvatar.Fallback>;\n\n/** Textual initials or an icon shown whenever an image is unavailable. */\nexport const AvatarFallback = forwardRef<HTMLSpanElement, AvatarFallbackProps>(\n  function AvatarFallback({ \"aria-hidden\": ariaHidden, className, ...props }, ref) {\n    const { hasAccessibleLabel } = useAvatarStyleContext();\n\n    return (\n      <BaseAvatar.Fallback\n        {...props}\n        aria-hidden={ariaHidden ?? (hasAccessibleLabel || undefined)}\n        ref={ref}\n        className={withRecipeClassName(useAvatarStyles().fallback, className)}\n        data-slot=\"avatar-fallback\"\n      />\n    );\n  },\n);\n\nexport const Avatar = {\n  Root: AvatarRoot,\n  Image: AvatarImage,\n  Fallback: AvatarFallback,\n};\n"],"mappings":";;;;;;;AAmBA,MAAM,sBAAA,GAAA,MAAA,cAAA,CAA4D;CAChE,oBAAoB;CACpB,OAAO;CACP,MAAM;AACR,CAAC;AAED,SAAS,wBAAwB;CAC/B,QAAA,GAAA,MAAA,WAAA,CAAkB,kBAAkB;AACtC;AAEA,SAAS,kBAAkB;CACzB,MAAM,EAAE,OAAO,SAAS,sBAAsB;CAE9C,OAAOA,eAAAA,OAAO;EAAE;EAAO;CAAK,CAAC;AAC/B;;;;;;AAaA,MAAa,cAAA,GAAA,MAAA,WAAA,CAA0D,SAAS,WAC9E,EACE,cAAc,WACd,mBAAmB,gBACnB,UACA,WACA,MACA,QAAQ,UACR,OAAO,MACP,GAAG,SAEL,KACA;CACA,MAAM,SAASA,eAAAA,OAAO;EAAE;EAAO;CAAK,CAAC;CACrC,MAAM,qBAAqB,QAAQ,aAAa,cAAc;CAE9D,OACE,iBAAA,GAAA,kBAAA,IAAA,CAAC,mBAAmB,UAApB;EAA6B,OAAO;GAAE;GAAoB;GAAO;EAAK;YACpE,iBAAA,GAAA,kBAAA,IAAA,CAACC,sBAAAA,OAAW,MAAZ;GACE,GAAI;GACJ,cAAY;GACZ,mBAAiB;GACZ;GACL,WAAWC,gBAAAA,oBAAoB,OAAO,MAAM,SAAS;GACrD,uBAAoB;GACpB,cAAY;GACZ,aAAW;GACX,aAAU;GACV,MAAM,SAAS,qBAAqB,QAAQ,KAAA;GAE3C;EACc,CAAA;CACU,CAAA;AAEjC,CAAC;;AASD,MAAa,eAAA,GAAA,MAAA,WAAA,CAA6D,SAAS,YACjF,EAAE,KAAK,WAAW,GAAG,SACrB,KACA;CACA,MAAM,EAAE,uBAAuB,sBAAsB;CAErD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAW,OAAZ;EACE,GAAI;EACJ,KAAK,qBAAqB,KAAK;EAC/B,eAAa,sBAAsB,KAAA;EAC9B;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,OAAO,SAAS;EACjE,aAAU;CACX,CAAA;AAEL,CAAC;;AAKD,MAAa,kBAAA,GAAA,MAAA,WAAA,CACX,SAAS,eAAe,EAAE,eAAe,YAAY,WAAW,GAAG,SAAS,KAAK;CAC/E,MAAM,EAAE,uBAAuB,sBAAsB;CAErD,OACE,iBAAA,GAAA,kBAAA,IAAA,CAACD,sBAAAA,OAAW,UAAZ;EACE,GAAI;EACJ,eAAa,eAAe,sBAAsB,KAAA;EAC7C;EACL,WAAWC,gBAAAA,oBAAoB,gBAAgB,CAAC,CAAC,UAAU,SAAS;EACpE,aAAU;CACX,CAAA;AAEL,CACF;AAEA,MAAa,SAAS;CACpB,MAAM;CACN,OAAO;CACP,UAAU;AACZ"}