@accelint/design-toolkit 5.2.0 → 7.0.0

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 (598) hide show
  1. package/README.md +2 -0
  2. package/catalog-info.yaml +44 -0
  3. package/dist/components/accordion/context.d.ts +10 -0
  4. package/dist/components/accordion/context.js +4 -0
  5. package/dist/components/accordion/context.js.map +1 -0
  6. package/dist/components/accordion/group.d.ts +11 -0
  7. package/dist/components/accordion/group.js +4 -0
  8. package/dist/components/accordion/group.js.map +1 -0
  9. package/dist/components/accordion/header.d.ts +11 -0
  10. package/dist/components/accordion/header.js +4 -0
  11. package/dist/components/accordion/header.js.map +1 -0
  12. package/dist/components/accordion/index.d.ts +22 -46
  13. package/dist/components/accordion/index.js +1 -3
  14. package/dist/components/accordion/index.js.map +1 -1
  15. package/dist/components/accordion/panel.d.ts +11 -0
  16. package/dist/components/accordion/panel.js +4 -0
  17. package/dist/components/accordion/panel.js.map +1 -0
  18. package/dist/components/accordion/styles.d.ts +3 -3
  19. package/dist/components/accordion/styles.js +1 -1
  20. package/dist/components/accordion/styles.js.map +1 -1
  21. package/dist/components/accordion/trigger.d.ts +11 -0
  22. package/dist/components/accordion/trigger.js +4 -0
  23. package/dist/components/accordion/trigger.js.map +1 -0
  24. package/dist/components/accordion/types.d.ts +1 -1
  25. package/dist/components/action-bar/index.d.ts +11 -3
  26. package/dist/components/action-bar/index.js +1 -1
  27. package/dist/components/action-bar/index.js.map +1 -1
  28. package/dist/components/avatar/context.d.ts +14 -0
  29. package/dist/components/avatar/context.js +4 -0
  30. package/dist/components/avatar/context.js.map +1 -0
  31. package/dist/components/avatar/index.d.ts +2 -13
  32. package/dist/components/avatar/index.js +1 -1
  33. package/dist/components/avatar/index.js.map +1 -1
  34. package/dist/components/badge/context.d.ts +13 -0
  35. package/dist/components/badge/context.js +4 -0
  36. package/dist/components/badge/context.js.map +1 -0
  37. package/dist/components/badge/index.d.ts +2 -13
  38. package/dist/components/badge/index.js +1 -3
  39. package/dist/components/badge/index.js.map +1 -1
  40. package/dist/components/breadcrumbs/index.d.ts +12 -9
  41. package/dist/components/breadcrumbs/index.js +1 -1
  42. package/dist/components/breadcrumbs/index.js.map +1 -1
  43. package/dist/components/breadcrumbs/item.d.ts +7 -0
  44. package/dist/components/breadcrumbs/item.js +4 -0
  45. package/dist/components/breadcrumbs/item.js.map +1 -0
  46. package/dist/components/button/context.d.ts +17 -0
  47. package/dist/components/button/context.js +4 -0
  48. package/dist/components/button/context.js.map +1 -0
  49. package/dist/components/button/index.d.ts +5 -104
  50. package/dist/components/button/index.js +1 -3
  51. package/dist/components/button/index.js.map +1 -1
  52. package/dist/components/button/link.d.ts +46 -0
  53. package/dist/components/button/link.js +4 -0
  54. package/dist/components/button/link.js.map +1 -0
  55. package/dist/components/button/styles.js +1 -1
  56. package/dist/components/button/styles.js.map +1 -1
  57. package/dist/components/button/toggle.d.ts +48 -0
  58. package/dist/components/button/toggle.js +4 -0
  59. package/dist/components/button/toggle.js.map +1 -0
  60. package/dist/components/checkbox/context.d.ts +10 -0
  61. package/dist/components/checkbox/context.js +4 -0
  62. package/dist/components/checkbox/context.js.map +1 -0
  63. package/dist/components/checkbox/group.d.ts +10 -0
  64. package/dist/components/checkbox/group.js +4 -0
  65. package/dist/components/checkbox/group.js.map +1 -0
  66. package/dist/components/checkbox/index.d.ts +6 -16
  67. package/dist/components/checkbox/index.js +1 -1
  68. package/dist/components/checkbox/index.js.map +1 -1
  69. package/dist/components/checkbox/styles.js +1 -1
  70. package/dist/components/checkbox/styles.js.map +1 -1
  71. package/dist/components/chip/context.d.ts +13 -0
  72. package/dist/components/chip/context.js +4 -0
  73. package/dist/components/chip/context.js.map +1 -0
  74. package/dist/components/chip/deletable.d.ts +11 -0
  75. package/dist/components/chip/deletable.js +4 -0
  76. package/dist/components/chip/deletable.js.map +1 -0
  77. package/dist/components/chip/index.d.ts +14 -39
  78. package/dist/components/chip/index.js +1 -3
  79. package/dist/components/chip/index.js.map +1 -1
  80. package/dist/components/chip/list.d.ts +12 -0
  81. package/dist/components/chip/list.js +4 -0
  82. package/dist/components/chip/list.js.map +1 -0
  83. package/dist/components/chip/selectable.d.ts +11 -0
  84. package/dist/components/chip/selectable.js +2 -0
  85. package/dist/components/chip/selectable.js.map +1 -0
  86. package/dist/components/chip/styles.js +1 -1
  87. package/dist/components/chip/styles.js.map +1 -1
  88. package/dist/components/chip/types.d.ts +2 -2
  89. package/dist/components/classification-badge/context.d.ts +12 -0
  90. package/dist/components/classification-badge/context.js +4 -0
  91. package/dist/components/classification-badge/context.js.map +1 -0
  92. package/dist/components/classification-badge/index.d.ts +2 -13
  93. package/dist/components/classification-badge/index.js +1 -3
  94. package/dist/components/classification-badge/index.js.map +1 -1
  95. package/dist/components/classification-banner/context.d.ts +12 -0
  96. package/dist/components/classification-banner/context.js +4 -0
  97. package/dist/components/classification-banner/context.js.map +1 -0
  98. package/dist/components/classification-banner/index.d.ts +2 -13
  99. package/dist/components/classification-banner/index.js +1 -3
  100. package/dist/components/classification-banner/index.js.map +1 -1
  101. package/dist/components/clock/index.d.ts +36 -0
  102. package/dist/components/clock/index.js +4 -0
  103. package/dist/components/clock/index.js.map +1 -0
  104. package/dist/components/clock/types.d.ts +7 -0
  105. package/dist/components/clock/types.js +2 -0
  106. package/dist/components/clock/types.js.map +1 -0
  107. package/dist/components/color-picker/index.d.ts +0 -3
  108. package/dist/components/color-picker/index.js +1 -1
  109. package/dist/components/color-picker/index.js.map +1 -1
  110. package/dist/components/color-picker/styles.js +1 -1
  111. package/dist/components/color-picker/styles.js.map +1 -1
  112. package/dist/components/combobox-field/context.d.ts +16 -0
  113. package/dist/components/combobox-field/context.js +4 -0
  114. package/dist/components/combobox-field/context.js.map +1 -0
  115. package/dist/components/combobox-field/index.d.ts +14 -7
  116. package/dist/components/combobox-field/index.js +1 -1
  117. package/dist/components/combobox-field/index.js.map +1 -1
  118. package/dist/components/combobox-field/styles.d.ts +3 -3
  119. package/dist/components/combobox-field/styles.js +1 -1
  120. package/dist/components/combobox-field/styles.js.map +1 -1
  121. package/dist/components/date-field/index.js +1 -1
  122. package/dist/components/date-field/index.js.map +1 -1
  123. package/dist/components/details-list/context.d.ts +12 -0
  124. package/dist/components/details-list/context.js +4 -0
  125. package/dist/components/details-list/context.js.map +1 -0
  126. package/dist/components/details-list/index.d.ts +15 -35
  127. package/dist/components/details-list/index.js +1 -3
  128. package/dist/components/details-list/index.js.map +1 -1
  129. package/dist/components/details-list/label.d.ts +10 -0
  130. package/dist/components/details-list/label.js +4 -0
  131. package/dist/components/details-list/label.js.map +1 -0
  132. package/dist/components/details-list/value.d.ts +10 -0
  133. package/dist/components/details-list/value.js +4 -0
  134. package/dist/components/details-list/value.js.map +1 -0
  135. package/dist/components/dialog/content.d.ts +6 -0
  136. package/dist/components/dialog/content.js +2 -0
  137. package/dist/components/dialog/content.js.map +1 -0
  138. package/dist/components/dialog/context.d.ts +7 -0
  139. package/dist/components/dialog/context.js +4 -0
  140. package/dist/components/dialog/context.js.map +1 -0
  141. package/dist/components/dialog/footer.d.ts +6 -0
  142. package/dist/components/dialog/footer.js +4 -0
  143. package/dist/components/dialog/footer.js.map +1 -0
  144. package/dist/components/dialog/index.d.ts +9 -30
  145. package/dist/components/dialog/index.js +1 -1
  146. package/dist/components/dialog/index.js.map +1 -1
  147. package/dist/components/dialog/styles.d.ts +3 -3
  148. package/dist/components/dialog/title.d.ts +6 -0
  149. package/dist/components/dialog/title.js +4 -0
  150. package/dist/components/dialog/title.js.map +1 -0
  151. package/dist/components/dialog/trigger.d.ts +1 -0
  152. package/dist/components/dialog/trigger.js +2 -0
  153. package/dist/components/dialog/trigger.js.map +1 -0
  154. package/dist/components/dialog/types.d.ts +3 -2
  155. package/dist/components/divider/context.d.ts +10 -0
  156. package/dist/components/divider/context.js +4 -0
  157. package/dist/components/divider/context.js.map +1 -0
  158. package/dist/components/divider/index.d.ts +2 -13
  159. package/dist/components/divider/index.js +1 -3
  160. package/dist/components/divider/index.js.map +1 -1
  161. package/dist/components/drawer/back.d.ts +5 -0
  162. package/dist/components/drawer/back.js +4 -0
  163. package/dist/components/drawer/back.js.map +1 -0
  164. package/dist/components/drawer/close.d.ts +5 -0
  165. package/dist/components/drawer/close.js +2 -0
  166. package/dist/components/drawer/close.js.map +1 -0
  167. package/dist/components/drawer/content.d.ts +6 -0
  168. package/dist/components/drawer/content.js +4 -0
  169. package/dist/components/drawer/content.js.map +1 -0
  170. package/dist/components/drawer/context.d.ts +38 -0
  171. package/dist/components/drawer/context.js +4 -0
  172. package/dist/components/drawer/context.js.map +1 -0
  173. package/dist/components/drawer/footer.d.ts +6 -0
  174. package/dist/components/drawer/footer.js +4 -0
  175. package/dist/components/drawer/footer.js.map +1 -0
  176. package/dist/components/drawer/header-title.d.ts +25 -0
  177. package/dist/components/drawer/header-title.js +2 -0
  178. package/dist/components/drawer/header-title.js.map +1 -0
  179. package/dist/components/drawer/header.d.ts +6 -0
  180. package/dist/components/drawer/header.js +4 -0
  181. package/dist/components/drawer/header.js.map +1 -0
  182. package/dist/components/drawer/index.d.ts +30 -88
  183. package/dist/components/drawer/index.js +1 -1
  184. package/dist/components/drawer/index.js.map +1 -1
  185. package/dist/components/drawer/layout-main.d.ts +6 -0
  186. package/dist/components/drawer/layout-main.js +2 -0
  187. package/dist/components/drawer/layout-main.js.map +1 -0
  188. package/dist/components/drawer/layout.d.ts +20 -0
  189. package/dist/components/drawer/layout.js +4 -0
  190. package/dist/components/drawer/layout.js.map +1 -0
  191. package/dist/components/drawer/menu-item.d.ts +20 -0
  192. package/dist/components/drawer/menu-item.js +2 -0
  193. package/dist/components/drawer/menu-item.js.map +1 -0
  194. package/dist/components/drawer/menu.d.ts +20 -0
  195. package/dist/components/drawer/menu.js +4 -0
  196. package/dist/components/drawer/menu.js.map +1 -0
  197. package/dist/components/drawer/panel.d.ts +6 -0
  198. package/dist/components/drawer/panel.js +2 -0
  199. package/dist/components/drawer/panel.js.map +1 -0
  200. package/dist/components/drawer/styles.d.ts +9 -9
  201. package/dist/components/drawer/trigger.d.ts +20 -0
  202. package/dist/components/drawer/trigger.js +4 -0
  203. package/dist/components/drawer/trigger.js.map +1 -0
  204. package/dist/components/drawer/types.d.ts +3 -3
  205. package/dist/components/drawer/view.d.ts +11 -0
  206. package/dist/components/drawer/view.js +4 -0
  207. package/dist/components/drawer/view.js.map +1 -0
  208. package/dist/components/hero/context.d.ts +7 -0
  209. package/dist/components/hero/context.js +2 -0
  210. package/dist/components/hero/context.js.map +1 -0
  211. package/dist/components/hero/index.d.ts +8 -16
  212. package/dist/components/hero/index.js +1 -1
  213. package/dist/components/hero/index.js.map +1 -1
  214. package/dist/components/hero/subtitle.d.ts +6 -0
  215. package/dist/components/hero/subtitle.js +4 -0
  216. package/dist/components/hero/subtitle.js.map +1 -0
  217. package/dist/components/hero/title.d.ts +6 -0
  218. package/dist/components/hero/title.js +2 -0
  219. package/dist/components/hero/title.js.map +1 -0
  220. package/dist/components/hotkey/context.d.ts +12 -0
  221. package/dist/components/hotkey/context.js +4 -0
  222. package/dist/components/hotkey/context.js.map +1 -0
  223. package/dist/components/hotkey/hotkey-set.d.ts +9 -0
  224. package/dist/components/hotkey/hotkey-set.js +2 -0
  225. package/dist/components/hotkey/hotkey-set.js.map +1 -0
  226. package/dist/components/hotkey/index.d.ts +7 -23
  227. package/dist/components/hotkey/index.js +1 -1
  228. package/dist/components/hotkey/index.js.map +1 -1
  229. package/dist/components/icon/context.d.ts +10 -0
  230. package/dist/components/icon/context.js +4 -0
  231. package/dist/components/icon/context.js.map +1 -0
  232. package/dist/components/icon/index.d.ts +2 -13
  233. package/dist/components/icon/index.js +1 -3
  234. package/dist/components/icon/index.js.map +1 -1
  235. package/dist/components/input/context.d.ts +13 -0
  236. package/dist/components/input/context.js +4 -0
  237. package/dist/components/input/context.js.map +1 -0
  238. package/dist/components/input/index.d.ts +3 -7
  239. package/dist/components/input/index.js +1 -1
  240. package/dist/components/input/index.js.map +1 -1
  241. package/dist/components/label/context.d.ts +10 -0
  242. package/dist/components/label/context.js +4 -0
  243. package/dist/components/label/context.js.map +1 -0
  244. package/dist/components/label/index.d.ts +3 -13
  245. package/dist/components/label/index.js +1 -3
  246. package/dist/components/label/index.js.map +1 -1
  247. package/dist/components/lines/index.d.ts +9 -0
  248. package/dist/components/lines/index.js.map +1 -1
  249. package/dist/components/link/context.d.ts +9 -0
  250. package/dist/components/link/context.js +4 -0
  251. package/dist/components/link/context.js.map +1 -0
  252. package/dist/components/link/index.d.ts +9 -9
  253. package/dist/components/link/index.js +1 -3
  254. package/dist/components/link/index.js.map +1 -1
  255. package/dist/components/link/styles.js +1 -1
  256. package/dist/components/link/styles.js.map +1 -1
  257. package/dist/components/menu/context.d.ts +10 -0
  258. package/dist/components/menu/context.js +4 -0
  259. package/dist/components/menu/context.js.map +1 -0
  260. package/dist/components/menu/index.d.ts +31 -63
  261. package/dist/components/menu/index.js +1 -1
  262. package/dist/components/menu/index.js.map +1 -1
  263. package/dist/components/menu/item-description.d.ts +6 -0
  264. package/dist/components/menu/item-description.js +2 -0
  265. package/dist/components/menu/item-description.js.map +1 -0
  266. package/dist/components/menu/item-label.d.ts +6 -0
  267. package/dist/components/menu/item-label.js +4 -0
  268. package/dist/components/menu/item-label.js.map +1 -0
  269. package/dist/components/menu/item.d.ts +11 -0
  270. package/dist/components/menu/item.js +4 -0
  271. package/dist/components/menu/item.js.map +1 -0
  272. package/dist/components/menu/section.d.ts +11 -0
  273. package/dist/components/menu/section.js +2 -0
  274. package/dist/components/menu/section.js.map +1 -0
  275. package/dist/components/menu/separator.d.ts +6 -0
  276. package/dist/components/menu/separator.js +4 -0
  277. package/dist/components/menu/separator.js.map +1 -0
  278. package/dist/components/menu/styles.js +1 -1
  279. package/dist/components/menu/styles.js.map +1 -1
  280. package/dist/components/menu/submenu.d.ts +6 -0
  281. package/dist/components/menu/submenu.js +4 -0
  282. package/dist/components/menu/submenu.js.map +1 -0
  283. package/dist/components/menu/trigger.d.ts +1 -0
  284. package/dist/components/menu/trigger.js +2 -0
  285. package/dist/components/menu/trigger.js.map +1 -0
  286. package/dist/components/menu/types.d.ts +1 -1
  287. package/dist/components/notice/events.d.ts +10 -0
  288. package/dist/components/notice/events.js +2 -0
  289. package/dist/components/notice/events.js.map +1 -0
  290. package/dist/components/notice/index.d.ts +16 -0
  291. package/dist/components/notice/index.js +4 -0
  292. package/dist/components/notice/index.js.map +1 -0
  293. package/dist/components/notice/list.d.ts +16 -0
  294. package/dist/components/notice/list.js +4 -0
  295. package/dist/components/notice/list.js.map +1 -0
  296. package/dist/components/notice/notice-icon.d.ts +16 -0
  297. package/dist/components/notice/notice-icon.js +2 -0
  298. package/dist/components/notice/notice-icon.js.map +1 -0
  299. package/dist/components/notice/styles.d.ts +60 -0
  300. package/dist/components/notice/styles.js +2 -0
  301. package/dist/components/notice/styles.js.map +1 -0
  302. package/dist/components/notice/types.d.ts +75 -0
  303. package/dist/components/notice/types.js +2 -0
  304. package/dist/components/notice/types.js.map +1 -0
  305. package/dist/components/notice/utils.d.ts +3 -0
  306. package/dist/components/notice/utils.js +4 -0
  307. package/dist/components/notice/utils.js.map +1 -0
  308. package/dist/components/options/context.d.ts +8 -0
  309. package/dist/components/options/context.js +2 -0
  310. package/dist/components/options/context.js.map +1 -0
  311. package/dist/components/options/index.d.ts +22 -51
  312. package/dist/components/options/index.js +1 -1
  313. package/dist/components/options/index.js.map +1 -1
  314. package/dist/components/options/item-content.d.ts +9 -0
  315. package/dist/components/options/item-content.js +2 -0
  316. package/dist/components/options/item-content.js.map +1 -0
  317. package/dist/components/options/item-description.d.ts +9 -0
  318. package/dist/components/options/item-description.js +4 -0
  319. package/dist/components/options/item-description.js.map +1 -0
  320. package/dist/components/options/item-label.d.ts +9 -0
  321. package/dist/components/options/item-label.js +2 -0
  322. package/dist/components/options/item-label.js.map +1 -0
  323. package/dist/components/options/item.d.ts +9 -0
  324. package/dist/components/options/item.js +4 -0
  325. package/dist/components/options/item.js.map +1 -0
  326. package/dist/components/options/section.d.ts +9 -0
  327. package/dist/components/options/section.js +2 -0
  328. package/dist/components/options/section.js.map +1 -0
  329. package/dist/components/options/styles.d.ts +3 -3
  330. package/dist/components/options/styles.js +1 -1
  331. package/dist/components/options/styles.js.map +1 -1
  332. package/dist/components/options/types.d.ts +2 -2
  333. package/dist/components/popover/body.d.ts +8 -0
  334. package/dist/components/popover/body.js +4 -0
  335. package/dist/components/popover/body.js.map +1 -0
  336. package/dist/components/popover/content.d.ts +8 -0
  337. package/dist/components/popover/content.js +2 -0
  338. package/dist/components/popover/content.js.map +1 -0
  339. package/dist/components/popover/footer.d.ts +9 -0
  340. package/dist/components/popover/footer.js +4 -0
  341. package/dist/components/popover/footer.js.map +1 -0
  342. package/dist/components/popover/index.d.ts +16 -39
  343. package/dist/components/popover/index.js +1 -3
  344. package/dist/components/popover/index.js.map +1 -1
  345. package/dist/components/popover/title.d.ts +8 -0
  346. package/dist/components/popover/title.js +4 -0
  347. package/dist/components/popover/title.js.map +1 -0
  348. package/dist/components/popover/trigger.d.ts +8 -0
  349. package/dist/components/popover/trigger.js +2 -0
  350. package/dist/components/popover/trigger.js.map +1 -0
  351. package/dist/components/popover/types.d.ts +1 -1
  352. package/dist/components/query-builder/action-element.js +1 -1
  353. package/dist/components/query-builder/action-element.js.map +1 -1
  354. package/dist/components/query-builder/actions.d.ts +8 -0
  355. package/dist/components/query-builder/actions.js +2 -0
  356. package/dist/components/query-builder/actions.js.map +1 -0
  357. package/dist/components/query-builder/combinator-selector.d.ts +6 -0
  358. package/dist/components/query-builder/combinator-selector.js +4 -0
  359. package/dist/components/query-builder/combinator-selector.js.map +1 -0
  360. package/dist/components/query-builder/index.d.ts +1 -21
  361. package/dist/components/query-builder/index.js +3 -1
  362. package/dist/components/query-builder/index.js.map +1 -1
  363. package/dist/components/query-builder/{group.js → rule-group.js} +2 -2
  364. package/dist/components/query-builder/rule-group.js.map +1 -0
  365. package/dist/components/query-builder/rule.js +1 -3
  366. package/dist/components/query-builder/rule.js.map +1 -1
  367. package/dist/components/query-builder/styles.d.ts +152 -0
  368. package/dist/components/query-builder/styles.js +2 -0
  369. package/dist/components/query-builder/styles.js.map +1 -0
  370. package/dist/components/query-builder/utils.d.ts +1 -10
  371. package/dist/components/query-builder/utils.js +1 -1
  372. package/dist/components/query-builder/utils.js.map +1 -1
  373. package/dist/components/query-builder/value-editor.js +1 -1
  374. package/dist/components/query-builder/value-editor.js.map +1 -1
  375. package/dist/components/query-builder/value-selector.js +1 -1
  376. package/dist/components/query-builder/value-selector.js.map +1 -1
  377. package/dist/components/radio/context.d.ts +13 -0
  378. package/dist/components/radio/context.js +4 -0
  379. package/dist/components/radio/context.js.map +1 -0
  380. package/dist/components/radio/group.d.ts +15 -0
  381. package/dist/components/radio/group.js +4 -0
  382. package/dist/components/radio/group.js.map +1 -0
  383. package/dist/components/radio/index.d.ts +10 -19
  384. package/dist/components/radio/index.js +1 -3
  385. package/dist/components/radio/index.js.map +1 -1
  386. package/dist/components/radio/styles.js +1 -1
  387. package/dist/components/radio/styles.js.map +1 -1
  388. package/dist/components/radio/types.d.ts +1 -1
  389. package/dist/components/search-field/context.d.ts +26 -0
  390. package/dist/components/search-field/context.js +4 -0
  391. package/dist/components/search-field/context.js.map +1 -0
  392. package/dist/components/search-field/index.d.ts +4 -20
  393. package/dist/components/search-field/index.js +1 -1
  394. package/dist/components/search-field/index.js.map +1 -1
  395. package/dist/components/select-field/context.d.ts +15 -0
  396. package/dist/components/select-field/context.js +4 -0
  397. package/dist/components/select-field/context.js.map +1 -0
  398. package/dist/components/select-field/index.d.ts +12 -21
  399. package/dist/components/select-field/index.js +1 -1
  400. package/dist/components/select-field/index.js.map +1 -1
  401. package/dist/components/select-field/styles.d.ts +9 -3
  402. package/dist/components/select-field/styles.js +1 -1
  403. package/dist/components/select-field/styles.js.map +1 -1
  404. package/dist/components/select-field/types.d.ts +2 -2
  405. package/dist/components/sidenav/avatar.d.ts +16 -0
  406. package/dist/components/sidenav/avatar.js +4 -0
  407. package/dist/components/sidenav/avatar.js.map +1 -0
  408. package/dist/components/sidenav/content.d.ts +16 -0
  409. package/dist/components/sidenav/content.js +2 -0
  410. package/dist/components/sidenav/content.js.map +1 -0
  411. package/dist/components/sidenav/context.d.ts +10 -0
  412. package/dist/components/sidenav/context.js +4 -0
  413. package/dist/components/sidenav/context.js.map +1 -0
  414. package/dist/components/sidenav/footer.d.ts +16 -0
  415. package/dist/components/sidenav/footer.js +4 -0
  416. package/dist/components/sidenav/footer.js.map +1 -0
  417. package/dist/components/sidenav/header.d.ts +16 -0
  418. package/dist/components/sidenav/header.js +4 -0
  419. package/dist/components/sidenav/header.js.map +1 -0
  420. package/dist/components/sidenav/index.d.ts +57 -49
  421. package/dist/components/sidenav/index.js +1 -3
  422. package/dist/components/sidenav/index.js.map +1 -1
  423. package/dist/components/sidenav/item.d.ts +16 -0
  424. package/dist/components/sidenav/item.js +4 -0
  425. package/dist/components/sidenav/item.js.map +1 -0
  426. package/dist/components/sidenav/link.d.ts +16 -0
  427. package/dist/components/sidenav/link.js +4 -0
  428. package/dist/components/sidenav/link.js.map +1 -0
  429. package/dist/components/sidenav/menu-item.d.ts +16 -0
  430. package/dist/components/sidenav/menu-item.js +2 -0
  431. package/dist/components/sidenav/menu-item.js.map +1 -0
  432. package/dist/components/sidenav/menu.d.ts +16 -0
  433. package/dist/components/sidenav/menu.js +4 -0
  434. package/dist/components/sidenav/menu.js.map +1 -0
  435. package/dist/components/sidenav/styles.d.ts +9 -9
  436. package/dist/components/sidenav/trigger.d.ts +16 -0
  437. package/dist/components/sidenav/trigger.js +4 -0
  438. package/dist/components/sidenav/trigger.js.map +1 -0
  439. package/dist/components/sidenav/types.d.ts +1 -1
  440. package/dist/components/skeleton/index.d.ts +0 -3
  441. package/dist/components/skeleton/index.js +1 -1
  442. package/dist/components/skeleton/index.js.map +1 -1
  443. package/dist/components/slider/index.d.ts +1 -1
  444. package/dist/components/slider/index.js +1 -1
  445. package/dist/components/slider/index.js.map +1 -1
  446. package/dist/components/slider/styles.d.ts +3 -3
  447. package/dist/components/slider/styles.js +1 -1
  448. package/dist/components/slider/styles.js.map +1 -1
  449. package/dist/components/switch/context.d.ts +20 -0
  450. package/dist/components/switch/context.js +4 -0
  451. package/dist/components/switch/context.js.map +1 -0
  452. package/dist/components/switch/index.d.ts +3 -13
  453. package/dist/components/switch/index.js +1 -1
  454. package/dist/components/switch/index.js.map +1 -1
  455. package/dist/components/switch/styles.js +1 -1
  456. package/dist/components/switch/styles.js.map +1 -1
  457. package/dist/components/table/body.js +2 -0
  458. package/dist/components/table/body.js.map +1 -0
  459. package/dist/components/table/cell.js +2 -0
  460. package/dist/components/table/cell.js.map +1 -0
  461. package/dist/components/table/constants/table.d.ts +17 -0
  462. package/dist/components/table/constants/table.js +2 -0
  463. package/dist/components/table/constants/table.js.map +1 -0
  464. package/dist/components/table/context.js +1 -1
  465. package/dist/components/table/context.js.map +1 -1
  466. package/dist/components/table/{table-header-cell.d.ts → header-cell.d.ts} +2 -2
  467. package/dist/components/table/header-cell.js +2 -0
  468. package/dist/components/table/header-cell.js.map +1 -0
  469. package/dist/components/table/header.js +2 -0
  470. package/dist/components/table/header.js.map +1 -0
  471. package/dist/components/table/index.d.ts +10 -14
  472. package/dist/components/table/index.js +1 -1
  473. package/dist/components/table/index.js.map +1 -1
  474. package/dist/components/table/row.js +2 -0
  475. package/dist/components/table/row.js.map +1 -0
  476. package/dist/components/table/types.d.ts +25 -2
  477. package/dist/components/tabs/context.d.ts +20 -0
  478. package/dist/components/tabs/context.js +4 -0
  479. package/dist/components/tabs/context.js.map +1 -0
  480. package/dist/components/tabs/index.d.ts +25 -51
  481. package/dist/components/tabs/index.js +1 -3
  482. package/dist/components/tabs/index.js.map +1 -1
  483. package/dist/components/tabs/list.d.ts +11 -0
  484. package/dist/components/tabs/list.js +4 -0
  485. package/dist/components/tabs/list.js.map +1 -0
  486. package/dist/components/tabs/panel.d.ts +11 -0
  487. package/dist/components/tabs/panel.js +2 -0
  488. package/dist/components/tabs/panel.js.map +1 -0
  489. package/dist/components/tabs/styles.js +1 -1
  490. package/dist/components/tabs/styles.js.map +1 -1
  491. package/dist/components/tabs/tab.d.ts +11 -0
  492. package/dist/components/tabs/tab.js +4 -0
  493. package/dist/components/tabs/tab.js.map +1 -0
  494. package/dist/components/text-area-field/context.d.ts +20 -0
  495. package/dist/components/text-area-field/context.js +4 -0
  496. package/dist/components/text-area-field/context.js.map +1 -0
  497. package/dist/components/text-area-field/index.d.ts +3 -13
  498. package/dist/components/text-area-field/index.js +1 -1
  499. package/dist/components/text-area-field/index.js.map +1 -1
  500. package/dist/components/text-field/context.d.ts +17 -0
  501. package/dist/components/text-field/context.js +4 -0
  502. package/dist/components/text-field/context.js.map +1 -0
  503. package/dist/components/text-field/index.d.ts +4 -13
  504. package/dist/components/text-field/index.js +1 -1
  505. package/dist/components/text-field/index.js.map +1 -1
  506. package/dist/components/time-field/index.d.ts +9 -0
  507. package/dist/components/time-field/index.js +1 -1
  508. package/dist/components/time-field/index.js.map +1 -1
  509. package/dist/components/tooltip/context.d.ts +7 -0
  510. package/dist/components/tooltip/context.js +4 -0
  511. package/dist/components/tooltip/context.js.map +1 -0
  512. package/dist/components/tooltip/index.d.ts +22 -42
  513. package/dist/components/tooltip/index.js +1 -1
  514. package/dist/components/tooltip/index.js.map +1 -1
  515. package/dist/components/tooltip/trigger.d.ts +8 -0
  516. package/dist/components/tooltip/trigger.js +4 -0
  517. package/dist/components/tooltip/trigger.js.map +1 -0
  518. package/dist/components/tooltip/types.d.ts +5 -6
  519. package/dist/components/tree/context.d.ts +18 -0
  520. package/dist/components/tree/context.js +4 -0
  521. package/dist/components/tree/context.js.map +1 -0
  522. package/dist/components/tree/index.d.ts +25 -43
  523. package/dist/components/tree/index.js +1 -1
  524. package/dist/components/tree/index.js.map +1 -1
  525. package/dist/components/tree/item-actions.d.ts +13 -0
  526. package/dist/components/tree/item-actions.js +2 -0
  527. package/dist/components/tree/item-actions.js.map +1 -0
  528. package/dist/components/tree/item-content.d.ts +17 -0
  529. package/dist/components/tree/item-content.js +2 -0
  530. package/dist/components/tree/item-content.js.map +1 -0
  531. package/dist/components/tree/item-description.d.ts +11 -0
  532. package/dist/components/tree/item-description.js +2 -0
  533. package/dist/components/tree/item-description.js.map +1 -0
  534. package/dist/components/tree/item-label.d.ts +11 -0
  535. package/dist/components/tree/item-label.js +2 -0
  536. package/dist/components/tree/item-label.js.map +1 -0
  537. package/dist/components/tree/item-prefix-icon.d.ts +12 -0
  538. package/dist/components/tree/item-prefix-icon.js +2 -0
  539. package/dist/components/tree/item-prefix-icon.js.map +1 -0
  540. package/dist/components/tree/item.d.ts +17 -0
  541. package/dist/components/tree/item.js +4 -0
  542. package/dist/components/tree/item.js.map +1 -0
  543. package/dist/components/tree/lines.d.ts +8 -0
  544. package/dist/components/tree/lines.js +2 -0
  545. package/dist/components/tree/lines.js.map +1 -0
  546. package/dist/components/tree/styles.js +1 -1
  547. package/dist/components/tree/styles.js.map +1 -1
  548. package/dist/components/tree/types.d.ts +1 -1
  549. package/dist/components/view-stack/context.d.ts +31 -0
  550. package/dist/components/view-stack/context.js +4 -0
  551. package/dist/components/view-stack/context.js.map +1 -0
  552. package/dist/components/view-stack/index.d.ts +38 -24
  553. package/dist/components/view-stack/index.js +1 -1
  554. package/dist/components/view-stack/index.js.map +1 -1
  555. package/dist/components/view-stack/trigger.d.ts +16 -0
  556. package/dist/components/view-stack/trigger.js +2 -0
  557. package/dist/components/view-stack/trigger.js.map +1 -0
  558. package/dist/components/view-stack/view.d.ts +16 -0
  559. package/dist/components/view-stack/view.js +4 -0
  560. package/dist/components/view-stack/view.js.map +1 -0
  561. package/dist/icons/catalog.d.ts +14 -0
  562. package/dist/icons/catalog.js +1 -1
  563. package/dist/icons/catalog.js.map +1 -1
  564. package/dist/index.css +5 -52
  565. package/dist/index.d.ts +152 -46
  566. package/dist/index.js +1 -1
  567. package/dist/metafile-esm.json +1 -1
  568. package/dist/providers/portal.d.ts +9 -0
  569. package/dist/providers/portal.js +2 -0
  570. package/dist/providers/portal.js.map +1 -0
  571. package/dist/providers/theme-provider.d.ts +6 -6
  572. package/dist/providers/theme-provider.js +1 -1
  573. package/dist/providers/theme-provider.js.map +1 -1
  574. package/dist/styles.css +1306 -340
  575. package/dist/tokens/themes.css +1 -1
  576. package/dist/tokens/themes.d.ts +1 -2
  577. package/dist/tokens/tokens.js +1 -1
  578. package/dist/tokens/tokens.js.map +1 -1
  579. package/package.json +109 -90
  580. package/dist/components/query-builder/group.js.map +0 -1
  581. package/dist/components/table/table-body.js +0 -2
  582. package/dist/components/table/table-body.js.map +0 -1
  583. package/dist/components/table/table-cell.js +0 -2
  584. package/dist/components/table/table-cell.js.map +0 -1
  585. package/dist/components/table/table-header-cell.js +0 -2
  586. package/dist/components/table/table-header-cell.js.map +0 -1
  587. package/dist/components/table/table-header.js +0 -2
  588. package/dist/components/table/table-header.js.map +0 -1
  589. package/dist/components/table/table-row.js +0 -2
  590. package/dist/components/table/table-row.js.map +0 -1
  591. package/dist/lib/react.d.ts +0 -59
  592. package/dist/lib/react.js +0 -9
  593. package/dist/lib/react.js.map +0 -1
  594. /package/dist/components/query-builder/{group.d.ts → rule-group.d.ts} +0 -0
  595. /package/dist/components/table/{table-body.d.ts → body.d.ts} +0 -0
  596. /package/dist/components/table/{table-cell.d.ts → cell.d.ts} +0 -0
  597. /package/dist/components/table/{table-header.d.ts → header.d.ts} +0 -0
  598. /package/dist/components/table/{table-row.d.ts → row.d.ts} +0 -0
@@ -1,4 +1,2 @@
1
- 'use client';
2
-
3
- import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {useOn,useEmit}from'@accelint/bus/react';import {uuid,isUUID}from'@accelint/core';import {ChevronLeft,ArrowNortheast,ChevronDown}from'@accelint/icons';import {createContext,useState,useContext,useRef}from'react';import {Provider,HeadingContext,DEFAULT_SLOT,Header,Button,composeRenderProps,Pressable,Text,TextContext,ToggleButton,Link,Heading,Disclosure,DisclosurePanel,DialogTrigger,Popover}from'react-aria-components';import {containsExactChildren,containsAnyOfExactChildren}from'./../../lib/react.js';import {Avatar,AvatarContext}from'../avatar/index.js';import {DividerContext}from'../divider/index.js';import {Icon,IconContext}from'../icon/index.js';import {Tooltip}from'../tooltip/index.js';import {SidenavEventTypes}from'./events.js';import {SidenavStyles}from'./styles.js';const{sidenav:pe,content:ve,header:ce,toggle:ue,heading:ge,divider:Ne,item:Se,text:z,transient:c,avatar:fe,avatarHeading:Pe,avatarIcon:V,avatarText:Te,link:xe,tooltip:O,menu:ye,menuButton:_,menuHeading:Ce,menuPanel:Ie,menuItem:Be,panelHeading:Ee,panelContent:G}=SidenavStyles(),f=createContext({id:uuid(),isOpen:false});function d({id:a,className:o,isHiddenWhenClosed:n,children:i,...r}){containsExactChildren({children:i,componentName:d.displayName,restrictions:[[A,{min:1,max:1}],[b,{min:1,max:1}],[L,{min:0,max:1}]]});const[t,m]=useState(false);return useOn(SidenavEventTypes.toggle,s=>{s.payload.id===a&&m(K=>!K);}),useOn(SidenavEventTypes.open,s=>{!t&&s.payload.id===a&&m(true);}),useOn(SidenavEventTypes.close,s=>{t&&s.payload.id===a&&m(false);}),n&&!t?null:jsx(Provider,{values:[[HeadingContext,{slots:{[DEFAULT_SLOT]:{className:ge({className:c()})},menu:{className:Ce({className:c()})},panel:{className:Ee()}}}],[f,{id:a,isOpen:t}]],children:jsx("nav",{...r,className:pe({className:o}),"data-open":t||null,children:i})})}d.displayName="Sidenav";function b({className:a,children:o,...n}){return jsx(Provider,{values:[[DividerContext,{className:Ne()}]],children:jsx("div",{...n,className:ve({className:a}),children:o})})}b.displayName="Sidenav.Content";function A({children:a,classNames:o,...n}){const i=useEmit(SidenavEventTypes.toggle),{id:r}=useContext(f);return jsx(Header,{...n,className:ce({className:o?.header}),children:jsxs(Button,{className:composeRenderProps(o?.button,t=>ue({className:t})),onPress:()=>i({id:r}),children:[a,jsx(Icon,{className:c(),children:jsx(ChevronLeft,{})})]})})}A.displayName="Sidenav.Header";function L(a){return jsx("footer",{...a})}L.displayName="Sidenav.Footer";function J({children:a,for:o,...n}){const[i,r]=isUUID(o)?["toggle",o]:o.split(":"),t=useEmit(SidenavEventTypes[i]);return jsx(Pressable,{...n,onPress:()=>t({id:r}),children:a})}J.displayName="Sidenav.Trigger";function M({children:a,classNames:o,textValue:n,...i}){containsAnyOfExactChildren({children:a,componentName:M.displayName,restrictions:[[[y,{min:1,max:1}]],[[Icon,{min:1,max:1}],[Text,{min:1,max:1}]]]});const{isOpen:r}=useContext(f),t=useRef(null);return jsx(Provider,{values:[[IconContext,{size:"medium"}],[TextContext,{className:z({className:c()})}]],children:jsxs(Tooltip,{isDisabled:r,children:[jsx(Tooltip.Trigger,{children:jsx(ToggleButton,{...i,ref:t,className:composeRenderProps(o?.button,m=>Se({className:m})),children:a})}),jsx(Tooltip.Body,{parentRef:t,placement:"right",className:O(),children:n})]})})}M.displayName="Sidenav.Item";function k({children:a,classNames:o,textValue:n,...i}){containsExactChildren({children:a,componentName:k.displayName,restrictions:[[Icon,{min:1,max:1}],[Text,{min:1,max:1}]]});const{isOpen:r}=useContext(f),t=useRef(null);return jsx(Provider,{values:[[TextContext,{className:z({className:c()})}]],children:jsxs(Tooltip,{isDisabled:r,children:[jsx(Tooltip.Trigger,{children:jsx(Link,{...i,ref:t,className:composeRenderProps(o?.button,m=>xe({className:m})),children:composeRenderProps(a,m=>jsxs(Fragment,{children:[m,jsx(Icon,{className:c(),children:jsx(ArrowNortheast,{})})]}))})}),jsxs(Tooltip.Body,{parentRef:t,placement:"right",className:O(),children:[n,jsx(Icon,{children:jsx(ArrowNortheast,{})})]})]})})}k.displayName="Sidenav.Link";function y({children:a,className:o,...n}){return containsAnyOfExactChildren({children:a,componentName:y.displayName,restrictions:[[[Avatar,{min:1,max:1}],[Heading,{min:1,max:1}],[Text,{min:0,max:1}]],[[Icon,{min:1,max:1}],[Heading,{min:1,max:1}],[Text,{min:0,max:1}]]]}),jsx(Provider,{values:[[IconContext,{size:"large",className:V()}],[HeadingContext,{className:Pe({className:c()})}],[TextContext,{className:Te({className:c()})}],[AvatarContext,{classNames:{avatar:V()}}]],children:jsx("div",{...n,className:fe({className:o}),children:a})})}y.displayName="Sidenav.Avatar";function C({icon:a,title:o,classNames:n,children:i,...r}){containsExactChildren({children:i,componentName:C.displayName,restrictions:[[I,{min:2}]]});const{isOpen:t}=useContext(f),m=useRef(null);return t?jsxs(Disclosure,{className:composeRenderProps(n?.menu,s=>ye({className:s})),children:[jsxs(Button,{...r,slot:"trigger",className:composeRenderProps(n?.button,s=>_({className:s})),children:[a,jsx(Heading,{slot:"menu",children:o}),jsx(Icon,{className:c({className:n?.icon}),children:jsx(ChevronDown,{className:"transform group-expanded/menu:rotate-180"})})]}),jsx(DisclosurePanel,{className:composeRenderProps(n?.disclosurePanel,s=>s??""),children:jsx("div",{className:G({className:n?.panelContent}),children:i})})]}):jsxs(DialogTrigger,{children:[jsxs(Tooltip,{isDisabled:t,children:[jsx(Tooltip.Trigger,{children:jsx(Button,{...r,ref:m,className:composeRenderProps(n?.button,s=>_({className:s})),children:a})}),jsx(Tooltip.Body,{parentRef:m,placement:"right",className:O(),children:o})]}),jsxs(Popover,{className:composeRenderProps(n?.popoverPanel,s=>Ie({className:s})),placement:"right top",shouldFlip:false,children:[jsx(Heading,{slot:"panel",children:o}),jsx("div",{className:G({className:n?.panelContent}),children:i})]})]})}C.displayName="Sidenav.Menu";function I({className:a,children:o,...n}){return containsExactChildren({children:o,componentName:I.displayName,restrictions:[[Text,{min:1,max:1}]]}),jsx(ToggleButton,{...n,className:composeRenderProps(a,i=>Be({className:i})),children:o})}I.displayName="Sidenav.Menu.Item",C.Item=I,d.Trigger=J,d.Header=A,d.Item=M,d.Link=k,d.Avatar=y,d.Footer=L,d.Content=b,d.Menu=C;export{d as Sidenav};//# sourceMappingURL=index.js.map
1
+ import {jsx}from'react/jsx-runtime';import {useOn}from'@accelint/bus/react';import'client-only';import {useState}from'react';import {Provider,HeadingContext,DEFAULT_SLOT}from'react-aria-components';import {SidenavContext}from'./context.js';import {SidenavEventTypes}from'./events.js';import {SidenavStyles}from'./styles.js';const{sidenav:y,heading:N,transient:s,menuHeading:O,panelHeading:T}=SidenavStyles();function D({id:a,className:r,isHiddenWhenClosed:p,children:v,...d}){const[e,o]=useState(false);return useOn(SidenavEventTypes.toggle,n=>{n.payload.id===a&&o(m=>!m);}),useOn(SidenavEventTypes.open,n=>{!e&&n.payload.id===a&&o(true);}),useOn(SidenavEventTypes.close,n=>{e&&n.payload.id===a&&o(false);}),p&&!e?null:jsx(Provider,{values:[[HeadingContext,{slots:{[DEFAULT_SLOT]:{className:N({className:s()})},menu:{className:O({className:s()})},panel:{className:T()}}}],[SidenavContext,{id:a,isOpen:e}]],children:jsx("nav",{...d,className:y({className:r}),"data-open":e||null,children:v})})}export{D as Sidenav};//# sourceMappingURL=index.js.map
4
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/sidenav/index.tsx"],"names":["heading","item","text","transient","avatar","avatarIcon","menuItem","panelHeading","panelContent","SidenavStyles","uuid","Sidenav","className","de","Z","W","containsExactChildren","SidenavHeader","setIsOpen","useState","SidenavEventTypes","data","id","prev","useOn","isOpen","isHiddenWhenClosed","jsx","Provider","B","S","HeadingContext","e","g","R","j","SidenavContext","sidenav","children","SidenavContent","rest","content","le","useContext","classNames","P","Button","oe","p","H","emit","l","Icon","u","props","Y","SidenavFooter","SidenavTrigger","type","useEmit","event","Pressable","se","SidenavItem","SidenavAvatar","ref","N","IconContext","TextContext","E","w","jsxs","Tooltip","D","v","composeRenderProps","U","SidenavLink","useRef","te","He","h","tooltip","Avatar","Heading","T","Text","avatarHeading","avatarText","AvatarContext","me","SidenavMenu","title","SidenavMenuItem","Disclosure","menu","X","ne","ee","icon","menuPanel","ie"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. 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 https://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 */\n'use client';\n\nimport 'client-only';\nimport { useEmit, useOn } from '@accelint/bus/react';\nimport { isUUID, type UniqueId, uuid } from '@accelint/core';\nimport { ArrowNortheast, ChevronDown, ChevronLeft } from '@accelint/icons';\nimport { createContext, useContext, useRef, useState } from 'react';\nimport {\n Button,\n composeRenderProps,\n DEFAULT_SLOT,\n DialogTrigger,\n Disclosure,\n DisclosurePanel,\n Header,\n Heading,\n HeadingContext,\n Link,\n Popover,\n Pressable,\n Provider,\n Text,\n TextContext,\n ToggleButton,\n} from 'react-aria-components';\nimport { containsAnyOfExactChildren, containsExactChildren } from '@/lib/react';\nimport { Avatar, AvatarContext } from '../avatar';\nimport { DividerContext } from '../divider';\nimport { Icon, IconContext } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport { SidenavEventTypes } from './events';\nimport { SidenavStyles } from './styles';\nimport type {\n SidenavAvatarProps,\n SidenavCloseEvent,\n SidenavContentProps,\n SidenavContextValue,\n SidenavEvent,\n SidenavFooterProps,\n SidenavHeaderProps,\n SidenavItemProps,\n SidenavLinkProps,\n SidenavMenuItemProps,\n SidenavMenuProps,\n SidenavOpenEvent,\n SidenavProps,\n SidenavToggleEvent,\n SidenavTriggerProps,\n} from './types';\n\nconst {\n sidenav,\n content,\n header,\n toggle,\n heading,\n divider,\n item,\n text,\n transient,\n avatar,\n avatarHeading,\n avatarIcon,\n avatarText,\n link,\n tooltip,\n menu,\n menuButton,\n menuHeading,\n menuPanel,\n menuItem,\n panelHeading,\n panelContent,\n} = SidenavStyles();\n\nconst SidenavContext = createContext<SidenavContextValue>({\n id: uuid(),\n isOpen: false,\n});\n\nexport function Sidenav({\n id,\n className,\n isHiddenWhenClosed,\n children,\n ...rest\n}: SidenavProps) {\n containsExactChildren({\n children,\n componentName: Sidenav.displayName,\n restrictions: [\n [SidenavHeader, { min: 1, max: 1 }],\n [SidenavContent, { min: 1, max: 1 }],\n [SidenavFooter, { min: 0, max: 1 }],\n ],\n });\n const [isOpen, setIsOpen] = useState(false);\n\n useOn(SidenavEventTypes.toggle, (data: SidenavToggleEvent) => {\n if (data.payload.id === id) {\n setIsOpen((prev) => !prev);\n }\n });\n\n useOn(SidenavEventTypes.open, (data: SidenavOpenEvent) => {\n if (!isOpen && data.payload.id === id) {\n setIsOpen(true);\n }\n });\n\n useOn(SidenavEventTypes.close, (data: SidenavCloseEvent) => {\n if (isOpen && data.payload.id === id) {\n setIsOpen(false);\n }\n });\n\n if (isHiddenWhenClosed && !isOpen) {\n return null;\n }\n\n return (\n <Provider\n values={[\n [\n HeadingContext,\n {\n slots: {\n [DEFAULT_SLOT]: {\n className: heading({ className: transient() }),\n },\n menu: { className: menuHeading({ className: transient() }) },\n panel: { className: panelHeading() },\n },\n },\n ],\n [SidenavContext, { id, isOpen }],\n ]}\n >\n <nav\n {...rest}\n className={sidenav({ className })}\n data-open={isOpen || null}\n >\n {children}\n </nav>\n </Provider>\n );\n}\nSidenav.displayName = 'Sidenav';\n\nfunction SidenavContent({ className, children, ...rest }: SidenavContentProps) {\n return (\n <Provider values={[[DividerContext, { className: divider() }]]}>\n <div {...rest} className={content({ className })}>\n {children}\n </div>\n </Provider>\n );\n}\nSidenavContent.displayName = 'Sidenav.Content';\n\nfunction SidenavHeader({ children, classNames, ...rest }: SidenavHeaderProps) {\n const emit = useEmit<SidenavToggleEvent>(SidenavEventTypes.toggle);\n const { id } = useContext(SidenavContext);\n\n return (\n <Header {...rest} className={header({ className: classNames?.header })}>\n <Button\n className={composeRenderProps(classNames?.button, (className) =>\n toggle({ className }),\n )}\n onPress={() => emit({ id })}\n >\n {children}\n <Icon className={transient()}>\n <ChevronLeft />\n </Icon>\n </Button>\n </Header>\n );\n}\nSidenavHeader.displayName = 'Sidenav.Header';\n\nfunction SidenavFooter(props: SidenavFooterProps) {\n return <footer {...props} />;\n}\nSidenavFooter.displayName = 'Sidenav.Footer';\n\nfunction SidenavTrigger({ children, for: type, ...rest }: SidenavTriggerProps) {\n const [event, id] = (isUUID(type) ? ['toggle', type] : type.split(':')) as [\n 'close' | 'open' | 'toggle',\n UniqueId,\n ];\n const emit = useEmit<SidenavEvent>(SidenavEventTypes[event]);\n\n return (\n <Pressable {...rest} onPress={() => emit({ id })}>\n {children}\n </Pressable>\n );\n}\nSidenavTrigger.displayName = 'Sidenav.Trigger';\n\nfunction SidenavItem({\n children,\n classNames,\n textValue,\n ...rest\n}: SidenavItemProps) {\n containsAnyOfExactChildren({\n children,\n componentName: SidenavItem.displayName,\n restrictions: [\n [[SidenavAvatar, { min: 1, max: 1 }]],\n [\n [Icon, { min: 1, max: 1 }],\n [Text, { min: 1, max: 1 }],\n ],\n ],\n });\n\n const { isOpen } = useContext(SidenavContext);\n\n // Implement ref to place tooltip inside Button DOM to enable contextual styling\n const ref = useRef(null);\n\n return (\n <Provider\n values={[\n [IconContext, { size: 'medium' }],\n [TextContext, { className: text({ className: transient() }) }],\n ]}\n >\n <Tooltip isDisabled={isOpen}>\n <Tooltip.Trigger>\n <ToggleButton\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.button, (className) =>\n item({ className }),\n )}\n >\n {children}\n </ToggleButton>\n </Tooltip.Trigger>\n <Tooltip.Body parentRef={ref} placement='right' className={tooltip()}>\n {textValue}\n </Tooltip.Body>\n </Tooltip>\n </Provider>\n );\n}\nSidenavItem.displayName = 'Sidenav.Item';\n\nfunction SidenavLink({\n children,\n classNames,\n textValue,\n ...rest\n}: SidenavLinkProps) {\n containsExactChildren({\n children,\n componentName: SidenavLink.displayName,\n restrictions: [\n [Icon, { min: 1, max: 1 }],\n [Text, { min: 1, max: 1 }],\n ],\n });\n\n const { isOpen } = useContext(SidenavContext);\n\n // Implement ref to place tooltip inside Link DOM to enable contextual styling\n const ref = useRef(null);\n\n return (\n <Provider\n values={[[TextContext, { className: text({ className: transient() }) }]]}\n >\n <Tooltip isDisabled={isOpen}>\n <Tooltip.Trigger>\n <Link\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.button, (className) =>\n link({ className }),\n )}\n >\n {composeRenderProps(children, (children) => (\n <>\n {children}\n <Icon className={transient()}>\n <ArrowNortheast />\n </Icon>\n </>\n ))}\n </Link>\n </Tooltip.Trigger>\n <Tooltip.Body parentRef={ref} placement='right' className={tooltip()}>\n {textValue}\n <Icon>\n <ArrowNortheast />\n </Icon>\n </Tooltip.Body>\n </Tooltip>\n </Provider>\n );\n}\nSidenavLink.displayName = 'Sidenav.Link';\n\nfunction SidenavAvatar({ children, className, ...rest }: SidenavAvatarProps) {\n containsAnyOfExactChildren({\n children,\n componentName: SidenavAvatar.displayName,\n restrictions: [\n [\n [Avatar, { min: 1, max: 1 }],\n [Heading, { min: 1, max: 1 }],\n [Text, { min: 0, max: 1 }],\n ],\n [\n [Icon, { min: 1, max: 1 }],\n [Heading, { min: 1, max: 1 }],\n [Text, { min: 0, max: 1 }],\n ],\n ],\n });\n\n return (\n <Provider\n values={[\n [IconContext, { size: 'large', className: avatarIcon() }],\n [\n HeadingContext,\n { className: avatarHeading({ className: transient() }) },\n ],\n [TextContext, { className: avatarText({ className: transient() }) }],\n [AvatarContext, { classNames: { avatar: avatarIcon() } }],\n ]}\n >\n <div {...rest} className={avatar({ className })}>\n {children}\n </div>\n </Provider>\n );\n}\nSidenavAvatar.displayName = 'Sidenav.Avatar';\n\nfunction SidenavMenu({\n icon,\n title,\n classNames,\n children,\n ...rest\n}: SidenavMenuProps) {\n containsExactChildren({\n children,\n componentName: SidenavMenu.displayName,\n restrictions: [[SidenavMenuItem, { min: 2 }]],\n });\n\n const { isOpen } = useContext(SidenavContext);\n const ref = useRef(null);\n\n return isOpen ? (\n <Disclosure\n className={composeRenderProps(classNames?.menu, (className) =>\n menu({ className }),\n )}\n >\n <Button\n {...rest}\n slot='trigger'\n className={composeRenderProps(classNames?.button, (className) =>\n menuButton({ className }),\n )}\n >\n {icon}\n <Heading slot='menu'>{title}</Heading>\n <Icon className={transient({ className: classNames?.icon })}>\n <ChevronDown className='transform group-expanded/menu:rotate-180' />\n </Icon>\n </Button>\n <DisclosurePanel\n className={composeRenderProps(\n classNames?.disclosurePanel,\n (className) => className ?? '',\n )}\n >\n <div className={panelContent({ className: classNames?.panelContent })}>\n {children}\n </div>\n </DisclosurePanel>\n </Disclosure>\n ) : (\n <DialogTrigger>\n <Tooltip isDisabled={isOpen}>\n <Tooltip.Trigger>\n <Button\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.button, (className) =>\n menuButton({ className }),\n )}\n >\n {icon}\n </Button>\n </Tooltip.Trigger>\n <Tooltip.Body parentRef={ref} placement='right' className={tooltip()}>\n {title}\n </Tooltip.Body>\n </Tooltip>\n <Popover\n className={composeRenderProps(classNames?.popoverPanel, (className) =>\n menuPanel({ className }),\n )}\n placement='right top'\n shouldFlip={false}\n >\n <Heading slot='panel'>{title}</Heading>\n <div className={panelContent({ className: classNames?.panelContent })}>\n {children}\n </div>\n </Popover>\n </DialogTrigger>\n );\n}\nSidenavMenu.displayName = 'Sidenav.Menu';\n\nfunction SidenavMenuItem({\n className,\n children,\n ...rest\n}: SidenavMenuItemProps) {\n containsExactChildren({\n children,\n componentName: SidenavMenuItem.displayName,\n restrictions: [[Text, { min: 1, max: 1 }]],\n });\n\n return (\n <ToggleButton\n {...rest}\n className={composeRenderProps(className, (className) =>\n menuItem({ className }),\n )}\n >\n {children}\n </ToggleButton>\n );\n}\nSidenavMenuItem.displayName = 'Sidenav.Menu.Item';\n\nSidenavMenu.Item = SidenavMenuItem;\n\nSidenav.Trigger = SidenavTrigger;\nSidenav.Header = SidenavHeader;\nSidenav.Item = SidenavItem;\nSidenav.Link = SidenavLink;\nSidenav.Avatar = SidenavAvatar;\nSidenav.Footer = SidenavFooter;\nSidenav.Content = SidenavContent;\nSidenav.Menu = SidenavMenu;\n"]}
1
+ {"version":3,"sources":["../../../src/components/sidenav/index.tsx"],"names":["transient","menuHeading","Sidenav","className","children","setIsOpen","useState","S","useOn","SidenavEventTypes","i","data","prev","t","isOpen","isHiddenWhenClosed","jsx","Provider","l","HeadingContext","DEFAULT_SLOT","u","f","heading","panelHeading","id","rest","sidenav"],"mappings":"yUA2BiB,CAAA,QAAS,CAAA,CAAA,OAAA,CAAAA,CAAAA,CAAW,YAAAC,WAAa,CAAA,CAAA,CAAA,6BA2DlCC,EAAQ,CACtB,SACA,CAAA,CAAA,CAAA,EAAA,CAAAC,EACA,SAAA,CAAA,CAAA,CAAA,kBACAC,CAAAA,CACA,CAAA,WAEM,GAASC,CAAS,CAAA,CAAIC,CAAAA,KAoB5B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAC,QAlBAC,MAAMC,CAAkB,CAAA,aAAsCC,iBACxDC,CAAAA,UAAa,CAAA,CAAA,CAAA,OACJC,CAAAA,EAAUA,GAExB,GAEDJ,CAAMC,CAAAA,CAAkB,MAAOE,CAAAA,CAAAA,CAA2BE,KACpD,CAACC,iBAAAA,CAAAA,IAAe,CAAA,CAAA,EAAA,CAAA,CAAA,CAAQ,YACZ,EAEjB,GAEDN,CAAMC,EAAkB,SAAQE,CAAAA,CAAAA,KAA4B,CACtDG,uBAAe,CAAA,CAAA,EAAA,CAAA,CAAQ,YACV,EAElB,GAEGC,CAAAA,EAAuBD,EAClB,KAAA,EAAA,CAAA,CAIPE,CAAAA,CAACC,EAAA,CACC,CAAA,CAAA,IAAA,CAAQC,GACN,CACEC,QAAAA,CACA,CACE,MAAO,CACL,CAACC,CAAYC,cAAA,CAAG,CACd,KAAA,CAAA,CAAA,CAAAC,YAAA,EAAWC,CAAQ,SAAE,CAAA,CAAWvB,CAAAA,CAAU,UAEtC,CAAE,EAAA,CAAA,CAAA,CAAA,CAAA,IAAWC,EAAY,SAAE,CAAA,CAAWD,EAAU,SACtD,CAAA,CAAO,EAAE,CAAA,CAAA,CAAA,CAAA,KAAWwB,CAAAA,CAAa,SAItB,CAAE,CAAA,EAAAC,CAAAA,CAAI,oBAAAX,EAAQ,CACjC,CAAA,CAEA,MAAA,CAAA,CAAA,CAAAE,EAAC,CAAA,QACE,CAAGU,IACJ,KAAA,CAAA,CAAA,GAAWC,CAAAA,CAAQ,SAAE,CAAA,CAAAxB,CAAU,CAAC,SAChC,CAAA,CAAA,CAAA,CAAA,CAAWW,WAEV,CAAA,CAAA,EAAA,IACH,CAAA,QAGN,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. 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 https://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 */\n'use client';\n\nimport { useOn } from '@accelint/bus/react';\nimport 'client-only';\nimport { useState } from 'react';\nimport { DEFAULT_SLOT, HeadingContext, Provider } from 'react-aria-components';\nimport { SidenavContext } from './context';\nimport { SidenavEventTypes } from './events';\nimport { SidenavStyles } from './styles';\nimport type {\n SidenavCloseEvent,\n SidenavOpenEvent,\n SidenavProps,\n SidenavToggleEvent,\n} from './types';\n\nconst { sidenav, heading, transient, menuHeading, panelHeading } =\n SidenavStyles();\n\n/**\n * Sidenav - Collapsible side navigation panel\n *\n * Provides a hierarchical collapsible side navigation intended to be used\n * inside a DrawerLayout. Supports headers, avatars, nested menus, and items.\n *\n * @example\n * <DrawerLayout push=\"left\">\n * <DrawerLayoutMain className=\"col-start-2\">\n * <SidenavTrigger>\n * <Button variant=\"icon\" size=\"large\">\n * <Icon>\n * <MenuIcon />\n * </Icon>\n * </Button>\n * </SidenavTrigger>\n * </DrawerLayoutMain>\n * <Sidenav>\n * <SidenavHeader>\n * <SidenavAvatar>\n * <Icon><AppLogo /></Icon>\n * <Heading>Application Header</Heading>\n * <Text>subheader</Text>\n * </SidenavAvatar>\n * </SidenavHeader>\n * <SidenavContent>\n * <Heading>Navigation</Heading>\n * <SidenavItem>\n * <Icon><HomeIcon /></Icon>\n * <Text>Home</Text>\n * </SidenavItem>\n * <Divider />\n * <SidenavItem isSelected>\n * <Icon><SettingsIcon /></Icon>\n * <Text>Settings</Text>\n * </SidenavItem>\n * <Divider />\n * <SidenavMenu title=\"More Options\" icon={<Icon><MenuIcon /></Icon>}>\n * <SidenavMenuItem>\n * <Text>Sub Item 1</Text>\n * </SidenavMenuItem>\n * <SidenavMenuItem>\n * <Text>Sub Item 2</Text>\n * </SidenavMenuItem>\n * </SidenavMenu>\n * </SidenavContent>\n * <SidenavFooter>\n * <SidenavAvatar>\n * <Icon><UserIcon /></Icon>\n * <Heading>User Name</Heading>\n * <Text>john@example.com</Text>\n * </SidenavAvatar>\n * </SidenavFooter>\n * </Sidenav>\n * </DrawerLayout>\n */\nexport function Sidenav({\n id,\n className,\n isHiddenWhenClosed,\n children,\n ...rest\n}: SidenavProps) {\n const [isOpen, setIsOpen] = useState(false);\n\n useOn(SidenavEventTypes.toggle, (data: SidenavToggleEvent) => {\n if (data.payload.id === id) {\n setIsOpen((prev) => !prev);\n }\n });\n\n useOn(SidenavEventTypes.open, (data: SidenavOpenEvent) => {\n if (!isOpen && data.payload.id === id) {\n setIsOpen(true);\n }\n });\n\n useOn(SidenavEventTypes.close, (data: SidenavCloseEvent) => {\n if (isOpen && data.payload.id === id) {\n setIsOpen(false);\n }\n });\n\n if (isHiddenWhenClosed && !isOpen) {\n return null;\n }\n\n return (\n <Provider\n values={[\n [\n HeadingContext,\n {\n slots: {\n [DEFAULT_SLOT]: {\n className: heading({ className: transient() }),\n },\n menu: { className: menuHeading({ className: transient() }) },\n panel: { className: panelHeading() },\n },\n },\n ],\n [SidenavContext, { id, isOpen }],\n ]}\n >\n <nav\n {...rest}\n className={sidenav({ className })}\n data-open={isOpen || null}\n >\n {children}\n </nav>\n </Provider>\n );\n}\n"]}
@@ -0,0 +1,16 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { SidenavItemProps } from './types.js';
3
+ import '@accelint/bus';
4
+ import '@accelint/core';
5
+ import 'react';
6
+ import 'react-aria-components';
7
+ import './events.js';
8
+
9
+ /**
10
+ * SidenavItem - Item component for sidenav
11
+ *
12
+ * Provides a selectable item with tooltip for the sidenav
13
+ */
14
+ declare function SidenavItem({ children, classNames, textValue, ...rest }: SidenavItemProps): react_jsx_runtime.JSX.Element;
15
+
16
+ export { SidenavItem };
@@ -0,0 +1,4 @@
1
+ 'use client';
2
+
3
+ import {jsx,jsxs}from'react/jsx-runtime';import'client-only';import {useContext,useRef}from'react';import {Provider,TextContext,ToggleButton,composeRenderProps}from'react-aria-components';import {IconContext}from'../icon/context.js';import {Tooltip}from'../tooltip/index.js';import {TooltipTrigger}from'../tooltip/trigger.js';import {SidenavContext}from'./context.js';import {SidenavStyles}from'./styles.js';const{item:S,text:P,transient:C,tooltip:I}=SidenavStyles();function k({children:e,classNames:r,textValue:i,...m}){const{isOpen:n}=useContext(SidenavContext),t=useRef(null);return jsx(Provider,{values:[[IconContext,{size:"medium"}],[TextContext,{className:P({className:C()})}]],children:jsxs(TooltipTrigger,{isDisabled:n,children:[jsx(ToggleButton,{...m,ref:t,className:composeRenderProps(r?.button,s=>S({className:s})),children:e}),jsx(Tooltip,{parentRef:t,placement:"right",className:I(),children:i})]})})}export{k as SidenavItem};//# sourceMappingURL=item.js.map
4
+ //# sourceMappingURL=item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/sidenav/item.tsx"],"names":["transient","SidenavStyles","SidenavItem","children","textValue","useContext","SidenavContext","ref","useRef","jsx","Provider","p","v","l","u","text","isOpen","N","ToggleButton","composeRenderProps","classNames","className","item","a","o","g"],"mappings":"wZA4BoB,KAAAA,CAAW,IAAA,CAAA,CAAA,CAAA,IAAYC,CAAAA,CAAc,CAAA,SAOlD,CAASC,EAAY,OAC1B,CAAA,CAAA,CAAAC,CAAAA,aACA,EAAA,CAAA,UACA,CAAA,CAAA,QAAAC,CAAAA,CACA,CAAA,UAEA,CAAM,CAAE,CAAA,SAAWC,CAAAA,CAAWC,CAAc,GAGtCC,CAAMC,CAAAA,CAAO,CAAA,KAEnB,OACEC,CAAAA,CAACC,CAAAA,CAAAC,UACC,CAAAC,cAAA,CAAA,CAAA,CAAA,CAAAC,MAAQ,CACN,IAAgB,CAAA,CAAA,oBAAe,CAAC,MAChB,CAAA,CAAA,CAAAC,WAAA,CAAA,CAAA,IAAWC,CAAAA,QAAO,CAAA,CAAA,CAAA,CAAWf,YAAU,CAAE,SAG3D,CAAA,CAAA,CAAA,CAAA,SAAgB,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAYgB,CAAAA,QAC1B,CAAAC,IAAA,CAAAR,cAAAA,CAACS,CAAAA,WAEMX,CAAAA,CACL,QAAA,CAAA,CAAWY,GAAAA,CAAmBC,YAAAA,CAAAA,CAAY,QAASC,CAAAA,CACjDC,CAAAA,SAAO,CAAAC,kBAAA,CAAAF,CAAU,EACnB,MAEC,CAAA,CAAA,EAAA,CAAAlB,EACH,uBACyB,CAAA,CAAA,CAAA,CAAA,CAAAqB,GAAU,CAAAC,OAAA,CAAA,CAAA,SAAQ,CAAA,CAAA,CAAA,SACxC,CAAA,OACH,CAAA,SAIR,CAAA,CAAA,EAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"item.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. 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 https://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 */\n'use client';\n\nimport 'client-only';\nimport { useContext, useRef } from 'react';\nimport {\n composeRenderProps,\n Provider,\n TextContext,\n ToggleButton,\n} from 'react-aria-components';\nimport { IconContext } from '../icon/context';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { SidenavContext } from './context';\nimport { SidenavStyles } from './styles';\nimport type { SidenavItemProps } from './types';\n\nconst { item, text, transient, tooltip } = SidenavStyles();\n\n/**\n * SidenavItem - Item component for sidenav\n *\n * Provides a selectable item with tooltip for the sidenav\n */\nexport function SidenavItem({\n children,\n classNames,\n textValue,\n ...rest\n}: SidenavItemProps) {\n const { isOpen } = useContext(SidenavContext);\n\n // Implement ref to place tooltip inside Button DOM to enable contextual styling\n const ref = useRef(null);\n\n return (\n <Provider\n values={[\n [IconContext, { size: 'medium' }],\n [TextContext, { className: text({ className: transient() }) }],\n ]}\n >\n <TooltipTrigger isDisabled={isOpen}>\n <ToggleButton\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.button, (className) =>\n item({ className }),\n )}\n >\n {children}\n </ToggleButton>\n <Tooltip parentRef={ref} placement='right' className={tooltip()}>\n {textValue}\n </Tooltip>\n </TooltipTrigger>\n </Provider>\n );\n}\n"]}
@@ -0,0 +1,16 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { SidenavLinkProps } from './types.js';
3
+ import '@accelint/bus';
4
+ import '@accelint/core';
5
+ import 'react';
6
+ import 'react-aria-components';
7
+ import './events.js';
8
+
9
+ /**
10
+ * SidenavLink - Link component for sidenav
11
+ *
12
+ * Provides a link with tooltip for the sidenav
13
+ */
14
+ declare function SidenavLink({ children, classNames, textValue, ...rest }: SidenavLinkProps): react_jsx_runtime.JSX.Element;
15
+
16
+ export { SidenavLink };
@@ -0,0 +1,4 @@
1
+ 'use client';
2
+
3
+ import {jsx,jsxs,Fragment}from'react/jsx-runtime';import {ArrowNortheast}from'@accelint/icons';import'client-only';import {useContext,useRef}from'react';import {Provider,TextContext,Link,composeRenderProps}from'react-aria-components';import {Icon}from'../icon/index.js';import {Tooltip}from'../tooltip/index.js';import {TooltipTrigger}from'../tooltip/trigger.js';import {SidenavContext}from'./context.js';import {SidenavStyles}from'./styles.js';const{link:L,text:P,transient:m,tooltip:y}=SidenavStyles();function z({children:p,classNames:a,textValue:l,...c}){const{isOpen:f}=useContext(SidenavContext),r=useRef(null);return jsx(Provider,{values:[[TextContext,{className:P({className:m()})}]],children:jsxs(TooltipTrigger,{isDisabled:f,children:[jsx(Link,{...c,ref:r,className:composeRenderProps(a?.button,t=>L({className:t})),children:composeRenderProps(p,t=>jsxs(Fragment,{children:[t,jsx(Icon,{className:m(),children:jsx(ArrowNortheast,{})})]}))}),jsxs(Tooltip,{parentRef:r,placement:"right",className:y(),children:[l,jsx(Icon,{children:jsx(ArrowNortheast,{})})]})]})})}export{z as SidenavLink};//# sourceMappingURL=link.js.map
4
+ //# sourceMappingURL=link.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/sidenav/link.tsx"],"names":["SidenavStyles","x","isOpen","ref","useRef","jsx","d","g","TextContext","v","o","T","k","jsxs","TooltipTrigger","e","S","rest","classNames","className","link","n","composeRenderProps","children","transient","C","ArrowNortheast","s","Tooltip","i","N","tooltip","textValue"],"mappings":"6bA6B+B,KAAA,CAAA,IAAQ,CAAIA,CAAAA,CAAc,IAOlD,CAAA,CAAA,CAAA,SACL,CAAA,CAAA,CAAA,OACA,CAAA,CAAA,CAAA,CAAAC,aAAA,EAAA,CAAA,oBAGF,CAAA,CAAqB,CACnB,UAAQ,CAAA,CAAA,CAAAC,SAGFC,CAAMC,EAAO,GAAA,CAAI,CAAA,CAEvB,OACEC,MACE,CAAA,CAAA,CAAA,CAAAC,UAAA,CAAQC,cAAC,CAACC,CAAAA,CAAa,CAAEC,MAAA,CAAA,IAAA,CAAA,CAAA,OAAkBC,GAAA,CAAAC,QAAA,CAAA,CAAA,MAAuB,CAAC,CAAE,CAACC,WAAC,CAAA,CAEvE,SAAAC,CAAAA,CAACC,CAAAA,CAAA,SAAe,CAAA,CAAA,EAAYZ,CAC1B,CAAA,CAAA,CAAA,CAAA,CAAA,SAACa,IACE,CAAAC,cAAA,CAAGC,sBAE0BC,CAAY,cAASC,CACjDC,CAAAA,GAAO,CAAA,CAAA,CAAA,SACT,CAAAC,kBAEC,UAAAC,CAAmBC,CAAAA,EAAWA,CAAAA,CAC7BV,CAAAA,SACG,CAAA,CAAA,CAAA,CAAA,CAAAU,SACK,CAAAF,kBAAA,CAAA,CAAA,CAAA,CAAA,EAAWG,IAAAA,CAAUC,SACzB,CAAA,QAAApB,CAAAA,CAACqB,EAAAhB,GAAA,CAAeiB,IAAA,CAClB,UAILC,CAAAA,CAAA,EAAQ,CAAA,QAAWzB,IAAK,CAAA0B,cAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAU,CAAA,CAAA,CAAA,CAAA,CAAAd,IAAA,CAAAe,OAAQ,WAAWC,CAAQ,CAAA,CAC3D,UAAAC,OAEC,CAAA,UAACN,CAAAA,EAAA,CAAe,QAGtB,EACF,CAEJ,CAAAhB,GAAA,CAAAiB,IAAA,CAAA,CAAA,QAAA,CAAAjB,GAAA,CAAAmB,cAAA,CAAA,EAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"link.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. 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 https://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 */\n'use client';\n\nimport { ArrowNortheast } from '@accelint/icons';\nimport 'client-only';\nimport { useContext, useRef } from 'react';\nimport {\n composeRenderProps,\n Link,\n Provider,\n TextContext,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { SidenavContext } from './context';\nimport { SidenavStyles } from './styles';\nimport type { SidenavLinkProps } from './types';\n\nconst { link, text, transient, tooltip } = SidenavStyles();\n\n/**\n * SidenavLink - Link component for sidenav\n *\n * Provides a link with tooltip for the sidenav\n */\nexport function SidenavLink({\n children,\n classNames,\n textValue,\n ...rest\n}: SidenavLinkProps) {\n const { isOpen } = useContext(SidenavContext);\n\n // Implement ref to place tooltip inside Link DOM to enable contextual styling\n const ref = useRef(null);\n\n return (\n <Provider\n values={[[TextContext, { className: text({ className: transient() }) }]]}\n >\n <TooltipTrigger isDisabled={isOpen}>\n <Link\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.button, (className) =>\n link({ className }),\n )}\n >\n {composeRenderProps(children, (children) => (\n <>\n {children}\n <Icon className={transient()}>\n <ArrowNortheast />\n </Icon>\n </>\n ))}\n </Link>\n <Tooltip parentRef={ref} placement='right' className={tooltip()}>\n {textValue}\n <Icon>\n <ArrowNortheast />\n </Icon>\n </Tooltip>\n </TooltipTrigger>\n </Provider>\n );\n}\n"]}
@@ -0,0 +1,16 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { SidenavMenuItemProps } from './types.js';
3
+ import '@accelint/bus';
4
+ import '@accelint/core';
5
+ import 'react';
6
+ import 'react-aria-components';
7
+ import './events.js';
8
+
9
+ /**
10
+ * SidenavMenuItem - Menu item component for sidenav
11
+ *
12
+ * Provides a selectable item within a sidenav menu
13
+ */
14
+ declare function SidenavMenuItem({ className, children, ...rest }: SidenavMenuItemProps): react_jsx_runtime.JSX.Element;
15
+
16
+ export { SidenavMenuItem };
@@ -0,0 +1,2 @@
1
+ import {jsx}from'react/jsx-runtime';import'client-only';import {ToggleButton,composeRenderProps}from'react-aria-components';import {SidenavStyles}from'./styles.js';const{menuItem:i}=SidenavStyles();function l({className:e,children:o,...t}){return jsx(ToggleButton,{...t,className:composeRenderProps(e,n=>i({className:n})),children:o})}export{l as SidenavMenuItem};//# sourceMappingURL=menu-item.js.map
2
+ //# sourceMappingURL=menu-item.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/sidenav/menu-item.tsx"],"names":["SidenavStyles","p","rest","s","r","className","menuItem"],"mappings":"oKAmBA,KAAQ,CAAA,QAAaA,CAAAA,CAAc,CAAA,CAO5BC,aAAA,EAAA,CAAA,SACL,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,QACA,CAAA,CAAGC,CACL,GACE,WACGC,GACE,CAAAC,YAAA,CAAGF,CAAAA,GACJ,CAAA,CAAA,SAA8BG,CAAYA,kBAAAA,CAAAA,CACxCC,CAAAA,CAAS,EAAE,CAAA,CAAA,CAAA,SACb,CAAA,CAEC,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"menu-item.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. 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 https://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 */\n\n'use client';\n\nimport 'client-only';\nimport { composeRenderProps, ToggleButton } from 'react-aria-components';\nimport { SidenavStyles } from './styles';\nimport type { SidenavMenuItemProps } from './types';\n\nconst { menuItem } = SidenavStyles();\n\n/**\n * SidenavMenuItem - Menu item component for sidenav\n *\n * Provides a selectable item within a sidenav menu\n */\nexport function SidenavMenuItem({\n className,\n children,\n ...rest\n}: SidenavMenuItemProps) {\n return (\n <ToggleButton\n {...rest}\n className={composeRenderProps(className, (className) =>\n menuItem({ className }),\n )}\n >\n {children}\n </ToggleButton>\n );\n}\n"]}
@@ -0,0 +1,16 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { SidenavMenuProps } from './types.js';
3
+ import '@accelint/bus';
4
+ import '@accelint/core';
5
+ import 'react';
6
+ import 'react-aria-components';
7
+ import './events.js';
8
+
9
+ /**
10
+ * SidenavMenu - Menu component for sidenav
11
+ *
12
+ * Provides a collapsible menu with items for the sidenav
13
+ */
14
+ declare function SidenavMenu({ icon, title, classNames, children, ...rest }: SidenavMenuProps): react_jsx_runtime.JSX.Element;
15
+
16
+ export { SidenavMenu };
@@ -0,0 +1,4 @@
1
+ 'use client';
2
+
3
+ import {jsxs,jsx}from'react/jsx-runtime';import {ChevronDown}from'@accelint/icons';import'client-only';import {useContext,useRef}from'react';import {Disclosure,composeRenderProps,Button,Heading,DisclosurePanel,DialogTrigger,Popover}from'react-aria-components';import {Icon}from'../icon/index.js';import {Tooltip}from'../tooltip/index.js';import {TooltipTrigger}from'../tooltip/trigger.js';import {SidenavContext}from'./context.js';import {SidenavStyles}from'./styles.js';const{menu:y,menuButton:g,menuPanel:H,panelContent:d,tooltip:M,transient:R}=SidenavStyles();function G({icon:a,title:i,classNames:n,children:p,...l}){const{isOpen:s}=useContext(SidenavContext),m=useRef(null);return s?jsxs(Disclosure,{className:composeRenderProps(n?.menu,o=>y({className:o})),children:[jsxs(Button,{...l,slot:"trigger",className:composeRenderProps(n?.button,o=>g({className:o})),children:[a,jsx(Heading,{slot:"menu",children:i}),jsx(Icon,{className:R({className:n?.icon}),children:jsx(ChevronDown,{className:"transform group-expanded/menu:rotate-180"})})]}),jsx(DisclosurePanel,{className:composeRenderProps(n?.disclosurePanel,o=>o??""),children:jsx("div",{className:d({className:n?.panelContent}),children:p})})]}):jsxs(DialogTrigger,{children:[jsxs(TooltipTrigger,{isDisabled:s,children:[jsx(Button,{...l,ref:m,className:composeRenderProps(n?.button,o=>g({className:o})),children:a}),jsx(Tooltip,{parentRef:m,placement:"right",className:M(),children:i})]}),jsxs(Popover,{className:composeRenderProps(n?.popoverPanel,o=>H({className:o})),placement:"right top",shouldFlip:false,children:[jsx(Heading,{slot:"panel",children:i}),jsx("div",{className:d({className:n?.panelContent}),children:p})]})]})}export{G as SidenavMenu};//# sourceMappingURL=menu.js.map
4
+ //# sourceMappingURL=menu.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/sidenav/menu.tsx"],"names":["menuPanel","title","x","children","isOpen","ref","useRef","v","h","composeRenderProps","classNames","t","jsxs","Button","r","u","className","icon","jsx","Heading","Icon","c","e","S","ChevronDown","f","C","panelContent","D","b","rest","menuButton","Tooltip","B","tooltip","Popover"],"mappings":"udAgC0B,KAAAA,CAAW,IAAA,CAAA,CAAA,CAAA,UAAc,CAAA,CAAA,CAAA,wBAQ5C,CAAA,CAAA,CAAA,OACL,CAAA,CAAA,CAAA,SACA,CAAAC,CAAAA,CACA,CAAAC,aAAA,EAAA,CAAA,SACA,CAAA,CAAA,CAAA,IAAA,CAAAC,CAAAA,CACA,KACF,CAAqB,CACnB,CAAA,UAAQ,CAAA,CAAAC,CAAO,QACTC,CAAMC,CAAAA,CAAO,GAAA,CAAI,CAAA,CAEvB,CAAA,KAAA,CAAOF,MACJ,CACC,CAAA,CAAA,CAAAG,UAAA,CAAAC,cAAA,CAAA,CAAA,CAAA,CAAWC,MAAAA,CAAmBC,IAAY,CAAA,CAAA,OACnC,CAAE,2BAGT,CAAAC,kBAAA,CAAA,CAAA,EAAA,IAAAC,CAAAA,CAACC,EAAA,CACE,WACI,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,QACL,CAAA,CAAAC,IAAA,CAAAC,MAAWN,CAAAA,CAAmBC,GAAY,CAAA,CAAA,IAAA,CAASM,SACpC,CAAA,SACf,CAAAL,kBAEC,CAAA,CAAA,EAAA,MAAAM,CAAAA,CACDC,EAACC,CAAAA,CAAA,CAAQ,SAAK,CAAA,CAAA,CAAQ,CAAA,CAAA,CAAA,QAAM,CAAA,CAC5BD,CAAAA,CAACE,GAAAA,CAAAC,OAAK,CAAA,CAAA,IAAA,CAAA,MAAuB,CAAA,QAAA,CAAWX,CAAAA,CAAAA,CAAY,CAAAY,GAAA,CAAAC,IAAK,CAAC,CAAA,SACxD,CAAAL,CAAAA,CAACM,CAAAA,SAAY,CAAA,CAAA,EAAU,IAAA,CAAA,CAAA,CAAA,QAAA,CAAAF,GAAA,CAAAG,WAAA,CAAA,CAAA,SAAA,CAAA,0CAKX,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAH,GAAA,CAAAI,eAAA,CACXV,UAGH,CAAAL,kBAAA,CAAA,CAAA,EAAA,eAAK,CAAA,CAAA,EAAA,CAAA,EAAWgB,EAAa,CAAE,CAAA,QAAA,CAAWjB,GAAAA,CAAAA,KAAY,CAAA,CAAA,SACnD,CAAA,CAAA,CAAA,CAAA,SAEL,IACF,YAGE,CAAA,CAAA,CAAA,iBAA4BN,CAAAA,IAC1B,CAAAwB,aAAA,CAAA,CAAA,QAACf,CAAAA,CAAAC,IACE,CAAAe,cAAA,CAAGC,CAAAA,UAEJ,CAAA,CAAA,CAAA,QAA8BpB,CAAY,CAAAY,GAAA,CAAAP,MAAA,CAAA,CAAA,GAASC,CACjDe,CAAAA,GAAa,CAAA,CAAA,CAAA,SACf,CAAApB,kBAEC,CAAA,CAAA,EAAA,MAAAM,CACH,CAAA,EACAC,CAACc,EAAA,SAAQ,CAAA,CAAW3B,CAAAA,CAAK,CAAA,CAAA,QAAU,CAAA,CAAA,CAAA,CAAA,CAAAiB,GAAA,CAAAW,OAAQ,CAAA,CAAA,SAAWC,CAAQ,CAAA,CAC3D,SAAAjC,CAAAA,OAGLW,CAACuB,SACC,CAAA,CAAA,EAAW1B,CAAAA,QAA+B,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAAK,IAAeE,CAAAA,OAAAA,CACvDhB,CAAAA,SAAY,CAAAW,kBAAA,CAAAK,CAAU,EACxB,YACU,CAAA,CAAA,EAAA,CAAA,CAAA,CAAA,SACV,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,SAEA,CAAA,sBAAuB,CAAA,KAAA,CAAA,QAAM,CAC7BE,CAAAA,GAAC,CAAAG,OAAA,CAAA,CAAA,IAAI,CAAA,OAAA,CAAWM,QAAe,CAAA,CAAA,CAAA,CAAA,CAAWjB,GAAAA,CAAAA,KAAY,CAAA,CAAA,SACnD,CAAA,CAAA,CAAA,CAAA,SACH,CACF,GACF,YAEJ,CAAA,CAAA,CAAA,QAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA","file":"menu.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. 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 https://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 */\n'use client';\n\nimport { ChevronDown } from '@accelint/icons';\nimport 'client-only';\nimport { useContext, useRef } from 'react';\nimport {\n Button,\n composeRenderProps,\n DialogTrigger,\n Disclosure,\n DisclosurePanel,\n Heading,\n Popover,\n} from 'react-aria-components';\nimport { Icon } from '../icon';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { SidenavContext } from './context';\nimport { SidenavStyles } from './styles';\nimport type { SidenavMenuProps } from './types';\n\nconst { menu, menuButton, menuPanel, panelContent, tooltip, transient } =\n SidenavStyles();\n\n/**\n * SidenavMenu - Menu component for sidenav\n *\n * Provides a collapsible menu with items for the sidenav\n */\nexport function SidenavMenu({\n icon,\n title,\n classNames,\n children,\n ...rest\n}: SidenavMenuProps) {\n const { isOpen } = useContext(SidenavContext);\n const ref = useRef(null);\n\n return isOpen ? (\n <Disclosure\n className={composeRenderProps(classNames?.menu, (className) =>\n menu({ className }),\n )}\n >\n <Button\n {...rest}\n slot='trigger'\n className={composeRenderProps(classNames?.button, (className) =>\n menuButton({ className }),\n )}\n >\n {icon}\n <Heading slot='menu'>{title}</Heading>\n <Icon className={transient({ className: classNames?.icon })}>\n <ChevronDown className='transform group-expanded/menu:rotate-180' />\n </Icon>\n </Button>\n <DisclosurePanel\n className={composeRenderProps(\n classNames?.disclosurePanel,\n (className) => className ?? '',\n )}\n >\n <div className={panelContent({ className: classNames?.panelContent })}>\n {children}\n </div>\n </DisclosurePanel>\n </Disclosure>\n ) : (\n <DialogTrigger>\n <TooltipTrigger isDisabled={isOpen}>\n <Button\n {...rest}\n ref={ref}\n className={composeRenderProps(classNames?.button, (className) =>\n menuButton({ className }),\n )}\n >\n {icon}\n </Button>\n <Tooltip parentRef={ref} placement='right' className={tooltip()}>\n {title}\n </Tooltip>\n </TooltipTrigger>\n <Popover\n className={composeRenderProps(classNames?.popoverPanel, (className) =>\n menuPanel({ className }),\n )}\n placement='right top'\n shouldFlip={false}\n >\n <Heading slot='panel'>{title}</Heading>\n <div className={panelContent({ className: classNames?.panelContent })}>\n {children}\n </div>\n </Popover>\n </DialogTrigger>\n );\n}\n"]}
@@ -4,12 +4,12 @@ import * as tailwind_merge from 'tailwind-merge';
4
4
  declare const SidenavStyles: tailwind_variants.TVReturnType<{
5
5
  [key: string]: {
6
6
  [key: string]: tailwind_merge.ClassNameValue | {
7
- content?: tailwind_merge.ClassNameValue;
8
- text?: tailwind_merge.ClassNameValue;
9
- link?: tailwind_merge.ClassNameValue;
10
7
  heading?: tailwind_merge.ClassNameValue;
8
+ link?: tailwind_merge.ClassNameValue;
11
9
  menu?: tailwind_merge.ClassNameValue;
12
10
  tooltip?: tailwind_merge.ClassNameValue;
11
+ content?: tailwind_merge.ClassNameValue;
12
+ text?: tailwind_merge.ClassNameValue;
13
13
  header?: tailwind_merge.ClassNameValue;
14
14
  toggle?: tailwind_merge.ClassNameValue;
15
15
  avatar?: tailwind_merge.ClassNameValue;
@@ -31,12 +31,12 @@ declare const SidenavStyles: tailwind_variants.TVReturnType<{
31
31
  } | {
32
32
  [x: string]: {
33
33
  [x: string]: tailwind_merge.ClassNameValue | {
34
- content?: tailwind_merge.ClassNameValue;
35
- text?: tailwind_merge.ClassNameValue;
36
- link?: tailwind_merge.ClassNameValue;
37
34
  heading?: tailwind_merge.ClassNameValue;
35
+ link?: tailwind_merge.ClassNameValue;
38
36
  menu?: tailwind_merge.ClassNameValue;
39
37
  tooltip?: tailwind_merge.ClassNameValue;
38
+ content?: tailwind_merge.ClassNameValue;
39
+ text?: tailwind_merge.ClassNameValue;
40
40
  header?: tailwind_merge.ClassNameValue;
41
41
  toggle?: tailwind_merge.ClassNameValue;
42
42
  avatar?: tailwind_merge.ClassNameValue;
@@ -81,12 +81,12 @@ declare const SidenavStyles: tailwind_variants.TVReturnType<{
81
81
  }, undefined, {
82
82
  [key: string]: {
83
83
  [key: string]: tailwind_merge.ClassNameValue | {
84
- content?: tailwind_merge.ClassNameValue;
85
- text?: tailwind_merge.ClassNameValue;
86
- link?: tailwind_merge.ClassNameValue;
87
84
  heading?: tailwind_merge.ClassNameValue;
85
+ link?: tailwind_merge.ClassNameValue;
88
86
  menu?: tailwind_merge.ClassNameValue;
89
87
  tooltip?: tailwind_merge.ClassNameValue;
88
+ content?: tailwind_merge.ClassNameValue;
89
+ text?: tailwind_merge.ClassNameValue;
90
90
  header?: tailwind_merge.ClassNameValue;
91
91
  toggle?: tailwind_merge.ClassNameValue;
92
92
  avatar?: tailwind_merge.ClassNameValue;
@@ -0,0 +1,16 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import { SidenavTriggerProps } from './types.js';
3
+ import '@accelint/bus';
4
+ import '@accelint/core';
5
+ import 'react';
6
+ import 'react-aria-components';
7
+ import './events.js';
8
+
9
+ /**
10
+ * SidenavTrigger - Trigger component for sidenav
11
+ *
12
+ * Provides a trigger button to control the sidenav state
13
+ */
14
+ declare function SidenavTrigger({ children, for: type, ...rest }: SidenavTriggerProps): react_jsx_runtime.JSX.Element;
15
+
16
+ export { SidenavTrigger };
@@ -0,0 +1,4 @@
1
+ 'use client';
2
+
3
+ import {jsx}from'react/jsx-runtime';import'client-only';import {useEmit}from'@accelint/bus/react';import {isUUID}from'@accelint/core';import {Pressable}from'react-aria-components';import {SidenavEventTypes}from'./events.js';function u({children:r,for:e,...i}){const[o,t]=isUUID(e)?["toggle",e]:e.split(":"),n=useEmit(SidenavEventTypes[o]);return jsx(Pressable,{...i,onPress:()=>n({id:t}),children:r})}export{u as SidenavTrigger};//# sourceMappingURL=trigger.js.map
4
+ //# sourceMappingURL=trigger.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/sidenav/trigger.tsx"],"names":["type","rest","isUUID","p","useEmit","SidenavEventTypes","event","g","v","m","emit","id"],"mappings":"gOAyBO,SACL,CAAA,CAAA,CAAA,QACA,CAAA,CAAA,CAAKA,GACL,CAAA,CAAGC,CACL,GACE,SAAgB,CAAA,CAAKC,CAAAA,CAAOF,CAAI,CAAAG,MAAI,CAAC,YAAkBH,CAAAA,CAAK,CAAA,CAAA,CAAA,CAAA,KAAS,CAAA,GAIxDI,CAAAA,CAAsBC,EAAkBC,OAAK,CAACC,iBAAA,CAE3D,CAAA,CAAA,CAAA,CAAA,OACGC,GAAW,CAAAC,SAAA,CAAGR,IAAM,CAAA,CAAA,OAAS,CAAMS,MAAOC,CAAG,EAAC,CAC5C,CAAA,CAAA,CAAA,CAAA,QAGP,CAAA,CAAA,CAAA,CAAA","file":"trigger.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. 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 https://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 */\n'use client';\n\nimport 'client-only';\nimport { useEmit } from '@accelint/bus/react';\nimport { isUUID, type UniqueId } from '@accelint/core';\nimport { Pressable } from 'react-aria-components';\nimport { SidenavEventTypes } from './events';\nimport type { SidenavEvent, SidenavTriggerProps } from './types';\n\n/**\n * SidenavTrigger - Trigger component for sidenav\n *\n * Provides a trigger button to control the sidenav state\n */\nexport function SidenavTrigger({\n children,\n for: type,\n ...rest\n}: SidenavTriggerProps) {\n const [event, id] = (isUUID(type) ? ['toggle', type] : type.split(':')) as [\n 'close' | 'open' | 'toggle',\n UniqueId,\n ];\n const emit = useEmit<SidenavEvent>(SidenavEventTypes[event]);\n\n return (\n <Pressable {...rest} onPress={() => emit({ id })}>\n {children}\n </Pressable>\n );\n}\n"]}
@@ -1,7 +1,7 @@
1
1
  import { Payload } from '@accelint/bus';
2
2
  import { UniqueId } from '@accelint/core';
3
3
  import { ComponentPropsWithRef, PropsWithChildren } from 'react';
4
- import { Pressable, ButtonProps, ToggleButtonProps, LinkProps, DisclosureProps, DisclosurePanelProps, PopoverProps } from 'react-aria-components';
4
+ import { ButtonProps, ToggleButtonProps, LinkProps, DisclosureProps, DisclosurePanelProps, PopoverProps, Pressable } from 'react-aria-components';
5
5
  import { SidenavEventTypes } from './events.js';
6
6
 
7
7
  type SidenavProps = ComponentPropsWithRef<'nav'> & {
@@ -35,8 +35,5 @@ import './styles.js';
35
35
  * <Skeleton className="w-[50%] mt-l" />
36
36
  */
37
37
  declare function Skeleton({ className, shape, ...rest }: SkeletonProps): react_jsx_runtime.JSX.Element;
38
- declare namespace Skeleton {
39
- var displayName: string;
40
- }
41
38
 
42
39
  export { Skeleton };
@@ -1,2 +1,2 @@
1
- import {jsx}from'react/jsx-runtime';import {SkeletonStyles,SkeletonStylesDefaults}from'./styles.js';function s({className:e,shape:o=SkeletonStylesDefaults.shape,...t}){return jsx("div",{...t,className:SkeletonStyles({className:e,shape:o})})}s.displayName="Skeleton";export{s as Skeleton};//# sourceMappingURL=index.js.map
1
+ import {jsx}from'react/jsx-runtime';import {SkeletonStyles,SkeletonStylesDefaults}from'./styles.js';function r({className:e,shape:o=SkeletonStylesDefaults.shape,...t}){return jsx("div",{...t,className:SkeletonStyles({className:e,shape:o})})}export{r as Skeleton};//# sourceMappingURL=index.js.map
2
2
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/skeleton/index.tsx"],"names":["SkeletonStylesDefaults","rest","n","l","Skeleton"],"mappings":"oGA6CO,SACL,CAAA,CAAA,CAAA,iBACQA,CAAuB,8BAC5BC,CACL,GACE,WAAQC,GAAA,CAAA,KAAK,CAAGD,CAAAA,cAAkC,CAAAE,cAAA,CAAA,CAAA,kBAAqB,CACzE,CACAC,EAAS,CAAA,CAAA,CAAA,CAAA,WAAc,CAAA,UAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. 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 https://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 */\n\nimport { SkeletonStyles, SkeletonStylesDefaults } from './styles';\nimport type { SkeletonProps } from './types';\n\n/**\n * Skeleton - A flexible skeleton loader component for indicating loading states\n *\n * Used to show placeholder content while data is being fetched or processed.\n * Provides visual feedback to users during loading states with customizable shapes.\n *\n * @example\n * // Basic rectangular placeholder\n * <Skeleton />\n *\n * @example\n * // Circular placeholder (useful for avatars)\n * <Skeleton shape=\"circ\" />\n *\n * @example\n * // With loading text content\n * <Skeleton>Loading content...</Skeleton>\n *\n * @example\n * // Nested placeholders for complex layouts\n * <Skeleton className=\"mb-xl p-m\">\n * <br />\n * <br />\n * <Skeleton className=\"w-[75%]\" />\n * </Skeleton>\n *\n * @example\n * // Custom styling\n * <Skeleton className=\"w-[50%] mt-l\" />\n */\nexport function Skeleton({\n className,\n shape = SkeletonStylesDefaults.shape,\n ...rest\n}: SkeletonProps) {\n return <div {...rest} className={SkeletonStyles({ className, shape })} />;\n}\nSkeleton.displayName = 'Skeleton';\n"]}
1
+ {"version":3,"sources":["../../../src/components/skeleton/index.tsx"],"names":["SkeletonStylesDefaults","p","rest","s"],"mappings":"oGA6CO,SACL,CAAA,CAAA,CAAA,SACA,CAAA,CAAA,CAAA,KAAQA,CAAuB,CAAA,CAAAC,sBAAA,CAAA,KAC5BC,CACL,GACE,CAAA,CAAA,CAAA,CAAA,OAAQC,GAAA,CAAA,MAAQD,CAAAA,GAAM,CAAA,CAAA,SAA4B,0BAAW,CAAA,CAAA,CAAA,MAAU,CACzE,CAAA,CAAA,CAAA,CAAA","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. 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 https://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 */\n\nimport { SkeletonStyles, SkeletonStylesDefaults } from './styles';\nimport type { SkeletonProps } from './types';\n\n/**\n * Skeleton - A flexible skeleton loader component for indicating loading states\n *\n * Used to show placeholder content while data is being fetched or processed.\n * Provides visual feedback to users during loading states with customizable shapes.\n *\n * @example\n * // Basic rectangular placeholder\n * <Skeleton />\n *\n * @example\n * // Circular placeholder (useful for avatars)\n * <Skeleton shape=\"circ\" />\n *\n * @example\n * // With loading text content\n * <Skeleton>Loading content...</Skeleton>\n *\n * @example\n * // Nested placeholders for complex layouts\n * <Skeleton className=\"mb-xl p-m\">\n * <br />\n * <br />\n * <Skeleton className=\"w-[75%]\" />\n * </Skeleton>\n *\n * @example\n * // Custom styling\n * <Skeleton className=\"w-[50%] mt-l\" />\n */\nexport function Skeleton({\n className,\n shape = SkeletonStylesDefaults.shape,\n ...rest\n}: SkeletonProps) {\n return <div {...rest} className={SkeletonStyles({ className, shape })} />;\n}\n"]}
@@ -13,6 +13,6 @@ import 'react-aria-components';
13
13
  * // Basic slider
14
14
  * <Slider label="Volume" defaultValue={50} />
15
15
  */
16
- declare const Slider: ({ classNames, label: labelProp, layout, maxValue: maxValueProp, minValue: minValueProp, orientation, showInput, showLabel, ...rest }: SliderProps) => react_jsx_runtime.JSX.Element;
16
+ declare function Slider({ classNames, label: labelProp, layout, maxValue: maxValueProp, minValue: minValueProp, orientation, showInput, showLabel, ...rest }: SliderProps): react_jsx_runtime.JSX.Element;
17
17
 
18
18
  export { Slider };
@@ -1,4 +1,4 @@
1
1
  'use client';
2
2
 
3
- import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {Fragment as Fragment$1}from'react';import {Slider,composeRenderProps,Label,Input,SliderTrack,SliderThumb,Text}from'react-aria-components';import {Tooltip}from'../tooltip/index.js';import {SliderStyles}from'./styles.js';const {slider:x,label:A,inputs:B,input:F,thumb:D,track:P,trackBackground:$,trackValue:z,minValue:C,maxValue:L}=SliderStyles(),I=({classNames:r,label:n,layout:T="grid",maxValue:d=100,minValue:c=0,orientation:b="horizontal",showInput:p,showLabel:s=true,...k})=>jsx(Slider,{...k,className:composeRenderProps(r?.slider,a=>x({className:a})),maxValue:d,minValue:c,orientation:b,"aria-label":s?void 0:n,"data-layout":T,children:({state:a})=>jsxs(Fragment,{children:[s&&jsx(Label,{className:A({className:r?.label}),children:n}),p&&jsx("div",{className:B({className:r?.inputs}),children:a.values.map((m,l)=>jsx(Input,{className:composeRenderProps(r?.input,i=>F({className:i})),value:m,onChange:i=>a.setThumbValue(l,Number.parseFloat(i.target.value))},`number-field-${l===0?"min":"max"}`))}),jsxs(SliderTrack,{className:composeRenderProps(r?.track,m=>P({className:m})),children:[jsx("div",{className:$({className:r?.trackBackground})}),a.values.map((m,l)=>jsxs(Fragment$1,{children:[jsx("div",{className:z({className:r?.trackValue}),"data-start":a.values.length===1?0:a.getThumbPercent(0),"data-end":a.getThumbPercent(a.values.length===1?0:1)}),jsxs(Tooltip,{isDisabled:!p||a.isThumbDragging(l),children:[jsx(Tooltip.Trigger,{children:jsx(SliderThumb,{index:l,className:composeRenderProps(r?.thumb,i=>D({className:i}))})}),jsx(Tooltip.Body,{placement:"top",children:a.getThumbValue(l)})]})]},`slider-${l===0?"min":"max"}`))]}),jsx(Text,{slot:"min",className:C({className:r?.minValue}),children:c}),jsx(Text,{slot:"max",className:L({className:r?.maxValue}),children:d})]})});export{I as Slider};//# sourceMappingURL=index.js.map
3
+ import {jsx,jsxs,Fragment}from'react/jsx-runtime';import'client-only';import {Fragment as Fragment$1}from'react';import {Slider,composeRenderProps,Label,Input,SliderTrack,SliderThumb,Text}from'react-aria-components';import {Tooltip}from'../tooltip/index.js';import {TooltipTrigger}from'../tooltip/trigger.js';import {SliderStyles}from'./styles.js';const{slider:A,label:D,inputs:F,input:B,thumb:P,track:$,trackBackground:z,trackValue:C,minValue:L,maxValue:R}=SliderStyles();function K({classNames:e,label:d,layout:b="grid",maxValue:o=100,minValue:n=0,orientation:g="horizontal",showInput:s,showLabel:c=true,...T}){return jsx(Slider,{...T,className:composeRenderProps(e?.slider,a=>A({className:a})),maxValue:o,minValue:n,orientation:g,"aria-label":c?void 0:d,"data-layout":b,children:({state:a})=>jsxs(Fragment,{children:[c&&jsx(Label,{className:D({className:e?.label}),children:d}),s&&jsx("div",{className:F({className:e?.inputs}),children:a.values.map((m,r)=>jsx(Input,{className:composeRenderProps(e?.input,i=>B({className:i})),value:m,disabled:a.isDisabled,"data-disabled":a.isDisabled||void 0,onChange:i=>a.setThumbValue(r,Number.parseFloat(i.target.value))},`number-field-${r===0?"min":"max"}`))}),jsxs(SliderTrack,{className:composeRenderProps(e?.track,m=>$({className:m})),children:[jsx("div",{className:z({className:e?.trackBackground})}),a.values.map((m,r)=>jsxs(Fragment$1,{children:[jsx("div",{className:C({className:e?.trackValue}),"data-start":a.values.length===1?0:a.getThumbPercent(0),"data-end":a.getThumbPercent(a.values.length===1?0:1)}),jsxs(TooltipTrigger,{isDisabled:!s||a.isThumbDragging(r),children:[jsx(SliderThumb,{index:r,className:composeRenderProps(e?.thumb,i=>P({className:i}))}),jsx(Tooltip,{placement:"top",children:a.getThumbValue(r)})]})]},`slider-${r===0?"min":"max"}`))]}),jsx(Text,{slot:"min",className:L({className:e?.minValue}),children:n}),jsx(Text,{slot:"max",className:R({className:e?.maxValue}),children:o})]})})}export{K as Slider};//# sourceMappingURL=index.js.map
4
4
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/slider/index.tsx"],"names":["thumb","track","trackValue","SliderStyles","f","classNames","minValueProp","orientation","showLabel","jsx","AriaSlider","e","h","className","slider","maxValueProp","layout","jsxs","Fragment","o","label","showInput","value","index","Input","composeRenderProps","input","event","state","AriaSliderTrack","_","Tooltip","u","N","g"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. 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 https://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 */\n'use client';\n\nimport 'client-only';\nimport { Fragment } from 'react';\nimport {\n Slider as AriaSlider,\n SliderTrack as AriaSliderTrack,\n composeRenderProps,\n Input,\n Label,\n SliderThumb,\n Text,\n} from 'react-aria-components';\nimport { Tooltip } from '../tooltip';\nimport { SliderStyles } from './styles';\nimport type { SliderProps } from './types';\n\nconst {\n slider,\n label,\n inputs,\n input,\n thumb,\n track,\n trackBackground,\n trackValue,\n minValue,\n maxValue,\n} = SliderStyles();\n\n/**\n * Slider - An interactive range input component for numeric value selection\n *\n * Provides accessible slider functionality with optional input field integration,\n * flexible layouts, and comprehensive keyboard and mouse interaction support.\n * Perfect for settings, filters, or any numeric input requiring visual feedback.\n *\n * @example\n * // Basic slider\n * <Slider label=\"Volume\" defaultValue={50} />\n */\nexport const Slider = ({\n classNames,\n label: labelProp,\n layout = 'grid',\n maxValue: maxValueProp = 100,\n minValue: minValueProp = 0,\n orientation = 'horizontal',\n showInput,\n showLabel = true,\n ...rest\n}: SliderProps) => {\n return (\n <AriaSlider\n {...rest}\n className={composeRenderProps(classNames?.slider, (className) =>\n slider({ className }),\n )}\n maxValue={maxValueProp}\n minValue={minValueProp}\n orientation={orientation}\n aria-label={showLabel ? undefined : labelProp}\n data-layout={layout}\n >\n {({ state }) => (\n <>\n {showLabel && (\n <Label className={label({ className: classNames?.label })}>\n {labelProp}\n </Label>\n )}\n {showInput && (\n <div\n className={inputs({\n className: classNames?.inputs,\n })}\n >\n {state.values.map((value, index) => (\n <Input\n key={`number-field-${index === 0 ? 'min' : 'max'}`}\n className={composeRenderProps(\n classNames?.input,\n (className) => input({ className }),\n )}\n value={value}\n onChange={(event) =>\n state.setThumbValue(\n index,\n Number.parseFloat(event.target.value),\n )\n }\n />\n ))}\n </div>\n )}\n <AriaSliderTrack\n className={composeRenderProps(classNames?.track, (className) =>\n track({ className }),\n )}\n >\n <div\n className={trackBackground({\n className: classNames?.trackBackground,\n })}\n />\n {state.values.map((_, index) => (\n <Fragment key={`slider-${index === 0 ? 'min' : 'max'}`}>\n <div\n className={trackValue({\n className: classNames?.trackValue,\n })}\n data-start={\n state.values.length === 1 ? 0 : state.getThumbPercent(0)\n }\n data-end={state.getThumbPercent(\n state.values.length === 1 ? 0 : 1,\n )}\n />\n <Tooltip\n isDisabled={!showInput || state.isThumbDragging(index)}\n >\n <Tooltip.Trigger>\n <SliderThumb\n index={index}\n className={composeRenderProps(\n classNames?.thumb,\n (className) => thumb({ className }),\n )}\n />\n </Tooltip.Trigger>\n <Tooltip.Body placement='top'>\n {state.getThumbValue(index)}\n </Tooltip.Body>\n </Tooltip>\n </Fragment>\n ))}\n </AriaSliderTrack>\n <Text\n slot='min'\n className={minValue({ className: classNames?.minValue })}\n >\n {minValueProp}\n </Text>\n <Text\n slot='max'\n className={maxValue({ className: classNames?.maxValue })}\n >\n {maxValueProp}\n </Text>\n </>\n )}\n </AriaSlider>\n );\n};\n"]}
1
+ {"version":3,"sources":["../../../src/components/slider/index.tsx"],"names":["inputs","input","track","trackBackground","Slider","layout","maxValueProp","orientation","rest","jsx","AriaSlider","l","composeRenderProps","classNames","t","state","showLabel","Label","label","showInput","index","h","event","jsxs","f","_","u","k","trackValue","V","p","Text","maxValue"],"mappings":"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","file":"index.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. 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 https://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 */\n'use client';\n\nimport 'client-only';\nimport { Fragment } from 'react';\nimport {\n Slider as AriaSlider,\n SliderTrack as AriaSliderTrack,\n composeRenderProps,\n Input,\n Label,\n SliderThumb,\n Text,\n} from 'react-aria-components';\nimport { Tooltip } from '../tooltip';\nimport { TooltipTrigger } from '../tooltip/trigger';\nimport { SliderStyles } from './styles';\nimport type { SliderProps } from './types';\n\nconst {\n slider,\n label,\n inputs,\n input,\n thumb,\n track,\n trackBackground,\n trackValue,\n minValue,\n maxValue,\n} = SliderStyles();\n\n/**\n * Slider - An interactive range input component for numeric value selection\n *\n * Provides accessible slider functionality with optional input field integration,\n * flexible layouts, and comprehensive keyboard and mouse interaction support.\n * Perfect for settings, filters, or any numeric input requiring visual feedback.\n *\n * @example\n * // Basic slider\n * <Slider label=\"Volume\" defaultValue={50} />\n */\nexport function Slider({\n classNames,\n label: labelProp,\n layout = 'grid',\n maxValue: maxValueProp = 100,\n minValue: minValueProp = 0,\n orientation = 'horizontal',\n showInput,\n showLabel = true,\n ...rest\n}: SliderProps) {\n return (\n <AriaSlider\n {...rest}\n className={composeRenderProps(classNames?.slider, (className) =>\n slider({ className }),\n )}\n maxValue={maxValueProp}\n minValue={minValueProp}\n orientation={orientation}\n aria-label={showLabel ? undefined : labelProp}\n data-layout={layout}\n >\n {({ state }) => (\n <>\n {showLabel && (\n <Label className={label({ className: classNames?.label })}>\n {labelProp}\n </Label>\n )}\n {showInput && (\n <div className={inputs({ className: classNames?.inputs })}>\n {state.values.map((value, index) => (\n <Input\n key={`number-field-${index === 0 ? 'min' : 'max'}`}\n className={composeRenderProps(\n classNames?.input,\n (className) => input({ className }),\n )}\n value={value}\n disabled={state.isDisabled}\n data-disabled={state.isDisabled || undefined}\n onChange={(event) =>\n state.setThumbValue(\n index,\n Number.parseFloat(event.target.value),\n )\n }\n />\n ))}\n </div>\n )}\n <AriaSliderTrack\n className={composeRenderProps(classNames?.track, (className) =>\n track({ className }),\n )}\n >\n <div\n className={trackBackground({\n className: classNames?.trackBackground,\n })}\n />\n {state.values.map((_, index) => (\n <Fragment key={`slider-${index === 0 ? 'min' : 'max'}`}>\n <div\n className={trackValue({\n className: classNames?.trackValue,\n })}\n data-start={\n state.values.length === 1 ? 0 : state.getThumbPercent(0)\n }\n data-end={state.getThumbPercent(\n state.values.length === 1 ? 0 : 1,\n )}\n />\n <TooltipTrigger\n isDisabled={!showInput || state.isThumbDragging(index)}\n >\n <SliderThumb\n index={index}\n className={composeRenderProps(\n classNames?.thumb,\n (className) => thumb({ className }),\n )}\n />\n <Tooltip placement='top'>\n {state.getThumbValue(index)}\n </Tooltip>\n </TooltipTrigger>\n </Fragment>\n ))}\n </AriaSliderTrack>\n <Text\n slot='min'\n className={minValue({ className: classNames?.minValue })}\n >\n {minValueProp}\n </Text>\n <Text\n slot='max'\n className={maxValue({ className: classNames?.maxValue })}\n >\n {maxValueProp}\n </Text>\n </>\n )}\n </AriaSlider>\n );\n}\n"]}
@@ -35,7 +35,7 @@ declare const SliderStyles: tailwind_variants.TVReturnType<{
35
35
  slider: string[];
36
36
  label: string[];
37
37
  inputs: string[];
38
- input: string;
38
+ input: string[];
39
39
  track: string[];
40
40
  trackBackground: string[];
41
41
  trackValue: string[];
@@ -61,7 +61,7 @@ declare const SliderStyles: tailwind_variants.TVReturnType<{
61
61
  slider: string[];
62
62
  label: string[];
63
63
  inputs: string[];
64
- input: string;
64
+ input: string[];
65
65
  track: string[];
66
66
  trackBackground: string[];
67
67
  trackValue: string[];
@@ -72,7 +72,7 @@ declare const SliderStyles: tailwind_variants.TVReturnType<{
72
72
  slider: string[];
73
73
  label: string[];
74
74
  inputs: string[];
75
- input: string;
75
+ input: string[];
76
76
  track: string[];
77
77
  trackBackground: string[];
78
78
  trackValue: string[];
@@ -1,2 +1,2 @@
1
- import {tv}from'./../../lib/utils.js';const t=tv({slots:{slider:["group/slider flex gap-s","layout-grid:grid","layout-stack:flex","orientation-vertical:h-full orientation-vertical:w-fit","orientation-vertical:layout-grid:grid-cols-[auto_auto_auto] orientation-vertical:layout-grid:grid-rows-[auto_auto_1fr_auto]","orientation-vertical:layout-stack:flex-col","orientation-horizontal:h-xl","orientation-horizontal:layout-grid:grid-cols-[auto_1fr_auto] orientation-horizontal:layout-grid:grid-rows-[auto_auto_auto]","orientation-horizontal:layout-stack:w-full orientation-horizontal:layout-stack:items-center"],label:["fg-primary-bold order-1","group-layout-grid/slider:col-start-1","group-orientation-vertical/slider:group-layout-grid/slider:col-span-2"],inputs:["order-5 flex gap-s","group-layout-grid/slider:col-start-3 group-layout-grid/slider:row-start-1","group-orientation-horizontal/slider:flex-row","group-orientation-vertical/slider:flex-col-reverse","group-orientation-vertical/slider:group-layout-grid/slider:row-start-4"],input:"fg-primary-bold w-[50px] rounded-medium px-s py-xs font-display text-body-m outline outline-interactive",track:["relative order-3 h-full","group-orientation-horizontal/slider:h-[20px] group-orientation-horizontal/slider:w-full","group-orientation-horizontal/slider:group-layout-grid/slider:col-span-3 group-orientation-horizontal/slider:group-layout-grid/slider:row-start-2","group-orientation-vertical/slider:h-full group-orientation-vertical/slider:w-[20px]","group-orientation-vertical/slider:group-layout-grid/slider:col-start-2 group-orientation-vertical/slider:group-layout-grid/slider:row-span-3 group-orientation-vertical/slider:group-layout-grid/slider:row-start-2"],trackBackground:["absolute rounded-full bg-surface-muted","group-orientation-horizontal/slider:-translate-y-1/2 group-orientation-horizontal/slider:top-1/2 group-orientation-horizontal/slider:h-xxs group-orientation-horizontal/slider:w-full","group-orientation-vertical/slider:-translate-x-1/2 group-orientation-vertical/slider:left-1/2 group-orientation-vertical/slider:h-full group-orientation-vertical/slider:w-xxs"],trackValue:["absolute rounded-full bg-accent-primary-bold","group-orientation-horizontal/slider:-translate-y-1/2 group-orientation-horizontal/slider:top-1/2 group-orientation-horizontal/slider:right-[calc(100%-attr(data-end_%)*100)] group-orientation-horizontal/slider:left-[calc(attr(data-start_%)*100)] group-orientation-horizontal/slider:h-xxs","group-orientation-vertical/slider:-translate-x-1/2 group-orientation-vertical/slider:top-[calc(100%-attr(data-end_%)*100)] group-orientation-vertical/slider:bottom-[calc(attr(data-start_%)*100)] group-orientation-vertical/slider:left-1/2 group-orientation-vertical/slider:w-xxs"],thumb:["h-m w-m rounded-full bg-accent-primary-bold outline-accent-primary-bold/40","focus-visible:outline-4","hover:outline-4","group-orientation-horizontal/slider:top-1/2","group-orientation-vertical/slider:left-1/2"],minValue:["fg-primary-muted flex items-center font-display text-body-m","group-orientation-vertical/slider:col-start-1 group-orientation-vertical/slider:row-start-4","group-orientation-horizontal/slider:group-layout-grid/slider:col-start-1","group-orientation-horizontal/slider:group-layout-grid/slider:row-start-3","group-orientation-horizontal/slider:order-2","group-orientation-vertical/slider:group-layout-grid/slider:self-end","group-orientation-vertical/slider:group-layout-grid/slider:justify-self-end","group-orientation-vertical/slider:order-4"],maxValue:["fg-primary-muted order-4 flex items-center font-display text-body-m","group-orientation-vertical/slider:order-2","group-orientation-vertical/slider:group-layout-grid/slider:col-start-1 group-orientation-vertical/slider:group-layout-grid/slider:row-start-2","group-orientation-vertical/slider:group-layout-grid/slider:justify-self-end","group-orientation-horizontal/slider:group-layout-grid/slider:col-start-3","group-orientation-horizontal/slider:group-layout-grid/slider:row-start-3","group-orientation-horizontal/slider:group-layout-grid/slider:justify-self-end"]}});export{t as SliderStyles};//# sourceMappingURL=styles.js.map
1
+ import {tv}from'./../../lib/utils.js';const t=tv({slots:{slider:["isolate","group/slider flex gap-s","layout-grid:grid","layout-stack:flex","orientation-vertical:h-full orientation-vertical:w-fit","orientation-vertical:layout-grid:grid-cols-[auto_auto_auto] orientation-vertical:layout-grid:grid-rows-[auto_auto_1fr_auto]","orientation-vertical:layout-stack:flex-col","orientation-horizontal:layout-grid:grid-cols-[auto_1fr_auto] orientation-horizontal:layout-grid:grid-rows-[auto_auto_auto]","orientation-horizontal:layout-stack:w-full orientation-horizontal:layout-stack:items-center"],label:["fg-primary-bold order-1","group-layout-grid/slider:col-start-1","group-orientation-vertical/slider:group-layout-grid/slider:col-span-2","group-disabled/slider:fg-disabled"],inputs:["order-5 flex gap-s","group-layout-grid/slider:col-start-3 group-layout-grid/slider:row-start-1","group-orientation-horizontal/slider:flex-row","group-orientation-vertical/slider:flex-col-reverse","group-orientation-vertical/slider:group-layout-grid/slider:row-start-4"],input:["fg-primary-bold w-[50px] rounded-medium px-s py-xs font-display text-body-m outline outline-interactive","group-disabled/slider:fg-disabled group-disabled/slider:cursor-not-allowed group-disabled/slider:outline-interactive-disabled"],track:["relative order-3 h-full","group-orientation-horizontal/slider:h-[20px] group-orientation-horizontal/slider:w-full","group-orientation-horizontal/slider:group-layout-grid/slider:col-span-3 group-orientation-horizontal/slider:group-layout-grid/slider:row-start-2","group-orientation-vertical/slider:h-full group-orientation-vertical/slider:w-[20px]","group-orientation-vertical/slider:group-layout-grid/slider:col-start-2 group-orientation-vertical/slider:group-layout-grid/slider:row-span-3 group-orientation-vertical/slider:group-layout-grid/slider:row-start-2"],trackBackground:["absolute rounded-full bg-surface-muted","group-orientation-horizontal/slider:-translate-y-1/2 group-orientation-horizontal/slider:top-1/2 group-orientation-horizontal/slider:h-xxs group-orientation-horizontal/slider:w-full","group-orientation-vertical/slider:-translate-x-1/2 group-orientation-vertical/slider:left-1/2 group-orientation-vertical/slider:h-full group-orientation-vertical/slider:w-xxs"],trackValue:["absolute rounded-full bg-accent-primary-bold","group-orientation-horizontal/slider:-translate-y-1/2 group-orientation-horizontal/slider:top-1/2 group-orientation-horizontal/slider:right-[calc(100%-attr(data-end_%)*100)] group-orientation-horizontal/slider:left-[calc(attr(data-start_%)*100)] group-orientation-horizontal/slider:h-xxs","group-orientation-vertical/slider:-translate-x-1/2 group-orientation-vertical/slider:top-[calc(100%-attr(data-end_%)*100)] group-orientation-vertical/slider:bottom-[calc(attr(data-start_%)*100)] group-orientation-vertical/slider:left-1/2 group-orientation-vertical/slider:w-xxs"],thumb:["z-10 h-m w-m rounded-full outline-transparent [background-color:var(--fg-accent-primary-bold)]","hover:[background-color:var(--fg-accent-primary-hover)]","dragging:outline dragging:outline-interactive-hover dragging:ring-8 dragging:ring-[rgba(110,209,255,0.08)] dragging:[background-color:var(--fg-a11y-on-accent)]","disabled:cursor-not-allowed disabled:[background-color:var(--fg-disabled)]","group-orientation-horizontal/slider:top-1/2","group-orientation-vertical/slider:left-1/2"],minValue:["fg-primary-muted flex items-center font-display text-body-m","group-orientation-vertical/slider:col-start-1 group-orientation-vertical/slider:row-start-4","group-orientation-horizontal/slider:group-layout-grid/slider:col-start-1","group-orientation-horizontal/slider:group-layout-grid/slider:row-start-3","group-orientation-horizontal/slider:order-2","group-orientation-vertical/slider:group-layout-grid/slider:self-end","group-orientation-vertical/slider:group-layout-grid/slider:justify-self-end","group-orientation-vertical/slider:order-4","group-disabled/slider:fg-disabled"],maxValue:["fg-primary-muted order-4 flex items-center font-display text-body-m","group-orientation-vertical/slider:order-2","group-orientation-vertical/slider:group-layout-grid/slider:col-start-1 group-orientation-vertical/slider:group-layout-grid/slider:row-start-2","group-orientation-vertical/slider:group-layout-grid/slider:justify-self-end","group-orientation-horizontal/slider:group-layout-grid/slider:col-start-3","group-orientation-horizontal/slider:group-layout-grid/slider:row-start-3","group-orientation-horizontal/slider:group-layout-grid/slider:justify-self-end","group-disabled/slider:fg-disabled"]}});export{t as SliderStyles};//# sourceMappingURL=styles.js.map
2
2
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"sources":["../../../src/components/slider/styles.ts"],"names":["r"],"mappings":"sCAcE,MAAA,CAAO,CACLA,EAAA,CAAA,CAAA,KACE,mCACA,CAAA,kBACA,CAAA,4EAEA,CAAA,6HACA,CAAA,0EAEA,CAAA,4HACA,CAAA,6FAGA,CAAA,CAAA,KAAA,CAAA,CAAA,yBACA,CAAA,8GAIA,CAAA,CAAA,MAAA,CAAA,CAAA,oBACA,CAAA,0HAEA,CAAA,oDACA,CAAA,wEAGA,CAAA,CAAA,KAAA,CAAA,yGAEA,CAAA,KAAA,CAAA,CAAA,mHAEA,CAAA,kJACA,CAAA,qFACA,CAAA,sOAGA,CAAA,CAAA,gOAEA,CAAA,4LAGA,CAAA,CAAA,+UAEA,CAAA,uRAGA,CAAA,CAAA,KAAA,CAAA,CAAA,sGAEA,CAAA,iBACA,CAAA,0FAGF,CAAU,CACR,QAAA,CAAA,CAAA,2JAEA,CAAA,0EACA,CAAA,wHAEA,CAAA,qEACA,CAAA,yHAGF,CAAU,CACR,QAAA,CAAA,CAAA,qEACA,CAAA,2LAEA,CAAA,6EACA,CAAA,qJAEA,CAAA,+EAGL,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. 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 https://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 */\nimport { tv } from '@/lib/utils';\n\nexport const SliderStyles = tv({\n slots: {\n slider: [\n 'group/slider flex gap-s',\n 'layout-grid:grid',\n 'layout-stack:flex',\n 'orientation-vertical:h-full orientation-vertical:w-fit',\n 'orientation-vertical:layout-grid:grid-cols-[auto_auto_auto] orientation-vertical:layout-grid:grid-rows-[auto_auto_1fr_auto]',\n 'orientation-vertical:layout-stack:flex-col',\n 'orientation-horizontal:h-xl',\n 'orientation-horizontal:layout-grid:grid-cols-[auto_1fr_auto] orientation-horizontal:layout-grid:grid-rows-[auto_auto_auto]',\n 'orientation-horizontal:layout-stack:w-full orientation-horizontal:layout-stack:items-center',\n ],\n label: [\n 'fg-primary-bold order-1',\n 'group-layout-grid/slider:col-start-1',\n 'group-orientation-vertical/slider:group-layout-grid/slider:col-span-2',\n ],\n inputs: [\n 'order-5 flex gap-s',\n 'group-layout-grid/slider:col-start-3 group-layout-grid/slider:row-start-1',\n 'group-orientation-horizontal/slider:flex-row',\n 'group-orientation-vertical/slider:flex-col-reverse',\n 'group-orientation-vertical/slider:group-layout-grid/slider:row-start-4',\n ],\n input:\n 'fg-primary-bold w-[50px] rounded-medium px-s py-xs font-display text-body-m outline outline-interactive',\n track: [\n 'relative order-3 h-full',\n 'group-orientation-horizontal/slider:h-[20px] group-orientation-horizontal/slider:w-full',\n 'group-orientation-horizontal/slider:group-layout-grid/slider:col-span-3 group-orientation-horizontal/slider:group-layout-grid/slider:row-start-2',\n 'group-orientation-vertical/slider:h-full group-orientation-vertical/slider:w-[20px]',\n 'group-orientation-vertical/slider:group-layout-grid/slider:col-start-2 group-orientation-vertical/slider:group-layout-grid/slider:row-span-3 group-orientation-vertical/slider:group-layout-grid/slider:row-start-2',\n ],\n trackBackground: [\n 'absolute rounded-full bg-surface-muted',\n 'group-orientation-horizontal/slider:-translate-y-1/2 group-orientation-horizontal/slider:top-1/2 group-orientation-horizontal/slider:h-xxs group-orientation-horizontal/slider:w-full',\n 'group-orientation-vertical/slider:-translate-x-1/2 group-orientation-vertical/slider:left-1/2 group-orientation-vertical/slider:h-full group-orientation-vertical/slider:w-xxs',\n ],\n trackValue: [\n 'absolute rounded-full bg-accent-primary-bold',\n 'group-orientation-horizontal/slider:-translate-y-1/2 group-orientation-horizontal/slider:top-1/2 group-orientation-horizontal/slider:right-[calc(100%-attr(data-end_%)*100)] group-orientation-horizontal/slider:left-[calc(attr(data-start_%)*100)] group-orientation-horizontal/slider:h-xxs',\n 'group-orientation-vertical/slider:-translate-x-1/2 group-orientation-vertical/slider:top-[calc(100%-attr(data-end_%)*100)] group-orientation-vertical/slider:bottom-[calc(attr(data-start_%)*100)] group-orientation-vertical/slider:left-1/2 group-orientation-vertical/slider:w-xxs',\n ],\n thumb: [\n 'h-m w-m rounded-full bg-accent-primary-bold outline-accent-primary-bold/40',\n 'focus-visible:outline-4',\n 'hover:outline-4',\n 'group-orientation-horizontal/slider:top-1/2',\n 'group-orientation-vertical/slider:left-1/2',\n ],\n minValue: [\n 'fg-primary-muted flex items-center font-display text-body-m',\n 'group-orientation-vertical/slider:col-start-1 group-orientation-vertical/slider:row-start-4',\n 'group-orientation-horizontal/slider:group-layout-grid/slider:col-start-1',\n 'group-orientation-horizontal/slider:group-layout-grid/slider:row-start-3',\n 'group-orientation-horizontal/slider:order-2',\n 'group-orientation-vertical/slider:group-layout-grid/slider:self-end',\n 'group-orientation-vertical/slider:group-layout-grid/slider:justify-self-end',\n 'group-orientation-vertical/slider:order-4',\n ],\n maxValue: [\n 'fg-primary-muted order-4 flex items-center font-display text-body-m',\n 'group-orientation-vertical/slider:order-2',\n 'group-orientation-vertical/slider:group-layout-grid/slider:col-start-1 group-orientation-vertical/slider:group-layout-grid/slider:row-start-2',\n 'group-orientation-vertical/slider:group-layout-grid/slider:justify-self-end',\n 'group-orientation-horizontal/slider:group-layout-grid/slider:col-start-3',\n 'group-orientation-horizontal/slider:group-layout-grid/slider:row-start-3',\n 'group-orientation-horizontal/slider:group-layout-grid/slider:justify-self-end',\n ],\n },\n});\n"]}
1
+ {"version":3,"sources":["../../../src/components/slider/styles.ts"],"names":["r"],"mappings":"6CAcS,CACLA,EAAA,CAAA,CAAA,KACE,CAAA,CAAA,MAAA,CAAA,CACA,SAAA,CAAA,4CAEA,CAAA,mBACA,CAAA,sLAEA,CAAA,4CACA,CAAA,0NAIA,CAAA,CAAA,KAAA,CAAA,CAAA,yBACA,CAAA,8GAEA,CAAA,mCAGA,CAAA,CAAA,MAAA,CAAA,CAAA,gGAEA,CAAA,8CACA,CAAA,6HAIA,CAAA,CAAA,KAAA,CAAA,CAAA,yGACA,CAAA,+HAGA,CAAA,CAAA,KAAA,CAAA,CAAA,yBACA,CAAA,yFACA,CAAA,kJACA,CAAA,2SAGF,CAAA,CAAA,eACE,CAAA,CAAA,wCACA,CAAA,wWAGF,CAAA,CAAA,UACE,CAAA,CAAA,8CACA,CAAA,wjBAIA,CAAA,CAAA,KAAA,CAAA,CAAA,gGACA,CAAA,2NAEA,CAAA,4EACA,CAAA,0FAGF,CAAU,CACR,QAAA,CAAA,CAAA,6DACA,CAAA,wKAEA,CAAA,0EACA,CAAA,mHAEA,CAAA,6EACA,CAAA,+EAGF,CAAU,CACR,QAAA,CAAA,CAAA,qEACA,CAAA,2LAEA,CAAA,6EACA,CAAA,qJAEA,CAAA,+EACA,CAAA,mCAGL,CAAA,CAAA,CAAA","file":"styles.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. 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 https://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 */\nimport { tv } from '@/lib/utils';\n\nexport const SliderStyles = tv({\n slots: {\n slider: [\n 'isolate',\n 'group/slider flex gap-s',\n 'layout-grid:grid',\n 'layout-stack:flex',\n 'orientation-vertical:h-full orientation-vertical:w-fit',\n 'orientation-vertical:layout-grid:grid-cols-[auto_auto_auto] orientation-vertical:layout-grid:grid-rows-[auto_auto_1fr_auto]',\n 'orientation-vertical:layout-stack:flex-col',\n 'orientation-horizontal:layout-grid:grid-cols-[auto_1fr_auto] orientation-horizontal:layout-grid:grid-rows-[auto_auto_auto]',\n 'orientation-horizontal:layout-stack:w-full orientation-horizontal:layout-stack:items-center',\n ],\n label: [\n 'fg-primary-bold order-1',\n 'group-layout-grid/slider:col-start-1',\n 'group-orientation-vertical/slider:group-layout-grid/slider:col-span-2',\n 'group-disabled/slider:fg-disabled',\n ],\n inputs: [\n 'order-5 flex gap-s',\n 'group-layout-grid/slider:col-start-3 group-layout-grid/slider:row-start-1',\n 'group-orientation-horizontal/slider:flex-row',\n 'group-orientation-vertical/slider:flex-col-reverse',\n 'group-orientation-vertical/slider:group-layout-grid/slider:row-start-4',\n ],\n input: [\n 'fg-primary-bold w-[50px] rounded-medium px-s py-xs font-display text-body-m outline outline-interactive',\n 'group-disabled/slider:fg-disabled group-disabled/slider:cursor-not-allowed group-disabled/slider:outline-interactive-disabled',\n ],\n track: [\n 'relative order-3 h-full',\n 'group-orientation-horizontal/slider:h-[20px] group-orientation-horizontal/slider:w-full',\n 'group-orientation-horizontal/slider:group-layout-grid/slider:col-span-3 group-orientation-horizontal/slider:group-layout-grid/slider:row-start-2',\n 'group-orientation-vertical/slider:h-full group-orientation-vertical/slider:w-[20px]',\n 'group-orientation-vertical/slider:group-layout-grid/slider:col-start-2 group-orientation-vertical/slider:group-layout-grid/slider:row-span-3 group-orientation-vertical/slider:group-layout-grid/slider:row-start-2',\n ],\n trackBackground: [\n 'absolute rounded-full bg-surface-muted',\n 'group-orientation-horizontal/slider:-translate-y-1/2 group-orientation-horizontal/slider:top-1/2 group-orientation-horizontal/slider:h-xxs group-orientation-horizontal/slider:w-full',\n 'group-orientation-vertical/slider:-translate-x-1/2 group-orientation-vertical/slider:left-1/2 group-orientation-vertical/slider:h-full group-orientation-vertical/slider:w-xxs',\n ],\n trackValue: [\n 'absolute rounded-full bg-accent-primary-bold',\n 'group-orientation-horizontal/slider:-translate-y-1/2 group-orientation-horizontal/slider:top-1/2 group-orientation-horizontal/slider:right-[calc(100%-attr(data-end_%)*100)] group-orientation-horizontal/slider:left-[calc(attr(data-start_%)*100)] group-orientation-horizontal/slider:h-xxs',\n 'group-orientation-vertical/slider:-translate-x-1/2 group-orientation-vertical/slider:top-[calc(100%-attr(data-end_%)*100)] group-orientation-vertical/slider:bottom-[calc(attr(data-start_%)*100)] group-orientation-vertical/slider:left-1/2 group-orientation-vertical/slider:w-xxs',\n ],\n thumb: [\n 'z-10 h-m w-m rounded-full outline-transparent [background-color:var(--fg-accent-primary-bold)]',\n 'hover:[background-color:var(--fg-accent-primary-hover)]',\n 'dragging:outline dragging:outline-interactive-hover dragging:ring-8 dragging:ring-[rgba(110,209,255,0.08)] dragging:[background-color:var(--fg-a11y-on-accent)]',\n 'disabled:cursor-not-allowed disabled:[background-color:var(--fg-disabled)]',\n 'group-orientation-horizontal/slider:top-1/2',\n 'group-orientation-vertical/slider:left-1/2',\n ],\n minValue: [\n 'fg-primary-muted flex items-center font-display text-body-m',\n 'group-orientation-vertical/slider:col-start-1 group-orientation-vertical/slider:row-start-4',\n 'group-orientation-horizontal/slider:group-layout-grid/slider:col-start-1',\n 'group-orientation-horizontal/slider:group-layout-grid/slider:row-start-3',\n 'group-orientation-horizontal/slider:order-2',\n 'group-orientation-vertical/slider:group-layout-grid/slider:self-end',\n 'group-orientation-vertical/slider:group-layout-grid/slider:justify-self-end',\n 'group-orientation-vertical/slider:order-4',\n 'group-disabled/slider:fg-disabled',\n ],\n maxValue: [\n 'fg-primary-muted order-4 flex items-center font-display text-body-m',\n 'group-orientation-vertical/slider:order-2',\n 'group-orientation-vertical/slider:group-layout-grid/slider:col-start-1 group-orientation-vertical/slider:group-layout-grid/slider:row-start-2',\n 'group-orientation-vertical/slider:group-layout-grid/slider:justify-self-end',\n 'group-orientation-horizontal/slider:group-layout-grid/slider:col-start-3',\n 'group-orientation-horizontal/slider:group-layout-grid/slider:row-start-3',\n 'group-orientation-horizontal/slider:group-layout-grid/slider:justify-self-end',\n 'group-disabled/slider:fg-disabled',\n ],\n },\n});\n"]}
@@ -0,0 +1,20 @@
1
+ import * as react_jsx_runtime from 'react/jsx-runtime';
2
+ import * as react from 'react';
3
+ import { ContextValue } from 'react-aria-components';
4
+ import { ProviderProps } from '../../lib/types.js';
5
+ import { SwitchProps } from './types.js';
6
+
7
+ /**
8
+ * Context for Switch component
9
+ *
10
+ * Provides context for Switch component to share props
11
+ */
12
+ declare const SwitchContext: react.Context<ContextValue<SwitchProps, HTMLLabelElement>>;
13
+ /**
14
+ * Provider for Switch component
15
+ *
16
+ * Allows setting default props for all Switch components within
17
+ */
18
+ declare function SwitchProvider({ children, ...props }: ProviderProps<SwitchProps>): react_jsx_runtime.JSX.Element;
19
+
20
+ export { SwitchContext, SwitchProvider };
@@ -0,0 +1,4 @@
1
+ 'use client';
2
+
3
+ import {jsx}from'react/jsx-runtime';import'client-only';import {createContext}from'react';const e=createContext(null);function c({children:t,...o}){return jsx(e.Provider,{value:o,children:t})}export{e as SwitchContext,c as SwitchProvider};//# sourceMappingURL=context.js.map
4
+ //# sourceMappingURL=context.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"sources":["../../../src/components/switch/context.tsx"],"names":["SwitchContext","createContext","SwitchProvider","children","props","jsx"],"mappings":"0FAwBO,MAAMA,CAAAA,CACXC,aAAAA,CAA2D,IAAI,EAO1D,SAASC,CAAAA,CAAe,CAC7B,QAAA,CAAAC,CAAAA,CACA,GAAGC,CACL,CAAA,CAA+B,CAC7B,OACEC,GAAAA,CAACL,CAAAA,CAAc,QAAA,CAAd,CAAuB,KAAA,CAAOI,CAAAA,CAAQ,QAAA,CAAAD,EAAS,CAEpD","file":"context.js","sourcesContent":["/*\n * Copyright 2025 Hypergiant Galactic Systems Inc. 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 https://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 */\n'use client';\n\nimport 'client-only';\nimport { createContext } from 'react';\nimport type { ContextValue } from 'react-aria-components';\nimport type { ProviderProps } from '@/lib/types';\nimport type { SwitchProps } from './types';\n\n/**\n * Context for Switch component\n *\n * Provides context for Switch component to share props\n */\nexport const SwitchContext =\n createContext<ContextValue<SwitchProps, HTMLLabelElement>>(null);\n\n/**\n * Provider for Switch component\n *\n * Allows setting default props for all Switch components within\n */\nexport function SwitchProvider({\n children,\n ...props\n}: ProviderProps<SwitchProps>) {\n return (\n <SwitchContext.Provider value={props}>{children}</SwitchContext.Provider>\n );\n}\n"]}