@cerberus-design/react 0.16.0-next-22894bb → 0.16.0-next-f96f1b5

package/build/legacy/_tsup-dts-rollup.d.cts

@@ -26,6 +26,20 @@ import { closestCorners } from '@dnd-kit/core';
 import { Collision } from '@dnd-kit/core';
 import { CollisionDescriptor } from '@dnd-kit/core';
 import { CollisionDetection } from '@dnd-kit/core';
+import { ComboboxClearTriggerProps } from '@ark-ui/react/combobox';
+import { ComboboxContentProps } from '@ark-ui/react/combobox';
+import { ComboboxControlProps } from '@ark-ui/react/combobox';
+import { ComboboxInputProps } from '@ark-ui/react/combobox';
+import { ComboboxItemGroupLabelProps } from '@ark-ui/react/combobox';
+import { ComboboxItemGroupProps } from '@ark-ui/react/combobox';
+import { ComboboxItemIndicatorProps } from '@ark-ui/react/combobox';
+import { ComboboxItemProps } from '@ark-ui/react/combobox';
+import type { ComboboxItemProps as ComboboxItemProps_2 } from '@ark-ui/react';
+import { ComboboxItemTextProps } from '@ark-ui/react/combobox';
+import { ComboboxLabelProps } from '@ark-ui/react/combobox';
+import { ComboboxPositionerProps } from '@ark-ui/react/combobox';
+import { ComboboxRootProps } from '@ark-ui/react/combobox';
+import { ComboboxTriggerProps } from '@ark-ui/react/combobox';
 import { Context } from 'react';
 import { Data } from '@dnd-kit/core';
 import { DataRef } from '@dnd-kit/core';
@@ -46,12 +60,15 @@ import { defaultCoordinates } from '@dnd-kit/core';
 import { defaultDropAnimation } from '@dnd-kit/core';
 import { defaultDropAnimationSideEffects } from '@dnd-kit/core';
 import { defaultScreenReaderInstructions } from '@dnd-kit/core';
-import { Dialog as Dialog_2 } from '@ark-ui/react';
-import { DialogCloseTriggerProps } from '@ark-ui/react';
-import { DialogContentProps } from '@ark-ui/react';
+import { DialogBackdropProps } from '@ark-ui/react/dialog';
+import { DialogCloseTriggerProps } from '@ark-ui/react/dialog';
+import { DialogContentProps } from '@ark-ui/react/dialog';
+import { DialogDescriptionProps } from '@ark-ui/react/dialog';
 import { DialogHTMLAttributes } from 'react';
-import { DialogRootProps } from '@ark-ui/react';
-import { DialogTitleProps } from '@ark-ui/react';
+import { DialogPositionerProps } from '@ark-ui/react/dialog';
+import { DialogRootProps } from '@ark-ui/react/dialog';
+import { DialogTitleProps } from '@ark-ui/react/dialog';
+import { DialogTriggerProps } from '@ark-ui/react/dialog';
 import { DialogVariantProps } from '@cerberus/styled-system/recipes';
 import type { Dispatch } from 'react';
 import { DistanceMeasurement } from '@dnd-kit/core';
@@ -922,6 +939,236 @@ declare type ColorModes = 'light' | 'dark' | 'system';
 export { ColorModes }
 export { ColorModes as ColorModes_alias_1 }
 
+declare function Combobox(props: ComboboxProps): JSX_2.Element;
+export { Combobox }
+export { Combobox as Combobox_alias_1 }
+export { Combobox as Combobox_alias_2 }
+
+/**
+ * The trigger to clear the combobox input.
+ */
+declare function ComboboxClearTrigger(props: ComboboxClearTriggerProps): JSX_2.Element;
+export { ComboboxClearTrigger }
+export { ComboboxClearTrigger as ComboboxClearTrigger_alias_1 }
+export { ComboboxClearTrigger as ComboboxClearTrigger_alias_2 }
+
+/**
+ * The content of the combobox component.
+ */
+declare function ComboboxContent(props: ComboboxContentProps): JSX_2.Element;
+export { ComboboxContent }
+export { ComboboxContent as ComboboxContent_alias_1 }
+export { ComboboxContent as ComboboxContent_alias_2 }
+
+/**
+ * The control that wraps the combobox input.
+ */
+declare function ComboboxControl(props: ComboboxControlProps): JSX_2.Element;
+export { ComboboxControl }
+export { ComboboxControl as ComboboxControl_alias_1 }
+export { ComboboxControl as ComboboxControl_alias_2 }
+
+/**
+ * The input of the combobox.
+ */
+declare function ComboboxInput(props: ComboboxInputProps): JSX_2.Element;
+export { ComboboxInput }
+export { ComboboxInput as ComboboxInput_alias_1 }
+export { ComboboxInput as ComboboxInput_alias_2 }
+
+/**
+ * An individual item in the combobox component.
+ */
+declare function ComboboxItem(props: ComboboxItemProps): JSX_2.Element;
+export { ComboboxItem }
+export { ComboboxItem as ComboboxItem_alias_1 }
+export { ComboboxItem as ComboboxItem_alias_2 }
+
+/**
+ * A group of items in the combobox component.
+ */
+declare function ComboboxItemGroup(props: ComboboxItemGroupProps): JSX_2.Element;
+export { ComboboxItemGroup }
+export { ComboboxItemGroup as ComboboxItemGroup_alias_1 }
+export { ComboboxItemGroup as ComboboxItemGroup_alias_2 }
+
+/**
+ * The label for a group of items in the combobox component.
+ */
+declare function ComboboxItemGroupLabel(props: ComboboxItemGroupLabelProps): JSX_2.Element;
+export { ComboboxItemGroupLabel }
+export { ComboboxItemGroupLabel as ComboboxItemGroupLabel_alias_1 }
+export { ComboboxItemGroupLabel as ComboboxItemGroupLabel_alias_2 }
+
+/**
+ * The indicator that appears when the item has been selected.
+ */
+declare function ComboboxItemIndicator(props: ComboboxItemIndicatorProps): JSX_2.Element;
+export { ComboboxItemIndicator }
+export { ComboboxItemIndicator as ComboboxItemIndicator_alias_1 }
+export { ComboboxItemIndicator as ComboboxItemIndicator_alias_2 }
+
+/**
+ * The text that labels a single item of the combobox.
+ */
+declare function ComboboxItemText(props: ComboboxItemTextProps): JSX_2.Element;
+export { ComboboxItemText }
+export { ComboboxItemText as ComboboxItemText_alias_1 }
+export { ComboboxItemText as ComboboxItemText_alias_2 }
+
+/**
+ * This module contains the ComboboxItemWithIndicator component.
+ * @module 'combobox/item'
+ */
+/**
+ * An abstraction of the ComboboxItem component that includes an indicator.
+ * @description [Combobox Docs](https://cerberus.digitalu.design/react/combobox)
+ * @description [Ark Docs](https://ark-ui.com/react/docs/components/combobox)
+ */
+declare function ComboboxItemWithIndicator(props: ComboboxItemProps_2): JSX_2.Element;
+export { ComboboxItemWithIndicator }
+export { ComboboxItemWithIndicator as ComboboxItemWithIndicator_alias_1 }
+export { ComboboxItemWithIndicator as ComboboxItemWithIndicator_alias_2 }
+
+/**
+ * The label that appears above the combobox input.
+ */
+declare function ComboboxLabel(props: ComboboxLabelProps): JSX_2.Element;
+export { ComboboxLabel }
+export { ComboboxLabel as ComboboxLabel_alias_1 }
+export { ComboboxLabel as ComboboxLabel_alias_2 }
+
+/**
+ * An Object containing the parts of the Radio component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the ComboboxParts object and
+ * the entire family of components vs. only what you use.
+ */
+declare const ComboboxParts: ComboboxPartsValue;
+export { ComboboxParts }
+export { ComboboxParts as ComboboxParts_alias_1 }
+export { ComboboxParts as ComboboxParts_alias_2 }
+
+/**
+ * This module contains the parts of the Combobox parts.
+ * @module 'combobox/parts'
+ */
+declare interface ComboboxPartsValue {
+    /**
+     * The context provider for the Select component.
+     */
+    Root: ElementType;
+    /**
+     * The label that appears above the select input.
+     */
+    Label: ElementType;
+    /**
+     * The control that wraps the select trigger.
+     */
+    Control: ElementType;
+    /**
+     * The filterable input of the combobox.
+     */
+    Input: ElementType;
+    /**
+     * The trigger that opens the dropdown.
+     */
+    Trigger: ElementType;
+    /**
+     * The trigger to clear the select input.
+     */
+    ClearTrigger: ElementType;
+    /**
+     * The positioner that wraps the content.
+     */
+    Positioner: ElementType;
+    /**
+     * The content of the select component.
+     */
+    Content: ElementType;
+    /**
+     * A group of items in the select component.
+     */
+    ItemGroup: ElementType;
+    /**
+     * The label for a group of items in the select component.
+     */
+    ItemGroupLabel: ElementType;
+    /**
+     * An individual item in the select component.
+     */
+    Item: ElementType;
+    /**
+     * The text that labels a single radio of the field.
+     */
+    ItemText: ElementType;
+    /**
+     * The indicator that appears when the item has been selected.
+     */
+    ItemIndicator: ElementType;
+}
+
+/**
+ * The positioner that wraps the content.
+ */
+declare function ComboboxPositioner(props: ComboboxPositionerProps): JSX_2.Element;
+export { ComboboxPositioner }
+export { ComboboxPositioner as ComboboxPositioner_alias_1 }
+export { ComboboxPositioner as ComboboxPositioner_alias_2 }
+
+declare interface ComboboxProps extends ComboboxRootProps<SelectCollectionItem> {
+    /**
+     * The label that appears above the combobox input.
+     */
+    label?: string;
+    /**
+     * The icon that appears at the start of the combobox input.
+     */
+    startIcon?: FieldInputProps['startIcon'];
+}
+export { ComboboxProps }
+export { ComboboxProps as ComboboxProps_alias_1 }
+export { ComboboxProps as ComboboxProps_alias_2 }
+
+/**
+ * This module contains the primitives of the Combobox.
+ * @module 'combobox/primitives'
+ */
+/**
+ * The ComboboxRoot component is the context provider for the Combobox
+ * component.
+ */
+declare function ComboboxRoot(props: ComboboxRootProps<SelectCollectionItem>): JSX_2.Element;
+export { ComboboxRoot }
+export { ComboboxRoot as ComboboxRoot_alias_1 }
+export { ComboboxRoot as ComboboxRoot_alias_2 }
+
+/**
+ * The trigger that opens the dropdown.
+ */
+declare function ComboboxTrigger(props: ComboboxTriggerProps): JSX_2.Element;
+export { ComboboxTrigger }
+export { ComboboxTrigger as ComboboxTrigger_alias_1 }
+export { ComboboxTrigger as ComboboxTrigger_alias_2 }
+
+declare function ComboItemGroup(props: ComboItemGroupProps): JSX_2.Element;
+export { ComboItemGroup }
+export { ComboItemGroup as ComboItemGroup_alias_1 }
+export { ComboItemGroup as ComboItemGroup_alias_2 }
+
+declare interface ComboItemGroupProps extends ComboboxItemGroupProps {
+    /**
+     * The label that appears for the combobox item group.
+     */
+    label?: string;
+}
+export { ComboItemGroupProps }
+export { ComboItemGroupProps as ComboItemGroupProps_alias_1 }
+export { ComboItemGroupProps as ComboItemGroupProps_alias_2 }
+
 /**
  * Provides a confirm modal to the app.
  * @see https://cerberus.digitalu.design/react/confirm-modal
@@ -1431,8 +1678,10 @@ export { DestructiveConfirmOptions }
 export { DestructiveConfirmOptions as DestructiveConfirmOptions_alias_1 }
 
 /**
- * The content of the dialog. Must be used within the `DialogProvider` component.
+ * 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>
@@ -1448,143 +1697,156 @@ export { DestructiveConfirmOptions as DestructiveConfirmOptions_alias_1 }
 declare function Dialog(props: DialogProps): JSX_2.Element;
 export { Dialog }
 export { Dialog as Dialog_alias_1 }
+export { Dialog as Dialog_alias_2 }
 
 /**
- * The backdrop of the dialog. Must be used within the `DialogProvider`
- * component.
+ * The overlay of the dialog.
  */
-declare const DialogBackdrop: ForwardRefExoticComponent<Dialog_2.BackdropProps & RefAttributes<HTMLDivElement>>;
+declare function DialogBackdrop(props: DialogBackdropProps): JSX_2.Element;
 export { DialogBackdrop }
 export { DialogBackdrop as DialogBackdrop_alias_1 }
+export { DialogBackdrop as DialogBackdrop_alias_2 }
 
 /**
- * This module contains client-side components for the Dialog family.
- * @module @cerberus-design/react/dialog
+ * This module contains the close trigger for the dialog.
+ * @module react/dialog
  */
 declare function DialogCloseIconTrigger(props: DialogCloseTriggerProps): JSX_2.Element;
 export { DialogCloseIconTrigger }
 export { DialogCloseIconTrigger as DialogCloseIconTrigger_alias_1 }
+export { DialogCloseIconTrigger as DialogCloseIconTrigger_alias_2 }
 
 /**
- * The trigger that closes the dialog. Must be used within the `DialogProvider`
- * component.
- * @definition [Dialog docs](https://cerberus.digitalu.design/react/dialog)
- * @example
- * ```tsx
- * <DialogProvider>
- *   <DialogTrigger asChild>
- *    <Button>Open Dialog</Button>
- *  </DialogTrigger>
- *  <Dialog>
- *    <Text>Dialog Content</Text>
- *    <DialogCloseTrigger>Close</DialogCloseTrigger>
- *  </Dialog>
- * </DialogProvider>
- * ```
+ * The trigger that closes the dialog.
  */
-declare const DialogCloseTrigger: ForwardRefExoticComponent<Dialog_2.CloseTriggerProps & RefAttributes<HTMLButtonElement>>;
+declare function DialogCloseTrigger(props: DialogTriggerProps): JSX_2.Element;
 export { DialogCloseTrigger }
 export { DialogCloseTrigger as DialogCloseTrigger_alias_1 }
+export { DialogCloseTrigger as DialogCloseTrigger_alias_2 }
 
 /**
- * The content of the dialog. Must be used within the `DialogProvider`
- * component.
+ * The visible content of the dialog.
  */
-declare const DialogContent: ForwardRefExoticComponent<Dialog_2.ContentProps & RefAttributes<HTMLDivElement>>;
+declare function DialogContent(props: DialogContentProps & DialogVariantProps): JSX_2.Element;
 export { DialogContent }
 export { DialogContent as DialogContent_alias_1 }
+export { DialogContent as DialogContent_alias_2 }
 
 /**
- * The description of the dialog. Must be used within the `DialogContent` component.
- * @definition [Dialog docs](https://cerberus.digitalu.design/react/dialog)
- * @example
- * ```tsx
- * <DialogProvider>
- *   <DialogTrigger asChild>
- *    <Button>Open Dialog</Button>
- *  </DialogTrigger>
- *  <Dialog>
- *    <DialogHeading>Dialog Title</DialogHeading>
- *    <DialogDescription>Dialog Description</DialogDescription>
- *  </Dialog>
- * </DialogProvider>
- * ```
+ * The description of the dialog.
  */
-declare function DialogDescription(props: DialogTitleProps): JSX_2.Element;
+declare function DialogDescription(props: DialogDescriptionProps): JSX_2.Element;
 export { DialogDescription }
 export { DialogDescription as DialogDescription_alias_1 }
+export { DialogDescription as DialogDescription_alias_2 }
 
 /**
- * The heading of the dialog. Must be used within the `DialogContent` component.
- * @definition [Dialog docs](https://cerberus.digitalu.design/react/dialog)
- * @example
- * ```tsx
- * <DialogProvider>
- *   <DialogTrigger asChild>
- *    <Button>Open Dialog</Button>
- *  </DialogTrigger>
- *  <Dialog>
- *    <DialogHeading>Dialog Title</DialogHeading>
- *    <Text>Dialog Content</Text>
- *  </Dialog>
- * </DialogProvider>
- * ```
+ * The heading of the dialog.
  */
 declare function DialogHeading(props: DialogTitleProps): JSX_2.Element;
 export { DialogHeading }
 export { DialogHeading as DialogHeading_alias_1 }
+export { DialogHeading as DialogHeading_alias_2 }
 
 /**
- * The positioner of the dialog. Must be used within the `DialogProvider`
- * component.
+ * An Object containing the parts of the dialog component. For users that
+ * prefer Object component syntax.
+ *
+ * @remarks
+ *
+ * When using object component syntax, you import the DialogParts object and
+ * the entire family of components vs. only what you use.
+ */
+declare const DialogParts: DialogPartsValue;
+export { DialogParts }
+export { DialogParts as DialogParts_alias_1 }
+export { DialogParts as DialogParts_alias_2 }
+
+/**
+ * This module contains the parts of the Dialog component.
+ * @module 'dialog/parts'
  */
-declare const DialogPositioner: ForwardRefExoticComponent<Dialog_2.PositionerProps & RefAttributes<HTMLDivElement>>;
+declare interface DialogPartsValue {
+    /**
+     * The context provider of the dialog.
+     */
+    Root: ElementType;
+    /**
+     * The trigger that opens the dialog.
+     */
+    Trigger: ElementType;
+    /**
+     * The overlay of the dialog.
+     */
+    Backdrop: ElementType;
+    /**
+     * The container that positions the dialog.
+     */
+    Positioner: ElementType;
+    /**
+     * The visible content of the dialog.
+     */
+    Content: ElementType;
+    /**
+     * The heading of the dialog.
+     */
+    Heading: ElementType;
+    /**
+     * The description of the dialog.
+     */
+    Description: ElementType;
+    /**
+     * The trigger that closes the dialog.
+     */
+    CloseTrigger: ElementType;
+}
+
+/**
+ * The container that positions the dialog.
+ */
+declare function DialogPositioner(props: DialogPositionerProps): JSX_2.Element;
 export { DialogPositioner }
 export { DialogPositioner as DialogPositioner_alias_1 }
+export { DialogPositioner as DialogPositioner_alias_2 }
 
+/**
+ * This module contains and abstraction of the Dialog primitives.
+ * @module 'dialog'
+ */
 declare interface DialogProps extends Omit<DialogContentProps, 'size'>, DialogVariantProps {
 }
 export { DialogProps }
 export { DialogProps as DialogProps_alias_1 }
+export { DialogProps as DialogProps_alias_2 }
 
 /**
- * The provider that controls the dialog components.
- * @definition [Dialog docs](https://cerberus.digitalu.design/react/dialog)
- * @example
- * ```tsx
- * <DialogProvider>
- *  <DialogTrigger asChild>
- *    <Button>Open Dialog</Button>
- *  </DialogTrigger>
- *  <Dialog>
- *    <Text>Dialog Content</Text>
- *    <DialogCloseTrigger>Close</DialogCloseTrigger>
- *  </Dialog>
- * </DialogProvider>
- * ```
+ * The provider that controls the dialog components. This is a named export of
+ * the DialogRoot primitive.
  */
-declare function DialogProvider(props: DialogProviderProps): JSX_2.Element;
+declare const DialogProvider: typeof DialogRoot;
 export { DialogProvider }
 export { DialogProvider as DialogProvider_alias_1 }
+export { DialogProvider as DialogProvider_alias_2 }
 
-declare type DialogProviderProps = DialogRootProps;
-export { DialogProviderProps }
-export { DialogProviderProps as DialogProviderProps_alias_1 }
+/**
+ * This module contains the primitives of the Dialog component.
+ * @module 'dialog/primitives'
+ */
+/**
+ * The provider that controls the dialog components.
+ */
+declare function DialogRoot(props: DialogRootProps): JSX_2.Element;
+export { DialogRoot }
+export { DialogRoot as DialogRoot_alias_1 }
+export { DialogRoot as DialogRoot_alias_2 }
 
 /**
- * The trigger that opens the dialog. Must be used within the `DialogProvider`
- * component.
- * @definition [Dialog docs](https://cerberus.digitalu.design/react/dialog)
- * @example
- * ```tsx
- * <DialogTrigger asChild>
- *  <Button>Open Dialog</Button>
- * </DialogTrigger>
- * ```
+ * The trigger that opens the dialog.
  */
-declare const DialogTrigger: ForwardRefExoticComponent<Dialog_2.TriggerProps & RefAttributes<HTMLButtonElement>>;
+declare function DialogTrigger(props: DialogTriggerProps): JSX_2.Element;
 export { DialogTrigger }
 export { DialogTrigger as DialogTrigger_alias_1 }
+export { DialogTrigger as DialogTrigger_alias_2 }
 
 export { DistanceMeasurement }