@sincpro/mobile-ui 0.1.2

package/lib/module/Form/Form.ControlledRadioButton.js

@@ -0,0 +1,28 @@
+"use strict";
+
+import { Controller } from "react-hook-form";
+import RadioButton from "./Form.RadioButton.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+function ControlledRadioButton({
+  control,
+  name,
+  label,
+  value
+}) {
+  return /*#__PURE__*/_jsx(Controller, {
+    control: control,
+    name: name,
+    render: ({
+      field: {
+        onChange,
+        value: selectedValue
+      }
+    }) => /*#__PURE__*/_jsx(RadioButton, {
+      label: label,
+      onPress: () => onChange(value),
+      selected: selectedValue === value
+    })
+  });
+}
+export default ControlledRadioButton;
+//# sourceMappingURL=Form.ControlledRadioButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Controller","RadioButton","jsx","_jsx","ControlledRadioButton","control","name","label","value","render","field","onChange","selectedValue","onPress","selected"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["Form/Form.ControlledRadioButton.tsx"],"mappings":";;AAAA,SAAkBA,UAAU,QAA2B,iBAAiB;AAExE,OAAOC,WAAW,MAAM,uBAAoB;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAS7C,SAASC,qBAAqBA,CAAwB;EACpDC,OAAO;EACPC,IAAI;EACJC,KAAK;EACLC;AAC6B,CAAC,EAAE;EAChC,oBACEL,IAAA,CAACH,UAAU;IACTK,OAAO,EAAEA,OAAQ;IACjBC,IAAI,EAAEA,IAAK;IACXG,MAAM,EAAEA,CAAC;MAAEC,KAAK,EAAE;QAAEC,QAAQ;QAAEH,KAAK,EAAEI;MAAc;IAAE,CAAC,kBACpDT,IAAA,CAACF,WAAW;MACVM,KAAK,EAAEA,KAAM;MACbM,OAAO,EAAEA,CAAA,KAAMF,QAAQ,CAACH,KAAK,CAAE;MAC/BM,QAAQ,EAAEF,aAAa,KAAKJ;IAAM,CACnC;EACD,CACH,CAAC;AAEN;AAEA,eAAeJ,qBAAqB","ignoreList":[]}

package/lib/module/Form/Form.Dropdown.js

@@ -0,0 +1,163 @@
+"use strict";
+
+import { useState } from "react";
+import { Modal, TouchableOpacity, TouchableWithoutFeedback, View } from "react-native";
+import { tv } from "tailwind-variants";
+import { Display } from "../Display/index.js";
+import { theme } from "../theme/index.js";
+import { Typography } from "../Typography/index.js";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+const dropdown = tv({
+  slots: {
+    button: "flex-row justify-between items-center rounded-lg px-3",
+    overlay: "flex-1 bg-black/40 justify-center items-center",
+    dropdownContainer: "rounded-xl mx-5 max-w-[320px] w-[90%] max-h-[70%]",
+    header: "flex-row justify-between items-center px-4 py-3 border-b border-border-default",
+    optionsList: "p-1",
+    option: "py-3 px-3 rounded-lg my-0.5",
+    separator: "h-[1px] bg-border-light mx-3"
+  },
+  variants: {
+    variant: {
+      primary: {
+        button: "bg-primary"
+      },
+      secondary: {
+        button: "bg-bg-card border border-primary"
+      },
+      outline: {
+        button: "bg-transparent border border-primary"
+      }
+    },
+    size: {
+      xs: {
+        button: "py-1.5 min-h-[32px]"
+      },
+      small: {
+        button: "py-2 min-h-[36px]"
+      },
+      medium: {
+        button: "py-2.5 min-h-[40px]"
+      },
+      large: {
+        button: "py-3 min-h-[44px]"
+      }
+    },
+    disabled: {
+      true: {
+        option: "opacity-50"
+      }
+    }
+  },
+  defaultVariants: {
+    variant: "secondary",
+    size: "small"
+  }
+});
+function DropdownButton({
+  title,
+  options,
+  variant = "secondary",
+  size = "small"
+}) {
+  const [isOpen, setIsOpen] = useState(false);
+  const handleOptionPress = option => {
+    if (!option.disabled) {
+      option.onPress();
+      setIsOpen(false);
+    }
+  };
+  const styles = dropdown({
+    variant,
+    size
+  });
+  const textColorClass = {
+    primary: "text-text-on-primary",
+    outline: "text-primary",
+    secondary: "text-primary"
+  }[variant];
+  const iconColor = {
+    primary: theme.text.onPrimary,
+    outline: theme.primary,
+    secondary: theme.primary
+  }[variant];
+  const textVariant = {
+    large: "body",
+    medium: "body",
+    xs: "bodySmall",
+    small: "bodySmall"
+  }[size];
+  return /*#__PURE__*/_jsxs(_Fragment, {
+    children: [/*#__PURE__*/_jsxs(TouchableOpacity, {
+      activeOpacity: 0.7,
+      className: styles.button(),
+      onPress: () => setIsOpen(true),
+      children: [/*#__PURE__*/_jsx(Typography.Text, {
+        className: textColorClass,
+        variant: textVariant,
+        children: title
+      }), /*#__PURE__*/_jsx(Display.Icon, {
+        color: iconColor,
+        name: "chevron-down",
+        size: 16,
+        type: "feather"
+      })]
+    }), /*#__PURE__*/_jsx(Modal, {
+      animationType: "fade",
+      transparent: true,
+      visible: isOpen,
+      children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+        onPress: () => setIsOpen(false),
+        children: /*#__PURE__*/_jsx(View, {
+          className: styles.overlay(),
+          children: /*#__PURE__*/_jsx(TouchableWithoutFeedback, {
+            children: /*#__PURE__*/_jsxs(View, {
+              className: styles.dropdownContainer(),
+              style: {
+                backgroundColor: theme.bg.popover,
+                ...theme.shadow.lg
+              },
+              children: [/*#__PURE__*/_jsxs(View, {
+                className: styles.header(),
+                children: [/*#__PURE__*/_jsx(Typography.Text, {
+                  className: "text-text-primary",
+                  semibold: true,
+                  variant: "bodyLarge",
+                  children: title
+                }), /*#__PURE__*/_jsx(TouchableOpacity, {
+                  onPress: () => setIsOpen(false),
+                  children: /*#__PURE__*/_jsx(Display.Icon, {
+                    name: "x",
+                    size: 20,
+                    type: "feather"
+                  })
+                })]
+              }), /*#__PURE__*/_jsx(View, {
+                className: styles.optionsList(),
+                children: options.map((option, index) => /*#__PURE__*/_jsxs(View, {
+                  children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+                    activeOpacity: 0.7,
+                    className: dropdown({
+                      disabled: option.disabled
+                    }).option(),
+                    disabled: option.disabled,
+                    onPress: () => handleOptionPress(option),
+                    children: /*#__PURE__*/_jsx(Typography.Text, {
+                      className: option.disabled ? "text-text-disabled" : "text-text-primary",
+                      variant: "body",
+                      children: option.title
+                    })
+                  }), index < options.length - 1 && /*#__PURE__*/_jsx(View, {
+                    className: styles.separator()
+                  })]
+                }, option.id))
+              })]
+            })
+          })
+        })
+      })
+    })]
+  });
+}
+export default DropdownButton;
+//# sourceMappingURL=Form.Dropdown.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","Modal","TouchableOpacity","TouchableWithoutFeedback","View","tv","Display","theme","Typography","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","dropdown","slots","button","overlay","dropdownContainer","header","optionsList","option","separator","variants","variant","primary","secondary","outline","size","xs","small","medium","large","disabled","true","defaultVariants","DropdownButton","title","options","isOpen","setIsOpen","handleOptionPress","onPress","styles","textColorClass","iconColor","text","onPrimary","textVariant","children","activeOpacity","className","Text","Icon","color","name","type","animationType","transparent","visible","style","backgroundColor","bg","popover","shadow","lg","semibold","map","index","length","id"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["Form/Form.Dropdown.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Form/Form.FilterButton.js

@@ -0,0 +1,59 @@
+"use strict";
+
+import { TouchableOpacity, View } from "react-native";
+import { tv } from "../theme/tw.js";
+import { Typography } from "../Typography/index.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const filterButton = tv({
+  base: "rounded-lg items-center justify-center py-2 px-3 min-h-[36px]",
+  variants: {
+    active: {
+      true: "bg-primary border-0",
+      false: "bg-transparent border border-brand-primary"
+    }
+  },
+  defaultVariants: {
+    active: false
+  }
+});
+const filterText = tv({
+  base: "font-bold",
+  variants: {
+    active: {
+      true: "text-white",
+      false: "text-primary"
+    }
+  },
+  defaultVariants: {
+    active: false
+  }
+});
+export const FilterButton = ({
+  title,
+  active,
+  onPress
+}) => {
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    activeOpacity: 0.8,
+    className: filterButton({
+      active
+    }),
+    onPress: onPress,
+    children: /*#__PURE__*/_jsx(Typography.Text, {
+      className: filterText({
+        active
+      }),
+      variant: "buttonSmall",
+      children: title
+    })
+  });
+};
+export function FilterButtonGroup({
+  children
+}) {
+  return /*#__PURE__*/_jsx(View, {
+    className: "flex-row gap-2 p-3",
+    children: children
+  });
+}
+//# sourceMappingURL=Form.FilterButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["TouchableOpacity","View","tv","Typography","jsx","_jsx","filterButton","base","variants","active","true","false","defaultVariants","filterText","FilterButton","title","onPress","activeOpacity","className","children","Text","variant","FilterButtonGroup"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["Form/Form.FilterButton.tsx"],"mappings":";;AACA,SAASA,gBAAgB,EAAEC,IAAI,QAAQ,cAAc;AAErD,SAASC,EAAE,QAAQ,gBAAa;AAChC,SAASC,UAAU,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAE3C,MAAMC,YAAY,GAAGJ,EAAE,CAAC;EACtBK,IAAI,EAAE,+DAA+D;EACrEC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,IAAI,EAAE,qBAAqB;MAC3BC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAEF,MAAMI,UAAU,GAAGX,EAAE,CAAC;EACpBK,IAAI,EAAE,WAAW;EACjBC,QAAQ,EAAE;IACRC,MAAM,EAAE;MACNC,IAAI,EAAE,YAAY;MAClBC,KAAK,EAAE;IACT;EACF,CAAC;EACDC,eAAe,EAAE;IACfH,MAAM,EAAE;EACV;AACF,CAAC,CAAC;AAQF,OAAO,MAAMK,YAAmC,GAAGA,CAAC;EAAEC,KAAK;EAAEN,MAAM;EAAEO;AAAQ,CAAC,KAAK;EACjF,oBACEX,IAAA,CAACL,gBAAgB;IACfiB,aAAa,EAAE,GAAI;IACnBC,SAAS,EAAEZ,YAAY,CAAC;MAAEG;IAAO,CAAC,CAAE;IACpCO,OAAO,EAAEA,OAAQ;IAAAG,QAAA,eAEjBd,IAAA,CAACF,UAAU,CAACiB,IAAI;MAACF,SAAS,EAAEL,UAAU,CAAC;QAAEJ;MAAO,CAAC,CAAE;MAACY,OAAO,EAAC,aAAa;MAAAF,QAAA,EACtEJ;IAAK,CACS;EAAC,CACF,CAAC;AAEvB,CAAC;AAMD,OAAO,SAASO,iBAAiBA,CAAC;EAAEH;AAAiC,CAAC,EAAE;EACtE,oBAAOd,IAAA,CAACJ,IAAI;IAACiB,SAAS,EAAC,oBAAoB;IAAAC,QAAA,EAAEA;EAAQ,CAAO,CAAC;AAC/D","ignoreList":[]}

package/lib/module/Form/Form.FractionalQuantityInput.js

@@ -0,0 +1,166 @@
+"use strict";
+
+import { useCallback, useMemo, useState } from "react";
+import { TouchableOpacity, View } from "react-native";
+import { tv } from "tailwind-variants";
+import { Dialog } from "../Dialog/index.js";
+import { Display } from "../Display/index.js";
+import { normalizeQuantity, roundTo } from "../lib/quantity.js";
+import { Typography } from "../Typography/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const fractionalQuantityInput = 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-[60px] items-center px-3"
+  },
+  variants: {
+    disabled: {
+      true: {
+        button: "opacity-40"
+      }
+    }
+  }
+});
+function parseLocalizedNumber(raw) {
+  let s = raw.trim();
+  if (s === "") return 0;
+  s = s.replace(/[^0-9.,+-]/g, "");
+  const hasComma = s.includes(",");
+  const hasDot = s.includes(".");
+  if (hasComma && (!hasDot || s.lastIndexOf(",") > s.lastIndexOf("."))) {
+    s = s.replace(/\./g, "").replace(/,/g, ".");
+  } else {
+    if (!hasComma && hasDot) {
+      if (/^\d{1,3}(\.\d{3})+$/.test(s)) {
+        s = s.replace(/\./g, "");
+      } else if (s.split(".").length - 1 > 1) {
+        const parts = s.split(".");
+        const decimal = parts.pop();
+        s = parts.join("") + "." + decimal;
+      }
+    } else if (hasComma && hasDot) {
+      s = s.replace(/,/g, "");
+    }
+    s = s.replace(/,/g, "");
+  }
+  const n = parseFloat(s);
+  if (isNaN(n)) return 0;
+  return n;
+}
+function FractionalQuantityInput({
+  value,
+  onChange,
+  precision = 2,
+  minIncrement,
+  maxValue = 999999,
+  style,
+  disabled,
+  quickAddIncrements
+}) {
+  const [modalVisible, setModalVisible] = useState(false);
+  const [draft, setDraft] = useState(String(value));
+  const effectiveIncrement = useMemo(() => {
+    if (minIncrement && minIncrement > 0) return minIncrement;
+    return 1 / Math.pow(10, precision);
+  }, [minIncrement, precision]);
+  const chips = useMemo(() => {
+    if (quickAddIncrements && quickAddIncrements.length > 0) return quickAddIncrements;
+    const base = effectiveIncrement;
+    if (base >= 1) return [1, 2, 5];
+    if (base >= 0.5) return [0.5, 1, 2];
+    if (base >= 0.25) return [0.25, 0.5, 1];
+    if (base >= 0.1) return [0.1, 0.25, 0.5];
+    return [base, base * 2, base * 5];
+  }, [effectiveIncrement, quickAddIncrements]);
+  const applyValue = useCallback(next => {
+    if (next < 0) next = 0;
+    if (next > maxValue) next = maxValue;
+    next = normalizeQuantity(next, effectiveIncrement, precision);
+    onChange(next);
+  }, [onChange, maxValue, effectiveIncrement, precision]);
+  function handleDecrement() {
+    applyValue(value - 1);
+  }
+  function handleIncrement() {
+    applyValue(value + 1);
+  }
+  function openModal() {
+    setDraft(String(value));
+    setModalVisible(true);
+  }
+  function confirmDraft() {
+    let parsed = parseLocalizedNumber(draft);
+    parsed = roundTo(parsed, precision);
+    if (parsed < 0) parsed = 0;
+    if (parsed > maxValue) parsed = maxValue;
+    onChange(parsed);
+    setModalVisible(false);
+  }
+  const formatted = useMemo(() => value.toFixed(precision), [value, precision]);
+  const modalChips = chips.map(item => ({
+    label: `+${item}`,
+    onPress: () => {
+      const base = parseLocalizedNumber(draft) || 0;
+      const next = roundTo(base + item, precision);
+      setDraft(String(next));
+    }
+  }));
+  const decrementStyles = fractionalQuantityInput({
+    disabled: disabled || value <= 0
+  });
+  const incrementStyles = fractionalQuantityInput({
+    disabled
+  });
+  const containerStyles = fractionalQuantityInput();
+  return /*#__PURE__*/_jsxs(View, {
+    accessibilityLabel: `Cantidad ${formatted}`,
+    className: containerStyles.container(),
+    style: style,
+    children: [/*#__PURE__*/_jsx(TouchableOpacity, {
+      className: decrementStyles.button(),
+      disabled: disabled || value <= 0,
+      onPress: handleDecrement,
+      children: /*#__PURE__*/_jsx(Display.Icon, {
+        name: "minus",
+        size: 16,
+        type: "feather"
+      })
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      className: containerStyles.valueContainer(),
+      disabled: disabled,
+      onPress: openModal,
+      children: /*#__PURE__*/_jsx(Typography.Text, {
+        semibold: true,
+        variant: "body",
+        children: formatted
+      })
+    }), /*#__PURE__*/_jsx(TouchableOpacity, {
+      className: incrementStyles.button(),
+      disabled: disabled,
+      onPress: handleIncrement,
+      children: /*#__PURE__*/_jsx(Display.Icon, {
+        name: "plus",
+        size: 16,
+        type: "feather"
+      })
+    }), /*#__PURE__*/_jsx(Dialog.EditValue, {
+      chips: modalChips,
+      keyboardType: "decimal-pad",
+      onCancel: () => setModalVisible(false),
+      onChangeValue: setDraft,
+      onConfirm: confirmDraft,
+      placeholder: `0${precision > 0 ? ",".padEnd(precision + 1, "0") : ""}`,
+      rightAdornment: /*#__PURE__*/_jsxs(Typography.Text, {
+        className: "ml-1",
+        variant: "body",
+        children: ["(m\xEDn ", effectiveIncrement, ")"]
+      }),
+      title: "Editar cantidad",
+      value: draft,
+      visible: modalVisible
+    })]
+  });
+}
+export default FractionalQuantityInput;
+//# sourceMappingURL=Form.FractionalQuantityInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useCallback","useMemo","useState","TouchableOpacity","View","tv","Dialog","Display","normalizeQuantity","roundTo","Typography","jsx","_jsx","jsxs","_jsxs","fractionalQuantityInput","slots","container","button","valueContainer","variants","disabled","true","parseLocalizedNumber","raw","s","trim","replace","hasComma","includes","hasDot","lastIndexOf","test","split","length","parts","decimal","pop","join","n","parseFloat","isNaN","FractionalQuantityInput","value","onChange","precision","minIncrement","maxValue","style","quickAddIncrements","modalVisible","setModalVisible","draft","setDraft","String","effectiveIncrement","Math","pow","chips","base","applyValue","next","handleDecrement","handleIncrement","openModal","confirmDraft","parsed","formatted","toFixed","modalChips","map","item","label","onPress","decrementStyles","incrementStyles","containerStyles","accessibilityLabel","className","children","Icon","name","size","type","Text","semibold","variant","EditValue","keyboardType","onCancel","onChangeValue","onConfirm","placeholder","padEnd","rightAdornment","title","visible"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["Form/Form.FractionalQuantityInput.tsx"],"mappings":"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","ignoreList":[]}

package/lib/module/Form/Form.IconButton.js

@@ -0,0 +1,97 @@
+"use strict";
+
+import { ActivityIndicator, TouchableOpacity } from "react-native";
+import { Display } from "../Display/index.js";
+import { theme } from "../theme/index.js";
+import { tv } from "../theme/tw.js";
+import { jsx as _jsx } from "react/jsx-runtime";
+const iconButton = tv({
+  base: "rounded-lg items-center justify-center",
+  variants: {
+    variant: {
+      primary: "bg-primary",
+      secondary: "bg-bg-card border border-primary",
+      tertiary: "bg-accent",
+      ghost: "bg-transparent"
+    },
+    size: {
+      small: "w-8 h-8",
+      medium: "w-10 h-10",
+      large: "w-12 h-12"
+    },
+    rounded: {
+      true: "rounded-full"
+    },
+    disabled: {
+      true: "opacity-50"
+    }
+  },
+  defaultVariants: {
+    variant: "ghost",
+    size: "medium",
+    rounded: false,
+    disabled: false
+  }
+});
+function IconButton({
+  icon,
+  type = "feather",
+  onPress,
+  variant = "ghost",
+  size = "medium",
+  loading = false,
+  disabled = false,
+  rounded = false,
+  iconColor,
+  className
+}) {
+  const getLoadingColor = () => {
+    switch (variant) {
+      case "primary":
+      case "tertiary":
+        return theme.primary;
+      case "secondary":
+      case "ghost":
+        return theme.primary;
+      default:
+        return theme.primary;
+    }
+  };
+  const getIconColor = () => {
+    if (iconColor) return iconColor;
+    switch (variant) {
+      case "primary":
+      case "tertiary":
+        return theme.primary;
+      case "secondary":
+        return theme.primary;
+      case "ghost":
+        return theme.primary;
+      default:
+        return theme.primary;
+    }
+  };
+  return /*#__PURE__*/_jsx(TouchableOpacity, {
+    activeOpacity: 0.7,
+    className: iconButton({
+      variant,
+      size,
+      rounded,
+      disabled,
+      className
+    }),
+    disabled: disabled || loading,
+    onPress: onPress,
+    children: loading ? /*#__PURE__*/_jsx(ActivityIndicator, {
+      color: getLoadingColor(),
+      size: "small"
+    }) : /*#__PURE__*/_jsx(Display.Icon, {
+      color: getIconColor(),
+      name: icon,
+      size: 24,
+      type: type
+    })
+  });
+}
+export default IconButton;
+//# sourceMappingURL=Form.IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ActivityIndicator","TouchableOpacity","Display","theme","tv","jsx","_jsx","iconButton","base","variants","variant","primary","secondary","tertiary","ghost","size","small","medium","large","rounded","true","disabled","defaultVariants","IconButton","icon","type","onPress","loading","iconColor","className","getLoadingColor","getIconColor","activeOpacity","children","color","Icon","name"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["Form/Form.IconButton.tsx"],"mappings":";;AAAA,SAASA,iBAAiB,EAAEC,gBAAgB,QAAQ,cAAc;AAElE,SAASC,OAAO,QAAQ,qBAAY;AAEpC,SAASC,KAAK,QAAQ,mBAAU;AAChC,SAASC,EAAE,QAA2B,gBAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEpD,MAAMC,UAAU,GAAGH,EAAE,CAAC;EACpBI,IAAI,EAAE,wCAAwC;EAC9CC,QAAQ,EAAE;IACRC,OAAO,EAAE;MACPC,OAAO,EAAE,YAAY;MACrBC,SAAS,EAAE,kCAAkC;MAC7CC,QAAQ,EAAE,WAAW;MACrBC,KAAK,EAAE;IACT,CAAC;IACDC,IAAI,EAAE;MACJC,KAAK,EAAE,SAAS;MAChBC,MAAM,EAAE,WAAW;MACnBC,KAAK,EAAE;IACT,CAAC;IACDC,OAAO,EAAE;MACPC,IAAI,EAAE;IACR,CAAC;IACDC,QAAQ,EAAE;MACRD,IAAI,EAAE;IACR;EACF,CAAC;EACDE,eAAe,EAAE;IACfZ,OAAO,EAAE,OAAO;IAChBK,IAAI,EAAE,QAAQ;IACdI,OAAO,EAAE,KAAK;IACdE,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAWF,SAASE,UAAUA,CAAC;EAClBC,IAAI;EACJC,IAAI,GAAG,SAAS;EAChBC,OAAO;EACPhB,OAAO,GAAG,OAAO;EACjBK,IAAI,GAAG,QAAQ;EACfY,OAAO,GAAG,KAAK;EACfN,QAAQ,GAAG,KAAK;EAChBF,OAAO,GAAG,KAAK;EACfS,SAAS;EACTC;AACe,CAAC,EAAE;EAClB,MAAMC,eAAe,GAAGA,CAAA,KAAM;IAC5B,QAAQpB,OAAO;MACb,KAAK,SAAS;MACd,KAAK,UAAU;QACb,OAAOP,KAAK,CAACQ,OAAO;MACtB,KAAK,WAAW;MAChB,KAAK,OAAO;QACV,OAAOR,KAAK,CAACQ,OAAO;MACtB;QACE,OAAOR,KAAK,CAACQ,OAAO;IACxB;EACF,CAAC;EAED,MAAMoB,YAAY,GAAGA,CAAA,KAAM;IACzB,IAAIH,SAAS,EAAE,OAAOA,SAAS;IAC/B,QAAQlB,OAAO;MACb,KAAK,SAAS;MACd,KAAK,UAAU;QACb,OAAOP,KAAK,CAACQ,OAAO;MACtB,KAAK,WAAW;QACd,OAAOR,KAAK,CAACQ,OAAO;MACtB,KAAK,OAAO;QACV,OAAOR,KAAK,CAACQ,OAAO;MACtB;QACE,OAAOR,KAAK,CAACQ,OAAO;IACxB;EACF,CAAC;EAED,oBACEL,IAAA,CAACL,gBAAgB;IACf+B,aAAa,EAAE,GAAI;IACnBH,SAAS,EAAEtB,UAAU,CAAC;MAAEG,OAAO;MAAEK,IAAI;MAAEI,OAAO;MAAEE,QAAQ;MAAEQ;IAAU,CAAC,CAAE;IACvER,QAAQ,EAAEA,QAAQ,IAAIM,OAAQ;IAC9BD,OAAO,EAAEA,OAAQ;IAAAO,QAAA,EAEhBN,OAAO,gBACNrB,IAAA,CAACN,iBAAiB;MAACkC,KAAK,EAAEJ,eAAe,CAAC,CAAE;MAACf,IAAI,EAAC;IAAO,CAAE,CAAC,gBAE5DT,IAAA,CAACJ,OAAO,CAACiC,IAAI;MAACD,KAAK,EAAEH,YAAY,CAAC,CAAE;MAACK,IAAI,EAAEZ,IAAK;MAACT,IAAI,EAAE,EAAG;MAACU,IAAI,EAAEA;IAAK,CAAE;EACzE,CACe,CAAC;AAEvB;AAEA,eAAeF,UAAU","ignoreList":[]}

package/lib/module/Form/Form.Input.js

@@ -0,0 +1,77 @@
+"use strict";
+
+import { useState } from "react";
+import { TextInput, View } from "react-native";
+import { theme } from "../theme/index.js";
+import { cn, tv } from "../theme/tw.js";
+import { Typography } from "../Typography/index.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const inputContainer = tv({
+  base: "rounded-lg bg-bg-card shadow-sm",
+  variants: {
+    state: {
+      error: "border-2 border-danger",
+      focused: "border-2 border-ring",
+      default: "border border-input"
+    }
+  },
+  defaultVariants: {
+    state: "default"
+  }
+});
+function FormInput({
+  label,
+  error,
+  tooltip,
+  style,
+  multiline = false,
+  numberOfLines = 1,
+  onFocus,
+  onBlur,
+  className,
+  ...props
+}) {
+  const [isFocused, setIsFocused] = useState(false);
+  const hasError = Boolean(error);
+  const handleFocus = e => {
+    setIsFocused(true);
+    onFocus?.(e);
+  };
+  const handleBlur = e => {
+    setIsFocused(false);
+    onBlur?.(e);
+  };
+  const getState = () => {
+    if (hasError) return "error";
+    if (isFocused) return "focused";
+    return "default";
+  };
+  return /*#__PURE__*/_jsxs(View, {
+    className: cn("mb-2", className),
+    children: [/*#__PURE__*/_jsx(Typography.Text, {
+      className: "mb-1 font-medium text-text-primary",
+      variant: "bodySmall",
+      children: label
+    }), /*#__PURE__*/_jsx(View, {
+      className: inputContainer({
+        state: getState()
+      }),
+      children: /*#__PURE__*/_jsx(TextInput, {
+        className: cn("px-3 py-2.5 text-sm min-h-[44px] text-text-primary", multiline && "min-h-[64px] pt-2.5"),
+        multiline: multiline,
+        numberOfLines: numberOfLines,
+        onBlur: handleBlur,
+        onFocus: handleFocus,
+        placeholderTextColor: theme.text.tertiary,
+        textAlignVertical: multiline ? "top" : "center",
+        ...props
+      })
+    }), hasError && /*#__PURE__*/_jsx(Typography.Text, {
+      className: "mt-0.5 text-danger",
+      variant: "bodySmall",
+      children: error
+    })]
+  });
+}
+export default FormInput;
+//# sourceMappingURL=Form.Input.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["useState","TextInput","View","theme","cn","tv","Typography","jsx","_jsx","jsxs","_jsxs","inputContainer","base","variants","state","error","focused","default","defaultVariants","FormInput","label","tooltip","style","multiline","numberOfLines","onFocus","onBlur","className","props","isFocused","setIsFocused","hasError","Boolean","handleFocus","e","handleBlur","getState","children","Text","variant","placeholderTextColor","text","tertiary","textAlignVertical"],"sourceRoot":"../../../sincpro_mobile_ui","sources":["Form/Form.Input.tsx"],"mappings":";;AACA,SAASA,QAAQ,QAAQ,OAAO;AAChC,SAASC,SAAS,EAAuBC,IAAI,QAAQ,cAAc;AAEnE,SAASC,KAAK,QAAQ,mBAAU;AAChC,SAASC,EAAE,EAAEC,EAAE,QAAQ,gBAAa;AACpC,SAASC,UAAU,QAAQ,wBAAe;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAE3C,MAAMC,cAAc,GAAGN,EAAE,CAAC;EACxBO,IAAI,EAAE,iCAAiC;EACvCC,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;AASF,SAASK,SAASA,CAAC;EACjBC,KAAK;EACLL,KAAK;EACLM,OAAO;EACPC,KAAK;EACLC,SAAS,GAAG,KAAK;EACjBC,aAAa,GAAG,CAAC;EACjBC,OAAO;EACPC,MAAM;EACNC,SAAS;EACT,GAAGC;AACW,CAAC,EAAE;EACjB,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAG9B,QAAQ,CAAC,KAAK,CAAC;EACjD,MAAM+B,QAAQ,GAAGC,OAAO,CAACjB,KAAK,CAAC;EAE/B,MAAMkB,WAAW,GAAIC,CAAM,IAAK;IAC9BJ,YAAY,CAAC,IAAI,CAAC;IAClBL,OAAO,GAAGS,CAAC,CAAC;EACd,CAAC;EAED,MAAMC,UAAU,GAAID,CAAM,IAAK;IAC7BJ,YAAY,CAAC,KAAK,CAAC;IACnBJ,MAAM,GAAGQ,CAAC,CAAC;EACb,CAAC;EAED,MAAME,QAAQ,GAAGA,CAAA,KAAM;IACrB,IAAIL,QAAQ,EAAE,OAAO,OAAO;IAC5B,IAAIF,SAAS,EAAE,OAAO,SAAS;IAC/B,OAAO,SAAS;EAClB,CAAC;EAED,oBACEnB,KAAA,CAACR,IAAI;IAACyB,SAAS,EAAEvB,EAAE,CAAC,MAAM,EAAEuB,SAAS,CAAE;IAAAU,QAAA,gBACrC7B,IAAA,CAACF,UAAU,CAACgC,IAAI;MAACX,SAAS,EAAC,oCAAoC;MAACY,OAAO,EAAC,WAAW;MAAAF,QAAA,EAChFjB;IAAK,CACS,CAAC,eAClBZ,IAAA,CAACN,IAAI;MAACyB,SAAS,EAAEhB,cAAc,CAAC;QAAEG,KAAK,EAAEsB,QAAQ,CAAC;MAAE,CAAC,CAAE;MAAAC,QAAA,eACrD7B,IAAA,CAACP,SAAS;QACR0B,SAAS,EAAEvB,EAAE,CACX,oDAAoD,EACpDmB,SAAS,IAAI,qBACf,CAAE;QACFA,SAAS,EAAEA,SAAU;QACrBC,aAAa,EAAEA,aAAc;QAC7BE,MAAM,EAAES,UAAW;QACnBV,OAAO,EAAEQ,WAAY;QACrBO,oBAAoB,EAAErC,KAAK,CAACsC,IAAI,CAACC,QAAS;QAC1CC,iBAAiB,EAAEpB,SAAS,GAAG,KAAK,GAAG,QAAS;QAAA,GAC5CK;MAAK,CACV;IAAC,CACE,CAAC,EACNG,QAAQ,iBACPvB,IAAA,CAACF,UAAU,CAACgC,IAAI;MAACX,SAAS,EAAC,oBAAoB;MAACY,OAAO,EAAC,WAAW;MAAAF,QAAA,EAChEtB;IAAK,CACS,CAClB;EAAA,CACG,CAAC;AAEX;AAEA,eAAeI,SAAS","ignoreList":[]}