@pathscale/ui 1.2.5 → 1.2.7

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 (385) hide show
  1. package/LICENSE +22 -22
  2. package/README.md +59 -59
  3. package/dist/components/_shared/index.js +2 -3
  4. package/dist/components/_shared/overlayPosition.js +5 -5
  5. package/dist/components/accordion/Accordion.css +158 -158
  6. package/dist/components/accordion/Accordion.js +44 -44
  7. package/dist/components/accordion/index.js +2 -9
  8. package/dist/components/alert/Alert.css +116 -116
  9. package/dist/components/alert/Alert.js +30 -30
  10. package/dist/components/alert/index.js +2 -8
  11. package/dist/components/auth-card/AuthCard.js +20 -20
  12. package/dist/components/auth-card/index.js +2 -3
  13. package/dist/components/auth-error-message/AuthErrorMessage.js +12 -12
  14. package/dist/components/auth-error-message/index.js +2 -3
  15. package/dist/components/auth-field-group/AuthFieldGroup.js +11 -11
  16. package/dist/components/auth-field-group/index.js +2 -3
  17. package/dist/components/auth-footer-links/AuthFooterLinks.js +20 -20
  18. package/dist/components/auth-footer-links/index.js +2 -3
  19. package/dist/components/auth-form/AuthForm.js +11 -11
  20. package/dist/components/auth-form/index.js +2 -3
  21. package/dist/components/auth-powered-by/AuthPoweredBy.js +15 -26
  22. package/dist/components/auth-powered-by/index.js +2 -3
  23. package/dist/components/auth-submit-button/AuthSubmitButton.js +10 -10
  24. package/dist/components/auth-submit-button/index.js +2 -3
  25. package/dist/components/auth-success-message/AuthSuccessMessage.js +9 -9
  26. package/dist/components/auth-success-message/index.js +2 -3
  27. package/dist/components/avatar/Avatar.css +124 -124
  28. package/dist/components/avatar/Avatar.js +27 -27
  29. package/dist/components/avatar/AvatarGroup.js +11 -11
  30. package/dist/components/avatar/index.js +2 -6
  31. package/dist/components/badge/Badge.css +164 -164
  32. package/dist/components/badge/Badge.js +19 -19
  33. package/dist/components/badge/index.js +6 -9
  34. package/dist/components/breadcrumbs/Breadcrumbs.css +63 -63
  35. package/dist/components/breadcrumbs/Breadcrumbs.js +25 -25
  36. package/dist/components/breadcrumbs/index.js +2 -5
  37. package/dist/components/button/Button.css +194 -194
  38. package/dist/components/button/Button.js +22 -22
  39. package/dist/components/button/index.js +2 -3
  40. package/dist/components/button-group/ButtonGroup.css +117 -117
  41. package/dist/components/button-group/ButtonGroup.js +14 -14
  42. package/dist/components/button-group/context.js +2 -2
  43. package/dist/components/button-group/index.js +2 -6
  44. package/dist/components/calendar/Calendar.css +258 -258
  45. package/dist/components/calendar/Calendar.js +85 -85
  46. package/dist/components/calendar/index.js +2 -3
  47. package/dist/components/card/Card.css +110 -110
  48. package/dist/components/card/Card.js +21 -21
  49. package/dist/components/card/index.js +2 -8
  50. package/dist/components/chatbubble/ChatBubble.css +164 -164
  51. package/dist/components/chatbubble/ChatBubble.js +19 -19
  52. package/dist/components/chatbubble/ChatBubbleAvatar.js +8 -8
  53. package/dist/components/chatbubble/ChatBubbleFooter.js +11 -11
  54. package/dist/components/chatbubble/ChatBubbleHeader.js +8 -8
  55. package/dist/components/chatbubble/ChatBubbleMessage.js +12 -12
  56. package/dist/components/chatbubble/ChatBubbleTime.js +11 -11
  57. package/dist/components/chatbubble/index.js +2 -3
  58. package/dist/components/checkbox/Checkbox.css +183 -183
  59. package/dist/components/checkbox/Checkbox.js +29 -29
  60. package/dist/components/checkbox/index.js +2 -3
  61. package/dist/components/checkbox-group/CheckboxGroup.css +10 -10
  62. package/dist/components/checkbox-group/CheckboxGroup.js +16 -16
  63. package/dist/components/checkbox-group/context.js +2 -2
  64. package/dist/components/checkbox-group/index.js +3 -4
  65. package/dist/components/chip/Chip.css +197 -197
  66. package/dist/components/chip/Chip.js +32 -32
  67. package/dist/components/chip/index.js +5 -7
  68. package/dist/components/close-button/CloseButton.css +81 -81
  69. package/dist/components/close-button/CloseButton.js +22 -22
  70. package/dist/components/close-button/index.js +2 -3
  71. package/dist/components/color-area/ColorArea.css +54 -54
  72. package/dist/components/color-area/ColorArea.js +13 -13
  73. package/dist/components/color-area/index.js +2 -2
  74. package/dist/components/color-field/ColorField.css +88 -88
  75. package/dist/components/color-field/ColorField.js +23 -23
  76. package/dist/components/color-field/index.js +2 -2
  77. package/dist/components/color-picker/ColorPicker.css +28 -28
  78. package/dist/components/color-picker/ColorPicker.js +44 -44
  79. package/dist/components/color-picker/index.js +2 -8
  80. package/dist/components/color-slider/ColorSlider.css +57 -57
  81. package/dist/components/color-slider/ColorSlider.js +21 -21
  82. package/dist/components/color-slider/index.js +2 -2
  83. package/dist/components/color-swatch/ColorSwatch.css +84 -84
  84. package/dist/components/color-swatch/ColorSwatch.js +14 -14
  85. package/dist/components/color-swatch/index.js +2 -2
  86. package/dist/components/color-swatch-picker/ColorSwatchPicker.css +12 -12
  87. package/dist/components/color-swatch-picker/ColorSwatchPicker.js +14 -14
  88. package/dist/components/color-swatch-picker/index.js +2 -5
  89. package/dist/components/color-wheel-flower/ColorWheelFlower.css +147 -147
  90. package/dist/components/color-wheel-flower/ColorWheelFlower.js +83 -83
  91. package/dist/components/color-wheel-flower/colorWheelFlowerContext.js +3 -3
  92. package/dist/components/color-wheel-flower/index.js +3 -6
  93. package/dist/components/combo-box/ComboBox.css +344 -344
  94. package/dist/components/combo-box/ComboBox.js +90 -90
  95. package/dist/components/combo-box/index.js +2 -10
  96. package/dist/components/date-field/DateField.css +215 -215
  97. package/dist/components/date-field/DateField.js +41 -41
  98. package/dist/components/date-field/index.js +2 -11
  99. package/dist/components/date-picker/DatePicker.css +143 -143
  100. package/dist/components/date-picker/DatePicker.js +40 -40
  101. package/dist/components/date-picker/index.js +2 -3
  102. package/dist/components/date-range-picker/DateRangePicker.css +149 -149
  103. package/dist/components/date-range-picker/DateRangePicker.js +55 -55
  104. package/dist/components/date-range-picker/index.js +2 -3
  105. package/dist/components/description/Description.css +10 -10
  106. package/dist/components/description/Description.js +9 -9
  107. package/dist/components/description/index.js +2 -5
  108. package/dist/components/disclosure/Disclosure.css +84 -84
  109. package/dist/components/disclosure/Disclosure.js +40 -40
  110. package/dist/components/disclosure/index.js +3 -9
  111. package/dist/components/disclosure-group/DisclosureGroup.css +9 -9
  112. package/dist/components/disclosure-group/DisclosureGroup.js +13 -13
  113. package/dist/components/disclosure-group/index.js +4 -6
  114. package/dist/components/disclosure-group/useDisclosureGroupNavigation.js +4 -4
  115. package/dist/components/drawer/Drawer.context.js +3 -3
  116. package/dist/components/drawer/Drawer.css +463 -463
  117. package/dist/components/drawer/Drawer.js +107 -107
  118. package/dist/components/drawer/index.js +2 -15
  119. package/dist/components/dropdown/Dropdown.css +211 -211
  120. package/dist/components/dropdown/Dropdown.js +66 -66
  121. package/dist/components/dropdown/index.js +2 -4
  122. package/dist/components/empty-state/EmptyState.css +39 -39
  123. package/dist/components/empty-state/EmptyState.js +25 -25
  124. package/dist/components/empty-state/index.js +2 -8
  125. package/dist/components/error-message/ErrorMessage.css +20 -20
  126. package/dist/components/error-message/ErrorMessage.js +12 -12
  127. package/dist/components/error-message/index.js +2 -5
  128. package/dist/components/field-error/FieldError.css +27 -27
  129. package/dist/components/field-error/FieldError.js +14 -14
  130. package/dist/components/field-error/index.js +2 -5
  131. package/dist/components/fieldset/Fieldset.css +30 -30
  132. package/dist/components/fieldset/Fieldset.js +21 -21
  133. package/dist/components/fieldset/index.js +2 -8
  134. package/dist/components/flex/Flex.css +5 -5
  135. package/dist/components/flex/Flex.js +14 -14
  136. package/dist/components/flex/index.js +2 -3
  137. package/dist/components/floating-dock/FloatingDock.css +208 -208
  138. package/dist/components/floating-dock/FloatingDock.js +76 -76
  139. package/dist/components/floating-dock/index.js +2 -3
  140. package/dist/components/footer/Footer.js +11 -11
  141. package/dist/components/footer/FooterTitle.js +9 -9
  142. package/dist/components/footer/footer.css +51 -51
  143. package/dist/components/footer/index.js +2 -3
  144. package/dist/components/form/FieldErrorMessage.js +8 -8
  145. package/dist/components/form/Form.css +5 -5
  146. package/dist/components/form/Form.js +21 -21
  147. package/dist/components/form/FormField.js +19 -19
  148. package/dist/components/form/FormSubmitButton.js +11 -11
  149. package/dist/components/form/index.js +5 -12
  150. package/dist/components/glass-panel/GlassPanel.css +359 -359
  151. package/dist/components/glass-panel/GlassPanel.js +29 -29
  152. package/dist/components/glass-panel/index.js +2 -3
  153. package/dist/components/glow-card/GlowCard.css +100 -100
  154. package/dist/components/glow-card/GlowCard.js +10 -10
  155. package/dist/components/glow-card/index.js +2 -3
  156. package/dist/components/grid/Grid.css +5 -5
  157. package/dist/components/grid/Grid.js +15 -15
  158. package/dist/components/grid/index.js +2 -3
  159. package/dist/components/header/Header.css +13 -13
  160. package/dist/components/header/Header.js +12 -12
  161. package/dist/components/header/index.js +2 -5
  162. package/dist/components/icon/Icon.css +10 -10
  163. package/dist/components/icon/Icon.js +8 -8
  164. package/dist/components/icon/index.js +2 -3
  165. package/dist/components/immersive-landing/ImmersiveLanding.css +565 -565
  166. package/dist/components/immersive-landing/ImmersiveLanding.js +44 -44
  167. package/dist/components/immersive-landing/ImmersiveLandingArrows.js +17 -17
  168. package/dist/components/immersive-landing/ImmersiveLandingContext.js +3 -3
  169. package/dist/components/immersive-landing/ImmersiveLandingNavigation.js +36 -36
  170. package/dist/components/immersive-landing/ImmersiveLandingPage.js +15 -15
  171. package/dist/components/immersive-landing/components/CookieConsent.js +71 -71
  172. package/dist/components/immersive-landing/components/FirefoxPWABanner.js +42 -42
  173. package/dist/components/immersive-landing/components/PWAInstallPrompt.js +40 -40
  174. package/dist/components/immersive-landing/index.js +7 -14
  175. package/dist/components/immersive-landing/useImmersiveLanding.js +7 -7
  176. package/dist/components/input/Input.css +155 -155
  177. package/dist/components/input/Input.js +48 -48
  178. package/dist/components/input/index.js +2 -2
  179. package/dist/components/input-group/InputGroup.css +172 -172
  180. package/dist/components/input-group/InputGroup.js +33 -33
  181. package/dist/components/input-group/index.js +2 -9
  182. package/dist/components/input-otp/InputOTP.css +170 -170
  183. package/dist/components/input-otp/InputOTP.js +48 -48
  184. package/dist/components/input-otp/index.js +2 -11
  185. package/dist/components/join/Join.js +14 -14
  186. package/dist/components/join/index.js +2 -3
  187. package/dist/components/kbd/Kbd.css +60 -60
  188. package/dist/components/kbd/Kbd.js +20 -20
  189. package/dist/components/kbd/index.js +2 -8
  190. package/dist/components/label/Label.css +30 -30
  191. package/dist/components/label/Label.js +9 -9
  192. package/dist/components/label/index.js +2 -5
  193. package/dist/components/language-switcher/LanguageSwitcher.css +56 -56
  194. package/dist/components/language-switcher/LanguageSwitcher.js +26 -26
  195. package/dist/components/language-switcher/createI18n.js +8 -8
  196. package/dist/components/language-switcher/index.js +3 -8
  197. package/dist/components/link/Link.css +131 -131
  198. package/dist/components/link/Link.js +22 -22
  199. package/dist/components/link/index.js +2 -5
  200. package/dist/components/list-box/ListBox.css +148 -148
  201. package/dist/components/list-box/ListBox.js +17 -17
  202. package/dist/components/list-box/ListBoxItem.js +32 -32
  203. package/dist/components/list-box/ListBoxSection.js +13 -13
  204. package/dist/components/list-box/context.js +2 -2
  205. package/dist/components/list-box/index.js +9 -15
  206. package/dist/components/live-chat/LiveChat.css +324 -324
  207. package/dist/components/live-chat/LiveChatBubble.js +27 -27
  208. package/dist/components/live-chat/LiveChatPanel.js +62 -62
  209. package/dist/components/live-chat/index.js +3 -5
  210. package/dist/components/menu/Menu.css +199 -199
  211. package/dist/components/menu/Menu.js +25 -30
  212. package/dist/components/menu/MenuItem.js +38 -38
  213. package/dist/components/menu/MenuSection.js +13 -13
  214. package/dist/components/menu/context.js +2 -2
  215. package/dist/components/menu/index.js +3 -12
  216. package/dist/components/meter/Meter.css +89 -89
  217. package/dist/components/meter/Meter.js +31 -31
  218. package/dist/components/meter/index.js +2 -8
  219. package/dist/components/modal/Modal.css +320 -320
  220. package/dist/components/modal/Modal.js +80 -80
  221. package/dist/components/modal/index.js +2 -13
  222. package/dist/components/navbar/Navbar.css +110 -110
  223. package/dist/components/navbar/Navbar.js +18 -18
  224. package/dist/components/navbar/NavbarRow.js +10 -10
  225. package/dist/components/navbar/NavbarSection.js +9 -9
  226. package/dist/components/navbar/NavbarStack.js +10 -10
  227. package/dist/components/navbar/index.js +2 -3
  228. package/dist/components/noise-background/NoiseBackground.css +66 -66
  229. package/dist/components/noise-background/NoiseBackground.js +35 -35
  230. package/dist/components/noise-background/index.js +2 -3
  231. package/dist/components/number-field/NumberField.css +198 -198
  232. package/dist/components/number-field/NumberField.js +42 -42
  233. package/dist/components/number-field/index.js +2 -9
  234. package/dist/components/pagination/Pagination.css +121 -121
  235. package/dist/components/pagination/Pagination.js +34 -34
  236. package/dist/components/pagination/index.js +2 -3
  237. package/dist/components/password-field/PasswordField.js +15 -15
  238. package/dist/components/password-field/index.js +2 -3
  239. package/dist/components/password-requirements/PasswordRequirements.js +24 -24
  240. package/dist/components/password-requirements/index.js +2 -3
  241. package/dist/components/password-rules/index.js +2 -4
  242. package/dist/components/popover/Popover.css +117 -117
  243. package/dist/components/popover/Popover.js +50 -50
  244. package/dist/components/popover/index.js +3 -9
  245. package/dist/components/progress-bar/ProgressBar.css +104 -104
  246. package/dist/components/progress-bar/ProgressBar.js +27 -27
  247. package/dist/components/progress-bar/index.js +2 -3
  248. package/dist/components/progress-circle/ProgressCircle.css +82 -82
  249. package/dist/components/progress-circle/ProgressCircle.js +32 -32
  250. package/dist/components/progress-circle/index.js +2 -3
  251. package/dist/components/radio/Radio.css +129 -129
  252. package/dist/components/radio/Radio.js +27 -27
  253. package/dist/components/radio/index.js +2 -3
  254. package/dist/components/radio-group/RadioGroup.css +58 -58
  255. package/dist/components/radio-group/RadioGroup.js +33 -33
  256. package/dist/components/radio-group/context.js +2 -2
  257. package/dist/components/radio-group/index.js +3 -4
  258. package/dist/components/range-calendar/RangeCalendar.css +51 -51
  259. package/dist/components/range-calendar/RangeCalendar.js +15 -15
  260. package/dist/components/range-calendar/index.js +2 -3
  261. package/dist/components/scroll-shadow/ScrollShadow.css +93 -93
  262. package/dist/components/scroll-shadow/ScrollShadow.js +19 -19
  263. package/dist/components/scroll-shadow/index.js +2 -3
  264. package/dist/components/scroll-shadow/useScrollShadow.js +3 -3
  265. package/dist/components/search-field/SearchField.css +183 -183
  266. package/dist/components/search-field/SearchField.js +38 -38
  267. package/dist/components/search-field/index.js +2 -9
  268. package/dist/components/select/Select.css +284 -284
  269. package/dist/components/select/Select.js +129 -129
  270. package/dist/components/select/index.js +2 -3
  271. package/dist/components/separator/Separator.css +35 -35
  272. package/dist/components/separator/Separator.js +11 -11
  273. package/dist/components/separator/index.js +2 -4
  274. package/dist/components/size-picker/SizePicker.js +17 -17
  275. package/dist/components/size-picker/index.js +3 -6
  276. package/dist/components/size-picker/sizeStore.js +3 -3
  277. package/dist/components/skeleton/Skeleton.css +95 -95
  278. package/dist/components/skeleton/Skeleton.js +8 -8
  279. package/dist/components/skeleton/index.js +2 -3
  280. package/dist/components/slider/Slider.css +122 -122
  281. package/dist/components/slider/Slider.js +26 -26
  282. package/dist/components/slider/index.js +2 -3
  283. package/dist/components/spinner/Spinner.css +131 -131
  284. package/dist/components/spinner/Spinner.js +19 -19
  285. package/dist/components/spinner/index.js +2 -5
  286. package/dist/components/surface/Surface.css +37 -37
  287. package/dist/components/surface/Surface.js +9 -9
  288. package/dist/components/surface/index.js +2 -4
  289. package/dist/components/table/ExpandToggle.js +14 -14
  290. package/dist/components/table/InlineConfirm.js +11 -11
  291. package/dist/components/table/MobileListView.js +24 -24
  292. package/dist/components/table/SortIcon.js +13 -13
  293. package/dist/components/table/Table.css +426 -426
  294. package/dist/components/table/Table.js +80 -80
  295. package/dist/components/table/VirtualSpacerRow.js +8 -8
  296. package/dist/components/table/index.js +8 -38
  297. package/dist/components/tabs/Tabs.css +203 -203
  298. package/dist/components/tabs/Tabs.js +59 -59
  299. package/dist/components/tabs/index.js +2 -4
  300. package/dist/components/tag/Tag.css +121 -121
  301. package/dist/components/tag/Tag.js +40 -40
  302. package/dist/components/tag/index.js +2 -6
  303. package/dist/components/tag-group/TagGroup.css +22 -22
  304. package/dist/components/tag-group/TagGroup.js +20 -20
  305. package/dist/components/tag-group/context.js +2 -2
  306. package/dist/components/tag-group/index.js +2 -6
  307. package/dist/components/text/Text.css +66 -66
  308. package/dist/components/text/Text.js +9 -9
  309. package/dist/components/text/index.js +2 -5
  310. package/dist/components/text-area/TextArea.css +95 -95
  311. package/dist/components/text-area/TextArea.js +10 -10
  312. package/dist/components/text-area/index.js +2 -5
  313. package/dist/components/text-field/TextField.css +33 -33
  314. package/dist/components/text-field/TextField.js +15 -15
  315. package/dist/components/text-field/index.js +2 -7
  316. package/dist/components/textarea/Textarea.js +11 -13
  317. package/dist/components/textarea/index.js +2 -6
  318. package/dist/components/theme-color-picker/ThemeColorPicker.js +49 -49
  319. package/dist/components/theme-color-picker/hueShift.js +3 -3
  320. package/dist/components/theme-color-picker/index.js +3 -7
  321. package/dist/components/time-field/TimeField.css +215 -215
  322. package/dist/components/time-field/TimeField.js +41 -41
  323. package/dist/components/time-field/index.js +2 -11
  324. package/dist/components/toast/Toast.css +344 -344
  325. package/dist/components/toast/Toast.js +98 -98
  326. package/dist/components/toast/index.js +2 -19
  327. package/dist/components/toggle/Toggle.css +237 -237
  328. package/dist/components/toggle/Toggle.js +31 -31
  329. package/dist/components/toggle/index.js +2 -3
  330. package/dist/components/toolbar/Toolbar.css +55 -55
  331. package/dist/components/toolbar/Toolbar.js +10 -10
  332. package/dist/components/toolbar/index.js +2 -5
  333. package/dist/components/tooltip/Tooltip.css +153 -153
  334. package/dist/components/tooltip/Tooltip.js +36 -36
  335. package/dist/components/tooltip/index.js +2 -7
  336. package/dist/components/utils.js +6 -7
  337. package/dist/components/video-preview/VideoPreview.js +15 -15
  338. package/dist/components/video-preview/index.js +2 -3
  339. package/dist/hooks/date/useCalendarNavigation.js +18 -18
  340. package/dist/hooks/date/useCalendarState.js +19 -19
  341. package/dist/hooks/date/useDateSelection.js +7 -7
  342. package/dist/hooks/date/usePickerOpenState.js +8 -8
  343. package/dist/hooks/date/useRangeSelection.js +16 -16
  344. package/dist/hooks/form/FormContext.js +3 -3
  345. package/dist/hooks/form/createForm.js +4 -4
  346. package/dist/hooks/form/index.js +5 -10
  347. package/dist/hooks/form/useFieldNew.js +10 -10
  348. package/dist/hooks/layout/index.js +2 -3
  349. package/dist/hooks/layout/useDesktop.js +4 -4
  350. package/dist/hooks/table/index.js +9 -18
  351. package/dist/hooks/table/useAnchoredOverlayPosition.js +4 -4
  352. package/dist/hooks/table/useTableExpansion.js +4 -4
  353. package/dist/hooks/table/useTableFiltering.js +8 -8
  354. package/dist/hooks/table/useTableModel.js +10 -10
  355. package/dist/hooks/table/useTablePagination.js +4 -4
  356. package/dist/hooks/table/useTableSelection.js +4 -4
  357. package/dist/hooks/table/useTableSorting.js +6 -6
  358. package/dist/index.css +74 -74
  359. package/dist/index.js +108 -398
  360. package/dist/lib/refs/index.js +2 -3
  361. package/dist/lib/refs/mergeRefs.js +2 -2
  362. package/dist/lib/style/index.js +2 -4
  363. package/dist/lib/tag/createIsButton.js +4 -4
  364. package/dist/lib/tag/createTagName.js +2 -2
  365. package/dist/lib/tag/index.js +3 -7
  366. package/dist/motion/engine.js +4 -4
  367. package/dist/motion/index.js +11 -39
  368. package/dist/motion/popmotion.js +2 -2
  369. package/dist/motion/presets.js +4 -4
  370. package/dist/motion/route.js +7 -7
  371. package/dist/motion/solid/AnimatedCollapse.js +27 -27
  372. package/dist/motion/solid/MotionDiv.js +13 -13
  373. package/dist/motion/solid/Presence.js +9 -9
  374. package/dist/motion/solid/index.js +4 -10
  375. package/dist/motion/system.js +9 -9
  376. package/dist/primitives/streaming/index.js +3 -5
  377. package/dist/primitives/streaming/useStreamingBuffer.js +2 -2
  378. package/dist/primitives/streaming/useStreamingSubscription.js +7 -7
  379. package/dist/primitives/virtualizer/index.js +2 -3
  380. package/dist/primitives/virtualizer/useVirtualRows.js +7 -7
  381. package/dist/purge-manifest.json +15599 -15825
  382. package/dist/styles/base/index.css +43 -43
  383. package/dist/styles/themes/dark.css +141 -141
  384. package/dist/styles/themes/light.css +143 -143
  385. package/package.json +41 -34
@@ -1,11 +1,11 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
1
+ import { Portal, createComponent, insert, mergeProps, spread, template, use } from "solid-js/web";
2
2
  import "./Dropdown.css";
3
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
4
- import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
5
- import * as __WEBPACK_EXTERNAL_MODULE__shared_overlayPosition_js_ab299723__ from "../_shared/overlayPosition.js";
6
- import * as __WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__ from "./Dropdown.classes.js";
7
- var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<button>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div><div>");
8
- const DropdownContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
3
+ import { Show, createContext, createEffect, createSignal, createUniqueId, onCleanup, onMount, splitProps, useContext } from "solid-js";
4
+ import { twMerge } from "tailwind-merge";
5
+ import { createOverlayPosition } from "../_shared/overlayPosition.js";
6
+ import { CLASSES } from "./Dropdown.classes.js";
7
+ var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<button>"), _tmpl$3 = /*#__PURE__*/ template("<div><div>");
8
+ const DropdownContext = createContext();
9
9
  const invokeEventHandler = (handler, event)=>{
10
10
  if ("function" == typeof handler) return void handler(event);
11
11
  if (Array.isArray(handler) && "function" == typeof handler[0]) handler[0](handler[1], event);
@@ -20,7 +20,7 @@ const sortItemsByDomOrder = (items)=>[
20
20
  return 0;
21
21
  });
22
22
  const DropdownRoot = (props)=>{
23
- const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
23
+ const [local, others] = splitProps(props, [
24
24
  "children",
25
25
  "class",
26
26
  "open",
@@ -33,16 +33,16 @@ const DropdownRoot = (props)=>{
33
33
  "className",
34
34
  "ref"
35
35
  ]);
36
- const baseId = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
36
+ const baseId = createUniqueId();
37
37
  const triggerId = `${baseId}-trigger`;
38
38
  const menuId = `${baseId}-menu`;
39
- const [internalOpen, setInternalOpen] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(Boolean(local.defaultOpen));
40
- const [items, setItems] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)([]);
41
- const [focusedKey, setFocusedKey] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(void 0);
42
- const [focusRequest, setFocusRequest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(null);
43
- const [triggerRef, setTriggerRefSignal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(void 0);
44
- const [menuRef, setMenuRefSignal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(void 0);
45
- const [rootRef, setRootRefSignal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(void 0);
39
+ const [internalOpen, setInternalOpen] = createSignal(Boolean(local.defaultOpen));
40
+ const [items, setItems] = createSignal([]);
41
+ const [focusedKey, setFocusedKey] = createSignal(void 0);
42
+ const [focusRequest, setFocusRequest] = createSignal(null);
43
+ const [triggerRef, setTriggerRefSignal] = createSignal(void 0);
44
+ const [menuRef, setMenuRefSignal] = createSignal(void 0);
45
+ const [rootRef, setRootRefSignal] = createSignal(void 0);
46
46
  const isControlled = ()=>void 0 !== local.open;
47
47
  const isDisabled = ()=>Boolean(local.disabled);
48
48
  const open = ()=>isControlled() ? Boolean(local.open) : internalOpen();
@@ -104,14 +104,14 @@ const DropdownRoot = (props)=>{
104
104
  setItems((prev)=>prev.filter((item)=>item.key !== key));
105
105
  if (focusedKey() === key) setFocusedKey(void 0);
106
106
  };
107
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
107
+ createEffect(()=>{
108
108
  if (!open()) return;
109
109
  const request = focusRequest();
110
110
  if (!request) return;
111
111
  focusBoundary("first" === request ? "first" : "last");
112
112
  setFocusRequest(null);
113
113
  });
114
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createEffect)(()=>{
114
+ createEffect(()=>{
115
115
  const list = items();
116
116
  const currentFocused = focusedKey();
117
117
  if (currentFocused && !list.some((item)=>item.key === currentFocused)) return void setFocusedKey(void 0);
@@ -120,7 +120,7 @@ const DropdownRoot = (props)=>{
120
120
  if (firstEnabled) setFocusedKey(firstEnabled.key);
121
121
  }
122
122
  });
123
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
123
+ onMount(()=>{
124
124
  const handlePointerDown = (event)=>{
125
125
  if (!open()) return;
126
126
  const target = event.target;
@@ -130,11 +130,11 @@ const DropdownRoot = (props)=>{
130
130
  setOpen(false);
131
131
  };
132
132
  document.addEventListener("pointerdown", handlePointerDown);
133
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
133
+ onCleanup(()=>{
134
134
  document.removeEventListener("pointerdown", handlePointerDown);
135
135
  });
136
136
  });
137
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(DropdownContext.Provider, {
137
+ return createComponent(DropdownContext.Provider, {
138
138
  value: {
139
139
  open,
140
140
  disabled: isDisabled,
@@ -159,9 +159,9 @@ const DropdownRoot = (props)=>{
159
159
  },
160
160
  get children () {
161
161
  var _el$ = _tmpl$();
162
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(setRootRef, _el$);
163
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
164
- class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.base, local.class, local.className)
162
+ use(setRootRef, _el$);
163
+ spread(_el$, mergeProps(others, ()=>({
164
+ class: twMerge(CLASSES.base, local.class, local.className)
165
165
  }), {
166
166
  get ["data-theme"] () {
167
167
  return local.dataTheme;
@@ -171,14 +171,14 @@ const DropdownRoot = (props)=>{
171
171
  return open() ? "true" : "false";
172
172
  }
173
173
  }), false, true);
174
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
174
+ insert(_el$, ()=>local.children);
175
175
  return _el$;
176
176
  }
177
177
  });
178
178
  };
179
179
  const DropdownTrigger = (props)=>{
180
- const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(DropdownContext);
181
- const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
180
+ const ctx = useContext(DropdownContext);
181
+ const [local, others] = splitProps(props, [
182
182
  "class",
183
183
  "children",
184
184
  "disabled",
@@ -189,14 +189,14 @@ const DropdownTrigger = (props)=>{
189
189
  ]);
190
190
  if (!ctx) return (()=>{
191
191
  var _el$2 = _tmpl$2();
192
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
193
- class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.trigger, local.class)
192
+ spread(_el$2, mergeProps(others, ()=>({
193
+ class: twMerge(CLASSES.slot.trigger, local.class)
194
194
  }), {
195
195
  get type () {
196
196
  return local.type ?? "button";
197
197
  }
198
198
  }), false, true);
199
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
199
+ insert(_el$2, ()=>local.children);
200
200
  return _el$2;
201
201
  })();
202
202
  const isDisabled = ()=>Boolean(local.disabled) || ctx.disabled();
@@ -247,8 +247,8 @@ const DropdownTrigger = (props)=>{
247
247
  };
248
248
  return (()=>{
249
249
  var _el$3 = _tmpl$2();
250
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(setRef, _el$3);
251
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
250
+ use(setRef, _el$3);
251
+ spread(_el$3, mergeProps(others, {
252
252
  get id () {
253
253
  return ctx.triggerId;
254
254
  },
@@ -256,7 +256,7 @@ const DropdownTrigger = (props)=>{
256
256
  return local.type ?? "button";
257
257
  }
258
258
  }, ()=>({
259
- class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.trigger, local.class)
259
+ class: twMerge(CLASSES.slot.trigger, local.class)
260
260
  }), {
261
261
  "data-slot": "dropdown-trigger",
262
262
  "aria-haspopup": "menu",
@@ -272,13 +272,13 @@ const DropdownTrigger = (props)=>{
272
272
  onClick: handleClick,
273
273
  onKeyDown: handleKeyDown
274
274
  }), false, true);
275
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
275
+ insert(_el$3, ()=>local.children);
276
276
  return _el$3;
277
277
  })();
278
278
  };
279
279
  const DropdownMenu = (props)=>{
280
- const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(DropdownContext);
281
- const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
280
+ const ctx = useContext(DropdownContext);
281
+ const [local, others] = splitProps(props, [
282
282
  "class",
283
283
  "children",
284
284
  "align",
@@ -291,16 +291,16 @@ const DropdownMenu = (props)=>{
291
291
  ]);
292
292
  if (!ctx) return (()=>{
293
293
  var _el$4 = _tmpl$3(), _el$5 = _el$4.firstChild;
294
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
295
- class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.popover, local.class)
294
+ spread(_el$4, mergeProps(others, ()=>({
295
+ class: twMerge(CLASSES.slot.popover, local.class)
296
296
  })), false, true);
297
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
298
- class: __WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.menu
297
+ spread(_el$5, mergeProps(()=>({
298
+ class: CLASSES.slot.menu
299
299
  })), false, true);
300
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.children);
300
+ insert(_el$5, ()=>local.children);
301
301
  return _el$4;
302
302
  })();
303
- const overlayPosition = (0, __WEBPACK_EXTERNAL_MODULE__shared_overlayPosition_js_ab299723__.createOverlayPosition)({
303
+ const overlayPosition = createOverlayPosition({
304
304
  open: ctx.open,
305
305
  triggerRef: ctx.triggerRef,
306
306
  overlayRef: ctx.menuRef,
@@ -353,22 +353,22 @@ const DropdownMenu = (props)=>{
353
353
  ...overlayStyle
354
354
  };
355
355
  };
356
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
356
+ return createComponent(Show, {
357
357
  get when () {
358
358
  return ctx.open();
359
359
  },
360
360
  get children () {
361
- return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Portal, {
361
+ return createComponent(Portal, {
362
362
  get children () {
363
363
  var _el$6 = _tmpl$3(), _el$7 = _el$6.firstChild;
364
364
  var _ref$ = ctx.setMenuRef;
365
- "function" == typeof _ref$ ? (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(_ref$, _el$6) : ctx.setMenuRef = _el$6;
366
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$6, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
365
+ "function" == typeof _ref$ ? use(_ref$, _el$6) : ctx.setMenuRef = _el$6;
366
+ spread(_el$6, mergeProps(others, {
367
367
  get id () {
368
368
  return ctx.menuId;
369
369
  }
370
370
  }, ()=>({
371
- class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.popover, local.class)
371
+ class: twMerge(CLASSES.slot.popover, local.class)
372
372
  }), {
373
373
  get role () {
374
374
  return local.role ?? "menu";
@@ -391,12 +391,12 @@ const DropdownMenu = (props)=>{
391
391
  },
392
392
  onKeyDown: handleKeyDown
393
393
  }), false, true);
394
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$7, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(()=>({
395
- class: __WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.menu
394
+ spread(_el$7, mergeProps(()=>({
395
+ class: CLASSES.slot.menu
396
396
  }), {
397
397
  "data-slot": "dropdown-menu"
398
398
  }), false, true);
399
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$7, ()=>local.children);
399
+ insert(_el$7, ()=>local.children);
400
400
  return _el$6;
401
401
  }
402
402
  });
@@ -404,8 +404,8 @@ const DropdownMenu = (props)=>{
404
404
  });
405
405
  };
406
406
  const DropdownItem = (props)=>{
407
- const ctx = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(DropdownContext);
408
- const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
407
+ const ctx = useContext(DropdownContext);
408
+ const [local, others] = splitProps(props, [
409
409
  "class",
410
410
  "children",
411
411
  "disabled",
@@ -417,17 +417,17 @@ const DropdownItem = (props)=>{
417
417
  "role",
418
418
  "type"
419
419
  ]);
420
- const itemKey = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createUniqueId)();
420
+ const itemKey = createUniqueId();
421
421
  let itemRef;
422
422
  if (ctx) {
423
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onMount)(()=>{
423
+ onMount(()=>{
424
424
  if (itemRef) ctx.registerItem({
425
425
  key: itemKey,
426
426
  ref: itemRef,
427
427
  disabled: Boolean(local.disabled)
428
428
  });
429
429
  });
430
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.onCleanup)(()=>{
430
+ onCleanup(()=>{
431
431
  ctx.unregisterItem(itemKey);
432
432
  });
433
433
  }
@@ -456,8 +456,8 @@ const DropdownItem = (props)=>{
456
456
  };
457
457
  return (()=>{
458
458
  var _el$8 = _tmpl$2();
459
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)(setRef, _el$8);
460
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$8, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
459
+ use(setRef, _el$8);
460
+ spread(_el$8, mergeProps(others, {
461
461
  get type () {
462
462
  return local.type ?? "button";
463
463
  },
@@ -465,7 +465,7 @@ const DropdownItem = (props)=>{
465
465
  return local.role ?? "menuitem";
466
466
  }
467
467
  }, ()=>({
468
- class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.item, local.class)
468
+ class: twMerge(CLASSES.slot.item, local.class)
469
469
  }), {
470
470
  "data-slot": "menu-item",
471
471
  get ["data-disabled"] () {
@@ -487,38 +487,38 @@ const DropdownItem = (props)=>{
487
487
  onMouseEnter: handleMouseEnter,
488
488
  onFocus: handleFocus
489
489
  }), false, true);
490
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$8, ()=>local.children);
490
+ insert(_el$8, ()=>local.children);
491
491
  return _el$8;
492
492
  })();
493
493
  };
494
494
  const DropdownGroup = (props)=>{
495
- const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
495
+ const [local, others] = splitProps(props, [
496
496
  "class",
497
497
  "children"
498
498
  ]);
499
499
  return (()=>{
500
500
  var _el$9 = _tmpl$();
501
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$9, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
501
+ spread(_el$9, mergeProps(others, {
502
502
  role: "group"
503
503
  }, ()=>({
504
- class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.group, local.class)
504
+ class: twMerge(CLASSES.slot.group, local.class)
505
505
  }), {
506
506
  "data-slot": "dropdown-group"
507
507
  }), false, true);
508
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$9, ()=>local.children);
508
+ insert(_el$9, ()=>local.children);
509
509
  return _el$9;
510
510
  })();
511
511
  };
512
512
  const DropdownSeparator = (props)=>{
513
- const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
513
+ const [local, others] = splitProps(props, [
514
514
  "class"
515
515
  ]);
516
516
  return (()=>{
517
517
  var _el$0 = _tmpl$();
518
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$0, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
518
+ spread(_el$0, mergeProps(others, {
519
519
  role: "separator"
520
520
  }, ()=>({
521
- class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__Dropdown_classes_js_de10768c__.CLASSES.slot.separator, local.class)
521
+ class: twMerge(CLASSES.slot.separator, local.class)
522
522
  }), {
523
523
  "data-slot": "separator",
524
524
  "aria-orientation": "horizontal"
@@ -1,4 +1,2 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE__Dropdown_js_379094a4__ from "./Dropdown.js";
2
- var __webpack_exports__Dropdown = __WEBPACK_EXTERNAL_MODULE__Dropdown_js_379094a4__.Dropdown;
3
- var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Dropdown_js_379094a4__["default"];
4
- export { __webpack_exports__Dropdown as Dropdown, __webpack_exports__default as default };
1
+ import external_Dropdown_js_default, { Dropdown } from "./Dropdown.js";
2
+ export { Dropdown, external_Dropdown_js_default as default };
@@ -1,39 +1,39 @@
1
- @layer components {
2
- .empty-state {
3
- display: flex;
4
- flex-direction: column;
5
- align-items: center;
6
- justify-content: center;
7
- gap: 0.75rem;
8
- padding: 3rem 1.5rem;
9
- text-align: center;
10
- }
11
-
12
- .empty-state__icon {
13
- display: flex;
14
- align-items: center;
15
- justify-content: center;
16
- color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
17
- }
18
-
19
- .empty-state__title {
20
- font-size: 0.875rem;
21
- font-weight: 600;
22
- color: var(--color-base-content);
23
- margin: 0;
24
- }
25
-
26
- .empty-state__description {
27
- font-size: 0.875rem;
28
- color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
29
- max-width: 24rem;
30
- margin: 0;
31
- }
32
-
33
- .empty-state__actions {
34
- display: flex;
35
- align-items: center;
36
- gap: 0.5rem;
37
- margin-top: 0.5rem;
38
- }
39
- }
1
+ @layer components {
2
+ .empty-state {
3
+ display: flex;
4
+ flex-direction: column;
5
+ align-items: center;
6
+ justify-content: center;
7
+ gap: 0.75rem;
8
+ padding: 3rem 1.5rem;
9
+ text-align: center;
10
+ }
11
+
12
+ .empty-state__icon {
13
+ display: flex;
14
+ align-items: center;
15
+ justify-content: center;
16
+ color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
17
+ }
18
+
19
+ .empty-state__title {
20
+ font-size: 0.875rem;
21
+ font-weight: 600;
22
+ color: var(--color-base-content);
23
+ margin: 0;
24
+ }
25
+
26
+ .empty-state__description {
27
+ font-size: 0.875rem;
28
+ color: color-mix(in oklab, var(--color-base-content) 60%, transparent);
29
+ max-width: 24rem;
30
+ margin: 0;
31
+ }
32
+
33
+ .empty-state__actions {
34
+ display: flex;
35
+ align-items: center;
36
+ gap: 0.5rem;
37
+ margin-top: 0.5rem;
38
+ }
39
+ }
@@ -1,11 +1,11 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
1
+ import { insert, mergeProps, spread, template } from "solid-js/web";
2
2
  import "./EmptyState.css";
3
- import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
4
- import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
5
- import * as __WEBPACK_EXTERNAL_MODULE__EmptyState_classes_js_726ce366__ from "./EmptyState.classes.js";
6
- var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>"), _tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<h3>"), _tmpl$3 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<p>");
3
+ import { splitProps } from "solid-js";
4
+ import { twMerge } from "tailwind-merge";
5
+ import { CLASSES } from "./EmptyState.classes.js";
6
+ var _tmpl$ = /*#__PURE__*/ template("<div>"), _tmpl$2 = /*#__PURE__*/ template("<h3>"), _tmpl$3 = /*#__PURE__*/ template("<p>");
7
7
  const EmptyStateRoot = (props)=>{
8
- const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
8
+ const [local, others] = splitProps(props, [
9
9
  "children",
10
10
  "class",
11
11
  "className",
@@ -14,10 +14,10 @@ const EmptyStateRoot = (props)=>{
14
14
  ]);
15
15
  return (()=>{
16
16
  var _el$ = _tmpl$();
17
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
17
+ spread(_el$, mergeProps(others, {
18
18
  role: "status"
19
19
  }, ()=>({
20
- class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__EmptyState_classes_js_726ce366__.CLASSES.base, local.class, local.className)
20
+ class: twMerge(CLASSES.base, local.class, local.className)
21
21
  }), {
22
22
  "data-slot": "empty-state",
23
23
  get ["data-theme"] () {
@@ -27,12 +27,12 @@ const EmptyStateRoot = (props)=>{
27
27
  return local.style;
28
28
  }
29
29
  }), false, true);
30
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.children);
30
+ insert(_el$, ()=>local.children);
31
31
  return _el$;
32
32
  })();
33
33
  };
34
34
  const EmptyStateIcon = (props)=>{
35
- const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
35
+ const [local, others] = splitProps(props, [
36
36
  "children",
37
37
  "class",
38
38
  "className",
@@ -41,8 +41,8 @@ const EmptyStateIcon = (props)=>{
41
41
  ]);
42
42
  return (()=>{
43
43
  var _el$2 = _tmpl$();
44
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$2, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
45
- class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__EmptyState_classes_js_726ce366__.CLASSES.slot.icon, local.class, local.className)
44
+ spread(_el$2, mergeProps(others, ()=>({
45
+ class: twMerge(CLASSES.slot.icon, local.class, local.className)
46
46
  }), {
47
47
  "data-slot": "empty-state-icon",
48
48
  get ["data-theme"] () {
@@ -53,12 +53,12 @@ const EmptyStateIcon = (props)=>{
53
53
  },
54
54
  "aria-hidden": "true"
55
55
  }), false, true);
56
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$2, ()=>local.children);
56
+ insert(_el$2, ()=>local.children);
57
57
  return _el$2;
58
58
  })();
59
59
  };
60
60
  const EmptyStateTitle = (props)=>{
61
- const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
61
+ const [local, others] = splitProps(props, [
62
62
  "children",
63
63
  "class",
64
64
  "className",
@@ -67,8 +67,8 @@ const EmptyStateTitle = (props)=>{
67
67
  ]);
68
68
  return (()=>{
69
69
  var _el$3 = _tmpl$2();
70
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$3, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
71
- class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__EmptyState_classes_js_726ce366__.CLASSES.slot.title, local.class, local.className)
70
+ spread(_el$3, mergeProps(others, ()=>({
71
+ class: twMerge(CLASSES.slot.title, local.class, local.className)
72
72
  }), {
73
73
  "data-slot": "empty-state-title",
74
74
  get ["data-theme"] () {
@@ -78,12 +78,12 @@ const EmptyStateTitle = (props)=>{
78
78
  return local.style;
79
79
  }
80
80
  }), false, true);
81
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$3, ()=>local.children);
81
+ insert(_el$3, ()=>local.children);
82
82
  return _el$3;
83
83
  })();
84
84
  };
85
85
  const EmptyStateDescription = (props)=>{
86
- const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
86
+ const [local, others] = splitProps(props, [
87
87
  "children",
88
88
  "class",
89
89
  "className",
@@ -92,8 +92,8 @@ const EmptyStateDescription = (props)=>{
92
92
  ]);
93
93
  return (()=>{
94
94
  var _el$4 = _tmpl$3();
95
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$4, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
96
- class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__EmptyState_classes_js_726ce366__.CLASSES.slot.description, local.class, local.className)
95
+ spread(_el$4, mergeProps(others, ()=>({
96
+ class: twMerge(CLASSES.slot.description, local.class, local.className)
97
97
  }), {
98
98
  "data-slot": "empty-state-description",
99
99
  get ["data-theme"] () {
@@ -103,12 +103,12 @@ const EmptyStateDescription = (props)=>{
103
103
  return local.style;
104
104
  }
105
105
  }), false, true);
106
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$4, ()=>local.children);
106
+ insert(_el$4, ()=>local.children);
107
107
  return _el$4;
108
108
  })();
109
109
  };
110
110
  const EmptyStateActions = (props)=>{
111
- const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
111
+ const [local, others] = splitProps(props, [
112
112
  "children",
113
113
  "class",
114
114
  "className",
@@ -117,8 +117,8 @@ const EmptyStateActions = (props)=>{
117
117
  ]);
118
118
  return (()=>{
119
119
  var _el$5 = _tmpl$();
120
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$5, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, ()=>({
121
- class: (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)(__WEBPACK_EXTERNAL_MODULE__EmptyState_classes_js_726ce366__.CLASSES.slot.actions, local.class, local.className)
120
+ spread(_el$5, mergeProps(others, ()=>({
121
+ class: twMerge(CLASSES.slot.actions, local.class, local.className)
122
122
  }), {
123
123
  "data-slot": "empty-state-actions",
124
124
  get ["data-theme"] () {
@@ -128,7 +128,7 @@ const EmptyStateActions = (props)=>{
128
128
  return local.style;
129
129
  }
130
130
  }), false, true);
131
- (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$5, ()=>local.children);
131
+ insert(_el$5, ()=>local.children);
132
132
  return _el$5;
133
133
  })();
134
134
  };
@@ -1,8 +1,2 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE__EmptyState_js_010733b6__ from "./EmptyState.js";
2
- var __webpack_exports__EmptyState = __WEBPACK_EXTERNAL_MODULE__EmptyState_js_010733b6__["default"];
3
- var __webpack_exports__EmptyStateActions = __WEBPACK_EXTERNAL_MODULE__EmptyState_js_010733b6__.EmptyStateActions;
4
- var __webpack_exports__EmptyStateDescription = __WEBPACK_EXTERNAL_MODULE__EmptyState_js_010733b6__.EmptyStateDescription;
5
- var __webpack_exports__EmptyStateIcon = __WEBPACK_EXTERNAL_MODULE__EmptyState_js_010733b6__.EmptyStateIcon;
6
- var __webpack_exports__EmptyStateRoot = __WEBPACK_EXTERNAL_MODULE__EmptyState_js_010733b6__.EmptyStateRoot;
7
- var __webpack_exports__EmptyStateTitle = __WEBPACK_EXTERNAL_MODULE__EmptyState_js_010733b6__.EmptyStateTitle;
8
- export { __webpack_exports__EmptyState as EmptyState, __webpack_exports__EmptyStateActions as EmptyStateActions, __webpack_exports__EmptyStateDescription as EmptyStateDescription, __webpack_exports__EmptyStateIcon as EmptyStateIcon, __webpack_exports__EmptyStateRoot as EmptyStateRoot, __webpack_exports__EmptyStateTitle as EmptyStateTitle };
1
+ import external_EmptyState_js_default, { EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, EmptyStateTitle } from "./EmptyState.js";
2
+ export { external_EmptyState_js_default as EmptyState, EmptyStateActions, EmptyStateDescription, EmptyStateIcon, EmptyStateRoot, EmptyStateTitle };
@@ -1,20 +1,20 @@
1
- @layer components {
2
- .error-message {
3
- height: auto;
4
- font-size: 0.75rem;
5
- line-height: 1rem;
6
- text-wrap: wrap;
7
- overflow-wrap: break-word;
8
- word-break: break-word;
9
- color: var(--color-danger);
10
- transition:
11
- opacity 150ms var(--ease-out),
12
- height 350ms var(--ease-smooth);
13
- }
14
-
15
- @media (prefers-reduced-motion: reduce) {
16
- .error-message {
17
- transition: none;
18
- }
19
- }
20
- }
1
+ @layer components {
2
+ .error-message {
3
+ height: auto;
4
+ font-size: 0.75rem;
5
+ line-height: 1rem;
6
+ text-wrap: wrap;
7
+ overflow-wrap: break-word;
8
+ word-break: break-word;
9
+ color: var(--color-danger);
10
+ transition:
11
+ opacity 150ms var(--ease-out),
12
+ height 350ms var(--ease-smooth);
13
+ }
14
+
15
+ @media (prefers-reduced-motion: reduce) {
16
+ .error-message {
17
+ transition: none;
18
+ }
19
+ }
20
+ }