@campfire-interactive/ui 0.4.0 → 0.4.1

package/dist/index.d.ts

@@ -169,6 +169,15 @@ interface FilterSelect {
         value: string;
         label: React.ReactNode;
     }[];
+    /**
+     * What the select reads when nothing is chosen. Defaults to "Any".
+     *
+     * Built from the label it was — `All ${label.toLowerCase()}` — which reads
+     * fine for "All statuses" and badly for everything else: the first two call
+     * sites produced "All area" and "All who". A caller that wants a plural
+     * passes one; the default is a word that works under any label.
+     */
+    placeholder?: string;
 }
 interface FilterToggle {
     id: string;
@@ -184,6 +193,8 @@ interface FilterBarProps {
     onChange: (next: FilterValue) => void;
     /** The button's label. Defaults to "Filters". */
     label?: string;
+    /** The empty state of every select that does not name its own. Defaults to "Any". */
+    anyLabel?: string;
     clearLabel?: string;
     /** Announced on each chip's remove button — "Remove {{name}} filter". */
     removeLabel?: (name: string) => string;
@@ -212,7 +223,7 @@ interface FilterBarProps {
  * wants a different chip — "OEM: 3 selected" — and inventing it before there
  * is a screen for it is how a shared component grows an API nobody uses.
  */
-declare function FilterBar({ selects, toggles, value, onChange, label, clearLabel, removeLabel, className, }: FilterBarProps): react.JSX.Element;
+declare function FilterBar({ selects, toggles, value, onChange, label, anyLabel, clearLabel, removeLabel, className, }: FilterBarProps): react.JSX.Element;
 
 type InputSize = 'sm' | 'md' | 'lg';
 /**

package/dist/index.js

@@ -504,6 +504,7 @@ function FilterBar({
   value,
   onChange,
   label = "Filters",
+  anyLabel = "Any",
   clearLabel = "Clear filters",
   removeLabel = (name) => `Remove the ${name} filter`,
   className
@@ -550,7 +551,7 @@ function FilterBar({
                 fullWidth: true,
                 "aria-label": s.label,
                 value: typeof value[s.id] === "string" ? value[s.id] : void 0,
-                placeholder: `All ${s.label.toLowerCase()}`,
+                placeholder: s.placeholder ?? anyLabel,
                 options: s.options,
                 onValueChange: (v) => set(s.id, v)
               }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@campfire-interactive/ui",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "description": "Shared UI primitives for the Campfire Suite — Radix behavior, plain CSS styled entirely from the design tokens, no Tailwind required",
   "type": "module",
   "main": "dist/index.js",