meticulous-ui 3.7.6 → 3.7.7

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

@@ -1,9 +1,9 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("react/jsx-runtime"),E=require("react"),h=require("styled-components"),H=require("../../../colors/white.cjs"),s=require("../../../colors/grey.cjs"),S=require("../../../colors/black.cjs"),v=require("../../../colors/red.cjs"),G=require("../../../colors/blue.cjs"),J=require("../../../colors/green.cjs"),K=require("../../../colors/yellow.cjs"),N=require("../../../colors/orange.cjs"),Q=require("../../../colors/violet.cjs"),T=require("../../../colors/teal.cjs"),U=require("../../../colors/purple.cjs"),V=require("../../../colors/pink.cjs"),X=require("../../Icons/iconsMap.cjs"),j=require("../Textarea/SvgIcon.cjs"),Y=e=>e&&e.__esModule?e:{default:e},i=Y(h),Z={blue:G.blue.m500,red:v.default.m500,green:J.default.m500,yellow:K.default.m500,orange:N.default.m500,black:S.black.m500,grey:s.default.m500,violet:Q.default.m500,teal:T.default.m500,purple:U.default.m500,pink:V.default.m500},ee=e=>Z[e]??s.default.m500,_=e=>X.default[e]??null,$=({$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,te=({$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",re=i.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=>U[e]??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:e})=>e?v.default.m400:S.black.m200};
-  padding: ${te};
+  padding: ${X};
   font-weight: 400;
   transition: border-color 0.3s ease;
   background-color: ${({$background:e})=>e} !important;
@@ -31,26 +31,26 @@
       ${({$shade:e,$hasError:t})=>$({$shade:e,$hasError:t,$isFocused:!0})};
     outline: none;
   }
-`,oe=i.default.p`
+`,Z=i.default.p`
   margin-top: 0.64rem;
   margin-left: 0.64rem;
   font-size: 1.28rem;
   color: ${$};
-`,ne=i.default.div`
+`,ee=i.default.div`
   position: relative;
   width: fit-content;
-`,ie=i.default.div`
+`,te=i.default.div`
   position: absolute;
   top: 1.28rem;
   left: 0.96rem;
-`,se=i.default.div`
+`,re=i.default.div`
   position: absolute;
   top: 1.28rem;
   right: 0.96rem;
 `;i.default.div`
   position: relative;
   width: 100%;
-`;const ue=i.default.div`
+`;const oe=i.default.div`
   position: absolute;
   top: -0.64rem;
   left: 0.8rem;
@@ -73,4 +73,4 @@
           left: ${({$hasLeftIcon:o})=>o?3.52:.8}rem;
           font-size: 2.24rem;
         `}
-`,le=({label:e,onChange:t,value:r,type:o,hasError:a,name:k="input",color:z="blue",size:C="20",disableAutoComplete:F,helperText:c="",background:q="transparent",outerBackground:M=H.default,leftIcon:R,rightIcon:B,placeholder:d,...P})=>{const[u,w]=E.useState(!1),f=ee(z),L=()=>w(!0),O=()=>w(!1),W=D=>{t(D)},x={color:s.default.m500,size:22},m=_(R),p=_(B),g=!!m,I=!!p,l=a,A=q,b=`input-${k}`,y=c?`${b}-helper`:void 0;return n.jsxs(ne,{children:[n.jsx(re,{type:o,name:k,$hasError:l,size:C,value:r,$isFocused:u,$shade:f,$background:A,$hasLeftIcon:g,$hasRightIcon:I,id:b,"aria-invalid":l?!0:void 0,"aria-describedby":y,onFocus:L,onBlur:O,onChange:W,autoComplete:F?"off":"on",...P}),m&&n.jsx(ie,{"aria-hidden":"true",children:n.jsx(j.default,{svgIcon:m,iconStyles:x})}),p&&n.jsx(se,{"aria-hidden":"true",children:n.jsx(j.default,{svgIcon:p,iconStyles:x})}),(e||d&&!r)&&n.jsx(ue,{as:"label",htmlFor:b,$hasError:l,$isFocused:u,$shade:f,value:r,$outerBackground:u||r?M:q,$hasLeftIcon:g,$hasRightIcon:I,$onlyPh:d&&!e,children:e||d}),c&&n.jsx(oe,{id:y,$hasError:l,$isFocused:u,$shade:f,$hasLeftIcon:g,children:c})]})};exports.default=le;
+`,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/Textarea/Textarea.cjs

@@ -1,7 +1,7 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),_=require("react"),V=require("../../../colors/white.cjs"),i=require("../../../colors/grey.cjs"),C=require("./SvgIcon.cjs"),a=require("styled-components"),M=require("../../../colors/black.cjs"),v=require("../../../colors/red.cjs"),X=require("../../../colors/blue.cjs"),Y=require("../../../colors/green.cjs"),Z=require("../../../colors/yellow.cjs"),ee=require("../../../colors/orange.cjs"),te=require("../../../colors/violet.cjs"),oe=require("../../../colors/teal.cjs"),re=require("../../../colors/purple.cjs"),ne=require("../../../colors/pink.cjs"),se=require("../../Icons/iconsMap.cjs"),ie=e=>e&&e.__esModule?e:{default:e},s=ie(a),ae={blue:X.blue.m500,red:v.default.m500,green:Y.default.m500,yellow:Z.default.m500,orange:ee.default.m500,black:M.black.m500,grey:i.default.m500,violet:te.default.m500,teal:oe.default.m500,purple:re.default.m500,pink:ne.default.m500},le=e=>ae[e]??i.default.m500,F=e=>se.default[e]??null,$=({$hasError:e,$shade:r,$isFocused:t,value:l,$onlyPh:d})=>e?typeof l=="string"&&!l&&!t?i.default.m500:v.default.m400:t&&!d?r:i.default.m500,ce=s.default.textarea`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("react/jsx-runtime"),F=require("react"),K=require("../../../colors/white.cjs"),i=require("../../../colors/grey.cjs"),R=require("./SvgIcon.cjs"),a=require("styled-components"),I=require("../../../colors/black.cjs"),v=require("../../../colors/red.cjs"),Q=require("../../../colors/blue.cjs"),U=require("../../../colors/green.cjs"),V=require("../../../colors/yellow.cjs"),X=require("../../../colors/orange.cjs"),Y=require("../../../colors/violet.cjs"),Z=require("../../../colors/teal.cjs"),ee=require("../../../colors/purple.cjs"),te=require("../../../colors/pink.cjs"),re=e=>e&&e.__esModule?e:{default:e},s=re(a),oe={blue:Q.blue.m500,red:v.default.m500,green:U.default.m500,yellow:V.default.m500,orange:X.default.m500,black:I.black.m500,grey:i.default.m500,violet:Y.default.m500,teal:Z.default.m500,purple:ee.default.m500,pink:te.default.m500},ne=e=>oe[e]??i.default.m500,$=({$hasError:e,$shade:o,$isFocused:t,value:l,$onlyPh:c})=>e?typeof l=="string"&&!l&&!t?i.default.m500:v.default.m400:t&&!c?o:i.default.m500,se=s.default.textarea`
   border-radius: 0.64rem;
   font-size: 2.24rem;
-  border: 2px solid ${({$hasError:e})=>e?v.default.m400:M.black.m200};
+  border: 2px solid ${({$hasError:e})=>e?v.default.m400:I.black.m200};
   padding: 0.96rem;
   font-weight: 400;
   transition: border-color 0.3s ease;
@@ -36,18 +36,18 @@
 
   &:focus {
     border: 2px solid
-      ${({$shade:e,$hasError:r})=>$({$shade:e,$hasError:r,$isFocused:!0})};
+      ${({$shade:e,$hasError:o})=>$({$shade:e,$hasError:o,$isFocused:!0})};
     outline: none;
   }
-`,ue=s.default.p`
+`,ie=s.default.p`
   margin-top: 0.64rem;
   margin-left: 0.64rem;
   font-size: 1.28rem;
   color: ${$};
-`,de=s.default.div`
+`,ae=s.default.div`
   position: relative;
   width: fit-content;
-`,fe=s.default.div`
+`,le=s.default.div`
   position: absolute;
   top: -0.64rem;
   left: 0.8rem;
@@ -66,7 +66,7 @@
   max-width: -webkit-fill-available; /* Chrome, Safari, Edge */
   max-width: stretch; /* Modern Standard */
 
-  ${({$isFocused:e,$value:r,$onlyPh:t})=>!t&&(e||r)?a.css`
+  ${({$isFocused:e,$value:o,$onlyPh:t})=>!t&&(e||o)?a.css`
           top: -0.64rem;
           left: 0.8rem;
           padding: 0 0.64rem;
@@ -76,14 +76,14 @@
           left: 0.8rem;
           font-size: 2.24rem;
         `}
-`,me=s.default.div`
+`,de=s.default.div`
   overflow: hidden;
-`,he=s.default.div`
+`,ue=s.default.div`
   position: absolute;
   top: 1.28rem;
   left: 0.96rem;
-`,pe=s.default.div`
+`,ce=s.default.div`
   position: absolute;
   top: 1.28rem;
   right: 0.96rem;
-`,ge=({label:e,onChange:r,value:t,type:l,hasError:d,name:k="textarea",color:H="blue",helperText:f="",background:q="transparent",outerBackground:B=V.default,isDynamic:y,isResizeNone:L,rows:O="2",cols:P="20",leftIcon:A,rightIcon:E,placeholder:m,...T})=>{const[c,I]=_.useState(!1),h=le(H),p=_.useRef(null),W=n=>{n.style.height="";const R=n.scrollHeight-n.clientHeight;if(R>0){const U=parseFloat(window.getComputedStyle(n).height);n.style.height=`${U+R}px`}},D=()=>I(!0),N=()=>I(!1),G=n=>{y&&p.current&&W(p.current),r(n)},j={color:i.default.m500,size:20},g=F(A),b=F(E),x=!!g,z=!!b,u=d,J=y,K=q,Q={rows:O},w=`textarea-${k}`,S=f?`${w}-helper`:void 0;return o.jsxs(de,{children:[o.jsx(ce,{type:l,name:k,$hasError:u,value:t,$isFocused:c,$shade:h,$isDynamic:J,$background:K,cols:P,$hasLeftIcon:x,$hasRightIcon:z,$isResizeNone:L,...Q,id:w,"aria-invalid":u?!0:void 0,"aria-describedby":S,ref:p,onFocus:D,onBlur:N,onChange:G,...T}),g&&o.jsx(he,{"aria-hidden":"true",style:{top:"1.2rem",transform:"none"},children:o.jsx(C.default,{svgIcon:g,iconStyles:j})}),b&&o.jsx(pe,{"aria-hidden":"true",style:{top:"1.2rem",transform:"none"},children:o.jsx(C.default,{svgIcon:b,iconStyles:j})}),o.jsxs(me,{children:[(e||m&&!t)&&o.jsx(fe,{as:"label",htmlFor:w,$hasError:u,$isFocused:c,$shade:h,$value:t,$outerBackground:c||t?B:q,$hasLeftIcon:x,$hasRightIcon:z,$onlyPh:m&&!e,children:e||m}),f&&o.jsx(ue,{id:S,$hasError:u,$isFocused:c,$shade:h,$hasLeftIcon:x,children:f})]})]})};exports.default=ge;
+`,fe=({label:e,onChange:o,value:t,type:l,hasError:c,name:k="textarea",color:H="blue",helperText:f="",background:q="transparent",outerBackground:M=K.default,isDynamic:y,isResizeNone:B,rows:L="2",cols:O="20",leftIcon:m,rightIcon:h,placeholder:p,...P})=>{const[d,j]=F.useState(!1),g=ne(H),b=F.useRef(null),A=n=>{n.style.height="";const C=n.scrollHeight-n.clientHeight;if(C>0){const J=parseFloat(window.getComputedStyle(n).height);n.style.height=`${J+C}px`}},E=()=>j(!0),T=()=>j(!1),W=n=>{y&&b.current&&A(b.current),o(n)},z={color:i.default.m500,size:20},x=!!m,S=!!h,u=c,D=y,N=q,G={rows:L},w=`textarea-${k}`,_=f?`${w}-helper`:void 0;return r.jsxs(ae,{children:[r.jsx(se,{type:l,name:k,$hasError:u,value:t,$isFocused:d,$shade:g,$isDynamic:D,$background:N,cols:O,$hasLeftIcon:x,$hasRightIcon:S,$isResizeNone:B,...G,id:w,"aria-invalid":u?!0:void 0,"aria-describedby":_,ref:b,onFocus:E,onBlur:T,onChange:W,...P}),m&&r.jsx(ue,{"aria-hidden":"true",style:{top:"1.2rem",transform:"none"},children:r.jsx(R.default,{svgIcon:m,iconStyles:z})}),h&&r.jsx(ce,{"aria-hidden":"true",style:{top:"1.2rem",transform:"none"},children:r.jsx(R.default,{svgIcon:h,iconStyles:z})}),r.jsxs(de,{children:[(e||p&&!t)&&r.jsx(le,{as:"label",htmlFor:w,$hasError:u,$isFocused:d,$shade:g,$value:t,$outerBackground:d||t?M:q,$hasLeftIcon:x,$hasRightIcon:S,$onlyPh:p&&!e,children:e||p}),f&&r.jsx(ie,{id:_,$hasError:u,$isFocused:d,$shade:g,$hasLeftIcon:x,children:f})]})]})};exports.default=fe;

package/components/Input/Input/Input.js

@@ -1,38 +1,37 @@
-import { jsxs as D, jsx as n } from "react/jsx-runtime";
-import { useState as q } from "react";
-import i, { css as z } from "styled-components";
-import G from "../../../colors/white.js";
-import s from "../../../colors/grey.js";
-import { black as S } from "../../../colors/black.js";
-import b from "../../../colors/red.js";
-import { blue as J } from "../../../colors/blue.js";
-import K from "../../../colors/green.js";
-import N from "../../../colors/yellow.js";
-import Q from "../../../colors/orange.js";
-import U from "../../../colors/violet.js";
-import V from "../../../colors/teal.js";
-import X from "../../../colors/purple.js";
-import Y from "../../../colors/pink.js";
-import Z from "../../Icons/iconsMap.js";
-import C from "../Textarea/SvgIcon.js";
-const T = {
-  blue: J.m500,
-  red: b.m500,
-  green: K.m500,
-  yellow: N.m500,
-  orange: Q.m500,
-  black: S.m500,
-  grey: s.m500,
-  violet: U.m500,
-  teal: V.m500,
-  purple: X.m500,
-  pink: Y.m500
-}, oo = (o) => T[o] ?? s.m500, F = (o) => Z[o] ?? null, $ = ({ $hasError: o, $shade: r, $isFocused: t, value: e, $onlyPh: l }) => o ? typeof e == "string" && !e && !t ? s.m500 : b.m400 : t && !l ? r : s.m500, ro = ({ $hasLeftIcon: o, $hasRightIcon: r }) => o && r ? "0 3.84rem" : o ? "0 0.96rem 0 3.84rem" : r ? "0 3.84rem 0 0.96rem" : "0 0.96rem", to = i.input`
+import { jsxs as R, jsx as i } from "react/jsx-runtime";
+import { useState as _ } from "react";
+import n, { css as C } from "styled-components";
+import D from "../../../colors/white.js";
+import m from "../../../colors/grey.js";
+import { black as F } from "../../../colors/black.js";
+import h from "../../../colors/red.js";
+import { blue as M } from "../../../colors/blue.js";
+import q from "../../../colors/green.js";
+import G from "../../../colors/yellow.js";
+import J from "../../../colors/orange.js";
+import K from "../../../colors/violet.js";
+import N from "../../../colors/teal.js";
+import Q from "../../../colors/purple.js";
+import U from "../../../colors/pink.js";
+import I from "../Textarea/SvgIcon.js";
+const V = {
+  blue: M.m500,
+  red: h.m500,
+  green: q.m500,
+  yellow: G.m500,
+  orange: J.m500,
+  black: F.m500,
+  grey: m.m500,
+  violet: K.m500,
+  teal: N.m500,
+  purple: Q.m500,
+  pink: U.m500
+}, X = (o) => V[o] ?? m.m500, $ = ({ $hasError: o, $shade: r, $isFocused: e, value: t, $onlyPh: l }) => o ? typeof t == "string" && !t && !e ? m.m500 : h.m400 : e && !l ? r : m.m500, Y = ({ $hasLeftIcon: o, $hasRightIcon: r }) => o && r ? "0 3.84rem" : o ? "0 0.96rem 0 3.84rem" : r ? "0 3.84rem 0 0.96rem" : "0 0.96rem", Z = n.input`
   height: 4.8rem;
   border-radius: 0.64rem;
   font-size: 2.24rem;
-  border: 2px solid ${({ $hasError: o }) => o ? b.m400 : S.m200};
-  padding: ${ro};
+  border: 2px solid ${({ $hasError: o }) => o ? h.m400 : F.m200};
+  padding: ${Y};
   font-weight: 400;
   transition: border-color 0.3s ease;
   background-color: ${({ $background: o }) => o} !important;
@@ -48,7 +47,7 @@ const T = {
   }
 
   &::placeholder {
-    color: ${s.m500};
+    color: ${m.m500};
     font-weight: 300;
     font-size: 2.24rem;
     background-color: ${({ $background: o }) => o};
@@ -60,28 +59,28 @@ const T = {
       ${({ $shade: o, $hasError: r }) => $({ $shade: o, $hasError: r, $isFocused: !0 })};
     outline: none;
   }
-`, eo = i.p`
+`, T = n.p`
   margin-top: 0.64rem;
   margin-left: 0.64rem;
   font-size: 1.28rem;
   color: ${$};
-`, no = i.div`
+`, oo = n.div`
   position: relative;
   width: fit-content;
-`, io = i.div`
+`, ro = n.div`
   position: absolute;
   top: 1.28rem;
   left: 0.96rem;
-`, so = i.div`
+`, eo = n.div`
   position: absolute;
   top: 1.28rem;
   right: 0.96rem;
 `;
-i.div`
+n.div`
   position: relative;
   width: 100%;
 `;
-const mo = i.div`
+const to = n.div`
   position: absolute;
   top: -0.64rem;
   left: 0.8rem;
@@ -94,82 +93,82 @@ const mo = i.div`
   pointer-events: none;
   color: ${$};
 
-  ${({ $isFocused: o, value: r, $onlyPh: t }) => !t && (o || r) ? z`
+  ${({ $isFocused: o, value: r, $onlyPh: e }) => !e && (o || r) ? C`
           top: -0.64rem;
-          left: ${({ $hasLeftIcon: e }) => e ? 3.52 : 0.8}rem;
+          left: ${({ $hasLeftIcon: t }) => t ? 3.52 : 0.8}rem;
           padding: 0 0.64rem;
           margin: 0;
-        ` : z`
+        ` : C`
           top: 1.28rem;
-          left: ${({ $hasLeftIcon: e }) => e ? 3.52 : 0.8}rem;
+          left: ${({ $hasLeftIcon: t }) => t ? 3.52 : 0.8}rem;
           font-size: 2.24rem;
         `}
-`, Co = ({
+`, ko = ({
   label: o,
   onChange: r,
-  value: t,
-  type: e,
+  value: e,
+  type: t,
   hasError: l,
   name: v = "input",
-  color: B = "blue",
-  size: R = "20",
+  color: S = "blue",
+  size: B = "20",
   disableAutoComplete: L,
-  helperText: a = "",
+  helperText: p = "",
   background: w = "transparent",
-  outerBackground: P = G,
-  leftIcon: W,
-  rightIcon: j,
-  placeholder: p,
-  ...A
+  outerBackground: P = D,
+  leftIcon: d,
+  rightIcon: c,
+  placeholder: u,
+  ...W
 }) => {
-  const [m, k] = q(!1), d = oo(B), E = () => k(!0), H = () => k(!1), M = (_) => {
-    r(_);
-  }, I = { color: s.m500, size: 22 }, f = F(W), u = F(j), g = !!f, x = !!u, c = l, O = w, h = `input-${v}`, y = a ? `${h}-helper` : void 0;
-  return /* @__PURE__ */ D(no, { children: [
-    /* @__PURE__ */ n(
-      to,
+  const [s, k] = _(!1), f = X(S), j = () => k(!0), A = () => k(!1), E = (O) => {
+    r(O);
+  }, x = { color: m.m500, size: 22 }, g = !!d, y = !!c, a = l, H = w, b = `input-${v}`, z = p ? `${b}-helper` : void 0;
+  return /* @__PURE__ */ R(oo, { children: [
+    /* @__PURE__ */ i(
+      Z,
       {
-        type: e,
+        type: t,
         name: v,
-        $hasError: c,
-        size: R,
-        value: t,
-        $isFocused: m,
-        $shade: d,
-        $background: O,
+        $hasError: a,
+        size: B,
+        value: e,
+        $isFocused: s,
+        $shade: f,
+        $background: H,
         $hasLeftIcon: g,
-        $hasRightIcon: x,
-        id: h,
-        "aria-invalid": c ? !0 : void 0,
-        "aria-describedby": y,
-        onFocus: E,
-        onBlur: H,
-        onChange: M,
+        $hasRightIcon: y,
+        id: b,
+        "aria-invalid": a ? !0 : void 0,
+        "aria-describedby": z,
+        onFocus: j,
+        onBlur: A,
+        onChange: E,
         autoComplete: L ? "off" : "on",
-        ...A
+        ...W
       }
     ),
-    f && /* @__PURE__ */ n(io, { "aria-hidden": "true", children: /* @__PURE__ */ n(C, { svgIcon: f, iconStyles: I }) }),
-    u && /* @__PURE__ */ n(so, { "aria-hidden": "true", children: /* @__PURE__ */ n(C, { svgIcon: u, iconStyles: I }) }),
-    (o || p && !t) && /* @__PURE__ */ n(
-      mo,
+    d && /* @__PURE__ */ i(ro, { "aria-hidden": "true", children: /* @__PURE__ */ i(I, { svgIcon: d, iconStyles: x }) }),
+    c && /* @__PURE__ */ i(eo, { "aria-hidden": "true", children: /* @__PURE__ */ i(I, { svgIcon: c, iconStyles: x }) }),
+    (o || u && !e) && /* @__PURE__ */ i(
+      to,
       {
         as: "label",
-        htmlFor: h,
-        $hasError: c,
-        $isFocused: m,
-        $shade: d,
-        value: t,
-        $outerBackground: m || t ? P : w,
+        htmlFor: b,
+        $hasError: a,
+        $isFocused: s,
+        $shade: f,
+        value: e,
+        $outerBackground: s || e ? P : w,
         $hasLeftIcon: g,
-        $hasRightIcon: x,
-        $onlyPh: p && !o,
-        children: o || p
+        $hasRightIcon: y,
+        $onlyPh: u && !o,
+        children: o || u
       }
     ),
-    a && /* @__PURE__ */ n(eo, { id: y, $hasError: c, $isFocused: m, $shade: d, $hasLeftIcon: g, children: a })
+    p && /* @__PURE__ */ i(T, { id: z, $hasError: a, $isFocused: s, $shade: f, $hasLeftIcon: g, children: p })
   ] });
 };
 export {
-  Co as default
+  ko as default
 };