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

package/build/esm/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";
+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/esm/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/esm/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/esm/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";
+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/esm/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":[]}

package/build/esm/base-components/skeleton/SkeletonBar.module.css

@@ -0,0 +1,39 @@
+/*
+ * 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.
+ */
+
+@keyframes skeleton-glow {
+  from {
+    background: var(--osdk-background-skeleton-from);
+  }
+
+  to {
+    background: var(--osdk-background-skeleton-to);
+  }
+}
+
+.skeletonBar {
+  animation: 1000ms linear infinite alternate skeleton-glow;
+  background: var(--osdk-background-skeleton-from);
+  border-radius: var(--osdk-surface-border-radius);
+  pointer-events: none;
+  user-select: none;
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .skeletonBar {
+    animation: none;
+  }
+}

package/build/esm/base-components/switch/Switch.module.css

@@ -25,35 +25,34 @@
   width: var(--osdk-switch-track-width);
   height: var(--osdk-switch-track-height);
   padding: 0;
-  box-sizing: border-box;
   cursor: pointer;
   border-radius: var(--osdk-switch-border-radius, var(--osdk-surface-border-radius));
   position: relative;
   border: none;
-  transition: background-color var(--osdk-switch-transition-duration, var(--bp-emphasis-transitionDuration))
-    var(--osdk-switch-transition-ease, var(--bp-emphasis-ease-default));
+  transition: background-color var(--osdk-switch-transition-duration, var(--osdk-emphasis-transition-duration))
+    var(--osdk-switch-transition-ease, var(--osdk-emphasis-ease-default));
 
   &[data-unchecked] {
-    background-color: var(--osdk-switch-track-bg, var(--bp-intent-default-rest));
+    background-color: var(--osdk-switch-track-bg, var(--osdk-intent-default-rest));
 
     &:hover {
-      background-color: var(--osdk-switch-track-bg-hover, var(--bp-intent-default-hover));
+      background-color: var(--osdk-switch-track-bg-hover, var(--osdk-intent-default-hover));
     }
 
     &:active {
-      background-color: var(--osdk-switch-track-bg-active, var(--bp-intent-default-active));
+      background-color: var(--osdk-switch-track-bg-active, var(--osdk-intent-default-active));
     }
   }
 
   &[data-checked] {
-    background-color: var(--osdk-switch-track-bg-checked, var(--bp-intent-primary-rest));
+    background-color: var(--osdk-switch-track-bg-checked, var(--osdk-intent-primary-rest));
 
     &:hover {
-      background-color: var(--osdk-switch-track-bg-checked-hover, var(--bp-intent-primary-hover));
+      background-color: var(--osdk-switch-track-bg-checked-hover, var(--osdk-intent-primary-hover));
     }
 
     &:active {
-      background-color: var(--osdk-switch-track-bg-checked-active, var(--bp-intent-primary-active));
+      background-color: var(--osdk-switch-track-bg-checked-active, var(--osdk-intent-primary-active));
     }
   }
 
@@ -63,9 +62,9 @@
   }
 
   &:focus-visible {
-    outline: var(--osdk-switch-focus-width, var(--bp-emphasis-focusWidth)) solid
-      var(--osdk-switch-focus-color, var(--bp-emphasis-focusColor));
-    outline-offset: var(--osdk-switch-focus-offset, var(--bp-emphasis-focusOffset));
+    outline: var(--osdk-switch-focus-width, var(--osdk-emphasis-focus-width)) solid
+      var(--osdk-switch-focus-color, var(--osdk-emphasis-focus-color));
+    outline-offset: var(--osdk-switch-focus-offset, var(--osdk-emphasis-focus-offset));
   }
 }
 
@@ -73,13 +72,13 @@
   display: block;
   width: var(--osdk-switch-thumb-size);
   height: var(--osdk-switch-thumb-size);
-  background-color: var(--osdk-switch-thumb-bg, var(--bp-palette-gray-100));
+  background-color: var(--osdk-switch-thumb-bg, var(--osdk-palette-white));
   border-radius: 50%;
   position: absolute;
   top: 50%;
   transform: translateY(-50%);
-  transition: left var(--osdk-switch-transition-duration, var(--bp-emphasis-transitionDuration))
-    var(--osdk-switch-transition-ease, var(--bp-emphasis-ease-default));
+  transition: left var(--osdk-switch-transition-duration, var(--osdk-emphasis-transition-duration))
+    var(--osdk-switch-transition-ease, var(--osdk-emphasis-ease-default));
 
   &[data-unchecked] {
     left: var(--osdk-switch-thumb-offset);

package/build/esm/base-components/tooltip/Tooltip.js

@@ -0,0 +1,91 @@
+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 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 { Tooltip as BaseUITooltip } from "@base-ui/react/tooltip";
+import classnames from "classnames";
+import React from "react";
+import styles from "./Tooltip.module.css";
+function TooltipRoot({
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUITooltip.Root, rest, children);
+}
+function TooltipProvider({
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUITooltip.Provider, rest, children);
+}
+function TooltipTrigger({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUITooltip.Trigger, _extends({
+    className: classnames(styles.osdkTooltipTrigger, className)
+  }, rest), children);
+}
+function TooltipPositioner({
+  className,
+  children,
+  sideOffset = 4,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUITooltip.Positioner, _extends({
+    className: classnames(styles.osdkTooltipPositioner, className),
+    sideOffset: sideOffset
+  }, rest), children);
+}
+function TooltipPopup({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUITooltip.Popup, _extends({
+    className: classnames(styles.osdkTooltipPopup, className)
+  }, rest), children);
+}
+export function TooltipArrow() {
+  return /*#__PURE__*/React.createElement(BaseUITooltip.Arrow, {
+    className: styles.osdkTooltipArrow
+  }, /*#__PURE__*/React.createElement(ArrowSvg, null));
+}
+function ArrowSvg(props) {
+  return /*#__PURE__*/React.createElement("svg", _extends({
+    width: "20",
+    height: "10",
+    viewBox: "0 0 20 10",
+    fill: "none"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z",
+    className: styles.tooltipArrowFill
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z",
+    className: styles.tooltipArrowOuterStroke
+  }));
+}
+export const Tooltip = {
+  Root: TooltipRoot,
+  Provider: TooltipProvider,
+  Trigger: TooltipTrigger,
+  Portal: BaseUITooltip.Portal,
+  Positioner: TooltipPositioner,
+  Popup: TooltipPopup,
+  Arrow: TooltipArrow
+};
+//# sourceMappingURL=Tooltip.js.map

package/build/esm/base-components/tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":["Tooltip","BaseUITooltip","classnames","React","styles","TooltipRoot","children","rest","createElement","Root","TooltipProvider","Provider","TooltipTrigger","className","Trigger","_extends","osdkTooltipTrigger","TooltipPositioner","sideOffset","Positioner","osdkTooltipPositioner","TooltipPopup","Popup","osdkTooltipPopup","TooltipArrow","Arrow","osdkTooltipArrow","ArrowSvg","props","width","height","viewBox","fill","d","tooltipArrowFill","tooltipArrowOuterStroke","Portal"],"sources":["Tooltip.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 {\n  Tooltip as BaseUITooltip,\n  type TooltipPopupProps,\n  type TooltipPositionerProps,\n  type TooltipProviderProps,\n  type TooltipRootProps,\n  type TooltipTriggerProps,\n} from \"@base-ui/react/tooltip\";\nimport classnames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./Tooltip.module.css\";\n\nexport interface TooltipProps extends Omit<TooltipRootProps, \"className\"> {}\n\nfunction TooltipRoot({\n  children,\n  ...rest\n}: TooltipProps): React.ReactElement {\n  return (\n    <BaseUITooltip.Root {...rest}>\n      {children}\n    </BaseUITooltip.Root>\n  );\n}\n\ninterface TooltipProviderComponentProps\n  extends Omit<TooltipProviderProps, \"className\">\n{\n  className?: string;\n}\n\nfunction TooltipProvider({\n  children,\n  ...rest\n}: TooltipProviderComponentProps): React.ReactElement {\n  return (\n    <BaseUITooltip.Provider\n      {...rest}\n    >\n      {children}\n    </BaseUITooltip.Provider>\n  );\n}\n\ninterface TooltipTriggerComponentProps\n  extends Omit<TooltipTriggerProps, \"className\">\n{\n  className?: string;\n}\n\nfunction TooltipTrigger({\n  className,\n  children,\n  ...rest\n}: TooltipTriggerComponentProps): React.ReactElement {\n  return (\n    <BaseUITooltip.Trigger\n      className={classnames(styles.osdkTooltipTrigger, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUITooltip.Trigger>\n  );\n}\n\ninterface TooltipPositionerComponentProps\n  extends Omit<TooltipPositionerProps, \"className\">\n{\n  className?: string;\n}\n\nfunction TooltipPositioner({\n  className,\n  children,\n  sideOffset = 4,\n  ...rest\n}: TooltipPositionerComponentProps): React.ReactElement {\n  return (\n    <BaseUITooltip.Positioner\n      className={classnames(styles.osdkTooltipPositioner, className)}\n      sideOffset={sideOffset}\n      {...rest}\n    >\n      {children}\n    </BaseUITooltip.Positioner>\n  );\n}\n\ninterface TooltipPopupComponentProps\n  extends Omit<TooltipPopupProps, \"className\">\n{\n  className?: string;\n}\n\nfunction TooltipPopup({\n  className,\n  children,\n  ...rest\n}: TooltipPopupComponentProps): React.ReactElement {\n  return (\n    <BaseUITooltip.Popup\n      className={classnames(styles.osdkTooltipPopup, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUITooltip.Popup>\n  );\n}\n\nexport function TooltipArrow(): React.ReactElement {\n  return (\n    <BaseUITooltip.Arrow className={styles.osdkTooltipArrow}>\n      <ArrowSvg />\n    </BaseUITooltip.Arrow>\n  );\n}\n\nfunction ArrowSvg(props: React.ComponentProps<\"svg\">) {\n  return (\n    <svg width=\"20\" height=\"10\" viewBox=\"0 0 20 10\" fill=\"none\" {...props}>\n      <path\n        d=\"M9.66437 2.60207L4.80758 6.97318C4.07308 7.63423 3.11989 8 2.13172 8H0V10H20V8H18.5349C17.5468 8 16.5936 7.63423 15.8591 6.97318L11.0023 2.60207C10.622 2.2598 10.0447 2.25979 9.66437 2.60207Z\"\n        className={styles.tooltipArrowFill}\n      />\n      <path\n        d=\"M8.99542 1.85876C9.75604 1.17425 10.9106 1.17422 11.6713 1.85878L16.5281 6.22989C17.0789 6.72568 17.7938 7.00001 18.5349 7.00001L15.89 7L11.0023 2.60207C10.622 2.2598 10.0447 2.2598 9.66436 2.60207L4.77734 7L2.13171 7.00001C2.87284 7.00001 3.58774 6.72568 4.13861 6.22989L8.99542 1.85876Z\"\n        className={styles.tooltipArrowOuterStroke}\n      />\n    </svg>\n  );\n}\n\nexport const Tooltip: {\n  Root: typeof TooltipRoot;\n  Provider: typeof TooltipProvider;\n  Trigger: typeof TooltipTrigger;\n  Portal: typeof BaseUITooltip.Portal;\n  Positioner: typeof TooltipPositioner;\n  Popup: typeof TooltipPopup;\n  Arrow: typeof TooltipArrow;\n} = {\n  Root: TooltipRoot,\n  Provider: TooltipProvider,\n  Trigger: TooltipTrigger,\n  Portal: BaseUITooltip.Portal,\n  Positioner: TooltipPositioner,\n  Popup: TooltipPopup,\n  Arrow: TooltipArrow,\n};\n"],"mappings":"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","ignoreList":[]}

package/build/esm/base-components/tooltip/Tooltip.module.css

@@ -0,0 +1,70 @@
+/*
+ * 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.
+ */
+
+.osdkTooltipTrigger {
+  border: none;
+  background: inherit;
+}
+
+.osdkTooltipPositioner {
+  z-index: var(--osdk-tooltip-z-index);
+}
+
+.osdkTooltipPopup {
+  padding: var(--osdk-tooltip-padding);
+  background-color: var(--osdk-tooltip-bg);
+  border-radius: var(--osdk-surface-border-radius);
+  box-shadow: var(--osdk-tooltip-shadow);
+  max-width: var(--osdk-tooltip-max-width);
+  font-size: var(--osdk-tooltip-font-size);
+}
+
+/* 
+ * Hardcoded values are copied from base ui example 
+ * https://base-ui.com/react/components/tooltip 
+ *
+ * */
+.osdkTooltipArrow {
+  display: flex;
+
+  &[data-side="top"] {
+    bottom: -8px;
+    rotate: 180deg;
+  }
+
+  &[data-side="bottom"] {
+    top: -8px;
+    rotate: 0deg;
+  }
+
+  &[data-side="left"] {
+    right: -13px;
+    rotate: 90deg;
+  }
+
+  &[data-side="right"] {
+    left: -13px;
+    rotate: -90deg;
+  }
+}
+
+.tooltipArrowFill {
+  fill: var(--osdk-tooltip-bg);
+}
+
+.tooltipArrowOuterStroke {
+  fill: var(--osdk-tooltip-border-color);
+}