@adam-milo/ui 1.0.110 → 1.0.112

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 (69) hide show
  1. package/dist/index104.cjs +1 -1
  2. package/dist/index104.js +1 -5
  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 +3 -1
  9. package/dist/index108.cjs +1 -1
  10. package/dist/index108.js +2 -3
  11. package/dist/index109.cjs +1 -1
  12. package/dist/index109.js +1 -2
  13. package/dist/index110.cjs +1 -1
  14. package/dist/index110.js +1 -1
  15. package/dist/index111.cjs +1 -1
  16. package/dist/index111.js +1 -1
  17. package/dist/index112.cjs +1 -1
  18. package/dist/index112.js +1 -1
  19. package/dist/index113.cjs +1 -1
  20. package/dist/index113.js +1 -1
  21. package/dist/index114.cjs +1 -1
  22. package/dist/index114.js +1 -1
  23. package/dist/index115.cjs +1 -1
  24. package/dist/index115.js +1 -1
  25. package/dist/index116.cjs +1 -1
  26. package/dist/index116.js +1 -1
  27. package/dist/index117.cjs +1 -1
  28. package/dist/index117.js +5 -1
  29. package/dist/index118.cjs +1 -1
  30. package/dist/index118.js +1 -1
  31. package/dist/index119.cjs +1 -1
  32. package/dist/index119.js +1 -1
  33. package/dist/index120.cjs +1 -1
  34. package/dist/index120.js +1 -1
  35. package/dist/index121.cjs +1 -1
  36. package/dist/index121.js +1 -1
  37. package/dist/index123.cjs +1 -1
  38. package/dist/index123.js +1 -1
  39. package/dist/index124.cjs +1 -1
  40. package/dist/index124.js +1 -1
  41. package/dist/index13.cjs +1 -1
  42. package/dist/index13.js +9 -9
  43. package/dist/index14.cjs +1 -1
  44. package/dist/index14.js +10 -10
  45. package/dist/index30.cjs +1 -1
  46. package/dist/index30.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/index73.cjs +1 -1
  54. package/dist/index73.js +1 -1
  55. package/dist/index83.cjs +1 -1
  56. package/dist/index83.js +1 -1
  57. package/dist/src/components/forms/controlled/select/ControlledSelect.component.d.ts.map +1 -1
  58. package/dist/src/components/forms/controlled/select/ControlledSelect.types.d.ts +7 -0
  59. package/dist/src/components/forms/controlled/select/ControlledSelect.types.d.ts.map +1 -1
  60. package/dist/src/components/forms/phone-input/PhoneInput.component.d.ts.map +1 -1
  61. package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts +9 -4
  62. package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts.map +1 -1
  63. package/dist/src/components/forms/select/Select.component.d.ts.map +1 -1
  64. package/dist/src/components/forms/select/Select.styles.d.ts +11 -2
  65. package/dist/src/components/forms/select/Select.styles.d.ts.map +1 -1
  66. package/dist/src/components/forms/select/Select.types.d.ts +8 -1
  67. package/dist/src/components/forms/select/Select.types.d.ts.map +1 -1
  68. package/dist/styles.css +1 -1
  69. package/package.json +1 -1
package/dist/index124.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./index116.cjs");function r(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const o=r(e);exports.useSize=function(e){const[r,i]=o.useState(void 0);return t.useLayoutEffect(()=>{if(e){i({width:e.offsetWidth,height:e.offsetHeight});const t=new ResizeObserver(t=>{if(!Array.isArray(t))return;if(!t.length)return;const r=t[0];let o,n;if("borderBoxSize"in r){const e=r.borderBoxSize,t=Array.isArray(e)?e[0]:e;o=t.inlineSize,n=t.blockSize}else o=e.offsetWidth,n=e.offsetHeight;i({width:o,height:n})});return t.observe(e,{box:"border-box"}),()=>t.unobserve(e)}i(void 0)},[e]),r};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("./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};
package/dist/index124.js CHANGED
@@ -1 +1 @@
1
- import*as e from"react";import{useLayoutEffect as r}from"./index116.js";function t(t){const[i,o]=e.useState(void 0);return r(()=>{if(t){o({width:t.offsetWidth,height:t.offsetHeight});const e=new ResizeObserver(e=>{if(!Array.isArray(e))return;if(!e.length)return;const r=e[0];let i,s;if("borderBoxSize"in r){const e=r.borderBoxSize,t=Array.isArray(e)?e[0]:e;i=t.inlineSize,s=t.blockSize}else i=t.offsetWidth,s=t.offsetHeight;o({width:i,height:s})});return e.observe(t,{box:"border-box"}),()=>e.unobserve(t)}o(void 0)},[t]),i}export{t as useSize};
1
+ import*as e from"react";import{useLayoutEffect as r}from"./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};
package/dist/index13.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("@radix-ui/react-select"),a=require("./index57.cjs"),s=require("./index69.cjs");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const c=l(r),i=c.Root,d=t.forwardRef(({className:r,children:l,label:i,error:d,helperText:n,fullWidth:o=!1,hasValue:p=!1,placeholder:g,id:u,"data-cy":y,"data-testid":h,disabled:m,required:S,...x},f)=>{const b=t.useId(),j=u||b,N=`${j}-label`,$=`${j}-error`,w=`${j}-helper`,v=y||"select-trigger",L=h||"select-trigger",q=i&&S&&!i.includes("*")?`${i} *`:i;return e.jsxs("div",{className:a.cn(s.triggerWrapperStyles,o&&s.triggerWrapperFullWidthStyles),"data-cy":`${v}-wrapper`,"data-testid":`${L}-wrapper`,children:[i&&e.jsx("label",{id:N,htmlFor:j,className:a.cn(s.triggerLabelStyles,d&&s.triggerLabelErrorStyles,m&&s.triggerLabelDisabledStyles),"data-cy":`${v}-label`,"data-testid":`${L}-label`,children:q}),e.jsxs(c.Trigger,{ref:f,id:j,className:a.cn(s.triggerButtonStyles,d&&s.triggerButtonErrorStyles,!p&&s.triggerButtonPlaceholderStyles,r),"aria-invalid":d?"true":"false","aria-describedby":d?$:n?w:void 0,"aria-labelledby":i?N:void 0,"aria-required":S?"true":void 0,"data-cy":v,"data-testid":L,disabled:m,...x,children:[e.jsx("span",{className:s.triggerValueStyles,children:p?l:e.jsx("span",{"data-cy":`${v}-placeholder`,"data-testid":`${L}-placeholder`,children:g||i})}),e.jsx(c.Icon,{className:s.triggerIconStyles,"data-cy":`${v}-icon`,"data-testid":`${L}-icon`,children: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"})})})]}),d&&e.jsx("span",{id:$,className:s.triggerErrorStyles,role:"alert","data-cy":`${v}-error`,"data-testid":`${L}-error`,children:d}),n&&!d&&e.jsx("span",{id:w,className:s.triggerHelperStyles,"data-cy":`${v}-helper`,"data-testid":`${L}-helper`,children:n})]})});d.displayName="SelectTrigger";const n=c.Value,o=t.forwardRef(({className:t,children:r,position:l="popper","data-cy":i,"data-testid":d,...n},o)=>{const p=i||"select-content",g=d||"select-content";return e.jsx(c.Portal,{children:e.jsx(c.Content,{ref:o,className:a.cn(s.contentStyles,t),position:l,sideOffset:0,"data-cy":p,"data-testid":g,...n,children:e.jsx(c.Viewport,{className:s.viewportStyles,children:r})})})});o.displayName="SelectContent";const p=t.forwardRef(({className:t,children:r,value:l,flag:i,"data-cy":d,"data-testid":n,...o},p)=>{const g=d||`select-item-${l}`,u=n||`select-item-${l}`;return e.jsx(c.Item,{ref:p,className:a.cn(s.itemStyles,t),value:l,"data-cy":g,"data-testid":u,...o,children:e.jsx(c.ItemText,{children:e.jsxs("span",{className:"inline-flex items-center gap-3",children:[i&&e.jsx("span",{className:s.itemFlagStyles,"aria-hidden":"true",children:i}),r]})})})});p.displayName="SelectItem";const g=c.Group,u=t.forwardRef(({className:t,"data-cy":r,"data-testid":l,...i},d)=>{const n=r||"select-label",o=l||"select-label";return e.jsx(c.Label,{ref:d,className:a.cn(s.labelStyles,t),"data-cy":n,"data-testid":o,...i})});u.displayName="SelectLabel";const y=t.forwardRef(({className:t,"data-cy":r,"data-testid":l,...i},d)=>{const n=r||"select-separator",o=l||"select-separator";return e.jsx(c.Separator,{ref:d,className:a.cn(s.separatorStyles,t),"data-cy":n,"data-testid":o,...i})});y.displayName="SelectSeparator",exports.Select=i,exports.SelectContent=o,exports.SelectGroup=g,exports.SelectItem=p,exports.SelectLabel=u,exports.SelectSeparator=y,exports.SelectTrigger=d,exports.SelectValue=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@radix-ui/react-select"),r=require("./index57.cjs"),s=require("./index69.cjs");function l(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const a in e)if("default"!==a){const r=Object.getOwnPropertyDescriptor(e,a);Object.defineProperty(t,a,r.get?r:{enumerable:!0,get:()=>e[a]})}return t.default=e,Object.freeze(t)}const i=l(a),c=i.Root,d=t.forwardRef(({className:a,children:l,label:c,error:d,helperText:n,fullWidth:o=!1,hasValue:p=!1,placeholder:g,id:u,"data-cy":y,"data-testid":h,disabled:m,required:S,...x},f)=>{const b=t.useId(),j=u||b,N=`${j}-label`,$=`${j}-error`,w=`${j}-helper`,v=y||"select-trigger",L=h||"select-trigger",I=c&&S&&!c.includes("*")?`${c} *`:c;return e.jsxs("div",{className:r.cn(s.triggerWrapperStyles,o&&s.triggerWrapperFullWidthStyles),"data-cy":`${v}-wrapper`,"data-testid":`${L}-wrapper`,children:[c&&e.jsx("label",{id:N,htmlFor:j,className:r.cn(s.triggerLabelStyles,d&&s.triggerLabelErrorStyles,m&&s.triggerLabelDisabledStyles),"data-cy":`${v}-label`,"data-testid":`${L}-label`,children:I}),e.jsxs(i.Trigger,{ref:f,id:j,className:r.cn(s.triggerButtonStyles,d&&s.triggerButtonErrorStyles,!p&&s.triggerButtonPlaceholderStyles,a),"aria-invalid":d?"true":"false","aria-describedby":d?$:n?w:void 0,"aria-labelledby":c?N:void 0,"aria-required":S?"true":void 0,"data-cy":v,"data-testid":L,disabled:m,...x,children:[e.jsx("span",{className:s.triggerValueStyles,children:p?l:e.jsx("span",{"data-cy":`${v}-placeholder`,"data-testid":`${L}-placeholder`,children:g||c})}),e.jsx(i.Icon,{className:s.triggerIconStyles,"data-cy":`${v}-icon`,"data-testid":`${L}-icon`,children: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"})})})]}),d&&e.jsx("span",{id:$,className:s.triggerErrorStyles,role:"alert","data-cy":`${v}-error`,"data-testid":`${L}-error`,children:d}),n&&!d&&e.jsx("span",{id:w,className:s.triggerHelperStyles,"data-cy":`${v}-helper`,"data-testid":`${L}-helper`,children:n})]})});d.displayName="SelectTrigger";const n=i.Value,o=t.forwardRef(({className:t,children:a,position:l="popper","data-cy":c,"data-testid":d,...n},o)=>{const p=c||"select-content",g=d||"select-content";return e.jsx(i.Portal,{children:e.jsx(i.Content,{ref:o,className:r.cn(s.contentStyles,t),position:l,sideOffset:0,"data-cy":p,"data-testid":g,...n,children:e.jsx(i.Viewport,{className:s.viewportStyles,children:a})})})});o.displayName="SelectContent";const p=t.forwardRef(({className:t,children:a,value:l,flag:c,icon:d,"data-cy":n,"data-testid":o,...p},g)=>{const u=n||`select-item-${l}`,y=o||`select-item-${l}`;return e.jsx(i.Item,{ref:g,className:r.cn(s.itemStyles,t),value:l,"data-cy":u,"data-testid":y,...p,children:e.jsx(i.ItemText,{children:e.jsxs("span",{className:"inline-flex items-center gap-3",children:[d&&e.jsx("span",{className:s.itemIconStyles,"aria-hidden":"true","data-cy":`${u}-icon`,"data-testid":`${y}-icon`,children:d}),c&&e.jsx("span",{className:s.itemFlagStyles,"aria-hidden":"true",children:c}),a]})})})});p.displayName="SelectItem";const g=i.Group,u=t.forwardRef(({className:t,"data-cy":a,"data-testid":l,...c},d)=>{const n=a||"select-label",o=l||"select-label";return e.jsx(i.Label,{ref:d,className:r.cn(s.labelStyles,t),"data-cy":n,"data-testid":o,...c})});u.displayName="SelectLabel";const y=t.forwardRef(({className:t,"data-cy":a,"data-testid":l,...c},d)=>{const n=a||"select-separator",o=l||"select-separator";return e.jsx(i.Separator,{ref:d,className:r.cn(s.separatorStyles,t),"data-cy":n,"data-testid":o,...c})});y.displayName="SelectSeparator",exports.Select=c,exports.SelectContent=o,exports.SelectGroup=g,exports.SelectItem=p,exports.SelectLabel=u,exports.SelectSeparator=y,exports.SelectTrigger=d,exports.SelectValue=n;
package/dist/index13.js CHANGED
@@ -1,9 +1,9 @@
1
- import{jsx as e,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useId as r}from"react";import*as l from"@radix-ui/react-select";import{cn as s}from"./index57.js";import{viewportStyles as d,itemFlagStyles as i,triggerValueStyles as c,triggerIconStyles as n,triggerErrorStyles as o,triggerHelperStyles as m,triggerLabelDisabledStyles as p,triggerLabelErrorStyles as h,triggerLabelStyles as N,triggerButtonPlaceholderStyles as u,triggerButtonErrorStyles as y,triggerButtonStyles as $,triggerWrapperFullWidthStyles as f,triggerWrapperStyles as b,contentStyles as g,itemStyles as v,labelStyles as x,separatorStyles as w}from"./index69.js";const S=l.Root,L=t(({className:t,children:d,label:i,error:g,helperText:v,fullWidth:x=!1,hasValue:w=!1,placeholder:S,id:L,"data-cy":j,"data-testid":k,disabled:I,required:T,...C},V)=>{const q=r(),W=L||q,B=`${W}-label`,F=`${W}-error`,G=`${W}-helper`,M=j||"select-trigger",O=k||"select-trigger",P=i&&T&&!i.includes("*")?`${i} *`:i;/* @__PURE__ */
2
- return a("div",{className:s(b,x&&f),"data-cy":`${M}-wrapper`,"data-testid":`${O}-wrapper`,children:[i&&/* @__PURE__ */e("label",{id:B,htmlFor:W,className:s(N,g&&h,I&&p),"data-cy":`${M}-label`,"data-testid":`${O}-label`,children:P}),
3
- /* @__PURE__ */a(l.Trigger,{ref:V,id:W,className:s($,g&&y,!w&&u,t),"aria-invalid":g?"true":"false","aria-describedby":g?F:v?G:void 0,"aria-labelledby":i?B:void 0,"aria-required":T?"true":void 0,"data-cy":M,"data-testid":O,disabled:I,...C,children:[
4
- /* @__PURE__ */e("span",{className:c,children:w?d:/* @__PURE__ */e("span",{"data-cy":`${M}-placeholder`,"data-testid":`${O}-placeholder`,children:S||i})}),
5
- /* @__PURE__ */e(l.Icon,{className:n,"data-cy":`${M}-icon`,"data-testid":`${O}-icon`,children:/* @__PURE__ */e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:/* @__PURE__ */e("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),g&&/* @__PURE__ */e("span",{id:F,className:o,role:"alert","data-cy":`${M}-error`,"data-testid":`${O}-error`,children:g}),v&&!g&&/* @__PURE__ */e("span",{id:G,className:m,"data-cy":`${M}-helper`,"data-testid":`${O}-helper`,children:v})]})});L.displayName="SelectTrigger";const j=l.Value,k=t(({className:a,children:t,position:r="popper","data-cy":i,"data-testid":c,...n},o)=>{const m=i||"select-content",p=c||"select-content";/* @__PURE__ */
6
- return e(l.Portal,{children:/* @__PURE__ */e(l.Content,{ref:o,className:s(g,a),position:r,sideOffset:0,"data-cy":m,"data-testid":p,...n,children:/* @__PURE__ */e(l.Viewport,{className:d,children:t})})})});k.displayName="SelectContent";const I=t(({className:t,children:r,value:d,flag:c,"data-cy":n,"data-testid":o,...m},p)=>{const h=n||`select-item-${d}`,N=o||`select-item-${d}`;/* @__PURE__ */
7
- return e(l.Item,{ref:p,className:s(v,t),value:d,"data-cy":h,"data-testid":N,...m,children:/* @__PURE__ */e(l.ItemText,{children:/* @__PURE__ */a("span",{className:"inline-flex items-center gap-3",children:[c&&/* @__PURE__ */e("span",{className:i,"aria-hidden":"true",children:c}),r]})})})});I.displayName="SelectItem";const T=l.Group,C=t(({className:a,"data-cy":t,"data-testid":r,...d},i)=>{const c=t||"select-label",n=r||"select-label";/* @__PURE__ */
8
- return e(l.Label,{ref:i,className:s(x,a),"data-cy":c,"data-testid":n,...d})});C.displayName="SelectLabel";const V=t(({className:a,"data-cy":t,"data-testid":r,...d},i)=>{const c=t||"select-separator",n=r||"select-separator";/* @__PURE__ */
9
- return e(l.Separator,{ref:i,className:s(w,a),"data-cy":c,"data-testid":n,...d})});V.displayName="SelectSeparator";export{S as Select,k as SelectContent,T as SelectGroup,I as SelectItem,C as SelectLabel,V as SelectSeparator,L as SelectTrigger,j as SelectValue};
1
+ import{jsx as e,jsxs as a}from"react/jsx-runtime";import{forwardRef as t,useId as r}from"react";import*as d from"@radix-ui/react-select";import{cn as s}from"./index57.js";import{viewportStyles as l,itemIconStyles as i,itemFlagStyles as c,triggerValueStyles as n,triggerIconStyles as o,triggerErrorStyles as m,triggerHelperStyles as p,triggerLabelDisabledStyles as h,triggerLabelErrorStyles as N,triggerLabelStyles as u,triggerButtonPlaceholderStyles as y,triggerButtonErrorStyles as $,triggerButtonStyles as f,triggerWrapperFullWidthStyles as b,triggerWrapperStyles as g,contentStyles as v,itemStyles as x,labelStyles as w,separatorStyles as S}from"./index69.js";const L=d.Root,j=t(({className:t,children:l,label:i,error:c,helperText:v,fullWidth:x=!1,hasValue:w=!1,placeholder:S,id:L,"data-cy":j,"data-testid":k,disabled:I,required:T,...C},V)=>{const q=r(),W=L||q,B=`${W}-label`,F=`${W}-error`,G=`${W}-helper`,M=j||"select-trigger",O=k||"select-trigger",P=i&&T&&!i.includes("*")?`${i} *`:i;/* @__PURE__ */
2
+ return a("div",{className:s(g,x&&b),"data-cy":`${M}-wrapper`,"data-testid":`${O}-wrapper`,children:[i&&/* @__PURE__ */e("label",{id:B,htmlFor:W,className:s(u,c&&N,I&&h),"data-cy":`${M}-label`,"data-testid":`${O}-label`,children:P}),
3
+ /* @__PURE__ */a(d.Trigger,{ref:V,id:W,className:s(f,c&&$,!w&&y,t),"aria-invalid":c?"true":"false","aria-describedby":c?F:v?G:void 0,"aria-labelledby":i?B:void 0,"aria-required":T?"true":void 0,"data-cy":M,"data-testid":O,disabled:I,...C,children:[
4
+ /* @__PURE__ */e("span",{className:n,children:w?l:/* @__PURE__ */e("span",{"data-cy":`${M}-placeholder`,"data-testid":`${O}-placeholder`,children:S||i})}),
5
+ /* @__PURE__ */e(d.Icon,{className:o,"data-cy":`${M}-icon`,"data-testid":`${O}-icon`,children:/* @__PURE__ */e("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:/* @__PURE__ */e("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})})})]}),c&&/* @__PURE__ */e("span",{id:F,className:m,role:"alert","data-cy":`${M}-error`,"data-testid":`${O}-error`,children:c}),v&&!c&&/* @__PURE__ */e("span",{id:G,className:p,"data-cy":`${M}-helper`,"data-testid":`${O}-helper`,children:v})]})});j.displayName="SelectTrigger";const k=d.Value,I=t(({className:a,children:t,position:r="popper","data-cy":i,"data-testid":c,...n},o)=>{const m=i||"select-content",p=c||"select-content";/* @__PURE__ */
6
+ return e(d.Portal,{children:/* @__PURE__ */e(d.Content,{ref:o,className:s(v,a),position:r,sideOffset:0,"data-cy":m,"data-testid":p,...n,children:/* @__PURE__ */e(d.Viewport,{className:l,children:t})})})});I.displayName="SelectContent";const T=t(({className:t,children:r,value:l,flag:n,icon:o,"data-cy":m,"data-testid":p,...h},N)=>{const u=m||`select-item-${l}`,y=p||`select-item-${l}`;/* @__PURE__ */
7
+ return e(d.Item,{ref:N,className:s(x,t),value:l,"data-cy":u,"data-testid":y,...h,children:/* @__PURE__ */e(d.ItemText,{children:/* @__PURE__ */a("span",{className:"inline-flex items-center gap-3",children:[o&&/* @__PURE__ */e("span",{className:i,"aria-hidden":"true","data-cy":`${u}-icon`,"data-testid":`${y}-icon`,children:o}),n&&/* @__PURE__ */e("span",{className:c,"aria-hidden":"true",children:n}),r]})})})});T.displayName="SelectItem";const C=d.Group,V=t(({className:a,"data-cy":t,"data-testid":r,...l},i)=>{const c=t||"select-label",n=r||"select-label";/* @__PURE__ */
8
+ return e(d.Label,{ref:i,className:s(w,a),"data-cy":c,"data-testid":n,...l})});V.displayName="SelectLabel";const q=t(({className:a,"data-cy":t,"data-testid":r,...l},i)=>{const c=t||"select-separator",n=r||"select-separator";/* @__PURE__ */
9
+ return e(d.Separator,{ref:i,className:s(S,a),"data-cy":c,"data-testid":n,...l})});q.displayName="SelectSeparator";export{L as Select,I as SelectContent,C as SelectGroup,T as SelectItem,V as SelectLabel,q as SelectSeparator,j as SelectTrigger,k as SelectValue};
package/dist/index14.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("react-dom"),r=require("./index57.cjs"),n=require("@adam-milo/icons"),s=require("./index59.cjs"),o=require("./index70.cjs"),i={name:"United States",dialCode:"+1",flag:"🇺🇸",mask:s.defaultPhoneMask},l=t.forwardRef(({label:l,error:d,helperText:c,fullWidth:u=!0,value:p="",onChange:h,countryCode:y,initialCountryCode:m,onCountryChange:f,countries:g,enableFormatting:x=!0,onValidationChange:w,disabled:S,required:b,placeholder:$,id:v,"data-cy":C,"data-testid":k,className:j,onFocus:D,onBlur:N,...P},E)=>{const[L,M]=t.useState(!1),[q,I]=t.useState(!1),[W,F]=t.useState(0),[R,B]=t.useState({top:0,left:0,width:0}),[T,V]=t.useState(()=>y??m??"US"),z=y??T,A=t.useId(),K=v||A,U=`${K}-error`,H=`${K}-helper`,O=`${K}-listbox`,G=t.useRef(null),J=t.useRef(null),Q=t.useRef(null),X=t.useRef(null),Y=C||"phone-input",Z=k||"phone-input",_=g.find(e=>e.code===z)||g[0]||i,ee=_.mask??s.defaultPhoneMask,te=$??ee.placeholder,ae=l&&b&&!l.includes("*")?`${l}*`:l,re=_.dialCode.replace(/\D/g,"").length,ne=s.getPhoneDigits(p),se=p.startsWith("+")?ne.slice(re):ne,oe=x?s.formatWithMask(se,ee):se;t.useLayoutEffect(()=>{if(!L||!J.current)return;const e=()=>{if(J.current){const e=J.current.getBoundingClientRect();B({top:e.bottom+8,left:e.left,width:Math.max(e.width,320)})}};return e(),window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},[L]),t.useEffect(()=>{const e=e=>{const t=e.target,a=G.current?.contains(t),r=Q.current?.contains(t);a||r||M(!1)};return L&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[L]);const ie=t.useCallback(e=>{void 0===y&&V(e.code),f?.(e);const t=s.getPhoneDigits(p),a=_.dialCode.replace(/\D/g,"").length,r=p.startsWith("+")?t.slice(a):t;h?.(`${e.dialCode}${r}`),M(!1),setTimeout(()=>{const e=G.current?.querySelector("input");e?.focus()},0)},[y,f,h,p,_.dialCode]),le=t.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),F(e=>Math.min(e+1,g.length-1));break;case"ArrowUp":e.preventDefault(),F(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),ie(g[W]);break;case"Escape":e.preventDefault(),M(!1),X.current?.focus();break;case"Tab":M(!1)}},[g,W,ie]),de=S?"disabled":d?"error":q||L?"focus":"idle";return e.jsxs("div",{ref:G,className:r.cn(o.wrapperStyles,u&&o.wrapperFullWidthStyles),"data-cy":`${Y}-wrapper`,"data-testid":`${Z}-wrapper`,children:[l&&e.jsx("label",{htmlFor:K,className:o.labelStyles,"data-cy":`${Y}-label`,"data-testid":`${Z}-label`,children:ae}),e.jsxs("div",{ref:J,className:r.cn(o.containerBaseStyles,u&&o.containerFullWidthStyles,"focus"===de&&o.containerFocusStyles,"error"===de&&o.containerErrorStyles,"disabled"===de&&o.containerDisabledStyles,"idle"===de&&o.containerIdleStyles),"data-state":de,"data-cy":`${Y}-container`,"data-testid":`${Z}-container`,children:[e.jsxs("button",{ref:X,type:"button",className:o.triggerStyles,onClick:()=>!S&&M(!L),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),M(!0);const t=g.findIndex(e=>e.code===z);F(-1===t?0:t)}},disabled:S,"aria-haspopup":"listbox","aria-expanded":L,"aria-controls":O,"aria-label":`Select country. Current: ${_.name}`,"data-cy":`${Y}-country-trigger`,"data-testid":`${Z}-country-trigger`,children:[e.jsx("span",{className:o.flagStyles,"aria-hidden":"true","data-cy":`${Y}-flag`,"data-testid":`${Z}-flag`,children:_.flag}),e.jsx(n.Icon,{name:"ChevronDownIcon",size:"sm",color:q||L?"clickable":"text",decorative:!0,"data-cy":`${Y}-chevron`})]}),e.jsx("span",{className:o.dialCodeStyles,"data-cy":`${Y}-dial-code`,"data-testid":`${Z}-dial-code`,children:_.dialCode}),e.jsx("input",{ref:E,id:K,type:"tel",inputMode:"numeric",value:oe,onChange:e=>{const t=e.target.value;if(x){const e=s.getPhoneDigits(t).slice(0,ee.maxLength);h?.(`${_.dialCode}${e}`);const a=e.length===ee.maxLength;w?.(a)}else{const e=t.replace(/[^0-9]/g,"");h?.(`${_.dialCode}${e}`);const a=e.length===ee.maxLength;w?.(a)}},onFocus:e=>{I(!0),D?.(e)},onBlur:e=>{I(!1),N?.(e)},placeholder:te,disabled:S,required:b,className:r.cn(o.inputStyles,j),"aria-invalid":d?"true":"false","aria-required":b?"true":void 0,"aria-describedby":d?U:c?H:void 0,"data-cy":Y,"data-testid":Z,...P})]}),L&&a.createPortal(e.jsx("div",{ref:Q,id:O,role:"listbox","aria-label":"Select country",className:o.dropdownStyles,style:{top:R.top,left:R.left,width:R.width,minWidth:"20rem"},tabIndex:-1,onKeyDown:le,"data-cy":`${Y}-dropdown`,"data-testid":`${Z}-dropdown`,children:e.jsx("div",{className:o.dropdownViewportStyles,children:g.map((t,a)=>e.jsxs("div",{role:"option","aria-selected":t.code===z,className:r.cn(o.optionBaseStyles,a===W&&o.optionHighlightedStyles,t.code===z&&o.optionSelectedStyles),onClick:()=>ie(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),ie(t))},onMouseEnter:()=>F(a),tabIndex:a===W?0:-1,"data-cy":`${Y}-option-${t.code.toLowerCase()}`,"data-testid":`${Z}-option-${t.code.toLowerCase()}`,children:[e.jsx("span",{className:o.optionFlagStyles,"aria-hidden":"true",children:t.flag}),e.jsx("span",{className:o.optionNameStyles,children:t.name}),e.jsx("span",{className:o.optionDialCodeStyles,children:t.dialCode})]},t.code))})}),document.body),d&&e.jsx("span",{id:U,className:o.errorStyles,role:"alert","data-cy":`${Y}-error`,"data-testid":`${Z}-error`,children:d}),c&&!d&&e.jsx("span",{id:H,className:o.helperStyles,"data-cy":`${Y}-helper`,"data-testid":`${Z}-helper`,children:c})]})});l.displayName="PhoneInput",exports.defaultPhoneMask=s.defaultPhoneMask,exports.formatWithMask=s.formatWithMask,exports.getPhoneDigits=s.getPhoneDigits,exports.isValidPhoneLength=s.isValidPhoneLength,exports.PhoneInput=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("react-dom"),r=require("./index57.cjs"),n=require("@adam-milo/icons"),o=require("./index59.cjs"),s=require("./index70.cjs"),i={name:"United States",dialCode:"+1",flag:"🇺🇸",mask:o.defaultPhoneMask},l=t.forwardRef(({label:l,error:d,helperText:c,fullWidth:u=!0,value:p="",onChange:h,countryCode:y,initialCountryCode:m,onCountryChange:f,countries:g,enableFormatting:v=!0,onValidationChange:x,disabled:w,required:S,placeholder:b,id:$,"data-cy":C,"data-testid":k,className:j,onFocus:D,onBlur:E,...L},N)=>{const[P,M]=t.useState(!1),[q,I]=t.useState(!1),[W,F]=t.useState(0),[R,B]=t.useState({top:0,left:0,width:0}),[T,V]=t.useState(()=>y??m??"US"),z=y??T,A=t.useId(),K=$||A,U=`${K}-error`,H=`${K}-helper`,O=`${K}-listbox`,G=t.useRef(null),J=t.useRef(null),Q=t.useRef(null),X=t.useRef(null),Y=C||"phone-input",Z=k||"phone-input",_=g.find(e=>e.code===z)||g[0]||i,ee=_.mask??o.defaultPhoneMask,te=b??ee.placeholder,ae=l&&S&&!l.includes("*")?`${l}*`:l,re=_.dialCode.replace(/\D/g,"").length,ne=o.getPhoneDigits(p),oe=p.startsWith("+")?ne.slice(re):ne,se=v?o.formatWithMask(oe,ee):oe;t.useLayoutEffect(()=>{if(!P||!J.current)return;const e=()=>{if(J.current){const e=J.current.getBoundingClientRect();B({top:e.bottom+8,left:e.left,width:Math.max(e.width,320)})}};return e(),window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},[P]),t.useEffect(()=>{const e=e=>{const t=e.target,a=G.current?.contains(t),r=Q.current?.contains(t);a||r||M(!1)};return P&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[P]),t.useEffect(()=>{if(!P)return;const e=Q.current;if(!e)return;const t=e=>e.stopPropagation(),a={passive:!1};return e.addEventListener("touchmove",t,a),e.addEventListener("wheel",t,a),()=>{e.removeEventListener("touchmove",t),e.removeEventListener("wheel",t)}},[P]);const ie=t.useCallback(e=>{void 0===y&&V(e.code),f?.(e);const t=o.getPhoneDigits(p),a=_.dialCode.replace(/\D/g,"").length,r=p.startsWith("+")?t.slice(a):t;h?.(`${e.dialCode}${r}`),M(!1),setTimeout(()=>{const e=G.current?.querySelector("input");e?.focus()},0)},[y,f,h,p,_.dialCode]),le=t.useCallback(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),F(e=>Math.min(e+1,g.length-1));break;case"ArrowUp":e.preventDefault(),F(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),ie(g[W]);break;case"Escape":e.preventDefault(),M(!1),X.current?.focus();break;case"Tab":M(!1)}},[g,W,ie]),de=w?"disabled":d?"error":q||P?"focus":"idle";return e.jsxs("div",{ref:G,className:r.cn(s.wrapperStyles,u&&s.wrapperFullWidthStyles),"data-cy":`${Y}-wrapper`,"data-testid":`${Z}-wrapper`,children:[l&&e.jsx("label",{htmlFor:K,className:s.labelStyles,"data-cy":`${Y}-label`,"data-testid":`${Z}-label`,children:ae}),e.jsxs("div",{ref:J,className:r.cn(s.containerBaseStyles,u&&s.containerFullWidthStyles,"focus"===de&&s.containerFocusStyles,"error"===de&&s.containerErrorStyles,"disabled"===de&&s.containerDisabledStyles,"idle"===de&&s.containerIdleStyles),"data-state":de,"data-cy":`${Y}-container`,"data-testid":`${Z}-container`,children:[e.jsxs("button",{ref:X,type:"button",className:s.triggerStyles,onClick:()=>!w&&M(!P),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),M(!0);const t=g.findIndex(e=>e.code===z);F(-1===t?0:t)}},disabled:w,"aria-haspopup":"listbox","aria-expanded":P,"aria-controls":O,"aria-label":`Select country. Current: ${_.name}`,"data-cy":`${Y}-country-trigger`,"data-testid":`${Z}-country-trigger`,children:[e.jsx("span",{className:s.flagStyles,"aria-hidden":"true","data-cy":`${Y}-flag`,"data-testid":`${Z}-flag`,children:_.flag}),e.jsx(n.Icon,{name:"ChevronDownIcon",size:"sm",color:q||P?"clickable":"text",decorative:!0,"data-cy":`${Y}-chevron`})]}),e.jsx("span",{className:s.dialCodeStyles,"data-cy":`${Y}-dial-code`,"data-testid":`${Z}-dial-code`,children:_.dialCode}),e.jsx("input",{ref:N,id:K,type:"tel",inputMode:"numeric",value:se,onChange:e=>{const t=e.target.value;if(v){const e=o.getPhoneDigits(t).slice(0,ee.maxLength);h?.(`${_.dialCode}${e}`);const a=e.length===ee.maxLength;x?.(a)}else{const e=t.replace(/[^0-9]/g,"");h?.(`${_.dialCode}${e}`);const a=e.length===ee.maxLength;x?.(a)}},onFocus:e=>{I(!0),D?.(e)},onBlur:e=>{I(!1),E?.(e)},placeholder:te,disabled:w,required:S,className:r.cn(s.inputStyles,j),"aria-invalid":d?"true":"false","aria-required":S?"true":void 0,"aria-describedby":d?U:c?H:void 0,"data-cy":Y,"data-testid":Z,...L})]}),P&&a.createPortal(e.jsx("div",{ref:Q,id:O,role:"listbox","aria-label":"Select country",className:s.dropdownStyles,style:{top:R.top,left:R.left,width:R.width,minWidth:"20rem"},tabIndex:-1,onKeyDown:le,"data-cy":`${Y}-dropdown`,"data-testid":`${Z}-dropdown`,children:e.jsx("div",{className:s.dropdownViewportStyles,children:g.map((t,a)=>e.jsxs("div",{role:"option","aria-selected":t.code===z,className:r.cn(s.optionBaseStyles,a===W&&s.optionHighlightedStyles,t.code===z&&s.optionSelectedStyles),onClick:()=>ie(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),ie(t))},onMouseEnter:()=>F(a),tabIndex:a===W?0:-1,"data-cy":`${Y}-option-${t.code.toLowerCase()}`,"data-testid":`${Z}-option-${t.code.toLowerCase()}`,children:[e.jsx("span",{className:s.optionFlagStyles,"aria-hidden":"true",children:t.flag}),e.jsx("span",{className:s.optionNameStyles,children:t.name}),e.jsx("span",{className:s.optionDialCodeStyles,children:t.dialCode})]},t.code))})}),document.body),d&&e.jsx("span",{id:U,className:s.errorStyles,role:"alert","data-cy":`${Y}-error`,"data-testid":`${Z}-error`,children:d}),c&&!d&&e.jsx("span",{id:H,className:s.helperStyles,"data-cy":`${Y}-helper`,"data-testid":`${Z}-helper`,children:c})]})});l.displayName="PhoneInput",exports.defaultPhoneMask=o.defaultPhoneMask,exports.formatWithMask=o.formatWithMask,exports.getPhoneDigits=o.getPhoneDigits,exports.isValidPhoneLength=o.isValidPhoneLength,exports.PhoneInput=l;
package/dist/index14.js CHANGED
@@ -1,12 +1,12 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useState as r,useId as n,useRef as o,useLayoutEffect as d,useEffect as i,useCallback as l}from"react";import{createPortal as c}from"react-dom";import{cn as s}from"./index57.js";import{Icon as u}from"@adam-milo/icons";import{defaultPhoneMask as p,getPhoneDigits as m,formatWithMask as h}from"./index59.js";import{isValidPhoneLength as f}from"./index59.js";import{labelStyles as y,triggerStyles as $,flagStyles as w,dialCodeStyles as v,dropdownStyles as b,dropdownViewportStyles as g,optionFlagStyles as C,optionNameStyles as x,optionDialCodeStyles as N,optionSelectedStyles as k,optionHighlightedStyles as D,optionBaseStyles as E,errorStyles as L,helperStyles as j,inputStyles as I,containerIdleStyles as M,containerDisabledStyles as S,containerErrorStyles as q,containerFocusStyles as F,containerFullWidthStyles as W,containerBaseStyles as z,wrapperFullWidthStyles as A,wrapperStyles as B}from"./index70.js";const K={name:"United States",dialCode:"+1",flag:"🇺🇸",mask:p},T=a(({label:a,error:f,helperText:T,fullWidth:U=!0,value:P="",onChange:R,countryCode:V,initialCountryCode:G,onCountryChange:H,countries:J,enableFormatting:O=!0,onValidationChange:Q,disabled:X,required:Y,placeholder:Z,id:_,"data-cy":ee,"data-testid":te,className:ae,onFocus:re,onBlur:ne,...oe},de)=>{const[ie,le]=r(!1),[ce,se]=r(!1),[ue,pe]=r(0),[me,he]=r({top:0,left:0,width:0}),[fe,ye]=r(()=>V??G??"US"),$e=V??fe,we=n(),ve=_||we,be=`${ve}-error`,ge=`${ve}-helper`,Ce=`${ve}-listbox`,xe=o(null),Ne=o(null),ke=o(null),De=o(null),Ee=ee||"phone-input",Le=te||"phone-input",je=J.find(e=>e.code===$e)||J[0]||K,Ie=je.mask??p,Me=Z??Ie.placeholder,Se=a&&Y&&!a.includes("*")?`${a}*`:a,qe=je.dialCode.replace(/\D/g,"").length,Fe=m(P),We=P.startsWith("+")?Fe.slice(qe):Fe,ze=O?h(We,Ie):We;d(()=>{if(!ie||!Ne.current)return;const e=()=>{if(Ne.current){const e=Ne.current.getBoundingClientRect();he({top:e.bottom+8,left:e.left,width:Math.max(e.width,320)})}};return e(),window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},[ie]),i(()=>{const e=e=>{const t=e.target,a=xe.current?.contains(t),r=ke.current?.contains(t);a||r||le(!1)};return ie&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[ie]);const Ae=l(e=>{void 0===V&&ye(e.code),H?.(e);const t=m(P),a=je.dialCode.replace(/\D/g,"").length,r=P.startsWith("+")?t.slice(a):t;R?.(`${e.dialCode}${r}`),le(!1),setTimeout(()=>{const e=xe.current?.querySelector("input");e?.focus()},0)},[V,H,R,P,je.dialCode]),Be=l(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),pe(e=>Math.min(e+1,J.length-1));break;case"ArrowUp":e.preventDefault(),pe(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),Ae(J[ue]);break;case"Escape":e.preventDefault(),le(!1),De.current?.focus();break;case"Tab":le(!1)}},[J,ue,Ae]),Ke=X?"disabled":f?"error":ce||ie?"focus":"idle";/* @__PURE__ */
2
- return e("div",{ref:xe,className:s(B,U&&A),"data-cy":`${Ee}-wrapper`,"data-testid":`${Le}-wrapper`,children:[a&&/* @__PURE__ */t("label",{htmlFor:ve,className:y,"data-cy":`${Ee}-label`,"data-testid":`${Le}-label`,children:Se}),
3
- /* @__PURE__ */e("div",{ref:Ne,className:s(z,U&&W,"focus"===Ke&&F,"error"===Ke&&q,"disabled"===Ke&&S,"idle"===Ke&&M),"data-state":Ke,"data-cy":`${Ee}-container`,"data-testid":`${Le}-container`,children:[
4
- /* @__PURE__ */e("button",{ref:De,type:"button",className:$,onClick:()=>!X&&le(!ie),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),le(!0);const t=J.findIndex(e=>e.code===$e);pe(-1===t?0:t)}},disabled:X,"aria-haspopup":"listbox","aria-expanded":ie,"aria-controls":Ce,"aria-label":`Select country. Current: ${je.name}`,"data-cy":`${Ee}-country-trigger`,"data-testid":`${Le}-country-trigger`,children:[
5
- /* @__PURE__ */t("span",{className:w,"aria-hidden":"true","data-cy":`${Ee}-flag`,"data-testid":`${Le}-flag`,children:je.flag}),
6
- /* @__PURE__ */t(u,{name:"ChevronDownIcon",size:"sm",color:ce||ie?"clickable":"text",decorative:!0,"data-cy":`${Ee}-chevron`})]}),
7
- /* @__PURE__ */t("span",{className:v,"data-cy":`${Ee}-dial-code`,"data-testid":`${Le}-dial-code`,children:je.dialCode}),
8
- /* @__PURE__ */t("input",{ref:de,id:ve,type:"tel",inputMode:"numeric",value:ze,onChange:e=>{const t=e.target.value;if(O){const e=m(t).slice(0,Ie.maxLength);R?.(`${je.dialCode}${e}`);const a=e.length===Ie.maxLength;Q?.(a)}else{const e=t.replace(/[^0-9]/g,"");R?.(`${je.dialCode}${e}`);const a=e.length===Ie.maxLength;Q?.(a)}},onFocus:e=>{se(!0),re?.(e)},onBlur:e=>{se(!1),ne?.(e)},placeholder:Me,disabled:X,required:Y,className:s(I,ae),"aria-invalid":f?"true":"false","aria-required":Y?"true":void 0,"aria-describedby":f?be:T?ge:void 0,"data-cy":Ee,"data-testid":Le,...oe})]}),ie&&c(
9
- /* @__PURE__ */t("div",{ref:ke,id:Ce,role:"listbox","aria-label":"Select country",className:b,style:{top:me.top,left:me.left,width:me.width,minWidth:"20rem"},tabIndex:-1,onKeyDown:Be,"data-cy":`${Ee}-dropdown`,"data-testid":`${Le}-dropdown`,children:/* @__PURE__ */t("div",{className:g,children:J.map((a,r)=>/* @__PURE__ */e("div",{role:"option","aria-selected":a.code===$e,className:s(E,r===ue&&D,a.code===$e&&k),onClick:()=>Ae(a),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),Ae(a))},onMouseEnter:()=>pe(r),tabIndex:r===ue?0:-1,"data-cy":`${Ee}-option-${a.code.toLowerCase()}`,"data-testid":`${Le}-option-${a.code.toLowerCase()}`,children:[
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useState as r,useId as n,useRef as o,useLayoutEffect as d,useEffect as i,useCallback as l}from"react";import{createPortal as s}from"react-dom";import{cn as c}from"./index57.js";import{Icon as u}from"@adam-milo/icons";import{defaultPhoneMask as m,getPhoneDigits as p,formatWithMask as h}from"./index59.js";import{isValidPhoneLength as f}from"./index59.js";import{labelStyles as v,triggerStyles as y,flagStyles as $,dialCodeStyles as w,dropdownStyles as g,dropdownViewportStyles as b,optionFlagStyles as C,optionNameStyles as x,optionDialCodeStyles as N,optionSelectedStyles as k,optionHighlightedStyles as E,optionBaseStyles as L,errorStyles as D,helperStyles as j,inputStyles as I,containerIdleStyles as M,containerDisabledStyles as S,containerErrorStyles as q,containerFocusStyles as F,containerFullWidthStyles as W,containerBaseStyles as z,wrapperFullWidthStyles as A,wrapperStyles as B}from"./index70.js";const K={name:"United States",dialCode:"+1",flag:"🇺🇸",mask:m},T=a(({label:a,error:f,helperText:T,fullWidth:U=!0,value:P="",onChange:R,countryCode:V,initialCountryCode:G,onCountryChange:H,countries:J,enableFormatting:O=!0,onValidationChange:Q,disabled:X,required:Y,placeholder:Z,id:_,"data-cy":ee,"data-testid":te,className:ae,onFocus:re,onBlur:ne,...oe},de)=>{const[ie,le]=r(!1),[se,ce]=r(!1),[ue,me]=r(0),[pe,he]=r({top:0,left:0,width:0}),[fe,ve]=r(()=>V??G??"US"),ye=V??fe,$e=n(),we=_||$e,ge=`${we}-error`,be=`${we}-helper`,Ce=`${we}-listbox`,xe=o(null),Ne=o(null),ke=o(null),Ee=o(null),Le=ee||"phone-input",De=te||"phone-input",je=J.find(e=>e.code===ye)||J[0]||K,Ie=je.mask??m,Me=Z??Ie.placeholder,Se=a&&Y&&!a.includes("*")?`${a}*`:a,qe=je.dialCode.replace(/\D/g,"").length,Fe=p(P),We=P.startsWith("+")?Fe.slice(qe):Fe,ze=O?h(We,Ie):We;d(()=>{if(!ie||!Ne.current)return;const e=()=>{if(Ne.current){const e=Ne.current.getBoundingClientRect();he({top:e.bottom+8,left:e.left,width:Math.max(e.width,320)})}};return e(),window.addEventListener("scroll",e,!0),window.addEventListener("resize",e),()=>{window.removeEventListener("scroll",e,!0),window.removeEventListener("resize",e)}},[ie]),i(()=>{const e=e=>{const t=e.target,a=xe.current?.contains(t),r=ke.current?.contains(t);a||r||le(!1)};return ie&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[ie]),i(()=>{if(!ie)return;const e=ke.current;if(!e)return;const t=e=>e.stopPropagation(),a={passive:!1};return e.addEventListener("touchmove",t,a),e.addEventListener("wheel",t,a),()=>{e.removeEventListener("touchmove",t),e.removeEventListener("wheel",t)}},[ie]);const Ae=l(e=>{void 0===V&&ve(e.code),H?.(e);const t=p(P),a=je.dialCode.replace(/\D/g,"").length,r=P.startsWith("+")?t.slice(a):t;R?.(`${e.dialCode}${r}`),le(!1),setTimeout(()=>{const e=xe.current?.querySelector("input");e?.focus()},0)},[V,H,R,P,je.dialCode]),Be=l(e=>{switch(e.key){case"ArrowDown":e.preventDefault(),me(e=>Math.min(e+1,J.length-1));break;case"ArrowUp":e.preventDefault(),me(e=>Math.max(e-1,0));break;case"Enter":case" ":e.preventDefault(),Ae(J[ue]);break;case"Escape":e.preventDefault(),le(!1),Ee.current?.focus();break;case"Tab":le(!1)}},[J,ue,Ae]),Ke=X?"disabled":f?"error":se||ie?"focus":"idle";/* @__PURE__ */
2
+ return e("div",{ref:xe,className:c(B,U&&A),"data-cy":`${Le}-wrapper`,"data-testid":`${De}-wrapper`,children:[a&&/* @__PURE__ */t("label",{htmlFor:we,className:v,"data-cy":`${Le}-label`,"data-testid":`${De}-label`,children:Se}),
3
+ /* @__PURE__ */e("div",{ref:Ne,className:c(z,U&&W,"focus"===Ke&&F,"error"===Ke&&q,"disabled"===Ke&&S,"idle"===Ke&&M),"data-state":Ke,"data-cy":`${Le}-container`,"data-testid":`${De}-container`,children:[
4
+ /* @__PURE__ */e("button",{ref:Ee,type:"button",className:y,onClick:()=>!X&&le(!ie),onKeyDown:e=>{if("Enter"===e.key||" "===e.key||"ArrowDown"===e.key){e.preventDefault(),le(!0);const t=J.findIndex(e=>e.code===ye);me(-1===t?0:t)}},disabled:X,"aria-haspopup":"listbox","aria-expanded":ie,"aria-controls":Ce,"aria-label":`Select country. Current: ${je.name}`,"data-cy":`${Le}-country-trigger`,"data-testid":`${De}-country-trigger`,children:[
5
+ /* @__PURE__ */t("span",{className:$,"aria-hidden":"true","data-cy":`${Le}-flag`,"data-testid":`${De}-flag`,children:je.flag}),
6
+ /* @__PURE__ */t(u,{name:"ChevronDownIcon",size:"sm",color:se||ie?"clickable":"text",decorative:!0,"data-cy":`${Le}-chevron`})]}),
7
+ /* @__PURE__ */t("span",{className:w,"data-cy":`${Le}-dial-code`,"data-testid":`${De}-dial-code`,children:je.dialCode}),
8
+ /* @__PURE__ */t("input",{ref:de,id:we,type:"tel",inputMode:"numeric",value:ze,onChange:e=>{const t=e.target.value;if(O){const e=p(t).slice(0,Ie.maxLength);R?.(`${je.dialCode}${e}`);const a=e.length===Ie.maxLength;Q?.(a)}else{const e=t.replace(/[^0-9]/g,"");R?.(`${je.dialCode}${e}`);const a=e.length===Ie.maxLength;Q?.(a)}},onFocus:e=>{ce(!0),re?.(e)},onBlur:e=>{ce(!1),ne?.(e)},placeholder:Me,disabled:X,required:Y,className:c(I,ae),"aria-invalid":f?"true":"false","aria-required":Y?"true":void 0,"aria-describedby":f?ge:T?be:void 0,"data-cy":Le,"data-testid":De,...oe})]}),ie&&s(
9
+ /* @__PURE__ */t("div",{ref:ke,id:Ce,role:"listbox","aria-label":"Select country",className:g,style:{top:pe.top,left:pe.left,width:pe.width,minWidth:"20rem"},tabIndex:-1,onKeyDown:Be,"data-cy":`${Le}-dropdown`,"data-testid":`${De}-dropdown`,children:/* @__PURE__ */t("div",{className:b,children:J.map((a,r)=>/* @__PURE__ */e("div",{role:"option","aria-selected":a.code===ye,className:c(L,r===ue&&E,a.code===ye&&k),onClick:()=>Ae(a),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),Ae(a))},onMouseEnter:()=>me(r),tabIndex:r===ue?0:-1,"data-cy":`${Le}-option-${a.code.toLowerCase()}`,"data-testid":`${De}-option-${a.code.toLowerCase()}`,children:[
10
10
  /* @__PURE__ */t("span",{className:C,"aria-hidden":"true",children:a.flag}),
11
11
  /* @__PURE__ */t("span",{className:x,children:a.name}),
12
- /* @__PURE__ */t("span",{className:N,children:a.dialCode})]},a.code))})}),document.body),f&&/* @__PURE__ */t("span",{id:be,className:L,role:"alert","data-cy":`${Ee}-error`,"data-testid":`${Le}-error`,children:f}),T&&!f&&/* @__PURE__ */t("span",{id:ge,className:j,"data-cy":`${Ee}-helper`,"data-testid":`${Le}-helper`,children:T})]})});T.displayName="PhoneInput";export{T as PhoneInput,p as defaultPhoneMask,h as formatWithMask,m as getPhoneDigits,f as isValidPhoneLength};
12
+ /* @__PURE__ */t("span",{className:N,children:a.dialCode})]},a.code))})}),document.body),f&&/* @__PURE__ */t("span",{id:ge,className:D,role:"alert","data-cy":`${Le}-error`,"data-testid":`${De}-error`,children:f}),T&&!f&&/* @__PURE__ */t("span",{id:be,className:j,"data-cy":`${Le}-helper`,"data-testid":`${De}-helper`,children:T})]})});T.displayName="PhoneInput";export{T as PhoneInput,m as defaultPhoneMask,h as formatWithMask,p as getPhoneDigits,f as isValidPhoneLength};
package/dist/index30.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),t=require("./index20.cjs"),r=require("./index13.cjs");const a=l.forwardRef(function({control:l,name:a,rules:c,options:d,label:o,placeholder:n,fullWidth:s=!1,required:i,disabled:u,helperText:h,className:x,"data-cy":g,"data-testid":m},j){return e.jsx(t.FormField,{control:l,name:a,rules:c,className:x,"data-cy":g,"data-testid":m,children:({value:l,onChange:t,error:a})=>e.jsxs(r.Select,{value:l??"",onValueChange:t,disabled:u,children:[e.jsx(r.SelectTrigger,{ref:j,label:o,placeholder:n,fullWidth:s,hasValue:!!l,error:a,helperText:h,required:i,disabled:u,"data-cy":g??"controlled-select-trigger","data-testid":m??"controlled-select-trigger",children:e.jsx(r.SelectValue,{})}),e.jsx(r.SelectContent,{"data-cy":g?`${g}-content`:"controlled-select-content",children:d.map(l=>e.jsx(r.SelectItem,{value:l.value,flag:l.flag,"data-cy":`select-item-${l.value}`,children:l.label},l.value))})]})})});a.displayName="ControlledSelect",exports.ControlledSelect=a;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),l=require("react"),t=require("./index20.cjs"),r=require("./index13.cjs");const a=l.forwardRef(function({control:l,name:a,rules:c,options:d,label:o,placeholder:n,fullWidth:i=!1,required:s,disabled:u,helperText:h,className:x,"data-cy":g,"data-testid":m},j){return e.jsx(t.FormField,{control:l,name:a,rules:c,className:x,"data-cy":g,"data-testid":m,children:({value:l,onChange:t,error:a})=>e.jsxs(r.Select,{value:l??"",onValueChange:t,disabled:u,children:[e.jsx(r.SelectTrigger,{ref:j,label:o,placeholder:n,fullWidth:i,hasValue:!!l,error:a,helperText:h,required:s,disabled:u,"data-cy":g??"controlled-select-trigger","data-testid":m??"controlled-select-trigger",children:e.jsx(r.SelectValue,{})}),e.jsx(r.SelectContent,{"data-cy":g?`${g}-content`:"controlled-select-content",children:d.map(l=>e.jsx(r.SelectItem,{value:l.value,flag:l.flag,icon:l.icon,"data-cy":`select-item-${l.value}`,children:l.label},l.value))})]})})});a.displayName="ControlledSelect",exports.ControlledSelect=a;
package/dist/index30.js CHANGED
@@ -1,4 +1,4 @@
1
1
  import{jsx as e,jsxs as l}from"react/jsx-runtime";import{forwardRef as a}from"react";import{FormField as t}from"./index20.js";import{Select as r,SelectTrigger as d,SelectValue as o,SelectContent as c,SelectItem as n}from"./index13.js";const i=a(function({control:a,name:i,rules:s,options:u,label:m,placeholder:h,fullWidth:p=!1,required:f,disabled:g,helperText:b,className:v,"data-cy":x,"data-testid":y},j){/* @__PURE__ */
2
2
  return e(t,{control:a,name:i,rules:s,className:v,"data-cy":x,"data-testid":y,children:({value:a,onChange:t,error:i})=>/* @__PURE__ */l(r,{value:a??"",onValueChange:t,disabled:g,children:[
3
3
  /* @__PURE__ */e(d,{ref:j,label:m,placeholder:h,fullWidth:p,hasValue:!!a,error:i,helperText:b,required:f,disabled:g,"data-cy":x??"controlled-select-trigger","data-testid":y??"controlled-select-trigger",children:/* @__PURE__ */e(o,{})}),
4
- /* @__PURE__ */e(c,{"data-cy":x?`${x}-content`:"controlled-select-content",children:u.map(l=>/* @__PURE__ */e(n,{value:l.value,flag:l.flag,"data-cy":`select-item-${l.value}`,children:l.label},l.value))})]})})});i.displayName="ControlledSelect";export{i as ControlledSelect};
4
+ /* @__PURE__ */e(c,{"data-cy":x?`${x}-content`:"controlled-select-content",children:u.map(l=>/* @__PURE__ */e(n,{value:l.value,flag:l.flag,icon:l.icon,"data-cy":`select-item-${l.value}`,children:l.label},l.value))})]})})});i.displayName="ControlledSelect";export{i as ControlledSelect};
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("./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;
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;
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"./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__ */
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__ */
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: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]";
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.itemIconStyles="inline-flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-icon-secondary)]",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";
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: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};
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)]",i="text-[var(--color-icon-secondary)]",d="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",x="text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5",v=["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",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(" "),p="inline-flex items-center justify-center w-5 h-5 shrink-0 aspect-[11/10] text-[1.75rem] leading-[0] rounded-full overflow-hidden",g="inline-flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-icon-secondary)]",h="py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]",m="h-px my-1 bg-[var(--color-border)]";export{v as contentStyles,p as itemFlagStyles,g as itemIconStyles,u as itemStyles,h as labelStyles,m as separatorStyles,l as triggerButtonErrorStyles,i as triggerButtonPlaceholderStyles,n as triggerButtonStyles,c as triggerErrorStyles,x as triggerHelperStyles,s as triggerIconStyles,a as triggerLabelDisabledStyles,t as triggerLabelErrorStyles,o as triggerLabelStyles,d 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:[&: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";
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(" "),t=["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)] pointer-events-auto",exports.dropdownViewportStyles="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll 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=t,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:[&: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};
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)] pointer-events-auto",v="select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll 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)]",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-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,h as optionFlagStyles,m as optionHighlightedStyles,w as optionNameStyles,p as optionSelectedStyles,d as triggerStyles,o 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("./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"})]})})]})})};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),r=require("./index117.cjs");exports.FormTooltip=function({content:n,triggerClassName:o,contentClassName:s,dataCyPrefix:c,dataTestIdPrefix:i}){const[a,l]=t.useState(!1),u=t.useRef(!1),d=t.useRef(!1),x=t.useRef(null),f=t.useRef(null),m=t.useCallback(e=>{d.current||!e&&u.current||l(e)},[]),p=t.useCallback(()=>{d.current=!0,x.current&&clearTimeout(x.current),x.current=setTimeout(()=>{d.current=!1},300)},[]),g=t.useCallback(()=>{l(e=>{const t=!e;return u.current=t,t})},[]);return t.useEffect(()=>{if(!a||!u.current)return;const e=e=>{f.current?.contains(e.target)||(u.current=!1,d.current=!1,l(!1))};return document.addEventListener("pointerdown",e),()=>document.removeEventListener("pointerdown",e)},[a]),t.useEffect(()=>()=>{x.current&&clearTimeout(x.current)},[]),e.jsx(r.Provider,{delayDuration:200,children:e.jsxs(r.Root,{open:a,onOpenChange:m,children:[e.jsx(r.Trigger,{asChild:!0,children:e.jsx("button",{ref:f,type:"button",className:o,"aria-label":"More information",onPointerDown:p,onClick:g,"data-cy":`${c}-tooltip-trigger`,"data-testid":`${i}-tooltip-trigger`,children:e.jsxs("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[e.jsx("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),e.jsx("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),e.jsx("circle",{cx:"6",cy:"4",r:"0.5",fill:"currentColor"})]})})}),e.jsx(r.Portal,{children:e.jsxs(r.Content,{className:s,side:"top",sideOffset:4,"data-cy":`${c}-tooltip-content`,"data-testid":`${i}-tooltip-content`,children:[n,e.jsx(r.Arrow,{className:"fill-text"})]})})]})})};
package/dist/index73.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useState as e,useRef as n,useCallback as o,useEffect as c}from"react";import{Provider as i,Root as a,Trigger as l,Portal as s,Content as u,Arrow as d}from"./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:[
1
+ import{jsx as t,jsxs as r}from"react/jsx-runtime";import{useState as e,useRef as n,useCallback as o,useEffect as c}from"react";import{Provider as i,Root as a,Trigger as l,Portal as s,Content as u,Arrow as d}from"./index117.js";function m({content:m,triggerClassName:p,contentClassName:f,dataCyPrefix:h,dataTestIdPrefix:g}){const[w,x]=e(!1),C=n(!1),y=n(!1),k=n(null),v=n(null),N=o(t=>{y.current||!t&&C.current||x(t)},[]),T=o(()=>{y.current=!0,k.current&&clearTimeout(k.current),k.current=setTimeout(()=>{y.current=!1},300)},[]),$=o(()=>{x(t=>{const r=!t;return C.current=r,r})},[]);return c(()=>{if(!w||!C.current)return;const t=t=>{v.current?.contains(t.target)||(C.current=!1,y.current=!1,x(!1))};return document.addEventListener("pointerdown",t),()=>document.removeEventListener("pointerdown",t)},[w]),c(()=>()=>{k.current&&clearTimeout(k.current)},[]),/* @__PURE__ */t(i,{delayDuration:200,children:/* @__PURE__ */r(a,{open:w,onOpenChange:N,children:[
2
2
  /* @__PURE__ */t(l,{asChild:!0,children:/* @__PURE__ */t("button",{ref:v,type:"button",className:p,"aria-label":"More information",onPointerDown:T,onClick:$,"data-cy":`${h}-tooltip-trigger`,"data-testid":`${g}-tooltip-trigger`,children:/* @__PURE__ */r("svg",{className:"w-3 h-3",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:[
3
3
  /* @__PURE__ */t("circle",{cx:"6",cy:"6",r:"5.5",stroke:"currentColor",strokeWidth:"1",fill:"none"}),
4
4
  /* @__PURE__ */t("path",{d:"M6 5.5V8.5",stroke:"currentColor",strokeWidth:"1",strokeLinecap:"round"}),
package/dist/index83.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom"),r=require("./index106.cjs"),n=require("./index107.cjs"),o=require("./index108.cjs"),s=require("./index109.cjs"),i=require("./index110.cjs"),a=require("./index111.cjs"),c=require("./index112.cjs"),u=require("./index113.cjs"),d=require("./index114.cjs"),l=require("./index115.cjs"),p=require("./index116.cjs"),f=require("./index117.cjs"),v=require("react/jsx-runtime");function w(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e)for(const r in e)if("default"!==r){const n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:()=>e[r]})}return t.default=e,Object.freeze(t)}const m=w(e),x=w(t);var T="ToastProvider",[y,E,h]=o.createCollection("Toast"),[b]=s.createContextScope("Toast",[h]),[C,g]=b(T),P=e=>{const{__scopeToast:t,label:r="Notification",duration:n=5e3,swipeDirection:o="right",swipeThreshold:s=50,children:i}=e,[a,c]=m.useState(null),[u,d]=m.useState(0),l=m.useRef(!1),p=m.useRef(!1);return r.trim(),v.jsx(y.Provider,{scope:t,children:v.jsx(C,{scope:t,label:r,duration:n,swipeDirection:o,swipeThreshold:s,toastCount:u,viewport:a,onViewportChange:c,onToastAdd:m.useCallback(()=>d(e=>e+1),[]),onToastRemove:m.useCallback(()=>d(e=>e-1),[]),isFocusedToastEscapeKeyDownRef:l,isClosePausedRef:p,children:i})})};P.displayName=T;var R="ToastViewport",j=["F8"],D="toast.viewportPause",S="toast.viewportResume",L=m.forwardRef((e,t)=>{const{__scopeToast:r,hotkey:o=j,label:s="Notifications ({hotkey})",...a}=e,c=g(R,r),d=E(r),l=m.useRef(null),p=m.useRef(null),f=m.useRef(null),w=m.useRef(null),x=n.useComposedRefs(t,w,c.onViewportChange),T=o.join("+").replace(/Key/g,"").replace(/Digit/g,""),h=c.toastCount>0;m.useEffect(()=>{const e=e=>{0!==o.length&&o.every(t=>e[t]||e.code===t)&&w.current?.focus()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[o]),m.useEffect(()=>{const e=l.current,t=w.current;if(h&&e&&t){const r=()=>{if(!c.isClosePausedRef.current){const e=new CustomEvent(D);t.dispatchEvent(e),c.isClosePausedRef.current=!0}},n=()=>{if(c.isClosePausedRef.current){const e=new CustomEvent(S);t.dispatchEvent(e),c.isClosePausedRef.current=!1}},o=t=>{!e.contains(t.relatedTarget)&&n()},s=()=>{e.contains(document.activeElement)||n()};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointermove",r),e.addEventListener("pointerleave",s),window.addEventListener("blur",r),window.addEventListener("focus",n),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointermove",r),e.removeEventListener("pointerleave",s),window.removeEventListener("blur",r),window.removeEventListener("focus",n)}}},[h,c.isClosePausedRef]);const b=m.useCallback(({tabbingDirection:e})=>{const t=d().map(t=>{const r=t.ref.current,n=[r,...Y(r)];return"forwards"===e?n:n.reverse()});return("forwards"===e?t.reverse():t).flat()},[d]);return m.useEffect(()=>{const e=w.current;if(e){const t=t=>{const r=t.altKey||t.ctrlKey||t.metaKey;if("Tab"===t.key&&!r){const r=document.activeElement,n=t.shiftKey;if(t.target===e&&n)return void p.current?.focus();const o=b({tabbingDirection:n?"backwards":"forwards"}),s=o.findIndex(e=>e===r);z(o.slice(s+1))?t.preventDefault():n?p.current?.focus():f.current?.focus()}};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}},[d,b]),v.jsxs(i.Branch,{ref:l,role:"region","aria-label":s.replace("{hotkey}",T),tabIndex:-1,style:{pointerEvents:h?void 0:"none"},children:[h&&v.jsx(_,{ref:p,onFocusFromOutsideViewport:()=>{z(b({tabbingDirection:"forwards"}))}}),v.jsx(y.Slot,{scope:r,children:v.jsx(u.Primitive.ol,{tabIndex:-1,...a,ref:x})}),h&&v.jsx(_,{ref:f,onFocusFromOutsideViewport:()=>{z(b({tabbingDirection:"backwards"}))}})]})});L.displayName=R;var F="ToastFocusProxy",_=m.forwardRef((e,t)=>{const{__scopeToast:r,onFocusFromOutsideViewport:n,...o}=e,s=g(F,r);return v.jsx(f.VisuallyHidden,{tabIndex:0,...o,ref:t,style:{position:"fixed"},onFocus:e=>{const t=e.relatedTarget;!s.viewport?.contains(t)&&n()}})});_.displayName=F;var N="Toast",k=m.forwardRef((e,t)=>{const{forceMount:n,open:o,defaultOpen:s,onOpenChange:i,...a}=e,[u,p]=l.useControllableState({prop:o,defaultProp:s??!0,onChange:i,caller:N});return v.jsx(c.Presence,{present:n||u,children:v.jsx(q,{open:u,...a,ref:t,onClose:()=>p(!1),onPause:d.useCallbackRef(e.onPause),onResume:d.useCallbackRef(e.onResume),onSwipeStart:r.composeEventHandlers(e.onSwipeStart,e=>{e.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:r.composeEventHandlers(e.onSwipeMove,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","move"),e.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${r}px`)}),onSwipeCancel:r.composeEventHandlers(e.onSwipeCancel,e=>{e.currentTarget.setAttribute("data-swipe","cancel"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:r.composeEventHandlers(e.onSwipeEnd,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","end"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${r}px`),p(!1)})})})});k.displayName=N;var[A,M]=b(N,{onClose(){}}),q=m.forwardRef((e,t)=>{const{__scopeToast:o,type:s="foreground",duration:a,open:c,onClose:l,onEscapeKeyDown:p,onPause:f,onResume:w,onSwipeStart:T,onSwipeMove:E,onSwipeCancel:h,onSwipeEnd:b,...C}=e,P=g(N,o),[R,j]=m.useState(null),L=n.useComposedRefs(t,e=>j(e)),F=m.useRef(null),_=m.useRef(null),k=a||P.duration,M=m.useRef(0),q=m.useRef(k),K=m.useRef(0),{onToastAdd:H,onToastRemove:O}=P,V=d.useCallbackRef(()=>{const e=R?.contains(document.activeElement);e&&P.viewport?.focus(),l()}),$=m.useCallback(e=>{e&&e!==1/0&&(window.clearTimeout(K.current),M.current=(new Date).getTime(),K.current=window.setTimeout(V,e))},[V]);m.useEffect(()=>{const e=P.viewport;if(e){const t=()=>{$(q.current),w?.()},r=()=>{const e=(new Date).getTime()-M.current;q.current=q.current-e,window.clearTimeout(K.current),f?.()};return e.addEventListener(D,r),e.addEventListener(S,t),()=>{e.removeEventListener(D,r),e.removeEventListener(S,t)}}},[P.viewport,k,f,w,$]),m.useEffect(()=>{c&&!P.isClosePausedRef.current&&$(k)},[c,k,P.isClosePausedRef,$]),m.useEffect(()=>(H(),()=>O()),[H,O]);const U=m.useMemo(()=>R?X(R):null,[R]);return P.viewport?v.jsxs(v.Fragment,{children:[U&&v.jsx(I,{__scopeToast:o,role:"status","aria-live":"foreground"===s?"assertive":"polite",children:U}),v.jsx(A,{scope:o,onClose:V,children:x.createPortal(v.jsx(y.ItemSlot,{scope:o,children:v.jsx(i.Root,{asChild:!0,onEscapeKeyDown:r.composeEventHandlers(p,()=>{P.isFocusedToastEscapeKeyDownRef.current||V(),P.isFocusedToastEscapeKeyDownRef.current=!1}),children:v.jsx(u.Primitive.li,{tabIndex:0,"data-state":c?"open":"closed","data-swipe-direction":P.swipeDirection,...C,ref:L,style:{userSelect:"none",touchAction:"none",...e.style},onKeyDown:r.composeEventHandlers(e.onKeyDown,e=>{"Escape"===e.key&&(p?.(e.nativeEvent),e.nativeEvent.defaultPrevented||(P.isFocusedToastEscapeKeyDownRef.current=!0,V()))}),onPointerDown:r.composeEventHandlers(e.onPointerDown,e=>{0===e.button&&(F.current={x:e.clientX,y:e.clientY})}),onPointerMove:r.composeEventHandlers(e.onPointerMove,e=>{if(!F.current)return;const t=e.clientX-F.current.x,r=e.clientY-F.current.y,n=Boolean(_.current),o=["left","right"].includes(P.swipeDirection),s=["left","up"].includes(P.swipeDirection)?Math.min:Math.max,i=o?s(0,t):0,a=o?0:s(0,r),c="touch"===e.pointerType?10:2,u={x:i,y:a},d={originalEvent:e,delta:u};n?(_.current=u,B("toast.swipeMove",E,d,{discrete:!1})):W(u,P.swipeDirection,c)?(_.current=u,B("toast.swipeStart",T,d,{discrete:!1}),e.target.setPointerCapture(e.pointerId)):(Math.abs(t)>c||Math.abs(r)>c)&&(F.current=null)}),onPointerUp:r.composeEventHandlers(e.onPointerUp,e=>{const t=_.current,r=e.target;if(r.hasPointerCapture(e.pointerId)&&r.releasePointerCapture(e.pointerId),_.current=null,F.current=null,t){const r=e.currentTarget,n={originalEvent:e,delta:t};W(t,P.swipeDirection,P.swipeThreshold)?B("toast.swipeEnd",b,n,{discrete:!0}):B("toast.swipeCancel",h,n,{discrete:!0}),r.addEventListener("click",e=>e.preventDefault(),{once:!0})}})})})}),P.viewport)})]}):null}),I=e=>{const{__scopeToast:t,children:r,...n}=e,o=g(N,t),[s,i]=m.useState(!1),[c,u]=m.useState(!1);return function(e=()=>{}){const t=d.useCallbackRef(e);p.useLayoutEffect(()=>{let e=0,r=0;return e=window.requestAnimationFrame(()=>r=window.requestAnimationFrame(t)),()=>{window.cancelAnimationFrame(e),window.cancelAnimationFrame(r)}},[t])}(()=>i(!0)),m.useEffect(()=>{const e=window.setTimeout(()=>u(!0),1e3);return()=>window.clearTimeout(e)},[]),c?null:v.jsx(a.Portal,{asChild:!0,children:v.jsx(f.VisuallyHidden,{...n,children:s&&v.jsxs(v.Fragment,{children:[o.label," ",r]})})})},K=m.forwardRef((e,t)=>{const{__scopeToast:r,...n}=e;return v.jsx(u.Primitive.div,{...n,ref:t})});K.displayName="ToastTitle";var H=m.forwardRef((e,t)=>{const{__scopeToast:r,...n}=e;return v.jsx(u.Primitive.div,{...n,ref:t})});H.displayName="ToastDescription";var O=m.forwardRef((e,t)=>{const{altText:r,...n}=e;return r.trim()?v.jsx(U,{altText:r,asChild:!0,children:v.jsx($,{...n,ref:t})}):null});O.displayName="ToastAction";var V="ToastClose",$=m.forwardRef((e,t)=>{const{__scopeToast:n,...o}=e,s=M(V,n);return v.jsx(U,{asChild:!0,children:v.jsx(u.Primitive.button,{type:"button",...o,ref:t,onClick:r.composeEventHandlers(e.onClick,s.onClose)})})});$.displayName=V;var U=m.forwardRef((e,t)=>{const{__scopeToast:r,altText:n,...o}=e;return v.jsx(u.Primitive.div,{"data-radix-toast-announce-exclude":"","data-radix-toast-announce-alt":n||void 0,...o,ref:t})});function X(e){const t=[];return Array.from(e.childNodes).forEach(e=>{if(e.nodeType===e.TEXT_NODE&&e.textContent&&t.push(e.textContent),function(e){return e.nodeType===e.ELEMENT_NODE}(e)){const r=e.ariaHidden||e.hidden||"none"===e.style.display,n=""===e.dataset.radixToastAnnounceExclude;if(!r)if(n){const r=e.dataset.radixToastAnnounceAlt;r&&t.push(r)}else t.push(...X(e))}}),t}function B(e,t,r,{discrete:n}){const o=r.originalEvent.currentTarget,s=new CustomEvent(e,{bubbles:!0,cancelable:!0,detail:r});t&&o.addEventListener(e,t,{once:!0}),n?u.dispatchDiscreteCustomEvent(o,s):o.dispatchEvent(s)}var W=(e,t,r=0)=>{const n=Math.abs(e.x),o=Math.abs(e.y),s=n>o;return"left"===t||"right"===t?s&&n>r:!s&&o>r};function Y(e){const t=[],r=document.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,{acceptNode:e=>{const t="INPUT"===e.tagName&&"hidden"===e.type;return e.disabled||e.hidden||t?NodeFilter.FILTER_SKIP:e.tabIndex>=0?NodeFilter.FILTER_ACCEPT:NodeFilter.FILTER_SKIP}});for(;r.nextNode();)t.push(r.currentNode);return t}function z(e){const t=document.activeElement;return e.some(e=>e===t||(e.focus(),document.activeElement!==t))}var G=P,J=L,Q=k,Z=K,ee=H,te=O,re=$;exports.Action=te,exports.Close=re,exports.Description=ee,exports.Provider=G,exports.Root=Q,exports.Title=Z,exports.Toast=k,exports.ToastAction=O,exports.ToastClose=$,exports.ToastDescription=H,exports.ToastProvider=P,exports.ToastTitle=K,exports.ToastViewport=L,exports.Viewport=J;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=require("react-dom"),r=require("./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;
package/dist/index83.js CHANGED
@@ -1,4 +1,4 @@
1
- import*as e from"react";import*as t from"react-dom";import{composeEventHandlers as r}from"./index106.js";import{useComposedRefs as n}from"./index107.js";import{createCollection as o}from"./index108.js";import{createContextScope as s}from"./index109.js";import{Branch as i,Root as a}from"./index110.js";import{Portal as c}from"./index111.js";import{Presence as d}from"./index112.js";import{Primitive as u,dispatchDiscreteCustomEvent as l}from"./index113.js";import{useCallbackRef as p}from"./index114.js";import{useControllableState as f}from"./index115.js";import{useLayoutEffect as m}from"./index116.js";import{VisuallyHidden as w}from"./index117.js";import{jsx as v,jsxs as y,Fragment as T}from"react/jsx-runtime";var E="ToastProvider",[h,x,g]=o("Toast"),[C]=s("Toast",[g]),[b,R]=C(E),P=t=>{const{__scopeToast:r,label:n="Notification",duration:o=5e3,swipeDirection:s="right",swipeThreshold:i=50,children:a}=t,[c,d]=e.useState(null),[u,l]=e.useState(0),p=e.useRef(!1),f=e.useRef(!1);return n.trim(),/* @__PURE__ */v(h.Provider,{scope:r,children:/* @__PURE__ */v(b,{scope:r,label:n,duration:o,swipeDirection:s,swipeThreshold:i,toastCount:u,viewport:c,onViewportChange:d,onToastAdd:e.useCallback(()=>l(e=>e+1),[]),onToastRemove:e.useCallback(()=>l(e=>e-1),[]),isFocusedToastEscapeKeyDownRef:p,isClosePausedRef:f,children:a})})};P.displayName=E;var D="ToastViewport",L=["F8"],S="toast.viewportPause",_="toast.viewportResume",F=e.forwardRef((t,r)=>{const{__scopeToast:o,hotkey:s=L,label:a="Notifications ({hotkey})",...c}=t,d=R(D,o),l=x(o),p=e.useRef(null),f=e.useRef(null),m=e.useRef(null),w=e.useRef(null),T=n(r,w,d.onViewportChange),E=s.join("+").replace(/Key/g,"").replace(/Digit/g,""),g=d.toastCount>0;e.useEffect(()=>{const e=e=>{0!==s.length&&s.every(t=>e[t]||e.code===t)&&w.current?.focus()};return document.addEventListener("keydown",e),()=>document.removeEventListener("keydown",e)},[s]),e.useEffect(()=>{const e=p.current,t=w.current;if(g&&e&&t){const r=()=>{if(!d.isClosePausedRef.current){const e=new CustomEvent(S);t.dispatchEvent(e),d.isClosePausedRef.current=!0}},n=()=>{if(d.isClosePausedRef.current){const e=new CustomEvent(_);t.dispatchEvent(e),d.isClosePausedRef.current=!1}},o=t=>{!e.contains(t.relatedTarget)&&n()},s=()=>{e.contains(document.activeElement)||n()};return e.addEventListener("focusin",r),e.addEventListener("focusout",o),e.addEventListener("pointermove",r),e.addEventListener("pointerleave",s),window.addEventListener("blur",r),window.addEventListener("focus",n),()=>{e.removeEventListener("focusin",r),e.removeEventListener("focusout",o),e.removeEventListener("pointermove",r),e.removeEventListener("pointerleave",s),window.removeEventListener("blur",r),window.removeEventListener("focus",n)}}},[g,d.isClosePausedRef]);const C=e.useCallback(({tabbingDirection:e})=>{const t=l().map(t=>{const r=t.ref.current,n=[r,...z(r)];return"forwards"===e?n:n.reverse()});return("forwards"===e?t.reverse():t).flat()},[l]);return e.useEffect(()=>{const e=w.current;if(e){const t=t=>{const r=t.altKey||t.ctrlKey||t.metaKey;if("Tab"===t.key&&!r){const r=document.activeElement,n=t.shiftKey;if(t.target===e&&n)return void f.current?.focus();const o=C({tabbingDirection:n?"backwards":"forwards"}),s=o.findIndex(e=>e===r);G(o.slice(s+1))?t.preventDefault():n?f.current?.focus():m.current?.focus()}};return e.addEventListener("keydown",t),()=>e.removeEventListener("keydown",t)}},[l,C]),/* @__PURE__ */y(i,{ref:p,role:"region","aria-label":a.replace("{hotkey}",E),tabIndex:-1,style:{pointerEvents:g?void 0:"none"},children:[g&&/* @__PURE__ */v(k,{ref:f,onFocusFromOutsideViewport:()=>{G(C({tabbingDirection:"forwards"}))}}),
1
+ import*as e from"react";import*as t from"react-dom";import{composeEventHandlers as r}from"./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"}))}}),
2
2
  /* @__PURE__ */v(h.Slot,{scope:o,children:/* @__PURE__ */v(u.ol,{tabIndex:-1,...c,ref:T})}),g&&/* @__PURE__ */v(k,{ref:m,onFocusFromOutsideViewport:()=>{G(C({tabbingDirection:"backwards"}))}})]})});F.displayName=D;var N="ToastFocusProxy",k=e.forwardRef((e,t)=>{const{__scopeToast:r,onFocusFromOutsideViewport:n,...o}=e,s=R(N,r);/* @__PURE__ */
3
3
  return v(w,{tabIndex:0,...o,ref:t,style:{position:"fixed"},onFocus:e=>{const t=e.relatedTarget;!s.viewport?.contains(t)&&n()}})});k.displayName=N;var A="Toast",I=e.forwardRef((e,t)=>{const{forceMount:n,open:o,defaultOpen:s,onOpenChange:i,...a}=e,[c,u]=f({prop:o,defaultProp:s??!0,onChange:i,caller:A});/* @__PURE__ */
4
4
  return v(d,{present:n||c,children:/* @__PURE__ */v(j,{open:c,...a,ref:t,onClose:()=>u(!1),onPause:p(e.onPause),onResume:p(e.onResume),onSwipeStart:r(e.onSwipeStart,e=>{e.currentTarget.setAttribute("data-swipe","start")}),onSwipeMove:r(e.onSwipeMove,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","move"),e.currentTarget.style.setProperty("--radix-toast-swipe-move-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-move-y",`${r}px`)}),onSwipeCancel:r(e.onSwipeCancel,e=>{e.currentTarget.setAttribute("data-swipe","cancel"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-end-y")}),onSwipeEnd:r(e.onSwipeEnd,e=>{const{x:t,y:r}=e.detail.delta;e.currentTarget.setAttribute("data-swipe","end"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-x"),e.currentTarget.style.removeProperty("--radix-toast-swipe-move-y"),e.currentTarget.style.setProperty("--radix-toast-swipe-end-x",`${t}px`),e.currentTarget.style.setProperty("--radix-toast-swipe-end-y",`${r}px`),u(!1)})})})});I.displayName=A;var[M,K]=C(A,{onClose(){}}),j=e.forwardRef((o,s)=>{const{__scopeToast:i,type:c="foreground",duration:d,open:l,onClose:f,onEscapeKeyDown:m,onPause:w,onResume:E,onSwipeStart:x,onSwipeMove:g,onSwipeCancel:C,onSwipeEnd:b,...P}=o,D=R(A,i),[L,F]=e.useState(null),N=n(s,e=>F(e)),k=e.useRef(null),I=e.useRef(null),K=d||D.duration,j=e.useRef(0),V=e.useRef(K),$=e.useRef(0),{onToastAdd:U,onToastRemove:X}=D,q=p(()=>{const e=L?.contains(document.activeElement);e&&D.viewport?.focus(),f()}),H=e.useCallback(e=>{e&&e!==1/0&&(window.clearTimeout($.current),j.current=/* @__PURE__ */(new Date).getTime(),$.current=window.setTimeout(q,e))},[q]);e.useEffect(()=>{const e=D.viewport;if(e){const t=()=>{H(V.current),E?.()},r=()=>{const e=/* @__PURE__ */(new Date).getTime()-j.current;V.current=V.current-e,window.clearTimeout($.current),w?.()};return e.addEventListener(S,r),e.addEventListener(_,t),()=>{e.removeEventListener(S,r),e.removeEventListener(_,t)}}},[D.viewport,K,w,E,H]),e.useEffect(()=>{l&&!D.isClosePausedRef.current&&H(K)},[l,K,D.isClosePausedRef,H]),e.useEffect(()=>(U(),()=>X()),[U,X]);const z=e.useMemo(()=>L?W(L):null,[L]);return D.viewport?/* @__PURE__ */y(T,{children:[z&&/* @__PURE__ */v(O,{__scopeToast:i,role:"status","aria-live":"foreground"===c?"assertive":"polite",children:z}),
@@ -1 +1 @@
1
- {"version":3,"file":"ControlledSelect.component.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/controlled/select/ControlledSelect.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AASnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAgEtE,eAAO,MAAM,gBAAgB,EAAwC,CACnE,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,KAAK,EAAE,qBAAqB,CAAC,YAAY,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,KAChF,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAI/B,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}
1
+ {"version":3,"file":"ControlledSelect.component.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/controlled/select/ControlledSelect.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AASnD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAiEtE,eAAO,MAAM,gBAAgB,EAAwC,CACnE,YAAY,SAAS,WAAW,GAAG,WAAW,EAE9C,KAAK,EAAE,qBAAqB,CAAC,YAAY,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAA;CAAE,KAChF,KAAK,CAAC,YAAY,GAAG,IAAI,CAAC;AAI/B,YAAY,EAAE,qBAAqB,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC"}
@@ -1,3 +1,4 @@
1
+ import { ReactNode } from 'react';
1
2
  import { Control, FieldPath, FieldValues, RegisterOptions } from 'react-hook-form';
2
3
 
3
4
  export interface ControlledSelectOption {
@@ -5,6 +6,12 @@ export interface ControlledSelectOption {
5
6
  label: string;
6
7
  /** Optional flag emoji shown before the label */
7
8
  flag?: string;
9
+ /**
10
+ * Optional leading icon shown before the label. Rendered as a plain 20×20
11
+ * inline slot in both the dropdown row and the trigger (when this option
12
+ * is selected). Inherits text color via currentColor.
13
+ */
14
+ icon?: ReactNode;
8
15
  }
9
16
  export interface ControlledSelectProps<TFieldValues extends FieldValues = FieldValues> {
10
17
  /** Optional when used inside a `<Form>` wrapper — auto-resolved from context */
@@ -1 +1 @@
1
- {"version":3,"file":"ControlledSelect.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/controlled/select/ControlledSelect.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAExF,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,qBAAqB,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW;IACnF,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,eAAe,CAAC,YAAY,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC;IAC/D,OAAO,EAAE,sBAAsB,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
1
+ {"version":3,"file":"ControlledSelect.types.d.ts","sourceRoot":"","sources":["../../../../../../src/components/forms/controlled/select/ControlledSelect.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAExF,MAAM,WAAW,sBAAsB;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,iDAAiD;IACjD,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;CAClB;AAED,MAAM,WAAW,qBAAqB,CAAC,YAAY,SAAS,WAAW,GAAG,WAAW;IACnF,gFAAgF;IAChF,OAAO,CAAC,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC;IAChC,IAAI,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IAC9B,KAAK,CAAC,EAAE,eAAe,CAAC,YAAY,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC;IAC/D,OAAO,EAAE,sBAAsB,EAAE,CAAC;IAClC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB"}
@@ -1 +1 @@
1
- {"version":3,"file":"PhoneInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/phone-input/PhoneInput.component.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA2B1D,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAUnG,eAAO,MAAM,UAAU,8GAmYtB,CAAC;AAIF,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
1
+ {"version":3,"file":"PhoneInput.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/phone-input/PhoneInput.component.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AA2B1D,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACtD,OAAO,EAAE,gBAAgB,EAAE,cAAc,EAAE,cAAc,EAAE,kBAAkB,EAAE,MAAM,aAAa,CAAC;AAUnG,eAAO,MAAM,UAAU,8GAiatB,CAAC;AAIF,YAAY,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}
@@ -11,10 +11,15 @@ export declare const triggerStyles = "inline-flex items-center gap-1 shrink-0 m-
11
11
  export declare const 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";
12
12
  export declare const dialCodeStyles = "text-base text-[var(--color-text)] whitespace-nowrap shrink-0";
13
13
  export declare const 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)]";
14
- /** Outer container: rounded corners, shadow. Matches Select Content structure. */
15
- export declare const 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)]";
16
- /** Inner scrollable viewport: same structure as Select Viewport for scrollbar border-radius. */
17
- export declare const dropdownViewportStyles = "select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch] flex flex-col";
14
+ /** Outer container: rounded corners, shadow. Matches Select Content structure.
15
+ * pointer-events-auto: required when used inside a Radix Dialog (Dialog disables
16
+ * pointer events on <body>, which the body-portaled dropdown otherwise inherits). */
17
+ export declare const 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)] pointer-events-auto";
18
+ /** Inner scrollable viewport: same structure as Select Viewport for scrollbar border-radius.
19
+ * Touch-scroll (touch-action / overscroll-behavior / -webkit-overflow-scrolling) lives in
20
+ * `.select-viewport-scrollbar` (effects.css) so the dropdown scrolls correctly on mobile
21
+ * even when portaled inside a Radix Dialog. */
22
+ export declare const dropdownViewportStyles = "select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll flex flex-col";
18
23
  export declare const optionBaseStyles: string;
19
24
  export declare const optionHighlightedStyles = "bg-[var(--color-bg)]";
20
25
  export declare const optionSelectedStyles = "bg-[var(--color-bg-secondary)]";
@@ -1 +1 @@
1
- {"version":3,"file":"PhoneInput.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/phone-input/PhoneInput.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,+DAA+D,CAAC;AAC1F,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAE/C,eAAO,MAAM,WAAW,qFAC4D,CAAC;AAErF,eAAO,MAAM,mBAAmB,QAGrB,CAAC;AACZ,eAAO,MAAM,wBAAwB,WAAW,CAAC;AACjD,eAAO,MAAM,oBAAoB,sCAAsC,CAAC;AACxE,eAAO,MAAM,oBAAoB,gCAAgC,CAAC;AAClE,eAAO,MAAM,uBAAuB,sDAAsD,CAAC;AAC3F,eAAO,MAAM,mBAAmB,0EACyC,CAAC;AAE1E,eAAO,MAAM,aAAa,wSAC6Q,CAAC;AAExS,eAAO,MAAM,UAAU,oIAC4G,CAAC;AAEpI,eAAO,MAAM,cAAc,kEAAkE,CAAC;AAE9F,eAAO,MAAM,WAAW,wOAC+M,CAAC;AAExO,kFAAkF;AAClF,eAAO,MAAM,cAAc,sLAC0J,CAAC;AAEtL,gGAAgG;AAChG,eAAO,MAAM,sBAAsB,mHAC+E,CAAC;AAEnH,eAAO,MAAM,gBAAgB,QAGlB,CAAC;AACZ,eAAO,MAAM,uBAAuB,yBAAyB,CAAC;AAC9D,eAAO,MAAM,oBAAoB,mCAAmC,CAAC;AAErE,eAAO,MAAM,gBAAgB,oIACsG,CAAC;AACpI,eAAO,MAAM,gBAAgB,8FACgE,CAAC;AAC9F,eAAO,MAAM,oBAAoB,oEACkC,CAAC;AAEpE,eAAO,MAAM,WAAW,iEAAiE,CAAC;AAC1F,eAAO,MAAM,YAAY,mEAAmE,CAAC"}
1
+ {"version":3,"file":"PhoneInput.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/phone-input/PhoneInput.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,aAAa,+DAA+D,CAAC;AAC1F,eAAO,MAAM,sBAAsB,WAAW,CAAC;AAE/C,eAAO,MAAM,WAAW,qFAC4D,CAAC;AAErF,eAAO,MAAM,mBAAmB,QAGrB,CAAC;AACZ,eAAO,MAAM,wBAAwB,WAAW,CAAC;AACjD,eAAO,MAAM,oBAAoB,sCAAsC,CAAC;AACxE,eAAO,MAAM,oBAAoB,gCAAgC,CAAC;AAClE,eAAO,MAAM,uBAAuB,sDAAsD,CAAC;AAC3F,eAAO,MAAM,mBAAmB,0EACyC,CAAC;AAE1E,eAAO,MAAM,aAAa,wSAC6Q,CAAC;AAExS,eAAO,MAAM,UAAU,oIAC4G,CAAC;AAEpI,eAAO,MAAM,cAAc,kEAAkE,CAAC;AAE9F,eAAO,MAAM,WAAW,wOAC+M,CAAC;AAExO;;sFAEsF;AACtF,eAAO,MAAM,cAAc,0MAC8K,CAAC;AAE1M;;;gDAGgD;AAChD,eAAO,MAAM,sBAAsB,gFAC4C,CAAC;AAEhF,eAAO,MAAM,gBAAgB,QAGlB,CAAC;AACZ,eAAO,MAAM,uBAAuB,yBAAyB,CAAC;AAC9D,eAAO,MAAM,oBAAoB,mCAAmC,CAAC;AAErE,eAAO,MAAM,gBAAgB,oIACsG,CAAC;AACpI,eAAO,MAAM,gBAAgB,8FACgE,CAAC;AAC9F,eAAO,MAAM,oBAAoB,oEACkC,CAAC;AAEpE,eAAO,MAAM,WAAW,iEAAiE,CAAC;AAC1F,eAAO,MAAM,YAAY,mEAAmE,CAAC"}
@@ -1 +1 @@
1
- {"version":3,"file":"Select.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/select/Select.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,gBAAgB,CAAC;AAsBxB,eAAO,MAAM,MAAM,iDAAuB,CAAC;AAE3C,eAAO,MAAM,aAAa,kHAuIzB,CAAC;AAGF,eAAO,MAAM,WAAW,8HAAwB,CAAC;AAEjD,eAAO,MAAM,aAAa,+GAkCzB,CAAC;AAGF,eAAO,MAAM,UAAU,4GA8BtB,CAAC;AAGF,eAAO,MAAM,WAAW,6HAAwB,CAAC;AAEjD,eAAO,MAAM,WAAW,6GAevB,CAAC;AAGF,eAAO,MAAM,eAAe,iHAgB1B,CAAC;AAGH,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,gBAAgB,CAAC"}
1
+ {"version":3,"file":"Select.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/select/Select.component.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,EACV,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,EACrB,MAAM,gBAAgB,CAAC;AAuBxB,eAAO,MAAM,MAAM,iDAAuB,CAAC;AAE3C,eAAO,MAAM,aAAa,kHAuIzB,CAAC;AAGF,eAAO,MAAM,WAAW,8HAAwB,CAAC;AAEjD,eAAO,MAAM,aAAa,+GAkCzB,CAAC;AAGF,eAAO,MAAM,UAAU,4GAiDtB,CAAC;AAGF,eAAO,MAAM,WAAW,6HAAwB,CAAC;AAEjD,eAAO,MAAM,WAAW,6GAevB,CAAC;AAGF,eAAO,MAAM,eAAe,iHAgB1B,CAAC;AAGH,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,eAAe,EACf,gBAAgB,EAChB,oBAAoB,GACrB,MAAM,gBAAgB,CAAC"}
@@ -12,10 +12,19 @@ export declare const triggerErrorStyles = "text-xs leading-none text-[var(--colo
12
12
  export declare const triggerHelperStyles = "text-xs leading-none text-[var(--color-grey-07)] ps-3.5 pt-1.5";
13
13
  /** 8px gap between trigger and dropdown. Radix sideOffset=0; gap via margin-top. */
14
14
  export declare const contentStyles: string;
15
- /** Max height for 4 visible items, then scroll. Radix hides scrollbar by default - overridden in effects.css (select-viewport-scrollbar). */
16
- export declare const viewportStyles = "select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll [-webkit-overflow-scrolling:touch]";
15
+ /** Max height for 4 visible items, then scroll. Radix hides scrollbar by default overridden
16
+ * in effects.css (.select-viewport-scrollbar), which also handles mobile touch-scroll
17
+ * (touch-action / overscroll-behavior / -webkit-overflow-scrolling). */
18
+ export declare const viewportStyles = "select-viewport-scrollbar p-1 max-h-[12rem] overflow-y-scroll";
17
19
  export declare const itemStyles: string;
18
20
  export declare const 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";
21
+ /**
22
+ * Leading icon slot — Figma node 43011:37057 "Role icon".
23
+ * Fixed 1.25rem (20px) alignment column so labels line up across rows.
24
+ * Icons render at their natural width/height (no stretching) and inherit
25
+ * `--color-icon-secondary` (#C9C9CF) by default via currentColor.
26
+ */
27
+ export declare const itemIconStyles = "inline-flex items-center justify-center shrink-0 w-5 h-5 text-[var(--color-icon-secondary)]";
19
28
  export declare const labelStyles = "py-2 px-2 text-xs font-medium text-[var(--color-grey-07)]";
20
29
  export declare const separatorStyles = "h-px my-1 bg-[var(--color-border)]";
21
30
  //# sourceMappingURL=Select.styles.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/select/Select.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,+DAA+D,CAAC;AACjG,eAAO,MAAM,6BAA6B,WAAW,CAAC;AAEtD,eAAO,MAAM,kBAAkB,qFACqD,CAAC;AACrF,eAAO,MAAM,uBAAuB,8BAA8B,CAAC;AACnE,eAAO,MAAM,0BAA0B,eAAe,CAAC;AAEvD,eAAO,MAAM,mBAAmB,QAQrB,CAAC;AACZ,eAAO,MAAM,wBAAwB,kJAC4G,CAAC;AAClJ,eAAO,MAAM,8BAA8B,uCAAuC,CAAC;AAEnF,eAAO,MAAM,kBAAkB,mEAAmE,CAAC;AAEnG,eAAO,MAAM,iBAAiB,8LAC+J,CAAC;AAE9L,eAAO,MAAM,kBAAkB,iEAAiE,CAAC;AACjG,eAAO,MAAM,mBAAmB,mEAAmE,CAAC;AAEpG,oFAAoF;AACpF,eAAO,MAAM,aAAa,QAGf,CAAC;AAEZ,6IAA6I;AAC7I,eAAO,MAAM,cAAc,qGACyE,CAAC;AAErG,eAAO,MAAM,UAAU,QAMZ,CAAC;AAEZ,eAAO,MAAM,cAAc,oIACwG,CAAC;AAEpI,eAAO,MAAM,WAAW,8DAA8D,CAAC;AAEvF,eAAO,MAAM,eAAe,uCAAuC,CAAC"}
1
+ {"version":3,"file":"Select.styles.d.ts","sourceRoot":"","sources":["../../../../../src/components/forms/select/Select.styles.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,oBAAoB,+DAA+D,CAAC;AACjG,eAAO,MAAM,6BAA6B,WAAW,CAAC;AAEtD,eAAO,MAAM,kBAAkB,qFACqD,CAAC;AACrF,eAAO,MAAM,uBAAuB,8BAA8B,CAAC;AACnE,eAAO,MAAM,0BAA0B,eAAe,CAAC;AAEvD,eAAO,MAAM,mBAAmB,QAQrB,CAAC;AACZ,eAAO,MAAM,wBAAwB,kJAC4G,CAAC;AAClJ,eAAO,MAAM,8BAA8B,uCAAuC,CAAC;AAEnF,eAAO,MAAM,kBAAkB,mEAAmE,CAAC;AAEnG,eAAO,MAAM,iBAAiB,8LAC+J,CAAC;AAE9L,eAAO,MAAM,kBAAkB,iEAAiE,CAAC;AACjG,eAAO,MAAM,mBAAmB,mEAAmE,CAAC;AAEpG,oFAAoF;AACpF,eAAO,MAAM,aAAa,QAGf,CAAC;AAEZ;;yEAEyE;AACzE,eAAO,MAAM,cAAc,kEAAkE,CAAC;AAE9F,eAAO,MAAM,UAAU,QAMZ,CAAC;AAEZ,eAAO,MAAM,cAAc,oIACwG,CAAC;AAEpI;;;;;GAKG;AACH,eAAO,MAAM,cAAc,gGACoE,CAAC;AAEhG,eAAO,MAAM,WAAW,8DAA8D,CAAC;AAEvF,eAAO,MAAM,eAAe,uCAAuC,CAAC"}