@cerberus-design/react 1.2.0 → 1.3.0-rc.1

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

@@ -1,148 +1,97 @@
 import { DatePicker, DatePickerContentProps as ArkDatePickerContentProps, DatePickerContextProps as ArkDatePickerContextProps, DatePickerControlProps as ArkDatePickerControlProps, DatePickerInputProps as ArkDatePickerInputProps, DatePickerLabelProps as ArkDatePickerLabelProps, DatePickerMonthSelectProps as ArkDatePickerMonthSelectProps, DatePickerNextTriggerProps as ArkDatePickerNextTriggerProps, DatePickerPositionerProps as ArkDatePickerPositionerProps, DatePickerPrevTriggerProps as ArkDatePickerPrevTriggerProps, DatePickerRangeTextProps as ArkDatePickerRangeTextProps, DatePickerRootProps as ArkDatePickerRootProps, DatePickerTableBodyProps as ArkDatePickerTableBodyProps, DatePickerTableCellProps as ArkDatePickerTableCellProps, DatePickerTableCellTriggerProps as ArkDatePickerTableCellTriggerProps, DatePickerTableHeaderProps as ArkDatePickerTableHeaderProps, DatePickerTableHeadProps as ArkDatePickerTableHeadProps, DatePickerTableProps as ArkDatePickerTableProps, DatePickerTableRowProps as ArkDatePickerTableRowProps, DatePickerTriggerProps as ArkDatePickerTriggerProps, DatePickerViewControlProps as ArkDatePickerViewControlProps, DatePickerViewProps as ArkDatePickerViewProps, DatePickerViewTriggerProps as ArkDatePickerViewTriggerProps, DatePickerYearSelectProps as ArkDatePickerYearSelectProps } from '@ark-ui/react/date-picker';
 import { CerberusPrimitiveProps } from '../../system/index';
-import { RefAttributes, ReactNode } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
 /**
  * The label component for the DatePicker.
  */
 export type DatePickerLabelProps = CerberusPrimitiveProps<ArkDatePickerLabelProps>;
-export declare const DatePickerLabel: {
-    (internalProps: CerberusPrimitiveProps<DatePicker.LabelProps & RefAttributes<HTMLLabelElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.LabelProps & RefAttributes<HTMLLabelElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The control component for the DatePicker which wraps the input and the
  * triggers to open the DatePicker and clear the value.
  */
 export type DatePickerControlProps = CerberusPrimitiveProps<ArkDatePickerControlProps>;
-export declare const DatePickerControl: {
-    (internalProps: CerberusPrimitiveProps<DatePicker.ControlProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerControl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.ControlProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The input component for the DatePicker.
  */
 export type DatePickerInputElProps = CerberusPrimitiveProps<ArkDatePickerInputProps>;
-export declare const DatePickerInputEl: {
-    (internalProps: CerberusPrimitiveProps<DatePicker.InputProps & RefAttributes<HTMLInputElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerInputEl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.InputProps & RefAttributes<HTMLInputElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The trigger component that opens the DatePicker.
  */
 export type DatePickerTriggerProps = CerberusPrimitiveProps<ArkDatePickerTriggerProps>;
-export declare const DatePickerTrigger: {
-    (internalProps: CerberusPrimitiveProps<DatePicker.TriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.TriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The content component for the DatePicker.
  */
 export type DatePickerContentProps = CerberusPrimitiveProps<ArkDatePickerContentProps>;
-export declare const DatePickerContent: {
-    (internalProps: CerberusPrimitiveProps<DatePicker.ContentProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.ContentProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The view control component for the DatePicker which wraps the triggers to
  * switch between calendar views.
  */
 export type DatePickerViewControlProps = CerberusPrimitiveProps<ArkDatePickerViewControlProps>;
-export declare const DatePickerViewControl: {
-    (internalProps: CerberusPrimitiveProps<DatePicker.ControlProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerViewControl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.ControlProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The range text component for the DatePicker.
  */
 export type DatePickerRangeTextProps = CerberusPrimitiveProps<ArkDatePickerRangeTextProps>;
-export declare const DatePickerRangeText: {
-    (internalProps: CerberusPrimitiveProps<DatePicker.RangeTextProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerRangeText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.RangeTextProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The table component for the DatePicker.
  */
 export type DatePickerTableProps = CerberusPrimitiveProps<ArkDatePickerTableProps>;
-export declare const DatePickerTable: {
-    (internalProps: CerberusPrimitiveProps<DatePicker.TableProps & RefAttributes<HTMLTableElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerTable: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.TableProps & RefAttributes<HTMLTableElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The header component for the DatePicker table.
  */
 export type DatePickerTableHeaderProps = CerberusPrimitiveProps<ArkDatePickerTableHeaderProps>;
-export declare const DatePickerTableHeader: {
-    (internalProps: CerberusPrimitiveProps<DatePicker.TableHeaderProps & RefAttributes<HTMLTableCellElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerTableHeader: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.TableHeaderProps & RefAttributes<HTMLTableCellElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The table cell component for the DatePicker.
  */
 export type DatePickerTableCellProps = CerberusPrimitiveProps<ArkDatePickerTableCellProps>;
-export declare const DatePickerTableCell: {
-    (internalProps: CerberusPrimitiveProps<DatePicker.TableCellProps & RefAttributes<HTMLTableCellElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerTableCell: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.TableCellProps & RefAttributes<HTMLTableCellElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The table cell trigger component for the DatePicker.
  */
 export type DatePickerTableCellTriggerProps = CerberusPrimitiveProps<ArkDatePickerTableCellTriggerProps>;
-export declare const DatePickerTableCellTrigger: {
-    (internalProps: CerberusPrimitiveProps<DatePicker.TableCellTriggerProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerTableCellTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.TableCellTriggerProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The root component of the DatePicker. This primitive has no Cerberus styles.
  */
 export type DatePickerRootProps = CerberusPrimitiveProps<ArkDatePickerRootProps>;
-export declare const DatePickerRoot: {
-    (props: CerberusPrimitiveProps<DatePicker.RootProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The label component of the DatePicker. This primitive has no Cerberus styles.
  */
 export type DatePickerClearTriggerProps = CerberusPrimitiveProps<ArkDatePickerTriggerProps>;
-export declare const DatePickerClearTrigger: {
-    (props: CerberusPrimitiveProps<DatePicker.ClearTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerClearTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.ClearTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The control component of the DatePicker. This primitive has no Cerberus
  * styles.
  */
 export type DatePickerPositionerProps = CerberusPrimitiveProps<ArkDatePickerPositionerProps>;
-export declare const DatePickerPositioner: {
-    (internalProps: CerberusPrimitiveProps<DatePicker.PositionerProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerPositioner: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.PositionerProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The year select input component of the DatePicker. This primitive has no
  * Cerberus styles.
  */
 export type DatePickerYearSelectProps = CerberusPrimitiveProps<ArkDatePickerYearSelectProps>;
-export declare const DatePickerYearSelect: {
-    (props: CerberusPrimitiveProps<DatePicker.YearSelectProps & RefAttributes<HTMLSelectElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerYearSelect: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.YearSelectProps & RefAttributes<HTMLSelectElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The month select input component of the DatePicker. This primitive has no
  * Cerberus styles.
  */
 export type DatePickerMonthSelectProps = CerberusPrimitiveProps<ArkDatePickerMonthSelectProps>;
-export declare const DatePickerMonthSelect: {
-    (props: CerberusPrimitiveProps<DatePicker.MonthSelectProps & RefAttributes<HTMLSelectElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerMonthSelect: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.MonthSelectProps & RefAttributes<HTMLSelectElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The day view component of the DatePicker. This primitive has no Cerberus
  * styles.
  */
 export type DatePickerViewProps = CerberusPrimitiveProps<ArkDatePickerViewProps>;
-export declare const DatePickerView: {
-    (props: CerberusPrimitiveProps<DatePicker.ViewProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerView: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.ViewProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The day context component of the DatePicker. This primitive has no
  * Cerberus styles.
@@ -154,52 +103,34 @@ export declare const DatePickerContext: (props: DatePicker.ContextProps) => Reac
  * styles.
  */
 export type DatePickerPrevTriggerProps = CerberusPrimitiveProps<ArkDatePickerPrevTriggerProps>;
-export declare const DatePickerPrevTrigger: {
-    (props: CerberusPrimitiveProps<DatePicker.PrevTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerPrevTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.PrevTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The trigger component of the DatePicker. This primitive has no Cerberus
  * styles.
  */
 export type DatePickerNextTriggerProps = CerberusPrimitiveProps<ArkDatePickerNextTriggerProps>;
-export declare const DatePickerNextTrigger: {
-    (props: CerberusPrimitiveProps<DatePicker.NextTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerNextTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.NextTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The trigger component of the DatePicker. This primitive has no Cerberus
  * styles.
  */
 export type DatePickerViewTriggerProps = CerberusPrimitiveProps<ArkDatePickerViewTriggerProps>;
-export declare const DatePickerViewTrigger: {
-    (props: CerberusPrimitiveProps<DatePicker.ViewTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerViewTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.ViewTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The table head component of the DatePicker. This primitive has no Cerberus
  * styles.
  */
 export type DatePickerTableHeadProps = CerberusPrimitiveProps<ArkDatePickerTableHeadProps>;
-export declare const DatePickerTableHead: {
-    (props: CerberusPrimitiveProps<DatePicker.TableHeadProps & RefAttributes<HTMLTableSectionElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerTableHead: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.TableHeadProps & RefAttributes<HTMLTableSectionElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The table row component of the DatePicker. This primitive has no Cerberus
  * styles.
  */
 export type DatePickerTableRowProps = CerberusPrimitiveProps<ArkDatePickerTableRowProps>;
-export declare const DatePickerTableRow: {
-    (props: CerberusPrimitiveProps<DatePicker.TableRowProps & RefAttributes<HTMLTableRowElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerTableRow: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.TableRowProps & RefAttributes<HTMLTableRowElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The table body component of the DatePicker. This primitive has no Cerberus
  * styles.
  */
 export type DatePickerTableBodyProps = CerberusPrimitiveProps<ArkDatePickerTableBodyProps>;
-export declare const DatePickerTableBody: {
-    (props: CerberusPrimitiveProps<DatePicker.TableBodyProps & RefAttributes<HTMLTableSectionElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DatePickerTableBody: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<DatePicker.TableBodyProps & RefAttributes<HTMLTableSectionElement>>, "ref"> & RefAttributes<HTMLElement>>;

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

@@ -1,8 +1,8 @@
 "use client";
 "use client";
 const require_cerberus = require("../../context/cerberus.cjs");
-const require_primitives = require("./primitives.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");

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

@@ -1,8 +1,8 @@
 "use client";
 "use client";
 import { useCerberusContext } from "../../context/cerberus.js";
-import { DialogCloseTrigger } from "./primitives.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";

package/dist/components/dialog/dialog.cjs

@@ -1,5 +1,5 @@
-const require_primitives = require("./primitives.cjs");
 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
 /**

package/dist/components/dialog/dialog.js

@@ -1,5 +1,5 @@
-import { DialogBackdrop, DialogContent, DialogPositioner } from "./primitives.js";
 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
 /**

package/dist/components/dialog/index.cjs

@@ -1,13 +1,14 @@
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const require_primitives = require("./primitives.cjs");
-const require_parts = require("./parts.cjs");
 const require_close_icon_trigger = require("./close-icon-trigger.cjs");
+const require_parts = require("./parts.cjs");
 const require_dialog = require("./dialog.cjs");
 exports.Dialog = require_dialog.Dialog;
 exports.DialogBackdrop = require_primitives.DialogBackdrop;
 exports.DialogCloseIconTrigger = require_close_icon_trigger.DialogCloseIconTrigger;
 exports.DialogCloseTrigger = require_primitives.DialogCloseTrigger;
 exports.DialogContent = require_primitives.DialogContent;
+exports.DialogContext = require_primitives.DialogContext;
 exports.DialogDescription = require_primitives.DialogDescription;
 exports.DialogHeading = require_primitives.DialogHeading;
 exports.DialogParts = require_parts.DialogParts;

package/dist/components/dialog/index.js

@@ -1,5 +1,5 @@
-import { DialogBackdrop, DialogCloseTrigger, DialogContent, DialogDescription, DialogHeading, DialogPositioner, DialogProvider, DialogRoot, DialogTrigger } from "./primitives.js";
-import { DialogParts } from "./parts.js";
+import { DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogHeading, DialogPositioner, DialogProvider, DialogRoot, DialogTrigger } from "./primitives.js";
 import { DialogCloseIconTrigger } from "./close-icon-trigger.js";
+import { DialogParts } from "./parts.js";
 import { Dialog } from "./dialog.js";
-export { Dialog, DialogBackdrop, DialogCloseIconTrigger, DialogCloseTrigger, DialogContent, DialogDescription, DialogHeading, DialogParts, DialogPositioner, DialogProvider, DialogRoot, DialogTrigger };
+export { Dialog, DialogBackdrop, DialogCloseIconTrigger, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogHeading, DialogParts, DialogPositioner, DialogProvider, DialogRoot, DialogTrigger };

package/dist/components/dialog/primitives.cjs

@@ -19,10 +19,12 @@ var DialogContent = withSlotRecipe(_ark_ui_react_dialog.Dialog.Content, "content
 var DialogHeading = withSlotRecipe(_ark_ui_react_dialog.Dialog.Title, "title");
 var DialogDescription = withSlotRecipe(_ark_ui_react_dialog.Dialog.Description, "description");
 var DialogCloseTrigger = withNoRecipe(_ark_ui_react_dialog.Dialog.CloseTrigger);
+var DialogContext = _ark_ui_react_dialog.Dialog.Context;
 //#endregion
 exports.DialogBackdrop = DialogBackdrop;
 exports.DialogCloseTrigger = DialogCloseTrigger;
 exports.DialogContent = DialogContent;
+exports.DialogContext = DialogContext;
 exports.DialogDescription = DialogDescription;
 exports.DialogHeading = DialogHeading;
 exports.DialogPositioner = DialogPositioner;

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

@@ -1,75 +1,51 @@
-import { Dialog, DialogBackdropProps as ArkDialogBackdropProps, DialogContentProps as ArkDialogContentProps, DialogDescriptionProps as ArkDialogDescriptionProps, DialogPositionerProps as ArkDialogPositionerProps, DialogRootProps as ArkDialogRootProps, DialogTitleProps as ArkDialogTitleProps, DialogTriggerProps as ArkDialogTriggerProps } from '@ark-ui/react/dialog';
+import { Dialog, DialogRootProviderProps as ArkDialogRootProviderProps, DialogBackdropProps as ArkDialogBackdropProps, DialogContentProps as ArkDialogContentProps, DialogDescriptionProps as ArkDialogDescriptionProps, DialogPositionerProps as ArkDialogPositionerProps, DialogRootProps as ArkDialogRootProps, DialogTitleProps as ArkDialogTitleProps, DialogTriggerProps as ArkDialogTriggerProps, DialogContextProps as ArkDialogContextProps } from '@ark-ui/react/dialog';
 import { DialogVariantProps } from 'styled-system/recipes';
 import { CerberusPrimitiveProps } from '../../system/index';
-import { RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
 /**
  * The provider that controls the dialog components.
  */
 export type DialogRootProps = CerberusPrimitiveProps<ArkDialogRootProps>;
-export declare const DialogRoot: {
-    (props: CerberusPrimitiveProps<Dialog.RootProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.RootProps>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * An abstraction of the DialogRoot component for naming consistency.
  */
-export declare const DialogProvider: {
-    (props: CerberusPrimitiveProps<Dialog.RootProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogProvider: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.RootProps>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The trigger that opens the dialog.
  */
 export type DialogTriggerProps = CerberusPrimitiveProps<ArkDialogTriggerProps>;
-export declare const DialogTrigger: {
-    (internalProps: CerberusPrimitiveProps<Dialog.TriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.TriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The overlay of the dialog.
  */
 export type DialogBackdropProps = CerberusPrimitiveProps<ArkDialogBackdropProps>;
-export declare const DialogBackdrop: {
-    (internalProps: CerberusPrimitiveProps<Dialog.BackdropProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogBackdrop: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.BackdropProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The container that positions the dialog.
  */
 export type DialogPositionerProps = CerberusPrimitiveProps<ArkDialogPositionerProps>;
-export declare const DialogPositioner: {
-    (internalProps: CerberusPrimitiveProps<Dialog.PositionerProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogPositioner: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.PositionerProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The visible content of the dialog.
  */
 export type DialogContentProps = CerberusPrimitiveProps<ArkDialogContentProps & DialogVariantProps>;
-export declare const DialogContent: {
-    (internalProps: CerberusPrimitiveProps<Dialog.ContentProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.ContentProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The heading of the dialog.
  */
 export type DialogHeadingProps = CerberusPrimitiveProps<ArkDialogTitleProps>;
-export declare const DialogHeading: {
-    (internalProps: CerberusPrimitiveProps<Dialog.TitleProps & RefAttributes<HTMLHeadingElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogHeading: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.TitleProps & RefAttributes<HTMLHeadingElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The description of the dialog.
  */
 export type DialogDescriptionProps = CerberusPrimitiveProps<ArkDialogDescriptionProps>;
-export declare const DialogDescription: {
-    (internalProps: CerberusPrimitiveProps<Dialog.DescriptionProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogDescription: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.DescriptionProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The trigger that closes the dialog.
  */
 export type DialogCloseTriggerProps = CerberusPrimitiveProps<ArkDialogTriggerProps>;
-export declare const DialogCloseTrigger: {
-    (props: CerberusPrimitiveProps<Dialog.CloseTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogCloseTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.CloseTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type DialogContextProps = CerberusPrimitiveProps<ArkDialogContextProps>;
+export declare const DialogContext: (props: Dialog.ContextProps) => ReactNode;
+export type DialogRootProviderProps = CerberusPrimitiveProps<ArkDialogRootProviderProps>;

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

@@ -1,75 +1,51 @@
-import { Dialog, DialogBackdropProps as ArkDialogBackdropProps, DialogContentProps as ArkDialogContentProps, DialogDescriptionProps as ArkDialogDescriptionProps, DialogPositionerProps as ArkDialogPositionerProps, DialogRootProps as ArkDialogRootProps, DialogTitleProps as ArkDialogTitleProps, DialogTriggerProps as ArkDialogTriggerProps } from '@ark-ui/react/dialog';
+import { Dialog, DialogRootProviderProps as ArkDialogRootProviderProps, DialogBackdropProps as ArkDialogBackdropProps, DialogContentProps as ArkDialogContentProps, DialogDescriptionProps as ArkDialogDescriptionProps, DialogPositionerProps as ArkDialogPositionerProps, DialogRootProps as ArkDialogRootProps, DialogTitleProps as ArkDialogTitleProps, DialogTriggerProps as ArkDialogTriggerProps, DialogContextProps as ArkDialogContextProps } from '@ark-ui/react/dialog';
 import { DialogVariantProps } from 'styled-system/recipes';
 import { CerberusPrimitiveProps } from '../../system/index';
-import { RefAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, ReactNode } from 'react';
 /**
  * The provider that controls the dialog components.
  */
 export type DialogRootProps = CerberusPrimitiveProps<ArkDialogRootProps>;
-export declare const DialogRoot: {
-    (props: CerberusPrimitiveProps<Dialog.RootProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.RootProps>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * An abstraction of the DialogRoot component for naming consistency.
  */
-export declare const DialogProvider: {
-    (props: CerberusPrimitiveProps<Dialog.RootProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogProvider: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.RootProps>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The trigger that opens the dialog.
  */
 export type DialogTriggerProps = CerberusPrimitiveProps<ArkDialogTriggerProps>;
-export declare const DialogTrigger: {
-    (internalProps: CerberusPrimitiveProps<Dialog.TriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.TriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The overlay of the dialog.
  */
 export type DialogBackdropProps = CerberusPrimitiveProps<ArkDialogBackdropProps>;
-export declare const DialogBackdrop: {
-    (internalProps: CerberusPrimitiveProps<Dialog.BackdropProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogBackdrop: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.BackdropProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The container that positions the dialog.
  */
 export type DialogPositionerProps = CerberusPrimitiveProps<ArkDialogPositionerProps>;
-export declare const DialogPositioner: {
-    (internalProps: CerberusPrimitiveProps<Dialog.PositionerProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogPositioner: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.PositionerProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The visible content of the dialog.
  */
 export type DialogContentProps = CerberusPrimitiveProps<ArkDialogContentProps & DialogVariantProps>;
-export declare const DialogContent: {
-    (internalProps: CerberusPrimitiveProps<Dialog.ContentProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.ContentProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The heading of the dialog.
  */
 export type DialogHeadingProps = CerberusPrimitiveProps<ArkDialogTitleProps>;
-export declare const DialogHeading: {
-    (internalProps: CerberusPrimitiveProps<Dialog.TitleProps & RefAttributes<HTMLHeadingElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogHeading: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.TitleProps & RefAttributes<HTMLHeadingElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The description of the dialog.
  */
 export type DialogDescriptionProps = CerberusPrimitiveProps<ArkDialogDescriptionProps>;
-export declare const DialogDescription: {
-    (internalProps: CerberusPrimitiveProps<Dialog.DescriptionProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogDescription: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.DescriptionProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * The trigger that closes the dialog.
  */
 export type DialogCloseTriggerProps = CerberusPrimitiveProps<ArkDialogTriggerProps>;
-export declare const DialogCloseTrigger: {
-    (props: CerberusPrimitiveProps<Dialog.CloseTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const DialogCloseTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Dialog.CloseTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type DialogContextProps = CerberusPrimitiveProps<ArkDialogContextProps>;
+export declare const DialogContext: (props: Dialog.ContextProps) => ReactNode;
+export type DialogRootProviderProps = CerberusPrimitiveProps<ArkDialogRootProviderProps>;

package/dist/components/dialog/primitives.js

@@ -19,5 +19,6 @@ var DialogContent = withSlotRecipe(Dialog.Content, "content");
 var DialogHeading = withSlotRecipe(Dialog.Title, "title");
 var DialogDescription = withSlotRecipe(Dialog.Description, "description");
 var DialogCloseTrigger$1 = withNoRecipe(Dialog.CloseTrigger);
+var DialogContext = Dialog.Context;
 //#endregion
-export { DialogBackdrop, DialogCloseTrigger$1 as DialogCloseTrigger, DialogContent, DialogDescription, DialogHeading, DialogPositioner, DialogProvider, DialogRoot, DialogTrigger };
+export { DialogBackdrop, DialogCloseTrigger$1 as DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogHeading, DialogPositioner, DialogProvider, DialogRoot, DialogTrigger };

package/dist/components/field/primitives.d.cts

@@ -3,64 +3,40 @@ import { HTMLArkProps, PolymorphicProps } from '@ark-ui/react';
 import { FieldVariantProps } from 'styled-system/recipes';
 import { CerberusPrimitiveProps } from '../../system/index';
 import { CerberusFieldInput } from './input';
-import { RefAttributes, ReactNode, ClassAttributes, HTMLAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, ReactNode, ClassAttributes, HTMLAttributes } from 'react';
 import { BaseCerberusProps } from '../..';
 export type FieldRootProps = CerberusPrimitiveProps<ArkFieldRootProps & FieldVariantProps>;
-export declare const FieldRoot: {
-    (internalProps: CerberusPrimitiveProps<Field.RootProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const FieldRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Field.RootProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type FieldLabelProps = CerberusPrimitiveProps<ArkFieldLabelProps> & {
     /**
      * Whether to hide the label visually while keeping it accessible to screen readers.
      */
     hideLabel?: boolean;
 };
-export declare const FieldLabel: {
-    (internalProps: CerberusPrimitiveProps< BaseCerberusProps & {
-        children?: ReactNode | undefined;
-    } & Field.LabelProps & {
-        /**
-         * Whether to hide the label visually while keeping it accessible to screen readers.
-         */
-        hideLabel?: boolean;
-    }>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const FieldLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< BaseCerberusProps & {
+    children?: ReactNode | undefined;
+} & Field.LabelProps & {
+    /**
+     * Whether to hide the label visually while keeping it accessible to screen readers.
+     */
+    hideLabel?: boolean;
+}>, "ref"> & RefAttributes<HTMLElement>>;
 export type FieldRequiredIndicatorProps = CerberusPrimitiveProps<ArkFieldRequiredIndicatorProps>;
-export declare const FieldRequiredIndicator: {
-    (props: CerberusPrimitiveProps< BaseCerberusProps & {
-        children?: ReactNode | undefined;
-    } & Field.RequiredIndicatorProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const FieldRequiredIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< BaseCerberusProps & {
+    children?: ReactNode | undefined;
+} & Field.RequiredIndicatorProps>, "ref"> & RefAttributes<HTMLElement>>;
 export type FieldInputRootProps = CerberusPrimitiveProps<HTMLArkProps<'div'> & FieldVariantProps>;
-export declare const FieldInputRoot: {
-    (internalProps: CerberusPrimitiveProps< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & PolymorphicProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const FieldInputRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< ClassAttributes<HTMLDivElement> & HTMLAttributes<HTMLDivElement> & PolymorphicProps>, "ref"> & RefAttributes<HTMLElement>>;
 export type FieldInputProps = CerberusPrimitiveProps<ArkFieldInputProps & FieldVariantProps>;
-export declare const FieldInput: {
-    (internalProps: CerberusPrimitiveProps<Field.InputProps & RefAttributes<HTMLInputElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const FieldInput: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Field.InputProps & RefAttributes<HTMLInputElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type FieldHelperTextProps = CerberusPrimitiveProps<ArkFieldHelperTextProps>;
-export declare const FieldHelperText: {
-    (internalProps: CerberusPrimitiveProps<Field.HelperTextProps & RefAttributes<HTMLSpanElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const FieldHelperText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Field.HelperTextProps & RefAttributes<HTMLSpanElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type FieldErrorTextProps = CerberusPrimitiveProps<ArkFieldHelperTextProps>;
-export declare const FieldErrorText: {
-    (internalProps: CerberusPrimitiveProps< BaseCerberusProps & {
-        children?: ReactNode | undefined;
-    } & Field.HelperTextProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const FieldErrorText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< BaseCerberusProps & {
+    children?: ReactNode | undefined;
+} & Field.HelperTextProps>, "ref"> & RefAttributes<HTMLElement>>;
 export type FieldTextareaProps = CerberusPrimitiveProps<ArkFieldTextareaProps>;
-export declare const FieldTextarea: {
-    (internalProps: CerberusPrimitiveProps<Field.TextareaProps & RefAttributes<HTMLTextAreaElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const FieldTextarea: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Field.TextareaProps & RefAttributes<HTMLTextAreaElement>>, "ref"> & RefAttributes<HTMLElement>>;
 /**
  * A named export for the FieldInput component.
  * @description [Field Docs](https://cerberus.digitalu.design/react/field)
@@ -94,7 +70,4 @@ export declare const Input: typeof CerberusFieldInput;
  * </Field>
  * ```
  */
-export declare const Textarea: {
-    (internalProps: CerberusPrimitiveProps<Field.TextareaProps & RefAttributes<HTMLTextAreaElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const Textarea: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Field.TextareaProps & RefAttributes<HTMLTextAreaElement>>, "ref"> & RefAttributes<HTMLElement>>;