@12-apps/ui 6.33.1 → 6.34.0

package/dist/chunk-P3L42CBB.js

@@ -1,121 +0,0 @@
-import {
-  filledStyles,
-  floatingLabelStyles,
-  glowStyles,
-  inputBaseStyles,
-  inputRadiusStyles,
-  outlinedStyles,
-  pulseStyles
-} from "./chunk-MYYGXSXF.js";
-import {
-  TextFieldSlim
-} from "./chunk-SL6454K7.js";
-import {
-  INPUT_LOADING,
-  SIZE_MAP,
-  muiVariantFor
-} from "./chunk-Y3IGYWGN.js";
-import {
-  splitTestId
-} from "./chunk-TYJR4GOF.js";
-import {
-  fieldControlStyles
-} from "./chunk-CGO452DC.js";
-
-// src/components/form/Input/Input.tsx
-import CircularProgress from "@mui/material/CircularProgress/index.js";
-import InputAdornment from "@mui/material/InputAdornment/index.js";
-import { styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var StyledTextField = styled(TextFieldSlim, {
-  shouldForwardProp: (prop) => !["customVariant", "fieldSize", "floating", "glow", "pulse", "loading"].includes(prop)
-})(({ theme, customVariant, fieldSize, floating, glow, pulse, loading }) => ({
-  position: "relative",
-  // The theme's field height for this size (outlined family, one line).
-  ...fieldControlStyles(theme, fieldSize),
-  opacity: loading ? INPUT_LOADING.opacity : 1,
-  ...glow ? glowStyles(theme) : {},
-  ...pulse ? pulseStyles(theme, fieldSize) : {},
-  ...floating ? floatingLabelStyles(theme) : {},
-  "& .MuiInputBase-root": {
-    transition: "all 0.3s ease",
-    ...inputRadiusStyles(theme, customVariant),
-    ...inputBaseStyles(theme, customVariant)
-  },
-  "& .MuiOutlinedInput-root": outlinedStyles(theme),
-  "& .MuiFilledInput-root": filledStyles(theme)
-}));
-var EndAdornment = ({
-  loading,
-  endAdornment
-}) => {
-  if (loading) {
-    return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(CircularProgress, { size: INPUT_LOADING.spinnerSize }) });
-  }
-  if (!endAdornment) return null;
-  return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: endAdornment });
-};
-var interactionProps = (loading, onClick, disabled) => ({
-  disabled: loading || disabled,
-  onClick: loading ? void 0 : onClick
-});
-var Input = React.forwardRef(
-  ({
-    variant = "outlined",
-    size = "md",
-    label,
-    error,
-    helperText,
-    startAdornment,
-    endAdornment,
-    fullWidth = true,
-    floating = false,
-    glow = false,
-    pulse = false,
-    loading = false,
-    onClick,
-    onFocus,
-    onBlur,
-    "aria-label": ariaLabel,
-    ...rest
-  }, ref) => {
-    const { testId: dataTestId, rest: props } = splitTestId(rest);
-    return /* @__PURE__ */ jsx(
-      StyledTextField,
-      {
-        ref,
-        variant: muiVariantFor(variant),
-        customVariant: variant,
-        fieldSize: size,
-        floating,
-        glow,
-        pulse,
-        loading,
-        label,
-        error,
-        helperText,
-        fullWidth,
-        ...interactionProps(loading, onClick, props.disabled),
-        onFocus,
-        onBlur,
-        inputProps: {
-          "data-testid": dataTestId,
-          ...ariaLabel === void 0 ? {} : { "aria-label": ariaLabel }
-        },
-        InputProps: {
-          startAdornment: startAdornment && /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: startAdornment }),
-          endAdornment: /* @__PURE__ */ jsx(EndAdornment, { loading, endAdornment })
-        },
-        ...SIZE_MAP[size],
-        ...props
-      }
-    );
-  }
-);
-Input.displayName = "Input";
-
-export {
-  Input
-};
-//# sourceMappingURL=chunk-P3L42CBB.js.map

package/dist/chunk-P7GH32WG.js

@@ -1,124 +0,0 @@
-// src/components/layout/Sidebar/Sidebar.tsx
-import Box from "@mui/material/Box/index.js";
-import { alpha, useTheme } from "@mui/material/styles/index.js";
-import { jsx } from "react/jsx-runtime";
-var Sidebar = ({
-  children,
-  variant = "fixed",
-  open = true,
-  onToggle: _onToggle,
-  width = 280,
-  collapsedWidth = 64,
-  position = "left",
-  className,
-  dataTestId = "sidebar",
-  ...rest
-}) => {
-  void _onToggle;
-  const theme = useTheme();
-  const isCollapsed = variant === "collapsible" && !open;
-  const currentWidth = isCollapsed ? collapsedWidth : width;
-  const getVariantStyles = () => {
-    switch (variant) {
-      case "floating":
-        return {
-          position: "fixed",
-          top: theme.spacing(2),
-          bottom: theme.spacing(2),
-          [position]: theme.spacing(2),
-          borderRadius: theme.spacing(2),
-          boxShadow: theme.shadows[8],
-          zIndex: theme.zIndex.drawer
-        };
-      case "glass":
-        return {
-          backgroundColor: alpha(theme.palette.background.paper, 0.1),
-          backdropFilter: "blur(20px)",
-          border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
-          boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`
-        };
-      case "collapsible":
-        return {
-          transition: theme.transitions.create("width", {
-            easing: theme.transitions.easing.sharp,
-            duration: theme.transitions.duration.leavingScreen
-          })
-        };
-      default:
-        return {
-          backgroundColor: theme.palette.background.paper,
-          borderRight: `1px solid ${theme.palette.divider}`
-        };
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      className,
-      "data-testid": dataTestId,
-      ...rest,
-      sx: {
-        width: currentWidth,
-        height: "100vh",
-        display: "flex",
-        flexDirection: "column",
-        overflow: "hidden",
-        ...getVariantStyles()
-      },
-      children
-    }
-  );
-};
-var SidebarHeader = ({ children, dataTestId = "sidebar-header", ...rest }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      "data-testid": dataTestId,
-      ...rest,
-      sx: {
-        padding: theme.spacing(2),
-        borderBottom: `1px solid ${theme.palette.divider}`,
-        flexShrink: 0,
-        overflow: "hidden"
-      },
-      children
-    }
-  );
-};
-var SidebarContent = ({ children, dataTestId = "sidebar-content", ...rest }) => /* @__PURE__ */ jsx(
-  Box,
-  {
-    "data-testid": dataTestId,
-    ...rest,
-    sx: {
-      flex: 1,
-      overflow: "auto"
-    },
-    children
-  }
-);
-var SidebarFooter = ({ children, dataTestId = "sidebar-footer", ...rest }) => {
-  const theme = useTheme();
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      "data-testid": dataTestId,
-      ...rest,
-      sx: {
-        padding: theme.spacing(2),
-        borderTop: `1px solid ${theme.palette.divider}`,
-        flexShrink: 0
-      },
-      children
-    }
-  );
-};
-
-export {
-  Sidebar,
-  SidebarHeader,
-  SidebarContent,
-  SidebarFooter
-};
-//# sourceMappingURL=chunk-P7GH32WG.js.map

package/dist/chunk-P7GH32WG.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/Sidebar/Sidebar.tsx"],"sourcesContent":["import Box from '@mui/material/Box/index.js';\nimport { alpha, useTheme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport type {\n  SidebarContentProps,\n  SidebarFooterProps,\n  SidebarHeaderProps,\n  SidebarProps,\n} from './Sidebar.types';\n\nexport const Sidebar: React.FC<SidebarProps> = ({\n  children,\n  variant = 'fixed',\n  open = true,\n  onToggle: _onToggle,\n  width = 280,\n  collapsedWidth = 64,\n  position = 'left',\n  className,\n  dataTestId = 'sidebar',\n  ...rest\n}) => {\n  // Prevent unused variable warning for onToggle\n  void _onToggle;\n  const theme = useTheme();\n\n  const isCollapsed = variant === 'collapsible' && !open;\n  const currentWidth = isCollapsed ? collapsedWidth : width;\n\n  const getVariantStyles = () => {\n    switch (variant) {\n      case 'floating':\n        return {\n          position: 'fixed' as const,\n          top: theme.spacing(2),\n          bottom: theme.spacing(2),\n          [position]: theme.spacing(2),\n          borderRadius: theme.spacing(2),\n          boxShadow: theme.shadows[8],\n          zIndex: theme.zIndex.drawer,\n        };\n      case 'glass':\n        return {\n          backgroundColor: alpha(theme.palette.background.paper, 0.1),\n          backdropFilter: 'blur(20px)',\n          border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,\n          boxShadow: `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`,\n        };\n      case 'collapsible':\n        return {\n          transition: theme.transitions.create('width', {\n            easing: theme.transitions.easing.sharp,\n            duration: theme.transitions.duration.leavingScreen,\n          }),\n        };\n      default:\n        return {\n          backgroundColor: theme.palette.background.paper,\n          borderRight: `1px solid ${theme.palette.divider}`,\n        };\n    }\n  };\n\n  return (\n    <Box\n      className={className}\n      data-testid={dataTestId}\n      {...rest}\n      sx={{\n        width: currentWidth,\n        height: '100vh',\n        display: 'flex',\n        flexDirection: 'column',\n        overflow: 'hidden',\n        ...getVariantStyles(),\n      }}\n    >\n      {children}\n    </Box>\n  );\n};\n\nexport const SidebarHeader: React.FC<SidebarHeaderProps> = ({ children, dataTestId = 'sidebar-header', ...rest }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      data-testid={dataTestId}\n      {...rest}\n      sx={{\n        padding: theme.spacing(2),\n        borderBottom: `1px solid ${theme.palette.divider}`,\n        flexShrink: 0,\n        overflow: 'hidden',\n      }}\n    >\n      {children}\n    </Box>\n  );\n};\n\nexport const SidebarContent: React.FC<SidebarContentProps> = ({ children, dataTestId = 'sidebar-content', ...rest }) => (\n    <Box\n      data-testid={dataTestId}\n      {...rest}\n      sx={{\n        flex: 1,\n        overflow: 'auto',\n      }}\n    >\n      {children}\n    </Box>\n  );\n\nexport const SidebarFooter: React.FC<SidebarFooterProps> = ({ children, dataTestId = 'sidebar-footer', ...rest }) => {\n  const theme = useTheme();\n\n  return (\n    <Box\n      data-testid={dataTestId}\n      {...rest}\n      sx={{\n        padding: theme.spacing(2),\n        borderTop: `1px solid ${theme.palette.divider}`,\n        flexShrink: 0,\n      }}\n    >\n      {children}\n    </Box>\n  );\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-PEWNWKDI.js

@@ -1,91 +0,0 @@
-// src/components/feedback/Modal/Modal.styles.ts
-import { alpha, keyframes } from "@mui/material/styles/index.js";
-var pulseAnimation = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 1;
-  }
-  70% {
-    box-shadow: 0 0 0 20px currentColor;
-    opacity: 0;
-  }
-  100% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 0;
-  }
-`;
-var RADII = {
-  none: () => 0,
-  sm: (theme) => theme.spacing(0.5),
-  md: (theme) => theme.spacing(1),
-  lg: (theme) => theme.spacing(2),
-  xl: (theme) => theme.spacing(3)
-};
-var WIDTHS = { xs: 320, sm: 480, md: 640, lg: 800, xl: 960 };
-var PLACEMENTS = {
-  top: { top: "10%", left: "50%", transform: "translateX(-50%)", maxHeight: "80vh" },
-  bottom: { bottom: "10%", left: "50%", transform: "translateX(-50%)", maxHeight: "80vh" },
-  center: {
-    top: "50%",
-    left: "50%",
-    transform: "translate(-50%, -50%)",
-    maxHeight: "90vh"
-  }
-};
-var pulseRing = (theme) => ({
-  content: '""',
-  position: "absolute",
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0,
-  borderRadius: "inherit",
-  backgroundColor: theme.palette.primary.main,
-  opacity: 0.3,
-  animation: `${pulseAnimation} 2s infinite`,
-  pointerEvents: "none",
-  zIndex: -1
-});
-var surface = (theme, flags) => {
-  const { variant, glass, gradient, glow } = flags;
-  const isGlass = glass || variant === "glass";
-  const boxShadow = glow ? `0 0 40px ${alpha(theme.palette.primary.main, 0.3)}` : isGlass ? `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}` : theme.shadows[8];
-  return {
-    backgroundColor: isGlass ? alpha(theme.palette.background.paper, 0.1) : theme.palette.background.paper,
-    backdropFilter: isGlass ? "blur(20px)" : gradient ? "blur(10px)" : "none",
-    border: isGlass ? `1px solid ${alpha(theme.palette.primary.main, 0.2)}` : "none",
-    boxShadow,
-    ...gradient && {
-      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)}, ${alpha(theme.palette.secondary.main, 0.1)})`
-    }
-  };
-};
-var panelSx = (theme, flags) => {
-  const { variant, size, borderRadius, pulse } = flags;
-  return {
-    // A pulsing panel positions its own ring, so it becomes the containing block.
-    position: pulse ? "relative" : "absolute",
-    width: WIDTHS[size] ?? WIDTHS.md,
-    maxWidth: "90vw",
-    borderRadius: (RADII[borderRadius] ?? RADII.lg)(theme),
-    outline: 0,
-    overflowY: "auto",
-    transition: theme.transitions.create(
-      ["box-shadow", "background-color", "backdrop-filter", "transform"],
-      { duration: theme.transitions.duration.standard }
-    ),
-    ...PLACEMENTS[variant] ?? PLACEMENTS.center,
-    ...surface(theme, flags),
-    ...pulse && { "&::after": pulseRing(theme) }
-  };
-};
-var backdropSx = (theme, isGlass) => ({
-  backgroundColor: alpha(theme.palette.common.black, isGlass ? 0.2 : 0.5),
-  backdropFilter: isGlass ? "blur(8px)" : "none"
-});
-
-export {
-  panelSx,
-  backdropSx
-};
-//# sourceMappingURL=chunk-PEWNWKDI.js.map

package/dist/chunk-PEWNWKDI.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/feedback/Modal/Modal.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material/styles/index.js';\nimport type { CSSObject, Theme } from '@mui/material/styles/index.js';\n\nimport type { ModalProps } from './Modal.types';\n\ntype Variant = NonNullable<ModalProps['variant']>;\ntype Size = NonNullable<ModalProps['size']>;\ntype Radius = NonNullable<ModalProps['borderRadius']>;\n\nconst pulseAnimation = keyframes`\n  0% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 1;\n  }\n  70% {\n    box-shadow: 0 0 0 20px currentColor;\n    opacity: 0;\n  }\n  100% {\n    box-shadow: 0 0 0 0 currentColor;\n    opacity: 0;\n  }\n`;\n\nconst RADII: Record<Radius, (theme: Theme) => number | string> = {\n  none: () => 0,\n  sm: (theme) => theme.spacing(0.5),\n  md: (theme) => theme.spacing(1),\n  lg: (theme) => theme.spacing(2),\n  xl: (theme) => theme.spacing(3),\n};\n\n/** Every preset is capped at 90vw so the panel never overflows a small screen. */\nconst WIDTHS: Record<Size, number> = { xs: 320, sm: 480, md: 640, lg: 800, xl: 960 };\n\n/**\n * Where the panel sits. Top and bottom are the same layout anchored to opposite\n * edges; centre is the only one that offsets on both axes.\n */\nconst PLACEMENTS: Record<string, CSSObject> = {\n  top: { top: '10%', left: '50%', transform: 'translateX(-50%)', maxHeight: '80vh' },\n  bottom: { bottom: '10%', left: '50%', transform: 'translateX(-50%)', maxHeight: '80vh' },\n  center: {\n    top: '50%',\n    left: '50%',\n    transform: 'translate(-50%, -50%)',\n    maxHeight: '90vh',\n  },\n};\n\ninterface ModalStyleFlags {\n  variant: Variant;\n  size: Size;\n  borderRadius: Radius;\n  glass: boolean;\n  gradient: boolean;\n  glow: boolean;\n  pulse: boolean;\n}\n\n/** The ring that expands out of the panel while `pulse` is set. */\nconst pulseRing = (theme: Theme): CSSObject => ({\n  content: '\"\"',\n  position: 'absolute' as const,\n  top: 0,\n  left: 0,\n  right: 0,\n  bottom: 0,\n  borderRadius: 'inherit',\n  backgroundColor: theme.palette.primary.main,\n  opacity: 0.3,\n  animation: `${pulseAnimation} 2s infinite`,\n  pointerEvents: 'none' as const,\n  zIndex: -1,\n});\n\n/** The surface: its fill, its blur and the shadow that lifts it off the backdrop. */\nconst surface = (theme: Theme, flags: ModalStyleFlags): CSSObject => {\n  const { variant, glass, gradient, glow } = flags;\n  // The glass variant is the glass flag by another name, so either turns it on.\n  const isGlass = glass || variant === 'glass';\n\n  const boxShadow = glow\n    ? `0 0 40px ${alpha(theme.palette.primary.main, 0.3)}`\n    : isGlass\n      ? `0 8px 32px ${alpha(theme.palette.common.black, 0.1)}`\n      : theme.shadows[8];\n\n  return {\n    backgroundColor: isGlass\n      ? alpha(theme.palette.background.paper, 0.1)\n      : theme.palette.background.paper,\n    backdropFilter: isGlass ? 'blur(20px)' : gradient ? 'blur(10px)' : 'none',\n    border: isGlass ? `1px solid ${alpha(theme.palette.primary.main, 0.2)}` : 'none',\n    boxShadow,\n    ...(gradient && {\n      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)}, ${alpha(theme.palette.secondary.main, 0.1)})`,\n    }),\n  };\n};\n\nexport const panelSx = (theme: Theme, flags: ModalStyleFlags): CSSObject => {\n  const { variant, size, borderRadius, pulse } = flags;\n\n  return {\n    // A pulsing panel positions its own ring, so it becomes the containing block.\n    position: pulse ? ('relative' as const) : ('absolute' as const),\n    width: WIDTHS[size] ?? WIDTHS.md,\n    maxWidth: '90vw',\n    borderRadius: (RADII[borderRadius] ?? RADII.lg)(theme),\n    outline: 0,\n    overflowY: 'auto',\n    transition: theme.transitions.create(\n      ['box-shadow', 'background-color', 'backdrop-filter', 'transform'],\n      { duration: theme.transitions.duration.standard },\n    ),\n    ...(PLACEMENTS[variant] ?? PLACEMENTS.center),\n    ...surface(theme, flags),\n    ...(pulse && { '&::after': pulseRing(theme) }),\n  };\n};\n\nexport const backdropSx = (theme: Theme, isGlass: boolean): CSSObject => ({\n  backgroundColor: alpha(theme.palette.common.black, isGlass ? 0.2 : 0.5),\n  backdropFilter: isGlass ? 'blur(8px)' : 'none',\n});\n"],"mappings":"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","names":[]}

package/dist/chunk-PH5XJGKJ.js

@@ -1,91 +0,0 @@
-import {
-  CaretGlyph
-} from "./chunk-DMNZD3Q7.js";
-import {
-  triggerChevronSx,
-  triggerClearSx,
-  triggerCountSx,
-  triggerSx
-} from "./chunk-LGLHU55A.js";
-
-// src/components/form/CategorySelect/CategoryTrigger.tsx
-import Box from "@mui/material/Box/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function CategoryTrigger({
-  placeholder,
-  selectionLabel,
-  count,
-  open,
-  disabled,
-  fullWidth,
-  onOpen,
-  onClear,
-  triggerRef,
-  dataTestId,
-  copy
-}) {
-  const hasSelection = Boolean(selectionLabel) || (count ?? 0) > 0;
-  return /* @__PURE__ */ jsxs(
-    Box,
-    {
-      component: "button",
-      type: "button",
-      ref: triggerRef,
-      disabled,
-      "aria-haspopup": "dialog",
-      "aria-expanded": open,
-      "data-testid": `${dataTestId}-trigger`,
-      onClick: onOpen,
-      sx: (theme) => ({
-        ...triggerSx(theme, hasSelection, open),
-        width: fullWidth ? "100%" : "auto"
-      }),
-      children: [
-        /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "span",
-            sx: {
-              whiteSpace: "nowrap",
-              overflow: "hidden",
-              textOverflow: "ellipsis",
-              maxWidth: 190,
-              flex: fullWidth ? 1 : "0 1 auto",
-              textAlign: "left"
-            },
-            children: selectionLabel ?? placeholder
-          }
-        ),
-        count !== void 0 && count > 0 && /* @__PURE__ */ jsx(Box, { component: "span", sx: triggerCountSx, "data-testid": `${dataTestId}-count`, children: count }),
-        hasSelection && onClear && /* @__PURE__ */ jsx(
-          Box,
-          {
-            component: "span",
-            role: "button",
-            tabIndex: 0,
-            "aria-label": copy.clearSelection,
-            "data-testid": `${dataTestId}-clear-trigger`,
-            sx: triggerClearSx,
-            onClick: (event) => {
-              event.stopPropagation();
-              onClear();
-            },
-            onKeyDown: (event) => {
-              if (event.key !== "Enter" && event.key !== " ") return;
-              event.preventDefault();
-              event.stopPropagation();
-              onClear();
-            },
-            children: "\xD7"
-          }
-        ),
-        /* @__PURE__ */ jsx(CaretGlyph, { style: triggerChevronSx(open) })
-      ]
-    }
-  );
-}
-
-export {
-  CategoryTrigger
-};
-//# sourceMappingURL=chunk-PH5XJGKJ.js.map

package/dist/chunk-PI5G6N6Q.js

@@ -1,157 +0,0 @@
-import {
-  PillControl
-} from "./chunk-RPMAWM6F.js";
-import {
-  PanelRangeField
-} from "./chunk-SLODUPES.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  TableFilter
-} from "./chunk-NMX3JAAB.js";
-import {
-  StackedModal
-} from "./chunk-YRUCIKPO.js";
-import {
-  StackedModalContent
-} from "./chunk-JN3PGXRJ.js";
-
-// src/components/data-display/DataViews/data-views-filter-panel.tsx
-import Box from "@mui/material/Box/index.js";
-import Link from "@mui/material/Link/index.js";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function PillField({
-  field,
-  selected,
-  testIdPrefix,
-  onTogglePill,
-  onClearField
-}) {
-  const testId = `${testIdPrefix}-filter-${field.id}`;
-  if (field.searchEnabled || field.control === "multiselect" || field.control === "category") {
-    return /* @__PURE__ */ jsx(
-      PillControl,
-      {
-        fieldId: field.id,
-        pill: field,
-        selected,
-        onTogglePill,
-        onClearField,
-        testIdPrefix,
-        layout: "stacked"
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    TableFilter.CheckboxField,
-    {
-      label: field.label,
-      options: field.options,
-      selected: new Set(selected),
-      onToggle: (value, checked) => onTogglePill(field.id, value, checked),
-      testId
-    }
-  );
-}
-function FilterControls({
-  testIdPrefix,
-  search,
-  fields,
-  rangeFields,
-  pills,
-  ranges,
-  onSearchChange,
-  onTogglePill,
-  onChangeRange,
-  onClearField
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      TableFilter.Keyword,
-      {
-        value: search,
-        onChange: onSearchChange,
-        label: copy.search.allColumnsLabel,
-        placeholder: copy.search.keywordPlaceholder,
-        testId: `${testIdPrefix}-search-all`
-      }
-    ),
-    (fields.length > 0 || rangeFields.length > 0) && /* @__PURE__ */ jsxs(TableFilter.Section, { title: copy.filters.panelTitle, children: [
-      fields.map((field) => /* @__PURE__ */ jsx(
-        PillField,
-        {
-          field,
-          selected: pills[field.id] ?? [],
-          testIdPrefix,
-          onTogglePill,
-          onClearField
-        },
-        field.id
-      )),
-      rangeFields.map((field) => /* @__PURE__ */ jsx(
-        PanelRangeField,
-        {
-          field,
-          value: ranges[field.id] ?? {},
-          onChange: (range) => onChangeRange(field.id, range),
-          testId: `${testIdPrefix}-range-${field.id}`
-        },
-        field.id
-      ))
-    ] })
-  ] });
-}
-function GridFilterPanel(props) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    TableFilter.Panel,
-    {
-      onClearAll: props.onClearAll,
-      clearTestId: `${props.testIdPrefix}-clear-filters`,
-      ariaLabel: copy.filters.panelTitle,
-      children: /* @__PURE__ */ jsx(FilterControls, { ...props })
-    }
-  );
-}
-function FilterDialog({
-  open,
-  onClose,
-  ...props
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    StackedModal,
-    {
-      open,
-      onClose,
-      navigationTitle: copy.filters.panelTitle,
-      backLabel: copy.nav.goBack,
-      modalId: `${props.testIdPrefix}-filters`,
-      maxWidth: "xs",
-      dataTestId: `${props.testIdPrefix}-filter-dialog`,
-      children: /* @__PURE__ */ jsx(StackedModalContent, { children: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", flexDirection: "column", gap: 2.5 }, children: [
-        /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "flex-end" }, children: /* @__PURE__ */ jsx(
-          Link,
-          {
-            component: "button",
-            type: "button",
-            underline: "hover",
-            onClick: props.onClearAll,
-            "data-testid": `${props.testIdPrefix}-clear-filters`,
-            sx: { fontSize: "0.75rem", color: "text.secondary" },
-            children: copy.filters.clearAllFilters
-          }
-        ) }),
-        /* @__PURE__ */ jsx(FilterControls, { ...props })
-      ] }) })
-    }
-  );
-}
-
-export {
-  GridFilterPanel,
-  FilterDialog
-};
-//# sourceMappingURL=chunk-PI5G6N6Q.js.map