@bioturing/components 0.15.0 → 0.15.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 (355) hide show
  1. package/dist/components/Badge/component.js +21 -0
  2. package/dist/components/Badge/component.js.map +1 -0
  3. package/dist/components/Badge/style.css +1 -0
  4. package/dist/components/Breadcrumb/component.js +46 -0
  5. package/dist/components/Breadcrumb/component.js.map +1 -0
  6. package/dist/components/Breadcrumb/style.css +1 -0
  7. package/dist/components/Breadcrumb/useItemRender.js +27 -0
  8. package/dist/components/Breadcrumb/useItemRender.js.map +1 -0
  9. package/dist/components/Button/component.js +9 -0
  10. package/dist/components/Button/component.js.map +1 -0
  11. package/dist/components/Button/style.css +1 -0
  12. package/dist/components/Checkbox/component.js +11 -0
  13. package/dist/components/Checkbox/component.js.map +1 -0
  14. package/dist/components/Checkbox/style.css +1 -0
  15. package/dist/components/CodeBlock/component.js +127 -0
  16. package/dist/components/CodeBlock/component.js.map +1 -0
  17. package/dist/components/CodeBlock/style.css +1 -0
  18. package/dist/components/DSRoot/component.js +21 -0
  19. package/dist/components/DSRoot/component.js.map +1 -0
  20. package/dist/components/DSRoot/context.js +9 -0
  21. package/dist/components/DSRoot/context.js.map +1 -0
  22. package/dist/components/DSRoot/style.css +1 -0
  23. package/dist/components/DropdownMenu/component.js +103 -0
  24. package/dist/components/DropdownMenu/component.js.map +1 -0
  25. package/dist/components/DropdownMenu/style.css +1 -0
  26. package/dist/components/Empty/component.js +48 -0
  27. package/dist/components/Empty/component.js.map +1 -0
  28. package/dist/components/Empty/style.css +1 -0
  29. package/dist/components/Field/component.js +30 -0
  30. package/dist/components/Field/component.js.map +1 -0
  31. package/dist/components/Field/style.css +1 -0
  32. package/dist/components/Form/component.js +23 -0
  33. package/dist/components/Form/component.js.map +1 -0
  34. package/dist/components/Form/item.js +30 -0
  35. package/dist/components/Form/item.js.map +1 -0
  36. package/dist/components/Form/style.css +1 -0
  37. package/dist/components/IconButton/component.js +49 -0
  38. package/dist/components/IconButton/component.js.map +1 -0
  39. package/dist/components/IconButton/style.css +1 -0
  40. package/dist/components/Input/component.js +25 -0
  41. package/dist/components/Input/component.js.map +1 -0
  42. package/dist/components/Modal/Modal.js +161 -0
  43. package/dist/components/Modal/Modal.js.map +1 -0
  44. package/dist/components/Modal/ModalProvider.js +70 -0
  45. package/dist/components/Modal/ModalProvider.js.map +1 -0
  46. package/dist/components/Modal/ModalService.js +25 -0
  47. package/dist/components/Modal/ModalService.js.map +1 -0
  48. package/dist/components/Modal/constants.js +5 -0
  49. package/dist/components/Modal/constants.js.map +1 -0
  50. package/dist/components/Modal/functions.js +27 -0
  51. package/dist/components/Modal/functions.js.map +1 -0
  52. package/dist/components/Modal/index.js +20 -0
  53. package/dist/components/Modal/index.js.map +1 -0
  54. package/dist/components/Modal/style.css +1 -0
  55. package/dist/components/Popover/component.js +12 -0
  56. package/dist/components/Popover/component.js.map +1 -0
  57. package/dist/components/PopupPanel/component.js +190 -0
  58. package/dist/components/PopupPanel/component.js.map +1 -0
  59. package/dist/components/PopupPanel/constants.js +5 -0
  60. package/dist/components/PopupPanel/constants.js.map +1 -0
  61. package/dist/components/PopupPanel/style.css +1 -0
  62. package/dist/components/Radio/component.js +22 -0
  63. package/dist/components/Radio/component.js.map +1 -0
  64. package/dist/components/Radio/style.css +1 -0
  65. package/dist/components/ScrollArea/component.js +40 -0
  66. package/dist/components/ScrollArea/component.js.map +1 -0
  67. package/dist/components/ScrollArea/style.css +1 -0
  68. package/dist/components/Segmented/component.js +9 -0
  69. package/dist/components/Segmented/component.js.map +1 -0
  70. package/dist/components/Segmented/style.css +1 -0
  71. package/dist/components/Select/component.js +135 -0
  72. package/dist/components/Select/component.js.map +1 -0
  73. package/dist/components/Select/style.css +1 -0
  74. package/dist/components/Slider/component.js +23 -0
  75. package/dist/components/Slider/component.js.map +1 -0
  76. package/dist/components/Spin/component.js +12 -0
  77. package/dist/components/Spin/component.js.map +1 -0
  78. package/dist/components/Spin/style.css +1 -0
  79. package/dist/components/Splitter/component.js +40 -0
  80. package/dist/components/Splitter/component.js.map +1 -0
  81. package/dist/components/Splitter/style.css +1 -0
  82. package/dist/components/Stack/Stack.js +37 -0
  83. package/dist/components/Stack/Stack.js.map +1 -0
  84. package/dist/components/Stack/StackChild.js +57 -0
  85. package/dist/components/Stack/StackChild.js.map +1 -0
  86. package/dist/components/Stack/index.js +9 -0
  87. package/dist/components/Stack/index.js.map +1 -0
  88. package/dist/components/Stack/style.css +1 -0
  89. package/dist/components/Switch/component.js +9 -0
  90. package/dist/components/Switch/component.js.map +1 -0
  91. package/dist/components/Switch/style.css +1 -0
  92. package/dist/components/Table/component.js +68 -0
  93. package/dist/components/Table/component.js.map +1 -0
  94. package/dist/components/Table/style.css +1 -0
  95. package/dist/components/Tag/component.js +30 -0
  96. package/dist/components/Tag/component.js.map +1 -0
  97. package/dist/components/Tag/style.css +1 -0
  98. package/dist/components/ThemeProvider/component.js +41 -0
  99. package/dist/components/ThemeProvider/component.js.map +1 -0
  100. package/dist/components/ThemeProvider/style.css +1 -0
  101. package/dist/components/Toast/component.js +101 -0
  102. package/dist/components/Toast/component.js.map +1 -0
  103. package/dist/components/Toast/function.js +25 -0
  104. package/dist/components/Toast/function.js.map +1 -0
  105. package/dist/components/Toast/style.css +1 -0
  106. package/dist/components/Tooltip/component.js +26 -0
  107. package/dist/components/Tooltip/component.js.map +1 -0
  108. package/dist/components/Tooltip/style.css +1 -0
  109. package/dist/components/Tour/component.js +35 -0
  110. package/dist/components/Tour/component.js.map +1 -0
  111. package/dist/components/Tour/style.css +1 -0
  112. package/dist/components/Transition/component.js +44 -0
  113. package/dist/components/Transition/component.js.map +1 -0
  114. package/dist/components/Tree/components.js +67 -0
  115. package/dist/components/Tree/components.js.map +1 -0
  116. package/dist/components/Tree/helpers.js +53 -0
  117. package/dist/components/Tree/helpers.js.map +1 -0
  118. package/dist/components/Tree/useTreeCommon.js +86 -0
  119. package/dist/components/Tree/useTreeCommon.js.map +1 -0
  120. package/dist/components/Tree/useUniqueKeysTree.js +142 -0
  121. package/dist/components/Tree/useUniqueKeysTree.js.map +1 -0
  122. package/dist/components/Truncate/component.js +93 -0
  123. package/dist/components/Truncate/component.js.map +1 -0
  124. package/dist/components/Truncate/helpers.js +36 -0
  125. package/dist/components/Truncate/helpers.js.map +1 -0
  126. package/dist/components/Truncate/style.css +1 -0
  127. package/dist/components/Upload/component.js +39 -0
  128. package/dist/components/Upload/component.js.map +1 -0
  129. package/dist/components/Upload/dragger.js +23 -0
  130. package/dist/components/Upload/dragger.js.map +1 -0
  131. package/dist/components/Upload/hooks.js +18 -0
  132. package/dist/components/Upload/hooks.js.map +1 -0
  133. package/dist/components/Upload/item.js +84 -0
  134. package/dist/components/Upload/item.js.map +1 -0
  135. package/dist/components/Upload/utils.js +7 -0
  136. package/dist/components/Upload/utils.js.map +1 -0
  137. package/dist/components/VerticalCollapsiblePanel/component.js +125 -0
  138. package/dist/components/VerticalCollapsiblePanel/component.js.map +1 -0
  139. package/dist/components/VerticalCollapsiblePanel/style.css +1 -0
  140. package/dist/components/hooks/antd.js +22 -0
  141. package/dist/components/hooks/antd.js.map +1 -0
  142. package/dist/components/hooks/base-ui.js +47 -0
  143. package/dist/components/hooks/base-ui.js.map +1 -0
  144. package/dist/components/hooks/useCharts.js +28 -0
  145. package/dist/components/hooks/useCharts.js.map +1 -0
  146. package/dist/components/hooks/useControlledState.js +15 -0
  147. package/dist/components/hooks/useControlledState.js.map +1 -0
  148. package/dist/components/utils/WithAntdTokens.js +24 -0
  149. package/dist/components/utils/WithAntdTokens.js.map +1 -0
  150. package/dist/components/utils/antdUtils.js +58 -0
  151. package/dist/components/utils/antdUtils.js.map +1 -0
  152. package/dist/components/utils/cn.js +27 -0
  153. package/dist/components/utils/cn.js.map +1 -0
  154. package/dist/components/utils/isTracebackError.js +10 -0
  155. package/dist/components/utils/isTracebackError.js.map +1 -0
  156. package/dist/components/utils/reactToString.js +23 -0
  157. package/dist/components/utils/reactToString.js.map +1 -0
  158. package/dist/index.d.ts +2497 -3
  159. package/dist/index.js +188 -4004
  160. package/dist/index.js.map +1 -0
  161. package/dist/metadata.js +513 -0
  162. package/dist/metadata.js.map +1 -0
  163. package/dist/tailwind.css +1 -121
  164. package/dist/tailwind.d.ts +1 -0
  165. package/dist/tokens/and-theme/tokens.js +351 -0
  166. package/dist/tokens/and-theme/tokens.js.map +1 -0
  167. package/dist/tokens/charts/index.js +18 -0
  168. package/dist/tokens/charts/index.js.map +1 -0
  169. package/dist/tokens/charts/tokens.js +208 -0
  170. package/dist/tokens/charts/tokens.js.map +1 -0
  171. package/dist/tokens/utils.js +37 -0
  172. package/dist/tokens/utils.js.map +1 -0
  173. package/package.json +10 -108
  174. package/dist/Badge.css +0 -6
  175. package/dist/Badge.js +0 -41
  176. package/dist/Breadcrumb.css +0 -83
  177. package/dist/Breadcrumb.js +0 -92
  178. package/dist/Checkbox.css +0 -13
  179. package/dist/Checkbox.js +0 -12
  180. package/dist/CodeBlock.css +0 -213
  181. package/dist/CodeBlock.js +0 -644
  182. package/dist/Collapse.css +0 -21
  183. package/dist/Collapse.js +0 -49
  184. package/dist/DSRoot.css +0 -667
  185. package/dist/DSRoot.js +0 -1428
  186. package/dist/DropdownMenu.css +0 -95
  187. package/dist/DropdownMenu.js +0 -211
  188. package/dist/Empty.css +0 -19
  189. package/dist/Empty.js +0 -53
  190. package/dist/Field.css +0 -14
  191. package/dist/Field.js +0 -66
  192. package/dist/Form.css +0 -64
  193. package/dist/Form.js +0 -125
  194. package/dist/IconButton.css +0 -52
  195. package/dist/IconButton.js +0 -82
  196. package/dist/Input.js +0 -48
  197. package/dist/Modal.css +0 -317
  198. package/dist/Modal.js +0 -677
  199. package/dist/Popover.js +0 -10
  200. package/dist/PopupPanel.css +0 -170
  201. package/dist/PopupPanel.js +0 -333
  202. package/dist/Radio.css +0 -14
  203. package/dist/Radio.js +0 -24
  204. package/dist/ScrollArea.css +0 -64
  205. package/dist/ScrollArea.js +0 -50
  206. package/dist/Segmented.css +0 -16
  207. package/dist/Segmented.js +0 -10
  208. package/dist/Select.css +0 -24
  209. package/dist/Select.js +0 -157
  210. package/dist/Slider.js +0 -39
  211. package/dist/Spin.css +0 -36
  212. package/dist/Spin.js +0 -33
  213. package/dist/Splitter.css +0 -6
  214. package/dist/Splitter.js +0 -47
  215. package/dist/Switch.css +0 -7
  216. package/dist/Switch.js +0 -10
  217. package/dist/Table.css +0 -116
  218. package/dist/Table.js +0 -126
  219. package/dist/Tag.css +0 -17
  220. package/dist/Tag.js +0 -24
  221. package/dist/ThemeProvider.css +0 -39
  222. package/dist/ThemeProvider.js +0 -403
  223. package/dist/Toast.css +0 -622
  224. package/dist/Toast.js +0 -1401
  225. package/dist/Tooltip.css +0 -6
  226. package/dist/Tooltip.js +0 -36
  227. package/dist/Tour.css +0 -73
  228. package/dist/Tour.js +0 -54
  229. package/dist/Tree.js +0 -318
  230. package/dist/Truncate.css +0 -31
  231. package/dist/Truncate.js +0 -216
  232. package/dist/Upload.css +0 -144
  233. package/dist/Upload.js +0 -516
  234. package/dist/VerticalCollapsiblePanel.css +0 -193
  235. package/dist/VerticalCollapsiblePanel.js +0 -469
  236. package/dist/components/Badge/component.d.ts +0 -4
  237. package/dist/components/Badge/index.d.ts +0 -1
  238. package/dist/components/Breadcrumb/component.d.ts +0 -6
  239. package/dist/components/Breadcrumb/index.d.ts +0 -2
  240. package/dist/components/Breadcrumb/types.d.ts +0 -18
  241. package/dist/components/Breadcrumb/useItemRender.d.ts +0 -6
  242. package/dist/components/Button/component.d.ts +0 -8
  243. package/dist/components/Button/index.d.ts +0 -1
  244. package/dist/components/Checkbox/component.d.ts +0 -11
  245. package/dist/components/Checkbox/index.d.ts +0 -1
  246. package/dist/components/CodeBlock/component.d.ts +0 -3
  247. package/dist/components/CodeBlock/index.d.ts +0 -2
  248. package/dist/components/CodeBlock/types.d.ts +0 -59
  249. package/dist/components/Collapse/component.d.ts +0 -14
  250. package/dist/components/Collapse/index.d.ts +0 -1
  251. package/dist/components/DSRoot/component.d.ts +0 -14
  252. package/dist/components/DSRoot/context.d.ts +0 -7
  253. package/dist/components/DSRoot/index.d.ts +0 -1
  254. package/dist/components/DropdownMenu/component.d.ts +0 -31
  255. package/dist/components/DropdownMenu/index.d.ts +0 -2
  256. package/dist/components/Empty/component.d.ts +0 -13
  257. package/dist/components/Empty/index.d.ts +0 -1
  258. package/dist/components/Field/component.d.ts +0 -42
  259. package/dist/components/Field/index.d.ts +0 -1
  260. package/dist/components/Form/component.d.ts +0 -19
  261. package/dist/components/Form/index.d.ts +0 -1
  262. package/dist/components/Form/item.d.ts +0 -5
  263. package/dist/components/IconButton/component.d.ts +0 -30
  264. package/dist/components/IconButton/index.d.ts +0 -1
  265. package/dist/components/Input/component.d.ts +0 -30
  266. package/dist/components/Input/index.d.ts +0 -1
  267. package/dist/components/Modal/Modal.d.ts +0 -84
  268. package/dist/components/Modal/ModalProvider.d.ts +0 -5
  269. package/dist/components/Modal/ModalService.d.ts +0 -33
  270. package/dist/components/Modal/constants.d.ts +0 -9
  271. package/dist/components/Modal/functions.d.ts +0 -27
  272. package/dist/components/Modal/index.d.ts +0 -15
  273. package/dist/components/Popover/component.d.ts +0 -9
  274. package/dist/components/Popover/index.d.ts +0 -1
  275. package/dist/components/PopupPanel/component.d.ts +0 -61
  276. package/dist/components/PopupPanel/constants.d.ts +0 -7
  277. package/dist/components/PopupPanel/index.d.ts +0 -1
  278. package/dist/components/Radio/component.d.ts +0 -8
  279. package/dist/components/Radio/index.d.ts +0 -2
  280. package/dist/components/Radio/interface.d.ts +0 -5
  281. package/dist/components/ScrollArea/component.d.ts +0 -32
  282. package/dist/components/ScrollArea/index.d.ts +0 -1
  283. package/dist/components/Segmented/component.d.ts +0 -10
  284. package/dist/components/Segmented/index.d.ts +0 -1
  285. package/dist/components/Select/component.d.ts +0 -24
  286. package/dist/components/Select/index.d.ts +0 -1
  287. package/dist/components/Slider/component.d.ts +0 -5
  288. package/dist/components/Slider/index.d.ts +0 -1
  289. package/dist/components/Spin/component.d.ts +0 -4
  290. package/dist/components/Spin/index.d.ts +0 -1
  291. package/dist/components/Splitter/component.d.ts +0 -13
  292. package/dist/components/Splitter/index.d.ts +0 -1
  293. package/dist/components/Stack/Stack.d.ts +0 -39
  294. package/dist/components/Stack/StackChild.d.ts +0 -30
  295. package/dist/components/Stack/index.d.ts +0 -8
  296. package/dist/components/Switch/component.d.ts +0 -9
  297. package/dist/components/Switch/index.d.ts +0 -1
  298. package/dist/components/Table/component.d.ts +0 -20
  299. package/dist/components/Table/index.d.ts +0 -1
  300. package/dist/components/Tag/component.d.ts +0 -12
  301. package/dist/components/Tag/index.d.ts +0 -1
  302. package/dist/components/ThemeProvider/component.d.ts +0 -7
  303. package/dist/components/ThemeProvider/index.d.ts +0 -1
  304. package/dist/components/Toast/component.d.ts +0 -15
  305. package/dist/components/Toast/function.d.ts +0 -10
  306. package/dist/components/Toast/index.d.ts +0 -3
  307. package/dist/components/Toast/types.d.ts +0 -3
  308. package/dist/components/Tooltip/component.d.ts +0 -10
  309. package/dist/components/Tooltip/index.d.ts +0 -1
  310. package/dist/components/Tour/component.d.ts +0 -8
  311. package/dist/components/Tour/index.d.ts +0 -1
  312. package/dist/components/Transition/component.d.ts +0 -17
  313. package/dist/components/Transition/index.d.ts +0 -1
  314. package/dist/components/Tree/components.d.ts +0 -13
  315. package/dist/components/Tree/helpers.d.ts +0 -4
  316. package/dist/components/Tree/index.d.ts +0 -4
  317. package/dist/components/Tree/types.d.ts +0 -55
  318. package/dist/components/Tree/useTreeCommon.d.ts +0 -178
  319. package/dist/components/Tree/useUniqueKeysTree.d.ts +0 -33
  320. package/dist/components/Truncate/component.d.ts +0 -15
  321. package/dist/components/Truncate/helpers.d.ts +0 -5
  322. package/dist/components/Truncate/index.d.ts +0 -1
  323. package/dist/components/Upload/component.d.ts +0 -16
  324. package/dist/components/Upload/dragger.d.ts +0 -13
  325. package/dist/components/Upload/hooks.d.ts +0 -5
  326. package/dist/components/Upload/index.d.ts +0 -4
  327. package/dist/components/Upload/item.d.ts +0 -11
  328. package/dist/components/Upload/utils.d.ts +0 -1
  329. package/dist/components/VerticalCollapsiblePanel/component.d.ts +0 -65
  330. package/dist/components/VerticalCollapsiblePanel/index.d.ts +0 -1
  331. package/dist/components/hooks/antd.d.ts +0 -11
  332. package/dist/components/hooks/base-ui.d.ts +0 -7
  333. package/dist/components/hooks/index.d.ts +0 -4
  334. package/dist/components/hooks/useCharts.d.ts +0 -22
  335. package/dist/components/hooks/useControlledState.d.ts +0 -1
  336. package/dist/components/index.d.ts +0 -41
  337. package/dist/components/utils/WithAntdTokens.d.ts +0 -7
  338. package/dist/components/utils/antdUtils.d.ts +0 -15
  339. package/dist/components/utils/client.d.ts +0 -2
  340. package/dist/components/utils/cn.d.ts +0 -4
  341. package/dist/components/utils/index.d.ts +0 -3
  342. package/dist/components/utils/isTracebackError.d.ts +0 -1
  343. package/dist/components/utils/main.d.ts +0 -3
  344. package/dist/components/utils/reactToString.d.ts +0 -2
  345. package/dist/components/utils/types.d.ts +0 -9
  346. package/dist/hooks.js +0 -961
  347. package/dist/index.css +0 -1471
  348. package/dist/metadata.d.ts +0 -363
  349. package/dist/tokens/and-theme/index.d.ts +0 -1
  350. package/dist/tokens/and-theme/tokens.d.ts +0 -5
  351. package/dist/tokens/charts/index.d.ts +0 -6
  352. package/dist/tokens/charts/tokens.d.ts +0 -455
  353. package/dist/tokens/index.d.ts +0 -2
  354. package/dist/tokens/utils.d.ts +0 -16
  355. package/dist/utils.js +0 -120
@@ -1,170 +0,0 @@
1
- @layer components {
2
- .ds-popup-panel {
3
- box-shadow: var(--ds-box-shadow-secondary);
4
- border-radius: var(--ds-border-radius);
5
- background: var(--ds-color-bg-elevated);
6
- color: var(--ds-color-text);
7
- font-size: var(--ds-font-size);
8
- font-family: var(--ds-font-family);
9
- transition-property: transform, scale, opacity;
10
- transition-duration: .2s;
11
- transition-timing-function: var(--ds-motion-ease-out);
12
- transform-origin: var(--transform-origin);
13
- width: calc(min(var(--size-width), var(--available-width)));
14
- max-width: var(--available-width);
15
- max-height: var(--available-height);
16
- flex-direction: column;
17
- height: max-content;
18
- list-style: none;
19
- display: flex;
20
- }
21
-
22
- .ds-popup-panel[data-ending-style], .ds-popup-panel[data-starting-style] {
23
- opacity: 0;
24
- transform: scale(.9);
25
- }
26
-
27
- .ds-popup-panel:focus {
28
- outline: none;
29
- }
30
-
31
- .ds-popup-panel-header {
32
- border-bottom: 1px solid var(--ds-color-split);
33
- padding: calc(var(--ds-popup-panel-padding) / 2) var(--ds-popup-panel-padding);
34
- flex: 0;
35
- margin-bottom: 0;
36
- }
37
-
38
- .ds-popup-panel-header .ds-popup-panel-title-wrapper {
39
- font-weight: 500;
40
- font-size: var(--ds-font-size);
41
- line-height: var(--ds-line-height);
42
- color: var(--ds-color-text);
43
- }
44
-
45
- .ds-popup-panel-footer {
46
- border-top: 1px solid var(--ds-color-split);
47
- padding: calc(var(--ds-popup-panel-padding) / 2) var(--ds-popup-panel-padding);
48
- flex: 0;
49
- margin-top: 0;
50
- }
51
-
52
- .ds-popup-panel-content {
53
- flex-direction: column;
54
- flex: 1;
55
- display: flex;
56
- overflow: auto;
57
- }
58
-
59
- .ds-popup-panel-content .ds-popup-panel-content-inner {
60
- padding: var(--ds-popup-panel-padding);
61
- flex: 1;
62
- }
63
-
64
- .ds-resize-handle-top {
65
- color: #fff;
66
- border-top-left-radius: .5rem;
67
- border-top-right-radius: .5rem;
68
- justify-content: center;
69
- width: 100%;
70
- height: 4px;
71
- padding: .5rem;
72
- display: block;
73
- position: absolute;
74
- top: 0;
75
- }
76
-
77
- .ds-resize-handle-bottom {
78
- color: #fff;
79
- border-bottom-right-radius: .5rem;
80
- border-bottom-left-radius: .5rem;
81
- justify-content: center;
82
- width: 100%;
83
- height: 4px;
84
- padding: .5rem;
85
- display: block;
86
- position: absolute;
87
- bottom: 0;
88
- }
89
-
90
- .ds-resize-handle-left {
91
- color: #fff;
92
- border-top-left-radius: .5rem;
93
- border-bottom-left-radius: .5rem;
94
- align-items: center;
95
- width: 4px;
96
- height: 100%;
97
- padding: .5rem;
98
- display: block;
99
- position: absolute;
100
- top: 0;
101
- left: 0;
102
- }
103
-
104
- .ds-resize-handle-right {
105
- color: #fff;
106
- border-top-right-radius: .5rem;
107
- border-bottom-right-radius: .5rem;
108
- align-items: center;
109
- width: 4px;
110
- height: 100%;
111
- padding: .5rem;
112
- display: block;
113
- position: absolute;
114
- top: 0;
115
- right: 0;
116
- }
117
- }
118
-
119
- @layer components {
120
- .ds-icon-button {
121
- cursor: pointer;
122
- color: var(--ds-color-icon);
123
- background-color: #0000;
124
- border: none;
125
- border-radius: 999px;
126
- justify-content: center;
127
- align-items: center;
128
- transition: all .2s;
129
- display: inline-flex;
130
- }
131
-
132
- .ds-icon-button:hover {
133
- background-color: var(--ds-color-fill-secondary);
134
- color: var(--ds-color-icon-hover);
135
- }
136
-
137
- .ds-icon-button:active, .ds-icon-button.ds-popover-open {
138
- background-color: var(--ds-color-primary-bg);
139
- color: var(--ds-color-primary);
140
- }
141
-
142
- .ds-icon-button:focus {
143
- outline: none;
144
- }
145
-
146
- .ds-icon-button:disabled {
147
- cursor: not-allowed;
148
- pointer-events: none;
149
- color: var(--ds-color-text-disabled);
150
- }
151
-
152
- .ds-icon-button.ds-icon-button-medium {
153
- width: 1.5rem;
154
- height: 1.5rem;
155
- padding: .125rem;
156
- font-size: 1.25rem;
157
- }
158
-
159
- .ds-icon-button.ds-icon-button-small {
160
- width: 1.25rem;
161
- height: 1.25rem;
162
- padding: .125rem;
163
- font-size: 1rem;
164
- }
165
-
166
- .ds-icon-button.ds-icon-button-negative-margin {
167
- margin: -.125rem;
168
- }
169
- }
170
-
@@ -1,333 +0,0 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
2
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__ from "antd/es/config-provider";
3
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_theme_useToken_e8911485__ from "antd/es/theme/useToken";
4
- import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
5
- import "tailwind-merge";
6
- import * as __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_popover_cdb87929__ from "@base-ui-components/react/popover";
7
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_flex_86593150__ from "antd/es/flex";
8
- import * as __WEBPACK_EXTERNAL_MODULE_antd__ from "antd";
9
- import * as __WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__ from "@bioturing/assets";
10
- import * as __WEBPACK_EXTERNAL_MODULE_react_use_resizable_ad29d4b1__ from "react-use-resizable";
11
- function cx(...args) {
12
- const classes = [];
13
- for (const arg of args)if (arg) {
14
- if ("string" == typeof arg || "number" == typeof arg) classes.push(String(arg));
15
- else if (Array.isArray(arg)) classes.push(...cx(...arg));
16
- else if ("object" == typeof arg) {
17
- for (const [key, value] of Object.entries(arg))if (value) classes.push(key);
18
- }
19
- }
20
- return classes;
21
- }
22
- function clsx(...args) {
23
- return cx(...args).join(" ");
24
- }
25
- "use client";
26
- const useAntdCssVarClassname = ()=>{
27
- var _token_;
28
- const token = (0, __WEBPACK_EXTERNAL_MODULE_antd_es_theme_useToken_e8911485__["default"])();
29
- return null == (_token_ = token[4]) ? void 0 : _token_.key;
30
- };
31
- const useCls = ()=>{
32
- const { getPrefixCls } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__["default"].ConfigContext);
33
- return (...args)=>cx(...args).map((cls)=>getPrefixCls(cls)).join(" ");
34
- };
35
- function splitCamelCase(text) {
36
- const result = [];
37
- let currentWord = "";
38
- for (const char of text)if (char >= "A" && char <= "Z") {
39
- if (currentWord) result.push(currentWord);
40
- currentWord = char.toLowerCase();
41
- } else currentWord += char;
42
- if (currentWord) result.push(currentWord);
43
- return result.length > 0 ? result : [
44
- text
45
- ];
46
- }
47
- const parseAntdPlacement = (placement = "bottomLeft")=>{
48
- const [position1, position2] = splitCamelCase(placement);
49
- let primaryPlacement;
50
- let align = "center";
51
- if ("top" === position1 || "bottom" === position1) {
52
- primaryPlacement = position1;
53
- if (position2) switch(position2){
54
- case "left":
55
- align = "start";
56
- break;
57
- case "right":
58
- align = "end";
59
- break;
60
- }
61
- } else if ("left" === position1 || "right" === position1) {
62
- primaryPlacement = position1;
63
- if (position2) switch(position2){
64
- case "top":
65
- align = "start";
66
- break;
67
- case "bottom":
68
- align = "end";
69
- break;
70
- }
71
- } else primaryPlacement = "bottom";
72
- return {
73
- placement: primaryPlacement,
74
- align
75
- };
76
- };
77
- "use client";
78
- const IconButtonImpl = (props, ref)=>{
79
- const { label, size = "medium", negativeMargin = true, children, className, tooltipProps = {}, as, href, target, rel, download, hrefLang, referrerPolicy, ...rest } = props;
80
- const cls = useCls();
81
- const antdCssVarClassname = useAntdCssVarClassname();
82
- const buttonClasses = [
83
- cls("icon-button"),
84
- cls(`icon-button-${size}`),
85
- cls(negativeMargin ? "icon-button-negative-margin" : ""),
86
- antdCssVarClassname,
87
- className
88
- ].filter(Boolean).join(" ");
89
- const Component = as || (href ? "a" : "button");
90
- const anchorProps = "a" === Component ? {
91
- ...void 0 !== target && {
92
- target
93
- },
94
- ...void 0 !== rel && {
95
- rel
96
- },
97
- ...void 0 !== download && {
98
- download
99
- },
100
- ...void 0 !== hrefLang && {
101
- hrefLang
102
- },
103
- ...void 0 !== referrerPolicy && {
104
- referrerPolicy
105
- }
106
- } : {};
107
- const elementProps = {
108
- ref,
109
- className: buttonClasses,
110
- ..."button" === Component && {
111
- type: "button"
112
- },
113
- ...href && {
114
- href
115
- },
116
- ...anchorProps,
117
- ...rest
118
- };
119
- const element = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(Component, {
120
- ...elementProps,
121
- children: children
122
- });
123
- return label ? /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd__.Tooltip, {
124
- title: label,
125
- arrow: false,
126
- ...tooltipProps,
127
- children: element
128
- }) : element;
129
- };
130
- const IconButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(IconButtonImpl);
131
- var constants_PopupPanelSize = /*#__PURE__*/ function(PopupPanelSize) {
132
- PopupPanelSize["xsmall"] = "320px";
133
- PopupPanelSize["small"] = "400px";
134
- PopupPanelSize["medium"] = "480px";
135
- PopupPanelSize["large"] = "640px";
136
- PopupPanelSize["xlarge"] = "840px";
137
- return PopupPanelSize;
138
- }({});
139
- "use client";
140
- function useControlledState(value, onChange, defaultValue) {
141
- const [internalState, setInternalState] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(defaultValue);
142
- const isControlled = void 0 !== value;
143
- const setState = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((next)=>{
144
- const nextValue = "function" == typeof next ? next(value) : next;
145
- if ("function" == typeof onChange) onChange(nextValue);
146
- if (!isControlled) setInternalState(next);
147
- }, [
148
- value,
149
- onChange,
150
- isControlled
151
- ]);
152
- const state = isControlled ? value : internalState;
153
- return [
154
- state,
155
- setState
156
- ];
157
- }
158
- "use client";
159
- const PopupPanel = ({ children, placement, openOnHover = false, open: outsideOpen, onOpenChange: outsideOnOpenChange, content, title, trigger = "click", className, anchor, beforeCloseButton, afterCloseButton, afterTitle, size = "medium", footer, defaultOpen, resizable = false })=>{
160
- const [open, setOpen] = useControlledState(outsideOpen, outsideOnOpenChange, defaultOpen ?? false);
161
- const cls = useCls();
162
- const antdCssVarClassname = useAntdCssVarClassname();
163
- const headlessUIPlacement = parseAntdPlacement(placement);
164
- const triggerRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useRef)(null);
165
- const [popupRef, setPopupRef] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(null);
166
- const [width, setWidth] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)();
167
- const [height, setHeight] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)();
168
- const callbackRef = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)((node)=>{
169
- setPopupRef(node);
170
- }, []);
171
- (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
172
- if (!popupRef) return;
173
- const observer = new ResizeObserver((entries)=>{
174
- for (const entry of entries){
175
- setWidth(entry.contentRect.width);
176
- setHeight(entry.contentRect.height);
177
- }
178
- });
179
- observer.observe(popupRef);
180
- return ()=>{
181
- observer.disconnect();
182
- };
183
- }, [
184
- popupRef
185
- ]);
186
- const defaultCloseIcon = (0, __WEBPACK_EXTERNAL_MODULE_react__.useMemo)(()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__bioturing_assets_dd0c210d__.X, {
187
- size: 16
188
- }), []);
189
- const renderTitle = (0, __WEBPACK_EXTERNAL_MODULE_react__.useCallback)(()=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
190
- className: cls("popup-panel-header"),
191
- children: [
192
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_antd_es_flex_86593150__["default"], {
193
- align: "center",
194
- gap: 8,
195
- className: cls("popup-panel-title-wrapper"),
196
- children: [
197
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_popover_cdb87929__.Popover.Title, {
198
- render: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
199
- className: cls("grow", "truncate"),
200
- children: title
201
- })
202
- }),
203
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)("div", {
204
- className: "flex items-center gap-2",
205
- children: [
206
- beforeCloseButton,
207
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_popover_cdb87929__.Popover.Close, {
208
- render: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(IconButton, {
209
- children: defaultCloseIcon
210
- })
211
- }),
212
- afterCloseButton
213
- ]
214
- })
215
- ]
216
- }),
217
- afterTitle ? afterTitle : null
218
- ]
219
- }), [
220
- afterCloseButton,
221
- afterTitle,
222
- beforeCloseButton,
223
- cls,
224
- defaultCloseIcon,
225
- title
226
- ]);
227
- const [resizing, setResizing] = (0, __WEBPACK_EXTERNAL_MODULE_react__.useState)(false);
228
- const { getRootProps, getHandleProps, rootRef } = (0, __WEBPACK_EXTERNAL_MODULE_react_use_resizable_ad29d4b1__.useResizable)({
229
- initialWidth: width,
230
- initialHeight: height,
231
- onDragStart: ()=>setResizing(true),
232
- onDragEnd: ()=>setResizing(false)
233
- });
234
- (0, __WEBPACK_EXTERNAL_MODULE_react__.useEffect)(()=>{
235
- if (resizing) document.body.style.userSelect = "none";
236
- else document.body.style.userSelect = "";
237
- }, [
238
- resizing
239
- ]);
240
- const onReverseHandleChangeVertical = (parent, values)=>{
241
- if (!parent.current) return;
242
- const { heightDiff } = values;
243
- parent.current.style.top = `${parseInt(parent.current.style.top || "0") - heightDiff}px`;
244
- };
245
- const onReverseHandleChangeHorizontal = (parent, values)=>{
246
- if (!parent.current) return;
247
- const { widthDiff } = values;
248
- parent.current.style.left = `${parseInt(parent.current.style.left || "0") - widthDiff}px`;
249
- };
250
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_popover_cdb87929__.Popover.Root, {
251
- openOnHover: "hover" === trigger ? true : openOnHover,
252
- open: open,
253
- onOpenChange: (newOpen)=>{
254
- setOpen(newOpen);
255
- },
256
- delay: 100,
257
- children: [
258
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_popover_cdb87929__.Popover.Trigger, {
259
- render: children,
260
- ref: triggerRef
261
- }),
262
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_popover_cdb87929__.Popover.Portal, {
263
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_popover_cdb87929__.Popover.Positioner, {
264
- className: cls("popup-panel-root"),
265
- side: headlessUIPlacement.placement,
266
- align: headlessUIPlacement.align,
267
- sideOffset: 4,
268
- anchor: anchor,
269
- style: {
270
- "--size-width": size ? constants_PopupPanelSize[size] : void 0
271
- },
272
- ref: callbackRef,
273
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_popover_cdb87929__.Popover.Popup, {
274
- className: clsx(cls("popup-panel"), antdCssVarClassname, className),
275
- ...getRootProps(),
276
- ...resizing ? {
277
- "data-resizing": true
278
- } : {},
279
- children: [
280
- title && renderTitle(),
281
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
282
- className: cls("popup-panel-content"),
283
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
284
- className: cls("popup-panel-content-inner"),
285
- children: content
286
- })
287
- }),
288
- footer && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
289
- className: cls("popup-panel-footer"),
290
- children: "function" == typeof footer ? footer({
291
- close: ()=>setOpen(false)
292
- }) : footer
293
- }),
294
- resizable && /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.Fragment, {
295
- children: [
296
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
297
- className: cls("resize-handle-top"),
298
- ...getHandleProps({
299
- reverse: true,
300
- lockHorizontal: true,
301
- onResize: (values)=>onReverseHandleChangeVertical(rootRef, values)
302
- })
303
- }),
304
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
305
- className: cls("resize-handle-bottom"),
306
- ...getHandleProps({
307
- lockHorizontal: true
308
- })
309
- }),
310
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
311
- className: cls("resize-handle-left"),
312
- ...getHandleProps({
313
- reverse: true,
314
- lockVertical: true,
315
- onResize: (values)=>onReverseHandleChangeHorizontal(rootRef, values)
316
- })
317
- }),
318
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)("div", {
319
- className: cls("resize-handle-right"),
320
- ...getHandleProps({
321
- lockVertical: true
322
- })
323
- })
324
- ]
325
- })
326
- ]
327
- })
328
- })
329
- })
330
- ]
331
- });
332
- };
333
- export { PopupPanel };
package/dist/Radio.css DELETED
@@ -1,14 +0,0 @@
1
- @layer components {
2
- .ds-radio {
3
- align-self: unset;
4
- }
5
-
6
- .ds-radio-wrapper {
7
- display: inline-flex;
8
- }
9
-
10
- .ds-radio-wrapper .ds-radio {
11
- transform: translateY(.1875rem);
12
- }
13
- }
14
-
package/dist/Radio.js DELETED
@@ -1,24 +0,0 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
2
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_radio_e6b5c17a__ from "antd/es/radio";
3
- import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
4
- const RadioInner = ({ className, style, ...rest }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_radio_e6b5c17a__["default"], {
5
- ref: ref,
6
- className: className,
7
- style: style,
8
- ...rest
9
- });
10
- const RadioGroup = (props)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_radio_e6b5c17a__.Group, {
11
- ...props
12
- });
13
- const RadioButton = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(({ className, style, ...rest }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_radio_e6b5c17a__.Button, {
14
- ref: ref,
15
- className: className,
16
- style: style,
17
- ...rest
18
- }));
19
- const ForwardedRadio = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(RadioInner);
20
- const Radio = Object.assign(ForwardedRadio, {
21
- Group: RadioGroup,
22
- Button: RadioButton
23
- });
24
- export { Radio };
@@ -1,64 +0,0 @@
1
- @layer components {
2
- .ds-scroll-area {
3
- flex-direction: column;
4
- flex: 1;
5
- height: 100%;
6
- min-height: 0;
7
- display: flex;
8
- }
9
-
10
- .ds-scroll-area .ds-scroll-area-viewport {
11
- overscroll-behavior: contain;
12
- flex-shrink: 1;
13
- height: 100%;
14
- max-height: 100%;
15
- overflow: hidden;
16
- }
17
-
18
- :is(.ds-scroll-area .ds-scroll-area-viewport):focus-visible {
19
- outline-offset: 4px;
20
- outline-width: 2px;
21
- outline-color: var(--ds-color-primary);
22
- }
23
-
24
- .ds-scroll-area .ds-scroll-area-scrollbar {
25
- opacity: 0;
26
- background-color: #0000;
27
- justify-content: center;
28
- padding: .25rem;
29
- transition-property: opacity;
30
- transition-delay: .1s;
31
- display: flex;
32
- }
33
-
34
- :is(.ds-scroll-area .ds-scroll-area-scrollbar) .ds-scroll-area-thumb {
35
- background-color: var(--ds-color-bg-fill-tertiary);
36
- border: 1px solid var(--ds-color-border);
37
- border-radius: 9999px;
38
- }
39
-
40
- [data-orientation="vertical"]:is(.ds-scroll-area .ds-scroll-area-scrollbar) {
41
- width: .875rem;
42
- }
43
-
44
- [data-orientation="vertical"]:is(.ds-scroll-area .ds-scroll-area-scrollbar) .ds-scroll-area-thumb {
45
- width: 100%;
46
- }
47
-
48
- [data-orientation="horizontal"]:is(.ds-scroll-area .ds-scroll-area-scrollbar) {
49
- flex-direction: column;
50
- width: 100%;
51
- height: .875rem;
52
- }
53
-
54
- [data-orientation="horizontal"]:is(.ds-scroll-area .ds-scroll-area-scrollbar) .ds-scroll-area-thumb {
55
- height: 100%;
56
- }
57
-
58
- [data-hovering]:is(.ds-scroll-area .ds-scroll-area-scrollbar), [data-scrolling]:is(.ds-scroll-area .ds-scroll-area-scrollbar) {
59
- opacity: 1;
60
- transition-duration: .2s;
61
- transition-delay: 0s;
62
- }
63
- }
64
-
@@ -1,50 +0,0 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
2
- import * as __WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__ from "@base-ui-components/react";
3
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__ from "antd/es/config-provider";
4
- import "antd/es/theme/useToken";
5
- import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
6
- import "tailwind-merge";
7
- function cx(...args) {
8
- const classes = [];
9
- for (const arg of args)if (arg) {
10
- if ("string" == typeof arg || "number" == typeof arg) classes.push(String(arg));
11
- else if (Array.isArray(arg)) classes.push(...cx(...arg));
12
- else if ("object" == typeof arg) {
13
- for (const [key, value] of Object.entries(arg))if (value) classes.push(key);
14
- }
15
- }
16
- return classes;
17
- }
18
- function clsx(...args) {
19
- return cx(...args).join(" ");
20
- }
21
- "use client";
22
- const useCls = ()=>{
23
- const { getPrefixCls } = (0, __WEBPACK_EXTERNAL_MODULE_react__.useContext)(__WEBPACK_EXTERNAL_MODULE_antd_es_config_provider_6a57beb3__["default"].ConfigContext);
24
- return (...args)=>cx(...args).map((cls)=>getPrefixCls(cls)).join(" ");
25
- };
26
- "use client";
27
- const ScrollArea = ({ children, className, classNames = {}, orientation = "vertical" })=>{
28
- const cls = useCls();
29
- return /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsxs)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.ScrollArea.Root, {
30
- className: clsx(cls("scroll-area"), className),
31
- children: [
32
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.ScrollArea.Viewport, {
33
- className: clsx(cls("scroll-area-viewport"), null == classNames ? void 0 : classNames.viewport),
34
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.ScrollArea.Content, {
35
- className: clsx(cls("scroll-area-content")),
36
- children: children
37
- })
38
- }),
39
- /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.ScrollArea.Scrollbar, {
40
- className: clsx(cls("scroll-area-scrollbar"), null == classNames ? void 0 : classNames.scrollbar),
41
- orientation: orientation,
42
- "data-orientation": orientation,
43
- children: /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE__base_ui_components_react_5aaa6934__.ScrollArea.Thumb, {
44
- className: clsx(cls("scroll-area-thumb"), null == classNames ? void 0 : classNames.thumb)
45
- })
46
- })
47
- ]
48
- });
49
- };
50
- export { ScrollArea };
@@ -1,16 +0,0 @@
1
- @layer components {
2
- .ds-segmented .ds-segmented-item-label {
3
- justify-content: center;
4
- align-items: center;
5
- display: flex;
6
- }
7
-
8
- .ds-segmented .ds-segmented-item-icon {
9
- justify-content: center;
10
- align-items: center;
11
- height: 100%;
12
- font-size: 1rem;
13
- display: flex;
14
- }
15
- }
16
-
package/dist/Segmented.js DELETED
@@ -1,10 +0,0 @@
1
- import * as __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__ from "react/jsx-runtime";
2
- import * as __WEBPACK_EXTERNAL_MODULE_antd_es_segmented_6dbdbe23__ from "antd/es/segmented";
3
- import * as __WEBPACK_EXTERNAL_MODULE_react__ from "react";
4
- const MainSegmentedInner = ({ className, ...rest }, ref)=>/*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react_jsx_runtime_225474f2__.jsx)(__WEBPACK_EXTERNAL_MODULE_antd_es_segmented_6dbdbe23__["default"], {
5
- ref: ref,
6
- ...rest
7
- });
8
- const MainSegmented = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_react__.forwardRef)(MainSegmentedInner);
9
- const Segmented = MainSegmented;
10
- export { Segmented };