@caratlogic/design-system 0.1.37 → 0.1.38

package/dist/components/molecules/Filters/ActiveFilterChips/ActiveFilterChips.d.ts

@@ -2,5 +2,5 @@ import type { ReactElement } from 'react';
 import type { ActiveFilterChipsProps } from './ActiveFilterChips.types';
 export type { ActiveFilterChip, ActiveFilterChipsProps, ActiveFilterChipsVariant, } from './ActiveFilterChips.types';
 /** Applied filters as removable chips, with an optional Clear all. */
-export declare function ActiveFilterChips({ chips, onRemove, onClearAll, variant, actions, className, }: ActiveFilterChipsProps): ReactElement | null;
+export declare function ActiveFilterChips({ chips, onRemove, onClearAll, variant, actions, collapsible, className, }: ActiveFilterChipsProps): ReactElement | null;
 //# sourceMappingURL=ActiveFilterChips.d.ts.map

package/dist/components/molecules/Filters/ActiveFilterChips/ActiveFilterChips.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActiveFilterChips.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/ActiveFilterChips/ActiveFilterChips.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAO1C,OAAO,KAAK,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAQxE,YAAY,EACV,gBAAgB,EAChB,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,2BAA2B,CAAC;AAEnC,sEAAsE;AACtE,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,UAAU,EACV,OAAkB,EAClB,OAAO,EACP,SAAS,GACV,EAAE,sBAAsB,GAAG,YAAY,GAAG,IAAI,CA4C9C"}
+{"version":3,"file":"ActiveFilterChips.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/ActiveFilterChips/ActiveFilterChips.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAS1C,OAAO,KAAK,EAEV,sBAAsB,EAEvB,MAAM,2BAA2B,CAAC;AASnC,YAAY,EACV,gBAAgB,EAChB,sBAAsB,EACtB,wBAAwB,GACzB,MAAM,2BAA2B,CAAC;AAyFnC,sEAAsE;AACtE,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,QAAQ,EACR,UAAU,EACV,OAAkB,EAClB,OAAO,EACP,WAAmB,EACnB,SAAS,GACV,EAAE,sBAAsB,GAAG,YAAY,GAAG,IAAI,CA2C9C"}

package/dist/components/molecules/Filters/ActiveFilterChips/ActiveFilterChips.types.d.ts

@@ -14,6 +14,8 @@ export interface ActiveFilterChipsProps {
     variant?: ActiveFilterChipsVariant;
     /** Extra controls, e.g. a "Save search" button; with them, Clear all and the actions sit at the row's right end. */
     actions?: ReactNode;
+    /** Keep the chips to one line ending in "+N more" (Clear all stays at the right end); e.g. in a compact header. */
+    collapsible?: boolean;
     className?: string;
 }
 //# sourceMappingURL=ActiveFilterChips.types.d.ts.map

package/dist/components/molecules/Filters/ActiveFilterChips/ActiveFilterChips.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActiveFilterChips.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/ActiveFilterChips/ActiveFilterChips.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,sIAAsI;AACtI,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3D,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,oHAAoH;IACpH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
+{"version":3,"file":"ActiveFilterChips.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/ActiveFilterChips/ActiveFilterChips.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,gBAAgB;IAC/B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,sIAAsI;AACtI,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAE3D,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACxB,OAAO,CAAC,EAAE,wBAAwB,CAAC;IACnC,oHAAoH;IACpH,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,mHAAmH;IACnH,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/molecules/Filters/ActiveFilterChips/ActiveFilterChips.utils.d.ts

@@ -3,5 +3,6 @@ import type { ActiveFilterChipsVariant } from './ActiveFilterChips.types';
 export declare const CHIP_CLASS = "inline-flex h-7 max-w-full items-center gap-1 rounded-md border border-primary/30 bg-primary/5 px-2.5 text-xs text-foreground";
 export declare const REMOVE_BUTTON_CLASS = "inline-flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-full text-muted-foreground outline-none hover:bg-primary/10 hover:text-foreground focus-visible:ring-2 focus-visible:ring-primary/30";
 export declare const CLEAR_ALL_CLASS: string;
+export declare const SHOW_MORE_CLASS: string;
 export declare function getChipLabelText(label: string, variant: ActiveFilterChipsVariant): string;
 //# sourceMappingURL=ActiveFilterChips.utils.d.ts.map

package/dist/components/molecules/Filters/ActiveFilterChips/ActiveFilterChips.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ActiveFilterChips.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/ActiveFilterChips/ActiveFilterChips.utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAE1E,wDAAwD;AACxD,eAAO,MAAM,UAAU,kIAC0G,CAAC;AAElI,eAAO,MAAM,mBAAmB,wNACuL,CAAC;AAExN,eAAO,MAAM,eAAe,QAA0C,CAAC;AAEvE,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,wBAAwB,GAChC,MAAM,CAER"}
+{"version":3,"file":"ActiveFilterChips.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/ActiveFilterChips/ActiveFilterChips.utils.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,2BAA2B,CAAC;AAE1E,wDAAwD;AACxD,eAAO,MAAM,UAAU,kIAC0G,CAAC;AAElI,eAAO,MAAM,mBAAmB,wNACuL,CAAC;AAExN,eAAO,MAAM,eAAe,QAA0C,CAAC;AAEvE,eAAO,MAAM,eAAe,QAG3B,CAAC;AAEF,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,MAAM,EACb,OAAO,EAAE,wBAAwB,GAChC,MAAM,CAER"}

package/dist/components/molecules/Filters/PickListFilter/PickListFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickListFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/PickListFilter/PickListFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AA8BjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,YAAY,EACV,mBAAmB,EACnB,cAAc,GACf,MAAM,wBAAwB,CAAC;AAsBhC,qHAAqH;AACrH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,MAAe,EACf,iBAAiB,EACjB,gBAAwB,EACxB,OAAW,EACX,IAAY,EACZ,aAAa,EACb,MAAc,GACf,EAAE,mBAAmB,GAAG,YAAY,CAoLpC"}
+{"version":3,"file":"PickListFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/PickListFilter/PickListFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAS,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AA8BjD,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAElE,YAAY,EACV,mBAAmB,EACnB,cAAc,GACf,MAAM,wBAAwB,CAAC;AAsBhC,qHAAqH;AACrH,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,MAAe,EACf,iBAAiB,EACjB,gBAAwB,EACxB,OAAW,EACX,IAAY,EACZ,aAAa,EACb,MAAc,GACf,EAAE,mBAAmB,GAAG,YAAY,CAwLpC"}

package/dist/components/molecules/Filters/PickListFilter/PickListFilter.utils.d.ts

@@ -15,11 +15,12 @@ export declare const FILL_WRAPPER_CLASS_NAME = "flex min-h-0 flex-1 flex-col";
 export declare const LIST_COLUMN_MIN_WIDTH = "10rem";
 export declare const getOptionsScrollClassName: (fill: boolean) => string;
 export declare const LIST_ROW_CLASS_NAME: string;
-/** `neutral` on plain rows and tiles, `tinted` on a lightly selected one, `solid` on a filled (primary) one. */
+/** Light outlined pill (like the picked-value chips) on plain and lightly selected options; `solid` keeps it readable on a filled one. */
 export type CountBadgeTone = 'neutral' | 'tinted' | 'solid';
 /** How many items carry the option, as a small round badge at the right. */
 export declare const getCountBadgeClassName: (tone: CountBadgeTone) => string;
 export declare const COUNT_BADGE_CLASS_NAME: string;
+/** Plain digits (no thousands separators), so the badge stays compact. */
 export declare const formatOptionCount: (count: number) => string;
 /** Picking a value: a single-choice list replaces (or clears) it, a multi-choice list toggles it. */
 export declare const pickValue: (values: readonly string[], value: string, single: boolean) => string[];

package/dist/components/molecules/Filters/PickListFilter/PickListFilter.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PickListFilter.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/PickListFilter/PickListFilter.utils.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,gBAAgB,EAEjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,SAAS,iBAAiB,EAAE,EACrC,KAAK,EAAE,MAAM,GACZ,iBAAiB,EAAE,CAMrB;AAED,eAAO,MAAM,gBAAgB,yBAAmB,CAAC;AAEjD,6FAA6F;AAC7F,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,UAAQ,GAAG,MAAM,CAQ5E;AAED,mFAAmF;AACnF,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAEpC,gFAAgF;AAChF,eAAO,MAAM,yBAAyB,6BAA6B,CAAC;AAEpE,iIAAiI;AACjI,eAAO,MAAM,uBAAuB,4CACO,CAAC;AAC5C,eAAO,MAAM,uBAAuB,iCAAiC,CAAC;AAEtE,kFAAkF;AAClF,eAAO,MAAM,qBAAqB,UAAU,CAAC;AAE7C,eAAO,MAAM,yBAAyB,GAAI,MAAM,OAAO,KAAG,MACE,CAAC;AAE7D,eAAO,MAAM,mBAAmB,QAA0B,CAAC;AAE3D,gHAAgH;AAChH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAQ5D,4EAA4E;AAC5E,eAAO,MAAM,sBAAsB,GAAI,MAAM,cAAc,KAAG,MAI3D,CAAC;AAEJ,eAAO,MAAM,sBAAsB,QAAoC,CAAC;AAExE,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,KAAG,MACnB,CAAC;AAEhC,qGAAqG;AACrG,eAAO,MAAM,SAAS,GACpB,QAAQ,SAAS,MAAM,EAAE,EACzB,OAAO,MAAM,EACb,QAAQ,OAAO,KACd,MAAM,EAGR,CAAC;AAEF,yFAAyF;AACzF,eAAO,MAAM,qBAAqB,oDACiB,CAAC;AAEpD,2FAA2F;AAC3F,eAAO,MAAM,wBAAwB,oGAC8D,CAAC;AAEpG,eAAO,MAAM,qBAAqB,yJAA+B,CAAC"}
+{"version":3,"file":"PickListFilter.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/PickListFilter/PickListFilter.utils.ts"],"names":[],"mappings":"AACA,OAAO,EAIL,gBAAgB,EAEjB,MAAM,kBAAkB,CAAC;AAC1B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AAE1D,wBAAgB,oBAAoB,CAClC,OAAO,EAAE,SAAS,iBAAiB,EAAE,EACrC,KAAK,EAAE,MAAM,GACZ,iBAAiB,EAAE,CAMrB;AAED,eAAO,MAAM,gBAAgB,yBAAmB,CAAC;AAEjD,6FAA6F;AAC7F,wBAAgB,gBAAgB,CAAC,QAAQ,EAAE,OAAO,EAAE,QAAQ,UAAQ,GAAG,MAAM,CAQ5E;AAED,mFAAmF;AACnF,eAAO,MAAM,kBAAkB,IAAI,CAAC;AAEpC,gFAAgF;AAChF,eAAO,MAAM,yBAAyB,6BAA6B,CAAC;AAEpE,iIAAiI;AACjI,eAAO,MAAM,uBAAuB,4CACO,CAAC;AAC5C,eAAO,MAAM,uBAAuB,iCAAiC,CAAC;AAEtE,kFAAkF;AAClF,eAAO,MAAM,qBAAqB,UAAU,CAAC;AAE7C,eAAO,MAAM,yBAAyB,GAAI,MAAM,OAAO,KAAG,MACE,CAAC;AAE7D,eAAO,MAAM,mBAAmB,QAA0B,CAAC;AAE3D,0IAA0I;AAC1I,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,CAAC;AAS5D,4EAA4E;AAC5E,eAAO,MAAM,sBAAsB,GAAI,MAAM,cAAc,KAAG,MAI3D,CAAC;AAEJ,eAAO,MAAM,sBAAsB,QAAoC,CAAC;AAExE,0EAA0E;AAC1E,eAAO,MAAM,iBAAiB,GAAI,OAAO,MAAM,KAAG,MAAuB,CAAC;AAE1E,qGAAqG;AACrG,eAAO,MAAM,SAAS,GACpB,QAAQ,SAAS,MAAM,EAAE,EACzB,OAAO,MAAM,EACb,QAAQ,OAAO,KACd,MAAM,EAGR,CAAC;AAEF,yFAAyF;AACzF,eAAO,MAAM,qBAAqB,oDACiB,CAAC;AAEpD,2FAA2F;AAC3F,eAAO,MAAM,wBAAwB,oGAC8D,CAAC;AAEpG,eAAO,MAAM,qBAAqB,yJAA+B,CAAC"}

package/dist/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement } from 'react';
 import type { ScaleRangeFilterProps } from './ScaleRangeFilter.types';
-export type { ScaleRangeFilterProps, ScalePosition, } from './ScaleRangeFilter.types';
+export type { ScaleLayout, ScaleRangeFilterProps, ScalePosition, } from './ScaleRangeFilter.types';
 /** Ordered-scale filter: click a start option, then an end option. */
-export declare function ScaleRangeFilter({ options, value, onChange, ariaLabel, columns, fill, }: ScaleRangeFilterProps): ReactElement;
+export declare function ScaleRangeFilter({ options, value, onChange, ariaLabel, layout, columns, fill, }: ScaleRangeFilterProps): ReactElement;
 //# sourceMappingURL=ScaleRangeFilter.d.ts.map

package/dist/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScaleRangeFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAa1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,YAAY,EACV,qBAAqB,EACrB,aAAa,GACd,MAAM,0BAA0B,CAAC;AAElC,sEAAsE;AACtE,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAY,GACb,EAAE,qBAAqB,GAAG,YAAY,CAsCtC"}
+{"version":3,"file":"ScaleRangeFilter.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAc1C,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEtE,YAAY,EACV,WAAW,EACX,qBAAqB,EACrB,aAAa,GACd,MAAM,0BAA0B,CAAC;AAElC,sEAAsE;AACtE,wBAAgB,gBAAgB,CAAC,EAC/B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,SAAS,EACT,MAAgB,EAChB,OAAO,EACP,IAAY,GACb,EAAE,qBAAqB,GAAG,YAAY,CAyEtC"}

package/dist/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.types.d.ts

@@ -5,11 +5,14 @@ export interface ScaleRangeFilterProps {
     value?: ScaleRangeValue;
     onChange: (value: ScaleRangeValue | undefined) => void;
     ariaLabel: string;
-    /** Fixed column count; omit to fit as many tiles as the width allows. */
+    /** `pills` (default) wrap like the other ≤4-option pick lists; `tiles` is a grid of boxes. */
+    layout?: ScaleLayout;
+    /** Tiles only: fixed column count; omit to fit as many tiles as the width allows. */
     columns?: number;
     /** Larger tiles, for a roomy card; the compact size suits popovers. */
     fill?: boolean;
 }
+export type ScaleLayout = 'pills' | 'tiles';
 /** Where an option sits relative to the selected range. */
 export type ScalePosition = 'end' | 'between' | 'outside';
 export interface UseScaleRangeFilterArgs {

package/dist/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScaleRangeFilter.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAE3E,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,KAAK,IAAI,CAAC;IACvD,SAAS,EAAE,MAAM,CAAC;IAClB,yEAAyE;IACzE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,2DAA2D;AAC3D,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1D,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,eAAe,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,KAAK,IAAI,CAAC;CACxD;AAED,MAAM,WAAW,yBAAyB;IACxC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC"}
+{"version":3,"file":"ScaleRangeFilter.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAE3E,MAAM,WAAW,qBAAqB;IACpC,6BAA6B;IAC7B,OAAO,EAAE,iBAAiB,EAAE,CAAC;IAC7B,KAAK,CAAC,EAAE,eAAe,CAAC;IACxB,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,KAAK,IAAI,CAAC;IACvD,SAAS,EAAE,MAAM,CAAC;IAClB,8FAA8F;IAC9F,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,qFAAqF;IACrF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,uEAAuE;IACvE,IAAI,CAAC,EAAE,OAAO,CAAC;CAChB;AAED,MAAM,MAAM,WAAW,GAAG,OAAO,GAAG,OAAO,CAAC;AAE5C,2DAA2D;AAC3D,MAAM,MAAM,aAAa,GAAG,KAAK,GAAG,SAAS,GAAG,SAAS,CAAC;AAE1D,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,eAAe,GAAG,SAAS,CAAC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,eAAe,GAAG,SAAS,KAAK,IAAI,CAAC;CACxD;AAED,MAAM,WAAW,yBAAyB;IACxC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC;CACxC"}

package/dist/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.utils.d.ts

@@ -4,6 +4,8 @@ import type { CountBadgeTone } from '../PickListFilter/PickListFilter.utils';
 export declare function getScalePosition(options: readonly FilterFieldOption[], value: ScaleRangeValue | undefined, option: string): ScalePosition;
 /** Next range after clicking `scale`: a fresh single-option range, or the end of the pending one. */
 export declare function getNextScaleRange(anchor: string | null, option: string): ScaleRangeValue;
+/** A pill like the other pick lists' (`Single`, `Parcel`), coloured by where it sits in the range. */
+export declare const getScalePillClassName: (position: ScalePosition) => string;
 export declare function getScaleButtonClassName(position: ScalePosition, fill?: boolean, hasCount?: boolean): string;
 /** The count badge follows the tile: plain, tinted inside the range, solid on an end. */
 export declare const getScaleCountTone: (position: ScalePosition) => CountBadgeTone;

package/dist/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ScaleRangeFilter.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.utils.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAE7E,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,SAAS,iBAAiB,EAAE,EACrC,KAAK,EAAE,eAAe,GAAG,SAAS,EAClC,MAAM,EAAE,MAAM,GACb,aAAa,CAMf;AAED,qGAAqG;AACrG,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,GAAG,IAAI,EACrB,MAAM,EAAE,MAAM,GACb,eAAe,CAIjB;AAED,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,aAAa,EACvB,IAAI,UAAQ,EACZ,QAAQ,UAAQ,GACf,MAAM,CAcR;AAED,yFAAyF;AACzF,eAAO,MAAM,iBAAiB,GAAI,UAAU,aAAa,KAAG,cACkB,CAAC"}
+{"version":3,"file":"ScaleRangeFilter.utils.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/ScaleRangeFilter/ScaleRangeFilter.utils.ts"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AAC3E,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AAE7E,wBAAgB,gBAAgB,CAC9B,OAAO,EAAE,SAAS,iBAAiB,EAAE,EACrC,KAAK,EAAE,eAAe,GAAG,SAAS,EAClC,MAAM,EAAE,MAAM,GACb,aAAa,CAMf;AAED,qGAAqG;AACrG,wBAAgB,iBAAiB,CAC/B,MAAM,EAAE,MAAM,GAAG,IAAI,EACrB,MAAM,EAAE,MAAM,GACb,eAAe,CAIjB;AASD,sGAAsG;AACtG,eAAO,MAAM,qBAAqB,GAAI,UAAU,aAAa,KAAG,MAK7D,CAAC;AAEJ,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,aAAa,EACvB,IAAI,UAAQ,EACZ,QAAQ,UAAQ,GACf,MAAM,CASR;AAED,yFAAyF;AACzF,eAAO,MAAM,iBAAiB,GAAI,UAAU,aAAa,KAAG,cACkB,CAAC"}

package/dist/components/molecules/Filters/ScaleRangeFilter/index.d.ts

@@ -1,3 +1,3 @@
 export { ScaleRangeFilter } from './ScaleRangeFilter';
-export type { ScaleRangeFilterProps, ScalePosition } from './ScaleRangeFilter';
+export type { ScaleLayout, ScaleRangeFilterProps, ScalePosition, } from './ScaleRangeFilter';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/molecules/Filters/ScaleRangeFilter/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/ScaleRangeFilter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/molecules/Filters/ScaleRangeFilter/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,YAAY,EACV,WAAW,EACX,qBAAqB,EACrB,aAAa,GACd,MAAM,oBAAoB,CAAC"}

package/dist/components/organisms/Filters/FilterField/FilterField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterField.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterField/FilterField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAc1C,OAAO,KAAK,EACV,oBAAoB,EAEpB,uBAAuB,EACvB,gBAAgB,EACjB,MAAM,qBAAqB,CAAC;AAsB7B,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,uBAAuB,EACvB,eAAe,EACf,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAE7B,iIAAiI;AACjI,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,IAAI,EACJ,SAAS,GACV,EAAE,uBAAuB,GAAG,YAAY,CAgGxC;AAED,kHAAkH;AAClH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,SAAS,GACV,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG,YAAY,CAwD/C;AAED,yJAAyJ;AACzJ,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,MAAM,EACN,SAAS,EACT,IAAI,GACL,EAAE,oBAAoB,GAAG,YAAY,CAoCrC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAOjE"}
+{"version":3,"file":"FilterField.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterField/FilterField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAc1C,OAAO,KAAK,EACV,oBAAoB,EAEpB,uBAAuB,EACvB,gBAAgB,EACjB,MAAM,qBAAqB,CAAC;AAsB7B,YAAY,EACV,oBAAoB,EACpB,iBAAiB,EACjB,uBAAuB,EACvB,eAAe,EACf,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAE7B,iIAAiI;AACjI,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,IAAI,EACJ,SAAS,GACV,EAAE,uBAAuB,GAAG,YAAY,CAiGxC;AAED,kHAAkH;AAClH,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,SAAS,GACV,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,CAAC,GAAG,YAAY,CAwD/C;AAED,yJAAyJ;AACzJ,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,KAAK,EACL,QAAQ,EACR,oBAAoB,EACpB,MAAM,EACN,SAAS,EACT,IAAI,GACL,EAAE,oBAAoB,GAAG,YAAY,CAoCrC;AAED,wBAAgB,WAAW,CAAC,KAAK,EAAE,gBAAgB,GAAG,YAAY,CAOjE"}

package/dist/components/organisms/Filters/FilterSurface/FilterSurface.accessibility.d.ts

@@ -1,6 +1,5 @@
-/** Both leave without applying — the draft is discarded. */
+/** Leaves without applying; the draft is discarded. */
 export declare const BACK_LABEL = "Back without applying";
-export declare const CLOSE_LABEL = "Close without applying";
 export declare const LOADING_LABEL = "Loading filters";
 export declare const ERROR_TITLE = "Couldn't load filters";
 export declare const DEFAULT_ERROR_MESSAGE = "Something went wrong while loading the filters. Check your connection and try again.";

package/dist/components/organisms/Filters/FilterSurface/FilterSurface.accessibility.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSurface.accessibility.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.accessibility.ts"],"names":[],"mappings":"AAAA,4DAA4D;AAC5D,eAAO,MAAM,UAAU,0BAA0B,CAAC;AAClD,eAAO,MAAM,WAAW,2BAA2B,CAAC;AAEpD,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAC/C,eAAO,MAAM,WAAW,0BAA0B,CAAC;AACnD,eAAO,MAAM,qBAAqB,yFACsD,CAAC;AACzF,eAAO,MAAM,WAAW,cAAc,CAAC"}
+{"version":3,"file":"FilterSurface.accessibility.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.accessibility.ts"],"names":[],"mappings":"AAAA,uDAAuD;AACvD,eAAO,MAAM,UAAU,0BAA0B,CAAC;AAElD,eAAO,MAAM,aAAa,oBAAoB,CAAC;AAC/C,eAAO,MAAM,WAAW,0BAA0B,CAAC;AACnD,eAAO,MAAM,qBAAqB,yFACsD,CAAC;AACzF,eAAO,MAAM,WAAW,cAAc,CAAC"}

package/dist/components/organisms/Filters/FilterSurface/FilterSurface.d.ts

@@ -1,8 +1,8 @@
 import { type ReactElement } from 'react';
 import type { FilterSurfaceGroupProps, FilterSurfaceMoreProps, FilterSurfaceProps } from './FilterSurface.types';
 export type { FilterSurfaceGroupProps, FilterSurfaceMoreProps, FilterSurfaceProps, FilterSurfaceStatus, } from './FilterSurface.types';
-/** Full-page filter screen (e.g. an advanced search): header, scrolling card grid, sticky apply footer. */
-export declare function FilterSurface({ title, headerActions, footerChips, footerActions, onClose, status, errorMessage, onRetry, skeleton, children, }: FilterSurfaceProps): ReactElement;
+/** Full-page filter screen (e.g. an advanced search): one sticky header with every action, then the scrolling card grid. */
+export declare function FilterSurface({ title, headerActions, primaryActions, chips, onClose, status, errorMessage, onRetry, skeleton, children, }: FilterSurfaceProps): ReactElement;
 export declare function FilterSurfaceGroup({ title, masonry, className, children, }: FilterSurfaceGroupProps): ReactElement;
 /** Collapsed "More filters" divider that reveals extra cards. */
 export declare function FilterSurfaceMore({ label, defaultExpanded, children, }: FilterSurfaceMoreProps): ReactElement;

package/dist/components/organisms/Filters/FilterSurface/FilterSurface.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSurface.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAgBpD,OAAO,KAAK,EACV,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAE/B,2GAA2G;AAC3G,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,aAAa,EACb,WAAW,EACX,aAAa,EACb,OAAO,EACP,MAAgB,EAChB,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,GAAG,YAAY,CA2DnC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAe,EACf,SAAS,EACT,QAAQ,GACT,EAAE,uBAAuB,GAAG,YAAY,CAwBxC;AAED,iEAAiE;AACjE,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,eAAe,EACf,QAAQ,GACT,EAAE,sBAAsB,GAAG,YAAY,CA0BvC"}
+{"version":3,"file":"FilterSurface.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAepD,OAAO,KAAK,EACV,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAE/B,YAAY,EACV,uBAAuB,EACvB,sBAAsB,EACtB,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,uBAAuB,CAAC;AAE/B,4HAA4H;AAC5H,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,aAAa,EACb,cAAc,EACd,KAAK,EACL,OAAO,EACP,MAAgB,EAChB,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,QAAQ,GACT,EAAE,kBAAkB,GAAG,YAAY,CA2CnC;AAED,wBAAgB,kBAAkB,CAAC,EACjC,KAAK,EACL,OAAe,EACf,SAAS,EACT,QAAQ,GACT,EAAE,uBAAuB,GAAG,YAAY,CAwBxC;AAED,iEAAiE;AACjE,wBAAgB,iBAAiB,CAAC,EAChC,KAAK,EACL,eAAe,EACf,QAAQ,GACT,EAAE,sBAAsB,GAAG,YAAY,CA0BvC"}

package/dist/components/organisms/Filters/FilterSurface/FilterSurface.types.d.ts

@@ -1,15 +1,15 @@
 import type { ReactNode } from 'react';
 export interface FilterSurfaceProps {
     title: string;
-    /** Top-right actions, e.g. Saved searches and Reset. */
+    /** Secondary header actions, e.g. Saved searches. */
     headerActions?: ReactNode;
-    /** Sticky footer, left: the draft's filter chips. */
-    footerChips?: ReactNode;
-    /** Sticky footer, right: e.g. Save search and "Show 37 results". */
-    footerActions?: ReactNode;
-    /** Escape closes the surface without applying. */
+    /** The header's right end, e.g. the solid "Show 37 gems". */
+    primaryActions?: ReactNode;
+    /** Fills the header between the back arrow and the actions, e.g. the "Filtered by" chips with Clear all. */
+    chips?: ReactNode;
+    /** The back arrow and Escape leave without applying. */
     onClose: () => void;
-    /** `loading` shows skeleton cards and `error` an error panel in place of the cards; the footer shows only when `ready`. */
+    /** `loading` shows skeleton cards and `error` an error panel in place of the cards; the primary actions and chips show only when `ready`. */
     status?: FilterSurfaceStatus;
     /** Error panel text. Default explains the filters couldn't load. */
     errorMessage?: string;

package/dist/components/organisms/Filters/FilterSurface/FilterSurface.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilterSurface.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,wDAAwD;IACxD,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,qDAAqD;IACrD,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,oEAAoE;IACpE,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,kDAAkD;IAClD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,2HAA2H;IAC3H,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wGAAwG;IACxG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhE,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB"}
+{"version":3,"file":"FilterSurface.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/organisms/Filters/FilterSurface/FilterSurface.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,MAAM,WAAW,kBAAkB;IACjC,KAAK,EAAE,MAAM,CAAC;IACd,qDAAqD;IACrD,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,6DAA6D;IAC7D,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,4GAA4G;IAC5G,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,wDAAwD;IACxD,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,6IAA6I;IAC7I,MAAM,CAAC,EAAE,mBAAmB,CAAC;IAC7B,oEAAoE;IACpE,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,wGAAwG;IACxG,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,MAAM,mBAAmB,GAAG,OAAO,GAAG,SAAS,GAAG,OAAO,CAAC;AAEhE,MAAM,WAAW,0BAA0B;IACzC,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACtB;AAED,MAAM,WAAW,uBAAuB;IACtC,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,EAAE,SAAS,CAAC;CACrB;AAED,MAAM,WAAW,sBAAsB;IACrC,uEAAuE;IACvE,KAAK,EAAE,MAAM,CAAC;IACd,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE,SAAS,CAAC;CACrB"}

package/dist/index.cjs.js

@@ -15737,7 +15737,7 @@ function getOptionRowClassName(selected = false, className) {
 }
 /** A selectable pill (chip options, range presets); one height and shape everywhere. */
 function getPillClassName(selected) {
-    return getSelectableOptionClassName(selected, 'inline-flex h-8 items-center gap-1.5 rounded-full px-3');
+    return getSelectableOptionClassName(selected, 'inline-flex h-8 items-center gap-1.5 rounded-sm px-3');
 }
 /** Search box above a list (pick lists, saved searches); matches the inputs' height and corners. */
 const FILTER_SEARCH_BOX_CLASS_NAME = 'flex h-9 items-center gap-2 rounded-md border border-input bg-card px-3 focus-within:border-primary focus-within:ring-2 focus-within:ring-primary/30';
@@ -15918,14 +15918,15 @@ const LIST_COLUMN_MIN_WIDTH = '10rem';
 const getOptionsScrollClassName = (fill) => fill ? OPTIONS_FILL_CLASS_NAME : OPTIONS_SCROLL_CLASS_NAME;
 const LIST_ROW_CLASS_NAME = getOptionRowClassName();
 const COUNT_BADGE_TONES = {
-    neutral: 'bg-muted text-muted-foreground',
-    tinted: 'bg-primary/10 text-primary',
-    solid: 'bg-primary-foreground/20 text-primary-foreground',
+    neutral: 'border-primary/30 bg-primary/5 text-primary',
+    tinted: 'border-primary/30 bg-primary/5 text-primary',
+    solid: 'border-primary-foreground/60 bg-primary-foreground/20 text-primary-foreground',
 };
 /** How many items carry the option, as a small round badge at the right. */
-const getCountBadgeClassName = (tone) => cn('inline-flex h-5 min-w-5 shrink-0 items-center justify-center rounded-full px-1.5 text-xs font-medium tabular-nums', COUNT_BADGE_TONES[tone]);
+const getCountBadgeClassName = (tone) => cn('inline-flex h-5 min-w-7 shrink-0 items-center justify-center rounded-full border px-1.5 text-xs font-medium tabular-nums', COUNT_BADGE_TONES[tone]);
 const COUNT_BADGE_CLASS_NAME = getCountBadgeClassName('neutral');
-const formatOptionCount = (count) => count.toLocaleString('en-US');
+/** Plain digits (no thousands separators), so the badge stays compact. */
+const formatOptionCount = (count) => String(count);
 /** Picking a value: a single-choice list replaces (or clears) it, a multi-choice list toggles it. */
 const pickValue = (values, value, single) => {
     if (!single)
@@ -15981,7 +15982,7 @@ function PickListFilter({ options, value, onChange, ariaLabel, layout = 'list',
     if (layout === 'tiles') {
         return (jsxRuntime.jsx(ScrollFade, { role: "group", "aria-label": ariaLabel, wrapperClassName: wrapperClassName, className: cn('grid content-start gap-1.5', scrollClassName), style: getGridColumnsStyle(columns), children: visibleOptions.map((option) => (jsxRuntime.jsxs("button", { type: "button", "aria-pressed": value.includes(option.value), onClick: () => toggle(option), className: getTileClassName(value.includes(option.value), option.count !== undefined), children: [jsxRuntime.jsx(TruncatedLabel, { text: option.label }), option.count !== undefined && (jsxRuntime.jsx("span", { className: getCountBadgeClassName(value.includes(option.value) ? 'tinted' : 'neutral'), children: formatOptionCount(option.count) }))] }, option.value))) }));
     }
-    return (jsxRuntime.jsx(ScrollFade, { role: "group", "aria-label": ariaLabel, wrapperClassName: wrapperClassName, className: cn('flex flex-wrap content-start gap-1.5', scrollClassName), children: visibleOptions.map((option) => (jsxRuntime.jsxs("button", { type: "button", "aria-pressed": value.includes(option.value), onClick: () => toggle(option), className: getChipClassName(value.includes(option.value)), children: [jsxRuntime.jsx(OptionSwatch, { color: option.swatch, round: true }), jsxRuntime.jsx("span", { children: option.label }), option.count !== undefined && (jsxRuntime.jsx("span", { className: "text-xs font-normal tabular-nums text-muted-foreground", children: formatOptionCount(option.count) }))] }, option.value))) }));
+    return (jsxRuntime.jsx(ScrollFade, { role: "group", "aria-label": ariaLabel, wrapperClassName: wrapperClassName, className: cn('flex flex-wrap content-start gap-1.5', scrollClassName), children: visibleOptions.map((option) => (jsxRuntime.jsxs("button", { type: "button", "aria-pressed": value.includes(option.value), onClick: () => toggle(option), className: getChipClassName(value.includes(option.value)), children: [jsxRuntime.jsx(OptionSwatch, { color: option.swatch, round: true }), jsxRuntime.jsx("span", { children: option.label }), option.count !== undefined && (jsxRuntime.jsx("span", { className: getCountBadgeClassName(value.includes(option.value) ? 'tinted' : 'neutral'), children: formatOptionCount(option.count) }))] }, option.value))) }));
 }
 
 const TRIGGER_BASE = 'h-9 !w-fit shadow-[0_1px_2px_0_rgba(0,0,0,0.05)] gap-2 text-foreground bg-card hover:bg-muted/40 border border-border rounded-lg text-sm font-medium px-3';
@@ -38596,6 +38597,70 @@ function fieldTypeIcon(type) {
     return FIELD_TYPE_ICONS[type] ?? Type;
 }
 
+const SAVED_SEARCH_CHIP_CLASS_NAME = 'inline-flex h-6 min-w-0 max-w-full items-center rounded-full border border-primary/30 bg-primary/5 px-2 text-xs text-foreground';
+/** Children laid out below the first one's line. */
+function countWrapped(items) {
+    if (items.length === 0)
+        return 0;
+    const firstTop = items[0].offsetTop;
+    return items.filter((item) => item.offsetTop > firstTop).length;
+}
+const getShowMoreLabel = (hiddenCount) => `+${hiddenCount} more`;
+
+/**
+ * Fits chips on one line with the "+N more" link right after the last one. Renders every chip, counts
+ * how many wrap, then drops chips until the link itself fits; a resize starts the measurement over.
+ */
+function useChipOverflow(chips, enabled) {
+    const [list, setList] = React.useState(null);
+    const [expanded, setExpanded] = React.useState(false);
+    const [visibleCount, setVisibleCount] = React.useState(chips.length);
+    const collapsed = enabled && !expanded;
+    const [measuredLength, setMeasuredLength] = React.useState(chips.length);
+    if (measuredLength !== chips.length) {
+        setMeasuredLength(chips.length);
+        setVisibleCount(chips.length);
+    }
+    React.useLayoutEffect(() => {
+        if (!collapsed || !list)
+            return;
+        const items = Array.from(list.children);
+        if (visibleCount >= chips.length) {
+            const wrapped = countWrapped(items);
+            if (wrapped > 0)
+                setVisibleCount(chips.length - wrapped);
+            return;
+        }
+        // The last child is the "+N more" link; if it wrapped, give it one more chip's room.
+        if (countWrapped(items) > 0 && visibleCount > 1)
+            setVisibleCount(visibleCount - 1);
+    }, [collapsed, list, visibleCount, chips.length]);
+    React.useEffect(() => {
+        if (!collapsed || !list)
+            return;
+        let width = list.clientWidth;
+        const observer = new ResizeObserver(() => {
+            if (list.clientWidth === width)
+                return;
+            width = list.clientWidth;
+            setVisibleCount(chips.length);
+        });
+        observer.observe(list);
+        return () => observer.disconnect();
+    }, [collapsed, list, chips.length]);
+    const shown = collapsed ? Math.min(visibleCount, chips.length) : chips.length;
+    return {
+        listRef: React.useCallback((node) => setList(node), []),
+        expanded,
+        toggle: () => {
+            setExpanded((current) => !current);
+            setVisibleCount(chips.length);
+        },
+        visibleChips: chips.slice(0, shown),
+        hiddenCount: chips.length - shown,
+    };
+}
+
 const getRemoveChipLabel = (label) => `Remove ${label} filter`;
 const FILTERED_BY_LABEL = 'Filtered by';
 
@@ -38603,16 +38668,33 @@ const FILTERED_BY_LABEL = 'Filtered by';
 const CHIP_CLASS = 'inline-flex h-7 max-w-full items-center gap-1 rounded-md border border-primary/30 bg-primary/5 px-2.5 text-xs text-foreground';
 const REMOVE_BUTTON_CLASS = 'inline-flex size-4 shrink-0 cursor-pointer items-center justify-center rounded-full text-muted-foreground outline-none hover:bg-primary/10 hover:text-foreground focus-visible:ring-2 focus-visible:ring-primary/30';
 const CLEAR_ALL_CLASS = cn(FILTER_LINK_CLASS_NAME, 'underline');
+const SHOW_MORE_CLASS = cn(FILTER_LINK_CLASS_NAME, 'whitespace-nowrap px-1 underline underline-offset-2');
 function getChipLabelText(label, variant) {
     return variant === 'inline' ? `${label}:` : label;
 }
 
+function Chip({ chip, variant, onRemove }) {
+    return (jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [jsxRuntime.jsx("span", { className: "shrink-0 font-semibold", children: getChipLabelText(chip.label, variant) }), jsxRuntime.jsx(TruncatedLabel, { text: chip.value }), onRemove && (jsxRuntime.jsx("button", { type: "button", "aria-label": getRemoveChipLabel(chip.label), onClick: () => onRemove(chip.id), className: REMOVE_BUTTON_CLASS, children: jsxRuntime.jsx(X$2, { "aria-hidden": "true", className: "size-3" }) }))] }));
+}
+/** One line of chips ending in "+N more"; Clear all and the actions stay at the right end. */
+function CollapsibleChips({ chips, onRemove, variant = 'inline', clearAll, actions, className, }) {
+    const { listRef, expanded, toggle, visibleChips, hiddenCount } = useChipOverflow(chips.map((chip) => chip.id), true);
+    const visible = new Set(visibleChips);
+    return (
+    // Centred, so the label and Clear all line up with buttons beside the row even when the chips wrap.
+    jsxRuntime.jsxs("div", { className: cn('flex items-center gap-1.5', className), children: [variant === 'inline' && (jsxRuntime.jsx("span", { className: "mr-0.5 flex h-7 shrink-0 items-center text-xs text-muted-foreground", children: FILTERED_BY_LABEL })), jsxRuntime.jsxs("ul", { ref: listRef, className: "flex min-w-0 flex-1 flex-wrap items-center gap-1.5", children: [chips
+                        .filter((chip) => visible.has(chip.id))
+                        .map((chip) => (jsxRuntime.jsx("li", { className: CHIP_CLASS, children: jsxRuntime.jsx(Chip, { chip: chip, variant: variant, onRemove: onRemove }) }, chip.id))), (expanded || hiddenCount > 0) && (jsxRuntime.jsx("li", { className: "flex h-7 shrink-0 items-center", children: jsxRuntime.jsx("button", { type: "button", "aria-expanded": expanded, onClick: toggle, className: SHOW_MORE_CLASS, children: expanded ? 'Show less' : getShowMoreLabel(hiddenCount) }) }))] }), (clearAll || actions) && (jsxRuntime.jsxs("div", { className: "ml-1.5 flex h-7 shrink-0 items-center gap-3", children: [clearAll, actions] }))] }));
+}
 /** Applied filters as removable chips, with an optional Clear all. */
-function ActiveFilterChips({ chips, onRemove, onClearAll, variant = 'inline', actions, className, }) {
+function ActiveFilterChips({ chips, onRemove, onClearAll, variant = 'inline', actions, collapsible = false, className, }) {
     if (chips.length === 0)
         return null;
     const clearAll = onClearAll && (jsxRuntime.jsx("button", { type: "button", onClick: onClearAll, className: CLEAR_ALL_CLASS, children: "Clear all" }));
-    return (jsxRuntime.jsxs("div", { className: cn('flex flex-wrap items-center gap-1.5', className), children: [variant === 'inline' && (jsxRuntime.jsx("span", { className: "mr-0.5 text-xs text-muted-foreground", children: FILTERED_BY_LABEL })), chips.map((chip) => (jsxRuntime.jsxs("span", { className: CHIP_CLASS, children: [jsxRuntime.jsx("span", { className: "shrink-0 font-semibold", children: getChipLabelText(chip.label, variant) }), jsxRuntime.jsx(TruncatedLabel, { text: chip.value }), onRemove && (jsxRuntime.jsx("button", { type: "button", "aria-label": getRemoveChipLabel(chip.label), onClick: () => onRemove(chip.id), className: REMOVE_BUTTON_CLASS, children: jsxRuntime.jsx(X$2, { "aria-hidden": "true", className: "size-3" }) }))] }, chip.id))), actions ? (
+    if (collapsible) {
+        return (jsxRuntime.jsx(CollapsibleChips, { chips: chips, onRemove: onRemove, variant: variant, clearAll: clearAll, actions: actions, className: className }));
+    }
+    return (jsxRuntime.jsxs("div", { className: cn('flex flex-wrap items-center gap-1.5', className), children: [variant === 'inline' && (jsxRuntime.jsx("span", { className: "mr-0.5 text-xs text-muted-foreground", children: FILTERED_BY_LABEL })), chips.map((chip) => (jsxRuntime.jsx("span", { className: CHIP_CLASS, children: jsxRuntime.jsx(Chip, { chip: chip, variant: variant, onRemove: onRemove }) }, chip.id))), actions ? (
             // With actions, Clear all joins them at the row's right end.
             jsxRuntime.jsxs("div", { className: "ml-auto flex items-center gap-3 pl-3", children: [clearAll, actions] })) : (clearAll)] }));
 }
@@ -38814,14 +38896,18 @@ function getNextScaleRange(anchor, option) {
         ? { from: option, to: option }
         : { from: anchor, to: option };
 }
+const SCALE_POSITION_CLASS_NAMES = {
+    // Unselected options look exactly like unselected pick-list options.
+    outside: getSelectableOptionClassName(false),
+    end: 'border-primary bg-primary font-medium text-primary-foreground',
+    between: 'border-primary/30 bg-primary/10 font-medium text-primary',
+};
+/** A pill like the other pick lists' (`Single`, `Parcel`), coloured by where it sits in the range. */
+const getScalePillClassName = (position) => cn('inline-flex h-8 cursor-pointer items-center gap-1.5 rounded-sm border px-3 text-xs transition-colors', FILTER_FOCUS_RING, SCALE_POSITION_CLASS_NAMES[position]);
 function getScaleButtonClassName(position, fill = false, hasCount = false) {
     return cn('flex min-w-0 cursor-pointer items-center gap-2 rounded-md border transition-colors', 
     // With a count: name left, badge right (like a list row); without: name centred.
-    hasCount ? 'justify-between text-left' : 'justify-center text-center', fill ? 'min-h-12 px-2 py-1.5 text-sm' : 'min-h-10 px-1.5 py-1 text-xs', FILTER_FOCUS_RING, 
-    // Unselected options look exactly like unselected pick-list tiles.
-    position === 'outside' && getSelectableOptionClassName(false), position === 'end' &&
-        'border-primary bg-primary font-medium text-primary-foreground', position === 'between' &&
-        'border-primary/30 bg-primary/10 font-medium text-primary');
+    hasCount ? 'justify-between text-left' : 'justify-center text-center', fill ? 'min-h-12 px-2 py-1.5 text-sm' : 'min-h-10 px-1.5 py-1 text-xs', FILTER_FOCUS_RING, SCALE_POSITION_CLASS_NAMES[position]);
 }
 /** The count badge follows the tile: plain, tinted inside the range, solid on an end. */
 const getScaleCountTone = (position) => position === 'end' ? 'solid' : position === 'between' ? 'tinted' : 'neutral';
@@ -38841,8 +38927,14 @@ function useScaleRangeFilter({ value, onChange, }) {
 }
 
 /** Ordered-scale filter: click a start option, then an end option. */
-function ScaleRangeFilter({ options, value, onChange, ariaLabel, columns, fill = false, }) {
+function ScaleRangeFilter({ options, value, onChange, ariaLabel, layout = 'pills', columns, fill = false, }) {
     const { selectOption } = useScaleRangeFilter({ value, onChange });
+    if (layout === 'pills') {
+        return (jsxRuntime.jsx("div", { role: "group", "aria-label": ariaLabel, className: "flex flex-wrap content-start gap-1.5", children: options.map((option) => {
+                const position = getScalePosition(options, value, option.value);
+                return (jsxRuntime.jsxs("button", { type: "button", "aria-pressed": position !== 'outside', "aria-label": option.label, onClick: () => selectOption(option.value), className: getScalePillClassName(position), children: [jsxRuntime.jsx("span", { children: option.label }), option.count !== undefined && (jsxRuntime.jsx("span", { className: getCountBadgeClassName(getScaleCountTone(position)), children: formatOptionCount(option.count) }))] }, option.value));
+            }) }));
+    }
     return (jsxRuntime.jsx("div", { role: "group", "aria-label": ariaLabel, className: fill ? 'grid gap-2' : 'grid gap-1.5', style: getGridColumnsStyle(columns), children: options.map((option) => {
             const position = getScalePosition(options, value, option.value);
             return (jsxRuntime.jsxs("button", { type: "button", "aria-pressed": position !== 'outside', "aria-label": option.label, onClick: () => selectOption(option.value), className: getScaleButtonClassName(position, fill, option.count !== undefined), children: [jsxRuntime.jsx(TruncatedLabel, { text: option.label }), option.count !== undefined && (jsxRuntime.jsx("span", { className: getCountBadgeClassName(getScaleCountTone(position)), children: formatOptionCount(option.count) }))] }, option.value));
@@ -38856,7 +38948,7 @@ const TILE_KEYS = ['a', 'b', 'c', 'd'];
 const CARD_CLASS_NAME = 'flex h-full min-w-0 flex-col gap-3 rounded-xl border border-border bg-card p-4';
 
 function Pills({ count }) {
-    return (jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: PILL_WIDTHS.slice(0, count).map((width) => (jsxRuntime.jsx(SquareSkeleton, { height: 32, width: width, rounded: "full" }, width))) }));
+    return (jsxRuntime.jsx("div", { className: "flex flex-wrap gap-1.5", children: PILL_WIDTHS.slice(0, count).map((width) => (jsxRuntime.jsx(SquareSkeleton, { height: 32, width: width, rounded: "sm" }, width))) }));
 }
 function Body({ variant, }) {
     switch (variant) {
@@ -39166,70 +39258,6 @@ function TriStateFilter({ value, onChange, ariaLabel, compact = false, }) {
         }) }));
 }
 
-const SAVED_SEARCH_CHIP_CLASS_NAME = 'inline-flex h-6 min-w-0 max-w-full items-center rounded-full border border-primary/30 bg-primary/5 px-2 text-xs text-foreground';
-/** Children laid out below the first one's line. */
-function countWrapped(items) {
-    if (items.length === 0)
-        return 0;
-    const firstTop = items[0].offsetTop;
-    return items.filter((item) => item.offsetTop > firstTop).length;
-}
-const getShowMoreLabel = (hiddenCount) => `+${hiddenCount} more`;
-
-/**
- * Fits chips on one line with the "+N more" link right after the last one. Renders every chip, counts
- * how many wrap, then drops chips until the link itself fits; a resize starts the measurement over.
- */
-function useChipOverflow(chips, enabled) {
-    const [list, setList] = React.useState(null);
-    const [expanded, setExpanded] = React.useState(false);
-    const [visibleCount, setVisibleCount] = React.useState(chips.length);
-    const collapsed = enabled && !expanded;
-    const [measuredLength, setMeasuredLength] = React.useState(chips.length);
-    if (measuredLength !== chips.length) {
-        setMeasuredLength(chips.length);
-        setVisibleCount(chips.length);
-    }
-    React.useLayoutEffect(() => {
-        if (!collapsed || !list)
-            return;
-        const items = Array.from(list.children);
-        if (visibleCount >= chips.length) {
-            const wrapped = countWrapped(items);
-            if (wrapped > 0)
-                setVisibleCount(chips.length - wrapped);
-            return;
-        }
-        // The last child is the "+N more" link; if it wrapped, give it one more chip's room.
-        if (countWrapped(items) > 0 && visibleCount > 1)
-            setVisibleCount(visibleCount - 1);
-    }, [collapsed, list, visibleCount, chips.length]);
-    React.useEffect(() => {
-        if (!collapsed || !list)
-            return;
-        let width = list.clientWidth;
-        const observer = new ResizeObserver(() => {
-            if (list.clientWidth === width)
-                return;
-            width = list.clientWidth;
-            setVisibleCount(chips.length);
-        });
-        observer.observe(list);
-        return () => observer.disconnect();
-    }, [collapsed, list, chips.length]);
-    const shown = collapsed ? Math.min(visibleCount, chips.length) : chips.length;
-    return {
-        listRef: React.useCallback((node) => setList(node), []),
-        expanded,
-        toggle: () => {
-            setExpanded((current) => !current);
-            setVisibleCount(chips.length);
-        },
-        visibleChips: chips.slice(0, shown),
-        hiddenCount: chips.length - shown,
-    };
-}
-
 /** Read-only filter summaries of a saved search, as pills; optionally one line ending in "+N more". */
 function SavedSearchChipList({ chips, emptyText = 'No filters', collapsible = false, className, }) {
     const { listRef, expanded, toggle, visibleChips, hiddenCount } = useChipOverflow(chips, collapsible);
@@ -77053,7 +77081,7 @@ const getDropdownPlaceholder = (field) => field.inputPlaceholder ??
     `${field.single ? 'Any' : 'Select'} ${field.label.toLowerCase()}`;
 /** Popover variant: the same control and layout as the card (pills up to 4 options, then the list); tile grids drop to two columns. */
 function toPopoverField(field) {
-    if (field.type === 'scale' ||
+    if ((field.type === 'scale' && field.layout === 'tiles') ||
         (field.type === 'list' && resolveListLayout(field) === 'tiles')) {
         return { ...field, columns: POPOVER_TILE_COLUMNS };
     }
@@ -77086,7 +77114,7 @@ function FilterFieldControl({ field, value, onChange, fiscalYearStartMonth, fill
             return (jsxRuntime.jsx(PickListFilter, { ariaLabel: ariaLabel, options: field.options ?? [], value: valueOfType(value, 'list')?.values ?? [], onChange: (values) => onChange(toListValue(values)), layout: layout, searchPlaceholder: layout === 'list' ? field.searchPlaceholder : undefined, columns: field.columns, single: field.single }));
         }
         case 'scale':
-            return (jsxRuntime.jsx(ScaleRangeFilter, { ariaLabel: ariaLabel, options: field.options ?? [], value: valueOfType(value, 'scale')?.range, onChange: (range) => onChange(toScaleValue(range)), columns: field.columns, fill: fill }));
+            return (jsxRuntime.jsx(ScaleRangeFilter, { ariaLabel: ariaLabel, options: field.options ?? [], value: valueOfType(value, 'scale')?.range, onChange: (range) => onChange(toScaleValue(range)), layout: field.layout === 'tiles' ? 'tiles' : 'pills', columns: field.columns, fill: fill }));
         case 'number':
             return (jsxRuntime.jsx(NumberRangeInputs, { ariaLabel: field.label, value: valueOfType(value, 'number')?.range, onChange: (range) => onChange(toNumberValue(range)), presets: field.presets, presetsLabel: field.presetsLabel }));
         case 'ids':
@@ -77132,9 +77160,8 @@ function FilterField(props) {
     return mode === 'cell' ? (jsxRuntime.jsx(FilterFieldCell, { ...rest })) : (jsxRuntime.jsx(FilterFieldCard, { mode: mode, ...rest }));
 }
 
-/** Both leave without applying — the draft is discarded. */
+/** Leaves without applying; the draft is discarded. */
 const BACK_LABEL = 'Back without applying';
-const CLOSE_LABEL = 'Close without applying';
 const LOADING_LABEL = 'Loading filters';
 const ERROR_TITLE = "Couldn't load filters";
 const DEFAULT_ERROR_MESSAGE = 'Something went wrong while loading the filters. Check your connection and try again.';
@@ -77204,10 +77231,12 @@ function MasonryItem({ children }) {
     return (jsxRuntime.jsx("div", { style: span > 0 ? { gridRowEnd: `span ${span}` } : undefined, children: jsxRuntime.jsx("div", { ref: ref, className: "pb-3", children: children }) }));
 }
 
-/** Full-page filter screen (e.g. an advanced search): header, scrolling card grid, sticky apply footer. */
-function FilterSurface({ title, headerActions, footerChips, footerActions, onClose, status = 'ready', errorMessage, onRetry, skeleton, children, }) {
+/** Full-page filter screen (e.g. an advanced search): one sticky header with every action, then the scrolling card grid. */
+function FilterSurface({ title, headerActions, primaryActions, chips, onClose, status = 'ready', errorMessage, onRetry, skeleton, children, }) {
     useCloseOnEscape(onClose);
-    return (jsxRuntime.jsxs("div", { role: "region", "aria-label": title, className: "flex h-full min-h-0 flex-col bg-background", children: [jsxRuntime.jsxs("header", { className: "sticky top-0 z-20 flex shrink-0 flex-wrap items-end justify-between gap-3 bg-background px-3 pt-2 pb-3", children: [jsxRuntime.jsx("div", { className: "flex flex-col gap-1", children: jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [jsxRuntime.jsx(IconButton, { appearance: "ghost", size: "sm", "aria-label": BACK_LABEL, title: BACK_LABEL, onClick: onClose, children: jsxRuntime.jsx(ArrowLeft, {}) }), jsxRuntime.jsx("h1", { className: "text-xl font-semibold text-foreground", children: title })] }) }), jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [headerActions, jsxRuntime.jsx(IconButton, { appearance: "outline", size: "md", "aria-label": CLOSE_LABEL, title: CLOSE_LABEL, onClick: onClose, children: jsxRuntime.jsx(X$2, {}) })] })] }), jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-3 pb-3", children: status === 'loading' ? (jsxRuntime.jsx(FilterSurfaceSkeleton, { children: skeleton })) : status === 'error' ? (jsxRuntime.jsx(FilterSurfaceError, { message: errorMessage ?? DEFAULT_ERROR_MESSAGE, onRetry: onRetry })) : (jsxRuntime.jsx("div", { className: "flex flex-col gap-3", children: children })) }), status === 'ready' && (footerChips || footerActions) && (jsxRuntime.jsxs("footer", { className: "sticky bottom-0 z-20 flex flex-wrap items-center justify-between gap-3 border-t border-border bg-card px-3 py-2", children: [jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: footerChips }), jsxRuntime.jsx("div", { className: "flex shrink-0 items-center gap-2", children: footerActions })] }))] }));
+    const ready = status === 'ready';
+    const actions = ready ? primaryActions : undefined;
+    return (jsxRuntime.jsxs("div", { role: "region", "aria-label": title, className: "flex h-full min-h-0 flex-col bg-background", children: [jsxRuntime.jsxs("header", { className: "sticky top-0 z-20 flex shrink-0 flex-wrap items-center gap-x-3 gap-y-2 bg-background px-3 py-2.5", children: [jsxRuntime.jsx(IconButton, { appearance: "ghost", size: "sm", "aria-label": BACK_LABEL, title: BACK_LABEL, onClick: onClose, children: jsxRuntime.jsx(ArrowLeft, {}) }), jsxRuntime.jsx("h1", { className: "sr-only", children: title }), jsxRuntime.jsx("div", { className: "min-w-0 flex-1", children: ready && chips }), jsxRuntime.jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [headerActions, actions] })] }), jsxRuntime.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto px-3 pb-3", children: status === 'loading' ? (jsxRuntime.jsx(FilterSurfaceSkeleton, { children: skeleton })) : status === 'error' ? (jsxRuntime.jsx(FilterSurfaceError, { message: errorMessage ?? DEFAULT_ERROR_MESSAGE, onRetry: onRetry })) : (jsxRuntime.jsx("div", { className: "flex flex-col gap-3", children: children })) })] }));
 }
 function FilterSurfaceGroup({ title, masonry = false, className, children, }) {
     return (jsxRuntime.jsxs("section", { className: "flex flex-col gap-3", children: [title && (jsxRuntime.jsx("h2", { className: "text-xs font-semibold uppercase tracking-wide text-label", children: title })), jsxRuntime.jsx("div", { className: cn('grid grid-cols-1 items-start lg:grid-cols-6', masonry ? MASONRY_GRID_CLASS_NAME : 'gap-3', className), children: masonry