@trilogy-ds/react 0.0.9-esm-cjs → 0.0.11-calendar

package/lib/components/radio/list/RadioList.native.d.ts

@@ -4,6 +4,7 @@ import type { RadioListProps } from './RadioListProps';
  * RadioList Native Component
  * @param children {ReactNode} RadioList children
  * @param autolayout {boolean} Apply auto-layout rules
+ * @param label {string} RadioList label
  */
 declare const RadioList: React.ForwardRefExoticComponent<RadioListProps & React.RefAttributes<import("react-native").View>>;
 export default RadioList;

package/lib/components/radio/list/RadioList.native.js

@@ -1,11 +1,16 @@
-import { AutoLayoutWrapper } from '../../../components/autolayout/index.native';
+import { __assign } from "tslib";
+import { AutoLayoutWrapper } from '../../../components/autolayout';
 import { SpacingMatrixMode } from '../../../components/autolayout/SpacingMatrix';
 import { ComponentName } from '../../../components/enumsComponentsName';
-import { SpacerSize } from '../../../components/spacer/index.native';
+import { SpacerSize } from '../../../components/spacer';
+import { Text } from '../../../components/text';
 import * as React from 'react';
-const { THREE, TWO } = SpacerSize;
-const { INSERT_SPACE_BETWEEN } = SpacingMatrixMode;
-const SPACING_MATRIX = [
+import { StyleSheet } from 'react-native';
+import { isRequiredChild } from '../../../helpers/require';
+import { TypographyColor } from '../../../objects/Typography';
+var THREE = SpacerSize.THREE, TWO = SpacerSize.TWO;
+var INSERT_SPACE_BETWEEN = SpacingMatrixMode.INSERT_SPACE_BETWEEN;
+var SPACING_MATRIX = [
     [INSERT_SPACE_BETWEEN, 'Radio', 'Divider', TWO],
     [INSERT_SPACE_BETWEEN, 'Divider', 'Radio', TWO],
     [INSERT_SPACE_BETWEEN, 'Radio', 'Radio', THREE],
@@ -14,11 +19,22 @@ const SPACING_MATRIX = [
  * RadioList Native Component
  * @param children {ReactNode} RadioList children
  * @param autolayout {boolean} Apply auto-layout rules
+ * @param label {string} RadioList label
  */
-const RadioList = React.forwardRef(({ children }, ref) => {
-    const refList = React.useRef(ref);
-    return React.createElement(AutoLayoutWrapper, { autolayout: SPACING_MATRIX, children });
+var RadioList = React.forwardRef(function (_a, ref) {
+    var children = _a.children, label = _a.label;
+    var styles = StyleSheet.create({
+        label: {
+            marginBottom: 8,
+        },
+    });
+    return (React.createElement(AutoLayoutWrapper, __assign({}, { autolayout: SPACING_MATRIX }),
+        label && (React.createElement(Text, { style: styles.label },
+            label,
+            " ",
+            isRequiredChild(children) && React.createElement(Text, { typo: TypographyColor.TEXT_ERROR }, "*"))),
+        children));
 });
 RadioList.displayName = ComponentName.RadioList;
 export default RadioList;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9MaXN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vbGlzdC9SYWRpb0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQTtBQUN4RSxPQUFPLEVBQWlCLGlCQUFpQixFQUFFLE1BQU0sdUNBQXVDLENBQUE7QUFDeEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUM3RCxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUc5QixNQUFNLEVBQUUsS0FBSyxFQUFFLEdBQUcsRUFBRSxHQUFHLFVBQVUsQ0FBQTtBQUNqQyxNQUFNLEVBQUUsb0JBQW9CLEVBQUUsR0FBRyxpQkFBaUIsQ0FBQTtBQUVsRCxNQUFNLGNBQWMsR0FBa0I7SUFDcEMsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUMvQyxDQUFDLG9CQUFvQixFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUM7Q0FDaEQsQ0FBQTtBQUVEOzs7O0dBSUc7QUFDSCxNQUFNLFNBQVMsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUFxQyxDQUFDLEVBQUUsUUFBUSxFQUFFLEVBQUUsR0FBRyxFQUFlLEVBQUU7SUFDeEcsTUFBTSxPQUFPLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxHQUFHLENBQUMsQ0FBQTtJQUNqQyxPQUFPLG9CQUFDLGlCQUFpQixJQUFPLFVBQVUsRUFBRSxjQUFjLEVBQUUsUUFBUSxHQUFNLENBQUE7QUFDNUUsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9MaXN0Lm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vbGlzdC9SYWRpb0xpc3QubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0seUJBQXlCLENBQUE7QUFDM0QsT0FBTyxFQUFpQixpQkFBaUIsRUFBRSxNQUFNLHVDQUF1QyxDQUFBO0FBQ3hGLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDaEQsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3hDLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFDekMsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUU5QyxJQUFBLEtBQUssR0FBVSxVQUFVLE1BQXBCLEVBQUUsR0FBRyxHQUFLLFVBQVUsSUFBZixDQUFlO0FBQ3pCLElBQUEsb0JBQW9CLEdBQUssaUJBQWlCLHFCQUF0QixDQUFzQjtBQUVsRCxJQUFNLGNBQWMsR0FBa0I7SUFDcEMsQ0FBQyxvQkFBb0IsRUFBRSxPQUFPLEVBQUUsU0FBUyxFQUFFLEdBQUcsQ0FBQztJQUMvQyxDQUFDLG9CQUFvQixFQUFFLFNBQVMsRUFBRSxPQUFPLEVBQUUsR0FBRyxDQUFDO0lBQy9DLENBQUMsb0JBQW9CLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxLQUFLLENBQUM7Q0FDaEQsQ0FBQTtBQUVEOzs7OztHQUtHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBcUMsVUFBQyxFQUFtQixFQUFFLEdBQUc7UUFBdEIsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBO0lBQ3ZGLElBQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDN0IsS0FBSyxFQUFFO1lBQ0wsWUFBWSxFQUFFLENBQUM7U0FDaEI7S0FDRixDQUFDLENBQUE7SUFFSixPQUFPLENBQ0wsb0JBQUMsaUJBQWlCLGVBQUssRUFBRSxVQUFVLEVBQUUsY0FBYyxFQUFFO1FBQ2xELEtBQUssSUFBSSxDQUNSLG9CQUFDLElBQUksSUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLEtBQUs7WUFBRyxLQUFLOztZQUFHLGVBQWUsQ0FBQyxRQUFRLENBQUMsSUFBSSxvQkFBQyxJQUFJLElBQUMsSUFBSSxFQUFFLGVBQWUsQ0FBQyxVQUFVLFFBQVUsQ0FBUSxDQUMxSDtRQUNBLFFBQVEsQ0FDUyxDQUNyQixDQUFBO0FBQ0gsQ0FBQyxDQUFDLENBQUE7QUFFRixTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFFL0MsZUFBZSxTQUFTLENBQUEifQ==

package/lib/components/radio/list/RadioListProps.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 import { View } from 'react-native';
 import type { DividerProps } from '../../../components/divider/DividerProps';
 import type { RadioProps } from '../../../components/radio/RadioProps';
@@ -9,6 +10,7 @@ type RadioListChildrenTypes = React.ReactElement<RadioProps | DividerProps> | un
  */
 export interface RadioListProps {
     children?: RadioListChildrenTypes | RadioListChildrenTypes[];
+    label?: string;
 }
 /**
  * Radio List Web Interface

package/lib/components/radio/list/RadioListPropsDefaults.js

@@ -6,5 +6,12 @@ export default {
       "JSXElementConstructor<any>>",
       "RadioListChildrenTypes[]"
     ]
+  },
+  "label": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
   }
 };

package/lib/components/radio/list/RadioListWebPropsDefaults.js

@@ -51,6 +51,13 @@ export default {
       "RadioListChildrenTypes[]"
     ]
   },
+  "label": {
+    "type": "string",
+    "values": [
+      "undefined",
+      "string"
+    ]
+  },
   "id": {
     "type": "string",
     "values": [

package/lib/components/radio/tiles/RadioTiles.js

@@ -1,9 +1,10 @@
+import { __assign, __rest } from "tslib";
 import { ComponentName } from '../../../components/enumsComponentsName';
-import { useTrilogyContext } from '../../../context/index';
-import { hashClass } from '../../../helpers/index';
+import { useTrilogyContext } from '../../../context';
+import { hashClass } from '../../../helpers';
+import { getAlignClassName } from '../../../objects';
+import { is } from '../../../services';
 import { isRequiredChild } from '../../../helpers/require';
-import { getAlignClassName } from '../../../objects/index';
-import { is } from '../../../services/index';
 import clsx from 'clsx';
 import * as React from 'react';
 /**
@@ -16,9 +17,10 @@ import * as React from 'react';
  * @param className {string} Additional CSS Classes
  * @param accessibilityLabelledBy {string} aria-labelledby attribute
  */
-const RadioTiles = React.forwardRef(({ id, className, children, align, verticalAlign, accessibilityLabelledBy, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    let alignClass = null;
+var RadioTiles = React.forwardRef(function (_a, ref) {
+    var id = _a.id, className = _a.className, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, accessibilityLabelledBy = _a.accessibilityLabelledBy, others = __rest(_a, ["id", "className", "children", "align", "verticalAlign", "accessibilityLabelledBy"]);
+    var styled = useTrilogyContext().styled;
+    var alignClass = null;
     if (align) {
         alignClass =
             (getAlignClassName(align) === 'aligned-start' && is('justified-start')) ||
@@ -26,7 +28,7 @@ const RadioTiles = React.forwardRef(({ id, className, children, align, verticalA
                 (getAlignClassName(align) === 'aligned-end' && is('justified-end')) ||
                 null;
     }
-    let verticalAlignClass = null;
+    var verticalAlignClass = null;
     if (verticalAlign) {
         verticalAlignClass =
             (getAlignClassName(verticalAlign) === 'aligned-start' && is('aligned-start')) ||
@@ -35,8 +37,8 @@ const RadioTiles = React.forwardRef(({ id, className, children, align, verticalA
                 (getAlignClassName(verticalAlign) === 'aligned-stretch' && is('aligned-stretch')) ||
                 null;
     }
-    return (React.createElement("div", { ref: ref, id: id, role: 'radiogroup', "aria-labelledby": accessibilityLabelledBy, "aria-required": isRequiredChild(children) ? 'true' : undefined, className: hashClass(styled, clsx('radio-tiles', className, align && alignClass, verticalAlign && verticalAlignClass)), ...others }, children));
+    return (React.createElement("div", __assign({ ref: ref, id: id, role: "radiogroup", "aria-labelledby": accessibilityLabelledBy, "aria-required": isRequiredChild(children) ? 'true' : undefined, className: hashClass(styled, clsx('radio-tiles', className, align && alignClass, verticalAlign && verticalAlignClass)) }, others), children));
 });
 RadioTiles.displayName = ComponentName.RadioTiles;
 export default RadioTiles;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vdGlsZXMvUmFkaW9UaWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQTtBQUMzQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUJBQWlCLENBQUE7QUFDbkQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLGtCQUFrQixDQUFBO0FBQ3JDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5Qjs7Ozs7Ozs7O0dBU0c7QUFDSCxNQUFNLFVBQVUsR0FBRyxLQUFLLENBQUMsVUFBVSxDQUNqQyxDQUFDLEVBQUUsRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSx1QkFBdUIsRUFBRSxHQUFHLE1BQU0sRUFBRSxFQUFFLEdBQUcsRUFBZSxFQUFFO0lBQzFHLE1BQU0sRUFBRSxNQUFNLEVBQUUsR0FBRyxpQkFBaUIsRUFBRSxDQUFBO0lBRXRDLElBQUksVUFBVSxHQUFHLElBQUksQ0FBQTtJQUVyQixJQUFJLEtBQUssRUFBRSxDQUFDO1FBQ1YsVUFBVTtZQUNSLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssZUFBZSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO2dCQUN2RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO2dCQUN6RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGFBQWEsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQ25FLElBQUksQ0FBQTtJQUNSLENBQUM7SUFFRCxJQUFJLGtCQUFrQixHQUFHLElBQUksQ0FBQTtJQUU3QixJQUFJLGFBQWEsRUFBRSxDQUFDO1FBQ2xCLGtCQUFrQjtZQUNoQixDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxLQUFLLGVBQWUsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQzdFLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLEtBQUssZ0JBQWdCLElBQUksRUFBRSxDQUFDLGdCQUFnQixDQUFDLENBQUM7Z0JBQy9FLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLEtBQUssYUFBYSxJQUFJLEVBQUUsQ0FBQyxhQUFhLENBQUMsQ0FBQztnQkFDekUsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxpQkFBaUIsSUFBSSxFQUFFLENBQUMsaUJBQWlCLENBQUMsQ0FBQztnQkFDakYsSUFBSSxDQUFBO0lBQ1IsQ0FBQztJQUVELE9BQU8sQ0FDTCw2QkFDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFFLFlBQVkscUJBQ0QsdUJBQXVCLG1CQUN6QixlQUFlLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUM3RCxTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLGFBQWEsRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLFVBQVUsRUFBRSxhQUFhLElBQUksa0JBQWtCLENBQUMsQ0FDekYsS0FDRyxNQUFNLElBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FDRixDQUFBO0FBRUQsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBQ2pELGVBQWUsVUFBVSxDQUFBIn0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vdGlsZXMvUmFkaW9UaWxlcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRSxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQTtBQUMvQixPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDbkQsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBRTlCOzs7Ozs7Ozs7R0FTRztBQUNILElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQWlDLFVBQUMsRUFBcUYsRUFBRSxHQUFHO0lBQXhGLElBQUEsRUFBRSxRQUFBLEVBQUUsU0FBUyxlQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFFLHVCQUF1Qiw2QkFBQSxFQUFLLE1BQU0sY0FBbkYsb0ZBQXFGLENBQUY7SUFDOUksSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFFdEMsSUFBSSxVQUFVLEdBQUcsSUFBSSxDQUFBO0lBRXJCLElBQUksS0FBSyxFQUFFO1FBQ1QsVUFBVTtZQUNSLENBQUMsaUJBQWlCLENBQUMsS0FBSyxDQUFDLEtBQUssZUFBZSxJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO2dCQUN2RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGdCQUFnQixJQUFJLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO2dCQUN6RSxDQUFDLGlCQUFpQixDQUFDLEtBQUssQ0FBQyxLQUFLLGFBQWEsSUFBSSxFQUFFLENBQUMsZUFBZSxDQUFDLENBQUM7Z0JBQ25FLElBQUksQ0FBQTtLQUNQO0lBRUQsSUFBSSxrQkFBa0IsR0FBRyxJQUFJLENBQUE7SUFFN0IsSUFBSSxhQUFhLEVBQUU7UUFDakIsa0JBQWtCO1lBQ2hCLENBQUMsaUJBQWlCLENBQUMsYUFBYSxDQUFDLEtBQUssZUFBZSxJQUFJLEVBQUUsQ0FBQyxlQUFlLENBQUMsQ0FBQztnQkFDN0UsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxnQkFBZ0IsSUFBSSxFQUFFLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztnQkFDL0UsQ0FBQyxpQkFBaUIsQ0FBQyxhQUFhLENBQUMsS0FBSyxhQUFhLElBQUksRUFBRSxDQUFDLGFBQWEsQ0FBQyxDQUFDO2dCQUN6RSxDQUFDLGlCQUFpQixDQUFDLGFBQWEsQ0FBQyxLQUFLLGlCQUFpQixJQUFJLEVBQUUsQ0FBQyxpQkFBaUIsQ0FBQyxDQUFDO2dCQUNqRixJQUFJLENBQUE7S0FDUDtJQUVELE9BQU8sQ0FDTCxzQ0FDRSxHQUFHLEVBQUUsR0FBRyxFQUNSLEVBQUUsRUFBRSxFQUFFLEVBQ04sSUFBSSxFQUFFLFlBQVkscUJBQ0QsdUJBQXVCLG1CQUN6QixlQUFlLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUyxFQUM3RCxTQUFTLEVBQUUsU0FBUyxDQUNsQixNQUFNLEVBQ04sSUFBSSxDQUFDLGFBQWEsRUFBRSxTQUFTLEVBQUUsS0FBSyxJQUFJLFVBQVUsRUFBRSxhQUFhLElBQUksa0JBQWtCLENBQUMsQ0FDekYsSUFDRyxNQUFNLEdBRVQsUUFBUSxDQUNMLENBQ1AsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBQ2pELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/radio/tiles/RadioTiles.native.js

@@ -1,5 +1,6 @@
+import { __assign, __rest } from "tslib";
 import { ComponentName } from '../../../components/enumsComponentsName';
-import { SpacerSize } from '../../../components/spacer/index.native';
+import { SpacerSize } from '../../../components/spacer';
 import { Alignable } from '../../../objects/facets/Alignable';
 import React from 'react';
 import { StyleSheet, View } from 'react-native';
@@ -10,8 +11,9 @@ import { StyleSheet, View } from 'react-native';
  * @param align { Alignable | AlignableValues} align content
  * @param verticalAlign { Alignable | AlignableValues} align vertical content
  */
-const RadioTiles = React.forwardRef(({ id, children, align, verticalAlign, ...others }, ref) => {
-    const styles = StyleSheet.create({
+var RadioTiles = React.forwardRef(function (_a, ref) {
+    var id = _a.id, children = _a.children, align = _a.align, verticalAlign = _a.verticalAlign, others = __rest(_a, ["id", "children", "align", "verticalAlign"]);
+    var styles = StyleSheet.create({
         container: {
             alignItems: (verticalAlign === Alignable.ALIGNED_CENTER && 'center') ||
                 (verticalAlign === Alignable.ALIGNED_START && 'flex-start') ||
@@ -26,8 +28,8 @@ const RadioTiles = React.forwardRef(({ id, children, align, verticalAlign, ...ot
             gap: SpacerSize.TWO,
         },
     });
-    return (React.createElement(View, { ref: ref, id: id, style: [styles.container], ...others }, children));
+    return (React.createElement(View, __assign({ ref: ref, id: id, style: [styles.container] }, others), children));
 });
 RadioTiles.displayName = ComponentName.RadioTiles;
 export default RadioTiles;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlcy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL3RpbGVzL1JhZGlvVGlsZXMubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEUsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQzdELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw0QkFBNEIsQ0FBQTtBQUN0RCxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFDekIsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0M7Ozs7OztHQU1HO0FBQ0gsTUFBTSxVQUFVLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FDakMsQ0FBQyxFQUFFLEVBQUUsRUFBRSxRQUFRLEVBQUUsS0FBSyxFQUFFLGFBQWEsRUFBRSxHQUFHLE1BQU0sRUFBRSxFQUFFLEdBQUcsRUFBZSxFQUFFO0lBQ3RFLE1BQU0sTUFBTSxHQUFHLFVBQVUsQ0FBQyxNQUFNLENBQUM7UUFDL0IsU0FBUyxFQUFFO1lBQ1QsVUFBVSxFQUNSLENBQUMsYUFBYSxLQUFLLFNBQVMsQ0FBQyxjQUFjLElBQUksUUFBUSxDQUFDO2dCQUN4RCxDQUFDLGFBQWEsS0FBSyxTQUFTLENBQUMsYUFBYSxJQUFJLFlBQVksQ0FBQztnQkFDM0QsQ0FBQyxhQUFhLEtBQUssU0FBUyxDQUFDLFdBQVcsSUFBSSxVQUFVLENBQUM7Z0JBQ3ZELFNBQVM7WUFDWCxjQUFjLEVBQ1osQ0FBQyxLQUFLLEtBQUssU0FBUyxDQUFDLGNBQWMsSUFBSSxRQUFRLENBQUM7Z0JBQ2hELENBQUMsS0FBSyxLQUFLLFNBQVMsQ0FBQyxhQUFhLElBQUksWUFBWSxDQUFDO2dCQUNuRCxDQUFDLEtBQUssS0FBSyxTQUFTLENBQUMsV0FBVyxJQUFJLFVBQVUsQ0FBQztnQkFDL0MsU0FBUztZQUNYLGFBQWEsRUFBRSxLQUFLO1lBQ3BCLFFBQVEsRUFBRSxNQUFNO1lBQ2hCLEdBQUcsRUFBRSxVQUFVLENBQUMsR0FBRztTQUNwQjtLQUNGLENBQUMsQ0FBQTtJQUVGLE9BQU8sQ0FDTCxvQkFBQyxJQUFJLElBQUMsR0FBRyxFQUFFLEdBQUcsRUFBRSxFQUFFLEVBQUUsRUFBRSxFQUFFLEtBQUssRUFBRSxDQUFDLE1BQU0sQ0FBQyxTQUFTLENBQUMsS0FBTSxNQUFNLElBQzFELFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQ0YsQ0FBQTtBQUVELFVBQVUsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFVBQVUsQ0FBQTtBQUVqRCxlQUFlLFVBQVUsQ0FBQSJ9
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlcy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL3RpbGVzL1JhZGlvVGlsZXMubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBRWhFLE9BQU8sRUFBRSxVQUFVLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQTtBQUNoRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sNEJBQTRCLENBQUE7QUFDdEQsT0FBTyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQ3pCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DOzs7Ozs7R0FNRztBQUNILElBQU0sVUFBVSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQXVDLFVBQUMsRUFBaUQsRUFBRSxHQUFHO0lBQXBELElBQUEsRUFBRSxRQUFBLEVBQUUsUUFBUSxjQUFBLEVBQUUsS0FBSyxXQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sY0FBL0MsNENBQWlELENBQUY7SUFDeEgsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixTQUFTLEVBQUU7WUFDVCxVQUFVLEVBQ1IsQ0FBQyxhQUFhLEtBQUssU0FBUyxDQUFDLGNBQWMsSUFBSSxRQUFRLENBQUM7Z0JBQ3hELENBQUMsYUFBYSxLQUFLLFNBQVMsQ0FBQyxhQUFhLElBQUksWUFBWSxDQUFDO2dCQUMzRCxDQUFDLGFBQWEsS0FBSyxTQUFTLENBQUMsV0FBVyxJQUFJLFVBQVUsQ0FBQztnQkFDdkQsU0FBUztZQUNYLGNBQWMsRUFDWixDQUFDLEtBQUssS0FBSyxTQUFTLENBQUMsY0FBYyxJQUFJLFFBQVEsQ0FBQztnQkFDaEQsQ0FBQyxLQUFLLEtBQUssU0FBUyxDQUFDLGFBQWEsSUFBSSxZQUFZLENBQUM7Z0JBQ25ELENBQUMsS0FBSyxLQUFLLFNBQVMsQ0FBQyxXQUFXLElBQUksVUFBVSxDQUFDO2dCQUMvQyxTQUFTO1lBQ1gsYUFBYSxFQUFFLEtBQUs7WUFDcEIsUUFBUSxFQUFFLE1BQU07WUFDaEIsR0FBRyxFQUFFLFVBQVUsQ0FBQyxHQUFHO1NBQ3BCO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxHQUFHLEVBQUUsR0FBRyxFQUFFLEVBQUUsRUFBRSxFQUFFLEVBQUUsS0FBSyxFQUFFLENBQUMsTUFBTSxDQUFDLFNBQVMsQ0FBQyxJQUFNLE1BQU0sR0FDMUQsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQyxDQUFBO0FBRUYsVUFBVSxDQUFDLFdBQVcsR0FBRyxhQUFhLENBQUMsVUFBVSxDQUFBO0FBRWpELGVBQWUsVUFBVSxDQUFBIn0=

package/lib/components/radio/tiles/RadioTilesProps.d.ts

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

package/lib/components/radio/tiles/index.js

@@ -1,257 +1,3 @@
-"use client";
-"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/radio/tiles/index.ts
-var tiles_exports = {};
-__export(tiles_exports, {
-  default: () => tiles_default
-});
-module.exports = __toCommonJS(tiles_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();
-
-// helpers/require/index.ts
-var import_react = __toESM(require("react"));
-var isRequiredChild = (children) => import_react.default.Children.toArray(children).some(
-  (child) => import_react.default.isValidElement(child) && child.props.required
-);
-
-// context/providerTheme/index.tsx
-var import_react2 = __toESM(require("react"));
-var defaultTheme = {
-  icons: {},
-  colors: {},
-  fontFamily: {}
-};
-var defaultContextValue = {
-  theme: defaultTheme,
-  setTheme: () => void 0
-};
-var TrilogyThemeContext = import_react2.default.createContext(defaultContextValue);
-
-// objects/facets/Color/index.tsx
-var import_react3 = require("react");
-var colors = {
-  ["WHITE" /* BACKGROUND */]: ["#fff", "white", "main"],
-  ["MAIN" /* MAIN */]: ["#3d5d7e", "main", "white"],
-  ["MAIN_FADE" /* MAIN_FADE */]: ["#BBC6CD", "main-fade", "white"],
-  ["ACCENT" /* ACCENT */]: ["#da641b", "accent", "white"],
-  ["FONT" /* FONT */]: ["#3d5d7e", "main", "white"],
-  ["FONT_PLACEHOLDER" /* FONT_PLACEHOLDER */]: ["#687a87", "font-placeholder", "white"],
-  ["SUCCESS" /* SUCCESS */]: ["#007B52", "success", "white"],
-  ["SUCCESS_FADE" /* SUCCESS_FADE */]: ["#cae8ca", "success-fade", "white"],
-  ["INFO" /* INFO */]: ["#1A688A", "info", "white"],
-  ["INFO_FADE" /* INFO_FADE */]: ["#c8dbec", "info-fade", "white"],
-  ["WARNING" /* WARNING */]: ["#FFBB33", "warning", "white"],
-  ["WARNING_FADE" /* WARNING_FADE */]: ["#ecdbc6", "warning-fade", "white"],
-  ["ERROR" /* ERROR */]: ["#D42D02", "error", "white"],
-  ["ERROR_FADE" /* ERROR_FADE */]: ["#eecccc", "error-fade", "white"],
-  ["DISABLED" /* DISABLED */]: ["#646464", "disabled", "white"],
-  ["DISABLED_FADE" /* DISABLED_FADE */]: ["#D1D1D1", "disabled-fade", "white"],
-  ["NEUTRAL" /* NEUTRAL */]: ["#707070", "grey", "white"],
-  ["NEUTRAL_FADE" /* NEUTRAL_FADE */]: ["#F4F4F4", "grey-fade", "white"],
-  ["STROKE" /* STROKE */]: ["#BBC1CE", "stroke", "white"]
-};
-var getColorClassName = (trilogyColor) => {
-  const color = colors[trilogyColor];
-  return color[1];
-};
-
-// objects/atoms/Background/index.ts
-var getBackgroundClassName = (backgroundType) => {
-  return `background-${getColorClassName(backgroundType)}`;
-};
-
-// objects/facets/Justifiable/index.ts
-var getJustifySelfClassName = (justifyContent) => {
-  switch (justifyContent) {
-    case "ALIGNED_CENTER":
-      return "justified-self-center";
-    case "ALIGNED_START":
-      return "justified-self-start";
-    case "ALIGNED_END":
-      return "justified-selfend";
-    default:
-      return "justified-selfstart";
-  }
-};
-
-// services/classify/index.ts
-function classify(prefix) {
-  return (classname) => classname !== "" ? `${prefix}-${classname.toLowerCase()}` : "";
-}
-var is = classify("is");
-var has = classify("has");
-
-// components/icon/Icon.tsx
-var import_clsx = __toESM(require("clsx"));
-var React4 = __toESM(require("react"));
-var Icon = React4.forwardRef(
-  ({ className, id, size, name, circled, stretched, color, backgroundColor, onClick, skeleton, align, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    const background = backgroundColor && has(getBackgroundClassName(backgroundColor)) || circled && has(getBackgroundClassName("MAIN" /* MAIN */)) || "";
-    const classes = hashClass(
-      styled,
-      (0, import_clsx.default)(
-        "icon",
-        stretched && is("stretched"),
-        size && is(size),
-        circled && is("circled"),
-        circled && !color && has("text-white"),
-        color && is(`${getColorClassName(color)}`),
-        skeleton && is("loading"),
-        align && (0, import_clsx.default)(is("flex"), is(getJustifySelfClassName(align))),
-        background,
-        className
-      )
-    );
-    return /* @__PURE__ */ React4.createElement("span", { id, onClick: onClick && onClick, className: classes, ...others, ref }, /* @__PURE__ */ React4.createElement("i", { className: hashClass(styled, (0, import_clsx.default)(name)), "aria-hidden": "true" }));
-  }
-);
-Icon.displayName = "Icon" /* Icon */;
-
-// objects/facets/Status/index.ts
-var STATUS_COLORS = {
-  SUCCESS: { color: "SUCCESS" /* SUCCESS */, backgroundColor: "SUCCESS_FADE" /* SUCCESS_FADE */ },
-  INFO: { color: "INFO" /* INFO */, backgroundColor: "INFO_FADE" /* INFO_FADE */ },
-  WARNING: { color: "WARNING" /* WARNING */, backgroundColor: "WARNING_FADE" /* WARNING_FADE */ },
-  ERROR: { color: "ERROR" /* ERROR */, backgroundColor: "ERROR_FADE" /* ERROR_FADE */ },
-  DEFAULT: { color: "MAIN" /* MAIN */, backgroundColor: "MAIN_FADE" /* MAIN_FADE */ }
-};
-
-// objects/facets/Alignable/index.ts
-var getAlignClassName = (alignType) => {
-  switch (alignType) {
-    case "ALIGNED_CENTER":
-      return "aligned-center";
-    case "CENTER":
-      return "aligned-center";
-    case "ALIGNED_START":
-      return "aligned-start";
-    case "START":
-      return "aligned-start";
-    case "ALIGNED_END":
-      return "aligned-end";
-    case "END":
-      return "aligned-end";
-    case "STRETCH":
-      return "aligned-stretch";
-    default:
-      return "aligned-start";
-  }
-};
-
-// objects/Typography/TypographyBold/index.tsx
-var import_react4 = require("react");
-
-// components/radio/tiles/RadioTiles.tsx
-var import_clsx2 = __toESM(require("clsx"));
-var React5 = __toESM(require("react"));
-var RadioTiles = React5.forwardRef(
-  ({ id, className, children, align, verticalAlign, accessibilityLabelledBy, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
-    let alignClass = null;
-    if (align) {
-      alignClass = getAlignClassName(align) === "aligned-start" && is("justified-start") || getAlignClassName(align) === "aligned-center" && is("justified-center") || getAlignClassName(align) === "aligned-end" && is("justified-end") || null;
-    }
-    let verticalAlignClass = null;
-    if (verticalAlign) {
-      verticalAlignClass = getAlignClassName(verticalAlign) === "aligned-start" && is("aligned-start") || getAlignClassName(verticalAlign) === "aligned-center" && is("aligned-center") || getAlignClassName(verticalAlign) === "aligned-end" && is("aligned-end") || getAlignClassName(verticalAlign) === "aligned-stretch" && is("aligned-stretch") || null;
-    }
-    return /* @__PURE__ */ React5.createElement(
-      "div",
-      {
-        ref,
-        id,
-        role: "radiogroup",
-        "aria-labelledby": accessibilityLabelledBy,
-        "aria-required": isRequiredChild(children) ? "true" : void 0,
-        className: hashClass(
-          styled,
-          (0, import_clsx2.default)("radio-tiles", className, align && alignClass, verticalAlign && verticalAlignClass)
-        ),
-        ...others
-      },
-      children
-    );
-  }
-);
-RadioTiles.displayName = "RadioTiles" /* RadioTiles */;
-var RadioTiles_default = RadioTiles;
-
-// components/radio/tiles/index.ts
-var tiles_default = RadioTiles_default;
+import RadioTiles from './RadioTiles';
+export default RadioTiles;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3JhZGlvL3RpbGVzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sVUFBVSxNQUFNLGNBQWMsQ0FBQTtBQUVyQyxlQUFlLFVBQVUsQ0FBQSJ9

package/lib/components/radio/tiles/tile/RadioTile.js

@@ -1,7 +1,8 @@
+import { __assign, __rest } from "tslib";
 import { ComponentName } from '../../../../components/enumsComponentsName';
 import { Icon, IconSize } from '../../../../components/icon';
 import { Sticker } from '../../../../components/sticker';
-import { useTrilogyContext } from '../../../../context/index';
+import { useTrilogyContext } from '../../../../context';
 import { hashClass } from '../../../../helpers/hashClassesHelpers';
 import { VariantState } from '../../../../objects/facets/Variant';
 import { is } from '../../../../services/classify';
@@ -26,10 +27,11 @@ import React from 'react';
  * @param className {string} Additional css classes (ONLY FOR WEB)
  * @param required {boolean} Required radio
  */
-const RadioTile = React.forwardRef(({ checked, className, disabled, readonly, id = React.useId(), label, onChange, name, value, description, icon, horizontal, required, sticker, stickerVariant = VariantState.ACCENT, ...others }, ref) => {
-    const { styled } = useTrilogyContext();
+var RadioTile = 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, name = _a.name, value = _a.value, description = _a.description, icon = _a.icon, horizontal = _a.horizontal, required = _a.required, sticker = _a.sticker, _c = _a.stickerVariant, stickerVariant = _c === void 0 ? VariantState.ACCENT : _c, others = __rest(_a, ["checked", "className", "disabled", "readonly", "id", "label", "onChange", "name", "value", "description", "icon", "horizontal", "required", "sticker", "stickerVariant"]);
+    var styled = useTrilogyContext().styled;
     return (React.createElement("div", { ref: ref, className: hashClass(styled, clsx('radio-tile', horizontal && is('horizontal'), className)) },
-        React.createElement("input", { type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: checked, required: required, onChange: (e) => {
+        React.createElement("input", __assign({ type: 'radio', readOnly: readonly, id: id, disabled: disabled, name: name, value: value, checked: checked, required: required, onChange: function (e) {
                 if (onChange && !disabled && !readonly) {
                     onChange({
                         radioId: e.target.id,
@@ -38,7 +40,7 @@ const RadioTile = React.forwardRef(({ checked, className, disabled, readonly, id
                         radioChecked: e.target.checked,
                     });
                 }
-            }, ...others }),
+            } }, others)),
         React.createElement("label", { htmlFor: id, className: hashClass(styled, clsx('radio-label')) },
             icon && React.createElement(Icon, { name: icon, size: IconSize.MEDIUM }),
             horizontal ? (React.createElement("span", null,
@@ -50,4 +52,4 @@ const RadioTile = React.forwardRef(({ checked, className, disabled, readonly, id
 });
 RadioTile.displayName = ComponentName.RadioTile;
 export default RadioTile;
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby90aWxlcy90aWxlL1JhZGlvVGlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLGtDQUFrQyxDQUFBO0FBQ2hFLE9BQU8sRUFBRSxJQUFJLEVBQUUsUUFBUSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFFbEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHNCQUFzQixDQUFBO0FBQzlDLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSw4QkFBOEIsQ0FBQTtBQUN4RCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sMEJBQTBCLENBQUE7QUFDdkQsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLHFCQUFxQixDQUFBO0FBQ3hDLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekI7Ozs7Ozs7Ozs7Ozs7Ozs7OztHQWtCRztBQUNILE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLENBQ0UsRUFDRSxPQUFPLEVBQ1AsU0FBUyxFQUNULFFBQVEsRUFDUixRQUFRLEVBQ1IsRUFBRSxHQUFHLEtBQUssQ0FBQyxLQUFLLEVBQUUsRUFDbEIsS0FBSyxFQUNMLFFBQVEsRUFDUixJQUFJLEVBQ0osS0FBSyxFQUNMLFdBQVcsRUFDWCxJQUFJLEVBQ0osVUFBVSxFQUNWLFFBQVEsRUFDUixPQUFPLEVBQ1AsY0FBYyxHQUFHLFlBQVksQ0FBQyxNQUFNLEVBQ3BDLEdBQUcsTUFBTSxFQUNWLEVBQ0QsR0FBRyxFQUNVLEVBQUU7SUFDZixNQUFNLEVBQUUsTUFBTSxFQUFFLEdBQUcsaUJBQWlCLEVBQUUsQ0FBQTtJQUV0QyxPQUFPLENBQ0wsNkJBQUssR0FBRyxFQUFFLEdBQUcsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsWUFBWSxFQUFFLFVBQVUsSUFBSSxFQUFFLENBQUMsWUFBWSxDQUFDLEVBQUUsU0FBUyxDQUFDLENBQUM7UUFDeEcsK0JBQ0UsSUFBSSxFQUFDLE9BQU8sRUFDWixRQUFRLEVBQUUsUUFBUSxFQUNsQixFQUFFLEVBQUUsRUFBRSxFQUNOLFFBQVEsRUFBRSxRQUFRLEVBQ2xCLElBQUksRUFBRSxJQUFJLEVBQ1YsS0FBSyxFQUFFLEtBQUssRUFDWixPQUFPLEVBQUUsT0FBTyxFQUNoQixRQUFRLEVBQUUsUUFBUSxFQUNsQixRQUFRLEVBQUUsQ0FBQyxDQUFDLEVBQUUsRUFBRTtnQkFDZCxJQUFJLFFBQVEsSUFBSSxDQUFDLFFBQVEsSUFBSSxDQUFDLFFBQVEsRUFBRSxDQUFDO29CQUN2QyxRQUFRLENBQUM7d0JBQ1AsT0FBTyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsRUFBRTt3QkFDcEIsVUFBVSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsS0FBSzt3QkFDMUIsU0FBUyxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsSUFBSTt3QkFDeEIsWUFBWSxFQUFFLENBQUMsQ0FBQyxNQUFNLENBQUMsT0FBTztxQkFDL0IsQ0FBQyxDQUFBO2dCQUNKLENBQUM7WUFDSCxDQUFDLEtBQ0csTUFBTSxHQUNWO1FBQ0YsK0JBQU8sT0FBTyxFQUFFLEVBQUUsRUFBRSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUM7WUFDbEUsSUFBSSxJQUFJLG9CQUFDLElBQUksSUFBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxRQUFRLENBQUMsTUFBTSxHQUFJO1lBQ25ELFVBQVUsQ0FBQyxDQUFDLENBQUMsQ0FDWjtnQkFDRSw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsYUFBYSxDQUFDLENBQUMsSUFBRyxLQUFLLENBQVE7Z0JBQ3RFLFdBQVcsSUFBSSw4QkFBTSxTQUFTLEVBQUUsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsbUJBQW1CLENBQUMsQ0FBQyxJQUFHLFdBQVcsQ0FBUSxDQUM5RixDQUNSLENBQUMsQ0FBQyxDQUFDLENBQ0Y7Z0JBQ0UsOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLGFBQWEsQ0FBQyxDQUFDLElBQUcsS0FBSyxDQUFRO2dCQUN0RSxXQUFXLElBQUksOEJBQU0sU0FBUyxFQUFFLFNBQVMsQ0FBQyxNQUFNLEVBQUUsSUFBSSxDQUFDLG1CQUFtQixDQUFDLENBQUMsSUFBRyxXQUFXLENBQVEsQ0FDbEcsQ0FDSixDQUNLO1FBQ1AsT0FBTyxJQUFJLG9CQUFDLE9BQU8sSUFBQyxLQUFLLEVBQUUsT0FBTyxFQUFFLE9BQU8sRUFBRSxjQUFjLEVBQUUsU0FBUyxFQUFDLGVBQWUsRUFBQyxLQUFLLFNBQUcsQ0FDNUYsQ0FDUCxDQUFBO0FBQ0gsQ0FBQyxDQUNGLENBQUE7QUFFRCxTQUFTLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxTQUFTLENBQUE7QUFDL0MsZUFBZSxTQUFTLENBQUEifQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yYWRpby90aWxlcy90aWxlL1JhZGlvVGlsZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLFFBQVEsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBRWxELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxzQkFBc0IsQ0FBQTtBQUM5QyxPQUFPLEVBQUUsaUJBQWlCLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDN0MsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBQ3ZCLE9BQU8sS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUV6Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBa0JHO0FBQ0gsSUFBTSxTQUFTLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBK0IsVUFBQyxFQWlCakUsRUFBRSxHQUFHO0lBaEJKLElBQUEsT0FBTyxhQUFBLEVBQ1AsU0FBUyxlQUFBLEVBQ1QsUUFBUSxjQUFBLEVBQ1IsUUFBUSxjQUFBLEVBQ1IsVUFBa0IsRUFBbEIsRUFBRSxtQkFBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEtBQUEsRUFDbEIsS0FBSyxXQUFBLEVBQ0wsUUFBUSxjQUFBLEVBQ1IsSUFBSSxVQUFBLEVBQ0osS0FBSyxXQUFBLEVBQ0wsV0FBVyxpQkFBQSxFQUNYLElBQUksVUFBQSxFQUNKLFVBQVUsZ0JBQUEsRUFDVixRQUFRLGNBQUEsRUFDUixPQUFPLGFBQUEsRUFDUCxzQkFBb0MsRUFBcEMsY0FBYyxtQkFBRyxZQUFZ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