linear-react-components-ui 1.1.25-rc.2 → 1.1.26-beta-0

package/lib/popover/index.js

@@ -1,69 +1,59 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "PopoverText", {
-  enumerable: true,
-  get: function () {
-    return _PopoverText.default;
-  }
-});
-Object.defineProperty(exports, "PopoverTitle", {
-  enumerable: true,
-  get: function () {
-    return _PopoverTitle.default;
-  }
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _buttons = _interopRequireDefault(require("../buttons"));
-var _icons = _interopRequireDefault(require("../icons"));
-var _PopoverText = _interopRequireDefault(require("./PopoverText"));
-var _PopoverTitle = _interopRequireDefault(require("./PopoverTitle"));
-require("../assets/styles/popover.scss");
-const _excluded = ["children", "align", "theme", "iconName", "iconSize", "iconColor", "customClass", "style", "customStyle"];
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-const Popover = _ref => {
-  let {
-      children,
-      align = 'left',
-      theme = 'dark',
-      iconName,
-      iconSize = 16,
-      iconColor = '',
-      customClass = '',
-      style,
-      customStyle
-    } = _ref,
-    rest = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/_react.default.createElement(_buttons.default, _extends({
-    round: true,
-    dropdown: true,
-    transparent: true,
+import { j as o } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import m from "../buttons/Button.js";
+import f from "../icons/index.js";
+import '../assets/button.css';import '../assets/index3.css';/* empty css                        */
+import { default as h } from "./PopoverText.js";
+import { default as I } from "./PopoverTitle.js";
+const w = ({
+  children: t,
+  align: e = "left",
+  theme: r = "dark",
+  iconName: n,
+  iconSize: a = 16,
+  iconColor: s = "",
+  customClass: p = "",
+  style: i,
+  customStyle: l,
+  ...c
+}) => /* @__PURE__ */ o.jsx(
+  m,
+  {
+    round: !0,
+    dropdown: !0,
+    transparent: !0,
     tabIndex: -1,
-    boxShadow: false,
+    boxShadow: !1,
     iconAlign: "center",
-    dropdownAlign: align,
-    showIconDropdown: false,
+    dropdownAlign: e,
+    showIconDropdown: !1,
     customClass: "popover-component",
-    style: style,
-    icon: /*#__PURE__*/_react.default.createElement(_icons.default, {
-      customClass: "buttonicon",
-      name: iconName || 'information',
-      color: iconColor || 'gray',
-      size: iconSize
-    }),
-    onClick: e => {
-      e.preventDefault();
-    }
-  }, rest), /*#__PURE__*/_react.default.createElement("div", {
-    className: `popovercontainer -${theme} ${customClass}`,
-    "data-testid": "popover-container",
-    style: customStyle
-  }, children));
+    style: i,
+    icon: /* @__PURE__ */ o.jsx(
+      f,
+      {
+        customClass: "buttonicon",
+        name: n || "information",
+        color: s || "gray",
+        size: a
+      }
+    ),
+    onClick: (d) => {
+      d.preventDefault();
+    },
+    ...c,
+    children: /* @__PURE__ */ o.jsx(
+      "div",
+      {
+        className: `popovercontainer -${r} ${p}`,
+        "data-testid": "popover-container",
+        style: l,
+        children: t
+      }
+    )
+  }
+);
+export {
+  h as PopoverText,
+  I as PopoverTitle,
+  w as default
 };
-var _default = exports.default = Popover;

package/lib/popover/popover.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/popover/types.d.ts

@@ -1,17 +1,15 @@
-import { ReactNode, CSSProperties } from 'react';
-import { Position } from '../@types/Position.js';
-import { SizePixels } from '../@types/SizePixels.js';
-import { IconNames } from '../@types/Icon.js';
-import { PermissionAttr } from '../@types/PermissionAttr.js';
-import '../icons/helper.js';
-
-interface PopoverTitleProps {
+import { CSSProperties, ReactNode } from 'react';
+import { Position } from '../@types/Position';
+import { SizePixels } from '../@types/SizePixels';
+import { IconNames } from '../@types/Icon';
+import { PermissionAttr } from '../@types/PermissionAttr';
+export interface PopoverTitleProps {
     children?: ReactNode;
 }
-interface PopoverTextProps {
+export interface PopoverTextProps {
     children?: ReactNode;
 }
-interface IPopoverProps {
+export interface IPopoverProps {
     iconName?: IconNames;
     iconColor?: string;
     customClass?: string;
@@ -31,5 +29,3 @@ interface IPopoverProps {
     permissionAttr?: PermissionAttr | PermissionAttr[];
     style?: CSSProperties;
 }
-
-export { IPopoverProps, PopoverTextProps, PopoverTitleProps };

package/lib/progress/Bar.d.ts

@@ -1,6 +1,3 @@
-import { IBarProps } from './types.js';
-import 'react';
-
-declare const ProgressBar: (props: IBarProps) => JSX.Element;
-
-export { ProgressBar as default };
+import { IBarProps } from './types';
+declare const ProgressBar: (props: IBarProps) => import("react/jsx-runtime").JSX.Element;
+export default ProgressBar;

package/lib/progress/Bar.js

@@ -1,74 +1,42 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-const ROUND_PRECISION = 1000;
-const getPercentage = _ref => {
-  let {
-    max = 100,
-    min = 0,
-    value = 0
-  } = _ref;
-  const percentage = (value - min) / (max - min) * 100;
-  return Math.round(percentage * ROUND_PRECISION) / ROUND_PRECISION;
-};
-const getClass = props => {
-  let style = 'bar';
-  if (props.customClass) style += `${props.customClass}`;
-  if (props.type) style += ` -${props.type}`;
-  if (props.effect) style += ' -effect';
-  if (props.animated) style += ' -animated';
-  if (props.indeterminate) style += ' -indeterminate';
-  return style;
-};
-const getLabel = progress => {
-  let value = progress.label;
-  if (!progress.label) {
-    value = `${getPercentage(progress)}%`;
-  }
-  return /*#__PURE__*/_react.default.createElement("span", {
-    className: "progressbar-label "
-  }, value);
-};
-const getStyle = props => {
+import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
+const l = 1e3, m = ({ max: e = 100, min: t = 0, value: a = 0 }) => {
+  const n = (a - t) / (e - t) * 100;
+  return Math.round(n * l) / l;
+}, c = (e) => {
+  let t = "bar";
+  return e.customClass && (t += `${e.customClass}`), e.type && (t += ` -${e.type}`), e.effect && (t += " -effect"), e.animated && (t += " -animated"), e.indeterminate && (t += " -indeterminate"), t;
+}, u = (e) => {
+  let t = e.label;
+  return e.label || (t = `${m(e)}%`), /* @__PURE__ */ s.jsx("span", { className: "progressbar-label ", children: t });
+}, d = (e) => {
   const {
-    indeterminate,
-    indeterminateDelay = 1,
-    indeterminateDuration = 1.5,
-    progressWidth = '100%',
-    height = '100%'
-  } = props;
-  if (indeterminate) {
-    return {
-      width: progressWidth,
-      height,
-      animationDuration: `${indeterminateDuration}s`,
-      animationDelay: `${indeterminateDelay}s`
-    };
-  }
-  return {
-    width: `${getPercentage(props)}%`,
-    height
-  };
+    indeterminate: t,
+    indeterminateDelay: a = 1,
+    indeterminateDuration: n = 1.5,
+    progressWidth: i = "100%",
+    height: r = "100%"
+  } = e;
+  return t ? {
+    width: i,
+    height: r,
+    animationDuration: `${n}s`,
+    animationDelay: `${a}s`
+  } : { width: `${m(e)}%`, height: r };
+}, f = (e) => {
+  const { value: t = 0, min: a = 0, max: n = 100, showLabel: i = !0 } = e;
+  return /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      role: "progressbar",
+      className: c(e),
+      style: d(e),
+      "aria-valuenow": t,
+      "aria-valuemin": a,
+      "aria-valuemax": n,
+      children: i && !e.indeterminate && u(e)
+    }
+  );
 };
-const ProgressBar = props => {
-  const {
-    value = 0,
-    min = 0,
-    max = 100,
-    showLabel = true
-  } = props;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    role: "progressbar",
-    className: getClass(props),
-    style: getStyle(props),
-    "aria-valuenow": value,
-    "aria-valuemin": min,
-    "aria-valuemax": max
-  }, showLabel && !props.indeterminate && getLabel(props));
+export {
+  f as default
 };
-var _default = exports.default = ProgressBar;

package/lib/progress/index.d.ts

@@ -1,7 +1,5 @@
-export { default as Bar } from './Bar.js';
-import { IProgressBarProps } from './types.js';
-import 'react';
-
-declare const ProgressBar: (props: IProgressBarProps) => JSX.Element;
-
-export { ProgressBar as default };
+import { default as Bar } from './Bar';
+import { IProgressBarProps } from './types';
+declare const ProgressBar: (props: IProgressBarProps) => import("react/jsx-runtime").JSX.Element;
+export default ProgressBar;
+export { Bar };

package/lib/progress/index.js

@@ -1,38 +1,21 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-Object.defineProperty(exports, "Bar", {
-  enumerable: true,
-  get: function () {
-    return _Bar.default;
-  }
-});
-exports.default = void 0;
-var _react = _interopRequireDefault(require("react"));
-var _Bar = _interopRequireDefault(require("./Bar"));
-require("../assets/styles/progress.scss");
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-const ProgressBar = props => {
-  const {
-    style,
-    children,
-    width = '100%',
-    height = '24px'
-  } = props;
-  const getStyle = _objectSpread(_objectSpread({}, style), {}, {
-    width,
-    height
-  });
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "container-progress",
-    style: getStyle
-  }, children || /*#__PURE__*/_react.default.createElement(_Bar.default, props));
+import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import n from "./Bar.js";
+import '../assets/index9.css';const m = (r) => {
+  const { style: t, children: e, width: o = "100%", height: a = "24px" } = r, i = {
+    ...t,
+    width: o,
+    height: a
+  };
+  return /* @__PURE__ */ s.jsx(
+    "div",
+    {
+      className: "container-progress",
+      style: i,
+      children: e || /* @__PURE__ */ s.jsx(n, { ...r })
+    }
+  );
+};
+export {
+  n as Bar,
+  m as default
 };
-var _default = exports.default = ProgressBar;

package/lib/progress/progress.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/progress/types.d.ts

@@ -1,6 +1,5 @@
 import { CSSProperties, ReactNode } from 'react';
-
-interface IBarProps {
+export interface IBarProps {
     label?: string;
     min?: number;
     value?: number;
@@ -16,22 +15,20 @@ interface IBarProps {
     indeterminateDuration?: number;
     indeterminateDelay?: number;
 }
-interface IProgressBarProps extends IBarProps {
+export interface IProgressBarProps extends IBarProps {
     width?: string | number;
     height?: string | number;
     style?: CSSProperties;
     children?: ReactNode;
 }
-interface IPercentageParams {
+export interface IPercentageParams {
     max?: number;
     min?: number;
     value?: number;
 }
-interface ILabelParams {
+export interface ILabelParams {
     label?: string;
     max?: number;
     min?: number;
     value?: number;
 }
-
-export { IBarProps, ILabelParams, IPercentageParams, IProgressBarProps };

package/lib/radio/index.d.ts

@@ -1,16 +1,8 @@
-import { IRadioProps } from './types.js';
-import 'react';
-import '../@types/PermissionAttr.js';
-import '../@types/Size.js';
-
+import { IRadioProps } from './types';
 /**
  * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
  * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
  * componente para gerar propriedades customizadas.
  */
-declare const Radio: {
-    ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, inputRef, size, customClassForLabel, labelUppercase, hint, hintPosition, themePopover, popoverAlign, permissionAttr, }: IRadioProps): JSX.Element | null;
-    displayName: string;
-};
-
-export { Radio as default };
+declare const Radio: ({ id, label, value, checked, onChange, name, disabled, required, skeletonize, defaultChecked, inputRef, size, customClassForLabel, labelUppercase, hint, hintPosition, themePopover, popoverAlign, permissionAttr, }: IRadioProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Radio;

package/lib/radio/index.js

@@ -1,114 +1,96 @@
-"use strict";
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = void 0;
-var _react = _interopRequireWildcard(require("react"));
-require("../assets/styles/radio.scss");
-var _permissionValidations = require("../permissionValidations");
-var _popover = _interopRequireDefault(require("../popover"));
-var _textContent = _interopRequireDefault(require("../textContent"));
-function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-/**
- * IMPORTANTE: Caso seja necessário alterar o nome do componente, deverá ser refatorado
- * o componente Field dentro do componente Form, pois o mesmo leva em consideração o tipo do
- * componente para gerar propriedades customizadas.
- */
-
-const Radio = _ref => {
-  let {
-    id,
-    label,
-    value,
-    checked,
-    onChange,
-    name = '',
-    disabled = false,
-    required = false,
-    skeletonize = false,
-    defaultChecked = false,
-    inputRef,
-    size = 'medium',
-    customClassForLabel,
-    labelUppercase,
-    hint,
-    hintPosition = 'onLabelRight',
-    themePopover = 'light',
-    popoverAlign = 'left',
-    permissionAttr
-  } = _ref;
-  const [isChecked, setIsChecked] = (0, _react.useState)(checked);
-  const options = [_permissionValidations.OPTIONS_ON_DENIED.disabled, _permissionValidations.OPTIONS_ON_DENIED.unvisible];
-  const [onDenied] = (0, _react.useState)((0, _permissionValidations.actionsOnPermissionDenied)(options, permissionAttr));
-  (0, _react.useEffect)(() => {
-    if (checked !== isChecked) setIsChecked(checked);
-  }, [checked]);
-  const shouldDisable = () => disabled || !!onDenied.disabled || skeletonize;
-  const getCustomProps = () => {
-    let customProps = {};
-    const checkProps = defaultChecked && !checked ? {
-      defaultChecked
-    } : {
-      checked: isChecked
-    };
-    customProps = _objectSpread({}, checkProps);
-    if (onChange && !shouldDisable()) {
-      customProps = _objectSpread(_objectSpread({}, customProps), {}, {
-        onChange: e => onChange(e),
-        onKeyDown: null,
-        role: 'button',
-        tabIndex: '0'
-      });
-    }
-    return customProps;
+import { j as s } from "../chunks/jsx-runtime.CYK1ROHF.js";
+import { useState as f, useEffect as S } from "react";
+import '../assets/radio.css';/* empty css                       */
+import { OPTIONS_ON_DENIED as x, actionsOnPermissionDenied as w } from "../permissionValidations.js";
+import L from "../popover/index.js";
+import b from "../textContent/index.js";
+const B = ({
+  id: i,
+  label: h,
+  value: j,
+  checked: e,
+  onChange: n,
+  name: g = "",
+  disabled: l = !1,
+  required: a = !1,
+  skeletonize: r = !1,
+  defaultChecked: m = !1,
+  inputRef: N,
+  size: d = "medium",
+  customClassForLabel: P,
+  labelUppercase: D,
+  hint: c,
+  hintPosition: v = "onLabelRight",
+  themePopover: y = "light",
+  popoverAlign: C = "left",
+  permissionAttr: I
+}) => {
+  const [p, E] = f(e), O = [x.disabled, x.unvisible], [u] = f(w(O, I));
+  S(() => {
+    e !== p && E(e);
+  }, [e]);
+  const t = () => l || !!u.disabled || r, R = () => {
+    let o = {};
+    return o = {
+      ...m && !e ? { defaultChecked: m } : { checked: p }
+    }, n && !t() && (o = {
+      ...o,
+      onChange: ($) => n($),
+      onKeyDown: null,
+      role: "button",
+      tabIndex: "0"
+    }), o;
   };
-  if (onDenied.unvisible) return null;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: "radio-input",
-    style: {
-      display: 'flex',
-      alignItems: 'center'
-    }
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: `radio-button ${disabled ? 'disabled' : ''} ${skeletonize ? '-skeletonized' : ''}`
-  }, /*#__PURE__*/_react.default.createElement("input", _extends({}, getCustomProps(), {
-    ref: inputRef,
-    className: "radio-component",
-    type: "radio",
-    value: value,
-    id: id,
-    name: name,
-    required: required,
-    disabled: shouldDisable()
-  })), /*#__PURE__*/_react.default.createElement("label", {
-    className: `description ${size && `-${size}`}`,
-    htmlFor: id
-  }, /*#__PURE__*/_react.default.createElement("span", null, /*#__PURE__*/_react.default.createElement(_textContent.default, {
-    required: required,
-    disabled: shouldDisable(),
-    className: customClassForLabel,
-    labelUppercase: labelUppercase
-  }), label, /*#__PURE__*/_react.default.createElement(_textContent.default, null)))), !!hint && hintPosition === 'onLabelRight' && /*#__PURE__*/_react.default.createElement(_popover.default, {
-    theme: themePopover,
-    align: popoverAlign,
-    customClass: "-hint",
-    iconColor: "#03bde2",
-    iconSize: 16,
-    style: {
-      margin: '0px 5px',
-      height: 'auto',
-      width: 20
-    }
-  }, hint));
+  return u.unvisible ? null : /* @__PURE__ */ s.jsxs("div", { className: "radio-input", style: { display: "flex", alignItems: "center" }, children: [
+    /* @__PURE__ */ s.jsxs(
+      "div",
+      {
+        className: `radio-button ${l ? "disabled" : ""} ${r ? "-skeletonized" : ""}`,
+        children: [
+          /* @__PURE__ */ s.jsx(
+            "input",
+            {
+              ...R(),
+              ref: N,
+              className: "radio-component",
+              type: "radio",
+              value: j,
+              id: i,
+              name: g,
+              required: a,
+              disabled: t()
+            }
+          ),
+          /* @__PURE__ */ s.jsx("label", { className: `description ${d && `-${d}`}`, htmlFor: i, children: /* @__PURE__ */ s.jsxs("span", { children: [
+            /* @__PURE__ */ s.jsx(
+              b,
+              {
+                required: a,
+                disabled: t(),
+                className: P,
+                labelUppercase: D
+              }
+            ),
+            h,
+            /* @__PURE__ */ s.jsx(b, {})
+          ] }) })
+        ]
+      }
+    ),
+    !!c && v === "onLabelRight" && /* @__PURE__ */ s.jsx(
+      L,
+      {
+        theme: y,
+        align: C,
+        customClass: "-hint",
+        iconColor: "#03bde2",
+        iconSize: 16,
+        style: { margin: "0px 5px", height: "auto", width: 20 },
+        children: c
+      }
+    )
+  ] });
+};
+export {
+  B as default
 };
-Radio.displayName = 'Radio';
-var _default = exports.default = Radio;

package/lib/radio/radio.spec.d.ts

@@ -0,0 +1 @@
+export {};