asheeui 0.6.15 → 1.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 (389) hide show
  1. package/dist/AsheeUIProvider.d.ts.map +1 -1
  2. package/dist/AsheeUIProvider.js +29 -24
  3. package/dist/components/accordion/Accordion.d.ts.map +1 -1
  4. package/dist/components/accordion/Accordion.js +81 -173
  5. package/dist/components/accordion/accordion-config.js +12 -13
  6. package/dist/components/accordion/accordion-styles.js +21 -24
  7. package/dist/components/alert/Alert.d.ts +88 -0
  8. package/dist/components/alert/Alert.d.ts.map +1 -0
  9. package/dist/components/alert/Alert.js +61 -0
  10. package/dist/components/alert/alert-config.d.ts +56 -0
  11. package/dist/components/alert/alert-config.d.ts.map +1 -0
  12. package/dist/components/alert/alert-config.js +14 -0
  13. package/dist/components/alert/alert-styles.d.ts +32 -0
  14. package/dist/components/alert/alert-styles.d.ts.map +1 -0
  15. package/dist/components/alert/alert-styles.js +20 -0
  16. package/dist/components/alert/index.d.ts +3 -0
  17. package/dist/components/alert/index.d.ts.map +1 -0
  18. package/dist/components/alert/index.js +3 -0
  19. package/dist/components/autocomplete/Autocomplete.d.ts +6 -6
  20. package/dist/components/autocomplete/Autocomplete.d.ts.map +1 -1
  21. package/dist/components/autocomplete/Autocomplete.js +114 -136
  22. package/dist/components/autocomplete/autocomplete-config.d.ts +1 -1
  23. package/dist/components/autocomplete/autocomplete-config.d.ts.map +1 -1
  24. package/dist/components/autocomplete/autocomplete-config.js +7 -12
  25. package/dist/components/avatar/Avatar.d.ts +87 -0
  26. package/dist/components/avatar/Avatar.d.ts.map +1 -0
  27. package/dist/components/avatar/Avatar.js +43 -0
  28. package/dist/components/avatar/avatar-config.d.ts +48 -0
  29. package/dist/components/avatar/avatar-config.d.ts.map +1 -0
  30. package/dist/components/avatar/avatar-config.js +14 -0
  31. package/dist/components/avatar/avatar-styles.d.ts +21 -0
  32. package/dist/components/avatar/avatar-styles.d.ts.map +1 -0
  33. package/dist/components/avatar/avatar-styles.js +13 -0
  34. package/dist/components/avatar/avatar.helpers.d.ts +19 -0
  35. package/dist/components/avatar/avatar.helpers.d.ts.map +1 -0
  36. package/dist/components/avatar/avatar.helpers.js +11 -0
  37. package/dist/components/avatar/index.d.ts +3 -0
  38. package/dist/components/avatar/index.d.ts.map +1 -0
  39. package/dist/components/avatar/index.js +4 -0
  40. package/dist/components/badge/Badge.d.ts +69 -0
  41. package/dist/components/badge/Badge.d.ts.map +1 -0
  42. package/dist/components/badge/Badge.js +39 -0
  43. package/dist/components/badge/badge-config.d.ts +63 -0
  44. package/dist/components/badge/badge-config.d.ts.map +1 -0
  45. package/dist/components/badge/badge-config.js +15 -0
  46. package/dist/components/badge/badge-styles.d.ts +27 -0
  47. package/dist/components/badge/badge-styles.d.ts.map +1 -0
  48. package/dist/components/badge/badge-styles.js +25 -0
  49. package/dist/components/badge/index.d.ts +3 -0
  50. package/dist/components/badge/index.d.ts.map +1 -0
  51. package/dist/components/badge/index.js +3 -0
  52. package/dist/components/breadcrumb/Breadcrumb.d.ts +106 -0
  53. package/dist/components/breadcrumb/Breadcrumb.d.ts.map +1 -0
  54. package/dist/components/breadcrumb/Breadcrumb.js +52 -0
  55. package/dist/components/breadcrumb/breadcrumb-config.d.ts +41 -0
  56. package/dist/components/breadcrumb/breadcrumb-config.d.ts.map +1 -0
  57. package/dist/components/breadcrumb/breadcrumb-config.js +10 -0
  58. package/dist/components/breadcrumb/breadcrumb-styles.d.ts +28 -0
  59. package/dist/components/breadcrumb/breadcrumb-styles.d.ts.map +1 -0
  60. package/dist/components/breadcrumb/breadcrumb-styles.js +17 -0
  61. package/dist/components/breadcrumb/index.d.ts +3 -0
  62. package/dist/components/breadcrumb/index.d.ts.map +1 -0
  63. package/dist/components/breadcrumb/index.js +3 -0
  64. package/dist/components/button/Button.d.ts +29 -1
  65. package/dist/components/button/Button.d.ts.map +1 -1
  66. package/dist/components/button/Button.js +50 -108
  67. package/dist/components/button/button-config.js +16 -17
  68. package/dist/components/button/button-styles.js +10 -11
  69. package/dist/components/{date-picker/DatePicker.d.ts → calendar/Calendar.d.ts} +22 -22
  70. package/dist/components/calendar/Calendar.d.ts.map +1 -0
  71. package/dist/components/calendar/Calendar.js +123 -0
  72. package/dist/components/{date-picker/Calendar.d.ts → calendar/DateGrid.d.ts} +7 -7
  73. package/dist/components/calendar/DateGrid.d.ts.map +1 -0
  74. package/dist/components/calendar/DateGrid.js +194 -0
  75. package/dist/components/calendar/TimeSpinner.d.ts.map +1 -0
  76. package/dist/components/calendar/TimeSpinner.js +60 -0
  77. package/dist/components/{date-picker/date-picker-config.d.ts → calendar/calendar-config.d.ts} +17 -17
  78. package/dist/components/calendar/calendar-config.d.ts.map +1 -0
  79. package/dist/components/calendar/calendar-config.js +15 -0
  80. package/dist/components/{date-picker/date-picker-styles.d.ts → calendar/calendar-styles.d.ts} +1 -1
  81. package/dist/components/calendar/calendar-styles.d.ts.map +1 -0
  82. package/dist/components/calendar/calendar-styles.js +46 -0
  83. package/dist/components/{date-picker/date-picker.helpers.d.ts → calendar/calendar.helpers.d.ts} +9 -9
  84. package/dist/components/calendar/calendar.helpers.d.ts.map +1 -0
  85. package/dist/components/calendar/calendar.helpers.js +82 -0
  86. package/dist/components/calendar/index.d.ts +3 -0
  87. package/dist/components/calendar/index.d.ts.map +1 -0
  88. package/dist/components/calendar/index.js +6 -0
  89. package/dist/components/card/Card.d.ts +36 -16
  90. package/dist/components/card/Card.d.ts.map +1 -1
  91. package/dist/components/card/Card.js +115 -205
  92. package/dist/components/card/card-config.js +24 -21
  93. package/dist/components/card/card-styles.js +19 -22
  94. package/dist/components/carousel/Carousel.d.ts.map +1 -1
  95. package/dist/components/carousel/Carousel.js +125 -248
  96. package/dist/components/carousel/carousel-config.js +24 -25
  97. package/dist/components/carousel/carousel-styles.d.ts +1 -20
  98. package/dist/components/carousel/carousel-styles.d.ts.map +1 -1
  99. package/dist/components/carousel/carousel-styles.js +14 -16
  100. package/dist/components/chip/Chip.js +84 -191
  101. package/dist/components/chip/chip-config.js +13 -14
  102. package/dist/components/chip/chip-styles.js +22 -26
  103. package/dist/components/drawer/Drawer.d.ts +33 -11
  104. package/dist/components/drawer/Drawer.d.ts.map +1 -1
  105. package/dist/components/drawer/Drawer.js +70 -131
  106. package/dist/components/drawer/drawer-config.js +14 -15
  107. package/dist/components/drawer/drawer-styles.js +38 -42
  108. package/dist/components/{select/Select.d.ts → dropmenu/Dropmenu.d.ts} +22 -21
  109. package/dist/components/dropmenu/Dropmenu.d.ts.map +1 -0
  110. package/dist/components/dropmenu/Dropmenu.js +102 -0
  111. package/dist/components/{select/select-config.d.ts → dropmenu/dropmenu-config.d.ts} +8 -8
  112. package/dist/components/dropmenu/dropmenu-config.d.ts.map +1 -0
  113. package/dist/components/dropmenu/dropmenu-config.js +9 -0
  114. package/dist/components/{select/select-styles.d.ts → dropmenu/dropmenu-styles.d.ts} +1 -1
  115. package/dist/components/dropmenu/dropmenu-styles.d.ts.map +1 -0
  116. package/dist/components/dropmenu/dropmenu-styles.js +6 -0
  117. package/dist/components/dropmenu/index.d.ts +3 -0
  118. package/dist/components/dropmenu/index.d.ts.map +1 -0
  119. package/dist/components/dropmenu/index.js +3 -0
  120. package/dist/components/field/FieldShell.d.ts +13 -1
  121. package/dist/components/field/FieldShell.d.ts.map +1 -1
  122. package/dist/components/field/FieldShell.js +50 -56
  123. package/dist/components/field/field-config.js +17 -18
  124. package/dist/components/field/field-styles.js +8 -8
  125. package/dist/components/form/Form.d.ts +109 -0
  126. package/dist/components/form/Form.d.ts.map +1 -0
  127. package/dist/components/form/Form.js +42 -0
  128. package/dist/components/form/form-config.d.ts +57 -0
  129. package/dist/components/form/form-config.d.ts.map +1 -0
  130. package/dist/components/form/form-config.js +12 -0
  131. package/dist/components/form/form-styles.d.ts +27 -0
  132. package/dist/components/form/form-styles.d.ts.map +1 -0
  133. package/dist/components/form/form-styles.js +5 -0
  134. package/dist/components/form/index.d.ts +3 -0
  135. package/dist/components/form/index.d.ts.map +1 -0
  136. package/dist/components/form/index.js +3 -0
  137. package/dist/components/image/Image.d.ts +8 -9
  138. package/dist/components/image/Image.d.ts.map +1 -1
  139. package/dist/components/image/Image.js +65 -132
  140. package/dist/components/image/image-config.js +17 -18
  141. package/dist/components/image/image-styles.js +14 -15
  142. package/dist/components/input/Input.js +65 -150
  143. package/dist/components/input/PasswordInput.js +30 -49
  144. package/dist/components/input/input-config.js +7 -7
  145. package/dist/components/input/input-styles.js +9 -10
  146. package/dist/components/keyboard/KeyboardContext.js +10 -11
  147. package/dist/components/keyboard/KeyboardProvider.js +100 -181
  148. package/dist/components/keyboard/OnScreenKeyboard.d.ts.map +1 -1
  149. package/dist/components/keyboard/OnScreenKeyboard.js +159 -166
  150. package/dist/components/keyboard/keyboard-config.js +59 -57
  151. package/dist/components/keyboard/keyboard-styles.js +10 -11
  152. package/dist/components/keyboard/use-keyboard-field.js +29 -21
  153. package/dist/components/link/Link.d.ts +12 -10
  154. package/dist/components/link/Link.d.ts.map +1 -1
  155. package/dist/components/link/Link.js +47 -137
  156. package/dist/components/link/link-config.js +14 -15
  157. package/dist/components/link/link-styles.js +25 -29
  158. package/dist/components/marquee/Marquee.d.ts.map +1 -1
  159. package/dist/components/marquee/Marquee.js +58 -144
  160. package/dist/components/marquee/marquee-config.js +18 -19
  161. package/dist/components/marquee/marquee-styles.js +13 -15
  162. package/dist/components/{select-menu/SelectMenu.d.ts → menu/Menu.d.ts} +52 -19
  163. package/dist/components/menu/Menu.d.ts.map +1 -0
  164. package/dist/components/menu/Menu.js +161 -0
  165. package/dist/components/menu/index.d.ts +5 -0
  166. package/dist/components/menu/index.d.ts.map +1 -0
  167. package/dist/components/menu/index.js +4 -0
  168. package/dist/components/{select-menu/select-menu-config.d.ts → menu/menu-config.d.ts} +5 -5
  169. package/dist/components/menu/menu-config.d.ts.map +1 -0
  170. package/dist/components/menu/menu-config.js +14 -0
  171. package/dist/components/menu/menu-navigation.d.ts +38 -0
  172. package/dist/components/menu/menu-navigation.d.ts.map +1 -0
  173. package/dist/components/menu/menu-navigation.js +20 -0
  174. package/dist/components/{select-menu/use-select-floating.d.ts → menu/use-menu-floating.d.ts} +20 -10
  175. package/dist/components/menu/use-menu-floating.d.ts.map +1 -0
  176. package/dist/components/menu/use-menu-floating.js +43 -0
  177. package/dist/components/modal/Modal.d.ts +32 -11
  178. package/dist/components/modal/Modal.d.ts.map +1 -1
  179. package/dist/components/modal/Modal.js +74 -137
  180. package/dist/components/modal/modal-config.js +15 -16
  181. package/dist/components/modal/modal-styles.js +13 -14
  182. package/dist/components/multi-select/MultiSelect.d.ts +29 -12
  183. package/dist/components/multi-select/MultiSelect.d.ts.map +1 -1
  184. package/dist/components/multi-select/MultiSelect.js +162 -283
  185. package/dist/components/multi-select/multi-select-config.d.ts +24 -19
  186. package/dist/components/multi-select/multi-select-config.d.ts.map +1 -1
  187. package/dist/components/multi-select/multi-select-config.js +18 -21
  188. package/dist/components/multi-select/multi-select-styles.js +17 -20
  189. package/dist/components/pagination/Pagination.d.ts +91 -0
  190. package/dist/components/pagination/Pagination.d.ts.map +1 -0
  191. package/dist/components/pagination/Pagination.js +66 -0
  192. package/dist/components/pagination/index.d.ts +3 -0
  193. package/dist/components/pagination/index.d.ts.map +1 -0
  194. package/dist/components/pagination/index.js +4 -0
  195. package/dist/components/pagination/pagination-config.d.ts +66 -0
  196. package/dist/components/pagination/pagination-config.d.ts.map +1 -0
  197. package/dist/components/pagination/pagination-config.js +19 -0
  198. package/dist/components/pagination/pagination-styles.d.ts +19 -0
  199. package/dist/components/pagination/pagination-styles.d.ts.map +1 -0
  200. package/dist/components/pagination/pagination-styles.js +5 -0
  201. package/dist/components/pagination/pagination.helpers.d.ts +26 -0
  202. package/dist/components/pagination/pagination.helpers.d.ts.map +1 -0
  203. package/dist/components/pagination/pagination.helpers.js +12 -0
  204. package/dist/components/radio/Radio.d.ts +53 -107
  205. package/dist/components/radio/Radio.d.ts.map +1 -1
  206. package/dist/components/radio/Radio.js +56 -79
  207. package/dist/components/radio/RadioGroup.d.ts +107 -53
  208. package/dist/components/radio/RadioGroup.d.ts.map +1 -1
  209. package/dist/components/radio/RadioGroup.js +51 -155
  210. package/dist/components/radio/index.d.ts +0 -1
  211. package/dist/components/radio/index.d.ts.map +1 -1
  212. package/dist/components/radio/radio-config.js +15 -16
  213. package/dist/components/radio/radio-context.js +6 -6
  214. package/dist/components/radio/radio-styles.js +55 -60
  215. package/dist/components/resizable-screen/ResizableScreen.d.ts +4 -4
  216. package/dist/components/resizable-screen/ResizableScreen.js +87 -177
  217. package/dist/components/resizable-screen/resizable-screen-config.js +16 -17
  218. package/dist/components/scrollbar/index.js +1 -0
  219. package/dist/components/scrollbar/scrollbar-config.js +13 -0
  220. package/dist/components/sidebar/Sidebar.d.ts +43 -22
  221. package/dist/components/sidebar/Sidebar.d.ts.map +1 -1
  222. package/dist/components/sidebar/Sidebar.js +148 -331
  223. package/dist/components/sidebar/sidebar-config.d.ts +98 -31
  224. package/dist/components/sidebar/sidebar-config.d.ts.map +1 -1
  225. package/dist/components/sidebar/sidebar-config.js +47 -33
  226. package/dist/components/sidebar/sidebar-styles.js +27 -32
  227. package/dist/components/skeleton/Skeleton.d.ts +65 -0
  228. package/dist/components/skeleton/Skeleton.d.ts.map +1 -0
  229. package/dist/components/skeleton/Skeleton.js +29 -0
  230. package/dist/components/skeleton/index.d.ts +3 -0
  231. package/dist/components/skeleton/index.d.ts.map +1 -0
  232. package/dist/components/skeleton/index.js +3 -0
  233. package/dist/components/skeleton/skeleton-config.d.ts +40 -0
  234. package/dist/components/skeleton/skeleton-config.d.ts.map +1 -0
  235. package/dist/components/skeleton/skeleton-config.js +13 -0
  236. package/dist/components/skeleton/skeleton-styles.d.ts +19 -0
  237. package/dist/components/skeleton/skeleton-styles.d.ts.map +1 -0
  238. package/dist/components/skeleton/skeleton-styles.js +5 -0
  239. package/dist/components/spinner/spinner-config.js +12 -13
  240. package/dist/components/spinner/spinner-styles.js +13 -14
  241. package/dist/components/spinner/spinner.js +39 -82
  242. package/dist/components/switch/Switch.d.ts.map +1 -1
  243. package/dist/components/switch/Switch.js +64 -154
  244. package/dist/components/switch/switch-config.js +11 -12
  245. package/dist/components/switch/switch-styles.js +14 -16
  246. package/dist/components/table/Table.js +64 -186
  247. package/dist/components/table/table-config.js +17 -18
  248. package/dist/components/table/table-styles.js +48 -52
  249. package/dist/components/tabs/Tabs.d.ts +16 -8
  250. package/dist/components/tabs/Tabs.d.ts.map +1 -1
  251. package/dist/components/tabs/Tabs.js +93 -208
  252. package/dist/components/tabs/tabs-config.d.ts +42 -20
  253. package/dist/components/tabs/tabs-config.d.ts.map +1 -1
  254. package/dist/components/tabs/tabs-config.js +26 -18
  255. package/dist/components/tabs/tabs-styles.js +15 -17
  256. package/dist/components/textarea/Textarea.d.ts +10 -10
  257. package/dist/components/textarea/Textarea.js +52 -138
  258. package/dist/components/textarea/textarea-config.d.ts +2 -2
  259. package/dist/components/textarea/textarea-config.js +10 -11
  260. package/dist/components/textarea/textarea-styles.js +9 -10
  261. package/dist/components/toast/ToastContext.js +22 -26
  262. package/dist/components/toast/ToastItem.d.ts.map +1 -1
  263. package/dist/components/toast/ToastItem.js +83 -144
  264. package/dist/components/toast/ToastProvider.d.ts.map +1 -1
  265. package/dist/components/toast/ToastProvider.js +128 -190
  266. package/dist/components/toast/toast-config.js +23 -24
  267. package/dist/components/toast/toast-styles.js +50 -55
  268. package/dist/components/toast/use-pausable-timeout.js +17 -13
  269. package/dist/components/tooltip/Tooltip.d.ts +5 -0
  270. package/dist/components/tooltip/Tooltip.d.ts.map +1 -1
  271. package/dist/components/tooltip/Tooltip.js +68 -158
  272. package/dist/components/tooltip/tooltip-config.d.ts +25 -0
  273. package/dist/components/tooltip/tooltip-config.d.ts.map +1 -1
  274. package/dist/components/tooltip/tooltip-config.js +26 -22
  275. package/dist/components/tooltip/tooltip-styles.js +15 -17
  276. package/dist/components/typography/Typography.d.ts +60 -0
  277. package/dist/components/typography/Typography.d.ts.map +1 -0
  278. package/dist/components/typography/Typography.js +28 -0
  279. package/dist/components/typography/index.d.ts +3 -0
  280. package/dist/components/typography/index.d.ts.map +1 -0
  281. package/dist/components/typography/index.js +3 -0
  282. package/dist/components/typography/typography-config.d.ts +54 -0
  283. package/dist/components/typography/typography-config.d.ts.map +1 -0
  284. package/dist/components/typography/typography-config.js +12 -0
  285. package/dist/components/typography/typography-styles.d.ts +21 -0
  286. package/dist/components/typography/typography-styles.d.ts.map +1 -0
  287. package/dist/components/typography/typography-styles.js +19 -0
  288. package/dist/config/default-config.d.ts.map +1 -1
  289. package/dist/config/default-config.js +11 -34
  290. package/dist/config/index.js +1 -0
  291. package/dist/config/resolve-color.js +23 -23
  292. package/dist/config/resolve-config.d.ts.map +1 -1
  293. package/dist/config/resolve-config.js +14 -12
  294. package/dist/config/validate-config.d.ts +34 -0
  295. package/dist/config/validate-config.d.ts.map +1 -0
  296. package/dist/config/validate-config.js +190 -0
  297. package/dist/icons/ArrowLeftIcon.js +16 -19
  298. package/dist/icons/CalendarIcon.js +43 -24
  299. package/dist/icons/CheckIcon.js +16 -19
  300. package/dist/icons/ChevronDownIcon.js +15 -21
  301. package/dist/icons/ChevronLeftIcon.js +16 -19
  302. package/dist/icons/ChevronRightIcon.js +16 -19
  303. package/dist/icons/ChevronUpIcon.js +16 -19
  304. package/dist/icons/ClearIcon.js +26 -22
  305. package/dist/icons/ClockIcon.js +20 -22
  306. package/dist/icons/CloseIcon.js +26 -22
  307. package/dist/icons/ErrorIcon.js +16 -19
  308. package/dist/icons/ExternalLinkIcon.js +25 -23
  309. package/dist/icons/EyeIcon.js +20 -22
  310. package/dist/icons/EyeOffIcon.js +21 -22
  311. package/dist/icons/InfoIcon.js +16 -19
  312. package/dist/icons/SearchIcon.js +25 -22
  313. package/dist/icons/WarningIcon.js +16 -19
  314. package/dist/index.d.ts +15 -17
  315. package/dist/index.d.ts.map +1 -1
  316. package/dist/index.js +79 -163
  317. package/dist/libs/context.js +10 -13
  318. package/dist/libs/index.js +4 -0
  319. package/dist/libs/registry.js +10 -12
  320. package/dist/libs/use-body-scroll-lock.d.ts +21 -0
  321. package/dist/libs/use-body-scroll-lock.d.ts.map +1 -0
  322. package/dist/libs/use-body-scroll-lock.js +27 -0
  323. package/dist/libs/use-dialog-overlay.d.ts +21 -0
  324. package/dist/libs/use-dialog-overlay.d.ts.map +1 -0
  325. package/dist/libs/use-dialog-overlay.js +21 -0
  326. package/dist/libs/use-floating-z-index.d.ts +32 -0
  327. package/dist/libs/use-floating-z-index.d.ts.map +1 -0
  328. package/dist/libs/use-floating-z-index.js +16 -0
  329. package/dist/libs/use-isomorphic-layout-effect.js +5 -5
  330. package/dist/libs/use-prefers-reduced-motion.d.ts +23 -0
  331. package/dist/libs/use-prefers-reduced-motion.d.ts.map +1 -0
  332. package/dist/libs/use-prefers-reduced-motion.js +19 -0
  333. package/dist/scripts/AsheeThemeScript.js +70 -44
  334. package/dist/shared/index.d.ts +1 -0
  335. package/dist/shared/index.d.ts.map +1 -1
  336. package/dist/shared/radius.d.ts.map +1 -1
  337. package/dist/shared/radius.js +12 -13
  338. package/dist/shared/typography.d.ts +81 -0
  339. package/dist/shared/typography.d.ts.map +1 -0
  340. package/dist/shared/typography.js +137 -0
  341. package/dist/shared/variant.js +46 -134
  342. package/dist/theme/color.js +28 -28
  343. package/dist/theme/controller.d.ts.map +1 -1
  344. package/dist/theme/controller.js +65 -178
  345. package/dist/theme/useTheme.js +13 -44
  346. package/dist/utils/cn.js +7 -7
  347. package/dist/utils/index.d.ts +1 -0
  348. package/dist/utils/index.d.ts.map +1 -1
  349. package/dist/utils/index.js +1 -0
  350. package/dist/utils/merge-object.js +13 -14
  351. package/dist/utils/resolve-token.js +11 -14
  352. package/dist/utils/stacking.d.ts +76 -0
  353. package/dist/utils/stacking.d.ts.map +1 -0
  354. package/dist/utils/stacking.js +34 -0
  355. package/package.json +22 -14
  356. package/dist/components/date-picker/Calendar.d.ts.map +0 -1
  357. package/dist/components/date-picker/Calendar.js +0 -224
  358. package/dist/components/date-picker/DatePicker.d.ts.map +0 -1
  359. package/dist/components/date-picker/DatePicker.js +0 -221
  360. package/dist/components/date-picker/TimeSpinner.d.ts.map +0 -1
  361. package/dist/components/date-picker/TimeSpinner.js +0 -84
  362. package/dist/components/date-picker/date-picker-config.d.ts.map +0 -1
  363. package/dist/components/date-picker/date-picker-config.js +0 -16
  364. package/dist/components/date-picker/date-picker-styles.d.ts.map +0 -1
  365. package/dist/components/date-picker/date-picker-styles.js +0 -47
  366. package/dist/components/date-picker/date-picker.helpers.d.ts.map +0 -1
  367. package/dist/components/date-picker/date-picker.helpers.js +0 -110
  368. package/dist/components/date-picker/index.d.ts +0 -3
  369. package/dist/components/date-picker/index.d.ts.map +0 -1
  370. package/dist/components/date-picker/index.js +0 -6
  371. package/dist/components/select/Select.d.ts.map +0 -1
  372. package/dist/components/select/Select.js +0 -196
  373. package/dist/components/select/index.d.ts +0 -3
  374. package/dist/components/select/index.d.ts.map +0 -1
  375. package/dist/components/select/index.js +0 -3
  376. package/dist/components/select/select-config.d.ts.map +0 -1
  377. package/dist/components/select/select-config.js +0 -10
  378. package/dist/components/select/select-styles.d.ts.map +0 -1
  379. package/dist/components/select/select-styles.js +0 -6
  380. package/dist/components/select-menu/SelectMenu.d.ts.map +0 -1
  381. package/dist/components/select-menu/SelectMenu.js +0 -198
  382. package/dist/components/select-menu/index.d.ts +0 -4
  383. package/dist/components/select-menu/index.d.ts.map +0 -1
  384. package/dist/components/select-menu/index.js +0 -3
  385. package/dist/components/select-menu/select-menu-config.d.ts.map +0 -1
  386. package/dist/components/select-menu/select-menu-config.js +0 -14
  387. package/dist/components/select-menu/use-select-floating.d.ts.map +0 -1
  388. package/dist/components/select-menu/use-select-floating.js +0 -50
  389. /package/dist/components/{date-picker → calendar}/TimeSpinner.d.ts +0 -0
@@ -1,334 +1,151 @@
1
1
  "use client";
2
- import { jsxs as d, jsx as t, Fragment as V } from "react/jsx-runtime";
3
- import { useState as De, useEffect as Le, useCallback as C, useMemo as B } from "react";
4
- import { ArrowLeftIcon as Re } from "../../icons/ArrowLeftIcon.js";
5
- import { ChevronLeftIcon as Ve } from "../../icons/ChevronLeftIcon.js";
6
- import { ChevronRightIcon as Ce } from "../../icons/ChevronRightIcon.js";
7
- import { useAsheeConfig as Be } from "../../libs/context.js";
8
- import { resolveCascade as s, resolveRadiusKey as T, resolveClassKey as j } from "../../utils/resolve-token.js";
9
- import { Button as z } from "../button/Button.js";
10
- import { Tooltip as Te } from "../tooltip/Tooltip.js";
11
- import { FALLBACK_SIDEBAR_CONFIG as a } from "./sidebar-config.js";
12
- import { SIDEBAR_VARIANT_CLASS as je, SIDEBAR_SECTION_LABEL_CLASS as ze, SIDEBAR_COLLAPSED_WIDTH_CLASS as Ke, SIDEBAR_EXPANDED_WIDTH_CLASS as Fe, SIDEBAR_ITEM_CLASS as He, SIDEBAR_HEADER_CLASS as Oe } from "./sidebar-styles.js";
13
- import { resolveVariantClass as K } from "../../shared/variant.js";
14
- import { cn as i } from "../../utils/cn.js";
15
- import { RADIUS_CLASS as F } from "../../shared/radius.js";
16
- function Pe(v) {
17
- return "items" in v && Array.isArray(v.items);
2
+ "use client";
3
+ import { cn as e } from "../../utils/cn.js";
4
+ import { RADIUS_CLASS as t } from "../../shared/radius.js";
5
+ import { resolveVariantClass as n } from "../../shared/variant.js";
6
+ import { useAsheeConfig as r } from "../../libs/context.js";
7
+ import { resolveCascade as i, resolveClassKey as a, resolveRadiusKey as o } from "../../utils/resolve-token.js";
8
+ import { Button as s } from "../button/Button.js";
9
+ import { ChevronRightIcon as c } from "../../icons/ChevronRightIcon.js";
10
+ import { ChevronLeftIcon as ee } from "../../icons/ChevronLeftIcon.js";
11
+ import { ArrowLeftIcon as l } from "../../icons/ArrowLeftIcon.js";
12
+ import { Tooltip as u } from "../tooltip/Tooltip.js";
13
+ import { FALLBACK_SIDEBAR_CONFIG as d } from "./sidebar-config.js";
14
+ import { SIDEBAR_COLLAPSED_WIDTH_CLASS as te, SIDEBAR_EXPANDED_WIDTH_CLASS as ne, SIDEBAR_HEADER_CLASS as re, SIDEBAR_ITEM_CLASS as ie, SIDEBAR_SECTION_LABEL_CLASS as ae, SIDEBAR_VARIANT_CLASS as oe } from "./sidebar-styles.js";
15
+ import { useCallback as f, useEffect as p, useMemo as m, useState as se } from "react";
16
+ import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
17
+ //#region src/components/sidebar/Sidebar.tsx
18
+ function v(e) {
19
+ return "items" in e && Array.isArray(e.items);
18
20
  }
19
- function Ge({
20
- items: v,
21
- activeKey: H,
22
- onSelect: h,
23
- isCollapsed: m,
24
- onCollapseChange: x,
25
- title: N,
26
- onBack: y,
27
- backIcon: O,
28
- userRole: u,
29
- footer: b,
30
- variant: P,
31
- size: G,
32
- radius: M,
33
- itemRadius: W,
34
- itemVariant: U,
35
- activeItemVariant: X,
36
- activeItemColor: q,
37
- showCollapseButton: J,
38
- collapsible: Q,
39
- defaultCollapsed: Y,
40
- showTooltips: Z,
41
- tooltipPlacement: $,
42
- headerClassName: g,
43
- bodyClassName: ee,
44
- itemClassName: re,
45
- sectionLabelClassName: te,
46
- footerClassName: E,
47
- anchorProps: ae,
48
- linkComponent: le,
49
- linkProps: se,
50
- className: ie,
51
- style: ne,
52
- ...oe
53
- }) {
54
- var L;
55
- const c = Be(), r = (L = c.components) == null ? void 0 : L.sidebar, _ = s(
56
- Q,
57
- r == null ? void 0 : r.collapsible,
58
- void 0,
59
- a.collapsible
60
- ), k = s(
61
- J,
62
- r == null ? void 0 : r.showCollapseButton,
63
- void 0,
64
- a.showCollapseButton
65
- ), de = s(
66
- Y,
67
- r == null ? void 0 : r.defaultCollapsed,
68
- void 0,
69
- a.defaultCollapsed
70
- ), [ce, w] = De(
71
- m ?? de
72
- );
73
- Le(() => {
74
- m !== void 0 && w(m);
75
- }, [m]);
76
- const l = m ?? ce, me = C(() => {
77
- if (!_) return;
78
- const e = !l;
79
- x ? x(e) : w(e);
80
- }, [l, x, _]), o = s(
81
- G,
82
- r == null ? void 0 : r.size,
83
- void 0,
84
- a.size
85
- ), ue = s(
86
- P,
87
- r == null ? void 0 : r.variant,
88
- void 0,
89
- a.variant
90
- ), S = (e) => e === "full" ? "xl" : e, pe = T(
91
- S(M),
92
- S(r == null ? void 0 : r.radius),
93
- c.defaultRadius,
94
- a.radius
95
- ), I = T(
96
- S(W),
97
- S(r == null ? void 0 : r.itemRadius),
98
- c.defaultRadius,
99
- a.itemRadius
100
- ), A = s(
101
- U,
102
- r == null ? void 0 : r.itemVariant,
103
- c.defaultVariant,
104
- a.itemVariant
105
- ), fe = s(
106
- X,
107
- r == null ? void 0 : r.activeItemVariant,
108
- c.defaultVariant,
109
- a.activeItemVariant
110
- ), ve = s(
111
- q,
112
- r == null ? void 0 : r.activeItemColor,
113
- c.defaultColor,
114
- a.activeItemColor
115
- ), he = K(
116
- fe,
117
- ve
118
- ), be = K(
119
- A,
120
- "none"
121
- ), Se = s(
122
- Z,
123
- r == null ? void 0 : r.showTooltips,
124
- void 0,
125
- a.showTooltips
126
- ), Ie = s(
127
- $,
128
- r == null ? void 0 : r.tooltipPlacement,
129
- void 0,
130
- a.tooltipPlacement
131
- ), p = v, D = B(() => {
132
- if (!p) return [];
133
- const e = p[0];
134
- return e ? Pe(e) ? p : [
135
- {
136
- id: "__root",
137
- label: void 0,
138
- items: p
139
- }
140
- ] : [];
141
- }, [p]), Ae = B(() => D.filter((e) => !e.roles || e.roles.length === 0 ? !0 : u ? e.roles.includes(u) : !1).map((e) => {
142
- var n;
143
- return {
144
- ...e,
145
- items: (n = e.items) == null ? void 0 : n.filter((f) => !f.roles || f.roles.length === 0 ? !0 : u ? f.roles.includes(u) : !1)
146
- };
147
- }).filter((e) => e.items && e.items.length > 0), [D, u]), xe = C(
148
- (e, n) => {
149
- if (n.disabled) {
150
- e.preventDefault();
151
- return;
152
- }
153
- h == null || h(n);
154
- },
155
- [h]
156
- ), Ne = l ? Ke[o] : Fe[o], ye = (e) => {
157
- const n = e.id === H, f = i(
158
- "w-full flex items-center gap-3 transition-all truncate no-underline",
159
- He[o],
160
- l ? "justify-center px-0" : "justify-start",
161
- n && "font-medium",
162
- // Use resolved variant classes - active items use activeItemVariant
163
- n ? he : be,
164
- e.disabled && "opacity-50 cursor-not-allowed pointer-events-none",
165
- j(
166
- A === "underlined" ? "none" : I,
167
- F,
168
- a.itemRadius
169
- ),
170
- re
171
- ), Ee = le || "a", ke = {
172
- href: e.disabled ? void 0 : e.href,
173
- target: e.target,
174
- rel: e.rel,
175
- onClick: (we) => xe(we, e),
176
- className: f,
177
- ...ae,
178
- ...se || {}
179
- }, R = /* @__PURE__ */ d(Ee, { ...ke, children: [
180
- e.icon && /* @__PURE__ */ t(
181
- "span",
182
- {
183
- className: i(
184
- "shrink-0 flex items-center justify-center",
185
- l && "w-full"
186
- ),
187
- children: e.icon
188
- }
189
- ),
190
- !l && /* @__PURE__ */ d(V, { children: [
191
- /* @__PURE__ */ t("span", { className: "truncate flex-1 text-left", children: e.label }),
192
- e.badge && /* @__PURE__ */ t("span", { className: "shrink-0", children: e.badge })
193
- ] })
194
- ] }, String(e.id));
195
- return l && Se ? /* @__PURE__ */ t(
196
- Te,
197
- {
198
- content: e.label,
199
- placement: Ie,
200
- variant: (r == null ? void 0 : r.tooltipVariant) ?? a.tooltipVariant,
201
- color: (r == null ? void 0 : r.tooltipColor) ?? a.tooltipColor,
202
- radius: I,
203
- children: R
204
- },
205
- String(e.id)
206
- ) : R;
207
- }, _e = (e) => !e.items || e.items.length === 0 ? null : /* @__PURE__ */ d("div", { className: "flex flex-col gap-0.5", children: [
208
- !l && e.label && /* @__PURE__ */ t(
209
- "div",
210
- {
211
- className: i(
212
- "text-foreground/70 font-medium uppercase tracking-wider truncate",
213
- ze[o],
214
- te
215
- ),
216
- children: e.label
217
- }
218
- ),
219
- e.items.map(ye)
220
- ] }, String(e.id));
221
- return /* @__PURE__ */ d(
222
- "aside",
223
- {
224
- className: i(
225
- "h-full flex flex-col transition-all duration-200 select-none shrink-0",
226
- Ne,
227
- je[ue],
228
- j(
229
- pe,
230
- F,
231
- a.radius
232
- ),
233
- ie
234
- ),
235
- style: ne,
236
- ...oe,
237
- children: [
238
- (y || N) && /* @__PURE__ */ d(
239
- "div",
240
- {
241
- className: i(
242
- "flex items-center gap-3 border-b border-border border-dashed shrink-0",
243
- Oe[o],
244
- l && "justify-center px-0",
245
- g
246
- ),
247
- children: [
248
- y && /* @__PURE__ */ t(
249
- z,
250
- {
251
- icon: !0,
252
- "aria-label": "Go back",
253
- variant: A,
254
- color: "secondary",
255
- size: o,
256
- radius: I,
257
- onClick: y,
258
- className: "shrink-0",
259
- children: /* @__PURE__ */ t(
260
- "span",
261
- {
262
- className: i(
263
- "flex items-center justify-center transition-transform duration-200"
264
- ),
265
- children: O ?? /* @__PURE__ */ t(Re, { className: "size-4" })
266
- }
267
- )
268
- }
269
- ),
270
- !l && N && /* @__PURE__ */ t("span", { className: "font-semibold text-foreground truncate tracking-tight transition-opacity duration-200", children: N })
271
- ]
272
- }
273
- ),
274
- /* @__PURE__ */ t(
275
- "nav",
276
- {
277
- className: i(
278
- "flex-1 overflow-y-auto py-3 px-2 flex flex-col gap-3 scrollable-hidden",
279
- ee
280
- ),
281
- children: Ae.map(_e)
282
- }
283
- ),
284
- k && _ && /* @__PURE__ */ d(
285
- "div",
286
- {
287
- className: i(
288
- "border-t border-border shrink-0",
289
- l ? "p-2" : "p-3",
290
- E
291
- ),
292
- children: [
293
- !l && b && /* @__PURE__ */ t("div", { className: "mb-2", children: b }),
294
- /* @__PURE__ */ t(
295
- z,
296
- {
297
- icon: !0,
298
- "aria-label": l ? "Expand sidebar" : "Collapse sidebar",
299
- variant: A,
300
- color: "secondary",
301
- size: o,
302
- radius: I,
303
- onClick: me,
304
- className: i(
305
- "w-full",
306
- l ? "justify-center px-0" : "justify-start"
307
- ),
308
- children: /* @__PURE__ */ t("span", { className: "flex items-center gap-2", children: l ? /* @__PURE__ */ t(Ce, { className: "size-4" }) : /* @__PURE__ */ d(V, { children: [
309
- /* @__PURE__ */ t(Ve, { className: "size-4" }),
310
- /* @__PURE__ */ t("span", { className: "text-sm", children: "Collapse" })
311
- ] }) })
312
- }
313
- )
314
- ]
315
- }
316
- ),
317
- !k && b && /* @__PURE__ */ t(
318
- "div",
319
- {
320
- className: i(
321
- "border-t border-border shrink-0 p-3",
322
- E
323
- ),
324
- children: b
325
- }
326
- )
327
- ]
328
- }
329
- );
21
+ function y({ items: y, activeKey: ce, onSelect: b, isCollapsed: x, onCollapseChange: S, title: C, onBack: w, backIcon: le, userRole: T, footer: E, variant: ue, size: de, radius: fe, options: D, showCollapseButton: O, collapsible: k, defaultCollapsed: A, tooltip: j, headerClassName: M, bodyClassName: N, sectionLabelClassName: P, footerClassName: F, anchorProps: I, link: L, className: R, style: z, ...B }) {
22
+ let V = r(), H = V.components?.sidebar, U = i(k, H?.collapsible, void 0, d.collapsible), W = i(O, H?.showCollapseButton, void 0, d.showCollapseButton), pe = i(A, H?.defaultCollapsed, void 0, d.defaultCollapsed), [me, G] = se(x ?? pe);
23
+ p(() => {
24
+ x !== void 0 && G(x);
25
+ }, [x]);
26
+ let K = x ?? me, he = f(() => {
27
+ if (!U) return;
28
+ let e = !K;
29
+ x === void 0 && G(e), S?.(e);
30
+ }, [
31
+ K,
32
+ x,
33
+ S,
34
+ U
35
+ ]), q = i(de, H?.size, void 0, d.size), ge = i(ue, H?.variant, void 0, d.variant), J = (e) => e === "full" ? "xl" : e, _e = o(J(fe), J(H?.radius), V.defaultRadius, d.radius), Y = o(J(D?.radius), J(H?.options?.radius), V.defaultRadius, d.options.radius), X = i(D?.inactive?.variant, H?.options?.inactive?.variant, V.defaultVariant, d.options.inactive.variant), ve = i(D?.inactive?.color, H?.options?.inactive?.color, void 0, d.options.inactive.color), ye = i(D?.active?.variant, H?.options?.active?.variant, V.defaultVariant, d.options.active.variant), be = i(D?.active?.color, H?.options?.active?.color, V.defaultColor, d.options.active.color), xe = n(ye, be), Se = n(X, ve), Ce = i(j?.show, H?.tooltip?.show, void 0, d.tooltip.show), we = i(j?.placement, H?.tooltip?.placement, void 0, d.tooltip.placement), Z = i(j?.variant, H?.tooltip?.variant, void 0, d.tooltip.variant), Te = i(j?.color, H?.tooltip?.color, void 0, d.tooltip.color), Q = y, $ = m(() => {
36
+ if (!Q) return [];
37
+ let e = Q[0];
38
+ return e ? v(e) ? Q : [{
39
+ id: "__root",
40
+ label: void 0,
41
+ items: Q
42
+ }] : [];
43
+ }, [Q]), Ee = m(() => $.filter((e) => !e.roles || e.roles.length === 0 ? !0 : T ? e.roles.includes(T) : !1).map((e) => ({
44
+ ...e,
45
+ items: e.items?.filter((e) => !e.roles || e.roles.length === 0 ? !0 : T ? e.roles.includes(T) : !1)
46
+ })).filter((e) => e.items && e.items.length > 0), [$, T]), De = f((e, t) => {
47
+ if (t.disabled) {
48
+ e.preventDefault();
49
+ return;
50
+ }
51
+ b?.(t);
52
+ }, [b]), Oe = K ? te[q] : ne[q], ke = (n) => {
53
+ let r = n.id === ce, i = e("w-full flex items-center gap-3 transition-all truncate no-underline", ie[q], K ? "justify-center px-0" : "justify-start", r && "font-medium", r ? xe : Se, n.disabled && "opacity-50 cursor-not-allowed pointer-events-none", a(X === "underlined" ? "none" : Y, t, d.options.radius), D?.itemClassName), o = L?.component || "a", s = {
54
+ href: n.disabled ? void 0 : n.href,
55
+ target: n.target,
56
+ rel: n.rel,
57
+ "aria-current": r ? "page" : void 0,
58
+ onClick: (e) => De(e, n),
59
+ className: i,
60
+ ...I,
61
+ ...L?.props ?? {}
62
+ }, c = /* @__PURE__ */ _(o, {
63
+ ...s,
64
+ children: [n.icon && /* @__PURE__ */ g("span", {
65
+ className: e("shrink-0 flex items-center justify-center", K && "w-full"),
66
+ children: n.icon
67
+ }), !K && /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g("span", {
68
+ className: "truncate flex-1 text-left",
69
+ children: n.label
70
+ }), n.badge && /* @__PURE__ */ g("span", {
71
+ className: "shrink-0",
72
+ children: n.badge
73
+ })] })]
74
+ }, String(n.id));
75
+ return K && Ce ? /* @__PURE__ */ g(u, {
76
+ content: n.label,
77
+ placement: we,
78
+ variant: Z,
79
+ color: Te,
80
+ radius: Y,
81
+ children: c
82
+ }, String(n.id)) : c;
83
+ }, Ae = (t) => !t.items || t.items.length === 0 ? null : /* @__PURE__ */ _("div", {
84
+ className: "flex flex-col gap-0.5",
85
+ children: [!K && t.label && /* @__PURE__ */ g("div", {
86
+ className: e("text-foreground/70 font-medium uppercase tracking-wider truncate", ae[q], P),
87
+ children: t.label
88
+ }), t.items.map(ke)]
89
+ }, String(t.id));
90
+ return /* @__PURE__ */ _("aside", {
91
+ className: e("h-full flex flex-col transition-all duration-200 select-none shrink-0", Oe, oe[ge], a(_e, t, d.radius), R),
92
+ style: z,
93
+ ...B,
94
+ children: [
95
+ (w || C) && /* @__PURE__ */ _("div", {
96
+ className: e("flex items-center gap-3 border-b border-border border-dashed shrink-0", re[q], K && "justify-center px-0", M),
97
+ children: [w && /* @__PURE__ */ g(s, {
98
+ icon: !0,
99
+ "aria-label": "Go back",
100
+ variant: X,
101
+ color: "secondary",
102
+ size: q,
103
+ radius: Y,
104
+ onClick: w,
105
+ className: "shrink-0",
106
+ children: /* @__PURE__ */ g("span", {
107
+ className: e("flex items-center justify-center transition-transform duration-200"),
108
+ children: le ?? /* @__PURE__ */ g(l, { className: "size-4" })
109
+ })
110
+ }), !K && C && /* @__PURE__ */ g("span", {
111
+ className: "font-semibold text-foreground truncate tracking-tight transition-opacity duration-200",
112
+ children: C
113
+ })]
114
+ }),
115
+ /* @__PURE__ */ g("nav", {
116
+ className: e("flex-1 overflow-y-auto py-3 px-2 flex flex-col gap-3 scrollable-hidden", N),
117
+ children: Ee.map(Ae)
118
+ }),
119
+ W && U && /* @__PURE__ */ _("div", {
120
+ className: e("border-t border-border shrink-0", K ? "p-2" : "p-3", F),
121
+ children: [!K && E && /* @__PURE__ */ g("div", {
122
+ className: "mb-2",
123
+ children: E
124
+ }), /* @__PURE__ */ g(s, {
125
+ icon: !0,
126
+ "aria-label": K ? "Expand sidebar" : "Collapse sidebar",
127
+ variant: X,
128
+ color: "secondary",
129
+ size: q,
130
+ radius: Y,
131
+ onClick: he,
132
+ className: e("w-full", K ? "justify-center px-0" : "justify-start"),
133
+ children: /* @__PURE__ */ g("span", {
134
+ className: "flex items-center gap-2",
135
+ children: K ? /* @__PURE__ */ g(c, { className: "size-4" }) : /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(ee, { className: "size-4" }), /* @__PURE__ */ g("span", {
136
+ className: "text-sm",
137
+ children: "Collapse"
138
+ })] })
139
+ })
140
+ })]
141
+ }),
142
+ !W && E && /* @__PURE__ */ g("div", {
143
+ className: e("border-t border-border shrink-0 p-3", F),
144
+ children: E
145
+ })
146
+ ]
147
+ });
330
148
  }
331
- Ge.displayName = "Sidebar";
332
- export {
333
- Ge as Sidebar
334
- };
149
+ y.displayName = "Sidebar";
150
+ //#endregion
151
+ export { y as Sidebar };
@@ -91,6 +91,74 @@ export interface SidebarSection<T = string> {
91
91
  * Can be either a flat array of items or an array of sections.
92
92
  */
93
93
  export type SidebarItems<T = string> = SidebarItem<T>[] | SidebarSection<T>[];
94
+ /**
95
+ * Visual styling of the active navigation item.
96
+ */
97
+ export interface SidebarActiveOptionConfig {
98
+ /**
99
+ * Visual variant of the active item.
100
+ */
101
+ variant?: Variant;
102
+ /**
103
+ * Theme color of the active item.
104
+ */
105
+ color?: Color;
106
+ }
107
+ /**
108
+ * Visual styling of inactive navigation items.
109
+ */
110
+ export interface SidebarInactiveOptionConfig {
111
+ /**
112
+ * Visual variant of inactive items.
113
+ */
114
+ variant?: Variant;
115
+ /**
116
+ * Theme color of inactive items.
117
+ */
118
+ color?: Color;
119
+ }
120
+ /**
121
+ * Options configuration for the sidebar's navigation items.
122
+ */
123
+ export interface SidebarOptionsConfig {
124
+ /**
125
+ * Corner rounding of individual navigation items.
126
+ */
127
+ radius?: Radius;
128
+ /**
129
+ * Styling of the active navigation item.
130
+ */
131
+ active?: SidebarActiveOptionConfig;
132
+ /**
133
+ * Styling of inactive navigation items.
134
+ */
135
+ inactive?: SidebarInactiveOptionConfig;
136
+ }
137
+ /**
138
+ * Tooltip configuration for collapsed sidebar items.
139
+ */
140
+ export interface SidebarTooltipConfig {
141
+ /**
142
+ * Whether tooltips are shown for collapsed items.
143
+ *
144
+ * @default true
145
+ */
146
+ show?: boolean;
147
+ /**
148
+ * Placement of tooltips relative to the item.
149
+ *
150
+ * @default "right"
151
+ */
152
+ placement?: TooltipPlacement;
153
+ /**
154
+ * Visual variant for tooltips.
155
+ */
156
+ variant?: Variant;
157
+ /**
158
+ * Theme color for tooltips.
159
+ */
160
+ color?: Color;
161
+ }
94
162
  /**
95
163
  * Theme configuration options for the Sidebar component.
96
164
  *
@@ -115,44 +183,18 @@ export interface SidebarConfig {
115
183
  */
116
184
  radius?: Radius;
117
185
  /**
118
- * Corner rounding of individual navigation items.
119
- */
120
- itemRadius?: Radius;
121
- /**
122
- * Visual variant for inactive navigation items.
186
+ * Options configuration for the sidebar's navigation items.
123
187
  */
124
- itemVariant?: Variant;
188
+ options?: SidebarOptionsConfig;
125
189
  /**
126
- * Visual variant for the active navigation item.
190
+ * Tooltip configuration for collapsed sidebar items.
127
191
  */
128
- activeItemVariant?: Variant;
129
- /**
130
- * Theme color for the active navigation item.
131
- */
132
- activeItemColor?: Color;
192
+ tooltip?: SidebarTooltipConfig;
133
193
  /**
134
194
  * Whether the collapse button is shown.
135
195
  * @default true
136
196
  */
137
197
  showCollapseButton?: boolean;
138
- /**
139
- * Whether tooltips are shown for collapsed items.
140
- * @default true
141
- */
142
- showTooltips?: boolean;
143
- /**
144
- * Placement of tooltips relative to the item.
145
- * @default "right"
146
- */
147
- tooltipPlacement?: TooltipPlacement;
148
- /**
149
- * Visual variant for tooltips.
150
- */
151
- tooltipVariant?: Variant;
152
- /**
153
- * Theme color for tooltips.
154
- */
155
- tooltipColor?: Color;
156
198
  /**
157
199
  * Whether the sidebar has animations.
158
200
  * @default true
@@ -178,7 +220,32 @@ export declare const defaultSidebarConfig: SidebarConfig;
178
220
  * These values are used when instance props, component config,
179
221
  * and global defaults are all undefined.
180
222
  */
181
- export declare const FALLBACK_SIDEBAR_CONFIG: Required<SidebarConfig>;
223
+ export declare const FALLBACK_SIDEBAR_CONFIG: {
224
+ readonly size: "md";
225
+ readonly variant: "default";
226
+ readonly radius: "none";
227
+ readonly options: {
228
+ readonly radius: "md";
229
+ readonly active: {
230
+ readonly variant: "solid";
231
+ readonly color: "primary";
232
+ };
233
+ readonly inactive: {
234
+ readonly variant: "ghost";
235
+ readonly color: "none";
236
+ };
237
+ };
238
+ readonly tooltip: {
239
+ readonly show: true;
240
+ readonly placement: "right";
241
+ readonly variant: "solid";
242
+ readonly color: "secondary";
243
+ };
244
+ readonly animated: true;
245
+ readonly defaultCollapsed: false;
246
+ readonly collapsible: true;
247
+ readonly showCollapseButton: true;
248
+ };
182
249
  declare module "../../libs/registry" {
183
250
  interface ComponentTypeConfigRegistry {
184
251
  sidebar: SidebarConfig;
@@ -1 +1 @@
1
- {"version":3,"file":"sidebar-config.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/sidebar-config.ts"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"sidebar-config.d.ts","sourceRoot":"","sources":["../../../src/components/sidebar/sidebar-config.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACjE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAElE;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC;AAElC;;;;;;GAMG;AACH,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,UAAU,GAAG,UAAU,GAAG,OAAO,CAAC;AAE3E;;GAEG;AACH,MAAM,WAAW,WAAW,CAAC,CAAC,GAAG,MAAM;IACrC;;OAEG;IACH,EAAE,EAAE,CAAC,CAAC;IAEN;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd;;OAEG;IACH,IAAI,CAAC,EAAE,SAAS,CAAC;IAEjB;;OAEG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;GAGG;AACH,MAAM,WAAW,cAAc,CAAC,CAAC,GAAG,MAAM;IACxC;;OAEG;IACH,EAAE,EAAE,CAAC,CAAC;IAEN;;;OAGG;IACH,KAAK,CAAC,EAAE,SAAS,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,WAAW,CAAC,CAAC,CAAC,EAAE,CAAC;IAEzB;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IAEjB;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED;;;GAGG;AACH,MAAM,MAAM,YAAY,CAAC,CAAC,GAAG,MAAM,IAAI,WAAW,CAAC,CAAC,CAAC,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,EAAE,CAAC;AAE9E;;GAEG;AACH,MAAM,WAAW,yBAAyB;IACxC;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,2BAA2B;IAC1C;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,MAAM,CAAC,EAAE,yBAAyB,CAAC;IAEnC;;OAEG;IACH,QAAQ,CAAC,EAAE,2BAA2B,CAAC;CACxC;AAED;;GAEG;AACH,MAAM,WAAW,oBAAoB;IACnC;;;;OAIG;IACH,IAAI,CAAC,EAAE,OAAO,CAAC;IAEf;;;;OAIG;IACH,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;AAED;;;;;GAKG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;;OAKG;IACH,IAAI,CAAC,EAAE,cAAc,CAAC;IAEtB;;;OAGG;IACH,OAAO,CAAC,EAAE,cAAc,CAAC;IAEzB;;OAEG;IACH,MAAM,CAAC,EAAE,MAAM,CAAC;IAEhB;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAE/B;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC;IAE/B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAE7B;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IAEnB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAE3B;;;OAGG;IACH,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB;AAED;;GAEG;AACH,eAAO,MAAM,oBAAoB,EAAE,aAclC,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;CAmB1B,CAAC;AAEX,OAAO,QAAQ,qBAAqB,CAAC;IACnC,UAAU,2BAA2B;QACnC,OAAO,EAAE,aAAa,CAAC;KACxB;CACF"}