@12-apps/ui 6.19.1 → 6.21.0

package/dist/chunk-BDVNAU2C.js

@@ -0,0 +1,177 @@
+import {
+  EN_US_SOCIAL_LOGIN_COPY
+} from "./chunk-INGPH3YQ.js";
+import {
+  Heading
+} from "./chunk-426FTCMF.js";
+import {
+  Separator
+} from "./chunk-MCZ7536N.js";
+import {
+  Card,
+  CardContent
+} from "./chunk-D2IASECY.js";
+import {
+  Button
+} from "./chunk-BNNSO4MC.js";
+import {
+  Text
+} from "./chunk-26Z7QWID.js";
+
+// src/social-login-button/social-login-button.tsx
+import * as React from "react";
+import Box from "@mui/material/Box/index.js";
+import Stack from "@mui/material/Stack/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var GoogleIcon = () => /* @__PURE__ */ jsxs("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z",
+      fill: "#4285F4"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z",
+      fill: "#34A853"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z",
+      fill: "#FBBC05"
+    }
+  ),
+  /* @__PURE__ */ jsx(
+    "path",
+    {
+      d: "M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z",
+      fill: "#EA4335"
+    }
+  )
+] });
+var FacebookIcon = () => /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx(
+  "path",
+  {
+    d: "M24 12c0-6.627-5.373-12-12-12S0 5.373 0 12c0 5.99 4.388 10.954 10.125 11.854V15.47H7.078V12h3.047V9.356c0-3.007 1.792-4.668 4.533-4.668 1.312 0 2.686.234 2.686.234v2.953H15.83c-1.491 0-1.956.925-1.956 1.874V12h3.328l-.532 3.469h-2.796v8.385C19.612 22.954 24 17.99 24 12z",
+    fill: "#1877F2"
+  }
+) });
+var AppleIcon = () => /* @__PURE__ */ jsx("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", children: /* @__PURE__ */ jsx("path", { d: "M17.05 20.28c-.98.95-2.05.8-3.08.35-1.09-.46-2.09-.48-3.24 0-1.44.62-2.2.44-3.06-.35C2.79 15.25 3.51 7.59 9.05 7.31c1.35.07 2.29.74 3.08.8 1.18-.24 2.31-.93 3.57-.84 1.51.12 2.65.72 3.4 1.8-3.12 1.87-2.38 5.98.48 7.13-.57 1.5-1.31 2.99-2.54 4.09l.01-.01zM12.03 7.25c-.15-2.23 1.66-4.07 3.74-4.25.29 2.58-2.34 4.5-3.74 4.25z" }) });
+var providerConfig = {
+  google: {
+    Icon: GoogleIcon,
+    variant: "outline",
+    color: "neutral",
+    sx: {
+      backgroundColor: "#ffffff",
+      color: "#1f1f1f",
+      borderColor: "#dadce0",
+      "&:hover": {
+        backgroundColor: "#f5f5f5",
+        borderColor: "#dadce0"
+      }
+    }
+  },
+  facebook: {
+    Icon: FacebookIcon,
+    variant: "solid",
+    color: "primary",
+    sx: {
+      backgroundColor: "#1877F2",
+      color: "#ffffff",
+      "&:hover": {
+        backgroundColor: "#166fe5"
+      }
+    }
+  },
+  apple: {
+    Icon: AppleIcon,
+    variant: "solid",
+    color: "neutral",
+    sx: {
+      backgroundColor: "#000000",
+      color: "#ffffff",
+      "&:hover": {
+        backgroundColor: "#1a1a1a"
+      }
+    }
+  }
+};
+var SocialLoginButton = React.forwardRef(
+  ({
+    provider,
+    onClick,
+    loading = false,
+    disabled = false,
+    fullWidth = true,
+    copy = EN_US_SOCIAL_LOGIN_COPY,
+    dataTestId
+  }, ref) => {
+    const config = providerConfig[provider];
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        ref,
+        variant: config.variant,
+        color: config.color,
+        size: "lg",
+        loading,
+        disabled,
+        onClick,
+        icon: /* @__PURE__ */ jsx(config.Icon, {}),
+        dataTestId,
+        fullWidth,
+        sx: {
+          minHeight: 48,
+          justifyContent: "flex-start",
+          gap: 2,
+          ...config.sx
+        },
+        children: copy[provider]
+      }
+    );
+  }
+);
+SocialLoginButton.displayName = "SocialLoginButton";
+function SocialLoginContainer({
+  children,
+  title = "Sign in to continue",
+  subtitle,
+  showDivider = false,
+  dividerText = "or",
+  maxWidth = 400
+}) {
+  return (
+    // `width: 100%` is what makes the cap below mean anything. Every caller
+    // centres this card in a flex column (`Container variant="centered"` does),
+    // and a flex item under `align-items: center` sizes to its CONTENT — so the
+    // card sat at whatever the longest label happened to need, ~267px, at every
+    // viewport from 390 to 1280. The 400 was never reached, which is why raising
+    // it would have changed nothing; the card had no width to cap.
+    /* @__PURE__ */ jsx(Card, { variant: "elevated", borderRadius: "lg", sx: { width: "100%", maxWidth }, children: /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(Stack, { spacing: 3, sx: { width: "100%" }, children: [
+      title && /* @__PURE__ */ jsxs(Box, { sx: { textAlign: "center" }, children: [
+        /* @__PURE__ */ jsx(Heading, { level: "h2", children: title }),
+        subtitle && /* @__PURE__ */ jsx(Text, { color: "secondary", size: "sm", children: subtitle })
+      ] }),
+      /* @__PURE__ */ jsx(Stack, { spacing: 2, children }),
+      showDivider && /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 2 }, children: [
+        /* @__PURE__ */ jsx(Separator, {}),
+        /* @__PURE__ */ jsx(Text, { color: "secondary", size: "sm", children: dividerText }),
+        /* @__PURE__ */ jsx(Separator, {})
+      ] })
+    ] }) }) })
+  );
+}
+
+export {
+  GoogleIcon,
+  FacebookIcon,
+  AppleIcon,
+  SocialLoginButton,
+  SocialLoginContainer
+};
+//# sourceMappingURL=chunk-BDVNAU2C.js.map

package/dist/chunk-BEGWE5O4.js

@@ -0,0 +1,170 @@
+import {
+  useCodeEditor
+} from "./chunk-ZSXV3ERD.js";
+import {
+  makeTestId,
+  resolveCodeEditorProps
+} from "./chunk-CSSCGM27.js";
+import {
+  EditorToolbar
+} from "./chunk-4V7DBU4H.js";
+import {
+  fieldEdge
+} from "./chunk-7FDU3FIN.js";
+
+// src/components/form/CodeEditor/CodeEditor.tsx
+import Editor from "@monaco-editor/react";
+import Box from "@mui/material/Box/index.js";
+import Paper from "@mui/material/Paper/index.js";
+import Typography from "@mui/material/Typography/index.js";
+import { alpha, styled } from "@mui/material/styles/index.js";
+import { jsx, jsxs } from "react/jsx-runtime";
+var EditorContainer = styled(Paper)(({ theme }) => ({
+  display: "flex",
+  flexDirection: "column",
+  background: `linear-gradient(135deg, ${alpha(theme.palette.background.paper, 0.98)} 0%, ${alpha(theme.palette.background.paper, 0.95)} 100%)`,
+  backdropFilter: "blur(10px)",
+  WebkitBackdropFilter: "blur(10px)",
+  border: `1px solid ${fieldEdge(theme)}`,
+  borderRadius: theme.shape.borderRadius * 2,
+  overflow: "hidden"
+}));
+var EditorWrapper = styled(Box, {
+  shouldForwardProp: (prop) => prop !== "fullscreen"
+})(({ theme, fullscreen }) => ({
+  position: "relative",
+  flex: 1,
+  minHeight: 200,
+  ...fullscreen && {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    zIndex: theme.zIndex.modal,
+    background: theme.palette.background.paper
+  }
+}));
+var PlaceholderOverlay = styled(Box)(({ theme }) => ({
+  position: "absolute",
+  top: theme.spacing(2),
+  left: theme.spacing(8),
+  color: theme.palette.text.disabled,
+  fontFamily: 'Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace',
+  fontSize: "0.875rem",
+  pointerEvents: "none",
+  userSelect: "none"
+}));
+var EditorLoading = ({ label }) => /* @__PURE__ */ jsx(
+  Box,
+  {
+    sx: {
+      display: "flex",
+      alignItems: "center",
+      justifyContent: "center",
+      height: "100%",
+      color: "text.secondary"
+    },
+    children: /* @__PURE__ */ jsx(Typography, { variant: "body2", children: label })
+  }
+);
+var buildEditorOptions = ({
+  minimap,
+  fontSize,
+  isWrapped,
+  lineNumbers,
+  readOnly
+}) => ({
+  readOnly,
+  // Explicitly convert minimap to boolean to ensure Monaco receives a definitive value
+  // This prevents undefined from being interpreted differently in various environments
+  minimap: { enabled: minimap === true },
+  fontSize,
+  wordWrap: isWrapped ? "on" : "off",
+  lineNumbers: lineNumbers ? "on" : "off",
+  scrollBeyondLastLine: false,
+  automaticLayout: true,
+  tabSize: 2,
+  insertSpaces: true,
+  folding: true,
+  foldingStrategy: "indentation",
+  showFoldingControls: "mouseover",
+  smoothScrolling: true,
+  cursorBlinking: "smooth",
+  cursorSmoothCaretAnimation: "on",
+  renderWhitespace: "selection",
+  renderLineHighlight: "all",
+  selectOnLineNumbers: true,
+  roundedSelection: true,
+  padding: { top: 16, bottom: 16 },
+  fontFamily: 'Monaco, Menlo, "Ubuntu Mono", Consolas, source-code-pro, monospace',
+  fontLigatures: true
+});
+var CodeEditor = (componentProps) => {
+  const {
+    language,
+    height,
+    theme: themeProp,
+    value,
+    onChange,
+    readOnly,
+    lineNumbers,
+    minimap,
+    fontSize,
+    wordWrap,
+    showToolbar,
+    autoFormat,
+    placeholder,
+    onSave,
+    dataTestId,
+    copy
+  } = resolveCodeEditorProps(componentProps);
+  const testId = makeTestId(dataTestId);
+  const editor = useCodeEditor({ themeProp, wordWrap, autoFormat, readOnly, onSave });
+  const editorOptions = buildEditorOptions({
+    minimap,
+    fontSize,
+    isWrapped: editor.isWrapped,
+    lineNumbers,
+    readOnly
+  });
+  return /* @__PURE__ */ jsxs(EditorContainer, { elevation: 2, "data-testid": dataTestId || "code-editor", children: [
+    showToolbar && /* @__PURE__ */ jsx(
+      EditorToolbar,
+      {
+        copy,
+        language,
+        readOnly,
+        isWrapped: editor.isWrapped,
+        isCopied: editor.isCopied,
+        isFullscreen: editor.isFullscreen,
+        dataTestId,
+        onFormat: editor.handleFormat,
+        onCopy: editor.handleCopy,
+        onWrapToggle: editor.handleWrapToggle,
+        onFullscreenToggle: editor.handleFullscreenToggle
+      }
+    ),
+    /* @__PURE__ */ jsxs(EditorWrapper, { fullscreen: editor.isFullscreen, "data-testid": testId("editor-wrapper"), children: [
+      placeholder && !value && /* @__PURE__ */ jsx(PlaceholderOverlay, { "data-testid": testId("placeholder"), children: placeholder }),
+      /* @__PURE__ */ jsx(
+        Editor,
+        {
+          height: editor.isFullscreen ? "100vh" : height,
+          language,
+          value,
+          onChange: (newValue) => onChange?.(newValue || ""),
+          theme: editor.editorTheme,
+          options: editorOptions,
+          onMount: editor.handleEditorDidMount,
+          loading: /* @__PURE__ */ jsx(EditorLoading, { label: copy.loading })
+        }
+      )
+    ] })
+  ] });
+};
+
+export {
+  CodeEditor
+};
+//# sourceMappingURL=chunk-BEGWE5O4.js.map

package/dist/chunk-BEH4DN63.js

@@ -0,0 +1,124 @@
+import {
+  SaveViewModal
+} from "./chunk-JIINGMEB.js";
+import {
+  ManageViewsDialog
+} from "./chunk-ZFPJBKVZ.js";
+import {
+  useDataViewsCopy
+} from "./chunk-KHG57NAE.js";
+import {
+  SavedViewsMenu
+} from "./chunk-EFEZWG4C.js";
+import {
+  Alert
+} from "./chunk-FB36IHCE.js";
+
+// src/components/data-display/DataViews/data-views-table-parts.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+function ViewMutationErrorAlert({
+  error,
+  onClose,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  if (!error) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(
+    Alert,
+    {
+      variant: "danger",
+      title: copy.nav.updateFailed,
+      description: error,
+      closable: true,
+      closeLabel: copy.nav.dismissError,
+      onClose,
+      "data-testid": `${testIdPrefix}-views-mutation-error`
+    }
+  );
+}
+function ViewsMenuSlot({
+  views,
+  activeViewName,
+  applyView,
+  selectMain,
+  openCreate,
+  openEdit,
+  handleDelete,
+  patchView,
+  onManageAll,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsx(
+    SavedViewsMenu,
+    {
+      labels: copy.savedViewsMenu,
+      views,
+      activeViewName,
+      onApply: applyView,
+      onSelectMain: selectMain,
+      onSaveCurrent: openCreate,
+      onEdit: openEdit,
+      onDelete: (view) => void handleDelete(view),
+      onSetDefault: (view) => void patchView(view, { isDefault: true }),
+      onTogglePin: (view) => void patchView(view, { pinned: !view.pinned }),
+      onToggleShare: (view) => void patchView(view, { shared: !view.shared }),
+      onManageAll,
+      testIdPrefix: `${testIdPrefix}-views`
+    }
+  );
+}
+function ViewDialogs({
+  saveOpen,
+  onCloseSave,
+  currentState,
+  fields,
+  columns,
+  editing,
+  onSave,
+  manageOpen,
+  onCloseManage,
+  views,
+  onEditFromManage,
+  onDelete,
+  testIdPrefix
+}) {
+  const copy = useDataViewsCopy();
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SaveViewModal,
+      {
+        open: saveOpen,
+        onClose: onCloseSave,
+        currentState,
+        fields,
+        columns,
+        editing,
+        onSave,
+        testIdPrefix: `${testIdPrefix}-views`
+      },
+      editing ? `edit-${editing.id}` : "create"
+    ),
+    /* @__PURE__ */ jsx(
+      ManageViewsDialog,
+      {
+        confirmCopy: copy.confirmAction,
+        open: manageOpen,
+        onClose: onCloseManage,
+        views,
+        onEdit: onEditFromManage,
+        onDelete,
+        testIdPrefix: `${testIdPrefix}-views`
+      }
+    )
+  ] });
+}
+
+export {
+  ViewMutationErrorAlert,
+  ViewsMenuSlot,
+  ViewDialogs
+};
+//# sourceMappingURL=chunk-BEH4DN63.js.map

package/dist/chunk-BF4FYOAR.js

@@ -0,0 +1,23 @@
+// src/components/data-display/Chip/Chip.helpers.ts
+var makeTestId = (dataTestId) => (suffix) => dataTestId ? `${dataTestId}-${suffix}` : `chip-${suffix}`;
+var chipRole = (selectable, onClick) => {
+  if (selectable) return "option";
+  return onClick ? "button" : void 0;
+};
+var isClickable = (disabled, onClick, selectable) => !disabled && (Boolean(onClick) || Boolean(selectable));
+var DELETE_KEYS = /* @__PURE__ */ new Set(["Delete", "Backspace"]);
+var ACTIVATE_KEYS = /* @__PURE__ */ new Set(["Enter", " "]);
+function chipKeyAction(key, a) {
+  if (a.disabled) return null;
+  if (DELETE_KEYS.has(key) && a.deletable && a.onDelete) return "delete";
+  if (ACTIVATE_KEYS.has(key) && (a.onClick || a.selectable)) return "activate";
+  return null;
+}
+
+export {
+  makeTestId,
+  chipRole,
+  isClickable,
+  chipKeyAction
+};
+//# sourceMappingURL=chunk-BF4FYOAR.js.map

package/dist/chunk-BF4FYOAR.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/components/data-display/Chip/Chip.helpers.ts"],"sourcesContent":["/** `${dataTestId}-label`, or `chip-label` when the caller named nothing. */\nexport const makeTestId =\n  (dataTestId?: string) =>\n  (suffix: string): string =>\n    dataTestId ? `${dataTestId}-${suffix}` : `chip-${suffix}`;\n\n/** `option` when the chip belongs to a selectable set, `button` when it merely acts. */\nexport const chipRole = (\n  selectable?: boolean,\n  // `unknown`, because the two renderers hand this a differently-typed handler\n  // and all that is asked of it here is whether the caller supplied one.\n  onClick?: unknown,\n): 'option' | 'button' | undefined => {\n  if (selectable) return 'option';\n  return onClick ? 'button' : undefined;\n};\n\nexport const isClickable = (\n  disabled?: boolean,\n  onClick?: unknown,\n  selectable?: boolean,\n): boolean => !disabled && (Boolean(onClick) || Boolean(selectable));\n\n/** What a key press on a chip means, if anything. */\nexport type ChipKeyAction = 'delete' | 'activate' | null;\n\nconst DELETE_KEYS = new Set(['Delete', 'Backspace']);\nconst ACTIVATE_KEYS = new Set(['Enter', ' ']);\n\nexport interface ChipKeyArgs {\n  disabled?: boolean;\n  deletable?: boolean;\n  selectable?: boolean;\n  onClick?: unknown;\n  onDelete?: unknown;\n}\n\n/**\n * A chip is not a native control, so the two keyboard conventions it stands in\n * for are decided by hand: Delete/Backspace removes it, Enter/Space activates\n * it. Both renderers read this one decision — the web wires it to the DOM\n * handler, the native half to react-native-web's (see `Chip.native.tsx`).\n */\nexport function chipKeyAction(key: string, a: ChipKeyArgs): ChipKeyAction {\n  if (a.disabled) return null;\n  if (DELETE_KEYS.has(key) && a.deletable && a.onDelete) return 'delete';\n  if (ACTIVATE_KEYS.has(key) && (a.onClick || a.selectable)) return 'activate';\n  return null;\n}\n"],"mappings":";AACO,IAAM,aACX,CAAC,eACD,CAAC,WACC,aAAa,GAAG,UAAU,IAAI,MAAM,KAAK,QAAQ,MAAM;AAGpD,IAAM,WAAW,CACtB,YAGA,YACoC;AACpC,MAAI,WAAY,QAAO;AACvB,SAAO,UAAU,WAAW;AAC9B;AAEO,IAAM,cAAc,CACzB,UACA,SACA,eACY,CAAC,aAAa,QAAQ,OAAO,KAAK,QAAQ,UAAU;AAKlE,IAAM,cAAc,oBAAI,IAAI,CAAC,UAAU,WAAW,CAAC;AACnD,IAAM,gBAAgB,oBAAI,IAAI,CAAC,SAAS,GAAG,CAAC;AAgBrC,SAAS,cAAc,KAAa,GAA+B;AACxE,MAAI,EAAE,SAAU,QAAO;AACvB,MAAI,YAAY,IAAI,GAAG,KAAK,EAAE,aAAa,EAAE,SAAU,QAAO;AAC9D,MAAI,cAAc,IAAI,GAAG,MAAM,EAAE,WAAW,EAAE,YAAa,QAAO;AAClE,SAAO;AACT;","names":[]}

package/dist/chunk-BLBOYCOV.js

@@ -0,0 +1,51 @@
+import {
+  resolveAxisConfig,
+  resolveBarGeometry
+} from "./chunk-4V532JF6.js";
+import {
+  getAxisStyles,
+  getDefaultColors,
+  getSizeStyles,
+  resolveSeries
+} from "./chunk-XXDXW6TX.js";
+
+// src/components/data-display/Chart/chart-context.ts
+function buildChartContext(props, theme) {
+  const sizeStyles = getSizeStyles(props.size, props.height);
+  const chartColors = getDefaultColors(theme, props.variant ?? "default", props.colors);
+  const { axisStyle, gridStroke, gridOpacity } = getAxisStyles(
+    theme,
+    props.variant ?? "default",
+    sizeStyles.fontSize
+  );
+  const handleChartClick = (payload) => {
+    const chartData = payload;
+    if (props.onClick && chartData?.activePayload?.[0]) {
+      props.onClick(chartData.activePayload[0].payload);
+    }
+  };
+  return {
+    props,
+    theme,
+    sizeStyles,
+    chartColors,
+    chartSeries: resolveSeries(props.data, props.series, props.xAxisKey ?? "name", chartColors),
+    strokeType: props.curved ?? true ? "monotone" : "linear",
+    axisStyle: { ...axisStyle, fontSize: sizeStyles.fontSize },
+    gridStroke,
+    gridOpacity,
+    axisConfig: resolveAxisConfig(props, sizeStyles.tickMargin),
+    barGeometry: resolveBarGeometry(props),
+    animationDuration: props.animate ?? true ? props.animationDuration ?? 1500 : 0,
+    commonProps: {
+      data: props.data,
+      margin: { top: 20, right: 30, left: 20, bottom: 20, ...props.margin },
+      onClick: handleChartClick
+    }
+  };
+}
+
+export {
+  buildChartContext
+};
+//# sourceMappingURL=chunk-BLBOYCOV.js.map

package/dist/chunk-BNNSO4MC.js

@@ -0,0 +1,114 @@
+import {
+  resolveButtonProps
+} from "./chunk-TAMIZE4Q.js";
+import {
+  buttonEmphasisStyles,
+  buttonSize,
+  buttonVariantStyles,
+  getColorFromTheme,
+  iconAlignmentStyles
+} from "./chunk-JT6TERQL.js";
+import {
+  childTestId,
+  resolveTestId,
+  withoutTestIdProps
+} from "./chunk-6F5IKY32.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 } 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: theme.spacing(1),
+    transition: "all 0.3s ease",
+    position: "relative",
+    overflow: "hidden",
+    ...iconAlignmentStyles(theme),
+    ...buttonVariantStyles(theme, customVariant, colorPalette, customColor),
+    ...buttonEmphasisStyles(colorPalette, glow, pulse)
+  };
+});
+var muiVariantFor = (variant) => {
+  if (variant === "outline") return "outlined";
+  return variant === "text" ? "text" : "contained";
+};
+var muiColorFor = (color) => {
+  if (color === "danger") return "error";
+  return color === "neutral" ? "inherit" : color;
+};
+function isIconOnly({
+  loading,
+  icon,
+  children
+}) {
+  return !loading && icon != null && children == null;
+}
+var Button = 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 iconWithTestId = !loading && icon ? /* @__PURE__ */ jsx("span", { "data-testid": testId("icon"), 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),
+        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: 16, color: "inherit", "data-testid": testId("loading") }) : children
+      }
+    );
+  }
+);
+Button.displayName = "Button";
+
+export {
+  Button
+};
+//# sourceMappingURL=chunk-BNNSO4MC.js.map