lucent-ui 0.22.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> {
@@ -1270,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';