@sincpro/mobile-ui 3.0.0 → 3.1.0

package/dist/Display/Display.MenuGrid.js

@@ -1,7 +1,47 @@
-import { jsx as _jsx } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import MenuCard from "./Display.MenuCard.js";
 import { View } from "react-native";
-export function MenuGrid({ items, size = "md" }) {
-    return (_jsx(View, { className: "flex-row flex-wrap justify-start p-2 bg-bg-page", children: items.map((item) => (_jsx(MenuCard, { icon: item.icon, onPress: item.onPress, size: size, title: item.title }, item.id))) }));
+import { jsx as _jsx } from "nativewind/jsx-runtime";
+export function MenuGrid(t0) {
+  const $ = _c(7);
+  const {
+    items,
+    size: t1
+  } = t0;
+  const size = t1 === undefined ? "md" : t1;
+  let t2;
+  if ($[0] !== items || $[1] !== size) {
+    let t3;
+    if ($[3] !== size) {
+      t3 = item => _jsx(MenuCard, {
+        icon: item.icon,
+        onPress: item.onPress,
+        size: size,
+        title: item.title
+      }, item.id);
+      $[3] = size;
+      $[4] = t3;
+    } else {
+      t3 = $[4];
+    }
+    t2 = items.map(t3);
+    $[0] = items;
+    $[1] = size;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[5] !== t2) {
+    t3 = _jsx(View, {
+      className: "flex-row flex-wrap justify-start p-2 bg-bg-page",
+      children: t2
+    });
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
 }
 export default MenuGrid;

package/dist/Display/Display.Monetary.js

@@ -1,9 +1,94 @@
-import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { Typography } from "../Typography/index.js";
 import { formatTwoDecimals } from "../utils/monetary.js";
-function MonetaryField({ value, currencySymbol = "₡", prefix = "", textVariant = "data", style = {}, symbolStyle, semibold = true, bold = false, className, }) {
-    const isEmptyValue = value === null || value === undefined || value === "";
-    const formatted = isEmptyValue ? "0.00" : formatTwoDecimals(value);
-    return (_jsxs(Typography.Text, { bold: bold, className: className, semibold: semibold && !bold, style: style, variant: textVariant, children: [_jsx(Typography.Text, { className: className, style: [style, symbolStyle], variant: textVariant, children: currencySymbol }), " ", prefix && `${prefix} `, formatted] }));
+import { jsx as _jsx, jsxs as _jsxs } from "nativewind/jsx-runtime";
+function MonetaryField(t0) {
+  const $ = _c(22);
+  const {
+    value,
+    currencySymbol: t1,
+    prefix: t2,
+    textVariant: t3,
+    style: t4,
+    symbolStyle,
+    semibold: t5,
+    bold: t6,
+    className
+  } = t0;
+  const currencySymbol = t1 === undefined ? "\u20A1" : t1;
+  const prefix = t2 === undefined ? "" : t2;
+  const textVariant = t3 === undefined ? "data" : t3;
+  let t7;
+  if ($[0] !== t4) {
+    t7 = t4 === undefined ? {} : t4;
+    $[0] = t4;
+    $[1] = t7;
+  } else {
+    t7 = $[1];
+  }
+  const style = t7;
+  const semibold = t5 === undefined ? true : t5;
+  const bold = t6 === undefined ? false : t6;
+  const isEmptyValue = value === null || value === undefined || value === "";
+  let t8;
+  if ($[2] !== isEmptyValue || $[3] !== value) {
+    t8 = isEmptyValue ? "0.00" : formatTwoDecimals(value);
+    $[2] = isEmptyValue;
+    $[3] = value;
+    $[4] = t8;
+  } else {
+    t8 = $[4];
+  }
+  const formatted = t8;
+  const t9 = semibold && !bold;
+  let t10;
+  if ($[5] !== style || $[6] !== symbolStyle) {
+    t10 = [style, symbolStyle];
+    $[5] = style;
+    $[6] = symbolStyle;
+    $[7] = t10;
+  } else {
+    t10 = $[7];
+  }
+  let t11;
+  if ($[8] !== className || $[9] !== currencySymbol || $[10] !== t10 || $[11] !== textVariant) {
+    t11 = _jsx(Typography.Text, {
+      className: className,
+      style: t10,
+      variant: textVariant,
+      children: currencySymbol
+    });
+    $[8] = className;
+    $[9] = currencySymbol;
+    $[10] = t10;
+    $[11] = textVariant;
+    $[12] = t11;
+  } else {
+    t11 = $[12];
+  }
+  const t12 = prefix && `${prefix} `;
+  let t13;
+  if ($[13] !== bold || $[14] !== className || $[15] !== formatted || $[16] !== style || $[17] !== t11 || $[18] !== t12 || $[19] !== t9 || $[20] !== textVariant) {
+    t13 = _jsxs(Typography.Text, {
+      bold: bold,
+      className: className,
+      semibold: t9,
+      style: style,
+      variant: textVariant,
+      children: [t11, " ", t12, formatted]
+    });
+    $[13] = bold;
+    $[14] = className;
+    $[15] = formatted;
+    $[16] = style;
+    $[17] = t11;
+    $[18] = t12;
+    $[19] = t9;
+    $[20] = textVariant;
+    $[21] = t13;
+  } else {
+    t13 = $[21];
+  }
+  return t13;
 }
 export default MonetaryField;

package/dist/Display/Display.Pattern.js

@@ -1,17 +1,16 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { getBrandingMesh, getBrandingMeshSize } from "../branding.js";
-import { theme } from "../theme/index.js";
+import { useTheme } from "../theme/index.js";
 import { cn } from "../theme/tw.js";
-import { Image as RNImage, StyleSheet, View, } from "react-native";
-import Svg, { Circle, Defs, FeColorMatrix, Filter, Image as SvgImage, Line, Pattern as SvgPattern, Rect, } from "react-native-svg";
+import { Image as RNImage, StyleSheet, View } from "react-native";
+import Svg, { Circle, Defs, FeColorMatrix, Filter, Image as SvgImage, Line, Pattern as SvgPattern, Rect } from "react-native-svg";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "nativewind/jsx-runtime";
 const BUNDLED_MESH = require("../../assets/brand-mesh.png");
 function resolveMesh(propOverride) {
-    if (propOverride)
-        return propOverride;
-    const branded = getBrandingMesh();
-    if (branded)
-        return branded;
-    return BUNDLED_MESH;
+  if (propOverride) return propOverride;
+  const branded = getBrandingMesh();
+  if (branded) return branded;
+  return BUNDLED_MESH;
 }
 /**
  * Resolved mesh params per mode. The bundled asset (`assets/brand-mesh.png`) is a
@@ -20,9 +19,21 @@ function resolveMesh(propOverride) {
  * the `<Display.Pattern />` consumer or override `theme.pattern.source`.
  */
 const MESH_PRESETS = {
-    "light-pattern": { opacity: 0.2, invert: false, size: 56 },
-    "dark-pattern": { opacity: 0.25, invert: true, size: 56 },
-    "dark-full": { opacity: 0.55, invert: true, size: 56 },
+  "light-pattern": {
+    opacity: 0.2,
+    invert: false,
+    size: 56
+  },
+  "dark-pattern": {
+    opacity: 0.25,
+    invert: true,
+    size: 56
+  },
+  "dark-full": {
+    opacity: 0.55,
+    invert: true,
+    size: 56
+  }
 };
 /**
  * Decorative SVG texture used as a background layer. Geometric kinds (dots / grid /
@@ -32,42 +43,290 @@ const MESH_PRESETS = {
  * (or via `theme.pattern.mode`); see `MESH_PRESETS` for the resolved opacity/invert.
  * Pure SVG — iOS + Android, no native dep beyond `react-native-svg`.
  */
-function Pattern({ kind = "dots", color = "#FFFFFF", mode, opacity, size, invert, meshSrc, absoluteFill = true, className, style, testID, }) {
-    const isMesh = kind === "mesh";
-    const fromTheme = isMesh ? theme.pattern : undefined;
-    const brandedSize = isMesh ? getBrandingMeshSize() : undefined;
-    const resolvedMode = mode ?? fromTheme?.mode ?? "light-pattern";
-    const preset = MESH_PRESETS[resolvedMode];
-    const resolvedSize = size ?? brandedSize ?? (isMesh ? (fromTheme?.size ?? preset.size) : 22);
-    const resolvedOpacity = opacity ?? (isMesh ? preset.opacity : 0.12);
-    const resolvedInvert = invert ?? (isMesh ? preset.invert : false);
+function Pattern(t0) {
+  const $ = _c(55);
+  const {
+    kind: t1,
+    color: t2,
+    mode,
+    opacity,
+    size,
+    invert,
+    meshSrc,
+    absoluteFill: t3,
+    className,
+    style,
+    testID
+  } = t0;
+  const kind = t1 === undefined ? "dots" : t1;
+  const color = t2 === undefined ? "#FFFFFF" : t2;
+  const absoluteFill = t3 === undefined ? true : t3;
+  const theme = useTheme();
+  const isMesh = kind === "mesh";
+  const fromTheme = isMesh ? theme.pattern : undefined;
+  let t4;
+  if ($[0] !== isMesh) {
+    t4 = isMesh ? getBrandingMeshSize() : undefined;
+    $[0] = isMesh;
+    $[1] = t4;
+  } else {
+    t4 = $[1];
+  }
+  const brandedSize = t4;
+  const resolvedMode = mode ?? fromTheme?.mode ?? "light-pattern";
+  const preset = MESH_PRESETS[resolvedMode];
+  const resolvedSize = size ?? brandedSize ?? (isMesh ? fromTheme?.size ?? preset.size : 22);
+  const resolvedOpacity = opacity ?? (isMesh ? preset.opacity : 0.12);
+  const resolvedInvert = invert ?? (isMesh ? preset.invert : false);
+  let filterId;
+  let id;
+  let t5;
+  if ($[2] !== color || $[3] !== fromTheme?.source || $[4] !== isMesh || $[5] !== kind || $[6] !== meshSrc || $[7] !== resolvedInvert || $[8] !== resolvedSize) {
     const resolvedMeshSrc = isMesh ? resolveMesh(meshSrc ?? fromTheme?.source) : undefined;
-    const id = `pat-${kind}-${resolvedSize}-${resolvedInvert ? "inv" : "norm"}`;
-    const filterId = `${id}-filter`;
-    const tile = (() => {
-        switch (kind) {
-            case "grid":
-                return (_jsxs(_Fragment, { children: [_jsx(Line, { stroke: color, strokeWidth: 1, x1: 0, x2: resolvedSize, y1: 0, y2: 0 }), _jsx(Line, { stroke: color, strokeWidth: 1, x1: 0, x2: 0, y1: 0, y2: resolvedSize })] }));
-            case "diagonals":
-                return (_jsx(Line, { stroke: color, strokeWidth: 1.5, x1: 0, x2: resolvedSize, y1: resolvedSize, y2: 0 }));
-            case "mesh": {
-                if (!resolvedMeshSrc)
-                    return null;
-                const mesh = RNImage.resolveAssetSource(resolvedMeshSrc);
-                if (!mesh)
-                    return null;
-                return (_jsx(SvgImage, { height: resolvedSize, href: mesh.uri, preserveAspectRatio: "xMidYMid meet", width: resolvedSize, x: 0, y: 0 }));
-            }
-            case "dots":
-            default:
-                return _jsx(Circle, { cx: resolvedSize / 2, cy: resolvedSize / 2, fill: color, r: 1.4 });
+    id = `pat-${kind}-${resolvedSize}-${resolvedInvert ? "inv" : "norm"}`;
+    filterId = `${id}-filter`;
+    bb0: switch (kind) {
+      case "grid":
+        {
+          let t6;
+          if ($[12] !== color || $[13] !== resolvedSize) {
+            t6 = _jsxs(_Fragment, {
+              children: [_jsx(Line, {
+                stroke: color,
+                strokeWidth: 1,
+                x1: 0,
+                x2: resolvedSize,
+                y1: 0,
+                y2: 0
+              }), _jsx(Line, {
+                stroke: color,
+                strokeWidth: 1,
+                x1: 0,
+                x2: 0,
+                y1: 0,
+                y2: resolvedSize
+              })]
+            });
+            $[12] = color;
+            $[13] = resolvedSize;
+            $[14] = t6;
+          } else {
+            t6 = $[14];
+          }
+          t5 = t6;
+          break bb0;
+        }
+      case "diagonals":
+        {
+          let t6;
+          if ($[15] !== color || $[16] !== resolvedSize) {
+            t6 = _jsx(Line, {
+              stroke: color,
+              strokeWidth: 1.5,
+              x1: 0,
+              x2: resolvedSize,
+              y1: resolvedSize,
+              y2: 0
+            });
+            $[15] = color;
+            $[16] = resolvedSize;
+            $[17] = t6;
+          } else {
+            t6 = $[17];
+          }
+          t5 = t6;
+          break bb0;
+        }
+      case "mesh":
+        {
+          if (!resolvedMeshSrc) {
+            t5 = null;
+            break bb0;
+          }
+          const mesh = RNImage.resolveAssetSource(resolvedMeshSrc);
+          if (!mesh) {
+            t5 = null;
+            break bb0;
+          }
+          let t6;
+          if ($[18] !== mesh.uri || $[19] !== resolvedSize) {
+            t6 = _jsx(SvgImage, {
+              height: resolvedSize,
+              href: mesh.uri,
+              preserveAspectRatio: "xMidYMid meet",
+              width: resolvedSize,
+              x: 0,
+              y: 0
+            });
+            $[18] = mesh.uri;
+            $[19] = resolvedSize;
+            $[20] = t6;
+          } else {
+            t6 = $[20];
+          }
+          t5 = t6;
+          break bb0;
+        }
+      case "dots":
+      default:
+        {
+          const t6 = resolvedSize / 2;
+          const t7 = resolvedSize / 2;
+          let t8;
+          if ($[21] !== color || $[22] !== t6 || $[23] !== t7) {
+            t8 = _jsx(Circle, {
+              cx: t6,
+              cy: t7,
+              fill: color,
+              r: 1.4
+            });
+            $[21] = color;
+            $[22] = t6;
+            $[23] = t7;
+            $[24] = t8;
+          } else {
+            t8 = $[24];
+          }
+          t5 = t8;
         }
-    })();
-    return (_jsx(View, { className: cn(className), pointerEvents: "none", style: [
-            absoluteFill ? StyleSheet.absoluteFill : undefined,
-            { opacity: resolvedOpacity },
-            style,
-        ], testID: testID, children: _jsxs(Svg, { height: "100%", width: "100%", children: [_jsxs(Defs, { children: [resolvedInvert && isMesh && (_jsx(Filter, { id: filterId, children: _jsx(FeColorMatrix, { type: "matrix", values: "-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0" }) })), _jsx(SvgPattern, { height: resolvedSize, id: id, patternUnits: "userSpaceOnUse", width: resolvedSize, x: 0, y: 0, children: tile })] }), _jsx(Rect, { fill: `url(#${id})`, filter: resolvedInvert && isMesh ? `url(#${filterId})` : undefined, height: "100%", width: "100%" })] }) }));
+    }
+    $[2] = color;
+    $[3] = fromTheme?.source;
+    $[4] = isMesh;
+    $[5] = kind;
+    $[6] = meshSrc;
+    $[7] = resolvedInvert;
+    $[8] = resolvedSize;
+    $[9] = filterId;
+    $[10] = id;
+    $[11] = t5;
+  } else {
+    filterId = $[9];
+    id = $[10];
+    t5 = $[11];
+  }
+  const tile = t5;
+  let t6;
+  if ($[25] !== className) {
+    t6 = cn(className);
+    $[25] = className;
+    $[26] = t6;
+  } else {
+    t6 = $[26];
+  }
+  const t7 = absoluteFill ? StyleSheet.absoluteFill : undefined;
+  let t8;
+  if ($[27] !== resolvedOpacity) {
+    t8 = {
+      opacity: resolvedOpacity
+    };
+    $[27] = resolvedOpacity;
+    $[28] = t8;
+  } else {
+    t8 = $[28];
+  }
+  let t9;
+  if ($[29] !== style || $[30] !== t7 || $[31] !== t8) {
+    t9 = [t7, t8, style];
+    $[29] = style;
+    $[30] = t7;
+    $[31] = t8;
+    $[32] = t9;
+  } else {
+    t9 = $[32];
+  }
+  let t10;
+  if ($[33] !== filterId || $[34] !== isMesh || $[35] !== resolvedInvert) {
+    t10 = resolvedInvert && isMesh && _jsx(Filter, {
+      id: filterId,
+      children: _jsx(FeColorMatrix, {
+        type: "matrix",
+        values: "-1 0 0 0 1  0 -1 0 0 1  0 0 -1 0 1  0 0 0 1 0"
+      })
+    });
+    $[33] = filterId;
+    $[34] = isMesh;
+    $[35] = resolvedInvert;
+    $[36] = t10;
+  } else {
+    t10 = $[36];
+  }
+  let t11;
+  if ($[37] !== id || $[38] !== resolvedSize || $[39] !== tile) {
+    t11 = _jsx(SvgPattern, {
+      height: resolvedSize,
+      id: id,
+      patternUnits: "userSpaceOnUse",
+      width: resolvedSize,
+      x: 0,
+      y: 0,
+      children: tile
+    });
+    $[37] = id;
+    $[38] = resolvedSize;
+    $[39] = tile;
+    $[40] = t11;
+  } else {
+    t11 = $[40];
+  }
+  let t12;
+  if ($[41] !== t10 || $[42] !== t11) {
+    t12 = _jsxs(Defs, {
+      children: [t10, t11]
+    });
+    $[41] = t10;
+    $[42] = t11;
+    $[43] = t12;
+  } else {
+    t12 = $[43];
+  }
+  const t13 = `url(#${id})`;
+  const t14 = resolvedInvert && isMesh ? `url(#${filterId})` : undefined;
+  let t15;
+  if ($[44] !== t13 || $[45] !== t14) {
+    t15 = _jsx(Rect, {
+      fill: t13,
+      filter: t14,
+      height: "100%",
+      width: "100%"
+    });
+    $[44] = t13;
+    $[45] = t14;
+    $[46] = t15;
+  } else {
+    t15 = $[46];
+  }
+  let t16;
+  if ($[47] !== t12 || $[48] !== t15) {
+    t16 = _jsxs(Svg, {
+      height: "100%",
+      width: "100%",
+      children: [t12, t15]
+    });
+    $[47] = t12;
+    $[48] = t15;
+    $[49] = t16;
+  } else {
+    t16 = $[49];
+  }
+  let t17;
+  if ($[50] !== t16 || $[51] !== t6 || $[52] !== t9 || $[53] !== testID) {
+    t17 = _jsx(View, {
+      className: t6,
+      pointerEvents: "none",
+      style: t9,
+      testID: testID,
+      children: t16
+    });
+    $[50] = t16;
+    $[51] = t6;
+    $[52] = t9;
+    $[53] = testID;
+    $[54] = t17;
+  } else {
+    t17 = $[54];
+  }
+  return t17;
 }
 export default Pattern;
 export { MESH_PRESETS, Pattern };

package/dist/Display/Display.PriceTag.js

@@ -1,23 +1,126 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "nativewind/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { cn } from "../theme/tw.js";
 import { Typography } from "../Typography/index.js";
+import { formatTwoDecimals } from "../utils/monetary.js";
 import { View } from "react-native";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "nativewind/jsx-runtime";
 const sizeMap = {
-    sm: { price: "data", original: "captionSmall" },
-    md: { price: "data", original: "caption" },
-    lg: { price: "dataLarge", original: "data" },
+  sm: {
+    price: "data",
+    original: "captionSmall"
+  },
+  md: {
+    price: "data",
+    original: "caption"
+  },
+  lg: {
+    price: "dataLarge",
+    original: "data"
+  }
 };
 function format(amount, currency) {
-    const formatted = amount.toLocaleString("es-BO", {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: 2,
-    });
-    return `${currency} ${formatted}`;
+  return `${currency} ${formatTwoDecimals(amount)}`;
 }
-function PriceTag({ amount, originalAmount, currency = "Bs", size = "md", className, testID, }) {
-    const variants = sizeMap[size];
-    const hasDiscount = typeof originalAmount === "number" && originalAmount > amount;
-    const off = hasDiscount ? Math.round((1 - amount / originalAmount) * 100) : 0;
-    return (_jsxs(View, { className: cn("flex-row items-baseline gap-2", className), testID: testID, children: [_jsx(Typography.Text, { className: "text-text-primary", semibold: true, variant: variants.price, children: format(amount, currency) }), hasDiscount ? (_jsxs(_Fragment, { children: [_jsx(Typography.Text, { className: "text-text-tertiary", style: { textDecorationLine: "line-through" }, variant: variants.original, children: format(originalAmount, currency) }), _jsx(View, { className: "bg-container-danger rounded px-1.5 py-0.5", children: _jsxs(Typography.Text, { className: "text-danger font-semibold", variant: "caption", children: ["-", off, "%"] }) })] })) : null] }));
+function PriceTag(t0) {
+  const $ = _c(23);
+  const {
+    amount,
+    originalAmount,
+    currency: t1,
+    size: t2,
+    className,
+    testID
+  } = t0;
+  const currency = t1 === undefined ? "Bs" : t1;
+  const size = t2 === undefined ? "md" : t2;
+  const variants = sizeMap[size];
+  const hasDiscount = typeof originalAmount === "number" && originalAmount > amount;
+  let t3;
+  if ($[0] !== amount || $[1] !== hasDiscount || $[2] !== originalAmount) {
+    t3 = hasDiscount ? Math.round((1 - amount / originalAmount) * 100) : 0;
+    $[0] = amount;
+    $[1] = hasDiscount;
+    $[2] = originalAmount;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  const off = t3;
+  let t4;
+  if ($[4] !== className) {
+    t4 = cn("flex-row items-baseline gap-2", className);
+    $[4] = className;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
+  const t5 = variants.price;
+  let t6;
+  if ($[6] !== amount || $[7] !== currency) {
+    t6 = format(amount, currency);
+    $[6] = amount;
+    $[7] = currency;
+    $[8] = t6;
+  } else {
+    t6 = $[8];
+  }
+  let t7;
+  if ($[9] !== t6 || $[10] !== variants.price) {
+    t7 = _jsx(Typography.Text, {
+      className: "text-text-primary",
+      semibold: true,
+      variant: t5,
+      children: t6
+    });
+    $[9] = t6;
+    $[10] = variants.price;
+    $[11] = t7;
+  } else {
+    t7 = $[11];
+  }
+  let t8;
+  if ($[12] !== currency || $[13] !== hasDiscount || $[14] !== off || $[15] !== originalAmount || $[16] !== variants.original) {
+    t8 = hasDiscount ? _jsxs(_Fragment, {
+      children: [_jsx(Typography.Text, {
+        className: "text-text-tertiary",
+        style: {
+          textDecorationLine: "line-through"
+        },
+        variant: variants.original,
+        children: format(originalAmount, currency)
+      }), _jsx(View, {
+        className: "bg-container-danger rounded px-1.5 py-0.5",
+        children: _jsxs(Typography.Text, {
+          className: "text-danger",
+          variant: "caption",
+          children: ["-", off, "%"]
+        })
+      })]
+    }) : null;
+    $[12] = currency;
+    $[13] = hasDiscount;
+    $[14] = off;
+    $[15] = originalAmount;
+    $[16] = variants.original;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  let t9;
+  if ($[18] !== t4 || $[19] !== t7 || $[20] !== t8 || $[21] !== testID) {
+    t9 = _jsxs(View, {
+      className: t4,
+      testID: testID,
+      children: [t7, t8]
+    });
+    $[18] = t4;
+    $[19] = t7;
+    $[20] = t8;
+    $[21] = testID;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  return t9;
 }
 export default PriceTag;