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

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

@@ -3,123 +3,78 @@ import { HTMLArkProps } from '@ark-ui/react/factory';
 import { SelectCollectionItem } from '../select/select';
 import { ComboboxVariantProps } from 'styled-system/recipes';
 import { CerberusPrimitiveProps } from '../../system/index';
-import { RefAttributes, ClassAttributes, HTMLAttributes } from 'react';
+import { ForwardRefExoticComponent, RefAttributes, ClassAttributes, HTMLAttributes } from 'react';
 import { PolymorphicProps } from '@ark-ui/react';
 /**
  * The ComboboxRoot component is the context provider for the Combobox
  * component.
  */
-export declare const ComboboxRoot: {
-    (internalProps: CerberusPrimitiveProps<Omit<Combobox.RootProps<unknown>, never> & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ComboboxRoot: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Omit<Combobox.RootProps<unknown>, never> & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type ComboboxRootProps = CerberusPrimitiveProps<ArkComboboxRootProps<SelectCollectionItem> & ComboboxVariantProps>;
 /**
  * The label that appears above the combobox input.
  */
-export declare const ComboboxLabel: {
-    (internalProps: CerberusPrimitiveProps<Combobox.LabelProps & RefAttributes<HTMLLabelElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ComboboxLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Combobox.LabelProps & RefAttributes<HTMLLabelElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type ComboboxLabelProps = CerberusPrimitiveProps<ArkComboboxLabelProps>;
 /**
  * The control that wraps the combobox input.
  */
-export declare const ComboboxControl: {
-    (internalProps: CerberusPrimitiveProps<Combobox.ControlProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ComboboxControl: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Combobox.ControlProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type ComboboxControlProps = CerberusPrimitiveProps<ArkComboboxControlProps>;
 /**
  * The input of the combobox.
  */
-export declare const ComboboxInput: {
-    (internalProps: CerberusPrimitiveProps<Combobox.InputProps & RefAttributes<HTMLInputElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ComboboxInput: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Combobox.InputProps & RefAttributes<HTMLInputElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type ComboboxInputProps = CerberusPrimitiveProps<ArkComboboxInputProps>;
 /**
  * The trigger that opens the dropdown.
  */
-export declare const ComboboxTrigger: {
-    (internalProps: CerberusPrimitiveProps<Combobox.TriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ComboboxTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Combobox.TriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type ComboboxTriggerProps = CerberusPrimitiveProps<ArkComboboxTriggerProps>;
 /**
  * The trigger to clear the combobox input.
  */
-export declare const ComboboxClearTrigger: {
-    (internalProps: CerberusPrimitiveProps<Combobox.ClearTriggerProps & RefAttributes<HTMLButtonElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ComboboxClearTrigger: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Combobox.ClearTriggerProps & RefAttributes<HTMLButtonElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type ComboboxClearTriggerProps = CerberusPrimitiveProps<ArkComboboxClearTriggerProps>;
 /**
  * The positioner that wraps the content.
  */
-export declare const ComboboxPositioner: {
-    (internalProps: CerberusPrimitiveProps<Combobox.PositionerProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ComboboxPositioner: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Combobox.PositionerProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type ComboboxPositionerProps = CerberusPrimitiveProps<ArkComboboxPositionerProps>;
 /**
  * The content of the combobox component.
  */
-export declare const ComboboxContent: {
-    (internalProps: CerberusPrimitiveProps<Combobox.ContentProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ComboboxContent: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Combobox.ContentProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type ComboboxContentProps = CerberusPrimitiveProps<ArkComboboxContentProps & ComboboxVariantProps>;
 /**
  * A group of items in the combobox component.
  */
-export declare const ComboboxItemGroup: {
-    (internalProps: CerberusPrimitiveProps<Combobox.ItemGroupProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ComboboxItemGroup: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Combobox.ItemGroupProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type ComboboxItemGroupProps = CerberusPrimitiveProps<ArkComboboxItemGroupProps>;
 /**
  * The label for a group of items in the combobox component.
  */
-export declare const ComboboxItemGroupLabel: {
-    (internalProps: CerberusPrimitiveProps<Combobox.ItemGroupLabelProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ComboboxItemGroupLabel: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Combobox.ItemGroupLabelProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type ComboboxItemGroupLabelProps = CerberusPrimitiveProps<ArkComboboxItemGroupLabelProps>;
 /**
  * An individual item in the combobox component.
  */
-export declare const ComboboxItem: {
-    (internalProps: CerberusPrimitiveProps<Combobox.ItemProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ComboboxItem: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Combobox.ItemProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type ComboboxItemProps = CerberusPrimitiveProps<ArkComboboxItemProps>;
 /**
  * The text that labels a single item of the combobox.
  */
-export declare const ComboboxItemText: {
-    (internalProps: CerberusPrimitiveProps<Combobox.ItemTextProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ComboboxItemText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Combobox.ItemTextProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type ComboboxItemTextProps = CerberusPrimitiveProps<ArkComboboxItemTextProps>;
 /**
  * The indicator that appears when the item has been selected.
  */
-export declare const ComboboxItemIndicator: {
-    (internalProps: CerberusPrimitiveProps<Combobox.ItemIndicatorProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ComboboxItemIndicator: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Combobox.ItemIndicatorProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type ComboboxItemIndicatorProps = CerberusPrimitiveProps<ArkComboboxItemIndicatorProps>;
 /**
  * The icon that appears at the start of the combobox input.
  */
-export declare const ComboboxStartIcon: {
-    (internalProps: CerberusPrimitiveProps< ClassAttributes<HTMLSpanElement> & HTMLAttributes<HTMLSpanElement> & PolymorphicProps>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ComboboxStartIcon: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< ClassAttributes<HTMLSpanElement> & HTMLAttributes<HTMLSpanElement> & PolymorphicProps>, "ref"> & RefAttributes<HTMLElement>>;
 export type ComboboxStartIconProps = CerberusPrimitiveProps<HTMLArkProps<'span'>>;
-export declare const ComboItemText: {
-    (internalProps: CerberusPrimitiveProps<Combobox.ItemTextProps & RefAttributes<HTMLDivElement>>): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const ComboItemText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Combobox.ItemTextProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
 export type ComboboxInputValueChangeDetails = Combobox.InputValueChangeDetails;

package/dist/components/combobox/use-stateful-collection.cjs

@@ -15,7 +15,7 @@ function useStatefulCollection(initialItems = []) {
 	const collection = (0, react.useMemo)(() => require_primitives.createSelectCollection(items), [items]);
 	const handleInputChange = (0, react.useCallback)((details) => {
 		if (details.inputValue === "") return setItems(initialItems);
-		setItems((prev) => prev.filter((item) => item.value.includes(details.inputValue.toLowerCase())));
+		setItems((prev) => prev.filter((item) => item.value.toLowerCase().includes(details.inputValue.toLowerCase()) || item.label.toLowerCase().includes(details.inputValue.toLowerCase())));
 		setFilterValue(details.inputValue.split(""));
 	}, [initialItems]);
 	return (0, react.useMemo)(() => ({

package/dist/components/combobox/use-stateful-collection.js

@@ -15,7 +15,7 @@ function useStatefulCollection(initialItems = []) {
 	const collection = useMemo(() => createSelectCollection(items), [items]);
 	const handleInputChange = useCallback((details) => {
 		if (details.inputValue === "") return setItems(initialItems);
-		setItems((prev) => prev.filter((item) => item.value.includes(details.inputValue.toLowerCase())));
+		setItems((prev) => prev.filter((item) => item.value.toLowerCase().includes(details.inputValue.toLowerCase()) || item.label.toLowerCase().includes(details.inputValue.toLowerCase())));
 		setFilterValue(details.inputValue.split(""));
 	}, [initialItems]);
 	return useMemo(() => ({

package/dist/components/cta-dialog/provider.cjs

@@ -9,8 +9,8 @@ const require_close_icon_trigger = require("../dialog/close-icon-trigger.cjs");
 const require_dialog = require("../dialog/dialog.cjs");
 const require_context = require("./context.cjs");
 const require_trigger_item = require("./trigger-item.cjs");
-let react_jsx_runtime = require("react/jsx-runtime");
 let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
 let styled_system_jsx = require("styled-system/jsx");
 //#region src/components/cta-dialog/provider.tsx
 /**
@@ -71,7 +71,7 @@ function CTAModal(props) {
 		children: [children, /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_primitives.DialogProvider, {
 			lazyMount: true,
 			open,
-			onOpenChange: (e) => setOpen(e.open),
+			onOpenChange: (details) => setOpen(details.open),
 			unmountOnExit: true,
 			...rootProps,
 			children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)(require_dialog.Dialog, {

package/dist/components/cta-dialog/provider.js

@@ -9,8 +9,8 @@ import { DialogCloseIconTrigger } from "../dialog/close-icon-trigger.js";
 import { Dialog } from "../dialog/dialog.js";
 import { CTAModalContext } from "./context.js";
 import { TriggerItem } from "./trigger-item.js";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useContext, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { HStack, VStack } from "styled-system/jsx";
 //#region src/components/cta-dialog/provider.tsx
 /**
@@ -71,7 +71,7 @@ function CTAModal(props) {
 		children: [children, /* @__PURE__ */ jsx(DialogProvider, {
 			lazyMount: true,
 			open,
-			onOpenChange: (e) => setOpen(e.open),
+			onOpenChange: (details) => setOpen(details.open),
 			unmountOnExit: true,
 			...rootProps,
 			children: /* @__PURE__ */ jsxs(Dialog, {

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

@@ -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>>;