cekat-ui 1.3.14 → 1.3.16

package/dist/index.d.mts

@@ -114,6 +114,12 @@ export declare interface AvatarGroupItem {
     initials?: React_2.ReactNode;
     /** Tooltip content shown on hover. */
     label?: React_2.ReactNode;
+    /** Overrides the deterministic initials text color (e.g. "text-primary-600"). */
+    initialsTextColor?: string;
+    /** Overrides the initials background color (e.g. "bg-primary-100"). */
+    initialsBgColor?: string;
+    /** Overrides the contrast border color (e.g. "border-primary-600/20"). Defaults to "border-black/[0.08]". */
+    borderColor?: string;
 }
 
 export declare interface AvatarGroupProps {
@@ -444,6 +450,46 @@ export declare type CheckIconSize = 'xs' | 'sm' | 'md' | 'lg';
 /** 'filled' inverts the glyph color against a solid background. */
 export declare type CheckIconType = 'default' | 'line' | 'filled';
 
+export declare const CollectionItem: <T extends object>(props: CollectionItemProps<T> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+}) => React_2.ReactElement;
+
+export declare interface CollectionItemProps<T extends object = object> {
+    /** Collection identity. Required for dynamic collections. */
+    id?: Key;
+    /** Data value represented by this item. */
+    value?: T;
+    /** Typeahead/accessibility text when visible children are not plain text. */
+    textValue?: string;
+    /** Accessible name when visible content does not provide one. */
+    'aria-label'?: string;
+    /** Disables action and selection. Default: false. */
+    isDisabled?: boolean;
+    /** Executes the item action where supported by the parent collection. */
+    onAction?: () => void;
+    /** Optional non-interactive leading content. */
+    leadingSlot?: CollectionItemSlot;
+    /** Required free main slot. */
+    children: CollectionItemSlot;
+    /** Optional non-interactive trailing content. */
+    trailingSlot?: CollectionItemSlot;
+    className?: ClassValue;
+    style?: React_2.CSSProperties;
+}
+
+export declare type CollectionItemSlot = Exclude<React_2.ReactNode, undefined> | ((state: CollectionItemState) => React_2.ReactNode);
+
+export declare interface CollectionItemState {
+    isHovered: boolean;
+    isPressed: boolean;
+    isSelected: boolean;
+    isFocused: boolean;
+    isFocusVisible: boolean;
+    isDisabled: boolean;
+    selectionMode: 'none' | 'single' | 'multiple';
+    selectionBehavior: 'toggle' | 'replace';
+}
+
 /**
  * Renders the sort indicator from `sortDirection`/`allowsSorting`, never a
  * plain boolean — the unsorted glyph stays visible at all times (not
@@ -488,9 +534,9 @@ export declare interface ComboBoxInputProps extends Omit<InputProps_2, 'classNam
 }
 
 /**
- * `ListBoxItem` with the same provisional selected-row treatment as `Select`'s `SelectItem` —
- * see `selectItemSelectedStyles` for why it's provisional. Reused directly rather than
- * re-declared, same as `Menu` does for its own items.
+ * Compatibility alias for existing `ComboBoxItem` consumers. It reaches the universal
+ * CollectionItem foundation through `ListBoxItem`; selected Neutral styling is shared with
+ * Select and ListBox rather than declared here.
  */
 export declare function ComboBoxItem<T extends object>({ className, ...props }: ListBoxItemProps<T>): JSX_2.Element;
 
@@ -1182,6 +1228,45 @@ export declare interface ModalProps extends Omit<ModalOverlayProps, 'className'
 
 export declare type ModalSize = 'sm' | 'md' | 'lg';
 
+export declare function MultiSelect<T extends object>({ 'aria-label': ariaLabel, items, children, selectedKeys: controlledSelectedKeys, defaultSelectedKeys, onSelectionChange, disabledKeys, getTextValue, filter, searchValue, defaultSearchValue, onSearchChange, isDisabled, className, }: MultiSelectProps<T>): JSX_2.Element;
+
+export declare function MultiSelectPopover<T extends object>({ children, searchPlaceholder, emptyState, className, }: MultiSelectPopoverProps<T>): JSX_2.Element;
+
+export declare interface MultiSelectPopoverProps<T extends object> {
+    children: (item: T) => React_2.ReactElement;
+    searchPlaceholder?: string;
+    emptyState?: React_2.ReactNode;
+    className?: ClassValue;
+}
+
+export declare interface MultiSelectProps<T extends object> {
+    'aria-label': string;
+    items: Iterable<T>;
+    children: React_2.ReactNode;
+    selectedKeys?: Iterable<Key>;
+    defaultSelectedKeys?: Iterable<Key>;
+    onSelectionChange?: (keys: Set<Key>) => void;
+    disabledKeys?: Iterable<Key>;
+    getTextValue: (item: T) => string;
+    filter?: (item: T, query: string) => boolean;
+    searchValue?: string;
+    defaultSearchValue?: string;
+    onSearchChange?: (value: string) => void;
+    isDisabled?: boolean;
+    className?: ClassValue;
+}
+
+export declare type MultiSelectSize = 'xs' | 'sm' | 'md';
+
+export declare const MultiSelectTrigger: React_2.ForwardRefExoticComponent<MultiSelectTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface MultiSelectTriggerProps extends Omit<ButtonProps_2, 'children' | 'className' | 'style' | 'isDisabled'> {
+    children: React_2.ReactNode;
+    size?: MultiSelectSize;
+    className?: ClassValue;
+    style?: React_2.CSSProperties;
+}
+
 declare type NativeButtonProps = Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'className' | 'style'>;
 
 /**
@@ -1307,10 +1392,9 @@ export declare const Select: <T extends object>(props: SelectProps<T> & {
 export { SelectionIndicator }
 
 /**
- * `ListBoxItem` with the selected-row treatment baked in — see `selectItemSelectedStyles` for
- * why it's a placeholder. This lives on `Select`'s own item rather than on the shared `ListBox`
- * because `Menu` doesn't have a Selected state to render at all. `content="selection"` reuses
- * `ListBox`'s leading-checkmark rendering unchanged.
+ * Compatibility alias for existing `SelectItem` consumers. It now reaches the universal
+ * CollectionItem foundation through `ListBoxItem`; selected Neutral styling is owned by that
+ * foundation rather than a Select-specific class.
  */
 export declare function SelectItem<T extends object>({ className, ...props }: ListBoxItemProps<T>): JSX_2.Element;
 

package/dist/index.d.ts

@@ -114,6 +114,12 @@ export declare interface AvatarGroupItem {
     initials?: React_2.ReactNode;
     /** Tooltip content shown on hover. */
     label?: React_2.ReactNode;
+    /** Overrides the deterministic initials text color (e.g. "text-primary-600"). */
+    initialsTextColor?: string;
+    /** Overrides the initials background color (e.g. "bg-primary-100"). */
+    initialsBgColor?: string;
+    /** Overrides the contrast border color (e.g. "border-primary-600/20"). Defaults to "border-black/[0.08]". */
+    borderColor?: string;
 }
 
 export declare interface AvatarGroupProps {
@@ -444,6 +450,46 @@ export declare type CheckIconSize = 'xs' | 'sm' | 'md' | 'lg';
 /** 'filled' inverts the glyph color against a solid background. */
 export declare type CheckIconType = 'default' | 'line' | 'filled';
 
+export declare const CollectionItem: <T extends object>(props: CollectionItemProps<T> & {
+    ref?: React_2.Ref<HTMLDivElement>;
+}) => React_2.ReactElement;
+
+export declare interface CollectionItemProps<T extends object = object> {
+    /** Collection identity. Required for dynamic collections. */
+    id?: Key;
+    /** Data value represented by this item. */
+    value?: T;
+    /** Typeahead/accessibility text when visible children are not plain text. */
+    textValue?: string;
+    /** Accessible name when visible content does not provide one. */
+    'aria-label'?: string;
+    /** Disables action and selection. Default: false. */
+    isDisabled?: boolean;
+    /** Executes the item action where supported by the parent collection. */
+    onAction?: () => void;
+    /** Optional non-interactive leading content. */
+    leadingSlot?: CollectionItemSlot;
+    /** Required free main slot. */
+    children: CollectionItemSlot;
+    /** Optional non-interactive trailing content. */
+    trailingSlot?: CollectionItemSlot;
+    className?: ClassValue;
+    style?: React_2.CSSProperties;
+}
+
+export declare type CollectionItemSlot = Exclude<React_2.ReactNode, undefined> | ((state: CollectionItemState) => React_2.ReactNode);
+
+export declare interface CollectionItemState {
+    isHovered: boolean;
+    isPressed: boolean;
+    isSelected: boolean;
+    isFocused: boolean;
+    isFocusVisible: boolean;
+    isDisabled: boolean;
+    selectionMode: 'none' | 'single' | 'multiple';
+    selectionBehavior: 'toggle' | 'replace';
+}
+
 /**
  * Renders the sort indicator from `sortDirection`/`allowsSorting`, never a
  * plain boolean — the unsorted glyph stays visible at all times (not
@@ -488,9 +534,9 @@ export declare interface ComboBoxInputProps extends Omit<InputProps_2, 'classNam
 }
 
 /**
- * `ListBoxItem` with the same provisional selected-row treatment as `Select`'s `SelectItem` —
- * see `selectItemSelectedStyles` for why it's provisional. Reused directly rather than
- * re-declared, same as `Menu` does for its own items.
+ * Compatibility alias for existing `ComboBoxItem` consumers. It reaches the universal
+ * CollectionItem foundation through `ListBoxItem`; selected Neutral styling is shared with
+ * Select and ListBox rather than declared here.
  */
 export declare function ComboBoxItem<T extends object>({ className, ...props }: ListBoxItemProps<T>): JSX_2.Element;
 
@@ -1182,6 +1228,45 @@ export declare interface ModalProps extends Omit<ModalOverlayProps, 'className'
 
 export declare type ModalSize = 'sm' | 'md' | 'lg';
 
+export declare function MultiSelect<T extends object>({ 'aria-label': ariaLabel, items, children, selectedKeys: controlledSelectedKeys, defaultSelectedKeys, onSelectionChange, disabledKeys, getTextValue, filter, searchValue, defaultSearchValue, onSearchChange, isDisabled, className, }: MultiSelectProps<T>): JSX_2.Element;
+
+export declare function MultiSelectPopover<T extends object>({ children, searchPlaceholder, emptyState, className, }: MultiSelectPopoverProps<T>): JSX_2.Element;
+
+export declare interface MultiSelectPopoverProps<T extends object> {
+    children: (item: T) => React_2.ReactElement;
+    searchPlaceholder?: string;
+    emptyState?: React_2.ReactNode;
+    className?: ClassValue;
+}
+
+export declare interface MultiSelectProps<T extends object> {
+    'aria-label': string;
+    items: Iterable<T>;
+    children: React_2.ReactNode;
+    selectedKeys?: Iterable<Key>;
+    defaultSelectedKeys?: Iterable<Key>;
+    onSelectionChange?: (keys: Set<Key>) => void;
+    disabledKeys?: Iterable<Key>;
+    getTextValue: (item: T) => string;
+    filter?: (item: T, query: string) => boolean;
+    searchValue?: string;
+    defaultSearchValue?: string;
+    onSearchChange?: (value: string) => void;
+    isDisabled?: boolean;
+    className?: ClassValue;
+}
+
+export declare type MultiSelectSize = 'xs' | 'sm' | 'md';
+
+export declare const MultiSelectTrigger: React_2.ForwardRefExoticComponent<MultiSelectTriggerProps & React_2.RefAttributes<HTMLButtonElement>>;
+
+export declare interface MultiSelectTriggerProps extends Omit<ButtonProps_2, 'children' | 'className' | 'style' | 'isDisabled'> {
+    children: React_2.ReactNode;
+    size?: MultiSelectSize;
+    className?: ClassValue;
+    style?: React_2.CSSProperties;
+}
+
 declare type NativeButtonProps = Omit<React_2.ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'className' | 'style'>;
 
 /**
@@ -1307,10 +1392,9 @@ export declare const Select: <T extends object>(props: SelectProps<T> & {
 export { SelectionIndicator }
 
 /**
- * `ListBoxItem` with the selected-row treatment baked in — see `selectItemSelectedStyles` for
- * why it's a placeholder. This lives on `Select`'s own item rather than on the shared `ListBox`
- * because `Menu` doesn't have a Selected state to render at all. `content="selection"` reuses
- * `ListBox`'s leading-checkmark rendering unchanged.
+ * Compatibility alias for existing `SelectItem` consumers. It now reaches the universal
+ * CollectionItem foundation through `ListBoxItem`; selected Neutral styling is owned by that
+ * foundation rather than a Select-specific class.
  */
 export declare function SelectItem<T extends object>({ className, ...props }: ListBoxItemProps<T>): JSX_2.Element;