@12-apps/ui 6.35.0 → 6.37.0

package/dist/chunk-YG2VQUZO.js

@@ -1,175 +0,0 @@
-import {
-  BreadcrumbEntry
-} from "./chunk-XZBCPL4N.js";
-import {
-  breadcrumbsBarStyles,
-  sizeIconMap
-} from "./chunk-QHUTSAFG.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/navigation/Breadcrumbs/Breadcrumbs.tsx
-import ArrowForwardIos from "@mui/icons-material/ArrowForwardIos";
-import ChevronRight from "@mui/icons-material/ChevronRight";
-import NavigateNext from "@mui/icons-material/NavigateNext";
-import Box from "@mui/material/Box/index.js";
-import MuiBreadcrumbs from "@mui/material/Breadcrumbs/index.js";
-import { useTheme, styled } from "@mui/material/styles/index.js";
-import useMediaQuery from "@mui/material/useMediaQuery/index.js";
-import React from "react";
-import { jsx } from "react/jsx-runtime";
-var StyledBreadcrumbs = styled(MuiBreadcrumbs, {
-  shouldForwardProp: (prop) => prop !== "size" && prop !== "color" && prop !== "visualStyle" && prop !== "elevation"
-})(
-  ({ theme, size, color, visualStyle, elevation = 0 }) => ({
-    ...breadcrumbsBarStyles({ theme, size, color, visualStyle, elevation })
-  })
-);
-var AnimatedSeparator = styled(Box)(() => ({
-  display: "flex",
-  alignItems: "center",
-  opacity: 0.6,
-  transition: "all 0.2s ease",
-  "&:hover": {
-    opacity: 1,
-    transform: "scale(1.1)"
-  }
-}));
-var getSeparator = (separatorType) => {
-  const separatorContent = (() => {
-    switch (separatorType) {
-      case "slash":
-        return "/";
-      case "arrow":
-        return /* @__PURE__ */ jsx(NavigateNext, { fontSize: "small" });
-      case "chevron":
-        return /* @__PURE__ */ jsx(ChevronRight, { fontSize: "small" });
-      case "dot":
-        return "\u2022";
-      case "pipe":
-        return "|";
-      default:
-        return /* @__PURE__ */ jsx(ArrowForwardIos, { sx: { fontSize: sxRem(12) } });
-    }
-  })();
-  return /* @__PURE__ */ jsx(AnimatedSeparator, { children: separatorContent });
-};
-var collapseItems = ({
-  items,
-  effectiveMaxItems,
-  collapseBehavior
-}) => {
-  if (items.length <= effectiveMaxItems) {
-    return { displayItems: items, collapsedItems: [] };
-  }
-  if (collapseBehavior === "menu") {
-    const firstItem = items[0];
-    const tail = items.slice(-(effectiveMaxItems - 2));
-    return {
-      displayItems: firstItem ? [firstItem, ...tail] : tail,
-      collapsedItems: items.slice(1, -(effectiveMaxItems - 2))
-    };
-  }
-  if (collapseBehavior === "ellipsis") {
-    const half = Math.floor(effectiveMaxItems / 2);
-    return {
-      displayItems: [
-        ...items.slice(0, half),
-        { label: "...", href: "#", isEllipsis: true },
-        ...items.slice(-half)
-      ],
-      collapsedItems: []
-    };
-  }
-  return { displayItems: items, collapsedItems: [] };
-};
-var BREADCRUMBS_DEFAULTS = {
-  variant: "default",
-  separatorType: "default",
-  maxItems: 8,
-  showHomeIcon: true,
-  size: "md",
-  color: "neutral",
-  elevation: 1,
-  collapseBehavior: "menu",
-  mobileMaxItems: 3
-};
-var resolveProps = (props) => ({
-  ...BREADCRUMBS_DEFAULTS,
-  ...Object.fromEntries(
-    Object.entries(props).filter(([, value]) => value !== void 0)
-  )
-});
-var Breadcrumbs = React.forwardRef(
-  (componentProps, ref) => {
-    const {
-      variant,
-      separatorType,
-      items,
-      separator,
-      maxItems,
-      showHomeIcon,
-      size,
-      color,
-      elevation,
-      collapseBehavior,
-      mobileMaxItems,
-      ariaLabel,
-      copy,
-      dataTestId,
-      ...props
-    } = resolveProps(componentProps);
-    const theme = useTheme();
-    const finalSeparator = separator || getSeparator(separatorType);
-    const isMobile = useMediaQuery(theme.breakpoints.down("sm"));
-    const iconSize = sizeIconMap[size];
-    const effectiveMaxItems = isMobile ? mobileMaxItems : maxItems;
-    const shouldCollapse = items.length > effectiveMaxItems;
-    const { displayItems, collapsedItems } = collapseItems({
-      items,
-      effectiveMaxItems,
-      collapseBehavior
-    });
-    return /* @__PURE__ */ jsx(
-      StyledBreadcrumbs,
-      {
-        ref,
-        separator: finalSeparator,
-        maxItems: shouldCollapse ? void 0 : effectiveMaxItems,
-        size,
-        color,
-        visualStyle: variant,
-        elevation,
-        "aria-label": ariaLabel || "breadcrumb navigation",
-        role: "navigation",
-        "data-testid": dataTestId || "breadcrumbs",
-        ...props,
-        children: displayItems.map((item, index) => /* @__PURE__ */ jsx(
-          BreadcrumbEntry,
-          {
-            copy,
-            item,
-            index,
-            itemCount: displayItems.length,
-            collapsedItems,
-            collapseBehavior,
-            separator: finalSeparator,
-            showHomeIcon,
-            iconSize,
-            size,
-            variant,
-            dataTestId
-          },
-          index
-        ))
-      }
-    );
-  }
-);
-Breadcrumbs.displayName = "Breadcrumbs";
-
-export {
-  Breadcrumbs
-};
-//# sourceMappingURL=chunk-YG2VQUZO.js.map

package/dist/chunk-YH37X6JT.js

@@ -1,183 +0,0 @@
-import {
-  asFieldSize,
-  fieldBorder,
-  fieldHeight
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadius
-} from "./chunk-GDN2LUTZ.js";
-import {
-  absoluteInk,
-  controlNeutral,
-  sheen
-} from "./chunk-FQ6UW7IY.js";
-import {
-  rem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/form/Toggle/Toggle.styles.ts
-import { alpha, keyframes } from "@mui/material/styles/index.js";
-var glowAnimation = keyframes`
-  0% { box-shadow: 0 0 5px currentColor; }
-  50% { box-shadow: 0 0 15px currentColor, 0 0 25px currentColor; }
-  100% { box-shadow: 0 0 5px currentColor; }
-`;
-var floatAnimation = keyframes`
-  0%, 100% { transform: translateY(0px); }
-  50% { transform: translateY(-2px); }
-`;
-var neutralPalette = (theme) => controlNeutral(theme);
-var shade = (palette, key, fallback) => palette?.[key] || palette?.main || fallback[key];
-var getColorFromTheme = (theme, color) => {
-  if (color === "neutral") return neutralPalette(theme);
-  const colorMap = {
-    primary: theme.palette.primary,
-    secondary: theme.palette.secondary,
-    success: theme.palette.success,
-    warning: theme.palette.warning,
-    info: theme.palette.info,
-    danger: theme.palette.error
-  };
-  const fallback = theme.palette.primary;
-  const palette = colorMap[color] || fallback;
-  return {
-    main: palette?.main || fallback.main,
-    dark: shade(palette, "dark", fallback),
-    light: shade(palette, "light", fallback),
-    contrastText: palette?.contrastText || absoluteInk(theme).white
-  };
-};
-var SIZE_MAP = {
-  xs: { padding: "4px 8px", fontPx: 12 },
-  sm: { padding: "6px 12px", fontPx: 14 },
-  md: { padding: "8px 16px", fontPx: 16 },
-  lg: { padding: "10px 20px", fontPx: 18 },
-  xl: { padding: "12px 24px", fontPx: 20 }
-};
-var sizeStyles = (theme, customSize) => {
-  const size = SIZE_MAP[customSize];
-  return size ? { padding: size.padding, fontSize: rem(theme, size.fontPx) } : {};
-};
-var baseStyles = (theme, colorPalette, customSize) => ({
-  textTransform: "none",
-  fontWeight: 500,
-  borderRadius: fieldRadius(theme),
-  transition: "all 0.3s cubic-bezier(0.4, 0, 0.2, 1)",
-  border: fieldBorder(theme),
-  color: theme.palette.text.primary,
-  backgroundColor: "transparent",
-  position: "relative",
-  overflow: "hidden",
-  // A zero-sized circle that grows to fill the button on hover.
-  "&::before": {
-    content: '""',
-    position: "absolute",
-    top: "50%",
-    left: "50%",
-    width: 0,
-    height: 0,
-    borderRadius: "50%",
-    backgroundColor: alpha(colorPalette.main, 0.2),
-    transform: "translate(-50%, -50%)",
-    transition: "width 0.4s, height 0.4s"
-  },
-  "&:hover": {
-    backgroundColor: alpha(colorPalette.main, 0.08),
-    borderColor: colorPalette.main,
-    transform: "translateY(-1px)",
-    boxShadow: `0 4px 8px ${alpha(colorPalette.main, 0.15)}`,
-    animation: `${floatAnimation} 2s ease-in-out infinite`,
-    "&::before": {
-      width: "100%",
-      height: "100%"
-    }
-  },
-  "&:active": {
-    transform: "scale(0.98)"
-  },
-  "&.Mui-selected": {
-    backgroundColor: colorPalette.main,
-    color: colorPalette.contrastText || absoluteInk(theme).white,
-    borderColor: colorPalette.main,
-    boxShadow: `0 2px 8px ${alpha(colorPalette.main, 0.3)}`,
-    "&::after": {
-      content: '""',
-      position: "absolute",
-      top: 0,
-      left: 0,
-      right: 0,
-      bottom: 0,
-      background: `linear-gradient(135deg, transparent, ${sheen(theme, 0.1)})`,
-      pointerEvents: "none"
-    },
-    "&:hover": {
-      backgroundColor: colorPalette.dark,
-      transform: "translateY(-2px) scale(1.02)",
-      boxShadow: `0 6px 20px ${alpha(colorPalette.main, 0.4)}`
-    }
-  },
-  // Size wins over everything above it — its font and horizontal padding; the
-  // height is the theme's field height for the size.
-  ...sizeStyles(theme, customSize),
-  minHeight: fieldHeight(theme, asFieldSize(customSize)),
-  paddingTop: 0,
-  paddingBottom: 0
-});
-var variantStyles = (theme, customVariant, colorPalette) => {
-  switch (customVariant) {
-    case "outline":
-      return {
-        backgroundColor: "transparent",
-        border: `2px solid ${colorPalette.main}`,
-        color: colorPalette.main,
-        "&.Mui-selected": {
-          backgroundColor: colorPalette.main,
-          color: colorPalette.contrastText || absoluteInk(theme).white
-        }
-      };
-    case "soft":
-      return {
-        backgroundColor: alpha(colorPalette.main, 0.1),
-        border: "none",
-        color: colorPalette.main,
-        "&.Mui-selected": {
-          backgroundColor: alpha(colorPalette.main, 0.2),
-          color: colorPalette.main
-        }
-      };
-    default:
-      return {};
-  }
-};
-var effectStyles = (theme, colorPalette, { glass, gradient, glow }) => ({
-  ...glass && {
-    backgroundColor: alpha(theme.palette.background.paper, 0.1),
-    backdropFilter: "blur(20px)",
-    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`
-  },
-  ...gradient && {
-    "&.Mui-selected": {
-      background: `linear-gradient(135deg, ${colorPalette.light}, ${colorPalette.main}, ${colorPalette.dark})`,
-      backgroundSize: "200% 200%",
-      animation: `${floatAnimation} 3s ease-in-out infinite`,
-      border: "none",
-      "&:hover": {
-        backgroundPosition: "100% 100%"
-      }
-    }
-  },
-  ...glow && {
-    "&.Mui-selected": {
-      animation: `${glowAnimation} 2s ease-in-out infinite`,
-      boxShadow: `0 0 15px ${alpha(colorPalette.main, 0.6)}`
-    }
-  }
-});
-
-export {
-  getColorFromTheme,
-  baseStyles,
-  variantStyles,
-  effectStyles
-};
-//# sourceMappingURL=chunk-YH37X6JT.js.map

package/dist/chunk-YH37X6JT.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/form/Toggle/Toggle.styles.ts"],"sourcesContent":["import { alpha, keyframes } from '@mui/material/styles/index.js';\nimport type { CSSObject, PaletteColor, Theme } from '@mui/material/styles/index.js';\n\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { asFieldSize, fieldBorder, fieldHeight } from '../../../tokens/field-height';\nimport { absoluteInk, controlNeutral, sheen } from '../../../tokens/ink';\nimport { rem } from '../../../tokens/relative';\n\nconst glowAnimation = keyframes`\n  0% { box-shadow: 0 0 5px currentColor; }\n  50% { box-shadow: 0 0 15px currentColor, 0 0 25px currentColor; }\n  100% { box-shadow: 0 0 5px currentColor; }\n`;\n\nconst floatAnimation = keyframes`\n  0%, 100% { transform: translateY(0px); }\n  50% { transform: translateY(-2px); }\n`;\n\ninterface TogglePalette {\n  main: string;\n  dark: string;\n  light: string;\n  contrastText: string;\n}\n\nconst neutralPalette = (theme: Theme): TogglePalette => controlNeutral(theme);\n\n// A theme can be handed to us with shades missing, so each one falls back through\n// the palette's own main colour before reaching for primary.\nconst shade = (\n  palette: PaletteColor | undefined,\n  key: 'dark' | 'light',\n  fallback: PaletteColor,\n): string => palette?.[key] || palette?.main || fallback[key];\n\nexport const getColorFromTheme = (theme: Theme, color: string): TogglePalette => {\n  if (color === 'neutral') return neutralPalette(theme);\n\n  const colorMap: Record<string, PaletteColor> = {\n    primary: theme.palette.primary,\n    secondary: theme.palette.secondary,\n    success: theme.palette.success,\n    warning: theme.palette.warning,\n    info: theme.palette.info,\n    danger: theme.palette.error,\n  };\n\n  const fallback = theme.palette.primary;\n  const palette = colorMap[color] || fallback;\n\n  return {\n    main: palette?.main || fallback.main,\n    dark: shade(palette, 'dark', fallback),\n    light: shade(palette, 'light', fallback),\n    contrastText: palette?.contrastText || absoluteInk(theme).white,\n  };\n};\n\n/** Each size's padding and type; the type is design px, read through the type scale. */\nconst SIZE_MAP: Record<string, { padding: string; fontPx: number }> = {\n  xs: { padding: '4px 8px', fontPx: 12 },\n  sm: { padding: '6px 12px', fontPx: 14 },\n  md: { padding: '8px 16px', fontPx: 16 },\n  lg: { padding: '10px 20px', fontPx: 18 },\n  xl: { padding: '12px 24px', fontPx: 20 },\n};\n\nconst sizeStyles = (theme: Theme, customSize: string): CSSObject => {\n  const size = SIZE_MAP[customSize];\n  return size ? { padding: size.padding, fontSize: rem(theme, size.fontPx) } : {};\n};\n\nexport const baseStyles = (\n  theme: Theme,\n  colorPalette: TogglePalette,\n  customSize: string,\n): CSSObject => ({\n  textTransform: 'none',\n  fontWeight: 500,\n  borderRadius: fieldRadius(theme),\n  transition: 'all 0.3s cubic-bezier(0.4, 0, 0.2, 1)',\n  border: fieldBorder(theme),\n  color: theme.palette.text.primary,\n  backgroundColor: 'transparent',\n  position: 'relative',\n  overflow: 'hidden',\n\n  // A zero-sized circle that grows to fill the button on hover.\n  '&::before': {\n    content: '\"\"',\n    position: 'absolute',\n    top: '50%',\n    left: '50%',\n    width: 0,\n    height: 0,\n    borderRadius: '50%',\n    backgroundColor: alpha(colorPalette.main, 0.2),\n    transform: 'translate(-50%, -50%)',\n    transition: 'width 0.4s, height 0.4s',\n  },\n\n  '&:hover': {\n    backgroundColor: alpha(colorPalette.main, 0.08),\n    borderColor: colorPalette.main,\n    transform: 'translateY(-1px)',\n    boxShadow: `0 4px 8px ${alpha(colorPalette.main, 0.15)}`,\n    animation: `${floatAnimation} 2s ease-in-out infinite`,\n\n    '&::before': {\n      width: '100%',\n      height: '100%',\n    },\n  },\n\n  '&:active': {\n    transform: 'scale(0.98)',\n  },\n\n  '&.Mui-selected': {\n    backgroundColor: colorPalette.main,\n    color: colorPalette.contrastText || absoluteInk(theme).white,\n    borderColor: colorPalette.main,\n    boxShadow: `0 2px 8px ${alpha(colorPalette.main, 0.3)}`,\n\n    '&::after': {\n      content: '\"\"',\n      position: 'absolute',\n      top: 0,\n      left: 0,\n      right: 0,\n      bottom: 0,\n      background: `linear-gradient(135deg, transparent, ${sheen(theme, 0.1)})`,\n      pointerEvents: 'none',\n    },\n\n    '&:hover': {\n      backgroundColor: colorPalette.dark,\n      transform: 'translateY(-2px) scale(1.02)',\n      boxShadow: `0 6px 20px ${alpha(colorPalette.main, 0.4)}`,\n    },\n  },\n\n  // Size wins over everything above it — its font and horizontal padding; the\n  // height is the theme's field height for the size.\n  ...sizeStyles(theme, customSize),\n  minHeight: fieldHeight(theme, asFieldSize(customSize)),\n  paddingTop: 0,\n  paddingBottom: 0,\n});\n\nexport const variantStyles = (\n  theme: Theme,\n  customVariant: string | undefined,\n  colorPalette: TogglePalette,\n): CSSObject => {\n  switch (customVariant) {\n    case 'outline':\n      return {\n        backgroundColor: 'transparent',\n        border: `2px solid ${colorPalette.main}`,\n        color: colorPalette.main,\n\n        '&.Mui-selected': {\n          backgroundColor: colorPalette.main,\n          color: colorPalette.contrastText || absoluteInk(theme).white,\n        },\n      };\n    case 'soft':\n      return {\n        backgroundColor: alpha(colorPalette.main, 0.1),\n        border: 'none',\n        color: colorPalette.main,\n\n        '&.Mui-selected': {\n          backgroundColor: alpha(colorPalette.main, 0.2),\n          color: colorPalette.main,\n        },\n      };\n    default:\n      return {};\n  }\n};\n\ninterface ToggleEffects {\n  glass?: boolean;\n  gradient?: boolean;\n  glow?: boolean;\n}\n\n// gradient and glow both target `.Mui-selected`; with both on, the later spread\n// wins, so glow's animation replaces gradient's.\nexport const effectStyles = (\n  theme: Theme,\n  colorPalette: TogglePalette,\n  { glass, gradient, glow }: ToggleEffects,\n): CSSObject => ({\n  ...(glass && {\n    backgroundColor: alpha(theme.palette.background.paper, 0.1),\n    backdropFilter: 'blur(20px)',\n    border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,\n  }),\n\n  ...(gradient && {\n    '&.Mui-selected': {\n      background: `linear-gradient(135deg, ${colorPalette.light}, ${colorPalette.main}, ${colorPalette.dark})`,\n      backgroundSize: '200% 200%',\n      animation: `${floatAnimation} 3s ease-in-out infinite`,\n      border: 'none',\n\n      '&:hover': {\n        backgroundPosition: '100% 100%',\n      },\n    },\n  }),\n\n  ...(glow && {\n    '&.Mui-selected': {\n      animation: `${glowAnimation} 2s ease-in-out infinite`,\n      boxShadow: `0 0 15px ${alpha(colorPalette.main, 0.6)}`,\n    },\n  }),\n});\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA,SAAS,OAAO,iBAAiB;AAQjC,IAAM,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAMtB,IAAM,iBAAiB;AAAA;AAAA;AAAA;AAYvB,IAAM,iBAAiB,CAAC,UAAgC,eAAe,KAAK;AAI5E,IAAM,QAAQ,CACZ,SACA,KACA,aACW,UAAU,GAAG,KAAK,SAAS,QAAQ,SAAS,GAAG;AAErD,IAAM,oBAAoB,CAAC,OAAc,UAAiC;AAC/E,MAAI,UAAU,UAAW,QAAO,eAAe,KAAK;AAEpD,QAAM,WAAyC;AAAA,IAC7C,SAAS,MAAM,QAAQ;AAAA,IACvB,WAAW,MAAM,QAAQ;AAAA,IACzB,SAAS,MAAM,QAAQ;AAAA,IACvB,SAAS,MAAM,QAAQ;AAAA,IACvB,MAAM,MAAM,QAAQ;AAAA,IACpB,QAAQ,MAAM,QAAQ;AAAA,EACxB;AAEA,QAAM,WAAW,MAAM,QAAQ;AAC/B,QAAM,UAAU,SAAS,KAAK,KAAK;AAEnC,SAAO;AAAA,IACL,MAAM,SAAS,QAAQ,SAAS;AAAA,IAChC,MAAM,MAAM,SAAS,QAAQ,QAAQ;AAAA,IACrC,OAAO,MAAM,SAAS,SAAS,QAAQ;AAAA,IACvC,cAAc,SAAS,gBAAgB,YAAY,KAAK,EAAE;AAAA,EAC5D;AACF;AAGA,IAAM,WAAgE;AAAA,EACpE,IAAI,EAAE,SAAS,WAAW,QAAQ,GAAG;AAAA,EACrC,IAAI,EAAE,SAAS,YAAY,QAAQ,GAAG;AAAA,EACtC,IAAI,EAAE,SAAS,YAAY,QAAQ,GAAG;AAAA,EACtC,IAAI,EAAE,SAAS,aAAa,QAAQ,GAAG;AAAA,EACvC,IAAI,EAAE,SAAS,aAAa,QAAQ,GAAG;AACzC;AAEA,IAAM,aAAa,CAAC,OAAc,eAAkC;AAClE,QAAM,OAAO,SAAS,UAAU;AAChC,SAAO,OAAO,EAAE,SAAS,KAAK,SAAS,UAAU,IAAI,OAAO,KAAK,MAAM,EAAE,IAAI,CAAC;AAChF;AAEO,IAAM,aAAa,CACxB,OACA,cACA,gBACe;AAAA,EACf,eAAe;AAAA,EACf,YAAY;AAAA,EACZ,cAAc,YAAY,KAAK;AAAA,EAC/B,YAAY;AAAA,EACZ,QAAQ,YAAY,KAAK;AAAA,EACzB,OAAO,MAAM,QAAQ,KAAK;AAAA,EAC1B,iBAAiB;AAAA,EACjB,UAAU;AAAA,EACV,UAAU;AAAA;AAAA,EAGV,aAAa;AAAA,IACX,SAAS;AAAA,IACT,UAAU;AAAA,IACV,KAAK;AAAA,IACL,MAAM;AAAA,IACN,OAAO;AAAA,IACP,QAAQ;AAAA,IACR,cAAc;AAAA,IACd,iBAAiB,MAAM,aAAa,MAAM,GAAG;AAAA,IAC7C,WAAW;AAAA,IACX,YAAY;AAAA,EACd;AAAA,EAEA,WAAW;AAAA,IACT,iBAAiB,MAAM,aAAa,MAAM,IAAI;AAAA,IAC9C,aAAa,aAAa;AAAA,IAC1B,WAAW;AAAA,IACX,WAAW,aAAa,MAAM,aAAa,MAAM,IAAI,CAAC;AAAA,IACtD,WAAW,GAAG,cAAc;AAAA,IAE5B,aAAa;AAAA,MACX,OAAO;AAAA,MACP,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EAEA,YAAY;AAAA,IACV,WAAW;AAAA,EACb;AAAA,EAEA,kBAAkB;AAAA,IAChB,iBAAiB,aAAa;AAAA,IAC9B,OAAO,aAAa,gBAAgB,YAAY,KAAK,EAAE;AAAA,IACvD,aAAa,aAAa;AAAA,IAC1B,WAAW,aAAa,MAAM,aAAa,MAAM,GAAG,CAAC;AAAA,IAErD,YAAY;AAAA,MACV,SAAS;AAAA,MACT,UAAU;AAAA,MACV,KAAK;AAAA,MACL,MAAM;AAAA,MACN,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,YAAY,wCAAwC,MAAM,OAAO,GAAG,CAAC;AAAA,MACrE,eAAe;AAAA,IACjB;AAAA,IAEA,WAAW;AAAA,MACT,iBAAiB,aAAa;AAAA,MAC9B,WAAW;AAAA,MACX,WAAW,cAAc,MAAM,aAAa,MAAM,GAAG,CAAC;AAAA,IACxD;AAAA,EACF;AAAA;AAAA;AAAA,EAIA,GAAG,WAAW,OAAO,UAAU;AAAA,EAC/B,WAAW,YAAY,OAAO,YAAY,UAAU,CAAC;AAAA,EACrD,YAAY;AAAA,EACZ,eAAe;AACjB;AAEO,IAAM,gBAAgB,CAC3B,OACA,eACA,iBACc;AACd,UAAQ,eAAe;AAAA,IACrB,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB;AAAA,QACjB,QAAQ,aAAa,aAAa,IAAI;AAAA,QACtC,OAAO,aAAa;AAAA,QAEpB,kBAAkB;AAAA,UAChB,iBAAiB,aAAa;AAAA,UAC9B,OAAO,aAAa,gBAAgB,YAAY,KAAK,EAAE;AAAA,QACzD;AAAA,MACF;AAAA,IACF,KAAK;AACH,aAAO;AAAA,QACL,iBAAiB,MAAM,aAAa,MAAM,GAAG;AAAA,QAC7C,QAAQ;AAAA,QACR,OAAO,aAAa;AAAA,QAEpB,kBAAkB;AAAA,UAChB,iBAAiB,MAAM,aAAa,MAAM,GAAG;AAAA,UAC7C,OAAO,aAAa;AAAA,QACtB;AAAA,MACF;AAAA,IACF;AACE,aAAO,CAAC;AAAA,EACZ;AACF;AAUO,IAAM,eAAe,CAC1B,OACA,cACA,EAAE,OAAO,UAAU,KAAK,OACT;AAAA,EACf,GAAI,SAAS;AAAA,IACX,iBAAiB,MAAM,MAAM,QAAQ,WAAW,OAAO,GAAG;AAAA,IAC1D,gBAAgB;AAAA,IAChB,QAAQ,aAAa,MAAM,MAAM,QAAQ,SAAS,GAAG,CAAC;AAAA,EACxD;AAAA,EAEA,GAAI,YAAY;AAAA,IACd,kBAAkB;AAAA,MAChB,YAAY,2BAA2B,aAAa,KAAK,KAAK,aAAa,IAAI,KAAK,aAAa,IAAI;AAAA,MACrG,gBAAgB;AAAA,MAChB,WAAW,GAAG,cAAc;AAAA,MAC5B,QAAQ;AAAA,MAER,WAAW;AAAA,QACT,oBAAoB;AAAA,MACtB;AAAA,IACF;AAAA,EACF;AAAA,EAEA,GAAI,QAAQ;AAAA,IACV,kBAAkB;AAAA,MAChB,WAAW,GAAG,aAAa;AAAA,MAC3B,WAAW,YAAY,MAAM,aAAa,MAAM,GAAG,CAAC;AAAA,IACtD;AAAA,EACF;AACF;","names":[]}

package/dist/chunk-YLBRXDYH.js

@@ -1,204 +0,0 @@
-import {
-  RangeBounds
-} from "./chunk-Y2E73IG2.js";
-import {
-  isRangeSet
-} from "./chunk-GCZJH4XL.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  MultiSelectDropdown
-} from "./chunk-NPP44TQG.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Text
-} from "./chunk-WTOYEWW6.js";
-import {
-  fieldHeight
-} from "./chunk-CGO452DC.js";
-import {
-  fieldRadiusPx
-} from "./chunk-GDN2LUTZ.js";
-import {
-  fieldEdge
-} from "./chunk-7FDU3FIN.js";
-import {
-  sxRem
-} from "./chunk-YKCAJ2TN.js";
-
-// src/components/data-display/DataViews/data-views-more-fields.tsx
-import Checkbox from "@mui/material/Checkbox/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-var INLINE_OPTION_LIMIT = 2;
-function OverflowPill({
-  field,
-  values,
-  onToggle,
-  onClear,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const options = field.pill?.options ?? [];
-  if (options.length > INLINE_OPTION_LIMIT) {
-    return /* @__PURE__ */ jsx(
-      MultiSelectDropdown,
-      {
-        extraOptionsHeading: copy.filters.optionsHeading,
-        clearText: copy.filters.clear,
-        clearLabel: copy.filters.clearRange(field.label),
-        label: field.pill?.label ?? field.label,
-        options,
-        selected: new Set(values),
-        onToggle,
-        onClear,
-        allLabel: copy.filters.allOption,
-        searchable: options.length > 6 ? true : void 0,
-        searchPlaceholder: copy.filters.optionSearchPlaceholder,
-        noResultsLabel: copy.filters.optionsEmpty,
-        layout: "pill",
-        "data-testid": `${testIdPrefix}-more-${field.id}`
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(default2, { sx: { display: "flex", flexWrap: "wrap", gap: 0.75 }, children: (field.pill?.options ?? []).map((option) => {
-    const checked = values.includes(option.value);
-    return /* @__PURE__ */ jsxs(
-      default2,
-      {
-        component: "label",
-        "data-testid": `${testIdPrefix}-more-${field.id}-${option.value}`,
-        sx: {
-          display: "inline-flex",
-          alignItems: "center",
-          gap: 0.25,
-          pr: 1,
-          border: 1,
-          borderStyle: "solid",
-          minHeight: fieldHeight,
-          borderColor: (theme) => checked ? theme.palette.primary.main : fieldEdge(theme),
-          bgcolor: checked ? "action.selected" : "transparent",
-          borderRadius: fieldRadiusPx,
-          cursor: "pointer",
-          fontSize: sxRem(13),
-          color: checked ? "primary.main" : "text.secondary"
-        },
-        children: [
-          /* @__PURE__ */ jsx(
-            Checkbox,
-            {
-              size: "small",
-              checked,
-              onChange: (event) => onToggle(option.value, event.target.checked),
-              inputProps: { "aria-label": `${field.label}: ${option.label}` }
-            }
-          ),
-          option.label
-        ]
-      },
-      option.value
-    );
-  }) });
-}
-function OverflowRange({
-  field,
-  value,
-  onChange,
-  testIdPrefix
-}) {
-  if (!field.range) return null;
-  return /* @__PURE__ */ jsx(
-    RangeBounds,
-    {
-      field: field.range,
-      value,
-      onChange,
-      testId: `${testIdPrefix}-more-${field.id}`
-    }
-  );
-}
-function fieldClearing({
-  field,
-  pills,
-  ranges,
-  onTogglePill,
-  onChangeRange
-}) {
-  if (field.group === "range") {
-    return {
-      applied: isRangeSet(ranges[field.id] ?? {}),
-      clear: () => onChangeRange(field.id, {})
-    };
-  }
-  const values = pills[field.id] ?? [];
-  return {
-    applied: values.length > 0,
-    clear: () => values.forEach((value) => onTogglePill(field.id, value, false))
-  };
-}
-function MoreGroup({
-  field,
-  pills,
-  ranges,
-  onTogglePill,
-  onChangeRange,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  const { applied, clear } = fieldClearing({ field, pills, ranges, onTogglePill, onChangeRange });
-  return /* @__PURE__ */ jsxs(default2, { sx: { mb: 1.5, "&:last-of-type": { mb: 0 } }, children: [
-    /* @__PURE__ */ jsxs(default2, { sx: { display: "flex", alignItems: "center", gap: 1, mb: 0.5 }, children: [
-      /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsxs(default2, { component: "span", sx: { color: "text.secondary" }, children: [
-        field.label,
-        field.group === "range" && isRangeSet(ranges[field.id] ?? {}) ? " \u2022" : ""
-      ] }) }),
-      applied && /* @__PURE__ */ jsx(
-        default2,
-        {
-          component: "button",
-          type: "button",
-          onClick: clear,
-          "data-testid": `${testIdPrefix}-more-${field.id}-clear`,
-          sx: {
-            ml: "auto",
-            border: 0,
-            p: 0,
-            bgcolor: "transparent",
-            cursor: "pointer",
-            font: "inherit",
-            fontSize: sxRem(12),
-            color: "primary.main",
-            "&:hover": { textDecoration: "underline" }
-          },
-          children: copy.filters.clear
-        }
-      )
-    ] }),
-    field.group === "pill" ? /* @__PURE__ */ jsx(
-      OverflowPill,
-      {
-        field,
-        values: pills[field.id] ?? [],
-        onToggle: (value, checked) => onTogglePill(field.id, value, checked),
-        onClear: () => (pills[field.id] ?? []).forEach((v) => onTogglePill(field.id, v, false)),
-        testIdPrefix
-      }
-    ) : /* @__PURE__ */ jsx(
-      OverflowRange,
-      {
-        field,
-        value: ranges[field.id] ?? {},
-        onChange: (range) => onChangeRange(field.id, range),
-        testIdPrefix
-      }
-    )
-  ] });
-}
-
-export {
-  fieldClearing,
-  MoreGroup
-};
-//# sourceMappingURL=chunk-YLBRXDYH.js.map