meticulous-ui 3.7.11 → 3.7.13

package/cjs/components/Input/Input/Input.cjs

@@ -1,83 +1,12 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const styled = require("styled-components");
-const white = require("../../../colors/white.cjs");
-const grey = require("../../../colors/grey.cjs");
-const black = require("../../../colors/black.cjs");
-const red = require("../../../colors/red.cjs");
-const blue = require("../../../colors/blue.cjs");
-const green = require("../../../colors/green.cjs");
-const yellow = require("../../../colors/yellow.cjs");
-const orange = require("../../../colors/orange.cjs");
-const violet = require("../../../colors/violet.cjs");
-const teal = require("../../../colors/teal.cjs");
-const purple = require("../../../colors/purple.cjs");
-const pink = require("../../../colors/pink.cjs");
-const SvgIcon = require("../Textarea/SvgIcon.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const COLOR_SHADE_MAP = {
-  blue: blue.blue.m500,
-  red: red.default.m500,
-  green: green.default.m500,
-  yellow: yellow.default.m500,
-  orange: orange.default.m500,
-  black: black.black.m500,
-  grey: grey.default.m500,
-  violet: violet.default.m500,
-  teal: teal.default.m500,
-  purple: purple.default.m500,
-  pink: pink.default.m500
-};
-const getColor = (clr) => {
-  var _a;
-  return (_a = COLOR_SHADE_MAP[clr]) != null ? _a : grey.default.m500;
-};
-const getCssShade = ({
-  $hasError,
-  $shade,
-  $isFocused,
-  value,
-  $onlyPh
-}) => {
-  if ($hasError) {
-    return typeof value === "string" && !value && !$isFocused ? grey.default.m500 : red.default.m400;
-  }
-  if ($isFocused && !$onlyPh) {
-    return $shade;
-  }
-  return grey.default.m500;
-};
-const getPadding = ({
-  $hasLeftIcon,
-  $hasRightIcon
-}) => {
-  if ($hasLeftIcon && $hasRightIcon) {
-    return "0 3.84rem";
-  }
-  if ($hasLeftIcon) {
-    return "0 0.96rem 0 3.84rem";
-  }
-  if ($hasRightIcon) {
-    return "0 3.84rem 0 0.96rem";
-  }
-  return "0 0.96rem";
-};
-const InputBox = styled__default.default.input`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),W=require("react"),h=require("styled-components"),A=require("../../../colors/white.cjs"),s=require("../../../colors/grey.cjs"),S=require("../../../colors/black.cjs"),v=require("../../../colors/red.cjs"),D=require("../../../colors/blue.cjs"),E=require("../../../colors/green.cjs"),H=require("../../../colors/yellow.cjs"),G=require("../../../colors/orange.cjs"),J=require("../../../colors/violet.cjs"),K=require("../../../colors/teal.cjs"),N=require("../../../colors/purple.cjs"),Q=require("../../../colors/pink.cjs"),_=require("../Textarea/SvgIcon.cjs"),T=e=>e&&e.__esModule?e:{default:e},i=T(h),U={blue:D.blue.m500,red:v.default.m500,green:E.default.m500,yellow:H.default.m500,orange:G.default.m500,black:S.black.m500,grey:s.default.m500,violet:J.default.m500,teal:K.default.m500,purple:N.default.m500,pink:Q.default.m500},V=e=>{var t;return(t=U[e])!=null?t:s.default.m500},$=({$hasError:e,$shade:t,$isFocused:r,value:o,$onlyPh:a})=>e?typeof o=="string"&&!o&&!r?s.default.m500:v.default.m400:r&&!a?t:s.default.m500,X=({$hasLeftIcon:e,$hasRightIcon:t})=>e&&t?"0 3.84rem":e?"0 0.96rem 0 3.84rem":t?"0 3.84rem 0 0.96rem":"0 0.96rem",Y=i.default.input`
   height: 4.8rem;
   border-radius: 0.64rem;
   font-size: 2.24rem;
-  border: 2px solid ${({
-  $hasError
-}) => $hasError ? red.default.m400 : black.black.m200};
-  padding: ${getPadding};
+  border: 2px solid ${({$hasError:e})=>e?v.default.m400:S.black.m200};
+  padding: ${X};
   font-weight: 400;
   transition: border-color 0.3s ease;
-  background-color: ${({
-  $background
-}) => $background} !important;
+  background-color: ${({$background:e})=>e} !important;
   overflow: hidden;
 
   &:-webkit-autofill,
@@ -90,152 +19,58 @@ const InputBox = styled__default.default.input`
   }
 
   &::placeholder {
-    color: ${grey.default.m500};
+    color: ${s.default.m500};
     font-weight: 300;
     font-size: 2.24rem;
-    background-color: ${({
-  $background
-}) => $background};
+    background-color: ${({$background:e})=>e};
     pointer-events: none;
   }
 
   &:focus {
     border: 2px solid
-      ${({
-  $shade,
-  $hasError
-}) => getCssShade({
-  $shade,
-  $hasError,
-  $isFocused: true
-})};
+      ${({$shade:e,$hasError:t})=>$({$shade:e,$hasError:t,$isFocused:!0})};
     outline: none;
   }
-`;
-const HelperText = styled__default.default.p`
+`,Z=i.default.p`
   margin-top: 0.64rem;
   margin-left: 0.64rem;
   font-size: 1.28rem;
-  color: ${getCssShade};
-`;
-const Wrapper = styled__default.default.div`
+  color: ${$};
+`,ee=i.default.div`
   position: relative;
   width: fit-content;
-`;
-const LeftIconWrapper = styled__default.default.div`
+`,te=i.default.div`
   position: absolute;
   top: 1.28rem;
   left: 0.96rem;
-`;
-const RightIconWrapper = styled__default.default.div`
+`,re=i.default.div`
   position: absolute;
   top: 1.28rem;
   right: 0.96rem;
-`;
-styled__default.default.div`
+`;i.default.div`
   position: relative;
   width: 100%;
-`;
-const Label = styled__default.default.div`
+`;const oe=i.default.div`
   position: absolute;
   top: -0.64rem;
   left: 0.8rem;
   font-size: 1.28rem;
-  background-color: ${({
-  $outerBackground
-}) => $outerBackground};
+  background-color: ${({$outerBackground:e})=>e};
   border-radius: 0.64rem;
   margin: 0 0.64rem;
   transition: 0.25s;
   font-weight: 400;
   pointer-events: none;
-  color: ${getCssShade};
+  color: ${$};
 
-  ${({
-  $isFocused,
-  value,
-  $onlyPh
-}) => !$onlyPh && ($isFocused || value) ? /*@__PURE__*/styled.css`
+  ${({$isFocused:e,value:t,$onlyPh:r})=>!r&&(e||t)?h.css`
           top: -0.64rem;
-          left: ${({
-  $hasLeftIcon
-}) => $hasLeftIcon ? 3.52 : 0.8}rem;
+          left: ${({$hasLeftIcon:o})=>o?3.52:.8}rem;
           padding: 0 0.64rem;
           margin: 0;
-        ` : /*@__PURE__*/styled.css`
+        `:h.css`
           top: 1.28rem;
-          left: ${({
-  $hasLeftIcon
-}) => $hasLeftIcon ? 3.52 : 0.8}rem;
+          left: ${({$hasLeftIcon:o})=>o?3.52:.8}rem;
           font-size: 2.24rem;
         `}
-`;
-const Input = ({
-  label,
-  onChange,
-  value,
-  type,
-  hasError,
-  name = "input",
-  color = "blue",
-  size = "20",
-  disableAutoComplete,
-  helperText = "",
-  background = "transparent",
-  outerBackground = white.default,
-  leftIcon,
-  rightIcon,
-  placeholder,
-  ...params
-}) => {
-  const [$isFocused, setIsFocused] = react.useState(false);
-  const $shade = getColor(color);
-  const handleFocus = () => setIsFocused(true);
-  const handleBlur = () => setIsFocused(false);
-  const handleChange = (e) => {
-    onChange(e);
-  };
-  const iconStyles = {
-    color: grey.default.m500,
-    size: 22
-  };
-  const $hasLeftIcon = !!leftIcon;
-  const $hasRightIcon = !!rightIcon;
-  const $hasError = hasError;
-  const $background = background;
-  const inputId = `input-${name}`;
-  const helperId = helperText ? `${inputId}-helper` : void 0;
-  return /* @__PURE__ */ jsxRuntime.jsxs(Wrapper, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(InputBox, { ...{
-      type,
-      name,
-      $hasError,
-      size,
-      value,
-      $isFocused,
-      $shade,
-      $background,
-      $hasLeftIcon,
-      $hasRightIcon
-    }, id: inputId, "aria-invalid": $hasError ? true : void 0, "aria-describedby": helperId, onFocus: handleFocus, onBlur: handleBlur, onChange: handleChange, autoComplete: disableAutoComplete ? "off" : "on", ...params }),
-    leftIcon && /* @__PURE__ */ jsxRuntime.jsx(LeftIconWrapper, { "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon.default, { svgIcon: leftIcon, iconStyles }) }),
-    rightIcon && /* @__PURE__ */ jsxRuntime.jsx(RightIconWrapper, { "aria-hidden": "true", children: /* @__PURE__ */ jsxRuntime.jsx(SvgIcon.default, { svgIcon: rightIcon, iconStyles }) }),
-    (label || placeholder && !value) && /* @__PURE__ */ jsxRuntime.jsx(Label, { as: "label", htmlFor: inputId, ...{
-      $hasError,
-      $isFocused,
-      $shade,
-      value,
-      $outerBackground: $isFocused || !!value ? outerBackground : background,
-      $hasLeftIcon,
-      $hasRightIcon,
-      $onlyPh: placeholder && !label
-    }, children: label || placeholder }),
-    helperText && /* @__PURE__ */ jsxRuntime.jsx(HelperText, { id: helperId, ...{
-      $hasError,
-      $isFocused,
-      $shade,
-      $hasLeftIcon
-    }, children: helperText })
-  ] });
-};
-exports.default = Input;
+`,ne=({label:e,onChange:t,value:r,type:o,hasError:a,name:k="input",color:z="blue",size:C="20",disableAutoComplete:I,helperText:d="",background:q="transparent",outerBackground:F=A.default,leftIcon:c,rightIcon:f,placeholder:m,...B})=>{const[u,w]=W.useState(!1),p=V(z),M=()=>w(!0),P=()=>w(!1),L=R=>{t(R)},x={color:s.default.m500,size:22},g=!!c,y=!!f,l=a,O=q,b=`input-${k}`,j=d?`${b}-helper`:void 0;return n.jsxs(ee,{children:[n.jsx(Y,{type:o,name:k,$hasError:l,size:C,value:r,$isFocused:u,$shade:p,$background:O,$hasLeftIcon:g,$hasRightIcon:y,id:b,"aria-invalid":l?!0:void 0,"aria-describedby":j,onFocus:M,onBlur:P,onChange:L,autoComplete:I?"off":"on",...B}),c&&n.jsx(te,{"aria-hidden":"true",children:n.jsx(_.default,{svgIcon:c,iconStyles:x})}),f&&n.jsx(re,{"aria-hidden":"true",children:n.jsx(_.default,{svgIcon:f,iconStyles:x})}),(e||m&&!r)&&n.jsx(oe,{as:"label",htmlFor:b,$hasError:l,$isFocused:u,$shade:p,value:r,$outerBackground:u||r?F:q,$hasLeftIcon:g,$hasRightIcon:y,$onlyPh:m&&!e,children:e||m}),d&&n.jsx(Z,{id:j,$hasError:l,$isFocused:u,$shade:p,$hasLeftIcon:g,children:d})]})};exports.default=ne;

package/cjs/components/Input/Input/index.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const Input = require("./Input.cjs");
-exports.default = Input.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./Input.cjs");exports.default=e.default;

package/cjs/components/Input/Radio/Radio.cjs

@@ -1,13 +1,4 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const P = require("../../Typography/P/P.cjs");
-const blue = require("../../../colors/blue.cjs");
-const styled = require("styled-components");
-const grey = require("../../../colors/grey.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const Circle = styled__default.default.div`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),j=require("../../Typography/P/P.cjs"),p=require("../../../colors/blue.cjs"),a=require("styled-components"),f=require("../../../colors/grey.cjs"),_=e=>e&&e.__esModule?e:{default:e},s=_(a),v=s.default.div`
   position: absolute;
   width: 1.12rem;
   height: 1.12rem;
@@ -15,26 +6,18 @@ const Circle = styled__default.default.div`
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
-  background-color: ${({
-  $isSelected,
-  $shade
-}) => $isSelected ? $shade : "transparent"};
+  background-color: ${({$isSelected:e,$shade:t})=>e?t:"transparent"};
   transition: background-color 0.35s ease;
-`;
-const CircleBorder = styled__default.default.div`
+`,m=s.default.div`
   width: 1.76rem;
   height: 1.76rem;
-  border: 1px solid ${({
-  $isSelected,
-  $shade
-}) => $isSelected ? $shade : grey.default.m900};
+  border: 1px solid ${({$isSelected:e,$shade:t})=>e?t:f.default.m900};
   border-radius: 50%;
   position: relative;
   transition:
     border-color 0.5s ease,
     box-shadow 0.5s ease;
-`;
-const HiddenInput = styled__default.default.input`
+`,q=s.default.input`
   position: absolute;
   width: 1px;
   height: 1px;
@@ -44,54 +27,21 @@ const HiddenInput = styled__default.default.input`
   white-space: nowrap;
   opacity: 0;
   margin: 0;
-`;
-const Wrapper = styled__default.default.label`
+`,S=s.default.label`
   display: flex;
   align-items: center;
   gap: 1.28rem;
   width: max-content;
 
-  &:focus-within ${CircleBorder} {
-    box-shadow: 0 0 0 1px ${({
-  $focusShade
-}) => $focusShade || grey.default.m900};
+  &:focus-within ${m} {
+    box-shadow: 0 0 0 1px ${({$focusShade:e})=>e||f.default.m900};
   }
 
-  ${({
-  $disabled
-}) => $disabled ? /*@__PURE__*/styled.css`
+  ${({$disabled:e})=>e?a.css`
           pointer-events: none;
           opacity: 0.4;
           cursor: not-allowed;
-        ` : /*@__PURE__*/styled.css`
+        `:a.css`
           cursor: pointer;
         `}
-`;
-const Radio = ({
-  label,
-  value,
-  name,
-  color,
-  textColor,
-  isSelected,
-  disabled,
-  onChange,
-  ...rest
-}) => {
-  var _a, _b;
-  const innerShade = (_a = color == null ? void 0 : color.m500) != null ? _a : blue.blue.m500;
-  const outerShade = (_b = color == null ? void 0 : color.m800) != null ? _b : blue.blue.m800;
-  const changeHandler = () => onChange(value);
-  const handleKeyDown = (e) => {
-    if (e.key === "Enter") {
-      e.preventDefault();
-      if (!disabled) onChange(value);
-    }
-  };
-  return /* @__PURE__ */ jsxRuntime.jsxs(Wrapper, { $disabled: disabled, $focusShade: outerShade, ...rest, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(HiddenInput, { type: "radio", name, value, checked: isSelected, disabled, onChange: changeHandler, onKeyDown: handleKeyDown }),
-    /* @__PURE__ */ jsxRuntime.jsx(CircleBorder, { "aria-hidden": "true", $isSelected: isSelected, $shade: outerShade, children: /* @__PURE__ */ jsxRuntime.jsx(Circle, { $isSelected: isSelected, $shade: innerShade }) }),
-    /* @__PURE__ */ jsxRuntime.jsx(P.default, { color: textColor, size: "1.92rem", children: label })
-  ] });
-};
-exports.default = Radio;
+`,k=({label:e,value:t,name:b,color:r,textColor:x,isSelected:i,disabled:o,onChange:d,...w})=>{var l,c;const g=(l=r==null?void 0:r.m500)!=null?l:p.blue.m500,u=(c=r==null?void 0:r.m800)!=null?c:p.blue.m800,y=()=>d(t),$=h=>{h.key==="Enter"&&(h.preventDefault(),o||d(t))};return n.jsxs(S,{$disabled:o,$focusShade:u,...w,children:[n.jsx(q,{type:"radio",name:b,value:t,checked:i,disabled:o,onChange:y,onKeyDown:$}),n.jsx(m,{"aria-hidden":"true",$isSelected:i,$shade:u,children:n.jsx(v,{$isSelected:i,$shade:g})}),n.jsx(j.default,{color:x,size:"1.92rem",children:e})]})};exports.default=k;

package/cjs/components/Input/RadioGroup/RadioGroup.cjs

@@ -1,102 +1,14 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const PropTypes = require("prop-types");
-const Radio = require("../Radio/Radio.cjs");
-const styled = require("styled-components");
-const blue = require("../../../colors/blue.cjs");
-const green = require("../../../colors/green.cjs");
-const red = require("../../../colors/red.cjs");
-const yellow = require("../../../colors/yellow.cjs");
-const orange = require("../../../colors/orange.cjs");
-const black = require("../../../colors/black.cjs");
-const grey = require("../../../colors/grey.cjs");
-const violet = require("../../../colors/violet.cjs");
-const teal = require("../../../colors/teal.cjs");
-const purple = require("../../../colors/purple.cjs");
-const pink = require("../../../colors/pink.cjs");
-const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
-const PropTypes__default = /* @__PURE__ */ _interopDefault(PropTypes);
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
-const COLOR_SHADE_MAP = {
-  blue: blue.blue,
-  green: green.default,
-  red: red.default,
-  yellow: yellow.default,
-  orange: orange.default,
-  black: black.black,
-  grey: grey.default,
-  violet: violet.default,
-  teal: teal.default,
-  purple: purple.default,
-  pink: pink.default
-};
-const getColor = (clr) => {
-  var _a;
-  return (_a = COLOR_SHADE_MAP[clr]) != null ? _a : blue.blue.m500;
-};
-const Wrapper = styled__default.default.fieldset`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),m=require("react"),k=require("prop-types"),v=require("../Radio/Radio.cjs"),n=require("styled-components"),s=require("../../../colors/blue.cjs"),h=require("../../../colors/green.cjs"),w=require("../../../colors/red.cjs"),x=require("../../../colors/yellow.cjs"),j=require("../../../colors/orange.cjs"),O=require("../../../colors/black.cjs"),C=require("../../../colors/grey.cjs"),H=require("../../../colors/violet.cjs"),M=require("../../../colors/teal.cjs"),P=require("../../../colors/purple.cjs"),R=require("../../../colors/pink.cjs"),i=e=>e&&e.__esModule?e:{default:e},r=i(k),S=i(n),T={blue:s.blue,green:h.default,red:w.default,yellow:x.default,orange:j.default,black:O.black,grey:C.default,violet:H.default,teal:M.default,purple:P.default,pink:R.default},$=e=>{var t;return(t=T[e])!=null?t:s.blue.m500},z=S.default.fieldset`
   border: none;
   padding: 0;
   margin: 0;
   display: flex;
-  flex-direction: ${({
-  $isHorizonatal
-}) => $isHorizonatal ? "row" : "column"};
+  flex-direction: ${({$isHorizonatal:e})=>e?"row":"column"};
 
-  ${({
-  $isHorizonatal
-}) => $isHorizonatal ? /*@__PURE__*/styled.css`
+  ${({$isHorizonatal:e})=>e?n.css`
           flex-wrap: wrap;
           justify-content: space-between;
-        ` : /*@__PURE__*/styled.css`
+        `:n.css`
           gap: 1.92rem;
         `};
-`;
-const RadioGroup = ({
-  options,
-  color = "blue",
-  value,
-  onChange,
-  isHorizonatal,
-  label,
-  ariaLabel,
-  name,
-  ...rest
-}) => {
-  const shade = getColor(color);
-  const clickHandler = (val) => {
-    if (val !== value) {
-      onChange(val);
-    }
-  };
-  const renderOption = (opt) => /* @__PURE__ */ react.createElement(Radio.default, { ...opt, key: opt == null ? void 0 : opt.value, name, color: shade, isSelected: value === (opt == null ? void 0 : opt.value), onChange: clickHandler });
-  return /* @__PURE__ */ jsxRuntime.jsxs(Wrapper, { role: "radiogroup", "aria-label": !label ? ariaLabel : void 0, $isHorizonatal: isHorizonatal, ...rest, children: [
-    label && /* @__PURE__ */ jsxRuntime.jsx("legend", { children: label }),
-    options.map(renderOption)
-  ] });
-};
-RadioGroup.propTypes = {
-  /** Array of option objects, each with { value, label, disabled? } */
-  options: /* @__PURE__ */ PropTypes__default.default.arrayOf(/* @__PURE__ */ PropTypes__default.default.shape({
-    value: PropTypes__default.default.any,
-    label: PropTypes__default.default.string,
-    disabled: PropTypes__default.default.bool
-  })),
-  /** Currently selected value */
-  value: PropTypes__default.default.any,
-  /** Called with the selected value when a radio is clicked */
-  onChange: PropTypes__default.default.func,
-  /** Color theme key for the radio accent. Defaults to 'blue' */
-  color: PropTypes__default.default.string,
-  /** Renders options in a row when true */
-  isHorizonatal: PropTypes__default.default.bool,
-  /** Visible legend text for the radio group */
-  label: PropTypes__default.default.string,
-  /** Accessible label when no visible label is provided */
-  ariaLabel: PropTypes__default.default.string,
-  /** HTML name attribute shared by all radio inputs in the group */
-  name: PropTypes__default.default.string
-};
-exports.default = RadioGroup;
+`,d=({options:e,color:t="blue",value:u,onChange:c,isHorizonatal:f,label:a,ariaLabel:g,name:p,...b})=>{const q=$(t),y=l=>{l!==u&&c(l)},_=l=>m.createElement(v.default,{...l,key:l==null?void 0:l.value,name:p,color:q,isSelected:u===(l==null?void 0:l.value),onChange:y});return o.jsxs(z,{role:"radiogroup","aria-label":a?void 0:g,$isHorizonatal:f,...b,children:[a&&o.jsx("legend",{children:a}),e.map(_)]})};d.propTypes={options:r.default.arrayOf(r.default.shape({value:r.default.any,label:r.default.string,disabled:r.default.bool})),value:r.default.any,onChange:r.default.func,color:r.default.string,isHorizonatal:r.default.bool,label:r.default.string,ariaLabel:r.default.string,name:r.default.string};exports.default=d;

package/cjs/components/Input/RadioGroup/index.cjs

@@ -1,4 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const RadioGroup = require("./RadioGroup.cjs");
-exports.default = RadioGroup.default;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./RadioGroup.cjs");exports.default=e.default;

package/cjs/components/Input/Textarea/SvgIcon.cjs

@@ -1,16 +1 @@
-"use strict";
-Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
-const jsxRuntime = require("react/jsx-runtime");
-const react = require("react");
-const SvgIcon = ({
-  svgIcon,
-  iconStyles
-}) => {
-  if (!svgIcon) return null;
-  const Icon = svgIcon;
-  return /* @__PURE__ */ jsxRuntime.jsx(react.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx("div", { style: {
-    width: "1em",
-    height: "1em"
-  } }), children: /* @__PURE__ */ jsxRuntime.jsx(Icon, { ...iconStyles }) });
-};
-exports.default = SvgIcon;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("react/jsx-runtime"),u=require("react"),n=({svgIcon:t,iconStyles:r})=>{if(!t)return null;const s=t;return e.jsx(u.Suspense,{fallback:e.jsx("div",{style:{width:"1em",height:"1em"}}),children:e.jsx(s,{...r})})};exports.default=n;