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

package/build/esm/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/esm/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";
+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/esm/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/esm/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/esm/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";
 import sharedStyles from "./shared.module.css";
 function MultiDateInputInner({

package/build/esm/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/esm/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);

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

@@ -0,0 +1,76 @@
+/*
+ * 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 classnames from "classnames";
+import React, { memo, useCallback, useMemo } from "react";
+import { Combobox } from "../../../base-components/combobox/Combobox.js";
+import styles from "./MultiSelectInput.module.css";
+import sharedStyles from "./shared.module.css";
+function MultiSelectInputInner({
+  values,
+  isLoading,
+  error,
+  selectedValues,
+  onChange,
+  className,
+  style,
+  placeholder = "Select values...",
+  ariaLabel = "Search values"
+}) {
+  const handleValueChange = useCallback(newValues => {
+    onChange(newValues ?? []);
+  }, [onChange]);
+  const items = useMemo(() => values.map(({
+    value
+  }) => value), [values]);
+  const countByValue = useMemo(() => new Map(values.map(({
+    value,
+    count
+  }) => [value, count])), [values]);
+  const renderItem = useCallback(value => /*#__PURE__*/React.createElement(Combobox.Item, {
+    key: value,
+    value: value
+  }, /*#__PURE__*/React.createElement(Combobox.ItemIndicator, null), /*#__PURE__*/React.createElement("span", {
+    className: styles.itemLabel
+  }, value), /*#__PURE__*/React.createElement("span", {
+    className: styles.itemCount
+  }, "(", (countByValue.get(value) ?? 0).toLocaleString(), ")")), [countByValue]);
+  const renderChips = useCallback(selectedItems => /*#__PURE__*/React.createElement(React.Fragment, null, selectedItems.map(value => /*#__PURE__*/React.createElement(Combobox.Chip, {
+    key: value,
+    "aria-label": value
+  }, value, /*#__PURE__*/React.createElement(Combobox.ChipRemove, null))), /*#__PURE__*/React.createElement(Combobox.Input, {
+    placeholder: selectedItems.length > 0 ? "" : placeholder,
+    "aria-label": ariaLabel
+  })), [placeholder, ariaLabel]);
+  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,
+    items: items
+  }, isLoading && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.loadingMessage
+  }, "Updating..."), /*#__PURE__*/React.createElement(Combobox.Chips, null, /*#__PURE__*/React.createElement(Combobox.Value, null, renderChips)), /*#__PURE__*/React.createElement(Combobox.Portal, null, /*#__PURE__*/React.createElement(Combobox.Positioner, null, /*#__PURE__*/React.createElement(Combobox.Popup, null, /*#__PURE__*/React.createElement(Combobox.Empty, null, "No matching options"), /*#__PURE__*/React.createElement(Combobox.List, null, renderItem))))));
+}
+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":["classnames","React","memo","useCallback","useMemo","Combobox","styles","sharedStyles","MultiSelectInputInner","values","isLoading","error","selectedValues","onChange","className","style","placeholder","ariaLabel","handleValueChange","newValues","items","map","value","countByValue","Map","count","renderItem","createElement","Item","key","ItemIndicator","itemLabel","itemCount","get","toLocaleString","renderChips","selectedItems","Fragment","Chip","ChipRemove","Input","length","multiSelect","errorMessage","message","emptyMessage","Root","multiple","onValueChange","loadingMessage","Chips","Value","Portal","Positioner","Popup","Empty","List","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 classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo } from \"react\";\nimport { Combobox } from \"../../../base-components/combobox/Combobox.js\";\nimport type { PropertyAggregationValue } from \"../../types/AggregationTypes.js\";\nimport styles from \"./MultiSelectInput.module.css\";\nimport sharedStyles from \"./shared.module.css\";\n\ninterface MultiSelectInputProps {\n  values: PropertyAggregationValue[];\n  isLoading: boolean;\n  error: Error | null;\n  selectedValues: string[];\n  onChange: (values: string[]) => void;\n  className?: string;\n  style?: React.CSSProperties;\n  placeholder?: string;\n  ariaLabel?: string;\n}\n\nfunction MultiSelectInputInner({\n  values,\n  isLoading,\n  error,\n  selectedValues,\n  onChange,\n  className,\n  style,\n  placeholder = \"Select values...\",\n  ariaLabel = \"Search values\",\n}: MultiSelectInputProps): React.ReactElement {\n  const handleValueChange = useCallback(\n    (newValues: string[] | null) => {\n      onChange(newValues ?? []);\n    },\n    [onChange],\n  );\n\n  const items = useMemo(\n    () => values.map(({ value }) => value),\n    [values],\n  );\n\n  const countByValue = useMemo(\n    () => new Map(values.map(({ value, count }) => [value, count])),\n    [values],\n  );\n\n  const renderItem = useCallback(\n    (value: string) => (\n      <Combobox.Item key={value} value={value}>\n        <Combobox.ItemIndicator />\n        <span className={styles.itemLabel}>{value}</span>\n        <span className={styles.itemCount}>\n          ({(countByValue.get(value) ?? 0).toLocaleString()})\n        </span>\n      </Combobox.Item>\n    ),\n    [countByValue],\n  );\n\n  const renderChips = useCallback(\n    (selectedItems: string[]) => (\n      <>\n        {selectedItems.map((value) => (\n          <Combobox.Chip\n            key={value}\n            aria-label={value}\n          >\n            {value}\n            <Combobox.ChipRemove />\n          </Combobox.Chip>\n        ))}\n        <Combobox.Input\n          placeholder={selectedItems.length > 0 ? \"\" : placeholder}\n          aria-label={ariaLabel}\n        />\n      </>\n    ),\n    [placeholder, ariaLabel],\n  );\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={true}\n          value={selectedValues}\n          onValueChange={handleValueChange}\n          items={items}\n        >\n          {isLoading && (\n            <div className={sharedStyles.loadingMessage}>\n              Updating...\n            </div>\n          )}\n\n          <Combobox.Chips>\n            <Combobox.Value>{renderChips}</Combobox.Value>\n          </Combobox.Chips>\n\n          <Combobox.Portal>\n            <Combobox.Positioner>\n              <Combobox.Popup>\n                <Combobox.Empty>No matching options</Combobox.Empty>\n                <Combobox.List>{renderItem}</Combobox.List>\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,37 @@
+/*
+ * 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);
+}
+
+.itemLabel {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.itemCount {
+  font-family: var(--osdk-filter-multiselect-count-font-family);
+  font-size: var(--osdk-filter-multiselect-count-font-size);
+  font-variant-numeric: tabular-nums;
+  color: var(--osdk-filter-multiselect-count-color);
+  flex-shrink: 0;
+}

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

@@ -0,0 +1,57 @@
+/*
+ * 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 classnames from "classnames";
+import React, { memo, useCallback } from "react";
+import { Checkbox } from "../../../base-components/checkbox/Checkbox.js";
+import styles from "./NullValueWrapper.module.css";
+import sharedStyles from "./shared.module.css";
+function NullValueWrapperInner({
+  nullCount,
+  isLoading,
+  error,
+  includeNull = false,
+  onIncludeNullChange,
+  showNullCount = true,
+  children,
+  className,
+  style
+}) {
+  const handleToggle = useCallback(() => {
+    onIncludeNullChange(!includeNull);
+  }, [includeNull, onIncludeNullChange]);
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.nullWrapper, className),
+    style: style
+  }, children, /*#__PURE__*/React.createElement("div", {
+    className: styles.nullValueRow,
+    "data-checked": includeNull,
+    "data-loading": isLoading
+  }, /*#__PURE__*/React.createElement("label", {
+    className: styles.nullLabel
+  }, /*#__PURE__*/React.createElement(Checkbox, {
+    checked: includeNull,
+    onCheckedChange: handleToggle
+  }), /*#__PURE__*/React.createElement("span", {
+    className: styles.nullLabelText
+  }, "No value")), showNullCount && !error && /*#__PURE__*/React.createElement("span", {
+    className: styles.count
+  }, nullCount.toLocaleString())), error && /*#__PURE__*/React.createElement("div", {
+    className: sharedStyles.errorMessage
+  }, "Failed to load null count"));
+}
+export const NullValueWrapper = /*#__PURE__*/memo(NullValueWrapperInner);
+//# sourceMappingURL=NullValueWrapper.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NullValueWrapper.js","names":["classnames","React","memo","useCallback","Checkbox","styles","sharedStyles","NullValueWrapperInner","nullCount","isLoading","error","includeNull","onIncludeNullChange","showNullCount","children","className","style","handleToggle","createElement","nullWrapper","nullValueRow","nullLabel","checked","onCheckedChange","nullLabelText","count","toLocaleString","errorMessage","NullValueWrapper"],"sources":["NullValueWrapper.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 classnames from \"classnames\";\nimport React, { memo, useCallback } from \"react\";\nimport { Checkbox } from \"../../../base-components/checkbox/Checkbox.js\";\nimport styles from \"./NullValueWrapper.module.css\";\nimport sharedStyles from \"./shared.module.css\";\n\ninterface NullValueWrapperProps {\n  nullCount: number;\n  isLoading: boolean;\n  error?: Error | null;\n  includeNull?: boolean;\n  onIncludeNullChange: (include: boolean) => void;\n  showNullCount?: boolean;\n  children: React.ReactNode;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction NullValueWrapperInner({\n  nullCount,\n  isLoading,\n  error,\n  includeNull = false,\n  onIncludeNullChange,\n  showNullCount = true,\n  children,\n  className,\n  style,\n}: NullValueWrapperProps): React.ReactElement {\n  const handleToggle = useCallback(() => {\n    onIncludeNullChange(!includeNull);\n  }, [includeNull, onIncludeNullChange]);\n\n  return (\n    <div className={classnames(styles.nullWrapper, className)} style={style}>\n      {children}\n\n      <div\n        className={styles.nullValueRow}\n        data-checked={includeNull}\n        data-loading={isLoading}\n      >\n        <label className={styles.nullLabel}>\n          <Checkbox checked={includeNull} onCheckedChange={handleToggle} />\n          <span className={styles.nullLabelText}>No value</span>\n        </label>\n        {showNullCount && !error && (\n          <span className={styles.count}>\n            {nullCount.toLocaleString()}\n          </span>\n        )}\n      </div>\n      {error && (\n        <div className={sharedStyles.errorMessage}>\n          Failed to load null count\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport const NullValueWrapper = memo(\n  NullValueWrapperInner,\n) as typeof NullValueWrapperInner;\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,OAAOA,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,IAAIC,IAAI,EAAEC,WAAW,QAAQ,OAAO;AAChD,SAASC,QAAQ,QAAQ,+CAA+C;AACxE,OAAOC,MAAM,MAAM,+BAA+B;AAClD,OAAOC,YAAY,MAAM,qBAAqB;AAc9C,SAASC,qBAAqBA,CAAC;EAC7BC,SAAS;EACTC,SAAS;EACTC,KAAK;EACLC,WAAW,GAAG,KAAK;EACnBC,mBAAmB;EACnBC,aAAa,GAAG,IAAI;EACpBC,QAAQ;EACRC,SAAS;EACTC;AACqB,CAAC,EAAsB;EAC5C,MAAMC,YAAY,GAAGd,WAAW,CAAC,MAAM;IACrCS,mBAAmB,CAAC,CAACD,WAAW,CAAC;EACnC,CAAC,EAAE,CAACA,WAAW,EAAEC,mBAAmB,CAAC,CAAC;EAEtC,oBACEX,KAAA,CAAAiB,aAAA;IAAKH,SAAS,EAAEf,UAAU,CAACK,MAAM,CAACc,WAAW,EAAEJ,SAAS,CAAE;IAACC,KAAK,EAAEA;EAAM,GACrEF,QAAQ,eAETb,KAAA,CAAAiB,aAAA;IACEH,SAAS,EAAEV,MAAM,CAACe,YAAa;IAC/B,gBAAcT,WAAY;IAC1B,gBAAcF;EAAU,gBAExBR,KAAA,CAAAiB,aAAA;IAAOH,SAAS,EAAEV,MAAM,CAACgB;EAAU,gBACjCpB,KAAA,CAAAiB,aAAA,CAACd,QAAQ;IAACkB,OAAO,EAAEX,WAAY;IAACY,eAAe,EAAEN;EAAa,CAAE,CAAC,eACjEhB,KAAA,CAAAiB,aAAA;IAAMH,SAAS,EAAEV,MAAM,CAACmB;EAAc,GAAC,UAAc,CAChD,CAAC,EACPX,aAAa,IAAI,CAACH,KAAK,iBACtBT,KAAA,CAAAiB,aAAA;IAAMH,SAAS,EAAEV,MAAM,CAACoB;EAAM,GAC3BjB,SAAS,CAACkB,cAAc,CAAC,CACtB,CAEL,CAAC,EACLhB,KAAK,iBACJT,KAAA,CAAAiB,aAAA;IAAKH,SAAS,EAAET,YAAY,CAACqB;EAAa,GAAC,2BAEtC,CAEJ,CAAC;AAEV;AAEA,OAAO,MAAMC,gBAAgB,gBAAG1B,IAAI,CAClCK,qBACF,CAAiC","ignoreList":[]}

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

@@ -0,0 +1,50 @@
+/*
+ * 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.
+ */
+
+.nullWrapper {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-filter-null-wrapper-gap);
+}
+
+.nullValueRow {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: var(--osdk-filter-null-row-padding);
+  border-top: var(--osdk-filter-null-row-border-top);
+}
+
+.nullLabel {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-filter-null-label-gap);
+  cursor: pointer;
+}
+
+.nullLabelText {
+  font-family: var(--osdk-filter-null-label-font-family);
+  font-size: var(--osdk-filter-null-label-font-size);
+  line-height: var(--osdk-filter-null-label-line-height);
+  color: var(--osdk-filter-null-label-color);
+}
+
+.count {
+  font-family: var(--osdk-filter-null-count-font-family);
+  font-size: var(--osdk-filter-null-count-font-size);
+  font-variant-numeric: tabular-nums;
+  color: var(--osdk-filter-null-count-color);
+}

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

@@ -0,0 +1,48 @@
+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 { RangeInput } from "./RangeInput.js";
+function formatNumber(value) {
+  return value !== undefined ? String(value) : "";
+}
+function parseNumber(value) {
+  if (value === "") return undefined;
+  const parsed = parseFloat(value);
+  return isNaN(parsed) ? undefined : parsed;
+}
+const numberConfig = {
+  inputType: "number",
+  formatValue: formatNumber,
+  parseValue: parseNumber,
+  toNumber: v => v,
+  fromNumber: v => v,
+  minLabel: "Min",
+  maxLabel: "Max",
+  formatTooltip: (min, max, count) => `${min.toFixed(1)} - ${max.toFixed(1)}: ${count.toLocaleString()}`,
+  formatPlaceholder: value => value.toFixed(0),
+  inputProps: {
+    step: "any"
+  }
+};
+function NumberRangeInputInner(props) {
+  return /*#__PURE__*/React.createElement(RangeInput, _extends({}, props, {
+    config: numberConfig
+  }));
+}
+export const NumberRangeInput = /*#__PURE__*/memo(NumberRangeInputInner);
+//# sourceMappingURL=NumberRangeInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NumberRangeInput.js","names":["React","memo","RangeInput","formatNumber","value","undefined","String","parseNumber","parsed","parseFloat","isNaN","numberConfig","inputType","formatValue","parseValue","toNumber","v","fromNumber","minLabel","maxLabel","formatTooltip","min","max","count","toFixed","toLocaleString","formatPlaceholder","inputProps","step","NumberRangeInputInner","props","createElement","_extends","config","NumberRangeInput"],"sources":["NumberRangeInput.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 { RangeInput, type RangeInputConfig } from \"./RangeInput.js\";\n\nfunction formatNumber(value: number | undefined): string {\n  return value !== undefined ? String(value) : \"\";\n}\n\nfunction parseNumber(value: string): number | undefined {\n  if (value === \"\") return undefined;\n  const parsed = parseFloat(value);\n  return isNaN(parsed) ? undefined : parsed;\n}\n\nconst numberConfig: RangeInputConfig<number> = {\n  inputType: \"number\",\n  formatValue: formatNumber,\n  parseValue: parseNumber,\n  toNumber: (v) => v,\n  fromNumber: (v) => v,\n  minLabel: \"Min\",\n  maxLabel: \"Max\",\n  formatTooltip: (min, max, count) =>\n    `${min.toFixed(1)} - ${max.toFixed(1)}: ${count.toLocaleString()}`,\n  formatPlaceholder: (value) => value.toFixed(0),\n  inputProps: { step: \"any\" },\n};\n\ninterface NumberRangeInputProps {\n  valueCountPairs: Array<{ value: number; count: number }>;\n  isLoading: boolean;\n  minValue: number | undefined;\n  maxValue: number | undefined;\n  onChange: (min: number | undefined, max: number | undefined) => void;\n  showHistogram?: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n}\n\nfunction NumberRangeInputInner(\n  props: NumberRangeInputProps,\n): React.ReactElement {\n  return <RangeInput {...props} config={numberConfig} />;\n}\n\nexport const NumberRangeInput = memo(\n  NumberRangeInputInner,\n) as typeof NumberRangeInputInner;\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,SAASC,UAAU,QAA+B,iBAAiB;AAEnE,SAASC,YAAYA,CAACC,KAAyB,EAAU;EACvD,OAAOA,KAAK,KAAKC,SAAS,GAAGC,MAAM,CAACF,KAAK,CAAC,GAAG,EAAE;AACjD;AAEA,SAASG,WAAWA,CAACH,KAAa,EAAsB;EACtD,IAAIA,KAAK,KAAK,EAAE,EAAE,OAAOC,SAAS;EAClC,MAAMG,MAAM,GAAGC,UAAU,CAACL,KAAK,CAAC;EAChC,OAAOM,KAAK,CAACF,MAAM,CAAC,GAAGH,SAAS,GAAGG,MAAM;AAC3C;AAEA,MAAMG,YAAsC,GAAG;EAC7CC,SAAS,EAAE,QAAQ;EACnBC,WAAW,EAAEV,YAAY;EACzBW,UAAU,EAAEP,WAAW;EACvBQ,QAAQ,EAAGC,CAAC,IAAKA,CAAC;EAClBC,UAAU,EAAGD,CAAC,IAAKA,CAAC;EACpBE,QAAQ,EAAE,KAAK;EACfC,QAAQ,EAAE,KAAK;EACfC,aAAa,EAAEA,CAACC,GAAG,EAAEC,GAAG,EAAEC,KAAK,KAC7B,GAAGF,GAAG,CAACG,OAAO,CAAC,CAAC,CAAC,MAAMF,GAAG,CAACE,OAAO,CAAC,CAAC,CAAC,KAAKD,KAAK,CAACE,cAAc,CAAC,CAAC,EAAE;EACpEC,iBAAiB,EAAGtB,KAAK,IAAKA,KAAK,CAACoB,OAAO,CAAC,CAAC,CAAC;EAC9CG,UAAU,EAAE;IAAEC,IAAI,EAAE;EAAM;AAC5B,CAAC;AAaD,SAASC,qBAAqBA,CAC5BC,KAA4B,EACR;EACpB,oBAAO9B,KAAA,CAAA+B,aAAA,CAAC7B,UAAU,EAAA8B,QAAA,KAAKF,KAAK;IAAEG,MAAM,EAAEtB;EAAa,EAAE,CAAC;AACxD;AAEA,OAAO,MAAMuB,gBAAgB,gBAAGjC,IAAI,CAClC4B,qBACF,CAAiC","ignoreList":[]}