@12-apps/ui 6.35.0 → 6.37.0

package/dist/_internal/components/utility/WorkflowStep/WorkflowStepRow.js

@@ -4,9 +4,9 @@ import {
 import "../../../../chunk-OATHOXIU.js";
 import "../../../../chunk-V5KKBMAT.js";
 import "../../../../chunk-FQ6UW7IY.js";
-import "../../../../chunk-YKCAJ2TN.js";
 import "../../../../chunk-6JAIFIPW.js";
 import "../../../../chunk-N3GAFIXG.js";
+import "../../../../chunk-YKCAJ2TN.js";
 import "../../../../chunk-PZ5AY32C.js";
 export {
   StepRow

package/dist/_internal/components/utility/index.js

@@ -60,9 +60,9 @@ import {
 } from "../../../chunk-Y4KKS6WL.js";
 import "../../../chunk-HPK33ACY.js";
 import "../../../chunk-FQ6UW7IY.js";
-import "../../../chunk-YKCAJ2TN.js";
 import "../../../chunk-6JAIFIPW.js";
 import "../../../chunk-N3GAFIXG.js";
+import "../../../chunk-YKCAJ2TN.js";
 import "../../../chunk-PZ5AY32C.js";
 export {
   AnimatedIcon,

package/dist/_internal/icons/Icon.js

@@ -21,9 +21,9 @@ import "../../chunk-FZXKH2ZT.js";
 import "../../chunk-PZBK3F52.js";
 import "../../chunk-26X4CZVR.js";
 import "../../chunk-FQ6UW7IY.js";
-import "../../chunk-YKCAJ2TN.js";
 import "../../chunk-6JAIFIPW.js";
 import "../../chunk-N3GAFIXG.js";
+import "../../chunk-YKCAJ2TN.js";
 import "../../chunk-PZ5AY32C.js";
 export {
   Icon

package/dist/_internal/provider/UiProvider.js

@@ -17,9 +17,9 @@ import "../../chunk-FZXKH2ZT.js";
 import "../../chunk-PZBK3F52.js";
 import "../../chunk-26X4CZVR.js";
 import "../../chunk-FQ6UW7IY.js";
-import "../../chunk-YKCAJ2TN.js";
 import "../../chunk-6JAIFIPW.js";
 import "../../chunk-N3GAFIXG.js";
+import "../../chunk-YKCAJ2TN.js";
 import "../../chunk-PZ5AY32C.js";
 export {
   UiProvider

package/dist/_internal/provider/mui-bridge.js

@@ -16,9 +16,9 @@ import "../../chunk-FZXKH2ZT.js";
 import "../../chunk-PZBK3F52.js";
 import "../../chunk-26X4CZVR.js";
 import "../../chunk-FQ6UW7IY.js";
-import "../../chunk-YKCAJ2TN.js";
 import "../../chunk-6JAIFIPW.js";
 import "../../chunk-N3GAFIXG.js";
+import "../../chunk-YKCAJ2TN.js";
 import "../../chunk-PZ5AY32C.js";
 export {
   muiThemeOptionsFrom,

package/dist/_internal/provider/use-ui-theme.js

@@ -16,9 +16,9 @@ import "../../chunk-FZXKH2ZT.js";
 import "../../chunk-PZBK3F52.js";
 import "../../chunk-26X4CZVR.js";
 import "../../chunk-FQ6UW7IY.js";
-import "../../chunk-YKCAJ2TN.js";
 import "../../chunk-6JAIFIPW.js";
 import "../../chunk-N3GAFIXG.js";
+import "../../chunk-YKCAJ2TN.js";
 import "../../chunk-PZ5AY32C.js";
 export {
   useUiTheme

package/dist/_internal/social-login-button/social-login-button.js

@@ -5,7 +5,7 @@ import {
   GoogleIcon,
   SocialLoginButton,
   SocialLoginContainer
-} from "../../chunk-I62ALI7F.js";
+} from "../../chunk-Q73PTVNO.js";
 import "../../chunk-INGPH3YQ.js";
 import "../../chunk-6GP2DOOO.js";
 import "../../chunk-IJFAF3A7.js";
@@ -22,8 +22,8 @@ import "../../chunk-LVEG6XQL.js";
 import "../../chunk-JH7EEJEQ.js";
 import "../../chunk-BA4RHQ3B.js";
 import "../../chunk-73BEVJCS.js";
-import "../../chunk-KH25WUSX.js";
-import "../../chunk-HBICO6AX.js";
+import "../../chunk-2EAAWOZ2.js";
+import "../../chunk-4WNFOBTH.js";
 import "../../chunk-LN46DSMF.js";
 import "../../chunk-TAMIZE4Q.js";
 import "../../chunk-WTOYEWW6.js";
@@ -41,9 +41,9 @@ import "../../chunk-FZXKH2ZT.js";
 import "../../chunk-PZBK3F52.js";
 import "../../chunk-26X4CZVR.js";
 import "../../chunk-FQ6UW7IY.js";
-import "../../chunk-YKCAJ2TN.js";
 import "../../chunk-6JAIFIPW.js";
 import "../../chunk-N3GAFIXG.js";
+import "../../chunk-YKCAJ2TN.js";
 import "../../chunk-PZ5AY32C.js";
 export {
   AppleIcon,

package/dist/_internal/user-avatar/user-avatar.js

@@ -2,13 +2,13 @@
 import {
   UserAvatar,
   UserMenu
-} from "../../chunk-LDDN254Q.js";
+} from "../../chunk-NCPWLHZT.js";
 import "../../chunk-UDQSIRAP.js";
-import "../../chunk-ZXSUWFQX.js";
-import "../../chunk-CMTR3WEA.js";
+import "../../chunk-PGPPN63I.js";
+import "../../chunk-TNQDSTIA.js";
 import "../../chunk-6ZZGK5DT.js";
 import "../../chunk-3ZVUNSFF.js";
-import "../../chunk-XRMZMBE3.js";
+import "../../chunk-MTEQEPNY.js";
 import "../../chunk-VUHLNYAE.js";
 import "../../chunk-2GSIEDGN.js";
 import "../../chunk-N6CSXHFJ.js";
@@ -17,8 +17,8 @@ import "../../chunk-LVEG6XQL.js";
 import "../../chunk-JH7EEJEQ.js";
 import "../../chunk-BA4RHQ3B.js";
 import "../../chunk-73BEVJCS.js";
-import "../../chunk-KH25WUSX.js";
-import "../../chunk-HBICO6AX.js";
+import "../../chunk-2EAAWOZ2.js";
+import "../../chunk-4WNFOBTH.js";
 import "../../chunk-LN46DSMF.js";
 import "../../chunk-TAMIZE4Q.js";
 import "../../chunk-WTOYEWW6.js";
@@ -35,9 +35,9 @@ import "../../chunk-FZXKH2ZT.js";
 import "../../chunk-PZBK3F52.js";
 import "../../chunk-26X4CZVR.js";
 import "../../chunk-FQ6UW7IY.js";
-import "../../chunk-YKCAJ2TN.js";
 import "../../chunk-6JAIFIPW.js";
 import "../../chunk-N3GAFIXG.js";
+import "../../chunk-YKCAJ2TN.js";
 import "../../chunk-PZ5AY32C.js";
 export {
   UserAvatar,

package/dist/charts.js

@@ -1,10 +1,10 @@
 import "./chunk-5KLSLD72.js";
 import {
   SpecChart
-} from "./chunk-DMYBTD5Y.js";
+} from "./chunk-CPWWMGYR.js";
 import {
   Chart
-} from "./chunk-65YAR3OZ.js";
+} from "./chunk-Q2YNXJEL.js";
 import {
   CHART_SEMANTIC_COLORS,
   ChartSpecError,
@@ -16,17 +16,17 @@ import {
   getRegisteredChartSpecTypes,
   registerChartSpecRenderer
 } from "./chunk-WKUA6P3W.js";
-import "./chunk-EDO2WS5B.js";
-import "./chunk-3GQ6PNEM.js";
-import "./chunk-4V532JF6.js";
+import "./chunk-TXGB2WSW.js";
+import "./chunk-3GTMGPNQ.js";
+import "./chunk-SOHQPPYJ.js";
 import {
   ChartContainer,
   ChartLegend,
   ChartLegendContent,
   ChartTooltip,
   ChartTooltipContent
-} from "./chunk-M5T3COS2.js";
-import "./chunk-I6EVBLFX.js";
+} from "./chunk-RIRTW5EU.js";
+import "./chunk-EA2UNEL6.js";
 import {
   chartValueFormatter,
   formatChartValue
@@ -45,9 +45,9 @@ import "./chunk-FZXKH2ZT.js";
 import "./chunk-PZBK3F52.js";
 import "./chunk-26X4CZVR.js";
 import "./chunk-FQ6UW7IY.js";
-import "./chunk-YKCAJ2TN.js";
 import "./chunk-6JAIFIPW.js";
 import "./chunk-N3GAFIXG.js";
+import "./chunk-YKCAJ2TN.js";
 import "./chunk-PZ5AY32C.js";
 export {
   CHART_SEMANTIC_COLORS,

package/dist/chunk-2BIVCYTO.js

@@ -0,0 +1,271 @@
+import {
+  describeViewState
+} from "./chunk-5M4TYFR3.js";
+import {
+  PreviewBox
+} from "./chunk-JGRE56GQ.js";
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  Switch
+} from "./chunk-VZIB5W5L.js";
+import {
+  Input
+} from "./chunk-VURQZBFH.js";
+import {
+  Dialog,
+  DialogContent
+} from "./chunk-L4UP5VYS.js";
+import {
+  default as default2
+} from "./chunk-6DPAWXZ3.js";
+import {
+  default as default3
+} from "./chunk-WEBEOBN5.js";
+import {
+  Button
+} from "./chunk-2EAAWOZ2.js";
+import {
+  Text
+} from "./chunk-WTOYEWW6.js";
+import {
+  sxRem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/data-display/DataViews/SaveViewModal.tsx
+import GroupOutlinedIcon from "@mui/icons-material/GroupOutlined";
+import PushPinOutlinedIcon from "@mui/icons-material/PushPinOutlined";
+import StarOutlineRoundedIcon from "@mui/icons-material/StarOutlineRounded";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+function FlagRow({
+  icon,
+  title,
+  description,
+  checked,
+  onChange,
+  testId
+}) {
+  return /* @__PURE__ */ jsxs(
+    default2,
+    {
+      component: "label",
+      sx: {
+        display: "flex",
+        alignItems: "flex-start",
+        gap: 1.5,
+        px: 1,
+        py: 1,
+        borderRadius: 1,
+        cursor: "pointer",
+        "&:hover": { bgcolor: "action.hover" }
+      },
+      children: [
+        /* @__PURE__ */ jsx(default2, { sx: { mt: 0.25, color: "text.disabled", display: "flex" }, children: icon }),
+        /* @__PURE__ */ jsxs(default2, { sx: { minWidth: 0, flex: 1 }, children: [
+          /* @__PURE__ */ jsx(Text, { variant: "body", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: "block", fontSize: sxRem(14) }, children: title }) }),
+          /* @__PURE__ */ jsx(Text, { variant: "caption", as: "span", children: /* @__PURE__ */ jsx(default2, { component: "span", sx: { display: "block", color: "text.secondary", lineHeight: 1.5 }, children: description }) })
+        ] }),
+        /* @__PURE__ */ jsx(
+          Switch,
+          {
+            size: "sm",
+            checked,
+            onChange: (_event, value) => onChange(value),
+            dataTestId: testId
+          }
+        )
+      ]
+    }
+  );
+}
+function FlagsSwitches({
+  pinned,
+  shared,
+  isDefault,
+  setPinned,
+  setShared,
+  setIsDefault,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsxs(default3, { spacing: 0, children: [
+    /* @__PURE__ */ jsx(
+      FlagRow,
+      {
+        icon: /* @__PURE__ */ jsx(PushPinOutlinedIcon, { fontSize: "small" }),
+        title: copy.saveView.pinnedTitle,
+        description: copy.saveView.pinnedDescription,
+        checked: pinned,
+        onChange: setPinned,
+        testId: `${testIdPrefix}-save-pinned`
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FlagRow,
+      {
+        icon: /* @__PURE__ */ jsx(GroupOutlinedIcon, { fontSize: "small" }),
+        title: copy.saveView.sharedTitle,
+        description: copy.saveView.sharedDescription,
+        checked: shared,
+        onChange: setShared,
+        testId: `${testIdPrefix}-save-shared`
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      FlagRow,
+      {
+        icon: /* @__PURE__ */ jsx(StarOutlineRoundedIcon, { fontSize: "small" }),
+        title: copy.saveView.setDefaultTitle,
+        description: copy.saveView.setDefaultDescription,
+        checked: isDefault,
+        onChange: setIsDefault,
+        testId: `${testIdPrefix}-save-default`
+      }
+    )
+  ] });
+}
+function seedForm(editing) {
+  if (!editing) {
+    return { name: "", description: "", pinned: false, shared: false, isDefault: false };
+  }
+  return {
+    name: editing.name,
+    description: editing.description ?? "",
+    pinned: editing.pinned,
+    shared: editing.shared,
+    isDefault: editing.isDefault
+  };
+}
+function useSaveViewForm(editing, onSave) {
+  const copy = useDataViewsCopy();
+  const initial = seedForm(editing);
+  const [name, setName] = useState(initial.name);
+  const [description, setDescription] = useState(initial.description);
+  const [pinned, setPinned] = useState(initial.pinned);
+  const [shared, setShared] = useState(initial.shared);
+  const [isDefault, setIsDefault] = useState(initial.isDefault);
+  const [saving, setSaving] = useState(false);
+  const [error, setError] = useState(null);
+  const canSave = name.trim().length > 0 && !saving;
+  async function submit() {
+    setSaving(true);
+    setError(null);
+    try {
+      await onSave({ name: name.trim(), description: description.trim(), shared, pinned, isDefault });
+    } catch (cause) {
+      setError(cause instanceof Error ? cause.message : copy.saveView.saveFailed);
+    } finally {
+      setSaving(false);
+    }
+  }
+  return {
+    name,
+    description,
+    pinned,
+    shared,
+    isDefault,
+    canSave,
+    error,
+    setName,
+    setDescription,
+    setPinned,
+    setShared,
+    setIsDefault,
+    submit
+  };
+}
+function FormFooter({
+  editing,
+  canSave,
+  onSubmit,
+  onClose,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsxs(default3, { direction: "row", spacing: 1.5, sx: { justifyContent: "flex-end" }, children: [
+    /* @__PURE__ */ jsx(Button, { variant: "text", color: "neutral", onClick: onClose, dataTestId: `${testIdPrefix}-save-cancel`, children: copy.saveView.cancel }),
+    /* @__PURE__ */ jsx(Button, { onClick: onSubmit, disabled: !canSave, dataTestId: `${testIdPrefix}-save-submit`, children: editing ? copy.saveView.submitEditing : copy.saveView.submitCreating })
+  ] });
+}
+function SaveViewModal({
+  open,
+  onClose,
+  currentState,
+  fields,
+  columns,
+  editing,
+  onSave,
+  testIdPrefix = "view"
+}) {
+  const copy = useDataViewsCopy();
+  const form = useSaveViewForm(editing, onSave);
+  const preview = describeViewState(currentState, fields, columns);
+  return /* @__PURE__ */ jsx(
+    Dialog,
+    {
+      open,
+      onClose,
+      title: editing ? copy.saveView.titleEditing : copy.saveView.titleCreating,
+      size: "sm",
+      showCloseButton: true,
+      dataTestId: `${testIdPrefix}-save-modal`,
+      children: /* @__PURE__ */ jsx(DialogContent, { children: /* @__PURE__ */ jsxs(default3, { spacing: 2, "data-testid": `${testIdPrefix}-save-form`, children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            size: "sm",
+            fullWidth: true,
+            label: copy.saveView.nameLabel,
+            placeholder: copy.saveView.namePlaceholder,
+            value: form.name,
+            onChange: (event) => form.setName(event.target.value),
+            "data-testid": `${testIdPrefix}-save-name`
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            size: "sm",
+            fullWidth: true,
+            label: copy.saveView.descriptionLabel,
+            placeholder: copy.saveView.descriptionPlaceholder,
+            value: form.description,
+            onChange: (event) => form.setDescription(event.target.value),
+            "data-testid": `${testIdPrefix}-save-description`
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          FlagsSwitches,
+          {
+            pinned: form.pinned,
+            shared: form.shared,
+            isDefault: form.isDefault,
+            setPinned: form.setPinned,
+            setShared: form.setShared,
+            setIsDefault: form.setIsDefault,
+            testIdPrefix
+          }
+        ),
+        /* @__PURE__ */ jsx(PreviewBox, { preview, testIdPrefix }),
+        form.error && /* @__PURE__ */ jsx(Text, { variant: "caption", color: "danger", as: "p", "data-testid": `${testIdPrefix}-save-error`, children: form.error }),
+        /* @__PURE__ */ jsx(
+          FormFooter,
+          {
+            editing,
+            canSave: form.canSave,
+            onSubmit: () => void form.submit(),
+            onClose,
+            testIdPrefix
+          }
+        )
+      ] }) })
+    }
+  );
+}
+
+export {
+  SaveViewModal
+};
+//# sourceMappingURL=chunk-2BIVCYTO.js.map

package/dist/chunk-2EAAWOZ2.js

@@ -0,0 +1,131 @@
+import {
+  buttonEmphasisStyles,
+  buttonSize,
+  buttonVariantStyles,
+  getColorFromTheme,
+  iconAlignmentStyles
+} from "./chunk-4WNFOBTH.js";
+import {
+  BUTTON_ICON_GLYPH_SIZE
+} from "./chunk-LN46DSMF.js";
+import {
+  resolveButtonProps
+} from "./chunk-TAMIZE4Q.js";
+import {
+  childTestId,
+  resolveTestId,
+  withoutTestIdProps
+} from "./chunk-TYJR4GOF.js";
+import {
+  fieldRadius
+} from "./chunk-GDN2LUTZ.js";
+import {
+  rem
+} from "./chunk-YKCAJ2TN.js";
+
+// src/components/form/Button/Button.tsx
+import MuiButton from "@mui/material/Button/index.js";
+import CircularProgress from "@mui/material/CircularProgress/index.js";
+import { styled, useTheme } from "@mui/material/styles/index.js";
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+var StyledButton = styled(MuiButton, {
+  shouldForwardProp: (prop) => ["glow", "pulse", "loading", "customVariant", "customColor", "ripple"].indexOf(
+    prop
+  ) === -1
+})(({ theme, customVariant, customColor = "primary", glow, pulse }) => {
+  const colorPalette = getColorFromTheme(theme, customColor);
+  return {
+    textTransform: "none",
+    fontWeight: 500,
+    borderRadius: fieldRadius(theme),
+    transition: "all 0.3s ease",
+    position: "relative",
+    overflow: "hidden",
+    ...iconAlignmentStyles(theme),
+    ...buttonVariantStyles(theme, customVariant, colorPalette, customColor),
+    ...buttonEmphasisStyles(theme, colorPalette, glow, pulse)
+  };
+});
+var muiVariantFor = (variant) => {
+  if (variant === "outline") return "outlined";
+  return variant === "text" ? "text" : "contained";
+};
+var muiSizeFor = (size) => {
+  if (size === "xs" || size === "sm") return "small";
+  return size === "md" ? "medium" : "large";
+};
+var muiColorFor = (color) => {
+  if (color === "danger") return "error";
+  return color === "neutral" ? "inherit" : color;
+};
+var iconGlyphStyle = (theme) => ({ fontSize: rem(theme, BUTTON_ICON_GLYPH_SIZE) });
+function isIconOnly({
+  loading,
+  icon,
+  children
+}) {
+  return !loading && icon != null && children == null;
+}
+var ButtonRoot = React.forwardRef(
+  (rawProps, ref) => {
+    const {
+      variant,
+      color,
+      size,
+      loading,
+      icon,
+      iconPosition,
+      glow,
+      pulse,
+      ripple,
+      active,
+      children,
+      disabled,
+      onClick,
+      onFocus,
+      onBlur,
+      ...others
+    } = resolveButtonProps(rawProps);
+    const ownTestId = resolveTestId(others, "button");
+    const testId = (suffix) => childTestId(others, suffix, "button");
+    const props = withoutTestIdProps(others);
+    const theme = useTheme();
+    const iconWithTestId = !loading && icon ? /* @__PURE__ */ jsx("span", { "data-testid": testId("icon"), style: iconGlyphStyle(theme), children: icon }) : void 0;
+    const iconOnly = isIconOnly({ loading, icon, children });
+    const mergedClassName = [active ? "active" : "", props.className].filter(Boolean).join(" ") || void 0;
+    return /* @__PURE__ */ jsx(
+      StyledButton,
+      {
+        ref,
+        variant: muiVariantFor(variant),
+        color: muiColorFor(color),
+        size: muiSizeFor(size),
+        customVariant: variant,
+        customColor: color,
+        glow,
+        pulse,
+        ripple,
+        disabled: disabled || loading,
+        disableRipple: !ripple,
+        startIcon: iconPosition === "left" ? iconWithTestId : void 0,
+        endIcon: iconPosition === "right" ? iconWithTestId : void 0,
+        onClick,
+        onFocus,
+        onBlur,
+        sx: buttonSize(size, iconOnly),
+        "data-testid": ownTestId,
+        ...props,
+        className: mergedClassName,
+        children: loading ? /* @__PURE__ */ jsx(CircularProgress, { size: rem(theme, 16), color: "inherit", "data-testid": testId("loading") }) : children
+      }
+    );
+  }
+);
+ButtonRoot.displayName = "Button";
+var Button = ButtonRoot;
+
+export {
+  Button
+};
+//# sourceMappingURL=chunk-2EAAWOZ2.js.map

package/dist/chunk-2EAAWOZ2.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/form/Button/Button.tsx"],"sourcesContent":["import MuiButton from '@mui/material/Button/index.js';\nimport CircularProgress from '@mui/material/CircularProgress/index.js';\nimport { styled, useTheme } from '@mui/material/styles/index.js';\nimport type { Theme } from '@mui/material/styles/index.js';\nimport * as React from 'react';\n\nimport { resolveButtonProps } from './Button.helpers';\nimport { BUTTON_ICON_GLYPH_SIZE } from './Button.metrics';\nimport { childTestId, resolveTestId, withoutTestIdProps } from '../../../platform/test-id';\nimport { fieldRadius } from '../../../tokens/field-radius';\nimport { rem } from '../../../tokens/relative';\nimport {\n  buttonEmphasisStyles,\n  buttonVariantStyles,\n  getColorFromTheme,\n  iconAlignmentStyles,\n  buttonSize,\n} from './Button.styles';\nimport type { ButtonComponent, ButtonProps } from './Button.types';\n\nconst StyledButton = styled(MuiButton, {\n  shouldForwardProp: (prop) =>\n    ['glow', 'pulse', 'loading', 'customVariant', 'customColor', 'ripple'].indexOf(\n      prop as string,\n    ) === -1,\n})<{\n  customVariant?: string;\n  customColor?: string;\n  glow?: boolean;\n  pulse?: boolean;\n  ripple?: boolean;\n}>(({ theme, customVariant, customColor = 'primary', glow, pulse }) => {\n  const colorPalette = getColorFromTheme(theme, customColor);\n\n  return {\n    textTransform: 'none',\n    fontWeight: 500,\n    borderRadius: fieldRadius(theme),\n    transition: 'all 0.3s ease',\n    position: 'relative',\n    overflow: 'hidden',\n    ...iconAlignmentStyles(theme),\n    ...buttonVariantStyles(theme, customVariant, colorPalette, customColor),\n    ...buttonEmphasisStyles(theme, colorPalette, glow, pulse),\n  };\n});\n\n/** Our six variants collapse onto MUI's three; only outline and text differ. */\nconst muiVariantFor = (variant?: string): 'outlined' | 'text' | 'contained' => {\n  if (variant === 'outline') return 'outlined';\n  return variant === 'text' ? 'text' : 'contained';\n};\n\ntype MuiButtonColor = 'inherit' | 'primary' | 'secondary' | 'success' | 'warning' | 'info' | 'error';\n\n/**\n * Our five sizes collapse onto MUI's three, so the rendered class NAMES the\n * size the button actually is (12-74).\n *\n * It was never forwarded, so every button — `xs` through `xl` — carried\n * `MuiButton-sizeMedium`. The pixels were right (they come from `buttonSize`'s\n * `sx`, which still decides them) but the DOM said \"medium\" about a large\n * button: a test could never assert the size, and devtools lied to whoever\n * opened them.\n *\n * MUI's own size styles are padding, font-size and the icon glyph. The first\n * two are overridden by that same `sx`; the third is pinned by\n * `BUTTON_ICON_GLYPH_SIZE`, so forwarding this moves nothing on screen.\n */\nconst muiSizeFor = (size: NonNullable<ButtonProps['size']>): 'small' | 'medium' | 'large' => {\n  if (size === 'xs' || size === 'sm') return 'small';\n  return size === 'md' ? 'medium' : 'large';\n};\n\n/** `danger` and `neutral` are ours; the rest are MUI's own names already. */\nconst muiColorFor = (color: NonNullable<ButtonProps['color']>): MuiButtonColor => {\n  if (color === 'danger') return 'error';\n  return color === 'neutral' ? 'inherit' : color;\n};\n\n/**\n * The icon slot's font-size, pinned on the wrapper this component already owns\n * (12-74).\n *\n * MUI writes 18/20/22 there off its own `size`, and that prop is now forwarded,\n * so a glyph that takes its size by INHERITANCE would start moving with the\n * button — measured at 18px on `xs` and 22px on `lg` against the 20px every\n * size has always drawn. See {@link BUTTON_ICON_GLYPH_SIZE} for what that does\n * and does not reach.\n *\n * Written as an inline style rather than a selector in `sx` because MUI's own\n * rule sits on the start/end-icon span itself. Beating it from the root means\n * winning a specificity contest at a distance — true in a browser, but not\n * something a test can hold, since jsdom resolves `getComputedStyle` by\n * document order and never by specificity. Inline wins both, and it sits on the\n * one element we already render for this glyph.\n *\n * Through the theme's type scale (FUT-2594): `1.25rem` at MUI's defaults, which\n * is the 20px MUI was emitting before at a 16px root.\n */\nconst iconGlyphStyle = (theme: Theme) => ({ fontSize: rem(theme, BUTTON_ICON_GLYPH_SIZE) });\n\n/**\n * An icon and nothing else — the shape that should render square.\n *\n * A separate predicate rather than three clauses inline: the component function\n * is already at the complexity ceiling, and \"what counts as an icon button\" is\n * a rule worth naming anyway. `loading` disqualifies, because a spinner\n * replaces the children and would otherwise make every loading button square.\n */\nfunction isIconOnly({\n  loading,\n  icon,\n  children,\n}: Pick<ButtonProps, 'loading' | 'icon' | 'children'>): boolean {\n  return !loading && icon != null && children == null;\n}\n\n/**\n * The design system's button.\n *\n * Typed as an `OverridableComponent` (12-70) rather than a plain `forwardRef`,\n * which is how MUI models a component that can render as something else. The\n * practical difference is one line at a call site:\n *\n * ```tsx\n * <Button component={Link} to=\"/account/compras/42\">Acompanhar pedido</Button>\n * ```\n *\n * `to` is typed here because the generic carries the target component's own\n * props through. A plain `component?: React.ElementType` — what this was —\n * accepts the component and throws its props away, so `to` typechecked\n * nowhere even though it arrived intact at runtime. A host wanting a router\n * navigation painted as a button had to choose between a type assertion and\n * losing the `href`; both were shipped, and both are the reason this ticket\n * exists.\n */\nconst ButtonRoot = React.forwardRef<HTMLButtonElement, ButtonProps>(\n  (rawProps, ref) => {\n    const {\n      variant,\n      color,\n      size,\n      loading,\n      icon,\n      iconPosition,\n      glow,\n      pulse,\n      ripple,\n      active,\n      children,\n      disabled,\n      onClick,\n      onFocus,\n      onBlur,\n      ...others\n    } = resolveButtonProps(rawProps);\n    // Every spelling of the test id the shared contract allows, mapped to the\n    // one the DOM reads; the native Button does the same in reverse.\n    const ownTestId = resolveTestId(others, 'button');\n    const testId = (suffix: string) => childTestId(others, suffix, 'button');\n    const props = withoutTestIdProps(others);\n    const theme = useTheme();\n\n    // Wrap icon with testId if provided\n    const iconWithTestId =\n      !loading && icon ? (\n        <span data-testid={testId('icon')} style={iconGlyphStyle(theme)}>\n          {icon}\n        </span>\n      ) : undefined;\n\n    // Only an icon, so the button is a square rather than a 64px slab.\n    const iconOnly = isIconOnly({ loading, icon, children });\n\n    const mergedClassName =\n      [active ? 'active' : '', props.className].filter(Boolean).join(' ') || undefined;\n\n    return (\n      <StyledButton\n        ref={ref}\n        variant={muiVariantFor(variant)}\n        color={muiColorFor(color)}\n        size={muiSizeFor(size)}\n        customVariant={variant}\n        customColor={color}\n        glow={glow}\n        pulse={pulse}\n        ripple={ripple}\n        disabled={disabled || loading}\n        disableRipple={!ripple}\n        startIcon={iconPosition === 'left' ? iconWithTestId : undefined}\n        endIcon={iconPosition === 'right' ? iconWithTestId : undefined}\n        onClick={onClick}\n        onFocus={onFocus}\n        onBlur={onBlur}\n        sx={buttonSize(size, iconOnly)}\n        data-testid={ownTestId}\n        {...props}\n        className={mergedClassName}\n      >\n        {loading ? (\n          <CircularProgress size={rem(theme, 16)} color=\"inherit\" data-testid={testId('loading')} />\n        ) : (\n          children\n        )}\n      </StyledButton>\n    );\n  },\n);\n\nButtonRoot.displayName = 'Button';\n\n/**\n * The cast is what publishes the generic — `forwardRef` cannot express\n * \"renders as C, and takes C's props\" on its own, so MUI's own components do\n * exactly this. `ButtonRoot` above is the implementation and is not exported.\n */\nexport const Button = ButtonRoot as ButtonComponent;\n"],"mappings":"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","names":[]}