@trilogy-ds/react 4.8.2-beta-2 → 4.9.0-beta-build-1

package/lib/components/list/item/ListItem.mjs

@@ -0,0 +1,26 @@
+import clsx from 'clsx';
+import * as React from 'react';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
+import { getColorClassName, TrilogyColor } from '../../../objects';
+import { is } from '../../../services';
+import { Icon, IconSize } from '../../../components/icon';
+import { ComponentName } from '../../../components/enumsComponentsName';
+/**
+ * ListItem Component
+ * @param className {string} Additional CSS Classes
+ * @param children {React.ReactNode}
+ * @param iconName {IconName} Icon name
+ * @param status {ListIconStatus} Status success|error
+ */
+var ListItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, children = _a.children, iconName = _a.iconName, status = _a.status, testId = _a.testId;
+    var styled = useTrilogyContext().styled;
+    var classes = clsx('list-item', className, status && is(getColorClassName(TrilogyColor[status])));
+    return (React.createElement("li", { ref: ref, id: id, className: hashClass(styled, clsx(classes)), "data-testid": testId },
+        iconName && (React.createElement(Icon, { className: status && clsx(is(getColorClassName(TrilogyColor[status]))), name: iconName, size: IconSize.SMALL })),
+        React.createElement("div", { className: hashClass(styled, clsx('list-item-content')) }, children)));
+});
+ListItem.displayName = ComponentName.ListItem;
+export default ListItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0QsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsSUFBSSxFQUFZLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRTVELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7O0dBTUc7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUE2QixVQUFDLEVBQXFELEVBQUUsR0FBRztRQUF4RCxTQUFTLGVBQUEsRUFBRSxFQUFFLFFBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxNQUFNLFlBQUE7SUFDeEcsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsRUFBRSxTQUFTLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUE7SUFFbkcsT0FBTyxDQUNMLDRCQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsT0FBTyxDQUFDLENBQUMsaUJBQWUsTUFBTTtRQUNuRixRQUFRLElBQUksQ0FDWCxvQkFBQyxJQUFJLElBQ0gsU0FBUyxFQUFFLE1BQU0sSUFBSSxJQUFJLENBQUMsRUFBRSxDQUFDLGlCQUFpQixDQUFDLFlBQVksQ0FBQyxNQUFNLENBQUMsQ0FBQyxDQUFDLENBQUMsRUFDdEUsSUFBSSxFQUFFLFFBQVEsRUFDZCxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssR0FDcEIsQ0FDSDtRQUNELDZCQUFLLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxtQkFBbUIsQ0FBQyxDQUFDLElBQUcsUUFBUSxDQUFPLENBQzNFLENBQ04sQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsUUFBUSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsUUFBUSxDQUFBO0FBQzdDLGVBQWUsUUFBUSxDQUFBIn0=

package/lib/components/list/item/ListItem.native.d.mts

@@ -0,0 +1,11 @@
+import { ListItemProps } from '../../../components/list/item/ListItemProps';
+import React from 'react';
+import { View } from 'react-native';
+/**
+ * ListItem Component
+ * @param children {React.ReactNode}
+ * @param iconName {IconName} Icon name
+ * @param status {ListIconStatus} Status success|error
+ */
+declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<View>>;
+export default ListItem;

package/lib/components/list/item/ListItem.native.js

@@ -1,26 +1,28 @@
-import { __read, __spreadArray } from "tslib";
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { Icon } from '../../../components/icon';
-import { ListContext } from '../../../components/list/context';
-import { Text, TextLevels } from '../../../components/text';
-import { getColorStyle, TrilogyColor, TypographyBold } from '../../../objects';
-import React, { useContext, useEffect, useId, useMemo } from 'react';
-import { StyleSheet, View } from 'react-native';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var enumsComponentsName_1 = require("../../../components/enumsComponentsName");
+var icon_1 = require("../../../components/icon");
+var context_1 = require("../../../components/list/context");
+var text_1 = require("../../../components/text");
+var objects_1 = require("../../../objects");
+var react_1 = tslib_1.__importStar(require("react"));
+var react_native_1 = require("react-native");
 /**
  * ListItem Component
  * @param children {React.ReactNode}
  * @param iconName {IconName} Icon name
  * @param status {ListIconStatus} Status success|error
  */
-var ListItem = React.forwardRef(function (_a, ref) {
+var ListItem = react_1.default.forwardRef(function (_a, ref) {
     var children = _a.children, status = _a.status, iconName = _a.iconName;
-    var id = useId();
-    var _b = useContext(ListContext), ordered = _b.ordered, chilIndexes = _b.chilIndexes, setChildIndexes = _b.setChildIndexes, divider = _b.divider;
+    var id = (0, react_1.useId)();
+    var _b = (0, react_1.useContext)(context_1.ListContext), ordered = _b.ordered, chilIndexes = _b.chilIndexes, setChildIndexes = _b.setChildIndexes, divider = _b.divider;
     var isLastItem = chilIndexes[chilIndexes.length - 1] === id;
-    useEffect(function () {
-        setChildIndexes(function (prev) { return __spreadArray(__spreadArray([], __read(prev), false), [id], false); });
+    (0, react_1.useEffect)(function () {
+        setChildIndexes(function (prev) { return tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(prev), false), [id], false); });
     }, [id]);
-    var styles = StyleSheet.create({
+    var styles = react_native_1.StyleSheet.create({
         text: {
             paddingHorizontal: 16,
         },
@@ -29,34 +31,34 @@ var ListItem = React.forwardRef(function (_a, ref) {
             alignItems: 'center',
             paddingVertical: iconName ? 8 : 2,
             borderBottomWidth: divider && !isLastItem ? 1 : 0,
-            borderBottomColor: getColorStyle(TrilogyColor.NEUTRAL),
+            borderBottomColor: (0, objects_1.getColorStyle)(objects_1.TrilogyColor.NEUTRAL),
         },
         disc: {
             alignSelf: 'center',
             width: 4,
             height: 4,
-            backgroundColor: getColorStyle(TrilogyColor.MAIN),
+            backgroundColor: (0, objects_1.getColorStyle)(objects_1.TrilogyColor.MAIN),
             borderRadius: 4,
         },
     });
-    var getComponent = useMemo(function () {
+    var getComponent = (0, react_1.useMemo)(function () {
         if (typeof children === 'object')
-            return React.createElement(View, { style: styles.text }, children);
+            return react_1.default.createElement(react_native_1.View, { style: styles.text }, children);
         if (['string', 'number'].includes(typeof children)) {
-            return (React.createElement(Text, { style: styles.text, level: TextLevels.ONE }, children));
+            return (react_1.default.createElement(text_1.Text, { style: styles.text, level: text_1.TextLevels.ONE }, children));
         }
     }, [children]);
-    return (React.createElement(View, { ref: ref, style: [styles.content] },
-        ordered && !iconName && (React.createElement(View, null,
-            React.createElement(Text, { typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD] },
+    return (react_1.default.createElement(react_native_1.View, { ref: ref, style: [styles.content] },
+        ordered && !iconName && (react_1.default.createElement(react_native_1.View, null,
+            react_1.default.createElement(text_1.Text, { typo: [objects_1.TypographyBold.TEXT_WEIGHT_SEMIBOLD] },
                 chilIndexes.indexOf(id) + 1,
                 "."))),
-        !iconName && !ordered && (React.createElement(View, null,
-            React.createElement(View, { style: styles.disc }))),
-        iconName && (React.createElement(View, null,
-            React.createElement(Icon, { size: 'small', name: iconName, color: status }))),
-        React.createElement(View, null, getComponent)));
+        !iconName && !ordered && (react_1.default.createElement(react_native_1.View, null,
+            react_1.default.createElement(react_native_1.View, { style: styles.disc }))),
+        iconName && (react_1.default.createElement(react_native_1.View, null,
+            react_1.default.createElement(icon_1.Icon, { size: 'small', name: iconName, color: status }))),
+        react_1.default.createElement(react_native_1.View, null, getComponent)));
 });
-ListItem.displayName = ComponentName.ListItem;
-export default ListItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQVksTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFFdkQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkUsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDcEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0M7Ozs7O0dBS0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFtQyxVQUFDLEVBQThCLEVBQUUsR0FBRztRQUFqQyxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxRQUFRLGNBQUE7SUFDL0YsSUFBTSxFQUFFLEdBQUcsS0FBSyxFQUFFLENBQUE7SUFDWixJQUFBLEtBQXFELFVBQVUsQ0FBQyxXQUFXLENBQUMsRUFBMUUsT0FBTyxhQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxPQUFPLGFBQTRCLENBQUE7SUFDbEYsSUFBTSxVQUFVLEdBQUcsV0FBVyxDQUFDLFdBQVcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBRTdELFNBQVMsQ0FBQztRQUNSLGVBQWUsQ0FBQyxVQUFDLElB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
+ListItem.displayName = enumsComponentsName_1.ComponentName.ListItem;
+exports.default = ListItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7QUFBQSx3RUFBZ0U7QUFDaEUsMENBQWtEO0FBQ2xELHFEQUF1RDtBQUV2RCwwQ0FBb0Q7QUFDcEQscUNBQXVFO0FBQ3ZFLHFEQUFvRTtBQUNwRSw2Q0FBK0M7QUFFL0M7Ozs7O0dBS0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxlQUFLLENBQUMsVUFBVSxDQUFtQyxVQUFDLEVBQThCLEVBQUUsR0FBRztRQUFqQyxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxRQUFRLGNBQUE7SUFDL0YsSUFBTSxFQUFFLEdBQUcsSUFBQSxhQUFLLEdBQUUsQ0FBQTtJQUNaLElBQUEsS0FBcUQsSUFBQSxrQkFBVSxFQUFDLHFCQUFXLENBQUMsRUFBMUUsT0FBTyxhQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxPQUFPLGFBQTRCLENBQUE7SUFDbEYsSUFBTSxVQUFVLEdBQUcsV0FBVyxDQUFDLFdBQVcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBRTdELElBQUEsaUJBQVMsRUFBQztRQUNSLGVBQWUsQ0FBQyxVQUFDLElBQUksSUFBSyxzRUFBSSxJQUFJLFlBQUUsRUFBRSxXQUFaLENBQWEsQ0FBQyxDQUFBO0lBQzFDLENBQUMsRUFBRSxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUE7SUFFUixJQUFNLE1BQU0sR0FBRyx5QkFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixJQUFJLEVBQUU7WUFDSixpQkFBaUIsRUFBRSxFQUFFO1NBQ3RCO1FBQ0QsT0FBTyxFQUFFO1lBQ1AsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsZUFBZSxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ2pDLGlCQUFpQixFQUFFLE9BQU8sSUFBSSxDQUFDLFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDO1lBQ2pELGlCQUFpQixFQUFFLElBQUEsdUJBQWEsRUFBQyxzQkFBWSxDQUFDLE9BQU8sQ0FBQztTQUN2RDtRQUNELElBQUksRUFBRTtZQUNKLFNBQVMsRUFBRSxRQUFRO1lBQ25CLEtBQUssRUFBRSxDQUFDO1lBQ1IsTUFBTSxFQUFFLENBQUM7WUFDVCxlQUFlLEVBQUUsSUFBQSx1QkFBYSxFQUFDLHNCQUFZLENBQUMsSUFBSSxDQUFDO1lBQ2pELFlBQVksRUFBRSxDQUFDO1NBQ2hCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsSUFBTSxZQUFZLEdBQUcsSUFBQSxlQUFPLEVBQUM7UUFDM0IsSUFBSSxPQUFPLFFBQVEsS0FBSyxRQUFRO1lBQUUsT0FBTyw4QkFBQyxtQkFBSSxJQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsSUFBSSxJQUFHLFFBQVEsQ0FBUSxDQUFBO1FBQ3BGLElBQUksQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sUUFBUSxDQUFDLEVBQUU7WUFDbEQsT0FBTyxDQUNMLDhCQUFDLFdBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxLQUFLLEVBQUUsaUJBQVUsQ0FBQyxHQUFHLElBQzVDLFFBQVEsQ0FDSixDQUNSLENBQUE7U0FDRjtJQUNILENBQUMsRUFBRSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUE7SUFFZCxPQUFPLENBQ0wsOEJBQUMsbUJBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxPQUFPLENBQUM7UUFDcEMsT0FBTyxJQUFJLENBQUMsUUFBUSxJQUFJLENBQ3ZCLDhCQUFDLG1CQUFJO1lBQ0gsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBRSxDQUFDLHdCQUFjLENBQUMsb0JBQW9CLENBQUM7Z0JBQUcsV0FBVyxDQUFDLE9BQU8sQ0FBQyxFQUFFLENBQUMsR0FBRyxDQUFDO29CQUFTLENBQ25GLENBQ1I7UUFDQSxDQUFDLFFBQVEsSUFBSSxDQUFDLE9BQU8sSUFBSSxDQUN4Qiw4QkFBQyxtQkFBSTtZQUNILDhCQUFDLG1CQUFJLElBQUMsS0FBSyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEdBQUksQ0FDdkIsQ0FDUjtRQUNBLFFBQVEsSUFBSSxDQUNYLDhCQUFDLG1CQUFJO1lBQ0gsOEJBQUMsV0FBSSxJQUFDLElBQUksRUFBQyxPQUFPLEVBQUMsSUFBSSxFQUFFLFFBQW9CLEVBQUUsS0FBSyxFQUFFLE1BQU0sR0FBSSxDQUMzRCxDQUNSO1FBQ0QsOEJBQUMsbUJBQUksUUFBRSxZQUFZLENBQVEsQ0FDdEIsQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixRQUFRLENBQUMsV0FBVyxHQUFHLG1DQUFhLENBQUMsUUFBUSxDQUFBO0FBRTdDLGtCQUFlLFFBQVEsQ0FBQSJ9

package/lib/components/list/item/ListItem.native.mjs

@@ -0,0 +1,62 @@
+import { __read, __spreadArray } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { Icon } from '../../../components/icon';
+import { ListContext } from '../../../components/list/context';
+import { Text, TextLevels } from '../../../components/text';
+import { getColorStyle, TrilogyColor, TypographyBold } from '../../../objects';
+import React, { useContext, useEffect, useId, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
+/**
+ * ListItem Component
+ * @param children {React.ReactNode}
+ * @param iconName {IconName} Icon name
+ * @param status {ListIconStatus} Status success|error
+ */
+var ListItem = React.forwardRef(function (_a, ref) {
+    var children = _a.children, status = _a.status, iconName = _a.iconName;
+    var id = useId();
+    var _b = useContext(ListContext), ordered = _b.ordered, chilIndexes = _b.chilIndexes, setChildIndexes = _b.setChildIndexes, divider = _b.divider;
+    var isLastItem = chilIndexes[chilIndexes.length - 1] === id;
+    useEffect(function () {
+        setChildIndexes(function (prev) { return __spreadArray(__spreadArray([], __read(prev), false), [id], false); });
+    }, [id]);
+    var styles = StyleSheet.create({
+        text: {
+            paddingHorizontal: 16,
+        },
+        content: {
+            flexDirection: 'row',
+            alignItems: 'center',
+            paddingVertical: iconName ? 8 : 2,
+            borderBottomWidth: divider && !isLastItem ? 1 : 0,
+            borderBottomColor: getColorStyle(TrilogyColor.NEUTRAL),
+        },
+        disc: {
+            alignSelf: 'center',
+            width: 4,
+            height: 4,
+            backgroundColor: getColorStyle(TrilogyColor.MAIN),
+            borderRadius: 4,
+        },
+    });
+    var getComponent = useMemo(function () {
+        if (typeof children === 'object')
+            return React.createElement(View, { style: styles.text }, children);
+        if (['string', 'number'].includes(typeof children)) {
+            return (React.createElement(Text, { style: styles.text, level: TextLevels.ONE }, children));
+        }
+    }, [children]);
+    return (React.createElement(View, { ref: ref, style: [styles.content] },
+        ordered && !iconName && (React.createElement(View, null,
+            React.createElement(Text, { typo: [TypographyBold.TEXT_WEIGHT_SEMIBOLD] },
+                chilIndexes.indexOf(id) + 1,
+                "."))),
+        !iconName && !ordered && (React.createElement(View, null,
+            React.createElement(View, { style: styles.disc }))),
+        iconName && (React.createElement(View, null,
+            React.createElement(Icon, { size: 'small', name: iconName, color: status }))),
+        React.createElement(View, null, getComponent)));
+});
+ListItem.displayName = ComponentName.ListItem;
+export default ListItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQVksTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsV0FBVyxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFFdkQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxjQUFjLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDdkUsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxPQUFPLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDcEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0M7Ozs7O0dBS0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFtQyxVQUFDLEVBQThCLEVBQUUsR0FBRztRQUFqQyxRQUFRLGNBQUEsRUFBRSxNQUFNLFlBQUEsRUFBRSxRQUFRLGNBQUE7SUFDL0YsSUFBTSxFQUFFLEdBQUcsS0FBSyxFQUFFLENBQUE7SUFDWixJQUFBLEtBQXFELFVBQVUsQ0FBQyxXQUFXLENBQUMsRUFBMUUsT0FBTyxhQUFBLEVBQUUsV0FBVyxpQkFBQSxFQUFFLGVBQWUscUJBQUEsRUFBRSxPQUFPLGFBQTRCLENBQUE7SUFDbEYsSUFBTSxVQUFVLEdBQUcsV0FBVyxDQUFDLFdBQVcsQ0FBQyxNQUFNLEdBQUcsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBRTdELFNBQVMsQ0FBQztRQUNSLGVBQWUsQ0FBQyxVQUFDLElB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

package/lib/components/list/item/ListItemProps.d.mts

@@ -0,0 +1,23 @@
+/**
+ * ListItem Interface
+ */
+import { ReactNode } from 'react';
+import { Animated, type View } from 'react-native';
+import { IconName, IconNameValues } from '../../../components/icon';
+import { Accessibility, Dev } from '../../../objects';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+export declare enum ListIconStatus {
+    SUCCESS = "SUCCESS",
+    INFO = "INFO",
+    WARNING = "WARNING",
+    ERROR = "ERROR"
+}
+export type ListIconStatusValues = `${ListIconStatus}`;
+export interface ListItemProps extends Accessibility, Dev, CommonProps {
+    children?: ReactNode;
+    iconName?: IconName | IconNameValues;
+    status?: ListIconStatus | ListIconStatusValues;
+}
+export type AnimatedInterpolationProps = Animated.AnimatedInterpolation<number | string>;
+export type ListItemRef = HTMLLIElement;
+export type ListItemNativeRef = View;

package/lib/components/list/item/ListItemProps.js

@@ -1,8 +1,11 @@
-export var ListIconStatus;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListIconStatus = void 0;
+var ListIconStatus;
 (function (ListIconStatus) {
     ListIconStatus["SUCCESS"] = "SUCCESS";
     ListIconStatus["INFO"] = "INFO";
     ListIconStatus["WARNING"] = "WARNING";
     ListIconStatus["ERROR"] = "ERROR";
-})(ListIconStatus || (ListIconStatus = {}));
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL0xpc3RJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU0EsTUFBTSxDQUFOLElBQVksY0FLWDtBQUxELFdBQVksY0FBYztJQUN4QixxQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBYSxDQUFBO0lBQ2IscUNBQW1CLENBQUE7SUFDbkIsaUNBQWUsQ0FBQTtBQUNqQixDQUFDLEVBTFcsY0FBYyxLQUFkLGNBQWMsUUFLekIifQ==
+})(ListIconStatus = exports.ListIconStatus || (exports.ListIconStatus = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL0xpc3RJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBU0EsSUFBWSxjQUtYO0FBTEQsV0FBWSxjQUFjO0lBQ3hCLHFDQUFtQixDQUFBO0lBQ25CLCtCQUFhLENBQUE7SUFDYixxQ0FBbUIsQ0FBQTtJQUNuQixpQ0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFMVyxjQUFjLEdBQWQsc0JBQWMsS0FBZCxzQkFBYyxRQUt6QiJ9

package/lib/components/list/item/ListItemProps.mjs

@@ -0,0 +1,8 @@
+export var ListIconStatus;
+(function (ListIconStatus) {
+    ListIconStatus["SUCCESS"] = "SUCCESS";
+    ListIconStatus["INFO"] = "INFO";
+    ListIconStatus["WARNING"] = "WARNING";
+    ListIconStatus["ERROR"] = "ERROR";
+})(ListIconStatus || (ListIconStatus = {}));
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL0xpc3RJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU0EsTUFBTSxDQUFOLElBQVksY0FLWDtBQUxELFdBQVksY0FBYztJQUN4QixxQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBYSxDQUFBO0lBQ2IscUNBQW1CLENBQUE7SUFDbkIsaUNBQWUsQ0FBQTtBQUNqQixDQUFDLEVBTFcsY0FBYyxLQUFkLGNBQWMsUUFLekIifQ==

package/lib/components/list/item/description/ListItemDescription.d.mts

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { ListItemDescriptionProps } from "./ListItemDescriptionProps";
+/**
+ * ListItemDescription Component
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ */
+declare const ListItemDescription: React.ForwardRefExoticComponent<ListItemDescriptionProps & React.RefAttributes<HTMLElement>>;
+export default ListItemDescription;

package/lib/components/list/item/description/ListItemDescription.js

@@ -1,8 +1,11 @@
-import * as React from "react";
-import clsx from "clsx";
-import { hashClass } from "../../../../helpers";
-import { useTrilogyContext } from "../../../../context";
-import { ComponentName } from "../../../../components/enumsComponentsName";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var clsx_1 = tslib_1.__importDefault(require("clsx"));
+var helpers_1 = require("../../../../helpers");
+var context_1 = require("../../../../context");
+var enumsComponentsName_1 = require("../../../../components/enumsComponentsName");
 /**
  * ListItemDescription Component
  * @param children {React.ReactNode}
@@ -11,9 +14,9 @@ import { ComponentName } from "../../../../components/enumsComponentsName";
  */
 var ListItemDescription = React.forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className;
-    var styled = useTrilogyContext().styled;
-    return React.createElement("dd", { ref: ref, className: hashClass(styled, clsx(className)) }, children);
+    var styled = (0, context_1.useTrilogyContext)().styled;
+    return React.createElement("dd", { ref: ref, className: (0, helpers_1.hashClass)(styled, (0, clsx_1.default)(className)) }, children);
 });
-ListItemDescription.displayName = ComponentName.ListItemDescription;
-export default ListItemDescription;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL2Rlc2NyaXB0aW9uL0xpc3RJdGVtRGVzY3JpcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7O0dBS0c7QUFDSCxJQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxVQUFVLENBQW1ELFVBQUMsRUFHL0YsRUFBRSxHQUFHO1FBRkosUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyw0QkFBSSxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFHLFFBQVEsQ0FBTSxDQUFBO0FBQ3JGLENBQUMsQ0FBQyxDQUFBO0FBRUYsbUJBQW1CLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQTtBQUNuRSxlQUFlLG1CQUFtQixDQUFBIn0=
+ListItemDescription.displayName = enumsComponentsName_1.ComponentName.ListItemDescription;
+exports.default = ListItemDescription;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL2Rlc2NyaXB0aW9uL0xpc3RJdGVtRGVzY3JpcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7OztBQUFBLG1EQUE4QjtBQUU5QixzREFBdUI7QUFDdkIscUNBQXFDO0FBQ3JDLHFDQUE2QztBQUM3Qyx3RUFBZ0U7QUFFaEU7Ozs7O0dBS0c7QUFDSCxJQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxVQUFVLENBQW1ELFVBQUMsRUFHL0YsRUFBRSxHQUFHO1FBRkosUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBO0lBRUQsSUFBQSxNQUFNLEdBQUssSUFBQSwyQkFBaUIsR0FBRSxPQUF4QixDQUF3QjtJQUV0QyxPQUFPLDRCQUFJLEdBQUcsRUFBRSxHQUFHLEVBQUUsU0FBUyxFQUFFLElBQUEsbUJBQVMsRUFBQyxNQUFNLEVBQUUsSUFBQSxjQUFJLEVBQUMsU0FBUyxDQUFDLENBQUMsSUFBRyxRQUFRLENBQU0sQ0FBQTtBQUNyRixDQUFDLENBQUMsQ0FBQTtBQUVGLG1CQUFtQixDQUFDLFdBQVcsR0FBRyxtQ0FBYSxDQUFDLG1CQUFtQixDQUFBO0FBQ25FLGtCQUFlLG1CQUFtQixDQUFBIn0=

package/lib/components/list/item/description/ListItemDescription.mjs

@@ -0,0 +1,19 @@
+import * as React from "react";
+import clsx from "clsx";
+import { hashClass } from "../../../../helpers";
+import { useTrilogyContext } from "../../../../context";
+import { ComponentName } from "../../../../components/enumsComponentsName";
+/**
+ * ListItemDescription Component
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ */
+var ListItemDescription = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className;
+    var styled = useTrilogyContext().styled;
+    return React.createElement("dd", { ref: ref, className: hashClass(styled, clsx(className)) }, children);
+});
+ListItemDescription.displayName = ComponentName.ListItemDescription;
+export default ListItemDescription;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL2Rlc2NyaXB0aW9uL0xpc3RJdGVtRGVzY3JpcHRpb24udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7O0dBS0c7QUFDSCxJQUFNLG1CQUFtQixHQUFHLEtBQUssQ0FBQyxVQUFVLENBQW1ELFVBQUMsRUFHL0YsRUFBRSxHQUFHO1FBRkosUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsT0FBTyw0QkFBSSxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxTQUFTLENBQUMsQ0FBQyxJQUFHLFFBQVEsQ0FBTSxDQUFBO0FBQ3JGLENBQUMsQ0FBQyxDQUFBO0FBRUYsbUJBQW1CLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQTtBQUNuRSxlQUFlLG1CQUFtQixDQUFBIn0=

package/lib/components/list/item/description/ListItemDescription.native.d.mts

@@ -0,0 +1,8 @@
+import * as React from "react";
+import { ListItemDescriptionProps } from "./ListItemDescriptionProps";
+/**
+ * ListItemDescription Component
+ * @param children {React.ReactNode}
+ */
+declare const ListItemDescription: React.ForwardRefExoticComponent<ListItemDescriptionProps & React.RefAttributes<import("react-native/types").View>>;
+export default ListItemDescription;

package/lib/components/list/item/description/ListItemDescription.native.js

@@ -1,7 +1,10 @@
-import * as React from "react";
-import { Text } from "../../../../components/text";
-import { View } from "../../../../components/view";
-import { ComponentName } from "../../../../components/enumsComponentsName";
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+var React = tslib_1.__importStar(require("react"));
+var text_1 = require("../../../../components/text");
+var view_1 = require("../../../../components/view");
+var enumsComponentsName_1 = require("../../../../components/enumsComponentsName");
 /**
  * ListItemDescription Component
  * @param children {React.ReactNode}
@@ -9,10 +12,10 @@ import { ComponentName } from "../../../../components/enumsComponentsName";
 var ListItemDescription = React.forwardRef(function (_a, ref) {
     var children = _a.children;
     if (["string", "number"].includes(typeof children)) {
-        return React.createElement(Text, null, children);
+        return React.createElement(text_1.Text, null, children);
     }
-    return React.createElement(View, { ref: ref }, children);
+    return React.createElement(view_1.View, { ref: ref }, children);
 });
-ListItemDescription.displayName = ComponentName.ListItemDescription;
-export default ListItemDescription;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9kZXNjcmlwdGlvbi9MaXN0SXRlbURlc2NyaXB0aW9uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxtQkFBbUIsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUF5RCxVQUFDLEVBRXJHLEVBQUUsR0FBRztRQURKLFFBQVEsY0FBQTtJQUVSLElBQUksQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sUUFBUSxDQUFDLEVBQUU7UUFDbEQsT0FBTyxvQkFBQyxJQUFJLFFBQUUsUUFBUSxDQUFRLENBQUE7S0FDL0I7SUFFRCxPQUFPLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFHLFFBQVEsQ0FBUSxDQUFBO0FBQzFDLENBQUMsQ0FBQyxDQUFBO0FBRUYsbUJBQW1CLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQTtBQUVuRSxlQUFlLG1CQUFtQixDQUFBIn0=
+ListItemDescription.displayName = enumsComponentsName_1.ComponentName.ListItemDescription;
+exports.default = ListItemDescription;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9kZXNjcmlwdGlvbi9MaXN0SXRlbURlc2NyaXB0aW9uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7O0FBQUEsbURBQThCO0FBQzlCLDBDQUF3QztBQUN4QywwQ0FBd0M7QUFFeEMsd0VBQWdFO0FBRWhFOzs7R0FHRztBQUNILElBQU0sbUJBQW1CLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBeUQsVUFBQyxFQUVyRyxFQUFFLEdBQUc7UUFESixRQUFRLGNBQUE7SUFFUixJQUFJLENBQUMsUUFBUSxFQUFFLFFBQVEsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxPQUFPLFFBQVEsQ0FBQyxFQUFFO1FBQ2xELE9BQU8sb0JBQUMsV0FBSSxRQUFFLFFBQVEsQ0FBUSxDQUFBO0tBQy9CO0lBRUQsT0FBTyxvQkFBQyxXQUFJLElBQUMsR0FBRyxFQUFFLEdBQUcsSUFBRyxRQUFRLENBQVEsQ0FBQTtBQUMxQyxDQUFDLENBQUMsQ0FBQTtBQUVGLG1CQUFtQixDQUFDLFdBQVcsR0FBRyxtQ0FBYSxDQUFDLG1CQUFtQixDQUFBO0FBRW5FLGtCQUFlLG1CQUFtQixDQUFBIn0=

package/lib/components/list/item/description/ListItemDescription.native.mjs

@@ -0,0 +1,18 @@
+import * as React from "react";
+import { Text } from "../../../../components/text";
+import { View } from "../../../../components/view";
+import { ComponentName } from "../../../../components/enumsComponentsName";
+/**
+ * ListItemDescription Component
+ * @param children {React.ReactNode}
+ */
+var ListItemDescription = React.forwardRef(function (_a, ref) {
+    var children = _a.children;
+    if (["string", "number"].includes(typeof children)) {
+        return React.createElement(Text, null, children);
+    }
+    return React.createElement(View, { ref: ref }, children);
+});
+ListItemDescription.displayName = ComponentName.ListItemDescription;
+export default ListItemDescription;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvbi5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9kZXNjcmlwdGlvbi9MaXN0SXRlbURlc2NyaXB0aW9uLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7OztHQUdHO0FBQ0gsSUFBTSxtQkFBbUIsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUF5RCxVQUFDLEVBRXJHLEVBQUUsR0FBRztRQURKLFFBQVEsY0FBQTtJQUVSLElBQUksQ0FBQyxRQUFRLEVBQUUsUUFBUSxDQUFDLENBQUMsUUFBUSxDQUFDLE9BQU8sUUFBUSxDQUFDLEVBQUU7UUFDbEQsT0FBTyxvQkFBQyxJQUFJLFFBQUUsUUFBUSxDQUFRLENBQUE7S0FDL0I7SUFFRCxPQUFPLG9CQUFDLElBQUksSUFBQyxHQUFHLEVBQUUsR0FBRyxJQUFHLFFBQVEsQ0FBUSxDQUFBO0FBQzFDLENBQUMsQ0FBQyxDQUFBO0FBRUYsbUJBQW1CLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxtQkFBbUIsQ0FBQTtBQUVuRSxlQUFlLG1CQUFtQixDQUFBIn0=

package/lib/components/list/item/description/ListItemDescriptionProps.d.mts

@@ -0,0 +1,11 @@
+/**
+ * ListItem Interface
+ */
+import { ReactNode } from 'react';
+import { View } from 'react-native';
+export interface ListItemDescriptionProps {
+    children?: ReactNode;
+    className?: string;
+}
+export type ListItemDescriptionRef = HTMLElement;
+export type ListItemDescriptionNativeRef = View;

package/lib/components/list/item/description/ListItemDescriptionProps.js

@@ -1,2 +1,3 @@
-export {};
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
 //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvblByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vZGVzY3JpcHRpb24vTGlzdEl0ZW1EZXNjcmlwdGlvblByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/components/list/item/description/ListItemDescriptionProps.mjs

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1EZXNjcmlwdGlvblByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vZGVzY3JpcHRpb24vTGlzdEl0ZW1EZXNjcmlwdGlvblByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==

package/lib/components/list/item/description/index.d.mts

@@ -0,0 +1,3 @@
+import ListItemDescription from './ListItemDescription';
+export * from './ListItemDescriptionProps';
+export { ListItemDescription };

package/lib/components/list/item/description/index.js

@@ -1,4 +1,8 @@
-import ListItemDescription from './ListItemDescription';
-export * from './ListItemDescriptionProps';
-export { ListItemDescription };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9kZXNjcmlwdGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLG1CQUFtQixNQUFNLHVCQUF1QixDQUFBO0FBRXZELGNBQWMsNEJBQTRCLENBQUE7QUFFMUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLENBQUEifQ==
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItemDescription = void 0;
+var tslib_1 = require("tslib");
+var ListItemDescription_1 = tslib_1.__importDefault(require("./ListItemDescription"));
+exports.ListItemDescription = ListItemDescription_1.default;
+tslib_1.__exportStar(require("./ListItemDescriptionProps"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9kZXNjcmlwdGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsc0ZBQXVEO0FBSTlDLDhCQUpGLDZCQUFtQixDQUlFO0FBRjVCLHFFQUEwQyJ9

package/lib/components/list/item/description/index.mjs

@@ -0,0 +1,4 @@
+import ListItemDescription from './ListItemDescription';
+export * from './ListItemDescriptionProps';
+export { ListItemDescription };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9kZXNjcmlwdGlvbi9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLG1CQUFtQixNQUFNLHVCQUF1QixDQUFBO0FBRXZELGNBQWMsNEJBQTRCLENBQUE7QUFFMUMsT0FBTyxFQUFFLG1CQUFtQixFQUFFLENBQUEifQ==

package/lib/components/list/item/index.d.mts

@@ -0,0 +1,4 @@
+import ListItem from './ListItem';
+export * from './description';
+export * from './ListItemProps';
+export { ListItem };

package/lib/components/list/item/index.js

@@ -1,5 +1,9 @@
-import ListItem from './ListItem';
-export * from './description';
-export * from './ListItemProps';
-export { ListItem };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFFBQVEsTUFBTSxZQUFZLENBQUE7QUFFakMsY0FBYyxlQUFlLENBQUE7QUFDN0IsY0FBYyxpQkFBaUIsQ0FBQTtBQUMvQixPQUFPLEVBQUUsUUFBUSxFQUFFLENBQUEifQ==
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItem = void 0;
+var tslib_1 = require("tslib");
+var ListItem_1 = tslib_1.__importDefault(require("./ListItem"));
+exports.ListItem = ListItem_1.default;
+tslib_1.__exportStar(require("./description"), exports);
+tslib_1.__exportStar(require("./ListItemProps"), exports);
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7O0FBQUEsZ0VBQWlDO0FBSXhCLG1CQUpGLGtCQUFRLENBSUU7QUFGakIsd0RBQTZCO0FBQzdCLDBEQUErQiJ9

package/lib/components/list/item/index.mjs

@@ -0,0 +1,5 @@
+import ListItem from './ListItem';
+export * from './description';
+export * from './ListItemProps';
+export { ListItem };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFFBQVEsTUFBTSxZQUFZLENBQUE7QUFFakMsY0FBYyxlQUFlLENBQUE7QUFDN0IsY0FBYyxpQkFBaUIsQ0FBQTtBQUMvQixPQUFPLEVBQUUsUUFBUSxFQUFFLENBQUEifQ==

package/lib/components/modal/Modal.d.mts

@@ -0,0 +1,17 @@
+import React from 'react';
+import { ModalProps } from './ModalProps';
+/**
+ * Modal Component
+ * @param active {boolean} Activated Modal
+ * @param title {string} Title Modal
+ * @param onClose {Function} Additional close custom function
+ * @param onOpen {Function} Additional open custom function
+ * @param children {React.ReactNode}
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param panel {boolean} Panel Side Modal
+ * @param accessibilityLabel {string} Accessibility label
+ * - -------------------------- NATIVE PROPERTIES -------------------------------
+ */
+declare const Modal: React.ForwardRefExoticComponent<ModalProps & React.RefAttributes<HTMLDivElement>>;
+export default Modal;