lucent-ui 0.28.0 → 0.30.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';
 }
@@ -609,7 +611,7 @@ export declare interface DateRange {
     end: Date;
 }
 
-export declare function DateRangePicker({ value: controlledValue, defaultValue, onChange, placeholder, disabled, min, max, size, label, helperText, errorText, style, }: DateRangePickerProps): JSX_2.Element;
+export declare function DateRangePicker({ value: controlledValue, defaultValue, onChange, placeholder, disabled, min, max, size, label, helperText, errorText, trigger, style, }: DateRangePickerProps): JSX_2.Element;
 
 export declare interface DateRangePickerProps {
     value?: DateRange;
@@ -623,6 +625,8 @@ export declare interface DateRangePickerProps {
     label?: string;
     helperText?: string;
     errorText?: string;
+    /** Custom trigger element. When provided, replaces the default input-style button. */
+    trigger?: ReactNode;
     style?: CSSProperties;
 }
 
@@ -740,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;
@@ -1768,6 +1877,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;