lucent-ui 0.4.2 → 0.6.0

package/dist/index.d.ts

@@ -2,6 +2,7 @@ import { ButtonHTMLAttributes } from 'react';
 import { CSSProperties } from 'react';
 import { default as default_2 } from 'react';
 import { ForwardRefExoticComponent } from 'react';
+import { HTMLAttributes } from 'react';
 import { ImgHTMLAttributes } from 'react';
 import { InputHTMLAttributes } from 'react';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
@@ -9,7 +10,9 @@ import { MouseEventHandler } from 'react';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 import { SelectHTMLAttributes } from 'react';
+import { TdHTMLAttributes } from 'react';
 import { TextareaHTMLAttributes } from 'react';
+import { ThHTMLAttributes } from 'react';
 
 export declare interface AccessibilityDescriptor {
     /** ARIA role applied to the root element */
@@ -117,6 +120,8 @@ export declare interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElem
     chevron?: boolean;
     /** Disables the built-in hover background/border overrides. Use when passing custom colours via style. */
     disableHoverStyles?: boolean;
+    /** If false, the component renders without any border. Useful when you want a solid "flat" look. */
+    bordered?: boolean;
 }
 
 export declare type ButtonSize = 'sm' | 'md' | 'lg';
@@ -155,6 +160,38 @@ export declare interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInpu
 
 export declare type CheckboxSize = 'sm' | 'md';
 
+export declare function CodeBlock({ code, language, tabs, variant, helperText, showCopyButton, style, }: CodeBlockProps): JSX_2.Element;
+
+export declare const CodeBlockManifest: ComponentManifest;
+
+export declare interface CodeBlockProps {
+    /** Code string — used in single (non-tabbed) mode */
+    code?: string;
+    /** Language label shown in the header (non-tabbed mode only) */
+    language?: string;
+    /** Tabbed mode: each entry is a selectable code snippet */
+    tabs?: CodeBlockTab[];
+    /**
+     * 'code' (default) renders a <pre><code> block.
+     * 'prompt' renders a single-line display for AI prompts — full text is
+     * always copied even when visually truncated.
+     */
+    variant?: CodeBlockVariant;
+    /** Optional descriptive text rendered between the tab bar and the code area */
+    helperText?: string;
+    showCopyButton?: boolean;
+    style?: React.CSSProperties;
+}
+
+export declare interface CodeBlockTab {
+    label: string;
+    code: string;
+    language?: string;
+    icon?: ReactNode;
+}
+
+export declare type CodeBlockVariant = 'code' | 'prompt';
+
 export declare function Collapsible({ trigger, children, defaultOpen, open, onOpenChange, style }: CollapsibleProps): JSX_2.Element;
 
 export declare interface CollapsibleProps {
@@ -264,7 +301,7 @@ export declare const darkTokens: LucentTokens;
 
 export declare const DATA_TABLE_MANIFEST: ComponentManifest;
 
-export declare function DataTable<T extends object>({ columns, rows, pageSize, page: controlledPage, onPageChange, emptyState, style, }: DataTableProps<T>): JSX_2.Element;
+export declare function DataTable<T extends object>({ columns, rows, pageSize, page: controlledPage, onPageChange, onFilterChange, emptyState, style, }: DataTableProps<T>): JSX_2.Element;
 
 export declare interface DataTableColumn<T> {
     key: string;
@@ -272,6 +309,8 @@ export declare interface DataTableColumn<T> {
     /** Custom cell renderer — defaults to `String(row[key])` */
     render?: (row: T, index: number) => ReactNode;
     sortable?: boolean;
+    /** Adds a searchable, multi-select dropdown filter above the table for this column */
+    filterable?: boolean;
     width?: string;
     align?: 'left' | 'center' | 'right';
 }
@@ -284,6 +323,11 @@ export declare interface DataTableProps<T extends object> {
     /** Controlled current page (0-indexed) */
     page?: number;
     onPageChange?: (page: number) => void;
+    /**
+     * Called with the current filter map whenever any filter changes.
+     * Keys are column keys; values are arrays of selected filter strings (empty arrays are omitted).
+     */
+    onFilterChange?: (filters: Record<string, string[]>) => void;
     /** Empty state slot */
     emptyState?: ReactNode;
     style?: CSSProperties;
@@ -423,7 +467,7 @@ export declare interface InputProps extends Omit<InputHTMLAttributes<HTMLInputEl
     rightElement?: ReactNode;
 }
 
-export declare type InputType = 'text' | 'number' | 'password' | 'email' | 'tel' | 'url' | 'search';
+export declare type InputType = 'text' | 'number' | 'password' | 'email' | 'tel' | 'url' | 'search' | 'color';
 
 export declare function isValidPropDescriptor(prop: unknown): prop is PropDescriptor;
 
@@ -662,6 +706,7 @@ declare interface SemanticColorTokens {
     accentHover: string;
     accentActive: string;
     accentSubtle: string;
+    accentBorder: string;
     successDefault: string;
     successSubtle: string;
     successText: string;
@@ -702,6 +747,24 @@ export declare interface SkeletonProps {
 
 export declare type SkeletonVariant = 'text' | 'circle' | 'rectangle';
 
+export declare function Slider({ label, showValue, size, min, max, step, value, defaultValue, disabled, id, onChange, style, ...rest }: SliderProps): JSX_2.Element;
+
+export declare const SliderManifest: ComponentManifest;
+
+export declare interface SliderProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
+    label?: string;
+    showValue?: boolean;
+    size?: SliderSize;
+    min?: number;
+    max?: number;
+    step?: number;
+    value?: number;
+    defaultValue?: number;
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+
+export declare type SliderSize = 'sm' | 'md' | 'lg';
+
 declare interface SpacingTokens {
     space0: string;
     space1: string;
@@ -737,6 +800,29 @@ export declare interface TabItem {
     disabled?: boolean;
 }
 
+export declare function Table({ striped, children, className, style, ...rest }: TableProps): JSX_2.Element;
+
+export declare namespace Table {
+    var Head: ({ children, style, ...rest }: HTMLAttributes<HTMLTableSectionElement>) => JSX_2.Element;
+    var Body: ({ children, ...rest }: HTMLAttributes<HTMLTableSectionElement>) => JSX_2.Element;
+    var Foot: ({ children, style, ...rest }: HTMLAttributes<HTMLTableSectionElement>) => JSX_2.Element;
+    var Row: ({ children, className, ...rest }: HTMLAttributes<HTMLTableRowElement>) => JSX_2.Element;
+    var Cell: ({ as, children, style, ...rest }: TableCellProps) => JSX_2.Element;
+}
+
+export declare type TableCellProps = ({
+    as?: 'td';
+} & TdHTMLAttributes<HTMLTableCellElement>) | ({
+    as: 'th';
+} & ThHTMLAttributes<HTMLTableCellElement>);
+
+export declare const TableManifest: ComponentManifest;
+
+export declare interface TableProps extends HTMLAttributes<HTMLTableElement> {
+    /** Applies alternating row backgrounds to tbody rows */
+    striped?: boolean;
+}
+
 export declare function Tabs({ tabs, defaultValue, value, onChange, style }: TabsProps): JSX_2.Element;
 
 export declare interface TabsProps {