@trilogy-ds/react 0.0.4-esm-cjs → 0.0.5-esm-cjs

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

@@ -1,515 +1,121 @@
-"use strict";
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-var __objRest = (source, exclude) => {
-  var target = {};
-  for (var prop in source)
-    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
-      target[prop] = source[prop];
-  if (source != null && __getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(source)) {
-      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
-        target[prop] = source[prop];
-    }
-  return target;
-};
-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/tile/RadioTile.native.tsx
-var RadioTile_native_exports = {};
-__export(RadioTile_native_exports, {
-  default: () => RadioTile_native_default
-});
-module.exports = __toCommonJS(RadioTile_native_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();
-
-// context/providerTheme/index.tsx
-var import_react = __toESM(require("react"));
-var defaultTheme = {
-  icons: {},
-  colors: {},
-  fontFamily: {}
-};
-var defaultContextValue = {
-  theme: defaultTheme,
-  setTheme: () => void 0
-};
-var TrilogyThemeContext = import_react.default.createContext(defaultContextValue);
-
-// objects/facets/Color/index.tsx
-var import_react2 = 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];
-};
-var getColorStyle = (trilogyColor) => {
-  if (typeof navigator !== "undefined" && navigator.userAgent === void 0) {
-    const { theme } = (0, import_react2.useContext)(TrilogyThemeContext);
-    const colorsStyle = (theme == null ? void 0 : theme.colors) || colors;
-    const colorArray = colorsStyle[trilogyColor] || colorsStyle.default;
-    if (trilogyColor === "transparent") return "transparent";
-    if (!trilogyColor || !colors[trilogyColor]) {
-      return colorsStyle.default;
-    }
-    return colorArray[0];
-  } else {
-    if (trilogyColor === "transparent") return "transparent";
-    return colors[trilogyColor][0] || colors["MAIN" /* MAIN */][0];
-  }
-};
-
-// 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 React3 = __toESM(require("react"));
-var Icon = React3.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, id, size, name, circled, stretched, color, backgroundColor, onClick, skeleton, align } = _b, others = __objRest(_b, ["className", "id", "size", "name", "circled", "stretched", "color", "backgroundColor", "onClick", "skeleton", "align"]);
-    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__ */ React3.createElement("span", __spreadProps(__spreadValues({ id, onClick: onClick && onClick, className: classes }, others), { ref }), /* @__PURE__ */ React3.createElement("i", { className: hashClass(styled, (0, import_clsx.default)(name)), "aria-hidden": "true" }));
-  }
-);
-Icon.displayName = "Icon" /* Icon */;
-var Icon_default = Icon;
-
-// components/spacer/Spacer.tsx
-var import_clsx2 = __toESM(require("clsx"));
-var React4 = __toESM(require("react"));
-var Spacer = React4.forwardRef(({ size, horizontal, className, id }, ref) => {
-  const { styled } = useTrilogyContext();
-  const styles = {
-    spacer: {
-      marginLeft: horizontal ? `${size}px` : "0px",
-      marginTop: !horizontal ? `${size}px` : "0px"
-    }
-  };
-  const classes = hashClass(styled, (0, import_clsx2.default)(className));
-  return /* @__PURE__ */ React4.createElement("div", { ref, id, style: styles.spacer, className: classes });
-});
-Spacer.displayName = "Spacer" /* Spacer */;
-
-// components/spacer/SpacerEnum.ts
-var SpacerSize = /* @__PURE__ */ ((SpacerSize2) => {
-  SpacerSize2[SpacerSize2["ZERO"] = 0] = "ZERO";
-  SpacerSize2[SpacerSize2["ONE"] = 4] = "ONE";
-  SpacerSize2[SpacerSize2["TWO"] = 8] = "TWO";
-  SpacerSize2[SpacerSize2["THREE"] = 12] = "THREE";
-  SpacerSize2[SpacerSize2["FOUR"] = 16] = "FOUR";
-  SpacerSize2[SpacerSize2["FIVE"] = 24] = "FIVE";
-  SpacerSize2[SpacerSize2["SIX"] = 32] = "SIX";
-  SpacerSize2[SpacerSize2["SEVEN"] = 40] = "SEVEN";
-  SpacerSize2[SpacerSize2["EIGHT"] = 48] = "EIGHT";
-  SpacerSize2[SpacerSize2["NINE"] = 56] = "NINE";
-  SpacerSize2[SpacerSize2["TEN"] = 64] = "TEN";
-  return SpacerSize2;
-})(SpacerSize || {});
-var SpacerSizeValues = `${SpacerSize}`;
-
-// 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/Variant/index.ts
-var getVariantClassName = (variantType) => {
-  if (!variantType) return "";
-  switch (variantType) {
-    case "MAIN":
-      return "main";
-    case "ACCENT":
-      return "accent";
-    case "PRIMARY":
-      return "primary";
-    case "SECONDARY":
-      return "secondary";
-    case "GHOST":
-      return "ghost";
-    case "INFO":
-      return "info";
-    default:
-      return "";
-  }
-};
-
-// objects/Typography/TypographyBold/index.tsx
-var import_react3 = require("react");
-
-// components/sticker/Sticker.tsx
-var import_clsx3 = __toESM(require("clsx"));
-var import_react4 = __toESM(require("react"));
-var Sticker = import_react4.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, { className, id, variant, small, label, outlined, iconName, accessibilityLabel } = _b, others = __objRest(_b, ["className", "id", "variant", "small", "label", "outlined", "iconName", "accessibilityLabel"]);
-    const { styled } = useTrilogyContext();
-    const classes = hashClass(
-      styled,
-      (0, import_clsx3.default)(
-        "sticker",
-        variant && is(getVariantClassName(variant)),
-        small && is("small"),
-        className,
-        outlined && is("outlined"),
-        is("vcentered")
-      )
-    );
-    return /* @__PURE__ */ import_react4.default.createElement("p", __spreadValues({ ref, id, className: classes, "aria-label": accessibilityLabel }, others), iconName && /* @__PURE__ */ import_react4.default.createElement(Icon_default, { size: small ? "smaller" /* SMALLER */ : "small" /* SMALL */, name: iconName }), label);
-  }
-);
-Sticker.displayName = "Sticker" /* Sticker */;
-var Sticker_default = Sticker;
-
-// components/text/Text.tsx
-var React6 = __toESM(require("react"));
-var import_clsx4 = __toESM(require("clsx"));
-
-// components/text/TextEnum.ts
-var TextMarkup = /* @__PURE__ */ ((TextMarkup2) => {
-  TextMarkup2["P"] = "p";
-  TextMarkup2["SPAN"] = "span";
-  return TextMarkup2;
-})(TextMarkup || {});
-
-// components/text/Text.tsx
-var Text = React6.forwardRef((_a, ref) => {
-  var _b = _a, {
-    level,
-    markup,
-    children,
-    className,
-    id,
-    typo,
-    inverted,
-    skeleton,
-    accessibilityLabel,
-    marginless,
-    numberOfLines
-  } = _b, others = __objRest(_b, [
-    "level",
-    "markup",
-    "children",
-    "className",
-    "id",
-    "typo",
-    "inverted",
-    "skeleton",
-    "accessibilityLabel",
-    "marginless",
-    "numberOfLines"
-  ]);
-  const { styled } = useTrilogyContext();
-  const levelText = () => {
-    if (level) {
-      switch (level) {
-        case 1 /* ONE */:
-          return is("level-1");
-        case 2 /* TWO */:
-          return is("level-2");
-        case 3 /* THREE */:
-          return is("level-3");
-        case 4 /* FOUR */:
-          return is("level-4");
-        default:
-          return is(`level-${level}`);
-      }
-    }
-  };
-  const classes = hashClass(
-    styled,
-    (0, import_clsx4.default)(
-      "text",
-      level && levelText(),
-      inverted && is("inverted"),
-      typo,
-      skeleton && is("loading"),
-      marginless && is("marginless"),
-      numberOfLines && is("text-ellipsis"),
-      className
-    )
-  );
-  const isCorrectMarkup = (stringMarkup) => {
-    if (stringMarkup in TextMarkup || Object.values(TextMarkup).includes(stringMarkup)) return true;
-  };
-  const Tag = markup && isCorrectMarkup(markup) ? markup : "p";
-  return /* @__PURE__ */ React6.createElement(
-    Tag,
-    __spreadValues({
-      ref,
-      id,
-      style: numberOfLines ? { WebkitLineClamp: numberOfLines } : {},
-      "aria-label": accessibilityLabel,
-      className: classes
-    }, others),
-    children
-  );
-});
-Text.displayName = "Text" /* Text */;
-var Text_default = Text;
-
-// components/radio/tiles/tile/RadioTile.native.tsx
-var import_react5 = __toESM(require("react"));
-var import_react_native = require("react-native");
-var RadioTile = import_react5.default.forwardRef(
-  (_a, ref) => {
-    var _b = _a, {
-      checked,
-      disabled,
-      id = import_react5.default.useId(),
-      label,
-      onChange,
-      name,
-      value,
-      description,
-      icon,
-      horizontal,
-      readonly,
-      sticker,
-      stickerVariant = "ACCENT" /* ACCENT */
-    } = _b, others = __objRest(_b, [
-      "checked",
-      "disabled",
-      "id",
-      "label",
-      "onChange",
-      "name",
-      "value",
-      "description",
-      "icon",
-      "horizontal",
-      "readonly",
-      "sticker",
-      "stickerVariant"
-    ]);
-    const [stickerHeight, setStickerHeight] = (0, import_react5.useState)(0);
-    const styles = import_react_native.StyleSheet.create({
-      container: {
-        flexDirection: horizontal ? "row" : "column",
-        width: horizontal ? "100%" : void 0,
-        borderWidth: checked ? 2 : 1,
-        alignItems: "center",
-        gap: 12 /* THREE */,
-        borderRadius: 6,
-        padding: !checked ? 16 /* FOUR */ : 16 /* FOUR */ - 1,
-        maxWidth: horizontal ? void 0 : "50%",
-        backgroundColor: getColorStyle(disabled ? "DISABLED_FADE" /* DISABLED_FADE */ : "WHITE" /* BACKGROUND */),
-        borderColor: getColorStyle(
-          disabled ? "DISABLED" /* DISABLED */ : checked ? "MAIN" /* MAIN */ : "STROKE" /* STROKE */
-        )
-      },
-      icon: {
-        width: "auto"
-      },
-      content: {
-        width: "auto",
-        gap: 4 /* ONE */,
-        flex: 1
-      },
-      sticker: {
-        position: "absolute",
-        top: checked ? -stickerHeight / 2 - 1 : -stickerHeight / 2,
-        right: checked ? 15 : 16
-      }
+import { ComponentName } from '../../../../components/enumsComponentsName';
+import { Icon, IconSize } from '../../../../components/icon/index.native';
+import { SpacerSize } from '../../../../components/spacer/index.native';
+import { Sticker } from '../../../../components/sticker/index.native';
+import { Text, TextLevels } from '../../../../components/text/index.native';
+import { getColorStyle, TrilogyColor } from '../../../../objects/facets/Color/index.native';
+import { VariantState } from '../../../../objects/index.native';
+import { TypographyAlign, TypographyColor } from '../../../../objects/Typography/index.native';
+import { TypographyBold } from '../../../../objects/Typography/TypographyBold/index.native';
+import React, { useCallback, useMemo, useState } from 'react';
+import { StyleSheet, TouchableOpacity, View } from 'react-native';
+/**
+ * radioTile Component
+ * @param checked {boolean} Checked radio
+ * @param disabled {boolean} Disabled
+ * @param readOnly {boolean} readonly radio
+ * @param id {string} Id for button, by default id is generate
+ * @param label {string} Label for radio
+ * @param description {ReactNode} Description for radio
+ * @param onChange {ChangeEvent}
+ * @param name {string} Name for radio
+ * @param value {string} Value for radio
+ * @param icon {IconName} icon for radio
+ * @param horizontal Horizontal radio
+ * @param stickerVariant {VariantState} Sticker variant
+ */
+const RadioTile = React.forwardRef(({ checked, disabled, id = React.useId(), label, onChange, name, value, description, icon, horizontal, readonly, sticker, stickerVariant = VariantState.ACCENT, ...others }, ref) => {
+    const [stickerHeight, setStickerHeight] = useState(0);
+    const styles = StyleSheet.create({
+        container: {
+            flexDirection: horizontal ? 'row' : 'column',
+            width: horizontal ? '100%' : undefined,
+            borderWidth: checked ? 2 : 1,
+            alignItems: 'center',
+            gap: SpacerSize.THREE,
+            borderRadius: 6,
+            padding: !checked ? SpacerSize.FOUR : SpacerSize.FOUR - 1,
+            maxWidth: horizontal ? undefined : '50%',
+            backgroundColor: getColorStyle(disabled ? TrilogyColor.DISABLED_FADE : TrilogyColor.BACKGROUND),
+            borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : checked ? TrilogyColor.MAIN : TrilogyColor.STROKE),
+        },
+        icon: {
+            width: 'auto',
+        },
+        content: {
+            width: 'auto',
+            gap: SpacerSize.ONE,
+            flex: 1,
+        },
+        sticker: {
+            position: 'absolute',
+            top: checked ? -stickerHeight / 2 - 1 : -stickerHeight / 2,
+            right: checked ? 15 : 16,
+        },
     });
-    const typoTitle = (0, import_react5.useMemo)(() => {
-      const typos = ["has-text-weight-semibold" /* TEXT_WEIGHT_SEMIBOLD */];
-      if (!horizontal) typos.push("has-text-centered" /* TEXT_CENTERED */);
-      if (disabled) typos.push("has-text-disabled" /* TEXT_DISABLED */);
-      return typos;
+    const typoTitle = useMemo(() => {
+        const typos = [TypographyBold.TEXT_WEIGHT_SEMIBOLD];
+        if (!horizontal)
+            typos.push(TypographyAlign.TEXT_CENTERED);
+        if (disabled)
+            typos.push(TypographyColor.TEXT_DISABLED);
+        return typos;
     }, [disabled, horizontal]);
-    const typoText = (0, import_react5.useMemo)(() => {
-      const typos = [];
-      if (!horizontal) typos.push("has-text-centered" /* TEXT_CENTERED */);
-      if (disabled) typos.push("has-text-disabled" /* TEXT_DISABLED */);
-      return typos;
+    const typoText = useMemo(() => {
+        const typos = [];
+        if (!horizontal)
+            typos.push(TypographyAlign.TEXT_CENTERED);
+        if (disabled)
+            typos.push(TypographyColor.TEXT_DISABLED);
+        return typos;
     }, [horizontal, disabled]);
-    const handleChange = (0, import_react5.useCallback)(() => {
-      if (onChange && !readonly && !disabled)
-        onChange({
-          radioValue: value || "",
-          radioName: name || "",
-          radioChecked: true,
-          radioId: id
-        });
+    const handleChange = useCallback(() => {
+        if (onChange && !readonly && !disabled)
+            onChange({
+                radioValue: value || '',
+                radioName: name || '',
+                radioChecked: true,
+                radioId: id,
+            });
     }, [value, name, id, disabled, readonly, onChange]);
-    return /* @__PURE__ */ import_react5.default.createElement(import_react_native.TouchableOpacity, __spreadValues({ ref, disabled, style: [styles.container], onPress: handleChange }, others), /* @__PURE__ */ import_react5.default.createElement(InputRadio, { checked, disabled }), sticker && /* @__PURE__ */ import_react5.default.createElement(import_react_native.View, { style: styles.sticker, onLayout: (e) => setStickerHeight(e.nativeEvent.layout.height) }, /* @__PURE__ */ import_react5.default.createElement(Sticker_default, { label: sticker, variant: stickerVariant, className: "radio-sticker", small: true })), icon && /* @__PURE__ */ import_react5.default.createElement(import_react_native.View, { style: [styles.icon] }, /* @__PURE__ */ import_react5.default.createElement(Icon_default, { size: "small" /* SMALL */, name: icon })), /* @__PURE__ */ import_react5.default.createElement(import_react_native.View, { style: [styles.content] }, label && /* @__PURE__ */ import_react5.default.createElement(Text_default, { level: 1 /* ONE */, typo: typoTitle }, String(label)), description && typeof description.valueOf() === "string" ? /* @__PURE__ */ import_react5.default.createElement(Text_default, { level: 2 /* TWO */, typo: typoText }, String(description)) : description));
-  }
-);
-var InputRadio = ({ checked, disabled }) => {
-  const styles = import_react_native.StyleSheet.create({
-    input: {
-      marginRight: "auto",
-      width: 18,
-      height: 18,
-      borderWidth: 1,
-      borderRadius: 18,
-      justifyContent: "center",
-      alignItems: "center",
-      borderColor: getColorStyle(disabled ? "DISABLED" /* DISABLED */ : checked ? "MAIN" /* MAIN */ : "STROKE" /* STROKE */)
-    },
-    inputRadio: {
-      width: 12,
-      height: 12,
-      borderRadius: 12,
-      backgroundColor: getColorStyle(
-        disabled && checked ? "DISABLED" /* DISABLED */ : disabled && !checked ? "DISABLED_FADE" /* DISABLED_FADE */ : checked ? "MAIN" /* MAIN */ : "WHITE" /* BACKGROUND */
-      )
-    }
-  });
-  return /* @__PURE__ */ import_react5.default.createElement(import_react_native.View, { style: [styles.input] }, /* @__PURE__ */ import_react5.default.createElement(import_react_native.View, { style: [styles.inputRadio] }));
+    return (React.createElement(TouchableOpacity, { ref: ref, disabled: disabled, style: [styles.container], onPress: handleChange, ...others },
+        React.createElement(InputRadio, { checked: checked, disabled: disabled }),
+        sticker && (React.createElement(View, { style: styles.sticker, onLayout: (e) => setStickerHeight(e.nativeEvent.layout.height) },
+            React.createElement(Sticker, { label: sticker, variant: stickerVariant, className: 'radio-sticker', small: true }))),
+        icon && (React.createElement(View, { style: [styles.icon] },
+            React.createElement(Icon, { size: IconSize.SMALL, name: icon }))),
+        React.createElement(View, { style: [styles.content] },
+            label && (React.createElement(Text, { level: TextLevels.ONE, typo: typoTitle }, String(label))),
+            description && typeof description.valueOf() === 'string' ? (React.createElement(Text, { level: TextLevels.TWO, typo: typoText }, String(description))) : (description))));
+});
+const InputRadio = ({ checked, disabled }) => {
+    const styles = StyleSheet.create({
+        input: {
+            marginRight: 'auto',
+            width: 18,
+            height: 18,
+            borderWidth: 1,
+            borderRadius: 18,
+            justifyContent: 'center',
+            alignItems: 'center',
+            borderColor: getColorStyle(disabled ? TrilogyColor.DISABLED : checked ? TrilogyColor.MAIN : TrilogyColor.STROKE),
+        },
+        inputRadio: {
+            width: 12,
+            height: 12,
+            borderRadius: 12,
+            backgroundColor: getColorStyle(disabled && checked
+                ? TrilogyColor.DISABLED
+                : disabled && !checked
+                    ? TrilogyColor.DISABLED_FADE
+                    : checked
+                        ? TrilogyColor.MAIN
+                        : TrilogyColor.BACKGROUND),
+        },
+    });
+    return (React.createElement(View, { style: [styles.input] },
+        React.createElement(View, { style: [styles.inputRadio] })));
 };
-RadioTile.displayName = "RadioTile" /* RadioTile */;
-var RadioTile_native_default = RadioTile;
+RadioTile.displayName = ComponentName.RadioTile;
+export default RadioTile;
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUmFkaW9UaWxlLm5hdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcmFkaW8vdGlsZXMvdGlsZS9SYWRpb1RpbGUubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDaEUsT0FBTyxFQUFFLElBQUksRUFBRSxRQUFRLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQTtBQUUvRCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFDN0QsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLG1DQUFtQyxDQUFBO0FBQzNELE9BQU8sRUFBRSxJQUFJLEVBQUUsVUFBVSxFQUFFLE1BQU0sZ0NBQWdDLENBQUE7QUFDakUsT0FBTyxFQUFFLGFBQWEsRUFBRSxZQUFZLEVBQUUsTUFBTSxxQ0FBcUMsQ0FBQTtBQUNqRixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sd0JBQXdCLENBQUE7QUFDckQsT0FBTyxFQUFFLGVBQWUsRUFBRSxlQUFlLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQTtBQUNwRixPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sa0RBQWtELENBQUE7QUFDakYsT0FBTyxLQUFLLEVBQUUsRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUM3RCxPQUFPLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVqRTs7Ozs7Ozs7Ozs7Ozs7R0FjRztBQUNILE1BQU0sU0FBUyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQ2hDLENBQ0UsRUFDRSxPQUFPLEVBQ1AsUUFBUSxFQUNSLEVBQUUsR0FBRyxLQUFLLENBQUMsS0FBSyxFQUFFLEVBQ2xCLEtBQUssRUFDTCxRQUFRLEVBQ1IsSUFBSSxFQUNKLEtBQUssRUFDTCxXQUFXLEVBQ1gs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