@12-apps/ui 6.34.0 → 6.36.0

package/dist/chunk-EDBTCEPC.js

@@ -1,263 +0,0 @@
-import {
-  BANNER_TINT_S,
-  bannerPartStyles,
-  bannerPointerStates,
-  fadeInSlide,
-  getVariantColor
-} from "./chunk-SNTDLS4A.js";
-import {
-  FOCUS
-} from "./chunk-P2UIXDEG.js";
-
-// src/components/data-display/Banner/Banner.tsx
-import CheckCircle from "@mui/icons-material/CheckCircle";
-import Close from "@mui/icons-material/Close";
-import Error from "@mui/icons-material/Error";
-import Info from "@mui/icons-material/Info";
-import Warning from "@mui/icons-material/Warning";
-import Box from "@mui/material/Box/index.js";
-import Button from "@mui/material/Button/index.js";
-import IconButton from "@mui/material/IconButton/index.js";
-import Typography from "@mui/material/Typography/index.js";
-import { alpha, styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var StyledBanner = styled(Box, {
-  shouldForwardProp: (prop) => !["variant", "sticky", "fullWidth"].includes(prop)
-})(({ theme, variant, sticky, fullWidth }) => {
-  const colorPalette = getVariantColor(theme, variant);
-  return {
-    display: "flex",
-    alignItems: "flex-start",
-    gap: theme.spacing(1.5),
-    padding: theme.spacing(1.5, 2),
-    borderRadius: theme.spacing(1),
-    backgroundColor: alpha(colorPalette.main, 0.1),
-    border: `1px solid ${alpha(colorPalette.main, 0.2)}`,
-    color: colorPalette.main,
-    position: sticky ? "sticky" : "relative",
-    top: sticky ? 0 : "auto",
-    zIndex: sticky ? theme.zIndex.appBar : "auto",
-    width: fullWidth ? "100vw" : "100%",
-    marginLeft: fullWidth ? "50%" : 0,
-    transform: fullWidth ? "translateX(-50%)" : "none",
-    animation: `${fadeInSlide} 0.3s ease-out`,
-    transition: `all 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow ${BANNER_TINT_S}s cubic-bezier(0.4, 0, 0.2, 1)`,
-    ...bannerPointerStates(theme),
-    // Focus: `:focus-visible`, not `:focus-within`.
-    //
-    // The banner carries `tabIndex={0}`, so a MOUSE CLICK focused it and
-    // painted this ring — a keyboard affordance answering a pointer, which is
-    // what made clicking one look like an error state. `:focus-visible` is the
-    // browser's own answer to whether the focus came from the keyboard: the
-    // ring stays for whoever tabs here and never fires on a click. Same defect
-    // and same fix as `Alert`, which is the sibling surface (FUT-1458).
-    "&:focus-visible": {
-      outline: `${FOCUS.ringWidth}px solid ${alpha(colorPalette.main, FOCUS.ringAlpha)}`,
-      outlineOffset: `${FOCUS.offset}px`
-    },
-    ...bannerPartStyles(theme, colorPalette),
-    // Responsive layout
-    [theme.breakpoints.down("sm")]: {
-      flexDirection: "column",
-      alignItems: "stretch",
-      gap: theme.spacing(1),
-      ".banner-content": {
-        order: 1
-      },
-      ".banner-actions": {
-        order: 2,
-        justifyContent: "flex-start",
-        marginTop: theme.spacing(1),
-        marginLeft: 0
-      }
-    },
-    // Glass effect variant (optional enhancement)
-    "&.banner-glass": {
-      backgroundColor: alpha(theme.palette.background.paper, 0.1),
-      backdropFilter: "blur(20px)",
-      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
-      color: theme.palette.text.primary,
-      ".banner-icon": {
-        color: colorPalette.main
-      }
-    }
-  };
-});
-var getVariantIcon = (variant) => {
-  const iconMap = {
-    info: /* @__PURE__ */ jsx(Info, {}),
-    success: /* @__PURE__ */ jsx(CheckCircle, {}),
-    warning: /* @__PURE__ */ jsx(Warning, {}),
-    critical: /* @__PURE__ */ jsx(Error, {})
-  };
-  return iconMap[variant];
-};
-var resolveAriaAnnouncement = (variant) => ({
-  role: variant === "warning" || variant === "critical" ? "alert" : "status",
-  live: variant === "critical" ? "assertive" : "polite"
-});
-var testIdFor = (base, suffix) => base ? `${base}-${suffix}` : `banner-${suffix}`;
-var buildActionSx = (theme, variant, actionVariant) => {
-  const palette = getVariantColor(theme, variant);
-  return {
-    minWidth: "auto",
-    px: 1.5,
-    py: 0.5,
-    fontSize: "0.8125rem",
-    fontWeight: 500,
-    borderRadius: 1,
-    ...actionVariant === "primary" && {
-      backgroundColor: palette.main,
-      color: theme.palette.getContrastText(palette.main),
-      // Colour only. The banner itself moves nothing under a pointer, and an
-      // action that lifts inside one that does not is the inconsistency a
-      // reader notices without being able to name it (FUT-1458).
-      "&:hover": {
-        backgroundColor: palette.dark || palette.main
-      }
-    },
-    ...actionVariant === "secondary" && {
-      borderColor: palette.main,
-      color: palette.main,
-      "&:hover": {
-        backgroundColor: alpha(palette.main, 0.1),
-        borderColor: palette.main
-      }
-    }
-  };
-};
-var BannerActionButton = ({ action, variant, dataTestId }) => /* @__PURE__ */ jsx(
-  Button,
-  {
-    size: "small",
-    variant: action.variant === "primary" ? "contained" : "outlined",
-    onClick: action.onClick,
-    "data-testid": testIdFor(dataTestId, "action"),
-    sx: (theme) => buildActionSx(theme, variant, action.variant),
-    children: action.label
-  }
-);
-var BannerBody = ({ displayIcon, title, description, dataTestId, children }) => /* @__PURE__ */ jsxs(Fragment, { children: [
-  displayIcon && /* @__PURE__ */ jsx(Box, { className: "banner-icon", "aria-hidden": "true", "data-testid": testIdFor(dataTestId, "icon"), children: displayIcon }),
-  /* @__PURE__ */ jsxs(Box, { className: "banner-content", children: [
-    title && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        className: "banner-title",
-        variant: "subtitle2",
-        component: "div",
-        "data-testid": testIdFor(dataTestId, "title"),
-        children: title
-      }
-    ),
-    description && /* @__PURE__ */ jsx(
-      Typography,
-      {
-        className: "banner-description",
-        variant: "body2",
-        component: "div",
-        "data-testid": testIdFor(dataTestId, "message"),
-        children: description
-      }
-    ),
-    children
-  ] })
-] });
-var BannerTrailing = ({ actions, variant, dismissible, onDismissClick, dismissLabel, dataTestId }) => /* @__PURE__ */ jsxs(Box, { display: "flex", alignItems: "center", gap: 1, children: [
-  actions && actions.length > 0 && /* @__PURE__ */ jsx(Box, { className: "banner-actions", children: actions.map((action, index) => /* @__PURE__ */ jsx(
-    BannerActionButton,
-    {
-      action,
-      variant,
-      dataTestId
-    },
-    index
-  )) }),
-  dismissible && /* @__PURE__ */ jsx(
-    IconButton,
-    {
-      className: "banner-dismiss",
-      size: "small",
-      onClick: onDismissClick,
-      "aria-label": dismissLabel,
-      "data-testid": testIdFor(dataTestId, "close"),
-      sx: { transition: "all 0.2s ease" },
-      children: /* @__PURE__ */ jsx(Close, { fontSize: "small" })
-    }
-  )
-] });
-var Banner = React.forwardRef(
-  ({
-    variant = "info",
-    title,
-    description,
-    icon,
-    dismissible = false,
-    dismissLabel,
-    onDismiss,
-    actions,
-    sticky = false,
-    fullWidth = false,
-    className,
-    children,
-    "data-testid": dataTestId = "banner",
-    ...props
-  }, ref) => {
-    const [visible, setVisible] = React.useState(true);
-    const handleDismiss = React.useCallback(() => {
-      setVisible(false);
-      onDismiss?.();
-    }, [onDismiss]);
-    const displayIcon = icon || getVariantIcon(variant);
-    const { role: ariaRole, live: ariaLive } = resolveAriaAnnouncement(variant);
-    if (!visible) {
-      return null;
-    }
-    return /* @__PURE__ */ jsxs(
-      StyledBanner,
-      {
-        ref,
-        variant,
-        sticky,
-        fullWidth,
-        className,
-        role: ariaRole,
-        "aria-live": ariaLive,
-        "aria-atomic": "true",
-        tabIndex: 0,
-        "data-testid": dataTestId,
-        ...props,
-        children: [
-          /* @__PURE__ */ jsx(
-            BannerBody,
-            {
-              displayIcon,
-              title,
-              description,
-              dataTestId,
-              children
-            }
-          ),
-          /* @__PURE__ */ jsx(
-            BannerTrailing,
-            {
-              actions,
-              variant,
-              dismissible,
-              onDismissClick: handleDismiss,
-              dismissLabel,
-              dataTestId
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-Banner.displayName = "Banner";
-
-export {
-  Banner
-};
-//# sourceMappingURL=chunk-EDBTCEPC.js.map

package/dist/chunk-EDBTCEPC.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/Banner/Banner.tsx"],"sourcesContent":["import CheckCircle from '@mui/icons-material/CheckCircle';\nimport Close from '@mui/icons-material/Close';\nimport Error from '@mui/icons-material/Error';\nimport Info from '@mui/icons-material/Info';\nimport Warning from '@mui/icons-material/Warning';\nimport Box from '@mui/material/Box/index.js';\nimport Button from '@mui/material/Button/index.js';\nimport IconButton from '@mui/material/IconButton/index.js';\nimport Typography from '@mui/material/Typography/index.js';\nimport { alpha, styled } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport React from 'react';\n\nimport { BANNER_TINT_S, bannerPartStyles, bannerPointerStates, fadeInSlide, getVariantColor } from './Banner.styles';\nimport { FOCUS } from '../Alert/Alert.metrics';\nimport type { BannerProps, BannerVariant } from './Banner.types';\n\n\n\nconst StyledBanner = styled(Box, {\n  shouldForwardProp: (prop) => !['variant', 'sticky', 'fullWidth'].includes(prop as string),\n})<{\n  variant: BannerVariant;\n  sticky: boolean;\n  fullWidth: boolean;\n}>(({ theme, variant, sticky, fullWidth }) => {\n\n  const colorPalette = getVariantColor(theme, variant);\n\n  return {\n    display: 'flex',\n    alignItems: 'flex-start',\n    gap: theme.spacing(1.5),\n    padding: theme.spacing(1.5, 2),\n    borderRadius: theme.spacing(1),\n    backgroundColor: alpha(colorPalette.main, 0.1),\n    border: `1px solid ${alpha(colorPalette.main, 0.2)}`,\n    color: colorPalette.main,\n    position: sticky ? 'sticky' : 'relative',\n    top: sticky ? 0 : 'auto',\n    zIndex: sticky ? theme.zIndex.appBar : 'auto',\n    width: fullWidth ? '100vw' : '100%',\n    marginLeft: fullWidth ? '50%' : 0,\n    transform: fullWidth ? 'translateX(-50%)' : 'none',\n    animation: `${fadeInSlide} 0.3s ease-out`,\n    transition: `all 0.3s cubic-bezier(0.4, 0, 0.2, 1), box-shadow ${BANNER_TINT_S}s cubic-bezier(0.4, 0, 0.2, 1)`,\n\n    ...bannerPointerStates(theme),\n\n    // Focus: `:focus-visible`, not `:focus-within`.\n    //\n    // The banner carries `tabIndex={0}`, so a MOUSE CLICK focused it and\n    // painted this ring — a keyboard affordance answering a pointer, which is\n    // what made clicking one look like an error state. `:focus-visible` is the\n    // browser's own answer to whether the focus came from the keyboard: the\n    // ring stays for whoever tabs here and never fires on a click. Same defect\n    // and same fix as `Alert`, which is the sibling surface (FUT-1458).\n    '&:focus-visible': {\n      outline: `${FOCUS.ringWidth}px solid ${alpha(colorPalette.main, FOCUS.ringAlpha)}`,\n      outlineOffset: `${FOCUS.offset}px`,\n    },\n\n    ...bannerPartStyles(theme, colorPalette),\n\n    // Responsive layout\n    [theme.breakpoints.down('sm')]: {\n      flexDirection: 'column',\n      alignItems: 'stretch',\n      gap: theme.spacing(1),\n      \n      '.banner-content': {\n        order: 1,\n      },\n\n      '.banner-actions': {\n        order: 2,\n        justifyContent: 'flex-start',\n        marginTop: theme.spacing(1),\n        marginLeft: 0,\n      },\n    },\n\n    // Glass effect variant (optional enhancement)\n    '&.banner-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      color: theme.palette.text.primary,\n      \n      '.banner-icon': {\n        color: colorPalette.main,\n      },\n    },\n  };\n});\n\nconst getVariantIcon = (variant: BannerVariant) => {\n  const iconMap: Record<BannerVariant, React.ReactNode> = {\n    info: <Info />,\n    success: <CheckCircle />,\n    warning: <Warning />,\n    critical: <Error />,\n  };\n  return iconMap[variant];\n};\n\ntype BannerAction = NonNullable<BannerProps['actions']>[number];\n\n// Warnings and criticals interrupt the screen reader; the rest are announced\n// politely when it next pauses.\nconst resolveAriaAnnouncement = (variant: BannerVariant) => ({\n  role: variant === 'warning' || variant === 'critical' ? 'alert' : 'status',\n  live: (variant === 'critical' ? 'assertive' : 'polite') as 'assertive' | 'polite',\n});\n\nconst testIdFor = (base: string | undefined, suffix: string) =>\n  base ? `${base}-${suffix}` : `banner-${suffix}`;\n\n// Resolves the banner's palette once, rather than per property as the inline\n// version did — getVariantColor was being called nine times to build one button.\nconst buildActionSx = (\n  theme: Theme,\n  variant: BannerVariant,\n  actionVariant: BannerAction['variant'],\n) => {\n  const palette = getVariantColor(theme, variant);\n\n  return {\n    minWidth: 'auto',\n    px: 1.5,\n    py: 0.5,\n    fontSize: '0.8125rem',\n    fontWeight: 500,\n    borderRadius: 1,\n\n    ...(actionVariant === 'primary' && {\n      backgroundColor: palette.main,\n      color: theme.palette.getContrastText(palette.main),\n\n      // Colour only. The banner itself moves nothing under a pointer, and an\n      // action that lifts inside one that does not is the inconsistency a\n      // reader notices without being able to name it (FUT-1458).\n      '&:hover': {\n        backgroundColor: palette.dark || palette.main,\n      },\n    }),\n\n    ...(actionVariant === 'secondary' && {\n      borderColor: palette.main,\n      color: palette.main,\n\n      '&:hover': {\n        backgroundColor: alpha(palette.main, 0.1),\n        borderColor: palette.main,\n      },\n    }),\n  };\n};\n\nconst BannerActionButton: React.FC<{\n  action: BannerAction;\n  variant: BannerVariant;\n  dataTestId?: string;\n}> = ({ action, variant, dataTestId }) => (\n  <Button\n    size=\"small\"\n    variant={action.variant === 'primary' ? 'contained' : 'outlined'}\n    onClick={action.onClick}\n    data-testid={testIdFor(dataTestId, 'action')}\n    sx={(theme) => buildActionSx(theme, variant, action.variant)}\n  >\n    {action.label}\n  </Button>\n);\n\nconst BannerBody: React.FC<{\n  displayIcon: React.ReactNode;\n  title?: BannerProps['title'];\n  description?: BannerProps['description'];\n  dataTestId?: string;\n  children?: React.ReactNode;\n}> = ({ displayIcon, title, description, dataTestId, children }) => (\n  <>\n    {displayIcon && (\n      <Box className=\"banner-icon\" aria-hidden=\"true\" data-testid={testIdFor(dataTestId, 'icon')}>\n        {displayIcon}\n      </Box>\n    )}\n\n    <Box className=\"banner-content\">\n      {title && (\n        <Typography\n          className=\"banner-title\"\n          variant=\"subtitle2\"\n          component=\"div\"\n          data-testid={testIdFor(dataTestId, 'title')}\n        >\n          {title}\n        </Typography>\n      )}\n      {description && (\n        <Typography\n          className=\"banner-description\"\n          variant=\"body2\"\n          component=\"div\"\n          data-testid={testIdFor(dataTestId, 'message')}\n        >\n          {description}\n        </Typography>\n      )}\n      {children}\n    </Box>\n  </>\n);\n\nconst BannerTrailing: React.FC<{\n  actions?: BannerProps['actions'];\n  variant: BannerVariant;\n  dismissible: boolean;\n  onDismissClick: () => void;\n  dismissLabel: string;\n  dataTestId?: string;\n}> = ({ actions, variant, dismissible, onDismissClick, dismissLabel, dataTestId }) => (\n  <Box display=\"flex\" alignItems=\"center\" gap={1}>\n    {actions && actions.length > 0 && (\n      <Box className=\"banner-actions\">\n        {actions.map((action, index) => (\n          <BannerActionButton\n            key={index}\n            action={action}\n            variant={variant}\n            dataTestId={dataTestId}\n          />\n        ))}\n      </Box>\n    )}\n\n    {dismissible && (\n      <IconButton\n        className=\"banner-dismiss\"\n        size=\"small\"\n        onClick={onDismissClick}\n        aria-label={dismissLabel}\n        data-testid={testIdFor(dataTestId, 'close')}\n        sx={{ transition: 'all 0.2s ease' }}\n      >\n        <Close fontSize=\"small\" />\n      </IconButton>\n    )}\n  </Box>\n);\n\nexport const Banner = React.forwardRef<HTMLDivElement, BannerProps>(\n  (\n    {\n      variant = 'info',\n      title,\n      description,\n      icon,\n      dismissible = false,\n      dismissLabel,\n      onDismiss,\n      actions,\n      sticky = false,\n      fullWidth = false,\n      className,\n      children,\n      'data-testid': dataTestId = 'banner',\n      ...props\n    },\n    ref,\n  ) => {\n    const [visible, setVisible] = React.useState(true);\n\n    const handleDismiss = React.useCallback(() => {\n      setVisible(false);\n      onDismiss?.();\n    }, [onDismiss]);\n\n    const displayIcon = icon || getVariantIcon(variant);\n\n    const { role: ariaRole, live: ariaLive } = resolveAriaAnnouncement(variant);\n\n    if (!visible) {\n      return null;\n    }\n\n    return (\n      <StyledBanner\n        ref={ref}\n        variant={variant}\n        sticky={sticky}\n        fullWidth={fullWidth}\n        className={className}\n        role={ariaRole}\n        aria-live={ariaLive}\n        aria-atomic=\"true\"\n        tabIndex={0}\n        data-testid={dataTestId}\n        {...props}\n      >\n        <BannerBody\n          displayIcon={displayIcon}\n          title={title}\n          description={description}\n          dataTestId={dataTestId}\n        >\n          {children}\n        </BannerBody>\n\n        <BannerTrailing\n          actions={actions}\n          variant={variant}\n          dismissible={dismissible}\n          onDismissClick={handleDismiss}\n          dismissLabel={dismissLabel}\n          dataTestId={dataTestId}\n        />\n      </StyledBanner>\n    );\n  },\n);\n\nBanner.displayName = 'Banner';"],"mappings":"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","names":[]}

package/dist/chunk-EHCUOX6R.js

@@ -1,264 +0,0 @@
-import {
-  ColumnsTab
-} from "./chunk-JGOXXKPY.js";
-import {
-  DisplayTab,
-  SortTab
-} from "./chunk-SCQJV54H.js";
-import {
-  ViewActions,
-  ViewFooter,
-  ViewHeader,
-  ViewsList
-} from "./chunk-GQ4I6Z32.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Button
-} from "./chunk-3EDZU2H7.js";
-
-// src/components/data-display/DataViews/data-views-display-panel.tsx
-import KeyboardArrowDownRoundedIcon from "@mui/icons-material/KeyboardArrowDownRounded";
-import DisplaySettingsRoundedIcon from "@mui/icons-material/DisplaySettingsRounded";
-import Popover from "@mui/material/Popover/index.js";
-import { useState } from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-function displayTabs(copy) {
-  return [
-    { key: "sort", label: copy.display.sortTab },
-    { key: "columns", label: copy.display.columnsTab },
-    { key: "display", label: copy.display.panelTab }
-  ];
-}
-function PanelTabs({
-  tab,
-  onChange,
-  muted,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(default2, { sx: { display: "flex", gap: 0.5, p: 0.75, bgcolor: "action.hover", borderBottom: 1, borderColor: "divider" }, children: displayTabs(copy).map((entry) => {
-    const active = tab === entry.key && !muted;
-    return /* @__PURE__ */ jsx(
-      default2,
-      {
-        component: "button",
-        type: "button",
-        onClick: () => onChange(entry.key),
-        "data-testid": `${testIdPrefix}-display-tab-${entry.key}`,
-        "aria-current": active,
-        sx: {
-          flex: 1,
-          px: 1,
-          py: 0.75,
-          border: 0,
-          borderRadius: 1,
-          cursor: "pointer",
-          font: "inherit",
-          fontSize: "0.8125rem",
-          bgcolor: active ? "background.paper" : "transparent",
-          boxShadow: active ? 1 : 0,
-          fontWeight: active ? 600 : 400,
-          color: active ? "text.primary" : "text.secondary"
-        },
-        children: entry.label
-      },
-      entry.key
-    );
-  }) });
-}
-function PanelBody({
-  tab,
-  c,
-  sortKinds,
-  testIdPrefix
-}) {
-  if (tab === "sort") {
-    return /* @__PURE__ */ jsx(
-      SortTab,
-      {
-        fields: c.resolvedSortFields,
-        activeField: c.activeSortField,
-        activeOrder: c.activeSortOrder,
-        onChange: (field, order) => c.patch({ sortBy: [{ id: field, dir: order }] }),
-        sortKinds,
-        testIdPrefix
-      }
-    );
-  }
-  if (tab === "columns") {
-    return /* @__PURE__ */ jsx(
-      ColumnsTab,
-      {
-        columns: c.hideableColumns,
-        order: c.columnOrder,
-        visibleColumns: c.state.visibleColumns,
-        onToggle: c.toggleColumn,
-        onReorder: (order) => c.patch({ order }),
-        onShowAll: () => c.patch({ visibleColumns: c.columnOrder }),
-        onReset: () => c.patch({ visibleColumns: c.columnOrder, order: void 0 }),
-        testIdPrefix
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(DisplayTab, { testIdPrefix });
-}
-function PanelSurface({
-  c,
-  view,
-  nav,
-  tab,
-  onTab,
-  viewsOpen,
-  onToggleViews,
-  actionsFor,
-  onOpenActions,
-  onBack,
-  sortKinds,
-  onDone,
-  testIdPrefix
-}) {
-  return /* @__PURE__ */ jsxs(default2, { "data-testid": `${testIdPrefix}-display-panel`, children: [
-    view && /* @__PURE__ */ jsx(
-      ViewHeader,
-      {
-        view,
-        open: viewsOpen,
-        onToggle: onToggleViews,
-        testIdPrefix
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      PanelTabs,
-      {
-        tab,
-        onChange: onTab,
-        muted: Boolean(nav),
-        testIdPrefix
-      }
-    ),
-    /* @__PURE__ */ jsx(default2, { sx: { maxHeight: 320, minHeight: 220, overflowY: "auto" }, children: nav ? /* @__PURE__ */ jsx(
-      ViewsBody,
-      {
-        nav,
-        actionsFor,
-        onOpenActions,
-        onBack,
-        testIdPrefix
-      }
-    ) : /* @__PURE__ */ jsx(PanelBody, { tab, c, sortKinds, testIdPrefix }) }),
-    view && /* @__PURE__ */ jsx(ViewFooter, { view, onDone, testIdPrefix })
-  ] });
-}
-function ViewsBody({
-  nav,
-  actionsFor,
-  onOpenActions,
-  onBack,
-  testIdPrefix
-}) {
-  const live = actionsFor ? nav.views.find((view) => view.id === actionsFor.id) : void 0;
-  if (live) {
-    return /* @__PURE__ */ jsx(ViewActions, { view: live, handlers: nav, onBack, testIdPrefix });
-  }
-  return /* @__PURE__ */ jsx(ViewsList, { handlers: nav, onOpenActions, testIdPrefix });
-}
-function DisplayTrigger({
-  dirty,
-  compact,
-  onOpen,
-  testIdPrefix
-}) {
-  const copy = useDataViewsCopy();
-  return /* @__PURE__ */ jsx(
-    Button,
-    {
-      variant: "outline",
-      size: "sm",
-      color: "neutral",
-      onClick: (event) => onOpen(event.currentTarget),
-      dataTestId: `${testIdPrefix}-display-trigger`,
-      "aria-label": copy.display.trigger,
-      title: compact ? copy.display.trigger : void 0,
-      children: /* @__PURE__ */ jsxs(default2, { component: "span", sx: { display: "inline-flex", alignItems: "center", gap: 0.5 }, children: [
-        /* @__PURE__ */ jsx(DisplaySettingsRoundedIcon, { fontSize: "small" }),
-        !compact && /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: { xs: "none", sm: "inline" } }, children: copy.display.trigger }),
-        dirty && /* @__PURE__ */ jsx(default2, { component: "span", sx: { height: 6, width: 6, borderRadius: "50%", bgcolor: "primary.main" } }),
-        !compact && /* @__PURE__ */ jsx(KeyboardArrowDownRoundedIcon, { fontSize: "small" })
-      ] })
-    }
-  );
-}
-function DataViewsDisplayPanel({
-  c,
-  testIdPrefix,
-  sortKinds,
-  view,
-  compact
-}) {
-  const [anchor, setAnchor] = useState(null);
-  const [tab, setTab] = useState("columns");
-  const [viewsOpen, setViewsOpen] = useState(false);
-  const [actionsFor, setActionsFor] = useState(null);
-  const nav = viewsOpen ? view?.nav : void 0;
-  const close = () => setAnchor(null);
-  const leaveViews = () => {
-    setViewsOpen(false);
-    setActionsFor(null);
-  };
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(
-      DisplayTrigger,
-      {
-        dirty: Boolean(view?.dirty),
-        compact: Boolean(compact),
-        onOpen: setAnchor,
-        testIdPrefix
-      }
-    ),
-    /* @__PURE__ */ jsx(
-      Popover,
-      {
-        open: Boolean(anchor),
-        anchorEl: anchor,
-        onClose: close,
-        anchorOrigin: { vertical: "bottom", horizontal: "right" },
-        transformOrigin: { vertical: "top", horizontal: "right" },
-        slotProps: { paper: { sx: { width: 320, maxWidth: "calc(100vw - 32px)" } } },
-        children: /* @__PURE__ */ jsx(
-          PanelSurface,
-          {
-            c,
-            view,
-            nav,
-            tab,
-            onTab: (next) => {
-              setTab(next);
-              leaveViews();
-            },
-            viewsOpen,
-            onToggleViews: () => {
-              setViewsOpen((prev) => !prev);
-              setActionsFor(null);
-            },
-            actionsFor,
-            onOpenActions: setActionsFor,
-            onBack: () => setActionsFor(null),
-            sortKinds,
-            onDone: close,
-            testIdPrefix
-          }
-        )
-      }
-    )
-  ] });
-}
-
-export {
-  DataViewsDisplayPanel
-};
-//# sourceMappingURL=chunk-EHCUOX6R.js.map

package/dist/chunk-EHCUOX6R.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/data-display/DataViews/data-views-display-panel.tsx"],"sourcesContent":["\"use client\";\n\nimport type { DataViewsCopy } from \"./data-views-copy\";\nimport KeyboardArrowDownRoundedIcon from \"@mui/icons-material/KeyboardArrowDownRounded\";\n// Says \"display settings\" rather than the generic tune sliders it used to\n// share with the \"Mais\" FILTER trigger — see the note there.\nimport DisplaySettingsRoundedIcon from \"@mui/icons-material/DisplaySettingsRounded\";\nimport Popover from \"@mui/material/Popover/index.js\";\nimport { useState } from \"react\";\n\nimport { useDataViewsCopy } from \"./data-views-copy-context\";\nimport { Button } from \"../../form/Button\";\nimport { Box } from \"../../../mui/Box\";\n\nimport { ColumnsTab } from \"./data-views-columns-tab\";\nimport {\n  ViewActions,\n  ViewFooter,\n  ViewHeader,\n  ViewsList,\n  type ViewNavHandlers,\n} from \"./data-views-view-nav\";\nimport type { SavedViewSummary } from \"./data-views-types\";\nimport { DisplayTab, SortTab } from \"./data-views-display-tabs\";\nimport type { DataViewsController } from \"./use-data-views-state\";\n\n/**\n * \"EXIBIR\" — one panel for every question about how the list is READ.\n *\n * Sort, columns and format used to be three separate toolbar dropdowns, which\n * asked the operator to already know which one held what. They are one decision\n * (\"how do I want to read this?\") so they are one control with three tabs.\n *\n * A view BRACKETS the panel: its name pinned at the top, the save actions\n * pinned at the bottom, both visible on every tab — so a change made in Colunas\n * is one glance away from the button that saves it. A separate \"Visão\" button\n * in the toolbar would be the same concept twice, in two places, disagreeing\n * about whether there are unsaved changes.\n */\n\n/** Which tab is showing. `columns` first: it is what an operator opens this for. */\ntype DisplayTabKey = \"sort\" | \"columns\" | \"display\";\n\nfunction displayTabs(copy: DataViewsCopy): { key: DisplayTabKey; label: string }[] {\n  return [\n    { key: \"sort\", label: copy.display.sortTab },\n    { key: \"columns\", label: copy.display.columnsTab },\n    { key: \"display\", label: copy.display.panelTab },\n  ];\n}\n\n/** The saved-view chrome the panel brackets its tabs with, when a host supplies it. */\nexport interface DisplayPanelView {\n  /** The applied view's name, or undefined for the built-in \"Visão principal\". */\n  activeViewName?: string;\n  /** True when the live state differs from the applied view (or from pristine). */\n  dirty: boolean;\n  /** Restore the applied view (or the pristine default) — discards local changes. */\n  onReset: () => void;\n  /** Persist the live state over the applied view. Absent ⇒ no update affordance. */\n  onUpdate?: () => void;\n  /** Persist the live state as a NEW view. */\n  onSaveAs: () => void;\n  /**\n   * The saved views themselves, rendered INLINE in this panel's body when the\n   * VISÃO header is opened — not as a dropdown of their own. The panel stays\n   * data-free: the host owns the views and every mutation, this only decides\n   * where they appear.\n   */\n  nav?: ViewNavHandlers;\n}\n\ninterface DisplayPanelProps<T extends Record<string, unknown>> {\n  c: DataViewsController<T>;\n  testIdPrefix: string;\n  /** Per-sort-field value kind, so directions read in the column's own terms. */\n  sortKinds?: Record<string, string>;\n  view?: DisplayPanelView;\n  /** Icon only — step 2 of the toolbar's measured degradation ladder. */\n  compact?: boolean;\n}\n\n/** The tab strip inside the panel. */\nfunction PanelTabs({\n  tab,\n  onChange,\n  muted,\n  testIdPrefix,\n}: {\n  tab: DisplayTabKey;\n  onChange: (tab: DisplayTabKey) => void;\n  /** The views own the body — no tab is showing, so none reads as selected. */\n  muted?: boolean;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Box sx={{ display: \"flex\", gap: 0.5, p: 0.75, bgcolor: \"action.hover\", borderBottom: 1, borderColor: \"divider\" }}>\n      {displayTabs(copy).map((entry) => {\n        const active = tab === entry.key && !muted;\n        return (\n        <Box\n          key={entry.key}\n          component=\"button\"\n          type=\"button\"\n          onClick={() => onChange(entry.key)}\n          data-testid={`${testIdPrefix}-display-tab-${entry.key}`}\n          aria-current={active}\n          sx={{\n            flex: 1,\n            px: 1,\n            py: 0.75,\n            border: 0,\n            borderRadius: 1,\n            cursor: \"pointer\",\n            font: \"inherit\",\n            fontSize: \"0.8125rem\",\n            bgcolor: active ? \"background.paper\" : \"transparent\",\n            boxShadow: active ? 1 : 0,\n            fontWeight: active ? 600 : 400,\n            color: active ? \"text.primary\" : \"text.secondary\",\n          }}\n        >\n          {entry.label}\n        </Box>\n        );\n      })}\n    </Box>\n  );\n}\n\n/** The active tab's body. */\nfunction PanelBody<T extends Record<string, unknown>>({\n  tab,\n  c,\n  sortKinds,\n  testIdPrefix,\n}: {\n  tab: DisplayTabKey;\n  c: DataViewsController<T>;\n  sortKinds?: Record<string, string>;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  if (tab === \"sort\") {\n    return (\n      <SortTab\n        fields={c.resolvedSortFields}\n        activeField={c.activeSortField}\n        activeOrder={c.activeSortOrder}\n        onChange={(field, order) => c.patch({ sortBy: [{ id: field, dir: order }] })}\n        sortKinds={sortKinds}\n        testIdPrefix={testIdPrefix}\n      />\n    );\n  }\n  if (tab === \"columns\") {\n    return (\n      <ColumnsTab\n        columns={c.hideableColumns}\n        order={c.columnOrder}\n        visibleColumns={c.state.visibleColumns}\n        onToggle={c.toggleColumn}\n        onReorder={(order) => c.patch({ order })}\n        onShowAll={() => c.patch({ visibleColumns: c.columnOrder })}\n        // \"Padrão\" restores BOTH: the declared order and every column visible.\n        onReset={() => c.patch({ visibleColumns: c.columnOrder, order: undefined })}\n        testIdPrefix={testIdPrefix}\n      />\n    );\n  }\n  return <DisplayTab testIdPrefix={testIdPrefix} />;\n}\n\n/** Everything inside the popover: VISÃO header, tabs, body, save footer. */\nfunction PanelSurface<T extends Record<string, unknown>>({\n  c, view, nav, tab, onTab, viewsOpen, onToggleViews, actionsFor, onOpenActions,\n  onBack, sortKinds, onDone, testIdPrefix,\n}: {\n  c: DataViewsController<T>;\n  view?: DisplayPanelView;\n  nav?: ViewNavHandlers;\n  tab: DisplayTabKey;\n  onTab: (tab: DisplayTabKey) => void;\n  viewsOpen: boolean;\n  onToggleViews: () => void;\n  actionsFor: SavedViewSummary | null;\n  onOpenActions: (view: SavedViewSummary) => void;\n  onBack: () => void;\n  sortKinds?: Record<string, string>;\n  onDone: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  return (\n    <Box data-testid={`${testIdPrefix}-display-panel`}>\n          {view && (\n            <ViewHeader\n              view={view}\n              open={viewsOpen}\n              onToggle={onToggleViews}\n              testIdPrefix={testIdPrefix}\n            />\n          )}\n          <PanelTabs\n            tab={tab}\n            onChange={onTab}\n            muted={Boolean(nav)}\n            testIdPrefix={testIdPrefix}\n          />\n          {/* Constrained + scrolled: the columns list is unbounded, and a panel\n              taller than the viewport puts its own save button off screen. */}\n          <Box sx={{ maxHeight: 320, minHeight: 220, overflowY: \"auto\" }}>\n            {nav ? (\n              <ViewsBody\n                nav={nav}\n                actionsFor={actionsFor}\n                onOpenActions={onOpenActions}\n                onBack={onBack}\n                testIdPrefix={testIdPrefix}\n              />\n            ) : (\n              <PanelBody tab={tab} c={c} sortKinds={sortKinds} testIdPrefix={testIdPrefix} />\n            )}\n          </Box>\n          {view && <ViewFooter view={view} onDone={onDone} testIdPrefix={testIdPrefix} />}\n    </Box>\n  );\n}\n\n\n/** The views as the panel's body: the list, or one view's actions. */\nfunction ViewsBody({\n  nav,\n  actionsFor,\n  onOpenActions,\n  onBack,\n  testIdPrefix,\n}: {\n  nav: ViewNavHandlers;\n  actionsFor: SavedViewSummary | null;\n  onOpenActions: (view: SavedViewSummary) => void;\n  onBack: () => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  // Resolve against the LIVE list, not the object captured when the kebab was\n  // clicked: toggling \"Fixar\" or \"Compartilhar\" replaces the view in `views`,\n  // and a held snapshot would keep showing the state from before the click.\n  const live = actionsFor ? nav.views.find((view) => view.id === actionsFor.id) : undefined;\n  if (live) {\n    return <ViewActions view={live} handlers={nav} onBack={onBack} testIdPrefix={testIdPrefix} />;\n  }\n  return <ViewsList handlers={nav} onOpenActions={onOpenActions} testIdPrefix={testIdPrefix} />;\n}\n\n/** The \"Exibir\" button, with the dot that says the view has unsaved changes. */\nfunction DisplayTrigger({\n  dirty,\n  compact,\n  onOpen,\n  testIdPrefix,\n}: {\n  dirty: boolean;\n  compact: boolean;\n  onOpen: (anchor: HTMLElement) => void;\n  testIdPrefix: string;\n}): React.JSX.Element {\n  const copy = useDataViewsCopy();\n  return (\n    <Button\n      variant=\"outline\"\n      size=\"sm\"\n      color=\"neutral\"\n      onClick={(event) => onOpen(event.currentTarget as HTMLElement)}\n      dataTestId={`${testIdPrefix}-display-trigger`}\n      aria-label={copy.display.trigger}\n      title={compact ? copy.display.trigger : undefined}\n    >\n      <Box component=\"span\" sx={{ display: \"inline-flex\", alignItems: \"center\", gap: 0.5 }}>\n        <DisplaySettingsRoundedIcon fontSize=\"small\" />\n        {!compact && (\n          <Box component=\"span\" sx={{ display: { xs: \"none\", sm: \"inline\" } }}>\n            {copy.display.trigger}\n          </Box>\n        )}\n        {dirty && (\n          <Box component=\"span\" sx={{ height: 6, width: 6, borderRadius: \"50%\", bgcolor: \"primary.main\" }} />\n        )}\n        {/* The chevron goes with the label. Once the control is a bare icon it\n            is already unmistakably a button, and on the rung where that happens\n            the ~24px it costs is the difference between a row that fits and one\n            that scrolls. */}\n        {!compact && <KeyboardArrowDownRoundedIcon fontSize=\"small\" />}\n      </Box>\n    </Button>\n  );\n}\n\n/**\n * The toolbar's \"Exibir\" control: one button, one popover, three tabs, and the\n * view bracketing all of it.\n */\nexport function DataViewsDisplayPanel<T extends Record<string, unknown>>({\n  c,\n  testIdPrefix,\n  sortKinds,\n  view,\n  compact,\n}: DisplayPanelProps<T>): React.JSX.Element {\n  const [anchor, setAnchor] = useState<HTMLElement | null>(null);\n  const [tab, setTab] = useState<DisplayTabKey>(\"columns\");\n  // The views REPLACE the tab body rather than opening over it — see\n  // `data-views-view-nav`. `actionsFor` is the second level of that drill-down.\n  const [viewsOpen, setViewsOpen] = useState(false);\n  const [actionsFor, setActionsFor] = useState<SavedViewSummary | null>(null);\n  // Non-null only while the views are the body — the one place that decides\n  // whether this panel is showing tabs or views.\n  const nav = viewsOpen ? view?.nav : undefined;\n  const close = (): void => setAnchor(null);\n  const leaveViews = (): void => {\n    setViewsOpen(false);\n    setActionsFor(null);\n  };\n  return (\n    <>\n      <DisplayTrigger\n        dirty={Boolean(view?.dirty)}\n        compact={Boolean(compact)}\n        onOpen={setAnchor}\n        testIdPrefix={testIdPrefix}\n      />\n      <Popover\n        open={Boolean(anchor)}\n        anchorEl={anchor}\n        onClose={close}\n        anchorOrigin={{ vertical: \"bottom\", horizontal: \"right\" }}\n        transformOrigin={{ vertical: \"top\", horizontal: \"right\" }}\n        slotProps={{ paper: { sx: { width: 320, maxWidth: \"calc(100vw - 32px)\" } } }}\n      >\n        <PanelSurface\n          c={c}\n          view={view}\n          nav={nav}\n          tab={tab}\n          onTab={(next) => {\n            setTab(next);\n            leaveViews();\n          }}\n          viewsOpen={viewsOpen}\n          onToggleViews={() => {\n            setViewsOpen((prev) => !prev);\n            setActionsFor(null);\n          }}\n          actionsFor={actionsFor}\n          onOpenActions={setActionsFor}\n          onBack={() => setActionsFor(null)}\n          sortKinds={sortKinds}\n          onDone={close}\n          testIdPrefix={testIdPrefix}\n        />\n      </Popover>\n    </>\n  );\n}\n"],"mappings":"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","names":["default"]}

package/dist/chunk-EIJC5DWG.js

@@ -1,77 +0,0 @@
-import {
-  Avatar
-} from "./chunk-L7Q5BH4A.js";
-import {
-  Card
-} from "./chunk-N6CSXHFJ.js";
-import {
-  Button
-} from "./chunk-3EDZU2H7.js";
-import {
-  Text
-} from "./chunk-H57ZS6W2.js";
-
-// src/user-avatar/user-avatar.tsx
-import Box from "@mui/material/Box/index.js";
-import Stack from "@mui/material/Stack/index.js";
-import { jsx, jsxs } from "react/jsx-runtime";
-function getInitials(name) {
-  const parts = name.trim().split(/\s+/);
-  if (parts.length === 1) {
-    return parts[0]?.substring(0, 2).toUpperCase() ?? "";
-  }
-  return ((parts[0]?.charAt(0) ?? "") + (parts[parts.length - 1]?.charAt(0) ?? "")).toUpperCase();
-}
-function UserAvatar({
-  src,
-  name,
-  size = "md",
-  onClick,
-  interactive = false
-}) {
-  const fallbackText = name ? getInitials(name) : "?";
-  return /* @__PURE__ */ jsx(
-    Avatar,
-    {
-      src: src ?? void 0,
-      alt: name ?? "User avatar",
-      fallback: fallbackText,
-      size,
-      variant: "circle",
-      interactive: interactive || !!onClick,
-      onClick
-    }
-  );
-}
-function UserMenu({ user, onSignOut, copy }) {
-  return /* @__PURE__ */ jsx(Card, { variant: "elevated", borderRadius: "md", children: /* @__PURE__ */ jsx(Box, { sx: { p: 2 }, children: /* @__PURE__ */ jsxs(Stack, { direction: "row", spacing: 2, alignItems: "center", children: [
-    /* @__PURE__ */ jsx(
-      UserAvatar,
-      {
-        src: user.image,
-        name: user.name,
-        size: "md"
-      }
-    ),
-    /* @__PURE__ */ jsxs(Stack, { spacing: 0.5, sx: { flex: 1, minWidth: 0 }, children: [
-      /* @__PURE__ */ jsx(Text, { weight: "semibold", size: "sm", children: user.name ?? "User" }),
-      user.email && /* @__PURE__ */ jsx(Text, { color: "secondary", size: "xs", children: user.email })
-    ] }),
-    /* @__PURE__ */ jsx(
-      Button,
-      {
-        variant: "outline",
-        color: "danger",
-        size: "sm",
-        onClick: onSignOut,
-        children: copy.signOut
-      }
-    )
-  ] }) }) });
-}
-
-export {
-  UserAvatar,
-  UserMenu
-};
-//# sourceMappingURL=chunk-EIJC5DWG.js.map