@adam-milo/ui 1.0.97 → 1.0.99

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 (254) hide show
  1. package/dist/index.cjs +1 -1
  2. package/dist/index.js +1 -1
  3. package/dist/index10.cjs +1 -1
  4. package/dist/index10.js +1 -1
  5. package/dist/index100.cjs +1 -1
  6. package/dist/index100.js +1 -5
  7. package/dist/index101.cjs +1 -1
  8. package/dist/index101.js +1 -1
  9. package/dist/index102.cjs +1 -1
  10. package/dist/index102.js +1 -1
  11. package/dist/index103.cjs +1 -1
  12. package/dist/index103.js +1 -3
  13. package/dist/index104.cjs +1 -1
  14. package/dist/index104.js +3 -2
  15. package/dist/index105.cjs +1 -1
  16. package/dist/index105.js +2 -1
  17. package/dist/index106.cjs +1 -1
  18. package/dist/index106.js +1 -1
  19. package/dist/index107.cjs +1 -1
  20. package/dist/index107.js +1 -1
  21. package/dist/index108.cjs +1 -1
  22. package/dist/index108.js +1 -1
  23. package/dist/index109.cjs +1 -1
  24. package/dist/index109.js +1 -1
  25. package/dist/index11.cjs +1 -1
  26. package/dist/index11.js +1 -1
  27. package/dist/index110.cjs +1 -1
  28. package/dist/index110.js +1 -1
  29. package/dist/index111.cjs +1 -1
  30. package/dist/index111.js +1 -1
  31. package/dist/index112.cjs +1 -1
  32. package/dist/index112.js +1 -1
  33. package/dist/index113.cjs +1 -1
  34. package/dist/index113.js +1 -3
  35. package/dist/index114.cjs +1 -1
  36. package/dist/index114.js +5 -1
  37. package/dist/index115.cjs +1 -1
  38. package/dist/index115.js +3 -1
  39. package/dist/index116.cjs +1 -1
  40. package/dist/index116.js +1 -4
  41. package/dist/index117.cjs +1 -1
  42. package/dist/index117.js +1 -1
  43. package/dist/index118.cjs +1 -1
  44. package/dist/index118.js +4 -2
  45. package/dist/index119.cjs +1 -1
  46. package/dist/index119.js +1 -1
  47. package/dist/index12.cjs +1 -1
  48. package/dist/index12.js +1 -1
  49. package/dist/index120.cjs +1 -1
  50. package/dist/index120.js +2 -1
  51. package/dist/index121.cjs +1 -1
  52. package/dist/index121.js +1 -1
  53. package/dist/index122.cjs +1 -1
  54. package/dist/index122.js +1 -1
  55. package/dist/index123.cjs +1 -1
  56. package/dist/index123.js +1 -1
  57. package/dist/index124.cjs +1 -0
  58. package/dist/index124.js +1 -0
  59. package/dist/index125.cjs +1 -0
  60. package/dist/index125.js +1 -0
  61. package/dist/index13.cjs +1 -1
  62. package/dist/index13.js +1 -1
  63. package/dist/index14.cjs +1 -1
  64. package/dist/index14.js +1 -1
  65. package/dist/index15.cjs +1 -1
  66. package/dist/index15.js +1 -1
  67. package/dist/index16.cjs +1 -1
  68. package/dist/index16.js +1 -1
  69. package/dist/index17.cjs +1 -1
  70. package/dist/index17.js +1 -1
  71. package/dist/index18.cjs +1 -1
  72. package/dist/index18.js +6 -6
  73. package/dist/index19.cjs +1 -1
  74. package/dist/index19.js +1 -1
  75. package/dist/index20.cjs +1 -1
  76. package/dist/index20.js +1 -1
  77. package/dist/index3.cjs +1 -1
  78. package/dist/index3.js +1 -1
  79. package/dist/index33.cjs +1 -1
  80. package/dist/index33.js +1 -1
  81. package/dist/index34.cjs +1 -1
  82. package/dist/index34.js +1 -1
  83. package/dist/index35.cjs +1 -1
  84. package/dist/index35.js +1 -1
  85. package/dist/index36.cjs +1 -1
  86. package/dist/index36.js +1 -1
  87. package/dist/index37.cjs +1 -1
  88. package/dist/index37.js +1 -1
  89. package/dist/index38.cjs +1 -1
  90. package/dist/index38.js +1 -1
  91. package/dist/index39.cjs +1 -1
  92. package/dist/index39.js +9 -9
  93. package/dist/index4.cjs +1 -1
  94. package/dist/index4.js +1 -1
  95. package/dist/index40.cjs +1 -1
  96. package/dist/index40.js +1 -1
  97. package/dist/index41.cjs +1 -1
  98. package/dist/index41.js +1 -1
  99. package/dist/index42.cjs +1 -1
  100. package/dist/index42.js +1 -1
  101. package/dist/index43.cjs +1 -1
  102. package/dist/index43.js +1 -1
  103. package/dist/index44.cjs +1 -1
  104. package/dist/index44.js +9 -2
  105. package/dist/index45.cjs +1 -1
  106. package/dist/index45.js +2 -2
  107. package/dist/index46.cjs +1 -1
  108. package/dist/index46.js +2 -2
  109. package/dist/index47.cjs +1 -1
  110. package/dist/index47.js +2 -5
  111. package/dist/index48.cjs +1 -1
  112. package/dist/index48.js +5 -3
  113. package/dist/index49.cjs +1 -1
  114. package/dist/index49.js +3 -2
  115. package/dist/index5.cjs +1 -1
  116. package/dist/index5.js +1 -1
  117. package/dist/index50.cjs +1 -1
  118. package/dist/index50.js +2 -2
  119. package/dist/index51.cjs +1 -1
  120. package/dist/index51.js +2 -2
  121. package/dist/index52.cjs +1 -1
  122. package/dist/index52.js +2 -2
  123. package/dist/index53.cjs +1 -1
  124. package/dist/index53.js +2 -10
  125. package/dist/index54.cjs +1 -1
  126. package/dist/index54.js +10 -11
  127. package/dist/index55.cjs +1 -1
  128. package/dist/index55.js +11 -1
  129. package/dist/index56.cjs +1 -1
  130. package/dist/index56.js +1 -1
  131. package/dist/index57.cjs +1 -1
  132. package/dist/index57.js +1 -1
  133. package/dist/index58.cjs +1 -1
  134. package/dist/index58.js +1 -1
  135. package/dist/index59.cjs +1 -1
  136. package/dist/index59.js +1 -1
  137. package/dist/index6.cjs +1 -1
  138. package/dist/index6.js +1 -1
  139. package/dist/index60.cjs +1 -1
  140. package/dist/index60.js +1 -1
  141. package/dist/index61.cjs +1 -1
  142. package/dist/index61.js +1 -1
  143. package/dist/index62.cjs +1 -1
  144. package/dist/index62.js +1 -9
  145. package/dist/index63.cjs +1 -1
  146. package/dist/index63.js +9 -1
  147. package/dist/index64.cjs +1 -1
  148. package/dist/index64.js +1 -1
  149. package/dist/index65.cjs +1 -1
  150. package/dist/index65.js +1 -1
  151. package/dist/index66.cjs +1 -1
  152. package/dist/index66.js +1 -1
  153. package/dist/index67.cjs +1 -1
  154. package/dist/index67.js +1 -1
  155. package/dist/index68.cjs +1 -1
  156. package/dist/index68.js +1 -1
  157. package/dist/index69.cjs +1 -1
  158. package/dist/index69.js +1 -1
  159. package/dist/index7.cjs +1 -1
  160. package/dist/index7.js +1 -1
  161. package/dist/index70.cjs +1 -1
  162. package/dist/index70.js +1 -1
  163. package/dist/index71.cjs +1 -1
  164. package/dist/index71.js +1 -7
  165. package/dist/index72.cjs +1 -1
  166. package/dist/index72.js +7 -1
  167. package/dist/index73.cjs +1 -1
  168. package/dist/index73.js +1 -1
  169. package/dist/index74.cjs +1 -1
  170. package/dist/index74.js +1 -1
  171. package/dist/index75.cjs +1 -1
  172. package/dist/index75.js +1 -1
  173. package/dist/index76.cjs +1 -1
  174. package/dist/index76.js +1 -1
  175. package/dist/index77.cjs +1 -1
  176. package/dist/index77.js +1 -1
  177. package/dist/index78.cjs +1 -1
  178. package/dist/index78.js +1 -1
  179. package/dist/index79.cjs +1 -1
  180. package/dist/index79.js +1 -1
  181. package/dist/index8.cjs +1 -1
  182. package/dist/index8.js +1 -1
  183. package/dist/index80.cjs +1 -1
  184. package/dist/index80.js +1 -10
  185. package/dist/index81.cjs +1 -1
  186. package/dist/index81.js +10 -1
  187. package/dist/index82.cjs +1 -1
  188. package/dist/index82.js +1 -1
  189. package/dist/index83.cjs +1 -1
  190. package/dist/index83.js +1 -1
  191. package/dist/index84.cjs +1 -1
  192. package/dist/index84.js +1 -1
  193. package/dist/index85.cjs +1 -1
  194. package/dist/index85.js +1 -1
  195. package/dist/index86.cjs +1 -1
  196. package/dist/index86.js +1 -1
  197. package/dist/index87.cjs +1 -1
  198. package/dist/index87.js +1 -1
  199. package/dist/index88.cjs +1 -1
  200. package/dist/index88.js +1 -1
  201. package/dist/index89.cjs +1 -1
  202. package/dist/index89.js +1 -1
  203. package/dist/index9.cjs +1 -1
  204. package/dist/index9.js +1 -1
  205. package/dist/index90.cjs +1 -1
  206. package/dist/index90.js +1 -1
  207. package/dist/index91.cjs +1 -1
  208. package/dist/index91.js +1 -1
  209. package/dist/index92.cjs +1 -1
  210. package/dist/index92.js +1 -1
  211. package/dist/index93.cjs +1 -1
  212. package/dist/index93.js +1 -1
  213. package/dist/index94.cjs +1 -1
  214. package/dist/index94.js +1 -1
  215. package/dist/index95.cjs +1 -1
  216. package/dist/index95.js +1 -1
  217. package/dist/index96.cjs +1 -1
  218. package/dist/index96.js +1 -1
  219. package/dist/index97.cjs +1 -1
  220. package/dist/index97.js +1 -1
  221. package/dist/index98.cjs +1 -1
  222. package/dist/index98.js +1 -1
  223. package/dist/index99.cjs +1 -1
  224. package/dist/index99.js +1 -1
  225. package/dist/src/components/data-display/datatable/DataTable.component.d.ts.map +1 -1
  226. package/dist/src/components/data-display/datatable/DataTable.styles.d.ts +5 -4
  227. package/dist/src/components/data-display/datatable/DataTable.styles.d.ts.map +1 -1
  228. package/dist/src/components/forms/autocomplete/Autocomplete.component.d.ts.map +1 -1
  229. package/dist/src/components/forms/autocomplete/Autocomplete.styles.d.ts +1 -1
  230. package/dist/src/components/forms/autocomplete/Autocomplete.styles.d.ts.map +1 -1
  231. package/dist/src/components/forms/checkbox/Checkbox.styles.d.ts +1 -1
  232. package/dist/src/components/forms/checkbox/Checkbox.styles.d.ts.map +1 -1
  233. package/dist/src/components/forms/input/Input.styles.d.ts +1 -1
  234. package/dist/src/components/forms/input/Input.styles.d.ts.map +1 -1
  235. package/dist/src/components/forms/otp-input/OTPInput.styles.d.ts +1 -1
  236. package/dist/src/components/forms/otp-input/OTPInput.styles.d.ts.map +1 -1
  237. package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts +1 -1
  238. package/dist/src/components/forms/phone-input/PhoneInput.styles.d.ts.map +1 -1
  239. package/dist/src/components/forms/radio/Radio.styles.d.ts +1 -1
  240. package/dist/src/components/forms/radio/Radio.styles.d.ts.map +1 -1
  241. package/dist/src/components/forms/select/Select.styles.d.ts +1 -1
  242. package/dist/src/components/forms/select/Select.styles.d.ts.map +1 -1
  243. package/dist/src/components/forms/textarea/Textarea.styles.d.ts +1 -1
  244. package/dist/src/components/forms/textarea/Textarea.styles.d.ts.map +1 -1
  245. package/dist/src/components/overlays/drawer/Drawer.component.d.ts +11 -0
  246. package/dist/src/components/overlays/drawer/Drawer.component.d.ts.map +1 -0
  247. package/dist/src/components/overlays/drawer/Drawer.styles.d.ts +12 -0
  248. package/dist/src/components/overlays/drawer/Drawer.styles.d.ts.map +1 -0
  249. package/dist/src/components/overlays/drawer/Drawer.types.d.ts +53 -0
  250. package/dist/src/components/overlays/drawer/Drawer.types.d.ts.map +1 -0
  251. package/dist/src/index.d.ts +2 -0
  252. package/dist/src/index.d.ts.map +1 -1
  253. package/dist/styles.css +1 -1
  254. package/package.json +1 -1
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("./index55.cjs"),s=require("./index67.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"),r=require("@radix-ui/react-select"),a=require("./index56.cjs"),s=require("./index68.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;
package/dist/index13.js CHANGED
@@ -1,4 +1,4 @@
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"./index55.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"./index67.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__ */
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"./index56.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"./index68.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
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
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
4
  /* @__PURE__ */e("span",{className:c,children:w?d:/* @__PURE__ */e("span",{"data-cy":`${M}-placeholder`,"data-testid":`${O}-placeholder`,children:S||i})}),
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("./index55.cjs"),n=require("@adam-milo/icons"),s=require("./index57.cjs"),o=require("./index68.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("./index56.cjs"),n=require("@adam-milo/icons"),s=require("./index58.cjs"),o=require("./index69.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;
package/dist/index14.js CHANGED
@@ -1,4 +1,4 @@
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"./index55.js";import{Icon as u}from"@adam-milo/icons";import{defaultPhoneMask as p,getPhoneDigits as m,formatWithMask as h}from"./index57.js";import{isValidPhoneLength as f}from"./index57.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"./index68.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__ */
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"./index56.js";import{Icon as u}from"@adam-milo/icons";import{defaultPhoneMask as p,getPhoneDigits as m,formatWithMask as h}from"./index58.js";import{isValidPhoneLength as f}from"./index58.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"./index69.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
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
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
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:[
package/dist/index15.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index55.cjs"),r=require("./index69.cjs"),l=t.forwardRef(({length:l=4,label:s,value:i="",onChange:n,onComplete:c,error:d,helperText:o,disabled:u=!1,autoFocus:p=!1,fullWidth:f=!1,centered:y=!1,type:b="numeric",size:g="lg",required:h=!1,"data-cy":m,"data-testid":$},v)=>{const x=t.useId(),S=`${x}-label`,k=`${x}-error`,D=`${x}-helper`,j=m||"otp-input",C=$||"otp-input",w="sm"===g?r.digitSizeSmStyles:r.digitSizeLgStyles,A=t.useRef([]),[I,E]=t.useState(()=>i.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l));t.useEffect(()=>{const e=i.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l);E(e)},[i,l]);const N=t.useCallback(e=>"numeric"===b?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[b]),q=t.useCallback(e=>{E(e);const t=e.join("");n?.(t),e.every(e=>""!==e)&&e.length===l&&c?.(t)},[n,c,l]),z=t.useCallback(e=>{const t=A.current[e];t&&(t.focus(),t.select())},[]),P=t.useCallback((e,t)=>{const a=t.target.value;if(1===a.length&&N(a)){const t=[...I];t[e]=a,q(t),e<l-1&&z(e+1)}else if(a.length>1){const t=a.split("").filter(N),r=[...I];t.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),q(r);const s=r.findIndex(e=>""===e);z(-1===s?l-1:s)}},[I,l,N,q,z]),T=t.useCallback((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),I[e]){const t=[...I];t[e]="",q(t)}else if(e>0){const t=[...I];t[e-1]="",q(t),z(e-1)}break;case"Delete":if(t.preventDefault(),I[e]){const t=[...I];t[e]="",q(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&z(e-1);break;case"ArrowRight":t.preventDefault(),e<l-1&&z(e+1);break;case"Home":t.preventDefault(),z(0);break;case"End":t.preventDefault(),z(l-1);break;default:if(1===t.key.length&&N(t.key)){t.preventDefault();const a=[...I];a[e]=t.key,q(a),e<l-1&&z(e+1)}}},[I,l,N,q,z]),B=t.useCallback((e,t)=>{t.preventDefault();const a=t.clipboardData.getData("text").split("").filter(N);if(0===a.length)return;const r=[...I];a.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),q(r);const s=r.findIndex(e=>""===e);z(-1===s?l-1:s)},[I,l,N,q,z]),O=t.useCallback(e=>{e.target.select()},[]);return t.useImperativeHandle(v,()=>({focus:()=>{const e=I.findIndex(e=>""===e);z(-1===e?l-1:e)},clear:()=>{const e=Array(l).fill("");q(e),z(0)},getValue:()=>I.join("")}),[I,l,z,q]),t.useEffect(()=>{p&&!u&&z(0)},[p,u,z]),e.jsxs("div",{className:a.cn(r.wrapperStyles,f&&r.wrapperFullWidthStyles),"data-cy":`${j}-wrapper`,"data-testid":`${C}-wrapper`,children:[s&&e.jsx("label",{id:S,className:a.cn(r.labelBaseStyles,d&&r.labelErrorStyles,u&&r.labelDisabledStyles),"data-cy":`${j}-label`,"data-testid":`${C}-label`,children:s}),e.jsx("div",{className:a.cn(r.containerBaseStyles,y&&r.containerCenteredStyles),role:"group","aria-labelledby":s?S:void 0,"aria-label":s?void 0:"OTP Input","data-cy":`${j}-container`,"data-testid":`${C}-container`,children:Array.from({length:l},(t,s)=>e.jsx("input",{ref:e=>{A.current[s]=e},type:"text",inputMode:"numeric"===b?"numeric":"text",pattern:"numeric"===b?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:I[s]||"",onChange:e=>P(s,e),onKeyDown:e=>T(s,e),onPaste:e=>B(s,e),onFocus:O,disabled:u,required:h,"aria-label":`Digit ${s+1} of ${l}`,"aria-invalid":d?"true":"false","aria-describedby":d?k:o?D:void 0,className:a.cn(r.digitBaseStyles,w,d&&r.digitErrorStyles),"data-otp-digit":!0,"data-cy":`${j}-digit-${s}`,"data-testid":`${C}-digit-${s}`,autoComplete:"one-time-code"},s))}),d&&e.jsx("span",{id:k,className:r.errorStyles,role:"alert","data-cy":`${j}-error`,"data-testid":`${C}-error`,children:d}),o&&!d&&e.jsx("span",{id:D,className:r.helperStyles,"data-cy":`${j}-helper`,"data-testid":`${C}-helper`,children:o})]})});l.displayName="OTPInput",exports.OTPInput=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index56.cjs"),r=require("./index70.cjs"),l=t.forwardRef(({length:l=4,label:s,value:i="",onChange:n,onComplete:c,error:d,helperText:o,disabled:u=!1,autoFocus:p=!1,fullWidth:f=!1,centered:y=!1,type:b="numeric",size:g="lg",required:h=!1,"data-cy":m,"data-testid":$},v)=>{const x=t.useId(),S=`${x}-label`,k=`${x}-error`,D=`${x}-helper`,j=m||"otp-input",C=$||"otp-input",w="sm"===g?r.digitSizeSmStyles:r.digitSizeLgStyles,A=t.useRef([]),[I,E]=t.useState(()=>i.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l));t.useEffect(()=>{const e=i.split("").slice(0,l).concat(Array(l).fill("")).slice(0,l);E(e)},[i,l]);const N=t.useCallback(e=>"numeric"===b?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[b]),q=t.useCallback(e=>{E(e);const t=e.join("");n?.(t),e.every(e=>""!==e)&&e.length===l&&c?.(t)},[n,c,l]),z=t.useCallback(e=>{const t=A.current[e];t&&(t.focus(),t.select())},[]),P=t.useCallback((e,t)=>{const a=t.target.value;if(1===a.length&&N(a)){const t=[...I];t[e]=a,q(t),e<l-1&&z(e+1)}else if(a.length>1){const t=a.split("").filter(N),r=[...I];t.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),q(r);const s=r.findIndex(e=>""===e);z(-1===s?l-1:s)}},[I,l,N,q,z]),T=t.useCallback((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),I[e]){const t=[...I];t[e]="",q(t)}else if(e>0){const t=[...I];t[e-1]="",q(t),z(e-1)}break;case"Delete":if(t.preventDefault(),I[e]){const t=[...I];t[e]="",q(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&z(e-1);break;case"ArrowRight":t.preventDefault(),e<l-1&&z(e+1);break;case"Home":t.preventDefault(),z(0);break;case"End":t.preventDefault(),z(l-1);break;default:if(1===t.key.length&&N(t.key)){t.preventDefault();const a=[...I];a[e]=t.key,q(a),e<l-1&&z(e+1)}}},[I,l,N,q,z]),B=t.useCallback((e,t)=>{t.preventDefault();const a=t.clipboardData.getData("text").split("").filter(N);if(0===a.length)return;const r=[...I];a.forEach((t,a)=>{e+a<l&&(r[e+a]=t)}),q(r);const s=r.findIndex(e=>""===e);z(-1===s?l-1:s)},[I,l,N,q,z]),O=t.useCallback(e=>{e.target.select()},[]);return t.useImperativeHandle(v,()=>({focus:()=>{const e=I.findIndex(e=>""===e);z(-1===e?l-1:e)},clear:()=>{const e=Array(l).fill("");q(e),z(0)},getValue:()=>I.join("")}),[I,l,z,q]),t.useEffect(()=>{p&&!u&&z(0)},[p,u,z]),e.jsxs("div",{className:a.cn(r.wrapperStyles,f&&r.wrapperFullWidthStyles),"data-cy":`${j}-wrapper`,"data-testid":`${C}-wrapper`,children:[s&&e.jsx("label",{id:S,className:a.cn(r.labelBaseStyles,d&&r.labelErrorStyles,u&&r.labelDisabledStyles),"data-cy":`${j}-label`,"data-testid":`${C}-label`,children:s}),e.jsx("div",{className:a.cn(r.containerBaseStyles,y&&r.containerCenteredStyles),role:"group","aria-labelledby":s?S:void 0,"aria-label":s?void 0:"OTP Input","data-cy":`${j}-container`,"data-testid":`${C}-container`,children:Array.from({length:l},(t,s)=>e.jsx("input",{ref:e=>{A.current[s]=e},type:"text",inputMode:"numeric"===b?"numeric":"text",pattern:"numeric"===b?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:I[s]||"",onChange:e=>P(s,e),onKeyDown:e=>T(s,e),onPaste:e=>B(s,e),onFocus:O,disabled:u,required:h,"aria-label":`Digit ${s+1} of ${l}`,"aria-invalid":d?"true":"false","aria-describedby":d?k:o?D:void 0,className:a.cn(r.digitBaseStyles,w,d&&r.digitErrorStyles),"data-otp-digit":!0,"data-cy":`${j}-digit-${s}`,"data-testid":`${C}-digit-${s}`,autoComplete:"one-time-code"},s))}),d&&e.jsx("span",{id:k,className:r.errorStyles,role:"alert","data-cy":`${j}-error`,"data-testid":`${C}-error`,children:d}),o&&!d&&e.jsx("span",{id:D,className:r.helperStyles,"data-cy":`${j}-helper`,"data-testid":`${C}-helper`,children:o})]})});l.displayName="OTPInput",exports.OTPInput=l;
package/dist/index15.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useId as r,useRef as i,useState as l,useEffect as n,useCallback as c,useImperativeHandle as s}from"react";import{cn as o}from"./index55.js";import{errorStyles as d,helperStyles as p,labelDisabledStyles as u,labelErrorStyles as f,labelBaseStyles as m,digitErrorStyles as h,digitSizeSmStyles as y,digitSizeLgStyles as g,digitBaseStyles as $,containerCenteredStyles as b,containerBaseStyles as v,wrapperFullWidthStyles as D,wrapperStyles as x}from"./index69.js";const k=a(({length:a=4,label:k,value:A="",onChange:N,onComplete:w,error:j,helperText:I,disabled:C=!1,autoFocus:z=!1,fullWidth:E=!1,centered:P=!1,type:T="numeric",size:q="lg",required:F=!1,"data-cy":L,"data-testid":O},Z)=>{const B=r(),H=`${B}-label`,K=`${B}-error`,M=`${B}-helper`,R=L||"otp-input",V=O||"otp-input",W="sm"===q?y:g,G=i([]),[J,Q]=l(()=>A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a));n(()=>{const e=A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a);Q(e)},[A,a]);const S=c(e=>"numeric"===T?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[T]),U=c(e=>{Q(e);const t=e.join("");N?.(t),e.every(e=>""!==e)&&e.length===a&&w?.(t)},[N,w,a]),X=c(e=>{const t=G.current[e];t&&(t.focus(),t.select())},[]),Y=c((e,t)=>{const r=t.target.value;if(1===r.length&&S(r)){const t=[...J];t[e]=r,U(t),e<a-1&&X(e+1)}else if(r.length>1){const t=r.split("").filter(S),i=[...J];t.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),U(i);const l=i.findIndex(e=>""===e);X(-1===l?a-1:l)}},[J,a,S,U,X]),_=c((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),J[e]){const t=[...J];t[e]="",U(t)}else if(e>0){const t=[...J];t[e-1]="",U(t),X(e-1)}break;case"Delete":if(t.preventDefault(),J[e]){const t=[...J];t[e]="",U(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&X(e-1);break;case"ArrowRight":t.preventDefault(),e<a-1&&X(e+1);break;case"Home":t.preventDefault(),X(0);break;case"End":t.preventDefault(),X(a-1);break;default:if(1===t.key.length&&S(t.key)){t.preventDefault();const r=[...J];r[e]=t.key,U(r),e<a-1&&X(e+1)}}},[J,a,S,U,X]),ee=c((e,t)=>{t.preventDefault();const r=t.clipboardData.getData("text").split("").filter(S);if(0===r.length)return;const i=[...J];r.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),U(i);const l=i.findIndex(e=>""===e);X(-1===l?a-1:l)},[J,a,S,U,X]),te=c(e=>{e.target.select()},[]);return s(Z,()=>({focus:()=>{const e=J.findIndex(e=>""===e);X(-1===e?a-1:e)},clear:()=>{const e=Array(a).fill("");U(e),X(0)},getValue:()=>J.join("")}),[J,a,X,U]),n(()=>{z&&!C&&X(0)},[z,C,X]),/* @__PURE__ */e("div",{className:o(x,E&&D),"data-cy":`${R}-wrapper`,"data-testid":`${V}-wrapper`,children:[k&&/* @__PURE__ */t("label",{id:H,className:o(m,j&&f,C&&u),"data-cy":`${R}-label`,"data-testid":`${V}-label`,children:k}),
1
+ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as a,useId as r,useRef as i,useState as l,useEffect as n,useCallback as c,useImperativeHandle as s}from"react";import{cn as o}from"./index56.js";import{errorStyles as d,helperStyles as p,labelDisabledStyles as u,labelErrorStyles as f,labelBaseStyles as m,digitErrorStyles as h,digitSizeSmStyles as y,digitSizeLgStyles as g,digitBaseStyles as $,containerCenteredStyles as b,containerBaseStyles as v,wrapperFullWidthStyles as D,wrapperStyles as x}from"./index70.js";const k=a(({length:a=4,label:k,value:A="",onChange:N,onComplete:w,error:j,helperText:I,disabled:C=!1,autoFocus:z=!1,fullWidth:E=!1,centered:P=!1,type:T="numeric",size:q="lg",required:F=!1,"data-cy":L,"data-testid":O},Z)=>{const B=r(),H=`${B}-label`,K=`${B}-error`,M=`${B}-helper`,R=L||"otp-input",V=O||"otp-input",W="sm"===q?y:g,G=i([]),[J,Q]=l(()=>A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a));n(()=>{const e=A.split("").slice(0,a).concat(Array(a).fill("")).slice(0,a);Q(e)},[A,a]);const S=c(e=>"numeric"===T?/^\d$/.test(e):/^[a-zA-Z0-9]$/.test(e),[T]),U=c(e=>{Q(e);const t=e.join("");N?.(t),e.every(e=>""!==e)&&e.length===a&&w?.(t)},[N,w,a]),X=c(e=>{const t=G.current[e];t&&(t.focus(),t.select())},[]),Y=c((e,t)=>{const r=t.target.value;if(1===r.length&&S(r)){const t=[...J];t[e]=r,U(t),e<a-1&&X(e+1)}else if(r.length>1){const t=r.split("").filter(S),i=[...J];t.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),U(i);const l=i.findIndex(e=>""===e);X(-1===l?a-1:l)}},[J,a,S,U,X]),_=c((e,t)=>{switch(t.key){case"Backspace":if(t.preventDefault(),J[e]){const t=[...J];t[e]="",U(t)}else if(e>0){const t=[...J];t[e-1]="",U(t),X(e-1)}break;case"Delete":if(t.preventDefault(),J[e]){const t=[...J];t[e]="",U(t)}break;case"ArrowLeft":t.preventDefault(),e>0&&X(e-1);break;case"ArrowRight":t.preventDefault(),e<a-1&&X(e+1);break;case"Home":t.preventDefault(),X(0);break;case"End":t.preventDefault(),X(a-1);break;default:if(1===t.key.length&&S(t.key)){t.preventDefault();const r=[...J];r[e]=t.key,U(r),e<a-1&&X(e+1)}}},[J,a,S,U,X]),ee=c((e,t)=>{t.preventDefault();const r=t.clipboardData.getData("text").split("").filter(S);if(0===r.length)return;const i=[...J];r.forEach((t,r)=>{e+r<a&&(i[e+r]=t)}),U(i);const l=i.findIndex(e=>""===e);X(-1===l?a-1:l)},[J,a,S,U,X]),te=c(e=>{e.target.select()},[]);return s(Z,()=>({focus:()=>{const e=J.findIndex(e=>""===e);X(-1===e?a-1:e)},clear:()=>{const e=Array(a).fill("");U(e),X(0)},getValue:()=>J.join("")}),[J,a,X,U]),n(()=>{z&&!C&&X(0)},[z,C,X]),/* @__PURE__ */e("div",{className:o(x,E&&D),"data-cy":`${R}-wrapper`,"data-testid":`${V}-wrapper`,children:[k&&/* @__PURE__ */t("label",{id:H,className:o(m,j&&f,C&&u),"data-cy":`${R}-label`,"data-testid":`${V}-label`,children:k}),
2
2
  /* @__PURE__ */t("div",{className:o(v,P&&b),role:"group","aria-labelledby":k?H:void 0,"aria-label":k?void 0:"OTP Input","data-cy":`${R}-container`,"data-testid":`${V}-container`,children:Array.from({length:a},(e,r)=>/* @__PURE__ */t("input",{ref:e=>{G.current[r]=e},type:"text",inputMode:"numeric"===T?"numeric":"text",pattern:"numeric"===T?"[0-9]*":"[a-zA-Z0-9]*",maxLength:1,value:J[r]||"",onChange:e=>Y(r,e),onKeyDown:e=>_(r,e),onPaste:e=>ee(r,e),onFocus:te,disabled:C,required:F,"aria-label":`Digit ${r+1} of ${a}`,"aria-invalid":j?"true":"false","aria-describedby":j?K:I?M:void 0,className:o($,W,j&&h),"data-otp-digit":!0,"data-cy":`${R}-digit-${r}`,"data-testid":`${V}-digit-${r}`,autoComplete:"one-time-code"},r))}),j&&/* @__PURE__ */t("span",{id:K,className:d,role:"alert","data-cy":`${R}-error`,"data-testid":`${V}-error`,children:j}),I&&!j&&/* @__PURE__ */t("span",{id:M,className:p,"data-cy":`${R}-helper`,"data-testid":`${V}-helper`,children:I})]})});k.displayName="OTPInput";export{k as OTPInput};
package/dist/index16.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index55.cjs"),s=require("./index70.cjs"),l=a.forwardRef(({label:l,labelPosition:r="end",helperText:d,size:c="md",className:n,id:i,disabled:o,checked:p,defaultChecked:y,"data-cy":u,"data-testid":b,...h},S)=>{const k=a.useId(),x=i||k,m=`${x}-helper`,$=u||"toggle",j=b||"toggle",[g,N]=a.useState(!1),f=a.useRef(null),v=a.useCallback(e=>{f.current=e,S&&("function"==typeof S?S(e):"current"in S&&(S.current=e))},[S]);return e.jsxs("div",{className:t.cn(s.wrapperStyles,o&&s.wrapperDisabledStyles),"data-cy":`${$}-wrapper`,"data-testid":`${j}-wrapper`,children:[e.jsxs("label",{className:t.cn(s.labelContainerStyles,o&&"cursor-not-allowed","start"===r&&s.labelContainerReversedStyles),htmlFor:x,onMouseEnter:()=>{o||N(!0)},onMouseLeave:()=>{N(!1)},children:[l&&"start"===r&&e.jsx("span",{className:s.labelTextStyles,"data-cy":`${$}-label`,"data-testid":`${j}-label`,children:l}),e.jsx("input",{ref:v,id:x,type:"checkbox",role:"switch",checked:p,defaultChecked:y,className:t.cn(s.inputSrOnlyStyles,n),"aria-describedby":d?m:void 0,"data-cy":$,"data-testid":j,disabled:o,...h}),e.jsx("span",{className:t.cn(s.trackBaseStyles,s.trackSizeMap[c],g&&!o&&s.trackHoverStyles,g&&!o&&s.trackHoverCheckedStyles),"data-cy":`${$}-track`,"data-testid":`${j}-track`,"aria-hidden":"true",children:e.jsx("span",{className:t.cn(s.knobBaseStyles,s.knobSizeMap[c],g&&!o&&s.knobHoverShadowStyles),"data-cy":`${$}-knob`,"data-testid":`${j}-knob`})}),l&&"end"===r&&e.jsx("span",{className:s.labelTextStyles,"data-cy":`${$}-label`,"data-testid":`${j}-label`,children:l})]}),d&&e.jsx("span",{id:m,className:s.helperStyles,"data-cy":`${$}-helper`,"data-testid":`${j}-helper`,children:d})]})});l.displayName="Toggle",exports.Toggle=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index56.cjs"),s=require("./index71.cjs"),l=a.forwardRef(({label:l,labelPosition:r="end",helperText:d,size:c="md",className:n,id:i,disabled:o,checked:p,defaultChecked:y,"data-cy":u,"data-testid":b,...h},S)=>{const k=a.useId(),x=i||k,m=`${x}-helper`,$=u||"toggle",j=b||"toggle",[g,N]=a.useState(!1),f=a.useRef(null),v=a.useCallback(e=>{f.current=e,S&&("function"==typeof S?S(e):"current"in S&&(S.current=e))},[S]);return e.jsxs("div",{className:t.cn(s.wrapperStyles,o&&s.wrapperDisabledStyles),"data-cy":`${$}-wrapper`,"data-testid":`${j}-wrapper`,children:[e.jsxs("label",{className:t.cn(s.labelContainerStyles,o&&"cursor-not-allowed","start"===r&&s.labelContainerReversedStyles),htmlFor:x,onMouseEnter:()=>{o||N(!0)},onMouseLeave:()=>{N(!1)},children:[l&&"start"===r&&e.jsx("span",{className:s.labelTextStyles,"data-cy":`${$}-label`,"data-testid":`${j}-label`,children:l}),e.jsx("input",{ref:v,id:x,type:"checkbox",role:"switch",checked:p,defaultChecked:y,className:t.cn(s.inputSrOnlyStyles,n),"aria-describedby":d?m:void 0,"data-cy":$,"data-testid":j,disabled:o,...h}),e.jsx("span",{className:t.cn(s.trackBaseStyles,s.trackSizeMap[c],g&&!o&&s.trackHoverStyles,g&&!o&&s.trackHoverCheckedStyles),"data-cy":`${$}-track`,"data-testid":`${j}-track`,"aria-hidden":"true",children:e.jsx("span",{className:t.cn(s.knobBaseStyles,s.knobSizeMap[c],g&&!o&&s.knobHoverShadowStyles),"data-cy":`${$}-knob`,"data-testid":`${j}-knob`})}),l&&"end"===r&&e.jsx("span",{className:s.labelTextStyles,"data-cy":`${$}-label`,"data-testid":`${j}-label`,children:l})]}),d&&e.jsx("span",{id:m,className:s.helperStyles,"data-cy":`${$}-helper`,"data-testid":`${j}-helper`,children:d})]})});l.displayName="Toggle",exports.Toggle=l;
package/dist/index16.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useId as d,useState as r,useRef as s,useCallback as l}from"react";import{cn as c}from"./index55.js";import{labelTextStyles as i,helperStyles as n,inputSrOnlyStyles as o,knobHoverShadowStyles as p,knobSizeMap as m,knobBaseStyles as h,trackHoverCheckedStyles as b,trackHoverStyles as u,trackSizeMap as $,trackBaseStyles as y,labelContainerReversedStyles as N,labelContainerStyles as f,wrapperDisabledStyles as k,wrapperStyles as g}from"./index70.js";const x=t(({label:t,labelPosition:x="end",helperText:w,size:j="md",className:v,id:C,disabled:M,checked:T,defaultChecked:z,"data-cy":E,"data-testid":F,...L},P)=>{const q=d(),A=C||q,B=`${A}-helper`,D=E||"toggle",G=F||"toggle",[H,I]=r(!1),J=s(null),K=l(e=>{J.current=e,P&&("function"==typeof P?P(e):"current"in P&&(P.current=e))},[P]);/* @__PURE__ */
1
+ import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useId as d,useState as r,useRef as s,useCallback as l}from"react";import{cn as c}from"./index56.js";import{labelTextStyles as i,helperStyles as n,inputSrOnlyStyles as o,knobHoverShadowStyles as p,knobSizeMap as m,knobBaseStyles as h,trackHoverCheckedStyles as b,trackHoverStyles as u,trackSizeMap as $,trackBaseStyles as y,labelContainerReversedStyles as N,labelContainerStyles as f,wrapperDisabledStyles as k,wrapperStyles as g}from"./index71.js";const x=t(({label:t,labelPosition:x="end",helperText:w,size:j="md",className:v,id:C,disabled:M,checked:T,defaultChecked:z,"data-cy":E,"data-testid":F,...L},P)=>{const q=d(),A=C||q,B=`${A}-helper`,D=E||"toggle",G=F||"toggle",[H,I]=r(!1),J=s(null),K=l(e=>{J.current=e,P&&("function"==typeof P?P(e):"current"in P&&(P.current=e))},[P]);/* @__PURE__ */
2
2
  return e("div",{className:c(g,M&&k),"data-cy":`${D}-wrapper`,"data-testid":`${G}-wrapper`,children:[
3
3
  /* @__PURE__ */e("label",{className:c(f,M&&"cursor-not-allowed","start"===x&&N),htmlFor:A,onMouseEnter:()=>{M||I(!0)},onMouseLeave:()=>{I(!1)},children:[t&&"start"===x&&/* @__PURE__ */a("span",{className:i,"data-cy":`${D}-label`,"data-testid":`${G}-label`,children:t}),
4
4
  /* @__PURE__ */a("input",{ref:K,id:A,type:"checkbox",role:"switch",checked:T,defaultChecked:z,className:c(o,v),"aria-describedby":w?B:void 0,"data-cy":D,"data-testid":G,disabled:M,...L}),
package/dist/index17.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("./index55.cjs"),t=require("./index71.cjs"),s=require("./index56.cjs"),o=require("./index72.cjs"),d=require("./index64.cjs"),l=require("./index58.cjs"),i=require("./index73.cjs"),n=r.forwardRef(({label:n,tooltip:c,error:u,helperText:x,fullWidth:v=!1,autoResize:h=!1,minRows:g=3,maxRows:m,showCharCount:p=!1,maxLength:y,validate:f=s.defaultValidation,onValidationChange:b,customHeader:w,customFooterActions:j,borderVariant:S,height:$,className:N,id:q,onChange:C,onBlur:M,required:R,value:E,"data-cy":B,"data-testid":I,...T},F)=>{const[L,V]=r.useState(),[_,H]=r.useState(!1),[P,k]=r.useState(!1),[z,A]=r.useState(0),G=r.useRef(!1),O=r.useRef(null),W=d.useMergedRef(F,O),D=r.useId(),J=q||D,K=`${J}-error`,Q=`${J}-helper`,U=B||"textarea",X=I||"textarea",Y=n&&R&&!n.includes("*")?`${n} *`:n,Z=l.useResponsiveValue($),ee=void 0!==Z,re=r.useCallback(()=>{const e=O.current;if(!e||!h)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,s=parseInt(r.paddingBottom)||0,o=a*g+t+s,d=m?a*m+t+s:1/0,l=Math.min(Math.max(e.scrollHeight,o),d);e.style.height=`${l}px`},[h,g,m]);r.useEffect(()=>{re()},[E,re]);const ae=r.useMemo(()=>i.debounce(e=>{if(f&&G.current){const r=f(e);V(r),b?.(!r)}else null===f&&G.current&&(V(void 0),b?.(!0))},300),[f,b]),te=r.useRef(ae);r.useEffect(()=>{te.current=ae},[ae]),r.useEffect(()=>()=>{te.current.cancel()},[]),r.useEffect(()=>{A((E||"").length)},[E]);const se=e=>{const r=e.target.value;A(r.length),C?.(e),h&&re(),G.current&&ae(r)},oe=e=>{H(!0),T.onFocus?.(e)},de=e=>{if(H(!1),G.current=!0,f){const r=f(e.target.value);V(r),b?.(!r)}M?.(e)},le=()=>k(!0),ie=()=>k(!1),ne=u||L,ce=T.disabled?"disabled":ne?"error":_?"focus":P?"hover":"idle",ue=y&&z>y,xe=p||x&&!ne,ve=(()=>{if(!S)return"";if("green-accent"===S){return`relative ${_||P?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),he="green-accent"===S?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:_||P?"2px solid transparent":"1px solid transparent"}:{};return e.jsxs("div",{className:a.cn(o.wrapperStyles,N),"data-cy":`${U}-wrapper`,"data-testid":`${X}-wrapper`,children:[w?e.jsx("div",{className:"w-full","data-cy":`${U}-custom-header`,children:w}):(n||c)&&e.jsxs("div",{className:o.labelRowStyles,children:[n&&e.jsx("label",{htmlFor:J,className:o.labelStyles,"data-cy":`${U}-label`,"data-testid":`${X}-label`,children:Y}),c&&e.jsx(t.FormTooltip,{content:c,triggerClassName:o.tooltipTriggerStyles,contentClassName:o.tooltipContentStyles,dataCyPrefix:U,dataTestIdPrefix:X})]}),j?e.jsxs("div",{className:a.cn("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",!ne&&ve,ne&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:ne?void 0:he,onMouseEnter:le,onMouseLeave:ie,children:[e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none overflow-y-auto textarea-scrollbar","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",E?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:de,required:R,maxLength:y,rows:ee?void 0:g,...T}),j]}):"green-accent"===S?e.jsx("div",{className:a.cn("w-full rounded-[var(--radius-md)] transition-all duration-200",!ne&&"p-[1px]",ne&&"border border-[var(--color-error)] bg-[var(--color-card)]",!ne&&ve),style:ne?void 0:he,onMouseEnter:le,onMouseLeave:ie,"data-cy":`${U}-gradient-wrapper`,"data-testid":`${X}-gradient-wrapper`,children:e.jsx("div",{className:ne?o.errorBorderInnerStyles:o.gradientBorderInnerStyles,children:e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn(o.textareaInsideGradientStyles,!h&&"overflow-y-auto textarea-scrollbar"),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:de,required:R,maxLength:y,rows:ee||h?void 0:g,...T})})}):e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn(o.textareaBaseStyles,ne&&o.textareaErrorStyles,!h&&"overflow-y-auto textarea-scrollbar",ve),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:de,onMouseEnter:le,onMouseLeave:ie,required:R,maxLength:y,rows:ee||h?void 0:g,...T}),ne&&e.jsx("span",{id:K,className:o.errorStyles,role:"alert","data-cy":`${U}-error`,"data-testid":`${X}-error`,children:ne}),!j&&xe&&e.jsxs("div",{className:o.footerStyles,children:[x&&!ne&&e.jsx("span",{id:Q,className:o.helperStyles,"data-cy":`${U}-helper`,"data-testid":`${X}-helper`,children:x}),p&&e.jsxs("span",{className:a.cn(o.charCountStyles,ue&&o.charCountExceededStyles),"data-cy":`${U}-char-count`,"data-testid":`${X}-char-count`,children:[z,y&&` / ${y}`]})]})]})});n.displayName="Textarea",exports.Textarea=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),a=require("./index56.cjs"),t=require("./index72.cjs"),s=require("./index57.cjs"),o=require("./index73.cjs"),d=require("./index65.cjs"),l=require("./index59.cjs"),i=require("./index74.cjs"),n=r.forwardRef(({label:n,tooltip:c,error:u,helperText:x,fullWidth:v=!1,autoResize:h=!1,minRows:g=3,maxRows:m,showCharCount:p=!1,maxLength:y,validate:f=s.defaultValidation,onValidationChange:b,customHeader:w,customFooterActions:j,borderVariant:S,height:$,className:N,id:q,onChange:C,onBlur:M,required:R,value:E,"data-cy":B,"data-testid":I,...T},F)=>{const[L,V]=r.useState(),[_,H]=r.useState(!1),[P,k]=r.useState(!1),[z,A]=r.useState(0),G=r.useRef(!1),O=r.useRef(null),W=d.useMergedRef(F,O),D=r.useId(),J=q||D,K=`${J}-error`,Q=`${J}-helper`,U=B||"textarea",X=I||"textarea",Y=n&&R&&!n.includes("*")?`${n} *`:n,Z=l.useResponsiveValue($),ee=void 0!==Z,re=r.useCallback(()=>{const e=O.current;if(!e||!h)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,s=parseInt(r.paddingBottom)||0,o=a*g+t+s,d=m?a*m+t+s:1/0,l=Math.min(Math.max(e.scrollHeight,o),d);e.style.height=`${l}px`},[h,g,m]);r.useEffect(()=>{re()},[E,re]);const ae=r.useMemo(()=>i.debounce(e=>{if(f&&G.current){const r=f(e);V(r),b?.(!r)}else null===f&&G.current&&(V(void 0),b?.(!0))},300),[f,b]),te=r.useRef(ae);r.useEffect(()=>{te.current=ae},[ae]),r.useEffect(()=>()=>{te.current.cancel()},[]),r.useEffect(()=>{A((E||"").length)},[E]);const se=e=>{const r=e.target.value;A(r.length),C?.(e),h&&re(),G.current&&ae(r)},oe=e=>{H(!0),T.onFocus?.(e)},de=e=>{if(H(!1),G.current=!0,f){const r=f(e.target.value);V(r),b?.(!r)}M?.(e)},le=()=>k(!0),ie=()=>k(!1),ne=u||L,ce=T.disabled?"disabled":ne?"error":_?"focus":P?"hover":"idle",ue=y&&z>y,xe=p||x&&!ne,ve=(()=>{if(!S)return"";if("green-accent"===S){return`relative ${_||P?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),he="green-accent"===S?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:_||P?"2px solid transparent":"1px solid transparent"}:{};return e.jsxs("div",{className:a.cn(o.wrapperStyles,N),"data-cy":`${U}-wrapper`,"data-testid":`${X}-wrapper`,children:[w?e.jsx("div",{className:"w-full","data-cy":`${U}-custom-header`,children:w}):(n||c)&&e.jsxs("div",{className:o.labelRowStyles,children:[n&&e.jsx("label",{htmlFor:J,className:o.labelStyles,"data-cy":`${U}-label`,"data-testid":`${X}-label`,children:Y}),c&&e.jsx(t.FormTooltip,{content:c,triggerClassName:o.tooltipTriggerStyles,contentClassName:o.tooltipContentStyles,dataCyPrefix:U,dataTestIdPrefix:X})]}),j?e.jsxs("div",{className:a.cn("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",!ne&&ve,ne&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:ne?void 0:he,onMouseEnter:le,onMouseLeave:ie,children:[e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none overflow-y-auto textarea-scrollbar","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",E?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:de,required:R,maxLength:y,rows:ee?void 0:g,...T}),j]}):"green-accent"===S?e.jsx("div",{className:a.cn("w-full rounded-[var(--radius-md)] transition-all duration-200",!ne&&"p-[1px]",ne&&"border border-[var(--color-error)] bg-[var(--color-card)]",!ne&&ve),style:ne?void 0:he,onMouseEnter:le,onMouseLeave:ie,"data-cy":`${U}-gradient-wrapper`,"data-testid":`${X}-gradient-wrapper`,children:e.jsx("div",{className:ne?o.errorBorderInnerStyles:o.gradientBorderInnerStyles,children:e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn(o.textareaInsideGradientStyles,!h&&"overflow-y-auto textarea-scrollbar"),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:de,required:R,maxLength:y,rows:ee||h?void 0:g,...T})})}):e.jsx("textarea",{ref:W,id:J,value:E,className:a.cn(o.textareaBaseStyles,ne&&o.textareaErrorStyles,!h&&"overflow-y-auto textarea-scrollbar",ve),style:Z?{height:Z}:void 0,"aria-invalid":ne?"true":"false","aria-required":R?"true":void 0,"aria-describedby":ne?K:x?Q:void 0,"data-cy":U,"data-testid":X,"data-state":ce,onChange:se,onFocus:oe,onBlur:de,onMouseEnter:le,onMouseLeave:ie,required:R,maxLength:y,rows:ee||h?void 0:g,...T}),ne&&e.jsx("span",{id:K,className:o.errorStyles,role:"alert","data-cy":`${U}-error`,"data-testid":`${X}-error`,children:ne}),!j&&xe&&e.jsxs("div",{className:o.footerStyles,children:[x&&!ne&&e.jsx("span",{id:Q,className:o.helperStyles,"data-cy":`${U}-helper`,"data-testid":`${X}-helper`,children:x}),p&&e.jsxs("span",{className:a.cn(o.charCountStyles,ue&&o.charCountExceededStyles),"data-cy":`${U}-char-count`,"data-testid":`${X}-char-count`,children:[z,y&&` / ${y}`]})]})]})});n.displayName="Textarea",exports.Textarea=n;
package/dist/index17.js CHANGED
@@ -1,3 +1,3 @@
1
- import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a,useState as t,useRef as o,useId as d,useCallback as i,useEffect as n,useMemo as s}from"react";import{cn as l}from"./index55.js";import{FormTooltip as c}from"./index71.js";import{defaultValidation as u}from"./index56.js";import{labelRowStyles as m,labelStyles as v,tooltipContentStyles as h,tooltipTriggerStyles as p,errorBorderInnerStyles as x,gradientBorderInnerStyles as g,errorStyles as f,footerStyles as b,helperStyles as y,textareaInsideGradientStyles as w,textareaErrorStyles as $,textareaBaseStyles as N,charCountExceededStyles as C,charCountStyles as j,wrapperStyles as M}from"./index72.js";import{useMergedRef as q}from"./index64.js";import{useResponsiveValue as L}from"./index58.js";import{debounce as F}from"./index73.js";const B=a(({label:a,tooltip:B,error:I,helperText:T,fullWidth:_=!1,autoResize:E=!1,minRows:H=3,maxRows:R,showCharCount:z=!1,maxLength:P,validate:V=u,onValidationChange:k,customHeader:A,customFooterActions:S,borderVariant:W,height:D,className:G,id:J,onChange:K,onBlur:O,required:Q,value:U,"data-cy":X,"data-testid":Y,...Z},ee)=>{const[re,ae]=t(),[te,oe]=t(!1),[de,ie]=t(!1),[ne,se]=t(0),le=o(!1),ce=o(null),ue=q(ee,ce),me=d(),ve=J||me,he=`${ve}-error`,pe=`${ve}-helper`,xe=X||"textarea",ge=Y||"textarea",fe=a&&Q&&!a.includes("*")?`${a} *`:a,be=L(D),ye=void 0!==be,we=i(()=>{const e=ce.current;if(!e||!E)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,o=parseInt(r.paddingBottom)||0,d=a*H+t+o,i=R?a*R+t+o:1/0,n=Math.min(Math.max(e.scrollHeight,d),i);e.style.height=`${n}px`},[E,H,R]);n(()=>{we()},[U,we]);const $e=s(()=>F(e=>{if(V&&le.current){const r=V(e);ae(r),k?.(!r)}else null===V&&le.current&&(ae(void 0),k?.(!0))},300),[V,k]),Ne=o($e);n(()=>{Ne.current=$e},[$e]),n(()=>()=>{Ne.current.cancel()},[]),n(()=>{se((U||"").length)},[U]);const Ce=e=>{const r=e.target.value;se(r.length),K?.(e),E&&we(),le.current&&$e(r)},je=e=>{oe(!0),Z.onFocus?.(e)},Me=e=>{if(oe(!1),le.current=!0,V){const r=V(e.target.value);ae(r),k?.(!r)}O?.(e)},qe=()=>ie(!0),Le=()=>ie(!1),Fe=I||re,Be=Z.disabled?"disabled":Fe?"error":te?"focus":de?"hover":"idle",Ie=P&&ne>P,Te=z||T&&!Fe,_e=(()=>{if(!W)return"";if("green-accent"===W){return`relative ${te||de?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),Ee="green-accent"===W?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:te||de?"2px solid transparent":"1px solid transparent"}:{};/* @__PURE__ */
1
+ import{jsxs as e,jsx as r}from"react/jsx-runtime";import{forwardRef as a,useState as t,useRef as o,useId as d,useCallback as i,useEffect as n,useMemo as s}from"react";import{cn as l}from"./index56.js";import{FormTooltip as c}from"./index72.js";import{defaultValidation as u}from"./index57.js";import{labelRowStyles as m,labelStyles as v,tooltipContentStyles as h,tooltipTriggerStyles as p,errorBorderInnerStyles as x,gradientBorderInnerStyles as g,errorStyles as f,footerStyles as b,helperStyles as y,textareaInsideGradientStyles as w,textareaErrorStyles as $,textareaBaseStyles as N,charCountExceededStyles as C,charCountStyles as j,wrapperStyles as M}from"./index73.js";import{useMergedRef as q}from"./index65.js";import{useResponsiveValue as L}from"./index59.js";import{debounce as F}from"./index74.js";const B=a(({label:a,tooltip:B,error:I,helperText:T,fullWidth:_=!1,autoResize:E=!1,minRows:H=3,maxRows:R,showCharCount:z=!1,maxLength:P,validate:V=u,onValidationChange:k,customHeader:A,customFooterActions:S,borderVariant:W,height:D,className:G,id:J,onChange:K,onBlur:O,required:Q,value:U,"data-cy":X,"data-testid":Y,...Z},ee)=>{const[re,ae]=t(),[te,oe]=t(!1),[de,ie]=t(!1),[ne,se]=t(0),le=o(!1),ce=o(null),ue=q(ee,ce),me=d(),ve=J||me,he=`${ve}-error`,pe=`${ve}-helper`,xe=X||"textarea",ge=Y||"textarea",fe=a&&Q&&!a.includes("*")?`${a} *`:a,be=L(D),ye=void 0!==be,we=i(()=>{const e=ce.current;if(!e||!E)return;e.style.height="auto";const r=window.getComputedStyle(e),a=parseInt(r.lineHeight)||22,t=parseInt(r.paddingTop)||0,o=parseInt(r.paddingBottom)||0,d=a*H+t+o,i=R?a*R+t+o:1/0,n=Math.min(Math.max(e.scrollHeight,d),i);e.style.height=`${n}px`},[E,H,R]);n(()=>{we()},[U,we]);const $e=s(()=>F(e=>{if(V&&le.current){const r=V(e);ae(r),k?.(!r)}else null===V&&le.current&&(ae(void 0),k?.(!0))},300),[V,k]),Ne=o($e);n(()=>{Ne.current=$e},[$e]),n(()=>()=>{Ne.current.cancel()},[]),n(()=>{se((U||"").length)},[U]);const Ce=e=>{const r=e.target.value;se(r.length),K?.(e),E&&we(),le.current&&$e(r)},je=e=>{oe(!0),Z.onFocus?.(e)},Me=e=>{if(oe(!1),le.current=!0,V){const r=V(e.target.value);ae(r),k?.(!r)}O?.(e)},qe=()=>ie(!0),Le=()=>ie(!1),Fe=I||re,Be=Z.disabled?"disabled":Fe?"error":te?"focus":de?"hover":"idle",Ie=P&&ne>P,Te=z||T&&!Fe,_e=(()=>{if(!W)return"";if("green-accent"===W){return`relative ${te||de?"shadow-[0_0.25rem_1rem_0_var(--shadow-color-sm)]":""}`}return""})(),Ee="green-accent"===W?{background:"linear-gradient(var(--color-card), var(--color-card)) padding-box, var(--gradient-green-blue) border-box",border:te||de?"2px solid transparent":"1px solid transparent"}:{};/* @__PURE__ */
2
2
  return e("div",{className:l(M,G),"data-cy":`${xe}-wrapper`,"data-testid":`${ge}-wrapper`,children:[A?/* @__PURE__ */r("div",{className:"w-full","data-cy":`${xe}-custom-header`,children:A}):(a||B)&&/* @__PURE__ */e("div",{className:m,children:[a&&/* @__PURE__ */r("label",{htmlFor:ve,className:v,"data-cy":`${xe}-label`,"data-testid":`${ge}-label`,children:fe}),B&&/* @__PURE__ */r(c,{content:B,triggerClassName:p,contentClassName:h,dataCyPrefix:xe,dataTestIdPrefix:ge})]}),S?/* @__PURE__ */e("div",{className:l("w-full rounded-[var(--radius-md)] flex flex-col gap-[var(--spacing-3)] p-[0.875rem] transition-all duration-200",!Fe&&_e,Fe&&"border border-[var(--color-error)] bg-[var(--color-card)]"),style:Fe?void 0:Ee,onMouseEnter:qe,onMouseLeave:Le,children:[
3
3
  /* @__PURE__ */r("textarea",{ref:ue,id:ve,value:U,className:l("w-full resize-none bg-transparent text-[1.125rem] leading-[1.375rem] outline-none border-none overflow-y-auto textarea-scrollbar","placeholder:text-[var(--color-system-text)]","disabled:cursor-not-allowed disabled:text-[var(--color-system-text)]",U?"text-[var(--color-text)]":"text-[var(--color-system-text)]"),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:T?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":Be,onChange:Ce,onFocus:je,onBlur:Me,required:Q,maxLength:P,rows:ye?void 0:H,...Z}),S]}):"green-accent"===W?/* @__PURE__ */r("div",{className:l("w-full rounded-[var(--radius-md)] transition-all duration-200",!Fe&&"p-[1px]",Fe&&"border border-[var(--color-error)] bg-[var(--color-card)]",!Fe&&_e),style:Fe?void 0:Ee,onMouseEnter:qe,onMouseLeave:Le,"data-cy":`${xe}-gradient-wrapper`,"data-testid":`${ge}-gradient-wrapper`,children:/* @__PURE__ */r("div",{className:Fe?x:g,children:/* @__PURE__ */r("textarea",{ref:ue,id:ve,value:U,className:l(w,!E&&"overflow-y-auto textarea-scrollbar"),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:T?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":Be,onChange:Ce,onFocus:je,onBlur:Me,required:Q,maxLength:P,rows:ye||E?void 0:H,...Z})})}):/* @__PURE__ */r("textarea",{ref:ue,id:ve,value:U,className:l(N,Fe&&$,!E&&"overflow-y-auto textarea-scrollbar",_e),style:be?{height:be}:void 0,"aria-invalid":Fe?"true":"false","aria-required":Q?"true":void 0,"aria-describedby":Fe?he:T?pe:void 0,"data-cy":xe,"data-testid":ge,"data-state":Be,onChange:Ce,onFocus:je,onBlur:Me,onMouseEnter:qe,onMouseLeave:Le,required:Q,maxLength:P,rows:ye||E?void 0:H,...Z}),Fe&&/* @__PURE__ */r("span",{id:he,className:f,role:"alert","data-cy":`${xe}-error`,"data-testid":`${ge}-error`,children:Fe}),!S&&Te&&/* @__PURE__ */e("div",{className:b,children:[T&&!Fe&&/* @__PURE__ */r("span",{id:pe,className:y,"data-cy":`${xe}-helper`,"data-testid":`${ge}-helper`,children:T}),z&&/* @__PURE__ */e("span",{className:l(j,Ie&&C),"data-cy":`${xe}-char-count`,"data-testid":`${ge}-char-count`,children:[ne,P&&` / ${P}`]})]})]})});B.displayName="Textarea";export{B as Textarea};
package/dist/index18.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index55.cjs"),r=require("./index74.cjs"),l=()=>e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),s=t.forwardRef(({value:s,onValueChange:i,options:n,label:d,placeholder:o,error:c,helperText:u,fullWidth:p=!1,required:h=!1,disabled:y=!1,noResultsText:b="No results found","data-cy":f,"data-testid":v},m)=>{const[x,S]=t.useState(!1),[$,g]=t.useState(""),[w,j]=t.useState(-1),k=t.useId(),N=`${k}-error`,D=`${k}-helper`,C=`${k}-listbox`,E=f||"autocomplete",L=v||"autocomplete",q=t.useRef(null),R=t.useRef(null),A=t.useRef([]),F=n.find(e=>e.value===s),M=d&&h&&!d.includes("*")?`${d} *`:d,T=x&&$?n.filter(e=>e.label.toLowerCase().includes($.toLowerCase())):n,I=t.useCallback(()=>{y||(S(!0),g(""),j(-1))},[y]),O=t.useCallback(()=>{S(!1),g(""),j(-1)},[]),W=t.useCallback(e=>{e.disabled||(i(e.value),O())},[i,O]);t.useEffect(()=>{const e=e=>{q.current&&!q.current.contains(e.target)&&O()};return x&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[x,O]);const K=e=>{A.current[e]?.scrollIntoView?.({block:"nearest"})},V=(e,t)=>{const a=T.length;if(0===a)return-1;let r=e+t;for(;r>=0&&r<a;){if(!T[r].disabled)return r;r+=t}if(-1===e&&1===t)for(let l=0;l<a;l++)if(!T[l].disabled)return l;return-1===e?-1:e},B=x?$:F?.label??"",H=t.useCallback(e=>{q.current=e,"function"==typeof m?m(e):m&&(m.current=e)},[m]);return e.jsxs("div",{ref:H,className:a.cn(r.wrapperStyles,p&&r.wrapperFullWidthStyles),"data-cy":`${E}-wrapper`,"data-testid":`${L}-wrapper`,children:[d&&e.jsx("label",{htmlFor:`${k}-input`,className:a.cn(r.labelStyles,c&&r.labelErrorStyles,y&&r.labelDisabledStyles),"data-cy":`${E}-label`,"data-testid":`${L}-label`,children:M}),e.jsxs("div",{className:a.cn(r.triggerStyles,x&&r.triggerOpenStyles,c&&r.triggerErrorStyles,y&&r.triggerDisabledStyles),onClick:()=>{x||I(),R.current?.focus()},"data-cy":E,"data-testid":L,children:[!x&&F?.flag&&e.jsx("span",{className:r.flagStyles,"aria-hidden":"true",children:F.flag}),e.jsx("input",{ref:R,id:`${k}-input`,type:"text",role:"combobox",className:r.inputStyles,value:B,placeholder:o||d||"Select...","aria-expanded":x,"aria-haspopup":"listbox","aria-controls":x?C:void 0,"aria-autocomplete":"list","aria-activedescendant":w>=0?`${k}-option-${w}`:void 0,"aria-invalid":c?"true":"false","aria-required":h?"true":void 0,"aria-describedby":c?N:u?D:void 0,disabled:y,onChange:e=>{g(e.target.value),j(-1),x||I()},onFocus:()=>{x||I()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!x)return void I();const t=V(w,1);-1!==t&&(j(t),K(t));break}case"ArrowUp":{if(e.preventDefault(),!x)return void I();const t=V(w,-1);-1!==t&&(j(t),K(t));break}case"Enter":e.preventDefault(),x&&w>=0&&T[w]&&W(T[w]);break;case"Escape":e.preventDefault(),O();break;case"Tab":x&&O()}},"data-cy":`${E}-input`,"data-testid":`${L}-input`}),e.jsx("span",{"aria-hidden":"true",className:a.cn(r.chevronStyles,x&&r.chevronOpenStyles),onMouseDown:e=>{e.preventDefault(),x?O():(I(),requestAnimationFrame(()=>R.current?.focus()))},"data-cy":`${E}-chevron`,"data-testid":`${L}-chevron`,children:e.jsx(l,{})})]}),x&&e.jsx("div",{className:r.dropdownStyles,"data-cy":`${E}-dropdown`,"data-testid":`${L}-dropdown`,children:e.jsx("div",{id:C,role:"listbox",className:r.listStyles,"data-cy":`${E}-list`,"data-testid":`${L}-list`,children:0===T.length?e.jsx("div",{className:r.noResultsStyles,children:b}):T.map((t,l)=>{const i=t.value===s,n=l===w;return e.jsxs("div",{ref:e=>{A.current[l]=e},id:`${k}-option-${l}`,role:"option",tabIndex:-1,"aria-selected":i,"aria-disabled":t.disabled||void 0,className:a.cn(r.itemStyles,n&&r.itemHighlightedStyles,i&&!n&&r.itemSelectedStyles,t.disabled&&r.itemDisabledStyles),onClick:()=>W(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),W(t))},onMouseEnter:()=>j(l),"data-cy":`${E}-item-${t.value}`,"data-testid":`${L}-item-${t.value}`,children:[t.flag&&e.jsx("span",{className:r.flagStyles,"aria-hidden":"true",children:t.flag}),t.label]},t.value)})})}),c&&e.jsx("span",{id:N,className:r.errorStyles,role:"alert","data-cy":`${E}-error`,"data-testid":`${L}-error`,children:c}),u&&!c&&e.jsx("span",{id:D,className:r.helperStyles,"data-cy":`${E}-helper`,"data-testid":`${L}-helper`,children:u})]})});s.displayName="Autocomplete",exports.Autocomplete=s;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index56.cjs"),r=require("./index75.cjs"),l=()=>e.jsx("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:e.jsx("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),s=t.forwardRef(({value:s,onValueChange:i,options:n,label:d,placeholder:o,error:c,helperText:u,fullWidth:p=!1,required:h=!1,disabled:y=!1,noResultsText:b="No results found","data-cy":f,"data-testid":v},m)=>{const[x,S]=t.useState(!1),[$,g]=t.useState(""),[w,j]=t.useState(-1),k=t.useId(),N=`${k}-error`,D=`${k}-helper`,C=`${k}-listbox`,E=f||"autocomplete",q=v||"autocomplete",L=t.useRef(null),R=t.useRef(null),A=t.useRef([]),F=t.useRef(!1),M=n.find(e=>e.value===s),T=d&&h&&!d.includes("*")?`${d} *`:d,I=x&&$?n.filter(e=>e.label.toLowerCase().includes($.toLowerCase())):n,O=t.useCallback(()=>{y||(S(!0),g(""),j(-1))},[y]),W=t.useCallback(()=>{S(!1),g(""),j(-1)},[]),K=t.useCallback(e=>{e.disabled||(i(e.value),W())},[i,W]);t.useEffect(()=>{const e=e=>{L.current&&!L.current.contains(e.target)&&W()};return x&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[x,W]);const P=e=>{A.current[e]?.scrollIntoView?.({block:"nearest"})},V=(e,t)=>{const a=I.length;if(0===a)return-1;let r=e+t;for(;r>=0&&r<a;){if(!I[r].disabled)return r;r+=t}if(-1===e&&1===t)for(let l=0;l<a;l++)if(!I[l].disabled)return l;return-1===e?-1:e},B=x?$:M?.label??"",H=t.useCallback(e=>{L.current=e,"function"==typeof m?m(e):m&&(m.current=e)},[m]);return e.jsxs("div",{ref:H,className:a.cn(r.wrapperStyles,p&&r.wrapperFullWidthStyles),"data-cy":`${E}-wrapper`,"data-testid":`${q}-wrapper`,children:[d&&e.jsx("label",{htmlFor:`${k}-input`,className:a.cn(r.labelStyles,c&&r.labelErrorStyles,y&&r.labelDisabledStyles),"data-cy":`${E}-label`,"data-testid":`${q}-label`,children:T}),e.jsxs("div",{className:a.cn(r.triggerStyles,x&&r.triggerOpenStyles,c&&r.triggerErrorStyles,y&&r.triggerDisabledStyles),onClick:()=>{x||O(),R.current?.focus()},"data-cy":E,"data-testid":q,children:[!x&&M?.flag&&e.jsx("span",{className:r.flagStyles,"aria-hidden":"true",children:M.flag}),e.jsx("input",{ref:R,id:`${k}-input`,type:"text",role:"combobox",className:r.inputStyles,value:B,placeholder:o||d||"Select...","aria-expanded":x,"aria-haspopup":"listbox","aria-controls":x?C:void 0,"aria-autocomplete":"list","aria-activedescendant":w>=0?`${k}-option-${w}`:void 0,"aria-invalid":c?"true":"false","aria-required":h?"true":void 0,"aria-describedby":c?N:u?D:void 0,disabled:y,onChange:e=>{g(e.target.value),j(-1),x||O()},onFocus:()=>{x||F.current||O()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!x)return void O();const t=V(w,1);-1!==t&&(j(t),P(t));break}case"ArrowUp":{if(e.preventDefault(),!x)return void O();const t=V(w,-1);-1!==t&&(j(t),P(t));break}case"Enter":e.preventDefault(),x&&w>=0&&I[w]&&K(I[w]);break;case"Escape":e.preventDefault(),W();break;case"Tab":x&&W()}},"data-cy":`${E}-input`,"data-testid":`${q}-input`}),e.jsx("span",{"aria-hidden":"true",className:a.cn(r.chevronStyles,x&&r.chevronOpenStyles),onMouseDown:e=>{e.preventDefault(),x?(F.current=!0,W(),R.current?.blur(),requestAnimationFrame(()=>{F.current=!1})):(O(),requestAnimationFrame(()=>R.current?.focus()))},onClick:e=>e.stopPropagation(),"data-cy":`${E}-chevron`,"data-testid":`${q}-chevron`,children:e.jsx(l,{})})]}),x&&e.jsx("div",{className:r.dropdownStyles,"data-cy":`${E}-dropdown`,"data-testid":`${q}-dropdown`,children:e.jsx("div",{id:C,role:"listbox",className:r.listStyles,"data-cy":`${E}-list`,"data-testid":`${q}-list`,children:0===I.length?e.jsx("div",{className:r.noResultsStyles,children:b}):I.map((t,l)=>{const i=t.value===s,n=l===w;return e.jsxs("div",{ref:e=>{A.current[l]=e},id:`${k}-option-${l}`,role:"option",tabIndex:-1,"aria-selected":i,"aria-disabled":t.disabled||void 0,className:a.cn(r.itemStyles,n&&r.itemHighlightedStyles,i&&!n&&r.itemSelectedStyles,t.disabled&&r.itemDisabledStyles),onClick:()=>K(t),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),K(t))},onMouseEnter:()=>j(l),"data-cy":`${E}-item-${t.value}`,"data-testid":`${q}-item-${t.value}`,children:[t.flag&&e.jsx("span",{className:r.flagStyles,"aria-hidden":"true",children:t.flag}),t.label]},t.value)})})}),c&&e.jsx("span",{id:N,className:r.errorStyles,role:"alert","data-cy":`${E}-error`,"data-testid":`${q}-error`,children:c}),u&&!c&&e.jsx("span",{id:D,className:r.helperStyles,"data-cy":`${E}-helper`,"data-testid":`${q}-helper`,children:u})]})});s.displayName="Autocomplete",exports.Autocomplete=s;
package/dist/index18.js CHANGED
@@ -1,6 +1,6 @@
1
- import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useState as r,useId as i,useRef as n,useCallback as d,useEffect as l}from"react";import{cn as o}from"./index55.js";import{flagStyles as s,inputStyles as c,dropdownStyles as u,listStyles as p,noResultsStyles as h,itemDisabledStyles as m,itemSelectedStyles as v,itemHighlightedStyles as f,itemStyles as $,errorStyles as b,helperStyles as w,labelDisabledStyles as y,labelErrorStyles as x,labelStyles as N,chevronOpenStyles as g,chevronStyles as k,triggerDisabledStyles as D,triggerErrorStyles as L,triggerOpenStyles as C,triggerStyles as E,wrapperFullWidthStyles as j,wrapperStyles as A}from"./index74.js";const q=()=>/* @__PURE__ */a("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:/* @__PURE__ */a("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),F=t(({value:t,onValueChange:F,options:M,label:T,placeholder:I,error:K,helperText:V,fullWidth:W=!1,required:B=!1,disabled:R=!1,noResultsText:S="No results found","data-cy":U,"data-testid":z},G)=>{const[H,J]=r(!1),[O,P]=r(""),[Q,X]=r(-1),Y=i(),Z=`${Y}-error`,_=`${Y}-helper`,ee=`${Y}-listbox`,ae=U||"autocomplete",te=z||"autocomplete",re=n(null),ie=n(null),ne=n([]),de=M.find(e=>e.value===t),le=T&&B&&!T.includes("*")?`${T} *`:T,oe=H&&O?M.filter(e=>e.label.toLowerCase().includes(O.toLowerCase())):M,se=d(()=>{R||(J(!0),P(""),X(-1))},[R]),ce=d(()=>{J(!1),P(""),X(-1)},[]),ue=d(e=>{e.disabled||(F(e.value),ce())},[F,ce]);l(()=>{const e=e=>{re.current&&!re.current.contains(e.target)&&ce()};return H&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[H,ce]);const pe=e=>{ne.current[e]?.scrollIntoView?.({block:"nearest"})},he=(e,a)=>{const t=oe.length;if(0===t)return-1;let r=e+a;for(;r>=0&&r<t;){if(!oe[r].disabled)return r;r+=a}if(-1===e&&1===a)for(let i=0;i<t;i++)if(!oe[i].disabled)return i;return-1===e?-1:e},me=H?O:de?.label??"",ve=d(e=>{re.current=e,"function"==typeof G?G(e):G&&(G.current=e)},[G]);/* @__PURE__ */
2
- return e("div",{ref:ve,className:o(A,W&&j),"data-cy":`${ae}-wrapper`,"data-testid":`${te}-wrapper`,children:[T&&/* @__PURE__ */a("label",{htmlFor:`${Y}-input`,className:o(N,K&&x,R&&y),"data-cy":`${ae}-label`,"data-testid":`${te}-label`,children:le}),
3
- /* @__PURE__ */e("div",{className:o(E,H&&C,K&&L,R&&D),onClick:()=>{H||se(),ie.current?.focus()},"data-cy":ae,"data-testid":te,children:[!H&&de?.flag&&/* @__PURE__ */a("span",{className:s,"aria-hidden":"true",children:de.flag}),
4
- /* @__PURE__ */a("input",{ref:ie,id:`${Y}-input`,type:"text",role:"combobox",className:c,value:me,placeholder:I||T||"Select...","aria-expanded":H,"aria-haspopup":"listbox","aria-controls":H?ee:void 0,"aria-autocomplete":"list","aria-activedescendant":Q>=0?`${Y}-option-${Q}`:void 0,"aria-invalid":K?"true":"false","aria-required":B?"true":void 0,"aria-describedby":K?Z:V?_:void 0,disabled:R,onChange:e=>{P(e.target.value),X(-1),H||se()},onFocus:()=>{H||se()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!H)return void se();const a=he(Q,1);-1!==a&&(X(a),pe(a));break}case"ArrowUp":{if(e.preventDefault(),!H)return void se();const a=he(Q,-1);-1!==a&&(X(a),pe(a));break}case"Enter":e.preventDefault(),H&&Q>=0&&oe[Q]&&ue(oe[Q]);break;case"Escape":e.preventDefault(),ce();break;case"Tab":H&&ce()}},"data-cy":`${ae}-input`,"data-testid":`${te}-input`}),
5
- /* @__PURE__ */a("span",{"aria-hidden":"true",className:o(k,H&&g),onMouseDown:e=>{e.preventDefault(),H?ce():(se(),requestAnimationFrame(()=>ie.current?.focus()))},"data-cy":`${ae}-chevron`,"data-testid":`${te}-chevron`,children:/* @__PURE__ */a(q,{})})]}),H&&/* @__PURE__ */a("div",{className:u,"data-cy":`${ae}-dropdown`,"data-testid":`${te}-dropdown`,children:/* @__PURE__ */a("div",{id:ee,role:"listbox",className:p,"data-cy":`${ae}-list`,"data-testid":`${te}-list`,children:0===oe.length?/* @__PURE__ */a("div",{className:h,children:S}):oe.map((r,i)=>{const n=r.value===t,d=i===Q;/* @__PURE__ */
6
- return e("div",{ref:e=>{ne.current[i]=e},id:`${Y}-option-${i}`,role:"option",tabIndex:-1,"aria-selected":n,"aria-disabled":r.disabled||void 0,className:o($,d&&f,n&&!d&&v,r.disabled&&m),onClick:()=>ue(r),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),ue(r))},onMouseEnter:()=>X(i),"data-cy":`${ae}-item-${r.value}`,"data-testid":`${te}-item-${r.value}`,children:[r.flag&&/* @__PURE__ */a("span",{className:s,"aria-hidden":"true",children:r.flag}),r.label]},r.value)})})}),K&&/* @__PURE__ */a("span",{id:Z,className:b,role:"alert","data-cy":`${ae}-error`,"data-testid":`${te}-error`,children:K}),V&&!K&&/* @__PURE__ */a("span",{id:_,className:w,"data-cy":`${ae}-helper`,"data-testid":`${te}-helper`,children:V})]})});F.displayName="Autocomplete";export{F as Autocomplete};
1
+ import{jsxs as e,jsx as a}from"react/jsx-runtime";import{forwardRef as t,useState as r,useId as n,useRef as i,useCallback as o,useEffect as d}from"react";import{cn as l}from"./index56.js";import{flagStyles as s,inputStyles as c,dropdownStyles as u,listStyles as p,noResultsStyles as m,itemDisabledStyles as h,itemSelectedStyles as v,itemHighlightedStyles as f,itemStyles as b,errorStyles as $,helperStyles as w,labelDisabledStyles as y,labelErrorStyles as g,labelStyles as k,chevronOpenStyles as x,chevronStyles as N,triggerDisabledStyles as D,triggerErrorStyles as C,triggerOpenStyles as L,triggerStyles as E,wrapperFullWidthStyles as A,wrapperStyles as j}from"./index75.js";const q=()=>/* @__PURE__ */a("svg",{width:"20",height:"20",viewBox:"0 0 20 20",fill:"none",xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",children:/* @__PURE__ */a("path",{d:"M5 7.5L10 12.5L15 7.5",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round",strokeLinejoin:"round"})}),F=t(({value:t,onValueChange:F,options:M,label:T,placeholder:I,error:K,helperText:V,fullWidth:W=!1,required:B=!1,disabled:P=!1,noResultsText:R="No results found","data-cy":S,"data-testid":U},z)=>{const[G,H]=r(!1),[J,O]=r(""),[Q,X]=r(-1),Y=n(),Z=`${Y}-error`,_=`${Y}-helper`,ee=`${Y}-listbox`,ae=S||"autocomplete",te=U||"autocomplete",re=i(null),ne=i(null),ie=i([]),oe=i(!1),de=M.find(e=>e.value===t),le=T&&B&&!T.includes("*")?`${T} *`:T,se=G&&J?M.filter(e=>e.label.toLowerCase().includes(J.toLowerCase())):M,ce=o(()=>{P||(H(!0),O(""),X(-1))},[P]),ue=o(()=>{H(!1),O(""),X(-1)},[]),pe=o(e=>{e.disabled||(F(e.value),ue())},[F,ue]);d(()=>{const e=e=>{re.current&&!re.current.contains(e.target)&&ue()};return G&&document.addEventListener("pointerdown",e),()=>{document.removeEventListener("pointerdown",e)}},[G,ue]);const me=e=>{ie.current[e]?.scrollIntoView?.({block:"nearest"})},he=(e,a)=>{const t=se.length;if(0===t)return-1;let r=e+a;for(;r>=0&&r<t;){if(!se[r].disabled)return r;r+=a}if(-1===e&&1===a)for(let n=0;n<t;n++)if(!se[n].disabled)return n;return-1===e?-1:e},ve=G?J:de?.label??"",fe=o(e=>{re.current=e,"function"==typeof z?z(e):z&&(z.current=e)},[z]);/* @__PURE__ */
2
+ return e("div",{ref:fe,className:l(j,W&&A),"data-cy":`${ae}-wrapper`,"data-testid":`${te}-wrapper`,children:[T&&/* @__PURE__ */a("label",{htmlFor:`${Y}-input`,className:l(k,K&&g,P&&y),"data-cy":`${ae}-label`,"data-testid":`${te}-label`,children:le}),
3
+ /* @__PURE__ */e("div",{className:l(E,G&&L,K&&C,P&&D),onClick:()=>{G||ce(),ne.current?.focus()},"data-cy":ae,"data-testid":te,children:[!G&&de?.flag&&/* @__PURE__ */a("span",{className:s,"aria-hidden":"true",children:de.flag}),
4
+ /* @__PURE__ */a("input",{ref:ne,id:`${Y}-input`,type:"text",role:"combobox",className:c,value:ve,placeholder:I||T||"Select...","aria-expanded":G,"aria-haspopup":"listbox","aria-controls":G?ee:void 0,"aria-autocomplete":"list","aria-activedescendant":Q>=0?`${Y}-option-${Q}`:void 0,"aria-invalid":K?"true":"false","aria-required":B?"true":void 0,"aria-describedby":K?Z:V?_:void 0,disabled:P,onChange:e=>{O(e.target.value),X(-1),G||ce()},onFocus:()=>{G||oe.current||ce()},onKeyDown:e=>{switch(e.key){case"ArrowDown":{if(e.preventDefault(),!G)return void ce();const a=he(Q,1);-1!==a&&(X(a),me(a));break}case"ArrowUp":{if(e.preventDefault(),!G)return void ce();const a=he(Q,-1);-1!==a&&(X(a),me(a));break}case"Enter":e.preventDefault(),G&&Q>=0&&se[Q]&&pe(se[Q]);break;case"Escape":e.preventDefault(),ue();break;case"Tab":G&&ue()}},"data-cy":`${ae}-input`,"data-testid":`${te}-input`}),
5
+ /* @__PURE__ */a("span",{"aria-hidden":"true",className:l(N,G&&x),onMouseDown:e=>{e.preventDefault(),G?(oe.current=!0,ue(),ne.current?.blur(),requestAnimationFrame(()=>{oe.current=!1})):(ce(),requestAnimationFrame(()=>ne.current?.focus()))},onClick:e=>e.stopPropagation(),"data-cy":`${ae}-chevron`,"data-testid":`${te}-chevron`,children:/* @__PURE__ */a(q,{})})]}),G&&/* @__PURE__ */a("div",{className:u,"data-cy":`${ae}-dropdown`,"data-testid":`${te}-dropdown`,children:/* @__PURE__ */a("div",{id:ee,role:"listbox",className:p,"data-cy":`${ae}-list`,"data-testid":`${te}-list`,children:0===se.length?/* @__PURE__ */a("div",{className:m,children:R}):se.map((r,n)=>{const i=r.value===t,o=n===Q;/* @__PURE__ */
6
+ return e("div",{ref:e=>{ie.current[n]=e},id:`${Y}-option-${n}`,role:"option",tabIndex:-1,"aria-selected":i,"aria-disabled":r.disabled||void 0,className:l(b,o&&f,i&&!o&&v,r.disabled&&h),onClick:()=>pe(r),onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),pe(r))},onMouseEnter:()=>X(n),"data-cy":`${ae}-item-${r.value}`,"data-testid":`${te}-item-${r.value}`,children:[r.flag&&/* @__PURE__ */a("span",{className:s,"aria-hidden":"true",children:r.flag}),r.label]},r.value)})})}),K&&/* @__PURE__ */a("span",{id:Z,className:$,role:"alert","data-cy":`${ae}-error`,"data-testid":`${te}-error`,children:K}),V&&!K&&/* @__PURE__ */a("span",{id:_,className:w,"data-cy":`${ae}-helper`,"data-testid":`${te}-helper`,children:V})]})});F.displayName="Autocomplete";export{F as Autocomplete};
package/dist/index19.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("./index75.cjs");function t({methods:t,onSubmit:o,onError:i,children:d,"data-cy":a,"data-testid":n,...m}){return r.jsx(e.FormProvider,{...t,children:r.jsx("form",{onSubmit:t.handleSubmit(o,i),"data-cy":a??"form","data-testid":n??"form",noValidate:!0,...m,children:d})})}t.displayName="Form",exports.Form=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),e=require("./index76.cjs");function t({methods:t,onSubmit:o,onError:i,children:d,"data-cy":a,"data-testid":n,...m}){return r.jsx(e.FormProvider,{...t,children:r.jsx("form",{onSubmit:t.handleSubmit(o,i),"data-cy":a??"form","data-testid":n??"form",noValidate:!0,...m,children:d})})}t.displayName="Form",exports.Form=t;
package/dist/index19.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as t}from"react/jsx-runtime";import{FormProvider as r}from"./index75.js";function o({methods:o,onSubmit:i,onError:a,children:d,"data-cy":e,"data-testid":m,...n}){/* @__PURE__ */
1
+ import{jsx as t}from"react/jsx-runtime";import{FormProvider as r}from"./index76.js";function o({methods:o,onSubmit:i,onError:a,children:d,"data-cy":e,"data-testid":m,...n}){/* @__PURE__ */
2
2
  return t(r,{...o,children:/* @__PURE__ */t("form",{onSubmit:o.handleSubmit(i,a),"data-cy":e??"form","data-testid":m??"form",noValidate:!0,...n,children:d})})}o.displayName="Form";export{o as Form};
package/dist/index20.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index75.cjs");function o({control:o,name:t,rules:n,children:a,"data-cy":i,"data-testid":l}){const s=r.useFormContext(),d=o??s?.control;if(!d)throw new Error("FormField: `control` prop is required when not used inside a <Form> wrapper.");return e.jsx(r.Controller,{control:d,name:t,rules:n,render:({field:r,fieldState:o})=>e.jsx("div",{className:"contents","data-cy":i,"data-testid":l,children:a({value:r.value,onChange:r.onChange,onBlur:r.onBlur,ref:r.ref,error:o.error?.message,name:r.name})})})}o.displayName="FormField",exports.FormField=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("./index76.cjs");function o({control:o,name:t,rules:n,children:a,"data-cy":i,"data-testid":l}){const s=r.useFormContext(),d=o??s?.control;if(!d)throw new Error("FormField: `control` prop is required when not used inside a <Form> wrapper.");return e.jsx(r.Controller,{control:d,name:t,rules:n,render:({field:r,fieldState:o})=>e.jsx("div",{className:"contents","data-cy":i,"data-testid":l,children:a({value:r.value,onChange:r.onChange,onBlur:r.onBlur,ref:r.ref,error:o.error?.message,name:r.name})})})}o.displayName="FormField",exports.FormField=o;
package/dist/index20.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as e}from"react/jsx-runtime";import{useFormContext as r,Controller as n}from"./index75.js";function o({control:o,name:t,rules:a,children:i,"data-cy":d,"data-testid":l}){const s=r(),m=o??s?.control;if(!m)throw new Error("FormField: `control` prop is required when not used inside a <Form> wrapper.");/* @__PURE__ */
1
+ import{jsx as e}from"react/jsx-runtime";import{useFormContext as r,Controller as n}from"./index76.js";function o({control:o,name:t,rules:a,children:i,"data-cy":d,"data-testid":l}){const s=r(),m=o??s?.control;if(!m)throw new Error("FormField: `control` prop is required when not used inside a <Form> wrapper.");/* @__PURE__ */
2
2
  return e(n,{control:m,name:t,rules:a,render:({field:r,fieldState:n})=>/* @__PURE__ */e("div",{className:"contents","data-cy":d,"data-testid":l,children:i({value:r.value,onChange:r.onChange,onBlur:r.onBlur,ref:r.ref,error:n.error?.message,name:r.name})})})}o.displayName="FormField";export{o as FormField};
package/dist/index3.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),i=require("./index55.cjs"),s=require("./index59.cjs"),n=t.forwardRef(({variant:t="main-orange",fullWidth:n=!1,icon:r,iconPosition:a="left",className:l,children:c,disabled:d,"data-testid":o,"data-cy":u,...f},x)=>{const h=i.cn(s.baseStyles,s.variantStyles[t],n&&"w-full",l);return e.jsxs("button",{ref:x,disabled:d,className:h,"data-testid":o||`button-${t}`,"data-cy":u||`button-${t}`,...f,children:[r&&"left"===a&&e.jsx("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:r}),c,r&&"right"===a&&e.jsx("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:r})]})});n.displayName="Button",exports.Button=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),i=require("./index56.cjs"),s=require("./index60.cjs"),n=t.forwardRef(({variant:t="main-orange",fullWidth:n=!1,icon:r,iconPosition:a="left",className:l,children:c,disabled:d,"data-testid":o,"data-cy":u,...f},x)=>{const h=i.cn(s.baseStyles,s.variantStyles[t],n&&"w-full",l);return e.jsxs("button",{ref:x,disabled:d,className:h,"data-testid":o||`button-${t}`,"data-cy":u||`button-${t}`,...f,children:[r&&"left"===a&&e.jsx("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:r}),c,r&&"right"===a&&e.jsx("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:r})]})});n.displayName="Button",exports.Button=n;
package/dist/index3.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{cn as n}from"./index55.js";import{variantStyles as a,baseStyles as r}from"./index59.js";const s=i(({variant:i="main-orange",fullWidth:s=!1,icon:l,iconPosition:c="left",className:o,children:d,disabled:m,"data-testid":f,"data-cy":h,...u},p)=>{const x=n(r,a[i],s&&"w-full",o);/* @__PURE__ */
1
+ import{jsxs as t,jsx as e}from"react/jsx-runtime";import{forwardRef as i}from"react";import{cn as n}from"./index56.js";import{variantStyles as a,baseStyles as r}from"./index60.js";const s=i(({variant:i="main-orange",fullWidth:s=!1,icon:l,iconPosition:c="left",className:o,children:d,disabled:m,"data-testid":f,"data-cy":h,...u},p)=>{const x=n(r,a[i],s&&"w-full",o);/* @__PURE__ */
2
2
  return t("button",{ref:p,disabled:m,className:x,"data-testid":f||`button-${i}`,"data-cy":h||`button-${i}`,...u,children:[l&&"left"===c&&/* @__PURE__ */e("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:l}),d,l&&"right"===c&&/* @__PURE__ */e("span",{className:"inline-flex items-center justify-center w-3.5 h-3.5 flex-shrink-0",children:l})]})});s.displayName="Button";export{s as Button};
package/dist/index33.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("@radix-ui/react-tabs"),s=require("./index55.cjs"),r=require("./index76.cjs");function i(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const a in t)if("default"!==a){const s=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,s.get?s:{enumerable:!0,get:()=>t[a]})}return e.default=t,Object.freeze(e)}const l=i(a),n=l.Root,c=e.forwardRef(({className:e,fullWidth:a=!1,variant:i="default","data-cy":n,"data-testid":c,...o},d)=>{const b=n||"tabs-list",u=c||"tabs-list";return t.jsx(l.List,{ref:d,className:s.cn("table"===i?r.listTableStyles:"mobile"===i?r.listMobileStyles:r.listStyles,a&&r.listFullWidthStyles,e),"data-cy":b,"data-testid":u,"data-full-width":a,"data-variant":i,...o})});c.displayName=l.List.displayName;const o=e.forwardRef(({className:e,value:a,variant:i="default","data-cy":n,"data-testid":c,...o},d)=>{const b=n||(a?`tabs-trigger-${a}`:"tabs-trigger"),u=c||(a?`tabs-trigger-${a}`:"tabs-trigger");return t.jsx(l.Trigger,{ref:d,className:s.cn("table"===i?r.triggerTableStyles:"mobile"===i?r.triggerMobileStyles:r.triggerStyles,e),value:a,"data-cy":b,"data-testid":u,...o})});o.displayName=l.Trigger.displayName;const d=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":n,...c},o)=>{const d=i||(a?`tabs-content-${a}`:"tabs-content"),b=n||(a?`tabs-content-${a}`:"tabs-content");return t.jsx(l.Content,{ref:o,className:s.cn(r.contentStyles,e),value:a,"data-cy":d,"data-testid":b,...c})});d.displayName=l.Content.displayName,exports.Tabs=n,exports.TabsContent=d,exports.TabsList=c,exports.TabsTrigger=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("@radix-ui/react-tabs"),s=require("./index56.cjs"),r=require("./index77.cjs");function i(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const a in t)if("default"!==a){const s=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,s.get?s:{enumerable:!0,get:()=>t[a]})}return e.default=t,Object.freeze(e)}const l=i(a),n=l.Root,c=e.forwardRef(({className:e,fullWidth:a=!1,variant:i="default","data-cy":n,"data-testid":c,...o},d)=>{const b=n||"tabs-list",u=c||"tabs-list";return t.jsx(l.List,{ref:d,className:s.cn("table"===i?r.listTableStyles:"mobile"===i?r.listMobileStyles:r.listStyles,a&&r.listFullWidthStyles,e),"data-cy":b,"data-testid":u,"data-full-width":a,"data-variant":i,...o})});c.displayName=l.List.displayName;const o=e.forwardRef(({className:e,value:a,variant:i="default","data-cy":n,"data-testid":c,...o},d)=>{const b=n||(a?`tabs-trigger-${a}`:"tabs-trigger"),u=c||(a?`tabs-trigger-${a}`:"tabs-trigger");return t.jsx(l.Trigger,{ref:d,className:s.cn("table"===i?r.triggerTableStyles:"mobile"===i?r.triggerMobileStyles:r.triggerStyles,e),value:a,"data-cy":b,"data-testid":u,...o})});o.displayName=l.Trigger.displayName;const d=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":n,...c},o)=>{const d=i||(a?`tabs-content-${a}`:"tabs-content"),b=n||(a?`tabs-content-${a}`:"tabs-content");return t.jsx(l.Content,{ref:o,className:s.cn(r.contentStyles,e),value:a,"data-cy":d,"data-testid":b,...c})});d.displayName=l.Content.displayName,exports.Tabs=n,exports.TabsContent=d,exports.TabsList=c,exports.TabsTrigger=o;
package/dist/index33.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import*as e from"@radix-ui/react-tabs";import{cn as s}from"./index55.js";import{listFullWidthStyles as r,listTableStyles as i,listMobileStyles as d,listStyles as l,triggerTableStyles as n,triggerMobileStyles as o,triggerStyles as c,contentStyles as m}from"./index76.js";const b=e.Root,u=a(({className:a,fullWidth:n=!1,variant:o="default","data-cy":c,"data-testid":m,...b},u)=>{const f=c||"tabs-list",g=m||"tabs-list";/* @__PURE__ */
1
+ import{jsx as t}from"react/jsx-runtime";import{forwardRef as a}from"react";import*as e from"@radix-ui/react-tabs";import{cn as s}from"./index56.js";import{listFullWidthStyles as r,listTableStyles as i,listMobileStyles as d,listStyles as l,triggerTableStyles as n,triggerMobileStyles as o,triggerStyles as c,contentStyles as m}from"./index77.js";const b=e.Root,u=a(({className:a,fullWidth:n=!1,variant:o="default","data-cy":c,"data-testid":m,...b},u)=>{const f=c||"tabs-list",g=m||"tabs-list";/* @__PURE__ */
2
2
  return t(e.List,{ref:u,className:s("table"===o?i:"mobile"===o?d:l,n&&r,a),"data-cy":f,"data-testid":g,"data-full-width":n,"data-variant":o,...b})});u.displayName=e.List.displayName;const f=a(({className:a,value:r,variant:i="default","data-cy":d,"data-testid":l,...m},b)=>{const u=d||(r?`tabs-trigger-${r}`:"tabs-trigger"),f=l||(r?`tabs-trigger-${r}`:"tabs-trigger");/* @__PURE__ */
3
3
  return t(e.Trigger,{ref:b,className:s("table"===i?n:"mobile"===i?o:c,a),value:r,"data-cy":u,"data-testid":f,...m})});f.displayName=e.Trigger.displayName;const g=a(({className:a,value:r,"data-cy":i,"data-testid":d,...l},n)=>{const o=i||(r?`tabs-content-${r}`:"tabs-content"),c=d||(r?`tabs-content-${r}`:"tabs-content");/* @__PURE__ */
4
4
  return t(e.Content,{ref:n,className:s(m,a),value:r,"data-cy":o,"data-testid":c,...l})});g.displayName=e.Content.displayName;export{b as Tabs,g as TabsContent,u as TabsList,f as TabsTrigger};
package/dist/index34.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index55.cjs"),a=require("./index77.cjs"),l=t.forwardRef(({isCompleted:t=!1,size:l="large","data-cy":n,"data-testid":r},i)=>{const c=n||"stepper-connector",o=r||"stepper-connector";return e.jsx("div",{ref:i,className:s.cn(a.connectorContainerBaseStyles,"small"===l?a.connectorContainerSmallStyles:a.connectorContainerLargeStyles),"data-cy":`${c}-container`,"data-testid":`${o}-container`,children:e.jsx("div",{className:s.cn(a.connectorLineStyles,t?a.connectorActiveStyles:a.connectorInactiveStyles),"data-cy":c,"data-testid":o})})});l.displayName="StepConnector";const n=t.forwardRef(({stepNumber:l,label:n,isActive:r,isCompleted:i,isDisabled:c,isClickable:o,onClick:d,size:p="large","data-cy":y,"data-testid":m},S)=>{const[C,u]=t.useState(!1),b=y||`stepper-step-${l}`,f=m||`stepper-step-${l}`,v=(e=>"small"===e?a.stepCircleSmallStyles:a.stepCircleLargeStyles)(p);return e.jsxs("div",{ref:S,className:s.cn(a.stepItemContainerBaseStyles,"small"===p?a.stepItemContainerSmallStyles:a.stepItemContainerLargeStyles,o&&!c&&"cursor-pointer"),onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),onClick:()=>{o&&!c&&d&&d()},onKeyDown:e=>{!o||c||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),d?.())},role:o?"button":void 0,tabIndex:o&&!c?0:-1,"aria-current":r?"step":void 0,"aria-disabled":c,"data-cy":b,"data-testid":f,children:[e.jsx("div",{className:c?s.cn(a.stepCircleBaseStyles,v,a.stepCircleDisabledStyles):r?C?s.cn(a.stepCircleBaseStyles,v,a.stepCircleSelectedHoverStyles):s.cn(a.stepCircleBaseStyles,v,a.stepCircleSelectedStyles):C&&o?s.cn(a.stepCircleBaseStyles,v,a.stepCircleHoverStyles):i?s.cn(a.stepCircleBaseStyles,v,a.stepCircleCompletedStyles):s.cn(a.stepCircleBaseStyles,v,a.stepCircleRestStyles),"data-cy":`${b}-circle`,"data-testid":`${f}-circle`,children:l}),e.jsx("p",{className:c?s.cn(a.stepLabelBaseStyles,a.stepLabelDisabledStyles):r?s.cn(a.stepLabelBaseStyles,a.stepLabelSelectedStyles):C&&o?s.cn(a.stepLabelBaseStyles,a.stepLabelHoverStyles):i?s.cn(a.stepLabelBaseStyles,a.stepLabelCompletedStyles):s.cn(a.stepLabelBaseStyles,a.stepLabelRestStyles),"data-cy":`${b}-label`,"data-testid":`${f}-label`,children:n})]})});n.displayName="StepItem";const r="(min-width: 1024px)";const i=t.forwardRef(({steps:i,currentStep:c,onChange:o,allowStepNavigation:d=!0,showConnector:p=!0,size:y,className:m,"data-cy":S,"data-testid":C,...u},b)=>{const f=S||"stepper",v=C||"stepper",h=function(){const[e,s]=t.useState(()=>"undefined"==typeof window||"function"!=typeof window.matchMedia||window.matchMedia(r).matches?"large":"small");return t.useEffect(()=>{if("undefined"==typeof window||"function"!=typeof window.matchMedia)return;const e=window.matchMedia(r),t=e=>s(e.matches?"large":"small");return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),e}(),g=y??h,x=Math.max(0,c-1),w="large"===g?"3.25rem":"2.5rem",L=i.flatMap((e,t)=>t<i.length-1?[w,"minmax(2rem, 1fr)"]:[w]).join(" "),{style:$,...j}=u;return e.jsx("div",{ref:b,className:s.cn(a.containerStyles,m),style:{...$,gridTemplateColumns:L},role:"navigation","aria-label":"Progress indicator","data-cy":f,"data-testid":v,...j,children:i.map((s,a)=>{const r=a===x,c=a<x,y=s.disabled??!1,m=d&&!y&&a!==x;return e.jsxs(t.Fragment,{children:[e.jsx(n,{stepNumber:a+1,label:s.label,isActive:r,isCompleted:c,isDisabled:y,isClickable:m,onClick:()=>((e,t)=>{d&&!t&&e!==x&&o?.(e+1)})(a,y),size:g,"data-cy":`${f}-step-${a+1}`,"data-testid":`${v}-step-${a+1}`}),a<i.length-1&&(p?e.jsx(l,{isCompleted:c,size:g,"data-cy":`${f}-connector-${a+1}`,"data-testid":`${v}-connector-${a+1}`}):e.jsx("div",{className:"flex-1","aria-hidden":"true"}))]},s.id)})})});i.displayName="Stepper",exports.Stepper=i;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),s=require("./index56.cjs"),a=require("./index78.cjs"),l=t.forwardRef(({isCompleted:t=!1,size:l="large","data-cy":n,"data-testid":r},i)=>{const c=n||"stepper-connector",o=r||"stepper-connector";return e.jsx("div",{ref:i,className:s.cn(a.connectorContainerBaseStyles,"small"===l?a.connectorContainerSmallStyles:a.connectorContainerLargeStyles),"data-cy":`${c}-container`,"data-testid":`${o}-container`,children:e.jsx("div",{className:s.cn(a.connectorLineStyles,t?a.connectorActiveStyles:a.connectorInactiveStyles),"data-cy":c,"data-testid":o})})});l.displayName="StepConnector";const n=t.forwardRef(({stepNumber:l,label:n,isActive:r,isCompleted:i,isDisabled:c,isClickable:o,onClick:d,size:p="large","data-cy":y,"data-testid":m},S)=>{const[C,u]=t.useState(!1),b=y||`stepper-step-${l}`,f=m||`stepper-step-${l}`,v=(e=>"small"===e?a.stepCircleSmallStyles:a.stepCircleLargeStyles)(p);return e.jsxs("div",{ref:S,className:s.cn(a.stepItemContainerBaseStyles,"small"===p?a.stepItemContainerSmallStyles:a.stepItemContainerLargeStyles,o&&!c&&"cursor-pointer"),onMouseEnter:()=>u(!0),onMouseLeave:()=>u(!1),onClick:()=>{o&&!c&&d&&d()},onKeyDown:e=>{!o||c||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),d?.())},role:o?"button":void 0,tabIndex:o&&!c?0:-1,"aria-current":r?"step":void 0,"aria-disabled":c,"data-cy":b,"data-testid":f,children:[e.jsx("div",{className:c?s.cn(a.stepCircleBaseStyles,v,a.stepCircleDisabledStyles):r?C?s.cn(a.stepCircleBaseStyles,v,a.stepCircleSelectedHoverStyles):s.cn(a.stepCircleBaseStyles,v,a.stepCircleSelectedStyles):C&&o?s.cn(a.stepCircleBaseStyles,v,a.stepCircleHoverStyles):i?s.cn(a.stepCircleBaseStyles,v,a.stepCircleCompletedStyles):s.cn(a.stepCircleBaseStyles,v,a.stepCircleRestStyles),"data-cy":`${b}-circle`,"data-testid":`${f}-circle`,children:l}),e.jsx("p",{className:c?s.cn(a.stepLabelBaseStyles,a.stepLabelDisabledStyles):r?s.cn(a.stepLabelBaseStyles,a.stepLabelSelectedStyles):C&&o?s.cn(a.stepLabelBaseStyles,a.stepLabelHoverStyles):i?s.cn(a.stepLabelBaseStyles,a.stepLabelCompletedStyles):s.cn(a.stepLabelBaseStyles,a.stepLabelRestStyles),"data-cy":`${b}-label`,"data-testid":`${f}-label`,children:n})]})});n.displayName="StepItem";const r="(min-width: 1024px)";const i=t.forwardRef(({steps:i,currentStep:c,onChange:o,allowStepNavigation:d=!0,showConnector:p=!0,size:y,className:m,"data-cy":S,"data-testid":C,...u},b)=>{const f=S||"stepper",v=C||"stepper",h=function(){const[e,s]=t.useState(()=>"undefined"==typeof window||"function"!=typeof window.matchMedia||window.matchMedia(r).matches?"large":"small");return t.useEffect(()=>{if("undefined"==typeof window||"function"!=typeof window.matchMedia)return;const e=window.matchMedia(r),t=e=>s(e.matches?"large":"small");return e.addEventListener("change",t),()=>e.removeEventListener("change",t)},[]),e}(),g=y??h,x=Math.max(0,c-1),w="large"===g?"3.25rem":"2.5rem",L=i.flatMap((e,t)=>t<i.length-1?[w,"minmax(2rem, 1fr)"]:[w]).join(" "),{style:$,...j}=u;return e.jsx("div",{ref:b,className:s.cn(a.containerStyles,m),style:{...$,gridTemplateColumns:L},role:"navigation","aria-label":"Progress indicator","data-cy":f,"data-testid":v,...j,children:i.map((s,a)=>{const r=a===x,c=a<x,y=s.disabled??!1,m=d&&!y&&a!==x;return e.jsxs(t.Fragment,{children:[e.jsx(n,{stepNumber:a+1,label:s.label,isActive:r,isCompleted:c,isDisabled:y,isClickable:m,onClick:()=>((e,t)=>{d&&!t&&e!==x&&o?.(e+1)})(a,y),size:g,"data-cy":`${f}-step-${a+1}`,"data-testid":`${v}-step-${a+1}`}),a<i.length-1&&(p?e.jsx(l,{isCompleted:c,size:g,"data-cy":`${f}-connector-${a+1}`,"data-testid":`${v}-connector-${a+1}`}):e.jsx("div",{className:"flex-1","aria-hidden":"true"}))]},s.id)})})});i.displayName="Stepper",exports.Stepper=i;
package/dist/index34.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,Fragment as i,useState as s,useEffect as n}from"react";import{cn as r}from"./index55.js";import{stepItemContainerSmallStyles as d,stepItemContainerLargeStyles as o,stepItemContainerBaseStyles as c,connectorActiveStyles as l,connectorInactiveStyles as m,connectorLineStyles as p,connectorContainerSmallStyles as u,connectorContainerLargeStyles as y,connectorContainerBaseStyles as f,stepCircleDisabledStyles as h,stepCircleBaseStyles as v,stepCircleSelectedHoverStyles as b,stepCircleSelectedStyles as w,stepCircleHoverStyles as $,stepCircleCompletedStyles as g,stepCircleRestStyles as N,stepLabelDisabledStyles as C,stepLabelBaseStyles as x,stepLabelSelectedStyles as M,stepLabelHoverStyles as k,stepLabelCompletedStyles as z,stepLabelRestStyles as S,stepCircleSmallStyles as j,stepCircleLargeStyles as D,containerStyles as E}from"./index77.js";const L=a(({isCompleted:t=!1,size:a="large","data-cy":i,"data-testid":s},n)=>{const d=i||"stepper-connector",o=s||"stepper-connector";/* @__PURE__ */
1
+ import{jsx as e,jsxs as t}from"react/jsx-runtime";import{forwardRef as a,Fragment as i,useState as s,useEffect as n}from"react";import{cn as r}from"./index56.js";import{stepItemContainerSmallStyles as d,stepItemContainerLargeStyles as o,stepItemContainerBaseStyles as c,connectorActiveStyles as l,connectorInactiveStyles as m,connectorLineStyles as p,connectorContainerSmallStyles as u,connectorContainerLargeStyles as y,connectorContainerBaseStyles as f,stepCircleDisabledStyles as h,stepCircleBaseStyles as v,stepCircleSelectedHoverStyles as b,stepCircleSelectedStyles as w,stepCircleHoverStyles as $,stepCircleCompletedStyles as g,stepCircleRestStyles as N,stepLabelDisabledStyles as C,stepLabelBaseStyles as x,stepLabelSelectedStyles as M,stepLabelHoverStyles as k,stepLabelCompletedStyles as z,stepLabelRestStyles as S,stepCircleSmallStyles as j,stepCircleLargeStyles as D,containerStyles as E}from"./index78.js";const L=a(({isCompleted:t=!1,size:a="large","data-cy":i,"data-testid":s},n)=>{const d=i||"stepper-connector",o=s||"stepper-connector";/* @__PURE__ */
2
2
  return e("div",{ref:n,className:r(f,"small"===a?u:y),"data-cy":`${d}-container`,"data-testid":`${o}-container`,children:/* @__PURE__ */e("div",{className:r(p,t?l:m),"data-cy":d,"data-testid":o})})});L.displayName="StepConnector";const A=a(({stepNumber:a,label:i,isActive:n,isCompleted:l,isDisabled:m,isClickable:p,onClick:u,size:y="large","data-cy":f,"data-testid":E},L)=>{const[A,I]=s(!1),K=f||`stepper-step-${a}`,P=E||`stepper-step-${a}`,T=(e=>"small"===e?j:D)(y);/* @__PURE__ */
3
3
  return t("div",{ref:L,className:r(c,"small"===y?d:o,p&&!m&&"cursor-pointer"),onMouseEnter:()=>I(!0),onMouseLeave:()=>I(!1),onClick:()=>{p&&!m&&u&&u()},onKeyDown:e=>{!p||m||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),u?.())},role:p?"button":void 0,tabIndex:p&&!m?0:-1,"aria-current":n?"step":void 0,"aria-disabled":m,"data-cy":K,"data-testid":P,children:[
4
4
  /* @__PURE__ */e("div",{className:r(v,T,m?h:n?A?b:w:A&&p?$:l?g:N),"data-cy":`${K}-circle`,"data-testid":`${P}-circle`,children:a}),
package/dist/index35.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index55.cjs"),i=require("./index78.cjs"),n=t.forwardRef(({items:t,activeItemId:n,"data-testid":r,"data-cy":s,...c},d)=>{const l=s||"top-nav",o=r||"top-nav",m=e=>{e.onClick&&e.onClick()};return e.jsx("nav",{ref:d,className:i.navStyles,"aria-label":"Main navigation","data-testid":o,"data-cy":l,...c,children:e.jsx("div",{className:a.cn(i.menuWrapperStyles),"data-testid":`${o}-menu`,"data-cy":`${l}-menu`,children:t.map(t=>{const r=n===t.id,s=`${o}-item-${t.id}`,c=`${l}-item-${t.id}`;return t.href?e.jsx("a",{href:t.href,className:a.cn(i.menuItemBaseStyles,r&&i.menuItemActiveStyles),"aria-current":r?"page":void 0,"data-testid":s,"data-cy":c,onClick:e=>{t.onClick&&(e.preventDefault(),m(t))},children:t.label},t.id):e.jsx("button",{type:"button",className:a.cn(i.menuItemBaseStyles,r&&i.menuItemActiveStyles),"aria-current":r?"page":void 0,"data-testid":s,"data-cy":c,onClick:()=>m(t),children:t.label},t.id)})})})});n.displayName="TopNav",exports.TopNav=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index56.cjs"),i=require("./index79.cjs"),n=t.forwardRef(({items:t,activeItemId:n,"data-testid":r,"data-cy":s,...c},d)=>{const l=s||"top-nav",o=r||"top-nav",m=e=>{e.onClick&&e.onClick()};return e.jsx("nav",{ref:d,className:i.navStyles,"aria-label":"Main navigation","data-testid":o,"data-cy":l,...c,children:e.jsx("div",{className:a.cn(i.menuWrapperStyles),"data-testid":`${o}-menu`,"data-cy":`${l}-menu`,children:t.map(t=>{const r=n===t.id,s=`${o}-item-${t.id}`,c=`${l}-item-${t.id}`;return t.href?e.jsx("a",{href:t.href,className:a.cn(i.menuItemBaseStyles,r&&i.menuItemActiveStyles),"aria-current":r?"page":void 0,"data-testid":s,"data-cy":c,onClick:e=>{t.onClick&&(e.preventDefault(),m(t))},children:t.label},t.id):e.jsx("button",{type:"button",className:a.cn(i.menuItemBaseStyles,r&&i.menuItemActiveStyles),"aria-current":r?"page":void 0,"data-testid":s,"data-cy":c,onClick:()=>m(t),children:t.label},t.id)})})})});n.displayName="TopNav",exports.TopNav=n;
package/dist/index35.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as e}from"./index55.js";import{navStyles as i,menuItemActiveStyles as r,menuItemBaseStyles as d,menuWrapperStyles as n}from"./index78.js";const c=t(({items:t,activeItemId:c,"data-testid":o,"data-cy":l,...m},s)=>{const p=l||"top-nav",u=o||"top-nav",v=a=>{a.onClick&&a.onClick()};/* @__PURE__ */
1
+ import{jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as e}from"./index56.js";import{navStyles as i,menuItemActiveStyles as r,menuItemBaseStyles as d,menuWrapperStyles as n}from"./index79.js";const c=t(({items:t,activeItemId:c,"data-testid":o,"data-cy":l,...m},s)=>{const p=l||"top-nav",u=o||"top-nav",v=a=>{a.onClick&&a.onClick()};/* @__PURE__ */
2
2
  return a("nav",{ref:s,className:i,"aria-label":"Main navigation","data-testid":u,"data-cy":p,...m,children:/* @__PURE__ */a("div",{className:e(n),"data-testid":`${u}-menu`,"data-cy":`${p}-menu`,children:t.map(t=>{const i=c===t.id,n=`${u}-item-${t.id}`,o=`${p}-item-${t.id}`;return t.href?/* @__PURE__ */a("a",{href:t.href,className:e(d,i&&r),"aria-current":i?"page":void 0,"data-testid":n,"data-cy":o,onClick:a=>{t.onClick&&(a.preventDefault(),v(t))},children:t.label},t.id):/* @__PURE__ */a("button",{type:"button",className:e(d,i&&r),"aria-current":i?"page":void 0,"data-testid":n,"data-cy":o,onClick:()=>v(t),children:t.label},t.id)})})})});c.displayName="TopNav";export{c as TopNav};
package/dist/index36.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("./index55.cjs"),s=require("./index79.cjs"),r=e.forwardRef(({variant:e="info",title:r,icon:i,className:d,children:c,"data-cy":l,"data-testid":n,...o},m)=>{const u=l||`alert-${e}`,y=n||`alert-${e}`;return t.jsxs("div",{ref:m,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:a.cn(s.alertRootStyles,s.alertVariantMap[e],d),"data-cy":u,"data-testid":y,...o,children:[i&&t.jsx("div",{className:s.alertIconStyles,"data-cy":`${u}-icon`,"data-testid":`${y}-icon`,children:i}),t.jsxs("div",{className:s.alertContentStyles,"data-cy":`${u}-content`,"data-testid":`${y}-content`,children:[r&&t.jsx("div",{className:"font-semibold mb-1 leading-tight","data-cy":`${u}-title`,"data-testid":`${y}-title`,children:r}),t.jsx("div",{"data-cy":`${u}-message`,"data-testid":`${y}-message`,children:c})]})]})});r.displayName="Alert",exports.Alert=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),a=require("./index56.cjs"),s=require("./index80.cjs"),r=e.forwardRef(({variant:e="info",title:r,icon:i,className:d,children:c,"data-cy":l,"data-testid":n,...o},m)=>{const u=l||`alert-${e}`,y=n||`alert-${e}`;return t.jsxs("div",{ref:m,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:a.cn(s.alertRootStyles,s.alertVariantMap[e],d),"data-cy":u,"data-testid":y,...o,children:[i&&t.jsx("div",{className:s.alertIconStyles,"data-cy":`${u}-icon`,"data-testid":`${y}-icon`,children:i}),t.jsxs("div",{className:s.alertContentStyles,"data-cy":`${u}-content`,"data-testid":`${y}-content`,children:[r&&t.jsx("div",{className:"font-semibold mb-1 leading-tight","data-cy":`${u}-title`,"data-testid":`${y}-title`,children:r}),t.jsx("div",{"data-cy":`${u}-message`,"data-testid":`${y}-message`,children:c})]})]})});r.displayName="Alert",exports.Alert=r;
package/dist/index36.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsxs as t,jsx as a}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as i}from"./index55.js";import{alertIconStyles as d,alertContentStyles as s,alertVariantMap as r,alertRootStyles as c}from"./index79.js";const n=e(({variant:e="info",title:n,icon:l,className:o,children:m,"data-cy":$,"data-testid":f,...h},y)=>{const p=$||`alert-${e}`,v=f||`alert-${e}`;/* @__PURE__ */
1
+ import{jsxs as t,jsx as a}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as i}from"./index56.js";import{alertIconStyles as d,alertContentStyles as s,alertVariantMap as r,alertRootStyles as c}from"./index80.js";const n=e(({variant:e="info",title:n,icon:l,className:o,children:m,"data-cy":$,"data-testid":f,...h},y)=>{const p=$||`alert-${e}`,v=f||`alert-${e}`;/* @__PURE__ */
2
2
  return t("div",{ref:y,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:i(c,r[e],o),"data-cy":p,"data-testid":v,...h,children:[l&&/* @__PURE__ */a("div",{className:d,"data-cy":`${p}-icon`,"data-testid":`${v}-icon`,children:l}),
3
3
  /* @__PURE__ */t("div",{className:s,"data-cy":`${p}-content`,"data-testid":`${v}-content`,children:[n&&/* @__PURE__ */a("div",{className:"font-semibold mb-1 leading-tight","data-cy":`${p}-title`,"data-testid":`${v}-title`,children:n}),
4
4
  /* @__PURE__ */a("div",{"data-cy":`${p}-message`,"data-testid":`${v}-message`,children:m})]})]})});n.displayName="Alert";export{n as Alert};
package/dist/index37.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),s=require("./index80.cjs"),a=require("./index55.cjs"),i=require("./index81.cjs"),o=require("@adam-milo/icons"),n=e.createContext(null);exports.ToastProvider=function({children:r,duration:c=5e3,position:l="top-right",swipeDirection:d="right",label:u="Notifications","data-cy":x,"data-testid":p}){const[m,y]=e.useState([]),h=e.useId(),j=e.useCallback(t=>{const e=`toast-${Date.now()}-${Math.random().toString(36).slice(2,9)}`;y(s=>[...s,{...t,id:e}])},[]),S=e.useCallback(t=>{y(e=>e.filter(e=>e.id!==t))},[]),v=e.useMemo(()=>({toast:j}),[j]);return t.jsx(n.Provider,{value:v,children:t.jsxs(s.Provider,{duration:c,swipeDirection:d,children:[r,m.map(n=>t.jsxs(s.Root,{duration:n.duration??c,onOpenChange:t=>{t||S(n.id)},className:a.cn(i.toastRootStyles,i.toastVariantStyles[n.variant??"default"]),"data-cy":"toast","data-testid":"toast",children:[t.jsxs("div",{className:i.toastContentStyles,children:[n.title&&t.jsx(s.Title,{className:i.toastTitleStyles,"data-cy":"toast-title","data-testid":"toast-title",children:n.title}),t.jsx(s.Description,{className:i.toastDescriptionStyles,"data-cy":"toast-description","data-testid":"toast-description",children:n.description}),n.action&&(e.isValidElement(n.action)?t.jsx(s.Action,{className:i.toastActionStyles,altText:n.actionAltText??"Action",asChild:!0,children:n.action}):t.jsx(s.Action,{className:i.toastActionStyles,altText:n.actionAltText??"Action",children:t.jsx("button",{type:"button",children:n.action})}))]}),t.jsx(s.Close,{className:i.toastCloseStyles,"aria-label":"Close","data-cy":"toast-close","data-testid":"toast-close",children:t.jsx(o.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})]},n.id)),t.jsx(s.Viewport,{id:h,className:a.cn(i.toastViewportStyles,i.toastViewportPositionStyles[l]),"aria-label":u,"data-cy":x??"toast-viewport","data-testid":p??"toast-viewport"})]})})},exports.useToast=function(){const t=e.useContext(n);if(!t)throw new Error("useToast must be used within a ToastProvider");return t};
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),e=require("react"),s=require("./index81.cjs"),a=require("./index56.cjs"),i=require("./index82.cjs"),o=require("@adam-milo/icons"),n=e.createContext(null);exports.ToastProvider=function({children:r,duration:c=5e3,position:l="top-right",swipeDirection:d="right",label:u="Notifications","data-cy":x,"data-testid":p}){const[m,y]=e.useState([]),h=e.useId(),j=e.useCallback(t=>{const e=`toast-${Date.now()}-${Math.random().toString(36).slice(2,9)}`;y(s=>[...s,{...t,id:e}])},[]),S=e.useCallback(t=>{y(e=>e.filter(e=>e.id!==t))},[]),v=e.useMemo(()=>({toast:j}),[j]);return t.jsx(n.Provider,{value:v,children:t.jsxs(s.Provider,{duration:c,swipeDirection:d,children:[r,m.map(n=>t.jsxs(s.Root,{duration:n.duration??c,onOpenChange:t=>{t||S(n.id)},className:a.cn(i.toastRootStyles,i.toastVariantStyles[n.variant??"default"]),"data-cy":"toast","data-testid":"toast",children:[t.jsxs("div",{className:i.toastContentStyles,children:[n.title&&t.jsx(s.Title,{className:i.toastTitleStyles,"data-cy":"toast-title","data-testid":"toast-title",children:n.title}),t.jsx(s.Description,{className:i.toastDescriptionStyles,"data-cy":"toast-description","data-testid":"toast-description",children:n.description}),n.action&&(e.isValidElement(n.action)?t.jsx(s.Action,{className:i.toastActionStyles,altText:n.actionAltText??"Action",asChild:!0,children:n.action}):t.jsx(s.Action,{className:i.toastActionStyles,altText:n.actionAltText??"Action",children:t.jsx("button",{type:"button",children:n.action})}))]}),t.jsx(s.Close,{className:i.toastCloseStyles,"aria-label":"Close","data-cy":"toast-close","data-testid":"toast-close",children:t.jsx(o.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})]},n.id)),t.jsx(s.Viewport,{id:h,className:a.cn(i.toastViewportStyles,i.toastViewportPositionStyles[l]),"aria-label":u,"data-cy":x??"toast-viewport","data-testid":p??"toast-viewport"})]})})},exports.useToast=function(){const t=e.useContext(n);if(!t)throw new Error("useToast must be used within a ToastProvider");return t};
package/dist/index37.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as t,jsxs as a}from"react/jsx-runtime";import{useState as i,useId as o,useCallback as e,useMemo as s,isValidElement as r,useContext as n,createContext as c}from"react";import{Provider as d,Root as l,Title as m,Description as p,Action as h,Close as u,Viewport as f}from"./index80.js";import{cn as x}from"./index55.js";import{toastContentStyles as N,toastTitleStyles as v,toastDescriptionStyles as w,toastActionStyles as y,toastCloseStyles as b,toastVariantStyles as T,toastRootStyles as g,toastViewportPositionStyles as j,toastViewportStyles as A}from"./index81.js";import{Icon as C}from"@adam-milo/icons";const D=c(null);function P({children:n,duration:c=5e3,position:P="top-right",swipeDirection:$="right",label:z="Notifications","data-cy":E,"data-testid":I}){const[M,O]=i([]),R=o(),S=e(t=>{const a=`toast-${Date.now()}-${Math.random().toString(36).slice(2,9)}`;O(i=>[...i,{...t,id:a}])},[]),k=e(t=>{O(a=>a.filter(a=>a.id!==t))},[]),q=s(()=>({toast:S}),[S]);/* @__PURE__ */
1
+ import{jsx as t,jsxs as a}from"react/jsx-runtime";import{useState as i,useId as o,useCallback as e,useMemo as s,isValidElement as r,useContext as n,createContext as c}from"react";import{Provider as d,Root as l,Title as m,Description as p,Action as h,Close as u,Viewport as f}from"./index81.js";import{cn as x}from"./index56.js";import{toastContentStyles as N,toastTitleStyles as v,toastDescriptionStyles as w,toastActionStyles as y,toastCloseStyles as b,toastVariantStyles as T,toastRootStyles as g,toastViewportPositionStyles as j,toastViewportStyles as A}from"./index82.js";import{Icon as C}from"@adam-milo/icons";const D=c(null);function P({children:n,duration:c=5e3,position:P="top-right",swipeDirection:$="right",label:z="Notifications","data-cy":E,"data-testid":I}){const[M,O]=i([]),R=o(),S=e(t=>{const a=`toast-${Date.now()}-${Math.random().toString(36).slice(2,9)}`;O(i=>[...i,{...t,id:a}])},[]),k=e(t=>{O(a=>a.filter(a=>a.id!==t))},[]),q=s(()=>({toast:S}),[S]);/* @__PURE__ */
2
2
  return t(D.Provider,{value:q,children:/* @__PURE__ */a(d,{duration:c,swipeDirection:$,children:[n,M.map(i=>/* @__PURE__ */a(l,{duration:i.duration??c,onOpenChange:t=>{t||k(i.id)},className:x(g,T[i.variant??"default"]),"data-cy":"toast","data-testid":"toast",children:[
3
3
  /* @__PURE__ */a("div",{className:N,children:[i.title&&/* @__PURE__ */t(m,{className:v,"data-cy":"toast-title","data-testid":"toast-title",children:i.title}),
4
4
  /* @__PURE__ */t(p,{className:w,"data-cy":"toast-description","data-testid":"toast-description",children:i.description}),i.action&&(r(i.action)?/* @__PURE__ */t(h,{className:y,altText:i.actionAltText??"Action",asChild:!0,children:i.action}):/* @__PURE__ */t(h,{className:y,altText:i.actionAltText??"Action",children:/* @__PURE__ */t("button",{type:"button",children:i.action})}))]}),
package/dist/index38.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),e=require("./index55.cjs"),r=require("./index82.cjs"),d=t.forwardRef(({variant:t="default",className:d,children:s,"data-cy":c,"data-testid":o,...i},n)=>{const l=c||`card-${t}`,y=o||`card-${t}`;return a.jsx("div",{ref:n,className:e.cn(r.cardRootStyles,r.cardVariantMap[t],d),"data-cy":l,"data-testid":y,...i,children:s})});d.displayName="Card";const s=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},o)=>{const i=d||"card-header",n=s||"card-header";return a.jsx("div",{ref:o,className:e.cn(r.cardHeaderStyles,t),"data-cy":i,"data-testid":n,...c})});s.displayName="CardHeader";const c=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},o)=>{const i=d||"card-title",n=s||"card-title";return a.jsx("h3",{ref:o,className:e.cn(r.cardTitleStyles,t),"data-cy":i,"data-testid":n,...c})});c.displayName="CardTitle";const o=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},o)=>{const i=d||"card-description",n=s||"card-description";return a.jsx("p",{ref:o,className:e.cn(r.cardDescriptionStyles,t),"data-cy":i,"data-testid":n,...c})});o.displayName="CardDescription";const i=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},o)=>{const i=d||"card-content",n=s||"card-content";return a.jsx("div",{ref:o,className:e.cn(r.cardContentStyles,t),"data-cy":i,"data-testid":n,...c})});i.displayName="CardContent";const n=t.forwardRef(({className:t,align:d="start","data-cy":s,"data-testid":c,...o},i)=>{const n=s||"card-footer",l=c||"card-footer";return a.jsx("div",{ref:i,className:e.cn(r.cardFooterBaseStyles,r.cardFooterAlignMap[d],t),"data-cy":n,"data-testid":l,"data-footer-align":d,...o})});n.displayName="CardFooter",exports.Card=d,exports.CardContent=i,exports.CardDescription=o,exports.CardFooter=n,exports.CardHeader=s,exports.CardTitle=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),e=require("./index56.cjs"),r=require("./index83.cjs"),d=t.forwardRef(({variant:t="default",className:d,children:s,"data-cy":c,"data-testid":o,...i},n)=>{const l=c||`card-${t}`,y=o||`card-${t}`;return a.jsx("div",{ref:n,className:e.cn(r.cardRootStyles,r.cardVariantMap[t],d),"data-cy":l,"data-testid":y,...i,children:s})});d.displayName="Card";const s=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},o)=>{const i=d||"card-header",n=s||"card-header";return a.jsx("div",{ref:o,className:e.cn(r.cardHeaderStyles,t),"data-cy":i,"data-testid":n,...c})});s.displayName="CardHeader";const c=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},o)=>{const i=d||"card-title",n=s||"card-title";return a.jsx("h3",{ref:o,className:e.cn(r.cardTitleStyles,t),"data-cy":i,"data-testid":n,...c})});c.displayName="CardTitle";const o=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},o)=>{const i=d||"card-description",n=s||"card-description";return a.jsx("p",{ref:o,className:e.cn(r.cardDescriptionStyles,t),"data-cy":i,"data-testid":n,...c})});o.displayName="CardDescription";const i=t.forwardRef(({className:t,"data-cy":d,"data-testid":s,...c},o)=>{const i=d||"card-content",n=s||"card-content";return a.jsx("div",{ref:o,className:e.cn(r.cardContentStyles,t),"data-cy":i,"data-testid":n,...c})});i.displayName="CardContent";const n=t.forwardRef(({className:t,align:d="start","data-cy":s,"data-testid":c,...o},i)=>{const n=s||"card-footer",l=c||"card-footer";return a.jsx("div",{ref:i,className:e.cn(r.cardFooterBaseStyles,r.cardFooterAlignMap[d],t),"data-cy":n,"data-testid":l,"data-footer-align":d,...o})});n.displayName="CardFooter",exports.Card=d,exports.CardContent=i,exports.CardDescription=o,exports.CardFooter=n,exports.CardHeader=s,exports.CardTitle=c;
package/dist/index38.js CHANGED
@@ -1,4 +1,4 @@
1
- import{jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as d}from"./index55.js";import{cardVariantMap as e,cardRootStyles as r,cardHeaderStyles as s,cardTitleStyles as c,cardDescriptionStyles as i,cardContentStyles as n,cardFooterAlignMap as o,cardFooterBaseStyles as m}from"./index82.js";const l=t(({variant:t="default",className:s,children:c,"data-cy":i,"data-testid":n,...o},m)=>{const l=i||`card-${t}`,y=n||`card-${t}`;/* @__PURE__ */
1
+ import{jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as d}from"./index56.js";import{cardVariantMap as e,cardRootStyles as r,cardHeaderStyles as s,cardTitleStyles as c,cardDescriptionStyles as i,cardContentStyles as n,cardFooterAlignMap as o,cardFooterBaseStyles as m}from"./index83.js";const l=t(({variant:t="default",className:s,children:c,"data-cy":i,"data-testid":n,...o},m)=>{const l=i||`card-${t}`,y=n||`card-${t}`;/* @__PURE__ */
2
2
  return a("div",{ref:m,className:d(r,e[t],s),"data-cy":l,"data-testid":y,...o,children:c})});l.displayName="Card";const y=t(({className:t,"data-cy":e,"data-testid":r,...c},i)=>{const n=e||"card-header",o=r||"card-header";/* @__PURE__ */
3
3
  return a("div",{ref:i,className:d(s,t),"data-cy":n,"data-testid":o,...c})});y.displayName="CardHeader";const N=t(({className:t,"data-cy":e,"data-testid":r,...s},i)=>{const n=e||"card-title",o=r||"card-title";
4
4
  /* @__PURE__ */
package/dist/index39.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("@adam-milo/icons"),s=require("./index55.cjs"),r=require("./index11.cjs"),d=require("./index83.cjs"),l=["60%","75%","45%","55%","70%","50%"],c=t.forwardRef(({columns:c,data:n,striped:i=!1,hoverable:o=!1,headerLeft:h,headerRight:y,borderBreak:x=!1,onLoadMore:$,isLoadingMore:m=!1,hasMore:S=!1,loadingIndicator:p,skeletonRows:j=3,maxHeight:k,emptyStateText:b,selectable:u=!1,rowKey:g="id",selectedRows:f,onSelectionChange:B,footerBar:v,className:N,"data-cy":w,"data-testid":C,...E},R)=>{const T=w||"datatable",q=C||"datatable",I=h||y,L=t.useRef(null),M=t.useRef(null),[F,H]=t.useState(!1);t.useEffect(()=>{const e=M.current;if(!e||!k)return;const t=()=>H(e.scrollTop>0);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[k]);const D=f??new Set,O=n.map(e=>String(e[g]??"")),A=u&&n.length>0&&O.every(e=>D.has(e)),K=u&&n.length>0&&O.some(e=>D.has(e)),P=t.useCallback(()=>{if(B)if(A){const e=new Set(D);O.forEach(t=>e.delete(t)),B(e)}else{const e=new Set(D);O.forEach(t=>e.add(t)),B(e)}},[A,O,D,B]),W=t.useCallback(e=>{if(!B)return;const t=new Set(D);t.has(e)?t.delete(e):t.add(e),B(t)},[D,B]),z=u?c.length+1:c.length,G=t.useCallback(e=>{const[t]=e;t.isIntersecting&&S&&!m&&$&&$()},[S,m,$]);t.useEffect(()=>{const e=L.current;if(!e||!$)return;const t=new IntersectionObserver(G,{root:k?M.current:null,rootMargin:"0px",threshold:.1});return t.observe(e),()=>t.disconnect()},[G,$,k]);const J=e.jsxs(e.Fragment,{children:[e.jsxs("table",{ref:R,className:s.cn(d.tableBaseStyles,N),"data-cy":T,"data-testid":q,...E,children:[e.jsx("thead",{className:s.cn(d.theadStyles,x&&d.theadBorderBreakStyles,k&&d.stickyTheadStyles,k&&F&&"!bg-white"),"data-cy":`${T}-head`,"data-testid":`${q}-head`,children:e.jsxs("tr",{children:[u&&e.jsx("th",{className:s.cn(d.checkboxCellStyles,x&&d.thBorderBreakStyles),"data-cy":`${T}-header-checkbox`,"data-testid":`${q}-header-checkbox`,children:e.jsx(r.Checkbox,{checked:A,indeterminate:K&&!A,onChange:P,"aria-label":"Select all rows","data-cy":`${T}-select-all`,"data-testid":`${q}-select-all`})}),c.map(t=>e.jsx("th",{className:s.cn(d.thStyles,x&&d.thBorderBreakStyles),"data-cy":`${T}-header-${t.key}`,"data-testid":`${q}-header-${t.key}`,children:t.header},t.key))]})}),e.jsxs("tbody",{"data-cy":`${T}-body`,"data-testid":`${q}-body`,children:[0!==n.length||m?n.map((t,a)=>e.jsxs("tr",{className:s.cn(d.trStripedStyles,x&&d.trBorderBreakStyles,o&&d.trHoverableStyles,i&&!x&&d.trStripedEvenStyles),"data-cy":`${T}-row-${a}`,"data-testid":`${q}-row-${a}`,children:[u&&e.jsx("td",{className:s.cn(d.checkboxCellStyles,x&&d.tdBorderBreakStyles),"data-cy":`${T}-cell-${a}-checkbox`,"data-testid":`${q}-cell-${a}-checkbox`,children:e.jsx(r.Checkbox,{checked:D.has(String(t[g]??"")),onChange:()=>W(String(t[g]??"")),"aria-label":`Select row ${a+1}`,"data-cy":`${T}-select-${a}`,"data-testid":`${q}-select-${a}`})}),c.map(r=>e.jsx("td",{className:s.cn(d.tdStyles,x&&d.tdBorderBreakStyles),"data-cy":`${T}-cell-${a}-${r.key}`,"data-testid":`${q}-cell-${a}-${r.key}`,children:r.render?r.render(t[r.key],t,a):String(t[r.key]??"")},r.key))]},a)):e.jsx("tr",{children:e.jsx("td",{colSpan:z,className:"p-0","data-cy":`${T}-empty`,"data-testid":`${q}-empty`,children:e.jsxs("div",{className:d.emptyStateWrapperStyles,children:[e.jsx("div",{className:d.emptyStateIconStyles,"data-cy":`${T}-empty-icon`,"data-testid":`${q}-empty-icon`,children:e.jsx(a.CustomEmptyBoxIcon,{width:"100%",height:"100%"})}),b&&e.jsx("p",{className:d.emptyStateTextStyles,"data-cy":`${T}-empty-text`,"data-testid":`${q}-empty-text`,children:b})]})})}),m&&(p?e.jsx("tr",{children:e.jsx("td",{colSpan:z,className:d.loadingRowStyles,"data-cy":`${T}-loading`,"data-testid":`${q}-loading`,children:p})}):Array.from({length:j}).map((t,a)=>e.jsx("tr",{className:s.cn(d.trStripedStyles,x&&d.trBorderBreakStyles),"data-cy":`${T}-skeleton-${a}`,"data-testid":`${q}-skeleton-${a}`,children:c.map((t,r)=>e.jsx("td",{className:s.cn(d.tdStyles,x&&d.tdBorderBreakStyles),children:e.jsx("div",{className:d.skeletonCellStyles,style:{width:l[(a+r)%l.length]}})},t.key))},`skeleton-${a}`)))]})]}),$&&e.jsx("div",{ref:L,className:"h-4","data-cy":`${T}-sentinel`,"data-testid":`${q}-sentinel`,"aria-hidden":"true"})]}),Q=e.jsxs("div",{className:s.cn(d.wrapperStyles,x&&"overflow-hidden rounded-2xl"),"data-cy":`${T}-wrapper`,"data-testid":`${q}-wrapper`,children:[I&&e.jsxs("div",{className:d.headerBarStyles,"data-cy":`${T}-header-bar`,"data-testid":`${q}-header-bar`,children:[e.jsx("div",{"data-cy":`${T}-header-left`,"data-testid":`${q}-header-left`,children:h}),e.jsx("div",{"data-cy":`${T}-header-right`,"data-testid":`${q}-header-right`,children:y})]}),k?e.jsx("div",{ref:M,className:d.scrollContainerStyles,style:{maxHeight:k},children:J}):J]}),U=v?e.jsx("div",{className:d.footerBarStyles,"data-cy":`${T}-footer-bar`,"data-testid":`${q}-footer-bar`,children:v}):null;return x?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:d.wrapperBorderBreakStyles,children:Q}),U]}):e.jsxs(e.Fragment,{children:[Q,U]})});c.displayName="DataTable",exports.DataTable=c;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@adam-milo/icons"),s=require("./index56.cjs"),r=require("./index11.cjs"),d=require("./index84.cjs"),l=["60%","75%","45%","55%","70%","50%"],c=t.forwardRef(({columns:c,data:n,striped:i=!1,hoverable:o=!1,headerLeft:h,headerRight:y,borderBreak:x=!1,onLoadMore:m,isLoadingMore:$=!1,hasMore:S=!1,loadingIndicator:p,skeletonRows:b=3,maxHeight:j,emptyStateText:k,selectable:u=!1,rowKey:g="id",selectedRows:f,onSelectionChange:N,footerBar:B,className:v,"data-cy":w,"data-testid":C,...E},L)=>{const R=w||"datatable",T=C||"datatable",q=h||y,I=t.useRef(null),M=t.useRef(null),[F,H]=t.useState(!1);t.useEffect(()=>{const e=M.current;if(!e||!j)return;const t=()=>H(e.scrollTop>0);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[j]);const D=f??new Set,O=n.map(e=>String(e[g]??"")),A=u&&n.length>0&&O.every(e=>D.has(e)),K=u&&n.length>0&&O.some(e=>D.has(e)),P=t.useCallback(()=>{if(N)if(A){const e=new Set(D);O.forEach(t=>e.delete(t)),N(e)}else{const e=new Set(D);O.forEach(t=>e.add(t)),N(e)}},[A,O,D,N]),W=t.useCallback(e=>{if(!N)return;const t=new Set(D);t.has(e)?t.delete(e):t.add(e),N(t)},[D,N]),z=u?c.length+1:c.length,G=t.useCallback(e=>{const[t]=e;t.isIntersecting&&S&&!$&&m&&m()},[S,$,m]);t.useEffect(()=>{const e=I.current;if(!e||!m)return;const t=new IntersectionObserver(G,{root:j?M.current:null,rootMargin:"0px",threshold:.1});return t.observe(e),()=>t.disconnect()},[G,m,j]);const J=e.jsxs(e.Fragment,{children:[e.jsxs("table",{ref:L,className:s.cn(d.tableBaseStyles,v),"data-cy":R,"data-testid":T,...E,children:[e.jsx("thead",{className:s.cn(d.theadStyles,x&&d.theadBorderBreakStyles,j&&d.stickyTheadStyles,j&&F&&"!bg-white"),"data-cy":`${R}-head`,"data-testid":`${T}-head`,children:e.jsxs("tr",{children:[u&&e.jsx("th",{className:s.cn(d.checkboxCellStyles,x&&d.thBorderBreakStyles),"data-cy":`${R}-header-checkbox`,"data-testid":`${T}-header-checkbox`,children:e.jsx("label",{className:d.checkboxLabelStyles,children:e.jsx(r.Checkbox,{checked:A,indeterminate:K&&!A,onChange:P,"aria-label":"Select all rows","data-cy":`${R}-select-all`,"data-testid":`${T}-select-all`})})}),c.map(t=>e.jsx("th",{className:s.cn(d.thStyles,x&&d.thBorderBreakStyles),"data-cy":`${R}-header-${t.key}`,"data-testid":`${T}-header-${t.key}`,children:t.header},t.key))]})}),e.jsxs("tbody",{"data-cy":`${R}-body`,"data-testid":`${T}-body`,children:[0!==n.length||$?n.map((t,a)=>e.jsxs("tr",{className:s.cn(d.trStripedStyles,x&&d.trBorderBreakStyles,o&&d.trHoverableStyles,i&&!x&&d.trStripedEvenStyles),"data-cy":`${R}-row-${a}`,"data-testid":`${T}-row-${a}`,children:[u&&e.jsx("td",{className:s.cn(d.checkboxCellStyles,x&&d.tdBorderBreakStyles),"data-cy":`${R}-cell-${a}-checkbox`,"data-testid":`${T}-cell-${a}-checkbox`,children:e.jsx("label",{className:d.checkboxLabelStyles,children:e.jsx(r.Checkbox,{checked:D.has(String(t[g]??"")),onChange:()=>W(String(t[g]??"")),"aria-label":`Select row ${a+1}`,"data-cy":`${R}-select-${a}`,"data-testid":`${T}-select-${a}`})})}),c.map(r=>e.jsx("td",{className:s.cn(d.tdStyles,x&&d.tdBorderBreakStyles),"data-cy":`${R}-cell-${a}-${r.key}`,"data-testid":`${T}-cell-${a}-${r.key}`,children:r.render?r.render(t[r.key],t,a):String(t[r.key]??"")},r.key))]},a)):e.jsx("tr",{children:e.jsx("td",{colSpan:z,className:"p-0","data-cy":`${R}-empty`,"data-testid":`${T}-empty`,children:e.jsxs("div",{className:d.emptyStateWrapperStyles,children:[e.jsx("div",{className:d.emptyStateIconStyles,"data-cy":`${R}-empty-icon`,"data-testid":`${T}-empty-icon`,children:e.jsx(a.CustomEmptyBoxIcon,{width:"100%",height:"100%"})}),k&&e.jsx("p",{className:d.emptyStateTextStyles,"data-cy":`${R}-empty-text`,"data-testid":`${T}-empty-text`,children:k})]})})}),$&&(p?e.jsx("tr",{children:e.jsx("td",{colSpan:z,className:d.loadingRowStyles,"data-cy":`${R}-loading`,"data-testid":`${T}-loading`,children:p})}):Array.from({length:b}).map((t,a)=>e.jsx("tr",{className:s.cn(d.trStripedStyles,x&&d.trBorderBreakStyles),"data-cy":`${R}-skeleton-${a}`,"data-testid":`${T}-skeleton-${a}`,children:c.map((t,r)=>e.jsx("td",{className:s.cn(d.tdStyles,x&&d.tdBorderBreakStyles),children:e.jsx("div",{className:d.skeletonCellStyles,style:{width:l[(a+r)%l.length]}})},t.key))},`skeleton-${a}`)))]})]}),m&&e.jsx("div",{ref:I,className:"h-4","data-cy":`${R}-sentinel`,"data-testid":`${T}-sentinel`,"aria-hidden":"true"})]}),Q=e.jsxs("div",{className:s.cn(d.wrapperStyles,x&&"overflow-hidden rounded-2xl"),"data-cy":`${R}-wrapper`,"data-testid":`${T}-wrapper`,children:[q&&e.jsxs("div",{className:d.headerBarStyles,"data-cy":`${R}-header-bar`,"data-testid":`${T}-header-bar`,children:[e.jsx("div",{"data-cy":`${R}-header-left`,"data-testid":`${T}-header-left`,children:h}),e.jsx("div",{"data-cy":`${R}-header-right`,"data-testid":`${T}-header-right`,children:y})]}),j?e.jsx("div",{ref:M,className:d.scrollContainerStyles,style:{maxHeight:j},children:J}):J]}),U=B?e.jsx("div",{className:d.footerBarStyles,"data-cy":`${R}-footer-bar`,"data-testid":`${T}-footer-bar`,children:B}):null;return x?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:d.wrapperBorderBreakStyles,children:Q}),U]}):e.jsxs(e.Fragment,{children:[Q,U]})});c.displayName="DataTable",exports.DataTable=c;