@fangxinyan/lumina 0.10.0 → 0.10.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 (433) hide show
  1. package/README.md +2 -2
  2. package/dist/Alert-DJ3K7N7L.css +53 -0
  3. package/dist/Alert.cjs +5 -5
  4. package/dist/Alert.d.cts +1 -1
  5. package/dist/Alert.d.ts +1 -1
  6. package/dist/Alert.js +4 -4
  7. package/dist/AppShell-OWJRJ4ZD.css +197 -0
  8. package/dist/AppShell.cjs +8 -8
  9. package/dist/AppShell.d.cts +1 -1
  10. package/dist/AppShell.d.ts +1 -1
  11. package/dist/AppShell.js +4 -4
  12. package/dist/AutoComplete-PNCYHU2T.css +54 -0
  13. package/dist/AutoComplete.cjs +9 -10
  14. package/dist/AutoComplete.d.cts +1 -3
  15. package/dist/AutoComplete.d.ts +1 -3
  16. package/dist/AutoComplete.js +8 -9
  17. package/dist/{Avatar-3QACN2BC.css → Avatar-YBU2YZTW.css} +2 -2
  18. package/dist/Avatar.cjs +4 -4
  19. package/dist/Avatar.d.cts +1 -1
  20. package/dist/Avatar.d.ts +1 -1
  21. package/dist/Avatar.js +3 -3
  22. package/dist/{Badge-QQ4ANPQC.css → Badge-DBWJEV4C.css} +9 -9
  23. package/dist/Badge.cjs +4 -4
  24. package/dist/Badge.d.cts +1 -1
  25. package/dist/Badge.d.ts +1 -1
  26. package/dist/Badge.js +3 -3
  27. package/dist/Button-ILNZUX2N.css +125 -0
  28. package/dist/Button.cjs +6 -6
  29. package/dist/Button.d.cts +3 -5
  30. package/dist/Button.d.ts +3 -5
  31. package/dist/Button.js +4 -4
  32. package/dist/{Calendar-TDLACWMI.css → Calendar-QJ5HWEJQ.css} +18 -23
  33. package/dist/Calendar.cjs +5 -5
  34. package/dist/Calendar.d.cts +1 -1
  35. package/dist/Calendar.d.ts +1 -1
  36. package/dist/Calendar.js +4 -4
  37. package/dist/{Card-IVSREXOT.css → Card-VPMTWAWZ.css} +15 -13
  38. package/dist/Card.cjs +7 -8
  39. package/dist/Card.d.cts +1 -1
  40. package/dist/Card.d.ts +1 -1
  41. package/dist/Card.js +6 -7
  42. package/dist/Cascader-YBVDK6DC.css +168 -0
  43. package/dist/Cascader.cjs +9 -10
  44. package/dist/Cascader.d.cts +1 -5
  45. package/dist/Cascader.d.ts +1 -5
  46. package/dist/Cascader.js +8 -9
  47. package/dist/{Checkbox-72TYCE4F.css → Checkbox-YQ43GFUI.css} +10 -20
  48. package/dist/Checkbox.cjs +5 -5
  49. package/dist/Checkbox.d.cts +1 -3
  50. package/dist/Checkbox.d.ts +1 -3
  51. package/dist/Checkbox.js +4 -4
  52. package/dist/Collapse-BTSBHBSY.css +58 -0
  53. package/dist/Collapse.cjs +5 -6
  54. package/dist/Collapse.d.cts +2 -3
  55. package/dist/Collapse.d.ts +2 -3
  56. package/dist/Collapse.js +4 -5
  57. package/dist/{ColorPicker-4YOX3753.css → ColorPicker-GRZOKR5O.css} +25 -42
  58. package/dist/ColorPicker.cjs +9 -10
  59. package/dist/ColorPicker.d.cts +1 -3
  60. package/dist/ColorPicker.d.ts +1 -3
  61. package/dist/ColorPicker.js +8 -9
  62. package/dist/CommandPalette-GHTX7AAA.css +138 -0
  63. package/dist/CommandPalette.cjs +8 -9
  64. package/dist/CommandPalette.d.cts +1 -1
  65. package/dist/CommandPalette.d.ts +1 -1
  66. package/dist/CommandPalette.js +7 -8
  67. package/dist/{ContextMenu-QYBADTI6.css → ContextMenu-NG524Y2P.css} +10 -13
  68. package/dist/ContextMenu.cjs +5 -6
  69. package/dist/ContextMenu.d.cts +1 -1
  70. package/dist/ContextMenu.d.ts +1 -1
  71. package/dist/ContextMenu.js +4 -5
  72. package/dist/DatePicker-ZSFDXAYD.css +60 -0
  73. package/dist/DatePicker.cjs +12 -13
  74. package/dist/DatePicker.d.cts +1 -1
  75. package/dist/DatePicker.d.ts +1 -1
  76. package/dist/DatePicker.js +11 -12
  77. package/dist/{DateTimePicker-IA2TW3IB.css → DateTimePicker-EWSISVIF.css} +23 -25
  78. package/dist/DateTimePicker.cjs +12 -13
  79. package/dist/DateTimePicker.d.cts +1 -1
  80. package/dist/DateTimePicker.d.ts +1 -1
  81. package/dist/DateTimePicker.js +11 -12
  82. package/dist/{Divider-TNXPEHPI.css → Divider-OI2BXPBU.css} +7 -7
  83. package/dist/Divider.cjs +4 -4
  84. package/dist/Divider.d.cts +1 -1
  85. package/dist/Divider.d.ts +1 -1
  86. package/dist/Divider.js +3 -3
  87. package/dist/{Drawer-D4MHWACH.css → Drawer-VCXAXWV6.css} +15 -18
  88. package/dist/Drawer.cjs +6 -7
  89. package/dist/Drawer.d.cts +1 -1
  90. package/dist/Drawer.d.ts +1 -1
  91. package/dist/Drawer.js +5 -6
  92. package/dist/Empty-U5CBLCAL.css +28 -0
  93. package/dist/Empty.cjs +4 -4
  94. package/dist/Empty.d.cts +1 -1
  95. package/dist/Empty.d.ts +1 -1
  96. package/dist/Empty.js +3 -3
  97. package/dist/Form-DNEDZRJA.css +67 -0
  98. package/dist/Form.cjs +7 -7
  99. package/dist/Form.d.cts +1 -1
  100. package/dist/Form.d.ts +1 -1
  101. package/dist/Form.js +4 -4
  102. package/dist/Icon.cjs +51 -51
  103. package/dist/Icon.d.cts +1 -1
  104. package/dist/Icon.d.ts +1 -1
  105. package/dist/Icon.js +3 -3
  106. package/dist/{Image-ALIDKO4K.css → Image-CZJPPURT.css} +21 -25
  107. package/dist/Image.cjs +10 -11
  108. package/dist/Image.d.cts +1 -1
  109. package/dist/Image.d.ts +1 -1
  110. package/dist/Image.js +6 -7
  111. package/dist/{Input-NNDCHL7X.css → Input-ZUASNDXM.css} +8 -16
  112. package/dist/Input.cjs +7 -7
  113. package/dist/Input.d.cts +1 -1
  114. package/dist/Input.d.ts +1 -1
  115. package/dist/Input.js +5 -5
  116. package/dist/InputNumber-6NHBMRT4.css +40 -0
  117. package/dist/InputNumber.cjs +7 -7
  118. package/dist/InputNumber.d.cts +1 -1
  119. package/dist/InputNumber.d.ts +1 -1
  120. package/dist/InputNumber.js +6 -6
  121. package/dist/List-6BQIFAIT.css +42 -0
  122. package/dist/List.cjs +4 -4
  123. package/dist/List.d.cts +1 -1
  124. package/dist/List.d.ts +1 -1
  125. package/dist/List.js +3 -3
  126. package/dist/{Message-P7M3U2CL.css → Message-OTZWQTQ5.css} +8 -10
  127. package/dist/Message.cjs +9 -11
  128. package/dist/Message.d.cts +2 -8
  129. package/dist/Message.d.ts +2 -8
  130. package/dist/Message.js +5 -7
  131. package/dist/{Modal-3H5IMH2N.css → Modal-KLLX3Z2M.css} +16 -19
  132. package/dist/Modal.cjs +7 -8
  133. package/dist/Modal.d.cts +1 -1
  134. package/dist/Modal.d.ts +1 -1
  135. package/dist/Modal.js +6 -7
  136. package/dist/Pagination-POJTWMYR.css +70 -0
  137. package/dist/Pagination.cjs +11 -12
  138. package/dist/Pagination.d.cts +1 -3
  139. package/dist/Pagination.d.ts +1 -3
  140. package/dist/Pagination.js +10 -11
  141. package/dist/{Popover-JUA7DO7M.css → Popover-LCXLR3EU.css} +12 -12
  142. package/dist/Popover.cjs +6 -7
  143. package/dist/Popover.d.cts +1 -1
  144. package/dist/Popover.d.ts +1 -1
  145. package/dist/Popover.js +5 -6
  146. package/dist/{Progress-7O2BLYY5.css → Progress-33WE2NI7.css} +12 -4
  147. package/dist/Progress.cjs +4 -4
  148. package/dist/Progress.d.cts +1 -1
  149. package/dist/Progress.d.ts +1 -1
  150. package/dist/Progress.js +3 -3
  151. package/dist/Radio-RL7232MZ.css +105 -0
  152. package/dist/Radio.cjs +5 -6
  153. package/dist/Radio.d.cts +1 -5
  154. package/dist/Radio.d.ts +1 -5
  155. package/dist/Radio.js +3 -4
  156. package/dist/{Select-GFR5PIRY.css → Select-M3HCB3PW.css} +35 -44
  157. package/dist/Select.cjs +8 -9
  158. package/dist/Select.d.cts +1 -1
  159. package/dist/Select.d.ts +1 -1
  160. package/dist/Select.js +7 -8
  161. package/dist/{Skeleton-GDYN55I7.css → Skeleton-FMFE3BRI.css} +4 -4
  162. package/dist/Skeleton.cjs +4 -4
  163. package/dist/Skeleton.d.cts +1 -1
  164. package/dist/Skeleton.d.ts +1 -1
  165. package/dist/Skeleton.js +3 -3
  166. package/dist/{Slider-7VKECCZL.css → Slider-FZ5MI4X2.css} +21 -31
  167. package/dist/Slider.cjs +4 -4
  168. package/dist/Slider.d.cts +1 -5
  169. package/dist/Slider.d.ts +1 -5
  170. package/dist/Slider.js +3 -3
  171. package/dist/{Spin-F7YQJI7T.css → Spin-F5YIEENO.css} +6 -5
  172. package/dist/Spin.cjs +4 -5
  173. package/dist/Spin.d.cts +2 -3
  174. package/dist/Spin.d.ts +2 -3
  175. package/dist/Spin.js +3 -4
  176. package/dist/{Splitter-P2U6VO2N.css → Splitter-IQ3PFIKK.css} +2 -2
  177. package/dist/Splitter.cjs +4 -4
  178. package/dist/Splitter.d.cts +1 -1
  179. package/dist/Splitter.d.ts +1 -1
  180. package/dist/Splitter.js +3 -3
  181. package/dist/{StatusBar-YKD6Z4ER.css → StatusBar-TCGR3LXP.css} +6 -8
  182. package/dist/StatusBar.cjs +5 -5
  183. package/dist/StatusBar.d.cts +1 -1
  184. package/dist/StatusBar.d.ts +1 -1
  185. package/dist/StatusBar.js +3 -3
  186. package/dist/Surface-CTN775GD.css +42 -0
  187. package/dist/Surface.cjs +6 -7
  188. package/dist/Surface.d.cts +2 -2
  189. package/dist/Surface.d.ts +2 -2
  190. package/dist/Surface.js +4 -5
  191. package/dist/{Switch-3XFRLEDG.css → Switch-3JV3LCPX.css} +14 -18
  192. package/dist/Switch.cjs +4 -4
  193. package/dist/Switch.d.cts +2 -3
  194. package/dist/Switch.d.ts +2 -3
  195. package/dist/Switch.js +3 -3
  196. package/dist/{Table-BZ2LZIOR.css → Table-KB6EEBDJ.css} +33 -32
  197. package/dist/Table.cjs +14 -15
  198. package/dist/Table.d.cts +1 -1
  199. package/dist/Table.d.ts +1 -1
  200. package/dist/Table.js +13 -14
  201. package/dist/TablePro-WYE6TXWJ.css +45 -0
  202. package/dist/TablePro.cjs +15 -16
  203. package/dist/TablePro.d.cts +1 -1
  204. package/dist/TablePro.d.ts +1 -1
  205. package/dist/TablePro.js +14 -15
  206. package/dist/Tabs-FB2AMBWL.css +82 -0
  207. package/dist/Tabs.cjs +4 -5
  208. package/dist/Tabs.d.cts +1 -3
  209. package/dist/Tabs.d.ts +1 -3
  210. package/dist/Tabs.js +3 -4
  211. package/dist/Tag-5GIZLRAH.css +42 -0
  212. package/dist/Tag.cjs +5 -5
  213. package/dist/Tag.d.cts +1 -3
  214. package/dist/Tag.d.ts +1 -3
  215. package/dist/Tag.js +4 -4
  216. package/dist/Textarea-ZGHBZNLX.css +54 -0
  217. package/dist/Textarea.cjs +6 -6
  218. package/dist/Textarea.d.cts +1 -3
  219. package/dist/Textarea.d.ts +1 -3
  220. package/dist/Textarea.js +4 -4
  221. package/dist/Theme-BJa0Nb3w.d.cts +193 -0
  222. package/dist/Theme-DTtq_WWg.d.ts +193 -0
  223. package/dist/Theme.cjs +41 -42
  224. package/dist/Theme.d.cts +6 -110
  225. package/dist/Theme.d.ts +6 -110
  226. package/dist/Theme.js +2 -3
  227. package/dist/{ThemePanel-QHQKWSJ3.css → ThemePanel-EHNAS4RN.css} +75 -94
  228. package/dist/ThemePanel.cjs +17 -21
  229. package/dist/ThemePanel.d.cts +3 -17
  230. package/dist/ThemePanel.d.ts +3 -17
  231. package/dist/ThemePanel.js +14 -18
  232. package/dist/{TimePicker-DQO4WD2F.css → TimePicker-WJ3FSK6A.css} +14 -16
  233. package/dist/TimePicker.cjs +11 -12
  234. package/dist/TimePicker.d.cts +1 -1
  235. package/dist/TimePicker.d.ts +1 -1
  236. package/dist/TimePicker.js +10 -11
  237. package/dist/{Timeline-LXDF5X3C.css → Timeline-FUFO2UGY.css} +6 -9
  238. package/dist/Timeline.cjs +5 -6
  239. package/dist/Timeline.d.cts +1 -1
  240. package/dist/Timeline.d.ts +1 -1
  241. package/dist/Timeline.js +4 -5
  242. package/dist/{Tooltip-UQSCPNVZ.css → Tooltip-2EUNTOTW.css} +3 -3
  243. package/dist/Tooltip.cjs +6 -7
  244. package/dist/Tooltip.d.cts +1 -1
  245. package/dist/Tooltip.d.ts +1 -1
  246. package/dist/Tooltip.js +5 -6
  247. package/dist/{Typography-EVL7RTYP.css → Typography-CQ2OZXQH.css} +36 -41
  248. package/dist/Typography.cjs +11 -13
  249. package/dist/Typography.d.cts +1 -10
  250. package/dist/Typography.d.ts +1 -10
  251. package/dist/Typography.js +6 -8
  252. package/dist/{chunk-OEZIQWDQ.js → chunk-2BM65ITV.js} +3 -3
  253. package/dist/{chunk-MRYMT5PD.js → chunk-2NXLVPF4.js} +5 -5
  254. package/dist/{chunk-5PHL7D6E.cjs → chunk-2XDLXAZT.cjs} +8 -8
  255. package/dist/{chunk-TGZ7LQAP.cjs → chunk-33YRXHVK.cjs} +10 -13
  256. package/dist/{chunk-ORUSW4TE.js → chunk-427CDZDU.js} +4 -4
  257. package/dist/{chunk-HQ2B4DBK.js → chunk-4JANYBXO.js} +5 -23
  258. package/dist/{chunk-GNA6TVXK.js → chunk-4K6PQCWU.js} +8 -8
  259. package/dist/{chunk-2HK5KZRE.cjs → chunk-4LYJRFD2.cjs} +5 -5
  260. package/dist/{chunk-VJSMHRLZ.cjs → chunk-4MZW2KBN.cjs} +15 -15
  261. package/dist/{chunk-TXX73BPI.cjs → chunk-53I3PWRH.cjs} +5 -5
  262. package/dist/{chunk-OQLDPYZ2.js → chunk-563SQXH7.js} +5 -5
  263. package/dist/{chunk-CZIQSGYL.js → chunk-5HLNFDV4.js} +3 -7
  264. package/dist/{chunk-X5OPHL6U.cjs → chunk-5OQB5UUT.cjs} +21 -21
  265. package/dist/{chunk-YAE6D2RV.js → chunk-5PDEOGFV.js} +8 -11
  266. package/dist/{chunk-WQ5GH6XV.cjs → chunk-5PGRAEGA.cjs} +22 -24
  267. package/dist/{chunk-XOQ2M3A3.js → chunk-5VLANZAJ.js} +5 -5
  268. package/dist/{chunk-IZ2QVS4E.cjs → chunk-6A5KEWVU.cjs} +2 -2
  269. package/dist/{chunk-JEEWG5EB.js → chunk-6EHKQDMX.js} +12 -13
  270. package/dist/{chunk-VNMDLKWD.js → chunk-6OVWY63D.js} +4 -4
  271. package/dist/{chunk-WZZXJEED.cjs → chunk-6WEXRX7K.cjs} +9 -9
  272. package/dist/{chunk-CZYCRH6J.cjs → chunk-73IEJLSD.cjs} +23 -23
  273. package/dist/{chunk-SLVWSAXY.cjs → chunk-757JNNLH.cjs} +17 -18
  274. package/dist/{chunk-E3DMS43P.cjs → chunk-76CTKBXD.cjs} +5 -5
  275. package/dist/{chunk-AZTRNDG4.js → chunk-7NKNQRK6.js} +6 -6
  276. package/dist/{chunk-3EHPEKZP.js → chunk-7QKSXVN3.js} +6 -6
  277. package/dist/{chunk-Z4SCQG7W.cjs → chunk-ADPXWCTK.cjs} +11 -11
  278. package/dist/{chunk-5OBJUNBW.js → chunk-AEMDX4S7.js} +9 -15
  279. package/dist/{chunk-HGJS2WO6.cjs → chunk-AEY76EAH.cjs} +6 -24
  280. package/dist/{chunk-6TNAP326.js → chunk-AXZNZ2IH.js} +6 -9
  281. package/dist/{chunk-JAFA5KEI.cjs → chunk-BCQIVYL6.cjs} +12 -12
  282. package/dist/{chunk-JPGLAM3A.cjs → chunk-BM2J5QAE.cjs} +31 -34
  283. package/dist/{chunk-CQRXTUXB.cjs → chunk-BN44QG2B.cjs} +3 -9
  284. package/dist/{chunk-NI7A7QUH.js → chunk-BOBT7JUB.js} +4 -4
  285. package/dist/{chunk-C3BTIUQY.js → chunk-BZB45GGK.js} +3 -9
  286. package/dist/{chunk-D7Z4GBVQ.cjs → chunk-CLJLBFNU.cjs} +6 -6
  287. package/dist/{chunk-XTYD55Y5.cjs → chunk-CNV7R2OZ.cjs} +10 -13
  288. package/dist/{chunk-YLKG4J5D.js → chunk-CPVUDSIY.js} +453 -167
  289. package/dist/{chunk-BE7GQLRY.js → chunk-D2N7OXMK.js} +65 -44
  290. package/dist/{chunk-EKLVHLYC.cjs → chunk-D5HLHN5N.cjs} +33 -33
  291. package/dist/{chunk-YHWPHTSP.cjs → chunk-ELKGV3NA.cjs} +2 -2
  292. package/dist/{chunk-QSOKXTXC.js → chunk-G4E5QA2M.js} +11 -14
  293. package/dist/chunk-G5LCOBOT.cjs +213 -0
  294. package/dist/{chunk-X6CSD3JA.js → chunk-G62HAXAL.js} +11 -11
  295. package/dist/{chunk-3AC6LQ34.cjs → chunk-GFGMGJ5A.cjs} +15 -17
  296. package/dist/{chunk-AD465OWY.js → chunk-HAIWLYLR.js} +6 -6
  297. package/dist/{chunk-JREPEP6P.cjs → chunk-HPNZDAXF.cjs} +23 -23
  298. package/dist/{chunk-4UNW4HOZ.cjs → chunk-I4GJZLJU.cjs} +489 -183
  299. package/dist/{chunk-GJSJKN4W.cjs → chunk-IM47JR57.cjs} +16 -19
  300. package/dist/{chunk-W6NQP6YF.js → chunk-ISK2RW7F.js} +4 -4
  301. package/dist/{chunk-6DDP3GHQ.js → chunk-J7D5CQDK.js} +4 -4
  302. package/dist/{chunk-EOFLJIZ4.cjs → chunk-JNDATLOY.cjs} +8 -8
  303. package/dist/{chunk-DN5WQSYM.js → chunk-K4P45V67.js} +9 -12
  304. package/dist/{chunk-J7UCRWCY.js → chunk-KFCWDFBW.js} +4 -4
  305. package/dist/{chunk-7IRYSX25.js → chunk-KJG44Z5J.js} +7 -7
  306. package/dist/{chunk-YL4SRXVJ.cjs → chunk-KPBZKHCS.cjs} +8 -10
  307. package/dist/{chunk-M5ORQL4N.js → chunk-L2NEYHYG.js} +5 -10
  308. package/dist/{chunk-TWXJY4TK.cjs → chunk-L6ELDWUX.cjs} +16 -19
  309. package/dist/{chunk-NG6AJHGR.js → chunk-LACXN5CI.js} +4 -4
  310. package/dist/{chunk-P6GYDVL4.cjs → chunk-LDZCDOMW.cjs} +301 -448
  311. package/dist/{chunk-TTWITEH5.cjs → chunk-LQKP7MEA.cjs} +12 -12
  312. package/dist/{chunk-EGOXQN5F.cjs → chunk-M3JYP3V4.cjs} +9 -9
  313. package/dist/{chunk-W2NCWVG5.cjs → chunk-M4GXFACD.cjs} +14 -14
  314. package/dist/{chunk-HO6ZBKWB.js → chunk-MAXOCM5I.js} +285 -432
  315. package/dist/{chunk-ECYV5ZDY.js → chunk-MFJHI472.js} +4 -4
  316. package/dist/{chunk-24555WPW.cjs → chunk-MV56FOAD.cjs} +5 -5
  317. package/dist/{chunk-GQT5E6RE.cjs → chunk-NALBGFHY.cjs} +16 -22
  318. package/dist/{chunk-3VUHXQFC.js → chunk-NKIXCDZC.js} +1 -1
  319. package/dist/{chunk-HL6IWNUL.js → chunk-O6PRE6MZ.js} +5 -5
  320. package/dist/{chunk-UXIM7NAJ.cjs → chunk-OA3O5S7X.cjs} +15 -15
  321. package/dist/{chunk-QSCHWNUU.cjs → chunk-OBNGHJ3N.cjs} +5 -5
  322. package/dist/{chunk-WMQIS6G5.js → chunk-OGMI3TO5.js} +5 -7
  323. package/dist/{chunk-NQUGUASZ.js → chunk-PK5ZMOW6.js} +5 -5
  324. package/dist/{chunk-ACBUFOC3.cjs → chunk-PYCAGTO7.cjs} +5 -5
  325. package/dist/{chunk-O6DHJPOW.js → chunk-QS4GORDY.js} +8 -8
  326. package/dist/{chunk-OM5O22NE.js → chunk-QSLXUNLM.js} +6 -8
  327. package/dist/{chunk-GKQNEQRO.cjs → chunk-QTMI4ZA4.cjs} +68 -47
  328. package/dist/{chunk-Y3R4XBSR.cjs → chunk-QV4SPR4Z.cjs} +9 -9
  329. package/dist/{chunk-FPI7NOQN.js → chunk-QVDW32F2.js} +156 -159
  330. package/dist/{chunk-2AHMN7Z2.cjs → chunk-RA5BULQ3.cjs} +5 -5
  331. package/dist/{chunk-2X22QR5F.js → chunk-ROCX6JDG.js} +11 -11
  332. package/dist/{chunk-4CHFT3VR.cjs → chunk-RXITGNPX.cjs} +7 -7
  333. package/dist/{chunk-NBKSN7LC.js → chunk-RYF5ADJW.js} +5 -5
  334. package/dist/{chunk-YDKCNKFS.js → chunk-S6KPLYLT.js} +11 -11
  335. package/dist/{chunk-M5QRDAE3.js → chunk-SW3KEFIA.js} +1 -1
  336. package/dist/chunk-TSL3F2K3.js +209 -0
  337. package/dist/{chunk-FCDHQK4U.cjs → chunk-TTRU4TLQ.cjs} +6 -11
  338. package/dist/{chunk-M6XA5PNZ.js → chunk-TUXF2G2O.js} +6 -8
  339. package/dist/{chunk-ZJELU7TX.js → chunk-TY5LOU3A.js} +5 -5
  340. package/dist/{chunk-6CFAS76H.cjs → chunk-U5B2JLNE.cjs} +11 -11
  341. package/dist/{chunk-7ZB7ALMV.js → chunk-U7V2FOIM.js} +5 -5
  342. package/dist/{chunk-VEUTCEEL.js → chunk-UNUFUTFQ.js} +11 -13
  343. package/dist/{chunk-AV3SVSXD.cjs → chunk-UOXJH4AR.cjs} +170 -173
  344. package/dist/{chunk-GQ6IGKVD.cjs → chunk-UQF7E32V.cjs} +6 -6
  345. package/dist/{chunk-PF2I44TX.cjs → chunk-V6BLBIY6.cjs} +19 -23
  346. package/dist/{chunk-32R7PPSV.cjs → chunk-VDVKY2IX.cjs} +5 -5
  347. package/dist/{chunk-HFFSMOXE.js → chunk-VLQ6XIAL.js} +4 -4
  348. package/dist/{chunk-BIBFFJSB.cjs → chunk-VNP5WB6M.cjs} +8 -10
  349. package/dist/{chunk-XLVRDHX3.js → chunk-VSIBZ7VH.js} +11 -11
  350. package/dist/{chunk-COG36SO7.js → chunk-WOE73NDO.js} +7 -7
  351. package/dist/{chunk-UAE7XTB4.js → chunk-XFJTJVWD.js} +7 -10
  352. package/dist/{chunk-WMWMFXAV.cjs → chunk-XPFAAATJ.cjs} +27 -27
  353. package/dist/{chunk-FHILASME.js → chunk-XX7YYKIJ.js} +5 -5
  354. package/dist/{chunk-E3HM4MNF.js → chunk-XXCKQSWD.js} +9 -9
  355. package/dist/{chunk-S44UDZNG.js → chunk-Y3WFWA52.js} +5 -10
  356. package/dist/{chunk-2CQISUYV.cjs → chunk-YU4LBDBD.cjs} +8 -8
  357. package/dist/{chunk-TBO6HEIU.cjs → chunk-Z6AG7O4B.cjs} +5 -5
  358. package/dist/{chunk-R3ASWI6V.cjs → chunk-ZBRFGD3I.cjs} +6 -11
  359. package/dist/{chunk-DN6Y6AG4.cjs → chunk-ZCAYS4KR.cjs} +10 -10
  360. package/dist/{chunk-NZAF5OWH.cjs → chunk-ZNSTIRSE.cjs} +24 -24
  361. package/dist/{chunk-WV7WTIKR.js → chunk-ZP4ROQEZ.js} +10 -10
  362. package/dist/{componentThemeTypes-C-gl7vaO.d.cts → componentThemeTypes-C7lS3Hi8.d.cts} +3 -29
  363. package/dist/{componentThemeTypes-C-gl7vaO.d.ts → componentThemeTypes-C7lS3Hi8.d.ts} +3 -29
  364. package/dist/index.cjs +216 -224
  365. package/dist/index.d.cts +5 -6
  366. package/dist/index.d.ts +5 -6
  367. package/dist/index.js +56 -60
  368. package/dist/{shared-Q2QS5MED.css → shared-NJHRNLRH.css} +0 -1
  369. package/dist/styles.css +903 -1090
  370. package/dist/{tokens-MSB3Q56J.css → tokens-223RYVVS.css} +115 -215
  371. package/dist/tokens.css +115 -215
  372. package/docs/llms/autocomplete.md +0 -9
  373. package/docs/llms/button.md +4 -13
  374. package/docs/llms/cascader.md +0 -10
  375. package/docs/llms/checkbox.md +0 -9
  376. package/docs/llms/collapse.md +1 -9
  377. package/docs/llms/colorpicker.md +0 -7
  378. package/docs/llms/image.md +1 -1
  379. package/docs/llms/input.md +2 -2
  380. package/docs/llms/message.md +1 -10
  381. package/docs/llms/pagination.md +0 -9
  382. package/docs/llms/radio.md +0 -7
  383. package/docs/llms/select.md +1 -1
  384. package/docs/llms/slider.md +0 -10
  385. package/docs/llms/spin.md +2 -10
  386. package/docs/llms/switch.md +1 -9
  387. package/docs/llms/tabs.md +0 -9
  388. package/docs/llms/tag.md +0 -9
  389. package/docs/llms/textarea.md +2 -11
  390. package/docs/llms/theme.md +1 -40
  391. package/docs/llms/themepanel.md +1 -22
  392. package/docs/llms/typography.md +3 -4
  393. package/docs/llms.md +1 -2
  394. package/package.json +3 -9
  395. package/dist/Alert-A45U55ZL.css +0 -55
  396. package/dist/AppShell-IEHTB55N.css +0 -200
  397. package/dist/AutoComplete-NYGMSOEZ.css +0 -57
  398. package/dist/Button-BJUDR53E.css +0 -144
  399. package/dist/Cascader-DALZDUQP.css +0 -187
  400. package/dist/Collapse-YVWXW4BC.css +0 -62
  401. package/dist/CommandPalette-XQACFYDH.css +0 -141
  402. package/dist/DatePicker-LFTIWBEI.css +0 -64
  403. package/dist/Empty-S5CKXL3R.css +0 -28
  404. package/dist/Form-HAMBMHRL.css +0 -67
  405. package/dist/InputNumber-EVZWU4DN.css +0 -42
  406. package/dist/List-7PXNNSHX.css +0 -45
  407. package/dist/Pagination-UK5O3EVJ.css +0 -81
  408. package/dist/Radio-VCN2WNCK.css +0 -55
  409. package/dist/Segmented-7PFYTBJJ.css +0 -45
  410. package/dist/Segmented.cjs +0 -13
  411. package/dist/Segmented.d.cts +0 -32
  412. package/dist/Segmented.d.ts +0 -32
  413. package/dist/Segmented.js +0 -4
  414. package/dist/Surface-QG3SL4KT.css +0 -42
  415. package/dist/TablePro-QLGCL7T6.css +0 -45
  416. package/dist/Tabs-DPT2IZEB.css +0 -95
  417. package/dist/Tag-YCIQXQPC.css +0 -50
  418. package/dist/Textarea-WG6PUYR3.css +0 -63
  419. package/dist/base.css +0 -5
  420. package/dist/chunk-42CAR7IJ.cjs +0 -158
  421. package/dist/chunk-AWEBG3K6.js +0 -11
  422. package/dist/chunk-CZTVGHBA.cjs +0 -15
  423. package/dist/chunk-I25VT4TM.js +0 -136
  424. package/dist/chunk-IPJ2DKM5.cjs +0 -584
  425. package/dist/chunk-MLZIK3RB.js +0 -536
  426. package/dist/chunk-SLJ3APXL.js +0 -13
  427. package/dist/chunk-SVIBVURD.cjs +0 -13
  428. package/dist/chunk-VTHUU5AU.js +0 -16
  429. package/dist/chunk-VZIIKFK6.cjs +0 -39
  430. package/dist/themeConfigTypes-39m4Gb8P.d.ts +0 -110
  431. package/dist/themeConfigTypes-C9dwG8Nf.d.cts +0 -110
  432. package/dist/utilities.css +0 -7
  433. package/docs/llms/segmented.md +0 -48
@@ -1,28 +0,0 @@
1
- /* ============ Empty ============ */
2
- .empty {
3
- padding: var(--lmn-empty-padding, var(--lmn-empty-padding-y, calc(60px * var(--lmn-empty-spacing-scale, var(--spacing-scale)) * var(--lmn-empty-padding-scale, var(--padding-scale)))) var(--lmn-empty-padding-x, calc(20px * var(--lmn-empty-spacing-scale, var(--spacing-scale)) * var(--lmn-empty-padding-scale, var(--padding-scale)))));
4
- display: grid; place-items: center;
5
- gap: var(--lmn-empty-gap, calc(12px * var(--lmn-empty-spacing-scale, var(--spacing-scale)) * var(--lmn-empty-gap-scale, var(--gap-scale))));
6
- color: var(--lmn-empty-fg-muted, var(--fg-muted));
7
- text-align: center;
8
- }
9
- .empty.sm { padding: var(--lmn-empty-padding, var(--lmn-empty-padding-y, calc(28px * var(--lmn-empty-spacing-scale, var(--spacing-scale)) * var(--lmn-empty-padding-scale, var(--padding-scale)))) var(--lmn-empty-padding-x, calc(16px * var(--lmn-empty-spacing-scale, var(--spacing-scale)) * var(--lmn-empty-padding-scale, var(--padding-scale))))); gap: var(--lmn-empty-gap, calc(8px * var(--lmn-empty-spacing-scale, var(--spacing-scale)) * var(--lmn-empty-gap-scale, var(--gap-scale)))); }
10
- .empty.sm .empty-ico { width: 40px; height: 40px; }
11
- .empty.sm .empty-title { font-size: var(--fs-md); }
12
- .empty.sm .empty-desc { font-size: var(--fs-xs); }
13
- .empty.lg { padding: calc(96px * var(--lmn-empty-spacing-scale, var(--spacing-scale)) * var(--lmn-empty-padding-scale, var(--padding-scale))) calc(24px * var(--lmn-empty-spacing-scale, var(--spacing-scale)) * var(--lmn-empty-padding-scale, var(--padding-scale))); gap: calc(16px * var(--lmn-empty-spacing-scale, var(--spacing-scale)) * var(--lmn-empty-gap-scale, var(--gap-scale))); }
14
- .empty.lg .empty-ico { width: 72px; height: 72px; }
15
- .empty.lg .empty-title { font-size: var(--fs-2xl); }
16
- .empty.lg .empty-desc { font-size: var(--fs-md); }
17
- .empty.subtle .empty-ico { background: transparent; box-shadow: none; }
18
- .empty-ico {
19
- width: 56px; height: 56px;
20
- border-radius: var(--r-lg);
21
- background: var(--lmn-empty-bg, var(--bg));
22
- box-shadow: var(--lmn-empty-neu-shadow-inset, var(--neu-shadow-inset));
23
- display: grid; place-items: center;
24
- color: var(--lmn-empty-fg-subtle, var(--fg-subtle));
25
- }
26
- .empty-title { font-size: var(--fs-lg); font-weight: 600; color: var(--lmn-empty-fg, var(--fg)); }
27
- .empty-desc { font-size: var(--fs-sm); }
28
- .empty-action { margin-top: calc(8px * var(--lmn-empty-spacing-scale, var(--spacing-scale)) * var(--lmn-empty-margin-scale, var(--margin-scale))); }
@@ -1,67 +0,0 @@
1
- /* ============ Form ============ */
2
- .lumina-form { display: flex; flex-direction: column; gap: var(--lmn-form-gap, calc(18px * var(--lmn-form-spacing-scale, var(--spacing-scale)) * var(--lmn-form-gap-scale, var(--gap-scale)))); }
3
- .lumina-form.layout-inline {
4
- flex-direction: row;
5
- flex-wrap: wrap;
6
- align-items: flex-start;
7
- gap: var(--lmn-form-gap, calc(12px * var(--lmn-form-spacing-scale, var(--spacing-scale)) * var(--lmn-form-gap-scale, var(--gap-scale))));
8
- }
9
- .lumina-form.layout-inline .form-item { flex: 0 0 auto; }
10
-
11
- .form-item {
12
- display: flex;
13
- flex-direction: column;
14
- gap: var(--lmn-form-item-gap, calc(6px * var(--lmn-form-spacing-scale, var(--spacing-scale)) * var(--lmn-form-gap-scale, var(--gap-scale))));
15
- min-width: 0;
16
- }
17
- .lumina-form.layout-horizontal .form-item {
18
- flex-direction: row;
19
- align-items: flex-start;
20
- gap: var(--lmn-form-item-gap, calc(12px * var(--lmn-form-spacing-scale, var(--spacing-scale)) * var(--lmn-form-gap-scale, var(--gap-scale))));
21
- }
22
- .lumina-form.layout-horizontal .form-item-label {
23
- /* 标签仍与固定高度控件对齐,布局留白倍率不改变文字的垂直基线。 */
24
- flex: 0 0 auto;
25
- min-width: 96px;
26
- padding-top: 10px;
27
- text-align: right;
28
- }
29
- .lumina-form.layout-horizontal .form-item-control { flex: 1; min-width: 0; }
30
-
31
- .form-item-label {
32
- font-size: var(--fs-md);
33
- font-weight: 500;
34
- color: var(--lmn-form-fg, var(--fg));
35
- padding-left: calc(2px * var(--lmn-form-spacing-scale, var(--spacing-scale)) * var(--lmn-form-padding-scale, var(--padding-scale)));
36
- display: inline-flex;
37
- align-items: center;
38
- gap: calc(4px * var(--lmn-form-spacing-scale, var(--spacing-scale)) * var(--lmn-form-gap-scale, var(--gap-scale)));
39
- }
40
- .form-item-required {
41
- color: var(--lmn-form-danger, var(--danger));
42
- font-weight: 600;
43
- margin-right: calc(2px * var(--lmn-form-spacing-scale, var(--spacing-scale)) * var(--lmn-form-margin-scale, var(--margin-scale)));
44
- }
45
- .form-item-control { min-width: 0; }
46
-
47
- .form-item-error {
48
- font-size: var(--fs-sm);
49
- color: var(--lmn-form-danger, var(--danger));
50
- padding-left: calc(2px * var(--lmn-form-spacing-scale, var(--spacing-scale)) * var(--lmn-form-padding-scale, var(--padding-scale)));
51
- animation: fadeIn var(--dur-fast) var(--ease);
52
- }
53
- .form-item-help {
54
- font-size: var(--fs-sm);
55
- color: var(--lmn-form-fg-subtle, var(--fg-subtle));
56
- padding-left: calc(2px * var(--lmn-form-spacing-scale, var(--spacing-scale)) * var(--lmn-form-padding-scale, var(--padding-scale)));
57
- }
58
- .form-item-extra {
59
- font-size: var(--fs-sm);
60
- color: var(--lmn-form-fg-subtle, var(--fg-subtle));
61
- padding-left: calc(2px * var(--lmn-form-spacing-scale, var(--spacing-scale)) * var(--lmn-form-padding-scale, var(--padding-scale)));
62
- }
63
-
64
- .form-item.has-error .input-wrap,
65
- .form-item.has-error .select-trigger {
66
- box-shadow: var(--lmn-form-neu-shadow-inset, var(--neu-shadow-inset)), 0 0 0 2px color-mix(in oklch, var(--lmn-form-danger, var(--danger)) 30%, transparent);
67
- }
@@ -1,42 +0,0 @@
1
- /* ============ InputNumber ============ */
2
- .ipn-steppers {
3
- display: inline-flex;
4
- flex-direction: column;
5
- align-self: stretch;
6
- margin: calc(4px * var(--lmn-input-spacing-scale, var(--spacing-scale)) * var(--lmn-input-margin-scale, var(--margin-scale))) calc(-6px * var(--lmn-input-spacing-scale, var(--spacing-scale)) * var(--lmn-input-padding-scale, var(--padding-scale))) calc(4px * var(--lmn-input-spacing-scale, var(--spacing-scale)) * var(--lmn-input-margin-scale, var(--margin-scale))) calc(6px * var(--lmn-input-spacing-scale, var(--spacing-scale)) * var(--lmn-input-margin-scale, var(--margin-scale)));
7
- width: 16px;
8
- border-left: 1px solid var(--lmn-input-divider, var(--divider));
9
- overflow: hidden;
10
- border-top-right-radius: calc(var(--r-md) - 4px);
11
- border-bottom-right-radius: calc(var(--r-md) - 4px);
12
- }
13
- .input-wrap.sm .ipn-steppers { margin: calc(3px * var(--lmn-input-spacing-scale, var(--spacing-scale)) * var(--lmn-input-margin-scale, var(--margin-scale))) calc(-4px * var(--lmn-input-spacing-scale, var(--spacing-scale)) * var(--lmn-input-padding-scale, var(--padding-scale))) calc(3px * var(--lmn-input-spacing-scale, var(--spacing-scale)) * var(--lmn-input-margin-scale, var(--margin-scale))) calc(6px * var(--lmn-input-spacing-scale, var(--spacing-scale)) * var(--lmn-input-margin-scale, var(--margin-scale))); width: 14px; }
14
- .input-wrap.lg .ipn-steppers { margin: calc(5px * var(--lmn-input-spacing-scale, var(--spacing-scale)) * var(--lmn-input-margin-scale, var(--margin-scale))) calc(-6px * var(--lmn-input-spacing-scale, var(--spacing-scale)) * var(--lmn-input-padding-scale, var(--padding-scale))) calc(5px * var(--lmn-input-spacing-scale, var(--spacing-scale)) * var(--lmn-input-margin-scale, var(--margin-scale))) calc(8px * var(--lmn-input-spacing-scale, var(--spacing-scale)) * var(--lmn-input-margin-scale, var(--margin-scale))); width: 18px; }
15
-
16
- .ipn-step {
17
- flex: 1;
18
- display: inline-flex;
19
- align-items: center;
20
- justify-content: center;
21
- padding: 0;
22
- border: none;
23
- background: transparent;
24
- color: var(--lmn-input-fg-subtle, var(--fg-subtle));
25
- cursor: pointer;
26
- transition: color var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease);
27
- }
28
- .ipn-step.up:not(.down) { border-bottom: 1px solid var(--lmn-input-divider, var(--divider)); }
29
- .ipn-step.up { border-bottom: 1px solid var(--lmn-input-divider, var(--divider)); }
30
- .ipn-step:hover:not(:disabled) {
31
- color: var(--lmn-input-accent-ink, var(--accent-ink));
32
- background: var(--lmn-input-bg-sunken, var(--bg-sunken));
33
- }
34
- .ipn-step:active:not(:disabled) {
35
- color: var(--lmn-input-accent, var(--accent));
36
- }
37
- .ipn-step:disabled {
38
- cursor: not-allowed;
39
- }
40
-
41
- /* 组件自己的键盘轮廓不依赖全局阴影规则,也不覆盖错误态阴影。 */
42
- .ipn-step:focus-visible { outline: 2px solid var(--lmn-input-accent, var(--accent)); outline-offset: 2px; }
@@ -1,45 +0,0 @@
1
- /* ============ List ============ */
2
- .list {
3
- display: flex;
4
- flex-direction: column;
5
- background: var(--lmn-list-bg, var(--bg));
6
- border-radius: var(--r-lg);
7
- box-shadow: var(--lmn-list-neu-shadow-inset, var(--neu-shadow-inset));
8
- padding: var(--lmn-list-padding, var(--lmn-list-padding-y, calc(8px * var(--lmn-list-spacing-scale, var(--spacing-scale)) * var(--lmn-list-padding-scale, var(--padding-scale)))) var(--lmn-list-padding-x, calc(8px * var(--lmn-list-spacing-scale, var(--spacing-scale)) * var(--lmn-list-padding-scale, var(--padding-scale)))));
9
- }
10
- .list-item {
11
- display: flex;
12
- align-items: center;
13
- gap: var(--lmn-list-gap, calc(12px * var(--lmn-list-spacing-scale, var(--spacing-scale)) * var(--lmn-list-gap-scale, var(--gap-scale))));
14
- padding: var(--lmn-list-item-padding, var(--lmn-list-item-padding-y, calc(12px * var(--lmn-list-spacing-scale, var(--spacing-scale)) * var(--lmn-list-padding-scale, var(--padding-scale)))) var(--lmn-list-item-padding-x, calc(12px * var(--lmn-list-spacing-scale, var(--spacing-scale)) * var(--lmn-list-padding-scale, var(--padding-scale)))));
15
- border-radius: var(--r-sm);
16
- transition: box-shadow var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
17
- }
18
- .list-item-trigger {
19
- display: flex;
20
- align-items: center;
21
- gap: calc(12px * var(--lmn-list-spacing-scale, var(--spacing-scale)) * var(--lmn-list-gap-scale, var(--gap-scale)));
22
- flex: 1;
23
- min-width: 0;
24
- }
25
- button.list-item-trigger {
26
- border: 0;
27
- padding: 0;
28
- background: transparent;
29
- color: inherit;
30
- font: inherit;
31
- text-align: left;
32
- cursor: pointer;
33
- }
34
- .list-item.clickable { cursor: pointer; }
35
- .list-item.clickable:hover { background: var(--lmn-list-bg, var(--bg)); box-shadow: var(--lmn-list-neu-shadow-subtle, var(--neu-shadow-subtle)); }
36
- .list-item.selected { box-shadow: var(--lmn-list-neu-shadow-control, var(--neu-shadow-control)); background: var(--lmn-list-bg, var(--bg)); }
37
- .list.with-dividers .list-item + .list-item { border-top: 1px solid var(--lmn-list-divider, var(--divider)); border-radius: 0; }
38
- .list-item-meta { flex: 1; display: flex; flex-direction: column; gap: calc(2px * var(--lmn-list-spacing-scale, var(--spacing-scale)) * var(--lmn-list-gap-scale, var(--gap-scale))); min-width: 0; }
39
- .list-item-title { font-size: var(--fs-md); font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
40
- .list-item-desc { font-size: var(--fs-sm); color: var(--lmn-list-fg-muted, var(--fg-muted)); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
41
- .list-item-actions { display: flex; gap: calc(6px * var(--lmn-list-spacing-scale, var(--spacing-scale)) * var(--lmn-list-gap-scale, var(--gap-scale))); align-items: center; flex-shrink: 0; }
42
- .list-item-avatar { display: inline-flex; align-items: center; justify-content: center; color: var(--lmn-list-fg-muted, var(--fg-muted)); flex-shrink: 0; }
43
-
44
- /* 组件自己的键盘轮廓不依赖全局阴影规则,也不覆盖错误态阴影。 */
45
- .list-item-trigger:focus-visible { outline: 2px solid var(--lmn-list-accent, var(--accent)); outline-offset: -2px; }
@@ -1,81 +0,0 @@
1
- /* ============ Pagination ============ */
2
- .pagination {
3
- display: flex;
4
- align-items: center;
5
- justify-content: space-between;
6
- padding: var(--lmn-pagination-padding, var(--lmn-pagination-padding-y, calc(12px * var(--lmn-pagination-spacing-scale, var(--spacing-scale)) * var(--lmn-pagination-padding-scale, var(--padding-scale)))) var(--lmn-pagination-padding-x, calc(14px * var(--lmn-pagination-spacing-scale, var(--spacing-scale)) * var(--lmn-pagination-padding-scale, var(--padding-scale)))));
7
- font-size: var(--fs-sm);
8
- color: var(--lmn-pagination-fg-muted, var(--fg-muted));
9
- gap: var(--lmn-pagination-gap, calc(12px * var(--lmn-pagination-spacing-scale, var(--spacing-scale)) * var(--lmn-pagination-gap-scale, var(--gap-scale))));
10
- flex-wrap: wrap;
11
- }
12
- .pagination .pg-controls { display: flex; gap: calc(4px * var(--lmn-pagination-spacing-scale, var(--spacing-scale)) * var(--lmn-pagination-gap-scale, var(--gap-scale))); align-items: center; }
13
- .pagination .pg {
14
- min-width: 30px; height: 30px;
15
- padding: 0 calc(10px * var(--lmn-pagination-spacing-scale, var(--spacing-scale)) * var(--lmn-pagination-padding-scale, var(--padding-scale)));
16
- border: none;
17
- border-radius: var(--r-sm);
18
- background: var(--lmn-pagination-bg, var(--bg));
19
- box-shadow: var(--lmn-pagination-neu-shadow-control, var(--neu-shadow-control));
20
- display: inline-flex; align-items: center; justify-content: center;
21
- cursor: pointer;
22
- font-size: var(--fs-sm);
23
- font-family: inherit;
24
- font-variant-numeric: tabular-nums;
25
- color: var(--lmn-pagination-fg, var(--fg));
26
- transition: box-shadow var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
27
- }
28
- .pagination .pg:hover { color: var(--lmn-pagination-accent-ink, var(--accent-ink)); }
29
- .pagination .pg.active {
30
- box-shadow: var(--lmn-pagination-neu-shadow-inset, var(--neu-shadow-inset));
31
- color: var(--lmn-pagination-accent-ink, var(--accent-ink));
32
- font-weight: 700;
33
- }
34
- .pagination .pg.disabled { color: var(--lmn-pagination-fg-subtle, var(--fg-subtle)); cursor: not-allowed; box-shadow: var(--lmn-pagination-neu-shadow-subtle, var(--neu-shadow-subtle)); }
35
- .pagination .ellipsis { padding: 0 calc(4px * var(--lmn-pagination-spacing-scale, var(--spacing-scale)) * var(--lmn-pagination-padding-scale, var(--padding-scale))); color: var(--lmn-pagination-fg-subtle, var(--fg-subtle)); }
36
-
37
- /* size changer — compact Select inline with the page buttons */
38
- .pagination .pg-size-changer { margin-left: calc(8px * var(--lmn-pagination-spacing-scale, var(--spacing-scale)) * var(--lmn-pagination-margin-scale, var(--margin-scale))); min-width: 108px; }
39
-
40
- /* quick jumper */
41
- .pagination .pg-jumper {
42
- display: inline-flex;
43
- align-items: center;
44
- gap: calc(6px * var(--lmn-pagination-spacing-scale, var(--spacing-scale)) * var(--lmn-pagination-gap-scale, var(--gap-scale)));
45
- margin-left: calc(8px * var(--lmn-pagination-spacing-scale, var(--spacing-scale)) * var(--lmn-pagination-margin-scale, var(--margin-scale)));
46
- color: var(--lmn-pagination-fg-muted, var(--fg-muted));
47
- font-size: var(--fs-sm);
48
- }
49
- .pagination .pg-jumper-label { color: var(--lmn-pagination-fg-muted, var(--fg-muted)); }
50
- .pagination .pg-jumper-input {
51
- width: 52px;
52
- }
53
- .pagination .pg-jumper-input .input {
54
- font-variant-numeric: tabular-nums;
55
- text-align: center;
56
- }
57
-
58
- @media (max-width: 480px) {
59
- .pagination {
60
- align-items: flex-start;
61
- padding-inline: calc(8px * var(--lmn-pagination-spacing-scale, var(--spacing-scale)) * var(--lmn-pagination-padding-scale, var(--padding-scale)));
62
- }
63
- .pagination .pg-controls {
64
- flex-wrap: wrap;
65
- }
66
- .pagination .pg-size-changer,
67
- .pagination .pg-jumper {
68
- margin-left: 0;
69
- }
70
- }
71
-
72
- /* 组件自己的键盘轮廓不依赖全局阴影规则,也不覆盖错误态阴影。 */
73
- .pagination .pg:focus-visible { outline: 2px solid var(--lmn-pagination-accent, var(--accent)); outline-offset: 2px; }
74
-
75
- /* 禁用通过语义颜色和浅阴影表达,保留内容不透明度。 */
76
- .pagination .pg.disabled { color: var(--lmn-pagination-disabled-fg, var(--disabled-fg)); background: var(--lmn-pagination-disabled-bg, var(--disabled-bg)); box-shadow: var(--lmn-pagination-disabled-shadow, var(--disabled-shadow)); cursor: not-allowed; }
77
-
78
- .pagination { --pagination-control-height: var(--ctrl-h-sm); }
79
- .pagination.md { --pagination-control-height: var(--ctrl-h); }
80
- .pagination.lg { --pagination-control-height: var(--ctrl-h-lg); }
81
- .pagination .pg { min-width: var(--pagination-control-height); height: var(--pagination-control-height); }
@@ -1,55 +0,0 @@
1
- /* ============ Radio ============ */
2
- .radio {
3
- display: inline-flex;
4
- align-items: center;
5
- gap: var(--lmn-radio-gap, calc(10px * var(--lmn-radio-spacing-scale, var(--spacing-scale)) * var(--lmn-radio-gap-scale, var(--gap-scale))));
6
- cursor: pointer;
7
- user-select: none;
8
- font-size: var(--fs-md);
9
- color: var(--lmn-radio-fg, var(--fg));
10
- }
11
- .radio.disabled { cursor: not-allowed; }
12
- .radio-native {
13
- position: absolute;
14
- width: 1px;
15
- height: 1px;
16
- opacity: 0;
17
- pointer-events: none;
18
- }
19
- .radio:focus-within .radio-dot { outline: 2px solid var(--lmn-radio-accent, var(--accent)); outline-offset: 2px; }
20
-
21
- .radio-dot {
22
- width: 20px; height: 20px;
23
- border: none;
24
- padding: 0;
25
- border-radius: var(--r-pill);
26
- background: var(--lmn-radio-bg, var(--bg));
27
- box-shadow: var(--lmn-radio-neu-shadow-inset, var(--neu-shadow-inset));
28
- cursor: inherit;
29
- position: relative;
30
- flex-shrink: 0;
31
- transition: box-shadow var(--dur) var(--ease), background var(--dur) var(--ease), color var(--dur) var(--ease), transform var(--dur) var(--ease);
32
- }
33
- .radio.checked .radio-dot {
34
- background: var(--lmn-radio-accent, var(--accent));
35
- box-shadow: var(--lmn-radio-neu-shadow-control, var(--neu-shadow-control));
36
- }
37
- .radio.checked .radio-dot::after {
38
- content: "";
39
- position: absolute;
40
- top: 50%; left: 50%;
41
- transform: translate(-50%, -50%);
42
- width: 8px; height: 8px;
43
- border-radius: var(--r-pill);
44
- background: var(--lmn-radio-bg, var(--bg));
45
- }
46
-
47
- .radio-group { display: flex; gap: var(--lmn-radio-gap, calc(14px * var(--lmn-radio-spacing-scale, var(--spacing-scale)) * var(--lmn-radio-gap-scale, var(--gap-scale)))); }
48
- .radio-group.vertical { flex-direction: column; gap: calc(10px * var(--lmn-radio-spacing-scale, var(--spacing-scale)) * var(--lmn-radio-gap-scale, var(--gap-scale))); }
49
- .radio-group.horizontal { flex-direction: row; flex-wrap: wrap; }
50
-
51
- /* 禁用通过语义颜色和浅阴影表达,保留内容不透明度。 */
52
- .radio.disabled .radio-dot { color: var(--lmn-radio-disabled-fg, var(--disabled-fg)); background: var(--lmn-radio-disabled-bg, var(--disabled-bg)); box-shadow: var(--lmn-radio-disabled-shadow, var(--disabled-shadow)); cursor: not-allowed; }
53
-
54
- .radio.disabled { color: var(--lmn-radio-disabled-fg, var(--disabled-fg)); }
55
- .radio.invalid .radio-dot { box-shadow: var(--lmn-radio-neu-shadow-inset, var(--neu-shadow-inset)), 0 0 0 2px var(--lmn-radio-danger, var(--danger)); }
@@ -1,45 +0,0 @@
1
- /* 分段控件共享结构;Radio 和 Tabs 通过私有变量映射继承各自组件主题。 */
2
- .lmn-segmented {
3
- --segment-height: var(--ctrl-h);
4
- --segment-pad-x: var(--ctrl-pad-x);
5
- --segment-inset: calc(var(--gap-1) * var(--segment-spacing-scale) * var(--segment-padding-scale));
6
- display: inline-flex;
7
- align-items: stretch;
8
- box-sizing: border-box;
9
- height: var(--segment-height);
10
- padding: var(--segment-inset);
11
- gap: calc(var(--gap-1) / 2 * var(--segment-spacing-scale) * var(--segment-gap-scale));
12
- border-radius: var(--r-md);
13
- background: var(--segment-bg);
14
- box-shadow: var(--segment-neu-shadow-inset);
15
- }
16
- .lmn-segmented.sm { --segment-height: var(--ctrl-h-sm); --segment-pad-x: var(--ctrl-pad-x-sm); border-radius: var(--r-sm); }
17
- .lmn-segmented.lg { --segment-height: var(--ctrl-h-lg); --segment-pad-x: var(--ctrl-pad-x-lg); border-radius: var(--r-lg); }
18
- .lmn-segmented.block { display: flex; width: 100%; }
19
- .lmn-segmented.vertical { flex-direction: column; height: auto; }
20
- .lmn-segmented .segment {
21
- position: relative;
22
- box-sizing: border-box;
23
- display: inline-flex;
24
- flex: 1 1 auto;
25
- align-items: center;
26
- justify-content: center;
27
- min-width: 0;
28
- padding: 0 calc(var(--segment-pad-x) * var(--segment-spacing-scale) * var(--segment-padding-scale));
29
- border: none;
30
- border-radius: max(0px, calc(var(--r-md) - var(--segment-inset)));
31
- background: transparent;
32
- font: 500 var(--fs-md)/1 var(--font-sans);
33
- color: var(--segment-fg-muted);
34
- white-space: nowrap;
35
- cursor: pointer;
36
- transition: box-shadow var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);
37
- }
38
- .lmn-segmented.sm .segment { font-size: var(--fs-sm); border-radius: max(0px, calc(var(--r-sm) - var(--segment-inset))); }
39
- .lmn-segmented.lg .segment { font-size: var(--fs-lg); border-radius: max(0px, calc(var(--r-lg) - var(--segment-inset))); }
40
- .lmn-segmented.vertical .segment { min-height: calc(var(--segment-height) - 2 * var(--segment-inset)); }
41
- .lmn-segmented .segment.selected { background: var(--segment-bg); color: var(--segment-accent-ink); box-shadow: var(--segment-neu-shadow-control); }
42
- .lmn-segmented .segment.disabled { color: var(--segment-disabled-fg); background: var(--segment-disabled-bg); cursor: not-allowed; }
43
- .lmn-segmented .segment:focus-visible, .lmn-segmented .segment:has(.segment-native:focus-visible) { outline: 2px solid var(--segment-accent); outline-offset: -2px; }
44
- .lmn-segmented.invalid { outline: 2px solid var(--segment-danger); }
45
- .segment-native { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
@@ -1,13 +0,0 @@
1
- 'use strict';
2
-
3
- var chunkCZTVGHBA_cjs = require('./chunk-CZTVGHBA.cjs');
4
- require('./chunk-42CAR7IJ.cjs');
5
- require('./chunk-PF2I44TX.cjs');
6
- require('./chunk-IPJ2DKM5.cjs');
7
-
8
-
9
-
10
- Object.defineProperty(exports, "Segmented", {
11
- enumerable: true,
12
- get: function () { return chunkCZTVGHBA_cjs.Segmented; }
13
- });
@@ -1,32 +0,0 @@
1
- import * as React from 'react';
2
- import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.cjs';
3
-
4
- /** 分段选项,复杂标签可通过 ariaLabel 提供独立可访问名称。 */
5
- interface SegmentedOption<T extends string | number = string> {
6
- value: T;
7
- label: React.ReactNode;
8
- disabled?: boolean;
9
- ariaLabel?: string;
10
- }
11
- /** 分段选择器属性,同时支持受控值、默认值和原生表单提交。 */
12
- interface SegmentedProps<T extends string | number = string> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue">, ComponentThemeProps {
13
- options: SegmentedOption<T>[];
14
- value?: T;
15
- defaultValue?: T;
16
- onChange?: (value: T) => void;
17
- size?: "sm" | "md" | "lg";
18
- disabled?: boolean;
19
- invalid?: boolean;
20
- block?: boolean;
21
- name?: string;
22
- required?: boolean;
23
- form?: string;
24
- }
25
- /** 保留泛型选项值和真实 DOM ref 的公共组件签名。 */
26
- type SegmentedComponent = <T extends string | number = string>(props: SegmentedProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
27
- /** 分段选择控件,方向键跳过禁用项。
28
- * @example <Segmented options={[{ value: "list", label: "列表" }]} defaultValue="list" />
29
- */
30
- declare const Segmented: SegmentedComponent;
31
-
32
- export { Segmented, type SegmentedOption, type SegmentedProps };
@@ -1,32 +0,0 @@
1
- import * as React from 'react';
2
- import { f as ComponentThemeProps } from './componentThemeTypes-C-gl7vaO.js';
3
-
4
- /** 分段选项,复杂标签可通过 ariaLabel 提供独立可访问名称。 */
5
- interface SegmentedOption<T extends string | number = string> {
6
- value: T;
7
- label: React.ReactNode;
8
- disabled?: boolean;
9
- ariaLabel?: string;
10
- }
11
- /** 分段选择器属性,同时支持受控值、默认值和原生表单提交。 */
12
- interface SegmentedProps<T extends string | number = string> extends Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue">, ComponentThemeProps {
13
- options: SegmentedOption<T>[];
14
- value?: T;
15
- defaultValue?: T;
16
- onChange?: (value: T) => void;
17
- size?: "sm" | "md" | "lg";
18
- disabled?: boolean;
19
- invalid?: boolean;
20
- block?: boolean;
21
- name?: string;
22
- required?: boolean;
23
- form?: string;
24
- }
25
- /** 保留泛型选项值和真实 DOM ref 的公共组件签名。 */
26
- type SegmentedComponent = <T extends string | number = string>(props: SegmentedProps<T> & React.RefAttributes<HTMLDivElement>) => React.ReactElement | null;
27
- /** 分段选择控件,方向键跳过禁用项。
28
- * @example <Segmented options={[{ value: "list", label: "列表" }]} defaultValue="list" />
29
- */
30
- declare const Segmented: SegmentedComponent;
31
-
32
- export { Segmented, type SegmentedOption, type SegmentedProps };
package/dist/Segmented.js DELETED
@@ -1,4 +0,0 @@
1
- export { Segmented } from './chunk-SLJ3APXL.js';
2
- import './chunk-I25VT4TM.js';
3
- import './chunk-CZIQSGYL.js';
4
- import './chunk-MLZIK3RB.js';
@@ -1,42 +0,0 @@
1
- /* ============ Surface ============ */
2
- .surface {
3
- position: relative;
4
- box-sizing: border-box;
5
- min-width: 0;
6
- color: var(--lmn-surface-fg, var(--fg));
7
- background: var(--lmn-surface-bg, var(--bg));
8
- border-radius: var(--r-lg);
9
- }
10
-
11
- .surface.tone-raised { background: var(--lmn-surface-bg-raised, var(--bg-raised)); }
12
- .surface.tone-sunken { background: var(--lmn-surface-bg-sunken, var(--bg-sunken)); }
13
- .surface.tone-accent {
14
- color: var(--lmn-surface-accent-ink, var(--accent-ink));
15
- background: var(--lmn-surface-accent-soft, var(--accent-soft));
16
- }
17
-
18
- .surface.plain { box-shadow: none; }
19
- .surface.raised { box-shadow: var(--lmn-surface-neu-shadow-panel, var(--neu-shadow-panel)); }
20
- .surface.sunken { box-shadow: var(--lmn-surface-neu-shadow-inset-strong, var(--neu-shadow-inset-strong)); }
21
- .surface.floating { box-shadow: var(--lmn-surface-neu-shadow-float, var(--neu-shadow-float)); }
22
- .surface.bordered { border: 1px solid var(--lmn-surface-border, var(--border)); }
23
-
24
- .surface.pad-none { padding: 0; }
25
- .surface.pad-sm { padding: var(--lmn-surface-padding, var(--lmn-surface-padding-y, calc(var(--gap-3) * var(--lmn-surface-spacing-scale, var(--spacing-scale)) * var(--lmn-surface-padding-scale, var(--padding-scale)))) var(--lmn-surface-padding-x, calc(var(--gap-3) * var(--lmn-surface-spacing-scale, var(--spacing-scale)) * var(--lmn-surface-padding-scale, var(--padding-scale))))); }
26
- .surface.pad-md { padding: var(--lmn-surface-padding, var(--lmn-surface-padding-y, calc(var(--gap-5) * var(--lmn-surface-spacing-scale, var(--spacing-scale)) * var(--lmn-surface-padding-scale, var(--padding-scale)))) var(--lmn-surface-padding-x, calc(var(--gap-5) * var(--lmn-surface-spacing-scale, var(--spacing-scale)) * var(--lmn-surface-padding-scale, var(--padding-scale))))); }
27
- .surface.pad-lg { padding: var(--lmn-surface-padding, var(--lmn-surface-padding-y, calc(var(--gap-8) * var(--lmn-surface-spacing-scale, var(--spacing-scale)) * var(--lmn-surface-padding-scale, var(--padding-scale)))) var(--lmn-surface-padding-x, calc(var(--gap-8) * var(--lmn-surface-spacing-scale, var(--spacing-scale)) * var(--lmn-surface-padding-scale, var(--padding-scale))))); }
28
- .surface.pad-xl { padding: var(--lmn-surface-padding, var(--lmn-surface-padding-y, calc(var(--gap-10) * var(--lmn-surface-spacing-scale, var(--spacing-scale)) * var(--lmn-surface-padding-scale, var(--padding-scale)))) var(--lmn-surface-padding-x, calc(var(--gap-10) * var(--lmn-surface-spacing-scale, var(--spacing-scale)) * var(--lmn-surface-padding-scale, var(--padding-scale))))); }
29
-
30
- .surface.radius-none { border-radius: 0; }
31
- .surface.radius-sm { border-radius: var(--r-sm); }
32
- .surface.radius-md { border-radius: var(--r-md); }
33
- .surface.radius-lg { border-radius: var(--r-lg); }
34
- .surface.radius-xl { border-radius: var(--r-xl); }
35
-
36
- .surface.height-content { min-height: 0; }
37
- .surface.height-fill { min-height: 100%; }
38
- .surface.height-screen { min-height: 100vh; }
39
- .surface.scrollable { overflow: auto; }
40
-
41
- .surface > *:first-child { margin-top: 0; }
42
- .surface > *:last-child { margin-bottom: 0; }
@@ -1,45 +0,0 @@
1
- /* ============ TablePro ============ */
2
- .table-card {
3
- border-radius: var(--r-lg);
4
- background: var(--lmn-table-pro-bg, var(--bg));
5
- box-shadow: var(--lmn-table-pro-neu-shadow-control, var(--neu-shadow-control));
6
- overflow: hidden;
7
- }
8
- .table-card .table-wrap { background: transparent; box-shadow: none; border-radius: 0; }
9
- .table-card .table-wrap.joined { border-radius: 0; }
10
- .table-card .table-pagination {
11
- margin-top: 0;
12
- padding: calc(6px * var(--lmn-table-pro-spacing-scale, var(--spacing-scale)) * var(--lmn-table-pro-padding-scale, var(--padding-scale))) calc(16px * var(--lmn-table-pro-spacing-scale, var(--spacing-scale)) * var(--lmn-table-pro-padding-scale, var(--padding-scale)));
13
- border-top: 1px solid var(--lmn-table-pro-divider, var(--divider));
14
- background: transparent;
15
- }
16
- .table-toolbar {
17
- display: flex;
18
- align-items: center;
19
- gap: var(--lmn-table-pro-gap, calc(var(--gap-3) * var(--lmn-table-pro-spacing-scale, var(--spacing-scale)) * var(--lmn-table-pro-gap-scale, var(--gap-scale))));
20
- padding: var(--lmn-table-pro-padding, var(--lmn-table-pro-padding-y, calc(14px * var(--lmn-table-pro-spacing-scale, var(--spacing-scale)) * var(--lmn-table-pro-padding-scale, var(--padding-scale)))) var(--lmn-table-pro-padding-x, calc(16px * var(--lmn-table-pro-spacing-scale, var(--spacing-scale)) * var(--lmn-table-pro-padding-scale, var(--padding-scale)))));
21
- border-bottom: 1px solid var(--lmn-table-pro-divider, var(--divider));
22
- }
23
- .table-toolbar .table-title {
24
- font-size: var(--fs-lg);
25
- font-weight: 600;
26
- margin-right: calc(8px * var(--lmn-table-pro-spacing-scale, var(--spacing-scale)) * var(--lmn-table-pro-margin-scale, var(--margin-scale)));
27
- }
28
- .table-toolbar-main {
29
- flex: 1;
30
- display: flex;
31
- align-items: center;
32
- gap: calc(10px * var(--lmn-table-pro-spacing-scale, var(--spacing-scale)) * var(--lmn-table-pro-gap-scale, var(--gap-scale)));
33
- min-width: 0;
34
- }
35
- .table-toolbar-actions {
36
- display: flex;
37
- align-items: center;
38
- gap: calc(8px * var(--lmn-table-pro-spacing-scale, var(--spacing-scale)) * var(--lmn-table-pro-gap-scale, var(--gap-scale)));
39
- flex-shrink: 0;
40
- }
41
- .table-footer {
42
- padding: calc(10px * var(--lmn-table-pro-spacing-scale, var(--spacing-scale)) * var(--lmn-table-pro-padding-scale, var(--padding-scale))) calc(16px * var(--lmn-table-pro-spacing-scale, var(--spacing-scale)) * var(--lmn-table-pro-padding-scale, var(--padding-scale)));
43
- border-top: 1px solid var(--lmn-table-pro-divider, var(--divider));
44
- background: transparent;
45
- }
@@ -1,95 +0,0 @@
1
- /* ============ Tabs ============ */
2
- .tabs { display: flex; flex-direction: column; gap: var(--lmn-tabs-gap, calc(var(--gap-3) * var(--lmn-tabs-spacing-scale, var(--spacing-scale)) * var(--lmn-tabs-gap-scale, var(--gap-scale)))); }
3
- .tabs.fill {
4
- flex: 1 1 auto;
5
- width: 100%;
6
- height: 100%;
7
- min-width: 0;
8
- min-height: 0;
9
- }
10
- .tabs-nav {
11
- display: inline-flex;
12
- padding: calc(5px * var(--lmn-tabs-spacing-scale, var(--spacing-scale)) * var(--lmn-tabs-padding-scale, var(--padding-scale)));
13
- border-radius: var(--r-md);
14
- background: var(--lmn-tabs-bg, var(--bg));
15
- box-shadow: var(--lmn-tabs-neu-shadow-inset, var(--neu-shadow-inset));
16
- gap: calc(2px * var(--lmn-tabs-spacing-scale, var(--spacing-scale)) * var(--lmn-tabs-gap-scale, var(--gap-scale)));
17
- align-self: flex-start;
18
- flex-shrink: 0;
19
- }
20
- .tabs-nav .tab {
21
- padding: var(--lmn-tabs-item-padding, var(--lmn-tabs-item-padding-y, calc(8px * var(--lmn-tabs-spacing-scale, var(--spacing-scale)) * var(--lmn-tabs-padding-scale, var(--padding-scale)))) var(--lmn-tabs-item-padding-x, calc(16px * var(--lmn-tabs-spacing-scale, var(--spacing-scale)) * var(--lmn-tabs-padding-scale, var(--padding-scale)))));
22
- border: none;
23
- background: transparent;
24
- border-radius: calc(var(--r-md) - var(--gap-1));
25
- font-size: var(--fs-sm);
26
- font-weight: 500;
27
- font-family: inherit;
28
- color: var(--lmn-tabs-fg-muted, var(--fg-muted));
29
- cursor: pointer;
30
- display: inline-flex;
31
- align-items: center;
32
- gap: var(--lmn-tabs-gap, calc(6px * var(--lmn-tabs-spacing-scale, var(--spacing-scale)) * var(--lmn-tabs-gap-scale, var(--gap-scale))));
33
- transition: box-shadow var(--dur-fast) var(--ease), background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);
34
- }
35
- .tabs-nav .tab:hover { color: var(--lmn-tabs-fg, var(--fg)); }
36
- .tabs-nav .tab.active {
37
- color: var(--lmn-tabs-accent-ink, var(--accent-ink));
38
- background: var(--lmn-tabs-bg, var(--bg));
39
- box-shadow: var(--lmn-tabs-neu-shadow-control, var(--neu-shadow-control));
40
- font-weight: 600;
41
- }
42
- .tabs-nav .tab[disabled] { cursor: not-allowed; }
43
-
44
- .tabs.line .tabs-nav,
45
- .tabs.underline .tabs-nav {
46
- padding: 0;
47
- background: transparent;
48
- box-shadow: none;
49
- border-radius: 0;
50
- border-bottom: 1px solid var(--lmn-tabs-divider, var(--divider));
51
- align-self: stretch;
52
- }
53
- .tabs.line .tabs-nav .tab,
54
- .tabs.underline .tabs-nav .tab {
55
- padding: calc(10px * var(--lmn-tabs-spacing-scale, var(--spacing-scale)) * var(--lmn-tabs-padding-scale, var(--padding-scale))) calc(4px * var(--lmn-tabs-spacing-scale, var(--spacing-scale)) * var(--lmn-tabs-padding-scale, var(--padding-scale)));
56
- margin-right: calc(22px * var(--lmn-tabs-spacing-scale, var(--spacing-scale)) * var(--lmn-tabs-margin-scale, var(--margin-scale)));
57
- border-radius: 0;
58
- position: relative;
59
- }
60
- .tabs.line .tabs-nav .tab.active,
61
- .tabs.underline .tabs-nav .tab.active { background: transparent; box-shadow: none; }
62
- .tabs.line .tabs-nav .tab.active::after,
63
- .tabs.underline .tabs-nav .tab.active::after {
64
- content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px;
65
- background: var(--lmn-tabs-accent, var(--accent)); border-radius: var(--r-pill);
66
- box-shadow: none;
67
- }
68
-
69
- /* Centered nav — works for pill / segmented (self-align) and line (flex-center) */
70
- .tabs.centered .tabs-nav { align-self: center; }
71
- .tabs.centered.line .tabs-nav,
72
- .tabs.centered.underline .tabs-nav { align-self: stretch; justify-content: center; }
73
- .tabs.centered.line .tabs-nav .tab,
74
- .tabs.centered.underline .tabs-nav .tab { margin-right: calc(11px * var(--lmn-tabs-spacing-scale, var(--spacing-scale)) * var(--lmn-tabs-margin-scale, var(--margin-scale))); margin-left: calc(11px * var(--lmn-tabs-spacing-scale, var(--spacing-scale)) * var(--lmn-tabs-margin-scale, var(--margin-scale))); }
75
-
76
- .tabs-content { padding: calc(var(--gap-2) * var(--lmn-tabs-spacing-scale, var(--spacing-scale)) * var(--lmn-tabs-padding-scale, var(--padding-scale))) 0; }
77
- .tabs.fill .tabs-content {
78
- flex: 1 1 auto;
79
- min-width: 0;
80
- min-height: 0;
81
- overflow: auto;
82
- }
83
-
84
- /* 组件自己的键盘轮廓不依赖全局阴影规则,也不覆盖错误态阴影。 */
85
- .tabs .tab:focus-visible { outline: 2px solid var(--lmn-tabs-accent, var(--accent)); outline-offset: 2px; }
86
-
87
- .tabs { --tabs-control-height: var(--ctrl-h); }
88
- .tabs.sm { --tabs-control-height: var(--ctrl-h-sm); }
89
- .tabs.lg { --tabs-control-height: var(--ctrl-h-lg); }
90
- .tabs:not(.segmented) .tabs-nav { height: var(--tabs-control-height); box-sizing: border-box; padding: var(--gap-1); }
91
- .tabs:not(.segmented) .tab { padding-block: 0; }
92
- .tabs.line .tabs-nav { padding: 0; }
93
- .tabs.sm .tab { font-size: var(--fs-sm); }
94
- .tabs.lg .tab { font-size: var(--fs-lg); }
95
- .tabs .tab:disabled { color: var(--lmn-tabs-disabled-fg, var(--disabled-fg)); }