@12-apps/ui 6.11.0 → 6.11.1

package/dist/chunk-5ETQ3NX5.js

@@ -1,236 +0,0 @@
-// src/components/feedback/Toast/Toast.tsx
-import SuccessIcon from "@mui/icons-material/CheckCircle";
-import CloseIcon from "@mui/icons-material/Close";
-import ErrorIcon from "@mui/icons-material/Error";
-import InfoIcon from "@mui/icons-material/Info";
-import WarningIcon from "@mui/icons-material/Warning";
-import {
-  Alert,
-  alpha,
-  Box,
-  Button,
-  CircularProgress,
-  IconButton,
-  Portal,
-  Slide,
-  Typography,
-  useTheme
-} from "@mui/material";
-import { createContext, useCallback, useContext, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var ToastContext = createContext(null);
-var resolveToastMessage = (message, value) => typeof message === "function" ? message(value) : message;
-var trackPromiseWithToasts = async (promiseToResolve, options, addToast, removeToast) => {
-  const toastId = addToast({
-    message: options.loading,
-    variant: "promise",
-    persistent: true
-  });
-  try {
-    const data = await promiseToResolve;
-    removeToast(toastId);
-    addToast({ message: resolveToastMessage(options.success, data), variant: "success" });
-    return data;
-  } catch (error) {
-    removeToast(toastId);
-    addToast({ message: resolveToastMessage(options.error, error), variant: "error" });
-    throw error;
-  }
-};
-var ToastProvider = ({ children }) => {
-  const [toasts, setToasts] = useState([]);
-  const removeToast = useCallback((id) => {
-    setToasts((prev) => prev.filter((toast) => toast.id !== id));
-  }, []);
-  const addToast = useCallback(
-    (toast) => {
-      const id = `toast-${Date.now()}-${Math.random().toString(36).substr(2, 9)}`;
-      const newToast = {
-        ...toast,
-        id,
-        timestamp: Date.now()
-      };
-      setToasts((prev) => [...prev, newToast]);
-      if (!toast.persistent && toast.duration !== 0) {
-        const duration = toast.duration ?? 5e3;
-        window.setTimeout(() => {
-          removeToast(id);
-        }, duration);
-      }
-      return id;
-    },
-    [removeToast]
-  );
-  const clearAllToasts = useCallback(() => {
-    setToasts([]);
-  }, []);
-  const promise = useCallback(
-    (promiseToResolve, options) => trackPromiseWithToasts(promiseToResolve, options, addToast, removeToast),
-    [addToast, removeToast]
-  );
-  const contextValue = {
-    toasts,
-    addToast,
-    removeToast,
-    clearAllToasts,
-    promise
-  };
-  return /* @__PURE__ */ jsx(ToastContext.Provider, { value: contextValue, children });
-};
-var useToast = () => {
-  const context = useContext(ToastContext);
-  if (!context) {
-    throw new Error("useToast must be used within a ToastProvider");
-  }
-  return context;
-};
-var renderVariantIcon = (variant) => {
-  switch (variant) {
-    case "success":
-      return /* @__PURE__ */ jsx(SuccessIcon, {});
-    case "error":
-      return /* @__PURE__ */ jsx(ErrorIcon, {});
-    case "warning":
-      return /* @__PURE__ */ jsx(WarningIcon, {});
-    case "info":
-      return /* @__PURE__ */ jsx(InfoIcon, {});
-    case "promise":
-      return /* @__PURE__ */ jsx(CircularProgress, { size: 20 });
-    default:
-      return null;
-  }
-};
-var toAlertSeverity = (variant) => variant === "default" || variant === "promise" ? "info" : variant;
-var buildToastStyles = (theme, glass) => {
-  const baseStyles = {
-    borderRadius: theme.spacing(1.5),
-    transition: theme.transitions.create(["background-color", "backdrop-filter"], {
-      duration: theme.transitions.duration.standard
-    })
-  };
-  if (glass) {
-    return {
-      ...baseStyles,
-      backgroundColor: alpha(theme.palette.background.paper, 0.1),
-      backdropFilter: "blur(20px)",
-      border: `1px solid ${alpha(theme.palette.primary.main, 0.2)}`
-    };
-  }
-  return baseStyles;
-};
-var Toast = ({
-  id = "",
-  message,
-  variant = "default",
-  closable = true,
-  action,
-  glass = false,
-  onClose,
-  dataTestId = "toast"
-}) => {
-  const theme = useTheme();
-  const handleClose = () => {
-    if (onClose && id) {
-      onClose(id);
-    }
-  };
-  return /* @__PURE__ */ jsx(
-    Alert,
-    {
-      "data-testid": dataTestId,
-      icon: renderVariantIcon(variant),
-      severity: toAlertSeverity(variant),
-      onClose: closable ? handleClose : void 0,
-      action: /* @__PURE__ */ jsxs(Box, { sx: { display: "flex", alignItems: "center", gap: 1 }, children: [
-        action && /* @__PURE__ */ jsx(
-          Button,
-          {
-            "data-testid": `${dataTestId}-action`,
-            color: "inherit",
-            size: "small",
-            onClick: action.onClick,
-            children: action.label
-          }
-        ),
-        closable && /* @__PURE__ */ jsx(
-          IconButton,
-          {
-            "data-testid": `${dataTestId}-close`,
-            "aria-label": "close",
-            color: "inherit",
-            size: "small",
-            onClick: handleClose,
-            children: /* @__PURE__ */ jsx(CloseIcon, { fontSize: "small" })
-          }
-        )
-      ] }),
-      sx: buildToastStyles(theme, glass),
-      children: /* @__PURE__ */ jsx(Typography, { "data-testid": `${dataTestId}-message`, variant: "body2", children: message })
-    }
-  );
-};
-var ToastContainer = ({
-  position = "top-right",
-  maxToasts = 5,
-  gap = 8,
-  className,
-  dataTestId = "toast-container"
-}) => {
-  const context = useContext(ToastContext);
-  if (!context) {
-    throw new Error("ToastContainer must be used within a ToastProvider");
-  }
-  const { toasts, removeToast } = context;
-  const getPositionStyles = () => {
-    const baseStyles = {
-      position: "fixed",
-      zIndex: 9999,
-      display: "flex",
-      flexDirection: "column",
-      gap: `${gap}px`,
-      padding: "16px",
-      pointerEvents: "none"
-    };
-    switch (position) {
-      case "top-left":
-        return { ...baseStyles, top: 0, left: 0 };
-      case "top-center":
-        return { ...baseStyles, top: 0, left: "50%", transform: "translateX(-50%)" };
-      case "top-right":
-        return { ...baseStyles, top: 0, right: 0 };
-      case "bottom-left":
-        return { ...baseStyles, bottom: 0, left: 0, flexDirection: "column-reverse" };
-      case "bottom-center":
-        return {
-          ...baseStyles,
-          bottom: 0,
-          left: "50%",
-          transform: "translateX(-50%)",
-          flexDirection: "column-reverse"
-        };
-      case "bottom-right":
-        return { ...baseStyles, bottom: 0, right: 0, flexDirection: "column-reverse" };
-      default:
-        return { ...baseStyles, top: 0, right: 0 };
-    }
-  };
-  return /* @__PURE__ */ jsx(Portal, { children: /* @__PURE__ */ jsx(Box, { "data-testid": dataTestId, className, sx: getPositionStyles(), children: toasts.slice(0, maxToasts).map((toast, index) => /* @__PURE__ */ jsx(
-    Slide,
-    {
-      direction: position.includes("left") ? "right" : "left",
-      in: true,
-      timeout: 300,
-      style: { pointerEvents: "auto" },
-      children: /* @__PURE__ */ jsx(Box, { "data-testid": `${dataTestId}-item-${index}`, children: /* @__PURE__ */ jsx(Toast, { ...toast, onClose: removeToast, dataTestId: toast.dataTestId || `toast-${index}` }) })
-    },
-    toast.id
-  )) }) });
-};
-
-export {
-  ToastProvider,
-  useToast,
-  Toast,
-  ToastContainer
-};
-//# sourceMappingURL=chunk-5ETQ3NX5.js.map

package/dist/chunk-5FC7M2Y5.js

@@ -1,149 +0,0 @@
-// src/components/layout/Separator/Separator.tsx
-import { Box, Typography, useTheme } from "@mui/material";
-
-// src/components/layout/Separator/Separator.styles.ts
-var THICKNESS_PX = {
-  xs: 1,
-  sm: 2,
-  md: 3,
-  lg: 4,
-  xl: 6
-};
-var MARGIN_PX = {
-  xs: 4,
-  sm: 8,
-  md: 16,
-  lg: 24,
-  xl: 32
-};
-var separatorThickness = (size) => THICKNESS_PX[size] ?? THICKNESS_PX.md;
-var separatorMargin = (size, margin) => margin ?? MARGIN_PX[size] ?? MARGIN_PX.md;
-var borderStyleFor = (variant) => {
-  switch (variant) {
-    case "dashed":
-      return "dashed";
-    case "dotted":
-      return "dotted";
-    default:
-      return "solid";
-  }
-};
-var gradientBackground = (variant, orientation, color) => {
-  if (variant !== "gradient") return void 0;
-  const angle = orientation === "horizontal" ? "90deg" : "180deg";
-  return `linear-gradient(${angle}, transparent 0%, ${color} 50%, transparent 100%)`;
-};
-var borderEdges = (isHorizontal, thickness, style, color) => {
-  const leading = isHorizontal ? "Top" : "Left";
-  const blank = {
-    borderTopWidth: 0,
-    borderBottomWidth: 0,
-    borderLeftWidth: 0,
-    borderRightWidth: 0,
-    borderTopStyle: "none",
-    borderBottomStyle: "none",
-    borderLeftStyle: "none",
-    borderRightStyle: "none",
-    borderTopColor: "transparent",
-    borderBottomColor: "transparent",
-    borderLeftColor: "transparent",
-    borderRightColor: "transparent"
-  };
-  return {
-    ...blank,
-    [`border${leading}Width`]: thickness,
-    [`border${leading}Style`]: style,
-    [`border${leading}Color`]: color
-  };
-};
-var separatorStyles = (theme, { variant, orientation, size, color, margin, length }) => {
-  const isHorizontal = orientation === "horizontal";
-  const thickness = separatorThickness(size);
-  const resolvedColor = color || theme.palette.divider;
-  const marginValue = separatorMargin(size, margin);
-  const marginStr = typeof marginValue === "string" ? marginValue : `${marginValue}px`;
-  const baseStyles = {
-    display: "flex",
-    alignItems: "center",
-    margin: isHorizontal ? `${marginStr} 0` : `0 ${marginStr}`,
-    width: isHorizontal ? length || "100%" : `${thickness}px`,
-    height: isHorizontal ? `${thickness}px` : length || "100%",
-    boxSizing: "border-box"
-  };
-  if (variant === "gradient") {
-    return {
-      ...baseStyles,
-      background: gradientBackground(variant, orientation, resolvedColor)
-    };
-  }
-  return {
-    ...baseStyles,
-    backgroundColor: "transparent",
-    ...borderEdges(isHorizontal, thickness, borderStyleFor(variant), resolvedColor)
-  };
-};
-
-// src/components/layout/Separator/Separator.tsx
-import { jsx, jsxs } from "react/jsx-runtime";
-var Separator = ({
-  variant = "solid",
-  orientation = "horizontal",
-  size = "md",
-  color,
-  margin,
-  length,
-  children,
-  className,
-  "data-testid": dataTestId
-}) => {
-  const theme = useTheme();
-  const styles = separatorStyles(theme, { variant, orientation, size, color, margin, length });
-  if (children) {
-    const isHorizontal = orientation === "horizontal";
-    return /* @__PURE__ */ jsxs(
-      Box,
-      {
-        className,
-        sx: {
-          display: "flex",
-          alignItems: "center",
-          margin: separatorMargin(size, margin),
-          flexDirection: isHorizontal ? "row" : "column",
-          gap: theme.spacing(2)
-        },
-        children: [
-          /* @__PURE__ */ jsx(Box, { sx: styles }),
-          /* @__PURE__ */ jsx(
-            Typography,
-            {
-              variant: "body2",
-              color: "text.secondary",
-              sx: {
-                flexShrink: 0,
-                padding: theme.spacing(0, 1),
-                backgroundColor: theme.palette.background.default
-              },
-              children
-            }
-          ),
-          /* @__PURE__ */ jsx(Box, { sx: styles })
-        ]
-      }
-    );
-  }
-  return /* @__PURE__ */ jsx(
-    Box,
-    {
-      className,
-      sx: styles,
-      role: "separator",
-      "aria-orientation": orientation,
-      "data-testid": dataTestId
-    }
-  );
-};
-
-export {
-  Separator
-};
-//# sourceMappingURL=chunk-5FC7M2Y5.js.map

package/dist/chunk-5FC7M2Y5.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/layout/Separator/Separator.tsx","../src/components/layout/Separator/Separator.styles.ts"],"sourcesContent":["import { Box, Typography,useTheme } from '@mui/material';\nimport React from 'react';\n\nimport { separatorMargin, separatorStyles } from './Separator.styles';\nimport type { SeparatorProps } from './Separator.types';\n\nexport const Separator: React.FC<SeparatorProps> = ({\n  variant = 'solid',\n  orientation = 'horizontal',\n  size = 'md',\n  color,\n  margin,\n  length,\n  children,\n  className,\n  'data-testid': dataTestId,\n}) => {\n  const theme = useTheme();\n  const styles = separatorStyles(theme, { variant, orientation, size, color, margin, length });\n\n  if (children) {\n    const isHorizontal = orientation === 'horizontal';\n\n    return (\n      <Box\n        className={className}\n        sx={{\n          display: 'flex',\n          alignItems: 'center',\n          margin: separatorMargin(size, margin),\n          flexDirection: isHorizontal ? 'row' : 'column',\n          gap: theme.spacing(2),\n        }}\n      >\n        <Box sx={styles} />\n        <Typography\n          variant=\"body2\"\n          color=\"text.secondary\"\n          sx={{\n            flexShrink: 0,\n            padding: theme.spacing(0, 1),\n            backgroundColor: theme.palette.background.default,\n          }}\n        >\n          {children}\n        </Typography>\n        <Box sx={styles} />\n      </Box>\n    );\n  }\n\n  return (\n    <Box\n      className={className}\n      sx={styles}\n      role=\"separator\"\n      aria-orientation={orientation}\n      data-testid={dataTestId}\n    />\n  );\n};\n","import type { CSSObject, Theme } from '@mui/material';\n\nimport type {\n  SeparatorOrientation,\n  SeparatorProps,\n  SeparatorSize,\n  SeparatorVariant,\n} from './Separator.types';\n\nconst THICKNESS_PX: Record<SeparatorSize, number> = {\n  xs: 1,\n  sm: 2,\n  md: 3,\n  lg: 4,\n  xl: 6,\n};\n\nconst MARGIN_PX: Record<SeparatorSize, number> = {\n  xs: 4,\n  sm: 8,\n  md: 16,\n  lg: 24,\n  xl: 32,\n};\n\nconst separatorThickness = (size: SeparatorSize): number =>\n  THICKNESS_PX[size] ?? THICKNESS_PX.md;\n\n/** An explicit `margin` wins; otherwise the size picks one. */\nexport const separatorMargin = (\n  size: SeparatorSize,\n  margin?: number | string,\n): number | string => margin ?? MARGIN_PX[size] ?? MARGIN_PX.md;\n\n// `gradient` paints a background rather than a border, so it draws its line as a\n// solid border of zero visual consequence.\nconst borderStyleFor = (variant: SeparatorVariant): 'dashed' | 'dotted' | 'solid' => {\n  switch (variant) {\n    case 'dashed':\n      return 'dashed';\n    case 'dotted':\n      return 'dotted';\n    default:\n      return 'solid';\n  }\n};\n\nconst gradientBackground = (\n  variant: SeparatorVariant,\n  orientation: SeparatorOrientation,\n  color: string,\n): string | undefined => {\n  if (variant !== 'gradient') return undefined;\n  const angle = orientation === 'horizontal' ? '90deg' : '180deg';\n  return `linear-gradient(${angle}, transparent 0%, ${color} 50%, transparent 100%)`;\n};\n\n// Only the leading edge carries the rule; the other three are zeroed explicitly so\n// a parent's border shorthand cannot leak through.\nconst borderEdges = (\n  isHorizontal: boolean,\n  thickness: number,\n  style: 'dashed' | 'dotted' | 'solid',\n  color: string,\n): CSSObject => {\n  const leading = isHorizontal ? 'Top' : 'Left';\n  const blank: CSSObject = {\n    borderTopWidth: 0,\n    borderBottomWidth: 0,\n    borderLeftWidth: 0,\n    borderRightWidth: 0,\n    borderTopStyle: 'none',\n    borderBottomStyle: 'none',\n    borderLeftStyle: 'none',\n    borderRightStyle: 'none',\n    borderTopColor: 'transparent',\n    borderBottomColor: 'transparent',\n    borderLeftColor: 'transparent',\n    borderRightColor: 'transparent',\n  };\n\n  return {\n    ...blank,\n    [`border${leading}Width`]: thickness,\n    [`border${leading}Style`]: style,\n    [`border${leading}Color`]: color,\n  };\n};\n\ntype SeparatorStyleArgs = Required<\n  Pick<SeparatorProps, 'variant' | 'orientation' | 'size'>\n> &\n  Pick<SeparatorProps, 'color' | 'margin' | 'length'>;\n\nexport const separatorStyles = (\n  theme: Theme,\n  { variant, orientation, size, color, margin, length }: SeparatorStyleArgs,\n): CSSObject => {\n  const isHorizontal = orientation === 'horizontal';\n  const thickness = separatorThickness(size);\n  const resolvedColor = color || theme.palette.divider;\n\n  // A margin given as a string carries its own units; a number is pixels.\n  const marginValue = separatorMargin(size, margin);\n  const marginStr = typeof marginValue === 'string' ? marginValue : `${marginValue}px`;\n\n  const baseStyles: CSSObject = {\n    display: 'flex',\n    alignItems: 'center',\n    margin: isHorizontal ? `${marginStr} 0` : `0 ${marginStr}`,\n    width: isHorizontal ? length || '100%' : `${thickness}px`,\n    height: isHorizontal ? `${thickness}px` : length || '100%',\n    boxSizing: 'border-box',\n  };\n\n  if (variant === 'gradient') {\n    return {\n      ...baseStyles,\n      background: gradientBackground(variant, orientation, resolvedColor),\n    };\n  }\n\n  return {\n    ...baseStyles,\n    backgroundColor: 'transparent',\n    ...borderEdges(isHorizontal, thickness, borderStyleFor(variant), resolvedColor),\n  };\n};\n"],"mappings":"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","names":[]}

package/dist/chunk-5TCPZ6GR.js

@@ -1,217 +0,0 @@
-import {
-  AlertDialog
-} from "./chunk-ARNQIGA4.js";
-import {
-  Button
-} from "./chunk-ANNZ3PLI.js";
-
-// src/components/feedback/ConfirmAction/ConfirmAction.hooks.ts
-import { useCallback, useEffect, useRef, useState } from "react";
-function failureMessage(cause, errorText) {
-  if (cause instanceof Error && cause.message) return cause.message;
-  return errorText;
-}
-function useConfirmAction(onConfirm, errorText) {
-  const [open, setOpen] = useState(false);
-  const [pending, setPending] = useState(false);
-  const [error, setError] = useState(null);
-  const busy = useRef(false);
-  const mounted = useRef(true);
-  useEffect(() => {
-    mounted.current = true;
-    return () => {
-      mounted.current = false;
-    };
-  }, []);
-  const request = useCallback(() => {
-    setError(null);
-    setOpen(true);
-  }, []);
-  const cancel = useCallback(() => {
-    if (busy.current) return;
-    setOpen(false);
-    setError(null);
-  }, []);
-  const settle = useCallback((failure) => {
-    busy.current = false;
-    if (!mounted.current) return;
-    setPending(false);
-    setError(failure);
-    if (!failure) setOpen(false);
-  }, []);
-  const confirm = useCallback(() => {
-    if (busy.current) return;
-    busy.current = true;
-    setPending(true);
-    setError(null);
-    try {
-      const result = onConfirm();
-      void Promise.resolve(result).then(() => settle(null)).catch((cause) => settle(failureMessage(cause, errorText)));
-    } catch (cause) {
-      settle(failureMessage(cause, errorText));
-    }
-  }, [errorText, onConfirm, settle]);
-  return { open, pending, error, request, cancel, confirm };
-}
-
-// src/components/feedback/ConfirmAction/ConfirmAction.parts.tsx
-import { Alert, Stack, TextField, Typography } from "@mui/material";
-import React from "react";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var DEFAULT_TEST_ID = "confirm-action";
-function confirmBody(description, copy, entityName) {
-  if (!entityName) return description ?? copy.irreversible;
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(Typography, { component: "span", sx: { fontWeight: 600, display: "block" }, children: entityName }),
-    description
-  ] });
-}
-function resolveInitialFocus(tone, initialFocus) {
-  if (initialFocus) return initialFocus;
-  return tone === "destructive" ? "cancel" : "confirm";
-}
-function TypeToConfirmField({
-  expected,
-  label,
-  value,
-  onChange,
-  disabled,
-  dataTestId,
-  copy
-}) {
-  return /* @__PURE__ */ jsxs(Stack, { spacing: 1, sx: { mt: 2 }, children: [
-    /* @__PURE__ */ jsx(Typography, { variant: "body2", color: "text.secondary", children: label ?? copy.typeToConfirm(expected) }),
-    /* @__PURE__ */ jsx(
-      TextField,
-      {
-        size: "small",
-        value,
-        disabled,
-        onChange: (event) => onChange(event.target.value),
-        inputProps: {
-          "aria-label": label ?? copy.typeToConfirm(expected),
-          "data-testid": `${dataTestId}-type-to-confirm`
-        }
-      }
-    )
-  ] });
-}
-function ConfirmActionDialog({
-  state,
-  title,
-  description,
-  entityName,
-  confirmText,
-  cancelText,
-  typeToConfirm,
-  typeToConfirmLabel,
-  tone = "destructive",
-  initialFocus,
-  dataTestId = DEFAULT_TEST_ID,
-  copy
-}) {
-  const [typed, setTyped] = React.useState("");
-  React.useEffect(() => {
-    if (state.open) setTyped("");
-  }, [state.open]);
-  const gateUnmet = typeToConfirm !== void 0 && typed.trim() !== typeToConfirm;
-  return /* @__PURE__ */ jsxs(
-    AlertDialog,
-    {
-      open: state.open,
-      variant: tone === "destructive" ? "destructive" : "default",
-      title,
-      description: confirmBody(description, copy, entityName),
-      confirmText,
-      cancelText: cancelText ?? copy.cancel,
-      loading: state.pending,
-      confirmDisabled: gateUnmet,
-      initialFocus: resolveInitialFocus(tone, initialFocus),
-      onConfirm: state.confirm,
-      onCancel: state.cancel,
-      onClose: state.cancel,
-      "data-testid": dataTestId,
-      children: [
-        state.error && /* @__PURE__ */ jsx(Alert, { severity: "error", sx: { mt: 1 }, "data-testid": `${dataTestId}-error`, children: state.error }),
-        typeToConfirm !== void 0 && /* @__PURE__ */ jsx(
-          TypeToConfirmField,
-          {
-            expected: typeToConfirm,
-            label: typeToConfirmLabel,
-            value: typed,
-            onChange: setTyped,
-            disabled: state.pending,
-            dataTestId,
-            copy
-          }
-        )
-      ]
-    }
-  );
-}
-
-// src/components/feedback/ConfirmAction/ConfirmAction.tsx
-import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
-function ConfirmAction({
-  onConfirm,
-  children,
-  ...options
-}) {
-  const state = useConfirmAction(onConfirm, options.errorText);
-  return /* @__PURE__ */ jsxs2(Fragment2, { children: [
-    children(state.request, { pending: state.pending }),
-    /* @__PURE__ */ jsx2(ConfirmActionDialog, { state, ...options })
-  ] });
-}
-ConfirmAction.displayName = "ConfirmAction";
-
-// src/components/feedback/ConfirmAction/with-confirmation.tsx
-import React2 from "react";
-import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-function resolveOptions(defaults, instance) {
-  if (instance === false) return null;
-  const merged = { ...defaults, ...instance };
-  if (!merged.title || !merged.confirmText) return null;
-  return { ...merged, title: merged.title, confirmText: merged.confirmText };
-}
-function useGuardedHandler(onClick) {
-  return React2.useCallback(() => {
-    const result = onClick?.();
-    return result instanceof Promise ? result : void 0;
-  }, [onClick]);
-}
-function withConfirmation(Wrapped, defaults) {
-  function WithConfirmation(props) {
-    const { confirm, onClick } = props;
-    const options = resolveOptions(defaults, confirm);
-    const state = useConfirmAction(useGuardedHandler(onClick), defaults.errorText);
-    const { confirm: _confirm, ...rest } = props;
-    const forwarded = rest;
-    if (!options) return /* @__PURE__ */ jsx3(Wrapped, { ...forwarded });
-    return /* @__PURE__ */ jsxs3(Fragment3, { children: [
-      /* @__PURE__ */ jsx3(Wrapped, { ...forwarded, onClick: state.request }),
-      /* @__PURE__ */ jsx3(ConfirmActionDialog, { state, ...options, copy: defaults.copy })
-    ] });
-  }
-  WithConfirmation.displayName = `withConfirmation(${Wrapped.displayName ?? Wrapped.name ?? "Component"})`;
-  return WithConfirmation;
-}
-
-// src/components/feedback/ConfirmAction/ConfirmButton.tsx
-function createConfirmButton(copy, errorText) {
-  return withConfirmation(Button, {
-    cancelText: copy.cancel,
-    tone: "destructive",
-    errorText,
-    copy
-  });
-}
-
-export {
-  useConfirmAction,
-  ConfirmActionDialog,
-  ConfirmAction,
-  withConfirmation,
-  createConfirmButton
-};
-//# sourceMappingURL=chunk-5TCPZ6GR.js.map

package/dist/chunk-5TCPZ6GR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/components/feedback/ConfirmAction/ConfirmAction.hooks.ts","../src/components/feedback/ConfirmAction/ConfirmAction.parts.tsx","../src/components/feedback/ConfirmAction/ConfirmAction.tsx","../src/components/feedback/ConfirmAction/with-confirmation.tsx","../src/components/feedback/ConfirmAction/ConfirmButton.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\n\nimport type { ConfirmHandler, UseConfirmActionResult } from './ConfirmAction.types';\n\n/** Used when the guarded action rejects and the caller supplied no wording. */\n\n\n/**\n * What the popup says after a failed attempt.\n *\n * A rejection carrying a message wins: the server's sentence (\"esta categoria\n * ainda tem produtos vinculados\") is the one the operator can act on, and it is\n * strictly better than the generic fallback. Handlers that have nothing useful\n * to say reject with nothing and get `errorText`.\n */\nfunction failureMessage(cause: unknown, errorText: string): string {\n  if (cause instanceof Error && cause.message) return cause.message;\n  return errorText;\n}\n\n/**\n * The confirmation state machine, headless.\n *\n * It is the whole safety contract in one place, so every consumer gets the same\n * behaviour: the action runs ONLY from `confirm`, never from opening the popup;\n * a second confirm while the first is in flight is dropped (a double-click\n * cannot send two deletes); a rejection keeps the popup open carrying the\n * failure instead of closing over a write that never happened.\n */\nexport function useConfirmAction(\n  onConfirm: ConfirmHandler,\n  errorText: string,\n): UseConfirmActionResult {\n  const [open, setOpen] = useState(false);\n  const [pending, setPending] = useState(false);\n  const [error, setError] = useState<string | null>(null);\n\n  // `pending` is mirrored in a ref because the two guards that matter — drop a\n  // second confirm, ignore a cancel mid-flight — are read inside callbacks that\n  // must not be rebuilt on every state change. Reading the state variable there\n  // would leave a stale closure holding `false` for the whole in-flight window,\n  // which is exactly the double-submit this component exists to prevent.\n  const busy = useRef(false);\n\n  // The action can settle after the trigger has unmounted (a row deleted from\n  // under its own menu), so the settle path must not touch state by then.\n  const mounted = useRef(true);\n  useEffect(() => {\n    mounted.current = true;\n    return () => {\n      mounted.current = false;\n    };\n  }, []);\n\n  const request = useCallback((): void => {\n    setError(null);\n    setOpen(true);\n  }, []);\n\n  const cancel = useCallback((): void => {\n    // Inert mid-flight: the write has already left, and closing here would hide\n    // its outcome.\n    if (busy.current) return;\n    setOpen(false);\n    setError(null);\n  }, []);\n\n  const settle = useCallback((failure: string | null): void => {\n    busy.current = false;\n    if (!mounted.current) return;\n    setPending(false);\n    setError(failure);\n    if (!failure) setOpen(false);\n  }, []);\n\n  const confirm = useCallback((): void => {\n    if (busy.current) return;\n    busy.current = true;\n    setPending(true);\n    setError(null);\n    // The handler is invoked synchronously, exactly as a plain `onClick` would\n    // be — only the OUTCOME is awaited. The try/catch is what puts a handler\n    // that throws synchronously on the same failure path as one that returns a\n    // rejected promise.\n    try {\n      const result = onConfirm();\n      void Promise.resolve(result)\n        .then(() => settle(null))\n        .catch((cause: unknown) => settle(failureMessage(cause, errorText)));\n    } catch (cause) {\n      settle(failureMessage(cause, errorText));\n    }\n  }, [errorText, onConfirm, settle]);\n\n  return { open, pending, error, request, cancel, confirm };\n}\n","import type { ConfirmActionCopy } from \"../../../copy\";\nimport { Alert, Stack, TextField, Typography } from '@mui/material';\nimport React, { type ReactNode } from 'react';\n\nimport { AlertDialog } from '../../data-display/AlertDialog';\n\nimport type {\n  ConfirmInitialFocus,\n  ConfirmOptions,\n  ConfirmTone,\n  UseConfirmActionResult,\n} from './ConfirmAction.types';\n\nconst DEFAULT_TEST_ID = 'confirm-action';\n\n/**\n * The popup's body: the row being acted on, then what happens to it.\n *\n * The NAME is rendered in its own right rather than woven into the sentence, so\n * it is there whatever the caller wrote — \"the popup names the specific entity\"\n * is the one thing that must not depend on each call site remembering to\n * mention it. A body with neither a name nor a description would leave the\n * operator with only the title to decide on, so a neutral fallback covers that.\n */\nfunction confirmBody(\n  description: ReactNode,\n  copy: ConfirmActionCopy,\n  entityName?: string,\n): ReactNode {\n  if (!entityName) return description ?? copy.irreversible;\n  return (\n    <>\n      <Typography component=\"span\" sx={{ fontWeight: 600, display: \"block\" }}>\n        {entityName}\n      </Typography>\n      {description}\n    </>\n  );\n}\n\n/** Destructive dialogs open on Cancel; anything else opens on the confirm. */\nfunction resolveInitialFocus(\n  tone: ConfirmTone,\n  initialFocus?: ConfirmInitialFocus,\n): ConfirmInitialFocus {\n  if (initialFocus) return initialFocus;\n  return tone === 'destructive' ? 'cancel' : 'confirm';\n}\n\n/**\n * The type-to-confirm field. Rendered only when `typeToConfirm` is set, which\n * should be rare: it is the guard for actions with NO recovery path, where a\n * click is too cheap a gesture. Comparison is exact — trimmed of surrounding\n * whitespace only, so a trailing space from a paste does not read as a mismatch.\n */\nfunction TypeToConfirmField({\n  expected,\n  label,\n  value,\n  onChange,\n  disabled,\n  dataTestId,\n  copy,\n}: {\n  expected: string;\n  label?: string;\n  /** The words this prompt renders. REQUIRED — no default copy. */\n  copy: ConfirmActionCopy;\n  value: string;\n  onChange: (next: string) => void;\n  disabled: boolean;\n  dataTestId: string;\n}): React.ReactElement {\n  return (\n    <Stack spacing={1} sx={{ mt: 2 }}>\n      <Typography variant=\"body2\" color=\"text.secondary\">\n        {label ?? copy.typeToConfirm(expected)}\n      </Typography>\n      <TextField\n        size=\"small\"\n        value={value}\n        disabled={disabled}\n        onChange={(event) => onChange(event.target.value)}\n        // On the INPUT rather than the wrapper: a test id on MUI's TextField\n        // lands on the outer div, which is not the node a test can type into.\n        inputProps={{\n          'aria-label': label ?? copy.typeToConfirm(expected),\n          'data-testid': `${dataTestId}-type-to-confirm`,\n        }}\n      />\n    </Stack>\n  );\n}\n\nexport interface ConfirmActionDialogProps extends ConfirmOptions {\n  /** The fallback body when no entity is named. REQUIRED — no default copy. */\n  copy: ConfirmActionCopy;\n  state: UseConfirmActionResult;\n}\n\n/**\n * The popup itself: an `AlertDialog` in its destructive skin, plus the two\n * things a bare AlertDialog has no opinion about — the failure the last attempt\n * produced (shown IN the dialog, which stays open, rather than closing over a\n * write that never landed) and the optional type-to-confirm gate.\n */\nexport function ConfirmActionDialog({\n  state,\n  title,\n  description,\n  entityName,\n  confirmText,\n  cancelText,\n  typeToConfirm,\n  typeToConfirmLabel,\n  tone = 'destructive',\n  initialFocus,\n  dataTestId = DEFAULT_TEST_ID,\n  copy,\n}: ConfirmActionDialogProps): React.ReactElement {\n  const [typed, setTyped] = React.useState('');\n\n  // Every fresh open starts from an empty field: carrying the previous answer\n  // over would hand the next delete a pre-satisfied gate.\n  React.useEffect(() => {\n    if (state.open) setTyped('');\n  }, [state.open]);\n\n  const gateUnmet = typeToConfirm !== undefined && typed.trim() !== typeToConfirm;\n\n  return (\n    <AlertDialog\n      open={state.open}\n      variant={tone === 'destructive' ? 'destructive' : 'default'}\n      title={title}\n      description={confirmBody(description, copy, entityName)}\n      confirmText={confirmText}\n      // `copy.cancel` is the fallback, NOT `AlertDialog`'s own. The 6.3.0 copy\n      // sweep deleted this component's `cancelText = 'Cancelar'` default and\n      // put the word in `ConfirmActionCopy` — where nothing then read it, so\n      // every confirmation that names no `cancelText` of its own fell through\n      // to `AlertDialog`'s English `'Cancel'`, in a pt-BR dialog. That is the\n      // precise failure the sweep exists to prevent, one layer down: a port\n      // that is required, supplied, and ignored.\n      cancelText={cancelText ?? copy.cancel}\n      loading={state.pending}\n      confirmDisabled={gateUnmet}\n      initialFocus={resolveInitialFocus(tone, initialFocus)}\n      onConfirm={state.confirm}\n      onCancel={state.cancel}\n      onClose={state.cancel}\n      data-testid={dataTestId}\n    >\n      {state.error && (\n        <Alert severity=\"error\" sx={{ mt: 1 }} data-testid={`${dataTestId}-error`}>\n          {state.error}\n        </Alert>\n      )}\n      {typeToConfirm !== undefined && (\n        <TypeToConfirmField\n          expected={typeToConfirm}\n          label={typeToConfirmLabel}\n          value={typed}\n          onChange={setTyped}\n          disabled={state.pending}\n          dataTestId={dataTestId}\n          copy={copy}\n        />\n      )}\n    </AlertDialog>\n  );\n}\n","import React from 'react';\n\nimport { useConfirmAction } from './ConfirmAction.hooks';\nimport { ConfirmActionDialog } from './ConfirmAction.parts';\nimport type { ConfirmActionProps } from './ConfirmAction.types';\n\n/**\n * Wraps any trigger in a confirmation popup.\n *\n * The trigger is a render prop rather than a fixed element, so the same guard\n * covers a button, a dropdown item, an icon or a table row action without this\n * component knowing what any of them look like. The guarded handler runs ONLY\n * after the operator confirms:\n *\n * ```tsx\n * <ConfirmAction\n *   title=\"Excluir a categoria?\"\n *   entityName={row.name}\n *   description=\"Ela vai para a lixeira e pode ser restaurada de lá.\"\n *   confirmText=\"Excluir\"\n *   onConfirm={() => deleteCategoryAction({ tenantSlug, id: row.id })}\n * >\n *   {(request) => <Button color=\"danger\" onClick={request}>Excluir</Button>}\n * </ConfirmAction>\n * ```\n *\n * For the common case — an existing button whose `onClick` is already the\n * destructive write — reach for {@link withConfirmation} instead, which needs\n * no restructuring of the call site.\n */\nexport function ConfirmAction({\n  onConfirm,\n  children,\n  ...options\n}: ConfirmActionProps): React.ReactElement {\n  const state = useConfirmAction(onConfirm, options.errorText);\n\n  return (\n    <>\n      {children(state.request, { pending: state.pending })}\n      <ConfirmActionDialog state={state} {...options} />\n    </>\n  );\n}\n\nConfirmAction.displayName = 'ConfirmAction';\n","import type { ConfirmActionCopy } from '../../../copy';\nimport React from 'react';\nimport type { ComponentType } from 'react';\n\nimport { useConfirmAction } from './ConfirmAction.hooks';\nimport { ConfirmActionDialog } from './ConfirmAction.parts';\nimport type {\n  ConfirmHandler,\n  ConfirmOptions,\n  ConfirmableComponent,\n  ConfirmableProps,\n  WithConfirmationProps,\n} from './ConfirmAction.types';\n\n/**\n * Merge the HOC's baked-in defaults with the per-instance `confirm` prop.\n * Returns null when the instance opts out (`confirm={false}`) or when neither\n * side supplies the two fields a confirmation cannot be written without — the\n * question and the verb. A null result means \"render the plain component\",\n * which keeps the wrapped export usable in harmless contexts.\n */\nfunction resolveOptions(\n  defaults: Partial<ConfirmOptions> | undefined,\n  instance: Partial<ConfirmOptions> | false | undefined,\n): ConfirmOptions | null {\n  if (instance === false) return null;\n  const merged = { ...defaults, ...instance };\n  if (!merged.title || !merged.confirmText) return null;\n  return { ...merged, title: merged.title, confirmText: merged.confirmText };\n}\n\n/**\n * Adapt the wrapped component's `onClick` into a {@link ConfirmHandler}.\n *\n * The click argument is dropped (see `ConfirmHandler`) and the return value is\n * narrowed: a promise is handed back so the popup can hold its pending state\n * until the write settles, anything else becomes `undefined`. A component with\n * no `onClick` has nothing to guard, so confirming is a no-op.\n */\nfunction useGuardedHandler(onClick: ConfirmableProps['onClick']): ConfirmHandler {\n  return React.useCallback((): void | Promise<unknown> => {\n    const result = onClick?.();\n    return result instanceof Promise ? result : undefined;\n  }, [onClick]);\n}\n\n/**\n * Give any click-driven component a confirmation popup, without restructuring\n * the call site.\n *\n * The wrapped component's own `onClick` becomes the GUARDED action: clicking\n * now opens the popup, and the handler runs only if the operator confirms. It\n * inherits the whole contract from `useConfirmAction` — cancel sends nothing, a\n * returned promise holds the popup in its pending state so a double-click\n * cannot fire two writes, and a rejection keeps the popup open carrying the\n * error.\n *\n * ```tsx\n * const ConfirmButton = withConfirmation(Button);\n *\n * <ConfirmButton\n *   color=\"danger\"\n *   onClick={() => deleteCategoryAction({ tenantSlug, id: row.id })}\n *   confirm={{\n *     title: \"Excluir a categoria?\",\n *     entityName: row.name,\n *     description: \"Ela vai para a lixeira e pode ser restaurada de lá.\",\n *     confirmText: \"Excluir\",\n *   }}\n * >\n *   Excluir\n * </ConfirmButton>\n * ```\n *\n * Bake the wording in once when the same guard repeats — `withConfirmation(Button,\n * { confirmText: \"Excluir\" })` — and let each instance override what differs.\n * `confirm={false}` falls through to the plain component.\n *\n * Refs are not forwarded: the HOC renders a fragment (trigger + popup), so there\n * is no single node to hand back. Wrap a component that needs a ref at its own\n * call site with {@link ConfirmAction} instead.\n */\nexport function withConfirmation<P extends ConfirmableProps>(\n  Wrapped: ComponentType<P>,\n  defaults: Partial<ConfirmOptions> & { errorText: string; copy: ConfirmActionCopy },\n): ConfirmableComponent<P> {\n  function WithConfirmation(props: P & WithConfirmationProps): React.ReactElement {\n    const { confirm, onClick } = props;\n    const options = resolveOptions(defaults, confirm);\n    const state = useConfirmAction(useGuardedHandler(onClick), defaults.errorText);\n\n    // `confirm` is ours and must not reach the DOM — an unknown attribute on a\n    // <button> is a React warning at every render. The cast is the standard HOC\n    // one: TypeScript cannot prove `Omit<P & X, 'confirm'>` is still a `P`.\n    const { confirm: _confirm, ...rest } = props;\n    const forwarded = rest as unknown as P;\n\n    if (!options) return <Wrapped {...forwarded} />;\n\n    return (\n      <>\n        <Wrapped {...forwarded} onClick={state.request} />\n        <ConfirmActionDialog state={state} {...options} copy={defaults.copy} />\n      </>\n    );\n  }\n\n  WithConfirmation.displayName = `withConfirmation(${\n    Wrapped.displayName ?? Wrapped.name ?? 'Component'\n  })`;\n\n  return WithConfirmation;\n}\n","import type { ConfirmActionCopy } from '../../../copy';\nimport { Button } from '../../form/Button';\nimport type { ButtonProps } from '../../form/Button/Button.types';\n\nimport { withConfirmation } from './with-confirmation';\nimport type { ConfirmableComponent } from './ConfirmAction.types';\n\n/**\n * The library `Button`, already wrapped — the shape most call sites want.\n *\n * Adding the guard to an existing button is then an import swap plus the\n * `confirm` prop; the button's own props (colour, size, icon) are untouched.\n * The baked-in defaults are only the wording and tone every destructive\n * confirmation shares, and each instance can still override them.\n */\nexport function createConfirmButton(\n  copy: ConfirmActionCopy,\n  errorText: string,\n): ConfirmableComponent<ButtonProps> {\n  return withConfirmation<ButtonProps>(Button, {\n    cancelText: copy.cancel,\n    tone: 'destructive',\n    errorText,\n    copy,\n  });\n}\n"],"mappings":"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","names":["Fragment","jsx","jsxs","React","Fragment","jsx","jsxs","React"]}