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

package/build/browser/base-components/dialog/Dialog.module.css

@@ -36,10 +36,6 @@
   z-index: var(--osdk-surface-z-index-2);
   display: flex;
   flex-direction: column;
-
-  &:focus {
-    outline: none;
-  }
 }
 
 .header {
@@ -84,10 +80,6 @@
     background-color: var(--osdk-surface-background-color-default-hover);
   }
 
-  &:focus {
-    outline: none;
-  }
-
   &:focus-visible {
     outline: var(--osdk-focus-outline);
     outline-offset: var(--osdk-focus-visible-outline-offset);

package/build/browser/base-components/draggable-list/DraggableList.module.css

@@ -40,7 +40,7 @@
 
 .dragHandle {
   display: flex;
-  cursor: grab;
+  cursor: var(--osdk-drag-handle-cursor);
   color: var(--osdk-draggable-item-drag-icon-color);
 
   &:hover {
@@ -48,11 +48,7 @@
   }
 
   &:active {
-    cursor: grabbing;
-  }
-
-  &:focus {
-    outline: none;
+    cursor: var(--osdk-drag-handle-cursor-active);
   }
 
   &:focus-visible {
@@ -90,10 +86,6 @@
     );
   }
 
-  &:focus {
-    outline: none;
-  }
-
   &:focus-visible {
     outline: var(--osdk-focus-outline);
     outline-offset: var(--osdk-focus-visible-outline-offset);

package/build/browser/base-components/search-bar/SearchBar.module.css

@@ -17,8 +17,8 @@
 .searchBar {
   display: flex;
   align-items: center;
-  gap: var(--osdk-surface-spacing);
-  padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 1.5);
+  gap: calc(var(--osdk-surface-spacing) * 3);
+  padding: var(--osdk-surface-spacing) calc(var(--osdk-surface-spacing) * 3);
   border: var(--osdk-surface-border);
   border-radius: var(--osdk-surface-border-radius);
 

package/build/browser/base-components/searchable-menu/SearchableMenu.js

@@ -0,0 +1,86 @@
+/*
+ * Copyright 2026 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 { Menu } from "@base-ui/react/menu";
+import classnames from "classnames";
+import React, { memo, useCallback, useMemo, useState } from "react";
+import { SearchBar } from "../search-bar/SearchBar.js";
+import styles from "./SearchableMenu.module.css.js";
+function SearchableMenuInner({
+  items,
+  onItemSelected,
+  trigger,
+  triggerClassName,
+  disabled,
+  searchPlaceholder = "Search",
+  emptyMessage = "No matching items",
+  className
+}) {
+  const [searchQuery, setSearchQuery] = useState("");
+  const filteredItems = useMemo(() => {
+    const query = searchQuery.toLowerCase().trim();
+    if (!query) return items;
+    return items.filter(item => item.label.toLowerCase().includes(query));
+  }, [items, searchQuery]);
+  const handleSearchChange = useCallback(event => {
+    setSearchQuery(event.target.value);
+  }, []);
+  const handleMenuOpenChange = useCallback(open => {
+    if (open) {
+      setSearchQuery("");
+    }
+  }, []);
+  const handleKeyDown = useCallback(event => {
+    event.stopPropagation();
+  }, []);
+  return /*#__PURE__*/React.createElement(Menu.Root, {
+    onOpenChange: handleMenuOpenChange
+  }, /*#__PURE__*/React.createElement(Menu.Trigger, {
+    className: triggerClassName,
+    disabled: disabled
+  }, trigger), /*#__PURE__*/React.createElement(Menu.Portal, null, /*#__PURE__*/React.createElement(Menu.Positioner, {
+    className: classnames(styles.positioner, className),
+    sideOffset: 4
+  }, /*#__PURE__*/React.createElement(Menu.Popup, {
+    className: styles.popup
+  }, /*#__PURE__*/React.createElement(SearchBar, {
+    value: searchQuery,
+    onChange: handleSearchChange,
+    placeholder: searchPlaceholder,
+    "aria-label": searchPlaceholder,
+    className: styles.searchContainer,
+    onKeyDown: handleKeyDown
+  }), filteredItems.map(item => /*#__PURE__*/React.createElement(SearchableMenuItemRow, {
+    key: item.key,
+    item: item,
+    onItemSelected: onItemSelected
+  })), filteredItems.length === 0 && /*#__PURE__*/React.createElement("div", {
+    className: styles.emptyState
+  }, emptyMessage)))));
+}
+export const SearchableMenu = /*#__PURE__*/memo(SearchableMenuInner);
+function SearchableMenuItemRowInner({
+  item,
+  onItemSelected
+}) {
+  const handleClick = useCallback(() => onItemSelected(item.key), [onItemSelected, item.key]);
+  return /*#__PURE__*/React.createElement(Menu.Item, {
+    className: styles.menuItem,
+    onClick: handleClick
+  }, item.label);
+}
+const SearchableMenuItemRow = /*#__PURE__*/memo(SearchableMenuItemRowInner);
+//# sourceMappingURL=SearchableMenu.js.map

package/build/browser/base-components/searchable-menu/SearchableMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SearchableMenu.js","names":["Menu","classnames","React","memo","useCallback","useMemo","useState","SearchBar","styles","SearchableMenuInner","items","onItemSelected","trigger","triggerClassName","disabled","searchPlaceholder","emptyMessage","className","searchQuery","setSearchQuery","filteredItems","query","toLowerCase","trim","filter","item","label","includes","handleSearchChange","event","target","value","handleMenuOpenChange","open","handleKeyDown","stopPropagation","createElement","Root","onOpenChange","Trigger","Portal","Positioner","positioner","sideOffset","Popup","popup","onChange","placeholder","searchContainer","onKeyDown","map","SearchableMenuItemRow","key","length","emptyState","SearchableMenu","SearchableMenuItemRowInner","handleClick","Item","menuItem","onClick"],"sources":["SearchableMenu.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 { Menu } from \"@base-ui/react/menu\";\nimport classnames from \"classnames\";\nimport React, { memo, useCallback, useMemo, useState } from \"react\";\nimport { SearchBar } from \"../search-bar/SearchBar.js\";\nimport styles from \"./SearchableMenu.module.css\";\n\nexport interface SearchableMenuItem {\n  key: string;\n  label: string;\n}\n\ninterface SearchableMenuProps {\n  items: SearchableMenuItem[];\n  onItemSelected: (key: string) => void;\n  trigger: React.ReactNode;\n  triggerClassName?: string;\n  disabled?: boolean;\n  searchPlaceholder?: string;\n  emptyMessage?: string;\n  className?: string;\n}\n\nfunction SearchableMenuInner({\n  items,\n  onItemSelected,\n  trigger,\n  triggerClassName,\n  disabled,\n  searchPlaceholder = \"Search\",\n  emptyMessage = \"No matching items\",\n  className,\n}: SearchableMenuProps): React.ReactElement {\n  const [searchQuery, setSearchQuery] = useState(\"\");\n\n  const filteredItems = useMemo(() => {\n    const query = searchQuery.toLowerCase().trim();\n    if (!query) return items;\n    return items.filter((item) => item.label.toLowerCase().includes(query));\n  }, [items, searchQuery]);\n\n  const handleSearchChange = useCallback(\n    (event: React.ChangeEvent<HTMLInputElement>) => {\n      setSearchQuery(event.target.value);\n    },\n    [],\n  );\n\n  const handleMenuOpenChange = useCallback((open: boolean) => {\n    if (open) {\n      setSearchQuery(\"\");\n    }\n  }, []);\n\n  const handleKeyDown = useCallback(\n    (event: React.KeyboardEvent<HTMLInputElement>) => {\n      event.stopPropagation();\n    },\n    [],\n  );\n\n  return (\n    <Menu.Root onOpenChange={handleMenuOpenChange}>\n      <Menu.Trigger\n        className={triggerClassName}\n        disabled={disabled}\n      >\n        {trigger}\n      </Menu.Trigger>\n      <Menu.Portal>\n        <Menu.Positioner\n          className={classnames(styles.positioner, className)}\n          sideOffset={4}\n        >\n          <Menu.Popup className={styles.popup}>\n            <SearchBar\n              value={searchQuery}\n              onChange={handleSearchChange}\n              placeholder={searchPlaceholder}\n              aria-label={searchPlaceholder}\n              className={styles.searchContainer}\n              onKeyDown={handleKeyDown}\n            />\n            {filteredItems.map((item) => (\n              <SearchableMenuItemRow\n                key={item.key}\n                item={item}\n                onItemSelected={onItemSelected}\n              />\n            ))}\n            {filteredItems.length === 0 && (\n              <div className={styles.emptyState}>\n                {emptyMessage}\n              </div>\n            )}\n          </Menu.Popup>\n        </Menu.Positioner>\n      </Menu.Portal>\n    </Menu.Root>\n  );\n}\n\nexport const SearchableMenu: React.MemoExoticComponent<\n  typeof SearchableMenuInner\n> = memo(SearchableMenuInner);\n\nfunction SearchableMenuItemRowInner(\n  { item, onItemSelected }: {\n    item: SearchableMenuItem;\n    onItemSelected: (key: string) => void;\n  },\n): React.ReactElement {\n  const handleClick = useCallback(\n    () => onItemSelected(item.key),\n    [onItemSelected, item.key],\n  );\n\n  return (\n    <Menu.Item\n      className={styles.menuItem}\n      onClick={handleClick}\n    >\n      {item.label}\n    </Menu.Item>\n  );\n}\n\nconst SearchableMenuItemRow = memo(SearchableMenuItemRowInner);\n"],"mappings":"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","ignoreList":[]}

package/build/browser/base-components/searchable-menu/SearchableMenu.module.css

@@ -0,0 +1,80 @@
+/*
+ * Copyright 2026 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.
+ */
+
+.positioner {
+  z-index: var(--osdk-surface-z-index-3);
+}
+
+.popup {
+  background-color: var(--osdk-surface-background-color-default-rest);
+  border: var(--osdk-surface-border);
+  border-radius: var(--osdk-surface-border-radius);
+  box-shadow: var(--osdk-surface-shadow-2);
+  max-height: calc(var(--osdk-dialog-max-height) * 0.5);
+  overflow-y: auto;
+  width: var(--anchor-width);
+
+  &:focus {
+    outline: none;
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-focus-outline);
+    outline-offset: var(--osdk-focus-visible-outline-offset);
+  }
+}
+
+.searchContainer {
+  border: none;
+  border-bottom: var(--osdk-surface-border);
+  border-radius: 0;
+  position: sticky;
+  top: 0;
+  background-color: var(--osdk-surface-background-color-default-rest);
+}
+
+.menuItem {
+  display: block;
+  width: 100%;
+  text-align: left;
+  padding: calc(var(--osdk-surface-spacing) * 2)
+    calc(var(--osdk-surface-spacing) * 3);
+  background: none;
+  border: none;
+  cursor: pointer;
+  font-size: var(--osdk-typography-size-body-medium);
+  color: var(--osdk-typography-color-default-rest);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+
+  &:hover,
+  &[data-highlighted] {
+    background-color: var(--osdk-surface-background-color-default-hover);
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-focus-outline);
+    outline-offset: var(--osdk-focus-visible-outline-offset);
+  }
+}
+
+.emptyState {
+  padding: calc(var(--osdk-surface-spacing) * 3);
+  text-align: center;
+  color: var(--osdk-typography-color-muted);
+  font-size: var(--osdk-typography-size-body-medium);
+}

package/build/browser/base-components/searchable-menu/SearchableMenu.module.css.js

@@ -0,0 +1,10 @@
+// CSS Module proxy for SearchableMenu.module.css
+const styles = {
+  "positioner": "SearchableMenu-module__positioner___-klAgSMI",
+  "popup": "SearchableMenu-module__popup___2iavEctG",
+  "searchContainer": "SearchableMenu-module__searchContainer___nBHH91IA",
+  "menuItem": "SearchableMenu-module__menuItem___DPSHFC92",
+  "emptyState": "SearchableMenu-module__emptyState___vtfGvAZQ"
+};
+
+export default styles;

package/build/browser/base-components/select/Select.js

@@ -0,0 +1,93 @@
+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 { Select as BaseUISelect } from "@base-ui/react/select";
+import { CaretDown } from "@blueprintjs/icons";
+import classnames from "classnames";
+import React from "react";
+import styles from "./Select.module.css.js";
+function SelectRoot({
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUISelect.Root, rest, children);
+}
+function SelectTrigger({
+  className,
+  placeholder,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUISelect.Trigger, _extends({
+    className: classnames(styles.osdkSelectTrigger, className)
+  }, rest), children ?? /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
+    className: styles.osdkSelectValueContainer
+  }, /*#__PURE__*/React.createElement(BaseUISelect.Value, {
+    className: styles.osdkSelectValue
+  }), placeholder != null && /*#__PURE__*/React.createElement("span", {
+    className: styles.osdkSelectPlaceholder
+  }, placeholder)), /*#__PURE__*/React.createElement(BaseUISelect.Icon, {
+    className: styles.osdkSelectIcon
+  }, /*#__PURE__*/React.createElement(CaretDown, null))));
+}
+function SelectValue(props) {
+  const {
+    className,
+    ...rest
+  } = props;
+  return /*#__PURE__*/React.createElement(BaseUISelect.Value, _extends({
+    className: classnames(styles.osdkSelectValue, className)
+  }, rest));
+}
+function SelectPositioner({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUISelect.Positioner, _extends({
+    className: classnames(styles.osdkSelectPositioner, className),
+    sideOffset: 4
+  }, rest), children);
+}
+function SelectPopup({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUISelect.Popup, _extends({
+    className: classnames(styles.osdkSelectPopup, className)
+  }, rest), children);
+}
+function SelectItem({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUISelect.Item, _extends({
+    className: classnames(styles.osdkSelectItem, className)
+  }, rest), /*#__PURE__*/React.createElement(BaseUISelect.ItemText, null, children));
+}
+export const Select = {
+  Root: SelectRoot,
+  Trigger: SelectTrigger,
+  Value: SelectValue,
+  Portal: BaseUISelect.Portal,
+  Positioner: SelectPositioner,
+  Popup: SelectPopup,
+  Item: SelectItem
+};
+//# sourceMappingURL=Select.js.map

package/build/browser/base-components/select/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","names":["Select","BaseUISelect","CaretDown","classnames","React","styles","SelectRoot","children","rest","createElement","Root","SelectTrigger","className","placeholder","Trigger","_extends","osdkSelectTrigger","Fragment","osdkSelectValueContainer","Value","osdkSelectValue","osdkSelectPlaceholder","Icon","osdkSelectIcon","SelectValue","props","SelectPositioner","Positioner","osdkSelectPositioner","sideOffset","SelectPopup","Popup","osdkSelectPopup","SelectItem","Item","osdkSelectItem","ItemText","Portal"],"sources":["Select.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 {\n  Select as BaseUISelect,\n  type SelectItemProps,\n  type SelectPopupProps,\n  type SelectPositionerProps,\n  type SelectRootProps,\n  type SelectTriggerProps,\n  type SelectValueProps,\n} from \"@base-ui/react/select\";\nimport { CaretDown } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./Select.module.css\";\n\nexport interface SelectProps<Value, Multiple extends boolean = false>\n  extends Omit<SelectRootProps<Value, Multiple>, \"className\">\n{}\n\nfunction SelectRoot<Value, Multiple extends boolean = false>({\n  children,\n  ...rest\n}: SelectProps<Value, Multiple>): React.ReactElement {\n  return (\n    <BaseUISelect.Root<Value, Multiple> {...rest}>{children}</BaseUISelect.Root>\n  );\n}\n\ninterface SelectTriggerComponentProps\n  extends Omit<SelectTriggerProps, \"className\">\n{\n  className?: string;\n  placeholder?: string;\n}\n\nfunction SelectTrigger({\n  className,\n  placeholder,\n  children,\n  ...rest\n}: SelectTriggerComponentProps): React.ReactElement {\n  return (\n    <BaseUISelect.Trigger\n      className={classnames(styles.osdkSelectTrigger, className)}\n      {...rest}\n    >\n      {children ?? (\n        <>\n          <div className={styles.osdkSelectValueContainer}>\n            <BaseUISelect.Value className={styles.osdkSelectValue} />\n            {placeholder != null && (\n              <span className={styles.osdkSelectPlaceholder}>\n                {placeholder}\n              </span>\n            )}\n          </div>\n          <BaseUISelect.Icon className={styles.osdkSelectIcon}>\n            <CaretDown />\n          </BaseUISelect.Icon>\n        </>\n      )}\n    </BaseUISelect.Trigger>\n  );\n}\n\nfunction SelectValue(\n  props: Omit<SelectValueProps, \"className\"> & { className?: string },\n): React.ReactElement {\n  const { className, ...rest } = props;\n  return (\n    <BaseUISelect.Value\n      className={classnames(styles.osdkSelectValue, className)}\n      {...rest}\n    />\n  );\n}\n\ninterface SelectPositionerComponentProps\n  extends Omit<SelectPositionerProps, \"className\">\n{\n  className?: string;\n}\n\nfunction SelectPositioner({\n  className,\n  children,\n  ...rest\n}: SelectPositionerComponentProps): React.ReactElement {\n  return (\n    <BaseUISelect.Positioner\n      className={classnames(styles.osdkSelectPositioner, className)}\n      sideOffset={4}\n      {...rest}\n    >\n      {children}\n    </BaseUISelect.Positioner>\n  );\n}\n\ninterface SelectPopupComponentProps\n  extends Omit<SelectPopupProps, \"className\">\n{\n  className?: string;\n}\n\nfunction SelectPopup({\n  className,\n  children,\n  ...rest\n}: SelectPopupComponentProps): React.ReactElement {\n  return (\n    <BaseUISelect.Popup\n      className={classnames(styles.osdkSelectPopup, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUISelect.Popup>\n  );\n}\n\ninterface SelectItemComponentProps extends Omit<SelectItemProps, \"className\"> {\n  className?: string;\n}\n\nfunction SelectItem({\n  className,\n  children,\n  ...rest\n}: SelectItemComponentProps): React.ReactElement {\n  return (\n    <BaseUISelect.Item\n      className={classnames(styles.osdkSelectItem, className)}\n      {...rest}\n    >\n      <BaseUISelect.ItemText>{children}</BaseUISelect.ItemText>\n    </BaseUISelect.Item>\n  );\n}\n\nexport const Select: {\n  Root: typeof SelectRoot;\n  Trigger: typeof SelectTrigger;\n  Value: typeof SelectValue;\n  Portal: typeof BaseUISelect.Portal;\n  Positioner: typeof SelectPositioner;\n  Popup: typeof SelectPopup;\n  Item: typeof SelectItem;\n} = {\n  Root: SelectRoot,\n  Trigger: SelectTrigger,\n  Value: SelectValue,\n  Portal: BaseUISelect.Portal,\n  Positioner: SelectPositioner,\n  Popup: SelectPopup,\n  Item: SelectItem,\n};\n"],"mappings":"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","ignoreList":[]}

package/build/browser/base-components/select/Select.module.css

@@ -0,0 +1,233 @@
+/*
+ * 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.
+ */
+
+.osdkSelectTrigger {
+  display: inline-flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--osdk-select-spacing, var(--osdk-surface-spacing));
+  width: 100%;
+  min-height: var(--osdk-select-min-height, 30px);
+  padding: calc(var(--osdk-select-spacing, var(--osdk-surface-spacing)) * 1.5)
+    calc(var(--osdk-select-spacing, var(--osdk-surface-spacing)) * 2.5);
+  cursor: pointer;
+  border-radius: var(
+    --osdk-select-border-radius,
+    var(--osdk-surface-border-radius)
+  );
+  border: var(--osdk-select-border-width, var(--osdk-surface-border-width))
+    solid
+    var(--osdk-select-border-color, var(--osdk-surface-border-color-default));
+  background-color: var(
+    --osdk-select-trigger-bg,
+    var(--osdk-surface-background-color-default-rest)
+  );
+  color: var(
+    --osdk-select-trigger-color,
+    var(--osdk-typography-color-default-rest)
+  );
+  font-family: var(
+    --osdk-select-font-family,
+    var(--osdk-typography-family-default)
+  );
+  font-size: var(
+    --osdk-select-font-size,
+    var(--osdk-typography-size-body-medium)
+  );
+  line-height: var(
+    --osdk-select-line-height,
+    var(--osdk-typography-line-height-default)
+  );
+  transition:
+    background-color
+      var(
+        --osdk-select-transition-duration,
+        var(--osdk-emphasis-transition-duration)
+      )
+      var(--osdk-select-transition-ease, var(--osdk-emphasis-ease-default)),
+    border-color
+      var(
+        --osdk-select-transition-duration,
+        var(--osdk-emphasis-transition-duration)
+      )
+      var(--osdk-select-transition-ease, var(--osdk-emphasis-ease-default));
+
+  &:hover {
+    background-color: var(
+      --osdk-select-trigger-bg-hover,
+      var(--osdk-surface-background-color-default-hover)
+    );
+  }
+
+  &:active {
+    background-color: var(
+      --osdk-select-trigger-bg-active,
+      var(--osdk-surface-background-color-default-active)
+    );
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-select-focus-width, var(--osdk-emphasis-focus-width))
+      solid var(--osdk-select-focus-color, var(--osdk-emphasis-focus-color));
+    outline-offset: var(
+      --osdk-select-focus-offset,
+      var(--osdk-emphasis-focus-offset)
+    );
+  }
+
+  &[data-disabled] {
+    cursor: not-allowed;
+    opacity: var(--osdk-disabled-opacity, 0.5);
+  }
+
+  &[data-popup-open] {
+    border-color: var(
+      --osdk-select-border-color-active,
+      var(--osdk-intent-primary-rest)
+    );
+  }
+}
+
+.osdkSelectValueContainer {
+  flex: 1;
+  display: grid;
+  min-width: 0;
+
+  & > * {
+    grid-area: 1 / 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+}
+
+.osdkSelectValue {
+  text-align: left;
+}
+
+.osdkSelectPlaceholder {
+  text-align: left;
+  color: var(
+    --osdk-select-placeholder-color,
+    var(--osdk-typography-color-muted)
+  );
+  pointer-events: none;
+}
+
+.osdkSelectValue:not([data-placeholder]) ~ .osdkSelectPlaceholder {
+  display: none;
+}
+
+.osdkSelectIcon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--osdk-select-icon-color, var(--osdk-iconography-color-muted));
+  flex-shrink: 0;
+  transition: transform
+    var(
+      --osdk-select-transition-duration,
+      var(--osdk-emphasis-transition-duration)
+    )
+    var(--osdk-select-transition-ease, var(--osdk-emphasis-ease-default));
+
+  [data-popup-open] > & {
+    transform: rotate(180deg);
+  }
+}
+
+.osdkSelectPositioner {
+  z-index: var(--osdk-select-z-index, var(--osdk-surface-z-index-3));
+}
+
+.osdkSelectPopup {
+  display: flex;
+  flex-direction: column;
+  min-width: var(--anchor-width);
+  max-height: var(--available-height);
+  overflow-y: auto;
+  padding: calc(var(--osdk-select-spacing, var(--osdk-surface-spacing)) * 1.5);
+  border-radius: var(
+    --osdk-select-border-radius,
+    var(--osdk-surface-border-radius)
+  );
+  border: var(--osdk-select-border-width, var(--osdk-surface-border-width))
+    solid
+    var(--osdk-select-border-color, var(--osdk-surface-border-color-default));
+  background-color: var(
+    --osdk-select-popup-bg,
+    var(--osdk-surface-background-color-default-rest)
+  );
+  box-shadow: var(--osdk-select-popup-shadow, var(--osdk-surface-shadow-2));
+}
+
+.osdkSelectItem {
+  display: flex;
+  align-items: center;
+  padding: calc(var(--osdk-select-spacing, var(--osdk-surface-spacing)) * 1.5)
+    calc(var(--osdk-select-spacing, var(--osdk-surface-spacing)) * 2);
+  border-radius: var(
+    --osdk-select-border-radius,
+    var(--osdk-surface-border-radius)
+  );
+  cursor: pointer;
+  font-family: var(
+    --osdk-select-font-family,
+    var(--osdk-typography-family-default)
+  );
+  font-size: var(
+    --osdk-select-font-size,
+    var(--osdk-typography-size-body-medium)
+  );
+  line-height: var(
+    --osdk-select-line-height,
+    var(--osdk-typography-line-height-default)
+  );
+  color: var(
+    --osdk-select-item-color,
+    var(--osdk-typography-color-default-rest)
+  );
+  transition: background-color
+    var(
+      --osdk-select-transition-duration,
+      var(--osdk-emphasis-transition-duration)
+    )
+    var(--osdk-select-transition-ease, var(--osdk-emphasis-ease-default));
+
+  &[data-highlighted] {
+    background-color: var(
+      --osdk-select-item-bg-highlighted,
+      var(--osdk-surface-background-color-default-hover)
+    );
+    outline: none;
+  }
+
+  &[data-selected] {
+    background-color: var(
+      --osdk-select-item-bg-selected,
+      var(--osdk-surface-layer-primary)
+    );
+    color: var(
+      --osdk-select-item-color-selected,
+      var(--osdk-intent-primary-rest)
+    );
+  }
+
+  &[data-disabled] {
+    cursor: not-allowed;
+    opacity: var(--osdk-disabled-opacity, 0.5);
+  }
+}

package/build/browser/base-components/select/Select.module.css.js

@@ -0,0 +1,13 @@
+// CSS Module proxy for Select.module.css
+const styles = {
+  "osdkSelectTrigger": "Select-module__osdkSelectTrigger___Gvh4NMeE",
+  "osdkSelectValueContainer": "Select-module__osdkSelectValueContainer___kLgKidnQ",
+  "osdkSelectValue": "Select-module__osdkSelectValue___RVgvlerI",
+  "osdkSelectPlaceholder": "Select-module__osdkSelectPlaceholder___uKSMvXUy",
+  "osdkSelectIcon": "Select-module__osdkSelectIcon___wBYDb-yy",
+  "osdkSelectPositioner": "Select-module__osdkSelectPositioner___isn6y3d0",
+  "osdkSelectPopup": "Select-module__osdkSelectPopup___mKufWAKp",
+  "osdkSelectItem": "Select-module__osdkSelectItem___OVOZPohZ"
+};
+
+export default styles;

package/build/browser/base-components/skeleton/SkeletonBar.js

@@ -0,0 +1,36 @@
+/*
+ * Copyright 2026 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";
+import styles from "./SkeletonBar.module.css.js";
+export function SkeletonBar({
+  width,
+  height,
+  maxWidth,
+  className
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    "aria-hidden": "true",
+    className: classnames(styles.skeletonBar, className),
+    style: {
+      width,
+      height,
+      maxWidth
+    }
+  });
+}
+//# sourceMappingURL=SkeletonBar.js.map

package/build/browser/base-components/skeleton/SkeletonBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SkeletonBar.js","names":["classnames","React","styles","SkeletonBar","width","height","maxWidth","className","createElement","skeletonBar","style"],"sources":["SkeletonBar.tsx"],"sourcesContent":["/*\n * Copyright 2026 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 from \"react\";\nimport styles from \"./SkeletonBar.module.css\";\n\ninterface SkeletonBarProps {\n  width?: string | number;\n  height?: string | number;\n  maxWidth?: string | number;\n  className?: string;\n}\n\nexport function SkeletonBar({\n  width,\n  height,\n  maxWidth,\n  className,\n}: SkeletonBarProps): React.ReactElement {\n  return (\n    <div\n      aria-hidden=\"true\"\n      className={classnames(styles.skeletonBar, className)}\n      style={{ width, height, maxWidth }}\n    />\n  );\n}\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,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,0BAA0B;AAS7C,OAAO,SAASC,WAAWA,CAAC;EAC1BC,KAAK;EACLC,MAAM;EACNC,QAAQ;EACRC;AACgB,CAAC,EAAsB;EACvC,oBACEN,KAAA,CAAAO,aAAA;IACE,eAAY,MAAM;IAClBD,SAAS,EAAEP,UAAU,CAACE,MAAM,CAACO,WAAW,EAAEF,SAAS,CAAE;IACrDG,KAAK,EAAE;MAAEN,KAAK;MAAEC,MAAM;MAAEC;IAAS;EAAE,CACpC,CAAC;AAEN","ignoreList":[]}