@sincpro/mobile-ui 3.0.0 → 3.1.0

package/dist/Feedback/Feedback.Empty.js

@@ -1,9 +1,60 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import Icon from "../Display/Display.Icon.js";
 import { cn } from "../theme/tw.js";
 import { Typography } from "../Typography/index.js";
 import { View } from "react-native";
-function Empty({ handleGoHome, className }) {
-    return (_jsxs(View, { className: cn("flex-1 items-center justify-center px-4", className), children: [_jsx(Icon, { name: "empty", size: 80 }), _jsx(Typography.Text, { className: "pt-4 text-text-primary", semibold: true, variant: "h3", children: "\u00A1Oops!" }), _jsx(Typography.Text, { className: "pt-2 text-center text-base leading-5.5 text-text-secondary", variant: "h5", children: "No se encontraron registros disponibles." })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+function Empty(t0) {
+  const $ = _c(7);
+  const {
+    className
+  } = t0;
+  let t1;
+  if ($[0] !== className) {
+    t1 = cn("flex-1 items-center justify-center px-4", className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  let t3;
+  let t4;
+  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    t2 = _jsx(Icon, {
+      name: "empty",
+      size: 80
+    });
+    t3 = _jsx(Typography.Text, {
+      className: "pt-4 text-text-primary",
+      semibold: true,
+      variant: "h3",
+      children: "\xA1Oops!"
+    });
+    t4 = _jsx(Typography.Text, {
+      className: "pt-2 text-center text-text-secondary",
+      variant: "h5",
+      children: "No se encontraron registros disponibles."
+    });
+    $[2] = t2;
+    $[3] = t3;
+    $[4] = t4;
+  } else {
+    t2 = $[2];
+    t3 = $[3];
+    t4 = $[4];
+  }
+  let t5;
+  if ($[5] !== t1) {
+    t5 = _jsxs(View, {
+      className: t1,
+      children: [t2, t3, t4]
+    });
+    $[5] = t1;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  return t5;
 }
 export default Empty;

package/dist/Feedback/Feedback.EmptyState.js

@@ -1,12 +1,121 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
+import Button from "../Actions/Actions.Button.js";
 import ExpoImage from "../Display/Display.ExpoImage.js";
 import Icon from "../Display/Display.Icon.js";
-import { BaseButton } from "../primitives/BaseButton.js";
-import { theme } from "../theme/index.js";
+import { useTheme } from "../theme/index.js";
 import { cn } from "../theme/tw.js";
 import { Typography } from "../Typography/index.js";
 import { View } from "react-native";
-function EmptyState({ title, description, icon = "inbox", image, actionLabel, onAction, children, className, testID, }) {
-    return (_jsxs(View, { className: cn("flex-1 items-center justify-center px-8 gap-3", className), testID: testID, children: [image ? (_jsx(ExpoImage, { contentFit: "contain", source: image, style: { width: 140, height: 140 } })) : (_jsx(View, { className: "w-20 h-20 rounded-full bg-bg-muted items-center justify-center", children: _jsx(Icon, { color: theme.icon.tertiary, name: icon, size: 40 }) })), _jsx(Typography.Text, { accessibilityRole: "header", align: "center", className: "text-text-primary", semibold: true, variant: "subtitle", children: title }), description ? (_jsx(Typography.Text, { align: "center", className: "text-text-secondary", variant: "body", children: description })) : null, actionLabel && onAction ? (_jsx(View, { className: "mt-2", children: _jsx(BaseButton, { onPress: onAction, title: actionLabel, variant: "primary" }) })) : null, children] }));
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+function EmptyState(t0) {
+  const $ = _c(21);
+  const {
+    title,
+    description,
+    icon: t1,
+    image,
+    actionLabel,
+    onAction,
+    children,
+    className,
+    testID
+  } = t0;
+  const icon = t1 === undefined ? "inbox" : t1;
+  const theme = useTheme();
+  let t2;
+  if ($[0] !== className) {
+    t2 = cn("flex-1 items-center justify-center px-8 gap-3", className);
+    $[0] = className;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== icon || $[3] !== image || $[4] !== theme) {
+    t3 = image ? _jsx(ExpoImage, {
+      contentFit: "contain",
+      source: image,
+      style: {
+        width: 140,
+        height: 140
+      }
+    }) : _jsx(View, {
+      className: "w-20 h-20 rounded-full bg-bg-muted items-center justify-center",
+      children: _jsx(Icon, {
+        color: theme.icon.tertiary,
+        name: icon,
+        size: 40
+      })
+    });
+    $[2] = icon;
+    $[3] = image;
+    $[4] = theme;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[6] !== title) {
+    t4 = _jsx(Typography.Text, {
+      accessibilityRole: "header",
+      align: "center",
+      className: "text-text-primary",
+      semibold: true,
+      variant: "subtitle",
+      children: title
+    });
+    $[6] = title;
+    $[7] = t4;
+  } else {
+    t4 = $[7];
+  }
+  let t5;
+  if ($[8] !== description) {
+    t5 = description ? _jsx(Typography.Text, {
+      align: "center",
+      className: "text-text-secondary",
+      variant: "body",
+      children: description
+    }) : null;
+    $[8] = description;
+    $[9] = t5;
+  } else {
+    t5 = $[9];
+  }
+  let t6;
+  if ($[10] !== actionLabel || $[11] !== onAction) {
+    t6 = actionLabel && onAction ? _jsx(View, {
+      className: "mt-2",
+      children: _jsx(Button, {
+        onPress: onAction,
+        title: actionLabel,
+        variant: "primary"
+      })
+    }) : null;
+    $[10] = actionLabel;
+    $[11] = onAction;
+    $[12] = t6;
+  } else {
+    t6 = $[12];
+  }
+  let t7;
+  if ($[13] !== children || $[14] !== t2 || $[15] !== t3 || $[16] !== t4 || $[17] !== t5 || $[18] !== t6 || $[19] !== testID) {
+    t7 = _jsxs(View, {
+      className: t2,
+      testID: testID,
+      children: [t3, t4, t5, t6, children]
+    });
+    $[13] = children;
+    $[14] = t2;
+    $[15] = t3;
+    $[16] = t4;
+    $[17] = t5;
+    $[18] = t6;
+    $[19] = testID;
+    $[20] = t7;
+  } else {
+    t7 = $[20];
+  }
+  return t7;
 }
 export default EmptyState;

package/dist/Feedback/Feedback.Error.d.ts

@@ -1,4 +1,4 @@
-interface ErrorProps {
+export interface ErrorProps {
     message?: string;
     onRetry?: () => void;
     onBack?: () => void;

package/dist/Feedback/Feedback.Error.js

@@ -1,11 +1,136 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
+import Button from "../Actions/Actions.Button.js";
 import Icon from "../Display/Display.Icon.js";
-import Button from "../primitives/BaseButton.js";
-import { theme } from "../theme/index.js";
+import { useTheme } from "../theme/index.js";
 import { cn } from "../theme/tw.js";
 import { Typography } from "../Typography/index.js";
 import { View } from "react-native";
-function Error({ message, onRetry, onBack, onHome, className, testID }) {
-    return (_jsxs(View, { className: cn("flex-1 items-center justify-center px-4", className), testID: testID, children: [_jsx(Icon, { color: theme.danger, name: "error", size: 80 }), _jsx(Typography.Text, { accessibilityRole: "header", className: "pt-4 text-text-primary", semibold: true, variant: "h3", children: "\u00A1Error!" }), _jsx(Typography.Text, { accessibilityLiveRegion: "polite", className: "pt-2 text-center text-base leading-5.5 text-text-secondary", variant: "h5", children: message || "Ocurrió un error al cargar la información" }), _jsxs(View, { className: "mt-8 w-full gap-3", children: [onRetry && _jsx(Button, { className: "w-full", onPress: onRetry, title: "Reintentar" }), onBack && (_jsx(Button, { className: "w-full", onPress: onBack, title: "Volver", variant: "secondary" })), onHome && (_jsx(Button, { className: "w-full", onPress: onHome, title: "Ir al inicio", variant: "outline" }))] })] }));
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+function Error(t0) {
+  const $ = _c(23);
+  const {
+    message,
+    onRetry,
+    onBack,
+    onHome,
+    className,
+    testID
+  } = t0;
+  const theme = useTheme();
+  let t1;
+  if ($[0] !== className) {
+    t1 = cn("flex-1 items-center justify-center px-4", className);
+    $[0] = className;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  let t2;
+  if ($[2] !== theme.danger) {
+    t2 = _jsx(Icon, {
+      color: theme.danger,
+      name: "error",
+      size: 80
+    });
+    $[2] = theme.danger;
+    $[3] = t2;
+  } else {
+    t2 = $[3];
+  }
+  let t3;
+  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    t3 = _jsx(Typography.Text, {
+      accessibilityRole: "header",
+      className: "pt-4 text-text-primary",
+      semibold: true,
+      variant: "h3",
+      children: "\xA1Error!"
+    });
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const t4 = message || "Ocurri\xF3 un error al cargar la informaci\xF3n";
+  let t5;
+  if ($[5] !== t4) {
+    t5 = _jsx(Typography.Text, {
+      accessibilityLiveRegion: "polite",
+      className: "pt-2 text-center text-text-secondary",
+      variant: "h5",
+      children: t4
+    });
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
+  let t6;
+  if ($[7] !== onRetry) {
+    t6 = onRetry && _jsx(Button, {
+      className: "w-full",
+      onPress: onRetry,
+      title: "Reintentar"
+    });
+    $[7] = onRetry;
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  let t7;
+  if ($[9] !== onBack) {
+    t7 = onBack && _jsx(Button, {
+      className: "w-full",
+      onPress: onBack,
+      title: "Volver",
+      variant: "secondary"
+    });
+    $[9] = onBack;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  let t8;
+  if ($[11] !== onHome) {
+    t8 = onHome && _jsx(Button, {
+      className: "w-full",
+      onPress: onHome,
+      title: "Ir al inicio",
+      variant: "outline"
+    });
+    $[11] = onHome;
+    $[12] = t8;
+  } else {
+    t8 = $[12];
+  }
+  let t9;
+  if ($[13] !== t6 || $[14] !== t7 || $[15] !== t8) {
+    t9 = _jsxs(View, {
+      className: "mt-8 w-full gap-3",
+      children: [t6, t7, t8]
+    });
+    $[13] = t6;
+    $[14] = t7;
+    $[15] = t8;
+    $[16] = t9;
+  } else {
+    t9 = $[16];
+  }
+  let t10;
+  if ($[17] !== t1 || $[18] !== t2 || $[19] !== t5 || $[20] !== t9 || $[21] !== testID) {
+    t10 = _jsxs(View, {
+      className: t1,
+      testID: testID,
+      children: [t2, t3, t5, t9]
+    });
+    $[17] = t1;
+    $[18] = t2;
+    $[19] = t5;
+    $[20] = t9;
+    $[21] = testID;
+    $[22] = t10;
+  } else {
+    t10 = $[22];
+  }
+  return t10;
 }
 export default Error;

package/dist/Feedback/Feedback.Loading.d.ts

@@ -1,7 +1,7 @@
 import { type SpinnerVariant } from "./Feedback.Spinner.js";
 import type React from "react";
 import { type StyleProp, type ViewStyle } from "react-native";
-interface LoadingStateProps {
+export interface LoadingStateProps {
     message?: string;
     size?: "small" | "large";
     variant?: SpinnerVariant;

package/dist/Feedback/Feedback.Loading.js

@@ -1,8 +1,75 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import Spinner from "./Feedback.Spinner.js";
 import { cn } from "../theme/tw.js";
 import { View } from "react-native";
-function LoadingState({ message = "Cargando…", size = "small", variant = "spinner", style = {}, className, animated, accessibilityLabel, testID, }) {
-    return (_jsx(View, { className: cn("flex-1 justify-center items-center", className), style: style, children: _jsx(Spinner, { accessibilityLabel: accessibilityLabel, animated: animated, className: "mb-5", size: size, testID: testID, text: message, variant: variant }) }));
+import { jsx as _jsx } from "nativewind/jsx-runtime";
+function LoadingState(t0) {
+  const $ = _c(15);
+  const {
+    message: t1,
+    size: t2,
+    variant: t3,
+    style: t4,
+    className,
+    animated,
+    accessibilityLabel,
+    testID
+  } = t0;
+  const message = t1 === undefined ? "Cargando\u2026" : t1;
+  const size = t2 === undefined ? "small" : t2;
+  const variant = t3 === undefined ? "spinner" : t3;
+  let t5;
+  if ($[0] !== t4) {
+    t5 = t4 === undefined ? {} : t4;
+    $[0] = t4;
+    $[1] = t5;
+  } else {
+    t5 = $[1];
+  }
+  const style = t5;
+  let t6;
+  if ($[2] !== className) {
+    t6 = cn("flex-1 justify-center items-center", className);
+    $[2] = className;
+    $[3] = t6;
+  } else {
+    t6 = $[3];
+  }
+  let t7;
+  if ($[4] !== accessibilityLabel || $[5] !== animated || $[6] !== message || $[7] !== size || $[8] !== testID || $[9] !== variant) {
+    t7 = _jsx(Spinner, {
+      accessibilityLabel: accessibilityLabel,
+      animated: animated,
+      className: "mb-5",
+      size: size,
+      testID: testID,
+      text: message,
+      variant: variant
+    });
+    $[4] = accessibilityLabel;
+    $[5] = animated;
+    $[6] = message;
+    $[7] = size;
+    $[8] = testID;
+    $[9] = variant;
+    $[10] = t7;
+  } else {
+    t7 = $[10];
+  }
+  let t8;
+  if ($[11] !== style || $[12] !== t6 || $[13] !== t7) {
+    t8 = _jsx(View, {
+      className: t6,
+      style: style,
+      children: t7
+    });
+    $[11] = style;
+    $[12] = t6;
+    $[13] = t7;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  return t8;
 }
 export default LoadingState;

package/dist/Feedback/Feedback.PermissionCard.js

@@ -1,11 +1,167 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
+import Button from "../Actions/Actions.Button.js";
 import Icon from "../Display/Display.Icon.js";
-import { BaseButton } from "../primitives/BaseButton.js";
-import { theme } from "../theme/index.js";
+import { useTheme } from "../theme/index.js";
 import { cn } from "../theme/tw.js";
 import { Typography } from "../Typography/index.js";
 import { View } from "react-native";
-function PermissionCard({ title, description, granted = false, icon = "lock", grantedLabel = "Permiso activo", deniedLabel = "Permiso inactivo", actionLabel = "Permitir", loading = false, onRequest, className, testID, }) {
-    return (_jsx(View, { className: cn("bg-bg-card rounded-xl p-4 border border-border-light", className), style: theme.shadow.sm, testID: testID, children: _jsxs(View, { className: "flex-row items-start gap-3", children: [_jsx(Icon, { color: granted ? theme.success : theme.danger, name: granted ? "success" : icon, size: 32 }), _jsxs(View, { className: "flex-1 gap-1", children: [_jsx(Typography.Text, { className: "text-text-primary", semibold: true, variant: "body", children: title }), description ? (_jsx(Typography.Text, { className: "text-text-secondary", variant: "bodySmall", children: description })) : null, _jsx(Typography.Text, { style: { color: granted ? theme.success : theme.danger }, variant: "bodySmall", children: granted ? grantedLabel : deniedLabel }), !granted && onRequest ? (_jsx(View, { className: "mt-2 self-start", children: _jsx(BaseButton, { loading: loading, onPress: onRequest, size: "small", title: actionLabel }) })) : null] })] }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+function PermissionCard(t0) {
+  const $ = _c(32);
+  const {
+    title,
+    description,
+    granted: t1,
+    icon: t2,
+    grantedLabel: t3,
+    deniedLabel: t4,
+    actionLabel: t5,
+    loading: t6,
+    onRequest,
+    className,
+    testID
+  } = t0;
+  const granted = t1 === undefined ? false : t1;
+  const icon = t2 === undefined ? "lock" : t2;
+  const grantedLabel = t3 === undefined ? "Permiso activo" : t3;
+  const deniedLabel = t4 === undefined ? "Permiso inactivo" : t4;
+  const actionLabel = t5 === undefined ? "Permitir" : t5;
+  const loading = t6 === undefined ? false : t6;
+  const theme = useTheme();
+  let t7;
+  if ($[0] !== className) {
+    t7 = cn("bg-bg-card rounded-xl p-4 border border-border-light", className);
+    $[0] = className;
+    $[1] = t7;
+  } else {
+    t7 = $[1];
+  }
+  const t8 = granted ? theme.success : theme.danger;
+  const t9 = granted ? "success" : icon;
+  let t10;
+  if ($[2] !== t8 || $[3] !== t9) {
+    t10 = _jsx(Icon, {
+      color: t8,
+      name: t9,
+      size: 32
+    });
+    $[2] = t8;
+    $[3] = t9;
+    $[4] = t10;
+  } else {
+    t10 = $[4];
+  }
+  let t11;
+  if ($[5] !== title) {
+    t11 = _jsx(Typography.Text, {
+      className: "text-text-primary",
+      semibold: true,
+      variant: "body",
+      children: title
+    });
+    $[5] = title;
+    $[6] = t11;
+  } else {
+    t11 = $[6];
+  }
+  let t12;
+  if ($[7] !== description) {
+    t12 = description ? _jsx(Typography.Text, {
+      className: "text-text-secondary",
+      variant: "bodySmall",
+      children: description
+    }) : null;
+    $[7] = description;
+    $[8] = t12;
+  } else {
+    t12 = $[8];
+  }
+  const t13 = granted ? theme.success : theme.danger;
+  let t14;
+  if ($[9] !== t13) {
+    t14 = {
+      color: t13
+    };
+    $[9] = t13;
+    $[10] = t14;
+  } else {
+    t14 = $[10];
+  }
+  const t15 = granted ? grantedLabel : deniedLabel;
+  let t16;
+  if ($[11] !== t14 || $[12] !== t15) {
+    t16 = _jsx(Typography.Text, {
+      style: t14,
+      variant: "bodySmall",
+      children: t15
+    });
+    $[11] = t14;
+    $[12] = t15;
+    $[13] = t16;
+  } else {
+    t16 = $[13];
+  }
+  let t17;
+  if ($[14] !== actionLabel || $[15] !== granted || $[16] !== loading || $[17] !== onRequest) {
+    t17 = !granted && onRequest ? _jsx(View, {
+      className: "mt-2 self-start",
+      children: _jsx(Button, {
+        loading: loading,
+        onPress: onRequest,
+        size: "small",
+        title: actionLabel
+      })
+    }) : null;
+    $[14] = actionLabel;
+    $[15] = granted;
+    $[16] = loading;
+    $[17] = onRequest;
+    $[18] = t17;
+  } else {
+    t17 = $[18];
+  }
+  let t18;
+  if ($[19] !== t11 || $[20] !== t12 || $[21] !== t16 || $[22] !== t17) {
+    t18 = _jsxs(View, {
+      className: "flex-1 gap-1",
+      children: [t11, t12, t16, t17]
+    });
+    $[19] = t11;
+    $[20] = t12;
+    $[21] = t16;
+    $[22] = t17;
+    $[23] = t18;
+  } else {
+    t18 = $[23];
+  }
+  let t19;
+  if ($[24] !== t10 || $[25] !== t18) {
+    t19 = _jsxs(View, {
+      className: "flex-row items-start gap-3",
+      children: [t10, t18]
+    });
+    $[24] = t10;
+    $[25] = t18;
+    $[26] = t19;
+  } else {
+    t19 = $[26];
+  }
+  let t20;
+  if ($[27] !== t19 || $[28] !== t7 || $[29] !== testID || $[30] !== theme.shadow.sm) {
+    t20 = _jsx(View, {
+      className: t7,
+      style: theme.shadow.sm,
+      testID: testID,
+      children: t19
+    });
+    $[27] = t19;
+    $[28] = t7;
+    $[29] = testID;
+    $[30] = theme.shadow.sm;
+    $[31] = t20;
+  } else {
+    t20 = $[31];
+  }
+  return t20;
 }
 export default PermissionCard;