@osdk/react-components 0.1.0 → 0.2.0-beta.10

package/build/esm/filter-list/base/inputs/LinkedPropertyInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LinkedPropertyInput.js","names":["classnames","React","memo","useCallback","useMemo","assertUnreachable","coerceToString","coerceToStringArray","CheckboxListInput","ContainsTextInput","DateRangeInput","styles","ListogramInput","MultiDateInput","MultiSelectInput","NumberRangeInput","SingleDateInput","SingleSelectInput","TextTagsInput","TimelineInput","ToggleInput","LinkedPropertyInputInner","objectSet","definition","filterState","onFilterStateChanged","className","style","linkedObjectSet","pivotTo","linkName","linkedObjectType","$objectSetInternals","def","linkedPropertyKey","innerState","type","linkedFilterState","undefined","isExcluding","includeNull","wrappedOnChange","innerFilterState","onSelectChange","selectedValues","onSingleSelectChange","selectedValue","onContainsTextChange","value","onToggleChange","enabled","onNumberRangeChange","minValue","maxValue","onDateRangeChange","onExactMatchChange","values","onDateSelectChange","date","onMultiDateChange","dates","onTimelineChange","start","end","startDate","endDate","selectStringValues","singleSelectValue","exactMatchValues","selectedDates","filter","v","Date","selectedDate","content","linkedFilterComponent","createElement","objectType","propertyKey","onChange","placeholder","String","numberRange","dateRange","tags","showClearButton","showClearAll","timeline","linkedProperty","LinkedPropertyInput"],"sources":["LinkedPropertyInput.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 type {\n  LinkNames,\n  ObjectSet,\n  ObjectTypeDefinition,\n  PropertyKeys,\n} from \"@osdk/api\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo } from \"react\";\nimport type { FilterState } from \"../../FilterListItemApi.js\";\nimport type { LinkedPropertyFilterDefinition } from \"../../types/LinkedFilterTypes.js\";\nimport { assertUnreachable } from \"../../utils/assertUnreachable.js\";\nimport {\n  coerceToString,\n  coerceToStringArray,\n} from \"../../utils/coerceFilterValue.js\";\nimport { CheckboxListInput } from \"./CheckboxListInput.js\";\nimport { ContainsTextInput } from \"./ContainsTextInput.js\";\nimport { DateRangeInput } from \"./DateRangeInput.js\";\nimport styles from \"./LinkedPropertyInput.module.css\";\nimport { ListogramInput } from \"./ListogramInput.js\";\nimport { MultiDateInput } from \"./MultiDateInput.js\";\nimport { MultiSelectInput } from \"./MultiSelectInput.js\";\nimport { NumberRangeInput } from \"./NumberRangeInput.js\";\nimport { SingleDateInput } from \"./SingleDateInput.js\";\nimport { SingleSelectInput } from \"./SingleSelectInput.js\";\nimport { TextTagsInput } from \"./TextTagsInput.js\";\nimport { TimelineInput } from \"./TimelineInput.js\";\nimport { ToggleInput } from \"./ToggleInput.js\";\n\ninterface LinkedPropertyInputProps<\n  Q extends ObjectTypeDefinition,\n  L extends LinkNames<Q>,\n> {\n  objectSet: ObjectSet<Q>;\n  definition: LinkedPropertyFilterDefinition<\n    Q,\n    L,\n    ObjectTypeDefinition,\n    PropertyKeys<ObjectTypeDefinition>\n  >;\n  filterState: FilterState | undefined;\n  onFilterStateChanged: (state: FilterState) => void;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction LinkedPropertyInputInner<\n  Q extends ObjectTypeDefinition,\n  L extends LinkNames<Q>,\n>({\n  objectSet,\n  definition,\n  filterState,\n  onFilterStateChanged,\n  className,\n  style,\n}: LinkedPropertyInputProps<Q, L>): React.ReactElement {\n  const linkedObjectSet = useMemo(\n    () => objectSet.pivotTo(definition.linkName),\n    [objectSet, definition.linkName],\n  );\n\n  const linkedObjectType = linkedObjectSet.$objectSetInternals.def;\n\n  const linkedPropertyKey = definition.linkedPropertyKey as PropertyKeys<\n    typeof linkedObjectType\n  >;\n\n  const innerState = filterState?.type === \"linkedProperty\"\n    ? filterState.linkedFilterState\n    : undefined;\n\n  const isExcluding = innerState?.isExcluding ?? false;\n  const includeNull = innerState?.includeNull;\n\n  const wrappedOnChange = useCallback(\n    (innerFilterState: FilterState) => {\n      onFilterStateChanged({\n        type: \"linkedProperty\",\n        linkedFilterState: innerFilterState,\n      });\n    },\n    [onFilterStateChanged],\n  );\n\n  const onSelectChange = useCallback(\n    (selectedValues: string[]) => {\n      wrappedOnChange({\n        type: \"SELECT\",\n        selectedValues,\n        isExcluding,\n      });\n    },\n    [wrappedOnChange, isExcluding],\n  );\n\n  const onSingleSelectChange = useCallback(\n    (selectedValue: string | undefined) => {\n      wrappedOnChange({\n        type: \"SELECT\",\n        selectedValues: selectedValue !== undefined ? [selectedValue] : [],\n        isExcluding,\n      });\n    },\n    [wrappedOnChange, isExcluding],\n  );\n\n  const onContainsTextChange = useCallback(\n    (value: string | undefined) => {\n      wrappedOnChange({ type: \"CONTAINS_TEXT\", value });\n    },\n    [wrappedOnChange],\n  );\n\n  const onToggleChange = useCallback(\n    (enabled: boolean) => {\n      wrappedOnChange({ type: \"TOGGLE\", enabled });\n    },\n    [wrappedOnChange],\n  );\n\n  const onNumberRangeChange = useCallback(\n    (minValue: number | undefined, maxValue: number | undefined) => {\n      wrappedOnChange({\n        type: \"NUMBER_RANGE\",\n        minValue,\n        maxValue,\n        includeNull,\n      });\n    },\n    [wrappedOnChange, includeNull],\n  );\n\n  const onDateRangeChange = useCallback(\n    (minValue: Date | undefined, maxValue: Date | undefined) => {\n      wrappedOnChange({\n        type: \"DATE_RANGE\",\n        minValue,\n        maxValue,\n        includeNull,\n      });\n    },\n    [wrappedOnChange, includeNull],\n  );\n\n  const onExactMatchChange = useCallback(\n    (values: string[]) => {\n      wrappedOnChange({\n        type: \"EXACT_MATCH\",\n        values,\n        isExcluding,\n      });\n    },\n    [wrappedOnChange, isExcluding],\n  );\n\n  const onDateSelectChange = useCallback(\n    (date: Date | undefined) => {\n      wrappedOnChange({\n        type: \"SELECT\",\n        selectedValues: date !== undefined ? [date] : [],\n        isExcluding,\n      });\n    },\n    [wrappedOnChange, isExcluding],\n  );\n\n  const onMultiDateChange = useCallback(\n    (dates: Date[]) => {\n      wrappedOnChange({\n        type: \"SELECT\",\n        selectedValues: dates,\n      });\n    },\n    [wrappedOnChange],\n  );\n\n  const onTimelineChange = useCallback(\n    (start: Date | undefined, end: Date | undefined) => {\n      wrappedOnChange({\n        type: \"TIMELINE\",\n        startDate: start,\n        endDate: end,\n        isExcluding,\n      });\n    },\n    [wrappedOnChange, isExcluding],\n  );\n\n  const selectStringValues = useMemo(\n    () =>\n      innerState?.type === \"SELECT\"\n        ? coerceToStringArray(innerState.selectedValues)\n        : [],\n    [innerState],\n  );\n\n  const singleSelectValue = useMemo(\n    () =>\n      innerState?.type === \"SELECT\"\n        ? coerceToString(innerState.selectedValues[0])\n        : undefined,\n    [innerState],\n  );\n\n  const exactMatchValues = useMemo(\n    () =>\n      innerState?.type === \"EXACT_MATCH\"\n        ? coerceToStringArray(innerState.values)\n        : [],\n    [innerState],\n  );\n\n  const selectedDates = useMemo(\n    () =>\n      innerState?.type === \"SELECT\"\n        ? innerState.selectedValues.filter(\n          (v): v is Date => v instanceof Date,\n        )\n        : [],\n    [innerState],\n  );\n\n  const selectedDate = useMemo(\n    () =>\n      innerState?.type === \"SELECT\"\n        && innerState.selectedValues[0] instanceof Date\n        ? innerState.selectedValues[0]\n        : undefined,\n    [innerState],\n  );\n\n  const content = (() => {\n    switch (definition.linkedFilterComponent) {\n      case \"CHECKBOX_LIST\":\n        return (\n          <CheckboxListInput\n            objectType={linkedObjectType}\n            objectSet={linkedObjectSet}\n            propertyKey={linkedPropertyKey}\n            selectedValues={selectStringValues}\n            onChange={onSelectChange}\n          />\n        );\n\n      case \"MULTI_SELECT\":\n        return (\n          <MultiSelectInput\n            objectType={linkedObjectType}\n            objectSet={linkedObjectSet}\n            propertyKey={linkedPropertyKey}\n            selectedValues={selectStringValues}\n            onChange={onSelectChange}\n          />\n        );\n\n      case \"SINGLE_SELECT\":\n        return (\n          <SingleSelectInput\n            objectType={linkedObjectType}\n            objectSet={linkedObjectSet}\n            propertyKey={linkedPropertyKey}\n            selectedValue={singleSelectValue}\n            onChange={onSingleSelectChange}\n          />\n        );\n\n      case \"CONTAINS_TEXT\":\n        return (\n          <ContainsTextInput\n            value={innerState?.type === \"CONTAINS_TEXT\"\n              ? innerState.value\n              : undefined}\n            onChange={onContainsTextChange}\n            placeholder={`Search ${String(definition.linkedPropertyKey)}...`}\n          />\n        );\n\n      case \"TOGGLE\":\n        return (\n          <ToggleInput\n            enabled={innerState?.type === \"TOGGLE\"\n              ? innerState.enabled\n              : false}\n            onChange={onToggleChange}\n          />\n        );\n\n      case \"NUMBER_RANGE\": {\n        const numberRange = innerState?.type === \"NUMBER_RANGE\"\n          ? innerState\n          : undefined;\n        return (\n          <NumberRangeInput\n            objectType={linkedObjectType}\n            objectSet={linkedObjectSet}\n            propertyKey={linkedPropertyKey}\n            minValue={numberRange?.minValue}\n            maxValue={numberRange?.maxValue}\n            onChange={onNumberRangeChange}\n          />\n        );\n      }\n\n      case \"DATE_RANGE\": {\n        const dateRange = innerState?.type === \"DATE_RANGE\"\n          ? innerState\n          : undefined;\n        return (\n          <DateRangeInput\n            objectType={linkedObjectType}\n            objectSet={linkedObjectSet}\n            propertyKey={linkedPropertyKey}\n            minValue={dateRange?.minValue}\n            maxValue={dateRange?.maxValue}\n            onChange={onDateRangeChange}\n          />\n        );\n      }\n\n      case \"LISTOGRAM\":\n        return (\n          <ListogramInput\n            objectType={linkedObjectType}\n            objectSet={linkedObjectSet}\n            propertyKey={linkedPropertyKey}\n            selectedValues={exactMatchValues}\n            onChange={onExactMatchChange}\n          />\n        );\n\n      case \"TEXT_TAGS\":\n        return (\n          <TextTagsInput\n            objectType={linkedObjectType}\n            objectSet={linkedObjectSet}\n            propertyKey={linkedPropertyKey}\n            tags={exactMatchValues}\n            onChange={onExactMatchChange}\n          />\n        );\n\n      case \"SINGLE_DATE\":\n        return (\n          <SingleDateInput\n            selectedDate={selectedDate}\n            onChange={onDateSelectChange}\n            showClearButton={true}\n          />\n        );\n\n      case \"MULTI_DATE\":\n        return (\n          <MultiDateInput\n            selectedDates={selectedDates}\n            onChange={onMultiDateChange}\n            showClearAll={true}\n          />\n        );\n\n      case \"TIMELINE\": {\n        const timeline = innerState?.type === \"TIMELINE\"\n          ? innerState\n          : undefined;\n        return (\n          <TimelineInput\n            startDate={timeline?.startDate}\n            endDate={timeline?.endDate}\n            onChange={onTimelineChange}\n          />\n        );\n      }\n\n      default:\n        return assertUnreachable(definition.linkedFilterComponent);\n    }\n  })();\n\n  return (\n    <div className={classnames(styles.linkedProperty, className)} style={style}>\n      {content}\n    </div>\n  );\n}\n\nexport const LinkedPropertyInput = memo(\n  LinkedPropertyInputInner,\n) as typeof LinkedPropertyInputInner;\n"],"mappings":"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","ignoreList":[]}

package/build/esm/filter-list/base/inputs/LinkedPropertyInput.module.css

@@ -0,0 +1,20 @@
+/*
+ * 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.
+ */
+
+.linkedProperty {
+  display: flex;
+  flex-direction: column;
+}

package/build/esm/filter-list/base/inputs/ListogramInput.js

@@ -0,0 +1,98 @@
+/*
+ * 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, { memo, useCallback, useMemo, useState } from "react";
+import { usePropertyAggregation } from "../../hooks/usePropertyAggregation.js";
+import styles from "./ListogramInput.module.css";
+import sharedStyles from "./shared.module.css";
+function ListogramInputInner({
+  objectType,
+  propertyKey,
+  selectedValues,
+  onChange,
+  whereClause,
+  className,
+  style,
+  maxVisibleItems
+}) {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const {
+    data: values,
+    maxCount,
+    isLoading,
+    error
+  } = usePropertyAggregation(objectType, propertyKey, {
+    where: whereClause
+  });
+  const selectedSet = useMemo(() => new Set(selectedValues), [selectedValues]);
+  const toggleValue = useCallback(value => {
+    if (selectedSet.has(value)) {
+      onChange(selectedValues.filter(v => v !== value));
+    } else {
+      onChange([...selectedValues, value]);
+    }
+  }, [selectedValues, selectedSet, onChange]);
+  const displayValues = useMemo(() => {
+    if (isExpanded || !maxVisibleItems) return values;
+    return values.slice(0, maxVisibleItems);
+  }, [values, maxVisibleItems, isExpanded]);
+  const hasMore = maxVisibleItems != null && values.length > maxVisibleItems;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.listogram, className),
+    style: style,
+    "data-loading": isLoading
+  }, isLoading && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.loadingMessage
+  }, "Loading values..."), error && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.errorMessage
+  }, "Error loading values: ", error.message), !isLoading && !error && values.length === 0 && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.emptyMessage
+  }, "No values available"), (values.length > 0 || isLoading) && /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, displayValues.map(({
+    value,
+    count
+  }) => {
+    const isSelected = selectedSet.has(value);
+    const percentage = maxCount > 0 ? count / maxCount * 100 : 0;
+    return /*#__PURE__*/React.createElement(Button, {
+      key: value,
+      type: "button",
+      className: styles.row,
+      onClick: () => toggleValue(value),
+      "aria-pressed": isSelected
+    }, /*#__PURE__*/React.createElement("span", {
+      className: styles.label
+    }, value), /*#__PURE__*/React.createElement("span", {
+      className: styles.bar
+    }, /*#__PURE__*/React.createElement("span", {
+      className: styles.barFill,
+      style: {
+        width: `${percentage}%`
+      }
+    })), /*#__PURE__*/React.createElement("span", {
+      className: styles.count
+    }, count.toLocaleString()));
+  }), hasMore && !isExpanded && /*#__PURE__*/React.createElement(Button, {
+    type: "button",
+    className: styles.row,
+    onClick: () => setIsExpanded(true)
+  }, "View all (", values.length, ")")));
+}
+export const ListogramInput = /*#__PURE__*/memo(ListogramInputInner);
+//# sourceMappingURL=ListogramInput.js.map

package/build/esm/filter-list/base/inputs/ListogramInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListogramInput.js","names":["Button","classnames","React","memo","useCallback","useMemo","useState","usePropertyAggregation","styles","sharedStyles","ListogramInputInner","objectType","propertyKey","selectedValues","onChange","whereClause","className","style","maxVisibleItems","isExpanded","setIsExpanded","data","values","maxCount","isLoading","error","where","selectedSet","Set","toggleValue","value","has","filter","v","displayValues","slice","hasMore","length","createElement","listogram","loadingMessage","errorMessage","message","emptyMessage","container","map","count","isSelected","percentage","key","type","row","onClick","label","bar","barFill","width","toLocaleString","ListogramInput"],"sources":["ListogramInput.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 type {\n  ObjectSet,\n  ObjectTypeDefinition,\n  PropertyKeys,\n  WhereClause,\n} from \"@osdk/api\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo, useState } from \"react\";\nimport { usePropertyAggregation } from \"../../hooks/usePropertyAggregation.js\";\nimport styles from \"./ListogramInput.module.css\";\nimport sharedStyles from \"./shared.module.css\";\n\ninterface ListogramInputProps<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n> {\n  objectType: Q;\n  propertyKey: K;\n  selectedValues: string[];\n  onChange: (values: string[]) => void;\n  objectSet?: ObjectSet<Q>;\n  whereClause?: WhereClause<Q>;\n  className?: string;\n  style?: React.CSSProperties;\n  maxVisibleItems?: number;\n}\n\nfunction ListogramInputInner<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n>({\n  objectType,\n  propertyKey,\n  selectedValues,\n  onChange,\n  whereClause,\n  className,\n  style,\n  maxVisibleItems,\n}: ListogramInputProps<Q, K>): React.ReactElement {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const { data: values, maxCount, isLoading, error } = usePropertyAggregation(\n    objectType,\n    propertyKey,\n    { where: whereClause },\n  );\n\n  const selectedSet = useMemo(() => new Set(selectedValues), [selectedValues]);\n\n  const toggleValue = useCallback(\n    (value: string) => {\n      if (selectedSet.has(value)) {\n        onChange(selectedValues.filter((v) => v !== value));\n      } else {\n        onChange([...selectedValues, value]);\n      }\n    },\n    [selectedValues, selectedSet, onChange],\n  );\n\n  const displayValues = useMemo(() => {\n    if (isExpanded || !maxVisibleItems) return values;\n    return values.slice(0, maxVisibleItems);\n  }, [values, maxVisibleItems, isExpanded]);\n\n  const hasMore = maxVisibleItems != null && values.length > maxVisibleItems;\n\n  return (\n    <div\n      className={classnames(styles.listogram, className)}\n      style={style}\n      data-loading={isLoading}\n    >\n      {isLoading && (\n        <div className={sharedStyles.loadingMessage}>\n          Loading values...\n        </div>\n      )}\n\n      {error && (\n        <div className={sharedStyles.errorMessage}>\n          Error loading values: {error.message}\n        </div>\n      )}\n\n      {!isLoading && !error && values.length === 0 && (\n        <div className={sharedStyles.emptyMessage}>\n          No values available\n        </div>\n      )}\n\n      {(values.length > 0 || isLoading) && (\n        <div className={styles.container}>\n          {displayValues.map(({ value, count }) => {\n            const isSelected = selectedSet.has(value);\n            const percentage = maxCount > 0 ? (count / maxCount) * 100 : 0;\n\n            return (\n              <Button\n                key={value}\n                type=\"button\"\n                className={styles.row}\n                onClick={() => toggleValue(value)}\n                aria-pressed={isSelected}\n              >\n                <span className={styles.label}>{value}</span>\n                <span className={styles.bar}>\n                  <span\n                    className={styles.barFill}\n                    style={{ width: `${percentage}%` }}\n                  />\n                </span>\n                <span className={styles.count}>\n                  {count.toLocaleString()}\n                </span>\n              </Button>\n            );\n          })}\n\n          {hasMore && !isExpanded && (\n            <Button\n              type=\"button\"\n              className={styles.row}\n              onClick={() => setIsExpanded(true)}\n            >\n              View all ({values.length})\n            </Button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const ListogramInput = memo(\n  ListogramInputInner,\n) as typeof ListogramInputInner;\n"],"mappings":"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","ignoreList":[]}

package/build/esm/filter-list/base/inputs/ListogramInput.module.css

@@ -0,0 +1,88 @@
+/*
+ * 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.
+ */
+
+.listogram {
+  display: flex;
+  flex-direction: column;
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-filter-listogram-gap, calc(var(--osdk-surface-spacing) * 1));
+}
+
+.row {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-filter-listogram-row-gap, calc(var(--osdk-surface-spacing) * 2));
+  padding: var(--osdk-filter-listogram-row-padding, calc(var(--osdk-surface-spacing) * 1));
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  border-radius: var(--osdk-surface-border-radius);
+  text-align: left;
+  width: 100%;
+  transition: background-color var(--osdk-emphasis-transition-duration) var(--osdk-emphasis-ease-default);
+
+  &:hover {
+    background: var(--osdk-surface-background-color-default-hover);
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-emphasis-focus-width) solid var(--osdk-emphasis-focus-color);
+    outline-offset: var(--osdk-emphasis-focus-offset);
+  }
+}
+
+.row[aria-pressed="true"] {
+  background: var(--osdk-surface-background-color-default-active);
+}
+
+.label {
+  flex: 1;
+  font-size: var(--osdk-typography-size-body-medium);
+  color: var(--osdk-typography-color-default-rest);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.bar {
+  flex: 2;
+  height: var(--osdk-filter-listogram-bar-height, 8px);
+  background: var(--osdk-custom-color-gray-2);
+  border-radius: var(--osdk-surface-border-radius);
+  overflow: hidden;
+}
+
+.barFill {
+  height: 100%;
+  background: var(--osdk-filter-listogram-bar-color);
+  transition: width var(--osdk-emphasis-transition-duration) var(--osdk-emphasis-ease-default);
+}
+
+.row[aria-pressed="true"] .barFill {
+  background: var(--osdk-filter-listogram-selected-color);
+}
+
+.count {
+  font-size: var(--osdk-typography-size-body-small);
+  font-variant-numeric: tabular-nums;
+  color: var(--osdk-typography-color-muted);
+  min-width: 3ch;
+  text-align: right;
+}

package/build/esm/filter-list/base/inputs/MultiDateInput.js

@@ -0,0 +1,82 @@
+/*
+ * 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 { Input } from "@base-ui/react/input";
+import classnames from "classnames";
+import React, { memo, useCallback } from "react";
+import { formatDateForDisplay, formatDateForInput, parseDateFromInput } from "./dateUtils.js";
+import styles from "./MultiDateInput.module.css";
+import sharedStyles from "./shared.module.css";
+function MultiDateInputInner({
+  selectedDates,
+  onChange,
+  className,
+  style,
+  minDate,
+  maxDate,
+  showClearAll = true
+}) {
+  const addDate = useCallback(date => {
+    const dateStr = formatDateForInput(date);
+    const exists = selectedDates.some(d => formatDateForInput(d) === dateStr);
+    if (!exists) {
+      onChange([...selectedDates, date].sort((a, b) => a.getTime() - b.getTime()));
+    }
+  }, [selectedDates, onChange]);
+  const removeDate = useCallback(date => {
+    const dateStr = formatDateForInput(date);
+    onChange(selectedDates.filter(d => formatDateForInput(d) !== dateStr));
+  }, [selectedDates, onChange]);
+  const clearAll = useCallback(() => {
+    onChange([]);
+  }, [onChange]);
+  const handleDateChange = useCallback(e => {
+    const date = parseDateFromInput(e.target.value);
+    if (date) {
+      addDate(date);
+      e.target.value = "";
+    }
+  }, [addDate]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.multiDate, className),
+    style: style
+  }, selectedDates.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.tagContainer
+  }, selectedDates.map(date => /*#__PURE__*/React.createElement("span", {
+    key: date.toISOString(),
+    className: sharedStyles.tag
+  }, formatDateForDisplay(date), /*#__PURE__*/React.createElement(Button, {
+    className: sharedStyles.tagRemove,
+    onClick: () => removeDate(date),
+    "aria-label": `Remove ${formatDateForDisplay(date)}`
+  }, "\xD7"))), showClearAll && selectedDates.length > 1 && /*#__PURE__*/React.createElement(Button, {
+    className: styles.clearAll,
+    onClick: clearAll,
+    "aria-label": "Clear all dates"
+  }, "Clear all")), /*#__PURE__*/React.createElement("div", {
+    className: styles.calendarContainer
+  }, /*#__PURE__*/React.createElement(Input, {
+    type: "date",
+    className: styles.input,
+    onChange: handleDateChange,
+    min: minDate ? formatDateForInput(minDate) : undefined,
+    max: maxDate ? formatDateForInput(maxDate) : undefined,
+    "aria-label": "Add date"
+  })));
+}
+export const MultiDateInput = /*#__PURE__*/memo(MultiDateInputInner);
+//# sourceMappingURL=MultiDateInput.js.map

package/build/esm/filter-list/base/inputs/MultiDateInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiDateInput.js","names":["Button","Input","classnames","React","memo","useCallback","formatDateForDisplay","formatDateForInput","parseDateFromInput","styles","sharedStyles","MultiDateInputInner","selectedDates","onChange","className","style","minDate","maxDate","showClearAll","addDate","date","dateStr","exists","some","d","sort","a","b","getTime","removeDate","filter","clearAll","handleDateChange","e","target","value","createElement","multiDate","length","tagContainer","map","key","toISOString","tag","tagRemove","onClick","calendarContainer","type","input","min","undefined","max","MultiDateInput"],"sources":["MultiDateInput.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 { Input } from \"@base-ui/react/input\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback } from \"react\";\nimport {\n  formatDateForDisplay,\n  formatDateForInput,\n  parseDateFromInput,\n} from \"./dateUtils.js\";\nimport styles from \"./MultiDateInput.module.css\";\nimport sharedStyles from \"./shared.module.css\";\n\ninterface MultiDateInputProps {\n  selectedDates: Date[];\n  onChange: (dates: Date[]) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  minDate?: Date;\n  maxDate?: Date;\n  showClearAll?: boolean;\n}\n\nfunction MultiDateInputInner({\n  selectedDates,\n  onChange,\n  className,\n  style,\n  minDate,\n  maxDate,\n  showClearAll = true,\n}: MultiDateInputProps): React.ReactElement {\n  const addDate = useCallback(\n    (date: Date) => {\n      const dateStr = formatDateForInput(date);\n      const exists = selectedDates.some(\n        (d) => formatDateForInput(d) === dateStr,\n      );\n      if (!exists) {\n        onChange(\n          [...selectedDates, date].sort((a, b) => a.getTime() - b.getTime()),\n        );\n      }\n    },\n    [selectedDates, onChange],\n  );\n\n  const removeDate = useCallback(\n    (date: Date) => {\n      const dateStr = formatDateForInput(date);\n      onChange(\n        selectedDates.filter((d) => formatDateForInput(d) !== dateStr),\n      );\n    },\n    [selectedDates, onChange],\n  );\n\n  const clearAll = useCallback(() => {\n    onChange([]);\n  }, [onChange]);\n\n  const handleDateChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      const date = parseDateFromInput(e.target.value);\n      if (date) {\n        addDate(date);\n        e.target.value = \"\";\n      }\n    },\n    [addDate],\n  );\n\n  return (\n    <div className={classnames(styles.multiDate, className)} style={style}>\n      {selectedDates.length > 0 && (\n        <div className={sharedStyles.tagContainer}>\n          {selectedDates.map((date) => (\n            <span key={date.toISOString()} className={sharedStyles.tag}>\n              {formatDateForDisplay(date)}\n              <Button\n                className={sharedStyles.tagRemove}\n                onClick={() =>\n                  removeDate(date)}\n                aria-label={`Remove ${formatDateForDisplay(date)}`}\n              >\n                ×\n              </Button>\n            </span>\n          ))}\n          {showClearAll && selectedDates.length > 1 && (\n            <Button\n              className={styles.clearAll}\n              onClick={clearAll}\n              aria-label=\"Clear all dates\"\n            >\n              Clear all\n            </Button>\n          )}\n        </div>\n      )}\n\n      <div className={styles.calendarContainer}>\n        <Input\n          type=\"date\"\n          className={styles.input}\n          onChange={handleDateChange}\n          min={minDate ? formatDateForInput(minDate) : undefined}\n          max={maxDate ? formatDateForInput(maxDate) : undefined}\n          aria-label=\"Add date\"\n        />\n      </div>\n    </div>\n  );\n}\n\nexport const MultiDateInput: React.NamedExoticComponent<MultiDateInputProps> =\n  memo(MultiDateInputInner);\n"],"mappings":"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","ignoreList":[]}

package/build/esm/filter-list/base/inputs/MultiDateInput.module.css

@@ -0,0 +1,54 @@
+/*
+ * 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.
+ */
+
+.multiDate {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-filter-multiselect-gap);
+}
+
+.clearAll {
+  font-size: var(--osdk-typography-size-body-small);
+  color: var(--osdk-intent-primary-rest);
+  background: transparent;
+  border: none;
+  cursor: pointer;
+  padding: calc(var(--osdk-surface-spacing) * 0.5);
+
+  &:hover {
+    text-decoration: underline;
+  }
+}
+
+.calendarContainer {
+  display: flex;
+}
+
+.input {
+  flex: 1;
+  font-size: var(--osdk-typography-size-body-medium);
+  padding: var(--osdk-filter-input-padding);
+  border: var(--osdk-filter-input-border);
+  border-radius: var(--osdk-filter-input-border-radius);
+  background: var(--osdk-filter-input-bg);
+  color: var(--osdk-filter-input-color);
+
+  &:focus {
+    border-color: var(--osdk-filter-input-focus-border);
+    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/inputs/MultiSelectInput.js

@@ -0,0 +1,100 @@
+/*
+ * 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, { memo, useCallback } from "react";
+import { Combobox } from "../../../base-components/combobox/Combobox.js";
+import { usePropertyAggregation } from "../../hooks/usePropertyAggregation.js";
+import styles from "./MultiSelectInput.module.css";
+import sharedStyles from "./shared.module.css";
+function MultiSelectInputInner({
+  objectType,
+  propertyKey,
+  selectedValues,
+  onChange,
+  whereClause,
+  className,
+  style,
+  placeholder = "Select values...",
+  maxDisplayedTags = 3,
+  showClearAll = true
+}) {
+  const {
+    data: values,
+    isLoading,
+    error
+  } = usePropertyAggregation(objectType, propertyKey, {
+    where: whereClause
+  });
+  const handleValueChange = useCallback(newValues => {
+    onChange(newValues ?? []);
+  }, [onChange]);
+  const removeValue = useCallback(value => {
+    onChange(selectedValues.filter(v => v !== value));
+  }, [selectedValues, onChange]);
+  const clearAll = useCallback(() => {
+    onChange([]);
+  }, [onChange]);
+  const displayedTags = selectedValues.slice(0, maxDisplayedTags);
+  const remainingCount = selectedValues.length - maxDisplayedTags;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.multiSelect, className),
+    style: style,
+    "data-loading": isLoading
+  }, error && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.errorMessage
+  }, "Error loading options: ", error.message), !error && values.length === 0 && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.emptyMessage
+  }, isLoading ? "Loading options..." : "No options available"), (values.length > 0 || isLoading) && /*#__PURE__*/React.createElement(Combobox.Root, {
+    multiple: true,
+    value: selectedValues,
+    onValueChange: handleValueChange
+  }, isLoading && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.loadingMessage
+  }, "Updating..."), selectedValues.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.tagContainer
+  }, displayedTags.map(value => /*#__PURE__*/React.createElement("span", {
+    key: value,
+    className: sharedStyles.tag
+  }, value, /*#__PURE__*/React.createElement(Button, {
+    type: "button",
+    className: sharedStyles.tagRemove,
+    onClick: () => removeValue(value),
+    "aria-label": `Remove ${value}`
+  }, "\xD7"))), remainingCount > 0 && /*#__PURE__*/React.createElement("span", {
+    className: sharedStyles.tag
+  }, "+", remainingCount, " more")), /*#__PURE__*/React.createElement("div", {
+    className: styles.inputRow
+  }, /*#__PURE__*/React.createElement(Combobox.Input, {
+    placeholder: selectedValues.length > 0 ? `${selectedValues.length} selected` : placeholder,
+    "aria-label": `Search ${propertyKey} values`
+  }), showClearAll && selectedValues.length > 0 && /*#__PURE__*/React.createElement(Combobox.Clear, {
+    className: styles.clearButton,
+    onClick: clearAll,
+    "aria-label": "Clear all selections"
+  })), /*#__PURE__*/React.createElement(Combobox.Portal, null, /*#__PURE__*/React.createElement(Combobox.Positioner, null, /*#__PURE__*/React.createElement(Combobox.Popup, null, values.length === 0 ? /*#__PURE__*/React.createElement(Combobox.Empty, null, "No options available") : values.map(({
+    value,
+    count
+  }) => /*#__PURE__*/React.createElement(Combobox.Item, {
+    key: value,
+    value: value
+  }, /*#__PURE__*/React.createElement("span", null, value), /*#__PURE__*/React.createElement("span", {
+    className: styles.count
+  }, "(", count.toLocaleString(), ")"))))))));
+}
+export const MultiSelectInput = /*#__PURE__*/memo(MultiSelectInputInner);
+//# sourceMappingURL=MultiSelectInput.js.map

package/build/esm/filter-list/base/inputs/MultiSelectInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MultiSelectInput.js","names":["Button","classnames","React","memo","useCallback","Combobox","usePropertyAggregation","styles","sharedStyles","MultiSelectInputInner","objectType","propertyKey","selectedValues","onChange","whereClause","className","style","placeholder","maxDisplayedTags","showClearAll","data","values","isLoading","error","where","handleValueChange","newValues","removeValue","value","filter","v","clearAll","displayedTags","slice","remainingCount","length","createElement","multiSelect","errorMessage","message","emptyMessage","Root","multiple","onValueChange","loadingMessage","tagContainer","map","key","tag","type","tagRemove","onClick","inputRow","Input","Clear","clearButton","Portal","Positioner","Popup","Empty","count","Item","toLocaleString","MultiSelectInput"],"sources":["MultiSelectInput.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 type {\n  ObjectSet,\n  ObjectTypeDefinition,\n  PropertyKeys,\n  WhereClause,\n} from \"@osdk/api\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback } from \"react\";\nimport { Combobox } from \"../../../base-components/combobox/Combobox.js\";\nimport { usePropertyAggregation } from \"../../hooks/usePropertyAggregation.js\";\nimport styles from \"./MultiSelectInput.module.css\";\nimport sharedStyles from \"./shared.module.css\";\n\ninterface MultiSelectInputProps<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n> {\n  objectType: Q;\n  propertyKey: K;\n  selectedValues: string[];\n  onChange: (values: string[]) => void;\n  objectSet?: ObjectSet<Q>;\n  whereClause?: WhereClause<Q>;\n  className?: string;\n  style?: React.CSSProperties;\n  placeholder?: string;\n  maxDisplayedTags?: number;\n  showClearAll?: boolean;\n}\n\nfunction MultiSelectInputInner<\n  Q extends ObjectTypeDefinition,\n  K extends PropertyKeys<Q>,\n>({\n  objectType,\n  propertyKey,\n  selectedValues,\n  onChange,\n  whereClause,\n  className,\n  style,\n  placeholder = \"Select values...\",\n  maxDisplayedTags = 3,\n  showClearAll = true,\n}: MultiSelectInputProps<Q, K>): React.ReactElement {\n  const { data: values, isLoading, error } = usePropertyAggregation(\n    objectType,\n    propertyKey,\n    { where: whereClause },\n  );\n\n  const handleValueChange = useCallback(\n    (newValues: string[] | null) => {\n      onChange(newValues ?? []);\n    },\n    [onChange],\n  );\n\n  const removeValue = useCallback(\n    (value: string) => {\n      onChange(selectedValues.filter((v) => v !== value));\n    },\n    [selectedValues, onChange],\n  );\n\n  const clearAll = useCallback(() => {\n    onChange([]);\n  }, [onChange]);\n\n  const displayedTags = selectedValues.slice(0, maxDisplayedTags);\n  const remainingCount = selectedValues.length - maxDisplayedTags;\n\n  return (\n    <div\n      className={classnames(styles.multiSelect, className)}\n      style={style}\n      data-loading={isLoading}\n    >\n      {error && (\n        <div className={sharedStyles.errorMessage}>\n          Error loading options: {error.message}\n        </div>\n      )}\n\n      {!error && values.length === 0 && (\n        <div className={sharedStyles.emptyMessage}>\n          {isLoading ? \"Loading options...\" : \"No options available\"}\n        </div>\n      )}\n\n      {(values.length > 0 || isLoading) && (\n        <Combobox.Root<string, true>\n          multiple\n          value={selectedValues}\n          onValueChange={handleValueChange}\n        >\n          {isLoading && (\n            <div className={sharedStyles.loadingMessage}>\n              Updating...\n            </div>\n          )}\n\n          {selectedValues.length > 0 && (\n            <div className={sharedStyles.tagContainer}>\n              {displayedTags.map((value) => (\n                <span key={value} className={sharedStyles.tag}>\n                  {value}\n                  <Button\n                    type=\"button\"\n                    className={sharedStyles.tagRemove}\n                    onClick={() =>\n                      removeValue(value)}\n                    aria-label={`Remove ${value}`}\n                  >\n                    ×\n                  </Button>\n                </span>\n              ))}\n              {remainingCount > 0 && (\n                <span className={sharedStyles.tag}>\n                  +{remainingCount} more\n                </span>\n              )}\n            </div>\n          )}\n\n          <div className={styles.inputRow}>\n            <Combobox.Input\n              placeholder={selectedValues.length > 0\n                ? `${selectedValues.length} selected`\n                : placeholder}\n              aria-label={`Search ${propertyKey} values`}\n            />\n            {showClearAll && selectedValues.length > 0 && (\n              <Combobox.Clear\n                className={styles.clearButton}\n                onClick={clearAll}\n                aria-label=\"Clear all selections\"\n              />\n            )}\n          </div>\n\n          <Combobox.Portal>\n            <Combobox.Positioner>\n              <Combobox.Popup>\n                {values.length === 0\n                  ? <Combobox.Empty>No options available</Combobox.Empty>\n                  : values.map(({ value, count }) => (\n                    <Combobox.Item key={value} value={value}>\n                      <span>{value}</span>\n                      <span className={styles.count}>\n                        ({count.toLocaleString()})\n                      </span>\n                    </Combobox.Item>\n                  ))}\n              </Combobox.Popup>\n            </Combobox.Positioner>\n          </Combobox.Portal>\n        </Combobox.Root>\n      )}\n    </div>\n  );\n}\n\nexport const MultiSelectInput = memo(\n  MultiSelectInputInner,\n) as typeof MultiSelectInputInner;\n"],"mappings":"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","ignoreList":[]}

package/build/esm/filter-list/base/inputs/MultiSelectInput.module.css

@@ -0,0 +1,35 @@
+/*
+ * 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.
+ */
+
+.multiSelect {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-filter-multiselect-gap);
+}
+
+.inputRow {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-filter-multiselect-inputRow-gap);
+}
+
+.clearButton {
+  flex-shrink: 0;
+}
+
+.count {
+  font-variant-numeric: tabular-nums;
+}