@trilogy-ds/react 4.20.2 → 4.20.3

package/lib/components/select/option/SelectOption.native.js

@@ -1,21 +1,22 @@
 import { __assign, __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Column, Columns } from '../../../components/columns';
 import { ComponentName } from '../../../components/enumsComponentsName';
 import { Icon, IconSize } from '../../../components/icon';
 import { Text } from '../../../components/text';
-import { Alignable } from '../../../objects';
-import { TypographyBold } from '../../../objects/Typography';
+import { Alignable } from '../../../objects/facets/Alignable';
+import { TypographyBold } from '../../../objects/Typography/TypographyBold';
 import { TrilogyColor, getColorStyle } from '../../../objects/facets/Color';
-import * as React from 'react';
+import { forwardRef, useMemo } from 'react';
 import { TouchableOpacity } from 'react-native';
 import { memoStyles } from '../../../helpers/memoStyles';
 /**
  * Select Option Component
  * @param value {string} Select option value
  * @param label {string} Label value
- * @param children {React.ReactNode}
+ * @param children {ReactNode}
  */
-var SelectOption = React.forwardRef(function (_a, ref) {
+var SelectOption = forwardRef(function (_a, ref) {
     var disabled = _a.disabled, children = _a.children, onClick = _a.onClick, label = _a.label, iconName = _a.iconName, others = __rest(_a, ["disabled", "children", "onClick", "label", "iconName"]);
     var checked = others.checked;
     var styles = memoStyles({
@@ -25,7 +26,7 @@ var SelectOption = React.forwardRef(function (_a, ref) {
             paddingVertical: checked && !iconName ? 8.5 : 10,
         },
     });
-    var textColor = React.useMemo(function () {
+    var textColor = useMemo(function () {
         switch (true) {
             case disabled === true:
                 return TrilogyColor.DISABLED;
@@ -33,7 +34,7 @@ var SelectOption = React.forwardRef(function (_a, ref) {
                 return TrilogyColor.MAIN;
         }
     }, [disabled]);
-    var iconColor = React.useMemo(function () {
+    var iconColor = useMemo(function () {
         switch (true) {
             case disabled === true:
                 return TrilogyColor.DISABLED;
@@ -41,18 +42,11 @@ var SelectOption = React.forwardRef(function (_a, ref) {
                 return TrilogyColor.MAIN;
         }
     }, [disabled]);
-    var columnLabelSize = React.useMemo(function () {
+    var columnLabelSize = useMemo(function () {
         return iconName ? (checked && 10) || 11 : (checked && 11) || 12;
     }, [iconName, checked]);
-    return (React.createElement(TouchableOpacity, __assign({ ref: ref, style: [styles.container] }, others, { onPress: onClick }),
-        React.createElement(Columns, { verticalAlign: Alignable.ALIGNED_CENTER },
-            iconName && (React.createElement(Column, { size: 1 },
-                React.createElement(Icon, { size: IconSize.SMALL, name: iconName, color: iconColor }))),
-            React.createElement(Column, { size: columnLabelSize },
-                React.createElement(Text, __assign({ typo: [checked && TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, { style: { paddingLeft: 8, color: getColorStyle(textColor) } }), children || label)),
-            checked && (React.createElement(Column, { size: 1 },
-                React.createElement(Icon, { size: IconSize.SMALL, name: 'tri-check', color: iconColor }))))));
+    return (_jsx(TouchableOpacity, __assign({ ref: ref, style: [styles.container] }, others, { onPress: onClick }, { children: _jsxs(Columns, __assign({ verticalAlign: Alignable.ALIGNED_CENTER }, { children: [iconName && (_jsx(Column, __assign({ size: 1 }, { children: _jsx(Icon, { size: IconSize.SMALL, name: iconName, color: iconColor }) }))), _jsx(Column, __assign({ size: columnLabelSize }, { children: _jsx(Text, __assign({ typo: [checked && TypographyBold.TEXT_WEIGHT_SEMIBOLD] }, { style: { paddingLeft: 8, color: getColorStyle(textColor) } }, { children: children || label })) })), checked && (_jsx(Column, __assign({ size: 1 }, { children: _jsx(Icon, { size: IconSize.SMALL, name: 'tri-check', color: iconColor }) })))] })) })));
 });
 SelectOption.displayName = ComponentName.SelectOption;
 export default SelectOption;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L29wdGlvbi9TZWxlY3RPcHRpb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLE1BQU0sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDckQsT0FBTyxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBR2pEOzs7OztHQUtHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBMkMsVUFBQyxFQUEyRCxFQUFFLEdBQUc7SUFBOUQsSUFBQSxRQUFRLGNBQUEsRUFBRSxRQUFRLGNBQUEsRUFBRSxPQUFPLGFBQUEsRUFBRSxLQUFLLFdBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXpELHdEQUEyRCxDQUFGO0lBQ2hJLElBQUEsT0FBTyxHQUFLLE1BQTZCLFFBQWxDLENBQWtDO0lBRWpELElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQztRQUNwQixTQUFTLEVBQUU7WUFDVCxlQUFlLEVBQUUsYUFBYSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLGFBQWEsQ0FBQyxDQUFDLENBQUMsYUFBYSxDQUFDO1lBQ3JGLEtBQUssRUFBRSxNQUFNO1lBQ2IsZUFBZSxFQUFFLE9BQU8sSUFBSSxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsR0FBRyxDQUFDLENBQUMsQ0FBQyxFQUFFO1NBQ2pEO0tBQ0YsQ0FBQyxDQUFBO0lBRU4sSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztRQUM5QixRQUFRLElBQUksRUFBRTtZQUNaLEtBQUssUUFBUSxLQUFLLElBQUk7Z0JBQ3BCLE9BQU8sWUFBWSxDQUFDLFFBQVEsQ0FBQTtZQUM5QjtnQkFDRSxPQUFPLFlBQVksQ0FBQyxJQUFJLENBQUE7U0FDM0I7SUFDSCxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRWQsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztRQUM5QixRQUFRLElBQUksRUFBRTtZQUNaLEtBQUssUUFBUSxLQUFLLElBQUk7Z0JBQ3BCLE9BQU8sWUFBWSxDQUFDLFFBQVEsQ0FBQTtZQUM5QjtnQkFDRSxPQUFPLFlBQVksQ0FBQyxJQUFJLENBQUE7U0FDM0I7SUFDSCxDQUFDLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRWQsSUFBTSxlQUFlLEdBQUcsS0FBSyxDQUFDLE9BQU8sQ0FBQztRQUNwQyxPQUFPLFFBQVEsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLElBQUksRUFBRSxDQUFDLElBQUksRUFBRSxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sSUFBSSxFQUFFLENBQUMsSUFBSSxFQUFFLENBQUE7SUFDakUsQ0FBQyxFQUFFLENBQUMsUUFBUSxFQUFFLE9BQU8sQ0FBQyxDQUFDLENBQUE7SUFFdkIsT0FBTyxDQUNMLG9CQUFDLGdCQUFnQixhQUFDLEdBQUcsRUFBRSxHQUFHLEVBQUUsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFNLE1BQU0sSUFBRSxPQUFPLEVBQUUsT0FBTztRQUNqRixvQkFBQyxPQUFPLElBQUMsYUFBYSxFQUFFLFNBQVMsQ0FBQyxjQUFjO1lBQzdDLFFBQVEsSUFBSSxDQUNYLG9CQUFDLE1BQU0sSUFBQyxJQUFJLEVBQUUsQ0FBQztnQkFDYixvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLFFBQVEsQ0FBQyxLQUFLLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsU0FBUyxHQUFJLENBQ3pELENBQ1Y7WUFDRCxvQkFBQyxNQUFNLElBQUMsSUFBSSxFQUFFLGVBQWU7Z0JBQzNCLG9CQUFDLElBQUksYUFDSCxJQUFJLEVBQUUsQ0FBQyxPQUFPLElBQUksY0FBYyxDQUFDLG9CQUFvQixDQUFDLElBQ2xELEVBQUUsS0FBSyxFQUFFLEVBQUUsV0FBVyxFQUFFLENBQUMsRUFBRSxLQUFLLEVBQUUsYUFBYSxDQUFDLFNBQVMsQ0FBQyxFQUFFLEVBQUUsR0FFakUsUUFBUSxJQUFJLEtBQUssQ0FDYixDQUNBO1lBQ1IsT0FBTyxJQUFJLENBQ1Ysb0JBQUMsTUFBTSxJQUFDLElBQUksRUFBRSxDQUFDO2dCQUNiLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsUUFBUSxDQUFDLEtBQUssRUFBRSxJQUFJLEVBQUMsV0FBVyxFQUFDLEtBQUssRUFBRSxTQUFTLEdBQUksQ0FDMUQsQ0FDVixDQUNPLENBQ08sQ0FDcEIsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsWUFBWSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsWUFBWSxDQUFBO0FBRXJELGVBQWUsWUFBWSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0T3B0aW9uLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L29wdGlvbi9TZWxlY3RPcHRpb24ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sRUFBRSxNQUFNLEVBQUUsT0FBTyxFQUFFLE1BQU0sc0JBQXNCLENBQUE7QUFDdEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUN0RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0scUNBQXFDLENBQUE7QUFDcEUsT0FBTyxFQUFFLFlBQVksRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE9BQU8sRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMzQyxPQUFPLEVBQUUsZ0JBQWdCLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBR2pEOzs7OztHQUtHO0FBQ0gsSUFBTSxZQUFZLEdBQUcsVUFBVSxDQUEyQyxVQUFDLEVBQTJELEVBQUUsR0FBRztJQUE5RCxJQUFBLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEtBQUssV0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBekQsd0RBQTJELENBQUY7SUFDMUgsSUFBQSxPQUFPLEdBQUssTUFBNkIsUUFBbEMsQ0FBa0M7SUFFakQsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDO1FBQ3BCLFNBQVMsRUFBRTtZQUNULGVBQWUs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

package/lib/components/select/option/SelectOptionProps.d.ts

@@ -1,6 +1,7 @@
 import { ClickEvent } from '../../../events/OnClickEvent';
 import { IconName, IconNameValues } from '../../../components/icon';
-import { Accessibility, Dev } from '../../../objects';
+import { Accessibility } from '../../../objects/facets/Accessibility';
+import { Dev } from '../../../objects/facets/Dev';
 import { CommonProps } from '../../../objects/facets/CommonProps';
 import { TouchableOpacity } from 'react-native';
 /**

package/lib/components/select/option/index.d.ts

@@ -1,2 +1,2 @@
-import SelectOption from './SelectOption';
+import SelectOption from '../../../components/select/option/SelectOption';
 export default SelectOption;

package/lib/components/select/option/index.js

@@ -1,3 +1,3 @@
-import SelectOption from './SelectOption';
+import SelectOption from '../../../components/select/option/SelectOption';
 export default SelectOption;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlbGVjdC9vcHRpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxZQUFZLE1BQU0sZ0JBQWdCLENBQUE7QUFFekMsZUFBZSxZQUFZLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlbGVjdC9vcHRpb24vaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxZQUFZLE1BQU0seUNBQXlDLENBQUE7QUFFbEUsZUFBZSxZQUFZLENBQUEifQ==

package/lib/components/select/web/SelectDynamic.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
+/// <reference types="react" />
 import { SelectProps, SelectRef } from '../../../components/select/SelectProps';
-declare const SelectDynamic: React.ForwardRefExoticComponent<SelectProps<import("../../../components/select/SelectProps").SelectChangeEvent> & {
-    children?: React.ReactNode;
-} & React.RefAttributes<SelectRef>>;
+declare const SelectDynamic: import("react").ForwardRefExoticComponent<SelectProps<import("../../../components/select/SelectProps").SelectChangeEvent> & {
+    children?: import("react").ReactNode;
+} & import("react").RefAttributes<SelectRef>>;
 export default SelectDynamic;

package/lib/components/select/web/SelectDynamic.js

@@ -1,14 +1,15 @@
 import { __assign, __read, __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
-import React, { useContext, useEffect, useMemo, useRef, useState } from 'react';
+import { useContext, useEffect, useMemo, useRef, useState, Children, forwardRef, isValidElement } from 'react';
 import ReactDOM from 'react-dom';
 import { ComponentName } from '../../../components/enumsComponentsName';
 import { Input } from '../../../components/input';
-import { useTrilogyContext } from '../../../context';
-import { hashClass } from '../../../helpers';
-import { SelectContext } from '../context';
+import { useTrilogyContext } from '../../../context/TrilogyContext';
+import { hashClass } from '../../../helpers/hashClassesHelpers';
+import { SelectContext } from '../../../components/select/context';
 var OPTION_SIZE = 48;
-var SelectDynamic = React.forwardRef(function (_a, ref) {
+var SelectDynamic = forwardRef(function (_a, ref) {
     var onChange = _a.onChange, disabled = _a.disabled, onFocus = _a.onFocus, onBlur = _a.onBlur, children = _a.children, selected = _a.selected, name = _a.name, id = _a.id, label = _a.label, iconName = _a.iconName, multiple = _a.multiple, className = _a.className, status = _a.status, placeholder = _a.placeholder, required = _a.required, custom = _a.custom, help = _a.help, sample = _a.sample, testId = _a.testId, others = __rest(_a, ["onChange", "disabled", "onFocus", "onBlur", "children", "selected", "name", "id", "label", "iconName", "multiple", "className", "status", "placeholder", "required", "custom", "help", "sample", "testId"]);
     var styled = useTrilogyContext().styled;
     var _b = useContext(SelectContext), setIsVisibleOptions = _b.setIsVisibleOptions, isVisibleOptions = _b.isVisibleOptions, selectedOptionValues = _b.selectedOptionValues;
@@ -48,8 +49,8 @@ var SelectDynamic = React.forwardRef(function (_a, ref) {
     };
     var options = useMemo(function () {
         var _a;
-        return (_a = React.Children.map(children, function (child) {
-            if (!React.isValidElement(child))
+        return (_a = Children.map(children, function (child) {
+            if (!isValidElement(child))
                 return false;
             return {
                 label: child.props.children || child.props.label,
@@ -64,22 +65,19 @@ var SelectDynamic = React.forwardRef(function (_a, ref) {
         });
     }, [selectedOptionValues, options]);
     useEffect(function () {
-        var childrenCount = React.Children.count(children);
+        var childrenCount = Children.count(children);
         if (childrenCount > 0) {
             optionsListSize.current = childrenCount * OPTION_SIZE;
         }
     }, [children]);
-    return (React.createElement("div", __assign({ className: selectClasses, ref: containerRef }, others),
-        React.createElement(Input, __assign({ testId: testId, sample: sample, help: help, required: required, status: status, ref: ref, value: labelsSelected === null || labelsSelected === void 0 ? void 0 : labelsSelected.join(', '), name: name, disabled: disabled, label: label, placeholder: placeholder, onFocus: onFocus, iconNameLeft: iconName, onBlur: onBlur, onClick: onClickInput, className: isVisibleOptions ? 'focus' : undefined, onKeyPress: function (e) {
-                e.preventDefault();
-            }, onKeyUp: function (e) {
-                e.preventDefault();
-                onKeyPressInput(e.inputKeyCode);
-            } }, { readOnly: true, id: id, role: 'combobox' })),
-        React.createElement("ul", { role: 'listbox', className: optionsClasses, style: __assign({ display: isVisibleOptions ? 'block' : 'none' }, dropdownStyles) }, children),
-        isVisibleOptions &&
-            ReactDOM.createPortal(React.createElement("div", { role: 'presentation', className: portalClasses, onClick: onCloseOptions }), document.body)));
+    return (_jsxs("div", __assign({ className: selectClasses, ref: containerRef }, others, { children: [_jsx(Input, __assign({ testId: testId, sample: sample, help: help, required: required, status: status, ref: ref, value: labelsSelected === null || labelsSelected === void 0 ? void 0 : labelsSelected.join(', '), name: name, disabled: disabled, label: label, placeholder: placeholder, onFocus: onFocus, iconNameLeft: iconName, onBlur: onBlur, onClick: onClickInput, className: isVisibleOptions ? 'focus' : undefined, onKeyPress: function (e) {
+                    e.preventDefault();
+                }, onKeyUp: function (e) {
+                    e.preventDefault();
+                    onKeyPressInput(e.inputKeyCode);
+                } }, { readOnly: true, id: id, role: 'combobox' })), _jsx("ul", __assign({ role: 'listbox', className: optionsClasses, style: __assign({ display: isVisibleOptions ? 'block' : 'none' }, dropdownStyles) }, { children: children })), isVisibleOptions &&
+                ReactDOM.createPortal(_jsx("div", { role: 'presentation', className: portalClasses, onClick: onCloseOptions }), document.body)] })));
 });
 SelectDynamic.displayName = ComponentName.Select;
 export default SelectDynamic;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0RHluYW1pYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L3dlYi9TZWxlY3REeW5hbWljLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxFQUFFLEVBQXFCLFVBQVUsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDbEcsT0FBTyxRQUFRLE1BQU0sV0FBVyxDQUFBO0FBRWhDLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsS0FBSyxFQUFFLE1BQU0sb0JBQW9CLENBQUE7QUFFMUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUUxQyxJQUFNLFdBQVcsR0FBRyxFQUFFLENBQUE7QUFFdEIsSUFBTSxhQUFhLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDcEMsVUFDRSxFQXFCQyxFQUNELEdBQUc7SUFyQkQsSUFBQSxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixFQUFFLFFBQUEsRUFDRixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDTixXQUFXLGlCQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVBQ04sTUFBTSxZQUFBLEVBQ0gs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0RHluYW1pYy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvc2VsZWN0L3dlYi9TZWxlY3REeW5hbWljLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOztBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQXFCLFVBQVUsRUFBRSxTQUFTLEVBQUUsT0FBTyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQWlCLFFBQVEsRUFBYSxVQUFVLEVBQUUsY0FBYyxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQzNKLE9BQU8sUUFBUSxNQUFNLFdBQVcsQ0FBQTtBQUVoQyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLEtBQUssRUFBRSxNQUFNLG9CQUFvQixDQUFBO0FBRTFDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQzVELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFFM0QsSUFBTSxXQUFXLEdBQUcsRUFBRSxDQUFBO0FBRXRCLElBQU0sYUFBYSxHQUFHLFVBQVUsQ0FDOUIsVUFDRSxFQXFCQyxFQUNELEdBQUc7SUFyQkQsSUFBQSxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixJQUFJLFVBQUEsRUFDSixFQUFFLFFBQUEsRUFDRixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixTQUFTLGVBQUEsRUFDVCxNQUFNLFlBQUEsRUFDTixXQUFXLGlCQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osTUFBTSxZQUFBLEVB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

package/lib/components/select/web/SelectNative.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+/// <reference types="react" />
 import { SelectProps, SelectRef } from '../../../components/select/SelectProps';
-declare const SelectNative: React.ForwardRefExoticComponent<SelectProps<import("../../../components/select/SelectProps").SelectChangeEvent> & React.RefAttributes<SelectRef>>;
+declare const SelectNative: import("react").ForwardRefExoticComponent<SelectProps<import("../../../components/select/SelectProps").SelectChangeEvent> & import("react").RefAttributes<SelectRef>>;
 export default SelectNative;

package/lib/components/select/web/SelectNative.js

@@ -1,65 +1,56 @@
 import { __assign, __read, __rest } from "tslib";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import clsx from 'clsx';
-import * as React from 'react';
+import { Children, forwardRef, isValidElement, useCallback, useEffect, useId, useState } from 'react';
 import { ComponentName } from '../../../components/enumsComponentsName';
 import { Icon } from '../../../components/icon';
 import { SelectOption } from '../../../components/select';
 import { Text, TextLevels, TextMarkup } from '../../../components/text';
-import { useTrilogyContext } from '../../../context/index';
+import { useTrilogyContext } from '../../../context/TrilogyContext';
 import { hashClass } from '../../../helpers/hashClassesHelpers';
 import { TypographyColor } from '../../../objects/Typography/TypographyColor';
 import { is } from '../../../services/classify';
-var SelectNative = React.forwardRef(function (_a, ref) {
+var SelectNative = forwardRef(function (_a, ref) {
     var onChange = _a.onChange, disabled = _a.disabled, onFocus = _a.onFocus, onBlur = _a.onBlur, children = _a.children, selected = _a.selected, name = _a.name, id = _a.id, testId = _a.testId, label = _a.label, iconName = _a.iconName, className = _a.className, accessibilityLabel = _a.accessibilityLabel, status = _a.status, required = _a.required, sample = _a.sample, help = _a.help, readOnly = _a.readOnly, others = __rest(_a, ["onChange", "disabled", "onFocus", "onBlur", "children", "selected", "name", "id", "testId", "label", "iconName", "className", "accessibilityLabel", "status", "required", "sample", "help", "readOnly"]);
     var styled = useTrilogyContext().styled;
-    var idHelp = React.useId();
-    var idSample = React.useId();
-    var _b = __read(React.useState(false), 2), focused = _b[0], setIsFocused = _b[1];
-    var _c = __read(React.useState(selected), 2), selectedValues = _c[0], setSelectedValues = _c[1];
+    var idHelp = useId();
+    var idSample = useId();
+    var _b = __read(useState(false), 2), focused = _b[0], setIsFocused = _b[1];
+    var _c = __read(useState(selected), 2), selectedValues = _c[0], setSelectedValues = _c[1];
     var selectClasses = hashClass(styled, clsx('select', className));
     var controlClass = hashClass(styled, clsx('control', iconName && 'has-icons-left'));
     var helpClasses = clsx('help', status && is(status));
-    var handleFocus = React.useCallback(function (e) {
+    var handleFocus = useCallback(function (e) {
         setIsFocused(true);
         onFocus && onFocus(e);
     }, []);
-    var handleBlur = React.useCallback(function (e) {
+    var handleBlur = useCallback(function (e) {
         setIsFocused(false);
         onBlur && onBlur(e);
     }, []);
-    React.useEffect(function () {
+    useEffect(function () {
         setSelectedValues(selected);
     }, [selected]);
-    return (React.createElement("div", { className: selectClasses },
-        React.createElement("div", { className: hashClass(styled, clsx('field', focused && 'focus')) },
-            label && (React.createElement("label", { className: hashClass(styled, 'input-label'), htmlFor: id },
-                label,
-                ' ',
-                required && (React.createElement(Text, { markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR }, "*")))),
-            sample && (React.createElement(Text, { className: 'input-sample', level: TextLevels.TWO, id: idSample }, sample)),
-            React.createElement("div", { className: controlClass },
-                React.createElement("select", __assign({ ref: ref, className: hashClass(styled, clsx(!label && 'no-label', status && is(status))), value: selectedValues, "aria-label": accessibilityLabel, "data-testid": testId, onChange: function (e) {
-                        var selectedV = Array.from(e.target.selectedOptions).map(function (select) { return select.value; });
-                        setSelectedValues(selectedV);
-                        if (onChange) {
-                            onChange({
-                                selectValue: e.target.value,
-                                selectName: e.target.name,
-                                selectId: e.target.id,
-                                name: e.target.name,
-                                selectedOptions: selectedV,
-                                target: e.target,
-                            });
-                        }
-                    }, onFocus: handleFocus, onBlur: handleBlur, id: id ? String(id) : undefined, name: name, disabled: disabled, role: 'listbox' }, others), React.Children.map(children, function (child) {
-                    if (!React.isValidElement(child))
-                        return null;
-                    var props = __assign(__assign({}, child.props), { native: 'true' });
-                    return React.createElement(SelectOption, __assign({}, props));
-                })),
-                iconName && React.createElement(Icon, { name: iconName, size: 'small' })),
-            help && (React.createElement(Text, { className: helpClasses, id: idHelp }, help)))));
+    return (_jsx("div", __assign({ className: selectClasses }, { children: _jsxs("div", __assign({ className: hashClass(styled, clsx('field', focused && 'focus')) }, { children: [label && (_jsxs("label", __assign({ className: hashClass(styled, 'input-label'), htmlFor: id }, { children: [label, ' ', required && (_jsx(Text, __assign({ markup: TextMarkup.SPAN, typo: TypographyColor.TEXT_ERROR }, { children: "*" })))] }))), sample && (_jsx(Text, __assign({ className: 'input-sample', level: TextLevels.TWO, id: idSample }, { children: sample }))), _jsxs("div", __assign({ className: controlClass }, { children: [_jsx("select", __assign({ ref: ref, className: hashClass(styled, clsx(!label && 'no-label', status && is(status))), value: selectedValues, "aria-label": accessibilityLabel, "data-testid": testId, onChange: function (e) {
+                                var selectedV = Array.from(e.target.selectedOptions).map(function (select) { return select.value; });
+                                setSelectedValues(selectedV);
+                                if (onChange) {
+                                    onChange({
+                                        selectValue: e.target.value,
+                                        selectName: e.target.name,
+                                        selectId: e.target.id,
+                                        name: e.target.name,
+                                        selectedOptions: selectedV,
+                                        target: e.target,
+                                    });
+                                }
+                            }, onFocus: handleFocus, onBlur: handleBlur, id: id ? String(id) : undefined, name: name, disabled: disabled, role: 'listbox' }, others, { children: Children.map(children, function (child) {
+                                if (!isValidElement(child))
+                                    return null;
+                                var props = __assign(__assign({}, child.props), { native: 'true' });
+                                return _jsx(SelectOption, __assign({}, props));
+                            }) })), iconName && _jsx(Icon, { name: iconName, size: 'small' })] })), help && (_jsx(Text, __assign({ className: helpClasses, id: idHelp }, { children: help })))] })) })));
 });
 SelectNative.displayName = ComponentName.Select;
 export default SelectNative;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0TmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvd2ViL1NlbGVjdE5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUVsRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLHNDQUFzQyxDQUFBO0FBQ3RFLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV4QyxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNuQyxVQUNFLEVBb0JDLEVBQ0QsR0FBRztJQXBCRCxJQUFBLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULGtCQUFrQix3QkFBQSxFQUNsQixNQUFNLFlBQUEsRUFDTixRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUEsRUFDTixJQUFJLFVB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2VsZWN0TmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9zZWxlY3Qvd2ViL1NlbGVjdE5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6Ijs7QUFBQSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFlLFFBQVEsRUFBNEMsVUFBVSxFQUFFLGNBQWMsRUFBRSxXQUFXLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFNUosT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUN4QyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFbEQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDaEUsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDNUQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQTtBQUN0RSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFFeEMsSUFBTSxZQUFZLEdBQUcsVUFBVSxDQUM3QixVQUNFLEVBb0JDLEVBQ0QsR0FBRztJQXBCRCxJQUFBLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLE1BQU0sWUFBQSxFQUNOLFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLElBQUksVUFBQSxFQUNKLEVBQUUsUUFBQSxFQUNGLE1BQU0sWUFBQSxFQUNOLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULGtCQUFrQix3QkFBQSxF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

package/lib/components/select/web/index.d.ts

@@ -1,2 +1,2 @@
-export { default as SelectDynamic } from './SelectDynamic';
-export { default as SelectNative } from './SelectNative';
+export { default as SelectDynamic } from '../../../components/select/web/SelectDynamic';
+export { default as SelectNative } from '../../../components/select/web/SelectNative';

package/lib/components/select/web/index.js

@@ -1,3 +1,3 @@
-export { default as SelectDynamic } from './SelectDynamic';
-export { default as SelectNative } from './SelectNative';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlbGVjdC93ZWIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxhQUFhLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUMxRCxPQUFPLEVBQUUsT0FBTyxJQUFJLFlBQVksRUFBRSxNQUFNLGdCQUFnQixDQUFBIn0=
+export { default as SelectDynamic } from '../../../components/select/web/SelectDynamic';
+export { default as SelectNative } from '../../../components/select/web/SelectNative';
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3NlbGVjdC93ZWIvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLE9BQU8sSUFBSSxhQUFhLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQTtBQUNoRixPQUFPLEVBQUUsT0FBTyxJQUFJLFlBQVksRUFBRSxNQUFNLHNDQUFzQyxDQUFBIn0=

package/lib/components/skeleton/Skeleton.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SkeletonProps } from './SkeletonProps';
+import { FC } from 'react';
+import { SkeletonProps } from '../../components/skeleton/SkeletonProps';
 /**
  * Skeleton Component - Loading placeholder with animated shimmer effect
  * @note Web implementation is a stub — the full implementation is in Skeleton.native.tsx
@@ -10,9 +10,9 @@ import { SkeletonProps } from './SkeletonProps';
  * @param shimmerColor {string} Color of the shimmer animation (default: '#F7F8F8')
  * @param duration {number} Shimmer animation duration in milliseconds (default: 1200)
  * @param borderRadius {number} Border radius of the container (default: 4)
- * @param children {React.ReactNode} Optional children to render inside the skeleton
+ * @param children {ReactNode} Optional children to render inside the skeleton
  * @param testID {string} Test identifier (React Native)
  * @param style {ViewStyle} Custom container style (React Native)
  */
-declare const Skeleton: React.FC<SkeletonProps>;
+declare const Skeleton: FC<SkeletonProps>;
 export default Skeleton;

package/lib/components/skeleton/Skeleton.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import { Fragment as _Fragment, jsx as _jsx } from "react/jsx-runtime";
 /**
  * Skeleton Component - Loading placeholder with animated shimmer effect
  * @note Web implementation is a stub — the full implementation is in Skeleton.native.tsx
@@ -9,12 +9,12 @@ import React from 'react';
  * @param shimmerColor {string} Color of the shimmer animation (default: '#F7F8F8')
  * @param duration {number} Shimmer animation duration in milliseconds (default: 1200)
  * @param borderRadius {number} Border radius of the container (default: 4)
- * @param children {React.ReactNode} Optional children to render inside the skeleton
+ * @param children {ReactNode} Optional children to render inside the skeleton
  * @param testID {string} Test identifier (React Native)
  * @param style {ViewStyle} Custom container style (React Native)
  */
 var Skeleton = function () {
-    return (React.createElement(React.Fragment, null));
+    return (_jsx(_Fragment, {}));
 };
 export default Skeleton;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NrZWxldG9uL1NrZWxldG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFHekI7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sUUFBUSxHQUE0QjtJQUN4QyxPQUFPLENBQ0wseUNBQUssQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b24uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NrZWxldG9uL1NrZWxldG9uLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBR0E7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sUUFBUSxHQUFzQjtJQUNsQyxPQUFPLENBQ0wsbUJBQUssQ0FDTixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==

package/lib/components/skeleton/Skeleton.native.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { SkeletonProps } from './SkeletonProps';
+import { FC } from 'react';
+import { SkeletonProps } from '../../components/skeleton/SkeletonProps';
 /**
  * Skeleton component to display a loading placeholder with shimmer effect.
  * @param style - Custom styles for the skeleton container.
@@ -12,5 +12,5 @@ import { SkeletonProps } from './SkeletonProps';
  * @param children - Optional children to render inside the skeleton.
  * @param testID - Test identifier for testing purposes.
  */
-declare const Skeleton: React.FC<SkeletonProps>;
+declare const Skeleton: FC<SkeletonProps>;
 export default Skeleton;

package/lib/components/skeleton/Skeleton.native.js

@@ -1,5 +1,6 @@
 import { __assign, __read } from "tslib";
-import React, { useEffect, useRef } from 'react';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
 import { View, Animated } from 'react-native';
 /**
  * Skeleton component to display a loading placeholder with shimmer effect.
@@ -16,7 +17,7 @@ import { View, Animated } from 'react-native';
 var Skeleton = function (_a) {
     var style = _a.style, _b = _a.width, width = _b === void 0 ? '100%' : _b, _c = _a.height, height = _c === void 0 ? 20 : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? '#E1E9EE' : _d, _e = _a.shimmerColor, shimmerColor = _e === void 0 ? '#F7F8F8' : _e, _f = _a.duration, duration = _f === void 0 ? 1200 : _f, _g = _a.borderRadius, borderRadius = _g === void 0 ? 4 : _g, children = _a.children, testID = _a.testID;
     var shimmerValue = useRef(new Animated.Value(0)).current;
-    var _h = __read(React.useState(200), 2), containerWidth = _h[0], setContainerWidth = _h[1];
+    var _h = __read(useState(200), 2), containerWidth = _h[0], setContainerWidth = _h[1];
     useEffect(function () {
         var shimmerAnimation = Animated.loop(Animated.timing(shimmerValue, {
             toValue: 1,
@@ -40,23 +41,20 @@ var Skeleton = function (_a) {
         setContainerWidth(layoutWidth);
     };
     if (children) {
-        return (React.createElement(View, { style: containerStyle, testID: testID, onLayout: handleLayout },
-            React.createElement(View, { style: { opacity: 0 } }, children),
-            React.createElement(Animated.View, { style: [
-                    {
-                        position: 'absolute',
-                        top: 0,
-                        left: 0,
-                        width: containerWidth * 0.7,
-                        height: '100%',
-                        backgroundColor: shimmerColor,
-                        opacity: opacity,
-                        transform: [{ translateX: translateX }],
-                    },
-                ] })));
+        return (_jsxs(View, __assign({ style: containerStyle, testID: testID, onLayout: handleLayout }, { children: [_jsx(View, __assign({ style: { opacity: 0 } }, { children: children })), _jsx(Animated.View, { style: [
+                        {
+                            position: 'absolute',
+                            top: 0,
+                            left: 0,
+                            width: containerWidth * 0.7,
+                            height: '100%',
+                            backgroundColor: shimmerColor,
+                            opacity: opacity,
+                            transform: [{ translateX: translateX }],
+                        },
+                    ] })] })));
     }
-    return (React.createElement(View, { style: containerStyle, testID: testID, onLayout: handleLayout },
-        React.createElement(Animated.View, { style: [
+    return (_jsx(View, __assign({ style: containerStyle, testID: testID, onLayout: handleLayout }, { children: _jsx(Animated.View, { style: [
                 {
                     width: containerWidth * 0.7,
                     height: '100%',
@@ -64,7 +62,7 @@ var Skeleton = function (_a) {
                     opacity: opacity,
                     transform: [{ translateX: translateX }],
                 },
-            ] })));
+            ] }) })));
 };
 export default Skeleton;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b24ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9za2VsZXRvbi9Ta2VsZXRvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBYSxRQUFRLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFHeEQ7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLFFBQVEsR0FBNEIsVUFBQyxFQVUxQztRQVRDLEtBQUssV0FBQSxFQUNMLGFBQWMsRUFBZCxLQUFLLG1CQUFHLE1BQU0sS0FBQSxFQUNkLGNBQVcsRUFBWCxNQUFNLG1CQUFHLEVBQUUsS0FBQSxFQUNYLHVCQUEyQixFQUEzQixlQUFlLG1CQUFHLFNBQVMsS0FBQSxFQUMzQixvQkFBd0IsRUFBeEIsWUFBWSxtQkFBRyxTQUFTLEtBQUEsRUFDeEIsZ0JBQWUsRUFBZixRQUFRLG1CQUFHLElBQUksS0FBQSxFQUNmLG9CQUFnQixFQUFoQixZQUFZLG1CQUFHLENBQUMsS0FBQSxFQUNoQixRQUFRLGNBQUEsRUFDUixNQUFNLFlBQUE7SUFFTixJQUFNLFlBQVksR0FBRyxNQUFNLENBQUMsSUFBSSxRQUFRLENBQUMsS0FBSyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsT0FBTyxDQUFBO0lBQ3BELElBQUEsS0FBQSxPQUFzQyxLQUFLLENBQUMsUUFBUSxDQUFDLEdBQUcsQ0FBQyxJQUFBLEVBQXhELGNBQWMsUUFBQSxFQUFFLGlCQUFpQixRQUF1QixDQUFBO0lBRS9ELFNBQVMsQ0FBQztRQUNSLElBQU0sZ0JBQWdCLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FDcEMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUU7WUFDNUIsT0FBTyxFQUFFLENBQUM7WUFDVixRQUFRLFVBQUE7WUFDUixlQUFlLEVB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU2tlbGV0b24ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9za2VsZXRvbi9Ta2VsZXRvbi5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7O0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQU0sUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ3ZELE9BQU8sRUFBRSxJQUFJLEVBQWEsUUFBUSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBR3hEOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsSUFBTSxRQUFRLEdBQXNCLFVBQUMsRUFVcEM7UUFUQyxLQUFLLFdBQUEsRUFDTCxhQUFjLEVBQWQsS0FBSyxtQkFBRyxNQUFNLEtBQUEsRUFDZCxjQUFXLEVBQVgsTUFBTSxtQkFBRyxFQUFFLEtBQUEsRUFDWCx1QkFBMkIsRUFBM0IsZUFBZSxtQkFBRyxTQUFTLEtBQUEsRUFDM0Isb0JBQXdCLEVBQXhCLFlBQVksbUJBQUcsU0FBUyxLQUFBLEVBQ3hCLGdCQUFlLEVBQWYsUUFBUSxtQkFBRyxJQUFJLEtBQUEsRUFDZixvQkFBZ0IsRUFBaEIsWUFBWSxtQkFBRyxDQUFDLEtBQUEsRUFDaEIsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBO0lBRU4sSUFBTSxZQUFZLEdBQUcsTUFBTSxDQUFDLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQTtJQUNwRCxJQUFBLEtBQUEsT0FBc0MsUUFBUSxDQUFDLEdBQUcsQ0FBQyxJQUFBLEVBQWxELGNBQWMsUUFBQSxFQUFFLGlCQUFpQixRQUFpQixDQUFBO0lBRXpELFNBQVMsQ0FBQztRQUNSLElBQU0sZ0JBQWdCLEdBQUcsUUFBUSxDQUFDLElBQUksQ0FDcEMsUUFBUSxDQUFDLE1BQU0sQ0FBQyxZQUFZLEVBQUU7WUFDNUIsT0FBTyxFQUFFLENBQUM7WUFDVixRQUFRLFVBQUE7WUFDUixlQUFlLEVBQUUsSUFBSTtTQUN0QixDQUFDLEVBQ0YsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDLEVBQUUsQ0FDbkIsQ0FBQTtRQUVELGdCQUFnQixDQUFDLEtBQUssRUFBRSxDQUFBO1FBRXhCLE9BQU8sY0FBTSxPQUFBLGdCQUFnQixDQUFDLElBQUksRUFBRSxFQUF2QixDQUF1QixDQUFBO0lBQ3RDLENBQUMsRUFBRSxDQUFDLFlBQVksRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFBO0lBRTVCLElBQU0sVUFBVSxHQUFHLFlBQVksQ0FBQyxXQUFXLENBQUM7UUFDMUMsVUFBVSxFQUFFLENBQUMsQ0FBQyxFQUFFLENBQUMsQ0FBQztRQUNsQixXQUFXLEVBQUUsQ0FBQyxDQUFDLGNBQWMsRUFBRSxjQUFjLENBQUM7S0FDL0MsQ0FBQyxDQUFBO0lBRUYsSUFBTSxPQUFPLEdBQUcsWUFBWSxDQUFDLFdBQVcsQ0FBQztRQUN2QyxVQUFVLEVBQUUsQ0FBQyxDQUFDLEVBQUUsR0FBRyxFQUFFLENBQUMsQ0FBQztRQUN2QixXQUFXLEVBQUUsQ0FBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEdBQUcsQ0FBQztLQUM3QixDQUFDLENBQUE7SUFFRixJQUFNLGNBQWMsY0FDbEIsS0FBSyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQyxLQUFLLEVBQ25DLE1BQU0sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUMsTUFBTSxFQUNyQyxlQUFlLGlCQUFBLEVBQ2YsWUFBWSxjQUFBLEVBQ1osUUFBUSxFQUFFLFFBQVEsRUFDbEIsU0FBUyxFQUFFLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxTQUFTLElBQzNDLEtBQUssQ0FDVCxDQUFBO0lBRUQsSUFBTSxZQUFZLEdBQUcsVUFBQyxLQUFVO1FBQ3RCLElBQU8sV0FBVyxHQUFLLEtBQUssQ0FBQyxXQUFXLENBQUMsTUFBTSxNQUE3QixDQUE2QjtRQUN2RCxpQkFBaUIsQ0FBQyxXQUFXLENBQUMsQ0FBQTtJQUNoQyxDQUFDLENBQUE7SUFFRCxJQUFJLFFBQVEsRUFBRTtRQUNaLE9BQU8sQ0FDTCxNQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsY0FBYyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFlBQVksaUJBQ2pFLEtBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxFQUFFLE9BQU8sRUFBRSxDQUFDLEVBQUUsZ0JBQ3hCLFFBQVEsSUFDSixFQUVQLEtBQUMsUUFBUSxDQUFDLElBQUksSUFDWixLQUFLLEVBQUU7d0JBQ0w7NEJBQ0UsUUFBUSxFQUFFLFVBQVU7NEJBQ3BCLEdBQUcsRUFBRSxDQUFDOzRCQUNOLElBQUksRUFBRSxDQUFDOzRCQUNQLEtBQUssRUFBRSxjQUFjLEdBQUcsR0FBRzs0QkFDM0IsTUFBTSxFQUFFLE1BQU07NEJBQ2QsZUFBZSxFQUFFLFlBQVk7NEJBQzdCLE9BQU8sU0FBQTs0QkFDUCxTQUFTLEVBQUUsQ0FBQyxFQUFFLFVBQVUsWUFBQSxFQUFFLENBQUM7eUJBQzVCO3FCQUNGLEdBQ0QsS0FDRyxDQUNSLENBQUE7S0FDRjtJQUVELE9BQU8sQ0FDTCxLQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsY0FBYyxFQUFFLE1BQU0sRUFBRSxNQUFNLEVBQUUsUUFBUSxFQUFFLFlBQVksZ0JBQ2pFLEtBQUMsUUFBUSxDQUFDLElBQUksSUFDWixLQUFLLEVBQUU7Z0JBQ0w7b0JBQ0UsS0FBSyxFQUFFLGNBQWMsR0FBRyxHQUFHO29CQUMzQixNQUFNLEVBQUUsTUFBTTtvQkFDZCxlQUFlLEVBQUUsWUFBWTtvQkFDN0IsT0FBTyxTQUFBO29CQUNQLFNBQVMsRUFBRSxDQUFDLEVBQUUsVUFBVSxZQUFBLEVBQUUsQ0FBQztpQkFDNUI7YUFDRixHQUNELElBQ0csQ0FDUixDQUFBO0FBQ0gsQ0FBQyxDQUFBO0FBRUQsZUFBZSxRQUFRLENBQUEifQ==

package/lib/components/skeleton/SkeletonProps.d.ts

@@ -1,5 +1,5 @@
-/// <reference types="react" />
 import { ViewStyle, DimensionValue } from 'react-native';
+import { ReactNode } from 'react';
 export interface SkeletonProps {
     style?: ViewStyle;
     width?: DimensionValue;
@@ -8,6 +8,6 @@ export interface SkeletonProps {
     shimmerColor?: string;
     duration?: number;
     borderRadius?: number;
-    children?: React.ReactNode;
+    children?: ReactNode;
     testID?: string;
 }

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

@@ -1,3 +1,3 @@
-import Skeleton from './Skeleton';
-export * from './SkeletonProps';
+import Skeleton from '../../components/skeleton/Skeleton';
+export * from '../../components/skeleton/SkeletonProps';
 export { Skeleton };

package/lib/components/skeleton/index.js

@@ -1,4 +1,4 @@
-import Skeleton from './Skeleton';
-export * from './SkeletonProps';
+import Skeleton from '../../components/skeleton/Skeleton';
+export * from '../../components/skeleton/SkeletonProps';
 export { Skeleton };
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NrZWxldG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLFlBQVksQ0FBQTtBQUVqQyxjQUFjLGlCQUFpQixDQUFBO0FBRS9CLE9BQU8sRUFBRSxRQUFRLEVBQUUsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3NrZWxldG9uL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sUUFBUSxNQUFNLGdDQUFnQyxDQUFBO0FBRXJELGNBQWMscUNBQXFDLENBQUE7QUFFbkQsT0FBTyxFQUFFLFFBQVEsRUFBRSxDQUFBIn0=

package/lib/components/spacer/Spacer.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import { SpacerProps } from './SpacerProps';
+/// <reference types="react" />
+import { SpacerProps } from '../../components/spacer/SpacerProps';
 /**
  * Spacer Component - Adds vertical or horizontal spacing
  * @param size {SpacerSize} Spacing size: ONE | TWO | THREE | FOUR | FIVE | SIX | SEVEN | EIGHT
@@ -9,5 +9,5 @@ import { SpacerProps } from './SpacerProps';
  * @param className {string} Additional CSS Classes
  * @param id {string} Custom id attribute
  */
-declare const Spacer: React.ForwardRefExoticComponent<SpacerProps & React.RefAttributes<HTMLDivElement>>;
+declare const Spacer: import("react").ForwardRefExoticComponent<SpacerProps & import("react").RefAttributes<HTMLDivElement>>;
 export default Spacer;

package/lib/components/spacer/Spacer.js

@@ -1,8 +1,9 @@
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
 import { hashClass } from '../../helpers/hashClassesHelpers';
 import clsx from 'clsx';
-import { useTrilogyContext } from '../../context';
-import { ComponentName } from '../enumsComponentsName';
+import { useTrilogyContext } from '../../context/TrilogyContext';
+import { ComponentName } from '../../components/enumsComponentsName';
 /**
  * Spacer Component - Adds vertical or horizontal spacing
  * @param size {SpacerSize} Spacing size: ONE | TWO | THREE | FOUR | FIVE | SIX | SEVEN | EIGHT
@@ -12,7 +13,7 @@ import { ComponentName } from '../enumsComponentsName';
  * @param className {string} Additional CSS Classes
  * @param id {string} Custom id attribute
  */
-var Spacer = React.forwardRef(function (_a, ref) {
+var Spacer = forwardRef(function (_a, ref) {
     var size = _a.size, horizontal = _a.horizontal, className = _a.className, id = _a.id, testId = _a.testId;
     var styled = useTrilogyContext().styled;
     var styles = {
@@ -22,8 +23,8 @@ var Spacer = React.forwardRef(function (_a, ref) {
         },
     };
     var classes = hashClass(styled, clsx(className));
-    return React.createElement("div", { ref: ref, id: id, style: styles.spacer, "data-testid": testId, className: classes });
+    return _jsx("div", { ref: ref, id: id, style: styles.spacer, "data-testid": testId, className: classes });
 });
 Spacer.displayName = ComponentName.Spacer;
 export default Spacer;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BhY2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zcGFjZXIvU3BhY2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFdEQ7Ozs7Ozs7O0dBUUc7QUFDSCxJQUFNLE1BQU0sR0FBRyxLQUFLLENBQUMsVUFBVSxDQUF5QixVQUFDLEVBQTJDLEVBQUUsR0FBRztRQUE5QyxJQUFJLFVBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsRUFBRSxRQUFBLEVBQUUsTUFBTSxZQUFBO0lBQ3hGLElBQUEsTUFBTSxHQUFLLGlCQUFpQixFQUFFLE9BQXhCLENBQXdCO0lBQ3RDLElBQU0sTUFBTSxHQUFHO1FBQ2IsTUFBTSxFQUFFO1lBQ04sVUFBVSxFQUFFLFVBQVUsQ0FBQyxDQUFDLENBQUMsVUFBRyxJQUFJLE9BQUksQ0FBQyxDQUFDLENBQUMsS0FBSztZQUM1QyxTQUFTLEVBQUUsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQUcsSUFBSSxPQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUs7U0FDN0M7S0FDRixDQUFBO0lBQ0QsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUVsRCxPQUFPLDZCQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLE1BQU0saUJBQWUsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLEdBQUksQ0FBQTtBQUNqRyxDQUFDLENBQUMsQ0FBQTtBQUVGLE1BQU0sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE1BQU0sQ0FBQTtBQUN6QyxlQUFlLE1BQU0sQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3BhY2VyLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vY29tcG9uZW50cy9zcGFjZXIvU3BhY2VyLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUVsQyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDBCQUEwQixDQUFBO0FBQzVELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7R0FRRztBQUNILElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBeUIsVUFBQyxFQUEyQyxFQUFFLEdBQUc7UUFBOUMsSUFBSSxVQUFBLEVBQUUsVUFBVSxnQkFBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQSxFQUFFLE1BQU0sWUFBQTtJQUNsRixJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE1BQU0sR0FBRztRQUNiLE1BQU0sRUFBRTtZQUNOLFVBQVUsRUFBRSxVQUFVLENBQUMsQ0FBQyxDQUFDLFVBQUcsSUFBSSxPQUFJLENBQUMsQ0FBQyxDQUFDLEtBQUs7WUFDNUMsU0FBUyxFQUFFLENBQUMsVUFBVSxDQUFDLENBQUMsQ0FBQyxVQUFHLElBQUksT0FBSSxDQUFDLENBQUMsQ0FBQyxLQUFLO1NBQzdDO0tBQ0YsQ0FBQTtJQUNELElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFbEQsT0FBTyxjQUFLLEdBQUcsRUFBRSxHQUFHLEVBQUUsRUFBRSxFQUFFLEVBQUUsRUFBRSxLQUFLLEVBQUUsTUFBTSxDQUFDLE1BQU0saUJBQWUsTUFBTSxFQUFFLFNBQVMsRUFBRSxPQUFPLEdBQUksQ0FBQTtBQUNqRyxDQUFDLENBQUMsQ0FBQTtBQUVGLE1BQU0sQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLE1BQU0sQ0FBQTtBQUN6QyxlQUFlLE1BQU0sQ0FBQSJ9

package/lib/components/spacer/Spacer.native.d.ts

@@ -1,10 +1,10 @@
-import * as React from "react";
+/// <reference types="react" />
 import { View } from 'react-native';
-import { SpacerProps } from "./SpacerProps";
+import { SpacerProps } from "../../components/spacer/SpacerProps";
 /**
  * Spacer Component
  * @param size {SpacerSize} Size of the spacer
  * @param horizontal {Boolean} If horizontal margin
  */
-declare const Spacer: React.ForwardRefExoticComponent<SpacerProps & React.RefAttributes<View>>;
+declare const Spacer: import("react").ForwardRefExoticComponent<SpacerProps & import("react").RefAttributes<View>>;
 export default Spacer;