@adam-milo/ui 1.0.113 → 1.0.116

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.
Files changed (57) hide show
  1. package/dist/index104.cjs +1 -1
  2. package/dist/index104.js +1 -1
  3. package/dist/index105.cjs +1 -1
  4. package/dist/index105.js +1 -5
  5. package/dist/index106.cjs +1 -1
  6. package/dist/index106.js +3 -1
  7. package/dist/index107.cjs +1 -1
  8. package/dist/index107.js +2 -1
  9. package/dist/index108.cjs +1 -1
  10. package/dist/index108.js +1 -3
  11. package/dist/index109.cjs +1 -1
  12. package/dist/index109.js +1 -2
  13. package/dist/index110.cjs +1 -1
  14. package/dist/index110.js +1 -1
  15. package/dist/index111.cjs +1 -1
  16. package/dist/index111.js +1 -1
  17. package/dist/index112.cjs +1 -1
  18. package/dist/index112.js +1 -1
  19. package/dist/index113.cjs +1 -1
  20. package/dist/index113.js +1 -1
  21. package/dist/index114.cjs +1 -1
  22. package/dist/index114.js +1 -1
  23. package/dist/index115.cjs +1 -1
  24. package/dist/index115.js +1 -1
  25. package/dist/index116.cjs +1 -1
  26. package/dist/index116.js +1 -1
  27. package/dist/index117.cjs +1 -1
  28. package/dist/index117.js +5 -1
  29. package/dist/index118.cjs +1 -1
  30. package/dist/index118.js +1 -1
  31. package/dist/index119.cjs +1 -1
  32. package/dist/index119.js +1 -1
  33. package/dist/index120.cjs +1 -1
  34. package/dist/index120.js +1 -1
  35. package/dist/index121.cjs +1 -1
  36. package/dist/index121.js +1 -1
  37. package/dist/index123.cjs +1 -1
  38. package/dist/index123.js +1 -1
  39. package/dist/index124.cjs +1 -1
  40. package/dist/index124.js +1 -1
  41. package/dist/index48.cjs +1 -1
  42. package/dist/index48.js +4 -4
  43. package/dist/index64.cjs +1 -1
  44. package/dist/index64.js +1 -1
  45. package/dist/index73.cjs +1 -1
  46. package/dist/index73.js +1 -1
  47. package/dist/index83.cjs +1 -1
  48. package/dist/index83.js +1 -1
  49. package/dist/index96.cjs +1 -1
  50. package/dist/index96.js +1 -1
  51. package/dist/src/components/layout/auth-layout/AuthLayout.component.d.ts.map +1 -1
  52. package/dist/src/components/layout/auth-layout/AuthLayout.styles.d.ts +27 -0
  53. package/dist/src/components/layout/auth-layout/AuthLayout.styles.d.ts.map +1 -1
  54. package/dist/src/components/layout/auth-layout/AuthLayout.types.d.ts +17 -0
  55. package/dist/src/components/layout/auth-layout/AuthLayout.types.d.ts.map +1 -1
  56. package/dist/styles.css +1 -1
  57. package/package.json +1 -1
package/dist/index124.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index116.cjs");function r(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const o=r(e);exports.useSize=function(e){const[r,i]=o.useState(void 0);return t.useLayoutEffect(()=>{if(e){i({width:e.offsetWidth,height:e.offsetHeight});const t=new ResizeObserver(t=>{if(!Array.isArray(t))return;if(!t.length)return;const r=t[0];let o,n;if("borderBoxSize"in r){const e=r.borderBoxSize,t=Array.isArray(e)?e[0]:e;o=t.inlineSize,n=t.blockSize}else o=e.offsetWidth,n=e.offsetHeight;i({width:o,height:n})});return t.observe(e,{box:"border-box"}),()=>t.unobserve(e)}i(void 0)},[e]),r};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index114.cjs");function r(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const o=r(e);exports.useSize=function(e){const[r,i]=o.useState(void 0);return t.useLayoutEffect(()=>{if(e){i({width:e.offsetWidth,height:e.offsetHeight});const t=new ResizeObserver(t=>{if(!Array.isArray(t))return;if(!t.length)return;const r=t[0];let o,n;if("borderBoxSize"in r){const e=r.borderBoxSize,t=Array.isArray(e)?e[0]:e;o=t.inlineSize,n=t.blockSize}else o=e.offsetWidth,n=e.offsetHeight;i({width:o,height:n})});return t.observe(e,{box:"border-box"}),()=>t.unobserve(e)}i(void 0)},[e]),r};
package/dist/index124.js CHANGED
@@ -1 +1 @@
1
- import*as e from"react";import{useLayoutEffect as r}from"./index116.js";function t(t){const[i,o]=e.useState(void 0);return r(()=>{if(t){o({width:t.offsetWidth,height:t.offsetHeight});const e=new ResizeObserver(e=>{if(!Array.isArray(e))return;if(!e.length)return;const r=e[0];let i,s;if("borderBoxSize"in r){const e=r.borderBoxSize,t=Array.isArray(e)?e[0]:e;i=t.inlineSize,s=t.blockSize}else i=t.offsetWidth,s=t.offsetHeight;o({width:i,height:s})});return e.observe(t,{box:"border-box"}),()=>e.unobserve(t)}o(void 0)},[t]),i}export{t as useSize};
1
+ import*as e from"react";import{useLayoutEffect as r}from"./index114.js";function t(t){const[i,o]=e.useState(void 0);return r(()=>{if(t){o({width:t.offsetWidth,height:t.offsetHeight});const e=new ResizeObserver(e=>{if(!Array.isArray(e))return;if(!e.length)return;const r=e[0];let i,s;if("borderBoxSize"in r){const e=r.borderBoxSize,t=Array.isArray(e)?e[0]:e;i=t.inlineSize,s=t.blockSize}else i=t.offsetWidth,s=t.offsetHeight;o({width:i,height:s})});return e.observe(t,{box:"border-box"}),()=>e.unobserve(t)}o(void 0)},[t]),i}export{t as useSize};
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"),n=require("./index5.cjs"),l=require("./index96.cjs"),r=a.forwardRef(({children:a,logoCenterOnMobile:r=!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,scrollMode:x="auto",className:S,headerClassName:$,"data-testid":j,"data-cy":v,...C},k)=>{const N=v||"auth-layout",M=j||"auth-layout",W="contained"===x?l.rootContainedStyles:l.rootAutoStyles;return e.jsxs("div",{ref:k,className:t.cn(W,S),"data-testid":M,"data-cy":N,"data-scroll-mode":x,...C,children:[e.jsx("div",{className:t.cn(l.backgroundStyles),"data-testid":`${M}-background`,"data-cy":`${N}-background`,"aria-hidden":"true"}),e.jsxs("header",{className:t.cn(l.headerBaseStyles,(y||g||null!=i)&&l.headerDesktopLayoutAlwaysStyles,r&&!(y||g||null!=i)&&l.headerMobileLogoCenterStyles,null!=i&&l.headerWithNavStyles,$),"data-testid":`${M}-header`,"data-cy":`${N}-header`,children:[c?e.jsx("button",{type:"button",onClick:c,className:t.cn(l.logoWrapperBaseStyles,l.logoButtonStyles,r&&!(y||g||null!=i)&&l.logoWrapperMobileCenterStyles),"data-testid":`${M}-logo`,"data-cy":`${N}-logo`,"aria-label":u,children:o}):e.jsx("div",{className:t.cn(l.logoWrapperBaseStyles,r&&!(y||g||null!=i)&&l.logoWrapperMobileCenterStyles),"data-testid":`${M}-logo`,"data-cy":`${N}-logo`,children:o}),null!=i&&e.jsx("nav",{className:l.navWrapperStyles,"data-testid":`${M}-nav`,"data-cy":`${N}-nav`,children:i}),(y||g||null!=i)&&e.jsxs("nav",{className:t.cn(l.menuWrapperStyles),"aria-label":"Header menu","data-testid":`${M}-menu`,"data-cy":`${N}-menu`,children:[y&&e.jsx(n.MenuIconButton,{variant:"settings",selected:"settings"===p,onClick:b,"aria-label":"Settings","data-testid":`${M}-settings-btn`,"data-cy":`${N}-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":`${M}-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":`${M}-hamburger`,"data-cy":`${N}-hamburger`,children:e.jsx(s.Icon,{name:"CustomHamburgerIcon",size:"lg",color:"text",decorative:!0})})]})]}),a]})});r.displayName="AuthLayout",exports.AuthLayout=r;
package/dist/index48.js CHANGED
@@ -1,4 +1,4 @@
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,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,rootContainedStyles as $,rootAutoStyles as y}from"./index96.js";const p=t(({children:t,logoCenterOnMobile:p=!1,logo:v,nav:C,onHamburgerClick:N,onLogoClick:k,logoAriaLabel:f="Go to home",showSettings:x=!0,showUserMenu:j=!0,userInitials:M,onSettingsClick:U,onUserMenuClick:H,activeMenu:L=null,scrollMode:S="auto",className:w,headerClassName:A,"data-testid":I,"data-cy":O,...z},G)=>{const q=O||"auth-layout",B=I||"auth-layout";/* @__PURE__ */
2
+ return a("div",{ref:G,className:n("contained"===S?$:y,w),"data-testid":B,"data-cy":q,"data-scroll-mode":S,...z,children:[
3
+ /* @__PURE__ */e("div",{className:n(s),"data-testid":`${B}-background`,"data-cy":`${q}-background`,"aria-hidden":"true"}),
4
+ /* @__PURE__ */a("header",{className:n(h,(x||j||null!=C)&&b,p&&!(x||j||null!=C)&&g,null!=C&&m,A),"data-testid":`${B}-header`,"data-cy":`${q}-header`,children:[k?/* @__PURE__ */e("button",{type:"button",onClick:k,className:n(c,d,p&&!(x||j||null!=C)&&o),"data-testid":`${B}-logo`,"data-cy":`${q}-logo`,"aria-label":f,children:v}):/* @__PURE__ */e("div",{className:n(c,p&&!(x||j||null!=C)&&o),"data-testid":`${B}-logo`,"data-cy":`${q}-logo`,children:v}),null!=C&&/* @__PURE__ */e("nav",{className:i,"data-testid":`${B}-nav`,"data-cy":`${q}-nav`,children:C}),(x||j||null!=C)&&/* @__PURE__ */a("nav",{className:n(u),"aria-label":"Header menu","data-testid":`${B}-menu`,"data-cy":`${q}-menu`,children:[x&&/* @__PURE__ */e(r,{variant:"settings",selected:"settings"===L,onClick:U,"aria-label":"Settings","data-testid":`${B}-settings-btn`,"data-cy":`${q}-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":`${B}-user-btn`,"data-cy":`${q}-user-btn`}),null!=C&&/* @__PURE__ */e("button",{type:"button",onClick:N,className:"hidden max-lg:flex items-center justify-center p-2 bg-transparent border-none cursor-pointer","aria-label":"Open menu","data-testid":`${B}-hamburger`,"data-cy":`${q}-hamburger`,children:/* @__PURE__ */e(l,{name:"CustomHamburgerIcon",size:"lg",color:"text",decorative:!0})})]})]}),t]})});p.displayName="AuthLayout";export{p as AuthLayout};
package/dist/index64.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index57.cjs"),s=require("./index73.cjs"),a=require("./index104.cjs"),l=require("./index66.cjs"),n=require("./index75.cjs"),i=t.forwardRef(({type:i="text",label:o,tooltip:c,error:d,helperText:u,fullWidth:h=!1,leftIcon:p,showPasswordToggle:f=!0,showLastChar:g=!0,lastCharDelay:x=500,validate:y,onValidationChange:j,className:v,id:m,onChange:S,onBlur:C,required:N,value:b,"data-cy":k,"data-testid":w,...$},T)=>{const[q,L]=t.useState(!1),[M,R]=t.useState(),[W,E]=t.useState(!1),[I,B]=t.useState(!1),F=t.useRef(!1),[P,z]=t.useState(""),D=t.useRef(""),O=t.useRef(null),V=t.useRef(null),H=l.useMergedRef(T,V),_=t.useId(),A=m||_,G=`${A}-error`,J=`${A}-helper`,K=k||"input",Q=w||"input",U="password"===i,X=U&&f,Y=U&&g&&!q&&void 0===b,Z=U&&(q||Y&&D.current.length>0)?"text":i,ee=o&&N&&!o.includes("*")?`${o} *`:o,te=t.useMemo(()=>n.debounce(e=>{if(y&&F.current){const t=y(e);R(t),j?.(!t)}},300),[y,j]),re=t.useRef(te);t.useEffect(()=>{re.current=te},[te]),t.useEffect(()=>{process.env.NODE_ENV},[U,g,b]),t.useEffect(()=>()=>{O.current&&clearTimeout(O.current),re.current.cancel()},[]);const se=Y&&void 0===b?P:q&&U&&void 0===b?D.current||"":b,ae=d||M,le=$.disabled?"disabled":ae?"error":W?"focus":I?"hover":"idle";return e.jsxs("div",{className:a.wrapperStyles,"data-cy":`${K}-wrapper`,"data-testid":`${Q}-wrapper`,children:[(o||c)&&e.jsxs("div",{className:a.labelRowStyles,children:[o&&e.jsx("label",{htmlFor:A,className:a.labelStyles,"data-cy":`${K}-label`,"data-testid":`${Q}-label`,children:ee}),c&&e.jsx(s.FormTooltip,{content:c,triggerClassName:a.tooltipTriggerStyles,contentClassName:a.tooltipContentStyles,dataCyPrefix:K,dataTestIdPrefix:Q})]}),e.jsxs("div",{className:a.fieldContainerStyles,children:[p&&e.jsx("span",{className:a.leftIconStyles,"data-cy":`${K}-left-icon`,"data-testid":`${Q}-left-icon`,"aria-hidden":"true",children:p}),e.jsx("input",{ref:H,id:A,type:Z,value:se,className:r.cn(a.inputBaseStyles,ae&&a.inputErrorStyles,p&&a.inputWithLeftIconStyles,X&&a.inputWithToggleStyles,v),"aria-invalid":ae?"true":"false","aria-required":N?"true":void 0,"aria-describedby":ae?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":le,onChange:e=>{let t=e.target.value;if(Y){const r=e.target.value,s=D.current,a=P.length;let l;if(0===r.length)l="";else if(r.length>a){const e=r.slice(a);l=s+e}else if(r.length<a)l=s.slice(0,r.length);else{const e=r.slice(-1);l=s.slice(0,-1)+e}D.current=l;const n=l?"•".repeat(l.length-1)+l.slice(-1):"";if(z(n),t=l,S){const t={...e,target:{...e.target,value:l},currentTarget:{...e.currentTarget,value:l}};S(t)}O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{z("•".repeat(l.length))},x)}else S?.(e);F.current&&te(t)},onFocus:e=>{E(!0),$.onFocus?.(e)},onBlur:e=>{if(E(!1),F.current=!0,y){const t=Y?D.current:e.target.value,r=y(t);R(r),j?.(!r)}C?.(e)},onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),required:N,...$}),X&&e.jsx("button",{type:"button",className:a.toggleStyles,onClick:()=>{L(e=>!e),setTimeout(()=>V.current?.focus(),0)},"aria-label":q?"Hide password":"Show password","data-cy":`${K}-toggle`,"data-testid":`${Q}-toggle`,children:q?e.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}):e.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),e.jsx("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]}),ae&&e.jsx("span",{id:G,className:a.errorStyles,role:"alert","data-cy":`${K}-error`,"data-testid":`${Q}-error`,children:ae}),u&&!ae&&e.jsx("span",{id:J,className:a.helperStyles,"data-cy":`${K}-helper`,"data-testid":`${Q}-helper`,children:u})]})});i.displayName="Input",exports.Input=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index57.cjs"),s=require("./index73.cjs"),a=require("./index116.cjs"),l=require("./index66.cjs"),n=require("./index75.cjs"),i=t.forwardRef(({type:i="text",label:o,tooltip:c,error:d,helperText:u,fullWidth:h=!1,leftIcon:p,showPasswordToggle:f=!0,showLastChar:g=!0,lastCharDelay:x=500,validate:y,onValidationChange:j,className:v,id:m,onChange:S,onBlur:C,required:N,value:b,"data-cy":k,"data-testid":w,...$},T)=>{const[q,L]=t.useState(!1),[M,R]=t.useState(),[W,E]=t.useState(!1),[I,B]=t.useState(!1),F=t.useRef(!1),[P,z]=t.useState(""),D=t.useRef(""),O=t.useRef(null),V=t.useRef(null),H=l.useMergedRef(T,V),_=t.useId(),A=m||_,G=`${A}-error`,J=`${A}-helper`,K=k||"input",Q=w||"input",U="password"===i,X=U&&f,Y=U&&g&&!q&&void 0===b,Z=U&&(q||Y&&D.current.length>0)?"text":i,ee=o&&N&&!o.includes("*")?`${o} *`:o,te=t.useMemo(()=>n.debounce(e=>{if(y&&F.current){const t=y(e);R(t),j?.(!t)}},300),[y,j]),re=t.useRef(te);t.useEffect(()=>{re.current=te},[te]),t.useEffect(()=>{process.env.NODE_ENV},[U,g,b]),t.useEffect(()=>()=>{O.current&&clearTimeout(O.current),re.current.cancel()},[]);const se=Y&&void 0===b?P:q&&U&&void 0===b?D.current||"":b,ae=d||M,le=$.disabled?"disabled":ae?"error":W?"focus":I?"hover":"idle";return e.jsxs("div",{className:a.wrapperStyles,"data-cy":`${K}-wrapper`,"data-testid":`${Q}-wrapper`,children:[(o||c)&&e.jsxs("div",{className:a.labelRowStyles,children:[o&&e.jsx("label",{htmlFor:A,className:a.labelStyles,"data-cy":`${K}-label`,"data-testid":`${Q}-label`,children:ee}),c&&e.jsx(s.FormTooltip,{content:c,triggerClassName:a.tooltipTriggerStyles,contentClassName:a.tooltipContentStyles,dataCyPrefix:K,dataTestIdPrefix:Q})]}),e.jsxs("div",{className:a.fieldContainerStyles,children:[p&&e.jsx("span",{className:a.leftIconStyles,"data-cy":`${K}-left-icon`,"data-testid":`${Q}-left-icon`,"aria-hidden":"true",children:p}),e.jsx("input",{ref:H,id:A,type:Z,value:se,className:r.cn(a.inputBaseStyles,ae&&a.inputErrorStyles,p&&a.inputWithLeftIconStyles,X&&a.inputWithToggleStyles,v),"aria-invalid":ae?"true":"false","aria-required":N?"true":void 0,"aria-describedby":ae?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":le,onChange:e=>{let t=e.target.value;if(Y){const r=e.target.value,s=D.current,a=P.length;let l;if(0===r.length)l="";else if(r.length>a){const e=r.slice(a);l=s+e}else if(r.length<a)l=s.slice(0,r.length);else{const e=r.slice(-1);l=s.slice(0,-1)+e}D.current=l;const n=l?"•".repeat(l.length-1)+l.slice(-1):"";if(z(n),t=l,S){const t={...e,target:{...e.target,value:l},currentTarget:{...e.currentTarget,value:l}};S(t)}O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{z("•".repeat(l.length))},x)}else S?.(e);F.current&&te(t)},onFocus:e=>{E(!0),$.onFocus?.(e)},onBlur:e=>{if(E(!1),F.current=!0,y){const t=Y?D.current:e.target.value,r=y(t);R(r),j?.(!r)}C?.(e)},onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),required:N,...$}),X&&e.jsx("button",{type:"button",className:a.toggleStyles,onClick:()=>{L(e=>!e),setTimeout(()=>V.current?.focus(),0)},"aria-label":q?"Hide password":"Show password","data-cy":`${K}-toggle`,"data-testid":`${Q}-toggle`,children:q?e.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}):e.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),e.jsx("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]}),ae&&e.jsx("span",{id:G,className:a.errorStyles,role:"alert","data-cy":`${K}-error`,"data-testid":`${Q}-error`,children:ae}),u&&!ae&&e.jsx("span",{id:J,className:a.helperStyles,"data-cy":`${K}-helper`,"data-testid":`${Q}-helper`,children:u})]})});i.displayName="Input",exports.Input=i;
package/dist/index64.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useState as a,useRef as n,useId as o,useMemo as i,useEffect as l}from"react";import{cn as s}from"./index57.js";import{FormTooltip as c}from"./index73.js";import{wrapperStyles as d,labelRowStyles as u,labelStyles as h,tooltipContentStyles as p,tooltipTriggerStyles as m,fieldContainerStyles as f,leftIconStyles as g,inputWithToggleStyles as v,inputWithLeftIconStyles as y,inputErrorStyles as N,inputBaseStyles as k,toggleStyles as x,errorStyles as C,helperStyles as $}from"./index104.js";import{useMergedRef as w}from"./index66.js";import{debounce as b}from"./index75.js";const T=t(({type:t="text",label:T,tooltip:j,error:L,helperText:W,fullWidth:M=!1,leftIcon:B,showPasswordToggle:q=!0,showLastChar:E=!0,lastCharDelay:F=500,validate:I,onValidationChange:P,className:z,id:D,onChange:V,onBlur:H,required:O,value:S,"data-cy":_,"data-testid":A,...G},J)=>{const[K,Q]=a(!1),[R,U]=a(),[X,Y]=a(!1),[Z,ee]=a(!1),re=n(!1),[te,ae]=a(""),ne=n(""),oe=n(null),ie=n(null),le=w(J,ie),se=o(),ce=D||se,de=`${ce}-error`,ue=`${ce}-helper`,he=_||"input",pe=A||"input",me="password"===t,fe=me&&q,ge=me&&E&&!K&&void 0===S,ve=me&&(K||ge&&ne.current.length>0)?"text":t,ye=T&&O&&!T.includes("*")?`${T} *`:T,Ne=i(()=>b(e=>{if(I&&re.current){const r=I(e);U(r),P?.(!r)}},300),[I,P]),ke=n(Ne);l(()=>{ke.current=Ne},[Ne]),l(()=>{process.env.NODE_ENV},[me,E,S]),l(()=>()=>{oe.current&&clearTimeout(oe.current),ke.current.cancel()},[]);const xe=ge&&void 0===S?te:K&&me&&void 0===S?ne.current||"":S,Ce=L||R,$e=G.disabled?"disabled":Ce?"error":X?"focus":Z?"hover":"idle";/* @__PURE__ */
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useState as a,useRef as n,useId as o,useMemo as i,useEffect as l}from"react";import{cn as s}from"./index57.js";import{FormTooltip as c}from"./index73.js";import{wrapperStyles as d,labelRowStyles as u,labelStyles as h,tooltipContentStyles as p,tooltipTriggerStyles as m,fieldContainerStyles as f,leftIconStyles as g,inputWithToggleStyles as v,inputWithLeftIconStyles as y,inputErrorStyles as N,inputBaseStyles as k,toggleStyles as x,errorStyles as C,helperStyles as $}from"./index116.js";import{useMergedRef as w}from"./index66.js";import{debounce as b}from"./index75.js";const T=t(({type:t="text",label:T,tooltip:j,error:L,helperText:W,fullWidth:M=!1,leftIcon:B,showPasswordToggle:q=!0,showLastChar:E=!0,lastCharDelay:F=500,validate:I,onValidationChange:P,className:z,id:D,onChange:V,onBlur:H,required:O,value:S,"data-cy":_,"data-testid":A,...G},J)=>{const[K,Q]=a(!1),[R,U]=a(),[X,Y]=a(!1),[Z,ee]=a(!1),re=n(!1),[te,ae]=a(""),ne=n(""),oe=n(null),ie=n(null),le=w(J,ie),se=o(),ce=D||se,de=`${ce}-error`,ue=`${ce}-helper`,he=_||"input",pe=A||"input",me="password"===t,fe=me&&q,ge=me&&E&&!K&&void 0===S,ve=me&&(K||ge&&ne.current.length>0)?"text":t,ye=T&&O&&!T.includes("*")?`${T} *`:T,Ne=i(()=>b(e=>{if(I&&re.current){const r=I(e);U(r),P?.(!r)}},300),[I,P]),ke=n(Ne);l(()=>{ke.current=Ne},[Ne]),l(()=>{process.env.NODE_ENV},[me,E,S]),l(()=>()=>{oe.current&&clearTimeout(oe.current),ke.current.cancel()},[]);const xe=ge&&void 0===S?te:K&&me&&void 0===S?ne.current||"":S,Ce=L||R,$e=G.disabled?"disabled":Ce?"error":X?"focus":Z?"hover":"idle";/* @__PURE__ */
2
2
  return e("div",{className:d,"data-cy":`${he}-wrapper`,"data-testid":`${pe}-wrapper`,children:[(T||j)&&/* @__PURE__ */e("div",{className:u,children:[T&&/* @__PURE__ */r("label",{htmlFor:ce,className:h,"data-cy":`${he}-label`,"data-testid":`${pe}-label`,children:ye}),j&&/* @__PURE__ */r(c,{content:j,triggerClassName:m,contentClassName:p,dataCyPrefix:he,dataTestIdPrefix:pe})]}),
3
3
  /* @__PURE__ */e("div",{className:f,children:[B&&/* @__PURE__ */r("span",{className:g,"data-cy":`${he}-left-icon`,"data-testid":`${pe}-left-icon`,"aria-hidden":"true",children:B}),
4
4
  /* @__PURE__ */r("input",{ref:le,id:ce,type:ve,value:xe,className:s(k,Ce&&N,B&&y,fe&&v,z),"aria-invalid":Ce?"true":"false","aria-required":O?"true":void 0,"aria-describedby":Ce?de:W?ue:void 0,"data-cy":he,"data-testid":pe,"data-state":$e,onChange:e=>{let r=e.target.value;if(ge){const t=e.target.value,a=ne.current,n=te.length;let o;if(0===t.length)o="";else if(t.length>n){const e=t.slice(n);o=a+e}else if(t.length<n)o=a.slice(0,t.length);else{const e=t.slice(-1);o=a.slice(0,-1)+e}ne.current=o;const i=o?"•".repeat(o.length-1)+o.slice(-1):"";if(ae(i),r=o,V){const r={...e,target:{...e.target,value:o},currentTarget:{...e.currentTarget,value:o}};V(r)}oe.current&&clearTimeout(oe.current),oe.current=setTimeout(()=>{ae("•".repeat(o.length))},F)}else V?.(e);re.current&&Ne(r)},onFocus:e=>{Y(!0),G.onFocus?.(e)},onBlur:e=>{if(Y(!1),re.current=!0,I){const r=ge?ne.current:e.target.value,t=I(r);U(t),P?.(!t)}H?.(e)},onMouseEnter:()=>ee(!0),onMouseLeave:()=>ee(!1),required:O,...G}),fe&&/* @__PURE__ */r("button",{type:"button",className:x,onClick:()=>{Q(e=>!e),setTimeout(()=>ie.current?.focus(),0)},"aria-label":K?"Hide password":"Show password","data-cy":`${he}-toggle`,"data-testid":`${pe}-toggle`,children:/* @__PURE__ */e("svg",K?{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[
package/dist/index73.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index105.cjs");exports.FormTooltip=function({content:n,triggerClassName:o,contentClassName:s,dataCyPrefix:c,dataTestIdPrefix:i}){const[a,l]=t.useState(!1),u=t.useRef(!1),d=t.useRef(!1),x=t.useRef(null),f=t.useRef(null),m=t.useCallback(e=>{d.current||!e&&u.current||l(e)},[]),p=t.useCallback(()=>{d.current=!0,x.current&&clearTimeout(x.current),x.current=setTimeout(()=>{d.current=!1},300)},[]),g=t.useCallback(()=>{l(e=>{const t=!e;return u.current=t,t})},[]);return t.useEffect(()=>{if(!a||!u.current)return;const e=e=>{f.current?.contains(e.target)||(u.current=!1,d.current=!1,l(!1))};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[a]),t.useEffect(()=>()=>{x.current&&clearTimeout(x.current)},[]),e.jsx(r.Provider,{delayDuration:200,children:e.jsxs(r.Root,{open:a,onOpenChange:m,children:[e.jsx(r.Trigger,{asChild:!0,children:e.jsx("button",{ref:f,type:"button",className:o,"aria-label":"More information",onPointerDown:p,onClick:g,"data-cy":`${c}-tooltip-trigger`,"data-testid":`${i}-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(r.Portal,{children:e.jsxs(r.Content,{className:s,side:"top",sideOffset:4,"data-cy":`${c}-tooltip-content`,"data-testid":`${i}-tooltip-content`,children:[n,e.jsx(r.Arrow,{className:"fill-text"})]})})]})})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index117.cjs");exports.FormTooltip=function({content:n,triggerClassName:o,contentClassName:s,dataCyPrefix:c,dataTestIdPrefix:i}){const[a,l]=t.useState(!1),u=t.useRef(!1),d=t.useRef(!1),x=t.useRef(null),f=t.useRef(null),m=t.useCallback(e=>{d.current||!e&&u.current||l(e)},[]),p=t.useCallback(()=>{d.current=!0,x.current&&clearTimeout(x.current),x.current=setTimeout(()=>{d.current=!1},300)},[]),g=t.useCallback(()=>{l(e=>{const t=!e;return u.current=t,t})},[]);return t.useEffect(()=>{if(!a||!u.current)return;const e=e=>{f.current?.contains(e.target)||(u.current=!1,d.current=!1,l(!1))};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[a]),t.useEffect(()=>()=>{x.current&&clearTimeout(x.current)},[]),e.jsx(r.Provider,{delayDuration:200,children:e.jsxs(r.Root,{open:a,onOpenChange:m,children:[e.jsx(r.Trigger,{asChild:!0,children:e.jsx("button",{ref:f,type:"button",className:o,"aria-label":"More information",onPointerDown:p,onClick:g,"data-cy":`${c}-tooltip-trigger`,"data-testid":`${i}-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(r.Portal,{children:e.jsxs(r.Content,{className:s,side:"top",sideOffset:4,"data-cy":`${c}-tooltip-content`,"data-testid":`${i}-tooltip-content`,children:[n,e.jsx(r.Arrow,{className:"fill-text"})]})})]})})};
package/dist/index73.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useState as e,useRef as n,useCallback as o,useEffect as c}from"react";import{Provider as i,Root as a,Trigger as l,Portal as s,Content as u,Arrow as d}from"./index105.js";function m({content:m,triggerClassName:p,contentClassName:f,dataCyPrefix:h,dataTestIdPrefix:g}){const[w,x]=e(!1),C=n(!1),y=n(!1),k=n(null),v=n(null),N=o(t=>{y.current||!t&&C.current||x(t)},[]),T=o(()=>{y.current=!0,k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{y.current=!1},300)},[]),$=o(()=>{x(t=>{const r=!t;return C.current=r,r})},[]);return c(()=>{if(!w||!C.current)return;const t=t=>{v.current?.contains(t.target)||(C.current=!1,y.current=!1,x(!1))};return document.addEventListener("pointerdown",t),()=>document.removeEventListener("pointerdown",t)},[w]),c(()=>()=>{k.current&&clearTimeout(k.current)},[]),/* @__PURE__ */t(i,{delayDuration:200,children:/* @__PURE__ */r(a,{open:w,onOpenChange:N,children:[
1
+ import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useState as e,useRef as n,useCallback as o,useEffect as c}from"react";import{Provider as i,Root as a,Trigger as l,Portal as s,Content as u,Arrow as d}from"./index117.js";function m({content:m,triggerClassName:p,contentClassName:f,dataCyPrefix:h,dataTestIdPrefix:g}){const[w,x]=e(!1),C=n(!1),y=n(!1),k=n(null),v=n(null),N=o(t=>{y.current||!t&&C.current||x(t)},[]),T=o(()=>{y.current=!0,k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{y.current=!1},300)},[]),$=o(()=>{x(t=>{const r=!t;return C.current=r,r})},[]);return c(()=>{if(!w||!C.current)return;const t=t=>{v.current?.contains(t.target)||(C.current=!1,y.current=!1,x(!1))};return document.addEventListener("pointerdown",t),()=>document.removeEventListener("pointerdown",t)},[w]),c(()=>()=>{k.current&&clearTimeout(k.current)},[]),/* @__PURE__ */t(i,{delayDuration:200,children:/* @__PURE__ */r(a,{open:w,onOpenChange:N,children:[
2
2
  /* @__PURE__ */t(l,{asChild:!0,children:/* @__PURE__ */t("button",{ref:v,type:"button",className:p,"aria-label":"More information",onPointerDown:T,onClick:$,"data-cy":`${h}-tooltip-trigger`,"data-testid":`${g}-tooltip-trigger`,children:/* @__PURE__ */r("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[
3
3
  /* @__PURE__ */t("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),
4
4
  /* @__PURE__ */t("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),
package/dist/index83.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom"),r=require("./index106.cjs"),n=require("./index107.cjs"),o=require("./index108.cjs"),s=require("./index109.cjs"),i=require("./index110.cjs"),a=require("./index111.cjs"),c=require("./index112.cjs"),u=require("./index113.cjs"),d=require("./index114.cjs"),l=require("./index115.cjs"),p=require("./index116.cjs"),f=require("./index117.cjs"),v=require("react/jsx-runtime");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const m=w(e),x=w(t);var T="ToastProvider",[y,E,h]=o.createCollection("Toast"),[b]=s.createContextScope("Toast",[h]),[C,g]=b(T),P=e=>{const{__scopeToast:t,label:r="Notification",duration:n=5e3,swipeDirection:o="right",swipeThreshold:s=50,children:i}=e,[a,c]=m.useState(null),[u,d]=m.useState(0),l=m.useRef(!1),p=m.useRef(!1);return r.trim(),v.jsx(y.Provider,{scope:t,children:v.jsx(C,{scope:t,label:r,duration:n,swipeDirection:o,swipeThreshold:s,toastCount:u,viewport:a,onViewportChange:c,onToastAdd:m.useCallback(()=>d(e=>e+1),[]),onToastRemove:m.useCallback(()=>d(e=>e-1),[]),isFocusedToastEscapeKeyDownRef:l,isClosePausedRef:p,children:i})})};P.displayName=T;var R="ToastViewport",j=["F8"],D="toast.viewportPause",S="toast.viewportResume",L=m.forwardRef((e,t)=>{const{__scopeToast:r,hotkey:o=j,label:s="Notifications ({hotkey})",...a}=e,c=g(R,r),d=E(r),l=m.useRef(null),p=m.useRef(null),f=m.useRef(null),w=m.useRef(null),x=n.useComposedRefs(t,w,c.onViewportChange),T=o.join("+").replace(/Key/g,"").replace(/Digit/g,""),h=c.toastCount>0;m.useEffect(()=>{const e=e=>{0!==o.length&&o.every(t=>e[t]||e.code===t)&&w.current?.focus()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[o]),m.useEffect(()=>{const e=l.current,t=w.current;if(h&&e&&t){const r=()=>{if(!c.isClosePausedRef.current){const e=new CustomEvent(D);t.dispatchEvent(e),c.isClosePausedRef.current=!0}},n=()=>{if(c.isClosePausedRef.current){const e=new CustomEvent(S);t.dispatchEvent(e),c.isClosePausedRef.current=!1}},o=t=>{!e.contains(t.relatedTarget)&&n()},s=()=>{e.contains(document.activeElement)||n()};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointermove",r),e.addEventListener("pointerleave",s),window.addEventListener("blur",r),window.addEventListener("focus",n),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointermove",r),e.removeEventListener("pointerleave",s),window.removeEventListener("blur",r),window.removeEventListener("focus",n)}}},[h,c.isClosePausedRef]);const b=m.useCallback(({tabbingDirection:e})=>{const t=d().map(t=>{const r=t.ref.current,n=[r,...Y(r)];return"forwards"===e?n:n.reverse()});return("forwards"===e?t.reverse():t).flat()},[d]);return m.useEffect(()=>{const e=w.current;if(e){const t=t=>{const r=t.altKey||t.ctrlKey||t.metaKey;if("Tab"===t.key&&!r){const r=document.activeElement,n=t.shiftKey;if(t.target===e&&n)return void p.current?.focus();const o=b({tabbingDirection:n?"backwards":"forwards"}),s=o.findIndex(e=>e===r);z(o.slice(s+1))?t.preventDefault():n?p.current?.focus():f.current?.focus()}};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}},[d,b]),v.jsxs(i.Branch,{ref:l,role:"region","aria-label":s.replace("{hotkey}",T),tabIndex:-1,style:{pointerEvents:h?void 0:"none"},children:[h&&v.jsx(_,{ref:p,onFocusFromOutsideViewport:()=>{z(b({tabbingDirection:"forwards"}))}}),v.jsx(y.Slot,{scope:r,children:v.jsx(u.Primitive.ol,{tabIndex:-1,...a,ref:x})}),h&&v.jsx(_,{ref:f,onFocusFromOutsideViewport:()=>{z(b({tabbingDirection:"backwards"}))}})]})});L.displayName=R;var F="ToastFocusProxy",_=m.forwardRef((e,t)=>{const{__scopeToast:r,onFocusFromOutsideViewport:n,...o}=e,s=g(F,r);return v.jsx(f.VisuallyHidden,{tabIndex:0,...o,ref:t,style:{position:"fixed"},onFocus:e=>{const t=e.relatedTarget;!s.viewport?.contains(t)&&n()}})});_.displayName=F;var N="Toast",k=m.forwardRef((e,t)=>{const{forceMount:n,open:o,defaultOpen:s,onOpenChange:i,...a}=e,[u,p]=l.useControllableState({prop:o,defaultProp:s??!0,onChange:i,caller:N});return v.jsx(c.Presence,{present:n||u,children:v.jsx(q,{open:u,...a,ref:t,onClose:()=>p(!1),onPause:d.useCallbackRef(e.onPause),onResume:d.useCallbackRef(e.onResume),onSwipeStart:r.composeEventHandlers(e.onSwipeStart,e=>{e.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:r.composeEventHandlers(e.onSwipeMove,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","move"),e.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${r}px`)}),onSwipeCancel:r.composeEventHandlers(e.onSwipeCancel,e=>{e.currentTarget.setAttribute("data-swipe","cancel"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:r.composeEventHandlers(e.onSwipeEnd,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","end"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${r}px`),p(!1)})})})});k.displayName=N;var[A,M]=b(N,{onClose(){}}),q=m.forwardRef((e,t)=>{const{__scopeToast:o,type:s="foreground",duration:a,open:c,onClose:l,onEscapeKeyDown:p,onPause:f,onResume:w,onSwipeStart:T,onSwipeMove:E,onSwipeCancel:h,onSwipeEnd:b,...C}=e,P=g(N,o),[R,j]=m.useState(null),L=n.useComposedRefs(t,e=>j(e)),F=m.useRef(null),_=m.useRef(null),k=a||P.duration,M=m.useRef(0),q=m.useRef(k),K=m.useRef(0),{onToastAdd:H,onToastRemove:O}=P,V=d.useCallbackRef(()=>{const e=R?.contains(document.activeElement);e&&P.viewport?.focus(),l()}),$=m.useCallback(e=>{e&&e!==1/0&&(window.clearTimeout(K.current),M.current=(new Date).getTime(),K.current=window.setTimeout(V,e))},[V]);m.useEffect(()=>{const e=P.viewport;if(e){const t=()=>{$(q.current),w?.()},r=()=>{const e=(new Date).getTime()-M.current;q.current=q.current-e,window.clearTimeout(K.current),f?.()};return e.addEventListener(D,r),e.addEventListener(S,t),()=>{e.removeEventListener(D,r),e.removeEventListener(S,t)}}},[P.viewport,k,f,w,$]),m.useEffect(()=>{c&&!P.isClosePausedRef.current&&$(k)},[c,k,P.isClosePausedRef,$]),m.useEffect(()=>(H(),()=>O()),[H,O]);const U=m.useMemo(()=>R?X(R):null,[R]);return P.viewport?v.jsxs(v.Fragment,{children:[U&&v.jsx(I,{__scopeToast:o,role:"status","aria-live":"foreground"===s?"assertive":"polite",children:U}),v.jsx(A,{scope:o,onClose:V,children:x.createPortal(v.jsx(y.ItemSlot,{scope:o,children:v.jsx(i.Root,{asChild:!0,onEscapeKeyDown:r.composeEventHandlers(p,()=>{P.isFocusedToastEscapeKeyDownRef.current||V(),P.isFocusedToastEscapeKeyDownRef.current=!1}),children:v.jsx(u.Primitive.li,{tabIndex:0,"data-state":c?"open":"closed","data-swipe-direction":P.swipeDirection,...C,ref:L,style:{userSelect:"none",touchAction:"none",...e.style},onKeyDown:r.composeEventHandlers(e.onKeyDown,e=>{"Escape"===e.key&&(p?.(e.nativeEvent),e.nativeEvent.defaultPrevented||(P.isFocusedToastEscapeKeyDownRef.current=!0,V()))}),onPointerDown:r.composeEventHandlers(e.onPointerDown,e=>{0===e.button&&(F.current={x:e.clientX,y:e.clientY})}),onPointerMove:r.composeEventHandlers(e.onPointerMove,e=>{if(!F.current)return;const t=e.clientX-F.current.x,r=e.clientY-F.current.y,n=Boolean(_.current),o=["left","right"].includes(P.swipeDirection),s=["left","up"].includes(P.swipeDirection)?Math.min:Math.max,i=o?s(0,t):0,a=o?0:s(0,r),c="touch"===e.pointerType?10:2,u={x:i,y:a},d={originalEvent:e,delta:u};n?(_.current=u,B("toast.swipeMove",E,d,{discrete:!1})):W(u,P.swipeDirection,c)?(_.current=u,B("toast.swipeStart",T,d,{discrete:!1}),e.target.setPointerCapture(e.pointerId)):(Math.abs(t)>c||Math.abs(r)>c)&&(F.current=null)}),onPointerUp:r.composeEventHandlers(e.onPointerUp,e=>{const t=_.current,r=e.target;if(r.hasPointerCapture(e.pointerId)&&r.releasePointerCapture(e.pointerId),_.current=null,F.current=null,t){const r=e.currentTarget,n={originalEvent:e,delta:t};W(t,P.swipeDirection,P.swipeThreshold)?B("toast.swipeEnd",b,n,{discrete:!0}):B("toast.swipeCancel",h,n,{discrete:!0}),r.addEventListener("click",e=>e.preventDefault(),{once:!0})}})})})}),P.viewport)})]}):null}),I=e=>{const{__scopeToast:t,children:r,...n}=e,o=g(N,t),[s,i]=m.useState(!1),[c,u]=m.useState(!1);return function(e=()=>{}){const t=d.useCallbackRef(e);p.useLayoutEffect(()=>{let e=0,r=0;return e=window.requestAnimationFrame(()=>r=window.requestAnimationFrame(t)),()=>{window.cancelAnimationFrame(e),window.cancelAnimationFrame(r)}},[t])}(()=>i(!0)),m.useEffect(()=>{const e=window.setTimeout(()=>u(!0),1e3);return()=>window.clearTimeout(e)},[]),c?null:v.jsx(a.Portal,{asChild:!0,children:v.jsx(f.VisuallyHidden,{...n,children:s&&v.jsxs(v.Fragment,{children:[o.label," ",r]})})})},K=m.forwardRef((e,t)=>{const{__scopeToast:r,...n}=e;return v.jsx(u.Primitive.div,{...n,ref:t})});K.displayName="ToastTitle";var H=m.forwardRef((e,t)=>{const{__scopeToast:r,...n}=e;return v.jsx(u.Primitive.div,{...n,ref:t})});H.displayName="ToastDescription";var O=m.forwardRef((e,t)=>{const{altText:r,...n}=e;return r.trim()?v.jsx(U,{altText:r,asChild:!0,children:v.jsx($,{...n,ref:t})}):null});O.displayName="ToastAction";var V="ToastClose",$=m.forwardRef((e,t)=>{const{__scopeToast:n,...o}=e,s=M(V,n);return v.jsx(U,{asChild:!0,children:v.jsx(u.Primitive.button,{type:"button",...o,ref:t,onClick:r.composeEventHandlers(e.onClick,s.onClose)})})});$.displayName=V;var U=m.forwardRef((e,t)=>{const{__scopeToast:r,altText:n,...o}=e;return v.jsx(u.Primitive.div,{"data-radix-toast-announce-exclude":"","data-radix-toast-announce-alt":n||void 0,...o,ref:t})});function X(e){const t=[];return Array.from(e.childNodes).forEach(e=>{if(e.nodeType===e.TEXT_NODE&&e.textContent&&t.push(e.textContent),function(e){return e.nodeType===e.ELEMENT_NODE}(e)){const r=e.ariaHidden||e.hidden||"none"===e.style.display,n=""===e.dataset.radixToastAnnounceExclude;if(!r)if(n){const r=e.dataset.radixToastAnnounceAlt;r&&t.push(r)}else t.push(...X(e))}}),t}function B(e,t,r,{discrete:n}){const o=r.originalEvent.currentTarget,s=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:r});t&&o.addEventListener(e,t,{once:!0}),n?u.dispatchDiscreteCustomEvent(o,s):o.dispatchEvent(s)}var W=(e,t,r=0)=>{const n=Math.abs(e.x),o=Math.abs(e.y),s=n>o;return"left"===t||"right"===t?s&&n>r:!s&&o>r};function Y(e){const t=[],r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{const t="INPUT"===e.tagName&&"hidden"===e.type;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;r.nextNode();)t.push(r.currentNode);return t}function z(e){const t=document.activeElement;return e.some(e=>e===t||(e.focus(),document.activeElement!==t))}var G=P,J=L,Q=k,Z=K,ee=H,te=O,re=$;exports.Action=te,exports.Close=re,exports.Description=ee,exports.Provider=G,exports.Root=Q,exports.Title=Z,exports.Toast=k,exports.ToastAction=O,exports.ToastClose=$,exports.ToastDescription=H,exports.ToastProvider=P,exports.ToastTitle=K,exports.ToastViewport=L,exports.Viewport=J;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom"),r=require("./index104.cjs"),n=require("./index105.cjs"),o=require("./index106.cjs"),s=require("./index107.cjs"),i=require("./index108.cjs"),a=require("./index109.cjs"),c=require("./index110.cjs"),u=require("./index111.cjs"),d=require("./index112.cjs"),l=require("./index113.cjs"),p=require("./index114.cjs"),f=require("./index115.cjs"),v=require("react/jsx-runtime");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const m=w(e),x=w(t);var T="ToastProvider",[y,E,h]=o.createCollection("Toast"),[b]=s.createContextScope("Toast",[h]),[C,g]=b(T),P=e=>{const{__scopeToast:t,label:r="Notification",duration:n=5e3,swipeDirection:o="right",swipeThreshold:s=50,children:i}=e,[a,c]=m.useState(null),[u,d]=m.useState(0),l=m.useRef(!1),p=m.useRef(!1);return r.trim(),v.jsx(y.Provider,{scope:t,children:v.jsx(C,{scope:t,label:r,duration:n,swipeDirection:o,swipeThreshold:s,toastCount:u,viewport:a,onViewportChange:c,onToastAdd:m.useCallback(()=>d(e=>e+1),[]),onToastRemove:m.useCallback(()=>d(e=>e-1),[]),isFocusedToastEscapeKeyDownRef:l,isClosePausedRef:p,children:i})})};P.displayName=T;var R="ToastViewport",j=["F8"],D="toast.viewportPause",S="toast.viewportResume",L=m.forwardRef((e,t)=>{const{__scopeToast:r,hotkey:o=j,label:s="Notifications ({hotkey})",...a}=e,c=g(R,r),d=E(r),l=m.useRef(null),p=m.useRef(null),f=m.useRef(null),w=m.useRef(null),x=n.useComposedRefs(t,w,c.onViewportChange),T=o.join("+").replace(/Key/g,"").replace(/Digit/g,""),h=c.toastCount>0;m.useEffect(()=>{const e=e=>{0!==o.length&&o.every(t=>e[t]||e.code===t)&&w.current?.focus()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[o]),m.useEffect(()=>{const e=l.current,t=w.current;if(h&&e&&t){const r=()=>{if(!c.isClosePausedRef.current){const e=new CustomEvent(D);t.dispatchEvent(e),c.isClosePausedRef.current=!0}},n=()=>{if(c.isClosePausedRef.current){const e=new CustomEvent(S);t.dispatchEvent(e),c.isClosePausedRef.current=!1}},o=t=>{!e.contains(t.relatedTarget)&&n()},s=()=>{e.contains(document.activeElement)||n()};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointermove",r),e.addEventListener("pointerleave",s),window.addEventListener("blur",r),window.addEventListener("focus",n),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointermove",r),e.removeEventListener("pointerleave",s),window.removeEventListener("blur",r),window.removeEventListener("focus",n)}}},[h,c.isClosePausedRef]);const b=m.useCallback(({tabbingDirection:e})=>{const t=d().map(t=>{const r=t.ref.current,n=[r,...Y(r)];return"forwards"===e?n:n.reverse()});return("forwards"===e?t.reverse():t).flat()},[d]);return m.useEffect(()=>{const e=w.current;if(e){const t=t=>{const r=t.altKey||t.ctrlKey||t.metaKey;if("Tab"===t.key&&!r){const r=document.activeElement,n=t.shiftKey;if(t.target===e&&n)return void p.current?.focus();const o=b({tabbingDirection:n?"backwards":"forwards"}),s=o.findIndex(e=>e===r);z(o.slice(s+1))?t.preventDefault():n?p.current?.focus():f.current?.focus()}};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}},[d,b]),v.jsxs(i.Branch,{ref:l,role:"region","aria-label":s.replace("{hotkey}",T),tabIndex:-1,style:{pointerEvents:h?void 0:"none"},children:[h&&v.jsx(_,{ref:p,onFocusFromOutsideViewport:()=>{z(b({tabbingDirection:"forwards"}))}}),v.jsx(y.Slot,{scope:r,children:v.jsx(u.Primitive.ol,{tabIndex:-1,...a,ref:x})}),h&&v.jsx(_,{ref:f,onFocusFromOutsideViewport:()=>{z(b({tabbingDirection:"backwards"}))}})]})});L.displayName=R;var F="ToastFocusProxy",_=m.forwardRef((e,t)=>{const{__scopeToast:r,onFocusFromOutsideViewport:n,...o}=e,s=g(F,r);return v.jsx(f.VisuallyHidden,{tabIndex:0,...o,ref:t,style:{position:"fixed"},onFocus:e=>{const t=e.relatedTarget;!s.viewport?.contains(t)&&n()}})});_.displayName=F;var N="Toast",k=m.forwardRef((e,t)=>{const{forceMount:n,open:o,defaultOpen:s,onOpenChange:i,...a}=e,[u,p]=l.useControllableState({prop:o,defaultProp:s??!0,onChange:i,caller:N});return v.jsx(c.Presence,{present:n||u,children:v.jsx(q,{open:u,...a,ref:t,onClose:()=>p(!1),onPause:d.useCallbackRef(e.onPause),onResume:d.useCallbackRef(e.onResume),onSwipeStart:r.composeEventHandlers(e.onSwipeStart,e=>{e.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:r.composeEventHandlers(e.onSwipeMove,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","move"),e.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${r}px`)}),onSwipeCancel:r.composeEventHandlers(e.onSwipeCancel,e=>{e.currentTarget.setAttribute("data-swipe","cancel"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:r.composeEventHandlers(e.onSwipeEnd,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","end"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${r}px`),p(!1)})})})});k.displayName=N;var[A,M]=b(N,{onClose(){}}),q=m.forwardRef((e,t)=>{const{__scopeToast:o,type:s="foreground",duration:a,open:c,onClose:l,onEscapeKeyDown:p,onPause:f,onResume:w,onSwipeStart:T,onSwipeMove:E,onSwipeCancel:h,onSwipeEnd:b,...C}=e,P=g(N,o),[R,j]=m.useState(null),L=n.useComposedRefs(t,e=>j(e)),F=m.useRef(null),_=m.useRef(null),k=a||P.duration,M=m.useRef(0),q=m.useRef(k),K=m.useRef(0),{onToastAdd:H,onToastRemove:O}=P,V=d.useCallbackRef(()=>{const e=R?.contains(document.activeElement);e&&P.viewport?.focus(),l()}),$=m.useCallback(e=>{e&&e!==1/0&&(window.clearTimeout(K.current),M.current=(new Date).getTime(),K.current=window.setTimeout(V,e))},[V]);m.useEffect(()=>{const e=P.viewport;if(e){const t=()=>{$(q.current),w?.()},r=()=>{const e=(new Date).getTime()-M.current;q.current=q.current-e,window.clearTimeout(K.current),f?.()};return e.addEventListener(D,r),e.addEventListener(S,t),()=>{e.removeEventListener(D,r),e.removeEventListener(S,t)}}},[P.viewport,k,f,w,$]),m.useEffect(()=>{c&&!P.isClosePausedRef.current&&$(k)},[c,k,P.isClosePausedRef,$]),m.useEffect(()=>(H(),()=>O()),[H,O]);const U=m.useMemo(()=>R?X(R):null,[R]);return P.viewport?v.jsxs(v.Fragment,{children:[U&&v.jsx(I,{__scopeToast:o,role:"status","aria-live":"foreground"===s?"assertive":"polite",children:U}),v.jsx(A,{scope:o,onClose:V,children:x.createPortal(v.jsx(y.ItemSlot,{scope:o,children:v.jsx(i.Root,{asChild:!0,onEscapeKeyDown:r.composeEventHandlers(p,()=>{P.isFocusedToastEscapeKeyDownRef.current||V(),P.isFocusedToastEscapeKeyDownRef.current=!1}),children:v.jsx(u.Primitive.li,{tabIndex:0,"data-state":c?"open":"closed","data-swipe-direction":P.swipeDirection,...C,ref:L,style:{userSelect:"none",touchAction:"none",...e.style},onKeyDown:r.composeEventHandlers(e.onKeyDown,e=>{"Escape"===e.key&&(p?.(e.nativeEvent),e.nativeEvent.defaultPrevented||(P.isFocusedToastEscapeKeyDownRef.current=!0,V()))}),onPointerDown:r.composeEventHandlers(e.onPointerDown,e=>{0===e.button&&(F.current={x:e.clientX,y:e.clientY})}),onPointerMove:r.composeEventHandlers(e.onPointerMove,e=>{if(!F.current)return;const t=e.clientX-F.current.x,r=e.clientY-F.current.y,n=Boolean(_.current),o=["left","right"].includes(P.swipeDirection),s=["left","up"].includes(P.swipeDirection)?Math.min:Math.max,i=o?s(0,t):0,a=o?0:s(0,r),c="touch"===e.pointerType?10:2,u={x:i,y:a},d={originalEvent:e,delta:u};n?(_.current=u,B("toast.swipeMove",E,d,{discrete:!1})):W(u,P.swipeDirection,c)?(_.current=u,B("toast.swipeStart",T,d,{discrete:!1}),e.target.setPointerCapture(e.pointerId)):(Math.abs(t)>c||Math.abs(r)>c)&&(F.current=null)}),onPointerUp:r.composeEventHandlers(e.onPointerUp,e=>{const t=_.current,r=e.target;if(r.hasPointerCapture(e.pointerId)&&r.releasePointerCapture(e.pointerId),_.current=null,F.current=null,t){const r=e.currentTarget,n={originalEvent:e,delta:t};W(t,P.swipeDirection,P.swipeThreshold)?B("toast.swipeEnd",b,n,{discrete:!0}):B("toast.swipeCancel",h,n,{discrete:!0}),r.addEventListener("click",e=>e.preventDefault(),{once:!0})}})})})}),P.viewport)})]}):null}),I=e=>{const{__scopeToast:t,children:r,...n}=e,o=g(N,t),[s,i]=m.useState(!1),[c,u]=m.useState(!1);return function(e=()=>{}){const t=d.useCallbackRef(e);p.useLayoutEffect(()=>{let e=0,r=0;return e=window.requestAnimationFrame(()=>r=window.requestAnimationFrame(t)),()=>{window.cancelAnimationFrame(e),window.cancelAnimationFrame(r)}},[t])}(()=>i(!0)),m.useEffect(()=>{const e=window.setTimeout(()=>u(!0),1e3);return()=>window.clearTimeout(e)},[]),c?null:v.jsx(a.Portal,{asChild:!0,children:v.jsx(f.VisuallyHidden,{...n,children:s&&v.jsxs(v.Fragment,{children:[o.label," ",r]})})})},K=m.forwardRef((e,t)=>{const{__scopeToast:r,...n}=e;return v.jsx(u.Primitive.div,{...n,ref:t})});K.displayName="ToastTitle";var H=m.forwardRef((e,t)=>{const{__scopeToast:r,...n}=e;return v.jsx(u.Primitive.div,{...n,ref:t})});H.displayName="ToastDescription";var O=m.forwardRef((e,t)=>{const{altText:r,...n}=e;return r.trim()?v.jsx(U,{altText:r,asChild:!0,children:v.jsx($,{...n,ref:t})}):null});O.displayName="ToastAction";var V="ToastClose",$=m.forwardRef((e,t)=>{const{__scopeToast:n,...o}=e,s=M(V,n);return v.jsx(U,{asChild:!0,children:v.jsx(u.Primitive.button,{type:"button",...o,ref:t,onClick:r.composeEventHandlers(e.onClick,s.onClose)})})});$.displayName=V;var U=m.forwardRef((e,t)=>{const{__scopeToast:r,altText:n,...o}=e;return v.jsx(u.Primitive.div,{"data-radix-toast-announce-exclude":"","data-radix-toast-announce-alt":n||void 0,...o,ref:t})});function X(e){const t=[];return Array.from(e.childNodes).forEach(e=>{if(e.nodeType===e.TEXT_NODE&&e.textContent&&t.push(e.textContent),function(e){return e.nodeType===e.ELEMENT_NODE}(e)){const r=e.ariaHidden||e.hidden||"none"===e.style.display,n=""===e.dataset.radixToastAnnounceExclude;if(!r)if(n){const r=e.dataset.radixToastAnnounceAlt;r&&t.push(r)}else t.push(...X(e))}}),t}function B(e,t,r,{discrete:n}){const o=r.originalEvent.currentTarget,s=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:r});t&&o.addEventListener(e,t,{once:!0}),n?u.dispatchDiscreteCustomEvent(o,s):o.dispatchEvent(s)}var W=(e,t,r=0)=>{const n=Math.abs(e.x),o=Math.abs(e.y),s=n>o;return"left"===t||"right"===t?s&&n>r:!s&&o>r};function Y(e){const t=[],r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{const t="INPUT"===e.tagName&&"hidden"===e.type;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;r.nextNode();)t.push(r.currentNode);return t}function z(e){const t=document.activeElement;return e.some(e=>e===t||(e.focus(),document.activeElement!==t))}var G=P,J=L,Q=k,Z=K,ee=H,te=O,re=$;exports.Action=te,exports.Close=re,exports.Description=ee,exports.Provider=G,exports.Root=Q,exports.Title=Z,exports.Toast=k,exports.ToastAction=O,exports.ToastClose=$,exports.ToastDescription=H,exports.ToastProvider=P,exports.ToastTitle=K,exports.ToastViewport=L,exports.Viewport=J;
package/dist/index83.js CHANGED
@@ -1,4 +1,4 @@
1
- import*as e from"react";import*as t from"react-dom";import{composeEventHandlers as r}from"./index106.js";import{useComposedRefs as n}from"./index107.js";import{createCollection as o}from"./index108.js";import{createContextScope as s}from"./index109.js";import{Branch as i,Root as a}from"./index110.js";import{Portal as c}from"./index111.js";import{Presence as d}from"./index112.js";import{Primitive as u,dispatchDiscreteCustomEvent as l}from"./index113.js";import{useCallbackRef as p}from"./index114.js";import{useControllableState as f}from"./index115.js";import{useLayoutEffect as m}from"./index116.js";import{VisuallyHidden as w}from"./index117.js";import{jsx as v,jsxs as y,Fragment as T}from"react/jsx-runtime";var E="ToastProvider",[h,x,g]=o("Toast"),[C]=s("Toast",[g]),[b,R]=C(E),P=t=>{const{__scopeToast:r,label:n="Notification",duration:o=5e3,swipeDirection:s="right",swipeThreshold:i=50,children:a}=t,[c,d]=e.useState(null),[u,l]=e.useState(0),p=e.useRef(!1),f=e.useRef(!1);return n.trim(),/* @__PURE__ */v(h.Provider,{scope:r,children:/* @__PURE__ */v(b,{scope:r,label:n,duration:o,swipeDirection:s,swipeThreshold:i,toastCount:u,viewport:c,onViewportChange:d,onToastAdd:e.useCallback(()=>l(e=>e+1),[]),onToastRemove:e.useCallback(()=>l(e=>e-1),[]),isFocusedToastEscapeKeyDownRef:p,isClosePausedRef:f,children:a})})};P.displayName=E;var D="ToastViewport",L=["F8"],S="toast.viewportPause",_="toast.viewportResume",F=e.forwardRef((t,r)=>{const{__scopeToast:o,hotkey:s=L,label:a="Notifications ({hotkey})",...c}=t,d=R(D,o),l=x(o),p=e.useRef(null),f=e.useRef(null),m=e.useRef(null),w=e.useRef(null),T=n(r,w,d.onViewportChange),E=s.join("+").replace(/Key/g,"").replace(/Digit/g,""),g=d.toastCount>0;e.useEffect(()=>{const e=e=>{0!==s.length&&s.every(t=>e[t]||e.code===t)&&w.current?.focus()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[s]),e.useEffect(()=>{const e=p.current,t=w.current;if(g&&e&&t){const r=()=>{if(!d.isClosePausedRef.current){const e=new CustomEvent(S);t.dispatchEvent(e),d.isClosePausedRef.current=!0}},n=()=>{if(d.isClosePausedRef.current){const e=new CustomEvent(_);t.dispatchEvent(e),d.isClosePausedRef.current=!1}},o=t=>{!e.contains(t.relatedTarget)&&n()},s=()=>{e.contains(document.activeElement)||n()};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointermove",r),e.addEventListener("pointerleave",s),window.addEventListener("blur",r),window.addEventListener("focus",n),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointermove",r),e.removeEventListener("pointerleave",s),window.removeEventListener("blur",r),window.removeEventListener("focus",n)}}},[g,d.isClosePausedRef]);const C=e.useCallback(({tabbingDirection:e})=>{const t=l().map(t=>{const r=t.ref.current,n=[r,...z(r)];return"forwards"===e?n:n.reverse()});return("forwards"===e?t.reverse():t).flat()},[l]);return e.useEffect(()=>{const e=w.current;if(e){const t=t=>{const r=t.altKey||t.ctrlKey||t.metaKey;if("Tab"===t.key&&!r){const r=document.activeElement,n=t.shiftKey;if(t.target===e&&n)return void f.current?.focus();const o=C({tabbingDirection:n?"backwards":"forwards"}),s=o.findIndex(e=>e===r);G(o.slice(s+1))?t.preventDefault():n?f.current?.focus():m.current?.focus()}};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}},[l,C]),/* @__PURE__ */y(i,{ref:p,role:"region","aria-label":a.replace("{hotkey}",E),tabIndex:-1,style:{pointerEvents:g?void 0:"none"},children:[g&&/* @__PURE__ */v(k,{ref:f,onFocusFromOutsideViewport:()=>{G(C({tabbingDirection:"forwards"}))}}),
1
+ import*as e from"react";import*as t from"react-dom";import{composeEventHandlers as r}from"./index104.js";import{useComposedRefs as n}from"./index105.js";import{createCollection as o}from"./index106.js";import{createContextScope as s}from"./index107.js";import{Branch as i,Root as a}from"./index108.js";import{Portal as c}from"./index109.js";import{Presence as d}from"./index110.js";import{Primitive as u,dispatchDiscreteCustomEvent as l}from"./index111.js";import{useCallbackRef as p}from"./index112.js";import{useControllableState as f}from"./index113.js";import{useLayoutEffect as m}from"./index114.js";import{VisuallyHidden as w}from"./index115.js";import{jsx as v,jsxs as y,Fragment as T}from"react/jsx-runtime";var E="ToastProvider",[h,x,g]=o("Toast"),[C]=s("Toast",[g]),[b,R]=C(E),P=t=>{const{__scopeToast:r,label:n="Notification",duration:o=5e3,swipeDirection:s="right",swipeThreshold:i=50,children:a}=t,[c,d]=e.useState(null),[u,l]=e.useState(0),p=e.useRef(!1),f=e.useRef(!1);return n.trim(),/* @__PURE__ */v(h.Provider,{scope:r,children:/* @__PURE__ */v(b,{scope:r,label:n,duration:o,swipeDirection:s,swipeThreshold:i,toastCount:u,viewport:c,onViewportChange:d,onToastAdd:e.useCallback(()=>l(e=>e+1),[]),onToastRemove:e.useCallback(()=>l(e=>e-1),[]),isFocusedToastEscapeKeyDownRef:p,isClosePausedRef:f,children:a})})};P.displayName=E;var D="ToastViewport",L=["F8"],S="toast.viewportPause",_="toast.viewportResume",F=e.forwardRef((t,r)=>{const{__scopeToast:o,hotkey:s=L,label:a="Notifications ({hotkey})",...c}=t,d=R(D,o),l=x(o),p=e.useRef(null),f=e.useRef(null),m=e.useRef(null),w=e.useRef(null),T=n(r,w,d.onViewportChange),E=s.join("+").replace(/Key/g,"").replace(/Digit/g,""),g=d.toastCount>0;e.useEffect(()=>{const e=e=>{0!==s.length&&s.every(t=>e[t]||e.code===t)&&w.current?.focus()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[s]),e.useEffect(()=>{const e=p.current,t=w.current;if(g&&e&&t){const r=()=>{if(!d.isClosePausedRef.current){const e=new CustomEvent(S);t.dispatchEvent(e),d.isClosePausedRef.current=!0}},n=()=>{if(d.isClosePausedRef.current){const e=new CustomEvent(_);t.dispatchEvent(e),d.isClosePausedRef.current=!1}},o=t=>{!e.contains(t.relatedTarget)&&n()},s=()=>{e.contains(document.activeElement)||n()};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointermove",r),e.addEventListener("pointerleave",s),window.addEventListener("blur",r),window.addEventListener("focus",n),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointermove",r),e.removeEventListener("pointerleave",s),window.removeEventListener("blur",r),window.removeEventListener("focus",n)}}},[g,d.isClosePausedRef]);const C=e.useCallback(({tabbingDirection:e})=>{const t=l().map(t=>{const r=t.ref.current,n=[r,...z(r)];return"forwards"===e?n:n.reverse()});return("forwards"===e?t.reverse():t).flat()},[l]);return e.useEffect(()=>{const e=w.current;if(e){const t=t=>{const r=t.altKey||t.ctrlKey||t.metaKey;if("Tab"===t.key&&!r){const r=document.activeElement,n=t.shiftKey;if(t.target===e&&n)return void f.current?.focus();const o=C({tabbingDirection:n?"backwards":"forwards"}),s=o.findIndex(e=>e===r);G(o.slice(s+1))?t.preventDefault():n?f.current?.focus():m.current?.focus()}};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}},[l,C]),/* @__PURE__ */y(i,{ref:p,role:"region","aria-label":a.replace("{hotkey}",E),tabIndex:-1,style:{pointerEvents:g?void 0:"none"},children:[g&&/* @__PURE__ */v(k,{ref:f,onFocusFromOutsideViewport:()=>{G(C({tabbingDirection:"forwards"}))}}),
2
2
  /* @__PURE__ */v(h.Slot,{scope:o,children:/* @__PURE__ */v(u.ol,{tabIndex:-1,...c,ref:T})}),g&&/* @__PURE__ */v(k,{ref:m,onFocusFromOutsideViewport:()=>{G(C({tabbingDirection:"backwards"}))}})]})});F.displayName=D;var N="ToastFocusProxy",k=e.forwardRef((e,t)=>{const{__scopeToast:r,onFocusFromOutsideViewport:n,...o}=e,s=R(N,r);/* @__PURE__ */
3
3
  return v(w,{tabIndex:0,...o,ref:t,style:{position:"fixed"},onFocus:e=>{const t=e.relatedTarget;!s.viewport?.contains(t)&&n()}})});k.displayName=N;var A="Toast",I=e.forwardRef((e,t)=>{const{forceMount:n,open:o,defaultOpen:s,onOpenChange:i,...a}=e,[c,u]=f({prop:o,defaultProp:s??!0,onChange:i,caller:A});/* @__PURE__ */
4
4
  return v(d,{present:n||c,children:/* @__PURE__ */v(j,{open:c,...a,ref:t,onClose:()=>u(!1),onPause:p(e.onPause),onResume:p(e.onResume),onSwipeStart:r(e.onSwipeStart,e=>{e.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:r(e.onSwipeMove,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","move"),e.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${r}px`)}),onSwipeCancel:r(e.onSwipeCancel,e=>{e.currentTarget.setAttribute("data-swipe","cancel"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:r(e.onSwipeEnd,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","end"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${r}px`),u(!1)})})})});I.displayName=A;var[M,K]=C(A,{onClose(){}}),j=e.forwardRef((o,s)=>{const{__scopeToast:i,type:c="foreground",duration:d,open:l,onClose:f,onEscapeKeyDown:m,onPause:w,onResume:E,onSwipeStart:x,onSwipeMove:g,onSwipeCancel:C,onSwipeEnd:b,...P}=o,D=R(A,i),[L,F]=e.useState(null),N=n(s,e=>F(e)),k=e.useRef(null),I=e.useRef(null),K=d||D.duration,j=e.useRef(0),V=e.useRef(K),$=e.useRef(0),{onToastAdd:U,onToastRemove:X}=D,q=p(()=>{const e=L?.contains(document.activeElement);e&&D.viewport?.focus(),f()}),H=e.useCallback(e=>{e&&e!==1/0&&(window.clearTimeout($.current),j.current=/* @__PURE__ */(new Date).getTime(),$.current=window.setTimeout(q,e))},[q]);e.useEffect(()=>{const e=D.viewport;if(e){const t=()=>{H(V.current),E?.()},r=()=>{const e=/* @__PURE__ */(new Date).getTime()-j.current;V.current=V.current-e,window.clearTimeout($.current),w?.()};return e.addEventListener(S,r),e.addEventListener(_,t),()=>{e.removeEventListener(S,r),e.removeEventListener(_,t)}}},[D.viewport,K,w,E,H]),e.useEffect(()=>{l&&!D.isClosePausedRef.current&&H(K)},[l,K,D.isClosePausedRef,H]),e.useEffect(()=>(U(),()=>X()),[U,X]);const z=e.useMemo(()=>L?W(L):null,[L]);return D.viewport?/* @__PURE__ */y(T,{children:[z&&/* @__PURE__ */v(O,{__scopeToast:i,role:"status","aria-live":"foreground"===c?"assertive":"polite",children:z}),
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 flex flex-col",r="bg-[var(--color-bg)]",t=[e,"min-h-[100dvh]",r].join(" "),o=[e,"h-[100dvh] overflow-hidden",r].join(" "),a=["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-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(" "),s=["sticky top-0 z-20 shrink-0 flex flex-row items-center lg:justify-between bg-transparent border-0 border-none","backdrop-blur-[8px] [-webkit-backdrop-filter:blur(8px)]","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(" "),m=["cursor-pointer bg-transparent p-0 inline-flex","auth-logo-focus"].join(" "),i=["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=a,exports.headerBaseStyles=s,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=m,exports.logoWrapperBaseStyles=l,exports.logoWrapperMobileCenterStyles=n,exports.menuWrapperStyles=i,exports.navWrapperStyles="flex items-center max-lg:hidden",exports.rootAutoStyles=t,exports.rootContainedStyles=o;
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 flex flex-col",r="bg-[var(--color-bg)]",n=[e,"min-h-[100dvh]",r].join(" "),m=[e,"h-[100dvh] overflow-hidden",r].join(" "),a=["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(" "),i="max-lg:justify-center",o="max-sm:justify-between max-lg:justify-between",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(" "),l=["sticky top-0 z-20 shrink-0 flex flex-row items-center lg:justify-between bg-transparent border-0 border-none","backdrop-blur-[8px] [-webkit-backdrop-filter:blur(8px)]","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(" "),x=["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(" "),s=["cursor-pointer bg-transparent p-0 inline-flex","auth-logo-focus"].join(" "),g=["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(" "),b="!border-b !border-[rgba(0,165,187,0.19)] !border-solid",u="flex items-center max-lg:hidden";export{a as backgroundStyles,l as headerBaseStyles,o as headerDesktopLayoutAlwaysStyles,i as headerMobileLogoCenterStyles,b as headerWithNavStyles,s as logoButtonStyles,x as logoWrapperBaseStyles,t as logoWrapperMobileCenterStyles,g as menuWrapperStyles,u as navWrapperStyles,n as rootAutoStyles,m as rootContainedStyles};
@@ -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,4GAgJtB,CAAC"}
@@ -1,3 +1,21 @@
1
+ /**
2
+ * `scrollMode="auto"` (default). Root grows with content and the **window**
3
+ * scrolls. Backwards-compatible with consumer pages that rely on
4
+ * `min-h-screen`, `100vh` calcs, or window-level scroll observers. The
5
+ * sticky header (`headerBaseStyles`) pins the menu while the page scrolls
6
+ * underneath.
7
+ */
8
+ export declare const rootAutoStyles: string;
9
+ /**
10
+ * `scrollMode="contained"`. Root locks to the viewport (`h-[100dvh]
11
+ * overflow-hidden`) so children laid out with `flex-1 min-h-0 overflow-y-auto`
12
+ * (e.g. the built-in `MainContent`) can scroll **internally** while the
13
+ * sticky header stays pinned at the top. Use for app-shell pages whose
14
+ * content needs to own the scroll container (infinite lists, split panes,
15
+ * etc.).
16
+ */
17
+ export declare const rootContainedStyles: string;
18
+ /** @deprecated Use `rootAutoStyles` / `rootContainedStyles`. Kept for backwards-compat. */
1
19
  export declare const rootStyles: string;
2
20
  export declare const backgroundStyles: string;
3
21
  /** When logoCenterOnMobile (and not both menu icons): center header content on mobile and tablet (max-lg). */
@@ -5,6 +23,15 @@ export declare const headerMobileLogoCenterStyles = "max-lg:justify-center";
5
23
  /** When both showSettings and showUserMenu: same layout as desktop on all screens (logo left, icons right). */
6
24
  export declare const headerDesktopLayoutAlwaysStyles = "max-sm:justify-between max-lg:justify-between";
7
25
  export declare const logoWrapperMobileCenterStyles: string;
26
+ /**
27
+ * Header stays pinned to the top while page content scrolls underneath.
28
+ * `position: sticky` works in both `scrollMode` values: it pins to the
29
+ * window in `auto` mode and to the contained scroll container in
30
+ * `contained` mode (where `shrink-0` keeps it above the flex-1 scroller).
31
+ * `z-20` keeps the header above page content but below dialogs (z-50)
32
+ * and dropdowns (z-100). `backdrop-blur` gives a frosted-glass look so
33
+ * scrolled content doesn't bleed through.
34
+ */
8
35
  export declare const headerBaseStyles: string;
9
36
  export declare const logoWrapperBaseStyles: string;
10
37
  /** 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":"AAGA;;;;;;GAMG;AACH,eAAO,MAAM,cAAc,QAAmD,CAAC;AAE/E;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,QAA+D,CAAC;AAEhG,2FAA2F;AAC3F,eAAO,MAAM,UAAU,QAAiB,CAAC;AAEzC,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;;;;;;;;GAQG;AACH,eAAO,MAAM,gBAAgB,QAKlB,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"}
@@ -20,6 +20,23 @@ export interface AuthLayoutProps extends Omit<HTMLAttributes<HTMLDivElement>, 's
20
20
  onSettingsClick?: () => void;
21
21
  onUserMenuClick?: () => void;
22
22
  activeMenu?: 'settings' | 'user' | null;
23
+ /**
24
+ * Controls how page content scrolls inside the layout.
25
+ *
26
+ * - `'auto'` (default): root uses `min-h-[100dvh]` and the **window** scrolls.
27
+ * Backwards-compatible with consumers that rely on `min-h-screen`,
28
+ * `100vh` calcs, `IntersectionObserver` on `window`, or sticky elements
29
+ * inside child pages.
30
+ * - `'contained'`: root locks to viewport height (`h-[100dvh] overflow-hidden`)
31
+ * so children laid out with `flex-1 min-h-0 overflow-y-auto` (e.g. the
32
+ * built-in `MainContent` component) can scroll **internally** while the
33
+ * sticky header stays pinned. Use this for app-shell pages with infinite
34
+ * lists or split panes that need to own the scroll container.
35
+ *
36
+ * The header is `position: sticky` in both modes, so it always stays
37
+ * pinned to the top regardless of which scroll model the page uses.
38
+ */
39
+ scrollMode?: 'auto' | 'contained';
23
40
  'data-testid'?: string;
24
41
  'data-cy'?: string;
25
42
  }
@@ -1 +1 @@
1
- {"version":3,"file":"AuthLayout.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/auth-layout/AuthLayout.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6FAA6F;IAC7F,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,uGAAuG;IACvG,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;IACxC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
1
+ {"version":3,"file":"AuthLayout.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/layout/auth-layout/AuthLayout.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IACpF,QAAQ,EAAE,SAAS,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,6FAA6F;IAC7F,GAAG,CAAC,EAAE,SAAS,CAAC;IAChB,uGAAuG;IACvG,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;IAC9B,qDAAqD;IACrD,WAAW,CAAC,EAAE,MAAM,IAAI,CAAC;IACzB,qFAAqF;IACrF,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;IAC7B,UAAU,CAAC,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC;IACxC;;;;;;;;;;;;;;;OAeG;IACH,UAAU,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC;IAClC,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}