@12-apps/ui 6.19.1 → 6.21.0

package/dist/chunk-DX527XPL.js

@@ -1,191 +0,0 @@
-import {
-  RangeBounds
-} from "./chunk-QZBUGUOY.js";
-import {
-  isRangeSet
-} from "./chunk-GCZJH4XL.js";
-import {
-  useDataViewsCopy
-} from "./chunk-KHG57NAE.js";
-import {
-  MultiSelectDropdown
-} from "./chunk-4T6W43TO.js";
-import {
-  default as default2
-} from "./chunk-6DPAWXZ3.js";
-import {
-  Text
-} from "./chunk-2PCOC3PT.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",
-          borderColor: checked ? "primary.main" : "divider",
-          bgcolor: checked ? "action.selected" : "transparent",
-          borderRadius: 5,
-          cursor: "pointer",
-          fontSize: "0.8125rem",
-          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: "0.75rem",
-            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-DX527XPL.js.map

package/dist/chunk-DZN3JF5E.js

@@ -1,231 +0,0 @@
-import {
-  tabsRootStyles
-} from "./chunk-EWSGWLHN.js";
-import {
-  CustomTabPanel
-} from "./chunk-7UZ2TFIK.js";
-
-// src/components/navigation/Tabs/Tabs.tsx
-import Close from "@mui/icons-material/Close";
-import Badge from "@mui/material/Badge/index.js";
-import Box from "@mui/material/Box/index.js";
-import Divider from "@mui/material/Divider/index.js";
-import MuiTab from "@mui/material/Tab/index.js";
-import MuiTabs from "@mui/material/Tabs/index.js";
-import { alpha, styled } from "@mui/material/styles/index.js";
-import React from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var StyledTabs = styled(MuiTabs, {
-  shouldForwardProp: (prop) => !["customVariant", "size", "showDividers"].includes(prop)
-})(
-  ({ theme, customVariant, size, showDividers }) => ({
-    ...tabsRootStyles({ theme, customVariant, size, showDividers })
-  })
-);
-var CloseButton = styled(Box)(({ theme }) => ({
-  marginLeft: theme.spacing(0.5),
-  padding: theme.spacing(0.25),
-  width: 20,
-  height: 20,
-  display: "flex",
-  alignItems: "center",
-  justifyContent: "center",
-  cursor: "pointer",
-  borderRadius: "50%",
-  color: theme.palette.action.active,
-  "&:hover": {
-    backgroundColor: alpha(theme.palette.error.main, 0.1),
-    color: theme.palette.error.main
-  }
-}));
-var BadgeWrapper = styled(Badge)(() => ({
-  "& .MuiBadge-badge": {
-    right: -6,
-    top: 4,
-    fontSize: "0.75rem",
-    minWidth: 16,
-    height: 16,
-    padding: 0
-  }
-}));
-var TABS_DEFAULTS = {
-  variant: "default",
-  size: "md",
-  color: "primary",
-  fullWidth: false,
-  orientation: "horizontal",
-  showDividers: false,
-  centered: false,
-  scrollable: false,
-  scrollButtons: "auto",
-  sticky: false,
-  stickyOffset: 0,
-  animateContent: false,
-  animationDuration: 300,
-  persistContent: false,
-  disabled: false,
-  loading: false
-};
-var definedProps = (props) => Object.fromEntries(
-  Object.entries(props).filter(([, value]) => value !== void 0)
-);
-var resolveScrollButtons = (scrollable) => scrollable ? "auto" : false;
-var buildTabsSx = ({
-  fullWidth,
-  sticky,
-  stickyOffset,
-  indicatorColor,
-  disabled
-}) => ({
-  ...fullWidth && { width: "100%" },
-  // Pin the tab list while panels scroll beneath it. Opaque background + bottom
-  // divider so scrolled content does not show through.
-  ...sticky && {
-    position: "sticky",
-    top: stickyOffset,
-    zIndex: 2,
-    backgroundColor: "background.default",
-    borderBottom: 1,
-    borderColor: "divider"
-  },
-  ...indicatorColor && {
-    "& .MuiTabs-indicator": { backgroundColor: indicatorColor }
-  },
-  ...disabled && { opacity: 0.6, pointerEvents: "none" }
-});
-var TabLabel = ({ item, closeTabLabel, onClose }) => {
-  const content = /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-    item.icon,
-    /* @__PURE__ */ jsx("span", { children: item.label }),
-    item.closable && /* @__PURE__ */ jsx(
-      CloseButton,
-      {
-        onClick: (e) => onClose(e, item.id),
-        role: "button",
-        tabIndex: 0,
-        "aria-label": closeTabLabel,
-        onKeyDown: (e) => {
-          if (e.key !== "Enter" && e.key !== " ") return;
-          onClose(e, item.id);
-        },
-        children: /* @__PURE__ */ jsx(Close, { fontSize: "inherit" })
-      }
-    )
-  ] });
-  if (item.badge === void 0) return content;
-  return /* @__PURE__ */ jsx(BadgeWrapper, { badgeContent: item.badge, color: "error", children: content });
-};
-var TabsBar = ({ rest, items, value, onChange, onCloseTab, dataTestId, ...p }) => /* @__PURE__ */ jsx(
-  StyledTabs,
-  {
-    ...rest,
-    value,
-    onChange,
-    customVariant: p.variant,
-    size: p.size,
-    showDividers: p.showDividers,
-    orientation: p.orientation,
-    centered: p.centered,
-    variant: p.scrollable ? "scrollable" : "standard",
-    "data-testid": dataTestId ? `${dataTestId}-list` : "tabs-list",
-    scrollButtons: resolveScrollButtons(p.scrollable),
-    allowScrollButtonsMobile: p.scrollable,
-    textColor: p.color,
-    indicatorColor: p.color,
-    sx: buildTabsSx({
-      fullWidth: p.fullWidth,
-      sticky: p.sticky,
-      stickyOffset: p.stickyOffset,
-      indicatorColor: p.indicatorColor,
-      disabled: p.disabled
-    }),
-    children: items.map((item, index) => /* @__PURE__ */ jsx(
-      MuiTab,
-      {
-        value: item.id,
-        label: /* @__PURE__ */ jsx(TabLabel, { closeTabLabel: p.closeTabLabel, item, onClose: onCloseTab }),
-        disabled: item.disabled || p.disabled,
-        className: item.className,
-        id: `tab-${item.id}`,
-        "aria-controls": `tabpanel-${item.id}`,
-        "aria-disabled": item.disabled || p.disabled,
-        "data-testid": dataTestId ? `${dataTestId}-tab-${index}` : `tabs-tab-${index}`
-      },
-      item.id
-    ))
-  }
-);
-var TabsPanels = ({
-  items,
-  value,
-  variant,
-  animateContent,
-  animationDuration,
-  persistContent,
-  loading,
-  loadingComponent,
-  tabPanelProps,
-  dataTestId
-}) => /* @__PURE__ */ jsx(Box, { sx: { mt: variant === "enclosed" ? 0 : 2 }, children: items.map((item, index) => /* @__PURE__ */ jsx(
-  CustomTabPanel,
-  {
-    id: item.id,
-    value,
-    animate: animateContent,
-    animationDuration,
-    persist: persistContent,
-    loading,
-    loadingComponent,
-    className: tabPanelProps?.className,
-    dataTestId,
-    index,
-    children: item.content
-  },
-  item.id
-)) });
-var Tabs = React.forwardRef(
-  (tabsProps, ref) => {
-    const resolved = { ...TABS_DEFAULTS, ...definedProps(tabsProps) };
-    const {
-      // Destructured only to keep it OUT of `rest`, which is spread onto the
-      // DOM node — `{...resolved}` below is what actually carries it to
-      // `TabsBar`. Same reason as `value` on the next line.
-      closeTabLabel: _closeTabLabel,
-      value: _value,
-      onChange,
-      onTabClose,
-      className,
-      disabled,
-      showDividers,
-      variant,
-      dataTestId,
-      ...rest
-    } = resolved;
-    const handleChange = (event, newValue) => {
-      if (!disabled) onChange(event, newValue);
-    };
-    const handleTabClose = (event, tabId) => {
-      event.stopPropagation();
-      onTabClose?.(tabId);
-    };
-    return /* @__PURE__ */ jsxs(Box, { className, ref, "data-testid": dataTestId || "tabs", children: [
-      /* @__PURE__ */ jsx(
-        TabsBar,
-        {
-          ...resolved,
-          rest,
-          onChange: handleChange,
-          onCloseTab: handleTabClose
-        }
-      ),
-      showDividers && variant !== "enclosed" && /* @__PURE__ */ jsx(Divider, {}),
-      /* @__PURE__ */ jsx(TabsPanels, { ...resolved })
-    ] });
-  }
-);
-Tabs.displayName = "Tabs";
-
-export {
-  Tabs
-};
-//# sourceMappingURL=chunk-DZN3JF5E.js.map

package/dist/chunk-E27Y7FF2.js

@@ -1,270 +0,0 @@
-import {
-  ACTION_SLOT,
-  ALERT_EASING,
-  ALERT_PADDING_UNITS,
-  ALERT_TRANSITION_MS,
-  FADE_IN,
-  GLASS,
-  GLOW,
-  GRADIENT,
-  ICON_SLOT,
-  ICON_SPIN,
-  MESSAGE_BUTTON,
-  MESSAGE_FONT_SIZE,
-  MESSAGE_GAP_UNITS,
-  MESSAGE_LINE_HEIGHT,
-  NEUTRAL_GREY,
-  PULSE,
-  SEMANTIC_SURFACE,
-  SEMANTIC_VARIANTS,
-  seconds
-} from "./chunk-B2Y3BABA.js";
-import {
-  VARIANT_ICON
-} from "./chunk-N3QUEBNS.js";
-import {
-  px
-} from "./chunk-NQN5Z36J.js";
-
-// src/components/data-display/Alert/Alert.styles.tsx
-import Error from "@mui/icons-material/Error";
-import Info from "@mui/icons-material/Info";
-import CheckCircle from "@mui/icons-material/CheckCircle";
-import Warning from "@mui/icons-material/Warning";
-import { alpha, darken, keyframes, lighten } from "@mui/material/styles/index.js";
-import { jsx } from "react/jsx-runtime";
-var pulseAnimation = keyframes`
-  0% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 1;
-  }
-  70% {
-    box-shadow: 0 0 0 ${PULSE.spread}px currentColor;
-    opacity: 0;
-  }
-  100% {
-    box-shadow: 0 0 0 0 currentColor;
-    opacity: 0;
-  }
-`;
-var shimmerAnimation = keyframes`
-  0% {
-    background-position: -${GRADIENT.shimmerTravel}px 0;
-  }
-  100% {
-    background-position: ${GRADIENT.shimmerTravel}px 0;
-  }
-`;
-var fadeInScale = keyframes`
-  from {
-    opacity: 0;
-    transform: scale(${FADE_IN.scale}) translateY(-${FADE_IN.lift}px);
-  }
-  to {
-    opacity: 1;
-    transform: scale(1) translateY(0);
-  }
-`;
-var iconRotate = keyframes`
-  0% {
-    transform: rotate(0deg) scale(${ICON_SPIN.from});
-  }
-  50% {
-    transform: rotate(180deg) scale(${ICON_SPIN.mid});
-  }
-  100% {
-    transform: rotate(360deg) scale(1);
-  }
-`;
-var getColorFromTheme = (theme, variant) => {
-  const colorMap = {
-    info: theme.palette.info,
-    success: theme.palette.success,
-    warning: theme.palette.warning,
-    danger: theme.palette.error,
-    primary: theme.palette.primary,
-    secondary: theme.palette.secondary,
-    neutral: {
-      main: theme.palette.grey[NEUTRAL_GREY.main] || "#9E9E9E",
-      light: theme.palette.grey[NEUTRAL_GREY.light] || "#E0E0E0",
-      dark: theme.palette.grey[NEUTRAL_GREY.dark] || "#616161"
-    }
-  };
-  return colorMap[variant] || theme.palette.info;
-};
-var VARIANT_ICONS = {
-  Info: /* @__PURE__ */ jsx(Info, {}),
-  CheckCircle: /* @__PURE__ */ jsx(CheckCircle, {}),
-  Warning: /* @__PURE__ */ jsx(Warning, {}),
-  Error: /* @__PURE__ */ jsx(Error, {})
-};
-var getVariantIcon = (variant) => {
-  const name = VARIANT_ICON[variant];
-  return name ? VARIANT_ICONS[name] : void 0;
-};
-var alertLayoutStyles = (theme, colorPalette, animate) => ({
-  // ROOM TO READ.
-  //
-  // MUI's `6px 16px` is sized for one line of text and nothing else. This Alert
-  // routinely carries three things stacked — a sentence, a smaller explanation,
-  // then a control — and at 6px they touched top and bottom and ran together
-  // vertically, so the whole card read as one dense block instead of as a
-  // message with parts. The generosity is what makes the structure legible; it
-  // is not decoration.
-  //
-  // Padding stays overridable by an `sx` (a full-bleed strip legitimately wants
-  // it tight), because this is a default rather than a rule.
-  padding: theme.spacing(ALERT_PADDING_UNITS.vertical, ALERT_PADDING_UNITS.horizontal),
-  ".MuiAlert-message": {
-    display: "flex",
-    flexDirection: "column",
-    // 0.5 put a title, its explanation and a button 4px apart, which reads as a
-    // spacing bug rather than as a group. 1 separates the lines; the extra
-    // margin below goes to whatever CONTROL sits at the end, because the gap
-    // between prose and a thing you press has to be bigger than the gap between
-    // two lines of prose or the button looks like part of the text.
-    gap: theme.spacing(MESSAGE_GAP_UNITS),
-    fontSize: px(MESSAGE_FONT_SIZE),
-    lineHeight: MESSAGE_LINE_HEIGHT,
-    // No padding of its own — the root's is now doing that job, and MUI's
-    // default `8px 0` on top of it would double the vertical space.
-    padding: 0,
-    // A CONTROL ON A TINTED PANEL NEEDS AN EDGE.
-    //
-    // `ghost` and `text` paint no background and no border — bare labels, which
-    // works on white where the surrounding page is obviously not clickable.
-    // Inside a coloured Alert it stops working: the label is one more coloured
-    // phrase among several, and a "Cancelar" beside two lines of prose reads as
-    // part of the prose.
-    //
-    // Only the BORDER is set, never the background or the colour, and that is
-    // what makes it safe to apply to every button rather than just the bare
-    // ones: a `solid` keeps its fill and its light label and gains a hairline
-    // in the same hue, while a `ghost` gains the whole affordance.
-    ".MuiButton-root": {
-      marginTop: theme.spacing(MESSAGE_BUTTON.marginTopUnits),
-      border: `1px solid ${alpha(colorPalette.main, MESSAGE_BUTTON.borderAlpha)}`
-    }
-  },
-  ".MuiAlert-icon": {
-    transition: `transform ${seconds(ALERT_TRANSITION_MS)} ${ALERT_EASING}`,
-    alignItems: "center",
-    // Clear of the words rather than nearly touching them, and aligned to the
-    // FIRST line instead of centred on the whole block — an icon floating
-    // halfway down a three-line message points at nothing.
-    alignSelf: "flex-start",
-    marginRight: theme.spacing(ICON_SLOT.marginRightUnits),
-    paddingTop: theme.spacing(ICON_SLOT.paddingTopUnits),
-    animation: animate ? `${iconRotate} ${seconds(ICON_SPIN.ms)} ease-out` : "none"
-  },
-  // The close button, kept off the text it sits beside.
-  ".MuiAlert-action": {
-    alignItems: "flex-start",
-    paddingLeft: theme.spacing(ACTION_SLOT.paddingLeftUnits)
-  }
-});
-var semanticSurface = (theme, colorPalette) => {
-  const dark = theme.palette.mode === "dark";
-  return {
-    backgroundColor: dark ? darken(colorPalette.main, SEMANTIC_SURFACE.tint.dark) : lighten(colorPalette.main, SEMANTIC_SURFACE.tint.light),
-    color: dark ? lighten(colorPalette.main, SEMANTIC_SURFACE.ink) : darken(colorPalette.main, SEMANTIC_SURFACE.ink),
-    border: `1px solid ${alpha(colorPalette.main, SEMANTIC_SURFACE.borderAlpha)}`,
-    ".MuiAlert-icon": {
-      color: colorPalette.main
-    }
-  };
-};
-var alertVariantStyles = (theme, customVariant, colorPalette) => ({
-  ...customVariant !== void 0 && SEMANTIC_VARIANTS.has(customVariant) && semanticSurface(theme, colorPalette),
-  ...customVariant === "glass" && {
-    // 85%, not 10%. This is the variant that is MEANT to be see-through, and it
-    // was the same mistake in a costume: at 0.1 the blur had almost nothing to
-    // sit on, so `glass` was not frosted, it was a window. A frosted pane has to
-    // be mostly pane — the backdrop should be legible AS texture behind the
-    // text, never as competition with it.
-    backgroundColor: alpha(theme.palette.background.paper, GLASS.backgroundAlpha),
-    backdropFilter: `blur(${GLASS.blur}px) saturate(${GLASS.saturatePercent}%)`,
-    WebkitBackdropFilter: `blur(${GLASS.blur}px) saturate(${GLASS.saturatePercent}%)`,
-    border: `1px solid ${alpha(theme.palette.divider, GLASS.borderAlpha)}`,
-    color: theme.palette.text.primary,
-    ".MuiAlert-icon": {
-      color: theme.palette.primary.main
-    },
-    // Safari before 18 and Firefox with the filter disabled paint the declared
-    // alpha with nothing blurred behind it — the see-through banner this is
-    // fixing. There is no degraded frost to fall back to, so it falls back to an
-    // opaque pane: less pretty, still readable.
-    "@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px)))": {
-      backgroundColor: theme.palette.background.paper
-    }
-  },
-  ...customVariant === "gradient" && {
-    background: `linear-gradient(${GRADIENT.angleDeg}deg, ${alpha(colorPalette.light || colorPalette.main, GRADIENT.stopAlpha)}, ${alpha(colorPalette.dark || colorPalette.main, GRADIENT.stopAlpha)})`,
-    color: theme.palette.getContrastText(colorPalette.main),
-    border: "none",
-    position: "relative",
-    overflow: "hidden",
-    ".MuiAlert-icon": {
-      color: theme.palette.getContrastText(colorPalette.main)
-    },
-    "&::before": {
-      content: '""',
-      position: "absolute",
-      top: 0,
-      left: `-${GRADIENT.shimmerTravel}px`,
-      width: "100%",
-      height: "100%",
-      background: `linear-gradient(90deg, transparent, ${alpha(theme.palette.common.white, GRADIENT.shimmerAlpha)}, transparent)`,
-      animation: `${shimmerAnimation} ${seconds(GRADIENT.shimmerMs)} infinite`
-    },
-    "&:hover": {
-      filter: `brightness(${GRADIENT.hoverBrightness})`,
-      transform: `translateY(-${GRADIENT.hoverLift}px) scale(${GRADIENT.hoverScale})`
-    }
-  }
-});
-var glowStyles = (colorPalette) => ({
-  boxShadow: `0 0 ${GLOW.blur}px ${GLOW.spread}px ${alpha(colorPalette.main, GLOW.alpha)} !important`,
-  filter: `brightness(${GLOW.brightness})`
-});
-var pulseAfter = (colorPalette) => ({
-  content: '""',
-  position: "absolute",
-  top: 0,
-  left: 0,
-  right: 0,
-  bottom: 0,
-  borderRadius: "inherit",
-  backgroundColor: colorPalette.main,
-  opacity: PULSE.alpha,
-  animation: `${pulseAnimation} ${seconds(PULSE.ms)} infinite`,
-  pointerEvents: "none",
-  zIndex: -1
-});
-var alertEmphasisStyles = (colorPalette, glow, pulse) => ({
-  ...glow && !pulse && glowStyles(colorPalette),
-  // Pulse animation
-  ...pulse && !glow && {
-    position: "relative",
-    "&::after": pulseAfter(colorPalette)
-  },
-  // Both glow and pulse
-  ...glow && pulse && {
-    position: "relative",
-    ...glowStyles(colorPalette),
-    "&::after": pulseAfter(colorPalette)
-  }
-});
-
-export {
-  pulseAnimation,
-  shimmerAnimation,
-  fadeInScale,
-  iconRotate,
-  getColorFromTheme,
-  getVariantIcon,
-  alertLayoutStyles,
-  alertVariantStyles,
-  alertEmphasisStyles
-};
-//# sourceMappingURL=chunk-E27Y7FF2.js.map