@osdk/react-components 0.1.0-rc.7 → 0.2.0-beta.2

package/CHANGELOG.md

@@ -1,20 +1,18 @@
 # @osdk/react-components
 
-## 0.1.0-rc.7
+## 0.2.0-beta.2
 
 ### Minor Changes
 
-- 1885d58: Import blueprint tokens. Added loading and non ideal state to ObjectTable. Support interface in ObjectTable.
+- 5ad3ba1: Fix conflicting dependencies and add docs
 
 ### Patch Changes
 
-- Updated dependencies [a6d4d49]
-- Updated dependencies [eb3a556]
-- Updated dependencies [31cd835]
-- Updated dependencies [0dbd0d0]
-  - @osdk/react@0.9.0-rc.11
-  - @osdk/client@2.7.0-rc.15
-  - @osdk/api@2.7.0-rc.15
+- 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
 

package/README.md

@@ -10,29 +10,45 @@ 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` and `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
+
+For TypeScript users, also install `@types/react`.
+
 **Prerequisites:**
 
-- React 18
 - A configured OSDK client
 - An OsdkProvider 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
+Add this to your application's entry css file (e.g., `index.css` or `index.scss`):
 
 ```css
 /* index.css */
+@import "@osdk/react-components/styles.css";
+
 .root {
   isolation: isolate;
 }
 ```
 
+The `.root` isolation is required for Base UI portals. See https://base-ui.com/react/overview/quick-start#portals
+
 ## Components
 
 > **Note:** This package is under active development. Not all components listed below are available yet.
@@ -54,7 +70,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() {

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-visible-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/object-table/CellContextMenu.js

@@ -1,18 +1,23 @@
-// build/browser/object-table/CellContextMenu.js
+/*
+ * 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, { useEffect, useRef } from "react";
 import { createPortal } from "react-dom";
-
-// build/browser/object-table/CellContextMenu.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.osdkCellContextMenu {\n  position: fixed;\n  z-index: var(--osdk-surface-z-index-2);\n}\n';
-if (typeof document !== "undefined") {
-  const style = document.createElement("style");
-  style.textContent = css;
-  document.head.appendChild(style);
-}
-var CellContextMenu_default = { "osdkCellContextMenu": "osdkCellContextMenu" };
-
-// build/browser/object-table/CellContextMenu.js
-function CellContextMenu({
+import styles from "./CellContextMenu.module.css.js";
+export function CellContextMenu({
   cell,
   position,
   onClose,
@@ -20,7 +25,7 @@ function CellContextMenu({
 }) {
   const ref = useRef(null);
   useEffect(() => {
-    const handleClickOutside = (event) => {
+    const handleClickOutside = event => {
       if (ref.current && !ref.current.contains(event.target)) {
         onClose();
       }
@@ -30,9 +35,9 @@ function CellContextMenu({
       document.removeEventListener("mousedown", handleClickOutside);
     };
   }, [onClose]);
-  return /* @__PURE__ */ createPortal(/* @__PURE__ */ React.createElement("div", {
-    ref,
-    className: CellContextMenu_default.osdkCellContextMenu,
+  return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement("div", {
+    ref: ref,
+    className: styles.osdkCellContextMenu,
     style: {
       left: position.left,
       top: position.top,
@@ -40,6 +45,4 @@ function CellContextMenu({
     }
   }, renderContent(cell.row.original, cell)), document.body);
 }
-export {
-  CellContextMenu
-};
+//# sourceMappingURL=CellContextMenu.js.map

package/build/browser/object-table/CellContextMenu.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.
+ */
+
+.osdkCellContextMenu {
+  position: fixed;
+  z-index: var(--osdk-surface-z-index-2);
+}

package/build/browser/object-table/CellContextMenu.module.css.js

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

package/build/browser/object-table/LoadingCell.js

@@ -1,38 +1,33 @@
-// build/browser/object-table/LoadingCell.js
+/*
+ * 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 from "react";
-
-// build/browser/object-table/LoadingCell.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.osdkLoadingCell {\n  height: var(--osdk-table-cell-fontSize);\n  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);\n  flex: 1;\n}\n\n/* Blueprint skeleton animation keyframes */\n@keyframes skeleton-glow {\n  from {\n    background: var(--osdk-table-skeleton-color-from);\n    border-color: var(--osdk-table-skeleton-color-from);\n  }\n\n  to {\n    background: var(--osdk-table-skeleton-color-to);\n    border-color: var(--osdk-table-skeleton-color-to);\n  }\n}\n\n.osdkCellSkeleton {\n  animation: 1000ms linear infinite alternate skeleton-glow;\n  background: var(--osdk-table-skeleton-color-from);\n  background-clip: padding-box;\n  border-color: var(--osdk-table-skeleton-color-from);\n  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);\n  border: 1px solid var(--osdk-table-skeleton-border-color);\n  box-shadow: none;\n  color: transparent;\n  cursor: default;\n  pointer-events: none;\n  user-select: none;\n}\n';
-if (typeof document !== "undefined") {
-  const style = document.createElement("style");
-  style.textContent = css;
-  document.head.appendChild(style);
-}
-var LoadingCell_default = { "osdkLoadingCell": "osdkLoadingCell", "osdkCellSkeleton": "osdkCellSkeleton" };
-
-// build/browser/object-table/TableCell.module.css
-var css2 = '/*\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.osdkTableCell {\n  display: flex;\n  align-items: center;\n  text-align: left;\n  position: relative;\n  padding: var(--osdk-table-cell-padding);\n  font-size: var(--osdk-table-cell-fontSize);\n  color: var(--osdk-table-cell-color);\n  background-color: inherit;\n  border-right: var(--osdk-table-cell-divider);\n\n  &:first-child {\n    border-left: var(--osdk-table-border);\n  }\n\n  &:last-child {\n    border-right: var(--osdk-table-border);\n  }\n}\n\n.osdkTableCell[data-pinned="left"],\n.osdkTableCell[data-pinned="right"] {\n  position: sticky;\n  z-index: var(--osdk-surface-z-index-1);\n}\n\n/* Last left-pinned column - no left-pinned siblings after it */\n.osdkTableCell[data-pinned="left"]:not(:has(~ [data-pinned="left"])) {\n  border-right: var(--osdk-table-pinned-column-border);\n}\n\n/* First right-pinned column - no right-pinned siblings before it */\n.osdkTableCell[data-pinned="right"]:not(:has(~ [data-pinned="right"]):nth-child(n+2)) {\n  border-left: var(--osdk-table-pinned-column-border);\n}\n\n.osdkTableCell:has([role="checkbox"]) {\n  justify-content: center;\n}\n\n.osdkTableCellContent:not(:has([role="checkbox"])) {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n}\n';
-if (typeof document !== "undefined") {
-  const style = document.createElement("style");
-  style.textContent = css2;
-  document.head.appendChild(style);
-}
-var TableCell_default = { "osdkTableCell": "osdkTableCell", "osdkTableCellContent": "osdkTableCellContent" };
-
-// build/browser/object-table/LoadingCell.js
-function LoadingCell({
+import styles from "./LoadingCell.module.css.js";
+import cellStyles from "./TableCell.module.css.js";
+export function LoadingCell({
   width
 }) {
-  return /* @__PURE__ */ React.createElement("td", {
-    className: TableCell_default.osdkTableCell,
+  return /*#__PURE__*/React.createElement("td", {
+    className: cellStyles.osdkTableCell,
     style: {
       width
     }
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: classNames(LoadingCell_default.osdkLoadingCell, LoadingCell_default.osdkCellSkeleton)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: classNames(styles.osdkLoadingCell, styles.osdkCellSkeleton)
   }));
 }
-export {
-  LoadingCell
-};
+//# sourceMappingURL=LoadingCell.js.map

package/build/browser/object-table/LoadingCell.module.css

@@ -0,0 +1,48 @@
+/*
+ * 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.
+ */
+
+.osdkLoadingCell {
+  height: var(--osdk-table-cell-fontSize);
+  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);
+  flex: 1;
+}
+
+/* Blueprint skeleton animation keyframes */
+@keyframes skeleton-glow {
+  from {
+    background: var(--osdk-table-skeleton-color-from);
+    border-color: var(--osdk-table-skeleton-color-from);
+  }
+
+  to {
+    background: var(--osdk-table-skeleton-color-to);
+    border-color: var(--osdk-table-skeleton-color-to);
+  }
+}
+
+.osdkCellSkeleton {
+  animation: 1000ms linear infinite alternate skeleton-glow;
+  background: var(--osdk-table-skeleton-color-from);
+  background-clip: padding-box;
+  border-color: var(--osdk-table-skeleton-color-from);
+  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);
+  border: 1px solid var(--osdk-table-skeleton-border-color);
+  box-shadow: none;
+  color: transparent;
+  cursor: default;
+  pointer-events: none;
+  user-select: none;
+}

package/build/browser/object-table/LoadingCell.module.css.js

@@ -0,0 +1,8 @@
+// CSS Module proxy for LoadingCell.module.css
+const styles = {
+  "osdkLoadingCell": "LoadingCell-module__osdkLoadingCell___XLlRWu8h",
+  "osdkCellSkeleton": "LoadingCell-module__osdkCellSkeleton___LJKGtJS1",
+  "skeleton-glow": "LoadingCell-module__skeleton-glow___pznGbRk6"
+};
+
+export default styles;

package/build/browser/object-table/LoadingRow.js

@@ -1,69 +1,43 @@
-// build/browser/object-table/LoadingRow.js
-import React2 from "react";
+/*
+ * 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.
+ */
 
-// build/browser/object-table/LoadingCell.js
-import classNames from "classnames";
 import React from "react";
-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.osdkLoadingCell {\n  height: var(--osdk-table-cell-fontSize);\n  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);\n  flex: 1;\n}\n\n/* Blueprint skeleton animation keyframes */\n@keyframes skeleton-glow {\n  from {\n    background: var(--osdk-table-skeleton-color-from);\n    border-color: var(--osdk-table-skeleton-color-from);\n  }\n\n  to {\n    background: var(--osdk-table-skeleton-color-to);\n    border-color: var(--osdk-table-skeleton-color-to);\n  }\n}\n\n.osdkCellSkeleton {\n  animation: 1000ms linear infinite alternate skeleton-glow;\n  background: var(--osdk-table-skeleton-color-from);\n  background-clip: padding-box;\n  border-color: var(--osdk-table-skeleton-color-from);\n  border-radius: calc(var(--osdk-surface-border-radius) * 0.5);\n  border: 1px solid var(--osdk-table-skeleton-border-color);\n  box-shadow: none;\n  color: transparent;\n  cursor: default;\n  pointer-events: none;\n  user-select: none;\n}\n';
-if (typeof document !== "undefined") {
-  const style = document.createElement("style");
-  style.textContent = css;
-  document.head.appendChild(style);
-}
-var LoadingCell_default = { "osdkLoadingCell": "osdkLoadingCell", "osdkCellSkeleton": "osdkCellSkeleton" };
-var css2 = '/*\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.osdkTableCell {\n  display: flex;\n  align-items: center;\n  text-align: left;\n  position: relative;\n  padding: var(--osdk-table-cell-padding);\n  font-size: var(--osdk-table-cell-fontSize);\n  color: var(--osdk-table-cell-color);\n  background-color: inherit;\n  border-right: var(--osdk-table-cell-divider);\n\n  &:first-child {\n    border-left: var(--osdk-table-border);\n  }\n\n  &:last-child {\n    border-right: var(--osdk-table-border);\n  }\n}\n\n.osdkTableCell[data-pinned="left"],\n.osdkTableCell[data-pinned="right"] {\n  position: sticky;\n  z-index: var(--osdk-surface-z-index-1);\n}\n\n/* Last left-pinned column - no left-pinned siblings after it */\n.osdkTableCell[data-pinned="left"]:not(:has(~ [data-pinned="left"])) {\n  border-right: var(--osdk-table-pinned-column-border);\n}\n\n/* First right-pinned column - no right-pinned siblings before it */\n.osdkTableCell[data-pinned="right"]:not(:has(~ [data-pinned="right"]):nth-child(n+2)) {\n  border-left: var(--osdk-table-pinned-column-border);\n}\n\n.osdkTableCell:has([role="checkbox"]) {\n  justify-content: center;\n}\n\n.osdkTableCellContent:not(:has([role="checkbox"])) {\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  text-align: left;\n}\n';
-if (typeof document !== "undefined") {
-  const style = document.createElement("style");
-  style.textContent = css2;
-  document.head.appendChild(style);
-}
-var TableCell_default = { "osdkTableCell": "osdkTableCell", "osdkTableCellContent": "osdkTableCellContent" };
-function LoadingCell({
-  width
-}) {
-  return /* @__PURE__ */ React.createElement("td", {
-    className: TableCell_default.osdkTableCell,
-    style: {
-      width
-    }
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: classNames(LoadingCell_default.osdkLoadingCell, LoadingCell_default.osdkCellSkeleton)
-  }));
-}
-
-// build/browser/object-table/TableRow.module.css
-var css3 = '/*\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.osdkTableRow {\n  position: absolute;\n  display: flex;\n  background-color: var(--osdk-table-row-bg-default);\n  border-top: var(--osdk-table-row-divider);\n  border-bottom: var(--osdk-table-border-width) solid transparent;\n\n  &:last-child {\n    border-bottom: var(--osdk-table-border);\n  }\n\n  /* Zebra rows */\n  &:nth-child(even) {\n    background-color: var(\n      --osdk-table-row-bg-alternate,\n      var(--osdk-table-row-bg-default)\n    );\n  }\n\n  &:hover {\n    z-index: 1;\n    background-color: var(\n      --osdk-table-row-bg-hover,\n      var(--osdk-surface-background-color-default-hover)\n    );\n    border-top-color: var(--osdk-table-row-border-color-hover);\n    border-bottom-color: var(--osdk-table-row-border-color-hover);\n  }\n\n  &[data-selected="true"] {\n    z-index: 2;\n    background-color: var(--osdk-table-row-bg-active);\n    border-top-color: var(--osdk-table-row-border-color-active);\n    border-bottom-color: var(--osdk-table-row-border-color-active);\n  }\n\n  &[data-selected="true"] + &[data-selected="true"] {\n    border-top-color: transparent;\n  }\n\n  &[data-selected="true"]:has(+ &[data-selected="true"]) {\n    border-bottom-color: transparent;\n  }\n}\n';
-if (typeof document !== "undefined") {
-  const style = document.createElement("style");
-  style.textContent = css3;
-  document.head.appendChild(style);
-}
-var TableRow_default = { "osdkTableRow": "osdkTableRow" };
-
-// build/browser/object-table/LoadingRow.js
-function LoadingRow({
+import { LoadingCell } from "./LoadingCell.js";
+import rowStyles from "./TableRow.module.css.js";
+export function LoadingRow({
   headers,
   columnCount,
   translateY,
   rowHeight = 40,
   columnWidth = 80
 }) {
-  return /* @__PURE__ */ React2.createElement("tr", {
-    className: TableRow_default.osdkTableRow,
+  return /*#__PURE__*/React.createElement("tr", {
+    className: rowStyles.osdkTableRow,
     style: {
       height: `${rowHeight}px`,
       transform: `translateY(${translateY}px)`
     }
-  }, /* @__PURE__ */ React2.createElement(React2.Fragment, null, Array.from({
+  }, /*#__PURE__*/React.createElement(React.Fragment, null, Array.from({
     length: columnCount
   }).map((_, index) => {
     const width = headers.length > index ? headers[index].getSize() : columnWidth;
-    return /* @__PURE__ */ React2.createElement(LoadingCell, {
+    return /*#__PURE__*/React.createElement(LoadingCell, {
       key: `loading-cell-${index}`,
-      width
+      width: width
     });
   })));
 }
-export {
-  LoadingRow
-};
+//# sourceMappingURL=LoadingRow.js.map