@bfrs/agentic-components 0.3.2 → 0.3.3

package/dist/components/data-display/DataTable/DataTable.types.d.ts

@@ -111,6 +111,17 @@ export type TableToolbarProps = {
 export type TablePaginationProps = DataTablePagination & {
     itemLabel?: string;
     className?: string;
+    /**
+     * Page-size control presentation. "select" (default, unchanged) renders a
+     * native <select>; "menu" renders a compact "{pageSize} {itemLabel}" button
+     * with a chevron that opens a menu of `pageSizeOptions`.
+     */
+    pageSizeControl?: "select" | "menu";
+    /**
+     * Whether to render the page-number navigation. Defaults to true (unchanged).
+     * Set false to render only the page-size cluster (e.g. single-page tables).
+     */
+    showPageNavigation?: boolean;
 };
 export type TableStateProps = {
     title?: ReactNode;

package/dist/components/data-display/DataTable/TablePagination.d.ts

@@ -1,2 +1,2 @@
 import { TablePaginationProps } from './DataTable.types';
-export declare function TablePagination({ page, totalPages, pageSize, totalItems, pageSizeOptions, onPageChange, onPageSizeChange, itemLabel, className }: TablePaginationProps): import("react/jsx-runtime").JSX.Element;
+export declare function TablePagination({ page, totalPages, pageSize, totalItems, pageSizeOptions, onPageChange, onPageSizeChange, itemLabel, className, pageSizeControl, showPageNavigation }: TablePaginationProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/primitives/Button/ButtonGroup.d.ts

@@ -0,0 +1,24 @@
+import { HTMLAttributes } from 'react';
+export type ButtonGroupProps = HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Visually joins the child buttons into a single connected control (a split
+     * button): inner corners are squared and adjacent borders are collapsed.
+     * Defaults to `true`. Set `false` for a spaced row of independent buttons.
+     */
+    attached?: boolean;
+};
+/**
+ * Groups two or more `Button`/`IconButton` children into one connected control.
+ * The canonical use is a split button — a primary action plus an adjacent
+ * trigger (e.g. "Add Order" + a caret menu). The first child keeps its left
+ * radius, the last child keeps its right radius, inner corners are squared, and
+ * the 1px border overlap is collapsed so the segments read as one unit.
+ */
+export declare const ButtonGroup: import('react').ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
+    /**
+     * Visually joins the child buttons into a single connected control (a split
+     * button): inner corners are squared and adjacent borders are collapsed.
+     * Defaults to `true`. Set `false` for a spaced row of independent buttons.
+     */
+    attached?: boolean;
+} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/primitives/Button/index.d.ts

@@ -1,2 +1,3 @@
 export * from './Button';
 export * from './Button.types';
+export * from './ButtonGroup';

package/dist/components/ui/actions/Button/Button.d.ts

@@ -1,2 +1,2 @@
-export { Button } from '../../../primitives/Button';
-export type { ButtonProps, ButtonSize, ButtonVariant } from '../../../primitives/Button';
+export { Button, ButtonGroup } from '../../../primitives/Button';
+export type { ButtonProps, ButtonSize, ButtonVariant, ButtonGroupProps } from '../../../primitives/Button';

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

@@ -1,9 +1,22 @@
-import { SelectOption } from '../Select';
+import { ReactNode } from 'react';
+import { ButtonVariant } from '../../../primitives/Button';
+import { SelectMenuWidth, SelectOption } from '../Select';
+export type MultiSelectSize = "sm" | "md" | "lg";
+/**
+ * When the value is committed back to the consumer via `onValueChange`:
+ * - `"change"` (default) — on every toggle, immediately.
+ * - `"apply"` — only when the user confirms with the Apply button (or a custom
+ *   footer action). Toggles update an internal draft; closing without applying
+ *   discards the draft. A Clear/Apply footer is shown automatically.
+ */
+export type MultiSelectCommitMode = "change" | "apply";
 export type MultiSelectProps = {
     options: SelectOption[];
     value?: string[];
     defaultValue?: string[];
     onValueChange?: (value: string[]) => void;
+    /** Fired with the committed value when the user applies (apply mode only). */
+    onApply?: (value: string[]) => void;
     placeholder?: string;
     searchPlaceholder?: string;
     emptyText?: string;
@@ -12,6 +25,21 @@ export type MultiSelectProps = {
     error?: boolean;
     clearable?: boolean;
     maxVisibleValues?: number;
+    /** Trigger size. Defaults to `"md"`. */
+    size?: MultiSelectSize;
+    /** Option popover width relative to the trigger. Defaults to `"auto"` (the
+     * popover grows to fit its content and can be wider than the trigger). */
+    menuWidth?: SelectMenuWidth;
+    /** Defer committing the value until applied. Defaults to `"change"`. */
+    commitMode?: MultiSelectCommitMode;
+    /** Custom popover footer. Overrides the default Clear/Apply footer. */
+    footer?: ReactNode;
+    applyLabel?: string;
+    clearLabel?: string;
+    /** Button variant for the default footer Apply action. Defaults to `"primary"`. */
+    applyVariant?: ButtonVariant;
+    /** Button variant for the default footer Clear action. Defaults to `"ghost"`. */
+    clearVariant?: ButtonVariant;
     className?: string;
     id?: string;
     "aria-describedby"?: string;

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

@@ -1,4 +1,5 @@
-import { SelectOption } from '../Select';
+import { SelectMenuWidth, SelectOption } from '../Select';
+export type SearchableSelectSize = "sm" | "md" | "lg";
 export type SearchableSelectProps = {
     options: SelectOption[];
     value?: string;
@@ -10,6 +11,10 @@ export type SearchableSelectProps = {
     disabled?: boolean;
     error?: boolean;
     clearable?: boolean;
+    /** Trigger size. Defaults to `"md"`. */
+    size?: SearchableSelectSize;
+    /** Option popover width relative to the trigger. Defaults to `"auto"`. */
+    menuWidth?: SelectMenuWidth;
     className?: string;
     id?: string;
     "aria-describedby"?: string;

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

@@ -2,7 +2,22 @@ export type SelectOption = {
     value: string;
     label: string;
     disabled?: boolean;
+    /** Optional group heading. Options sharing a `group` render under one heading,
+     * in first-seen group order. Options without a group render ungrouped. */
+    group?: string;
 };
+/**
+ * Controls the option popover width relative to the trigger.
+ * - `"trigger"` — exactly the trigger width.
+ * - `"auto"` — at least the trigger width, growing to fit content (can be wider).
+ * - a number — a fixed pixel width.
+ */
+export type SelectMenuWidth = "trigger" | "auto" | number;
+/** Groups a flat option list by `group`, preserving first-seen order. */
+export declare function groupSelectOptions(options: SelectOption[]): {
+    group?: string;
+    items: SelectOption[];
+}[];
 export type SelectProps = {
     value?: string;
     defaultValue?: string;
@@ -10,6 +25,8 @@ export type SelectProps = {
     options: SelectOption[];
     placeholder?: string;
     size?: "sm" | "md" | "lg";
+    /** Option popover width relative to the trigger. Defaults to `"auto"`. */
+    menuWidth?: SelectMenuWidth;
     disabled?: boolean;
     error?: boolean;
     className?: string;

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

@@ -1,4 +1,5 @@
 export declare const floatingCollisionPadding = 8;
+export declare const floatingLayerClassName = "bfrs-z-[1000]";
 export declare const dropdownContentCollisionClassName = "bfrs-max-h-[min(24rem,var(--radix-dropdown-menu-content-available-height))] bfrs-overflow-auto";
 export declare const popoverContentCollisionClassName = "bfrs-max-h-[min(32rem,var(--radix-popover-content-available-height))] bfrs-max-w-[calc(100vw-1rem)] bfrs-overflow-auto";
 export declare const selectContentCollisionClassName = "bfrs-max-h-[min(20rem,var(--radix-select-content-available-height))]";

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

@@ -3,6 +3,13 @@ export type RevealAndCopySize = "xs" | "sm" | "md";
 export type RevealAndCopyProps = Omit<HTMLAttributes<HTMLDivElement>, "children" | "onCopy"> & {
     /** The sensitive value to keep masked until the user reveals it. */
     value?: string | null;
+    /**
+     * Optional formatted/display representation rendered ONLY when revealed (e.g. a
+     * formatted phone number). The mask length still derives from `value`, and the
+     * plaintext `displayValue` is never present in the DOM while masked. When
+     * omitted, the revealed value falls back to `value` (unchanged behavior).
+     */
+    displayValue?: ReactNode;
     /** Enables the copy action after reveal. */
     allowCopy?: boolean;
     /** Initial reveal state for uncontrolled usage. */
@@ -35,6 +42,13 @@ export type RevealAndCopyProps = Omit<HTMLAttributes<HTMLDivElement>, "children"
 export declare const RevealAndCopy: import('react').ForwardRefExoticComponent<Omit<HTMLAttributes<HTMLDivElement>, "children" | "onCopy"> & {
     /** The sensitive value to keep masked until the user reveals it. */
     value?: string | null;
+    /**
+     * Optional formatted/display representation rendered ONLY when revealed (e.g. a
+     * formatted phone number). The mask length still derives from `value`, and the
+     * plaintext `displayValue` is never present in the DOM while masked. When
+     * omitted, the revealed value falls back to `value` (unchanged behavior).
+     */
+    displayValue?: ReactNode;
     /** Enables the copy action after reveal. */
     allowCopy?: boolean;
     /** Initial reveal state for uncontrolled usage. */

package/dist/custom-elements.d.ts

@@ -8,6 +8,7 @@ export type BfrsCustomElementRegistryOptions = {
 declare abstract class ReactCustomElement extends HTMLElement {
     private root;
     private mountNode;
+    private shadow;
     private initialText;
     private initialHtml;
     private hasCapturedInitialContent;