@cerberus-design/react 0.0.0-next-bd980a6d9bd07d60e8d7200bd4d56624754e936c

package/dist/components/date-picker/primitives.js

@@ -0,0 +1,35 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { datePicker } from "styled-system/recipes";
+import { DatePicker } from "@ark-ui/react/date-picker";
+//#region src/components/date-picker/primitives.tsx
+/**
+* This module contains the DatePicker primitives.
+* @module 'date-picker/primitives'
+*/
+var { withSlotRecipe, withNoRecipe } = createCerberusPrimitive(datePicker);
+var DatePickerLabel = withSlotRecipe(DatePicker.Label, "label");
+var DatePickerControl = withSlotRecipe(DatePicker.Control, "control");
+var DatePickerInputEl = withSlotRecipe(DatePicker.Input, "input");
+var DatePickerTrigger = withSlotRecipe(DatePicker.Trigger, "trigger");
+var DatePickerContent = withSlotRecipe(DatePicker.Content, "content");
+var DatePickerViewControl = withSlotRecipe(DatePicker.Control, "viewControl");
+var DatePickerRangeText = withSlotRecipe(DatePicker.RangeText, "rangeText");
+var DatePickerTable = withSlotRecipe(DatePicker.Table, "table");
+var DatePickerTableHeader = withSlotRecipe(DatePicker.TableHeader, "tableHeader");
+var DatePickerTableCell = withSlotRecipe(DatePicker.TableCell, "tableCell");
+var DatePickerTableCellTrigger = withSlotRecipe(DatePicker.TableCellTrigger, "tableCellTrigger");
+var DatePickerRoot = withNoRecipe(DatePicker.Root);
+var DatePickerClearTrigger = withNoRecipe(DatePicker.ClearTrigger);
+var DatePickerPositioner = withSlotRecipe(DatePicker.Positioner, "positioner");
+var DatePickerYearSelect = withNoRecipe(DatePicker.YearSelect);
+var DatePickerMonthSelect = withNoRecipe(DatePicker.MonthSelect);
+var DatePickerView = withNoRecipe(DatePicker.View);
+var DatePickerContext = DatePicker.Context;
+var DatePickerPrevTrigger = withNoRecipe(DatePicker.PrevTrigger);
+var DatePickerNextTrigger = withNoRecipe(DatePicker.NextTrigger);
+var DatePickerViewTrigger = withNoRecipe(DatePicker.ViewTrigger);
+var DatePickerTableHead = withNoRecipe(DatePicker.TableHead);
+var DatePickerTableRow = withNoRecipe(DatePicker.TableRow);
+var DatePickerTableBody = withNoRecipe(DatePicker.TableBody);
+//#endregion
+export { DatePickerClearTrigger, DatePickerContent, DatePickerContext, DatePickerControl, DatePickerInputEl, DatePickerLabel, DatePickerMonthSelect, DatePickerNextTrigger, DatePickerPositioner, DatePickerPrevTrigger, DatePickerRangeText, DatePickerRoot, DatePickerTable, DatePickerTableBody, DatePickerTableCell, DatePickerTableCellTrigger, DatePickerTableHead, DatePickerTableHeader, DatePickerTableRow, DatePickerTrigger, DatePickerView, DatePickerViewControl, DatePickerViewTrigger, DatePickerYearSelect };

package/dist/components/date-picker/range-input.cjs

@@ -0,0 +1,35 @@
+"use client";
+const require_parts = require("./parts.cjs");
+const require_trigger = require("./trigger.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/date-picker/range-input.tsx
+/**
+* An abstraction of the DatePicker input that wraps the input and the
+* triggers to open the DatePicker and clear the value.
+* @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+*/
+function RangePickerInput(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.DatePickerParts.Control, {
+		"data-range": true,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_trigger.DatePickerTrigger, {}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.Input, {
+				...props,
+				"data-range-input": true,
+				placeholder: props.placeholder ?? "MM/DD/YYYY",
+				maxLength: 11,
+				index: 0
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.Input, {
+				...props,
+				"data-range-input": true,
+				"data-range-end-input": true,
+				placeholder: props.placeholder ?? "MM/DD/YYYY",
+				maxLength: 11,
+				index: 1
+			})
+		]
+	});
+}
+//#endregion
+exports.RangePickerInput = RangePickerInput;

package/dist/components/date-picker/range-input.d.cts

@@ -0,0 +1,12 @@
+import { DatePickerInputElProps } from './primitives';
+/**
+ * This private module contains the RangePickerInput component.
+ * @module RangePickerInput
+ */
+export type RangePickerInputProps = DatePickerInputElProps;
+/**
+ * An abstraction of the DatePicker input that wraps the input and the
+ * triggers to open the DatePicker and clear the value.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ */
+export declare function RangePickerInput(props: RangePickerInputProps): import("react").JSX.Element;

package/dist/components/date-picker/range-input.d.ts

@@ -0,0 +1,12 @@
+import { DatePickerInputElProps } from './primitives';
+/**
+ * This private module contains the RangePickerInput component.
+ * @module RangePickerInput
+ */
+export type RangePickerInputProps = DatePickerInputElProps;
+/**
+ * An abstraction of the DatePicker input that wraps the input and the
+ * triggers to open the DatePicker and clear the value.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ */
+export declare function RangePickerInput(props: RangePickerInputProps): import("react").JSX.Element;

package/dist/components/date-picker/range-input.js

@@ -0,0 +1,35 @@
+"use client";
+import { DatePickerParts } from "./parts.js";
+import { DatePickerTrigger } from "./trigger.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/date-picker/range-input.tsx
+/**
+* An abstraction of the DatePicker input that wraps the input and the
+* triggers to open the DatePicker and clear the value.
+* @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+*/
+function RangePickerInput(props) {
+	return /* @__PURE__ */ jsxs(DatePickerParts.Control, {
+		"data-range": true,
+		children: [
+			/* @__PURE__ */ jsx(DatePickerTrigger, {}),
+			/* @__PURE__ */ jsx(DatePickerParts.Input, {
+				...props,
+				"data-range-input": true,
+				placeholder: props.placeholder ?? "MM/DD/YYYY",
+				maxLength: 11,
+				index: 0
+			}),
+			/* @__PURE__ */ jsx(DatePickerParts.Input, {
+				...props,
+				"data-range-input": true,
+				"data-range-end-input": true,
+				placeholder: props.placeholder ?? "MM/DD/YYYY",
+				maxLength: 11,
+				index: 1
+			})
+		]
+	});
+}
+//#endregion
+export { RangePickerInput };

package/dist/components/date-picker/trigger.cjs

@@ -0,0 +1,31 @@
+"use client";
+"use client";
+const require_cerberus = require("../../context/cerberus.cjs");
+const require_button = require("../icon-button/button.cjs");
+const require_parts = require("./parts.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/date-picker/trigger.tsx
+/**
+* This private module contains the DatePicker trigger component.
+* @module DatePickerTrigger
+*/
+/**
+* An abstraction of the DatePickerTrigger that toggles the calender open.
+* @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+*/
+function DatePickerTrigger(props) {
+	const { icons } = require_cerberus.useCerberusContext();
+	const { calendar: CalendarIcon } = icons;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.Trigger, {
+		...props,
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.IconButton, {
+			ariaLabel: "Open calendar",
+			size: "sm",
+			usage: "ghost",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CalendarIcon, {})
+		})
+	});
+}
+//#endregion
+exports.DatePickerTrigger = DatePickerTrigger;

package/dist/components/date-picker/trigger.d.cts

@@ -0,0 +1,10 @@
+import { DatePickerTriggerProps } from './primitives';
+/**
+ * This private module contains the DatePicker trigger component.
+ * @module DatePickerTrigger
+ */
+/**
+ * An abstraction of the DatePickerTrigger that toggles the calender open.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ */
+export declare function DatePickerTrigger(props: DatePickerTriggerProps): import("react").JSX.Element;

package/dist/components/date-picker/trigger.d.ts

@@ -0,0 +1,10 @@
+import { DatePickerTriggerProps } from './primitives';
+/**
+ * This private module contains the DatePicker trigger component.
+ * @module DatePickerTrigger
+ */
+/**
+ * An abstraction of the DatePickerTrigger that toggles the calender open.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ */
+export declare function DatePickerTrigger(props: DatePickerTriggerProps): import("react").JSX.Element;

package/dist/components/date-picker/trigger.js

@@ -0,0 +1,31 @@
+"use client";
+"use client";
+import { useCerberusContext } from "../../context/cerberus.js";
+import { IconButton } from "../icon-button/button.js";
+import { DatePickerParts } from "./parts.js";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/date-picker/trigger.tsx
+/**
+* This private module contains the DatePicker trigger component.
+* @module DatePickerTrigger
+*/
+/**
+* An abstraction of the DatePickerTrigger that toggles the calender open.
+* @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+*/
+function DatePickerTrigger(props) {
+	const { icons } = useCerberusContext();
+	const { calendar: CalendarIcon } = icons;
+	return /* @__PURE__ */ jsx(DatePickerParts.Trigger, {
+		...props,
+		asChild: true,
+		children: /* @__PURE__ */ jsx(IconButton, {
+			ariaLabel: "Open calendar",
+			size: "sm",
+			usage: "ghost",
+			children: /* @__PURE__ */ jsx(CalendarIcon, {})
+		})
+	});
+}
+//#endregion
+export { DatePickerTrigger };

package/dist/components/date-picker/view-control-group.cjs

@@ -0,0 +1,59 @@
+"use client";
+"use client";
+const require_cerberus = require("../../context/cerberus.cjs");
+const require_button = require("../button/button.cjs");
+const require_button$1 = require("../icon-button/button.cjs");
+const require_parts = require("./parts.cjs");
+let styled_system_css = require("styled-system/css");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/date-picker/view-control-group.tsx
+/**
+* This private module contains an abstraction of the DatePickerViewControl
+* primitive.
+* @module 'date-picker/view-control-group'
+*/
+/**
+* An abstraction of the DatePicker control that contains the prev, view, and
+* next triggers which control the calendar output.
+* @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+*/
+function DatePickerViewControlGroup(props) {
+	const { icons } = require_cerberus.useCerberusContext();
+	const { calendarPrev: PrevIcon, calendarNext: NextIcon } = icons;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_parts.DatePickerParts.ViewControl, {
+		...props,
+		children: [
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.PrevTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button$1.IconButton, {
+					ariaLabel: "Previous",
+					size: "sm",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PrevIcon, {})
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.ViewTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.Button, {
+					className: (0, styled_system_css.css)({
+						h: "2rem",
+						paddingInline: "md"
+					}),
+					shape: "rounded",
+					size: "sm",
+					usage: "ghost",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.RangeText, {})
+				})
+			}),
+			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.NextTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button$1.IconButton, {
+					ariaLabel: "Next",
+					size: "sm",
+					children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(NextIcon, {})
+				})
+			})
+		]
+	});
+}
+//#endregion
+exports.DatePickerViewControlGroup = DatePickerViewControlGroup;

package/dist/components/date-picker/view-control-group.d.cts

@@ -0,0 +1,12 @@
+import { DatePickerViewControlProps } from './primitives';
+/**
+ * This private module contains an abstraction of the DatePickerViewControl
+ * primitive.
+ * @module 'date-picker/view-control-group'
+ */
+/**
+ * An abstraction of the DatePicker control that contains the prev, view, and
+ * next triggers which control the calendar output.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ */
+export declare function DatePickerViewControlGroup(props: DatePickerViewControlProps): import("react").JSX.Element;

package/dist/components/date-picker/view-control-group.d.ts

@@ -0,0 +1,12 @@
+import { DatePickerViewControlProps } from './primitives';
+/**
+ * This private module contains an abstraction of the DatePickerViewControl
+ * primitive.
+ * @module 'date-picker/view-control-group'
+ */
+/**
+ * An abstraction of the DatePicker control that contains the prev, view, and
+ * next triggers which control the calendar output.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ */
+export declare function DatePickerViewControlGroup(props: DatePickerViewControlProps): import("react").JSX.Element;

package/dist/components/date-picker/view-control-group.js

@@ -0,0 +1,59 @@
+"use client";
+"use client";
+import { useCerberusContext } from "../../context/cerberus.js";
+import { Button } from "../button/button.js";
+import { IconButton } from "../icon-button/button.js";
+import { DatePickerParts } from "./parts.js";
+import { css } from "styled-system/css";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/date-picker/view-control-group.tsx
+/**
+* This private module contains an abstraction of the DatePickerViewControl
+* primitive.
+* @module 'date-picker/view-control-group'
+*/
+/**
+* An abstraction of the DatePicker control that contains the prev, view, and
+* next triggers which control the calendar output.
+* @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+*/
+function DatePickerViewControlGroup(props) {
+	const { icons } = useCerberusContext();
+	const { calendarPrev: PrevIcon, calendarNext: NextIcon } = icons;
+	return /* @__PURE__ */ jsxs(DatePickerParts.ViewControl, {
+		...props,
+		children: [
+			/* @__PURE__ */ jsx(DatePickerParts.PrevTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(IconButton, {
+					ariaLabel: "Previous",
+					size: "sm",
+					children: /* @__PURE__ */ jsx(PrevIcon, {})
+				})
+			}),
+			/* @__PURE__ */ jsx(DatePickerParts.ViewTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Button, {
+					className: css({
+						h: "2rem",
+						paddingInline: "md"
+					}),
+					shape: "rounded",
+					size: "sm",
+					usage: "ghost",
+					children: /* @__PURE__ */ jsx(DatePickerParts.RangeText, {})
+				})
+			}),
+			/* @__PURE__ */ jsx(DatePickerParts.NextTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(IconButton, {
+					ariaLabel: "Next",
+					size: "sm",
+					children: /* @__PURE__ */ jsx(NextIcon, {})
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { DatePickerViewControlGroup };

package/dist/components/date-picker/year-view.cjs

@@ -0,0 +1,28 @@
+"use client";
+"use client";
+const require_parts = require("./parts.cjs");
+const require_view_control_group = require("./view-control-group.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/date-picker/year-view.tsx
+/**
+* This private module contains an abstraction of the DatePickerYearView
+* component.
+* @module 'date-picker/year-view'
+*/
+/**
+* An abstraction of the DatePickerYearView that renders the year view of the
+* DatePicker.
+* @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+*/
+function DatePickerYearView(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.View, {
+		...props,
+		view: "year",
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.Context, { children: (datePicker) => /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(react_jsx_runtime.Fragment, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_view_control_group.DatePickerViewControlGroup, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.Table, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.TableBody, { children: datePicker.getYearsGrid({ columns: 4 }).map((years, id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.TableRow, { children: years.map((year, id) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.TableCell, {
+			value: year.value,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_parts.DatePickerParts.TableCellTrigger, { children: year.label })
+		}, id)) }, id)) }) })] }) })
+	});
+}
+//#endregion
+exports.DatePickerYearView = DatePickerYearView;

package/dist/components/date-picker/year-view.d.cts

@@ -0,0 +1,12 @@
+import { DatePickerViewProps } from './primitives';
+/**
+ * This private module contains an abstraction of the DatePickerYearView
+ * component.
+ * @module 'date-picker/year-view'
+ */
+/**
+ * An abstraction of the DatePickerYearView that renders the year view of the
+ * DatePicker.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ */
+export declare function DatePickerYearView(props: DatePickerViewProps): import("react").JSX.Element;

package/dist/components/date-picker/year-view.d.ts

@@ -0,0 +1,12 @@
+import { DatePickerViewProps } from './primitives';
+/**
+ * This private module contains an abstraction of the DatePickerYearView
+ * component.
+ * @module 'date-picker/year-view'
+ */
+/**
+ * An abstraction of the DatePickerYearView that renders the year view of the
+ * DatePicker.
+ * @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+ */
+export declare function DatePickerYearView(props: DatePickerViewProps): import("react").JSX.Element;

package/dist/components/date-picker/year-view.js

@@ -0,0 +1,28 @@
+"use client";
+"use client";
+import { DatePickerParts } from "./parts.js";
+import { DatePickerViewControlGroup } from "./view-control-group.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/date-picker/year-view.tsx
+/**
+* This private module contains an abstraction of the DatePickerYearView
+* component.
+* @module 'date-picker/year-view'
+*/
+/**
+* An abstraction of the DatePickerYearView that renders the year view of the
+* DatePicker.
+* @definition [datePicker docs](https://cerberus.digitalu.design/react/date-picker)
+*/
+function DatePickerYearView(props) {
+	return /* @__PURE__ */ jsx(DatePickerParts.View, {
+		...props,
+		view: "year",
+		children: /* @__PURE__ */ jsx(DatePickerParts.Context, { children: (datePicker) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx(DatePickerViewControlGroup, {}), /* @__PURE__ */ jsx(DatePickerParts.Table, { children: /* @__PURE__ */ jsx(DatePickerParts.TableBody, { children: datePicker.getYearsGrid({ columns: 4 }).map((years, id) => /* @__PURE__ */ jsx(DatePickerParts.TableRow, { children: years.map((year, id) => /* @__PURE__ */ jsx(DatePickerParts.TableCell, {
+			value: year.value,
+			children: /* @__PURE__ */ jsx(DatePickerParts.TableCellTrigger, { children: year.label })
+		}, id)) }, id)) }) })] }) })
+	});
+}
+//#endregion
+export { DatePickerYearView };

package/dist/components/dialog/close-icon-trigger.cjs

@@ -0,0 +1,32 @@
+"use client";
+"use client";
+const require_cerberus = require("../../context/cerberus.cjs");
+const require_button = require("../icon-button/button.cjs");
+const require_primitives = require("./primitives.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+let styled_system_css = require("styled-system/css");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/dialog/close-icon-trigger.tsx
+/**
+* This module contains the close trigger for the dialog.
+* @module react/dialog
+*/
+function DialogCloseIconTrigger(props) {
+	const styles = (0, styled_system_recipes.dialog)();
+	const { icons } = require_cerberus.useCerberusContext();
+	const { close: CloseIcon } = icons;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.DialogCloseTrigger, {
+		...props,
+		className: (0, styled_system_css.cx)(styles.closeTrigger, props.className),
+		asChild: true,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_button.IconButton, {
+			ariaLabel: "Close dialog",
+			palette: "action",
+			size: "lg",
+			usage: "ghost",
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(CloseIcon, {})
+		})
+	});
+}
+//#endregion
+exports.DialogCloseIconTrigger = DialogCloseIconTrigger;

package/dist/components/dialog/close-icon-trigger.d.cts

@@ -0,0 +1,6 @@
+import { DialogCloseTriggerProps } from './primitives';
+/**
+ * This module contains the close trigger for the dialog.
+ * @module react/dialog
+ */
+export declare function DialogCloseIconTrigger(props: DialogCloseTriggerProps): import("react").JSX.Element;

package/dist/components/dialog/close-icon-trigger.d.ts

@@ -0,0 +1,6 @@
+import { DialogCloseTriggerProps } from './primitives';
+/**
+ * This module contains the close trigger for the dialog.
+ * @module react/dialog
+ */
+export declare function DialogCloseIconTrigger(props: DialogCloseTriggerProps): import("react").JSX.Element;

package/dist/components/dialog/close-icon-trigger.js

@@ -0,0 +1,32 @@
+"use client";
+"use client";
+import { useCerberusContext } from "../../context/cerberus.js";
+import { IconButton } from "../icon-button/button.js";
+import { DialogCloseTrigger } from "./primitives.js";
+import { dialog } from "styled-system/recipes";
+import { cx } from "styled-system/css";
+import { jsx } from "react/jsx-runtime";
+//#region src/components/dialog/close-icon-trigger.tsx
+/**
+* This module contains the close trigger for the dialog.
+* @module react/dialog
+*/
+function DialogCloseIconTrigger(props) {
+	const styles = dialog();
+	const { icons } = useCerberusContext();
+	const { close: CloseIcon } = icons;
+	return /* @__PURE__ */ jsx(DialogCloseTrigger, {
+		...props,
+		className: cx(styles.closeTrigger, props.className),
+		asChild: true,
+		children: /* @__PURE__ */ jsx(IconButton, {
+			ariaLabel: "Close dialog",
+			palette: "action",
+			size: "lg",
+			usage: "ghost",
+			children: /* @__PURE__ */ jsx(CloseIcon, {})
+		})
+	});
+}
+//#endregion
+export { DialogCloseIconTrigger };

package/dist/components/dialog/dialog.cjs

@@ -0,0 +1,26 @@
+const require_portal = require("../portal/portal.cjs");
+const require_primitives = require("./primitives.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+//#region src/components/dialog/dialog.tsx
+/**
+* An abstraction of the Dialog primitives that controls the content of the
+* dialog. Must be used within the `DialogProvider` component.
+* @definition [Dialog docs](https://cerberus.digitalu.design/react/dialog)
+* @definition [Ark Dialog docs](https://ark-ui.com/react/docs/components/dialog)
+* @example
+* ```tsx
+* <DialogProvider>
+*   <DialogTrigger asChild>
+*    <Button>Open Dialog</Button>
+*  </DialogTrigger>
+*  <Dialog>
+*    <Text>Dialog Content</Text>
+*  </Dialog>
+* </DialogProvider>
+* ```
+*/
+function Dialog(props) {
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_portal.Portal, { children: [/* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.DialogBackdrop, {}), /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.DialogPositioner, { children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.DialogContent, { ...props }) })] });
+}
+//#endregion
+exports.Dialog = Dialog;

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

@@ -0,0 +1,24 @@
+import { DialogContentProps } from './primitives';
+/**
+ * This module contains and abstraction of the Dialog primitives.
+ * @module 'dialog'
+ */
+export type DialogProps = DialogContentProps;
+/**
+ * An abstraction of the Dialog primitives that controls the content of the
+ * dialog. Must be used within the `DialogProvider` component.
+ * @definition [Dialog docs](https://cerberus.digitalu.design/react/dialog)
+ * @definition [Ark Dialog docs](https://ark-ui.com/react/docs/components/dialog)
+ * @example
+ * ```tsx
+ * <DialogProvider>
+ *   <DialogTrigger asChild>
+ *    <Button>Open Dialog</Button>
+ *  </DialogTrigger>
+ *  <Dialog>
+ *    <Text>Dialog Content</Text>
+ *  </Dialog>
+ * </DialogProvider>
+ * ```
+ */
+export declare function Dialog(props: DialogProps): import("react").JSX.Element;

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

@@ -0,0 +1,24 @@
+import { DialogContentProps } from './primitives';
+/**
+ * This module contains and abstraction of the Dialog primitives.
+ * @module 'dialog'
+ */
+export type DialogProps = DialogContentProps;
+/**
+ * An abstraction of the Dialog primitives that controls the content of the
+ * dialog. Must be used within the `DialogProvider` component.
+ * @definition [Dialog docs](https://cerberus.digitalu.design/react/dialog)
+ * @definition [Ark Dialog docs](https://ark-ui.com/react/docs/components/dialog)
+ * @example
+ * ```tsx
+ * <DialogProvider>
+ *   <DialogTrigger asChild>
+ *    <Button>Open Dialog</Button>
+ *  </DialogTrigger>
+ *  <Dialog>
+ *    <Text>Dialog Content</Text>
+ *  </Dialog>
+ * </DialogProvider>
+ * ```
+ */
+export declare function Dialog(props: DialogProps): import("react").JSX.Element;

package/dist/components/dialog/dialog.js

@@ -0,0 +1,26 @@
+import { Portal } from "../portal/portal.js";
+import { DialogBackdrop, DialogContent, DialogPositioner } from "./primitives.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/dialog/dialog.tsx
+/**
+* An abstraction of the Dialog primitives that controls the content of the
+* dialog. Must be used within the `DialogProvider` component.
+* @definition [Dialog docs](https://cerberus.digitalu.design/react/dialog)
+* @definition [Ark Dialog docs](https://ark-ui.com/react/docs/components/dialog)
+* @example
+* ```tsx
+* <DialogProvider>
+*   <DialogTrigger asChild>
+*    <Button>Open Dialog</Button>
+*  </DialogTrigger>
+*  <Dialog>
+*    <Text>Dialog Content</Text>
+*  </Dialog>
+* </DialogProvider>
+* ```
+*/
+function Dialog(props) {
+	return /* @__PURE__ */ jsxs(Portal, { children: [/* @__PURE__ */ jsx(DialogBackdrop, {}), /* @__PURE__ */ jsx(DialogPositioner, { children: /* @__PURE__ */ jsx(DialogContent, { ...props }) })] });
+}
+//#endregion
+export { Dialog };