@adam-milo/ui 1.0.128 → 1.0.130

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 (332) 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 +2 -2
  5. package/dist/index100.cjs +1 -1
  6. package/dist/index100.js +1 -1
  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 -1
  13. package/dist/index104.cjs +1 -1
  14. package/dist/index104.js +1 -1
  15. package/dist/index105.cjs +1 -1
  16. package/dist/index105.js +1 -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 -3
  29. package/dist/index111.cjs +1 -1
  30. package/dist/index111.js +1 -2
  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 -1
  35. package/dist/index114.cjs +1 -1
  36. package/dist/index114.js +1 -1
  37. package/dist/index115.cjs +1 -1
  38. package/dist/index115.js +1 -1
  39. package/dist/index116.cjs +1 -1
  40. package/dist/index116.js +1 -1
  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 +1 -1
  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 +1 -5
  51. package/dist/index121.cjs +1 -1
  52. package/dist/index121.js +1 -3
  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 -1
  58. package/dist/index124.js +1 -4
  59. package/dist/index125.cjs +1 -1
  60. package/dist/index125.js +1 -1
  61. package/dist/index126.cjs +1 -1
  62. package/dist/index126.js +1 -2
  63. package/dist/index13.cjs +1 -1
  64. package/dist/index13.js +1 -1
  65. package/dist/index14.cjs +1 -1
  66. package/dist/index14.js +1 -1
  67. package/dist/index15.cjs +1 -1
  68. package/dist/index15.js +1 -1
  69. package/dist/index16.cjs +1 -1
  70. package/dist/index16.js +1 -1
  71. package/dist/index17.cjs +1 -1
  72. package/dist/index17.js +1 -1
  73. package/dist/index18.cjs +1 -1
  74. package/dist/index18.js +8 -3
  75. package/dist/index19.cjs +1 -1
  76. package/dist/index19.js +3 -6
  77. package/dist/index20.cjs +1 -1
  78. package/dist/index20.js +6 -2
  79. package/dist/index21.cjs +1 -1
  80. package/dist/index21.js +2 -2
  81. package/dist/index22.cjs +1 -1
  82. package/dist/index22.js +2 -2
  83. package/dist/index23.cjs +1 -1
  84. package/dist/index23.js +2 -2
  85. package/dist/index24.cjs +1 -1
  86. package/dist/index24.js +2 -2
  87. package/dist/index25.cjs +1 -1
  88. package/dist/index25.js +2 -2
  89. package/dist/index26.cjs +1 -1
  90. package/dist/index26.js +2 -2
  91. package/dist/index27.cjs +1 -1
  92. package/dist/index27.js +2 -2
  93. package/dist/index28.cjs +1 -1
  94. package/dist/index28.js +2 -2
  95. package/dist/index29.cjs +1 -1
  96. package/dist/index29.js +2 -2
  97. package/dist/index3.cjs +1 -1
  98. package/dist/index3.js +1 -1
  99. package/dist/index30.cjs +1 -1
  100. package/dist/index30.js +2 -2
  101. package/dist/index31.cjs +1 -1
  102. package/dist/index31.js +2 -4
  103. package/dist/index32.cjs +1 -1
  104. package/dist/index32.js +4 -2
  105. package/dist/index33.cjs +1 -1
  106. package/dist/index33.js +2 -2
  107. package/dist/index34.cjs +1 -1
  108. package/dist/index34.js +2 -4
  109. package/dist/index35.cjs +1 -1
  110. package/dist/index35.js +4 -8
  111. package/dist/index36.cjs +1 -1
  112. package/dist/index36.js +8 -2
  113. package/dist/index37.cjs +1 -1
  114. package/dist/index37.js +2 -4
  115. package/dist/index38.cjs +1 -1
  116. package/dist/index38.js +4 -8
  117. package/dist/index39.cjs +1 -1
  118. package/dist/index39.js +8 -8
  119. package/dist/index4.cjs +1 -1
  120. package/dist/index4.js +1 -1
  121. package/dist/index40.cjs +1 -1
  122. package/dist/index40.js +8 -9
  123. package/dist/index41.cjs +1 -1
  124. package/dist/index41.js +9 -2
  125. package/dist/index42.cjs +1 -1
  126. package/dist/index42.js +2 -5
  127. package/dist/index43.cjs +1 -1
  128. package/dist/index43.js +5 -2
  129. package/dist/index44.cjs +1 -1
  130. package/dist/index44.js +2 -10
  131. package/dist/index45.cjs +1 -1
  132. package/dist/index45.js +2 -9
  133. package/dist/index46.cjs +1 -1
  134. package/dist/index46.js +3 -2
  135. package/dist/index47.cjs +1 -1
  136. package/dist/index47.js +3 -2
  137. package/dist/index48.cjs +1 -1
  138. package/dist/index48.js +24 -2
  139. package/dist/index49.cjs +1 -1
  140. package/dist/index49.js +10 -4
  141. package/dist/index5.cjs +1 -1
  142. package/dist/index5.js +1 -1
  143. package/dist/index50.cjs +1 -1
  144. package/dist/index50.js +13 -2
  145. package/dist/index51.cjs +1 -1
  146. package/dist/index51.js +38 -3
  147. package/dist/index52.cjs +1 -1
  148. package/dist/index52.js +10 -2
  149. package/dist/index53.cjs +1 -1
  150. package/dist/index53.js +1 -2
  151. package/dist/index54.cjs +1 -1
  152. package/dist/index54.js +9 -2
  153. package/dist/index55.cjs +1 -1
  154. package/dist/index55.js +2 -2
  155. package/dist/index56.cjs +1 -1
  156. package/dist/index56.js +2 -10
  157. package/dist/index57.cjs +1 -1
  158. package/dist/index57.js +2 -11
  159. package/dist/index58.cjs +1 -1
  160. package/dist/index58.js +4 -1
  161. package/dist/index59.cjs +1 -1
  162. package/dist/index59.js +2 -1
  163. package/dist/index6.cjs +1 -1
  164. package/dist/index6.js +1 -1
  165. package/dist/index60.cjs +1 -1
  166. package/dist/index60.js +3 -1
  167. package/dist/index61.cjs +1 -1
  168. package/dist/index61.js +2 -1
  169. package/dist/index62.cjs +1 -1
  170. package/dist/index62.js +2 -1
  171. package/dist/index63.cjs +1 -1
  172. package/dist/index63.js +2 -1
  173. package/dist/index64.cjs +1 -1
  174. package/dist/index64.js +2 -1
  175. package/dist/index65.cjs +1 -1
  176. package/dist/index65.js +10 -9
  177. package/dist/index66.cjs +1 -1
  178. package/dist/index66.js +11 -1
  179. package/dist/index67.cjs +1 -1
  180. package/dist/index67.js +1 -1
  181. package/dist/index68.cjs +1 -1
  182. package/dist/index68.js +1 -1
  183. package/dist/index69.cjs +1 -1
  184. package/dist/index69.js +1 -1
  185. package/dist/index7.cjs +1 -1
  186. package/dist/index7.js +1 -1
  187. package/dist/index70.cjs +1 -1
  188. package/dist/index70.js +1 -2
  189. package/dist/index71.cjs +1 -1
  190. package/dist/index71.js +1 -1
  191. package/dist/index72.cjs +1 -1
  192. package/dist/index72.js +1 -1
  193. package/dist/index73.cjs +1 -1
  194. package/dist/index73.js +1 -1
  195. package/dist/index74.cjs +1 -1
  196. package/dist/index74.js +9 -1
  197. package/dist/index75.cjs +1 -1
  198. package/dist/index75.js +1 -7
  199. package/dist/index76.cjs +1 -1
  200. package/dist/index76.js +1 -1
  201. package/dist/index77.cjs +1 -1
  202. package/dist/index77.js +1 -1
  203. package/dist/index78.cjs +1 -1
  204. package/dist/index78.js +1 -1
  205. package/dist/index79.cjs +1 -1
  206. package/dist/index79.js +2 -1
  207. package/dist/index8.cjs +1 -1
  208. package/dist/index8.js +1 -1
  209. package/dist/index80.cjs +1 -1
  210. package/dist/index80.js +1 -1
  211. package/dist/index81.cjs +1 -1
  212. package/dist/index81.js +1 -1
  213. package/dist/index82.cjs +1 -1
  214. package/dist/index82.js +1 -1
  215. package/dist/index83.cjs +1 -1
  216. package/dist/index83.js +1 -1
  217. package/dist/index84.cjs +1 -1
  218. package/dist/index84.js +1 -1
  219. package/dist/index85.cjs +1 -1
  220. package/dist/index85.js +7 -10
  221. package/dist/index86.cjs +1 -1
  222. package/dist/index86.js +1 -1
  223. package/dist/index87.cjs +1 -1
  224. package/dist/index87.js +1 -1
  225. package/dist/index88.cjs +1 -1
  226. package/dist/index88.js +1 -1
  227. package/dist/index89.cjs +1 -1
  228. package/dist/index89.js +1 -1
  229. package/dist/index9.cjs +1 -1
  230. package/dist/index9.js +1 -1
  231. package/dist/index90.cjs +1 -1
  232. package/dist/index90.js +1 -1
  233. package/dist/index91.cjs +1 -1
  234. package/dist/index91.js +1 -1
  235. package/dist/index92.cjs +1 -1
  236. package/dist/index92.js +1 -1
  237. package/dist/index93.cjs +1 -1
  238. package/dist/index93.js +1 -1
  239. package/dist/index94.cjs +1 -1
  240. package/dist/index94.js +1 -1
  241. package/dist/index95.cjs +1 -1
  242. package/dist/index95.js +1 -1
  243. package/dist/index96.cjs +1 -1
  244. package/dist/index96.js +1 -1
  245. package/dist/index97.cjs +1 -1
  246. package/dist/index97.js +1 -1
  247. package/dist/index98.cjs +1 -1
  248. package/dist/index98.js +1 -1
  249. package/dist/index99.cjs +1 -1
  250. package/dist/index99.js +1 -1
  251. package/dist/src/components/core/menu-icon-button/MenuIconButton.styles.d.ts +1 -1
  252. package/dist/src/components/core/menu-icon-button/MenuIconButton.styles.d.ts.map +1 -1
  253. package/dist/src/components/data-display/check-filter/CheckFilter.component.d.ts +8 -0
  254. package/dist/src/components/data-display/check-filter/CheckFilter.component.d.ts.map +1 -0
  255. package/dist/src/components/data-display/check-filter/CheckFilter.styles.d.ts +6 -0
  256. package/dist/src/components/data-display/check-filter/CheckFilter.styles.d.ts.map +1 -0
  257. package/dist/src/components/data-display/check-filter/CheckFilter.types.d.ts +68 -0
  258. package/dist/src/components/data-display/check-filter/CheckFilter.types.d.ts.map +1 -0
  259. package/dist/src/components/data-display/chip-group/ChipGroup.component.d.ts.map +1 -1
  260. package/dist/src/components/data-display/chip-group/ChipGroup.utils.d.ts +21 -0
  261. package/dist/src/components/data-display/chip-group/ChipGroup.utils.d.ts.map +1 -0
  262. package/dist/src/components/data-display/chip-group/useChipOverflow.d.ts +18 -0
  263. package/dist/src/components/data-display/chip-group/useChipOverflow.d.ts.map +1 -0
  264. package/dist/src/components/data-display/date-filter/DateFilter.component.d.ts +9 -0
  265. package/dist/src/components/data-display/date-filter/DateFilter.component.d.ts.map +1 -0
  266. package/dist/src/components/data-display/date-filter/DateFilter.styles.d.ts +96 -0
  267. package/dist/src/components/data-display/date-filter/DateFilter.styles.d.ts.map +1 -0
  268. package/dist/src/components/data-display/date-filter/DateFilter.types.d.ts +102 -0
  269. package/dist/src/components/data-display/date-filter/DateFilter.types.d.ts.map +1 -0
  270. package/dist/src/components/data-display/date-filter/dateUtils.d.ts +100 -0
  271. package/dist/src/components/data-display/date-filter/dateUtils.d.ts.map +1 -0
  272. package/dist/src/components/data-display/filter/Filter.component.d.ts +21 -0
  273. package/dist/src/components/data-display/filter/Filter.component.d.ts.map +1 -0
  274. package/dist/src/components/data-display/filter/Filter.styles.d.ts +27 -0
  275. package/dist/src/components/data-display/filter/Filter.styles.d.ts.map +1 -0
  276. package/dist/src/components/data-display/filter/Filter.types.d.ts +141 -0
  277. package/dist/src/components/data-display/filter/Filter.types.d.ts.map +1 -0
  278. package/dist/src/components/data-display/filter-button/FilterButton.component.d.ts +5 -0
  279. package/dist/src/components/data-display/filter-button/FilterButton.component.d.ts.map +1 -0
  280. package/dist/src/components/data-display/filter-button/FilterButton.styles.d.ts +10 -0
  281. package/dist/src/components/data-display/filter-button/FilterButton.styles.d.ts.map +1 -0
  282. package/dist/src/components/data-display/filter-button/FilterButton.types.d.ts +18 -0
  283. package/dist/src/components/data-display/filter-button/FilterButton.types.d.ts.map +1 -0
  284. package/dist/src/components/data-display/numeric-filter/NumericFilter.component.d.ts +8 -0
  285. package/dist/src/components/data-display/numeric-filter/NumericFilter.component.d.ts.map +1 -0
  286. package/dist/src/components/data-display/numeric-filter/NumericFilter.styles.d.ts +14 -0
  287. package/dist/src/components/data-display/numeric-filter/NumericFilter.styles.d.ts.map +1 -0
  288. package/dist/src/components/data-display/numeric-filter/NumericFilter.types.d.ts +53 -0
  289. package/dist/src/components/data-display/numeric-filter/NumericFilter.types.d.ts.map +1 -0
  290. package/dist/src/components/data-display/range-filter/RangeFilter.component.d.ts +8 -0
  291. package/dist/src/components/data-display/range-filter/RangeFilter.component.d.ts.map +1 -0
  292. package/dist/src/components/data-display/range-filter/RangeFilter.styles.d.ts +18 -0
  293. package/dist/src/components/data-display/range-filter/RangeFilter.styles.d.ts.map +1 -0
  294. package/dist/src/components/data-display/range-filter/RangeFilter.types.d.ts +44 -0
  295. package/dist/src/components/data-display/range-filter/RangeFilter.types.d.ts.map +1 -0
  296. package/dist/src/components/data-display/sort-button/SortButton.component.d.ts +5 -0
  297. package/dist/src/components/data-display/sort-button/SortButton.component.d.ts.map +1 -0
  298. package/dist/src/components/data-display/sort-button/SortButton.styles.d.ts +5 -0
  299. package/dist/src/components/data-display/sort-button/SortButton.styles.d.ts.map +1 -0
  300. package/dist/src/components/data-display/sort-button/SortButton.types.d.ts +27 -0
  301. package/dist/src/components/data-display/sort-button/SortButton.types.d.ts.map +1 -0
  302. package/dist/src/components/forms/numeric-input/NumericInput.component.d.ts.map +1 -1
  303. package/dist/src/components/forms/numeric-input/NumericInput.types.d.ts +14 -0
  304. package/dist/src/components/forms/numeric-input/NumericInput.types.d.ts.map +1 -1
  305. package/dist/src/components/forms/slider/Slider.component.d.ts +5 -0
  306. package/dist/src/components/forms/slider/Slider.component.d.ts.map +1 -0
  307. package/dist/src/components/forms/slider/Slider.styles.d.ts +21 -0
  308. package/dist/src/components/forms/slider/Slider.styles.d.ts.map +1 -0
  309. package/dist/src/components/forms/slider/Slider.types.d.ts +72 -0
  310. package/dist/src/components/forms/slider/Slider.types.d.ts.map +1 -0
  311. package/dist/src/components/overlays/popover/Popover.component.d.ts +27 -0
  312. package/dist/src/components/overlays/popover/Popover.component.d.ts.map +1 -0
  313. package/dist/src/components/overlays/popover/Popover.styles.d.ts +2 -0
  314. package/dist/src/components/overlays/popover/Popover.styles.d.ts.map +1 -0
  315. package/dist/src/components/overlays/popover/Popover.types.d.ts +18 -0
  316. package/dist/src/components/overlays/popover/Popover.types.d.ts.map +1 -0
  317. package/dist/src/index.d.ts +19 -1
  318. package/dist/src/index.d.ts.map +1 -1
  319. package/dist/src/lib/useMergedRef.d.ts +8 -4
  320. package/dist/src/lib/useMergedRef.d.ts.map +1 -1
  321. package/dist/styles.css +1 -1
  322. package/package.json +4 -2
  323. package/dist/index127.cjs +0 -1
  324. package/dist/index127.js +0 -1
  325. package/dist/index128.cjs +0 -1
  326. package/dist/index128.js +0 -1
  327. package/dist/index129.cjs +0 -1
  328. package/dist/index129.js +0 -1
  329. package/dist/index130.cjs +0 -1
  330. package/dist/index130.js +0 -1
  331. package/dist/index131.cjs +0 -1
  332. package/dist/index131.js +0 -1
package/dist/index34.js CHANGED
@@ -1,4 +1,2 @@
1
- import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as a,useRef as r,useState as s,useCallback as i,useEffect as n}from"react";import*as l from"@radix-ui/react-tabs";import{cn as o}from"./index58.js";import{listFullWidthStyles as d,listTableStyles as c,listMobileStyles as u,listStyles as m,triggerTableStyles as b,triggerMobileStyles as f,triggerStyles as g,contentStyles as p}from"./index81.js";const y=l.Root,v=a(({className:a,fullWidth:b=!1,variant:f="default","data-cy":g,"data-testid":p,...y},v)=>{const N=g||"tabs-list",h=p||"tabs-list",w=r(null),[x,C]=s({left:0,width:0}),[$,j]=s(!1),L=i(()=>{const t=w.current;if(!t)return;const e=t.querySelector('[data-state="active"]');if(!e)return;const a=t.getBoundingClientRect(),r=e.getBoundingClientRect();C({left:r.left-a.left+t.scrollLeft,width:r.width}),j(!0)},[]);n(()=>{const t=w.current;if(!t)return;L();const e=new MutationObserver(L);return e.observe(t,{attributes:!0,subtree:!0,attributeFilter:["data-state"]}),()=>e.disconnect()},[L]);const R="default"===f&&$;/* @__PURE__ */
2
- return e(l.List,{ref:t=>{w.current=t,"function"==typeof v?v(t):v&&(v.current=t)},className:o("relative","table"===f?c:"mobile"===f?u:m,b&&d,a),"data-cy":N,"data-testid":h,"data-full-width":b,"data-variant":f,...y,children:[y.children,R&&/* @__PURE__ */t("span",{className:"absolute bottom-0 h-[4px] bg-[var(--color-clickable)] rounded-t-sm transition-all duration-300 ease-in-out pointer-events-none",style:{left:x.left,width:x.width},"aria-hidden":"true"})]})});v.displayName=l.List.displayName;const N=a(({className:e,value:a,variant:r="default","data-cy":s,"data-testid":i,...n},d)=>{const c=s||(a?`tabs-trigger-${a}`:"tabs-trigger"),u=i||(a?`tabs-trigger-${a}`:"tabs-trigger");/* @__PURE__ */
3
- return t(l.Trigger,{ref:d,className:o("table"===r?b:"mobile"===r?f:g,e),value:a,"data-cy":c,"data-testid":u,...n})});N.displayName=l.Trigger.displayName;const h=a(({className:e,value:a,"data-cy":r,"data-testid":s,...i},n)=>{const d=r||(a?`tabs-content-${a}`:"tabs-content"),c=s||(a?`tabs-content-${a}`:"tabs-content");/* @__PURE__ */
4
- return t(l.Content,{ref:n,tabIndex:-1,className:o(p,e),value:a,"data-cy":d,"data-testid":c,...i})});h.displayName=l.Content.displayName;export{y as Tabs,h as TabsContent,v as TabsList,N as TabsTrigger};
1
+ import{jsx as e}from"react/jsx-runtime";import{forwardRef as t}from"react";import{FormField as r}from"./index22.js";import{Textarea as o}from"./index19.js";import{mergeRefs as a}from"./index89.js";const l=t(function({control:t,name:l,rules:i,label:d,tooltip:s,placeholder:n,fullWidth:m=!1,required:c,disabled:u,helperText:h,autoResize:x,minRows:p,maxRows:f,rows:w,showCharCount:g,maxLength:C,validate:b,customHeader:R,customFooterActions:v,borderVariant:j,height:y,className:N,"data-cy":T,"data-testid":q},z){/* @__PURE__ */
2
+ return e(r,{control:t,name:l,rules:i,"data-cy":T,"data-testid":q,children:({value:t,onChange:r,onBlur:l,ref:i,error:A})=>/* @__PURE__ */e(o,{value:t??"",onChange:e=>r(e.target.value),onBlur:l,ref:a(i,z),label:d,tooltip:s,placeholder:n,fullWidth:m,required:c,disabled:u,error:A,helperText:h,className:N,autoResize:x,minRows:p,maxRows:f,rows:w,showCharCount:g,maxLength:C,validate:b,customHeader:R,customFooterActions:v,borderVariant:j,height:y,"data-cy":T??"controlled-textarea","data-testid":q??"controlled-textarea"})})});l.displayName="ControlledTextarea";export{l as ControlledTextarea};
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"),s=require("./index58.cjs"),a=require("./index82.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 t=require("react/jsx-runtime"),e=require("react"),a=require("@radix-ui/react-tabs"),r=require("./index67.cjs"),s=require("./index90.cjs");function i(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const a in t)if("default"!==a){const r=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(e,a,r.get?r:{enumerable:!0,get:()=>t[a]})}return e.default=t,Object.freeze(e)}const n=i(a),l=n.Root,c=e.forwardRef(({className:a,fullWidth:i=!1,variant:l="default","data-cy":c,"data-testid":o,...d},u)=>{const b=c||"tabs-list",f=o||"tabs-list",g=e.useRef(null),[y,m]=e.useState({left:0,width:0}),[p,v]=e.useState(!1),x=e.useCallback(()=>{const t=g.current;if(!t)return;const e=t.querySelector('[data-state="active"]');if(!e)return;const a=t.getBoundingClientRect(),r=e.getBoundingClientRect();m({left:r.left-a.left+t.scrollLeft,width:r.width}),v(!0)},[]);e.useEffect(()=>{const t=g.current;if(!t)return;x();const e=new MutationObserver(x);return e.observe(t,{attributes:!0,subtree:!0,attributeFilter:["data-state"]}),()=>e.disconnect()},[x]);const S="default"===l&&p;return t.jsxs(n.List,{ref:t=>{g.current=t,"function"==typeof u?u(t):u&&(u.current=t)},className:r.cn("relative","table"===l?s.listTableStyles:"mobile"===l?s.listMobileStyles:s.listStyles,i&&s.listFullWidthStyles,a),"data-cy":b,"data-testid":f,"data-full-width":i,"data-variant":l,...d,children:[d.children,S&&t.jsx("span",{className:"absolute bottom-0 h-[4px] bg-[var(--color-clickable)] rounded-t-sm transition-all duration-300 ease-in-out pointer-events-none",style:{left:y.left,width:y.width},"aria-hidden":"true"})]})});c.displayName=n.List.displayName;const o=e.forwardRef(({className:e,value:a,variant:i="default","data-cy":l,"data-testid":c,...o},d)=>{const u=l||(a?`tabs-trigger-${a}`:"tabs-trigger"),b=c||(a?`tabs-trigger-${a}`:"tabs-trigger");return t.jsx(n.Trigger,{ref:d,className:r.cn("table"===i?s.triggerTableStyles:"mobile"===i?s.triggerMobileStyles:s.triggerStyles,e),value:a,"data-cy":u,"data-testid":b,...o})});o.displayName=n.Trigger.displayName;const d=e.forwardRef(({className:e,value:a,"data-cy":i,"data-testid":l,...c},o)=>{const d=i||(a?`tabs-content-${a}`:"tabs-content"),u=l||(a?`tabs-content-${a}`:"tabs-content");return t.jsx(n.Content,{ref:o,tabIndex:-1,className:r.cn(s.contentStyles,e),value:a,"data-cy":d,"data-testid":u,...c})});d.displayName=n.Content.displayName,exports.Tabs=l,exports.TabsContent=d,exports.TabsList=c,exports.TabsTrigger=o;
package/dist/index35.js CHANGED
@@ -1,8 +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"./index58.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"./index82.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
- 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
- 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
- /* @__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}),
5
- /* @__PURE__ */e("p",{className:r(x,m?C:n?M:A&&p?k:l?z:S),"data-cy":`${K}-label`,"data-testid":`${P}-label`,children:i})]})});A.displayName="StepItem";const I="(min-width: 1024px)";const K=a(({steps:a,currentStep:d,onChange:o,allowStepNavigation:c=!0,showConnector:l=!0,size:m,className:p,"data-cy":u,"data-testid":y,...f},h)=>{const v=u||"stepper",b=y||"stepper",w=function(){const[e,t]=s(()=>"undefined"==typeof window||"function"!=typeof window.matchMedia||window.matchMedia(I).matches?"large":"small");return n(()=>{if("undefined"==typeof window||"function"!=typeof window.matchMedia)return;const e=window.matchMedia(I),a=e=>t(e.matches?"large":"small");return e.addEventListener("change",a),()=>e.removeEventListener("change",a)},[]),e}(),$=m??w,g=Math.max(0,d-1),N="large"===$?"3.25rem":"2.5rem",C=a.flatMap((e,t)=>t<a.length-1?[N,"minmax(2rem, 1fr)"]:[N]).join(" "),{style:x,...M}=f;/* @__PURE__ */
6
- return e("div",{ref:h,className:r(E,p),style:{...x,gridTemplateColumns:C},role:"navigation","aria-label":"Progress indicator","data-cy":v,"data-testid":b,...M,children:a.map((s,n)=>{const r=n===g,d=n<g,m=s.disabled??!1,p=c&&!m&&n!==g;/* @__PURE__ */
7
- return t(i,{children:[
8
- /* @__PURE__ */e(A,{stepNumber:n+1,label:s.label,isActive:r,isCompleted:d,isDisabled:m,isClickable:p,onClick:()=>((e,t)=>{c&&!t&&e!==g&&o?.(e+1)})(n,m),size:$,"data-cy":`${v}-step-${n+1}`,"data-testid":`${b}-step-${n+1}`}),n<a.length-1&&(l?/* @__PURE__ */e(L,{isCompleted:d,size:$,"data-cy":`${v}-connector-${n+1}`,"data-testid":`${b}-connector-${n+1}`}):/* @__PURE__ */e("div",{className:"flex-1","aria-hidden":"true"}))]},s.id)})})});K.displayName="Stepper";export{K as Stepper};
1
+ import{jsx as t,jsxs as e}from"react/jsx-runtime";import{forwardRef as a,useRef as r,useState as s,useCallback as i,useEffect as n}from"react";import*as l from"@radix-ui/react-tabs";import{cn as o}from"./index67.js";import{listFullWidthStyles as d,listTableStyles as c,listMobileStyles as u,listStyles as m,triggerTableStyles as b,triggerMobileStyles as f,triggerStyles as g,contentStyles as p}from"./index90.js";const y=l.Root,v=a(({className:a,fullWidth:b=!1,variant:f="default","data-cy":g,"data-testid":p,...y},v)=>{const N=g||"tabs-list",h=p||"tabs-list",w=r(null),[x,C]=s({left:0,width:0}),[$,j]=s(!1),L=i(()=>{const t=w.current;if(!t)return;const e=t.querySelector('[data-state="active"]');if(!e)return;const a=t.getBoundingClientRect(),r=e.getBoundingClientRect();C({left:r.left-a.left+t.scrollLeft,width:r.width}),j(!0)},[]);n(()=>{const t=w.current;if(!t)return;L();const e=new MutationObserver(L);return e.observe(t,{attributes:!0,subtree:!0,attributeFilter:["data-state"]}),()=>e.disconnect()},[L]);const R="default"===f&&$;/* @__PURE__ */
2
+ return e(l.List,{ref:t=>{w.current=t,"function"==typeof v?v(t):v&&(v.current=t)},className:o("relative","table"===f?c:"mobile"===f?u:m,b&&d,a),"data-cy":N,"data-testid":h,"data-full-width":b,"data-variant":f,...y,children:[y.children,R&&/* @__PURE__ */t("span",{className:"absolute bottom-0 h-[4px] bg-[var(--color-clickable)] rounded-t-sm transition-all duration-300 ease-in-out pointer-events-none",style:{left:x.left,width:x.width},"aria-hidden":"true"})]})});v.displayName=l.List.displayName;const N=a(({className:e,value:a,variant:r="default","data-cy":s,"data-testid":i,...n},d)=>{const c=s||(a?`tabs-trigger-${a}`:"tabs-trigger"),u=i||(a?`tabs-trigger-${a}`:"tabs-trigger");/* @__PURE__ */
3
+ return t(l.Trigger,{ref:d,className:o("table"===r?b:"mobile"===r?f:g,e),value:a,"data-cy":c,"data-testid":u,...n})});N.displayName=l.Trigger.displayName;const h=a(({className:e,value:a,"data-cy":r,"data-testid":s,...i},n)=>{const d=r||(a?`tabs-content-${a}`:"tabs-content"),c=s||(a?`tabs-content-${a}`:"tabs-content");/* @__PURE__ */
4
+ return t(l.Content,{ref:n,tabIndex:-1,className:o(p,e),value:a,"data-cy":d,"data-testid":c,...i})});h.displayName=l.Content.displayName;export{y as Tabs,h as TabsContent,v as TabsList,N as TabsTrigger};
package/dist/index36.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("./index58.cjs"),i=require("./index83.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"),s=require("./index67.cjs"),a=require("./index91.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/index36.js CHANGED
@@ -1,2 +1,8 @@
1
- import{jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as e}from"./index58.js";import{navStyles as i,menuItemActiveStyles as r,menuItemBaseStyles as d,menuWrapperStyles as n}from"./index83.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
- 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};
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"./index67.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"./index91.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
+ 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
+ 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
+ /* @__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}),
5
+ /* @__PURE__ */e("p",{className:r(x,m?C:n?M:A&&p?k:l?z:S),"data-cy":`${K}-label`,"data-testid":`${P}-label`,children:i})]})});A.displayName="StepItem";const I="(min-width: 1024px)";const K=a(({steps:a,currentStep:d,onChange:o,allowStepNavigation:c=!0,showConnector:l=!0,size:m,className:p,"data-cy":u,"data-testid":y,...f},h)=>{const v=u||"stepper",b=y||"stepper",w=function(){const[e,t]=s(()=>"undefined"==typeof window||"function"!=typeof window.matchMedia||window.matchMedia(I).matches?"large":"small");return n(()=>{if("undefined"==typeof window||"function"!=typeof window.matchMedia)return;const e=window.matchMedia(I),a=e=>t(e.matches?"large":"small");return e.addEventListener("change",a),()=>e.removeEventListener("change",a)},[]),e}(),$=m??w,g=Math.max(0,d-1),N="large"===$?"3.25rem":"2.5rem",C=a.flatMap((e,t)=>t<a.length-1?[N,"minmax(2rem, 1fr)"]:[N]).join(" "),{style:x,...M}=f;/* @__PURE__ */
6
+ return e("div",{ref:h,className:r(E,p),style:{...x,gridTemplateColumns:C},role:"navigation","aria-label":"Progress indicator","data-cy":v,"data-testid":b,...M,children:a.map((s,n)=>{const r=n===g,d=n<g,m=s.disabled??!1,p=c&&!m&&n!==g;/* @__PURE__ */
7
+ return t(i,{children:[
8
+ /* @__PURE__ */e(A,{stepNumber:n+1,label:s.label,isActive:r,isCompleted:d,isDisabled:m,isClickable:p,onClick:()=>((e,t)=>{c&&!t&&e!==g&&o?.(e+1)})(n,m),size:$,"data-cy":`${v}-step-${n+1}`,"data-testid":`${b}-step-${n+1}`}),n<a.length-1&&(l?/* @__PURE__ */e(L,{isCompleted:d,size:$,"data-cy":`${v}-connector-${n+1}`,"data-testid":`${b}-connector-${n+1}`}):/* @__PURE__ */e("div",{className:"flex-1","aria-hidden":"true"}))]},s.id)})})});K.displayName="Stepper";export{K as Stepper};
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"),a=require("./index58.cjs"),s=require("./index84.cjs"),r=e.forwardRef(({variant:e="info",title:r,icon:i,className:d,children:c,"data-cy":l,"data-testid":n,...o},u)=>{const m=l||`alert-${e}`,y=n||`alert-${e}`;return t.jsxs("div",{ref:u,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:a.cn(s.alertRootStyles,s.alertVariantMap[e],d),"data-cy":m,"data-testid":y,...o,children:[i&&t.jsx("div",{"aria-hidden":"true",className:s.alertIconStyles,"data-cy":`${m}-icon`,"data-testid":`${y}-icon`,children:i}),t.jsxs("div",{className:s.alertContentStyles,"data-cy":`${m}-content`,"data-testid":`${y}-content`,children:[r&&t.jsx("div",{className:"font-semibold mb-1 leading-tight","data-cy":`${m}-title`,"data-testid":`${y}-title`,children:r}),t.jsx("div",{"data-cy":`${m}-message`,"data-testid":`${y}-message`,children:c})]})]})});r.displayName="Alert",exports.Alert=r;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("./index67.cjs"),i=require("./index92.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/index37.js CHANGED
@@ -1,4 +1,2 @@
1
- import{jsxs as t,jsx as a}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as i}from"./index58.js";import{alertIconStyles as d,alertContentStyles as r,alertVariantMap as s,alertRootStyles as c}from"./index84.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}`,u=f||`alert-${e}`;/* @__PURE__ */
2
- return t("div",{ref:y,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:i(c,s[e],o),"data-cy":p,"data-testid":u,...h,children:[l&&/* @__PURE__ */a("div",{"aria-hidden":"true",className:d,"data-cy":`${p}-icon`,"data-testid":`${u}-icon`,children:l}),
3
- /* @__PURE__ */t("div",{className:r,"data-cy":`${p}-content`,"data-testid":`${u}-content`,children:[n&&/* @__PURE__ */a("div",{className:"font-semibold mb-1 leading-tight","data-cy":`${p}-title`,"data-testid":`${u}-title`,children:n}),
4
- /* @__PURE__ */a("div",{"data-cy":`${p}-message`,"data-testid":`${u}-message`,children:m})]})]})});n.displayName="Alert";export{n as Alert};
1
+ import{jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as e}from"./index67.js";import{navStyles as i,menuItemActiveStyles as r,menuItemBaseStyles as d,menuWrapperStyles as n}from"./index92.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
+ 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/index38.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("./index85.cjs"),a=require("./index58.cjs"),i=require("./index86.cjs"),o=require("@adam-milo/icons"),r={success:()=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"shrink-0","aria-hidden":"true",children:t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 24C13.5759 24 15.1363 23.6896 16.5922 23.0866C18.0481 22.4835 19.371 21.5996 20.4853 20.4853C21.5996 19.371 22.4835 18.0481 23.0866 16.5922C23.6896 15.1363 24 13.5759 24 12C24 10.4241 23.6896 8.86371 23.0866 7.4078C22.4835 5.95189 21.5996 4.62902 20.4853 3.51472C19.371 2.40042 18.0481 1.5165 16.5922 0.913445C15.1363 0.310389 13.5759 0 12 0C8.8174 0 5.76516 1.26428 3.51472 3.51472C1.26428 5.76515 0 8.8174 0 12C0 15.1826 1.26428 18.2348 3.51472 20.4853C5.76516 22.7357 8.8174 24 12 24ZM11.6907 16.8533L18.3573 8.85333L16.3093 7.14667L10.576 14.0253L7.60933 11.0573L5.724 12.9427L9.724 16.9427L10.756 17.9747L11.6907 16.8533Z",fill:"var(--color-green-accent)"})}),error:()=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"shrink-0","aria-hidden":"true",children:t.jsx("path",{d:"M12 0C5.376 0 0 5.376 0 12C0 18.624 5.376 24 12 24C18.624 24 24 18.624 24 12C24 5.376 18.624 0 12 0ZM13.2 18H10.8V15.6H13.2V18ZM13.2 13.2H10.8V6H13.2V13.2Z",fill:"var(--color-error)"})})},n=e.createContext(null);exports.ToastProvider=function({children:l,duration:c=5e3,position:d="top-right",swipeDirection:u="right",label:x="Notifications",className:h,"data-cy":p,"data-testid":C}){const[m,v]=e.useState([]),j=e.useId(),w=e.useCallback(t=>{const e=`toast-${Date.now()}-${Math.random().toString(36).slice(2,9)}`;v(s=>[...s,{...t,id:e}])},[]),y=e.useCallback(t=>{v(e=>e.filter(e=>e.id!==t))},[]),g=e.useMemo(()=>({toast:w}),[w]);return t.jsx(n.Provider,{value:g,children:t.jsxs(s.Provider,{duration:c,swipeDirection:u,children:[l,m.map(n=>t.jsxs(s.Root,{duration:n.duration??c,onOpenChange:t=>{t||y(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.jsxs("div",{className:"flex items-center gap-3",children:[r[n.variant??""]&&(()=>{const e=r[n.variant??""];return t.jsx(e,{})})(),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:j,className:a.cn(i.toastViewportStyles,i.toastViewportPositionStyles[d],h),"aria-label":x,"data-cy":p??"toast-viewport","data-testid":C??"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"),a=require("./index67.cjs"),s=require("./index93.cjs"),r=e.forwardRef(({variant:e="info",title:r,icon:i,className:d,children:c,"data-cy":l,"data-testid":n,...o},u)=>{const m=l||`alert-${e}`,y=n||`alert-${e}`;return t.jsxs("div",{ref:u,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:a.cn(s.alertRootStyles,s.alertVariantMap[e],d),"data-cy":m,"data-testid":y,...o,children:[i&&t.jsx("div",{"aria-hidden":"true",className:s.alertIconStyles,"data-cy":`${m}-icon`,"data-testid":`${y}-icon`,children:i}),t.jsxs("div",{className:s.alertContentStyles,"data-cy":`${m}-content`,"data-testid":`${y}-content`,children:[r&&t.jsx("div",{className:"font-semibold mb-1 leading-tight","data-cy":`${m}-title`,"data-testid":`${y}-title`,children:r}),t.jsx("div",{"data-cy":`${m}-message`,"data-testid":`${y}-message`,children:c})]})]})});r.displayName="Alert",exports.Alert=r;
package/dist/index38.js CHANGED
@@ -1,8 +1,4 @@
1
- import{jsx as t,jsxs as a}from"react/jsx-runtime";import{useState as i,useId as e,useCallback as o,useMemo as r,isValidElement as s,useContext as n,createContext as c}from"react";import{Provider as d,Root as l,Title as h,Description as m,Action as p,Close as u,Viewport as v}from"./index85.js";import{cn as w}from"./index58.js";import{toastContentStyles as C,toastTitleStyles as f,toastDescriptionStyles as g,toastActionStyles as x,toastCloseStyles as N,toastVariantStyles as L,toastRootStyles as y,toastViewportPositionStyles as b,toastViewportStyles as M}from"./index86.js";import{Icon as T}from"@adam-milo/icons";const Z={success:()=>/* @__PURE__ */t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"shrink-0","aria-hidden":"true",children:/* @__PURE__ */t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 24C13.5759 24 15.1363 23.6896 16.5922 23.0866C18.0481 22.4835 19.371 21.5996 20.4853 20.4853C21.5996 19.371 22.4835 18.0481 23.0866 16.5922C23.6896 15.1363 24 13.5759 24 12C24 10.4241 23.6896 8.86371 23.0866 7.4078C22.4835 5.95189 21.5996 4.62902 20.4853 3.51472C19.371 2.40042 18.0481 1.5165 16.5922 0.913445C15.1363 0.310389 13.5759 0 12 0C8.8174 0 5.76516 1.26428 3.51472 3.51472C1.26428 5.76515 0 8.8174 0 12C0 15.1826 1.26428 18.2348 3.51472 20.4853C5.76516 22.7357 8.8174 24 12 24ZM11.6907 16.8533L18.3573 8.85333L16.3093 7.14667L10.576 14.0253L7.60933 11.0573L5.724 12.9427L9.724 16.9427L10.756 17.9747L11.6907 16.8533Z",fill:"var(--color-green-accent)"})}),error:()=>/* @__PURE__ */t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"shrink-0","aria-hidden":"true",children:/* @__PURE__ */t("path",{d:"M12 0C5.376 0 0 5.376 0 12C0 18.624 5.376 24 12 24C18.624 24 24 18.624 24 12C24 5.376 18.624 0 12 0ZM13.2 18H10.8V15.6H13.2V18ZM13.2 13.2H10.8V6H13.2V13.2Z",fill:"var(--color-error)"})})},j=c(null);function A({children:n,duration:c=5e3,position:A="top-right",swipeDirection:H="right",label:V="Notifications",className:D,"data-cy":R,"data-testid":k}){const[B,P]=i([]),$=e(),z=o(t=>{const a=`toast-${Date.now()}-${Math.random().toString(36).slice(2,9)}`;P(i=>[...i,{...t,id:a}])},[]),E=o(t=>{P(a=>a.filter(a=>a.id!==t))},[]),I=r(()=>({toast:z}),[z]);/* @__PURE__ */
2
- return t(j.Provider,{value:I,children:/* @__PURE__ */a(d,{duration:c,swipeDirection:H,children:[n,B.map(i=>/* @__PURE__ */a(l,{duration:i.duration??c,onOpenChange:t=>{t||E(i.id)},className:w(y,L[i.variant??"default"]),"data-cy":"toast","data-testid":"toast",children:[
3
- /* @__PURE__ */a("div",{className:C,children:[i.title&&/* @__PURE__ */a("div",{className:"flex items-center gap-3",children:[Z[i.variant??""]&&(()=>{const a=Z[i.variant??""];/* @__PURE__ */
4
- return t(a,{})})(),
5
- /* @__PURE__ */t(h,{className:f,"data-cy":"toast-title","data-testid":"toast-title",children:i.title})]}),
6
- /* @__PURE__ */t(m,{className:g,"data-cy":"toast-description","data-testid":"toast-description",children:i.description}),i.action&&(s(i.action)?/* @__PURE__ */t(p,{className:x,altText:i.actionAltText??"Action",asChild:!0,children:i.action}):/* @__PURE__ */t(p,{className:x,altText:i.actionAltText??"Action",children:/* @__PURE__ */t("button",{type:"button",children:i.action})}))]}),
7
- /* @__PURE__ */t(u,{className:N,"aria-label":"Close","data-cy":"toast-close","data-testid":"toast-close",children:/* @__PURE__ */t(T,{name:"Cross2Icon",size:"sm",decorative:!0})})]},i.id)),
8
- /* @__PURE__ */t(v,{id:$,className:w(M,b[A],D),"aria-label":V,"data-cy":R??"toast-viewport","data-testid":k??"toast-viewport"})]})})}function H(){const t=n(j);if(!t)throw new Error("useToast must be used within a ToastProvider");return t}export{A as ToastProvider,H as useToast};
1
+ import{jsxs as t,jsx as a}from"react/jsx-runtime";import{forwardRef as e}from"react";import{cn as i}from"./index67.js";import{alertIconStyles as d,alertContentStyles as r,alertVariantMap as s,alertRootStyles as c}from"./index93.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}`,u=f||`alert-${e}`;/* @__PURE__ */
2
+ return t("div",{ref:y,role:{info:"status",success:"status",warning:"alert",error:"alert"}[e],className:i(c,s[e],o),"data-cy":p,"data-testid":u,...h,children:[l&&/* @__PURE__ */a("div",{"aria-hidden":"true",className:d,"data-cy":`${p}-icon`,"data-testid":`${u}-icon`,children:l}),
3
+ /* @__PURE__ */t("div",{className:r,"data-cy":`${p}-content`,"data-testid":`${u}-content`,children:[n&&/* @__PURE__ */a("div",{className:"font-semibold mb-1 leading-tight","data-cy":`${p}-title`,"data-testid":`${u}-title`,children:n}),
4
+ /* @__PURE__ */a("div",{"data-cy":`${p}-message`,"data-testid":`${u}-message`,children:m})]})]})});n.displayName="Alert";export{n as Alert};
package/dist/index39.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("./index58.cjs"),r=require("./index87.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 t=require("react/jsx-runtime"),e=require("react"),s=require("@radix-ui/react-toast"),a=require("./index67.cjs"),i=require("./index94.cjs"),o=require("@adam-milo/icons");function r(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t)for(const s in t)if("default"!==s){const a=Object.getOwnPropertyDescriptor(t,s);Object.defineProperty(e,s,a.get?a:{enumerable:!0,get:()=>t[s]})}return e.default=t,Object.freeze(e)}const n=r(s),l={success:()=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"shrink-0","aria-hidden":"true",children:t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 24C13.5759 24 15.1363 23.6896 16.5922 23.0866C18.0481 22.4835 19.371 21.5996 20.4853 20.4853C21.5996 19.371 22.4835 18.0481 23.0866 16.5922C23.6896 15.1363 24 13.5759 24 12C24 10.4241 23.6896 8.86371 23.0866 7.4078C22.4835 5.95189 21.5996 4.62902 20.4853 3.51472C19.371 2.40042 18.0481 1.5165 16.5922 0.913445C15.1363 0.310389 13.5759 0 12 0C8.8174 0 5.76516 1.26428 3.51472 3.51472C1.26428 5.76515 0 8.8174 0 12C0 15.1826 1.26428 18.2348 3.51472 20.4853C5.76516 22.7357 8.8174 24 12 24ZM11.6907 16.8533L18.3573 8.85333L16.3093 7.14667L10.576 14.0253L7.60933 11.0573L5.724 12.9427L9.724 16.9427L10.756 17.9747L11.6907 16.8533Z",fill:"var(--color-green-accent)"})}),error:()=>t.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"shrink-0","aria-hidden":"true",children:t.jsx("path",{d:"M12 0C5.376 0 0 5.376 0 12C0 18.624 5.376 24 12 24C18.624 24 24 18.624 24 12C24 5.376 18.624 0 12 0ZM13.2 18H10.8V15.6H13.2V18ZM13.2 13.2H10.8V6H13.2V13.2Z",fill:"var(--color-error)"})})},c=e.createContext(null);exports.ToastProvider=function({children:s,duration:r=5e3,position:d="top-right",swipeDirection:u="right",label:x="Notifications",className:h,"data-cy":p,"data-testid":m}){const[C,j]=e.useState([]),v=e.useId(),w=e.useCallback(t=>{const e=`toast-${Date.now()}-${Math.random().toString(36).slice(2,9)}`;j(s=>[...s,{...t,id:e}])},[]),y=e.useCallback(t=>{j(e=>e.filter(e=>e.id!==t))},[]),f=e.useMemo(()=>({toast:w}),[w]);return t.jsx(c.Provider,{value:f,children:t.jsxs(n.Provider,{duration:r,swipeDirection:u,children:[s,C.map(s=>t.jsxs(n.Root,{duration:s.duration??r,onOpenChange:t=>{t||y(s.id)},className:a.cn(i.toastRootStyles,i.toastVariantStyles[s.variant??"default"]),"data-cy":"toast","data-testid":"toast",children:[t.jsxs("div",{className:i.toastContentStyles,children:[s.title&&t.jsxs("div",{className:"flex items-center gap-3",children:[l[s.variant??""]&&(()=>{const e=l[s.variant??""];return t.jsx(e,{})})(),t.jsx(n.Title,{className:i.toastTitleStyles,"data-cy":"toast-title","data-testid":"toast-title",children:s.title})]}),t.jsx(n.Description,{className:i.toastDescriptionStyles,"data-cy":"toast-description","data-testid":"toast-description",children:s.description}),s.action&&(e.isValidElement(s.action)?t.jsx(n.Action,{className:i.toastActionStyles,altText:s.actionAltText??"Action",asChild:!0,children:s.action}):t.jsx(n.Action,{className:i.toastActionStyles,altText:s.actionAltText??"Action",children:t.jsx("button",{type:"button",children:s.action})}))]}),t.jsx(n.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})})]},s.id)),t.jsx(n.Viewport,{id:v,className:a.cn(i.toastViewportStyles,i.toastViewportPositionStyles[d],h),"aria-label":x,"data-cy":p??"toast-viewport","data-testid":m??"toast-viewport"})]})})},exports.useToast=function(){const t=e.useContext(c);if(!t)throw new Error("useToast must be used within a ToastProvider");return t};
package/dist/index39.js CHANGED
@@ -1,8 +1,8 @@
1
- import{jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as d}from"./index58.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"./index87.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
- 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
- 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
- /* @__PURE__ */
5
- return a("h3",{ref:i,className:d(c,t),"data-cy":n,"data-testid":o,...s})});N.displayName="CardTitle";const p=t(({className:t,"data-cy":e,"data-testid":r,...s},c)=>{const n=e||"card-description",o=r||"card-description";/* @__PURE__ */
6
- return a("p",{ref:c,className:d(i,t),"data-cy":n,"data-testid":o,...s})});p.displayName="CardDescription";const f=t(({className:t,"data-cy":e,"data-testid":r,...s},c)=>{const i=e||"card-content",o=r||"card-content";/* @__PURE__ */
7
- return a("div",{ref:c,className:d(n,t),"data-cy":i,"data-testid":o,...s})});f.displayName="CardContent";const u=t(({className:t,align:e="start","data-cy":r,"data-testid":s,...c},i)=>{const n=r||"card-footer",l=s||"card-footer";/* @__PURE__ */
8
- return a("div",{ref:i,className:d(m,o[e],t),"data-cy":n,"data-testid":l,"data-footer-align":e,...c})});u.displayName="CardFooter";export{l as Card,f as CardContent,p as CardDescription,u as CardFooter,y as CardHeader,N as CardTitle};
1
+ import{jsx as t,jsxs as i}from"react/jsx-runtime";import{useState as a,useId as e,useCallback as o,useMemo as r,isValidElement as s,useContext as n,createContext as c}from"react";import*as l from"@radix-ui/react-toast";import{cn as d}from"./index67.js";import{toastContentStyles as h,toastTitleStyles as m,toastDescriptionStyles as p,toastActionStyles as u,toastCloseStyles as v,toastVariantStyles as w,toastRootStyles as C,toastViewportPositionStyles as f,toastViewportStyles as g}from"./index94.js";import{Icon as x}from"@adam-milo/icons";const N={success:()=>/* @__PURE__ */t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"shrink-0","aria-hidden":"true",children:/* @__PURE__ */t("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M12 24C13.5759 24 15.1363 23.6896 16.5922 23.0866C18.0481 22.4835 19.371 21.5996 20.4853 20.4853C21.5996 19.371 22.4835 18.0481 23.0866 16.5922C23.6896 15.1363 24 13.5759 24 12C24 10.4241 23.6896 8.86371 23.0866 7.4078C22.4835 5.95189 21.5996 4.62902 20.4853 3.51472C19.371 2.40042 18.0481 1.5165 16.5922 0.913445C15.1363 0.310389 13.5759 0 12 0C8.8174 0 5.76516 1.26428 3.51472 3.51472C1.26428 5.76515 0 8.8174 0 12C0 15.1826 1.26428 18.2348 3.51472 20.4853C5.76516 22.7357 8.8174 24 12 24ZM11.6907 16.8533L18.3573 8.85333L16.3093 7.14667L10.576 14.0253L7.60933 11.0573L5.724 12.9427L9.724 16.9427L10.756 17.9747L11.6907 16.8533Z",fill:"var(--color-green-accent)"})}),error:()=>/* @__PURE__ */t("svg",{xmlns:"http://www.w3.org/2000/svg",width:"24",height:"24",viewBox:"0 0 24 24",fill:"none",className:"shrink-0","aria-hidden":"true",children:/* @__PURE__ */t("path",{d:"M12 0C5.376 0 0 5.376 0 12C0 18.624 5.376 24 12 24C18.624 24 24 18.624 24 12C24 5.376 18.624 0 12 0ZM13.2 18H10.8V15.6H13.2V18ZM13.2 13.2H10.8V6H13.2V13.2Z",fill:"var(--color-error)"})})},L=c(null);function y({children:n,duration:c=5e3,position:y="top-right",swipeDirection:T="right",label:b="Notifications",className:A,"data-cy":M,"data-testid":V}){const[Z,D]=a([]),H=e(),j=o(t=>{const i=`toast-${Date.now()}-${Math.random().toString(36).slice(2,9)}`;D(a=>[...a,{...t,id:i}])},[]),P=o(t=>{D(i=>i.filter(i=>i.id!==t))},[]),R=r(()=>({toast:j}),[j]);/* @__PURE__ */
2
+ return t(L.Provider,{value:R,children:/* @__PURE__ */i(l.Provider,{duration:c,swipeDirection:T,children:[n,Z.map(a=>/* @__PURE__ */i(l.Root,{duration:a.duration??c,onOpenChange:t=>{t||P(a.id)},className:d(C,w[a.variant??"default"]),"data-cy":"toast","data-testid":"toast",children:[
3
+ /* @__PURE__ */i("div",{className:h,children:[a.title&&/* @__PURE__ */i("div",{className:"flex items-center gap-3",children:[N[a.variant??""]&&(()=>{const i=N[a.variant??""];/* @__PURE__ */
4
+ return t(i,{})})(),
5
+ /* @__PURE__ */t(l.Title,{className:m,"data-cy":"toast-title","data-testid":"toast-title",children:a.title})]}),
6
+ /* @__PURE__ */t(l.Description,{className:p,"data-cy":"toast-description","data-testid":"toast-description",children:a.description}),a.action&&(s(a.action)?/* @__PURE__ */t(l.Action,{className:u,altText:a.actionAltText??"Action",asChild:!0,children:a.action}):/* @__PURE__ */t(l.Action,{className:u,altText:a.actionAltText??"Action",children:/* @__PURE__ */t("button",{type:"button",children:a.action})}))]}),
7
+ /* @__PURE__ */t(l.Close,{className:v,"aria-label":"Close","data-cy":"toast-close","data-testid":"toast-close",children:/* @__PURE__ */t(x,{name:"Cross2Icon",size:"sm",decorative:!0})})]},a.id)),
8
+ /* @__PURE__ */t(l.Viewport,{id:H,className:d(g,f[y],A),"aria-label":b,"data-cy":M??"toast-viewport","data-testid":V??"toast-viewport"})]})})}function T(){const t=n(L);if(!t)throw new Error("useToast must be used within a ToastProvider");return t}export{y as ToastProvider,T as useToast};
package/dist/index4.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index58.cjs"),o=require("@adam-milo/icons"),i=require("./index56.cjs"),n=require("./index63.cjs"),r={sm:"sm",md:"md",lg:"lg"},s={sm:"sm",md:"md",lg:"lg"},l=a.forwardRef(({size:l="md",variant:c="default",icon:d,children:u,className:v,disabled:m,loading:b=!1,iconColor:y,iconStrokeWidth:g,"aria-label":x,"data-testid":f,"data-cy":w,...p},_)=>{const[h,j]=a.useState(!1),[S,q]=a.useState(!1),k=t.cn(n.baseStyles,n.variantStyles[c],n.sizeStyles[l],v),z=m||b,B=(()=>{if(!b&&!z)return"rainbow-overlay"===c?S?"var(--overlay-rainbow-50)":h?"var(--overlay-rainbow-40)":"var(--overlay-rainbow-15)":"outlined-green"===c?S?"var(--overlay-green-blue-15)":h?"var(--overlay-green-blue-10)":void 0:void 0})(),I=b?`${x||"Button"} - Loading`:x||"Button";return e.jsxs("button",{ref:_,type:"button",disabled:z,className:k,style:{...B&&{backgroundImage:B},...p.style},onMouseEnter:()=>!b&&j(!0),onMouseLeave:()=>j(!1),onMouseDown:()=>!b&&q(!0),onMouseUp:()=>q(!1),"aria-label":u?void 0:I,"aria-busy":b,"data-testid":f||"icon-button","data-cy":w||"icon-button",...p,children:[b?e.jsx(i.Spinner,{size:s[l],color:"teal",label:`${x||"Button"} loading`,"data-cy":"icon-button-spinner"}):y||g?e.jsx("span",{style:{...y&&{"--icon-fill":y},...g&&{"--icon-sw":g}},className:t.cn("inline-flex",y&&"[&_svg_path]:![fill:var(--icon-fill)] [&_svg_circle]:![fill:var(--icon-fill)] [&_svg_rect]:![fill:var(--icon-fill)]",g&&"[&_svg_path]:![stroke-width:var(--icon-sw)] [&_svg_circle]:![stroke-width:var(--icon-sw)] [&_svg_line]:![stroke-width:var(--icon-sw)]"),children:e.jsx(o.Icon,{name:d,size:r[l],decorative:!!u})}):e.jsx(o.Icon,{name:d,size:r[l],decorative:!!u}),u&&e.jsx("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:u})]})});l.displayName="IconButton",exports.IconButton=l;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index67.cjs"),o=require("@adam-milo/icons"),i=require("./index65.cjs"),n=require("./index72.cjs"),r={sm:"sm",md:"md",lg:"lg"},s={sm:"sm",md:"md",lg:"lg"},l=a.forwardRef(({size:l="md",variant:c="default",icon:d,children:u,className:v,disabled:m,loading:b=!1,iconColor:y,iconStrokeWidth:g,"aria-label":x,"data-testid":f,"data-cy":w,...p},_)=>{const[h,j]=a.useState(!1),[S,q]=a.useState(!1),k=t.cn(n.baseStyles,n.variantStyles[c],n.sizeStyles[l],v),z=m||b,B=(()=>{if(!b&&!z)return"rainbow-overlay"===c?S?"var(--overlay-rainbow-50)":h?"var(--overlay-rainbow-40)":"var(--overlay-rainbow-15)":"outlined-green"===c?S?"var(--overlay-green-blue-15)":h?"var(--overlay-green-blue-10)":void 0:void 0})(),I=b?`${x||"Button"} - Loading`:x||"Button";return e.jsxs("button",{ref:_,type:"button",disabled:z,className:k,style:{...B&&{backgroundImage:B},...p.style},onMouseEnter:()=>!b&&j(!0),onMouseLeave:()=>j(!1),onMouseDown:()=>!b&&q(!0),onMouseUp:()=>q(!1),"aria-label":u?void 0:I,"aria-busy":b,"data-testid":f||"icon-button","data-cy":w||"icon-button",...p,children:[b?e.jsx(i.Spinner,{size:s[l],color:"teal",label:`${x||"Button"} loading`,"data-cy":"icon-button-spinner"}):y||g?e.jsx("span",{style:{...y&&{"--icon-fill":y},...g&&{"--icon-sw":g}},className:t.cn("inline-flex",y&&"[&_svg_path]:![fill:var(--icon-fill)] [&_svg_circle]:![fill:var(--icon-fill)] [&_svg_rect]:![fill:var(--icon-fill)]",g&&"[&_svg_path]:![stroke-width:var(--icon-sw)] [&_svg_circle]:![stroke-width:var(--icon-sw)] [&_svg_line]:![stroke-width:var(--icon-sw)]"),children:e.jsx(o.Icon,{name:d,size:r[l],decorative:!!u})}):e.jsx(o.Icon,{name:d,size:r[l],decorative:!!u}),u&&e.jsx("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:u})]})});l.displayName="IconButton",exports.IconButton=l;
package/dist/index4.js CHANGED
@@ -1,2 +1,2 @@
1
- import{jsxs as o,jsx as e}from"react/jsx-runtime";import{forwardRef as a,useState as i}from"react";import{cn as t}from"./index58.js";import{Icon as r}from"@adam-milo/icons";import{Spinner as n}from"./index56.js";import{sizeStyles as l,variantStyles as s,baseStyles as c}from"./index63.js";const d={sm:"sm",md:"md",lg:"lg"},m={sm:"sm",md:"md",lg:"lg"},v=a(({size:a="md",variant:v="default",icon:u,children:b,className:f,disabled:g,loading:p=!1,iconColor:y,iconStrokeWidth:w,"aria-label":_,"data-testid":h,"data-cy":x,...k},N)=>{const[j,z]=i(!1),[B,M]=i(!1),I=t(c,s[v],l[a],f),L=g||p,$=(()=>{if(!p&&!L)return"rainbow-overlay"===v?B?"var(--overlay-rainbow-50)":j?"var(--overlay-rainbow-40)":"var(--overlay-rainbow-15)":"outlined-green"===v?B?"var(--overlay-green-blue-15)":j?"var(--overlay-green-blue-10)":void 0:void 0})(),C=p?`${_||"Button"} - Loading`:_||"Button";/* @__PURE__ */
1
+ import{jsxs as o,jsx as e}from"react/jsx-runtime";import{forwardRef as a,useState as i}from"react";import{cn as t}from"./index67.js";import{Icon as r}from"@adam-milo/icons";import{Spinner as n}from"./index65.js";import{sizeStyles as l,variantStyles as s,baseStyles as c}from"./index72.js";const d={sm:"sm",md:"md",lg:"lg"},m={sm:"sm",md:"md",lg:"lg"},v=a(({size:a="md",variant:v="default",icon:u,children:b,className:f,disabled:g,loading:p=!1,iconColor:y,iconStrokeWidth:w,"aria-label":_,"data-testid":h,"data-cy":x,...k},N)=>{const[j,z]=i(!1),[B,M]=i(!1),I=t(c,s[v],l[a],f),L=g||p,$=(()=>{if(!p&&!L)return"rainbow-overlay"===v?B?"var(--overlay-rainbow-50)":j?"var(--overlay-rainbow-40)":"var(--overlay-rainbow-15)":"outlined-green"===v?B?"var(--overlay-green-blue-15)":j?"var(--overlay-green-blue-10)":void 0:void 0})(),C=p?`${_||"Button"} - Loading`:_||"Button";/* @__PURE__ */
2
2
  return o("button",{ref:N,type:"button",disabled:L,className:I,style:{...$&&{backgroundImage:$},...k.style},onMouseEnter:()=>!p&&z(!0),onMouseLeave:()=>z(!1),onMouseDown:()=>!p&&M(!0),onMouseUp:()=>M(!1),"aria-label":b?void 0:C,"aria-busy":p,"data-testid":h||"icon-button","data-cy":x||"icon-button",...k,children:[p?/* @__PURE__ */e(n,{size:m[a],color:"teal",label:`${_||"Button"} loading`,"data-cy":"icon-button-spinner"}):y||w?/* @__PURE__ */e("span",{style:{...y&&{"--icon-fill":y},...w&&{"--icon-sw":w}},className:t("inline-flex",y&&"[&_svg_path]:![fill:var(--icon-fill)] [&_svg_circle]:![fill:var(--icon-fill)] [&_svg_rect]:![fill:var(--icon-fill)]",w&&"[&_svg_path]:![stroke-width:var(--icon-sw)] [&_svg_circle]:![stroke-width:var(--icon-sw)] [&_svg_line]:![stroke-width:var(--icon-sw)]"),children:/* @__PURE__ */e(r,{name:u,size:d[a],decorative:!!b})}):/* @__PURE__ */e(r,{name:u,size:d[a],decorative:!!b}),b&&/* @__PURE__ */e("span",{className:"text-[var(--color-system-text)] font-normal whitespace-nowrap","data-cy":"icon-button-text",children:b})]})});v.displayName="IconButton";export{v as IconButton};
package/dist/index40.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"),r=require("./index58.cjs"),s=require("./index12.cjs"),l=require("./index88.cjs"),d=["60%","75%","45%","55%","70%","50%"],c=t.forwardRef(({columns:c,data:n,striped:o=!1,hoverable:i=!1,headerLeft:h,headerRight:y,borderBreak:u=!1,onLoadMore:m,isLoadingMore:x=!1,hasMore:S=!1,loadingIndicator:b,skeletonRows:p=3,maxHeight:$,emptyStateText:k,selectable:f=!1,rowKey:v="id",selectedRows:j,onSelectionChange:g,onRowClick:B,footerBar:w,className:N,"data-cy":C,"data-testid":E,...L},R)=>{const T=C||"datatable",I=E||"datatable",q=h||y,F=t.useRef(null),M=t.useRef(null),[A,D]=t.useState(!1);t.useEffect(()=>{const e=M.current;if(!e||!$)return;const t=()=>D(e.scrollTop>0);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[$]);const H=t.useMemo(()=>j??new Set,[j]),K=n.map(e=>String(e[v]??"")),O=f&&n.length>0&&K.every(e=>H.has(e)),_=f&&n.length>0&&K.some(e=>H.has(e)),P=t.useCallback(()=>{if(g)if(O){const e=new Set(H);K.forEach(t=>e.delete(t)),g(e)}else{const e=new Set(H);K.forEach(t=>e.add(t)),g(e)}},[O,K,H,g]),W=t.useCallback(e=>{if(!g)return;const t=new Set(H);t.has(e)?t.delete(e):t.add(e),g(t)},[H,g]),z=f?c.length+1:c.length,G=t.useCallback(e=>{const[t]=e;t.isIntersecting&&S&&!x&&m&&m()},[S,x,m]);t.useEffect(()=>{const e=F.current;if(!e||!m)return;const t=new IntersectionObserver(G,{root:$?M.current:null,rootMargin:"0px",threshold:.1});return t.observe(e),()=>t.disconnect()},[G,m,$]);const J=e.jsxs(e.Fragment,{children:[e.jsxs("table",{ref:R,className:r.cn(l.tableBaseStyles,N),"aria-busy":x||void 0,"data-cy":T,"data-testid":I,...L,children:[e.jsx("thead",{className:r.cn(l.theadStyles,u&&l.theadBorderBreakStyles,$&&l.stickyTheadStyles,$&&A&&l.stickyTheadScrolledStyles),"data-cy":`${T}-head`,"data-testid":`${I}-head`,children:e.jsxs("tr",{children:[f&&e.jsx("th",{scope:"col",className:r.cn(l.checkboxCellStyles,u&&l.thBorderBreakStyles),"data-cy":`${T}-header-checkbox`,"data-testid":`${I}-header-checkbox`,children:e.jsx("label",{className:l.checkboxLabelStyles,children:e.jsx(s.Checkbox,{checked:O,indeterminate:_&&!O,onChange:P,"aria-label":"Select all rows","data-cy":`${T}-select-all`,"data-testid":`${I}-select-all`})})}),c.map(t=>e.jsx("th",{scope:"col",className:r.cn(l.thStyles,u&&l.thBorderBreakStyles),"data-cy":`${T}-header-${t.key}`,"data-testid":`${I}-header-${t.key}`,children:t.header},t.key))]})}),e.jsxs("tbody",{"data-cy":`${T}-body`,"data-testid":`${I}-body`,children:[0!==n.length||x?n.map((t,a)=>e.jsxs("tr",{className:r.cn(l.trStripedStyles,u&&l.trBorderBreakStyles,i&&l.trHoverableStyles,o&&!u&&l.trStripedEvenStyles,B&&l.trClickableStyles,B&&u&&l.trClickableBorderBreakFocusStyles),tabIndex:B?0:void 0,style:B?{outline:"none",boxShadow:"none"}:void 0,onFocus:e=>e.currentTarget.setAttribute("data-focused","true"),onBlur:e=>e.currentTarget.removeAttribute("data-focused"),onClick:B?e=>{e.target.closest('button, a, input, label, [role="checkbox"]')||B(t,a)}:void 0,onKeyDown:B?e=>{if("Enter"===e.key||" "===e.key){if(e.target.closest('button, a, input, label, [role="checkbox"]'))return;e.preventDefault(),B(t,a)}}:void 0,"data-cy":`${T}-row-${a}`,"data-testid":`${I}-row-${a}`,children:[f&&e.jsx("td",{className:r.cn(l.checkboxCellStyles,u&&l.tdBorderBreakStyles),"data-cy":`${T}-cell-${a}-checkbox`,"data-testid":`${I}-cell-${a}-checkbox`,children:e.jsx("label",{className:l.checkboxLabelStyles,children:e.jsx(s.Checkbox,{checked:H.has(String(t[v]??"")),onChange:()=>W(String(t[v]??"")),"aria-label":`Select row ${a+1}`,"data-cy":`${T}-select-${a}`,"data-testid":`${I}-select-${a}`})})}),c.map(s=>e.jsx("td",{className:r.cn(l.tdStyles,u&&l.tdBorderBreakStyles),"data-cy":`${T}-cell-${a}-${s.key}`,"data-testid":`${I}-cell-${a}-${s.key}`,children:s.render?s.render(t[s.key],t,a):String(t[s.key]??"")},s.key))]},a)):e.jsx("tr",{children:e.jsx("td",{colSpan:z,className:"p-0","data-cy":`${T}-empty`,"data-testid":`${I}-empty`,children:e.jsxs("div",{className:l.emptyStateWrapperStyles,children:[e.jsx("div",{className:l.emptyStateIconStyles,"aria-hidden":"true","data-cy":`${T}-empty-icon`,"data-testid":`${I}-empty-icon`,children:e.jsx(a.CustomEmptyBoxIcon,{width:"100%",height:"100%"})}),k&&e.jsx("p",{className:l.emptyStateTextStyles,"data-cy":`${T}-empty-text`,"data-testid":`${I}-empty-text`,children:k})]})})}),x&&(b?e.jsx("tr",{children:e.jsx("td",{colSpan:z,className:l.loadingRowStyles,"data-cy":`${T}-loading`,"data-testid":`${I}-loading`,children:b})}):Array.from({length:p}).map((t,a)=>e.jsxs("tr",{className:r.cn(l.trStripedStyles,u&&l.trBorderBreakStyles),"data-cy":`${T}-skeleton-${a}`,"data-testid":`${I}-skeleton-${a}`,children:[f&&e.jsx("td",{className:r.cn(l.checkboxCellStyles,u&&l.tdBorderBreakStyles),children:e.jsx("div",{className:l.checkboxLabelStyles,children:e.jsx("div",{className:"w-4 h-4 rounded-4 bg-[color-mix(in_srgb,var(--color-border)_40%,transparent)]"})})}),c.map((t,s)=>e.jsx("td",{className:r.cn(l.tdStyles,u&&l.tdBorderBreakStyles),children:e.jsx("div",{className:l.skeletonCellStyles,style:{width:d[(a+s)%d.length]}})},t.key))]},`skeleton-${a}`)))]})]}),m&&e.jsx("div",{ref:F,className:"h-4","data-cy":`${T}-sentinel`,"data-testid":`${I}-sentinel`,"aria-hidden":"true"})]}),Q=e.jsxs("div",{className:r.cn(l.wrapperStyles,u&&(S?"overflow-hidden rounded-t-2xl":"overflow-hidden rounded-2xl")),tabIndex:-1,style:{outline:"none"},"data-cy":`${T}-wrapper`,"data-testid":`${I}-wrapper`,children:[q&&e.jsxs("div",{className:l.headerBarStyles,"data-cy":`${T}-header-bar`,"data-testid":`${I}-header-bar`,children:[e.jsx("div",{"data-cy":`${T}-header-left`,"data-testid":`${I}-header-left`,children:h}),e.jsx("div",{"data-cy":`${T}-header-right`,"data-testid":`${I}-header-right`,children:y})]}),$?e.jsx("div",{ref:M,className:l.scrollContainerStyles,tabIndex:-1,style:{maxHeight:$,outline:"none"},children:J}):J]}),U=w?e.jsx("div",{className:l.footerBarStyles,"data-cy":`${T}-footer-bar`,"data-testid":`${I}-footer-bar`,children:w}):null;return u?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:r.cn(l.wrapperBorderBreakStyles,S?l.wrapperBorderBreakFlatBottomStyles:l.wrapperBorderBreakRoundedStyles),children:Q}),U]}):e.jsxs(e.Fragment,{children:[Q,U]})});c.displayName="DataTable";const n=t.forwardRef(({children:a,className:s,style:l,...d},c)=>{const n=t.useRef(null),[o,i]=t.useState(!1);return t.useEffect(()=>{const e=n.current;if(!e)return;const t=e.closest("tr");if(!t)return;const a=()=>i(!0),r=()=>i(!1);return t.addEventListener("mouseenter",a),t.addEventListener("mouseleave",r),t.addEventListener("focusin",a),t.addEventListener("focusout",r),()=>{t.removeEventListener("mouseenter",a),t.removeEventListener("mouseleave",r),t.removeEventListener("focusin",a),t.removeEventListener("focusout",r)}},[]),e.jsx("span",{ref:e=>{n.current=e,"function"==typeof c?c(e):c&&(c.current=e)},className:r.cn("transition-opacity duration-200",o?"opacity-100":"opacity-0",s),style:l,...d,children:a})});n.displayName="RowAction",exports.DataTable=c,exports.RowAction=n;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),t=require("react"),e=require("./index67.cjs"),r=require("./index95.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/index40.js CHANGED
@@ -1,9 +1,8 @@
1
- import{jsxs as e,Fragment as t,jsx as a}from"react/jsx-runtime";import{forwardRef as r,useRef as d,useState as n,useEffect as s,useMemo as c,useCallback as l}from"react";import{CustomEmptyBoxIcon as i}from"@adam-milo/icons";import{cn as o}from"./index58.js";import{Checkbox as h}from"./index12.js";import{checkboxLabelStyles as m,emptyStateWrapperStyles as y,emptyStateIconStyles as u,emptyStateTextStyles as $,loadingRowStyles as p,skeletonCellStyles as v,headerBarStyles as b,scrollContainerStyles as f,thBorderBreakStyles as g,checkboxCellStyles as N,thStyles as k,stickyTheadScrolledStyles as x,stickyTheadStyles as w,theadBorderBreakStyles as S,theadStyles as E,tdBorderBreakStyles as L,tdStyles as I,trClickableBorderBreakFocusStyles as C,trClickableStyles as R,trStripedEvenStyles as T,trHoverableStyles as j,trBorderBreakStyles as A,trStripedStyles as M,tableBaseStyles as B,footerBarStyles as D,wrapperStyles as H,wrapperBorderBreakFlatBottomStyles as K,wrapperBorderBreakRoundedStyles as _,wrapperBorderBreakStyles as F}from"./index88.js";const O=["60%","75%","45%","55%","70%","50%"],q=r(({columns:r,data:q,striped:z=!1,hoverable:G=!1,headerLeft:J,headerRight:P,borderBreak:Q=!1,onLoadMore:U,isLoadingMore:V=!1,hasMore:W=!1,loadingIndicator:X,skeletonRows:Y=3,maxHeight:Z,emptyStateText:ee,selectable:te=!1,rowKey:ae="id",selectedRows:re,onSelectionChange:de,onRowClick:ne,footerBar:se,className:ce,"data-cy":le,"data-testid":ie,...oe},he)=>{const me=le||"datatable",ye=ie||"datatable",ue=J||P,$e=d(null),pe=d(null),[ve,be]=n(!1);s(()=>{const e=pe.current;if(!e||!Z)return;const t=()=>be(e.scrollTop>0);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[Z]);const fe=c(()=>re??/* @__PURE__ */new Set,[re]),ge=q.map(e=>String(e[ae]??"")),Ne=te&&q.length>0&&ge.every(e=>fe.has(e)),ke=te&&q.length>0&&ge.some(e=>fe.has(e)),xe=l(()=>{if(de)if(Ne){const e=new Set(fe);ge.forEach(t=>e.delete(t)),de(e)}else{const e=new Set(fe);ge.forEach(t=>e.add(t)),de(e)}},[Ne,ge,fe,de]),we=l(e=>{if(!de)return;const t=new Set(fe);t.has(e)?t.delete(e):t.add(e),de(t)},[fe,de]),Se=te?r.length+1:r.length,Ee=l(e=>{const[t]=e;t.isIntersecting&&W&&!V&&U&&U()},[W,V,U]);s(()=>{const e=$e.current;if(!e||!U)return;const t=new IntersectionObserver(Ee,{root:Z?pe.current:null,rootMargin:"0px",threshold:.1});return t.observe(e),()=>t.disconnect()},[Ee,U,Z]);const Le=/* @__PURE__ */e(t,{children:[
2
- /* @__PURE__ */e("table",{ref:he,className:o(B,ce),"aria-busy":V||void 0,"data-cy":me,"data-testid":ye,...oe,children:[
3
- /* @__PURE__ */a("thead",{className:o(E,Q&&S,Z&&w,Z&&ve&&x),"data-cy":`${me}-head`,"data-testid":`${ye}-head`,children:/* @__PURE__ */e("tr",{children:[te&&/* @__PURE__ */a("th",{scope:"col",className:o(N,Q&&g),"data-cy":`${me}-header-checkbox`,"data-testid":`${ye}-header-checkbox`,children:/* @__PURE__ */a("label",{className:m,children:/* @__PURE__ */a(h,{checked:Ne,indeterminate:ke&&!Ne,onChange:xe,"aria-label":"Select all rows","data-cy":`${me}-select-all`,"data-testid":`${ye}-select-all`})})}),r.map(e=>/* @__PURE__ */a("th",{scope:"col",className:o(k,Q&&g),"data-cy":`${me}-header-${e.key}`,"data-testid":`${ye}-header-${e.key}`,children:e.header},e.key))]})}),
4
- /* @__PURE__ */e("tbody",{"data-cy":`${me}-body`,"data-testid":`${ye}-body`,children:[0!==q.length||V?q.map((t,d)=>/* @__PURE__ */e("tr",{className:o(M,Q&&A,G&&j,z&&!Q&&T,ne&&R,ne&&Q&&C),tabIndex:ne?0:void 0,style:ne?{outline:"none",boxShadow:"none"}:void 0,onFocus:e=>e.currentTarget.setAttribute("data-focused","true"),onBlur:e=>e.currentTarget.removeAttribute("data-focused"),onClick:ne?e=>{e.target.closest('button, a, input, label, [role="checkbox"]')||ne(t,d)}:void 0,onKeyDown:ne?e=>{if("Enter"===e.key||" "===e.key){if(e.target.closest('button, a, input, label, [role="checkbox"]'))return;e.preventDefault(),ne(t,d)}}:void 0,"data-cy":`${me}-row-${d}`,"data-testid":`${ye}-row-${d}`,children:[te&&/* @__PURE__ */a("td",{className:o(N,Q&&L),"data-cy":`${me}-cell-${d}-checkbox`,"data-testid":`${ye}-cell-${d}-checkbox`,children:/* @__PURE__ */a("label",{className:m,children:/* @__PURE__ */a(h,{checked:fe.has(String(t[ae]??"")),onChange:()=>we(String(t[ae]??"")),"aria-label":`Select row ${d+1}`,"data-cy":`${me}-select-${d}`,"data-testid":`${ye}-select-${d}`})})}),r.map(e=>/* @__PURE__ */a("td",{className:o(I,Q&&L),"data-cy":`${me}-cell-${d}-${e.key}`,"data-testid":`${ye}-cell-${d}-${e.key}`,children:e.render?e.render(t[e.key],t,d):String(t[e.key]??"")},e.key))]},d)):/* @__PURE__ */a("tr",{children:/* @__PURE__ */a("td",{colSpan:Se,className:"p-0","data-cy":`${me}-empty`,"data-testid":`${ye}-empty`,children:/* @__PURE__ */e("div",{className:y,children:[
5
- /* @__PURE__ */a("div",{className:u,"aria-hidden":"true","data-cy":`${me}-empty-icon`,"data-testid":`${ye}-empty-icon`,children:/* @__PURE__ */a(i,{width:"100%",height:"100%"})}),ee&&/* @__PURE__ */a("p",{className:$,"data-cy":`${me}-empty-text`,"data-testid":`${ye}-empty-text`,children:ee})]})})}),V&&(X?/* @__PURE__ */a("tr",{children:/* @__PURE__ */a("td",{colSpan:Se,className:p,"data-cy":`${me}-loading`,"data-testid":`${ye}-loading`,children:X})}):Array.from({length:Y}).map((t,d)=>/* @__PURE__ */e("tr",{className:o(M,Q&&A),"data-cy":`${me}-skeleton-${d}`,"data-testid":`${ye}-skeleton-${d}`,children:[te&&/* @__PURE__ */a("td",{className:o(N,Q&&L),children:/* @__PURE__ */a("div",{className:m,children:/* @__PURE__ */a("div",{className:"w-4 h-4 rounded-4 bg-[color-mix(in_srgb,var(--color-border)_40%,transparent)]"})})}),r.map((e,t)=>/* @__PURE__ */a("td",{className:o(I,Q&&L),children:/* @__PURE__ */a("div",{className:v,style:{width:O[(d+t)%O.length]}})},e.key))]},`skeleton-${d}`)))]})]}),U&&/* @__PURE__ */a("div",{ref:$e,className:"h-4","data-cy":`${me}-sentinel`,"data-testid":`${ye}-sentinel`,"aria-hidden":"true"})]}),Ie=/* @__PURE__ */e("div",{className:o(H,Q&&(W?"overflow-hidden rounded-t-2xl":"overflow-hidden rounded-2xl")),tabIndex:-1,style:{outline:"none"},"data-cy":`${me}-wrapper`,"data-testid":`${ye}-wrapper`,children:[ue&&/* @__PURE__ */e("div",{className:b,"data-cy":`${me}-header-bar`,"data-testid":`${ye}-header-bar`,children:[
6
- /* @__PURE__ */a("div",{"data-cy":`${me}-header-left`,"data-testid":`${ye}-header-left`,children:J}),
7
- /* @__PURE__ */a("div",{"data-cy":`${me}-header-right`,"data-testid":`${ye}-header-right`,children:P})]}),Z?/* @__PURE__ */a("div",{ref:pe,className:f,tabIndex:-1,style:{maxHeight:Z,outline:"none"},children:Le}):Le]}),Ce=se?/* @__PURE__ */a("div",{className:D,"data-cy":`${me}-footer-bar`,"data-testid":`${ye}-footer-bar`,children:se}):null;/* @__PURE__ */
8
- return e(t,Q?{children:[
9
- /* @__PURE__ */a("div",{className:o(F,W?K:_),children:Ie}),Ce]}:{children:[Ie,Ce]})});q.displayName="DataTable";const z=r(({children:e,className:t,style:r,...c},l)=>{const i=d(null),[h,m]=n(!1);return s(()=>{const e=i.current;if(!e)return;const t=e.closest("tr");if(!t)return;const a=()=>m(!0),r=()=>m(!1);return t.addEventListener("mouseenter",a),t.addEventListener("mouseleave",r),t.addEventListener("focusin",a),t.addEventListener("focusout",r),()=>{t.removeEventListener("mouseenter",a),t.removeEventListener("mouseleave",r),t.removeEventListener("focusin",a),t.removeEventListener("focusout",r)}},[]),/* @__PURE__ */a("span",{ref:e=>{i.current=e,"function"==typeof l?l(e):l&&(l.current=e)},className:o("transition-opacity duration-200",h?"opacity-100":"opacity-0",t),style:r,...c,children:e})});z.displayName="RowAction";export{q as DataTable,z as RowAction};
1
+ import{jsx as a}from"react/jsx-runtime";import{forwardRef as t}from"react";import{cn as d}from"./index67.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"./index95.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
+ 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
+ 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
+ /* @__PURE__ */
5
+ return a("h3",{ref:i,className:d(c,t),"data-cy":n,"data-testid":o,...s})});N.displayName="CardTitle";const p=t(({className:t,"data-cy":e,"data-testid":r,...s},c)=>{const n=e||"card-description",o=r||"card-description";/* @__PURE__ */
6
+ return a("p",{ref:c,className:d(i,t),"data-cy":n,"data-testid":o,...s})});p.displayName="CardDescription";const f=t(({className:t,"data-cy":e,"data-testid":r,...s},c)=>{const i=e||"card-content",o=r||"card-content";/* @__PURE__ */
7
+ return a("div",{ref:c,className:d(n,t),"data-cy":i,"data-testid":o,...s})});f.displayName="CardContent";const u=t(({className:t,align:e="start","data-cy":r,"data-testid":s,...c},i)=>{const n=r||"card-footer",l=s||"card-footer";/* @__PURE__ */
8
+ return a("div",{ref:i,className:d(m,o[e],t),"data-cy":n,"data-testid":l,"data-footer-align":e,...c})});u.displayName="CardFooter";export{l as Card,f as CardContent,p as CardDescription,u as CardFooter,y as CardHeader,N as CardTitle};
package/dist/index41.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),r=require("./index58.cjs"),i=require("./index89.cjs"),t=a.forwardRef(({variant:a="primary",selected:t=!1,disabled:s=!1,className:c,children:d,"data-testid":n,"data-cy":l,...o},p)=>{const h=i.chipVariantMap[a],u=r.cn(i.chipBaseStyles,t?h.selected:h.base,!t&&!s&&h.hover,s&&"opacity-40 cursor-not-allowed pointer-events-none",c);return e.jsx("div",{ref:p,className:u,"data-testid":n||`chip-${a}`,"data-cy":l||`chip-${a}`,"aria-selected":t,"aria-disabled":s,"aria-label":"string"==typeof d?d:void 0,...o,children:e.jsx("span",{children:d})})});t.displayName="Chip",exports.Chip=t;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),t=require("react"),a=require("@adam-milo/icons"),r=require("./index67.cjs"),s=require("./index12.cjs"),l=require("./index96.cjs"),d=["60%","75%","45%","55%","70%","50%"],c=t.forwardRef(({columns:c,data:n,striped:o=!1,hoverable:i=!1,headerLeft:h,headerRight:y,borderBreak:u=!1,onLoadMore:m,isLoadingMore:x=!1,hasMore:S=!1,loadingIndicator:b,skeletonRows:p=3,maxHeight:$,emptyStateText:k,selectable:f=!1,rowKey:v="id",selectedRows:j,onSelectionChange:g,onRowClick:B,footerBar:w,className:N,"data-cy":C,"data-testid":E,...L},R)=>{const T=C||"datatable",I=E||"datatable",q=h||y,F=t.useRef(null),M=t.useRef(null),[A,D]=t.useState(!1);t.useEffect(()=>{const e=M.current;if(!e||!$)return;const t=()=>D(e.scrollTop>0);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[$]);const H=t.useMemo(()=>j??new Set,[j]),K=n.map(e=>String(e[v]??"")),O=f&&n.length>0&&K.every(e=>H.has(e)),_=f&&n.length>0&&K.some(e=>H.has(e)),P=t.useCallback(()=>{if(g)if(O){const e=new Set(H);K.forEach(t=>e.delete(t)),g(e)}else{const e=new Set(H);K.forEach(t=>e.add(t)),g(e)}},[O,K,H,g]),W=t.useCallback(e=>{if(!g)return;const t=new Set(H);t.has(e)?t.delete(e):t.add(e),g(t)},[H,g]),z=f?c.length+1:c.length,G=t.useCallback(e=>{const[t]=e;t.isIntersecting&&S&&!x&&m&&m()},[S,x,m]);t.useEffect(()=>{const e=F.current;if(!e||!m)return;const t=new IntersectionObserver(G,{root:$?M.current:null,rootMargin:"0px",threshold:.1});return t.observe(e),()=>t.disconnect()},[G,m,$]);const J=e.jsxs(e.Fragment,{children:[e.jsxs("table",{ref:R,className:r.cn(l.tableBaseStyles,N),"aria-busy":x||void 0,"data-cy":T,"data-testid":I,...L,children:[e.jsx("thead",{className:r.cn(l.theadStyles,u&&l.theadBorderBreakStyles,$&&l.stickyTheadStyles,$&&A&&l.stickyTheadScrolledStyles),"data-cy":`${T}-head`,"data-testid":`${I}-head`,children:e.jsxs("tr",{children:[f&&e.jsx("th",{scope:"col",className:r.cn(l.checkboxCellStyles,u&&l.thBorderBreakStyles),"data-cy":`${T}-header-checkbox`,"data-testid":`${I}-header-checkbox`,children:e.jsx("label",{className:l.checkboxLabelStyles,children:e.jsx(s.Checkbox,{checked:O,indeterminate:_&&!O,onChange:P,"aria-label":"Select all rows","data-cy":`${T}-select-all`,"data-testid":`${I}-select-all`})})}),c.map(t=>e.jsx("th",{scope:"col",className:r.cn(l.thStyles,u&&l.thBorderBreakStyles),"data-cy":`${T}-header-${t.key}`,"data-testid":`${I}-header-${t.key}`,children:t.header},t.key))]})}),e.jsxs("tbody",{"data-cy":`${T}-body`,"data-testid":`${I}-body`,children:[0!==n.length||x?n.map((t,a)=>e.jsxs("tr",{className:r.cn(l.trStripedStyles,u&&l.trBorderBreakStyles,i&&l.trHoverableStyles,o&&!u&&l.trStripedEvenStyles,B&&l.trClickableStyles,B&&u&&l.trClickableBorderBreakFocusStyles),tabIndex:B?0:void 0,style:B?{outline:"none",boxShadow:"none"}:void 0,onFocus:e=>e.currentTarget.setAttribute("data-focused","true"),onBlur:e=>e.currentTarget.removeAttribute("data-focused"),onClick:B?e=>{e.target.closest('button, a, input, label, [role="checkbox"]')||B(t,a)}:void 0,onKeyDown:B?e=>{if("Enter"===e.key||" "===e.key){if(e.target.closest('button, a, input, label, [role="checkbox"]'))return;e.preventDefault(),B(t,a)}}:void 0,"data-cy":`${T}-row-${a}`,"data-testid":`${I}-row-${a}`,children:[f&&e.jsx("td",{className:r.cn(l.checkboxCellStyles,u&&l.tdBorderBreakStyles),"data-cy":`${T}-cell-${a}-checkbox`,"data-testid":`${I}-cell-${a}-checkbox`,children:e.jsx("label",{className:l.checkboxLabelStyles,children:e.jsx(s.Checkbox,{checked:H.has(String(t[v]??"")),onChange:()=>W(String(t[v]??"")),"aria-label":`Select row ${a+1}`,"data-cy":`${T}-select-${a}`,"data-testid":`${I}-select-${a}`})})}),c.map(s=>e.jsx("td",{className:r.cn(l.tdStyles,u&&l.tdBorderBreakStyles),"data-cy":`${T}-cell-${a}-${s.key}`,"data-testid":`${I}-cell-${a}-${s.key}`,children:s.render?s.render(t[s.key],t,a):String(t[s.key]??"")},s.key))]},a)):e.jsx("tr",{children:e.jsx("td",{colSpan:z,className:"p-0","data-cy":`${T}-empty`,"data-testid":`${I}-empty`,children:e.jsxs("div",{className:l.emptyStateWrapperStyles,children:[e.jsx("div",{className:l.emptyStateIconStyles,"aria-hidden":"true","data-cy":`${T}-empty-icon`,"data-testid":`${I}-empty-icon`,children:e.jsx(a.CustomEmptyBoxIcon,{width:"100%",height:"100%"})}),k&&e.jsx("p",{className:l.emptyStateTextStyles,"data-cy":`${T}-empty-text`,"data-testid":`${I}-empty-text`,children:k})]})})}),x&&(b?e.jsx("tr",{children:e.jsx("td",{colSpan:z,className:l.loadingRowStyles,"data-cy":`${T}-loading`,"data-testid":`${I}-loading`,children:b})}):Array.from({length:p}).map((t,a)=>e.jsxs("tr",{className:r.cn(l.trStripedStyles,u&&l.trBorderBreakStyles),"data-cy":`${T}-skeleton-${a}`,"data-testid":`${I}-skeleton-${a}`,children:[f&&e.jsx("td",{className:r.cn(l.checkboxCellStyles,u&&l.tdBorderBreakStyles),children:e.jsx("div",{className:l.checkboxLabelStyles,children:e.jsx("div",{className:"w-4 h-4 rounded-4 bg-[color-mix(in_srgb,var(--color-border)_40%,transparent)]"})})}),c.map((t,s)=>e.jsx("td",{className:r.cn(l.tdStyles,u&&l.tdBorderBreakStyles),children:e.jsx("div",{className:l.skeletonCellStyles,style:{width:d[(a+s)%d.length]}})},t.key))]},`skeleton-${a}`)))]})]}),m&&e.jsx("div",{ref:F,className:"h-4","data-cy":`${T}-sentinel`,"data-testid":`${I}-sentinel`,"aria-hidden":"true"})]}),Q=e.jsxs("div",{className:r.cn(l.wrapperStyles,u&&(S?"overflow-hidden rounded-t-2xl":"overflow-hidden rounded-2xl")),tabIndex:-1,style:{outline:"none"},"data-cy":`${T}-wrapper`,"data-testid":`${I}-wrapper`,children:[q&&e.jsxs("div",{className:l.headerBarStyles,"data-cy":`${T}-header-bar`,"data-testid":`${I}-header-bar`,children:[e.jsx("div",{"data-cy":`${T}-header-left`,"data-testid":`${I}-header-left`,children:h}),e.jsx("div",{"data-cy":`${T}-header-right`,"data-testid":`${I}-header-right`,children:y})]}),$?e.jsx("div",{ref:M,className:l.scrollContainerStyles,tabIndex:-1,style:{maxHeight:$,outline:"none"},children:J}):J]}),U=w?e.jsx("div",{className:l.footerBarStyles,"data-cy":`${T}-footer-bar`,"data-testid":`${I}-footer-bar`,children:w}):null;return u?e.jsxs(e.Fragment,{children:[e.jsx("div",{className:r.cn(l.wrapperBorderBreakStyles,S?l.wrapperBorderBreakFlatBottomStyles:l.wrapperBorderBreakRoundedStyles),children:Q}),U]}):e.jsxs(e.Fragment,{children:[Q,U]})});c.displayName="DataTable";const n=t.forwardRef(({children:a,className:s,style:l,...d},c)=>{const n=t.useRef(null),[o,i]=t.useState(!1);return t.useEffect(()=>{const e=n.current;if(!e)return;const t=e.closest("tr");if(!t)return;const a=()=>i(!0),r=()=>i(!1);return t.addEventListener("mouseenter",a),t.addEventListener("mouseleave",r),t.addEventListener("focusin",a),t.addEventListener("focusout",r),()=>{t.removeEventListener("mouseenter",a),t.removeEventListener("mouseleave",r),t.removeEventListener("focusin",a),t.removeEventListener("focusout",r)}},[]),e.jsx("span",{ref:e=>{n.current=e,"function"==typeof c?c(e):c&&(c.current=e)},className:r.cn("transition-opacity duration-200",o?"opacity-100":"opacity-0",s),style:l,...d,children:a})});n.displayName="RowAction",exports.DataTable=c,exports.RowAction=n;
package/dist/index41.js CHANGED
@@ -1,2 +1,9 @@
1
- import{jsx as e}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cn as r}from"./index58.js";import{chipVariantMap as t,chipBaseStyles as i}from"./index89.js";const d=a(({variant:a="primary",selected:d=!1,disabled:s=!1,className:o,children:c,"data-testid":n,"data-cy":l,...p},m)=>{const h=t[a],f=r(i,d?h.selected:h.base,!d&&!s&&h.hover,s&&"opacity-40 cursor-not-allowed pointer-events-none",o);/* @__PURE__ */
2
- return e("div",{ref:m,className:f,"data-testid":n||`chip-${a}`,"data-cy":l||`chip-${a}`,"aria-selected":d,"aria-disabled":s,"aria-label":"string"==typeof c?c:void 0,...p,children:/* @__PURE__ */e("span",{children:c})})});d.displayName="Chip";export{d as Chip};
1
+ import{jsxs as e,Fragment as t,jsx as a}from"react/jsx-runtime";import{forwardRef as r,useRef as d,useState as n,useEffect as s,useMemo as c,useCallback as l}from"react";import{CustomEmptyBoxIcon as i}from"@adam-milo/icons";import{cn as o}from"./index67.js";import{Checkbox as h}from"./index12.js";import{checkboxLabelStyles as m,emptyStateWrapperStyles as y,emptyStateIconStyles as u,emptyStateTextStyles as $,loadingRowStyles as p,skeletonCellStyles as v,headerBarStyles as b,scrollContainerStyles as f,thBorderBreakStyles as g,checkboxCellStyles as N,thStyles as k,stickyTheadScrolledStyles as x,stickyTheadStyles as w,theadBorderBreakStyles as S,theadStyles as E,tdBorderBreakStyles as L,tdStyles as I,trClickableBorderBreakFocusStyles as C,trClickableStyles as R,trStripedEvenStyles as T,trHoverableStyles as j,trBorderBreakStyles as A,trStripedStyles as M,tableBaseStyles as B,footerBarStyles as D,wrapperStyles as H,wrapperBorderBreakFlatBottomStyles as K,wrapperBorderBreakRoundedStyles as _,wrapperBorderBreakStyles as F}from"./index96.js";const O=["60%","75%","45%","55%","70%","50%"],q=r(({columns:r,data:q,striped:z=!1,hoverable:G=!1,headerLeft:J,headerRight:P,borderBreak:Q=!1,onLoadMore:U,isLoadingMore:V=!1,hasMore:W=!1,loadingIndicator:X,skeletonRows:Y=3,maxHeight:Z,emptyStateText:ee,selectable:te=!1,rowKey:ae="id",selectedRows:re,onSelectionChange:de,onRowClick:ne,footerBar:se,className:ce,"data-cy":le,"data-testid":ie,...oe},he)=>{const me=le||"datatable",ye=ie||"datatable",ue=J||P,$e=d(null),pe=d(null),[ve,be]=n(!1);s(()=>{const e=pe.current;if(!e||!Z)return;const t=()=>be(e.scrollTop>0);return e.addEventListener("scroll",t,{passive:!0}),()=>e.removeEventListener("scroll",t)},[Z]);const fe=c(()=>re??/* @__PURE__ */new Set,[re]),ge=q.map(e=>String(e[ae]??"")),Ne=te&&q.length>0&&ge.every(e=>fe.has(e)),ke=te&&q.length>0&&ge.some(e=>fe.has(e)),xe=l(()=>{if(de)if(Ne){const e=new Set(fe);ge.forEach(t=>e.delete(t)),de(e)}else{const e=new Set(fe);ge.forEach(t=>e.add(t)),de(e)}},[Ne,ge,fe,de]),we=l(e=>{if(!de)return;const t=new Set(fe);t.has(e)?t.delete(e):t.add(e),de(t)},[fe,de]),Se=te?r.length+1:r.length,Ee=l(e=>{const[t]=e;t.isIntersecting&&W&&!V&&U&&U()},[W,V,U]);s(()=>{const e=$e.current;if(!e||!U)return;const t=new IntersectionObserver(Ee,{root:Z?pe.current:null,rootMargin:"0px",threshold:.1});return t.observe(e),()=>t.disconnect()},[Ee,U,Z]);const Le=/* @__PURE__ */e(t,{children:[
2
+ /* @__PURE__ */e("table",{ref:he,className:o(B,ce),"aria-busy":V||void 0,"data-cy":me,"data-testid":ye,...oe,children:[
3
+ /* @__PURE__ */a("thead",{className:o(E,Q&&S,Z&&w,Z&&ve&&x),"data-cy":`${me}-head`,"data-testid":`${ye}-head`,children:/* @__PURE__ */e("tr",{children:[te&&/* @__PURE__ */a("th",{scope:"col",className:o(N,Q&&g),"data-cy":`${me}-header-checkbox`,"data-testid":`${ye}-header-checkbox`,children:/* @__PURE__ */a("label",{className:m,children:/* @__PURE__ */a(h,{checked:Ne,indeterminate:ke&&!Ne,onChange:xe,"aria-label":"Select all rows","data-cy":`${me}-select-all`,"data-testid":`${ye}-select-all`})})}),r.map(e=>/* @__PURE__ */a("th",{scope:"col",className:o(k,Q&&g),"data-cy":`${me}-header-${e.key}`,"data-testid":`${ye}-header-${e.key}`,children:e.header},e.key))]})}),
4
+ /* @__PURE__ */e("tbody",{"data-cy":`${me}-body`,"data-testid":`${ye}-body`,children:[0!==q.length||V?q.map((t,d)=>/* @__PURE__ */e("tr",{className:o(M,Q&&A,G&&j,z&&!Q&&T,ne&&R,ne&&Q&&C),tabIndex:ne?0:void 0,style:ne?{outline:"none",boxShadow:"none"}:void 0,onFocus:e=>e.currentTarget.setAttribute("data-focused","true"),onBlur:e=>e.currentTarget.removeAttribute("data-focused"),onClick:ne?e=>{e.target.closest('button, a, input, label, [role="checkbox"]')||ne(t,d)}:void 0,onKeyDown:ne?e=>{if("Enter"===e.key||" "===e.key){if(e.target.closest('button, a, input, label, [role="checkbox"]'))return;e.preventDefault(),ne(t,d)}}:void 0,"data-cy":`${me}-row-${d}`,"data-testid":`${ye}-row-${d}`,children:[te&&/* @__PURE__ */a("td",{className:o(N,Q&&L),"data-cy":`${me}-cell-${d}-checkbox`,"data-testid":`${ye}-cell-${d}-checkbox`,children:/* @__PURE__ */a("label",{className:m,children:/* @__PURE__ */a(h,{checked:fe.has(String(t[ae]??"")),onChange:()=>we(String(t[ae]??"")),"aria-label":`Select row ${d+1}`,"data-cy":`${me}-select-${d}`,"data-testid":`${ye}-select-${d}`})})}),r.map(e=>/* @__PURE__ */a("td",{className:o(I,Q&&L),"data-cy":`${me}-cell-${d}-${e.key}`,"data-testid":`${ye}-cell-${d}-${e.key}`,children:e.render?e.render(t[e.key],t,d):String(t[e.key]??"")},e.key))]},d)):/* @__PURE__ */a("tr",{children:/* @__PURE__ */a("td",{colSpan:Se,className:"p-0","data-cy":`${me}-empty`,"data-testid":`${ye}-empty`,children:/* @__PURE__ */e("div",{className:y,children:[
5
+ /* @__PURE__ */a("div",{className:u,"aria-hidden":"true","data-cy":`${me}-empty-icon`,"data-testid":`${ye}-empty-icon`,children:/* @__PURE__ */a(i,{width:"100%",height:"100%"})}),ee&&/* @__PURE__ */a("p",{className:$,"data-cy":`${me}-empty-text`,"data-testid":`${ye}-empty-text`,children:ee})]})})}),V&&(X?/* @__PURE__ */a("tr",{children:/* @__PURE__ */a("td",{colSpan:Se,className:p,"data-cy":`${me}-loading`,"data-testid":`${ye}-loading`,children:X})}):Array.from({length:Y}).map((t,d)=>/* @__PURE__ */e("tr",{className:o(M,Q&&A),"data-cy":`${me}-skeleton-${d}`,"data-testid":`${ye}-skeleton-${d}`,children:[te&&/* @__PURE__ */a("td",{className:o(N,Q&&L),children:/* @__PURE__ */a("div",{className:m,children:/* @__PURE__ */a("div",{className:"w-4 h-4 rounded-4 bg-[color-mix(in_srgb,var(--color-border)_40%,transparent)]"})})}),r.map((e,t)=>/* @__PURE__ */a("td",{className:o(I,Q&&L),children:/* @__PURE__ */a("div",{className:v,style:{width:O[(d+t)%O.length]}})},e.key))]},`skeleton-${d}`)))]})]}),U&&/* @__PURE__ */a("div",{ref:$e,className:"h-4","data-cy":`${me}-sentinel`,"data-testid":`${ye}-sentinel`,"aria-hidden":"true"})]}),Ie=/* @__PURE__ */e("div",{className:o(H,Q&&(W?"overflow-hidden rounded-t-2xl":"overflow-hidden rounded-2xl")),tabIndex:-1,style:{outline:"none"},"data-cy":`${me}-wrapper`,"data-testid":`${ye}-wrapper`,children:[ue&&/* @__PURE__ */e("div",{className:b,"data-cy":`${me}-header-bar`,"data-testid":`${ye}-header-bar`,children:[
6
+ /* @__PURE__ */a("div",{"data-cy":`${me}-header-left`,"data-testid":`${ye}-header-left`,children:J}),
7
+ /* @__PURE__ */a("div",{"data-cy":`${me}-header-right`,"data-testid":`${ye}-header-right`,children:P})]}),Z?/* @__PURE__ */a("div",{ref:pe,className:f,tabIndex:-1,style:{maxHeight:Z,outline:"none"},children:Le}):Le]}),Ce=se?/* @__PURE__ */a("div",{className:D,"data-cy":`${me}-footer-bar`,"data-testid":`${ye}-footer-bar`,children:se}):null;/* @__PURE__ */
8
+ return e(t,Q?{children:[
9
+ /* @__PURE__ */a("div",{className:o(F,W?K:_),children:Ie}),Ce]}:{children:[Ie,Ce]})});q.displayName="DataTable";const z=r(({children:e,className:t,style:r,...c},l)=>{const i=d(null),[h,m]=n(!1);return s(()=>{const e=i.current;if(!e)return;const t=e.closest("tr");if(!t)return;const a=()=>m(!0),r=()=>m(!1);return t.addEventListener("mouseenter",a),t.addEventListener("mouseleave",r),t.addEventListener("focusin",a),t.addEventListener("focusout",r),()=>{t.removeEventListener("mouseenter",a),t.removeEventListener("mouseleave",r),t.removeEventListener("focusin",a),t.removeEventListener("focusout",r)}},[]),/* @__PURE__ */a("span",{ref:e=>{i.current=e,"function"==typeof l?l(e):l&&(l.current=e)},className:o("transition-opacity duration-200",h?"opacity-100":"opacity-0",t),style:r,...c,children:e})});z.displayName="RowAction";export{q as DataTable,z as RowAction};
package/dist/index42.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("./index58.cjs"),a=require("./index41.cjs"),n=require("./index90.cjs"),i=require("./index91.cjs"),l=require("@adam-milo/icons"),s=(e,r,a,n,i)=>{const[l,s]=t.useState(e.length),o=t.useCallback(()=>{if(void 0!==i)return void s(Math.min(i,e.length));const t=r.current;if(!t)return;const l=t.clientWidth,o=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,u=window.getComputedStyle(t),c=((e,t,r)=>{if(!e)return.5*t;const a=e.match(/^([\d.]+)(px|rem|em)?/);if(!a)return.5*t;const n=parseFloat(a[1]);switch(a[2]||"px"){case"px":return n;case"rem":return n*t;case"em":return n*r;default:return.5*t}})(u.gap,o,parseFloat(u.fontSize)||16),d=3.75*o;for(let r=0;r<e.length;r++){const t=e[r],i=a.current[r];i&&n.current.set(t.value,i.offsetWidth)}const p=((e,t,r,a,n)=>{let i=0,l=0;for(let s=0;s<e.length;s++){const o=e[s],u=t.get(o.value)||0;if(0===u){l++;break}const c=i+(s>0?a:0)+u;if(s<e.length-1){if(c+a+n>r&&l>0)break}else if(c>r&&l>0)break;i=c,l++}return Math.max(1,l)})(e,n.current,l,c,d);s(p)},[e,i,r,a,n]),u=((e,r)=>{const a=t.useRef(null);return t.useEffect(()=>()=>{a.current&&clearTimeout(a.current)},[]),t.useCallback((...t)=>{a.current&&clearTimeout(a.current),a.current=setTimeout(()=>e(...t),r)},[e,r])})(o,100);t.useEffect(()=>{a.current.length>e.length&&(a.current=a.current.slice(0,e.length));const t=new Set(e.map(e=>e.value));if(n.current.forEach((e,r)=>{t.has(r)||n.current.delete(r)}),void 0===i){e.some(e=>!n.current.has(e.value))?s(e.length):setTimeout(o,0)}},[e,i,o,a,n]),t.useEffect(()=>{const e=r.current;if(!e)return;const t=new ResizeObserver(()=>{u()});return t.observe(e),setTimeout(o,0),()=>{t.disconnect()}},[o,u,r]);const c=e.slice(0,l),d=e.slice(l);return{visibleCount:l,visibleItems:c,hiddenItems:d,hasOverflow:d.length>0}},o=t.forwardRef(({items:o,selectedValue:u,onSelectionChange:c,removable:d=!1,onRemove:p,variant:h="primary",disabled:v=!1,maxVisible:m,className:f,"data-testid":g,"data-cy":b,...y},w)=>{const x=(o&&Array.isArray(o)?o:[]).filter(e=>null!=e&&"object"==typeof e),k=t.useRef(null),C=t.useRef([]),E=t.useRef(new Map),j=t.useRef(null),[S,N]=t.useState(!1),[$,D]=t.useState(!1),R=t.useRef([]),{visibleItems:I,hiddenItems:q,hasOverflow:M}=s(x,k,C,E,m),A=t.useCallback((e,t,r)=>{if(!v&&!t&&c){c(u===e?null:e,r)}},[v,u,c]),P=t.useCallback((e,t)=>{e.stopPropagation(),v||p&&p(t,e)},[v,p]),T=t.useCallback((e,t,r)=>{v||r||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),A(t,r,e))},[v,A]),z=t.useCallback(e=>{e.stopPropagation(),D(e=>!e),N(!1)},[]),L=t.useCallback((e,t)=>{switch(e.key){case"ArrowDown":e.preventDefault(),t<q.length-1&&R.current[t+1]?.focus();break;case"ArrowUp":e.preventDefault(),t>0&&R.current[t-1]?.focus();break;case"Home":e.preventDefault(),R.current[0]?.focus();break;case"End":e.preventDefault(),R.current[q.length-1]?.focus()}},[q.length]),O=t.useRef(null),W=t.useRef(null);return t.useEffect(()=>{O.current=e=>{j.current&&!j.current.contains(e.target)&&D(!1)},W.current=e=>{"Escape"===e.key&&D(!1)}}),t.useEffect(()=>{if(!$)return;const e=e=>O.current?.(e),t=e=>W.current?.(e);return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[$]),t.useEffect(()=>{if("development"===process.env.NODE_ENV&&x.length>0){const e=x.map(e=>e.value),t=new Set(e);e.length!==t.size&&i.devWarn("[ChipGroup] Duplicate values detected in items array. Each item should have a unique value.")}},[x]),t.useEffect(()=>{R.current.length>q.length&&(R.current=R.current.slice(0,q.length))},[q]),o&&Array.isArray(o)?e.jsxs("div",{ref:w,className:r.cn(n.rootStyles,v&&"opacity-40 pointer-events-none",f),role:"group","aria-label":"Chip group","data-testid":g||"chip-group","data-cy":b||"chip-group",...y,children:[M&&e.jsxs("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true","data-testid":"chip-group-live-region","data-cy":"chip-group-live-region",children:[q.length," additional ",1===q.length?"chip":"chips"," hidden"]}),e.jsxs("div",{ref:k,className:n.containerStyles,children:[I.map(t=>{const r=u===t.value,i=t.variant||h,s=v||t.disabled||!1,o=x.findIndex(e=>e.value===t.value);return e.jsx("div",{ref:e=>{C.current[o]=e||null},className:n.itemWrapperStyles,"data-cy":`chip-group-item-wrapper-${t.value}`,"data-testid":`chip-group-item-wrapper-${t.value}`,children:e.jsxs("div",{className:n.itemButtonStyles,onClick:e=>A(t.value,s,e),onKeyDown:e=>T(e,t.value,s),tabIndex:s?-1:0,role:"button","aria-pressed":r?"true":"false","aria-disabled":s?"true":"false","data-cy":`chip-group-item-${t.value}`,"data-testid":`chip-group-item-${t.value}`,children:[e.jsx(a.Chip,{variant:i,selected:r,disabled:s,className:!d||v||s?void 0:"pe-6","data-cy":`chip-${t.value}`,"data-testid":`chip-${t.value}`,children:t.label}),d&&!v&&!s&&e.jsx("button",{className:n.removeButtonStyles,onClick:e=>P(e,t.value),"aria-label":`Remove ${t.label}`,"data-cy":`chip-remove-${t.value}`,"data-testid":`chip-remove-${t.value}`,type:"button",children:e.jsx(l.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})]})},t.value)}),M&&e.jsxs("div",{ref:j,className:n.overflowButtonStyles,role:"button",tabIndex:0,"aria-expanded":$?"true":"false","aria-haspopup":"menu","aria-label":`Show ${q.length} more ${1===q.length?"chip":"chips"}`,onMouseEnter:()=>!$&&N(!0),onMouseLeave:()=>N(!1),onClick:z,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),D(!$),N(!1))},"data-cy":"chip-group-overflow","data-testid":"chip-group-overflow",children:[e.jsxs(a.Chip,{variant:h,className:n.overflowChipClassMap[h],"data-cy":"chip-overflow","data-testid":"chip-overflow",children:["+",q.length]}),S&&!$&&e.jsx("div",{className:"chip-group-tooltip",role:"tooltip","data-cy":"chip-group-tooltip","data-testid":"chip-group-tooltip",children:q.map(t=>e.jsx("div",{className:n.tooltipItemStyles,"data-cy":`chip-group-tooltip-item-${t.value}`,"data-testid":`chip-group-tooltip-item-${t.value}`,children:t.label},t.value))}),$&&e.jsx("div",{className:"chip-group-dropdown",role:"menu","data-cy":"chip-group-dropdown","data-testid":"chip-group-dropdown",children:q.map((t,a)=>e.jsx("div",{ref:e=>{R.current[a]=e||null},className:r.cn("chip-group-dropdown-item",t.disabled&&"chip-group-dropdown-item--disabled"),role:"menuitem",tabIndex:t.disabled?-1:0,"aria-disabled":t.disabled?"true":"false",onClick:e=>{e.stopPropagation(),t.disabled||(A(t.value,!1,e),D(!1))},onKeyDown:e=>{L(e,a),"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),t.disabled||(A(t.value,!1,e),D(!1)))},"data-cy":`chip-group-dropdown-item-${t.value}`,"data-testid":`chip-group-dropdown-item-${t.value}`,children:t.label},t.value))})]})]})]}):null});o.displayName="ChipGroup",exports.ChipGroup=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),r=require("./index67.cjs"),i=require("./index97.cjs"),t=a.forwardRef(({variant:a="primary",selected:t=!1,disabled:s=!1,className:c,children:d,"data-testid":n,"data-cy":l,...o},p)=>{const h=i.chipVariantMap[a],u=r.cn(i.chipBaseStyles,t?h.selected:h.base,!t&&!s&&h.hover,s&&"opacity-40 cursor-not-allowed pointer-events-none",c);return e.jsx("div",{ref:p,className:u,"data-testid":n||`chip-${a}`,"data-cy":l||`chip-${a}`,"aria-selected":t,"aria-disabled":s,"aria-label":"string"==typeof d?d:void 0,...o,children:e.jsx("span",{children:d})})});t.displayName="Chip",exports.Chip=t;
package/dist/index42.js CHANGED
@@ -1,5 +1,2 @@
1
- import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r,useRef as a,useState as n,useCallback as i,useEffect as o}from"react";import{cn as l}from"./index58.js";import{Chip as c}from"./index41.js";import{containerStyles as s,itemWrapperStyles as u,itemButtonStyles as d,removeButtonStyles as p,overflowButtonStyles as m,overflowChipClassMap as h,tooltipItemStyles as v,rootStyles as g}from"./index90.js";import{devWarn as f}from"./index91.js";import{Icon as b}from"@adam-milo/icons";const y=(e,t,r,l,c)=>{const[s,u]=n(e.length),d=i(()=>{if(void 0!==c)return void u(Math.min(c,e.length));const a=t.current;if(!a)return;const n=a.clientWidth,i=parseFloat(getComputedStyle(document.documentElement).fontSize)||16,o=window.getComputedStyle(a),s=((e,t,r)=>{if(!e)return.5*t;const a=e.match(/^([\d.]+)(px|rem|em)?/);if(!a)return.5*t;const n=parseFloat(a[1]);switch(a[2]||"px"){case"px":return n;case"rem":return n*t;case"em":return n*r;default:return.5*t}})(o.gap,i,parseFloat(o.fontSize)||16),d=3.75*i;for(let t=0;t<e.length;t++){const a=e[t],n=r.current[t];n&&l.current.set(a.value,n.offsetWidth)}const p=((e,t,r,a,n)=>{let i=0,o=0;for(let l=0;l<e.length;l++){const c=e[l],s=t.get(c.value)||0;if(0===s){o++;break}const u=i+(l>0?a:0)+s;if(l<e.length-1){if(u+a+n>r&&o>0)break}else if(u>r&&o>0)break;i=u,o++}return Math.max(1,o)})(e,l.current,n,s,d);u(p)},[e,c,t,r,l]),p=((e,t)=>{const r=a(null);return o(()=>()=>{r.current&&clearTimeout(r.current)},[]),i((...a)=>{r.current&&clearTimeout(r.current),r.current=setTimeout(()=>e(...a),t)},[e,t])})(d,100);o(()=>{r.current.length>e.length&&(r.current=r.current.slice(0,e.length));const t=new Set(e.map(e=>e.value));if(l.current.forEach((e,r)=>{t.has(r)||l.current.delete(r)}),void 0===c){e.some(e=>!l.current.has(e.value))?u(e.length):setTimeout(d,0)}},[e,c,d,r,l]),o(()=>{const e=t.current;if(!e)return;const r=new ResizeObserver(()=>{p()});return r.observe(e),setTimeout(d,0),()=>{r.disconnect()}},[d,p,t]);const m=e.slice(0,s),h=e.slice(s);return{visibleCount:s,visibleItems:m,hiddenItems:h,hasOverflow:h.length>0}},w=r(({items:r,selectedValue:w,onSelectionChange:k,removable:N=!1,onRemove:x,variant:E="primary",disabled:$=!1,maxVisible:D,className:C,"data-testid":I,"data-cy":S,...j},A)=>{const z=(r&&Array.isArray(r)?r:[]).filter(e=>null!=e&&"object"==typeof e),L=a(null),M=a([]),P=a(/* @__PURE__ */new Map),T=a(null),[O,F]=n(!1),[K,R]=n(!1),V=a([]),{visibleItems:G,hiddenItems:W,hasOverflow:q}=y(z,L,M,P,D),H=i((e,t,r)=>{if(!$&&!t&&k){k(w===e?null:e,r)}},[$,w,k]),U=i((e,t)=>{e.stopPropagation(),$||x&&x(t,e)},[$,x]),_=i((e,t,r)=>{$||r||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),H(t,r,e))},[$,H]),B=i(e=>{e.stopPropagation(),R(e=>!e),F(!1)},[]),J=i((e,t)=>{switch(e.key){case"ArrowDown":e.preventDefault(),t<W.length-1&&V.current[t+1]?.focus();break;case"ArrowUp":e.preventDefault(),t>0&&V.current[t-1]?.focus();break;case"Home":e.preventDefault(),V.current[0]?.focus();break;case"End":e.preventDefault(),V.current[W.length-1]?.focus()}},[W.length]),Q=a(null),X=a(null);return o(()=>{Q.current=e=>{T.current&&!T.current.contains(e.target)&&R(!1)},X.current=e=>{"Escape"===e.key&&R(!1)}}),o(()=>{if(!K)return;const e=e=>Q.current?.(e),t=e=>X.current?.(e);return document.addEventListener("mousedown",e),document.addEventListener("keydown",t),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",t)}},[K]),o(()=>{if("development"===process.env.NODE_ENV&&z.length>0){const e=z.map(e=>e.value),t=new Set(e);e.length!==t.size&&f("[ChipGroup] Duplicate values detected in items array. Each item should have a unique value.")}},[z]),o(()=>{V.current.length>W.length&&(V.current=V.current.slice(0,W.length))},[W]),r&&Array.isArray(r)?/* @__PURE__ */e("div",{ref:A,className:l(g,$&&"opacity-40 pointer-events-none",C),role:"group","aria-label":"Chip group","data-testid":I||"chip-group","data-cy":S||"chip-group",...j,children:[q&&/* @__PURE__ */e("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true","data-testid":"chip-group-live-region","data-cy":"chip-group-live-region",children:[W.length," additional ",1===W.length?"chip":"chips"," hidden"]}),
2
- /* @__PURE__ */e("div",{ref:L,className:s,children:[G.map(r=>{const a=w===r.value,n=r.variant||E,i=$||r.disabled||!1,o=z.findIndex(e=>e.value===r.value);/* @__PURE__ */
3
- return t("div",{ref:e=>{M.current[o]=e||null},className:u,"data-cy":`chip-group-item-wrapper-${r.value}`,"data-testid":`chip-group-item-wrapper-${r.value}`,children:/* @__PURE__ */e("div",{className:d,onClick:e=>H(r.value,i,e),onKeyDown:e=>_(e,r.value,i),tabIndex:i?-1:0,role:"button","aria-pressed":a?"true":"false","aria-disabled":i?"true":"false","data-cy":`chip-group-item-${r.value}`,"data-testid":`chip-group-item-${r.value}`,children:[
4
- /* @__PURE__ */t(c,{variant:n,selected:a,disabled:i,className:!N||$||i?void 0:"pe-6","data-cy":`chip-${r.value}`,"data-testid":`chip-${r.value}`,children:r.label}),N&&!$&&!i&&/* @__PURE__ */t("button",{className:p,onClick:e=>U(e,r.value),"aria-label":`Remove ${r.label}`,"data-cy":`chip-remove-${r.value}`,"data-testid":`chip-remove-${r.value}`,type:"button",children:/* @__PURE__ */t(b,{name:"Cross2Icon",size:"sm",decorative:!0})})]})},r.value)}),q&&/* @__PURE__ */e("div",{ref:T,className:m,role:"button",tabIndex:0,"aria-expanded":K?"true":"false","aria-haspopup":"menu","aria-label":`Show ${W.length} more ${1===W.length?"chip":"chips"}`,onMouseEnter:()=>!K&&F(!0),onMouseLeave:()=>F(!1),onClick:B,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),R(!K),F(!1))},"data-cy":"chip-group-overflow","data-testid":"chip-group-overflow",children:[
5
- /* @__PURE__ */e(c,{variant:E,className:h[E],"data-cy":"chip-overflow","data-testid":"chip-overflow",children:["+",W.length]}),O&&!K&&/* @__PURE__ */t("div",{className:"chip-group-tooltip",role:"tooltip","data-cy":"chip-group-tooltip","data-testid":"chip-group-tooltip",children:W.map(e=>/* @__PURE__ */t("div",{className:v,"data-cy":`chip-group-tooltip-item-${e.value}`,"data-testid":`chip-group-tooltip-item-${e.value}`,children:e.label},e.value))}),K&&/* @__PURE__ */t("div",{className:"chip-group-dropdown",role:"menu","data-cy":"chip-group-dropdown","data-testid":"chip-group-dropdown",children:W.map((e,r)=>/* @__PURE__ */t("div",{ref:e=>{V.current[r]=e||null},className:l("chip-group-dropdown-item",e.disabled&&"chip-group-dropdown-item--disabled"),role:"menuitem",tabIndex:e.disabled?-1:0,"aria-disabled":e.disabled?"true":"false",onClick:t=>{t.stopPropagation(),e.disabled||(H(e.value,!1,t),R(!1))},onKeyDown:t=>{J(t,r),"Enter"!==t.key&&" "!==t.key||(t.preventDefault(),t.stopPropagation(),e.disabled||(H(e.value,!1,t),R(!1)))},"data-cy":`chip-group-dropdown-item-${e.value}`,"data-testid":`chip-group-dropdown-item-${e.value}`,children:e.label},e.value))})]})]})]}):null});w.displayName="ChipGroup";export{w as ChipGroup};
1
+ import{jsx as e}from"react/jsx-runtime";import{forwardRef as a}from"react";import{cn as r}from"./index67.js";import{chipVariantMap as t,chipBaseStyles as i}from"./index97.js";const d=a(({variant:a="primary",selected:d=!1,disabled:s=!1,className:o,children:c,"data-testid":n,"data-cy":l,...p},m)=>{const h=t[a],f=r(i,d?h.selected:h.base,!d&&!s&&h.hover,s&&"opacity-40 cursor-not-allowed pointer-events-none",o);/* @__PURE__ */
2
+ return e("div",{ref:m,className:f,"data-testid":n||`chip-${a}`,"data-cy":l||`chip-${a}`,"aria-selected":d,"aria-disabled":s,"aria-label":"string"==typeof c?c:void 0,...p,children:/* @__PURE__ */e("span",{children:c})})});d.displayName="Chip";export{d as Chip};
package/dist/index43.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("./index58.cjs"),r=require("./index92.cjs"),d=t.forwardRef(({selected:t=!1,onSelect:d,className:s,children:c,"data-cy":l,"data-testid":n,onClick:i,...o},u)=>{const y=l||"badge",b=n||"badge",g=()=>{d&&d()};return e.jsx("div",{ref:u,className:a.cn(r.badgeBaseStyles,t?r.badgeSelectedStyles:r.badgeDefaultStyles,s),"data-cy":y,"data-testid":b,"data-selected":t,onClick:e=>{g(),i&&i(e)},role:"button",tabIndex:0,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),g())},"aria-pressed":t,...o,children:c})});d.displayName="Badge",exports.Badge=d;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),a=require("react"),t=require("./index67.cjs"),r=require("./index42.cjs"),i=require("./index98.cjs"),l=require("./index99.cjs"),o=require("./index100.cjs"),s=require("@adam-milo/icons"),n=a.forwardRef(({items:n,selectedValue:u,onSelectionChange:c,removable:d=!1,onRemove:p,variant:v="primary",disabled:h=!1,maxVisible:m,className:f,"data-testid":g,"data-cy":y,...b},w)=>{const x=(n&&Array.isArray(n)?n:[]).filter(e=>null!=e&&"object"==typeof e),j=a.useRef(null),k=a.useRef([]),C=a.useRef(new Map),E=a.useRef(null),[N,$]=a.useState(!1),[S,D]=a.useState(!1),R=a.useRef([]),{visibleItems:q,hiddenItems:I,hasOverflow:A}=i.useChipOverflow(x,j,k,C,m),P=a.useCallback((e,a,t)=>{if(!h&&!a&&c){c(u===e?null:e,t)}},[h,u,c]),L=a.useCallback((e,a)=>{e.stopPropagation(),h||p&&p(a,e)},[h,p]),M=a.useCallback((e,a,t)=>{h||t||"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),P(a,t,e))},[h,P]),O=a.useCallback(e=>{e.stopPropagation(),D(e=>!e),$(!1)},[]),B=a.useCallback((e,a)=>{switch(e.key){case"ArrowDown":e.preventDefault(),a<I.length-1&&R.current[a+1]?.focus();break;case"ArrowUp":e.preventDefault(),a>0&&R.current[a-1]?.focus();break;case"Home":e.preventDefault(),R.current[0]?.focus();break;case"End":e.preventDefault(),R.current[I.length-1]?.focus()}},[I.length]),G=a.useRef(null),K=a.useRef(null);return a.useEffect(()=>{G.current=e=>{E.current&&!E.current.contains(e.target)&&D(!1)},K.current=e=>{"Escape"===e.key&&D(!1)}}),a.useEffect(()=>{if(!S)return;const e=e=>G.current?.(e),a=e=>K.current?.(e);return document.addEventListener("mousedown",e),document.addEventListener("keydown",a),()=>{document.removeEventListener("mousedown",e),document.removeEventListener("keydown",a)}},[S]),a.useEffect(()=>{if("development"===process.env.NODE_ENV&&x.length>0){const e=x.map(e=>e.value),a=new Set(e);e.length!==a.size&&o.devWarn("[ChipGroup] Duplicate values detected in items array. Each item should have a unique value.")}},[x]),a.useEffect(()=>{R.current.length>I.length&&(R.current=R.current.slice(0,I.length))},[I]),n&&Array.isArray(n)?e.jsxs("div",{ref:w,className:t.cn(l.rootStyles,h&&"opacity-40 pointer-events-none",f),role:"group","aria-label":"Chip group","data-testid":g||"chip-group","data-cy":y||"chip-group",...b,children:[A&&e.jsxs("div",{className:"sr-only",role:"status","aria-live":"polite","aria-atomic":"true","data-testid":"chip-group-live-region","data-cy":"chip-group-live-region",children:[I.length," additional ",1===I.length?"chip":"chips"," hidden"]}),e.jsxs("div",{ref:j,className:l.containerStyles,children:[q.map(a=>{const t=u===a.value,i=a.variant||v,o=h||a.disabled||!1,n=x.findIndex(e=>e.value===a.value);return e.jsx("div",{ref:e=>{k.current[n]=e||null},className:l.itemWrapperStyles,"data-cy":`chip-group-item-wrapper-${a.value}`,"data-testid":`chip-group-item-wrapper-${a.value}`,children:e.jsxs("div",{className:l.itemButtonStyles,onClick:e=>P(a.value,o,e),onKeyDown:e=>M(e,a.value,o),tabIndex:o?-1:0,role:"button","aria-pressed":t?"true":"false","aria-disabled":o?"true":"false","data-cy":`chip-group-item-${a.value}`,"data-testid":`chip-group-item-${a.value}`,children:[e.jsx(r.Chip,{variant:i,selected:t,disabled:o,className:!d||h||o?void 0:"pe-6","data-cy":`chip-${a.value}`,"data-testid":`chip-${a.value}`,children:a.label}),d&&!h&&!o&&e.jsx("button",{className:l.removeButtonStyles,onClick:e=>L(e,a.value),"aria-label":`Remove ${a.label}`,"data-cy":`chip-remove-${a.value}`,"data-testid":`chip-remove-${a.value}`,type:"button",children:e.jsx(s.Icon,{name:"Cross2Icon",size:"sm",decorative:!0})})]})},a.value)}),A&&e.jsxs("div",{ref:E,className:l.overflowButtonStyles,role:"button",tabIndex:0,"aria-expanded":S?"true":"false","aria-haspopup":"menu","aria-label":`Show ${I.length} more ${1===I.length?"chip":"chips"}`,onMouseEnter:()=>!S&&$(!0),onMouseLeave:()=>$(!1),onClick:O,onKeyDown:e=>{"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),D(!S),$(!1))},"data-cy":"chip-group-overflow","data-testid":"chip-group-overflow",children:[e.jsxs(r.Chip,{variant:v,className:l.overflowChipClassMap[v],"data-cy":"chip-overflow","data-testid":"chip-overflow",children:["+",I.length]}),N&&!S&&e.jsx("div",{className:"chip-group-tooltip",role:"tooltip","data-cy":"chip-group-tooltip","data-testid":"chip-group-tooltip",children:I.map(a=>e.jsx("div",{className:l.tooltipItemStyles,"data-cy":`chip-group-tooltip-item-${a.value}`,"data-testid":`chip-group-tooltip-item-${a.value}`,children:a.label},a.value))}),S&&e.jsx("div",{className:"chip-group-dropdown",role:"menu","data-cy":"chip-group-dropdown","data-testid":"chip-group-dropdown",children:I.map((a,r)=>e.jsx("div",{ref:e=>{R.current[r]=e||null},className:t.cn("chip-group-dropdown-item",a.disabled&&"chip-group-dropdown-item--disabled"),role:"menuitem",tabIndex:a.disabled?-1:0,"aria-disabled":a.disabled?"true":"false",onClick:e=>{e.stopPropagation(),a.disabled||(P(a.value,!1,e),D(!1))},onKeyDown:e=>{B(e,r),"Enter"!==e.key&&" "!==e.key||(e.preventDefault(),e.stopPropagation(),a.disabled||(P(a.value,!1,e),D(!1)))},"data-cy":`chip-group-dropdown-item-${a.value}`,"data-testid":`chip-group-dropdown-item-${a.value}`,children:a.label},a.value))})]})]})]}):null});n.displayName="ChipGroup",exports.ChipGroup=n;