@osdk/react-components 0.2.0-beta.9 → 0.2.1-main-20260407074313

package/build/browser/filter-list/base/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["FilterInput","FilterList","FilterListContent","FilterListHeader","FilterListItem"],"sources":["index.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\nexport { FilterInput } from \"./FilterInput.js\";\nexport { FilterList } from \"./FilterList.js\";\nexport { FilterListContent } from \"./FilterListContent.js\";\nexport { FilterListHeader } from \"./FilterListHeader.js\";\nexport { FilterListItem } from \"./FilterListItem.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,QAAQ,kBAAkB;AAC9C,SAASC,UAAU,QAAQ,iBAAiB;AAC5C,SAASC,iBAAiB,QAAQ,wBAAwB;AAC1D,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,SAASC,cAAc,QAAQ,qBAAqB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["BaseFilterList","FilterListContent","FilterListHeader","FilterListItem"],"sources":["index.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\nexport { BaseFilterList } from \"./BaseFilterList.js\";\nexport type {\n  BaseFilterListProps,\n  RenderFilterInput,\n} from \"./BaseFilterListApi.js\";\nexport { FilterListContent } from \"./FilterListContent.js\";\nexport { FilterListHeader } from \"./FilterListHeader.js\";\nexport { FilterListItem } from \"./FilterListItem.js\";\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,cAAc,QAAQ,qBAAqB;AAKpD,SAASC,iBAAiB,QAAQ,wBAAwB;AAC1D,SAASC,gBAAgB,QAAQ,uBAAuB;AACxD,SAASC,cAAc,QAAQ,qBAAqB","ignoreList":[]}

package/build/browser/filter-list/base/inputs/ContainsTextInput.js

@@ -14,6 +14,8 @@
  * limitations under the License.
  */
 
+import { Button } from "@base-ui/react/button";
+import { Input } from "@base-ui/react/input";
 import { Cross, Search } from "@blueprintjs/icons";
 import classnames from "classnames";
 import { debounce } from "lodash-es";
@@ -61,23 +63,19 @@ function ContainsTextInputInner({
     className: styles.inputGroup
   }, renderSearchIcon ? renderSearchIcon() : /*#__PURE__*/React.createElement("span", {
     className: styles.searchIcon
-  }, /*#__PURE__*/React.createElement(Search, {
-    color: "currentColor"
-  })), /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React.createElement(Search, null)), /*#__PURE__*/React.createElement(Input, {
     type: "text",
     className: styles.input,
     value: localValue,
     onChange: handleInputChange,
     placeholder: placeholder,
     "aria-label": placeholder
-  }), localValue && /*#__PURE__*/React.createElement("button", {
+  }), localValue && /*#__PURE__*/React.createElement(Button, {
     type: "button",
     className: styles.clearButton,
     onClick: handleClear,
     "aria-label": "Clear search"
-  }, renderClearIcon ? renderClearIcon() : /*#__PURE__*/React.createElement(Cross, {
-    color: "currentColor"
-  }))));
+  }, renderClearIcon ? renderClearIcon() : /*#__PURE__*/React.createElement(Cross, null))));
 }
 export const ContainsTextInput = /*#__PURE__*/memo(ContainsTextInputInner);
 //# sourceMappingURL=ContainsTextInput.js.map

package/build/browser/filter-list/base/inputs/ContainsTextInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContainsTextInput.js","names":["Cross","Search","classnames","debounce","React","memo","useCallback","useEffect","useMemo","useRef","useState","styles","ContainsTextInputInner","value","onChange","placeholder","debounceMs","className","style","renderSearchIcon","renderClearIcon","localValue","setLocalValue","onChangeRef","current","debouncedOnChange","newValue","length","undefined","cancel","handleInputChange","e","target","handleClear","createElement","textInput","inputGroup","searchIcon","color","type","input","clearButton","onClick","ContainsTextInput"],"sources":["ContainsTextInput.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 { Cross, Search } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport { debounce } from \"lodash-es\";\nimport React, {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport styles from \"./ContainsTextInput.module.css\";\n\ninterface ContainsTextInputProps {\n  value: string | undefined;\n  onChange: (value: string | undefined) => void;\n  placeholder?: string;\n  debounceMs?: number;\n  className?: string;\n  style?: React.CSSProperties;\n  renderSearchIcon?: () => React.ReactNode;\n  renderClearIcon?: () => React.ReactNode;\n}\n\nfunction ContainsTextInputInner({\n  value,\n  onChange,\n  placeholder = \"Search...\",\n  debounceMs = 300,\n  className,\n  style,\n  renderSearchIcon,\n  renderClearIcon,\n}: ContainsTextInputProps): React.ReactElement {\n  const [localValue, setLocalValue] = useState(value ?? \"\");\n\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  const debouncedOnChange = useMemo(\n    () =>\n      debounce((newValue: string) => {\n        onChangeRef.current(newValue.length > 0 ? newValue : undefined);\n      }, debounceMs),\n    [debounceMs],\n  );\n\n  useEffect(() => {\n    return () => {\n      debouncedOnChange.cancel();\n    };\n  }, [debouncedOnChange]);\n\n  useEffect(() => {\n    setLocalValue(value ?? \"\");\n    debouncedOnChange.cancel();\n  }, [value, debouncedOnChange]);\n\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setLocalValue(e.target.value);\n      debouncedOnChange(e.target.value);\n    },\n    [debouncedOnChange],\n  );\n\n  const handleClear = useCallback(() => {\n    setLocalValue(\"\");\n    debouncedOnChange.cancel();\n    onChangeRef.current(undefined);\n  }, [debouncedOnChange]);\n\n  return (\n    <div\n      className={classnames(styles.textInput, className)}\n      style={style}\n      data-has-value={!!localValue}\n    >\n      <div className={styles.inputGroup}>\n        {renderSearchIcon\n          ? renderSearchIcon()\n          : (\n            <span className={styles.searchIcon}>\n              <Search color=\"currentColor\" />\n            </span>\n          )}\n        <input\n          type=\"text\"\n          className={styles.input}\n          value={localValue}\n          onChange={handleInputChange}\n          placeholder={placeholder}\n          aria-label={placeholder}\n        />\n        {localValue && (\n          <button\n            type=\"button\"\n            className={styles.clearButton}\n            onClick={handleClear}\n            aria-label=\"Clear search\"\n          >\n            {renderClearIcon\n              ? renderClearIcon()\n              : <Cross color=\"currentColor\" />}\n          </button>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport const ContainsTextInput: React.NamedExoticComponent<\n  ContainsTextInputProps\n> = memo(ContainsTextInputInner);\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ContainsTextInput.js","names":["Button","Input","Cross","Search","classnames","debounce","React","memo","useCallback","useEffect","useMemo","useRef","useState","styles","ContainsTextInputInner","value","onChange","placeholder","debounceMs","className","style","renderSearchIcon","renderClearIcon","localValue","setLocalValue","onChangeRef","current","debouncedOnChange","newValue","length","undefined","cancel","handleInputChange","e","target","handleClear","createElement","textInput","inputGroup","searchIcon","type","input","clearButton","onClick","ContainsTextInput"],"sources":["ContainsTextInput.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 { Cross, Search } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport { debounce } from \"lodash-es\";\nimport React, {\n  memo,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from \"react\";\nimport styles from \"./ContainsTextInput.module.css\";\n\ninterface ContainsTextInputProps {\n  value: string | undefined;\n  onChange: (value: string | undefined) => void;\n  placeholder?: string;\n  debounceMs?: number;\n  className?: string;\n  style?: React.CSSProperties;\n  renderSearchIcon?: () => React.ReactNode;\n  renderClearIcon?: () => React.ReactNode;\n}\n\nfunction ContainsTextInputInner({\n  value,\n  onChange,\n  placeholder = \"Search...\",\n  debounceMs = 300,\n  className,\n  style,\n  renderSearchIcon,\n  renderClearIcon,\n}: ContainsTextInputProps): React.ReactElement {\n  const [localValue, setLocalValue] = useState(value ?? \"\");\n\n  const onChangeRef = useRef(onChange);\n  onChangeRef.current = onChange;\n\n  const debouncedOnChange = useMemo(\n    () =>\n      debounce((newValue: string) => {\n        onChangeRef.current(newValue.length > 0 ? newValue : undefined);\n      }, debounceMs),\n    [debounceMs],\n  );\n\n  useEffect(() => {\n    return () => {\n      debouncedOnChange.cancel();\n    };\n  }, [debouncedOnChange]);\n\n  useEffect(() => {\n    setLocalValue(value ?? \"\");\n    debouncedOnChange.cancel();\n  }, [value, debouncedOnChange]);\n\n  const handleInputChange = useCallback(\n    (e: React.ChangeEvent<HTMLInputElement>) => {\n      setLocalValue(e.target.value);\n      debouncedOnChange(e.target.value);\n    },\n    [debouncedOnChange],\n  );\n\n  const handleClear = useCallback(() => {\n    setLocalValue(\"\");\n    debouncedOnChange.cancel();\n    onChangeRef.current(undefined);\n  }, [debouncedOnChange]);\n\n  return (\n    <div\n      className={classnames(styles.textInput, className)}\n      style={style}\n      data-has-value={!!localValue}\n    >\n      <div className={styles.inputGroup}>\n        {renderSearchIcon\n          ? renderSearchIcon()\n          : (\n            <span className={styles.searchIcon}>\n              <Search />\n            </span>\n          )}\n        <Input\n          type=\"text\"\n          className={styles.input}\n          value={localValue}\n          onChange={handleInputChange}\n          placeholder={placeholder}\n          aria-label={placeholder}\n        />\n        {localValue && (\n          <Button\n            type=\"button\"\n            className={styles.clearButton}\n            onClick={handleClear}\n            aria-label=\"Clear search\"\n          >\n            {renderClearIcon\n              ? renderClearIcon()\n              : <Cross />}\n          </Button>\n        )}\n      </div>\n    </div>\n  );\n}\n\nexport const ContainsTextInput: React.NamedExoticComponent<\n  ContainsTextInputProps\n> = memo(ContainsTextInputInner);\n"],"mappings":"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","ignoreList":[]}

package/build/browser/filter-list/base/inputs/DateRangeInput.js

@@ -0,0 +1,37 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/*
+ * 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, { memo } from "react";
+import { formatDateForInput, parseDateFromInput } from "../../../shared/dateUtils.js";
+import { RangeInput } from "./RangeInput.js";
+const dateConfig = {
+  inputType: "date",
+  formatValue: formatDateForInput,
+  parseValue: parseDateFromInput,
+  toNumber: d => d.getTime(),
+  fromNumber: t => new Date(t),
+  minLabel: "From",
+  maxLabel: "To",
+  formatTooltip: (min, max, count) => `${formatDateForInput(min)} - ${formatDateForInput(max)}: ${count.toLocaleString()}`
+};
+function DateRangeInputInner(props) {
+  return /*#__PURE__*/React.createElement(RangeInput, _extends({}, props, {
+    config: dateConfig
+  }));
+}
+export const DateRangeInput = /*#__PURE__*/memo(DateRangeInputInner);
+//# sourceMappingURL=DateRangeInput.js.map

package/build/browser/filter-list/base/inputs/DateRangeInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangeInput.js","names":["React","memo","formatDateForInput","parseDateFromInput","RangeInput","dateConfig","inputType","formatValue","parseValue","toNumber","d","getTime","fromNumber","t","Date","minLabel","maxLabel","formatTooltip","min","max","count","toLocaleString","DateRangeInputInner","props","createElement","_extends","config","DateRangeInput"],"sources":["DateRangeInput.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, { memo } from \"react\";\nimport {\n  formatDateForInput,\n  parseDateFromInput,\n} from \"../../../shared/dateUtils.js\";\nimport { RangeInput, type RangeInputConfig } from \"./RangeInput.js\";\n\nconst dateConfig: RangeInputConfig<Date> = {\n  inputType: \"date\",\n  formatValue: formatDateForInput,\n  parseValue: parseDateFromInput,\n  toNumber: (d) => d.getTime(),\n  fromNumber: (t) => new Date(t),\n  minLabel: \"From\",\n  maxLabel: \"To\",\n  formatTooltip: (min, max, count) =>\n    `${formatDateForInput(min)} - ${\n      formatDateForInput(max)\n    }: ${count.toLocaleString()}`,\n};\n\ninterface DateRangeInputProps {\n  valueCountPairs: Array<{ value: Date; count: number }>;\n  isLoading: boolean;\n  minValue: Date | undefined;\n  maxValue: Date | undefined;\n  onChange: (min: Date | undefined, max: Date | undefined) => void;\n  showHistogram?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction DateRangeInputInner(\n  props: DateRangeInputProps,\n): React.ReactElement {\n  return <RangeInput {...props} config={dateConfig} />;\n}\n\nexport const DateRangeInput = memo(\n  DateRangeInputInner,\n) as typeof DateRangeInputInner;\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,IAAIC,IAAI,QAAQ,OAAO;AACnC,SACEC,kBAAkB,EAClBC,kBAAkB,QACb,8BAA8B;AACrC,SAASC,UAAU,QAA+B,iBAAiB;AAEnE,MAAMC,UAAkC,GAAG;EACzCC,SAAS,EAAE,MAAM;EACjBC,WAAW,EAAEL,kBAAkB;EAC/BM,UAAU,EAAEL,kBAAkB;EAC9BM,QAAQ,EAAGC,CAAC,IAAKA,CAAC,CAACC,OAAO,CAAC,CAAC;EAC5BC,UAAU,EAAGC,CAAC,IAAK,IAAIC,IAAI,CAACD,CAAC,CAAC;EAC9BE,QAAQ,EAAE,MAAM;EAChBC,QAAQ,EAAE,IAAI;EACdC,aAAa,EAAEA,CAACC,GAAG,EAAEC,GAAG,EAAEC,KAAK,KAC7B,GAAGlB,kBAAkB,CAACgB,GAAG,CAAC,MACxBhB,kBAAkB,CAACiB,GAAG,CAAC,KACpBC,KAAK,CAACC,cAAc,CAAC,CAAC;AAC/B,CAAC;AAaD,SAASC,mBAAmBA,CAC1BC,KAA0B,EACN;EACpB,oBAAOvB,KAAA,CAAAwB,aAAA,CAACpB,UAAU,EAAAqB,QAAA,KAAKF,KAAK;IAAEG,MAAM,EAAErB;EAAW,EAAE,CAAC;AACtD;AAEA,OAAO,MAAMsB,cAAc,gBAAG1B,IAAI,CAChCqB,mBACF,CAA+B","ignoreList":[]}

package/build/browser/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/browser/filter-list/base/inputs/LinkedPropertyInput.module.css.js

@@ -0,0 +1,6 @@
+// CSS Module proxy for LinkedPropertyInput.module.css
+const styles = {
+  "linkedProperty": "LinkedPropertyInput-module__linkedProperty___aWk3D3GM"
+};
+
+export default styles;

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

@@ -0,0 +1,118 @@
+/*
+ * 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 { Checkbox } from "../../../base-components/checkbox/Checkbox.js";
+import { filterValuesBySearch } from "../../utils/filterValues.js";
+import styles from "./ListogramInput.module.css.js";
+import { ListogramSkeleton } from "./ListogramSkeleton.js";
+import sharedStyles from "./shared.module.css.js";
+import { useStableData } from "./useStableData.js";
+function ListogramInputInner({
+  values,
+  maxCount,
+  isLoading,
+  error,
+  selectedValues,
+  onChange,
+  colorMap,
+  displayMode = "full",
+  isExcluding,
+  className,
+  style,
+  maxVisibleItems,
+  searchQuery
+}) {
+  const [isExpanded, setIsExpanded] = useState(false);
+  const stableValues = useStableData(values, isLoading);
+  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 filteredValues = useMemo(() => {
+    if (searchQuery) {
+      return filterValuesBySearch(stableValues, searchQuery, v => v.value);
+    }
+    return stableValues;
+  }, [stableValues, searchQuery]);
+  const sortedValues = useMemo(() => {
+    const selected = filteredValues.filter(v => selectedSet.has(v.value));
+    const unselected = filteredValues.filter(v => !selectedSet.has(v.value));
+    return [...selected, ...unselected];
+  }, [filteredValues, selectedSet]);
+  const displayValues = useMemo(() => {
+    if (isExpanded || !maxVisibleItems) return sortedValues;
+    return sortedValues.slice(0, maxVisibleItems);
+  }, [sortedValues, maxVisibleItems, isExpanded]);
+  const hasMore = maxVisibleItems != null && sortedValues.length > maxVisibleItems;
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.listogram, className),
+    style: style,
+    "data-loading": isLoading && filteredValues.length > 0
+  }, error && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.errorMessage
+  }, "Error loading values: ", error.message), !error && filteredValues.length === 0 && isLoading && /*#__PURE__*/React.createElement(ListogramSkeleton, null), !error && filteredValues.length === 0 && !isLoading && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.emptyMessage
+  }, "No values available"), filteredValues.length > 0 && /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, displayValues.map(({
+    value,
+    count
+  }) => {
+    const percentage = maxCount > 0 ? count / maxCount * 100 : 0;
+    const perRowColor = colorMap?.[value];
+    return /*#__PURE__*/React.createElement(Button, {
+      key: value,
+      className: styles.row,
+      onClick: () => toggleValue(value),
+      "aria-pressed": selectedSet.has(value),
+      style: perRowColor || percentage > 0 ? {
+        "--osdk-filter-listogram-bar-fill-scale": percentage / 100,
+        ...(perRowColor ? {
+          "--osdk-filter-listogram-row-bar-color": perRowColor
+        } : undefined)
+      } : undefined
+    }, /*#__PURE__*/React.createElement("span", {
+      className: styles.checkbox,
+      onClick: e => e.stopPropagation()
+    }, /*#__PURE__*/React.createElement(Checkbox, {
+      checked: selectedSet.has(value),
+      onCheckedChange: () => toggleValue(value),
+      isExcluding: isExcluding
+    })), /*#__PURE__*/React.createElement("span", {
+      className: styles.label,
+      "data-excluding": isExcluding && selectedSet.has(value) || undefined
+    }, value), displayMode !== "minimal" && /*#__PURE__*/React.createElement("span", {
+      className: styles.count
+    }, count.toLocaleString()), displayMode === "full" && /*#__PURE__*/React.createElement("span", {
+      className: styles.bar
+    }, /*#__PURE__*/React.createElement("span", {
+      className: styles.barFill
+    })));
+  }), hasMore && !isExpanded && /*#__PURE__*/React.createElement(Button, {
+    type: "button",
+    className: styles.viewAllButton,
+    onClick: () => setIsExpanded(true)
+  }, "View all (", sortedValues.length, ")")));
+}
+export const ListogramInput = /*#__PURE__*/memo(ListogramInputInner);
+//# sourceMappingURL=ListogramInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListogramInput.js","names":["Button","classnames","React","memo","useCallback","useMemo","useState","Checkbox","filterValuesBySearch","styles","ListogramSkeleton","sharedStyles","useStableData","ListogramInputInner","values","maxCount","isLoading","error","selectedValues","onChange","colorMap","displayMode","isExcluding","className","style","maxVisibleItems","searchQuery","isExpanded","setIsExpanded","stableValues","selectedSet","Set","toggleValue","value","has","filter","v","filteredValues","sortedValues","selected","unselected","displayValues","slice","hasMore","length","createElement","listogram","errorMessage","message","emptyMessage","container","map","count","percentage","perRowColor","key","row","onClick","undefined","checkbox","e","stopPropagation","checked","onCheckedChange","label","toLocaleString","bar","barFill","type","viewAllButton","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 classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo, useState } from \"react\";\nimport { Checkbox } from \"../../../base-components/checkbox/Checkbox.js\";\nimport type { PropertyAggregationValue } from \"../../types/AggregationTypes.js\";\nimport { filterValuesBySearch } from \"../../utils/filterValues.js\";\nimport styles from \"./ListogramInput.module.css\";\nimport { ListogramSkeleton } from \"./ListogramSkeleton.js\";\nimport sharedStyles from \"./shared.module.css\";\nimport { useStableData } from \"./useStableData.js\";\n\nexport type ListogramDisplayMode = \"full\" | \"count\" | \"minimal\";\n\ninterface ListogramInputProps {\n  values: PropertyAggregationValue[];\n  maxCount: number;\n  isLoading: boolean;\n  error: Error | null;\n  selectedValues: string[];\n  onChange: (values: string[]) => void;\n  colorMap?: Record<string, string>;\n  displayMode?: ListogramDisplayMode;\n  isExcluding?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  maxVisibleItems?: number;\n  searchQuery?: string;\n}\n\nfunction ListogramInputInner({\n  values,\n  maxCount,\n  isLoading,\n  error,\n  selectedValues,\n  onChange,\n  colorMap,\n  displayMode = \"full\",\n  isExcluding,\n  className,\n  style,\n  maxVisibleItems,\n  searchQuery,\n}: ListogramInputProps): React.ReactElement {\n  const [isExpanded, setIsExpanded] = useState(false);\n\n  const stableValues = useStableData(values, isLoading);\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 filteredValues = useMemo(() => {\n    if (searchQuery) {\n      return filterValuesBySearch(stableValues, searchQuery, (v) => v.value);\n    }\n    return stableValues;\n  }, [stableValues, searchQuery]);\n\n  const sortedValues = useMemo(() => {\n    const selected = filteredValues.filter(v => selectedSet.has(v.value));\n    const unselected = filteredValues.filter(v => !selectedSet.has(v.value));\n    return [...selected, ...unselected];\n  }, [filteredValues, selectedSet]);\n\n  const displayValues = useMemo(() => {\n    if (isExpanded || !maxVisibleItems) return sortedValues;\n    return sortedValues.slice(0, maxVisibleItems);\n  }, [sortedValues, maxVisibleItems, isExpanded]);\n\n  const hasMore = maxVisibleItems != null\n    && sortedValues.length > maxVisibleItems;\n\n  return (\n    <div\n      className={classnames(styles.listogram, className)}\n      style={style}\n      data-loading={isLoading && filteredValues.length > 0}\n    >\n      {error && (\n        <div className={sharedStyles.errorMessage}>\n          Error loading values: {error.message}\n        </div>\n      )}\n\n      {!error && filteredValues.length === 0 && isLoading && (\n        <ListogramSkeleton />\n      )}\n      {!error && filteredValues.length === 0 && !isLoading && (\n        <div className={sharedStyles.emptyMessage}>\n          No values available\n        </div>\n      )}\n\n      {filteredValues.length > 0 && (\n        <div className={styles.container}>\n          {displayValues.map(({ value, count }) => {\n            const percentage = maxCount > 0 ? (count / maxCount) * 100 : 0;\n            const perRowColor = colorMap?.[value];\n\n            return (\n              <Button\n                key={value}\n                className={styles.row}\n                onClick={() => toggleValue(value)}\n                aria-pressed={selectedSet.has(value)}\n                style={perRowColor || percentage > 0\n                  ? {\n                    \"--osdk-filter-listogram-bar-fill-scale\": percentage / 100,\n                    ...(perRowColor\n                      ? {\n                        \"--osdk-filter-listogram-row-bar-color\": perRowColor,\n                      }\n                      : undefined),\n                  } as React.CSSProperties\n                  : undefined}\n              >\n                <span\n                  className={styles.checkbox}\n                  onClick={(e) => e.stopPropagation()}\n                >\n                  <Checkbox\n                    checked={selectedSet.has(value)}\n                    onCheckedChange={() => toggleValue(value)}\n                    isExcluding={isExcluding}\n                  />\n                </span>\n                <span\n                  className={styles.label}\n                  data-excluding={(isExcluding && selectedSet.has(value))\n                    || undefined}\n                >\n                  {value}\n                </span>\n                {displayMode !== \"minimal\" && (\n                  <span className={styles.count}>\n                    {count.toLocaleString()}\n                  </span>\n                )}\n                {displayMode === \"full\" && (\n                  <span className={styles.bar}>\n                    <span className={styles.barFill} />\n                  </span>\n                )}\n              </Button>\n            );\n          })}\n\n          {hasMore && !isExpanded && (\n            <Button\n              type=\"button\"\n              className={styles.viewAllButton}\n              onClick={() => setIsExpanded(true)}\n            >\n              View all ({sortedValues.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/browser/filter-list/base/inputs/ListogramInput.module.css

@@ -0,0 +1,137 @@
+/*
+ * 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;
+  transition: opacity var(--osdk-filter-content-fade-duration);
+}
+
+.listogram[data-loading="true"] {
+  opacity: 0.5;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .listogram {
+    transition: none;
+  }
+}
+
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-filter-listogram-gap);
+}
+
+.row {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-filter-listogram-row-gap);
+  padding: var(--osdk-filter-listogram-row-padding);
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  border-radius: var(--osdk-filter-listogram-row-border-radius);
+  text-align: left;
+  width: 100%;
+  transition: background-color var(--osdk-filter-listogram-row-transition);
+
+  &:hover {
+    background: var(--osdk-filter-listogram-row-bg-hover);
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-filter-listogram-row-focus-outline);
+    outline-offset: var(--osdk-filter-listogram-row-focus-offset);
+  }
+}
+
+.row[aria-pressed="true"] {
+  background: var(--osdk-filter-listogram-row-bg-active);
+}
+
+.label {
+  flex: 1;
+  font-family: var(--osdk-filter-listogram-label-font-family);
+  font-size: var(--osdk-filter-listogram-label-font-size);
+  color: var(--osdk-filter-listogram-label-color);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.label[data-excluding] {
+  text-decoration: line-through;
+}
+
+.bar {
+  width: var(--osdk-filter-listogram-bar-width);
+  flex-shrink: 0;
+  height: var(--osdk-filter-listogram-bar-height);
+  background: var(--osdk-filter-listogram-bar-bg);
+  border-radius: var(--osdk-filter-listogram-bar-border-radius);
+  overflow: hidden;
+}
+
+.barFill {
+  display: block;
+  height: 100%;
+  width: 100%;
+  background: var(--osdk-filter-listogram-row-bar-color, var(--osdk-filter-listogram-bar-color));
+  border-radius: var(--osdk-filter-listogram-bar-border-radius);
+  transform-origin: left;
+  transform: scaleX(var(--osdk-filter-listogram-bar-fill-scale, 0));
+  transition: transform var(--osdk-filter-listogram-bar-fill-transition);
+}
+
+.row[aria-pressed="true"] .barFill {
+  background: var(--osdk-filter-listogram-row-bar-color, var(--osdk-filter-listogram-selected-color));
+}
+
+.viewAllButton {
+  display: flex;
+  align-items: center;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  font-family: var(--osdk-filter-listogram-label-font-family);
+  font-size: var(--osdk-filter-listogram-view-all-font-size);
+  color: var(--osdk-filter-listogram-view-all-color);
+  padding: var(--osdk-filter-listogram-row-padding);
+  text-align: left;
+
+  &:hover {
+    text-decoration: underline;
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-filter-listogram-row-focus-outline);
+    outline-offset: var(--osdk-filter-listogram-row-focus-offset);
+  }
+}
+
+.checkbox {
+  display: flex;
+}
+
+.count {
+  font-family: var(--osdk-filter-listogram-count-font-family);
+  font-size: var(--osdk-filter-listogram-count-font-size);
+  font-variant-numeric: tabular-nums;
+  color: var(--osdk-filter-listogram-count-color);
+  min-width: 3ch;
+  text-align: right;
+}

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

@@ -0,0 +1,14 @@
+// CSS Module proxy for ListogramInput.module.css
+const styles = {
+  "listogram": "ListogramInput-module__listogram___QdvKag0g",
+  "container": "ListogramInput-module__container___hMngsxor",
+  "row": "ListogramInput-module__row___rps-rpjo",
+  "label": "ListogramInput-module__label___hQ3nLEpx",
+  "bar": "ListogramInput-module__bar___iUqTfYSm",
+  "barFill": "ListogramInput-module__barFill___za7KWtcm",
+  "viewAllButton": "ListogramInput-module__viewAllButton___CxQzJRxu",
+  "checkbox": "ListogramInput-module__checkbox___M-faPyIy",
+  "count": "ListogramInput-module__count___81M2s4eq"
+};
+
+export default styles;

package/build/browser/filter-list/base/inputs/ListogramSkeleton.js

@@ -0,0 +1,45 @@
+/*
+ * 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";
+import { SkeletonBar } from "../../../base-components/skeleton/SkeletonBar.js";
+import styles from "./ListogramSkeleton.module.css.js";
+const SKELETON_ROWS = [{
+  textWidth: "50%"
+}, {
+  textWidth: "35%"
+}, {
+  textWidth: "60%"
+}];
+export function ListogramSkeleton() {
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.container
+  }, SKELETON_ROWS.map((row, index) => /*#__PURE__*/React.createElement("div", {
+    key: index,
+    className: styles.row
+  }, /*#__PURE__*/React.createElement(SkeletonBar, {
+    height: "var(--osdk-filter-skeleton-text-height)",
+    maxWidth: row.textWidth,
+    className: styles.flexBar
+  }), /*#__PURE__*/React.createElement(SkeletonBar, {
+    width: "var(--osdk-filter-listogram-bar-width)",
+    height: "var(--osdk-filter-listogram-bar-height)"
+  }), /*#__PURE__*/React.createElement(SkeletonBar, {
+    width: "var(--osdk-filter-skeleton-count-width)",
+    height: "var(--osdk-filter-skeleton-text-height)"
+  }))));
+}
+//# sourceMappingURL=ListogramSkeleton.js.map

package/build/browser/filter-list/base/inputs/ListogramSkeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListogramSkeleton.js","names":["React","SkeletonBar","styles","SKELETON_ROWS","textWidth","ListogramSkeleton","createElement","className","container","map","row","index","key","height","maxWidth","flexBar","width"],"sources":["ListogramSkeleton.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\";\nimport { SkeletonBar } from \"../../../base-components/skeleton/SkeletonBar.js\";\nimport styles from \"./ListogramSkeleton.module.css\";\n\nconst SKELETON_ROWS = [\n  { textWidth: \"50%\" },\n  { textWidth: \"35%\" },\n  { textWidth: \"60%\" },\n];\n\nexport function ListogramSkeleton(): React.ReactElement {\n  return (\n    <div className={styles.container}>\n      {SKELETON_ROWS.map((row, index) => (\n        <div key={index} className={styles.row}>\n          <SkeletonBar\n            height=\"var(--osdk-filter-skeleton-text-height)\"\n            maxWidth={row.textWidth}\n            className={styles.flexBar}\n          />\n          <SkeletonBar\n            width=\"var(--osdk-filter-listogram-bar-width)\"\n            height=\"var(--osdk-filter-listogram-bar-height)\"\n          />\n          <SkeletonBar\n            width=\"var(--osdk-filter-skeleton-count-width)\"\n            height=\"var(--osdk-filter-skeleton-text-height)\"\n          />\n        </div>\n      ))}\n    </div>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,WAAW,QAAQ,kDAAkD;AAC9E,OAAOC,MAAM,MAAM,gCAAgC;AAEnD,MAAMC,aAAa,GAAG,CACpB;EAAEC,SAAS,EAAE;AAAM,CAAC,EACpB;EAAEA,SAAS,EAAE;AAAM,CAAC,EACpB;EAAEA,SAAS,EAAE;AAAM,CAAC,CACrB;AAED,OAAO,SAASC,iBAAiBA,CAAA,EAAuB;EACtD,oBACEL,KAAA,CAAAM,aAAA;IAAKC,SAAS,EAAEL,MAAM,CAACM;EAAU,GAC9BL,aAAa,CAACM,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK,kBAC5BX,KAAA,CAAAM,aAAA;IAAKM,GAAG,EAAED,KAAM;IAACJ,SAAS,EAAEL,MAAM,CAACQ;EAAI,gBACrCV,KAAA,CAAAM,aAAA,CAACL,WAAW;IACVY,MAAM,EAAC,yCAAyC;IAChDC,QAAQ,EAAEJ,GAAG,CAACN,SAAU;IACxBG,SAAS,EAAEL,MAAM,CAACa;EAAQ,CAC3B,CAAC,eACFf,KAAA,CAAAM,aAAA,CAACL,WAAW;IACVe,KAAK,EAAC,wCAAwC;IAC9CH,MAAM,EAAC;EAAyC,CACjD,CAAC,eACFb,KAAA,CAAAM,aAAA,CAACL,WAAW;IACVe,KAAK,EAAC,yCAAyC;IAC/CH,MAAM,EAAC;EAAyC,CACjD,CACE,CACN,CACE,CAAC;AAEV","ignoreList":[]}

package/build/browser/filter-list/base/inputs/ListogramSkeleton.module.css

@@ -0,0 +1,32 @@
+/*
+ * 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.
+ */
+
+.container {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-filter-listogram-gap);
+}
+
+.row {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-filter-listogram-row-gap);
+  padding: var(--osdk-filter-listogram-row-padding);
+}
+
+.flexBar {
+  flex: 1;
+}

package/build/browser/filter-list/base/inputs/ListogramSkeleton.module.css.js

@@ -0,0 +1,8 @@
+// CSS Module proxy for ListogramSkeleton.module.css
+const styles = {
+  "container": "ListogramSkeleton-module__container___OhztnRu9",
+  "row": "ListogramSkeleton-module__row___-JgFlzSX",
+  "flexBar": "ListogramSkeleton-module__flexBar___ohU5Nawa"
+};
+
+export default styles;

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

@@ -18,7 +18,7 @@ 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 { formatDateForDisplay, formatDateForInput, parseDateFromInput } from "../../../shared/dateUtils.js";
 import styles from "./MultiDateInput.module.css.js";
 import sharedStyles from "./shared.module.css.js";
 function MultiDateInputInner({

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

@@ -1 +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":[]}
+{"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 \"../../../shared/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/browser/filter-list/base/inputs/MultiDateInput.module.css

@@ -21,13 +21,13 @@
 }
 
 .clearAll {
-  font-family: var(--bp-typography-family-default);
-  font-size: var(--bp-typography-size-bodySmall);
-  color: var(--bp-intent-primary-rest);
+  font-family: var(--osdk-filter-date-clear-font-family);
+  font-size: var(--osdk-filter-date-clear-font-size);
+  color: var(--osdk-filter-date-clear-color);
   background: transparent;
   border: none;
   cursor: pointer;
-  padding: calc(var(--bp-surface-spacing) * 0.5);
+  padding: var(--osdk-filter-date-clear-padding);
 
   &:hover {
     text-decoration: underline;
@@ -40,8 +40,8 @@
 
 .input {
   flex: 1;
-  font-family: var(--bp-typography-family-default);
-  font-size: var(--bp-typography-size-bodyMedium);
+  font-family: var(--osdk-filter-input-font-family);
+  font-size: var(--osdk-filter-timeline-input-font-size);
   padding: var(--osdk-filter-input-padding);
   border: var(--osdk-filter-input-border);
   border-radius: var(--osdk-filter-input-border-radius);