@osdk/cbac-components 0.1.0-beta.1 → 0.1.0-beta.2

package/build/browser/cbac-picker/base/ValidationWarning.js

@@ -0,0 +1,44 @@
+/*
+ * 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 { WarningSign } from "@blueprintjs/icons";
+import classnames from "classnames";
+import React from "react";
+import styles from "./ValidationWarning.module.css.js";
+export function ValidationWarning({
+  requiredMarkingGroups,
+  className
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.validationWarning, className)
+  }, /*#__PURE__*/React.createElement("div", {
+    className: styles.header
+  }, /*#__PURE__*/React.createElement(WarningSign, {
+    className: styles.icon,
+    size: 14
+  }), /*#__PURE__*/React.createElement("span", null, "To complete a valid classification, at least one marking from each of the following sets needs to be selected:")), /*#__PURE__*/React.createElement("ol", {
+    className: styles.groupList
+  }, requiredMarkingGroups.map((group, index) => /*#__PURE__*/React.createElement("li", {
+    key: group.markingNames.join(","),
+    className: styles.groupItem
+  }, /*#__PURE__*/React.createElement("span", {
+    className: styles.groupNumber
+  }, index + 1, "."), group.markingNames.map(name => /*#__PURE__*/React.createElement("span", {
+    key: name,
+    className: styles.chip
+  }, name))))));
+}
+//# sourceMappingURL=ValidationWarning.js.map

package/build/browser/cbac-picker/base/ValidationWarning.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ValidationWarning.js","names":["WarningSign","classnames","React","styles","ValidationWarning","requiredMarkingGroups","className","createElement","validationWarning","header","icon","size","groupList","map","group","index","key","markingNames","join","groupItem","groupNumber","name","chip"],"sources":["ValidationWarning.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 { WarningSign } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React from \"react\";\nimport type { RequiredMarkingGroup } from \"../types.js\";\nimport styles from \"./ValidationWarning.module.css\";\n\nexport interface ValidationWarningProps {\n  requiredMarkingGroups: ReadonlyArray<RequiredMarkingGroup>;\n  className?: string;\n}\n\nexport function ValidationWarning({\n  requiredMarkingGroups,\n  className,\n}: ValidationWarningProps): React.ReactElement {\n  return (\n    <div className={classnames(styles.validationWarning, className)}>\n      <div className={styles.header}>\n        <WarningSign className={styles.icon} size={14} />\n        <span>\n          To complete a valid classification, at least one marking from each of\n          the following sets needs to be selected:\n        </span>\n      </div>\n      <ol className={styles.groupList}>\n        {requiredMarkingGroups.map((group, index) => (\n          <li key={group.markingNames.join(\",\")} className={styles.groupItem}>\n            <span className={styles.groupNumber}>{index + 1}.</span>\n            {group.markingNames.map((name) => (\n              <span key={name} className={styles.chip}>{name}</span>\n            ))}\n          </li>\n        ))}\n      </ol>\n    </div>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,WAAW,QAAQ,oBAAoB;AAChD,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AAEzB,OAAOC,MAAM,MAAM,gCAAgC;AAOnD,OAAO,SAASC,iBAAiBA,CAAC;EAChCC,qBAAqB;EACrBC;AACsB,CAAC,EAAsB;EAC7C,oBACEJ,KAAA,CAAAK,aAAA;IAAKD,SAAS,EAAEL,UAAU,CAACE,MAAM,CAACK,iBAAiB,EAAEF,SAAS;EAAE,gBAC9DJ,KAAA,CAAAK,aAAA;IAAKD,SAAS,EAAEH,MAAM,CAACM;EAAO,gBAC5BP,KAAA,CAAAK,aAAA,CAACP,WAAW;IAACM,SAAS,EAAEH,MAAM,CAACO,IAAK;IAACC,IAAI,EAAE;EAAG,CAAE,CAAC,eACjDT,KAAA,CAAAK,aAAA,eAAM,gHAGA,CACH,CAAC,eACNL,KAAA,CAAAK,aAAA;IAAID,SAAS,EAAEH,MAAM,CAACS;EAAU,GAC7BP,qBAAqB,CAACQ,GAAG,CAAC,CAACC,KAAK,EAAEC,KAAK,kBACtCb,KAAA,CAAAK,aAAA;IAAIS,GAAG,EAAEF,KAAK,CAACG,YAAY,CAACC,IAAI,CAAC,GAAG,CAAE;IAACZ,SAAS,EAAEH,MAAM,CAACgB;EAAU,gBACjEjB,KAAA,CAAAK,aAAA;IAAMD,SAAS,EAAEH,MAAM,CAACiB;EAAY,GAAEL,KAAK,GAAG,CAAC,EAAC,GAAO,CAAC,EACvDD,KAAK,CAACG,YAAY,CAACJ,GAAG,CAAEQ,IAAI,iBAC3BnB,KAAA,CAAAK,aAAA;IAAMS,GAAG,EAAEK,IAAK;IAACf,SAAS,EAAEH,MAAM,CAACmB;EAAK,GAAED,IAAW,CACtD,CACC,CACL,CACC,CACD,CAAC;AAEV","ignoreList":[]}

package/build/browser/cbac-picker/base/ValidationWarning.module.css

@@ -0,0 +1,71 @@
+/*
+ * 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.
+ */
+
+.validationWarning {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--osdk-surface-spacing) * 1.5);
+  padding: var(--osdk-cbac-validation-warning-padding);
+  background: var(--osdk-cbac-validation-warning-bg);
+  color: var(--osdk-cbac-validation-warning-color);
+  font-size: var(--osdk-cbac-validation-warning-font-size);
+  border-radius: var(--osdk-cbac-validation-warning-border-radius);
+  max-height: var(--osdk-cbac-validation-warning-max-height);
+  overflow-y: auto;
+}
+
+.header {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--osdk-surface-spacing) * 1.5);
+}
+
+.icon {
+  flex-shrink: 0;
+}
+
+.groupList {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  padding-left: calc(var(--osdk-surface-spacing) * 3);
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-surface-spacing);
+}
+
+.groupItem {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
+  flex-wrap: wrap;
+}
+
+.groupNumber {
+  font-weight: var(--osdk-typography-weight-bold);
+  flex-shrink: 0;
+}
+
+.chip {
+  display: inline-flex;
+  align-items: center;
+  padding: 0 var(--osdk-surface-spacing);
+  border: 1px solid var(--osdk-cbac-validation-warning-chip-border-color);
+  border-radius: var(--osdk-surface-border-radius);
+  background: var(--osdk-cbac-validation-warning-chip-bg);
+  font-size: var(--osdk-cbac-validation-warning-font-size);
+  color: var(--osdk-typography-color-default-rest);
+}

package/build/browser/cbac-picker/base/ValidationWarning.module.css.js

@@ -0,0 +1,12 @@
+// CSS Module proxy for ValidationWarning.module.css
+const styles = {
+  "validationWarning": "ValidationWarning-module__validationWarning___oADBKhG-",
+  "header": "ValidationWarning-module__header___ylq-kIOW",
+  "icon": "ValidationWarning-module__icon___PuGol1EB",
+  "groupList": "ValidationWarning-module__groupList___ua5t3Rm2",
+  "groupItem": "ValidationWarning-module__groupItem___0BGH5HxZ",
+  "groupNumber": "ValidationWarning-module__groupNumber___rTdfnH3f",
+  "chip": "ValidationWarning-module__chip___3EH1UeL0"
+};
+
+export default styles;

package/build/browser/cbac-picker/base/selectionStateHelpers.js

@@ -0,0 +1,26 @@
+/*
+ * 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.
+ */
+
+export function isDisallowed(state) {
+  return state === "DISALLOWED" || state === "IMPLIED_DISALLOWED";
+}
+export function isImplied(state) {
+  return state === "IMPLIED" || state === "IMPLIED_DISALLOWED";
+}
+export function getDisplayLabel(label, state) {
+  return isImplied(state) ? `(${label})` : label;
+}
+//# sourceMappingURL=selectionStateHelpers.js.map

package/build/browser/cbac-picker/base/selectionStateHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"selectionStateHelpers.js","names":["isDisallowed","state","isImplied","getDisplayLabel","label"],"sources":["selectionStateHelpers.ts"],"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 type { MarkingSelectionState } from \"../types.js\";\n\nexport function isDisallowed(state: MarkingSelectionState): boolean {\n  return state === \"DISALLOWED\" || state === \"IMPLIED_DISALLOWED\";\n}\n\nexport function isImplied(state: MarkingSelectionState): boolean {\n  return state === \"IMPLIED\" || state === \"IMPLIED_DISALLOWED\";\n}\n\nexport function getDisplayLabel(\n  label: string,\n  state: MarkingSelectionState,\n): string {\n  return isImplied(state) ? `(${label})` : label;\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAIA,OAAO,SAASA,YAAYA,CAACC,KAA4B,EAAW;EAClE,OAAOA,KAAK,KAAK,YAAY,IAAIA,KAAK,KAAK,oBAAoB;AACjE;AAEA,OAAO,SAASC,SAASA,CAACD,KAA4B,EAAW;EAC/D,OAAOA,KAAK,KAAK,SAAS,IAAIA,KAAK,KAAK,oBAAoB;AAC9D;AAEA,OAAO,SAASE,eAAeA,CAC7BC,KAAa,EACbH,KAA4B,EACpB;EACR,OAAOC,SAAS,CAACD,KAAK,CAAC,GAAG,IAAIG,KAAK,GAAG,GAAGA,KAAK;AAChD","ignoreList":[]}

package/build/browser/cbac-picker/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","names":[],"sources":["types.ts"],"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\nexport type MarkingSelectionState =\n  | \"SELECTED\"\n  | \"IMPLIED\"\n  | \"DISALLOWED\"\n  | \"IMPLIED_DISALLOWED\";\n\nexport interface CbacBannerData {\n  classificationString: string;\n  textColor: string;\n  backgroundColors: string[];\n  markingIds: string[];\n}\n\nexport interface PickerMarkingCategory {\n  id: string;\n  name: string;\n  description: string;\n  categoryType: \"CONJUNCTIVE\" | \"DISJUNCTIVE\";\n  markingType: \"MANDATORY\" | \"CBAC\";\n}\n\nexport interface PickerMarking {\n  id: string;\n  categoryId: string;\n  name: string;\n  description?: string;\n}\n\nexport interface CategoryMarkingGroup {\n  category: PickerMarkingCategory;\n  markings: PickerMarking[];\n}\n\nexport interface RequiredMarkingGroup {\n  markingNames: string[];\n}\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"types.js","names":[],"sources":["types.ts"],"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\nexport type MarkingSelectionState =\n  | \"NONE\"\n  | \"SELECTED\"\n  | \"IMPLIED\"\n  | \"DISALLOWED\"\n  | \"IMPLIED_DISALLOWED\";\n\nexport interface CbacBannerData {\n  classificationString: string;\n  textColor: string;\n  backgroundColors: string[];\n  markingIds: string[];\n}\n\nexport interface PickerMarkingCategory {\n  id: string;\n  name: string;\n  description: string;\n  categoryType: \"CONJUNCTIVE\" | \"DISJUNCTIVE\";\n  markingType: \"MANDATORY\" | \"CBAC\";\n}\n\nexport interface PickerMarking {\n  id: string;\n  categoryId: string;\n  name: string;\n  description?: string;\n}\n\nexport interface CategoryMarkingGroup {\n  category: PickerMarkingCategory;\n  markings: PickerMarking[];\n}\n\nexport interface RequiredMarkingGroup {\n  markingNames: string[];\n}\n"],"mappings":"","ignoreList":[]}

package/build/browser/styles.css

@@ -1,2 +1,349 @@
 /* @osdk/cbac-components - Combined styles */
 
+/* cbac-picker/base/CategoryMarkingGroup.module.css */
+/*
+ * 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.
+ */
+
+.CategoryMarkingGroup-module__categoryGroup___YLFH-t86 {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-cbac-marking-button-gap);
+}
+
+.CategoryMarkingGroup-module__categoryName___7n2BZ6EY {
+  font-size: var(--osdk-cbac-picker-category-title-font-size);
+  font-weight: var(--osdk-cbac-picker-category-title-font-weight);
+  color: var(--osdk-cbac-picker-category-title-color);
+  letter-spacing: var(--osdk-cbac-picker-category-title-letter-spacing);
+  margin: 0;
+}
+
+.CategoryMarkingGroup-module__markingGrid___1y6ahlKa {
+  display: grid;
+  grid-template-columns: repeat(
+    var(--osdk-cbac-picker-marking-grid-columns),
+    1fr
+  );
+  border-top: 1px solid var(--osdk-cbac-picker-marking-grid-border-color);
+  border-left: 1px solid var(--osdk-cbac-picker-marking-grid-border-color);
+}
+
+.CategoryMarkingGroup-module__emptyCell___ByBo51l5 {
+  border-right: 1px solid var(--osdk-cbac-marking-button-border-color-default);
+  border-bottom: 1px solid var(--osdk-cbac-marking-button-border-color-default);
+}
+
+
+/* cbac-picker/base/InfoBanner.module.css */
+/*
+ * 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.
+ */
+
+.InfoBanner-module__infoBanner___UqeHvalP {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--osdk-surface-spacing) * 1.5);
+  padding: var(--osdk-cbac-info-banner-padding);
+  background: var(--osdk-cbac-info-banner-bg);
+  color: var(--osdk-cbac-info-banner-color);
+  font-size: var(--osdk-cbac-info-banner-font-size);
+  border-radius: var(--osdk-cbac-info-banner-border-radius);
+}
+
+.InfoBanner-module__icon___Pl0HKY0f {
+  flex-shrink: 0;
+}
+
+
+/* cbac-picker/base/MarkingButton.module.css */
+/*
+ * 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.
+ */
+
+.MarkingButton-module__markingButton___Ra7r3hu1 {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: var(--osdk-cbac-marking-button-padding);
+  border-radius: var(--osdk-cbac-marking-button-border-radius);
+  font-size: var(--osdk-cbac-marking-button-font-size);
+  font-family: inherit;
+  cursor: pointer;
+  border: none;
+  border-right: 1px solid var(--osdk-cbac-marking-button-border-color-default);
+  border-bottom: 1px solid var(--osdk-cbac-marking-button-border-color-default);
+  color: var(--osdk-cbac-marking-button-color-default);
+  background: var(--osdk-cbac-marking-button-bg-default);
+  transition: background var(--osdk-emphasis-transition-duration)
+      var(--osdk-emphasis-ease-default),
+    border-color var(--osdk-emphasis-transition-duration)
+      var(--osdk-emphasis-ease-default),
+    color var(--osdk-emphasis-transition-duration)
+      var(--osdk-emphasis-ease-default);
+}
+
+.MarkingButton-module__markingButton___Ra7r3hu1:hover:not(:disabled):not(.MarkingButton-module__disallowed___gqq-bTvz):not(.MarkingButton-module__impliedDisallowed___cpzuUIxC) {
+  background: var(--osdk-surface-background-color-default-hover);
+}
+
+.MarkingButton-module__selected___HC8AEwJx {
+  color: var(--osdk-cbac-marking-button-color-selected);
+  background: var(--osdk-cbac-marking-button-bg-selected);
+  border-color: var(--osdk-cbac-marking-button-border-color-selected);
+}
+
+.MarkingButton-module__selected___HC8AEwJx:hover:not(:disabled) {
+  background: var(--osdk-intent-primary-hover);
+}
+
+.MarkingButton-module__implied___dIs7pIKM {
+  color: var(--osdk-cbac-marking-button-color-implied);
+  background: var(--osdk-cbac-marking-button-bg-implied);
+  border-color: var(--osdk-cbac-marking-button-border-color-implied);
+}
+
+.MarkingButton-module__disallowed___gqq-bTvz,
+.MarkingButton-module__impliedDisallowed___cpzuUIxC {
+  color: var(--osdk-cbac-marking-button-color-disallowed);
+  background: var(--osdk-cbac-marking-button-bg-disallowed);
+  border-color: var(--osdk-cbac-marking-button-border-color-disallowed);
+  cursor: not-allowed;
+  opacity: var(--osdk-cbac-disabled-opacity);
+}
+
+.MarkingButton-module__markingButton___Ra7r3hu1:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+
+.MarkingButton-module__markingButton___Ra7r3hu1:disabled {
+  cursor: not-allowed;
+}
+
+
+/* cbac-picker/base/OverflowButton.module.css */
+/*
+ * 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.
+ */
+
+.OverflowButton-module__moreButton___cpjbpYWQ {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  padding: var(--osdk-cbac-overflow-button-padding);
+  font-size: var(--osdk-cbac-overflow-button-font-size);
+  font-family: inherit;
+  cursor: pointer;
+  border: none;
+  border-right: 1px solid var(--osdk-cbac-marking-button-border-color-default);
+  border-bottom: 1px solid var(--osdk-cbac-marking-button-border-color-default);
+  color: var(--osdk-cbac-marking-button-color-default);
+  background: var(--osdk-cbac-marking-button-bg-default);
+  font-weight: var(--osdk-typography-weight-bold);
+}
+
+.OverflowButton-module__moreButton___cpjbpYWQ:hover {
+  background: var(--osdk-surface-background-color-default-hover);
+}
+
+.OverflowButton-module__moreButton___cpjbpYWQ:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+
+.OverflowButton-module__moreButtonActive___zNMk3W-5 {
+  color: var(--osdk-intent-primary-rest);
+}
+
+.OverflowButton-module__overflowList___7llfP4BH {
+  display: flex;
+  flex-direction: column;
+  max-height: var(--osdk-cbac-overflow-list-max-height);
+  overflow-y: auto;
+  padding: calc(var(--osdk-surface-spacing) * 0.5);
+  background: var(--osdk-surface-background-color-default);
+  border: 1px solid var(--osdk-surface-border-color-default);
+  border-radius: var(--osdk-surface-border-radius);
+  box-shadow: var(--osdk-surface-elevation-2);
+}
+
+
+/* cbac-picker/base/OverflowItem.module.css */
+/*
+ * 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.
+ */
+
+.OverflowItem-module__overflowItem___VAefeIsF {
+  display: flex;
+  align-items: center;
+  width: 100%;
+  text-align: left;
+  padding: var(--osdk-surface-spacing)
+    calc(var(--osdk-surface-spacing) * 1.5);
+  font-size: var(--osdk-cbac-overflow-button-font-size);
+  font-family: inherit;
+  cursor: pointer;
+  border: none;
+  border-radius: var(--osdk-surface-border-radius);
+  color: var(--osdk-cbac-marking-button-color-default);
+  background: transparent;
+}
+
+.OverflowItem-module__overflowItem___VAefeIsF:hover:not(:disabled) {
+  background: var(--osdk-surface-background-color-default-hover);
+}
+
+.OverflowItem-module__overflowItem___VAefeIsF:focus-visible {
+  outline: var(--osdk-focus-outline);
+  outline-offset: var(--osdk-focus-visible-outline-offset);
+}
+
+.OverflowItem-module__overflowItemSelected___5UNc9Ql9 {
+  color: var(--osdk-intent-primary-rest);
+  font-weight: var(--osdk-typography-weight-bold);
+}
+
+.OverflowItem-module__overflowItemDisabled___UKHy9SIU {
+  color: var(--osdk-cbac-marking-button-color-disallowed);
+  cursor: not-allowed;
+  opacity: var(--osdk-cbac-disabled-opacity);
+}
+
+
+/* cbac-picker/base/ValidationWarning.module.css */
+/*
+ * 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.
+ */
+
+.ValidationWarning-module__validationWarning___oADBKhG- {
+  display: flex;
+  flex-direction: column;
+  gap: calc(var(--osdk-surface-spacing) * 1.5);
+  padding: var(--osdk-cbac-validation-warning-padding);
+  background: var(--osdk-cbac-validation-warning-bg);
+  color: var(--osdk-cbac-validation-warning-color);
+  font-size: var(--osdk-cbac-validation-warning-font-size);
+  border-radius: var(--osdk-cbac-validation-warning-border-radius);
+  max-height: var(--osdk-cbac-validation-warning-max-height);
+  overflow-y: auto;
+}
+
+.ValidationWarning-module__header___ylq-kIOW {
+  display: flex;
+  align-items: center;
+  gap: calc(var(--osdk-surface-spacing) * 1.5);
+}
+
+.ValidationWarning-module__icon___PuGol1EB {
+  flex-shrink: 0;
+}
+
+.ValidationWarning-module__groupList___ua5t3Rm2 {
+  list-style: none;
+  margin: 0;
+  padding: 0;
+  padding-left: calc(var(--osdk-surface-spacing) * 3);
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-surface-spacing);
+}
+
+.ValidationWarning-module__groupItem___0BGH5HxZ {
+  display: flex;
+  align-items: center;
+  gap: var(--osdk-surface-spacing);
+  flex-wrap: wrap;
+}
+
+.ValidationWarning-module__groupNumber___rTdfnH3f {
+  font-weight: var(--osdk-typography-weight-bold);
+  flex-shrink: 0;
+}
+
+.ValidationWarning-module__chip___3EH1UeL0 {
+  display: inline-flex;
+  align-items: center;
+  padding: 0 var(--osdk-surface-spacing);
+  border: 1px solid var(--osdk-cbac-validation-warning-chip-border-color);
+  border-radius: var(--osdk-surface-border-radius);
+  background: var(--osdk-cbac-validation-warning-chip-bg);
+  font-size: var(--osdk-cbac-validation-warning-font-size);
+  color: var(--osdk-typography-color-default-rest);
+}
+
+

package/build/cjs/public/experimental.d.cts

@@ -1,4 +1,4 @@
-type MarkingSelectionState = "SELECTED" | "IMPLIED" | "DISALLOWED" | "IMPLIED_DISALLOWED";
+type MarkingSelectionState = "NONE" | "SELECTED" | "IMPLIED" | "DISALLOWED" | "IMPLIED_DISALLOWED";
 interface CbacBannerData {
     classificationString: string;
     textColor: string;

package/build/esm/cbac-picker/base/CategoryMarkingGroup.js

@@ -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.
+ */
+
+import React from "react";
+import styles from "./CategoryMarkingGroup.module.css";
+import { MarkingButton } from "./MarkingButton.js";
+import { OverflowButton } from "./OverflowButton.js";
+import { isImplied } from "./selectionStateHelpers.js";
+const GRID_COLUMNS = 4;
+const VISIBLE_ROWS = 3;
+export const CategoryMarkingGroup = /*#__PURE__*/React.memo(function ({
+  categoryName,
+  markings,
+  onMarkingToggle
+}) {
+  const headingId = React.useId();
+  const maxVisible = GRID_COLUMNS * VISIBLE_ROWS;
+  const hasOverflow = markings.length > maxVisible;
+  const visibleMarkings = hasOverflow ? markings.slice(0, maxVisible - 1) : markings;
+  const overflowMarkings = hasOverflow ? markings.slice(maxVisible - 1) : [];
+  const gridItemCount = hasOverflow ? visibleMarkings.length + 1 : visibleMarkings.length;
+  const hasActiveOverflow = overflowMarkings.some(m => m.selectionState === "SELECTED" || isImplied(m.selectionState));
+  return /*#__PURE__*/React.createElement("div", {
+    className: styles.categoryGroup,
+    role: "group",
+    "aria-labelledby": headingId
+  }, /*#__PURE__*/React.createElement("h3", {
+    id: headingId,
+    className: styles.categoryName
+  }, categoryName), /*#__PURE__*/React.createElement("div", {
+    className: styles.markingGrid
+  }, visibleMarkings.map(marking => /*#__PURE__*/React.createElement(MarkingButtonItem, {
+    key: marking.id,
+    id: marking.id,
+    label: marking.label,
+    selectionState: marking.selectionState,
+    disabled: marking.disabled,
+    onToggle: onMarkingToggle
+  })), hasOverflow && /*#__PURE__*/React.createElement(OverflowButton, {
+    overflowMarkings: overflowMarkings,
+    hasActiveOverflow: hasActiveOverflow,
+    onMarkingToggle: onMarkingToggle
+  }), Array.from({
+    length: (GRID_COLUMNS - gridItemCount % GRID_COLUMNS) % GRID_COLUMNS
+  }, (_, i) => /*#__PURE__*/React.createElement("div", {
+    key: `empty-${i}`,
+    className: styles.emptyCell
+  }))));
+});
+const MarkingButtonItem = /*#__PURE__*/React.memo(function ({
+  id,
+  label,
+  selectionState,
+  disabled,
+  onToggle
+}) {
+  const handleToggle = React.useCallback(() => {
+    onToggle(id);
+  }, [onToggle, id]);
+  return /*#__PURE__*/React.createElement(MarkingButton, {
+    label: label,
+    selectionState: selectionState,
+    onToggle: handleToggle,
+    disabled: disabled
+  });
+});
+//# sourceMappingURL=CategoryMarkingGroup.js.map

package/build/esm/cbac-picker/base/CategoryMarkingGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CategoryMarkingGroup.js","names":["React","styles","MarkingButton","OverflowButton","isImplied","GRID_COLUMNS","VISIBLE_ROWS","CategoryMarkingGroup","memo","categoryName","markings","onMarkingToggle","headingId","useId","maxVisible","hasOverflow","length","visibleMarkings","slice","overflowMarkings","gridItemCount","hasActiveOverflow","some","m","selectionState","createElement","className","categoryGroup","role","id","markingGrid","map","marking","MarkingButtonItem","key","label","disabled","onToggle","Array","from","_","i","emptyCell","handleToggle","useCallback"],"sources":["CategoryMarkingGroup.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 React from \"react\";\nimport type { MarkingSelectionState } from \"../types.js\";\nimport styles from \"./CategoryMarkingGroup.module.css\";\nimport { MarkingButton } from \"./MarkingButton.js\";\nimport { OverflowButton } from \"./OverflowButton.js\";\nimport { isImplied } from \"./selectionStateHelpers.js\";\n\nconst GRID_COLUMNS = 4;\nconst VISIBLE_ROWS = 3;\n\nexport interface CategoryMarkingGroupProps {\n  categoryName: string;\n  markings: ReadonlyArray<{\n    id: string;\n    label: string;\n    selectionState: MarkingSelectionState;\n    disabled?: boolean;\n  }>;\n  onMarkingToggle: (markingId: string) => void;\n}\n\nexport const CategoryMarkingGroup: React.MemoExoticComponent<\n  (props: CategoryMarkingGroupProps) => React.ReactElement\n> = React.memo(function CategoryMarkingGroup({\n  categoryName,\n  markings,\n  onMarkingToggle,\n}: CategoryMarkingGroupProps): React.ReactElement {\n  const headingId = React.useId();\n\n  const maxVisible = GRID_COLUMNS * VISIBLE_ROWS;\n  const hasOverflow = markings.length > maxVisible;\n  const visibleMarkings = hasOverflow\n    ? markings.slice(0, maxVisible - 1)\n    : markings;\n  const overflowMarkings = hasOverflow\n    ? markings.slice(maxVisible - 1)\n    : [];\n\n  const gridItemCount = hasOverflow\n    ? visibleMarkings.length + 1\n    : visibleMarkings.length;\n  const emptyCellCount = (GRID_COLUMNS - (gridItemCount % GRID_COLUMNS))\n    % GRID_COLUMNS;\n\n  const hasActiveOverflow = overflowMarkings.some(\n    (m) => m.selectionState === \"SELECTED\" || isImplied(m.selectionState),\n  );\n\n  return (\n    <div\n      className={styles.categoryGroup}\n      role=\"group\"\n      aria-labelledby={headingId}\n    >\n      <h3 id={headingId} className={styles.categoryName}>{categoryName}</h3>\n      <div className={styles.markingGrid}>\n        {visibleMarkings.map((marking) => (\n          <MarkingButtonItem\n            key={marking.id}\n            id={marking.id}\n            label={marking.label}\n            selectionState={marking.selectionState}\n            disabled={marking.disabled}\n            onToggle={onMarkingToggle}\n          />\n        ))}\n        {hasOverflow && (\n          <OverflowButton\n            overflowMarkings={overflowMarkings}\n            hasActiveOverflow={hasActiveOverflow}\n            onMarkingToggle={onMarkingToggle}\n          />\n        )}\n        {Array.from({ length: emptyCellCount }, (_, i) => (\n          <div\n            key={`empty-${i}`}\n            className={styles.emptyCell}\n          />\n        ))}\n      </div>\n    </div>\n  );\n});\n\ninterface MarkingButtonItemProps {\n  id: string;\n  label: string;\n  selectionState: MarkingSelectionState;\n  disabled?: boolean;\n  onToggle: (markingId: string) => void;\n}\n\nconst MarkingButtonItem = React.memo(function MarkingButtonItem({\n  id,\n  label,\n  selectionState,\n  disabled,\n  onToggle,\n}: MarkingButtonItemProps): React.ReactElement {\n  const handleToggle = React.useCallback(() => {\n    onToggle(id);\n  }, [onToggle, id]);\n\n  return (\n    <MarkingButton\n      label={label}\n      selectionState={selectionState}\n      onToggle={handleToggle}\n      disabled={disabled}\n    />\n  );\n});\n"],"mappings":"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","ignoreList":[]}