@sincpro/mobile-ui 3.0.0 → 3.1.0

package/dist/Navigation/Navigation.SegmentedControl.js

@@ -1,24 +1,162 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import NativeSegmentedControl from "@expo/ui/community/segmented-control";
 import { relativeLuminance, useTheme } from "../theme/index.js";
 import { Typography } from "../Typography/index.js";
 import { View } from "react-native";
-function SegmentedControl({ options, value, onChange, disabled = false, readOnly = false, accessibilityLabel, style, className, testID, }) {
-    const theme = useTheme();
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+function SegmentedControl(t0) {
+  const $ = _c(32);
+  const {
+    options,
+    value,
+    onChange,
+    disabled: t1,
+    readOnly: t2,
+    accessibilityLabel,
+    style,
+    className,
+    testID
+  } = t0;
+  const disabled = t1 === undefined ? false : t1;
+  const readOnly = t2 === undefined ? false : t2;
+  const theme = useTheme();
+  let T0;
+  let T1;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  let t8;
+  if ($[0] !== accessibilityLabel || $[1] !== className || $[2] !== disabled || $[3] !== onChange || $[4] !== options || $[5] !== readOnly || $[6] !== style || $[7] !== testID || $[8] !== theme || $[9] !== value) {
     const groups = [];
     for (const option of options) {
-        const blocked = disabled || readOnly || !!option.disabled;
-        const group = groups.at(-1);
-        if (group?.disabled === blocked)
-            group.options.push(option);
-        else
-            groups.push({ disabled: blocked, options: [option] });
+      const blocked = disabled || readOnly || !!option.disabled;
+      const group = groups.at(-1);
+      if (group?.disabled === blocked) {
+        group.options.push(option);
+      } else {
+        groups.push({
+          disabled: blocked,
+          options: [option]
+        });
+      }
+    }
+    T1 = View;
+    t5 = className;
+    t6 = style;
+    t7 = testID;
+    if ($[18] !== accessibilityLabel) {
+      t8 = accessibilityLabel ? _jsx(Typography.Text, {
+        className: "pb-1 text-text-primary",
+        variant: "bodySmall",
+        children: accessibilityLabel
+      }) : null;
+      $[18] = accessibilityLabel;
+      $[19] = t8;
+    } else {
+      t8 = $[19];
     }
-    return (_jsxs(View, { className: className, style: style, testID: testID, children: [accessibilityLabel ? (_jsx(Typography.Text, { className: "pb-1 text-text-primary", variant: "bodySmall", children: accessibilityLabel })) : null, _jsx(View, { style: { flexDirection: "row", gap: 4, minHeight: 48 }, children: groups.map((group, groupIndex) => (_jsx(View, { style: { flex: group.options.length }, children: _jsx(NativeSegmentedControl, { accessibilityLabel: accessibilityLabel, appearance: relativeLuminance(theme.bg.card) < 0.179 ? "dark" : "light", enabled: !group.disabled, onChange: ({ nativeEvent }) => {
-                            const option = group.options[nativeEvent.selectedSegmentIndex];
-                            if (option && !group.disabled)
-                                onChange(option.value);
-                        }, selectedIndex: group.options.findIndex((option) => option.value === value), style: { minHeight: 48 }, testID: testID ? `${testID}-segments-${groupIndex}` : undefined, tintColor: theme.primary, values: group.options.map((option) => option.label) }) }, group.options[0].value))) })] }));
+    T0 = View;
+    if ($[20] === Symbol.for("react.memo_cache_sentinel")) {
+      t3 = {
+        flexDirection: "row",
+        gap: 4,
+        minHeight: 48
+      };
+      $[20] = t3;
+    } else {
+      t3 = $[20];
+    }
+    t4 = groups.map((group_0, groupIndex) => _jsx(View, {
+      style: {
+        flex: group_0.options.length
+      },
+      children: _jsx(NativeSegmentedControl, {
+        accessibilityLabel: accessibilityLabel,
+        appearance: relativeLuminance(theme.bg.card) < 0.179 ? "dark" : "light",
+        enabled: !group_0.disabled,
+        onChange: t9 => {
+          const {
+            nativeEvent
+          } = t9;
+          const option_0 = group_0.options[nativeEvent.selectedSegmentIndex];
+          if (option_0 && !group_0.disabled) {
+            onChange(option_0.value);
+          }
+        },
+        selectedIndex: group_0.options.findIndex(option_1 => option_1.value === value),
+        style: {
+          minHeight: 48
+        },
+        testID: testID ? `${testID}-segments-${groupIndex}` : undefined,
+        tintColor: theme.primary,
+        values: group_0.options.map(_temp)
+      })
+    }, group_0.options[0].value));
+    $[0] = accessibilityLabel;
+    $[1] = className;
+    $[2] = disabled;
+    $[3] = onChange;
+    $[4] = options;
+    $[5] = readOnly;
+    $[6] = style;
+    $[7] = testID;
+    $[8] = theme;
+    $[9] = value;
+    $[10] = T0;
+    $[11] = T1;
+    $[12] = t3;
+    $[13] = t4;
+    $[14] = t5;
+    $[15] = t6;
+    $[16] = t7;
+    $[17] = t8;
+  } else {
+    T0 = $[10];
+    T1 = $[11];
+    t3 = $[12];
+    t4 = $[13];
+    t5 = $[14];
+    t6 = $[15];
+    t7 = $[16];
+    t8 = $[17];
+  }
+  let t9;
+  if ($[21] !== T0 || $[22] !== t3 || $[23] !== t4) {
+    t9 = _jsx(T0, {
+      style: t3,
+      children: t4
+    });
+    $[21] = T0;
+    $[22] = t3;
+    $[23] = t4;
+    $[24] = t9;
+  } else {
+    t9 = $[24];
+  }
+  let t10;
+  if ($[25] !== T1 || $[26] !== t5 || $[27] !== t6 || $[28] !== t7 || $[29] !== t8 || $[30] !== t9) {
+    t10 = _jsxs(T1, {
+      className: t5,
+      style: t6,
+      testID: t7,
+      children: [t8, t9]
+    });
+    $[25] = T1;
+    $[26] = t5;
+    $[27] = t6;
+    $[28] = t7;
+    $[29] = t8;
+    $[30] = t9;
+    $[31] = t10;
+  } else {
+    t10 = $[31];
+  }
+  return t10;
+}
+function _temp(option_2) {
+  return option_2.label;
 }
 export default SegmentedControl;
 export { SegmentedControl };

package/dist/Navigation/Navigation.Steps.js

@@ -1,17 +1,111 @@
-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 { 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 Steps({ steps, current, className, testID }) {
-    return (_jsx(View, { accessibilityLabel: `Paso ${current + 1} de ${steps.length}`, className: cn("flex-row items-start", className), testID: testID, children: steps.map((label, index) => {
-            const done = index < current;
-            const active = index === current;
-            const circleColor = done || active ? theme.primary : theme.bg.muted;
-            const textColor = done || active ? theme.text.inverse : theme.text.tertiary;
-            const isLast = index === steps.length - 1;
-            return (_jsxs(View, { className: "flex-1 items-center", children: [_jsxs(View, { className: "flex-row items-center w-full", children: [_jsx(View, { className: "flex-1 h-0.5", style: { backgroundColor: "transparent" } }), _jsx(View, { className: "w-7 h-7 rounded-full items-center justify-center", style: { backgroundColor: circleColor }, children: done ? (_jsx(Icon, { color: theme.text.inverse, name: "check", size: 16 })) : (_jsx(Typography.Text, { style: { color: textColor }, variant: "bodySmall", children: index + 1 })) }), _jsx(View, { className: "flex-1 h-0.5", style: { backgroundColor: isLast ? "transparent" : theme.border.default } })] }), _jsx(Typography.Text, { className: "mt-1 text-center", numberOfLines: 1, style: { color: active ? theme.text.accent : theme.text.tertiary }, variant: "caption", children: label })] }, label));
-        }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+function Steps(t0) {
+  const $ = _c(15);
+  const {
+    steps,
+    current,
+    className,
+    testID
+  } = t0;
+  const theme = useTheme();
+  const t1 = `Paso ${current + 1} de ${steps.length}`;
+  let t2;
+  if ($[0] !== className) {
+    t2 = cn("flex-row items-start", className);
+    $[0] = className;
+    $[1] = t2;
+  } else {
+    t2 = $[1];
+  }
+  let t3;
+  if ($[2] !== current || $[3] !== steps || $[4] !== theme) {
+    let t4;
+    if ($[6] !== current || $[7] !== steps.length || $[8] !== theme) {
+      t4 = (label, index) => {
+        const done = index < current;
+        const active = index === current;
+        const circleColor = done || active ? theme.primary : theme.bg.muted;
+        const textColor = done || active ? theme.text.inverse : theme.text.tertiary;
+        const isLast = index === steps.length - 1;
+        return _jsxs(View, {
+          className: "flex-1 items-center",
+          children: [_jsxs(View, {
+            className: "flex-row items-center w-full",
+            children: [_jsx(View, {
+              className: "flex-1 h-0.5",
+              style: {
+                backgroundColor: "transparent"
+              }
+            }), _jsx(View, {
+              className: "w-7 h-7 rounded-full items-center justify-center",
+              style: {
+                backgroundColor: circleColor
+              },
+              children: done ? _jsx(Icon, {
+                color: theme.text.inverse,
+                name: "check",
+                size: 16
+              }) : _jsx(Typography.Text, {
+                style: {
+                  color: textColor
+                },
+                variant: "bodySmall",
+                children: index + 1
+              })
+            }), _jsx(View, {
+              className: "flex-1 h-0.5",
+              style: {
+                backgroundColor: isLast ? "transparent" : theme.border.default
+              }
+            })]
+          }), _jsx(Typography.Text, {
+            className: "mt-1 text-center",
+            numberOfLines: 1,
+            style: {
+              color: active ? theme.text.accent : theme.text.tertiary
+            },
+            variant: "caption",
+            children: label
+          })]
+        }, label);
+      };
+      $[6] = current;
+      $[7] = steps.length;
+      $[8] = theme;
+      $[9] = t4;
+    } else {
+      t4 = $[9];
+    }
+    t3 = steps.map(t4);
+    $[2] = current;
+    $[3] = steps;
+    $[4] = theme;
+    $[5] = t3;
+  } else {
+    t3 = $[5];
+  }
+  let t4;
+  if ($[10] !== t1 || $[11] !== t2 || $[12] !== t3 || $[13] !== testID) {
+    t4 = _jsx(View, {
+      accessibilityLabel: t1,
+      className: t2,
+      testID: testID,
+      children: t3
+    });
+    $[10] = t1;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = testID;
+    $[14] = t4;
+  } else {
+    t4 = $[14];
+  }
+  return t4;
 }
 export default Steps;