@sincpro/mobile-ui 3.0.1 → 3.2.0

package/dist/Actions/Actions.Button.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { requestConfirmation } from "../Dialog/requestConfirmation.js";
 import Icon from "../Display/Display.Icon.js";
 import { useTheme } from "../theme/index.js";
@@ -6,210 +6,680 @@ import { tv } from "../theme/tw.js";
 import { Typography } from "../Typography/index.js";
 import { useCallback } from "react";
 import { ActivityIndicator, TouchableOpacity, View } from "react-native";
+
 // ─── Style variants ───────────────────────────────────────────────────────────
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "nativewind/jsx-runtime";
 const button = tv({
-    base: "rounded-md items-center justify-center flex-row min-h-[48px]",
-    variants: {
-        variant: {
-            primary: "bg-accent",
-            accent: "bg-transparent",
-            cta: "bg-accent",
-            secondary: "bg-bg-muted border border-border-strong",
-            outline: "bg-transparent border border-primary",
-            outlineDanger: "bg-transparent border border-danger",
-            outlineBlack: "bg-transparent border border-border-strong",
-            flat: "bg-text-primary/10",
-            link: "bg-transparent",
-            transparent: "bg-transparent border border-border-light",
-        },
-        size: {
-            small: "py-1.5 px-3 min-h-[48px]",
-            medium: "py-2.5 px-4 min-h-[48px]",
-            large: "py-3 px-5 min-h-[48px]",
-        },
-        disabled: {
-            true: "opacity-70",
-        },
+  base: "rounded-md items-center justify-center flex-row min-h-[48px]",
+  variants: {
+    variant: {
+      primary: "bg-accent",
+      accent: "bg-transparent",
+      cta: "bg-accent",
+      secondary: "bg-bg-muted border border-border-strong",
+      outline: "bg-transparent border border-primary",
+      outlineDanger: "bg-transparent border border-danger",
+      outlineBlack: "bg-transparent border border-border-strong",
+      flat: "bg-text-primary/10",
+      link: "bg-transparent",
+      transparent: "bg-transparent border border-border-light"
     },
-    defaultVariants: {
-        variant: "primary",
-        size: "medium",
+    size: {
+      small: "py-1.5 px-3 min-h-[48px]",
+      medium: "py-2.5 px-4 min-h-[48px]",
+      large: "py-3 px-5 min-h-[48px]"
     },
+    disabled: {
+      true: "opacity-70"
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "medium"
+  }
 });
 const buttonIcon = tv({
-    base: "rounded-md items-center justify-center aspect-square",
-    variants: {
-        variant: {
-            primary: "bg-accent",
-            accent: "bg-transparent",
-            cta: "bg-accent",
-            secondary: "bg-bg-muted border border-border-strong",
-            outline: "bg-transparent border border-primary",
-            outlineDanger: "bg-transparent border border-danger",
-            outlineBlack: "bg-transparent border border-border-strong",
-            flat: "bg-text-primary/10",
-            link: "bg-transparent",
-            transparent: "bg-transparent border border-border-light",
-        },
-        size: {
-            small: "w-9 h-9",
-            medium: "w-11 h-11",
-            large: "w-[52px] h-[52px]",
-        },
-        disabled: {
-            true: "opacity-70",
-        },
+  base: "rounded-md items-center justify-center aspect-square",
+  variants: {
+    variant: {
+      primary: "bg-accent",
+      accent: "bg-transparent",
+      cta: "bg-accent",
+      secondary: "bg-bg-muted border border-border-strong",
+      outline: "bg-transparent border border-primary",
+      outlineDanger: "bg-transparent border border-danger",
+      outlineBlack: "bg-transparent border border-border-strong",
+      flat: "bg-text-primary/10",
+      link: "bg-transparent",
+      transparent: "bg-transparent border border-border-light"
     },
-    defaultVariants: {
-        variant: "primary",
-        size: "medium",
+    // Square partner of `Button`: as tall as a button (48), large matches 52.
+    size: {
+      small: "w-12 h-12",
+      medium: "w-12 h-12",
+      large: "w-[52px] h-[52px]"
     },
+    disabled: {
+      true: "opacity-70"
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "medium"
+  }
 });
 const textColor = tv({
-    variants: {
-        variant: {
-            primary: "text-text-on-accent",
-            accent: "text-text-accent",
-            cta: "text-text-on-accent",
-            secondary: "text-text-primary",
-            outline: "text-text-accent",
-            outlineDanger: "text-danger",
-            outlineBlack: "text-text-primary",
-            flat: "text-text-primary",
-            link: "text-text-accent",
-            transparent: "text-text-inverse",
-        },
-        disabled: {
-            true: "opacity-50",
-        },
+  variants: {
+    variant: {
+      primary: "text-text-on-accent",
+      accent: "text-text-accent",
+      cta: "text-text-on-accent",
+      secondary: "text-text-primary",
+      outline: "text-text-accent",
+      outlineDanger: "text-danger",
+      outlineBlack: "text-text-primary",
+      flat: "text-text-primary",
+      link: "text-text-accent",
+      transparent: "text-text-inverse"
     },
-    compoundVariants: [
-        { variant: "primary", disabled: true, className: "text-text-on-accent" },
-        { variant: "accent", disabled: true, className: "text-text-accent" },
-        { variant: "cta", disabled: true, className: "text-text-on-accent" },
-        { variant: "transparent", disabled: true, className: "text-text-inverse/70" },
-        {
-            variant: ["secondary", "outline", "link"],
-            disabled: true,
-            className: "text-text-secondary",
-        },
-        { variant: "outlineDanger", disabled: true, className: "text-danger/50" },
-        { variant: "outlineBlack", disabled: true, className: "text-text-primary/50" },
-        { variant: "flat", disabled: true, className: "text-text-primary/50" },
-    ],
-    defaultVariants: { variant: "primary", disabled: false },
+    disabled: {
+      true: "opacity-50"
+    }
+  },
+  compoundVariants: [{
+    variant: "primary",
+    disabled: true,
+    className: "text-text-on-accent"
+  }, {
+    variant: "accent",
+    disabled: true,
+    className: "text-text-accent"
+  }, {
+    variant: "cta",
+    disabled: true,
+    className: "text-text-on-accent"
+  }, {
+    variant: "transparent",
+    disabled: true,
+    className: "text-text-inverse/70"
+  }, {
+    variant: ["secondary", "outline", "link"],
+    disabled: true,
+    className: "text-text-secondary"
+  }, {
+    variant: "outlineDanger",
+    disabled: true,
+    className: "text-danger/50"
+  }, {
+    variant: "outlineBlack",
+    disabled: true,
+    className: "text-text-primary/50"
+  }, {
+    variant: "flat",
+    disabled: true,
+    className: "text-text-primary/50"
+  }],
+  defaultVariants: {
+    variant: "primary",
+    disabled: false
+  }
 });
+
 // ─── Color / size helpers ─────────────────────────────────────────────────────
+
 function getLoadingColor(variant, theme) {
-    const map = {
-        primary: theme.text.onAccent,
-        accent: theme.text.accent,
-        cta: theme.text.onAccent,
-        secondary: theme.text.primary,
-        outline: theme.text.accent,
-        outlineDanger: theme.danger,
-        outlineBlack: theme.text.primary,
-        flat: theme.text.primary,
-        link: theme.text.accent,
-        transparent: theme.text.inverse,
-    };
-    return map[variant];
+  const map = {
+    primary: theme.text.onAccent,
+    accent: theme.text.accent,
+    cta: theme.text.onAccent,
+    secondary: theme.text.primary,
+    outline: theme.text.accent,
+    outlineDanger: theme.danger,
+    outlineBlack: theme.text.primary,
+    flat: theme.text.primary,
+    link: theme.text.accent,
+    transparent: theme.text.inverse
+  };
+  return map[variant];
 }
 function getIconColor(variant, disabled, theme) {
-    if (disabled) {
-        const map = {
-            primary: theme.text.onAccent + "70",
-            accent: theme.text.accent + "70",
-            cta: theme.text.onAccent + "70",
-            secondary: theme.text.disabled,
-            outline: theme.icon.disabled,
-            outlineDanger: theme.danger + "7f",
-            outlineBlack: theme.text.primary + "7f",
-            flat: theme.text.primary + "7f",
-            link: theme.icon.disabled,
-            transparent: theme.icon.inverse + "70",
-        };
-        return map[variant];
-    }
+  if (disabled) {
     const map = {
-        primary: theme.text.onAccent,
-        accent: theme.text.accent,
-        cta: theme.text.onAccent,
-        secondary: theme.text.primary,
-        outline: theme.text.accent,
-        outlineDanger: theme.danger,
-        outlineBlack: theme.text.primary,
-        flat: theme.text.primary,
-        link: theme.text.accent,
-        transparent: theme.icon.inverse,
+      primary: theme.text.onAccent + "70",
+      accent: theme.text.accent + "70",
+      cta: theme.text.onAccent + "70",
+      secondary: theme.text.disabled,
+      outline: theme.icon.disabled,
+      outlineDanger: theme.danger + "7f",
+      outlineBlack: theme.text.primary + "7f",
+      flat: theme.text.primary + "7f",
+      link: theme.icon.disabled,
+      transparent: theme.icon.inverse + "70"
     };
     return map[variant];
+  }
+  const map = {
+    primary: theme.text.onAccent,
+    accent: theme.text.accent,
+    cta: theme.text.onAccent,
+    secondary: theme.text.primary,
+    outline: theme.text.accent,
+    outlineDanger: theme.danger,
+    outlineBlack: theme.text.primary,
+    flat: theme.text.primary,
+    link: theme.text.accent,
+    transparent: theme.icon.inverse
+  };
+  return map[variant];
 }
-const iconSizeMap = { small: 16, medium: 20, large: 28 };
+const iconSizeMap = {
+  small: 16,
+  medium: 20,
+  large: 28
+};
 const textVariantMap = {
-    small: "buttonSmall",
-    medium: "button",
-    large: "buttonLarge",
+  small: "buttonSmall",
+  medium: "button",
+  large: "buttonLarge"
 };
-const Button = ({ title, onPress, confirm, variant = "primary", size = "medium", loading = false, disabled = false, className, icon, testID, accessibilityLabel, accessibilityState, ...accessibilityProps }) => {
-    const theme = useTheme();
-    const resolvedVariant = variant ?? "primary";
-    const resolvedSize = size ?? "medium";
-    const textColorClass = textColor({ variant: resolvedVariant, disabled });
-    const loadingColorValue = getLoadingColor(resolvedVariant, theme);
-    const textVariantValue = textVariantMap[resolvedSize];
-    const handlePress = useCallback(async () => {
-        if (confirm && onPress) {
-            const confirmed = await requestConfirmation({
-                title: "Confirmar acción",
-                message: confirm,
-                confirmText: "Confirmar",
-                cancelText: "Cancelar",
-            });
-            if (!confirmed)
-                return;
+
+// ─── Button ───────────────────────────────────────────────────────────────────
+
+const Button = t0 => {
+  const $ = _c(70);
+  let accessibilityLabel;
+  let accessibilityProps;
+  let accessibilityState;
+  let className;
+  let confirm;
+  let icon;
+  let onPress;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  let testID;
+  let title;
+  if ($[0] !== t0) {
+    ({
+      title,
+      onPress,
+      confirm,
+      variant: t1,
+      size: t2,
+      loading: t3,
+      disabled: t4,
+      className,
+      icon,
+      testID,
+      accessibilityLabel,
+      accessibilityState,
+      ...accessibilityProps
+    } = t0);
+    $[0] = t0;
+    $[1] = accessibilityLabel;
+    $[2] = accessibilityProps;
+    $[3] = accessibilityState;
+    $[4] = className;
+    $[5] = confirm;
+    $[6] = icon;
+    $[7] = onPress;
+    $[8] = t1;
+    $[9] = t2;
+    $[10] = t3;
+    $[11] = t4;
+    $[12] = testID;
+    $[13] = title;
+  } else {
+    accessibilityLabel = $[1];
+    accessibilityProps = $[2];
+    accessibilityState = $[3];
+    className = $[4];
+    confirm = $[5];
+    icon = $[6];
+    onPress = $[7];
+    t1 = $[8];
+    t2 = $[9];
+    t3 = $[10];
+    t4 = $[11];
+    testID = $[12];
+    title = $[13];
+  }
+  const variant = t1 === undefined ? "primary" : t1;
+  const size = t2 === undefined ? "medium" : t2;
+  const loading = t3 === undefined ? false : t3;
+  const disabled = t4 === undefined ? false : t4;
+  const theme = useTheme();
+  const resolvedVariant = variant ?? "primary";
+  const resolvedSize = size ?? "medium";
+  let t5;
+  if ($[14] !== disabled || $[15] !== resolvedVariant) {
+    t5 = textColor({
+      variant: resolvedVariant,
+      disabled
+    });
+    $[14] = disabled;
+    $[15] = resolvedVariant;
+    $[16] = t5;
+  } else {
+    t5 = $[16];
+  }
+  const textColorClass = t5;
+  let t6;
+  if ($[17] !== resolvedVariant || $[18] !== theme) {
+    t6 = getLoadingColor(resolvedVariant, theme);
+    $[17] = resolvedVariant;
+    $[18] = theme;
+    $[19] = t6;
+  } else {
+    t6 = $[19];
+  }
+  const loadingColorValue = t6;
+  const textVariantValue = textVariantMap[resolvedSize];
+  let t7;
+  if ($[20] !== confirm || $[21] !== onPress) {
+    t7 = async () => {
+      if (confirm && onPress) {
+        const confirmed = await requestConfirmation({
+          title: "Confirmar acci\xF3n",
+          message: confirm,
+          confirmText: "Confirmar",
+          cancelText: "Cancelar"
+        });
+        if (!confirmed) {
+          return;
         }
-        onPress?.();
-    }, [onPress, confirm]);
-    if (variant === "link") {
-        return (_jsx(TouchableOpacity, { activeOpacity: 0.7, className: className, disabled: disabled || loading, onPress: handlePress, ...accessibilityProps, accessibilityLabel: accessibilityLabel ?? title, accessibilityRole: "button", accessibilityState: {
-                ...accessibilityState,
-                disabled: disabled || loading,
-                busy: loading,
-            }, style: { minHeight: 48, minWidth: 48, justifyContent: "center" }, testID: testID, children: loading ? (_jsx(ActivityIndicator, { color: loadingColorValue, size: "small" })) : (_jsx(Typography.Text, { allowFontScaling: true, className: textColorClass, style: { flexShrink: 1 }, variant: textVariantValue, children: title })) }));
+      }
+      onPress?.();
+    };
+    $[20] = confirm;
+    $[21] = onPress;
+    $[22] = t7;
+  } else {
+    t7 = $[22];
+  }
+  const handlePress = t7;
+  if (variant === "link") {
+    const t8 = disabled || loading;
+    const t9 = accessibilityLabel ?? title;
+    const t10 = disabled || loading;
+    let t11;
+    if ($[23] !== accessibilityState || $[24] !== loading || $[25] !== t10) {
+      t11 = {
+        ...accessibilityState,
+        disabled: t10,
+        busy: loading
+      };
+      $[23] = accessibilityState;
+      $[24] = loading;
+      $[25] = t10;
+      $[26] = t11;
+    } else {
+      t11 = $[26];
+    }
+    let t12;
+    if ($[27] === Symbol.for("react.memo_cache_sentinel")) {
+      t12 = {
+        minHeight: 48,
+        minWidth: 48,
+        justifyContent: "center"
+      };
+      $[27] = t12;
+    } else {
+      t12 = $[27];
+    }
+    let t13;
+    if ($[28] !== loading || $[29] !== loadingColorValue || $[30] !== textColorClass || $[31] !== textVariantValue || $[32] !== title) {
+      t13 = loading ? _jsx(ActivityIndicator, {
+        color: loadingColorValue,
+        size: "small"
+      }) : _jsx(Typography.Text, {
+        allowFontScaling: true,
+        className: textColorClass,
+        style: {
+          flexShrink: 1
+        },
+        variant: textVariantValue,
+        children: title
+      });
+      $[28] = loading;
+      $[29] = loadingColorValue;
+      $[30] = textColorClass;
+      $[31] = textVariantValue;
+      $[32] = title;
+      $[33] = t13;
+    } else {
+      t13 = $[33];
+    }
+    let t14;
+    if ($[34] !== accessibilityProps || $[35] !== className || $[36] !== handlePress || $[37] !== t11 || $[38] !== t13 || $[39] !== t8 || $[40] !== t9 || $[41] !== testID) {
+      t14 = _jsx(TouchableOpacity, {
+        activeOpacity: 0.7,
+        className: className,
+        disabled: t8,
+        onPress: handlePress,
+        ...accessibilityProps,
+        accessibilityLabel: t9,
+        accessibilityRole: "button",
+        accessibilityState: t11,
+        style: t12,
+        testID: testID,
+        children: t13
+      });
+      $[34] = accessibilityProps;
+      $[35] = className;
+      $[36] = handlePress;
+      $[37] = t11;
+      $[38] = t13;
+      $[39] = t8;
+      $[40] = t9;
+      $[41] = testID;
+      $[42] = t14;
+    } else {
+      t14 = $[42];
     }
-    const emphasize = variant === "primary" || variant === "cta";
-    return (_jsx(TouchableOpacity, { activeOpacity: 0.8, className: button({ variant, size, disabled, className }), disabled: disabled || loading, onPress: handlePress, ...accessibilityProps, accessibilityLabel: accessibilityLabel ?? title, accessibilityRole: "button", accessibilityState: {
-            ...accessibilityState,
-            disabled: disabled || loading,
-            busy: loading,
-        }, style: { minHeight: 48, minWidth: 48 }, testID: testID, children: loading ? (_jsx(ActivityIndicator, { color: loadingColorValue, size: "small" })) : (_jsxs(_Fragment, { children: [icon ? _jsx(View, { className: "mr-2", children: icon }) : null, _jsx(Typography.Text, { allowFontScaling: true, className: textColorClass, semibold: emphasize, style: { flexShrink: 1 }, variant: textVariantValue, children: title })] })) }));
+    return t14;
+  }
+  const emphasize = variant === "primary" || variant === "cta";
+  let t8;
+  if ($[43] !== className || $[44] !== disabled || $[45] !== size || $[46] !== variant) {
+    t8 = button({
+      variant,
+      size,
+      disabled,
+      className
+    });
+    $[43] = className;
+    $[44] = disabled;
+    $[45] = size;
+    $[46] = variant;
+    $[47] = t8;
+  } else {
+    t8 = $[47];
+  }
+  const t9 = disabled || loading;
+  const t10 = accessibilityLabel ?? title;
+  const t11 = disabled || loading;
+  let t12;
+  if ($[48] !== accessibilityState || $[49] !== loading || $[50] !== t11) {
+    t12 = {
+      ...accessibilityState,
+      disabled: t11,
+      busy: loading
+    };
+    $[48] = accessibilityState;
+    $[49] = loading;
+    $[50] = t11;
+    $[51] = t12;
+  } else {
+    t12 = $[51];
+  }
+  let t13;
+  if ($[52] === Symbol.for("react.memo_cache_sentinel")) {
+    t13 = {
+      minHeight: 48,
+      minWidth: 48
+    };
+    $[52] = t13;
+  } else {
+    t13 = $[52];
+  }
+  let t14;
+  if ($[53] !== emphasize || $[54] !== icon || $[55] !== loading || $[56] !== loadingColorValue || $[57] !== textColorClass || $[58] !== textVariantValue || $[59] !== title) {
+    t14 = loading ? _jsx(ActivityIndicator, {
+      color: loadingColorValue,
+      size: "small"
+    }) : _jsxs(_Fragment, {
+      children: [icon ? _jsx(View, {
+        className: "mr-2",
+        children: icon
+      }) : null, _jsx(Typography.Text, {
+        allowFontScaling: true,
+        className: textColorClass,
+        semibold: emphasize,
+        style: {
+          flexShrink: 1
+        },
+        variant: textVariantValue,
+        children: title
+      })]
+    });
+    $[53] = emphasize;
+    $[54] = icon;
+    $[55] = loading;
+    $[56] = loadingColorValue;
+    $[57] = textColorClass;
+    $[58] = textVariantValue;
+    $[59] = title;
+    $[60] = t14;
+  } else {
+    t14 = $[60];
+  }
+  let t15;
+  if ($[61] !== accessibilityProps || $[62] !== handlePress || $[63] !== t10 || $[64] !== t12 || $[65] !== t14 || $[66] !== t8 || $[67] !== t9 || $[68] !== testID) {
+    t15 = _jsx(TouchableOpacity, {
+      activeOpacity: 0.7,
+      className: t8,
+      disabled: t9,
+      onPress: handlePress,
+      ...accessibilityProps,
+      accessibilityLabel: t10,
+      accessibilityRole: "button",
+      accessibilityState: t12,
+      style: t13,
+      testID: testID,
+      children: t14
+    });
+    $[61] = accessibilityProps;
+    $[62] = handlePress;
+    $[63] = t10;
+    $[64] = t12;
+    $[65] = t14;
+    $[66] = t8;
+    $[67] = t9;
+    $[68] = testID;
+    $[69] = t15;
+  } else {
+    t15 = $[69];
+  }
+  return t15;
 };
-const ButtonIcon = ({ icon, onPress, confirm, variant = "primary", size = "medium", loading = false, disabled = false, className, testID, accessibilityState, ...accessibilityProps }) => {
-    const theme = useTheme();
-    const resolvedVariant = variant ?? "primary";
-    const resolvedSize = size ?? "medium";
-    const iconColorValue = getIconColor(resolvedVariant, disabled, theme);
-    const iconSizeValue = iconSizeMap[resolvedSize];
-    const loadingColorValue = getLoadingColor(resolvedVariant, theme);
-    const handlePress = useCallback(async () => {
-        if (confirm && onPress) {
-            const confirmed = await requestConfirmation({
-                title: "Confirmar acción",
-                message: confirm,
-                confirmText: "Confirmar",
-                cancelText: "Cancelar",
-            });
-            if (!confirmed)
-                return;
+
+// ─── ButtonIcon ───────────────────────────────────────────────────────────────
+
+const ButtonIcon = t0 => {
+  const $ = _c(46);
+  let accessibilityProps;
+  let accessibilityState;
+  let className;
+  let confirm;
+  let icon;
+  let onPress;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  let testID;
+  if ($[0] !== t0) {
+    ({
+      icon,
+      onPress,
+      confirm,
+      variant: t1,
+      size: t2,
+      loading: t3,
+      disabled: t4,
+      className,
+      testID,
+      accessibilityState,
+      ...accessibilityProps
+    } = t0);
+    $[0] = t0;
+    $[1] = accessibilityProps;
+    $[2] = accessibilityState;
+    $[3] = className;
+    $[4] = confirm;
+    $[5] = icon;
+    $[6] = onPress;
+    $[7] = t1;
+    $[8] = t2;
+    $[9] = t3;
+    $[10] = t4;
+    $[11] = testID;
+  } else {
+    accessibilityProps = $[1];
+    accessibilityState = $[2];
+    className = $[3];
+    confirm = $[4];
+    icon = $[5];
+    onPress = $[6];
+    t1 = $[7];
+    t2 = $[8];
+    t3 = $[9];
+    t4 = $[10];
+    testID = $[11];
+  }
+  const variant = t1 === undefined ? "primary" : t1;
+  const size = t2 === undefined ? "medium" : t2;
+  const loading = t3 === undefined ? false : t3;
+  const disabled = t4 === undefined ? false : t4;
+  const theme = useTheme();
+  const resolvedVariant = variant ?? "primary";
+  const resolvedSize = size ?? "medium";
+  let t5;
+  if ($[12] !== disabled || $[13] !== resolvedVariant || $[14] !== theme) {
+    t5 = getIconColor(resolvedVariant, disabled, theme);
+    $[12] = disabled;
+    $[13] = resolvedVariant;
+    $[14] = theme;
+    $[15] = t5;
+  } else {
+    t5 = $[15];
+  }
+  const iconColorValue = t5;
+  const iconSizeValue = iconSizeMap[resolvedSize];
+  let t6;
+  if ($[16] !== resolvedVariant || $[17] !== theme) {
+    t6 = getLoadingColor(resolvedVariant, theme);
+    $[16] = resolvedVariant;
+    $[17] = theme;
+    $[18] = t6;
+  } else {
+    t6 = $[18];
+  }
+  const loadingColorValue = t6;
+  let t7;
+  if ($[19] !== confirm || $[20] !== onPress) {
+    t7 = async () => {
+      if (confirm && onPress) {
+        const confirmed = await requestConfirmation({
+          title: "Confirmar acci\xF3n",
+          message: confirm,
+          confirmText: "Confirmar",
+          cancelText: "Cancelar"
+        });
+        if (!confirmed) {
+          return;
         }
-        onPress?.();
-    }, [onPress, confirm]);
-    return (_jsx(TouchableOpacity, { activeOpacity: 0.8, className: buttonIcon({ variant, size, disabled, className }), disabled: disabled || loading, onPress: handlePress, ...accessibilityProps, accessibilityRole: "button", accessibilityState: {
-            ...accessibilityState,
-            disabled: disabled || loading,
-            busy: loading,
-        }, style: { minHeight: 48, minWidth: 48 }, testID: testID, children: loading ? (_jsx(ActivityIndicator, { color: loadingColorValue, size: "small" })) : (_jsx(Icon, { color: iconColorValue, name: icon, size: iconSizeValue })) }));
+      }
+      onPress?.();
+    };
+    $[19] = confirm;
+    $[20] = onPress;
+    $[21] = t7;
+  } else {
+    t7 = $[21];
+  }
+  const handlePress = t7;
+  let t8;
+  if ($[22] !== className || $[23] !== disabled || $[24] !== size || $[25] !== variant) {
+    t8 = buttonIcon({
+      variant,
+      size,
+      disabled,
+      className
+    });
+    $[22] = className;
+    $[23] = disabled;
+    $[24] = size;
+    $[25] = variant;
+    $[26] = t8;
+  } else {
+    t8 = $[26];
+  }
+  const t9 = disabled || loading;
+  const t10 = disabled || loading;
+  let t11;
+  if ($[27] !== accessibilityState || $[28] !== loading || $[29] !== t10) {
+    t11 = {
+      ...accessibilityState,
+      disabled: t10,
+      busy: loading
+    };
+    $[27] = accessibilityState;
+    $[28] = loading;
+    $[29] = t10;
+    $[30] = t11;
+  } else {
+    t11 = $[30];
+  }
+  let t12;
+  if ($[31] === Symbol.for("react.memo_cache_sentinel")) {
+    t12 = {
+      minHeight: 48,
+      minWidth: 48
+    };
+    $[31] = t12;
+  } else {
+    t12 = $[31];
+  }
+  let t13;
+  if ($[32] !== icon || $[33] !== iconColorValue || $[34] !== iconSizeValue || $[35] !== loading || $[36] !== loadingColorValue) {
+    t13 = loading ? _jsx(ActivityIndicator, {
+      color: loadingColorValue,
+      size: "small"
+    }) : _jsx(Icon, {
+      color: iconColorValue,
+      name: icon,
+      size: iconSizeValue
+    });
+    $[32] = icon;
+    $[33] = iconColorValue;
+    $[34] = iconSizeValue;
+    $[35] = loading;
+    $[36] = loadingColorValue;
+    $[37] = t13;
+  } else {
+    t13 = $[37];
+  }
+  let t14;
+  if ($[38] !== accessibilityProps || $[39] !== handlePress || $[40] !== t11 || $[41] !== t13 || $[42] !== t8 || $[43] !== t9 || $[44] !== testID) {
+    t14 = _jsx(TouchableOpacity, {
+      activeOpacity: 0.7,
+      className: t8,
+      disabled: t9,
+      onPress: handlePress,
+      ...accessibilityProps,
+      accessibilityRole: "button",
+      accessibilityState: t11,
+      style: t12,
+      testID: testID,
+      children: t13
+    });
+    $[38] = accessibilityProps;
+    $[39] = handlePress;
+    $[40] = t11;
+    $[41] = t13;
+    $[42] = t8;
+    $[43] = t9;
+    $[44] = testID;
+    $[45] = t14;
+  } else {
+    t14 = $[45];
+  }
+  return t14;
 };
-const ButtonWithIcon = Object.assign(Button, { Icon: ButtonIcon });
+const ButtonWithIcon = Object.assign(Button, {
+  Icon: ButtonIcon
+});
 export default ButtonWithIcon;