@arbidocs/blocks 0.4.32 → 0.4.33

package/dist/shell/FilterInput.d.ts

@@ -0,0 +1,46 @@
+/** Shared page filter with configurable searchable fields and optional quick-filter control. */
+import type { ReactNode } from 'react';
+export type FilterField = 'text' | 'labels';
+export declare const DEFAULT_FILTER_FIELDS: {
+    value: FilterField;
+    label: string;
+}[];
+export interface FilterInputLabels<Field extends string = FilterField> {
+    placeholder: string;
+    clear: string;
+    chooseFields: string;
+    fieldsHeading: string;
+    /** Display name per searchable field. */
+    fieldNames: Partial<Record<Field, string>>;
+}
+export declare const DEFAULT_FILTER_INPUT_LABELS: FilterInputLabels;
+export interface FilterInputTestIds<Field extends string = FilterField> {
+    root: string;
+    quick: string;
+    input: string;
+    fieldsButton: string;
+    field: (field: Field) => string;
+}
+export interface FilterInputProps<Field extends string = FilterField> {
+    fieldOptions?: {
+        value: Field;
+        label: string;
+    }[];
+    value: string;
+    /** Lists with one searchable field need no field selector. */
+    hideFieldPicker?: boolean;
+    ariaLabel?: string;
+    onChange: (q: string) => void;
+    fields: Field[];
+    onFieldsChange: (fields: Field[]) => void;
+    /**
+     * The quick-filter dropdown trigger, embedded inside the input on the left
+     * (mirroring the Files search box). When absent, a static funnel icon shows.
+     */
+    filter?: ReactNode;
+    /** Width classes for the box (default `w-44`). */
+    className?: string;
+    labels?: Partial<FilterInputLabels<Field>>;
+    testIds?: Partial<FilterInputTestIds<Field>>;
+}
+export declare function FilterInput<Field extends string = FilterField>({ fieldOptions, value, hideFieldPicker, ariaLabel, onChange, fields, onFieldsChange, filter, className, labels, testIds, }: FilterInputProps<Field>): import("react").JSX.Element;

package/dist/shell/TabHeader.d.ts

@@ -34,6 +34,8 @@ export interface Tab {
     onClose?: () => void;
     closeTooltip?: string;
     hasActiveFilters?: boolean;
+    /** Entity count header without selectable-tab chrome (Facts, Tasks, Files). */
+    presentation?: 'tab' | 'count';
     /** Extra classes for the tab button. */
     tabClassName?: string;
 }
@@ -44,6 +46,8 @@ export interface TabHeaderProps {
     /** Pinned to the far left before the tabs (e.g. the sidebar toggle). */
     leading?: ReactNode;
     leftContent?: ReactNode;
+    /** Controls attached to the first count tab, before any additional tabs. */
+    firstTabContent?: ReactNode | ((isCompact: boolean) => ReactNode);
     afterTabs?: ReactNode | ((isCompact: boolean) => ReactNode);
     centerContent?: ReactNode | ((isCompact: boolean) => ReactNode);
     /** Pinned to the true horizontal center of the row, independent of left/right widths. */
@@ -67,4 +71,4 @@ export interface TabHeaderProps {
     testIds?: Partial<Record<'count' | 'closeButton', string>>;
 }
 /** Underline tab row with leading / center / right slots; collapses to icons when narrow. */
-export declare function TabHeader({ tabs, activeTabId, onTabChange, leading, leftContent, afterTabs, centerContent, absoluteCenterContent, rightContent, className, compactBreakpoint, labels, variant, testId, testIds, }: TabHeaderProps): import("react").JSX.Element;
+export declare function TabHeader({ tabs, activeTabId, onTabChange, leading, leftContent, firstTabContent, afterTabs, centerContent, absoluteCenterContent, rightContent, className, compactBreakpoint, labels, variant, testId, testIds, }: TabHeaderProps): import("react").JSX.Element;

package/dist/shell/index.cjs

@@ -1,9 +1,10 @@
 "use client";
 'use strict';
 
-var chunkGVQOBJKR_cjs = require('../chunk-GVQOBJKR.cjs');
+var chunk2EAE5JP6_cjs = require('../chunk-2EAE5JP6.cjs');
+var chunkMZL67U2E_cjs = require('../chunk-MZL67U2E.cjs');
 require('../chunk-OB5F4577.cjs');
-var chunk5B4PXAKI_cjs = require('../chunk-5B4PXAKI.cjs');
+var chunk6DNYPLCD_cjs = require('../chunk-6DNYPLCD.cjs');
 var chunkXKSFJYOD_cjs = require('../chunk-XKSFJYOD.cjs');
 var chunkVGOFFCMT_cjs = require('../chunk-VGOFFCMT.cjs');
 var chunkFX3K6LNZ_cjs = require('../chunk-FX3K6LNZ.cjs');
@@ -15,187 +16,199 @@ require('../chunk-MHVNT4J3.cjs');
 
 Object.defineProperty(exports, "ActionCluster", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.ActionCluster; }
+  get: function () { return chunk2EAE5JP6_cjs.ActionCluster; }
 });
 Object.defineProperty(exports, "AskField", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.AskField; }
+  get: function () { return chunk2EAE5JP6_cjs.AskField; }
 });
 Object.defineProperty(exports, "AskRow", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.AskRow; }
+  get: function () { return chunk2EAE5JP6_cjs.AskRow; }
 });
 Object.defineProperty(exports, "AskTrigger", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.AskTrigger; }
+  get: function () { return chunk2EAE5JP6_cjs.AskTrigger; }
 });
 Object.defineProperty(exports, "DEFAULT_ASK_FIELD_LABELS", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.DEFAULT_ASK_FIELD_LABELS; }
+  get: function () { return chunk2EAE5JP6_cjs.DEFAULT_ASK_FIELD_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_INSTALL_PROMPT_LABELS", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.DEFAULT_INSTALL_PROMPT_LABELS; }
+  get: function () { return chunk2EAE5JP6_cjs.DEFAULT_INSTALL_PROMPT_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_MOBILE_BARS_LABELS", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.DEFAULT_MOBILE_BARS_LABELS; }
+  get: function () { return chunk2EAE5JP6_cjs.DEFAULT_MOBILE_BARS_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_OFFLINE_PILL_LABELS", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.DEFAULT_OFFLINE_PILL_LABELS; }
+  get: function () { return chunk2EAE5JP6_cjs.DEFAULT_OFFLINE_PILL_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_REMOTE_CONTROL_PILL_LABELS", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.DEFAULT_REMOTE_CONTROL_PILL_LABELS; }
+  get: function () { return chunk2EAE5JP6_cjs.DEFAULT_REMOTE_CONTROL_PILL_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_SIDEBAR_LABELS", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.DEFAULT_SIDEBAR_LABELS; }
+  get: function () { return chunk2EAE5JP6_cjs.DEFAULT_SIDEBAR_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_TIP_CARD_LABELS", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.DEFAULT_TIP_CARD_LABELS; }
+  get: function () { return chunk2EAE5JP6_cjs.DEFAULT_TIP_CARD_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_WORKSPACE_KIND_LABELS", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.DEFAULT_WORKSPACE_KIND_LABELS; }
+  get: function () { return chunk2EAE5JP6_cjs.DEFAULT_WORKSPACE_KIND_LABELS; }
 });
 Object.defineProperty(exports, "DEFAULT_WORKSPACE_SWITCHER_LABELS", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.DEFAULT_WORKSPACE_SWITCHER_LABELS; }
+  get: function () { return chunk2EAE5JP6_cjs.DEFAULT_WORKSPACE_SWITCHER_LABELS; }
 });
 Object.defineProperty(exports, "INSTALL_PROMPT_DISMISSED_KEY", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.INSTALL_PROMPT_DISMISSED_KEY; }
+  get: function () { return chunk2EAE5JP6_cjs.INSTALL_PROMPT_DISMISSED_KEY; }
 });
 Object.defineProperty(exports, "InfoBar", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.InfoBar; }
+  get: function () { return chunk2EAE5JP6_cjs.InfoBar; }
 });
 Object.defineProperty(exports, "InstallPrompt", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.InstallPrompt; }
+  get: function () { return chunk2EAE5JP6_cjs.InstallPrompt; }
 });
 Object.defineProperty(exports, "MobileAppBar", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.MobileAppBar; }
+  get: function () { return chunk2EAE5JP6_cjs.MobileAppBar; }
 });
 Object.defineProperty(exports, "MobileTabBar", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.MobileTabBar; }
+  get: function () { return chunk2EAE5JP6_cjs.MobileTabBar; }
 });
 Object.defineProperty(exports, "NotificationBell", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.NotificationBell; }
+  get: function () { return chunk2EAE5JP6_cjs.NotificationBell; }
 });
 Object.defineProperty(exports, "OfflinePill", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.OfflinePill; }
+  get: function () { return chunk2EAE5JP6_cjs.OfflinePill; }
 });
 Object.defineProperty(exports, "RemoteControlPill", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.RemoteControlPill; }
+  get: function () { return chunk2EAE5JP6_cjs.RemoteControlPill; }
 });
 Object.defineProperty(exports, "STATUS_ROW_BASE_CLASS", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.STATUS_ROW_BASE_CLASS; }
+  get: function () { return chunk2EAE5JP6_cjs.STATUS_ROW_BASE_CLASS; }
 });
 Object.defineProperty(exports, "STATUS_ROW_TONES", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.STATUS_ROW_TONES; }
+  get: function () { return chunk2EAE5JP6_cjs.STATUS_ROW_TONES; }
 });
 Object.defineProperty(exports, "Sidebar", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.Sidebar; }
+  get: function () { return chunk2EAE5JP6_cjs.Sidebar; }
 });
 Object.defineProperty(exports, "SidebarBadgeRow", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.SidebarBadgeRow; }
+  get: function () { return chunk2EAE5JP6_cjs.SidebarBadgeRow; }
 });
 Object.defineProperty(exports, "SidebarRowAction", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.SidebarRowAction; }
+  get: function () { return chunk2EAE5JP6_cjs.SidebarRowAction; }
 });
 Object.defineProperty(exports, "SidebarRowHoverContext", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.SidebarRowHoverContext; }
+  get: function () { return chunk2EAE5JP6_cjs.SidebarRowHoverContext; }
 });
 Object.defineProperty(exports, "SplitLayout", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.SplitLayout; }
+  get: function () { return chunk2EAE5JP6_cjs.SplitLayout; }
 });
 Object.defineProperty(exports, "StatusBadge", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.StatusBadge; }
+  get: function () { return chunk2EAE5JP6_cjs.StatusBadge; }
 });
 Object.defineProperty(exports, "StatusRow", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.StatusRow; }
+  get: function () { return chunk2EAE5JP6_cjs.StatusRow; }
 });
 Object.defineProperty(exports, "TipCard", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.TipCard; }
+  get: function () { return chunk2EAE5JP6_cjs.TipCard; }
 });
 Object.defineProperty(exports, "UserMenu", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.UserMenu; }
+  get: function () { return chunk2EAE5JP6_cjs.UserMenu; }
 });
 Object.defineProperty(exports, "WorkspaceIdentity", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.WorkspaceIdentity; }
+  get: function () { return chunk2EAE5JP6_cjs.WorkspaceIdentity; }
 });
 Object.defineProperty(exports, "WorkspaceSwitcher", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.WorkspaceSwitcher; }
+  get: function () { return chunk2EAE5JP6_cjs.WorkspaceSwitcher; }
 });
 Object.defineProperty(exports, "getInstallInstructions", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.getInstallInstructions; }
+  get: function () { return chunk2EAE5JP6_cjs.getInstallInstructions; }
 });
 Object.defineProperty(exports, "initInstallPrompt", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.initInstallPrompt; }
+  get: function () { return chunk2EAE5JP6_cjs.initInstallPrompt; }
 });
 Object.defineProperty(exports, "isIosDevice", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.isIosDevice; }
+  get: function () { return chunk2EAE5JP6_cjs.isIosDevice; }
 });
 Object.defineProperty(exports, "promptAppInstall", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.promptAppInstall; }
+  get: function () { return chunk2EAE5JP6_cjs.promptAppInstall; }
 });
 Object.defineProperty(exports, "resolveSidebarLayout", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.resolveSidebarLayout; }
+  get: function () { return chunk2EAE5JP6_cjs.resolveSidebarLayout; }
 });
 Object.defineProperty(exports, "useInstallPrompt", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.useInstallPrompt; }
+  get: function () { return chunk2EAE5JP6_cjs.useInstallPrompt; }
 });
 Object.defineProperty(exports, "useSidebarContext", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.useSidebarContext; }
+  get: function () { return chunk2EAE5JP6_cjs.useSidebarContext; }
 });
 Object.defineProperty(exports, "useSidebarSettle", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.useSidebarSettle; }
+  get: function () { return chunk2EAE5JP6_cjs.useSidebarSettle; }
 });
 Object.defineProperty(exports, "workspaceKindColor", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.workspaceKindColor; }
+  get: function () { return chunk2EAE5JP6_cjs.workspaceKindColor; }
 });
 Object.defineProperty(exports, "workspaceKindMeta", {
   enumerable: true,
-  get: function () { return chunkGVQOBJKR_cjs.workspaceKindMeta; }
+  get: function () { return chunk2EAE5JP6_cjs.workspaceKindMeta; }
+});
+Object.defineProperty(exports, "DEFAULT_FILTER_FIELDS", {
+  enumerable: true,
+  get: function () { return chunkMZL67U2E_cjs.DEFAULT_FILTER_FIELDS; }
+});
+Object.defineProperty(exports, "DEFAULT_FILTER_INPUT_LABELS", {
+  enumerable: true,
+  get: function () { return chunkMZL67U2E_cjs.DEFAULT_FILTER_INPUT_LABELS; }
+});
+Object.defineProperty(exports, "FilterInput", {
+  enumerable: true,
+  get: function () { return chunkMZL67U2E_cjs.FilterInput; }
 });
 Object.defineProperty(exports, "DEFAULT_TAB_HEADER_LABELS", {
   enumerable: true,
-  get: function () { return chunk5B4PXAKI_cjs.DEFAULT_TAB_HEADER_LABELS; }
+  get: function () { return chunk6DNYPLCD_cjs.DEFAULT_TAB_HEADER_LABELS; }
 });
 Object.defineProperty(exports, "TabHeader", {
   enumerable: true,
-  get: function () { return chunk5B4PXAKI_cjs.TabHeader; }
+  get: function () { return chunk6DNYPLCD_cjs.TabHeader; }
 });
 Object.defineProperty(exports, "DEFAULT_DOCK_WIDTH", {
   enumerable: true,

package/dist/shell/index.d.ts

@@ -26,3 +26,4 @@ export { NotificationBell, type NotificationBellProps } from '@arbidocs/react/sh
 export { SplitLayout, type SplitLayoutProps } from './SplitLayout';
 export { Toaster, DEFAULT_DOCK_WIDTH, type ShellToasterProps } from './Toaster';
 export { STATUS_ROW_BASE_CLASS, STATUS_ROW_TONES } from './status-row-styles';
+export { FilterInput, DEFAULT_FILTER_FIELDS, DEFAULT_FILTER_INPUT_LABELS, type FilterField, type FilterInputProps, type FilterInputLabels, type FilterInputTestIds, } from './FilterInput';

package/dist/shell/index.js

@@ -1,7 +1,8 @@
 "use client";
-export { ActionCluster, AskField, AskRow, AskTrigger, DEFAULT_ASK_FIELD_LABELS, DEFAULT_INSTALL_PROMPT_LABELS, DEFAULT_MOBILE_BARS_LABELS, DEFAULT_OFFLINE_PILL_LABELS, DEFAULT_REMOTE_CONTROL_PILL_LABELS, DEFAULT_SIDEBAR_LABELS, DEFAULT_TIP_CARD_LABELS, DEFAULT_WORKSPACE_KIND_LABELS, DEFAULT_WORKSPACE_SWITCHER_LABELS, INSTALL_PROMPT_DISMISSED_KEY, InfoBar, InstallPrompt, MobileAppBar, MobileTabBar, NotificationBell, OfflinePill, RemoteControlPill, STATUS_ROW_BASE_CLASS, STATUS_ROW_TONES, Sidebar, SidebarBadgeRow, SidebarRowAction, SidebarRowHoverContext, SplitLayout, StatusBadge, StatusRow, TipCard, UserMenu, WorkspaceIdentity, WorkspaceSwitcher, getInstallInstructions, initInstallPrompt, isIosDevice, promptAppInstall, resolveSidebarLayout, useInstallPrompt, useSidebarContext, useSidebarSettle, workspaceKindColor, workspaceKindMeta } from '../chunk-C75S6USL.js';
+export { ActionCluster, AskField, AskRow, AskTrigger, DEFAULT_ASK_FIELD_LABELS, DEFAULT_INSTALL_PROMPT_LABELS, DEFAULT_MOBILE_BARS_LABELS, DEFAULT_OFFLINE_PILL_LABELS, DEFAULT_REMOTE_CONTROL_PILL_LABELS, DEFAULT_SIDEBAR_LABELS, DEFAULT_TIP_CARD_LABELS, DEFAULT_WORKSPACE_KIND_LABELS, DEFAULT_WORKSPACE_SWITCHER_LABELS, INSTALL_PROMPT_DISMISSED_KEY, InfoBar, InstallPrompt, MobileAppBar, MobileTabBar, NotificationBell, OfflinePill, RemoteControlPill, STATUS_ROW_BASE_CLASS, STATUS_ROW_TONES, Sidebar, SidebarBadgeRow, SidebarRowAction, SidebarRowHoverContext, SplitLayout, StatusBadge, StatusRow, TipCard, UserMenu, WorkspaceIdentity, WorkspaceSwitcher, getInstallInstructions, initInstallPrompt, isIosDevice, promptAppInstall, resolveSidebarLayout, useInstallPrompt, useSidebarContext, useSidebarSettle, workspaceKindColor, workspaceKindMeta } from '../chunk-WYVCXY7R.js';
+export { DEFAULT_FILTER_FIELDS, DEFAULT_FILTER_INPUT_LABELS, FilterInput } from '../chunk-C7FGONCM.js';
 import '../chunk-S7PSMMRG.js';
-export { DEFAULT_TAB_HEADER_LABELS, TabHeader } from '../chunk-UBNVIIBT.js';
+export { DEFAULT_TAB_HEADER_LABELS, TabHeader } from '../chunk-PXFJDX2C.js';
 export { DEFAULT_DOCK_WIDTH, Toaster } from '../chunk-BV7FEMSI.js';
 export { DEFAULT_OVERLAY_ZONE_ID, DEFAULT_PAGE_CONTAINER_PADDING, DEFAULT_SIDEBAR_TOGGLE_BUTTON_LABELS, PageContainer, SHELL_BOTTOM_INSET_VAR, Shell, SidebarToggleButton, ToolButton, useDrawerBehavior, useOverlayZoneId, useShellBottomInset } from '../chunk-KZJAG7T3.js';
 export { BREAKPOINT_QUERIES, useIsNarrow, useIsPhone, useIsTouchScreen, useMediaQuery } from '../chunk-SLSBJRWW.js';