@12-apps/ui 6.36.0 → 6.37.0

package/dist/{chunk-DY4BP5WA.js → chunk-HNPWZ3W2.js}

@@ -4,13 +4,13 @@ import {
 import {
   DisplayTab,
   SortTab
-} from "./chunk-ZAFFKQQU.js";
+} from "./chunk-JLQGRZMN.js";
 import {
   ViewActions,
   ViewFooter,
   ViewHeader,
   ViewsList
-} from "./chunk-FZ4YTEP2.js";
+} from "./chunk-XR46FSOH.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -19,7 +19,7 @@ import {
 } from "./chunk-6DPAWXZ3.js";
 import {
   Button
-} from "./chunk-KH25WUSX.js";
+} from "./chunk-2EAAWOZ2.js";
 import {
   rem,
   sxRem
@@ -265,4 +265,4 @@ function DataViewsDisplayPanel({
 export {
   DataViewsDisplayPanel
 };
-//# sourceMappingURL=chunk-DY4BP5WA.js.map
+//# sourceMappingURL=chunk-HNPWZ3W2.js.map

package/dist/{chunk-SYVNWXVW.js → chunk-HU7TX7RB.js}

@@ -4,10 +4,10 @@ import {
 } from "./chunk-X4F32GUB.js";
 import {
   PillControl
-} from "./chunk-SN2YMCTL.js";
+} from "./chunk-CS3KOKL3.js";
 import {
   MoreFilters
-} from "./chunk-4CTLEUK3.js";
+} from "./chunk-AYLEZM6T.js";
 import {
   RangePill
 } from "./chunk-AJ5SDHX5.js";
@@ -220,4 +220,4 @@ function FilterSlots({
 export {
   InlineFilterControls
 };
-//# sourceMappingURL=chunk-SYVNWXVW.js.map
+//# sourceMappingURL=chunk-HU7TX7RB.js.map

package/dist/{chunk-WNUZK7NS.js → chunk-HVXIOIM5.js}

@@ -1,17 +1,18 @@
 import {
   commandPaperStyles,
   commandSizeStyles
-} from "./chunk-7EQCZO56.js";
+} from "./chunk-C3LZ3OGJ.js";
 import {
   CommandEmpty,
   CommandLoading
-} from "./chunk-CMK4DJDR.js";
+} from "./chunk-XLTHZI5W.js";
 import {
   resolveCommandProps,
   useCommandPalette
-} from "./chunk-6DN4ZULV.js";
+} from "./chunk-YOKUDQIJ.js";
 import {
-  rem
+  rem,
+  sxRem
 } from "./chunk-YKCAJ2TN.js";
 
 // src/components/form/Command/Command.tsx
@@ -35,6 +36,7 @@ import Typography from "@mui/material/Typography/index.js";
 import { alpha, useTheme } from "@mui/material/styles/index.js";
 import { useMemo } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+var contentMaxHeight = (theme, value = 400) => typeof value === "number" && value > 1 ? rem(theme, value) : value;
 var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : void 0;
 var Command = (rawProps) => {
   const props = resolveCommandProps(rawProps);
@@ -76,7 +78,7 @@ var Command = (rawProps) => {
           }
         ),
         /* @__PURE__ */ jsx(Divider, {}),
-        /* @__PURE__ */ jsxs(DialogContent, { sx: { p: 0, maxHeight: props.maxHeight, overflow: "auto" }, children: [
+        /* @__PURE__ */ jsxs(DialogContent, { sx: { p: 0, maxHeight: (t) => contentMaxHeight(t, props.maxHeight), overflow: "auto" }, children: [
           /* @__PURE__ */ jsx(
             CommandBody,
             {
@@ -266,7 +268,7 @@ var CommandItemComponent = ({
         ...style
       },
       children: [
-        icon && /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: 40 }, children: icon }),
+        icon && /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: sxRem(40) }, children: icon }),
         /* @__PURE__ */ jsx(
           ListItemText,
           {
@@ -288,7 +290,7 @@ var CommandItemComponent = ({
             size: "small",
             variant: "outlined",
             sx: {
-              height: 20,
+              height: sxRem(20),
               fontSize: rem(theme, 11.2),
               ml: 1
             }
@@ -305,4 +307,4 @@ export {
   CommandList,
   CommandGroup
 };
-//# sourceMappingURL=chunk-WNUZK7NS.js.map
+//# sourceMappingURL=chunk-HVXIOIM5.js.map

package/dist/chunk-HVXIOIM5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Command/Command.tsx"],"sourcesContent":["import CloseIcon from '@mui/icons-material/Close';\nimport SearchIcon from '@mui/icons-material/Search';\nimport Box from '@mui/material/Box/index.js';\nimport Chip from '@mui/material/Chip/index.js';\nimport Dialog from '@mui/material/Dialog/index.js';\nimport DialogContent from '@mui/material/DialogContent/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport Grow from '@mui/material/Grow/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport InputAdornment from '@mui/material/InputAdornment/index.js';\nimport List from '@mui/material/List/index.js';\nimport ListItemButton from '@mui/material/ListItemButton/index.js';\nimport ListItemIcon from '@mui/material/ListItemIcon/index.js';\nimport ListItemText from '@mui/material/ListItemText/index.js';\nimport TextField from '@mui/material/TextField/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, useTheme, type Theme } from '@mui/material/styles/index.js';\nimport React, { useMemo } from 'react';\n\nimport { resolveCommandProps, useCommandPalette } from './Command.hooks';\nimport { CommandEmpty, CommandLoading } from './Command.parts';\nimport { commandPaperStyles, commandSizeStyles } from './Command.styles';\nimport type {\n  CommandGroupProps,\n  CommandInputProps,\n  CommandItem,\n  CommandItemProps,\n  CommandListProps,\n  CommandProps,\n} from './Command.types';\nimport { rem, sxRem } from '../../../tokens/relative';\n\nexport { CommandEmpty, CommandLoading, CommandSeparator } from './Command.parts';\n\n/**\n * The list's `maxHeight`: a number is design px (400 when unset), read through\n * the type scale; a string is any CSS length, and a number ≤ 1 stays the\n * fraction `sx` reads it as (an `sx` callback's result still goes through the\n * sizing transform).\n */\nconst contentMaxHeight = (theme: Theme, value: number | string = 400): number | string =>\n  typeof value === 'number' && value > 1 ? rem(theme, value) : value;\n\nconst makeTestId = (dataTestId?: string) => (suffix: string) =>\n  dataTestId ? `${dataTestId}-${suffix}` : undefined;\n\nexport const Command: React.FC<CommandProps> = (rawProps) => {\n  const props = resolveCommandProps(rawProps);\n  const { open, onOpenChange, variant, dataTestId } = props;\n  const theme = useTheme();\n  const testId = makeTestId(dataTestId);\n\n  const { internalValue, filteredItems, highlightedId, handleValueChange, handleSelect, handleKeyDown } =\n    useCommandPalette(props);\n\n  return (\n    <Dialog\n      open={open}\n      onClose={() => onOpenChange?.(false)}\n      maxWidth={false}\n      PaperProps={{\n        sx: {\n          ...commandPaperStyles(theme, props),\n          ...commandSizeStyles(theme, props.size),\n          overflow: 'hidden',\n          ...props.style,\n        },\n        className: props.className,\n        'data-testid': dataTestId,\n      }}\n      TransitionComponent={variant === 'glass' ? Fade : Grow}\n      onClick={props.onClick}\n    >\n      <Box sx={{ p: 0 }}>\n        <CommandInput\n          placeholder={props.placeholder}\n          value={internalValue}\n          onChange={handleValueChange}\n          onFocus={props.onFocus}\n          onBlur={props.onBlur}\n          disabled={props.disabled}\n          autoFocus={props.autoFocus}\n          onKeyDown={handleKeyDown}\n          dataTestId={testId('input')}\n        />\n\n        <Divider />\n\n        <DialogContent sx={{ p: 0, maxHeight: (t: Theme) => contentMaxHeight(t, props.maxHeight), overflow: 'auto' }}>\n          <CommandBody\n            loading={props.loading}\n            items={filteredItems}\n            value={internalValue}\n            emptyMessage={props.emptyMessage}\n            onSelect={handleSelect}\n            selectedId={highlightedId}\n            showCategories={props.showCategories}\n            showShortcuts={props.showShortcuts}\n            showDescriptions={props.showDescriptions}\n            testId={testId}\n          />\n          {props.children}\n        </DialogContent>\n      </Box>\n    </Dialog>\n  );\n};\n\ntype CommandBodyProps = Pick<\n  CommandListProps,\n  'items' | 'value' | 'onSelect' | 'selectedId' | 'showCategories' | 'showShortcuts' | 'showDescriptions'\n> & {\n  loading: boolean;\n  emptyMessage: string;\n  testId: (suffix: string) => string | undefined;\n};\n\n/** Three mutually exclusive states share the scrolling area: busy, empty, or a list. */\nconst CommandBody: React.FC<CommandBodyProps> = ({ loading, emptyMessage, testId, ...list }) => {\n  if (loading) {\n    return <CommandLoading dataTestId={testId('loading')} />;\n  }\n\n  if (!list.items?.length) {\n    return <CommandEmpty message={emptyMessage} dataTestId={testId('empty')} />;\n  }\n\n  return <CommandList {...list} dataTestId={testId('list')} />;\n};\n\nexport const CommandInput: React.FC<CommandInputProps> = ({\n  placeholder,\n  value,\n  onChange,\n  onFocus,\n  onBlur,\n  disabled,\n  autoFocus,\n  onKeyDown,\n  className,\n  style,\n  dataTestId,\n}) => (\n    <TextField\n      fullWidth\n      value={value}\n      onChange={(e) => onChange?.(e.target.value)}\n      onFocus={onFocus}\n      onBlur={onBlur}\n      onKeyDown={onKeyDown}\n      placeholder={placeholder}\n      disabled={disabled}\n      autoFocus={autoFocus}\n      variant=\"standard\"\n      className={className}\n      inputProps={{\n        'data-testid': dataTestId,\n      }}\n      sx={{\n        p: 2,\n        '& .MuiInput-underline:before': { border: 'none' },\n        '& .MuiInput-underline:after': { border: 'none' },\n        ...style,\n      }}\n      InputProps={{\n        startAdornment: (\n          <InputAdornment position=\"start\">\n            <SearchIcon />\n          </InputAdornment>\n        ),\n        endAdornment: value && (\n          <InputAdornment position=\"end\">\n            <IconButton size=\"small\" onClick={() => onChange?.('')}>\n              <CloseIcon fontSize=\"small\" />\n            </IconButton>\n          </InputAdornment>\n        ),\n      }}\n    />\n  );\n\nexport const CommandList: React.FC<CommandListProps> = ({\n  items = [],\n  onSelect,\n  selectedId,\n  emptyMessage,\n  showCategories,\n  showShortcuts,\n  showDescriptions,\n  loading,\n  className,\n  style,\n  dataTestId,\n}) => {\n  const groupedItems = useMemo(() => {\n    if (!showCategories) return { '': items };\n\n    const groups: Record<string, CommandItem[]> = {};\n    items.forEach(item => {\n      const category = item.category || '';\n      if (!groups[category]) groups[category] = [];\n      groups[category].push(item);\n    });\n    return groups;\n  }, [items, showCategories]);\n\n  if (loading) return <CommandLoading dataTestId={dataTestId ? `${dataTestId}-loading` : undefined} />;\n  if (items.length === 0) return <CommandEmpty message={emptyMessage} dataTestId={dataTestId ? `${dataTestId}-empty` : undefined} />;\n\n  return (\n    <List className={className} sx={style} data-testid={dataTestId}>\n      {Object.entries(groupedItems).map(([category, categoryItems]) => (\n        <CommandGroup\n          key={category}\n          heading={category}\n          items={categoryItems}\n          onSelect={onSelect}\n          selectedId={selectedId}\n          showShortcuts={showShortcuts}\n          showDescriptions={showDescriptions}\n        />\n      ))}\n    </List>\n  );\n};\n\nexport const CommandGroup: React.FC<CommandGroupProps> = ({\n  heading,\n  items = [],\n  onSelect,\n  selectedId,\n  showShortcuts,\n  showDescriptions,\n  className,\n  style,\n  dataTestId,\n}) => {\n  const groupTestId = dataTestId || (heading ? `command-group-${heading}` : undefined);\n\n  return (\n    <Box className={className} sx={style} data-testid={groupTestId}>\n      {heading && (\n        <Typography\n          variant=\"caption\"\n          sx={{\n            px: 2,\n            py: 1,\n            display: 'block',\n            color: 'text.secondary',\n            fontWeight: 600,\n            textTransform: 'uppercase',\n          }}\n        >\n          {heading}\n        </Typography>\n      )}\n      {items.map((item) => (\n        <CommandItemComponent\n          key={item.id}\n          {...item}\n          selected={selectedId === item.id}\n          onSelect={() => onSelect?.(item)}\n          showShortcut={showShortcuts}\n          showDescription={showDescriptions}\n          dataTestId={`command-item-${item.id}`}\n        />\n      ))}\n    </Box>\n  );\n};\n\nconst CommandItemComponent: React.FC<CommandItemProps> = ({\n  label,\n  description,\n  icon,\n  shortcut,\n  disabled,\n  selected,\n  onSelect,\n  showShortcut,\n  showDescription,\n  className,\n  style,\n  dataTestId,\n}) => {\n  const theme = useTheme();\n\n  return (\n    <ListItemButton\n      onClick={onSelect}\n      disabled={disabled}\n      selected={selected}\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        py: 1.5,\n        px: 2,\n        '&:hover': {\n          backgroundColor: alpha(theme.palette.primary.main, 0.08),\n        },\n        '&.Mui-selected': {\n          backgroundColor: alpha(theme.palette.primary.main, 0.12),\n          '&:hover': {\n            backgroundColor: alpha(theme.palette.primary.main, 0.16),\n          },\n        },\n        ...style,\n      }}\n    >\n      {icon && (\n        <ListItemIcon sx={{ minWidth: sxRem(40) }}>\n          {icon}\n        </ListItemIcon>\n      )}\n\n      <ListItemText\n        primary={label}\n        secondary={showDescription && description}\n        primaryTypographyProps={{\n          fontSize: rem(theme, 14),\n          fontWeight: selected ? 600 : 400,\n        }}\n        secondaryTypographyProps={{\n          fontSize: rem(theme, 12),\n        }}\n      />\n\n      {showShortcut && shortcut && (\n        <Chip\n          label={shortcut}\n          size=\"small\"\n          variant=\"outlined\"\n          sx={{\n            height: sxRem(20),\n            fontSize: rem(theme, 11.2),\n            ml: 1,\n          }}\n        />\n      )}\n    </ListItemButton>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/{chunk-WPA26LXA.js → chunk-IKLOIONQ.js}

@@ -1,7 +1,7 @@
 import {
   useColumnsWithActions,
   useRenderedColumns
-} from "./chunk-TQBRWZA4.js";
+} from "./chunk-FFOQZRFC.js";
 import {
   filterRows
 } from "./chunk-YGQX7BNI.js";
@@ -18,7 +18,7 @@ import {
 import {
   computeActiveFilterCount,
   defaultSortFields
-} from "./chunk-KJK2Q35C.js";
+} from "./chunk-75LOTMSN.js";
 import {
   serverDerived,
   useServerQuery
@@ -172,4 +172,4 @@ function useDataViewsState({
 export {
   useDataViewsState
 };
-//# sourceMappingURL=chunk-WPA26LXA.js.map
+//# sourceMappingURL=chunk-IKLOIONQ.js.map

package/dist/{chunk-BXAL7OIS.js → chunk-JC22FNFA.js}

@@ -12,25 +12,26 @@ import {
   uiInk
 } from "./chunk-FQ6UW7IY.js";
 import {
-  rem
+  rem,
+  rems
 } from "./chunk-YKCAJ2TN.js";
 
 // src/components/form/CategorySelect/CategorySelect.styles.ts
 import { alpha } from "@mui/material/styles/index.js";
 var METRICS = {
-  panelWidth: 340,
-  panelRadius: 14,
-  listMaxHeight: 290,
-  sheetListMaxHeight: 340,
-  rowHeight: 36,
-  sheetRowHeight: 42,
-  rowRadius: 8,
-  boxSize: 18,
-  chevronButton: 22,
+  panelWidthPx: 340,
+  panelRadiusPx: 14,
+  listMaxHeightPx: 290,
+  sheetListMaxHeightPx: 340,
+  rowHeightPx: 36,
+  sheetRowHeightPx: 42,
+  rowRadiusPx: 8,
+  boxSizePx: 18,
+  chevronButtonPx: 22,
   /** Extra left padding per level of nesting. */
-  rowIndentStep: 14,
-  footerButton: 32,
-  sheetFooterButton: 38,
+  rowIndentStepPx: 14,
+  footerButtonPx: 32,
+  sheetFooterButtonPx: 38,
   /** Below this width the panel becomes a bottom sheet. */
   sheetBreakpoint: 480
 };
@@ -46,9 +47,9 @@ var triggerSx = (theme, selected, open) => {
   return {
     display: "flex",
     alignItems: "center",
-    gap: "8px",
+    gap: rem(theme, 8),
     height: fieldHeight(theme),
-    padding: "0 10px 0 12px",
+    padding: rems(theme, 0, 10, 0, 12),
     borderRadius: fieldRadiusPx(theme),
     border: `1px solid ${open || selected ? brand.edge : fieldEdge(theme)}`,
     background: selected ? brand.soft : theme.palette.background.paper,
@@ -58,12 +59,12 @@ var triggerSx = (theme, selected, open) => {
     cursor: "pointer",
     maxWidth: "100%",
     transition: "border-color .12s, box-shadow .12s",
-    boxShadow: open ? `0 0 0 3px ${brand.ring}` : "none",
+    boxShadow: open ? `0 0 0 ${rem(theme, 3)} ${brand.ring}` : "none",
     "&:hover": { borderColor: open || selected ? brand.edge : theme.palette.text.disabled },
     "&:focus-visible": {
       outline: "none",
       borderColor: brand.main,
-      boxShadow: `0 0 0 3px ${alpha(brand.main, 0.18)}`
+      boxShadow: `0 0 0 ${rem(theme, 3)} ${alpha(brand.main, 0.18)}`
     },
     "&:disabled": { opacity: 0.5, cursor: "default" }
   };
@@ -74,18 +75,18 @@ var triggerCountSx = (theme) => ({
   lineHeight: 1,
   background: theme.palette.primary.main,
   color: theme.palette.primary.contrastText,
-  borderRadius: "999px",
-  padding: "3px 6px",
-  minWidth: 18,
+  borderRadius: rem(theme, 999),
+  padding: rems(theme, 3, 6),
+  minWidth: rem(theme, 18),
   textAlign: "center"
 });
 var triggerClearSx = (theme) => ({
-  width: 20,
-  height: 20,
+  width: rem(theme, 20),
+  height: rem(theme, 20),
   flex: "0 0 auto",
   border: 0,
   background: "transparent",
-  borderRadius: "5px",
+  borderRadius: rem(theme, 5),
   display: "grid",
   placeItems: "center",
   cursor: "pointer",
@@ -94,21 +95,21 @@ var triggerClearSx = (theme) => ({
   padding: 0,
   "&:hover": { background: alpha(absoluteInk(theme).black, 0.08), opacity: 1 }
 });
-var triggerChevronSx = (open) => ({
-  width: 14,
-  height: 14,
+var triggerChevronSx = (theme, open) => ({
+  width: rem(theme, 14),
+  height: rem(theme, 14),
   flex: "0 0 auto",
   opacity: 0.55,
   transition: "transform .15s",
   transform: open ? "rotate(180deg)" : "none"
 });
 var panelSx = (theme) => ({
-  width: METRICS.panelWidth,
+  width: rem(theme, METRICS.panelWidthPx),
   maxWidth: "100%",
   background: theme.palette.background.paper,
   border: `1px solid ${theme.palette.divider}`,
-  borderRadius: `${METRICS.panelRadius}px`,
-  boxShadow: `0 1px 2px ${alpha(uiInk(theme).panelShadowInk, 0.05)}, 0 18px 40px -12px ${alpha(uiInk(theme).panelShadowInk, 0.28)}`,
+  borderRadius: rem(theme, METRICS.panelRadiusPx),
+  boxShadow: `${rems(theme, 0, 1, 2)} ${alpha(uiInk(theme).panelShadowInk, 0.05)}, ${rems(theme, 0, 18, 40, -12)} ${alpha(uiInk(theme).panelShadowInk, 0.28)}`,
   display: "flex",
   flexDirection: "column",
   overflow: "hidden"
@@ -116,28 +117,28 @@ var panelSx = (theme) => ({
 var sheetSx = (theme) => ({
   width: "100%",
   maxWidth: "none",
-  borderRadius: "18px 18px 0 0",
+  borderRadius: rems(theme, 18, 18, 0, 0),
   borderBottom: 0,
   position: "relative",
-  paddingTop: "4px",
+  paddingTop: rem(theme, 4),
   "&::before": {
     content: '""',
     position: "absolute",
-    top: 7,
+    top: rem(theme, 7),
     left: "50%",
     transform: "translateX(-50%)",
-    width: 36,
-    height: 4,
-    borderRadius: "2px",
+    width: rem(theme, 36),
+    height: rem(theme, 4),
+    borderRadius: rem(theme, 2),
     background: theme.palette.divider
   }
 });
 var panelHeadSx = (theme, sheet) => ({
-  padding: sheet ? "18px 10px 8px" : "10px 10px 8px",
+  padding: sheet ? rems(theme, 18, 10, 8) : rems(theme, 10, 10, 8),
   borderBottom: `1px solid ${theme.palette.divider}`
 });
 var pinnedSx = (theme) => ({
-  padding: "9px 10px",
+  padding: rems(theme, 9, 10),
   borderBottom: `1px solid ${theme.palette.divider}`,
   background: alpha(theme.palette.primary.main, 0.03)
 });
@@ -148,36 +149,36 @@ var pinnedLabelSx = (theme) => ({
   letterSpacing: ".08em",
   textTransform: "uppercase",
   color: theme.palette.text.secondary,
-  marginBottom: "7px"
+  marginBottom: rem(theme, 7)
 });
-var chipWrapSx = {
+var chipWrapSx = (theme) => ({
   display: "flex",
   flexWrap: "wrap",
-  gap: "5px",
-  maxHeight: 74,
+  gap: rem(theme, 5),
+  maxHeight: rem(theme, 74),
   overflow: "auto"
-};
+});
 var chipSx = (theme) => {
   const brand = accent(theme);
   return {
     display: "inline-flex",
     alignItems: "center",
-    gap: "5px",
+    gap: rem(theme, 5),
     fontSize: rem(theme, 12),
     background: brand.soft,
     color: brand.ink,
     border: `1px solid ${brand.edge}`,
-    borderRadius: "7px",
-    padding: "3px 4px 3px 8px",
+    borderRadius: rem(theme, 7),
+    padding: rems(theme, 3, 4, 3, 8),
     "& button": {
       border: 0,
       background: "transparent",
       color: "inherit",
       cursor: "pointer",
       padding: 0,
-      width: 16,
-      height: 16,
-      borderRadius: "4px",
+      width: rem(theme, 16),
+      height: rem(theme, 16),
+      borderRadius: rem(theme, 4),
       display: "grid",
       placeItems: "center",
       opacity: 0.65,
@@ -187,20 +188,20 @@ var chipSx = (theme) => {
     }
   };
 };
-var listSx = (sheet) => ({
+var listSx = (theme, sheet) => ({
   overflow: "auto",
-  maxHeight: sheet ? METRICS.sheetListMaxHeight : METRICS.listMaxHeight,
-  padding: "6px 6px 8px",
-  scrollPadding: "8px 0",
+  maxHeight: rem(theme, sheet ? METRICS.sheetListMaxHeightPx : METRICS.listMaxHeightPx),
+  padding: rems(theme, 6, 6, 8),
+  scrollPadding: rems(theme, 8, 0),
   overscrollBehavior: "contain"
 });
 var rowSx = (theme, active, sheet) => ({
   display: "flex",
   alignItems: "center",
-  gap: "8px",
-  padding: "0 8px",
-  height: sheet ? METRICS.sheetRowHeight : METRICS.rowHeight,
-  borderRadius: `${METRICS.rowRadius}px`,
+  gap: rem(theme, 8),
+  padding: rems(theme, 0, 8),
+  height: rem(theme, sheet ? METRICS.sheetRowHeightPx : METRICS.rowHeightPx),
+  borderRadius: rem(theme, METRICS.rowRadiusPx),
   cursor: "pointer",
   userSelect: "none",
   position: "relative",
@@ -209,13 +210,13 @@ var rowSx = (theme, active, sheet) => ({
   textAlign: "left",
   font: "inherit",
   background: active ? alpha(theme.palette.primary.main, 0.08) : "transparent",
-  boxShadow: active ? `inset 0 0 0 1px ${alpha(theme.palette.primary.main, 0.3)}` : "none",
+  boxShadow: active ? `inset 0 0 0 ${rem(theme, 1)} ${alpha(theme.palette.primary.main, 0.3)}` : "none",
   "&:hover": {
     background: active ? alpha(theme.palette.primary.main, 0.08) : theme.palette.action.hover
   },
-  "&:focus-visible": { outline: `2px solid ${theme.palette.primary.main}`, outlineOffset: 1 }
+  "&:focus-visible": { outline: `${rem(theme, 2)} solid ${theme.palette.primary.main}`, outlineOffset: rem(theme, 1) }
 });
-var rowIndent = (depth) => depth === 0 ? {} : { paddingLeft: `${depth * METRICS.rowIndentStep}px` };
+var rowIndent = (theme, depth) => depth === 0 ? {} : { paddingLeft: rem(theme, depth * METRICS.rowIndentStepPx) };
 var rowNameSx = (theme, isCategory) => ({
   flex: 1,
   minWidth: 0,
@@ -235,49 +236,49 @@ var rowMetaSx = (theme, selected) => ({
 var markSx = (theme) => ({
   background: uiInk(theme).highlightMark,
   color: "inherit",
-  borderRadius: "2px",
-  padding: "0 1px"
+  borderRadius: rem(theme, 2),
+  padding: rems(theme, 0, 1)
 });
 var chevronButtonSx = (theme, open) => ({
-  width: METRICS.chevronButton,
-  height: METRICS.chevronButton,
+  width: rem(theme, METRICS.chevronButtonPx),
+  height: rem(theme, METRICS.chevronButtonPx),
   flex: "0 0 auto",
   border: 0,
   background: "transparent",
-  borderRadius: "6px",
+  borderRadius: rem(theme, 6),
   display: "grid",
   placeItems: "center",
   cursor: "pointer",
   color: theme.palette.text.secondary,
   padding: 0,
   "&:hover": { background: theme.palette.action.hover, color: theme.palette.text.primary },
-  "& svg": { width: 12, height: 12, transition: "transform .15s", transform: open ? "rotate(90deg)" : "none" }
+  "& svg": { width: rem(theme, 12), height: rem(theme, 12), transition: "transform .15s", transform: open ? "rotate(90deg)" : "none" }
 });
 var checkboxSx = (theme, state) => ({
-  width: METRICS.boxSize,
-  height: METRICS.boxSize,
+  width: rem(theme, METRICS.boxSizePx),
+  height: rem(theme, METRICS.boxSizePx),
   flex: "0 0 auto",
-  border: `1.5px solid ${state === "off" ? theme.palette.divider : theme.palette.primary.main}`,
-  borderRadius: "5px",
+  border: `${rem(theme, 1.5)} solid ${state === "off" ? theme.palette.divider : theme.palette.primary.main}`,
+  borderRadius: rem(theme, 5),
   background: state === "off" ? theme.palette.background.paper : theme.palette.primary.main,
   display: "grid",
   placeItems: "center",
   transition: "background .1s, border-color .1s",
-  "& svg": { width: 12, height: 12, color: theme.palette.primary.contrastText }
+  "& svg": { width: rem(theme, 12), height: rem(theme, 12), color: theme.palette.primary.contrastText }
 });
 var checkboxBarSx = (theme) => ({
-  width: 9,
-  height: 2,
+  width: rem(theme, 9),
+  height: rem(theme, 2),
   background: theme.palette.primary.contrastText,
-  borderRadius: "1px"
+  borderRadius: rem(theme, 1)
 });
 var radioSx = (theme, on) => ({
-  width: METRICS.boxSize,
-  height: METRICS.boxSize,
+  width: rem(theme, METRICS.boxSizePx),
+  height: rem(theme, METRICS.boxSizePx),
   flex: "0 0 auto",
   borderRadius: "50%",
   background: theme.palette.background.paper,
-  border: on ? `5.5px solid ${theme.palette.primary.main}` : `1.5px solid ${theme.palette.divider}`,
+  border: on ? `${rem(theme, 5.5)} solid ${theme.palette.primary.main}` : `${rem(theme, 1.5)} solid ${theme.palette.divider}`,
   boxSizing: "border-box"
 });
 var sectionHeadSx = (theme) => ({
@@ -287,34 +288,34 @@ var sectionHeadSx = (theme) => ({
   letterSpacing: ".08em",
   textTransform: "uppercase",
   color: theme.palette.text.secondary,
-  padding: "9px 8px 6px"
+  padding: rems(theme, 9, 8, 6)
 });
 var footerSx = (theme) => ({
   display: "flex",
   alignItems: "center",
   justifyContent: "space-between",
-  gap: "8px",
-  padding: "9px 10px",
+  gap: rem(theme, 8),
+  padding: rems(theme, 9, 10),
   borderTop: `1px solid ${theme.palette.divider}`,
   background: theme.palette.action.hover
 });
 var emptySx = (theme) => ({
-  padding: "26px 18px",
+  padding: rems(theme, 26, 18),
   textAlign: "center",
   color: theme.palette.text.secondary,
   "& strong": {
     display: "block",
     color: theme.palette.text.primary,
     fontSize: rem(theme, 13.5),
-    marginBottom: "4px"
+    marginBottom: rem(theme, 4)
   },
-  "& p": { margin: "0 0 12px", fontSize: rem(theme, 12.5), lineHeight: 1.5 }
+  "& p": { margin: rems(theme, 0, 0, 12), fontSize: rem(theme, 12.5), lineHeight: 1.5 }
+});
+var skeletonSx = (theme) => ({
+  height: rem(theme, METRICS.rowHeightPx),
+  margin: rems(theme, 4, 6),
+  borderRadius: rem(theme, METRICS.rowRadiusPx)
 });
-var skeletonSx = {
-  height: METRICS.rowHeight,
-  margin: "4px 6px",
-  borderRadius: `${METRICS.rowRadius}px`
-};
 
 export {
   METRICS,
@@ -344,4 +345,4 @@ export {
   emptySx,
   skeletonSx
 };
-//# sourceMappingURL=chunk-BXAL7OIS.js.map
+//# sourceMappingURL=chunk-JC22FNFA.js.map

package/dist/chunk-JC22FNFA.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/CategorySelect/CategorySelect.styles.ts"],"sourcesContent":["import { alpha, type CSSObject, type Theme } from '@mui/material/styles/index.js';\n\nimport { fieldEdge } from '../../../tokens/field-edge';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\nimport { fieldHeight } from '../../../tokens/field-height';\nimport { absoluteInk, uiInk } from '../../../tokens/ink';\nimport { rem, rems } from '../../../tokens/relative';\n\n/**\n * The prototype's METRICS, verbatim, in the design's px.\n *\n * Every number here is lifted from the approved design and is intentionally\n * not derived from `theme.spacing`: the design is specified on a half-pixel\n * type scale (13.5px rows, 1.5px checkbox borders) that an 8px spacing grid\n * cannot express without rounding the look away. Each is drawn through\n * `rem()` (the theme's type scale) where it is read, so it follows a density\n * mode exactly — `sheetBreakpoint` excepted, which is a media-query width.\n *\n * The trigger's CORNER and HEIGHT are the other exception: it is a field, so it\n * takes the theme's field radius and field height (`tokens/field-radius`,\n * `tokens/field-height`) and lines up with the inputs and filter pills beside it.\n *\n * COLOURS are the deliberate exception — they come from the theme, because a\n * tenant can white-label the palette (a hard-coded indigo would survive the\n * rebrand and the rest of the screen would not) and because the library ships a\n * dark mode. On the default light indigo theme the tokens below resolve to the\n * prototype's own values.\n */\nexport const METRICS = {\n  panelWidthPx: 340,\n  panelRadiusPx: 14,\n  listMaxHeightPx: 290,\n  sheetListMaxHeightPx: 340,\n  rowHeightPx: 36,\n  sheetRowHeightPx: 42,\n  rowRadiusPx: 8,\n  boxSizePx: 18,\n  chevronButtonPx: 22,\n  /** Extra left padding per level of nesting. */\n  rowIndentStepPx: 14,\n  footerButtonPx: 32,\n  sheetFooterButtonPx: 38,\n  /** Below this width the panel becomes a bottom sheet. */\n  sheetBreakpoint: 480,\n} as const;\n\n/** Accent family, derived so a white-labelled palette carries through. */\nconst accent = (theme: Theme) => ({\n  main: theme.palette.primary.main,\n  ink: theme.palette.primary.dark,\n  soft: alpha(theme.palette.primary.main, 0.08),\n  edge: alpha(theme.palette.primary.main, 0.28),\n  ring: alpha(theme.palette.primary.main, 0.15),\n});\n\n/** The closed control. `selected` swaps it to the accent-tinted \"has filter\" skin. */\nexport const triggerSx = (theme: Theme, selected: boolean, open: boolean): CSSObject => {\n  const brand = accent(theme);\n  return {\n    display: 'flex',\n    alignItems: 'center',\n    gap: rem(theme, 8),\n    height: fieldHeight(theme),\n    padding: rems(theme, 0, 10, 0, 12),\n    borderRadius: fieldRadiusPx(theme),\n    border: `1px solid ${open || selected ? brand.edge : fieldEdge(theme)}`,\n    background: selected ? brand.soft : theme.palette.background.paper,\n    color: selected ? brand.ink : theme.palette.text.primary,\n    font: 'inherit',\n    fontSize: rem(theme, 13),\n    cursor: 'pointer',\n    maxWidth: '100%',\n    transition: 'border-color .12s, box-shadow .12s',\n    boxShadow: open ? `0 0 0 ${rem(theme, 3)} ${brand.ring}` : 'none',\n    '&:hover': { borderColor: open || selected ? brand.edge : theme.palette.text.disabled },\n    '&:focus-visible': {\n      outline: 'none',\n      borderColor: brand.main,\n      boxShadow: `0 0 0 ${rem(theme, 3)} ${alpha(brand.main, 0.18)}`,\n    },\n    '&:disabled': { opacity: 0.5, cursor: 'default' },\n  };\n};\n\n/** The count pill inside the trigger. */\nexport const triggerCountSx = (theme: Theme): CSSObject => ({\n  fontWeight: 600,\n  fontSize: rem(theme, 11),\n  lineHeight: 1,\n  background: theme.palette.primary.main,\n  color: theme.palette.primary.contrastText,\n  borderRadius: rem(theme, 999),\n  padding: rems(theme, 3, 6),\n  minWidth: rem(theme, 18),\n  textAlign: 'center',\n});\n\n/** The trigger's inline clear (×) and the chevron. */\nexport const triggerClearSx = (theme: Theme): CSSObject => ({\n  width: rem(theme, 20),\n  height: rem(theme, 20),\n  flex: '0 0 auto',\n  border: 0,\n  background: 'transparent',\n  borderRadius: rem(theme, 5),\n  display: 'grid',\n  placeItems: 'center',\n  cursor: 'pointer',\n  color: 'inherit',\n  opacity: 0.6,\n  padding: 0,\n  '&:hover': { background: alpha(absoluteInk(theme).black, 0.08), opacity: 1 },\n});\n\nexport const triggerChevronSx = (theme: Theme, open: boolean): CSSObject => ({\n  width: rem(theme, 14),\n  height: rem(theme, 14),\n  flex: '0 0 auto',\n  opacity: 0.55,\n  transition: 'transform .15s',\n  transform: open ? 'rotate(180deg)' : 'none',\n});\n\n/** The floating panel. */\nexport const panelSx = (theme: Theme): CSSObject => ({\n  width: rem(theme, METRICS.panelWidthPx),\n  maxWidth: '100%',\n  background: theme.palette.background.paper,\n  border: `1px solid ${theme.palette.divider}`,\n  borderRadius: rem(theme, METRICS.panelRadiusPx),\n  boxShadow: `${rems(theme, 0, 1, 2)} ${alpha(uiInk(theme).panelShadowInk, 0.05)}, ${rems(theme, 0, 18, 40, -12)} ${alpha(uiInk(theme).panelShadowInk, 0.28)}`,\n  display: 'flex',\n  flexDirection: 'column',\n  overflow: 'hidden',\n});\n\n/** Bottom-sheet skin, applied under {@link METRICS.sheetBreakpoint}. */\nexport const sheetSx = (theme: Theme): CSSObject => ({\n  width: '100%',\n  maxWidth: 'none',\n  borderRadius: rems(theme, 18, 18, 0, 0),\n  borderBottom: 0,\n  position: 'relative',\n  paddingTop: rem(theme, 4),\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: rem(theme, 7),\n    left: '50%',\n    transform: 'translateX(-50%)',\n    width: rem(theme, 36),\n    height: rem(theme, 4),\n    borderRadius: rem(theme, 2),\n    background: theme.palette.divider,\n  },\n});\n\nexport const panelHeadSx = (theme: Theme, sheet: boolean): CSSObject => ({\n  padding: sheet ? rems(theme, 18, 10, 8) : rems(theme, 10, 10, 8),\n  borderBottom: `1px solid ${theme.palette.divider}`,\n});\n\nexport const pinnedSx = (theme: Theme): CSSObject => ({\n  padding: rems(theme, 9, 10),\n  borderBottom: `1px solid ${theme.palette.divider}`,\n  background: alpha(theme.palette.primary.main, 0.03),\n});\n\nexport const pinnedLabelSx = (theme: Theme): CSSObject => ({\n  fontWeight: 600,\n  fontSize: rem(theme, 10),\n  lineHeight: 1,\n  letterSpacing: '.08em',\n  textTransform: 'uppercase',\n  color: theme.palette.text.secondary,\n  marginBottom: rem(theme, 7),\n});\n\nexport const chipWrapSx = (theme: Theme): CSSObject => ({\n  display: 'flex',\n  flexWrap: 'wrap',\n  gap: rem(theme, 5),\n  maxHeight: rem(theme, 74),\n  overflow: 'auto',\n});\n\n/** A selected-category chip, in the pinned tray and the applied bar alike. */\nexport const chipSx = (theme: Theme): CSSObject => {\n  const brand = accent(theme);\n  return {\n    display: 'inline-flex',\n    alignItems: 'center',\n    gap: rem(theme, 5),\n    fontSize: rem(theme, 12),\n    background: brand.soft,\n    color: brand.ink,\n    border: `1px solid ${brand.edge}`,\n    borderRadius: rem(theme, 7),\n    padding: rems(theme, 3, 4, 3, 8),\n    '& button': {\n      border: 0,\n      background: 'transparent',\n      color: 'inherit',\n      cursor: 'pointer',\n      padding: 0,\n      width: rem(theme, 16),\n      height: rem(theme, 16),\n      borderRadius: rem(theme, 4),\n      display: 'grid',\n      placeItems: 'center',\n      opacity: 0.65,\n      fontSize: rem(theme, 13),\n      lineHeight: 1,\n      '&:hover': { background: alpha(theme.palette.primary.main, 0.16), opacity: 1 },\n    },\n  };\n};\n\nexport const listSx = (theme: Theme, sheet: boolean): CSSObject => ({\n  overflow: 'auto',\n  maxHeight: rem(theme, sheet ? METRICS.sheetListMaxHeightPx : METRICS.listMaxHeightPx),\n  padding: rems(theme, 6, 6, 8),\n  scrollPadding: rems(theme, 8, 0),\n  overscrollBehavior: 'contain',\n});\n\n/** A row. `active` is the KEYBOARD cursor — deliberately distinct from hover. */\nexport const rowSx = (theme: Theme, active: boolean, sheet: boolean): CSSObject => ({\n  display: 'flex',\n  alignItems: 'center',\n  gap: rem(theme, 8),\n  padding: rems(theme, 0, 8),\n  height: rem(theme, sheet ? METRICS.sheetRowHeightPx : METRICS.rowHeightPx),\n  borderRadius: rem(theme, METRICS.rowRadiusPx),\n  cursor: 'pointer',\n  userSelect: 'none',\n  position: 'relative',\n  width: '100%',\n  border: 0,\n  textAlign: 'left',\n  font: 'inherit',\n  background: active ? alpha(theme.palette.primary.main, 0.08) : 'transparent',\n  boxShadow: active ? `inset 0 0 0 ${rem(theme, 1)} ${alpha(theme.palette.primary.main, 0.3)}` : 'none',\n  '&:hover': {\n    background: active\n      ? alpha(theme.palette.primary.main, 0.08)\n      : theme.palette.action.hover,\n  },\n  '&:focus-visible': { outline: `${rem(theme, 2)} solid ${theme.palette.primary.main}`, outlineOffset: rem(theme, 1) },\n});\n\n/**\n * How far a row sits in from the panel edge, by depth.\n *\n * One step per level, on top of {@link rowSx}'s own 8px gutter — depth 0 keeps\n * that gutter, and every level below it adds `METRICS.rowIndentStepPx`. Read\n * through the type scale like the rest of this file: the step is the design's\n * own 14px, not a spacing multiple that would round it.\n */\nexport const rowIndent = (theme: Theme, depth: number): CSSObject =>\n  depth === 0 ? {} : { paddingLeft: rem(theme, depth * METRICS.rowIndentStepPx) };\n\nexport const rowNameSx = (theme: Theme, isCategory: boolean): CSSObject => ({\n  flex: 1,\n  minWidth: 0,\n  whiteSpace: 'nowrap',\n  overflow: 'hidden',\n  textOverflow: 'ellipsis',\n  fontSize: rem(theme, 13.5),\n  fontWeight: isCategory ? 600 : 450,\n  color: isCategory ? theme.palette.text.primary : theme.palette.text.secondary,\n});\n\nexport const rowMetaSx = (theme: Theme, selected: boolean): CSSObject => ({\n  font: `500 ${rem(theme, 11)}/1 ui-monospace, SFMono-Regular, Menlo, monospace`,\n  color: selected ? theme.palette.primary.main : theme.palette.text.secondary,\n  fontWeight: selected ? 600 : 500,\n  flex: '0 0 auto',\n});\n\n/** The query hit inside a row label. */\nexport const markSx = (theme: Theme): CSSObject => ({\n  background: uiInk(theme).highlightMark,\n  color: 'inherit',\n  borderRadius: rem(theme, 2),\n  padding: rems(theme, 0, 1),\n});\n\nexport const chevronButtonSx = (theme: Theme, open: boolean): CSSObject => ({\n  width: rem(theme, METRICS.chevronButtonPx),\n  height: rem(theme, METRICS.chevronButtonPx),\n  flex: '0 0 auto',\n  border: 0,\n  background: 'transparent',\n  borderRadius: rem(theme, 6),\n  display: 'grid',\n  placeItems: 'center',\n  cursor: 'pointer',\n  color: theme.palette.text.secondary,\n  padding: 0,\n  '&:hover': { background: theme.palette.action.hover, color: theme.palette.text.primary },\n  '& svg': { width: rem(theme, 12), height: rem(theme, 12), transition: 'transform .15s', transform: open ? 'rotate(90deg)' : 'none' },\n});\n\n/** The tri-state checkbox: unchecked, checked, or the partial bar. */\nexport const checkboxSx = (theme: Theme, state: 'off' | 'partial' | 'on'): CSSObject => ({\n  width: rem(theme, METRICS.boxSizePx),\n  height: rem(theme, METRICS.boxSizePx),\n  flex: '0 0 auto',\n  border: `${rem(theme, 1.5)} solid ${state === 'off' ? theme.palette.divider : theme.palette.primary.main}`,\n  borderRadius: rem(theme, 5),\n  background: state === 'off' ? theme.palette.background.paper : theme.palette.primary.main,\n  display: 'grid',\n  placeItems: 'center',\n  transition: 'background .1s, border-color .1s',\n  '& svg': { width: rem(theme, 12), height: rem(theme, 12), color: theme.palette.primary.contrastText },\n});\n\n/** The partial bar drawn inside a half-selected checkbox. */\nexport const checkboxBarSx = (theme: Theme): CSSObject => ({\n  width: rem(theme, 9),\n  height: rem(theme, 2),\n  background: theme.palette.primary.contrastText,\n  borderRadius: rem(theme, 1),\n});\n\nexport const radioSx = (theme: Theme, on: boolean): CSSObject => ({\n  width: rem(theme, METRICS.boxSizePx),\n  height: rem(theme, METRICS.boxSizePx),\n  flex: '0 0 auto',\n  borderRadius: '50%',\n  background: theme.palette.background.paper,\n  border: on\n    ? `${rem(theme, 5.5)} solid ${theme.palette.primary.main}`\n    : `${rem(theme, 1.5)} solid ${theme.palette.divider}`,\n  boxSizing: 'border-box',\n});\n\nexport const sectionHeadSx = (theme: Theme): CSSObject => ({\n  fontWeight: 600,\n  fontSize: rem(theme, 10),\n  lineHeight: 1,\n  letterSpacing: '.08em',\n  textTransform: 'uppercase',\n  color: theme.palette.text.secondary,\n  padding: rems(theme, 9, 8, 6),\n});\n\nexport const footerSx = (theme: Theme): CSSObject => ({\n  display: 'flex',\n  alignItems: 'center',\n  justifyContent: 'space-between',\n  gap: rem(theme, 8),\n  padding: rems(theme, 9, 10),\n  borderTop: `1px solid ${theme.palette.divider}`,\n  background: theme.palette.action.hover,\n});\n\nexport const emptySx = (theme: Theme): CSSObject => ({\n  padding: rems(theme, 26, 18),\n  textAlign: 'center',\n  color: theme.palette.text.secondary,\n  '& strong': {\n    display: 'block',\n    color: theme.palette.text.primary,\n    fontSize: rem(theme, 13.5),\n    marginBottom: rem(theme, 4),\n  },\n  '& p': { margin: rems(theme, 0, 0, 12), fontSize: rem(theme, 12.5), lineHeight: 1.5 },\n});\n\n/** Skeleton row used while the catalogue loads. */\nexport const skeletonSx = (theme: Theme): CSSObject => ({\n  height: rem(theme, METRICS.rowHeightPx),\n  margin: rems(theme, 4, 6),\n  borderRadius: rem(theme, METRICS.rowRadiusPx),\n});\n"],"mappings":"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","names":[]}

package/dist/{chunk-DMWSXWCZ.js → chunk-JL75FJRG.js}

@@ -1,16 +1,16 @@
 import {
   DeleteViewDialog
-} from "./chunk-4WQ3YXQL.js";
+} from "./chunk-VT5HQ2AD.js";
 import {
   DataViewsGrid
-} from "./chunk-5TJRJSJY.js";
+} from "./chunk-CQLPDY2J.js";
 import {
   viewStateKey
 } from "./chunk-ZOLAYP2D.js";
 import {
   ViewDialogs,
   ViewMutationErrorAlert
-} from "./chunk-PWF32ILG.js";
+} from "./chunk-SJO3K7SB.js";
 import {
   useSavedViewsController
 } from "./chunk-HR7YTBR7.js";
@@ -178,4 +178,4 @@ function renderViewDialogs(ctl, fields, columns, views, testIdPrefix, onSaved) {
 export {
   DataViewsTableBase
 };
-//# sourceMappingURL=chunk-DMWSXWCZ.js.map
+//# sourceMappingURL=chunk-JL75FJRG.js.map

package/dist/{chunk-ZAFFKQQU.js → chunk-JLQGRZMN.js}

@@ -8,7 +8,7 @@ import {
 } from "./chunk-YLGY3D52.js";
 import {
   useDataViewsLayout
-} from "./chunk-4LQZH4PU.js";
+} from "./chunk-PMOEG36E.js";
 import {
   useDataViewsCopy
 } from "./chunk-KHG57NAE.js";
@@ -246,4 +246,4 @@ export {
   SortTab,
   DisplayTab
 };
-//# sourceMappingURL=chunk-ZAFFKQQU.js.map
+//# sourceMappingURL=chunk-JLQGRZMN.js.map