@12-apps/ui 6.12.1 → 6.13.0

package/dist/_internal/components/data-display/DataViews/data-views-toolbar.js

@@ -1,16 +1,16 @@
 "use client";
 import {
   GridToolbar
-} from "../../../../chunk-GQTBWJYK.js";
+} from "../../../../chunk-WKRSVGT6.js";
 import "../../../../chunk-NQCYVYP3.js";
-import "../../../../chunk-USBTXEBG.js";
+import "../../../../chunk-P55UFXYW.js";
 import "../../../../chunk-2PPWKCMW.js";
-import "../../../../chunk-F6FT2LIR.js";
+import "../../../../chunk-YRFKPRV2.js";
 import "../../../../chunk-SNR537TI.js";
-import "../../../../chunk-HVIB6WMD.js";
+import "../../../../chunk-ZIPCGZA3.js";
 import "../../../../chunk-QTPKACVO.js";
 import "../../../../chunk-5VZPVDUF.js";
-import "../../../../chunk-C6ATAHBX.js";
+import "../../../../chunk-QEPGWTJT.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-WVML3ENZ.js";
 import "../../../../chunk-IDHZHOZW.js";

package/dist/_internal/components/data-display/DataViews/data-views-types.js

@@ -4,7 +4,7 @@ import {
   coerceViewState,
   emptyViewState,
   toSavedViewSummary
-} from "../../../../chunk-C6ATAHBX.js";
+} from "../../../../chunk-QEPGWTJT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   CARD_ASPECT_RATIOS,

package/dist/_internal/components/data-display/DataViews/list-card-rails.js

@@ -12,10 +12,10 @@ import {
   railsTemplate,
   railsTemplateFor,
   useListRails
-} from "../../../../chunk-T4JGNZAR.js";
+} from "../../../../chunk-YQJMVUBG.js";
 import "../../../../chunk-6VP2L3DJ.js";
-import "../../../../chunk-HVIB6WMD.js";
-import "../../../../chunk-C6ATAHBX.js";
+import "../../../../chunk-ZIPCGZA3.js";
+import "../../../../chunk-QEPGWTJT.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-PGM5RRQO.js";
 import "../../../../chunk-FA3TYWX2.js";

package/dist/_internal/components/data-display/DataViews/use-data-views-state.js

@@ -1,14 +1,14 @@
 "use client";
 import {
   useDataViewsState
-} from "../../../../chunk-TY6CTYCF.js";
+} from "../../../../chunk-TOUSE63W.js";
 import "../../../../chunk-4QQVIGRG.js";
 import "../../../../chunk-YGQX7BNI.js";
 import "../../../../chunk-IMLIIW77.js";
 import "../../../../chunk-WTOTWP6A.js";
 import "../../../../chunk-LYKV3C7B.js";
 import "../../../../chunk-5VZPVDUF.js";
-import "../../../../chunk-C6ATAHBX.js";
+import "../../../../chunk-QEPGWTJT.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-WVML3ENZ.js";
 import "../../../../chunk-IDHZHOZW.js";

package/dist/_internal/components/data-display/DataViews/use-saved-views-controller.js

@@ -1,9 +1,9 @@
 "use client";
 import {
   useSavedViewsController
-} from "../../../../chunk-6IAQGSXD.js";
+} from "../../../../chunk-WIEXYVMU.js";
 import "../../../../chunk-DZEC6RFM.js";
-import "../../../../chunk-C6ATAHBX.js";
+import "../../../../chunk-QEPGWTJT.js";
 import "../../../../chunk-KHG57NAE.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {

package/dist/_internal/components/form/CategorySelect/CategoryPanel.js

@@ -1,15 +1,15 @@
 "use client";
 import {
   CategoryPanel
-} from "../../../../chunk-LWYXMCX6.js";
-import "../../../../chunk-E3IPN3KN.js";
-import "../../../../chunk-5F4NIRVF.js";
+} from "../../../../chunk-5ZZPQ3MT.js";
+import "../../../../chunk-ZUIJ3N7N.js";
+import "../../../../chunk-CKZFYGBY.js";
 import "../../../../chunk-PLOOVF43.js";
 import "../../../../chunk-GPVB3FQP.js";
-import "../../../../chunk-Z5E2PXGN.js";
+import "../../../../chunk-LPYB4Y7C.js";
 import "../../../../chunk-DMNZD3Q7.js";
 import "../../../../chunk-XCT2ZLA6.js";
-import "../../../../chunk-DVTCZR3K.js";
+import "../../../../chunk-LR6MSKTT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   CategoryPanel

package/dist/_internal/components/form/CategorySelect/CategoryPanelList.js

@@ -1,11 +1,11 @@
 "use client";
 import {
   CategoryPanelList
-} from "../../../../chunk-5F4NIRVF.js";
-import "../../../../chunk-Z5E2PXGN.js";
+} from "../../../../chunk-CKZFYGBY.js";
+import "../../../../chunk-LPYB4Y7C.js";
 import "../../../../chunk-DMNZD3Q7.js";
 import "../../../../chunk-XCT2ZLA6.js";
-import "../../../../chunk-DVTCZR3K.js";
+import "../../../../chunk-LR6MSKTT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   CategoryPanelList

package/dist/_internal/components/form/CategorySelect/CategoryQuickActions.js

@@ -1,8 +1,8 @@
 "use client";
 import {
   CategoryQuickActions
-} from "../../../../chunk-E3IPN3KN.js";
-import "../../../../chunk-DVTCZR3K.js";
+} from "../../../../chunk-ZUIJ3N7N.js";
+import "../../../../chunk-LR6MSKTT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   CategoryQuickActions

package/dist/_internal/components/form/CategorySelect/CategoryRows.js

@@ -6,10 +6,10 @@ import {
   CategorySectionHeading,
   HighlightedName,
   SubcategoryRow
-} from "../../../../chunk-Z5E2PXGN.js";
+} from "../../../../chunk-LPYB4Y7C.js";
 import "../../../../chunk-DMNZD3Q7.js";
 import "../../../../chunk-XCT2ZLA6.js";
-import "../../../../chunk-DVTCZR3K.js";
+import "../../../../chunk-LR6MSKTT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   CategoryCheckbox,

package/dist/_internal/components/form/CategorySelect/CategorySelect.js

@@ -1,22 +1,22 @@
 "use client";
 import {
   CategorySelect
-} from "../../../../chunk-JIEEUHNS.js";
+} from "../../../../chunk-AZSFIQIA.js";
 import "../../../../chunk-LMXWI3DD.js";
-import "../../../../chunk-LWYXMCX6.js";
-import "../../../../chunk-E3IPN3KN.js";
-import "../../../../chunk-5F4NIRVF.js";
+import "../../../../chunk-5ZZPQ3MT.js";
+import "../../../../chunk-ZUIJ3N7N.js";
+import "../../../../chunk-CKZFYGBY.js";
 import "../../../../chunk-PLOOVF43.js";
 import "../../../../chunk-GPVB3FQP.js";
-import "../../../../chunk-VN6Z6F7R.js";
+import "../../../../chunk-ZAB65STX.js";
 import "../../../../chunk-XQ2BNVXL.js";
-import "../../../../chunk-Z5E2PXGN.js";
+import "../../../../chunk-LPYB4Y7C.js";
 import "../../../../chunk-DMNZD3Q7.js";
 import "../../../../chunk-XCT2ZLA6.js";
-import "../../../../chunk-HQBXB5QB.js";
-import "../../../../chunk-DVTCZR3K.js";
-import "../../../../chunk-QBJVRPTF.js";
-import "../../../../chunk-GCC66ZSD.js";
+import "../../../../chunk-2GB5CIN6.js";
+import "../../../../chunk-ISH42UC7.js";
+import "../../../../chunk-WWM2YTW4.js";
+import "../../../../chunk-LR6MSKTT.js";
 import "../../../../chunk-C3UKR3NT.js";
 import "../../../../chunk-VZO7VREP.js";
 import "../../../../chunk-MFU4Y25U.js";

package/dist/_internal/components/form/CategorySelect/category-keyboard.js

@@ -1,6 +1,7 @@
 import {
   handleCategoryKeyDown
-} from "../../../../chunk-GCC66ZSD.js";
+} from "../../../../chunk-WWM2YTW4.js";
+import "../../../../chunk-LR6MSKTT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   handleCategoryKeyDown

package/dist/_internal/components/form/CategorySelect/category-tree.js

@@ -6,12 +6,13 @@ import {
   flattenRows,
   foldText,
   highlightSegments,
+  isLeafCategory,
   leavesOf,
   removeChip,
   summarizeSelection,
   toggleCategoryLeaves,
   toggleLeaf
-} from "../../../../chunk-DVTCZR3K.js";
+} from "../../../../chunk-LR6MSKTT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   buildCategoryGroups,
@@ -21,6 +22,7 @@ export {
   flattenRows,
   foldText,
   highlightSegments,
+  isLeafCategory,
   leavesOf,
   removeChip,
   summarizeSelection,

package/dist/_internal/components/form/CategorySelect/useCategoryCommit.js

@@ -1,6 +1,7 @@
 import {
   useCategoryCommit
-} from "../../../../chunk-VN6Z6F7R.js";
+} from "../../../../chunk-ZAB65STX.js";
+import "../../../../chunk-LR6MSKTT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   useCategoryCommit

package/dist/_internal/components/form/CategorySelect/useCategoryKeyHandler.js

@@ -1,7 +1,8 @@
 import {
   useCategoryKeyHandler
-} from "../../../../chunk-QBJVRPTF.js";
-import "../../../../chunk-GCC66ZSD.js";
+} from "../../../../chunk-ISH42UC7.js";
+import "../../../../chunk-WWM2YTW4.js";
+import "../../../../chunk-LR6MSKTT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   useCategoryKeyHandler

package/dist/_internal/components/form/CategorySelect/useCategorySelect.js

@@ -1,7 +1,7 @@
 import {
   useCategorySelect
-} from "../../../../chunk-HQBXB5QB.js";
-import "../../../../chunk-DVTCZR3K.js";
+} from "../../../../chunk-2GB5CIN6.js";
+import "../../../../chunk-LR6MSKTT.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   useCategorySelect

package/dist/_internal/components/form/total-form/Fields/CategoryField.js

@@ -1,25 +1,25 @@
 "use client";
 import {
   CategoryField
-} from "../../../../../chunk-SVXSBLVD.js";
+} from "../../../../../chunk-KEDI6IRA.js";
 import "../../../../../chunk-4XK6JQ4D.js";
 import "../../../../../chunk-N5ZWC6CB.js";
-import "../../../../../chunk-JIEEUHNS.js";
+import "../../../../../chunk-AZSFIQIA.js";
 import "../../../../../chunk-LMXWI3DD.js";
-import "../../../../../chunk-LWYXMCX6.js";
-import "../../../../../chunk-E3IPN3KN.js";
-import "../../../../../chunk-5F4NIRVF.js";
+import "../../../../../chunk-5ZZPQ3MT.js";
+import "../../../../../chunk-ZUIJ3N7N.js";
+import "../../../../../chunk-CKZFYGBY.js";
 import "../../../../../chunk-PLOOVF43.js";
 import "../../../../../chunk-GPVB3FQP.js";
-import "../../../../../chunk-VN6Z6F7R.js";
+import "../../../../../chunk-ZAB65STX.js";
 import "../../../../../chunk-XQ2BNVXL.js";
-import "../../../../../chunk-Z5E2PXGN.js";
+import "../../../../../chunk-LPYB4Y7C.js";
 import "../../../../../chunk-DMNZD3Q7.js";
 import "../../../../../chunk-XCT2ZLA6.js";
-import "../../../../../chunk-HQBXB5QB.js";
-import "../../../../../chunk-DVTCZR3K.js";
-import "../../../../../chunk-QBJVRPTF.js";
-import "../../../../../chunk-GCC66ZSD.js";
+import "../../../../../chunk-2GB5CIN6.js";
+import "../../../../../chunk-ISH42UC7.js";
+import "../../../../../chunk-WWM2YTW4.js";
+import "../../../../../chunk-LR6MSKTT.js";
 import "../../../../../chunk-C3UKR3NT.js";
 import "../../../../../chunk-VZO7VREP.js";
 import "../../../../../chunk-MFU4Y25U.js";

package/dist/_internal/components/form/total-form/Fields/index.js

@@ -1,4 +1,4 @@
-import "../../../../../chunk-IKBQ7CS2.js";
+import "../../../../../chunk-56SMIHWE.js";
 import {
   ToggleField
 } from "../../../../../chunk-LIQHOLDQ.js";
@@ -13,7 +13,7 @@ import {
 } from "../../../../../chunk-CESQKLIR.js";
 import {
   CategoryField
-} from "../../../../../chunk-SVXSBLVD.js";
+} from "../../../../../chunk-KEDI6IRA.js";
 import "../../../../../chunk-4XK6JQ4D.js";
 import "../../../../../chunk-ONMSTW4B.js";
 import "../../../../../chunk-A7LG3AXV.js";
@@ -22,22 +22,22 @@ import "../../../../../chunk-Q6HJMJBH.js";
 import "../../../../../chunk-6XLMTOJ3.js";
 import "../../../../../chunk-QL7L6RHR.js";
 import "../../../../../chunk-N5ZWC6CB.js";
-import "../../../../../chunk-JIEEUHNS.js";
+import "../../../../../chunk-AZSFIQIA.js";
 import "../../../../../chunk-LMXWI3DD.js";
-import "../../../../../chunk-LWYXMCX6.js";
-import "../../../../../chunk-E3IPN3KN.js";
-import "../../../../../chunk-5F4NIRVF.js";
+import "../../../../../chunk-5ZZPQ3MT.js";
+import "../../../../../chunk-ZUIJ3N7N.js";
+import "../../../../../chunk-CKZFYGBY.js";
 import "../../../../../chunk-PLOOVF43.js";
 import "../../../../../chunk-GPVB3FQP.js";
-import "../../../../../chunk-VN6Z6F7R.js";
+import "../../../../../chunk-ZAB65STX.js";
 import "../../../../../chunk-XQ2BNVXL.js";
-import "../../../../../chunk-Z5E2PXGN.js";
+import "../../../../../chunk-LPYB4Y7C.js";
 import "../../../../../chunk-DMNZD3Q7.js";
 import "../../../../../chunk-XCT2ZLA6.js";
-import "../../../../../chunk-HQBXB5QB.js";
-import "../../../../../chunk-DVTCZR3K.js";
-import "../../../../../chunk-QBJVRPTF.js";
-import "../../../../../chunk-GCC66ZSD.js";
+import "../../../../../chunk-2GB5CIN6.js";
+import "../../../../../chunk-ISH42UC7.js";
+import "../../../../../chunk-WWM2YTW4.js";
+import "../../../../../chunk-LR6MSKTT.js";
 import "../../../../../chunk-QYKDY4EI.js";
 import "../../../../../chunk-J7VY6KNP.js";
 import "../../../../../chunk-3AEY5TYV.js";

package/dist/{chunk-HQBXB5QB.js → chunk-2GB5CIN6.js}

@@ -4,7 +4,7 @@ import {
   flattenRows,
   toggleCategoryLeaves,
   toggleLeaf
-} from "./chunk-DVTCZR3K.js";
+} from "./chunk-LR6MSKTT.js";
 
 // src/components/form/CategorySelect/useCategorySelect.ts
 import { useCallback, useMemo, useRef, useState } from "react";
@@ -98,4 +98,4 @@ function useCategorySelect({
 export {
   useCategorySelect
 };
-//# sourceMappingURL=chunk-HQBXB5QB.js.map
+//# sourceMappingURL=chunk-2GB5CIN6.js.map

package/dist/{chunk-IKBQ7CS2.js → chunk-56SMIHWE.js}

@@ -12,7 +12,7 @@ import {
 } from "./chunk-CESQKLIR.js";
 import {
   CategoryField
-} from "./chunk-SVXSBLVD.js";
+} from "./chunk-KEDI6IRA.js";
 import {
   __export
 } from "./chunk-PZ5AY32C.js";
@@ -30,4 +30,4 @@ __export(Fields_exports, {
 export {
   Fields_exports
 };
-//# sourceMappingURL=chunk-IKBQ7CS2.js.map
+//# sourceMappingURL=chunk-56SMIHWE.js.map

package/dist/{chunk-LWYXMCX6.js → chunk-5ZZPQ3MT.js}

@@ -1,9 +1,9 @@
 import {
   CategoryQuickActions
-} from "./chunk-E3IPN3KN.js";
+} from "./chunk-ZUIJ3N7N.js";
 import {
   CategoryPanelList
-} from "./chunk-5F4NIRVF.js";
+} from "./chunk-CKZFYGBY.js";
 import {
   CategoryPanelHead,
   CategoryPinnedTray
@@ -18,7 +18,7 @@ import {
 } from "./chunk-XCT2ZLA6.js";
 import {
   removeChip
-} from "./chunk-DVTCZR3K.js";
+} from "./chunk-LR6MSKTT.js";
 
 // src/components/form/CategorySelect/CategoryPanel.tsx
 import Box from "@mui/material/Box/index.js";
@@ -155,4 +155,4 @@ function PanelFooter({
 export {
   CategoryPanel
 };
-//# sourceMappingURL=chunk-LWYXMCX6.js.map
+//# sourceMappingURL=chunk-5ZZPQ3MT.js.map

package/dist/{chunk-JIEEUHNS.js → chunk-AZSFIQIA.js}

@@ -3,10 +3,10 @@ import {
 } from "./chunk-LMXWI3DD.js";
 import {
   CategoryPanel
-} from "./chunk-LWYXMCX6.js";
+} from "./chunk-5ZZPQ3MT.js";
 import {
   useCategoryCommit
-} from "./chunk-VN6Z6F7R.js";
+} from "./chunk-ZAB65STX.js";
 import {
   CategoryTrigger
 } from "./chunk-XQ2BNVXL.js";
@@ -15,13 +15,13 @@ import {
 } from "./chunk-XCT2ZLA6.js";
 import {
   useCategorySelect
-} from "./chunk-HQBXB5QB.js";
-import {
-  summarizeSelection
-} from "./chunk-DVTCZR3K.js";
+} from "./chunk-2GB5CIN6.js";
 import {
   useCategoryKeyHandler
-} from "./chunk-QBJVRPTF.js";
+} from "./chunk-ISH42UC7.js";
+import {
+  summarizeSelection
+} from "./chunk-LR6MSKTT.js";
 import {
   FormControl,
   FormLabel,
@@ -158,4 +158,4 @@ function CategorySelect(props) {
 export {
   CategorySelect
 };
-//# sourceMappingURL=chunk-JIEEUHNS.js.map
+//# sourceMappingURL=chunk-AZSFIQIA.js.map

package/dist/{chunk-S6T722WH.js → chunk-BMAOQDVY.js}

@@ -3,7 +3,7 @@ import {
 } from "./chunk-LS42VJAI.js";
 import {
   DataViewsGrid
-} from "./chunk-AGKQBS4C.js";
+} from "./chunk-JHBQZZHT.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
@@ -13,7 +13,7 @@ import {
 } from "./chunk-XPS7FWZS.js";
 import {
   useSavedViewsController
-} from "./chunk-6IAQGSXD.js";
+} from "./chunk-WIEXYVMU.js";
 
 // src/components/data-display/DataViews/DataViewsTableBase.tsx
 import { useEffect, useMemo, useRef, useState } from "react";
@@ -178,4 +178,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-S6T722WH.js.map
+//# sourceMappingURL=chunk-BMAOQDVY.js.map

package/dist/{chunk-5F4NIRVF.js → chunk-CKZFYGBY.js}

@@ -2,15 +2,16 @@ import {
   CategoryHeadRow,
   CategorySectionHeading,
   SubcategoryRow
-} from "./chunk-Z5E2PXGN.js";
+} from "./chunk-LPYB4Y7C.js";
 import {
   emptySx,
   listSx,
   skeletonSx
 } from "./chunk-XCT2ZLA6.js";
 import {
-  categoryCheckState
-} from "./chunk-DVTCZR3K.js";
+  categoryCheckState,
+  isLeafCategory
+} from "./chunk-LR6MSKTT.js";
 
 // src/components/form/CategorySelect/CategoryPanelList.tsx
 import Box from "@mui/material/Box/index.js";
@@ -66,7 +67,8 @@ function CategoryGroupRows({
   const { draft, query, single, allowParentSelection, rowIds, activeIndex, sheet } = props;
   const categoryId = group.category.id;
   const expanded = props.isExpanded(categoryId);
-  const asHeading = single && !allowParentSelection;
+  const selectable = allowParentSelection || isLeafCategory(group);
+  const asHeading = single && !selectable;
   const selectedCount = group.subcategories.filter((sub) => draft.has(sub.id)).length;
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     asHeading ? /* @__PURE__ */ jsx(CategorySectionHeading, { option: group.category, query }) : /* @__PURE__ */ jsx(
@@ -77,7 +79,9 @@ function CategoryGroupRows({
         expanded,
         active: rowIds[activeIndex] === categoryId,
         sheet,
-        checkState: allowParentSelection ? categoryCheckState(group, draft) : void 0,
+        checkState: selectable ? categoryCheckState(group, draft) : void 0,
+        single,
+        expandable: !isLeafCategory(group),
         selectedCount,
         showCounts: props.showCounts,
         onToggleExpanded: () => props.onToggleExpanded(categoryId),
@@ -148,4 +152,4 @@ function CategoryPanelList(props) {
 export {
   CategoryPanelList
 };
-//# sourceMappingURL=chunk-5F4NIRVF.js.map
+//# sourceMappingURL=chunk-CKZFYGBY.js.map

package/dist/chunk-CKZFYGBY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/CategoryPanelList.tsx"],"sourcesContent":["'use client';\n\nimport type { CategorySelectCopy } from \"../../../copy\";\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport Skeleton from '@mui/material/Skeleton/index.js';\n\nimport { categoryCheckState, isLeafCategory } from './category-tree';\nimport {\n  CategoryHeadRow,\n  CategorySectionHeading,\n  SubcategoryRow,\n} from './CategoryRows';\nimport { emptySx, listSx, skeletonSx } from './CategorySelect.styles';\nimport type { CategoryGroup } from './CategorySelect.types';\n\n/** The design sets these labels in sentence case, not MUI's default caps. */\nconst SENTENCE_CASE = { textTransform: 'none' } as const;\n\n/** How many skeleton rows stand in for the catalogue while it loads. */\nconst SKELETON_ROWS = 6;\n\ninterface PanelListProps {\n  /** The words this panel renders. REQUIRED — no default copy. */\n  copy: CategorySelectCopy;\n  groups: CategoryGroup[];\n  query: string;\n  draft: ReadonlySet<string>;\n  rowIds: string[];\n  activeIndex: number;\n  sheet: boolean;\n  single: boolean;\n  loading: boolean;\n  showCounts: boolean;\n  allowParentSelection: boolean;\n  isExpanded: (categoryId: string) => boolean;\n  onToggleExpanded: (categoryId: string) => void;\n  onActivateCategory: (group: CategoryGroup) => void;\n  onActivateSubcategory: (id: string) => void;\n  onClearQuery: () => void;\n  onCreateCategory?: (name?: string) => void;\n  listRef: React.RefObject<HTMLDivElement | null>;\n  dataTestId: string;\n}\n\nfunction LoadingRows(): React.JSX.Element {\n  return (\n    <>\n      {Array.from({ length: SKELETON_ROWS }, (_unused, index) => (\n        <Skeleton key={index} variant=\"rounded\" sx={skeletonSx} />\n      ))}\n    </>\n  );\n}\n\n/** No categories exist at all — an onboarding moment, not an error. */\nfunction EmptyCatalogue({\n  onCreateCategory,\n  dataTestId,\n  copy,\n}: {\n  onCreateCategory?: (name?: string) => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}): React.JSX.Element {\n  return (\n    <Box sx={emptySx} data-testid={`${dataTestId}-empty-catalogue`}>\n      <strong>{copy.emptyTitle}</strong>\n      <p>{copy.purpose}</p>\n      {onCreateCategory && (\n        <Button variant=\"contained\" size=\"small\" sx={SENTENCE_CASE} onClick={() => onCreateCategory()}>\n          {copy.createCategory}\n        </Button>\n      )}\n    </Box>\n  );\n}\n\n/** The search found nothing — offer creation, or the way back. */\nfunction NoResults({\n  query,\n  onClearQuery,\n  onCreateCategory,\n  dataTestId,\n  copy,\n}: {\n  query: string;\n  onClearQuery: () => void;\n  onCreateCategory?: (name?: string) => void;\n  dataTestId: string;\n  copy: CategorySelectCopy;\n}): React.JSX.Element {\n  return (\n    <Box sx={emptySx} data-testid={`${dataTestId}-no-results`}>\n      <strong>{copy.noResults.title(query)}</strong>\n      <p>{copy.noResults.hint}</p>\n      <Box sx={{ display: 'flex', gap: '6px', justifyContent: 'center' }}>\n        <Button variant=\"outlined\" size=\"small\" sx={SENTENCE_CASE} onClick={onClearQuery}>\n          {copy.noResults.clearSearch}\n        </Button>\n        {onCreateCategory && (\n          <Button\n            variant=\"contained\"\n            size=\"small\"\n            sx={SENTENCE_CASE}\n            data-testid={`${dataTestId}-create`}\n            onClick={() => onCreateCategory(query.trim())}\n          >\n            {copy.noResults.create(query.trim())}\n          </Button>\n        )}\n      </Box>\n    </Box>\n  );\n}\n\n/** One group: its heading or head row, then whichever children are visible. */\nfunction CategoryGroupRows({\n  group,\n  props,\n}: {\n  group: CategoryGroup;\n  props: PanelListProps;\n}): React.JSX.Element {\n  const { draft, query, single, allowParentSelection, rowIds, activeIndex, sheet } = props;\n  const categoryId = group.category.id;\n  const expanded = props.isExpanded(categoryId);\n  // A childless category is the leaf, so it is selectable whatever the mode says\n  // — the heading reading has no subcategory to point at, and would leave the\n  // row inert.\n  const selectable = allowParentSelection || isLeafCategory(group);\n  const asHeading = single && !selectable;\n  const selectedCount = group.subcategories.filter((sub) => draft.has(sub.id)).length;\n\n  return (\n    <>\n      {asHeading ? (\n        <CategorySectionHeading option={group.category} query={query} />\n      ) : (\n        <CategoryHeadRow\n          option={group.category}\n          query={query}\n          expanded={expanded}\n          active={rowIds[activeIndex] === categoryId}\n          sheet={sheet}\n          checkState={selectable ? categoryCheckState(group, draft) : undefined}\n          single={single}\n          expandable={!isLeafCategory(group)}\n          selectedCount={selectedCount}\n          showCounts={props.showCounts}\n          onToggleExpanded={() => props.onToggleExpanded(categoryId)}\n          onActivate={() => props.onActivateCategory(group)}\n          dataTestId={props.dataTestId}\n          copy={props.copy}\n        />\n      )}\n      {(expanded || asHeading) &&\n        group.subcategories.map((sub) => (\n          <SubcategoryRow\n            key={sub.id}\n            option={sub}\n            query={query}\n            selected={draft.has(sub.id)}\n            active={rowIds[activeIndex] === sub.id}\n            sheet={sheet}\n            single={single}\n            showCounts={props.showCounts}\n            onActivate={() => props.onActivateSubcategory(sub.id)}\n            dataTestId={props.dataTestId}\n          />\n        ))}\n    </>\n  );\n}\n\n/** The scrolling body of the panel, including its three non-list states. */\nexport function CategoryPanelList(props: PanelListProps): React.JSX.Element {\n  const { groups, loading, query, listRef, sheet, dataTestId, copy } = props;\n\n  const body = (): React.JSX.Element => {\n    if (loading) return <LoadingRows />;\n    if (groups.length === 0 && query.trim().length > 0) {\n      return (\n        <NoResults copy={copy}\n          query={query}\n          onClearQuery={props.onClearQuery}\n          onCreateCategory={props.onCreateCategory}\n          dataTestId={dataTestId}\n        />\n      );\n    }\n    if (groups.length === 0) {\n      return (\n        <EmptyCatalogue copy={copy}\n          onCreateCategory={props.onCreateCategory}\n          dataTestId={dataTestId}\n        />\n      );\n    }\n    return (\n      <>\n        {groups.map((group) => (\n          <CategoryGroupRows key={group.category.id} group={group} props={props} />\n        ))}\n      </>\n    );\n  };\n\n  return (\n    <Box\n      ref={listRef}\n      role=\"listbox\"\n      aria-multiselectable={props.single ? undefined : true}\n      tabIndex={-1}\n      data-testid={`${dataTestId}-list`}\n      sx={listSx(sheet)}\n    >\n      {body()}\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}

package/dist/{chunk-CY5X3HNQ.js → chunk-E2H7MBPM.js}

@@ -1,6 +1,6 @@
 import {
   useDataViewsLayout
-} from "./chunk-HVIB6WMD.js";
+} from "./chunk-ZIPCGZA3.js";
 import {
   DataViewsScopeTabs
 } from "./chunk-LYKV3C7B.js";
@@ -34,4 +34,4 @@ function ScopeTabsSlot({
 export {
   ScopeTabsSlot
 };
-//# sourceMappingURL=chunk-CY5X3HNQ.js.map
+//# sourceMappingURL=chunk-E2H7MBPM.js.map

package/dist/{chunk-KWUQZDPL.js → chunk-ECIGNYSI.js}

@@ -6,7 +6,7 @@ import {
 } from "./chunk-4T6W43TO.js";
 import {
   CategorySelect
-} from "./chunk-JIEEUHNS.js";
+} from "./chunk-AZSFIQIA.js";
 
 // src/components/data-display/DataViews/data-views-category-pill.tsx
 import { jsx } from "react/jsx-runtime";
@@ -46,6 +46,7 @@ function PillControl({
         label: layout === "stacked" ? pill.label : void 0,
         fullWidth: layout === "stacked",
         options: pill.options.map(toCategoryOption),
+        allowParentSelection: pill.allowParentSelection ?? false,
         value: selected,
         onChange: (next) => emitPillDiff(fieldId, selected, next, onTogglePill),
         dataTestId: testId
@@ -78,4 +79,4 @@ export {
   emitPillDiff,
   PillControl
 };
-//# sourceMappingURL=chunk-KWUQZDPL.js.map
+//# sourceMappingURL=chunk-ECIGNYSI.js.map

package/dist/chunk-ECIGNYSI.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/DataViews/data-views-category-pill.tsx"],"sourcesContent":["\"use client\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { CategorySelect } from \"../../form/CategorySelect\";\nimport { MultiSelectDropdown } from \"../../layout/ContentToolbar\";\n\nimport type { FilterFieldConfig, FilterOption } from \"./data-views-types\";\n\n/**\n * Diff a whole-array selection back into per-value toggles.\n *\n * The filter state's only channel is `onTogglePill(field, value, checked)`, but\n * a tree hands back the entire selection at once. Diffing here keeps that one\n * channel the single way a pill ever changes, rather than giving the\n * hierarchical control a private path into the state.\n */\nexport function emitPillDiff(\n  fieldId: string,\n  before: readonly string[],\n  after: readonly string[],\n  onTogglePill: (fieldId: string, value: string, checked: boolean) => void,\n): void {\n  const had = new Set(before);\n  const wants = new Set(after);\n  after.forEach((value) => {\n    if (!had.has(value)) onTogglePill(fieldId, value, true);\n  });\n  before.forEach((value) => {\n    if (!wants.has(value)) onTogglePill(fieldId, value, false);\n  });\n}\n\n/** A filter option as the category tree wants it. */\nconst toCategoryOption = (option: FilterOption) => ({\n  id: option.value,\n  name: option.label,\n  parentId: option.parentId ?? null,\n});\n\ninterface PillControlProps<T extends Record<string, unknown>> {\n  fieldId: string;\n  pill: FilterFieldConfig<T>;\n  selected: string[];\n  onTogglePill: (fieldId: string, value: string, checked: boolean) => void;\n  onClearField: (fieldId: string) => void;\n  onOpenChange?: (open: boolean) => void;\n  testIdPrefix: string;\n  /** `stacked` in the filter panel, `pill` on the inline bar. */\n  layout?: \"stacked\" | \"pill\";\n}\n\n/**\n * One filter pill: the hierarchical category tree, or the flat multi-select.\n *\n * A category set nests, and flattening it into one list is what made \"Massas\"\n * (mercearia) indistinguishable from \"Massas\" (pratos principais). `control:\n * \"category\"` opts a field into the tree, which shows each hit under its parent.\n *\n * {@link FilterFieldConfig.allowParentSelection} decides whether a parent row is\n * itself tickable. It is forwarded rather than fixed here because it is a\n * per-SCREEN question: a filter over a catalogue where products sit on leaves\n * wants \"the whole category\" as one click, while one whose parents are pure\n * grouping would only offer a tick that means nothing.\n */\nexport function PillControl<T extends Record<string, unknown>>({\n  fieldId,\n  pill,\n  selected,\n  onTogglePill,\n  onClearField,\n  onOpenChange,\n  testIdPrefix,\n  layout = \"pill\",\n}: PillControlProps<T>): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  const testId = `${testIdPrefix}-filter-${fieldId}`;\n  if (pill.control === \"category\") {\n    return (\n      <CategorySelect\n        copy={copy.categorySelect}\n        placeholder={pill.label}\n        label={layout === \"stacked\" ? pill.label : undefined}\n        fullWidth={layout === \"stacked\"}\n        options={pill.options.map(toCategoryOption)}\n        allowParentSelection={pill.allowParentSelection ?? false}\n        value={selected}\n        onChange={(next) => emitPillDiff(fieldId, selected, next, onTogglePill)}\n        dataTestId={testId}\n      />\n    );\n  }\n  return (\n    <MultiSelectDropdown\n      extraOptionsHeading={copy.filters.optionsHeading}\n      clearText={copy.filters.clear}\n      clearLabel={copy.filters.clearRange(pill.label)}\n      label={pill.label}\n      options={pill.options}\n      selected={new Set(selected)}\n      onToggle={(value, checked) => onTogglePill(fieldId, value, checked)}\n      onClear={() => onClearField(fieldId)}\n      allLabel={copy.filters.allOption}\n      searchable={pill.searchEnabled ? true : undefined}\n      searchPlaceholder={copy.filters.optionSearchPlaceholder}\n      noResultsLabel={copy.filters.optionsEmpty}\n      layout={layout}\n      onOpenChange={onOpenChange}\n      data-testid={testId}\n    />\n  );\n}\n"],"mappings":";;;;;;;;;;;AA8EM;AA9DC,SAAS,aACd,SACA,QACA,OACA,cACM;AACN,QAAM,MAAM,IAAI,IAAI,MAAM;AAC1B,QAAM,QAAQ,IAAI,IAAI,KAAK;AAC3B,QAAM,QAAQ,CAAC,UAAU;AACvB,QAAI,CAAC,IAAI,IAAI,KAAK,EAAG,cAAa,SAAS,OAAO,IAAI;AAAA,EACxD,CAAC;AACD,SAAO,QAAQ,CAAC,UAAU;AACxB,QAAI,CAAC,MAAM,IAAI,KAAK,EAAG,cAAa,SAAS,OAAO,KAAK;AAAA,EAC3D,CAAC;AACH;AAGA,IAAM,mBAAmB,CAAC,YAA0B;AAAA,EAClD,IAAI,OAAO;AAAA,EACX,MAAM,OAAO;AAAA,EACb,UAAU,OAAO,YAAY;AAC/B;AA2BO,SAAS,YAA+C;AAAA,EAC7D;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,SAAS;AACX,GAA2C;AACzC,QAAM,OAAO,iBAAiB;AAC9B,QAAM,SAAS,GAAG,YAAY,WAAW,OAAO;AAChD,MAAI,KAAK,YAAY,YAAY;AAC/B,WACE;AAAA,MAAC;AAAA;AAAA,QACC,MAAM,KAAK;AAAA,QACX,aAAa,KAAK;AAAA,QAClB,OAAO,WAAW,YAAY,KAAK,QAAQ;AAAA,QAC3C,WAAW,WAAW;AAAA,QACtB,SAAS,KAAK,QAAQ,IAAI,gBAAgB;AAAA,QAC1C,sBAAsB,KAAK,wBAAwB;AAAA,QACnD,OAAO;AAAA,QACP,UAAU,CAAC,SAAS,aAAa,SAAS,UAAU,MAAM,YAAY;AAAA,QACtE,YAAY;AAAA;AAAA,IACd;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,qBAAqB,KAAK,QAAQ;AAAA,MAClC,WAAW,KAAK,QAAQ;AAAA,MACxB,YAAY,KAAK,QAAQ,WAAW,KAAK,KAAK;AAAA,MAC9C,OAAO,KAAK;AAAA,MACZ,SAAS,KAAK;AAAA,MACd,UAAU,IAAI,IAAI,QAAQ;AAAA,MAC1B,UAAU,CAAC,OAAO,YAAY,aAAa,SAAS,OAAO,OAAO;AAAA,MAClE,SAAS,MAAM,aAAa,OAAO;AAAA,MACnC,UAAU,KAAK,QAAQ;AAAA,MACvB,YAAY,KAAK,gBAAgB,OAAO;AAAA,MACxC,mBAAmB,KAAK,QAAQ;AAAA,MAChC,gBAAgB,KAAK,QAAQ;AAAA,MAC7B;AAAA,MACA;AAAA,MACA,eAAa;AAAA;AAAA,EACf;AAEJ;","names":[]}

package/dist/{chunk-XQZOMXP3.js → chunk-FZHKKLOO.js}

@@ -1,6 +1,6 @@
 import {
   GridToolbar
-} from "./chunk-GQTBWJYK.js";
+} from "./chunk-WKRSVGT6.js";
 
 // src/components/data-display/DataViews/data-views-shell-toolbar.tsx
 import { jsx } from "react/jsx-runtime";
@@ -62,4 +62,4 @@ function ShellToolbar({
 export {
   ShellToolbar
 };
-//# sourceMappingURL=chunk-XQZOMXP3.js.map
+//# sourceMappingURL=chunk-FZHKKLOO.js.map

package/dist/{chunk-NXTKZSMT.js → chunk-IN642YHK.js}

@@ -1,6 +1,6 @@
 import {
   PillControl
-} from "./chunk-KWUQZDPL.js";
+} from "./chunk-ECIGNYSI.js";
 import {
   PanelRangeField
 } from "./chunk-BZTFPSWT.js";
@@ -154,4 +154,4 @@ export {
   GridFilterPanel,
   FilterDialog
 };
-//# sourceMappingURL=chunk-NXTKZSMT.js.map
+//# sourceMappingURL=chunk-IN642YHK.js.map

package/dist/{chunk-QBJVRPTF.js → chunk-ISH42UC7.js}

@@ -1,6 +1,6 @@
 import {
   handleCategoryKeyDown
-} from "./chunk-GCC66ZSD.js";
+} from "./chunk-WWM2YTW4.js";
 
 // src/components/form/CategorySelect/useCategoryKeyHandler.ts
 import { useCallback } from "react";
@@ -52,4 +52,4 @@ function useCategoryKeyHandler({
 export {
   useCategoryKeyHandler
 };
-//# sourceMappingURL=chunk-QBJVRPTF.js.map
+//# sourceMappingURL=chunk-ISH42UC7.js.map