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

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

@@ -0,0 +1,70 @@
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+.button {
+  padding: calc(var(--osdk-surface-spacing) * 2)
+    calc(var(--osdk-surface-spacing) * 4);
+  border-radius: var(--osdk-surface-border-radius);
+  font-size: var(--osdk-typography-size-body-medium);
+  cursor: pointer;
+
+  &:focus {
+    outline: none;
+  }
+
+  &:focus-visible {
+    outline: var(--osdk-focus-outline);
+    outline-offset: var(--osdk-focus-visible-outline-offset);
+  }
+}
+
+.secondaryButton {
+  background-color: var(--osdk-button-secondary-bg);
+  border: var(--osdk-surface-border);
+  color: var(--osdk-button-secondary-color);
+
+  &:hover:not(:disabled) {
+    background-color: var(--osdk-button-secondary-bg-hover);
+  }
+
+  &:active:not(:disabled) {
+    background-color: var(--osdk-button-secondary-bg-active);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+}
+
+.primaryButton {
+  background-color: var(--osdk-button-primary-bg);
+  border: none;
+  color: var(--osdk-button-primary-color);
+
+  &:hover:not(:disabled) {
+    background-color: var(--osdk-button-primary-bg-hover);
+  }
+
+  &:active:not(:disabled) {
+    background-color: var(--osdk-button-primary-bg-active);
+  }
+
+  &:disabled {
+    opacity: 0.5;
+    cursor: not-allowed;
+  }
+}

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

@@ -60,7 +60,7 @@
   }
 
   &:focus-visible {
-    outline: var(--osdk-focus-visible-outline);
+    outline: var(--osdk-focus-outline);
     outline-offset: calc(-1 * var(--osdk-focus-visible-outline-offset));
   }
 }

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

@@ -0,0 +1,124 @@
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+/*
+ * Copyright 2025 Palantir Technologies, Inc. All rights reserved.
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *     http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+
+import { Combobox as BaseUICombobox } from "@base-ui/react/combobox";
+import { Cross, Search } from "@blueprintjs/icons";
+import classnames from "classnames";
+import React from "react";
+import styles from "./Combobox.module.css";
+function ComboboxInput({
+  className,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.osdkComboboxInputWrapper, className)
+  }, /*#__PURE__*/React.createElement(Search, {
+    className: styles.osdkComboboxSearchIcon,
+    color: "currentColor"
+  }), /*#__PURE__*/React.createElement(BaseUICombobox.Input, _extends({
+    className: styles.osdkComboboxInput
+  }, rest)));
+}
+function ComboboxPositioner({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Positioner, _extends({
+    className: classnames(styles.osdkComboboxPositioner, className),
+    sideOffset: 4
+  }, rest), children);
+}
+function ComboboxPopup({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Popup, _extends({
+    className: classnames(styles.osdkComboboxPopup, className)
+  }, rest), children);
+}
+function ComboboxItem({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Item, _extends({
+    className: classnames(styles.osdkComboboxItem, className)
+  }, rest), children);
+}
+function ComboboxChips({
+  children,
+  className
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Chips, {
+    className: classnames(styles.osdkComboboxChips, className)
+  }, children);
+}
+function ComboboxChip({
+  className,
+  children,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Chip, _extends({
+    className: classnames(styles.osdkComboboxChip, className)
+  }, rest), children);
+}
+function ComboboxChipRemove({
+  className,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.ChipRemove, _extends({
+    className: classnames(styles.osdkComboboxChipRemove, className),
+    "aria-label": "Remove"
+  }, rest), /*#__PURE__*/React.createElement(Cross, {
+    color: "currentColor"
+  }));
+}
+function ComboboxClear({
+  className,
+  ...rest
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Clear, _extends({
+    className: classnames(styles.osdkComboboxClear, className),
+    "aria-label": "Clear all"
+  }, rest), /*#__PURE__*/React.createElement(Cross, {
+    color: "currentColor"
+  }));
+}
+function ComboboxEmpty({
+  children,
+  className
+}) {
+  return /*#__PURE__*/React.createElement(BaseUICombobox.Empty, {
+    className: classnames(styles.osdkComboboxEmpty, className)
+  }, children);
+}
+export const Combobox = {
+  Root: BaseUICombobox.Root,
+  Input: ComboboxInput,
+  Portal: BaseUICombobox.Portal,
+  Positioner: ComboboxPositioner,
+  Popup: ComboboxPopup,
+  Item: ComboboxItem,
+  Chips: ComboboxChips,
+  Chip: ComboboxChip,
+  ChipRemove: ComboboxChipRemove,
+  Clear: ComboboxClear,
+  Empty: ComboboxEmpty
+};
+//# sourceMappingURL=Combobox.js.map

package/build/esm/base-components/combobox/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","names":["Combobox","BaseUICombobox","Cross","Search","classnames","React","styles","ComboboxInput","className","rest","createElement","osdkComboboxInputWrapper","osdkComboboxSearchIcon","color","Input","_extends","osdkComboboxInput","ComboboxPositioner","children","Positioner","osdkComboboxPositioner","sideOffset","ComboboxPopup","Popup","osdkComboboxPopup","ComboboxItem","Item","osdkComboboxItem","ComboboxChips","Chips","osdkComboboxChips","ComboboxChip","Chip","osdkComboboxChip","ComboboxChipRemove","ChipRemove","osdkComboboxChipRemove","ComboboxClear","Clear","osdkComboboxClear","ComboboxEmpty","Empty","osdkComboboxEmpty","Root","Portal"],"sources":["Combobox.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  Combobox as BaseUICombobox,\n  type ComboboxChipProps,\n  type ComboboxChipRemoveProps,\n  type ComboboxClearProps,\n  type ComboboxInputProps,\n  type ComboboxItemProps,\n  type ComboboxPopupProps,\n  type ComboboxPositionerProps,\n} from \"@base-ui/react/combobox\";\nimport { Cross, Search } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./Combobox.module.css\";\n\ninterface ComboboxInputComponentProps\n  extends Omit<ComboboxInputProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxInput({\n  className,\n  ...rest\n}: ComboboxInputComponentProps): React.ReactElement {\n  return (\n    <div className={classnames(styles.osdkComboboxInputWrapper, className)}>\n      <Search className={styles.osdkComboboxSearchIcon} color=\"currentColor\" />\n      <BaseUICombobox.Input\n        className={styles.osdkComboboxInput}\n        {...rest}\n      />\n    </div>\n  );\n}\n\ninterface ComboboxPositionerComponentProps\n  extends Omit<ComboboxPositionerProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxPositioner({\n  className,\n  children,\n  ...rest\n}: ComboboxPositionerComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Positioner\n      className={classnames(styles.osdkComboboxPositioner, className)}\n      sideOffset={4}\n      {...rest}\n    >\n      {children}\n    </BaseUICombobox.Positioner>\n  );\n}\n\ninterface ComboboxPopupComponentProps\n  extends Omit<ComboboxPopupProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxPopup({\n  className,\n  children,\n  ...rest\n}: ComboboxPopupComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Popup\n      className={classnames(styles.osdkComboboxPopup, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUICombobox.Popup>\n  );\n}\n\ninterface ComboboxItemComponentProps\n  extends Omit<ComboboxItemProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxItem({\n  className,\n  children,\n  ...rest\n}: ComboboxItemComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Item\n      className={classnames(styles.osdkComboboxItem, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUICombobox.Item>\n  );\n}\n\nfunction ComboboxChips({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}): React.ReactElement {\n  return (\n    <BaseUICombobox.Chips\n      className={classnames(styles.osdkComboboxChips, className)}\n    >\n      {children}\n    </BaseUICombobox.Chips>\n  );\n}\n\ninterface ComboboxChipComponentProps\n  extends Omit<ComboboxChipProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxChip({\n  className,\n  children,\n  ...rest\n}: ComboboxChipComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Chip\n      className={classnames(styles.osdkComboboxChip, className)}\n      {...rest}\n    >\n      {children}\n    </BaseUICombobox.Chip>\n  );\n}\n\ninterface ComboboxChipRemoveComponentProps\n  extends Omit<ComboboxChipRemoveProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxChipRemove({\n  className,\n  ...rest\n}: ComboboxChipRemoveComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.ChipRemove\n      className={classnames(styles.osdkComboboxChipRemove, className)}\n      aria-label=\"Remove\"\n      {...rest}\n    >\n      <Cross color=\"currentColor\" />\n    </BaseUICombobox.ChipRemove>\n  );\n}\n\ninterface ComboboxClearComponentProps\n  extends Omit<ComboboxClearProps, \"className\">\n{\n  className?: string;\n}\n\nfunction ComboboxClear({\n  className,\n  ...rest\n}: ComboboxClearComponentProps): React.ReactElement {\n  return (\n    <BaseUICombobox.Clear\n      className={classnames(styles.osdkComboboxClear, className)}\n      aria-label=\"Clear all\"\n      {...rest}\n    >\n      <Cross color=\"currentColor\" />\n    </BaseUICombobox.Clear>\n  );\n}\n\nfunction ComboboxEmpty({\n  children,\n  className,\n}: {\n  children: React.ReactNode;\n  className?: string;\n}): React.ReactElement {\n  return (\n    <BaseUICombobox.Empty\n      className={classnames(styles.osdkComboboxEmpty, className)}\n    >\n      {children}\n    </BaseUICombobox.Empty>\n  );\n}\n\nexport const Combobox: {\n  Root: typeof BaseUICombobox.Root;\n  Input: typeof ComboboxInput;\n  Portal: typeof BaseUICombobox.Portal;\n  Positioner: typeof ComboboxPositioner;\n  Popup: typeof ComboboxPopup;\n  Item: typeof ComboboxItem;\n  Chips: typeof ComboboxChips;\n  Chip: typeof ComboboxChip;\n  ChipRemove: typeof ComboboxChipRemove;\n  Clear: typeof ComboboxClear;\n  Empty: typeof ComboboxEmpty;\n} = {\n  Root: BaseUICombobox.Root,\n  Input: ComboboxInput,\n  Portal: BaseUICombobox.Portal,\n  Positioner: ComboboxPositioner,\n  Popup: ComboboxPopup,\n  Item: ComboboxItem,\n  Chips: ComboboxChips,\n  Chip: ComboboxChip,\n  ChipRemove: ComboboxChipRemove,\n  Clear: ComboboxClear,\n  Empty: ComboboxEmpty,\n};\n"],"mappings":";AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SACEA,QAAQ,IAAIC,cAAc,QAQrB,yBAAyB;AAChC,SAASC,KAAK,EAAEC,MAAM,QAAQ,oBAAoB;AAClD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,uBAAuB;AAQ1C,SAASC,aAAaA,CAAC;EACrBC,SAAS;EACT,GAAGC;AACwB,CAAC,EAAsB;EAClD,oBACEJ,KAAA,CAAAK,aAAA;IAAKF,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAACK,wBAAwB,EAAEH,SAAS;EAAE,gBACrEH,KAAA,CAAAK,aAAA,CAACP,MAAM;IAACK,SAAS,EAAEF,MAAM,CAACM,sBAAuB;IAACC,KAAK,EAAC;EAAc,CAAE,CAAC,eACzER,KAAA,CAAAK,aAAA,CAACT,cAAc,CAACa,KAAK,EAAAC,QAAA;IACnBP,SAAS,EAAEF,MAAM,CAACU;EAAkB,GAChCP,IAAI,CACT,CACE,CAAC;AAEV;AAQA,SAASQ,kBAAkBA,CAAC;EAC1BT,SAAS;EACTU,QAAQ;EACR,GAAGT;AAC6B,CAAC,EAAsB;EACvD,oBACEJ,KAAA,CAAAK,aAAA,CAACT,cAAc,CAACkB,UAAU,EAAAJ,QAAA;IACxBP,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAACc,sBAAsB,EAAEZ,SAAS,CAAE;IAChEa,UAAU,EAAE;EAAE,GACVZ,IAAI,GAEPS,QACwB,CAAC;AAEhC;AAQA,SAASI,aAAaA,CAAC;EACrBd,SAAS;EACTU,QAAQ;EACR,GAAGT;AACwB,CAAC,EAAsB;EAClD,oBACEJ,KAAA,CAAAK,aAAA,CAACT,cAAc,CAACsB,KAAK,EAAAR,QAAA;IACnBP,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAACkB,iBAAiB,EAAEhB,SAAS;EAAE,GACvDC,IAAI,GAEPS,QACmB,CAAC;AAE3B;AAQA,SAASO,YAAYA,CAAC;EACpBjB,SAAS;EACTU,QAAQ;EACR,GAAGT;AACuB,CAAC,EAAsB;EACjD,oBACEJ,KAAA,CAAAK,aAAA,CAACT,cAAc,CAACyB,IAAI,EAAAX,QAAA;IAClBP,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAACqB,gBAAgB,EAAEnB,SAAS;EAAE,GACtDC,IAAI,GAEPS,QACkB,CAAC;AAE1B;AAEA,SAASU,aAAaA,CAAC;EACrBV,QAAQ;EACRV;AAIF,CAAC,EAAsB;EACrB,oBACEH,KAAA,CAAAK,aAAA,CAACT,cAAc,CAAC4B,KAAK;IACnBrB,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAACwB,iBAAiB,EAAEtB,SAAS;EAAE,GAE1DU,QACmB,CAAC;AAE3B;AAQA,SAASa,YAAYA,CAAC;EACpBvB,SAAS;EACTU,QAAQ;EACR,GAAGT;AACuB,CAAC,EAAsB;EACjD,oBACEJ,KAAA,CAAAK,aAAA,CAACT,cAAc,CAAC+B,IAAI,EAAAjB,QAAA;IAClBP,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAAC2B,gBAAgB,EAAEzB,SAAS;EAAE,GACtDC,IAAI,GAEPS,QACkB,CAAC;AAE1B;AAQA,SAASgB,kBAAkBA,CAAC;EAC1B1B,SAAS;EACT,GAAGC;AAC6B,CAAC,EAAsB;EACvD,oBACEJ,KAAA,CAAAK,aAAA,CAACT,cAAc,CAACkC,UAAU,EAAApB,QAAA;IACxBP,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAAC8B,sBAAsB,EAAE5B,SAAS,CAAE;IAChE,cAAW;EAAQ,GACfC,IAAI,gBAERJ,KAAA,CAAAK,aAAA,CAACR,KAAK;IAACW,KAAK,EAAC;EAAc,CAAE,CACJ,CAAC;AAEhC;AAQA,SAASwB,aAAaA,CAAC;EACrB7B,SAAS;EACT,GAAGC;AACwB,CAAC,EAAsB;EAClD,oBACEJ,KAAA,CAAAK,aAAA,CAACT,cAAc,CAACqC,KAAK,EAAAvB,QAAA;IACnBP,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAACiC,iBAAiB,EAAE/B,SAAS,CAAE;IAC3D,cAAW;EAAW,GAClBC,IAAI,gBAERJ,KAAA,CAAAK,aAAA,CAACR,KAAK;IAACW,KAAK,EAAC;EAAc,CAAE,CACT,CAAC;AAE3B;AAEA,SAAS2B,aAAaA,CAAC;EACrBtB,QAAQ;EACRV;AAIF,CAAC,EAAsB;EACrB,oBACEH,KAAA,CAAAK,aAAA,CAACT,cAAc,CAACwC,KAAK;IACnBjC,SAAS,EAAEJ,UAAU,CAACE,MAAM,CAACoC,iBAAiB,EAAElC,SAAS;EAAE,GAE1DU,QACmB,CAAC;AAE3B;AAEA,OAAO,MAAMlB,QAYZ,GAAG;EACF2C,IAAI,EAAE1C,cAAc,CAAC0C,IAAI;EACzB7B,KAAK,EAAEP,aAAa;EACpBqC,MAAM,EAAE3C,cAAc,CAAC2C,MAAM;EAC7BzB,UAAU,EAAEF,kBAAkB;EAC9BM,KAAK,EAAED,aAAa;EACpBI,IAAI,EAAED,YAAY;EAClBI,KAAK,EAAED,aAAa;EACpBI,IAAI,EAAED,YAAY;EAClBI,UAAU,EAAED,kBAAkB;EAC9BI,KAAK,EAAED,aAAa;EACpBI,KAAK,EAAED;AACT,CAAC","ignoreList":[]}

package/build/esm/base-components/combobox/Combobox.module.css

@@ -0,0 +1,177 @@
+/*
+ * 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.
+ */
+
+.osdkComboboxInputWrapper {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-combobox-spacing, var(--bp-surface-spacing));
+  width: 100%;
+  min-height: 30px;
+  padding: calc(var(--osdk-combobox-spacing, var(--bp-surface-spacing)) * 1.5)
+    calc(var(--osdk-combobox-spacing, var(--bp-surface-spacing)) * 2);
+  box-sizing: border-box;
+  border-radius: var(--osdk-combobox-border-radius, var(--bp-surface-borderRadius));
+  border: var(--osdk-combobox-border-width, var(--bp-surface-borderWidth)) solid
+    var(--osdk-combobox-border-color, var(--bp-surface-borderColor-default));
+  background-color: var(--osdk-combobox-input-bg, var(--bp-surface-colorRest-default));
+  transition: border-color var(--osdk-combobox-transition-duration, var(--bp-emphasis-transitionDuration))
+    var(--osdk-combobox-transition-ease, var(--bp-emphasis-ease-default));
+
+  &:focus-within {
+    border-color: var(--osdk-combobox-focus-border-color, var(--bp-intent-primary-rest));
+    outline: var(--osdk-combobox-focus-width, var(--bp-emphasis-focusWidth)) solid
+      var(--osdk-combobox-focus-color, var(--bp-emphasis-focusColor));
+    outline-offset: var(--osdk-combobox-focus-offset, var(--bp-emphasis-focusOffset));
+  }
+}
+
+.osdkComboboxSearchIcon {
+  flex-shrink: 0;
+  color: var(--osdk-combobox-icon-color, var(--bp-iconography-colorMuted));
+}
+
+.osdkComboboxInput {
+  flex: 1;
+  min-width: 0;
+  border: none;
+  background: transparent;
+  font-family: var(--osdk-combobox-font-family, var(--bp-typography-family-default));
+  font-size: var(--osdk-combobox-font-size, var(--bp-typography-size-bodyMedium));
+  line-height: var(--osdk-combobox-line-height, var(--bp-typography-lineHeight-default));
+  color: var(--osdk-combobox-input-color, var(--bp-typography-colorRest-default));
+  outline: none;
+
+  &::placeholder {
+    color: var(--osdk-combobox-placeholder-color, var(--bp-typography-colorMuted));
+  }
+}
+
+.osdkComboboxPositioner {
+  z-index: var(--osdk-combobox-z-index, var(--bp-surface-zIndex-3));
+}
+
+.osdkComboboxPopup {
+  display: flex;
+  flex-direction: column;
+  min-width: var(--anchor-width);
+  max-height: var(--available-height);
+  overflow-y: auto;
+  padding: calc(var(--osdk-combobox-spacing, var(--bp-surface-spacing)) * 1.5);
+  box-sizing: border-box;
+  border-radius: var(--osdk-combobox-border-radius, var(--bp-surface-borderRadius));
+  border: var(--osdk-combobox-border-width, var(--bp-surface-borderWidth)) solid
+    var(--osdk-combobox-border-color, var(--bp-surface-borderColor-default));
+  background-color: var(--osdk-combobox-popup-bg, var(--bp-surface-colorRest-default));
+  box-shadow: var(--osdk-combobox-popup-shadow, var(--bp-surface-shadow-2));
+}
+
+.osdkComboboxItem {
+  display: flex;
+  align-items: center;
+  padding: calc(var(--osdk-combobox-spacing, var(--bp-surface-spacing)) * 1.5)
+    calc(var(--osdk-combobox-spacing, var(--bp-surface-spacing)) * 2);
+  border-radius: var(--osdk-combobox-border-radius, var(--bp-surface-borderRadius));
+  cursor: pointer;
+  font-family: var(--osdk-combobox-font-family, var(--bp-typography-family-default));
+  font-size: var(--osdk-combobox-font-size, var(--bp-typography-size-bodyMedium));
+  line-height: var(--osdk-combobox-line-height, var(--bp-typography-lineHeight-default));
+  color: var(--osdk-combobox-item-color, var(--bp-typography-colorRest-default));
+  transition: background-color var(--osdk-combobox-transition-duration, var(--bp-emphasis-transitionDuration))
+    var(--osdk-combobox-transition-ease, var(--bp-emphasis-ease-default));
+
+  &[data-highlighted] {
+    background-color: var(--osdk-combobox-item-bg-highlighted, var(--bp-surface-colorHover-default));
+    outline: none;
+  }
+
+  &[data-selected] {
+    background-color: var(--osdk-combobox-item-bg-selected, var(--bp-surface-depthLayer-primary));
+    color: var(--osdk-combobox-item-color-selected, var(--bp-intent-primary-rest));
+  }
+
+  &[data-disabled] {
+    cursor: not-allowed;
+    opacity: 0.5;
+  }
+}
+
+.osdkComboboxChips {
+  display: flex;
+  flex-wrap: wrap;
+  gap: calc(var(--osdk-combobox-spacing, var(--bp-surface-spacing)) * 1.5);
+  margin-bottom: calc(var(--osdk-combobox-spacing, var(--bp-surface-spacing)) * 2);
+}
+
+.osdkComboboxChip {
+  display: inline-flex;
+  align-items: center;
+  gap: var(--osdk-combobox-spacing, var(--bp-surface-spacing));
+  padding: calc(var(--osdk-combobox-spacing, var(--bp-surface-spacing)) * 0.5)
+    calc(var(--osdk-combobox-spacing, var(--bp-surface-spacing)) * 1.5);
+  border-radius: var(--osdk-combobox-border-radius, var(--bp-surface-borderRadius));
+  background-color: var(--osdk-combobox-chip-bg, var(--bp-surface-colorHover-default));
+  font-family: var(--osdk-combobox-font-family, var(--bp-typography-family-default));
+  font-size: var(--osdk-combobox-chip-font-size, var(--bp-typography-size-bodySmall));
+  line-height: var(--osdk-combobox-line-height, var(--bp-typography-lineHeight-default));
+  color: var(--osdk-combobox-chip-color, var(--bp-typography-colorRest-default));
+}
+
+.osdkComboboxChipRemove {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 0;
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: var(--osdk-combobox-chip-remove-color, var(--bp-iconography-colorMuted));
+  transition: color var(--osdk-combobox-transition-duration, var(--bp-emphasis-transitionDuration))
+    var(--osdk-combobox-transition-ease, var(--bp-emphasis-ease-default));
+
+  &:hover {
+    color: var(--osdk-combobox-chip-remove-color-hover, var(--bp-typography-colorRest-default));
+  }
+}
+
+.osdkComboboxClear {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: calc(var(--osdk-combobox-spacing, var(--bp-surface-spacing)) * 0.5);
+  border: none;
+  background: transparent;
+  cursor: pointer;
+  color: var(--osdk-combobox-clear-color, var(--bp-iconography-colorMuted));
+  border-radius: var(--osdk-combobox-border-radius, var(--bp-surface-borderRadius));
+  transition: color var(--osdk-combobox-transition-duration, var(--bp-emphasis-transitionDuration))
+      var(--osdk-combobox-transition-ease, var(--bp-emphasis-ease-default)),
+    background-color var(--osdk-combobox-transition-duration, var(--bp-emphasis-transitionDuration))
+      var(--osdk-combobox-transition-ease, var(--bp-emphasis-ease-default));
+
+  &:hover {
+    color: var(--osdk-combobox-clear-color-hover, var(--bp-typography-colorRest-default));
+    background-color: var(--osdk-combobox-clear-bg-hover, var(--bp-surface-colorHover-default));
+  }
+}
+
+.osdkComboboxEmpty {
+  padding: calc(var(--osdk-combobox-spacing, var(--bp-surface-spacing)) * 3)
+    calc(var(--osdk-combobox-spacing, var(--bp-surface-spacing)) * 2);
+  text-align: center;
+  color: var(--osdk-combobox-empty-color, var(--bp-typography-colorMuted));
+  font-family: var(--osdk-combobox-font-family, var(--bp-typography-family-default));
+  font-size: var(--osdk-combobox-font-size, var(--bp-typography-size-bodyMedium));
+}

package/build/esm/base-components/dialog/Dialog.js

@@ -0,0 +1,52 @@
+/*
+ * 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 { Dialog as BaseUIDialog } from "@base-ui/react/dialog";
+import { Cross } from "@blueprintjs/icons";
+import classnames from "classnames";
+import React from "react";
+import styles from "./Dialog.module.css";
+export function Dialog({
+  isOpen,
+  onOpenChange,
+  title,
+  children,
+  footer,
+  className
+}) {
+  return /*#__PURE__*/React.createElement(BaseUIDialog.Root, {
+    open: isOpen,
+    onOpenChange: onOpenChange
+  }, /*#__PURE__*/React.createElement(BaseUIDialog.Portal, null, /*#__PURE__*/React.createElement(BaseUIDialog.Backdrop, {
+    className: styles.backdrop
+  }), /*#__PURE__*/React.createElement(BaseUIDialog.Popup, {
+    className: classnames(styles.popup, className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.header
+  }, /*#__PURE__*/React.createElement(BaseUIDialog.Title, {
+    className: styles.title
+  }, title), /*#__PURE__*/React.createElement(BaseUIDialog.Close, {
+    className: styles.closeButton,
+    "aria-label": "Close dialog"
+  }, /*#__PURE__*/React.createElement(Cross, {
+    className: styles.closeIcon
+  }))), /*#__PURE__*/React.createElement("div", {
+    className: styles.body
+  }, children), footer != null && /*#__PURE__*/React.createElement("div", {
+    className: styles.footer
+  }, footer))));
+}
+//# sourceMappingURL=Dialog.js.map

package/build/esm/base-components/dialog/Dialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dialog.js","names":["Dialog","BaseUIDialog","Cross","classnames","React","styles","isOpen","onOpenChange","title","children","footer","className","createElement","Root","open","Portal","Backdrop","backdrop","Popup","popup","header","Title","Close","closeButton","closeIcon","body"],"sources":["Dialog.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 { Dialog as BaseUIDialog } from \"@base-ui/react/dialog\";\nimport { Cross } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./Dialog.module.css\";\n\nexport interface DialogProps {\n  isOpen: boolean;\n  onOpenChange: () => void;\n  title: React.ReactNode;\n  children: React.ReactNode;\n  footer?: React.ReactNode;\n  className?: string;\n}\n\nexport function Dialog({\n  isOpen,\n  onOpenChange,\n  title,\n  children,\n  footer,\n  className,\n}: DialogProps): React.ReactElement {\n  return (\n    <BaseUIDialog.Root open={isOpen} onOpenChange={onOpenChange}>\n      <BaseUIDialog.Portal>\n        <BaseUIDialog.Backdrop className={styles.backdrop} />\n        <BaseUIDialog.Popup\n          className={classnames(\n            styles.popup,\n            className,\n          )}\n        >\n          <div className={styles.header}>\n            <BaseUIDialog.Title className={styles.title}>\n              {title}\n            </BaseUIDialog.Title>\n            <BaseUIDialog.Close\n              className={styles.closeButton}\n              aria-label=\"Close dialog\"\n            >\n              <Cross className={styles.closeIcon} />\n            </BaseUIDialog.Close>\n          </div>\n          <div className={styles.body}>{children}</div>\n          {footer != null && <div className={styles.footer}>{footer}</div>}\n        </BaseUIDialog.Popup>\n      </BaseUIDialog.Portal>\n    </BaseUIDialog.Root>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,MAAM,IAAIC,YAAY,QAAQ,uBAAuB;AAC9D,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,qBAAqB;AAWxC,OAAO,SAASL,MAAMA,CAAC;EACrBM,MAAM;EACNC,YAAY;EACZC,KAAK;EACLC,QAAQ;EACRC,MAAM;EACNC;AACW,CAAC,EAAsB;EAClC,oBACEP,KAAA,CAAAQ,aAAA,CAACX,YAAY,CAACY,IAAI;IAACC,IAAI,EAAER,MAAO;IAACC,YAAY,EAAEA;EAAa,gBAC1DH,KAAA,CAAAQ,aAAA,CAACX,YAAY,CAACc,MAAM,qBAClBX,KAAA,CAAAQ,aAAA,CAACX,YAAY,CAACe,QAAQ;IAACL,SAAS,EAAEN,MAAM,CAACY;EAAS,CAAE,CAAC,eACrDb,KAAA,CAAAQ,aAAA,CAACX,YAAY,CAACiB,KAAK;IACjBP,SAAS,EAAER,UAAU,CACnBE,MAAM,CAACc,KAAK,EACZR,SACF;EAAE,gBAEFP,KAAA,CAAAQ,aAAA;IAAKD,SAAS,EAAEN,MAAM,CAACe;EAAO,gBAC5BhB,KAAA,CAAAQ,aAAA,CAACX,YAAY,CAACoB,KAAK;IAACV,SAAS,EAAEN,MAAM,CAACG;EAAM,GACzCA,KACiB,CAAC,eACrBJ,KAAA,CAAAQ,aAAA,CAACX,YAAY,CAACqB,KAAK;IACjBX,SAAS,EAAEN,MAAM,CAACkB,WAAY;IAC9B,cAAW;EAAc,gBAEzBnB,KAAA,CAAAQ,aAAA,CAACV,KAAK;IAACS,SAAS,EAAEN,MAAM,CAACmB;EAAU,CAAE,CACnB,CACjB,CAAC,eACNpB,KAAA,CAAAQ,aAAA;IAAKD,SAAS,EAAEN,MAAM,CAACoB;EAAK,GAAEhB,QAAc,CAAC,EAC5CC,MAAM,IAAI,IAAI,iBAAIN,KAAA,CAAAQ,aAAA;IAAKD,SAAS,EAAEN,MAAM,CAACK;EAAO,GAAEA,MAAY,CAC7C,CACD,CACJ,CAAC;AAExB","ignoreList":[]}

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

@@ -0,0 +1,101 @@
+/*
+ * 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.
+ */
+
+.backdrop {
+  position: fixed;
+  inset: 0;
+  background-color: var(--osdk-dialog-backdrop-bg);
+  z-index: var(--osdk-surface-z-index-1);
+}
+
+.popup {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, -50%);
+  min-width: var(--osdk-dialog-min-width);
+  max-width: var(--osdk-dialog-max-width);
+  min-height: var(--osdk-dialog-min-height);
+  max-height: var(--osdk-dialog-max-height);
+  background-color: var(--osdk-dialog-bg);
+  border-radius: var(--osdk-surface-border-radius);
+  box-shadow: var(--osdk-dialog-shadow);
+  z-index: var(--osdk-surface-z-index-2);
+  display: flex;
+  flex-direction: column;
+
+  &:focus {
+    outline: none;
+  }
+}
+
+.header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: var(--osdk-dialog-header-padding);
+  border-bottom: var(--osdk-surface-border);
+}
+
+.title {
+  font-size: var(--osdk-dialog-title-font-size);
+  font-weight: var(--osdk-dialog-title-font-weight);
+}
+
+.body {
+  display: flex;
+  padding: var(--osdk-dialog-body-padding);
+  overflow-y: auto;
+  flex: 1;
+}
+
+.footer {
+  display: flex;
+  justify-content: flex-end;
+  gap: calc(var(--osdk-surface-spacing) * 2);
+  padding: var(--osdk-dialog-footer-padding);
+  border-top: var(--osdk-surface-border);
+}
+
+.closeButton {
+  background: none;
+  border: none;
+  padding: calc(var(--osdk-surface-spacing) * 0.5);
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: var(--osdk-surface-border-radius);
+
+  &:hover {
+    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);
+  }
+}
+
+.closeIcon {
+  width: var(--osdk-iconography-size-small);
+  height: var(--osdk-iconography-size-small);
+  color: var(--osdk-typography-color-muted);
+}