@godxjp/ui 13.9.3 → 13.11.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 (477) hide show
  1. package/dist/app/app-provider.d.ts +30 -0
  2. package/dist/app/app-provider.js +244 -0
  3. package/dist/app/date-format-labels.d.ts +8 -0
  4. package/dist/app/date-format-labels.js +16 -0
  5. package/dist/app/date-formats.d.ts +10 -0
  6. package/dist/app/date-formats.js +27 -0
  7. package/dist/app/index.d.ts +13 -136
  8. package/dist/app/index.js +65 -38
  9. package/dist/app/locales.d.ts +12 -0
  10. package/dist/app/locales.js +26 -0
  11. package/dist/app/request-headers.d.ts +7 -0
  12. package/dist/app/request-headers.js +27 -0
  13. package/dist/app/storage.d.ts +11 -0
  14. package/dist/app/storage.js +32 -0
  15. package/dist/app/time-format-labels.d.ts +8 -0
  16. package/dist/app/time-format-labels.js +14 -0
  17. package/dist/app/time-formats.d.ts +7 -0
  18. package/dist/app/time-formats.js +14 -0
  19. package/dist/app/timezones.d.ts +31 -0
  20. package/dist/app/timezones.js +161 -0
  21. package/dist/app/types.d.ts +21 -0
  22. package/dist/app/types.js +30 -0
  23. package/dist/app/use-formatting.d.ts +19 -0
  24. package/dist/app/use-formatting.js +37 -0
  25. package/dist/components/admin/index.d.ts +26 -66
  26. package/dist/components/admin/index.js +96 -49
  27. package/dist/components/data-display/accordion.d.ts +1 -0
  28. package/dist/components/data-display/accordion.js +7 -0
  29. package/dist/components/data-display/avatar.d.ts +1 -0
  30. package/dist/components/data-display/avatar.js +6 -0
  31. package/dist/components/data-display/badge.d.ts +9 -13
  32. package/dist/components/data-display/badge.js +111 -5
  33. package/dist/components/data-display/card.d.ts +22 -26
  34. package/dist/components/data-display/card.js +153 -2
  35. package/dist/components/data-display/carousel.d.ts +11 -13
  36. package/dist/components/data-display/carousel.js +220 -4
  37. package/dist/components/data-display/collapsible.d.ts +4 -0
  38. package/dist/components/data-display/collapsible.js +9 -0
  39. package/dist/components/data-display/data-table.d.ts +53 -0
  40. package/dist/components/data-display/data-table.js +424 -0
  41. package/dist/components/data-display/descriptions.d.ts +19 -0
  42. package/dist/components/data-display/descriptions.js +25 -0
  43. package/dist/components/data-display/empty-state.d.ts +3 -0
  44. package/dist/{chunk-YD7V2HGZ.js → components/data-display/empty-state.js} +5 -5
  45. package/dist/components/data-display/hover-card.d.ts +1 -0
  46. package/dist/components/data-display/hover-card.js +6 -0
  47. package/dist/components/data-display/index.d.ts +24 -79
  48. package/dist/components/data-display/index.js +95 -176
  49. package/dist/components/data-display/popover.d.ts +9 -13
  50. package/dist/components/data-display/popover.js +61 -2
  51. package/dist/components/data-display/progress.d.ts +7 -0
  52. package/dist/components/data-display/progress.js +27 -0
  53. package/dist/components/data-display/scroll-area.d.ts +4 -7
  54. package/dist/components/data-display/scroll-area.js +38 -2
  55. package/dist/components/data-display/table.d.ts +7 -10
  56. package/dist/components/data-display/table.js +36 -3
  57. package/dist/components/data-display/timeline.d.ts +12 -0
  58. package/dist/components/data-display/timeline.js +35 -0
  59. package/dist/components/data-display/tree-list.d.ts +13 -0
  60. package/dist/components/data-display/tree-list.js +30 -0
  61. package/dist/components/data-entry/calendar.d.ts +3 -19
  62. package/dist/components/data-entry/calendar.js +96 -6
  63. package/dist/components/data-entry/cascader.d.ts +4 -35
  64. package/dist/components/data-entry/cascader.js +327 -10
  65. package/dist/components/data-entry/checkbox-group.d.ts +3 -0
  66. package/dist/{chunk-BE6GJGKJ.js → components/data-entry/checkbox-group.js} +9 -26
  67. package/dist/components/data-entry/checkbox.d.ts +7 -16
  68. package/dist/components/data-entry/checkbox.js +26 -4
  69. package/dist/components/data-entry/choice-option.d.ts +10 -0
  70. package/dist/components/data-entry/choice-option.js +7 -0
  71. package/dist/components/data-entry/color-picker.d.ts +3 -19
  72. package/dist/components/data-entry/color-picker.js +75 -6
  73. package/dist/components/data-entry/command.d.ts +7 -10
  74. package/dist/components/data-entry/command.js +51 -3
  75. package/dist/components/data-entry/date-picker.d.ts +3 -19
  76. package/dist/components/data-entry/date-picker.js +153 -9
  77. package/dist/components/data-entry/date-range-picker.d.ts +3 -19
  78. package/dist/components/data-entry/date-range-picker.js +191 -8
  79. package/dist/components/data-entry/field.d.ts +4 -0
  80. package/dist/{chunk-44YRPSZ7.js → components/data-entry/field.js} +6 -11
  81. package/dist/components/data-entry/form-field.d.ts +3 -0
  82. package/dist/{chunk-LBYSX3VM.js → components/data-entry/form-field.js} +14 -47
  83. package/dist/components/data-entry/form.d.ts +29 -0
  84. package/dist/components/data-entry/form.js +41 -0
  85. package/dist/components/data-entry/index.d.ts +61 -164
  86. package/dist/components/data-entry/index.js +117 -37
  87. package/dist/components/data-entry/input-otp.d.ts +1 -0
  88. package/dist/components/data-entry/input-otp.js +7 -0
  89. package/dist/components/data-entry/input.d.ts +3 -6
  90. package/dist/components/data-entry/input.js +98 -4
  91. package/dist/components/data-entry/label.d.ts +4 -8
  92. package/dist/components/data-entry/label.js +25 -2
  93. package/dist/components/data-entry/month-picker.d.ts +9 -0
  94. package/dist/components/data-entry/month-picker.js +188 -0
  95. package/dist/components/data-entry/month-range-picker.d.ts +11 -0
  96. package/dist/components/data-entry/month-range-picker.js +245 -0
  97. package/dist/components/data-entry/number-input.d.ts +12 -0
  98. package/dist/components/data-entry/number-input.js +219 -0
  99. package/dist/components/data-entry/password-input.d.ts +2 -0
  100. package/dist/components/data-entry/password-input.js +4 -0
  101. package/dist/components/data-entry/password-strength.d.ts +20 -0
  102. package/dist/{chunk-VSUYVT2Q.js → components/data-entry/password-strength.js} +8 -62
  103. package/dist/components/data-entry/radio.d.ts +7 -20
  104. package/dist/components/data-entry/radio.js +93 -4
  105. package/dist/components/data-entry/rating.d.ts +2 -0
  106. package/dist/components/data-entry/rating.js +4 -0
  107. package/dist/components/data-entry/search-input.d.ts +18 -0
  108. package/dist/{chunk-LVLPNKJP.js → components/data-entry/search-input.js} +11 -11
  109. package/dist/components/data-entry/search-select.d.ts +11 -0
  110. package/dist/{chunk-6S2ZU26B.js → components/data-entry/search-select.js} +14 -239
  111. package/dist/components/data-entry/select.d.ts +14 -30
  112. package/dist/components/data-entry/select.js +243 -9
  113. package/dist/components/data-entry/slider.d.ts +4 -18
  114. package/dist/components/data-entry/slider.js +52 -2
  115. package/dist/components/data-entry/switch.d.ts +4 -18
  116. package/dist/components/data-entry/switch.js +40 -2
  117. package/dist/components/data-entry/tag-input.d.ts +2 -0
  118. package/dist/components/data-entry/tag-input.js +4 -0
  119. package/dist/components/data-entry/textarea.d.ts +3 -6
  120. package/dist/components/data-entry/textarea.js +86 -5
  121. package/dist/components/data-entry/time-input.d.ts +3 -6
  122. package/dist/components/data-entry/time-input.js +137 -3
  123. package/dist/components/data-entry/time-picker.d.ts +3 -19
  124. package/dist/components/data-entry/time-picker.js +329 -7
  125. package/dist/components/data-entry/toggle-group.d.ts +1 -0
  126. package/dist/components/data-entry/toggle-group.js +5 -0
  127. package/dist/components/data-entry/toggle.d.ts +2 -0
  128. package/dist/components/data-entry/toggle.js +4 -0
  129. package/dist/components/data-entry/transfer.d.ts +3 -20
  130. package/dist/components/data-entry/transfer.js +193 -13
  131. package/dist/components/data-entry/tree-select-strategy.d.ts +5 -0
  132. package/dist/components/data-entry/tree-select-strategy.js +8 -0
  133. package/dist/components/data-entry/tree-select.d.ts +5 -25
  134. package/dist/components/data-entry/tree-select.js +299 -13
  135. package/dist/components/data-entry/tree-utils.d.ts +48 -0
  136. package/dist/{chunk-SMLKNECP.js → components/data-entry/tree-utils.js} +33 -5
  137. package/dist/components/data-entry/upload-crop-dialog.d.ts +9 -0
  138. package/dist/components/data-entry/upload-crop-dialog.js +102 -0
  139. package/dist/components/data-entry/upload-types.d.ts +39 -0
  140. package/dist/components/data-entry/upload-types.js +41 -0
  141. package/dist/components/data-entry/upload.d.ts +6 -45
  142. package/dist/components/data-entry/upload.js +417 -12
  143. package/dist/components/data-entry/use-upload-draft.d.ts +25 -0
  144. package/dist/components/data-entry/use-upload-draft.js +64 -0
  145. package/dist/components/data-grid/data-grid.d.ts +67 -0
  146. package/dist/components/data-grid/data-grid.js +402 -0
  147. package/dist/components/data-grid/index.d.ts +2 -71
  148. package/dist/components/data-grid/index.js +3 -371
  149. package/dist/components/feedback/alert.d.ts +37 -42
  150. package/dist/components/feedback/alert.js +127 -7
  151. package/dist/components/feedback/dialog.d.ts +21 -25
  152. package/dist/components/feedback/dialog.js +356 -8
  153. package/dist/components/feedback/index.d.ts +10 -28
  154. package/dist/components/feedback/index.js +105 -18
  155. package/dist/components/feedback/overlay-header-tone.d.ts +7 -0
  156. package/dist/{chunk-VU4GFGDG.js → components/feedback/overlay-header-tone.js} +4 -4
  157. package/dist/components/feedback/sheet.d.ts +18 -23
  158. package/dist/components/feedback/sheet.js +192 -3
  159. package/dist/components/feedback/skeleton.d.ts +17 -0
  160. package/dist/{chunk-2BR7KFCP.js → components/feedback/skeleton.js} +10 -6
  161. package/dist/components/feedback/sonner.d.ts +2 -5
  162. package/dist/components/feedback/sonner.js +50 -1
  163. package/dist/components/feedback/tooltip.d.ts +10 -0
  164. package/dist/{chunk-32WO3YLB.js → components/feedback/tooltip.js} +12 -9
  165. package/dist/components/feedback/use-toast.d.ts +3 -0
  166. package/dist/components/feedback/use-toast.js +5 -0
  167. package/dist/components/general/button.d.ts +12 -18
  168. package/dist/components/general/button.js +118 -4
  169. package/dist/components/general/index.d.ts +4 -37
  170. package/dist/components/general/index.js +8 -48
  171. package/dist/components/general/typography.d.ts +30 -0
  172. package/dist/components/general/typography.js +46 -0
  173. package/dist/components/layout/app-shell.d.ts +3 -0
  174. package/dist/components/layout/app-shell.js +33 -0
  175. package/dist/components/layout/aspect-ratio.d.ts +1 -0
  176. package/dist/components/layout/aspect-ratio.js +4 -0
  177. package/dist/components/layout/breadcrumb.d.ts +7 -0
  178. package/dist/components/layout/breadcrumb.js +16 -0
  179. package/dist/components/layout/flex.d.ts +3 -0
  180. package/dist/components/layout/flex.js +29 -0
  181. package/dist/components/layout/index.d.ts +19 -60
  182. package/dist/components/layout/index.js +29 -12
  183. package/dist/components/layout/page-container.d.ts +8 -0
  184. package/dist/components/layout/page-container.js +77 -0
  185. package/dist/components/layout/resizable.d.ts +8 -12
  186. package/dist/components/layout/resizable.js +44 -2
  187. package/dist/components/layout/responsive-grid.d.ts +7 -0
  188. package/dist/{chunk-C3PKEV6S.js → components/layout/responsive-grid.js} +4 -5
  189. package/dist/components/layout/separator.d.ts +1 -0
  190. package/dist/components/layout/separator.js +4 -0
  191. package/dist/components/layout/sidebar.d.ts +21 -0
  192. package/dist/components/layout/sidebar.js +254 -0
  193. package/dist/components/layout/split-pane.d.ts +7 -0
  194. package/dist/components/layout/split-pane.js +10 -0
  195. package/dist/components/layout/topbar.d.ts +3 -0
  196. package/dist/components/layout/topbar.js +133 -0
  197. package/dist/components/navigation/app-setting-picker.d.ts +9 -0
  198. package/dist/{chunk-RHPFCKB2.js → components/navigation/app-setting-picker.js} +24 -49
  199. package/dist/components/navigation/context-menu.d.ts +16 -20
  200. package/dist/components/navigation/context-menu.js +144 -2
  201. package/dist/components/navigation/dropdown-menu.d.ts +17 -21
  202. package/dist/components/navigation/dropdown-menu.js +164 -2
  203. package/dist/components/navigation/filter-bar.d.ts +4 -0
  204. package/dist/components/navigation/filter-bar.js +43 -0
  205. package/dist/components/navigation/index.d.ts +12 -36
  206. package/dist/components/navigation/index.js +140 -17
  207. package/dist/components/navigation/menubar.d.ts +18 -23
  208. package/dist/components/navigation/menubar.js +135 -2
  209. package/dist/components/navigation/navigation-menu.d.ts +10 -13
  210. package/dist/components/navigation/navigation-menu.js +90 -2
  211. package/dist/components/navigation/pagination-utils.d.ts +2 -0
  212. package/dist/components/navigation/pagination-utils.js +25 -0
  213. package/dist/components/navigation/pagination.d.ts +6 -12
  214. package/dist/components/navigation/pagination.js +222 -10
  215. package/dist/components/navigation/steps.d.ts +3 -12
  216. package/dist/components/navigation/steps.js +150 -5
  217. package/dist/components/navigation/tabs.d.ts +8 -12
  218. package/dist/components/navigation/tabs.js +109 -2
  219. package/dist/components/query/data-state.d.ts +7 -0
  220. package/dist/components/query/data-state.js +44 -0
  221. package/dist/components/query/index.d.ts +10 -43
  222. package/dist/components/query/index.js +13 -195
  223. package/dist/components/query/infinite-query-state.d.ts +13 -0
  224. package/dist/components/query/infinite-query-state.js +70 -0
  225. package/dist/components/query/mutation-feedback.d.ts +7 -0
  226. package/dist/components/query/mutation-feedback.js +23 -0
  227. package/dist/components/query/prefetch-link.d.ts +7 -0
  228. package/dist/components/query/prefetch-link.js +36 -0
  229. package/dist/components/query/query-refetch-button.d.ts +4 -0
  230. package/dist/components/query/query-refetch-button.js +40 -0
  231. package/dist/components/ui/accordion.d.ts +6 -0
  232. package/dist/components/ui/accordion.js +47 -0
  233. package/dist/components/ui/alert-dialog.d.ts +1 -0
  234. package/dist/components/ui/alert-dialog.js +1 -0
  235. package/dist/components/ui/alert.d.ts +1 -0
  236. package/dist/components/ui/alert.js +1 -0
  237. package/dist/components/ui/aspect-ratio.d.ts +3 -0
  238. package/dist/components/ui/aspect-ratio.js +18 -0
  239. package/dist/components/ui/avatar.d.ts +5 -0
  240. package/dist/{chunk-QTUJSRDH.js → components/ui/avatar.js} +12 -10
  241. package/dist/components/ui/badge.d.ts +1 -0
  242. package/dist/components/ui/badge.js +1 -0
  243. package/dist/components/ui/button.d.ts +1 -0
  244. package/dist/components/ui/button.js +1 -0
  245. package/dist/components/ui/calendar.d.ts +1 -0
  246. package/dist/components/ui/calendar.js +1 -0
  247. package/dist/components/ui/card.d.ts +1 -0
  248. package/dist/components/ui/card.js +1 -0
  249. package/dist/components/ui/carousel.d.ts +1 -0
  250. package/dist/components/ui/carousel.js +1 -0
  251. package/dist/components/ui/checkbox.d.ts +1 -0
  252. package/dist/components/ui/checkbox.js +1 -0
  253. package/dist/components/ui/color-picker.d.ts +1 -0
  254. package/dist/components/ui/color-picker.js +1 -0
  255. package/dist/components/ui/command.d.ts +1 -0
  256. package/dist/components/ui/command.js +1 -0
  257. package/dist/components/ui/context-menu.d.ts +1 -0
  258. package/dist/components/ui/context-menu.js +1 -0
  259. package/dist/components/ui/date-picker.d.ts +1 -0
  260. package/dist/components/ui/date-picker.js +1 -0
  261. package/dist/components/ui/date-range-picker.d.ts +1 -0
  262. package/dist/components/ui/date-range-picker.js +1 -0
  263. package/dist/components/ui/dialog.d.ts +1 -0
  264. package/dist/components/ui/dialog.js +1 -0
  265. package/dist/components/ui/dropdown-menu.d.ts +1 -0
  266. package/dist/components/ui/dropdown-menu.js +1 -0
  267. package/dist/components/ui/hover-card.d.ts +10 -0
  268. package/dist/components/ui/hover-card.js +45 -0
  269. package/dist/components/ui/index.d.ts +43 -80
  270. package/dist/components/ui/index.js +50 -47
  271. package/dist/components/ui/input-otp.d.ts +33 -0
  272. package/dist/components/ui/input-otp.js +55 -0
  273. package/dist/components/ui/input.d.ts +1 -0
  274. package/dist/components/ui/input.js +1 -0
  275. package/dist/components/ui/label.d.ts +1 -0
  276. package/dist/components/ui/label.js +1 -0
  277. package/dist/components/ui/menubar.d.ts +1 -0
  278. package/dist/components/ui/menubar.js +1 -0
  279. package/dist/components/ui/navigation-menu.d.ts +1 -0
  280. package/dist/components/ui/navigation-menu.js +1 -0
  281. package/dist/components/ui/pagination.d.ts +1 -0
  282. package/dist/components/ui/pagination.js +1 -0
  283. package/dist/components/ui/password-input.d.ts +4 -0
  284. package/dist/components/ui/password-input.js +38 -0
  285. package/dist/components/ui/password-strength.d.ts +1 -0
  286. package/dist/components/ui/password-strength.js +1 -0
  287. package/dist/components/ui/popover.d.ts +1 -0
  288. package/dist/components/ui/popover.js +1 -0
  289. package/dist/components/ui/radio.d.ts +1 -0
  290. package/dist/components/ui/radio.js +1 -0
  291. package/dist/components/ui/rating.d.ts +13 -0
  292. package/dist/components/ui/rating.js +90 -0
  293. package/dist/components/ui/resizable.d.ts +1 -0
  294. package/dist/components/ui/resizable.js +1 -0
  295. package/dist/components/ui/scroll-area.d.ts +1 -0
  296. package/dist/components/ui/scroll-area.js +1 -0
  297. package/dist/components/ui/select.d.ts +1 -0
  298. package/dist/components/ui/select.js +1 -0
  299. package/dist/components/ui/separator.d.ts +3 -0
  300. package/dist/components/ui/separator.js +20 -0
  301. package/dist/components/ui/sheet.d.ts +1 -0
  302. package/dist/components/ui/sheet.js +1 -0
  303. package/dist/components/ui/skeleton.d.ts +1 -0
  304. package/dist/components/ui/skeleton.js +4 -0
  305. package/dist/components/ui/slider.d.ts +1 -0
  306. package/dist/components/ui/slider.js +1 -0
  307. package/dist/components/ui/sonner.d.ts +1 -0
  308. package/dist/components/ui/sonner.js +1 -0
  309. package/dist/components/ui/switch.d.ts +1 -0
  310. package/dist/components/ui/switch.js +1 -0
  311. package/dist/components/ui/table.d.ts +1 -0
  312. package/dist/components/ui/table.js +1 -0
  313. package/dist/components/ui/tabs.d.ts +1 -0
  314. package/dist/components/ui/tabs.js +1 -0
  315. package/dist/components/ui/tag-input.d.ts +13 -0
  316. package/dist/components/ui/tag-input.js +100 -0
  317. package/dist/components/ui/textarea.d.ts +1 -0
  318. package/dist/components/ui/textarea.js +1 -0
  319. package/dist/components/ui/time-input.d.ts +1 -0
  320. package/dist/components/ui/time-input.js +1 -0
  321. package/dist/components/ui/time-picker.d.ts +1 -0
  322. package/dist/components/ui/time-picker.js +1 -0
  323. package/dist/components/ui/toggle-group.d.ts +11 -0
  324. package/dist/components/ui/toggle-group.js +32 -0
  325. package/dist/components/ui/toggle.d.ts +13 -0
  326. package/dist/components/ui/toggle.js +36 -0
  327. package/dist/components/ui/upload.d.ts +1 -0
  328. package/dist/components/ui/upload.js +1 -0
  329. package/dist/form/form-field-control.d.ts +4 -0
  330. package/dist/form/form-field-control.js +42 -0
  331. package/dist/form/form-root.d.ts +4 -0
  332. package/dist/form/form-root.js +26 -0
  333. package/dist/form/index.d.ts +7 -21
  334. package/dist/form/index.js +8 -73
  335. package/dist/form/use-zod-form.d.ts +10 -0
  336. package/dist/form/use-zod-form.js +14 -0
  337. package/dist/i18n/index.d.ts +3 -326
  338. package/dist/i18n/index.js +17 -2
  339. package/dist/i18n/messages/en.json +279 -0
  340. package/dist/i18n/messages/ja.json +276 -0
  341. package/dist/i18n/messages/vi.json +276 -0
  342. package/dist/i18n/translate.d.ts +15 -0
  343. package/dist/i18n/translate.js +82 -0
  344. package/dist/i18n/use-translation.d.ts +19 -0
  345. package/dist/i18n/use-translation.js +46 -0
  346. package/dist/index.d.ts +11 -47
  347. package/dist/index.js +16 -62
  348. package/dist/lib/control-styles.d.ts +26 -0
  349. package/dist/lib/control-styles.js +34 -0
  350. package/dist/lib/datetime/detect.d.ts +4 -0
  351. package/dist/lib/datetime/detect.js +16 -0
  352. package/dist/lib/datetime/format-date.d.ts +22 -0
  353. package/dist/lib/datetime/format-date.js +73 -0
  354. package/dist/lib/datetime/format.d.ts +23 -0
  355. package/dist/lib/datetime/format.js +94 -0
  356. package/dist/lib/datetime/index.d.ts +5 -35
  357. package/dist/lib/datetime/index.js +50 -1
  358. package/dist/lib/datetime/parse.d.ts +12 -0
  359. package/dist/lib/datetime/parse.js +56 -0
  360. package/dist/lib/datetime/sync.d.ts +19 -0
  361. package/dist/lib/datetime/sync.js +45 -0
  362. package/dist/lib/format.d.ts +21 -0
  363. package/dist/{chunk-X6AJ5HEI.js → lib/format.js} +35 -5
  364. package/dist/lib/hooks.d.ts +4 -6
  365. package/dist/lib/hooks.js +70 -1
  366. package/dist/lib/utils.d.ts +2 -5
  367. package/dist/lib/utils.js +8 -1
  368. package/dist/lib/variants.d.ts +12 -0
  369. package/dist/lib/variants.js +38 -0
  370. package/dist/{app.prop-CVY8V4ss.d.ts → props/components/app.prop.d.ts} +8 -12
  371. package/dist/props/components/app.prop.js +0 -0
  372. package/dist/{data-display.prop-CT0nVMdp.d.ts → props/components/data-display.prop.d.ts} +7 -15
  373. package/dist/props/components/data-display.prop.js +0 -0
  374. package/dist/{data-entry.prop-BSUaseKh.d.ts → props/components/data-entry.prop.d.ts} +46 -91
  375. package/dist/props/components/data-entry.prop.js +0 -0
  376. package/dist/{feedback.prop-CHlHDYZK.d.ts → props/components/feedback.prop.d.ts} +10 -16
  377. package/dist/props/components/feedback.prop.js +0 -0
  378. package/dist/{form.prop-5cyL3bvT.d.ts → props/components/form.prop.d.ts} +10 -14
  379. package/dist/props/components/form.prop.js +0 -0
  380. package/dist/{general.prop-CzlQin6v.d.ts → props/components/general.prop.d.ts} +5 -10
  381. package/dist/props/components/general.prop.js +0 -0
  382. package/dist/props/components/index.d.ts +9 -27
  383. package/dist/props/components/index.js +0 -1
  384. package/dist/{layout.prop-fCz-Vlie.d.ts → props/components/layout.prop.d.ts} +19 -26
  385. package/dist/props/components/layout.prop.js +0 -0
  386. package/dist/{navigation.prop-FCsOVGrP.d.ts → props/components/navigation.prop.d.ts} +10 -15
  387. package/dist/props/components/navigation.prop.js +0 -0
  388. package/dist/{query.prop-CT2gFtr4.d.ts → props/components/query.prop.d.ts} +12 -15
  389. package/dist/props/components/query.prop.js +0 -0
  390. package/dist/props/index.d.ts +7 -28
  391. package/dist/props/index.js +12 -3
  392. package/dist/props/registry.d.ts +5 -7
  393. package/dist/props/registry.js +998 -1
  394. package/dist/{content.prop-DrV_zDy-.d.ts → props/vocabulary/content.prop.d.ts} +12 -16
  395. package/dist/props/vocabulary/content.prop.js +0 -0
  396. package/dist/props/vocabulary/data.prop.d.ts +45 -0
  397. package/dist/props/vocabulary/data.prop.js +0 -0
  398. package/dist/props/vocabulary/index.d.ts +7 -7
  399. package/dist/props/vocabulary/index.js +0 -1
  400. package/dist/props/vocabulary/interaction.prop.d.ts +45 -0
  401. package/dist/props/vocabulary/interaction.prop.js +0 -0
  402. package/dist/props/vocabulary/layout.prop.d.ts +14 -0
  403. package/dist/props/vocabulary/layout.prop.js +0 -0
  404. package/dist/{navigation.prop-CXDaVNaR.d.ts → props/vocabulary/navigation.prop.d.ts} +3 -7
  405. package/dist/props/vocabulary/navigation.prop.js +0 -0
  406. package/dist/{shared.prop-BvMSLFJ6.d.ts → props/vocabulary/shared.prop.d.ts} +23 -27
  407. package/dist/props/vocabulary/shared.prop.js +0 -0
  408. package/dist/styles/table-layout.css +38 -0
  409. package/dist/tokens/components/table.css +2 -0
  410. package/package.json +2 -2
  411. package/dist/aspect-ratio-CZZJd9Km.d.ts +0 -9
  412. package/dist/avatar-D9MdXzfF.d.ts +0 -8
  413. package/dist/checkbox-bBfLARyF.d.ts +0 -13
  414. package/dist/chunk-2H65B4JA.js +0 -1
  415. package/dist/chunk-2RGPEFAW.js +0 -46
  416. package/dist/chunk-3JORZPS7.js +0 -232
  417. package/dist/chunk-3VFNWVR7.js +0 -153
  418. package/dist/chunk-4FGE5XVC.js +0 -996
  419. package/dist/chunk-5732TWQF.js +0 -1206
  420. package/dist/chunk-57VDEN64.js +0 -881
  421. package/dist/chunk-5LTW2LWF.js +0 -182
  422. package/dist/chunk-65RWSIZF.js +0 -327
  423. package/dist/chunk-7PWBC4BY.js +0 -25
  424. package/dist/chunk-B4K4BXEF.js +0 -18
  425. package/dist/chunk-B6S6LTWT.js +0 -464
  426. package/dist/chunk-B73NA66T.js +0 -122
  427. package/dist/chunk-B775Y6BE.js +0 -1
  428. package/dist/chunk-D4JX6O2W.js +0 -114
  429. package/dist/chunk-DV52WNXO.js +0 -8
  430. package/dist/chunk-DY5C44UP.js +0 -55
  431. package/dist/chunk-EG3RDM6F.js +0 -288
  432. package/dist/chunk-ES4Q3KGL.js +0 -1
  433. package/dist/chunk-FQGGF7GQ.js +0 -320
  434. package/dist/chunk-GJXOBDER.js +0 -1
  435. package/dist/chunk-HIEGUYPP.js +0 -95
  436. package/dist/chunk-HL3G4SVG.js +0 -131
  437. package/dist/chunk-I6G4IO7V.js +0 -485
  438. package/dist/chunk-I7NQ2LIL.js +0 -40
  439. package/dist/chunk-IJ5ALJGA.js +0 -31
  440. package/dist/chunk-INIIF7F7.js +0 -47
  441. package/dist/chunk-ION2KFXK.js +0 -75
  442. package/dist/chunk-J2DEWIYY.js +0 -37
  443. package/dist/chunk-K24AQV4R.js +0 -98
  444. package/dist/chunk-LFW37FGG.js +0 -68
  445. package/dist/chunk-LMKUKCTN.js +0 -150
  446. package/dist/chunk-NU2SOVTU.js +0 -96
  447. package/dist/chunk-NVTZ2EDW.js +0 -389
  448. package/dist/chunk-NZBAFFWP.js +0 -214
  449. package/dist/chunk-OO5DZH45.js +0 -587
  450. package/dist/chunk-Q3KUZG4P.js +0 -86
  451. package/dist/chunk-QROC2RMH.js +0 -150
  452. package/dist/chunk-QVBOICFU.js +0 -145
  453. package/dist/chunk-R2TXLS7S.js +0 -137
  454. package/dist/chunk-RZ32HY5E.js +0 -331
  455. package/dist/chunk-S2IJKT3D.js +0 -89
  456. package/dist/chunk-TBJBVEIP.js +0 -52
  457. package/dist/chunk-TO7URV7U.js +0 -51
  458. package/dist/chunk-U7N2A7A3.js +0 -9
  459. package/dist/chunk-V3N266PT.js +0 -106
  460. package/dist/chunk-W4REF4TD.js +0 -42
  461. package/dist/chunk-WGWI7EGL.js +0 -83
  462. package/dist/chunk-WY3VYUMX.js +0 -193
  463. package/dist/chunk-XBFUROAY.js +0 -117
  464. package/dist/chunk-XK3M3VRR.js +0 -32
  465. package/dist/chunk-YXVJFYQE.js +0 -191
  466. package/dist/chunk-ZT5UEUBO.js +0 -1
  467. package/dist/data-table-DRr70ULe.d.ts +0 -80
  468. package/dist/data.prop-D0UEEczj.d.ts +0 -42
  469. package/dist/filter-bar-DoDtwYrr.d.ts +0 -7
  470. package/dist/flex-1Cy46L0M.d.ts +0 -12
  471. package/dist/format-date-ByyZoqI5.d.ts +0 -51
  472. package/dist/interaction.prop-DD46aTro.d.ts +0 -47
  473. package/dist/layout.prop-CXvl2rVR.d.ts +0 -16
  474. package/dist/password-strength-DVRvXEOK.d.ts +0 -47
  475. package/dist/search-input-D4v1JGOA.d.ts +0 -27
  476. package/dist/skeleton-cj9kh5wo.d.ts +0 -20
  477. package/dist/types-mvzYGrma.d.ts +0 -37
@@ -1,485 +0,0 @@
1
- import { DropdownMenu, DropdownMenuTrigger } from './chunk-LMKUKCTN.js';
2
- import { Tooltip, TooltipTrigger, TooltipContent } from './chunk-32WO3YLB.js';
3
- import { Collapsible, CollapsibleTrigger, CollapsibleContent } from './chunk-DV52WNXO.js';
4
- import { densityClass, pageContainerVariantClass } from './chunk-INIIF7F7.js';
5
- import { Popover, PopoverTrigger, PopoverContent } from './chunk-DY5C44UP.js';
6
- import { useTranslation } from './chunk-B6S6LTWT.js';
7
- import { cn } from './chunk-U7N2A7A3.js';
8
- import { ChevronRight, ChevronDown, PanelLeftOpen, PanelLeftClose, Search, Bell, SlidersHorizontal } from 'lucide-react';
9
- import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
10
- import * as React from 'react';
11
-
12
- function PageContainerInset({ className, children, ...props }) {
13
- return /* @__PURE__ */ jsx("div", { className: cn("ui-page-container-inset", className), ...props, children });
14
- }
15
- function PageContainerRoot({
16
- title,
17
- subtitle,
18
- extra,
19
- footer,
20
- breadcrumb,
21
- linkComponent: LinkComponent = "a",
22
- density = "default",
23
- variant = "default",
24
- stickyFooter = false,
25
- fill = false,
26
- children,
27
- className
28
- }) {
29
- return /* @__PURE__ */ jsxs(
30
- "div",
31
- {
32
- className: cn(
33
- "ui-page-container",
34
- densityClass[density],
35
- pageContainerVariantClass[variant],
36
- stickyFooter && "ui-page-container--sticky-footer",
37
- fill && "ui-page-container--fill",
38
- className
39
- ),
40
- children: [
41
- /* @__PURE__ */ jsxs("header", { className: "ui-page-header", children: [
42
- breadcrumb && breadcrumb.length > 0 && /* @__PURE__ */ jsx("nav", { "aria-label": "Breadcrumb", className: "ui-breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "ui-breadcrumb-list", children: breadcrumb.map((item, i) => {
43
- const isLast = i === breadcrumb.length - 1;
44
- return /* @__PURE__ */ jsxs("li", { className: "ui-inline-xs", children: [
45
- item.to && !isLast ? /* @__PURE__ */ jsx(
46
- LinkComponent,
47
- {
48
- href: item.to,
49
- to: item.to,
50
- className: "hover:text-foreground hover:underline",
51
- children: item.label
52
- }
53
- ) : /* @__PURE__ */ jsx(
54
- "span",
55
- {
56
- className: isLast ? "text-foreground" : "",
57
- "aria-current": isLast ? "page" : void 0,
58
- children: item.label
59
- }
60
- ),
61
- !isLast && /* @__PURE__ */ jsx(ChevronRight, { className: "size-3", "aria-hidden": "true" })
62
- ] }, i);
63
- }) }) }),
64
- /* @__PURE__ */ jsxs("div", { className: "ui-page-header-row", children: [
65
- /* @__PURE__ */ jsxs("div", { className: "min-w-0", children: [
66
- /* @__PURE__ */ jsx("h1", { className: "ui-page-title", children: title }),
67
- subtitle && /* @__PURE__ */ jsx("p", { className: "ui-page-subtitle", children: subtitle })
68
- ] }),
69
- extra && /* @__PURE__ */ jsx("div", { className: "ui-page-header-extra", children: extra })
70
- ] })
71
- ] }),
72
- children != null && /* @__PURE__ */ jsx("div", { className: "ui-page-body", children }),
73
- footer && /* @__PURE__ */ jsx("footer", { className: "ui-page-footer", children: footer })
74
- ]
75
- }
76
- );
77
- }
78
- var PageContainer = Object.assign(PageContainerRoot, {
79
- Inset: PageContainerInset
80
- });
81
- function AppShell({
82
- sidebar,
83
- topbar,
84
- topbarLeft,
85
- topbarRight,
86
- logo,
87
- breadcrumb,
88
- footer,
89
- children,
90
- sidebarCollapsed = false
91
- }) {
92
- const { t } = useTranslation();
93
- const resolvedTopbar = topbar !== void 0 ? topbar : /* @__PURE__ */ jsxs("div", { className: "app-topbar-rail", children: [
94
- logo !== void 0 && /* @__PURE__ */ jsx("div", { className: "app-topbar-logo", children: logo }),
95
- topbarLeft !== void 0 && /* @__PURE__ */ jsx("div", { className: "app-topbar-left", children: topbarLeft }),
96
- /* @__PURE__ */ jsx("div", { className: "app-topbar-spacer" }),
97
- topbarRight !== void 0 && /* @__PURE__ */ jsx("div", { className: "app-topbar-right", children: topbarRight })
98
- ] });
99
- return /* @__PURE__ */ jsxs("div", { className: "app-root", "data-collapsed": sidebarCollapsed ? "true" : void 0, children: [
100
- /* @__PURE__ */ jsx("aside", { className: "app-sidebar", "aria-label": t("layout.appShell.sidebarLabel"), children: sidebar }),
101
- /* @__PURE__ */ jsx("header", { className: "app-topbar", "aria-label": t("layout.appShell.headerLabel"), children: resolvedTopbar }),
102
- /* @__PURE__ */ jsxs("main", { className: "app-main", "aria-label": t("layout.appShell.mainLabel"), children: [
103
- breadcrumb !== void 0 && /* @__PURE__ */ jsx("div", { className: "app-breadcrumb", children: breadcrumb }),
104
- children
105
- ] }),
106
- footer !== void 0 && /* @__PURE__ */ jsx("footer", { className: "app-footer", "aria-label": t("layout.appShell.footerLabel"), children: footer })
107
- ] });
108
- }
109
- function Breadcrumb({ items, linkComponent: LinkComponent = "a" }) {
110
- const { t } = useTranslation();
111
- return /* @__PURE__ */ jsx("nav", { "aria-label": t("navigation.breadcrumb.ariaLabel"), className: "ui-breadcrumb", children: /* @__PURE__ */ jsx("ol", { className: "ui-breadcrumb-list", children: items.map((item, index) => {
112
- const isLast = index === items.length - 1;
113
- return /* @__PURE__ */ jsxs("li", { className: "ui-breadcrumb-item", children: [
114
- item.to && !isLast ? /* @__PURE__ */ jsx(LinkComponent, { href: item.to, to: item.to, className: "ui-breadcrumb-link", children: item.label }) : /* @__PURE__ */ jsx("span", { className: "ui-breadcrumb-current", "aria-current": isLast ? "page" : void 0, children: item.label }),
115
- !isLast ? /* @__PURE__ */ jsx(ChevronRight, { "aria-hidden": "true" }) : null
116
- ] }, item.to ?? index);
117
- }) }) });
118
- }
119
- function SidebarHeader({ children, className, ...props }) {
120
- return /* @__PURE__ */ jsx("div", { className: cn("sb-brand", className), ...props, children });
121
- }
122
- function SidebarSection({
123
- label,
124
- collapsed = false,
125
- children,
126
- className,
127
- ...props
128
- }) {
129
- return /* @__PURE__ */ jsxs("div", { className: cn("sb-section", className), ...props, children: [
130
- label && !collapsed ? /* @__PURE__ */ jsx("div", { className: "sb-section-label", children: label }) : null,
131
- /* @__PURE__ */ jsx("div", { className: "sb-nav", children })
132
- ] });
133
- }
134
- function SidebarItem({
135
- item,
136
- active = false,
137
- sub = false,
138
- onActivate,
139
- renderItem,
140
- children,
141
- ...props
142
- }) {
143
- const Icon = item.icon;
144
- const showBadge = item.badge !== void 0 && item.badge !== "";
145
- const disabled = item.disabled || props.disabled;
146
- const content = children ?? (renderItem ? renderItem(item) : void 0);
147
- return /* @__PURE__ */ jsx(
148
- "button",
149
- {
150
- type: "button",
151
- className: cn("sb-nav-item", sub && "sb-nav-item--sub"),
152
- "data-active": active ? "true" : void 0,
153
- "aria-current": active ? "page" : void 0,
154
- "aria-disabled": disabled,
155
- ...props,
156
- onClick: () => {
157
- if (disabled) return;
158
- onActivate?.(item.id);
159
- },
160
- children: content ? content : /* @__PURE__ */ jsxs(Fragment, { children: [
161
- !sub ? /* @__PURE__ */ jsx("span", { className: "sb-icon", children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) }) : null,
162
- /* @__PURE__ */ jsx("span", { className: "sb-label", children: item.label }),
163
- showBadge ? /* @__PURE__ */ jsx("span", { className: "sb-badge", children: item.badge }) : null
164
- ] })
165
- }
166
- );
167
- }
168
- function isItemActive(item, activeId) {
169
- if (item.id === activeId) return true;
170
- return (item.children ?? []).some((child) => isItemActive(child, activeId));
171
- }
172
- function NavLeaf({ item, activeId, onSelect, sub = false, renderItem }) {
173
- const active = item.id === activeId;
174
- return /* @__PURE__ */ jsx(
175
- SidebarItem,
176
- {
177
- item,
178
- active,
179
- onActivate: onSelect,
180
- sub,
181
- renderItem
182
- }
183
- );
184
- }
185
- function NavLeafsInGroup({
186
- children,
187
- activeId,
188
- onSelect,
189
- renderItem
190
- }) {
191
- return children.map((child) => /* @__PURE__ */ jsx(
192
- NavLeaf,
193
- {
194
- item: child,
195
- activeId,
196
- onSelect,
197
- sub: true,
198
- renderItem
199
- },
200
- child.id
201
- ));
202
- }
203
- function NavGroup({ item, activeId, onSelect, renderItem }) {
204
- const Icon = item.icon;
205
- const active = isItemActive(item, activeId);
206
- const children = item.children ?? [];
207
- return /* @__PURE__ */ jsxs(Collapsible, { defaultOpen: active, className: "sb-nav-group", children: [
208
- /* @__PURE__ */ jsxs(
209
- CollapsibleTrigger,
210
- {
211
- className: "sb-nav-item sb-nav-group-trigger",
212
- "data-active": active ? "true" : void 0,
213
- children: [
214
- /* @__PURE__ */ jsx("span", { className: "sb-icon", children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) }),
215
- /* @__PURE__ */ jsx("span", { className: "sb-label", children: item.label }),
216
- /* @__PURE__ */ jsx(ChevronDown, { className: "sb-chevron", "aria-hidden": "true" })
217
- ]
218
- }
219
- ),
220
- /* @__PURE__ */ jsx(CollapsibleContent, { children: /* @__PURE__ */ jsx("div", { className: "sb-nav-sub", children: children.length > 0 ? /* @__PURE__ */ jsx(NavLeafsInGroup, { activeId, onSelect, renderItem, children }) : null }) })
221
- ] });
222
- }
223
- function CollapsedRow({ item, activeId, onSelect }) {
224
- const [menuOpen, setMenuOpen] = React.useState(false);
225
- const Icon = item.icon;
226
- const active = isItemActive(item, activeId);
227
- const children = item.children ?? [];
228
- const hasChildren = children.length > 0;
229
- const iconButton = /* @__PURE__ */ jsx(
230
- "button",
231
- {
232
- type: "button",
233
- className: "sb-nav-item",
234
- "data-active": active ? "true" : void 0,
235
- "aria-current": !hasChildren && active ? "page" : void 0,
236
- "aria-label": item.label,
237
- "aria-haspopup": hasChildren ? "menu" : void 0,
238
- "aria-expanded": hasChildren ? menuOpen : void 0,
239
- "aria-disabled": item.disabled,
240
- onClick: () => {
241
- if (!hasChildren && !item.disabled) onSelect?.(item.id);
242
- },
243
- children: /* @__PURE__ */ jsx("span", { className: "sb-icon", children: /* @__PURE__ */ jsx(Icon, { "aria-hidden": "true" }) })
244
- }
245
- );
246
- if (!hasChildren) {
247
- return /* @__PURE__ */ jsxs(Tooltip, { children: [
248
- /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: iconButton }),
249
- /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: item.label })
250
- ] });
251
- }
252
- return /* @__PURE__ */ jsxs(Popover, { open: menuOpen, onOpenChange: setMenuOpen, children: [
253
- /* @__PURE__ */ jsxs(Tooltip, { children: [
254
- /* @__PURE__ */ jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: iconButton }) }),
255
- /* @__PURE__ */ jsx(TooltipContent, { side: "right", children: item.label })
256
- ] }),
257
- /* @__PURE__ */ jsxs(
258
- PopoverContent,
259
- {
260
- side: "right",
261
- align: "start",
262
- sideOffset: 8,
263
- role: "menu",
264
- className: "sb-flyout-pop",
265
- children: [
266
- /* @__PURE__ */ jsx("div", { className: "sb-flyout-title", children: item.label }),
267
- children.map((child) => /* @__PURE__ */ jsx(
268
- "button",
269
- {
270
- type: "button",
271
- role: "menuitem",
272
- className: "sb-nav-item",
273
- "data-active": child.id === activeId ? "true" : void 0,
274
- "aria-current": child.id === activeId ? "page" : void 0,
275
- onClick: () => {
276
- setMenuOpen(false);
277
- if (!child.disabled) onSelect?.(child.id);
278
- },
279
- children: /* @__PURE__ */ jsx("span", { className: "sb-label", children: child.label })
280
- },
281
- child.id
282
- ))
283
- ]
284
- }
285
- )
286
- ] });
287
- }
288
- function Sidebar({
289
- activeId,
290
- onSelect,
291
- sections,
292
- product,
293
- onProductClick,
294
- brand,
295
- collapsed = false,
296
- children,
297
- renderItem,
298
- footer
299
- }) {
300
- const { t } = useTranslation();
301
- const resolvedSections = sections ?? [];
302
- return /* @__PURE__ */ jsxs("div", { className: "sb-root", "data-collapsed": collapsed ? "true" : void 0, children: [
303
- brand !== void 0 ? /* @__PURE__ */ jsx(SidebarHeader, { children: brand }) : product ? /* @__PURE__ */ jsxs(
304
- "button",
305
- {
306
- type: "button",
307
- className: "sb-product",
308
- onClick: onProductClick,
309
- "aria-label": product.name,
310
- children: [
311
- /* @__PURE__ */ jsx(
312
- "span",
313
- {
314
- className: "sb-logo-mark",
315
- style: { background: product.color ?? "hsl(var(--attention))" },
316
- children: product.name[0]?.toUpperCase() ?? "?"
317
- }
318
- ),
319
- !collapsed ? /* @__PURE__ */ jsxs("span", { className: "sb-product-meta", children: [
320
- /* @__PURE__ */ jsx("span", { className: "sb-product-name", children: product.name }),
321
- product.role ? /* @__PURE__ */ jsx("span", { className: "sb-product-tenant", children: product.role }) : null
322
- ] }) : null,
323
- !collapsed ? /* @__PURE__ */ jsx("span", { className: "sb-product-caret", children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" }) }) : null
324
- ]
325
- }
326
- ) : null,
327
- /* @__PURE__ */ jsx("nav", { className: "sb-nav-scroll", "aria-label": t("layout.sidebar.ariaLabel"), children: children ?? resolvedSections.map((section, sectionIndex) => /* @__PURE__ */ jsx(
328
- SidebarSection,
329
- {
330
- label: section.label,
331
- collapsed,
332
- children: section.items.map(
333
- (item) => collapsed ? /* @__PURE__ */ jsx(CollapsedRow, { item, activeId, onSelect }, item.id) : item.children && item.children.length > 0 ? /* @__PURE__ */ jsx(
334
- NavGroup,
335
- {
336
- item,
337
- activeId,
338
- onSelect,
339
- renderItem
340
- },
341
- item.id
342
- ) : /* @__PURE__ */ jsx(
343
- NavLeaf,
344
- {
345
- item,
346
- activeId,
347
- onSelect,
348
- renderItem
349
- },
350
- item.id
351
- )
352
- )
353
- },
354
- section.label ?? sectionIndex
355
- )) }),
356
- footer ? /* @__PURE__ */ jsx("div", { className: "sb-footer", children: footer }) : null
357
- ] });
358
- }
359
- function Topbar({
360
- product,
361
- project,
362
- productMenu,
363
- projectMenu,
364
- projectPlaceholder,
365
- onProductOpen,
366
- onProjectOpen,
367
- onSearchOpen,
368
- onTweaksOpen,
369
- collapsed = false,
370
- onToggleCollapsed,
371
- rightSlot,
372
- unread = false,
373
- searchPlaceholder,
374
- onNotificationsOpen,
375
- user
376
- }) {
377
- const { t } = useTranslation();
378
- const productChip = /* @__PURE__ */ jsxs(
379
- "button",
380
- {
381
- type: "button",
382
- className: "tb-chip",
383
- "aria-label": product.name,
384
- onClick: productMenu ? void 0 : onProductOpen,
385
- children: [
386
- /* @__PURE__ */ jsx(
387
- "span",
388
- {
389
- className: "tb-chip-icon",
390
- style: { background: product.color ?? "hsl(var(--attention))" },
391
- children: product.name[0]?.toUpperCase() ?? "?"
392
- }
393
- ),
394
- /* @__PURE__ */ jsx("span", { className: "tb-chip-label", children: product.name }),
395
- /* @__PURE__ */ jsx("span", { className: "tb-chip-caret", children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" }) })
396
- ]
397
- }
398
- );
399
- const showProject = project != null || projectMenu != null;
400
- const projectChip = /* @__PURE__ */ jsxs(
401
- "button",
402
- {
403
- type: "button",
404
- className: `tb-chip ${project ? "" : "tb-chip-empty"}`,
405
- "aria-label": project ? project.name : projectPlaceholder ?? "",
406
- onClick: projectMenu ? void 0 : onProjectOpen,
407
- children: [
408
- /* @__PURE__ */ jsx("span", { className: "tb-chip-label", children: project ? project.name : projectPlaceholder ?? "\u2014" }),
409
- /* @__PURE__ */ jsx("span", { className: "tb-chip-caret", children: /* @__PURE__ */ jsx(ChevronDown, { "aria-hidden": "true" }) })
410
- ]
411
- }
412
- );
413
- return /* @__PURE__ */ jsxs(Fragment, { children: [
414
- onToggleCollapsed ? /* @__PURE__ */ jsx(
415
- "button",
416
- {
417
- type: "button",
418
- className: "tb-icon-btn",
419
- "aria-label": t("layout.topbar.toggleSidebar"),
420
- "aria-pressed": collapsed,
421
- onClick: onToggleCollapsed,
422
- children: collapsed ? /* @__PURE__ */ jsx(PanelLeftOpen, { "aria-hidden": "true" }) : /* @__PURE__ */ jsx(PanelLeftClose, { "aria-hidden": "true" })
423
- }
424
- ) : null,
425
- /* @__PURE__ */ jsxs("div", { className: "tb-switcher", children: [
426
- productMenu ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
427
- /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: productChip }),
428
- productMenu
429
- ] }) : productChip,
430
- showProject ? /* @__PURE__ */ jsx("span", { className: "tb-chip-sep", children: "/" }) : null,
431
- showProject ? projectMenu ? /* @__PURE__ */ jsxs(DropdownMenu, { children: [
432
- /* @__PURE__ */ jsx(DropdownMenuTrigger, { asChild: true, children: projectChip }),
433
- projectMenu
434
- ] }) : projectChip : null
435
- ] }),
436
- /* @__PURE__ */ jsxs(
437
- "button",
438
- {
439
- type: "button",
440
- className: "tb-search",
441
- "aria-label": t("layout.topbar.search"),
442
- "aria-keyshortcuts": "Meta+K",
443
- onClick: onSearchOpen,
444
- children: [
445
- /* @__PURE__ */ jsx(Search, { "aria-hidden": "true" }),
446
- /* @__PURE__ */ jsx("span", { children: searchPlaceholder ?? t("layout.topbar.searchPlaceholder") }),
447
- /* @__PURE__ */ jsx("kbd", { className: "kbd", children: "\u2318K" })
448
- ]
449
- }
450
- ),
451
- rightSlot,
452
- onNotificationsOpen ? /* @__PURE__ */ jsxs(
453
- "button",
454
- {
455
- type: "button",
456
- className: "tb-icon-btn tb-bell",
457
- "aria-label": t("layout.topbar.notifications"),
458
- onClick: onNotificationsOpen,
459
- children: [
460
- /* @__PURE__ */ jsx(Bell, { "aria-hidden": "true" }),
461
- unread ? /* @__PURE__ */ jsx("span", { className: "tb-bell-dot", "aria-hidden": "true" }) : null
462
- ]
463
- }
464
- ) : null,
465
- user,
466
- onTweaksOpen ? /* @__PURE__ */ jsx(
467
- "button",
468
- {
469
- type: "button",
470
- className: "tb-icon-btn",
471
- "aria-label": t("layout.topbar.tweaks"),
472
- onClick: onTweaksOpen,
473
- children: /* @__PURE__ */ jsx(SlidersHorizontal, { "aria-hidden": "true" })
474
- }
475
- ) : null
476
- ] });
477
- }
478
- function SplitPane({ children, aside, asideWidth = "md" }) {
479
- return /* @__PURE__ */ jsxs("div", { className: "ui-split-pane", "data-aside-width": asideWidth, children: [
480
- /* @__PURE__ */ jsx("div", { className: "ui-split-pane-main", children }),
481
- /* @__PURE__ */ jsx("aside", { className: "ui-split-pane-aside", children: aside })
482
- ] });
483
- }
484
-
485
- export { AppShell, Breadcrumb, PageContainer, Sidebar, SidebarHeader, SidebarItem, SidebarSection, SplitPane, Topbar };
@@ -1,40 +0,0 @@
1
- import { cn } from './chunk-U7N2A7A3.js';
2
- import * as React from 'react';
3
- import * as SwitchPrimitive from '@radix-ui/react-switch';
4
- import { jsxs, Fragment, jsx } from 'react/jsx-runtime';
5
-
6
- var Switch = React.forwardRef(
7
- ({ className, size = "md", name, checked, defaultChecked = false, onCheckedChange, ...props }, ref) => {
8
- const [internalChecked, setInternalChecked] = React.useState(defaultChecked);
9
- const isControlled = checked !== void 0;
10
- const isChecked = isControlled ? checked : internalChecked;
11
- const handleCheckedChange = (next) => {
12
- if (!isControlled) {
13
- setInternalChecked(next);
14
- }
15
- onCheckedChange?.(next);
16
- };
17
- return /* @__PURE__ */ jsxs(Fragment, { children: [
18
- name ? /* @__PURE__ */ jsx("input", { type: "hidden", name, value: isChecked ? "1" : "0", readOnly: true }) : null,
19
- /* @__PURE__ */ jsx(
20
- SwitchPrimitive.Root,
21
- {
22
- ref,
23
- "data-slot": "switch",
24
- "data-size": size,
25
- checked: isChecked,
26
- onCheckedChange: handleCheckedChange,
27
- className: cn(
28
- "peer ui-switch focus-visible:border-ring focus-visible:ring-ring/50 shadow-xs transition-all outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
29
- className
30
- ),
31
- ...props,
32
- children: /* @__PURE__ */ jsx(SwitchPrimitive.Thumb, { "data-slot": "switch-thumb", className: "ui-switch-thumb" })
33
- }
34
- )
35
- ] });
36
- }
37
- );
38
- Switch.displayName = SwitchPrimitive.Root.displayName;
39
-
40
- export { Switch };
@@ -1,31 +0,0 @@
1
- import { tableHeadHeightClass } from './chunk-B4K4BXEF.js';
2
- import { cn } from './chunk-U7N2A7A3.js';
3
- import * as React from 'react';
4
- import { jsx } from 'react/jsx-runtime';
5
-
6
- var Table = React.forwardRef(
7
- ({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx("table", { ref, className: cn("w-full caption-bottom text-sm", className), ...props }) })
8
- );
9
- Table.displayName = "Table";
10
- var TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("thead", { ref, className: cn("[&_tr]:border-b", className), ...props }));
11
- TableHeader.displayName = "TableHeader";
12
- var TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("[&_tr:last-child]:border-0", className), ...props }));
13
- TableBody.displayName = "TableBody";
14
- var TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
15
- "tr",
16
- {
17
- ref,
18
- className: cn(
19
- "ui-table-row hover:bg-accent/70 data-[state=selected]:bg-primary/[0.06] border-b transition-colors",
20
- className
21
- ),
22
- ...props
23
- }
24
- ));
25
- TableRow.displayName = "TableRow";
26
- var TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("th", { ref, "data-slot": "table-head", className: cn(tableHeadHeightClass, className), ...props }));
27
- TableHead.displayName = "TableHead";
28
- var TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("td", { ref, "data-slot": "table-cell", className: cn(className), ...props }));
29
- TableCell.displayName = "TableCell";
30
-
31
- export { Table, TableBody, TableCell, TableHead, TableHeader, TableRow };
@@ -1,47 +0,0 @@
1
- import { cn } from './chunk-U7N2A7A3.js';
2
- import { jsx } from 'react/jsx-runtime';
3
-
4
- // src/lib/variants.ts
5
- var densityClass = {
6
- compact: "ui-density-compact",
7
- default: "ui-density-default",
8
- comfortable: "ui-density-comfortable"
9
- };
10
- var pageContainerVariantClass = {
11
- default: void 0,
12
- narrow: "ui-page-container--narrow",
13
- flush: "ui-page-container--flush",
14
- ghost: "ui-page-container--ghost"
15
- };
16
- var flexGapClass = {
17
- xs: "ui-flex-gap-xs",
18
- sm: "ui-flex-gap-sm",
19
- md: "ui-flex-gap-md",
20
- lg: "ui-flex-gap-lg",
21
- xl: "ui-flex-gap-xl"
22
- };
23
- function Flex({
24
- direction = "col",
25
- gap = "md",
26
- align,
27
- justify,
28
- wrap = false,
29
- className,
30
- children,
31
- ...props
32
- }) {
33
- return /* @__PURE__ */ jsx(
34
- "div",
35
- {
36
- "data-direction": direction,
37
- "data-align": align,
38
- "data-justify": justify,
39
- "data-wrap": wrap ? "true" : void 0,
40
- className: cn("ui-flex", flexGapClass[gap], className),
41
- ...props,
42
- children
43
- }
44
- );
45
- }
46
-
47
- export { Flex, densityClass, pageContainerVariantClass };
@@ -1,75 +0,0 @@
1
- import { Input } from './chunk-K24AQV4R.js';
2
- import { controlIconClass } from './chunk-B4K4BXEF.js';
3
- import { useTranslation } from './chunk-B6S6LTWT.js';
4
- import { cn } from './chunk-U7N2A7A3.js';
5
- import * as React from 'react';
6
- import { jsxs, jsx } from 'react/jsx-runtime';
7
-
8
- var HEX_PATTERN = /^#([0-9a-fA-F]{3}|[0-9a-fA-F]{6})$/;
9
- function normalizeHex(value) {
10
- if (!value.startsWith("#")) return `#${value}`;
11
- return value;
12
- }
13
- function ColorPicker({
14
- value = "#2563eb",
15
- onValueChange,
16
- disabled,
17
- className,
18
- id,
19
- showHexInput = true
20
- }) {
21
- const { t } = useTranslation();
22
- const [draft, setDraft] = React.useState(null);
23
- const display = draft ?? value;
24
- const commit = (next) => {
25
- const normalized = normalizeHex(next);
26
- if (!HEX_PATTERN.test(normalized)) {
27
- setDraft(null);
28
- return;
29
- }
30
- setDraft(null);
31
- onValueChange?.(normalized);
32
- };
33
- return /* @__PURE__ */ jsxs("div", { className: cn("ui-color-picker", className), children: [
34
- /* @__PURE__ */ jsxs("div", { className: cn("ui-color-picker-swatch", controlIconClass), children: [
35
- /* @__PURE__ */ jsx(
36
- "div",
37
- {
38
- className: "ui-color-picker-preview",
39
- style: { backgroundColor: HEX_PATTERN.test(display) ? display : value },
40
- "aria-hidden": "true"
41
- }
42
- ),
43
- /* @__PURE__ */ jsx(
44
- "input",
45
- {
46
- id,
47
- type: "color",
48
- value: HEX_PATTERN.test(display) ? display : value,
49
- disabled,
50
- onChange: (event) => commit(event.target.value),
51
- className: "ui-color-picker-input",
52
- "aria-label": t("dataEntry.colorPicker.ariaLabel")
53
- }
54
- )
55
- ] }),
56
- showHexInput && /* @__PURE__ */ jsx(
57
- Input,
58
- {
59
- id: id ? `${id}-hex` : void 0,
60
- value: display,
61
- disabled,
62
- "aria-label": t("dataEntry.colorPicker.hexLabel"),
63
- onChange: (event) => setDraft(event.target.value),
64
- onBlur: () => commit(display),
65
- onKeyDown: (event) => {
66
- if (event.key === "Enter") commit(display);
67
- },
68
- className: "ui-color-picker-hex",
69
- spellCheck: false
70
- }
71
- )
72
- ] });
73
- }
74
-
75
- export { ColorPicker };