@trilogy-ds/react 0.0.9-beta-v4 → 0.0.9-esm-cjs

package/lib/components/text/Text.js

@@ -1,30 +1,28 @@
-import { __assign, __rest } from "tslib";
 import * as React from 'react';
 import clsx from 'clsx';
 import { TextLevels, TextMarkup } from './TextEnum';
 import { is } from '../../services/classify';
 import { hashClass } from '../../helpers/hashClassesHelpers';
 import { useTrilogyContext } from '../../context/index';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * Text component
  * @param children {string} Text child
  * @param inverted {Boolean} Text white color
  * @param level {TextLevels | number} Text size : 1-4
  * @param typo {TypographyColor | TypographyTransform | TypographyBold | TypographyAlign} Typos
- * @param onClick {Function} onClick Event
  * @param skeleton {Boolean} Text Skeleton
  * @param accessibilityLabel {string} Accessibility label
  * @param marginless {boolean} Removes margin after Text
  * @param numberOfLines {number} Ellipsis after limit number of lines
  * - --------------- WEB PROPERTIES ----------------------------------
- * @param className {string} Additionnal css classes
+ * @param className {string} Additional css classes
  * @param markup {TextMarkup} Text markup
  * - --------------- NATIVE PROPERTIES ----------------------------------
  */
-var Text = function (_a) {
-    var level = _a.level, markup = _a.markup, children = _a.children, className = _a.className, id = _a.id, typo = _a.typo, inverted = _a.inverted, skeleton = _a.skeleton, accessibilityLabel = _a.accessibilityLabel, marginless = _a.marginless, numberOfLines = _a.numberOfLines, others = __rest(_a, ["level", "markup", "children", "className", "id", "typo", "inverted", "skeleton", "accessibilityLabel", "marginless", "numberOfLines"]);
-    var styled = useTrilogyContext().styled;
-    var levelText = function () {
+const Text = React.forwardRef(({ level, markup, children, className, id, typo, inverted, skeleton, accessibilityLabel, marginless, numberOfLines, ...others }, ref) => {
+    const { styled } = useTrilogyContext();
+    const levelText = () => {
         if (level) {
             switch (level) {
                 case TextLevels.ONE:
@@ -36,20 +34,21 @@ var Text = function (_a) {
                 case TextLevels.FOUR:
                     return is('level-4');
                 default:
-                    return is("level-".concat(level));
+                    return is(`level-${level}`);
             }
         }
     };
-    var classes = hashClass(styled, clsx('text', level && levelText(), inverted && is('inverted'), typo, skeleton && is('loading'), marginless && is('marginless'), numberOfLines && is('text-ellipsis'), className));
+    const classes = hashClass(styled, clsx('text', level && levelText(), inverted && is('inverted'), typo, skeleton && is('loading'), marginless && is('marginless'), numberOfLines && is('text-ellipsis'), className));
     /**
      * If no markup return p with default level 1
      */
-    var isCorrectMarkup = function (stringMarkup) {
+    const isCorrectMarkup = (stringMarkup) => {
         if (stringMarkup in TextMarkup || Object.values(TextMarkup).includes(stringMarkup))
             return true;
     };
-    var Tag = markup && isCorrectMarkup(markup) ? markup : 'p';
-    return (React.createElement(Tag, __assign({ id: id, style: numberOfLines ? { WebkitLineClamp: numberOfLines } : {}, "aria-label": accessibilityLabel, className: classes }, others), children));
-};
+    const Tag = markup && isCorrectMarkup(markup) ? markup : 'p';
+    return (React.createElement(Tag, { ref: ref, id: id, style: numberOfLines ? { WebkitLineClamp: numberOfLines } : {}, "aria-label": accessibilityLabel, className: classes, ...others }, children));
+});
+Text.displayName = ComponentName.Text;
 export default Text;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGV4dC9UZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFvQixNQUFNLFlBQVksQ0FBQTtBQUNyRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBRW5EOzs7Ozs7Ozs7Ozs7Ozs7R0FlRztBQUNILElBQU0sSUFBSSxHQUFHLFVBQUMsRUFhRjtJQVpWLElBQUEsS0FBSyxXQUFBLEVBQ0wsTUFBTSxZQUFBLEVBQ04sUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsRUFBRSxRQUFBLEVBQ0YsSUFBSSxVQUFBLEVBQ0osUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1Isa0JBQWtCLHdCQUFBLEVBQ2xCLFVBQVUsZ0JBQUEsRUFDVixhQUFhLG1CQUFBLEVBQ1YsTUFBTSxjQVpHLHVJQWFiLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUV0QyxJQUFNLFNBQVMsR0FBRztRQUNoQixJQUFJLEtBQUssRUFBRTtZQUNULFFBQVEsS0FBSyxFQUFFO2dCQUNiLEtBQUssVUFBVSxDQUFDLEdBQUc7b0JBQ2pCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO2dCQUN0QixLQUFLLFVBQVUsQ0FBQyxHQUFHO29CQUNqQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtnQkFDdEIsS0FBSyxVQUFVLENBQUMsS0FBSztvQkFDbkIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUE7Z0JBQ3RCLEtBQUssVUFBVSxDQUFDLElBQUk7b0JBQ2xCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO2dCQUN0QjtvQkFDRSxPQUFPLEVBQUUsQ0FBQyxnQkFBUyxLQUFLLENBQUUsQ0FBQyxDQUFBO2FBQzlCO1NBQ0Y7SUFDSCxDQUFDLENBQUE7SUFFRCxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLEtBQUssSUFBSSxTQUFTLEVBQUUsRUFDcEIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsSUFBSSxFQUNKLFFBQVEsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3pCLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLGFBQWEsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLEVBQ3BDLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRDs7T0FFRztJQUNILElBQU0sZUFBZSxHQUFHLFVBQUMsWUFBMkM7UUFDbEUsSUFBSSxZQUFZLElBQUksVUFBVSxJQUFJLE1BQU0sQ0FBQyxNQUFNLENBQUMsVUFBVSxDQUFDLENBQUMsUUFBUSxDQUFDLFlBQTBCLENBQUM7WUFBRSxPQUFPLElBQUksQ0FBQTtJQUMvRyxDQUFDLENBQUE7SUFFRCxJQUFNLEdBQUcsR0FBRyxNQUFNLElBQUksZUFBZSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLEdBQUcsQ0FBQTtJQUU1RCxPQUFPLENBQ0wsb0JBQUMsR0FBRyxhQUNGLEVBQUUsRUFBRSxFQUFFLEVBQ04sS0FBSyxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsZ0JBQ2xELGtCQUFrQixFQUM5QixTQUFTLEVBQUUsT0FBTyxJQUNkLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxJQUFJLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvdGV4dC9UZXh0LnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFFdkIsT0FBTyxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQW9CLE1BQU0sWUFBWSxDQUFBO0FBQ3JFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7Ozs7Ozs7OztHQWNHO0FBQ0gsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBcUIsQ0FBQyxFQUNqRCxLQUFLLEVBQ0wsTUFBTSxFQUNOLFFBQVEsRUFDUixTQUFTLEVBQ1QsRUFBRSxFQUNGLElBQUksRUFDSixRQUFRLEVBQ1IsUUFBUSxFQUNSLGtCQUFrQixFQUNsQixVQUFVLEVBQ1YsYUFBYSxFQUNiLEdBQUcsTUFBTSxFQUNWLEVBQUUsR0FBRyxFQUFlLEVBQUU7SUFDckIsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLGlCQUFpQixFQUFFLENBQUE7SUFFdEMsTUFBTSxTQUFTLEdBQUcsR0FBRyxFQUFFO1FBQ3JCLElBQUksS0FBSyxFQUFFLENBQUM7WUFDVixRQUFRLEtBQUssRUFBRSxDQUFDO2dCQUNkLEtBQUssVUFBVSxDQUFDLEdBQUc7b0JBQ2pCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO2dCQUN0QixLQUFLLFVBQVUsQ0FBQyxHQUFHO29CQUNqQixPQUFPLEVBQUUsQ0FBQyxTQUFTLENBQUMsQ0FBQTtnQkFDdEIsS0FBSyxVQUFVLENBQUMsS0FBSztvQkFDbkIsT0FBTyxFQUFFLENBQUMsU0FBUyxDQUFDLENBQUE7Z0JBQ3RCLEtBQUssVUFBVSxDQUFDLElBQUk7b0JBQ2xCLE9BQU8sRUFBRSxDQUFDLFNBQVMsQ0FBQyxDQUFBO2dCQUN0QjtvQkFDRSxPQUFPLEVBQUUsQ0FBQyxTQUFTLEtBQUssRUFBRSxDQUFDLENBQUE7WUFDL0IsQ0FBQztRQUNILENBQUM7SUFDSCxDQUFDLENBQUE7SUFFRCxNQUFNLE9BQU8sR0FBRyxTQUFTLENBQ3ZCLE1BQU0sRUFDTixJQUFJLENBQ0YsTUFBTSxFQUNOLEtBQUssSUFBSSxTQUFTLEVBQUUsRUFDcEIsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsSUFBSSxFQUNKLFFBQVEsSUFBSSxFQUFFLENBQUMsU0FBUyxDQUFDLEVBQ3pCLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLGFBQWEsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLEVBQ3BDLFNBQVMsQ0FDVixDQUNGLENBQUE7SUFFRDs7T0FFRztJQUNILE1BQU0sZUFBZSxHQUFHLENBQUMsWUFBMkMsRUFBRSxFQUFFO1FBQ3RFLElBQUksWUFBWSxJQUFJLFVBQVUsSUFBSSxNQUFNLENBQUMsTUFBTSxDQUFDLFVBQVUsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxZQUEwQixDQUFDO1lBQUUsT0FBTyxJQUFJLENBQUE7SUFDL0csQ0FBQyxDQUFBO0lBRUQsTUFBTSxHQUFHLEdBQUcsTUFBTSxJQUFJLGVBQWUsQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxHQUFHLENBQUE7SUFFNUQsT0FBTyxDQUNMLG9CQUFDLEdBQUcsSUFDRixHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sS0FBSyxFQUFFLGFBQWEsQ0FBQyxDQUFDLENBQUMsRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLENBQUMsQ0FBQyxDQUFDLEVBQUUsZ0JBQ2xELGtCQUFrQixFQUM5QixTQUFTLEVBQUUsT0FBTyxLQUNkLE1BQU0sSUFFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixJQUFJLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxJQUFJLENBQUE7QUFDckMsZUFBZSxJQUFJLENBQUEifQ==

package/lib/components/text/Text.mjs

@@ -0,0 +1,13 @@
+"use client";
+import {
+  Text_default
+} from "../../chunk-GRUJ62D7.mjs";
+import "../../chunk-SWVRRUW7.mjs";
+import "../../chunk-UFMRE754.mjs";
+import "../../chunk-4ZJQXF2V.mjs";
+import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-ZB4OWTDD.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  Text_default as default
+};

package/lib/components/text/Text.native.d.ts

@@ -1,12 +1,11 @@
-/// <reference types="react" />
+import React from 'react';
+import { Text as TextNative } from 'react-native';
 import { TextProps } from './TextProps';
-import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Text Native Component
  * @param children {string} Text child
  * @param level {TextLevels|number} Title size : 1-4
  * @param inverted {Boolean} Text white color
- * @param onClick {Function} onClick Event
  * @param style {Object} Additional style
  * @param typo {string} Text typo
  * @param skeleton {Boolean} Text Skeleton
@@ -14,8 +13,5 @@ import { ComponentName } from '../../components/enumsComponentsName';
  * @param numberOfLines {number} Ellipsis after limit number of lines
  * @param others
  */
-declare const Text: {
-    ({ children, level, style, inverted, typo, skeleton, accessibilityLabel, numberOfLines, ...others }: TextProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Text: React.ForwardRefExoticComponent<TextProps & React.RefAttributes<TextNative>>;
 export default Text;

package/lib/components/text/Text.native.js

@@ -1,18 +1,17 @@
-import { __assign, __rest } from "tslib";
-import React, { useContext } from 'react';
-import { Platform, StyleSheet, Text as TextNative, View } from 'react-native';
-import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor } from '../../objects/Typography';
-import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
-import { TextLevels } from './TextEnum';
-import ContentLoader, { Rect } from 'react-content-loader/native';
 import { ComponentName } from '../../components/enumsComponentsName';
 import { StatesContext } from '../../context/providerStates';
+import { isAndroid } from '../../helpers/device/index.native';
+import { getTypographyBoldStyle, setTypographyAlign, setTypographyColor } from '../../objects/Typography/index.native';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color/index.native';
+import React, { useContext } from 'react';
+import ContentLoader, { Rect } from 'react-content-loader/native';
+import { StyleSheet, Text as TextNative, View } from 'react-native';
+import { TextLevels } from './TextEnum';
 /**
  * Text Native Component
  * @param children {string} Text child
  * @param level {TextLevels|number} Title size : 1-4
  * @param inverted {Boolean} Text white color
- * @param onClick {Function} onClick Event
  * @param style {Object} Additional style
  * @param typo {string} Text typo
  * @param skeleton {Boolean} Text Skeleton
@@ -20,21 +19,20 @@ import { StatesContext } from '../../context/providerStates';
  * @param numberOfLines {number} Ellipsis after limit number of lines
  * @param others
  */
-var Text = function (_a) {
-    var children = _a.children, level = _a.level, style = _a.style, inverted = _a.inverted, typo = _a.typo, skeleton = _a.skeleton, accessibilityLabel = _a.accessibilityLabel, _b = _a.numberOfLines, numberOfLines = _b === void 0 ? 0 : _b, others = __rest(_a, ["children", "level", "style", "inverted", "typo", "skeleton", "accessibilityLabel", "numberOfLines"]);
-    var statesContext = useContext(StatesContext);
-    var textLevels = function (level) {
+const Text = React.forwardRef(({ children, level, style, inverted, typo, skeleton, accessibilityLabel, numberOfLines = 0, ...others }, ref) => {
+    const statesContext = useContext(StatesContext);
+    const textLevels = (level) => {
         return ((level && level == TextLevels.ONE && 16) ||
             (level && level == TextLevels.TWO && 14) ||
             (level && level == TextLevels.THREE && 12) ||
             (level && level == TextLevels.FOUR && 10) ||
             14);
     };
-    var styles = StyleSheet.create({
+    const styles = StyleSheet.create({
         text: {
             fontFamily: getTypographyBoldStyle(typo),
             fontSize: textLevels(level),
-            color: (!skeleton && setTypographyColor(typo, inverted || statesContext.inverted)) || 'transparent',
+            color: setTypographyColor(typo, inverted || statesContext.inverted, skeleton),
             textAlign: setTypographyAlign(typo),
             lineHeight: textLevels(level) * 1.2,
             textDecorationLine: 'none',
@@ -59,20 +57,20 @@ var Text = function (_a) {
             height: textLevels(level),
         },
     });
-    var textAccessibilityLabel = accessibilityLabel
+    const textAccessibilityLabel = accessibilityLabel
         ? accessibilityLabel
         : typeof children === 'string'
             ? children
             : undefined;
-    var textView = (React.createElement(TextNative, __assign({ numberOfLines: numberOfLines, ellipsizeMode: 'tail', maxFontSizeMultiplier: 1.3, accessible: !!textAccessibilityLabel, accessibilityLabel: textAccessibilityLabel, style: [styles.text, style] }, others), children));
+    let textView = (React.createElement(TextNative, { ref: ref, numberOfLines: numberOfLines, ellipsizeMode: 'tail', maxFontSizeMultiplier: 1.3, accessible: !!textAccessibilityLabel, accessibilityLabel: textAccessibilityLabel, style: [styles.text, style], ...others }, children));
     if (skeleton) {
         textView = (React.createElement(ContentLoader, { style: styles.skeleton },
             textView,
-            Platform.OS === 'android' && (React.createElement(View, null,
+            isAndroid && (React.createElement(View, null,
                 React.createElement(Rect, { rx: '7', ry: '7', width: '100%', height: '100%' })))));
     }
     return textView;
-};
+});
 Text.displayName = ComponentName.Text;
 export default Text;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN6QyxPQUFPLEVBQUUsUUFBUSxFQUFFLFVBQVUsRUFBRSxJQUFJLElBQUksVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUU3RSxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsa0JBQWtCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUNyRyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQW1CLE1BQU0sWUFBWSxDQUFBO0FBQ3hELE9BQU8sYUFBYSxFQUFFLEVBQUUsSUFBSSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUV4RDs7Ozs7Ozs7Ozs7O0dBWUc7QUFDSCxJQUFNLElBQUksR0FBRyxVQUFDLEVBVUY7SUFUVixJQUFBLFFBQVEsY0FBQSxFQUNSLEtBQUssV0FBQSxFQUNMLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLFFBQVEsY0FBQSxFQUNSLGtCQUFrQix3QkFBQSxFQUNsQixxQkFBaUIsRUFBakIsYUFBYSxtQkFBRyxDQUFDLEtBQUEsRUFDZCxNQUFNLGNBVEcscUdBVWIsQ0FEVTtJQUVULElBQU0sYUFBYSxHQUFHLFVBQVUsQ0FBQyxhQUFhLENBQUMsQ0FBQTtJQUMvQyxJQUFNLFVBQVUsR0FBRyxVQUFDLEtBQW1DO1FBQ3JELE9BQU8sQ0FDTCxDQUFDLEtBQUss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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvVGV4dC5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDeEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLCtCQUErQixDQUFBO0FBQ3pELE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxrQkFBa0IsRUFBRSxrQkFBa0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFBO0FBQ2xILE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0scUNBQXFDLENBQUE7QUFDakYsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxhQUFhLEVBQUUsRUFBRSxJQUFJLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQTtBQUNqRSxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksSUFBSSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ25FLE9BQU8sRUFBRSxVQUFVLEVBQW1CLE1BQU0sWUFBWSxDQUFBO0FBR3hEOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsTUFBTSxJQUFJLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDM0IsQ0FDRSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsS0FBSyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLGtCQUFrQixFQUFFLGFBQWEsR0FBRyxDQUFDLEVBQUUsR0FBRyxNQUFNLEVBQUUsRUFDdEcsR0FBRyxFQUNVLEVBQUU7SUFDZixNQUFNLGFBQWEsR0FBRyxVQUFVLENBQUMsYUFBYSxDQUFDLENBQUE7SUFDL0MsTUFBTSxVQUFVLEdBQUcsQ0FBQyxLQUFtQyxFQUFFLEVBQUU7UUFDekQsT0FBTyxDQUNM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

package/lib/components/text/TextEnum.d.mts

@@ -0,0 +1,24 @@
+/**
+ * New Text Levels
+ */
+export declare enum TextLevels {
+    ONE = 1,
+    TWO = 2,
+    THREE = 3,
+    FOUR = 4
+}
+/**
+ * Text size values
+ */
+export type TextLevelValues = TextLevels;
+/**
+ * List of available Markup for Text
+ */
+export declare enum TextMarkup {
+    P = "p",
+    SPAN = "span"
+}
+/**
+ * List of available Markup values for Text
+ */
+export type TextMarkupValues = `${TextMarkup}`;

package/lib/components/text/TextEnum.mjs

@@ -0,0 +1,10 @@
+"use client";
+import {
+  TextLevels,
+  TextMarkup
+} from "../../chunk-4ZJQXF2V.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  TextLevels,
+  TextMarkup
+};

package/lib/components/text/TextProps.d.mts

@@ -0,0 +1,28 @@
+import { TypographyAlign, TypographyAlignValues } from '../../objects/Typography/TypographyAlign';
+import { TypographyBold, TypographyBoldValues } from '../../objects/Typography/TypographyBold';
+import { TypographyColor, TypographyColorValues } from '../../objects/Typography/TypographyColor';
+import { TypographyTransform, TypographyTransformValues } from '../../objects/Typography/TypographyTransform';
+import { Accessibility, Dev, Invertable } from '../../objects/facets';
+import { TextLevels, TextLevelValues, TextMarkup, TextMarkupValues } from './TextEnum';
+import { CommonProps } from '../../objects/facets/CommonProps';
+import { Text } from 'react-native';
+type Styles = {
+    [key: string]: any;
+};
+type Typo = TypographyColor | TypographyColorValues | TypographyTransform | TypographyTransformValues | TypographyBold | TypographyBoldValues | TypographyAlign | TypographyAlignValues;
+/**
+ * Text Interface
+ */
+export interface TextProps extends Invertable, Accessibility, Dev, CommonProps {
+    level?: TextLevels | TextLevelValues;
+    children?: React.ReactNode;
+    typo?: Typo | Array<string>;
+    markup?: TextMarkup | TextMarkupValues;
+    style?: Styles;
+    skeleton?: boolean;
+    marginless?: boolean;
+    numberOfLines?: number;
+}
+export type TextRef = HTMLParagraphElement;
+export type TextNativeRef = Text;
+export {};

package/lib/components/text/TextProps.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { TypographyAlign, TypographyAlignValues } from '../../objects/Typography/TypographyAlign';
 import { TypographyBold, TypographyBoldValues } from '../../objects/Typography/TypographyBold';
 import { TypographyColor, TypographyColorValues } from '../../objects/Typography/TypographyColor';
@@ -6,6 +5,7 @@ import { TypographyTransform, TypographyTransformValues } from '../../objects/Ty
 import { Accessibility, Dev, Invertable } from '../../objects/facets';
 import { TextLevels, TextLevelValues, TextMarkup, TextMarkupValues } from './TextEnum';
 import { CommonProps } from '../../objects/facets/CommonProps';
+import { Text } from 'react-native';
 type Styles = {
     [key: string]: any;
 };
@@ -23,4 +23,6 @@ export interface TextProps extends Invertable, Accessibility, Dev, CommonProps {
     marginless?: boolean;
     numberOfLines?: number;
 }
+export type TextRef = HTMLParagraphElement;
+export type TextNativeRef = Text;
 export {};

package/lib/components/text/TextProps.mjs

@@ -0,0 +1,2 @@
+"use client";
+import "../../chunk-P6NVOAAH.mjs";

package/lib/components/text/index.d.mts

@@ -0,0 +1,4 @@
+import Text from './Text';
+export * from './TextEnum';
+export * from './TextProps';
+export { Text };

package/lib/components/text/index.d.ts

@@ -1,3 +1,4 @@
 import Text from './Text';
 export * from './TextEnum';
+export * from './TextProps';
 export { Text };

package/lib/components/text/index.js

@@ -1,4 +1,5 @@
 import Text from './Text';
 export * from './TextEnum';
+export * from './TextProps';
 export { Text };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sSUFBSSxNQUFNLFFBQVEsQ0FBQTtBQUV6QixjQUFjLFlBQVksQ0FBQTtBQUUxQixPQUFPLEVBQUUsSUFBSSxFQUFFLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sUUFBUSxDQUFBO0FBRXpCLGNBQWMsWUFBWSxDQUFBO0FBQzFCLGNBQWMsYUFBYSxDQUFBO0FBRTNCLE9BQU8sRUFBRSxJQUFJLEVBQUUsQ0FBQSJ9

package/lib/components/text/index.mjs

@@ -0,0 +1,20 @@
+"use client";
+import "../../chunk-BVZWKYND.mjs";
+import {
+  Text_default
+} from "../../chunk-GRUJ62D7.mjs";
+import "../../chunk-P6NVOAAH.mjs";
+import "../../chunk-SWVRRUW7.mjs";
+import "../../chunk-UFMRE754.mjs";
+import {
+  TextLevels,
+  TextMarkup
+} from "../../chunk-4ZJQXF2V.mjs";
+import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-ZB4OWTDD.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  Text_default as Text,
+  TextLevels,
+  TextMarkup
+};

package/lib/components/text/index.native.d.ts

@@ -0,0 +1,4 @@
+import Text from './Text.native';
+export * from './TextEnum';
+export * from './TextProps';
+export { Text };

package/lib/components/text/index.native.js

@@ -0,0 +1,5 @@
+import Text from './Text.native';
+export * from './TextEnum';
+export * from './TextProps';
+export { Text };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy90ZXh0L2luZGV4Lm5hdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLElBQUksTUFBTSxlQUFlLENBQUE7QUFFaEMsY0FBYyxZQUFZLENBQUE7QUFDMUIsY0FBYyxhQUFhLENBQUE7QUFFM0IsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFBIn0=

package/lib/components/textarea/Textarea.d.mts

@@ -0,0 +1,28 @@
+import React from 'react';
+import { TextareaProps } from './TextareaProps';
+/**
+ * Textarea Component
+ * @param disabled {boolean} Disabled textarea
+ * @param label {string} Label for textarea
+ * @param sample {string} Sample for textarea (below label)
+ * @param name {string} Textarea name
+ * @param onChange {Function} OnChange textarea Event
+ * @param placeholder {string} Placeholder textarea
+ * @param defaultValue {string} Default Value for textarea
+ * @param help {string} Help for textarea
+ * @param ref Pass a ref for textarea
+ * @param maxLength {number} Textarea max length
+ * @param rows {number} Textarea rows
+ * @param iconName {IconName | IconNameValues} display Icon
+ * @param statusIconName {IconName | IconNameValues} display status Icon
+ * @param dynamicPlaceholder {boolean}
+ * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
+ * @param required {boolean} Required
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param minLength {number} Textarea min length
+ * @param typo {TypographyColor | TypographyColorValues} change help typo
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ */
+declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
+export default Textarea;

package/lib/components/textarea/Textarea.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { TextareaProps } from './TextareaProps';
 /**
  * Textarea Component
@@ -19,10 +19,10 @@ import { TextareaProps } from './TextareaProps';
  * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
  * @param required {boolean} Required
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param minLength {number} Textarea min length
  * @param typo {TypographyColor | TypographyColorValues} change help typo
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  */
-declare const Textarea: ({ className, id, sample, required, disabled, onChange, placeholder, defaultValue, help, status, dynamicPlaceholder, rows, ref, label, maxLength, minLength, iconNameLeft, iconNameRight, ...others }: TextareaProps) => JSX.Element;
+declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export default Textarea;

package/lib/components/textarea/Textarea.js

@@ -1,13 +1,13 @@
-import { __assign, __read, __rest } from "tslib";
 /* eslint-disable @typescript-eslint/no-unused-vars */
-import React, { useEffect, useState } from 'react';
-import clsx from 'clsx';
-import { Text, TextLevels, TextMarkup } from '../../components/text';
-import { has, is } from '../../services';
 import { Icon } from '../../components/icon';
-import { hashClass } from '../../helpers';
-import { useTrilogyContext } from '../../context';
-import { TypographyColor } from '../../objects';
+import { Text, TextLevels, TextMarkup } from '../../components/text';
+import { useTrilogyContext } from '../../context/index';
+import { hashClass } from '../../helpers/index';
+import { TypographyColor } from '../../objects/index';
+import { has, is } from '../../services/index';
+import clsx from 'clsx';
+import React, { useEffect, useState } from 'react';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * Textarea Component
  * @param disabled {boolean} Disabled textarea
@@ -27,42 +27,43 @@ import { TypographyColor } from '../../objects';
  * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
  * @param required {boolean} Required
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param minLength {number} Textarea min length
  * @param typo {TypographyColor | TypographyColorValues} change help typo
  * - -------------------------- NATIVE PROPERTIES -------------------------------
  */
-var Textarea = function (_a) {
-    var className = _a.className, id = _a.id, sample = _a.sample, required = _a.required, disabled = _a.disabled, onChange = _a.onChange, placeholder = _a.placeholder, defaultValue = _a.defaultValue, help = _a.help, status = _a.status, _b = _a.dynamicPlaceholder, dynamicPlaceholder = _b === void 0 ? true : _b, rows = _a.rows, ref = _a.ref, label = _a.label, maxLength = _a.maxLength, minLength = _a.minLength, iconNameLeft = _a.iconNameLeft, iconNameRight = _a.iconNameRight, others = __rest(_a, ["className", "id", "sample", "required", "disabled", "onChange", "placeholder", "defaultValue", "help", "status", "dynamicPlaceholder", "rows", "ref", "label", "maxLength", "minLength", "iconNameLeft", "iconNameRight"]);
-    var _c = __read(useState(defaultValue || ''), 2), value = _c[0], setValue = _c[1];
-    var styled = useTrilogyContext().styled;
-    useEffect(function () {
+const Textarea = React.forwardRef(({ className, id, sample, required, disabled, onChange, placeholder, defaultValue, help, status, dynamicPlaceholder = true, rows, label, maxLength, minLength, iconNameLeft, iconNameRight, ...others }, ref) => {
+    const [value, setValue] = useState(defaultValue || '');
+    const { styled } = useTrilogyContext();
+    useEffect(() => {
         setValue(defaultValue || '');
     }, [defaultValue]);
-    var wrapperClasses = hashClass(styled, clsx('textarea-wrapper', className, status && is(status)));
-    var classes = hashClass(styled, clsx('textarea', dynamicPlaceholder && has('dynamic-label'), iconNameLeft && has('icon')));
-    var helpClasses = clsx('help', status && is(status));
-    var counterClasses = hashClass(styled, clsx('counter', maxLength));
+    const wrapperClasses = hashClass(styled, clsx('field textarea-wrapper', className, status && is(status)));
+    const classes = hashClass(styled, clsx('textarea'));
+    const helpClasses = clsx('help', status && is(status));
+    const counterClasses = hashClass(styled, clsx('counter', maxLength));
+    const controlClasses = hashClass(styled, clsx('control', iconNameLeft && has('icons-left'), iconNameRight && has('icons-right')));
     return (React.createElement("div", { id: id, className: wrapperClasses },
-        !dynamicPlaceholder && (React.createElement("label", { className: 'textarea-label' },
+        label && (React.createElement("label", { className: hashClass(styled, 'textarea-label'), htmlFor: id },
             label,
             ' ',
-            label && required && (React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR }, "*")))),
-        !dynamicPlaceholder && label && sample && (React.createElement(Text, { className: 'textarea-sample', level: TextLevels.TWO, typo: TypographyColor.TEXT_DISABLED }, sample)),
-        React.createElement("textarea", __assign({ minLength: minLength, disabled: disabled, ref: ref }, others, { className: classes, value: value, onChange: function (e) {
-                setValue(e.target.value);
-                if (onChange) {
-                    onChange({
-                        textareaName: e.target.name,
-                        textareaValue: e.target.value,
-                    });
-                }
-            }, placeholder: placeholder, rows: rows, maxLength: maxLength, required: required })),
-        dynamicPlaceholder && React.createElement("label", null, label),
-        iconNameLeft && React.createElement(Icon, { name: iconNameLeft, size: 'small' }),
-        iconNameRight && React.createElement(Icon, { name: iconNameRight, size: 'small' }),
-        help && (React.createElement(Text, { className: helpClasses }, help)),
-        maxLength && React.createElement("div", { className: counterClasses }, "".concat(value.length, "/").concat(maxLength === null || maxLength === void 0 ? void 0 : maxLength.toString()))));
-};
+            required && (React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR }, "*")))),
+        sample && (React.createElement(Text, { className: 'input-sample', level: TextLevels.TWO, id: id }, sample)),
+        React.createElement("div", { className: controlClasses },
+            React.createElement("textarea", { ref: ref, minLength: minLength, disabled: disabled, className: classes, value: value, onChange: (e) => {
+                    setValue(e.target.value);
+                    if (onChange) {
+                        onChange({
+                            textareaName: e.target.name,
+                            textareaValue: e.target.value,
+                        });
+                    }
+                }, placeholder: placeholder, rows: rows, maxLength: maxLength, required: required, ...others }),
+            iconNameLeft && React.createElement(Icon, { name: iconNameLeft, size: 'small', className: 'icon-left' }),
+            iconNameRight && React.createElement(Icon, { name: iconNameRight, size: 'small', className: 'icon-right' }),
+            maxLength && React.createElement("div", { className: counterClasses }, `${value.length}/${maxLength?.toString()}`)),
+        help && React.createElement(Text, { className: helpClasses }, help)));
+});
+Textarea.displayName = ComponentName.Textarea;
 export default Textarea;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL1RleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsc0RBQXNEO0FBQ3RELE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUNsRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFaEUsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDcEMsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFM0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBdUJHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQW9CRjtJQW5CZCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFdBQVcsaUJBQUEsRUFDWCxZQUFZLGtCQUFBLEVBQ1osSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sMEJBQXlCLEVBQXpCLGtCQUFrQixtQkFBRyxJQUFJLEtBQUEsRUFDekIsSUFBSSxVQUFBLEVBQ0osR0FBRyxTQUFBLEVBQ0gsS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBLEVBQ1QsU0FBUyxlQUFBLEVBQ1QsWUFBWSxrQkFBQSxFQUNaLGFBQWEsbUJBQUEsRUFDVixNQUFNLGNB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RleHRhcmVhL1RleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxzREFBc0Q7QUFDdEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUMzQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDakQsT0FBTyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUMxQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUd0RDs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F1Qkc7QUFDSCxNQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUMvQixDQUNFLEVBQ0UsU0FBUyxFQUNULEVBQUUsRUFDRixNQUFNLEVBQ04sUUFBUSxFQUNSLFFBQVEsRUFDUixRQUFRLEVBQ1IsV0FBVyxFQUNYLFlBQVksRUFDWixJQUFJLEVBQ0osTUFBTSxFQUNOLGtCQUFrQixHQUFHLElBQUksRUFDekIsSUFBSSxFQUNKLEtBQUssRUFDTCxTQUFTLEVBQ1QsU0FBUyxFQUNULFlBQVksRUFDWixhQUFhLEVBQ2IsR0FBRyxNQUFNLEVBQ1YsRUFDRCxHQUFHLEVBQ1UsRUFBRTtJQUNmLE1BQU0sQ0FBQyxLQUFLLEVBQUUsUUFBUSxD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

package/lib/components/textarea/Textarea.mjs

@@ -0,0 +1,66 @@
+"use client";
+import {
+  Textarea_default
+} from "../../chunk-BYI6QXDV.mjs";
+import "../../chunk-BVZWKYND.mjs";
+import "../../chunk-GRUJ62D7.mjs";
+import "../../chunk-P6NVOAAH.mjs";
+import "../../chunk-MAMQO43Y.mjs";
+import "../../chunk-HQESKFCX.mjs";
+import "../../chunk-RXBVZD3M.mjs";
+import "../../chunk-DB5J6PBL.mjs";
+import "../../chunk-GP5CJGRF.mjs";
+import "../../chunk-HQXKHRER.mjs";
+import "../../chunk-NVH4ZPGW.mjs";
+import "../../chunk-62DJK35E.mjs";
+import "../../chunk-PAEZ47M2.mjs";
+import "../../chunk-A2ASOVUR.mjs";
+import "../../chunk-3XMSRU64.mjs";
+import "../../chunk-L5TMSDJR.mjs";
+import "../../chunk-RJO5KKUW.mjs";
+import "../../chunk-R7HI6GOP.mjs";
+import "../../chunk-SUNBSFL4.mjs";
+import "../../chunk-A4CI2ZMI.mjs";
+import "../../chunk-UTA75ELV.mjs";
+import "../../chunk-L25MU6JT.mjs";
+import "../../chunk-6TNYDJM7.mjs";
+import "../../chunk-QOEJLTZN.mjs";
+import "../../chunk-B6WC6WS2.mjs";
+import "../../chunk-K2VWHGPL.mjs";
+import "../../chunk-FTTU4DJW.mjs";
+import "../../chunk-L7CNF7H6.mjs";
+import "../../chunk-6BTWLQPI.mjs";
+import "../../chunk-G6BHSMLA.mjs";
+import "../../chunk-THOTRBD4.mjs";
+import "../../chunk-XIQL4ZTN.mjs";
+import "../../chunk-UUXUTBLZ.mjs";
+import "../../chunk-F5FPTZND.mjs";
+import "../../chunk-IGMJNGTZ.mjs";
+import "../../chunk-5QUXSOHX.mjs";
+import "../../chunk-ACSGONQB.mjs";
+import "../../chunk-ATW7ITPH.mjs";
+import "../../chunk-JA5LYEG4.mjs";
+import "../../chunk-HV6TXVFA.mjs";
+import "../../chunk-AD63JH53.mjs";
+import "../../chunk-YYWCL3GN.mjs";
+import "../../chunk-Y3J6NXB4.mjs";
+import "../../chunk-CYNSXZSV.mjs";
+import "../../chunk-L4UDEKQK.mjs";
+import "../../chunk-WC3ULY5W.mjs";
+import "../../chunk-JOSZ4COK.mjs";
+import "../../chunk-P372ZF3A.mjs";
+import "../../chunk-Y7CEUBIZ.mjs";
+import "../../chunk-ODKCJMCG.mjs";
+import "../../chunk-HU3FAWMX.mjs";
+import "../../chunk-OGATDHMZ.mjs";
+import "../../chunk-A35Q44N2.mjs";
+import "../../chunk-SWVRRUW7.mjs";
+import "../../chunk-UFMRE754.mjs";
+import "../../chunk-4ZJQXF2V.mjs";
+import "../../chunk-4UHBBNZ7.mjs";
+import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-ZB4OWTDD.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  Textarea_default as default
+};

package/lib/components/textarea/Textarea.native.d.ts

@@ -1,4 +1,33 @@
 import React from 'react';
+import { TextInput } from 'react-native';
 import { TextareaNativeProps } from './TextareaProps';
-declare const _default: React.ForwardRefExoticComponent<Omit<TextareaNativeProps, "ref"> & React.RefAttributes<unknown>>;
-export default _default;
+/**
+ * Textarea Component
+ * @param disabled {boolean} Disabled textarea
+ * @param label {string} Label for textarea
+ * @param sample {string} Sample for textarea (below label)
+ * @param name {string} Textarea name
+ * @param onChange {Function} OnChange textarea Event
+ * @param placeholder {string} Placeholder textarea
+ * @param defaultValue {string} Default Value for textarea
+ * @param help {string} Help for textarea
+ * @param ref Pass a ref for textarea
+ * @param maxLength {number} Textarea max length
+ * @param rows {number} Textarea rows
+ * @param iconName {IconName | IconNameValues} display Icon
+ * @param statusIconName {IconName | IconNameValues} display status Icon
+ * @param testId {string} Test Id for Test Integration
+ * @param dynamicPlaceholder {boolean}
+ * @param status {InputStatus} Textarea with status - (SUCCESS|WARNING|ERROR|DEFAULT)
+ * @param keyboardStyle {InputKeyboardAppearance} Custom appearance for keyboard
+ * @param autoCapitalize {InputAutoCapitalize} Capitalize => NONE | SENTENCES | WORDS | CHARS
+ * @param autoCorrect {boolean} Auto correct sentence
+ * @param autoCompleteType {InputAutoCompleteType} Auto complete input type
+ * @param textContentType {InputTextContentType} Give the keyboard and the system information
+ * @param keyboardType {InputKeyboardType} Keybaord type
+ * @param value {string} Value for textarea
+ * @param customHeight {number} custom textarea height
+ * @param required {boolean} Required
+ */
+declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaNativeProps, "ref"> & React.RefAttributes<TextInput>>;
+export default Textarea;