@12-apps/ui 6.54.0 → 6.55.0

package/dist/chunk-6LUUCSFV.js

@@ -0,0 +1,159 @@
+import {
+  OVERLAY_Z_INDEX,
+  navButtonSx,
+  overlayButtonSx
+} from "./chunk-NAQ2PIV5.js";
+import {
+  useLightboxCopy
+} from "./chunk-TEQYTEM2.js";
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/Lightbox/LightboxControls.tsx
+import PrevIcon from "@mui/icons-material/ChevronLeft";
+import NextIcon from "@mui/icons-material/ChevronRight";
+import CloseIcon from "@mui/icons-material/Close";
+import PauseIcon from "@mui/icons-material/Pause";
+import PlayIcon from "@mui/icons-material/PlayArrow";
+import ResetZoomIcon from "@mui/icons-material/RestartAlt";
+import ZoomInIcon from "@mui/icons-material/ZoomIn";
+import ZoomOutIcon from "@mui/icons-material/ZoomOut";
+import Box from "@mui/material/Box/index.js";
+import IconButton from "@mui/material/IconButton/index.js";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var LightboxCloseButton = ({
+  testId,
+  onClose
+}) => {
+  const copy = useLightboxCopy();
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      onClick: onClose,
+      sx: { ...overlayButtonSx, position: "absolute", top: sxRem(16), right: sxRem(16), zIndex: OVERLAY_Z_INDEX },
+      "aria-label": copy.close,
+      "data-testid": testId("close"),
+      children: /* @__PURE__ */ jsx(CloseIcon, {})
+    }
+  );
+};
+var arrowSx = (side) => ({
+  ...navButtonSx,
+  position: "absolute",
+  [side]: sxRem(16),
+  top: "50%",
+  transform: "translateY(-50%)",
+  zIndex: OVERLAY_Z_INDEX
+});
+var LightboxNavButtons = ({
+  testId,
+  atStart,
+  atEnd,
+  onPrev,
+  onNext
+}) => {
+  const copy = useLightboxCopy();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        onClick: onPrev,
+        disabled: atStart,
+        sx: arrowSx("left"),
+        "aria-label": copy.previous,
+        "data-testid": testId("prev"),
+        children: /* @__PURE__ */ jsx(PrevIcon, {})
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      IconButton,
+      {
+        onClick: onNext,
+        disabled: atEnd,
+        sx: arrowSx("right"),
+        "aria-label": copy.next,
+        "data-testid": testId("next"),
+        children: /* @__PURE__ */ jsx(NextIcon, {})
+      }
+    )
+  ] });
+};
+var LightboxZoomControls = ({
+  testId,
+  onZoomIn,
+  onZoomOut,
+  onResetZoom
+}) => {
+  const copy = useLightboxCopy();
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        position: "absolute",
+        top: sxRem(16),
+        left: sxRem(16),
+        display: "flex",
+        flexDirection: "column",
+        gap: 1,
+        zIndex: OVERLAY_Z_INDEX
+      },
+      "data-testid": testId("zoom-controls"),
+      children: [
+        /* @__PURE__ */ jsx(IconButton, { onClick: onZoomIn, sx: overlayButtonSx, "aria-label": copy.zoomIn, "data-testid": testId("zoom-in"), children: /* @__PURE__ */ jsx(ZoomInIcon, {}) }),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            onClick: onZoomOut,
+            sx: overlayButtonSx,
+            "aria-label": copy.zoomOut,
+            "data-testid": testId("zoom-out"),
+            children: /* @__PURE__ */ jsx(ZoomOutIcon, {})
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          IconButton,
+          {
+            onClick: onResetZoom,
+            sx: overlayButtonSx,
+            "aria-label": copy.resetZoom,
+            "data-testid": testId("zoom-reset"),
+            children: /* @__PURE__ */ jsx(ResetZoomIcon, {})
+          }
+        )
+      ]
+    }
+  );
+};
+var LightboxAutoplayButton = ({
+  testId,
+  isAutoPlaying,
+  onToggle
+}) => {
+  const copy = useLightboxCopy();
+  return /* @__PURE__ */ jsx(
+    IconButton,
+    {
+      onClick: onToggle,
+      sx: {
+        ...overlayButtonSx,
+        position: "absolute",
+        top: sxRem(16),
+        left: "50%",
+        transform: "translateX(-50%)",
+        zIndex: OVERLAY_Z_INDEX
+      },
+      "aria-label": isAutoPlaying ? copy.pause : copy.play,
+      "data-testid": testId("autoplay"),
+      children: isAutoPlaying ? /* @__PURE__ */ jsx(PauseIcon, {}) : /* @__PURE__ */ jsx(PlayIcon, {})
+    }
+  );
+};
+
+export {
+  LightboxCloseButton,
+  LightboxNavButtons,
+  LightboxZoomControls,
+  LightboxAutoplayButton
+};
+//# sourceMappingURL=chunk-6LUUCSFV.js.map

package/dist/chunk-6NWFX2XJ.js

@@ -0,0 +1,83 @@
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+import {
+  Button
+} from "./chunk-JE6FNSQV.js";
+import {
+  Text
+} from "./chunk-AJBRO76D.js";
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/DataViews/data-views-empty.tsx
+import FilterAltOffRoundedIcon from "@mui/icons-material/FilterAltOffRounded";
+import InboxRoundedIcon from "@mui/icons-material/InboxRounded";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function DataViewsEmpty({
+  filtered,
+  onClearFilters,
+  emptyState,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  const Icon = filtered ? FilterAltOffRoundedIcon : InboxRoundedIcon;
+  return /* @__PURE__ */ jsxs(
+    default2,
+    {
+      "data-testid": `${testIdPrefix}-empty${filtered ? "-filtered" : ""}`,
+      sx: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        textAlign: "center",
+        py: 8,
+        px: 2
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          default2,
+          {
+            sx: {
+              display: "inline-flex",
+              p: 2,
+              mb: 1.5,
+              borderRadius: "50%",
+              bgcolor: "action.hover",
+              color: "text.disabled"
+            },
+            children: /* @__PURE__ */ jsx(Icon, {})
+          }
+        ),
+        filtered ? /* @__PURE__ */ jsxs(Fragment, { children: [
+          /* @__PURE__ */ jsx(Text, { variant: "body", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { fontWeight: 600 }, children: copy.grid.emptyFilteredTitle }) }),
+          /* @__PURE__ */ jsx(Text, { variant: "caption", as: "p", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: "block", mt: 0.5, mb: 2, color: "text.secondary", maxWidth: sxRem(380) }, children: copy.grid.emptyFilteredHint }) }),
+          /* @__PURE__ */ jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "sm",
+              color: "secondary",
+              onClick: onClearFilters,
+              dataTestId: `${testIdPrefix}-empty-clear`,
+              children: copy.grid.emptyFilteredAction
+            }
+          )
+        ] }) : (
+          // The page's own words for "nothing here yet" — it knows what the
+          // entity is and how one comes to exist; this component does not.
+          emptyState
+        )
+      ]
+    }
+  );
+}
+
+export {
+  DataViewsEmpty
+};
+//# sourceMappingURL=chunk-6NWFX2XJ.js.map

package/dist/chunk-6V3HKKNC.js

@@ -0,0 +1,205 @@
+import {
+  modeInk,
+  neutralTones
+} from "./chunk-SSX5ITPM.js";
+import {
+  rem,
+  rems
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/typography/Code/Code.tsx
+import Check from "@mui/icons-material/Check";
+import ContentCopy from "@mui/icons-material/ContentCopy";
+import Box from "@mui/material/Box/index.js";
+import IconButton from "@mui/material/IconButton/index.js";
+import Tooltip from "@mui/material/Tooltip/index.js";
+import { alpha, styled } from "@mui/material/styles/index.js";
+import React, { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var StyledCodeContainer = styled(Box, {
+  shouldForwardProp: (prop) => !["customVariant", "customSize", "copyable"].includes(prop)
+})(({ theme, customVariant = "inline", customSize = "md", copyable }) => {
+  const sizeMap = {
+    xs: { fontSize: rem(theme, 12), padding: rems(theme, 2, 4) },
+    sm: { fontSize: rem(theme, 13), padding: rems(theme, 3, 6) },
+    md: { fontSize: rem(theme, 14), padding: rems(theme, 4, 8) },
+    lg: { fontSize: rem(theme, 16), padding: rems(theme, 6, 12) }
+  };
+  const blockSizeMap = {
+    xs: { fontSize: rem(theme, 12), padding: rems(theme, 8, 12) },
+    sm: { fontSize: rem(theme, 13), padding: rems(theme, 12, 16) },
+    md: { fontSize: rem(theme, 14), padding: rems(theme, 16, 20) },
+    lg: { fontSize: rem(theme, 16), padding: rems(theme, 20, 24) }
+  };
+  const baseStyles = {
+    fontFamily: 'Monaco, Menlo, "Ubuntu Mono", "Courier New", monospace',
+    lineHeight: 1.5,
+    borderRadius: theme.shape.borderRadius,
+    transition: "all 0.2s ease",
+    position: "relative"
+  };
+  const variantStyles = {
+    inline: {
+      ...baseStyles,
+      display: "inline",
+      backgroundColor: alpha(theme.palette.primary.main, 0.08),
+      color: theme.palette.primary.main,
+      border: `1px solid ${alpha(theme.palette.primary.main, 0.12)}`,
+      ...sizeMap[customSize]
+    },
+    block: {
+      ...baseStyles,
+      display: "block",
+      backgroundColor: theme.palette.mode === "dark" ? alpha(neutralTones(theme).inverseSurface, 0.95) : alpha(neutralTones(theme).surface, 0.95),
+      color: theme.palette.mode === "dark" ? modeInk(theme) : theme.palette.text.primary,
+      border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+      overflow: "auto",
+      whiteSpace: "pre",
+      ...blockSizeMap[customSize],
+      ...copyable && {
+        paddingTop: blockSizeMap[customSize].padding.split(" ")[0],
+        paddingRight: rem(theme, 60)
+      }
+    },
+    highlight: {
+      ...baseStyles,
+      display: "block",
+      background: `linear-gradient(135deg, ${alpha(theme.palette.primary.main, 0.1)} 0%, ${alpha(theme.palette.secondary.main, 0.1)} 100%)`,
+      color: theme.palette.text.primary,
+      border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`,
+      borderLeft: `${rem(theme, 4)} solid ${theme.palette.primary.main}`,
+      overflow: "auto",
+      whiteSpace: "pre",
+      ...blockSizeMap[customSize],
+      ...copyable && {
+        paddingTop: blockSizeMap[customSize].padding.split(" ")[0],
+        paddingRight: rem(theme, 60)
+      }
+    }
+  };
+  return variantStyles[customVariant] || variantStyles.inline;
+});
+var StyledCode = styled("code")({
+  margin: 0,
+  padding: 0,
+  backgroundColor: "transparent",
+  border: "none",
+  fontFamily: "inherit",
+  fontSize: "inherit",
+  lineHeight: "inherit",
+  color: "inherit"
+});
+var CopyButton = styled(IconButton)(({ theme }) => ({
+  position: "absolute",
+  top: theme.spacing(1),
+  right: theme.spacing(1),
+  width: rem(theme, 32),
+  height: rem(theme, 32),
+  backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.8) : theme.palette.background.paper,
+  backdropFilter: theme.palette.mode === "dark" ? `blur(${rem(theme, 8)})` : "none",
+  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+  boxShadow: theme.palette.mode === "light" ? theme.shadows[1] : "none",
+  "&:hover": {
+    backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.9) : neutralTones(theme).surface,
+    transform: "scale(1.05)"
+  },
+  "& .MuiSvgIcon-root": {
+    fontSize: rem(theme, 16)
+  }
+}));
+var LanguageLabel = styled(Box)(({ theme }) => ({
+  position: "absolute",
+  top: theme.spacing(1),
+  left: theme.spacing(2),
+  fontSize: rem(theme, 12),
+  fontWeight: 500,
+  color: alpha(theme.palette.text.primary, 0.6),
+  backgroundColor: theme.palette.mode === "dark" ? alpha(theme.palette.background.paper, 0.8) : theme.palette.background.paper,
+  padding: rems(theme, 2, 8),
+  borderRadius: theme.shape.borderRadius / 2,
+  backdropFilter: theme.palette.mode === "dark" ? `blur(${rem(theme, 8)})` : "none",
+  border: `1px solid ${alpha(theme.palette.divider, 0.2)}`,
+  boxShadow: theme.palette.mode === "light" ? theme.shadows[1] : "none"
+}));
+var renderNumberedLines = (source) => source.split("\n").map((line, index) => {
+  const stableKey = `line-${index + 1}-${line.slice(0, 10).replace(/\s+/g, "")}-${line.length}`;
+  return /* @__PURE__ */ jsxs("div", { style: { display: "flex" }, children: [
+    /* @__PURE__ */ jsx(
+      "span",
+      {
+        style: {
+          display: "inline-block",
+          minWidth: "3em",
+          opacity: 0.5,
+          userSelect: "none",
+          marginRight: "1em",
+          textAlign: "right"
+        },
+        children: index + 1
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { children: line })
+  ] }, stableKey);
+});
+var resolveCodeFlags = (variant, copyable, language) => {
+  const isBlock = variant === "block" || variant === "highlight";
+  return {
+    isBlock,
+    showCopy: copyable && isBlock,
+    showLanguage: Boolean(language) && isBlock
+  };
+};
+var CodeCopyButton = ({ source }) => {
+  const [copied, setCopied] = useState(false);
+  const handleCopy = async () => {
+    if (typeof source !== "string") return;
+    try {
+      await navigator.clipboard.writeText(source);
+      setCopied(true);
+      window.setTimeout(() => setCopied(false), 2e3);
+    } catch {
+    }
+  };
+  return /* @__PURE__ */ jsx(Tooltip, { title: copied ? "Copied!" : "Copy code", children: /* @__PURE__ */ jsx(CopyButton, { onClick: handleCopy, size: "small", color: copied ? "success" : "default", children: copied ? /* @__PURE__ */ jsx(Check, {}) : /* @__PURE__ */ jsx(ContentCopy, {}) }) });
+};
+var Code = React.forwardRef(
+  ({
+    variant = "inline",
+    language,
+    copyable = false,
+    lineNumbers = false,
+    size = "md",
+    children,
+    ...props
+  }, ref) => {
+    const { isBlock, showCopy, showLanguage } = resolveCodeFlags(variant, copyable, language);
+    const processedChildren = React.useMemo(() => {
+      if (!lineNumbers || !isBlock || typeof children !== "string") {
+        return children;
+      }
+      return renderNumberedLines(children);
+    }, [children, lineNumbers, isBlock]);
+    return /* @__PURE__ */ jsxs(
+      StyledCodeContainer,
+      {
+        ref,
+        component: variant === "inline" ? "span" : "div",
+        customVariant: variant,
+        customSize: size,
+        copyable: showCopy,
+        ...props,
+        children: [
+          showLanguage && /* @__PURE__ */ jsx(LanguageLabel, { children: language }),
+          /* @__PURE__ */ jsx(StyledCode, { children: processedChildren }),
+          showCopy && /* @__PURE__ */ jsx(CodeCopyButton, { source: children })
+        ]
+      }
+    );
+  }
+);
+Code.displayName = "Code";
+
+export {
+  Code
+};
+//# sourceMappingURL=chunk-6V3HKKNC.js.map

package/dist/chunk-73I53SCM.js

@@ -0,0 +1,140 @@
+import {
+  TextFieldSlim
+} from "./chunk-SL6454K7.js";
+import {
+  filledStyles,
+  floatingLabelStyles,
+  glowStyles,
+  inputBaseStyles,
+  inputRadiusStyles,
+  outlinedStyles,
+  pulseStyles
+} from "./chunk-JTWWRER2.js";
+import {
+  INPUT_LOADING,
+  SIZE_MAP,
+  muiVariantFor
+} from "./chunk-KLJYIS5L.js";
+import {
+  splitTestId
+} from "./chunk-TYJR4GOF.js";
+import {
+  fieldControlStyles
+} from "./chunk-RGVNXES5.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.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, useTheme } 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
+}) => {
+  const theme = useTheme();
+  if (loading) {
+    return /* @__PURE__ */ jsx(InputAdornment, { position: "end", children: /* @__PURE__ */ jsx(CircularProgress, { size: rem(theme, 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
+});
+function inputAriaOf(a) {
+  const describedBy = [a.helperText ? `${a.id}-helper-text` : void 0, a.describedBy].filter(Boolean).join(" ");
+  return {
+    ...a.label === void 0 ? {} : { "aria-label": a.label },
+    ...a.describedBy === void 0 ? {} : { "aria-describedby": describedBy },
+    ...a.busy === void 0 ? {} : { "aria-busy": a.busy }
+  };
+}
+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,
+    "aria-describedby": ariaDescribedBy,
+    "aria-busy": ariaBusy,
+    inputProps,
+    ...rest
+  }, ref) => {
+    const { testId: dataTestId, rest: props } = splitTestId(rest);
+    const generatedId = React.useId();
+    const id = props.id ?? generatedId;
+    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,
+          ...inputProps,
+          ...inputAriaOf({ id, helperText, label: ariaLabel, describedBy: ariaDescribedBy, busy: ariaBusy })
+        },
+        InputProps: {
+          startAdornment: startAdornment && /* @__PURE__ */ jsx(InputAdornment, { position: "start", children: startAdornment }),
+          endAdornment: /* @__PURE__ */ jsx(EndAdornment, { loading, endAdornment })
+        },
+        ...SIZE_MAP[size],
+        ...props,
+        id
+      }
+    );
+  }
+);
+Input.displayName = "Input";
+
+export {
+  Input
+};
+//# sourceMappingURL=chunk-73I53SCM.js.map

package/dist/chunk-7AAJYWC3.js

@@ -0,0 +1,113 @@
+import {
+  Box,
+  CONTROL_RESET,
+  NOT_LIVE,
+  SlotIcon,
+  focusRing
+} from "./chunk-IK2ZVV3M.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/navigation/SectionNav/SectionNav.primary.tsx
+import Typography from "@mui/material/Typography/index.js";
+import { useTheme } from "@mui/material/styles/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+function RaisedActionButton({
+  label,
+  icon,
+  onClick,
+  open,
+  closeLabel,
+  captioned = false,
+  disabled = false,
+  loading = false,
+  dataTestId = "raised-action"
+}) {
+  const theme = useTheme();
+  const expanded = open === true;
+  return /* @__PURE__ */ jsxs(
+    Box,
+    {
+      sx: {
+        flex: "none",
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        justifyContent: "flex-start",
+        px: 0.5
+      },
+      children: [
+        /* @__PURE__ */ jsx(
+          Box,
+          {
+            component: "button",
+            type: "button",
+            ...raisedState({ onClick, disabled, loading }),
+            "aria-label": expanded && closeLabel ? closeLabel : label,
+            "aria-expanded": open,
+            "data-testid": dataTestId,
+            sx: raisedSx(theme, expanded),
+            children: /* @__PURE__ */ jsx(SlotIcon, { icon, loading })
+          }
+        ),
+        captioned ? /* @__PURE__ */ jsx(RaisedCaption, { label, inert: disabled || loading }) : null
+      ]
+    }
+  );
+}
+function raisedState({
+  onClick,
+  disabled,
+  loading
+}) {
+  const busy = loading && !disabled;
+  return {
+    onClick: busy ? void 0 : onClick,
+    disabled,
+    "aria-disabled": busy ? "true" : void 0,
+    "aria-busy": loading || void 0
+  };
+}
+function RaisedCaption({ label, inert }) {
+  return /* @__PURE__ */ jsx(
+    Typography,
+    {
+      component: "span",
+      variant: "caption",
+      "aria-hidden": true,
+      sx: { lineHeight: 1.3, mt: 0.25, whiteSpace: "nowrap", color: inert ? "text.disabled" : "text.primary" },
+      children: label
+    }
+  );
+}
+function raisedSx(theme, expanded) {
+  const size = rem(theme, 52);
+  return {
+    ...CONTROL_RESET,
+    ...focusRing(theme),
+    width: size,
+    height: size,
+    // Lifted half out of the bar: the one control that is not a place.
+    marginTop: rem(theme, -18),
+    borderRadius: "50%",
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    bgcolor: "primary.main",
+    color: "primary.contrastText",
+    boxShadow: theme.shadows[6],
+    [NOT_LIVE]: { cursor: "default", bgcolor: "action.disabledBackground", color: "text.disabled", boxShadow: "none" },
+    "& svg": {
+      fontSize: rem(theme, 26),
+      transition: theme.transitions.create("transform", { duration: theme.transitions.duration.shorter }),
+      transform: expanded ? "rotate(45deg)" : "none"
+    },
+    "@media (prefers-reduced-motion: reduce)": { "& svg": { transition: "none" } }
+  };
+}
+
+export {
+  RaisedActionButton
+};
+//# sourceMappingURL=chunk-7AAJYWC3.js.map