@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-MISZGWO7.js

@@ -1,210 +0,0 @@
-import {
-  shimmerAnimation
-} from "./chunk-F52N6ACD.js";
-import {
-  withDefaults
-} from "./chunk-HPK33ACY.js";
-import {
-  scrim,
-  sheen
-} from "./chunk-FQ6UW7IY.js";
-
-// src/components/data-display/Sheet/Sheet.parts.tsx
-import CloseIcon from "@mui/icons-material/Close";
-import Backdrop from "@mui/material/Backdrop/index.js";
-import Box from "@mui/material/Box/index.js";
-import Divider from "@mui/material/Divider/index.js";
-import Fade from "@mui/material/Fade/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, useTheme } from "@mui/material/styles/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var handleSx = (theme, isDraggable) => ({
-  width: isDraggable ? 48 : 32,
-  height: isDraggable ? 6 : 4,
-  backgroundColor: alpha(theme.palette.text.primary, 0.3),
-  borderRadius: 3,
-  transition: theme.transitions.create(["all"], {
-    duration: theme.transitions.duration.short,
-    easing: theme.transitions.easing.easeInOut
-  }),
-  position: "relative",
-  overflow: "hidden",
-  "&::after": {
-    content: '""',
-    position: "absolute",
-    top: 0,
-    left: "-100%",
-    width: "100%",
-    height: "100%",
-    background: `linear-gradient(
-      90deg,
-      transparent,
-      ${sheen(theme, 0.3)},
-      transparent
-    )`,
-    animation: isDraggable ? `${shimmerAnimation} 2s infinite` : "none"
-  },
-  ...isDraggable && {
-    backgroundColor: alpha(theme.palette.primary.main, 0.4),
-    boxShadow: `0 2px 4px ${alpha(theme.palette.primary.main, 0.2)}`,
-    "&:hover": {
-      backgroundColor: theme.palette.primary.main,
-      transform: "scaleX(1.15) scaleY(1.2)",
-      boxShadow: `0 3px 6px ${alpha(theme.palette.primary.main, 0.3)}`
-    }
-  }
-});
-var SheetHandle = ({ isDraggable }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      sx: {
-        display: "flex",
-        justifyContent: "center",
-        mb: 1,
-        // The handle is decoration on a draggable header: the drag listeners sit
-        // on the header itself, so letting the bar swallow the press would open
-        // a dead zone in the middle of the grab target.
-        pointerEvents: isDraggable ? "none" : "auto"
-      },
-      children: /* @__PURE__ */ jsx(Box, { sx: handleSx(theme, isDraggable) })
-    }
-  );
-};
-var HEADER_DEFAULTS = {
-  isDraggable: false,
-  dataTestId: "sheet-header"
-};
-var SheetHeader = (props) => {
-  const {
-    title,
-    description,
-    showCloseButton,
-    onClose,
-    showHandle,
-    isDraggable,
-    onDragStart,
-    className,
-    style,
-    children,
-    dataTestId
-  } = withDefaults(props, HEADER_DEFAULTS);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      className,
-      "data-testid": dataTestId,
-      sx: {
-        p: 2,
-        pb: showHandle ? 1 : 2,
-        cursor: isDraggable ? "grab" : "auto",
-        "&:active": isDraggable ? { cursor: "grabbing" } : {},
-        ...style
-      },
-      onMouseDown: isDraggable ? onDragStart : void 0,
-      onTouchStart: isDraggable ? onDragStart : void 0,
-      children: [
-        showHandle && /* @__PURE__ */ jsx(SheetHandle, { isDraggable: Boolean(isDraggable) }),
-        /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "flex-start", justifyContent: "space-between" }, children: [
-          /* @__PURE__ */ jsxs(Box, { sx: { flex: 1 }, children: [
-            title && /* @__PURE__ */ jsx(Typography, { variant: "h6", sx: { fontWeight: 600 }, "data-testid": `${dataTestId}-title`, children: title }),
-            description && /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", sx: { mt: 0.5 }, children: description }),
-            children
-          ] }),
-          showCloseButton && /* @__PURE__ */ jsx(
-            IconButton,
-            {
-              onClick: onClose,
-              size: "small",
-              sx: { ml: 1, mt: -0.5 },
-              "data-testid": `${dataTestId}-close-button`,
-              children: /* @__PURE__ */ jsx(CloseIcon, { "data-testid": `${dataTestId}-close-icon` })
-            }
-          )
-        ] })
-      ]
-    }
-  );
-};
-var CONTENT_DEFAULTS = {
-  padded: true,
-  dataTestId: "sheet-content"
-};
-var SheetContent = (props) => {
-  const { children, className, style, padded, dataTestId } = withDefaults(props, CONTENT_DEFAULTS);
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      className,
-      "data-testid": dataTestId,
-      sx: { flex: 1, overflow: "auto", p: padded ? 2 : 0, ...style },
-      children
-    }
-  );
-};
-var FOOTER_DEFAULTS = {
-  sticky: false,
-  divider: false,
-  dataTestId: "sheet-footer"
-};
-var SheetFooter = (props) => {
-  const { children, className, style, sticky, divider, dataTestId } = withDefaults(
-    props,
-    FOOTER_DEFAULTS
-  );
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    divider && /* @__PURE__ */ jsx(Divider, {}),
-    /* @__PURE__ */ jsx(
-      Box,
-      {
-        className,
-        "data-testid": dataTestId,
-        sx: {
-          p: 2,
-          position: sticky ? "sticky" : "relative",
-          bottom: sticky ? 0 : "auto",
-          backgroundColor: "background.paper",
-          borderTop: sticky ? "1px solid" : "none",
-          borderColor: "divider",
-          ...style
-        },
-        children
-      }
-    )
-  ] });
-};
-var OVERLAY_DEFAULTS = {
-  open: false,
-  blur: false
-};
-var SheetOverlay = (props) => {
-  const { open, onClick, className, style, blur } = withDefaults(props, OVERLAY_DEFAULTS);
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(Fade, { in: open, timeout: 300, children: /* @__PURE__ */ jsx(
-    Backdrop,
-    {
-      open: Boolean(open),
-      onClick,
-      className,
-      sx: {
-        // One below the drawer: this backdrop replaces MUI's own (the drawer
-        // is given a no-op BackdropComponent) and must sit under the panel.
-        zIndex: theme.zIndex.drawer - 1,
-        backgroundColor: scrim(theme, blur ? 0.6 : 0.5),
-        backdropFilter: blur ? "blur(8px) saturate(180%)" : "none",
-        WebkitBackdropFilter: blur ? "blur(8px) saturate(180%)" : "none",
-        ...style
-      }
-    }
-  ) });
-};
-
-export {
-  SheetHeader,
-  SheetContent,
-  SheetFooter,
-  SheetOverlay
-};
-//# sourceMappingURL=chunk-MISZGWO7.js.map

package/dist/chunk-MISZGWO7.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Sheet/Sheet.parts.tsx"],"sourcesContent":["import CloseIcon from '@mui/icons-material/Close';\nimport Backdrop from '@mui/material/Backdrop/index.js';\nimport Box from '@mui/material/Box/index.js';\nimport Divider from '@mui/material/Divider/index.js';\nimport Fade from '@mui/material/Fade/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { scrim, sheen } from '../../../tokens/ink';\nimport { withDefaults } from '../../../utils/withDefaults';\n\nimport { shimmerAnimation } from './Sheet.animations';\nimport type {\n  SheetContentProps,\n  SheetFooterProps,\n  SheetHeaderProps,\n  SheetOverlayProps,\n} from './Sheet.types';\n\n/**\n * The grab handle's own styling. A draggable handle is deliberately larger and\n * tinted, so the affordance reads as draggable before the user tries it; a\n * decorative one stays a neutral bar.\n */\nconst handleSx = (theme: Theme, isDraggable: boolean) => ({\n  width: isDraggable ? 48 : 32,\n  height: isDraggable ? 6 : 4,\n  backgroundColor: alpha(theme.palette.text.primary, 0.3),\n  borderRadius: 3,\n  transition: theme.transitions.create(['all'], {\n    duration: theme.transitions.duration.short,\n    easing: theme.transitions.easing.easeInOut,\n  }),\n  position: 'relative',\n  overflow: 'hidden',\n  '&::after': {\n    content: '\"\"',\n    position: 'absolute',\n    top: 0,\n    left: '-100%',\n    width: '100%',\n    height: '100%',\n    background: `linear-gradient(\n      90deg,\n      transparent,\n      ${sheen(theme, 0.3)},\n      transparent\n    )`,\n    animation: isDraggable ? `${shimmerAnimation} 2s infinite` : 'none',\n  },\n  ...(isDraggable && {\n    backgroundColor: alpha(theme.palette.primary.main, 0.4),\n    boxShadow: `0 2px 4px ${alpha(theme.palette.primary.main, 0.2)}`,\n    '&:hover': {\n      backgroundColor: theme.palette.primary.main,\n      transform: 'scaleX(1.15) scaleY(1.2)',\n      boxShadow: `0 3px 6px ${alpha(theme.palette.primary.main, 0.3)}`,\n    },\n  }),\n});\n\nconst SheetHandle: React.FC<{ isDraggable: boolean }> = ({ isDraggable }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      sx={{\n        display: 'flex',\n        justifyContent: 'center',\n        mb: 1,\n        // The handle is decoration on a draggable header: the drag listeners sit\n        // on the header itself, so letting the bar swallow the press would open\n        // a dead zone in the middle of the grab target.\n        pointerEvents: isDraggable ? 'none' : 'auto',\n      }}\n    >\n      <Box sx={handleSx(theme, isDraggable)} />\n    </Box>\n  );\n};\n\nconst HEADER_DEFAULTS: Partial<SheetHeaderProps> = {\n  isDraggable: false,\n  dataTestId: 'sheet-header',\n};\n\nexport const SheetHeader: React.FC<SheetHeaderProps> = (props) => {\n  const {\n    title,\n    description,\n    showCloseButton,\n    onClose,\n    showHandle,\n    isDraggable,\n    onDragStart,\n    className,\n    style,\n    children,\n    dataTestId,\n  } = withDefaults(props, HEADER_DEFAULTS);\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      sx={{\n        p: 2,\n        pb: showHandle ? 1 : 2,\n        cursor: isDraggable ? 'grab' : 'auto',\n        '&:active': isDraggable ? { cursor: 'grabbing' } : {},\n        ...style,\n      }}\n      onMouseDown={isDraggable ? onDragStart : undefined}\n      onTouchStart={isDraggable ? onDragStart : undefined}\n    >\n      {showHandle && <SheetHandle isDraggable={Boolean(isDraggable)} />}\n\n      <Box sx={{ display: 'flex', alignItems: 'flex-start', justifyContent: 'space-between' }}>\n        <Box sx={{ flex: 1 }}>\n          {title && (\n            <Typography variant=\"h6\" sx={{ fontWeight: 600 }} data-testid={`${dataTestId}-title`}>\n              {title}\n            </Typography>\n          )}\n          {description && (\n            <Typography variant=\"body2\" color=\"text.secondary\" sx={{ mt: 0.5 }}>\n              {description}\n            </Typography>\n          )}\n          {children}\n        </Box>\n\n        {showCloseButton && (\n          <IconButton\n            onClick={onClose}\n            size=\"small\"\n            sx={{ ml: 1, mt: -0.5 }}\n            data-testid={`${dataTestId}-close-button`}\n          >\n            <CloseIcon data-testid={`${dataTestId}-close-icon`} />\n          </IconButton>\n        )}\n      </Box>\n    </Box>\n  );\n};\n\nconst CONTENT_DEFAULTS: Partial<SheetContentProps> = {\n  padded: true,\n  dataTestId: 'sheet-content',\n};\n\nexport const SheetContent: React.FC<SheetContentProps> = (props) => {\n  const { children, className, style, padded, dataTestId } = withDefaults(props, CONTENT_DEFAULTS);\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      // No `minHeight: 0` here, deliberately: a flex item's automatic minimum\n      // size only applies while its main-axis `overflow` is `visible`, and this\n      // one is `auto`, so it already shrinks. `SheetBody` above is the item that\n      // needs it stated.\n      sx={{ flex: 1, overflow: 'auto', p: padded ? 2 : 0, ...style }}\n    >\n      {children}\n    </Box>\n  );\n};\n\nconst FOOTER_DEFAULTS: Partial<SheetFooterProps> = {\n  sticky: false,\n  divider: false,\n  dataTestId: 'sheet-footer',\n};\n\nexport const SheetFooter: React.FC<SheetFooterProps> = (props) => {\n  const { children, className, style, sticky, divider, dataTestId } = withDefaults(\n    props,\n    FOOTER_DEFAULTS,\n  );\n\n  return (\n    <>\n      {divider && <Divider />}\n      <Box\n        className={className}\n        data-testid={dataTestId}\n        sx={{\n          p: 2,\n          position: sticky ? 'sticky' : 'relative',\n          bottom: sticky ? 0 : 'auto',\n          backgroundColor: 'background.paper',\n          borderTop: sticky ? '1px solid' : 'none',\n          borderColor: 'divider',\n          ...style,\n        }}\n      >\n        {children}\n      </Box>\n    </>\n  );\n};\n\nconst OVERLAY_DEFAULTS: Partial<SheetOverlayProps> = {\n  open: false,\n  blur: false,\n};\n\nexport const SheetOverlay: React.FC<SheetOverlayProps> = (props) => {\n  const { open, onClick, className, style, blur } = withDefaults(props, OVERLAY_DEFAULTS);\n  const theme = useTheme();\n\n  return (\n    <Fade in={open} timeout={300}>\n      <Backdrop\n        open={Boolean(open)}\n        onClick={onClick}\n        className={className}\n        sx={{\n          // One below the drawer: this backdrop replaces MUI's own (the drawer\n          // is given a no-op BackdropComponent) and must sit under the panel.\n          zIndex: theme.zIndex.drawer - 1,\n          backgroundColor: scrim(theme, blur ? 0.6 : 0.5),\n          backdropFilter: blur ? 'blur(8px) saturate(180%)' : 'none',\n          WebkitBackdropFilter: blur ? 'blur(8px) saturate(180%)' : 'none',\n          ...style,\n        }}\n      />\n    </Fade>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-MMPJ2MCE.js

@@ -1,105 +0,0 @@
-import {
-  fieldHeight
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
-
-// src/components/layout/ContentToolbar/ColumnsMenu.tsx
-import ColumnsIcon from "@mui/icons-material/ViewColumnRounded";
-import Box from "@mui/material/Box/index.js";
-import Checkbox from "@mui/material/Checkbox/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
-import ListSubheader from "@mui/material/ListSubheader/index.js";
-import Menu from "@mui/material/Menu/index.js";
-import MenuItem from "@mui/material/MenuItem/index.js";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function ColumnRow({
-  option,
-  onToggle,
-  testId
-}) {
-  return /* @__PURE__ */ jsxs(
-    MenuItem,
-    {
-      "data-testid": testId,
-      onClick: () => onToggle(option.id, !option.visible),
-      disabled: option.locked,
-      sx: { gap: 1 },
-      children: [
-        /* @__PURE__ */ jsx(
-          Checkbox,
-          {
-            checked: option.visible,
-            size: "small",
-            disableRipple: true,
-            sx: { p: 0, pointerEvents: "none" },
-            tabIndex: -1
-          }
-        ),
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: { flex: 1, minWidth: 0, textAlign: "left" }, children: option.label })
-      ]
-    }
-  );
-}
-function ColumnsMenu({
-  columns,
-  onToggle,
-  title = "Columns",
-  ariaLabel = "Toggle columns",
-  "data-testid": testId
-}) {
-  const [anchorEl, setAnchorEl] = useState(null);
-  const open = Boolean(anchorEl);
-  const close = () => setAnchorEl(null);
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      IconButton,
-      {
-        size: "small",
-        "data-testid": testId,
-        "aria-label": ariaLabel,
-        "aria-haspopup": "menu",
-        "aria-expanded": open,
-        onClick: (event) => setAnchorEl(event.currentTarget),
-        sx: {
-          width: fieldHeight,
-          height: fieldHeight,
-          borderRadius: fieldRadiusPx,
-          color: "text.secondary",
-          bgcolor: open ? "action.selected" : "transparent"
-        },
-        children: /* @__PURE__ */ jsx(ColumnsIcon, { sx: { fontSize: 16 } })
-      }
-    ),
-    /* @__PURE__ */ jsxs(
-      Menu,
-      {
-        anchorEl,
-        open,
-        onClose: close,
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        transformOrigin: { vertical: "top", horizontal: "right" },
-        slotProps: { paper: { sx: { minWidth: 200 } } },
-        children: [
-          /* @__PURE__ */ jsx(ListSubheader, { sx: { px: 1.5, py: 0.75, fontSize: "0.75rem", fontWeight: 600, color: "text.primary", lineHeight: 1.5 }, children: title }),
-          columns.map((option) => /* @__PURE__ */ jsx(
-            ColumnRow,
-            {
-              option,
-              onToggle,
-              testId: testId ? `${testId}-${option.id}` : void 0
-            },
-            option.id
-          ))
-        ]
-      }
-    )
-  ] });
-}
-
-export {
-  ColumnsMenu
-};
-//# sourceMappingURL=chunk-MMPJ2MCE.js.map

package/dist/chunk-MMPJ2MCE.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/ContentToolbar/ColumnsMenu.tsx"],"sourcesContent":["'use client';\n\nimport ColumnsIcon from '@mui/icons-material/ViewColumnRounded';\nimport Box from '@mui/material/Box/index.js';\nimport Checkbox from '@mui/material/Checkbox/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport ListSubheader from '@mui/material/ListSubheader/index.js';\nimport Menu from '@mui/material/Menu/index.js';\nimport MenuItem from '@mui/material/MenuItem/index.js';\nimport React, { useState } from 'react';\n\nimport type { ColumnVisibilityOption, ColumnsMenuProps } from './ContentToolbar.types';\nimport { fieldRadiusPx } from '../../../tokens/field-radius';\nimport { fieldHeight } from '../../../tokens/field-height';\n\n/** One column checkbox row; toggling never closes the menu. */\nfunction ColumnRow({\n  option,\n  onToggle,\n  testId,\n}: {\n  option: ColumnVisibilityOption;\n  onToggle: (id: string, visible: boolean) => void;\n  testId?: string;\n}): React.JSX.Element {\n  return (\n    <MenuItem\n      data-testid={testId}\n      onClick={() => onToggle(option.id, !option.visible)}\n      disabled={option.locked}\n      sx={{ gap: 1 }}\n    >\n      <Checkbox\n        checked={option.visible}\n        size=\"small\"\n        disableRipple\n        sx={{ p: 0, pointerEvents: 'none' }}\n        tabIndex={-1}\n      />\n      <Box component=\"span\" sx={{ flex: 1, minWidth: 0, textAlign: 'left' }}>\n        {option.label}\n      </Box>\n    </MenuItem>\n  );\n}\n\n/**\n * Stateless column-visibility selector: a neutral icon button (matching\n * {@link FilterTrigger}/{@link SortByDropdown}) opening a checkbox list of the\n * hideable columns. Purely presentational — the caller owns the visibility state\n * and is notified via `onToggle`. The menu stays open while toggling so several\n * columns can be flipped at once.\n */\nexport function ColumnsMenu({\n  columns,\n  onToggle,\n  title = 'Columns',\n  ariaLabel = 'Toggle columns',\n  'data-testid': testId,\n}: ColumnsMenuProps): React.JSX.Element {\n  const [anchorEl, setAnchorEl] = useState<HTMLElement | null>(null);\n  const open = Boolean(anchorEl);\n  const close = (): void => setAnchorEl(null);\n\n  return (\n    <>\n      <IconButton\n        size=\"small\"\n        data-testid={testId}\n        aria-label={ariaLabel}\n        aria-haspopup=\"menu\"\n        aria-expanded={open}\n        onClick={(event) => setAnchorEl(event.currentTarget)}\n        sx={{\n          width: fieldHeight,\n          height: fieldHeight,\n          borderRadius: fieldRadiusPx,\n          color: 'text.secondary',\n          bgcolor: open ? 'action.selected' : 'transparent',\n        }}\n      >\n        <ColumnsIcon sx={{ fontSize: 16 }} />\n      </IconButton>\n      <Menu\n        anchorEl={anchorEl}\n        open={open}\n        onClose={close}\n        anchorOrigin={{ vertical: 'bottom', horizontal: 'right' }}\n        transformOrigin={{ vertical: 'top', horizontal: 'right' }}\n        slotProps={{ paper: { sx: { minWidth: 200 } } }}\n      >\n        <ListSubheader sx={{ px: 1.5, py: 0.75, fontSize: '0.75rem', fontWeight: 600, color: 'text.primary', lineHeight: 1.5 }}>\n          {title}\n        </ListSubheader>\n        {columns.map((option) => (\n          <ColumnRow\n            key={option.id}\n            option={option}\n            onToggle={onToggle}\n            testId={testId ? `${testId}-${option.id}` : undefined}\n          />\n        ))}\n      </Menu>\n    </>\n  );\n}\n"],"mappings":";;;;;;;;AAEA,OAAO,iBAAiB;AACxB,OAAO,SAAS;AAChB,OAAO,cAAc;AACrB,OAAO,gBAAgB;AACvB,OAAO,mBAAmB;AAC1B,OAAO,UAAU;AACjB,OAAO,cAAc;AACrB,SAAgB,gBAAgB;AAiB5B,SAuCA,UAjCE,KANF;AAVJ,SAAS,UAAU;AAAA,EACjB;AAAA,EACA;AAAA,EACA;AACF,GAIsB;AACpB,SACE;AAAA,IAAC;AAAA;AAAA,MACC,eAAa;AAAA,MACb,SAAS,MAAM,SAAS,OAAO,IAAI,CAAC,OAAO,OAAO;AAAA,MAClD,UAAU,OAAO;AAAA,MACjB,IAAI,EAAE,KAAK,EAAE;AAAA,MAEb;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,SAAS,OAAO;AAAA,YAChB,MAAK;AAAA,YACL,eAAa;AAAA,YACb,IAAI,EAAE,GAAG,GAAG,eAAe,OAAO;AAAA,YAClC,UAAU;AAAA;AAAA,QACZ;AAAA,QACA,oBAAC,OAAI,WAAU,QAAO,IAAI,EAAE,MAAM,GAAG,UAAU,GAAG,WAAW,OAAO,GACjE,iBAAO,OACV;AAAA;AAAA;AAAA,EACF;AAEJ;AASO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,eAAe;AACjB,GAAwC;AACtC,QAAM,CAAC,UAAU,WAAW,IAAI,SAA6B,IAAI;AACjE,QAAM,OAAO,QAAQ,QAAQ;AAC7B,QAAM,QAAQ,MAAY,YAAY,IAAI;AAE1C,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,eAAa;AAAA,QACb,cAAY;AAAA,QACZ,iBAAc;AAAA,QACd,iBAAe;AAAA,QACf,SAAS,CAAC,UAAU,YAAY,MAAM,aAAa;AAAA,QACnD,IAAI;AAAA,UACF,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,cAAc;AAAA,UACd,OAAO;AAAA,UACP,SAAS,OAAO,oBAAoB;AAAA,QACtC;AAAA,QAEA,8BAAC,eAAY,IAAI,EAAE,UAAU,GAAG,GAAG;AAAA;AAAA,IACrC;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC;AAAA,QACA;AAAA,QACA,SAAS;AAAA,QACT,cAAc,EAAE,UAAU,UAAU,YAAY,QAAQ;AAAA,QACxD,iBAAiB,EAAE,UAAU,OAAO,YAAY,QAAQ;AAAA,QACxD,WAAW,EAAE,OAAO,EAAE,IAAI,EAAE,UAAU,IAAI,EAAE,EAAE;AAAA,QAE9C;AAAA,8BAAC,iBAAc,IAAI,EAAE,IAAI,KAAK,IAAI,MAAM,UAAU,WAAW,YAAY,KAAK,OAAO,gBAAgB,YAAY,IAAI,GAClH,iBACH;AAAA,UACC,QAAQ,IAAI,CAAC,WACZ;AAAA,YAAC;AAAA;AAAA,cAEC;AAAA,cACA;AAAA,cACA,QAAQ,SAAS,GAAG,MAAM,IAAI,OAAO,EAAE,KAAK;AAAA;AAAA,YAHvC,OAAO;AAAA,UAId,CACD;AAAA;AAAA;AAAA,IACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/chunk-MWBHZZA4.js

@@ -1,148 +0,0 @@
-import {
-  highlightSegments
-} from "./chunk-PN4HVM43.js";
-import {
-  CheckGlyph,
-  DisclosureGlyph
-} from "./chunk-DMNZD3Q7.js";
-import {
-  METRICS,
-  checkboxBarSx,
-  checkboxSx,
-  chevronButtonSx,
-  markSx,
-  radioSx,
-  rowIndent,
-  rowMetaSx,
-  rowNameSx,
-  rowSx,
-  sectionHeadSx
-} from "./chunk-ZSRLRDTP.js";
-
-// src/components/form/CategorySelect/CategoryRows.tsx
-import Box from "@mui/material/Box/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function HighlightedName({
-  text,
-  query
-}) {
-  const segments = highlightSegments(text, query);
-  return /* @__PURE__ */ jsx(Fragment, { children: segments.map(
-    (segment, index) => segment.match ? /* @__PURE__ */ jsx(Box, { component: "mark", sx: markSx, children: segment.text }, `${segment.text}-${index}`) : /* @__PURE__ */ jsx("span", { children: segment.text }, `${segment.text}-${index}`)
-  ) });
-}
-function CategoryCheckbox({ state }) {
-  return /* @__PURE__ */ jsxs(Box, { sx: (theme) => checkboxSx(theme, state), "aria-hidden": "true", children: [
-    state === "on" && /* @__PURE__ */ jsx(CheckGlyph, {}),
-    state === "partial" && /* @__PURE__ */ jsx(Box, { sx: checkboxBarSx })
-  ] });
-}
-function CategoryRadio({ on }) {
-  return /* @__PURE__ */ jsx(Box, { sx: (theme) => radioSx(theme, on), "aria-hidden": "true" });
-}
-function rowMeta(selectedCount, showCounts, count) {
-  if (selectedCount > 0) return { text: String(selectedCount), selected: true };
-  if (showCounts && count !== void 0) return { text: String(count), selected: false };
-  return null;
-}
-function RowDisclosure({
-  option,
-  expanded,
-  branch,
-  onToggleExpanded,
-  dataTestId,
-  copy
-}) {
-  if (!branch) {
-    return /* @__PURE__ */ jsx(Box, { sx: { width: METRICS.chevronButton, flex: "0 0 auto" } });
-  }
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      component: "button",
-      type: "button",
-      tabIndex: -1,
-      "aria-label": expanded ? copy.collapseCategory(option.name) : copy.expandCategory(option.name),
-      "data-testid": `${dataTestId}-expand-${option.id}`,
-      sx: (theme) => chevronButtonSx(theme, expanded),
-      onClick: (event) => {
-        event.stopPropagation();
-        onToggleExpanded();
-      },
-      children: /* @__PURE__ */ jsx(DisclosureGlyph, {})
-    }
-  );
-}
-function RowControl({
-  checkState,
-  single
-}) {
-  if (!checkState) return /* @__PURE__ */ jsx(Box, { sx: { width: METRICS.boxSize, flex: "0 0 auto" } });
-  if (single) return /* @__PURE__ */ jsx(CategoryRadio, { on: checkState === "on" });
-  return /* @__PURE__ */ jsx(CategoryCheckbox, { state: checkState });
-}
-function rowTestId(dataTestId, depth, id) {
-  return depth === 0 ? `${dataTestId}-category-${id}` : `${dataTestId}-option-${id}`;
-}
-function CategoryTreeRow({
-  option,
-  query,
-  depth,
-  branch,
-  expanded,
-  active,
-  sheet,
-  checkState,
-  single,
-  selectedCount,
-  showCounts,
-  onToggleExpanded,
-  onActivate,
-  dataTestId,
-  copy
-}) {
-  const meta = rowMeta(selectedCount, showCounts, option.count);
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "div",
-      role: checkState ? "option" : "button",
-      "aria-selected": checkState ? checkState === "on" : void 0,
-      "aria-expanded": branch ? expanded : void 0,
-      "data-testid": rowTestId(dataTestId, depth, option.id),
-      sx: (theme) => ({ ...rowSx(theme, active, sheet), ...rowIndent(depth) }),
-      onClick: onActivate,
-      children: [
-        /* @__PURE__ */ jsx(
-          RowDisclosure,
-          {
-            option,
-            expanded,
-            branch,
-            onToggleExpanded,
-            dataTestId,
-            copy
-          }
-        ),
-        /* @__PURE__ */ jsx(RowControl, { checkState, single }),
-        /* @__PURE__ */ jsx(Box, { component: "span", sx: (theme) => rowNameSx(theme, depth === 0), children: /* @__PURE__ */ jsx(HighlightedName, { text: option.name, query }) }),
-        meta && /* @__PURE__ */ jsx(Box, { component: "span", sx: (theme) => rowMetaSx(theme, meta.selected), children: meta.text })
-      ]
-    }
-  );
-}
-function CategorySectionHeading({
-  option,
-  query
-}) {
-  return /* @__PURE__ */ jsx(Box, { sx: sectionHeadSx, children: /* @__PURE__ */ jsx(HighlightedName, { text: option.name, query }) });
-}
-
-export {
-  HighlightedName,
-  CategoryCheckbox,
-  CategoryRadio,
-  CategoryTreeRow,
-  CategorySectionHeading
-};
-//# sourceMappingURL=chunk-MWBHZZA4.js.map

package/dist/chunk-MYAEOSZK.js

@@ -1,175 +0,0 @@
-import {
-  useColumnsWithActions,
-  useRenderedColumns
-} from "./chunk-YSFQHZ74.js";
-import {
-  filterRows
-} from "./chunk-YGQX7BNI.js";
-import {
-  useSelection
-} from "./chunk-LLZWB32X.js";
-import {
-  resolveScope,
-  useScopeConfigChecks
-} from "./chunk-LYKV3C7B.js";
-import {
-  useStateWriters
-} from "./chunk-U5FOJBLG.js";
-import {
-  computeActiveFilterCount,
-  defaultSortFields
-} from "./chunk-TNDV33LP.js";
-import {
-  serverDerived,
-  useServerQuery
-} from "./chunk-IMLIIW77.js";
-import {
-  emptyViewState
-} from "./chunk-LHHAYZ55.js";
-
-// src/components/data-display/DataViews/use-data-views-state.ts
-import { useEffect, useMemo, useRef, useState } from "react";
-function useMatchedRows(server, rows, columns, fields, rangeFields, state) {
-  return useMemo(
-    () => server ? rows : filterRows(
-      rows,
-      columns,
-      fields,
-      { search: state.search, pills: state.pills, ranges: state.ranges },
-      rangeFields
-    ),
-    [server, rows, columns, fields, rangeFields, state.search, state.pills, state.ranges]
-  );
-}
-function useStateSyncEffects(appliedState, syncState, state, onStateChange, setState) {
-  const firstApplied = useRef(true);
-  useEffect(() => {
-    if (firstApplied.current) {
-      firstApplied.current = false;
-      return;
-    }
-    if (appliedState) setState(appliedState);
-  }, [appliedState, setState]);
-  const firstSync = useRef(true);
-  useEffect(() => {
-    if (firstSync.current) {
-      firstSync.current = false;
-      return;
-    }
-    if (syncState) setState((prev) => ({ ...prev, ...syncState }));
-  }, [syncState, setState]);
-  useEffect(() => {
-    onStateChange?.(state);
-  }, [state, onStateChange]);
-}
-function seedState(appliedState, syncState, allColumnIds) {
-  const seed = appliedState ?? emptyViewState(allColumnIds);
-  return syncState ? { ...seed, ...syncState } : seed;
-}
-function makeSetScope(patch, clearSelection) {
-  return (id) => {
-    patch({ scope: id });
-    clearSelection();
-  };
-}
-function orderedColumnIds(allColumnIds, order) {
-  if (!order || order.length === 0) return allColumnIds;
-  const declared = new Set(allColumnIds);
-  const kept = order.filter((id) => declared.has(id));
-  const seen = new Set(kept);
-  return [...kept, ...allColumnIds.filter((id) => !seen.has(id))];
-}
-function liveQuery(state, scope, server, matchedCount) {
-  return {
-    search: state.search,
-    pills: state.pills,
-    ranges: state.ranges ?? {},
-    sortBy: state.sortBy,
-    // Absent, not undefined, when the table declares no scopes.
-    ...scope !== void 0 ? { scope } : {},
-    page: server?.page ?? 1,
-    // Client mode has one page, and it is everything that matched.
-    pageSize: server?.pageSize ?? matchedCount
-  };
-}
-function activeSortOf(state, resolvedSortFields) {
-  const active = state.sortBy?.[0];
-  return {
-    activeSortField: active?.id ?? resolvedSortFields[0]?.value ?? "",
-    activeSortOrder: active?.dir === "desc" ? "desc" : "asc"
-  };
-}
-function useDataViewsState({
-  rows,
-  columns,
-  fields,
-  rangeFields,
-  getRowId,
-  onRowClick,
-  appliedState,
-  syncState,
-  onStateChange,
-  testIdPrefix,
-  sortFields,
-  rowActions,
-  rowActionsLeading,
-  renderRowMenu,
-  server,
-  scopes = [],
-  scopeFieldId
-}) {
-  useScopeConfigChecks(scopes, fields.map((field) => field.id), scopeFieldId, server !== void 0);
-  const { columnsWithActions, allColumnIds } = useColumnsWithActions(columns, {
-    rowActions,
-    rowActionsLeading,
-    renderRowMenu,
-    testIdPrefix,
-    getRowId
-  });
-  const [state, setState] = useState(
-    () => seedState(appliedState, syncState, allColumnIds)
-  );
-  const [filterOpen, setFilterOpen] = useState(false);
-  useStateSyncEffects(appliedState, syncState, state, onStateChange, setState);
-  const { patch, toggleColumn } = useStateWriters(setState);
-  const matched = useMatchedRows(server, rows, columns, fields, rangeFields, state);
-  const scope = resolveScope(scopes, state.scope);
-  const { changePage } = useServerQuery(server, state, scope);
-  const { gridColumns, hideableColumns } = useRenderedColumns(
-    columnsWithActions,
-    state.visibleColumns,
-    onRowClick,
-    state.order
-  );
-  const selection = useSelection(matched, getRowId, { rememberOffPage: Boolean(server) });
-  const resolvedSortFields = sortFields ?? defaultSortFields(columns);
-  return {
-    state,
-    ranges: state.ranges ?? {},
-    patch,
-    matched,
-    gridColumns,
-    hideableColumns,
-    columnOrder: orderedColumnIds(allColumnIds, state.order),
-    toggleColumn,
-    ...selection,
-    filterOpen,
-    setFilterOpen,
-    resolvedSortFields,
-    ...activeSortOf(state, resolvedSortFields),
-    activeFilterCount: computeActiveFilterCount(state, fields, rangeFields),
-    ...serverDerived(server, matched.length),
-    changePage,
-    scope,
-    setScope: makeSetScope(patch, selection.clearSelection),
-    currentQuery: liveQuery(state, scope, server, matched.length),
-    // Verbatim, or absent. See DataViewServer.scopeCounts for why there is no
-    // client-side fallback.
-    scopeCounts: server?.scopeCounts
-  };
-}
-
-export {
-  useDataViewsState
-};
-//# sourceMappingURL=chunk-MYAEOSZK.js.map