@sincpro/mobile-ui 0.1.2

package/lib/module/Form/Form.InputField.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import React, { useState } from "react";
+import { View } from "react-native";
+import { tv } from "../theme/tw.js";
+import { Typography } from "../Typography/index.js";
+import TextInputF from "./Form.TextInput.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const inputFieldBorder = tv({
+  base: "rounded p-2",
+  variants: {
+    state: {
+      error: "border-2 border-danger",
+      focused: "border-2 border-ring",
+      default: "border border-input"
+    }
+  },
+  defaultVariants: {
+    state: "default"
+  }
+});
+const InputField = ({
+  label,
+  inputProps,
+  error
+}) => {
+  const [isFocused, setIsFocused] = useState(false);
+  const hasError = Boolean(error);
+  const handleFocus = e => {
+    setIsFocused(true);
+    inputProps?.onFocus?.(e);
+  };
+  const handleBlur = e => {
+    setIsFocused(false);
+    inputProps?.onBlur?.(e);
+  };
+  const getState = () => {
+    if (hasError) return "error";
+    if (isFocused) return "focused";
+    return "default";
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    className: "mb-4",
+    children: [/*#__PURE__*/_jsx(Typography.Text, {
+      className: "mb-1",
+      variant: "bodyLarge",
+      children: label
+    }), /*#__PURE__*/_jsx(TextInputF, {
+      className: inputFieldBorder({
+        state: getState()
+      }),
+      ...inputProps,
+      onBlur: handleBlur,
+      onFocus: handleFocus
+    }), error && /*#__PURE__*/_jsx(Typography.Text, {
+      className: "mt-1 text-danger",
+      variant: "bodySmall",
+      children: error
+    })]
+  });
+};
+export default InputField;
+//# sourceMappingURL=Form.InputField.js.map

package/lib/module/Form/Form.InputField.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","View","tv","Typography","TextInputF","jsx","_jsx","jsxs","_jsxs","inputFieldBorder","base","variants","state","error","focused","default","defaultVariants","InputField","label","inputProps","isFocused","setIsFocused","hasError","Boolean","handleFocus","e","onFocus","handleBlur","onBlur","getState","className","children","Text","variant"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["Form/Form.InputField.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAQC,QAAQ,QAAQ,OAAO;AAC3C,SAAyBC,IAAI,QAAQ,cAAc;AAEnD,SAASC,EAAE,QAAQ,gBAAa;AAChC,SAASC,UAAU,QAAQ,wBAAe;AAC1C,OAAOC,UAAU,MAAM,qBAAkB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE1C,MAAMC,gBAAgB,GAAGP,EAAE,CAAC;EAC1BQ,IAAI,EAAE,aAAa;EACnBC,QAAQ,EAAE;IACRC,KAAK,EAAE;MACLC,KAAK,EAAE,wBAAwB;MAC/BC,OAAO,EAAE,sBAAsB;MAC/BC,OAAO,EAAE;IACX;EACF,CAAC;EACDC,eAAe,EAAE;IAAEJ,KAAK,EAAE;EAAU;AACtC,CAAC,CAAC;AAQF,MAAMK,UAA+B,GAAGA,CAAC;EAAEC,KAAK;EAAEC,UAAU;EAAEN;AAAM,CAAC,KAAK;EACxE,MAAM,CAACO,SAAS,EAAEC,YAAY,CAAC,GAAGrB,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAMsB,QAAQ,GAAGC,OAAO,CAACV,KAAK,CAAC;EAE/B,MAAMW,WAAW,GAAIC,CAAM,IAAK;IAC9BJ,YAAY,CAAC,IAAI,CAAC;IAClBF,UAAU,EAAEO,OAAO,GAAGD,CAAC,CAAC;EAC1B,CAAC;EAED,MAAME,UAAU,GAAIF,CAAM,IAAK;IAC7BJ,YAAY,CAAC,KAAK,CAAC;IACnBF,UAAU,EAAES,MAAM,GAAGH,CAAC,CAAC;EACzB,CAAC;EAED,MAAMI,QAAQ,GAAGA,CAAA,KAAM;IACrB,IAAIP,QAAQ,EAAE,OAAO,OAAO;IAC5B,IAAIF,SAAS,EAAE,OAAO,SAAS;IAC/B,OAAO,SAAS;EAClB,CAAC;EAED,oBACEZ,KAAA,CAACP,IAAI;IAAC6B,SAAS,EAAC,MAAM;IAAAC,QAAA,gBACpBzB,IAAA,CAACH,UAAU,CAAC6B,IAAI;MAACF,SAAS,EAAC,MAAM;MAACG,OAAO,EAAC,WAAW;MAAAF,QAAA,EAClDb;IAAK,CACS,CAAC,eAClBZ,IAAA,CAACF,UAAU;MACT0B,SAAS,EAAErB,gBAAgB,CAAC;QAAEG,KAAK,EAAEiB,QAAQ,CAAC;MAAE,CAAC,CAAE;MAAA,GAC/CV,UAAU;MACdS,MAAM,EAAED,UAAW;MACnBD,OAAO,EAAEF;IAAY,CACtB,CAAC,EACDX,KAAK,iBACJP,IAAA,CAACH,UAAU,CAAC6B,IAAI;MAACF,SAAS,EAAC,kBAAkB;MAACG,OAAO,EAAC,WAAW;MAAAF,QAAA,EAC9DlB;IAAK,CACS,CAClB;EAAA,CACG,CAAC;AAEX,CAAC;AAED,eAAeI,UAAU","ignoreList":[]}

package/lib/module/Form/Form.MonetaryInput.js

@@ -0,0 +1,65 @@
+"use strict";
+
+import { useState } from "react";
+import { View } from "react-native";
+import CurrencyInput from "react-native-currency-input";
+import { parseToMonetaryNumber } from "../lib/monetary.js";
+import { tv } from "../theme/tw.js";
+import { Typography } from "../Typography/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const monetaryBox = tv({
+  base: "justify-center items-center bg-bg-card rounded-lg",
+  variants: {
+    focused: {
+      true: "border-2 border-border-focus",
+      false: "border border-border-default"
+    }
+  },
+  defaultVariants: {
+    focused: false
+  }
+});
+function MonetaryInput({
+  amount,
+  onChange,
+  currencySymbol = "₡",
+  placeholder = "Escriba el monto"
+}) {
+  const [raw, setRaw] = useState(parseToMonetaryNumber(amount));
+  const [isFocused, setIsFocused] = useState(false);
+  const handleChange = amount => {
+    setRaw(amount);
+    onChange?.(parseToMonetaryNumber(amount));
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    className: "flex-row",
+    children: [/*#__PURE__*/_jsx(View, {
+      className: monetaryBox({
+        focused: isFocused,
+        className: "w-10 h-10"
+      }),
+      children: /*#__PURE__*/_jsx(Typography.Text, {
+        className: "text-xl",
+        variant: "body",
+        children: currencySymbol
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      className: monetaryBox({
+        focused: isFocused,
+        className: "flex-1 h-10 ml-2 px-4"
+      }),
+      children: /*#__PURE__*/_jsx(CurrencyInput, {
+        delimiter: ".",
+        keyboardType: "numeric",
+        onBlur: () => setIsFocused(false),
+        onChangeValue: handleChange,
+        onFocus: () => setIsFocused(true),
+        placeholder: placeholder,
+        separator: ",",
+        value: raw
+      })
+    })]
+  });
+}
+export default MonetaryInput;
+//# sourceMappingURL=Form.MonetaryInput.js.map

package/lib/module/Form/Form.MonetaryInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","View","CurrencyInput","parseToMonetaryNumber","tv","Typography","jsx","_jsx","jsxs","_jsxs","monetaryBox","base","variants","focused","true","false","defaultVariants","MonetaryInput","amount","onChange","currencySymbol","placeholder","raw","setRaw","isFocused","setIsFocused","handleChange","className","children","Text","variant","delimiter","keyboardType","onBlur","onChangeValue","onFocus","separator","value"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["Form/Form.MonetaryInput.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,IAAI,QAAQ,cAAc;AACnC,OAAOC,aAAa,MAAM,6BAA6B;AAEvD,SAASC,qBAAqB,QAAQ,oBAAiB;AACvD,SAASC,EAAE,QAAQ,gBAAa;AAChC,SAASC,UAAU,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAMC,WAAW,GAAGN,EAAE,CAAC;EACrBO,IAAI,EAAE,mDAAmD;EACzDC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAE,8BAA8B;MACpCC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,OAAO,EAAE;EAAM;AACpC,CAAC,CAAC;AASF,SAASI,aAAaA,CAAC;EACrBC,MAAM;EACNC,QAAQ;EACRC,cAAc,GAAG,GAAG;EACpBC,WAAW,GAAG;AACI,CAAC,EAAE;EACrB,MAAM,CAACC,GAAG,EAAEC,MAAM,CAAC,GAAGvB,QAAQ,CAASG,qBAAqB,CAACe,MAAM,CAAC,CAAC;EACrE,MAAM,CAACM,SAAS,EAAEC,YAAY,CAAC,GAAGzB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAM0B,YAAY,GAAIR,MAAc,IAAK;IACvCK,MAAM,CAACL,MAAM,CAAC;IACdC,QAAQ,GAAGhB,qBAAqB,CAACe,MAAM,CAAC,CAAC;EAC3C,CAAC;EAED,oBACET,KAAA,CAACR,IAAI;IAAC0B,SAAS,EAAC,UAAU;IAAAC,QAAA,gBACxBrB,IAAA,CAACN,IAAI;MAAC0B,SAAS,EAAEjB,WAAW,CAAC;QAAEG,OAAO,EAAEW,SAAS;QAAEG,SAAS,EAAE;MAAY,CAAC,CAAE;MAAAC,QAAA,eAC3ErB,IAAA,CAACF,UAAU,CAACwB,IAAI;QAACF,SAAS,EAAC,SAAS;QAACG,OAAO,EAAC,MAAM;QAAAF,QAAA,EAChDR;MAAc,CACA;IAAC,CACd,CAAC,eACPb,IAAA,CAACN,IAAI;MACH0B,SAAS,EAAEjB,WAAW,CAAC;QAAEG,OAAO,EAAEW,SAAS;QAAEG,SAAS,EAAE;MAAwB,CAAC,CAAE;MAAAC,QAAA,eAEnFrB,IAAA,CAACL,aAAa;QACZ6B,SAAS,EAAC,GAAG;QACbC,YAAY,EAAC,SAAS;QACtBC,MAAM,EAAEA,CAAA,KAAMR,YAAY,CAAC,KAAK,CAAE;QAClCS,aAAa,EAAER,YAAa;QAC5BS,OAAO,EAAEA,CAAA,KAAMV,YAAY,CAAC,IAAI,CAAE;QAClCJ,WAAW,EAAEA,WAAY;QACzBe,SAAS,EAAC,GAAG;QACbC,KAAK,EAAEf;MAAI,CACZ;IAAC,CACE,CAAC;EAAA,CACH,CAAC;AAEX;AAEA,eAAeL,aAAa","ignoreList":[]}

package/lib/module/Form/Form.PasswordInput.js

@@ -0,0 +1,37 @@
+"use strict";
+
+import { Ionicons } from "@expo/vector-icons";
+import React, { useState } from "react";
+import { TouchableOpacity, View } from "react-native";
+import InputField from "./Form.InputField.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PasswordField = ({
+  label,
+  error,
+  inputProps
+}) => {
+  const [showPassword, setShowPassword] = useState(false);
+  return /*#__PURE__*/_jsxs(View, {
+    className: "mb-4 relative",
+    children: [/*#__PURE__*/_jsx(InputField, {
+      error: error,
+      inputProps: {
+        ...inputProps,
+        secureTextEntry: !showPassword,
+        autoComplete: "off",
+        importantForAutofill: "no"
+      },
+      label: label
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      className: "absolute right-3 bottom-[25px]",
+      onPress: () => setShowPassword(!showPassword),
+      children: /*#__PURE__*/_jsx(Ionicons, {
+        className: "text-text-primary",
+        name: showPassword ? "eye-off-outline" : "eye-outline",
+        size: 24
+      })
+    })]
+  });
+};
+export default PasswordField;
+//# sourceMappingURL=Form.PasswordInput.js.map

package/lib/module/Form/Form.PasswordInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Ionicons","React","useState","TouchableOpacity","View","InputField","jsx","_jsx","jsxs","_jsxs","PasswordField","label","error","inputProps","showPassword","setShowPassword","className","children","secureTextEntry","autoComplete","importantForAutofill","onPress","name","size"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["Form/Form.PasswordInput.tsx"],"mappings":";;AAAA,SAASA,QAAQ,QAAQ,oBAAoB;AAC7C,OAAOC,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAASC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAErD,OAAOC,UAAU,MAAM,sBAAmB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAQ3C,MAAMC,aAA2C,GAAGA,CAAC;EAAEC,KAAK;EAAEC,KAAK;EAAEC;AAAW,CAAC,KAAK;EACpF,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGb,QAAQ,CAAC,KAAK,CAAC;EAEvD,oBACEO,KAAA,CAACL,IAAI;IAACY,SAAS,EAAC,eAAe;IAAAC,QAAA,gBAC7BV,IAAA,CAACF,UAAU;MACTO,KAAK,EAAEA,KAAM;MACbC,UAAU,EAAE;QACV,GAAGA,UAAU;QACbK,eAAe,EAAE,CAACJ,YAAY;QAC9BK,YAAY,EAAE,KAAK;QACnBC,oBAAoB,EAAE;MACxB,CAAE;MACFT,KAAK,EAAEA;IAAM,CACd,CAAC,eACFJ,IAAA,CAACJ,gBAAgB;MACfa,SAAS,EAAC,gCAAgC;MAC1CK,OAAO,EAAEA,CAAA,KAAMN,eAAe,CAAC,CAACD,YAAY,CAAE;MAAAG,QAAA,eAE9CV,IAAA,CAACP,QAAQ;QACPgB,SAAS,EAAC,mBAAmB;QAC7BM,IAAI,EAAER,YAAY,GAAG,iBAAiB,GAAG,aAAc;QACvDS,IAAI,EAAE;MAAG,CACV;IAAC,CACc,CAAC;EAAA,CACf,CAAC;AAEX,CAAC;AAED,eAAeb,aAAa","ignoreList":[]}

package/lib/module/Form/Form.QuantitySelector.js

@@ -0,0 +1,78 @@
+"use strict";
+
+import { TouchableOpacity, View } from "react-native";
+import { tv } from "tailwind-variants";
+import { Display } from "../Display/index.js";
+import { Typography } from "../Typography/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const quantitySelector = tv({
+  slots: {
+    container: "flex-row items-center border border-brand-accent rounded-full px-1",
+    button: "w-9 h-9 rounded-full justify-center items-center",
+    valueContainer: "min-w-[40px] items-center px-3"
+  },
+  variants: {
+    disabled: {
+      true: {
+        button: "opacity-50"
+      }
+    }
+  }
+});
+function QuantitySelector({
+  value,
+  onChange,
+  min = 1,
+  max = 999,
+  style
+}) {
+  const handleDecrement = () => {
+    if (value > min) {
+      onChange(value - 1);
+    }
+  };
+  const handleIncrement = () => {
+    if (value < max) {
+      onChange(value + 1);
+    }
+  };
+  const decrementStyles = quantitySelector({
+    disabled: value <= min
+  });
+  const incrementStyles = quantitySelector({
+    disabled: value >= max
+  });
+  const containerStyles = quantitySelector();
+  return /*#__PURE__*/_jsxs(View, {
+    className: containerStyles.container(),
+    style: style,
+    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+      className: decrementStyles.button(),
+      disabled: value <= min,
+      onPress: handleDecrement,
+      children: /*#__PURE__*/_jsx(Display.Icon, {
+        name: "minus",
+        size: 16,
+        type: "feather"
+      })
+    }), /*#__PURE__*/_jsx(View, {
+      className: containerStyles.valueContainer(),
+      children: /*#__PURE__*/_jsx(Typography.Text, {
+        semibold: true,
+        variant: "body",
+        children: value
+      })
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      className: incrementStyles.button(),
+      disabled: value >= max,
+      onPress: handleIncrement,
+      children: /*#__PURE__*/_jsx(Display.Icon, {
+        name: "plus",
+        size: 16,
+        type: "feather"
+      })
+    })]
+  });
+}
+export default QuantitySelector;
+//# sourceMappingURL=Form.QuantitySelector.js.map

package/lib/module/Form/Form.QuantitySelector.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TouchableOpacity","View","tv","Display","Typography","jsx","_jsx","jsxs","_jsxs","quantitySelector","slots","container","button","valueContainer","variants","disabled","true","QuantitySelector","value","onChange","min","max","style","handleDecrement","handleIncrement","decrementStyles","incrementStyles","containerStyles","className","children","onPress","Icon","name","size","type","Text","semibold","variant"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["Form/Form.QuantitySelector.tsx"],"mappings":";;AACA,SAAoBA,gBAAgB,EAAEC,IAAI,QAAmB,cAAc;AAC3E,SAASC,EAAE,QAAQ,mBAAmB;AAEtC,SAASC,OAAO,QAAQ,qBAAY;AACpC,SAASC,UAAU,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAMC,gBAAgB,GAAGP,EAAE,CAAC;EAC1BQ,KAAK,EAAE;IACLC,SAAS,EAAE,oEAAoE;IAC/EC,MAAM,EAAE,kDAAkD;IAC1DC,cAAc,EAAE;EAClB,CAAC;EACDC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE;QACJJ,MAAM,EAAE;MACV;IACF;EACF;AACF,CAAC,CAAC;AAUF,SAASK,gBAAgBA,CAAC;EACxBC,KAAK;EACLC,QAAQ;EACRC,GAAG,GAAG,CAAC;EACPC,GAAG,GAAG,GAAG;EACTC;AACqB,CAAC,EAAE;EACxB,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC5B,IAAIL,KAAK,GAAGE,GAAG,EAAE;MACfD,QAAQ,CAACD,KAAK,GAAG,CAAC,CAAC;IACrB;EACF,CAAC;EAED,MAAMM,eAAe,GAAGA,CAAA,KAAM;IAC5B,IAAIN,KAAK,GAAGG,GAAG,EAAE;MACfF,QAAQ,CAACD,KAAK,GAAG,CAAC,CAAC;IACrB;EACF,CAAC;EAED,MAAMO,eAAe,GAAGhB,gBAAgB,CAAC;IAAEM,QAAQ,EAAEG,KAAK,IAAIE;EAAI,CAAC,CAAC;EACpE,MAAMM,eAAe,GAAGjB,gBAAgB,CAAC;IAAEM,QAAQ,EAAEG,KAAK,IAAIG;EAAI,CAAC,CAAC;EACpE,MAAMM,eAAe,GAAGlB,gBAAgB,CAAC,CAAC;EAE1C,oBACED,KAAA,CAACP,IAAI;IAAC2B,SAAS,EAAED,eAAe,CAAChB,SAAS,CAAC,CAAE;IAACW,KAAK,EAAEA,KAAM;IAAAO,QAAA,gBACzDvB,IAAA,CAACN,gBAAgB;MACf4B,SAAS,EAAEH,eAAe,CAACb,MAAM,CAAC,CAAE;MACpCG,QAAQ,EAAEG,KAAK,IAAIE,GAAI;MACvBU,OAAO,EAAEP,eAAgB;MAAAM,QAAA,eAEzBvB,IAAA,CAACH,OAAO,CAAC4B,IAAI;QAACC,IAAI,EAAC,OAAO;QAACC,IAAI,EAAE,EAAG;QAACC,IAAI,EAAC;MAAS,CAAE;IAAC,CACtC,CAAC,eAEnB5B,IAAA,CAACL,IAAI;MAAC2B,SAAS,EAAED,eAAe,CAACd,cAAc,CAAC,CAAE;MAAAgB,QAAA,eAChDvB,IAAA,CAACF,UAAU,CAAC+B,IAAI;QAACC,QAAQ;QAACC,OAAO,EAAC,MAAM;QAAAR,QAAA,EACrCX;MAAK,CACS;IAAC,CACd,CAAC,eAEPZ,IAAA,CAACN,gBAAgB;MACf4B,SAAS,EAAEF,eAAe,CAACd,MAAM,CAAC,CAAE;MACpCG,QAAQ,EAAEG,KAAK,IAAIG,GAAI;MACvBS,OAAO,EAAEN,eAAgB;MAAAK,QAAA,eAEzBvB,IAAA,CAACH,OAAO,CAAC4B,IAAI;QAACC,IAAI,EAAC,MAAM;QAACC,IAAI,EAAE,EAAG;QAACC,IAAI,EAAC;MAAS,CAAE;IAAC,CACrC,CAAC;EAAA,CACf,CAAC;AAEX;AAEA,eAAejB,gBAAgB","ignoreList":[]}

package/lib/module/Form/Form.RadioButton.js

@@ -0,0 +1,56 @@
+"use strict";
+
+import { TouchableOpacity, View } from "react-native";
+import { tv } from "tailwind-variants";
+import { Typography } from "../Typography/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const radioButton = tv({
+  slots: {
+    container: "flex-row items-center py-2.5 px-3 rounded-lg border-[1.5px] border-border-default bg-bg-card",
+    radioCircle: "w-[18px] h-[18px] rounded-full border-2 border-border-default mr-2 justify-center items-center",
+    radioInner: "w-[9px] h-[9px] rounded-full",
+    label: "flex-1"
+  },
+  variants: {
+    selected: {
+      true: {
+        container: "border-accent bg-accent/10",
+        radioCircle: "border-accent",
+        radioInner: "bg-accent",
+        label: "text-text-primary font-semibold"
+      },
+      false: {
+        label: "text-text-secondary"
+      }
+    }
+  },
+  defaultVariants: {
+    selected: false
+  }
+});
+function RadioButton({
+  label,
+  selected,
+  onPress
+}) {
+  const styles = radioButton({
+    selected
+  });
+  return /*#__PURE__*/_jsxs(TouchableOpacity, {
+    activeOpacity: 0.7,
+    className: styles.container(),
+    onPress: onPress,
+    children: [/*#__PURE__*/_jsx(View, {
+      className: styles.radioCircle(),
+      children: selected && /*#__PURE__*/_jsx(View, {
+        className: styles.radioInner()
+      })
+    }), /*#__PURE__*/_jsx(Typography.Text, {
+      className: styles.label(),
+      variant: "bodySmall",
+      children: label
+    })]
+  });
+}
+export default RadioButton;
+//# sourceMappingURL=Form.RadioButton.js.map

package/lib/module/Form/Form.RadioButton.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TouchableOpacity","View","tv","Typography","jsx","_jsx","jsxs","_jsxs","radioButton","slots","container","radioCircle","radioInner","label","variants","selected","true","false","defaultVariants","RadioButton","onPress","styles","activeOpacity","className","children","Text","variant"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["Form/Form.RadioButton.tsx"],"mappings":";;AAAA,SAASA,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AACrD,SAASC,EAAE,QAAQ,mBAAmB;AAEtC,SAASC,UAAU,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAMC,WAAW,GAAGN,EAAE,CAAC;EACrBO,KAAK,EAAE;IACLC,SAAS,EACP,8FAA8F;IAChGC,WAAW,EACT,gGAAgG;IAClGC,UAAU,EAAE,8BAA8B;IAC1CC,KAAK,EAAE;EACT,CAAC;EACDC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,IAAI,EAAE;QACJN,SAAS,EAAE,4BAA4B;QACvCC,WAAW,EAAE,eAAe;QAC5BC,UAAU,EAAE,WAAW;QACvBC,KAAK,EAAE;MACT,CAAC;MACDI,KAAK,EAAE;QACLJ,KAAK,EAAE;MACT;IACF;EACF,CAAC;EACDK,eAAe,EAAE;IAAEH,QAAQ,EAAE;EAAM;AACrC,CAAC,CAAC;AAQF,SAASI,WAAWA,CAAC;EAAEN,KAAK;EAAEE,QAAQ;EAAEK;AAA0B,CAAC,EAAE;EACnE,MAAMC,MAAM,GAAGb,WAAW,CAAC;IAAEO;EAAS,CAAC,CAAC;EAExC,oBACER,KAAA,CAACP,gBAAgB;IAACsB,aAAa,EAAE,GAAI;IAACC,SAAS,EAAEF,MAAM,CAACX,SAAS,CAAC,CAAE;IAACU,OAAO,EAAEA,OAAQ;IAAAI,QAAA,gBACpFnB,IAAA,CAACJ,IAAI;MAACsB,SAAS,EAAEF,MAAM,CAACV,WAAW,CAAC,CAAE;MAAAa,QAAA,EACnCT,QAAQ,iBAAIV,IAAA,CAACJ,IAAI;QAACsB,SAAS,EAAEF,MAAM,CAACT,UAAU,CAAC;MAAE,CAAE;IAAC,CACjD,CAAC,eACPP,IAAA,CAACF,UAAU,CAACsB,IAAI;MAACF,SAAS,EAAEF,MAAM,CAACR,KAAK,CAAC,CAAE;MAACa,OAAO,EAAC,WAAW;MAAAF,QAAA,EAC5DX;IAAK,CACS,CAAC;EAAA,CACF,CAAC;AAEvB;AAEA,eAAeM,WAAW","ignoreList":[]}

package/lib/module/Form/Form.SearchBar.js

@@ -0,0 +1,63 @@
+"use strict";
+
+import { useState } from "react";
+import { TextInput, TouchableOpacity, View } from "react-native";
+import { Display } from "../Display/index.js";
+import { theme } from "../theme/index.js";
+import { cn, tv } from "../theme/tw.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Icon = Display.Icon;
+const searchBarContainer = tv({
+  base: "flex-row items-center bg-bg-card rounded-lg px-2 h-10 shadow-sm",
+  variants: {
+    focused: {
+      true: "border-2 border-border-focus",
+      false: "border border-border-default"
+    }
+  },
+  defaultVariants: {
+    focused: false
+  }
+});
+function SearchBar({
+  value,
+  onChangeText,
+  placeholder = "Search",
+  className
+}) {
+  const [isFocused, setIsFocused] = useState(false);
+  return /*#__PURE__*/_jsxs(View, {
+    className: cn(searchBarContainer({
+      focused: isFocused
+    }), className),
+    children: [/*#__PURE__*/_jsx(View, {
+      className: "mr-1 ml-0.5 items-center justify-center h-full",
+      children: /*#__PURE__*/_jsx(Icon, {
+        className: "text-text-tertiary",
+        name: "search",
+        size: 18,
+        type: "ionicons"
+      })
+    }), /*#__PURE__*/_jsx(TextInput, {
+      className: "flex-1 h-full text-sm py-0 px-1.5 text-text-primary",
+      onBlur: () => setIsFocused(false),
+      onChangeText: onChangeText,
+      onFocus: () => setIsFocused(true),
+      placeholder: placeholder,
+      placeholderTextColor: theme.text.tertiary,
+      value: value
+    }), value.length > 0 && /*#__PURE__*/_jsx(TouchableOpacity, {
+      activeOpacity: 0.7,
+      className: "mr-0.5 ml-1 items-center justify-center h-full px-1",
+      onPress: () => onChangeText(""),
+      children: /*#__PURE__*/_jsx(Icon, {
+        className: "text-text-tertiary",
+        name: "x",
+        size: 18,
+        type: "feather"
+      })
+    })]
+  });
+}
+export default SearchBar;
+//# sourceMappingURL=Form.SearchBar.js.map

package/lib/module/Form/Form.SearchBar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["useState","TextInput","TouchableOpacity","View","Display","theme","cn","tv","jsx","_jsx","jsxs","_jsxs","Icon","searchBarContainer","base","variants","focused","true","false","defaultVariants","SearchBar","value","onChangeText","placeholder","className","isFocused","setIsFocused","children","name","size","type","onBlur","onFocus","placeholderTextColor","text","tertiary","length","activeOpacity","onPress"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["Form/Form.SearchBar.tsx"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,EAAEC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAEhE,SAASC,OAAO,QAAQ,qBAAY;AACpC,SAASC,KAAK,QAAQ,mBAAU;AAChC,SAASC,EAAE,EAAEC,EAAE,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAErC,MAAMC,IAAI,GAAGR,OAAO,CAACQ,IAAI;AAEzB,MAAMC,kBAAkB,GAAGN,EAAE,CAAC;EAC5BO,IAAI,EAAE,iEAAiE;EACvEC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,IAAI,EAAE,8BAA8B;MACpCC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IAAEH,OAAO,EAAE;EAAM;AACpC,CAAC,CAAC;AASF,SAASI,SAASA,CAAC;EACjBC,KAAK;EACLC,YAAY;EACZC,WAAW,GAAG,QAAQ;EACtBC;AACc,CAAC,EAAE;EACjB,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG1B,QAAQ,CAAC,KAAK,CAAC;EAEjD,oBACEW,KAAA,CAACR,IAAI;IAACqB,SAAS,EAAElB,EAAE,CAACO,kBAAkB,CAAC;MAAEG,OAAO,EAAES;IAAU,CAAC,CAAC,EAAED,SAAS,CAAE;IAAAG,QAAA,gBACzElB,IAAA,CAACN,IAAI;MAACqB,SAAS,EAAC,gDAAgD;MAAAG,QAAA,eAC9DlB,IAAA,CAACG,IAAI;QAACY,SAAS,EAAC,oBAAoB;QAACI,IAAI,EAAC,QAAQ;QAACC,IAAI,EAAE,EAAG;QAACC,IAAI,EAAC;MAAU,CAAE;IAAC,CAC3E,CAAC,eACPrB,IAAA,CAACR,SAAS;MACRuB,SAAS,EAAC,qDAAqD;MAC/DO,MAAM,EAAEA,CAAA,KAAML,YAAY,CAAC,KAAK,CAAE;MAClCJ,YAAY,EAAEA,YAAa;MAC3BU,OAAO,EAAEA,CAAA,KAAMN,YAAY,CAAC,IAAI,CAAE;MAClCH,WAAW,EAAEA,WAAY;MACzBU,oBAAoB,EAAE5B,KAAK,CAAC6B,IAAI,CAACC,QAAS;MAC1Cd,KAAK,EAAEA;IAAM,CACd,CAAC,EACDA,KAAK,CAACe,MAAM,GAAG,CAAC,iBACf3B,IAAA,CAACP,gBAAgB;MACfmC,aAAa,EAAE,GAAI;MACnBb,SAAS,EAAC,qDAAqD;MAC/Dc,OAAO,EAAEA,CAAA,KAAMhB,YAAY,CAAC,EAAE,CAAE;MAAAK,QAAA,eAEhClB,IAAA,CAACG,IAAI;QAACY,SAAS,EAAC,oBAAoB;QAACI,IAAI,EAAC,GAAG;QAACC,IAAI,EAAE,EAAG;QAACC,IAAI,EAAC;MAAS,CAAE;IAAC,CACzD,CACnB;EAAA,CACG,CAAC;AAEX;AAEA,eAAeV,SAAS","ignoreList":[]}

package/lib/module/Form/Form.TextInput.js

@@ -0,0 +1,19 @@
+"use strict";
+
+import { TextInput } from "react-native";
+import { theme } from "../theme/index.js";
+import { cn } from "../theme/tw.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const TextInputF = ({
+  className,
+  ...props
+}) => {
+  return /*#__PURE__*/_jsx(TextInput, {
+    ...props,
+    className: cn("border border-input rounded-md h-11 px-3 py-2 text-text-primary", className),
+    placeholderTextColor: theme.text.tertiary,
+    style: props.style
+  });
+};
+export default TextInputF;
+//# sourceMappingURL=Form.TextInput.js.map

package/lib/module/Form/Form.TextInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TextInput","theme","cn","jsx","_jsx","TextInputF","className","props","placeholderTextColor","text","tertiary","style"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["Form/Form.TextInput.tsx"],"mappings":";;AACA,SAASA,SAAS,QAAwB,cAAc;AAExD,SAASC,KAAK,QAAQ,mBAAU;AAChC,SAASC,EAAE,QAAQ,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAOjC,MAAMC,UAA+B,GAAGA,CAAC;EAAEC,SAAS;EAAE,GAAGC;AAAM,CAAC,KAAK;EACnE,oBACEH,IAAA,CAACJ,SAAS;IAAA,GACJO,KAAK;IACTD,SAAS,EAAEJ,EAAE,CACX,iEAAiE,EACjEI,SACF,CAAE;IACFE,oBAAoB,EAAEP,KAAK,CAACQ,IAAI,CAACC,QAAS;IAC1CC,KAAK,EAAEJ,KAAK,CAACI;EAAM,CACpB,CAAC;AAEN,CAAC;AAED,eAAeN,UAAU","ignoreList":[]}

package/lib/module/Form/index.js

@@ -0,0 +1,45 @@
+"use strict";
+
+import ButtonWithIcon from "./Form.Button.js";
+import Checkbox from "./Form.Checkbox.js";
+import ControlledCheckbox from "./Form.ControlledCheckbox.js";
+import ControlledDropdown from "./Form.ControlledDropdown.js";
+import ControlledInput from "./Form.ControlledInput.js";
+import ControlledMonetaryInput from "./Form.ControlledMonetaryInput.js";
+import ControlledRadioButton from "./Form.ControlledRadioButton.js";
+import Dropdown from "./Form.Dropdown.js";
+import { FilterButton, FilterButtonGroup } from "./Form.FilterButton.js";
+import FractionalQuantityInput from "./Form.FractionalQuantityInput.js";
+import IconButton from "./Form.IconButton.js";
+import Input from "./Form.Input.js";
+import InputField from "./Form.InputField.js";
+import MonetaryInput from "./Form.MonetaryInput.js";
+import PasswordInput from "./Form.PasswordInput.js";
+import QuantitySelector from "./Form.QuantitySelector.js";
+import RadioButton from "./Form.RadioButton.js";
+import SearchBar from "./Form.SearchBar.js";
+import TextInput from "./Form.TextInput.js";
+export const Form = {
+  TextInput,
+  Input,
+  InputField,
+  Button: ButtonWithIcon,
+  IconButton,
+  PasswordInput,
+  QuantitySelector,
+  FractionalQuantityInput,
+  RadioButton,
+  Checkbox,
+  SearchBar,
+  Dropdown,
+  MonetaryInput,
+  ControlledInput,
+  ControlledRadioButton,
+  ControlledCheckbox,
+  ControlledDropdown,
+  ControlledMonetaryInput,
+  FilterButton,
+  FilterButtonGroup
+};
+export default Form;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ButtonWithIcon","Checkbox","ControlledCheckbox","ControlledDropdown","ControlledInput","ControlledMonetaryInput","ControlledRadioButton","Dropdown","FilterButton","FilterButtonGroup","FractionalQuantityInput","IconButton","Input","InputField","MonetaryInput","PasswordInput","QuantitySelector","RadioButton","SearchBar","TextInput","Form","Button"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["Form/index.ts"],"mappings":";;AAAA,OAAOA,cAAc,MAAM,kBAAe;AAC1C,OAAOC,QAAQ,MAAM,oBAAiB;AACtC,OAAOC,kBAAkB,MAAM,8BAA2B;AAC1D,OAAOC,kBAAkB,MAA+B,8BAA2B;AACnF,OAAOC,eAAe,MAAM,2BAAwB;AACpD,OAAOC,uBAAuB,MAAM,mCAAgC;AACpE,OAAOC,qBAAqB,MAAM,iCAA8B;AAChE,OAAOC,QAAQ,MAAM,oBAAiB;AACtC,SAASC,YAAY,EAAEC,iBAAiB,QAAQ,wBAAqB;AACrE,OAAOC,uBAAuB,MAAM,mCAAgC;AACpE,OAAOC,UAAU,MAAM,sBAAmB;AAC1C,OAAOC,KAAK,MAAM,iBAAc;AAChC,OAAOC,UAAU,MAAM,sBAAmB;AAC1C,OAAOC,aAAa,MAAM,yBAAsB;AAChD,OAAOC,aAAa,MAAM,yBAAsB;AAChD,OAAOC,gBAAgB,MAAM,4BAAyB;AACtD,OAAOC,WAAW,MAAM,uBAAoB;AAC5C,OAAOC,SAAS,MAAM,qBAAkB;AACxC,OAAOC,SAAS,MAAM,qBAAkB;AAExC,OAAO,MAAMC,IAAI,GAAG;EAClBD,SAAS;EACTP,KAAK;EACLC,UAAU;EACVQ,MAAM,EAAErB,cAAc;EACtBW,UAAU;EACVI,aAAa;EACbC,gBAAgB;EAChBN,uBAAuB;EACvBO,WAAW;EACXhB,QAAQ;EACRiB,SAAS;EACTX,QAAQ;EACRO,aAAa;EACbV,eAAe;EACfE,qBAAqB;EACrBJ,kBAAkB;EAClBC,kBAAkB;EAClBE,uBAAuB;EACvBG,YAAY;EACZC;AACF,CAAC;AAID,eAAeW,IAAI","ignoreList":[]}

package/lib/module/Navigation/Navigation.Header.js

@@ -0,0 +1,46 @@
+"use strict";
+
+import React from "react";
+import { TouchableOpacity, View } from "react-native";
+import { Display } from "../Display/index.js";
+import GradientContainer from "../layouts/GradientContainer.js";
+import { theme } from "../theme/index.js";
+import { cn } from "../theme/tw.js";
+import { Typography } from "../Typography/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Header = ({
+  title,
+  logo,
+  backButton,
+  handleBackButton,
+  className
+}) => {
+  const onBackPress = handleBackButton ?? (() => {});
+  return /*#__PURE__*/_jsx(GradientContainer, {
+    className: cn("pt-10 pb-3.5 px-4", className),
+    children: /*#__PURE__*/_jsxs(View, {
+      className: "relative items-center justify-center",
+      children: [backButton && /*#__PURE__*/_jsx(TouchableOpacity, {
+        className: "absolute top-0 left-0 z-10 border border-white p-1.5 rounded",
+        onPress: onBackPress,
+        children: /*#__PURE__*/_jsx(Display.Icon, {
+          color: theme.text.inverse,
+          name: "chevron-back",
+          size: 25,
+          type: "ionicons"
+        })
+      }), /*#__PURE__*/_jsxs(View, {
+        className: "items-center justify-center",
+        children: [logo || /*#__PURE__*/_jsx(Display.Logo, {
+          size: "medium"
+        }), title && /*#__PURE__*/_jsx(Typography.Text, {
+          className: "text-white",
+          variant: "h4",
+          children: title
+        })]
+      })]
+    })
+  });
+};
+export default Header;
+//# sourceMappingURL=Navigation.Header.js.map

package/lib/module/Navigation/Navigation.Header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","TouchableOpacity","View","Display","GradientContainer","theme","cn","Typography","jsx","_jsx","jsxs","_jsxs","Header","title","logo","backButton","handleBackButton","className","onBackPress","children","onPress","Icon","color","text","inverse","name","size","type","Logo","Text","variant"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["Navigation/Navigation.Header.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAqB,OAAO;AACxC,SAASC,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAErD,SAASC,OAAO,QAAQ,qBAAY;AACpC,OAAOC,iBAAiB,MAAM,iCAA8B;AAC5D,SAASC,KAAK,QAAQ,mBAAU;AAChC,SAASC,EAAE,QAAQ,gBAAa;AAChC,SAASC,UAAU,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU3C,MAAMC,MAAM,GAAGA,CAAC;EAAEC,KAAK;EAAEC,IAAI;EAAEC,UAAU;EAAEC,gBAAgB;EAAEC;AAAuB,CAAC,KAAK;EACxF,MAAMC,WAAW,GAAGF,gBAAgB,KAAK,MAAM,CAAC,CAAC,CAAC;EAElD,oBACEP,IAAA,CAACL,iBAAiB;IAACa,SAAS,EAAEX,EAAE,CAAC,mBAAmB,EAAEW,SAAS,CAAE;IAAAE,QAAA,eAC/DR,KAAA,CAACT,IAAI;MAACe,SAAS,EAAC,sCAAsC;MAAAE,QAAA,GACnDJ,UAAU,iBACTN,IAAA,CAACR,gBAAgB;QACfgB,SAAS,EAAC,8DAA8D;QACxEG,OAAO,EAAEF,WAAY;QAAAC,QAAA,eAErBV,IAAA,CAACN,OAAO,CAACkB,IAAI;UACXC,KAAK,EAAEjB,KAAK,CAACkB,IAAI,CAACC,OAAQ;UAC1BC,IAAI,EAAC,cAAc;UACnBC,IAAI,EAAE,EAAG;UACTC,IAAI,EAAC;QAAU,CAChB;MAAC,CACc,CACnB,eACDhB,KAAA,CAACT,IAAI;QAACe,SAAS,EAAC,6BAA6B;QAAAE,QAAA,GAC1CL,IAAI,iBAAIL,IAAA,CAACN,OAAO,CAACyB,IAAI;UAACF,IAAI,EAAC;QAAQ,CAAE,CAAC,EACtCb,KAAK,iBACJJ,IAAA,CAACF,UAAU,CAACsB,IAAI;UAACZ,SAAS,EAAC,YAAY;UAACa,OAAO,EAAC,IAAI;UAAAX,QAAA,EACjDN;QAAK,CACS,CAClB;MAAA,CACG,CAAC;IAAA,CACH;EAAC,CACU,CAAC;AAExB,CAAC;AAED,eAAeD,MAAM","ignoreList":[]}

package/lib/module/Navigation/Navigation.HeaderToolbar.js

@@ -0,0 +1,79 @@
+"use strict";
+
+import { TouchableOpacity, View } from "react-native";
+import { Display } from "../Display/index.js";
+import GradientContainer from "../layouts/GradientContainer.js";
+import { theme } from "../theme/index.js";
+import { cn } from "../theme/tw.js";
+import { Typography } from "../Typography/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const Icon = Display.Icon;
+const Text = Typography.Text;
+function HeaderToolbar({
+  title = "",
+  subtitle,
+  onBack,
+  rightComponent,
+  centerTitle = false,
+  flat = false,
+  children,
+  logo = false,
+  withBackground = true,
+  className
+}) {
+  const borderRadius = flat ? "rounded-none" : "rounded-b-[20px]";
+  const paddingBottom = flat ? "pb-0" : "pb-4";
+  function renderToolbar() {
+    return /*#__PURE__*/_jsxs(_Fragment, {
+      children: [/*#__PURE__*/_jsxs(View, {
+        className: "flex-row items-center justify-between px-3.5 pt-2.5 h-16 relative",
+        children: [onBack && /*#__PURE__*/_jsx(TouchableOpacity, {
+          className: "mr-3.5 border border-white rounded-lg items-center justify-center mb-3.5 p-1.5 z-[1]",
+          onPress: onBack,
+          children: /*#__PURE__*/_jsx(Icon, {
+            color: theme.text.inverse,
+            name: "chevron-back",
+            size: 25,
+            type: "ionicons"
+          })
+        }), logo && /*#__PURE__*/_jsx(View, {
+          className: "absolute left-0 right-0 items-center justify-center z-0",
+          children: /*#__PURE__*/_jsx(Display.Logo, {
+            size: "medium"
+          })
+        }), !logo && /*#__PURE__*/_jsxs(View, {
+          className: cn("flex-1", centerTitle && "absolute left-0 right-0 items-center justify-center z-[1]"),
+          children: [/*#__PURE__*/_jsx(Text, {
+            className: "text-white",
+            numberOfLines: 1,
+            style: {
+              top: centerTitle ? 0 : -4
+            },
+            variant: centerTitle ? "h4" : "h6",
+            children: title
+          }), subtitle && /*#__PURE__*/_jsx(Text, {
+            className: "text-white",
+            style: {
+              top: centerTitle ? 0 : -4
+            },
+            variant: "bodySmall",
+            children: subtitle
+          })]
+        }), rightComponent && /*#__PURE__*/_jsx(View, {
+          className: "ml-auto",
+          children: rightComponent
+        })]
+      }), /*#__PURE__*/_jsx(View, {
+        children: children
+      })]
+    });
+  }
+  return withBackground ? /*#__PURE__*/_jsx(GradientContainer, {
+    className: cn("shadow-lg shadow-black/70", borderRadius, paddingBottom, className),
+    children: renderToolbar()
+  }) : /*#__PURE__*/_jsx(_Fragment, {
+    children: renderToolbar()
+  });
+}
+export default HeaderToolbar;
+//# sourceMappingURL=Navigation.HeaderToolbar.js.map

package/lib/module/Navigation/Navigation.HeaderToolbar.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["TouchableOpacity","View","Display","GradientContainer","theme","cn","Typography","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","Icon","Text","HeaderToolbar","title","subtitle","onBack","rightComponent","centerTitle","flat","children","logo","withBackground","className","borderRadius","paddingBottom","renderToolbar","onPress","color","text","inverse","name","size","type","Logo","numberOfLines","style","top","variant"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["Navigation/Navigation.HeaderToolbar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Navigation/Navigation.RowItem.js

@@ -0,0 +1,35 @@
+"use strict";
+
+import { TouchableOpacity, View } from "react-native";
+import { cn } from "../theme/tw.js";
+import { Typography } from "../Typography/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function RowItem({
+  item,
+  className
+}) {
+  function rowContent() {
+    return /*#__PURE__*/_jsxs(View, {
+      className: "flex-1",
+      children: [/*#__PURE__*/_jsx(Typography.Text, {
+        className: "flex-1",
+        variant: "title",
+        children: item.rowTitle
+      }), /*#__PURE__*/_jsx(Typography.Text, {
+        className: "mt-0.5 text-text-secondary",
+        variant: "bodySmall",
+        children: item.rowSubtitle
+      })]
+    });
+  }
+  return item.readonly ? /*#__PURE__*/_jsx(View, {
+    className: cn("flex-row items-center py-2.5", className),
+    children: rowContent()
+  }) : /*#__PURE__*/_jsx(TouchableOpacity, {
+    className: cn("flex-row items-center py-2.5", className),
+    onPress: item.onPress,
+    children: rowContent()
+  });
+}
+export default RowItem;
+//# sourceMappingURL=Navigation.RowItem.js.map