@12-apps/ui 6.54.1 → 6.56.0

package/dist/chunk-I6ESCBY3.js

@@ -0,0 +1,77 @@
+import {
+  Avatar
+} from "./chunk-G76BNXWE.js";
+import {
+  Card
+} from "./chunk-J2QIICWP.js";
+import {
+  Button
+} from "./chunk-JE6FNSQV.js";
+import {
+  Text
+} from "./chunk-AJBRO76D.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-I6ESCBY3.js.map

package/dist/chunk-IBOFASAZ.js

@@ -0,0 +1,193 @@
+import {
+  accentFor
+} from "./chunk-B7ZHEOQQ.js";
+import {
+  chipDensityOverrides,
+  iconButtonDensityOverrides
+} from "./chunk-25MSGLNU.js";
+import {
+  checkboxRadioDensityOverrides,
+  switchDensityOverrides
+} from "./chunk-GAXHYRX6.js";
+import {
+  paginationItemDensityOverrides,
+  sliderDensityOverrides,
+  tabDensityOverrides,
+  tableCellDensityOverrides,
+  tabsIndicatorDensityOverrides,
+  toggleButtonDensityOverrides
+} from "./chunk-NP6SHLQ3.js";
+import {
+  headingMetrics
+} from "./chunk-PT6TCWIW.js";
+import {
+  fieldOverrides,
+  mergeMuiComponents
+} from "./chunk-RGVNXES5.js";
+import {
+  fieldRadius
+} from "./chunk-GDN2LUTZ.js";
+import {
+  FONT_WEIGHTS,
+  TYPE_SIZES,
+  WEB_FONT_FAMILY,
+  WEB_MONOSPACE_FONT_FAMILY
+} from "./chunk-2FBGDSGC.js";
+import {
+  densityFontSize,
+  resolveDensityFactor
+} from "./chunk-VBP46YP4.js";
+import {
+  cssLengthToPx,
+  cssTrackingToEm
+} from "./chunk-AG66JBNH.js";
+import {
+  HEADING_LEVELS
+} from "./chunk-FZXKH2ZT.js";
+import {
+  resolveFieldHeight
+} from "./chunk-O6MJWHU5.js";
+
+// src/provider/mui-bridge.ts
+var slot = (color) => ({
+  main: color.main,
+  light: color.light,
+  dark: color.dark,
+  contrastText: color.contrastText
+});
+function headingSteps(theme) {
+  return Object.fromEntries(
+    HEADING_LEVELS.map((level) => {
+      const metrics = headingMetrics(theme, level);
+      return [
+        level,
+        {
+          fontSize: cssLengthToPx(metrics.fontSize, 16),
+          lineHeight: metrics.lineHeight,
+          letterSpacing: cssTrackingToEm(metrics.letterSpacing),
+          normalWeight: metrics.normalWeight
+        }
+      ];
+    })
+  );
+}
+function uiThemeFromMui(theme) {
+  const { palette } = theme;
+  const unit = cssLengthToPx(theme.spacing(1), 8);
+  const md = cssLengthToPx(theme.shape.borderRadius, 4);
+  return {
+    mode: palette.mode,
+    palette: {
+      mode: palette.mode,
+      primary: slot(palette.primary),
+      secondary: slot(palette.secondary),
+      success: slot(palette.success),
+      warning: slot(palette.warning),
+      info: slot(palette.info),
+      danger: slot(palette.error),
+      neutral: accentFor(theme, "neutral"),
+      text: {
+        primary: palette.text.primary,
+        secondary: palette.text.secondary,
+        disabled: palette.text.disabled
+      },
+      background: { default: palette.background.default, paper: palette.background.paper },
+      divider: palette.divider,
+      action: {
+        active: palette.action.active,
+        hover: palette.action.hover,
+        selected: palette.action.selected,
+        disabled: palette.action.disabled,
+        disabledBackground: palette.action.disabledBackground,
+        focus: palette.action.focus
+      },
+      grey: {
+        50: palette.grey[50],
+        100: palette.grey[100],
+        200: palette.grey[200],
+        300: palette.grey[300],
+        400: palette.grey[400],
+        500: palette.grey[500],
+        600: palette.grey[600],
+        700: palette.grey[700],
+        800: palette.grey[800],
+        900: palette.grey[900]
+      }
+    },
+    spacing: (units) => units * unit,
+    spacingUnit: unit,
+    radius: { sm: md / 2, md, lg: md * 2, xl: md * 4, full: 9999, field: fieldRadius(theme) },
+    fieldHeight: resolveFieldHeight(theme.fieldHeight),
+    // A bare MUI theme (never built through `createUiTheme`/`muiThemeOptionsFrom`)
+    // carries no `theme.density` — read back as `'normal'`, factor `1`.
+    density: theme.density ?? resolveDensityFactor(),
+    typography: {
+      fontFamily: theme.typography.fontFamily ?? WEB_FONT_FAMILY,
+      monospaceFontFamily: WEB_MONOSPACE_FONT_FAMILY,
+      sizes: TYPE_SIZES,
+      weights: FONT_WEIGHTS,
+      heading: headingSteps(theme)
+    },
+    zIndex: {
+      appBar: theme.zIndex.appBar,
+      drawer: theme.zIndex.drawer,
+      modal: theme.zIndex.modal,
+      snackbar: theme.zIndex.snackbar,
+      tooltip: theme.zIndex.tooltip
+    }
+  };
+}
+function muiThemeOptionsFrom(ui) {
+  const { palette } = ui;
+  return {
+    palette: {
+      mode: palette.mode,
+      primary: { ...palette.primary },
+      secondary: { ...palette.secondary },
+      success: { ...palette.success },
+      warning: { ...palette.warning },
+      info: { ...palette.info },
+      error: { ...palette.danger },
+      text: { ...palette.text },
+      background: { ...palette.background },
+      divider: palette.divider,
+      action: { ...palette.action },
+      grey: { ...palette.grey }
+    },
+    shape: { borderRadius: ui.radius.md },
+    fieldRadius: ui.radius.field,
+    fieldHeight: ui.fieldHeight,
+    // Additive: FUT-2766 added IconButton's/Chip's overrides, FUT-2767 added
+    // Checkbox/Radio's and Switch's, and this PR (FUT-2768) adds
+    // ToggleButton/Tab/Tabs' indicator/TableCell/PaginationItem/Slider's.
+    components: mergeMuiComponents(
+      fieldOverrides(ui.radius.field, ui.fieldHeight),
+      iconButtonDensityOverrides(),
+      chipDensityOverrides(),
+      checkboxRadioDensityOverrides(),
+      switchDensityOverrides(),
+      toggleButtonDensityOverrides(),
+      tabDensityOverrides(),
+      tabsIndicatorDensityOverrides(),
+      tableCellDensityOverrides(),
+      paginationItemDensityOverrides(),
+      sliderDensityOverrides()
+    ),
+    spacing: ui.spacingUnit,
+    density: ui.density,
+    typography: {
+      fontFamily: ui.typography.fontFamily ?? WEB_FONT_FAMILY,
+      // MUI multiplies every `pxToRem` size by `fontSize / 14` — the lever a
+      // density mode moves (`./tokens/relative.ts`). `htmlFontSize` stays
+      // untouched: that is a reader's own zoom/accessibility setting, not this.
+      fontSize: densityFontSize(ui.density.factor)
+    },
+    zIndex: { ...ui.zIndex }
+  };
+}
+
+export {
+  uiThemeFromMui,
+  muiThemeOptionsFrom
+};
+//# sourceMappingURL=chunk-IBOFASAZ.js.map

package/dist/chunk-IFUWFCPJ.js

@@ -0,0 +1,70 @@
+import {
+  GREY
+} from "./chunk-2FBGDSGC.js";
+import {
+  contrastText
+} from "./chunk-44BD7SFH.js";
+
+// src/components/data-display/Progress/Progress.metrics.ts
+var PROGRESS_SIZES = {
+  xs: { height: 2, circularSize: 24, fontSize: 10 },
+  sm: { height: 4, circularSize: 32, fontSize: 12 },
+  md: { height: 6, circularSize: 40, fontSize: 14 },
+  lg: { height: 8, circularSize: 48, fontSize: 16 },
+  xl: { height: 10, circularSize: 56, fontSize: 18 }
+};
+var TRACK_ALPHA = 0.1;
+var LABEL_FONT_WEIGHT = 600;
+var LABEL_MARGIN_TOP_UNITS = 1;
+var SEGMENT_GAP_UNITS = 0.5;
+var GLASS_BAR_ALPHA = 0.8;
+var GLASS_BAR_BORDER_ALPHA = 0.3;
+var GLASS_BLUR_PX = 10;
+var BAR_GLOW = { blur: 10, spread: 2, alpha: 0.4 };
+var GLOW_BRIGHTNESS = 1.1;
+var SEGMENT_GLOW = { blur: 6, spread: 1, alpha: 0.4 };
+var CIRCULAR_GLOW = { blur: 8, alpha: 0.6 };
+var PULSE = { durationMs: 2e3, dip: 0.7 };
+var TRANSITION_MS = 300;
+var CIRCULAR_VIEWBOX = 44;
+var CIRCULAR_ROTATION_DEG = -90;
+var circularCircumference = (thickness) => 2 * Math.PI * ((CIRCULAR_VIEWBOX - thickness) / 2);
+var circularDashOffset = (value, thickness) => (100 - value) / 100 * circularCircumference(thickness);
+var CIRCULAR_INDETERMINATE = { arc: 0.25, rotationMs: 1400 };
+var LINEAR_INDETERMINATE = { width: 0.35, durationMs: 2100 };
+function progressPalette(theme, color) {
+  if (color === "neutral") {
+    return {
+      light: GREY[300],
+      main: GREY[500],
+      dark: GREY[700],
+      contrastText: contrastText(GREY[500])
+    };
+  }
+  return theme.palette[color];
+}
+
+export {
+  PROGRESS_SIZES,
+  TRACK_ALPHA,
+  LABEL_FONT_WEIGHT,
+  LABEL_MARGIN_TOP_UNITS,
+  SEGMENT_GAP_UNITS,
+  GLASS_BAR_ALPHA,
+  GLASS_BAR_BORDER_ALPHA,
+  GLASS_BLUR_PX,
+  BAR_GLOW,
+  GLOW_BRIGHTNESS,
+  SEGMENT_GLOW,
+  CIRCULAR_GLOW,
+  PULSE,
+  TRANSITION_MS,
+  CIRCULAR_VIEWBOX,
+  CIRCULAR_ROTATION_DEG,
+  circularCircumference,
+  circularDashOffset,
+  CIRCULAR_INDETERMINATE,
+  LINEAR_INDETERMINATE,
+  progressPalette
+};
+//# sourceMappingURL=chunk-IFUWFCPJ.js.map

package/dist/chunk-IK2ZVV3M.js

@@ -0,0 +1,102 @@
+import {
+  shownCount
+} from "./chunk-P3GBXE73.js";
+import {
+  Badge
+} from "./chunk-EUPUEMFX.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/navigation/SectionNav/SectionNav.parts.tsx
+import Box from "@mui/material/Box/index.js";
+import CircularProgress from "@mui/material/CircularProgress/index.js";
+import { Fragment, jsx } from "react/jsx-runtime";
+function CountedIcon({
+  icon,
+  count,
+  label,
+  testId
+}) {
+  const shown = shownCount(count);
+  if (shown === void 0) return /* @__PURE__ */ jsx(Fragment, { children: icon });
+  return (
+    // The library's corner count, in the warning role the sidebar's pill is
+    // drawn from.
+    /* @__PURE__ */ jsx(
+      Badge,
+      {
+        content: shown,
+        variant: "count",
+        color: "warning",
+        max: 99,
+        "aria-label": label(shown),
+        "aria-live": "off",
+        "data-testid": testId,
+        children: icon
+      }
+    )
+  );
+}
+function focusRing(theme) {
+  return {
+    "&:focus-visible": {
+      outline: `${rem(theme, 2)} solid ${theme.palette.primary.main}`,
+      outlineOffset: rem(theme, -2)
+    }
+  };
+}
+function controlProps({
+  href,
+  onClick,
+  linkComponent,
+  inert = false,
+  busy = false,
+  dimmed = false
+}) {
+  if (inert) return { component: "button", type: "button", disabled: true };
+  if (busy) return { component: "button", type: "button", "aria-disabled": "true" };
+  if (dimmed) return { component: "button", type: "button", "aria-disabled": "true", onClick };
+  if (href !== void 0) return { component: linkComponent ?? "a", href, onClick };
+  return { component: "button", type: "button", onClick };
+}
+function destinationControl(destination, linkComponent, onClick) {
+  return {
+    ...controlProps({
+      href: destination.href,
+      linkComponent,
+      inert: destination.disabled === true,
+      busy: destination.loading === true,
+      dimmed: destination.dimmed === true,
+      onClick
+    }),
+    "aria-pressed": destination.href === void 0 ? destination.active : void 0
+  };
+}
+var NOT_LIVE = '&:disabled, &[aria-disabled="true"]';
+function SlotIcon({ icon, loading }) {
+  if (!loading) return /* @__PURE__ */ jsx(Fragment, { children: icon });
+  return /* @__PURE__ */ jsx(CircularProgress, { size: "1em", color: "inherit", thickness: 5, "data-testid": "section-nav-spinner" });
+}
+var CONTROL_RESET = {
+  border: 0,
+  background: "none",
+  font: "inherit",
+  color: "inherit",
+  textDecoration: "none",
+  cursor: "pointer",
+  margin: 0,
+  [NOT_LIVE]: { cursor: "default" }
+};
+
+export {
+  Box,
+  CountedIcon,
+  focusRing,
+  controlProps,
+  destinationControl,
+  NOT_LIVE,
+  SlotIcon,
+  CONTROL_RESET
+};
+//# sourceMappingURL=chunk-IK2ZVV3M.js.map

package/dist/chunk-INZD3TMN.js

@@ -0,0 +1,119 @@
+import {
+  CollapseToggle,
+  LogoBar,
+  MenuList
+} from "./chunk-WGG7XNQB.js";
+import {
+  renderMenuItem
+} from "./chunk-VFXTHDF3.js";
+import {
+  slideIn
+} from "./chunk-3AIRFAI3.js";
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/navigation/NavigationMenu/NavigationStandardBody.tsx
+import MenuIcon from "@mui/icons-material/Menu";
+import Box from "@mui/material/Box/index.js";
+import Divider from "@mui/material/Divider/index.js";
+import Fade from "@mui/material/Fade/index.js";
+import ListItemIcon from "@mui/material/ListItemIcon/index.js";
+import ListItemText from "@mui/material/ListItemText/index.js";
+import Paper from "@mui/material/Paper/index.js";
+import { alpha } from "@mui/material/styles/index.js";
+import React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var DividerRule = () => /* @__PURE__ */ jsx(
+  Divider,
+  {
+    sx: {
+      my: 1,
+      opacity: 0.5,
+      background: (theme) => `linear-gradient(90deg, transparent 0%, ${alpha(theme.palette.divider, 0.5)} 50%, transparent 100%)`
+    }
+  }
+);
+var VerticalLogo = ({ logo, collapsed }) => /* @__PURE__ */ jsx(LogoBar, { children: collapsed ? /* @__PURE__ */ jsx(Box, { sx: { display: "flex", justifyContent: "center" }, children: /* @__PURE__ */ jsx(MenuIcon, {}) }) : logo });
+var CollapseControl = ({
+  collapsed,
+  onToggle
+}) => /* @__PURE__ */ jsxs(CollapseToggle, { onClick: onToggle, children: [
+  /* @__PURE__ */ jsx(ListItemIcon, { sx: { minWidth: collapsed ? 0 : sxRem(40), justifyContent: "center" }, children: /* @__PURE__ */ jsx(MenuIcon, {}) }),
+  !collapsed && /* @__PURE__ */ jsx(ListItemText, { primary: "Collapse" })
+] });
+var MenuItems = ({ items, variant, size, collapsed, minimal, showDividers }) => /* @__PURE__ */ jsx(MenuList, { variant, size, children: items.map((item, index) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
+  /* @__PURE__ */ jsx(
+    Box,
+    {
+      sx: {
+        // Staggered so the list fills in rather than appearing at once.
+        animation: (theme) => `${slideIn(theme)} 0.4s ease-out`,
+        animationDelay: `${index * 0.05}s`,
+        animationFillMode: "both"
+      },
+      children: renderMenuItem(item, variant, size, collapsed, minimal, 0)
+    }
+  ),
+  showDividers && index < items.length - 1 && /* @__PURE__ */ jsx(DividerRule, {})
+] }, item.id)) });
+var EndPanel = ({ children }) => /* @__PURE__ */ jsx(Fade, { in: true, timeout: 600, children: /* @__PURE__ */ jsx(
+  Box,
+  {
+    sx: {
+      mt: "auto",
+      p: 2,
+      borderTop: (theme) => `1px solid ${alpha(theme.palette.divider, 0.1)}`,
+      background: (theme) => `linear-gradient(180deg, transparent 0%, ${alpha(theme.palette.background.default, 0.5)} 100%)`
+    },
+    children
+  }
+) });
+var NavigationStandardBody = ({
+  variant,
+  size,
+  minimal,
+  collapsed,
+  collapsible,
+  showDividers,
+  items,
+  logo,
+  endContent,
+  onCollapseToggle
+}) => {
+  const isVertical = variant === "vertical";
+  const elevation = !minimal && variant === "horizontal" ? 1 : 0;
+  return /* @__PURE__ */ jsxs(
+    Paper,
+    {
+      elevation,
+      sx: {
+        width: "100%",
+        height: isVertical ? "100%" : "auto",
+        overflow: "hidden",
+        background: minimal ? "transparent" : void 0
+      },
+      children: [
+        logo && isVertical && /* @__PURE__ */ jsx(VerticalLogo, { logo, collapsed }),
+        collapsible && isVertical && /* @__PURE__ */ jsx(CollapseControl, { collapsed, onToggle: onCollapseToggle }),
+        /* @__PURE__ */ jsx(
+          MenuItems,
+          {
+            items,
+            variant,
+            size,
+            collapsed,
+            minimal,
+            showDividers
+          }
+        ),
+        endContent && /* @__PURE__ */ jsx(EndPanel, { children: endContent })
+      ]
+    }
+  );
+};
+
+export {
+  NavigationStandardBody
+};
+//# sourceMappingURL=chunk-INZD3TMN.js.map

package/dist/chunk-IQWPVPV5.js

@@ -0,0 +1,124 @@
+import {
+  SETTING_CARD,
+  SETTING_GROUP_INACTIVE_OPACITY
+} from "./chunk-BFRVMCQM.js";
+import {
+  CARD_BORDER_WIDTH,
+  CARD_RADIUS_UNITS
+} from "./chunk-HDBP55R3.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/layout/SettingCard/SettingCard.styles.ts
+var SETTING_CARD_OPEN_ATTR = "data-setting-card-open";
+var withCallerSx = (own, sx) => [own, ...Array.isArray(sx) ? sx : [sx]];
+var surfaceStyles = (theme, open) => ({
+  boxSizing: "border-box",
+  height: "100%",
+  minWidth: 0,
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(1.5),
+  padding: theme.spacing(2.5),
+  backgroundColor: theme.palette.background.paper,
+  border: `${CARD_BORDER_WIDTH}px solid ${open ? theme.palette.primary.main : theme.palette.divider}`,
+  borderRadius: theme.spacing(CARD_RADIUS_UNITS.lg),
+  boxShadow: open ? theme.shadows[4] : "none",
+  transition: theme.transitions.create(["border-color", "box-shadow"], {
+    duration: theme.transitions.duration.short
+  }),
+  ...open ? { gridColumn: "1 / -1" } : {}
+});
+var flatStyles = (theme) => ({
+  display: "flex",
+  flexDirection: "column",
+  gap: theme.spacing(0.5),
+  padding: theme.spacing(1.25, 0),
+  minWidth: 0
+});
+var headerStyles = (theme) => ({
+  display: "flex",
+  alignItems: "center",
+  gap: rem(theme, SETTING_CARD.iconGap),
+  minWidth: 0
+});
+var titleStyles = (theme) => ({
+  ...theme.typography.subtitle1,
+  fontWeight: theme.typography.fontWeightMedium,
+  color: theme.palette.text.primary,
+  margin: 0,
+  minWidth: 0,
+  overflowWrap: "anywhere"
+});
+var SUMMARY_MAX_LINES = 2;
+var clampStyles = {
+  display: "-webkit-box",
+  WebkitLineClamp: SUMMARY_MAX_LINES,
+  WebkitBoxOrient: "vertical",
+  overflow: "hidden"
+};
+var summaryStyles = (theme) => ({
+  ...theme.typography.body2,
+  color: theme.palette.text.secondary,
+  margin: 0,
+  ...clampStyles
+});
+var descriptionStyles = (theme) => ({
+  ...theme.typography.body2,
+  color: theme.palette.text.secondary,
+  margin: 0
+});
+var hintStyles = (theme) => ({
+  ...descriptionStyles(theme),
+  display: "flex",
+  alignItems: "flex-start",
+  gap: theme.spacing(1),
+  // Centre the 16px glyph on the first 20px line; later lines wrap under the text.
+  "& > svg": { flexShrink: 0, marginTop: rem(theme, 2) }
+});
+var errorStyles = (theme) => ({
+  ...theme.typography.body2,
+  color: theme.palette.error.main,
+  margin: 0
+});
+var actionsStyles = (theme) => ({
+  display: "flex",
+  flexWrap: "wrap",
+  justifyContent: "flex-end",
+  gap: theme.spacing(1),
+  marginTop: "auto"
+});
+var iconStyles = (theme) => ({
+  display: "inline-flex",
+  flexShrink: 0,
+  color: theme.palette.text.secondary
+});
+var dependentsStyles = (theme, active) => ({
+  display: "flex",
+  flexDirection: "column",
+  marginLeft: rem(theme, SETTING_CARD.groupIndent / 2),
+  paddingLeft: rem(theme, SETTING_CARD.groupIndent / 2),
+  borderLeft: `${rem(theme, SETTING_CARD.groupRuleWidth)} solid ${theme.palette.divider}`,
+  opacity: active ? 1 : SETTING_GROUP_INACTIVE_OPACITY,
+  transition: theme.transitions.create("opacity", { duration: theme.transitions.duration.short })
+});
+
+export {
+  SETTING_CARD_OPEN_ATTR,
+  withCallerSx,
+  surfaceStyles,
+  flatStyles,
+  headerStyles,
+  titleStyles,
+  SUMMARY_MAX_LINES,
+  clampStyles,
+  summaryStyles,
+  descriptionStyles,
+  hintStyles,
+  errorStyles,
+  actionsStyles,
+  iconStyles,
+  dependentsStyles
+};
+//# sourceMappingURL=chunk-IQWPVPV5.js.map