@brycks/core-front 0.3.5 → 0.5.0

package/dist/index.d.ts

@@ -110,6 +110,8 @@ export declare interface AlertProps extends Omit<HTMLAttributes<HTMLDivElement>,
     isDismissible?: boolean;
     /** Callback when dismissed */
     onDismiss?: () => void;
+    /** Accessible label of the dismiss button */
+    dismissLabel?: string;
     /** Custom class name */
     className?: string;
     /** Test ID */
@@ -323,6 +325,10 @@ export declare interface BadgeProps extends HTMLAttributes<HTMLSpanElement> {
     intent?: BadgeIntent;
     /** Size */
     size?: BadgeSize;
+    /** Show a leading status dot in the intent color (a non-color status cue) */
+    dot?: boolean;
+    /** Leading icon (e.g. a HugeIcon). Prefer this over emoji as a label icon */
+    leftIcon?: ReactNode;
     /** Custom class name */
     className?: string;
     /** Test ID */
@@ -335,6 +341,40 @@ export declare type BadgeSize = 'sm' | 'md' | 'lg';
 
 export declare type BadgeVariant = 'solid' | 'subtle' | 'outline';
 
+export declare const Banner: default_2.ForwardRefExoticComponent<BannerProps & default_2.RefAttributes<HTMLDivElement>>;
+
+export declare type BannerIntent = 'info' | 'success' | 'warning' | 'error' | 'neutral';
+
+export declare interface BannerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'title'> {
+    /** Visual intent/status */
+    intent?: BannerIntent;
+    /** Banner title (stronger weight, sits above the description) */
+    title?: ReactNode;
+    /** Custom icon (overrides the default per-intent icon) */
+    icon?: ReactNode;
+    /** Whether to show the leading icon */
+    showIcon?: boolean;
+    /** Action element (button, link) shown on the trailing edge */
+    action?: ReactNode;
+    /** Whether the banner can be dismissed */
+    isDismissible?: boolean;
+    /** Callback when dismissed */
+    onDismiss?: () => void;
+    /** Accessible label of the dismiss button */
+    dismissLabel?: string;
+    /**
+     * ARIA live-region role. Defaults to `alert` for warning/error and
+     * `status` for info/success/neutral. Override when the default is wrong.
+     */
+    role?: 'alert' | 'status';
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+    /** Banner content (description) */
+    children?: ReactNode;
+}
+
 /** Props that can be spread to elements */
 export declare interface BaseProps {
     /** Custom class name */
@@ -956,6 +996,37 @@ export declare const componentTypography: {
     };
 };
 
+export declare const ConfirmDialog: ForwardRefExoticComponent<ConfirmDialogProps & RefAttributes<HTMLDivElement>>;
+
+export declare interface ConfirmDialogProps {
+    /** Whether the dialog is open */
+    isOpen: boolean;
+    /** Callback when the dialog should close (cancel / overlay / escape) */
+    onClose: () => void;
+    /** Callback when the user confirms */
+    onConfirm: () => void;
+    /** Dialog title */
+    title: ReactNode;
+    /** Body message (use `children` for richer content) */
+    message?: ReactNode;
+    /** Label of the confirm button */
+    confirmLabel?: string;
+    /** Label of the cancel button */
+    cancelLabel?: string;
+    /** Accessible label of the modal close button */
+    closeLabel?: string;
+    /** Visual variant — `danger` for destructive actions */
+    variant?: ConfirmDialogVariant;
+    /** Whether the confirm action is in progress (disables cancel, spins confirm) */
+    isLoading?: boolean;
+    /** Test ID */
+    testId?: string;
+    /** Richer body content (rendered below `message`) */
+    children?: ReactNode;
+}
+
+export declare type ConfirmDialogVariant = 'default' | 'danger';
+
 export declare const Container: ContainerComponent;
 
 declare interface ContainerComponent {
@@ -1202,6 +1273,8 @@ export declare interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>
     closeOnEscape?: boolean;
     /** Whether to show close button */
     showCloseButton?: boolean;
+    /** Accessible label of the close button */
+    closeLabel?: string;
     /** Whether to show overlay */
     showOverlay?: boolean;
     /** Custom class name */
@@ -2265,6 +2338,21 @@ export declare type InputVariant = 'outline' | 'filled' | 'flushed';
 /** Color intent variants */
 export declare type Intent = 'primary' | 'accent' | 'success' | 'warning' | 'error' | 'info';
 
+export declare const Kbd: ForwardRefExoticComponent<KbdProps & RefAttributes<HTMLElement>>;
+
+export declare interface KbdProps extends HTMLAttributes<HTMLElement> {
+    /** Size */
+    size?: KbdSize;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+    /** Key content */
+    children?: ReactNode;
+}
+
+export declare type KbdSize = 'sm' | 'md';
+
 /**
  * CSS animation keyframes (as strings for style injection).
  */
@@ -2518,6 +2606,10 @@ export declare interface ModalProps extends Omit<HTMLAttributes<HTMLDivElement>,
     closeOnEscape?: boolean;
     /** Whether to show close button */
     showCloseButton?: boolean;
+    /** Accessible label of the close button */
+    closeLabel?: string;
+    /** Footer content (e.g. action buttons), pinned below the scrollable body */
+    footer?: ReactNode;
     /** Custom class name */
     className?: string;
     /** Test ID */
@@ -2544,6 +2636,8 @@ export declare const modalWidths: {
     readonly full: "calc(100vw - 48px)";
 };
 
+declare type NativeInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'value' | 'defaultValue' | 'onChange' | 'type'>;
+
 export declare const Nav: ForwardRefExoticComponent<NavProps & RefAttributes<HTMLElement>>;
 
 export declare interface NavProps extends SemanticProps {
@@ -2640,6 +2734,23 @@ export declare const pageHeaderSpacing: {
 
 export declare const Pagination: ForwardRefExoticComponent<PaginationProps & RefAttributes<HTMLElement>>;
 
+declare interface PaginationLabels {
+    /** aria-label of the nav landmark */
+    navigation?: string;
+    /** aria-label of the first-page button */
+    first?: string;
+    /** aria-label of the previous-page button */
+    previous?: string;
+    /** aria-label of the next-page button */
+    next?: string;
+    /** aria-label of the last-page button */
+    last?: string;
+    /** aria-label of a numbered page button */
+    page?: (page: number) => string;
+    /** Visible text of the `simple` variant */
+    of?: (page: number, totalPages: number) => string;
+}
+
 export declare interface PaginationProps extends Omit<HTMLAttributes<HTMLElement>, 'onChange'> {
     /** Current page (1-indexed) */
     page: number;
@@ -2659,6 +2770,8 @@ export declare interface PaginationProps extends Omit<HTMLAttributes<HTMLElement
     showPrevNext?: boolean;
     /** Whether the component is disabled */
     disabled?: boolean;
+    /** Localizable labels (merged over English defaults) */
+    labels?: PaginationLabels;
     /** Custom class name */
     className?: string;
     /** Test ID */
@@ -2696,8 +2809,6 @@ export declare interface PopoverProps extends Omit<HTMLAttributes<HTMLDivElement
     closeDelay?: number;
     /** Whether to close on outside click */
     closeOnOutsideClick?: boolean;
-    /** Whether to show arrow */
-    showArrow?: boolean;
     /** Custom class name for content */
     className?: string;
     /** Test ID */
@@ -2930,6 +3041,31 @@ export declare interface ScreenReaderOnlyProps extends HTMLAttributes<HTMLSpanEl
     testId?: string;
 }
 
+export declare const SearchInput: ForwardRefExoticComponent<SearchInputProps & RefAttributes<HTMLInputElement>>;
+
+export declare interface SearchInputProps extends NativeInputProps {
+    /** Current value (controlled) */
+    value?: string;
+    /** Initial value (uncontrolled) */
+    defaultValue?: string;
+    /** Callback when the value changes (typing or clearing) */
+    onValueChange?: (value: string) => void;
+    /** Callback fired when the clear button is pressed */
+    onClear?: () => void;
+    /** Input size */
+    size?: InputSize;
+    /** Placeholder text */
+    placeholder?: string;
+    /** Custom leading element (defaults to a search icon) */
+    leftElement?: ReactNode;
+    /** Accessible label of the clear button */
+    clearLabel?: string;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
 /**
  * Search input dimensions
  */
@@ -2965,6 +3101,44 @@ export declare interface SectionProps extends Omit<HTMLAttributes<HTMLElement>,
 
 export declare type SectionSpacing = 'none' | 'sm' | 'md' | 'lg' | 'xl';
 
+export declare const SegmentedControl: <T extends string = string>(props: SegmentedControlProps<T> & {
+    ref?: default_2.ForwardedRef<HTMLDivElement>;
+}) => default_2.JSX.Element;
+
+export declare interface SegmentedControlOption<T extends string = string> {
+    /** Unique value */
+    value: T;
+    /** Display label */
+    label: ReactNode;
+    /** Optional leading icon */
+    icon?: ReactNode;
+    /** Whether the option is disabled */
+    disabled?: boolean;
+}
+
+export declare interface SegmentedControlProps<T extends string = string> {
+    /** Available options */
+    options: SegmentedControlOption<T>[];
+    /** Currently selected value (controlled) */
+    value: T;
+    /** Callback when the selection changes */
+    onValueChange: (value: T) => void;
+    /** Component size */
+    size?: SegmentedControlSize;
+    /** Whether the control should fill its container width */
+    fullWidth?: boolean;
+    /** Accessible label for the group */
+    'aria-label'?: string;
+    /** ID of an element that labels the group */
+    'aria-labelledby'?: string;
+    /** Custom class name */
+    className?: string;
+    /** Test ID */
+    testId?: string;
+}
+
+export declare type SegmentedControlSize = 'sm' | 'md' | 'lg';
+
 export declare const Select: ForwardRefExoticComponent<SelectProps & RefAttributes<HTMLSelectElement>>;
 
 export declare interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, 'size'> {
@@ -3422,6 +3596,23 @@ export declare interface TableCellProps extends TdHTMLAttributes<HTMLTableCellEl
     className?: string;
 }
 
+export declare const TableEmpty: ForwardRefExoticComponent<TableEmptyProps & RefAttributes<HTMLTableRowElement>>;
+
+export declare interface TableEmptyProps {
+    /** Number of columns to span (match the table's column count) */
+    colSpan: number;
+    /** Icon or illustration */
+    icon?: ReactNode;
+    /** Title text */
+    title?: ReactNode;
+    /** Description text */
+    description?: ReactNode;
+    /** Action element (button, link) */
+    action?: ReactNode;
+    /** Custom class name */
+    className?: string;
+}
+
 export declare const TableFoot: ForwardRefExoticComponent<TableFootProps & RefAttributes<HTMLTableSectionElement>>;
 
 export declare interface TableFootProps extends HTMLAttributes<HTMLTableSectionElement> {
@@ -3481,7 +3672,22 @@ export declare interface TableRowProps extends HTMLAttributes<HTMLTableRowElemen
 
 export declare type TableSize = 'sm' | 'md' | 'lg';
 
-export declare type TableVariant = 'default' | 'striped' | 'bordered';
+export declare function TableSkeleton({ rows, columns, className }: TableSkeletonProps): JSX.Element;
+
+export declare namespace TableSkeleton {
+    var displayName: string;
+}
+
+export declare interface TableSkeletonProps {
+    /** Number of skeleton rows */
+    rows?: number;
+    /** Number of columns per row (match the table's column count) */
+    columns: number;
+    /** Custom class name applied to each row */
+    className?: string;
+}
+
+export declare type TableVariant = 'default' | 'bordered';
 
 export declare const TabList: ForwardRefExoticComponent<TabListProps & RefAttributes<HTMLDivElement>>;
 
@@ -3933,6 +4139,8 @@ export declare interface ToastProps extends Omit<HTMLAttributes<HTMLDivElement>,
     onClose?: () => void;
     /** Whether to show close button */
     showCloseButton?: boolean;
+    /** Accessible label of the close button */
+    closeLabel?: string;
     /** Action button */
     action?: ReactNode;
     /** Custom icon */
@@ -4298,6 +4506,8 @@ export declare const zIndex: {
     readonly overlay: 1300;
     /** Modal - dialog windows */
     readonly modal: 1400;
+    /** Drawer - side panels (same layer as modal) */
+    readonly drawer: 1400;
     /** Popover - popovers, tooltips */
     readonly popover: 1500;
     /** Skiplink - accessibility skip links */