@adam-milo/ui 1.0.69 → 1.0.70

package/dist/index17.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("./index68.cjs"),a=require("./index52.cjs"),s=require("./index53.cjs"),o=require("./index69.cjs"),l=require("./index61.cjs"),n=require("./index70.cjs"),i=r.forwardRef(({label:i,tooltip:d,error:c,helperText:u,fullWidth:x=!1,autoResize:h=!1,minRows:p=3,maxRows:m,showCharCount:g=!1,maxLength:v,validate:f=s.defaultValidation,onValidationChange:y,customHeader:b,customFooterActions:j,borderVariant:w,className:$,id:S,onChange:N,onBlur:C,required:q,value:M,"data-cy":R,"data-testid":E,...k},T)=>{const[B,F]=r.useState(),[L,I]=r.useState(!1),[V,_]=r.useState(!1),[H,P]=r.useState(0),W=r.useRef(!1),z=r.useRef(null),A=l.useMergedRef(T,z),O=r.useId(),D=S||O,G=`${D}-error`,J=`${D}-helper`,K=R||"textarea",Q=E||"textarea",U=i&&q&&!i.includes("*")?`${i} *`:i,X=r.useCallback(()=>{const e=z.current;if(!e||!h)return;e.style.height="auto";const r=window.getComputedStyle(e),t=parseInt(r.lineHeight)||22,a=parseInt(r.paddingTop)||0,s=parseInt(r.paddingBottom)||0,o=t*p+a+s,l=m?t*m+a+s:1/0,n=Math.min(Math.max(e.scrollHeight,o),l);e.style.height=`${n}px`},[h,p,m]);r.useEffect(()=>{X()},[M,X]);const Y=r.useMemo(()=>n.debounce(e=>{if(f&&W.current){const r=f(e);F(r),y?.(!r)}else null===f&&W.current&&(F(void 0),y?.(!0))},300),[f,y]),Z=r.useRef(Y);r.useEffect(()=>{Z.current=Y},[Y]),r.useEffect(()=>()=>{Z.current.cancel()},[]),r.useEffect(()=>{P((M||"").length)},[M]);const ee=e=>{const r=e.target.value;P(r.length),N?.(e),h&&X(),W.current&&Y(r)},re=e=>{I(!0),k.onFocus?.(e)},te=e=>{if(I(!1),W.current=!0,f){const r=f(e.target.value);F(r),y?.(!r)}C?.(e)},ae=()=>_(!0),se=()=>_(!1),oe=c||B,le=k.disabled?"disabled":oe?"error":L?"focus":V?"hover":"idle",ne=v&&H>v,ie=g||u&&!oe,de=(()=>{if(!w)return"";if("green-accent"===w){return`relative ${L||V?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),ce="green-accent"===w?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:L||V?"2px solid transparent":"1px solid transparent"}:{};return e.jsxs("div",{className:a.cn(o.wrapperStyles,$),"data-cy":`${K}-wrapper`,"data-testid":`${Q}-wrapper`,children:[b?e.jsx("div",{className:"w-full","data-cy":`${K}-custom-header`,children:b}):(i||d)&&e.jsxs("div",{className:o.labelRowStyles,children:[i&&e.jsx("label",{htmlFor:D,className:o.labelStyles,"data-cy":`${K}-label`,"data-testid":`${Q}-label`,children:U}),d&&e.jsx(t.Provider,{delayDuration:200,children:e.jsxs(t.Root,{children:[e.jsx(t.Trigger,{asChild:!0,children:e.jsx("button",{type:"button",className:o.tooltipTriggerStyles,"aria-label":"More information","data-cy":`${K}-tooltip-trigger`,"data-testid":`${Q}-tooltip-trigger`,children:e.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),e.jsx("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),e.jsx(t.Portal,{children:e.jsxs(t.Content,{className:o.tooltipContentStyles,side:"top",sideOffset:4,"data-cy":`${K}-tooltip-content`,"data-testid":`${Q}-tooltip-content`,children:[d,e.jsx(t.Arrow,{className:"fill-text"})]})})]})})]}),j?e.jsxs("div",{className:a.cn("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",de,oe&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:oe?void 0:ce,onMouseEnter:ae,onMouseLeave:se,children:[e.jsx("textarea",{ref:A,id:D,value:M,className:a.cn("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",M?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),"aria-invalid":oe?"true":"false","aria-required":q?"true":void 0,"aria-describedby":oe?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":le,onChange:ee,onFocus:re,onBlur:te,required:q,maxLength:v,rows:p,...k}),j]}):e.jsx("textarea",{ref:A,id:D,value:M,className:a.cn(o.textareaBaseStyles,oe&&o.textareaErrorStyles,!h&&"overflow-y-auto",de),"aria-invalid":oe?"true":"false","aria-required":q?"true":void 0,"aria-describedby":oe?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":le,onChange:ee,onFocus:re,onBlur:te,onMouseEnter:ae,onMouseLeave:se,required:q,maxLength:v,rows:h?void 0:p,...k}),!j&&e.jsxs(e.Fragment,{children:[oe&&e.jsx("span",{id:G,className:o.errorStyles,role:"alert","data-cy":`${K}-error`,"data-testid":`${Q}-error`,children:oe}),ie&&e.jsxs("div",{className:o.footerStyles,children:[u&&!oe&&e.jsx("span",{id:J,className:o.helperStyles,"data-cy":`${K}-helper`,"data-testid":`${Q}-helper`,children:u}),g&&e.jsxs("span",{className:a.cn(o.charCountStyles,ne&&o.charCountExceededStyles),"data-cy":`${K}-char-count`,"data-testid":`${Q}-char-count`,children:[H,v&&` / ${v}`]})]})]})]})});i.displayName="Textarea",exports.Textarea=i;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),t=require("./index68.cjs"),a=require("./index52.cjs"),s=require("./index53.cjs"),o=require("./index69.cjs"),d=require("./index61.cjs"),l=require("./index70.cjs"),n=r.forwardRef(({label:n,tooltip:i,error:c,helperText:u,fullWidth:x=!1,autoResize:h=!1,minRows:p=3,maxRows:v,showCharCount:g=!1,maxLength:m,validate:y=s.defaultValidation,onValidationChange:f,customHeader:b,customFooterActions:j,borderVariant:w,className:$,id:S,onChange:N,onBlur:C,required:q,value:M,"data-cy":R,"data-testid":E,...B},L)=>{const[k,F]=r.useState(),[T,I]=r.useState(!1),[V,_]=r.useState(!1),[H,P]=r.useState(0),W=r.useRef(!1),z=r.useRef(null),A=d.useMergedRef(L,z),O=r.useId(),D=S||O,G=`${D}-error`,J=`${D}-helper`,K=R||"textarea",Q=E||"textarea",U=n&&q&&!n.includes("*")?`${n} *`:n,X=r.useCallback(()=>{const e=z.current;if(!e||!h)return;e.style.height="auto";const r=window.getComputedStyle(e),t=parseInt(r.lineHeight)||22,a=parseInt(r.paddingTop)||0,s=parseInt(r.paddingBottom)||0,o=t*p+a+s,d=v?t*v+a+s:1/0,l=Math.min(Math.max(e.scrollHeight,o),d);e.style.height=`${l}px`},[h,p,v]);r.useEffect(()=>{X()},[M,X]);const Y=r.useMemo(()=>l.debounce(e=>{if(y&&W.current){const r=y(e);F(r),f?.(!r)}else null===y&&W.current&&(F(void 0),f?.(!0))},300),[y,f]),Z=r.useRef(Y);r.useEffect(()=>{Z.current=Y},[Y]),r.useEffect(()=>()=>{Z.current.cancel()},[]),r.useEffect(()=>{P((M||"").length)},[M]);const ee=e=>{const r=e.target.value;P(r.length),N?.(e),h&&X(),W.current&&Y(r)},re=e=>{I(!0),B.onFocus?.(e)},te=e=>{if(I(!1),W.current=!0,y){const r=y(e.target.value);F(r),f?.(!r)}C?.(e)},ae=()=>_(!0),se=()=>_(!1),oe=c||k,de=B.disabled?"disabled":oe?"error":T?"focus":V?"hover":"idle",le=m&&H>m,ne=g||u&&!oe,ie=(()=>{if(!w)return"";if("green-accent"===w){return`relative ${T||V?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),ce="green-accent"===w?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:T||V?"2px solid transparent":"1px solid transparent"}:{};return e.jsxs("div",{className:a.cn(o.wrapperStyles,$),"data-cy":`${K}-wrapper`,"data-testid":`${Q}-wrapper`,children:[b?e.jsx("div",{className:"w-full","data-cy":`${K}-custom-header`,children:b}):(n||i)&&e.jsxs("div",{className:o.labelRowStyles,children:[n&&e.jsx("label",{htmlFor:D,className:o.labelStyles,"data-cy":`${K}-label`,"data-testid":`${Q}-label`,children:U}),i&&e.jsx(t.Provider,{delayDuration:200,children:e.jsxs(t.Root,{children:[e.jsx(t.Trigger,{asChild:!0,children:e.jsx("button",{type:"button",className:o.tooltipTriggerStyles,"aria-label":"More information","data-cy":`${K}-tooltip-trigger`,"data-testid":`${Q}-tooltip-trigger`,children:e.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),e.jsx("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),e.jsx(t.Portal,{children:e.jsxs(t.Content,{className:o.tooltipContentStyles,side:"top",sideOffset:4,"data-cy":`${K}-tooltip-content`,"data-testid":`${Q}-tooltip-content`,children:[i,e.jsx(t.Arrow,{className:"fill-text"})]})})]})})]}),j?e.jsxs("div",{className:a.cn("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",ie,oe&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:oe?void 0:ce,onMouseEnter:ae,onMouseLeave:se,children:[e.jsx("textarea",{ref:A,id:D,value:M,className:a.cn("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",M?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),"aria-invalid":oe?"true":"false","aria-required":q?"true":void 0,"aria-describedby":oe?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":de,onChange:ee,onFocus:re,onBlur:te,required:q,maxLength:m,rows:p,...B}),j]}):"green-accent"!==w||oe?e.jsx("textarea",{ref:A,id:D,value:M,className:a.cn(o.textareaBaseStyles,oe&&o.textareaErrorStyles,!h&&"overflow-y-auto",ie),"aria-invalid":oe?"true":"false","aria-required":q?"true":void 0,"aria-describedby":oe?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":de,onChange:ee,onFocus:re,onBlur:te,onMouseEnter:ae,onMouseLeave:se,required:q,maxLength:m,rows:h?void 0:p,...B}):e.jsx("div",{className:a.cn("w-full rounded-[var(--radius-md)] p-[1px]",ie),style:ce,onMouseEnter:ae,onMouseLeave:se,"data-cy":`${K}-gradient-wrapper`,"data-testid":`${Q}-gradient-wrapper`,children:e.jsx("div",{className:o.gradientBorderInnerStyles,children:e.jsx("textarea",{ref:A,id:D,value:M,className:a.cn(o.textareaInsideGradientStyles,!h&&"overflow-y-auto"),"aria-invalid":"false","aria-required":q?"true":void 0,"aria-describedby":u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":de,onChange:ee,onFocus:re,onBlur:te,required:q,maxLength:m,rows:h?void 0:p,...B})})}),!j&&e.jsxs(e.Fragment,{children:[oe&&e.jsx("span",{id:G,className:o.errorStyles,role:"alert","data-cy":`${K}-error`,"data-testid":`${Q}-error`,children:oe}),ne&&e.jsxs("div",{className:o.footerStyles,children:[u&&!oe&&e.jsx("span",{id:J,className:o.helperStyles,"data-cy":`${K}-helper`,"data-testid":`${Q}-helper`,children:u}),g&&e.jsxs("span",{className:a.cn(o.charCountStyles,le&&o.charCountExceededStyles),"data-cy":`${K}-char-count`,"data-testid":`${Q}-char-count`,children:[H,m&&` / ${m}`]})]})]})]})});n.displayName="Textarea",exports.Textarea=n;

package/dist/index17.js

@@ -1,9 +1,9 @@
-import{jsxs as e,jsx as r,Fragment as t}from"react/jsx-runtime";import{forwardRef as a,useState as o,useRef as i,useId as n,useCallback as d,useEffect as l,useMemo as s}from"react";import{Provider as c,Root as u,Trigger as m,Portal as h,Content as p,Arrow as v}from"./index68.js";import{cn as x}from"./index52.js";import{defaultValidation as g}from"./index53.js";import{labelRowStyles as f,labelStyles as b,tooltipTriggerStyles as y,tooltipContentStyles as w,errorStyles as $,footerStyles as N,helperStyles as C,textareaErrorStyles as M,textareaBaseStyles as j,charCountExceededStyles as k,charCountStyles as L,wrapperStyles as q}from"./index69.js";import{useMergedRef as B}from"./index61.js";import{debounce as F}from"./index70.js";const R=a(({label:a,tooltip:R,error:_,helperText:H,fullWidth:I=!1,autoResize:T=!1,minRows:V=3,maxRows:W,showCharCount:z=!1,maxLength:A,validate:E=g,onValidationChange:D,customHeader:O,customFooterActions:S,borderVariant:G,className:J,id:K,onChange:P,onBlur:Q,required:U,value:X,"data-cy":Y,"data-testid":Z,...ee},re)=>{const[te,ae]=o(),[oe,ie]=o(!1),[ne,de]=o(!1),[le,se]=o(0),ce=i(!1),ue=i(null),me=B(re,ue),he=n(),pe=K||he,ve=`${pe}-error`,xe=`${pe}-helper`,ge=Y||"textarea",fe=Z||"textarea",be=a&&U&&!a.includes("*")?`${a} *`:a,ye=d(()=>{const e=ue.current;if(!e||!T)return;e.style.height="auto";const r=window.getComputedStyle(e),t=parseInt(r.lineHeight)||22,a=parseInt(r.paddingTop)||0,o=parseInt(r.paddingBottom)||0,i=t*V+a+o,n=W?t*W+a+o:1/0,d=Math.min(Math.max(e.scrollHeight,i),n);e.style.height=`${d}px`},[T,V,W]);l(()=>{ye()},[X,ye]);const we=s(()=>F(e=>{if(E&&ce.current){const r=E(e);ae(r),D?.(!r)}else null===E&&ce.current&&(ae(void 0),D?.(!0))},300),[E,D]),$e=i(we);l(()=>{$e.current=we},[we]),l(()=>()=>{$e.current.cancel()},[]),l(()=>{se((X||"").length)},[X]);const Ne=e=>{const r=e.target.value;se(r.length),P?.(e),T&&ye(),ce.current&&we(r)},Ce=e=>{ie(!0),ee.onFocus?.(e)},Me=e=>{if(ie(!1),ce.current=!0,E){const r=E(e.target.value);ae(r),D?.(!r)}Q?.(e)},je=()=>de(!0),ke=()=>de(!1),Le=_||te,qe=ee.disabled?"disabled":Le?"error":oe?"focus":ne?"hover":"idle",Be=A&&le>A,Fe=z||H&&!Le,Re=(()=>{if(!G)return"";if("green-accent"===G){return`relative ${oe||ne?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),_e="green-accent"===G?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:oe||ne?"2px solid transparent":"1px solid transparent"}:{};/* @__PURE__ */
-return e("div",{className:x(q,J),"data-cy":`${ge}-wrapper`,"data-testid":`${fe}-wrapper`,children:[O?/* @__PURE__ */r("div",{className:"w-full","data-cy":`${ge}-custom-header`,children:O}):(a||R)&&/* @__PURE__ */e("div",{className:f,children:[a&&/* @__PURE__ */r("label",{htmlFor:pe,className:b,"data-cy":`${ge}-label`,"data-testid":`${fe}-label`,children:be}),R&&/* @__PURE__ */r(c,{delayDuration:200,children:/* @__PURE__ */e(u,{children:[
-/* @__PURE__ */r(m,{asChild:!0,children:/* @__PURE__ */r("button",{type:"button",className:y,"aria-label":"More information","data-cy":`${ge}-tooltip-trigger`,"data-testid":`${fe}-tooltip-trigger`,children:/* @__PURE__ */e("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[
+import{jsxs as e,jsx as r,Fragment as a}from"react/jsx-runtime";import{forwardRef as t,useState as o,useRef as d,useId as i,useCallback as n,useEffect as l,useMemo as s}from"react";import{Provider as c,Root as u,Trigger as m,Portal as h,Content as p,Arrow as v}from"./index68.js";import{cn as x}from"./index52.js";import{defaultValidation as g}from"./index53.js";import{labelRowStyles as f,labelStyles as y,tooltipTriggerStyles as b,tooltipContentStyles as w,gradientBorderInnerStyles as $,errorStyles as N,footerStyles as C,helperStyles as M,textareaInsideGradientStyles as L,textareaErrorStyles as j,textareaBaseStyles as q,charCountExceededStyles as k,charCountStyles as B,wrapperStyles as F}from"./index69.js";import{useMergedRef as R}from"./index61.js";import{debounce as _}from"./index70.js";const E=t(({label:t,tooltip:E,error:H,helperText:I,fullWidth:T=!1,autoResize:V=!1,minRows:W=3,maxRows:z,showCharCount:A=!1,maxLength:D,validate:O=g,onValidationChange:S,customHeader:G,customFooterActions:J,borderVariant:K,className:P,id:Q,onChange:U,onBlur:X,required:Y,value:Z,"data-cy":ee,"data-testid":re,...ae},te)=>{const[oe,de]=o(),[ie,ne]=o(!1),[le,se]=o(!1),[ce,ue]=o(0),me=d(!1),he=d(null),pe=R(te,he),ve=i(),xe=Q||ve,ge=`${xe}-error`,fe=`${xe}-helper`,ye=ee||"textarea",be=re||"textarea",we=t&&Y&&!t.includes("*")?`${t} *`:t,$e=n(()=>{const e=he.current;if(!e||!V)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,o=parseInt(r.paddingBottom)||0,d=a*W+t+o,i=z?a*z+t+o:1/0,n=Math.min(Math.max(e.scrollHeight,d),i);e.style.height=`${n}px`},[V,W,z]);l(()=>{$e()},[Z,$e]);const Ne=s(()=>_(e=>{if(O&&me.current){const r=O(e);de(r),S?.(!r)}else null===O&&me.current&&(de(void 0),S?.(!0))},300),[O,S]),Ce=d(Ne);l(()=>{Ce.current=Ne},[Ne]),l(()=>()=>{Ce.current.cancel()},[]),l(()=>{ue((Z||"").length)},[Z]);const Me=e=>{const r=e.target.value;ue(r.length),U?.(e),V&&$e(),me.current&&Ne(r)},Le=e=>{ne(!0),ae.onFocus?.(e)},je=e=>{if(ne(!1),me.current=!0,O){const r=O(e.target.value);de(r),S?.(!r)}X?.(e)},qe=()=>se(!0),ke=()=>se(!1),Be=H||oe,Fe=ae.disabled?"disabled":Be?"error":ie?"focus":le?"hover":"idle",Re=D&&ce>D,_e=A||I&&!Be,Ee=(()=>{if(!K)return"";if("green-accent"===K){return`relative ${ie||le?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),He="green-accent"===K?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:ie||le?"2px solid transparent":"1px solid transparent"}:{};/* @__PURE__ */
+return e("div",{className:x(F,P),"data-cy":`${ye}-wrapper`,"data-testid":`${be}-wrapper`,children:[G?/* @__PURE__ */r("div",{className:"w-full","data-cy":`${ye}-custom-header`,children:G}):(t||E)&&/* @__PURE__ */e("div",{className:f,children:[t&&/* @__PURE__ */r("label",{htmlFor:xe,className:y,"data-cy":`${ye}-label`,"data-testid":`${be}-label`,children:we}),E&&/* @__PURE__ */r(c,{delayDuration:200,children:/* @__PURE__ */e(u,{children:[
+/* @__PURE__ */r(m,{asChild:!0,children:/* @__PURE__ */r("button",{type:"button",className:b,"aria-label":"More information","data-cy":`${ye}-tooltip-trigger`,"data-testid":`${be}-tooltip-trigger`,children:/* @__PURE__ */e("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[
 /* @__PURE__ */r("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),
 /* @__PURE__ */r("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),
 /* @__PURE__ */r("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),
-/* @__PURE__ */r(h,{children:/* @__PURE__ */e(p,{className:w,side:"top",sideOffset:4,"data-cy":`${ge}-tooltip-content`,"data-testid":`${fe}-tooltip-content`,children:[R,
-/* @__PURE__ */r(v,{className:"fill-text"})]})})]})})]}),S?/* @__PURE__ */e("div",{className:x("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",Re,Le&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:Le?void 0:_e,onMouseEnter:je,onMouseLeave:ke,children:[
-/* @__PURE__ */r("textarea",{ref:me,id:pe,value:X,className:x("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",X?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),"aria-invalid":Le?"true":"false","aria-required":U?"true":void 0,"aria-describedby":Le?ve:H?xe:void 0,"data-cy":ge,"data-testid":fe,"data-state":qe,onChange:Ne,onFocus:Ce,onBlur:Me,required:U,maxLength:A,rows:V,...ee}),S]}):/* @__PURE__ */r("textarea",{ref:me,id:pe,value:X,className:x(j,Le&&M,!T&&"overflow-y-auto",Re),"aria-invalid":Le?"true":"false","aria-required":U?"true":void 0,"aria-describedby":Le?ve:H?xe:void 0,"data-cy":ge,"data-testid":fe,"data-state":qe,onChange:Ne,onFocus:Ce,onBlur:Me,onMouseEnter:je,onMouseLeave:ke,required:U,maxLength:A,rows:T?void 0:V,...ee}),!S&&/* @__PURE__ */e(t,{children:[Le&&/* @__PURE__ */r("span",{id:ve,className:$,role:"alert","data-cy":`${ge}-error`,"data-testid":`${fe}-error`,children:Le}),Fe&&/* @__PURE__ */e("div",{className:N,children:[H&&!Le&&/* @__PURE__ */r("span",{id:xe,className:C,"data-cy":`${ge}-helper`,"data-testid":`${fe}-helper`,children:H}),z&&/* @__PURE__ */e("span",{className:x(L,Be&&k),"data-cy":`${ge}-char-count`,"data-testid":`${fe}-char-count`,children:[le,A&&` / ${A}`]})]})]})]})});R.displayName="Textarea";export{R as Textarea};
+/* @__PURE__ */r(h,{children:/* @__PURE__ */e(p,{className:w,side:"top",sideOffset:4,"data-cy":`${ye}-tooltip-content`,"data-testid":`${be}-tooltip-content`,children:[E,
+/* @__PURE__ */r(v,{className:"fill-text"})]})})]})})]}),J?/* @__PURE__ */e("div",{className:x("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",Ee,Be&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:Be?void 0:He,onMouseEnter:qe,onMouseLeave:ke,children:[
+/* @__PURE__ */r("textarea",{ref:pe,id:xe,value:Z,className:x("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",Z?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),"aria-invalid":Be?"true":"false","aria-required":Y?"true":void 0,"aria-describedby":Be?ge:I?fe:void 0,"data-cy":ye,"data-testid":be,"data-state":Fe,onChange:Me,onFocus:Le,onBlur:je,required:Y,maxLength:D,rows:W,...ae}),J]}):"green-accent"!==K||Be?/* @__PURE__ */r("textarea",{ref:pe,id:xe,value:Z,className:x(q,Be&&j,!V&&"overflow-y-auto",Ee),"aria-invalid":Be?"true":"false","aria-required":Y?"true":void 0,"aria-describedby":Be?ge:I?fe:void 0,"data-cy":ye,"data-testid":be,"data-state":Fe,onChange:Me,onFocus:Le,onBlur:je,onMouseEnter:qe,onMouseLeave:ke,required:Y,maxLength:D,rows:V?void 0:W,...ae}):/* @__PURE__ */r("div",{className:x("w-full rounded-[var(--radius-md)] p-[1px]",Ee),style:He,onMouseEnter:qe,onMouseLeave:ke,"data-cy":`${ye}-gradient-wrapper`,"data-testid":`${be}-gradient-wrapper`,children:/* @__PURE__ */r("div",{className:$,children:/* @__PURE__ */r("textarea",{ref:pe,id:xe,value:Z,className:x(L,!V&&"overflow-y-auto"),"aria-invalid":"false","aria-required":Y?"true":void 0,"aria-describedby":I?fe:void 0,"data-cy":ye,"data-testid":be,"data-state":Fe,onChange:Me,onFocus:Le,onBlur:je,required:Y,maxLength:D,rows:V?void 0:W,...ae})})}),!J&&/* @__PURE__ */e(a,{children:[Be&&/* @__PURE__ */r("span",{id:ge,className:N,role:"alert","data-cy":`${ye}-error`,"data-testid":`${be}-error`,children:Be}),_e&&/* @__PURE__ */e("div",{className:C,children:[I&&!Be&&/* @__PURE__ */r("span",{id:fe,className:M,"data-cy":`${ye}-helper`,"data-testid":`${be}-helper`,children:I}),A&&/* @__PURE__ */e("span",{className:x(B,Re&&k),"data-cy":`${ye}-char-count`,"data-testid":`${be}-char-count`,children:[ce,D&&` / ${D}`]})]})]})]})});E.displayName="Textarea";export{E as Textarea};

package/dist/index69.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),r=["z-[100] max-w-[var(--max-width-xs)] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_var(--shadow-color-lg)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),o=["flex items-start w-full","min-h-[6.25rem] p-[0.875rem]","text-base leading-[1.375rem] text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200","resize-none","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-clickable)]","hover:enabled:not(:focus):border-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" ");exports.charCountExceededStyles="text-[var(--color-error)]",exports.charCountStyles="text-xs leading-none text-[var(--color-grey-06)] text-end",exports.errorStyles="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]",exports.footerStyles="flex items-center justify-between w-full",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)]",exports.labelRowStyles="flex items-center justify-between h-4 w-full",exports.labelStyles="text-sm font-normal text-[var(--color-grey-07)] leading-none",exports.textareaBaseStyles=o,exports.textareaErrorStyles="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",exports.tooltipContentStyles=r,exports.tooltipTriggerStyles=e,exports.wrapperStyles="flex flex-col justify-center items-start gap-2 w-full";
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),r=["z-[100] max-w-[var(--max-width-xs)] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_var(--shadow-color-lg)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),o=["flex items-start w-full","min-h-[6.25rem] p-[0.875rem]","text-base leading-[1.375rem] text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200","resize-none","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-clickable)]","hover:enabled:not(:focus):border-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),t=["block w-full min-h-[6.25rem] p-0","text-base leading-[1.375rem] text-[var(--color-text)] bg-transparent border-none outline-none","resize-none placeholder:text-[var(--color-icon-secondary)]","focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" ");exports.charCountExceededStyles="text-[var(--color-error)]",exports.charCountStyles="text-xs leading-none text-[var(--color-grey-06)] text-end",exports.errorStyles="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]",exports.footerStyles="flex items-center justify-between w-full",exports.gradientBorderInnerStyles="rounded-[calc(var(--radius-md)-1px)] bg-[var(--color-card)] w-full p-[0.875rem]",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)]",exports.labelRowStyles="flex items-center justify-between h-4 w-full",exports.labelStyles="text-sm font-normal text-[var(--color-grey-07)] leading-none",exports.textareaBaseStyles=o,exports.textareaErrorStyles="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",exports.textareaInsideGradientStyles=t,exports.tooltipContentStyles=r,exports.tooltipTriggerStyles=e,exports.wrapperStyles="flex flex-col justify-center items-start gap-2 w-full";

package/dist/index69.js

@@ -1 +1 @@
-const e="flex flex-col justify-center items-start gap-2 w-full",r="flex items-center justify-between h-4 w-full",o="text-sm font-normal text-[var(--color-grey-07)] leading-none",t=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),n=["z-[100] max-w-[var(--max-width-xs)] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_var(--shadow-color-lg)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),l=["flex items-start w-full","min-h-[6.25rem] p-[0.875rem]","text-base leading-[1.375rem] text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200","resize-none","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-clickable)]","hover:enabled:not(:focus):border-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),a="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",c="text-xs leading-none text-[var(--color-grey-07)]",i="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]",d="text-xs leading-none text-[var(--color-grey-06)] text-end",s="text-[var(--color-error)]",x="flex items-center justify-between w-full";export{s as charCountExceededStyles,d as charCountStyles,i as errorStyles,x as footerStyles,c as helperStyles,r as labelRowStyles,o as labelStyles,l as textareaBaseStyles,a as textareaErrorStyles,n as tooltipContentStyles,t as tooltipTriggerStyles,e as wrapperStyles};
+const e="flex flex-col justify-center items-start gap-2 w-full",r="flex items-center justify-between h-4 w-full",o="text-sm font-normal text-[var(--color-grey-07)] leading-none",t=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),n=["z-[100] max-w-[var(--max-width-xs)] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_var(--shadow-color-lg)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),l=["flex items-start w-full","min-h-[6.25rem] p-[0.875rem]","text-base leading-[1.375rem] text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200","resize-none","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-clickable)]","hover:enabled:not(:focus):border-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),a="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",c="rounded-[calc(var(--radius-md)-1px)] bg-[var(--color-card)] w-full p-[0.875rem]",d=["block w-full min-h-[6.25rem] p-0","text-base leading-[1.375rem] text-[var(--color-text)] bg-transparent border-none outline-none","resize-none placeholder:text-[var(--color-icon-secondary)]","focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),i="text-xs leading-none text-[var(--color-grey-07)]",s="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]",x="text-xs leading-none text-[var(--color-grey-06)] text-end",u="text-[var(--color-error)]",b="flex items-center justify-between w-full";export{u as charCountExceededStyles,x as charCountStyles,s as errorStyles,b as footerStyles,c as gradientBorderInnerStyles,i as helperStyles,r as labelRowStyles,o as labelStyles,l as textareaBaseStyles,a as textareaErrorStyles,d as textareaInsideGradientStyles,n as tooltipContentStyles,t as tooltipTriggerStyles,e as wrapperStyles};

package/dist/src/components/forms/textarea/Textarea.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/textarea/Textarea.component.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAgBtD,eAAO,MAAM,QAAQ,+GAmXpB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
+{"version":3,"file":"Textarea.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/textarea/Textarea.component.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAkBtD,eAAO,MAAM,QAAQ,+GAkZpB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/src/components/forms/textarea/Textarea.styles.d.ts

@@ -5,6 +5,10 @@ export declare const tooltipTriggerStyles: string;
 export declare const tooltipContentStyles: string;
 export declare const textareaBaseStyles: string;
 export declare const textareaErrorStyles = "border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]";
+/** Inner container for gradient border (masks center so gradient shows as border). */
+export declare const gradientBorderInnerStyles = "rounded-[calc(var(--radius-md)-1px)] bg-[var(--color-card)] w-full p-[0.875rem]";
+/** Textarea when inside gradient border wrapper (no border, transparent bg). */
+export declare const textareaInsideGradientStyles: string;
 export declare const helperStyles = "text-xs leading-none text-[var(--color-grey-07)]";
 export declare const errorStyles = "text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]";
 export declare const charCountStyles = "text-xs leading-none text-[var(--color-grey-06)] text-end";

package/dist/src/components/forms/textarea/Textarea.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/textarea/Textarea.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,0DAA0D,CAAC;AACrF,eAAO,MAAM,cAAc,iDAAiD,CAAC;AAC7E,eAAO,MAAM,WAAW,iEAAiE,CAAC;AAE1F,eAAO,MAAM,oBAAoB,QAQtB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,QAKtB,CAAC;AAEZ,eAAO,MAAM,kBAAkB,QAWpB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,4GAC2E,CAAC;AAE5G,eAAO,MAAM,YAAY,qDAAqD,CAAC;AAC/E,eAAO,MAAM,WAAW,uFAC8D,CAAC;AAEvF,eAAO,MAAM,eAAe,8DAA8D,CAAC;AAC3F,eAAO,MAAM,uBAAuB,8BAA8B,CAAC;AAEnE,eAAO,MAAM,YAAY,6CAA6C,CAAC"}
+{"version":3,"file":"Textarea.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/textarea/Textarea.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,0DAA0D,CAAC;AACrF,eAAO,MAAM,cAAc,iDAAiD,CAAC;AAC7E,eAAO,MAAM,WAAW,iEAAiE,CAAC;AAE1F,eAAO,MAAM,oBAAoB,QAQtB,CAAC;AAEZ,eAAO,MAAM,oBAAoB,QAKtB,CAAC;AAEZ,eAAO,MAAM,kBAAkB,QAWpB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,4GAC2E,CAAC;AAE5G,sFAAsF;AACtF,eAAO,MAAM,yBAAyB,oFAC6C,CAAC;AAEpF,gFAAgF;AAChF,eAAO,MAAM,4BAA4B,QAK9B,CAAC;AAEZ,eAAO,MAAM,YAAY,qDAAqD,CAAC;AAC/E,eAAO,MAAM,WAAW,uFAC8D,CAAC;AAEvF,eAAO,MAAM,eAAe,8DAA8D,CAAC;AAC3F,eAAO,MAAM,uBAAuB,8BAA8B,CAAC;AAEnE,eAAO,MAAM,YAAY,6CAA6C,CAAC"}