@osdk/react-components 0.2.0-beta.1 → 0.2.0-beta.11

package/CHANGELOG.md

@@ -1,5 +1,123 @@
 # @osdk/react-components
 
+## 0.2.0-beta.11
+
+### Minor Changes
+
+- 447e29d: Update editable table UX and API to pass the entire row data on edit
+
+## 0.2.0-beta.10
+
+### Minor Changes
+
+- b4bf087: add complex and aggregation filter input components
+- 0bf4c53: add e2e sandbox filter list demos and remove unused filter types
+- 35f2f1a: Add Media inputs/outputs for Queries
+
+### Patch Changes
+
+- Updated dependencies [9156827]
+- Updated dependencies [e64bf0b]
+- Updated dependencies [baba327]
+- Updated dependencies [d1ad4d1]
+- Updated dependencies [35f2f1a]
+- Updated dependencies [71e28ef]
+  - @osdk/react@0.10.0-beta.7
+  - @osdk/client@2.8.0-beta.14
+  - @osdk/api@2.8.0-beta.14
+
+## 0.2.0-beta.9
+
+### Minor Changes
+
+- 4187b2b: Fix shift click to select from last selected and header menu styles
+
+## 0.2.0-beta.8
+
+### Minor Changes
+
+- 993c023: ObjectTable supports objectSet input
+
+### Patch Changes
+
+- Updated dependencies [993c023]
+- Updated dependencies [8825f8c]
+  - @osdk/react@0.10.0-beta.6
+  - @osdk/client@2.8.0-beta.12
+  - @osdk/api@2.8.0-beta.12
+
+## 0.2.0-beta.7
+
+### Minor Changes
+
+- 52b70aa: Fix onRowClick triggered on row selection
+
+## 0.2.0-beta.6
+
+### Minor Changes
+
+- 9893b41: Add storybook
+
+## 0.2.0-beta.5
+
+### Minor Changes
+
+- dba18e0: Fix css build
+
+### Patch Changes
+
+- @osdk/api@2.8.0-beta.8
+- @osdk/client@2.8.0-beta.8
+- @osdk/react@0.10.0-beta.4
+
+## 0.2.0-beta.4
+
+### Minor Changes
+
+- 9c54ee5: Support editable cell
+
+### Patch Changes
+
+- Updated dependencies [4cd7389]
+  - @osdk/client@2.8.0-beta.7
+  - @osdk/api@2.8.0-beta.7
+  - @osdk/react@0.10.0-beta.4
+
+## 0.2.0-beta.3
+
+### Minor Changes
+
+- 50bd461: add combobox, select, and switch base components
+- 727fd0e: fix dual @types/react version mismatch
+- 4c7884f: Add custom column, multi column sort and column config
+- 4ffe6f5: add filter list state management and where clause builder
+
+### Patch Changes
+
+- Updated dependencies [8c60682]
+- Updated dependencies [15e1686]
+- Updated dependencies [727fd0e]
+- Updated dependencies [c9d954d]
+- Updated dependencies [044eb80]
+- Updated dependencies [9d234b9]
+  - @osdk/client@2.8.0-beta.6
+  - @osdk/react@0.10.0-beta.4
+  - @osdk/api@2.8.0-beta.6
+
+## 0.2.0-beta.2
+
+### Minor Changes
+
+- 5ad3ba1: Fix conflicting dependencies and add docs
+
+### Patch Changes
+
+- Updated dependencies [26cec61]
+- Updated dependencies [0d174a2]
+  - @osdk/client@2.8.0-beta.3
+  - @osdk/react@0.10.0-beta.2
+  - @osdk/api@2.8.0-beta.3
+
 ## 0.1.0-beta.6
 
 ### Minor Changes

package/README.md

@@ -10,40 +10,76 @@ Run the command to install:
 
 - @osdk/react-components - The unstyled components from this package
 - @osdk/react-components-styles - The default styles for the components
-- @osdk/react, @osdk/api, @osdk/client - The packages required for data-handling
 
 ```sh
-npm install @osdk/react-components @osdk/react-components-styles @osdk/react @osdk/client @osdk/api
+npm install @osdk/react-components @osdk/react-components-styles
 ```
 
+**Peer Dependencies:**
+
+The following peer dependencies are required:
+
+```sh
+npm install react react-dom classnames @osdk/react @osdk/client @osdk/api
+```
+
+- `react`, `@types/react`, `react-dom` - React 17, 18, or 19
+- `classnames` - Utility for conditionally joining CSS class names
+- `@osdk/react`, `@osdk/api`, `@osdk/client` - The packages required for data-handling
+
 **Prerequisites:**
 
-- React 18
 - A configured OSDK client
-- An OsdkProvider wrapping your application
+- An OsdkProvider2 wrapping your application
 
 ## Setup
 
-Add this to your application layout root as we are using Base UI portals. See https://base-ui.com/react/overview/quick-start#portals
+### App Setup
+
+**REQUIRED:** Wrap app with OsdkProvider2:
+
+```tsx
+import { createClient } from "@osdk/client";
+import { OsdkProvider2 } from "@osdk/react/experimental";
+
+const client = createClient(/* config */);
+
+function App() {
+  return <OsdkProvider2 client={client}>{/* components */}</OsdkProvider2>;
+}
+```
+
+### CSS Setup
+
+Add this to your application's entry css file (e.g., `index.css` or `index.scss`):
 
 ```css
 /* index.css */
+@layer osdk.tokens, osdk.components;
+
+@import "@osdk/react-components-styles" layer(osdk.tokens);
+@import "@osdk/react-components/styles.css" layer(osdk.components);
+
 .root {
   isolation: isolate;
 }
 ```
 
+The `.root` isolation is required for Base UI portals. See https://base-ui.com/react/overview/quick-start#portals
+
+Using `@layer` ensures proper CSS cascade ordering - component styles are loaded before token styles, allowing tokens to override component defaults when needed.
+
 ## Components
 
 > **Note:** This package is under active development. Not all components listed below are available yet.
 
 The components that this package will provide are:
 
-| Component     | Description                                                                        |
-| ------------- | ---------------------------------------------------------------------------------- |
-| `ObjectTable` | Displays an Object Set as a sortable, paginated table                              |
-| `FilterList`  | Visualize a high-level summary of objects data to allow users to filter that data. |
-| `ActionForm`  | Auto-generated form for executing Ontology Actions                                 |
+| Component     | Description                                                                        | Documentation                  |
+| ------------- | ---------------------------------------------------------------------------------- | ------------------------------ |
+| `ObjectTable` | Displays an Object Set as a sortable, paginated table                              | [Guide](./docs/ObjectTable.md) |
+| `FilterList`  | Visualize a high-level summary of objects data to allow users to filter that data. | -                              |
+| `ActionForm`  | Auto-generated form for executing Ontology Actions                                 | -                              |
 
 ## Custom Styling
 
@@ -54,7 +90,7 @@ See `@osdk/react-components-styles` README on how to apply custom themes and sty
 ### Object Table
 
 ```ts
-import { ObjectTable } from "@osdk/react-components";
+import { ObjectTable } from "@osdk/react-components/experimental";
 import { $, Employee } from "@your-osdk-package";
 
 function EmployeeDirectory() {
@@ -66,27 +102,24 @@ function EmployeeDirectory() {
 }
 ```
 
+## Development Workflow
+
+1. In packages/react-components, run `pnpm install` to install the dependencies.
+2. Run `pnpm transpileAllDeps` to transpile all dependencies in this repo.
+3. To run tests, run `pnpm test`
+
 ### Running the Example People App
 
 The examples are added to `packages/e2e.sandbox.peopleapp`, so we need to run the example app.
 
 #### Steps:
 
-1. Create a .env.local file with the content below in packages/e2e.sandbox.peopleapp:
-
-```
-VITE_FOUNDRY_URL=https://swirl.palantirfoundry.com
-VITE_FOUNDRY_CLIENT_ID=<insert_client_id>
-VITE_FOUNDRY_CLIENT_SECRET=<insert_token>
-VITE_FOUNDRY_REDIRECT_URL=http://localhost:8080/auth/callback
-```
-
-2. Get VITE_FOUNDRY_CLIENT_ID from "https://swirl.palantirfoundry.com/workspace/developer-console/app/ri.third-party-applications.main.application.91b973ac-e504-4322-95b4-4962b60495fe/oauth" under App Credentials > Client ID.
+1. Create a .env.local file based on `.env.local.sample` in packages/e2e.sandbox.peopleapp:
 
-3. Transpile @osdk/react-components and its dependencies
+2. Transpile all dependencies of peopleapp
 
 ```
-pnpm --filter @osdk/react-components transpileAllDeps && pnpm --filter @osdk/react-components transpileBrowser
+pnpm --filter @osdk/e2e.sandbox.peopleapp transpileAllDeps
 ```
 
 4. Run the people app

package/build/browser/base-components/action-button/ActionButton.js

@@ -0,0 +1,31 @@
+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 { Button } from "@base-ui/react/button";
+import classNames from "classnames";
+import React from "react";
+import styles from "./ActionButton.module.css.js";
+export function ActionButton({
+  variant = "secondary",
+  className,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(Button, _extends({
+    className: classNames(styles.button, variant === "primary" ? styles.primaryButton : styles.secondaryButton, className)
+  }, rest));
+}
+//# sourceMappingURL=ActionButton.js.map

package/build/browser/base-components/action-button/ActionButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionButton.js","names":["Button","classNames","React","styles","ActionButton","variant","className","rest","createElement","_extends","button","primaryButton","secondaryButton"],"sources":["ActionButton.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 from \"react\";\nimport styles from \"./ActionButton.module.css\";\n\nexport interface ButtonProps\n  extends React.ButtonHTMLAttributes<HTMLButtonElement>\n{\n  variant?: \"primary\" | \"secondary\";\n}\n\nexport function ActionButton({\n  variant = \"secondary\",\n  className,\n  ...rest\n}: ButtonProps): React.ReactElement {\n  return (\n    <Button\n      className={classNames(\n        styles.button,\n        variant === \"primary\" ? styles.primaryButton : styles.secondaryButton,\n        className,\n      )}\n      {...rest}\n    />\n  );\n}\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,QAAQ,uBAAuB;AAC9C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,2BAA2B;AAQ9C,OAAO,SAASC,YAAYA,CAAC;EAC3BC,OAAO,GAAG,WAAW;EACrBC,SAAS;EACT,GAAGC;AACQ,CAAC,EAAsB;EAClC,oBACEL,KAAA,CAAAM,aAAA,CAACR,MAAM,EAAAS,QAAA;IACLH,SAAS,EAAEL,UAAU,CACnBE,MAAM,CAACO,MAAM,EACbL,OAAO,KAAK,SAAS,GAAGF,MAAM,CAACQ,aAAa,GAAGR,MAAM,CAACS,eAAe,EACrEN,SACF;EAAE,GACEC,IAAI,CACT,CAAC;AAEN","ignoreList":[]}

package/build/browser/base-components/action-button/ActionButton.module.css

@@ -0,0 +1,70 @@
+/*
+ * 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.
+ */
+
+.button {
+  padding: calc(var(--osdk-surface-spacing) * 2)
+    calc(var(--osdk-surface-spacing) * 4);
+  border-radius: var(--osdk-surface-border-radius);
+  font-size: var(--osdk-typography-size-body-medium);
+  cursor: pointer;
+
+  &:focus {
+    outline: none;
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-focus-outline);
+    outline-offset: var(--osdk-focus-visible-outline-offset);
+  }
+}
+
+.secondaryButton {
+  background-color: var(--osdk-button-secondary-bg);
+  border: var(--osdk-surface-border);
+  color: var(--osdk-button-secondary-color);
+
+  &:hover:not(:disabled) {
+    background-color: var(--osdk-button-secondary-bg-hover);
+  }
+
+  &:active:not(:disabled) {
+    background-color: var(--osdk-button-secondary-bg-active);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+}
+
+.primaryButton {
+  background-color: var(--osdk-button-primary-bg);
+  border: none;
+  color: var(--osdk-button-primary-color);
+
+  &:hover:not(:disabled) {
+    background-color: var(--osdk-button-primary-bg-hover);
+  }
+
+  &:active:not(:disabled) {
+    background-color: var(--osdk-button-primary-bg-active);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+}

package/build/browser/base-components/action-button/ActionButton.module.css.js

@@ -0,0 +1,8 @@
+// CSS Module proxy for ActionButton.module.css
+const styles = {
+  "button": "ActionButton-module__button___ml7q5klp",
+  "secondaryButton": "ActionButton-module__secondaryButton___9ADrh8W1",
+  "primaryButton": "ActionButton-module__primaryButton___26uDwmR6"
+};
+
+export default styles;

package/build/browser/base-components/checkbox/Checkbox.js

@@ -1,45 +1,40 @@
-// build/browser/base-components/checkbox/Checkbox.js
+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 { Checkbox as BaseUICheckbox } from "@base-ui/react/checkbox";
 import { Minus, Tick } from "@blueprintjs/icons";
 import classnames from "classnames";
 import React from "react";
-
-// build/browser/base-components/checkbox/Checkbox.module.css
-var css = '/*\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\n.osdkCheckboxRoot {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  min-width: calc(\n    var(--osdk-checkbox-icon-size) + var(--osdk-checkbox-padding) * 2\n  );\n  min-height: calc(\n    var(--osdk-checkbox-icon-size) + var(--osdk-checkbox-padding) * 2\n  );\n  padding: var(--osdk-checkbox-padding);\n  box-sizing: border-box;\n  cursor: pointer;\n  border-radius: var(--osdk-surface-border-radius);\n  border: var(--osdk-checkbox-border);\n\n  &[data-unchecked] {\n    background-color: var(--osdk-checkbox-bg);\n\n    &:hover {\n      background-color: var(--osdk-checkbox-bg-hover);\n    }\n\n    &:active {\n      background-color: var(--osdk-checkbox-bg-active);\n    }\n  }\n\n  &[data-checked],\n  &[data-indeterminate] {\n    background-color: var(--osdk-checkbox-bg-checked);\n\n    &:hover {\n      background-color: var(--osdk-checkbox-bg-checked-hover);\n    }\n\n    &:active {\n      background-color: var(--osdk-checkbox-bg-checked-active);\n    }\n  }\n\n  &:focus {\n    outline: none;\n  }\n\n  &:focus-visible {\n    outline: var(--osdk-focus-visible-outline);\n    outline-offset: calc(-1 * var(--osdk-focus-visible-outline-offset));\n  }\n}\n\n.osdkCheckboxIndicator {\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  color: var(--osdk-checkbox-checked-foreground);\n  width: var(--osdk-checkbox-icon-size);\n  height: var(--osdk-checkbox-icon-size);\n\n  &[data-unchecked] {\n    display: none;\n  }\n}\n';
-if (typeof document !== "undefined") {
-  const style = document.createElement("style");
-  style.textContent = css;
-  document.head.appendChild(style);
-}
-var Checkbox_default = { "osdkCheckboxRoot": "osdkCheckboxRoot", "osdkCheckboxIndicator": "osdkCheckboxIndicator" };
-
-// build/browser/base-components/checkbox/Checkbox.js
-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);
-}
-function Checkbox({
+import styles from "./Checkbox.module.css.js";
+export function Checkbox({
   indeterminate,
   className,
   indicatorProps,
   ...rest
 }) {
-  return /* @__PURE__ */ React.createElement(BaseUICheckbox.Root, _extends({
-    className: classnames(Checkbox_default.osdkCheckboxRoot, className),
-    indeterminate
-  }, rest), /* @__PURE__ */ React.createElement(BaseUICheckbox.Indicator, _extends({}, indicatorProps, {
-    className: classnames(Checkbox_default.osdkCheckboxIndicator, indicatorProps?.className)
-  }), indeterminate ? /* @__PURE__ */ React.createElement(Minus, {
+  return /*#__PURE__*/React.createElement(BaseUICheckbox.Root, _extends({
+    className: classnames(styles.osdkCheckboxRoot, className),
+    indeterminate: indeterminate
+  }, rest), /*#__PURE__*/React.createElement(BaseUICheckbox.Indicator, _extends({}, indicatorProps, {
+    className: classnames(styles.osdkCheckboxIndicator, indicatorProps?.className)
+  }), indeterminate ? /*#__PURE__*/React.createElement(Minus, {
     color: "currentColor"
-  }) : /* @__PURE__ */ React.createElement(Tick, {
+  }) : /*#__PURE__*/React.createElement(Tick, {
     color: "currentColor"
   })));
 }
-export {
-  Checkbox
-};
+//# sourceMappingURL=Checkbox.js.map

package/build/browser/base-components/checkbox/Checkbox.module.css

@@ -0,0 +1,79 @@
+/*
+ * 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.
+ */
+
+.osdkCheckboxRoot {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  min-width: calc(
+    var(--osdk-checkbox-icon-size) + var(--osdk-checkbox-padding) * 2
+  );
+  min-height: calc(
+    var(--osdk-checkbox-icon-size) + var(--osdk-checkbox-padding) * 2
+  );
+  padding: var(--osdk-checkbox-padding);
+  box-sizing: border-box;
+  cursor: pointer;
+  border-radius: var(--osdk-surface-border-radius);
+  border: var(--osdk-checkbox-border);
+
+  &[data-unchecked] {
+    background-color: var(--osdk-checkbox-bg);
+
+    &:hover {
+      background-color: var(--osdk-checkbox-bg-hover);
+    }
+
+    &:active {
+      background-color: var(--osdk-checkbox-bg-active);
+    }
+  }
+
+  &[data-checked],
+  &[data-indeterminate] {
+    background-color: var(--osdk-checkbox-bg-checked);
+
+    &:hover {
+      background-color: var(--osdk-checkbox-bg-checked-hover);
+    }
+
+    &:active {
+      background-color: var(--osdk-checkbox-bg-checked-active);
+    }
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-focus-outline);
+    outline-offset: calc(-1 * var(--osdk-focus-visible-outline-offset));
+  }
+}
+
+.osdkCheckboxIndicator {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  color: var(--osdk-checkbox-checked-foreground);
+  width: var(--osdk-checkbox-icon-size);
+  height: var(--osdk-checkbox-icon-size);
+
+  &[data-unchecked] {
+    display: none;
+  }
+}

package/build/browser/base-components/checkbox/Checkbox.module.css.js

@@ -0,0 +1,7 @@
+// CSS Module proxy for Checkbox.module.css
+const styles = {
+  "osdkCheckboxRoot": "Checkbox-module__osdkCheckboxRoot___puTtZ6zA",
+  "osdkCheckboxIndicator": "Checkbox-module__osdkCheckboxIndicator___WOhQM8rb"
+};
+
+export default styles;

package/build/browser/base-components/combobox/Combobox.js

@@ -0,0 +1,124 @@
+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 { Combobox as BaseUICombobox } from "@base-ui/react/combobox";
+import { Cross, Search } from "@blueprintjs/icons";
+import classnames from "classnames";
+import React from "react";
+import styles from "./Combobox.module.css.js";
+function ComboboxInput({
+  className,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.osdkComboboxInputWrapper, className)
+  }, /*#__PURE__*/React.createElement(Search, {
+    className: styles.osdkComboboxSearchIcon,
+    color: "currentColor"
+  }), /*#__PURE__*/React.createElement(BaseUICombobox.Input, _extends({
+    className: styles.osdkComboboxInput
+  }, rest)));
+}
+function ComboboxPositioner({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Positioner, _extends({
+    className: classnames(styles.osdkComboboxPositioner, className),
+    sideOffset: 4
+  }, rest), children);
+}
+function ComboboxPopup({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Popup, _extends({
+    className: classnames(styles.osdkComboboxPopup, className)
+  }, rest), children);
+}
+function ComboboxItem({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Item, _extends({
+    className: classnames(styles.osdkComboboxItem, className)
+  }, rest), children);
+}
+function ComboboxChips({
+  children,
+  className
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Chips, {
+    className: classnames(styles.osdkComboboxChips, className)
+  }, children);
+}
+function ComboboxChip({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Chip, _extends({
+    className: classnames(styles.osdkComboboxChip, className)
+  }, rest), children);
+}
+function ComboboxChipRemove({
+  className,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.ChipRemove, _extends({
+    className: classnames(styles.osdkComboboxChipRemove, className),
+    "aria-label": "Remove"
+  }, rest), /*#__PURE__*/React.createElement(Cross, {
+    color: "currentColor"
+  }));
+}
+function ComboboxClear({
+  className,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Clear, _extends({
+    className: classnames(styles.osdkComboboxClear, className),
+    "aria-label": "Clear all"
+  }, rest), /*#__PURE__*/React.createElement(Cross, {
+    color: "currentColor"
+  }));
+}
+function ComboboxEmpty({
+  children,
+  className
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Empty, {
+    className: classnames(styles.osdkComboboxEmpty, className)
+  }, children);
+}
+export const Combobox = {
+  Root: BaseUICombobox.Root,
+  Input: ComboboxInput,
+  Portal: BaseUICombobox.Portal,
+  Positioner: ComboboxPositioner,
+  Popup: ComboboxPopup,
+  Item: ComboboxItem,
+  Chips: ComboboxChips,
+  Chip: ComboboxChip,
+  ChipRemove: ComboboxChipRemove,
+  Clear: ComboboxClear,
+  Empty: ComboboxEmpty
+};
+//# sourceMappingURL=Combobox.js.map