@campminder/ds 0.2.0 → 0.4.0

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
 import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -158,6 +158,79 @@ declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div
 
 declare function Checkbox({ className, ...props }: Checkbox$1.Root.Props): React$1.JSX.Element;
 
+interface ColumnOption {
+    /** Stable identifier — used in `value` and returned from `onApply`. */
+    key: string;
+    /** Display label. */
+    label: string;
+    /** Source/group this column belongs to (drives the left rail + tag). */
+    group: string;
+}
+interface ColumnCustomizerProps {
+    /** Every column the user can choose from. */
+    columns: ColumnOption[];
+    /** Ordered list of selected column keys — array order is the display order. */
+    value: string[];
+    /** Called with the next ordered selection when the user clicks Apply. */
+    onApply: (next: string[]) => void;
+    /** Fix the left-rail group order; defaults to first-seen order in `columns`. */
+    groupOrder?: string[];
+    /** Heading shown above the search field. */
+    title?: string;
+    /** Placeholder for the search field. */
+    searchPlaceholder?: string;
+    /** Label for the "all groups" rail entry. */
+    allGroupsLabel?: string;
+    /** Popover alignment relative to the trigger. */
+    align?: "start" | "center" | "end";
+    /** Custom trigger element; defaults to an outline "Columns" button. */
+    trigger?: ReactElement;
+}
+/**
+ * Staged, 3-pane column customizer — a dropdown for choosing which columns a
+ * table shows and in what order. The left rail scopes by source group, the
+ * middle pane toggles columns on/off (with a per-group select-all), and the
+ * right pane lists the selection to drag-reorder or remove. Edits are held in a
+ * local draft and only committed via `onApply` on Apply; Cancel/close discards.
+ *
+ * Presentational and fully controlled — the consumer owns the column data and
+ * the committed selection.
+ */
+declare function ColumnCustomizer({ columns, value, onApply, groupOrder, title, searchPlaceholder, allGroupsLabel, align, trigger, }: ColumnCustomizerProps): React$1.JSX.Element;
+
+interface ColumnPickerOption {
+    /** Stable identifier — used in `value` and returned from `onChange`. */
+    key: string;
+    /** Display label. */
+    label: string;
+}
+interface ColumnPickerProps {
+    /** Every column the user can show or hide. */
+    columns: ColumnPickerOption[];
+    /** Keys of the currently-visible columns. */
+    value: string[];
+    /** Called with the next set of visible keys whenever a column is toggled. */
+    onChange: (next: string[]) => void;
+    /** Heading shown at the top of the popover. */
+    title?: string;
+    /** Placeholder for the search field. */
+    searchPlaceholder?: string;
+    /** Popover alignment relative to the trigger. */
+    align?: "start" | "center" | "end";
+    /** Custom trigger element; defaults to an outline "Columns" button. */
+    trigger?: ReactElement;
+}
+/**
+ * Simple column picker — a dropdown checklist for showing/hiding table columns.
+ * A flat, searchable list of checkboxes with a select-all; each toggle commits
+ * immediately via `onChange`. No groups, no reorder, no Apply step — for a
+ * staged 3-pane picker with reordering, use `ColumnCustomizer` instead.
+ *
+ * Presentational and fully controlled — the consumer owns the column list and
+ * the visible set. Toggling emits the next visible keys in `columns` order.
+ */
+declare function ColumnPicker({ columns, value, onChange, title, searchPlaceholder, align, trigger, }: ColumnPickerProps): React$1.JSX.Element;
+
 declare function Dialog({ ...props }: Dialog$1.Root.Props): React$1.JSX.Element;
 declare function DialogTrigger({ ...props }: Dialog$1.Trigger.Props): React$1.JSX.Element;
 declare function DialogPortal({ ...props }: Dialog$1.Portal.Props): React$1.JSX.Element;
@@ -189,6 +262,62 @@ declare function CommandSeparator({ className, ...props }: React$1.ComponentProp
 declare function CommandItem({ className, children, ...props }: React$1.ComponentProps<typeof Command$1.Item>): React$1.JSX.Element;
 declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
 
+interface DataColumn<T> {
+    key: string;
+    header: ReactNode;
+    render: (row: T) => ReactNode;
+    sortable?: boolean;
+    sortValue?: (row: T) => string | number;
+    sticky?: boolean;
+    width?: number | string;
+    align?: "left" | "right" | "center";
+    className?: string;
+    headerClassName?: string;
+}
+interface DataTableBulkAction {
+    label: string;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    onPick?: (value: string) => void;
+    onClick?: () => void;
+}
+interface DataTableSort {
+    key: string;
+    dir: "asc" | "desc";
+}
+interface DataTableProps<T> {
+    data: T[];
+    columns: DataColumn<T>[];
+    rowKey: (row: T) => string;
+    selectable?: boolean;
+    selected?: Set<string>;
+    onSelectedChange?: (next: Set<string>) => void;
+    bulkActions?: DataTableBulkAction[];
+    sort?: DataTableSort | null;
+    defaultSort?: DataTableSort | null;
+    onSortChange?: (next: DataTableSort | null) => void;
+    paginated?: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    /**
+     * Pin the pagination bar to the bottom of the scroll viewport so it stays
+     * reachable without scrolling to the end of a long table. Off by default —
+     * only enable when the table is the page's dominant scrolling content (e.g.
+     * a full-page list view), not when it sits inside a card among other content.
+     */
+    stickyPagination?: boolean;
+    page?: number;
+    onPageChange?: (page: number) => void;
+    toolbar?: ReactNode;
+    onRowClick?: (row: T) => void;
+    emptyMessage?: ReactNode;
+    rowClassName?: (row: T) => string;
+    className?: string;
+}
+declare function DataTable<T>({ data, columns, rowKey, selectable, selected: selectedProp, onSelectedChange, bulkActions, sort: sortProp, defaultSort, onSortChange, paginated, pageSize: pageSizeProp, pageSizeOptions, stickyPagination, page: pageProp, onPageChange, toolbar, onRowClick, emptyMessage, rowClassName, className, }: DataTableProps<T>): React$1.JSX.Element;
+
 declare function DropdownMenu(props: Menu.Root.Props): React$1.JSX.Element;
 declare function DropdownMenuTrigger({ ...props }: Menu.Trigger.Props): React$1.JSX.Element;
 declare function DropdownMenuGroup(props: Menu.Group.Props): React$1.JSX.Element;
@@ -230,6 +359,50 @@ declare function FieldError({ className, children, errors, ...props }: React.Com
     } | undefined>;
 }): React$1.JSX.Element | null;
 
+interface FilterFacet {
+    key: string;
+    label: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+}
+type FilterValues = Record<string, string[]>;
+interface FilterBarProps {
+    /** Controlled search text. */
+    search: string;
+    onSearchChange: (v: string) => void;
+    searchPlaceholder?: string;
+    /**
+     * Whether the built-in search box renders. Defaults to `true`. Set `false`
+     * when the consumer owns search elsewhere (e.g. the page header) and wants
+     * the bar to render facets + count only — `search`/`onSearchChange` are then
+     * unused but stay required so the controlled contract is unchanged.
+     */
+    showSearch?: boolean;
+    /** Filterable attributes — one dropdown each (inline) or one drill-in (funnel). */
+    facets?: FilterFacet[];
+    /** Controlled selected values, keyed by facet key. */
+    values?: FilterValues;
+    onValuesChange?: (v: FilterValues) => void;
+    /** Optional live result count shown on the right. */
+    resultCount?: number;
+    resultNoun?: string;
+    /** How many facets show as inline dropdowns; the rest fold into "More". */
+    maxVisibleFacets?: number;
+    /** Trailing controls (e.g. a view toggle or column customizer). */
+    right?: React.ReactNode;
+    /** Leading content (e.g. stage tabs), rendered far-left. */
+    left?: React.ReactNode;
+    /**
+     * "inline" (default) = always-visible facet dropdowns. "funnel" = a single
+     * Filter button that opens an "Add filter" drill-in menu.
+     */
+    filterVariant?: "inline" | "funnel";
+    className?: string;
+}
+declare function FilterBar({ search, onSearchChange, searchPlaceholder, showSearch, facets, values, onValuesChange, resultCount, resultNoun, maxVisibleFacets, right, left, filterVariant, className, }: FilterBarProps): React$1.JSX.Element;
+
 declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): React$1.JSX.Element;
 
 declare function InputGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
@@ -679,7 +852,7 @@ declare function Toaster({ ...props }: ToasterProps): React$1.JSX.Element;
  */
 type ActivityStatus = "active" | "draft" | "paused" | "archived";
 declare const statusPillVariants: (props?: ({
-    status?: "active" | "paused" | "draft" | "archived" | null | undefined;
+    status?: "draft" | "active" | "paused" | "archived" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const STATUS_LABEL: Record<ActivityStatus, string>;
 declare function StatusPill({ className, status, showDot, children, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof statusPillVariants> & {
@@ -773,4 +946,4 @@ declare function useIsMobile(): boolean;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, type ActivityStatus, AddonCard, type AddonItem, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, type CampNotice, type CampWeek, CamperForm, type CamperFormConfig, type CamperFormData, type CamperProfile$1 as CamperProfile, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type DepositOptions, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, type EligibilityOptions, ExpandDesc, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, InlineAddonPicker, InlineSessionPicker, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, type Locale, type MockSession$1 as MockSession, NextStepPeek, type NoticeStep, PackagePicker, type PackageSessionSelection, type PackageTier, type Person$1 as Person, PersonList, PersonSelect, PersonTabs, PhoneInput, PhotoUpload, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, type PricingOptions, Progress, RadioGroup, RadioGroupItem, type RenderCamperFormFn, STATUS_LABEL, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SessionAddon, SessionCard, type SessionCardProfile, type SessionPickerProfile, type SessionProgram$1 as SessionProgram, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, StatusPill, StepBadge, StepCard, StepNotices, Switch, TSHIRT_SIZES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UpcomingStep, __internal, badgeVariants, buttonVariants, calcAge, cn, computeSessionDeposit, computeSessionPrice, effectivePrice, eligibilityReason, fakeSpotsLeft, formatDOB, makeCamperFormSchema, mandatoryTotal, parseDOB, statusPillVariants, tabsListVariants, useIsMobile, useLocale, useSidebar };
+export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, type ActivityStatus, AddonCard, type AddonItem, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, type CampNotice, type CampWeek, CamperForm, type CamperFormConfig, type CamperFormData, type CamperProfile$1 as CamperProfile, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColumnCustomizer, type ColumnCustomizerProps, type ColumnOption, ColumnPicker, type ColumnPickerOption, type ColumnPickerProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type DataColumn, DataTable, type DataTableBulkAction, type DataTableProps, type DataTableSort, type DepositOptions, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, type EligibilityOptions, ExpandDesc, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FilterBar, type FilterBarProps, type FilterFacet, type FilterValues, InlineAddonPicker, InlineSessionPicker, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, type Locale, type MockSession$1 as MockSession, NextStepPeek, type NoticeStep, PackagePicker, type PackageSessionSelection, type PackageTier, type Person$1 as Person, PersonList, PersonSelect, PersonTabs, PhoneInput, PhotoUpload, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, type PricingOptions, Progress, RadioGroup, RadioGroupItem, type RenderCamperFormFn, STATUS_LABEL, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SessionAddon, SessionCard, type SessionCardProfile, type SessionPickerProfile, type SessionProgram$1 as SessionProgram, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, StatusPill, StepBadge, StepCard, StepNotices, Switch, TSHIRT_SIZES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UpcomingStep, __internal, badgeVariants, buttonVariants, calcAge, cn, computeSessionDeposit, computeSessionPrice, effectivePrice, eligibilityReason, fakeSpotsLeft, formatDOB, makeCamperFormSchema, mandatoryTotal, parseDOB, statusPillVariants, tabsListVariants, useIsMobile, useLocale, useSidebar };

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as React$1 from 'react';
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { Accordion as Accordion$1 } from '@base-ui/react/accordion';
 import { Avatar as Avatar$1 } from '@base-ui/react/avatar';
 import * as class_variance_authority_types from 'class-variance-authority/types';
@@ -158,6 +158,79 @@ declare function CardFooter({ className, ...props }: React$1.ComponentProps<"div
 
 declare function Checkbox({ className, ...props }: Checkbox$1.Root.Props): React$1.JSX.Element;
 
+interface ColumnOption {
+    /** Stable identifier — used in `value` and returned from `onApply`. */
+    key: string;
+    /** Display label. */
+    label: string;
+    /** Source/group this column belongs to (drives the left rail + tag). */
+    group: string;
+}
+interface ColumnCustomizerProps {
+    /** Every column the user can choose from. */
+    columns: ColumnOption[];
+    /** Ordered list of selected column keys — array order is the display order. */
+    value: string[];
+    /** Called with the next ordered selection when the user clicks Apply. */
+    onApply: (next: string[]) => void;
+    /** Fix the left-rail group order; defaults to first-seen order in `columns`. */
+    groupOrder?: string[];
+    /** Heading shown above the search field. */
+    title?: string;
+    /** Placeholder for the search field. */
+    searchPlaceholder?: string;
+    /** Label for the "all groups" rail entry. */
+    allGroupsLabel?: string;
+    /** Popover alignment relative to the trigger. */
+    align?: "start" | "center" | "end";
+    /** Custom trigger element; defaults to an outline "Columns" button. */
+    trigger?: ReactElement;
+}
+/**
+ * Staged, 3-pane column customizer — a dropdown for choosing which columns a
+ * table shows and in what order. The left rail scopes by source group, the
+ * middle pane toggles columns on/off (with a per-group select-all), and the
+ * right pane lists the selection to drag-reorder or remove. Edits are held in a
+ * local draft and only committed via `onApply` on Apply; Cancel/close discards.
+ *
+ * Presentational and fully controlled — the consumer owns the column data and
+ * the committed selection.
+ */
+declare function ColumnCustomizer({ columns, value, onApply, groupOrder, title, searchPlaceholder, allGroupsLabel, align, trigger, }: ColumnCustomizerProps): React$1.JSX.Element;
+
+interface ColumnPickerOption {
+    /** Stable identifier — used in `value` and returned from `onChange`. */
+    key: string;
+    /** Display label. */
+    label: string;
+}
+interface ColumnPickerProps {
+    /** Every column the user can show or hide. */
+    columns: ColumnPickerOption[];
+    /** Keys of the currently-visible columns. */
+    value: string[];
+    /** Called with the next set of visible keys whenever a column is toggled. */
+    onChange: (next: string[]) => void;
+    /** Heading shown at the top of the popover. */
+    title?: string;
+    /** Placeholder for the search field. */
+    searchPlaceholder?: string;
+    /** Popover alignment relative to the trigger. */
+    align?: "start" | "center" | "end";
+    /** Custom trigger element; defaults to an outline "Columns" button. */
+    trigger?: ReactElement;
+}
+/**
+ * Simple column picker — a dropdown checklist for showing/hiding table columns.
+ * A flat, searchable list of checkboxes with a select-all; each toggle commits
+ * immediately via `onChange`. No groups, no reorder, no Apply step — for a
+ * staged 3-pane picker with reordering, use `ColumnCustomizer` instead.
+ *
+ * Presentational and fully controlled — the consumer owns the column list and
+ * the visible set. Toggling emits the next visible keys in `columns` order.
+ */
+declare function ColumnPicker({ columns, value, onChange, title, searchPlaceholder, align, trigger, }: ColumnPickerProps): React$1.JSX.Element;
+
 declare function Dialog({ ...props }: Dialog$1.Root.Props): React$1.JSX.Element;
 declare function DialogTrigger({ ...props }: Dialog$1.Trigger.Props): React$1.JSX.Element;
 declare function DialogPortal({ ...props }: Dialog$1.Portal.Props): React$1.JSX.Element;
@@ -189,6 +262,62 @@ declare function CommandSeparator({ className, ...props }: React$1.ComponentProp
 declare function CommandItem({ className, children, ...props }: React$1.ComponentProps<typeof Command$1.Item>): React$1.JSX.Element;
 declare function CommandShortcut({ className, ...props }: React$1.ComponentProps<"span">): React$1.JSX.Element;
 
+interface DataColumn<T> {
+    key: string;
+    header: ReactNode;
+    render: (row: T) => ReactNode;
+    sortable?: boolean;
+    sortValue?: (row: T) => string | number;
+    sticky?: boolean;
+    width?: number | string;
+    align?: "left" | "right" | "center";
+    className?: string;
+    headerClassName?: string;
+}
+interface DataTableBulkAction {
+    label: string;
+    options?: {
+        value: string;
+        label: string;
+    }[];
+    onPick?: (value: string) => void;
+    onClick?: () => void;
+}
+interface DataTableSort {
+    key: string;
+    dir: "asc" | "desc";
+}
+interface DataTableProps<T> {
+    data: T[];
+    columns: DataColumn<T>[];
+    rowKey: (row: T) => string;
+    selectable?: boolean;
+    selected?: Set<string>;
+    onSelectedChange?: (next: Set<string>) => void;
+    bulkActions?: DataTableBulkAction[];
+    sort?: DataTableSort | null;
+    defaultSort?: DataTableSort | null;
+    onSortChange?: (next: DataTableSort | null) => void;
+    paginated?: boolean;
+    pageSize?: number;
+    pageSizeOptions?: number[];
+    /**
+     * Pin the pagination bar to the bottom of the scroll viewport so it stays
+     * reachable without scrolling to the end of a long table. Off by default —
+     * only enable when the table is the page's dominant scrolling content (e.g.
+     * a full-page list view), not when it sits inside a card among other content.
+     */
+    stickyPagination?: boolean;
+    page?: number;
+    onPageChange?: (page: number) => void;
+    toolbar?: ReactNode;
+    onRowClick?: (row: T) => void;
+    emptyMessage?: ReactNode;
+    rowClassName?: (row: T) => string;
+    className?: string;
+}
+declare function DataTable<T>({ data, columns, rowKey, selectable, selected: selectedProp, onSelectedChange, bulkActions, sort: sortProp, defaultSort, onSortChange, paginated, pageSize: pageSizeProp, pageSizeOptions, stickyPagination, page: pageProp, onPageChange, toolbar, onRowClick, emptyMessage, rowClassName, className, }: DataTableProps<T>): React$1.JSX.Element;
+
 declare function DropdownMenu(props: Menu.Root.Props): React$1.JSX.Element;
 declare function DropdownMenuTrigger({ ...props }: Menu.Trigger.Props): React$1.JSX.Element;
 declare function DropdownMenuGroup(props: Menu.Group.Props): React$1.JSX.Element;
@@ -230,6 +359,50 @@ declare function FieldError({ className, children, errors, ...props }: React.Com
     } | undefined>;
 }): React$1.JSX.Element | null;
 
+interface FilterFacet {
+    key: string;
+    label: string;
+    options: {
+        value: string;
+        label: string;
+    }[];
+}
+type FilterValues = Record<string, string[]>;
+interface FilterBarProps {
+    /** Controlled search text. */
+    search: string;
+    onSearchChange: (v: string) => void;
+    searchPlaceholder?: string;
+    /**
+     * Whether the built-in search box renders. Defaults to `true`. Set `false`
+     * when the consumer owns search elsewhere (e.g. the page header) and wants
+     * the bar to render facets + count only — `search`/`onSearchChange` are then
+     * unused but stay required so the controlled contract is unchanged.
+     */
+    showSearch?: boolean;
+    /** Filterable attributes — one dropdown each (inline) or one drill-in (funnel). */
+    facets?: FilterFacet[];
+    /** Controlled selected values, keyed by facet key. */
+    values?: FilterValues;
+    onValuesChange?: (v: FilterValues) => void;
+    /** Optional live result count shown on the right. */
+    resultCount?: number;
+    resultNoun?: string;
+    /** How many facets show as inline dropdowns; the rest fold into "More". */
+    maxVisibleFacets?: number;
+    /** Trailing controls (e.g. a view toggle or column customizer). */
+    right?: React.ReactNode;
+    /** Leading content (e.g. stage tabs), rendered far-left. */
+    left?: React.ReactNode;
+    /**
+     * "inline" (default) = always-visible facet dropdowns. "funnel" = a single
+     * Filter button that opens an "Add filter" drill-in menu.
+     */
+    filterVariant?: "inline" | "funnel";
+    className?: string;
+}
+declare function FilterBar({ search, onSearchChange, searchPlaceholder, showSearch, facets, values, onValuesChange, resultCount, resultNoun, maxVisibleFacets, right, left, filterVariant, className, }: FilterBarProps): React$1.JSX.Element;
+
 declare function Input({ className, type, ...props }: React$1.ComponentProps<"input">): React$1.JSX.Element;
 
 declare function InputGroup({ className, ...props }: React$1.ComponentProps<"div">): React$1.JSX.Element;
@@ -679,7 +852,7 @@ declare function Toaster({ ...props }: ToasterProps): React$1.JSX.Element;
  */
 type ActivityStatus = "active" | "draft" | "paused" | "archived";
 declare const statusPillVariants: (props?: ({
-    status?: "active" | "paused" | "draft" | "archived" | null | undefined;
+    status?: "draft" | "active" | "paused" | "archived" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const STATUS_LABEL: Record<ActivityStatus, string>;
 declare function StatusPill({ className, status, showDot, children, ...props }: React$1.ComponentProps<"span"> & VariantProps<typeof statusPillVariants> & {
@@ -773,4 +946,4 @@ declare function useIsMobile(): boolean;
 
 declare function cn(...inputs: ClassValue[]): string;
 
-export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, type ActivityStatus, AddonCard, type AddonItem, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, type CampNotice, type CampWeek, CamperForm, type CamperFormConfig, type CamperFormData, type CamperProfile$1 as CamperProfile, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type DepositOptions, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, type EligibilityOptions, ExpandDesc, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, InlineAddonPicker, InlineSessionPicker, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, type Locale, type MockSession$1 as MockSession, NextStepPeek, type NoticeStep, PackagePicker, type PackageSessionSelection, type PackageTier, type Person$1 as Person, PersonList, PersonSelect, PersonTabs, PhoneInput, PhotoUpload, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, type PricingOptions, Progress, RadioGroup, RadioGroupItem, type RenderCamperFormFn, STATUS_LABEL, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SessionAddon, SessionCard, type SessionCardProfile, type SessionPickerProfile, type SessionProgram$1 as SessionProgram, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, StatusPill, StepBadge, StepCard, StepNotices, Switch, TSHIRT_SIZES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UpcomingStep, __internal, badgeVariants, buttonVariants, calcAge, cn, computeSessionDeposit, computeSessionPrice, effectivePrice, eligibilityReason, fakeSpotsLeft, formatDOB, makeCamperFormSchema, mandatoryTotal, parseDOB, statusPillVariants, tabsListVariants, useIsMobile, useLocale, useSidebar };
+export { Accordion, AccordionItem, AccordionPanel, AccordionTrigger, type ActivityStatus, AddonCard, type AddonItem, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button, type ButtonProps, type CampNotice, type CampWeek, CamperForm, type CamperFormConfig, type CamperFormData, type CamperProfile$1 as CamperProfile, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, ColumnCustomizer, type ColumnCustomizerProps, type ColumnOption, ColumnPicker, type ColumnPickerOption, type ColumnPickerProps, Command, CommandDialog, CommandEmpty, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandShortcut, type DataColumn, DataTable, type DataTableBulkAction, type DataTableProps, type DataTableSort, type DepositOptions, Dialog, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuGroupLabel, DropdownMenuItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSubmenu, DropdownMenuSubmenuTrigger, DropdownMenuTrigger, type EligibilityOptions, ExpandDesc, Field, FieldContent, FieldDescription, FieldError, FieldGroup, FieldLabel, FieldLegend, FieldSeparator, FieldSet, FieldTitle, FilterBar, type FilterBarProps, type FilterFacet, type FilterValues, InlineAddonPicker, InlineSessionPicker, Input, InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea, Label, type Locale, type MockSession$1 as MockSession, NextStepPeek, type NoticeStep, PackagePicker, type PackageSessionSelection, type PackageTier, type Person$1 as Person, PersonList, PersonSelect, PersonTabs, PhoneInput, PhotoUpload, Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, type PricingOptions, Progress, RadioGroup, RadioGroupItem, type RenderCamperFormFn, STATUS_LABEL, ScrollArea, ScrollBar, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, Separator, type SessionAddon, SessionCard, type SessionCardProfile, type SessionPickerProfile, type SessionProgram$1 as SessionProgram, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, StatusPill, StepBadge, StepCard, StepNotices, Switch, TSHIRT_SIZES, Table, TableBody, TableCaption, TableCell, TableFooter, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toaster, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UpcomingStep, __internal, badgeVariants, buttonVariants, calcAge, cn, computeSessionDeposit, computeSessionPrice, effectivePrice, eligibilityReason, fakeSpotsLeft, formatDOB, makeCamperFormSchema, mandatoryTotal, parseDOB, statusPillVariants, tabsListVariants, useIsMobile, useLocale, useSidebar };