@cerberus-design/react 0.0.0-next-bd980a6d9bd07d60e8d7200bd4d56624754e936c

package/dist/config/icons/default.js

@@ -0,0 +1,56 @@
+"use client";
+import { AnimatingUploadIcon } from "../../components/AnimatingUploadIcon.js";
+import { CheckmarkIcon, IndeterminateIcon } from "./checkbox.icons.js";
+import { PinLeftFilledIcon, PinLeftIcon, PinRightFilledIcon, PinRightIcon } from "./pinned.icons.js";
+import { SortAscIcon, SortDescIcon } from "./sort.icons.js";
+import { ArrowRight, Calendar, CaretDown, Checkmark, CheckmarkFilled, CheckmarkOutline, ChevronDown, ChevronLeft, ChevronRight, ChevronUp, Close, CloudUpload, ErrorFilled, Filter, FilterEdit, FilterRemove, Information, InformationFilled, OverflowMenuVertical, Restart, TableSplit, TrashCan, UserFilled, Warning, WarningAlt, WarningFilled } from "@carbon/icons-react";
+//#region src/config/icons/default.ts
+/**
+* Fallback icons when there is no custom set provided by the user.
+*/
+var defaultIcons = {
+	accordionIndicator: ChevronDown,
+	arrowRight: ArrowRight,
+	avatar: UserFilled,
+	calendar: Calendar,
+	calendarPrev: ChevronLeft,
+	calendarNext: ChevronRight,
+	caretDown: CaretDown,
+	checkbox: CheckmarkIcon,
+	close: Close,
+	confirmModal: Information,
+	dangerNotification: WarningFilled,
+	decrement: ChevronDown,
+	delete: TrashCan,
+	error: ErrorFilled,
+	fileUploader: AnimatingUploadIcon,
+	filter: Filter,
+	filterEdit: FilterEdit,
+	filterClear: FilterRemove,
+	increment: ChevronUp,
+	indeterminate: IndeterminateIcon,
+	info: InformationFilled,
+	infoNotification: Information,
+	invalid: WarningFilled,
+	invalidAlt: Warning,
+	moreVertical: OverflowMenuVertical,
+	pinLeft: PinLeftIcon,
+	pinLeftFilled: PinLeftFilledIcon,
+	pinRight: PinRightIcon,
+	pinRightFilled: PinRightFilledIcon,
+	promptModal: Information,
+	redo: Restart,
+	selectArrow: ChevronDown,
+	selectChecked: Checkmark,
+	sortAsc: SortAscIcon,
+	sortDesc: SortDescIcon,
+	success: CheckmarkFilled,
+	successNotification: CheckmarkOutline,
+	table: TableSplit,
+	toggleChecked: Checkmark,
+	waitingFileUploader: CloudUpload,
+	warningNotification: WarningAlt,
+	warning: WarningFilled
+};
+//#endregion
+export { defaultIcons };

package/dist/config/icons/pinned.icons.cjs

@@ -0,0 +1,28 @@
+"use client";
+let react_jsx_runtime = require("react/jsx-runtime");
+let _carbon_icons_react = require("@carbon/icons-react");
+let styled_system_jsx = require("styled-system/jsx");
+//#region src/config/icons/pinned.icons.tsx
+function PinLeftIcon(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.Pin, { ...props });
+}
+function PinLeftFilledIcon(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.PinFilled, { ...props });
+}
+function PinRightIcon(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FlippedContainer, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.Pin, { ...props }) });
+}
+function PinRightFilledIcon(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FlippedContainer, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.PinFilled, { ...props }) });
+}
+function FlippedContainer(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(styled_system_jsx.Box, {
+		transform: "scaleX(-1)",
+		...props
+	});
+}
+//#endregion
+exports.PinLeftFilledIcon = PinLeftFilledIcon;
+exports.PinLeftIcon = PinLeftIcon;
+exports.PinRightFilledIcon = PinRightFilledIcon;
+exports.PinRightIcon = PinRightIcon;

package/dist/config/icons/pinned.icons.d.cts

@@ -0,0 +1,5 @@
+import { CarbonIconProps } from '@carbon/icons-react';
+export declare function PinLeftIcon(props: CarbonIconProps): import("react").JSX.Element;
+export declare function PinLeftFilledIcon(props: CarbonIconProps): import("react").JSX.Element;
+export declare function PinRightIcon(props: CarbonIconProps): import("react").JSX.Element;
+export declare function PinRightFilledIcon(props: CarbonIconProps): import("react").JSX.Element;

package/dist/config/icons/pinned.icons.d.ts

@@ -0,0 +1,5 @@
+import { CarbonIconProps } from '@carbon/icons-react';
+export declare function PinLeftIcon(props: CarbonIconProps): import("react").JSX.Element;
+export declare function PinLeftFilledIcon(props: CarbonIconProps): import("react").JSX.Element;
+export declare function PinRightIcon(props: CarbonIconProps): import("react").JSX.Element;
+export declare function PinRightFilledIcon(props: CarbonIconProps): import("react").JSX.Element;

package/dist/config/icons/pinned.icons.js

@@ -0,0 +1,25 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { Pin, PinFilled } from "@carbon/icons-react";
+import { Box } from "styled-system/jsx";
+//#region src/config/icons/pinned.icons.tsx
+function PinLeftIcon(props) {
+	return /* @__PURE__ */ jsx(Pin, { ...props });
+}
+function PinLeftFilledIcon(props) {
+	return /* @__PURE__ */ jsx(PinFilled, { ...props });
+}
+function PinRightIcon(props) {
+	return /* @__PURE__ */ jsx(FlippedContainer, { children: /* @__PURE__ */ jsx(Pin, { ...props }) });
+}
+function PinRightFilledIcon(props) {
+	return /* @__PURE__ */ jsx(FlippedContainer, { children: /* @__PURE__ */ jsx(PinFilled, { ...props }) });
+}
+function FlippedContainer(props) {
+	return /* @__PURE__ */ jsx(Box, {
+		transform: "scaleX(-1)",
+		...props
+	});
+}
+//#endregion
+export { PinLeftFilledIcon, PinLeftIcon, PinRightFilledIcon, PinRightIcon };

package/dist/config/icons/sort.icons.cjs

@@ -0,0 +1,20 @@
+"use client";
+let react_jsx_runtime = require("react/jsx-runtime");
+let _carbon_icons_react = require("@carbon/icons-react");
+let styled_system_jsx = require("styled-system/jsx");
+//#region src/config/icons/sort.icons.tsx
+function SortAscIcon(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.SortAscending, { ...props });
+}
+function SortDescIcon(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(FlippedContainer, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_carbon_icons_react.SortAscending, { ...props }) });
+}
+function FlippedContainer(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(styled_system_jsx.Box, {
+		transform: "rotate(180deg)",
+		...props
+	});
+}
+//#endregion
+exports.SortAscIcon = SortAscIcon;
+exports.SortDescIcon = SortDescIcon;

package/dist/config/icons/sort.icons.d.cts

@@ -0,0 +1,3 @@
+import { CarbonIconProps } from '@carbon/icons-react';
+export declare function SortAscIcon(props: CarbonIconProps): import("react").JSX.Element;
+export declare function SortDescIcon(props: CarbonIconProps): import("react").JSX.Element;

package/dist/config/icons/sort.icons.d.ts

@@ -0,0 +1,3 @@
+import { CarbonIconProps } from '@carbon/icons-react';
+export declare function SortAscIcon(props: CarbonIconProps): import("react").JSX.Element;
+export declare function SortDescIcon(props: CarbonIconProps): import("react").JSX.Element;

package/dist/config/icons/sort.icons.js

@@ -0,0 +1,19 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { SortAscending } from "@carbon/icons-react";
+import { Box } from "styled-system/jsx";
+//#region src/config/icons/sort.icons.tsx
+function SortAscIcon(props) {
+	return /* @__PURE__ */ jsx(SortAscending, { ...props });
+}
+function SortDescIcon(props) {
+	return /* @__PURE__ */ jsx(FlippedContainer, { children: /* @__PURE__ */ jsx(SortAscending, { ...props }) });
+}
+function FlippedContainer(props) {
+	return /* @__PURE__ */ jsx(Box, {
+		transform: "rotate(180deg)",
+		...props
+	});
+}
+//#endregion
+export { SortAscIcon, SortDescIcon };

package/dist/config/index.cjs

@@ -0,0 +1,37 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_default = require("./icons/default.cjs");
+const require_defineIcons = require("./defineIcons.cjs");
+//#region src/config/index.ts
+/**
+* Create a system configuration object to be used on the CerberusProvider.
+* @param options The system configuration options you want to customize.
+* @returns A CerberusProvider-compatible system configuration object.
+* @example
+* ```tsx
+* const icons = defineIcons({
+*  accordionIndicator: MyAccordionIndicatorIcon,
+*  ...
+* })
+* const config = makeSystemConfig({
+*   icons,
+* })
+*
+* // In your app
+* <CerberusProvider config={config}>
+*  <App />
+* </CerberusProvider>
+* ```
+*/
+function makeSystemConfig(options) {
+	if (!options) return { icons: require_default.defaultIcons };
+	return {
+		...options,
+		icons: {
+			...require_default.defaultIcons,
+			...options.icons
+		}
+	};
+}
+//#endregion
+exports.defineIcons = require_defineIcons.defineIcons;
+exports.makeSystemConfig = makeSystemConfig;

package/dist/config/index.d.cts

@@ -0,0 +1,24 @@
+import { SystemConfig } from './types';
+/**
+ * Create a system configuration object to be used on the CerberusProvider.
+ * @param options The system configuration options you want to customize.
+ * @returns A CerberusProvider-compatible system configuration object.
+ * @example
+ * ```tsx
+ * const icons = defineIcons({
+ *  accordionIndicator: MyAccordionIndicatorIcon,
+ *  ...
+ * })
+ * const config = makeSystemConfig({
+ *   icons,
+ * })
+ *
+ * // In your app
+ * <CerberusProvider config={config}>
+ *  <App />
+ * </CerberusProvider>
+ * ```
+ */
+export declare function makeSystemConfig(options?: SystemConfig): SystemConfig;
+export * from './defineIcons';
+export * from './types';

package/dist/config/index.d.ts

@@ -0,0 +1,24 @@
+import { SystemConfig } from './types';
+/**
+ * Create a system configuration object to be used on the CerberusProvider.
+ * @param options The system configuration options you want to customize.
+ * @returns A CerberusProvider-compatible system configuration object.
+ * @example
+ * ```tsx
+ * const icons = defineIcons({
+ *  accordionIndicator: MyAccordionIndicatorIcon,
+ *  ...
+ * })
+ * const config = makeSystemConfig({
+ *   icons,
+ * })
+ *
+ * // In your app
+ * <CerberusProvider config={config}>
+ *  <App />
+ * </CerberusProvider>
+ * ```
+ */
+export declare function makeSystemConfig(options?: SystemConfig): SystemConfig;
+export * from './defineIcons';
+export * from './types';

package/dist/config/index.js

@@ -0,0 +1,35 @@
+import { defaultIcons } from "./icons/default.js";
+import { defineIcons } from "./defineIcons.js";
+//#region src/config/index.ts
+/**
+* Create a system configuration object to be used on the CerberusProvider.
+* @param options The system configuration options you want to customize.
+* @returns A CerberusProvider-compatible system configuration object.
+* @example
+* ```tsx
+* const icons = defineIcons({
+*  accordionIndicator: MyAccordionIndicatorIcon,
+*  ...
+* })
+* const config = makeSystemConfig({
+*   icons,
+* })
+*
+* // In your app
+* <CerberusProvider config={config}>
+*  <App />
+* </CerberusProvider>
+* ```
+*/
+function makeSystemConfig(options) {
+	if (!options) return { icons: defaultIcons };
+	return {
+		...options,
+		icons: {
+			...defaultIcons,
+			...options.icons
+		}
+	};
+}
+//#endregion
+export { defineIcons, makeSystemConfig };

package/dist/config/types.d.cts

@@ -0,0 +1,56 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the types for the Cerberus React configuration.
+ * @module config.types
+ */
+export interface SystemConfig {
+    /**
+     * The icons that will be used in Cerberus React components.
+     */
+    icons: Required<DefinedIcons>;
+}
+export interface DefinedIcons<T extends IconType = IconType> {
+    accordionIndicator?: T;
+    arrowRight?: T;
+    avatar?: T;
+    calendar?: T;
+    calendarPrev?: T;
+    calendarNext?: T;
+    caretDown?: T;
+    checkbox?: T;
+    close?: T;
+    confirmModal?: T;
+    decrement?: T;
+    delete?: T;
+    dangerNotification?: T;
+    error?: T;
+    fileUploader?: T;
+    filter?: T;
+    filterEdit?: T;
+    filterClear?: T;
+    indeterminate?: T;
+    increment?: T;
+    info?: T;
+    infoNotification?: T;
+    invalid?: T;
+    invalidAlt?: T;
+    moreVertical?: T;
+    pinLeft?: T;
+    pinLeftFilled?: T;
+    pinRight?: T;
+    pinRightFilled?: T;
+    promptModal?: T;
+    redo?: T;
+    selectArrow?: T;
+    selectChecked?: T;
+    sortAsc?: T;
+    sortDesc?: T;
+    success?: T;
+    successNotification?: T;
+    table?: T;
+    toggleChecked?: T;
+    waitingFileUploader?: T;
+    warningNotification?: T;
+    warning?: T;
+}
+export type IconType = ElementType;

package/dist/config/types.d.ts

@@ -0,0 +1,56 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the types for the Cerberus React configuration.
+ * @module config.types
+ */
+export interface SystemConfig {
+    /**
+     * The icons that will be used in Cerberus React components.
+     */
+    icons: Required<DefinedIcons>;
+}
+export interface DefinedIcons<T extends IconType = IconType> {
+    accordionIndicator?: T;
+    arrowRight?: T;
+    avatar?: T;
+    calendar?: T;
+    calendarPrev?: T;
+    calendarNext?: T;
+    caretDown?: T;
+    checkbox?: T;
+    close?: T;
+    confirmModal?: T;
+    decrement?: T;
+    delete?: T;
+    dangerNotification?: T;
+    error?: T;
+    fileUploader?: T;
+    filter?: T;
+    filterEdit?: T;
+    filterClear?: T;
+    indeterminate?: T;
+    increment?: T;
+    info?: T;
+    infoNotification?: T;
+    invalid?: T;
+    invalidAlt?: T;
+    moreVertical?: T;
+    pinLeft?: T;
+    pinLeftFilled?: T;
+    pinRight?: T;
+    pinRightFilled?: T;
+    promptModal?: T;
+    redo?: T;
+    selectArrow?: T;
+    selectChecked?: T;
+    sortAsc?: T;
+    sortDesc?: T;
+    success?: T;
+    successNotification?: T;
+    table?: T;
+    toggleChecked?: T;
+    waitingFileUploader?: T;
+    warningNotification?: T;
+    warning?: T;
+}
+export type IconType = ElementType;

package/dist/context/cerberus.cjs

@@ -0,0 +1,33 @@
+"use client";
+"use client";
+const require_index = require("../config/index.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/context/cerberus.tsx
+var CerberusContext = (0, react.createContext)(null);
+/**
+* Cerberus configuration provider.
+* @param props.config The Cerberus configuration created with
+* `makeSystemConfig` helper.
+*/
+function CerberusProvider(props) {
+	const value = (0, react.useMemo)(() => {
+		return props.config || require_index.makeSystemConfig();
+	}, [props.config]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CerberusContext.Provider, {
+		value,
+		children: props.children
+	});
+}
+/**
+* Returns the Cerberus configuration context.
+* @returns The Cerberus configuration context.
+*/
+function useCerberusContext() {
+	const context = (0, react.useContext)(CerberusContext);
+	if (!context) throw new Error("useCerberus must be used within a CerberusProvider");
+	return context;
+}
+//#endregion
+exports.CerberusProvider = CerberusProvider;
+exports.useCerberusContext = useCerberusContext;

package/dist/context/cerberus.d.cts

@@ -0,0 +1,17 @@
+import { PropsWithChildren } from 'react';
+import { SystemConfig } from '../config';
+interface CerberusProviderProps {
+    config?: SystemConfig;
+}
+/**
+ * Cerberus configuration provider.
+ * @param props.config The Cerberus configuration created with
+ * `makeSystemConfig` helper.
+ */
+export declare function CerberusProvider(props: PropsWithChildren<CerberusProviderProps>): import("react").JSX.Element;
+/**
+ * Returns the Cerberus configuration context.
+ * @returns The Cerberus configuration context.
+ */
+export declare function useCerberusContext(): SystemConfig;
+export {};

package/dist/context/cerberus.d.ts

@@ -0,0 +1,17 @@
+import { PropsWithChildren } from 'react';
+import { SystemConfig } from '../config';
+interface CerberusProviderProps {
+    config?: SystemConfig;
+}
+/**
+ * Cerberus configuration provider.
+ * @param props.config The Cerberus configuration created with
+ * `makeSystemConfig` helper.
+ */
+export declare function CerberusProvider(props: PropsWithChildren<CerberusProviderProps>): import("react").JSX.Element;
+/**
+ * Returns the Cerberus configuration context.
+ * @returns The Cerberus configuration context.
+ */
+export declare function useCerberusContext(): SystemConfig;
+export {};

package/dist/context/cerberus.js

@@ -0,0 +1,32 @@
+"use client";
+"use client";
+import { makeSystemConfig } from "../config/index.js";
+import { createContext, useContext, useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+//#region src/context/cerberus.tsx
+var CerberusContext = createContext(null);
+/**
+* Cerberus configuration provider.
+* @param props.config The Cerberus configuration created with
+* `makeSystemConfig` helper.
+*/
+function CerberusProvider(props) {
+	const value = useMemo(() => {
+		return props.config || makeSystemConfig();
+	}, [props.config]);
+	return /* @__PURE__ */ jsx(CerberusContext.Provider, {
+		value,
+		children: props.children
+	});
+}
+/**
+* Returns the Cerberus configuration context.
+* @returns The Cerberus configuration context.
+*/
+function useCerberusContext() {
+	const context = useContext(CerberusContext);
+	if (!context) throw new Error("useCerberus must be used within a CerberusProvider");
+	return context;
+}
+//#endregion
+export { CerberusProvider, useCerberusContext };

package/dist/context/confirm-modal.cjs

@@ -0,0 +1,149 @@
+"use client";
+"use client";
+const require_show = require("../components/show/show.cjs");
+const require_cerberus = require("./cerberus.cjs");
+const require_avatar = require("../components/avatar/avatar.cjs");
+const require_button = require("../components/button/button.cjs");
+const require_primitives = require("../components/dialog/primitives.cjs");
+const require_dialog = require("../components/dialog/dialog.cjs");
+let react = require("react");
+let styled_system_css = require("styled-system/css");
+let react_jsx_runtime = require("react/jsx-runtime");
+let styled_system_jsx = require("styled-system/jsx");
+//#region src/context/confirm-modal.tsx
+var ConfirmModalContext = (0, react.createContext)(null);
+/**
+* Provides a confirm modal to the app.
+* @see https://cerberus.digitalu.design/react/confirm-modal
+* @example
+* ```tsx
+* // Wrap the Provider around the root of the feature.
+* <ConfirmModal>
+*   <SomeFeatureSection />
+* </ConfirmModal>
+*
+* // Use the hook to show the confirm modal.
+* const confirm = useConfirmModal()
+*
+* const handleClick = useCallback(async () => {
+*  const userConsent = await confirm.show({
+*   heading: 'Add new payment method?',
+*  description:
+*   'This will add a new payment method to your account to be billed for future purchases.',
+* actionText: 'Yes, add payment method',
+* cancelText: 'No, cancel',
+* })
+* setConsent(userConsent)
+* }, [confirm])
+* ```
+*/
+function ConfirmModal(props) {
+	const { children, ...rootProps } = props;
+	const [open, setOpen] = (0, react.useState)(false);
+	const [content, setContent] = (0, react.useState)(null);
+	const resolveRef = (0, react.useRef)(null);
+	const showAvatar = content?.showAvatar ?? true;
+	const kind = content?.kind ?? "non-destructive";
+	const { icons } = require_cerberus.useCerberusContext();
+	const { confirmModal: ConfirmIcon } = icons;
+	const palette = (0, react.useMemo)(() => kind === "destructive" ? "danger" : "action", [kind]);
+	const handleChoice = (0, react.useCallback)((e) => {
+		if (e.currentTarget.value === "true") resolveRef.current?.(true);
+		resolveRef.current?.(false);
+		setOpen(false);
+	}, [setOpen]);
+	const handleShow = (0, react.useCallback)((options) => {
+		return new Promise((resolve) => {
+			setContent({ ...options });
+			setOpen(true);
+			resolveRef.current = resolve;
+		});
+	}, [setOpen, setContent]);
+	const handleOpenChange = (0, react.useCallback)(({ open }) => {
+		setOpen(open);
+		if (!open) {
+			resolveRef.current?.(null);
+			resolveRef.current = null;
+		}
+	}, [setOpen]);
+	const value = (0, react.useMemo)(() => ({ show: handleShow }), [handleShow]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(ConfirmModalContext.Provider, {
+		value,
+		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.DialogProvider, {
+			lazyMount: true,
+			open,
+			onOpenChange: handleOpenChange,
+			unmountOnExit: true,
+			...rootProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_dialog.Dialog, {
+				size: "sm",
+				style: { "--dialog-content-min-h": "auto" },
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(styled_system_jsx.VStack, {
+					alignItems: "flex-start",
+					gap: "md",
+					justify: "space-between",
+					w: "full",
+					children: [
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+							when: showAvatar,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(styled_system_jsx.HStack, {
+								alignSelf: "center",
+								justify: "center",
+								paddingBlockEnd: "md",
+								w: "full",
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+									when: palette === "danger",
+									fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_avatar.Avatar, {
+										gradient: "charon-light",
+										fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmIcon, { size: 24 })
+									}),
+									children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_avatar.Avatar, {
+										gradient: "hades-dark",
+										fallback: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ConfirmIcon, { size: 24 })
+									})
+								})
+							})
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.DialogHeading, { children: content?.heading }),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_show.Show, {
+							when: content?.description,
+							children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.DialogDescription, { children: content?.description })
+						}),
+						/* @__PURE__ */ (0, react_jsx_runtime.jsxs)(styled_system_jsx.HStack, {
+							gap: "md",
+							pt: "md",
+							w: "full",
+							children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+								autoFocus: true,
+								className: (0, styled_system_css.css)({ w: "1/2" }),
+								name: "confirm",
+								onClick: handleChoice,
+								palette,
+								value: "true",
+								children: content?.actionText
+							}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.DialogCloseTrigger, {
+								asChild: true,
+								children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+									className: (0, styled_system_css.css)({ w: "1/2" }),
+									name: "cancel",
+									onClick: handleChoice,
+									usage: "outlined",
+									value: "false",
+									children: content?.cancelText
+								})
+							})]
+						})
+					]
+				})
+			})
+		})]
+	});
+}
+function useConfirmModal() {
+	const context = (0, react.useContext)(ConfirmModalContext);
+	if (context === null) throw new Error("useConfirmModal must be used within a ConfirmModal Provider");
+	return context;
+}
+//#endregion
+exports.ConfirmModal = ConfirmModal;
+exports.useConfirmModal = useConfirmModal;