@sincpro/mobile-ui 0.1.2

package/lib/module/primitives/BaseButton.js

@@ -0,0 +1,391 @@
+"use strict";
+
+import { LinearGradient } from "expo-linear-gradient";
+import { ActivityIndicator, TouchableOpacity, View } from "react-native";
+import { Display } from "../Display/index.js";
+import { theme } from "../theme/index.js";
+import { tv } from "../theme/tw.js";
+import { Typography } from "../Typography/index.js";
+
+// ============================================================================
+// STYLE VARIANTS
+// ============================================================================
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const button = tv({
+  base: "rounded-lg items-center justify-center flex-row min-h-[44px]",
+  variants: {
+    variant: {
+      primary: "shadow-sm",
+      accent: "shadow-sm",
+      secondary: "bg-bg-card border border-primary shadow-sm",
+      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 min-h-0",
+      transparent: "bg-transparent border border-border-light"
+    },
+    size: {
+      small: "py-1.5 px-3 min-h-[36px]",
+      medium: "py-2.5 px-4 min-h-[44px]",
+      large: "py-3 px-5 min-h-[48px]"
+    },
+    disabled: {
+      true: "opacity-70"
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "medium"
+  }
+});
+const buttonIcon = tv({
+  base: "rounded-lg items-center justify-center aspect-square",
+  variants: {
+    variant: {
+      primary: "shadow-sm",
+      accent: "shadow-sm",
+      secondary: "bg-bg-card border border-primary shadow-sm",
+      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"
+    }
+  },
+  defaultVariants: {
+    variant: "primary",
+    size: "medium"
+  }
+});
+const textColor = tv({
+  variants: {
+    variant: {
+      primary: "text-white",
+      accent: "text-white",
+      secondary: "text-primary",
+      outline: "text-primary",
+      outlineDanger: "text-danger",
+      outlineBlack: "text-text-primary",
+      flat: "text-text-primary",
+      link: "text-primary",
+      transparent: "text-white"
+    },
+    disabled: {
+      true: "opacity-50"
+    }
+  },
+  compoundVariants: [{
+    variant: "primary",
+    disabled: true,
+    className: "text-white/70"
+  }, {
+    variant: "accent",
+    disabled: true,
+    className: "text-white/70"
+  }, {
+    variant: "transparent",
+    disabled: true,
+    className: "text-white/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 MAPS (Dynamic with theme)
+// ============================================================================
+
+function getLoadingColorDynamic(variant) {
+  const map = {
+    primary: theme.text.inverse,
+    accent: theme.text.inverse,
+    secondary: theme.primary,
+    outline: theme.primary,
+    outlineDanger: theme.danger,
+    outlineBlack: theme.text.primary,
+    flat: theme.text.primary,
+    link: theme.primary,
+    transparent: theme.text.inverse
+  };
+  return map[variant] ?? theme.text.inverse;
+}
+function getIconColorDynamic(variant, disabled) {
+  if (disabled) {
+    const disabledMap = {
+      primary: theme.icon.inverse + "70",
+      accent: theme.icon.inverse + "70",
+      secondary: theme.icon.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 disabledMap[variant] ?? theme.icon.disabled;
+  }
+  const enabledMap = {
+    primary: theme.icon.inverse,
+    accent: theme.icon.inverse,
+    secondary: theme.primary,
+    outline: theme.primary,
+    outlineDanger: theme.danger,
+    outlineBlack: theme.text.primary,
+    flat: theme.text.primary,
+    link: theme.primary,
+    transparent: theme.icon.inverse
+  };
+  return enabledMap[variant] ?? theme.icon.inverse;
+}
+const iconSizeMap = {
+  small: 16,
+  medium: 20,
+  large: 28
+};
+const textVariantMap = {
+  small: "buttonSmall",
+  medium: "button",
+  large: "buttonLarge"
+};
+
+// ============================================================================
+// HELPER FUNCTIONS
+// ============================================================================
+
+function getLoadingColor(variant) {
+  return getLoadingColorDynamic(variant);
+}
+function getIconColor(variant, disabled) {
+  return getIconColorDynamic(variant, disabled);
+}
+function getIconSize(size) {
+  return iconSizeMap[size] ?? 20;
+}
+function getTextVariant(size) {
+  return textVariantMap[size] ?? "button";
+}
+
+// ============================================================================
+// BASE BUTTON COMPONENT (NO Dialog dependency)
+// ============================================================================
+
+export const BaseButton = ({
+  title,
+  onPress,
+  variant = "primary",
+  size = "medium",
+  loading = false,
+  disabled = false,
+  className,
+  icon
+}) => {
+  const textColorClass = textColor({
+    variant: variant ?? "primary",
+    disabled
+  });
+  const loadingColorValue = getLoadingColor(variant ?? "primary");
+  const textVariantValue = getTextVariant(size ?? "medium");
+  if (variant === "link") {
+    return /*#__PURE__*/_jsx(TouchableOpacity, {
+      activeOpacity: 0.7,
+      className: className,
+      disabled: disabled || loading,
+      onPress: onPress,
+      children: loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+        color: loadingColorValue,
+        size: "small"
+      }) : /*#__PURE__*/_jsx(Typography.Text, {
+        className: textColorClass,
+        variant: textVariantValue,
+        children: title
+      })
+    });
+  }
+  if (variant === "primary" || variant === "accent") {
+    const gradientColors = variant === "primary" ? theme.gradient.primary : theme.gradient.accent;
+    const hasFlex = className?.includes("flex-1");
+    return /*#__PURE__*/_jsx(View, {
+      className: className,
+      style: hasFlex ? {
+        flex: 1
+      } : undefined,
+      children: /*#__PURE__*/_jsx(LinearGradient, {
+        colors: gradientColors,
+        end: {
+          x: 1,
+          y: 1
+        },
+        start: {
+          x: 0,
+          y: 0
+        },
+        style: {
+          borderRadius: 8,
+          opacity: disabled ? 0.7 : 1
+        },
+        children: /*#__PURE__*/_jsx(TouchableOpacity, {
+          activeOpacity: 0.8,
+          disabled: disabled || loading,
+          onPress: onPress,
+          children: /*#__PURE__*/_jsxs(View, {
+            className: button({
+              size,
+              disabled
+            }),
+            style: {
+              backgroundColor: "transparent"
+            },
+            children: [icon && !loading && /*#__PURE__*/_jsx(View, {
+              className: "mr-2",
+              children: icon
+            }), loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+              color: loadingColorValue,
+              size: "small"
+            }) : /*#__PURE__*/_jsx(Typography.Text, {
+              className: textColorClass,
+              variant: textVariantValue,
+              children: title
+            })]
+          })
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/_jsxs(TouchableOpacity, {
+    activeOpacity: 0.8,
+    className: button({
+      variant,
+      size,
+      disabled,
+      className
+    }),
+    disabled: disabled || loading,
+    onPress: onPress,
+    children: [icon && !loading && /*#__PURE__*/_jsx(View, {
+      className: "mr-2",
+      children: icon
+    }), loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+      color: loadingColorValue,
+      size: "small"
+    }) : /*#__PURE__*/_jsx(Typography.Text, {
+      className: textColorClass,
+      variant: textVariantValue,
+      children: title
+    })]
+  });
+};
+
+// ============================================================================
+// BASE BUTTON ICON COMPONENT (NO Dialog dependency)
+// ============================================================================
+
+export const BaseButtonIcon = ({
+  icon,
+  onPress,
+  variant = "primary",
+  size = "medium",
+  loading = false,
+  disabled = false,
+  className
+}) => {
+  const iconColorValue = getIconColor(variant ?? "primary", disabled);
+  const loadingColorValue = getLoadingColor(variant ?? "primary");
+  const iconSizeValue = getIconSize(size ?? "medium");
+  if (variant === "primary" || variant === "accent") {
+    const gradientColors = variant === "primary" ? theme.gradient.primary : theme.gradient.accent;
+    return /*#__PURE__*/_jsx(LinearGradient, {
+      colors: gradientColors,
+      end: {
+        x: 1,
+        y: 1
+      },
+      start: {
+        x: 0,
+        y: 0
+      },
+      style: {
+        borderRadius: 8,
+        opacity: disabled ? 0.7 : 1
+      },
+      children: /*#__PURE__*/_jsx(TouchableOpacity, {
+        activeOpacity: 0.8,
+        disabled: disabled || loading,
+        onPress: onPress,
+        children: /*#__PURE__*/_jsx(View, {
+          className: buttonIcon({
+            size,
+            disabled
+          }),
+          style: {
+            backgroundColor: "transparent"
+          },
+          children: loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+            color: loadingColorValue,
+            size: "small"
+          }) : /*#__PURE__*/_jsx(Display.Icon, {
+            color: iconColorValue,
+            name: icon,
+            size: iconSizeValue
+          })
+        })
+      })
+    });
+  }
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    activeOpacity: 0.8,
+    className: buttonIcon({
+      variant,
+      size,
+      disabled,
+      className
+    }),
+    disabled: disabled || loading,
+    onPress: onPress,
+    children: loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+      color: loadingColorValue,
+      size: "small"
+    }) : /*#__PURE__*/_jsx(Display.Icon, {
+      color: iconColorValue,
+      name: icon,
+      size: iconSizeValue
+    })
+  });
+};
+
+// ============================================================================
+// COMPOUND COMPONENT
+// ============================================================================
+
+const BaseButtonWithIcon = Object.assign(BaseButton, {
+  Icon: BaseButtonIcon
+});
+export default BaseButtonWithIcon;
+//# sourceMappingURL=BaseButton.js.map

package/lib/module/primitives/BaseButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["LinearGradient","ActivityIndicator","TouchableOpacity","View","Display","theme","tv","Typography","jsx","_jsx","jsxs","_jsxs","button","base","variants","variant","primary","accent","secondary","outline","outlineDanger","outlineBlack","flat","link","transparent","size","small","medium","large","disabled","true","defaultVariants","buttonIcon","textColor","compoundVariants","className","getLoadingColorDynamic","map","text","inverse","danger","getIconColorDynamic","disabledMap","icon","enabledMap","iconSizeMap","textVariantMap","getLoadingColor","getIconColor","getIconSize","getTextVariant","BaseButton","title","onPress","loading","textColorClass","loadingColorValue","textVariantValue","activeOpacity","children","color","Text","gradientColors","gradient","hasFlex","includes","style","flex","undefined","colors","end","x","y","start","borderRadius","opacity","backgroundColor","BaseButtonIcon","iconColorValue","iconSizeValue","Icon","name","BaseButtonWithIcon","Object","assign"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["primitives/BaseButton.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/primitives/Box.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import { View } from "react-native";
+import { cn } from "../theme/tw.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function Box({
+  className,
+  style,
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    className: cn(className),
+    style: style,
+    ...props
+  });
+}
+export default Box;
+export { Box };
+//# sourceMappingURL=Box.js.map

package/lib/module/primitives/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","cn","jsx","_jsx","Box","className","style","props"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["primitives/Box.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAmB,cAAc;AAE9C,SAASC,EAAE,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAMjC,SAASC,GAAGA,CAAC;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAgB,CAAC,EAAE;EACrD,oBAAOJ,IAAA,CAACH,IAAI;IAACK,SAAS,EAAEJ,EAAE,CAACI,SAAS,CAAE;IAACC,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AACpE;AAEA,eAAeH,GAAG;AAClB,SAASA,GAAG","ignoreList":[]}

package/lib/module/primitives/Row.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import { View } from "react-native";
+import { cn } from "../theme/tw.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function Row({
+  spacing = 2,
+  align = "center",
+  justify = "start",
+  wrap = false,
+  className,
+  style,
+  ...props
+}) {
+  const alignMap = {
+    start: "items-start",
+    center: "items-center",
+    end: "items-end",
+    stretch: "items-stretch"
+  };
+  const justifyMap = {
+    start: "justify-start",
+    center: "justify-center",
+    end: "justify-end",
+    between: "justify-between",
+    around: "justify-around",
+    evenly: "justify-evenly"
+  };
+  return /*#__PURE__*/_jsx(View, {
+    className: cn("flex flex-row", `gap-${spacing}`, alignMap[align], justifyMap[justify], wrap && "flex-wrap", className),
+    style: style,
+    ...props
+  });
+}
+export default Row;
+export { Row };
+//# sourceMappingURL=Row.js.map

package/lib/module/primitives/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","cn","jsx","_jsx","Row","spacing","align","justify","wrap","className","style","props","alignMap","start","center","end","stretch","justifyMap","between","around","evenly"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["primitives/Row.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAmB,cAAc;AAE9C,SAASC,EAAE,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAUjC,SAASC,GAAGA,CAAC;EACXC,OAAO,GAAG,CAAC;EACXC,KAAK,GAAG,QAAQ;EAChBC,OAAO,GAAG,OAAO;EACjBC,IAAI,GAAG,KAAK;EACZC,SAAS;EACTC,KAAK;EACL,GAAGC;AACK,CAAC,EAAE;EACX,MAAMC,QAAQ,GAAG;IACfC,KAAK,EAAE,aAAa;IACpBC,MAAM,EAAE,cAAc;IACtBC,GAAG,EAAE,WAAW;IAChBC,OAAO,EAAE;EACX,CAAC;EAED,MAAMC,UAAU,GAAG;IACjBJ,KAAK,EAAE,eAAe;IACtBC,MAAM,EAAE,gBAAgB;IACxBC,GAAG,EAAE,aAAa;IAClBG,OAAO,EAAE,iBAAiB;IAC1BC,MAAM,EAAE,gBAAgB;IACxBC,MAAM,EAAE;EACV,CAAC;EAED,oBACEjB,IAAA,CAACH,IAAI;IACHS,SAAS,EAAER,EAAE,CACX,eAAe,EACf,OAAOI,OAAO,EAAE,EAChBO,QAAQ,CAACN,KAAK,CAAC,EACfW,UAAU,CAACV,OAAO,CAAC,EACnBC,IAAI,IAAI,WAAW,EACnBC,SACF,CAAE;IACFC,KAAK,EAAEA,KAAM;IAAA,GACTC;EAAK,CACV,CAAC;AAEN;AAEA,eAAeP,GAAG;AAClB,SAASA,GAAG","ignoreList":[]}

package/lib/module/primitives/Stack.js

@@ -0,0 +1,27 @@
+"use strict";
+
+import { View } from "react-native";
+import { cn } from "../theme/tw.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function Stack({
+  spacing = 4,
+  align = "stretch",
+  className,
+  style,
+  ...props
+}) {
+  const alignMap = {
+    start: "items-start",
+    center: "items-center",
+    end: "items-end",
+    stretch: "items-stretch"
+  };
+  return /*#__PURE__*/_jsx(View, {
+    className: cn("flex flex-col", `gap-${spacing}`, alignMap[align], className),
+    style: style,
+    ...props
+  });
+}
+export default Stack;
+export { Stack };
+//# sourceMappingURL=Stack.js.map

package/lib/module/primitives/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["View","cn","jsx","_jsx","Stack","spacing","align","className","style","props","alignMap","start","center","end","stretch"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["primitives/Stack.tsx"],"mappings":";;AAAA,SAASA,IAAI,QAAmB,cAAc;AAE9C,SAASC,EAAE,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQjC,SAASC,KAAKA,CAAC;EAAEC,OAAO,GAAG,CAAC;EAAEC,KAAK,GAAG,SAAS;EAAEC,SAAS;EAAEC,KAAK;EAAE,GAAGC;AAAkB,CAAC,EAAE;EACzF,MAAMC,QAAQ,GAAG;IACfC,KAAK,EAAE,aAAa;IACpBC,MAAM,EAAE,cAAc;IACtBC,GAAG,EAAE,WAAW;IAChBC,OAAO,EAAE;EACX,CAAC;EAED,oBACEX,IAAA,CAACH,IAAI;IACHO,SAAS,EAAEN,EAAE,CAAC,eAAe,EAAE,OAAOI,OAAO,EAAE,EAAEK,QAAQ,CAACJ,KAAK,CAAC,EAAEC,SAAS,CAAE;IAC7EC,KAAK,EAAEA,KAAM;IAAA,GACTC;EAAK,CACV,CAAC;AAEN;AAEA,eAAeL,KAAK;AACpB,SAASA,KAAK","ignoreList":[]}

package/lib/module/primitives/index.js

@@ -0,0 +1,6 @@
+"use strict";
+
+export { Box } from "./Box.js";
+export { Row } from "./Row.js";
+export { Stack } from "./Stack.js";
+//# sourceMappingURL=index.js.map

package/lib/module/primitives/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Box","Row","Stack"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["primitives/index.ts"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,UAAO;AAC3B,SAASC,GAAG,QAAQ,UAAO;AAC3B,SAASC,KAAK,QAAQ,YAAS","ignoreList":[]}

package/lib/module/providers/index.js

@@ -0,0 +1,3 @@
+// Empty - all providers removed
+"use strict";
+//# sourceMappingURL=index.js.map

package/lib/module/providers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../sincpro_mobile_ui","sources":["providers/index.ts"],"mappings":"AAAA;AAAA","ignoreList":[]}

package/lib/module/theme/active.js

@@ -0,0 +1,13 @@
+"use strict";
+
+import { DEFAULT_THEME } from "./default.js";
+const activeTheme = {
+  ...DEFAULT_THEME
+};
+export function setActiveTheme(tokens) {
+  Object.assign(activeTheme, tokens);
+}
+export function getActiveTheme() {
+  return activeTheme;
+}
+//# sourceMappingURL=active.js.map

package/lib/module/theme/active.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["DEFAULT_THEME","activeTheme","setActiveTheme","tokens","Object","assign","getActiveTheme"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["theme/active.ts"],"mappings":";;AAAA,SAASA,aAAa,QAAQ,cAAW;AAGzC,MAAMC,WAAwB,GAAG;EAAE,GAAGD;AAAc,CAAC;AAErD,OAAO,SAASE,cAAcA,CAACC,MAAmB,EAAQ;EACxDC,MAAM,CAACC,MAAM,CAACJ,WAAW,EAAYE,MAAM,CAAC;AAC9C;AAEA,OAAO,SAASG,cAAcA,CAAA,EAAgB;EAC5C,OAAOL,WAAW;AACpB","ignoreList":[]}

package/lib/module/theme/components/ThemedActivityIndicator.js

@@ -0,0 +1,30 @@
+"use strict";
+
+import { ActivityIndicator as RNActivityIndicator } from "react-native";
+
+/**
+ * ============================================================================
+ * THEMED ACTIVITY INDICATOR
+ * ============================================================================
+ *
+ * Wrapper de ActivityIndicator que usa color primary.
+ * NOTA: Como no podemos usar hooks, usa el color hardcoded de Distribution.
+ * Para cambiar color, pasar prop color directamente.
+ *
+ * USO:
+ * ```tsx
+ * <ThemedActivityIndicator />
+ * <ThemedActivityIndicator size="large" color="#8B5CF6" />
+ * ```
+ */
+import { jsx as _jsx } from "react/jsx-runtime";
+export function ThemedActivityIndicator({
+  color = "#0075FF",
+  ...props
+}) {
+  return /*#__PURE__*/_jsx(RNActivityIndicator, {
+    color: color,
+    ...props
+  });
+}
+//# sourceMappingURL=ThemedActivityIndicator.js.map

package/lib/module/theme/components/ThemedActivityIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityIndicator","RNActivityIndicator","jsx","_jsx","ThemedActivityIndicator","color","props"],"sourceRoot":"../../../../sincpro_mobile_ui","sources":["theme/components/ThemedActivityIndicator.tsx"],"mappings":";;AACA,SAASA,iBAAiB,IAAIC,mBAAmB,QAAQ,cAAc;;AAEvE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAdA,SAAAC,GAAA,IAAAC,IAAA;AAoBA,OAAO,SAASC,uBAAuBA,CAAC;EACtCC,KAAK,GAAG,SAAS;EACjB,GAAGC;AACyB,CAAC,EAAE;EAC/B,oBAAOH,IAAA,CAACF,mBAAmB;IAACI,KAAK,EAAEA,KAAM;IAAA,GAAKC;EAAK,CAAG,CAAC;AACzD","ignoreList":[]}

package/lib/module/theme/components/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+/**
+ * ============================================================================
+ * THEMED COMPONENTS - Barrel Export
+ * ============================================================================
+ *
+ * Componentes que necesitan acceso a tokens del theme vía hook.
+ * Estos son el 1% de casos donde className no es suficiente.
+ */
+
+export { ThemedActivityIndicator } from "./ThemedActivityIndicator.js";
+//# sourceMappingURL=index.js.map

package/lib/module/theme/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["ThemedActivityIndicator"],"sourceRoot":"../../../../sincpro_mobile_ui","sources":["theme/components/index.ts"],"mappings":";;AAAA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEA,SAASA,uBAAuB,QAAQ,8BAA2B","ignoreList":[]}