@adam-milo/ui 1.0.80 → 1.0.82

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 (58) hide show
  1. package/dist/index102.cjs +1 -1
  2. package/dist/index102.js +3 -2
  3. package/dist/index103.cjs +1 -1
  4. package/dist/index103.js +2 -1
  5. package/dist/index104.cjs +1 -1
  6. package/dist/index104.js +1 -1
  7. package/dist/index105.cjs +1 -1
  8. package/dist/index105.js +1 -4
  9. package/dist/index106.cjs +1 -1
  10. package/dist/index106.js +1 -1
  11. package/dist/index107.cjs +1 -1
  12. package/dist/index107.js +1 -1
  13. package/dist/index108.cjs +1 -1
  14. package/dist/index108.js +1 -1
  15. package/dist/index109.cjs +1 -1
  16. package/dist/index109.js +1 -3
  17. package/dist/index110.cjs +1 -1
  18. package/dist/index110.js +1 -1
  19. package/dist/index111.cjs +1 -1
  20. package/dist/index111.js +1 -1
  21. package/dist/index112.cjs +1 -1
  22. package/dist/index112.js +1 -3
  23. package/dist/index113.cjs +1 -1
  24. package/dist/index113.js +4 -1
  25. package/dist/index114.cjs +1 -1
  26. package/dist/index114.js +3 -1
  27. package/dist/index115.cjs +1 -1
  28. package/dist/index115.js +1 -1
  29. package/dist/index117.cjs +1 -1
  30. package/dist/index117.js +1 -1
  31. package/dist/index118.cjs +1 -1
  32. package/dist/index118.js +1 -1
  33. package/dist/index14.cjs +1 -1
  34. package/dist/index14.js +2 -2
  35. package/dist/index15.cjs +1 -1
  36. package/dist/index15.js +2 -2
  37. package/dist/index17.cjs +1 -1
  38. package/dist/index17.js +6 -6
  39. package/dist/index18.cjs +1 -1
  40. package/dist/index18.js +6 -6
  41. package/dist/index4.cjs +1 -1
  42. package/dist/index4.js +2 -2
  43. package/dist/index62.cjs +1 -1
  44. package/dist/index62.js +3 -3
  45. package/dist/index71.cjs +1 -1
  46. package/dist/index71.js +1 -1
  47. package/dist/index80.cjs +1 -1
  48. package/dist/index80.js +1 -1
  49. package/dist/src/components/core/icon-button/IconButton.component.d.ts.map +1 -1
  50. package/dist/src/components/core/icon-button/IconButton.types.d.ts +4 -0
  51. package/dist/src/components/core/icon-button/IconButton.types.d.ts.map +1 -1
  52. package/dist/src/components/forms/autocomplete/Autocomplete.component.d.ts.map +1 -1
  53. package/dist/src/components/forms/input/Input.component.d.ts.map +1 -1
  54. package/dist/src/components/forms/otp-input/OTPInput.component.d.ts.map +1 -1
  55. package/dist/src/components/forms/phone-input/PhoneInput.component.d.ts.map +1 -1
  56. package/dist/src/components/forms/textarea/Textarea.component.d.ts.map +1 -1
  57. package/dist/styles.css +1 -1
  58. package/package.json +1 -1
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("./index71.cjs"),t=require("./index55.cjs"),s=require("./index56.cjs"),o=require("./index72.cjs"),l=require("./index64.cjs"),d=require("./index73.cjs"),n=r.forwardRef(({label:n,tooltip:i,error:c,helperText:u,fullWidth:x=!1,autoResize:h=!1,minRows:v=3,maxRows:p,showCharCount:g=!1,maxLength:m,validate:y=s.defaultValidation,onValidationChange:f,customHeader:b,customFooterActions:j,borderVariant:w,className:$,id:S,onChange:N,onBlur:C,required:q,value:M,"data-cy":R,"data-testid":B,...E},L)=>{const[k,I]=r.useState(),[T,F]=r.useState(!1),[V,_]=r.useState(!1),[H,P]=r.useState(0),W=r.useRef(!1),z=r.useRef(null),A=l.useMergedRef(L,z),O=r.useId(),D=S||O,G=`${D}-error`,J=`${D}-helper`,K=R||"textarea",Q=B||"textarea",U=n&&q&&!n.includes("*")?`${n} *`:n,X=r.useCallback(()=>{const e=z.current;if(!e||!h)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,s=parseInt(r.paddingBottom)||0,o=a*v+t+s,l=p?a*p+t+s:1/0,d=Math.min(Math.max(e.scrollHeight,o),l);e.style.height=`${d}px`},[h,v,p]);r.useEffect(()=>{X()},[M,X]);const Y=r.useMemo(()=>d.debounce(e=>{if(y&&W.current){const r=y(e);I(r),f?.(!r)}else null===y&&W.current&&(I(void 0),f?.(!0))},300),[y,f]),Z=r.useRef(Y);r.useEffect(()=>{Z.current=Y},[Y]),r.useEffect(()=>()=>{Z.current.cancel()},[]),r.useEffect(()=>{P((M||"").length)},[M]);const ee=e=>{const r=e.target.value;P(r.length),N?.(e),h&&X(),W.current&&Y(r)},re=e=>{F(!0),E.onFocus?.(e)},ae=e=>{if(F(!1),W.current=!0,y){const r=y(e.target.value);I(r),f?.(!r)}C?.(e)},te=()=>_(!0),se=()=>_(!1),oe=c||k,le=E.disabled?"disabled":oe?"error":T?"focus":V?"hover":"idle",de=m&&H>m,ne=g||u&&!oe,ie=(()=>{if(!w)return"";if("green-accent"===w){return`relative ${T||V?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),ce="green-accent"===w?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:T||V?"2px solid transparent":"1px solid transparent"}:{};return e.jsxs("div",{className:t.cn(o.wrapperStyles,$),"data-cy":`${K}-wrapper`,"data-testid":`${Q}-wrapper`,children:[b?e.jsx("div",{className:"w-full","data-cy":`${K}-custom-header`,children:b}):(n||i)&&e.jsxs("div",{className:o.labelRowStyles,children:[n&&e.jsx("label",{htmlFor:D,className:o.labelStyles,"data-cy":`${K}-label`,"data-testid":`${Q}-label`,children:U}),i&&e.jsx(a.Provider,{delayDuration:200,children:e.jsxs(a.Root,{children:[e.jsx(a.Trigger,{asChild:!0,children:e.jsx("button",{type:"button",className:o.tooltipTriggerStyles,"aria-label":"More information","data-cy":`${K}-tooltip-trigger`,"data-testid":`${Q}-tooltip-trigger`,children:e.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),e.jsx("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),e.jsx(a.Portal,{children:e.jsxs(a.Content,{className:o.tooltipContentStyles,side:"top",sideOffset:4,"data-cy":`${K}-tooltip-content`,"data-testid":`${Q}-tooltip-content`,children:[i,e.jsx(a.Arrow,{className:"fill-text"})]})})]})})]}),j?e.jsxs("div",{className:t.cn("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",!oe&&ie,oe&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:oe?void 0:ce,onMouseEnter:te,onMouseLeave:se,children:[e.jsx("textarea",{ref:A,id:D,value:M,className:t.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)]",M?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),"aria-invalid":oe?"true":"false","aria-required":q?"true":void 0,"aria-describedby":oe?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":le,onChange:ee,onFocus:re,onBlur:ae,required:q,maxLength:m,rows:v,...E}),j]}):"green-accent"===w?e.jsx("div",{className:t.cn("w-full rounded-[var(--radius-md)] transition-all duration-200",!oe&&"p-[1px]",oe&&"border border-[var(--color-error)] bg-[var(--color-card)]",!oe&&ie),style:oe?void 0:ce,onMouseEnter:te,onMouseLeave:se,"data-cy":`${K}-gradient-wrapper`,"data-testid":`${Q}-gradient-wrapper`,children:e.jsx("div",{className:oe?o.errorBorderInnerStyles:o.gradientBorderInnerStyles,children:e.jsx("textarea",{ref:A,id:D,value:M,className:t.cn(o.textareaInsideGradientStyles,!h&&"overflow-y-auto textarea-scrollbar"),"aria-invalid":oe?"true":"false","aria-required":q?"true":void 0,"aria-describedby":oe?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":le,onChange:ee,onFocus:re,onBlur:ae,required:q,maxLength:m,rows:h?void 0:v,...E})})}):e.jsx("textarea",{ref:A,id:D,value:M,className:t.cn(o.textareaBaseStyles,oe&&o.textareaErrorStyles,!h&&"overflow-y-auto textarea-scrollbar",ie),"aria-invalid":oe?"true":"false","aria-required":q?"true":void 0,"aria-describedby":oe?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":le,onChange:ee,onFocus:re,onBlur:ae,onMouseEnter:te,onMouseLeave:se,required:q,maxLength:m,rows:h?void 0:v,...E}),oe&&e.jsx("span",{id:G,className:o.errorStyles,role:"alert","data-cy":`${K}-error`,"data-testid":`${Q}-error`,children:oe}),!j&&ne&&e.jsxs("div",{className:o.footerStyles,children:[u&&!oe&&e.jsx("span",{id:J,className:o.helperStyles,"data-cy":`${K}-helper`,"data-testid":`${Q}-helper`,children:u}),g&&e.jsxs("span",{className:t.cn(o.charCountStyles,de&&o.charCountExceededStyles),"data-cy":`${K}-char-count`,"data-testid":`${Q}-char-count`,children:[H,m&&` / ${m}`]})]})]})});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("./index71.cjs"),t=require("./index55.cjs"),s=require("./index56.cjs"),o=require("./index72.cjs"),l=require("./index64.cjs"),d=require("./index73.cjs"),n=r.forwardRef(({label:n,tooltip:i,error:c,helperText:u,fullWidth:x=!1,autoResize:h=!1,minRows:v=3,maxRows:p,showCharCount:g=!1,maxLength:m,validate:y=s.defaultValidation,onValidationChange:f,customHeader:b,customFooterActions:j,borderVariant:w,className:$,id:S,onChange:N,onBlur:C,required:q,value:M,"data-cy":R,"data-testid":B,...E},I)=>{const[L,k]=r.useState(),[T,F]=r.useState(!1),[V,_]=r.useState(!1),[H,P]=r.useState(0),W=r.useRef(!1),z=r.useRef(null),A=l.useMergedRef(I,z),O=r.useId(),D=S||O,G=`${D}-error`,J=`${D}-helper`,K=R||"textarea",Q=B||"textarea",U=n&&q&&!n.includes("*")?`${n} *`:n,X=r.useCallback(()=>{const e=z.current;if(!e||!h)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,s=parseInt(r.paddingBottom)||0,o=a*v+t+s,l=p?a*p+t+s:1/0,d=Math.min(Math.max(e.scrollHeight,o),l);e.style.height=`${d}px`},[h,v,p]);r.useEffect(()=>{X()},[M,X]);const Y=r.useMemo(()=>d.debounce(e=>{if(y&&W.current){const r=y(e);k(r),f?.(!r)}else null===y&&W.current&&(k(void 0),f?.(!0))},300),[y,f]),Z=r.useRef(Y);r.useEffect(()=>{Z.current=Y},[Y]),r.useEffect(()=>()=>{Z.current.cancel()},[]),r.useEffect(()=>{P((M||"").length)},[M]);const ee=e=>{const r=e.target.value;P(r.length),N?.(e),h&&X(),W.current&&Y(r)},re=e=>{F(!0),E.onFocus?.(e)},ae=e=>{if(F(!1),W.current=!0,y){const r=y(e.target.value);k(r),f?.(!r)}C?.(e)},te=()=>_(!0),se=()=>_(!1),oe=c||L,le=E.disabled?"disabled":oe?"error":T?"focus":V?"hover":"idle",de=m&&H>m,ne=g||u&&!oe,ie=(()=>{if(!w)return"";if("green-accent"===w){return`relative ${T||V?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),ce="green-accent"===w?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:T||V?"2px solid transparent":"1px solid transparent"}:{};return e.jsxs("div",{className:t.cn(o.wrapperStyles,$),"data-cy":`${K}-wrapper`,"data-testid":`${Q}-wrapper`,children:[b?e.jsx("div",{className:"w-full","data-cy":`${K}-custom-header`,children:b}):(n||i)&&e.jsxs("div",{className:o.labelRowStyles,children:[n&&e.jsx("label",{htmlFor:D,className:o.labelStyles,"data-cy":`${K}-label`,"data-testid":`${Q}-label`,children:U}),i&&e.jsx(a.Provider,{delayDuration:200,children:e.jsxs(a.Root,{children:[e.jsx(a.Trigger,{asChild:!0,children:e.jsx("button",{type:"button",tabIndex:-1,className:o.tooltipTriggerStyles,"aria-label":"More information","data-cy":`${K}-tooltip-trigger`,"data-testid":`${Q}-tooltip-trigger`,children:e.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),e.jsx("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),e.jsx(a.Portal,{children:e.jsxs(a.Content,{className:o.tooltipContentStyles,side:"top",sideOffset:4,"data-cy":`${K}-tooltip-content`,"data-testid":`${Q}-tooltip-content`,children:[i,e.jsx(a.Arrow,{className:"fill-text"})]})})]})})]}),j?e.jsxs("div",{className:t.cn("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",!oe&&ie,oe&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:oe?void 0:ce,onMouseEnter:te,onMouseLeave:se,children:[e.jsx("textarea",{ref:A,id:D,value:M,className:t.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)]",M?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),"aria-invalid":oe?"true":"false","aria-required":q?"true":void 0,"aria-describedby":oe?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":le,onChange:ee,onFocus:re,onBlur:ae,required:q,maxLength:m,rows:v,...E}),j]}):"green-accent"===w?e.jsx("div",{className:t.cn("w-full rounded-[var(--radius-md)] transition-all duration-200",!oe&&"p-[1px]",oe&&"border border-[var(--color-error)] bg-[var(--color-card)]",!oe&&ie),style:oe?void 0:ce,onMouseEnter:te,onMouseLeave:se,"data-cy":`${K}-gradient-wrapper`,"data-testid":`${Q}-gradient-wrapper`,children:e.jsx("div",{className:oe?o.errorBorderInnerStyles:o.gradientBorderInnerStyles,children:e.jsx("textarea",{ref:A,id:D,value:M,className:t.cn(o.textareaInsideGradientStyles,!h&&"overflow-y-auto textarea-scrollbar"),"aria-invalid":oe?"true":"false","aria-required":q?"true":void 0,"aria-describedby":oe?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":le,onChange:ee,onFocus:re,onBlur:ae,required:q,maxLength:m,rows:h?void 0:v,...E})})}):e.jsx("textarea",{ref:A,id:D,value:M,className:t.cn(o.textareaBaseStyles,oe&&o.textareaErrorStyles,!h&&"overflow-y-auto textarea-scrollbar",ie),"aria-invalid":oe?"true":"false","aria-required":q?"true":void 0,"aria-describedby":oe?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":le,onChange:ee,onFocus:re,onBlur:ae,onMouseEnter:te,onMouseLeave:se,required:q,maxLength:m,rows:h?void 0:v,...E}),oe&&e.jsx("span",{id:G,className:o.errorStyles,role:"alert","data-cy":`${K}-error`,"data-testid":`${Q}-error`,children:oe}),!j&&ne&&e.jsxs("div",{className:o.footerStyles,children:[u&&!oe&&e.jsx("span",{id:J,className:o.helperStyles,"data-cy":`${K}-helper`,"data-testid":`${Q}-helper`,children:u}),g&&e.jsxs("span",{className:t.cn(o.charCountStyles,de&&o.charCountExceededStyles),"data-cy":`${K}-char-count`,"data-testid":`${Q}-char-count`,children:[H,m&&` / ${m}`]})]})]})});n.displayName="Textarea",exports.Textarea=n;
package/dist/index17.js CHANGED
@@ -1,9 +1,9 @@
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 l,useMemo as n}from"react";import{Provider as s,Root as c,Trigger as u,Portal as m,Content as h,Arrow as p}from"./index71.js";import{cn as v}from"./index55.js";import{defaultValidation as x}from"./index56.js";import{labelRowStyles as g,labelStyles as f,tooltipTriggerStyles as b,tooltipContentStyles as y,errorBorderInnerStyles as w,gradientBorderInnerStyles as $,errorStyles as N,footerStyles as C,helperStyles as M,textareaInsideGradientStyles as L,textareaErrorStyles as j,textareaBaseStyles as q,charCountExceededStyles as k,charCountStyles as B,wrapperStyles as F}from"./index72.js";import{useMergedRef as R}from"./index64.js";import{debounce as _}from"./index73.js";const E=a(({label:a,tooltip:E,error:H,helperText:I,fullWidth:T=!1,autoResize:V=!1,minRows:W=3,maxRows:z,showCharCount:A=!1,maxLength:D,validate:O=x,onValidationChange:S,customHeader:G,customFooterActions:J,borderVariant:K,className:P,id:Q,onChange:U,onBlur:X,required:Y,value:Z,"data-cy":ee,"data-testid":re,...ae},te)=>{const[oe,de]=t(),[ie,le]=t(!1),[ne,se]=t(!1),[ce,ue]=t(0),me=o(!1),he=o(null),pe=R(te,he),ve=d(),xe=Q||ve,ge=`${xe}-error`,fe=`${xe}-helper`,be=ee||"textarea",ye=re||"textarea",we=a&&Y&&!a.includes("*")?`${a} *`:a,$e=i(()=>{const e=he.current;if(!e||!V)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,o=parseInt(r.paddingBottom)||0,d=a*W+t+o,i=z?a*z+t+o:1/0,l=Math.min(Math.max(e.scrollHeight,d),i);e.style.height=`${l}px`},[V,W,z]);l(()=>{$e()},[Z,$e]);const Ne=n(()=>_(e=>{if(O&&me.current){const r=O(e);de(r),S?.(!r)}else null===O&&me.current&&(de(void 0),S?.(!0))},300),[O,S]),Ce=o(Ne);l(()=>{Ce.current=Ne},[Ne]),l(()=>()=>{Ce.current.cancel()},[]),l(()=>{ue((Z||"").length)},[Z]);const Me=e=>{const r=e.target.value;ue(r.length),U?.(e),V&&$e(),me.current&&Ne(r)},Le=e=>{le(!0),ae.onFocus?.(e)},je=e=>{if(le(!1),me.current=!0,O){const r=O(e.target.value);de(r),S?.(!r)}X?.(e)},qe=()=>se(!0),ke=()=>se(!1),Be=H||oe,Fe=ae.disabled?"disabled":Be?"error":ie?"focus":ne?"hover":"idle",Re=D&&ce>D,_e=A||I&&!Be,Ee=(()=>{if(!K)return"";if("green-accent"===K){return`relative ${ie||ne?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),He="green-accent"===K?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:ie||ne?"2px solid transparent":"1px solid transparent"}:{};/* @__PURE__ */
2
- return e("div",{className:v(F,P),"data-cy":`${be}-wrapper`,"data-testid":`${ye}-wrapper`,children:[G?/* @__PURE__ */r("div",{className:"w-full","data-cy":`${be}-custom-header`,children:G}):(a||E)&&/* @__PURE__ */e("div",{className:g,children:[a&&/* @__PURE__ */r("label",{htmlFor:xe,className:f,"data-cy":`${be}-label`,"data-testid":`${ye}-label`,children:we}),E&&/* @__PURE__ */r(s,{delayDuration:200,children:/* @__PURE__ */e(c,{children:[
3
- /* @__PURE__ */r(u,{asChild:!0,children:/* @__PURE__ */r("button",{type:"button",className:b,"aria-label":"More information","data-cy":`${be}-tooltip-trigger`,"data-testid":`${ye}-tooltip-trigger`,children:/* @__PURE__ */e("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[
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{Provider as s,Root as c,Trigger as u,Portal as m,Content as h,Arrow as p}from"./index71.js";import{cn as v}from"./index55.js";import{defaultValidation as x}from"./index56.js";import{labelRowStyles as g,labelStyles as f,tooltipTriggerStyles as b,tooltipContentStyles as y,errorBorderInnerStyles as w,gradientBorderInnerStyles as $,errorStyles as N,footerStyles as C,helperStyles as M,textareaInsideGradientStyles as L,textareaErrorStyles as j,textareaBaseStyles as q,charCountExceededStyles as k,charCountStyles as B,wrapperStyles as F}from"./index72.js";import{useMergedRef as I}from"./index64.js";import{debounce as R}from"./index73.js";const _=a(({label:a,tooltip:_,error:E,helperText:H,fullWidth:T=!1,autoResize:V=!1,minRows:W=3,maxRows:z,showCharCount:A=!1,maxLength:D,validate:O=x,onValidationChange:S,customHeader:G,customFooterActions:J,borderVariant:K,className:P,id:Q,onChange:U,onBlur:X,required:Y,value:Z,"data-cy":ee,"data-testid":re,...ae},te)=>{const[oe,de]=t(),[ie,ne]=t(!1),[le,se]=t(!1),[ce,ue]=t(0),me=o(!1),he=o(null),pe=I(te,he),ve=d(),xe=Q||ve,ge=`${xe}-error`,fe=`${xe}-helper`,be=ee||"textarea",ye=re||"textarea",we=a&&Y&&!a.includes("*")?`${a} *`:a,$e=i(()=>{const e=he.current;if(!e||!V)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,o=parseInt(r.paddingBottom)||0,d=a*W+t+o,i=z?a*z+t+o:1/0,n=Math.min(Math.max(e.scrollHeight,d),i);e.style.height=`${n}px`},[V,W,z]);n(()=>{$e()},[Z,$e]);const Ne=l(()=>R(e=>{if(O&&me.current){const r=O(e);de(r),S?.(!r)}else null===O&&me.current&&(de(void 0),S?.(!0))},300),[O,S]),Ce=o(Ne);n(()=>{Ce.current=Ne},[Ne]),n(()=>()=>{Ce.current.cancel()},[]),n(()=>{ue((Z||"").length)},[Z]);const Me=e=>{const r=e.target.value;ue(r.length),U?.(e),V&&$e(),me.current&&Ne(r)},Le=e=>{ne(!0),ae.onFocus?.(e)},je=e=>{if(ne(!1),me.current=!0,O){const r=O(e.target.value);de(r),S?.(!r)}X?.(e)},qe=()=>se(!0),ke=()=>se(!1),Be=E||oe,Fe=ae.disabled?"disabled":Be?"error":ie?"focus":le?"hover":"idle",Ie=D&&ce>D,Re=A||H&&!Be,_e=(()=>{if(!K)return"";if("green-accent"===K){return`relative ${ie||le?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),Ee="green-accent"===K?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:ie||le?"2px solid transparent":"1px solid transparent"}:{};/* @__PURE__ */
2
+ return e("div",{className:v(F,P),"data-cy":`${be}-wrapper`,"data-testid":`${ye}-wrapper`,children:[G?/* @__PURE__ */r("div",{className:"w-full","data-cy":`${be}-custom-header`,children:G}):(a||_)&&/* @__PURE__ */e("div",{className:g,children:[a&&/* @__PURE__ */r("label",{htmlFor:xe,className:f,"data-cy":`${be}-label`,"data-testid":`${ye}-label`,children:we}),_&&/* @__PURE__ */r(s,{delayDuration:200,children:/* @__PURE__ */e(c,{children:[
3
+ /* @__PURE__ */r(u,{asChild:!0,children:/* @__PURE__ */r("button",{type:"button",tabIndex:-1,className:b,"aria-label":"More information","data-cy":`${be}-tooltip-trigger`,"data-testid":`${ye}-tooltip-trigger`,children:/* @__PURE__ */e("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[
4
4
  /* @__PURE__ */r("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),
5
5
  /* @__PURE__ */r("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),
6
6
  /* @__PURE__ */r("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),
7
- /* @__PURE__ */r(m,{children:/* @__PURE__ */e(h,{className:y,side:"top",sideOffset:4,"data-cy":`${be}-tooltip-content`,"data-testid":`${ye}-tooltip-content`,children:[E,
8
- /* @__PURE__ */r(p,{className:"fill-text"})]})})]})})]}),J?/* @__PURE__ */e("div",{className:v("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",!Be&&Ee,Be&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:Be?void 0:He,onMouseEnter:qe,onMouseLeave:ke,children:[
9
- /* @__PURE__ */r("textarea",{ref:pe,id:xe,value:Z,className:v("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)]",Z?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),"aria-invalid":Be?"true":"false","aria-required":Y?"true":void 0,"aria-describedby":Be?ge:I?fe:void 0,"data-cy":be,"data-testid":ye,"data-state":Fe,onChange:Me,onFocus:Le,onBlur:je,required:Y,maxLength:D,rows:W,...ae}),J]}):"green-accent"===K?/* @__PURE__ */r("div",{className:v("w-full rounded-[var(--radius-md)] transition-all duration-200",!Be&&"p-[1px]",Be&&"border border-[var(--color-error)] bg-[var(--color-card)]",!Be&&Ee),style:Be?void 0:He,onMouseEnter:qe,onMouseLeave:ke,"data-cy":`${be}-gradient-wrapper`,"data-testid":`${ye}-gradient-wrapper`,children:/* @__PURE__ */r("div",{className:Be?w:$,children:/* @__PURE__ */r("textarea",{ref:pe,id:xe,value:Z,className:v(L,!V&&"overflow-y-auto textarea-scrollbar"),"aria-invalid":Be?"true":"false","aria-required":Y?"true":void 0,"aria-describedby":Be?ge:I?fe:void 0,"data-cy":be,"data-testid":ye,"data-state":Fe,onChange:Me,onFocus:Le,onBlur:je,required:Y,maxLength:D,rows:V?void 0:W,...ae})})}):/* @__PURE__ */r("textarea",{ref:pe,id:xe,value:Z,className:v(q,Be&&j,!V&&"overflow-y-auto textarea-scrollbar",Ee),"aria-invalid":Be?"true":"false","aria-required":Y?"true":void 0,"aria-describedby":Be?ge:I?fe:void 0,"data-cy":be,"data-testid":ye,"data-state":Fe,onChange:Me,onFocus:Le,onBlur:je,onMouseEnter:qe,onMouseLeave:ke,required:Y,maxLength:D,rows:V?void 0:W,...ae}),Be&&/* @__PURE__ */r("span",{id:ge,className:N,role:"alert","data-cy":`${be}-error`,"data-testid":`${ye}-error`,children:Be}),!J&&_e&&/* @__PURE__ */e("div",{className:C,children:[I&&!Be&&/* @__PURE__ */r("span",{id:fe,className:M,"data-cy":`${be}-helper`,"data-testid":`${ye}-helper`,children:I}),A&&/* @__PURE__ */e("span",{className:v(B,Re&&k),"data-cy":`${be}-char-count`,"data-testid":`${ye}-char-count`,children:[ce,D&&` / ${D}`]})]})]})});E.displayName="Textarea";export{E as Textarea};
7
+ /* @__PURE__ */r(m,{children:/* @__PURE__ */e(h,{className:y,side:"top",sideOffset:4,"data-cy":`${be}-tooltip-content`,"data-testid":`${ye}-tooltip-content`,children:[_,
8
+ /* @__PURE__ */r(p,{className:"fill-text"})]})})]})})]}),J?/* @__PURE__ */e("div",{className:v("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",!Be&&_e,Be&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:Be?void 0:Ee,onMouseEnter:qe,onMouseLeave:ke,children:[
9
+ /* @__PURE__ */r("textarea",{ref:pe,id:xe,value:Z,className:v("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)]",Z?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),"aria-invalid":Be?"true":"false","aria-required":Y?"true":void 0,"aria-describedby":Be?ge:H?fe:void 0,"data-cy":be,"data-testid":ye,"data-state":Fe,onChange:Me,onFocus:Le,onBlur:je,required:Y,maxLength:D,rows:W,...ae}),J]}):"green-accent"===K?/* @__PURE__ */r("div",{className:v("w-full rounded-[var(--radius-md)] transition-all duration-200",!Be&&"p-[1px]",Be&&"border border-[var(--color-error)] bg-[var(--color-card)]",!Be&&_e),style:Be?void 0:Ee,onMouseEnter:qe,onMouseLeave:ke,"data-cy":`${be}-gradient-wrapper`,"data-testid":`${ye}-gradient-wrapper`,children:/* @__PURE__ */r("div",{className:Be?w:$,children:/* @__PURE__ */r("textarea",{ref:pe,id:xe,value:Z,className:v(L,!V&&"overflow-y-auto textarea-scrollbar"),"aria-invalid":Be?"true":"false","aria-required":Y?"true":void 0,"aria-describedby":Be?ge:H?fe:void 0,"data-cy":be,"data-testid":ye,"data-state":Fe,onChange:Me,onFocus:Le,onBlur:je,required:Y,maxLength:D,rows:V?void 0:W,...ae})})}):/* @__PURE__ */r("textarea",{ref:pe,id:xe,value:Z,className:v(q,Be&&j,!V&&"overflow-y-auto textarea-scrollbar",_e),"aria-invalid":Be?"true":"false","aria-required":Y?"true":void 0,"aria-describedby":Be?ge:H?fe:void 0,"data-cy":be,"data-testid":ye,"data-state":Fe,onChange:Me,onFocus:Le,onBlur:je,onMouseEnter:qe,onMouseLeave:ke,required:Y,maxLength:D,rows:V?void 0:W,...ae}),Be&&/* @__PURE__ */r("span",{id:ge,className:N,role:"alert","data-cy":`${be}-error`,"data-testid":`${ye}-error`,children:Be}),!J&&Re&&/* @__PURE__ */e("div",{className:C,children:[H&&!Be&&/* @__PURE__ */r("span",{id:fe,className:M,"data-cy":`${be}-helper`,"data-testid":`${ye}-helper`,children:H}),A&&/* @__PURE__ */e("span",{className:v(B,Ie&&k),"data-cy":`${be}-char-count`,"data-testid":`${ye}-char-count`,children:[ce,D&&` / ${D}`]})]})]})});_.displayName="Textarea";export{_ as Textarea};
package/dist/index18.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index55.cjs"),r=require("./index74.cjs"),l=()=>e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),s=t.forwardRef(({value:s,onValueChange:i,options:n,label:d,placeholder:o,error:c,helperText:u,fullWidth:p=!1,required:y=!1,disabled:h=!1,noResultsText:b="No results found","data-cy":f,"data-testid":v},m)=>{const[x,S]=t.useState(!1),[$,g]=t.useState(""),[w,j]=t.useState(-1),k=t.useId(),N=`${k}-error`,D=`${k}-helper`,C=`${k}-listbox`,E=f||"autocomplete",L=v||"autocomplete",q=t.useRef(null),R=t.useRef(null),A=t.useRef([]),F=n.find(e=>e.value===s),I=d&&y&&!d.includes("*")?`${d} *`:d,M=x&&$?n.filter(e=>e.label.toLowerCase().includes($.toLowerCase())):n,T=t.useCallback(()=>{h||(S(!0),g(""),j(-1))},[h]),O=t.useCallback(()=>{S(!1),g(""),j(-1)},[]),W=t.useCallback(e=>{e.disabled||(i(e.value),O())},[i,O]);t.useEffect(()=>{const e=e=>{q.current&&!q.current.contains(e.target)&&O()};return x&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[x,O]);const K=e=>{A.current[e]?.scrollIntoView?.({block:"nearest"})},V=(e,t)=>{const a=M.length;if(0===a)return-1;let r=e+t;for(;r>=0&&r<a;){if(!M[r].disabled)return r;r+=t}if(-1===e&&1===t)for(let l=0;l<a;l++)if(!M[l].disabled)return l;return-1===e?-1:e},B=x?$:F?.label??"",H=t.useCallback(e=>{q.current=e,"function"==typeof m?m(e):m&&(m.current=e)},[m]);return e.jsxs("div",{ref:H,className:a.cn(r.wrapperStyles,p&&r.wrapperFullWidthStyles),"data-cy":`${E}-wrapper`,"data-testid":`${L}-wrapper`,children:[d&&e.jsx("label",{htmlFor:`${k}-input`,className:a.cn(r.labelStyles,c&&r.labelErrorStyles,h&&r.labelDisabledStyles),"data-cy":`${E}-label`,"data-testid":`${L}-label`,children:I}),e.jsxs("div",{className:a.cn(r.triggerStyles,x&&r.triggerOpenStyles,c&&r.triggerErrorStyles,h&&r.triggerDisabledStyles),onClick:()=>{x||T(),R.current?.focus()},"data-cy":E,"data-testid":L,children:[!x&&F?.flag&&e.jsx("span",{className:r.flagStyles,"aria-hidden":"true",children:F.flag}),e.jsx("input",{ref:R,id:`${k}-input`,type:"text",role:"combobox",className:r.inputStyles,value:B,placeholder:o||d||"Select...","aria-expanded":x,"aria-haspopup":"listbox","aria-controls":x?C:void 0,"aria-autocomplete":"list","aria-activedescendant":w>=0?`${k}-option-${w}`:void 0,"aria-invalid":c?"true":"false","aria-required":y?"true":void 0,"aria-describedby":c?N:u?D:void 0,disabled:h,onChange:e=>{g(e.target.value),j(-1),x||T()},onFocus:()=>{x||T()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!x)return void T();const t=V(w,1);-1!==t&&(j(t),K(t));break}case"ArrowUp":{if(e.preventDefault(),!x)return void T();const t=V(w,-1);-1!==t&&(j(t),K(t));break}case"Enter":e.preventDefault(),x&&w>=0&&M[w]&&W(M[w]);break;case"Escape":e.preventDefault(),O();break;case"Tab":x&&O()}},"data-cy":`${E}-input`,"data-testid":`${L}-input`}),e.jsx("span",{role:"button",tabIndex:-1,className:a.cn(r.chevronStyles,x&&r.chevronOpenStyles),onMouseDown:e=>{e.preventDefault(),x?O():(T(),requestAnimationFrame(()=>R.current?.focus()))},"data-cy":`${E}-chevron`,"data-testid":`${L}-chevron`,children:e.jsx(l,{})})]}),x&&e.jsx("div",{className:r.dropdownStyles,"data-cy":`${E}-dropdown`,"data-testid":`${L}-dropdown`,children:e.jsx("div",{id:C,role:"listbox",className:r.listStyles,"data-cy":`${E}-list`,"data-testid":`${L}-list`,children:0===M.length?e.jsx("div",{className:r.noResultsStyles,children:b}):M.map((t,l)=>{const i=t.value===s,n=l===w;return e.jsxs("div",{ref:e=>{A.current[l]=e},id:`${k}-option-${l}`,role:"option",tabIndex:-1,"aria-selected":i,"aria-disabled":t.disabled||void 0,className:a.cn(r.itemStyles,n&&r.itemHighlightedStyles,i&&!n&&r.itemSelectedStyles,t.disabled&&r.itemDisabledStyles),onClick:()=>W(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),W(t))},onMouseEnter:()=>j(l),"data-cy":`${E}-item-${t.value}`,"data-testid":`${L}-item-${t.value}`,children:[t.flag&&e.jsx("span",{className:r.flagStyles,"aria-hidden":"true",children:t.flag}),t.label]},t.value)})})}),c&&e.jsx("span",{id:N,className:r.errorStyles,role:"alert","data-cy":`${E}-error`,"data-testid":`${L}-error`,children:c}),u&&!c&&e.jsx("span",{id:D,className:r.helperStyles,"data-cy":`${E}-helper`,"data-testid":`${L}-helper`,children:u})]})});s.displayName="Autocomplete",exports.Autocomplete=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index55.cjs"),r=require("./index74.cjs"),l=()=>e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),s=t.forwardRef(({value:s,onValueChange:i,options:n,label:d,placeholder:o,error:c,helperText:u,fullWidth:p=!1,required:h=!1,disabled:y=!1,noResultsText:b="No results found","data-cy":f,"data-testid":v},m)=>{const[x,S]=t.useState(!1),[$,g]=t.useState(""),[w,j]=t.useState(-1),k=t.useId(),N=`${k}-error`,D=`${k}-helper`,C=`${k}-listbox`,E=f||"autocomplete",L=v||"autocomplete",q=t.useRef(null),R=t.useRef(null),A=t.useRef([]),F=n.find(e=>e.value===s),M=d&&h&&!d.includes("*")?`${d} *`:d,T=x&&$?n.filter(e=>e.label.toLowerCase().includes($.toLowerCase())):n,I=t.useCallback(()=>{y||(S(!0),g(""),j(-1))},[y]),O=t.useCallback(()=>{S(!1),g(""),j(-1)},[]),W=t.useCallback(e=>{e.disabled||(i(e.value),O())},[i,O]);t.useEffect(()=>{const e=e=>{q.current&&!q.current.contains(e.target)&&O()};return x&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[x,O]);const K=e=>{A.current[e]?.scrollIntoView?.({block:"nearest"})},V=(e,t)=>{const a=T.length;if(0===a)return-1;let r=e+t;for(;r>=0&&r<a;){if(!T[r].disabled)return r;r+=t}if(-1===e&&1===t)for(let l=0;l<a;l++)if(!T[l].disabled)return l;return-1===e?-1:e},B=x?$:F?.label??"",H=t.useCallback(e=>{q.current=e,"function"==typeof m?m(e):m&&(m.current=e)},[m]);return e.jsxs("div",{ref:H,className:a.cn(r.wrapperStyles,p&&r.wrapperFullWidthStyles),"data-cy":`${E}-wrapper`,"data-testid":`${L}-wrapper`,children:[d&&e.jsx("label",{htmlFor:`${k}-input`,className:a.cn(r.labelStyles,c&&r.labelErrorStyles,y&&r.labelDisabledStyles),"data-cy":`${E}-label`,"data-testid":`${L}-label`,children:M}),e.jsxs("div",{className:a.cn(r.triggerStyles,x&&r.triggerOpenStyles,c&&r.triggerErrorStyles,y&&r.triggerDisabledStyles),onClick:()=>{x||I(),R.current?.focus()},"data-cy":E,"data-testid":L,children:[!x&&F?.flag&&e.jsx("span",{className:r.flagStyles,"aria-hidden":"true",children:F.flag}),e.jsx("input",{ref:R,id:`${k}-input`,type:"text",role:"combobox",className:r.inputStyles,value:B,placeholder:o||d||"Select...","aria-expanded":x,"aria-haspopup":"listbox","aria-controls":x?C:void 0,"aria-autocomplete":"list","aria-activedescendant":w>=0?`${k}-option-${w}`:void 0,"aria-invalid":c?"true":"false","aria-required":h?"true":void 0,"aria-describedby":c?N:u?D:void 0,disabled:y,onChange:e=>{g(e.target.value),j(-1),x||I()},onFocus:()=>{x||I()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!x)return void I();const t=V(w,1);-1!==t&&(j(t),K(t));break}case"ArrowUp":{if(e.preventDefault(),!x)return void I();const t=V(w,-1);-1!==t&&(j(t),K(t));break}case"Enter":e.preventDefault(),x&&w>=0&&T[w]&&W(T[w]);break;case"Escape":e.preventDefault(),O();break;case"Tab":x&&O()}},"data-cy":`${E}-input`,"data-testid":`${L}-input`}),e.jsx("span",{"aria-hidden":"true",className:a.cn(r.chevronStyles,x&&r.chevronOpenStyles),onMouseDown:e=>{e.preventDefault(),x?O():(I(),requestAnimationFrame(()=>R.current?.focus()))},"data-cy":`${E}-chevron`,"data-testid":`${L}-chevron`,children:e.jsx(l,{})})]}),x&&e.jsx("div",{className:r.dropdownStyles,"data-cy":`${E}-dropdown`,"data-testid":`${L}-dropdown`,children:e.jsx("div",{id:C,role:"listbox",className:r.listStyles,"data-cy":`${E}-list`,"data-testid":`${L}-list`,children:0===T.length?e.jsx("div",{className:r.noResultsStyles,children:b}):T.map((t,l)=>{const i=t.value===s,n=l===w;return e.jsxs("div",{ref:e=>{A.current[l]=e},id:`${k}-option-${l}`,role:"option",tabIndex:-1,"aria-selected":i,"aria-disabled":t.disabled||void 0,className:a.cn(r.itemStyles,n&&r.itemHighlightedStyles,i&&!n&&r.itemSelectedStyles,t.disabled&&r.itemDisabledStyles),onClick:()=>W(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),W(t))},onMouseEnter:()=>j(l),"data-cy":`${E}-item-${t.value}`,"data-testid":`${L}-item-${t.value}`,children:[t.flag&&e.jsx("span",{className:r.flagStyles,"aria-hidden":"true",children:t.flag}),t.label]},t.value)})})}),c&&e.jsx("span",{id:N,className:r.errorStyles,role:"alert","data-cy":`${E}-error`,"data-testid":`${L}-error`,children:c}),u&&!c&&e.jsx("span",{id:D,className:r.helperStyles,"data-cy":`${E}-helper`,"data-testid":`${L}-helper`,children:u})]})});s.displayName="Autocomplete",exports.Autocomplete=s;
package/dist/index18.js CHANGED
@@ -1,6 +1,6 @@
1
- import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useState as r,useId as n,useRef as i,useCallback as d,useEffect as l}from"react";import{cn as o}from"./index55.js";import{flagStyles as s,inputStyles as c,dropdownStyles as u,listStyles as p,noResultsStyles as h,itemDisabledStyles as m,itemSelectedStyles as v,itemHighlightedStyles as f,itemStyles as b,errorStyles as $,helperStyles as w,labelDisabledStyles as y,labelErrorStyles as x,labelStyles as N,chevronOpenStyles as g,chevronStyles as k,triggerDisabledStyles as D,triggerErrorStyles as L,triggerOpenStyles as C,triggerStyles as E,wrapperFullWidthStyles as j,wrapperStyles as A}from"./index74.js";const q=()=>/* @__PURE__ */a("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:/* @__PURE__ */a("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),F=t(({value:t,onValueChange:F,options:I,label:M,placeholder:T,error:K,helperText:V,fullWidth:W=!1,required:B=!1,disabled:R=!1,noResultsText:S="No results found","data-cy":U,"data-testid":z},G)=>{const[H,J]=r(!1),[O,P]=r(""),[Q,X]=r(-1),Y=n(),Z=`${Y}-error`,_=`${Y}-helper`,ee=`${Y}-listbox`,ae=U||"autocomplete",te=z||"autocomplete",re=i(null),ne=i(null),ie=i([]),de=I.find(e=>e.value===t),le=M&&B&&!M.includes("*")?`${M} *`:M,oe=H&&O?I.filter(e=>e.label.toLowerCase().includes(O.toLowerCase())):I,se=d(()=>{R||(J(!0),P(""),X(-1))},[R]),ce=d(()=>{J(!1),P(""),X(-1)},[]),ue=d(e=>{e.disabled||(F(e.value),ce())},[F,ce]);l(()=>{const e=e=>{re.current&&!re.current.contains(e.target)&&ce()};return H&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[H,ce]);const pe=e=>{ie.current[e]?.scrollIntoView?.({block:"nearest"})},he=(e,a)=>{const t=oe.length;if(0===t)return-1;let r=e+a;for(;r>=0&&r<t;){if(!oe[r].disabled)return r;r+=a}if(-1===e&&1===a)for(let n=0;n<t;n++)if(!oe[n].disabled)return n;return-1===e?-1:e},me=H?O:de?.label??"",ve=d(e=>{re.current=e,"function"==typeof G?G(e):G&&(G.current=e)},[G]);/* @__PURE__ */
2
- return e("div",{ref:ve,className:o(A,W&&j),"data-cy":`${ae}-wrapper`,"data-testid":`${te}-wrapper`,children:[M&&/* @__PURE__ */a("label",{htmlFor:`${Y}-input`,className:o(N,K&&x,R&&y),"data-cy":`${ae}-label`,"data-testid":`${te}-label`,children:le}),
3
- /* @__PURE__ */e("div",{className:o(E,H&&C,K&&L,R&&D),onClick:()=>{H||se(),ne.current?.focus()},"data-cy":ae,"data-testid":te,children:[!H&&de?.flag&&/* @__PURE__ */a("span",{className:s,"aria-hidden":"true",children:de.flag}),
4
- /* @__PURE__ */a("input",{ref:ne,id:`${Y}-input`,type:"text",role:"combobox",className:c,value:me,placeholder:T||M||"Select...","aria-expanded":H,"aria-haspopup":"listbox","aria-controls":H?ee:void 0,"aria-autocomplete":"list","aria-activedescendant":Q>=0?`${Y}-option-${Q}`:void 0,"aria-invalid":K?"true":"false","aria-required":B?"true":void 0,"aria-describedby":K?Z:V?_:void 0,disabled:R,onChange:e=>{P(e.target.value),X(-1),H||se()},onFocus:()=>{H||se()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!H)return void se();const a=he(Q,1);-1!==a&&(X(a),pe(a));break}case"ArrowUp":{if(e.preventDefault(),!H)return void se();const a=he(Q,-1);-1!==a&&(X(a),pe(a));break}case"Enter":e.preventDefault(),H&&Q>=0&&oe[Q]&&ue(oe[Q]);break;case"Escape":e.preventDefault(),ce();break;case"Tab":H&&ce()}},"data-cy":`${ae}-input`,"data-testid":`${te}-input`}),
5
- /* @__PURE__ */a("span",{role:"button",tabIndex:-1,className:o(k,H&&g),onMouseDown:e=>{e.preventDefault(),H?ce():(se(),requestAnimationFrame(()=>ne.current?.focus()))},"data-cy":`${ae}-chevron`,"data-testid":`${te}-chevron`,children:/* @__PURE__ */a(q,{})})]}),H&&/* @__PURE__ */a("div",{className:u,"data-cy":`${ae}-dropdown`,"data-testid":`${te}-dropdown`,children:/* @__PURE__ */a("div",{id:ee,role:"listbox",className:p,"data-cy":`${ae}-list`,"data-testid":`${te}-list`,children:0===oe.length?/* @__PURE__ */a("div",{className:h,children:S}):oe.map((r,n)=>{const i=r.value===t,d=n===Q;/* @__PURE__ */
6
- return e("div",{ref:e=>{ie.current[n]=e},id:`${Y}-option-${n}`,role:"option",tabIndex:-1,"aria-selected":i,"aria-disabled":r.disabled||void 0,className:o(b,d&&f,i&&!d&&v,r.disabled&&m),onClick:()=>ue(r),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),ue(r))},onMouseEnter:()=>X(n),"data-cy":`${ae}-item-${r.value}`,"data-testid":`${te}-item-${r.value}`,children:[r.flag&&/* @__PURE__ */a("span",{className:s,"aria-hidden":"true",children:r.flag}),r.label]},r.value)})})}),K&&/* @__PURE__ */a("span",{id:Z,className:$,role:"alert","data-cy":`${ae}-error`,"data-testid":`${te}-error`,children:K}),V&&!K&&/* @__PURE__ */a("span",{id:_,className:w,"data-cy":`${ae}-helper`,"data-testid":`${te}-helper`,children:V})]})});F.displayName="Autocomplete";export{F as Autocomplete};
1
+ import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useState as r,useId as i,useRef as n,useCallback as d,useEffect as l}from"react";import{cn as o}from"./index55.js";import{flagStyles as s,inputStyles as c,dropdownStyles as u,listStyles as p,noResultsStyles as h,itemDisabledStyles as m,itemSelectedStyles as v,itemHighlightedStyles as f,itemStyles as $,errorStyles as b,helperStyles as w,labelDisabledStyles as y,labelErrorStyles as x,labelStyles as N,chevronOpenStyles as g,chevronStyles as k,triggerDisabledStyles as D,triggerErrorStyles as L,triggerOpenStyles as C,triggerStyles as E,wrapperFullWidthStyles as j,wrapperStyles as A}from"./index74.js";const q=()=>/* @__PURE__ */a("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:/* @__PURE__ */a("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),F=t(({value:t,onValueChange:F,options:M,label:T,placeholder:I,error:K,helperText:V,fullWidth:W=!1,required:B=!1,disabled:R=!1,noResultsText:S="No results found","data-cy":U,"data-testid":z},G)=>{const[H,J]=r(!1),[O,P]=r(""),[Q,X]=r(-1),Y=i(),Z=`${Y}-error`,_=`${Y}-helper`,ee=`${Y}-listbox`,ae=U||"autocomplete",te=z||"autocomplete",re=n(null),ie=n(null),ne=n([]),de=M.find(e=>e.value===t),le=T&&B&&!T.includes("*")?`${T} *`:T,oe=H&&O?M.filter(e=>e.label.toLowerCase().includes(O.toLowerCase())):M,se=d(()=>{R||(J(!0),P(""),X(-1))},[R]),ce=d(()=>{J(!1),P(""),X(-1)},[]),ue=d(e=>{e.disabled||(F(e.value),ce())},[F,ce]);l(()=>{const e=e=>{re.current&&!re.current.contains(e.target)&&ce()};return H&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[H,ce]);const pe=e=>{ne.current[e]?.scrollIntoView?.({block:"nearest"})},he=(e,a)=>{const t=oe.length;if(0===t)return-1;let r=e+a;for(;r>=0&&r<t;){if(!oe[r].disabled)return r;r+=a}if(-1===e&&1===a)for(let i=0;i<t;i++)if(!oe[i].disabled)return i;return-1===e?-1:e},me=H?O:de?.label??"",ve=d(e=>{re.current=e,"function"==typeof G?G(e):G&&(G.current=e)},[G]);/* @__PURE__ */
2
+ return e("div",{ref:ve,className:o(A,W&&j),"data-cy":`${ae}-wrapper`,"data-testid":`${te}-wrapper`,children:[T&&/* @__PURE__ */a("label",{htmlFor:`${Y}-input`,className:o(N,K&&x,R&&y),"data-cy":`${ae}-label`,"data-testid":`${te}-label`,children:le}),
3
+ /* @__PURE__ */e("div",{className:o(E,H&&C,K&&L,R&&D),onClick:()=>{H||se(),ie.current?.focus()},"data-cy":ae,"data-testid":te,children:[!H&&de?.flag&&/* @__PURE__ */a("span",{className:s,"aria-hidden":"true",children:de.flag}),
4
+ /* @__PURE__ */a("input",{ref:ie,id:`${Y}-input`,type:"text",role:"combobox",className:c,value:me,placeholder:I||T||"Select...","aria-expanded":H,"aria-haspopup":"listbox","aria-controls":H?ee:void 0,"aria-autocomplete":"list","aria-activedescendant":Q>=0?`${Y}-option-${Q}`:void 0,"aria-invalid":K?"true":"false","aria-required":B?"true":void 0,"aria-describedby":K?Z:V?_:void 0,disabled:R,onChange:e=>{P(e.target.value),X(-1),H||se()},onFocus:()=>{H||se()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!H)return void se();const a=he(Q,1);-1!==a&&(X(a),pe(a));break}case"ArrowUp":{if(e.preventDefault(),!H)return void se();const a=he(Q,-1);-1!==a&&(X(a),pe(a));break}case"Enter":e.preventDefault(),H&&Q>=0&&oe[Q]&&ue(oe[Q]);break;case"Escape":e.preventDefault(),ce();break;case"Tab":H&&ce()}},"data-cy":`${ae}-input`,"data-testid":`${te}-input`}),
5
+ /* @__PURE__ */a("span",{"aria-hidden":"true",className:o(k,H&&g),onMouseDown:e=>{e.preventDefault(),H?ce():(se(),requestAnimationFrame(()=>ie.current?.focus()))},"data-cy":`${ae}-chevron`,"data-testid":`${te}-chevron`,children:/* @__PURE__ */a(q,{})})]}),H&&/* @__PURE__ */a("div",{className:u,"data-cy":`${ae}-dropdown`,"data-testid":`${te}-dropdown`,children:/* @__PURE__ */a("div",{id:ee,role:"listbox",className:p,"data-cy":`${ae}-list`,"data-testid":`${te}-list`,children:0===oe.length?/* @__PURE__ */a("div",{className:h,children:S}):oe.map((r,i)=>{const n=r.value===t,d=i===Q;/* @__PURE__ */
6
+ return e("div",{ref:e=>{ne.current[i]=e},id:`${Y}-option-${i}`,role:"option",tabIndex:-1,"aria-selected":n,"aria-disabled":r.disabled||void 0,className:o($,d&&f,n&&!d&&v,r.disabled&&m),onClick:()=>ue(r),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),ue(r))},onMouseEnter:()=>X(i),"data-cy":`${ae}-item-${r.value}`,"data-testid":`${te}-item-${r.value}`,children:[r.flag&&/* @__PURE__ */a("span",{className:s,"aria-hidden":"true",children:r.flag}),r.label]},r.value)})})}),K&&/* @__PURE__ */a("span",{id:Z,className:b,role:"alert","data-cy":`${ae}-error`,"data-testid":`${te}-error`,children:K}),V&&!K&&/* @__PURE__ */a("span",{id:_,className:w,"data-cy":`${ae}-helper`,"data-testid":`${te}-helper`,children:V})]})});F.displayName="Autocomplete";export{F as Autocomplete};
package/dist/index4.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("./index55.cjs"),o=require("@adam-milo/icons"),r=require("./index53.cjs"),n=require("./index60.cjs"),i={sm:"sm",md:"md",lg:"lg"},s={sm:"sm",md:"md",lg:"lg"},l=a.forwardRef(({size:l="md",variant:d="default",icon:u,children:c,disabled:b,loading:y=!1,"aria-label":m,"data-testid":v,"data-cy":g,...x},p)=>{const[j,w]=a.useState(!1),[S,f]=a.useState(!1),q=t.cn(n.baseStyles,n.variantStyles[d],n.sizeStyles[l]),M=b||y,h=(()=>{if(!y&&!M)return"rainbow-overlay"===d?S?"var(--overlay-rainbow-50)":j?"var(--overlay-rainbow-40)":"var(--overlay-rainbow-15)":"outlined-green"===d?S?"var(--overlay-green-blue-15)":j?"var(--overlay-green-blue-10)":void 0:void 0})(),z=y?`${m||"Button"} - Loading`:m;return e.jsxs("button",{ref:p,type:"button",disabled:M,className:q,style:{...h&&{backgroundImage:h},...x.style},onMouseEnter:()=>!y&&w(!0),onMouseLeave:()=>w(!1),onMouseDown:()=>!y&&f(!0),onMouseUp:()=>f(!1),"aria-label":c?void 0:z,"aria-busy":y,"data-testid":v||"icon-button","data-cy":g||"icon-button",...x,children:[y?e.jsx(r.Spinner,{size:s[l],color:"teal",label:`${m||"Button"} loading`,"data-cy":"icon-button-spinner"}):e.jsx(o.Icon,{name:u,size:i[l],decorative:!!c}),c&&e.jsx("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:c})]})});l.displayName="IconButton",exports.IconButton=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index55.cjs"),a=require("@adam-milo/icons"),o=require("./index53.cjs"),n=require("./index60.cjs"),i={sm:"sm",md:"md",lg:"lg"},s={sm:"sm",md:"md",lg:"lg"},l=t.forwardRef(({size:l="md",variant:c="default",icon:d,children:u,disabled:v,loading:b=!1,iconColor:m,iconStrokeWidth:y,"aria-label":g,"data-testid":x,"data-cy":w,...p},_)=>{const[f,h]=t.useState(!1),[j,S]=t.useState(!1),q=r.cn(n.baseStyles,n.variantStyles[c],n.sizeStyles[l]),k=v||b,z=(()=>{if(!b&&!k)return"rainbow-overlay"===c?j?"var(--overlay-rainbow-50)":f?"var(--overlay-rainbow-40)":"var(--overlay-rainbow-15)":"outlined-green"===c?j?"var(--overlay-green-blue-15)":f?"var(--overlay-green-blue-10)":void 0:void 0})(),I=b?`${g||"Button"} - Loading`:g;return e.jsxs("button",{ref:_,type:"button",disabled:k,className:q,style:{...z&&{backgroundImage:z},...p.style},onMouseEnter:()=>!b&&h(!0),onMouseLeave:()=>h(!1),onMouseDown:()=>!b&&S(!0),onMouseUp:()=>S(!1),"aria-label":u?void 0:I,"aria-busy":b,"data-testid":x||"icon-button","data-cy":w||"icon-button",...p,children:[b?e.jsx(o.Spinner,{size:s[l],color:"teal",label:`${g||"Button"} loading`,"data-cy":"icon-button-spinner"}):m||y?e.jsx("span",{style:{...m&&{color:m},...y&&{"--icon-sw":y}},className:r.cn("inline-flex",m&&"[&_svg_path]:fill-current [&_svg_circle]:fill-current [&_svg_rect]:fill-current",y&&"[&_svg_path]:[stroke-width:var(--icon-sw)] [&_svg_circle]:[stroke-width:var(--icon-sw)] [&_svg_line]:[stroke-width:var(--icon-sw)]"),children:e.jsx(a.Icon,{name:d,size:i[l],decorative:!!u})}):e.jsx(a.Icon,{name:d,size:i[l],decorative:!!u}),u&&e.jsx("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:u})]})});l.displayName="IconButton",exports.IconButton=l;
package/dist/index4.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsxs as o,jsx as a}from"react/jsx-runtime";import{forwardRef as e,useState as t}from"react";import{cn as r}from"./index55.js";import{Icon as n}from"@adam-milo/icons";import{Spinner as i}from"./index53.js";import{sizeStyles as l,variantStyles as d,baseStyles as s}from"./index60.js";const m={sm:"sm",md:"md",lg:"lg"},c={sm:"sm",md:"md",lg:"lg"},u=e(({size:e="md",variant:u="default",icon:b,children:v,disabled:y,loading:p=!1,"aria-label":g,"data-testid":f,"data-cy":x,...w},h)=>{const[j,M]=t(!1),[z,B]=t(!1),N=r(s,d[u],l[e]),I=y||p,L=(()=>{if(!p&&!I)return"rainbow-overlay"===u?z?"var(--overlay-rainbow-50)":j?"var(--overlay-rainbow-40)":"var(--overlay-rainbow-15)":"outlined-green"===u?z?"var(--overlay-green-blue-15)":j?"var(--overlay-green-blue-10)":void 0:void 0})(),$=p?`${g||"Button"} - Loading`:g;/* @__PURE__ */
2
- return o("button",{ref:h,type:"button",disabled:I,className:N,style:{...L&&{backgroundImage:L},...w.style},onMouseEnter:()=>!p&&M(!0),onMouseLeave:()=>M(!1),onMouseDown:()=>!p&&B(!0),onMouseUp:()=>B(!1),"aria-label":v?void 0:$,"aria-busy":p,"data-testid":f||"icon-button","data-cy":x||"icon-button",...w,children:[p?/* @__PURE__ */a(i,{size:c[e],color:"teal",label:`${g||"Button"} loading`,"data-cy":"icon-button-spinner"}):/* @__PURE__ */a(n,{name:b,size:m[e],decorative:!!v}),v&&/* @__PURE__ */a("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:v})]})});u.displayName="IconButton";export{u as IconButton};
1
+ import{jsxs as e,jsx as o}from"react/jsx-runtime";import{forwardRef as t,useState as a}from"react";import{cn as r}from"./index55.js";import{Icon as i}from"@adam-milo/icons";import{Spinner as n}from"./index53.js";import{sizeStyles as l,variantStyles as s,baseStyles as c}from"./index60.js";const d={sm:"sm",md:"md",lg:"lg"},m={sm:"sm",md:"md",lg:"lg"},v=t(({size:t="md",variant:v="default",icon:u,children:b,disabled:g,loading:p=!1,iconColor:y,iconStrokeWidth:f,"aria-label":w,"data-testid":_,"data-cy":h,...x},k)=>{const[j,z]=a(!1),[M,N]=a(!1),B=r(c,s[v],l[t]),I=g||p,L=(()=>{if(!p&&!I)return"rainbow-overlay"===v?M?"var(--overlay-rainbow-50)":j?"var(--overlay-rainbow-40)":"var(--overlay-rainbow-15)":"outlined-green"===v?M?"var(--overlay-green-blue-15)":j?"var(--overlay-green-blue-10)":void 0:void 0})(),$=p?`${w||"Button"} - Loading`:w;/* @__PURE__ */
2
+ return e("button",{ref:k,type:"button",disabled:I,className:B,style:{...L&&{backgroundImage:L},...x.style},onMouseEnter:()=>!p&&z(!0),onMouseLeave:()=>z(!1),onMouseDown:()=>!p&&N(!0),onMouseUp:()=>N(!1),"aria-label":b?void 0:$,"aria-busy":p,"data-testid":_||"icon-button","data-cy":h||"icon-button",...x,children:[p?/* @__PURE__ */o(n,{size:m[t],color:"teal",label:`${w||"Button"} loading`,"data-cy":"icon-button-spinner"}):y||f?/* @__PURE__ */o("span",{style:{...y&&{color:y},...f&&{"--icon-sw":f}},className:r("inline-flex",y&&"[&_svg_path]:fill-current [&_svg_circle]:fill-current [&_svg_rect]:fill-current",f&&"[&_svg_path]:[stroke-width:var(--icon-sw)] [&_svg_circle]:[stroke-width:var(--icon-sw)] [&_svg_line]:[stroke-width:var(--icon-sw)]"),children:/* @__PURE__ */o(i,{name:u,size:d[t],decorative:!!b})}):/* @__PURE__ */o(i,{name:u,size:d[t],decorative:!!b}),b&&/* @__PURE__ */o("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:b})]})});v.displayName="IconButton";export{v as IconButton};
package/dist/index62.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("./index71.cjs"),s=require("./index55.cjs"),l=require("./index99.cjs"),a=require("./index64.cjs"),o=require("./index73.cjs"),i=t.forwardRef(({type:i="text",label:n,tooltip:c,error:d,helperText:u,fullWidth:h=!1,showPasswordToggle:p=!0,showLastChar:x=!0,lastCharDelay:g=500,validate:f,onValidationChange:j,className:y,id:v,onChange:m,onBlur:w,required:k,value:C,"data-cy":S,"data-testid":b,...N},$)=>{const[T,q]=t.useState(!1),[M,R]=t.useState(),[W,L]=t.useState(!1),[E,B]=t.useState(!1),P=t.useRef(!1),[D,F]=t.useState(""),I=t.useRef(""),O=t.useRef(null),V=t.useRef(null),z=a.useMergedRef($,V),A=t.useId(),H=v||A,_=`${H}-error`,G=`${H}-helper`,J=S||"input",K=b||"input",Q="password"===i,U=Q&&p,X=Q&&x&&!T&&void 0===C,Y=Q&&(T||X&&I.current.length>0)?"text":i,Z=n&&k&&!n.includes("*")?`${n} *`:n,ee=t.useMemo(()=>o.debounce(e=>{if(f&&P.current){const t=f(e);R(t),j?.(!t)}},300),[f,j]),te=t.useRef(ee);t.useEffect(()=>{te.current=ee},[ee]),t.useEffect(()=>{process.env.NODE_ENV},[Q,x,C]),t.useEffect(()=>()=>{O.current&&clearTimeout(O.current),te.current.cancel()},[]);const re=X&&void 0===C?D:T&&Q&&void 0===C?I.current||"":C,se=d||M,le=N.disabled?"disabled":se?"error":W?"focus":E?"hover":"idle";return e.jsxs("div",{className:l.wrapperStyles,"data-cy":`${J}-wrapper`,"data-testid":`${K}-wrapper`,children:[(n||c)&&e.jsxs("div",{className:l.labelRowStyles,children:[n&&e.jsx("label",{htmlFor:H,className:l.labelStyles,"data-cy":`${J}-label`,"data-testid":`${K}-label`,children:Z}),c&&e.jsx(r.Provider,{delayDuration:200,children:e.jsxs(r.Root,{children:[e.jsx(r.Trigger,{asChild:!0,children:e.jsx("button",{type:"button",className:l.tooltipTriggerStyles,"aria-label":"More information","data-cy":`${J}-tooltip-trigger`,"data-testid":`${K}-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:l.tooltipContentStyles,side:"top",sideOffset:4,"data-cy":`${J}-tooltip-content`,"data-testid":`${K}-tooltip-content`,children:[c,e.jsx(r.Arrow,{className:"fill-text"})]})})]})})]}),e.jsxs("div",{className:l.fieldContainerStyles,children:[e.jsx("input",{ref:z,id:H,type:Y,value:re,className:s.cn(l.inputBaseStyles,se&&l.inputErrorStyles,U&&l.inputWithToggleStyles,y),"aria-invalid":se?"true":"false","aria-required":k?"true":void 0,"aria-describedby":se?_:u?G:void 0,"data-cy":J,"data-testid":K,"data-state":le,onChange:e=>{let t=e.target.value;if(X){const r=e.target.value,s=I.current,l=D.length;let a;if(0===r.length)a="";else if(r.length>l){const e=r.slice(l);a=s+e}else if(r.length<l)a=s.slice(0,r.length);else{const e=r.slice(-1);a=s.slice(0,-1)+e}I.current=a;const o=a?"•".repeat(a.length-1)+a.slice(-1):"";if(F(o),t=a,m){const t={...e,target:{...e.target,value:a},currentTarget:{...e.currentTarget,value:a}};m(t)}O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{F("•".repeat(a.length))},g)}else m?.(e);P.current&&ee(t)},onFocus:e=>{L(!0),N.onFocus?.(e)},onBlur:e=>{if(L(!1),P.current=!0,f){const t=X?I.current:e.target.value,r=f(t);R(r),j?.(!r)}w?.(e)},onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),required:k,...N}),U&&e.jsx("button",{type:"button",className:l.toggleStyles,onClick:()=>{q(e=>!e),setTimeout(()=>V.current?.focus(),0)},"aria-label":T?"Hide password":"Show password","data-cy":`${J}-toggle`,"data-testid":`${K}-toggle`,children:T?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"})]})})]}),se&&e.jsx("span",{id:_,className:l.errorStyles,role:"alert","data-cy":`${J}-error`,"data-testid":`${K}-error`,children:se}),u&&!se&&e.jsx("span",{id:G,className:l.helperStyles,"data-cy":`${J}-helper`,"data-testid":`${K}-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("./index71.cjs"),s=require("./index55.cjs"),l=require("./index99.cjs"),a=require("./index64.cjs"),o=require("./index73.cjs"),i=t.forwardRef(({type:i="text",label:n,tooltip:c,error:d,helperText:u,fullWidth:h=!1,showPasswordToggle:p=!0,showLastChar:x=!0,lastCharDelay:g=500,validate:f,onValidationChange:j,className:y,id:v,onChange:m,onBlur:w,required:k,value:b,"data-cy":C,"data-testid":S,...N},$)=>{const[T,q]=t.useState(!1),[M,R]=t.useState(),[W,L]=t.useState(!1),[E,B]=t.useState(!1),I=t.useRef(!1),[P,D]=t.useState(""),F=t.useRef(""),O=t.useRef(null),V=t.useRef(null),z=a.useMergedRef($,V),A=t.useId(),H=v||A,_=`${H}-error`,G=`${H}-helper`,J=C||"input",K=S||"input",Q="password"===i,U=Q&&p,X=Q&&x&&!T&&void 0===b,Y=Q&&(T||X&&F.current.length>0)?"text":i,Z=n&&k&&!n.includes("*")?`${n} *`:n,ee=t.useMemo(()=>o.debounce(e=>{if(f&&I.current){const t=f(e);R(t),j?.(!t)}},300),[f,j]),te=t.useRef(ee);t.useEffect(()=>{te.current=ee},[ee]),t.useEffect(()=>{process.env.NODE_ENV},[Q,x,b]),t.useEffect(()=>()=>{O.current&&clearTimeout(O.current),te.current.cancel()},[]);const re=X&&void 0===b?P:T&&Q&&void 0===b?F.current||"":b,se=d||M,le=N.disabled?"disabled":se?"error":W?"focus":E?"hover":"idle";return e.jsxs("div",{className:l.wrapperStyles,"data-cy":`${J}-wrapper`,"data-testid":`${K}-wrapper`,children:[(n||c)&&e.jsxs("div",{className:l.labelRowStyles,children:[n&&e.jsx("label",{htmlFor:H,className:l.labelStyles,"data-cy":`${J}-label`,"data-testid":`${K}-label`,children:Z}),c&&e.jsx(r.Provider,{delayDuration:200,children:e.jsxs(r.Root,{children:[e.jsx(r.Trigger,{asChild:!0,children:e.jsx("button",{type:"button",tabIndex:-1,className:l.tooltipTriggerStyles,"aria-label":"More information","data-cy":`${J}-tooltip-trigger`,"data-testid":`${K}-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:l.tooltipContentStyles,side:"top",sideOffset:4,"data-cy":`${J}-tooltip-content`,"data-testid":`${K}-tooltip-content`,children:[c,e.jsx(r.Arrow,{className:"fill-text"})]})})]})})]}),e.jsxs("div",{className:l.fieldContainerStyles,children:[e.jsx("input",{ref:z,id:H,type:Y,value:re,className:s.cn(l.inputBaseStyles,se&&l.inputErrorStyles,U&&l.inputWithToggleStyles,y),"aria-invalid":se?"true":"false","aria-required":k?"true":void 0,"aria-describedby":se?_:u?G:void 0,"data-cy":J,"data-testid":K,"data-state":le,onChange:e=>{let t=e.target.value;if(X){const r=e.target.value,s=F.current,l=P.length;let a;if(0===r.length)a="";else if(r.length>l){const e=r.slice(l);a=s+e}else if(r.length<l)a=s.slice(0,r.length);else{const e=r.slice(-1);a=s.slice(0,-1)+e}F.current=a;const o=a?"•".repeat(a.length-1)+a.slice(-1):"";if(D(o),t=a,m){const t={...e,target:{...e.target,value:a},currentTarget:{...e.currentTarget,value:a}};m(t)}O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{D("•".repeat(a.length))},g)}else m?.(e);I.current&&ee(t)},onFocus:e=>{L(!0),N.onFocus?.(e)},onBlur:e=>{if(L(!1),I.current=!0,f){const t=X?F.current:e.target.value,r=f(t);R(r),j?.(!r)}w?.(e)},onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),required:k,...N}),U&&e.jsx("button",{type:"button",className:l.toggleStyles,onClick:()=>{q(e=>!e),setTimeout(()=>V.current?.focus(),0)},"aria-label":T?"Hide password":"Show password","data-cy":`${J}-toggle`,"data-testid":`${K}-toggle`,children:T?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"})]})})]}),se&&e.jsx("span",{id:_,className:l.errorStyles,role:"alert","data-cy":`${J}-error`,"data-testid":`${K}-error`,children:se}),u&&!se&&e.jsx("span",{id:G,className:l.helperStyles,"data-cy":`${J}-helper`,"data-testid":`${K}-helper`,children:u})]})});i.displayName="Input",exports.Input=i;
package/dist/index62.js CHANGED
@@ -1,13 +1,13 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useState as a,useRef as o,useId as l,useMemo as i,useEffect as n}from"react";import{Provider as s,Root as c,Trigger as d,Portal as u,Content as h,Arrow as p}from"./index71.js";import{cn as m}from"./index55.js";import{wrapperStyles as f,labelRowStyles as g,labelStyles as v,tooltipTriggerStyles as k,tooltipContentStyles as y,fieldContainerStyles as w,inputWithToggleStyles as x,inputErrorStyles as C,inputBaseStyles as N,toggleStyles as $,errorStyles as b,helperStyles as j}from"./index99.js";import{useMergedRef as L}from"./index64.js";import{debounce as T}from"./index73.js";const W=r(({type:r="text",label:W,tooltip:M,error:B,helperText:q,fullWidth:D=!1,showPasswordToggle:E=!0,showLastChar:F=!0,lastCharDelay:V=500,validate:z,onValidationChange:O,className:A,id:H,onChange:I,onBlur:P,required:R,value:S,"data-cy":_,"data-testid":G,...J},K)=>{const[Q,U]=a(!1),[X,Y]=a(),[Z,ee]=a(!1),[te,re]=a(!1),ae=o(!1),[oe,le]=a(""),ie=o(""),ne=o(null),se=o(null),ce=L(K,se),de=l(),ue=H||de,he=`${ue}-error`,pe=`${ue}-helper`,me=_||"input",fe=G||"input",ge="password"===r,ve=ge&&E,ke=ge&&F&&!Q&&void 0===S,ye=ge&&(Q||ke&&ie.current.length>0)?"text":r,we=W&&R&&!W.includes("*")?`${W} *`:W,xe=i(()=>T(e=>{if(z&&ae.current){const t=z(e);Y(t),O?.(!t)}},300),[z,O]),Ce=o(xe);n(()=>{Ce.current=xe},[xe]),n(()=>{process.env.NODE_ENV},[ge,F,S]),n(()=>()=>{ne.current&&clearTimeout(ne.current),Ce.current.cancel()},[]);const Ne=ke&&void 0===S?oe:Q&&ge&&void 0===S?ie.current||"":S,$e=B||X,be=J.disabled?"disabled":$e?"error":Z?"focus":te?"hover":"idle";/* @__PURE__ */
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useState as a,useRef as o,useId as l,useMemo as i,useEffect as n}from"react";import{Provider as s,Root as c,Trigger as d,Portal as u,Content as h,Arrow as p}from"./index71.js";import{cn as m}from"./index55.js";import{wrapperStyles as f,labelRowStyles as g,labelStyles as v,tooltipTriggerStyles as k,tooltipContentStyles as y,fieldContainerStyles as w,inputWithToggleStyles as x,inputErrorStyles as C,inputBaseStyles as N,toggleStyles as $,errorStyles as b,helperStyles as j}from"./index99.js";import{useMergedRef as L}from"./index64.js";import{debounce as T}from"./index73.js";const W=r(({type:r="text",label:W,tooltip:M,error:B,helperText:q,fullWidth:D=!1,showPasswordToggle:E=!0,showLastChar:F=!0,lastCharDelay:V=500,validate:z,onValidationChange:I,className:O,id:A,onChange:H,onBlur:P,required:R,value:S,"data-cy":_,"data-testid":G,...J},K)=>{const[Q,U]=a(!1),[X,Y]=a(),[Z,ee]=a(!1),[te,re]=a(!1),ae=o(!1),[oe,le]=a(""),ie=o(""),ne=o(null),se=o(null),ce=L(K,se),de=l(),ue=A||de,he=`${ue}-error`,pe=`${ue}-helper`,me=_||"input",fe=G||"input",ge="password"===r,ve=ge&&E,ke=ge&&F&&!Q&&void 0===S,ye=ge&&(Q||ke&&ie.current.length>0)?"text":r,we=W&&R&&!W.includes("*")?`${W} *`:W,xe=i(()=>T(e=>{if(z&&ae.current){const t=z(e);Y(t),I?.(!t)}},300),[z,I]),Ce=o(xe);n(()=>{Ce.current=xe},[xe]),n(()=>{process.env.NODE_ENV},[ge,F,S]),n(()=>()=>{ne.current&&clearTimeout(ne.current),Ce.current.cancel()},[]);const Ne=ke&&void 0===S?oe:Q&&ge&&void 0===S?ie.current||"":S,$e=B||X,be=J.disabled?"disabled":$e?"error":Z?"focus":te?"hover":"idle";/* @__PURE__ */
2
2
  return e("div",{className:f,"data-cy":`${me}-wrapper`,"data-testid":`${fe}-wrapper`,children:[(W||M)&&/* @__PURE__ */e("div",{className:g,children:[W&&/* @__PURE__ */t("label",{htmlFor:ue,className:v,"data-cy":`${me}-label`,"data-testid":`${fe}-label`,children:we}),M&&/* @__PURE__ */t(s,{delayDuration:200,children:/* @__PURE__ */e(c,{children:[
3
- /* @__PURE__ */t(d,{asChild:!0,children:/* @__PURE__ */t("button",{type:"button",className:k,"aria-label":"More information","data-cy":`${me}-tooltip-trigger`,"data-testid":`${fe}-tooltip-trigger`,children:/* @__PURE__ */e("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[
3
+ /* @__PURE__ */t(d,{asChild:!0,children:/* @__PURE__ */t("button",{type:"button",tabIndex:-1,className:k,"aria-label":"More information","data-cy":`${me}-tooltip-trigger`,"data-testid":`${fe}-tooltip-trigger`,children:/* @__PURE__ */e("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[
4
4
  /* @__PURE__ */t("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),
5
5
  /* @__PURE__ */t("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),
6
6
  /* @__PURE__ */t("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),
7
7
  /* @__PURE__ */t(u,{children:/* @__PURE__ */e(h,{className:y,side:"top",sideOffset:4,"data-cy":`${me}-tooltip-content`,"data-testid":`${fe}-tooltip-content`,children:[M,
8
8
  /* @__PURE__ */t(p,{className:"fill-text"})]})})]})})]}),
9
9
  /* @__PURE__ */e("div",{className:w,children:[
10
- /* @__PURE__ */t("input",{ref:ce,id:ue,type:ye,value:Ne,className:m(N,$e&&C,ve&&x,A),"aria-invalid":$e?"true":"false","aria-required":R?"true":void 0,"aria-describedby":$e?he:q?pe:void 0,"data-cy":me,"data-testid":fe,"data-state":be,onChange:e=>{let t=e.target.value;if(ke){const r=e.target.value,a=ie.current,o=oe.length;let l;if(0===r.length)l="";else if(r.length>o){const e=r.slice(o);l=a+e}else if(r.length<o)l=a.slice(0,r.length);else{const e=r.slice(-1);l=a.slice(0,-1)+e}ie.current=l;const i=l?"•".repeat(l.length-1)+l.slice(-1):"";if(le(i),t=l,I){const t={...e,target:{...e.target,value:l},currentTarget:{...e.currentTarget,value:l}};I(t)}ne.current&&clearTimeout(ne.current),ne.current=setTimeout(()=>{le("•".repeat(l.length))},V)}else I?.(e);ae.current&&xe(t)},onFocus:e=>{ee(!0),J.onFocus?.(e)},onBlur:e=>{if(ee(!1),ae.current=!0,z){const t=ke?ie.current:e.target.value,r=z(t);Y(r),O?.(!r)}P?.(e)},onMouseEnter:()=>re(!0),onMouseLeave:()=>re(!1),required:R,...J}),ve&&/* @__PURE__ */t("button",{type:"button",className:$,onClick:()=>{U(e=>!e),setTimeout(()=>se.current?.focus(),0)},"aria-label":Q?"Hide password":"Show password","data-cy":`${me}-toggle`,"data-testid":`${fe}-toggle`,children:/* @__PURE__ */e("svg",Q?{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[
10
+ /* @__PURE__ */t("input",{ref:ce,id:ue,type:ye,value:Ne,className:m(N,$e&&C,ve&&x,O),"aria-invalid":$e?"true":"false","aria-required":R?"true":void 0,"aria-describedby":$e?he:q?pe:void 0,"data-cy":me,"data-testid":fe,"data-state":be,onChange:e=>{let t=e.target.value;if(ke){const r=e.target.value,a=ie.current,o=oe.length;let l;if(0===r.length)l="";else if(r.length>o){const e=r.slice(o);l=a+e}else if(r.length<o)l=a.slice(0,r.length);else{const e=r.slice(-1);l=a.slice(0,-1)+e}ie.current=l;const i=l?"•".repeat(l.length-1)+l.slice(-1):"";if(le(i),t=l,H){const t={...e,target:{...e.target,value:l},currentTarget:{...e.currentTarget,value:l}};H(t)}ne.current&&clearTimeout(ne.current),ne.current=setTimeout(()=>{le("•".repeat(l.length))},V)}else H?.(e);ae.current&&xe(t)},onFocus:e=>{ee(!0),J.onFocus?.(e)},onBlur:e=>{if(ee(!1),ae.current=!0,z){const t=ke?ie.current:e.target.value,r=z(t);Y(r),I?.(!r)}P?.(e)},onMouseEnter:()=>re(!0),onMouseLeave:()=>re(!1),required:R,...J}),ve&&/* @__PURE__ */t("button",{type:"button",className:$,onClick:()=>{U(e=>!e),setTimeout(()=>se.current?.focus(),0)},"aria-label":Q?"Hide password":"Show password","data-cy":`${me}-toggle`,"data-testid":`${fe}-toggle`,children:/* @__PURE__ */e("svg",Q?{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[
11
11
  /* @__PURE__ */t("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"}),
12
12
  /* @__PURE__ */t("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}:{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[
13
13
  /* @__PURE__ */t("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"}),
package/dist/index71.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index100.cjs"),r=require("./index101.cjs"),o=require("./index102.cjs"),n=require("./index103.cjs"),i=require("./index104.cjs"),s=require("./index105.cjs"),c=require("./index106.cjs"),a=require("./index107.cjs"),l=require("./index108.cjs"),u=require("./index109.cjs"),p=require("./index110.cjs"),d=require("./index111.cjs"),x=require("react/jsx-runtime");function f(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 g=f(e);var[h]=o.createContextScope("Tooltip",[s.createPopperScope]),v=s.createPopperScope(),y="TooltipProvider",b=700,m="tooltip.open",[T,w]=h(y),C=e=>{const{__scopeTooltip:t,delayDuration:r=b,skipDelayDuration:o=300,disableHoverableContent:n=!1,children:i}=e,s=g.useRef(!0),c=g.useRef(!1),a=g.useRef(0);return g.useEffect(()=>{const e=a.current;return()=>window.clearTimeout(e)},[]),x.jsx(T,{scope:t,isOpenDelayedRef:s,delayDuration:r,onOpen:g.useCallback(()=>{window.clearTimeout(a.current),s.current=!1},[]),onClose:g.useCallback(()=>{window.clearTimeout(a.current),a.current=window.setTimeout(()=>s.current=!0,o)},[o]),isPointerInTransitRef:c,onPointerInTransitChange:g.useCallback(e=>{c.current=e},[]),disableHoverableContent:n,children:i})};C.displayName=y;var j="Tooltip",[E,P]=h(j),R=e=>{const{__scopeTooltip:t,children:r,open:o,defaultOpen:n,onOpenChange:c,disableHoverableContent:a,delayDuration:l}=e,u=w(j,e.__scopeTooltip),d=v(t),[f,h]=g.useState(null),y=i.useId(),b=g.useRef(0),T=a??u.disableHoverableContent,C=l??u.delayDuration,P=g.useRef(!1),[R,_]=p.useControllableState({prop:o,defaultProp:n??!1,onChange:e=>{e?(u.onOpen(),document.dispatchEvent(new CustomEvent(m))):u.onClose(),c?.(e)},caller:j}),k=g.useMemo(()=>R?P.current?"delayed-open":"instant-open":"closed",[R]),D=g.useCallback(()=>{window.clearTimeout(b.current),b.current=0,P.current=!1,_(!0)},[_]),O=g.useCallback(()=>{window.clearTimeout(b.current),b.current=0,_(!1)},[_]),L=g.useCallback(()=>{window.clearTimeout(b.current),b.current=window.setTimeout(()=>{P.current=!0,_(!0),b.current=0},C)},[C,_]);return g.useEffect(()=>()=>{b.current&&(window.clearTimeout(b.current),b.current=0)},[]),x.jsx(s.Root,{...d,children:x.jsx(E,{scope:t,contentId:y,open:R,stateAttribute:k,trigger:f,onTriggerChange:h,onTriggerEnter:g.useCallback(()=>{u.isOpenDelayedRef.current?L():D()},[u.isOpenDelayedRef,L,D]),onTriggerLeave:g.useCallback(()=>{T?O():(window.clearTimeout(b.current),b.current=0)},[O,T]),onOpen:D,onClose:O,disableHoverableContent:T,children:r})})};R.displayName=j;var _="TooltipTrigger",k=g.forwardRef((e,o)=>{const{__scopeTooltip:n,...i}=e,c=P(_,n),a=w(_,n),u=v(n),p=g.useRef(null),d=r.useComposedRefs(o,p,c.onTriggerChange),f=g.useRef(!1),h=g.useRef(!1),y=g.useCallback(()=>f.current=!1,[]);return g.useEffect(()=>()=>document.removeEventListener("pointerup",y),[y]),x.jsx(s.Anchor,{asChild:!0,...u,children:x.jsx(l.Primitive.button,{"aria-describedby":c.open?c.contentId:void 0,"data-state":c.stateAttribute,...i,ref:d,onPointerMove:t.composeEventHandlers(e.onPointerMove,e=>{"touch"!==e.pointerType&&(h.current||a.isPointerInTransitRef.current||(c.onTriggerEnter(),h.current=!0))}),onPointerLeave:t.composeEventHandlers(e.onPointerLeave,()=>{c.onTriggerLeave(),h.current=!1}),onPointerDown:t.composeEventHandlers(e.onPointerDown,()=>{c.open&&c.onClose(),f.current=!0,document.addEventListener("pointerup",y,{once:!0})}),onFocus:t.composeEventHandlers(e.onFocus,()=>{f.current||c.onOpen()}),onBlur:t.composeEventHandlers(e.onBlur,c.onClose),onClick:t.composeEventHandlers(e.onClick,c.onClose)})})});k.displayName=_;var D="TooltipPortal",[O,L]=h(D,{forceMount:void 0}),M=e=>{const{__scopeTooltip:t,forceMount:r,children:o,container:n}=e,i=P(D,t);return x.jsx(O,{scope:t,forceMount:r,children:x.jsx(a.Presence,{present:r||i.open,children:x.jsx(c.Portal,{asChild:!0,container:n,children:o})})})};M.displayName=D;var q="TooltipContent",H=g.forwardRef((e,t)=>{const r=L(q,e.__scopeTooltip),{forceMount:o=r.forceMount,side:n="top",...i}=e,s=P(q,e.__scopeTooltip);return x.jsx(a.Presence,{present:o||s.open,children:s.disableHoverableContent?x.jsx(B,{side:n,...i,ref:t}):x.jsx(I,{side:n,...i,ref:t})})}),I=g.forwardRef((e,t)=>{const o=P(q,e.__scopeTooltip),n=w(q,e.__scopeTooltip),i=g.useRef(null),s=r.useComposedRefs(t,i),[c,a]=g.useState(null),{trigger:l,onClose:u}=o,p=i.current,{onPointerInTransitChange:d}=n,f=g.useCallback(()=>{a(null),d(!1)},[d]),h=g.useCallback((e,t)=>{const r=e.currentTarget,o={x:e.clientX,y:e.clientY},n=function(e,t,r=5){const o=[];switch(t){case"top":o.push({x:e.x-r,y:e.y+r},{x:e.x+r,y:e.y+r});break;case"bottom":o.push({x:e.x-r,y:e.y-r},{x:e.x+r,y:e.y-r});break;case"left":o.push({x:e.x+r,y:e.y-r},{x:e.x+r,y:e.y+r});break;case"right":o.push({x:e.x-r,y:e.y-r},{x:e.x-r,y:e.y+r})}return o}(o,function(e,t){const r=Math.abs(t.top-e.y),o=Math.abs(t.bottom-e.y),n=Math.abs(t.right-e.x),i=Math.abs(t.left-e.x);switch(Math.min(r,o,n,i)){case i:return"left";case n:return"right";case r:return"top";case o:return"bottom";default:throw new Error("unreachable")}}(o,r.getBoundingClientRect())),i=function(e){const t=e.slice();return t.sort((e,t)=>e.x<t.x?-1:e.x>t.x?1:e.y<t.y?-1:e.y>t.y?1:0),function(e){if(e.length<=1)return e.slice();const t=[];for(let o=0;o<e.length;o++){const r=e[o];for(;t.length>=2;){const e=t[t.length-1],o=t[t.length-2];if(!((e.x-o.x)*(r.y-o.y)>=(e.y-o.y)*(r.x-o.x)))break;t.pop()}t.push(r)}t.pop();const r=[];for(let o=e.length-1;o>=0;o--){const t=e[o];for(;r.length>=2;){const e=r[r.length-1],o=r[r.length-2];if(!((e.x-o.x)*(t.y-o.y)>=(e.y-o.y)*(t.x-o.x)))break;r.pop()}r.push(t)}return r.pop(),1===t.length&&1===r.length&&t[0].x===r[0].x&&t[0].y===r[0].y?t:t.concat(r)}(t)}([...n,...function(e){const{top:t,right:r,bottom:o,left:n}=e;return[{x:n,y:t},{x:r,y:t},{x:r,y:o},{x:n,y:o}]}(t.getBoundingClientRect())]);a(i),d(!0)},[d]);return g.useEffect(()=>()=>f(),[f]),g.useEffect(()=>{if(l&&p){const e=e=>h(e,p),t=e=>h(e,l);return l.addEventListener("pointerleave",e),p.addEventListener("pointerleave",t),()=>{l.removeEventListener("pointerleave",e),p.removeEventListener("pointerleave",t)}}},[l,p,h,f]),g.useEffect(()=>{if(c){const e=e=>{const t=e.target,r={x:e.clientX,y:e.clientY},o=l?.contains(t)||p?.contains(t),n=!function(e,t){const{x:r,y:o}=e;let n=!1;for(let i=0,s=t.length-1;i<t.length;s=i++){const e=t[i],c=t[s],a=e.x,l=e.y,u=c.x,p=c.y;l>o!=p>o&&r<(u-a)*(o-l)/(p-l)+a&&(n=!n)}return n}(r,c);o?f():n&&(f(),u())};return document.addEventListener("pointermove",e),()=>document.removeEventListener("pointermove",e)}},[l,p,c,u,f]),x.jsx(B,{...e,ref:s})}),[S,A]=h(j,{isInside:!1}),N=u.createSlottable("TooltipContent"),B=g.forwardRef((e,t)=>{const{__scopeTooltip:r,children:o,"aria-label":i,onEscapeKeyDown:c,onPointerDownOutside:a,...l}=e,u=P(q,r),p=v(r),{onClose:f}=u;return g.useEffect(()=>(document.addEventListener(m,f),()=>document.removeEventListener(m,f)),[f]),g.useEffect(()=>{if(u.trigger){const e=e=>{const t=e.target;t?.contains(u.trigger)&&f()};return window.addEventListener("scroll",e,{capture:!0}),()=>window.removeEventListener("scroll",e,{capture:!0})}},[u.trigger,f]),x.jsx(n.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:c,onPointerDownOutside:a,onFocusOutside:e=>e.preventDefault(),onDismiss:f,children:x.jsxs(s.Content,{"data-state":u.stateAttribute,...p,...l,ref:t,style:{...l.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[x.jsx(N,{children:o}),x.jsx(S,{scope:r,isInside:!0,children:x.jsx(d.Root,{id:u.contentId,role:"tooltip",children:i||o})})]})})});H.displayName=q;var F="TooltipArrow",K=g.forwardRef((e,t)=>{const{__scopeTooltip:r,...o}=e,n=v(r);return A(F,r).isInside?null:x.jsx(s.Arrow,{...n,...o,ref:t})});K.displayName=F;var X=C,Y=R,z=k,G=M,J=H,Q=K;exports.Arrow=Q,exports.Content=J,exports.Portal=G,exports.Provider=X,exports.Root=Y,exports.Tooltip=R,exports.TooltipArrow=K,exports.TooltipContent=H,exports.TooltipPortal=M,exports.TooltipProvider=C,exports.TooltipTrigger=k,exports.Trigger=z;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index100.cjs"),r=require("./index101.cjs"),o=require("./index103.cjs"),n=require("./index104.cjs"),i=require("./index112.cjs"),s=require("./index113.cjs"),c=require("./index105.cjs"),a=require("./index106.cjs"),l=require("./index107.cjs"),u=require("./index114.cjs"),p=require("./index109.cjs"),d=require("./index111.cjs"),x=require("react/jsx-runtime");function f(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 g=f(e);var[h]=o.createContextScope("Tooltip",[s.createPopperScope]),v=s.createPopperScope(),y="TooltipProvider",b=700,m="tooltip.open",[T,w]=h(y),C=e=>{const{__scopeTooltip:t,delayDuration:r=b,skipDelayDuration:o=300,disableHoverableContent:n=!1,children:i}=e,s=g.useRef(!0),c=g.useRef(!1),a=g.useRef(0);return g.useEffect(()=>{const e=a.current;return()=>window.clearTimeout(e)},[]),x.jsx(T,{scope:t,isOpenDelayedRef:s,delayDuration:r,onOpen:g.useCallback(()=>{window.clearTimeout(a.current),s.current=!1},[]),onClose:g.useCallback(()=>{window.clearTimeout(a.current),a.current=window.setTimeout(()=>s.current=!0,o)},[o]),isPointerInTransitRef:c,onPointerInTransitChange:g.useCallback(e=>{c.current=e},[]),disableHoverableContent:n,children:i})};C.displayName=y;var j="Tooltip",[E,P]=h(j),R=e=>{const{__scopeTooltip:t,children:r,open:o,defaultOpen:n,onOpenChange:c,disableHoverableContent:a,delayDuration:l}=e,u=w(j,e.__scopeTooltip),d=v(t),[f,h]=g.useState(null),y=i.useId(),b=g.useRef(0),T=a??u.disableHoverableContent,C=l??u.delayDuration,P=g.useRef(!1),[R,_]=p.useControllableState({prop:o,defaultProp:n??!1,onChange:e=>{e?(u.onOpen(),document.dispatchEvent(new CustomEvent(m))):u.onClose(),c?.(e)},caller:j}),k=g.useMemo(()=>R?P.current?"delayed-open":"instant-open":"closed",[R]),D=g.useCallback(()=>{window.clearTimeout(b.current),b.current=0,P.current=!1,_(!0)},[_]),O=g.useCallback(()=>{window.clearTimeout(b.current),b.current=0,_(!1)},[_]),L=g.useCallback(()=>{window.clearTimeout(b.current),b.current=window.setTimeout(()=>{P.current=!0,_(!0),b.current=0},C)},[C,_]);return g.useEffect(()=>()=>{b.current&&(window.clearTimeout(b.current),b.current=0)},[]),x.jsx(s.Root,{...d,children:x.jsx(E,{scope:t,contentId:y,open:R,stateAttribute:k,trigger:f,onTriggerChange:h,onTriggerEnter:g.useCallback(()=>{u.isOpenDelayedRef.current?L():D()},[u.isOpenDelayedRef,L,D]),onTriggerLeave:g.useCallback(()=>{T?O():(window.clearTimeout(b.current),b.current=0)},[O,T]),onOpen:D,onClose:O,disableHoverableContent:T,children:r})})};R.displayName=j;var _="TooltipTrigger",k=g.forwardRef((e,o)=>{const{__scopeTooltip:n,...i}=e,c=P(_,n),a=w(_,n),u=v(n),p=g.useRef(null),d=r.useComposedRefs(o,p,c.onTriggerChange),f=g.useRef(!1),h=g.useRef(!1),y=g.useCallback(()=>f.current=!1,[]);return g.useEffect(()=>()=>document.removeEventListener("pointerup",y),[y]),x.jsx(s.Anchor,{asChild:!0,...u,children:x.jsx(l.Primitive.button,{"aria-describedby":c.open?c.contentId:void 0,"data-state":c.stateAttribute,...i,ref:d,onPointerMove:t.composeEventHandlers(e.onPointerMove,e=>{"touch"!==e.pointerType&&(h.current||a.isPointerInTransitRef.current||(c.onTriggerEnter(),h.current=!0))}),onPointerLeave:t.composeEventHandlers(e.onPointerLeave,()=>{c.onTriggerLeave(),h.current=!1}),onPointerDown:t.composeEventHandlers(e.onPointerDown,()=>{c.open&&c.onClose(),f.current=!0,document.addEventListener("pointerup",y,{once:!0})}),onFocus:t.composeEventHandlers(e.onFocus,()=>{f.current||c.onOpen()}),onBlur:t.composeEventHandlers(e.onBlur,c.onClose),onClick:t.composeEventHandlers(e.onClick,c.onClose)})})});k.displayName=_;var D="TooltipPortal",[O,L]=h(D,{forceMount:void 0}),M=e=>{const{__scopeTooltip:t,forceMount:r,children:o,container:n}=e,i=P(D,t);return x.jsx(O,{scope:t,forceMount:r,children:x.jsx(a.Presence,{present:r||i.open,children:x.jsx(c.Portal,{asChild:!0,container:n,children:o})})})};M.displayName=D;var q="TooltipContent",H=g.forwardRef((e,t)=>{const r=L(q,e.__scopeTooltip),{forceMount:o=r.forceMount,side:n="top",...i}=e,s=P(q,e.__scopeTooltip);return x.jsx(a.Presence,{present:o||s.open,children:s.disableHoverableContent?x.jsx(B,{side:n,...i,ref:t}):x.jsx(I,{side:n,...i,ref:t})})}),I=g.forwardRef((e,t)=>{const o=P(q,e.__scopeTooltip),n=w(q,e.__scopeTooltip),i=g.useRef(null),s=r.useComposedRefs(t,i),[c,a]=g.useState(null),{trigger:l,onClose:u}=o,p=i.current,{onPointerInTransitChange:d}=n,f=g.useCallback(()=>{a(null),d(!1)},[d]),h=g.useCallback((e,t)=>{const r=e.currentTarget,o={x:e.clientX,y:e.clientY},n=function(e,t,r=5){const o=[];switch(t){case"top":o.push({x:e.x-r,y:e.y+r},{x:e.x+r,y:e.y+r});break;case"bottom":o.push({x:e.x-r,y:e.y-r},{x:e.x+r,y:e.y-r});break;case"left":o.push({x:e.x+r,y:e.y-r},{x:e.x+r,y:e.y+r});break;case"right":o.push({x:e.x-r,y:e.y-r},{x:e.x-r,y:e.y+r})}return o}(o,function(e,t){const r=Math.abs(t.top-e.y),o=Math.abs(t.bottom-e.y),n=Math.abs(t.right-e.x),i=Math.abs(t.left-e.x);switch(Math.min(r,o,n,i)){case i:return"left";case n:return"right";case r:return"top";case o:return"bottom";default:throw new Error("unreachable")}}(o,r.getBoundingClientRect())),i=function(e){const t=e.slice();return t.sort((e,t)=>e.x<t.x?-1:e.x>t.x?1:e.y<t.y?-1:e.y>t.y?1:0),function(e){if(e.length<=1)return e.slice();const t=[];for(let o=0;o<e.length;o++){const r=e[o];for(;t.length>=2;){const e=t[t.length-1],o=t[t.length-2];if(!((e.x-o.x)*(r.y-o.y)>=(e.y-o.y)*(r.x-o.x)))break;t.pop()}t.push(r)}t.pop();const r=[];for(let o=e.length-1;o>=0;o--){const t=e[o];for(;r.length>=2;){const e=r[r.length-1],o=r[r.length-2];if(!((e.x-o.x)*(t.y-o.y)>=(e.y-o.y)*(t.x-o.x)))break;r.pop()}r.push(t)}return r.pop(),1===t.length&&1===r.length&&t[0].x===r[0].x&&t[0].y===r[0].y?t:t.concat(r)}(t)}([...n,...function(e){const{top:t,right:r,bottom:o,left:n}=e;return[{x:n,y:t},{x:r,y:t},{x:r,y:o},{x:n,y:o}]}(t.getBoundingClientRect())]);a(i),d(!0)},[d]);return g.useEffect(()=>()=>f(),[f]),g.useEffect(()=>{if(l&&p){const e=e=>h(e,p),t=e=>h(e,l);return l.addEventListener("pointerleave",e),p.addEventListener("pointerleave",t),()=>{l.removeEventListener("pointerleave",e),p.removeEventListener("pointerleave",t)}}},[l,p,h,f]),g.useEffect(()=>{if(c){const e=e=>{const t=e.target,r={x:e.clientX,y:e.clientY},o=l?.contains(t)||p?.contains(t),n=!function(e,t){const{x:r,y:o}=e;let n=!1;for(let i=0,s=t.length-1;i<t.length;s=i++){const e=t[i],c=t[s],a=e.x,l=e.y,u=c.x,p=c.y;l>o!=p>o&&r<(u-a)*(o-l)/(p-l)+a&&(n=!n)}return n}(r,c);o?f():n&&(f(),u())};return document.addEventListener("pointermove",e),()=>document.removeEventListener("pointermove",e)}},[l,p,c,u,f]),x.jsx(B,{...e,ref:s})}),[S,A]=h(j,{isInside:!1}),N=u.createSlottable("TooltipContent"),B=g.forwardRef((e,t)=>{const{__scopeTooltip:r,children:o,"aria-label":i,onEscapeKeyDown:c,onPointerDownOutside:a,...l}=e,u=P(q,r),p=v(r),{onClose:f}=u;return g.useEffect(()=>(document.addEventListener(m,f),()=>document.removeEventListener(m,f)),[f]),g.useEffect(()=>{if(u.trigger){const e=e=>{const t=e.target;t?.contains(u.trigger)&&f()};return window.addEventListener("scroll",e,{capture:!0}),()=>window.removeEventListener("scroll",e,{capture:!0})}},[u.trigger,f]),x.jsx(n.DismissableLayer,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:c,onPointerDownOutside:a,onFocusOutside:e=>e.preventDefault(),onDismiss:f,children:x.jsxs(s.Content,{"data-state":u.stateAttribute,...p,...l,ref:t,style:{...l.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[x.jsx(N,{children:o}),x.jsx(S,{scope:r,isInside:!0,children:x.jsx(d.Root,{id:u.contentId,role:"tooltip",children:i||o})})]})})});H.displayName=q;var F="TooltipArrow",K=g.forwardRef((e,t)=>{const{__scopeTooltip:r,...o}=e,n=v(r);return A(F,r).isInside?null:x.jsx(s.Arrow,{...n,...o,ref:t})});K.displayName=F;var X=C,Y=R,z=k,G=M,J=H,Q=K;exports.Arrow=Q,exports.Content=J,exports.Portal=G,exports.Provider=X,exports.Root=Y,exports.Tooltip=R,exports.TooltipArrow=K,exports.TooltipContent=H,exports.TooltipPortal=M,exports.TooltipProvider=C,exports.TooltipTrigger=k,exports.Trigger=z;
package/dist/index71.js CHANGED
@@ -1,4 +1,4 @@
1
- import*as e from"react";import{composeEventHandlers as t}from"./index100.js";import{useComposedRefs as n}from"./index101.js";import{createContextScope as o}from"./index102.js";import{DismissableLayer as r}from"./index103.js";import{useId as i}from"./index104.js";import{Root as a,Anchor as s,Arrow as c,createPopperScope as l,Content as u}from"./index105.js";import{Portal as p}from"./index106.js";import{Presence as d}from"./index107.js";import{Primitive as f}from"./index108.js";import{createSlottable as h}from"./index109.js";import{useControllableState as m}from"./index110.js";import{Root as x}from"./index111.js";import{jsx as g,jsxs as y}from"react/jsx-runtime";var[v]=o("Tooltip",[l]),b=l(),w="TooltipProvider",C=700,T="tooltip.open",[E,R]=v(w),_=t=>{const{__scopeTooltip:n,delayDuration:o=C,skipDelayDuration:r=300,disableHoverableContent:i=!1,children:a}=t,s=e.useRef(!0),c=e.useRef(!1),l=e.useRef(0);return e.useEffect(()=>{const e=l.current;return()=>window.clearTimeout(e)},[]),/* @__PURE__ */g(E,{scope:n,isOpenDelayedRef:s,delayDuration:o,onOpen:e.useCallback(()=>{window.clearTimeout(l.current),s.current=!1},[]),onClose:e.useCallback(()=>{window.clearTimeout(l.current),l.current=window.setTimeout(()=>s.current=!0,r)},[r]),isPointerInTransitRef:c,onPointerInTransitChange:e.useCallback(e=>{c.current=e},[]),disableHoverableContent:i,children:a})};_.displayName=w;var k="Tooltip",[D,P]=v(k),L=t=>{const{__scopeTooltip:n,children:o,open:r,defaultOpen:s,onOpenChange:c,disableHoverableContent:l,delayDuration:u}=t,p=R(k,t.__scopeTooltip),d=b(n),[f,h]=e.useState(null),x=i(),y=e.useRef(0),v=l??p.disableHoverableContent,w=u??p.delayDuration,C=e.useRef(!1),[E,_]=m({prop:r,defaultProp:s??!1,onChange:e=>{e?(p.onOpen(),document.dispatchEvent(new CustomEvent(T))):p.onClose(),c?.(e)},caller:k}),P=e.useMemo(()=>E?C.current?"delayed-open":"instant-open":"closed",[E]),L=e.useCallback(()=>{window.clearTimeout(y.current),y.current=0,C.current=!1,_(!0)},[_]),j=e.useCallback(()=>{window.clearTimeout(y.current),y.current=0,_(!1)},[_]),M=e.useCallback(()=>{window.clearTimeout(y.current),y.current=window.setTimeout(()=>{C.current=!0,_(!0),y.current=0},w)},[w,_]);return e.useEffect(()=>()=>{y.current&&(window.clearTimeout(y.current),y.current=0)},[]),/* @__PURE__ */g(a,{...d,children:/* @__PURE__ */g(D,{scope:n,contentId:x,open:E,stateAttribute:P,trigger:f,onTriggerChange:h,onTriggerEnter:e.useCallback(()=>{p.isOpenDelayedRef.current?M():L()},[p.isOpenDelayedRef,M,L]),onTriggerLeave:e.useCallback(()=>{v?j():(window.clearTimeout(y.current),y.current=0)},[j,v]),onOpen:L,onClose:j,disableHoverableContent:v,children:o})})};L.displayName=k;var j="TooltipTrigger",M=e.forwardRef((o,r)=>{const{__scopeTooltip:i,...a}=o,c=P(j,i),l=R(j,i),u=b(i),p=e.useRef(null),d=n(r,p,c.onTriggerChange),h=e.useRef(!1),m=e.useRef(!1),x=e.useCallback(()=>h.current=!1,[]);return e.useEffect(()=>()=>document.removeEventListener("pointerup",x),[x]),/* @__PURE__ */g(s,{asChild:!0,...u,children:/* @__PURE__ */g(f.button,{"aria-describedby":c.open?c.contentId:void 0,"data-state":c.stateAttribute,...a,ref:d,onPointerMove:t(o.onPointerMove,e=>{"touch"!==e.pointerType&&(m.current||l.isPointerInTransitRef.current||(c.onTriggerEnter(),m.current=!0))}),onPointerLeave:t(o.onPointerLeave,()=>{c.onTriggerLeave(),m.current=!1}),onPointerDown:t(o.onPointerDown,()=>{c.open&&c.onClose(),h.current=!0,document.addEventListener("pointerup",x,{once:!0})}),onFocus:t(o.onFocus,()=>{h.current||c.onOpen()}),onBlur:t(o.onBlur,c.onClose),onClick:t(o.onClick,c.onClose)})})});M.displayName=j;var O="TooltipPortal",[I,H]=v(O,{forceMount:void 0}),N=e=>{const{__scopeTooltip:t,forceMount:n,children:o,container:r}=e,i=P(O,t);/* @__PURE__ */
1
+ import*as e from"react";import{composeEventHandlers as t}from"./index100.js";import{useComposedRefs as n}from"./index101.js";import{createContextScope as o}from"./index103.js";import{DismissableLayer as r}from"./index104.js";import{useId as i}from"./index112.js";import{Root as a,Anchor as s,Arrow as c,createPopperScope as l,Content as u}from"./index113.js";import{Portal as p}from"./index105.js";import{Presence as d}from"./index106.js";import{Primitive as f}from"./index107.js";import{createSlottable as h}from"./index114.js";import{useControllableState as m}from"./index109.js";import{Root as x}from"./index111.js";import{jsx as g,jsxs as y}from"react/jsx-runtime";var[v]=o("Tooltip",[l]),b=l(),w="TooltipProvider",C=700,T="tooltip.open",[E,R]=v(w),_=t=>{const{__scopeTooltip:n,delayDuration:o=C,skipDelayDuration:r=300,disableHoverableContent:i=!1,children:a}=t,s=e.useRef(!0),c=e.useRef(!1),l=e.useRef(0);return e.useEffect(()=>{const e=l.current;return()=>window.clearTimeout(e)},[]),/* @__PURE__ */g(E,{scope:n,isOpenDelayedRef:s,delayDuration:o,onOpen:e.useCallback(()=>{window.clearTimeout(l.current),s.current=!1},[]),onClose:e.useCallback(()=>{window.clearTimeout(l.current),l.current=window.setTimeout(()=>s.current=!0,r)},[r]),isPointerInTransitRef:c,onPointerInTransitChange:e.useCallback(e=>{c.current=e},[]),disableHoverableContent:i,children:a})};_.displayName=w;var k="Tooltip",[D,P]=v(k),L=t=>{const{__scopeTooltip:n,children:o,open:r,defaultOpen:s,onOpenChange:c,disableHoverableContent:l,delayDuration:u}=t,p=R(k,t.__scopeTooltip),d=b(n),[f,h]=e.useState(null),x=i(),y=e.useRef(0),v=l??p.disableHoverableContent,w=u??p.delayDuration,C=e.useRef(!1),[E,_]=m({prop:r,defaultProp:s??!1,onChange:e=>{e?(p.onOpen(),document.dispatchEvent(new CustomEvent(T))):p.onClose(),c?.(e)},caller:k}),P=e.useMemo(()=>E?C.current?"delayed-open":"instant-open":"closed",[E]),L=e.useCallback(()=>{window.clearTimeout(y.current),y.current=0,C.current=!1,_(!0)},[_]),j=e.useCallback(()=>{window.clearTimeout(y.current),y.current=0,_(!1)},[_]),M=e.useCallback(()=>{window.clearTimeout(y.current),y.current=window.setTimeout(()=>{C.current=!0,_(!0),y.current=0},w)},[w,_]);return e.useEffect(()=>()=>{y.current&&(window.clearTimeout(y.current),y.current=0)},[]),/* @__PURE__ */g(a,{...d,children:/* @__PURE__ */g(D,{scope:n,contentId:x,open:E,stateAttribute:P,trigger:f,onTriggerChange:h,onTriggerEnter:e.useCallback(()=>{p.isOpenDelayedRef.current?M():L()},[p.isOpenDelayedRef,M,L]),onTriggerLeave:e.useCallback(()=>{v?j():(window.clearTimeout(y.current),y.current=0)},[j,v]),onOpen:L,onClose:j,disableHoverableContent:v,children:o})})};L.displayName=k;var j="TooltipTrigger",M=e.forwardRef((o,r)=>{const{__scopeTooltip:i,...a}=o,c=P(j,i),l=R(j,i),u=b(i),p=e.useRef(null),d=n(r,p,c.onTriggerChange),h=e.useRef(!1),m=e.useRef(!1),x=e.useCallback(()=>h.current=!1,[]);return e.useEffect(()=>()=>document.removeEventListener("pointerup",x),[x]),/* @__PURE__ */g(s,{asChild:!0,...u,children:/* @__PURE__ */g(f.button,{"aria-describedby":c.open?c.contentId:void 0,"data-state":c.stateAttribute,...a,ref:d,onPointerMove:t(o.onPointerMove,e=>{"touch"!==e.pointerType&&(m.current||l.isPointerInTransitRef.current||(c.onTriggerEnter(),m.current=!0))}),onPointerLeave:t(o.onPointerLeave,()=>{c.onTriggerLeave(),m.current=!1}),onPointerDown:t(o.onPointerDown,()=>{c.open&&c.onClose(),h.current=!0,document.addEventListener("pointerup",x,{once:!0})}),onFocus:t(o.onFocus,()=>{h.current||c.onOpen()}),onBlur:t(o.onBlur,c.onClose),onClick:t(o.onClick,c.onClose)})})});M.displayName=j;var O="TooltipPortal",[I,H]=v(O,{forceMount:void 0}),N=e=>{const{__scopeTooltip:t,forceMount:n,children:o,container:r}=e,i=P(O,t);/* @__PURE__ */
2
2
  return g(I,{scope:t,forceMount:n,children:/* @__PURE__ */g(d,{present:n||i.open,children:/* @__PURE__ */g(p,{asChild:!0,container:r,children:o})})})};N.displayName=O;var A="TooltipContent",B=e.forwardRef((e,t)=>{const n=H(A,e.__scopeTooltip),{forceMount:o=n.forceMount,side:r="top",...i}=e,a=P(A,e.__scopeTooltip);/* @__PURE__ */
3
3
  return g(d,{present:o||a.open,children:a.disableHoverableContent?/* @__PURE__ */g(Y,{side:r,...i,ref:t}):/* @__PURE__ */g(F,{side:r,...i,ref:t})})}),F=e.forwardRef((t,o)=>{const r=P(A,t.__scopeTooltip),i=R(A,t.__scopeTooltip),a=e.useRef(null),s=n(o,a),[c,l]=e.useState(null),{trigger:u,onClose:p}=r,d=a.current,{onPointerInTransitChange:f}=i,h=e.useCallback(()=>{l(null),f(!1)},[f]),m=e.useCallback((e,t)=>{const n=e.currentTarget,o={x:e.clientX,y:e.clientY},r=function(e,t,n=5){const o=[];switch(t){case"top":o.push({x:e.x-n,y:e.y+n},{x:e.x+n,y:e.y+n});break;case"bottom":o.push({x:e.x-n,y:e.y-n},{x:e.x+n,y:e.y-n});break;case"left":o.push({x:e.x+n,y:e.y-n},{x:e.x+n,y:e.y+n});break;case"right":o.push({x:e.x-n,y:e.y-n},{x:e.x-n,y:e.y+n})}return o}(o,function(e,t){const n=Math.abs(t.top-e.y),o=Math.abs(t.bottom-e.y),r=Math.abs(t.right-e.x),i=Math.abs(t.left-e.x);switch(Math.min(n,o,r,i)){case i:return"left";case r:return"right";case n:return"top";case o:return"bottom";default:throw new Error("unreachable")}}(o,n.getBoundingClientRect())),i=function(e){const t=e.slice();return t.sort((e,t)=>e.x<t.x?-1:e.x>t.x?1:e.y<t.y?-1:e.y>t.y?1:0),function(e){if(e.length<=1)return e.slice();const t=[];for(let o=0;o<e.length;o++){const n=e[o];for(;t.length>=2;){const e=t[t.length-1],o=t[t.length-2];if(!((e.x-o.x)*(n.y-o.y)>=(e.y-o.y)*(n.x-o.x)))break;t.pop()}t.push(n)}t.pop();const n=[];for(let o=e.length-1;o>=0;o--){const t=e[o];for(;n.length>=2;){const e=n[n.length-1],o=n[n.length-2];if(!((e.x-o.x)*(t.y-o.y)>=(e.y-o.y)*(t.x-o.x)))break;n.pop()}n.push(t)}return n.pop(),1===t.length&&1===n.length&&t[0].x===n[0].x&&t[0].y===n[0].y?t:t.concat(n)}(t)}([...r,...function(e){const{top:t,right:n,bottom:o,left:r}=e;return[{x:r,y:t},{x:n,y:t},{x:n,y:o},{x:r,y:o}]}(t.getBoundingClientRect())]);l(i),f(!0)},[f]);return e.useEffect(()=>()=>h(),[h]),e.useEffect(()=>{if(u&&d){const e=e=>m(e,d),t=e=>m(e,u);return u.addEventListener("pointerleave",e),d.addEventListener("pointerleave",t),()=>{u.removeEventListener("pointerleave",e),d.removeEventListener("pointerleave",t)}}},[u,d,m,h]),e.useEffect(()=>{if(c){const e=e=>{const t=e.target,n={x:e.clientX,y:e.clientY},o=u?.contains(t)||d?.contains(t),r=!function(e,t){const{x:n,y:o}=e;let r=!1;for(let i=0,a=t.length-1;i<t.length;a=i++){const e=t[i],s=t[a],c=e.x,l=e.y,u=s.x,p=s.y;l>o!=p>o&&n<(u-c)*(o-l)/(p-l)+c&&(r=!r)}return r}(n,c);o?h():r&&(h(),p())};return document.addEventListener("pointermove",e),()=>document.removeEventListener("pointermove",e)}},[u,d,c,p,h]),/* @__PURE__ */g(Y,{...t,ref:s})}),[K,S]=v(k,{isInside:!1}),X=h("TooltipContent"),Y=e.forwardRef((t,n)=>{const{__scopeTooltip:o,children:i,"aria-label":a,onEscapeKeyDown:s,onPointerDownOutside:c,...l}=t,p=P(A,o),d=b(o),{onClose:f}=p;return e.useEffect(()=>(document.addEventListener(T,f),()=>document.removeEventListener(T,f)),[f]),e.useEffect(()=>{if(p.trigger){const e=e=>{const t=e.target;t?.contains(p.trigger)&&f()};return window.addEventListener("scroll",e,{capture:!0}),()=>window.removeEventListener("scroll",e,{capture:!0})}},[p.trigger,f]),/* @__PURE__ */g(r,{asChild:!0,disableOutsidePointerEvents:!1,onEscapeKeyDown:s,onPointerDownOutside:c,onFocusOutside:e=>e.preventDefault(),onDismiss:f,children:/* @__PURE__ */y(u,{"data-state":p.stateAttribute,...d,...l,ref:n,style:{...l.style,"--radix-tooltip-content-transform-origin":"var(--radix-popper-transform-origin)","--radix-tooltip-content-available-width":"var(--radix-popper-available-width)","--radix-tooltip-content-available-height":"var(--radix-popper-available-height)","--radix-tooltip-trigger-width":"var(--radix-popper-anchor-width)","--radix-tooltip-trigger-height":"var(--radix-popper-anchor-height)"},children:[
4
4
  /* @__PURE__ */g(X,{children:i}),
package/dist/index80.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom"),r=require("./index100.cjs"),n=require("./index101.cjs"),o=require("./index112.cjs"),s=require("./index102.cjs"),i=require("./index103.cjs"),a=require("./index106.cjs"),c=require("./index107.cjs"),u=require("./index108.cjs"),d=require("./index113.cjs"),l=require("./index110.cjs"),p=require("./index114.cjs"),f=require("./index111.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("./index100.cjs"),n=require("./index101.cjs"),o=require("./index102.cjs"),s=require("./index103.cjs"),i=require("./index104.cjs"),a=require("./index105.cjs"),c=require("./index106.cjs"),u=require("./index107.cjs"),d=require("./index108.cjs"),l=require("./index109.cjs"),p=require("./index110.cjs"),f=require("./index111.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/index80.js CHANGED
@@ -1,4 +1,4 @@
1
- import*as e from"react";import*as t from"react-dom";import{composeEventHandlers as r}from"./index100.js";import{useComposedRefs as n}from"./index101.js";import{createCollection as o}from"./index112.js";import{createContextScope as s}from"./index102.js";import{Branch as i,Root as a}from"./index103.js";import{Portal as c}from"./index106.js";import{Presence as d}from"./index107.js";import{Primitive as u,dispatchDiscreteCustomEvent as l}from"./index108.js";import{useCallbackRef as p}from"./index113.js";import{useControllableState as f}from"./index110.js";import{useLayoutEffect as m}from"./index114.js";import{VisuallyHidden as w}from"./index111.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"./index100.js";import{useComposedRefs as n}from"./index101.js";import{createCollection as o}from"./index102.js";import{createContextScope as s}from"./index103.js";import{Branch as i,Root as a}from"./index104.js";import{Portal as c}from"./index105.js";import{Presence as d}from"./index106.js";import{Primitive as u,dispatchDiscreteCustomEvent as l}from"./index107.js";import{useCallbackRef as p}from"./index108.js";import{useControllableState as f}from"./index109.js";import{useLayoutEffect as m}from"./index110.js";import{VisuallyHidden as w}from"./index111.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}),
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/icon-button/IconButton.component.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAI1D,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAc1D,eAAO,MAAM,UAAU,+GAwFtB,CAAC"}
1
+ {"version":3,"file":"IconButton.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/icon-button/IconButton.component.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAI1D,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAc1D,eAAO,MAAM,UAAU,+GA0GtB,CAAC"}
@@ -7,6 +7,10 @@ export interface IconButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonEle
7
7
  size?: 'sm' | 'md' | 'lg';
8
8
  variant?: 'rainbow-overlay' | 'outlined-green' | 'default';
9
9
  loading?: boolean;
10
+ /** Override icon color — works even on gradient SVGs */
11
+ iconColor?: string;
12
+ /** Override SVG stroke width (e.g. '0.5px', '1px', '2px') */
13
+ iconStrokeWidth?: string;
10
14
  'aria-label'?: string;
11
15
  'data-testid'?: string;
12
16
  'data-cy'?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"IconButton.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/icon-button/IconButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,WAAW,CACZ;IACC,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,iBAAiB,GAAG,gBAAgB,GAAG,SAAS,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
1
+ {"version":3,"file":"IconButton.types.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/icon-button/IconButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACxD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEjD,MAAM,WAAW,eAAgB,SAAQ,IAAI,CAC3C,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,WAAW,CACZ;IACC,IAAI,EAAE,QAAQ,CAAC;IACf,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,iBAAiB,GAAG,gBAAgB,GAAG,SAAS,CAAC;IAC3D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,wDAAwD;IACxD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,6DAA6D;IAC7D,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}
@@ -1 +1 @@
1
- {"version":3,"file":"Autocomplete.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/autocomplete/Autocomplete.component.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAsB,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA6ClF,eAAO,MAAM,YAAY,8GAqVxB,CAAC;AAIF,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}
1
+ {"version":3,"file":"Autocomplete.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/autocomplete/Autocomplete.component.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,EAAsB,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AA6ClF,eAAO,MAAM,YAAY,8GAoVxB,CAAC;AAIF,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Input.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/input/Input.component.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAgBhD,eAAO,MAAM,KAAK,yGAgXjB,CAAC;AAIF,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}
1
+ {"version":3,"file":"Input.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/input/Input.component.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAgBhD,eAAO,MAAM,KAAK,yGAiXjB,CAAC;AAIF,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"OTPInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.component.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAiBnE,eAAO,MAAM,QAAQ,uGAmTpB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}
1
+ {"version":3,"file":"OTPInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/otp-input/OTPInput.component.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAiBnE,eAAO,MAAM,QAAQ,uGAsTpB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,WAAW,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"PhoneInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/phone-input/PhoneInput.component.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA2B1D,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAUnG,eAAO,MAAM,UAAU,8GAgYtB,CAAC;AAIF,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
1
+ {"version":3,"file":"PhoneInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/phone-input/PhoneInput.component.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA2B1D,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAUnG,eAAO,MAAM,UAAU,8GAmYtB,CAAC;AAIF,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
@@ -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,+GAuZpB,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,+GAwZpB,CAAC;AAIF,YAAY,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC"}