@osdk/react-components 0.2.0-beta.2 → 0.2.0-beta.21

package/build/esm/filter-list/FilterListApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterListApi.js","names":[],"sources":["FilterListApi.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type { ObjectSet, ObjectTypeDefinition, WhereClause } from \"@osdk/api\";\nimport type { FilterDefinition } from \"./FilterListItemApi.js\";\n\nexport interface FilterListProps<Q extends ObjectTypeDefinition> {\n  /**\n   * The set of objects to be filtered\n   */\n  objectSet: ObjectSet<Q>;\n\n  /**\n   * The definition for all supported filter items in the list\n   * If not supplied, all filterable properties will be available\n   */\n  filterDefinitions?: Array<FilterDefinition<Q>>;\n\n  /**\n   * The current where clause to filter the objectSet.\n   * If provided, the filter clause is controlled.\n   */\n  filterClause?: WhereClause<Q>;\n\n  /**\n   * Called when the filter clause changes.\n   * The filters are joined by the selected filterOperator.\n   * Required in controlled mode.\n   *\n   * @param newClause The updated filter clause\n   */\n  onFilterClauseChanged?: (newClause: WhereClause<Q>) => void;\n\n  /**\n   * The logical operator to join multiple filters\n   *\n   * @default \"and\"\n   */\n  filterOperator?: \"and\" | \"or\";\n\n  /**\n   * Called when filter state change\n   *\n   * @param filterKey The key of the updated filter\n   * @param newState The updated filter state\n   */\n  onFilterStateChanged?: (\n    filterKey: FilterKey<Q>,\n    newState: FilterState<Q>,\n  ) => void;\n\n  /**\n   * Called when a filter is added\n   * If provided, user will be allowed to add filters\n   *\n   * @param filterKey The key of the added filter\n   * @param newDefinitions The filter list with the new filter added\n   */\n  onFilterAdded?: (\n    filterKey: FilterKey<Q>,\n    newDefinitions: Array<FilterDefinition<Q>>,\n  ) => void;\n\n  /**\n   * Called when a filter is removed\n   * If provided, user will be allowed to remove filters\n   *\n   * @param filterKey The key of the removed filter\n   * @param newDefinitions The updated filter list with the filter removed\n   */\n  onFilterRemoved?: (\n    filterKey: FilterKey<Q>,\n    newDefinitions: Array<FilterDefinition<Q>>,\n  ) => void;\n\n  /**\n   * Called when filters are reordered\n   * If provided, the filter list becomes sortable\n   *\n   * @param newOrder The updated filter definitions in new order\n   */\n  onFiltersReordered?: (newOrder: ReadonlyArray<FilterDefinition<Q>>) => void;\n}\n\ntype FilterKey<Q extends ObjectTypeDefinition> = FilterDefinition<Q>[\"key\"];\n\ntype FilterState<Q extends ObjectTypeDefinition> = FilterDefinition<\n  Q\n>[\"filterState\"];\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"FilterListApi.js","names":[],"sources":["FilterListApi.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  LinkNames,\n  ObjectSet,\n  ObjectTypeDefinition,\n  WhereClause,\n} from \"@osdk/api\";\nimport type React from \"react\";\nimport type {\n  FilterState as FilterStateType,\n  PropertyFilterDefinition,\n} from \"./FilterListItemApi.js\";\nimport type { CustomFilterDefinition } from \"./types/CustomRendererTypes.js\";\nimport type { KeywordSearchFilterDefinition } from \"./types/KeywordSearchTypes.js\";\nimport type {\n  HasLinkFilterDefinition,\n  LinkedPropertyFilterDefinition,\n} from \"./types/LinkedFilterTypes.js\";\n\n/**\n * Union type of all filter definition types\n */\nexport type FilterDefinitionUnion<Q extends ObjectTypeDefinition> =\n  | PropertyFilterDefinition<Q>\n  | HasLinkFilterDefinition<Q>\n  | LinkedPropertyFilterDefinition<Q, LinkNames<Q>>\n  | KeywordSearchFilterDefinition<Q>\n  | CustomFilterDefinition<Q>;\n\n/**\n * Extract the key from a filter definition union\n */\nexport type FilterKey<Q extends ObjectTypeDefinition> =\n  FilterDefinitionUnion<Q> extends infer D ? D extends { key: infer K } ? K\n    : D extends { linkName: infer L } ? L\n    : never\n    : never;\n\n/**\n * Extract the filter state from a filter definition union\n */\nexport type FilterState<Q extends ObjectTypeDefinition> =\n  FilterDefinitionUnion<Q> extends infer D\n    ? D extends { filterState: infer S } ? S\n    : never\n    : never;\n\n/**\n * Map from filter definition objects to their current state.\n * Uses object identity for keys, ensuring stable lookups across reorders.\n */\nexport type FilterStatesMap<Q extends ObjectTypeDefinition> = Map<\n  FilterDefinitionUnion<Q>,\n  FilterStateType\n>;\n\nexport interface FilterListProps<Q extends ObjectTypeDefinition> {\n  /**\n   * The set of objects to be filtered\n   */\n  objectSet: ObjectSet<Q>;\n\n  /**\n   * Optional title to display in the filter list header\n   */\n  title?: string;\n\n  /**\n   * Optional icon to display next to the title\n   */\n  titleIcon?: React.ReactNode;\n\n  /**\n   * The definition for all supported filter items in the list\n   * If not supplied, all filterable properties will be available\n   */\n  filterDefinitions?: Array<FilterDefinitionUnion<Q>>;\n\n  /**\n   * The current where clause to filter the objectSet.\n   * If provided, the filter clause is controlled.\n   */\n  filterClause?: WhereClause<Q>;\n\n  /**\n   * Called when the filter clause changes.\n   * The filters are joined by the selected filterOperator.\n   * Required in controlled mode.\n   *\n   * @param newClause The updated filter clause\n   */\n  onFilterClauseChanged?: (newClause: WhereClause<Q>) => void;\n\n  /**\n   * The logical operator to join multiple filters\n   *\n   * @default \"and\"\n   */\n  filterOperator?: \"and\" | \"or\";\n\n  /**\n   * Called when filter state changes\n   *\n   * @param definition The filter definition whose state changed\n   * @param newState The updated filter state\n   */\n  onFilterStateChanged?: (\n    definition: FilterDefinitionUnion<Q>,\n    newState: FilterStateType,\n  ) => void;\n\n  /**\n   * Controls how filter visibility (add/remove) is managed.\n   *\n   * - `\"controlled\"` (default): The consumer manages which filters are\n   *   visible via `filterDefinitions`. Filters with `isVisible: false` are\n   *   excluded from the rendered list.\n   * - `\"uncontrolled\"`: FilterList manages visibility internally. An \"Add\n   *   filter\" popover is rendered for filters with `isVisible: false`, and\n   *   each visible filter shows a remove button.\n   *\n   * @default \"controlled\"\n   */\n  addFilterMode?: \"controlled\" | \"uncontrolled\";\n\n  /**\n   * Called when a filter is added (shown).\n   *\n   * In uncontrolled mode, this fires when a user selects a hidden filter\n   * from the \"Add filter\" popover.\n   *\n   * @param filterKey The key of the added filter\n   * @param newDefinitions The current filter definitions array\n   */\n  onFilterAdded?: (\n    filterKey: FilterKey<Q>,\n    newDefinitions: Array<FilterDefinitionUnion<Q>>,\n  ) => void;\n\n  /**\n   * Called when a filter is removed (hidden).\n   *\n   * In uncontrolled mode, this fires as a notification after the filter\n   * is hidden internally.\n   *\n   * @param filterKey The key of the removed filter\n   */\n  onFilterRemoved?: (filterKey: FilterKey<Q>) => void;\n\n  /**\n   * Enable drag-and-drop reordering of filters.\n   * When true, drag handles are rendered and filters can be reordered.\n   * Reorder state is managed internally; consumers who need to track order\n   * should use controlled filterDefinitions.\n   */\n  enableSorting?: boolean;\n\n  /**\n   * Whether the filter list panel is collapsed\n   */\n  collapsed?: boolean;\n\n  /**\n   * Called when the collapsed state changes\n   */\n  onCollapsedChange?: (collapsed: boolean) => void;\n\n  /**\n   * Initial filter states for hydrating from external storage.\n   * These states are merged over definition defaults on mount.\n   * Use onFilterStateChanged to persist state changes externally.\n   */\n  initialFilterStates?: Map<string, FilterStateType>;\n\n  /**\n   * Show reset filters button in header\n   */\n  showResetButton?: boolean;\n\n  /**\n   * Called when reset button is clicked\n   */\n  onReset?: () => void;\n\n  /**\n   * Show count of active filters in header\n   */\n  showActiveFilterCount?: boolean;\n\n  /**\n   * Additional CSS class name\n   */\n  className?: string;\n\n  /**\n   * Custom render function for the \"Add filter\" button.\n   * Only used in controlled mode. In uncontrolled mode, the built-in\n   * AddFilterPopover is rendered automatically.\n   */\n  renderAddFilterButton?: () => React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/build/esm/filter-list/FilterListItemApi.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterListItemApi.js","names":[],"sources":["FilterListItemApi.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  CompileTimeMetadata,\n  ObjectSet,\n  ObjectTypeDefinition,\n  PropertyKeys,\n  WirePropertyTypes,\n} from \"@osdk/api\";\n\n/**\n * Props for a single filter list item component\n */\nexport interface FilterListItemProps<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q> = PropertyKeys<Q>,\n  C extends ValidComponentsForPropertyType<\n    PropertyTypeFromKey<Q, K>\n  > = ValidComponentsForPropertyType<PropertyTypeFromKey<Q, K>>,\n> extends FilterDefinition<Q, K, C> {\n  objectSet: ObjectSet<Q>;\n\n  /**\n   * Called when the state of the filter changes.\n   * Required in controlled mode.\n   */\n  onFilterStateChanged: (state: FilterStateByComponentType[C]) => void;\n\n  onFilterRemoved?: (key: PropertyKeys<Q>) => void;\n}\n\n/**\n * A filter definition specifies configuration for a single filter\n *\n * The component type C must be compatible with the property type derived from the key.\n * For example, boolean properties can only use LISTOGRAM,\n * while string properties can use LISTOGRAM, TEXT_TAGS, or CONTAINS_TEXT.\n */\nexport interface FilterDefinition<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q> = PropertyKeys<Q>,\n  C extends ValidComponentsForPropertyType<\n    PropertyTypeFromKey<Q, K>\n  > = ValidComponentsForPropertyType<PropertyTypeFromKey<Q, K>>,\n> {\n  /**\n   * The property key to filter on\n   */\n  key: K;\n\n  /**\n   * Display label for the filter\n   */\n  label?: string;\n\n  /**\n   * The filter component type to render\n   * Must be compatible with the property type derived from the key, see ValidComponentsForPropertyType\n   */\n  filterComponent: C;\n\n  /**\n   * The current state of the filter.\n   * If provided, the filter is controlled.\n   */\n  filterState: FilterStateByComponentType[C];\n}\n\n/**\n * Helper type to extract the property type from an ObjectTypeDefinition given a property key\n */\ntype PropertyTypeFromKey<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n> = CompileTimeMetadata<Q>[\"properties\"][K][\"type\"];\n\nexport type FilterComponentType =\n  | \"LISTOGRAM\"\n  | \"DATE_RANGE\"\n  | \"NUMBER_RANGE\"\n  | \"TEXT_TAGS\"\n  | \"CONTAINS_TEXT\";\n\n/**\n * Gets valid component types for a given property type\n */\nexport type ValidComponentsForPropertyType<P extends WirePropertyTypes> =\n  P extends \"boolean\" ? \"LISTOGRAM\"\n    : P extends \"string\" ? \"LISTOGRAM\" | \"TEXT_TAGS\" | \"CONTAINS_TEXT\"\n    : P extends \"datetime\" | \"timestamp\" ? \"DATE_RANGE\"\n    : P extends\n      | \"double\"\n      | \"integer\"\n      | \"long\"\n      | \"float\"\n      | \"short\"\n      | \"byte\"\n      | \"decimal\" ? \"NUMBER_RANGE\"\n    : never;\n\n/**\n * Union of all possible filter states\n */\nexport type FilterState =\n  | ExactMatchFilterState<string | boolean>\n  | DateRangeFilterState\n  | ContainsTextFilterState\n  | NumberRangeFilterState;\n\n/**\n * Maps component types to their corresponding state types\n */\nexport interface FilterStateByComponentType {\n  LISTOGRAM: ExactMatchFilterState<string | boolean>;\n  DATE_RANGE: DateRangeFilterState;\n  TEXT_TAGS: ExactMatchFilterState<string>;\n  CONTAINS_TEXT: ContainsTextFilterState;\n  NUMBER_RANGE: NumberRangeFilterState;\n}\n\ntype FilterStateType =\n  | \"EXACT_MATCH\"\n  | \"DATE_RANGE\"\n  | \"NUMBER_RANGE\"\n  | \"CONTAINS_TEXT\";\n\n/**\n * Base interface for all filter states\n * Contains common properties shared across all filter types\n */\nexport interface BaseFilterState {\n  /**\n   * The type of filter component\n   */\n  type: FilterStateType;\n\n  /**\n   * If true, the objects satisfying the filter are excluded\n   * @default false\n   */\n  isExcluding?: boolean;\n\n  /**\n   * If true, include objects that have no value\n   * @default false\n   */\n  includeNull?: boolean;\n}\n\nexport interface ExactMatchFilterState<T = string | boolean>\n  extends BaseFilterState\n{\n  type: \"EXACT_MATCH\";\n  values: T[];\n}\n\nexport interface DateRangeFilterState extends BaseFilterState {\n  type: \"DATE_RANGE\";\n  /**\n   * The earliest date the user can select\n   */\n  minValue?: Date;\n  /**\n   * The latest date the user can select\n   */\n  maxValue?: Date;\n}\n\nexport interface ContainsTextFilterState extends BaseFilterState {\n  type: \"CONTAINS_TEXT\";\n  value?: string;\n}\n\nexport interface NumberRangeFilterState extends BaseFilterState {\n  type: \"NUMBER_RANGE\";\n  /**\n   * Minimum numeric value (inclusive)\n   */\n  minValue?: number;\n  /**\n   * Maximum numeric value (inclusive)\n   */\n  maxValue?: number;\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"FilterListItemApi.js","names":[],"sources":["FilterListItemApi.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type {\n  CompileTimeMetadata,\n  ObjectSet,\n  ObjectTypeDefinition,\n  PropertyKeys,\n  WirePropertyTypes,\n} from \"@osdk/api\";\nimport type { CustomFilterState } from \"./types/CustomRendererTypes.js\";\nimport type { KeywordSearchFilterState } from \"./types/KeywordSearchTypes.js\";\nimport type {\n  HasLinkFilterState,\n  LinkedPropertyFilterState,\n} from \"./types/LinkedFilterTypes.js\";\n\n/**\n * Helper type to extract the property type from an ObjectTypeDefinition given a property key\n */\nexport type PropertyTypeFromKey<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n> = CompileTimeMetadata<Q>[\"properties\"][K][\"type\"];\n\n/**\n * All available filter component types\n */\nexport type FilterComponentType =\n  | \"LISTOGRAM\"\n  | \"DATE_RANGE\"\n  | \"NUMBER_RANGE\"\n  | \"TEXT_TAGS\"\n  | \"CONTAINS_TEXT\"\n  | \"SINGLE_SELECT\"\n  | \"MULTI_SELECT\"\n  | \"SINGLE_DATE\"\n  | \"MULTI_DATE\"\n  | \"TIMELINE\"\n  | \"CHECKBOX_LIST\"\n  | \"TOGGLE\";\n\n/**\n * Gets valid component types for a given property type\n */\nexport type ValidComponentsForPropertyType<P extends WirePropertyTypes> =\n  P extends \"boolean\"\n    ? \"LISTOGRAM\" | \"CHECKBOX_LIST\" | \"SINGLE_SELECT\" | \"TOGGLE\"\n    : P extends \"string\" ?\n        | \"LISTOGRAM\"\n        | \"TEXT_TAGS\"\n        | \"CONTAINS_TEXT\"\n        | \"SINGLE_SELECT\"\n        | \"MULTI_SELECT\"\n        | \"CHECKBOX_LIST\"\n    : P extends \"datetime\" | \"timestamp\"\n      ? \"DATE_RANGE\" | \"SINGLE_DATE\" | \"MULTI_DATE\" | \"TIMELINE\"\n    : P extends\n      | \"double\"\n      | \"integer\"\n      | \"long\"\n      | \"float\"\n      | \"short\"\n      | \"byte\"\n      | \"decimal\" ? \"NUMBER_RANGE\" | \"SINGLE_SELECT\" | \"MULTI_SELECT\"\n    : never;\n\n/**\n * Union of all possible filter states\n */\nexport type FilterState =\n  | ExactMatchFilterState<string | boolean>\n  | DateRangeFilterState\n  | ContainsTextFilterState\n  | NumberRangeFilterState\n  | SelectFilterState<string | boolean | number>\n  | SelectFilterState<Date>\n  | TimelineFilterState\n  | ToggleFilterState\n  | HasLinkFilterState\n  | LinkedPropertyFilterState\n  | KeywordSearchFilterState\n  | CustomFilterState;\n\n/**\n * Maps component types to their corresponding state types\n */\nexport interface FilterStateByComponentType {\n  LISTOGRAM: ExactMatchFilterState<string | boolean>;\n  DATE_RANGE: DateRangeFilterState;\n  TEXT_TAGS: ExactMatchFilterState<string>;\n  CONTAINS_TEXT: ContainsTextFilterState;\n  NUMBER_RANGE: NumberRangeFilterState;\n  SINGLE_SELECT: SelectFilterState<string | boolean | number>;\n  MULTI_SELECT: SelectFilterState<string | boolean | number>;\n  SINGLE_DATE: SelectFilterState<Date>;\n  MULTI_DATE: SelectFilterState<Date>;\n  TIMELINE: TimelineFilterState;\n  CHECKBOX_LIST: SelectFilterState<string>;\n  TOGGLE: ToggleFilterState;\n}\n\n/**\n * All filter state discriminator types\n */\nexport type FilterStateType =\n  | \"EXACT_MATCH\"\n  | \"DATE_RANGE\"\n  | \"NUMBER_RANGE\"\n  | \"CONTAINS_TEXT\"\n  | \"SELECT\"\n  | \"TIMELINE\"\n  | \"TOGGLE\"\n  | \"hasLink\"\n  | \"linkedProperty\"\n  | \"keywordSearch\"\n  | \"custom\";\n\n/**\n * Base interface for all filter states\n * Contains common properties shared across all filter types\n */\nexport interface BaseFilterState {\n  /**\n   * The type of filter component\n   */\n  type: FilterStateType;\n\n  /**\n   * If true, the objects satisfying the filter are excluded\n   * @default false\n   */\n  isExcluding?: boolean;\n\n  /**\n   * If true, include objects that have no value\n   * @default false\n   */\n  includeNull?: boolean;\n}\n\nexport interface ExactMatchFilterState<T = string | boolean>\n  extends BaseFilterState\n{\n  type: \"EXACT_MATCH\";\n  values: T[];\n}\n\nexport interface DateRangeFilterState extends BaseFilterState {\n  type: \"DATE_RANGE\";\n  /**\n   * The earliest date the user can select\n   */\n  minValue?: Date;\n  /**\n   * The latest date the user can select\n   */\n  maxValue?: Date;\n}\n\nexport interface ContainsTextFilterState extends BaseFilterState {\n  type: \"CONTAINS_TEXT\";\n  value?: string;\n}\n\nexport interface NumberRangeFilterState extends BaseFilterState {\n  type: \"NUMBER_RANGE\";\n  /**\n   * Minimum numeric value (inclusive)\n   */\n  minValue?: number;\n  /**\n   * Maximum numeric value (inclusive)\n   */\n  maxValue?: number;\n}\n\n/**\n * Consolidated state type for select-based filters.\n * Used by SINGLE_SELECT, MULTI_SELECT, SINGLE_DATE, MULTI_DATE, and CHECKBOX_LIST.\n */\nexport interface SelectFilterState<T = string | boolean | number | Date>\n  extends BaseFilterState\n{\n  type: \"SELECT\";\n  selectedValues: T[];\n}\n\nexport interface TimelineFilterState extends BaseFilterState {\n  type: \"TIMELINE\";\n  startDate?: Date;\n  endDate?: Date;\n  granularity?: \"day\" | \"week\" | \"month\" | \"quarter\" | \"year\";\n}\n\nexport interface ToggleFilterState extends BaseFilterState {\n  type: \"TOGGLE\";\n  enabled: boolean;\n}\n\n/**\n * A property filter definition specifies configuration for filtering on a single property\n *\n * The component type C must be compatible with the property type derived from the key.\n * For example, boolean properties can only use LISTOGRAM, CHECKBOX_LIST, or SINGLE_SELECT,\n * while string properties can use LISTOGRAM, TEXT_TAGS, CONTAINS_TEXT, SINGLE_SELECT, MULTI_SELECT, or CHECKBOX_LIST.\n */\nexport interface PropertyFilterDefinition<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q> = PropertyKeys<Q>,\n  C extends ValidComponentsForPropertyType<\n    PropertyTypeFromKey<Q, K>\n  > = ValidComponentsForPropertyType<PropertyTypeFromKey<Q, K>>,\n> {\n  /**\n   * Discriminator for filter definition type\n   */\n  type: \"PROPERTY\";\n\n  /**\n   * Optional unique identifier for stable keying across filter reorders.\n   */\n  id?: string;\n\n  /**\n   * The property key to filter on\n   */\n  key: K;\n\n  /**\n   * Display label for the filter\n   */\n  label?: string;\n\n  /**\n   * The filter component type to render\n   * Must be compatible with the property type derived from the key, see ValidComponentsForPropertyType\n   */\n  filterComponent: C;\n\n  /**\n   * The current state of the filter.\n   * If provided, the filter is controlled.\n   */\n  filterState: FilterStateByComponentType[C];\n\n  /**\n   * Maps filter values to colors for visual differentiation.\n   * Used by CHECKBOX_LIST (color dots) and LISTOGRAM (per-row bar colors).\n   */\n  colorMap?: Record<string, string>;\n\n  /**\n   * Configuration for LISTOGRAM display mode.\n   * Only applies when filterComponent is \"LISTOGRAM\".\n   */\n  listogramConfig?: {\n    displayMode?: \"full\" | \"count\" | \"minimal\";\n    maxVisibleItems?: number;\n  };\n\n  /**\n   * Controls whether this filter is rendered.\n   * When false, the filter is hidden but its state is preserved.\n   * @default true\n   */\n  isVisible?: boolean;\n}\n\n/**\n * Props for a single filter list item component.\n * Extends PropertyFilterDefinition with runtime props for rendering.\n */\nexport interface FilterListItemProps<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q> = PropertyKeys<Q>,\n  C extends ValidComponentsForPropertyType<\n    PropertyTypeFromKey<Q, K>\n  > = ValidComponentsForPropertyType<PropertyTypeFromKey<Q, K>>,\n> extends PropertyFilterDefinition<Q, K, C> {\n  objectSet: ObjectSet<Q>;\n\n  /**\n   * Called when the state of the filter changes.\n   * Required in controlled mode.\n   */\n  onFilterStateChanged: (state: FilterStateByComponentType[C]) => void;\n\n  onFilterRemoved?: (key: PropertyKeys<Q>) => void;\n}\n"],"mappings":"","ignoreList":[]}

package/build/esm/filter-list/base/AddFilterPopover.js

@@ -0,0 +1,45 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Menu } from "@base-ui/react/menu";
+import React, { memo, useCallback } from "react";
+import styles from "./AddFilterPopover.module.css";
+function AddFilterPopoverInner({
+  hiddenDefinitions,
+  onShowFilter
+}) {
+  const handleItemClick = useCallback(event => {
+    const key = event.currentTarget.dataset.key;
+    if (key != null) {
+      onShowFilter(key);
+    }
+  }, [onShowFilter]);
+  return /*#__PURE__*/React.createElement(Menu.Root, null, /*#__PURE__*/React.createElement(Menu.Trigger, {
+    className: styles.trigger
+  }, "+ Add filter"), /*#__PURE__*/React.createElement(Menu.Portal, null, /*#__PURE__*/React.createElement(Menu.Positioner, {
+    className: styles.positioner,
+    sideOffset: 4
+  }, /*#__PURE__*/React.createElement(Menu.Popup, {
+    className: styles.popup
+  }, hiddenDefinitions.map(item => /*#__PURE__*/React.createElement(Menu.Item, {
+    key: item.key,
+    className: styles.menuItem,
+    "data-key": item.key,
+    onClick: handleItemClick
+  }, item.label))))));
+}
+export const AddFilterPopover = /*#__PURE__*/memo(AddFilterPopoverInner);
+//# sourceMappingURL=AddFilterPopover.js.map

package/build/esm/filter-list/base/AddFilterPopover.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AddFilterPopover.js","names":["Menu","React","memo","useCallback","styles","AddFilterPopoverInner","hiddenDefinitions","onShowFilter","handleItemClick","event","key","currentTarget","dataset","createElement","Root","Trigger","className","trigger","Portal","Positioner","positioner","sideOffset","Popup","popup","map","item","Item","menuItem","onClick","label","AddFilterPopover"],"sources":["AddFilterPopover.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Menu } from \"@base-ui/react/menu\";\nimport React, { memo, useCallback } from \"react\";\nimport styles from \"./AddFilterPopover.module.css\";\n\ninterface HiddenFilterItem {\n  key: string;\n  label: string;\n}\n\ninterface AddFilterPopoverProps {\n  hiddenDefinitions: Array<HiddenFilterItem>;\n  onShowFilter: (key: string) => void;\n}\n\nfunction AddFilterPopoverInner({\n  hiddenDefinitions,\n  onShowFilter,\n}: AddFilterPopoverProps): React.ReactElement {\n  const handleItemClick = useCallback(\n    (event: React.MouseEvent<HTMLDivElement>) => {\n      const key = event.currentTarget.dataset.key;\n      if (key != null) {\n        onShowFilter(key);\n      }\n    },\n    [onShowFilter],\n  );\n\n  return (\n    <Menu.Root>\n      <Menu.Trigger className={styles.trigger}>\n        + Add filter\n      </Menu.Trigger>\n      <Menu.Portal>\n        <Menu.Positioner className={styles.positioner} sideOffset={4}>\n          <Menu.Popup className={styles.popup}>\n            {hiddenDefinitions.map((item) => (\n              <Menu.Item\n                key={item.key}\n                className={styles.menuItem}\n                data-key={item.key}\n                onClick={handleItemClick}\n              >\n                {item.label}\n              </Menu.Item>\n            ))}\n          </Menu.Popup>\n        </Menu.Positioner>\n      </Menu.Portal>\n    </Menu.Root>\n  );\n}\n\nexport const AddFilterPopover: React.MemoExoticComponent<\n  typeof AddFilterPopoverInner\n> = memo(AddFilterPopoverInner);\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,IAAI,QAAQ,qBAAqB;AAC1C,OAAOC,KAAK,IAAIC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAChD,OAAOC,MAAM,MAAM,+BAA+B;AAYlD,SAASC,qBAAqBA,CAAC;EAC7BC,iBAAiB;EACjBC;AACqB,CAAC,EAAsB;EAC5C,MAAMC,eAAe,GAAGL,WAAW,CAChCM,KAAuC,IAAK;IAC3C,MAAMC,GAAG,GAAGD,KAAK,CAACE,aAAa,CAACC,OAAO,CAACF,GAAG;IAC3C,IAAIA,GAAG,IAAI,IAAI,EAAE;MACfH,YAAY,CAACG,GAAG,CAAC;IACnB;EACF,CAAC,EACD,CAACH,YAAY,CACf,CAAC;EAED,oBACEN,KAAA,CAAAY,aAAA,CAACb,IAAI,CAACc,IAAI,qBACRb,KAAA,CAAAY,aAAA,CAACb,IAAI,CAACe,OAAO;IAACC,SAAS,EAAEZ,MAAM,CAACa;EAAQ,GAAC,cAE3B,CAAC,eACfhB,KAAA,CAAAY,aAAA,CAACb,IAAI,CAACkB,MAAM,qBACVjB,KAAA,CAAAY,aAAA,CAACb,IAAI,CAACmB,UAAU;IAACH,SAAS,EAAEZ,MAAM,CAACgB,UAAW;IAACC,UAAU,EAAE;EAAE,gBAC3DpB,KAAA,CAAAY,aAAA,CAACb,IAAI,CAACsB,KAAK;IAACN,SAAS,EAAEZ,MAAM,CAACmB;EAAM,GACjCjB,iBAAiB,CAACkB,GAAG,CAAEC,IAAI,iBAC1BxB,KAAA,CAAAY,aAAA,CAACb,IAAI,CAAC0B,IAAI;IACRhB,GAAG,EAAEe,IAAI,CAACf,GAAI;IACdM,SAAS,EAAEZ,MAAM,CAACuB,QAAS;IAC3B,YAAUF,IAAI,CAACf,GAAI;IACnBkB,OAAO,EAAEpB;EAAgB,GAExBiB,IAAI,CAACI,KACG,CACZ,CACS,CACG,CACN,CACJ,CAAC;AAEhB;AAEA,OAAO,MAAMC,gBAEZ,gBAAG5B,IAAI,CAACG,qBAAqB,CAAC","ignoreList":[]}

package/build/esm/filter-list/base/AddFilterPopover.module.css

@@ -0,0 +1,83 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.trigger {
+  font-family: var(--osdk-filter-header-font-family);
+  font-size: var(--osdk-filter-header-reset-font-size);
+  color: var(--osdk-filter-header-reset-color);
+  background: var(--osdk-filter-header-button-bg);
+  border: none;
+  cursor: pointer;
+  padding: var(--osdk-filter-header-reset-padding);
+  border-radius: var(--osdk-filter-header-button-border-radius);
+  transition: background-color var(--osdk-filter-header-button-transition);
+  width: 100%;
+
+  &:hover {
+    background: var(--osdk-filter-header-button-bg-hover);
+  }
+
+  &:active {
+    background: var(--osdk-filter-header-button-bg-active);
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline-offset: var(--osdk-filter-input-focus-outline-offset);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+}
+
+.positioner {
+  z-index: var(--osdk-surface-z-index-3);
+}
+
+.popup {
+  background: var(--osdk-filter-item-menu-bg);
+  border: var(--osdk-filter-item-menu-border);
+  border-radius: var(--osdk-filter-item-menu-border-radius);
+  box-shadow: var(--osdk-filter-item-menu-shadow);
+  padding: var(--osdk-filter-item-menu-padding);
+}
+
+.menuItem {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
+  padding: var(--osdk-filter-item-menu-item-padding);
+  font-family: var(--osdk-filter-item-menu-item-font-family);
+  font-size: var(--osdk-filter-item-menu-item-font-size);
+  color: var(--osdk-filter-item-menu-item-color);
+  border-radius: var(--osdk-filter-item-menu-item-border-radius);
+  cursor: pointer;
+  border: none;
+  background: transparent;
+  width: 100%;
+  text-align: left;
+
+  &:hover,
+  &[data-highlighted] {
+    background: var(--osdk-filter-item-menu-item-bg-hover);
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline-offset: var(--osdk-filter-input-focus-outline-offset);
+  }
+}

package/build/esm/filter-list/base/BaseFilterList.js

@@ -0,0 +1,90 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Button } from "@base-ui/react/button";
+import classnames from "classnames";
+import React, { useCallback } from "react";
+import { ExpandIcon } from "./FilterIcons.js";
+import styles from "./FilterList.module.css";
+import { FilterListContent } from "./FilterListContent.js";
+import { FilterListHeader } from "./FilterListHeader.js";
+export function BaseFilterList(props) {
+  const {
+    title,
+    titleIcon,
+    collapsed = false,
+    onCollapsedChange,
+    filterDefinitions,
+    filterStates,
+    onFilterStateChanged,
+    renderInput,
+    getFilterKey,
+    getFilterLabel,
+    activeFilterCount,
+    onReset,
+    onFilterAdded,
+    onFilterRemoved,
+    showResetButton = false,
+    showActiveFilterCount = false,
+    enableSorting,
+    className,
+    renderAddFilterButton
+  } = props;
+  const handleExpand = useCallback(() => {
+    onCollapsedChange?.(false);
+  }, [onCollapsedChange]);
+  const isCollapsed = collapsed && onCollapsedChange != null;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.filterList, className)
+  }, isCollapsed && /*#__PURE__*/React.createElement("div", {
+    className: styles.filterListCollapsed,
+    "data-collapsed": "true"
+  }, /*#__PURE__*/React.createElement(Button, {
+    className: styles.expandButton,
+    onClick: handleExpand,
+    "aria-label": "Expand filters"
+  }, /*#__PURE__*/React.createElement(ExpandIcon, null)), /*#__PURE__*/React.createElement("span", {
+    className: styles.collapsedLabel
+  }, title ?? "Filters")), /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.expandedContent, isCollapsed && styles.hiddenContent),
+    "data-active-count": activeFilterCount
+  }, (title || titleIcon || showResetButton || showActiveFilterCount || onCollapsedChange) && /*#__PURE__*/React.createElement(FilterListHeader, {
+    title: title,
+    titleIcon: titleIcon,
+    collapsed: collapsed,
+    onCollapsedChange: onCollapsedChange,
+    showResetButton: showResetButton,
+    onReset: onReset,
+    showActiveFilterCount: showActiveFilterCount,
+    activeFilterCount: activeFilterCount
+  }), /*#__PURE__*/React.createElement(FilterListContent, {
+    filterDefinitions: filterDefinitions,
+    filterStates: filterStates,
+    onFilterStateChanged: onFilterStateChanged,
+    onFilterRemoved: onFilterRemoved,
+    renderInput: renderInput,
+    getFilterKey: getFilterKey,
+    getFilterLabel: getFilterLabel,
+    enableSorting: enableSorting
+  }), (renderAddFilterButton != null || onFilterAdded != null) && /*#__PURE__*/React.createElement("div", {
+    className: styles.addButtonContainer
+  }, renderAddFilterButton ? renderAddFilterButton() : /*#__PURE__*/React.createElement(Button, {
+    type: "button",
+    className: styles.addButton,
+    onClick: onFilterAdded
+  }, "+ Add filter"))));
+}
+//# sourceMappingURL=BaseFilterList.js.map

package/build/esm/filter-list/base/BaseFilterList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseFilterList.js","names":["Button","classnames","React","useCallback","ExpandIcon","styles","FilterListContent","FilterListHeader","BaseFilterList","props","title","titleIcon","collapsed","onCollapsedChange","filterDefinitions","filterStates","onFilterStateChanged","renderInput","getFilterKey","getFilterLabel","activeFilterCount","onReset","onFilterAdded","onFilterRemoved","showResetButton","showActiveFilterCount","enableSorting","className","renderAddFilterButton","handleExpand","isCollapsed","createElement","filterList","filterListCollapsed","expandButton","onClick","collapsedLabel","expandedContent","hiddenContent","addButtonContainer","type","addButton"],"sources":["BaseFilterList.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Button } from \"@base-ui/react/button\";\nimport classnames from \"classnames\";\nimport React, { useCallback } from \"react\";\nimport type { BaseFilterListProps } from \"./BaseFilterListApi.js\";\nimport { ExpandIcon } from \"./FilterIcons.js\";\nimport styles from \"./FilterList.module.css\";\nimport { FilterListContent } from \"./FilterListContent.js\";\nimport { FilterListHeader } from \"./FilterListHeader.js\";\n\nexport function BaseFilterList<D>(\n  props: BaseFilterListProps<D>,\n): React.ReactElement {\n  const {\n    title,\n    titleIcon,\n    collapsed = false,\n    onCollapsedChange,\n    filterDefinitions,\n    filterStates,\n    onFilterStateChanged,\n    renderInput,\n    getFilterKey,\n    getFilterLabel,\n    activeFilterCount,\n    onReset,\n    onFilterAdded,\n    onFilterRemoved,\n    showResetButton = false,\n    showActiveFilterCount = false,\n    enableSorting,\n    className,\n    renderAddFilterButton,\n  } = props;\n\n  const showHeader = title || titleIcon || showResetButton\n    || showActiveFilterCount || onCollapsedChange;\n\n  const showAddButton = renderAddFilterButton != null || onFilterAdded != null;\n\n  const handleExpand = useCallback(() => {\n    onCollapsedChange?.(false);\n  }, [onCollapsedChange]);\n\n  const isCollapsed = collapsed && onCollapsedChange != null;\n\n  return (\n    <div className={classnames(styles.filterList, className)}>\n      {isCollapsed && (\n        <div\n          className={styles.filterListCollapsed}\n          data-collapsed=\"true\"\n        >\n          <Button\n            className={styles.expandButton}\n            onClick={handleExpand}\n            aria-label=\"Expand filters\"\n          >\n            <ExpandIcon />\n          </Button>\n          <span className={styles.collapsedLabel}>{title ?? \"Filters\"}</span>\n        </div>\n      )}\n      <div\n        className={classnames(\n          styles.expandedContent,\n          isCollapsed && styles.hiddenContent,\n        )}\n        data-active-count={activeFilterCount}\n      >\n        {showHeader && (\n          <FilterListHeader\n            title={title}\n            titleIcon={titleIcon}\n            collapsed={collapsed}\n            onCollapsedChange={onCollapsedChange}\n            showResetButton={showResetButton}\n            onReset={onReset}\n            showActiveFilterCount={showActiveFilterCount}\n            activeFilterCount={activeFilterCount}\n          />\n        )}\n\n        <FilterListContent\n          filterDefinitions={filterDefinitions}\n          filterStates={filterStates}\n          onFilterStateChanged={onFilterStateChanged}\n          onFilterRemoved={onFilterRemoved}\n          renderInput={renderInput}\n          getFilterKey={getFilterKey}\n          getFilterLabel={getFilterLabel}\n          enableSorting={enableSorting}\n        />\n\n        {showAddButton && (\n          <div className={styles.addButtonContainer}>\n            {renderAddFilterButton\n              ? renderAddFilterButton()\n              : (\n                <Button\n                  type=\"button\"\n                  className={styles.addButton}\n                  onClick={onFilterAdded}\n                >\n                  + Add filter\n                </Button>\n              )}\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,WAAW,QAAQ,OAAO;AAE1C,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,OAAOC,MAAM,MAAM,yBAAyB;AAC5C,SAASC,iBAAiB,QAAQ,wBAAwB;AAC1D,SAASC,gBAAgB,QAAQ,uBAAuB;AAExD,OAAO,SAASC,cAAcA,CAC5BC,KAA6B,EACT;EACpB,MAAM;IACJC,KAAK;IACLC,SAAS;IACTC,SAAS,GAAG,KAAK;IACjBC,iBAAiB;IACjBC,iBAAiB;IACjBC,YAAY;IACZC,oBAAoB;IACpBC,WAAW;IACXC,YAAY;IACZC,cAAc;IACdC,iBAAiB;IACjBC,OAAO;IACPC,aAAa;IACbC,eAAe;IACfC,eAAe,GAAG,KAAK;IACvBC,qBAAqB,GAAG,KAAK;IAC7BC,aAAa;IACbC,SAAS;IACTC;EACF,CAAC,GAAGnB,KAAK;EAOT,MAAMoB,YAAY,GAAG1B,WAAW,CAAC,MAAM;IACrCU,iBAAiB,GAAG,KAAK,CAAC;EAC5B,CAAC,EAAE,CAACA,iBAAiB,CAAC,CAAC;EAEvB,MAAMiB,WAAW,GAAGlB,SAAS,IAAIC,iBAAiB,IAAI,IAAI;EAE1D,oBACEX,KAAA,CAAA6B,aAAA;IAAKJ,SAAS,EAAE1B,UAAU,CAACI,MAAM,CAAC2B,UAAU,EAAEL,SAAS;EAAE,GACtDG,WAAW,iBACV5B,KAAA,CAAA6B,aAAA;IACEJ,SAAS,EAAEtB,MAAM,CAAC4B,mBAAoB;IACtC,kBAAe;EAAM,gBAErB/B,KAAA,CAAA6B,aAAA,CAAC/B,MAAM;IACL2B,SAAS,EAAEtB,MAAM,CAAC6B,YAAa;IAC/BC,OAAO,EAAEN,YAAa;IACtB,cAAW;EAAgB,gBAE3B3B,KAAA,CAAA6B,aAAA,CAAC3B,UAAU,MAAE,CACP,CAAC,eACTF,KAAA,CAAA6B,aAAA;IAAMJ,SAAS,EAAEtB,MAAM,CAAC+B;EAAe,GAAE1B,KAAK,IAAI,SAAgB,CAC/D,CACN,eACDR,KAAA,CAAA6B,aAAA;IACEJ,SAAS,EAAE1B,UAAU,CACnBI,MAAM,CAACgC,eAAe,EACtBP,WAAW,IAAIzB,MAAM,CAACiC,aACxB,CAAE;IACF,qBAAmBlB;EAAkB,GAEpC,CAnCYV,KAAK,IAAIC,SAAS,IAAIa,eAAe,IACnDC,qBAAqB,IAAIZ,iBAAiB,kBAmCvCX,KAAA,CAAA6B,aAAA,CAACxB,gBAAgB;IACfG,KAAK,EAAEA,KAAM;IACbC,SAAS,EAAEA,SAAU;IACrBC,SAAS,EAAEA,SAAU;IACrBC,iBAAiB,EAAEA,iBAAkB;IACrCW,eAAe,EAAEA,eAAgB;IACjCH,OAAO,EAAEA,OAAQ;IACjBI,qBAAqB,EAAEA,qBAAsB;IAC7CL,iBAAiB,EAAEA;EAAkB,CACtC,CACF,eAEDlB,KAAA,CAAA6B,aAAA,CAACzB,iBAAiB;IAChBQ,iBAAiB,EAAEA,iBAAkB;IACrCC,YAAY,EAAEA,YAAa;IAC3BC,oBAAoB,EAAEA,oBAAqB;IAC3CO,eAAe,EAAEA,eAAgB;IACjCN,WAAW,EAAEA,WAAY;IACzBC,YAAY,EAAEA,YAAa;IAC3BC,cAAc,EAAEA,cAAe;IAC/BO,aAAa,EAAEA;EAAc,CAC9B,CAAC,EAED,CAxDeE,qBAAqB,IAAI,IAAI,IAAIN,aAAa,IAAI,IAAI,kBAyDpEpB,KAAA,CAAA6B,aAAA;IAAKJ,SAAS,EAAEtB,MAAM,CAACkC;EAAmB,GACvCX,qBAAqB,GAClBA,qBAAqB,CAAC,CAAC,gBAEvB1B,KAAA,CAAA6B,aAAA,CAAC/B,MAAM;IACLwC,IAAI,EAAC,QAAQ;IACbb,SAAS,EAAEtB,MAAM,CAACoC,SAAU;IAC5BN,OAAO,EAAEb;EAAc,GACxB,cAEO,CAET,CAEJ,CACF,CAAC;AAEV","ignoreList":[]}

package/build/esm/filter-list/base/BaseFilterListApi.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=BaseFilterListApi.js.map

package/build/esm/filter-list/base/BaseFilterListApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseFilterListApi.js","names":[],"sources":["BaseFilterListApi.ts"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport type React from \"react\";\nimport type { FilterState } from \"../FilterListItemApi.js\";\n\nexport type RenderFilterInput<D> = (props: {\n  definition: D;\n  filterKey: string;\n  filterState: FilterState | undefined;\n  onFilterStateChanged: (state: FilterState) => void;\n}) => React.ReactNode;\n\nexport interface BaseFilterListProps<D> {\n  filterDefinitions?: Array<D>;\n  filterStates: Map<string, FilterState>;\n  onFilterStateChanged: (filterKey: string, state: FilterState) => void;\n  renderInput: RenderFilterInput<D>;\n  getFilterKey: (definition: D) => string;\n  getFilterLabel: (definition: D) => string;\n  activeFilterCount: number;\n  onReset?: () => void;\n  onFilterAdded?: () => void;\n  onFilterRemoved?: (filterKey: string) => void;\n\n  collapsed?: boolean;\n  onCollapsedChange?: (collapsed: boolean) => void;\n  title?: string;\n  titleIcon?: React.ReactNode;\n  showResetButton?: boolean;\n  showActiveFilterCount?: boolean;\n  enableSorting?: boolean;\n  className?: string;\n  renderAddFilterButton?: () => React.ReactNode;\n}\n"],"mappings":"","ignoreList":[]}

package/build/esm/filter-list/base/DragHandleIcon.js

@@ -0,0 +1,51 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import React from "react";
+export function DragHandleIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: "5.5",
+    cy: "3.5",
+    r: "1.5"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "10.5",
+    cy: "3.5",
+    r: "1.5"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "5.5",
+    cy: "8",
+    r: "1.5"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "10.5",
+    cy: "8",
+    r: "1.5"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "5.5",
+    cy: "12.5",
+    r: "1.5"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: "10.5",
+    cy: "12.5",
+    r: "1.5"
+  }));
+}
+//# sourceMappingURL=DragHandleIcon.js.map

package/build/esm/filter-list/base/DragHandleIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DragHandleIcon.js","names":["React","DragHandleIcon","createElement","width","height","viewBox","fill","cx","cy","r"],"sources":["DragHandleIcon.tsx"],"sourcesContent":["/*\n * Copyright 2025 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport React from \"react\";\n\nexport function DragHandleIcon(): React.ReactElement {\n  return (\n    <svg\n      width=\"16\"\n      height=\"16\"\n      viewBox=\"0 0 16 16\"\n      fill=\"currentColor\"\n      aria-hidden=\"true\"\n    >\n      <circle cx=\"5.5\" cy=\"3.5\" r=\"1.5\" />\n      <circle cx=\"10.5\" cy=\"3.5\" r=\"1.5\" />\n      <circle cx=\"5.5\" cy=\"8\" r=\"1.5\" />\n      <circle cx=\"10.5\" cy=\"8\" r=\"1.5\" />\n      <circle cx=\"5.5\" cy=\"12.5\" r=\"1.5\" />\n      <circle cx=\"10.5\" cy=\"12.5\" r=\"1.5\" />\n    </svg>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAO,SAASC,cAAcA,CAAA,EAAuB;EACnD,oBACED,KAAA,CAAAE,aAAA;IACEC,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,cAAc;IACnB,eAAY;EAAM,gBAElBN,KAAA,CAAAE,aAAA;IAAQK,EAAE,EAAC,KAAK;IAACC,EAAE,EAAC,KAAK;IAACC,CAAC,EAAC;EAAK,CAAE,CAAC,eACpCT,KAAA,CAAAE,aAAA;IAAQK,EAAE,EAAC,MAAM;IAACC,EAAE,EAAC,KAAK;IAACC,CAAC,EAAC;EAAK,CAAE,CAAC,eACrCT,KAAA,CAAAE,aAAA;IAAQK,EAAE,EAAC,KAAK;IAACC,EAAE,EAAC,GAAG;IAACC,CAAC,EAAC;EAAK,CAAE,CAAC,eAClCT,KAAA,CAAAE,aAAA;IAAQK,EAAE,EAAC,MAAM;IAACC,EAAE,EAAC,GAAG;IAACC,CAAC,EAAC;EAAK,CAAE,CAAC,eACnCT,KAAA,CAAAE,aAAA;IAAQK,EAAE,EAAC,KAAK;IAACC,EAAE,EAAC,MAAM;IAACC,CAAC,EAAC;EAAK,CAAE,CAAC,eACrCT,KAAA,CAAAE,aAAA;IAAQK,EAAE,EAAC,MAAM;IAACC,EAAE,EAAC,MAAM;IAACC,CAAC,EAAC;EAAK,CAAE,CAClC,CAAC;AAEV","ignoreList":[]}

package/build/esm/filter-list/base/FilterIcons.js

@@ -0,0 +1,98 @@
+/*
+ * Copyright 2026 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { ChevronDown, Cross, DoubleChevronLeft, DoubleChevronRight, More, Search, Tick, Undo } from "@blueprintjs/icons";
+import React from "react";
+export function IncludeIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M2 3h12M5 8h6M7 13h2",
+    strokeLinecap: "round"
+  }));
+}
+export function ExcludeIcon() {
+  return /*#__PURE__*/React.createElement("svg", {
+    width: "14",
+    height: "14",
+    viewBox: "0 0 16 16",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "1.5",
+    "aria-hidden": "true"
+  }, /*#__PURE__*/React.createElement("path", {
+    d: "M2 3h12M5 8h6M7 13h2",
+    strokeLinecap: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M3 14L13 2",
+    strokeLinecap: "round"
+  }));
+}
+export function RemoveIcon() {
+  return /*#__PURE__*/React.createElement(Cross, {
+    color: "currentColor",
+    size: 14
+  });
+}
+export function SearchIcon() {
+  return /*#__PURE__*/React.createElement(Search, {
+    color: "currentColor",
+    size: 14
+  });
+}
+export function OverflowMenuIcon() {
+  return /*#__PURE__*/React.createElement(More, {
+    color: "currentColor",
+    size: 14
+  });
+}
+export function ChevronDownIcon() {
+  return /*#__PURE__*/React.createElement(ChevronDown, {
+    color: "currentColor",
+    size: 10
+  });
+}
+export function CollapseIcon() {
+  return /*#__PURE__*/React.createElement(DoubleChevronLeft, {
+    color: "currentColor",
+    size: 14
+  });
+}
+export function ExpandIcon() {
+  return /*#__PURE__*/React.createElement(DoubleChevronRight, {
+    color: "currentColor",
+    size: 14
+  });
+}
+export function ResetIcon() {
+  return /*#__PURE__*/React.createElement(Undo, {
+    color: "currentColor",
+    size: 14
+  });
+}
+export function CheckIcon() {
+  return /*#__PURE__*/React.createElement(Tick, {
+    color: "currentColor",
+    size: 12
+  });
+}
+//# sourceMappingURL=FilterIcons.js.map

package/build/esm/filter-list/base/FilterIcons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterIcons.js","names":["ChevronDown","Cross","DoubleChevronLeft","DoubleChevronRight","More","Search","Tick","Undo","React","IncludeIcon","createElement","width","height","viewBox","fill","stroke","strokeWidth","d","strokeLinecap","ExcludeIcon","RemoveIcon","color","size","SearchIcon","OverflowMenuIcon","ChevronDownIcon","CollapseIcon","ExpandIcon","ResetIcon","CheckIcon"],"sources":["FilterIcons.tsx"],"sourcesContent":["/*\n * Copyright 2026 Palantir Technologies, Inc. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n *     http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport {\n  ChevronDown,\n  Cross,\n  DoubleChevronLeft,\n  DoubleChevronRight,\n  More,\n  Search,\n  Tick,\n  Undo,\n} from \"@blueprintjs/icons\";\nimport React from \"react\";\n\nexport function IncludeIcon(): React.ReactElement {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M2 3h12M5 8h6M7 13h2\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\nexport function ExcludeIcon(): React.ReactElement {\n  return (\n    <svg\n      width=\"14\"\n      height=\"14\"\n      viewBox=\"0 0 16 16\"\n      fill=\"none\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.5\"\n      aria-hidden=\"true\"\n    >\n      <path d=\"M2 3h12M5 8h6M7 13h2\" strokeLinecap=\"round\" />\n      <path d=\"M3 14L13 2\" strokeLinecap=\"round\" />\n    </svg>\n  );\n}\n\nexport function RemoveIcon(): React.ReactElement {\n  return <Cross color=\"currentColor\" size={14} />;\n}\n\nexport function SearchIcon(): React.ReactElement {\n  return <Search color=\"currentColor\" size={14} />;\n}\n\nexport function OverflowMenuIcon(): React.ReactElement {\n  return <More color=\"currentColor\" size={14} />;\n}\n\nexport function ChevronDownIcon(): React.ReactElement {\n  return <ChevronDown color=\"currentColor\" size={10} />;\n}\n\nexport function CollapseIcon(): React.ReactElement {\n  return <DoubleChevronLeft color=\"currentColor\" size={14} />;\n}\n\nexport function ExpandIcon(): React.ReactElement {\n  return <DoubleChevronRight color=\"currentColor\" size={14} />;\n}\n\nexport function ResetIcon(): React.ReactElement {\n  return <Undo color=\"currentColor\" size={14} />;\n}\n\nexport function CheckIcon(): React.ReactElement {\n  return <Tick color=\"currentColor\" size={12} />;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SACEA,WAAW,EACXC,KAAK,EACLC,iBAAiB,EACjBC,kBAAkB,EAClBC,IAAI,EACJC,MAAM,EACNC,IAAI,EACJC,IAAI,QACC,oBAAoB;AAC3B,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAO,SAASC,WAAWA,CAAA,EAAuB;EAChD,oBACED,KAAA,CAAAE,aAAA;IACEC,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,MAAM,EAAC,cAAc;IACrBC,WAAW,EAAC,KAAK;IACjB,eAAY;EAAM,gBAElBR,KAAA,CAAAE,aAAA;IAAMO,CAAC,EAAC,sBAAsB;IAACC,aAAa,EAAC;EAAO,CAAE,CACnD,CAAC;AAEV;AAEA,OAAO,SAASC,WAAWA,CAAA,EAAuB;EAChD,oBACEX,KAAA,CAAAE,aAAA;IACEC,KAAK,EAAC,IAAI;IACVC,MAAM,EAAC,IAAI;IACXC,OAAO,EAAC,WAAW;IACnBC,IAAI,EAAC,MAAM;IACXC,MAAM,EAAC,cAAc;IACrBC,WAAW,EAAC,KAAK;IACjB,eAAY;EAAM,gBAElBR,KAAA,CAAAE,aAAA;IAAMO,CAAC,EAAC,sBAAsB;IAACC,aAAa,EAAC;EAAO,CAAE,CAAC,eACvDV,KAAA,CAAAE,aAAA;IAAMO,CAAC,EAAC,YAAY;IAACC,aAAa,EAAC;EAAO,CAAE,CACzC,CAAC;AAEV;AAEA,OAAO,SAASE,UAAUA,CAAA,EAAuB;EAC/C,oBAAOZ,KAAA,CAAAE,aAAA,CAACT,KAAK;IAACoB,KAAK,EAAC,cAAc;IAACC,IAAI,EAAE;EAAG,CAAE,CAAC;AACjD;AAEA,OAAO,SAASC,UAAUA,CAAA,EAAuB;EAC/C,oBAAOf,KAAA,CAAAE,aAAA,CAACL,MAAM;IAACgB,KAAK,EAAC,cAAc;IAACC,IAAI,EAAE;EAAG,CAAE,CAAC;AAClD;AAEA,OAAO,SAASE,gBAAgBA,CAAA,EAAuB;EACrD,oBAAOhB,KAAA,CAAAE,aAAA,CAACN,IAAI;IAACiB,KAAK,EAAC,cAAc;IAACC,IAAI,EAAE;EAAG,CAAE,CAAC;AAChD;AAEA,OAAO,SAASG,eAAeA,CAAA,EAAuB;EACpD,oBAAOjB,KAAA,CAAAE,aAAA,CAACV,WAAW;IAACqB,KAAK,EAAC,cAAc;IAACC,IAAI,EAAE;EAAG,CAAE,CAAC;AACvD;AAEA,OAAO,SAASI,YAAYA,CAAA,EAAuB;EACjD,oBAAOlB,KAAA,CAAAE,aAAA,CAACR,iBAAiB;IAACmB,KAAK,EAAC,cAAc;IAACC,IAAI,EAAE;EAAG,CAAE,CAAC;AAC7D;AAEA,OAAO,SAASK,UAAUA,CAAA,EAAuB;EAC/C,oBAAOnB,KAAA,CAAAE,aAAA,CAACP,kBAAkB;IAACkB,KAAK,EAAC,cAAc;IAACC,IAAI,EAAE;EAAG,CAAE,CAAC;AAC9D;AAEA,OAAO,SAASM,SAASA,CAAA,EAAuB;EAC9C,oBAAOpB,KAAA,CAAAE,aAAA,CAACH,IAAI;IAACc,KAAK,EAAC,cAAc;IAACC,IAAI,EAAE;EAAG,CAAE,CAAC;AAChD;AAEA,OAAO,SAASO,SAASA,CAAA,EAAuB;EAC9C,oBAAOrB,KAAA,CAAAE,aAAA,CAACJ,IAAI;IAACe,KAAK,EAAC,cAAc;IAACC,IAAI,EAAE;EAAG,CAAE,CAAC;AAChD","ignoreList":[]}

package/build/esm/filter-list/base/FilterList.module.css

@@ -0,0 +1,132 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.filterList {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+}
+
+.filterListCollapsed {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  width: var(--osdk-filter-list-collapsed-width);
+  height: 100%;
+  background: var(--osdk-filter-list-bg);
+  border: var(--osdk-filter-list-border);
+  border-radius: var(--osdk-filter-list-border-radius);
+  padding: var(--osdk-surface-spacing) 0;
+  gap: var(--osdk-surface-spacing);
+}
+
+.expandedContent {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  overflow-y: auto;
+  background: var(--osdk-filter-list-bg);
+  border: var(--osdk-filter-list-border);
+  border-radius: var(--osdk-filter-list-border-radius);
+  padding: var(--osdk-filter-list-padding);
+  gap: var(--osdk-filter-list-gap);
+}
+
+.hiddenContent {
+  display: none;
+}
+
+.expandButton {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: var(--osdk-filter-header-button-padding);
+  border: none;
+  background: var(--osdk-filter-header-button-bg);
+  cursor: pointer;
+  border-radius: var(--osdk-filter-header-button-border-radius);
+  color: var(--osdk-filter-header-collapse-icon-color);
+  transition: background-color var(--osdk-filter-header-button-transition);
+
+  &:hover {
+    background: var(--osdk-filter-header-button-bg-hover);
+  }
+
+  &:active {
+    background: var(--osdk-filter-header-button-bg-active);
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline-offset: var(--osdk-filter-input-focus-outline-offset);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+}
+
+.collapsedLabel {
+  writing-mode: vertical-rl;
+  transform: rotate(180deg);
+  font-family: var(--osdk-filter-list-collapsed-label-font-family);
+  font-size: var(--osdk-filter-list-collapsed-label-font-size);
+  color: var(--osdk-filter-list-collapsed-label-color);
+  font-weight: var(--osdk-filter-header-font-weight);
+  user-select: none;
+}
+
+.addButtonContainer {
+  display: flex;
+  justify-content: center;
+  position: sticky;
+  bottom: 0;
+  padding-top: var(--osdk-filter-list-addButton-padding-top);
+  background: var(--osdk-filter-list-addButton-container-bg);
+}
+
+.addButtonContainer > * {
+  flex: 1;
+}
+
+.addButton {
+  font-family: var(--osdk-filter-header-font-family);
+  font-size: var(--osdk-filter-header-reset-font-size);
+  color: var(--osdk-filter-header-reset-color);
+  background: var(--osdk-filter-header-button-bg);
+  border: none;
+  cursor: pointer;
+  padding: var(--osdk-filter-header-reset-padding);
+  border-radius: var(--osdk-filter-header-button-border-radius);
+  transition: background-color var(--osdk-filter-header-button-transition);
+
+  &:hover {
+    background: var(--osdk-filter-header-button-bg-hover);
+  }
+
+  &:active {
+    background: var(--osdk-filter-header-button-bg-active);
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-filter-input-focus-outline-width) solid var(--osdk-filter-input-focus-outline-color);
+    outline-offset: var(--osdk-filter-input-focus-outline-offset);
+  }
+
+  @media (prefers-reduced-motion: reduce) {
+    transition: none;
+  }
+}