@trilogy-ds/react 0.0.5-esm-cjs → 0.0.6-alpha-prompt

package/lib/components/progress/item/ProgressItem.js

@@ -1,3 +1,4 @@
+import { __assign, __rest } from "tslib";
 import { ComponentName } from '../../../components/enumsComponentsName';
 import clsx from 'clsx';
 import React from 'react';
@@ -16,11 +17,12 @@ import { is } from '../../../services/index';
  * -------------------------- WEB PROPERTIES -------------------------------
  * @param className {string} Additional CSS classes
  */
-const ProgressItem = React.forwardRef(({ className, percent, maxPercent = 100, minPercent = 0, status, accessibilityLabel, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx('progress-bar', status && is(getStatusClassName(status)), !status && is('primary'), className));
-    return (React.createElement("div", { ref: ref, ...(percent && { style: { width: `${percent}%` } }), className: classes, role: 'progressbar', "aria-valuenow": percent, "aria-valuemin": minPercent, "aria-valuemax": maxPercent, "aria-label": accessibilityLabel, ...others }));
+var ProgressItem = React.forwardRef(function (_a, ref) {
+    var className = _a.className, percent = _a.percent, _b = _a.maxPercent, maxPercent = _b === void 0 ? 100 : _b, _c = _a.minPercent, minPercent = _c === void 0 ? 0 : _c, status = _a.status, accessibilityLabel = _a.accessibilityLabel, others = __rest(_a, ["className", "percent", "maxPercent", "minPercent", "status", "accessibilityLabel"]);
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx('progress-bar', status && is(getStatusClassName(status)), !status && is('primary'), className));
+    return (React.createElement("div", __assign({ ref: ref }, (percent && { style: { width: "".concat(percent, "%") } }), { className: classes, role: 'progressbar', "aria-valuenow": percent, "aria-valuemin": minPercent, "aria-valuemax": maxPercent, "aria-label": accessibilityLabel }, others)));
 });
 ProgressItem.displayName = ComponentName.ProgressItem;
 export default ProgressItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9pdGVtL1Byb2dyZXNzSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDcEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQzVDLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3JELE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUc1Qzs7Ozs7Ozs7OztHQVVHO0FBQ0gsTUFBTSxZQUFZLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDbkMsQ0FDRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsVUFBVSxHQUFHLEdBQUcsRUFBRSxVQUFVLEdBQUcsQ0FBQyxFQUFFLE1BQU0sRUFBRSxrQkFBa0IsRUFBRSxHQUFHLE1BQU0sRUFBRSxFQUMvRixHQUFHLEVBQ1UsRUFBRTtJQUNmLE1BQU0sRUFBRSxNQUFNLEVBQUUsR0FBRyxpQkFBaUIsRUFBRSxDQUFBO0lBRXRDLE1BQU0sT0FBTyxHQUFHLFNBQVMsQ0FDdkIsTUFBTSxFQUNOLElBQUksQ0FBQyxjQUFjLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxNQUFNLENBQUMsQ0FBQyxFQUFFLENBQUMsTUFBTSxJQUFJLEVBQUUsQ0FBQyxTQUFTLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FDcEcsQ0FBQTtJQUVELE9BQU8sQ0FDTCw2QkFDRSxHQUFHLEVBQUUsR0FBRyxLQUNKLENBQUMsT0FBTyxJQUFJLEVBQUUsS0FBSyxFQUFFLEVBQUUsS0FBSyxFQUFFLEdBQUcsT0FBTyxHQUFHLEVBQUUsRUFBRSxDQUFDLEVBQ3BELFNBQVMsRUFBRSxPQUFPLEVBQ2xCLElBQUksRUFBQyxhQUFhLG1CQUNILE9BQU8sbUJBQ1AsVUFBVSxtQkFDVixVQUFVLGdCQUNiLGtCQUFrQixLQUMxQixNQUFNLEdBQ1YsQ0FDSCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxZQUFZLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUE7QUFDckQsZUFBZSxZQUFZLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NJdGVtLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9pdGVtL1Byb2dyZXNzSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3BELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUNyRCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFHNUM7Ozs7Ozs7Ozs7R0FVRztBQUNILElBQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLFVBQ0UsRUFBK0YsRUFDL0YsR0FBRztJQURELElBQUEsU0FBUyxlQUFBLEVBQUUsT0FBTyxhQUFBLEVBQUUsa0JBQWdCLEVBQWhCLFVBQVUsbUJBQUcsR0FBRyxLQUFBLEVBQUUsa0JBQWMsRUFBZCxVQUFVLG1CQUFHLENBQUMsS0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFFLGtCQUFrQix3QkFBQSxFQUFLLE1BQU0sY0FBN0Ysb0ZBQStGLENBQUY7SUFHckYsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUN2QixNQUFNLEVBQ04sSUFBSSxDQUFDLGNBQWMsRUFBRSxNQUFNLElBQUksRUFBRSxDQUFDLGtCQUFrQixDQUFDLE1BQU0sQ0FBQyxDQUFDLEVBQUUsQ0FBQyxNQUFNLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLFNBQVMsQ0FBQyxDQUNwRyxDQUFBO0lBRUQsT0FBTyxDQUNMLHNDQUNFLEdBQUcsRUFBRSxHQUFHLElBQ0osQ0FBQyxPQUFPLElBQUksRUFBRSxLQUFLLEVBQUUsRUFBRSxLQUFLLEVBQUUsVUFBRyxPQUFPLE1BQUcsRUFBRSxFQUFFLENBQUMsSUFDcEQsU0FBUyxFQUFFLE9BQU8sRUFDbEIsSUFBSSxFQUFDLGFBQWEsbUJBQ0gsT0FBTyxtQkFDUCxVQUFVLG1CQUNWLFVBQVUsZ0JBQ2Isa0JBQWtCLElBQzFCLE1BQU0sRUFDVixDQUNILENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFlBQVksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQTtBQUNyRCxlQUFlLFlBQVksQ0FBQSJ9

package/lib/components/progress/item/ProgressItem.native.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+import { ProgressItemProps } from './ProgressItemProps';
+/**
+ * ProgressItem component - Only if stacked
+ * @param percent {number} Progress percent
+ * @param minPercent {number} Default min percent is 100
+ * @param status {StatusProps} Progress status state
+ * @param style {Style} Styles passed from parent
+ * @param children {React.ReactNode}
+ */
+declare const ProgressItem: React.ForwardRefExoticComponent<ProgressItemProps & React.RefAttributes<import("react-native").View>>;
+export default ProgressItem;

package/lib/components/progress/item/ProgressItem.native.js

@@ -1,3 +1,4 @@
+import { __assign, __read, __rest, __spreadArray } from "tslib";
 import React, { useEffect, useRef } from 'react';
 import { Animated } from 'react-native';
 import { ComponentName } from '../../enumsComponentsName';
@@ -9,10 +10,11 @@ import { ComponentName } from '../../enumsComponentsName';
  * @param style {Style} Styles passed from parent
  * @param children {React.ReactNode}
  */
-const ProgressItem = React.forwardRef(({ children, percent, style, ...others }, ref) => {
-    const animation = useRef(new Animated.Value(0)).current;
-    const styles = style;
-    useEffect(() => {
+var ProgressItem = React.forwardRef(function (_a, ref) {
+    var children = _a.children, percent = _a.percent, style = _a.style, others = __rest(_a, ["children", "percent", "style"]);
+    var animation = useRef(new Animated.Value(0)).current;
+    var styles = style;
+    useEffect(function () {
         percent &&
             Animated.timing(animation, {
                 toValue: percent,
@@ -20,13 +22,13 @@ const ProgressItem = React.forwardRef(({ children, percent, style, ...others },
                 useNativeDriver: false,
             }).start();
     }, [animation, percent, style]);
-    const width = animation.interpolate({
+    var width = animation.interpolate({
         inputRange: [0, 100],
         outputRange: ['0%', '100%'],
         extrapolate: 'clamp',
     });
-    return (React.createElement(Animated.View, { ...others, style: [{ width }, ...styles], ref: ref }, children));
+    return (React.createElement(Animated.View, __assign({}, others, { style: __spreadArray([{ width: width }], __read(styles), false), ref: ref }), children));
 });
 ProgressItem.displayName = ComponentName.ProgressItem;
 export default ProgressItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvZ3Jlc3MvaXRlbS9Qcm9ncmVzc0l0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDaEQsT0FBTyxFQUFFLFFBQVEsRUFBYSxNQUFNLGNBQWMsQ0FBQTtBQUNsRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMkJBQTJCLENBQUE7QUFHekQ7Ozs7Ozs7R0FPRztBQUNILE1BQU0sWUFBWSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ25DLENBQUMsRUFBRSxRQUFRLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxHQUFHLE1BQU0sRUFBRSxFQUFFLEdBQUcsRUFBZSxFQUFFO0lBQzVELE1BQU0sU0FBUyxHQUFHLE1BQU0sQ0FBQyxJQUFJLFFBQVEsQ0FBQyxLQUFLLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxPQUFPLENBQUE7SUFDdkQsTUFBTSxNQUFNLEdBQUcsS0FBb0IsQ0FBQTtJQUVuQyxTQUFTLENBQUMsR0FBRyxFQUFFO1FBQ2IsT0FBTztZQUNMLFFBQVEsQ0FBQyxNQUFNLENBQUMsU0FBUyxFQUFFO2dCQUN6QixPQUFPLEVBQUUsT0FBTztnQkFDaEIsUUFBUSxFQUFFLElBQUk7Z0JBQ2QsZUFBZSxFQUFFLEtBQUs7YUFDdkIsQ0FBQyxDQUFDLEtBQUssRUFBRSxDQUFBO0lBQ2QsQ0FBQyxFQUFFLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUMsQ0FBQyxDQUFBO0lBRS9CLE1BQU0sS0FBSyxHQUFHLFNBQVMsQ0FBQyxXQUFXLENBQUM7UUFDbEMsVUFBVSxFQUFFLENBQUMsQ0FBQyxFQUFFLEdBQUcsQ0FBQztRQUNwQixXQUFXLEVBQUUsQ0FBQyxJQUFJLEVBQUUsTUFBTSxDQUFDO1FBQzNCLFdBQVcsRUFBRSxPQUFPO0tBQ3JCLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxRQUFRLENBQUMsSUFBSSxPQUFLLE1BQU0sRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLEtBQUssRUFBRSxFQUFFLEdBQUcsTUFBTSxDQUFDLEVBQUUsR0FBRyxFQUFFLEdBQUcsSUFDL0QsUUFBUSxDQUNLLENBQ2pCLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFlBQVksQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFlBQVksQ0FBQTtBQUNyRCxlQUFlLFlBQVksQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NJdGVtLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcHJvZ3Jlc3MvaXRlbS9Qcm9ncmVzc0l0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2hELE9BQU8sRUFBRSxRQUFRLEVBQWEsTUFBTSxjQUFjLENBQUE7QUFDbEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDJCQUEyQixDQUFBO0FBR3pEOzs7Ozs7O0dBT0c7QUFDSCxJQUFNLFlBQVksR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNuQyxVQUFDLEVBQXVDLEVBQUUsR0FBRztJQUExQyxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLEtBQUssV0FBQSxFQUFLLE1BQU0sY0FBckMsZ0NBQXVDLENBQUY7SUFDcEMsSUFBTSxTQUFTLEdBQUcsTUFBTSxDQUFDLElBQUksUUFBUSxDQUFDLEtBQUssQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLE9BQU8sQ0FBQTtJQUN2RCxJQUFNLE1BQU0sR0FBRyxLQUFvQixDQUFBO0lBRW5DLFNBQVMsQ0FBQztRQUNSLE9BQU87WUFDTCxRQUFRLENBQUMsTUFBTSxDQUFDLFNBQVMsRUFBRTtnQkFDekIsT0FBTyxFQUFFLE9BQU87Z0JBQ2hCLFFBQVEsRUFBRSxJQUFJO2dCQUNkLGVBQWUsRUFBRSxLQUFLO2FBQ3ZCLENBQUMsQ0FBQyxLQUFLLEVBQUUsQ0FBQTtJQUNkLENBQUMsRUFBRSxDQUFDLFNBQVMsRUFBRSxPQUFPLEVBQUUsS0FBSyxDQUFDLENBQUMsQ0FBQTtJQUUvQixJQUFNLEtBQUssR0FBRyxTQUFTLENBQUMsV0FBVyxDQUFDO1FBQ2xDLFVBQVUsRUFBRSxDQUFDLENBQUMsRUFBRSxHQUFHLENBQUM7UUFDcEIsV0FBVyxFQUFFLENBQUMsSUFBSSxFQUFFLE1BQU0sQ0FBQztRQUMzQixXQUFXLEVBQUUsT0FBTztLQUNyQixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsUUFBUSxDQUFDLElBQUksZUFBSyxNQUFNLElBQUUsS0FBSyxpQkFBRyxFQUFFLEtBQUssT0FBQSxFQUFFLFVBQUssTUFBTSxXQUFHLEdBQUcsRUFBRSxHQUFHLEtBQy9ELFFBQVEsQ0FDSyxDQUNqQixDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxZQUFZLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxZQUFZLENBQUE7QUFDckQsZUFBZSxZQUFZLENBQUEifQ==

package/lib/components/progress/item/ProgressItemProps.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { Accessibility, StatusProps } from '../../../objects/facets';
 import { View } from 'react-native';
 type Styles = {

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

@@ -1,3 +1,4 @@
+import { __assign, __read, __rest } from "tslib";
 import React, { useEffect, useRef, useState } from 'react';
 import clsx from 'clsx';
 import { is } from '../../../services/index';
@@ -19,51 +20,52 @@ import { ComponentName } from '../../../components/enumsComponentsName';
  * @param className {string} Additional CSS Classes
  * @param small {boolean} Display small progress radial
  */
-const ProgressRadial = React.forwardRef(({ children, value = 0, secondValue = 0, label, description, skeleton, className, id, small, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const [firstProgressCurrentValue, setFirstProgressCurrentValue] = useState(0);
-    const [secondProgressCurrentValue, setSecondProgressCurrentValue] = useState(0);
-    const classes = hashClass(styled, clsx('progress-radial', skeleton && is('loading'), small && is('small'), className));
-    const classesContent = hashClass(styled, clsx('progress-radial-content'));
-    const progressRadialRef = useRef(null);
+var ProgressRadial = React.forwardRef(function (_a, ref) {
+    var children = _a.children, _b = _a.value, value = _b === void 0 ? 0 : _b, _c = _a.secondValue, secondValue = _c === void 0 ? 0 : _c, label = _a.label, description = _a.description, skeleton = _a.skeleton, className = _a.className, id = _a.id, small = _a.small, others = __rest(_a, ["children", "value", "secondValue", "label", "description", "skeleton", "className", "id", "small"]);
+    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
-    const updateBackgroundStyle = (firstValue, secondValue) => {
-        const progressRadial = progressRadialRef.current;
+    var updateBackgroundStyle = function (firstValue, secondValue) {
+        var progressRadial = progressRadialRef.current;
         if (!progressRadial) {
             return;
         }
-        const firstProgressDegree = (360 * firstValue) / 100;
-        const secondProgressDegree = (360 * secondValue) / 100;
+        var firstProgressDegree = (360 * firstValue) / 100;
+        var secondProgressDegree = (360 * secondValue) / 100;
         // Ensure the second progress starts where the first ends
-        const secondProgressStartDegree = firstProgressDegree;
-        let styleBackground;
-        styleBackground = `radial-gradient(circle at center, white 58%, transparent 58.1%),`;
-        styleBackground += `conic-gradient(#0C7B91 0 ${firstProgressDegree}deg, ${getColorStyle('MAIN')} ${secondProgressStartDegree}deg ${secondProgressStartDegree + secondProgressDegree}deg, ${getColorStyle('MAIN_FADE')} ${secondProgressStartDegree + secondProgressDegree}deg 360deg)`;
+        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, ").concat(getColorStyle('MAIN_FADE'), " ").concat(secondProgressStartDegree + secondProgressDegree, "deg 360deg)");
         progressRadial.style.background = styleBackground;
     };
-    useEffect(() => {
-        let animationFrameId;
+    useEffect(function () {
+        var animationFrameId;
         // Reset the current values whenever the provided percent or secondPercent change
         setFirstProgressCurrentValue(0);
         setSecondProgressCurrentValue(0);
         updateBackgroundStyle(value, secondValue); // if percent or secondPercent are 0, update immediately
-        const frame = () => {
-            setFirstProgressCurrentValue((currentValue) => {
+        var frame = function () {
+            setFirstProgressCurrentValue(function (currentValue) {
                 return currentValue < value ? currentValue + 1 : currentValue;
             });
-            setSecondProgressCurrentValue((currentValue) => {
+            setSecondProgressCurrentValue(function (currentValue) {
                 return currentValue < secondValue ? currentValue + 1 : currentValue;
             });
             animationFrameId = requestAnimationFrame(frame);
         };
         animationFrameId = requestAnimationFrame(frame);
         // Cleanup
-        return () => cancelAnimationFrame(animationFrameId);
+        return function () { return cancelAnimationFrame(animationFrameId); };
     }, [value, secondValue]);
-    useEffect(() => {
+    useEffect(function () {
         updateBackgroundStyle(firstProgressCurrentValue, secondProgressCurrentValue);
     }, [firstProgressCurrentValue, secondProgressCurrentValue]);
-    return (React.createElement("div", { id: id, ...others, className: classes, ref: progressRadialRef },
+    return (React.createElement("div", __assign({ id: id }, others, { className: classes, ref: progressRadialRef }),
         React.createElement("div", { ref: ref, className: classesContent },
             label && (React.createElement(Title, { level: TitleLevels.TWO, marginless: true }, label)),
             description && (React.createElement(Text, { level: TextLevels.ONE, marginless: true }, description)),
@@ -71,4 +73,4 @@ const ProgressRadial = React.forwardRef(({ children, value = 0, secondValue = 0,
 });
 ProgressRadial.displayName = ComponentName.ProgressRadial;
 export default ProgressRadial;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9Qcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUMxRCxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFFdkIsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHlCQUF5QixDQUFBO0FBQzVDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxrQkFBa0IsQ0FBQTtBQUNwRCxPQUFPLEVBQUUsS0FBSyxFQUFFLFdBQVcsRUFBRSxNQUFNLGFBQWEsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUM3QyxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDdEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFOzs7Ozs7Ozs7OztHQVdHO0FBQ0gsTUFBTSxjQUFjLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBeUMsQ0FBQyxFQUMvRSxRQUFRLEVBQ1IsS0FBSyxHQUFHLENBQUMsRUFDVCxXQUFXLEdBQUcsQ0FBQyxFQUNmLEtBQUssRUFDTCxXQUFXLEVBQ1gsUUFBUSxFQUNSLFNBQVMsRUFDVCxFQUFFLEVBQ0YsS0FBSyxFQUNMLEdBQUcsTUFBTSxFQUNWLEVBQUUsR0FBRyxFQUFlLEVBQUU7SUFDckIsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLGlCQUFpQixFQUFFLENBQUE7SUFDdEMsTUFBTSxDQUFDLHlCQUF5QixFQUFFLDRCQUE0QixDQUFDLEdBQUcsUUFBUSxDQUFDLENBQUMsQ0FB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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9Qcm9ncmVzc1JhZGlhbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsU0FBUyxFQUFFLE1BQU0sRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDMUQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCLE9BQU8sRUFBRSxFQUFFLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQTtBQUM1QyxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDNUMsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sa0JBQWtCLENBQUE7QUFDcEQsT0FBTyxFQUFFLEtBQUssRUFBRSxXQUFXLEVBQUUsTUFBTSxhQUFhLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxZQUFZLENBQUE7QUFDN0MsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3RELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7Ozs7Ozs7Ozs7R0FXRztBQUNILElBQU0sY0FBYyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXlDLFVBQUMsRUFXaEYsRUFBRSxHQUFHO0lBVkosSUFBQSxRQUFRLGNBQUEsRUFDUixhQUFTLEVBQVQsS0FBSyxtQkFBRyxDQUFDLEtBQUEsRUFDVCxtQkFBZSxFQUFmLFdBQVcsbUJBQUcsQ0FBQyxLQUFBLEVBQ2YsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLFFBQVEsY0FBQSxFQUNSLFNBQVMsZUFBQSxFQUNULEVBQUUsUUFBQSxFQUNGLEtBQUssV0FBQSxFQUNGLE1BQU0sY0FWc0Usb0dBV2hGLENBRFU7SUFFRCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUNoQyxJQUFBLEtBQUEsT0FBNEQsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXRFLHlCQUF5QixRQUFBLEVBQUUsNEJBQTRCLFFBQWUsQ0FBQTtJQUN2RSxJQUFBLEtBQUEsT0FBOEQsUUFBUSxDQUFDLENBQUMsQ0FBQyxJQUFBLEVBQXhFLDBCQUEwQixRQUFBLEVBQUUsNkJBQTZCLFFBQWUsQ0FBQTtJQUUvRSxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxRQUFRLElBQUksRUFBRSxDQUFDLFNBQVMsQ0FBQyxFQUFFLEtBQUssSUFBSSxFQUFFLENBQUMsT0FBTyxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUN0SCxJQUFNLGNBQWMsR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyx5QkFBeUIsQ0FBQyxDQUFDLENBQUE7SUFFekUsSUFBTSxpQkFBaUIsR0FBRyxNQUFNLENBQWlCLElBQUksQ0FBQyxDQUFBO0lBRXRELHdFQUF3RTtJQUN4RSxJQUFNLHFCQUFxQixHQUFHLFVBQUMsVUFBa0IsRUFBRSxXQUFtQjtRQUNwRSxJQUFNLGNBQWMsR0FBRyxpQkFBaUIsQ0FBQyxPQUFPLENBQUE7UUFDaEQsSUFBSSxDQUFDLGNBQWMsRUFBRTtZQUNuQixPQUFNO1NBQ1A7UUFFRCxJQUFNLG1CQUFtQixHQUFHLENBQUMsR0FBRyxHQUFHLFVBQVUsQ0FBQyxHQUFHLEdBQUcsQ0FBQTtRQUNwRCxJQUFNLG9CQUFvQixHQUFHLENBQUMsR0FBRyxHQUFHLFdBQVcsQ0FBQyxHQUFHLEdBQUcsQ0FBQTtRQUV0RCx5REFBeUQ7UUFDekQsSUFBTSx5QkFBeUIsR0FBRyxtQkFBbUIsQ0FBQTtRQUVyRCxJQUFJLGVBQWUsQ0FBQTtRQUNuQixlQUFlLEdBQUcsa0VBQWtFLENBQUE7UUFDcEYsZUFBZSxJQUFJLG1DQUE0QixtQkFBbUIsa0JBQVEsYUFBYSxDQUNyRixNQUFNLENBQ1AsY0FBSSx5QkFBeUIsaUJBQU8seUJBQXlCLEdBQUcsb0JBQW9CLGtCQUFRLGFBQWEsQ0FBQyxXQUFXLENBQUUsY0FDdEgseUJBQXlCLEdBQUcsb0JBQW9CLGdCQUNyQyxDQUFBO1FBQ2IsY0FBYyxDQUFDLEtBQUssQ0FBQyxVQUFVLEdBQUcsZUFBZSxDQUFBO0lBQ25ELENBQUMsQ0FBQTtJQUVELFNBQVMsQ0FBQztRQUNSLElBQUksZ0JBQXdCLENBQUE7UUFFNUIsaUZBQWlGO1FBQ2pGLDRCQUE0QixDQUFDLENBQUMsQ0FBQyxDQUFBO1FBQy9CLDZCQUE2QixDQUFDLENBQUMsQ0FBQyxDQUFBO1FBQ2hDLHFCQUFxQixDQUFDLEtBQUssRUFBRSxXQUFXLENBQUMsQ0FBQSxDQUFDLHdEQUF3RDtRQUVsRyxJQUFNLEtBQUssR0FBRztZQUNaLDRCQUE0QixDQUFDLFVBQUMsWUFBWTtnQkFDeEMsT0FBTyxZQUFZLEdBQUcsS0FBSyxDQUFDLENBQUMsQ0FBQyxZQUFZLEdBQUcsQ0FBQyxDQUFDLENBQUMsQ0FBQyxZQUFZLENBQUE7WUFDL0QsQ0FBQyxDQUFDLENBQUE7WUFDRiw2QkFBNkIsQ0FBQyxVQUFDLFlBQVk7Z0JBQ3pDLE9BQU8sWUFBWSxHQUFHLFdBQVcsQ0FBQyxDQUFDLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxDQUFDLENBQUMsWUFBWSxDQUFBO1lBQ3JFLENBQUMsQ0FBQyxDQUFBO1lBQ0YsZ0JBQWdCLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUE7UUFDakQsQ0FBQyxDQUFBO1FBRUQsZ0JBQWdCLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUE7UUFFL0MsVUFBVTtRQUNWLE9BQU8sY0FBTSxPQUFBLG9CQUFvQixDQUFDLGdCQUFnQixDQUFDLEVBQXRDLENBQXNDLENBQUE7SUFDckQsQ0FBQyxFQUFFLENBQUMsS0FBSyxFQUFFLFdBQVcsQ0FBQyxDQUFDLENBQUE7SUFFeEIsU0FBUyxDQUFDO1FBQ1IscUJBQXFCLENBQUMseUJBQXlCLEVBQUUsMEJBQTBCLENBQUMsQ0FBQTtJQUM5RSxDQUFDLEVBQUUsQ0FBQyx5QkFBeUIsRUFBRSwwQkFBMEIsQ0FBQyxDQUFDLENBQUE7SUFFM0QsT0FBTyxDQUNMLHNDQUFLLEVBQUUsRUFBRSxFQUFFLElBQU0sTUFBTSxJQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxFQUFFLGlCQUFpQjtRQUNqRSw2QkFBSyxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxjQUFjO1lBQ3JDLEtBQUssSUFBSSxDQUNSLG9CQUFDLEtBQUssSUFBQyxLQUFLLEVBQUUsV0FBVyxDQUFDLEdBQUcsRUFBRSxVQUFVLFVBQ3RDLEtBQUssQ0FDQSxDQUNUO1lBQ0EsV0FBVyxJQUFJLENBQ2Qsb0JBQUMsSUFBSSxJQUFDLEtBQUssRUFBRSxVQUFVLENBQUMsR0FBRyxFQUFFLFVBQVUsVUFDcEMsV0FBVyxDQUNQLENBQ1I7WUFDQSxDQUFDLEtBQUssSUFBSSxDQUFDLFdBQVcsSUFBSSxRQUFRLENBQy9CLENBQ0YsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixjQUFjLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxjQUFjLENBQUE7QUFDekQsZUFBZSxjQUFjLENBQUEifQ==

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

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import { View } from 'react-native';
+import { ProgressRadialProps } from './ProgressRadialProps';
+/**
+ * Progress Radial component
+ * @param percent {number} Progress percent
+ * @param label {string} Custom label
+ * @param description {string} Custom description
+ * @param status {StatusState} Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
+ * @param full {boolean} Full progressRadial
+ * @param disk {boolean} Disk ProgressRadial
+ * @param secondValueColor {TrilogyColor} Second Progress status variant (SUCCESS|INFO|WARNING|ERROR|TERTIARY)
+ * @param align {Alignable} Progress Radial Alignement
+ * @param skeleton {boolean} Skeleton Progress Radial
+ */
+declare const ProgressRadial: React.ForwardRefExoticComponent<ProgressRadialProps & React.RefAttributes<View>>;
+export default ProgressRadial;

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

@@ -1,11 +1,11 @@
+import { __assign, __rest } from "tslib";
 import { ComponentName } from '../../../components/enumsComponentsName';
-import { Text, TextLevels } from '../../../components/text/index.native';
-import { isAndroid } from '../../../helpers/device/index.native';
-import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color/index.native';
-import { getAlignStyle, TypographyAlign } from '../../../objects/index.native';
+import { Text, TextLevels } from '../../../components/text';
+import { getAlignStyle, TypographyAlign } from '../../../objects';
+import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
 import * as React from 'react';
-import ContentLoader, { Circle } from 'react-content-loader/native';
 import { StyleSheet, View } from 'react-native';
+import { Skeleton } from '../../skeleton';
 import { AnimatedCircularProgress } from './react-native-circular-progress';
 /**
  * Progress Radial component
@@ -19,15 +19,16 @@ import { AnimatedCircularProgress } from './react-native-circular-progress';
  * @param align {Alignable} Progress Radial Alignement
  * @param skeleton {boolean} Skeleton Progress Radial
  */
-const ProgressRadial = React.forwardRef(({ children, value, label, description, status, full, disk, secondValue, secondValueColor, align, skeleton, ...others }, ref) => {
-    const color = getColorStyle(status || TrilogyColor.MAIN);
-    const backgroundColor = getColorStyle(TrilogyColor.MAIN_FADE);
-    const percentWidth = value || 0;
-    const secondFill = secondValue ? { secondFill: secondValue } : null;
-    const secondFillColor = { secondFillTintColor: getColorStyle(secondValueColor || TrilogyColor.MAIN) };
-    const progressRadialWidth = 100;
-    const progressRadialSkeletonRadius = 50;
-    const styles = StyleSheet.create({
+var ProgressRadial = React.forwardRef(function (_a, ref) {
+    var children = _a.children, value = _a.value, label = _a.label, description = _a.description, status = _a.status, full = _a.full, disk = _a.disk, secondValue = _a.secondValue, secondValueColor = _a.secondValueColor, align = _a.align, skeleton = _a.skeleton, others = __rest(_a, ["children", "value", "label", "description", "status", "full", "disk", "secondValue", "secondValueColor", "align", "skeleton"]);
+    var color = getColorStyle(status || TrilogyColor.MAIN);
+    var backgroundColor = getColorStyle(TrilogyColor.MAIN_FADE);
+    var percentWidth = value || 0;
+    var secondFill = secondValue ? { secondFill: secondValue } : null;
+    var secondFillColor = { secondFillTintColor: getColorStyle(secondValueColor || TrilogyColor.MAIN) };
+    var progressRadialWidth = 100;
+    var progressRadialSkeletonRadius = 50;
+    var styles = StyleSheet.create({
         container: {
             alignSelf: getAlignStyle(align),
         },
@@ -70,24 +71,21 @@ const ProgressRadial = React.forwardRef(({ children, value, label, description,
             overflow: 'hidden',
         },
     });
-    const ProgressRadialSkeleton = () => (React.createElement(ContentLoader, { style: styles.skeleton, ...others },
-        React.createElement(View, { style: { opacity: 0 } }),
-        isAndroid && (React.createElement(View, null,
-            React.createElement(Circle, { cx: '50', cy: '50', r: '50' })))));
+    var ProgressRadialSkeleton = function () { return (React.createElement(Skeleton, { style: styles.skeleton, width: progressRadialWidth, height: progressRadialWidth, borderRadius: progressRadialSkeletonRadius })); };
     if (skeleton) {
         return React.createElement(ProgressRadialSkeleton, null);
     }
     if (disk) {
         return (React.createElement(View, { ref: ref, style: styles.container },
-            React.createElement(View, { style: [styles.disk, styles.alignCenter], ...others },
+            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))));
     }
-    return (React.createElement(View, { ref: ref, style: styles.container, ...others },
-        React.createElement(AnimatedCircularProgress, { size: 90, width: 7, fill: !full ? percentWidth : 100, tintColor: color, backgroundColor: backgroundColor, rotation: 0, ...secondFill, ...secondFillColor }, () => (React.createElement(View, { style: styles.alignCenter },
+    return (React.createElement(View, __assign({ ref: ref, 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 || children)))))));
+            description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { style: styles.description, level: TextLevels.FOUR }, description || '')) : (React.createElement(View, null, description || children)))); })));
 });
 ProgressRadial.displayName = ComponentName.ProgressRadial;
 export default ProgressRadial;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9yYWRpYWwvUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUNqRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sK0JBQStCLENBQUE7QUFDekQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQTtBQUNqRixPQUFPLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3ZFLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sYUFBYSxFQUFFLEVBQUUsTUFBTSxFQUFFLE1BQU0sNkJBQTZCLENBQUE7QUFDbkUsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFM0U7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxNQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNyQyxDQUNFLEVBQ0UsUUFBUSxFQUNSLEtBQUssRUFDTCxLQUFLLEVBQ0wsV0FBVyxFQUNYLE1BQU0sRUFDTixJQUFJLEVBQ0osSUFBSSxFQUNKLFdBQVcsRUFDWCxnQkFBZ0IsRUFDaEIsS0FBSyxFQUNMLFFBQVEsRUFDUixHQUFHLE1BQU0sRUFDVixFQUNELEdBQUcsRUFDVSxFQUFFO0lBQ2YsTUFBTSxLQUFLLEdBQUcsYUFBYSxDQUFDLE1BQU0sSUFBSSxZQUFZLENBQUMsSUFBSSxDQUFDLENBQUE7SUFDeEQsTUFBTSxlQUFlLEdBQUcs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
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9wcm9ncmVzcy9yYWRpYWwvUHJvZ3Jlc3NSYWRpYWwubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFcEQsT0FBTyxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDMUQsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQTtBQUNwRSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUM5QixPQUFPLEVBQUUsVUFBVSxFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUMvQyxPQUFPLEVBQUUsUUFBUSxFQUFFLE1BQU0sZ0JBQWdCLENBQUE7QUFFekMsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFM0U7Ozs7Ozs7Ozs7O0dBV0c7QUFDSCxJQUFNLGNBQWMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUErQyxVQUFDLEVBYXRGLEVBQUUsR0FBRztJQVpKLElBQUEsUUFBUSxjQUFBLEVBQ1IsS0FBSyxXQUFBLEVBQ0wsS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLE1BQU0sWUFBQSxFQUNOLElBQUksVUFBQSxFQUNKLElBQUksVUFBQSxFQUNKLFdBQVcsaUJBQUEsRUFDWCxnQkFBZ0Isc0JBQUEsRUFDaEIsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ0wsTUFBTSxjQVo0RSwrSEFhdEYsQ0FEVTtJQUVULElBQU0sS0FBSyxHQUFHLGFBQWEsQ0FBQyxNQUFNLElBQUksWUFBWSxDQUFDLElBQUksQ0FBQyxDQUFBO0lBQ3hELElB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

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

@@ -49,6 +49,7 @@ export default {
       "MAIN",
       "MAIN_FADE",
       "ACCENT",
+      "ACCENT_FADE",
       "FONT",
       "FONT_PLACEHOLDER",
       "SUCCESS",
@@ -66,6 +67,7 @@ export default {
       "STROKE",
       "WHITE",
       "MAIN_FADE",
+      "ACCENT_FADE",
       "FONT",
       "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
@@ -100,6 +102,7 @@ export default {
       "MAIN",
       "MAIN_FADE",
       "ACCENT",
+      "ACCENT_FADE",
       "FONT",
       "FONT_PLACEHOLDER",
       "SUCCESS",
@@ -117,6 +120,7 @@ export default {
       "STROKE",
       "WHITE",
       "MAIN_FADE",
+      "ACCENT_FADE",
       "FONT",
       "FONT_PLACEHOLDER",
       "SUCCESS_FADE",
@@ -208,7 +212,15 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "verticalAlign": {
@@ -222,7 +234,15 @@ export default {
       "ALIGNED_CENTER",
       "ALIGNED_START",
       "ALIGNED_END",
-      "ALIGNED_STRETCH"
+      "ALIGNED_STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH",
+      "CENTER",
+      "START",
+      "END",
+      "STRETCH"
     ]
   },
   "className": {

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

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

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

@@ -25,6 +25,7 @@ export default {
       "MAIN",
       "MAIN_FADE",
       "ACCENT",
+      "ACCENT_FADE",
       "FONT",
       "FONT_PLACEHOLDER",
       "SUCCESS",

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { ProgressRadialItemProps } from './ProgressRadialItemProps';
 declare const ProgressRadialItem: ({ color, className, id }: ProgressRadialItemProps) => JSX.Element;
 export default ProgressRadialItem;

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

@@ -1,11 +1,12 @@
-import { useTrilogyContext } from '../../../../context/index';
-import { hashClass } from '../../../../helpers/index';
-import clsx from 'clsx';
 import * as React from 'react';
-const ProgressRadialItem = ({ color, className, id }) => {
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(styled, clsx(`progress-circle-slice progress-circle-background-${color}`, className));
+import { hashClass } from '../../../../helpers';
+import clsx from 'clsx';
+import { useTrilogyContext } from '../../../../context';
+var ProgressRadialItem = function (_a) {
+    var color = _a.color, className = _a.className, id = _a.id;
+    var styled = useTrilogyContext().styled;
+    var classes = hashClass(styled, clsx("progress-circle-slice progress-circle-background-".concat(color), className));
     return React.createElement("div", { id: id, className: classes });
 };
 export default ProgressRadialItem;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWx0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pdGVtL1Byb2dyZXNzUmFkaWFsdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUNuRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDM0MsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRzlCLE1BQU0sa0JBQWtCLEdBQUcsQ0FBQyxFQUFFLEtBQUssRUFBRSxTQUFTLEVBQUUsRUFBRSxFQUEyQixFQUFlLEVBQUU7SUFDNUYsTUFBTSxFQUFFLE1BQU0sRUFBRSxHQUFHLGlCQUFpQixFQUFFLENBQUE7SUFDdEMsTUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsb0RBQW9ELEtBQUssRUFBRSxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFL0csT0FBTyw2QkFBSyxFQUFFLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxPQUFPLEdBQVEsQ0FBQTtBQUNoRCxDQUFDLENBQUE7QUFFRCxlQUFlLGtCQUFrQixDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUHJvZ3Jlc3NSYWRpYWx0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pdGVtL1Byb2dyZXNzUmFkaWFsdGVtLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFFN0MsSUFBTSxrQkFBa0IsR0FBRyxVQUFDLEVBQWlEO1FBQS9DLEtBQUssV0FBQSxFQUFFLFNBQVMsZUFBQSxFQUFFLEVBQUUsUUFBQTtJQUN4QyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQywyREFBb0QsS0FBSyxDQUFFLEVBQUUsU0FBUyxDQUFDLENBQUMsQ0FBQTtJQUUvRyxPQUFPLDZCQUFLLEVBQUUsRUFBRSxFQUFFLEVBQUUsU0FBUyxFQUFFLE9BQU8sR0FBUSxDQUFBO0FBQ2hELENBQUMsQ0FBQTtBQUVELGVBQWUsa0JBQWtCLENBQUEifQ==

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

@@ -1,97 +1,3 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// components/progress/radial/item/index.ts
-var item_exports = {};
-__export(item_exports, {
-  default: () => item_default
-});
-module.exports = __toCommonJS(item_exports);
-
-// context/index.tsx
-var React = __toESM(require("react"));
-var TrilogyContext = React.createContext({
-  styled: false,
-  setStyled: () => void 0
-});
-var useTrilogyContext = () => {
-  const context = React.useContext(TrilogyContext);
-  if (context === void 0) {
-    throw new Error("useTrilogyContext must be used within a TrilogyProvider");
-  }
-  return context;
-};
-
-// helpers/hashClassesHelpers/index.tsx
-var hashClass = (addHash = false, classes) => {
-  const { hash, styled } = useTrilogyContext();
-  if (classes.trim().length < 1) return "";
-  if (styled) {
-    return classes.split(" ").map((classe) => classe = `${classe}_${hash}`).join(" ");
-  }
-  return classes;
-};
-
-// helpers/device/index.ts
-var Device = /* @__PURE__ */ ((Device2) => {
-  Device2["Browser"] = "browser";
-  Device2["Server"] = "server";
-  Device2["Native"] = "native";
-  return Device2;
-})(Device || {});
-var { Browser, Server, Native } = Device;
-var canUseDOM = !!(typeof window !== "undefined" && window.document && window.document.createElement);
-var canUseNative = typeof navigator != "undefined" && navigator.product == "ReactNative";
-var device = canUseNative ? Native : canUseDOM ? Browser : Server;
-var SSRObjectDefined = {
-  isBrowser: device === Browser,
-  isServer: device === Server,
-  isNative: device === Native,
-  device,
-  canUseWorkers: typeof Worker !== "undefined",
-  canUseEventListeners: device === Browser && !!window.addEventListener,
-  canUseViewport: device === Browser && !!window.screen
-};
-var assign = (...args) => Object.assign({}, ...args);
-var values = (obj) => Object.values(obj);
-var toArrayObject = () => assign((values(SSRObjectDefined), SSRObjectDefined));
-var SSRObject = toArrayObject();
-
-// components/progress/radial/item/ProgressRadialtem.tsx
-var import_clsx = __toESM(require("clsx"));
-var React2 = __toESM(require("react"));
-var ProgressRadialItem = ({ color, className, id }) => {
-  const { styled } = useTrilogyContext();
-  const classes = hashClass(styled, (0, import_clsx.default)(`progress-circle-slice progress-circle-background-${color}`, className));
-  return /* @__PURE__ */ React2.createElement("div", { id, className: classes });
-};
-var ProgressRadialtem_default = ProgressRadialItem;
-
-// components/progress/radial/item/index.ts
-var item_default = ProgressRadialtem_default;
+import ProgressRadialItem from './ProgressRadialtem';
+export default ProgressRadialItem;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3Byb2dyZXNzL3JhZGlhbC9pdGVtL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sa0JBQWtCLE1BQU0scUJBQXFCLENBQUE7QUFDcEQsZUFBZSxrQkFBa0IsQ0FBQSJ9

package/lib/components/progress/radial/react-native-circular-progress/AnimatedCircularProgress.d.ts

@@ -1,16 +1,8 @@
-import * as React from 'react';
-import { Animated, DimensionValue } from 'react-native';
-interface AnimatedCircularProgressProps {
-    children?: ReactNode;
-    size?: number;
-    width?: number;
-    fill?: DimensionValue;
-    tintColor?: string;
-    backgroundColor?: string;
-    rotation?: number;
-}
-export default class AnimatedCircularProgress extends React.PureComponent<AnimatedCircularProgressProps> {
+declare class AnimatedCircularProgress extends React.PureComponent<any, any, any> {
     constructor(props: any);
+    state: {
+        fillAnimation: Animated.Value;
+    };
     componentDidMount(): void;
     componentDidUpdate(prevProps: any): void;
     reAnimate(prefill: any, toVal: any, dur: any, ease: any): void;
@@ -18,4 +10,41 @@ export default class AnimatedCircularProgress extends React.PureComponent<Animat
     animateColor(): any;
     render(): React.JSX.Element;
 }
-export {};
+declare namespace AnimatedCircularProgress {
+    const propTypes: {
+        prefill: PropTypes.Requireable<number>;
+        duration: PropTypes.Requireable<number>;
+        easing: PropTypes.Requireable<(...args: any[]) => any>;
+        onAnimationComplete: PropTypes.Requireable<(...args: any[]) => any>;
+        useNativeDriver: PropTypes.Requireable<boolean>;
+        style: PropTypes.Requireable<object>;
+        size: PropTypes.Validator<NonNullable<NonNullable<number | Animated.Value | null | undefined>>>;
+        fill: PropTypes.Validator<number>;
+        secondFill: PropTypes.Requireable<number>;
+        width: PropTypes.Validator<number>;
+        backgroundWidth: PropTypes.Requireable<number>;
+        tintColor: PropTypes.Requireable<string>;
+        secondFillTintColor: PropTypes.Requireable<string>;
+        tintTransparency: PropTypes.Requireable<boolean>;
+        backgroundColor: PropTypes.Requireable<string>;
+        rotation: PropTypes.Requireable<number>;
+        lineCap: PropTypes.Requireable<string>;
+        arcSweepAngle: PropTypes.Requireable<number>;
+        children: PropTypes.Requireable<(...args: any[]) => any>;
+        childrenContainerStyle: PropTypes.Requireable<object>;
+        padding: PropTypes.Requireable<number>;
+        renderCap: PropTypes.Requireable<(...args: any[]) => any>;
+        dashedBackground: PropTypes.Requireable<object>;
+        dashedTint: PropTypes.Requireable<object>;
+    };
+    namespace defaultProps {
+        const duration: number;
+        const easing: import("react-native").EasingFunction;
+        const prefill: number;
+        const useNativeDriver: boolean;
+    }
+}
+export default AnimatedCircularProgress;
+import * as React from "react";
+import { Animated } from "react-native/Libraries/Animated/Animated";
+import PropTypes from "prop-types";