lucent-ui 0.11.0 → 0.13.0

package/dist/index.d.ts

@@ -126,7 +126,7 @@ export declare interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElem
     bordered?: boolean;
 }
 
-export declare type ButtonSize = 'sm' | 'md' | 'lg';
+export declare type ButtonSize = 'xs' | 'sm' | 'md' | 'lg';
 
 export declare type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
 
@@ -165,9 +165,41 @@ export declare interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInpu
     label?: string;
     size?: CheckboxSize;
     indeterminate?: boolean;
+    /** Wraps the checkbox in a bordered container with padding. */
+    contained?: boolean;
+    /** Helper text displayed below the label. */
+    helperText?: string;
+}
+
+export declare type CheckboxSize = 'sm' | 'md' | 'lg';
+
+export declare function Chip({ children, variant, size, onDismiss, onClick, leftIcon, swatch, dot, borderless, disabled, style, }: ChipProps): JSX_2.Element;
+
+export declare const CHIP_MANIFEST: ComponentManifest;
+
+export declare interface ChipProps {
+    children: ReactNode;
+    variant?: ChipVariant;
+    size?: ChipSize;
+    /** Renders an × button. Fires when clicked. */
+    onDismiss?: () => void;
+    /** Makes the chip clickable (renders as button). */
+    onClick?: () => void;
+    /** Icon or element rendered before the label. */
+    leftIcon?: ReactNode;
+    /** Color swatch dot rendered before the label. */
+    swatch?: string;
+    /** Status dot rendered before the label (uses variant color). */
+    dot?: boolean;
+    /** Removes the border for a filled-only look. */
+    borderless?: boolean;
+    disabled?: boolean;
+    style?: CSSProperties;
 }
 
-export declare type CheckboxSize = 'sm' | 'md';
+export declare type ChipSize = 'sm' | 'md' | 'lg';
+
+export declare type ChipVariant = 'neutral' | 'accent' | 'success' | 'warning' | 'danger' | 'info';
 
 export declare function CodeBlock({ code, language, tabs, variant, helperText, showCopyButton, style, }: CodeBlockProps): JSX_2.Element;
 
@@ -424,7 +456,7 @@ export declare const DATE_PICKER_MANIFEST: ComponentManifest;
 
 export declare const DATE_RANGE_PICKER_MANIFEST: ComponentManifest;
 
-export declare function DatePicker({ value: controlledValue, defaultValue, onChange, placeholder, disabled, min, max, style, }: DatePickerProps): JSX_2.Element;
+export declare function DatePicker({ value: controlledValue, defaultValue, onChange, placeholder, disabled, min, max, size, style, }: DatePickerProps): JSX_2.Element;
 
 export declare interface DatePickerProps {
     value?: Date;
@@ -434,15 +466,18 @@ export declare interface DatePickerProps {
     disabled?: boolean;
     min?: Date;
     max?: Date;
+    size?: DatePickerSize;
     style?: CSSProperties;
 }
 
+declare type DatePickerSize = 'sm' | 'md' | 'lg';
+
 export declare interface DateRange {
     start: Date;
     end: Date;
 }
 
-export declare function DateRangePicker({ value: controlledValue, defaultValue, onChange, placeholder, disabled, min, max, style, }: DateRangePickerProps): JSX_2.Element;
+export declare function DateRangePicker({ value: controlledValue, defaultValue, onChange, placeholder, disabled, min, max, size, style, }: DateRangePickerProps): JSX_2.Element;
 
 export declare interface DateRangePickerProps {
     value?: DateRange;
@@ -452,9 +487,12 @@ export declare interface DateRangePickerProps {
     disabled?: boolean;
     min?: Date;
     max?: Date;
+    size?: DateRangePickerSize;
     style?: CSSProperties;
 }
 
+declare type DateRangePickerSize = 'sm' | 'md' | 'lg';
+
 export declare const defaultDensity: DensityPreset;
 
 export declare const defaultPalette: ColorPalette;
@@ -716,7 +754,7 @@ declare interface MotionTokens {
 
 export declare const MULTI_SELECT_MANIFEST: ComponentManifest;
 
-export declare function MultiSelect({ options, value: controlledValue, defaultValue, onChange, placeholder, disabled, max, style, }: MultiSelectProps): JSX_2.Element;
+export declare function MultiSelect({ options, value: controlledValue, defaultValue, onChange, placeholder, disabled, max, size, label, helperText, errorText, style, }: MultiSelectProps): JSX_2.Element;
 
 export declare interface MultiSelectOption {
     value: string;
@@ -733,9 +771,15 @@ export declare interface MultiSelectProps {
     disabled?: boolean;
     /** Max number of items that can be selected. No limit by default. */
     max?: number;
+    size?: MultiSelectSize;
+    label?: string;
+    helperText?: string;
+    errorText?: string;
     style?: CSSProperties;
 }
 
+declare type MultiSelectSize = 'sm' | 'md' | 'lg';
+
 export declare function NavLink({ children, href, isActive, icon, disabled, onClick, as, style, }: NavLinkProps): JSX_2.Element;
 
 export declare interface NavLinkProps {
@@ -811,7 +855,7 @@ export declare interface PropDescriptor {
 
 export declare type PropType = 'string' | 'number' | 'boolean' | 'ReactNode' | 'function' | 'enum' | 'object' | 'array' | 'ref' | string;
 
-export declare function Radio({ value, label, size, disabled, id, onChange, checked, ...rest }: RadioProps): JSX_2.Element;
+export declare function Radio({ value, label, size, contained, helperText, disabled, id, onChange, checked, style, ...rest }: RadioProps): JSX_2.Element;
 
 export declare function RadioGroup({ name, value, onChange, disabled, orientation, label, children, }: RadioGroupProps): JSX_2.Element;
 
@@ -840,9 +884,13 @@ export declare interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputEl
     value: string;
     label?: string;
     size?: RadioSize;
+    /** Wraps the radio in a bordered container with padding. */
+    contained?: boolean;
+    /** Helper text displayed below the label. */
+    helperText?: string;
 }
 
-export declare type RadioSize = 'sm' | 'md';
+export declare type RadioSize = 'sm' | 'md' | 'lg';
 
 declare interface RadiusTokens {
     radiusNone: string;
@@ -864,7 +912,7 @@ export declare const rosePalette: ColorPalette;
 
 export declare const roundedShape: ShapePreset;
 
-export declare function SearchInput({ value, onChange, placeholder, size, results, onResultSelect, isLoading, disabled, id, style, }: SearchInputProps): JSX_2.Element;
+export declare function SearchInput({ value, onChange, placeholder, size, label, helperText, errorText, results, onResultSelect, isLoading, disabled, id, style, }: SearchInputProps): JSX_2.Element;
 
 export declare const SearchInputManifest: ComponentManifest;
 
@@ -873,6 +921,9 @@ export declare interface SearchInputProps {
     onChange: (value: string) => void;
     placeholder?: string;
     size?: InputSize;
+    label?: string;
+    helperText?: string;
+    errorText?: string;
     results?: SearchResult[];
     onResultSelect?: (result: SearchResult) => void;
     isLoading?: boolean;
@@ -1122,7 +1173,7 @@ export declare interface TagProps {
     disabled?: boolean;
 }
 
-export declare type TagSize = 'sm' | 'md';
+export declare type TagSize = 'sm' | 'md' | 'lg';
 
 export declare type TagVariant = 'neutral' | 'accent' | 'success' | 'warning' | 'danger' | 'info';
 
@@ -1142,8 +1193,11 @@ export declare interface TextareaProps extends TextareaHTMLAttributes<HTMLTextAr
     autoResize?: boolean;
     maxLength?: number;
     showCount?: boolean;
+    size?: TextareaSize;
 }
 
+declare type TextareaSize = 'sm' | 'md' | 'lg';
+
 export declare type TextAs = 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'span' | 'div' | 'label' | 'strong' | 'em' | 'code';
 
 export declare type TextColor = 'primary' | 'secondary' | 'disabled' | 'inverse' | 'onAccent' | 'success' | 'warning' | 'danger' | 'info';
@@ -1238,7 +1292,7 @@ export declare interface TimelineProps {
     style?: CSSProperties;
 }
 
-export declare function Toggle({ label, size, checked, defaultChecked, disabled, id, onChange, style, ...rest }: ToggleProps): JSX_2.Element;
+export declare function Toggle({ label, size, checked, defaultChecked, contained, helperText, align, disabled, id, onChange, style, ...rest }: ToggleProps): JSX_2.Element;
 
 export declare const ToggleManifest: ComponentManifest;
 
@@ -1247,6 +1301,12 @@ export declare interface ToggleProps extends Omit<InputHTMLAttributes<HTMLInputE
     size?: ToggleSize;
     checked?: boolean;
     defaultChecked?: boolean;
+    /** Wraps the toggle in a bordered container with padding. */
+    contained?: boolean;
+    /** Helper text displayed below the label. */
+    helperText?: string;
+    /** Position of the toggle track relative to the label. */
+    align?: 'left' | 'right';
 }
 
 export declare type ToggleSize = 'sm' | 'md' | 'lg';