@trilogy-ds/react 0.0.1-beta-sc-2 → 0.0.1-beta-149

package/lib/components/progress/radial/ProgressRadial.js

@@ -1,12 +1,12 @@
-import { __assign, __rest } from "tslib";
+import { __assign, __read, __rest } from "tslib";
+import React, { useEffect, useRef, useState } from 'react';
 import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { useProgressRadial } from '../../../components/progress/radial/hook/useProgressRadial';
-import { Text, TextLevels } from '../../../components/text';
-import { Title, TitleLevels } from '../../../components/title';
-import { hashClass } from '../../../helpers/hashClassesHelpers';
-import { is } from '../../../services/classify';
+import { is } from '../../../services/index';
+import { hashClass } from '../../../helpers';
+import { useTrilogyContext } from '../../../context';
+import { Title, TitleLevels } from '../../title';
+import { Text, TextLevels } from '../../text';
+import { getColorStyle } from "../../../objects/facets/Color";
 /**
  * Progress Radial component
  * @param percent {number} Progress percent
@@ -25,17 +25,56 @@ import { is } from '../../../services/classify';
  * @param className {string} Additionnal CSS Classes
  * @param small {boolean} Display small progress radial
  */
-var ProgressRadial = React.forwardRef(function (_a, ref) {
+var ProgressRadial = function (_a) {
     var children = _a.children, _b = _a.percent, percent = _b === void 0 ? 0 : _b, _c = _a.secondPercent, secondPercent = _c === void 0 ? 0 : _c, label = _a.label, description = _a.description, skeleton = _a.skeleton, className = _a.className, small = _a.small, others = __rest(_a, ["children", "percent", "secondPercent", "label", "description", "skeleton", "className", "small"]);
-    var _d = useProgressRadial({ percent: percent, secondPercent: secondPercent }), progressRadialRef = _d.progressRadialRef, styleSSR = _d.styleSSR;
-    var classes = hashClass(clsx('progress-radial', skeleton && is('loading'), small && is('small'), className));
-    var classesContent = hashClass(clsx('progress-radial-content'));
-    return (React.createElement("div", __assign({ className: classes, ref: progressRadialRef, style: styleSSR }, others),
-        React.createElement("div", { className: classesContent, ref: ref },
-            label && (React.createElement(Title, { level: TitleLevels.TWO, marginless: true }, label)),
-            description && (React.createElement(Text, { level: TextLevels.ONE, marginless: true }, description)),
+    var styled = useTrilogyContext().styled;
+    var _d = __read(useState(0), 2), firstProgressCurrentValue = _d[0], setFirstProgressCurrentValue = _d[1];
+    var _e = __read(useState(0), 2), secondProgressCurrentValue = _e[0], setSecondProgressCurrentValue = _e[1];
+    var classes = hashClass(styled, clsx('progress-radial', skeleton && is('loading'), small && is('small'), className));
+    var classesContent = hashClass(styled, clsx('progress-radial-content'));
+    var progressRadialRef = useRef(null);
+    // Function to update the background style based on the current progress
+    var updateBackgroundStyle = function (firstValue, secondValue) {
+        var progressRadial = progressRadialRef.current;
+        if (!progressRadial) {
+            return;
+        }
+        var firstProgressDegree = (360 * firstValue) / 100;
+        var secondProgressDegree = (360 * secondValue) / 100;
+        // Ensure the second progress starts where the first ends
+        var secondProgressStartDegree = firstProgressDegree;
+        var styleBackground;
+        styleBackground = "radial-gradient(circle at center, white 58%, transparent 58.1%),";
+        styleBackground += "conic-gradient(#0C7B91 0 ".concat(firstProgressDegree, "deg, ").concat(getColorStyle('MAIN'), " ").concat(secondProgressStartDegree, "deg ").concat(secondProgressStartDegree + secondProgressDegree, "deg, gainsboro ").concat(secondProgressStartDegree + secondProgressDegree, "deg 360deg)");
+        progressRadial.style.background = styleBackground;
+    };
+    useEffect(function () {
+        var animationFrameId;
+        // Reset the current values whenever the provided percent or secondPercent change
+        setFirstProgressCurrentValue(0);
+        setSecondProgressCurrentValue(0);
+        updateBackgroundStyle(percent, secondPercent); // if percent or secondPercent are 0, update immediately
+        var frame = function () {
+            setFirstProgressCurrentValue(function (value) {
+                return value < percent ? value + 1 : value;
+            });
+            setSecondProgressCurrentValue(function (value) {
+                return value < secondPercent ? value + 1 : value;
+            });
+            animationFrameId = requestAnimationFrame(frame);
+        };
+        animationFrameId = requestAnimationFrame(frame);
+        // Cleanup
+        return function () { return cancelAnimationFrame(animationFrameId); };
+    }, [percent, secondPercent]);
+    useEffect(function () {
+        updateBackgroundStyle(firstProgressCurrentValue, secondProgressCurrentValue);
+    }, [firstProgressCurrentValue, secondProgressCurrentValue]);
+    return (React.createElement("div", __assign({}, others, { className: classes, ref: progressRadialRef }),
+        React.createElement("div", { className: classesContent },
+            label && React.createElement(Title, { level: TitleLevels.TWO, marginless: true }, label),
+            description && React.createElement(Text, { level: TextLevels.ONE, marginless: true }, description),
             !label && !description && children)));
-});
-ProgressRadial.displayName = ComponentName.ProgressRadial;
+};
 export default ProgressRadial;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9Qcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLHFEQUFxRCxDQUFBO0FBRXZGLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxvQkFBb0IsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFDeEQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBRXhDOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3JDLFVBQ0UsRUFVc0IsRUFDdEIsR0FBOEI7SUFWNUIsSUFBQSxRQUFRLGNBQUEsRUFDUixlQUFXLEVBQVgsT0FBTyxtQkFBRyxDQUFDLEtBQUEsRUFDWCxxQkFBaUIsRUFBakIsYUFBYSxtQkFBRyxDQUFDLEtBQUEsRUFDakIsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEtBQUssV0FBQSxFQUNGLE1BQU0sY0FUWCxrR0FVQyxDQURVO0lBSUwsSUFBQSxLQUFrQyxpQkFBaUIsQ0FBQyxFQUFFLE9BQU8sU0FBQSxFQUFFLGFBQWEsZUFBQSxFQUFFLENBQUMsRUFBN0UsaUJBQWlCLHVCQUFBLEVBQUUsUUFBUSxjQUFrRCxDQUFBO0lBRXJGLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsaUJBQWlCLEVBQUUsUUFBUSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFBRSxLQUFLLElBQUksRUFBRSxDQUFDLE9BQU8sQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFDOUcsSUFBTSxjQUFjLEdBQUcsU0FBUyxDQUFDLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDLENBQUE7SUFFakUsT0FBTyxDQUNMLHNDQUFLLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLGlCQUFpQixFQUFFLEtBQUssRUFBRSxRQUFRLElBQU0sTUFBTTtRQUMxRSw2QkFBSyxTQUFTLEVBQUUsY0FBYyxFQUFFLEdBQUcsRUFBRSxHQUFHO1lBQ3JDLEtBQUssSUFBSSxDQUNSLG9CQUFDLEtBQUssSUFBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLEdBQUcsRUFBRSxVQUFVLFVBQ3RDLEtBQUssQ0FDQSxDQUNUO1lBQ0EsV0FBVyxJQUFJLENBQ2Qsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLFVBQVUsVUFDcEMsV0FBVyxDQUNQLENBQ1I7WUFDQSxDQUFDLEtBQUssSUFBSSxDQUFDLFdBQVcsSUFBSSxRQUFRLENBQy9CLENBQ0YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxjQUFjLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxjQUFjLENBQUE7QUFDekQsZUFBZSxjQUFjLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9Qcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDMUQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDNUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBRXREOzs7Ozs7Ozs7Ozs7Ozs7OztHQWlCRztBQUNILElBQU0sY0FBYyxHQUFHLFVBQUMsRUFVRjtJQVRwQixJQUFBLFFBQVEsY0FBQSxFQUNSLGVBQVcsRUFBWCxPQUFPLG1CQUFHLENBQUMsS0FBQSxFQUNYLHFCQUFpQixFQUFqQixhQUFhLG1CQUFHLENBQUMsS0FBQSxFQUNqQixLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsU0FBUyxlQUFBLEVBQ1QsS0FBSyxXQUFBLEVBQ0YsTUFBTSxjQVRhLGtHQVV2QixDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDaEMsSUFBQSxLQUFBLE9BQTRELFFBQVEsQ0FBQyxDQUFDLENBQUMsSUFBQSxFQUF0RSx5QkFBeUIsUUFBQSxFQUFF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

package/lib/components/progress/radial/ProgressRadial.native.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { View } from 'react-native';
-import { ProgressRadialProps } from '../../../components/progress/radial/ProgressRadialProps';
+/// <reference types="react" />
+import { ProgressRadialProps } from "./ProgressRadialProps";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Progress Radial component
  * @param percent {number} Progress percent
@@ -15,5 +15,8 @@ import { ProgressRadialProps } from '../../../components/progress/radial/Progres
  * @param align {Alignable} Progress Radial Alignement
  * @param skeleton {boolean} Skeleton Progress Radial
  */
-declare const ProgressRadial: React.ForwardRefExoticComponent<ProgressRadialProps & React.RefAttributes<View>>;
+declare const ProgressRadial: {
+    ({ percent, label, description, status, full, disk, secondPercent, secondStatus, align, skeleton, ...others }: ProgressRadialProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default ProgressRadial;

package/lib/components/progress/radial/ProgressRadial.native.js

@@ -1,12 +1,12 @@
 import { __assign, __rest } from "tslib";
-import React from 'react';
-import ContentLoader, { Circle } from 'react-content-loader/native';
-import { Platform, StyleSheet, View } from 'react-native';
-import { ComponentName } from '../../../components/enumsComponentsName';
-import { AnimatedCircularProgress } from '../../../components/progress/radial/react-native-circular-progress';
-import { Text, TextLevels } from '../../../components/text';
-import { getAlignStyle, TypographyAlign } from '../../../objects';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
+import * as React from "react";
+import { Platform, StyleSheet, View } from "react-native";
+import { AnimatedCircularProgress } from "./react-native-circular-progress";
+import { Text, TextLevels } from "../../../components/text";
+import { getAlignStyle, TypographyAlign, } from "../../../objects";
+import { getColorStyle, TrilogyColor } from "../../../objects/facets/Color";
+import ContentLoader, { Circle } from "react-content-loader/native";
+import { ComponentName } from "../../../components/enumsComponentsName";
 /**
  * Progress Radial component
  * @param percent {number} Progress percent
@@ -21,7 +21,7 @@ import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
  * @param align {Alignable} Progress Radial Alignement
  * @param skeleton {boolean} Skeleton Progress Radial
  */
-var ProgressRadial = React.forwardRef(function (_a, ref) {
+var ProgressRadial = function (_a) {
     var percent = _a.percent, label = _a.label, description = _a.description, status = _a.status, full = _a.full, disk = _a.disk, secondPercent = _a.secondPercent, secondStatus = _a.secondStatus, align = _a.align, skeleton = _a.skeleton, others = __rest(_a, ["percent", "label", "description", "status", "full", "disk", "secondPercent", "secondStatus", "align", "skeleton"]);
     var color = getColorStyle(status || TrilogyColor.INFO);
     var backgroundColor = getColorStyle(TrilogyColor.MAIN_FADE);
@@ -35,14 +35,14 @@ var ProgressRadial = React.forwardRef(function (_a, ref) {
             alignSelf: getAlignStyle(align),
         },
         label: {
-            textAlign: 'center',
+            textAlign: "center",
             fontSize: 20,
-            fontWeight: '600',
+            fontWeight: "600",
             paddingTop: 8,
         },
         description: {
-            alignSelf: 'center',
-            fontWeight: '500',
+            alignSelf: "center",
+            fontWeight: "500",
         },
         disk: {
             width: progressRadialWidth,
@@ -52,45 +52,45 @@ var ProgressRadial = React.forwardRef(function (_a, ref) {
         },
         labelDisk: {
             color: getColorStyle(TrilogyColor.FONT),
-            textAlign: 'center',
+            textAlign: "center",
             fontSize: 20,
-            fontWeight: '500',
+            fontWeight: "500",
         },
         descriptionDisk: {
             color: getColorStyle(TrilogyColor.FONT),
-            textAlign: 'center',
-            fontWeight: '400',
+            textAlign: "center",
+            fontWeight: "400",
         },
         alignCenter: {
-            alignItems: 'center',
-            justifyContent: 'center',
+            alignItems: "center",
+            justifyContent: "center",
         },
         skeleton: {
             width: progressRadialWidth,
             height: progressRadialWidth,
             borderRadius: progressRadialSkeletonRadius,
             backgroundColor: getColorStyle(TrilogyColor.DISABLED_FADE),
-            overflow: 'hidden',
+            overflow: "hidden",
         },
     });
     var ProgressRadialSkeleton = function () { return (React.createElement(ContentLoader, __assign({ style: styles.skeleton }, others),
-        React.createElement(View, { style: { opacity: 0 }, ref: ref }),
-        Platform.OS === 'android' && (React.createElement(View, null,
+        React.createElement(View, { style: { opacity: 0 } }),
+        Platform.OS === "android" && (React.createElement(View, null,
             React.createElement(Circle, { cx: '50', cy: '50', r: '50' }))))); };
     if (skeleton) {
         return React.createElement(ProgressRadialSkeleton, null);
     }
     if (disk) {
-        return (React.createElement(View, { style: styles.container, ref: ref },
+        return (React.createElement(View, { style: styles.container },
             React.createElement(View, __assign({ style: [styles.disk, styles.alignCenter] }, others),
-                label && typeof label.valueOf() === 'string' ? (React.createElement(Text, { style: styles.labelDisk, level: TextLevels.TWO }, label || '')) : (label),
-                description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.descriptionDisk, level: TextLevels.THREE, typo: TypographyAlign.TEXT_CENTERED }, description || '')) : (description))));
+                label && typeof label.valueOf() === "string" ? (React.createElement(Text, { style: styles.labelDisk, level: TextLevels.TWO }, label || "")) : (label),
+                description && typeof description.valueOf() === "string" ? (React.createElement(Text, { style: styles.descriptionDisk, level: TextLevels.THREE, typo: TypographyAlign.TEXT_CENTERED }, description || "")) : (description))));
     }
-    return (React.createElement(View, __assign({ style: styles.container, ref: ref }, others),
+    return (React.createElement(View, __assign({ style: styles.container }, others),
         React.createElement(AnimatedCircularProgress, __assign({ size: 90, width: 7, fill: !full ? percentWidth : 100, tintColor: color, backgroundColor: backgroundColor, rotation: 0 }, secondFill, secondFillColor), function () { return (React.createElement(View, { style: styles.alignCenter },
-            label && typeof label.valueOf() === 'string' ? (React.createElement(Text, { style: styles.label, level: TextLevels.TWO }, label || '')) : (React.createElement(View, null, label)),
-            description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.description, level: TextLevels.FOUR }, description || '')) : (React.createElement(View, null, description)))); })));
-});
+            label && typeof label.valueOf() === "string" ? (React.createElement(Text, { style: styles.label, level: TextLevels.TWO }, label || "")) : (React.createElement(View, null, label)),
+            description && typeof description.valueOf() === "string" ? (React.createElement(Text, { style: styles.description, level: TextLevels.FOUR }, description || "")) : (React.createElement(View, null, description)))); })));
+};
 ProgressRadial.displayName = ComponentName.ProgressRadial;
 export default ProgressRadial;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9yYWRpYWwvUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sYUFBYSxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDbkUsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXpELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2REFBNkQsQ0FBQTtBQUN0RyxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxhQUFhLEVBQUUsZUFBZSxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzFELE9BQU8sRUFBRSxhQUFhLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFFcEU7Ozs7Ozs7Ozs7Ozs7R0FhRztBQUNILElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ3JDLFVBQ0UsRUFZc0IsRUFDdEIsR0FBb0I7SUFabEIsSUFBQSxPQUFPLGFBQUEsRUFDUCxLQUFLLFdBQUEsRUFDTCxXQUFXLGlCQUFBLEVBQ1gsTUFBTSxZQUFBLEVBQ04sSUFBSSxVQUFBLEVBQ0osSUFBSSxVQUFBLEVBQ0osYUFBYSxtQkFBQSxFQUNiLFlBQVksa0JBQUEsRUFDWixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDTCxNQUFNLGNBWFgsbUhBWUMsQ0FEVTtJQUlYLElBQU0sS0FBSyxHQUFHLGFBQWEsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3hELElB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9yYWRpYWwvUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDOUIsT0FBTyxFQUFFLFFBQVEsRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRXpELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQzNFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEdBQUcsTUFBTSxXQUFXLENBQUE7QUFDM0QsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLGFBQWEsRUFBRSxFQUFFLE1BQU0sRUFBRSxNQUFNLDZCQUE2QixDQUFBO0FBQ25FLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxjQUFjLEdBQUcsVUFBQyxFQVlGO0lBWHBCLElBQUEsT0FBTyxhQUFBLEVBQ1AsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLE1BQU0sWUFBQSxFQUNOLElBQUksVUFBQSxFQUNKLElBQUksVUFBQSxFQUNKLGFBQWEsbUJBQUEsRUFDYixZQUFZLGtCQUFBLEVBQ1osS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVhhLG1IQVl2QixDQURVO0lBRVQsSUFBTSxLQUFLLEdBQUcsYUFBYSxDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDeEQsSUFBTSxlQUFlLEdBQUcsYUFBYSxDQUFDLFlBQVks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

package/lib/components/progress/radial/ProgressRadialProps.d.ts

@@ -1,7 +1,6 @@
+import { StatusProps, StatusState, StatusStateValues, AlignableProps } from '../../../objects';
 import React from 'react';
-import { ProgressRadialItemProps } from '../../../components/progress/radial/item/ProgressRadialItemProps';
-import { AlignableProps } from '../../../objects/facets/Alignable';
-import { StatusProps, StatusState, StatusStateValues } from '../../../objects/facets/Status';
+import { ProgressRadialItemProps } from './item/ProgressRadialItemProps';
 /**
  * Progress Radial Interface
  */

package/lib/components/progress/radial/index.d.ts

@@ -1,2 +1,2 @@
-import ProgressRadial from '../../../components/progress/radial/ProgressRadial';
+import ProgressRadial from './ProgressRadial';
 export default ProgressRadial;

package/lib/components/progress/radial/index.js

@@ -1,3 +1,3 @@
-import ProgressRadial from '../../../components/progress/radial/ProgressRadial';
+import ProgressRadial from './ProgressRadial';
 export default ProgressRadial;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGNBQWMsTUFBTSw2Q0FBNkMsQ0FBQTtBQUV4RSxlQUFlLGNBQWMsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLGNBQWMsTUFBTSxrQkFBa0IsQ0FBQTtBQUU3QyxlQUFlLGNBQWMsQ0FBQSJ9

package/lib/components/progress/radial/item/ProgressRadialItemProps.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { TrilogyColor } from '../../../../objects/facets/Color';
+import { TrilogyColor } from '../../../../objects';
 export interface ProgressRadialItemProps {
     children?: React.ReactNode;
     percent: number;

package/lib/components/progress/radial/item/ProgressRadialtem.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
-import { ProgressRadialItemProps } from '../../../../components/progress/radial/item/ProgressRadialItemProps';
-declare const ProgressRadialItem: React.ForwardRefExoticComponent<ProgressRadialItemProps & React.RefAttributes<HTMLDivElement>>;
+/// <reference types="react" />
+import { ProgressRadialItemProps } from "./ProgressRadialItemProps";
+declare const ProgressRadialItem: ({ color, className, }: ProgressRadialItemProps) => JSX.Element;
 export default ProgressRadialItem;

package/lib/components/progress/radial/item/ProgressRadialtem.js

@@ -1,12 +1,12 @@
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../../../components/enumsComponentsName';
-import { hashClass } from '../../../../helpers/hashClassesHelpers';
-var ProgressRadialItem = React.forwardRef(function (_a, ref) {
+import * as React from "react";
+import { hashClass } from "../../../../helpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../../../context";
+var ProgressRadialItem = function (_a) {
     var color = _a.color, className = _a.className;
-    var classes = hashClass(clsx("progress-circle-slice progress-circle-background-".concat(color), className));
-    return React.createElement("div", { className: classes, ref: ref });
-});
-ProgressRadialItem.displayName = ComponentName.ProgressRadialItem;
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx("progress-circle-slice progress-circle-background-".concat(color), className));
+    return React.createElement("div", { className: classes });
+};
 export default ProgressRadialItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWx0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pdGVtL1Byb2dyZXNzUmFkaWFsdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRXpCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sOEJBQThCLENBQUE7QUFFeEQsSUFBTSxrQkFBa0IsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUN6QyxVQUFDLEVBQTZDLEVBQUUsR0FBOEI7UUFBM0UsS0FBSyxXQUFBLEVBQUUsU0FBUyxlQUFBO0lBQ2pCLElBQU0sT0FBTyxHQUFHLFNBQVMsQ0FBQyxJQUFJLENBQUMsMkRBQW9ELEtBQUssQ0FBRSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFdkcsT0FBTyw2QkFBSyxTQUFTLEVBQUUsT0FBTyxFQUFFLEdBQUcsRUFBRSxHQUFHLEdBQVEsQ0FBQTtBQUNsRCxDQUFDLENBQ0YsQ0FBQTtBQUVELGtCQUFrQixDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsa0JBQWtCLENBQUE7QUFDakUsZUFBZSxrQkFBa0IsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWx0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pdGVtL1Byb2dyZXNzUmFkaWFsdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0MsSUFBTSxrQkFBa0IsR0FBRyxVQUFDLEVBR0Y7UUFGeEIsS0FBSyxXQUFBLEVBQ0wsU0FBUyxlQUFBO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLDJEQUFvRCxLQUFLLENBQUUsRUFBRSxTQUFTLENBQUMsQ0FDN0UsQ0FBQTtJQUVELE9BQU8sNkJBQUssU0FBUyxFQUFFLE9BQU8sR0FBUSxDQUFBO0FBQ3hDLENBQUMsQ0FBQTtBQUVELGVBQWUsa0JBQWtCLENBQUEifQ==

package/lib/components/progress/radial/item/index.d.ts

@@ -1,2 +1,2 @@
-import ProgressRadialItem from '../../../../components/progress/radial/item/ProgressRadialtem';
+import ProgressRadialItem from './ProgressRadialtem';
 export default ProgressRadialItem;

package/lib/components/progress/radial/item/index.js

@@ -1,3 +1,3 @@
-import ProgressRadialItem from '../../../../components/progress/radial/item/ProgressRadialtem';
+import ProgressRadialItem from './ProgressRadialtem';
 export default ProgressRadialItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sa0JBQWtCLE1BQU0scURBQXFELENBQUE7QUFDcEYsZUFBZSxrQkFBa0IsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sa0JBQWtCLE1BQU0scUJBQXFCLENBQUE7QUFDcEQsZUFBZSxrQkFBa0IsQ0FBQSJ9

package/lib/components/radio/Radio.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-import { RadioProps } from '../../components/radio/RadioProps';
+/// <reference types="react" />
+import { RadioProps } from "./RadioProps";
 /**
  * Radio Component
  * @param checked {boolean} Checked Radio
@@ -22,5 +22,5 @@ import { RadioProps } from '../../components/radio/RadioProps';
  * @param testId {string} Test Id for Test Integration
  * @param marginless {boolean} delete margin
  */
-declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLDivElement>>;
+declare const Radio: ({ checked, className, disabled, readonly, id, label, onChange, onClick, name, value, tile, description, iconTile, horizontalTile, children, narrow, marginless, testId, ...others }: RadioProps) => JSX.Element;
 export default Radio;

package/lib/components/radio/Radio.js

@@ -1,11 +1,11 @@
-import { __assign, __rest } from "tslib";
-import clsx from 'clsx';
-import React from 'react';
-import { ComponentName } from '../../components/enumsComponentsName';
-import { Icon, IconSize } from '../../components/icon';
-import { useRadio } from '../../components/radio/hook/useRadio';
-import { hashClass } from '../../helpers/hashClassesHelpers';
-import { is } from '../../services/classify';
+import { __assign, __read, __rest } from "tslib";
+import React, { useEffect, useState } from "react";
+import shortid from "shortid";
+import { is } from "../../services/classify";
+import { Icon, IconSize } from "../../components/icon";
+import { hashClass } from "../../helpers";
+import clsx from "clsx";
+import { useTrilogyContext } from "../../context";
 /**
  * Radio Component
  * @param checked {boolean} Checked Radio
@@ -28,19 +28,50 @@ import { is } from '../../services/classify';
  * @param testId {string} Test Id for Test Integration
  * @param marginless {boolean} delete margin
  */
-var Radio = React.forwardRef(function (_a, ref) {
-    var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? React.useId() : _b, label = _a.label, onChange = _a.onChange, onClick = _a.onClick, name = _a.name, value = _a.value, tile = _a.tile, description = _a.description, iconTile = _a.iconTile, horizontalTile = _a.horizontalTile, children = _a.children, narrow = _a.narrow, marginless = _a.marginless, testId = _a.testId, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "onClick", "name", "value", "tile", "description", "iconTile", "horizontalTile", "children", "narrow", "marginless", "testId"]);
-    var _c = useRadio({ checked: checked, readonly: readonly, onChange: onChange, onClick: onClick, value: value }), inputState = _c.inputState, handleClick = _c.handleClick, handleChange = _c.handleChange;
-    return (React.createElement("div", { ref: ref, tabIndex: 0, className: hashClass(clsx(tile ? 'radio-tile' : 'radio', narrow && is('narrow'), marginless && is('marginless'), horizontalTile && is('horizontal'), className)) },
-        React.createElement("input", __assign({ "data-testid": testId, type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: readonly ? checked : inputState.checked, onChange: handleChange, onClick: handleClick }, others)),
-        React.createElement("label", { htmlFor: id, className: hashClass(clsx('radio-label')) }, children ? (children) : (React.createElement(React.Fragment, null,
+var Radio = function (_a) {
+    var checked = _a.checked, className = _a.className, disabled = _a.disabled, readonly = _a.readonly, _b = _a.id, id = _b === void 0 ? shortid.generate() : _b, label = _a.label, onChange = _a.onChange, onClick = _a.onClick, name = _a.name, value = _a.value, tile = _a.tile, description = _a.description, iconTile = _a.iconTile, horizontalTile = _a.horizontalTile, children = _a.children, narrow = _a.narrow, marginless = _a.marginless, testId = _a.testId, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "onClick", "name", "value", "tile", "description", "iconTile", "horizontalTile", "children", "narrow", "marginless", "testId"]);
+    var styled = useTrilogyContext().styled;
+    var _c = __read(useState({
+        checked: checked || false,
+    }), 2), inputState = _c[0], setInputState = _c[1];
+    useEffect(function () {
+        if (!readonly) {
+            setInputState({ checked: checked || false });
+        }
+    }, [checked, readonly]);
+    return (React.createElement("div", { tabIndex: 0, className: hashClass(styled, clsx(tile ? "radio-tile" : "radio", narrow && is("narrow"), marginless && is("marginless"), horizontalTile && is("horizontal"), className)) },
+        React.createElement("input", __assign({ "data-testid": testId, type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: readonly ? checked : inputState.checked, onChange: function (e) {
+                return e;
+            }, onClick: function (e) {
+                var target = e.target;
+                if (!readonly && target.checked) {
+                    setInputState({ checked: target.checked });
+                }
+                target.value = value || "";
+                if (onChange) {
+                    onChange({
+                        radioId: target.id,
+                        radioValue: target.value,
+                        radioName: target.name,
+                        radioChecked: target.checked,
+                    });
+                }
+                if (onClick) {
+                    onClick({
+                        radioId: target.id,
+                        radioValue: target.value,
+                        radioName: target.name,
+                        radioChecked: target.checked,
+                    });
+                }
+            } }, others)),
+        React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx("radio-label")) }, children ? (children) : (React.createElement(React.Fragment, null,
             iconTile && React.createElement(Icon, { name: iconTile, size: IconSize.MEDIUM }),
             horizontalTile ? (React.createElement("span", null,
-                tile ? React.createElement("span", { className: hashClass(clsx('radio-title')) }, label) : label,
-                tile && description && React.createElement("span", { className: hashClass(clsx('radio-description')) }, description))) : (React.createElement(React.Fragment, null,
-                tile ? React.createElement("span", { className: hashClass(clsx('radio-title')) }, label) : label,
-                tile && description && React.createElement("span", { className: hashClass(clsx('radio-description')) }, description))))))));
-});
-Radio.displayName = ComponentName.Radio;
+                tile ? (React.createElement("span", { className: hashClass(styled, clsx("radio-title")) }, label)) : (label),
+                tile && description && (React.createElement("span", { className: hashClass(styled, clsx("radio-description")) }, description)))) : (React.createElement(React.Fragment, null,
+                tile ? (React.createElement("span", { className: hashClass(styled, clsx("radio-title")) }, label)) : (label),
+                tile && description && (React.createElement("span", { className: hashClass(styled, clsx("radio-description")) }, description)))))))));
+};
 export default Radio;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL1JhZGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUVsRCxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDM0QsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBcUJHO0FBQ0gsSUFBTSxLQUFLLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDNUIsVUFDRSxFQW9CYSxFQUNiLEdBQThCO0lBcEI1QixJQUFBLE9BQU8sYUFBQSxFQUNQLFNBQVMsZUFBQSxFQUNULFFBQVEsY0FBQSxFQUNSLFFBQVEsY0FBQSxFQUNSLFVBQWtCLEVBQWxCLEVBQUUsbUJBQUcsS0FBSyxDQUFDLEtBQUssRUFBRSxLQUFBLEVBQ2xCLEtBQUssV0FBQSxFQUNMLFFBQVEsY0FBQSxFQUNSLE9BQU8sYUFBQSxFQUNQLElBQUksVUFBQSxFQUNKLEtBQUssV0FBQSxFQUNMLElBQUksVUFBQSxFQUNKLFdBQVcsaUJBQUEsRUFDWCxRQUFRLGNBQUEsRUFDUixjQUFjLG9CQUFBLEVBQ2QsUUFBUSxjQUFBLEVBQ1IsTUFBTSxZQUFBLEVBQ04sVUFBVSxnQkFBQSxFQUNWLE1BQU0sWUFBQSxFQUNILE1BQU0sY0FuQlgsME1Bb0JDLENBRFU7SUFJTCxJQUFBLEtBQTRDLFFBQVEsQ0FBQyxFQUFFLE9BQU8sU0FBQSxFQUFFLFFBQVEsVUFBQSxFQUFFLFFBQVEsVUFBQSxFQUFFLE9BQU8sU0FBQSxFQUFFLEtBQUssT0FBQSxFQUFFLENBQUMsRUFBbkcsVUFBVSxnQkFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxZQUFZLGtCQUE4RCxDQUFBO0lBQzNHLE9BQU8sQ0FDTCw2QkFDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLFFBQVEsRUFBRSxDQUFDLEVBQ1gsU0FBUyxFQUFFLFNBQVMsQ0FDbEIsSUFBSSxDQUNGLElBQUksQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFDLENBQUMsQ0FBQyxPQUFPLEVBQzdCLE1BQU0sSUFBSSxFQUFFLENBQUMsUUFBUSxDQUFDLEVBQ3RCLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQzlCLGNBQWMsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQ2xDLFNBQVMsQ0FDVixDQUNGO1FBRUQsdURBQ2UsTUFBTSxFQUNuQixJQUFJLEVBQUMsT0FBTyxFQUNaLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLEVBQUUsRUFBRSxFQUFFLEVBQ04sUUFBUSxFQUFFLFFBQVEsRUFDbEIsSUFBSSxFQUFFLElBQUksRUFDVixLQUFLLEVBQUUsS0FBSyxFQUNaLE9BQU8sRUFBRSxRQUFRLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQyxDQUFDLENBQUMsVUFBVSxDQUFDLE9BQU8sRUFDaEQsUUFBUSxFQUFFLFlBQVksRUFDdEIsT0FBTyxFQUFFLFdBQVcsSUFDaEIsTUFBTSxFQUNWO1FBRUYsK0JBQU8sT0FBTyxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUMxRCxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQ1YsUUFBUSxDQUNULENBQUMsQ0FBQyxDQUFDLENBQ0Y7WUFDRyxRQUFRLElBQUksb0JBQUMsSUFBSSxJQUFDLElBQUksRUFBRSxRQUFRLEVBQUUsSUFBSSxFQUFFLFFBQVEsQ0FBQyxNQUFNLEdBQUk7WUFDM0QsY0FBYyxDQUFDLENBQUMsQ0FBQyxDQUNoQjtnQkFDRyxJQUFJLENBQUMsQ0FBQyxDQUFDLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUcsS0FBSyxDQUFRLENBQUMsQ0FBQyxDQUFDLEtBQUs7Z0JBQzlFLElBQUksSUFBSSxXQUFXLElBQUksOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxJQUFHLFdBQVcsQ0FBUSxDQUM5RixDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0Y7Z0JBQ0csSUFBSSxDQUFDLENBQUMsQ0FBQyw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLElBQUksQ0FBQyxhQUFhLENBQUMsQ0FBQyxJQUFHLEtBQUssQ0FBUSxDQUFDLENBQUMsQ0FBQyxLQUFLO2dCQUM5RSxJQUFJLElBQUksV0FBVyxJQUFJLDhCQUFNLFNBQVMsRUFBRSxTQUFTLENBQUMsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUMsSUFBRyxXQUFXLENBQVEsQ0FDbEcsQ0FDSixDQUNBLENBQ0osQ0FDSyxDQUNKLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsS0FBSyxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsS0FBSyxDQUFBO0FBQ3ZDLGVBQWUsS0FBSyxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW8uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL1JhZGlvLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sT0FBTyxNQUFNLFNBQVMsQ0FBQTtBQUU3QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0M7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQXFCRztBQUNILElBQU0sS0FBSyxHQUFHLFVBQUMsRUFvQkY7SUFuQlgsSUFBQSxPQUFPLGFBQUEsRUFDUCxTQUFTLGVBQUEsRUFDVCxRQUFRLGNBQUEsRUFDUixRQUFRLGNBQUEsRUFDUixVQUF1QixFQUF2QixFQUFFLG1CQUFHLE9BQU8sQ0FBQyxRQUFRLEVBQUUsS0FBQSxFQUN2QixLQUFLLFdBQUEsRUFDTCxRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxJQUFJLFVBQUEsRUFDSixLQUFLLFdBQUEsRUFDTCxJQUFJLFVBQUEsRUFDSixXQUFXLGlCQUFBLEVBQ1gsUUFBUSxjQUFBLEVBQ1IsY0FBYyxvQkFBQSxFQUNkLFFBQVEsY0FBQSxFQUNSLE1BQU0sWUFBQSxFQUNOLFVBQVUsZ0JBQUEsRUFDVixNQUFNLFlBQUEsRUFDSCxNQUFNLGNBbkJJLDBNQW9CZCxDQURVO0lBRUQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDaEMsSUFBQSxLQUFBLE9BQThCLFFB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

package/lib/components/radio/Radio.native.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { TouchableOpacity } from 'react-native';
-import { RadioProps } from '../../components/radio/RadioProps';
+/// <reference types="react" />
+import { RadioProps } from "./RadioProps";
+import { ComponentName } from "../../components/enumsComponentsName";
 /**
  * Radio Component
  * @param checked {boolean} Checked Radio
@@ -19,5 +19,8 @@ import { RadioProps } from '../../components/radio/RadioProps';
  * @param description {string} Description for Radio tile
  * @param horizontalTile {boolean} display horizontal Radio tile
  */
-declare const Radio: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<TouchableOpacity>>;
+declare const Radio: {
+    ({ id, checked, name, onClick, onChange, disabled, readonly, label, value, horizontalTile, tile, description, iconTile, children, narrow, }: RadioProps): JSX.Element;
+    displayName: ComponentName;
+};
 export default Radio;