@bfrs/agentic-components 0.2.8 → 0.3.0

package/dist/components/ui/forms/SuggestInput/SuggestInput.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+export type SuggestInputItem = {
+    value: string;
+    label: ReactNode;
+    description?: ReactNode;
+    disabled?: boolean;
+};
+export type SuggestInputProps = {
+    suggestions: SuggestInputItem[];
+    value?: string;
+    defaultValue?: string;
+    onValueChange?: (value: string) => void;
+    onSuggestionSelect?: (item: SuggestInputItem) => void;
+    renderItem?: (item: SuggestInputItem) => ReactNode;
+    placeholder?: string;
+    emptyText?: string;
+    loading?: boolean;
+    disabled?: boolean;
+    error?: boolean;
+    className?: string;
+    id?: string;
+    "aria-describedby"?: string;
+    "aria-invalid"?: boolean;
+};
+export declare const SuggestInput: import('react').ForwardRefExoticComponent<SuggestInputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/components/ui/forms/SuggestInput/index.d.ts

@@ -0,0 +1,2 @@
+export { SuggestInput } from './SuggestInput';
+export type { SuggestInputItem, SuggestInputProps } from './SuggestInput';

package/dist/components/ui/index.d.ts

@@ -16,6 +16,13 @@ export * from './forms/Textarea';
 export * from './forms/FormField';
 export * from './forms/Select';
 export * from './forms/SearchableSelect';
+export * from './forms/MultiSelect';
+export * from './forms/SuggestInput';
+export * from './forms/OptionCardGroup';
+export * from './forms/SelectableChipGroup';
+export * from './forms/NumberStepper';
+export * from './forms/FileDropzone';
+export * from './forms/RevealField';
 export * from './forms/Checkbox';
 export * from './forms/Radio';
 export * from './forms/Switch';
@@ -25,6 +32,8 @@ export * from './forms/ColorSwatchGroup';
 export * from './feedback/Chip';
 export * from './feedback/Badge';
 export * from './feedback/Alert';
+export * from './feedback/InfoCard';
+export * from './feedback/Tip';
 export * from './feedback/Skeleton';
 export * from './feedback/Spinner';
 export * from './feedback/ProgressBar';
@@ -59,6 +68,10 @@ export * from './patterns/FullPageLoader';
 export * from './patterns/BusinessInfoDisplayCard';
 export * from './patterns/StepProgressCard';
 export * from './patterns/RevealAndCopy';
+export * from './patterns/Collapsible';
+export * from './patterns/Accordion';
+export * from './patterns/SummaryBar';
+export * from './patterns/EntityDisplayCard';
 export * from './patterns/CommandMenu';
 export * from './patterns/WorkspaceHeader';
 export * from './patterns/SideNav';

package/dist/components/ui/overlays/Tooltip/Tooltip.d.ts

@@ -4,5 +4,7 @@ export type TooltipProps = {
     children: ReactNode;
     side?: "top" | "right" | "bottom" | "left";
     delayDuration?: number;
+    /** When true, the tooltip never opens but the trigger stays mounted unchanged. */
+    disabled?: boolean;
 };
-export declare function Tooltip({ content, children, side, delayDuration }: TooltipProps): import("react/jsx-runtime").JSX.Element;
+export declare function Tooltip({ content, children, side, delayDuration, disabled }: TooltipProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/patterns/Accordion/Accordion.d.ts

@@ -0,0 +1,33 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type AccordionItem = {
+    value: string;
+    title: ReactNode;
+    description?: ReactNode;
+    content: ReactNode;
+    disabled?: boolean;
+};
+export type AccordionType = "single" | "multiple";
+export type AccordionProps = Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> & {
+    items: AccordionItem[];
+    /** `"single"` keeps one panel open at a time; `"multiple"` allows several. */
+    type?: AccordionType;
+    /** Controlled open value(s): a string for `single`, a string array for `multiple`. */
+    value?: string | string[];
+    /** Uncontrolled initial open value(s). */
+    defaultValue?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    /** When `type="single"`, allow closing the open panel by clicking it again. */
+    collapsible?: boolean;
+};
+export declare const Accordion: import('react').ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "defaultValue" | "onChange"> & {
+    items: AccordionItem[];
+    /** `"single"` keeps one panel open at a time; `"multiple"` allows several. */
+    type?: AccordionType;
+    /** Controlled open value(s): a string for `single`, a string array for `multiple`. */
+    value?: string | string[];
+    /** Uncontrolled initial open value(s). */
+    defaultValue?: string | string[];
+    onValueChange?: (value: string | string[]) => void;
+    /** When `type="single"`, allow closing the open panel by clicking it again. */
+    collapsible?: boolean;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/ui/patterns/Accordion/index.d.ts

@@ -0,0 +1,2 @@
+export { Accordion } from './Accordion';
+export type { AccordionProps, AccordionItem, AccordionType } from './Accordion';

package/dist/components/ui/patterns/Collapsible/Collapsible.d.ts

@@ -0,0 +1,15 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type CollapsibleProps = Omit<HTMLAttributes<HTMLDivElement>, "title"> & {
+    title: ReactNode;
+    description?: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+};
+export declare const Collapsible: import('react').ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title"> & {
+    title: ReactNode;
+    description?: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/ui/patterns/Collapsible/index.d.ts

@@ -0,0 +1,2 @@
+export { Collapsible } from './Collapsible';
+export type { CollapsibleProps } from './Collapsible';

package/dist/components/ui/patterns/EntityDisplayCard/EntityDisplayCard.d.ts

@@ -0,0 +1,33 @@
+import { HTMLAttributes, ReactNode } from 'react';
+import { BadgeProps } from '../../../primitives/Badge';
+import { ButtonProps } from '../../../primitives/Button';
+export type EntityDisplayCardMetadata = {
+    label: ReactNode;
+    value: ReactNode;
+};
+export type EntityDisplayCardAction = {
+    id: string;
+    label: ReactNode;
+    ariaLabel?: string;
+    icon?: ReactNode;
+    disabled?: boolean;
+    variant?: ButtonProps["variant"];
+};
+export type EntityDisplayCardProps = Omit<HTMLAttributes<HTMLDivElement>, "title"> & {
+    title: ReactNode;
+    description?: ReactNode;
+    status?: ReactNode;
+    statusTone?: BadgeProps["tone"];
+    metadata?: EntityDisplayCardMetadata[];
+    actions?: EntityDisplayCardAction[];
+    onAction?: (action: EntityDisplayCardAction) => void;
+};
+export declare const EntityDisplayCard: import('react').ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "title"> & {
+    title: ReactNode;
+    description?: ReactNode;
+    status?: ReactNode;
+    statusTone?: BadgeProps["tone"];
+    metadata?: EntityDisplayCardMetadata[];
+    actions?: EntityDisplayCardAction[];
+    onAction?: (action: EntityDisplayCardAction) => void;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/ui/patterns/EntityDisplayCard/index.d.ts

@@ -0,0 +1,2 @@
+export { EntityDisplayCard } from './EntityDisplayCard';
+export type { EntityDisplayCardAction, EntityDisplayCardMetadata, EntityDisplayCardProps } from './EntityDisplayCard';

package/dist/components/ui/patterns/SummaryBar/SummaryBar.d.ts

@@ -0,0 +1,17 @@
+import { HTMLAttributes, ReactNode } from 'react';
+export type SummaryBarItem = {
+    label: ReactNode;
+    value: ReactNode;
+};
+export type SummaryBarProps = HTMLAttributes<HTMLDivElement> & {
+    items?: SummaryBarItem[];
+    totalLabel: ReactNode;
+    totalValue: ReactNode;
+    note?: ReactNode;
+};
+export declare const SummaryBar: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    items?: SummaryBarItem[];
+    totalLabel: ReactNode;
+    totalValue: ReactNode;
+    note?: ReactNode;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/ui/patterns/SummaryBar/index.d.ts

@@ -0,0 +1,2 @@
+export { SummaryBar } from './SummaryBar';
+export type { SummaryBarItem, SummaryBarProps } from './SummaryBar';

package/dist/components/ui/patterns/WorkspaceHeader/WorkspaceHeader.d.ts

@@ -2,18 +2,28 @@ import { CSSProperties, ReactNode } from 'react';
 export type WorkspaceHeaderProps = {
     /** Brand block (logo + product name) rendered at the far left. */
     brand?: ReactNode;
-    /** Fixed width (px) for the brand rail, e.g. to align with a sidebar. Auto when omitted. */
+    /** Fixed width (px) for the brand rail, e.g. to align with a sidebar. Defaults to 216. */
     brandWidth?: number;
+    /** Collapses the brand rail to the sidebar-toggle column and hides the brand slot. */
+    brandCollapsed?: boolean;
+    /** Fixed width (px) for the collapsed brand rail. Defaults to 56. */
+    collapsedBrandWidth?: number;
     /** When provided, renders a sidebar-toggle button next to the brand. */
     onToggleSidebar?: () => void;
     /** Accessible label for the sidebar-toggle button. */
     toggleLabel?: string;
     /** Optional tab strip, rendered as its own bordered column after the brand. */
     tabs?: ReactNode;
-    /** Fixed width (px) for the tabs column, e.g. to align with a secondary pane. Auto when omitted. */
+    /** Fixed width (px) for the tabs column, e.g. to align with a secondary pane. Defaults to 380. */
     tabsWidth?: number;
+    /** Collapses the tabs rail to a compact centered column. */
+    tabsCollapsed?: boolean;
+    /** Fixed width (px) for the collapsed tabs rail. Defaults to 40. */
+    collapsedTabsWidth?: number;
     /** Search control, placed at the start of the trailing actions area. */
     search?: ReactNode;
+    /** Fixed width (px) for the search slot wrapper. Defaults to 300. */
+    searchWidth?: number;
     /** Trailing action controls (wallet, apps, avatar, …). */
     actions?: ReactNode;
     /** Free-form content placed in the main (flex) region before the spacer. */
@@ -29,7 +39,7 @@ export type WorkspaceHeaderProps = {
  * actions. All product-specific logic (which tabs exist, wallet balance, etc.)
  * stays in the consuming app — this component only owns layout and chrome.
  */
-export declare function WorkspaceHeader({ brand, brandWidth, onToggleSidebar, toggleLabel, tabs, tabsWidth, search, actions, children, height, className, style }: WorkspaceHeaderProps): import("react/jsx-runtime").JSX.Element;
+export declare function WorkspaceHeader({ brand, brandWidth, brandCollapsed, collapsedBrandWidth, onToggleSidebar, toggleLabel, tabs, tabsWidth, tabsCollapsed, collapsedTabsWidth, search, searchWidth, actions, children, height, className, style }: WorkspaceHeaderProps): import("react/jsx-runtime").JSX.Element;
 export declare namespace WorkspaceHeader {
     var displayName: string;
 }

package/dist/components/ui/primitives/Grid/Grid.d.ts

@@ -1,9 +1,13 @@
 import { HTMLAttributes } from 'react';
 export type GridProps = HTMLAttributes<HTMLDivElement> & {
-    columns?: 1 | 2 | 3 | 4;
+    columns?: 1 | 2 | 3 | 4 | string;
+    templateColumns?: string;
+    minColumnWidth?: string;
     gap?: "sm" | "md" | "lg";
 };
 export declare const Grid: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
-    columns?: 1 | 2 | 3 | 4;
+    columns?: 1 | 2 | 3 | 4 | string;
+    templateColumns?: string;
+    minColumnWidth?: string;
     gap?: "sm" | "md" | "lg";
 } & import('react').RefAttributes<HTMLDivElement>>;

package/dist/custom-elements.d.ts

@@ -99,6 +99,17 @@ export declare class BfrsAlertElement extends ReactCustomElement {
     protected defaultDisplay(): string;
     protected renderElement(): unknown;
 }
+export declare class BfrsInfoCardElement extends ReactCustomElement {
+    static readonly tagName = "info-card";
+    static get observedAttributes(): string[];
+    protected defaultDisplay(): string;
+    protected renderElement(): unknown;
+}
+export declare class BfrsTipElement extends ReactCustomElement {
+    static readonly tagName = "tip";
+    static get observedAttributes(): string[];
+    protected renderElement(): unknown;
+}
 export declare class BfrsSkeletonElement extends ReactCustomElement {
     static readonly tagName = "skeleton";
     static get observedAttributes(): string[];
@@ -222,6 +233,63 @@ export declare class BfrsSearchableSelectElement extends ValueCustomElement {
     static get observedAttributes(): string[];
     protected renderElement(): unknown;
 }
+export declare class BfrsMultiSelectElement extends ReactCustomElement {
+    static readonly tagName = "multi-select";
+    static get observedAttributes(): string[];
+    private controlledValues;
+    get values(): string[] | undefined;
+    set values(values: string[] | undefined);
+    get value(): string[] | string | undefined;
+    set value(value: string[] | string | undefined);
+    attributeChangedCallback(name?: string, oldValue?: string | null, newValue?: string | null): void;
+    protected renderElement(): unknown;
+    private propsValues;
+    private attributeValues;
+}
+export declare class BfrsSuggestInputElement extends ValueCustomElement {
+    static readonly tagName = "suggest-input";
+    static get observedAttributes(): string[];
+    protected defaultDisplay(): string;
+    protected renderElement(): unknown;
+}
+export declare class BfrsOptionCardGroupElement extends ValueCustomElement {
+    static readonly tagName = "option-card-group";
+    static get observedAttributes(): string[];
+    protected defaultDisplay(): string;
+    protected renderElement(): unknown;
+}
+export declare class BfrsSelectableChipGroupElement extends ReactCustomElement {
+    static readonly tagName = "selectable-chip-group";
+    static get observedAttributes(): string[];
+    private controlledValue;
+    get selectedValue(): string | string[] | undefined;
+    set selectedValue(value: string | string[] | undefined);
+    attributeChangedCallback(name?: string, oldValue?: string | null, newValue?: string | null): void;
+    protected defaultDisplay(): string;
+    protected renderElement(): unknown;
+    private attributeValues;
+}
+export declare class BfrsNumberStepperElement extends ReactCustomElement {
+    static readonly tagName = "number-stepper";
+    static get observedAttributes(): string[];
+    private controlledValue;
+    get value(): number | undefined;
+    set value(value: number | undefined);
+    attributeChangedCallback(name?: string, oldValue?: string | null, newValue?: string | null): void;
+    protected renderElement(): unknown;
+}
+export declare class BfrsFileDropzoneElement extends ReactCustomElement {
+    static readonly tagName = "file-dropzone";
+    static get observedAttributes(): string[];
+    protected defaultDisplay(): string;
+    protected renderElement(): unknown;
+}
+export declare class BfrsRevealFieldElement extends ReactCustomElement {
+    static readonly tagName = "reveal-field";
+    static get observedAttributes(): string[];
+    protected defaultDisplay(): string;
+    protected renderElement(): unknown;
+}
 export declare class BfrsCheckboxElement extends ReactCustomElement {
     static readonly tagName = "checkbox";
     static get observedAttributes(): string[];
@@ -354,6 +422,13 @@ export declare class BfrsDataTableElement extends ReactCustomElement {
     static get observedAttributes(): string[];
     protected defaultDisplay(): string;
     protected renderElement(): unknown;
+    private normalizeColumn;
+    private dataTableRowId;
+    private actionDisabled;
+    private emitCellAction;
+    private renderButtonCell;
+    private renderButtonGroupCell;
+    private renderActionMenuCell;
 }
 export declare class BfrsTabsElement extends ValueCustomElement {
     static readonly tagName = "tabs";
@@ -456,6 +531,31 @@ export declare class BfrsBusinessInfoDisplayCardSkeletonElement extends ReactCus
     static get observedAttributes(): string[];
     protected renderElement(): unknown;
 }
+export declare class BfrsCollapsibleElement extends OpenCustomElement {
+    static readonly tagName = "collapsible";
+    static get observedAttributes(): string[];
+    protected defaultDisplay(): string;
+    protected renderElement(): unknown;
+}
+export declare class BfrsAccordionElement extends ReactCustomElement {
+    static readonly tagName = "accordion";
+    static get observedAttributes(): string[];
+    protected defaultDisplay(): string;
+    private accordionDefaultValue;
+    protected renderElement(): unknown;
+}
+export declare class BfrsSummaryBarElement extends ReactCustomElement {
+    static readonly tagName = "summary-bar";
+    static get observedAttributes(): string[];
+    protected defaultDisplay(): string;
+    protected renderElement(): unknown;
+}
+export declare class BfrsEntityDisplayCardElement extends ReactCustomElement {
+    static readonly tagName = "entity-display-card";
+    static get observedAttributes(): string[];
+    protected defaultDisplay(): string;
+    protected renderElement(): unknown;
+}
 export declare class BfrsRevealAndCopyElement extends ReactCustomElement {
     static readonly tagName = "reveal-and-copy";
     static get observedAttributes(): string[];
@@ -493,6 +593,7 @@ export declare class BfrsSideNavElement extends ReactCustomElement {
 export declare function defineBfrsAgenticElements(options?: BfrsCustomElementRegistryOptions): void;
 declare global {
     interface HTMLElementTagNameMap {
+        "bfrs-accordion": BfrsAccordionElement;
         "bfrs-action-menu": BfrsActionMenuElement;
         "bfrs-alert": BfrsAlertElement;
         "bfrs-avatar": BfrsAvatarElement;
@@ -510,6 +611,7 @@ declare global {
         "bfrs-chat-composer": BfrsChatComposerElement;
         "bfrs-checkbox": BfrsCheckboxElement;
         "bfrs-chip": BfrsChipElement;
+        "bfrs-collapsible": BfrsCollapsibleElement;
         "bfrs-color-picker": BfrsColorPickerElement;
         "bfrs-color-swatch-group": BfrsColorSwatchGroupElement;
         "bfrs-command-menu": BfrsCommandMenuElement;
@@ -521,7 +623,9 @@ declare global {
         "bfrs-dropdown": BfrsDropdownElement;
         "bfrs-empty-state": BfrsEmptyStateElement;
         "bfrs-error-state": BfrsErrorStateElement;
+        "bfrs-entity-display-card": BfrsEntityDisplayCardElement;
         "bfrs-field-label": BfrsFieldLabelElement;
+        "bfrs-file-dropzone": BfrsFileDropzoneElement;
         "bfrs-filter-bar": BfrsFilterBarElement;
         "bfrs-filter-drawer": BfrsFilterDrawerElement;
         "bfrs-form-field": BfrsFormFieldElement;
@@ -531,6 +635,7 @@ declare global {
         "bfrs-helper-text": BfrsHelperTextElement;
         "bfrs-icon": BfrsIconElement;
         "bfrs-icon-button": BfrsIconButtonElement;
+        "bfrs-info-card": BfrsInfoCardElement;
         "bfrs-inline-error": BfrsInlineErrorElement;
         "bfrs-input": BfrsInputElement;
         "bfrs-kpi-card": BfrsKpiCardElement;
@@ -539,14 +644,19 @@ declare global {
         "bfrs-loading-state": BfrsLoadingStateElement;
         "bfrs-metric-card": BfrsMetricCardElement;
         "bfrs-modal": BfrsModalElement;
+        "bfrs-multi-select": BfrsMultiSelectElement;
+        "bfrs-number-stepper": BfrsNumberStepperElement;
+        "bfrs-option-card-group": BfrsOptionCardGroupElement;
         "bfrs-page-header": BfrsPageHeaderElement;
         "bfrs-paper": BfrsPaperElement;
         "bfrs-popover": BfrsPopoverElement;
         "bfrs-progress-bar": BfrsProgressBarElement;
         "bfrs-radio": BfrsRadioElement;
         "bfrs-reveal-and-copy": BfrsRevealAndCopyElement;
+        "bfrs-reveal-field": BfrsRevealFieldElement;
         "bfrs-searchable-select": BfrsSearchableSelectElement;
         "bfrs-section-header": BfrsSectionHeaderElement;
+        "bfrs-selectable-chip-group": BfrsSelectableChipGroupElement;
         "bfrs-select": BfrsSelectElement;
         "bfrs-side-nav": BfrsSideNavElement;
         "bfrs-slider": BfrsSliderElement;
@@ -555,12 +665,15 @@ declare global {
         "bfrs-stack": BfrsStackElement;
         "bfrs-step-progress-card": BfrsStepProgressCardElement;
         "bfrs-step-progress-card-skeleton": BfrsStepProgressCardSkeletonElement;
+        "bfrs-suggest-input": BfrsSuggestInputElement;
+        "bfrs-summary-bar": BfrsSummaryBarElement;
         "bfrs-switch": BfrsSwitchElement;
         "bfrs-table-pagination": BfrsTablePaginationElement;
         "bfrs-tabs": BfrsTabsElement;
         "bfrs-text": BfrsTextElement;
         "bfrs-textarea": BfrsTextareaElement;
         "bfrs-toast-manager": BfrsToastManagerElement;
+        "bfrs-tip": BfrsTipElement;
         "bfrs-tooltip": BfrsTooltipElement;
         "bfrs-workspace-header": BfrsWorkspaceHeaderElement;
     }