@lmb-it/kitsconcerto-native 0.1.246 → 0.1.248

package/index.d.ts

@@ -904,6 +904,18 @@ export interface ICardElementSlots {
 }
 /** Element slots for Table (PrimeReact DataTable styling) */
 export interface ITableElementSlots {
+    /**
+     * The outermost element — wraps the top bar, the filter toolbar, the
+     * grid, and the paginator. This is the slot that owns the "card" look
+     * (outer border, radius, shadow); `root` only covers the grid itself.
+     */
+    container?: IElementSlotConfig;
+    /** Consumer-supplied strip above the filter toolbar (tabs, counts, …) */
+    topBar?: IElementSlotConfig;
+    /** Bulk-action bar shown while rows are selected */
+    bulkBar?: IElementSlotConfig;
+    /** "N selected" caption inside the bulk-action bar */
+    bulkBarText?: IElementSlotConfig;
     /** Outer table wrapper — border, border-radius, overflow */
     root?: IElementSlotConfig;
     /** Toolbar area above the table — search, column picker, export buttons */
@@ -942,6 +954,15 @@ export interface ITableElementSlots {
     paginatorPageButton?: IElementSlotConfig;
     /** Numbered page link buttons (1, 2, 3 …) — distinct from nav buttons */
     paginatorPageLink?: IElementSlotConfig;
+    /**
+     * The container holding the numbered page links.
+     *
+     * PrimeReact renders it as a `display: block` span, so the page buttons
+     * sit inline with no spacing hook of their own — this slot is the only
+     * way to put a gap between them. The `paginatorPageGap` flat config
+     * feeds into it.
+     */
+    paginatorPages?: IElementSlotConfig;
     /** Active/current page number button in the paginator */
     paginatorActivePageButton?: IElementSlotConfig;
     /** "Showing X to Y of Z" caption */
@@ -976,6 +997,28 @@ export interface ITableElementSlots {
     filterBar?: IElementSlotConfig;
     /** Each filter input wrapper (search, dropdowns, multi-selects) */
     filterInput?: IElementSlotConfig;
+    /**
+     * Every interactive control in the toolbar at once — the global search
+     * box, each external filter, and the column picker — targeting the
+     * control element itself rather than its wrapper.
+     *
+     * This is what makes controls a uniform size: a height set on a wrapper
+     * leaves the input at its intrinsic height, so it has to land here. The
+     * `filterControl*` flat config feeds into this slot; anything set here
+     * explicitly wins over it.
+     */
+    toolbarControl?: IElementSlotConfig;
+    /**
+     * Placeholder text inside every toolbar control — the global search box
+     * and each external filter, whether it is a text input, a dropdown, or
+     * a multi-select.
+     *
+     * This exists because a placeholder cannot be reached with an inline
+     * style: text inputs need `::placeholder`, while PrimeReact's selects
+     * paint theirs on a `.p-placeholder` label element. Setting `color` /
+     * `opacity` / `fontStyle` here covers all of them at once.
+     */
+    filterPlaceholder?: IElementSlotConfig;
     /** "TYPE:" / "STATUS:" labels next to each filter */
     filterLabel?: IElementSlotConfig;
     /** The right-aligned config group (column picker, export, etc.) */
@@ -1040,13 +1083,68 @@ export interface ITableFlatConfig {
     rowsPerPageOptions?: number[];
     /** PrimeReact `tableStyle.minWidth`. */
     tableMinWidth?: string | number;
+    /**
+     * Horizontal distribution of the paginator's parts.
+     * `'between'` pins the current-page report to the leading edge and
+     * everything else to the trailing edge — the split layout a plain
+     * `justify-content` cannot produce. Defaults to `'between'`.
+     */
+    paginatorAlign?: "left" | "center" | "right" | "between";
+    /**
+     * Word labels for the paginator's navigation buttons. PrimeReact
+     * renders these icon-only; supplying a label swaps in the text.
+     * e.g. `{ prev: 'Prev', next: 'Next' }`.
+     */
+    paginatorLabels?: {
+        first?: string;
+        prev?: string;
+        next?: string;
+        last?: string;
+    };
+    /**
+     * Gap between the paginator's top-level parts — the current-page report,
+     * each navigation button, the block of numbered page links, and the
+     * rows-per-page dropdown. This is what separates `Prev` and `Next` from
+     * the page numbers between them.
+     */
+    paginatorGap?: string | number;
+    /**
+     * Gap between the numbered page links themselves (1 · 2 · 3).
+     *
+     * Needs its own key because PrimeReact renders the page links inside a
+     * `display: block` span, so there is nothing to apply a flex gap to
+     * until the container is given one — see the `paginatorPages` slot.
+     */
+    paginatorPageGap?: string | number;
+    /** How toolbar controls are distributed — `'grid'` gives equal tracks. */
+    filtersLayout?: "flex" | "grid";
+    /** Track count for `filtersLayout: 'grid'`. Defaults to auto-fit. */
+    filterColumns?: number;
+    /** Shared width for the search box and each external filter. */
+    filterControlWidth?: string | number;
+    /** Shared minimum width — the floor when controls flex. */
+    filterControlMinWidth?: string | number;
+    /** Shared height, applied to the control itself, not just its wrapper. */
+    filterControlHeight?: string | number;
+    /** Size variant handed to the underlying kits inputs. Defaults to `'sm'`. */
+    filterInputSize?: "sm" | "md" | "lg";
+    /**
+     * Default label mode for external filters — `'placeholder'` folds each
+     * filter's label into its control instead of rendering a caption beside
+     * it. Overridden per column by `externalFilterLabelMode`.
+     */
+    externalFilterLabelMode?: "label" | "placeholder" | "hidden";
+    /** Vertical alignment of body cells — `'top'` suits multi-line rows. */
+    cellVerticalAlign?: "top" | "middle" | "bottom";
+    /** `white-space` for body cells. `'normal'` lets long text wrap. */
+    cellWhiteSpace?: "normal" | "nowrap" | "pre-wrap";
+    /** Minimum row height — keeps wrapped and single-line rows consistent. */
+    rowMinHeight?: string | number;
 }
 /** Element slots for Group (repeatable field array) */
 export interface IGroupElementSlots {
     /** Outermost wrapper of the entire group */
     root?: IElementSlotConfig;
-    /** Header area (label + divider) */
-    header?: IElementSlotConfig;
     /** Container wrapping all repeated rows */
     body?: IElementSlotConfig;
     /** Each individual repeated row */
@@ -1505,12 +1603,28 @@ export interface IElementBase<T extends FieldValues> {
     id: keyof T | string;
     /** The label displayed for the field. */
     label?: DynamicValue<T, ILabelElement>;
-    /** A list of field IDs to watch for changes. */
-    deps?: (string | '*.current')[];
+    /**
+     * A list of field IDs to watch for changes. Three forms resolve:
+     *  - an absolute field path, e.g. `"country"` or `"address.city"`;
+     *  - `"*"` — watch every field in the form;
+     *  - row-relative, inside a Group row: `"<groupId>.current.<field>"`,
+     *    rewritten at runtime to `"<groupId>.<rowIndex>.<field>"` for the
+     *    row being rendered (FieldWrapper's resolveDepPath). This is what
+     *    makes per-row conditional visibility work: a row's `show` can
+     *    depend on that row's own values, e.g.
+     *    `deps: ['blocks.current.type'], show: ([type]) => type === 'heading'`.
+     *
+     * The former `'*.current'` literal was removed from this type: the
+     * resolver requires the group's own id as the first segment, so that
+     * exact string could never resolve to anything.
+     */
+    deps?: string[];
     onDepsChange?: LogicFunction<T, void>;
     /** Advanced logic for dynamic properties, an alternative to individual function props. */
     logic?: {
-        deps?: (string | '*.current')[];
+        /** Same forms as the top-level `deps` (see above), including the
+         *  row-relative `"<groupId>.current.<field>"` rewrite. */
+        deps?: string[];
         show?: LogicFunction<T, boolean>;
         disable?: LogicFunction<T, boolean>;
         colSpan?: LogicFunction<T, IStyleClasses["colSpan"]>;
@@ -1830,7 +1944,17 @@ export type GroupFieldConfigs<T extends FieldValues> = {
     };
 };
 export type OnSubmitHandler<T extends FieldValues | FormData> = ((data: T, setIsSubmitting: (isSubmitting: boolean) => void, formContext?: UseFormReturn<T>) => void);
-export type CustomSubmitButtonProps = "none" | ReactElement | ((onSubmit: () => void, isSubmitting: boolean, formContext?: UseFormReturn<any>) => ReactNode) | Omit<IButtonProps<any>, "onClick">;
+export type CustomSubmitButtonProps = "none" | ReactElement | ((onSubmit: () => void, isSubmitting: boolean, formContext?: UseFormReturn<any>) => ReactNode)
+/**
+ * Object variant: `loading` and `disabled` are OWNED BY THE RUNTIME —
+ * SubmitButton always renders them from the form's internal
+ * `isSubmitting`, which only the consumer moves by calling the
+ * `setIsSubmitting` callback passed as `onSubmit`'s second argument.
+ * They are omitted here so passing them is a compile error instead of
+ * a silently ignored prop. Need full control? Use the function variant,
+ * which receives `isSubmitting` directly.
+ */
+ | Omit<IButtonProps<any>, "onClick" | "loading" | "disabled">;
 export interface UseFormManagerEvents<T extends FieldValues> {
     onInvalidSubmit?: SubmitErrorHandler<T>;
     onChange?: (data: {
@@ -2086,6 +2210,44 @@ export interface ITextFilter {
 }
 export type IFilters = IMultiselectFilter | IRangeFilter | IDropdownFilter | IButtonsFilter | ICheckboxFilter | ITriStateFilter | IDateFilter | INumberFilter | ITextFilter | IPhoneFilter;
 export type IEditors = IMultiselectFilter | IRangeFilter | IDropdownFilter | IButtonsFilter | ICheckboxFilter | ITriStateFilter | IDateFilter | INumberFilter | ITextFilter | IPhoneFilter;
+/**
+ * How an external filter announces what it filters.
+ *
+ * - `"label"`       — a separate caption is rendered beside the control
+ *                     (e.g. `STATUS:` then the dropdown). Default.
+ * - `"placeholder"` — no caption; the label text becomes the control's
+ *                     placeholder, so the control reads `Status ⌄` until
+ *                     a value is picked. This is the compact toolbar look.
+ * - `"hidden"`      — neither caption nor placeholder. Use when the
+ *                     control is self-describing (e.g. a date range).
+ */
+export type TExternalFilterLabelMode = "label" | "placeholder" | "hidden";
+/**
+ * How external filter controls are distributed across the toolbar row.
+ *
+ * - `"flex"` — controls size to their content, wrapping when narrow. Default.
+ * - `"grid"` — controls occupy equal-width tracks, so the search box and
+ *              every filter line up on a shared grid.
+ */
+export type TFiltersLayout = "flex" | "grid";
+/**
+ * Horizontal distribution of paginator elements.
+ *
+ * `"between"` splits the paginator: the current-page report is pushed to
+ * the leading edge and everything else to the trailing edge. A plain
+ * `justify-content` cannot express that, which is why this is its own mode.
+ */
+export type TPaginatorAlign = "left" | "center" | "right" | "between";
+/**
+ * Word labels for paginator navigation buttons. PrimeReact renders these
+ * icon-only by default; supplying a label renders the text instead.
+ */
+export interface IPaginatorLabels {
+    first?: string;
+    prev?: string;
+    next?: string;
+    last?: string;
+}
 export interface IMessages {
     emptyMessage?: string;
     clearFilter?: string;
@@ -2094,6 +2256,15 @@ export interface IMessages {
     globalFilterPlaceholder?: string;
     exportAsPdf?: string;
     exportAsCSV?: string;
+    /** Column-picker placeholder. */
+    columnsPicker?: string;
+    /**
+     * Caption shown in the bulk-action bar while rows are selected.
+     * `{count}` is replaced with the number of selected rows.
+     */
+    selectionSummary?: string;
+    /** Label of the "deselect everything" control in the bulk bar. */
+    clearSelection?: string;
     filter?: {
         key?: string;
         value?: string;
@@ -2156,6 +2327,8 @@ export interface ColumnBodyOptions {
     expanded?: boolean;
     selected?: boolean;
 }
+/** See the web counterpart for the full contract. */
+export type IBodyTemplateIcon = ReactNode | string | ((value: any) => ReactNode | string);
 export type IBodyTemplate = {
     type: "avatar";
     size?: "normal" | "large" | "xlarge";
@@ -2163,16 +2336,34 @@ export type IBodyTemplate = {
 } | {
     type: "badge";
     severity?: ((value: any) => BadgeSeverity$1) | BadgeSeverity$1;
+    variant?: "solid" | "soft" | "outlined";
+    icon?: IBodyTemplateIcon;
     customStyle?: CSSProperties | ((value: any) => CSSProperties);
 } | {
     type: "tag";
     severity?: ((value: any) => TagSeverity) | TagSeverity;
     rounded?: boolean;
+    variant?: "solid" | "soft" | "outlined";
+    icon?: IBodyTemplateIcon;
     customStyle?: CSSProperties | ((value: any) => CSSProperties);
 } | {
     type: "progress";
     color?: string | ((value: any) => string);
     customStyle?: CSSProperties | ((value: any) => CSSProperties);
+} | {
+    type: "iconText";
+    icon?: IBodyTemplateIcon;
+    iconColor?: string | ((value: any) => string | undefined);
+    iconSize?: "2xs" | "xs" | "sm" | "md" | "lg" | "xl" | number;
+    gap?: number | string;
+    customStyle?: CSSProperties | ((value: any) => CSSProperties);
+} | {
+    type: "stacked";
+    primary?: (value: any, row: any) => ReactNode;
+    secondary?: (value: any, row: any) => ReactNode;
+    gap?: number | string;
+    customStyle?: CSSProperties | ((value: any) => CSSProperties);
+    secondaryStyle?: CSSProperties;
 };
 export interface IColumnBase {
     field?: string;
@@ -2192,6 +2383,14 @@ export interface IColumnBase {
     label?: string;
     labelTooltip?: string;
     bodyTemplate?: IBodyTemplate;
+    /** See the web counterpart — external filters share one filter state. */
+    externalFilter?: IFilters;
+    externalFilterLabel?: string;
+    externalFilterLabelMode?: TExternalFilterLabelMode;
+    externalFilterPlaceholder?: string;
+    externalFilterWidth?: string | number;
+    externalFilterOrder?: number;
+    emptyValue?: ReactNode;
     editor?: IEditors;
     globalStyle?: CSSProperties;
     headerStyle?: CSSProperties;
@@ -2224,15 +2423,21 @@ export interface IDataTableProps<T extends Record<string, any> = any> {
     columns: IColumn<T>[];
     scrollHeight?: string | 'auto';
     tableTitle?: string;
+    topBar?: ReactNode | ((context: IDatatableRefValues<T>) => ReactNode);
+    selectionMode?: "single" | "radiobutton" | "checkbox" | "multiple";
     onSelectChange?: (event: DataTableSelectionSingleChangeEvent<T[]>) => void;
+    onSelectionChange?: (rows: T[]) => void;
+    bulkActions?: (selected: T[], clear: () => void) => ReactNode;
     tableSize?: "small" | "normal" | "large";
     debounceFilterWaitTime?: number;
     filterMode?: 'enter' | 'debounce';
+    externalFilterLabelMode?: TExternalFilterLabelMode;
     skeleton?: boolean;
     stateful?: boolean;
     columnsPicker?: boolean;
     globalSearch?: boolean;
     headless?: boolean;
+    rowClickable?: boolean;
     rowLockable?: boolean;
     service?: (paginationRequest: IPaginationRequest) => Promise<ServerResponse<IPaginationResponse<T[]>>>;
     serviceRevalidateDeps?: any;
@@ -2283,6 +2488,16 @@ export interface IDataTableContextValues<T extends Record<string, any> = any> {
     pagination?: PaginationState;
     onClearFilter(): void;
     onClearCache(): void;
+    /** Set a single column's filter value — used by the external filter bar. */
+    setSingleFilter(name: string, value: any): void;
+    /** Toggle column visibility; receives the ordered visible column names. */
+    onColumnToggle(selectedNames: string[]): void;
+    /** Whether the column picker control should be rendered. */
+    columnsPicker?: boolean;
+    externalFilterLabelMode: TExternalFilterLabelMode;
+    selections: T[];
+    clearSelections(): void;
+    bulkActions?: (selected: T[], clear: () => void) => ReactNode;
     refValues: IDatatableRefValues<T>;
     fileName: string;
     buttons?: {
@@ -14596,4 +14811,4 @@ declare const localeFiles: {
 };
 
 export { ALPHA_COLOR_VARS, ALPHA_STEPS, ALPHA_TOKEN_NAMES, AccentEdge, CustomAccordion as Accordion, ActionCard, Alert, AlertDescription, AlertIcon, AlertTitle, KitsAnimatePresence as AnimatePresence, AnyFile, Avatar, AvatarStack, Badge, Banner, BottomTabBar, Box, BreadCrumb, Button, Card, Carousel, Center, ChatBubble, Chip, CircularProgress, Collapse, CommandPalette, Container, CustomPopover, DEFAULT_NATIVE_SHADOWS, DataView, DataViewContext, DateSeparator, Delta, DetailList as DetailsList, Divider, Donut, DotGrid, EDateFormat, EKeyFilter, Editable, EmptyState, FIELD_LABEL_MARGIN, FIELD_MARGIN, Flex, Form, FormSelect, GUTTER, Gallery, Gauge, Form as GoForm, Datatable as GoTable, KitsGrid as Grid, KitsGridItem as GridItem, GroupedBars, HELPER_TEXT_MARGIN, HStack, Heading, Icon, IconMap, Image, KitsInputSwitch as InputSwitch, KeyboardNavContext, KitsAutoComplete, KitsBarChart, KitsCascadeSelect, KitsCheckbox as KitsCheckboxes, KitsConfirm, KitsConfirmPopup, KitsContainer, KitsInputCalendar as KitsDatepicker, KitsDialogControlled as KitsDialog, KitsDropdown, FilePicker as KitsFilePicker, KitsInputColorPicker, KitsInputLocation, KitsInputMask, KitsInputNumber, KitsInputPassword, KitsInputText, KitsInputTextarea, KitsLineChart, KitsListBox, KitsMultiSelect, KitsPhoneComponent, KitsRadar, KitsRadio as KitsRadios, RadiusPicker as KitsRadiusPicker, KitsSliders, KitsThemeProvider, KitsToast, KitsTreeSelect, Label, Legend, Link, List, ListItem, Loader, LocaleContext, LocaleContextProvider, MainContext, MainContextProvider, MapTile, MessageComposer, MessageReceipt, MetricCard, KitsMultiSelect as MultiSelect, PersonCard, ProgressBar, RadiusPicker, RankedList, ReducedMotionProvider, Rise, SHADOW_PRESET_KEYS, SPACER, KitsScrollView as ScrollView, SegmentedControl, FormSelect as Select, SelectButton, Skeleton$1 as Skeleton, SkeletonRows, Skeleton as SkeletonText, Sparkline, StackedBars, StatCard, StatGroup, StatePill, StatusCard, Stepper, Striped, Svg, TableContext, Tabs, Text, ThemeContextProvider, Timeline, Tip, Tooltip, Translate, KitsTreeSelect as TreeSelect, TreeView, TriStateCheckbox, TypingIndicator, VStack, Wash, WidgetPanel, borderProperties, breakpoints, capitalizeFirstLetter, checkExtAgainstAccepted, checkNameDuplication, colorWithAlpha, dateTimeFormat, deepMerge, defaultSeverityTheme, defaultTheme, downloadCanvas, dynamicList, expandShadowNative, extendTheme, fileTypeIcon, fileValidation, filesExt, filesMemes, filesTypes, flattenSlotStyles, fontSizeMapping, formFileValidation, formatNumber, getActiveNativeShadows, getCombinedChildIds, getCustomDateTime, getDateElements, getDefaultValues, getMeme, getParams, getPropertyByPath, getType, getTypes, getURLParams, imagesExt, imagesMemes, imagesTypes, isAlphaToken, isNumber, isSemanticToken, isShadowPreset, isThemeToken, isToday, isValidURL, kitsMotion, listingProperties, localeFiles, allProperties as mapCssProperties, mergeRefs, nonPxProperties, propertiesWithoutCssEquivalent, pxProperties, resolveStyleRecord, resolveTokenValue, schemaBuilder, setActiveNativeShadows, shadowNative, shadowWeb, sizeMapping, sizingProperties, timeAgo, timeSince, toMemes, useAllSeverityColors, useComponentDefaults, useCountUp, useDataView, useDialog, useDisclosure, useEnter, useFieldLogic, useFocusStyles, useFormFieldKeyboardNav, useFormManager, useKeyboardNav, useKeyboardNavProvider, useKitsColorScheme, useKitsConcerto, useKitsTheme, useLanguage, useMeasuredWidth, useNativeColorMap, usePopup, useReducedMotion, useResolvedElementStyles, useResolvedStyle, useRtlLineHeight, useScrollState, useSelectionController, useSeverityColors, useTable, useTheme, useThemedFont, useToast };
-export type { AlignmentsValues, AllSlotKeys, AnimationsValues, AvatarShape, AvatarSize, AvatarStatus, BannerAction, BannerStatus, BaseFieldProps, Booleanish, Breakpoint, CallbackProps, ChatBubbleTone, ChatBubbleVariant, ChipSeverity, ChipSize, ColorMode, ColorScale, ColorValue, Colors, ColorsType, ComponentSize, CustomSubmitButtonProps, DataTableFilterMeta, DataTableFilterMetaData, DataTableOperatorFilterMetaData, DataTableSelectionSingleChangeEvent, DataTableSortMeta, DeepPartial, DetailItemInputType, DynamicValue, ElementProps, EnteringAnimation, ExitingAnimation, ExpandedKeys, FetchError, FetchSuccess, FetchTableDataRes, FetchTablePaginationData, FieldWrapperProps, File$1 as File, FileUploaderTemplate, FileUploaderTemplateParams, FlexAlignmentsValues, FlexValues, FormBooleanEvent, FormBooleanTarget, FormEvent, FormTarget, GroupFieldConfigs, HighSizingValue, IAccentEdgeProps, IAccordionElementSlots, IAccordionProps, IActionCardProps, IAddressComponentValue, IAddressExperianFormat, IAddressFormat, IAddressFormatResults, IAddressSearchResults, IAlertComponent, IAlertProps, IAlignment, IAnimation, IAutoCompleteCore, IAutoCompleteElement, IAvatarElementSlots, IAvatarProps, IAvatarStackElementSlots, IAvatarStackProps, IBadgeProps, IBannerProps, IBarChartProps, IBaseValidation, IBasicSectionProps, IBg, IBodyTemplate, IBorder, IBottomTabBarElementSlots, IBottomTabBarProps, IBoxComponent, IBuilderAddressField, IBuilderCheckboxField, IBuilderContainerField, IBuilderDateField, IBuilderField, IBuilderFieldBase, IBuilderFieldExport, IBuilderFileField, IBuilderGroupField, IBuilderMultiselectField, IBuilderNumberField, IBuilderPhoneField, IBuilderRadiosField, IBuilderRadiusPickerField, IBuilderSectionField, IBuilderSelectField, IBuilderSwitchField, IBuilderTagsField, IBuilderTextField, IBuilderTextareaField, IButton, IButtonElementSlots, IButtonParams, IButtonProps, IButtonState, IButtonsFilter, ICanvasProps, ICardComponent, ICardElementSlots, ICarouselElementSlots, ICarouselProps, ICascadeSelect, ICascadeSelectCore, IChatBubbleElementSlots, IChatBubbleProps, ICheckbox, ICheckboxFilter, ICheckboxSlots, IChildren, IChildrenParams, IChipProps, ICircularProgressProps, ICollapseProps, IColorPicker, IColumn, IColumnBase, ICombined, ICommandPaletteGroup, ICommandPaletteItem, ICommandPaletteProps, IComponentThemeConfig, IConditionGroupProps, IConditionRowProps, IConditionRule, IConditionsSectionProps, IConfirmDialogProps, IConfirmPopupProps, IContainer, IContainerCardProps, IContainerProps, IContextValues, ICountrySearchResults, ICssStyling, IDVButtonsFilter, IDVCheckboxFilter, IDVDateFilter, IDVDropdownFilter, IDVFilters, IDVMessages, IDVMultiselectFilter, IDVNumberFilter, IDVPaginationRequest, IDVPaginationResponse, IDVPaginationState, IDVPhoneFilter, IDVRangeFilter, IDVTextFilter, IDVTriStateFilter, IDataTableContextValues, IDataTableProps, IDataViewContextValues, IDataViewProps, IDataViewRefValues, IDatatableRefValues, IDate, IDateFilter, IDateProps, IDateSeparatorElementSlots, IDateSeparatorProps, IDateValidation, IDatepickerSlots, IDeltaProps, IDetailItem, IDetailListProps, IDialogButton, IDialogProps, IDialogRef, IDialogState, IDisplay, IDividerComponent, IDonutProps, IDonutSegment, IDotGridProps, IDoughnutChartProps, IDropdownCore, IDropdownFilter, IDropdownSelect, IEditableProps, IEditors, IEffects, IElementBase, IElementSlotConfig, IElementStyle, IEmail, IEmailSearchResults, IEmptyStateElementSlots, IEmptyStateProps, IFieldCardProps, IFieldCondition, IFieldPreviewProps, IFile, IFileUploader, IFileUploaderElement, IFileUploaderTypes, IFileValidation, IFilesExtTypeKeys, IFilters, IFlexAlignment, IFlexComponent, IFormAddon, IFormBuilderInternalState, IFormBuilderMeta, IFormBuilderPayload, IFormBuilderProps, IFormComponent, IFormElement, IFormElementBaseSlots, IFormElementSlots, IFormGrid, IFormListsElements, IFormSelect, IFormSelectElements, IFormSingleElement, IGalleryElementSlots, IGalleryItem, IGalleryProps, IGaugeProps, IGrid, IGridComponent, IGridItem, IGridItemComponent, IGroup, IGroupCardProps, IGroupElementSlots, IGroupSettings, IGroupedBarsDatum, IGroupedBarsProps, IHeaderElementSlots, IHeadingComponent, IIconProps, IImageComponent, IImagesExtTypeKeys, IInteractivity, IKeyedColumn, IKitsAnimation, IKitsBarChartDatum, IKitsBarChartProps, IKitsCheckboxProps, IKitsComponentDefaults, IKitsContainer, IKitsDialogControlled, IKitsInputCalendar, IKitsInputColorPicker, IKitsInputLocation, IKitsInputMask, IKitsInputNumber, IKitsInputPassword, IKitsInputRating, IKitsInputSwitch, IKitsInputText, IKitsInputTextarea, IKitsLineChartProps, IKitsLineChartSeries, IKitsPhoneInput, IKitsRadioProps, IKitsTheme, IKitsThemeColors, IKitsThemeConfig, IKitsThemeContextValues, IKitsThemeFontSizes, IKitsThemeFontWeights, IKitsThemeFonts, IKitsThemeLineHeights, IKitsThemeRadii, IKitsThemeShadows, IKitsThemeSpacing, IKitsToastRef, ILabelElement, ILabelProps, ILanguage, ILayout, ILegendItem, ILegendProps, ILineChartProps, ILinkComponent, ILinkOverrides, IList, IListBoxCore, IListBoxElement, IListBoxSelect, IListItem, IListing, ILoaderProps, ILoadingIndicatorContext, ILocaleContextProps, ILocaleContextValues, ILocation, ILocationDetailsResponse, ILocationResponse, IMainContextProps, IMainContextValues, IMapTilePoint, IMapTileProps, IMemes, IMenuItem, IMessageComposerElementSlots, IMessageComposerProps, IMessageReceiptElementSlots, IMessageReceiptProps, IMessages, IMetricCardProps, IMinusButton, IModalComponent, IModalFormProps, IMultiSelect, IMultiSelectCore, IMultiSelectSlots, IMultiselect, IMultiselectFilter, INativeShadow, INonCrossPlatformTypes, INumberFilter, INumberInput, INumberProps, INumberValidation, IObjectGroup, IOneOfTypes, IOptionItem, IOptionsEditorProps, IOptionsSource, IPageISection, IPaginationRequest, IPaginationResponse, IPaletteItemProps, IPaletteProps, IPanelCustomSlot, IPassword, IPasswordProps, IPersonCardProps, IPhone, IPhoneFilter, IPhoneObjectValue, IPhoneValidationResults, IPhoneValue, IPieChartProps, IPlusButton, IPolarAreaChartProps, IPopoverProps, IProgressBarElementSlots, IProgressBarProps, IPropertiesPanelProps, IRTLDetection, IRadarChartProps, IRadarProps, IRadarSeries, IRadioCheckboxListItem, IRadioGroup, IRadioSlots, IRadiusPickerEvents, IRadiusPickerField, IRadiusPickerI18n, IRadiusPickerProps, IRangeFilter, IRankedListProps, IRankedListRow, IRef, IRepeatableSettings, IResponsiveElement, IRiseProps, ISVGComponent, IScrollViewComponent, ISegmentedControlOption, ISegmentedControlProps, ISelect, ISelectBase, ISelectCore, ISelectElement, ISelectSlots, ISelectType, ISelectedFile, ISelectedFileType, ISelectionValidation, ISeverityColorSlots, ISeverityThemeMap, IShadowDefinition, IShadowValue, ISidebarElementSlots, ISizing, ISkeleton, ISkeletonRowsProps, ISkeletonText, ISliderProps, ISpacing, ISparklineProps, IStackProps, IStackedBarsDatum, IStackedBarsProps, IStatCardElementSlots, IStatCardProps, IStatGroupElementSlots, IStatGroupProps, IStatePillProps, IStatisticsProps, IStats, IStatusCardProps, IStepperElementSlots, IStepperProps, IStripedProps, IStyleClasses, ISwitch, ISwitchSlots, ITabBarItem, ITabItem, ITableElementSlots, ITableFlatConfig, ITabsElementSlots, ITabsProps, ITags, IText, ITextComponent, ITextFieldProps, ITextFilter, ITextInput, ITextInputProps, ITextInputSlots, ITextValidation, ITextarea, IThemeContextProps, IThemeContextValues, ITimelineElementSlots, ITimelineItem, ITimelineProps, ITipProps, IToastAction, IToastFunction, IToastOptions, IToastParams, IToolbarProps, ITransforms, ITransition, ITranslatableInputProps, ITranslatableText, ITranslateComponent, ITreeItem, ITreeSelect, ITreeSelectCore, ITreeSelectElement, ITreeSelectNode, ITreeViewProps, ITriStateFilter, ITypingIndicatorElementSlots, ITypingIndicatorProps, IUnkeyedColumn, IUseCountUpOptions, IUseFormReturn, IUserAvatar, IValidationSectionProps, IWashProps, IWidgetBarIncomingProp, IWidgetChartContextProps, IWidgetChartProp, IWidgetData, IWidgetDoughnutIncomingProp, IWidgetLineIncomingProp, IWidgetPanelProps, IWidgetPieIncomingProp, IWidgetPolarAreaIncomingProp, IWidgetRadarIncomingProp, IconName, IconType, InputTextFieldProps, KitsBreakpoint, KitsConditionalObject, KitsDevice, KitsMotion, KitsOrientation, KitsPlatform, KitsResponsiveObject, KitsResponsiveValue, KitsThemeOverride, LabelVariant, LatLng, LoadMode, LoadingIndicatorRenderer, LogicFunction, MapInteraction, MeasurementValues, MessageReceiptState, Nullable, Numbering0_12, Numbering0_32, Numberish, OnCenterChange, OnLocationError, OnLocationFound, OnRadiusChange, OnRadiusValueChange, OnSubmitHandler, OnUnitChange, Orientation, PaginationState, PaginatorPageChangeEvent$1 as PaginatorPageChangeEvent, Permissions, PlatformKey, RadiusPickerDisplay, RadiusPickerLayout, RadiusPickerSize, RadiusUnit, RadiusValue, RenderLocationButtonProps, RenderMapProps, RenderSearchBoxProps, SelectFieldProps, SemanticColorTokens, ServerMethod, ServerResponse, ServerSideProps, SetManyOpts, Severity, Shades, ShadowPreset, Shapes, SidesValues, SizingNumbering, SizingValue, StatePillState, StepperVariant, TAcceptedFileType, TBuilderFieldType, TCheckboxRadioMode, TCheckboxRadioSize, TConditionAction, TConditionMatch, TConditionOperator, TDateBoundary, TDynamicFlag, TIsoFormat, TItemsPerRow, TKeyFilter, TLocationProvider, TextLabels, TextProps, ThemedFontKind, TimelineItemStatus, Timeout, TimingNumbering, ToastPosition, ToastSeverity, ToastSize, TooltipDataAttributes, TooltipProps, TreeChangeProps, TreeCheckboxSelectionKeyType, TreeCheckboxSelectionKeys, TreeNode, TreeNodeClickEvent, TreeNodeTemplateOptions, TreeProps, TreeRef, TreeSelectionEvent, Types, UseComponentDefaultsResult, UseDisclosureReturnType, UseFieldLogicElementProps, UseFieldLogicProps, UseFieldLogicReturn, UseFormManagerEvents, UseFormManagerReturn, UseToastApi, ValidationProps, children, clearFunction, downloadableFileResponse, settings1, settings2 };
+export type { AlignmentsValues, AllSlotKeys, AnimationsValues, AvatarShape, AvatarSize, AvatarStatus, BannerAction, BannerStatus, BaseFieldProps, Booleanish, Breakpoint, CallbackProps, ChatBubbleTone, ChatBubbleVariant, ChipSeverity, ChipSize, ColorMode, ColorScale, ColorValue, Colors, ColorsType, ComponentSize, CustomSubmitButtonProps, DataTableFilterMeta, DataTableFilterMetaData, DataTableOperatorFilterMetaData, DataTableSelectionSingleChangeEvent, DataTableSortMeta, DeepPartial, DetailItemInputType, DynamicValue, ElementProps, EnteringAnimation, ExitingAnimation, ExpandedKeys, FetchError, FetchSuccess, FetchTableDataRes, FetchTablePaginationData, FieldWrapperProps, File$1 as File, FileUploaderTemplate, FileUploaderTemplateParams, FlexAlignmentsValues, FlexValues, FormBooleanEvent, FormBooleanTarget, FormEvent, FormTarget, GroupFieldConfigs, HighSizingValue, IAccentEdgeProps, IAccordionElementSlots, IAccordionProps, IActionCardProps, IAddressComponentValue, IAddressExperianFormat, IAddressFormat, IAddressFormatResults, IAddressSearchResults, IAlertComponent, IAlertProps, IAlignment, IAnimation, IAutoCompleteCore, IAutoCompleteElement, IAvatarElementSlots, IAvatarProps, IAvatarStackElementSlots, IAvatarStackProps, IBadgeProps, IBannerProps, IBarChartProps, IBaseValidation, IBasicSectionProps, IBg, IBodyTemplate, IBodyTemplateIcon, IBorder, IBottomTabBarElementSlots, IBottomTabBarProps, IBoxComponent, IBuilderAddressField, IBuilderCheckboxField, IBuilderContainerField, IBuilderDateField, IBuilderField, IBuilderFieldBase, IBuilderFieldExport, IBuilderFileField, IBuilderGroupField, IBuilderMultiselectField, IBuilderNumberField, IBuilderPhoneField, IBuilderRadiosField, IBuilderRadiusPickerField, IBuilderSectionField, IBuilderSelectField, IBuilderSwitchField, IBuilderTagsField, IBuilderTextField, IBuilderTextareaField, IButton, IButtonElementSlots, IButtonParams, IButtonProps, IButtonState, IButtonsFilter, ICanvasProps, ICardComponent, ICardElementSlots, ICarouselElementSlots, ICarouselProps, ICascadeSelect, ICascadeSelectCore, IChatBubbleElementSlots, IChatBubbleProps, ICheckbox, ICheckboxFilter, ICheckboxSlots, IChildren, IChildrenParams, IChipProps, ICircularProgressProps, ICollapseProps, IColorPicker, IColumn, IColumnBase, ICombined, ICommandPaletteGroup, ICommandPaletteItem, ICommandPaletteProps, IComponentThemeConfig, IConditionGroupProps, IConditionRowProps, IConditionRule, IConditionsSectionProps, IConfirmDialogProps, IConfirmPopupProps, IContainer, IContainerCardProps, IContainerProps, IContextValues, ICountrySearchResults, ICssStyling, IDVButtonsFilter, IDVCheckboxFilter, IDVDateFilter, IDVDropdownFilter, IDVFilters, IDVMessages, IDVMultiselectFilter, IDVNumberFilter, IDVPaginationRequest, IDVPaginationResponse, IDVPaginationState, IDVPhoneFilter, IDVRangeFilter, IDVTextFilter, IDVTriStateFilter, IDataTableContextValues, IDataTableProps, IDataViewContextValues, IDataViewProps, IDataViewRefValues, IDatatableRefValues, IDate, IDateFilter, IDateProps, IDateSeparatorElementSlots, IDateSeparatorProps, IDateValidation, IDatepickerSlots, IDeltaProps, IDetailItem, IDetailListProps, IDialogButton, IDialogProps, IDialogRef, IDialogState, IDisplay, IDividerComponent, IDonutProps, IDonutSegment, IDotGridProps, IDoughnutChartProps, IDropdownCore, IDropdownFilter, IDropdownSelect, IEditableProps, IEditors, IEffects, IElementBase, IElementSlotConfig, IElementStyle, IEmail, IEmailSearchResults, IEmptyStateElementSlots, IEmptyStateProps, IFieldCardProps, IFieldCondition, IFieldPreviewProps, IFile, IFileUploader, IFileUploaderElement, IFileUploaderTypes, IFileValidation, IFilesExtTypeKeys, IFilters, IFlexAlignment, IFlexComponent, IFormAddon, IFormBuilderInternalState, IFormBuilderMeta, IFormBuilderPayload, IFormBuilderProps, IFormComponent, IFormElement, IFormElementBaseSlots, IFormElementSlots, IFormGrid, IFormListsElements, IFormSelect, IFormSelectElements, IFormSingleElement, IGalleryElementSlots, IGalleryItem, IGalleryProps, IGaugeProps, IGrid, IGridComponent, IGridItem, IGridItemComponent, IGroup, IGroupCardProps, IGroupElementSlots, IGroupSettings, IGroupedBarsDatum, IGroupedBarsProps, IHeaderElementSlots, IHeadingComponent, IIconProps, IImageComponent, IImagesExtTypeKeys, IInteractivity, IKeyedColumn, IKitsAnimation, IKitsBarChartDatum, IKitsBarChartProps, IKitsCheckboxProps, IKitsComponentDefaults, IKitsContainer, IKitsDialogControlled, IKitsInputCalendar, IKitsInputColorPicker, IKitsInputLocation, IKitsInputMask, IKitsInputNumber, IKitsInputPassword, IKitsInputRating, IKitsInputSwitch, IKitsInputText, IKitsInputTextarea, IKitsLineChartProps, IKitsLineChartSeries, IKitsPhoneInput, IKitsRadioProps, IKitsTheme, IKitsThemeColors, IKitsThemeConfig, IKitsThemeContextValues, IKitsThemeFontSizes, IKitsThemeFontWeights, IKitsThemeFonts, IKitsThemeLineHeights, IKitsThemeRadii, IKitsThemeShadows, IKitsThemeSpacing, IKitsToastRef, ILabelElement, ILabelProps, ILanguage, ILayout, ILegendItem, ILegendProps, ILineChartProps, ILinkComponent, ILinkOverrides, IList, IListBoxCore, IListBoxElement, IListBoxSelect, IListItem, IListing, ILoaderProps, ILoadingIndicatorContext, ILocaleContextProps, ILocaleContextValues, ILocation, ILocationDetailsResponse, ILocationResponse, IMainContextProps, IMainContextValues, IMapTilePoint, IMapTileProps, IMemes, IMenuItem, IMessageComposerElementSlots, IMessageComposerProps, IMessageReceiptElementSlots, IMessageReceiptProps, IMessages, IMetricCardProps, IMinusButton, IModalComponent, IModalFormProps, IMultiSelect, IMultiSelectCore, IMultiSelectSlots, IMultiselect, IMultiselectFilter, INativeShadow, INonCrossPlatformTypes, INumberFilter, INumberInput, INumberProps, INumberValidation, IObjectGroup, IOneOfTypes, IOptionItem, IOptionsEditorProps, IOptionsSource, IPageISection, IPaginationRequest, IPaginationResponse, IPaginatorLabels, IPaletteItemProps, IPaletteProps, IPanelCustomSlot, IPassword, IPasswordProps, IPersonCardProps, IPhone, IPhoneFilter, IPhoneObjectValue, IPhoneValidationResults, IPhoneValue, IPieChartProps, IPlusButton, IPolarAreaChartProps, IPopoverProps, IProgressBarElementSlots, IProgressBarProps, IPropertiesPanelProps, IRTLDetection, IRadarChartProps, IRadarProps, IRadarSeries, IRadioCheckboxListItem, IRadioGroup, IRadioSlots, IRadiusPickerEvents, IRadiusPickerField, IRadiusPickerI18n, IRadiusPickerProps, IRangeFilter, IRankedListProps, IRankedListRow, IRef, IRepeatableSettings, IResponsiveElement, IRiseProps, ISVGComponent, IScrollViewComponent, ISegmentedControlOption, ISegmentedControlProps, ISelect, ISelectBase, ISelectCore, ISelectElement, ISelectSlots, ISelectType, ISelectedFile, ISelectedFileType, ISelectionValidation, ISeverityColorSlots, ISeverityThemeMap, IShadowDefinition, IShadowValue, ISidebarElementSlots, ISizing, ISkeleton, ISkeletonRowsProps, ISkeletonText, ISliderProps, ISpacing, ISparklineProps, IStackProps, IStackedBarsDatum, IStackedBarsProps, IStatCardElementSlots, IStatCardProps, IStatGroupElementSlots, IStatGroupProps, IStatePillProps, IStatisticsProps, IStats, IStatusCardProps, IStepperElementSlots, IStepperProps, IStripedProps, IStyleClasses, ISwitch, ISwitchSlots, ITabBarItem, ITabItem, ITableElementSlots, ITableFlatConfig, ITabsElementSlots, ITabsProps, ITags, IText, ITextComponent, ITextFieldProps, ITextFilter, ITextInput, ITextInputProps, ITextInputSlots, ITextValidation, ITextarea, IThemeContextProps, IThemeContextValues, ITimelineElementSlots, ITimelineItem, ITimelineProps, ITipProps, IToastAction, IToastFunction, IToastOptions, IToastParams, IToolbarProps, ITransforms, ITransition, ITranslatableInputProps, ITranslatableText, ITranslateComponent, ITreeItem, ITreeSelect, ITreeSelectCore, ITreeSelectElement, ITreeSelectNode, ITreeViewProps, ITriStateFilter, ITypingIndicatorElementSlots, ITypingIndicatorProps, IUnkeyedColumn, IUseCountUpOptions, IUseFormReturn, IUserAvatar, IValidationSectionProps, IWashProps, IWidgetBarIncomingProp, IWidgetChartContextProps, IWidgetChartProp, IWidgetData, IWidgetDoughnutIncomingProp, IWidgetLineIncomingProp, IWidgetPanelProps, IWidgetPieIncomingProp, IWidgetPolarAreaIncomingProp, IWidgetRadarIncomingProp, IconName, IconType, InputTextFieldProps, KitsBreakpoint, KitsConditionalObject, KitsDevice, KitsMotion, KitsOrientation, KitsPlatform, KitsResponsiveObject, KitsResponsiveValue, KitsThemeOverride, LabelVariant, LatLng, LoadMode, LoadingIndicatorRenderer, LogicFunction, MapInteraction, MeasurementValues, MessageReceiptState, Nullable, Numbering0_12, Numbering0_32, Numberish, OnCenterChange, OnLocationError, OnLocationFound, OnRadiusChange, OnRadiusValueChange, OnSubmitHandler, OnUnitChange, Orientation, PaginationState, PaginatorPageChangeEvent$1 as PaginatorPageChangeEvent, Permissions, PlatformKey, RadiusPickerDisplay, RadiusPickerLayout, RadiusPickerSize, RadiusUnit, RadiusValue, RenderLocationButtonProps, RenderMapProps, RenderSearchBoxProps, SelectFieldProps, SemanticColorTokens, ServerMethod, ServerResponse, ServerSideProps, SetManyOpts, Severity, Shades, ShadowPreset, Shapes, SidesValues, SizingNumbering, SizingValue, StatePillState, StepperVariant, TAcceptedFileType, TBuilderFieldType, TCheckboxRadioMode, TCheckboxRadioSize, TConditionAction, TConditionMatch, TConditionOperator, TDateBoundary, TDynamicFlag, TExternalFilterLabelMode, TFiltersLayout, TIsoFormat, TItemsPerRow, TKeyFilter, TLocationProvider, TPaginatorAlign, TextLabels, TextProps, ThemedFontKind, TimelineItemStatus, Timeout, TimingNumbering, ToastPosition, ToastSeverity, ToastSize, TooltipDataAttributes, TooltipProps, TreeChangeProps, TreeCheckboxSelectionKeyType, TreeCheckboxSelectionKeys, TreeNode, TreeNodeClickEvent, TreeNodeTemplateOptions, TreeProps, TreeRef, TreeSelectionEvent, Types, UseComponentDefaultsResult, UseDisclosureReturnType, UseFieldLogicElementProps, UseFieldLogicProps, UseFieldLogicReturn, UseFormManagerEvents, UseFormManagerReturn, UseToastApi, ValidationProps, children, clearFunction, downloadableFileResponse, settings1, settings2 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lmb-it/kitsconcerto-native",
-  "version": "0.1.246",
+  "version": "0.1.248",
   "description": "KitsConcerto — Native (React Native) UI components",
   "main": "index.js",
   "module": "index.js",

package/packages/types/src/Theme/defaultTheme.cjs

@@ -905,6 +905,56 @@ const defaultTheme = {
       paginatorTemplate: "PrevPageLink PageLinks NextPageLink CurrentPageReport RowsPerPageDropdown",
       currentPageReportTemplate: "Showing {first}\u2013{last} of {totalRecords}",
       rowsPerPageOptions: [10, 25, 50, 100],
+      // NOTE: `paginatorAlign` and `paginatorLabels` are deliberately
+      // left unset. Both change the paginator's layout for every
+      // existing consumer, so they stay opt-in:
+      //   paginatorAlign: 'between'  → report leading, nav trailing
+      //   paginatorLabels: { prev: 'Prev', next: 'Next' }  → word buttons
+      // Spacing. `paginatorGap` separates the report, the nav buttons
+      // and the block of page links; `paginatorPageGap` separates the
+      // numbered links from each other. The latter also makes their
+      // container a flex box — PrimeReact ships it as a plain block
+      // span, so without this there is nothing for a gap to act on.
+      paginatorGap: 8,
+      paginatorPageGap: 4,
+      // Every toolbar control — search box included — shares one
+      // height and floor width, so a text input and a dropdown line up.
+      filtersLayout: "flex",
+      filterControlHeight: "2.5rem",
+      filterControlMinWidth: 150,
+      filterInputSize: "sm",
+      externalFilterLabelMode: "label",
+      cellVerticalAlign: "middle",
+      // `container` spans the top bar, toolbar, grid and paginator.
+      // Left unstyled on purpose: the default look keeps a detached
+      // filter bar above a bordered grid (`filterBar` + `root`). To get
+      // the single-card look instead, move the border/radius here and
+      // clear them from `root` and `filterBar`.
+      container: {},
+      topBar: {
+        style: {
+          paddingLeft: 20,
+          paddingRight: 20,
+          borderBottom: "1px solid",
+          borderColor: "bg-accent",
+          backgroundColor: "surface-card"
+        }
+      },
+      bulkBar: {
+        style: {
+          paddingLeft: 20,
+          paddingRight: 20,
+          paddingTop: 10,
+          paddingBottom: 10,
+          gap: 12,
+          backgroundColor: "bg-subtle",
+          borderBottom: "1px solid",
+          borderColor: "bg-accent"
+        }
+      },
+      bulkBarText: {
+        style: { fontSize: 13, fontWeight: "600", color: "text-primary" }
+      },
       root: {
         style: {
           borderRadius: 16,
@@ -994,9 +1044,16 @@ const defaultTheme = {
           marginBottom: 12
         }
       },
-      filterInput: {
+      /* Chrome shared by every toolbar control — the search box, each
+         external filter and the column picker. It lives here rather
+         than on `filterInput` / `searchInput` so `toolbarControl` is
+         genuinely the one knob for "restyle all of them": a value on a
+         more specific slot wins, so duplicating this chrome there would
+         mean a consumer's `toolbarControl` override was silently beaten
+         by a default it never set. Per-control slots stay free for
+         genuine per-control differences. */
+      toolbarControl: {
         style: {
-          height: "2.5rem",
           backgroundColor: "bg-input",
           borderRadius: 8,
           // AM.r.sm
@@ -1005,6 +1062,7 @@ const defaultTheme = {
           borderColor: "bg-accent"
         }
       },
+      filterInput: {},
       filterLabel: {
         style: {
           fontSize: 11,
@@ -1014,15 +1072,20 @@ const defaultTheme = {
           textTransform: "uppercase"
         }
       },
+      /* Placeholder text across every toolbar control — text inputs
+         (::placeholder) and PrimeReact selects (.p-placeholder) alike. */
+      filterPlaceholder: {
+        style: {
+          color: "text-secondary",
+          opacity: 1
+        }
+      },
+      /* Sizing only — the search box's chrome comes from
+         `toolbarControl` along with every other control's. */
       searchInput: {
         style: {
           minWidth: 260,
-          maxWidth: 460,
-          backgroundColor: "bg-input",
-          borderRadius: 8,
-          borderWidth: 1,
-          borderStyle: "solid",
-          borderColor: "bg-accent"
+          maxWidth: 460
         }
       },
       toolbarRight: { style: { gap: 8 } },
@@ -1189,7 +1252,8 @@ const defaultTheme = {
     // ─── Group (repeatable field array) ───────────────────
     Group: {
       root: { style: { gap: 12 } },
-      header: { style: { paddingBottom: 8 } },
+      // No `header` slot — it was removed from IGroupElementSlots
+      // because nothing ever rendered it (see the note on that type).
       body: { style: { gap: 8 } },
       row: { style: { gap: 8, paddingBottom: 8 } },
       addButton: { props: { severity: "success", size: "sm", outlined: true } },