@adam-milo/ui 1.0.108 → 1.0.110

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 (77) hide show
  1. package/dist/index104.cjs +1 -1
  2. package/dist/index104.js +5 -1
  3. package/dist/index105.cjs +1 -1
  4. package/dist/index105.js +1 -1
  5. package/dist/index106.cjs +1 -1
  6. package/dist/index106.js +1 -1
  7. package/dist/index107.cjs +1 -1
  8. package/dist/index107.js +1 -3
  9. package/dist/index108.cjs +1 -1
  10. package/dist/index108.js +3 -2
  11. package/dist/index109.cjs +1 -1
  12. package/dist/index109.js +2 -1
  13. package/dist/index110.cjs +1 -1
  14. package/dist/index110.js +1 -1
  15. package/dist/index111.cjs +1 -1
  16. package/dist/index111.js +1 -1
  17. package/dist/index112.cjs +1 -1
  18. package/dist/index112.js +1 -1
  19. package/dist/index113.cjs +1 -1
  20. package/dist/index113.js +1 -1
  21. package/dist/index114.cjs +1 -1
  22. package/dist/index114.js +1 -1
  23. package/dist/index115.cjs +1 -1
  24. package/dist/index115.js +1 -1
  25. package/dist/index116.cjs +1 -1
  26. package/dist/index116.js +1 -1
  27. package/dist/index117.cjs +1 -1
  28. package/dist/index117.js +1 -5
  29. package/dist/index118.cjs +1 -1
  30. package/dist/index118.js +1 -1
  31. package/dist/index119.cjs +1 -1
  32. package/dist/index119.js +1 -1
  33. package/dist/index120.cjs +1 -1
  34. package/dist/index120.js +1 -1
  35. package/dist/index121.cjs +1 -1
  36. package/dist/index121.js +1 -1
  37. package/dist/index123.cjs +1 -1
  38. package/dist/index123.js +1 -1
  39. package/dist/index124.cjs +1 -1
  40. package/dist/index124.js +1 -1
  41. package/dist/index18.cjs +1 -1
  42. package/dist/index18.js +6 -6
  43. package/dist/index5.cjs +1 -1
  44. package/dist/index5.js +2 -2
  45. package/dist/index63.cjs +1 -1
  46. package/dist/index63.js +1 -1
  47. package/dist/index64.cjs +1 -1
  48. package/dist/index64.js +1 -1
  49. package/dist/index69.cjs +1 -1
  50. package/dist/index69.js +1 -1
  51. package/dist/index70.cjs +1 -1
  52. package/dist/index70.js +1 -1
  53. package/dist/index71.cjs +1 -1
  54. package/dist/index71.js +1 -1
  55. package/dist/index73.cjs +1 -1
  56. package/dist/index73.js +1 -1
  57. package/dist/index74.cjs +1 -1
  58. package/dist/index74.js +1 -1
  59. package/dist/index76.cjs +1 -1
  60. package/dist/index76.js +1 -1
  61. package/dist/index83.cjs +1 -1
  62. package/dist/index83.js +1 -1
  63. package/dist/index96.cjs +1 -1
  64. package/dist/index96.js +1 -1
  65. package/dist/src/components/core/menu-icon-button/MenuIconButton.component.d.ts.map +1 -1
  66. package/dist/src/components/core/menu-icon-button/MenuIconButton.styles.d.ts +7 -4
  67. package/dist/src/components/core/menu-icon-button/MenuIconButton.styles.d.ts.map +1 -1
  68. package/dist/src/components/forms/autocomplete/Autocomplete.component.d.ts.map +1 -1
  69. package/dist/src/components/forms/autocomplete/Autocomplete.styles.d.ts +0 -1
  70. package/dist/src/components/forms/autocomplete/Autocomplete.styles.d.ts.map +1 -1
  71. package/dist/src/components/forms/input/Input.styles.d.ts.map +1 -1
  72. package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts +2 -2
  73. package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts.map +1 -1
  74. package/dist/src/components/forms/textarea/Textarea.styles.d.ts.map +1 -1
  75. package/dist/src/components/layout/auth-layout/AuthLayout.styles.d.ts.map +1 -1
  76. package/dist/styles.css +1 -1
  77. package/package.json +1 -1
package/dist/index124.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index115.cjs");function r(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const o=r(e);exports.useSize=function(e){const[r,i]=o.useState(void 0);return t.useLayoutEffect(()=>{if(e){i({width:e.offsetWidth,height:e.offsetHeight});const t=new ResizeObserver(t=>{if(!Array.isArray(t))return;if(!t.length)return;const r=t[0];let o,n;if("borderBoxSize"in r){const e=r.borderBoxSize,t=Array.isArray(e)?e[0]:e;o=t.inlineSize,n=t.blockSize}else o=e.offsetWidth,n=e.offsetHeight;i({width:o,height:n})});return t.observe(e,{box:"border-box"}),()=>t.unobserve(e)}i(void 0)},[e]),r};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index116.cjs");function r(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const o=r(e);exports.useSize=function(e){const[r,i]=o.useState(void 0);return t.useLayoutEffect(()=>{if(e){i({width:e.offsetWidth,height:e.offsetHeight});const t=new ResizeObserver(t=>{if(!Array.isArray(t))return;if(!t.length)return;const r=t[0];let o,n;if("borderBoxSize"in r){const e=r.borderBoxSize,t=Array.isArray(e)?e[0]:e;o=t.inlineSize,n=t.blockSize}else o=e.offsetWidth,n=e.offsetHeight;i({width:o,height:n})});return t.observe(e,{box:"border-box"}),()=>t.unobserve(e)}i(void 0)},[e]),r};
package/dist/index124.js CHANGED
@@ -1 +1 @@
1
- import*as e from"react";import{useLayoutEffect as r}from"./index115.js";function t(t){const[i,o]=e.useState(void 0);return r(()=>{if(t){o({width:t.offsetWidth,height:t.offsetHeight});const e=new ResizeObserver(e=>{if(!Array.isArray(e))return;if(!e.length)return;const r=e[0];let i,s;if("borderBoxSize"in r){const e=r.borderBoxSize,t=Array.isArray(e)?e[0]:e;i=t.inlineSize,s=t.blockSize}else i=t.offsetWidth,s=t.offsetHeight;o({width:i,height:s})});return e.observe(t,{box:"border-box"}),()=>e.unobserve(t)}o(void 0)},[t]),i}export{t as useSize};
1
+ import*as e from"react";import{useLayoutEffect as r}from"./index116.js";function t(t){const[i,o]=e.useState(void 0);return r(()=>{if(t){o({width:t.offsetWidth,height:t.offsetHeight});const e=new ResizeObserver(e=>{if(!Array.isArray(e))return;if(!e.length)return;const r=e[0];let i,s;if("borderBoxSize"in r){const e=r.borderBoxSize,t=Array.isArray(e)?e[0]:e;i=t.inlineSize,s=t.blockSize}else i=t.offsetWidth,s=t.offsetHeight;o({width:i,height:s})});return e.observe(t,{box:"border-box"}),()=>e.unobserve(t)}o(void 0)},[t]),i}export{t as useSize};
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("./index57.cjs"),r=require("./index76.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",className:f,"data-cy":v,"data-testid":m},x)=>{const[S,$]=t.useState(!1),[g,w]=t.useState(""),[j,k]=t.useState(-1),N=t.useId(),D=`${N}-error`,C=`${N}-helper`,E=`${N}-listbox`,q=v||"autocomplete",L=m||"autocomplete",R=t.useRef(null),A=t.useRef(null),F=t.useRef([]),M=t.useRef(!1),T=n.find(e=>e.value===s),I=d&&h&&!d.includes("*")?`${d} *`:d,O=S&&g?n.filter(e=>e.label.toLowerCase().includes(g.toLowerCase())):n,W=t.useCallback(()=>{y||($(!0),w(""),k(-1))},[y]),K=t.useCallback(()=>{$(!1),w(""),k(-1)},[]),P=t.useCallback(e=>{e.disabled||(i(e.value),K())},[i,K]);t.useEffect(()=>{const e=e=>{R.current&&!R.current.contains(e.target)&&K()};return S&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[S,K]);const V=e=>{F.current[e]?.scrollIntoView?.({block:"nearest"})},B=(e,t)=>{const a=O.length;if(0===a)return-1;let r=e+t;for(;r>=0&&r<a;){if(!O[r].disabled)return r;r+=t}if(-1===e&&1===t)for(let l=0;l<a;l++)if(!O[l].disabled)return l;return-1===e?-1:e},H=S?g:T?.label??"",U=t.useCallback(e=>{R.current=e,"function"==typeof x?x(e):x&&(x.current=e)},[x]);return e.jsxs("div",{ref:U,className:a.cn(r.wrapperStyles,p&&r.wrapperFullWidthStyles,f),"data-cy":`${q}-wrapper`,"data-testid":`${L}-wrapper`,children:[d&&e.jsx("label",{htmlFor:`${N}-input`,className:a.cn(r.labelStyles,c&&r.labelErrorStyles,y&&r.labelDisabledStyles),"data-cy":`${q}-label`,"data-testid":`${L}-label`,children:I}),e.jsxs("div",{className:a.cn(r.triggerStyles,S&&r.triggerOpenStyles,c&&r.triggerErrorStyles,y&&r.triggerDisabledStyles),onClick:()=>{S||W(),A.current?.focus()},"data-cy":q,"data-testid":L,children:[!S&&T?.flag&&e.jsx("span",{className:r.flagStyles,"aria-hidden":"true",children:T.flag}),e.jsx("input",{ref:A,id:`${N}-input`,type:"text",role:"combobox",className:r.inputStyles,value:H,placeholder:o||d||"Select...","aria-expanded":S,"aria-haspopup":"listbox","aria-controls":S?E:void 0,"aria-autocomplete":"list","aria-activedescendant":j>=0?`${N}-option-${j}`:void 0,"aria-invalid":c?"true":"false","aria-required":h?"true":void 0,"aria-describedby":c?D:u?C:void 0,disabled:y,onChange:e=>{w(e.target.value),k(-1),S||W()},onFocus:()=>{S||M.current||W()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!S)return void W();const t=B(j,1);-1!==t&&(k(t),V(t));break}case"ArrowUp":{if(e.preventDefault(),!S)return void W();const t=B(j,-1);-1!==t&&(k(t),V(t));break}case"Enter":e.preventDefault(),S&&j>=0&&O[j]&&P(O[j]);break;case"Escape":e.preventDefault(),K();break;case"Tab":S&&K()}},"data-cy":`${q}-input`,"data-testid":`${L}-input`}),e.jsx("span",{"aria-hidden":"true",className:a.cn(r.chevronStyles,S&&r.chevronOpenStyles),onMouseDown:e=>{e.preventDefault(),S?(M.current=!0,K(),A.current?.blur(),requestAnimationFrame(()=>{M.current=!1})):(W(),requestAnimationFrame(()=>A.current?.focus()))},onClick:e=>e.stopPropagation(),"data-cy":`${q}-chevron`,"data-testid":`${L}-chevron`,children:e.jsx(l,{})})]}),S&&e.jsx("div",{className:r.dropdownStyles,"data-cy":`${q}-dropdown`,"data-testid":`${L}-dropdown`,children:e.jsx("div",{id:E,role:"listbox",className:r.listStyles,"data-cy":`${q}-list`,"data-testid":`${L}-list`,children:0===O.length?e.jsx("div",{className:r.noResultsStyles,children:b}):O.map((t,l)=>{const i=t.value===s,n=l===j;return e.jsxs("div",{ref:e=>{F.current[l]=e},id:`${N}-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:()=>P(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),P(t))},onMouseEnter:()=>k(l),"data-cy":`${q}-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:D,className:r.errorStyles,role:"alert","data-cy":`${q}-error`,"data-testid":`${L}-error`,children:c}),u&&!c&&e.jsx("span",{id:C,className:r.helperStyles,"data-cy":`${q}-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("./index57.cjs"),r=require("./index76.cjs"),s=()=>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"})}),l=t.forwardRef(({value:l,onValueChange:i,options:n,label:d,placeholder:o,error:c,helperText:u,fullWidth:p=!1,required:h=!1,disabled:y=!1,noResultsText:f="No results found",className:v,"data-cy":b,"data-testid":m},x)=>{const[$,g]=t.useState(!1),[S,w]=t.useState(""),[j,k]=t.useState(-1),N=t.useId(),C=`${N}-error`,D=`${N}-helper`,E=`${N}-listbox`,q=b||"autocomplete",L=m||"autocomplete",R=t.useRef(null),A=t.useRef(null),F=t.useRef([]),M=t.useRef(!1),T=n.find(e=>e.value===l),I=d&&h&&!d.includes("*")?`${d} *`:d,O=$&&S?n.filter(e=>e.label.toLowerCase().includes(S.toLowerCase())):n,W=t.useCallback(()=>{y||(g(!0),w(""),k(-1))},[y]),K=t.useCallback(()=>{g(!1),w(""),k(-1)},[]),P=t.useCallback(e=>{e.disabled||(i(e.value),K())},[i,K]);t.useEffect(()=>{const e=e=>{R.current&&!R.current.contains(e.target)&&K()};return $&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[$,K]);const V=e=>{F.current[e]?.scrollIntoView?.({block:"nearest"})},B=(e,t)=>{const a=O.length;if(0===a)return-1;let r=e+t;for(;r>=0&&r<a;){if(!O[r].disabled)return r;r+=t}if(-1===e&&1===t)for(let s=0;s<a;s++)if(!O[s].disabled)return s;return-1===e?-1:e},H=$?S:T?.label??"",U=t.useCallback(e=>{R.current=e,"function"==typeof x?x(e):x&&(x.current=e)},[x]);return e.jsxs("div",{ref:U,className:a.cn(r.wrapperStyles,p&&r.wrapperFullWidthStyles,v),"data-cy":`${q}-wrapper`,"data-testid":`${L}-wrapper`,children:[d&&e.jsx("label",{htmlFor:`${N}-input`,className:a.cn(r.labelStyles,c&&r.labelErrorStyles),"data-cy":`${q}-label`,"data-testid":`${L}-label`,children:I}),e.jsxs("div",{className:a.cn(r.triggerStyles,$&&r.triggerOpenStyles,c&&r.triggerErrorStyles,y&&r.triggerDisabledStyles),onClick:()=>{$||W(),A.current?.focus()},"data-cy":q,"data-testid":L,children:[!$&&T?.flag&&e.jsx("span",{className:r.flagStyles,"aria-hidden":"true",children:T.flag}),e.jsx("input",{ref:A,id:`${N}-input`,type:"text",role:"combobox",className:r.inputStyles,value:H,placeholder:o||d||"Select...","aria-expanded":$,"aria-haspopup":"listbox","aria-controls":$?E:void 0,"aria-autocomplete":"list","aria-activedescendant":j>=0?`${N}-option-${j}`:void 0,"aria-invalid":c?"true":"false","aria-required":h?"true":void 0,"aria-describedby":c?C:u?D:void 0,disabled:y,onChange:e=>{w(e.target.value),k(-1),$||W()},onFocus:()=>{$||M.current||W()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!$)return void W();const t=B(j,1);-1!==t&&(k(t),V(t));break}case"ArrowUp":{if(e.preventDefault(),!$)return void W();const t=B(j,-1);-1!==t&&(k(t),V(t));break}case"Enter":e.preventDefault(),$&&j>=0&&O[j]&&P(O[j]);break;case"Escape":e.preventDefault(),K();break;case"Tab":$&&K()}},"data-cy":`${q}-input`,"data-testid":`${L}-input`}),e.jsx("span",{"aria-hidden":"true",className:a.cn(r.chevronStyles,$&&r.chevronOpenStyles),onMouseDown:e=>{e.preventDefault(),$?(M.current=!0,K(),A.current?.blur(),requestAnimationFrame(()=>{M.current=!1})):(W(),requestAnimationFrame(()=>A.current?.focus()))},onClick:e=>e.stopPropagation(),"data-cy":`${q}-chevron`,"data-testid":`${L}-chevron`,children:e.jsx(s,{})})]}),$&&e.jsx("div",{className:r.dropdownStyles,"data-cy":`${q}-dropdown`,"data-testid":`${L}-dropdown`,children:e.jsx("div",{id:E,role:"listbox",className:r.listStyles,"data-cy":`${q}-list`,"data-testid":`${L}-list`,children:0===O.length?e.jsx("div",{className:r.noResultsStyles,children:f}):O.map((t,s)=>{const i=t.value===l,n=s===j;return e.jsxs("div",{ref:e=>{F.current[s]=e},id:`${N}-option-${s}`,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:()=>P(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),P(t))},onMouseEnter:()=>k(s),"data-cy":`${q}-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:C,className:r.errorStyles,role:"alert","data-cy":`${q}-error`,"data-testid":`${L}-error`,children:c}),u&&!c&&e.jsx("span",{id:D,className:r.helperStyles,"data-cy":`${q}-helper`,"data-testid":`${L}-helper`,children:u})]})});l.displayName="Autocomplete",exports.Autocomplete=l;
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 o,useEffect as l}from"react";import{cn as d}from"./index57.js";import{flagStyles as s,inputStyles as c,dropdownStyles as u,listStyles as p,noResultsStyles as m,itemDisabledStyles as h,itemSelectedStyles as v,itemHighlightedStyles as f,itemStyles as b,errorStyles as $,helperStyles as w,labelDisabledStyles as y,labelErrorStyles as N,labelStyles as g,chevronOpenStyles as k,chevronStyles as x,triggerDisabledStyles as D,triggerErrorStyles as C,triggerOpenStyles as L,triggerStyles as E,wrapperFullWidthStyles as A,wrapperStyles as j}from"./index76.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:P=!1,noResultsText:R="No results found",className:S,"data-cy":U,"data-testid":z},G)=>{const[H,J]=r(!1),[O,Q]=r(""),[X,Y]=r(-1),Z=n(),_=`${Z}-error`,ee=`${Z}-helper`,ae=`${Z}-listbox`,te=U||"autocomplete",re=z||"autocomplete",ne=i(null),ie=i(null),oe=i([]),le=i(!1),de=M.find(e=>e.value===t),se=T&&B&&!T.includes("*")?`${T} *`:T,ce=H&&O?M.filter(e=>e.label.toLowerCase().includes(O.toLowerCase())):M,ue=o(()=>{P||(J(!0),Q(""),Y(-1))},[P]),pe=o(()=>{J(!1),Q(""),Y(-1)},[]),me=o(e=>{e.disabled||(F(e.value),pe())},[F,pe]);l(()=>{const e=e=>{ne.current&&!ne.current.contains(e.target)&&pe()};return H&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[H,pe]);const he=e=>{oe.current[e]?.scrollIntoView?.({block:"nearest"})},ve=(e,a)=>{const t=ce.length;if(0===t)return-1;let r=e+a;for(;r>=0&&r<t;){if(!ce[r].disabled)return r;r+=a}if(-1===e&&1===a)for(let n=0;n<t;n++)if(!ce[n].disabled)return n;return-1===e?-1:e},fe=H?O:de?.label??"",be=o(e=>{ne.current=e,"function"==typeof G?G(e):G&&(G.current=e)},[G]);/* @__PURE__ */
2
- return e("div",{ref:be,className:d(j,W&&A,S),"data-cy":`${te}-wrapper`,"data-testid":`${re}-wrapper`,children:[T&&/* @__PURE__ */a("label",{htmlFor:`${Z}-input`,className:d(g,K&&N,P&&y),"data-cy":`${te}-label`,"data-testid":`${re}-label`,children:se}),
3
- /* @__PURE__ */e("div",{className:d(E,H&&L,K&&C,P&&D),onClick:()=>{H||ue(),ie.current?.focus()},"data-cy":te,"data-testid":re,children:[!H&&de?.flag&&/* @__PURE__ */a("span",{className:s,"aria-hidden":"true",children:de.flag}),
4
- /* @__PURE__ */a("input",{ref:ie,id:`${Z}-input`,type:"text",role:"combobox",className:c,value:fe,placeholder:I||T||"Select...","aria-expanded":H,"aria-haspopup":"listbox","aria-controls":H?ae:void 0,"aria-autocomplete":"list","aria-activedescendant":X>=0?`${Z}-option-${X}`:void 0,"aria-invalid":K?"true":"false","aria-required":B?"true":void 0,"aria-describedby":K?_:V?ee:void 0,disabled:P,onChange:e=>{Q(e.target.value),Y(-1),H||ue()},onFocus:()=>{H||le.current||ue()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!H)return void ue();const a=ve(X,1);-1!==a&&(Y(a),he(a));break}case"ArrowUp":{if(e.preventDefault(),!H)return void ue();const a=ve(X,-1);-1!==a&&(Y(a),he(a));break}case"Enter":e.preventDefault(),H&&X>=0&&ce[X]&&me(ce[X]);break;case"Escape":e.preventDefault(),pe();break;case"Tab":H&&pe()}},"data-cy":`${te}-input`,"data-testid":`${re}-input`}),
5
- /* @__PURE__ */a("span",{"aria-hidden":"true",className:d(x,H&&k),onMouseDown:e=>{e.preventDefault(),H?(le.current=!0,pe(),ie.current?.blur(),requestAnimationFrame(()=>{le.current=!1})):(ue(),requestAnimationFrame(()=>ie.current?.focus()))},onClick:e=>e.stopPropagation(),"data-cy":`${te}-chevron`,"data-testid":`${re}-chevron`,children:/* @__PURE__ */a(q,{})})]}),H&&/* @__PURE__ */a("div",{className:u,"data-cy":`${te}-dropdown`,"data-testid":`${re}-dropdown`,children:/* @__PURE__ */a("div",{id:ae,role:"listbox",className:p,"data-cy":`${te}-list`,"data-testid":`${re}-list`,children:0===ce.length?/* @__PURE__ */a("div",{className:m,children:R}):ce.map((r,n)=>{const i=r.value===t,o=n===X;/* @__PURE__ */
6
- return e("div",{ref:e=>{oe.current[n]=e},id:`${Z}-option-${n}`,role:"option",tabIndex:-1,"aria-selected":i,"aria-disabled":r.disabled||void 0,className:d(b,o&&f,i&&!o&&v,r.disabled&&h),onClick:()=>me(r),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),me(r))},onMouseEnter:()=>Y(n),"data-cy":`${te}-item-${r.value}`,"data-testid":`${re}-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:_,className:$,role:"alert","data-cy":`${te}-error`,"data-testid":`${re}-error`,children:K}),V&&!K&&/* @__PURE__ */a("span",{id:ee,className:w,"data-cy":`${te}-helper`,"data-testid":`${re}-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 n,useRef as i,useCallback as o,useEffect as l}from"react";import{cn as d}from"./index57.js";import{flagStyles as s,inputStyles as c,dropdownStyles as u,listStyles as p,noResultsStyles as m,itemDisabledStyles as h,itemSelectedStyles as v,itemHighlightedStyles as f,itemStyles as b,errorStyles as $,helperStyles as w,labelErrorStyles as y,labelStyles as N,chevronOpenStyles as g,chevronStyles as k,triggerDisabledStyles as x,triggerErrorStyles as D,triggerOpenStyles as C,triggerStyles as L,wrapperFullWidthStyles as E,wrapperStyles as A}from"./index76.js";const j=()=>/* @__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"})}),q=t(({value:t,onValueChange:q,options:F,label:M,placeholder:T,error:I,helperText:K,fullWidth:V=!1,required:W=!1,disabled:B=!1,noResultsText:P="No results found",className:R,"data-cy":S,"data-testid":U},z)=>{const[G,H]=r(!1),[J,O]=r(""),[Q,X]=r(-1),Y=n(),Z=`${Y}-error`,_=`${Y}-helper`,ee=`${Y}-listbox`,ae=S||"autocomplete",te=U||"autocomplete",re=i(null),ne=i(null),ie=i([]),oe=i(!1),le=F.find(e=>e.value===t),de=M&&W&&!M.includes("*")?`${M} *`:M,se=G&&J?F.filter(e=>e.label.toLowerCase().includes(J.toLowerCase())):F,ce=o(()=>{B||(H(!0),O(""),X(-1))},[B]),ue=o(()=>{H(!1),O(""),X(-1)},[]),pe=o(e=>{e.disabled||(q(e.value),ue())},[q,ue]);l(()=>{const e=e=>{re.current&&!re.current.contains(e.target)&&ue()};return G&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[G,ue]);const me=e=>{ie.current[e]?.scrollIntoView?.({block:"nearest"})},he=(e,a)=>{const t=se.length;if(0===t)return-1;let r=e+a;for(;r>=0&&r<t;){if(!se[r].disabled)return r;r+=a}if(-1===e&&1===a)for(let n=0;n<t;n++)if(!se[n].disabled)return n;return-1===e?-1:e},ve=G?J:le?.label??"",fe=o(e=>{re.current=e,"function"==typeof z?z(e):z&&(z.current=e)},[z]);/* @__PURE__ */
2
+ return e("div",{ref:fe,className:d(A,V&&E,R),"data-cy":`${ae}-wrapper`,"data-testid":`${te}-wrapper`,children:[M&&/* @__PURE__ */a("label",{htmlFor:`${Y}-input`,className:d(N,I&&y),"data-cy":`${ae}-label`,"data-testid":`${te}-label`,children:de}),
3
+ /* @__PURE__ */e("div",{className:d(L,G&&C,I&&D,B&&x),onClick:()=>{G||ce(),ne.current?.focus()},"data-cy":ae,"data-testid":te,children:[!G&&le?.flag&&/* @__PURE__ */a("span",{className:s,"aria-hidden":"true",children:le.flag}),
4
+ /* @__PURE__ */a("input",{ref:ne,id:`${Y}-input`,type:"text",role:"combobox",className:c,value:ve,placeholder:T||M||"Select...","aria-expanded":G,"aria-haspopup":"listbox","aria-controls":G?ee:void 0,"aria-autocomplete":"list","aria-activedescendant":Q>=0?`${Y}-option-${Q}`:void 0,"aria-invalid":I?"true":"false","aria-required":W?"true":void 0,"aria-describedby":I?Z:K?_:void 0,disabled:B,onChange:e=>{O(e.target.value),X(-1),G||ce()},onFocus:()=>{G||oe.current||ce()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!G)return void ce();const a=he(Q,1);-1!==a&&(X(a),me(a));break}case"ArrowUp":{if(e.preventDefault(),!G)return void ce();const a=he(Q,-1);-1!==a&&(X(a),me(a));break}case"Enter":e.preventDefault(),G&&Q>=0&&se[Q]&&pe(se[Q]);break;case"Escape":e.preventDefault(),ue();break;case"Tab":G&&ue()}},"data-cy":`${ae}-input`,"data-testid":`${te}-input`}),
5
+ /* @__PURE__ */a("span",{"aria-hidden":"true",className:d(k,G&&g),onMouseDown:e=>{e.preventDefault(),G?(oe.current=!0,ue(),ne.current?.blur(),requestAnimationFrame(()=>{oe.current=!1})):(ce(),requestAnimationFrame(()=>ne.current?.focus()))},onClick:e=>e.stopPropagation(),"data-cy":`${ae}-chevron`,"data-testid":`${te}-chevron`,children:/* @__PURE__ */a(j,{})})]}),G&&/* @__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===se.length?/* @__PURE__ */a("div",{className:m,children:P}):se.map((r,n)=>{const i=r.value===t,o=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:d(b,o&&f,i&&!o&&v,r.disabled&&h),onClick:()=>pe(r),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),pe(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)})})}),I&&/* @__PURE__ */a("span",{id:Z,className:$,role:"alert","data-cy":`${ae}-error`,"data-testid":`${te}-error`,children:I}),K&&!I&&/* @__PURE__ */a("span",{id:_,className:w,"data-cy":`${ae}-helper`,"data-testid":`${te}-helper`,children:K})]})});q.displayName="Autocomplete";export{q as Autocomplete};
package/dist/index5.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index57.cjs"),i=require("@adam-milo/icons"),a=require("./index63.cjs"),n={settings:"CustomMenuSettingsIcon",user:"CustomMenuUserIcon"},r={settings:"Settings",user:"User menu"},c=t.forwardRef(({variant:t,selected:c=!1,initials:o,className:l,disabled:d,"aria-label":u,"data-testid":m,"data-cy":y,...S},b)=>{const p=y||`menu-icon-button-${t}`,x=m||`menu-icon-button-${t}`,g=s.cn("group","menu-icon-button-border-mask",a.baseStyles,c&&a.selectedStyles,l);return e.jsx("button",{ref:b,type:"button",disabled:d,className:g,"aria-label":u||r[t],"aria-pressed":c,"data-testid":x,"data-cy":p,...S,children:"user"===t&&o?e.jsx("span",{className:s.cn(a.initialsBaseStyles,!c&&a.initialsHoverStyles,c&&a.initialsSelectedStyles),"data-cy":`${p}-initials`,"data-testid":`${x}-initials`,children:o.slice(0,2).toUpperCase()}):e.jsx("span",{className:s.cn(a.iconBaseStyles,!c&&a.iconHoverStyles,c&&a.iconSelectedStyles),"data-cy":`${p}-icon`,"data-testid":`${x}-icon`,children:e.jsx(i.Icon,{name:n[t],size:"lg",color:"inherit",decorative:!0})})})});c.displayName="MenuIconButton",exports.MenuIconButton=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index57.cjs"),i=require("@adam-milo/icons"),n=require("./index63.cjs"),a={settings:"CustomMenuSettingsIcon",user:"CustomMenuUserIcon"},r={settings:"Settings",user:"User menu"},o=t.forwardRef(({variant:t,selected:o=!1,initials:c,className:l,disabled:u,"aria-label":d,"data-testid":m,"data-cy":y,...b},S)=>{const p=y||`menu-icon-button-${t}`,x=m||`menu-icon-button-${t}`,g="user"===t&&Boolean(c),j=s.cn("group","menu-icon-button-border-mask",g&&"menu-icon-button-initials",n.baseStyles,o&&n.selectedStyles,l);return e.jsx("button",{ref:S,type:"button",disabled:u,className:j,"aria-label":d||r[t],"aria-pressed":o,"data-testid":x,"data-cy":p,...b,children:"user"===t&&c?e.jsx("span",{className:s.cn(n.initialsBaseStyles,!o&&n.initialsHoverStyles,o&&n.initialsSelectedStyles),"data-cy":`${p}-initials`,"data-testid":`${x}-initials`,children:c.slice(0,2).toUpperCase()}):e.jsx("span",{className:s.cn(n.iconBaseStyles,!o&&n.iconHoverStyles,o&&n.iconSelectedStyles),"data-cy":`${p}-icon`,"data-testid":`${x}-icon`,children:e.jsx(i.Icon,{name:a[t],size:"lg",color:"inherit",decorative:!0})})})});o.displayName="MenuIconButton",exports.MenuIconButton=o;
package/dist/index5.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as a}from"./index57.js";import{Icon as i}from"@adam-milo/icons";import{selectedStyles as s,baseStyles as n,initialsSelectedStyles as o,initialsHoverStyles as r,initialsBaseStyles as c,iconSelectedStyles as d,iconHoverStyles as m,iconBaseStyles as l}from"./index63.js";const u={settings:"CustomMenuSettingsIcon",user:"CustomMenuUserIcon"},p={settings:"Settings",user:"User menu"},b=e(({variant:e,selected:b=!1,initials:f,className:g,disabled:y,"aria-label":$,"data-testid":N,"data-cy":h,...x},j)=>{const C=h||`menu-icon-button-${e}`,I=N||`menu-icon-button-${e}`,M=a("group","menu-icon-button-border-mask",n,b&&s,g);/* @__PURE__ */
2
- return t("button",{ref:j,type:"button",disabled:y,className:M,"aria-label":$||p[e],"aria-pressed":b,"data-testid":I,"data-cy":C,...x,children:/* @__PURE__ */t("span","user"===e&&f?{className:a(c,!b&&r,b&&o),"data-cy":`${C}-initials`,"data-testid":`${I}-initials`,children:f.slice(0,2).toUpperCase()}:{className:a(l,!b&&m,b&&d),"data-cy":`${C}-icon`,"data-testid":`${I}-icon`,children:/* @__PURE__ */t(i,{name:u[e],size:"lg",color:"inherit",decorative:!0})})})});b.displayName="MenuIconButton";export{b as MenuIconButton};
1
+ import{jsx as t}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as a}from"./index57.js";import{Icon as i}from"@adam-milo/icons";import{selectedStyles as n,baseStyles as s,initialsSelectedStyles as o,initialsHoverStyles as r,initialsBaseStyles as c,iconSelectedStyles as d,iconHoverStyles as m,iconBaseStyles as l}from"./index63.js";const u={settings:"CustomMenuSettingsIcon",user:"CustomMenuUserIcon"},p={settings:"Settings",user:"User menu"},b=e(({variant:e,selected:b=!1,initials:f,className:g,disabled:y,"aria-label":$,"data-testid":N,"data-cy":h,...x},j)=>{const C=h||`menu-icon-button-${e}`,I=N||`menu-icon-button-${e}`,M="user"===e&&Boolean(f),U=a("group","menu-icon-button-border-mask",M&&"menu-icon-button-initials",s,b&&n,g);/* @__PURE__ */
2
+ return t("button",{ref:j,type:"button",disabled:y,className:U,"aria-label":$||p[e],"aria-pressed":b,"data-testid":I,"data-cy":C,...x,children:/* @__PURE__ */t("span","user"===e&&f?{className:a(c,!b&&r,b&&o),"data-cy":`${C}-initials`,"data-testid":`${I}-initials`,children:f.slice(0,2).toUpperCase()}:{className:a(l,!b&&m,b&&d),"data-cy":`${C}-icon`,"data-testid":`${I}-icon`,children:/* @__PURE__ */t(i,{name:u[e],size:"lg",color:"inherit",decorative:!0})})})});b.displayName="MenuIconButton";export{b as MenuIconButton};
package/dist/index63.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["m-0 p-0 font-inherit","flex items-center justify-center","w-[2.5rem] h-[2.5rem] lg:w-[3.125rem] lg:h-[3.125rem] flex-shrink-0","[--menu-icon-button-radius:1.25rem] lg:[--menu-icon-button-radius:2rem]","rounded-[var(--menu-icon-button-radius)]","gap-[0.625rem]","bg-[rgba(255,255,255,0.43)] backdrop-blur-[60px]","shadow-[0_0_0.5rem_rgba(0,0,0,0.06)]","cursor-pointer select-none touch-manipulation","transition-[background-color,box-shadow] duration-200 ease-in-out","hover:enabled:bg-[rgba(50,156,178,0.24)] hover:enabled:backdrop-blur-[60px] hover:enabled:shadow-[0_0_0.5rem_rgba(0,0,0,0.08)]","active:enabled:scale-95","btn-focus-clickable","disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-40"].join(" "),t=["bg-[rgba(50,156,178,0.24)] backdrop-blur-[60px]","shadow-[0_0_0.5rem_rgba(0,0,0,0.08)]"].join(" "),o=["relative z-10","flex items-center justify-center","w-[1.25rem] h-[1.25rem]","text-[var(--color-text)]","transition-colors duration-200 ease-in-out","[&_path]:[stroke-width:2.5]"].join(" "),r=["relative z-10","font-bold text-lg leading-none text-center","text-[var(--color-text)]","transition-colors duration-200 ease-in-out"].join(" ");exports.baseStyles=e,exports.iconBaseStyles=o,exports.iconHoverStyles="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",exports.iconSelectedStyles="text-[var(--Path-Colors-Black-01,#191A39)]",exports.initialsBaseStyles=r,exports.initialsHoverStyles="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",exports.initialsSelectedStyles="text-[var(--Path-Colors-Black-01,#191A39)]",exports.selectedStyles=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["m-0 p-0 font-inherit","flex items-center justify-center","w-[2.5rem] h-[2.5rem] lg:w-[3.125rem] lg:h-[3.125rem] flex-shrink-0","[--menu-icon-button-radius:1.25rem] lg:[--menu-icon-button-radius:2rem]","rounded-[var(--menu-icon-button-radius)]","gap-[0.625rem]","bg-[rgba(255,255,255,0.43)] backdrop-blur-[60px]","cursor-pointer select-none touch-manipulation","active:enabled:scale-95","btn-focus-clickable","disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-40"].join(" "),t=["relative z-10","flex items-center justify-center","w-[1.25rem] h-[1.25rem]","text-[var(--color-text)]","transition-colors duration-200 ease-in-out","[&_path]:[stroke-width:2.5]"].join(" "),o=["relative z-10","font-bold text-lg leading-none text-center","text-[var(--color-text)]","transition-colors duration-200 ease-in-out"].join(" ");exports.baseStyles=e,exports.iconBaseStyles=t,exports.iconHoverStyles="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",exports.iconSelectedStyles="text-[var(--Path-Colors-Advanced,#329CB2)]",exports.initialsBaseStyles=o,exports.initialsHoverStyles="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",exports.initialsSelectedStyles="text-[var(--Path-Colors-Advanced,#329CB2)]",exports.selectedStyles="";
package/dist/index63.js CHANGED
@@ -1 +1 @@
1
- const e=["m-0 p-0 font-inherit","flex items-center justify-center","w-[2.5rem] h-[2.5rem] lg:w-[3.125rem] lg:h-[3.125rem] flex-shrink-0","[--menu-icon-button-radius:1.25rem] lg:[--menu-icon-button-radius:2rem]","rounded-[var(--menu-icon-button-radius)]","gap-[0.625rem]","bg-[rgba(255,255,255,0.43)] backdrop-blur-[60px]","shadow-[0_0_0.5rem_rgba(0,0,0,0.06)]","cursor-pointer select-none touch-manipulation","transition-[background-color,box-shadow] duration-200 ease-in-out","hover:enabled:bg-[rgba(50,156,178,0.24)] hover:enabled:backdrop-blur-[60px] hover:enabled:shadow-[0_0_0.5rem_rgba(0,0,0,0.08)]","active:enabled:scale-95","btn-focus-clickable","disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-40"].join(" "),r=["bg-[rgba(50,156,178,0.24)] backdrop-blur-[60px]","shadow-[0_0_0.5rem_rgba(0,0,0,0.08)]"].join(" "),o=["relative z-10","flex items-center justify-center","w-[1.25rem] h-[1.25rem]","text-[var(--color-text)]","transition-colors duration-200 ease-in-out","[&_path]:[stroke-width:2.5]"].join(" "),t="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",a="text-[var(--Path-Colors-Black-01,#191A39)]",n=["relative z-10","font-bold text-lg leading-none text-center","text-[var(--color-text)]","transition-colors duration-200 ease-in-out"].join(" "),i="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",l="text-[var(--Path-Colors-Black-01,#191A39)]";export{e as baseStyles,o as iconBaseStyles,t as iconHoverStyles,a as iconSelectedStyles,n as initialsBaseStyles,i as initialsHoverStyles,l as initialsSelectedStyles,r as selectedStyles};
1
+ const e=["m-0 p-0 font-inherit","flex items-center justify-center","w-[2.5rem] h-[2.5rem] lg:w-[3.125rem] lg:h-[3.125rem] flex-shrink-0","[--menu-icon-button-radius:1.25rem] lg:[--menu-icon-button-radius:2rem]","rounded-[var(--menu-icon-button-radius)]","gap-[0.625rem]","bg-[rgba(255,255,255,0.43)] backdrop-blur-[60px]","cursor-pointer select-none touch-manipulation","active:enabled:scale-95","btn-focus-clickable","disabled:cursor-not-allowed disabled:pointer-events-none disabled:opacity-40"].join(" "),t="",o=["relative z-10","flex items-center justify-center","w-[1.25rem] h-[1.25rem]","text-[var(--color-text)]","transition-colors duration-200 ease-in-out","[&_path]:[stroke-width:2.5]"].join(" "),r="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",n="text-[var(--Path-Colors-Advanced,#329CB2)]",a=["relative z-10","font-bold text-lg leading-none text-center","text-[var(--color-text)]","transition-colors duration-200 ease-in-out"].join(" "),i="group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]",l="text-[var(--Path-Colors-Advanced,#329CB2)]";export{e as baseStyles,o as iconBaseStyles,r as iconHoverStyles,n as iconSelectedStyles,a as initialsBaseStyles,i as initialsHoverStyles,l as initialsSelectedStyles,t as selectedStyles};
package/dist/index64.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index57.cjs"),s=require("./index73.cjs"),a=require("./index104.cjs"),l=require("./index66.cjs"),n=require("./index75.cjs"),i=t.forwardRef(({type:i="text",label:o,tooltip:c,error:d,helperText:u,fullWidth:h=!1,leftIcon:p,showPasswordToggle:f=!0,showLastChar:g=!0,lastCharDelay:x=500,validate:y,onValidationChange:j,className:v,id:m,onChange:S,onBlur:C,required:N,value:b,"data-cy":k,"data-testid":w,...$},T)=>{const[q,L]=t.useState(!1),[M,R]=t.useState(),[W,E]=t.useState(!1),[I,B]=t.useState(!1),F=t.useRef(!1),[P,z]=t.useState(""),D=t.useRef(""),O=t.useRef(null),V=t.useRef(null),H=l.useMergedRef(T,V),_=t.useId(),A=m||_,G=`${A}-error`,J=`${A}-helper`,K=k||"input",Q=w||"input",U="password"===i,X=U&&f,Y=U&&g&&!q&&void 0===b,Z=U&&(q||Y&&D.current.length>0)?"text":i,ee=o&&N&&!o.includes("*")?`${o} *`:o,te=t.useMemo(()=>n.debounce(e=>{if(y&&F.current){const t=y(e);R(t),j?.(!t)}},300),[y,j]),re=t.useRef(te);t.useEffect(()=>{re.current=te},[te]),t.useEffect(()=>{process.env.NODE_ENV},[U,g,b]),t.useEffect(()=>()=>{O.current&&clearTimeout(O.current),re.current.cancel()},[]);const se=Y&&void 0===b?P:q&&U&&void 0===b?D.current||"":b,ae=d||M,le=$.disabled?"disabled":ae?"error":W?"focus":I?"hover":"idle";return e.jsxs("div",{className:a.wrapperStyles,"data-cy":`${K}-wrapper`,"data-testid":`${Q}-wrapper`,children:[(o||c)&&e.jsxs("div",{className:a.labelRowStyles,children:[o&&e.jsx("label",{htmlFor:A,className:a.labelStyles,"data-cy":`${K}-label`,"data-testid":`${Q}-label`,children:ee}),c&&e.jsx(s.FormTooltip,{content:c,triggerClassName:a.tooltipTriggerStyles,contentClassName:a.tooltipContentStyles,dataCyPrefix:K,dataTestIdPrefix:Q})]}),e.jsxs("div",{className:a.fieldContainerStyles,children:[p&&e.jsx("span",{className:a.leftIconStyles,"data-cy":`${K}-left-icon`,"data-testid":`${Q}-left-icon`,"aria-hidden":"true",children:p}),e.jsx("input",{ref:H,id:A,type:Z,value:se,className:r.cn(a.inputBaseStyles,ae&&a.inputErrorStyles,p&&a.inputWithLeftIconStyles,X&&a.inputWithToggleStyles,v),"aria-invalid":ae?"true":"false","aria-required":N?"true":void 0,"aria-describedby":ae?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":le,onChange:e=>{let t=e.target.value;if(Y){const r=e.target.value,s=D.current,a=P.length;let l;if(0===r.length)l="";else if(r.length>a){const e=r.slice(a);l=s+e}else if(r.length<a)l=s.slice(0,r.length);else{const e=r.slice(-1);l=s.slice(0,-1)+e}D.current=l;const n=l?"•".repeat(l.length-1)+l.slice(-1):"";if(z(n),t=l,S){const t={...e,target:{...e.target,value:l},currentTarget:{...e.currentTarget,value:l}};S(t)}O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{z("•".repeat(l.length))},x)}else S?.(e);F.current&&te(t)},onFocus:e=>{E(!0),$.onFocus?.(e)},onBlur:e=>{if(E(!1),F.current=!0,y){const t=Y?D.current:e.target.value,r=y(t);R(r),j?.(!r)}C?.(e)},onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),required:N,...$}),X&&e.jsx("button",{type:"button",className:a.toggleStyles,onClick:()=>{L(e=>!e),setTimeout(()=>V.current?.focus(),0)},"aria-label":q?"Hide password":"Show password","data-cy":`${K}-toggle`,"data-testid":`${Q}-toggle`,children:q?e.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}):e.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),e.jsx("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]}),ae&&e.jsx("span",{id:G,className:a.errorStyles,role:"alert","data-cy":`${K}-error`,"data-testid":`${Q}-error`,children:ae}),u&&!ae&&e.jsx("span",{id:J,className:a.helperStyles,"data-cy":`${K}-helper`,"data-testid":`${Q}-helper`,children:u})]})});i.displayName="Input",exports.Input=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index57.cjs"),s=require("./index73.cjs"),a=require("./index105.cjs"),l=require("./index66.cjs"),n=require("./index75.cjs"),i=t.forwardRef(({type:i="text",label:o,tooltip:c,error:d,helperText:u,fullWidth:h=!1,leftIcon:p,showPasswordToggle:f=!0,showLastChar:g=!0,lastCharDelay:x=500,validate:y,onValidationChange:j,className:v,id:m,onChange:S,onBlur:C,required:N,value:b,"data-cy":k,"data-testid":w,...$},T)=>{const[q,L]=t.useState(!1),[M,R]=t.useState(),[W,E]=t.useState(!1),[I,B]=t.useState(!1),F=t.useRef(!1),[P,z]=t.useState(""),D=t.useRef(""),O=t.useRef(null),V=t.useRef(null),H=l.useMergedRef(T,V),_=t.useId(),A=m||_,G=`${A}-error`,J=`${A}-helper`,K=k||"input",Q=w||"input",U="password"===i,X=U&&f,Y=U&&g&&!q&&void 0===b,Z=U&&(q||Y&&D.current.length>0)?"text":i,ee=o&&N&&!o.includes("*")?`${o} *`:o,te=t.useMemo(()=>n.debounce(e=>{if(y&&F.current){const t=y(e);R(t),j?.(!t)}},300),[y,j]),re=t.useRef(te);t.useEffect(()=>{re.current=te},[te]),t.useEffect(()=>{process.env.NODE_ENV},[U,g,b]),t.useEffect(()=>()=>{O.current&&clearTimeout(O.current),re.current.cancel()},[]);const se=Y&&void 0===b?P:q&&U&&void 0===b?D.current||"":b,ae=d||M,le=$.disabled?"disabled":ae?"error":W?"focus":I?"hover":"idle";return e.jsxs("div",{className:a.wrapperStyles,"data-cy":`${K}-wrapper`,"data-testid":`${Q}-wrapper`,children:[(o||c)&&e.jsxs("div",{className:a.labelRowStyles,children:[o&&e.jsx("label",{htmlFor:A,className:a.labelStyles,"data-cy":`${K}-label`,"data-testid":`${Q}-label`,children:ee}),c&&e.jsx(s.FormTooltip,{content:c,triggerClassName:a.tooltipTriggerStyles,contentClassName:a.tooltipContentStyles,dataCyPrefix:K,dataTestIdPrefix:Q})]}),e.jsxs("div",{className:a.fieldContainerStyles,children:[p&&e.jsx("span",{className:a.leftIconStyles,"data-cy":`${K}-left-icon`,"data-testid":`${Q}-left-icon`,"aria-hidden":"true",children:p}),e.jsx("input",{ref:H,id:A,type:Z,value:se,className:r.cn(a.inputBaseStyles,ae&&a.inputErrorStyles,p&&a.inputWithLeftIconStyles,X&&a.inputWithToggleStyles,v),"aria-invalid":ae?"true":"false","aria-required":N?"true":void 0,"aria-describedby":ae?G:u?J:void 0,"data-cy":K,"data-testid":Q,"data-state":le,onChange:e=>{let t=e.target.value;if(Y){const r=e.target.value,s=D.current,a=P.length;let l;if(0===r.length)l="";else if(r.length>a){const e=r.slice(a);l=s+e}else if(r.length<a)l=s.slice(0,r.length);else{const e=r.slice(-1);l=s.slice(0,-1)+e}D.current=l;const n=l?"•".repeat(l.length-1)+l.slice(-1):"";if(z(n),t=l,S){const t={...e,target:{...e.target,value:l},currentTarget:{...e.currentTarget,value:l}};S(t)}O.current&&clearTimeout(O.current),O.current=setTimeout(()=>{z("•".repeat(l.length))},x)}else S?.(e);F.current&&te(t)},onFocus:e=>{E(!0),$.onFocus?.(e)},onBlur:e=>{if(E(!1),F.current=!0,y){const t=Y?D.current:e.target.value,r=y(t);R(r),j?.(!r)}C?.(e)},onMouseEnter:()=>B(!0),onMouseLeave:()=>B(!1),required:N,...$}),X&&e.jsx("button",{type:"button",className:a.toggleStyles,onClick:()=>{L(e=>!e),setTimeout(()=>V.current?.focus(),0)},"aria-label":q?"Hide password":"Show password","data-cy":`${K}-toggle`,"data-testid":`${Q}-toggle`,children:q?e.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"})]}):e.jsxs("svg",{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[e.jsx("path",{d:"M10 4C5.5 4 2 10 2 10s3.5 6 8 6 8-6 8-6-3.5-6-8-6z",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round",fill:"none"}),e.jsx("circle",{cx:"10",cy:"10",r:"2.5",stroke:"currentColor",strokeWidth:"1.5",fill:"none"}),e.jsx("path",{d:"M3 3l14 14",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})]})})]}),ae&&e.jsx("span",{id:G,className:a.errorStyles,role:"alert","data-cy":`${K}-error`,"data-testid":`${Q}-error`,children:ae}),u&&!ae&&e.jsx("span",{id:J,className:a.helperStyles,"data-cy":`${K}-helper`,"data-testid":`${Q}-helper`,children:u})]})});i.displayName="Input",exports.Input=i;
package/dist/index64.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useState as a,useRef as n,useId as o,useMemo as i,useEffect as l}from"react";import{cn as s}from"./index57.js";import{FormTooltip as c}from"./index73.js";import{wrapperStyles as d,labelRowStyles as u,labelStyles as h,tooltipContentStyles as p,tooltipTriggerStyles as m,fieldContainerStyles as f,leftIconStyles as g,inputWithToggleStyles as v,inputWithLeftIconStyles as y,inputErrorStyles as N,inputBaseStyles as k,toggleStyles as x,errorStyles as C,helperStyles as $}from"./index104.js";import{useMergedRef as w}from"./index66.js";import{debounce as b}from"./index75.js";const T=t(({type:t="text",label:T,tooltip:j,error:L,helperText:W,fullWidth:M=!1,leftIcon:B,showPasswordToggle:q=!0,showLastChar:E=!0,lastCharDelay:F=500,validate:I,onValidationChange:P,className:z,id:D,onChange:V,onBlur:H,required:O,value:S,"data-cy":_,"data-testid":A,...G},J)=>{const[K,Q]=a(!1),[R,U]=a(),[X,Y]=a(!1),[Z,ee]=a(!1),re=n(!1),[te,ae]=a(""),ne=n(""),oe=n(null),ie=n(null),le=w(J,ie),se=o(),ce=D||se,de=`${ce}-error`,ue=`${ce}-helper`,he=_||"input",pe=A||"input",me="password"===t,fe=me&&q,ge=me&&E&&!K&&void 0===S,ve=me&&(K||ge&&ne.current.length>0)?"text":t,ye=T&&O&&!T.includes("*")?`${T} *`:T,Ne=i(()=>b(e=>{if(I&&re.current){const r=I(e);U(r),P?.(!r)}},300),[I,P]),ke=n(Ne);l(()=>{ke.current=Ne},[Ne]),l(()=>{process.env.NODE_ENV},[me,E,S]),l(()=>()=>{oe.current&&clearTimeout(oe.current),ke.current.cancel()},[]);const xe=ge&&void 0===S?te:K&&me&&void 0===S?ne.current||"":S,Ce=L||R,$e=G.disabled?"disabled":Ce?"error":X?"focus":Z?"hover":"idle";/* @__PURE__ */
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as t,useState as a,useRef as n,useId as o,useMemo as i,useEffect as l}from"react";import{cn as s}from"./index57.js";import{FormTooltip as c}from"./index73.js";import{wrapperStyles as d,labelRowStyles as u,labelStyles as h,tooltipContentStyles as p,tooltipTriggerStyles as m,fieldContainerStyles as f,leftIconStyles as g,inputWithToggleStyles as v,inputWithLeftIconStyles as y,inputErrorStyles as N,inputBaseStyles as k,toggleStyles as x,errorStyles as C,helperStyles as $}from"./index105.js";import{useMergedRef as w}from"./index66.js";import{debounce as b}from"./index75.js";const T=t(({type:t="text",label:T,tooltip:j,error:L,helperText:W,fullWidth:M=!1,leftIcon:B,showPasswordToggle:q=!0,showLastChar:E=!0,lastCharDelay:F=500,validate:I,onValidationChange:P,className:z,id:D,onChange:V,onBlur:H,required:O,value:S,"data-cy":_,"data-testid":A,...G},J)=>{const[K,Q]=a(!1),[R,U]=a(),[X,Y]=a(!1),[Z,ee]=a(!1),re=n(!1),[te,ae]=a(""),ne=n(""),oe=n(null),ie=n(null),le=w(J,ie),se=o(),ce=D||se,de=`${ce}-error`,ue=`${ce}-helper`,he=_||"input",pe=A||"input",me="password"===t,fe=me&&q,ge=me&&E&&!K&&void 0===S,ve=me&&(K||ge&&ne.current.length>0)?"text":t,ye=T&&O&&!T.includes("*")?`${T} *`:T,Ne=i(()=>b(e=>{if(I&&re.current){const r=I(e);U(r),P?.(!r)}},300),[I,P]),ke=n(Ne);l(()=>{ke.current=Ne},[Ne]),l(()=>{process.env.NODE_ENV},[me,E,S]),l(()=>()=>{oe.current&&clearTimeout(oe.current),ke.current.cancel()},[]);const xe=ge&&void 0===S?te:K&&me&&void 0===S?ne.current||"":S,Ce=L||R,$e=G.disabled?"disabled":Ce?"error":X?"focus":Z?"hover":"idle";/* @__PURE__ */
2
2
  return e("div",{className:d,"data-cy":`${he}-wrapper`,"data-testid":`${pe}-wrapper`,children:[(T||j)&&/* @__PURE__ */e("div",{className:u,children:[T&&/* @__PURE__ */r("label",{htmlFor:ce,className:h,"data-cy":`${he}-label`,"data-testid":`${pe}-label`,children:ye}),j&&/* @__PURE__ */r(c,{content:j,triggerClassName:m,contentClassName:p,dataCyPrefix:he,dataTestIdPrefix:pe})]}),
3
3
  /* @__PURE__ */e("div",{className:f,children:[B&&/* @__PURE__ */r("span",{className:g,"data-cy":`${he}-left-icon`,"data-testid":`${pe}-left-icon`,"aria-hidden":"true",children:B}),
4
4
  /* @__PURE__ */r("input",{ref:le,id:ce,type:ve,value:xe,className:s(k,Ce&&N,B&&y,fe&&v,z),"aria-invalid":Ce?"true":"false","aria-required":O?"true":void 0,"aria-describedby":Ce?de:W?ue:void 0,"data-cy":he,"data-testid":pe,"data-state":$e,onChange:e=>{let r=e.target.value;if(ge){const t=e.target.value,a=ne.current,n=te.length;let o;if(0===t.length)o="";else if(t.length>n){const e=t.slice(n);o=a+e}else if(t.length<n)o=a.slice(0,t.length);else{const e=t.slice(-1);o=a.slice(0,-1)+e}ne.current=o;const i=o?"•".repeat(o.length-1)+o.slice(-1):"";if(ae(i),r=o,V){const r={...e,target:{...e.target,value:o},currentTarget:{...e.currentTarget,value:o}};V(r)}oe.current&&clearTimeout(oe.current),oe.current=setTimeout(()=>{ae("•".repeat(o.length))},F)}else V?.(e);re.current&&Ne(r)},onFocus:e=>{Y(!0),G.onFocus?.(e)},onBlur:e=>{if(Y(!1),re.current=!0,I){const r=ge?ne.current:e.target.value,t=I(r);U(t),P?.(!t)}H?.(e)},onMouseEnter:()=>ee(!0),onMouseLeave:()=>ee(!1),required:O,...G}),fe&&/* @__PURE__ */r("button",{type:"button",className:x,onClick:()=>{Q(e=>!e),setTimeout(()=>ie.current?.focus(),0)},"aria-label":K?"Hide password":"Show password","data-cy":`${he}-toggle`,"data-testid":`${pe}-toggle`,children:/* @__PURE__ */e("svg",K?{className:"w-4 h-4",viewBox:"0 0 20 20",fill:"none","aria-hidden":"true",children:[
package/dist/index69.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["group flex items-center justify-between gap-3 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-pointer outline-none transition-[border-color] duration-200 ease-in-out","hover:border-[var(--color-button-blue)] focus:border-[var(--color-button-blue)]","data-[state=open]:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),r=["select-content-animate overflow-hidden z-[100] min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)]","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)] mt-2"].join(" "),t=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg)] data-[highlighted]:bg-[var(--color-bg)] data-[state=checked]:bg-[var(--color-bg-secondary)]","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:pointer-events-none","max-sm:min-h-11"].join(" ");exports.contentStyles=r,exports.itemFlagStyles="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",exports.itemStyles=t,exports.labelStyles="py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",exports.separatorStyles="h-px my-1 bg-[var(--color-border)]",exports.triggerButtonErrorStyles="border-[var(--color-error)] hover:border-[var(--color-error)] focus:border-[var(--color-error)] data-[state=open]:border-[var(--color-error)]",exports.triggerButtonPlaceholderStyles="text-[var(--color-icon-secondary)]",exports.triggerButtonStyles=e,exports.triggerErrorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.triggerHelperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",exports.triggerIconStyles="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out group-data-[state=open]:rotate-180 [&_svg]:w-full [&_svg]:h-full",exports.triggerLabelDisabledStyles="opacity-50",exports.triggerLabelErrorStyles="text-[var(--color-error)]",exports.triggerLabelStyles="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",exports.triggerValueStyles="flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",exports.triggerWrapperFullWidthStyles="w-full",exports.triggerWrapperStyles="flex flex-col gap-2 relative w-auto items-start text-start",exports.viewportStyles="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch]";
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["group flex items-center justify-between gap-3 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-pointer outline-none transition-[border-color] duration-200 ease-in-out","hover:enabled:border-[var(--color-button-blue)] focus:border-[var(--color-button-blue)]","data-[state=open]:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),r=["select-content-animate overflow-hidden z-[100] min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)]","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)] mt-2"].join(" "),t=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg)] data-[highlighted]:bg-[var(--color-bg)] data-[state=checked]:bg-[var(--color-bg-secondary)]","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:pointer-events-none","max-sm:min-h-11"].join(" ");exports.contentStyles=r,exports.itemFlagStyles="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",exports.itemStyles=t,exports.labelStyles="py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",exports.separatorStyles="h-px my-1 bg-[var(--color-border)]",exports.triggerButtonErrorStyles="border-[var(--color-error)] hover:border-[var(--color-error)] focus:border-[var(--color-error)] data-[state=open]:border-[var(--color-error)]",exports.triggerButtonPlaceholderStyles="text-[var(--color-icon-secondary)]",exports.triggerButtonStyles=e,exports.triggerErrorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.triggerHelperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",exports.triggerIconStyles="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out group-data-[state=open]:rotate-180 [&_svg]:w-full [&_svg]:h-full",exports.triggerLabelDisabledStyles="opacity-50",exports.triggerLabelErrorStyles="text-[var(--color-error)]",exports.triggerLabelStyles="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",exports.triggerValueStyles="flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",exports.triggerWrapperFullWidthStyles="w-full",exports.triggerWrapperStyles="flex flex-col gap-2 relative w-auto items-start text-start",exports.viewportStyles="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch]";
package/dist/index69.js CHANGED
@@ -1 +1 @@
1
- const e="flex flex-col gap-2 relative w-auto items-start text-start",r="w-full",o="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",t="text-[var(--color-error)]",a="opacity-50",n=["group flex items-center justify-between gap-3 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-pointer outline-none transition-[border-color] duration-200 ease-in-out","hover:border-[var(--color-button-blue)] focus:border-[var(--color-button-blue)]","data-[state=open]:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),l="border-[var(--color-error)] hover:border-[var(--color-error)] focus:border-[var(--color-error)] data-[state=open]:border-[var(--color-error)]",d="text-[var(--color-icon-secondary)]",i="flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",s="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out group-data-[state=open]:rotate-180 [&_svg]:w-full [&_svg]:h-full",c="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",v="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",x=["select-content-animate overflow-hidden z-[100] min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)]","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)] mt-2"].join(" "),b="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch]",u=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg)] data-[highlighted]:bg-[var(--color-bg)] data-[state=checked]:bg-[var(--color-bg-secondary)]","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:pointer-events-none","max-sm:min-h-11"].join(" "),g="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",p="py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",h="h-px my-1 bg-[var(--color-border)]";export{x as contentStyles,g as itemFlagStyles,u as itemStyles,p as labelStyles,h as separatorStyles,l as triggerButtonErrorStyles,d as triggerButtonPlaceholderStyles,n as triggerButtonStyles,c as triggerErrorStyles,v as triggerHelperStyles,s as triggerIconStyles,a as triggerLabelDisabledStyles,t as triggerLabelErrorStyles,o as triggerLabelStyles,i as triggerValueStyles,r as triggerWrapperFullWidthStyles,e as triggerWrapperStyles,b as viewportStyles};
1
+ const e="flex flex-col gap-2 relative w-auto items-start text-start",r="w-full",o="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",t="text-[var(--color-error)]",a="opacity-50",n=["group flex items-center justify-between gap-3 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-pointer outline-none transition-[border-color] duration-200 ease-in-out","hover:enabled:border-[var(--color-button-blue)] focus:border-[var(--color-button-blue)]","data-[state=open]:border-[var(--color-button-blue)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),l="border-[var(--color-error)] hover:border-[var(--color-error)] focus:border-[var(--color-error)] data-[state=open]:border-[var(--color-error)]",d="text-[var(--color-icon-secondary)]",i="flex-1 min-w-0 overflow-hidden text-ellipsis whitespace-nowrap",s="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out group-data-[state=open]:rotate-180 [&_svg]:w-full [&_svg]:h-full",c="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",v="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",x=["select-content-animate overflow-hidden z-[100] min-w-[var(--radix-select-trigger-width)] max-h-[var(--radix-select-content-available-height)]","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)] mt-2"].join(" "),b="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch]",u=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg)] data-[highlighted]:bg-[var(--color-bg)] data-[state=checked]:bg-[var(--color-bg-secondary)]","data-[disabled]:cursor-not-allowed data-[disabled]:opacity-50 data-[disabled]:pointer-events-none","max-sm:min-h-11"].join(" "),g="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",p="py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",h="h-px my-1 bg-[var(--color-border)]";export{x as contentStyles,g as itemFlagStyles,u as itemStyles,p as labelStyles,h as separatorStyles,l as triggerButtonErrorStyles,d as triggerButtonPlaceholderStyles,n as triggerButtonStyles,c as triggerErrorStyles,v as triggerHelperStyles,s as triggerIconStyles,a as triggerLabelDisabledStyles,t as triggerLabelErrorStyles,o as triggerLabelStyles,i as triggerValueStyles,r as triggerWrapperFullWidthStyles,e as triggerWrapperStyles,b as viewportStyles};
package/dist/index70.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["flex items-center gap-3 h-11 px-3.5 bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)] cursor-text","transition-[border-color,box-shadow] duration-200 ease-in-out"].join(" "),o=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md cursor-pointer select-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg-secondary)]"].join(" ");exports.containerBaseStyles=e,exports.containerDisabledStyles="cursor-not-allowed opacity-50 pointer-events-none",exports.containerErrorStyles="border-[var(--color-error)]",exports.containerFocusStyles="border-[var(--color-button-blue)]",exports.containerFullWidthStyles="w-full",exports.containerIdleStyles="hover:border-[var(--color-button-blue)]",exports.dialCodeStyles="text-base text-[var(--color-text)] whitespace-nowrap shrink-0",exports.dropdownStyles="phone-dropdown-animate fixed z-[100] flex flex-col min-w-[20rem] overflow-hidden bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)]",exports.dropdownViewportStyles="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] flex flex-col",exports.errorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.flagStyles="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",exports.inputStyles="m-0 p-0 border-none bg-transparent flex-1 min-w-0 text-base text-[var(--color-text)] leading-none focus:outline-none placeholder:text-[var(--color-icon-secondary)] text-start",exports.labelStyles="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",exports.optionBaseStyles=o,exports.optionDialCodeStyles="text-base text-[var(--color-text)] opacity-50 shrink-0 text-end",exports.optionFlagStyles="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",exports.optionHighlightedStyles="bg-[var(--color-bg)]",exports.optionNameStyles="flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",exports.optionSelectedStyles="bg-[var(--color-bg-secondary)]",exports.triggerStyles="inline-flex items-center gap-1 shrink-0 m-0 p-0 border-none bg-transparent cursor-pointer focus-visible:outline-2 focus-visible:outline-[var(--color-button-blue)] focus-visible:outline-offset-2 focus-visible:rounded-sm disabled:cursor-not-allowed max-sm:min-w-11 max-sm:min-h-11 max-sm:-ms-2",exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-auto items-start text-start";
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["flex items-center gap-3 h-11 px-3.5 bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)] cursor-text","transition-[border-color,box-shadow] duration-200 ease-in-out"].join(" "),o=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md cursor-pointer select-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg-secondary)]"].join(" ");exports.containerBaseStyles=e,exports.containerDisabledStyles="cursor-not-allowed opacity-50 pointer-events-none",exports.containerErrorStyles="border-[var(--color-error)]",exports.containerFocusStyles="border-[var(--color-button-blue)]",exports.containerFullWidthStyles="w-full",exports.containerIdleStyles="hover:[&:not(:has(input:disabled))]:border-[var(--color-button-blue)]",exports.dialCodeStyles="text-base text-[var(--color-text)] whitespace-nowrap shrink-0",exports.dropdownStyles="phone-dropdown-animate fixed z-[100] flex flex-col min-w-[20rem] overflow-hidden bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)]",exports.dropdownViewportStyles="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] flex flex-col",exports.errorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.flagStyles="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",exports.inputStyles="m-0 p-0 border-none bg-transparent flex-1 min-w-0 text-base text-[var(--color-text)] leading-none focus:outline-none placeholder:text-[var(--color-icon-secondary)] text-start disabled:[-webkit-text-fill-color:var(--color-text)]",exports.labelStyles="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",exports.optionBaseStyles=o,exports.optionDialCodeStyles="text-base text-[var(--color-text)] opacity-50 shrink-0 text-end",exports.optionFlagStyles="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",exports.optionHighlightedStyles="bg-[var(--color-bg)]",exports.optionNameStyles="flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",exports.optionSelectedStyles="bg-[var(--color-bg-secondary)]",exports.triggerStyles="inline-flex items-center gap-1 shrink-0 m-0 p-0 border-none bg-transparent cursor-pointer focus-visible:outline-2 focus-visible:outline-[var(--color-button-blue)] focus-visible:outline-offset-2 focus-visible:rounded-sm disabled:cursor-not-allowed max-sm:min-w-11 max-sm:min-h-11 max-sm:-ms-2",exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-auto items-start text-start";
package/dist/index70.js CHANGED
@@ -1 +1 @@
1
- const e="flex flex-col gap-2 relative w-auto items-start text-start",o="w-full",r="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",t=["flex items-center gap-3 h-11 px-3.5 bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)] cursor-text","transition-[border-color,box-shadow] duration-200 ease-in-out"].join(" "),n="w-full",l="border-[var(--color-button-blue)]",a="border-[var(--color-error)]",i="cursor-not-allowed opacity-50 pointer-events-none",s="hover:border-[var(--color-button-blue)]",c="inline-flex items-center gap-1 shrink-0 m-0 p-0 border-none bg-transparent cursor-pointer focus-visible:outline-2 focus-visible:outline-[var(--color-button-blue)] focus-visible:outline-offset-2 focus-visible:rounded-sm disabled:cursor-not-allowed max-sm:min-w-11 max-sm:min-h-11 max-sm:-ms-2",d="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",x="text-base text-[var(--color-text)] whitespace-nowrap shrink-0",u="m-0 p-0 border-none bg-transparent flex-1 min-w-0 text-base text-[var(--color-text)] leading-none focus:outline-none placeholder:text-[var(--color-icon-secondary)] text-start",b="phone-dropdown-animate fixed z-[100] flex flex-col min-w-[20rem] overflow-hidden bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)]",v="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] flex flex-col",f=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md cursor-pointer select-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg-secondary)]"].join(" "),m="bg-[var(--color-bg)]",p="bg-[var(--color-bg-secondary)]",w="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",h="flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",g="text-base text-[var(--color-text)] opacity-50 shrink-0 text-end",y="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",k="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5";export{t as containerBaseStyles,i as containerDisabledStyles,a as containerErrorStyles,l as containerFocusStyles,n as containerFullWidthStyles,s as containerIdleStyles,x as dialCodeStyles,b as dropdownStyles,v as dropdownViewportStyles,y as errorStyles,d as flagStyles,k as helperStyles,u as inputStyles,r as labelStyles,f as optionBaseStyles,g as optionDialCodeStyles,w as optionFlagStyles,m as optionHighlightedStyles,h as optionNameStyles,p as optionSelectedStyles,c as triggerStyles,o as wrapperFullWidthStyles,e as wrapperStyles};
1
+ const e="flex flex-col gap-2 relative w-auto items-start text-start",o="w-full",r="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",t=["flex items-center gap-3 h-11 px-3.5 bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)] cursor-text","transition-[border-color,box-shadow] duration-200 ease-in-out"].join(" "),n="w-full",l="border-[var(--color-button-blue)]",a="border-[var(--color-error)]",i="cursor-not-allowed opacity-50 pointer-events-none",s="hover:[&:not(:has(input:disabled))]:border-[var(--color-button-blue)]",d="inline-flex items-center gap-1 shrink-0 m-0 p-0 border-none bg-transparent cursor-pointer focus-visible:outline-2 focus-visible:outline-[var(--color-button-blue)] focus-visible:outline-offset-2 focus-visible:rounded-sm disabled:cursor-not-allowed max-sm:min-w-11 max-sm:min-h-11 max-sm:-ms-2",c="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",x="text-base text-[var(--color-text)] whitespace-nowrap shrink-0",u="m-0 p-0 border-none bg-transparent flex-1 min-w-0 text-base text-[var(--color-text)] leading-none focus:outline-none placeholder:text-[var(--color-icon-secondary)] text-start disabled:[-webkit-text-fill-color:var(--color-text)]",b="phone-dropdown-animate fixed z-[100] flex flex-col min-w-[20rem] overflow-hidden bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)]",v="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] flex flex-col",f=["flex items-center gap-3 h-10 min-h-11 px-2 rounded-md cursor-pointer select-none transition-colors duration-150 ease-in-out","hover:bg-[var(--color-bg-secondary)]"].join(" "),m="bg-[var(--color-bg)]",p="bg-[var(--color-bg-secondary)]",w="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",h="flex-1 text-base text-[var(--color-text)] whitespace-nowrap overflow-hidden text-ellipsis",g="text-base text-[var(--color-text)] opacity-50 shrink-0 text-end",y="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",k="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5";export{t as containerBaseStyles,i as containerDisabledStyles,a as containerErrorStyles,l as containerFocusStyles,n as containerFullWidthStyles,s as containerIdleStyles,x as dialCodeStyles,b as dropdownStyles,v as dropdownViewportStyles,y as errorStyles,c as flagStyles,k as helperStyles,u as inputStyles,r as labelStyles,f as optionBaseStyles,g as optionDialCodeStyles,w as optionFlagStyles,m as optionHighlightedStyles,h as optionNameStyles,p as optionSelectedStyles,d as triggerStyles,o as wrapperFullWidthStyles,e as wrapperStyles};
package/dist/index71.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-[length:var(--font-size-3)] leading-[1.25]","max-md:w-[5.125rem] max-md:h-[5.75rem] max-md:px-6 max-md:py-3 max-md:text-xl","max-[374px]:w-[3.75rem] max-[374px]:h-[5.75rem] max-[374px]:px-4 max-[374px]:text-lg"].join(" "),r=["w-[3.734375rem] min-h-[4.470625rem] h-[4.470625rem] px-6 py-3","text-xl leading-[1.25]","max-md:w-[3.734375rem] max-md:h-[4.470625rem] max-md:px-6 max-md:py-3 max-md:text-lg","max-[374px]:w-[2.5rem] max-[374px]:h-[4.470625rem] max-[374px]:px-4 max-[374px]:text-base"].join(" "),t=["m-0 border font-inherit appearance-none box-border","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","font-normal text-center text-[var(--Path-Colors-Black-01,#191A39)] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"].join(" ");exports.containerBaseStyles="flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",exports.containerCenteredStyles="justify-center",exports.digitBaseStyles=t,exports.digitErrorStyles="!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]",exports.digitSizeLgStyles=e,exports.digitSizeSmStyles=r,exports.errorStyles="text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",exports.helperStyles="text-[length:var(--font-size-10)] leading-none text-[var(--color-grey-07)] text-center",exports.labelBaseStyles="text-base font-normal leading-none text-[var(--color-grey-07)]",exports.labelDisabledStyles="opacity-50",exports.labelErrorStyles="text-[var(--color-error)]",exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-fit";
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-[length:var(--font-size-3)] leading-[1.25]","max-md:w-[5.125rem] max-md:h-[5.75rem] max-md:px-6 max-md:py-3 max-md:text-xl","max-[374px]:w-[3.75rem] max-[374px]:h-[5.75rem] max-[374px]:px-4 max-[374px]:text-lg"].join(" "),r=["w-[3.734375rem] min-h-[4.470625rem] h-[4.470625rem] px-6 py-3","text-xl leading-[1.25]","max-md:w-[3.734375rem] max-md:h-[4.470625rem] max-md:px-6 max-md:py-3 max-md:text-lg","max-[374px]:w-[2.5rem] max-[374px]:h-[4.470625rem] max-[374px]:px-4 max-[374px]:text-base"].join(" "),t=["m-0 border font-inherit appearance-none box-border","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","font-normal text-center text-[var(--Path-Colors-Black-01,#191A39)] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:enabled:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"].join(" ");exports.containerBaseStyles="flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",exports.containerCenteredStyles="justify-center",exports.digitBaseStyles=t,exports.digitErrorStyles="!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]",exports.digitSizeLgStyles=e,exports.digitSizeSmStyles=r,exports.errorStyles="text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",exports.helperStyles="text-[length:var(--font-size-10)] leading-none text-[var(--color-grey-07)] text-center",exports.labelBaseStyles="text-base font-normal leading-none text-[var(--color-grey-07)]",exports.labelDisabledStyles="opacity-50",exports.labelErrorStyles="text-[var(--color-error)]",exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-fit";
package/dist/index71.js CHANGED
@@ -1 +1 @@
1
- const e="flex flex-col gap-2 relative w-fit",r="w-full",o="text-base font-normal leading-none text-[var(--color-grey-07)]",t="text-[var(--color-error)]",a="opacity-50",x="flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",m="justify-center",n=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-[length:var(--font-size-3)] leading-[1.25]","max-md:w-[5.125rem] max-md:h-[5.75rem] max-md:px-6 max-md:py-3 max-md:text-xl","max-[374px]:w-[3.75rem] max-[374px]:h-[5.75rem] max-[374px]:px-4 max-[374px]:text-lg"].join(" "),l=["w-[3.734375rem] min-h-[4.470625rem] h-[4.470625rem] px-6 py-3","text-xl leading-[1.25]","max-md:w-[3.734375rem] max-md:h-[4.470625rem] max-md:px-6 max-md:py-3 max-md:text-lg","max-[374px]:w-[2.5rem] max-[374px]:h-[4.470625rem] max-[374px]:px-4 max-[374px]:text-base"].join(" "),d=["m-0 border font-inherit appearance-none box-border","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","font-normal text-center text-[var(--Path-Colors-Black-01,#191A39)] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),i="!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]",c="text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",p="text-[length:var(--font-size-10)] leading-none text-[var(--color-grey-07)] text-center";export{x as containerBaseStyles,m as containerCenteredStyles,d as digitBaseStyles,i as digitErrorStyles,n as digitSizeLgStyles,l as digitSizeSmStyles,c as errorStyles,p as helperStyles,o as labelBaseStyles,a as labelDisabledStyles,t as labelErrorStyles,r as wrapperFullWidthStyles,e as wrapperStyles};
1
+ const e="flex flex-col gap-2 relative w-fit",r="w-full",o="text-base font-normal leading-none text-[var(--color-grey-07)]",t="text-[var(--color-error)]",a="opacity-50",x="flex items-center gap-2.5 max-md:gap-2.5 max-[374px]:gap-1.5",n="justify-center",m=["w-[5.125rem] min-h-[5.75rem] h-[5.75rem] px-6 py-3","text-[length:var(--font-size-3)] leading-[1.25]","max-md:w-[5.125rem] max-md:h-[5.75rem] max-md:px-6 max-md:py-3 max-md:text-xl","max-[374px]:w-[3.75rem] max-[374px]:h-[5.75rem] max-[374px]:px-4 max-[374px]:text-lg"].join(" "),l=["w-[3.734375rem] min-h-[4.470625rem] h-[4.470625rem] px-6 py-3","text-xl leading-[1.25]","max-md:w-[3.734375rem] max-md:h-[4.470625rem] max-md:px-6 max-md:py-3 max-md:text-lg","max-[374px]:w-[2.5rem] max-[374px]:h-[4.470625rem] max-[374px]:px-4 max-[374px]:text-base"].join(" "),d=["m-0 border font-inherit appearance-none box-border","bg-[var(--color-card)] border-[var(--color-border)] rounded-[var(--radius-md)]","font-normal text-center text-[var(--Path-Colors-Black-01,#191A39)] overflow-visible","[leading-trim:both] [text-edge:cap]","transition-[border-color] duration-200 ease-in-out caret-[var(--color-text)]","hover:enabled:border-[var(--color-button-blue)] focus:outline-none focus:border-[var(--color-button-blue)]","disabled:opacity-50 disabled:cursor-not-allowed disabled:pointer-events-none"].join(" "),i="!border-[var(--color-error)] hover:!border-[var(--color-error)] focus:!border-[var(--color-error)]",c="text-[length:var(--font-size-11)] leading-none text-[var(--color-error)] text-center",p="text-[length:var(--font-size-10)] leading-none text-[var(--color-grey-07)] text-center";export{x as containerBaseStyles,n as containerCenteredStyles,d as digitBaseStyles,i as digitErrorStyles,m as digitSizeLgStyles,l as digitSizeSmStyles,c as errorStyles,p as helperStyles,o as labelBaseStyles,a as labelDisabledStyles,t as labelErrorStyles,r as wrapperFullWidthStyles,e as wrapperStyles};
package/dist/index73.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index117.cjs");exports.FormTooltip=function({content:n,triggerClassName:o,contentClassName:s,dataCyPrefix:c,dataTestIdPrefix:i}){const[a,l]=t.useState(!1),u=t.useRef(!1),d=t.useRef(!1),x=t.useRef(null),f=t.useRef(null),m=t.useCallback(e=>{d.current||!e&&u.current||l(e)},[]),p=t.useCallback(()=>{d.current=!0,x.current&&clearTimeout(x.current),x.current=setTimeout(()=>{d.current=!1},300)},[]),g=t.useCallback(()=>{l(e=>{const t=!e;return u.current=t,t})},[]);return t.useEffect(()=>{if(!a||!u.current)return;const e=e=>{f.current?.contains(e.target)||(u.current=!1,d.current=!1,l(!1))};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[a]),t.useEffect(()=>()=>{x.current&&clearTimeout(x.current)},[]),e.jsx(r.Provider,{delayDuration:200,children:e.jsxs(r.Root,{open:a,onOpenChange:m,children:[e.jsx(r.Trigger,{asChild:!0,children:e.jsx("button",{ref:f,type:"button",className:o,"aria-label":"More information",onPointerDown:p,onClick:g,"data-cy":`${c}-tooltip-trigger`,"data-testid":`${i}-tooltip-trigger`,children:e.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),e.jsx("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),e.jsx(r.Portal,{children:e.jsxs(r.Content,{className:s,side:"top",sideOffset:4,"data-cy":`${c}-tooltip-content`,"data-testid":`${i}-tooltip-content`,children:[n,e.jsx(r.Arrow,{className:"fill-text"})]})})]})})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index104.cjs");exports.FormTooltip=function({content:n,triggerClassName:o,contentClassName:s,dataCyPrefix:c,dataTestIdPrefix:i}){const[a,l]=t.useState(!1),u=t.useRef(!1),d=t.useRef(!1),x=t.useRef(null),f=t.useRef(null),m=t.useCallback(e=>{d.current||!e&&u.current||l(e)},[]),p=t.useCallback(()=>{d.current=!0,x.current&&clearTimeout(x.current),x.current=setTimeout(()=>{d.current=!1},300)},[]),g=t.useCallback(()=>{l(e=>{const t=!e;return u.current=t,t})},[]);return t.useEffect(()=>{if(!a||!u.current)return;const e=e=>{f.current?.contains(e.target)||(u.current=!1,d.current=!1,l(!1))};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[a]),t.useEffect(()=>()=>{x.current&&clearTimeout(x.current)},[]),e.jsx(r.Provider,{delayDuration:200,children:e.jsxs(r.Root,{open:a,onOpenChange:m,children:[e.jsx(r.Trigger,{asChild:!0,children:e.jsx("button",{ref:f,type:"button",className:o,"aria-label":"More information",onPointerDown:p,onClick:g,"data-cy":`${c}-tooltip-trigger`,"data-testid":`${i}-tooltip-trigger`,children:e.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),e.jsx("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),e.jsx(r.Portal,{children:e.jsxs(r.Content,{className:s,side:"top",sideOffset:4,"data-cy":`${c}-tooltip-content`,"data-testid":`${i}-tooltip-content`,children:[n,e.jsx(r.Arrow,{className:"fill-text"})]})})]})})};
package/dist/index73.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useState as e,useRef as n,useCallback as o,useEffect as c}from"react";import{Provider as i,Root as a,Trigger as l,Portal as s,Content as u,Arrow as d}from"./index117.js";function m({content:m,triggerClassName:p,contentClassName:f,dataCyPrefix:h,dataTestIdPrefix:g}){const[w,x]=e(!1),C=n(!1),y=n(!1),k=n(null),v=n(null),N=o(t=>{y.current||!t&&C.current||x(t)},[]),T=o(()=>{y.current=!0,k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{y.current=!1},300)},[]),$=o(()=>{x(t=>{const r=!t;return C.current=r,r})},[]);return c(()=>{if(!w||!C.current)return;const t=t=>{v.current?.contains(t.target)||(C.current=!1,y.current=!1,x(!1))};return document.addEventListener("pointerdown",t),()=>document.removeEventListener("pointerdown",t)},[w]),c(()=>()=>{k.current&&clearTimeout(k.current)},[]),/* @__PURE__ */t(i,{delayDuration:200,children:/* @__PURE__ */r(a,{open:w,onOpenChange:N,children:[
1
+ import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useState as e,useRef as n,useCallback as o,useEffect as c}from"react";import{Provider as i,Root as a,Trigger as l,Portal as s,Content as u,Arrow as d}from"./index104.js";function m({content:m,triggerClassName:p,contentClassName:f,dataCyPrefix:h,dataTestIdPrefix:g}){const[w,x]=e(!1),C=n(!1),y=n(!1),k=n(null),v=n(null),N=o(t=>{y.current||!t&&C.current||x(t)},[]),T=o(()=>{y.current=!0,k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{y.current=!1},300)},[]),$=o(()=>{x(t=>{const r=!t;return C.current=r,r})},[]);return c(()=>{if(!w||!C.current)return;const t=t=>{v.current?.contains(t.target)||(C.current=!1,y.current=!1,x(!1))};return document.addEventListener("pointerdown",t),()=>document.removeEventListener("pointerdown",t)},[w]),c(()=>()=>{k.current&&clearTimeout(k.current)},[]),/* @__PURE__ */t(i,{delayDuration:200,children:/* @__PURE__ */r(a,{open:w,onOpenChange:N,children:[
2
2
  /* @__PURE__ */t(l,{asChild:!0,children:/* @__PURE__ */t("button",{ref:v,type:"button",className:p,"aria-label":"More information",onPointerDown:T,onClick:$,"data-cy":`${h}-tooltip-trigger`,"data-testid":`${g}-tooltip-trigger`,children:/* @__PURE__ */r("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[
3
3
  /* @__PURE__ */t("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),
4
4
  /* @__PURE__ */t("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),
package/dist/index74.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),r=["z-[100] max-w-[var(--max-width-xs)] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_var(--shadow-color-lg)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),o=["flex items-start w-full","min-h-[6.25rem] p-[0.875rem]","text-base leading-[1.375rem] text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200","resize-none","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-clickable)]","hover:enabled:not(:focus):border-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),t=["block w-full min-h-[6.25rem] p-0","text-base leading-[1.375rem] text-[var(--color-text)] bg-transparent border-none outline-none","resize-none placeholder:text-[var(--color-icon-secondary)]","focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" ");exports.charCountExceededStyles="text-[var(--color-error)]",exports.charCountStyles="text-xs leading-none text-[var(--color-grey-06)] text-end",exports.errorBorderInnerStyles="rounded-[calc(var(--radius-md)-1px)] bg-[var(--color-card)] w-full p-[0.875rem]",exports.errorStyles="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]",exports.footerStyles="flex items-center justify-between w-full",exports.gradientBorderInnerStyles="rounded-[calc(var(--radius-md)-1px)] bg-[var(--color-card)] w-full p-[0.875rem]",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)]",exports.labelRowStyles="flex items-center justify-between h-4 w-full",exports.labelStyles="text-base font-normal text-[var(--color-grey-07)] leading-none",exports.textareaBaseStyles=o,exports.textareaErrorStyles="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",exports.textareaInsideGradientStyles=t,exports.tooltipContentStyles=r,exports.tooltipTriggerStyles=e,exports.wrapperStyles="flex flex-col justify-center items-start gap-2 w-full";
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),r=["z-[100] max-w-[var(--max-width-xs)] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_var(--shadow-color-lg)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),o=["flex items-start w-full","min-h-[6.25rem] p-[0.875rem]","text-base leading-[1.375rem] text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200","resize-none","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-clickable)]","hover:enabled:not(:focus):border-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","disabled:[-webkit-text-fill-color:var(--color-text)]"].join(" "),t=["block w-full min-h-[6.25rem] p-0","text-base leading-[1.375rem] text-[var(--color-text)] bg-transparent border-none outline-none","resize-none placeholder:text-[var(--color-icon-secondary)]","focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" ");exports.charCountExceededStyles="text-[var(--color-error)]",exports.charCountStyles="text-xs leading-none text-[var(--color-grey-06)] text-end",exports.errorBorderInnerStyles="rounded-[calc(var(--radius-md)-1px)] bg-[var(--color-card)] w-full p-[0.875rem]",exports.errorStyles="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]",exports.footerStyles="flex items-center justify-between w-full",exports.gradientBorderInnerStyles="rounded-[calc(var(--radius-md)-1px)] bg-[var(--color-card)] w-full p-[0.875rem]",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)]",exports.labelRowStyles="flex items-center justify-between h-4 w-full",exports.labelStyles="text-base font-normal text-[var(--color-grey-07)] leading-none",exports.textareaBaseStyles=o,exports.textareaErrorStyles="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",exports.textareaInsideGradientStyles=t,exports.tooltipContentStyles=r,exports.tooltipTriggerStyles=e,exports.wrapperStyles="flex flex-col justify-center items-start gap-2 w-full";
package/dist/index74.js CHANGED
@@ -1 +1 @@
1
- const e="flex flex-col justify-center items-start gap-2 w-full",r="flex items-center justify-between h-4 w-full",o="text-base font-normal text-[var(--color-grey-07)] leading-none",t=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),n=["z-[100] max-w-[var(--max-width-xs)] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_var(--shadow-color-lg)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),l=["flex items-start w-full","min-h-[6.25rem] p-[0.875rem]","text-base leading-[1.375rem] text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200","resize-none","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-clickable)]","hover:enabled:not(:focus):border-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),a="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",c="rounded-[calc(var(--radius-md)-1px)] bg-[var(--color-card)] w-full p-[0.875rem]",d="rounded-[calc(var(--radius-md)-1px)] bg-[var(--color-card)] w-full p-[0.875rem]",i=["block w-full min-h-[6.25rem] p-0","text-base leading-[1.375rem] text-[var(--color-text)] bg-transparent border-none outline-none","resize-none placeholder:text-[var(--color-icon-secondary)]","focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),s="text-xs leading-none text-[var(--color-grey-07)]",x="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]",u="text-xs leading-none text-[var(--color-grey-06)] text-end",b="text-[var(--color-error)]",v="flex items-center justify-between w-full";export{b as charCountExceededStyles,u as charCountStyles,d as errorBorderInnerStyles,x as errorStyles,v as footerStyles,c as gradientBorderInnerStyles,s as helperStyles,r as labelRowStyles,o as labelStyles,l as textareaBaseStyles,a as textareaErrorStyles,i as textareaInsideGradientStyles,n as tooltipContentStyles,t as tooltipTriggerStyles,e as wrapperStyles};
1
+ const e="flex flex-col justify-center items-start gap-2 w-full",r="flex items-center justify-between h-4 w-full",o="text-base font-normal text-[var(--color-grey-07)] leading-none",t=["p-0.5 m-0 border-none bg-transparent","flex items-center justify-center flex-shrink-0","text-[var(--color-icon-secondary)] cursor-pointer rounded","transition-colors duration-150","hover:text-[var(--color-system-text)]","focus:outline-2 focus:outline-[var(--color-clickable)] focus:outline-offset-1","focus:not(:focus-visible):outline-none"].join(" "),n=["z-[100] max-w-[var(--max-width-xs)] px-3 py-2","bg-[var(--color-text)] rounded-md shadow-[0_0.25rem_0.75rem_var(--shadow-color-lg)]","text-xs font-normal leading-relaxed text-[var(--color-card)]","animate-in fade-in-0 zoom-in-95"].join(" "),l=["flex items-start w-full","min-h-[6.25rem] p-[0.875rem]","text-base leading-[1.375rem] text-[var(--color-text)]","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","transition-[border-color,box-shadow] duration-200","resize-none","placeholder:text-[var(--color-icon-secondary)]","focus:outline-none focus:border-[var(--color-clickable)]","hover:enabled:not(:focus):border-[var(--color-clickable)]","disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none","disabled:[-webkit-text-fill-color:var(--color-text)]"].join(" "),a="border-[var(--color-error)] focus:border-[var(--color-error)] hover:enabled:border-[var(--color-error)]",c="rounded-[calc(var(--radius-md)-1px)] bg-[var(--color-card)] w-full p-[0.875rem]",d="rounded-[calc(var(--radius-md)-1px)] bg-[var(--color-card)] w-full p-[0.875rem]",i=["block w-full min-h-[6.25rem] p-0","text-base leading-[1.375rem] text-[var(--color-text)] bg-transparent border-none outline-none","resize-none placeholder:text-[var(--color-icon-secondary)]","focus:outline-none disabled:cursor-not-allowed disabled:opacity-50 disabled:pointer-events-none"].join(" "),s="text-xs leading-none text-[var(--color-grey-07)]",x="text-[0.75rem] font-normal leading-none text-[var(--Error-Red,var(--color-error))]",u="text-xs leading-none text-[var(--color-grey-06)] text-end",b="text-[var(--color-error)]",v="flex items-center justify-between w-full";export{b as charCountExceededStyles,u as charCountStyles,d as errorBorderInnerStyles,x as errorStyles,v as footerStyles,c as gradientBorderInnerStyles,s as helperStyles,r as labelRowStyles,o as labelStyles,l as textareaBaseStyles,a as textareaErrorStyles,i as textareaInsideGradientStyles,n as tooltipContentStyles,t as tooltipTriggerStyles,e as wrapperStyles};
package/dist/index76.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["group flex items-center justify-between gap-3 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-text outline-none transition-[border-color] duration-200 ease-in-out","hover:border-[var(--color-button-blue)]","focus-within:border-[var(--color-button-blue)]"].join(" "),r=["flex-1 min-w-0 bg-transparent border-none outline-none p-0 m-0","text-base leading-none text-[var(--color-text)]","placeholder:text-[var(--color-icon-secondary)]"].join(" "),t=["absolute top-full left-0 right-0 z-[100] mt-2","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)]","overflow-hidden","animate-[select-content-open_150ms_ease-out_forwards]"].join(" "),o=["flex items-center gap-3 h-10 min-h-[2.75rem] px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","max-sm:min-h-[2.75rem]"].join(" ");exports.chevronOpenStyles="rotate-180",exports.chevronStyles="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out [&_svg]:w-full [&_svg]:h-full cursor-pointer",exports.dropdownStyles=t,exports.errorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.flagStyles="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",exports.inputStyles=r,exports.itemDisabledStyles="cursor-not-allowed opacity-50 pointer-events-none",exports.itemHighlightedStyles="bg-[var(--color-bg)]",exports.itemSelectedStyles="bg-[var(--color-bg-secondary)]",exports.itemStyles=o,exports.labelDisabledStyles="opacity-50",exports.labelErrorStyles="text-[var(--color-error)]",exports.labelStyles="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",exports.listStyles="dropdown-scrollbar p-1 max-h-[12rem] overflow-y-auto [-webkit-overflow-scrolling:touch]",exports.noResultsStyles="flex items-center justify-center h-10 px-2 text-sm text-[var(--color-icon-secondary)]",exports.triggerDisabledStyles="cursor-not-allowed opacity-50 pointer-events-none",exports.triggerErrorStyles="border-[var(--color-error)] hover:border-[var(--color-error)] focus-within:border-[var(--color-error)]",exports.triggerOpenStyles="border-[var(--color-button-blue)]",exports.triggerStyles=e,exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-auto items-start text-start";
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["group flex items-center justify-between gap-3 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-text outline-none transition-[border-color] duration-200 ease-in-out","hover:[&:not(:has(input:disabled))]:border-[var(--color-button-blue)]","focus-within:border-[var(--color-button-blue)]"].join(" "),r=["flex-1 min-w-0 bg-transparent border-none outline-none p-0 m-0","text-base leading-none text-[var(--color-text)]","placeholder:text-[var(--color-icon-secondary)]","disabled:[-webkit-text-fill-color:var(--color-text)]"].join(" "),t=["absolute top-full left-0 right-0 z-[100] mt-2","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)]","overflow-hidden","animate-[select-content-open_150ms_ease-out_forwards]"].join(" "),o=["flex items-center gap-3 h-10 min-h-[2.75rem] px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","max-sm:min-h-[2.75rem]"].join(" ");exports.chevronOpenStyles="rotate-180",exports.chevronStyles="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out [&_svg]:w-full [&_svg]:h-full cursor-pointer",exports.dropdownStyles=t,exports.errorStyles="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",exports.flagStyles="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",exports.helperStyles="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",exports.inputStyles=r,exports.itemDisabledStyles="cursor-not-allowed opacity-50 pointer-events-none",exports.itemHighlightedStyles="bg-[var(--color-bg)]",exports.itemSelectedStyles="bg-[var(--color-bg-secondary)]",exports.itemStyles=o,exports.labelErrorStyles="text-[var(--color-error)]",exports.labelStyles="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",exports.listStyles="dropdown-scrollbar p-1 max-h-[12rem] overflow-y-auto [-webkit-overflow-scrolling:touch]",exports.noResultsStyles="flex items-center justify-center h-10 px-2 text-sm text-[var(--color-icon-secondary)]",exports.triggerDisabledStyles="cursor-not-allowed opacity-50 pointer-events-none",exports.triggerErrorStyles="border-[var(--color-error)] hover:border-[var(--color-error)] focus-within:border-[var(--color-error)]",exports.triggerOpenStyles="border-[var(--color-button-blue)]",exports.triggerStyles=e,exports.wrapperFullWidthStyles="w-full",exports.wrapperStyles="flex flex-col gap-2 relative w-auto items-start text-start";
package/dist/index76.js CHANGED
@@ -1 +1 @@
1
- const e="flex flex-col gap-2 relative w-auto items-start text-start",r="w-full",o="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",t="text-[var(--color-error)]",n="opacity-50",a=["group flex items-center justify-between gap-3 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-text outline-none transition-[border-color] duration-200 ease-in-out","hover:border-[var(--color-button-blue)]","focus-within:border-[var(--color-button-blue)]"].join(" "),l="border-[var(--color-button-blue)]",i="border-[var(--color-error)] hover:border-[var(--color-error)] focus-within:border-[var(--color-error)]",s="cursor-not-allowed opacity-50 pointer-events-none",c=["flex-1 min-w-0 bg-transparent border-none outline-none p-0 m-0","text-base leading-none text-[var(--color-text)]","placeholder:text-[var(--color-icon-secondary)]"].join(" "),d="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out [&_svg]:w-full [&_svg]:h-full cursor-pointer",u="rotate-180",x="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",v="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",b=["absolute top-full left-0 right-0 z-[100] mt-2","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)]","overflow-hidden","animate-[select-content-open_150ms_ease-out_forwards]"].join(" "),f="dropdown-scrollbar p-1 max-h-[12rem] overflow-y-auto [-webkit-overflow-scrolling:touch]",m=["flex items-center gap-3 h-10 min-h-[2.75rem] px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","max-sm:min-h-[2.75rem]"].join(" "),p="bg-[var(--color-bg)]",g="bg-[var(--color-bg-secondary)]",h="cursor-not-allowed opacity-50 pointer-events-none",w="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",y="flex items-center justify-center h-10 px-2 text-sm text-[var(--color-icon-secondary)]";export{u as chevronOpenStyles,d as chevronStyles,b as dropdownStyles,x as errorStyles,w as flagStyles,v as helperStyles,c as inputStyles,h as itemDisabledStyles,p as itemHighlightedStyles,g as itemSelectedStyles,m as itemStyles,n as labelDisabledStyles,t as labelErrorStyles,o as labelStyles,f as listStyles,y as noResultsStyles,s as triggerDisabledStyles,i as triggerErrorStyles,l as triggerOpenStyles,a as triggerStyles,r as wrapperFullWidthStyles,e as wrapperStyles};
1
+ const e="flex flex-col gap-2 relative w-auto items-start text-start",r="w-full",o="text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full",t="text-[var(--color-error)]",n=["group flex items-center justify-between gap-3 w-full h-11 px-3.5","bg-[var(--color-card)] border border-[var(--color-border)] rounded-[var(--radius-md)]","text-base leading-none text-[var(--color-text)] text-start","cursor-text outline-none transition-[border-color] duration-200 ease-in-out","hover:[&:not(:has(input:disabled))]:border-[var(--color-button-blue)]","focus-within:border-[var(--color-button-blue)]"].join(" "),l="border-[var(--color-button-blue)]",a="border-[var(--color-error)] hover:border-[var(--color-error)] focus-within:border-[var(--color-error)]",i="cursor-not-allowed opacity-50 pointer-events-none",s=["flex-1 min-w-0 bg-transparent border-none outline-none p-0 m-0","text-base leading-none text-[var(--color-text)]","placeholder:text-[var(--color-icon-secondary)]","disabled:[-webkit-text-fill-color:var(--color-text)]"].join(" "),c="flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-text)] transition-transform duration-200 ease-in-out [&_svg]:w-full [&_svg]:h-full cursor-pointer",d="rotate-180",u="text-xs leading-none text-[var(--color-error)] ps-3.5 pt-1.5",x="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",v=["absolute top-full left-0 right-0 z-[100] mt-2","bg-[var(--color-card)] rounded-[var(--radius-md)] shadow-[0_0.25rem_1rem_var(--shadow-color-md)]","overflow-hidden","animate-[select-content-open_150ms_ease-out_forwards]"].join(" "),b="dropdown-scrollbar p-1 max-h-[12rem] overflow-y-auto [-webkit-overflow-scrolling:touch]",f=["flex items-center gap-3 h-10 min-h-[2.75rem] px-2 rounded-md text-base leading-none text-[var(--color-text)]","cursor-pointer select-none outline-none transition-colors duration-150 ease-in-out","max-sm:min-h-[2.75rem]"].join(" "),m="bg-[var(--color-bg)]",p="bg-[var(--color-bg-secondary)]",g="cursor-not-allowed opacity-50 pointer-events-none",h="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",w="flex items-center justify-center h-10 px-2 text-sm text-[var(--color-icon-secondary)]";export{d as chevronOpenStyles,c as chevronStyles,v as dropdownStyles,u as errorStyles,h as flagStyles,x as helperStyles,s as inputStyles,g as itemDisabledStyles,m as itemHighlightedStyles,p as itemSelectedStyles,f as itemStyles,t as labelErrorStyles,o as labelStyles,b as listStyles,w as noResultsStyles,i as triggerDisabledStyles,a as triggerErrorStyles,l as triggerOpenStyles,n as triggerStyles,r as wrapperFullWidthStyles,e as wrapperStyles};
package/dist/index83.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom"),r=require("./index105.cjs"),n=require("./index106.cjs"),o=require("./index107.cjs"),s=require("./index108.cjs"),i=require("./index109.cjs"),a=require("./index110.cjs"),c=require("./index111.cjs"),u=require("./index112.cjs"),d=require("./index113.cjs"),l=require("./index114.cjs"),p=require("./index115.cjs"),f=require("./index116.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("./index106.cjs"),n=require("./index107.cjs"),o=require("./index108.cjs"),s=require("./index109.cjs"),i=require("./index110.cjs"),a=require("./index111.cjs"),c=require("./index112.cjs"),u=require("./index113.cjs"),d=require("./index114.cjs"),l=require("./index115.cjs"),p=require("./index116.cjs"),f=require("./index117.cjs"),v=require("react/jsx-runtime");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const m=w(e),x=w(t);var T="ToastProvider",[y,E,h]=o.createCollection("Toast"),[b]=s.createContextScope("Toast",[h]),[C,g]=b(T),P=e=>{const{__scopeToast:t,label:r="Notification",duration:n=5e3,swipeDirection:o="right",swipeThreshold:s=50,children:i}=e,[a,c]=m.useState(null),[u,d]=m.useState(0),l=m.useRef(!1),p=m.useRef(!1);return r.trim(),v.jsx(y.Provider,{scope:t,children:v.jsx(C,{scope:t,label:r,duration:n,swipeDirection:o,swipeThreshold:s,toastCount:u,viewport:a,onViewportChange:c,onToastAdd:m.useCallback(()=>d(e=>e+1),[]),onToastRemove:m.useCallback(()=>d(e=>e-1),[]),isFocusedToastEscapeKeyDownRef:l,isClosePausedRef:p,children:i})})};P.displayName=T;var R="ToastViewport",j=["F8"],D="toast.viewportPause",S="toast.viewportResume",L=m.forwardRef((e,t)=>{const{__scopeToast:r,hotkey:o=j,label:s="Notifications ({hotkey})",...a}=e,c=g(R,r),d=E(r),l=m.useRef(null),p=m.useRef(null),f=m.useRef(null),w=m.useRef(null),x=n.useComposedRefs(t,w,c.onViewportChange),T=o.join("+").replace(/Key/g,"").replace(/Digit/g,""),h=c.toastCount>0;m.useEffect(()=>{const e=e=>{0!==o.length&&o.every(t=>e[t]||e.code===t)&&w.current?.focus()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[o]),m.useEffect(()=>{const e=l.current,t=w.current;if(h&&e&&t){const r=()=>{if(!c.isClosePausedRef.current){const e=new CustomEvent(D);t.dispatchEvent(e),c.isClosePausedRef.current=!0}},n=()=>{if(c.isClosePausedRef.current){const e=new CustomEvent(S);t.dispatchEvent(e),c.isClosePausedRef.current=!1}},o=t=>{!e.contains(t.relatedTarget)&&n()},s=()=>{e.contains(document.activeElement)||n()};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointermove",r),e.addEventListener("pointerleave",s),window.addEventListener("blur",r),window.addEventListener("focus",n),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointermove",r),e.removeEventListener("pointerleave",s),window.removeEventListener("blur",r),window.removeEventListener("focus",n)}}},[h,c.isClosePausedRef]);const b=m.useCallback(({tabbingDirection:e})=>{const t=d().map(t=>{const r=t.ref.current,n=[r,...Y(r)];return"forwards"===e?n:n.reverse()});return("forwards"===e?t.reverse():t).flat()},[d]);return m.useEffect(()=>{const e=w.current;if(e){const t=t=>{const r=t.altKey||t.ctrlKey||t.metaKey;if("Tab"===t.key&&!r){const r=document.activeElement,n=t.shiftKey;if(t.target===e&&n)return void p.current?.focus();const o=b({tabbingDirection:n?"backwards":"forwards"}),s=o.findIndex(e=>e===r);z(o.slice(s+1))?t.preventDefault():n?p.current?.focus():f.current?.focus()}};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}},[d,b]),v.jsxs(i.Branch,{ref:l,role:"region","aria-label":s.replace("{hotkey}",T),tabIndex:-1,style:{pointerEvents:h?void 0:"none"},children:[h&&v.jsx(_,{ref:p,onFocusFromOutsideViewport:()=>{z(b({tabbingDirection:"forwards"}))}}),v.jsx(y.Slot,{scope:r,children:v.jsx(u.Primitive.ol,{tabIndex:-1,...a,ref:x})}),h&&v.jsx(_,{ref:f,onFocusFromOutsideViewport:()=>{z(b({tabbingDirection:"backwards"}))}})]})});L.displayName=R;var F="ToastFocusProxy",_=m.forwardRef((e,t)=>{const{__scopeToast:r,onFocusFromOutsideViewport:n,...o}=e,s=g(F,r);return v.jsx(f.VisuallyHidden,{tabIndex:0,...o,ref:t,style:{position:"fixed"},onFocus:e=>{const t=e.relatedTarget;!s.viewport?.contains(t)&&n()}})});_.displayName=F;var N="Toast",k=m.forwardRef((e,t)=>{const{forceMount:n,open:o,defaultOpen:s,onOpenChange:i,...a}=e,[u,p]=l.useControllableState({prop:o,defaultProp:s??!0,onChange:i,caller:N});return v.jsx(c.Presence,{present:n||u,children:v.jsx(q,{open:u,...a,ref:t,onClose:()=>p(!1),onPause:d.useCallbackRef(e.onPause),onResume:d.useCallbackRef(e.onResume),onSwipeStart:r.composeEventHandlers(e.onSwipeStart,e=>{e.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:r.composeEventHandlers(e.onSwipeMove,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","move"),e.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${r}px`)}),onSwipeCancel:r.composeEventHandlers(e.onSwipeCancel,e=>{e.currentTarget.setAttribute("data-swipe","cancel"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:r.composeEventHandlers(e.onSwipeEnd,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","end"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${r}px`),p(!1)})})})});k.displayName=N;var[A,M]=b(N,{onClose(){}}),q=m.forwardRef((e,t)=>{const{__scopeToast:o,type:s="foreground",duration:a,open:c,onClose:l,onEscapeKeyDown:p,onPause:f,onResume:w,onSwipeStart:T,onSwipeMove:E,onSwipeCancel:h,onSwipeEnd:b,...C}=e,P=g(N,o),[R,j]=m.useState(null),L=n.useComposedRefs(t,e=>j(e)),F=m.useRef(null),_=m.useRef(null),k=a||P.duration,M=m.useRef(0),q=m.useRef(k),K=m.useRef(0),{onToastAdd:H,onToastRemove:O}=P,V=d.useCallbackRef(()=>{const e=R?.contains(document.activeElement);e&&P.viewport?.focus(),l()}),$=m.useCallback(e=>{e&&e!==1/0&&(window.clearTimeout(K.current),M.current=(new Date).getTime(),K.current=window.setTimeout(V,e))},[V]);m.useEffect(()=>{const e=P.viewport;if(e){const t=()=>{$(q.current),w?.()},r=()=>{const e=(new Date).getTime()-M.current;q.current=q.current-e,window.clearTimeout(K.current),f?.()};return e.addEventListener(D,r),e.addEventListener(S,t),()=>{e.removeEventListener(D,r),e.removeEventListener(S,t)}}},[P.viewport,k,f,w,$]),m.useEffect(()=>{c&&!P.isClosePausedRef.current&&$(k)},[c,k,P.isClosePausedRef,$]),m.useEffect(()=>(H(),()=>O()),[H,O]);const U=m.useMemo(()=>R?X(R):null,[R]);return P.viewport?v.jsxs(v.Fragment,{children:[U&&v.jsx(I,{__scopeToast:o,role:"status","aria-live":"foreground"===s?"assertive":"polite",children:U}),v.jsx(A,{scope:o,onClose:V,children:x.createPortal(v.jsx(y.ItemSlot,{scope:o,children:v.jsx(i.Root,{asChild:!0,onEscapeKeyDown:r.composeEventHandlers(p,()=>{P.isFocusedToastEscapeKeyDownRef.current||V(),P.isFocusedToastEscapeKeyDownRef.current=!1}),children:v.jsx(u.Primitive.li,{tabIndex:0,"data-state":c?"open":"closed","data-swipe-direction":P.swipeDirection,...C,ref:L,style:{userSelect:"none",touchAction:"none",...e.style},onKeyDown:r.composeEventHandlers(e.onKeyDown,e=>{"Escape"===e.key&&(p?.(e.nativeEvent),e.nativeEvent.defaultPrevented||(P.isFocusedToastEscapeKeyDownRef.current=!0,V()))}),onPointerDown:r.composeEventHandlers(e.onPointerDown,e=>{0===e.button&&(F.current={x:e.clientX,y:e.clientY})}),onPointerMove:r.composeEventHandlers(e.onPointerMove,e=>{if(!F.current)return;const t=e.clientX-F.current.x,r=e.clientY-F.current.y,n=Boolean(_.current),o=["left","right"].includes(P.swipeDirection),s=["left","up"].includes(P.swipeDirection)?Math.min:Math.max,i=o?s(0,t):0,a=o?0:s(0,r),c="touch"===e.pointerType?10:2,u={x:i,y:a},d={originalEvent:e,delta:u};n?(_.current=u,B("toast.swipeMove",E,d,{discrete:!1})):W(u,P.swipeDirection,c)?(_.current=u,B("toast.swipeStart",T,d,{discrete:!1}),e.target.setPointerCapture(e.pointerId)):(Math.abs(t)>c||Math.abs(r)>c)&&(F.current=null)}),onPointerUp:r.composeEventHandlers(e.onPointerUp,e=>{const t=_.current,r=e.target;if(r.hasPointerCapture(e.pointerId)&&r.releasePointerCapture(e.pointerId),_.current=null,F.current=null,t){const r=e.currentTarget,n={originalEvent:e,delta:t};W(t,P.swipeDirection,P.swipeThreshold)?B("toast.swipeEnd",b,n,{discrete:!0}):B("toast.swipeCancel",h,n,{discrete:!0}),r.addEventListener("click",e=>e.preventDefault(),{once:!0})}})})})}),P.viewport)})]}):null}),I=e=>{const{__scopeToast:t,children:r,...n}=e,o=g(N,t),[s,i]=m.useState(!1),[c,u]=m.useState(!1);return function(e=()=>{}){const t=d.useCallbackRef(e);p.useLayoutEffect(()=>{let e=0,r=0;return e=window.requestAnimationFrame(()=>r=window.requestAnimationFrame(t)),()=>{window.cancelAnimationFrame(e),window.cancelAnimationFrame(r)}},[t])}(()=>i(!0)),m.useEffect(()=>{const e=window.setTimeout(()=>u(!0),1e3);return()=>window.clearTimeout(e)},[]),c?null:v.jsx(a.Portal,{asChild:!0,children:v.jsx(f.VisuallyHidden,{...n,children:s&&v.jsxs(v.Fragment,{children:[o.label," ",r]})})})},K=m.forwardRef((e,t)=>{const{__scopeToast:r,...n}=e;return v.jsx(u.Primitive.div,{...n,ref:t})});K.displayName="ToastTitle";var H=m.forwardRef((e,t)=>{const{__scopeToast:r,...n}=e;return v.jsx(u.Primitive.div,{...n,ref:t})});H.displayName="ToastDescription";var O=m.forwardRef((e,t)=>{const{altText:r,...n}=e;return r.trim()?v.jsx(U,{altText:r,asChild:!0,children:v.jsx($,{...n,ref:t})}):null});O.displayName="ToastAction";var V="ToastClose",$=m.forwardRef((e,t)=>{const{__scopeToast:n,...o}=e,s=M(V,n);return v.jsx(U,{asChild:!0,children:v.jsx(u.Primitive.button,{type:"button",...o,ref:t,onClick:r.composeEventHandlers(e.onClick,s.onClose)})})});$.displayName=V;var U=m.forwardRef((e,t)=>{const{__scopeToast:r,altText:n,...o}=e;return v.jsx(u.Primitive.div,{"data-radix-toast-announce-exclude":"","data-radix-toast-announce-alt":n||void 0,...o,ref:t})});function X(e){const t=[];return Array.from(e.childNodes).forEach(e=>{if(e.nodeType===e.TEXT_NODE&&e.textContent&&t.push(e.textContent),function(e){return e.nodeType===e.ELEMENT_NODE}(e)){const r=e.ariaHidden||e.hidden||"none"===e.style.display,n=""===e.dataset.radixToastAnnounceExclude;if(!r)if(n){const r=e.dataset.radixToastAnnounceAlt;r&&t.push(r)}else t.push(...X(e))}}),t}function B(e,t,r,{discrete:n}){const o=r.originalEvent.currentTarget,s=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:r});t&&o.addEventListener(e,t,{once:!0}),n?u.dispatchDiscreteCustomEvent(o,s):o.dispatchEvent(s)}var W=(e,t,r=0)=>{const n=Math.abs(e.x),o=Math.abs(e.y),s=n>o;return"left"===t||"right"===t?s&&n>r:!s&&o>r};function Y(e){const t=[],r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{const t="INPUT"===e.tagName&&"hidden"===e.type;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;r.nextNode();)t.push(r.currentNode);return t}function z(e){const t=document.activeElement;return e.some(e=>e===t||(e.focus(),document.activeElement!==t))}var G=P,J=L,Q=k,Z=K,ee=H,te=O,re=$;exports.Action=te,exports.Close=re,exports.Description=ee,exports.Provider=G,exports.Root=Q,exports.Title=Z,exports.Toast=k,exports.ToastAction=O,exports.ToastClose=$,exports.ToastDescription=H,exports.ToastProvider=P,exports.ToastTitle=K,exports.ToastViewport=L,exports.Viewport=J;
package/dist/index83.js CHANGED
@@ -1,4 +1,4 @@
1
- import*as e from"react";import*as t from"react-dom";import{composeEventHandlers as r}from"./index105.js";import{useComposedRefs as n}from"./index106.js";import{createCollection as o}from"./index107.js";import{createContextScope as s}from"./index108.js";import{Branch as i,Root as a}from"./index109.js";import{Portal as c}from"./index110.js";import{Presence as d}from"./index111.js";import{Primitive as u,dispatchDiscreteCustomEvent as l}from"./index112.js";import{useCallbackRef as p}from"./index113.js";import{useControllableState as f}from"./index114.js";import{useLayoutEffect as m}from"./index115.js";import{VisuallyHidden as w}from"./index116.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"./index106.js";import{useComposedRefs as n}from"./index107.js";import{createCollection as o}from"./index108.js";import{createContextScope as s}from"./index109.js";import{Branch as i,Root as a}from"./index110.js";import{Portal as c}from"./index111.js";import{Presence as d}from"./index112.js";import{Primitive as u,dispatchDiscreteCustomEvent as l}from"./index113.js";import{useCallbackRef as p}from"./index114.js";import{useControllableState as f}from"./index115.js";import{useLayoutEffect as m}from"./index116.js";import{VisuallyHidden as w}from"./index117.js";import{jsx as v,jsxs as y,Fragment as T}from"react/jsx-runtime";var E="ToastProvider",[h,x,g]=o("Toast"),[C]=s("Toast",[g]),[b,R]=C(E),P=t=>{const{__scopeToast:r,label:n="Notification",duration:o=5e3,swipeDirection:s="right",swipeThreshold:i=50,children:a}=t,[c,d]=e.useState(null),[u,l]=e.useState(0),p=e.useRef(!1),f=e.useRef(!1);return n.trim(),/* @__PURE__ */v(h.Provider,{scope:r,children:/* @__PURE__ */v(b,{scope:r,label:n,duration:o,swipeDirection:s,swipeThreshold:i,toastCount:u,viewport:c,onViewportChange:d,onToastAdd:e.useCallback(()=>l(e=>e+1),[]),onToastRemove:e.useCallback(()=>l(e=>e-1),[]),isFocusedToastEscapeKeyDownRef:p,isClosePausedRef:f,children:a})})};P.displayName=E;var D="ToastViewport",L=["F8"],S="toast.viewportPause",_="toast.viewportResume",F=e.forwardRef((t,r)=>{const{__scopeToast:o,hotkey:s=L,label:a="Notifications ({hotkey})",...c}=t,d=R(D,o),l=x(o),p=e.useRef(null),f=e.useRef(null),m=e.useRef(null),w=e.useRef(null),T=n(r,w,d.onViewportChange),E=s.join("+").replace(/Key/g,"").replace(/Digit/g,""),g=d.toastCount>0;e.useEffect(()=>{const e=e=>{0!==s.length&&s.every(t=>e[t]||e.code===t)&&w.current?.focus()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[s]),e.useEffect(()=>{const e=p.current,t=w.current;if(g&&e&&t){const r=()=>{if(!d.isClosePausedRef.current){const e=new CustomEvent(S);t.dispatchEvent(e),d.isClosePausedRef.current=!0}},n=()=>{if(d.isClosePausedRef.current){const e=new CustomEvent(_);t.dispatchEvent(e),d.isClosePausedRef.current=!1}},o=t=>{!e.contains(t.relatedTarget)&&n()},s=()=>{e.contains(document.activeElement)||n()};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointermove",r),e.addEventListener("pointerleave",s),window.addEventListener("blur",r),window.addEventListener("focus",n),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointermove",r),e.removeEventListener("pointerleave",s),window.removeEventListener("blur",r),window.removeEventListener("focus",n)}}},[g,d.isClosePausedRef]);const C=e.useCallback(({tabbingDirection:e})=>{const t=l().map(t=>{const r=t.ref.current,n=[r,...z(r)];return"forwards"===e?n:n.reverse()});return("forwards"===e?t.reverse():t).flat()},[l]);return e.useEffect(()=>{const e=w.current;if(e){const t=t=>{const r=t.altKey||t.ctrlKey||t.metaKey;if("Tab"===t.key&&!r){const r=document.activeElement,n=t.shiftKey;if(t.target===e&&n)return void f.current?.focus();const o=C({tabbingDirection:n?"backwards":"forwards"}),s=o.findIndex(e=>e===r);G(o.slice(s+1))?t.preventDefault():n?f.current?.focus():m.current?.focus()}};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}},[l,C]),/* @__PURE__ */y(i,{ref:p,role:"region","aria-label":a.replace("{hotkey}",E),tabIndex:-1,style:{pointerEvents:g?void 0:"none"},children:[g&&/* @__PURE__ */v(k,{ref:f,onFocusFromOutsideViewport:()=>{G(C({tabbingDirection:"forwards"}))}}),
2
2
  /* @__PURE__ */v(h.Slot,{scope:o,children:/* @__PURE__ */v(u.ol,{tabIndex:-1,...c,ref:T})}),g&&/* @__PURE__ */v(k,{ref:m,onFocusFromOutsideViewport:()=>{G(C({tabbingDirection:"backwards"}))}})]})});F.displayName=D;var N="ToastFocusProxy",k=e.forwardRef((e,t)=>{const{__scopeToast:r,onFocusFromOutsideViewport:n,...o}=e,s=R(N,r);/* @__PURE__ */
3
3
  return v(w,{tabIndex:0,...o,ref:t,style:{position:"fixed"},onFocus:e=>{const t=e.relatedTarget;!s.viewport?.contains(t)&&n()}})});k.displayName=N;var A="Toast",I=e.forwardRef((e,t)=>{const{forceMount:n,open:o,defaultOpen:s,onOpenChange:i,...a}=e,[c,u]=f({prop:o,defaultProp:s??!0,onChange:i,caller:A});/* @__PURE__ */
4
4
  return v(d,{present:n||c,children:/* @__PURE__ */v(j,{open:c,...a,ref:t,onClose:()=>u(!1),onPause:p(e.onPause),onResume:p(e.onResume),onSwipeStart:r(e.onSwipeStart,e=>{e.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:r(e.onSwipeMove,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","move"),e.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${r}px`)}),onSwipeCancel:r(e.onSwipeCancel,e=>{e.currentTarget.setAttribute("data-swipe","cancel"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:r(e.onSwipeEnd,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","end"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${r}px`),u(!1)})})})});I.displayName=A;var[M,K]=C(A,{onClose(){}}),j=e.forwardRef((o,s)=>{const{__scopeToast:i,type:c="foreground",duration:d,open:l,onClose:f,onEscapeKeyDown:m,onPause:w,onResume:E,onSwipeStart:x,onSwipeMove:g,onSwipeCancel:C,onSwipeEnd:b,...P}=o,D=R(A,i),[L,F]=e.useState(null),N=n(s,e=>F(e)),k=e.useRef(null),I=e.useRef(null),K=d||D.duration,j=e.useRef(0),V=e.useRef(K),$=e.useRef(0),{onToastAdd:U,onToastRemove:X}=D,q=p(()=>{const e=L?.contains(document.activeElement);e&&D.viewport?.focus(),f()}),H=e.useCallback(e=>{e&&e!==1/0&&(window.clearTimeout($.current),j.current=/* @__PURE__ */(new Date).getTime(),$.current=window.setTimeout(q,e))},[q]);e.useEffect(()=>{const e=D.viewport;if(e){const t=()=>{H(V.current),E?.()},r=()=>{const e=/* @__PURE__ */(new Date).getTime()-j.current;V.current=V.current-e,window.clearTimeout($.current),w?.()};return e.addEventListener(S,r),e.addEventListener(_,t),()=>{e.removeEventListener(S,r),e.removeEventListener(_,t)}}},[D.viewport,K,w,E,H]),e.useEffect(()=>{l&&!D.isClosePausedRef.current&&H(K)},[l,K,D.isClosePausedRef,H]),e.useEffect(()=>(U(),()=>X()),[U,X]);const z=e.useMemo(()=>L?W(L):null,[L]);return D.viewport?/* @__PURE__ */y(T,{children:[z&&/* @__PURE__ */v(O,{__scopeToast:i,role:"status","aria-live":"foreground"===c?"assertive":"polite",children:z}),
package/dist/index96.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["relative w-full min-h-[100dvh] flex flex-col","bg-[var(--color-bg)]"].join(" "),r=["fixed inset-0 z-0 pointer-events-none","bg-[var(--color-bg-auth)]","max-lg:[background-image:var(--gradient-auth-bg-mobile)]","lg:[background-image:var(--gradient-auth-bg)]"].join(" "),t=["max-sm:flex-1 max-sm:justify-center max-sm:min-w-0","max-sm:[&>*]:shrink-0","max-lg:flex-1 max-lg:justify-center max-lg:min-w-0 max-lg:[&>*]:shrink-0"].join(" "),o=["relative z-10 shrink-0 flex flex-row items-center lg:justify-between bg-transparent border-0 border-none","h-[5.3125rem] px-8 gap-[7.5rem]","max-sm:h-auto max-sm:min-h-[3.125rem] max-sm:py-5 max-sm:px-4 max-sm:gap-0 max-sm:justify-center"].join(" "),a=["flex items-center shrink-0 min-w-0 border-0 border-none","h-8 max-w-[11.875rem] max-lg:h-7 max-lg:max-w-[10rem] max-md:h-7 max-md:max-w-[9.875rem]","[&_img]:h-full [&_img]:w-auto [&_img]:max-w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-auto [&_svg]:max-w-full [&_svg]:object-contain"].join(" "),n=["cursor-pointer bg-transparent p-0 inline-flex","auth-logo-focus"].join(" "),s=["flex items-center shrink-0 border-0 border-none","gap-[var(--spacing-3)]","motion-reduce:[&_button]:!transition-none"].join(" ");exports.backgroundStyles=r,exports.headerBaseStyles=o,exports.headerDesktopLayoutAlwaysStyles="max-sm:justify-between max-lg:justify-between",exports.headerMobileLogoCenterStyles="max-lg:justify-center",exports.headerWithNavStyles="!border-b !border-[rgba(0,165,187,0.19)] !border-solid",exports.logoButtonStyles=n,exports.logoWrapperBaseStyles=a,exports.logoWrapperMobileCenterStyles=t,exports.menuWrapperStyles=s,exports.navWrapperStyles="flex items-center max-lg:hidden",exports.rootStyles=e;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=["relative w-full min-h-[100dvh] flex flex-col","bg-[var(--color-bg)]"].join(" "),r=["fixed inset-0 z-0 pointer-events-none","bg-[var(--color-bg-auth)]","max-lg:[background-image:var(--gradient-auth-bg-mobile)]","lg:[background-image:var(--gradient-auth-bg)]"].join(" "),t=["max-sm:flex-1 max-sm:justify-center max-sm:min-w-0","max-sm:[&>*]:shrink-0","max-lg:flex-1 max-lg:justify-center max-lg:min-w-0 max-lg:[&>*]:shrink-0"].join(" "),o=["relative z-10 shrink-0 flex flex-row items-center lg:justify-between bg-transparent border-0 border-none","h-[5.3125rem] px-8","max-sm:h-auto max-sm:min-h-[3.125rem] max-sm:py-5 max-sm:px-4 max-sm:gap-0 max-sm:justify-center"].join(" "),a=["flex items-center shrink-0 min-w-0 border-0 border-none","h-8 max-w-[11.875rem] max-lg:h-7 max-lg:max-w-[10rem] max-md:h-7 max-md:max-w-[9.875rem]","[&_img]:h-full [&_img]:w-auto [&_img]:max-w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-auto [&_svg]:max-w-full [&_svg]:object-contain"].join(" "),n=["cursor-pointer bg-transparent p-0 inline-flex","auth-logo-focus"].join(" "),s=["flex items-center shrink-0 border-0 border-none","gap-[var(--spacing-3)]","lg:w-[11.875rem] lg:justify-end","motion-reduce:[&_button]:!transition-none"].join(" ");exports.backgroundStyles=r,exports.headerBaseStyles=o,exports.headerDesktopLayoutAlwaysStyles="max-sm:justify-between max-lg:justify-between",exports.headerMobileLogoCenterStyles="max-lg:justify-center",exports.headerWithNavStyles="!border-b !border-[rgba(0,165,187,0.19)] !border-solid",exports.logoButtonStyles=n,exports.logoWrapperBaseStyles=a,exports.logoWrapperMobileCenterStyles=t,exports.menuWrapperStyles=s,exports.navWrapperStyles="flex items-center max-lg:hidden",exports.rootStyles=e;
package/dist/index96.js CHANGED
@@ -1 +1 @@
1
- const e=["relative w-full min-h-[100dvh] flex flex-col","bg-[var(--color-bg)]"].join(" "),m=["fixed inset-0 z-0 pointer-events-none","bg-[var(--color-bg-auth)]","max-lg:[background-image:var(--gradient-auth-bg-mobile)]","lg:[background-image:var(--gradient-auth-bg)]"].join(" "),n="max-lg:justify-center",r="max-sm:justify-between max-lg:justify-between",a=["max-sm:flex-1 max-sm:justify-center max-sm:min-w-0","max-sm:[&>*]:shrink-0","max-lg:flex-1 max-lg:justify-center max-lg:min-w-0 max-lg:[&>*]:shrink-0"].join(" "),i=["relative z-10 shrink-0 flex flex-row items-center lg:justify-between bg-transparent border-0 border-none","h-[5.3125rem] px-8 gap-[7.5rem]","max-sm:h-auto max-sm:min-h-[3.125rem] max-sm:py-5 max-sm:px-4 max-sm:gap-0 max-sm:justify-center"].join(" "),t=["flex items-center shrink-0 min-w-0 border-0 border-none","h-8 max-w-[11.875rem] max-lg:h-7 max-lg:max-w-[10rem] max-md:h-7 max-md:max-w-[9.875rem]","[&_img]:h-full [&_img]:w-auto [&_img]:max-w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-auto [&_svg]:max-w-full [&_svg]:object-contain"].join(" "),o=["cursor-pointer bg-transparent p-0 inline-flex","auth-logo-focus"].join(" "),x=["flex items-center shrink-0 border-0 border-none","gap-[var(--spacing-3)]","motion-reduce:[&_button]:!transition-none"].join(" "),l="!border-b !border-[rgba(0,165,187,0.19)] !border-solid",s="flex items-center max-lg:hidden";export{m as backgroundStyles,i as headerBaseStyles,r as headerDesktopLayoutAlwaysStyles,n as headerMobileLogoCenterStyles,l as headerWithNavStyles,o as logoButtonStyles,t as logoWrapperBaseStyles,a as logoWrapperMobileCenterStyles,x as menuWrapperStyles,s as navWrapperStyles,e as rootStyles};
1
+ const e=["relative w-full min-h-[100dvh] flex flex-col","bg-[var(--color-bg)]"].join(" "),m=["fixed inset-0 z-0 pointer-events-none","bg-[var(--color-bg-auth)]","max-lg:[background-image:var(--gradient-auth-bg-mobile)]","lg:[background-image:var(--gradient-auth-bg)]"].join(" "),n="max-lg:justify-center",r="max-sm:justify-between max-lg:justify-between",a=["max-sm:flex-1 max-sm:justify-center max-sm:min-w-0","max-sm:[&>*]:shrink-0","max-lg:flex-1 max-lg:justify-center max-lg:min-w-0 max-lg:[&>*]:shrink-0"].join(" "),i=["relative z-10 shrink-0 flex flex-row items-center lg:justify-between bg-transparent border-0 border-none","h-[5.3125rem] px-8","max-sm:h-auto max-sm:min-h-[3.125rem] max-sm:py-5 max-sm:px-4 max-sm:gap-0 max-sm:justify-center"].join(" "),t=["flex items-center shrink-0 min-w-0 border-0 border-none","h-8 max-w-[11.875rem] max-lg:h-7 max-lg:max-w-[10rem] max-md:h-7 max-md:max-w-[9.875rem]","[&_img]:h-full [&_img]:w-auto [&_img]:max-w-full [&_img]:object-contain [&_svg]:h-full [&_svg]:w-auto [&_svg]:max-w-full [&_svg]:object-contain"].join(" "),o=["cursor-pointer bg-transparent p-0 inline-flex","auth-logo-focus"].join(" "),l=["flex items-center shrink-0 border-0 border-none","gap-[var(--spacing-3)]","lg:w-[11.875rem] lg:justify-end","motion-reduce:[&_button]:!transition-none"].join(" "),s="!border-b !border-[rgba(0,165,187,0.19)] !border-solid",x="flex items-center max-lg:hidden";export{m as backgroundStyles,i as headerBaseStyles,r as headerDesktopLayoutAlwaysStyles,n as headerMobileLogoCenterStyles,s as headerWithNavStyles,o as logoButtonStyles,t as logoWrapperBaseStyles,a as logoWrapperMobileCenterStyles,l as menuWrapperStyles,x as navWrapperStyles,e as rootStyles};
@@ -1 +1 @@
1
- {"version":3,"file":"MenuIconButton.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/menu-icon-button/MenuIconButton.component.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAYlE,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAYlE,eAAO,MAAM,cAAc,mHA0E1B,CAAC"}
1
+ {"version":3,"file":"MenuIconButton.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/menu-icon-button/MenuIconButton.component.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAYlE,YAAY,EAAE,mBAAmB,EAAE,MAAM,wBAAwB,CAAC;AAYlE,eAAO,MAAM,cAAc,mHA6E1B,CAAC"}
@@ -1,12 +1,15 @@
1
- /** Border via .menu-icon-button-border-mask::before (hidden in two 45° segments). Glass fill + outer shadow only here. */
1
+ /** Border via .menu-icon-button-border-mask::before (hidden in two 45° segments).
2
+ * Color overlay (::after) + per-state shadows live in effects.css and key off
3
+ * [aria-pressed] and the optional .menu-icon-button-initials class. */
2
4
  /** Mobile/tablet: 2.5rem; desktop (lg+): 3.125rem. Radius via --menu-icon-button-radius for mask. */
3
5
  export declare const baseStyles: string;
4
- export declare const selectedStyles: string;
6
+ /** Selected styling is driven entirely by [aria-pressed='true'] in effects.css. */
7
+ export declare const selectedStyles = "";
5
8
  /** Icon: 1.25rem × 1.25rem on all breakpoints. */
6
9
  export declare const iconBaseStyles: string;
7
10
  export declare const iconHoverStyles = "group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]";
8
- export declare const iconSelectedStyles = "text-[var(--Path-Colors-Black-01,#191A39)]";
11
+ export declare const iconSelectedStyles = "text-[var(--Path-Colors-Advanced,#329CB2)]";
9
12
  export declare const initialsBaseStyles: string;
10
13
  export declare const initialsHoverStyles = "group-hover:group-enabled:text-[var(--Path-Colors-Advanced,#329CB2)]";
11
- export declare const initialsSelectedStyles = "text-[var(--Path-Colors-Black-01,#191A39)]";
14
+ export declare const initialsSelectedStyles = "text-[var(--Path-Colors-Advanced,#329CB2)]";
12
15
  //# sourceMappingURL=MenuIconButton.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"MenuIconButton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/menu-icon-button/MenuIconButton.styles.ts"],"names":[],"mappings":"AAAA,0HAA0H;AAC1H,qGAAqG;AACrG,eAAO,MAAM,UAAU,QAeZ,CAAC;AAEZ,eAAO,MAAM,cAAc,QAGhB,CAAC;AAEZ,kDAAkD;AAClD,eAAO,MAAM,cAAc,QAOhB,CAAC;AAEZ,eAAO,MAAM,eAAe,yEAC4C,CAAC;AACzE,eAAO,MAAM,kBAAkB,+CAA+C,CAAC;AAE/E,eAAO,MAAM,kBAAkB,QAKpB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,yEACwC,CAAC;AACzE,eAAO,MAAM,sBAAsB,+CAA+C,CAAC"}
1
+ {"version":3,"file":"MenuIconButton.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/menu-icon-button/MenuIconButton.styles.ts"],"names":[],"mappings":"AAAA;;mFAEmF;AACnF,qGAAqG;AACrG,eAAO,MAAM,UAAU,QAYZ,CAAC;AAEZ,mFAAmF;AACnF,eAAO,MAAM,cAAc,KAAK,CAAC;AAEjC,kDAAkD;AAClD,eAAO,MAAM,cAAc,QAOhB,CAAC;AAEZ,eAAO,MAAM,eAAe,yEAC4C,CAAC;AACzE,eAAO,MAAM,kBAAkB,+CAA+C,CAAC;AAE/E,eAAO,MAAM,kBAAkB,QAKpB,CAAC;AAEZ,eAAO,MAAM,mBAAmB,yEACwC,CAAC;AACzE,eAAO,MAAM,sBAAsB,+CAA+C,CAAC"}
@@ -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,8GA4VxB,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;AA4ClF,eAAO,MAAM,YAAY,8GA4VxB,CAAC;AAIF,YAAY,EAAE,kBAAkB,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}
@@ -2,7 +2,6 @@ export declare const wrapperStyles = "flex flex-col gap-2 relative w-auto items-
2
2
  export declare const wrapperFullWidthStyles = "w-full";
3
3
  export declare const labelStyles = "text-base font-normal leading-none text-[var(--color-grey-07)] text-start w-full";
4
4
  export declare const labelErrorStyles = "text-[var(--color-error)]";
5
- export declare const labelDisabledStyles = "opacity-50";
6
5
  export declare const triggerStyles: string;
7
6
  export declare const triggerOpenStyles = "border-[var(--color-button-blue)]";
8
7
  export declare const triggerErrorStyles = "border-[var(--color-error)] hover:border-[var(--color-error)] focus-within:border-[var(--color-error)]";