@bolio-ui/core 2.0.0-alpha.2 → 3.0.0-alpha.1

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 (844) hide show
  1. package/dist/Avatar/index.js +7 -7
  2. package/dist/Badge/Badge.d.ts +1 -0
  3. package/dist/Badge/index.js +7 -7
  4. package/dist/BolioUIProvider/index.js +11 -11
  5. package/dist/Breadcrumbs/index.js +8 -8
  6. package/dist/Button/Button.d.ts +1 -0
  7. package/dist/Button/ButtonIcon.d.ts +1 -3
  8. package/dist/Button/index.js +8 -8
  9. package/dist/Button/utils.d.ts +1 -1
  10. package/dist/ButtonDropdown/ButtonDropdown.d.ts +2 -0
  11. package/dist/ButtonDropdown/ButtonDropdownContext.d.ts +3 -0
  12. package/dist/ButtonDropdown/ButtonDropdownItem.d.ts +2 -1
  13. package/dist/ButtonDropdown/index.d.ts +1 -0
  14. package/dist/ButtonDropdown/index.js +8 -8
  15. package/dist/ButtonGroup/index.js +7 -7
  16. package/dist/Calendar/Calendar.d.ts +30 -6
  17. package/dist/Calendar/date-utils.d.ts +1 -0
  18. package/dist/Calendar/index.d.ts +1 -1
  19. package/dist/Calendar/index.js +7 -7
  20. package/dist/Capacity/index.js +7 -7
  21. package/dist/Card/Card.d.ts +3 -0
  22. package/dist/Card/index.js +9 -9
  23. package/dist/Carousel/Carousel.d.ts +21 -0
  24. package/dist/Carousel/index.d.ts +3 -0
  25. package/dist/Carousel/index.js +14 -0
  26. package/dist/Checkbox/index.js +7 -7
  27. package/dist/Code/index.js +8 -7
  28. package/dist/Col/index.js +2 -2
  29. package/dist/Collapse/Collapse.d.ts +3 -0
  30. package/dist/Collapse/index.js +8 -8
  31. package/dist/ColorInput/ColorInput.d.ts +24 -0
  32. package/dist/ColorInput/index.d.ts +3 -0
  33. package/dist/ColorInput/index.js +20 -0
  34. package/dist/ColorPicker/ColorPicker.d.ts +17 -0
  35. package/dist/ColorPicker/color-utils.d.ts +10 -0
  36. package/dist/ColorPicker/index.d.ts +3 -0
  37. package/dist/ColorPicker/index.js +14 -0
  38. package/dist/Combobox/Combobox.d.ts +7 -0
  39. package/dist/Combobox/index.js +9 -7
  40. package/dist/Command/Command.d.ts +19 -0
  41. package/dist/Command/index.d.ts +3 -0
  42. package/dist/Command/index.js +33 -0
  43. package/dist/Container/index.js +6 -6
  44. package/dist/ContextMenu/ContextMenu.d.ts +13 -0
  45. package/dist/ContextMenu/index.d.ts +3 -0
  46. package/dist/ContextMenu/index.js +25 -0
  47. package/dist/CssBaseline/index.js +6 -6
  48. package/dist/DatePicker/DatePicker.d.ts +7 -0
  49. package/dist/DatePicker/index.js +10 -8
  50. package/dist/DateRangePicker/DateRangePicker.d.ts +29 -0
  51. package/dist/DateRangePicker/index.d.ts +3 -0
  52. package/dist/DateRangePicker/index.js +19 -0
  53. package/dist/Description/index.js +7 -7
  54. package/dist/Display/index.js +7 -7
  55. package/dist/Divider/index.js +7 -7
  56. package/dist/Dot/index.js +7 -7
  57. package/dist/Drawer/index.js +9 -9
  58. package/dist/Dropzone/Dropzone.d.ts +25 -0
  59. package/dist/Dropzone/DropzoneThumbnail.d.ts +9 -0
  60. package/dist/Dropzone/index.d.ts +3 -0
  61. package/dist/Dropzone/index.js +14 -0
  62. package/dist/EmptyState/EmptyState.d.ts +12 -0
  63. package/dist/EmptyState/index.d.ts +3 -0
  64. package/dist/EmptyState/index.js +14 -0
  65. package/dist/Fieldset/index.js +7 -7
  66. package/dist/Grid/Grid.d.ts +2 -2
  67. package/dist/Grid/GridContainer.d.ts +2 -2
  68. package/dist/Grid/index.js +7 -7
  69. package/dist/Image/index.js +8 -8
  70. package/dist/Input/InputIconClear.d.ts +2 -1
  71. package/dist/Input/InputProps.d.ts +9 -0
  72. package/dist/Input/index.js +11 -10
  73. package/dist/Input/styles.d.ts +10 -1
  74. package/dist/Keyboard/index.js +7 -7
  75. package/dist/Link/index.js +7 -7
  76. package/dist/Loading/index.js +7 -7
  77. package/dist/Marquee/Marquee.d.ts +14 -0
  78. package/dist/Marquee/index.d.ts +3 -0
  79. package/dist/Marquee/index.js +14 -0
  80. package/dist/MdxWidgets/index.js +22 -10
  81. package/dist/Menu/index.js +8 -8
  82. package/dist/Modal/index.js +11 -11
  83. package/dist/Note/index.js +7 -7
  84. package/dist/NumberInput/NumberInput.d.ts +5 -0
  85. package/dist/NumberInput/index.js +10 -9
  86. package/dist/Page/index.js +7 -7
  87. package/dist/Pagination/PaginationItem.d.ts +1 -1
  88. package/dist/Pagination/index.js +7 -7
  89. package/dist/PinInput/PinInput.d.ts +25 -0
  90. package/dist/PinInput/index.d.ts +3 -0
  91. package/dist/PinInput/index.js +16 -0
  92. package/dist/Popover/index.js +8 -8
  93. package/dist/Progress/Progress.d.ts +2 -0
  94. package/dist/Progress/index.js +7 -7
  95. package/dist/Radio/index.js +7 -7
  96. package/dist/Radio/styles.d.ts +1 -6
  97. package/dist/Rating/Rating.d.ts +16 -9
  98. package/dist/Rating/index.d.ts +1 -1
  99. package/dist/Rating/index.js +7 -7
  100. package/dist/Row/index.js +6 -6
  101. package/dist/Section/index.js +7 -7
  102. package/dist/SegmentedControl/SegmentedControl.d.ts +16 -0
  103. package/dist/SegmentedControl/SegmentedControlContext.d.ts +10 -0
  104. package/dist/SegmentedControl/SegmentedControlItem.d.ts +13 -0
  105. package/dist/SegmentedControl/index.d.ts +10 -0
  106. package/dist/SegmentedControl/index.js +14 -0
  107. package/dist/Select/Select.d.ts +5 -0
  108. package/dist/Select/SelectDropdown.d.ts +2 -0
  109. package/dist/Select/index.js +12 -10
  110. package/dist/Shared/backdrop.d.ts +1 -1
  111. package/dist/Skeleton/index.js +7 -7
  112. package/dist/Slider/index.js +8 -8
  113. package/dist/Snippet/index.js +7 -7
  114. package/dist/Spacer/index.js +7 -7
  115. package/dist/Spinner/index.js +7 -7
  116. package/dist/Stat/Stat.d.ts +12 -0
  117. package/dist/Stat/index.d.ts +3 -0
  118. package/dist/Stat/index.js +14 -0
  119. package/dist/Stepper/index.js +7 -7
  120. package/dist/Table/Table.d.ts +7 -0
  121. package/dist/Table/index.d.ts +1 -1
  122. package/dist/Table/index.js +11 -7
  123. package/dist/Tabs/Tabs.d.ts +1 -0
  124. package/dist/Tabs/index.js +7 -7
  125. package/dist/Tag/index.js +8 -7
  126. package/dist/TagsInput/TagsInput.d.ts +26 -0
  127. package/dist/TagsInput/index.d.ts +3 -0
  128. package/dist/TagsInput/index.js +17 -0
  129. package/dist/Text/index.js +7 -7
  130. package/dist/Textarea/Textarea.d.ts +5 -0
  131. package/dist/Textarea/index.js +9 -8
  132. package/dist/Themes/index.js +3 -3
  133. package/dist/Timeline/Timeline.d.ts +10 -0
  134. package/dist/Timeline/TimelineItem.d.ts +13 -0
  135. package/dist/Timeline/index.d.ts +9 -0
  136. package/dist/Timeline/index.js +14 -0
  137. package/dist/Toggle/Toggle.d.ts +2 -0
  138. package/dist/Toggle/index.js +7 -7
  139. package/dist/Tooltip/index.js +7 -7
  140. package/dist/Tree/Tree.d.ts +17 -0
  141. package/dist/Tree/TreeContext.d.ts +17 -0
  142. package/dist/Tree/TreeNode.d.ts +8 -0
  143. package/dist/Tree/index.d.ts +3 -0
  144. package/dist/Tree/index.js +14 -0
  145. package/dist/chunk-2A4BSQ66.js +130 -0
  146. package/dist/chunk-2EYJZXS4.js +225 -0
  147. package/dist/chunk-4QA7Z7VP.js +132 -0
  148. package/dist/chunk-4X4ELIMQ.js +231 -0
  149. package/dist/{chunk-IB2FP4DM.js → chunk-4ZGR7UMX.js} +116 -78
  150. package/dist/chunk-56NE4QGR.js +284 -0
  151. package/dist/{chunk-UVCSH6DW.js → chunk-5HRVN7L7.js} +2 -2
  152. package/dist/chunk-5M4QUTS4.js +74 -0
  153. package/dist/chunk-67WAS5AY.js +84 -0
  154. package/dist/chunk-6U7FXFJP.js +425 -0
  155. package/dist/{chunk-RF5ZQ37O.js → chunk-6VDRKYLW.js} +2 -2
  156. package/dist/chunk-6ZBFUZSL.js +363 -0
  157. package/dist/chunk-7N7PEBRB.js +82 -0
  158. package/dist/chunk-A2NLRQ55.js +177 -0
  159. package/dist/chunk-A6N5PIXN.js +166 -0
  160. package/dist/chunk-AFBCMW2I.js +100 -0
  161. package/dist/chunk-AG2NWQYL.js +151 -0
  162. package/dist/chunk-AHWF22ZQ.js +97 -0
  163. package/dist/chunk-AVO2SK2I.js +109 -0
  164. package/dist/chunk-BJRUC4XL.js +40 -0
  165. package/dist/chunk-CGEUUDJ4.js +250 -0
  166. package/dist/chunk-D7CNDAYB.js +92 -0
  167. package/dist/chunk-DAZ2GHNP.js +73 -0
  168. package/dist/chunk-DIMJQLWY.js +601 -0
  169. package/dist/chunk-DXHNQANX.js +487 -0
  170. package/dist/chunk-E5EDUOQT.js +373 -0
  171. package/dist/chunk-EAHIBHMI.js +250 -0
  172. package/dist/chunk-EEZG4FGY.js +142 -0
  173. package/dist/{chunk-TFZ2IGNH.js → chunk-FEA5BJ35.js} +2 -2
  174. package/dist/chunk-G4KB56RO.js +217 -0
  175. package/dist/chunk-GGCVPMXO.js +188 -0
  176. package/dist/chunk-GJ77XHZ3.js +83 -0
  177. package/dist/chunk-GYFW5NLU.js +257 -0
  178. package/dist/chunk-HK6XCH2C.js +76 -0
  179. package/dist/chunk-IIKZQZXS.js +269 -0
  180. package/dist/chunk-IJGIEX5J.js +211 -0
  181. package/dist/chunk-ISLUC2SD.js +140 -0
  182. package/dist/chunk-IUZV5Y27.js +370 -0
  183. package/dist/chunk-JAVXTBV2.js +238 -0
  184. package/dist/chunk-JFNYQSEZ.js +200 -0
  185. package/dist/chunk-K6UULETP.js +244 -0
  186. package/dist/chunk-KBZEYKCZ.js +98 -0
  187. package/dist/chunk-KWKFVS32.js +225 -0
  188. package/dist/chunk-LA46RLOT.js +180 -0
  189. package/dist/chunk-LMDBE6T6.js +88 -0
  190. package/dist/chunk-LQYCPFUA.js +188 -0
  191. package/dist/chunk-LSSL324I.js +84 -0
  192. package/dist/{chunk-S62PPQHN.js → chunk-MAICNLTY.js} +2 -2
  193. package/dist/chunk-MDSRXACM.js +212 -0
  194. package/dist/chunk-MGHMAZRL.js +231 -0
  195. package/dist/chunk-NEG5UNM6.js +451 -0
  196. package/dist/chunk-NLJHFKAN.js +165 -0
  197. package/dist/chunk-OAMGJMK4.js +210 -0
  198. package/dist/chunk-OKZRHSSG.js +271 -0
  199. package/dist/chunk-P245HSVB.js +450 -0
  200. package/dist/chunk-PGQYW6YF.js +245 -0
  201. package/dist/chunk-QCE3XFHZ.js +32 -0
  202. package/dist/{chunk-5BRAW5HK.js → chunk-QILHI3LO.js} +2 -2
  203. package/dist/chunk-RD4CEB5S.js +155 -0
  204. package/dist/chunk-RRFCNZ2T.js +70 -0
  205. package/dist/chunk-RZSTPJ76.js +49 -0
  206. package/dist/chunk-SDC2VF5K.js +54 -0
  207. package/dist/chunk-SGWX6H4Y.js +354 -0
  208. package/dist/{chunk-VCTKX4AS.js → chunk-SZIX7BM5.js} +1 -1
  209. package/dist/chunk-T5BYQGC3.js +79 -0
  210. package/dist/chunk-T74YHCG6.js +151 -0
  211. package/dist/chunk-TDJGMSGT.js +325 -0
  212. package/dist/chunk-TJUNBMNF.js +65 -0
  213. package/dist/chunk-TKICX5R6.js +351 -0
  214. package/dist/chunk-TKIUVNKP.js +217 -0
  215. package/dist/chunk-TWIOSRRP.js +294 -0
  216. package/dist/chunk-TZ7TOEP3.js +54 -0
  217. package/dist/chunk-UOGCO6CV.js +43 -0
  218. package/dist/{chunk-45MVPPJN.js → chunk-V5I4ORQQ.js} +2 -2
  219. package/dist/chunk-WEYAL53O.js +103 -0
  220. package/dist/chunk-WFGUAR7K.js +346 -0
  221. package/dist/chunk-WXW7BYE7.js +297 -0
  222. package/dist/chunk-X4TPC7HS.js +160 -0
  223. package/dist/{chunk-QUMM6MGX.js → chunk-X5PGXMVQ.js} +2 -2
  224. package/dist/chunk-XC33TGGT.js +110 -0
  225. package/dist/{chunk-CPIFYIT3.js → chunk-XF4TPE2W.js} +208 -140
  226. package/dist/chunk-XLPOECCE.js +524 -0
  227. package/dist/chunk-XWRDUQKY.js +98 -0
  228. package/dist/css/Avatar-AvatarGroup.css +17 -0
  229. package/dist/css/Avatar-AvatarSkeleton.css +24 -0
  230. package/dist/css/Avatar.css +31 -0
  231. package/dist/css/Badge-BadgeAnchor.css +15 -0
  232. package/dist/css/Badge.css +45 -0
  233. package/dist/css/Breadcrumbs.css +32 -0
  234. package/dist/css/Button-ButtonDrip.css +35 -0
  235. package/dist/css/Button-ButtonIcon.css +18 -0
  236. package/dist/css/Button-ButtonLoading.css +12 -0
  237. package/dist/css/Button.css +51 -0
  238. package/dist/css/ButtonDropdown-ButtonDropdownItem.css +50 -0
  239. package/dist/css/ButtonDropdown-Icon.css +6 -0
  240. package/dist/css/ButtonDropdown.css +70 -0
  241. package/dist/css/ButtonGroup.css +45 -0
  242. package/dist/css/Calendar.css +133 -0
  243. package/dist/css/Capacity.css +13 -0
  244. package/dist/css/Card-CardContent.css +10 -0
  245. package/dist/css/Card-CardFooter.css +16 -0
  246. package/dist/css/Card.css +45 -0
  247. package/dist/css/Carousel.css +128 -0
  248. package/dist/css/Checkbox-CheckboxGroup.css +11 -0
  249. package/dist/css/Checkbox-CheckboxIcon.css +9 -0
  250. package/dist/css/Checkbox.css +35 -0
  251. package/dist/css/Code.css +98 -0
  252. package/dist/css/Col.css +8 -0
  253. package/dist/css/Collapse-CollapseGroup.css +6 -0
  254. package/dist/css/Collapse-CollapseIcon.css +8 -0
  255. package/dist/css/Collapse.css +64 -0
  256. package/dist/css/ColorInput.css +97 -0
  257. package/dist/css/ColorPicker.css +186 -0
  258. package/dist/css/Combobox.css +109 -0
  259. package/dist/css/Command.css +42 -0
  260. package/dist/css/Container.css +9 -0
  261. package/dist/css/ContextMenu.css +17 -0
  262. package/dist/css/DatePicker.css +95 -0
  263. package/dist/css/DateRangePicker.css +110 -0
  264. package/dist/css/Description.css +24 -0
  265. package/dist/css/Display.css +31 -0
  266. package/dist/css/Divider.css +34 -0
  267. package/dist/css/Dot.css +24 -0
  268. package/dist/css/Drawer-DrawerWrapper.css +89 -0
  269. package/dist/css/Dropzone.css +163 -0
  270. package/dist/css/EmptyState.css +36 -0
  271. package/dist/css/Fieldset-FieldsetContent.css +10 -0
  272. package/dist/css/Fieldset-FieldsetFooter.css +10 -0
  273. package/dist/css/Fieldset-FieldsetGroup.css +60 -0
  274. package/dist/css/Fieldset-FieldsetSubtitle.css +9 -0
  275. package/dist/css/Fieldset-FieldsetTitle.css +12 -0
  276. package/dist/css/Grid-BasicItem.css +66 -0
  277. package/dist/css/Image-ImageBrowser.css +101 -0
  278. package/dist/css/Image-ImageBrowserHttpsIcon.css +7 -0
  279. package/dist/css/Image-ImageSkeleton.css +24 -0
  280. package/dist/css/Image.css +13 -0
  281. package/dist/css/Input-InputBlockLabel.css +17 -0
  282. package/dist/css/Input-InputIcon.css +26 -0
  283. package/dist/css/Input-InputIconClear.css +33 -0
  284. package/dist/css/Input-InputLabel.css +13 -0
  285. package/dist/css/Input.css +118 -0
  286. package/dist/css/Keyboard.css +20 -0
  287. package/dist/css/Link-Icon.css +9 -0
  288. package/dist/css/Link.css +21 -0
  289. package/dist/css/Loading.css +62 -0
  290. package/dist/css/Marquee.css +46 -0
  291. package/dist/css/MdxWidgets-MockPage.css +20 -0
  292. package/dist/css/Menu-MenuItem.css +70 -0
  293. package/dist/css/Menu-MenuList.css +24 -0
  294. package/dist/css/Menu-MenuSub.css +12 -0
  295. package/dist/css/Menu.css +6 -0
  296. package/dist/css/Modal-ModalAction.css +8 -0
  297. package/dist/css/Modal-ModalActions.css +21 -0
  298. package/dist/css/Modal-ModalContent.css +15 -0
  299. package/dist/css/Modal-ModalSubtitle.css +11 -0
  300. package/dist/css/Modal-ModalTitle.css +14 -0
  301. package/dist/css/Modal-ModalWrapper.css +47 -0
  302. package/dist/css/Note.css +17 -0
  303. package/dist/css/NumberInput.css +80 -0
  304. package/dist/css/Page-PageHeader.css +8 -0
  305. package/dist/css/Page.css +17 -0
  306. package/dist/css/Pagination-PaginationEllipsis.css +9 -0
  307. package/dist/css/Pagination-PaginationItem.css +60 -0
  308. package/dist/css/Pagination.css +17 -0
  309. package/dist/css/PinInput.css +41 -0
  310. package/dist/css/Popover-PopoverItem.css +26 -0
  311. package/dist/css/Progress.css +65 -0
  312. package/dist/css/Radio-RadioGroup.css +16 -0
  313. package/dist/css/Radio.css +81 -0
  314. package/dist/css/Rating.css +87 -0
  315. package/dist/css/Row.css +8 -0
  316. package/dist/css/SegmentedControl-SegmentedControlItem.css +65 -0
  317. package/dist/css/SegmentedControl.css +14 -0
  318. package/dist/css/Select-SelectDropdown.css +16 -0
  319. package/dist/css/Select-SelectIcon.css +10 -0
  320. package/dist/css/Select-SelectIconClear.css +26 -0
  321. package/dist/css/Select-SelectInput.css +15 -0
  322. package/dist/css/Select-SelectMultipleValue.css +25 -0
  323. package/dist/css/Select-SelectOption.css +78 -0
  324. package/dist/css/Select.css +91 -0
  325. package/dist/css/Shared-backdrop.css +64 -0
  326. package/dist/css/Shared-ellipsis.css +9 -0
  327. package/dist/css/Skeleton.css +46 -0
  328. package/dist/css/Slider-SliderDot.css +39 -0
  329. package/dist/css/Slider-SliderMark.css +10 -0
  330. package/dist/css/Slider.css +7 -0
  331. package/dist/css/Snippet-SnippetIcon.css +7 -0
  332. package/dist/css/Snippet.css +45 -0
  333. package/dist/css/Spinner.css +95 -0
  334. package/dist/css/Stat.css +30 -0
  335. package/dist/css/Stepper-StepperStep.css +106 -0
  336. package/dist/css/Stepper.css +12 -0
  337. package/dist/css/Table-TableBody.css +27 -0
  338. package/dist/css/Table-TableHead.css +47 -0
  339. package/dist/css/Table.css +20 -0
  340. package/dist/css/Tabs-TabsItem.css +90 -0
  341. package/dist/css/Tabs.css +65 -0
  342. package/dist/css/Tag.css +8 -0
  343. package/dist/css/TagsInput.css +101 -0
  344. package/dist/css/Textarea.css +62 -0
  345. package/dist/css/Timeline.css +68 -0
  346. package/dist/css/Toggle.css +85 -0
  347. package/dist/css/Tooltip-TooltipContent.css +16 -0
  348. package/dist/css/Tooltip-TooltipIcon.css +11 -0
  349. package/dist/css/Tooltip.css +7 -0
  350. package/dist/css/Tree.css +88 -0
  351. package/dist/css/use-toasts-toast-container.css +26 -0
  352. package/dist/css/use-toasts-toast-item.css +61 -0
  353. package/dist/index.d.ts +32 -2
  354. package/dist/index.js +135 -75
  355. package/dist/styles.css +5276 -0
  356. package/dist/use-all-themes/index.js +4 -4
  357. package/dist/use-media-query/index.js +6 -6
  358. package/dist/use-scale/index.js +6 -6
  359. package/dist/use-theme/index.js +5 -5
  360. package/esm/Avatar/index.js +6 -6
  361. package/esm/Badge/Badge.d.ts +1 -0
  362. package/esm/Badge/index.js +6 -6
  363. package/esm/BolioUIProvider/index.js +10 -10
  364. package/esm/Breadcrumbs/index.js +7 -7
  365. package/esm/Button/Button.d.ts +1 -0
  366. package/esm/Button/ButtonIcon.d.ts +1 -3
  367. package/esm/Button/index.js +7 -7
  368. package/esm/Button/utils.d.ts +1 -1
  369. package/esm/ButtonDropdown/ButtonDropdown.d.ts +2 -0
  370. package/esm/ButtonDropdown/ButtonDropdownContext.d.ts +3 -0
  371. package/esm/ButtonDropdown/ButtonDropdownItem.d.ts +2 -1
  372. package/esm/ButtonDropdown/index.d.ts +1 -0
  373. package/esm/ButtonDropdown/index.js +7 -7
  374. package/esm/ButtonGroup/index.js +6 -6
  375. package/esm/Calendar/Calendar.d.ts +30 -6
  376. package/esm/Calendar/date-utils.d.ts +1 -0
  377. package/esm/Calendar/index.d.ts +1 -1
  378. package/esm/Calendar/index.js +6 -6
  379. package/esm/Capacity/index.js +6 -6
  380. package/esm/Card/Card.d.ts +3 -0
  381. package/esm/Card/index.js +8 -8
  382. package/esm/Carousel/Carousel.d.ts +21 -0
  383. package/esm/Carousel/index.d.ts +3 -0
  384. package/esm/Carousel/index.js +14 -0
  385. package/esm/Checkbox/index.js +6 -6
  386. package/esm/Code/index.js +7 -6
  387. package/esm/Col/index.js +1 -1
  388. package/esm/Collapse/Collapse.d.ts +3 -0
  389. package/esm/Collapse/index.js +7 -7
  390. package/esm/ColorInput/ColorInput.d.ts +24 -0
  391. package/esm/ColorInput/index.d.ts +3 -0
  392. package/esm/ColorInput/index.js +20 -0
  393. package/esm/ColorPicker/ColorPicker.d.ts +17 -0
  394. package/esm/ColorPicker/color-utils.d.ts +10 -0
  395. package/esm/ColorPicker/index.d.ts +3 -0
  396. package/esm/ColorPicker/index.js +14 -0
  397. package/esm/Combobox/Combobox.d.ts +7 -0
  398. package/esm/Combobox/index.js +8 -6
  399. package/esm/Command/Command.d.ts +19 -0
  400. package/esm/Command/index.d.ts +3 -0
  401. package/esm/Command/index.js +33 -0
  402. package/esm/Container/index.js +5 -5
  403. package/esm/ContextMenu/ContextMenu.d.ts +13 -0
  404. package/esm/ContextMenu/index.d.ts +3 -0
  405. package/esm/ContextMenu/index.js +25 -0
  406. package/esm/CssBaseline/index.js +5 -5
  407. package/esm/DatePicker/DatePicker.d.ts +7 -0
  408. package/esm/DatePicker/index.js +9 -7
  409. package/esm/DateRangePicker/DateRangePicker.d.ts +29 -0
  410. package/esm/DateRangePicker/index.d.ts +3 -0
  411. package/esm/DateRangePicker/index.js +19 -0
  412. package/esm/Description/index.js +6 -6
  413. package/esm/Display/index.js +6 -6
  414. package/esm/Divider/index.js +6 -6
  415. package/esm/Dot/index.js +6 -6
  416. package/esm/Drawer/index.js +8 -8
  417. package/esm/Dropzone/Dropzone.d.ts +25 -0
  418. package/esm/Dropzone/DropzoneThumbnail.d.ts +9 -0
  419. package/esm/Dropzone/index.d.ts +3 -0
  420. package/esm/Dropzone/index.js +14 -0
  421. package/esm/EmptyState/EmptyState.d.ts +12 -0
  422. package/esm/EmptyState/index.d.ts +3 -0
  423. package/esm/EmptyState/index.js +14 -0
  424. package/esm/Fieldset/index.js +6 -6
  425. package/esm/Grid/Grid.d.ts +2 -2
  426. package/esm/Grid/GridContainer.d.ts +2 -2
  427. package/esm/Grid/index.js +6 -6
  428. package/esm/Image/index.js +7 -7
  429. package/esm/Input/InputIconClear.d.ts +2 -1
  430. package/esm/Input/InputProps.d.ts +9 -0
  431. package/esm/Input/index.js +10 -9
  432. package/esm/Input/styles.d.ts +10 -1
  433. package/esm/Keyboard/index.js +6 -6
  434. package/esm/Link/index.js +6 -6
  435. package/esm/Loading/index.js +6 -6
  436. package/esm/Marquee/Marquee.d.ts +14 -0
  437. package/esm/Marquee/index.d.ts +3 -0
  438. package/esm/Marquee/index.js +14 -0
  439. package/esm/MdxWidgets/index.js +21 -9
  440. package/esm/Menu/index.js +7 -7
  441. package/esm/Modal/index.js +10 -10
  442. package/esm/Note/index.js +6 -6
  443. package/esm/NumberInput/NumberInput.d.ts +5 -0
  444. package/esm/NumberInput/index.js +9 -8
  445. package/esm/Page/index.js +6 -6
  446. package/esm/Pagination/PaginationItem.d.ts +1 -1
  447. package/esm/Pagination/index.js +6 -6
  448. package/esm/PinInput/PinInput.d.ts +25 -0
  449. package/esm/PinInput/index.d.ts +3 -0
  450. package/esm/PinInput/index.js +16 -0
  451. package/esm/Popover/index.js +7 -7
  452. package/esm/Progress/Progress.d.ts +2 -0
  453. package/esm/Progress/index.js +6 -6
  454. package/esm/Radio/index.js +6 -6
  455. package/esm/Radio/styles.d.ts +1 -6
  456. package/esm/Rating/Rating.d.ts +16 -9
  457. package/esm/Rating/index.d.ts +1 -1
  458. package/esm/Rating/index.js +6 -6
  459. package/esm/Row/index.js +5 -5
  460. package/esm/Section/index.js +6 -6
  461. package/esm/SegmentedControl/SegmentedControl.d.ts +16 -0
  462. package/esm/SegmentedControl/SegmentedControlContext.d.ts +10 -0
  463. package/esm/SegmentedControl/SegmentedControlItem.d.ts +13 -0
  464. package/esm/SegmentedControl/index.d.ts +10 -0
  465. package/esm/SegmentedControl/index.js +14 -0
  466. package/esm/Select/Select.d.ts +5 -0
  467. package/esm/Select/SelectDropdown.d.ts +2 -0
  468. package/esm/Select/index.js +11 -9
  469. package/esm/Shared/backdrop.d.ts +1 -1
  470. package/esm/Skeleton/index.js +6 -6
  471. package/esm/Slider/index.js +7 -7
  472. package/esm/Snippet/index.js +6 -6
  473. package/esm/Spacer/index.js +6 -6
  474. package/esm/Spinner/index.js +6 -6
  475. package/esm/Stat/Stat.d.ts +12 -0
  476. package/esm/Stat/index.d.ts +3 -0
  477. package/esm/Stat/index.js +14 -0
  478. package/esm/Stepper/index.js +6 -6
  479. package/esm/Table/Table.d.ts +7 -0
  480. package/esm/Table/index.d.ts +1 -1
  481. package/esm/Table/index.js +10 -6
  482. package/esm/Tabs/Tabs.d.ts +1 -0
  483. package/esm/Tabs/index.js +6 -6
  484. package/esm/Tag/index.js +7 -6
  485. package/esm/TagsInput/TagsInput.d.ts +26 -0
  486. package/esm/TagsInput/index.d.ts +3 -0
  487. package/esm/TagsInput/index.js +17 -0
  488. package/esm/Text/index.js +6 -6
  489. package/esm/Textarea/Textarea.d.ts +5 -0
  490. package/esm/Textarea/index.js +8 -7
  491. package/esm/Themes/index.js +2 -2
  492. package/esm/Timeline/Timeline.d.ts +10 -0
  493. package/esm/Timeline/TimelineItem.d.ts +13 -0
  494. package/esm/Timeline/index.d.ts +9 -0
  495. package/esm/Timeline/index.js +14 -0
  496. package/esm/Toggle/Toggle.d.ts +2 -0
  497. package/esm/Toggle/index.js +6 -6
  498. package/esm/Tooltip/index.js +6 -6
  499. package/esm/Tree/Tree.d.ts +17 -0
  500. package/esm/Tree/TreeContext.d.ts +17 -0
  501. package/esm/Tree/TreeNode.d.ts +8 -0
  502. package/esm/Tree/index.d.ts +3 -0
  503. package/esm/Tree/index.js +14 -0
  504. package/esm/chunk-2A4BSQ66.js +130 -0
  505. package/esm/chunk-2EYJZXS4.js +225 -0
  506. package/esm/chunk-4QA7Z7VP.js +132 -0
  507. package/esm/chunk-4X4ELIMQ.js +231 -0
  508. package/esm/{chunk-IB2FP4DM.js → chunk-4ZGR7UMX.js} +112 -74
  509. package/esm/chunk-56NE4QGR.js +284 -0
  510. package/esm/{chunk-UVCSH6DW.js → chunk-5HRVN7L7.js} +1 -1
  511. package/esm/chunk-5M4QUTS4.js +74 -0
  512. package/esm/chunk-67WAS5AY.js +84 -0
  513. package/esm/chunk-6U7FXFJP.js +425 -0
  514. package/esm/{chunk-RF5ZQ37O.js → chunk-6VDRKYLW.js} +1 -1
  515. package/esm/chunk-6ZBFUZSL.js +363 -0
  516. package/esm/chunk-7N7PEBRB.js +82 -0
  517. package/esm/chunk-A2NLRQ55.js +177 -0
  518. package/esm/chunk-A6N5PIXN.js +166 -0
  519. package/esm/chunk-AFBCMW2I.js +100 -0
  520. package/esm/chunk-AG2NWQYL.js +151 -0
  521. package/esm/chunk-AHWF22ZQ.js +97 -0
  522. package/esm/chunk-AVO2SK2I.js +109 -0
  523. package/esm/chunk-BJRUC4XL.js +40 -0
  524. package/esm/chunk-CGEUUDJ4.js +250 -0
  525. package/esm/chunk-D7CNDAYB.js +92 -0
  526. package/esm/chunk-DAZ2GHNP.js +73 -0
  527. package/esm/chunk-DIMJQLWY.js +601 -0
  528. package/esm/chunk-DXHNQANX.js +487 -0
  529. package/esm/chunk-E5EDUOQT.js +373 -0
  530. package/esm/chunk-EAHIBHMI.js +250 -0
  531. package/esm/chunk-EEZG4FGY.js +142 -0
  532. package/esm/{chunk-TFZ2IGNH.js → chunk-FEA5BJ35.js} +1 -1
  533. package/esm/chunk-G4KB56RO.js +217 -0
  534. package/esm/chunk-GGCVPMXO.js +188 -0
  535. package/esm/chunk-GJ77XHZ3.js +83 -0
  536. package/esm/chunk-GYFW5NLU.js +257 -0
  537. package/esm/chunk-HK6XCH2C.js +76 -0
  538. package/esm/chunk-IIKZQZXS.js +269 -0
  539. package/esm/chunk-IJGIEX5J.js +211 -0
  540. package/esm/chunk-ISLUC2SD.js +140 -0
  541. package/esm/chunk-IUZV5Y27.js +370 -0
  542. package/esm/chunk-JAVXTBV2.js +238 -0
  543. package/esm/chunk-JFNYQSEZ.js +200 -0
  544. package/esm/chunk-K6UULETP.js +244 -0
  545. package/esm/chunk-KBZEYKCZ.js +98 -0
  546. package/esm/chunk-KWKFVS32.js +225 -0
  547. package/esm/chunk-LA46RLOT.js +180 -0
  548. package/esm/chunk-LMDBE6T6.js +88 -0
  549. package/esm/chunk-LQYCPFUA.js +188 -0
  550. package/esm/chunk-LSSL324I.js +84 -0
  551. package/esm/{chunk-S62PPQHN.js → chunk-MAICNLTY.js} +1 -1
  552. package/esm/chunk-MDSRXACM.js +212 -0
  553. package/esm/chunk-MGHMAZRL.js +231 -0
  554. package/esm/chunk-NEG5UNM6.js +451 -0
  555. package/esm/chunk-NLJHFKAN.js +165 -0
  556. package/esm/chunk-OAMGJMK4.js +210 -0
  557. package/esm/chunk-OKZRHSSG.js +271 -0
  558. package/esm/chunk-P245HSVB.js +450 -0
  559. package/esm/chunk-PGQYW6YF.js +245 -0
  560. package/esm/chunk-QCE3XFHZ.js +32 -0
  561. package/esm/{chunk-5BRAW5HK.js → chunk-QILHI3LO.js} +1 -1
  562. package/esm/chunk-RD4CEB5S.js +155 -0
  563. package/esm/chunk-RRFCNZ2T.js +70 -0
  564. package/esm/chunk-RZSTPJ76.js +49 -0
  565. package/esm/chunk-SDC2VF5K.js +54 -0
  566. package/esm/chunk-SGWX6H4Y.js +354 -0
  567. package/esm/{chunk-VCTKX4AS.js → chunk-SZIX7BM5.js} +1 -1
  568. package/esm/chunk-T5BYQGC3.js +79 -0
  569. package/esm/chunk-T74YHCG6.js +151 -0
  570. package/esm/chunk-TDJGMSGT.js +325 -0
  571. package/esm/chunk-TJUNBMNF.js +65 -0
  572. package/esm/chunk-TKICX5R6.js +351 -0
  573. package/esm/chunk-TKIUVNKP.js +217 -0
  574. package/esm/chunk-TWIOSRRP.js +294 -0
  575. package/esm/chunk-TZ7TOEP3.js +54 -0
  576. package/esm/chunk-UOGCO6CV.js +43 -0
  577. package/esm/{chunk-45MVPPJN.js → chunk-V5I4ORQQ.js} +1 -1
  578. package/esm/chunk-WEYAL53O.js +103 -0
  579. package/esm/chunk-WFGUAR7K.js +346 -0
  580. package/esm/chunk-WXW7BYE7.js +297 -0
  581. package/esm/chunk-X4TPC7HS.js +160 -0
  582. package/esm/{chunk-QUMM6MGX.js → chunk-X5PGXMVQ.js} +1 -1
  583. package/esm/chunk-XC33TGGT.js +110 -0
  584. package/esm/{chunk-CPIFYIT3.js → chunk-XF4TPE2W.js} +210 -142
  585. package/esm/chunk-XLPOECCE.js +524 -0
  586. package/esm/chunk-XWRDUQKY.js +98 -0
  587. package/esm/css/Avatar-AvatarGroup.css +17 -0
  588. package/esm/css/Avatar-AvatarSkeleton.css +24 -0
  589. package/esm/css/Avatar.css +31 -0
  590. package/esm/css/Badge-BadgeAnchor.css +15 -0
  591. package/esm/css/Badge.css +45 -0
  592. package/esm/css/Breadcrumbs.css +32 -0
  593. package/esm/css/Button-ButtonDrip.css +35 -0
  594. package/esm/css/Button-ButtonIcon.css +18 -0
  595. package/esm/css/Button-ButtonLoading.css +12 -0
  596. package/esm/css/Button.css +51 -0
  597. package/esm/css/ButtonDropdown-ButtonDropdownItem.css +50 -0
  598. package/esm/css/ButtonDropdown-Icon.css +6 -0
  599. package/esm/css/ButtonDropdown.css +70 -0
  600. package/esm/css/ButtonGroup.css +45 -0
  601. package/esm/css/Calendar.css +133 -0
  602. package/esm/css/Capacity.css +13 -0
  603. package/esm/css/Card-CardContent.css +10 -0
  604. package/esm/css/Card-CardFooter.css +16 -0
  605. package/esm/css/Card.css +45 -0
  606. package/esm/css/Carousel.css +128 -0
  607. package/esm/css/Checkbox-CheckboxGroup.css +11 -0
  608. package/esm/css/Checkbox-CheckboxIcon.css +9 -0
  609. package/esm/css/Checkbox.css +35 -0
  610. package/esm/css/Code.css +98 -0
  611. package/esm/css/Col.css +8 -0
  612. package/esm/css/Collapse-CollapseGroup.css +6 -0
  613. package/esm/css/Collapse-CollapseIcon.css +8 -0
  614. package/esm/css/Collapse.css +64 -0
  615. package/esm/css/ColorInput.css +97 -0
  616. package/esm/css/ColorPicker.css +186 -0
  617. package/esm/css/Combobox.css +109 -0
  618. package/esm/css/Command.css +42 -0
  619. package/esm/css/Container.css +9 -0
  620. package/esm/css/ContextMenu.css +17 -0
  621. package/esm/css/DatePicker.css +95 -0
  622. package/esm/css/DateRangePicker.css +110 -0
  623. package/esm/css/Description.css +24 -0
  624. package/esm/css/Display.css +31 -0
  625. package/esm/css/Divider.css +34 -0
  626. package/esm/css/Dot.css +24 -0
  627. package/esm/css/Drawer-DrawerWrapper.css +89 -0
  628. package/esm/css/Dropzone.css +163 -0
  629. package/esm/css/EmptyState.css +36 -0
  630. package/esm/css/Fieldset-FieldsetContent.css +10 -0
  631. package/esm/css/Fieldset-FieldsetFooter.css +10 -0
  632. package/esm/css/Fieldset-FieldsetGroup.css +60 -0
  633. package/esm/css/Fieldset-FieldsetSubtitle.css +9 -0
  634. package/esm/css/Fieldset-FieldsetTitle.css +12 -0
  635. package/esm/css/Grid-BasicItem.css +66 -0
  636. package/esm/css/Image-ImageBrowser.css +101 -0
  637. package/esm/css/Image-ImageBrowserHttpsIcon.css +7 -0
  638. package/esm/css/Image-ImageSkeleton.css +24 -0
  639. package/esm/css/Image.css +13 -0
  640. package/esm/css/Input-InputBlockLabel.css +17 -0
  641. package/esm/css/Input-InputIcon.css +26 -0
  642. package/esm/css/Input-InputIconClear.css +33 -0
  643. package/esm/css/Input-InputLabel.css +13 -0
  644. package/esm/css/Input.css +118 -0
  645. package/esm/css/Keyboard.css +20 -0
  646. package/esm/css/Link-Icon.css +9 -0
  647. package/esm/css/Link.css +21 -0
  648. package/esm/css/Loading.css +62 -0
  649. package/esm/css/Marquee.css +46 -0
  650. package/esm/css/MdxWidgets-MockPage.css +20 -0
  651. package/esm/css/Menu-MenuItem.css +70 -0
  652. package/esm/css/Menu-MenuList.css +24 -0
  653. package/esm/css/Menu-MenuSub.css +12 -0
  654. package/esm/css/Menu.css +6 -0
  655. package/esm/css/Modal-ModalAction.css +8 -0
  656. package/esm/css/Modal-ModalActions.css +21 -0
  657. package/esm/css/Modal-ModalContent.css +15 -0
  658. package/esm/css/Modal-ModalSubtitle.css +11 -0
  659. package/esm/css/Modal-ModalTitle.css +14 -0
  660. package/esm/css/Modal-ModalWrapper.css +47 -0
  661. package/esm/css/Note.css +17 -0
  662. package/esm/css/NumberInput.css +80 -0
  663. package/esm/css/Page-PageHeader.css +8 -0
  664. package/esm/css/Page.css +17 -0
  665. package/esm/css/Pagination-PaginationEllipsis.css +9 -0
  666. package/esm/css/Pagination-PaginationItem.css +60 -0
  667. package/esm/css/Pagination.css +17 -0
  668. package/esm/css/PinInput.css +41 -0
  669. package/esm/css/Popover-PopoverItem.css +26 -0
  670. package/esm/css/Progress.css +65 -0
  671. package/esm/css/Radio-RadioGroup.css +16 -0
  672. package/esm/css/Radio.css +81 -0
  673. package/esm/css/Rating.css +87 -0
  674. package/esm/css/Row.css +8 -0
  675. package/esm/css/SegmentedControl-SegmentedControlItem.css +65 -0
  676. package/esm/css/SegmentedControl.css +14 -0
  677. package/esm/css/Select-SelectDropdown.css +16 -0
  678. package/esm/css/Select-SelectIcon.css +10 -0
  679. package/esm/css/Select-SelectIconClear.css +26 -0
  680. package/esm/css/Select-SelectInput.css +15 -0
  681. package/esm/css/Select-SelectMultipleValue.css +25 -0
  682. package/esm/css/Select-SelectOption.css +78 -0
  683. package/esm/css/Select.css +91 -0
  684. package/esm/css/Shared-backdrop.css +64 -0
  685. package/esm/css/Shared-ellipsis.css +9 -0
  686. package/esm/css/Skeleton.css +46 -0
  687. package/esm/css/Slider-SliderDot.css +39 -0
  688. package/esm/css/Slider-SliderMark.css +10 -0
  689. package/esm/css/Slider.css +7 -0
  690. package/esm/css/Snippet-SnippetIcon.css +7 -0
  691. package/esm/css/Snippet.css +45 -0
  692. package/esm/css/Spinner.css +95 -0
  693. package/esm/css/Stat.css +30 -0
  694. package/esm/css/Stepper-StepperStep.css +106 -0
  695. package/esm/css/Stepper.css +12 -0
  696. package/esm/css/Table-TableBody.css +27 -0
  697. package/esm/css/Table-TableHead.css +47 -0
  698. package/esm/css/Table.css +20 -0
  699. package/esm/css/Tabs-TabsItem.css +90 -0
  700. package/esm/css/Tabs.css +65 -0
  701. package/esm/css/Tag.css +8 -0
  702. package/esm/css/TagsInput.css +101 -0
  703. package/esm/css/Textarea.css +62 -0
  704. package/esm/css/Timeline.css +68 -0
  705. package/esm/css/Toggle.css +85 -0
  706. package/esm/css/Tooltip-TooltipContent.css +16 -0
  707. package/esm/css/Tooltip-TooltipIcon.css +11 -0
  708. package/esm/css/Tooltip.css +7 -0
  709. package/esm/css/Tree.css +88 -0
  710. package/esm/css/use-toasts-toast-container.css +26 -0
  711. package/esm/css/use-toasts-toast-item.css +61 -0
  712. package/esm/index.d.ts +32 -2
  713. package/esm/index.js +161 -101
  714. package/esm/styles.css +5276 -0
  715. package/esm/use-all-themes/index.js +3 -3
  716. package/esm/use-media-query/index.js +5 -5
  717. package/esm/use-scale/index.js +5 -5
  718. package/esm/use-theme/index.js +4 -4
  719. package/package.json +9 -22
  720. package/dist/Next/StyledJsxRegistry.d.ts +0 -3
  721. package/dist/Next/index.d.ts +0 -3
  722. package/dist/Next/index.js +0 -25
  723. package/dist/Select/styles.d.ts +0 -10
  724. package/dist/chunk-33WYJZ4F.js +0 -88
  725. package/dist/chunk-3BVFLDHI.js +0 -295
  726. package/dist/chunk-3XTTDT42.js +0 -72
  727. package/dist/chunk-4RJGB3WA.js +0 -107
  728. package/dist/chunk-4VCNNVZ4.js +0 -310
  729. package/dist/chunk-5GR6MFT5.js +0 -70
  730. package/dist/chunk-5JAYTLFV.js +0 -227
  731. package/dist/chunk-5KWSYI7C.js +0 -143
  732. package/dist/chunk-5W4MJC2K.js +0 -55
  733. package/dist/chunk-6BHDVSPB.js +0 -226
  734. package/dist/chunk-6XJS3KMW.js +0 -436
  735. package/dist/chunk-7L3HCDGD.js +0 -65
  736. package/dist/chunk-APDSEVV6.js +0 -443
  737. package/dist/chunk-BDEBNBW6.js +0 -61
  738. package/dist/chunk-CNY7HPMQ.js +0 -191
  739. package/dist/chunk-CV4DIXTB.js +0 -93
  740. package/dist/chunk-DD72MTCX.js +0 -55
  741. package/dist/chunk-DTRBG524.js +0 -195
  742. package/dist/chunk-ELIPUM6Q.js +0 -142
  743. package/dist/chunk-EMDU5OPY.js +0 -236
  744. package/dist/chunk-EZILJ6TJ.js +0 -133
  745. package/dist/chunk-F5ENWFJU.js +0 -273
  746. package/dist/chunk-HH2IP5Z4.js +0 -189
  747. package/dist/chunk-HMOOLCMA.js +0 -401
  748. package/dist/chunk-HMOTWEQB.js +0 -113
  749. package/dist/chunk-HX5M3GSJ.js +0 -63
  750. package/dist/chunk-IUOX444H.js +0 -282
  751. package/dist/chunk-IWMGNPNV.js +0 -76
  752. package/dist/chunk-J6KQRS7O.js +0 -226
  753. package/dist/chunk-JM3DV57W.js +0 -44
  754. package/dist/chunk-K53ERLS7.js +0 -150
  755. package/dist/chunk-KBCAV5FR.js +0 -22
  756. package/dist/chunk-KHB3EKRQ.js +0 -36
  757. package/dist/chunk-KVIIL2O6.js +0 -192
  758. package/dist/chunk-KZXX7IEN.js +0 -44
  759. package/dist/chunk-MYAZEMZC.js +0 -134
  760. package/dist/chunk-NRSWR3C4.js +0 -165
  761. package/dist/chunk-OEHIZKSM.js +0 -31
  762. package/dist/chunk-OFNHKVGZ.js +0 -136
  763. package/dist/chunk-PGK3BYA2.js +0 -60
  764. package/dist/chunk-PHKAYQE4.js +0 -42
  765. package/dist/chunk-PJH7CP77.js +0 -27
  766. package/dist/chunk-QMV4ULSR.js +0 -124
  767. package/dist/chunk-RSHEENJP.js +0 -156
  768. package/dist/chunk-TF3CTLKX.js +0 -42
  769. package/dist/chunk-TUWG4TLU.js +0 -97
  770. package/dist/chunk-TXG6TBSG.js +0 -91
  771. package/dist/chunk-U2NJJS3T.js +0 -88
  772. package/dist/chunk-UEWD6OUC.js +0 -137
  773. package/dist/chunk-W4T2KO5B.js +0 -129
  774. package/dist/chunk-XSXJO2KP.js +0 -29
  775. package/dist/chunk-XXMCR322.js +0 -199
  776. package/dist/chunk-Y6X5SEN7.js +0 -232
  777. package/dist/chunk-YFQOB5OC.js +0 -204
  778. package/dist/chunk-YHEIC6EK.js +0 -102
  779. package/dist/chunk-YS5PWRS7.js +0 -288
  780. package/dist/chunk-ZNNLYTW5.js +0 -64
  781. package/dist/chunk-ZQ25CQCG.js +0 -153
  782. package/esm/Next/StyledJsxRegistry.d.ts +0 -3
  783. package/esm/Next/index.d.ts +0 -3
  784. package/esm/Next/index.js +0 -25
  785. package/esm/Select/styles.d.ts +0 -10
  786. package/esm/chunk-33WYJZ4F.js +0 -88
  787. package/esm/chunk-3BVFLDHI.js +0 -295
  788. package/esm/chunk-3XTTDT42.js +0 -72
  789. package/esm/chunk-4RJGB3WA.js +0 -107
  790. package/esm/chunk-4VCNNVZ4.js +0 -310
  791. package/esm/chunk-5GR6MFT5.js +0 -70
  792. package/esm/chunk-5JAYTLFV.js +0 -227
  793. package/esm/chunk-5KWSYI7C.js +0 -143
  794. package/esm/chunk-5W4MJC2K.js +0 -55
  795. package/esm/chunk-6BHDVSPB.js +0 -226
  796. package/esm/chunk-6XJS3KMW.js +0 -436
  797. package/esm/chunk-7L3HCDGD.js +0 -65
  798. package/esm/chunk-APDSEVV6.js +0 -443
  799. package/esm/chunk-BDEBNBW6.js +0 -61
  800. package/esm/chunk-CNY7HPMQ.js +0 -191
  801. package/esm/chunk-CV4DIXTB.js +0 -93
  802. package/esm/chunk-DD72MTCX.js +0 -55
  803. package/esm/chunk-DTRBG524.js +0 -195
  804. package/esm/chunk-ELIPUM6Q.js +0 -142
  805. package/esm/chunk-EMDU5OPY.js +0 -236
  806. package/esm/chunk-EZILJ6TJ.js +0 -133
  807. package/esm/chunk-F5ENWFJU.js +0 -273
  808. package/esm/chunk-HH2IP5Z4.js +0 -189
  809. package/esm/chunk-HMOOLCMA.js +0 -401
  810. package/esm/chunk-HMOTWEQB.js +0 -113
  811. package/esm/chunk-HX5M3GSJ.js +0 -63
  812. package/esm/chunk-IUOX444H.js +0 -282
  813. package/esm/chunk-IWMGNPNV.js +0 -76
  814. package/esm/chunk-J6KQRS7O.js +0 -226
  815. package/esm/chunk-JM3DV57W.js +0 -44
  816. package/esm/chunk-K53ERLS7.js +0 -150
  817. package/esm/chunk-KBCAV5FR.js +0 -22
  818. package/esm/chunk-KHB3EKRQ.js +0 -36
  819. package/esm/chunk-KVIIL2O6.js +0 -192
  820. package/esm/chunk-KZXX7IEN.js +0 -44
  821. package/esm/chunk-MYAZEMZC.js +0 -134
  822. package/esm/chunk-NRSWR3C4.js +0 -165
  823. package/esm/chunk-OEHIZKSM.js +0 -31
  824. package/esm/chunk-OFNHKVGZ.js +0 -136
  825. package/esm/chunk-PGK3BYA2.js +0 -60
  826. package/esm/chunk-PHKAYQE4.js +0 -42
  827. package/esm/chunk-PJH7CP77.js +0 -27
  828. package/esm/chunk-QMV4ULSR.js +0 -124
  829. package/esm/chunk-RSHEENJP.js +0 -156
  830. package/esm/chunk-TF3CTLKX.js +0 -42
  831. package/esm/chunk-TUWG4TLU.js +0 -97
  832. package/esm/chunk-TXG6TBSG.js +0 -91
  833. package/esm/chunk-U2NJJS3T.js +0 -88
  834. package/esm/chunk-UEWD6OUC.js +0 -137
  835. package/esm/chunk-W4T2KO5B.js +0 -129
  836. package/esm/chunk-XSXJO2KP.js +0 -29
  837. package/esm/chunk-XXMCR322.js +0 -199
  838. package/esm/chunk-Y6X5SEN7.js +0 -232
  839. package/esm/chunk-YFQOB5OC.js +0 -204
  840. package/esm/chunk-YHEIC6EK.js +0 -102
  841. package/esm/chunk-YS5PWRS7.js +0 -288
  842. package/esm/chunk-ZNNLYTW5.js +0 -64
  843. package/esm/chunk-ZQ25CQCG.js +0 -153
  844. package/examples/create-redwoodjs/.redwood/README.md +0 -44
@@ -1,150 +0,0 @@
1
- import {
2
- use_body_scroll_default
3
- } from "./chunk-O3RTRCY5.js";
4
- import {
5
- css_transition_default
6
- } from "./chunk-LDTDMDE6.js";
7
- import {
8
- use_current_state_default
9
- } from "./chunk-33BUV2RX.js";
10
- import {
11
- use_scale_default,
12
- with_scale_default
13
- } from "./chunk-S62PPQHN.js";
14
- import {
15
- use_theme_default
16
- } from "./chunk-45MVPPJN.js";
17
- import {
18
- use_classes_default
19
- } from "./chunk-5KUROAEP.js";
20
-
21
- // core/Modal/ModalTitle.tsx
22
- import _JSXStyle from "styled-jsx/style";
23
-
24
- // core/Modal/ModalContext.ts
25
- import React from "react";
26
- var defaultContext = {};
27
- var ModalContext = React.createContext(defaultContext);
28
- var useModalContext = () => React.useContext(ModalContext);
29
-
30
- // core/Modal/ModalTitle.tsx
31
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
32
- function ModalTitleComponent({
33
- className = "",
34
- children,
35
- ...props
36
- }) {
37
- const theme = use_theme_default();
38
- const {
39
- SCALES
40
- } = use_scale_default();
41
- const {
42
- titleId
43
- } = useModalContext();
44
- return /* @__PURE__ */ jsxs(Fragment, { children: [
45
- /* @__PURE__ */ jsx("h2", { id: titleId, ...props, className: _JSXStyle.dynamic([["4121803681", [SCALES.font(1.5), theme.palette.foreground, SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || ""), children }),
46
- /* @__PURE__ */ jsx(_JSXStyle, { id: "4121803681", dynamic: [SCALES.font(1.5), theme.palette.foreground, SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)], children: `h2.__jsx-style-dynamic-selector{line-height:1.6;font-weight:normal;text-align:center;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;word-break:break-word;text-transform:capitalize;font-size:${SCALES.font(1.5)};color:${theme.palette.foreground};width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}` })
47
- ] });
48
- }
49
- ModalTitleComponent.displayName = "BolioUIModalTitle";
50
- var ModalTitle = with_scale_default(ModalTitleComponent);
51
- var ModalTitle_default = ModalTitle;
52
-
53
- // core/Modal/ModalSubtitle.tsx
54
- import _JSXStyle2 from "styled-jsx/style";
55
- import { Fragment as Fragment2, jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
56
- function ModalSubtitleComponent({
57
- className = "",
58
- children,
59
- ...props
60
- }) {
61
- const theme = use_theme_default();
62
- const {
63
- SCALES
64
- } = use_scale_default();
65
- const {
66
- descriptionId
67
- } = useModalContext();
68
- return /* @__PURE__ */ jsxs2(Fragment2, { children: [
69
- /* @__PURE__ */ jsx2("p", { id: descriptionId, ...props, className: _JSXStyle2.dynamic([["1585744472", [theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, "auto"), SCALES.height(1, "1.5em"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || className || ""), children }),
70
- /* @__PURE__ */ jsx2(_JSXStyle2, { id: "1585744472", dynamic: [theme.palette.accents_5, SCALES.font(0.875), SCALES.width(1, "auto"), SCALES.height(1, "1.5em"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)], children: `p.__jsx-style-dynamic-selector{font-weight:normal;display:inline-block;text-align:center;word-break:break-word;text-transform:uppercase;color:${theme.palette.accents_5};font-size:${SCALES.font(0.875)};line-height:1.5em;width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "1.5em")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}` })
71
- ] });
72
- }
73
- ModalSubtitleComponent.displayName = "BolioUIModalSubtitle";
74
- var ModalSubtitle = with_scale_default(ModalSubtitleComponent);
75
- var ModalSubtitle_default = ModalSubtitle;
76
-
77
- // core/Modal/ModalContent.tsx
78
- import _JSXStyle3 from "styled-jsx/style";
79
- import { Fragment as Fragment3, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
80
- function ModalContentComponent({
81
- className = "",
82
- children,
83
- ...props
84
- }) {
85
- const {
86
- SCALES
87
- } = use_scale_default();
88
- return /* @__PURE__ */ jsxs3(Fragment3, { children: [
89
- /* @__PURE__ */ jsx3("div", { ...props, className: _JSXStyle3.dynamic([["588605445", [SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(1.3125), SCALES.pr(1.3125), SCALES.pb(0.6625), SCALES.pl(1.3125), SCALES.mt(0), SCALES.mr(0, "calc(var(--modal-wrapper-padding-right) * -1)"), SCALES.mb(0), SCALES.ml(0, "calc(var(--modal-wrapper-padding-left) * -1)")]]]) + " " + (props && props.className != null && props.className || use_classes_default("content", className) || ""), children }),
90
- /* @__PURE__ */ jsx3(_JSXStyle3, { id: "588605445", dynamic: [SCALES.font(1), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(1.3125), SCALES.pr(1.3125), SCALES.pb(0.6625), SCALES.pl(1.3125), SCALES.mt(0), SCALES.mr(0, "calc(var(--modal-wrapper-padding-right) * -1)"), SCALES.mb(0), SCALES.ml(0, "calc(var(--modal-wrapper-padding-left) * -1)")], children: `.content.__jsx-style-dynamic-selector{position:relative;text-align:left;font-size:${SCALES.font(1)};width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(1.3125)} ${SCALES.pr(1.3125)} ${SCALES.pb(0.6625)} ${SCALES.pl(1.3125)};margin:${SCALES.mt(0)} ${SCALES.mr(0, "calc(var(--modal-wrapper-padding-right) * -1)")} ${SCALES.mb(0)} ${SCALES.ml(0, "calc(var(--modal-wrapper-padding-left) * -1)")};}.content.__jsx-style-dynamic-selector>*:first-child{margin-top:0;}.content.__jsx-style-dynamic-selector>*:last-child{margin-bottom:0;}` })
91
- ] });
92
- }
93
- ModalContentComponent.displayName = "BolioUIModalContent";
94
- var ModalContent = with_scale_default(ModalContentComponent);
95
- var ModalContent_default = ModalContent;
96
-
97
- // core/utils/use-body-scroll.ts
98
- var use_body_scroll_default2 = use_body_scroll_default;
99
-
100
- // core/Shared/backdrop.tsx
101
- import _JSXStyle4 from "styled-jsx/style";
102
- import React2, { useRef } from "react";
103
- import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
104
- function BackdropComponent({
105
- children,
106
- onClick = () => {
107
- },
108
- visible = false,
109
- width,
110
- onContentClick,
111
- backdropClassName = "",
112
- positionClassName = "",
113
- layerClassName = "",
114
- ...props
115
- }) {
116
- const theme = use_theme_default();
117
- const [, setIsContentMouseDown, IsContentMouseDownRef] = use_current_state_default(false);
118
- const contentRef = useRef(null);
119
- const clickHandler = (event) => {
120
- var _a;
121
- if (IsContentMouseDownRef.current) return;
122
- if ((_a = contentRef.current) == null ? void 0 : _a.contains(event.target)) return;
123
- if (onClick) onClick(event);
124
- };
125
- const mouseUpHandler = () => {
126
- if (!IsContentMouseDownRef.current) return;
127
- const timer = setTimeout(() => {
128
- setIsContentMouseDown(false);
129
- clearTimeout(timer);
130
- }, 0);
131
- };
132
- return /* @__PURE__ */ jsx4(css_transition_default, { name: "backdrop-wrapper", visible, clearTime: 300, children: /* @__PURE__ */ jsxs4("div", { onClick: clickHandler, onMouseUp: mouseUpHandler, ...props, className: _JSXStyle4.dynamic([["1944751280", [width, theme.expressiveness.portalOpacity, theme.expressiveness.portalOpacity, theme.expressiveness.portalOpacity]]]) + " " + (props && props.className != null && props.className || use_classes_default("backdrop", backdropClassName) || ""), children: [
133
- /* @__PURE__ */ jsx4("div", { className: _JSXStyle4.dynamic([["1944751280", [width, theme.expressiveness.portalOpacity, theme.expressiveness.portalOpacity, theme.expressiveness.portalOpacity]]]) + " " + (use_classes_default("layer", layerClassName) || "") }),
134
- /* @__PURE__ */ jsx4("div", { ref: contentRef, onClick: onContentClick, onMouseDown: () => setIsContentMouseDown(true), className: _JSXStyle4.dynamic([["1944751280", [width, theme.expressiveness.portalOpacity, theme.expressiveness.portalOpacity, theme.expressiveness.portalOpacity]]]) + " " + (use_classes_default("position", positionClassName) || ""), children }),
135
- /* @__PURE__ */ jsx4(_JSXStyle4, { id: "1944751280", dynamic: [width, theme.expressiveness.portalOpacity, theme.expressiveness.portalOpacity, theme.expressiveness.portalOpacity], children: `.backdrop.__jsx-style-dynamic-selector{position:fixed;top:0;left:0;right:0;bottom:0;overflow:auto;z-index:1000;-webkit-overflow-scrolling:touch;box-sizing:border-box;text-align:center;}.position.__jsx-style-dynamic-selector{position:relative;z-index:1001;outline:none;max-width:90%;width:${width};margin:20px auto;vertical-align:middle;display:inline-block;}.backdrop.__jsx-style-dynamic-selector:before{display:inline-block;width:0;height:100%;vertical-align:middle;content:'';}.layer.__jsx-style-dynamic-selector{position:fixed;top:0;left:0;right:0;bottom:0;width:100%;height:100%;opacity:${theme.expressiveness.portalOpacity};background-color:black;-webkit-transition:opacity 0.35s cubic-bezier(0.4,0,0.2,1);transition:opacity 0.35s cubic-bezier(0.4,0,0.2,1);pointer-events:none;z-index:1000;}.backdrop-wrapper-enter.__jsx-style-dynamic-selector .layer.__jsx-style-dynamic-selector{opacity:0;}.backdrop-wrapper-enter-active.__jsx-style-dynamic-selector .layer.__jsx-style-dynamic-selector{opacity:${theme.expressiveness.portalOpacity};}.backdrop-wrapper-leave.__jsx-style-dynamic-selector .layer.__jsx-style-dynamic-selector{opacity:${theme.expressiveness.portalOpacity};}.backdrop-wrapper-leave-active.__jsx-style-dynamic-selector .layer.__jsx-style-dynamic-selector{opacity:0;}` })
136
- ] }) });
137
- }
138
- BackdropComponent.displayName = "BolioUIBackdrop";
139
- var Backdrop = React2.memo(BackdropComponent);
140
- var backdrop_default = Backdrop;
141
-
142
- export {
143
- use_body_scroll_default2 as use_body_scroll_default,
144
- backdrop_default,
145
- ModalContext,
146
- useModalContext,
147
- ModalTitle_default,
148
- ModalSubtitle_default,
149
- ModalContent_default
150
- };
@@ -1,22 +0,0 @@
1
- import {
2
- use_theme_default
3
- } from "./chunk-45MVPPJN.js";
4
-
5
- // core/CssBaseline/CssBaseline.tsx
6
- import _JSXStyle from "styled-jsx/style";
7
- import React from "react";
8
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
9
- var CssBaseline = ({
10
- children
11
- }) => {
12
- const theme = use_theme_default();
13
- return /* @__PURE__ */ jsxs(Fragment, { children: [
14
- children,
15
- /* @__PURE__ */ jsx(_JSXStyle, { id: "2108354201", dynamic: [theme.palette.background, theme.palette.foreground, theme.palette.background, theme.font.sans, theme.font.sans, theme.palette.link, theme.expressiveness.linkStyle, theme.expressiveness.linkHoverStyle, theme.layout.gapHalf, theme.layout.gapHalf, theme.layout.gapHalf, theme.layout.gap, theme.palette.foreground, theme.palette.accents_4, theme.palette.code, theme.font.mono, theme.layout.gap, theme.layout.gap, theme.layout.gap, theme.palette.accents_2, theme.layout.radius, theme.font.mono, theme.palette.foreground, theme.palette.accents_2, theme.palette.accents_1, theme.layout.gap, theme.layout.gap, theme.palette.accents_5, theme.palette.accents_1, theme.layout.radius, theme.palette.border, theme.palette.selection, theme.palette.foreground], children: `html,body{background-color:${theme.palette.background};color:${theme.palette.foreground};}html{font-size:16px;--bolioui-icons-background:${theme.palette.background};}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-size:1rem;line-height:1.5;margin:0;padding:0;min-height:100%;position:relative;overflow-x:clip;font-family:${theme.font.sans};}#__next{overflow-x:clip;}*,*:before,*:after{box-sizing:inherit;text-rendering:geometricPrecision;-webkit-tap-highlight-color:transparent;}p,small{font-weight:400;color:inherit;-webkit-letter-spacing:-0.005625em;-moz-letter-spacing:-0.005625em;-ms-letter-spacing:-0.005625em;letter-spacing:-0.005625em;font-family:${theme.font.sans};}p{margin:1em 0;font-size:1em;line-height:1.625em;}small{margin:0;line-height:1.5;font-size:0.875em;}b{font-weight:600;}span{font-size:inherit;color:inherit;font-weight:inherit;}img{max-width:100%;}a{cursor:pointer;font-size:inherit;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-box-align:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:${theme.palette.link};-webkit-text-decoration:${theme.expressiveness.linkStyle};text-decoration:${theme.expressiveness.linkStyle};}a:hover{-webkit-text-decoration:${theme.expressiveness.linkHoverStyle};text-decoration:${theme.expressiveness.linkHoverStyle};}ul,ol{padding:0;list-style-type:none;margin:${theme.layout.gapHalf} ${theme.layout.gapHalf} ${theme.layout.gapHalf} ${theme.layout.gap};color:${theme.palette.foreground};}ol{list-style-type:decimal;}li{margin-bottom:0.625em;font-size:1em;line-height:1.625em;}h1,h2,h3,h4,h5,h6{color:inherit;margin:0 0 0.7rem 0;line-height:1;}h1{font-size:3rem;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;line-height:1.5;font-weight:700;}h2{font-size:2.25rem;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;font-weight:600;}h3{font-size:1.5rem;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;font-weight:600;}h4{font-size:1.25rem;-webkit-letter-spacing:-0.02em;-moz-letter-spacing:-0.02em;-ms-letter-spacing:-0.02em;letter-spacing:-0.02em;font-weight:600;}h5{font-size:1rem;-webkit-letter-spacing:-0.01em;-moz-letter-spacing:-0.01em;-ms-letter-spacing:-0.01em;letter-spacing:-0.01em;font-weight:600;}h6{font-size:0.875rem;-webkit-letter-spacing:-0.005em;-moz-letter-spacing:-0.005em;-ms-letter-spacing:-0.005em;letter-spacing:-0.005em;font-weight:600;}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit;color:inherit;margin:0;}button:focus,input:focus,select:focus,textarea:focus{outline:none;}code{color:${theme.palette.code};font-family:${theme.font.mono};font-size:0.9em;white-space:pre-wrap;}code:before,code:after{content:'\`';}pre{padding:calc(${theme.layout.gap} * 0.9) ${theme.layout.gap};margin:${theme.layout.gap} 0;border:1px solid ${theme.palette.accents_2};border-radius:${theme.layout.radius};font-family:${theme.font.mono};white-space:pre;overflow:auto;line-height:1.5;text-align:left;font-size:14px;-webkit-overflow-scrolling:touch;}pre code{font-size:1em;line-height:1.25em;white-space:pre;}pre code:before,pre code:after{display:none;}pre p{margin:0;}pre::-webkit-scrollbar{display:none;width:0;height:0;background:transparent;}hr{border-color:${theme.palette.accents_2};}details{background-color:${theme.palette.accents_1};border:none;}details:focus,details:hover,details:active{outline:none;}summary{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;list-style:none;outline:none;}summary::marker,summary::before,summary::-webkit-details-marker{display:none;}summary::-moz-list-bullet{font-size:0;}summary:focus,summary:hover,summary:active{outline:none;list-style:none;}blockquote{padding:calc(0.667 * ${theme.layout.gap}) ${theme.layout.gap};color:${theme.palette.accents_5};background-color:${theme.palette.accents_1};border-radius:${theme.layout.radius};margin:1.5em 0;border:1px solid ${theme.palette.border};}blockquote *:first-child{margin-top:0;}blockquote *:last-child{margin-bottom:0;}::selection{background-color:${theme.palette.selection};color:${theme.palette.foreground};}` })
16
- ] });
17
- };
18
- var CssBaseline_default = React.memo(CssBaseline);
19
-
20
- export {
21
- CssBaseline_default
22
- };
@@ -1,36 +0,0 @@
1
- import {
2
- use_scale_default,
3
- with_scale_default
4
- } from "./chunk-S62PPQHN.js";
5
- import {
6
- use_classes_default
7
- } from "./chunk-5KUROAEP.js";
8
-
9
- // core/Section/Section.tsx
10
- import _JSXStyle from "styled-jsx/style";
11
- import React from "react";
12
- import { jsx, jsxs } from "react/jsx-runtime";
13
- var SectionComponent = React.forwardRef(({
14
- children,
15
- bg = "transparent",
16
- className = "",
17
- ...props
18
- }, ref) => {
19
- const {
20
- SCALES
21
- } = use_scale_default();
22
- return /* @__PURE__ */ jsxs("section", { ref, ...props, className: _JSXStyle.dynamic([["1871933825", [bg, SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)]]]) + " " + (props && props.className != null && props.className || use_classes_default("section", className) || ""), children: [
23
- children,
24
- /* @__PURE__ */ jsx(_JSXStyle, { id: "1871933825", dynamic: [bg, SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0)], children: `section.__jsx-style-dynamic-selector{background-color:${bg};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}` })
25
- ] });
26
- });
27
- SectionComponent.displayName = "BolioUISection";
28
- var Section = with_scale_default(SectionComponent);
29
- var Section_default = Section;
30
-
31
- // core/Section/index.ts
32
- var Section_default2 = Section_default;
33
-
34
- export {
35
- Section_default2 as Section_default
36
- };
@@ -1,192 +0,0 @@
1
- import {
2
- log_warning_default
3
- } from "./chunk-AXYDJGTN.js";
4
- import {
5
- use_scale_default,
6
- with_scale_default
7
- } from "./chunk-S62PPQHN.js";
8
- import {
9
- use_theme_default
10
- } from "./chunk-45MVPPJN.js";
11
- import {
12
- use_classes_default
13
- } from "./chunk-5KUROAEP.js";
14
-
15
- // core/Checkbox/Checkbox.tsx
16
- import _JSXStyle2 from "styled-jsx/style";
17
- import React3, { useCallback, useEffect, useMemo, useState } from "react";
18
-
19
- // core/Checkbox/CheckboxContext.ts
20
- import React from "react";
21
- var defaultContext = {
22
- disabledAll: false,
23
- inGroup: false,
24
- values: []
25
- };
26
- var CheckboxContext = React.createContext(defaultContext);
27
- var useCheckbox = () => React.useContext(CheckboxContext);
28
-
29
- // core/Checkbox/CheckboxIcon.tsx
30
- import _JSXStyle from "styled-jsx/style";
31
- import React2 from "react";
32
- import { Fragment, jsx, jsxs } from "react/jsx-runtime";
33
- function CheckboxIconComponent({
34
- fill: propsFill,
35
- disabled,
36
- checked
37
- }) {
38
- const {
39
- SCALES
40
- } = use_scale_default();
41
- return /* @__PURE__ */ jsxs(Fragment, { children: [
42
- checked ? /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", style: {
43
- height: SCALES.font(1),
44
- width: SCALES.font(1)
45
- }, className: _JSXStyle.dynamic([["996181129", [disabled ? 0.4 : 1, disabled ? "not-allowed" : "pointer"]]]), children: /* @__PURE__ */ jsx("g", { stroke: propsFill, strokeWidth: "0.5", fill: "none", fillRule: "evenodd", className: _JSXStyle.dynamic([["996181129", [disabled ? 0.4 : 1, disabled ? "not-allowed" : "pointer"]]]), children: /* @__PURE__ */ jsx("g", { fill: propsFill, className: _JSXStyle.dynamic([["996181129", [disabled ? 0.4 : 1, disabled ? "not-allowed" : "pointer"]]]), children: /* @__PURE__ */ jsx("path", { d: "M18.25,3 C19.7687831,3 21,4.23121694 21,5.75 L21,18.25 C21,19.7687831 19.7687831,21 18.25,21 L5.75,21 C4.23121694,21 3,19.7687831 3,18.25 L3,5.75 C3,4.23121694 4.23121694,3 5.75,3 L18.25,3 Z M18.25,4.5 L5.75,4.5 C5.05964406,4.5 4.5,5.05964406 4.5,5.75 L4.5,18.25 C4.5,18.9403559 5.05964406,19.5 5.75,19.5 L18.25,19.5 C18.9403559,19.5 19.5,18.9403559 19.5,18.25 L19.5,5.75 C19.5,5.05964406 18.9403559,4.5 18.25,4.5 Z M10,14.4393398 L16.4696699,7.96966991 C16.7625631,7.6767767 17.2374369,7.6767767 17.5303301,7.96966991 C17.7965966,8.23593648 17.8208027,8.65260016 17.6029482,8.94621165 L17.5303301,9.03033009 L10.5303301,16.0303301 C10.2640635,16.2965966 9.84739984,16.3208027 9.55378835,16.1029482 L9.46966991,16.0303301 L6.46966991,13.0303301 C6.1767767,12.7374369 6.1767767,12.2625631 6.46966991,11.9696699 C6.73593648,11.7034034 7.15260016,11.6791973 7.44621165,11.8970518 L7.53033009,11.9696699 L10,14.4393398 L16.4696699,7.96966991 L10,14.4393398 Z", className: _JSXStyle.dynamic([["996181129", [disabled ? 0.4 : 1, disabled ? "not-allowed" : "pointer"]]]) }) }) }) }) : /* @__PURE__ */ jsx("svg", { viewBox: "0 0 24 24", style: {
46
- height: SCALES.font(1),
47
- width: SCALES.font(1)
48
- }, className: _JSXStyle.dynamic([["996181129", [disabled ? 0.4 : 1, disabled ? "not-allowed" : "pointer"]]]), children: /* @__PURE__ */ jsx("g", { stroke: propsFill, strokeWidth: "0.5", fill: "none", fillRule: "evenodd", className: _JSXStyle.dynamic([["996181129", [disabled ? 0.4 : 1, disabled ? "not-allowed" : "pointer"]]]), children: /* @__PURE__ */ jsx("g", { fill: propsFill, className: _JSXStyle.dynamic([["996181129", [disabled ? 0.4 : 1, disabled ? "not-allowed" : "pointer"]]]), children: /* @__PURE__ */ jsx("path", { d: "M5.75,3 L18.25,3 C19.7687831,3 21,4.23121694 21,5.75 L21,18.25 C21,19.7687831 19.7687831,21 18.25,21 L5.75,21 C4.23121694,21 3,19.7687831 3,18.25 L3,5.75 C3,4.23121694 4.23121694,3 5.75,3 Z M5.75,4.5 C5.05964406,4.5 4.5,5.05964406 4.5,5.75 L4.5,18.25 C4.5,18.9403559 5.05964406,19.5 5.75,19.5 L18.25,19.5 C18.9403559,19.5 19.5,18.9403559 19.5,18.25 L19.5,5.75 C19.5,5.05964406 18.9403559,4.5 18.25,4.5 L5.75,4.5 Z", className: _JSXStyle.dynamic([["996181129", [disabled ? 0.4 : 1, disabled ? "not-allowed" : "pointer"]]]) }) }) }) }),
49
- /* @__PURE__ */ jsx(_JSXStyle, { id: "996181129", dynamic: [disabled ? 0.4 : 1, disabled ? "not-allowed" : "pointer"], children: `svg.__jsx-style-dynamic-selector{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;width:calc(0.86 * var(--checkbox-size));height:calc(0.86 * var(--checkbox-size));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity:${disabled ? 0.4 : 1};cursor:${disabled ? "not-allowed" : "pointer"};}` })
50
- ] });
51
- }
52
- CheckboxIconComponent.displayName = "BolioUICheckboxIcon";
53
- var CheckboxIcon = React2.memo(CheckboxIconComponent);
54
- var CheckboxIcon_default = CheckboxIcon;
55
-
56
- // core/Checkbox/styles.ts
57
- var getColors = (palette, status) => {
58
- const colors = {
59
- default: palette.foreground,
60
- primary: palette.primary,
61
- secondary: palette.secondary,
62
- success: palette.success,
63
- warning: palette.warning,
64
- error: palette.error,
65
- info: palette.info
66
- };
67
- if (!status) return colors.default;
68
- return colors[status];
69
- };
70
-
71
- // core/Checkbox/Checkbox.tsx
72
- import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
73
- var CheckboxComponent = React3.forwardRef(({
74
- checked,
75
- initialChecked = false,
76
- disabled = false,
77
- onChange,
78
- className = "",
79
- children,
80
- type = "default",
81
- value = "",
82
- ...props
83
- }, ref) => {
84
- const theme = use_theme_default();
85
- const {
86
- SCALES
87
- } = use_scale_default();
88
- const [selfChecked, setSelfChecked] = useState(initialChecked);
89
- const {
90
- updateState,
91
- inGroup,
92
- disabledAll,
93
- values
94
- } = useCheckbox();
95
- const isDisabled = inGroup ? disabledAll || disabled : disabled;
96
- const classes = use_classes_default("checkbox", className);
97
- if (inGroup && checked) {
98
- log_warning_default('Remove props "checked" when [Checkbox] component is in the group.', "Checkbox");
99
- }
100
- useEffect(() => {
101
- if (!inGroup) return;
102
- const next = values.includes(value);
103
- if (next === selfChecked) return;
104
- setSelfChecked(next);
105
- }, [inGroup, selfChecked, value, values]);
106
- const fill = useMemo(() => getColors(theme.palette, type), [theme.palette, type]);
107
- const changeHandle = useCallback((ev) => {
108
- if (isDisabled) return;
109
- const selfEvent = {
110
- target: {
111
- checked: !selfChecked
112
- },
113
- stopPropagation: ev.stopPropagation,
114
- preventDefault: ev.preventDefault,
115
- nativeEvent: ev
116
- };
117
- if (inGroup && updateState) {
118
- if (updateState) updateState(value, !selfChecked);
119
- }
120
- setSelfChecked(!selfChecked);
121
- if (onChange) onChange(selfEvent);
122
- }, [isDisabled, selfChecked, inGroup, updateState, onChange, value]);
123
- useEffect(() => {
124
- if (checked === void 0) return;
125
- setSelfChecked(checked);
126
- }, [checked]);
127
- return /* @__PURE__ */ jsxs2("label", { className: _JSXStyle2.dynamic([["1454958681", [SCALES.font(1), isDisabled ? "not-allowed" : "pointer", isDisabled ? 0.75 : 1, SCALES.width(1, "auto"), SCALES.height(1, "var(--checkbox-size)"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), isDisabled ? "not-allowed" : "pointer", theme.palette.primary]]]) + " " + (classes || ""), children: [
128
- /* @__PURE__ */ jsx2(CheckboxIcon_default, { fill, disabled: isDisabled, checked: selfChecked }),
129
- /* @__PURE__ */ jsx2("input", { ref, type: "checkbox", disabled: isDisabled, checked: selfChecked, onChange: changeHandle, ...props, className: _JSXStyle2.dynamic([["1454958681", [SCALES.font(1), isDisabled ? "not-allowed" : "pointer", isDisabled ? 0.75 : 1, SCALES.width(1, "auto"), SCALES.height(1, "var(--checkbox-size)"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), isDisabled ? "not-allowed" : "pointer", theme.palette.primary]]]) + " " + (props && props.className != null && props.className || "") }),
130
- /* @__PURE__ */ jsx2("span", { className: _JSXStyle2.dynamic([["1454958681", [SCALES.font(1), isDisabled ? "not-allowed" : "pointer", isDisabled ? 0.75 : 1, SCALES.width(1, "auto"), SCALES.height(1, "var(--checkbox-size)"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), isDisabled ? "not-allowed" : "pointer", theme.palette.primary]]]) + " text", children }),
131
- /* @__PURE__ */ jsx2(_JSXStyle2, { id: "1454958681", dynamic: [SCALES.font(1), isDisabled ? "not-allowed" : "pointer", isDisabled ? 0.75 : 1, SCALES.width(1, "auto"), SCALES.height(1, "var(--checkbox-size)"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), isDisabled ? "not-allowed" : "pointer", theme.palette.primary], children: `.checkbox.__jsx-style-dynamic-selector{--checkbox-size:${SCALES.font(1)};display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:${isDisabled ? "not-allowed" : "pointer"};opacity:${isDisabled ? 0.75 : 1};line-height:var(--checkbox-size);width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "var(--checkbox-size)")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.text.__jsx-style-dynamic-selector{font-size:var(--checkbox-size);line-height:var(--checkbox-size);padding-left:calc(var(--checkbox-size) * 0.5);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:${isDisabled ? "not-allowed" : "pointer"};}.checkbox.__jsx-style-dynamic-selector:focus-within{border-radius:4px;outline:2px solid ${theme.palette.primary};outline-offset:2px;}input.__jsx-style-dynamic-selector{opacity:0;outline:none;position:absolute;width:0;height:0;margin:0;padding:0;z-index:-1;font-size:0;background-color:transparent;}` })
132
- ] });
133
- });
134
- CheckboxComponent.displayName = "BolioUICheckbox";
135
- var Checkbox = with_scale_default(CheckboxComponent);
136
- var Checkbox_default = Checkbox;
137
-
138
- // core/Checkbox/CheckboxGroup.tsx
139
- import _JSXStyle3 from "styled-jsx/style";
140
- import { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
141
- import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
142
- var noValue = [];
143
- function CheckboxGroupComponent({
144
- disabled = false,
145
- onChange,
146
- value,
147
- children,
148
- className = "",
149
- ...props
150
- }) {
151
- const {
152
- SCALES
153
- } = use_scale_default();
154
- const [selfVal, setSelfVal] = useState2([]);
155
- const classes = use_classes_default("group", className);
156
- if (!value) {
157
- value = noValue;
158
- log_warning_default('Props "value" is required.', "Checkbox Group");
159
- }
160
- const updateState = useCallback2((val, checked) => {
161
- const removed = selfVal.filter((v) => v !== val);
162
- const next = checked ? [...removed, val] : removed;
163
- setSelfVal(next);
164
- if (onChange) onChange(next);
165
- }, [selfVal, onChange]);
166
- const providerValue = useMemo2(() => {
167
- return {
168
- updateState,
169
- disabledAll: disabled,
170
- inGroup: true,
171
- values: selfVal
172
- };
173
- }, [updateState, disabled, selfVal]);
174
- useEffect2(() => {
175
- setSelfVal(value);
176
- }, [value]);
177
- return /* @__PURE__ */ jsx3(CheckboxContext.Provider, { value: providerValue, children: /* @__PURE__ */ jsxs3("div", { ...props, className: _JSXStyle3.dynamic([["2254703651", [SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.font(1), SCALES.font(1)]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
178
- children,
179
- /* @__PURE__ */ jsx3(_JSXStyle3, { id: "2254703651", dynamic: [SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.font(1), SCALES.font(1)], children: `.group.__jsx-style-dynamic-selector{width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.group.__jsx-style-dynamic-selector label{margin-right:calc(${SCALES.font(1)} * 2);--checkbox-size:${SCALES.font(1)};}.group.__jsx-style-dynamic-selector label:last-of-type{margin-right:0;}` })
180
- ] }) });
181
- }
182
- CheckboxGroupComponent.displayName = "BolioUICheckboxGroup";
183
- var CheckboxGroup = with_scale_default(CheckboxGroupComponent);
184
- var CheckboxGroup_default = CheckboxGroup;
185
-
186
- // core/Checkbox/index.ts
187
- Checkbox_default.Group = CheckboxGroup_default;
188
- var Checkbox_default2 = Checkbox_default;
189
-
190
- export {
191
- Checkbox_default2 as Checkbox_default
192
- };
@@ -1,44 +0,0 @@
1
- import {
2
- use_scale_default,
3
- with_scale_default
4
- } from "./chunk-S62PPQHN.js";
5
- import {
6
- use_theme_default
7
- } from "./chunk-45MVPPJN.js";
8
- import {
9
- use_classes_default
10
- } from "./chunk-5KUROAEP.js";
11
-
12
- // core/Display/Display.tsx
13
- import _JSXStyle from "styled-jsx/style";
14
- import React, { useMemo } from "react";
15
- import { jsx, jsxs } from "react/jsx-runtime";
16
- var DisplayComponent = React.forwardRef(({
17
- children,
18
- caption = "",
19
- shadow = false,
20
- className = "",
21
- ...props
22
- }, ref) => {
23
- const theme = use_theme_default();
24
- const {
25
- SCALES
26
- } = use_scale_default();
27
- const classes = use_classes_default("display", className);
28
- const showShadow = useMemo(() => shadow && theme.type !== "dark", [theme.type, shadow]);
29
- return /* @__PURE__ */ jsxs("div", { ref, ...props, className: _JSXStyle.dynamic([["961858914", [SCALES.font(0.875), SCALES.width(1, "100%"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(2.5), SCALES.mr(0, "auto"), SCALES.mb(2.5), SCALES.ml(0, "auto"), SCALES.width(1, "max-content"), showShadow ? theme.expressiveness.shadowLarge : "none", theme.palette.accents_5, shadow ? "2.5em" : "1.3em"]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
30
- /* @__PURE__ */ jsx("div", { className: _JSXStyle.dynamic([["961858914", [SCALES.font(0.875), SCALES.width(1, "100%"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(2.5), SCALES.mr(0, "auto"), SCALES.mb(2.5), SCALES.ml(0, "auto"), SCALES.width(1, "max-content"), showShadow ? theme.expressiveness.shadowLarge : "none", theme.palette.accents_5, shadow ? "2.5em" : "1.3em"]]]) + " content", children }),
31
- /* @__PURE__ */ jsx("div", { className: _JSXStyle.dynamic([["961858914", [SCALES.font(0.875), SCALES.width(1, "100%"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(2.5), SCALES.mr(0, "auto"), SCALES.mb(2.5), SCALES.ml(0, "auto"), SCALES.width(1, "max-content"), showShadow ? theme.expressiveness.shadowLarge : "none", theme.palette.accents_5, shadow ? "2.5em" : "1.3em"]]]) + " caption", children: caption }),
32
- /* @__PURE__ */ jsx(_JSXStyle, { id: "961858914", dynamic: [SCALES.font(0.875), SCALES.width(1, "100%"), SCALES.height(1, "auto"), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(2.5), SCALES.mr(0, "auto"), SCALES.mb(2.5), SCALES.ml(0, "auto"), SCALES.width(1, "max-content"), showShadow ? theme.expressiveness.shadowLarge : "none", theme.palette.accents_5, shadow ? "2.5em" : "1.3em"], children: `.display.__jsx-style-dynamic-selector{display:block;max-width:100%;font-size:${SCALES.font(0.875)};width:${SCALES.width(1, "100%")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(0)} ${SCALES.pr(0)} ${SCALES.pb(0)} ${SCALES.pl(0)};margin:${SCALES.mt(2.5)} ${SCALES.mr(0, "auto")} ${SCALES.mb(2.5)} ${SCALES.ml(0, "auto")};}.content.__jsx-style-dynamic-selector{display:block;margin:0 auto;border-radius:4px;overflow:hidden;width:${SCALES.width(1, "max-content")};box-shadow:${showShadow ? theme.expressiveness.shadowLarge : "none"};max-width:100%;}.content.__jsx-style-dynamic-selector pre{margin:0;-webkit-transition:min-width ease 0.2s;transition:min-width ease 0.2s;}.content.__jsx-style-dynamic-selector img{display:block;}.caption.__jsx-style-dynamic-selector{font-size:inherit;line-height:1.5em;color:${theme.palette.accents_5};margin:${shadow ? "2.5em" : "1.3em"} auto 0;text-align:center;max-width:85%;}` })
33
- ] });
34
- });
35
- DisplayComponent.displayName = "BolioUIDisplay";
36
- var Display = with_scale_default(DisplayComponent);
37
- var Display_default = Display;
38
-
39
- // core/Display/index.ts
40
- var Display_default2 = Display_default;
41
-
42
- export {
43
- Display_default2 as Display_default
44
- };
@@ -1,134 +0,0 @@
1
- import {
2
- getVariantColors,
3
- isSemanticColorType
4
- } from "./chunk-GJZT47MP.js";
5
- import {
6
- use_scale_default,
7
- with_scale_default
8
- } from "./chunk-S62PPQHN.js";
9
- import {
10
- pickChild
11
- } from "./chunk-UX2B3G6U.js";
12
- import {
13
- use_theme_default
14
- } from "./chunk-45MVPPJN.js";
15
- import {
16
- use_classes_default
17
- } from "./chunk-5KUROAEP.js";
18
-
19
- // core/Badge/Badge.tsx
20
- import _JSXStyle from "styled-jsx/style";
21
- import React, { useMemo } from "react";
22
- import { jsx, jsxs } from "react/jsx-runtime";
23
- var getColors = (type, palette, {
24
- ghost,
25
- light,
26
- subtle
27
- }) => {
28
- if (isSemanticColorType(type)) {
29
- const variant = subtle ? "subtle" : light ? "light" : ghost ? "outline" : "filled";
30
- return getVariantColors(palette, type, variant);
31
- }
32
- return {
33
- bg: palette.accents_2,
34
- border: palette.accents_2,
35
- color: palette.foreground
36
- };
37
- };
38
- var BadgeComponent = React.forwardRef(({
39
- type = "default",
40
- className = "",
41
- children,
42
- dot = false,
43
- ghost = false,
44
- light = false,
45
- subtle = false,
46
- ...props
47
- }, ref) => {
48
- const theme = use_theme_default();
49
- const {
50
- SCALES
51
- } = use_scale_default();
52
- const {
53
- bg,
54
- border,
55
- color
56
- } = useMemo(() => getColors(type, theme.palette, {
57
- ghost,
58
- light,
59
- subtle
60
- }), [type, theme.palette, ghost, light, subtle]);
61
- const classes = use_classes_default("badge", {
62
- dot
63
- }, className);
64
- return /* @__PURE__ */ jsxs("span", { ref, ...props, className: _JSXStyle.dynamic([["4007412933", [bg, color, border, SCALES.font(0.875), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0.5), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.py(0.25), SCALES.px(0.25)]]]) + " " + (props && props.className != null && props.className || classes || ""), children: [
65
- !dot && children,
66
- /* @__PURE__ */ jsx(_JSXStyle, { id: "4007412933", dynamic: [bg, color, border, SCALES.font(0.875), SCALES.width(1, "auto"), SCALES.height(1, "auto"), SCALES.pt(0.5), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), SCALES.py(0.25), SCALES.px(0.25)], children: `.badge.__jsx-style-dynamic-selector{display:inline-block;box-sizing:border-box;border-radius:16px;font-variant:tabular-nums;line-height:1;vertical-align:middle;background-color:${bg};color:${color};border:1px solid ${border};font-size:${SCALES.font(0.875)};font-weight:bold;text-transform:none;width:${SCALES.width(1, "auto")};height:${SCALES.height(1, "auto")};padding:${SCALES.pt(0.5)};margin:${SCALES.mt(0)} ${SCALES.mr(0)} ${SCALES.mb(0)} ${SCALES.ml(0)};}.dot.__jsx-style-dynamic-selector{padding:${SCALES.py(0.25)} ${SCALES.px(0.25)};border-radius:50%;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;}` })
67
- ] });
68
- });
69
- BadgeComponent.displayName = "BolioUIBadge";
70
- var Badge = with_scale_default(BadgeComponent);
71
- var Badge_default = Badge;
72
-
73
- // core/Badge/BadgeAnchor.tsx
74
- import _JSXStyle2 from "styled-jsx/style";
75
- import { useMemo as useMemo2 } from "react";
76
- import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
77
- var getTransform = (placement) => {
78
- const styles = {
79
- topLeft: {
80
- top: "0",
81
- left: "0",
82
- value: "translate(-50%, -50%)",
83
- origin: "0% 0%"
84
- },
85
- topRight: {
86
- top: "0",
87
- right: "0",
88
- value: "translate(50%, -50%)",
89
- origin: "100% 0%"
90
- },
91
- bottomLeft: {
92
- left: "0",
93
- bottom: "0",
94
- value: "translate(-50%, 50%)",
95
- origin: "0% 100%"
96
- },
97
- bottomRight: {
98
- right: "0",
99
- bottom: "0",
100
- value: "translate(50%, 50%)",
101
- origin: "100% 100%"
102
- }
103
- };
104
- return styles[placement];
105
- };
106
- function BadgeAnchor({
107
- children,
108
- placement = "topRight"
109
- }) {
110
- const [withoutBadgeChildren, badgeChldren] = pickChild(children, Badge_default);
111
- const {
112
- top,
113
- bottom,
114
- left,
115
- right,
116
- value,
117
- origin
118
- } = useMemo2(() => getTransform(placement), [placement]);
119
- return /* @__PURE__ */ jsxs2("div", { className: _JSXStyle2.dynamic([["1121745930", [top || "auto", left || "auto", right || "auto", bottom || "auto", value, origin]]]) + " anchor", children: [
120
- withoutBadgeChildren,
121
- /* @__PURE__ */ jsx2("sup", { className: _JSXStyle2.dynamic([["1121745930", [top || "auto", left || "auto", right || "auto", bottom || "auto", value, origin]]]), children: badgeChldren }),
122
- /* @__PURE__ */ jsx2(_JSXStyle2, { id: "1121745930", dynamic: [top || "auto", left || "auto", right || "auto", bottom || "auto", value, origin], children: `.anchor.__jsx-style-dynamic-selector{position:relative;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle;-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;box-sizing:border-box;}sup.__jsx-style-dynamic-selector{position:absolute;top:${top || "auto"};left:${left || "auto"};right:${right || "auto"};bottom:${bottom || "auto"};-webkit-transform:${value};-ms-transform:${value};transform:${value};-webkit-transform-origin:${origin};-ms-transform-origin:${origin};transform-origin:${origin};z-index:1;}` })
123
- ] });
124
- }
125
- BadgeAnchor.displayName = "BolioUIBadgeAnchor";
126
- var BadgeAnchor_default = BadgeAnchor;
127
-
128
- // core/Badge/index.ts
129
- Badge_default.Anchor = BadgeAnchor_default;
130
- var Badge_default2 = Badge_default;
131
-
132
- export {
133
- Badge_default2 as Badge_default
134
- };