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

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.cjs

@@ -1,4 +1,80 @@
 'use strict';
 
+// src/cbac-picker/utils/selectionLogic.ts
+function toggleMarking(markingId, currentSelection, categories) {
+  const isSelected = currentSelection.includes(markingId);
+  let ownerGroup;
+  for (const group of categories) {
+    for (const marking of group.markings) {
+      if (marking.id === markingId) {
+        ownerGroup = group;
+        break;
+      }
+    }
+    if (ownerGroup !== void 0) {
+      break;
+    }
+  }
+  if (ownerGroup === void 0) {
+    return currentSelection;
+  }
+  if (isSelected) {
+    return currentSelection.filter((id) => id !== markingId);
+  }
+  if (ownerGroup.category.categoryType === "DISJUNCTIVE") {
+    const sameCategoryMarkingIds = new Set(ownerGroup.markings.map((m) => m.id));
+    const withoutSameCategory = currentSelection.filter((id) => !sameCategoryMarkingIds.has(id));
+    return [...withoutSameCategory, markingId];
+  }
+  return [...currentSelection, markingId];
+}
+function computeMarkingStates(selectedIds, impliedIds, disallowedIds) {
+  const states = /* @__PURE__ */ new Map();
+  const selectedSet = new Set(selectedIds);
+  const impliedSet = new Set(impliedIds);
+  const disallowedSet = new Set(disallowedIds);
+  const allIds = /* @__PURE__ */ new Set([...selectedIds, ...impliedIds, ...disallowedIds]);
+  for (const id of allIds) {
+    const isImplied = impliedSet.has(id);
+    const isDisallowed = disallowedSet.has(id);
+    const isSelected = selectedSet.has(id);
+    if (isSelected) {
+      states.set(id, "SELECTED");
+    } else if (isImplied && isDisallowed) {
+      states.set(id, "IMPLIED_DISALLOWED");
+    } else if (isImplied) {
+      states.set(id, "IMPLIED");
+    } else if (isDisallowed) {
+      states.set(id, "DISALLOWED");
+    }
+  }
+  return states;
+}
+function groupMarkingsByCategory(markings, categories) {
+  const markingsByCategoryId = /* @__PURE__ */ new Map();
+  for (const marking of markings) {
+    const existing = markingsByCategoryId.get(marking.categoryId);
+    if (existing !== void 0) {
+      existing.push(marking);
+    } else {
+      markingsByCategoryId.set(marking.categoryId, [marking]);
+    }
+  }
+  const groups = [];
+  for (const category of categories) {
+    const categoryMarkings = markingsByCategoryId.get(category.id);
+    if (categoryMarkings !== void 0 && categoryMarkings.length > 0) {
+      groups.push({
+        category,
+        markings: categoryMarkings
+      });
+    }
+  }
+  return groups;
+}
+
+exports.computeMarkingStates = computeMarkingStates;
+exports.groupMarkingsByCategory = groupMarkingsByCategory;
+exports.toggleMarking = toggleMarking;
 //# sourceMappingURL=experimental.cjs.map
 //# sourceMappingURL=experimental.cjs.map

package/build/cjs/public/experimental.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":[],"names":[],"mappings":"","file":"experimental.cjs"}
+{"version":3,"sources":["../../../src/cbac-picker/utils/selectionLogic.ts"],"names":[],"mappings":"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","file":"experimental.cjs","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 function toggleMarking(markingId, currentSelection, categories) {\n  const isSelected = currentSelection.includes(markingId);\n  let ownerGroup;\n  for (const group of categories) {\n    for (const marking of group.markings) {\n      if (marking.id === markingId) {\n        ownerGroup = group;\n        break;\n      }\n    }\n    if (ownerGroup !== undefined) {\n      break;\n    }\n  }\n  if (ownerGroup === undefined) {\n    return currentSelection;\n  }\n  if (isSelected) {\n    return currentSelection.filter(id => id !== markingId);\n  }\n\n  // Disjunctive categories allow only one marking selected at a time (radio-style).\n  // Conjunctive categories allow multiple markings (checkbox-style).\n  if (ownerGroup.category.categoryType === \"DISJUNCTIVE\") {\n    const sameCategoryMarkingIds = new Set(ownerGroup.markings.map(m => m.id));\n    const withoutSameCategory = currentSelection.filter(id => !sameCategoryMarkingIds.has(id));\n    return [...withoutSameCategory, markingId];\n  }\n  return [...currentSelection, markingId];\n}\nexport function computeMarkingStates(selectedIds, impliedIds, disallowedIds) {\n  const states = new Map();\n  const selectedSet = new Set(selectedIds);\n  const impliedSet = new Set(impliedIds);\n  const disallowedSet = new Set(disallowedIds);\n  const allIds = new Set([...selectedIds, ...impliedIds, ...disallowedIds]);\n  for (const id of allIds) {\n    const isImplied = impliedSet.has(id);\n    const isDisallowed = disallowedSet.has(id);\n    const isSelected = selectedSet.has(id);\n    if (isSelected) {\n      states.set(id, \"SELECTED\");\n    } else if (isImplied && isDisallowed) {\n      states.set(id, \"IMPLIED_DISALLOWED\");\n    } else if (isImplied) {\n      states.set(id, \"IMPLIED\");\n    } else if (isDisallowed) {\n      states.set(id, \"DISALLOWED\");\n    }\n  }\n  return states;\n}\nexport function groupMarkingsByCategory(markings, categories) {\n  const markingsByCategoryId = new Map();\n  for (const marking of markings) {\n    const existing = markingsByCategoryId.get(marking.categoryId);\n    if (existing !== undefined) {\n      existing.push(marking);\n    } else {\n      markingsByCategoryId.set(marking.categoryId, [marking]);\n    }\n  }\n  const groups = [];\n  for (const category of categories) {\n    const categoryMarkings = markingsByCategoryId.get(category.id);\n    if (categoryMarkings !== undefined && categoryMarkings.length > 0) {\n      groups.push({\n        category,\n        markings: categoryMarkings\n      });\n    }\n  }\n  return groups;\n}"]}

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

@@ -1,2 +1,33 @@
+type MarkingSelectionState = "NONE" | "SELECTED" | "IMPLIED" | "DISALLOWED" | "IMPLIED_DISALLOWED";
+interface CbacBannerData {
+    classificationString: string;
+    textColor: string;
+    backgroundColors: string[];
+    markingIds: string[];
+}
+interface PickerMarkingCategory {
+    id: string;
+    name: string;
+    description: string;
+    categoryType: "CONJUNCTIVE" | "DISJUNCTIVE";
+    markingType: "MANDATORY" | "CBAC";
+}
+interface PickerMarking {
+    id: string;
+    categoryId: string;
+    name: string;
+    description?: string;
+}
+interface CategoryMarkingGroup {
+    category: PickerMarkingCategory;
+    markings: PickerMarking[];
+}
+interface RequiredMarkingGroup {
+    markingNames: string[];
+}
 
-export {  }
+declare function toggleMarking(markingId: string, currentSelection: string[], categories: CategoryMarkingGroup[]): string[];
+declare function computeMarkingStates(selectedIds: string[], impliedIds: string[], disallowedIds: string[]): Map<string, MarkingSelectionState>;
+declare function groupMarkingsByCategory(markings: PickerMarking[], categories: PickerMarkingCategory[]): CategoryMarkingGroup[];
+
+export { type CategoryMarkingGroup, type CbacBannerData, type MarkingSelectionState, type PickerMarking, type PickerMarkingCategory, type RequiredMarkingGroup, computeMarkingStates, groupMarkingsByCategory, toggleMarking };

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":[]}

package/build/esm/cbac-picker/base/CategoryMarkingGroup.module.css

@@ -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.
+ */
+
+.categoryGroup {
+  display: flex;
+  flex-direction: column;
+  gap: var(--osdk-cbac-marking-button-gap);
+}
+
+.categoryName {
+  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;
+}
+
+.markingGrid {
+  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);
+}
+
+.emptyCell {
+  border-right: 1px solid var(--osdk-cbac-marking-button-border-color-default);
+  border-bottom: 1px solid var(--osdk-cbac-marking-button-border-color-default);
+}

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

@@ -0,0 +1,32 @@
+/*
+ * 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 { InfoSign } from "@blueprintjs/icons";
+import classnames from "classnames";
+import React from "react";
+import styles from "./InfoBanner.module.css";
+export function InfoBanner({
+  message,
+  className
+}) {
+  return /*#__PURE__*/React.createElement("div", {
+    className: classnames(styles.infoBanner, className)
+  }, /*#__PURE__*/React.createElement(InfoSign, {
+    className: styles.icon,
+    size: 14
+  }), /*#__PURE__*/React.createElement("span", null, message));
+}
+//# sourceMappingURL=InfoBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InfoBanner.js","names":["InfoSign","classnames","React","styles","InfoBanner","message","className","createElement","infoBanner","icon","size"],"sources":["InfoBanner.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 { InfoSign } from \"@blueprintjs/icons\";\nimport classnames from \"classnames\";\nimport React from \"react\";\nimport styles from \"./InfoBanner.module.css\";\n\nexport interface InfoBannerProps {\n  message: string;\n  className?: string;\n}\n\nexport function InfoBanner({\n  message,\n  className,\n}: InfoBannerProps): React.ReactElement {\n  return (\n    <div className={classnames(styles.infoBanner, className)}>\n      <InfoSign className={styles.icon} size={14} />\n      <span>{message}</span>\n    </div>\n  );\n}\n"],"mappings":"AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,QAAQ,QAAQ,oBAAoB;AAC7C,OAAOC,UAAU,MAAM,YAAY;AACnC,OAAOC,KAAK,MAAM,OAAO;AACzB,OAAOC,MAAM,MAAM,yBAAyB;AAO5C,OAAO,SAASC,UAAUA,CAAC;EACzBC,OAAO;EACPC;AACe,CAAC,EAAsB;EACtC,oBACEJ,KAAA,CAAAK,aAAA;IAAKD,SAAS,EAAEL,UAAU,CAACE,MAAM,CAACK,UAAU,EAAEF,SAAS;EAAE,gBACvDJ,KAAA,CAAAK,aAAA,CAACP,QAAQ;IAACM,SAAS,EAAEH,MAAM,CAACM,IAAK;IAACC,IAAI,EAAE;EAAG,CAAE,CAAC,eAC9CR,KAAA,CAAAK,aAAA,eAAOF,OAAc,CAClB,CAAC;AAEV","ignoreList":[]}