lucent-ui 0.10.0 → 0.12.0

package/dist/index.d.ts

@@ -126,9 +126,9 @@ 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' | 'ghost' | 'danger';
+export declare type ButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger';
 
 export declare function Card({ header, footer, children, padding, shadow, radius, style, }: CardProps): JSX_2.Element;
 
@@ -424,7 +424,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 +434,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 +455,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;
@@ -577,14 +583,15 @@ export declare interface FormFieldProps {
 }
 
 /**
- * Returns `'#000000'` or `'#ffffff'` — whichever has higher WCAG contrast
- * against the given background hex color.
+ * Returns `'#000000'` or `'#ffffff'` — whichever is more readable on the
+ * given background, using APCA perceptual contrast.
  *
- * Use this to guarantee AA-compliant text on any solid accent surface.
+ * APCA correctly handles saturated blues/purples where WCAG 2.1 fails.
  *
  * @example
- * getContrastText('#e9c96b') // → '#000000'  (gold bg → black text, 8.6:1)
- * getContrastText('#111827') // → '#ffffff'  (near-black bg → white text, 16.7:1)
+ * getContrastText('#0ea5e9') // → '#ffffff'  (sky blue → white, APCA says white is more readable)
+ * getContrastText('#e9c96b') // → '#000000'  (gold → black)
+ * getContrastText('#111827') // → '#ffffff'  (near-black → white)
  */
 export declare function getContrastText(hex: string): '#000000' | '#ffffff';
 
@@ -715,7 +722,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, style, }: MultiSelectProps): JSX_2.Element;
 
 export declare interface MultiSelectOption {
     value: string;
@@ -732,9 +739,12 @@ export declare interface MultiSelectProps {
     disabled?: boolean;
     /** Max number of items that can be selected. No limit by default. */
     max?: number;
+    size?: MultiSelectSize;
     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 {
@@ -778,7 +788,7 @@ export declare interface PageLayoutProps {
     style?: CSSProperties;
 }
 
-export declare type PaletteName = 'default' | 'brand' | 'indigo' | 'emerald' | 'rose' | 'ocean';
+export declare type PaletteName = 'default' | 'brand' | 'indigo' | 'violet' | 'emerald' | 'teal' | 'rose' | 'coral' | 'amber' | 'ocean' | 'slate' | 'sage';
 
 export declare const pillShape: ShapePreset;
 
@@ -863,7 +873,7 @@ export declare const rosePalette: ColorPalette;
 
 export declare const roundedShape: ShapePreset;
 
-export declare function SearchInput({ value, onChange, placeholder, results, onResultSelect, isLoading, disabled, id, style, }: SearchInputProps): JSX_2.Element;
+export declare function SearchInput({ value, onChange, placeholder, size, results, onResultSelect, isLoading, disabled, id, style, }: SearchInputProps): JSX_2.Element;
 
 export declare const SearchInputManifest: ComponentManifest;
 
@@ -871,6 +881,7 @@ export declare interface SearchInputProps {
     value: string;
     onChange: (value: string) => void;
     placeholder?: string;
+    size?: InputSize;
     results?: SearchResult[];
     onResultSelect?: (result: SearchResult) => void;
     isLoading?: boolean;
@@ -1120,7 +1131,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';