@trilogy-ds/react 0.0.9-esm-cjs → 0.0.12-esm-cjs

package/lib/chunk-225GHZOS.mjs

@@ -0,0 +1,150 @@
+"use client";
+import {
+  Sticker_native_default
+} from "./chunk-NXCRO4B2.mjs";
+import {
+  View_native_default
+} from "./chunk-MK63OCEA.mjs";
+import {
+  Text_native_default
+} from "./chunk-RPXUKVT4.mjs";
+import {
+  Icon_native_default
+} from "./chunk-STJ5TNSE.mjs";
+import {
+  getColorStyle
+} from "./chunk-VI2KFLCZ.mjs";
+
+// components/checkbox/tiles/tile/CheckboxTile.native.tsx
+import React, { useState } from "react";
+import { StyleSheet, TouchableOpacity, View as ViewRN } from "react-native";
+var CheckboxTile = React.forwardRef(
+  ({
+    disabled,
+    checked,
+    readonly,
+    id = React.useId(),
+    label,
+    onChange,
+    name,
+    description,
+    icon,
+    horizontal,
+    sticker,
+    stickerVariant = "ACCENT" /* ACCENT */,
+    ...others
+  }, ref) => {
+    const [_checked, setChecked] = useState(checked || false);
+    const [stickerHeight, setStickerHeight] = useState(0);
+    const styles = StyleSheet.create({
+      container: {
+        flexDirection: "row",
+        paddingBottom: 5,
+        justifyContent: "flex-start"
+      },
+      checkBox: {
+        alignItems: "center",
+        justifyContent: "center",
+        borderColor: getColorStyle(
+          disabled ? "DISABLED_FADE" /* DISABLED_FADE */ : _checked ? "MAIN" /* MAIN */ : "STROKE" /* STROKE */
+        ),
+        borderWidth: 1,
+        width: 19,
+        height: 19,
+        borderRadius: 4,
+        backgroundColor: getColorStyle(
+          disabled ? "DISABLED_FADE" /* DISABLED_FADE */ : _checked ? "MAIN" /* MAIN */ : "transparent"
+        )
+      },
+      label: {
+        color: getColorStyle(disabled ? "DISABLED" /* DISABLED */ : "MAIN" /* MAIN */)
+      },
+      tile: {
+        padding: _checked ? 16 /* FOUR */ - 1 : 16 /* FOUR */,
+        maxWidth: "50%",
+        borderWidth: _checked && 2 || 1,
+        width: "auto",
+        borderColor: getColorStyle(
+          disabled ? "DISABLED_FADE" /* DISABLED_FADE */ : _checked ? "MAIN" /* MAIN */ : "STROKE" /* STROKE */
+        ),
+        borderRadius: 6,
+        textAlign: "center",
+        alignItems: "center",
+        backgroundColor: getColorStyle(disabled ? "DISABLED_FADE" /* DISABLED_FADE */ : "transparent")
+      },
+      tileDescription: {
+        color: getColorStyle(disabled ? "DISABLED_FADE" /* DISABLED_FADE */ : "MAIN" /* MAIN */),
+        alignSelf: horizontal ? "flex-start" : "center"
+      },
+      horizontal: {
+        flexDirection: "row",
+        alignItems: "center",
+        gap: 12 /* THREE */,
+        padding: _checked ? 16 /* FOUR */ - 1 : 16 /* FOUR */,
+        width: "100%",
+        height: "auto",
+        borderWidth: _checked && 2 || 1,
+        borderColor: getColorStyle(
+          disabled ? "DISABLED_FADE" /* DISABLED_FADE */ : _checked ? "MAIN" /* MAIN */ : "STROKE" /* STROKE */
+        ),
+        borderRadius: 6,
+        backgroundColor: getColorStyle(disabled ? "DISABLED_FADE" /* DISABLED_FADE */ : "transparent")
+      },
+      sticker: {
+        position: "absolute",
+        top: _checked ? -stickerHeight / 2 - 1 : -stickerHeight / 2,
+        right: _checked ? 15 : 16
+      }
+    });
+    const handleClick = () => {
+      if (!readonly) {
+        setChecked(!_checked);
+        if (onChange) {
+          onChange({
+            checkboxId: id,
+            checkboxValue: "",
+            checkboxName: name || "",
+            checkboxChecked: !_checked
+          });
+        }
+      }
+    };
+    if (horizontal) {
+      return /* @__PURE__ */ React.createElement(TouchableOpacity, { ref, disabled, style: styles.horizontal, onPress: () => handleClick() }, sticker && /* @__PURE__ */ React.createElement(ViewRN, { style: styles.sticker, onLayout: (e) => setStickerHeight(e.nativeEvent.layout.height) }, /* @__PURE__ */ React.createElement(Sticker_native_default, { label: sticker, variant: stickerVariant, className: "radio-sticker", small: true })), /* @__PURE__ */ React.createElement(TouchableOpacity, { style: styles.checkBox, disabled, testID: id, onPressIn: () => handleClick() }, _checked && /* @__PURE__ */ React.createElement(Icon_native_default, { size: "smaller" /* SMALLER */, color: "WHITE" /* BACKGROUND */, name: "tri-check" /* CHECK */ })), icon && /* @__PURE__ */ React.createElement(
+        ViewRN,
+        {
+          style: {
+            justifyContent: "center",
+            alignItems: "center"
+          }
+        },
+        /* @__PURE__ */ React.createElement(Icon_native_default, { size: "small" /* SMALL */, name: icon, color: disabled ? "DISABLED" /* DISABLED */ : "MAIN" /* MAIN */ })
+      ), /* @__PURE__ */ React.createElement(View_native_default, { style: { gap: 4 /* ONE */, flex: 1 } }, label && typeof label.valueOf() === "string" && /* @__PURE__ */ React.createElement(Text_native_default, { style: styles.label, level: 1 /* ONE */, typo: "has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */ }, String(label)), description && typeof description.valueOf() === "string" ? /* @__PURE__ */ React.createElement(Text_native_default, { level: 2 /* TWO */, style: styles.tileDescription }, String(description)) : description));
+    }
+    return /* @__PURE__ */ React.createElement(TouchableOpacity, { ref, disabled, style: styles.tile, onPress: handleClick, ...others }, sticker && /* @__PURE__ */ React.createElement(ViewRN, { style: styles.sticker, onLayout: (e) => setStickerHeight(e.nativeEvent.layout.height) }, /* @__PURE__ */ React.createElement(Sticker_native_default, { label: sticker, variant: stickerVariant, className: "radio-sticker", small: true })), /* @__PURE__ */ React.createElement(View_native_default, { style: { gap: 8 /* TWO */ } }, /* @__PURE__ */ React.createElement(TouchableOpacity, { style: [styles.checkBox], disabled, testID: id, onPressIn: handleClick }, _checked && /* @__PURE__ */ React.createElement(Icon_native_default, { size: "smaller" /* SMALLER */, color: "WHITE" /* BACKGROUND */, name: "tri-check" /* CHECK */ })), icon && /* @__PURE__ */ React.createElement(
+      View_native_default,
+      {
+        style: {
+          flexDirection: "row",
+          alignItems: "center",
+          justifyContent: "center"
+        }
+      },
+      /* @__PURE__ */ React.createElement(Icon_native_default, { size: "small" /* SMALL */, color: disabled ? "DISABLED" /* DISABLED */ : "MAIN" /* MAIN */, name: icon })
+    ), label && typeof label.valueOf() === "string" && /* @__PURE__ */ React.createElement(
+      Text_native_default,
+      {
+        level: 1 /* ONE */,
+        typo: ["has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */, "has-text-centered" /* TEXT_CENTERED */],
+        style: [styles.label]
+      },
+      String(label)
+    ), description && typeof description.valueOf() === "string" && /* @__PURE__ */ React.createElement(Text_native_default, { level: 2 /* TWO */, typo: ["has-text-centered" /* TEXT_CENTERED */] }, String(description))));
+  }
+);
+CheckboxTile.displayName = "CheckboxTiles" /* CheckboxTiles */;
+var CheckboxTile_native_default = CheckboxTile;
+
+export {
+  CheckboxTile_native_default
+};

package/lib/{chunk-NQAB3QW6.mjs → chunk-2CRZJ26O.mjs}

@@ -1,7 +1,7 @@
 "use client";
 import {
   Column_default
-} from "./chunk-26B3CSN5.mjs";
+} from "./chunk-4K5SE35T.mjs";
 
 // components/columns/column/index.ts
 var column_default = Column_default;

package/lib/chunk-2CYVOYRM.mjs

@@ -0,0 +1,26 @@
+"use client";
+import {
+  getColorStyle
+} from "./chunk-VI2KFLCZ.mjs";
+
+// objects/Typography/TypographyColor/index.native.ts
+var TypographyColor = /* @__PURE__ */ ((TypographyColor2) => {
+  TypographyColor2["TEXT_MAIN"] = "has-text-main";
+  TypographyColor2["TEXT_ACCENT"] = "has-text-accent";
+  TypographyColor2["TEXT_INFO"] = "has-text-info";
+  TypographyColor2["TEXT_SUCCESS"] = "has-text-success";
+  TypographyColor2["TEXT_WARNING"] = "has-text-warning";
+  TypographyColor2["TEXT_ERROR"] = "has-text-error";
+  TypographyColor2["TEXT_NEUTRAL"] = "has-text-grey";
+  TypographyColor2["TEXT_WHITE"] = "has-text-white";
+  TypographyColor2["TEXT_DISABLED"] = "has-text-disabled";
+  return TypographyColor2;
+})(TypographyColor || {});
+var setTypographyColor = (typo = "", inverted = false, loading = false) => {
+  return loading ? "transparent" : (Array.isArray(typo) && typo.includes("has-text-disabled" /* TEXT_DISABLED */) ? getColorStyle("DISABLED" /* DISABLED */) : typo === "has-text-disabled" /* TEXT_DISABLED */ && getColorStyle("DISABLED" /* DISABLED */)) || (Array.isArray(typo) && typo.includes("has-text-accent" /* TEXT_ACCENT */) ? getColorStyle("ACCENT" /* ACCENT */) : typo === "has-text-accent" /* TEXT_ACCENT */ && getColorStyle("ACCENT" /* ACCENT */)) || (Array.isArray(typo) && typo.includes("has-text-main" /* TEXT_MAIN */) ? getColorStyle("MAIN" /* MAIN */) : typo === "has-text-main" /* TEXT_MAIN */ && getColorStyle("MAIN" /* MAIN */)) || (Array.isArray(typo) && typo.includes("has-text-info" /* TEXT_INFO */) ? getColorStyle("INFO" /* INFO */) : typo === "has-text-info" /* TEXT_INFO */ && getColorStyle("INFO" /* INFO */)) || (Array.isArray(typo) && typo.includes("has-text-success" /* TEXT_SUCCESS */) ? getColorStyle("SUCCESS" /* SUCCESS */) : typo === "has-text-success" /* TEXT_SUCCESS */ && getColorStyle("SUCCESS" /* SUCCESS */)) || (Array.isArray(typo) && typo.includes("has-text-warning" /* TEXT_WARNING */) ? getColorStyle("WARNING" /* WARNING */) : typo === "has-text-warning" /* TEXT_WARNING */ && getColorStyle("WARNING" /* WARNING */)) || (Array.isArray(typo) && typo.includes("has-text-error" /* TEXT_ERROR */) ? getColorStyle("ERROR" /* ERROR */) : typo === "has-text-error" /* TEXT_ERROR */ && getColorStyle("ERROR" /* ERROR */)) || (Array.isArray(typo) && typo.includes("has-text-grey" /* TEXT_NEUTRAL */) ? getColorStyle("NEUTRAL" /* NEUTRAL */) : typo === "has-text-grey" /* TEXT_NEUTRAL */ && getColorStyle("NEUTRAL" /* NEUTRAL */)) || (Array.isArray(typo) && typo.includes("has-text-white" /* TEXT_WHITE */) ? getColorStyle("WHITE" /* BACKGROUND */) : typo === "has-text-white" /* TEXT_WHITE */ && getColorStyle("WHITE" /* BACKGROUND */)) || inverted && getColorStyle("WHITE" /* BACKGROUND */) || getColorStyle("MAIN" /* MAIN */);
+};
+
+export {
+  TypographyColor,
+  setTypographyColor
+};

package/lib/chunk-3AN7EUS6.mjs

@@ -0,0 +1,419 @@
+"use client";
+import {
+  InputGauge_native_default
+} from "./chunk-N5WHEQME.mjs";
+import {
+  Text_native_default
+} from "./chunk-RPXUKVT4.mjs";
+import {
+  Spacer_native_default
+} from "./chunk-54DJB6AO.mjs";
+import {
+  Icon_native_default
+} from "./chunk-STJ5TNSE.mjs";
+import {
+  getColorStyle,
+  grayscale
+} from "./chunk-VI2KFLCZ.mjs";
+import {
+  isIOS
+} from "./chunk-R6PFY5VS.mjs";
+
+// components/input/Input.native.tsx
+import React, { useCallback, useEffect, useRef, useState } from "react";
+import {
+  Animated,
+  Keyboard,
+  Platform,
+  StyleSheet,
+  TextInput,
+  TouchableOpacity,
+  View
+} from "react-native";
+var Input = React.forwardRef(
+  ({
+    defaultValue,
+    name,
+    label,
+    sample,
+    onChange,
+    onFocus,
+    onBlur,
+    disabled,
+    status,
+    help,
+    placeholder,
+    type,
+    keyboardStyle,
+    autoCapitalize,
+    autoCorrect,
+    autoCompleteType,
+    textContentType,
+    keyboardType,
+    keyType,
+    onSubmit,
+    maxLength,
+    testId,
+    accessibilityLabel,
+    iconNameLeft,
+    iconNameRight,
+    securityGauge,
+    validationRules,
+    onIconClick,
+    required,
+    readOnly,
+    ...others
+  }, ref) => {
+    const inputTestId = testId ? testId : placeholder ? placeholder : "NotSpecified";
+    const inputAccessibilityLabel = accessibilityLabel ? accessibilityLabel : placeholder ? placeholder : "NotSpecified";
+    const animationDuration = 200;
+    const placeholderDefaultSize = 20;
+    const inputIcon = /* @__PURE__ */ new Map();
+    const inputColor = getColorStyle("MAIN" /* MAIN */);
+    inputIcon.set("success" /* SUCCESS */, "tri-check-circle" /* CHECK_CIRCLE */);
+    inputIcon.set("warning" /* WARNING */, "tri-exclamation-circle" /* EXCLAMATION_CIRCLE */);
+    inputIcon.set("error" /* ERROR */, "tri-exclamation-circle" /* EXCLAMATION_CIRCLE */);
+    const [value, setValue] = useState(defaultValue || "");
+    const [email, setEmail] = useState("");
+    const [isFocused, setIsFocused] = useState(false);
+    const [iconPassword, setIconPassword] = useState("tri-eye" /* EYE */);
+    const [dynamicPlaceholder, setDynamicPlaceholder] = useState(false);
+    const [isKeyboardVisible, setKeyboardVisible] = useState(null);
+    const animation = useRef(new Animated.Value(25)).current;
+    const sizeAnimation = useRef(new Animated.Value(placeholderDefaultSize)).current;
+    const paddingTopByPlatform = (os, dynamicPlaceholder2) => {
+      if (dynamicPlaceholder2 && type !== "search" /* SEARCH */ && os === "ios") {
+        return 10;
+      }
+      if (dynamicPlaceholder2 && type !== "search" /* SEARCH */ && os === "android") {
+        return isFocused ? 14 : 15;
+      }
+      return 0;
+    };
+    const handleChange = useCallback((text) => {
+      var _a;
+      setValue(text);
+      setEmail("");
+      const domain = (_a = text.split("@")) == null ? void 0 : _a[1];
+      if (domain) {
+        const domains = ["gmail.com", "bbox.fr"];
+        domains.forEach((item) => {
+          const domainSplit = domain.split("");
+          const itemSplit = item.split("").slice(0, domainSplit.length);
+          if (JSON.stringify(domainSplit) == JSON.stringify(itemSplit)) setEmail(item.slice(domain.length));
+        });
+      }
+    }, []);
+    const handleClick = () => {
+      setValue(value + email);
+      setEmail("");
+    };
+    const handleSubmit = (e) => {
+      onSubmit == null ? void 0 : onSubmit(e);
+      type === "email" /* EMAIL */ && handleClick();
+    };
+    useEffect(() => {
+      setValue(defaultValue || "");
+    }, [defaultValue, placeholder]);
+    useEffect(() => {
+      if (value && value.length > 0 && placeholder && placeholder.length > 0) {
+        setDynamicPlaceholder(true);
+      } else {
+        setDynamicPlaceholder(false);
+      }
+    }, [placeholder, value]);
+    useEffect(() => {
+      if (dynamicPlaceholder && type !== "search" /* SEARCH */) {
+        Animated.timing(animation, {
+          toValue: 3,
+          duration: animationDuration,
+          useNativeDriver: false
+        }).start();
+        Animated.timing(sizeAnimation, {
+          toValue: 12,
+          duration: animationDuration,
+          useNativeDriver: false
+        }).start();
+      } else {
+        Animated.timing(animation, {
+          toValue: 25,
+          duration: animationDuration,
+          useNativeDriver: false
+        }).start();
+        Animated.timing(sizeAnimation, {
+          toValue: placeholderDefaultSize,
+          duration: animationDuration,
+          useNativeDriver: false
+        }).start();
+      }
+    }, [dynamicPlaceholder, animation, sizeAnimation]);
+    useEffect(() => {
+      const keyboardDidShowListener = Keyboard.addListener("keyboardDidShow", () => setKeyboardVisible(true));
+      const keyboardDidHideListener = Keyboard.addListener("keyboardDidHide", () => setKeyboardVisible(false));
+      return () => {
+        keyboardDidHideListener.remove();
+        keyboardDidShowListener.remove();
+      };
+    }, []);
+    useEffect(() => {
+      handleClick();
+    }, [isKeyboardVisible]);
+    const hasIcon = iconNameLeft || iconNameRight || false;
+    const styles = StyleSheet.create({
+      input: {
+        paddingLeft: (iconNameLeft && isFocused || type === "search" /* SEARCH */ && isFocused) && 39 || (iconNameLeft || type === "search" /* SEARCH */) && 40 || !iconNameLeft && type !== "search" /* SEARCH */ && isFocused && 9 || 10,
+        paddingRight: (iconNameRight || type === "search" /* SEARCH */) && 32 || 0,
+        marginTop: paddingTopByPlatform(Platform.OS, dynamicPlaceholder),
+        width: hasIcon && status ? "85%" : "95%",
+        height: 46,
+        color: disabled ? getColorStyle("DISABLED" /* DISABLED */) : inputColor
+      },
+      dynamicPlaceholder: {
+        position: "absolute",
+        left: iconNameLeft ? 40 : 10,
+        color: grayscale(getColorStyle("FONT" /* FONT */)),
+        marginTop: isFocused ? -1 : 0,
+        marginLeft: isFocused ? -1 : 0
+      },
+      help: {
+        fontSize: 12,
+        color: status && status === "success" && getColorStyle("SUCCESS" /* SUCCESS */) || status && status === "warning" && getColorStyle("WARNING" /* WARNING */) || status && status === "error" && getColorStyle("ERROR" /* ERROR */) || status && status === "default" && inputColor || disabled && getColorStyle("DISABLED" /* DISABLED */) || inputColor,
+        paddingLeft: 4,
+        paddingTop: 2
+      },
+      inputWrapper: {
+        position: "relative",
+        justifyContent: "center",
+        alignSelf: "stretch",
+        backgroundColor: disabled ? getColorStyle("DISABLED_FADE" /* DISABLED_FADE */) : getColorStyle("WHITE" /* BACKGROUND */),
+        borderWidth: isFocused ? 2 : 1,
+        borderRadius: 3,
+        borderColor: status && status === "success" && getColorStyle("SUCCESS" /* SUCCESS */) || status && status === "warning" && getColorStyle("WARNING" /* WARNING */) || status && status === "error" && getColorStyle("ERROR" /* ERROR */) || status && status === "default" && inputColor || isFocused && getColorStyle("MAIN" /* MAIN */) || getColorStyle("NEUTRAL" /* NEUTRAL */),
+        height: 46,
+        width: "100%"
+      },
+      inputContainer: {
+        height: 46,
+        width: 46,
+        position: "absolute",
+        right: isFocused ? -1 : 0,
+        justifyContent: "center"
+      },
+      inputContainerLeft: {
+        height: 46,
+        width: 46,
+        position: "absolute",
+        left: isFocused ? -1 : 0,
+        justifyContent: "center"
+      },
+      inputContainerRight: {
+        height: 46,
+        width: 46,
+        position: "absolute",
+        right: isFocused ? -1 : 0,
+        justifyContent: "center"
+      },
+      inputIconLeft: {
+        position: "absolute",
+        left: isFocused ? 9 : 10,
+        top: 0,
+        bottom: 0,
+        alignItems: "center",
+        justifyContent: "center"
+      },
+      text: {
+        zIndex: -1,
+        position: "absolute",
+        fontSize: 14,
+        color: getColorStyle("WHITE" /* BACKGROUND */),
+        bottom: isIOS ? 9 : 5,
+        left: iconNameLeft ? isIOS ? 38 : 37.5 : isIOS ? 8 : 7.5
+      },
+      domain: {
+        zIndex: 1,
+        color: getColorStyle("NEUTRAL" /* NEUTRAL */),
+        fontSize: 13,
+        height: "100%",
+        marginTop: 3,
+        marginBottom: isIOS ? 0 : -3
+      }
+    });
+    return /* @__PURE__ */ React.createElement(
+      View,
+      {
+        style: { width: "100%" },
+        accessible: !!inputAccessibilityLabel,
+        accessibilityLabel: inputAccessibilityLabel,
+        testID: inputTestId
+      },
+      !dynamicPlaceholder && label && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text_native_default, { typo: "has-text-main" /* TEXT_MAIN */ }, label, " ", label && required && /* @__PURE__ */ React.createElement(Text_native_default, { typo: "has-text-error" /* TEXT_ERROR */ }, "*")), /* @__PURE__ */ React.createElement(Spacer_native_default, { size: 12 /* THREE */ })),
+      !dynamicPlaceholder && label && sample && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(Text_native_default, { level: 3 /* THREE */, typo: "has-text-main" /* TEXT_MAIN */ }, sample), /* @__PURE__ */ React.createElement(Spacer_native_default, { size: 12 /* THREE */ })),
+      /* @__PURE__ */ React.createElement(View, { testID: "input-wrapper-id", style: styles.inputWrapper }, dynamicPlaceholder && type !== "search" /* SEARCH */ && /* @__PURE__ */ React.createElement(Animated.Text, { style: [styles.dynamicPlaceholder, { top: animation, fontSize: sizeAnimation }] }, placeholder), /* @__PURE__ */ React.createElement(
+        TextInput,
+        {
+          ref,
+          testID: "input-id",
+          readOnly,
+          clearTextOnFocus: false,
+          secureTextEntry: !!(type && type === "password" /* PASSWORD */ && iconPassword === "tri-eye" /* EYE */),
+          value,
+          editable: !disabled,
+          maxLength,
+          autoCapitalize: autoCapitalize || "none" /* NONE */,
+          keyboardAppearance: keyboardStyle || "default" /* DEFAULT */,
+          autoCorrect: autoCorrect || false,
+          autoComplete: autoCompleteType,
+          returnKeyType: keyType,
+          textContentType: textContentType || "none" /* NONE */,
+          keyboardType: keyboardType || "default" /* DEFAULT */,
+          onSubmitEditing: handleSubmit,
+          onChangeText: (text) => {
+            handleChange(text);
+            if (onChange) {
+              onChange({
+                inputName: name && name || "",
+                inputValue: text,
+                inputSelectionStart: null
+              });
+            }
+          },
+          onFocus: (e) => {
+            setIsFocused(true);
+            onFocus == null ? void 0 : onFocus(e);
+          },
+          onBlur: (e) => {
+            setIsFocused(false);
+            onBlur == null ? void 0 : onBlur(e);
+          },
+          placeholder,
+          placeholderTextColor: disabled ? getColorStyle("DISABLED" /* DISABLED */) : getColorStyle("FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */),
+          style: styles.input,
+          ...others
+        }
+      ), type === "email" && /* @__PURE__ */ React.createElement(Text_native_default, { style: styles.text }, value, /* @__PURE__ */ React.createElement(Text_native_default, { style: styles.domain }, email)), hasIcon && type !== "password" /* PASSWORD */ && type !== "search" /* SEARCH */ && /* @__PURE__ */ React.createElement(View, { style: styles.inputIconLeft }, /* @__PURE__ */ React.createElement(
+        Icon_native_default,
+        {
+          align: "ALIGNED_START" /* ALIGNED_START */,
+          name: iconNameLeft,
+          size: "small" /* SMALL */,
+          color: status && status === "success" && "SUCCESS" /* SUCCESS */ || status && status === "warning" && "WARNING" /* WARNING */ || status && status === "error" && "ERROR" /* ERROR */ || disabled && "DISABLED" /* DISABLED */ || "MAIN" /* MAIN */
+        }
+      )), hasIcon && type !== "search" /* SEARCH */ && status && status !== "default" /* DEFAULT */ && type !== "password" /* PASSWORD */ && /* @__PURE__ */ React.createElement(
+        TouchableOpacity,
+        {
+          style: styles.inputContainer,
+          activeOpacity: onIconClick ? 0.2 : 1,
+          onPress: (e) => {
+            onIconClick == null ? void 0 : onIconClick({
+              inputName: name && name || "",
+              inputValue: value,
+              target: e
+            });
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          Icon_native_default,
+          {
+            testId: "icon-status-id",
+            align: "ALIGNED_CENTER" /* ALIGNED_CENTER */,
+            name: iconNameLeft || iconNameRight || inputIcon.get(status).replace("tri-", "").replace("ui-", ""),
+            size: "small" /* SMALL */,
+            color: status && status === "success" && "SUCCESS" /* SUCCESS */ || status && status === "warning" && "WARNING" /* WARNING */ || status && status === "error" && "ERROR" /* ERROR */ || status && "MAIN" /* MAIN */ || disabled && "DISABLED" /* DISABLED */ || "MAIN" /* MAIN */
+          }
+        )
+      ), iconNameRight && !iconNameLeft && type !== "search" /* SEARCH */ && type !== "password" /* PASSWORD */ && (!status || status === "default" /* DEFAULT */) && /* @__PURE__ */ React.createElement(
+        TouchableOpacity,
+        {
+          style: styles.inputContainerRight,
+          activeOpacity: onIconClick ? 0.2 : 1,
+          onPress: (e) => {
+            onIconClick == null ? void 0 : onIconClick({
+              inputName: name && name || "",
+              inputValue: value,
+              target: e
+            });
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          Icon_native_default,
+          {
+            testId: "icon-right-id",
+            align: "ALIGNED_CENTER" /* ALIGNED_CENTER */,
+            name: iconNameRight,
+            size: "small" /* SMALL */,
+            color: disabled && "DISABLED" /* DISABLED */ || "MAIN" /* MAIN */
+          }
+        )
+      ), type === "password" /* PASSWORD */ && /* @__PURE__ */ React.createElement(React.Fragment, null, iconNameLeft && /* @__PURE__ */ React.createElement(View, { style: [{ paddingLeft: 10 }, styles.inputContainerLeft] }, /* @__PURE__ */ React.createElement(Icon_native_default, { name: iconNameLeft })), /* @__PURE__ */ React.createElement(
+        TouchableOpacity,
+        {
+          style: styles.inputContainerRight,
+          onPress: () => {
+            onIconClick == null ? void 0 : onIconClick({
+              inputName: name && name || "",
+              inputValue: value
+            });
+            if (iconPassword === "tri-eye" /* EYE */) {
+              setIconPassword("tri-eye-slash" /* EYE_SLASH */);
+            } else {
+              setIconPassword("tri-eye" /* EYE */);
+            }
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          Icon_native_default,
+          {
+            testId: "password-id",
+            align: "ALIGNED_CENTER" /* ALIGNED_CENTER */,
+            name: iconPassword,
+            size: "small" /* SMALL */,
+            color: status && status === "success" && "SUCCESS" /* SUCCESS */ || status && status === "warning" && "WARNING" /* WARNING */ || status && status === "error" && "ERROR" /* ERROR */ || status && status === "default" && "MAIN" /* MAIN */ || disabled && "DISABLED" /* DISABLED */ || "MAIN" /* MAIN */
+          }
+        )
+      )), type === "search" /* SEARCH */ && !status && /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(View, { style: styles.inputContainerLeft }, /* @__PURE__ */ React.createElement(
+        Icon_native_default,
+        {
+          align: "ALIGNED_CENTER" /* ALIGNED_CENTER */,
+          name: "tri-search" /* SEARCH */,
+          size: "small" /* SMALL */,
+          color: disabled ? "DISABLED" /* DISABLED */ : "NEUTRAL" /* NEUTRAL */
+        }
+      )), value.length > 0 && /* @__PURE__ */ React.createElement(
+        TouchableOpacity,
+        {
+          testID: "search-id",
+          style: styles.inputContainerRight,
+          onPressIn: () => {
+            onChange == null ? void 0 : onChange({
+              inputName: name && name || "",
+              inputValue: "",
+              inputSelectionStart: null
+            });
+            onIconClick == null ? void 0 : onIconClick({
+              inputName: name && name || "",
+              inputValue: ""
+            });
+            setValue("");
+          }
+        },
+        /* @__PURE__ */ React.createElement(
+          Icon_native_default,
+          {
+            align: "ALIGNED_CENTER" /* ALIGNED_CENTER */,
+            name: "tri-times" /* TIMES_CIRCLE */,
+            size: "small" /* SMALL */,
+            color: disabled ? "DISABLED" /* DISABLED */ : "NEUTRAL" /* NEUTRAL */
+          }
+        )
+      ))),
+      help && /* @__PURE__ */ React.createElement(Text_native_default, { testId: "help-id", style: styles.help }, help),
+      type === "password" /* PASSWORD */ && securityGauge && /* @__PURE__ */ React.createElement(InputGauge_native_default, { validationRules, inputValue: value })
+    );
+  }
+);
+Input.displayName = "Input" /* Input */;
+var Input_native_default = Input;
+
+export {
+  Input_native_default
+};

package/lib/chunk-3ONIJFUC.mjs

@@ -0,0 +1,27 @@
+"use client";
+
+// components/view/ViewProps/index.native.ts
+var ViewMarkup = /* @__PURE__ */ ((ViewMarkup2) => {
+  ViewMarkup2["BUTTON"] = "button";
+  ViewMarkup2["INPUT"] = "input";
+  ViewMarkup2["A"] = "a";
+  ViewMarkup2["SPAN"] = "span";
+  ViewMarkup2["DIV"] = "div";
+  ViewMarkup2["P"] = "p";
+  ViewMarkup2["UL"] = "ul";
+  ViewMarkup2["LI"] = "li";
+  ViewMarkup2["LABEL"] = "label";
+  ViewMarkup2["MAIN"] = "main";
+  ViewMarkup2["SUMMARY"] = "summary";
+  ViewMarkup2["DETAILS"] = "details";
+  ViewMarkup2["OL"] = "ol";
+  ViewMarkup2["DL"] = "dl";
+  ViewMarkup2["DT"] = "dt";
+  ViewMarkup2["DD"] = "dd";
+  ViewMarkup2["DIALOG"] = "dialog";
+  return ViewMarkup2;
+})(ViewMarkup || {});
+
+export {
+  ViewMarkup
+};