@new-black/lyra 1.7.0 → 1.8.0-next.2

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 (641) hide show
  1. package/dist/components/lists/shared-list-item.d.ts +10 -10
  2. package/dist/components/svg-icon/index.d.ts +1 -1
  3. package/dist/components/svg-icon/index.d.ts.map +1 -1
  4. package/dist/icons/icon-defs.svg +51 -25
  5. package/dist/lyra100.cjs +1 -1
  6. package/dist/lyra100.js +1 -1
  7. package/dist/lyra1007.cjs +1 -1
  8. package/dist/lyra1007.js +1 -1
  9. package/dist/lyra101.cjs +1 -1
  10. package/dist/lyra101.js +1 -1
  11. package/dist/lyra102.cjs +1 -1
  12. package/dist/lyra102.js +1 -1
  13. package/dist/lyra103.cjs +1 -1
  14. package/dist/lyra103.js +1 -1
  15. package/dist/lyra104.cjs +1 -1
  16. package/dist/lyra104.js +1 -1
  17. package/dist/lyra105.cjs +1 -1
  18. package/dist/lyra105.js +2 -2
  19. package/dist/lyra106.cjs +1 -1
  20. package/dist/lyra106.cjs.map +1 -1
  21. package/dist/lyra106.js +77 -12
  22. package/dist/lyra106.js.map +1 -1
  23. package/dist/lyra107.cjs +1 -1
  24. package/dist/lyra107.cjs.map +1 -1
  25. package/dist/lyra107.js +33 -74
  26. package/dist/lyra107.js.map +1 -1
  27. package/dist/lyra108.cjs +1 -1
  28. package/dist/lyra108.cjs.map +1 -1
  29. package/dist/lyra108.js +112 -37
  30. package/dist/lyra108.js.map +1 -1
  31. package/dist/lyra109.cjs +1 -1
  32. package/dist/lyra109.cjs.map +1 -1
  33. package/dist/lyra109.js +13 -112
  34. package/dist/lyra109.js.map +1 -1
  35. package/dist/lyra11.cjs +1 -1
  36. package/dist/lyra11.js +1 -1
  37. package/dist/lyra110.cjs +1 -1
  38. package/dist/lyra110.cjs.map +1 -1
  39. package/dist/lyra110.js +10 -27
  40. package/dist/lyra110.js.map +1 -1
  41. package/dist/lyra111.cjs +1 -1
  42. package/dist/lyra111.cjs.map +1 -1
  43. package/dist/lyra111.js +7 -90
  44. package/dist/lyra111.js.map +1 -1
  45. package/dist/lyra112.cjs +1 -1
  46. package/dist/lyra112.cjs.map +1 -1
  47. package/dist/lyra112.js +15 -44
  48. package/dist/lyra112.js.map +1 -1
  49. package/dist/lyra113.cjs +1 -1
  50. package/dist/lyra113.cjs.map +1 -1
  51. package/dist/lyra113.js +88 -51
  52. package/dist/lyra113.js.map +1 -1
  53. package/dist/lyra114.cjs +1 -1
  54. package/dist/lyra114.cjs.map +1 -1
  55. package/dist/lyra114.js +44 -53
  56. package/dist/lyra114.js.map +1 -1
  57. package/dist/lyra115.cjs +1 -1
  58. package/dist/lyra115.cjs.map +1 -1
  59. package/dist/lyra115.js +13 -6
  60. package/dist/lyra115.js.map +1 -1
  61. package/dist/lyra116.cjs +1 -1
  62. package/dist/lyra116.cjs.map +1 -1
  63. package/dist/lyra116.js +11 -61
  64. package/dist/lyra116.js.map +1 -1
  65. package/dist/lyra117.cjs +1 -1
  66. package/dist/lyra117.cjs.map +1 -1
  67. package/dist/lyra117.js +31 -37
  68. package/dist/lyra117.js.map +1 -1
  69. package/dist/lyra118.cjs +1 -5
  70. package/dist/lyra118.cjs.map +1 -1
  71. package/dist/lyra118.js +49 -2554
  72. package/dist/lyra118.js.map +1 -1
  73. package/dist/lyra119.cjs +1 -1
  74. package/dist/lyra119.cjs.map +1 -1
  75. package/dist/lyra119.js +51 -49
  76. package/dist/lyra119.js.map +1 -1
  77. package/dist/lyra12.cjs +1 -1
  78. package/dist/lyra12.js +1 -1
  79. package/dist/lyra120.cjs +1 -1
  80. package/dist/lyra120.cjs.map +1 -1
  81. package/dist/lyra120.js +7 -24
  82. package/dist/lyra120.js.map +1 -1
  83. package/dist/lyra121.cjs +1 -1
  84. package/dist/lyra121.cjs.map +1 -1
  85. package/dist/lyra121.js +61 -13
  86. package/dist/lyra121.js.map +1 -1
  87. package/dist/lyra122.cjs +1 -1
  88. package/dist/lyra122.cjs.map +1 -1
  89. package/dist/lyra122.js +37 -7
  90. package/dist/lyra122.js.map +1 -1
  91. package/dist/lyra123.cjs +5 -1
  92. package/dist/lyra123.cjs.map +1 -1
  93. package/dist/lyra123.js +2554 -11
  94. package/dist/lyra123.js.map +1 -1
  95. package/dist/lyra124.cjs +1 -1
  96. package/dist/lyra124.cjs.map +1 -1
  97. package/dist/lyra124.js +50 -13
  98. package/dist/lyra124.js.map +1 -1
  99. package/dist/lyra125.cjs +1 -1
  100. package/dist/lyra125.cjs.map +1 -1
  101. package/dist/lyra125.js +24 -12
  102. package/dist/lyra125.js.map +1 -1
  103. package/dist/lyra127.cjs +1 -1
  104. package/dist/lyra127.cjs.map +1 -1
  105. package/dist/lyra127.js +663 -4
  106. package/dist/lyra127.js.map +1 -1
  107. package/dist/lyra128.cjs +1 -1
  108. package/dist/lyra128.cjs.map +1 -1
  109. package/dist/lyra128.js +13 -8
  110. package/dist/lyra128.js.map +1 -1
  111. package/dist/lyra129.cjs +10 -1
  112. package/dist/lyra129.cjs.map +1 -1
  113. package/dist/lyra129.js +95 -177
  114. package/dist/lyra129.js.map +1 -1
  115. package/dist/lyra13.cjs +1 -1
  116. package/dist/lyra13.js +2 -2
  117. package/dist/lyra130.cjs +1 -1
  118. package/dist/lyra130.cjs.map +1 -1
  119. package/dist/lyra130.js +34 -661
  120. package/dist/lyra130.js.map +1 -1
  121. package/dist/lyra131.cjs +1 -1
  122. package/dist/lyra131.cjs.map +1 -1
  123. package/dist/lyra131.js +306 -13
  124. package/dist/lyra131.js.map +1 -1
  125. package/dist/lyra132.cjs +1 -10
  126. package/dist/lyra132.cjs.map +1 -1
  127. package/dist/lyra132.js +143 -100
  128. package/dist/lyra132.js.map +1 -1
  129. package/dist/lyra133.cjs +13 -1
  130. package/dist/lyra133.cjs.map +1 -1
  131. package/dist/lyra133.js +1718 -33
  132. package/dist/lyra133.js.map +1 -1
  133. package/dist/lyra134.cjs +1 -1
  134. package/dist/lyra134.cjs.map +1 -1
  135. package/dist/lyra134.js +180 -304
  136. package/dist/lyra134.js.map +1 -1
  137. package/dist/lyra135.cjs +1 -1
  138. package/dist/lyra135.cjs.map +1 -1
  139. package/dist/lyra135.js +31 -143
  140. package/dist/lyra135.js.map +1 -1
  141. package/dist/lyra136.cjs +1 -13
  142. package/dist/lyra136.cjs.map +1 -1
  143. package/dist/lyra136.js +91 -1714
  144. package/dist/lyra136.js.map +1 -1
  145. package/dist/lyra137.cjs +1 -1
  146. package/dist/lyra137.cjs.map +1 -1
  147. package/dist/lyra137.js +18 -29
  148. package/dist/lyra137.js.map +1 -1
  149. package/dist/lyra138.cjs +1 -1
  150. package/dist/lyra138.cjs.map +1 -1
  151. package/dist/lyra138.js +9 -99
  152. package/dist/lyra138.js.map +1 -1
  153. package/dist/lyra139.cjs +1 -1
  154. package/dist/lyra139.cjs.map +1 -1
  155. package/dist/lyra139.js +61 -18
  156. package/dist/lyra139.js.map +1 -1
  157. package/dist/lyra140.cjs +1 -1
  158. package/dist/lyra140.cjs.map +1 -1
  159. package/dist/lyra140.js +36 -9
  160. package/dist/lyra140.js.map +1 -1
  161. package/dist/lyra141.cjs +1 -1
  162. package/dist/lyra141.cjs.map +1 -1
  163. package/dist/lyra141.js +4 -62
  164. package/dist/lyra141.js.map +1 -1
  165. package/dist/lyra142.cjs +1 -1
  166. package/dist/lyra142.cjs.map +1 -1
  167. package/dist/lyra142.js +7 -35
  168. package/dist/lyra142.js.map +1 -1
  169. package/dist/lyra147.cjs +1 -1
  170. package/dist/lyra147.js +3 -3
  171. package/dist/lyra152.cjs +1 -1
  172. package/dist/lyra152.cjs.map +1 -1
  173. package/dist/lyra152.js +7 -232
  174. package/dist/lyra152.js.map +1 -1
  175. package/dist/lyra153.cjs +1 -1
  176. package/dist/lyra153.cjs.map +1 -1
  177. package/dist/lyra153.js +2 -16
  178. package/dist/lyra153.js.map +1 -1
  179. package/dist/lyra154.cjs +9 -1
  180. package/dist/lyra154.cjs.map +1 -1
  181. package/dist/lyra154.js +24 -478
  182. package/dist/lyra154.js.map +1 -1
  183. package/dist/lyra155.cjs +17 -1
  184. package/dist/lyra155.cjs.map +1 -1
  185. package/dist/lyra155.js +580 -59
  186. package/dist/lyra155.js.map +1 -1
  187. package/dist/lyra156.cjs +1 -1
  188. package/dist/lyra156.cjs.map +1 -1
  189. package/dist/lyra156.js +168 -12
  190. package/dist/lyra156.js.map +1 -1
  191. package/dist/lyra157.cjs +1 -1
  192. package/dist/lyra157.cjs.map +1 -1
  193. package/dist/lyra157.js +8 -7
  194. package/dist/lyra157.js.map +1 -1
  195. package/dist/lyra158.cjs +1 -1
  196. package/dist/lyra158.cjs.map +1 -1
  197. package/dist/lyra158.js +101 -2
  198. package/dist/lyra158.js.map +1 -1
  199. package/dist/lyra159.cjs +1 -9
  200. package/dist/lyra159.cjs.map +1 -1
  201. package/dist/lyra159.js +8 -25
  202. package/dist/lyra159.js.map +1 -1
  203. package/dist/lyra160.cjs +1 -17
  204. package/dist/lyra160.cjs.map +1 -1
  205. package/dist/lyra160.js +21 -584
  206. package/dist/lyra160.js.map +1 -1
  207. package/dist/lyra161.cjs +1 -1
  208. package/dist/lyra161.cjs.map +1 -1
  209. package/dist/lyra161.js +20 -166
  210. package/dist/lyra161.js.map +1 -1
  211. package/dist/lyra162.cjs +1 -1
  212. package/dist/lyra162.cjs.map +1 -1
  213. package/dist/lyra162.js +232 -8
  214. package/dist/lyra162.js.map +1 -1
  215. package/dist/lyra163.cjs +1 -1
  216. package/dist/lyra163.cjs.map +1 -1
  217. package/dist/lyra163.js +14 -99
  218. package/dist/lyra163.js.map +1 -1
  219. package/dist/lyra164.cjs +1 -1
  220. package/dist/lyra164.cjs.map +1 -1
  221. package/dist/lyra164.js +479 -8
  222. package/dist/lyra164.js.map +1 -1
  223. package/dist/lyra165.cjs +1 -1
  224. package/dist/lyra165.cjs.map +1 -1
  225. package/dist/lyra165.js +65 -23
  226. package/dist/lyra165.js.map +1 -1
  227. package/dist/lyra166.cjs +1 -1
  228. package/dist/lyra166.cjs.map +1 -1
  229. package/dist/lyra166.js +13 -23
  230. package/dist/lyra166.js.map +1 -1
  231. package/dist/lyra167.cjs +1 -1
  232. package/dist/lyra167.cjs.map +1 -1
  233. package/dist/lyra167.js +93 -24
  234. package/dist/lyra167.js.map +1 -1
  235. package/dist/lyra168.cjs +1 -1
  236. package/dist/lyra168.cjs.map +1 -1
  237. package/dist/lyra168.js +265 -87
  238. package/dist/lyra168.js.map +1 -1
  239. package/dist/lyra169.cjs +1 -1
  240. package/dist/lyra169.cjs.map +1 -1
  241. package/dist/lyra169.js +168 -98
  242. package/dist/lyra169.js.map +1 -1
  243. package/dist/lyra17.cjs +1 -1
  244. package/dist/lyra17.js +1 -1
  245. package/dist/lyra170.cjs +1 -1
  246. package/dist/lyra170.cjs.map +1 -1
  247. package/dist/lyra170.js +259 -9
  248. package/dist/lyra170.js.map +1 -1
  249. package/dist/lyra171.cjs +1 -1
  250. package/dist/lyra171.cjs.map +1 -1
  251. package/dist/lyra171.js +38 -135
  252. package/dist/lyra171.js.map +1 -1
  253. package/dist/lyra172.cjs +1 -1
  254. package/dist/lyra172.cjs.map +1 -1
  255. package/dist/lyra172.js +6 -259
  256. package/dist/lyra172.js.map +1 -1
  257. package/dist/lyra173.cjs +1 -1
  258. package/dist/lyra173.cjs.map +1 -1
  259. package/dist/lyra173.js +194 -43
  260. package/dist/lyra173.js.map +1 -1
  261. package/dist/lyra174.cjs +1 -1
  262. package/dist/lyra174.cjs.map +1 -1
  263. package/dist/lyra174.js +9 -340
  264. package/dist/lyra174.js.map +1 -1
  265. package/dist/lyra175.cjs +1 -1
  266. package/dist/lyra175.cjs.map +1 -1
  267. package/dist/lyra175.js +116 -73
  268. package/dist/lyra175.js.map +1 -1
  269. package/dist/lyra176.cjs +1 -1
  270. package/dist/lyra176.cjs.map +1 -1
  271. package/dist/lyra176.js +101 -114
  272. package/dist/lyra176.js.map +1 -1
  273. package/dist/lyra177.cjs +1 -1
  274. package/dist/lyra177.cjs.map +1 -1
  275. package/dist/lyra177.js +84 -76
  276. package/dist/lyra177.js.map +1 -1
  277. package/dist/lyra178.cjs +1 -1
  278. package/dist/lyra178.cjs.map +1 -1
  279. package/dist/lyra178.js +25 -52
  280. package/dist/lyra178.js.map +1 -1
  281. package/dist/lyra179.cjs +1 -1
  282. package/dist/lyra179.cjs.map +1 -1
  283. package/dist/lyra179.js +79 -84
  284. package/dist/lyra179.js.map +1 -1
  285. package/dist/lyra180.cjs +1 -1
  286. package/dist/lyra180.cjs.map +1 -1
  287. package/dist/lyra180.js +42 -93
  288. package/dist/lyra180.js.map +1 -1
  289. package/dist/lyra181.cjs +1 -1
  290. package/dist/lyra181.cjs.map +1 -1
  291. package/dist/lyra181.js +337 -25
  292. package/dist/lyra181.js.map +1 -1
  293. package/dist/lyra182.cjs +1 -1
  294. package/dist/lyra182.cjs.map +1 -1
  295. package/dist/lyra182.js +97 -79
  296. package/dist/lyra182.js.map +1 -1
  297. package/dist/lyra183.cjs +1 -1
  298. package/dist/lyra183.cjs.map +1 -1
  299. package/dist/lyra183.js +126 -43
  300. package/dist/lyra183.js.map +1 -1
  301. package/dist/lyra184.cjs +1 -1
  302. package/dist/lyra184.cjs.map +1 -1
  303. package/dist/lyra184.js +54 -240
  304. package/dist/lyra184.js.map +1 -1
  305. package/dist/lyra185.cjs +1 -1
  306. package/dist/lyra185.cjs.map +1 -1
  307. package/dist/lyra185.js +49 -178
  308. package/dist/lyra185.js.map +1 -1
  309. package/dist/lyra186.cjs +1 -1
  310. package/dist/lyra186.cjs.map +1 -1
  311. package/dist/lyra186.js +84 -6
  312. package/dist/lyra186.js.map +1 -1
  313. package/dist/lyra187.cjs +1 -1
  314. package/dist/lyra187.cjs.map +1 -1
  315. package/dist/lyra187.js +26 -194
  316. package/dist/lyra187.js.map +1 -1
  317. package/dist/lyra188.cjs +1 -1
  318. package/dist/lyra188.js +3 -3
  319. package/dist/lyra189.cjs +1 -1
  320. package/dist/lyra189.cjs.map +1 -1
  321. package/dist/lyra189.js +13 -15
  322. package/dist/lyra189.js.map +1 -1
  323. package/dist/lyra190.cjs +1 -1
  324. package/dist/lyra190.cjs.map +1 -1
  325. package/dist/lyra190.js +26 -3
  326. package/dist/lyra190.js.map +1 -1
  327. package/dist/lyra191.cjs +1 -1
  328. package/dist/lyra191.cjs.map +1 -1
  329. package/dist/lyra191.js +7 -4
  330. package/dist/lyra191.js.map +1 -1
  331. package/dist/lyra192.cjs +1 -1
  332. package/dist/lyra192.cjs.map +1 -1
  333. package/dist/lyra192.js +15 -13
  334. package/dist/lyra192.js.map +1 -1
  335. package/dist/lyra193.cjs +1 -1
  336. package/dist/lyra193.cjs.map +1 -1
  337. package/dist/lyra193.js +3 -26
  338. package/dist/lyra193.js.map +1 -1
  339. package/dist/lyra194.cjs +1 -1
  340. package/dist/lyra194.cjs.map +1 -1
  341. package/dist/lyra194.js +4 -33
  342. package/dist/lyra194.js.map +1 -1
  343. package/dist/lyra195.cjs +1 -1
  344. package/dist/lyra195.cjs.map +1 -1
  345. package/dist/lyra195.js +31 -37
  346. package/dist/lyra195.js.map +1 -1
  347. package/dist/lyra196.cjs +1 -1
  348. package/dist/lyra196.cjs.map +1 -1
  349. package/dist/lyra196.js +117 -6
  350. package/dist/lyra196.js.map +1 -1
  351. package/dist/lyra197.cjs +1 -1
  352. package/dist/lyra197.cjs.map +1 -1
  353. package/dist/lyra197.js +143 -107
  354. package/dist/lyra197.js.map +1 -1
  355. package/dist/lyra198.cjs +1 -1
  356. package/dist/lyra198.cjs.map +1 -1
  357. package/dist/lyra198.js +38 -153
  358. package/dist/lyra198.js.map +1 -1
  359. package/dist/lyra204.cjs +1 -1
  360. package/dist/lyra204.js +5 -5
  361. package/dist/lyra205.cjs +1 -1
  362. package/dist/lyra205.js +5 -5
  363. package/dist/lyra207.cjs +1 -1
  364. package/dist/lyra207.js +1 -1
  365. package/dist/lyra209.cjs +1 -1
  366. package/dist/lyra209.js +1 -1
  367. package/dist/lyra21.cjs +1 -1
  368. package/dist/lyra21.js +3 -3
  369. package/dist/lyra210.cjs +1 -1
  370. package/dist/lyra210.js +1 -1
  371. package/dist/lyra214.cjs +1 -1
  372. package/dist/lyra214.js +1 -1
  373. package/dist/lyra221.cjs +1 -1
  374. package/dist/lyra221.js +1 -1
  375. package/dist/lyra222.cjs +1 -1
  376. package/dist/lyra222.js +1 -1
  377. package/dist/lyra224.cjs +1 -1
  378. package/dist/lyra224.js +1 -1
  379. package/dist/lyra225.cjs +1 -1
  380. package/dist/lyra225.js +1 -1
  381. package/dist/lyra226.cjs +1 -1
  382. package/dist/lyra226.js +1 -1
  383. package/dist/lyra228.cjs +1 -1
  384. package/dist/lyra228.js +1 -1
  385. package/dist/lyra23.cjs +1 -1
  386. package/dist/lyra23.js +8 -8
  387. package/dist/lyra232.cjs +1 -1
  388. package/dist/lyra232.js +1 -1
  389. package/dist/lyra234.cjs +1 -1
  390. package/dist/lyra234.js +1 -1
  391. package/dist/lyra235.cjs +1 -1
  392. package/dist/lyra235.js +1 -1
  393. package/dist/lyra236.cjs +1 -1
  394. package/dist/lyra236.js +2 -2
  395. package/dist/lyra238.cjs +1 -1
  396. package/dist/lyra238.js +2 -2
  397. package/dist/lyra243.cjs +1 -1
  398. package/dist/lyra243.js +1 -1
  399. package/dist/lyra244.cjs +1 -1
  400. package/dist/lyra244.js +1 -1
  401. package/dist/lyra245.cjs +1 -1
  402. package/dist/lyra245.js +1 -1
  403. package/dist/lyra247.cjs +1 -1
  404. package/dist/lyra247.js +2 -2
  405. package/dist/lyra249.cjs +1 -2
  406. package/dist/lyra249.cjs.map +1 -1
  407. package/dist/lyra249.js +16 -134
  408. package/dist/lyra249.js.map +1 -1
  409. package/dist/lyra25.cjs +1 -1
  410. package/dist/lyra25.js +8 -8
  411. package/dist/lyra250.cjs +1 -1
  412. package/dist/lyra250.cjs.map +1 -1
  413. package/dist/lyra250.js +6 -37
  414. package/dist/lyra250.js.map +1 -1
  415. package/dist/lyra251.cjs +1 -1
  416. package/dist/lyra251.cjs.map +1 -1
  417. package/dist/lyra251.js +8 -171
  418. package/dist/lyra251.js.map +1 -1
  419. package/dist/lyra252.cjs +1 -1
  420. package/dist/lyra252.cjs.map +1 -1
  421. package/dist/lyra252.js +25 -16
  422. package/dist/lyra252.js.map +1 -1
  423. package/dist/lyra253.cjs +1 -1
  424. package/dist/lyra253.cjs.map +1 -1
  425. package/dist/lyra253.js +6 -25
  426. package/dist/lyra253.js.map +1 -1
  427. package/dist/lyra254.cjs +1 -1
  428. package/dist/lyra254.cjs.map +1 -1
  429. package/dist/lyra254.js +30 -12
  430. package/dist/lyra254.js.map +1 -1
  431. package/dist/lyra255.cjs +1 -1
  432. package/dist/lyra255.cjs.map +1 -1
  433. package/dist/lyra255.js +24 -56
  434. package/dist/lyra255.js.map +1 -1
  435. package/dist/lyra256.cjs +1 -1
  436. package/dist/lyra256.cjs.map +1 -1
  437. package/dist/lyra256.js +31 -5
  438. package/dist/lyra256.js.map +1 -1
  439. package/dist/lyra257.cjs +2 -1
  440. package/dist/lyra257.cjs.map +1 -1
  441. package/dist/lyra257.js +135 -24
  442. package/dist/lyra257.js.map +1 -1
  443. package/dist/lyra258.cjs +1 -1
  444. package/dist/lyra258.cjs.map +1 -1
  445. package/dist/lyra258.js +35 -18
  446. package/dist/lyra258.js.map +1 -1
  447. package/dist/lyra259.cjs +1 -1
  448. package/dist/lyra259.cjs.map +1 -1
  449. package/dist/lyra259.js +173 -6
  450. package/dist/lyra259.js.map +1 -1
  451. package/dist/lyra26.cjs +1 -1
  452. package/dist/lyra26.js +12 -12
  453. package/dist/lyra260.cjs +1 -1
  454. package/dist/lyra260.cjs.map +1 -1
  455. package/dist/lyra260.js +17 -9
  456. package/dist/lyra260.js.map +1 -1
  457. package/dist/lyra261.cjs +1 -1
  458. package/dist/lyra261.cjs.map +1 -1
  459. package/dist/lyra261.js +25 -6
  460. package/dist/lyra261.js.map +1 -1
  461. package/dist/lyra262.cjs +1 -1
  462. package/dist/lyra262.cjs.map +1 -1
  463. package/dist/lyra262.js +12 -30
  464. package/dist/lyra262.js.map +1 -1
  465. package/dist/lyra263.cjs +1 -1
  466. package/dist/lyra263.cjs.map +1 -1
  467. package/dist/lyra263.js +56 -24
  468. package/dist/lyra263.js.map +1 -1
  469. package/dist/lyra264.cjs +1 -1
  470. package/dist/lyra264.cjs.map +1 -1
  471. package/dist/lyra264.js +5 -31
  472. package/dist/lyra264.js.map +1 -1
  473. package/dist/lyra269.cjs +1 -1
  474. package/dist/lyra269.js +1 -1
  475. package/dist/lyra27.cjs +1 -1
  476. package/dist/lyra27.js +9 -9
  477. package/dist/lyra271.cjs +1 -1
  478. package/dist/lyra271.js +3 -3
  479. package/dist/lyra273.cjs +1 -1
  480. package/dist/lyra273.js +1 -1
  481. package/dist/lyra276.cjs +1 -1
  482. package/dist/lyra276.js +2 -2
  483. package/dist/lyra278.cjs +1 -1
  484. package/dist/lyra278.js +2 -2
  485. package/dist/lyra285.cjs +1 -1
  486. package/dist/lyra285.js +1 -1
  487. package/dist/lyra287.cjs +1 -1
  488. package/dist/lyra287.js +2 -2
  489. package/dist/lyra29.cjs +1 -1
  490. package/dist/lyra29.js +4 -4
  491. package/dist/lyra292.cjs +1 -1
  492. package/dist/lyra292.js +2 -2
  493. package/dist/lyra294.cjs +1 -1
  494. package/dist/lyra294.js +1 -1
  495. package/dist/lyra295.cjs +1 -1
  496. package/dist/lyra295.js +1 -1
  497. package/dist/lyra296.cjs +1 -1
  498. package/dist/lyra296.js +1 -1
  499. package/dist/lyra298.cjs +1 -1
  500. package/dist/lyra298.js +2 -2
  501. package/dist/lyra30.cjs +1 -1
  502. package/dist/lyra30.js +1 -1
  503. package/dist/lyra304.cjs +1 -1
  504. package/dist/lyra304.js +1 -1
  505. package/dist/lyra306.cjs +1 -1
  506. package/dist/lyra306.js +3 -3
  507. package/dist/lyra308.cjs +1 -1
  508. package/dist/lyra308.js +3 -3
  509. package/dist/lyra31.cjs +1 -1
  510. package/dist/lyra31.js +2 -2
  511. package/dist/lyra310.cjs +1 -1
  512. package/dist/lyra310.js +2 -2
  513. package/dist/lyra316.cjs +1 -1
  514. package/dist/lyra316.js +1 -1
  515. package/dist/lyra320.cjs +1 -1
  516. package/dist/lyra320.js +1 -1
  517. package/dist/lyra322.cjs +1 -1
  518. package/dist/lyra322.js +1 -1
  519. package/dist/lyra323.cjs +1 -1
  520. package/dist/lyra323.js +1 -1
  521. package/dist/lyra325.cjs +1 -1
  522. package/dist/lyra325.js +1 -1
  523. package/dist/lyra327.cjs +1 -1
  524. package/dist/lyra327.js +1 -1
  525. package/dist/lyra329.cjs +1 -1
  526. package/dist/lyra329.js +1 -1
  527. package/dist/lyra33.cjs +1 -1
  528. package/dist/lyra33.js +5 -5
  529. package/dist/lyra330.cjs +1 -1
  530. package/dist/lyra330.js +1 -1
  531. package/dist/lyra332.cjs +1 -1
  532. package/dist/lyra332.js +2 -2
  533. package/dist/lyra333.cjs +1 -1
  534. package/dist/lyra333.js +2 -2
  535. package/dist/lyra34.cjs +1 -1
  536. package/dist/lyra34.js +5 -5
  537. package/dist/lyra344.cjs +1 -1
  538. package/dist/lyra344.js +1 -1
  539. package/dist/lyra349.cjs +1 -1
  540. package/dist/lyra349.js +2 -2
  541. package/dist/lyra352.cjs +1 -1
  542. package/dist/lyra352.js +1 -1
  543. package/dist/lyra353.cjs +1 -1
  544. package/dist/lyra353.js +1 -1
  545. package/dist/lyra354.cjs +1 -1
  546. package/dist/lyra354.js +1 -1
  547. package/dist/lyra355.cjs +1 -1
  548. package/dist/lyra355.js +1 -1
  549. package/dist/lyra36.cjs +1 -1
  550. package/dist/lyra36.js +12 -12
  551. package/dist/lyra360.cjs +1 -1
  552. package/dist/lyra360.js +1 -1
  553. package/dist/lyra362.cjs +1 -1
  554. package/dist/lyra362.js +2 -2
  555. package/dist/lyra363.cjs +1 -1
  556. package/dist/lyra363.js +1 -1
  557. package/dist/lyra365.cjs +1 -1
  558. package/dist/lyra365.js +1 -1
  559. package/dist/lyra366.cjs +1 -1
  560. package/dist/lyra366.js +1 -1
  561. package/dist/lyra369.cjs +1 -1
  562. package/dist/lyra369.js +1 -1
  563. package/dist/lyra37.cjs +1 -1
  564. package/dist/lyra37.cjs.map +1 -1
  565. package/dist/lyra37.js +14 -14
  566. package/dist/lyra37.js.map +1 -1
  567. package/dist/lyra370.cjs +1 -1
  568. package/dist/lyra370.js +1 -1
  569. package/dist/lyra371.cjs +1 -1
  570. package/dist/lyra371.js +1 -1
  571. package/dist/lyra38.cjs +1 -1
  572. package/dist/lyra38.js +1 -1
  573. package/dist/lyra39.cjs +1 -1
  574. package/dist/lyra39.js +1 -1
  575. package/dist/lyra406.cjs +1 -1
  576. package/dist/lyra406.js +2 -2
  577. package/dist/lyra41.cjs +1 -1
  578. package/dist/lyra41.js +2 -2
  579. package/dist/lyra413.cjs +1 -1
  580. package/dist/lyra413.js +8 -8
  581. package/dist/lyra43.cjs +1 -1
  582. package/dist/lyra43.js +9 -9
  583. package/dist/lyra44.cjs +1 -1
  584. package/dist/lyra44.js +4 -4
  585. package/dist/lyra45.cjs +1 -1
  586. package/dist/lyra45.js +7 -7
  587. package/dist/lyra46.cjs +1 -1
  588. package/dist/lyra46.js +4 -4
  589. package/dist/lyra47.cjs +1 -1
  590. package/dist/lyra47.js +4 -4
  591. package/dist/lyra50.cjs +1 -1
  592. package/dist/lyra50.js +1 -1
  593. package/dist/lyra51.cjs +1 -1
  594. package/dist/lyra51.js +5 -5
  595. package/dist/lyra52.cjs +1 -1
  596. package/dist/lyra52.js +2 -2
  597. package/dist/lyra54.cjs +1 -1
  598. package/dist/lyra54.js +2 -2
  599. package/dist/lyra56.cjs +1 -1
  600. package/dist/lyra56.js +1 -1
  601. package/dist/lyra58.cjs +1 -1
  602. package/dist/lyra58.js +1 -1
  603. package/dist/lyra60.cjs +1 -1
  604. package/dist/lyra60.js +6 -6
  605. package/dist/lyra61.cjs +1 -1
  606. package/dist/lyra61.js +3 -3
  607. package/dist/lyra62.cjs +1 -1
  608. package/dist/lyra62.js +9 -9
  609. package/dist/lyra63.cjs +1 -1
  610. package/dist/lyra63.js +5 -5
  611. package/dist/lyra67.cjs +1 -1
  612. package/dist/lyra67.cjs.map +1 -1
  613. package/dist/lyra67.js +4 -3
  614. package/dist/lyra67.js.map +1 -1
  615. package/dist/lyra69.cjs +1 -1
  616. package/dist/lyra69.js +11 -11
  617. package/dist/lyra71.cjs +1 -1
  618. package/dist/lyra71.js +1 -1
  619. package/dist/lyra73.cjs +1 -1
  620. package/dist/lyra73.js +1 -1
  621. package/dist/lyra74.cjs +1 -1
  622. package/dist/lyra74.js +1 -1
  623. package/dist/lyra76.cjs +1 -1
  624. package/dist/lyra76.js +6 -6
  625. package/dist/lyra77.cjs +1 -1
  626. package/dist/lyra77.js +1 -1
  627. package/dist/lyra79.cjs +1 -1
  628. package/dist/lyra79.js +1 -1
  629. package/dist/lyra876.cjs +1 -1
  630. package/dist/lyra876.js +1 -1
  631. package/dist/lyra92.cjs +1 -1
  632. package/dist/lyra92.js +8 -8
  633. package/dist/lyra93.cjs +1 -1
  634. package/dist/lyra93.js +4 -4
  635. package/dist/lyra94.cjs +1 -1
  636. package/dist/lyra94.js +1 -1
  637. package/dist/lyra98.cjs +1 -1
  638. package/dist/lyra98.cjs.map +1 -1
  639. package/dist/lyra98.js +1 -1
  640. package/dist/lyra98.js.map +1 -1
  641. package/package.json +1 -1
@@ -1 +1 @@
1
- {"version":3,"file":"lyra111.js","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n base: [\n \"block\",\n \"w-full\",\n \"justify-start\",\n \"rounded-sm\",\n \"bg-transparent\",\n \"p-1\",\n \"ps-1.5\",\n \"text-start\",\n \"text-base\",\n \"font-normal\",\n \"text-primary\",\n \"outline-none\",\n \"duration-0\",\n \"active:text-inverted\",\n \"hover:bg-action-hover\",\n \"hover:text-inverted\",\n \"focus:bg-action-focus\",\n \"focus:text-inverted\",\n \"focus-visible:[box-shadow:none]\",\n ],\n variants: {\n isDisabled: {\n true: [\"text-tertiary\", \"cursor-not-allowed\"],\n },\n },\n});\n\nexport const sharedListItemStyles = tv({\n slots: {\n item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n itemCheckmark: [],\n itemCheckmarkWrapper: [],\n itemImage: [\n \"w-9\",\n \"min-w-9\",\n \"h-9\",\n \"rounded-xs\",\n \"border\",\n \"solid\",\n \"border-default\",\n \"me-1.5\",\n \"overflow-hidden\",\n \"box-border\",\n \"object-contain\",\n \"bg-[#ffffff]\",\n \"block\",\n ],\n itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n },\n variants: {\n hasSelection: {\n true: {\n itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n },\n false: {\n item: [\"ps-1.5\"],\n },\n },\n disabled: {\n true: {\n item: [\"cursor-not-allowed\"],\n itemCheckmark: [\"text-tertiary\"],\n itemImage: [\"opacity-50\"],\n itemLabel: [\"text-tertiary\"],\n itemDescription: [\"text-tertiary\"],\n },\n },\n active: {\n true: {\n item: [\"bg-action-focus\"],\n itemImage: [\"border-focus\"],\n itemCheckmark: [\"text-inverted\"],\n itemLabel: [\"text-inverted\"],\n itemDescription: [\"text-inverted\"],\n itemStartIcon: [\"text-inverted\"],\n itemEndIcon: [\"text-inverted\"],\n },\n },\n },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":";AAEO,MAAMA,IAAmBC,EAAG;AAAA,EACjC,MAAM,CAAC,QAAQ,YAAY,UAAU,gBAAgB,eAAe;AACtE,CAAC,GAEYC,IAAuBD,EAAG;AAAA,EACrC,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM,CAAC,iBAAiB,oBAAoB;AAAA,IAAA;AAAA,EAC9C;AAEJ,CAAC,GAEYE,IAAuBF,EAAG;AAAA,EACrC,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,eAAe,OAAO,cAAc,cAAc;AAAA,IACjE,eAAe,CAAC;AAAA,IAChB,sBAAsB,CAAC;AAAA,IACvB,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAW,CAAC,gBAAgB,aAAa,YAAY,mBAAmB,aAAa;AAAA,IACrF,iBAAiB,CAAC,WAAW,kBAAkB,YAAY,mBAAmB,aAAa;AAAA,IAC3F,aAAa,CAAC,iBAAiB,OAAO,KAAK;AAAA,IAC3C,eAAe,CAAC,OAAO,OAAO,MAAM;AAAA,EACtC;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,sBAAsB,CAAC,OAAO,SAAS;AAAA,QACvC,eAAe,CAAC,gBAAgB,WAAW,MAAM;AAAA,MACnD;AAAA,MACA,OAAO;AAAA,QACL,MAAM,CAAC,QAAQ;AAAA,MAAA;AAAA,IAEnB;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM,CAAC,oBAAoB;AAAA,QAC3B,eAAe,CAAC,eAAe;AAAA,QAC/B,WAAW,CAAC,YAAY;AAAA,QACxB,WAAW,CAAC,eAAe;AAAA,QAC3B,iBAAiB,CAAC,eAAe;AAAA,MAAA;AAAA,IAErC;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,MAAM,CAAC,iBAAiB;AAAA,QACxB,WAAW,CAAC,cAAc;AAAA,QAC1B,eAAe,CAAC,eAAe;AAAA,QAC/B,WAAW,CAAC,eAAe;AAAA,QAC3B,iBAAiB,CAAC,eAAe;AAAA,QACjC,eAAe,CAAC,eAAe;AAAA,QAC/B,aAAa,CAAC,eAAe;AAAA,MAAA;AAAA,IAC/B;AAAA,EACF;AAEJ,CAAC;"}
1
+ {"version":3,"file":"lyra111.js","sources":["../node_modules/@react-aria/utils/dist/mergeRefs.mjs"],"sourcesContent":["/*\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ function $5dc95899b306f630$export$c9058316764c140e(...refs) {\n if (refs.length === 1 && refs[0]) return refs[0];\n return (value)=>{\n for (let ref of refs){\n if (typeof ref === 'function') ref(value);\n else if (ref != null) ref.current = value;\n }\n };\n}\n\n\nexport {$5dc95899b306f630$export$c9058316764c140e as mergeRefs};\n//# sourceMappingURL=mergeRefs.module.js.map\n"],"names":["$5dc95899b306f630$export$c9058316764c140e","refs","value","ref"],"mappings":"AAUI,SAASA,KAA6CC,GAAM;AAC5D,SAAIA,EAAK,WAAW,KAAKA,EAAK,CAAC,IAAUA,EAAK,CAAC,IACxC,CAACC,MAAQ;AACZ,aAASC,KAAOF;AACZ,MAAI,OAAOE,KAAQ,aAAYA,EAAID,CAAK,IAC/BC,KAAO,SAAMA,EAAI,UAAUD;AAAA,EAE3C;AACL;","x_google_ignoreList":[0]}
package/dist/lyra112.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),i=require("./lyra96.cjs"),n=require("./lyra67.cjs"),x=require("./lyra74.cjs");require("./lyra75.cjs");const I=require("./lyra111.cjs"),R=i.default.object({label:i.default.string(),description:i.default.string().optional(),iconStart:n.iconsSchema.optional(),iconEnd:n.iconsSchema.optional(),image:i.default.string().url().optional(),customElement:i.default.any().optional()}).transform(t=>(t.customElement?(delete t.image,delete t.iconStart):t.image&&delete t.iconStart,t)),v=({hasSelection:t,item:u,selectRenderElements:d,state:s})=>{const{customElement:l,description:r,iconEnd:m,iconStart:o,image:c,label:a}=R.parse(d(u)),{item:p,itemCheckmark:j,itemCheckmarkWrapper:S,itemDescription:h,itemEndIcon:E,itemImage:g,itemLabel:f,itemStartIcon:y}=I.sharedListItemStyles({hasSelection:t});return e.jsxRuntimeExports.jsxs("div",{className:p(s),children:[t?e.jsxRuntimeExports.jsx("div",{className:S(),children:s.selected?e.jsxRuntimeExports.jsx(n.SvgIcon,{name:"checkmark",className:j(s)}):e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"})}):null,l||null,c?e.jsxRuntimeExports.jsx("img",{src:c,alt:a,className:g(s)}):null,o?e.jsxRuntimeExports.jsx("div",{className:y(s),children:e.jsxRuntimeExports.jsx(n.SvgIcon,{name:o})}):null,e.jsxRuntimeExports.jsxs("div",{className:"flex w-full grow flex-col gap-1 overflow-hidden truncate",children:[e.jsxRuntimeExports.jsx(x.Text,{slot:"label",className:f(s),children:a}),r?e.jsxRuntimeExports.jsx(x.Text,{slot:"description",className:h(s),children:r}):null]}),m?e.jsxRuntimeExports.jsx("div",{className:E(s),children:e.jsxRuntimeExports.jsx(n.SvgIcon,{name:m})}):null]})};exports.SharedListItem=v;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react");function c(t){const n=u.useRef(null);return u.useMemo(()=>({get current(){return n.current},set current(e){n.current=e,typeof t=="function"?t(e):t&&(t.current=e)}}),[t])}exports.useObjectRef=c;
@@ -1 +1 @@
1
- {"version":3,"file":"lyra112.cjs","sources":["../src/components/lists/shared-list-item.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { z } from \"zod\";\n\nimport { iconsSchema, SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { sharedListItemStyles } from \"./shared-list.styles\";\n\n// Define the schema for the shared list item\nconst sharedListItemSchema = z\n .object({\n label: z.string(),\n description: z.string().optional(),\n iconStart: iconsSchema.optional(),\n iconEnd: iconsSchema.optional(),\n image: z.string().url().optional(),\n customElement: z.any().optional(),\n })\n .transform((data) => {\n // customElement, image and iconStart are mutually exclusive, so we remove the other two if one is present.\n // Priority is customElement > image > iconStart\n if (data.customElement) {\n delete data.image;\n delete data.iconStart;\n } else if (data.image) {\n delete data.iconStart;\n }\n return data;\n });\n\n// Infer the type of the shared list item arguments. We make sure customElement will be typed as ReactNode.\nexport type SharedListItemArgs = z.infer<typeof sharedListItemSchema> & {\n customElement?: ReactNode;\n};\n\ntype SharedListItemRenderPropArg = {\n active: boolean;\n selected: boolean;\n disabled: boolean;\n};\n\nexport type SelectItemRenderPropFn<T> = (arg: T) => SharedListItemArgs;\n\nexport type SharedListItemProps<T extends object> = {\n item: T;\n selectRenderElements: SelectItemRenderPropFn<T>;\n state: SharedListItemRenderPropArg;\n hasSelection?: boolean;\n};\n\n/**\n * Renders a single item in a list\n *\n * @template T - The type of the item.\n * @param {SharedListItemProps<T>} props - The props for the SharedListItem component.\n * @returns {JSX.Element} - The rendered SharedListItem component.\n */\nexport const SharedListItem = <T extends object>({\n hasSelection,\n item,\n selectRenderElements,\n state,\n}: SharedListItemProps<T>) => {\n const { customElement, description, iconEnd, iconStart, image, label } =\n sharedListItemSchema.parse(selectRenderElements(item));\n\n const {\n item: itemStyles,\n itemCheckmark: itemCheckmarkStyles,\n itemCheckmarkWrapper: itemCheckmarkWrapperStyles,\n itemDescription: itemDescriptionStyles,\n itemEndIcon: itemEndIconStyles,\n itemImage: itemImageStyles,\n itemLabel: itemLabelStyles,\n itemStartIcon: itemStartIconStyles,\n } = sharedListItemStyles({\n hasSelection,\n });\n\n return (\n <div className={itemStyles(state)}>\n {hasSelection ? (\n <div className={itemCheckmarkWrapperStyles()}>\n {state.selected ? (\n <SvgIcon name=\"checkmark\" className={itemCheckmarkStyles(state)} />\n ) : (\n <div className=\"h-4 w-4\" />\n )}\n </div>\n ) : null}\n {customElement ? (customElement as ReactNode) : null}\n {image ? <img src={image} alt={label} className={itemImageStyles(state)} /> : null}\n {iconStart ? (\n <div className={itemStartIconStyles(state)}>\n <SvgIcon name={iconStart} />\n </div>\n ) : null}\n <div className=\"flex w-full grow flex-col gap-1 overflow-hidden truncate\">\n <Text slot=\"label\" className={itemLabelStyles(state)}>\n {label}\n </Text>\n {description ? (\n <Text slot=\"description\" className={itemDescriptionStyles(state)}>\n {description}\n </Text>\n ) : null}\n </div>\n {iconEnd ? (\n <div className={itemEndIconStyles(state)}>\n <SvgIcon name={iconEnd} />\n </div>\n ) : null}\n </div>\n );\n};\n"],"names":["sharedListItemSchema","z","iconsSchema","data","SharedListItem","hasSelection","item","selectRenderElements","state","customElement","description","iconEnd","iconStart","image","label","itemStyles","itemCheckmarkStyles","itemCheckmarkWrapperStyles","itemDescriptionStyles","itemEndIconStyles","itemImageStyles","itemLabelStyles","itemStartIconStyles","sharedListItemStyles","jsxs","jsx","SvgIcon","Text"],"mappings":"uPAUMA,EAAuBC,UAC1B,OAAO,CACN,MAAOA,UAAE,OAAO,EAChB,YAAaA,EAAA,QAAE,OAAO,EAAE,SAAS,EACjC,UAAWC,cAAY,SAAS,EAChC,QAASA,cAAY,SAAS,EAC9B,MAAOD,EAAAA,QAAE,OAAS,EAAA,IAAA,EAAM,SAAS,EACjC,cAAeA,EAAAA,QAAE,IAAI,EAAE,SAAS,CAClC,CAAC,EACA,UAAWE,IAGNA,EAAK,eACP,OAAOA,EAAK,MACZ,OAAOA,EAAK,WACHA,EAAK,OACd,OAAOA,EAAK,UAEPA,EACR,EA6BUC,EAAiB,CAAmB,CAC/C,aAAAC,EACA,KAAAC,EACA,qBAAAC,EACA,MAAAC,CACF,IAA8B,CAC5B,KAAM,CAAE,cAAAC,EAAe,YAAAC,EAAa,QAAAC,EAAS,UAAAC,EAAW,MAAAC,EAAO,MAAAC,CAAM,EACnEd,EAAqB,MAAMO,EAAqBD,CAAI,CAAC,EAEjD,CACJ,KAAMS,EACN,cAAeC,EACf,qBAAsBC,EACtB,gBAAiBC,EACjB,YAAaC,EACb,UAAWC,EACX,UAAWC,EACX,cAAeC,GACbC,uBAAqB,CACvB,aAAAlB,CAAA,CACD,EAED,OACGmB,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWT,EAAWP,CAAK,EAC7B,SAAA,CACCH,EAAAoB,EAAA,kBAAA,IAAC,OAAI,UAAWR,EAAA,EACb,SAAMT,EAAA,iCACJkB,EAAQ,QAAA,CAAA,KAAK,YAAY,UAAWV,EAAoBR,CAAK,CAAG,CAAA,0BAEhE,MAAI,CAAA,UAAU,UAAU,CAAA,CAE7B,EACE,KACHC,GAA+C,KAC/CI,EAASY,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAKZ,EAAO,IAAKC,EAAO,UAAWM,EAAgBZ,CAAK,CAAA,CAAG,EAAK,KAC7EI,EACCa,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWH,EAAoBd,CAAK,EACvC,SAAAiB,EAAA,kBAAA,IAACC,EAAQ,QAAA,CAAA,KAAMd,CAAW,CAAA,CAC5B,CAAA,EACE,KACJY,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,2DACb,SAAA,CAAAC,EAAAA,kBAAAA,IAACE,QAAK,KAAK,QAAQ,UAAWN,EAAgBb,CAAK,EAChD,SACHM,EAAA,EACCJ,EACEe,EAAA,kBAAA,IAAAE,OAAA,CAAK,KAAK,cAAc,UAAWT,EAAsBV,CAAK,EAC5D,SAAAE,CACH,CAAA,EACE,IAAA,EACN,EACCC,EACCc,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWN,EAAkBX,CAAK,EACrC,SAAAiB,EAAA,kBAAA,IAACC,EAAQ,QAAA,CAAA,KAAMf,CAAS,CAAA,CAC1B,CAAA,EACE,IAAA,EACN,CAEJ"}
1
+ {"version":3,"file":"lyra112.cjs","sources":["../node_modules/@react-aria/utils/dist/useObjectRef.mjs"],"sourcesContent":["import {useRef as $gbmns$useRef, useMemo as $gbmns$useMemo} from \"react\";\n\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {\n const objRef = (0, $gbmns$useRef)(null);\n return (0, $gbmns$useMemo)(()=>({\n get current () {\n return objRef.current;\n },\n set current (value){\n objRef.current = value;\n if (typeof forwardedRef === 'function') forwardedRef(value);\n else if (forwardedRef) forwardedRef.current = value;\n }\n }), [\n forwardedRef\n ]);\n}\n\n\nexport {$df56164dff5785e2$export$4338b53315abf666 as useObjectRef};\n//# sourceMappingURL=useObjectRef.module.js.map\n"],"names":["$df56164dff5785e2$export$4338b53315abf666","forwardedRef","objRef","$gbmns$useRef","$gbmns$useMemo","value"],"mappings":"yGAaA,SAASA,EAA0CC,EAAc,CAC7D,MAAMC,EAAaC,EAAa,OAAE,IAAI,EACtC,OAAWC,EAAc,QAAE,KAAK,CACxB,IAAI,SAAW,CACX,OAAOF,EAAO,OACjB,EACD,IAAI,QAASG,EAAM,CACfH,EAAO,QAAUG,EACb,OAAOJ,GAAiB,WAAYA,EAAaI,CAAK,EACjDJ,IAAcA,EAAa,QAAUI,EAC9D,CACA,GAAY,CACJJ,CACR,CAAK,CACL","x_google_ignoreList":[0]}
package/dist/lyra112.js CHANGED
@@ -1,46 +1,17 @@
1
- import { j as e } from "./lyra94.js";
2
- import l from "./lyra96.js";
3
- import { SvgIcon as s, iconsSchema as d } from "./lyra67.js";
4
- import { Text as p } from "./lyra74.js";
5
- import "./lyra75.js";
6
- import { sharedListItemStyles as N } from "./lyra111.js";
7
- const v = l.object({
8
- label: l.string(),
9
- description: l.string().optional(),
10
- iconStart: d.optional(),
11
- iconEnd: d.optional(),
12
- image: l.string().url().optional(),
13
- customElement: l.any().optional()
14
- }).transform((i) => (i.customElement ? (delete i.image, delete i.iconStart) : i.image && delete i.iconStart, i)), W = ({
15
- hasSelection: i,
16
- item: h,
17
- selectRenderElements: x,
18
- state: t
19
- }) => {
20
- const { customElement: m, description: n, iconEnd: r, iconStart: o, image: c, label: a } = v.parse(x(h)), {
21
- item: S,
22
- itemCheckmark: j,
23
- itemCheckmarkWrapper: u,
24
- itemDescription: g,
25
- itemEndIcon: f,
26
- itemImage: k,
27
- itemLabel: y,
28
- itemStartIcon: I
29
- } = N({
30
- hasSelection: i
31
- });
32
- return /* @__PURE__ */ e.jsxs("div", { className: S(t), children: [
33
- i ? /* @__PURE__ */ e.jsx("div", { className: u(), children: t.selected ? /* @__PURE__ */ e.jsx(s, { name: "checkmark", className: j(t) }) : /* @__PURE__ */ e.jsx("div", { className: "h-4 w-4" }) }) : null,
34
- m || null,
35
- c ? /* @__PURE__ */ e.jsx("img", { src: c, alt: a, className: k(t) }) : null,
36
- o ? /* @__PURE__ */ e.jsx("div", { className: I(t), children: /* @__PURE__ */ e.jsx(s, { name: o }) }) : null,
37
- /* @__PURE__ */ e.jsxs("div", { className: "flex w-full grow flex-col gap-1 overflow-hidden truncate", children: [
38
- /* @__PURE__ */ e.jsx(p, { slot: "label", className: y(t), children: a }),
39
- n ? /* @__PURE__ */ e.jsx(p, { slot: "description", className: g(t), children: n }) : null
40
- ] }),
41
- r ? /* @__PURE__ */ e.jsx("div", { className: f(t), children: /* @__PURE__ */ e.jsx(s, { name: r }) }) : null
42
- ] });
43
- };
1
+ import { useRef as u, useMemo as r } from "react";
2
+ function s(t) {
3
+ const n = u(null);
4
+ return r(() => ({
5
+ get current() {
6
+ return n.current;
7
+ },
8
+ set current(e) {
9
+ n.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
10
+ }
11
+ }), [
12
+ t
13
+ ]);
14
+ }
44
15
  export {
45
- W as SharedListItem
16
+ s as useObjectRef
46
17
  };
@@ -1 +1 @@
1
- {"version":3,"file":"lyra112.js","sources":["../src/components/lists/shared-list-item.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { z } from \"zod\";\n\nimport { iconsSchema, SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { sharedListItemStyles } from \"./shared-list.styles\";\n\n// Define the schema for the shared list item\nconst sharedListItemSchema = z\n .object({\n label: z.string(),\n description: z.string().optional(),\n iconStart: iconsSchema.optional(),\n iconEnd: iconsSchema.optional(),\n image: z.string().url().optional(),\n customElement: z.any().optional(),\n })\n .transform((data) => {\n // customElement, image and iconStart are mutually exclusive, so we remove the other two if one is present.\n // Priority is customElement > image > iconStart\n if (data.customElement) {\n delete data.image;\n delete data.iconStart;\n } else if (data.image) {\n delete data.iconStart;\n }\n return data;\n });\n\n// Infer the type of the shared list item arguments. We make sure customElement will be typed as ReactNode.\nexport type SharedListItemArgs = z.infer<typeof sharedListItemSchema> & {\n customElement?: ReactNode;\n};\n\ntype SharedListItemRenderPropArg = {\n active: boolean;\n selected: boolean;\n disabled: boolean;\n};\n\nexport type SelectItemRenderPropFn<T> = (arg: T) => SharedListItemArgs;\n\nexport type SharedListItemProps<T extends object> = {\n item: T;\n selectRenderElements: SelectItemRenderPropFn<T>;\n state: SharedListItemRenderPropArg;\n hasSelection?: boolean;\n};\n\n/**\n * Renders a single item in a list\n *\n * @template T - The type of the item.\n * @param {SharedListItemProps<T>} props - The props for the SharedListItem component.\n * @returns {JSX.Element} - The rendered SharedListItem component.\n */\nexport const SharedListItem = <T extends object>({\n hasSelection,\n item,\n selectRenderElements,\n state,\n}: SharedListItemProps<T>) => {\n const { customElement, description, iconEnd, iconStart, image, label } =\n sharedListItemSchema.parse(selectRenderElements(item));\n\n const {\n item: itemStyles,\n itemCheckmark: itemCheckmarkStyles,\n itemCheckmarkWrapper: itemCheckmarkWrapperStyles,\n itemDescription: itemDescriptionStyles,\n itemEndIcon: itemEndIconStyles,\n itemImage: itemImageStyles,\n itemLabel: itemLabelStyles,\n itemStartIcon: itemStartIconStyles,\n } = sharedListItemStyles({\n hasSelection,\n });\n\n return (\n <div className={itemStyles(state)}>\n {hasSelection ? (\n <div className={itemCheckmarkWrapperStyles()}>\n {state.selected ? (\n <SvgIcon name=\"checkmark\" className={itemCheckmarkStyles(state)} />\n ) : (\n <div className=\"h-4 w-4\" />\n )}\n </div>\n ) : null}\n {customElement ? (customElement as ReactNode) : null}\n {image ? <img src={image} alt={label} className={itemImageStyles(state)} /> : null}\n {iconStart ? (\n <div className={itemStartIconStyles(state)}>\n <SvgIcon name={iconStart} />\n </div>\n ) : null}\n <div className=\"flex w-full grow flex-col gap-1 overflow-hidden truncate\">\n <Text slot=\"label\" className={itemLabelStyles(state)}>\n {label}\n </Text>\n {description ? (\n <Text slot=\"description\" className={itemDescriptionStyles(state)}>\n {description}\n </Text>\n ) : null}\n </div>\n {iconEnd ? (\n <div className={itemEndIconStyles(state)}>\n <SvgIcon name={iconEnd} />\n </div>\n ) : null}\n </div>\n );\n};\n"],"names":["sharedListItemSchema","z","iconsSchema","data","SharedListItem","hasSelection","item","selectRenderElements","state","customElement","description","iconEnd","iconStart","image","label","itemStyles","itemCheckmarkStyles","itemCheckmarkWrapperStyles","itemDescriptionStyles","itemEndIconStyles","itemImageStyles","itemLabelStyles","itemStartIconStyles","sharedListItemStyles","jsxs","jsx","SvgIcon","Text"],"mappings":";;;;;;AAUA,MAAMA,IAAuBC,EAC1B,OAAO;AAAA,EACN,OAAOA,EAAE,OAAO;AAAA,EAChB,aAAaA,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,WAAWC,EAAY,SAAS;AAAA,EAChC,SAASA,EAAY,SAAS;AAAA,EAC9B,OAAOD,EAAE,OAAS,EAAA,IAAA,EAAM,SAAS;AAAA,EACjC,eAAeA,EAAE,IAAI,EAAE,SAAS;AAClC,CAAC,EACA,UAAU,CAACE,OAGNA,EAAK,iBACP,OAAOA,EAAK,OACZ,OAAOA,EAAK,aACHA,EAAK,SACd,OAAOA,EAAK,WAEPA,EACR,GA6BUC,IAAiB,CAAmB;AAAA,EAC/C,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,OAAAC;AACF,MAA8B;AAC5B,QAAM,EAAE,eAAAC,GAAe,aAAAC,GAAa,SAAAC,GAAS,WAAAC,GAAW,OAAAC,GAAO,OAAAC,EAAM,IACnEd,EAAqB,MAAMO,EAAqBD,CAAI,CAAC,GAEjD;AAAA,IACJ,MAAMS;AAAA,IACN,eAAeC;AAAA,IACf,sBAAsBC;AAAA,IACtB,iBAAiBC;AAAA,IACjB,aAAaC;AAAA,IACb,WAAWC;AAAA,IACX,WAAWC;AAAA,IACX,eAAeC;AAAA,MACbC,EAAqB;AAAA,IACvB,cAAAlB;AAAA,EAAA,CACD;AAED,SACGmB,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAWT,EAAWP,CAAK,GAC7B,UAAA;AAAA,IACCH,IAAAoB,gBAAAA,EAAA,IAAC,SAAI,WAAWR,EAAA,GACb,UAAMT,EAAA,iCACJkB,GAAQ,EAAA,MAAK,aAAY,WAAWV,EAAoBR,CAAK,EAAG,CAAA,0BAEhE,OAAI,EAAA,WAAU,WAAU,EAAA,CAE7B,IACE;AAAA,IACHC,KAA+C;AAAA,IAC/CI,IAASY,gBAAAA,EAAAA,IAAA,OAAA,EAAI,KAAKZ,GAAO,KAAKC,GAAO,WAAWM,EAAgBZ,CAAK,EAAA,CAAG,IAAK;AAAA,IAC7EI,IACCa,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWH,EAAoBd,CAAK,GACvC,UAAAiB,gBAAAA,EAAA,IAACC,GAAQ,EAAA,MAAMd,EAAW,CAAA,EAC5B,CAAA,IACE;AAAA,IACJY,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,4DACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAACE,KAAK,MAAK,SAAQ,WAAWN,EAAgBb,CAAK,GAChD,UACHM,GAAA;AAAA,MACCJ,IACEe,gBAAAA,EAAA,IAAAE,GAAA,EAAK,MAAK,eAAc,WAAWT,EAAsBV,CAAK,GAC5D,UAAAE,EACH,CAAA,IACE;AAAA,IAAA,GACN;AAAA,IACCC,IACCc,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWN,EAAkBX,CAAK,GACrC,UAAAiB,gBAAAA,EAAA,IAACC,GAAQ,EAAA,MAAMf,EAAS,CAAA,EAC1B,CAAA,IACE;AAAA,EAAA,GACN;AAEJ;"}
1
+ {"version":3,"file":"lyra112.js","sources":["../node_modules/@react-aria/utils/dist/useObjectRef.mjs"],"sourcesContent":["import {useRef as $gbmns$useRef, useMemo as $gbmns$useMemo} from \"react\";\n\n/*\n * Copyright 2021 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */ \nfunction $df56164dff5785e2$export$4338b53315abf666(forwardedRef) {\n const objRef = (0, $gbmns$useRef)(null);\n return (0, $gbmns$useMemo)(()=>({\n get current () {\n return objRef.current;\n },\n set current (value){\n objRef.current = value;\n if (typeof forwardedRef === 'function') forwardedRef(value);\n else if (forwardedRef) forwardedRef.current = value;\n }\n }), [\n forwardedRef\n ]);\n}\n\n\nexport {$df56164dff5785e2$export$4338b53315abf666 as useObjectRef};\n//# sourceMappingURL=useObjectRef.module.js.map\n"],"names":["$df56164dff5785e2$export$4338b53315abf666","forwardedRef","objRef","$gbmns$useRef","$gbmns$useMemo","value"],"mappings":";AAaA,SAASA,EAA0CC,GAAc;AAC7D,QAAMC,IAAaC,EAAe,IAAI;AACtC,SAAWC,EAAgB,OAAK;AAAA,IACxB,IAAI,UAAW;AACX,aAAOF,EAAO;AAAA,IACjB;AAAA,IACD,IAAI,QAASG,GAAM;AACf,MAAAH,EAAO,UAAUG,GACb,OAAOJ,KAAiB,aAAYA,EAAaI,CAAK,IACjDJ,MAAcA,EAAa,UAAUI;AAAA,IAC9D;AAAA,EACA,IAAY;AAAA,IACJJ;AAAA,EACR,CAAK;AACL;","x_google_ignoreList":[0]}
package/dist/lyra113.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),l=require("react"),m=require("./lyra109.cjs"),u=require("./lyra413.cjs"),g=require("./lyra97.cjs"),G=require("./lyra196.cjs"),f=require("./lyra67.cjs"),d=require("./lyra114.cjs"),p=l.createContext(null);function v({children:n,items:t,label:i,renderEmptyState:a,...s},o){return[s,o]=m.useContextProps(s,o,u.TagGroupContext),e.jsxRuntimeExports.jsx(p.Provider,{value:{onRemove:s.onRemove},children:e.jsxRuntimeExports.jsx(u.TagGroup,{...s,"aria-label":i,className:d.tagGroupStyles({className:s.className}),ref:o,children:e.jsxRuntimeExports.jsx(u.TagList,{items:t,renderEmptyState:a,className:"flex flex-wrap gap-1",children:n})})})}const j=g.fixedForwardRef(v);j.displayName="InputTagGroup";function y({children:n,...t},i){const{onRemove:a}=l.useContext(p),s=typeof n=="string"?n:void 0,{removeButton:o,tag:R}=d.tagStyles();return e.jsxRuntimeExports.jsx(u.Tag,{ref:i,textValue:s,...t,className:m.composeRenderProps(t.className,(x,r)=>R({...r,isDisabled:r.isDisabled,className:x})),children:({allowsRemoving:x,isDisabled:r})=>e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[n,x&&!r&&!t.isDisabled&&e.jsxRuntimeExports.jsx(G.SpanButton,{className:o(),onPress:()=>{const c=new Set;t.id!==void 0&&c.add(t.id),a==null||a(c)},children:e.jsxRuntimeExports.jsx(f.SvgIcon,{name:"clear"})})]})})}const T=g.fixedForwardRef(y);T.displayName="InputTag";exports.InputTag=T;exports.InputTagGroup=j;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra104.cjs"),t=e.tv({base:["flex","flex-col","w-full","outline-none","overflow-auto"]}),r=e.tv({base:["block","w-full","justify-start","rounded-sm","bg-transparent","p-1","ps-1.5","text-start","text-base","font-normal","text-primary","outline-none","duration-0","active:text-inverted","hover:bg-action-hover","hover:text-inverted","focus:bg-action-focus","focus:text-inverted","focus-visible:[box-shadow:none]"],variants:{isDisabled:{true:["text-tertiary","cursor-not-allowed"]}}}),i=e.tv({slots:{item:["flex","items-start","p-1","rounded-sm","outline-none"],itemCheckmark:[],itemCheckmarkWrapper:[],itemImage:["w-9","min-w-9","h-9","rounded-xs","border","solid","border-default","me-1.5","overflow-hidden","box-border","object-contain","bg-[#ffffff]","block"],itemLabel:["text-primary","text-base","truncate","overflow-hidden","select-none"],itemDescription:["text-sm","text-secondary","truncate","overflow-hidden","select-none"],itemEndIcon:["text-tertiary","w-4","h-4"],itemStartIcon:["w-4","h-4","me-1"]},variants:{hasSelection:{true:{itemCheckmarkWrapper:["w-5","min-w-5"],itemCheckmark:["text-primary","min-w-4","me-1"]},false:{item:["ps-1.5"]}},disabled:{true:{item:["cursor-not-allowed"],itemCheckmark:["text-tertiary"],itemImage:["opacity-50"],itemLabel:["text-tertiary"],itemDescription:["text-tertiary"]}},active:{true:{item:["bg-action-focus"],itemImage:["border-focus"],itemCheckmark:["text-inverted"],itemLabel:["text-inverted"],itemDescription:["text-inverted"],itemStartIcon:["text-inverted"],itemEndIcon:["text-inverted"]}}}});exports.loadMoreButtonStyles=r;exports.sharedListItemStyles=i;exports.sharedListStyles=t;
@@ -1 +1 @@
1
- {"version":3,"file":"lyra113.cjs","sources":["../src/components/inputs/input-tag-group/input-tag-group.tsx"],"sourcesContent":["import { createContext, ElementRef, ForwardedRef, useContext } from \"react\";\nimport {\n composeRenderProps,\n Key,\n Tag as AriaTag,\n TagGroup as AriaTagGroup,\n TagGroupContext,\n TagGroupProps as AriaTagGroupProps,\n TagList,\n TagListProps,\n TagProps as AriaTagProps,\n useContextProps,\n} from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers.ts\";\nimport { SpanButton } from \"../../button/span-button.tsx\";\nimport { SvgIcon } from \"../../svg-icon/index.tsx\";\n\nimport { tagGroupStyles, tagStyles } from \"./input-tag-group.styles.ts\";\n\nexport interface InputTagGroupProps<T>\n extends Omit<AriaTagGroupProps, \"children\">,\n Pick<TagListProps<T>, \"items\" | \"children\" | \"renderEmptyState\"> {\n label: string;\n}\n\nconst SharedTagGroupContext = createContext<Pick<InputTagGroupProps<any>, \"onRemove\">>(null as any);\n\nfunction _InputTagGroup<T extends object>(\n { children, items, label, renderEmptyState, ...props }: InputTagGroupProps<T>,\n ref: ForwardedRef<ElementRef<typeof AriaTagGroup>>,\n) {\n [props, ref] = useContextProps(props, ref, TagGroupContext);\n return (\n <SharedTagGroupContext.Provider value={{ onRemove: props.onRemove }}>\n <AriaTagGroup\n {...props}\n aria-label={label}\n className={tagGroupStyles({ className: props.className })}\n ref={ref}\n >\n <TagList items={items} renderEmptyState={renderEmptyState} className=\"flex flex-wrap gap-1\">\n {children}\n </TagList>\n </AriaTagGroup>\n </SharedTagGroupContext.Provider>\n );\n}\n\nexport const InputTagGroup = fixedForwardRef(_InputTagGroup);\n// @ts-ignore\nInputTagGroup.displayName = \"InputTagGroup\";\n\nexport type InputTagProps = AriaTagProps & { isDisabled?: boolean };\n\nfunction _InputTag(\n { children, ...props }: InputTagProps,\n ref: ForwardedRef<ElementRef<typeof AriaTag>>,\n) {\n const { onRemove } = useContext(SharedTagGroupContext);\n const textValue = typeof children === \"string\" ? children : undefined;\n const { removeButton, tag } = tagStyles();\n\n return (\n <AriaTag\n ref={ref}\n textValue={textValue}\n {...props}\n className={composeRenderProps(props.className, (className, renderProps) => {\n return tag({ ...renderProps, isDisabled: renderProps.isDisabled, className });\n })}\n >\n {({ allowsRemoving, isDisabled }) => (\n <>\n {children}\n {allowsRemoving && !isDisabled && !props.isDisabled && (\n <SpanButton\n className={removeButton()}\n onPress={() => {\n const keysToRemove = new Set<Key>();\n if (props.id !== undefined) keysToRemove.add(props.id);\n onRemove?.(keysToRemove);\n }}\n >\n <SvgIcon name=\"clear\" />\n </SpanButton>\n )}\n </>\n )}\n </AriaTag>\n );\n}\n\nexport const InputTag = fixedForwardRef(_InputTag);\n// @ts-ignore\nInputTag.displayName = \"InputTag\";\n"],"names":["SharedTagGroupContext","createContext","_InputTagGroup","children","items","label","renderEmptyState","props","ref","useContextProps","TagGroupContext","jsx","AriaTagGroup","tagGroupStyles","TagList","InputTagGroup","fixedForwardRef","_InputTag","onRemove","useContext","textValue","removeButton","tag","tagStyles","AriaTag","composeRenderProps","className","renderProps","allowsRemoving","isDisabled","jsxs","Fragment","SpanButton","keysToRemove","SvgIcon","InputTag"],"mappings":"mSA0BMA,EAAwBC,gBAAyD,IAAW,EAElG,SAASC,EACP,CAAE,SAAAC,EAAU,MAAAC,EAAO,MAAAC,EAAO,iBAAAC,EAAkB,GAAGC,CAAM,EACrDC,EACA,CACA,OAACD,EAAOC,CAAG,EAAIC,EAAgB,gBAAAF,EAAOC,EAAKE,iBAAe,EAExDC,wBAACX,EAAsB,SAAtB,CAA+B,MAAO,CAAE,SAAUO,EAAM,UACvD,SAAAI,EAAA,kBAAA,IAACC,EAAA,SAAA,CACE,GAAGL,EACJ,aAAYF,EACZ,UAAWQ,EAAAA,eAAe,CAAE,UAAWN,EAAM,UAAW,EACxD,IAAAC,EAEA,iCAACM,EAAAA,QAAQ,CAAA,MAAAV,EAAc,iBAAAE,EAAoC,UAAU,uBAClE,SAAAH,CACH,CAAA,CAAA,CAAA,EAEJ,CAEJ,CAEa,MAAAY,EAAgBC,kBAAgBd,CAAc,EAE3Da,EAAc,YAAc,gBAI5B,SAASE,EACP,CAAE,SAAAd,EAAU,GAAGI,CAAA,EACfC,EACA,CACA,KAAM,CAAE,SAAAU,CAAA,EAAaC,EAAA,WAAWnB,CAAqB,EAC/CoB,EAAY,OAAOjB,GAAa,SAAWA,EAAW,OACtD,CAAE,aAAAkB,EAAc,IAAAC,CAAI,EAAIC,YAAU,EAGtC,OAAAZ,EAAA,kBAAA,IAACa,EAAA,IAAA,CACC,IAAAhB,EACA,UAAAY,EACC,GAAGb,EACJ,UAAWkB,EAAmB,mBAAAlB,EAAM,UAAW,CAACmB,EAAWC,IAClDL,EAAI,CAAE,GAAGK,EAAa,WAAYA,EAAY,WAAY,UAAAD,EAAW,CAC7E,EAEA,SAAC,CAAA,CAAE,eAAAE,EAAgB,WAAAC,KAEfC,yBAAAC,EAAAA,kBAAAA,SAAA,CAAA,SAAA,CAAA5B,EACAyB,GAAkB,CAACC,GAAc,CAACtB,EAAM,YACvCI,EAAA,kBAAA,IAACqB,EAAA,WAAA,CACC,UAAWX,EAAa,EACxB,QAAS,IAAM,CACP,MAAAY,MAAmB,IACrB1B,EAAM,KAAO,QAAwB0B,EAAA,IAAI1B,EAAM,EAAE,EACrDW,GAAA,MAAAA,EAAWe,EACb,EAEA,SAAAtB,EAAAA,kBAAAA,IAACuB,EAAAA,QAAQ,CAAA,KAAK,OAAQ,CAAA,CAAA,CAAA,CACxB,CAEJ,CAAA,CAAA,CAEJ,CAEJ,CAEa,MAAAC,EAAWnB,kBAAgBC,CAAS,EAEjDkB,EAAS,YAAc"}
1
+ {"version":3,"file":"lyra113.cjs","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n base: [\n \"block\",\n \"w-full\",\n \"justify-start\",\n \"rounded-sm\",\n \"bg-transparent\",\n \"p-1\",\n \"ps-1.5\",\n \"text-start\",\n \"text-base\",\n \"font-normal\",\n \"text-primary\",\n \"outline-none\",\n \"duration-0\",\n \"active:text-inverted\",\n \"hover:bg-action-hover\",\n \"hover:text-inverted\",\n \"focus:bg-action-focus\",\n \"focus:text-inverted\",\n \"focus-visible:[box-shadow:none]\",\n ],\n variants: {\n isDisabled: {\n true: [\"text-tertiary\", \"cursor-not-allowed\"],\n },\n },\n});\n\nexport const sharedListItemStyles = tv({\n slots: {\n item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n itemCheckmark: [],\n itemCheckmarkWrapper: [],\n itemImage: [\n \"w-9\",\n \"min-w-9\",\n \"h-9\",\n \"rounded-xs\",\n \"border\",\n \"solid\",\n \"border-default\",\n \"me-1.5\",\n \"overflow-hidden\",\n \"box-border\",\n \"object-contain\",\n \"bg-[#ffffff]\",\n \"block\",\n ],\n itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n },\n variants: {\n hasSelection: {\n true: {\n itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n },\n false: {\n item: [\"ps-1.5\"],\n },\n },\n disabled: {\n true: {\n item: [\"cursor-not-allowed\"],\n itemCheckmark: [\"text-tertiary\"],\n itemImage: [\"opacity-50\"],\n itemLabel: [\"text-tertiary\"],\n itemDescription: [\"text-tertiary\"],\n },\n },\n active: {\n true: {\n item: [\"bg-action-focus\"],\n itemImage: [\"border-focus\"],\n itemCheckmark: [\"text-inverted\"],\n itemLabel: [\"text-inverted\"],\n itemDescription: [\"text-inverted\"],\n itemStartIcon: [\"text-inverted\"],\n itemEndIcon: [\"text-inverted\"],\n },\n },\n },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":"iHAEaA,EAAmBC,EAAAA,GAAG,CACjC,KAAM,CAAC,OAAQ,WAAY,SAAU,eAAgB,eAAe,CACtE,CAAC,EAEYC,EAAuBD,EAAAA,GAAG,CACrC,KAAM,CACJ,QACA,SACA,gBACA,aACA,iBACA,MACA,SACA,aACA,YACA,cACA,eACA,eACA,aACA,uBACA,wBACA,sBACA,wBACA,sBACA,iCACF,EACA,SAAU,CACR,WAAY,CACV,KAAM,CAAC,gBAAiB,oBAAoB,CAAA,CAC9C,CAEJ,CAAC,EAEYE,EAAuBF,EAAAA,GAAG,CACrC,MAAO,CACL,KAAM,CAAC,OAAQ,cAAe,MAAO,aAAc,cAAc,EACjE,cAAe,CAAC,EAChB,qBAAsB,CAAC,EACvB,UAAW,CACT,MACA,UACA,MACA,aACA,SACA,QACA,iBACA,SACA,kBACA,aACA,iBACA,eACA,OACF,EACA,UAAW,CAAC,eAAgB,YAAa,WAAY,kBAAmB,aAAa,EACrF,gBAAiB,CAAC,UAAW,iBAAkB,WAAY,kBAAmB,aAAa,EAC3F,YAAa,CAAC,gBAAiB,MAAO,KAAK,EAC3C,cAAe,CAAC,MAAO,MAAO,MAAM,CACtC,EACA,SAAU,CACR,aAAc,CACZ,KAAM,CACJ,qBAAsB,CAAC,MAAO,SAAS,EACvC,cAAe,CAAC,eAAgB,UAAW,MAAM,CACnD,EACA,MAAO,CACL,KAAM,CAAC,QAAQ,CAAA,CAEnB,EACA,SAAU,CACR,KAAM,CACJ,KAAM,CAAC,oBAAoB,EAC3B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,YAAY,EACxB,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,CAAA,CAErC,EACA,OAAQ,CACN,KAAM,CACJ,KAAM,CAAC,iBAAiB,EACxB,UAAW,CAAC,cAAc,EAC1B,cAAe,CAAC,eAAe,EAC/B,UAAW,CAAC,eAAe,EAC3B,gBAAiB,CAAC,eAAe,EACjC,cAAe,CAAC,eAAe,EAC/B,YAAa,CAAC,eAAe,CAAA,CAC/B,CACF,CAEJ,CAAC"}
package/dist/lyra113.js CHANGED
@@ -1,55 +1,92 @@
1
- import { j as e } from "./lyra94.js";
2
- import { createContext as u, useContext as x } from "react";
3
- import { useContextProps as p, composeRenderProps as g } from "./lyra109.js";
4
- import { TagGroupContext as $, TagGroup as b, TagList as T, Tag as j } from "./lyra413.js";
5
- import { fixedForwardRef as f } from "./lyra97.js";
6
- import { SpanButton as N } from "./lyra196.js";
7
- import { SvgIcon as v } from "./lyra67.js";
8
- import { tagGroupStyles as G, tagStyles as I } from "./lyra114.js";
9
- const c = u(null);
10
- function y({ children: o, items: a, label: i, renderEmptyState: s, ...t }, r) {
11
- return [t, r] = p(t, r, $), /* @__PURE__ */ e.jsx(c.Provider, { value: { onRemove: t.onRemove }, children: /* @__PURE__ */ e.jsx(
12
- b,
13
- {
14
- ...t,
15
- "aria-label": i,
16
- className: G({ className: t.className }),
17
- ref: r,
18
- children: /* @__PURE__ */ e.jsx(T, { items: a, renderEmptyState: s, className: "flex flex-wrap gap-1", children: o })
1
+ import { tv as e } from "./lyra104.js";
2
+ const r = e({
3
+ base: ["flex", "flex-col", "w-full", "outline-none", "overflow-auto"]
4
+ }), i = e({
5
+ base: [
6
+ "block",
7
+ "w-full",
8
+ "justify-start",
9
+ "rounded-sm",
10
+ "bg-transparent",
11
+ "p-1",
12
+ "ps-1.5",
13
+ "text-start",
14
+ "text-base",
15
+ "font-normal",
16
+ "text-primary",
17
+ "outline-none",
18
+ "duration-0",
19
+ "active:text-inverted",
20
+ "hover:bg-action-hover",
21
+ "hover:text-inverted",
22
+ "focus:bg-action-focus",
23
+ "focus:text-inverted",
24
+ "focus-visible:[box-shadow:none]"
25
+ ],
26
+ variants: {
27
+ isDisabled: {
28
+ true: ["text-tertiary", "cursor-not-allowed"]
19
29
  }
20
- ) });
21
- }
22
- const S = f(y);
23
- S.displayName = "InputTagGroup";
24
- function C({ children: o, ...a }, i) {
25
- const { onRemove: s } = x(c), t = typeof o == "string" ? o : void 0, { removeButton: r, tag: l } = I();
26
- return /* @__PURE__ */ e.jsx(
27
- j,
28
- {
29
- ref: i,
30
- textValue: t,
31
- ...a,
32
- className: g(a.className, (m, n) => l({ ...n, isDisabled: n.isDisabled, className: m })),
33
- children: ({ allowsRemoving: m, isDisabled: n }) => /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
34
- o,
35
- m && !n && !a.isDisabled && /* @__PURE__ */ e.jsx(
36
- N,
37
- {
38
- className: r(),
39
- onPress: () => {
40
- const d = /* @__PURE__ */ new Set();
41
- a.id !== void 0 && d.add(a.id), s == null || s(d);
42
- },
43
- children: /* @__PURE__ */ e.jsx(v, { name: "clear" })
44
- }
45
- )
46
- ] })
30
+ }
31
+ }), o = e({
32
+ slots: {
33
+ item: ["flex", "items-start", "p-1", "rounded-sm", "outline-none"],
34
+ itemCheckmark: [],
35
+ itemCheckmarkWrapper: [],
36
+ itemImage: [
37
+ "w-9",
38
+ "min-w-9",
39
+ "h-9",
40
+ "rounded-xs",
41
+ "border",
42
+ "solid",
43
+ "border-default",
44
+ "me-1.5",
45
+ "overflow-hidden",
46
+ "box-border",
47
+ "object-contain",
48
+ "bg-[#ffffff]",
49
+ "block"
50
+ ],
51
+ itemLabel: ["text-primary", "text-base", "truncate", "overflow-hidden", "select-none"],
52
+ itemDescription: ["text-sm", "text-secondary", "truncate", "overflow-hidden", "select-none"],
53
+ itemEndIcon: ["text-tertiary", "w-4", "h-4"],
54
+ itemStartIcon: ["w-4", "h-4", "me-1"]
55
+ },
56
+ variants: {
57
+ hasSelection: {
58
+ true: {
59
+ itemCheckmarkWrapper: ["w-5", "min-w-5"],
60
+ itemCheckmark: ["text-primary", "min-w-4", "me-1"]
61
+ },
62
+ false: {
63
+ item: ["ps-1.5"]
64
+ }
65
+ },
66
+ disabled: {
67
+ true: {
68
+ item: ["cursor-not-allowed"],
69
+ itemCheckmark: ["text-tertiary"],
70
+ itemImage: ["opacity-50"],
71
+ itemLabel: ["text-tertiary"],
72
+ itemDescription: ["text-tertiary"]
73
+ }
74
+ },
75
+ active: {
76
+ true: {
77
+ item: ["bg-action-focus"],
78
+ itemImage: ["border-focus"],
79
+ itemCheckmark: ["text-inverted"],
80
+ itemLabel: ["text-inverted"],
81
+ itemDescription: ["text-inverted"],
82
+ itemStartIcon: ["text-inverted"],
83
+ itemEndIcon: ["text-inverted"]
84
+ }
47
85
  }
48
- );
49
- }
50
- const R = f(C);
51
- R.displayName = "InputTag";
86
+ }
87
+ });
52
88
  export {
53
- R as InputTag,
54
- S as InputTagGroup
89
+ i as loadMoreButtonStyles,
90
+ o as sharedListItemStyles,
91
+ r as sharedListStyles
55
92
  };
@@ -1 +1 @@
1
- {"version":3,"file":"lyra113.js","sources":["../src/components/inputs/input-tag-group/input-tag-group.tsx"],"sourcesContent":["import { createContext, ElementRef, ForwardedRef, useContext } from \"react\";\nimport {\n composeRenderProps,\n Key,\n Tag as AriaTag,\n TagGroup as AriaTagGroup,\n TagGroupContext,\n TagGroupProps as AriaTagGroupProps,\n TagList,\n TagListProps,\n TagProps as AriaTagProps,\n useContextProps,\n} from \"react-aria-components\";\n\nimport { fixedForwardRef } from \"../../../utils/helpers.ts\";\nimport { SpanButton } from \"../../button/span-button.tsx\";\nimport { SvgIcon } from \"../../svg-icon/index.tsx\";\n\nimport { tagGroupStyles, tagStyles } from \"./input-tag-group.styles.ts\";\n\nexport interface InputTagGroupProps<T>\n extends Omit<AriaTagGroupProps, \"children\">,\n Pick<TagListProps<T>, \"items\" | \"children\" | \"renderEmptyState\"> {\n label: string;\n}\n\nconst SharedTagGroupContext = createContext<Pick<InputTagGroupProps<any>, \"onRemove\">>(null as any);\n\nfunction _InputTagGroup<T extends object>(\n { children, items, label, renderEmptyState, ...props }: InputTagGroupProps<T>,\n ref: ForwardedRef<ElementRef<typeof AriaTagGroup>>,\n) {\n [props, ref] = useContextProps(props, ref, TagGroupContext);\n return (\n <SharedTagGroupContext.Provider value={{ onRemove: props.onRemove }}>\n <AriaTagGroup\n {...props}\n aria-label={label}\n className={tagGroupStyles({ className: props.className })}\n ref={ref}\n >\n <TagList items={items} renderEmptyState={renderEmptyState} className=\"flex flex-wrap gap-1\">\n {children}\n </TagList>\n </AriaTagGroup>\n </SharedTagGroupContext.Provider>\n );\n}\n\nexport const InputTagGroup = fixedForwardRef(_InputTagGroup);\n// @ts-ignore\nInputTagGroup.displayName = \"InputTagGroup\";\n\nexport type InputTagProps = AriaTagProps & { isDisabled?: boolean };\n\nfunction _InputTag(\n { children, ...props }: InputTagProps,\n ref: ForwardedRef<ElementRef<typeof AriaTag>>,\n) {\n const { onRemove } = useContext(SharedTagGroupContext);\n const textValue = typeof children === \"string\" ? children : undefined;\n const { removeButton, tag } = tagStyles();\n\n return (\n <AriaTag\n ref={ref}\n textValue={textValue}\n {...props}\n className={composeRenderProps(props.className, (className, renderProps) => {\n return tag({ ...renderProps, isDisabled: renderProps.isDisabled, className });\n })}\n >\n {({ allowsRemoving, isDisabled }) => (\n <>\n {children}\n {allowsRemoving && !isDisabled && !props.isDisabled && (\n <SpanButton\n className={removeButton()}\n onPress={() => {\n const keysToRemove = new Set<Key>();\n if (props.id !== undefined) keysToRemove.add(props.id);\n onRemove?.(keysToRemove);\n }}\n >\n <SvgIcon name=\"clear\" />\n </SpanButton>\n )}\n </>\n )}\n </AriaTag>\n );\n}\n\nexport const InputTag = fixedForwardRef(_InputTag);\n// @ts-ignore\nInputTag.displayName = \"InputTag\";\n"],"names":["SharedTagGroupContext","createContext","_InputTagGroup","children","items","label","renderEmptyState","props","ref","useContextProps","TagGroupContext","jsx","AriaTagGroup","tagGroupStyles","TagList","InputTagGroup","fixedForwardRef","_InputTag","onRemove","useContext","textValue","removeButton","tag","tagStyles","AriaTag","composeRenderProps","className","renderProps","allowsRemoving","isDisabled","jsxs","Fragment","SpanButton","keysToRemove","SvgIcon","InputTag"],"mappings":";;;;;;;;AA0BA,MAAMA,IAAwBC,EAAyD,IAAW;AAElG,SAASC,EACP,EAAE,UAAAC,GAAU,OAAAC,GAAO,OAAAC,GAAO,kBAAAC,GAAkB,GAAGC,EAAM,GACrDC,GACA;AACA,UAACD,GAAOC,CAAG,IAAIC,EAAgBF,GAAOC,GAAKE,CAAe,GAExDC,gBAAAA,MAACX,EAAsB,UAAtB,EAA+B,OAAO,EAAE,UAAUO,EAAM,YACvD,UAAAI,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACE,GAAGL;AAAA,MACJ,cAAYF;AAAA,MACZ,WAAWQ,EAAe,EAAE,WAAWN,EAAM,WAAW;AAAA,MACxD,KAAAC;AAAA,MAEA,gCAACM,GAAQ,EAAA,OAAAV,GAAc,kBAAAE,GAAoC,WAAU,wBAClE,UAAAH,EACH,CAAA;AAAA,IAAA;AAAA,EAAA,GAEJ;AAEJ;AAEa,MAAAY,IAAgBC,EAAgBd,CAAc;AAE3Da,EAAc,cAAc;AAI5B,SAASE,EACP,EAAE,UAAAd,GAAU,GAAGI,EAAA,GACfC,GACA;AACA,QAAM,EAAE,UAAAU,EAAA,IAAaC,EAAWnB,CAAqB,GAC/CoB,IAAY,OAAOjB,KAAa,WAAWA,IAAW,QACtD,EAAE,cAAAkB,GAAc,KAAAC,EAAI,IAAIC,EAAU;AAGtC,SAAAZ,gBAAAA,EAAA;AAAA,IAACa;AAAAA,IAAA;AAAA,MACC,KAAAhB;AAAA,MACA,WAAAY;AAAA,MACC,GAAGb;AAAA,MACJ,WAAWkB,EAAmBlB,EAAM,WAAW,CAACmB,GAAWC,MAClDL,EAAI,EAAE,GAAGK,GAAa,YAAYA,EAAY,YAAY,WAAAD,GAAW,CAC7E;AAAA,MAEA,UAAC,CAAA,EAAE,gBAAAE,GAAgB,YAAAC,QAEfC,gBAAAA,OAAAC,EAAAA,UAAA,EAAA,UAAA;AAAA,QAAA5B;AAAA,QACAyB,KAAkB,CAACC,KAAc,CAACtB,EAAM,cACvCI,gBAAAA,EAAA;AAAA,UAACqB;AAAA,UAAA;AAAA,YACC,WAAWX,EAAa;AAAA,YACxB,SAAS,MAAM;AACP,oBAAAY,wBAAmB,IAAS;AAClC,cAAI1B,EAAM,OAAO,UAAwB0B,EAAA,IAAI1B,EAAM,EAAE,GACrDW,KAAA,QAAAA,EAAWe;AAAA,YACb;AAAA,YAEA,UAAAtB,gBAAAA,EAAAA,IAACuB,GAAQ,EAAA,MAAK,QAAQ,CAAA;AAAA,UAAA;AAAA,QAAA;AAAA,MACxB,EAEJ,CAAA;AAAA,IAAA;AAAA,EAEJ;AAEJ;AAEa,MAAAC,IAAWnB,EAAgBC,CAAS;AAEjDkB,EAAS,cAAc;"}
1
+ {"version":3,"file":"lyra113.js","sources":["../src/components/lists/shared-list.styles.tsx"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const sharedListStyles = tv({\n base: [\"flex\", \"flex-col\", \"w-full\", \"outline-none\", \"overflow-auto\"],\n});\n\nexport const loadMoreButtonStyles = tv({\n base: [\n \"block\",\n \"w-full\",\n \"justify-start\",\n \"rounded-sm\",\n \"bg-transparent\",\n \"p-1\",\n \"ps-1.5\",\n \"text-start\",\n \"text-base\",\n \"font-normal\",\n \"text-primary\",\n \"outline-none\",\n \"duration-0\",\n \"active:text-inverted\",\n \"hover:bg-action-hover\",\n \"hover:text-inverted\",\n \"focus:bg-action-focus\",\n \"focus:text-inverted\",\n \"focus-visible:[box-shadow:none]\",\n ],\n variants: {\n isDisabled: {\n true: [\"text-tertiary\", \"cursor-not-allowed\"],\n },\n },\n});\n\nexport const sharedListItemStyles = tv({\n slots: {\n item: [\"flex\", \"items-start\", \"p-1\", \"rounded-sm\", \"outline-none\"],\n itemCheckmark: [],\n itemCheckmarkWrapper: [],\n itemImage: [\n \"w-9\",\n \"min-w-9\",\n \"h-9\",\n \"rounded-xs\",\n \"border\",\n \"solid\",\n \"border-default\",\n \"me-1.5\",\n \"overflow-hidden\",\n \"box-border\",\n \"object-contain\",\n \"bg-[#ffffff]\",\n \"block\",\n ],\n itemLabel: [\"text-primary\", \"text-base\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n itemDescription: [\"text-sm\", \"text-secondary\", \"truncate\", \"overflow-hidden\", \"select-none\"],\n itemEndIcon: [\"text-tertiary\", \"w-4\", \"h-4\"],\n itemStartIcon: [\"w-4\", \"h-4\", \"me-1\"],\n },\n variants: {\n hasSelection: {\n true: {\n itemCheckmarkWrapper: [\"w-5\", \"min-w-5\"],\n itemCheckmark: [\"text-primary\", \"min-w-4\", \"me-1\"],\n },\n false: {\n item: [\"ps-1.5\"],\n },\n },\n disabled: {\n true: {\n item: [\"cursor-not-allowed\"],\n itemCheckmark: [\"text-tertiary\"],\n itemImage: [\"opacity-50\"],\n itemLabel: [\"text-tertiary\"],\n itemDescription: [\"text-tertiary\"],\n },\n },\n active: {\n true: {\n item: [\"bg-action-focus\"],\n itemImage: [\"border-focus\"],\n itemCheckmark: [\"text-inverted\"],\n itemLabel: [\"text-inverted\"],\n itemDescription: [\"text-inverted\"],\n itemStartIcon: [\"text-inverted\"],\n itemEndIcon: [\"text-inverted\"],\n },\n },\n },\n});\n"],"names":["sharedListStyles","tv","loadMoreButtonStyles","sharedListItemStyles"],"mappings":";AAEO,MAAMA,IAAmBC,EAAG;AAAA,EACjC,MAAM,CAAC,QAAQ,YAAY,UAAU,gBAAgB,eAAe;AACtE,CAAC,GAEYC,IAAuBD,EAAG;AAAA,EACrC,MAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF;AAAA,EACA,UAAU;AAAA,IACR,YAAY;AAAA,MACV,MAAM,CAAC,iBAAiB,oBAAoB;AAAA,IAAA;AAAA,EAC9C;AAEJ,CAAC,GAEYE,IAAuBF,EAAG;AAAA,EACrC,OAAO;AAAA,IACL,MAAM,CAAC,QAAQ,eAAe,OAAO,cAAc,cAAc;AAAA,IACjE,eAAe,CAAC;AAAA,IAChB,sBAAsB,CAAC;AAAA,IACvB,WAAW;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,WAAW,CAAC,gBAAgB,aAAa,YAAY,mBAAmB,aAAa;AAAA,IACrF,iBAAiB,CAAC,WAAW,kBAAkB,YAAY,mBAAmB,aAAa;AAAA,IAC3F,aAAa,CAAC,iBAAiB,OAAO,KAAK;AAAA,IAC3C,eAAe,CAAC,OAAO,OAAO,MAAM;AAAA,EACtC;AAAA,EACA,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,QACJ,sBAAsB,CAAC,OAAO,SAAS;AAAA,QACvC,eAAe,CAAC,gBAAgB,WAAW,MAAM;AAAA,MACnD;AAAA,MACA,OAAO;AAAA,QACL,MAAM,CAAC,QAAQ;AAAA,MAAA;AAAA,IAEnB;AAAA,IACA,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,MAAM,CAAC,oBAAoB;AAAA,QAC3B,eAAe,CAAC,eAAe;AAAA,QAC/B,WAAW,CAAC,YAAY;AAAA,QACxB,WAAW,CAAC,eAAe;AAAA,QAC3B,iBAAiB,CAAC,eAAe;AAAA,MAAA;AAAA,IAErC;AAAA,IACA,QAAQ;AAAA,MACN,MAAM;AAAA,QACJ,MAAM,CAAC,iBAAiB;AAAA,QACxB,WAAW,CAAC,cAAc;AAAA,QAC1B,eAAe,CAAC,eAAe;AAAA,QAC/B,WAAW,CAAC,eAAe;AAAA,QAC3B,iBAAiB,CAAC,eAAe;AAAA,QACjC,eAAe,CAAC,eAAe;AAAA,QAC/B,aAAa,CAAC,eAAe;AAAA,MAAA;AAAA,IAC/B;AAAA,EACF;AAEJ,CAAC;"}
package/dist/lyra114.cjs CHANGED
@@ -1 +1 @@
1
- "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra104.cjs"),t=e.tv({base:"flex flex-wrap gap-1"}),o=e.tv({slots:{tag:["transition","cursor-default","text-base","rounded-sm","py-1","pe-1","ps-1.5","flex","items-center","gap-1","ring-default","border","border-default","outline-none","solid","bg-transparent","[&:hover&:not(:active)]:bg-overlay-subtle","active:bg-overlay-medium","focus-visible:shadow-highlight","focus-visible:border-focus","select-none","break-all"],removeButton:["cursor-default","text-secondary","outline-none"]},variants:{allowsRemoving:{true:{}},isDisabled:{true:{tag:["bg-overlay-subtle","text-secondary","cursor-not-allowed","border-transparent"]}}},compoundVariants:[{allowsRemoving:!0,isDisabled:!1,className:{tag:"pe-1"}}]});exports.tagGroupStyles=t;exports.tagStyles=o;
1
+ "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra94.cjs"),i=require("./lyra96.cjs"),n=require("./lyra67.cjs"),x=require("./lyra74.cjs");require("./lyra75.cjs");const I=require("./lyra113.cjs"),R=i.default.object({label:i.default.string(),description:i.default.string().optional(),iconStart:n.iconsSchema.optional(),iconEnd:n.iconsSchema.optional(),image:i.default.string().url().optional(),customElement:i.default.any().optional()}).transform(t=>(t.customElement?(delete t.image,delete t.iconStart):t.image&&delete t.iconStart,t)),v=({hasSelection:t,item:u,selectRenderElements:d,state:s})=>{const{customElement:l,description:r,iconEnd:m,iconStart:o,image:c,label:a}=R.parse(d(u)),{item:p,itemCheckmark:j,itemCheckmarkWrapper:S,itemDescription:h,itemEndIcon:E,itemImage:g,itemLabel:f,itemStartIcon:y}=I.sharedListItemStyles({hasSelection:t});return e.jsxRuntimeExports.jsxs("div",{className:p(s),children:[t?e.jsxRuntimeExports.jsx("div",{className:S(),children:s.selected?e.jsxRuntimeExports.jsx(n.SvgIcon,{name:"checkmark",className:j(s)}):e.jsxRuntimeExports.jsx("div",{className:"h-4 w-4"})}):null,l||null,c?e.jsxRuntimeExports.jsx("img",{src:c,alt:a,className:g(s)}):null,o?e.jsxRuntimeExports.jsx("div",{className:y(s),children:e.jsxRuntimeExports.jsx(n.SvgIcon,{name:o})}):null,e.jsxRuntimeExports.jsxs("div",{className:"flex w-full grow flex-col gap-1 overflow-hidden truncate",children:[e.jsxRuntimeExports.jsx(x.Text,{slot:"label",className:f(s),children:a}),r?e.jsxRuntimeExports.jsx(x.Text,{slot:"description",className:h(s),children:r}):null]}),m?e.jsxRuntimeExports.jsx("div",{className:E(s),children:e.jsxRuntimeExports.jsx(n.SvgIcon,{name:m})}):null]})};exports.SharedListItem=v;
@@ -1 +1 @@
1
- {"version":3,"file":"lyra114.cjs","sources":["../src/components/inputs/input-tag-group/input-tag-group.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const tagGroupStyles = tv({\n base: \"flex flex-wrap gap-1\",\n});\n\nexport const tagStyles = tv({\n slots: {\n tag: [\n \"transition\",\n \"cursor-default\",\n \"text-base\",\n \"rounded-sm\",\n \"py-1\",\n \"pe-1\",\n \"ps-1.5\",\n \"flex\",\n \"items-center\",\n \"gap-1\",\n \"ring-default\",\n \"border\",\n \"border-default\",\n \"outline-none\",\n \"solid\",\n \"bg-transparent\",\n \"[&:hover&:not(:active)]:bg-overlay-subtle\",\n \"active:bg-overlay-medium\",\n \"focus-visible:shadow-highlight\",\n \"focus-visible:border-focus\",\n \"select-none\",\n \"break-all\",\n ],\n removeButton: [\"cursor-default\", \"text-secondary\", \"outline-none\"],\n },\n variants: {\n allowsRemoving: {\n true: {},\n },\n isDisabled: {\n true: {\n tag: [\"bg-overlay-subtle\", \"text-secondary\", \"cursor-not-allowed\", \"border-transparent\"],\n },\n },\n },\n compoundVariants: [\n {\n allowsRemoving: true,\n isDisabled: false,\n className: {\n tag: \"pe-1\",\n },\n },\n ],\n});\n"],"names":["tagGroupStyles","tv","tagStyles"],"mappings":"iHAEaA,EAAiBC,EAAAA,GAAG,CAC/B,KAAM,sBACR,CAAC,EAEYC,EAAYD,EAAAA,GAAG,CAC1B,MAAO,CACL,IAAK,CACH,aACA,iBACA,YACA,aACA,OACA,OACA,SACA,OACA,eACA,QACA,eACA,SACA,iBACA,eACA,QACA,iBACA,4CACA,2BACA,iCACA,6BACA,cACA,WACF,EACA,aAAc,CAAC,iBAAkB,iBAAkB,cAAc,CACnE,EACA,SAAU,CACR,eAAgB,CACd,KAAM,CAAA,CACR,EACA,WAAY,CACV,KAAM,CACJ,IAAK,CAAC,oBAAqB,iBAAkB,qBAAsB,oBAAoB,CAAA,CACzF,CAEJ,EACA,iBAAkB,CAChB,CACE,eAAgB,GAChB,WAAY,GACZ,UAAW,CACT,IAAK,MAAA,CACP,CACF,CAEJ,CAAC"}
1
+ {"version":3,"file":"lyra114.cjs","sources":["../src/components/lists/shared-list-item.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { z } from \"zod\";\n\nimport { iconsSchema, SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { sharedListItemStyles } from \"./shared-list.styles\";\n\n// Define the schema for the shared list item\nconst sharedListItemSchema = z\n .object({\n label: z.string(),\n description: z.string().optional(),\n iconStart: iconsSchema.optional(),\n iconEnd: iconsSchema.optional(),\n image: z.string().url().optional(),\n customElement: z.any().optional(),\n })\n .transform((data) => {\n // customElement, image and iconStart are mutually exclusive, so we remove the other two if one is present.\n // Priority is customElement > image > iconStart\n if (data.customElement) {\n delete data.image;\n delete data.iconStart;\n } else if (data.image) {\n delete data.iconStart;\n }\n return data;\n });\n\n// Infer the type of the shared list item arguments. We make sure customElement will be typed as ReactNode.\nexport type SharedListItemArgs = z.infer<typeof sharedListItemSchema> & {\n customElement?: ReactNode;\n};\n\ntype SharedListItemRenderPropArg = {\n active: boolean;\n selected: boolean;\n disabled: boolean;\n};\n\nexport type SelectItemRenderPropFn<T> = (arg: T) => SharedListItemArgs;\n\nexport type SharedListItemProps<T extends object> = {\n item: T;\n selectRenderElements: SelectItemRenderPropFn<T>;\n state: SharedListItemRenderPropArg;\n hasSelection?: boolean;\n};\n\n/**\n * Renders a single item in a list\n *\n * @template T - The type of the item.\n * @param {SharedListItemProps<T>} props - The props for the SharedListItem component.\n * @returns {JSX.Element} - The rendered SharedListItem component.\n */\nexport const SharedListItem = <T extends object>({\n hasSelection,\n item,\n selectRenderElements,\n state,\n}: SharedListItemProps<T>) => {\n const { customElement, description, iconEnd, iconStart, image, label } =\n sharedListItemSchema.parse(selectRenderElements(item));\n\n const {\n item: itemStyles,\n itemCheckmark: itemCheckmarkStyles,\n itemCheckmarkWrapper: itemCheckmarkWrapperStyles,\n itemDescription: itemDescriptionStyles,\n itemEndIcon: itemEndIconStyles,\n itemImage: itemImageStyles,\n itemLabel: itemLabelStyles,\n itemStartIcon: itemStartIconStyles,\n } = sharedListItemStyles({\n hasSelection,\n });\n\n return (\n <div className={itemStyles(state)}>\n {hasSelection ? (\n <div className={itemCheckmarkWrapperStyles()}>\n {state.selected ? (\n <SvgIcon name=\"checkmark\" className={itemCheckmarkStyles(state)} />\n ) : (\n <div className=\"h-4 w-4\" />\n )}\n </div>\n ) : null}\n {customElement ? (customElement as ReactNode) : null}\n {image ? <img src={image} alt={label} className={itemImageStyles(state)} /> : null}\n {iconStart ? (\n <div className={itemStartIconStyles(state)}>\n <SvgIcon name={iconStart} />\n </div>\n ) : null}\n <div className=\"flex w-full grow flex-col gap-1 overflow-hidden truncate\">\n <Text slot=\"label\" className={itemLabelStyles(state)}>\n {label}\n </Text>\n {description ? (\n <Text slot=\"description\" className={itemDescriptionStyles(state)}>\n {description}\n </Text>\n ) : null}\n </div>\n {iconEnd ? (\n <div className={itemEndIconStyles(state)}>\n <SvgIcon name={iconEnd} />\n </div>\n ) : null}\n </div>\n );\n};\n"],"names":["sharedListItemSchema","z","iconsSchema","data","SharedListItem","hasSelection","item","selectRenderElements","state","customElement","description","iconEnd","iconStart","image","label","itemStyles","itemCheckmarkStyles","itemCheckmarkWrapperStyles","itemDescriptionStyles","itemEndIconStyles","itemImageStyles","itemLabelStyles","itemStartIconStyles","sharedListItemStyles","jsxs","jsx","SvgIcon","Text"],"mappings":"uPAUMA,EAAuBC,UAC1B,OAAO,CACN,MAAOA,UAAE,OAAO,EAChB,YAAaA,EAAA,QAAE,OAAO,EAAE,SAAS,EACjC,UAAWC,cAAY,SAAS,EAChC,QAASA,cAAY,SAAS,EAC9B,MAAOD,EAAAA,QAAE,OAAS,EAAA,IAAA,EAAM,SAAS,EACjC,cAAeA,EAAAA,QAAE,IAAI,EAAE,SAAS,CAClC,CAAC,EACA,UAAWE,IAGNA,EAAK,eACP,OAAOA,EAAK,MACZ,OAAOA,EAAK,WACHA,EAAK,OACd,OAAOA,EAAK,UAEPA,EACR,EA6BUC,EAAiB,CAAmB,CAC/C,aAAAC,EACA,KAAAC,EACA,qBAAAC,EACA,MAAAC,CACF,IAA8B,CAC5B,KAAM,CAAE,cAAAC,EAAe,YAAAC,EAAa,QAAAC,EAAS,UAAAC,EAAW,MAAAC,EAAO,MAAAC,CAAM,EACnEd,EAAqB,MAAMO,EAAqBD,CAAI,CAAC,EAEjD,CACJ,KAAMS,EACN,cAAeC,EACf,qBAAsBC,EACtB,gBAAiBC,EACjB,YAAaC,EACb,UAAWC,EACX,UAAWC,EACX,cAAeC,GACbC,uBAAqB,CACvB,aAAAlB,CAAA,CACD,EAED,OACGmB,EAAAA,kBAAAA,KAAA,MAAA,CAAI,UAAWT,EAAWP,CAAK,EAC7B,SAAA,CACCH,EAAAoB,EAAA,kBAAA,IAAC,OAAI,UAAWR,EAAA,EACb,SAAMT,EAAA,iCACJkB,EAAQ,QAAA,CAAA,KAAK,YAAY,UAAWV,EAAoBR,CAAK,CAAG,CAAA,0BAEhE,MAAI,CAAA,UAAU,UAAU,CAAA,CAE7B,EACE,KACHC,GAA+C,KAC/CI,EAASY,EAAAA,kBAAAA,IAAA,MAAA,CAAI,IAAKZ,EAAO,IAAKC,EAAO,UAAWM,EAAgBZ,CAAK,CAAA,CAAG,EAAK,KAC7EI,EACCa,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWH,EAAoBd,CAAK,EACvC,SAAAiB,EAAA,kBAAA,IAACC,EAAQ,QAAA,CAAA,KAAMd,CAAW,CAAA,CAC5B,CAAA,EACE,KACJY,EAAAA,kBAAAA,KAAC,MAAI,CAAA,UAAU,2DACb,SAAA,CAAAC,EAAAA,kBAAAA,IAACE,QAAK,KAAK,QAAQ,UAAWN,EAAgBb,CAAK,EAChD,SACHM,EAAA,EACCJ,EACEe,EAAA,kBAAA,IAAAE,OAAA,CAAK,KAAK,cAAc,UAAWT,EAAsBV,CAAK,EAC5D,SAAAE,CACH,CAAA,EACE,IAAA,EACN,EACCC,EACCc,EAAA,kBAAA,IAAC,MAAI,CAAA,UAAWN,EAAkBX,CAAK,EACrC,SAAAiB,EAAA,kBAAA,IAACC,EAAQ,QAAA,CAAA,KAAMf,CAAS,CAAA,CAC1B,CAAA,EACE,IAAA,EACN,CAEJ"}
package/dist/lyra114.js CHANGED
@@ -1,55 +1,46 @@
1
- import { tv as e } from "./lyra104.js";
2
- const o = e({
3
- base: "flex flex-wrap gap-1"
4
- }), a = e({
5
- slots: {
6
- tag: [
7
- "transition",
8
- "cursor-default",
9
- "text-base",
10
- "rounded-sm",
11
- "py-1",
12
- "pe-1",
13
- "ps-1.5",
14
- "flex",
15
- "items-center",
16
- "gap-1",
17
- "ring-default",
18
- "border",
19
- "border-default",
20
- "outline-none",
21
- "solid",
22
- "bg-transparent",
23
- "[&:hover&:not(:active)]:bg-overlay-subtle",
24
- "active:bg-overlay-medium",
25
- "focus-visible:shadow-highlight",
26
- "focus-visible:border-focus",
27
- "select-none",
28
- "break-all"
29
- ],
30
- removeButton: ["cursor-default", "text-secondary", "outline-none"]
31
- },
32
- variants: {
33
- allowsRemoving: {
34
- true: {}
35
- },
36
- isDisabled: {
37
- true: {
38
- tag: ["bg-overlay-subtle", "text-secondary", "cursor-not-allowed", "border-transparent"]
39
- }
40
- }
41
- },
42
- compoundVariants: [
43
- {
44
- allowsRemoving: !0,
45
- isDisabled: !1,
46
- className: {
47
- tag: "pe-1"
48
- }
49
- }
50
- ]
51
- });
1
+ import { j as e } from "./lyra94.js";
2
+ import l from "./lyra96.js";
3
+ import { SvgIcon as s, iconsSchema as d } from "./lyra67.js";
4
+ import { Text as p } from "./lyra74.js";
5
+ import "./lyra75.js";
6
+ import { sharedListItemStyles as N } from "./lyra113.js";
7
+ const v = l.object({
8
+ label: l.string(),
9
+ description: l.string().optional(),
10
+ iconStart: d.optional(),
11
+ iconEnd: d.optional(),
12
+ image: l.string().url().optional(),
13
+ customElement: l.any().optional()
14
+ }).transform((i) => (i.customElement ? (delete i.image, delete i.iconStart) : i.image && delete i.iconStart, i)), W = ({
15
+ hasSelection: i,
16
+ item: h,
17
+ selectRenderElements: x,
18
+ state: t
19
+ }) => {
20
+ const { customElement: m, description: n, iconEnd: r, iconStart: o, image: c, label: a } = v.parse(x(h)), {
21
+ item: S,
22
+ itemCheckmark: j,
23
+ itemCheckmarkWrapper: u,
24
+ itemDescription: g,
25
+ itemEndIcon: f,
26
+ itemImage: k,
27
+ itemLabel: y,
28
+ itemStartIcon: I
29
+ } = N({
30
+ hasSelection: i
31
+ });
32
+ return /* @__PURE__ */ e.jsxs("div", { className: S(t), children: [
33
+ i ? /* @__PURE__ */ e.jsx("div", { className: u(), children: t.selected ? /* @__PURE__ */ e.jsx(s, { name: "checkmark", className: j(t) }) : /* @__PURE__ */ e.jsx("div", { className: "h-4 w-4" }) }) : null,
34
+ m || null,
35
+ c ? /* @__PURE__ */ e.jsx("img", { src: c, alt: a, className: k(t) }) : null,
36
+ o ? /* @__PURE__ */ e.jsx("div", { className: I(t), children: /* @__PURE__ */ e.jsx(s, { name: o }) }) : null,
37
+ /* @__PURE__ */ e.jsxs("div", { className: "flex w-full grow flex-col gap-1 overflow-hidden truncate", children: [
38
+ /* @__PURE__ */ e.jsx(p, { slot: "label", className: y(t), children: a }),
39
+ n ? /* @__PURE__ */ e.jsx(p, { slot: "description", className: g(t), children: n }) : null
40
+ ] }),
41
+ r ? /* @__PURE__ */ e.jsx("div", { className: f(t), children: /* @__PURE__ */ e.jsx(s, { name: r }) }) : null
42
+ ] });
43
+ };
52
44
  export {
53
- o as tagGroupStyles,
54
- a as tagStyles
45
+ W as SharedListItem
55
46
  };
@@ -1 +1 @@
1
- {"version":3,"file":"lyra114.js","sources":["../src/components/inputs/input-tag-group/input-tag-group.styles.ts"],"sourcesContent":["import { tv } from \"tailwind-variants\";\n\nexport const tagGroupStyles = tv({\n base: \"flex flex-wrap gap-1\",\n});\n\nexport const tagStyles = tv({\n slots: {\n tag: [\n \"transition\",\n \"cursor-default\",\n \"text-base\",\n \"rounded-sm\",\n \"py-1\",\n \"pe-1\",\n \"ps-1.5\",\n \"flex\",\n \"items-center\",\n \"gap-1\",\n \"ring-default\",\n \"border\",\n \"border-default\",\n \"outline-none\",\n \"solid\",\n \"bg-transparent\",\n \"[&:hover&:not(:active)]:bg-overlay-subtle\",\n \"active:bg-overlay-medium\",\n \"focus-visible:shadow-highlight\",\n \"focus-visible:border-focus\",\n \"select-none\",\n \"break-all\",\n ],\n removeButton: [\"cursor-default\", \"text-secondary\", \"outline-none\"],\n },\n variants: {\n allowsRemoving: {\n true: {},\n },\n isDisabled: {\n true: {\n tag: [\"bg-overlay-subtle\", \"text-secondary\", \"cursor-not-allowed\", \"border-transparent\"],\n },\n },\n },\n compoundVariants: [\n {\n allowsRemoving: true,\n isDisabled: false,\n className: {\n tag: \"pe-1\",\n },\n },\n ],\n});\n"],"names":["tagGroupStyles","tv","tagStyles"],"mappings":";AAEO,MAAMA,IAAiBC,EAAG;AAAA,EAC/B,MAAM;AACR,CAAC,GAEYC,IAAYD,EAAG;AAAA,EAC1B,OAAO;AAAA,IACL,KAAK;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,IACA,cAAc,CAAC,kBAAkB,kBAAkB,cAAc;AAAA,EACnE;AAAA,EACA,UAAU;AAAA,IACR,gBAAgB;AAAA,MACd,MAAM,CAAA;AAAA,IACR;AAAA,IACA,YAAY;AAAA,MACV,MAAM;AAAA,QACJ,KAAK,CAAC,qBAAqB,kBAAkB,sBAAsB,oBAAoB;AAAA,MAAA;AAAA,IACzF;AAAA,EAEJ;AAAA,EACA,kBAAkB;AAAA,IAChB;AAAA,MACE,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,WAAW;AAAA,QACT,KAAK;AAAA,MAAA;AAAA,IACP;AAAA,EACF;AAEJ,CAAC;"}
1
+ {"version":3,"file":"lyra114.js","sources":["../src/components/lists/shared-list-item.tsx"],"sourcesContent":["import { ReactNode } from \"react\";\n\nimport { z } from \"zod\";\n\nimport { iconsSchema, SvgIcon } from \"../svg-icon\";\nimport { Text } from \"../text\";\n\nimport { sharedListItemStyles } from \"./shared-list.styles\";\n\n// Define the schema for the shared list item\nconst sharedListItemSchema = z\n .object({\n label: z.string(),\n description: z.string().optional(),\n iconStart: iconsSchema.optional(),\n iconEnd: iconsSchema.optional(),\n image: z.string().url().optional(),\n customElement: z.any().optional(),\n })\n .transform((data) => {\n // customElement, image and iconStart are mutually exclusive, so we remove the other two if one is present.\n // Priority is customElement > image > iconStart\n if (data.customElement) {\n delete data.image;\n delete data.iconStart;\n } else if (data.image) {\n delete data.iconStart;\n }\n return data;\n });\n\n// Infer the type of the shared list item arguments. We make sure customElement will be typed as ReactNode.\nexport type SharedListItemArgs = z.infer<typeof sharedListItemSchema> & {\n customElement?: ReactNode;\n};\n\ntype SharedListItemRenderPropArg = {\n active: boolean;\n selected: boolean;\n disabled: boolean;\n};\n\nexport type SelectItemRenderPropFn<T> = (arg: T) => SharedListItemArgs;\n\nexport type SharedListItemProps<T extends object> = {\n item: T;\n selectRenderElements: SelectItemRenderPropFn<T>;\n state: SharedListItemRenderPropArg;\n hasSelection?: boolean;\n};\n\n/**\n * Renders a single item in a list\n *\n * @template T - The type of the item.\n * @param {SharedListItemProps<T>} props - The props for the SharedListItem component.\n * @returns {JSX.Element} - The rendered SharedListItem component.\n */\nexport const SharedListItem = <T extends object>({\n hasSelection,\n item,\n selectRenderElements,\n state,\n}: SharedListItemProps<T>) => {\n const { customElement, description, iconEnd, iconStart, image, label } =\n sharedListItemSchema.parse(selectRenderElements(item));\n\n const {\n item: itemStyles,\n itemCheckmark: itemCheckmarkStyles,\n itemCheckmarkWrapper: itemCheckmarkWrapperStyles,\n itemDescription: itemDescriptionStyles,\n itemEndIcon: itemEndIconStyles,\n itemImage: itemImageStyles,\n itemLabel: itemLabelStyles,\n itemStartIcon: itemStartIconStyles,\n } = sharedListItemStyles({\n hasSelection,\n });\n\n return (\n <div className={itemStyles(state)}>\n {hasSelection ? (\n <div className={itemCheckmarkWrapperStyles()}>\n {state.selected ? (\n <SvgIcon name=\"checkmark\" className={itemCheckmarkStyles(state)} />\n ) : (\n <div className=\"h-4 w-4\" />\n )}\n </div>\n ) : null}\n {customElement ? (customElement as ReactNode) : null}\n {image ? <img src={image} alt={label} className={itemImageStyles(state)} /> : null}\n {iconStart ? (\n <div className={itemStartIconStyles(state)}>\n <SvgIcon name={iconStart} />\n </div>\n ) : null}\n <div className=\"flex w-full grow flex-col gap-1 overflow-hidden truncate\">\n <Text slot=\"label\" className={itemLabelStyles(state)}>\n {label}\n </Text>\n {description ? (\n <Text slot=\"description\" className={itemDescriptionStyles(state)}>\n {description}\n </Text>\n ) : null}\n </div>\n {iconEnd ? (\n <div className={itemEndIconStyles(state)}>\n <SvgIcon name={iconEnd} />\n </div>\n ) : null}\n </div>\n );\n};\n"],"names":["sharedListItemSchema","z","iconsSchema","data","SharedListItem","hasSelection","item","selectRenderElements","state","customElement","description","iconEnd","iconStart","image","label","itemStyles","itemCheckmarkStyles","itemCheckmarkWrapperStyles","itemDescriptionStyles","itemEndIconStyles","itemImageStyles","itemLabelStyles","itemStartIconStyles","sharedListItemStyles","jsxs","jsx","SvgIcon","Text"],"mappings":";;;;;;AAUA,MAAMA,IAAuBC,EAC1B,OAAO;AAAA,EACN,OAAOA,EAAE,OAAO;AAAA,EAChB,aAAaA,EAAE,OAAO,EAAE,SAAS;AAAA,EACjC,WAAWC,EAAY,SAAS;AAAA,EAChC,SAASA,EAAY,SAAS;AAAA,EAC9B,OAAOD,EAAE,OAAS,EAAA,IAAA,EAAM,SAAS;AAAA,EACjC,eAAeA,EAAE,IAAI,EAAE,SAAS;AAClC,CAAC,EACA,UAAU,CAACE,OAGNA,EAAK,iBACP,OAAOA,EAAK,OACZ,OAAOA,EAAK,aACHA,EAAK,SACd,OAAOA,EAAK,WAEPA,EACR,GA6BUC,IAAiB,CAAmB;AAAA,EAC/C,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,sBAAAC;AAAA,EACA,OAAAC;AACF,MAA8B;AAC5B,QAAM,EAAE,eAAAC,GAAe,aAAAC,GAAa,SAAAC,GAAS,WAAAC,GAAW,OAAAC,GAAO,OAAAC,EAAM,IACnEd,EAAqB,MAAMO,EAAqBD,CAAI,CAAC,GAEjD;AAAA,IACJ,MAAMS;AAAA,IACN,eAAeC;AAAA,IACf,sBAAsBC;AAAA,IACtB,iBAAiBC;AAAA,IACjB,aAAaC;AAAA,IACb,WAAWC;AAAA,IACX,WAAWC;AAAA,IACX,eAAeC;AAAA,MACbC,EAAqB;AAAA,IACvB,cAAAlB;AAAA,EAAA,CACD;AAED,SACGmB,gBAAAA,EAAAA,KAAA,OAAA,EAAI,WAAWT,EAAWP,CAAK,GAC7B,UAAA;AAAA,IACCH,IAAAoB,gBAAAA,EAAA,IAAC,SAAI,WAAWR,EAAA,GACb,UAAMT,EAAA,iCACJkB,GAAQ,EAAA,MAAK,aAAY,WAAWV,EAAoBR,CAAK,EAAG,CAAA,0BAEhE,OAAI,EAAA,WAAU,WAAU,EAAA,CAE7B,IACE;AAAA,IACHC,KAA+C;AAAA,IAC/CI,IAASY,gBAAAA,EAAAA,IAAA,OAAA,EAAI,KAAKZ,GAAO,KAAKC,GAAO,WAAWM,EAAgBZ,CAAK,EAAA,CAAG,IAAK;AAAA,IAC7EI,IACCa,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWH,EAAoBd,CAAK,GACvC,UAAAiB,gBAAAA,EAAA,IAACC,GAAQ,EAAA,MAAMd,EAAW,CAAA,EAC5B,CAAA,IACE;AAAA,IACJY,gBAAAA,EAAAA,KAAC,OAAI,EAAA,WAAU,4DACb,UAAA;AAAA,MAAAC,gBAAAA,EAAAA,IAACE,KAAK,MAAK,SAAQ,WAAWN,EAAgBb,CAAK,GAChD,UACHM,GAAA;AAAA,MACCJ,IACEe,gBAAAA,EAAA,IAAAE,GAAA,EAAK,MAAK,eAAc,WAAWT,EAAsBV,CAAK,GAC5D,UAAAE,EACH,CAAA,IACE;AAAA,IAAA,GACN;AAAA,IACCC,IACCc,gBAAAA,EAAA,IAAC,OAAI,EAAA,WAAWN,EAAkBX,CAAK,GACrC,UAAAiB,gBAAAA,EAAA,IAACC,GAAQ,EAAA,MAAMf,EAAS,CAAA,EAC1B,CAAA,IACE;AAAA,EAAA,GACN;AAEJ;"}