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

package/lib/components/list/context/ListContextPropsDefaults.js

@@ -0,0 +1,24 @@
+export default {
+  "divider": {
+    "type": "boolean",
+    "values": [
+      "false",
+      "true"
+    ]
+  },
+  "ordered": {
+    "type": "boolean",
+    "values": [
+      "false",
+      "true"
+    ]
+  },
+  "chilIndexes": {
+    "type": "string",
+    "values": []
+  },
+  "setChildIndexes": {
+    "type": "string",
+    "values": []
+  }
+};

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

@@ -0,0 +1,2 @@
+export * from './ListContext';
+export * from './ListContextProps';

package/lib/components/list/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ListContext';
+export * from './ListContextProps';

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

@@ -0,0 +1,3 @@
+export * from './ListContext';
+export * from './ListContextProps';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvY29udGV4dC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxjQUFjLGVBQWUsQ0FBQTtBQUM3QixjQUFjLG9CQUFvQixDQUFBIn0=

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

@@ -0,0 +1,9 @@
+"use client";
+import {
+  ListContext
+} from "../../../chunk-UBR5KHS6.mjs";
+import "../../../chunk-DQUQ2367.mjs";
+import "../../../chunk-QIPGVLHJ.mjs";
+export {
+  ListContext
+};

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

@@ -0,0 +1,4 @@
+import List from './List';
+export * from './item';
+export * from './ListProps';
+export { List };

package/lib/components/list/index.mjs

@@ -0,0 +1,79 @@
+"use client";
+import "../../chunk-4SALNTSX.mjs";
+import "../../chunk-W4ZBP4MY.mjs";
+import "../../chunk-M4LDYIT7.mjs";
+import {
+  ListItemDescription_default
+} from "../../chunk-KBT6E5ZH.mjs";
+import "../../chunk-FU5XPPR2.mjs";
+import {
+  ListIconStatus
+} from "../../chunk-CB7RIK4H.mjs";
+import {
+  ListItem_default
+} from "../../chunk-TLU55IMT.mjs";
+import {
+  List_default
+} from "../../chunk-ABKYP5IV.mjs";
+import "../../chunk-4RI36UHJ.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-4UHBBNZ7.mjs";
+import "../../chunk-NTS75UVH.mjs";
+import "../../chunk-ZB4OWTDD.mjs";
+import "../../chunk-QIPGVLHJ.mjs";
+export {
+  List_default as List,
+  ListIconStatus,
+  ListItem_default as ListItem,
+  ListItemDescription_default as ListItemDescription
+};

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

@@ -0,0 +1,5 @@
+import List from './List.native';
+export * from './item';
+export * from './ListProps';
+export { List };
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXgubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2luZGV4Lm5hdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLElBQUksTUFBTSxlQUFlLENBQUE7QUFFaEMsY0FBYyxRQUFRLENBQUE7QUFDdEIsY0FBYyxhQUFhLENBQUE7QUFFM0IsT0FBTyxFQUFFLElBQUksRUFBRSxDQUFBIn0=

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

@@ -0,0 +1,11 @@
+import * as React from 'react';
+import { ListItemProps } from './ListItemProps';
+/**
+ * ListItem Component
+ * @param className {string} Additional CSS Classes
+ * @param children {React.ReactNode}
+ * @param iconName {IconName} Icon name
+ * @param status {ListIconStatus} Status success|error
+ */
+declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLLIElement>>;
+export default ListItem;

package/lib/components/list/item/ListItem.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
+import * as React from 'react';
 import { ListItemProps } from './ListItemProps';
 /**
  * ListItem Component
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param children {React.ReactNode}
- * @param customIcon {IconName | React.ReactNode } Icon name | children
+ * @param iconName {IconName} Icon name
  * @param status {ListIconStatus} Status success|error
  */
-declare const ListItem: ({ className, id, children, iconName, status, testId }: ListItemProps) => JSX.Element;
+declare const ListItem: React.ForwardRefExoticComponent<ListItemProps & React.RefAttributes<HTMLLIElement>>;
 export default ListItem;

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

@@ -1,24 +1,25 @@
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { Icon, IconSize } from '../../../components/icon';
+import { useTrilogyContext } from '../../../context/index';
+import { hashClass } from '../../../helpers/index';
+import { getColorClassName, TrilogyColor } from '../../../objects/index';
+import { is } from '../../../services/index';
 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';
 /**
  * ListItem Component
- * @param className {string} Additionnal CSS Classes
+ * @param className {string} Additional CSS Classes
  * @param children {React.ReactNode}
- * @param customIcon {IconName | React.ReactNode } Icon name | children
+ * @param iconName {IconName} Icon name
  * @param status {ListIconStatus} Status success|error
  */
-var ListItem = function (_a) {
-    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", { id: id, className: hashClass(styled, clsx(classes)), "data-testid": testId },
+const ListItem = React.forwardRef(({ className, id, children, iconName, status, testId }, ref) => {
+    const { styled } = useTrilogyContext();
+    const 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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDM0QsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsSUFBSSxFQUFZLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRzVEOzs7Ozs7R0FNRztBQUNILElBQU0sUUFBUSxHQUFHLFVBQUMsRUFBb0U7UUFBbEUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsTUFBTSxZQUFBLEVBQUUsTUFBTSxZQUFBO0lBQzNELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBRW5HLE9BQU8sQ0FDTCw0QkFBSSxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxPQUFPLENBQUMsQ0FBQyxpQkFBZSxNQUFNO1FBQ3pFLFFBQVEsSUFBSSxDQUNYLG9CQUFDLElBQUksSUFDSCxTQUFTLEVBQUUsTUFBTSxJQUFJLElBQUksQ0FBQyxFQUFFLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxFQUN0RSxJQUFJLEVBQUUsUUFBb0IsRUFDMUIsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQ3BCLENBQ0g7UUFDRCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxDQUMzRSxDQUNOLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxlQUFlLFFBQVEsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2xpc3QvaXRlbS9MaXN0SXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQVksUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDNUQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQzNDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNqRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCOzs7Ozs7R0FNRztBQUNILE1BQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQy9CLENBQUMsRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUFFLFFBQVEsRUFBRSxRQUFRLEVBQUUsTUFBTSxFQUFFLE1BQU0sRUFBRSxFQUFFLEdBQUcsRUFBZSxFQUFFO0lBQzFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsR0FBRyxpQkFBaUIsRUFBRSxDQUFBO0lBQ3RDLE1BQU0sT0FBTyxHQUFHLElBQUksQ0FBQyxXQUFXLEVBQUUsU0FBUyxFQUFFLE1BQU0sSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsWUFBWSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFBO0lBRW5HLE9BQU8sQ0FDTCw0QkFBSSxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLE9BQU8sQ0FBQyxDQUFDLGlCQUFlLE1BQU07UUFDbkYsUUFBUSxJQUFJLENBQ1gsb0JBQUMsSUFBSSxJQUNILFNBQVMsRUFBRSxNQUFNLElBQUksSUFBSSxDQUFDLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxZQUFZLENBQUMsTUFBTSxDQUFDLENBQUMsQ0FBQyxDQUFDLEVBQ3RFLElBQUksRUFBRSxRQUFRLEVBQ2QsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEdBQ3BCLENBQ0g7UUFDRCw2QkFBSyxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxJQUFHLFFBQVEsQ0FBTyxDQUMzRSxDQUNOLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFFBQVEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQTtBQUM3QyxlQUFlLFFBQVEsQ0FBQSJ9

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

@@ -0,0 +1,62 @@
+"use client";
+import {
+  ListItem_default
+} from "../../../chunk-TLU55IMT.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-4UHBBNZ7.mjs";
+import "../../../chunk-NTS75UVH.mjs";
+import "../../../chunk-ZB4OWTDD.mjs";
+import "../../../chunk-QIPGVLHJ.mjs";
+export {
+  ListItem_default as default
+};

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

@@ -1,83 +1,60 @@
-import React, { useMemo } from 'react';
-import { StyleSheet, View as ReactView, View } from 'react-native';
-import { getColorStyle, TrilogyColor } from '../../../objects';
 import { ComponentName } from '../../../components/enumsComponentsName';
-import { Icon, IconColor } from '../../../components/icon';
-import { Text, TextLevels } from '../../../components/text';
+import { Icon } from '../../../components/icon/index.native';
+import { ListContext } from '../../../components/list/context';
+import { Text, TextLevels } from '../../../components/text/index.native';
+import { getColorStyle, TrilogyColor, TypographyBold } from '../../../objects/index.native';
+import React, { useContext, useEffect, useId, useMemo } from 'react';
+import { StyleSheet, View } from 'react-native';
 /**
  * ListItem Component
  * @param children {React.ReactNode}
- * @param customIcon {IconName | React.ReactNode } Icon name | children
+ * @param iconName {IconName} Icon name
  * @param status {ListIconStatus} Status success|error
  */
-var ListItem = function (_a) {
-    var children = _a.children, status = _a.status, iconName = _a.iconName;
-    var styles = StyleSheet.create({
-        item: {
-            marginBottom: 4,
-            flexDirection: 'row',
-            alignItems: 'center',
-            position: 'relative',
-        },
+const ListItem = React.forwardRef(({ children, status, iconName }, ref) => {
+    const id = useId();
+    const { ordered, chilIndexes, setChildIndexes, divider } = useContext(ListContext);
+    const isLastItem = chilIndexes[chilIndexes.length - 1] === id;
+    useEffect(() => {
+        setChildIndexes((prev) => [...prev, id]);
+    }, [id]);
+    const styles = StyleSheet.create({
         text: {
-            paddingHorizontal: iconName ? 16 : undefined,
-        },
-        title: {
-            paddingHorizontal: iconName ? 16 : undefined,
-            marginBottom: children ? 8 : undefined,
-        },
-        container: {
-            flexDirection: 'row',
-            alignItems: 'center',
-            position: 'relative',
-            paddingVertical: 8,
-            backgroundColor: getColorStyle(TrilogyColor.BACKGROUND),
+            paddingHorizontal: 16,
         },
         content: {
             flexDirection: 'row',
             alignItems: 'center',
-            position: 'relative',
-            paddingVertical: 8,
-            width: undefined,
+            paddingVertical: iconName ? 8 : 2,
+            borderBottomWidth: divider && !isLastItem ? 1 : 0,
+            borderBottomColor: getColorStyle(TrilogyColor.NEUTRAL),
         },
-        badge: {
+        disc: {
             alignSelf: 'center',
-            width: 10,
-            height: 10,
-            marginRight: 8,
-            backgroundColor: getColorStyle(TrilogyColor.ERROR),
-            borderRadius: 30,
-        },
-        swipeInfo: {
-            backgroundColor: getColorStyle(TrilogyColor.NEUTRAL_FADE),
-            width: 2,
-            height: 20,
-            borderRadius: 6,
-        },
-        rightAction: {
-            justifyContent: 'center',
-            flex: 1,
-            alignItems: 'flex-end',
-            paddingLeft: 16,
-            paddingRight: 4,
+            width: 4,
+            height: 4,
+            backgroundColor: getColorStyle(TrilogyColor.MAIN),
+            borderRadius: 4,
         },
     });
-    var getComponent = useMemo(function () {
+    const getComponent = useMemo(() => {
         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]);
-    var content = useMemo(function () {
-        return (React.createElement(View, { style: styles.container },
-            React.createElement(ReactView, { style: styles.content },
-                iconName && (React.createElement(ReactView, null,
-                    React.createElement(Icon, { size: 'small', name: iconName, color: status || IconColor.MAIN }))),
-                React.createElement(ReactView, null, getComponent))));
-    }, [iconName, status, getComponent]);
-    return content;
-};
+    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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN0QyxPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksSUFBSSxTQUFTLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBQ2xFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3ZELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBWSxNQUFNLG1CQUFtQixDQUFBO0FBQzdELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFHcEQ7Ozs7O0dBS0c7QUFDSCxJQUFNLFFBQVEsR0FBRyxVQUFDLEVBQTZDO1FBQTNDLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQTtJQUM1QyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLElBQUksRUFBRTtZQUNKLFlBQVksRUFBRSxDQUFDO1lBQ2YsYUFBYSxFQUFFLEtBQUs7WUFDcEIsVUFBVSxFQUFFLFFBQVE7WUFDcEIsUUFBUSxFQUFFLFVBQVU7U0FDckI7UUFDRCxJQUFJLEVBQUU7WUFDSixpQkFBaUIsRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLEVBQUUsQ0FBQyxDQUFDLENBQUMsU0FBUztTQUM3QztRQUNELEtBQUssRUFBRTtZQUNMLGlCQUFpQixFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQyxTQUFTO1lBQzVDLFlBQVksRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFD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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9saXN0L2l0ZW0vTGlzdEl0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBWSxNQUFNLGdDQUFnQyxDQUFBO0FBQy9ELE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQTtBQUV2RCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLGdDQUFnQyxDQUFBO0FBQ2pFLE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLGNBQWMsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BGLE9BQU8sS0FBSyxFQUFFLEVBQUUsVUFBVSxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3BFLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DOzs7OztHQUtHO0FBQ0gsTUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDL0IsQ0FBQyxFQUFFLFFBQVEsRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLEVBQUUsR0FBRyxFQUFlLEVBQUU7SUFDbkQsTUFBTSxFQUFFLEdBQUcsS0FBSyxFQUFFLENBQUE7SUFDbEIsTUFBTSxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsZUFBZSxFQUFFLE9BQU8sRUFBRSxHQUFHLFVBQVUsQ0FBQyxXQUFXLENBQUMsQ0FBQTtJQUNsRixNQUFNLFVBQVUsR0FBRyxXQUFXLENBQUMsV0FBVyxDQUFDLE1BQU0sR0FBRyxDQUFDLENBQUMsS0FBSyxFQUFFLENBQUE7SUFFN0QsU0FBUyxDQUFDLEdBQUcsRUFBRTtRQUNiLGVBQWUsQ0FBQyxDQUFDLElBQUksRUFBRSxFQUFFLENB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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.d.ts

@@ -1,13 +1,15 @@
 /**
  * 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 { ReactNode } from 'react';
-import { Animated } from 'react-native';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 export declare enum ListIconStatus {
     SUCCESS = "SUCCESS",
+    INFO = "INFO",
+    WARNING = "WARNING",
     ERROR = "ERROR"
 }
 export type ListIconStatusValues = `${ListIconStatus}`;
@@ -17,3 +19,5 @@ export interface ListItemProps extends Accessibility, Dev, CommonProps {
     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,6 +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,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL0xpc3RJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU0EsTUFBTSxDQUFOLElBQVksY0FHWDtBQUhELFdBQVksY0FBYztJQUN4QixxQ0FBbUIsQ0FBQTtJQUNuQixpQ0FBZSxDQUFBO0FBQ2pCLENBQUMsRUFIVyxjQUFjLEtBQWQsY0FBYyxRQUd6QiJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiTGlzdEl0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvbGlzdC9pdGVtL0xpc3RJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBU0EsTUFBTSxDQUFOLElBQVksY0FLWDtBQUxELFdBQVksY0FBYztJQUN4QixxQ0FBbUIsQ0FBQTtJQUNuQiwrQkFBYSxDQUFBO0lBQ2IscUNBQW1CLENBQUE7SUFDbkIsaUNBQWUsQ0FBQTtBQUNqQixDQUFDLEVBTFcsY0FBYyxLQUFkLGNBQWMsUUFLekIifQ==

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

@@ -0,0 +1,8 @@
+"use client";
+import {
+  ListIconStatus
+} from "../../../chunk-CB7RIK4H.mjs";
+import "../../../chunk-QIPGVLHJ.mjs";
+export {
+  ListIconStatus
+};

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

@@ -70,8 +70,12 @@ export default {
     "values": [
       "undefined",
       "SUCCESS",
+      "INFO",
+      "WARNING",
       "ERROR",
       "SUCCESS",
+      "INFO",
+      "WARNING",
       "ERROR"
     ]
   },

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.d.ts

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

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

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

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

@@ -0,0 +1,15 @@
+"use client";
+import {
+  ListItemDescription_default
+} from "../../../../chunk-KBT6E5ZH.mjs";
+import "../../../../chunk-Y7CEUBIZ.mjs";
+import "../../../../chunk-ODKCJMCG.mjs";
+import "../../../../chunk-HU3FAWMX.mjs";
+import "../../../../chunk-OGATDHMZ.mjs";
+import "../../../../chunk-UFMRE754.mjs";
+import "../../../../chunk-NTS75UVH.mjs";
+import "../../../../chunk-ZB4OWTDD.mjs";
+import "../../../../chunk-QIPGVLHJ.mjs";
+export {
+  ListItemDescription_default as default
+};

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

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

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;