@womp/kookie-ui 0.18.0 → 0.19.0

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 (535) hide show
  1. package/components.css +691 -1462
  2. package/dist/cjs/components/_internal/base-button.js +1 -1
  3. package/dist/cjs/components/_internal/base-button.js.map +2 -2
  4. package/dist/cjs/components/_internal/base-menu.utils.js +1 -1
  5. package/dist/cjs/components/_internal/base-menu.utils.js.map +2 -2
  6. package/dist/cjs/components/_internal/pane-chrome.js +1 -1
  7. package/dist/cjs/components/_internal/pane-chrome.js.map +2 -2
  8. package/dist/cjs/components/_internal/shell-sidebar.js +1 -1
  9. package/dist/cjs/components/_internal/shell-sidebar.js.map +2 -2
  10. package/dist/cjs/components/alert-dialog.d.ts.map +1 -1
  11. package/dist/cjs/components/alert-dialog.js +1 -1
  12. package/dist/cjs/components/alert-dialog.js.map +3 -3
  13. package/dist/cjs/components/alert-dialog.props.d.ts +1 -2
  14. package/dist/cjs/components/alert-dialog.props.d.ts.map +1 -1
  15. package/dist/cjs/components/alert-dialog.props.js +1 -1
  16. package/dist/cjs/components/alert-dialog.props.js.map +2 -2
  17. package/dist/cjs/components/avatar.js +1 -1
  18. package/dist/cjs/components/avatar.js.map +2 -2
  19. package/dist/cjs/components/badge.js +1 -1
  20. package/dist/cjs/components/badge.js.map +2 -2
  21. package/dist/cjs/components/blockquote.js +1 -1
  22. package/dist/cjs/components/blockquote.js.map +2 -2
  23. package/dist/cjs/components/box.js +1 -1
  24. package/dist/cjs/components/box.js.map +2 -2
  25. package/dist/cjs/components/button.js +1 -1
  26. package/dist/cjs/components/button.js.map +2 -2
  27. package/dist/cjs/components/card.d.ts.map +1 -1
  28. package/dist/cjs/components/card.js +1 -1
  29. package/dist/cjs/components/card.js.map +4 -4
  30. package/dist/cjs/components/card.props.d.ts +3 -10
  31. package/dist/cjs/components/card.props.d.ts.map +1 -1
  32. package/dist/cjs/components/card.props.js +1 -1
  33. package/dist/cjs/components/card.props.js.map +2 -2
  34. package/dist/cjs/components/chatbar.js +2 -2
  35. package/dist/cjs/components/chatbar.js.map +2 -2
  36. package/dist/cjs/components/checkbox-cards.d.ts.map +1 -1
  37. package/dist/cjs/components/checkbox-cards.js +1 -1
  38. package/dist/cjs/components/checkbox-cards.js.map +4 -4
  39. package/dist/cjs/components/checkbox-cards.props.d.ts +2 -1
  40. package/dist/cjs/components/checkbox-cards.props.d.ts.map +1 -1
  41. package/dist/cjs/components/checkbox-cards.props.js +1 -1
  42. package/dist/cjs/components/checkbox-cards.props.js.map +2 -2
  43. package/dist/cjs/components/checkbox-group.js +1 -1
  44. package/dist/cjs/components/checkbox-group.js.map +2 -2
  45. package/dist/cjs/components/checkbox.js +1 -1
  46. package/dist/cjs/components/checkbox.js.map +2 -2
  47. package/dist/cjs/components/code.js +1 -1
  48. package/dist/cjs/components/code.js.map +2 -2
  49. package/dist/cjs/components/combobox.js +1 -1
  50. package/dist/cjs/components/combobox.js.map +2 -2
  51. package/dist/cjs/components/container.js +1 -1
  52. package/dist/cjs/components/container.js.map +2 -2
  53. package/dist/cjs/components/context-menu.js +1 -1
  54. package/dist/cjs/components/context-menu.js.map +2 -2
  55. package/dist/cjs/components/data-list.js +1 -1
  56. package/dist/cjs/components/data-list.js.map +2 -2
  57. package/dist/cjs/components/dialog.d.ts.map +1 -1
  58. package/dist/cjs/components/dialog.js +1 -1
  59. package/dist/cjs/components/dialog.js.map +3 -3
  60. package/dist/cjs/components/dialog.props.d.ts +1 -2
  61. package/dist/cjs/components/dialog.props.d.ts.map +1 -1
  62. package/dist/cjs/components/dialog.props.js +1 -1
  63. package/dist/cjs/components/dialog.props.js.map +2 -2
  64. package/dist/cjs/components/dropdown-menu.js +1 -1
  65. package/dist/cjs/components/dropdown-menu.js.map +2 -2
  66. package/dist/cjs/components/flex.js +1 -1
  67. package/dist/cjs/components/flex.js.map +2 -2
  68. package/dist/cjs/components/grid.js +1 -1
  69. package/dist/cjs/components/grid.js.map +2 -2
  70. package/dist/cjs/components/heading.js +1 -1
  71. package/dist/cjs/components/heading.js.map +2 -2
  72. package/dist/cjs/components/hover-card.js +1 -1
  73. package/dist/cjs/components/hover-card.js.map +2 -2
  74. package/dist/cjs/components/hover-card.props.d.ts +1 -1
  75. package/dist/cjs/components/hover-card.props.js +1 -1
  76. package/dist/cjs/components/hover-card.props.js.map +2 -2
  77. package/dist/cjs/components/icon-button.js +1 -1
  78. package/dist/cjs/components/icon-button.js.map +2 -2
  79. package/dist/cjs/components/image.js +1 -1
  80. package/dist/cjs/components/image.js.map +2 -2
  81. package/dist/cjs/components/index.d.ts +0 -1
  82. package/dist/cjs/components/index.d.ts.map +1 -1
  83. package/dist/cjs/components/index.js +5 -5
  84. package/dist/cjs/components/index.js.map +4 -4
  85. package/dist/cjs/components/kbd.js +1 -1
  86. package/dist/cjs/components/kbd.js.map +2 -2
  87. package/dist/cjs/components/link.js +1 -1
  88. package/dist/cjs/components/link.js.map +2 -2
  89. package/dist/cjs/components/message-scroller.js +1 -1
  90. package/dist/cjs/components/message-scroller.js.map +2 -2
  91. package/dist/cjs/components/navbar.js +1 -1
  92. package/dist/cjs/components/navbar.js.map +2 -2
  93. package/dist/cjs/components/notice.d.ts +2 -2
  94. package/dist/cjs/components/notice.d.ts.map +1 -1
  95. package/dist/cjs/components/notice.js +2 -2
  96. package/dist/cjs/components/notice.js.map +2 -2
  97. package/dist/cjs/components/progress.js +1 -1
  98. package/dist/cjs/components/progress.js.map +2 -2
  99. package/dist/cjs/components/radio-cards.d.ts.map +1 -1
  100. package/dist/cjs/components/radio-cards.js +1 -1
  101. package/dist/cjs/components/radio-cards.js.map +4 -4
  102. package/dist/cjs/components/radio-cards.props.d.ts +2 -1
  103. package/dist/cjs/components/radio-cards.props.d.ts.map +1 -1
  104. package/dist/cjs/components/radio-cards.props.js +1 -1
  105. package/dist/cjs/components/radio-cards.props.js.map +2 -2
  106. package/dist/cjs/components/radio-group.js +1 -1
  107. package/dist/cjs/components/radio-group.js.map +2 -2
  108. package/dist/cjs/components/radio.js +1 -1
  109. package/dist/cjs/components/radio.js.map +2 -2
  110. package/dist/cjs/components/scroll-area.js +1 -1
  111. package/dist/cjs/components/scroll-area.js.map +2 -2
  112. package/dist/cjs/components/section.js +1 -1
  113. package/dist/cjs/components/section.js.map +2 -2
  114. package/dist/cjs/components/segmented-control.js +1 -1
  115. package/dist/cjs/components/segmented-control.js.map +2 -2
  116. package/dist/cjs/components/select.js +1 -1
  117. package/dist/cjs/components/select.js.map +2 -2
  118. package/dist/cjs/components/separator.js +1 -1
  119. package/dist/cjs/components/separator.js.map +2 -2
  120. package/dist/cjs/components/sheet.d.ts +2 -2
  121. package/dist/cjs/components/sheet.d.ts.map +1 -1
  122. package/dist/cjs/components/sheet.js +1 -1
  123. package/dist/cjs/components/sheet.js.map +3 -3
  124. package/dist/cjs/components/shell.js +1 -1
  125. package/dist/cjs/components/shell.js.map +2 -2
  126. package/dist/cjs/components/sidebar.js +1 -1
  127. package/dist/cjs/components/sidebar.js.map +2 -2
  128. package/dist/cjs/components/skeleton.js +1 -1
  129. package/dist/cjs/components/skeleton.js.map +2 -2
  130. package/dist/cjs/components/slider.js +1 -1
  131. package/dist/cjs/components/slider.js.map +2 -2
  132. package/dist/cjs/components/spinner.js +1 -1
  133. package/dist/cjs/components/spinner.js.map +2 -2
  134. package/dist/cjs/components/switch.js +1 -1
  135. package/dist/cjs/components/switch.js.map +2 -2
  136. package/dist/cjs/components/tab-nav.js +1 -1
  137. package/dist/cjs/components/tab-nav.js.map +2 -2
  138. package/dist/cjs/components/table.js +1 -1
  139. package/dist/cjs/components/table.js.map +2 -2
  140. package/dist/cjs/components/tabs.js +1 -1
  141. package/dist/cjs/components/tabs.js.map +2 -2
  142. package/dist/cjs/components/text-area.js +1 -1
  143. package/dist/cjs/components/text-area.js.map +2 -2
  144. package/dist/cjs/components/text-field.js +1 -1
  145. package/dist/cjs/components/text-field.js.map +2 -2
  146. package/dist/cjs/components/text.js +1 -1
  147. package/dist/cjs/components/text.js.map +2 -2
  148. package/dist/cjs/components/theme-panel.js +1 -1
  149. package/dist/cjs/components/theme-panel.js.map +2 -2
  150. package/dist/cjs/components/toggle-button.js +1 -1
  151. package/dist/cjs/components/toggle-button.js.map +2 -2
  152. package/dist/cjs/components/toggle-icon-button.js +1 -1
  153. package/dist/cjs/components/toggle-icon-button.js.map +2 -2
  154. package/dist/cjs/components/toolbar.js +1 -1
  155. package/dist/cjs/components/toolbar.js.map +2 -2
  156. package/dist/cjs/components/tooltip.js +1 -1
  157. package/dist/cjs/components/tooltip.js.map +2 -2
  158. package/dist/cjs/helpers/extract-margin-props.d.ts +7 -7
  159. package/dist/cjs/helpers/get-margin-styles.js +1 -1
  160. package/dist/cjs/helpers/get-margin-styles.js.map +2 -2
  161. package/dist/cjs/helpers/index.js +1 -1
  162. package/dist/cjs/helpers/index.js.map +2 -2
  163. package/dist/cjs/index.js +6 -6
  164. package/dist/cjs/index.js.map +4 -4
  165. package/dist/cjs/props/index.d.ts +0 -1
  166. package/dist/cjs/props/index.d.ts.map +1 -1
  167. package/dist/cjs/props/index.js +1 -1
  168. package/dist/cjs/props/index.js.map +4 -4
  169. package/dist/cjs/props/margin.props.d.ts +7 -7
  170. package/dist/cjs/props/margin.props.js +1 -1
  171. package/dist/cjs/props/margin.props.js.map +2 -2
  172. package/dist/esm/chunk-2FPJ6Q2N.js +2 -0
  173. package/dist/esm/chunk-2FPJ6Q2N.js.map +7 -0
  174. package/dist/esm/{chunk-KRXCFIRK.js → chunk-2XQECQF2.js} +2 -2
  175. package/dist/esm/{chunk-YVMQWSHA.js → chunk-32ATKZAP.js} +2 -2
  176. package/dist/esm/{chunk-ZJZIV2JH.js → chunk-42LDZ7L5.js} +2 -2
  177. package/dist/esm/{chunk-AMP7O3DM.js → chunk-43A5GUSI.js} +2 -2
  178. package/dist/esm/{chunk-MDHXSEGH.js → chunk-4ITIXBIP.js} +2 -2
  179. package/dist/esm/{chunk-MDHXSEGH.js.map → chunk-4ITIXBIP.js.map} +2 -2
  180. package/dist/esm/{chunk-MJEYJI5G.js → chunk-63ASTOS2.js} +2 -2
  181. package/dist/esm/{chunk-UBSLEGQZ.js → chunk-6FLLFCBU.js} +2 -2
  182. package/dist/esm/{chunk-DJFTDR6Y.js → chunk-6RZVKCNG.js} +2 -2
  183. package/dist/esm/{chunk-YF3MFME4.js → chunk-6XNQ5XD3.js} +2 -2
  184. package/dist/esm/{chunk-JLI7WHV6.js → chunk-7FC7HF76.js} +2 -2
  185. package/dist/esm/{chunk-KFQ4B5YC.js → chunk-7KIKAEI7.js} +2 -2
  186. package/dist/esm/{chunk-7J2QS2UT.js → chunk-7SS6EIE5.js} +2 -2
  187. package/dist/esm/{chunk-ZH2B7WEH.js → chunk-7UV4FYYL.js} +2 -2
  188. package/dist/esm/{chunk-TPHNDGSV.js → chunk-AI6UQ5VD.js} +2 -2
  189. package/dist/esm/chunk-BINUV3ME.js +2 -0
  190. package/dist/esm/chunk-BINUV3ME.js.map +7 -0
  191. package/dist/esm/{chunk-4M55YJMR.js → chunk-BQS6XXJR.js} +2 -2
  192. package/dist/esm/{chunk-O6K6RZXY.js → chunk-BUBV3C6C.js} +2 -2
  193. package/dist/esm/{chunk-AO32NT75.js → chunk-CLEH57SW.js} +2 -2
  194. package/dist/esm/chunk-CR2BSCFM.js +2 -0
  195. package/dist/esm/chunk-CR2BSCFM.js.map +7 -0
  196. package/dist/esm/chunk-D2ZHYCTG.js +2 -0
  197. package/dist/esm/chunk-D2ZHYCTG.js.map +7 -0
  198. package/dist/esm/{chunk-XHKL4PG7.js → chunk-DIR22XIX.js} +2 -2
  199. package/dist/esm/{chunk-TGRRQHLQ.js → chunk-DMWLY6ZP.js} +2 -2
  200. package/dist/esm/{chunk-AKPAHQYE.js → chunk-E453PYTG.js} +2 -2
  201. package/dist/esm/chunk-E4KCVRBQ.js +2 -0
  202. package/dist/esm/chunk-E4KCVRBQ.js.map +7 -0
  203. package/dist/esm/chunk-F2UUKVBM.js +1 -0
  204. package/dist/esm/{chunk-UNRG6Z5I.js → chunk-FNRKTMNN.js} +2 -2
  205. package/dist/esm/{chunk-WKMJIWFP.js → chunk-FTGD2SZ6.js} +2 -2
  206. package/dist/esm/{chunk-RSJSVJ6A.js → chunk-G3U6OHVA.js} +2 -2
  207. package/dist/esm/{chunk-RC7TBVLO.js → chunk-G6PO4QKW.js} +2 -2
  208. package/dist/esm/{chunk-EHUSLPWN.js → chunk-GIIMBBVM.js} +2 -2
  209. package/dist/esm/{chunk-DSB3TEAQ.js → chunk-GLERJXVS.js} +2 -2
  210. package/dist/esm/{chunk-JCRBBT4X.js → chunk-GPVPXAUC.js} +2 -2
  211. package/dist/esm/{chunk-XVKFQSLI.js → chunk-GYB7PAGB.js} +2 -2
  212. package/dist/esm/{chunk-7FZPCM7W.js → chunk-GYNRAVCL.js} +2 -2
  213. package/dist/esm/chunk-HT5EFJA3.js +2 -0
  214. package/dist/esm/chunk-HT5EFJA3.js.map +7 -0
  215. package/dist/esm/{chunk-BFLO4IVZ.js → chunk-IXNJFV4O.js} +2 -2
  216. package/dist/esm/chunk-JBC6DT2X.js +2 -0
  217. package/dist/esm/chunk-JBC6DT2X.js.map +7 -0
  218. package/dist/esm/{chunk-5R2WX2FU.js → chunk-JRIBL4WJ.js} +2 -2
  219. package/dist/esm/{chunk-PBFSBHBS.js → chunk-JUY7CBSL.js} +2 -2
  220. package/dist/esm/{chunk-V2TPYSZ2.js → chunk-JZSXHYUU.js} +2 -2
  221. package/dist/esm/{chunk-GVLTTTFL.js → chunk-K6Y2SM5N.js} +2 -2
  222. package/dist/esm/{chunk-CL6LRPCS.js → chunk-KDKL3HXD.js} +2 -2
  223. package/dist/esm/{chunk-XHF6RBOE.js → chunk-KRPEEM4C.js} +2 -2
  224. package/dist/esm/{chunk-VT4AAF7Q.js → chunk-L2IIIELE.js} +2 -2
  225. package/dist/esm/chunk-LFUPGIPA.js +2 -0
  226. package/dist/esm/chunk-LFUPGIPA.js.map +7 -0
  227. package/dist/esm/{chunk-BZ6YBP2S.js → chunk-MZR6YBE7.js} +2 -2
  228. package/dist/esm/{chunk-K5SC3CZZ.js → chunk-N5OSP3PU.js} +2 -2
  229. package/dist/esm/{chunk-IF4PYIUV.js → chunk-N77QJUTO.js} +2 -2
  230. package/dist/esm/{chunk-35HNDWWM.js → chunk-NETIWKIR.js} +2 -2
  231. package/dist/esm/{chunk-UQZHW3EJ.js → chunk-OMYAVTX6.js} +2 -2
  232. package/dist/esm/{chunk-7CBZFHSQ.js → chunk-OXYHRNJA.js} +2 -2
  233. package/dist/esm/{chunk-L6M2MI7Y.js → chunk-PIMNQEDG.js} +2 -2
  234. package/dist/esm/chunk-PUQXBW2K.js +2 -0
  235. package/dist/esm/chunk-PUQXBW2K.js.map +7 -0
  236. package/dist/esm/{chunk-VIDXAECE.js → chunk-Q5LPCJXN.js} +2 -2
  237. package/dist/esm/chunk-QWLKMVZY.js +2 -0
  238. package/dist/esm/{chunk-ENSDQ3XQ.js → chunk-RUWKVDFT.js} +2 -2
  239. package/dist/esm/{chunk-CHPZ3LNC.js → chunk-RVM4LGAU.js} +2 -2
  240. package/dist/esm/{chunk-IWT3Q2PD.js → chunk-TLWCU336.js} +2 -2
  241. package/dist/esm/{chunk-MQDZBF4J.js → chunk-TQIR5LLY.js} +2 -2
  242. package/dist/esm/{chunk-QAUYOVVL.js → chunk-UFJJTUOU.js} +2 -2
  243. package/dist/esm/{chunk-F3XBIUXB.js → chunk-UUHTK35B.js} +2 -2
  244. package/dist/esm/{chunk-DFSW4QR4.js → chunk-UUV5UNYL.js} +2 -2
  245. package/dist/esm/{chunk-BN24ZBO7.js → chunk-UUWGAQDT.js} +2 -2
  246. package/dist/esm/{chunk-GQBQHGEF.js → chunk-UZQO4APP.js} +2 -2
  247. package/dist/esm/{chunk-ZFBLPW3X.js → chunk-VLQ2LX5M.js} +2 -2
  248. package/dist/esm/{chunk-4DE3ONED.js → chunk-VTTJFBV6.js} +2 -2
  249. package/dist/esm/{chunk-PAQS6C2A.js → chunk-WDDO73O5.js} +2 -2
  250. package/dist/esm/{chunk-CRK34MWY.js → chunk-X3D3JR64.js} +2 -2
  251. package/dist/esm/{chunk-3OABA7AF.js → chunk-X7HFFVFD.js} +2 -2
  252. package/dist/esm/chunk-XASK6LMX.js +2 -0
  253. package/dist/esm/chunk-XASK6LMX.js.map +7 -0
  254. package/dist/esm/{chunk-KPPIW4OJ.js → chunk-XTE22CXV.js} +2 -2
  255. package/dist/esm/{chunk-5VBJT2VY.js → chunk-YS5BZRRK.js} +2 -2
  256. package/dist/esm/{chunk-EA2XSEFH.js → chunk-YVHRWMSZ.js} +2 -2
  257. package/dist/esm/chunk-YYZBPQQ4.js +2 -0
  258. package/dist/esm/chunk-YYZBPQQ4.js.map +7 -0
  259. package/dist/esm/chunk-Z6NRR7KS.js +2 -0
  260. package/dist/esm/chunk-Z6NRR7KS.js.map +7 -0
  261. package/dist/esm/{chunk-U7PDXTRX.js → chunk-ZIKJ2WZN.js} +2 -2
  262. package/dist/esm/{chunk-35KS5AQE.js → chunk-ZMOBKT4T.js} +2 -2
  263. package/dist/esm/components/_internal/base-button.js +1 -1
  264. package/dist/esm/components/_internal/base-menu.utils.js +1 -1
  265. package/dist/esm/components/_internal/menu-context.js +1 -1
  266. package/dist/esm/components/_internal/pane-chrome.js +1 -1
  267. package/dist/esm/components/_internal/shell-sidebar.js +1 -1
  268. package/dist/esm/components/accordion.js +1 -1
  269. package/dist/esm/components/alert-dialog.d.ts.map +1 -1
  270. package/dist/esm/components/alert-dialog.js +1 -1
  271. package/dist/esm/components/alert-dialog.props.d.ts +1 -2
  272. package/dist/esm/components/alert-dialog.props.d.ts.map +1 -1
  273. package/dist/esm/components/alert-dialog.props.js +1 -1
  274. package/dist/esm/components/avatar.js +1 -1
  275. package/dist/esm/components/badge.js +1 -1
  276. package/dist/esm/components/blockquote.js +1 -1
  277. package/dist/esm/components/box.js +1 -1
  278. package/dist/esm/components/button.js +1 -1
  279. package/dist/esm/components/card.d.ts.map +1 -1
  280. package/dist/esm/components/card.js +1 -1
  281. package/dist/esm/components/card.props.d.ts +3 -10
  282. package/dist/esm/components/card.props.d.ts.map +1 -1
  283. package/dist/esm/components/card.props.js +1 -1
  284. package/dist/esm/components/chatbar.js +1 -1
  285. package/dist/esm/components/checkbox-cards.d.ts.map +1 -1
  286. package/dist/esm/components/checkbox-cards.js +1 -1
  287. package/dist/esm/components/checkbox-cards.props.d.ts +2 -1
  288. package/dist/esm/components/checkbox-cards.props.d.ts.map +1 -1
  289. package/dist/esm/components/checkbox-cards.props.js +1 -1
  290. package/dist/esm/components/checkbox-group.js +1 -1
  291. package/dist/esm/components/checkbox.js +1 -1
  292. package/dist/esm/components/code.js +1 -1
  293. package/dist/esm/components/combobox.js +1 -1
  294. package/dist/esm/components/container.js +1 -1
  295. package/dist/esm/components/context-menu.js +1 -1
  296. package/dist/esm/components/data-list.js +1 -1
  297. package/dist/esm/components/dialog.d.ts.map +1 -1
  298. package/dist/esm/components/dialog.js +1 -1
  299. package/dist/esm/components/dialog.props.d.ts +1 -2
  300. package/dist/esm/components/dialog.props.d.ts.map +1 -1
  301. package/dist/esm/components/dialog.props.js +1 -1
  302. package/dist/esm/components/dropdown-menu.js +1 -1
  303. package/dist/esm/components/em.js +1 -1
  304. package/dist/esm/components/flex.js +1 -1
  305. package/dist/esm/components/grid.js +1 -1
  306. package/dist/esm/components/heading.js +1 -1
  307. package/dist/esm/components/hover-card.js +1 -1
  308. package/dist/esm/components/hover-card.props.d.ts +1 -1
  309. package/dist/esm/components/hover-card.props.js +1 -1
  310. package/dist/esm/components/icon-button.js +1 -1
  311. package/dist/esm/components/image.js +1 -1
  312. package/dist/esm/components/index.d.ts +0 -1
  313. package/dist/esm/components/index.d.ts.map +1 -1
  314. package/dist/esm/components/index.js +1 -1
  315. package/dist/esm/components/kbd.js +1 -1
  316. package/dist/esm/components/link.js +1 -1
  317. package/dist/esm/components/message-scroller.js +1 -1
  318. package/dist/esm/components/navbar.js +1 -1
  319. package/dist/esm/components/notice.d.ts +2 -2
  320. package/dist/esm/components/notice.d.ts.map +1 -1
  321. package/dist/esm/components/notice.js +1 -1
  322. package/dist/esm/components/popover.js +1 -1
  323. package/dist/esm/components/progress.js +1 -1
  324. package/dist/esm/components/quote.js +1 -1
  325. package/dist/esm/components/radio-cards.d.ts.map +1 -1
  326. package/dist/esm/components/radio-cards.js +1 -1
  327. package/dist/esm/components/radio-cards.props.d.ts +2 -1
  328. package/dist/esm/components/radio-cards.props.d.ts.map +1 -1
  329. package/dist/esm/components/radio-cards.props.js +1 -1
  330. package/dist/esm/components/radio-group.js +1 -1
  331. package/dist/esm/components/radio.js +1 -1
  332. package/dist/esm/components/schemas/index.js +1 -1
  333. package/dist/esm/components/scroll-area.js +1 -1
  334. package/dist/esm/components/section.js +1 -1
  335. package/dist/esm/components/segmented-control.js +1 -1
  336. package/dist/esm/components/select.js +1 -1
  337. package/dist/esm/components/separator.js +1 -1
  338. package/dist/esm/components/sheet.d.ts +2 -2
  339. package/dist/esm/components/sheet.d.ts.map +1 -1
  340. package/dist/esm/components/sheet.js +1 -1
  341. package/dist/esm/components/shell.js +1 -1
  342. package/dist/esm/components/sidebar.js +1 -1
  343. package/dist/esm/components/skeleton.js +1 -1
  344. package/dist/esm/components/slider.js +1 -1
  345. package/dist/esm/components/spinner.js +1 -1
  346. package/dist/esm/components/strong.js +1 -1
  347. package/dist/esm/components/switch.js +1 -1
  348. package/dist/esm/components/tab-nav.js +1 -1
  349. package/dist/esm/components/table.js +1 -1
  350. package/dist/esm/components/tabs.js +1 -1
  351. package/dist/esm/components/text-area.js +1 -1
  352. package/dist/esm/components/text-field.js +1 -1
  353. package/dist/esm/components/text.js +1 -1
  354. package/dist/esm/components/theme-panel.js +1 -1
  355. package/dist/esm/components/toggle-button.js +1 -1
  356. package/dist/esm/components/toggle-icon-button.js +1 -1
  357. package/dist/esm/components/toolbar.js +1 -1
  358. package/dist/esm/components/tooltip.js +1 -1
  359. package/dist/esm/components/virtual-menu.js +1 -1
  360. package/dist/esm/helpers/extract-margin-props.d.ts +7 -7
  361. package/dist/esm/helpers/extract-props.js +1 -1
  362. package/dist/esm/helpers/get-margin-styles.js +1 -1
  363. package/dist/esm/helpers/get-responsive-styles.js +1 -1
  364. package/dist/esm/helpers/index.js +1 -1
  365. package/dist/esm/index.js +1 -1
  366. package/dist/esm/props/index.d.ts +0 -1
  367. package/dist/esm/props/index.d.ts.map +1 -1
  368. package/dist/esm/props/index.js +1 -1
  369. package/dist/esm/props/margin.props.d.ts +7 -7
  370. package/dist/esm/props/margin.props.js +1 -1
  371. package/layout/utilities.css +240 -198
  372. package/layout.css +240 -198
  373. package/package.json +1 -1
  374. package/src/components/_internal/base-card.css +21 -73
  375. package/src/components/_internal/base-dialog.css +18 -12
  376. package/src/components/_internal/base-menu.css +3 -3
  377. package/src/components/accordion.css +3 -3
  378. package/src/components/alert-dialog.css +4 -0
  379. package/src/components/alert-dialog.tsx +3 -1
  380. package/src/components/avatar.css +9 -9
  381. package/src/components/badge.css +3 -3
  382. package/src/components/card.css +11 -2
  383. package/src/components/card.props.tsx +3 -6
  384. package/src/components/card.tsx +7 -9
  385. package/src/components/chatbar.css +6 -6
  386. package/src/components/checkbox-cards.css +4 -48
  387. package/src/components/checkbox-cards.props.tsx +2 -1
  388. package/src/components/checkbox-cards.tsx +9 -3
  389. package/src/components/dialog.css +4 -0
  390. package/src/components/dialog.props.tsx +3 -2
  391. package/src/components/dialog.tsx +3 -1
  392. package/src/components/hover-card.css +10 -10
  393. package/src/components/hover-card.props.tsx +1 -1
  394. package/src/components/index.css +0 -1
  395. package/src/components/index.tsx +0 -1
  396. package/src/components/kbd.css +14 -14
  397. package/src/components/notice.css +21 -11
  398. package/src/components/notice.tsx +4 -4
  399. package/src/components/popover.css +8 -12
  400. package/src/components/radio-cards.css +0 -38
  401. package/src/components/radio-cards.props.tsx +2 -1
  402. package/src/components/radio-cards.tsx +13 -3
  403. package/src/components/scroll-area.css +1 -1
  404. package/src/components/segmented-control.css +4 -4
  405. package/src/components/select.css +6 -6
  406. package/src/components/sheet.css +2 -1
  407. package/src/components/sheet.tsx +6 -10
  408. package/src/components/shell.css +1 -1
  409. package/src/components/sidebar.css +6 -6
  410. package/src/components/table.css +3 -11
  411. package/src/components/text-field.css +4 -4
  412. package/src/components/toolbar.css +4 -4
  413. package/src/props/index.ts +0 -1
  414. package/src/props/margin.props.ts +1 -1
  415. package/src/styles/tokens/radius.css +97 -53
  416. package/src/styles/utilities/margin.css +40 -7
  417. package/src/styles/utilities/padding.css +0 -26
  418. package/styles.css +1135 -1689
  419. package/tokens/base.css +201 -26
  420. package/tokens.css +201 -26
  421. package/utilities.css +240 -198
  422. package/dist/cjs/components/inset.d.ts +0 -12
  423. package/dist/cjs/components/inset.d.ts.map +0 -1
  424. package/dist/cjs/components/inset.js +0 -2
  425. package/dist/cjs/components/inset.js.map +0 -7
  426. package/dist/cjs/components/inset.props.d.ts +0 -71
  427. package/dist/cjs/components/inset.props.d.ts.map +0 -1
  428. package/dist/cjs/components/inset.props.js +0 -2
  429. package/dist/cjs/components/inset.props.js.map +0 -7
  430. package/dist/esm/chunk-2CNQGDY3.js +0 -2
  431. package/dist/esm/chunk-2CNQGDY3.js.map +0 -7
  432. package/dist/esm/chunk-2O3WL25H.js +0 -2
  433. package/dist/esm/chunk-6YWDEANN.js +0 -2
  434. package/dist/esm/chunk-6YWDEANN.js.map +0 -7
  435. package/dist/esm/chunk-6YWJUNMB.js +0 -2
  436. package/dist/esm/chunk-6YWJUNMB.js.map +0 -7
  437. package/dist/esm/chunk-EO7WQYFO.js +0 -2
  438. package/dist/esm/chunk-EO7WQYFO.js.map +0 -7
  439. package/dist/esm/chunk-GHD3TKCA.js +0 -2
  440. package/dist/esm/chunk-GHD3TKCA.js.map +0 -7
  441. package/dist/esm/chunk-GSTOGDAJ.js +0 -2
  442. package/dist/esm/chunk-GSTOGDAJ.js.map +0 -7
  443. package/dist/esm/chunk-GTVFQXLJ.js +0 -2
  444. package/dist/esm/chunk-GTVFQXLJ.js.map +0 -7
  445. package/dist/esm/chunk-IYFDCW7Y.js +0 -2
  446. package/dist/esm/chunk-IYFDCW7Y.js.map +0 -7
  447. package/dist/esm/chunk-JAMLW534.js +0 -2
  448. package/dist/esm/chunk-JAMLW534.js.map +0 -7
  449. package/dist/esm/chunk-MPN33CKR.js +0 -2
  450. package/dist/esm/chunk-MPN33CKR.js.map +0 -7
  451. package/dist/esm/chunk-NFVOEHZS.js +0 -2
  452. package/dist/esm/chunk-NFVOEHZS.js.map +0 -7
  453. package/dist/esm/chunk-QDW5ZG5E.js +0 -1
  454. package/dist/esm/chunk-RJ6SA7AY.js +0 -2
  455. package/dist/esm/chunk-RJ6SA7AY.js.map +0 -7
  456. package/dist/esm/chunk-VJSZG35J.js +0 -2
  457. package/dist/esm/chunk-VJSZG35J.js.map +0 -7
  458. package/dist/esm/chunk-YGPUKJEB.js +0 -2
  459. package/dist/esm/chunk-YGPUKJEB.js.map +0 -7
  460. package/dist/esm/components/inset.d.ts +0 -12
  461. package/dist/esm/components/inset.d.ts.map +0 -1
  462. package/dist/esm/components/inset.js +0 -2
  463. package/dist/esm/components/inset.js.map +0 -7
  464. package/dist/esm/components/inset.props.d.ts +0 -71
  465. package/dist/esm/components/inset.props.d.ts.map +0 -1
  466. package/dist/esm/components/inset.props.js +0 -2
  467. package/dist/esm/components/inset.props.js.map +0 -7
  468. package/src/components/inset.css +0 -111
  469. package/src/components/inset.props.tsx +0 -90
  470. package/src/components/inset.tsx +0 -28
  471. /package/dist/esm/{chunk-KRXCFIRK.js.map → chunk-2XQECQF2.js.map} +0 -0
  472. /package/dist/esm/{chunk-YVMQWSHA.js.map → chunk-32ATKZAP.js.map} +0 -0
  473. /package/dist/esm/{chunk-ZJZIV2JH.js.map → chunk-42LDZ7L5.js.map} +0 -0
  474. /package/dist/esm/{chunk-AMP7O3DM.js.map → chunk-43A5GUSI.js.map} +0 -0
  475. /package/dist/esm/{chunk-MJEYJI5G.js.map → chunk-63ASTOS2.js.map} +0 -0
  476. /package/dist/esm/{chunk-UBSLEGQZ.js.map → chunk-6FLLFCBU.js.map} +0 -0
  477. /package/dist/esm/{chunk-DJFTDR6Y.js.map → chunk-6RZVKCNG.js.map} +0 -0
  478. /package/dist/esm/{chunk-YF3MFME4.js.map → chunk-6XNQ5XD3.js.map} +0 -0
  479. /package/dist/esm/{chunk-JLI7WHV6.js.map → chunk-7FC7HF76.js.map} +0 -0
  480. /package/dist/esm/{chunk-KFQ4B5YC.js.map → chunk-7KIKAEI7.js.map} +0 -0
  481. /package/dist/esm/{chunk-7J2QS2UT.js.map → chunk-7SS6EIE5.js.map} +0 -0
  482. /package/dist/esm/{chunk-ZH2B7WEH.js.map → chunk-7UV4FYYL.js.map} +0 -0
  483. /package/dist/esm/{chunk-TPHNDGSV.js.map → chunk-AI6UQ5VD.js.map} +0 -0
  484. /package/dist/esm/{chunk-4M55YJMR.js.map → chunk-BQS6XXJR.js.map} +0 -0
  485. /package/dist/esm/{chunk-O6K6RZXY.js.map → chunk-BUBV3C6C.js.map} +0 -0
  486. /package/dist/esm/{chunk-AO32NT75.js.map → chunk-CLEH57SW.js.map} +0 -0
  487. /package/dist/esm/{chunk-XHKL4PG7.js.map → chunk-DIR22XIX.js.map} +0 -0
  488. /package/dist/esm/{chunk-TGRRQHLQ.js.map → chunk-DMWLY6ZP.js.map} +0 -0
  489. /package/dist/esm/{chunk-AKPAHQYE.js.map → chunk-E453PYTG.js.map} +0 -0
  490. /package/dist/esm/{chunk-QDW5ZG5E.js.map → chunk-F2UUKVBM.js.map} +0 -0
  491. /package/dist/esm/{chunk-UNRG6Z5I.js.map → chunk-FNRKTMNN.js.map} +0 -0
  492. /package/dist/esm/{chunk-WKMJIWFP.js.map → chunk-FTGD2SZ6.js.map} +0 -0
  493. /package/dist/esm/{chunk-RSJSVJ6A.js.map → chunk-G3U6OHVA.js.map} +0 -0
  494. /package/dist/esm/{chunk-RC7TBVLO.js.map → chunk-G6PO4QKW.js.map} +0 -0
  495. /package/dist/esm/{chunk-EHUSLPWN.js.map → chunk-GIIMBBVM.js.map} +0 -0
  496. /package/dist/esm/{chunk-DSB3TEAQ.js.map → chunk-GLERJXVS.js.map} +0 -0
  497. /package/dist/esm/{chunk-JCRBBT4X.js.map → chunk-GPVPXAUC.js.map} +0 -0
  498. /package/dist/esm/{chunk-XVKFQSLI.js.map → chunk-GYB7PAGB.js.map} +0 -0
  499. /package/dist/esm/{chunk-7FZPCM7W.js.map → chunk-GYNRAVCL.js.map} +0 -0
  500. /package/dist/esm/{chunk-BFLO4IVZ.js.map → chunk-IXNJFV4O.js.map} +0 -0
  501. /package/dist/esm/{chunk-5R2WX2FU.js.map → chunk-JRIBL4WJ.js.map} +0 -0
  502. /package/dist/esm/{chunk-PBFSBHBS.js.map → chunk-JUY7CBSL.js.map} +0 -0
  503. /package/dist/esm/{chunk-V2TPYSZ2.js.map → chunk-JZSXHYUU.js.map} +0 -0
  504. /package/dist/esm/{chunk-GVLTTTFL.js.map → chunk-K6Y2SM5N.js.map} +0 -0
  505. /package/dist/esm/{chunk-CL6LRPCS.js.map → chunk-KDKL3HXD.js.map} +0 -0
  506. /package/dist/esm/{chunk-XHF6RBOE.js.map → chunk-KRPEEM4C.js.map} +0 -0
  507. /package/dist/esm/{chunk-VT4AAF7Q.js.map → chunk-L2IIIELE.js.map} +0 -0
  508. /package/dist/esm/{chunk-BZ6YBP2S.js.map → chunk-MZR6YBE7.js.map} +0 -0
  509. /package/dist/esm/{chunk-K5SC3CZZ.js.map → chunk-N5OSP3PU.js.map} +0 -0
  510. /package/dist/esm/{chunk-IF4PYIUV.js.map → chunk-N77QJUTO.js.map} +0 -0
  511. /package/dist/esm/{chunk-35HNDWWM.js.map → chunk-NETIWKIR.js.map} +0 -0
  512. /package/dist/esm/{chunk-UQZHW3EJ.js.map → chunk-OMYAVTX6.js.map} +0 -0
  513. /package/dist/esm/{chunk-7CBZFHSQ.js.map → chunk-OXYHRNJA.js.map} +0 -0
  514. /package/dist/esm/{chunk-L6M2MI7Y.js.map → chunk-PIMNQEDG.js.map} +0 -0
  515. /package/dist/esm/{chunk-VIDXAECE.js.map → chunk-Q5LPCJXN.js.map} +0 -0
  516. /package/dist/esm/{chunk-2O3WL25H.js.map → chunk-QWLKMVZY.js.map} +0 -0
  517. /package/dist/esm/{chunk-ENSDQ3XQ.js.map → chunk-RUWKVDFT.js.map} +0 -0
  518. /package/dist/esm/{chunk-CHPZ3LNC.js.map → chunk-RVM4LGAU.js.map} +0 -0
  519. /package/dist/esm/{chunk-IWT3Q2PD.js.map → chunk-TLWCU336.js.map} +0 -0
  520. /package/dist/esm/{chunk-MQDZBF4J.js.map → chunk-TQIR5LLY.js.map} +0 -0
  521. /package/dist/esm/{chunk-QAUYOVVL.js.map → chunk-UFJJTUOU.js.map} +0 -0
  522. /package/dist/esm/{chunk-F3XBIUXB.js.map → chunk-UUHTK35B.js.map} +0 -0
  523. /package/dist/esm/{chunk-DFSW4QR4.js.map → chunk-UUV5UNYL.js.map} +0 -0
  524. /package/dist/esm/{chunk-BN24ZBO7.js.map → chunk-UUWGAQDT.js.map} +0 -0
  525. /package/dist/esm/{chunk-GQBQHGEF.js.map → chunk-UZQO4APP.js.map} +0 -0
  526. /package/dist/esm/{chunk-ZFBLPW3X.js.map → chunk-VLQ2LX5M.js.map} +0 -0
  527. /package/dist/esm/{chunk-4DE3ONED.js.map → chunk-VTTJFBV6.js.map} +0 -0
  528. /package/dist/esm/{chunk-PAQS6C2A.js.map → chunk-WDDO73O5.js.map} +0 -0
  529. /package/dist/esm/{chunk-CRK34MWY.js.map → chunk-X3D3JR64.js.map} +0 -0
  530. /package/dist/esm/{chunk-3OABA7AF.js.map → chunk-X7HFFVFD.js.map} +0 -0
  531. /package/dist/esm/{chunk-KPPIW4OJ.js.map → chunk-XTE22CXV.js.map} +0 -0
  532. /package/dist/esm/{chunk-5VBJT2VY.js.map → chunk-YS5BZRRK.js.map} +0 -0
  533. /package/dist/esm/{chunk-EA2XSEFH.js.map → chunk-YVHRWMSZ.js.map} +0 -0
  534. /package/dist/esm/{chunk-U7PDXTRX.js.map → chunk-ZIKJ2WZN.js.map} +0 -0
  535. /package/dist/esm/{chunk-35KS5AQE.js.map → chunk-ZMOBKT4T.js.map} +0 -0
package/tokens/base.css CHANGED
@@ -1345,6 +1345,7 @@
1345
1345
  --gray-track: var(--slate-track);
1346
1346
  }
1347
1347
  [data-radius] {
1348
+ --radius-0: 0px;
1348
1349
  --radius-1: calc(6px * var(--scale) * var(--radius-factor));
1349
1350
  --radius-2: calc(8px * var(--scale) * var(--radius-factor));
1350
1351
  --radius-3: calc(10px * var(--scale) * var(--radius-factor));
@@ -1355,32 +1356,18 @@
1355
1356
  --radius-8: calc(28px * var(--scale) * var(--radius-factor));
1356
1357
  --radius-9: calc(32px * var(--scale) * var(--radius-factor));
1357
1358
  --radius-10: calc(40px * var(--scale) * var(--radius-factor));
1358
- --radius-11: calc(48px * var(--scale) * var(--radius-factor));
1359
- --radius-12: calc(56px * var(--scale) * var(--radius-factor));
1360
- --radius-pill-1: max(var(--radius-1), var(--radius-full));
1361
- --radius-pill-2: max(var(--radius-2), var(--radius-full));
1362
- --radius-pill-3: max(var(--radius-3), var(--radius-full));
1363
- --radius-pill-4: max(var(--radius-4), var(--radius-full));
1364
- --radius-pill-5: max(var(--radius-5), var(--radius-full));
1365
- --radius-pill-6: max(var(--radius-6), var(--radius-full));
1366
- --radius-pill-7: max(var(--radius-7), var(--radius-full));
1367
- --radius-pill-8: max(var(--radius-8), var(--radius-full));
1368
- --radius-pill-9: max(var(--radius-9), var(--radius-full));
1369
- --radius-pill-10: max(var(--radius-10), var(--radius-full));
1370
- --radius-pill-11: max(var(--radius-11), var(--radius-full));
1371
- --radius-pill-12: max(var(--radius-12), var(--radius-full));
1372
- --radius-surface-1: calc(6px * var(--scale) * var(--radius-surface-factor));
1373
- --radius-surface-2: calc(8px * var(--scale) * var(--radius-surface-factor));
1374
- --radius-surface-3: calc(10px * var(--scale) * var(--radius-surface-factor));
1375
- --radius-surface-4: calc(12px * var(--scale) * var(--radius-surface-factor));
1376
- --radius-surface-5: calc(16px * var(--scale) * var(--radius-surface-factor));
1377
- --radius-surface-6: calc(20px * var(--scale) * var(--radius-surface-factor));
1378
- --radius-surface-7: calc(24px * var(--scale) * var(--radius-surface-factor));
1379
- --radius-surface-8: calc(28px * var(--scale) * var(--radius-surface-factor));
1380
- --radius-surface-9: calc(32px * var(--scale) * var(--radius-surface-factor));
1381
- --radius-surface-10: calc(40px * var(--scale) * var(--radius-surface-factor));
1382
- --radius-surface-11: calc(48px * var(--scale) * var(--radius-surface-factor));
1383
- --radius-surface-12: calc(56px * var(--scale) * var(--radius-surface-factor));
1359
+ --radius-control-1: var(--radius-1);
1360
+ --radius-control-2: var(--radius-2);
1361
+ --radius-control-3: var(--radius-3);
1362
+ --radius-control-4: var(--radius-4);
1363
+ --radius-surface-1: calc(10px * var(--scale) * var(--radius-surface-factor));
1364
+ --radius-surface-2: calc(16px * var(--scale) * var(--radius-surface-factor));
1365
+ --radius-surface-3: calc(22px * var(--scale) * var(--radius-surface-factor));
1366
+ --radius-surface-4: calc(28px * var(--scale) * var(--radius-surface-factor));
1367
+ --radius-overlay-1: calc(14px * var(--scale) * var(--radius-surface-factor));
1368
+ --radius-overlay-2: calc(20px * var(--scale) * var(--radius-surface-factor));
1369
+ --radius-overlay-3: calc(24px * var(--scale) * var(--radius-surface-factor));
1370
+ --radius-overlay-4: calc(28px * var(--scale) * var(--radius-surface-factor));
1384
1371
  }
1385
1372
  [data-radius='none'] {
1386
1373
  --radius-factor: 0;
@@ -1406,6 +1393,194 @@
1406
1393
  --radius-factor: 2;
1407
1394
  --radius-surface-factor: 1;
1408
1395
  --radius-full: 9999px;
1396
+ --radius-control-1: calc(var(--control-height-1) / 2);
1397
+ --radius-control-2: calc(var(--control-height-2) / 2);
1398
+ --radius-control-3: calc(var(--control-height-3) / 2);
1399
+ --radius-control-4: calc(var(--control-height-4) / 2);
1400
+ }
1401
+ .rt-SurfaceNest:where(.rt-r-size-1) {
1402
+ --kui-sf-radius: var(--radius-surface-1);
1403
+ --kui-sf-p: var(--surface-p-1);
1404
+ }
1405
+ .rt-SurfaceNest:where(.rt-r-size-1) > * {
1406
+ --kui-nest: max(0px, calc(var(--radius-surface-1) - var(--surface-p-1)));
1407
+ }
1408
+ .rt-SurfaceNest:where(.rt-r-size-2) {
1409
+ --kui-sf-radius: var(--radius-surface-2);
1410
+ --kui-sf-p: var(--surface-p-2);
1411
+ }
1412
+ .rt-SurfaceNest:where(.rt-r-size-2) > * {
1413
+ --kui-nest: max(0px, calc(var(--radius-surface-2) - var(--surface-p-2)));
1414
+ }
1415
+ .rt-SurfaceNest:where(.rt-r-size-3) {
1416
+ --kui-sf-radius: var(--radius-surface-3);
1417
+ --kui-sf-p: var(--surface-p-3);
1418
+ }
1419
+ .rt-SurfaceNest:where(.rt-r-size-3) > * {
1420
+ --kui-nest: max(0px, calc(var(--radius-surface-3) - var(--surface-p-3)));
1421
+ }
1422
+ .rt-SurfaceNest:where(.rt-r-size-4) {
1423
+ --kui-sf-radius: var(--radius-surface-4);
1424
+ --kui-sf-p: var(--surface-p-4);
1425
+ }
1426
+ .rt-SurfaceNest:where(.rt-r-size-4) > * {
1427
+ --kui-nest: max(0px, calc(var(--radius-surface-4) - var(--surface-p-4)));
1428
+ }
1429
+ @media (min-width: 520px) {
1430
+ .rt-SurfaceNest:where(.xs\:rt-r-size-1) {
1431
+ --kui-sf-radius: var(--radius-surface-1);
1432
+ --kui-sf-p: var(--surface-p-1);
1433
+ }
1434
+ .rt-SurfaceNest:where(.xs\:rt-r-size-1) > * {
1435
+ --kui-nest: max(0px, calc(var(--radius-surface-1) - var(--surface-p-1)));
1436
+ }
1437
+ .rt-SurfaceNest:where(.xs\:rt-r-size-2) {
1438
+ --kui-sf-radius: var(--radius-surface-2);
1439
+ --kui-sf-p: var(--surface-p-2);
1440
+ }
1441
+ .rt-SurfaceNest:where(.xs\:rt-r-size-2) > * {
1442
+ --kui-nest: max(0px, calc(var(--radius-surface-2) - var(--surface-p-2)));
1443
+ }
1444
+ .rt-SurfaceNest:where(.xs\:rt-r-size-3) {
1445
+ --kui-sf-radius: var(--radius-surface-3);
1446
+ --kui-sf-p: var(--surface-p-3);
1447
+ }
1448
+ .rt-SurfaceNest:where(.xs\:rt-r-size-3) > * {
1449
+ --kui-nest: max(0px, calc(var(--radius-surface-3) - var(--surface-p-3)));
1450
+ }
1451
+ .rt-SurfaceNest:where(.xs\:rt-r-size-4) {
1452
+ --kui-sf-radius: var(--radius-surface-4);
1453
+ --kui-sf-p: var(--surface-p-4);
1454
+ }
1455
+ .rt-SurfaceNest:where(.xs\:rt-r-size-4) > * {
1456
+ --kui-nest: max(0px, calc(var(--radius-surface-4) - var(--surface-p-4)));
1457
+ }
1458
+ }
1459
+ @media (min-width: 768px) {
1460
+ .rt-SurfaceNest:where(.sm\:rt-r-size-1) {
1461
+ --kui-sf-radius: var(--radius-surface-1);
1462
+ --kui-sf-p: var(--surface-p-1);
1463
+ }
1464
+ .rt-SurfaceNest:where(.sm\:rt-r-size-1) > * {
1465
+ --kui-nest: max(0px, calc(var(--radius-surface-1) - var(--surface-p-1)));
1466
+ }
1467
+ .rt-SurfaceNest:where(.sm\:rt-r-size-2) {
1468
+ --kui-sf-radius: var(--radius-surface-2);
1469
+ --kui-sf-p: var(--surface-p-2);
1470
+ }
1471
+ .rt-SurfaceNest:where(.sm\:rt-r-size-2) > * {
1472
+ --kui-nest: max(0px, calc(var(--radius-surface-2) - var(--surface-p-2)));
1473
+ }
1474
+ .rt-SurfaceNest:where(.sm\:rt-r-size-3) {
1475
+ --kui-sf-radius: var(--radius-surface-3);
1476
+ --kui-sf-p: var(--surface-p-3);
1477
+ }
1478
+ .rt-SurfaceNest:where(.sm\:rt-r-size-3) > * {
1479
+ --kui-nest: max(0px, calc(var(--radius-surface-3) - var(--surface-p-3)));
1480
+ }
1481
+ .rt-SurfaceNest:where(.sm\:rt-r-size-4) {
1482
+ --kui-sf-radius: var(--radius-surface-4);
1483
+ --kui-sf-p: var(--surface-p-4);
1484
+ }
1485
+ .rt-SurfaceNest:where(.sm\:rt-r-size-4) > * {
1486
+ --kui-nest: max(0px, calc(var(--radius-surface-4) - var(--surface-p-4)));
1487
+ }
1488
+ }
1489
+ @media (min-width: 1024px) {
1490
+ .rt-SurfaceNest:where(.md\:rt-r-size-1) {
1491
+ --kui-sf-radius: var(--radius-surface-1);
1492
+ --kui-sf-p: var(--surface-p-1);
1493
+ }
1494
+ .rt-SurfaceNest:where(.md\:rt-r-size-1) > * {
1495
+ --kui-nest: max(0px, calc(var(--radius-surface-1) - var(--surface-p-1)));
1496
+ }
1497
+ .rt-SurfaceNest:where(.md\:rt-r-size-2) {
1498
+ --kui-sf-radius: var(--radius-surface-2);
1499
+ --kui-sf-p: var(--surface-p-2);
1500
+ }
1501
+ .rt-SurfaceNest:where(.md\:rt-r-size-2) > * {
1502
+ --kui-nest: max(0px, calc(var(--radius-surface-2) - var(--surface-p-2)));
1503
+ }
1504
+ .rt-SurfaceNest:where(.md\:rt-r-size-3) {
1505
+ --kui-sf-radius: var(--radius-surface-3);
1506
+ --kui-sf-p: var(--surface-p-3);
1507
+ }
1508
+ .rt-SurfaceNest:where(.md\:rt-r-size-3) > * {
1509
+ --kui-nest: max(0px, calc(var(--radius-surface-3) - var(--surface-p-3)));
1510
+ }
1511
+ .rt-SurfaceNest:where(.md\:rt-r-size-4) {
1512
+ --kui-sf-radius: var(--radius-surface-4);
1513
+ --kui-sf-p: var(--surface-p-4);
1514
+ }
1515
+ .rt-SurfaceNest:where(.md\:rt-r-size-4) > * {
1516
+ --kui-nest: max(0px, calc(var(--radius-surface-4) - var(--surface-p-4)));
1517
+ }
1518
+ }
1519
+ @media (min-width: 1280px) {
1520
+ .rt-SurfaceNest:where(.lg\:rt-r-size-1) {
1521
+ --kui-sf-radius: var(--radius-surface-1);
1522
+ --kui-sf-p: var(--surface-p-1);
1523
+ }
1524
+ .rt-SurfaceNest:where(.lg\:rt-r-size-1) > * {
1525
+ --kui-nest: max(0px, calc(var(--radius-surface-1) - var(--surface-p-1)));
1526
+ }
1527
+ .rt-SurfaceNest:where(.lg\:rt-r-size-2) {
1528
+ --kui-sf-radius: var(--radius-surface-2);
1529
+ --kui-sf-p: var(--surface-p-2);
1530
+ }
1531
+ .rt-SurfaceNest:where(.lg\:rt-r-size-2) > * {
1532
+ --kui-nest: max(0px, calc(var(--radius-surface-2) - var(--surface-p-2)));
1533
+ }
1534
+ .rt-SurfaceNest:where(.lg\:rt-r-size-3) {
1535
+ --kui-sf-radius: var(--radius-surface-3);
1536
+ --kui-sf-p: var(--surface-p-3);
1537
+ }
1538
+ .rt-SurfaceNest:where(.lg\:rt-r-size-3) > * {
1539
+ --kui-nest: max(0px, calc(var(--radius-surface-3) - var(--surface-p-3)));
1540
+ }
1541
+ .rt-SurfaceNest:where(.lg\:rt-r-size-4) {
1542
+ --kui-sf-radius: var(--radius-surface-4);
1543
+ --kui-sf-p: var(--surface-p-4);
1544
+ }
1545
+ .rt-SurfaceNest:where(.lg\:rt-r-size-4) > * {
1546
+ --kui-nest: max(0px, calc(var(--radius-surface-4) - var(--surface-p-4)));
1547
+ }
1548
+ }
1549
+ @media (min-width: 1640px) {
1550
+ .rt-SurfaceNest:where(.xl\:rt-r-size-1) {
1551
+ --kui-sf-radius: var(--radius-surface-1);
1552
+ --kui-sf-p: var(--surface-p-1);
1553
+ }
1554
+ .rt-SurfaceNest:where(.xl\:rt-r-size-1) > * {
1555
+ --kui-nest: max(0px, calc(var(--radius-surface-1) - var(--surface-p-1)));
1556
+ }
1557
+ .rt-SurfaceNest:where(.xl\:rt-r-size-2) {
1558
+ --kui-sf-radius: var(--radius-surface-2);
1559
+ --kui-sf-p: var(--surface-p-2);
1560
+ }
1561
+ .rt-SurfaceNest:where(.xl\:rt-r-size-2) > * {
1562
+ --kui-nest: max(0px, calc(var(--radius-surface-2) - var(--surface-p-2)));
1563
+ }
1564
+ .rt-SurfaceNest:where(.xl\:rt-r-size-3) {
1565
+ --kui-sf-radius: var(--radius-surface-3);
1566
+ --kui-sf-p: var(--surface-p-3);
1567
+ }
1568
+ .rt-SurfaceNest:where(.xl\:rt-r-size-3) > * {
1569
+ --kui-nest: max(0px, calc(var(--radius-surface-3) - var(--surface-p-3)));
1570
+ }
1571
+ .rt-SurfaceNest:where(.xl\:rt-r-size-4) {
1572
+ --kui-sf-radius: var(--radius-surface-4);
1573
+ --kui-sf-p: var(--surface-p-4);
1574
+ }
1575
+ .rt-SurfaceNest:where(.xl\:rt-r-size-4) > * {
1576
+ --kui-nest: max(0px, calc(var(--radius-surface-4) - var(--surface-p-4)));
1577
+ }
1578
+ }
1579
+ .rt-SurfaceNest {
1580
+ --kui-sf-r: var(--kui-sf-radius, var(--radius-surface-2));
1581
+ }
1582
+ :where(.rt-SurfaceNest) .rt-SurfaceNest {
1583
+ --kui-sf-r: min(var(--kui-nest, var(--kui-sf-radius, var(--radius-surface-2))), var(--kui-sf-radius, var(--radius-surface-2)));
1409
1584
  }
1410
1585
  @supports (color: color-mix(in oklab, white, black)) {
1411
1586
  :where(.radix-themes) {
package/tokens.css CHANGED
@@ -4691,6 +4691,7 @@
4691
4691
  --gray-track: var(--slate-track);
4692
4692
  }
4693
4693
  [data-radius] {
4694
+ --radius-0: 0px;
4694
4695
  --radius-1: calc(6px * var(--scale) * var(--radius-factor));
4695
4696
  --radius-2: calc(8px * var(--scale) * var(--radius-factor));
4696
4697
  --radius-3: calc(10px * var(--scale) * var(--radius-factor));
@@ -4701,32 +4702,18 @@
4701
4702
  --radius-8: calc(28px * var(--scale) * var(--radius-factor));
4702
4703
  --radius-9: calc(32px * var(--scale) * var(--radius-factor));
4703
4704
  --radius-10: calc(40px * var(--scale) * var(--radius-factor));
4704
- --radius-11: calc(48px * var(--scale) * var(--radius-factor));
4705
- --radius-12: calc(56px * var(--scale) * var(--radius-factor));
4706
- --radius-pill-1: max(var(--radius-1), var(--radius-full));
4707
- --radius-pill-2: max(var(--radius-2), var(--radius-full));
4708
- --radius-pill-3: max(var(--radius-3), var(--radius-full));
4709
- --radius-pill-4: max(var(--radius-4), var(--radius-full));
4710
- --radius-pill-5: max(var(--radius-5), var(--radius-full));
4711
- --radius-pill-6: max(var(--radius-6), var(--radius-full));
4712
- --radius-pill-7: max(var(--radius-7), var(--radius-full));
4713
- --radius-pill-8: max(var(--radius-8), var(--radius-full));
4714
- --radius-pill-9: max(var(--radius-9), var(--radius-full));
4715
- --radius-pill-10: max(var(--radius-10), var(--radius-full));
4716
- --radius-pill-11: max(var(--radius-11), var(--radius-full));
4717
- --radius-pill-12: max(var(--radius-12), var(--radius-full));
4718
- --radius-surface-1: calc(6px * var(--scale) * var(--radius-surface-factor));
4719
- --radius-surface-2: calc(8px * var(--scale) * var(--radius-surface-factor));
4720
- --radius-surface-3: calc(10px * var(--scale) * var(--radius-surface-factor));
4721
- --radius-surface-4: calc(12px * var(--scale) * var(--radius-surface-factor));
4722
- --radius-surface-5: calc(16px * var(--scale) * var(--radius-surface-factor));
4723
- --radius-surface-6: calc(20px * var(--scale) * var(--radius-surface-factor));
4724
- --radius-surface-7: calc(24px * var(--scale) * var(--radius-surface-factor));
4725
- --radius-surface-8: calc(28px * var(--scale) * var(--radius-surface-factor));
4726
- --radius-surface-9: calc(32px * var(--scale) * var(--radius-surface-factor));
4727
- --radius-surface-10: calc(40px * var(--scale) * var(--radius-surface-factor));
4728
- --radius-surface-11: calc(48px * var(--scale) * var(--radius-surface-factor));
4729
- --radius-surface-12: calc(56px * var(--scale) * var(--radius-surface-factor));
4705
+ --radius-control-1: var(--radius-1);
4706
+ --radius-control-2: var(--radius-2);
4707
+ --radius-control-3: var(--radius-3);
4708
+ --radius-control-4: var(--radius-4);
4709
+ --radius-surface-1: calc(10px * var(--scale) * var(--radius-surface-factor));
4710
+ --radius-surface-2: calc(16px * var(--scale) * var(--radius-surface-factor));
4711
+ --radius-surface-3: calc(22px * var(--scale) * var(--radius-surface-factor));
4712
+ --radius-surface-4: calc(28px * var(--scale) * var(--radius-surface-factor));
4713
+ --radius-overlay-1: calc(14px * var(--scale) * var(--radius-surface-factor));
4714
+ --radius-overlay-2: calc(20px * var(--scale) * var(--radius-surface-factor));
4715
+ --radius-overlay-3: calc(24px * var(--scale) * var(--radius-surface-factor));
4716
+ --radius-overlay-4: calc(28px * var(--scale) * var(--radius-surface-factor));
4730
4717
  }
4731
4718
  [data-radius='none'] {
4732
4719
  --radius-factor: 0;
@@ -4752,6 +4739,194 @@
4752
4739
  --radius-factor: 2;
4753
4740
  --radius-surface-factor: 1;
4754
4741
  --radius-full: 9999px;
4742
+ --radius-control-1: calc(var(--control-height-1) / 2);
4743
+ --radius-control-2: calc(var(--control-height-2) / 2);
4744
+ --radius-control-3: calc(var(--control-height-3) / 2);
4745
+ --radius-control-4: calc(var(--control-height-4) / 2);
4746
+ }
4747
+ .rt-SurfaceNest:where(.rt-r-size-1) {
4748
+ --kui-sf-radius: var(--radius-surface-1);
4749
+ --kui-sf-p: var(--surface-p-1);
4750
+ }
4751
+ .rt-SurfaceNest:where(.rt-r-size-1) > * {
4752
+ --kui-nest: max(0px, calc(var(--radius-surface-1) - var(--surface-p-1)));
4753
+ }
4754
+ .rt-SurfaceNest:where(.rt-r-size-2) {
4755
+ --kui-sf-radius: var(--radius-surface-2);
4756
+ --kui-sf-p: var(--surface-p-2);
4757
+ }
4758
+ .rt-SurfaceNest:where(.rt-r-size-2) > * {
4759
+ --kui-nest: max(0px, calc(var(--radius-surface-2) - var(--surface-p-2)));
4760
+ }
4761
+ .rt-SurfaceNest:where(.rt-r-size-3) {
4762
+ --kui-sf-radius: var(--radius-surface-3);
4763
+ --kui-sf-p: var(--surface-p-3);
4764
+ }
4765
+ .rt-SurfaceNest:where(.rt-r-size-3) > * {
4766
+ --kui-nest: max(0px, calc(var(--radius-surface-3) - var(--surface-p-3)));
4767
+ }
4768
+ .rt-SurfaceNest:where(.rt-r-size-4) {
4769
+ --kui-sf-radius: var(--radius-surface-4);
4770
+ --kui-sf-p: var(--surface-p-4);
4771
+ }
4772
+ .rt-SurfaceNest:where(.rt-r-size-4) > * {
4773
+ --kui-nest: max(0px, calc(var(--radius-surface-4) - var(--surface-p-4)));
4774
+ }
4775
+ @media (min-width: 520px) {
4776
+ .rt-SurfaceNest:where(.xs\:rt-r-size-1) {
4777
+ --kui-sf-radius: var(--radius-surface-1);
4778
+ --kui-sf-p: var(--surface-p-1);
4779
+ }
4780
+ .rt-SurfaceNest:where(.xs\:rt-r-size-1) > * {
4781
+ --kui-nest: max(0px, calc(var(--radius-surface-1) - var(--surface-p-1)));
4782
+ }
4783
+ .rt-SurfaceNest:where(.xs\:rt-r-size-2) {
4784
+ --kui-sf-radius: var(--radius-surface-2);
4785
+ --kui-sf-p: var(--surface-p-2);
4786
+ }
4787
+ .rt-SurfaceNest:where(.xs\:rt-r-size-2) > * {
4788
+ --kui-nest: max(0px, calc(var(--radius-surface-2) - var(--surface-p-2)));
4789
+ }
4790
+ .rt-SurfaceNest:where(.xs\:rt-r-size-3) {
4791
+ --kui-sf-radius: var(--radius-surface-3);
4792
+ --kui-sf-p: var(--surface-p-3);
4793
+ }
4794
+ .rt-SurfaceNest:where(.xs\:rt-r-size-3) > * {
4795
+ --kui-nest: max(0px, calc(var(--radius-surface-3) - var(--surface-p-3)));
4796
+ }
4797
+ .rt-SurfaceNest:where(.xs\:rt-r-size-4) {
4798
+ --kui-sf-radius: var(--radius-surface-4);
4799
+ --kui-sf-p: var(--surface-p-4);
4800
+ }
4801
+ .rt-SurfaceNest:where(.xs\:rt-r-size-4) > * {
4802
+ --kui-nest: max(0px, calc(var(--radius-surface-4) - var(--surface-p-4)));
4803
+ }
4804
+ }
4805
+ @media (min-width: 768px) {
4806
+ .rt-SurfaceNest:where(.sm\:rt-r-size-1) {
4807
+ --kui-sf-radius: var(--radius-surface-1);
4808
+ --kui-sf-p: var(--surface-p-1);
4809
+ }
4810
+ .rt-SurfaceNest:where(.sm\:rt-r-size-1) > * {
4811
+ --kui-nest: max(0px, calc(var(--radius-surface-1) - var(--surface-p-1)));
4812
+ }
4813
+ .rt-SurfaceNest:where(.sm\:rt-r-size-2) {
4814
+ --kui-sf-radius: var(--radius-surface-2);
4815
+ --kui-sf-p: var(--surface-p-2);
4816
+ }
4817
+ .rt-SurfaceNest:where(.sm\:rt-r-size-2) > * {
4818
+ --kui-nest: max(0px, calc(var(--radius-surface-2) - var(--surface-p-2)));
4819
+ }
4820
+ .rt-SurfaceNest:where(.sm\:rt-r-size-3) {
4821
+ --kui-sf-radius: var(--radius-surface-3);
4822
+ --kui-sf-p: var(--surface-p-3);
4823
+ }
4824
+ .rt-SurfaceNest:where(.sm\:rt-r-size-3) > * {
4825
+ --kui-nest: max(0px, calc(var(--radius-surface-3) - var(--surface-p-3)));
4826
+ }
4827
+ .rt-SurfaceNest:where(.sm\:rt-r-size-4) {
4828
+ --kui-sf-radius: var(--radius-surface-4);
4829
+ --kui-sf-p: var(--surface-p-4);
4830
+ }
4831
+ .rt-SurfaceNest:where(.sm\:rt-r-size-4) > * {
4832
+ --kui-nest: max(0px, calc(var(--radius-surface-4) - var(--surface-p-4)));
4833
+ }
4834
+ }
4835
+ @media (min-width: 1024px) {
4836
+ .rt-SurfaceNest:where(.md\:rt-r-size-1) {
4837
+ --kui-sf-radius: var(--radius-surface-1);
4838
+ --kui-sf-p: var(--surface-p-1);
4839
+ }
4840
+ .rt-SurfaceNest:where(.md\:rt-r-size-1) > * {
4841
+ --kui-nest: max(0px, calc(var(--radius-surface-1) - var(--surface-p-1)));
4842
+ }
4843
+ .rt-SurfaceNest:where(.md\:rt-r-size-2) {
4844
+ --kui-sf-radius: var(--radius-surface-2);
4845
+ --kui-sf-p: var(--surface-p-2);
4846
+ }
4847
+ .rt-SurfaceNest:where(.md\:rt-r-size-2) > * {
4848
+ --kui-nest: max(0px, calc(var(--radius-surface-2) - var(--surface-p-2)));
4849
+ }
4850
+ .rt-SurfaceNest:where(.md\:rt-r-size-3) {
4851
+ --kui-sf-radius: var(--radius-surface-3);
4852
+ --kui-sf-p: var(--surface-p-3);
4853
+ }
4854
+ .rt-SurfaceNest:where(.md\:rt-r-size-3) > * {
4855
+ --kui-nest: max(0px, calc(var(--radius-surface-3) - var(--surface-p-3)));
4856
+ }
4857
+ .rt-SurfaceNest:where(.md\:rt-r-size-4) {
4858
+ --kui-sf-radius: var(--radius-surface-4);
4859
+ --kui-sf-p: var(--surface-p-4);
4860
+ }
4861
+ .rt-SurfaceNest:where(.md\:rt-r-size-4) > * {
4862
+ --kui-nest: max(0px, calc(var(--radius-surface-4) - var(--surface-p-4)));
4863
+ }
4864
+ }
4865
+ @media (min-width: 1280px) {
4866
+ .rt-SurfaceNest:where(.lg\:rt-r-size-1) {
4867
+ --kui-sf-radius: var(--radius-surface-1);
4868
+ --kui-sf-p: var(--surface-p-1);
4869
+ }
4870
+ .rt-SurfaceNest:where(.lg\:rt-r-size-1) > * {
4871
+ --kui-nest: max(0px, calc(var(--radius-surface-1) - var(--surface-p-1)));
4872
+ }
4873
+ .rt-SurfaceNest:where(.lg\:rt-r-size-2) {
4874
+ --kui-sf-radius: var(--radius-surface-2);
4875
+ --kui-sf-p: var(--surface-p-2);
4876
+ }
4877
+ .rt-SurfaceNest:where(.lg\:rt-r-size-2) > * {
4878
+ --kui-nest: max(0px, calc(var(--radius-surface-2) - var(--surface-p-2)));
4879
+ }
4880
+ .rt-SurfaceNest:where(.lg\:rt-r-size-3) {
4881
+ --kui-sf-radius: var(--radius-surface-3);
4882
+ --kui-sf-p: var(--surface-p-3);
4883
+ }
4884
+ .rt-SurfaceNest:where(.lg\:rt-r-size-3) > * {
4885
+ --kui-nest: max(0px, calc(var(--radius-surface-3) - var(--surface-p-3)));
4886
+ }
4887
+ .rt-SurfaceNest:where(.lg\:rt-r-size-4) {
4888
+ --kui-sf-radius: var(--radius-surface-4);
4889
+ --kui-sf-p: var(--surface-p-4);
4890
+ }
4891
+ .rt-SurfaceNest:where(.lg\:rt-r-size-4) > * {
4892
+ --kui-nest: max(0px, calc(var(--radius-surface-4) - var(--surface-p-4)));
4893
+ }
4894
+ }
4895
+ @media (min-width: 1640px) {
4896
+ .rt-SurfaceNest:where(.xl\:rt-r-size-1) {
4897
+ --kui-sf-radius: var(--radius-surface-1);
4898
+ --kui-sf-p: var(--surface-p-1);
4899
+ }
4900
+ .rt-SurfaceNest:where(.xl\:rt-r-size-1) > * {
4901
+ --kui-nest: max(0px, calc(var(--radius-surface-1) - var(--surface-p-1)));
4902
+ }
4903
+ .rt-SurfaceNest:where(.xl\:rt-r-size-2) {
4904
+ --kui-sf-radius: var(--radius-surface-2);
4905
+ --kui-sf-p: var(--surface-p-2);
4906
+ }
4907
+ .rt-SurfaceNest:where(.xl\:rt-r-size-2) > * {
4908
+ --kui-nest: max(0px, calc(var(--radius-surface-2) - var(--surface-p-2)));
4909
+ }
4910
+ .rt-SurfaceNest:where(.xl\:rt-r-size-3) {
4911
+ --kui-sf-radius: var(--radius-surface-3);
4912
+ --kui-sf-p: var(--surface-p-3);
4913
+ }
4914
+ .rt-SurfaceNest:where(.xl\:rt-r-size-3) > * {
4915
+ --kui-nest: max(0px, calc(var(--radius-surface-3) - var(--surface-p-3)));
4916
+ }
4917
+ .rt-SurfaceNest:where(.xl\:rt-r-size-4) {
4918
+ --kui-sf-radius: var(--radius-surface-4);
4919
+ --kui-sf-p: var(--surface-p-4);
4920
+ }
4921
+ .rt-SurfaceNest:where(.xl\:rt-r-size-4) > * {
4922
+ --kui-nest: max(0px, calc(var(--radius-surface-4) - var(--surface-p-4)));
4923
+ }
4924
+ }
4925
+ .rt-SurfaceNest {
4926
+ --kui-sf-r: var(--kui-sf-radius, var(--radius-surface-2));
4927
+ }
4928
+ :where(.rt-SurfaceNest) .rt-SurfaceNest {
4929
+ --kui-sf-r: min(var(--kui-nest, var(--kui-sf-radius, var(--radius-surface-2))), var(--kui-sf-radius, var(--radius-surface-2)));
4755
4930
  }
4756
4931
  @supports (color: color-mix(in oklab, white, black)) {
4757
4932
  :where(.radix-themes) {