lucent-ui 0.29.0 → 0.31.0

package/dist/index.d.ts

@@ -559,6 +559,8 @@ export declare interface DataTableColumn<T> {
     sortable?: boolean;
     /** Adds a searchable, multi-select dropdown filter above the table for this column */
     filterable?: boolean;
+    /** Render a custom filter trigger in the column header (e.g. an icon that opens an external filter). */
+    headerFilter?: ReactNode;
     width?: string;
     align?: 'left' | 'center' | 'right';
 }
@@ -742,6 +744,111 @@ export declare interface FileUploadProps {
     style?: CSSProperties;
 }
 
+export declare function FilterDateRange({ label, value, defaultValue, onChange, variant, size, min, max, disabled, style, }: FilterDateRangeProps): JSX_2.Element;
+
+export declare interface FilterDateRangeProps {
+    /** Label shown on the trigger button when no range is selected. */
+    label?: string;
+    value?: DateRange;
+    defaultValue?: DateRange;
+    onChange?: (range: DateRange) => void;
+    /** Button style. "outline" switches to "secondary" when a range is selected. Default: "secondary". */
+    variant?: FilterDateRangeVariant;
+    size?: FilterDateRangeSize;
+    min?: Date;
+    max?: Date;
+    disabled?: boolean;
+    style?: CSSProperties;
+}
+
+export declare type FilterDateRangeSize = 'sm' | 'md' | 'lg';
+
+export declare type FilterDateRangeVariant = 'secondary' | 'outline';
+
+export declare function FilterMultiSelect({ label, options, value: controlledValue, defaultValue, onChange, variant, size, disabled, icon, style, }: FilterMultiSelectProps): JSX_2.Element;
+
+export declare interface FilterMultiSelectOption {
+    value: string;
+    label: string;
+    /** Hex color — renders a Chip with swatch dot instead of plain text. */
+    swatch?: string;
+    disabled?: boolean;
+}
+
+export declare interface FilterMultiSelectProps {
+    /** Label shown on the trigger button. */
+    label: string;
+    options: FilterMultiSelectOption[];
+    /** Controlled selected values. */
+    value?: string[];
+    /** Initial values for uncontrolled usage. */
+    defaultValue?: string[];
+    onChange?: (values: string[]) => void;
+    /** Button style. "outline" switches to "secondary" when items are selected. Default: "secondary". */
+    variant?: FilterMultiSelectVariant;
+    size?: FilterMultiSelectSize;
+    disabled?: boolean;
+    /** Icon rendered before the label in the trigger button. */
+    icon?: ReactNode;
+    style?: CSSProperties;
+}
+
+export declare type FilterMultiSelectSize = 'xs' | 'sm' | 'md' | 'lg';
+
+export declare type FilterMultiSelectVariant = 'secondary' | 'outline' | 'ghost';
+
+export declare function FilterSearch({ value: controlledValue, defaultValue, onChange, placeholder, variant, size, width, disabled, style, }: FilterSearchProps): JSX_2.Element;
+
+export declare interface FilterSearchProps {
+    /** Controlled search value. */
+    value?: string;
+    /** Initial value for uncontrolled usage. */
+    defaultValue?: string;
+    onChange?: (value: string) => void;
+    placeholder?: string;
+    /** Button style when collapsed. Default: "secondary". */
+    variant?: FilterSearchVariant;
+    size?: FilterSearchSize;
+    /** Width of the expanded input. Default: 260. */
+    width?: number;
+    disabled?: boolean;
+    style?: CSSProperties;
+}
+
+export declare type FilterSearchSize = 'sm' | 'md' | 'lg';
+
+export declare type FilterSearchVariant = 'secondary' | 'outline';
+
+export declare function FilterSelect({ label, options, value: controlledValue, defaultValue, onChange, variant, size, disabled, icon, style, }: FilterSelectProps): JSX_2.Element;
+
+export declare interface FilterSelectOption {
+    value: string;
+    label: string;
+    disabled?: boolean;
+}
+
+export declare interface FilterSelectProps {
+    /** Label shown on the trigger button when no value is selected. */
+    label: string;
+    options: FilterSelectOption[];
+    /** Controlled selected value. */
+    value?: string;
+    /** Initial value for uncontrolled usage. */
+    defaultValue?: string;
+    onChange?: (value: string | undefined) => void;
+    /** Button style. "outline" switches to "secondary" when a value is selected. Default: "secondary". */
+    variant?: FilterSelectVariant;
+    size?: FilterSelectSize;
+    disabled?: boolean;
+    /** Icon rendered before the label in the trigger button. */
+    icon?: ReactNode;
+    style?: CSSProperties;
+}
+
+export declare type FilterSelectSize = 'sm' | 'md' | 'lg';
+
+export declare type FilterSelectVariant = 'secondary' | 'outline';
+
 export declare const flatShadow: ShadowPreset;
 
 export declare function FormField({ label, htmlFor, required, helperText, errorMessage, children, style, }: FormFieldProps): JSX_2.Element;
@@ -1595,6 +1702,40 @@ export declare interface StackProps {
     'aria-labelledby'?: string;
 }
 
+export declare interface StepDef {
+    /** Step label */
+    label: string;
+    /** Optional description shown below the label */
+    description?: string;
+    /** Optional custom icon for the circle (overrides number/checkmark) */
+    icon?: ReactNode;
+}
+
+export declare function Stepper({ steps, current, size, orientation, numbered, showStatus, style, }: StepperProps): JSX_2.Element;
+
+export declare const StepperManifest: ComponentManifest;
+
+export declare type StepperOrientation = 'horizontal' | 'vertical';
+
+export declare interface StepperProps {
+    /** Step labels — strings or objects with label/description/icon */
+    steps: readonly (string | StepDef)[];
+    /** Zero-based index of the current step */
+    current: number;
+    /** Circle and connector sizing */
+    size?: StepperSize;
+    /** Layout direction */
+    orientation?: StepperOrientation;
+    /** Show "STEP N" prefix above labels */
+    numbered?: boolean;
+    /** Show Completed / In Progress / Pending status badges */
+    showStatus?: boolean;
+    /** Inline style overrides for the root container */
+    style?: CSSProperties;
+}
+
+export declare type StepperSize = 'sm' | 'md' | 'lg';
+
 /**
  * Subtle — light mode uses wide, low-opacity diffused shadows.
  * Dark mode shifts to "ambient" — an enormous, barely-visible
@@ -1770,6 +1911,8 @@ export declare interface TimelineItem {
     id: string;
     title: ReactNode;
     description?: ReactNode;
+    /** Rich nested content — comment cards, embedded blocks, etc. */
+    content?: ReactNode;
     date?: string;
     status?: TimelineItemStatus;
     icon?: ReactNode;