@pathscale/ui 0.0.162 → 0.0.163

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 (469) hide show
  1. package/dist/accordion/collapse.css +248 -0
  2. package/dist/alert/alert.css +123 -0
  3. package/dist/avatar/avatar.css +58 -0
  4. package/dist/badge/badge.css +128 -0
  5. package/dist/breadcrumbs/breadcrumbs.css +85 -0
  6. package/dist/button/btn.css +429 -0
  7. package/dist/calendar/input.css +277 -0
  8. package/dist/card/card.css +171 -0
  9. package/dist/carousel/carousel.css +39 -0
  10. package/dist/chatbubble/chat.css +153 -0
  11. package/dist/checkbox/checkbox.css +168 -0
  12. package/dist/collapse/collapse.css +248 -0
  13. package/dist/components/accordion/Accordion.d.ts +1 -0
  14. package/dist/components/accordion/Accordion.js +180 -0
  15. package/dist/components/accordion/collapse.css +248 -0
  16. package/dist/components/accordion/index.js +3 -0
  17. package/dist/components/alert/Alert.d.ts +1 -0
  18. package/dist/components/alert/Alert.js +75 -0
  19. package/dist/components/alert/alert.css +123 -0
  20. package/dist/components/alert/index.js +3 -0
  21. package/dist/components/artboard/Artboard.js +42 -0
  22. package/dist/components/artboard/index.js +3 -0
  23. package/dist/components/avatar/Avatar.d.ts +1 -0
  24. package/dist/components/avatar/Avatar.js +164 -0
  25. package/dist/components/avatar/AvatarGroup.js +52 -0
  26. package/dist/components/avatar/avatar.css +58 -0
  27. package/dist/components/avatar/index.js +3 -0
  28. package/dist/components/background/Background.js +22 -0
  29. package/dist/components/background/index.js +3 -0
  30. package/dist/components/badge/Badge.d.ts +1 -0
  31. package/dist/components/badge/Badge.js +75 -0
  32. package/dist/components/badge/badge.css +128 -0
  33. package/dist/components/badge/index.js +3 -0
  34. package/dist/components/bottom-sheet/BottomSheet.js +109 -0
  35. package/dist/components/bottom-sheet/index.js +3 -0
  36. package/dist/components/breadcrumbs/Breadcrumbs.d.ts +1 -0
  37. package/dist/components/breadcrumbs/Breadcrumbs.js +36 -0
  38. package/dist/components/breadcrumbs/BreadcrumbsItem.js +30 -0
  39. package/dist/components/breadcrumbs/breadcrumbs.css +85 -0
  40. package/dist/components/breadcrumbs/index.js +5 -0
  41. package/dist/components/browsermockup/BrowserMockup.js +55 -0
  42. package/dist/components/browsermockup/index.js +3 -0
  43. package/dist/components/button/Button.d.ts +1 -0
  44. package/dist/components/button/Button.js +205 -0
  45. package/dist/components/button/btn.css +429 -0
  46. package/dist/components/button/index.js +3 -0
  47. package/dist/components/calendar/Calendar.d.ts +1 -0
  48. package/dist/components/calendar/Calendar.js +194 -0
  49. package/dist/components/calendar/index.js +3 -0
  50. package/dist/components/calendar/input.css +277 -0
  51. package/dist/components/card/Card.d.ts +1 -0
  52. package/dist/components/card/Card.js +98 -0
  53. package/dist/components/card/CardActions.js +15 -0
  54. package/dist/components/card/CardBody.js +15 -0
  55. package/dist/components/card/CardImage.js +10 -0
  56. package/dist/components/card/CardTitle.js +13 -0
  57. package/dist/components/card/card.css +171 -0
  58. package/dist/components/card/index.js +3 -0
  59. package/dist/components/carousel/Carousel.d.ts +1 -0
  60. package/dist/components/carousel/Carousel.js +70 -0
  61. package/dist/components/carousel/CarouselItem.js +27 -0
  62. package/dist/components/carousel/carousel.css +39 -0
  63. package/dist/components/carousel/index.js +3 -0
  64. package/dist/components/chatbubble/ChatBubble.d.ts +1 -0
  65. package/dist/components/chatbubble/ChatBubble.js +48 -0
  66. package/dist/components/chatbubble/ChatBubbleAvatar.js +16 -0
  67. package/dist/components/chatbubble/ChatBubbleFooter.js +14 -0
  68. package/dist/components/chatbubble/ChatBubbleHeader.js +14 -0
  69. package/dist/components/chatbubble/ChatBubbleMessage.js +28 -0
  70. package/dist/components/chatbubble/ChatBubbleTime.js +14 -0
  71. package/dist/components/chatbubble/chat.css +153 -0
  72. package/dist/components/chatbubble/index.js +3 -0
  73. package/dist/components/checkbox/Checkbox.d.ts +1 -0
  74. package/dist/components/checkbox/Checkbox.js +78 -0
  75. package/dist/components/checkbox/checkbox.css +168 -0
  76. package/dist/components/checkbox/index.js +3 -0
  77. package/dist/components/codemockup/CodeMockup.js +33 -0
  78. package/dist/components/codemockup/CodeMockupLine.js +53 -0
  79. package/dist/components/codemockup/index.js +5 -0
  80. package/dist/components/collapse/Collapse.d.ts +1 -0
  81. package/dist/components/collapse/Collapse.js +104 -0
  82. package/dist/components/collapse/CollapseContent.js +15 -0
  83. package/dist/components/collapse/CollapseDetails.js +33 -0
  84. package/dist/components/collapse/CollapseTitle.js +47 -0
  85. package/dist/components/collapse/collapse.css +248 -0
  86. package/dist/components/collapse/index.js +10 -0
  87. package/dist/components/colorpicker/AlphaSlider.js +107 -0
  88. package/dist/components/colorpicker/ColorInput.js +88 -0
  89. package/dist/components/colorpicker/ColorPicker.js +264 -0
  90. package/dist/components/colorpicker/ColorPickerFlowerSelector.js +9 -0
  91. package/dist/components/colorpicker/ColorPickerGradientSelector.js +9 -0
  92. package/dist/components/colorpicker/ColorPickerWheelSelector.js +9 -0
  93. package/dist/components/colorpicker/ColorPreview.js +47 -0
  94. package/dist/components/colorpicker/ColorSwatches.js +67 -0
  95. package/dist/components/colorpicker/ColorUtils.js +216 -0
  96. package/dist/components/colorpicker/ColorWheel.js +106 -0
  97. package/dist/components/colorpicker/ColorWheelFlower.js +462 -0
  98. package/dist/components/colorpicker/HueSlider.js +105 -0
  99. package/dist/components/colorpicker/LightnessSlider.js +111 -0
  100. package/dist/components/colorpicker/SaturationBrightness.js +120 -0
  101. package/dist/components/colorpicker/colorpickerContext.js +8 -0
  102. package/dist/components/colorpicker/index.js +31 -0
  103. package/dist/components/confirm-dialog/ConfirmDialog.js +102 -0
  104. package/dist/components/confirm-dialog/index.js +3 -0
  105. package/dist/components/connectionstatus/ConnectionStatus.js +189 -0
  106. package/dist/components/connectionstatus/index.js +3 -0
  107. package/dist/components/copy-button/CopyButton.js +70 -0
  108. package/dist/components/copy-button/index.js +3 -0
  109. package/dist/components/countdown/Countdown.d.ts +1 -0
  110. package/dist/components/countdown/Countdown.js +37 -0
  111. package/dist/components/countdown/countdown.css +58 -0
  112. package/dist/components/countdown/index.js +3 -0
  113. package/dist/components/diff/Diff.d.ts +1 -0
  114. package/dist/components/diff/Diff.js +29 -0
  115. package/dist/components/diff/diff.css +162 -0
  116. package/dist/components/diff/index.js +3 -0
  117. package/dist/components/divider/Divider.js +41 -0
  118. package/dist/components/divider/Divider.styles.js +71 -0
  119. package/dist/components/divider/index.js +3 -0
  120. package/dist/components/dock/Dock.d.ts +1 -0
  121. package/dist/components/dock/Dock.js +40 -0
  122. package/dist/components/dock/DockItem.js +45 -0
  123. package/dist/components/dock/DockLabel.js +22 -0
  124. package/dist/components/dock/dock.css +147 -0
  125. package/dist/components/dock/index.js +3 -0
  126. package/dist/components/drawer/Drawer.d.ts +1 -0
  127. package/dist/components/drawer/Drawer.js +68 -0
  128. package/dist/components/drawer/drawer.css +184 -0
  129. package/dist/components/drawer/index.js +3 -0
  130. package/dist/components/dropdown/Dropdown.d.ts +3 -3
  131. package/dist/components/dropdown/Dropdown.js +133 -0
  132. package/dist/components/dropdown/DropdownDetails.js +44 -0
  133. package/dist/components/dropdown/DropdownItem.js +60 -0
  134. package/dist/components/dropdown/DropdownMenu.js +44 -0
  135. package/dist/components/dropdown/DropdownToggle.js +92 -0
  136. package/dist/components/dropdown/dropdown.css +253 -0
  137. package/dist/components/dropdown/dropdownContext.d.ts +10 -0
  138. package/dist/components/dropdown/dropdownContext.js +54 -0
  139. package/dist/components/dropdown/index.js +3 -0
  140. package/dist/components/dropdown-select/DropdownSelect.js +279 -0
  141. package/dist/components/dropdown-select/index.js +3 -0
  142. package/dist/components/empty-state/EmptyState.js +88 -0
  143. package/dist/components/empty-state/index.js +3 -0
  144. package/dist/components/fieldset/Fieldset.js +73 -0
  145. package/dist/components/fieldset/index.js +3 -0
  146. package/dist/components/fileinput/FileInput.d.ts +1 -0
  147. package/dist/components/fileinput/FileInput.js +51 -0
  148. package/dist/components/fileinput/index.js +3 -0
  149. package/dist/components/fileinput/input.css +277 -0
  150. package/dist/components/flex/Flex.js +101 -0
  151. package/dist/components/flex/index.js +3 -0
  152. package/dist/components/floating-dock/FloatingDock.js +550 -0
  153. package/dist/components/floating-dock/index.js +3 -0
  154. package/dist/components/footer/Footer.d.ts +1 -0
  155. package/dist/components/footer/Footer.js +41 -0
  156. package/dist/components/footer/FooterTitle.js +27 -0
  157. package/dist/components/footer/footer.css +51 -0
  158. package/dist/components/footer/index.js +3 -0
  159. package/dist/components/form/Form.d.ts +3 -8
  160. package/dist/components/form/Form.js +17 -0
  161. package/dist/components/form/FormBase.d.ts +8 -0
  162. package/dist/components/form/FormBase.js +74 -0
  163. package/dist/components/form/FormDropdown.js +138 -0
  164. package/dist/components/form/FormField.js +78 -0
  165. package/dist/components/form/Label.js +31 -0
  166. package/dist/components/form/NumberField.js +109 -0
  167. package/dist/components/form/PasswordField.js +113 -0
  168. package/dist/components/form/ValidatedForm.d.ts +1 -1
  169. package/dist/components/form/ValidatedForm.js +55 -0
  170. package/dist/components/form/index.js +6 -0
  171. package/dist/components/form-actions/FormActions.js +142 -0
  172. package/dist/components/form-actions/index.js +3 -0
  173. package/dist/components/glass-panel/GlassPanel.js +146 -0
  174. package/dist/components/glass-panel/index.js +3 -0
  175. package/dist/components/glow-card/GlowCard.css +65 -0
  176. package/dist/components/glow-card/GlowCard.js +47 -0
  177. package/dist/components/glow-card/index.js +3 -0
  178. package/dist/components/grid/Grid.js +89 -0
  179. package/dist/components/grid/index.js +3 -0
  180. package/dist/components/hero/Hero.d.ts +1 -0
  181. package/dist/components/hero/Hero.js +47 -0
  182. package/dist/components/hero/HeroContent.js +31 -0
  183. package/dist/components/hero/HeroOverlay.js +39 -0
  184. package/dist/components/hero/hero.css +38 -0
  185. package/dist/components/hero/index.js +3 -0
  186. package/dist/components/icon/Icon.js +38 -0
  187. package/dist/components/icon/index.js +3 -0
  188. package/dist/components/immersive-landing/ImmersiveLanding.js +218 -0
  189. package/dist/components/immersive-landing/ImmersiveLandingArrows.js +60 -0
  190. package/dist/components/immersive-landing/ImmersiveLandingContext.js +8 -0
  191. package/dist/components/immersive-landing/ImmersiveLandingNavigation.js +91 -0
  192. package/dist/components/immersive-landing/ImmersiveLandingPage.js +46 -0
  193. package/dist/components/immersive-landing/components/CookieConsent.js +256 -0
  194. package/dist/components/immersive-landing/components/FirefoxPWABanner.js +173 -0
  195. package/dist/components/immersive-landing/components/PWAInstallPrompt.js +178 -0
  196. package/dist/components/immersive-landing/index.js +14 -0
  197. package/dist/components/immersive-landing/types.js +0 -0
  198. package/dist/components/immersive-landing/useImmersiveLanding.js +151 -0
  199. package/dist/components/indicator/Indicator.d.ts +1 -0
  200. package/dist/components/indicator/Indicator.js +76 -0
  201. package/dist/components/indicator/index.js +3 -0
  202. package/dist/components/indicator/indicator.css +70 -0
  203. package/dist/components/input/Input.d.ts +1 -0
  204. package/dist/components/input/Input.js +136 -0
  205. package/dist/components/input/index.js +3 -0
  206. package/dist/components/input/input.css +277 -0
  207. package/dist/components/join/Join.js +41 -0
  208. package/dist/components/join/index.js +3 -0
  209. package/dist/components/kbd/Kbd.d.ts +1 -0
  210. package/dist/components/kbd/Kbd.js +22 -0
  211. package/dist/components/kbd/index.js +3 -0
  212. package/dist/components/kbd/kbd.css +55 -0
  213. package/dist/components/language-switcher/LanguageSwitcher.js +101 -0
  214. package/dist/components/language-switcher/createI18n.js +85 -0
  215. package/dist/components/language-switcher/index.js +8 -0
  216. package/dist/components/link/Link.d.ts +1 -0
  217. package/dist/components/link/Link.js +70 -0
  218. package/dist/components/link/index.js +3 -0
  219. package/dist/components/link/link.css +153 -0
  220. package/dist/components/live-chat/LiveChatBubble.js +106 -0
  221. package/dist/components/live-chat/LiveChatPanel.js +359 -0
  222. package/dist/components/live-chat/index.js +5 -0
  223. package/dist/components/live-chat/types.js +0 -0
  224. package/dist/components/loading/Loading.d.ts +1 -0
  225. package/dist/components/loading/Loading.js +75 -0
  226. package/dist/components/loading/index.js +3 -0
  227. package/dist/components/loading/loading.css +58 -0
  228. package/dist/components/mask/Mask.d.ts +1 -0
  229. package/dist/components/mask/Mask.js +62 -0
  230. package/dist/components/mask/index.js +3 -0
  231. package/dist/components/mask/mask.css +89 -0
  232. package/dist/components/menu/Menu.d.ts +1 -0
  233. package/dist/components/menu/Menu.js +51 -0
  234. package/dist/components/menu/MenuDetails.js +37 -0
  235. package/dist/components/menu/MenuDropdown.js +48 -0
  236. package/dist/components/menu/MenuItem.js +40 -0
  237. package/dist/components/menu/MenuTitle.js +22 -0
  238. package/dist/components/menu/index.js +3 -0
  239. package/dist/components/menu/menu.css +364 -0
  240. package/dist/components/modal/Modal.d.ts +1 -0
  241. package/dist/components/modal/Modal.js +125 -0
  242. package/dist/components/modal/ModalActions.js +14 -0
  243. package/dist/components/modal/ModalBody.js +14 -0
  244. package/dist/components/modal/ModalHeader.js +15 -0
  245. package/dist/components/modal/ModalLegacy.js +36 -0
  246. package/dist/components/modal/index.js +3 -0
  247. package/dist/components/modal/modal.css +170 -0
  248. package/dist/components/navbar/Navbar.d.ts +1 -0
  249. package/dist/components/navbar/Navbar.js +54 -0
  250. package/dist/components/navbar/NavbarRow.js +49 -0
  251. package/dist/components/navbar/NavbarSection.js +38 -0
  252. package/dist/components/navbar/NavbarStack.js +39 -0
  253. package/dist/components/navbar/index.js +3 -0
  254. package/dist/components/navbar/navbar.css +33 -0
  255. package/dist/components/noise-background/NoiseBackground.js +200 -0
  256. package/dist/components/noise-background/index.js +3 -0
  257. package/dist/components/pagination/Pagination.js +17 -0
  258. package/dist/components/pagination/index.js +3 -0
  259. package/dist/components/phonemockup/PhoneMockup.js +44 -0
  260. package/dist/components/phonemockup/index.js +3 -0
  261. package/dist/components/progress/Progress.d.ts +1 -0
  262. package/dist/components/progress/Progress.js +70 -0
  263. package/dist/components/progress/index.js +3 -0
  264. package/dist/components/progress/progress.css +94 -0
  265. package/dist/components/props-table/PropsTable.js +56 -0
  266. package/dist/components/props-table/index.js +3 -0
  267. package/dist/components/radialprogress/RadialProgress.js +47 -0
  268. package/dist/components/radialprogress/index.js +3 -0
  269. package/dist/components/radio/Radio.d.ts +1 -0
  270. package/dist/components/radio/Radio.js +73 -0
  271. package/dist/components/radio/index.js +3 -0
  272. package/dist/components/radio/radio.css +152 -0
  273. package/dist/components/radio-group/RadioGroup.d.ts +1 -0
  274. package/dist/components/radio-group/RadioGroup.js +107 -0
  275. package/dist/components/radio-group/index.js +3 -0
  276. package/dist/components/radio-group/radio.css +152 -0
  277. package/dist/components/range/Range.d.ts +1 -0
  278. package/dist/components/range/Range.js +85 -0
  279. package/dist/components/range/index.js +3 -0
  280. package/dist/components/range/range.css +174 -0
  281. package/dist/components/range-slider/RangeSlider.d.ts +1 -0
  282. package/dist/components/range-slider/RangeSlider.js +112 -0
  283. package/dist/components/range-slider/index.js +3 -0
  284. package/dist/components/range-slider/range.css +174 -0
  285. package/dist/components/rating/Rating.d.ts +1 -0
  286. package/dist/components/rating/Rating.js +54 -0
  287. package/dist/components/rating/RatingHidden.js +29 -0
  288. package/dist/components/rating/RatingItem.js +62 -0
  289. package/dist/components/rating/index.js +3 -0
  290. package/dist/components/rating/rating.css +106 -0
  291. package/dist/components/select/Select.d.ts +1 -0
  292. package/dist/components/select/Select.js +62 -0
  293. package/dist/components/select/index.js +3 -0
  294. package/dist/components/select/select.css +351 -0
  295. package/dist/components/showcase/ShowcaseBlock.js +48 -0
  296. package/dist/components/showcase/index.js +3 -0
  297. package/dist/components/showcase-section/ShowcaseSection.js +73 -0
  298. package/dist/components/showcase-section/index.js +3 -0
  299. package/dist/components/sidenav/Sidenav.css +176 -0
  300. package/dist/components/sidenav/Sidenav.js +66 -0
  301. package/dist/components/sidenav/SidenavButton.js +41 -0
  302. package/dist/components/sidenav/SidenavGroup.js +45 -0
  303. package/dist/components/sidenav/SidenavItem.js +37 -0
  304. package/dist/components/sidenav/SidenavLink.js +36 -0
  305. package/dist/components/sidenav/SidenavMenu.js +31 -0
  306. package/dist/components/sidenav/index.js +13 -0
  307. package/dist/components/size-picker/SizePicker.js +63 -0
  308. package/dist/components/size-picker/index.js +6 -0
  309. package/dist/components/size-picker/sizeStore.js +36 -0
  310. package/dist/components/skeleton/Skeleton.d.ts +1 -0
  311. package/dist/components/skeleton/Skeleton.js +30 -0
  312. package/dist/components/skeleton/index.js +3 -0
  313. package/dist/components/skeleton/skeleton.css +22 -0
  314. package/dist/components/skip-link/SkipLink.js +34 -0
  315. package/dist/components/skip-link/index.js +3 -0
  316. package/dist/components/stack/Stack.d.ts +1 -0
  317. package/dist/components/stack/Stack.js +53 -0
  318. package/dist/components/stack/index.js +3 -0
  319. package/dist/components/stack/stack.css +90 -0
  320. package/dist/components/stat-card/StatCard.js +46 -0
  321. package/dist/components/stat-card/StatCardSection.js +39 -0
  322. package/dist/components/stat-card/index.js +3 -0
  323. package/dist/components/stats/Stat.d.ts +1 -0
  324. package/dist/components/stats/Stat.js +51 -0
  325. package/dist/components/stats/StatSection.js +29 -0
  326. package/dist/components/stats/Stats.js +29 -0
  327. package/dist/components/stats/index.js +3 -0
  328. package/dist/components/stats/stat.css +67 -0
  329. package/dist/components/status/Status.js +30 -0
  330. package/dist/components/status/index.js +3 -0
  331. package/dist/components/steps/Step.d.ts +1 -0
  332. package/dist/components/steps/Step.js +88 -0
  333. package/dist/components/steps/Steps.js +80 -0
  334. package/dist/components/steps/index.js +3 -0
  335. package/dist/components/steps/step.css +179 -0
  336. package/dist/components/streaming-table/StreamingTable.js +343 -0
  337. package/dist/components/streaming-table/createRowStore.js +18 -0
  338. package/dist/components/streaming-table/createStreamingTableStore.js +68 -0
  339. package/dist/components/streaming-table/index.js +5 -0
  340. package/dist/components/streaming-table/types.js +0 -0
  341. package/dist/components/svgbackground/SvgBackground.js +413 -0
  342. package/dist/components/svgbackground/index.js +3 -0
  343. package/dist/components/swap/Swap.d.ts +1 -0
  344. package/dist/components/swap/Swap.js +57 -0
  345. package/dist/components/swap/index.js +3 -0
  346. package/dist/components/swap/swap.css +92 -0
  347. package/dist/components/switch-field/SwitchField.js +91 -0
  348. package/dist/components/switch-field/index.js +3 -0
  349. package/dist/components/table/EnhancedTable.d.ts +3 -0
  350. package/dist/components/table/EnhancedTable.js +733 -0
  351. package/dist/components/table/Table.d.ts +1 -0
  352. package/dist/components/table/Table.js +57 -0
  353. package/dist/components/table/TableBody.js +30 -0
  354. package/dist/components/table/TableCell.js +34 -0
  355. package/dist/components/table/TableFooter.js +45 -0
  356. package/dist/components/table/TableHead.js +45 -0
  357. package/dist/components/table/TableHeadCell.js +34 -0
  358. package/dist/components/table/TableRow.js +34 -0
  359. package/dist/components/table/index.js +5 -0
  360. package/dist/components/table/table.css +148 -0
  361. package/dist/components/tabs/RadioTab.d.ts +1 -0
  362. package/dist/components/tabs/RadioTab.js +64 -0
  363. package/dist/components/tabs/Tab.js +43 -0
  364. package/dist/components/tabs/Tabs.d.ts +1 -0
  365. package/dist/components/tabs/Tabs.js +45 -0
  366. package/dist/components/tabs/index.js +3 -0
  367. package/dist/components/tabs/tab.css +414 -0
  368. package/dist/components/textarea/Textarea.d.ts +1 -0
  369. package/dist/components/textarea/Textarea.js +53 -0
  370. package/dist/components/textarea/index.js +3 -0
  371. package/dist/components/textarea/textarea.css +191 -0
  372. package/dist/components/theme-color-picker/ThemeColorPicker.js +151 -0
  373. package/dist/components/theme-color-picker/hueShift.js +476 -0
  374. package/dist/components/theme-color-picker/index.js +7 -0
  375. package/dist/components/timeline/Timeline.d.ts +1 -0
  376. package/dist/components/timeline/Timeline.js +42 -0
  377. package/dist/components/timeline/TimelineEnd.js +28 -0
  378. package/dist/components/timeline/TimelineItem.js +47 -0
  379. package/dist/components/timeline/TimelineMiddle.js +25 -0
  380. package/dist/components/timeline/TimelineStart.js +28 -0
  381. package/dist/components/timeline/index.js +11 -0
  382. package/dist/components/timeline/timeline.css +286 -0
  383. package/dist/components/toast/Toast.d.ts +1 -0
  384. package/dist/components/toast/Toast.js +54 -0
  385. package/dist/components/toast/index.js +3 -0
  386. package/dist/components/toast/toast.css +58 -0
  387. package/dist/components/toastcontainer/ToastContainer.js +15 -0
  388. package/dist/components/toastcontainer/ToastStack.js +172 -0
  389. package/dist/components/toastcontainer/index.js +5 -0
  390. package/dist/components/toggle/Toggle.d.ts +1 -0
  391. package/dist/components/toggle/Toggle.js +74 -0
  392. package/dist/components/toggle/index.js +3 -0
  393. package/dist/components/toggle/toggle.css +234 -0
  394. package/dist/components/tooltip/Tooltip.d.ts +1 -0
  395. package/dist/components/tooltip/Tooltip.js +54 -0
  396. package/dist/components/tooltip/index.js +3 -0
  397. package/dist/components/tooltip/tooltip.css +198 -0
  398. package/dist/components/types.js +8 -0
  399. package/dist/components/utils.js +46 -0
  400. package/dist/components/video-preview/VideoPreview.js +55 -0
  401. package/dist/components/video-preview/index.js +3 -0
  402. package/dist/components/windowmockup/WindowMockup.js +85 -0
  403. package/dist/components/windowmockup/index.js +3 -0
  404. package/dist/countdown/countdown.css +58 -0
  405. package/dist/diff/diff.css +162 -0
  406. package/dist/dock/dock.css +147 -0
  407. package/dist/drawer/drawer.css +184 -0
  408. package/dist/dropdown/dropdown.css +253 -0
  409. package/dist/fileinput/input.css +277 -0
  410. package/dist/footer/footer.css +51 -0
  411. package/dist/hero/hero.css +38 -0
  412. package/dist/index.css +53 -55
  413. package/dist/index.js +239 -19856
  414. package/dist/indicator/indicator.css +70 -0
  415. package/dist/input/input.css +277 -0
  416. package/dist/kbd/kbd.css +55 -0
  417. package/dist/lib/iterable.js +6 -0
  418. package/dist/lib/props/index.js +0 -0
  419. package/dist/lib/props/types.js +0 -0
  420. package/dist/lib/refs/index.js +3 -0
  421. package/dist/lib/refs/mergeRefs.js +5 -0
  422. package/dist/lib/refs/types.js +0 -0
  423. package/dist/lib/style/classes.js +40 -0
  424. package/dist/lib/style/index.js +4 -0
  425. package/dist/lib/tag/createIsButton.js +23 -0
  426. package/dist/lib/tag/createTagName.js +5 -0
  427. package/dist/lib/tag/index.js +7 -0
  428. package/dist/link/link.css +153 -0
  429. package/dist/loading/loading.css +58 -0
  430. package/dist/mask/mask.css +89 -0
  431. package/dist/menu/menu.css +364 -0
  432. package/dist/modal/modal.css +170 -0
  433. package/dist/motion/driver.js +13 -0
  434. package/dist/motion/easing.js +18 -0
  435. package/dist/motion/engine.js +85 -0
  436. package/dist/motion/index.js +34 -0
  437. package/dist/motion/popmotion.js +6 -0
  438. package/dist/motion/presets.js +203 -0
  439. package/dist/motion/reduced-motion.js +2 -0
  440. package/dist/motion/route.js +24 -0
  441. package/dist/motion/solid/MotionDiv.js +76 -0
  442. package/dist/motion/solid/index.js +3 -0
  443. package/dist/motion/system.js +59 -0
  444. package/dist/motion/tokens.js +42 -0
  445. package/dist/motion/types.js +0 -0
  446. package/dist/navbar/navbar.css +33 -0
  447. package/dist/progress/progress.css +94 -0
  448. package/dist/radio/radio.css +152 -0
  449. package/dist/radio-group/radio.css +152 -0
  450. package/dist/range/range.css +174 -0
  451. package/dist/range-slider/range.css +174 -0
  452. package/dist/rating/rating.css +106 -0
  453. package/dist/select/select.css +351 -0
  454. package/dist/skeleton/skeleton.css +22 -0
  455. package/dist/stack/stack.css +90 -0
  456. package/dist/stats/stat.css +67 -0
  457. package/dist/steps/step.css +179 -0
  458. package/dist/stores/index.js +1 -0
  459. package/dist/stores/toastStore.js +64 -0
  460. package/dist/swap/swap.css +92 -0
  461. package/dist/table/table.css +148 -0
  462. package/dist/tabs/tab.css +414 -0
  463. package/dist/textarea/textarea.css +191 -0
  464. package/dist/timeline/timeline.css +286 -0
  465. package/dist/toast/toast.css +58 -0
  466. package/dist/toggle/toggle.css +234 -0
  467. package/dist/tooltip/tooltip.css +198 -0
  468. package/package.json +26 -5
  469. package/dist/styles/compat/daisy-primitives.css +0 -6919
@@ -0,0 +1,277 @@
1
+ @layer components {
2
+ .input {
3
+ cursor: text;
4
+ border: var(--border) solid #0000;
5
+ position: relative;
6
+ display: inline-flex;
7
+ flex-shrink: 1;
8
+ appearance: none;
9
+ align-items: center;
10
+ gap: calc(0.25rem * 2);
11
+ background-color: var(--color-base-100);
12
+ padding-inline: calc(0.25rem * 3);
13
+ vertical-align: middle;
14
+ white-space: nowrap;
15
+ width: clamp(3rem, 20rem, 100%);
16
+ height: var(--size);
17
+ font-size: max(var(--font-size, 0.875rem), 0.875rem);
18
+ touch-action: manipulation;
19
+ border-start-start-radius: var(--join-ss, var(--radius-field));
20
+ border-start-end-radius: var(--join-se, var(--radius-field));
21
+ border-end-start-radius: var(--join-es, var(--radius-field));
22
+ border-end-end-radius: var(--join-ee, var(--radius-field));
23
+ border-color: var(--input-color);
24
+ box-shadow: 0 1px var(--input-color) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
25
+ --size: calc(var(--size-field, 0.25rem) * 10);
26
+ --input-color: var(--color-base-content);
27
+ }
28
+
29
+ @supports (color: color-mix(in lab, red, red)) {
30
+ .input {
31
+ box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000) inset, 0 -1px oklch(100% 0 0 / calc(var(--depth) * 0.1)) inset;
32
+ }
33
+ }
34
+
35
+ @supports (color: color-mix(in lab, red, red)) {
36
+ .input {
37
+ --input-color: color-mix(in oklab, var(--color-base-content) 20%, #0000);
38
+ }
39
+ }
40
+
41
+ .input:where(input) {
42
+ display: inline-flex;
43
+ }
44
+
45
+ .input :where(input) {
46
+ display: inline-flex;
47
+ height: 100%;
48
+ width: 100%;
49
+ appearance: none;
50
+ background-color: transparent;
51
+ border: none;
52
+ }
53
+
54
+ .input :where(input):focus,
55
+ .input :where(input):focus-within {
56
+ --tw-outline-style: none;
57
+ outline-style: none;
58
+ }
59
+
60
+ @media (forced-colors: active) {
61
+ .input :where(input):focus,
62
+ .input :where(input):focus-within {
63
+ outline: 2px solid transparent;
64
+ outline-offset: 2px;
65
+ }
66
+ }
67
+
68
+ .input :where(input[type="url"]),
69
+ .input :where(input[type="email"]) {
70
+ direction: ltr;
71
+ }
72
+
73
+ .input :where(input[type="date"]) {
74
+ display: inline-flex;
75
+ }
76
+
77
+ .input:focus,
78
+ .input:focus-within {
79
+ --input-color: var(--color-base-content);
80
+ box-shadow: 0 1px var(--input-color);
81
+ outline: 2px solid var(--input-color);
82
+ outline-offset: 2px;
83
+ isolation: isolate;
84
+ }
85
+
86
+ @supports (color: color-mix(in lab, red, red)) {
87
+ .input:focus,
88
+ .input:focus-within {
89
+ box-shadow: 0 1px color-mix(in oklab, var(--input-color) calc(var(--depth) * 10%), #0000);
90
+ }
91
+ }
92
+
93
+ @media (pointer: coarse) {
94
+ @supports (-webkit-touch-callout: none) {
95
+ .input:focus,
96
+ .input:focus-within {
97
+ --font-size: 1rem;
98
+ }
99
+ }
100
+ }
101
+
102
+ .input:has(> input[disabled]),
103
+ .input:is(:disabled, [disabled]),
104
+ fieldset:disabled .input {
105
+ cursor: not-allowed;
106
+ border-color: var(--color-base-200);
107
+ background-color: var(--color-base-200);
108
+ color: var(--color-base-content);
109
+ box-shadow: none;
110
+ }
111
+
112
+ @supports (color: color-mix(in lab, red, red)) {
113
+ .input:has(> input[disabled]),
114
+ .input:is(:disabled, [disabled]),
115
+ fieldset:disabled .input {
116
+ color: color-mix(in oklab, var(--color-base-content) 40%, transparent);
117
+ }
118
+ }
119
+
120
+ .input:has(> input[disabled])::placeholder,
121
+ .input:is(:disabled, [disabled])::placeholder,
122
+ fieldset:disabled .input::placeholder {
123
+ color: var(--color-base-content);
124
+ }
125
+
126
+ @supports (color: color-mix(in lab, red, red)) {
127
+ .input:has(> input[disabled])::placeholder,
128
+ .input:is(:disabled, [disabled])::placeholder,
129
+ fieldset:disabled .input::placeholder {
130
+ color: color-mix(in oklab, var(--color-base-content) 20%, transparent);
131
+ }
132
+ }
133
+
134
+ .input:has(> input[disabled]) > input[disabled] {
135
+ cursor: not-allowed;
136
+ }
137
+
138
+ .input::-webkit-date-and-time-value {
139
+ text-align: inherit;
140
+ }
141
+
142
+ .input[type="number"]::-webkit-inner-spin-button {
143
+ margin-block: calc(0.25rem * -3);
144
+ margin-inline-end: calc(0.25rem * -3);
145
+ }
146
+
147
+ .input::-webkit-calendar-picker-indicator {
148
+ position: absolute;
149
+ inset-inline-end: 0.75em;
150
+ }
151
+
152
+ .input:has(> input[type="date"]) :where(input[type="date"]) {
153
+ display: inline-flex;
154
+ webkit-appearance: none;
155
+ appearance: none;
156
+ }
157
+
158
+ .input:has(> input[type="date"]) input[type="date"]::-webkit-calendar-picker-indicator {
159
+ position: absolute;
160
+ inset-inline-end: 0.75em;
161
+ width: 1em;
162
+ height: 1em;
163
+ cursor: pointer;
164
+ }
165
+
166
+ .input-lg {
167
+ --size: calc(var(--size-field, 0.25rem) * 12);
168
+ font-size: max(var(--font-size, 1.125rem), 1.125rem);
169
+ }
170
+
171
+ .input-lg[type="number"]::-webkit-inner-spin-button {
172
+ margin-block: calc(0.25rem * -3);
173
+ margin-inline-end: calc(0.25rem * -3);
174
+ }
175
+
176
+ .input-md {
177
+ --size: calc(var(--size-field, 0.25rem) * 10);
178
+ font-size: max(var(--font-size, 0.875rem), 0.875rem);
179
+ }
180
+
181
+ .input-md[type="number"]::-webkit-inner-spin-button {
182
+ margin-block: calc(0.25rem * -3);
183
+ margin-inline-end: calc(0.25rem * -3);
184
+ }
185
+
186
+ .input-sm {
187
+ --size: calc(var(--size-field, 0.25rem) * 8);
188
+ font-size: max(var(--font-size, 0.75rem), 0.75rem);
189
+ }
190
+
191
+ .input-sm[type="number"]::-webkit-inner-spin-button {
192
+ margin-block: calc(0.25rem * -2);
193
+ margin-inline-end: calc(0.25rem * -3);
194
+ }
195
+
196
+ .input-xl {
197
+ --size: calc(var(--size-field, 0.25rem) * 14);
198
+ font-size: max(var(--font-size, 1.375rem), 1.375rem);
199
+ }
200
+
201
+ .input-xl[type="number"]::-webkit-inner-spin-button {
202
+ margin-block: calc(0.25rem * -4);
203
+ margin-inline-end: calc(0.25rem * -3);
204
+ }
205
+
206
+ .input-xs {
207
+ --size: calc(var(--size-field, 0.25rem) * 6);
208
+ font-size: max(var(--font-size, 0.6875rem), 0.6875rem);
209
+ }
210
+
211
+ .input-xs[type="number"]::-webkit-inner-spin-button {
212
+ margin-block: calc(0.25rem * -1);
213
+ margin-inline-end: calc(0.25rem * -3);
214
+ }
215
+
216
+ .input-ghost {
217
+ background-color: transparent;
218
+ box-shadow: none;
219
+ border-color: #0000;
220
+ }
221
+
222
+ .input-ghost:focus,
223
+ .input-ghost:focus-within {
224
+ background-color: var(--color-base-100);
225
+ color: var(--color-base-content);
226
+ border-color: #0000;
227
+ box-shadow: none;
228
+ }
229
+
230
+ .input-accent,
231
+ .input-accent:focus,
232
+ .input-accent:focus-within {
233
+ --input-color: var(--color-accent);
234
+ }
235
+
236
+ .input-error,
237
+ .input-error:focus,
238
+ .input-error:focus-within {
239
+ --input-color: var(--color-error);
240
+ }
241
+
242
+ .input-info,
243
+ .input-info:focus,
244
+ .input-info:focus-within {
245
+ --input-color: var(--color-info);
246
+ }
247
+
248
+ .input-neutral,
249
+ .input-neutral:focus,
250
+ .input-neutral:focus-within {
251
+ --input-color: var(--color-neutral);
252
+ }
253
+
254
+ .input-primary,
255
+ .input-primary:focus,
256
+ .input-primary:focus-within {
257
+ --input-color: var(--color-primary);
258
+ }
259
+
260
+ .input-secondary,
261
+ .input-secondary:focus,
262
+ .input-secondary:focus-within {
263
+ --input-color: var(--color-secondary);
264
+ }
265
+
266
+ .input-success,
267
+ .input-success:focus,
268
+ .input-success:focus-within {
269
+ --input-color: var(--color-success);
270
+ }
271
+
272
+ .input-warning,
273
+ .input-warning:focus,
274
+ .input-warning:focus-within {
275
+ --input-color: var(--color-warning);
276
+ }
277
+ }
@@ -0,0 +1,41 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
2
+ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
3
+ import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
4
+ import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
5
+ var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<div>");
6
+ const Join = (props)=>{
7
+ const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
8
+ "responsive",
9
+ "vertical",
10
+ "horizontal",
11
+ "class",
12
+ "className",
13
+ "dataTheme",
14
+ "style",
15
+ "children"
16
+ ]);
17
+ const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
18
+ const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("join", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)({
19
+ "join-vertical": !local.responsive && local.vertical,
20
+ "join-horizontal": !local.responsive && local.horizontal,
21
+ "join-vertical lg:join-horizontal": local.responsive
22
+ }), local.class, local.className));
23
+ return (()=>{
24
+ var _el$ = _tmpl$();
25
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
26
+ get ["class"] () {
27
+ return classes();
28
+ },
29
+ get ["data-theme"] () {
30
+ return local.dataTheme;
31
+ },
32
+ get style () {
33
+ return local.style;
34
+ }
35
+ }), false, true);
36
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
37
+ return _el$;
38
+ })();
39
+ };
40
+ const join_Join = Join;
41
+ export { join_Join as default };
@@ -0,0 +1,3 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE__Join_js_aed7ece1__ from "./Join.js";
2
+ var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Join_js_aed7ece1__["default"];
3
+ export { __webpack_exports__default as default };
@@ -1,3 +1,4 @@
1
+ import "./kbd.css";
1
2
  import { type ComponentProps } from "solid-js";
2
3
  export type KbdProps = ComponentProps<"kbd">;
3
4
  declare const Kbd: (props: KbdProps) => import("solid-js").JSX.Element;
@@ -0,0 +1,22 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
2
+ import "./kbd.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_clsx__ from "clsx";
6
+ var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<kbd>");
7
+ const Kbd = (props)=>{
8
+ const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
9
+ "class"
10
+ ]);
11
+ return (()=>{
12
+ var _el$ = _tmpl$();
13
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
14
+ get ["class"] () {
15
+ return (0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("kbd", (0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(local.class));
16
+ }
17
+ }), false, false);
18
+ return _el$;
19
+ })();
20
+ };
21
+ const kbd_Kbd = Kbd;
22
+ export { kbd_Kbd as default };
@@ -0,0 +1,3 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE__Kbd_js_98d3362c__ from "./Kbd.js";
2
+ var __webpack_exports__default = __WEBPACK_EXTERNAL_MODULE__Kbd_js_98d3362c__["default"];
3
+ export { __webpack_exports__default as default };
@@ -0,0 +1,55 @@
1
+ @layer components {
2
+ .kbd {
3
+ box-shadow: none;
4
+ display: inline-flex;
5
+ align-items: center;
6
+ justify-content: center;
7
+ border-radius: var(--radius-field);
8
+ background-color: var(--color-base-200);
9
+ vertical-align: middle;
10
+ padding-inline: 0.5em;
11
+ border: var(--border) solid var(--color-base-content);
12
+ border-bottom: calc(var(--border) + 1px) solid var(--color-base-content);
13
+ --size: calc(var(--size-selector, 0.25rem) * 6);
14
+ font-size: 0.875rem;
15
+ height: var(--size);
16
+ min-width: var(--size);
17
+ }
18
+
19
+ @supports (color: color-mix(in lab, red, red)) {
20
+ .kbd {
21
+ border: var(--border) solid color-mix(in srgb, var(--color-base-content) 20%, #0000);
22
+ }
23
+ }
24
+
25
+ @supports (color: color-mix(in lab, red, red)) {
26
+ .kbd {
27
+ border-bottom: calc(var(--border) + 1px) solid color-mix(in srgb, var(--color-base-content) 20%, #0000);
28
+ }
29
+ }
30
+
31
+ .kbd-lg {
32
+ --size: calc(var(--size-selector, 0.25rem) * 7);
33
+ font-size: 1rem;
34
+ }
35
+
36
+ .kbd-md {
37
+ --size: calc(var(--size-selector, 0.25rem) * 6);
38
+ font-size: 0.875rem;
39
+ }
40
+
41
+ .kbd-sm {
42
+ --size: calc(var(--size-selector, 0.25rem) * 5);
43
+ font-size: 0.75rem;
44
+ }
45
+
46
+ .kbd-xl {
47
+ --size: calc(var(--size-selector, 0.25rem) * 8);
48
+ font-size: 1.125rem;
49
+ }
50
+
51
+ .kbd-xs {
52
+ --size: calc(var(--size-selector, 0.25rem) * 4);
53
+ font-size: 0.625rem;
54
+ }
55
+ }
@@ -0,0 +1,101 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
2
+ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
3
+ import * as __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__ from "tailwind-merge";
4
+ import * as __WEBPACK_EXTERNAL_MODULE_clsx__ from "clsx";
5
+ import * as __WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__ from "../dropdown/index.js";
6
+ import * as __WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__ from "../icon/index.js";
7
+ var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<span class="text-xs font-bold uppercase"aria-hidden=true>');
8
+ const LanguageSwitcher = (props)=>{
9
+ const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
10
+ "i18n",
11
+ "class",
12
+ "className",
13
+ "style",
14
+ "aria-label",
15
+ "currentLanguageLabel",
16
+ "optionsLabel",
17
+ "loadingLabel",
18
+ "onLanguageChange"
19
+ ]);
20
+ const currentLanguageName = ()=>local.i18n.languageNames[local.i18n.locale];
21
+ const isSelected = (lang)=>local.i18n.locale === lang;
22
+ const handleSelect = async (lang)=>{
23
+ await local.i18n.setLocale(lang);
24
+ local.onLanguageChange?.(lang);
25
+ };
26
+ const classes = ()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)((0, __WEBPACK_EXTERNAL_MODULE_clsx__.clsx)(local.class, local.className));
27
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"], (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
28
+ get ["class"] () {
29
+ return classes();
30
+ },
31
+ get style () {
32
+ return local.style;
33
+ },
34
+ role: void 0,
35
+ get ["aria-label"] () {
36
+ return local["aria-label"] ?? "Language selector";
37
+ },
38
+ "aria-haspopup": "menu",
39
+ get children () {
40
+ return [
41
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Toggle, {
42
+ button: true,
43
+ size: "sm",
44
+ get ["aria-label"] () {
45
+ return `${local.currentLanguageLabel ?? "Current language"}: ${currentLanguageName()}`;
46
+ },
47
+ get children () {
48
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
49
+ get when () {
50
+ return !local.i18n.isLoading;
51
+ },
52
+ get fallback () {
53
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__icon_index_js_1f7a158c__["default"], {
54
+ name: "icon-[mdi--loading]",
55
+ class: "animate-spin",
56
+ width: 16,
57
+ height: 16,
58
+ get ["aria-label"] () {
59
+ return local.loadingLabel ?? "Loading language";
60
+ }
61
+ });
62
+ },
63
+ get children () {
64
+ var _el$ = _tmpl$();
65
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, ()=>local.i18n.locale.toUpperCase());
66
+ return _el$;
67
+ }
68
+ });
69
+ }
70
+ }),
71
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Menu, {
72
+ class: "min-w-32",
73
+ get ["aria-label"] () {
74
+ return local.optionsLabel ?? "Language options";
75
+ },
76
+ get children () {
77
+ return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.For, {
78
+ get each () {
79
+ return local.i18n.languages;
80
+ },
81
+ children: (lang)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE__dropdown_index_js_67691aa2__["default"].Item, {
82
+ onClick: ()=>handleSelect(lang.code),
83
+ get ["class"] () {
84
+ return isSelected(lang.code) ? "bg-base-200" : "";
85
+ },
86
+ get ["aria-current"] () {
87
+ return isSelected(lang.code) ? "true" : void 0;
88
+ },
89
+ get children () {
90
+ return lang.name;
91
+ }
92
+ })
93
+ });
94
+ }
95
+ })
96
+ ];
97
+ }
98
+ }));
99
+ };
100
+ const language_switcher_LanguageSwitcher = LanguageSwitcher;
101
+ export { language_switcher_LanguageSwitcher as default };
@@ -0,0 +1,85 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
2
+ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__ from "solid-js";
3
+ function getNestedValue(obj, path) {
4
+ const keys = path.split(".");
5
+ let value = obj;
6
+ for (const key of keys){
7
+ value = value?.[key];
8
+ if (void 0 === value) return path;
9
+ }
10
+ return "string" == typeof value ? value : path;
11
+ }
12
+ function createI18n(options) {
13
+ const { languages, defaultLanguage = languages[0]?.code ?? "en", storageKey, loadTranslations, initialTranslations = {} } = options;
14
+ const supportedCodes = languages.map((l)=>l.code);
15
+ const languageNames = languages.reduce((acc, lang)=>({
16
+ ...acc,
17
+ [lang.code]: lang.name
18
+ }), {});
19
+ const [localeSignal, setLocaleSignal] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(defaultLanguage);
20
+ const [translations, setTranslations] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(initialTranslations);
21
+ const [isLoadingSignal, setIsLoading] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createSignal)(false);
22
+ const t = (key)=>getNestedValue(translations(), key);
23
+ const setLocale = async (lang)=>{
24
+ if (!supportedCodes.includes(lang)) lang = defaultLanguage;
25
+ if (lang === localeSignal() && Object.keys(translations()).length > 0) return;
26
+ setIsLoading(true);
27
+ try {
28
+ const minDelay = new Promise((resolve)=>setTimeout(resolve, 100));
29
+ let data;
30
+ await minDelay;
31
+ data = lang === defaultLanguage && Object.keys(initialTranslations).length > 0 ? initialTranslations : loadTranslations ? await loadTranslations(lang) : initialTranslations;
32
+ setTranslations(data);
33
+ setLocaleSignal(lang);
34
+ if ("undefined" != typeof window) localStorage.setItem(storageKey, lang);
35
+ } finally{
36
+ setIsLoading(false);
37
+ }
38
+ };
39
+ const init = async ()=>{
40
+ if ("undefined" == typeof window) return;
41
+ const urlParams = new URLSearchParams(globalThis.location.search);
42
+ const urlLang = urlParams.get("lang");
43
+ const saved = localStorage.getItem(storageKey);
44
+ const browserLang = navigator.language.split("-")[0];
45
+ let detected;
46
+ if (urlLang && supportedCodes.includes(urlLang)) {
47
+ detected = urlLang;
48
+ urlParams.delete("lang");
49
+ const newUrl = urlParams.toString() ? `${globalThis.location.pathname}?${urlParams.toString()}` : globalThis.location.pathname;
50
+ globalThis.history.replaceState({}, "", newUrl);
51
+ } else detected = saved && supportedCodes.includes(saved) ? saved : supportedCodes.includes(browserLang) ? browserLang : defaultLanguage;
52
+ await setLocale(detected);
53
+ };
54
+ return {
55
+ get locale () {
56
+ return localeSignal();
57
+ },
58
+ get isLoading () {
59
+ return isLoadingSignal();
60
+ },
61
+ t,
62
+ setLocale,
63
+ init,
64
+ languages,
65
+ languageNames,
66
+ supportedCodes
67
+ };
68
+ }
69
+ const I18nContext = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createContext)();
70
+ function useI18n() {
71
+ const context = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.useContext)(I18nContext);
72
+ if (!context) throw new Error("useI18n must be used within an I18nProvider");
73
+ return context.i18n;
74
+ }
75
+ const I18nProvider = (props)=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(I18nContext.Provider, {
76
+ get value () {
77
+ return {
78
+ i18n: props.i18n
79
+ };
80
+ },
81
+ get children () {
82
+ return props.children;
83
+ }
84
+ });
85
+ export { I18nContext, I18nProvider, createI18n, useI18n };
@@ -0,0 +1,8 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_js_68b561ec__ from "./LanguageSwitcher.js";
2
+ import * as __WEBPACK_EXTERNAL_MODULE__createI18n_js_f0fd3cf5__ from "./createI18n.js";
3
+ var __webpack_exports__I18nContext = __WEBPACK_EXTERNAL_MODULE__createI18n_js_f0fd3cf5__.I18nContext;
4
+ var __webpack_exports__I18nProvider = __WEBPACK_EXTERNAL_MODULE__createI18n_js_f0fd3cf5__.I18nProvider;
5
+ var __webpack_exports__LanguageSwitcher = __WEBPACK_EXTERNAL_MODULE__LanguageSwitcher_js_68b561ec__["default"];
6
+ var __webpack_exports__createI18n = __WEBPACK_EXTERNAL_MODULE__createI18n_js_f0fd3cf5__.createI18n;
7
+ var __webpack_exports__useI18n = __WEBPACK_EXTERNAL_MODULE__createI18n_js_f0fd3cf5__.useI18n;
8
+ export { __webpack_exports__I18nContext as I18nContext, __webpack_exports__I18nProvider as I18nProvider, __webpack_exports__LanguageSwitcher as LanguageSwitcher, __webpack_exports__createI18n as createI18n, __webpack_exports__useI18n as useI18n };
@@ -1,3 +1,4 @@
1
+ import "./link.css";
1
2
  import { type JSX } from "solid-js";
2
3
  import type { ComponentColor, IComponentBaseProps } from "../types";
3
4
  export type LinkProps = JSX.AnchorHTMLAttributes<HTMLAnchorElement> & IComponentBaseProps & {
@@ -0,0 +1,70 @@
1
+ import * as __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__ from "solid-js/web";
2
+ import "./link.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_clsx__ from "clsx";
6
+ var _tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<a>");
7
+ const Link = (props)=>{
8
+ const [local, rest] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
9
+ "children",
10
+ "href",
11
+ "color",
12
+ "hover",
13
+ "class",
14
+ "className",
15
+ "dataTheme",
16
+ "style",
17
+ "asChild",
18
+ "aria-current",
19
+ "aria-label",
20
+ "aria-describedby"
21
+ ]);
22
+ const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
23
+ const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>(0, __WEBPACK_EXTERNAL_MODULE_tailwind_merge_e05e3e95__.twMerge)("link", (0, __WEBPACK_EXTERNAL_MODULE_clsx__["default"])({
24
+ "link-hover": false !== local.hover,
25
+ "link-neutral": "neutral" === local.color,
26
+ "link-primary": "primary" === local.color,
27
+ "link-secondary": "secondary" === local.color,
28
+ "link-accent": "accent" === local.color,
29
+ "link-info": "info" === local.color,
30
+ "link-success": "success" === local.color,
31
+ "link-warning": "warning" === local.color,
32
+ "link-error": "error" === local.color,
33
+ "link-ghost": "ghost" === local.color
34
+ }), local.class, local.className));
35
+ const ariaCurrent = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-current"]);
36
+ const ariaLabel = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-label"]);
37
+ const ariaDescribedby = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>local["aria-describedby"]);
38
+ if (local.asChild) return resolvedChildren();
39
+ return (()=>{
40
+ var _el$ = _tmpl$();
41
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(rest, {
42
+ get href () {
43
+ return local.href;
44
+ },
45
+ get ["class"] () {
46
+ return classes();
47
+ },
48
+ get style () {
49
+ return local.style;
50
+ },
51
+ get ["data-theme"] () {
52
+ return local.dataTheme;
53
+ },
54
+ get ["aria-current"] () {
55
+ return ariaCurrent();
56
+ },
57
+ get ["aria-label"] () {
58
+ return ariaLabel();
59
+ },
60
+ get ["aria-describedby"] () {
61
+ return ariaDescribedby();
62
+ },
63
+ rel: "noopener noreferrer"
64
+ }), false, true);
65
+ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, resolvedChildren);
66
+ return _el$;
67
+ })();
68
+ };
69
+ const link_Link = Link;
70
+ export { link_Link as default };