@trilogy-ds/react 0.0.3-beta-v4 → 0.0.4-alpha-prompt

package/lib/components/divider/Divider.js

@@ -1,43 +1,32 @@
 import { __assign, __rest } from "tslib";
-import * as React from 'react';
-import { is } from '../../services/classify';
-import { Icon, IconSize } from '../icon';
-import clsx from 'clsx';
-import { hashClass } from '../../helpers';
+import { Icon, IconSize } from '../../components/icon';
 import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { has, is } from '../../services/classify';
+import clsx from 'clsx';
+import React from 'react';
+import { ComponentName } from '../enumsComponentsName';
 /**
  * Divider Component
  * @param content {string} Add text content for Divider
  * @param unboxed {boolean} Full-width separator in another component
  * @param marginless {boolean} delete margin
  * - -------------------------- WEB PROPERTIES -------------------------------
- * @param className {string} Additionnal CSS Classes (ONLY FOR WEB)
+ * @param className {string} Additional CSS Classes (ONLY FOR WEB)
  * @param iconName {IconName} Custom icon for Divider
  * @param color {TrilogyColor} Border color of Divider
  * @param others
  */
-var Divider = function (_a) {
+var Divider = React.forwardRef(function (_a, ref) {
     var className = _a.className, id = _a.id, unboxed = _a.unboxed, content = _a.content, marginless = _a.marginless, iconName = _a.iconName, inverted = _a.inverted, others = __rest(_a, ["className", "id", "unboxed", "content", "marginless", "iconName", "inverted"]);
     var styled = useTrilogyContext().styled;
-    var classes = hashClass(styled, clsx('divider', unboxed && is('unboxed'), marginless && is('marginless'), className, inverted && is('inverted'), iconName && 'has-icon'));
+    var classes = hashClass(styled, clsx('divider', unboxed && is('unboxed'), marginless && is('marginless'), className, inverted && is('inverted'), iconName && has('icon')));
     var contentClasses = hashClass(styled, clsx('divider-content'));
-    // s'il y a du text et une icone , SEULEMENT le text compte
-    if (content && iconName) {
-        return (React.createElement("div", { id: id, "data-testid": 'separator', className: classes },
-            React.createElement("p", { className: contentClasses }, content)));
-    }
-    if (content) {
-        return (React.createElement("div", { id: id, "data-testid": 'separator', className: classes },
-            React.createElement("p", { className: contentClasses }, content)));
-    }
-    // si il y a seulement une icone
-    if (iconName) {
-        return (React.createElement("div", { id: id, "data-testid": 'separator', className: classes },
-            React.createElement("p", { className: contentClasses },
-                React.createElement(Icon, { name: iconName, size: IconSize.MEDIUM }))));
-    }
-    // divider normal trilogy
-    return React.createElement("div", __assign({ id: id, "data-testid": 'separator', className: classes }, others));
-};
+    return (React.createElement("div", __assign({ ref: ref, id: id, "data-testid": 'separator', className: classes }, others),
+        React.createElement("p", { className: contentClasses },
+            iconName && !content && React.createElement(Icon, { name: iconName, size: IconSize.MEDIUM }),
+            content && content)));
+});
+Divider.displayName = ComponentName.Divider;
 export default Divider;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZGl2aWRlci9EaXZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFOUIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sU0FBUyxDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUU3Qzs7Ozs7Ozs7OztHQVVHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQVNGO0lBUmIsSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVJNLCtFQVNoQixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUNGLFNBQVMsRUFDVCxPQUFPLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUN4QixVQUFVLElBQUksRUFBRSxDQUFDLFlBQVksQ0FBQyxFQUM5QixTQUFTLEVBQ1QsUUFBUSxJQUFJLEVBQUUsQ0FBQyxVQUFVLENBQUMsRUFDMUIsUUFBUSxJQUFJLFVBQVUsQ0FDdkIsQ0FDRixDQUFBO0lBQ0QsSUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsaUJBQWlCLENBQUMsQ0FBQyxDQUFBO0lBRWpFLDJEQUEyRDtJQUMzRCxJQUFJLE9BQU8sSUFBSSxRQUFRLEVBQUU7UUFDdkIsT0FBTyxDQUNMLDZCQUFLLEVBQUUsRUFBRSxFQUFFLGlCQUFjLFdBQVcsRUFBQyxTQUFTLEVBQUUsT0FBTztZQUNyRCwyQkFBRyxTQUFTLEVBQUUsY0FBYyxJQUFHLE9BQU8sQ0FBSyxDQUN2QyxDQUNQLENBQUE7S0FDRjtJQUVELElBQUksT0FBTyxFQUFFO1FBQ1gsT0FBTyxDQUNMLDZCQUFLLEVBQUUsRUFBRSxFQUFFLGlCQUFjLFdBQVcsRUFBQyxTQUFTLEVBQUUsT0FBTztZQUNyRCwyQkFBRyxTQUFTLEVBQUUsY0FBYyxJQUFHLE9BQU8sQ0FBSyxDQUN2QyxDQUNQLENBQUE7S0FDRjtJQUVELGdDQUFnQztJQUNoQyxJQUFJLFFBQVEsRUFBRTtRQUNaLE9BQU8sQ0FDTCw2QkFBSyxFQUFFLEVBQUUsRUFBRSxpQkFBYyxXQUFXLEVBQUMsU0FBUyxFQUFFLE9BQU87WUFDckQsMkJBQUcsU0FBUyxFQUFFLGNBQWM7Z0JBQzFCLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBUSxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsTUFBTSxHQUFJLENBQzdDLENBQ0EsQ0FDUCxDQUFBO0tBQ0Y7SUFFRCx5QkFBeUI7SUFDekIsT0FBTyxzQ0FBSyxFQUFFLEVBQUUsRUFBRSxpQkFBYyxXQUFXLEVBQUMsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEVBQUksQ0FBQTtBQUNoRixDQUFDLENBQUE7QUFFRCxlQUFlLE9BQU8sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL2NvbXBvbmVudHMvZGl2aWRlci9EaXZpZGVyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQ0EsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDN0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUN6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQTJCLFVBQUMsRUFTM0QsRUFBRSxHQUFHO0lBUkosSUFBQSxTQUFTLGVBQUEsRUFDVCxFQUFFLFFBQUEsRUFDRixPQUFPLGFBQUEsRUFDUCxPQUFPLGFBQUEsRUFDUCxVQUFVLGdCQUFBLEVBQ1YsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVJpRCwrRUFTM0QsQ0FEVTtJQUVELElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixTQUFTLEVBQ1QsT0FBTyxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFDeEIsVUFBVSxJQUFJLEVBQUUsQ0FBQyxZQUFZLENBQUMsRUFDOUIsU0FBUyxFQUNULFFBQVEsSUFBSSxFQUFFLENBQUMsVUFBVSxDQUFDLEVBQzFCLFFBQVEsSUFBSSxHQUFHLENBQUMsTUFBTSxDQUFDLENBQ3hCLENBQ0YsQ0FBQTtJQUNELElBQU0sY0FBYyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGlCQUFpQixDQUFDLENBQUMsQ0FBQTtJQUVqRSxPQUFPLENBQ0wsc0NBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxpQkFBYyxXQUFXLEVBQUMsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNO1FBQzNFLDJCQUFHLFNBQVMsRUFBRSxjQUFjO1lBQ3pCLFFBQVEsSUFBSSxDQUFDLE9BQU8sSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUUsUUFBUSxDQUFDLE1BQU0sR0FBSTtZQUN2RSxPQUFPLElBQUksT0FBTyxDQUNqQixDQUNBLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBQ0YsT0FBTyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsT0FBTyxDQUFBO0FBQzNDLGVBQWUsT0FBTyxDQUFBIn0=

package/lib/components/divider/Divider.native.d.ts

@@ -1,6 +1,6 @@
-/// <reference types="react" />
-import { DividerProps } from "./DividerProps";
-import { ComponentName } from "../../components/enumsComponentsName";
+import * as React from 'react';
+import { View } from 'react-native';
+import { DividerProps } from './DividerProps';
 /**
  * Divider Native Component
  * @param content {string} Add text content for Divider
@@ -10,8 +10,5 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param color {TrilogyColor} Border color of Divider
  * @param others
  */
-declare const Divider: {
-    ({ content, unboxed, marginless, iconName, inverted, ...others }: DividerProps): JSX.Element;
-    displayName: ComponentName;
-};
+declare const Divider: React.ForwardRefExoticComponent<DividerProps & React.RefAttributes<View>>;
 export default Divider;

package/lib/components/divider/Divider.native.js

@@ -1,10 +1,10 @@
 import { __assign, __read, __rest } from "tslib";
-import * as React from "react";
-import { StyleSheet, View } from "react-native";
-import { Icon, IconColor } from "../../components/icon";
-import { Text } from "../../components/text";
-import { getColorStyle, TrilogyColor } from "../../objects";
-import { ComponentName } from "../../components/enumsComponentsName";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { Icon, IconColor } from '../../components/icon';
+import { Text } from '../../components/text';
+import { getColorStyle, TrilogyColor } from '../../objects/facets/Color';
+import * as React from 'react';
+import { StyleSheet, View } from 'react-native';
 /**
  * Divider Native Component
  * @param content {string} Add text content for Divider
@@ -14,8 +14,8 @@ import { ComponentName } from "../../components/enumsComponentsName";
  * @param color {TrilogyColor} Border color of Divider
  * @param others
  */
-var Divider = function (_a) {
-    var content = _a.content, unboxed = _a.unboxed, marginless = _a.marginless, iconName = _a.iconName, inverted = _a.inverted, others = __rest(_a, ["content", "unboxed", "marginless", "iconName", "inverted"]);
+var Divider = React.forwardRef(function (_a, ref) {
+    var content = _a.content, unboxed = _a.unboxed, marginless = _a.marginless, iconName = _a.iconName, others = __rest(_a, ["content", "unboxed", "marginless", "iconName"]);
     var _b = __read(React.useState(0), 2), textWidth = _b[0], setTextWidth = _b[1];
     var _c = __read(React.useState(0), 2), containerWidth = _c[0], setContainerWidth = _c[1];
     var dividerColor = getColorStyle(TrilogyColor.NEUTRAL);
@@ -25,41 +25,41 @@ var Divider = function (_a) {
             marginTop: 16,
             borderBottomColor: dividerColor,
             borderBottomWidth: 1,
-            width: "100%",
-            alignSelf: ((unboxed || marginless) && "stretch") || "auto",
+            width: '100%',
+            alignSelf: ((unboxed || marginless) && 'stretch') || 'auto',
         },
         dividerContent: {
             borderBottomColor: dividerColor,
             borderBottomWidth: 1,
-            alignSelf: "center",
-            justifyContent: "center",
+            alignSelf: 'center',
+            justifyContent: 'center',
             width: "".concat(((containerWidth - (textWidth + 16)) / 2 / containerWidth) * 100, "%"),
         },
         container: {
-            flexDirection: "row",
-            alignItems: "center",
-            justifyContent: "space-between",
-            maxWidth: "100%",
+            flexDirection: 'row',
+            alignItems: 'center',
+            justifyContent: 'space-between',
+            maxWidth: '100%',
         },
         content: {
-            justifyContent: "center",
-            backgroundColor: "transparent",
+            justifyContent: 'center',
+            backgroundColor: 'transparent',
             borderRadius: iconName ? 50 : 0,
             padding: iconName ? 6 : 0,
         },
         textContent: {
-            textAlign: "center",
-            color: getColorStyle(TrilogyColor.MAIN_FADE),
+            textAlign: 'center',
+            color: getColorStyle(TrilogyColor.MAIN),
         },
     });
     var ContentDivider = React.useMemo(function () {
         if (content)
             return React.createElement(Text, { style: styles.textContent }, content);
         if (iconName && !content)
-            return (React.createElement(Icon, { name: iconName, color: IconColor.MAIN, testId: 'icon-id' }));
+            return React.createElement(Icon, { name: iconName, color: IconColor.MAIN, testId: 'icon-id' });
     }, [content, iconName]);
     if (content || iconName) {
-        return (React.createElement(View, { style: styles.container, onLayout: function (event) {
+        return (React.createElement(View, { ref: ref, style: styles.container, onLayout: function (event) {
                 setContainerWidth(event.nativeEvent.layout.width);
             } },
             React.createElement(View, __assign({ style: styles.dividerContent }, others)),
@@ -69,7 +69,7 @@ var Divider = function (_a) {
             React.createElement(View, __assign({ style: styles.dividerContent }, others))));
     }
     return React.createElement(View, __assign({ style: styles.divider }, others));
-};
+});
 Divider.displayName = ComponentName.Divider;
 export default Divider;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2RpdmlkZXIvRGl2aWRlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsSUFBSSxFQUFFLFNBQVMsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4QyxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE9BQU8sR0FBRyxVQUFDLEVBT0Y7SUFOYixJQUFBLE9BQU8sYUFBQSxFQUNQLE9BQU8sYUFBQSxFQUNQLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDTCxNQUFNLGNBTk0sNERBT2hCLENBRFU7SUFFSCxJQUFBLEtBQUEsT0FBNEIsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUE1QyxTQUFTLFFBQUEsRUFBRSxZQUFZLFFBQXFCLENBQUE7SUFDN0MsSUFBQSxLQUFBLE9BQXNDLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBdEQsY0FBYyxRQUFBLEVBQUUsaUJBQWlCLFFBQXFCLENBQUE7SUFDN0QsSUFBTSxZQUFZLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQyxPQUFPLENBQUMsQ0FBQTtJQUV4RCxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLE9BQU8sRUFBRTtZQUNQLFlBQVksRUFBRSxFQUFFO1lBQ2hC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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRGl2aWRlci5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2RpdmlkZXIvRGl2aWRlci5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUcvQzs7Ozs7Ozs7R0FRRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQWlDLFVBQUMsRUFBcUQsRUFBRSxHQUFHO0lBQXhELElBQUEsT0FBTyxhQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBbkQsZ0RBQXFELENBQUY7SUFDN0csSUFBQSxLQUFBLE9BQTRCLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLElBQUEsRUFBNUMsU0FBUyxRQUFBLEVBQUUsWUFBWSxRQUFxQixDQUFBO0lBQzdDLElBQUEsS0FBQSxPQUFzQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRELGNBQWMsUUFBQSxFQUFFLGlCQUFpQixRQUFxQixDQUFBO0lBQzdELElBQU0sWUFBWSxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUMsT0FBTyxDQUFDLENBQUE7SUFFeEQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFD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

package/lib/components/divider/DividerProps.d.ts

@@ -1,6 +1,7 @@
 import { Marginless } from '../../objects';
 import { IconName, IconNameValues } from '../../components/icon';
 import { CommonProps } from '../../objects/facets/CommonProps';
+import { View } from 'react-native';
 /**
  * Divider Interface
  */
@@ -10,3 +11,5 @@ export interface DividerProps extends Marginless, CommonProps {
     iconName?: IconNameValues | IconName;
     inverted?: boolean;
 }
+export type DividerRef = HTMLDivElement;
+export type DividerNativeRef = View;

package/lib/components/divider/DividerPropsDefaults.js

@@ -24,12 +24,15 @@ export default {
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -41,18 +44,22 @@ export default {
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
       "tri-picto-payment-visa",
+      "tri-paperclip",
       "tri-alert",
       "tri-arrow-down",
       "tri-arrow-left",
       "tri-arrow-right",
       "tri-arrow-up",
       "tri-bell",
+      "tri-calendar",
       "tri-check-circle",
       "tri-check",
       "tri-exclamation-circle",
       "tri-eye-slash",
       "tri-eye",
+      "tri-file-attached",
       "tri-infos-circle",
+      "tri-micro",
       "tri-search",
       "tri-times",
       "tri-trash",
@@ -63,7 +70,8 @@ export default {
       "tri-picto-payment-cb",
       "tri-picto-payment-mastercard",
       "tri-picto-payment-paypal",
-      "tri-picto-payment-visa"
+      "tri-picto-payment-visa",
+      "tri-paperclip"
     ]
   },
   "inverted": {

package/lib/components/dropdown/Dropdown.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { DropdownProps } from './DropdownProps';
+/**
+ * Dropdown Component - Wrapper for dropdown menu with automatic state management
+ * @param children {React.ReactNode} Children (DropdownTrigger, DropdownItem and DropdownGroup)
+ * @param isActive {boolean} Dropdown active/open state (for manual control)
+ * @param defaultOpen {boolean} Initial open state (for automatic control)
+ * @param onToggle {Function} Callback when dropdown state changes (for automatic control)
+ * @param className {string} Additional CSS classes
+ * @param testId {string} Test ID
+ */
+declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<HTMLDivElement>>;
+export default Dropdown;

package/lib/components/dropdown/Dropdown.js

@@ -0,0 +1,88 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../context';
+import { hashClass } from '../../helpers/hashClassesHelpers';
+import { is } from '../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
+import { DropdownProvider, useDropdownContext } from './context';
+import DropdownTrigger from './trigger/DropdownTrigger';
+/**
+ * Internal Dropdown Content Component that uses the context
+ */
+var DropdownContent = React.forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, testId = _a.testId, others = __rest(_a, ["children", "className", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var dropdownRef = React.useRef(null);
+    var menuRef = React.useRef(null);
+    var hasDropdownTrigger = React.Children.toArray(children).some(function (child) { return React.isValidElement(child) && child.type === DropdownTrigger; });
+    var isOpen = useDropdownContext().isOpen;
+    React.useEffect(function () {
+        if (!isOpen || !dropdownRef.current || !menuRef.current)
+            return;
+        var dropdown = dropdownRef.current;
+        var menu = menuRef.current;
+        var checkPosition = function () {
+            var rect = dropdown.getBoundingClientRect();
+            var viewportHeight = window.innerHeight;
+            var spaceBelow = viewportHeight - rect.bottom - 8;
+            var spaceAbove = rect.top - 8;
+            var menuHeight = 300;
+            if (spaceBelow < menuHeight && spaceAbove >= menuHeight) {
+                menu.setAttribute('data-position', 'upward');
+            }
+            else {
+                menu.removeAttribute('data-position');
+            }
+        };
+        requestAnimationFrame(checkPosition);
+    }, [isOpen]);
+    var classes = hashClass(styled, clsx('dropdown', isOpen && is('active'), !hasDropdownTrigger && 'dropdown-manual', className));
+    var triggerChildren = [];
+    var contentChildren = [];
+    if (hasDropdownTrigger) {
+        React.Children.forEach(children, function (child) {
+            if (React.isValidElement(child) && child.type === DropdownTrigger) {
+                triggerChildren.push(child);
+            }
+            else {
+                contentChildren.push(child);
+            }
+        });
+    }
+    return (React.createElement("div", __assign({ ref: function (node) {
+            if (dropdownRef.current !== node) {
+                dropdownRef.current = node;
+            }
+            if (typeof ref === 'function') {
+                ref(node);
+            }
+            else if (ref) {
+                ref.current = node;
+            }
+        }, className: classes, "data-testid": testId }, others),
+        hasDropdownTrigger ? triggerChildren : null,
+        React.createElement("div", { ref: menuRef, className: hashClass(styled, 'dropdown-menu') },
+            React.createElement("div", { className: hashClass(styled, 'dropdown-content') }, hasDropdownTrigger ? contentChildren : children))));
+});
+/**
+ * Dropdown Component - Wrapper for dropdown menu with automatic state management
+ * @param children {React.ReactNode} Children (DropdownTrigger, DropdownItem and DropdownGroup)
+ * @param isActive {boolean} Dropdown active/open state (for manual control)
+ * @param defaultOpen {boolean} Initial open state (for automatic control)
+ * @param onToggle {Function} Callback when dropdown state changes (for automatic control)
+ * @param className {string} Additional CSS classes
+ * @param testId {string} Test ID
+ */
+var Dropdown = React.forwardRef(function (_a, ref) {
+    var children = _a.children, isActive = _a.isActive, defaultOpen = _a.defaultOpen, onToggle = _a.onToggle, className = _a.className, testId = _a.testId, others = __rest(_a, ["children", "isActive", "defaultOpen", "onToggle", "className", "testId"]);
+    var hasDropdownTrigger = React.Children.toArray(children).some(function (child) { return React.isValidElement(child) && child.type === DropdownTrigger; });
+    var useTrigger = defaultOpen !== undefined || onToggle !== undefined || hasDropdownTrigger;
+    var isManualMode = !useTrigger && isActive !== undefined;
+    var providerDefaultOpen = isManualMode ? isActive : defaultOpen;
+    return (React.createElement(DropdownProvider, { defaultOpen: providerDefaultOpen, onToggle: onToggle },
+        React.createElement(DropdownContent, __assign({ ref: ref, className: className, testId: testId }, others), children)));
+});
+Dropdown.displayName = ComponentName.Dropdown;
+export default Dropdown;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL2Ryb3Bkb3duL0Ryb3Bkb3duLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFaEUsT0FBTyxlQUFlLE1BQU0sMkJBQTJCLENBQUE7QUFFdkQ7O0dBRUc7QUFDSCxJQUFNLGVBQWUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN0QyxVQUNFLEVBS0MsRUFDRCxHQUFHO0lBTEQsSUFBQSxRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDSCxNQUFNLGNBSlgsbUNBS0MsQ0FEVTtJQUlILElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sV0FBVyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFBO0lBQ3RELElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFBO0lBRWxELElBQU0sa0JBQWtCLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxPQUFPLENBQUMsUUFBUSxDQUFDLENBQUMsSUFBSSxDQUM5RCxVQUFDLEtBQUssSUFBSyxPQUFBLEtBQUssQ0FBQyxjQUFjLENBQUMsS0FBSyxDQUFDLElBQUksS0FB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

package/lib/components/dropdown/Dropdown.native.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { DropdownProps } from './DropdownProps';
+declare const Dropdown: React.ForwardRefExoticComponent<DropdownProps & React.RefAttributes<import("react-native/types").View>>;
+export default Dropdown;

package/lib/components/dropdown/Dropdown.native.js

@@ -0,0 +1,8 @@
+import { ComponentName } from '../../components/enumsComponentsName';
+import * as React from 'react';
+var Dropdown = React.forwardRef(function (props, ref) {
+    return (React.createElement(React.Fragment, null));
+});
+Dropdown.displayName = ComponentName.Dropdown;
+export default Dropdown;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd24ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9kcm9wZG93bi9Ecm9wZG93bi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5QixJQUFNLFFBQVEsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFtQyxVQUFDLEtBQUssRUFBRSxHQUFHO0lBQzdFLE9BQU8sQ0FDTCx5Q0FBSyxDQUNOLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLFFBQVEsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFFBQVEsQ0FBQTtBQUU3QyxlQUFlLFFBQVEsQ0FBQSJ9

package/lib/components/dropdown/DropdownProps.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import { View } from 'react-native';
+/**
+ * Dropdown Interface
+ */
+export interface DropdownProps {
+    children?: React.ReactNode;
+    isActive?: boolean;
+    defaultOpen?: boolean;
+    onToggle?: (isOpen: boolean) => void;
+    className?: string;
+    testId?: string;
+}
+export type DropdownRef = HTMLDivElement;
+export type DropdownNativeRef = View;

package/lib/components/dropdown/DropdownProps.js

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

package/lib/components/dropdown/DropdownPropsDefaults.js

@@ -0,0 +1,53 @@
+export default {
+  "children": {
+    "type": "react",
+    "values": [
+      "undefined",
+      "null",
+      "string",
+      "number",
+      "false",
+      "true",
+      "JSXElementConstructor<any>>",
+      "ReactNode>",
+      "ReactPortal"
+    ]
+  },
+  "isActive": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "defaultOpen": {
+    "type": "boolean",
+    "values": [
+      "undefined",
+      "false",
+      "true"
+    ]
+  },
+  "onToggle": {
+    "type": "function",
+    "values": [
+      "undefined",
+      "(isOpen: boolean) => void"
+    ]
+  },
+  "className": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
+  "testId": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  }
+};

package/lib/components/dropdown/context/DropdownContext.d.ts

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+interface DropdownContextType {
+    isOpen: boolean;
+    toggle: () => void;
+    open: () => void;
+    close: () => void;
+}
+export declare const useDropdownContext: () => DropdownContextType;
+interface DropdownProviderProps {
+    children: ReactNode;
+    defaultOpen?: boolean;
+    onToggle?: (isOpen: boolean) => void;
+}
+export declare const DropdownProvider: React.FC<DropdownProviderProps>;
+export {};

package/lib/components/dropdown/context/DropdownContext.js

@@ -0,0 +1,35 @@
+import { __read } from "tslib";
+import React, { createContext, useContext, useState } from 'react';
+var DropdownContext = createContext(undefined);
+export var useDropdownContext = function () {
+    var context = useContext(DropdownContext);
+    if (!context) {
+        throw new Error('useDropdownContext must be used within a DropdownProvider');
+    }
+    return context;
+};
+export var DropdownProvider = function (_a) {
+    var children = _a.children, _b = _a.defaultOpen, defaultOpen = _b === void 0 ? false : _b, onToggle = _a.onToggle;
+    var _c = __read(useState(defaultOpen), 2), isOpen = _c[0], setIsOpen = _c[1];
+    var toggle = function () {
+        var newState = !isOpen;
+        setIsOpen(newState);
+        onToggle === null || onToggle === void 0 ? void 0 : onToggle(newState);
+    };
+    var open = function () {
+        setIsOpen(true);
+        onToggle === null || onToggle === void 0 ? void 0 : onToggle(true);
+    };
+    var close = function () {
+        setIsOpen(false);
+        onToggle === null || onToggle === void 0 ? void 0 : onToggle(false);
+    };
+    var value = {
+        isOpen: isOpen,
+        toggle: toggle,
+        open: open,
+        close: close,
+    };
+    return (React.createElement(DropdownContext.Provider, { value: value }, children));
+};
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25Db250ZXh0LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9kcm9wZG93bi9jb250ZXh0L0Ryb3Bkb3duQ29udGV4dC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsYUFBYSxFQUFFLFVBQVUsRUFBRSxRQUFRLEVBQWEsTUFBTSxPQUFPLENBQUE7QUFTN0UsSUFBTSxlQUFlLEdBQUcsYUFBYSxDQUFrQyxTQUFTLENBQUMsQ0FBQTtBQUVqRixNQUFNLENBQUMsSUFBTSxrQkFBa0IsR0FBRztJQUNoQyxJQUFNLE9BQU8sR0FBRyxVQUFVLENBQUMsZUFBZSxDQUFDLENBQUE7SUFDM0MsSUFBSSxDQUFDLE9BQU8sRUFBRTtRQUNaLE1BQU0sSUFBSSxLQUFLLENBQUMsMkRBQTJELENBQUMsQ0FBQTtLQUM3RTtJQUNELE9BQU8sT0FBTyxDQUFBO0FBQ2hCLENBQUMsQ0FBQTtBQVFELE1BQU0sQ0FBQyxJQUFNLGdCQUFnQixHQUFvQyxVQUFDLEVBSWpFO1FBSEMsUUFBUSxjQUFBLEVBQ1IsbUJBQW1CLEVBQW5CLFdBQVcsbUJBQUcsS0FBSyxLQUFBLEVBQ25CLFFBQVEsY0FBQTtJQUVGLElBQUEsS0FBQSxPQUFzQixRQUFRLENBQUMsV0FBVyxDQUFDLElBQUEsRUFBMUMsTUFBTSxRQUFBLEVBQUUsU0FBUyxRQUF5QixDQUFBO0lBRWpELElBQU0sTUFBTSxHQUFHO1FBQ2IsSUFBTSxRQUFRLEdBQUcsQ0FBQyxNQUFNLENBQUE7UUFDeEIsU0FBUyxDQUFDLFFBQVEsQ0FBQyxDQUFBO1FBQ25CLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRyxRQUFRLENBQUMsQ0FBQTtJQUN0QixDQUFDLENBQUE7SUFFRCxJQUFNLElBQUksR0FBRztRQUNYLFNBQVMsQ0FBQyxJQUFJLENBQUMsQ0FBQTtRQUNmLFFBQVEsYUFBUixRQUFRLHVCQUFSLFFBQVEsQ0FBRyxJQUFJLENBQUMsQ0FBQTtJQUNsQixDQUFDLENBQUE7SUFFRCxJQUFNLEtBQUssR0FBRztRQUNaLFNBQVMsQ0FBQyxLQUFLLENBQUMsQ0FBQTtRQUNoQixRQUFRLGFBQVIsUUFBUSx1QkFBUixRQUFRLENBQUcsS0FBSyxDQUFDLENBQUE7SUFDbkIsQ0FBQyxDQUFBO0lBRUQsSUFBTSxLQUFLLEdBQUc7UUFDWixNQUFNLFFBQUE7UUFDTixNQUFNLFFBQUE7UUFDTixJQUFJLE1BQUE7UUFDSixLQUFLLE9BQUE7S0FDTixDQUFBO0lBRUQsT0FBTyxDQUNMLG9CQUFDLGVBQWUsQ0FBQyxRQUFRLElBQUMsS0FBSyxFQUFFLEtBQUssSUFDbkMsUUFBUSxDQUNnQixDQUM1QixDQUFBO0FBQ0gsQ0FBQyxDQUFBIn0=

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

@@ -0,0 +1 @@
+export { DropdownProvider, useDropdownContext } from './DropdownContext';

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

@@ -0,0 +1,2 @@
+export { DropdownProvider, useDropdownContext } from './DropdownContext';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2Ryb3Bkb3duL2NvbnRleHQvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGdCQUFnQixFQUFFLGtCQUFrQixFQUFFLE1BQU0sbUJBQW1CLENBQUEifQ==

package/lib/components/dropdown/group/DropdownGroup.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { DropdownGroupProps } from './DropdownGroupProps';
+/**
+ * DropdownGroup Component
+ * @param children {React.ReactNode} Children
+ * @param hideSeparator {boolean} Hide separator at the top of the group
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param testId {string} Test id
+ */
+declare const DropdownGroup: React.ForwardRefExoticComponent<DropdownGroupProps & React.RefAttributes<HTMLDivElement>>;
+export default DropdownGroup;

package/lib/components/dropdown/group/DropdownGroup.js

@@ -0,0 +1,24 @@
+import { __assign, __rest } from "tslib";
+import { ComponentName } from '../../../components/enumsComponentsName';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { is } from '../../../services/classify';
+import clsx from 'clsx';
+import * as React from 'react';
+/**
+ * DropdownGroup Component
+ * @param children {React.ReactNode} Children
+ * @param hideSeparator {boolean} Hide separator at the top of the group
+ * - -------------------------- WEB PROPERTIES -------------------------------
+ * @param className {string} Additional CSS Classes
+ * @param testId {string} Test id
+ */
+var DropdownGroup = React.forwardRef(function (_a, ref) {
+    var className = _a.className, id = _a.id, children = _a.children, hideSeparator = _a.hideSeparator, testId = _a.testId, others = __rest(_a, ["className", "id", "children", "hideSeparator", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('dropdown-group', hideSeparator && is('no-separator'), className));
+    return (React.createElement("div", __assign({ ref: ref, id: id, className: classes, role: "group", "data-testid": testId }, others), children));
+});
+DropdownGroup.displayName = ComponentName.DropdownGroup;
+export default DropdownGroup;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25Hcm91cC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvZHJvcGRvd24vZ3JvdXAvRHJvcGRvd25Hcm91cC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUN4QyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUI7Ozs7Ozs7R0FPRztBQUNILElBQU0sYUFBYSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3BDLFVBQ0UsRUFPQyxFQUNELEdBQUc7SUFQRCxJQUFBLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLFFBQVEsY0FBQSxFQUNSLGFBQWEsbUJBQUEsRUFDYixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBTlgsMERBT0MsQ0FEVTtJQUlILElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBRXRDLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FDRixnQkFBZ0IsRUFDaEIsYUFBYSxJQUFJLEVBQUUsQ0FBQyxjQUFjLENBQUMsRUFDbkMsU0FBUyxDQUNWLENBQ0YsQ0FBQTtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sU0FBUyxFQUFFLE9BQU8sRUFDbEIsSUFBSSxFQUFDLE9BQU8saUJBQ0MsTUFBTSxJQUNmLE1BQU0sR0FFVCxRQUFRLENBQ0wsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxhQUFhLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxhQUFhLENBQUE7QUFDdkQsZUFBZSxhQUFhLENBQUEifQ==

package/lib/components/dropdown/group/DropdownGroup.native.d.ts

@@ -0,0 +1,4 @@
+import * as React from 'react';
+import { DropdownGroupProps } from './DropdownGroupProps';
+declare const DropdownGroup: React.ForwardRefExoticComponent<DropdownGroupProps & React.RefAttributes<import("react-native/types").View>>;
+export default DropdownGroup;

package/lib/components/dropdown/group/DropdownGroup.native.js

@@ -0,0 +1,8 @@
+import { ComponentName } from '../../../components/enumsComponentsName';
+import * as React from 'react';
+var DropdownGroup = React.forwardRef(function (props, ref) {
+    return (React.createElement(React.Fragment, null));
+});
+DropdownGroup.displayName = ComponentName.DropdownGroup;
+export default DropdownGroup;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiRHJvcGRvd25Hcm91cC5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2Ryb3Bkb3duL2dyb3VwL0Ryb3Bkb3duR3JvdXAubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHOUIsSUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBNkMsVUFBQyxLQUFLLEVBQUUsR0FBRztJQUM1RixPQUFPLENBQ0wseUNBQUssQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixhQUFhLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxhQUFhLENBQUE7QUFFdkQsZUFBZSxhQUFhLENBQUEifQ==

package/lib/components/dropdown/group/DropdownGroupProps.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { View } from 'react-native';
+import { Accessibility } from '../../../objects/facets/Accessibility';
+import { CommonProps } from '../../../objects/facets/CommonProps';
+import { Dev } from '../../../objects/facets/Dev';
+/**
+ * DropdownGroup Interface
+ */
+export interface DropdownGroupProps extends Accessibility, Dev, CommonProps {
+    children?: React.ReactNode;
+    hideSeparator?: boolean;
+}
+export type DropdownGroupRef = HTMLDivElement;
+export type DropdownGroupNativeRef = View;

package/lib/components/dropdown/group/DropdownGroupProps.js

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