@adam-milo/ui 1.0.112 → 1.0.115

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index17.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("./index57.cjs"),t=require("./index73.cjs"),s=require("./index58.cjs"),o=require("./index74.cjs"),d=require("./index66.cjs"),l=require("./index60.cjs"),i=require("./index75.cjs"),n=r.forwardRef(({label:n,tooltip:c,error:u,helperText:x,fullWidth:v=!1,autoResize:h=!1,minRows:g=3,maxRows:m,showCharCount:p=!1,maxLength:y,validate:f=s.defaultValidation,onValidationChange:b,customHeader:w,customFooterActions:j,borderVariant:S,height:$,className:N,id:q,onChange:C,onBlur:M,required:R,value:E,"data-cy":B,"data-testid":I,...T},F)=>{const[L,V]=r.useState(),[_,H]=r.useState(!1),[P,k]=r.useState(!1),[z,A]=r.useState(0),G=r.useRef(!1),O=r.useRef(null),W=d.useMergedRef(F,O),D=r.useId(),J=q||D,K=`${J}-error`,Q=`${J}-helper`,U=B||"textarea",X=I||"textarea",Y=n&&R&&!n.includes("*")?`${n} *`:n,Z=l.useResponsiveValue($),ee=void 0!==Z,re=r.useCallback(()=>{const e=O.current;if(!e||!h)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,s=parseInt(r.paddingBottom)||0,o=a*g+t+s,d=m?a*m+t+s:1/0,l=Math.min(Math.max(e.scrollHeight,o),d);e.style.height=`${l}px`},[h,g,m]);r.useEffect(()=>{re()},[E,re]);const ae=r.useMemo(()=>i.debounce(e=>{if(f&&G.current){const r=f(e);V(r),b?.(!r)}else null===f&&G.current&&(V(void 0),b?.(!0))},300),[f,b]),te=r.useRef(ae);r.useEffect(()=>{te.current=ae},[ae]),r.useEffect(()=>()=>{te.current.cancel()},[]),r.useEffect(()=>{A((E||"").length)},[E]);const se=e=>{const r=e.target.value;A(r.length),C?.(e),h&&re(),G.current&&ae(r)},oe=e=>{H(!0),T.onFocus?.(e)},de=e=>{if(H(!1),G.current=!0,f){const r=f(e.target.value);V(r),b?.(!r)}M?.(e)},le=()=>k(!0),ie=()=>k(!1),ne=u||L,ce=T.disabled?"disabled":ne?"error":_?"focus":P?"hover":"idle",ue=y&&z>y,xe=p||x&&!ne,ve=(()=>{if(!S)return"";if("green-accent"===S){return`relative ${_||P?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),he="green-accent"===S?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:_||P?"2px solid transparent":"1px solid transparent"}:{};return e.jsxs("div",{className:a.cn(o.wrapperStyles,N),"data-cy":`${U}-wrapper`,"data-testid":`${X}-wrapper`,children:[w?e.jsx("div",{className:"w-full","data-cy":`${U}-custom-header`,children:w}):(n||c)&&e.jsxs("div",{className:o.labelRowStyles,children:[n&&e.jsx("label",{htmlFor:J,className:o.labelStyles,"data-cy":`${U}-label`,"data-testid":`${X}-label`,children:Y}),c&&e.jsx(t.FormTooltip,{content:c,triggerClassName:o.tooltipTriggerStyles,contentClassName:o.tooltipContentStyles,dataCyPrefix:U,dataTestIdPrefix:X})]}),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",!ne&&ve,ne&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:ne?void 0:he,onMouseEnter:le,onMouseLeave:ie,children:[e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none overflow-y-auto textarea-scrollbar","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",E?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:de,required:R,maxLength:y,rows:ee?void 0:g,...T}),j]}):"green-accent"===S?e.jsx("div",{className:a.cn("w-full rounded-[var(--radius-md)] transition-all duration-200",!ne&&"p-[1px]",ne&&"border border-[var(--color-error)] bg-[var(--color-card)]",!ne&&ve),style:ne?void 0:he,onMouseEnter:le,onMouseLeave:ie,"data-cy":`${U}-gradient-wrapper`,"data-testid":`${X}-gradient-wrapper`,children:e.jsx("div",{className:ne?o.errorBorderInnerStyles:o.gradientBorderInnerStyles,children:e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn(o.textareaInsideGradientStyles,!h&&"overflow-y-auto textarea-scrollbar"),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:de,required:R,maxLength:y,rows:ee||h?void 0:g,...T})})}):e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn(o.textareaBaseStyles,ne&&o.textareaErrorStyles,!h&&"overflow-y-auto textarea-scrollbar",ve),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:de,onMouseEnter:le,onMouseLeave:ie,required:R,maxLength:y,rows:ee||h?void 0:g,...T}),ne&&e.jsx("span",{id:K,className:o.errorStyles,role:"alert","data-cy":`${U}-error`,"data-testid":`${X}-error`,children:ne}),!j&&xe&&e.jsxs("div",{className:o.footerStyles,children:[x&&!ne&&e.jsx("span",{id:Q,className:o.helperStyles,"data-cy":`${U}-helper`,"data-testid":`${X}-helper`,children:x}),p&&e.jsxs("span",{"aria-live":"polite","aria-atomic":"true",className:a.cn(o.charCountStyles,ue&&o.charCountExceededStyles),"data-cy":`${U}-char-count`,"data-testid":`${X}-char-count`,children:[z,y&&` / ${y}`]})]})]})});n.displayName="Textarea",exports.Textarea=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("./index57.cjs"),t=require("./index73.cjs"),s=require("./index58.cjs"),o=require("./index74.cjs"),l=require("./index66.cjs"),i=require("./index60.cjs"),d=require("./index75.cjs"),n=r.forwardRef(({label:n,tooltip:c,error:u,helperText:x,fullWidth:h=!1,autoResize:v=!1,minRows:p=3,maxRows:g,showCharCount:m=!1,maxLength:y,validate:f=s.defaultValidation,onValidationChange:b,customHeader:w,customFooterActions:j,borderVariant:C,height:S,className:$,id:N,onChange:q,onBlur:M,required:R,value:E,"data-cy":B,"data-testid":I,...T},F)=>{const[L,k]=r.useState(),[z,V]=r.useState(!1),[_,H]=r.useState(!1),[P,A]=r.useState(0),G=r.useRef(!1),O=r.useRef(null),W=l.useMergedRef(F,O),D=r.useId(),J=N||D,K=`${J}-error`,Q=`${J}-helper`,U=B||"textarea",X=I||"textarea",Y=n&&R&&!n.includes("*")?`${n} *`:n,Z=i.useResponsiveValue(S),ee=void 0!==Z,re=r.useCallback(()=>{const e=O.current;if(!e||!v)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,s=parseInt(r.paddingBottom)||0,o=a*p+t+s,l=g?a*g+t+s:1/0,i=Math.min(Math.max(e.scrollHeight,o),l);e.style.height=`${i}px`},[v,p,g]);r.useEffect(()=>{re()},[E,re]);const ae=r.useMemo(()=>d.debounce(e=>{if(f&&G.current){const r=f(e);k(r),b?.(!r)}else null===f&&G.current&&(k(void 0),b?.(!0))},300),[f,b]),te=r.useRef(ae);r.useEffect(()=>{te.current=ae},[ae]),r.useEffect(()=>()=>{te.current.cancel()},[]),r.useEffect(()=>{A((E||"").length)},[E]);const se=e=>{const r=e.target.value;A(r.length),q?.(e),v&&re(),G.current&&ae(r)},oe=e=>{V(!0),T.onFocus?.(e)},le=e=>{if(V(!1),G.current=!0,f){const r=f(e.target.value);k(r),b?.(!r)}M?.(e)},ie=()=>H(!0),de=()=>H(!1),ne=u||L,ce=T.disabled?"disabled":ne?"error":z?"focus":_?"hover":"idle",ue=y&&P>y,xe=m||x&&!ne,he=(()=>{if(!C)return"";if("green-accent"===C){return`relative ${z||_?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),ve="green-accent"===C?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:z||_?"2px solid transparent":"1px solid transparent"}:{};return e.jsxs("div",{className:a.cn(o.wrapperStyles,$),"data-cy":`${U}-wrapper`,"data-testid":`${X}-wrapper`,children:[w?e.jsx("div",{className:"w-full","data-cy":`${U}-custom-header`,children:w}):(n||c)&&e.jsxs("div",{className:o.labelRowStyles,children:[n&&e.jsx("label",{htmlFor:J,className:o.labelStyles,"data-cy":`${U}-label`,"data-testid":`${X}-label`,children:Y}),c&&e.jsx(t.FormTooltip,{content:c,triggerClassName:o.tooltipTriggerStyles,contentClassName:o.tooltipContentStyles,dataCyPrefix:U,dataTestIdPrefix:X})]}),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",!ne&&he,ne&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:ne?void 0:ve,onMouseEnter:ie,onMouseLeave:de,children:[e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none overflow-y-auto textarea-scrollbar","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",E?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:le,required:R,maxLength:y,rows:ee?void 0:p,spellCheck:!0,autoCorrect:"on",autoCapitalize:"sentences",...T}),j]}):"green-accent"===C?e.jsx("div",{className:a.cn("w-full rounded-[var(--radius-md)] transition-all duration-200",!ne&&"p-[1px]",ne&&"border border-[var(--color-error)] bg-[var(--color-card)]",!ne&&he),style:ne?void 0:ve,onMouseEnter:ie,onMouseLeave:de,"data-cy":`${U}-gradient-wrapper`,"data-testid":`${X}-gradient-wrapper`,children:e.jsx("div",{className:ne?o.errorBorderInnerStyles:o.gradientBorderInnerStyles,children:e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn(o.textareaInsideGradientStyles,!v&&"overflow-y-auto textarea-scrollbar"),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:le,required:R,maxLength:y,rows:ee||v?void 0:p,spellCheck:!0,autoCorrect:"on",autoCapitalize:"sentences",...T})})}):e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn(o.textareaBaseStyles,ne&&o.textareaErrorStyles,!v&&"overflow-y-auto textarea-scrollbar",he),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:le,onMouseEnter:ie,onMouseLeave:de,required:R,maxLength:y,rows:ee||v?void 0:p,spellCheck:!0,autoCorrect:"on",autoCapitalize:"sentences",...T}),ne&&e.jsx("span",{id:K,className:o.errorStyles,role:"alert","data-cy":`${U}-error`,"data-testid":`${X}-error`,children:ne}),!j&&xe&&e.jsxs("div",{className:o.footerStyles,children:[x&&!ne&&e.jsx("span",{id:Q,className:o.helperStyles,"data-cy":`${U}-helper`,"data-testid":`${X}-helper`,children:x}),m&&e.jsxs("span",{"aria-live":"polite","aria-atomic":"true",className:a.cn(o.charCountStyles,ue&&o.charCountExceededStyles),"data-cy":`${U}-char-count`,"data-testid":`${X}-char-count`,children:[P,y&&` / ${y}`]})]})]})});n.displayName="Textarea",exports.Textarea=n;
package/dist/index17.js CHANGED
@@ -1,3 +1,3 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a,useState as t,useRef as o,useId as d,useCallback as i,useEffect as n,useMemo as l}from"react";import{cn as s}from"./index57.js";import{FormTooltip as c}from"./index73.js";import{defaultValidation as u}from"./index58.js";import{labelRowStyles as m,labelStyles as v,tooltipContentStyles as h,tooltipTriggerStyles as p,errorBorderInnerStyles as x,gradientBorderInnerStyles as g,errorStyles as f,footerStyles as b,helperStyles as y,textareaInsideGradientStyles as w,textareaErrorStyles as $,textareaBaseStyles as N,charCountExceededStyles as C,charCountStyles as j,wrapperStyles as M}from"./index74.js";import{useMergedRef as q}from"./index66.js";import{useResponsiveValue as L}from"./index60.js";import{debounce as F}from"./index75.js";const B=a(({label:a,tooltip:B,error:I,helperText:T,fullWidth:_=!1,autoResize:E=!1,minRows:H=3,maxRows:R,showCharCount:z=!1,maxLength:P,validate:V=u,onValidationChange:k,customHeader:A,customFooterActions:S,borderVariant:W,height:D,className:G,id:J,onChange:K,onBlur:O,required:Q,value:U,"data-cy":X,"data-testid":Y,...Z},ee)=>{const[re,ae]=t(),[te,oe]=t(!1),[de,ie]=t(!1),[ne,le]=t(0),se=o(!1),ce=o(null),ue=q(ee,ce),me=d(),ve=J||me,he=`${ve}-error`,pe=`${ve}-helper`,xe=X||"textarea",ge=Y||"textarea",fe=a&&Q&&!a.includes("*")?`${a} *`:a,be=L(D),ye=void 0!==be,we=i(()=>{const e=ce.current;if(!e||!E)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*H+t+o,i=R?a*R+t+o:1/0,n=Math.min(Math.max(e.scrollHeight,d),i);e.style.height=`${n}px`},[E,H,R]);n(()=>{we()},[U,we]);const $e=l(()=>F(e=>{if(V&&se.current){const r=V(e);ae(r),k?.(!r)}else null===V&&se.current&&(ae(void 0),k?.(!0))},300),[V,k]),Ne=o($e);n(()=>{Ne.current=$e},[$e]),n(()=>()=>{Ne.current.cancel()},[]),n(()=>{le((U||"").length)},[U]);const Ce=e=>{const r=e.target.value;le(r.length),K?.(e),E&&we(),se.current&&$e(r)},je=e=>{oe(!0),Z.onFocus?.(e)},Me=e=>{if(oe(!1),se.current=!0,V){const r=V(e.target.value);ae(r),k?.(!r)}O?.(e)},qe=()=>ie(!0),Le=()=>ie(!1),Fe=I||re,Be=Z.disabled?"disabled":Fe?"error":te?"focus":de?"hover":"idle",Ie=P&&ne>P,Te=z||T&&!Fe,_e=(()=>{if(!W)return"";if("green-accent"===W){return`relative ${te||de?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),Ee="green-accent"===W?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:te||de?"2px solid transparent":"1px solid transparent"}:{};/* @__PURE__ */
2
- return e("div",{className:s(M,G),"data-cy":`${xe}-wrapper`,"data-testid":`${ge}-wrapper`,children:[A?/* @__PURE__ */r("div",{className:"w-full","data-cy":`${xe}-custom-header`,children:A}):(a||B)&&/* @__PURE__ */e("div",{className:m,children:[a&&/* @__PURE__ */r("label",{htmlFor:ve,className:v,"data-cy":`${xe}-label`,"data-testid":`${ge}-label`,children:fe}),B&&/* @__PURE__ */r(c,{content:B,triggerClassName:p,contentClassName:h,dataCyPrefix:xe,dataTestIdPrefix:ge})]}),S?/* @__PURE__ */e("div",{className:s("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",!Fe&&_e,Fe&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:Fe?void 0:Ee,onMouseEnter:qe,onMouseLeave:Le,children:[
3
- /* @__PURE__ */r("textarea",{ref:ue,id:ve,value:U,className:s("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none overflow-y-auto textarea-scrollbar","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",U?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:T?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":Be,onChange:Ce,onFocus:je,onBlur:Me,required:Q,maxLength:P,rows:ye?void 0:H,...Z}),S]}):"green-accent"===W?/* @__PURE__ */r("div",{className:s("w-full rounded-[var(--radius-md)] transition-all duration-200",!Fe&&"p-[1px]",Fe&&"border border-[var(--color-error)] bg-[var(--color-card)]",!Fe&&_e),style:Fe?void 0:Ee,onMouseEnter:qe,onMouseLeave:Le,"data-cy":`${xe}-gradient-wrapper`,"data-testid":`${ge}-gradient-wrapper`,children:/* @__PURE__ */r("div",{className:Fe?x:g,children:/* @__PURE__ */r("textarea",{ref:ue,id:ve,value:U,className:s(w,!E&&"overflow-y-auto textarea-scrollbar"),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:T?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":Be,onChange:Ce,onFocus:je,onBlur:Me,required:Q,maxLength:P,rows:ye||E?void 0:H,...Z})})}):/* @__PURE__ */r("textarea",{ref:ue,id:ve,value:U,className:s(N,Fe&&$,!E&&"overflow-y-auto textarea-scrollbar",_e),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:T?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":Be,onChange:Ce,onFocus:je,onBlur:Me,onMouseEnter:qe,onMouseLeave:Le,required:Q,maxLength:P,rows:ye||E?void 0:H,...Z}),Fe&&/* @__PURE__ */r("span",{id:he,className:f,role:"alert","data-cy":`${xe}-error`,"data-testid":`${ge}-error`,children:Fe}),!S&&Te&&/* @__PURE__ */e("div",{className:b,children:[T&&!Fe&&/* @__PURE__ */r("span",{id:pe,className:y,"data-cy":`${xe}-helper`,"data-testid":`${ge}-helper`,children:T}),z&&/* @__PURE__ */e("span",{"aria-live":"polite","aria-atomic":"true",className:s(j,Ie&&C),"data-cy":`${xe}-char-count`,"data-testid":`${ge}-char-count`,children:[ne,P&&` / ${P}`]})]})]})});B.displayName="Textarea";export{B as Textarea};
1
+ import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as r,useState as t,useRef as o,useId as i,useCallback as d,useEffect as n,useMemo as l}from"react";import{cn as s}from"./index57.js";import{FormTooltip as c}from"./index73.js";import{defaultValidation as u}from"./index58.js";import{labelRowStyles as m,labelStyles as v,tooltipContentStyles as h,tooltipTriggerStyles as p,errorBorderInnerStyles as x,gradientBorderInnerStyles as g,errorStyles as f,footerStyles as b,helperStyles as y,textareaInsideGradientStyles as w,textareaErrorStyles as C,textareaBaseStyles as $,charCountExceededStyles as N,charCountStyles as j,wrapperStyles as M}from"./index74.js";import{useMergedRef as q}from"./index66.js";import{useResponsiveValue as L}from"./index60.js";import{debounce as F}from"./index75.js";const z=r(({label:r,tooltip:z,error:B,helperText:k,fullWidth:I=!1,autoResize:T=!1,minRows:_=3,maxRows:E,showCharCount:H=!1,maxLength:R,validate:P=u,onValidationChange:V,customHeader:A,customFooterActions:S,borderVariant:W,height:D,className:G,id:J,onChange:K,onBlur:O,required:Q,value:U,"data-cy":X,"data-testid":Y,...Z},ee)=>{const[ae,re]=t(),[te,oe]=t(!1),[ie,de]=t(!1),[ne,le]=t(0),se=o(!1),ce=o(null),ue=q(ee,ce),me=i(),ve=J||me,he=`${ve}-error`,pe=`${ve}-helper`,xe=X||"textarea",ge=Y||"textarea",fe=r&&Q&&!r.includes("*")?`${r} *`:r,be=L(D),ye=void 0!==be,we=d(()=>{const e=ce.current;if(!e||!T)return;e.style.height="auto";const a=window.getComputedStyle(e),r=parseInt(a.lineHeight)||22,t=parseInt(a.paddingTop)||0,o=parseInt(a.paddingBottom)||0,i=r*_+t+o,d=E?r*E+t+o:1/0,n=Math.min(Math.max(e.scrollHeight,i),d);e.style.height=`${n}px`},[T,_,E]);n(()=>{we()},[U,we]);const Ce=l(()=>F(e=>{if(P&&se.current){const a=P(e);re(a),V?.(!a)}else null===P&&se.current&&(re(void 0),V?.(!0))},300),[P,V]),$e=o(Ce);n(()=>{$e.current=Ce},[Ce]),n(()=>()=>{$e.current.cancel()},[]),n(()=>{le((U||"").length)},[U]);const Ne=e=>{const a=e.target.value;le(a.length),K?.(e),T&&we(),se.current&&Ce(a)},je=e=>{oe(!0),Z.onFocus?.(e)},Me=e=>{if(oe(!1),se.current=!0,P){const a=P(e.target.value);re(a),V?.(!a)}O?.(e)},qe=()=>de(!0),Le=()=>de(!1),Fe=B||ae,ze=Z.disabled?"disabled":Fe?"error":te?"focus":ie?"hover":"idle",Be=R&&ne>R,ke=H||k&&!Fe,Ie=(()=>{if(!W)return"";if("green-accent"===W){return`relative ${te||ie?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),Te="green-accent"===W?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:te||ie?"2px solid transparent":"1px solid transparent"}:{};/* @__PURE__ */
2
+ return e("div",{className:s(M,G),"data-cy":`${xe}-wrapper`,"data-testid":`${ge}-wrapper`,children:[A?/* @__PURE__ */a("div",{className:"w-full","data-cy":`${xe}-custom-header`,children:A}):(r||z)&&/* @__PURE__ */e("div",{className:m,children:[r&&/* @__PURE__ */a("label",{htmlFor:ve,className:v,"data-cy":`${xe}-label`,"data-testid":`${ge}-label`,children:fe}),z&&/* @__PURE__ */a(c,{content:z,triggerClassName:p,contentClassName:h,dataCyPrefix:xe,dataTestIdPrefix:ge})]}),S?/* @__PURE__ */e("div",{className:s("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",!Fe&&Ie,Fe&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:Fe?void 0:Te,onMouseEnter:qe,onMouseLeave:Le,children:[
3
+ /* @__PURE__ */a("textarea",{ref:ue,id:ve,value:U,className:s("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none overflow-y-auto textarea-scrollbar","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",U?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:k?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":ze,onChange:Ne,onFocus:je,onBlur:Me,required:Q,maxLength:R,rows:ye?void 0:_,spellCheck:!0,autoCorrect:"on",autoCapitalize:"sentences",...Z}),S]}):"green-accent"===W?/* @__PURE__ */a("div",{className:s("w-full rounded-[var(--radius-md)] transition-all duration-200",!Fe&&"p-[1px]",Fe&&"border border-[var(--color-error)] bg-[var(--color-card)]",!Fe&&Ie),style:Fe?void 0:Te,onMouseEnter:qe,onMouseLeave:Le,"data-cy":`${xe}-gradient-wrapper`,"data-testid":`${ge}-gradient-wrapper`,children:/* @__PURE__ */a("div",{className:Fe?x:g,children:/* @__PURE__ */a("textarea",{ref:ue,id:ve,value:U,className:s(w,!T&&"overflow-y-auto textarea-scrollbar"),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:k?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":ze,onChange:Ne,onFocus:je,onBlur:Me,required:Q,maxLength:R,rows:ye||T?void 0:_,spellCheck:!0,autoCorrect:"on",autoCapitalize:"sentences",...Z})})}):/* @__PURE__ */a("textarea",{ref:ue,id:ve,value:U,className:s($,Fe&&C,!T&&"overflow-y-auto textarea-scrollbar",Ie),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:k?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":ze,onChange:Ne,onFocus:je,onBlur:Me,onMouseEnter:qe,onMouseLeave:Le,required:Q,maxLength:R,rows:ye||T?void 0:_,spellCheck:!0,autoCorrect:"on",autoCapitalize:"sentences",...Z}),Fe&&/* @__PURE__ */a("span",{id:he,className:f,role:"alert","data-cy":`${xe}-error`,"data-testid":`${ge}-error`,children:Fe}),!S&&ke&&/* @__PURE__ */e("div",{className:b,children:[k&&!Fe&&/* @__PURE__ */a("span",{id:pe,className:y,"data-cy":`${xe}-helper`,"data-testid":`${ge}-helper`,children:k}),H&&/* @__PURE__ */e("span",{"aria-live":"polite","aria-atomic":"true",className:s(j,Be&&N),"data-cy":`${xe}-char-count`,"data-testid":`${ge}-char-count`,children:[ne,R&&` / ${R}`]})]})]})});z.displayName="Textarea";export{z as Textarea};
package/dist/index48.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index57.cjs"),s=require("@adam-milo/icons"),n=require("./index5.cjs"),r=require("./index96.cjs"),l=a.forwardRef(({children:a,logoCenterOnMobile:l=!1,logo:o,nav:i,onHamburgerClick:d,onLogoClick:c,logoAriaLabel:u="Go to home",showSettings:y=!0,showUserMenu:g=!0,userInitials:m,onSettingsClick:b,onUserMenuClick:h,activeMenu:p=null,className:x,headerClassName:$,"data-testid":S,"data-cy":j,...v},C)=>{const k=j||"auth-layout",N=S||"auth-layout";return e.jsxs("div",{ref:C,className:t.cn(r.rootStyles,x),"data-testid":N,"data-cy":k,...v,children:[e.jsx("div",{className:t.cn(r.backgroundStyles),"data-testid":`${N}-background`,"data-cy":`${k}-background`,"aria-hidden":"true"}),e.jsxs("header",{className:t.cn(r.headerBaseStyles,(y||g||null!=i)&&r.headerDesktopLayoutAlwaysStyles,l&&!(y||g||null!=i)&&r.headerMobileLogoCenterStyles,null!=i&&r.headerWithNavStyles,$),"data-testid":`${N}-header`,"data-cy":`${k}-header`,children:[c?e.jsx("button",{type:"button",onClick:c,className:t.cn(r.logoWrapperBaseStyles,r.logoButtonStyles,l&&!(y||g||null!=i)&&r.logoWrapperMobileCenterStyles),"data-testid":`${N}-logo`,"data-cy":`${k}-logo`,"aria-label":u,children:o}):e.jsx("div",{className:t.cn(r.logoWrapperBaseStyles,l&&!(y||g||null!=i)&&r.logoWrapperMobileCenterStyles),"data-testid":`${N}-logo`,"data-cy":`${k}-logo`,children:o}),null!=i&&e.jsx("nav",{className:r.navWrapperStyles,"data-testid":`${N}-nav`,"data-cy":`${k}-nav`,children:i}),(y||g||null!=i)&&e.jsxs("nav",{className:t.cn(r.menuWrapperStyles),"aria-label":"Header menu","data-testid":`${N}-menu`,"data-cy":`${k}-menu`,children:[y&&e.jsx(n.MenuIconButton,{variant:"settings",selected:"settings"===p,onClick:b,"aria-label":"Settings","data-testid":`${N}-settings-btn`,"data-cy":`${k}-settings-btn`}),g&&e.jsx(n.MenuIconButton,{variant:"user",initials:m,selected:"user"===p,onClick:h,"aria-label":m?`User menu - ${m}`:"User menu","data-testid":`${N}-user-btn`,"data-cy":`${k}-user-btn`}),null!=i&&e.jsx("button",{type:"button",onClick:d,className:"hidden max-lg:flex items-center justify-center p-2 bg-transparent border-none cursor-pointer","aria-label":"Open menu","data-testid":`${N}-hamburger`,"data-cy":`${k}-hamburger`,children:e.jsx(s.Icon,{name:"CustomHamburgerIcon",size:"lg",color:"text",decorative:!0})})]})]}),a]})});l.displayName="AuthLayout",exports.AuthLayout=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index57.cjs"),s=require("@adam-milo/icons"),l=require("./index5.cjs"),r=require("./index96.cjs"),n=a.forwardRef(({children:a,logoCenterOnMobile:n=!1,logo:o,nav:i,onHamburgerClick:d,onLogoClick:c,logoAriaLabel:u="Go to home",showSettings:y=!0,showUserMenu:g=!0,userInitials:m,onSettingsClick:b,onUserMenuClick:h,activeMenu:p=null,className:x,headerClassName:$,"data-testid":S,"data-cy":j,...v},C)=>{const N=j||"auth-layout",k=S||"auth-layout";return e.jsxs("div",{ref:C,className:t.cn(r.rootStyles,x),"data-testid":k,"data-cy":N,...v,children:[e.jsx("div",{className:t.cn(r.backgroundStyles),"data-testid":`${k}-background`,"data-cy":`${N}-background`,"aria-hidden":"true"}),e.jsxs("header",{className:t.cn(r.headerBaseStyles,(y||g||null!=i)&&r.headerDesktopLayoutAlwaysStyles,n&&!(y||g||null!=i)&&r.headerMobileLogoCenterStyles,null!=i&&r.headerWithNavStyles,$),"data-testid":`${k}-header`,"data-cy":`${N}-header`,children:[c?e.jsx("button",{type:"button",onClick:c,className:t.cn(r.logoWrapperBaseStyles,r.logoButtonStyles,n&&!(y||g||null!=i)&&r.logoWrapperMobileCenterStyles),"data-testid":`${k}-logo`,"data-cy":`${N}-logo`,"aria-label":u,children:o}):e.jsx("div",{className:t.cn(r.logoWrapperBaseStyles,n&&!(y||g||null!=i)&&r.logoWrapperMobileCenterStyles),"data-testid":`${k}-logo`,"data-cy":`${N}-logo`,children:o}),null!=i&&e.jsx("nav",{className:r.navWrapperStyles,"data-testid":`${k}-nav`,"data-cy":`${N}-nav`,children:i}),(y||g||null!=i)&&e.jsxs("nav",{className:t.cn(r.menuWrapperStyles),"aria-label":"Header menu","data-testid":`${k}-menu`,"data-cy":`${N}-menu`,children:[y&&e.jsx(l.MenuIconButton,{variant:"settings",selected:"settings"===p,onClick:b,"aria-label":"Settings","data-testid":`${k}-settings-btn`,"data-cy":`${N}-settings-btn`}),g&&e.jsx(l.MenuIconButton,{variant:"user",initials:m,selected:"user"===p,onClick:h,"aria-label":m?`User menu - ${m}`:"User menu","data-testid":`${k}-user-btn`,"data-cy":`${N}-user-btn`}),null!=i&&e.jsx("button",{type:"button",onClick:d,className:"hidden max-lg:flex items-center justify-center p-2 bg-transparent border-none cursor-pointer","aria-label":"Open menu","data-testid":`${k}-hamburger`,"data-cy":`${N}-hamburger`,children:e.jsx(s.Icon,{name:"CustomHamburgerIcon",size:"lg",color:"text",decorative:!0})})]})]}),e.jsx("div",{className:r.scrollAreaStyles,"data-testid":`${k}-scroll-area`,"data-cy":`${N}-scroll-area`,children:a})]})});n.displayName="AuthLayout",exports.AuthLayout=n;
package/dist/index48.js CHANGED
@@ -1,4 +1,5 @@
1
- import{jsxs as a,jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as n}from"./index57.js";import{Icon as l}from"@adam-milo/icons";import{MenuIconButton as i}from"./index5.js";import{navWrapperStyles as r,backgroundStyles as s,logoWrapperMobileCenterStyles as o,logoButtonStyles as d,logoWrapperBaseStyles as c,menuWrapperStyles as u,headerWithNavStyles as m,headerMobileLogoCenterStyles as g,headerDesktopLayoutAlwaysStyles as b,headerBaseStyles as h,rootStyles as $}from"./index96.js";const y=t(({children:t,logoCenterOnMobile:y=!1,logo:p,nav:v,onHamburgerClick:C,onLogoClick:N,logoAriaLabel:k="Go to home",showSettings:f=!0,showUserMenu:x=!0,userInitials:j,onSettingsClick:M,onUserMenuClick:U,activeMenu:H=null,className:L,headerClassName:S,"data-testid":w,"data-cy":A,...I},O)=>{const z=A||"auth-layout",G=w||"auth-layout";/* @__PURE__ */
2
- return a("div",{ref:O,className:n($,L),"data-testid":G,"data-cy":z,...I,children:[
3
- /* @__PURE__ */e("div",{className:n(s),"data-testid":`${G}-background`,"data-cy":`${z}-background`,"aria-hidden":"true"}),
4
- /* @__PURE__ */a("header",{className:n(h,(f||x||null!=v)&&b,y&&!(f||x||null!=v)&&g,null!=v&&m,S),"data-testid":`${G}-header`,"data-cy":`${z}-header`,children:[N?/* @__PURE__ */e("button",{type:"button",onClick:N,className:n(c,d,y&&!(f||x||null!=v)&&o),"data-testid":`${G}-logo`,"data-cy":`${z}-logo`,"aria-label":k,children:p}):/* @__PURE__ */e("div",{className:n(c,y&&!(f||x||null!=v)&&o),"data-testid":`${G}-logo`,"data-cy":`${z}-logo`,children:p}),null!=v&&/* @__PURE__ */e("nav",{className:r,"data-testid":`${G}-nav`,"data-cy":`${z}-nav`,children:v}),(f||x||null!=v)&&/* @__PURE__ */a("nav",{className:n(u),"aria-label":"Header menu","data-testid":`${G}-menu`,"data-cy":`${z}-menu`,children:[f&&/* @__PURE__ */e(i,{variant:"settings",selected:"settings"===H,onClick:M,"aria-label":"Settings","data-testid":`${G}-settings-btn`,"data-cy":`${z}-settings-btn`}),x&&/* @__PURE__ */e(i,{variant:"user",initials:j,selected:"user"===H,onClick:U,"aria-label":j?`User menu - ${j}`:"User menu","data-testid":`${G}-user-btn`,"data-cy":`${z}-user-btn`}),null!=v&&/* @__PURE__ */e("button",{type:"button",onClick:C,className:"hidden max-lg:flex items-center justify-center p-2 bg-transparent border-none cursor-pointer","aria-label":"Open menu","data-testid":`${G}-hamburger`,"data-cy":`${z}-hamburger`,children:/* @__PURE__ */e(l,{name:"CustomHamburgerIcon",size:"lg",color:"text",decorative:!0})})]})]}),t]})});y.displayName="AuthLayout";export{y as AuthLayout};
1
+ import{jsxs as a,jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as n}from"./index57.js";import{Icon as l}from"@adam-milo/icons";import{MenuIconButton as r}from"./index5.js";import{navWrapperStyles as i,scrollAreaStyles as s,backgroundStyles as d,logoWrapperMobileCenterStyles as o,logoButtonStyles as c,logoWrapperBaseStyles as u,menuWrapperStyles as m,headerWithNavStyles as g,headerMobileLogoCenterStyles as b,headerDesktopLayoutAlwaysStyles as h,headerBaseStyles as $,rootStyles as y}from"./index96.js";const p=t(({children:t,logoCenterOnMobile:p=!1,logo:v,nav:N,onHamburgerClick:C,onLogoClick:k,logoAriaLabel:f="Go to home",showSettings:x=!0,showUserMenu:j=!0,userInitials:M,onSettingsClick:U,onUserMenuClick:H,activeMenu:L=null,className:S,headerClassName:w,"data-testid":A,"data-cy":I,...O},z)=>{const G=I||"auth-layout",q=A||"auth-layout";/* @__PURE__ */
2
+ return a("div",{ref:z,className:n(y,S),"data-testid":q,"data-cy":G,...O,children:[
3
+ /* @__PURE__ */e("div",{className:n(d),"data-testid":`${q}-background`,"data-cy":`${G}-background`,"aria-hidden":"true"}),
4
+ /* @__PURE__ */a("header",{className:n($,(x||j||null!=N)&&h,p&&!(x||j||null!=N)&&b,null!=N&&g,w),"data-testid":`${q}-header`,"data-cy":`${G}-header`,children:[k?/* @__PURE__ */e("button",{type:"button",onClick:k,className:n(u,c,p&&!(x||j||null!=N)&&o),"data-testid":`${q}-logo`,"data-cy":`${G}-logo`,"aria-label":f,children:v}):/* @__PURE__ */e("div",{className:n(u,p&&!(x||j||null!=N)&&o),"data-testid":`${q}-logo`,"data-cy":`${G}-logo`,children:v}),null!=N&&/* @__PURE__ */e("nav",{className:i,"data-testid":`${q}-nav`,"data-cy":`${G}-nav`,children:N}),(x||j||null!=N)&&/* @__PURE__ */a("nav",{className:n(m),"aria-label":"Header menu","data-testid":`${q}-menu`,"data-cy":`${G}-menu`,children:[x&&/* @__PURE__ */e(r,{variant:"settings",selected:"settings"===L,onClick:U,"aria-label":"Settings","data-testid":`${q}-settings-btn`,"data-cy":`${G}-settings-btn`}),j&&/* @__PURE__ */e(r,{variant:"user",initials:M,selected:"user"===L,onClick:H,"aria-label":M?`User menu - ${M}`:"User menu","data-testid":`${q}-user-btn`,"data-cy":`${G}-user-btn`}),null!=N&&/* @__PURE__ */e("button",{type:"button",onClick:C,className:"hidden max-lg:flex items-center justify-center p-2 bg-transparent border-none cursor-pointer","aria-label":"Open menu","data-testid":`${q}-hamburger`,"data-cy":`${G}-hamburger`,children:/* @__PURE__ */e(l,{name:"CustomHamburgerIcon",size:"lg",color:"text",decorative:!0})})]})]}),
5
+ /* @__PURE__ */e("div",{className:s,"data-testid":`${q}-scroll-area`,"data-cy":`${G}-scroll-area`,children:t})]})});p.displayName="AuthLayout";export{p as AuthLayout};
package/dist/index96.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["relative w-full min-h-[100dvh] flex flex-col","bg-[var(--color-bg)]"].join(" "),r=["fixed inset-0 z-0 pointer-events-none","bg-[var(--color-bg-auth)]","max-lg:[background-image:var(--gradient-auth-bg-mobile)]","lg:[background-image:var(--gradient-auth-bg)]"].join(" "),t=["max-sm:flex-1 max-sm:justify-center max-sm:min-w-0","max-sm:[&>*]:shrink-0","max-lg:flex-1 max-lg:justify-center max-lg:min-w-0 max-lg:[&>*]:shrink-0"].join(" "),o=["relative z-10 shrink-0 flex flex-row items-center lg:justify-between bg-transparent border-0 border-none","h-[5.3125rem] px-8","max-sm:h-auto max-sm:min-h-[3.125rem] max-sm:py-5 max-sm:px-4 max-sm:gap-0 max-sm:justify-center"].join(" "),a=["flex items-center shrink-0 min-w-0 border-0 border-none","h-8 max-w-[11.875rem] max-lg:h-7 max-lg:max-w-[10rem] max-md:h-7 max-md:max-w-[9.875rem]","[&_img]:h-full [&_img]:w-auto [&_img]:max-w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-auto [&_svg]:max-w-full [&_svg]:object-contain"].join(" "),n=["cursor-pointer bg-transparent p-0 inline-flex","auth-logo-focus"].join(" "),s=["flex items-center shrink-0 border-0 border-none","gap-[var(--spacing-3)]","lg:w-[11.875rem] lg:justify-end","motion-reduce:[&_button]:!transition-none"].join(" ");exports.backgroundStyles=r,exports.headerBaseStyles=o,exports.headerDesktopLayoutAlwaysStyles="max-sm:justify-between max-lg:justify-between",exports.headerMobileLogoCenterStyles="max-lg:justify-center",exports.headerWithNavStyles="!border-b !border-[rgba(0,165,187,0.19)] !border-solid",exports.logoButtonStyles=n,exports.logoWrapperBaseStyles=a,exports.logoWrapperMobileCenterStyles=t,exports.menuWrapperStyles=s,exports.navWrapperStyles="flex items-center max-lg:hidden",exports.rootStyles=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["relative w-full h-[100dvh] overflow-hidden flex flex-col","bg-[var(--color-bg)]"].join(" "),r=["relative z-10 flex-1 min-h-0 w-full","overflow-y-auto overscroll-contain [-webkit-overflow-scrolling:touch]"].join(" "),o=["fixed inset-0 z-0 pointer-events-none","bg-[var(--color-bg-auth)]","max-lg:[background-image:var(--gradient-auth-bg-mobile)]","lg:[background-image:var(--gradient-auth-bg)]"].join(" "),t=["max-sm:flex-1 max-sm:justify-center max-sm:min-w-0","max-sm:[&>*]:shrink-0","max-lg:flex-1 max-lg:justify-center max-lg:min-w-0 max-lg:[&>*]:shrink-0"].join(" "),a=["relative z-20 shrink-0 flex flex-row items-center lg:justify-between bg-transparent border-0 border-none","h-[5.3125rem] px-8","max-sm:h-auto max-sm:min-h-[3.125rem] max-sm:py-5 max-sm:px-4 max-sm:gap-0 max-sm:justify-center"].join(" "),l=["flex items-center shrink-0 min-w-0 border-0 border-none","h-8 max-w-[11.875rem] max-lg:h-7 max-lg:max-w-[10rem] max-md:h-7 max-md:max-w-[9.875rem]","[&_img]:h-full [&_img]:w-auto [&_img]:max-w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-auto [&_svg]:max-w-full [&_svg]:object-contain"].join(" "),n=["cursor-pointer bg-transparent p-0 inline-flex","auth-logo-focus"].join(" "),s=["flex items-center shrink-0 border-0 border-none","gap-[var(--spacing-3)]","lg:w-[11.875rem] lg:justify-end","motion-reduce:[&_button]:!transition-none"].join(" ");exports.backgroundStyles=o,exports.headerBaseStyles=a,exports.headerDesktopLayoutAlwaysStyles="max-sm:justify-between max-lg:justify-between",exports.headerMobileLogoCenterStyles="max-lg:justify-center",exports.headerWithNavStyles="!border-b !border-[rgba(0,165,187,0.19)] !border-solid",exports.logoButtonStyles=n,exports.logoWrapperBaseStyles=l,exports.logoWrapperMobileCenterStyles=t,exports.menuWrapperStyles=s,exports.navWrapperStyles="flex items-center max-lg:hidden",exports.rootStyles=e,exports.scrollAreaStyles=r;
package/dist/index96.js CHANGED
@@ -1 +1 @@
1
- const e=["relative w-full min-h-[100dvh] flex flex-col","bg-[var(--color-bg)]"].join(" "),m=["fixed inset-0 z-0 pointer-events-none","bg-[var(--color-bg-auth)]","max-lg:[background-image:var(--gradient-auth-bg-mobile)]","lg:[background-image:var(--gradient-auth-bg)]"].join(" "),n="max-lg:justify-center",r="max-sm:justify-between max-lg:justify-between",a=["max-sm:flex-1 max-sm:justify-center max-sm:min-w-0","max-sm:[&>*]:shrink-0","max-lg:flex-1 max-lg:justify-center max-lg:min-w-0 max-lg:[&>*]:shrink-0"].join(" "),i=["relative z-10 shrink-0 flex flex-row items-center lg:justify-between bg-transparent border-0 border-none","h-[5.3125rem] px-8","max-sm:h-auto max-sm:min-h-[3.125rem] max-sm:py-5 max-sm:px-4 max-sm:gap-0 max-sm:justify-center"].join(" "),t=["flex items-center shrink-0 min-w-0 border-0 border-none","h-8 max-w-[11.875rem] max-lg:h-7 max-lg:max-w-[10rem] max-md:h-7 max-md:max-w-[9.875rem]","[&_img]:h-full [&_img]:w-auto [&_img]:max-w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-auto [&_svg]:max-w-full [&_svg]:object-contain"].join(" "),o=["cursor-pointer bg-transparent p-0 inline-flex","auth-logo-focus"].join(" "),l=["flex items-center shrink-0 border-0 border-none","gap-[var(--spacing-3)]","lg:w-[11.875rem] lg:justify-end","motion-reduce:[&_button]:!transition-none"].join(" "),s="!border-b !border-[rgba(0,165,187,0.19)] !border-solid",x="flex items-center max-lg:hidden";export{m as backgroundStyles,i as headerBaseStyles,r as headerDesktopLayoutAlwaysStyles,n as headerMobileLogoCenterStyles,s as headerWithNavStyles,o as logoButtonStyles,t as logoWrapperBaseStyles,a as logoWrapperMobileCenterStyles,l as menuWrapperStyles,x as navWrapperStyles,e as rootStyles};
1
+ const e=["relative w-full h-[100dvh] overflow-hidden flex flex-col","bg-[var(--color-bg)]"].join(" "),r=["relative z-10 flex-1 min-h-0 w-full","overflow-y-auto overscroll-contain [-webkit-overflow-scrolling:touch]"].join(" "),n=["fixed inset-0 z-0 pointer-events-none","bg-[var(--color-bg-auth)]","max-lg:[background-image:var(--gradient-auth-bg-mobile)]","lg:[background-image:var(--gradient-auth-bg)]"].join(" "),m="max-lg:justify-center",o="max-sm:justify-between max-lg:justify-between",a=["max-sm:flex-1 max-sm:justify-center max-sm:min-w-0","max-sm:[&>*]:shrink-0","max-lg:flex-1 max-lg:justify-center max-lg:min-w-0 max-lg:[&>*]:shrink-0"].join(" "),i=["relative z-20 shrink-0 flex flex-row items-center lg:justify-between bg-transparent border-0 border-none","h-[5.3125rem] px-8","max-sm:h-auto max-sm:min-h-[3.125rem] max-sm:py-5 max-sm:px-4 max-sm:gap-0 max-sm:justify-center"].join(" "),t=["flex items-center shrink-0 min-w-0 border-0 border-none","h-8 max-w-[11.875rem] max-lg:h-7 max-lg:max-w-[10rem] max-md:h-7 max-md:max-w-[9.875rem]","[&_img]:h-full [&_img]:w-auto [&_img]:max-w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-auto [&_svg]:max-w-full [&_svg]:object-contain"].join(" "),l=["cursor-pointer bg-transparent p-0 inline-flex","auth-logo-focus"].join(" "),s=["flex items-center shrink-0 border-0 border-none","gap-[var(--spacing-3)]","lg:w-[11.875rem] lg:justify-end","motion-reduce:[&_button]:!transition-none"].join(" "),x="!border-b !border-[rgba(0,165,187,0.19)] !border-solid",g="flex items-center max-lg:hidden";export{n as backgroundStyles,i as headerBaseStyles,o as headerDesktopLayoutAlwaysStyles,m as headerMobileLogoCenterStyles,x as headerWithNavStyles,l as logoButtonStyles,t as logoWrapperBaseStyles,a as logoWrapperMobileCenterStyles,s as menuWrapperStyles,g as navWrapperStyles,e as rootStyles,r as scrollAreaStyles};
@@ -1 +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;AAmBtD,eAAO,MAAM,QAAQ,+GAsXpB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
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;AAmBtD,eAAO,MAAM,QAAQ,+GA+XpB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"AuthLayout.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/auth-layout/AuthLayout.component.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAe1D,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,4GA6ItB,CAAC"}
1
+ {"version":3,"file":"AuthLayout.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/auth-layout/AuthLayout.component.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAgB1D,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAE1D,eAAO,MAAM,UAAU,4GAmJtB,CAAC"}
@@ -1,10 +1,21 @@
1
1
  export declare const rootStyles: string;
2
+ /**
3
+ * Scrollable region rendered between the header and `children`. Takes all
4
+ * remaining vertical space and scrolls internally; the window does not scroll.
5
+ * `overscroll-contain` stops scroll-chaining (e.g. iOS rubber-banding the body).
6
+ */
7
+ export declare const scrollAreaStyles: string;
2
8
  export declare const backgroundStyles: string;
3
9
  /** When logoCenterOnMobile (and not both menu icons): center header content on mobile and tablet (max-lg). */
4
10
  export declare const headerMobileLogoCenterStyles = "max-lg:justify-center";
5
11
  /** When both showSettings and showUserMenu: same layout as desktop on all screens (logo left, icons right). */
6
12
  export declare const headerDesktopLayoutAlwaysStyles = "max-sm:justify-between max-lg:justify-between";
7
13
  export declare const logoWrapperMobileCenterStyles: string;
14
+ /**
15
+ * Header lives outside the scroll container (see `scrollAreaStyles`), so it
16
+ * is always visible at the top — no need for `position: sticky`.
17
+ * `z-20` keeps it above scrolled content but below dialogs/menus.
18
+ */
8
19
  export declare const headerBaseStyles: string;
9
20
  export declare const logoWrapperBaseStyles: string;
10
21
  /** When logo is a button (onLogoClick), reset button appearance. */
@@ -1 +1 @@
1
- {"version":3,"file":"AuthLayout.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/auth-layout/AuthLayout.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,UAAU,QAA+B,CAAC;AAEvD,eAAO,MAAM,gBAAgB,QAKlB,CAAC;AAEZ,8GAA8G;AAC9G,eAAO,MAAM,4BAA4B,0BAA0B,CAAC;AAEpE,+GAA+G;AAC/G,eAAO,MAAM,+BAA+B,kDAAkD,CAAC;AAE/F,eAAO,MAAM,6BAA6B,QAI/B,CAAC;AAEZ,eAAO,MAAM,gBAAgB,QAIlB,CAAC;AAEZ,eAAO,MAAM,qBAAqB,QAIvB,CAAC;AAEZ,oEAAoE;AACpE,eAAO,MAAM,gBAAgB,QAGlB,CAAC;AAEZ,4HAA4H;AAC5H,eAAO,MAAM,iBAAiB,QAKnB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,2DAA2D,CAAC;AAE5F,eAAO,MAAM,gBAAgB,oCAAoC,CAAC"}
1
+ {"version":3,"file":"AuthLayout.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/auth-layout/AuthLayout.styles.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,UAAU,QAA+B,CAAC;AAEvD;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,QAGlB,CAAC;AAEZ,eAAO,MAAM,gBAAgB,QAKlB,CAAC;AAEZ,8GAA8G;AAC9G,eAAO,MAAM,4BAA4B,0BAA0B,CAAC;AAEpE,+GAA+G;AAC/G,eAAO,MAAM,+BAA+B,kDAAkD,CAAC;AAE/F,eAAO,MAAM,6BAA6B,QAI/B,CAAC;AAEZ;;;;GAIG;AACH,eAAO,MAAM,gBAAgB,QAIlB,CAAC;AAEZ,eAAO,MAAM,qBAAqB,QAIvB,CAAC;AAEZ,oEAAoE;AACpE,eAAO,MAAM,gBAAgB,QAGlB,CAAC;AAEZ,4HAA4H;AAC5H,eAAO,MAAM,iBAAiB,QAKnB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,2DAA2D,CAAC;AAE5F,eAAO,MAAM,gBAAgB,oCAAoC,CAAC"}