lucent-ui 0.21.0 → 0.23.0

package/dist/index.d.ts

@@ -107,6 +107,21 @@ export declare interface BreadcrumbProps {
 
 export declare const Button: ForwardRefExoticComponent<ButtonProps & RefAttributes<HTMLButtonElement>>;
 
+export declare function ButtonGroup({ children, style, }: ButtonGroupProps): JSX_2.Element;
+
+export declare namespace ButtonGroup {
+    var displayName: string;
+}
+
+export declare const ButtonGroupManifest: ComponentManifest;
+
+export declare interface ButtonGroupProps {
+    /** Button or SplitButton children to group. */
+    children: ReactNode;
+    /** Style overrides for the wrapper. */
+    style?: CSSProperties;
+}
+
 export declare const ButtonManifest: ComponentManifest;
 
 export declare interface ButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
@@ -196,12 +211,12 @@ export declare interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInpu
 
 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 function Chip({ children, variant, size, onDismiss, onClick, leftIcon, swatch, dot, pulse, borderless, ghost, disabled, style, }: ChipProps): JSX_2.Element;
 
 export declare const CHIP_MANIFEST: ComponentManifest;
 
 export declare interface ChipProps {
-    children: ReactNode;
+    children?: ReactNode;
     variant?: ChipVariant;
     size?: ChipSize;
     /** Renders an × button. Fires when clicked. */
@@ -214,8 +229,12 @@ export declare interface ChipProps {
     swatch?: string;
     /** Status dot rendered before the label (uses variant color). */
     dot?: boolean;
+    /** Adds a pulsing ring animation to the status dot. Only applies when dot=true. */
+    pulse?: boolean;
     /** Removes the border for a filled-only look. */
     borderless?: boolean;
+    /** Transparent background with text color only. Overrides borderless. */
+    ghost?: boolean;
     disabled?: boolean;
     style?: CSSProperties;
 }
@@ -1266,6 +1285,51 @@ export declare interface SpinnerProps {
 
 export declare type SpinnerSize = 'xs' | 'sm' | 'md' | 'lg';
 
+export declare function SplitButton({ children, onClick, menuItems, variant, size, bordered, menuPlacement, disabled, loading, leftIcon, style, }: SplitButtonProps): JSX_2.Element;
+
+export declare namespace SplitButton {
+    var displayName: string;
+}
+
+export declare const SplitButtonManifest: ComponentManifest;
+
+export declare interface SplitButtonMenuItem {
+    label: string;
+    onSelect: () => void;
+    disabled?: boolean;
+    danger?: boolean;
+    icon?: ReactNode;
+}
+
+export declare interface SplitButtonProps {
+    /** Primary button label. */
+    children: ReactNode;
+    /** Handler for the primary action (left half). */
+    onClick: () => void;
+    /** Items shown in the dropdown menu. */
+    menuItems: SplitButtonMenuItem[];
+    /** Visual variant applied to both halves. */
+    variant?: SplitButtonVariant;
+    /** Size applied to both halves. */
+    size?: SplitButtonSize;
+    /** If false, removes the border on both halves. */
+    bordered?: boolean;
+    /** Dropdown placement relative to the chevron trigger. */
+    menuPlacement?: MenuPlacement;
+    /** Disables both halves. */
+    disabled?: boolean;
+    /** Shows a spinner in the primary half and disables both. */
+    loading?: boolean;
+    /** Icon rendered before the label in the primary half. */
+    leftIcon?: ReactNode;
+    /** Style overrides for the wrapper. */
+    style?: CSSProperties;
+}
+
+export declare type SplitButtonSize = '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+
+export declare type SplitButtonVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'danger-outline' | 'danger-ghost';
+
 export declare function Stack({ gap, align, justify, as, wrap, children, style, ...rest }: StackProps): JSX_2.Element;
 
 export declare type StackAlign = 'start' | 'center' | 'end' | 'stretch' | 'baseline';