@cerberus-design/react 0.0.0-next-bd980a6d9bd07d60e8d7200bd4d56624754e936c

package/dist/components/combobox/parts.d.cts

@@ -0,0 +1,74 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Combobox parts.
+ * @module 'combobox/parts'
+ */
+interface ComboboxPartsValue {
+    /**
+     * A uitility component to pass the context without a hook.
+     */
+    Context: ElementType;
+    /**
+     * 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;
+}
+/**
+ * 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.
+ */
+export declare const ComboboxParts: ComboboxPartsValue;
+export {};

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

@@ -0,0 +1,74 @@
+import { ElementType } from 'react';
+/**
+ * This module contains the parts of the Combobox parts.
+ * @module 'combobox/parts'
+ */
+interface ComboboxPartsValue {
+    /**
+     * A uitility component to pass the context without a hook.
+     */
+    Context: ElementType;
+    /**
+     * 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;
+}
+/**
+ * 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.
+ */
+export declare const ComboboxParts: ComboboxPartsValue;
+export {};

package/dist/components/combobox/parts.js

@@ -0,0 +1,29 @@
+import { ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxTrigger } from "./primitives.js";
+//#region src/components/combobox/parts.ts
+/**
+* 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.
+*/
+var ComboboxParts = {
+	Context: ComboboxContext,
+	Root: ComboboxRoot,
+	Label: ComboboxLabel,
+	Control: ComboboxControl,
+	Input: ComboboxInput,
+	Trigger: ComboboxTrigger,
+	ClearTrigger: ComboboxClearTrigger,
+	Positioner: ComboboxPositioner,
+	Content: ComboboxContent,
+	ItemGroup: ComboboxItemGroup,
+	ItemGroupLabel: ComboboxItemGroupLabel,
+	Item: ComboboxItem,
+	ItemText: ComboboxItemText,
+	ItemIndicator: ComboboxItemIndicator
+};
+//#endregion
+export { ComboboxParts };

package/dist/components/combobox/primitives.cjs

@@ -0,0 +1,86 @@
+const require_index = require("../../system/index.cjs");
+let styled_system_recipes = require("styled-system/recipes");
+let _ark_ui_react_factory = require("@ark-ui/react/factory");
+let _ark_ui_react_combobox = require("@ark-ui/react/combobox");
+//#region src/components/combobox/primitives.tsx
+/**
+* This module contains the primitives of the Combobox.
+* @module 'combobox/primitives'
+*/
+var { withSlotRecipe } = require_index.createCerberusPrimitive(styled_system_recipes.combobox);
+/**
+* The ComboboxRoot component is the context provider for the Combobox
+* component.
+*/
+var ComboboxContext = _ark_ui_react_combobox.Combobox.Context;
+var ComboboxRoot = withSlotRecipe(_ark_ui_react_combobox.Combobox.Root, "root");
+/**
+* The label that appears above the combobox input.
+*/
+var ComboboxLabel = withSlotRecipe(_ark_ui_react_combobox.Combobox.Label, "label");
+/**
+* The control that wraps the combobox input.
+*/
+var ComboboxControl = withSlotRecipe(_ark_ui_react_combobox.Combobox.Control, "control");
+/**
+* The input of the combobox.
+*/
+var ComboboxInput = withSlotRecipe(_ark_ui_react_combobox.Combobox.Input, "input");
+/**
+* The trigger that opens the dropdown.
+*/
+var ComboboxTrigger = withSlotRecipe(_ark_ui_react_combobox.Combobox.Trigger, "trigger");
+/**
+* The trigger to clear the combobox input.
+*/
+var ComboboxClearTrigger = withSlotRecipe(_ark_ui_react_combobox.Combobox.ClearTrigger, "clearTrigger");
+/**
+* The positioner that wraps the content.
+*/
+var ComboboxPositioner = withSlotRecipe(_ark_ui_react_combobox.Combobox.Positioner, "positioner");
+/**
+* The content of the combobox component.
+*/
+var ComboboxContent = withSlotRecipe(_ark_ui_react_combobox.Combobox.Content, "content");
+/**
+* A group of items in the combobox component.
+*/
+var ComboboxItemGroup = withSlotRecipe(_ark_ui_react_combobox.Combobox.ItemGroup, "itemGroup");
+/**
+* The label for a group of items in the combobox component.
+*/
+var ComboboxItemGroupLabel = withSlotRecipe(_ark_ui_react_combobox.Combobox.ItemGroupLabel, "itemGroupLabel");
+/**
+* An individual item in the combobox component.
+*/
+var ComboboxItem = withSlotRecipe(_ark_ui_react_combobox.Combobox.Item, "item");
+/**
+* The text that labels a single item of the combobox.
+*/
+var ComboboxItemText = withSlotRecipe(_ark_ui_react_combobox.Combobox.ItemText, "itemText");
+/**
+* The indicator that appears when the item has been selected.
+*/
+var ComboboxItemIndicator = withSlotRecipe(_ark_ui_react_combobox.Combobox.ItemIndicator, "itemIndicator");
+/**
+* The icon that appears at the start of the combobox input.
+*/
+var ComboboxStartIcon = withSlotRecipe(_ark_ui_react_factory.ark.span, "startIcon");
+var ComboItemText = ComboboxItemText;
+//#endregion
+exports.ComboItemText = ComboItemText;
+exports.ComboboxClearTrigger = ComboboxClearTrigger;
+exports.ComboboxContent = ComboboxContent;
+exports.ComboboxContext = ComboboxContext;
+exports.ComboboxControl = ComboboxControl;
+exports.ComboboxInput = ComboboxInput;
+exports.ComboboxItem = ComboboxItem;
+exports.ComboboxItemGroup = ComboboxItemGroup;
+exports.ComboboxItemGroupLabel = ComboboxItemGroupLabel;
+exports.ComboboxItemIndicator = ComboboxItemIndicator;
+exports.ComboboxItemText = ComboboxItemText;
+exports.ComboboxLabel = ComboboxLabel;
+exports.ComboboxPositioner = ComboboxPositioner;
+exports.ComboboxRoot = ComboboxRoot;
+exports.ComboboxStartIcon = ComboboxStartIcon;
+exports.ComboboxTrigger = ComboboxTrigger;

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

@@ -0,0 +1,82 @@
+import { Combobox, ComboboxContextProps as ArkComboboxContextProps, ComboboxClearTriggerProps as ArkComboboxClearTriggerProps, ComboboxContentProps as ArkComboboxContentProps, ComboboxControlProps as ArkComboboxControlProps, ComboboxInputProps as ArkComboboxInputProps, ComboboxItemGroupLabelProps as ArkComboboxItemGroupLabelProps, ComboboxItemGroupProps as ArkComboboxItemGroupProps, ComboboxItemIndicatorProps as ArkComboboxItemIndicatorProps, ComboboxItemProps as ArkComboboxItemProps, ComboboxItemTextProps as ArkComboboxItemTextProps, ComboboxLabelProps as ArkComboboxLabelProps, ComboboxPositionerProps as ArkComboboxPositionerProps, ComboboxRootProps as ArkComboboxRootProps, ComboboxTriggerProps as ArkComboboxTriggerProps } from '@ark-ui/react/combobox';
+import { HTMLArkProps } from '@ark-ui/react/factory';
+import { SelectCollectionItem } from '../select/select';
+import { ComboboxVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system/index';
+import { ReactNode, 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 ComboboxContext: <T extends unknown>(props: Combobox.ContextProps<T>) => ReactNode;
+export type ComboboxContextProps<T> = ArkComboboxContextProps<T>;
+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: 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: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Combobox.ControlProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type ComboboxControlProps = CerberusPrimitiveProps<ArkComboboxControlProps>;
+/**
+ * The input of the combobox.
+ */
+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: 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: 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: 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: 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: 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: 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: 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: 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: 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: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< ClassAttributes<HTMLSpanElement> & HTMLAttributes<HTMLSpanElement> & PolymorphicProps>, "ref"> & RefAttributes<HTMLElement>>;
+export type ComboboxStartIconProps = CerberusPrimitiveProps<HTMLArkProps<'span'>>;
+export declare const ComboItemText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Combobox.ItemTextProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type ComboboxInputValueChangeDetails = Combobox.InputValueChangeDetails;

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

@@ -0,0 +1,82 @@
+import { Combobox, ComboboxContextProps as ArkComboboxContextProps, ComboboxClearTriggerProps as ArkComboboxClearTriggerProps, ComboboxContentProps as ArkComboboxContentProps, ComboboxControlProps as ArkComboboxControlProps, ComboboxInputProps as ArkComboboxInputProps, ComboboxItemGroupLabelProps as ArkComboboxItemGroupLabelProps, ComboboxItemGroupProps as ArkComboboxItemGroupProps, ComboboxItemIndicatorProps as ArkComboboxItemIndicatorProps, ComboboxItemProps as ArkComboboxItemProps, ComboboxItemTextProps as ArkComboboxItemTextProps, ComboboxLabelProps as ArkComboboxLabelProps, ComboboxPositionerProps as ArkComboboxPositionerProps, ComboboxRootProps as ArkComboboxRootProps, ComboboxTriggerProps as ArkComboboxTriggerProps } from '@ark-ui/react/combobox';
+import { HTMLArkProps } from '@ark-ui/react/factory';
+import { SelectCollectionItem } from '../select/select';
+import { ComboboxVariantProps } from 'styled-system/recipes';
+import { CerberusPrimitiveProps } from '../../system/index';
+import { ReactNode, 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 ComboboxContext: <T extends unknown>(props: Combobox.ContextProps<T>) => ReactNode;
+export type ComboboxContextProps<T> = ArkComboboxContextProps<T>;
+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: 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: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Combobox.ControlProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type ComboboxControlProps = CerberusPrimitiveProps<ArkComboboxControlProps>;
+/**
+ * The input of the combobox.
+ */
+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: 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: 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: 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: 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: 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: 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: 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: 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: 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: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps< ClassAttributes<HTMLSpanElement> & HTMLAttributes<HTMLSpanElement> & PolymorphicProps>, "ref"> & RefAttributes<HTMLElement>>;
+export type ComboboxStartIconProps = CerberusPrimitiveProps<HTMLArkProps<'span'>>;
+export declare const ComboItemText: ForwardRefExoticComponent<Omit<CerberusPrimitiveProps<Combobox.ItemTextProps & RefAttributes<HTMLDivElement>>, "ref"> & RefAttributes<HTMLElement>>;
+export type ComboboxInputValueChangeDetails = Combobox.InputValueChangeDetails;

package/dist/components/combobox/primitives.js

@@ -0,0 +1,71 @@
+import { createCerberusPrimitive } from "../../system/index.js";
+import { combobox } from "styled-system/recipes";
+import { ark } from "@ark-ui/react/factory";
+import { Combobox } from "@ark-ui/react/combobox";
+//#region src/components/combobox/primitives.tsx
+/**
+* This module contains the primitives of the Combobox.
+* @module 'combobox/primitives'
+*/
+var { withSlotRecipe } = createCerberusPrimitive(combobox);
+/**
+* The ComboboxRoot component is the context provider for the Combobox
+* component.
+*/
+var ComboboxContext = Combobox.Context;
+var ComboboxRoot = withSlotRecipe(Combobox.Root, "root");
+/**
+* The label that appears above the combobox input.
+*/
+var ComboboxLabel = withSlotRecipe(Combobox.Label, "label");
+/**
+* The control that wraps the combobox input.
+*/
+var ComboboxControl = withSlotRecipe(Combobox.Control, "control");
+/**
+* The input of the combobox.
+*/
+var ComboboxInput = withSlotRecipe(Combobox.Input, "input");
+/**
+* The trigger that opens the dropdown.
+*/
+var ComboboxTrigger = withSlotRecipe(Combobox.Trigger, "trigger");
+/**
+* The trigger to clear the combobox input.
+*/
+var ComboboxClearTrigger = withSlotRecipe(Combobox.ClearTrigger, "clearTrigger");
+/**
+* The positioner that wraps the content.
+*/
+var ComboboxPositioner = withSlotRecipe(Combobox.Positioner, "positioner");
+/**
+* The content of the combobox component.
+*/
+var ComboboxContent = withSlotRecipe(Combobox.Content, "content");
+/**
+* A group of items in the combobox component.
+*/
+var ComboboxItemGroup = withSlotRecipe(Combobox.ItemGroup, "itemGroup");
+/**
+* The label for a group of items in the combobox component.
+*/
+var ComboboxItemGroupLabel = withSlotRecipe(Combobox.ItemGroupLabel, "itemGroupLabel");
+/**
+* An individual item in the combobox component.
+*/
+var ComboboxItem = withSlotRecipe(Combobox.Item, "item");
+/**
+* The text that labels a single item of the combobox.
+*/
+var ComboboxItemText = withSlotRecipe(Combobox.ItemText, "itemText");
+/**
+* The indicator that appears when the item has been selected.
+*/
+var ComboboxItemIndicator = withSlotRecipe(Combobox.ItemIndicator, "itemIndicator");
+/**
+* The icon that appears at the start of the combobox input.
+*/
+var ComboboxStartIcon = withSlotRecipe(ark.span, "startIcon");
+var ComboItemText = ComboboxItemText;
+//#endregion
+export { ComboItemText, ComboboxClearTrigger, ComboboxContent, ComboboxContext, ComboboxControl, ComboboxInput, ComboboxItem, ComboboxItemGroup, ComboboxItemGroupLabel, ComboboxItemIndicator, ComboboxItemText, ComboboxLabel, ComboboxPositioner, ComboboxRoot, ComboboxStartIcon, ComboboxTrigger };

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

@@ -0,0 +1,32 @@
+"use client";
+"use client";
+const require_primitives = require("../select/primitives.cjs");
+let react = require("react");
+//#region src/components/combobox/use-stateful-collection.ts
+/**
+* This hook provides a stateful collection for the Combobox component.
+* It returns a collection of items and a function to handle input changes.
+* @param initialItems - The initial collection of items.
+* @return An object containing the collection and a function to handle input changes.
+*/
+function useStatefulCollection(initialItems = []) {
+	const [items, setItems] = (0, react.useState)(initialItems);
+	const [filterValue, setFilterValue] = (0, react.useState)([]);
+	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.toLowerCase().includes(details.inputValue.toLowerCase()) || item.label.toLowerCase().includes(details.inputValue.toLowerCase())));
+		setFilterValue(details.inputValue.split(""));
+	}, [initialItems]);
+	return (0, react.useMemo)(() => ({
+		collection,
+		filterChars: filterValue,
+		handleInputChange
+	}), [
+		collection,
+		filterValue,
+		handleInputChange
+	]);
+}
+//#endregion
+exports.useStatefulCollection = useStatefulCollection;

package/dist/components/combobox/use-stateful-collection.d.cts

@@ -0,0 +1,28 @@
+import { ComboboxInputValueChangeDetails } from '@ark-ui/react/combobox';
+import { SelectCollectionItem } from '../select/select';
+import { createSelectCollection } from '../select/primitives';
+/**
+ * This module contains a custom hook that provides a stateful collection for
+ * the Combobox component.
+ */
+export interface StatefulCollectionReturn {
+    /**
+     * The collection of items.
+     */
+    collection: ReturnType<typeof createSelectCollection>;
+    /**
+     * The filter value split into an array of characters.
+     */
+    filterChars: string[];
+    /**
+     * The function to handle input changes.
+     */
+    handleInputChange: (details: ComboboxInputValueChangeDetails) => void;
+}
+/**
+ * This hook provides a stateful collection for the Combobox component.
+ * It returns a collection of items and a function to handle input changes.
+ * @param initialItems - The initial collection of items.
+ * @return An object containing the collection and a function to handle input changes.
+ */
+export declare function useStatefulCollection(initialItems?: SelectCollectionItem[]): StatefulCollectionReturn;

package/dist/components/combobox/use-stateful-collection.d.ts

@@ -0,0 +1,28 @@
+import { ComboboxInputValueChangeDetails } from '@ark-ui/react/combobox';
+import { SelectCollectionItem } from '../select/select';
+import { createSelectCollection } from '../select/primitives';
+/**
+ * This module contains a custom hook that provides a stateful collection for
+ * the Combobox component.
+ */
+export interface StatefulCollectionReturn {
+    /**
+     * The collection of items.
+     */
+    collection: ReturnType<typeof createSelectCollection>;
+    /**
+     * The filter value split into an array of characters.
+     */
+    filterChars: string[];
+    /**
+     * The function to handle input changes.
+     */
+    handleInputChange: (details: ComboboxInputValueChangeDetails) => void;
+}
+/**
+ * This hook provides a stateful collection for the Combobox component.
+ * It returns a collection of items and a function to handle input changes.
+ * @param initialItems - The initial collection of items.
+ * @return An object containing the collection and a function to handle input changes.
+ */
+export declare function useStatefulCollection(initialItems?: SelectCollectionItem[]): StatefulCollectionReturn;

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

@@ -0,0 +1,32 @@
+"use client";
+"use client";
+import { createSelectCollection } from "../select/primitives.js";
+import { useCallback, useMemo, useState } from "react";
+//#region src/components/combobox/use-stateful-collection.ts
+/**
+* This hook provides a stateful collection for the Combobox component.
+* It returns a collection of items and a function to handle input changes.
+* @param initialItems - The initial collection of items.
+* @return An object containing the collection and a function to handle input changes.
+*/
+function useStatefulCollection(initialItems = []) {
+	const [items, setItems] = useState(initialItems);
+	const [filterValue, setFilterValue] = useState([]);
+	const collection = useMemo(() => createSelectCollection(items), [items]);
+	const handleInputChange = useCallback((details) => {
+		if (details.inputValue === "") return setItems(initialItems);
+		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(() => ({
+		collection,
+		filterChars: filterValue,
+		handleInputChange
+	}), [
+		collection,
+		filterValue,
+		handleInputChange
+	]);
+}
+//#endregion
+export { useStatefulCollection };

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

@@ -0,0 +1,6 @@
+"use client";
+"use client";
+//#region src/components/cta-dialog/context.tsx
+var CTAModalContext = (0, require("react").createContext)(null);
+//#endregion
+exports.CTAModalContext = CTAModalContext;