@womp/kookie-ui 0.14.0 → 0.14.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 (272) hide show
  1. package/components.css +185 -71
  2. package/dist/cjs/components/_internal/pane-chrome.d.ts +47 -0
  3. package/dist/cjs/components/_internal/pane-chrome.d.ts.map +1 -0
  4. package/dist/cjs/components/_internal/pane-chrome.js +2 -0
  5. package/dist/cjs/components/_internal/pane-chrome.js.map +7 -0
  6. package/dist/cjs/components/_internal/shell-sidebar.d.ts +2 -1
  7. package/dist/cjs/components/_internal/shell-sidebar.d.ts.map +1 -1
  8. package/dist/cjs/components/_internal/shell-sidebar.js +1 -1
  9. package/dist/cjs/components/_internal/shell-sidebar.js.map +4 -4
  10. package/dist/cjs/components/index.js +5 -5
  11. package/dist/cjs/components/index.js.map +4 -4
  12. package/dist/cjs/components/shell.d.ts +5 -1
  13. package/dist/cjs/components/shell.d.ts.map +1 -1
  14. package/dist/cjs/components/shell.js +1 -1
  15. package/dist/cjs/components/shell.js.map +4 -4
  16. package/dist/cjs/components/sidebar.d.ts +4 -0
  17. package/dist/cjs/components/sidebar.d.ts.map +1 -1
  18. package/dist/cjs/components/sidebar.js +1 -1
  19. package/dist/cjs/components/sidebar.js.map +4 -4
  20. package/dist/cjs/components/sidebar.props.d.ts +1 -0
  21. package/dist/cjs/components/sidebar.props.d.ts.map +1 -1
  22. package/dist/cjs/components/sidebar.props.js.map +2 -2
  23. package/dist/cjs/index.js +7 -7
  24. package/dist/cjs/index.js.map +4 -4
  25. package/dist/esm/{chunk-GSBKR7G3.js → chunk-3DEZMXFF.js} +2 -2
  26. package/dist/esm/{chunk-NSFH3PJ4.js → chunk-3HGHPAH4.js} +2 -2
  27. package/dist/esm/{chunk-NFBZUINB.js → chunk-3M73GWN5.js} +2 -2
  28. package/dist/esm/{chunk-EKYRZ54E.js → chunk-3Q3EOUGJ.js} +2 -2
  29. package/dist/esm/{chunk-4ME6O27S.js → chunk-3UZHKW6I.js} +2 -2
  30. package/dist/esm/{chunk-B2MGVXYL.js → chunk-45AMHIBO.js} +2 -2
  31. package/dist/esm/{chunk-BUV4ZVEQ.js → chunk-4BPRLR6C.js} +2 -2
  32. package/dist/esm/{chunk-3QCRDSYU.js → chunk-4D5LR4H6.js} +2 -2
  33. package/dist/esm/{chunk-77NDG5HJ.js → chunk-4JNHUPIM.js} +2 -2
  34. package/dist/esm/{chunk-4WSSOS2W.js → chunk-4WLDX7WZ.js} +2 -2
  35. package/dist/esm/{chunk-53IGKC4E.js → chunk-5JS7ADWX.js} +2 -2
  36. package/dist/esm/{chunk-AGNIFHOE.js → chunk-62CJL5G7.js} +2 -2
  37. package/dist/esm/{chunk-GRZ77YNL.js → chunk-7B6CIVAF.js} +2 -2
  38. package/dist/esm/{chunk-NTVCOEJE.js → chunk-BKES3M4Y.js} +2 -2
  39. package/dist/esm/{chunk-DWB4PFIW.js → chunk-BOFVKXUV.js} +2 -2
  40. package/dist/esm/{chunk-VX6ARMWP.js → chunk-C7UXUTUF.js} +2 -2
  41. package/dist/esm/{chunk-GQDDJK4N.js → chunk-CIKDGYX3.js} +2 -2
  42. package/dist/esm/{chunk-MNEUC27U.js → chunk-CL6P54QT.js} +2 -2
  43. package/dist/esm/{chunk-LWIIIPSF.js → chunk-DJA5MCJA.js} +2 -2
  44. package/dist/esm/{chunk-4YFJWXL2.js → chunk-EUSMN3K7.js} +2 -2
  45. package/dist/esm/{chunk-AYAKS3DT.js → chunk-GLKN32J3.js} +2 -2
  46. package/dist/esm/{chunk-COWZAUZR.js → chunk-GONBMSRL.js} +2 -2
  47. package/dist/esm/{chunk-FKFCOVSW.js → chunk-H7LHGT44.js} +2 -2
  48. package/dist/esm/{chunk-QUM2TSRR.js → chunk-HFVD7W6R.js} +2 -2
  49. package/dist/esm/{chunk-P7FYIMYU.js → chunk-HIBX2EXV.js} +2 -2
  50. package/dist/esm/{chunk-NLJIXW5S.js → chunk-HJLBVNQE.js} +2 -2
  51. package/dist/esm/{chunk-5ADGYTG5.js → chunk-HNO4X33C.js} +2 -2
  52. package/dist/esm/{chunk-KFLQI2CP.js → chunk-IHRLGR6J.js} +2 -2
  53. package/dist/esm/{chunk-QC2UOUUI.js → chunk-IPHKKZYE.js} +2 -2
  54. package/dist/esm/{chunk-FLO6QCGB.js → chunk-IQU6EELI.js} +3 -3
  55. package/dist/esm/{chunk-LBJEAC2S.js → chunk-IV4YJRVR.js} +2 -2
  56. package/dist/esm/{chunk-S5C5YRBS.js → chunk-IVBKTHDM.js} +2 -2
  57. package/dist/esm/{chunk-3QJED5UA.js → chunk-IY3GKGDZ.js} +2 -2
  58. package/dist/esm/{chunk-V7BPRUNP.js → chunk-JXVUTFQN.js} +2 -2
  59. package/dist/esm/{chunk-HSLP2HVS.js → chunk-K7BWSYVP.js} +2 -2
  60. package/dist/esm/{chunk-QUAPA57G.js → chunk-KJC32RWT.js} +1 -1
  61. package/dist/esm/{chunk-QUAPA57G.js.map → chunk-KJC32RWT.js.map} +2 -2
  62. package/dist/esm/{chunk-YS74SW5S.js → chunk-KJTEZVOF.js} +2 -2
  63. package/dist/esm/{chunk-OGXZHAQL.js → chunk-KXSMY4ZF.js} +2 -2
  64. package/dist/esm/{chunk-4QHJ7P3D.js → chunk-LJXP6K5Y.js} +2 -2
  65. package/dist/esm/{chunk-CSKZZOI2.js → chunk-N6Q3L64W.js} +2 -2
  66. package/dist/esm/{chunk-64GJCQFX.js → chunk-O2WPAUQN.js} +2 -2
  67. package/dist/esm/{chunk-27YQS6MM.js → chunk-OB3MHLQL.js} +2 -2
  68. package/dist/esm/chunk-OJSDBLP7.js +2 -0
  69. package/dist/esm/chunk-OJSDBLP7.js.map +7 -0
  70. package/dist/esm/chunk-OUSDYZDE.js +2 -0
  71. package/dist/esm/chunk-OUSDYZDE.js.map +7 -0
  72. package/dist/esm/{chunk-HF5WY5YE.js → chunk-PAEHH3WS.js} +2 -2
  73. package/dist/esm/{chunk-FHOCUZDR.js → chunk-PXUQEA77.js} +2 -2
  74. package/dist/esm/{chunk-GZG35274.js → chunk-R2MQMCND.js} +2 -2
  75. package/dist/esm/{chunk-JW3FRP5N.js → chunk-RAVFUI7W.js} +2 -2
  76. package/dist/esm/{chunk-DKRNQAU6.js → chunk-ROGC7K5N.js} +2 -2
  77. package/dist/esm/{chunk-NMXERIOL.js → chunk-RUOOCYK4.js} +2 -2
  78. package/dist/esm/{chunk-36A5BYCN.js → chunk-RUPET4E7.js} +2 -2
  79. package/dist/esm/chunk-RWN22S44.js +2 -0
  80. package/dist/esm/{chunk-LVPWM7CC.js → chunk-S3GZZXQ7.js} +2 -2
  81. package/dist/esm/{chunk-3IUDPNGP.js → chunk-SGUTNJUO.js} +2 -2
  82. package/dist/esm/{chunk-AVV55MFY.js → chunk-SIBSXKFF.js} +2 -2
  83. package/dist/esm/{chunk-QYU2HSGF.js → chunk-SQ4BU4GH.js} +2 -2
  84. package/dist/esm/chunk-SQZ5O7QS.js +2 -0
  85. package/dist/esm/chunk-SQZ5O7QS.js.map +7 -0
  86. package/dist/esm/{chunk-DSSF6SEA.js → chunk-SURYYF7I.js} +2 -2
  87. package/dist/esm/{chunk-DJJ6UGT2.js → chunk-TZ5MZQUB.js} +2 -2
  88. package/dist/esm/{chunk-4TBUUGR4.js → chunk-UE2OBZIS.js} +2 -2
  89. package/dist/esm/{chunk-WCQ2VRQU.js → chunk-UK3BFTI2.js} +2 -2
  90. package/dist/esm/chunk-UTHTSYSL.js +2 -0
  91. package/dist/esm/chunk-UTHTSYSL.js.map +7 -0
  92. package/dist/esm/{chunk-QINRF3V2.js → chunk-V3QVAXH3.js} +2 -2
  93. package/dist/esm/{chunk-AFOJ6OL3.js → chunk-VBAXORVV.js} +2 -2
  94. package/dist/esm/{chunk-IHK3H2OM.js → chunk-VUKTURU4.js} +2 -2
  95. package/dist/esm/{chunk-3O7A3XQ7.js → chunk-VV67KTKA.js} +2 -2
  96. package/dist/esm/{chunk-3LMC3CZW.js → chunk-WXBTPEFO.js} +2 -2
  97. package/dist/esm/{chunk-ADDXOZRI.js → chunk-YBS2IB7Z.js} +2 -2
  98. package/dist/esm/{chunk-7IFCYZHG.js → chunk-YDPCJO5G.js} +2 -2
  99. package/dist/esm/{chunk-EH7LNNGU.js → chunk-YLLCCUC7.js} +2 -2
  100. package/dist/esm/{chunk-E7ZXB36J.js → chunk-ZE2GWHPY.js} +2 -2
  101. package/dist/esm/{chunk-YAQBIO2B.js → chunk-ZQVYY7UT.js} +2 -2
  102. package/dist/esm/components/_internal/base-button.js +1 -1
  103. package/dist/esm/components/_internal/base-menu.utils.js +1 -1
  104. package/dist/esm/components/_internal/menu-context.js +1 -1
  105. package/dist/esm/components/_internal/pane-chrome.d.ts +47 -0
  106. package/dist/esm/components/_internal/pane-chrome.d.ts.map +1 -0
  107. package/dist/esm/components/_internal/pane-chrome.js +2 -0
  108. package/dist/esm/components/_internal/pane-chrome.js.map +7 -0
  109. package/dist/esm/components/_internal/shell-bottom.js +1 -1
  110. package/dist/esm/components/_internal/shell-inspector.js +1 -1
  111. package/dist/esm/components/_internal/shell-sidebar.d.ts +2 -1
  112. package/dist/esm/components/_internal/shell-sidebar.d.ts.map +1 -1
  113. package/dist/esm/components/_internal/shell-sidebar.js +1 -1
  114. package/dist/esm/components/alert-dialog.js +1 -1
  115. package/dist/esm/components/app-bar.js +1 -1
  116. package/dist/esm/components/avatar.js +1 -1
  117. package/dist/esm/components/badge.js +1 -1
  118. package/dist/esm/components/blockquote.js +1 -1
  119. package/dist/esm/components/blockquote.props.js +1 -1
  120. package/dist/esm/components/box.js +1 -1
  121. package/dist/esm/components/button.js +1 -1
  122. package/dist/esm/components/callout.js +1 -1
  123. package/dist/esm/components/card.js +1 -1
  124. package/dist/esm/components/chatbar.js +1 -1
  125. package/dist/esm/components/checkbox-cards.js +1 -1
  126. package/dist/esm/components/checkbox-group.js +1 -1
  127. package/dist/esm/components/checkbox.js +1 -1
  128. package/dist/esm/components/code.js +1 -1
  129. package/dist/esm/components/code.props.js +1 -1
  130. package/dist/esm/components/combobox.js +1 -1
  131. package/dist/esm/components/container.js +1 -1
  132. package/dist/esm/components/context-menu.js +1 -1
  133. package/dist/esm/components/data-list.js +1 -1
  134. package/dist/esm/components/dialog.js +1 -1
  135. package/dist/esm/components/dropdown-menu.js +1 -1
  136. package/dist/esm/components/flex.js +1 -1
  137. package/dist/esm/components/grid.js +1 -1
  138. package/dist/esm/components/heading.js +1 -1
  139. package/dist/esm/components/heading.props.js +1 -1
  140. package/dist/esm/components/icon-button.js +1 -1
  141. package/dist/esm/components/image.js +1 -1
  142. package/dist/esm/components/index.js +1 -1
  143. package/dist/esm/components/inset.js +1 -1
  144. package/dist/esm/components/kbd.js +1 -1
  145. package/dist/esm/components/link.js +1 -1
  146. package/dist/esm/components/message-scroller.js +1 -1
  147. package/dist/esm/components/navbar.js +1 -1
  148. package/dist/esm/components/notice.js +1 -1
  149. package/dist/esm/components/progress.js +1 -1
  150. package/dist/esm/components/radio-cards.js +1 -1
  151. package/dist/esm/components/radio-group.js +1 -1
  152. package/dist/esm/components/radio.js +1 -1
  153. package/dist/esm/components/schemas/index.js +1 -1
  154. package/dist/esm/components/scroll-area.js +1 -1
  155. package/dist/esm/components/section.js +1 -1
  156. package/dist/esm/components/segmented-control.js +1 -1
  157. package/dist/esm/components/select.js +1 -1
  158. package/dist/esm/components/separator.js +1 -1
  159. package/dist/esm/components/sheet.js +1 -1
  160. package/dist/esm/components/shell.d.ts +5 -1
  161. package/dist/esm/components/shell.d.ts.map +1 -1
  162. package/dist/esm/components/shell.js +1 -1
  163. package/dist/esm/components/sidebar.d.ts +4 -0
  164. package/dist/esm/components/sidebar.d.ts.map +1 -1
  165. package/dist/esm/components/sidebar.js +1 -1
  166. package/dist/esm/components/sidebar.props.d.ts +1 -0
  167. package/dist/esm/components/sidebar.props.d.ts.map +1 -1
  168. package/dist/esm/components/sidebar.props.js +1 -1
  169. package/dist/esm/components/skeleton.js +1 -1
  170. package/dist/esm/components/slider.js +1 -1
  171. package/dist/esm/components/spinner.js +1 -1
  172. package/dist/esm/components/switch.js +1 -1
  173. package/dist/esm/components/tab-nav.js +1 -1
  174. package/dist/esm/components/table.js +1 -1
  175. package/dist/esm/components/tabs.js +1 -1
  176. package/dist/esm/components/text-area.js +1 -1
  177. package/dist/esm/components/text-field.js +1 -1
  178. package/dist/esm/components/text.js +1 -1
  179. package/dist/esm/components/text.props.js +1 -1
  180. package/dist/esm/components/theme-panel.js +1 -1
  181. package/dist/esm/components/toggle-button.js +1 -1
  182. package/dist/esm/components/toggle-icon-button.js +1 -1
  183. package/dist/esm/components/toolbar.js +1 -1
  184. package/dist/esm/components/tooltip.js +1 -1
  185. package/dist/esm/components/user-card.js +1 -1
  186. package/dist/esm/components/virtual-menu.js +1 -1
  187. package/dist/esm/helpers/index.js +1 -1
  188. package/dist/esm/index.js +1 -1
  189. package/dist/esm/props/index.js +1 -1
  190. package/package.json +1 -1
  191. package/src/components/_internal/pane-chrome.tsx +90 -0
  192. package/src/components/_internal/shell-sidebar.tsx +13 -2
  193. package/src/components/shell.css +6 -0
  194. package/src/components/shell.tsx +24 -3
  195. package/src/components/sidebar.css +185 -62
  196. package/src/components/sidebar.props.tsx +1 -0
  197. package/src/components/sidebar.tsx +19 -13
  198. package/styles.css +185 -71
  199. package/dist/esm/chunk-F4VC2WAU.js +0 -2
  200. package/dist/esm/chunk-F4VC2WAU.js.map +0 -7
  201. package/dist/esm/chunk-MJOXEUBT.js +0 -2
  202. package/dist/esm/chunk-MJOXEUBT.js.map +0 -7
  203. package/dist/esm/chunk-ROSWI2CL.js +0 -2
  204. package/dist/esm/chunk-ROSWI2CL.js.map +0 -7
  205. package/dist/esm/chunk-UYKEBIUD.js +0 -2
  206. /package/dist/esm/{chunk-GSBKR7G3.js.map → chunk-3DEZMXFF.js.map} +0 -0
  207. /package/dist/esm/{chunk-NSFH3PJ4.js.map → chunk-3HGHPAH4.js.map} +0 -0
  208. /package/dist/esm/{chunk-NFBZUINB.js.map → chunk-3M73GWN5.js.map} +0 -0
  209. /package/dist/esm/{chunk-EKYRZ54E.js.map → chunk-3Q3EOUGJ.js.map} +0 -0
  210. /package/dist/esm/{chunk-4ME6O27S.js.map → chunk-3UZHKW6I.js.map} +0 -0
  211. /package/dist/esm/{chunk-B2MGVXYL.js.map → chunk-45AMHIBO.js.map} +0 -0
  212. /package/dist/esm/{chunk-BUV4ZVEQ.js.map → chunk-4BPRLR6C.js.map} +0 -0
  213. /package/dist/esm/{chunk-3QCRDSYU.js.map → chunk-4D5LR4H6.js.map} +0 -0
  214. /package/dist/esm/{chunk-77NDG5HJ.js.map → chunk-4JNHUPIM.js.map} +0 -0
  215. /package/dist/esm/{chunk-4WSSOS2W.js.map → chunk-4WLDX7WZ.js.map} +0 -0
  216. /package/dist/esm/{chunk-53IGKC4E.js.map → chunk-5JS7ADWX.js.map} +0 -0
  217. /package/dist/esm/{chunk-AGNIFHOE.js.map → chunk-62CJL5G7.js.map} +0 -0
  218. /package/dist/esm/{chunk-GRZ77YNL.js.map → chunk-7B6CIVAF.js.map} +0 -0
  219. /package/dist/esm/{chunk-NTVCOEJE.js.map → chunk-BKES3M4Y.js.map} +0 -0
  220. /package/dist/esm/{chunk-DWB4PFIW.js.map → chunk-BOFVKXUV.js.map} +0 -0
  221. /package/dist/esm/{chunk-VX6ARMWP.js.map → chunk-C7UXUTUF.js.map} +0 -0
  222. /package/dist/esm/{chunk-GQDDJK4N.js.map → chunk-CIKDGYX3.js.map} +0 -0
  223. /package/dist/esm/{chunk-MNEUC27U.js.map → chunk-CL6P54QT.js.map} +0 -0
  224. /package/dist/esm/{chunk-LWIIIPSF.js.map → chunk-DJA5MCJA.js.map} +0 -0
  225. /package/dist/esm/{chunk-4YFJWXL2.js.map → chunk-EUSMN3K7.js.map} +0 -0
  226. /package/dist/esm/{chunk-AYAKS3DT.js.map → chunk-GLKN32J3.js.map} +0 -0
  227. /package/dist/esm/{chunk-COWZAUZR.js.map → chunk-GONBMSRL.js.map} +0 -0
  228. /package/dist/esm/{chunk-FKFCOVSW.js.map → chunk-H7LHGT44.js.map} +0 -0
  229. /package/dist/esm/{chunk-QUM2TSRR.js.map → chunk-HFVD7W6R.js.map} +0 -0
  230. /package/dist/esm/{chunk-P7FYIMYU.js.map → chunk-HIBX2EXV.js.map} +0 -0
  231. /package/dist/esm/{chunk-NLJIXW5S.js.map → chunk-HJLBVNQE.js.map} +0 -0
  232. /package/dist/esm/{chunk-5ADGYTG5.js.map → chunk-HNO4X33C.js.map} +0 -0
  233. /package/dist/esm/{chunk-KFLQI2CP.js.map → chunk-IHRLGR6J.js.map} +0 -0
  234. /package/dist/esm/{chunk-QC2UOUUI.js.map → chunk-IPHKKZYE.js.map} +0 -0
  235. /package/dist/esm/{chunk-FLO6QCGB.js.map → chunk-IQU6EELI.js.map} +0 -0
  236. /package/dist/esm/{chunk-LBJEAC2S.js.map → chunk-IV4YJRVR.js.map} +0 -0
  237. /package/dist/esm/{chunk-S5C5YRBS.js.map → chunk-IVBKTHDM.js.map} +0 -0
  238. /package/dist/esm/{chunk-3QJED5UA.js.map → chunk-IY3GKGDZ.js.map} +0 -0
  239. /package/dist/esm/{chunk-V7BPRUNP.js.map → chunk-JXVUTFQN.js.map} +0 -0
  240. /package/dist/esm/{chunk-HSLP2HVS.js.map → chunk-K7BWSYVP.js.map} +0 -0
  241. /package/dist/esm/{chunk-YS74SW5S.js.map → chunk-KJTEZVOF.js.map} +0 -0
  242. /package/dist/esm/{chunk-OGXZHAQL.js.map → chunk-KXSMY4ZF.js.map} +0 -0
  243. /package/dist/esm/{chunk-4QHJ7P3D.js.map → chunk-LJXP6K5Y.js.map} +0 -0
  244. /package/dist/esm/{chunk-CSKZZOI2.js.map → chunk-N6Q3L64W.js.map} +0 -0
  245. /package/dist/esm/{chunk-64GJCQFX.js.map → chunk-O2WPAUQN.js.map} +0 -0
  246. /package/dist/esm/{chunk-27YQS6MM.js.map → chunk-OB3MHLQL.js.map} +0 -0
  247. /package/dist/esm/{chunk-HF5WY5YE.js.map → chunk-PAEHH3WS.js.map} +0 -0
  248. /package/dist/esm/{chunk-FHOCUZDR.js.map → chunk-PXUQEA77.js.map} +0 -0
  249. /package/dist/esm/{chunk-GZG35274.js.map → chunk-R2MQMCND.js.map} +0 -0
  250. /package/dist/esm/{chunk-JW3FRP5N.js.map → chunk-RAVFUI7W.js.map} +0 -0
  251. /package/dist/esm/{chunk-DKRNQAU6.js.map → chunk-ROGC7K5N.js.map} +0 -0
  252. /package/dist/esm/{chunk-NMXERIOL.js.map → chunk-RUOOCYK4.js.map} +0 -0
  253. /package/dist/esm/{chunk-36A5BYCN.js.map → chunk-RUPET4E7.js.map} +0 -0
  254. /package/dist/esm/{chunk-UYKEBIUD.js.map → chunk-RWN22S44.js.map} +0 -0
  255. /package/dist/esm/{chunk-LVPWM7CC.js.map → chunk-S3GZZXQ7.js.map} +0 -0
  256. /package/dist/esm/{chunk-3IUDPNGP.js.map → chunk-SGUTNJUO.js.map} +0 -0
  257. /package/dist/esm/{chunk-AVV55MFY.js.map → chunk-SIBSXKFF.js.map} +0 -0
  258. /package/dist/esm/{chunk-QYU2HSGF.js.map → chunk-SQ4BU4GH.js.map} +0 -0
  259. /package/dist/esm/{chunk-DSSF6SEA.js.map → chunk-SURYYF7I.js.map} +0 -0
  260. /package/dist/esm/{chunk-DJJ6UGT2.js.map → chunk-TZ5MZQUB.js.map} +0 -0
  261. /package/dist/esm/{chunk-4TBUUGR4.js.map → chunk-UE2OBZIS.js.map} +0 -0
  262. /package/dist/esm/{chunk-WCQ2VRQU.js.map → chunk-UK3BFTI2.js.map} +0 -0
  263. /package/dist/esm/{chunk-QINRF3V2.js.map → chunk-V3QVAXH3.js.map} +0 -0
  264. /package/dist/esm/{chunk-AFOJ6OL3.js.map → chunk-VBAXORVV.js.map} +0 -0
  265. /package/dist/esm/{chunk-IHK3H2OM.js.map → chunk-VUKTURU4.js.map} +0 -0
  266. /package/dist/esm/{chunk-3O7A3XQ7.js.map → chunk-VV67KTKA.js.map} +0 -0
  267. /package/dist/esm/{chunk-3LMC3CZW.js.map → chunk-WXBTPEFO.js.map} +0 -0
  268. /package/dist/esm/{chunk-ADDXOZRI.js.map → chunk-YBS2IB7Z.js.map} +0 -0
  269. /package/dist/esm/{chunk-7IFCYZHG.js.map → chunk-YDPCJO5G.js.map} +0 -0
  270. /package/dist/esm/{chunk-EH7LNNGU.js.map → chunk-YLLCCUC7.js.map} +0 -0
  271. /package/dist/esm/{chunk-E7ZXB36J.js.map → chunk-ZE2GWHPY.js.map} +0 -0
  272. /package/dist/esm/{chunk-YAQBIO2B.js.map → chunk-ZQVYY7UT.js.map} +0 -0
package/styles.css CHANGED
@@ -22169,13 +22169,16 @@
22169
22169
  margin-top: 1px;
22170
22170
  margin-bottom: 1px;
22171
22171
  }
22172
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent) {
22172
+ :where(.rt-ShellRailContent .rt-ShellPaneChrome) {
22173
+ --sidebar-base-padding: var(--space-2) !important;
22174
+ }
22175
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter))) {
22173
22176
  padding: var(--space-2);
22174
22177
  }
22175
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuViewport) {
22178
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-BaseMenuViewport) {
22176
22179
  padding: var(--space-2) !important;
22177
22180
  }
22178
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
22181
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter))) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
22179
22182
  -webkit-box-pack: center !important;
22180
22183
  -ms-flex-pack: center !important;
22181
22184
  justify-content: center !important;
@@ -22197,7 +22200,7 @@
22197
22200
  margin-top: 1px;
22198
22201
  margin-bottom: 1px;
22199
22202
  }
22200
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
22203
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-1)) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
22201
22204
  padding-top: var(--space-1) !important;
22202
22205
  padding-bottom: var(--space-1) !important;
22203
22206
  -webkit-box-pack: center;
@@ -22220,7 +22223,7 @@
22220
22223
  max-width: 100%;
22221
22224
  min-width: 0;
22222
22225
  }
22223
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
22226
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-2)) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
22224
22227
  padding-top: var(--space-1) !important;
22225
22228
  padding-bottom: var(--space-1) !important;
22226
22229
  -webkit-box-pack: center;
@@ -22243,7 +22246,7 @@
22243
22246
  max-width: 100%;
22244
22247
  min-width: 0;
22245
22248
  }
22246
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
22249
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-3)) :where(.rt-SidebarMenuButton, .rt-SidebarMenuSubTrigger) {
22247
22250
  padding-top: var(--space-2) !important;
22248
22251
  padding-bottom: var(--space-2) !important;
22249
22252
  -webkit-box-pack: center;
@@ -22266,52 +22269,52 @@
22266
22269
  max-width: 100%;
22267
22270
  min-width: 0;
22268
22271
  }
22269
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1) {
22272
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-1)) {
22270
22273
  --base-menu-item-padding-left: var(--space-1) !important;
22271
22274
  --base-menu-item-padding-right: var(--space-1) !important;
22272
22275
  --base-menu-item-padding-y: var(--space-2) !important;
22273
22276
  }
22274
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
22277
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-1)):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
22275
22278
  --base-menu-item-padding-left: var(--space-1) !important;
22276
22279
  }
22277
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
22280
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-1)):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
22278
22281
  --base-menu-item-padding-left: var(--space-1) !important;
22279
22282
  }
22280
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1) :where(.rt-SidebarMenuButton,.rt-SidebarMenuSubTrigger) :where(svg) {
22283
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-1)) :where(.rt-SidebarMenuButton,.rt-SidebarMenuSubTrigger) :where(svg) {
22281
22284
  width: var(--content-icon-size-3);
22282
22285
  height: var(--content-icon-size-3);
22283
22286
  }
22284
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2) {
22287
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-2)) {
22285
22288
  --base-menu-item-padding-left: var(--space-1) !important;
22286
22289
  --base-menu-item-padding-right: var(--space-1) !important;
22287
22290
  --base-menu-item-padding-y: var(--space-2) !important;
22288
22291
  }
22289
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
22292
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-2)):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
22290
22293
  --base-menu-item-padding-left: var(--space-1) !important;
22291
22294
  }
22292
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
22295
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-2)):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
22293
22296
  --base-menu-item-padding-left: var(--space-1) !important;
22294
22297
  }
22295
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2) :where(.rt-SidebarMenuButton,.rt-SidebarMenuSubTrigger) :where(svg) {
22298
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-2)) :where(.rt-SidebarMenuButton,.rt-SidebarMenuSubTrigger) :where(svg) {
22296
22299
  width: var(--content-icon-size-4);
22297
22300
  height: var(--content-icon-size-4);
22298
22301
  }
22299
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3) {
22302
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-3)) {
22300
22303
  --base-menu-item-padding-left: var(--space-1) !important;
22301
22304
  --base-menu-item-padding-right: var(--space-1) !important;
22302
22305
  --base-menu-item-padding-y: var(--space-2) !important;
22303
22306
  }
22304
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
22307
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-3)):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
22305
22308
  --base-menu-item-padding-left: var(--space-1) !important;
22306
22309
  }
22307
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
22310
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-3)):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
22308
22311
  --base-menu-item-padding-left: var(--space-1) !important;
22309
22312
  }
22310
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3) :where(.rt-SidebarMenuButton,.rt-SidebarMenuSubTrigger) :where(svg) {
22313
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3,.rt-ShellRailContent :is(.rt-SidebarContent,.rt-ShellPaneHeader,.rt-ShellPaneFooter).rt-r-size-3)) :where(.rt-SidebarMenuButton,.rt-SidebarMenuSubTrigger) :where(svg) {
22311
22314
  width: var(--content-icon-size-5);
22312
22315
  height: var(--content-icon-size-5);
22313
22316
  }
22314
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton > *) {
22317
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton > *) {
22315
22318
  display: -webkit-box;
22316
22319
  display: -ms-flexbox;
22317
22320
  display: flex;
@@ -22328,7 +22331,7 @@
22328
22331
  width: 100%;
22329
22332
  min-width: 0;
22330
22333
  }
22331
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubTrigger > *) {
22334
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubTrigger > *) {
22332
22335
  display: -webkit-box;
22333
22336
  display: -ms-flexbox;
22334
22337
  display: flex;
@@ -22342,11 +22345,11 @@
22342
22345
  width: 100%;
22343
22346
  min-width: 0;
22344
22347
  }
22345
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton > * > svg) {
22348
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton > * > svg) {
22346
22349
  -ms-flex-negative: 0;
22347
22350
  flex-shrink: 0;
22348
22351
  }
22349
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubContent .rt-SidebarMenuButton > *) {
22352
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubContent .rt-SidebarMenuButton > *) {
22350
22353
  display: -webkit-box;
22351
22354
  display: -ms-flexbox;
22352
22355
  display: flex;
@@ -22363,10 +22366,10 @@
22363
22366
  width: 100%;
22364
22367
  min-width: 0;
22365
22368
  }
22366
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton) :where(svg) {
22369
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton) :where(svg) {
22367
22370
  display: block;
22368
22371
  }
22369
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuIconWrapper) {
22372
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuIconWrapper) {
22370
22373
  display: -webkit-box;
22371
22374
  display: -ms-flexbox;
22372
22375
  display: flex;
@@ -22382,19 +22385,19 @@
22382
22385
  -webkit-transition: background-color var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
22383
22386
  transition: background-color var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
22384
22387
  }
22385
- .rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1 .rt-SidebarMenuIconWrapper {
22388
+ :is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-1, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-1) .rt-SidebarMenuIconWrapper {
22386
22389
  padding: var(--space-2) var(--space-2);
22387
22390
  border-radius: var(--radius-pill-1);
22388
22391
  }
22389
- .rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2 .rt-SidebarMenuIconWrapper {
22392
+ :is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-2, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-2) .rt-SidebarMenuIconWrapper {
22390
22393
  padding: var(--space-2);
22391
22394
  border-radius: var(--radius-pill-2);
22392
22395
  }
22393
- .rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3 .rt-SidebarMenuIconWrapper {
22396
+ :is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-r-size-3, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-3) .rt-SidebarMenuIconWrapper {
22394
22397
  padding: var(--space-3);
22395
22398
  border-radius: var(--radius-pill-3);
22396
22399
  }
22397
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton .rt-SidebarMenuLabel) {
22400
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton .rt-SidebarMenuLabel) {
22398
22401
  display: block;
22399
22402
  max-width: 100%;
22400
22403
  min-width: 0;
@@ -22406,77 +22409,77 @@
22406
22409
  font-size: var(--font-size-0);
22407
22410
  line-height: var(--line-height-0);
22408
22411
  }
22409
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active] .rt-SidebarMenuLabel) {
22412
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton[data-active] .rt-SidebarMenuLabel) {
22410
22413
  color: var(--accent-ink);
22411
22414
  font-weight: var(--font-weight-medium);
22412
22415
  }
22413
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuLabel) {
22416
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuLabel) {
22414
22417
  color: var(--accent-ink);
22415
22418
  }
22416
22419
  @media (hover: hover) {
22417
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuLabel) {
22420
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuLabel) {
22418
22421
  color: var(--accent-ink);
22419
22422
  }
22420
22423
  }
22421
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled])), :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton[data-active]) {
22424
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled])), :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton[data-active]) {
22422
22425
  background-color: transparent !important;
22423
22426
  }
22424
22427
  @media (hover: hover) {
22425
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuButton:where(:hover):not([data-disabled])) {
22428
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuButton:where(:hover):not([data-disabled])) {
22426
22429
  background-color: transparent !important;
22427
22430
  }
22428
22431
  }
22429
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22432
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-soft .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22430
22433
  background-color: var(--accent-4);
22431
22434
  }
22432
22435
  @media (hover: hover) {
22433
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22436
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-soft .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22434
22437
  background-color: var(--accent-4);
22435
22438
  }
22436
22439
  }
22437
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
22440
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-soft .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
22438
22441
  background-color: var(--accent-3);
22439
22442
  }
22440
- :where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22443
+ :where([data-panel-background='translucent']) :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-soft .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22441
22444
  background-color: var(--accent-a4);
22442
22445
  }
22443
22446
  @media (hover: hover) {
22444
- :where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22447
+ :where([data-panel-background='translucent']) :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-soft .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22445
22448
  background-color: var(--accent-a4);
22446
22449
  }
22447
22450
  }
22448
- :where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-soft .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
22451
+ :where([data-panel-background='translucent']) :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-soft .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
22449
22452
  background-color: var(--accent-a3);
22450
22453
  }
22451
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22454
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-solid .rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22452
22455
  background-color: var(--accent-solid);
22453
22456
  color: var(--accent-solid-contrast);
22454
22457
  }
22455
22458
  @media (hover: hover) {
22456
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22459
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-solid .rt-SidebarMenuButton:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
22457
22460
  background-color: var(--accent-solid);
22458
22461
  color: var(--accent-solid-contrast);
22459
22462
  }
22460
22463
  }
22461
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent.rt-menu-variant-solid .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
22464
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarContent, .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter)).rt-menu-variant-solid .rt-SidebarMenuButton[data-active] .rt-SidebarMenuIconWrapper) {
22462
22465
  background-color: var(--accent-solid);
22463
22466
  color: var(--accent-solid-contrast);
22464
22467
  }
22465
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuBadge),
22466
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuShortcut),
22467
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-Badge),
22468
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-Kbd) {
22468
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuBadge),
22469
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuShortcut),
22470
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-Badge),
22471
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-Kbd) {
22469
22472
  display: none !important;
22470
22473
  }
22471
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarGroupLabel) {
22474
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarGroupLabel) {
22472
22475
  display: none !important;
22473
22476
  }
22474
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubTriggerIcon),
22475
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuSubTriggerIcon) {
22477
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubTriggerIcon),
22478
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-BaseMenuSubTriggerIcon) {
22476
22479
  display: none !important;
22477
22480
  }
22478
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubList),
22479
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuSubList) {
22481
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubList),
22482
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-BaseMenuSubList) {
22480
22483
  padding-left: 0 !important;
22481
22484
  margin-left: 0 !important;
22482
22485
  border-left: 0 !important;
@@ -22485,12 +22488,12 @@
22485
22488
  margin-top: 0 !important;
22486
22489
  margin-bottom: 0 !important;
22487
22490
  }
22488
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubList::before),
22489
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-BaseMenuSubList::before) {
22491
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubList::before),
22492
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-BaseMenuSubList::before) {
22490
22493
  content: none !important;
22491
22494
  display: none !important;
22492
22495
  }
22493
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubContent) {
22496
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubContent) {
22494
22497
  padding-left: 0 !important;
22495
22498
  margin-left: 0 !important;
22496
22499
  border-left: 0 !important;
@@ -22499,7 +22502,7 @@
22499
22502
  margin-top: var(--space-2) !important;
22500
22503
  margin-bottom: var(--space-2) !important;
22501
22504
  }
22502
- :where(.rt-SidebarContainer[data-presentation='thin'] .rt-SidebarMenuSubContent .rt-SidebarMenuButton) {
22505
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent) .rt-SidebarMenuSubContent .rt-SidebarMenuButton) {
22503
22506
  white-space: nowrap;
22504
22507
  overflow: hidden;
22505
22508
  text-overflow: ellipsis;
@@ -22766,6 +22769,12 @@
22766
22769
  .rt-SidebarContainer:where(.rt-r-size-2,.rt-r-size-3) {
22767
22770
  --sidebar-base-padding: var(--space-4);
22768
22771
  }
22772
+ .rt-ShellPaneChrome:where(.rt-r-size-1) {
22773
+ --sidebar-base-padding: var(--space-2);
22774
+ }
22775
+ .rt-ShellPaneChrome:where(.rt-r-size-2,.rt-r-size-3) {
22776
+ --sidebar-base-padding: var(--space-3);
22777
+ }
22769
22778
  .rt-SidebarHeader:where(.rt-r-size-1),
22770
22779
  .rt-SidebarFooter:where(.rt-r-size-1) {
22771
22780
  --base-menu-content-padding: var(--space-2);
@@ -22860,6 +22869,12 @@
22860
22869
  .rt-SidebarContainer:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3) {
22861
22870
  --sidebar-base-padding: var(--space-4);
22862
22871
  }
22872
+ .rt-ShellPaneChrome:where(.xs\:rt-r-size-1) {
22873
+ --sidebar-base-padding: var(--space-2);
22874
+ }
22875
+ .rt-ShellPaneChrome:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3) {
22876
+ --sidebar-base-padding: var(--space-3);
22877
+ }
22863
22878
  .rt-SidebarHeader:where(.xs\:rt-r-size-1),
22864
22879
  .rt-SidebarFooter:where(.xs\:rt-r-size-1) {
22865
22880
  --base-menu-content-padding: var(--space-2);
@@ -22955,6 +22970,12 @@
22955
22970
  .rt-SidebarContainer:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3) {
22956
22971
  --sidebar-base-padding: var(--space-4);
22957
22972
  }
22973
+ .rt-ShellPaneChrome:where(.sm\:rt-r-size-1) {
22974
+ --sidebar-base-padding: var(--space-2);
22975
+ }
22976
+ .rt-ShellPaneChrome:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3) {
22977
+ --sidebar-base-padding: var(--space-3);
22978
+ }
22958
22979
  .rt-SidebarHeader:where(.sm\:rt-r-size-1),
22959
22980
  .rt-SidebarFooter:where(.sm\:rt-r-size-1) {
22960
22981
  --base-menu-content-padding: var(--space-2);
@@ -23050,6 +23071,12 @@
23050
23071
  .rt-SidebarContainer:where(.md\:rt-r-size-2,.md\:rt-r-size-3) {
23051
23072
  --sidebar-base-padding: var(--space-4);
23052
23073
  }
23074
+ .rt-ShellPaneChrome:where(.md\:rt-r-size-1) {
23075
+ --sidebar-base-padding: var(--space-2);
23076
+ }
23077
+ .rt-ShellPaneChrome:where(.md\:rt-r-size-2,.md\:rt-r-size-3) {
23078
+ --sidebar-base-padding: var(--space-3);
23079
+ }
23053
23080
  .rt-SidebarHeader:where(.md\:rt-r-size-1),
23054
23081
  .rt-SidebarFooter:where(.md\:rt-r-size-1) {
23055
23082
  --base-menu-content-padding: var(--space-2);
@@ -23145,6 +23172,12 @@
23145
23172
  .rt-SidebarContainer:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3) {
23146
23173
  --sidebar-base-padding: var(--space-4);
23147
23174
  }
23175
+ .rt-ShellPaneChrome:where(.lg\:rt-r-size-1) {
23176
+ --sidebar-base-padding: var(--space-2);
23177
+ }
23178
+ .rt-ShellPaneChrome:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3) {
23179
+ --sidebar-base-padding: var(--space-3);
23180
+ }
23148
23181
  .rt-SidebarHeader:where(.lg\:rt-r-size-1),
23149
23182
  .rt-SidebarFooter:where(.lg\:rt-r-size-1) {
23150
23183
  --base-menu-content-padding: var(--space-2);
@@ -23240,6 +23273,12 @@
23240
23273
  .rt-SidebarContainer:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3) {
23241
23274
  --sidebar-base-padding: var(--space-4);
23242
23275
  }
23276
+ .rt-ShellPaneChrome:where(.xl\:rt-r-size-1) {
23277
+ --sidebar-base-padding: var(--space-2);
23278
+ }
23279
+ .rt-ShellPaneChrome:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3) {
23280
+ --sidebar-base-padding: var(--space-3);
23281
+ }
23243
23282
  .rt-SidebarHeader:where(.xl\:rt-r-size-1),
23244
23283
  .rt-SidebarFooter:where(.xl\:rt-r-size-1) {
23245
23284
  --base-menu-content-padding: var(--space-2);
@@ -23501,12 +23540,81 @@
23501
23540
  :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text.rt-emphasis-medium:where(:not([data-accent-color]),[data-accent-color='gray'])) {
23502
23541
  color: var(--gray-11) !important;
23503
23542
  }
23543
+ @media (prefers-contrast: more) {
23544
+ :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger[data-state='open']) {
23545
+ background-color: var(--gray-3);
23546
+ }
23547
+ :where([data-panel-background='translucent']) :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger[data-state='open'])) {
23548
+ background-color: var(--gray-a3);
23549
+ }
23550
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']) {
23551
+ background-color: var(--gray-3);
23552
+ backdrop-filter: none;
23553
+ --backdrop-filter-components: none;
23554
+ }
23555
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']) {
23556
+ background-color: var(--gray-a3);
23557
+ }
23558
+ :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled])) {
23559
+ background-color: var(--accent-solid);
23560
+ color: var(--accent-solid-contrast);
23561
+ }
23562
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
23563
+ color: var(--accent-solid-contrast);
23564
+ }
23565
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where(.rt-Text) {
23566
+ color: inherit !important;
23567
+ }
23568
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where([data-accent-color='gray']:not(.rt-Badge)) {
23569
+ color: inherit !important;
23570
+ }
23571
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton:where([data-highlighted]):not([data-disabled]))) :where(.rt-Badge) {
23572
+ color: var(--accent-solid-badge-contrast) !important;
23573
+ background-color: var(--accent-solid-badge) !important;
23574
+ }
23575
+ :is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active]) {
23576
+ background-color: var(--accent-solid);
23577
+ color: var(--accent-solid-contrast);
23578
+ font-weight: var(--font-weight-medium);
23579
+ }
23580
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Text) {
23581
+ color: inherit !important;
23582
+ }
23583
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where([data-accent-color='gray']:not(.rt-Badge)) {
23584
+ color: inherit !important;
23585
+ }
23586
+ :is(:is(.rt-SidebarHeader:where(.rt-menu-variant-soft),.rt-SidebarContent:where(.rt-menu-variant-soft),.rt-SidebarFooter:where(.rt-menu-variant-soft)) :where(.rt-SidebarMenuButton[data-active])) :where(.rt-Badge) {
23587
+ color: var(--accent-solid-badge-contrast) !important;
23588
+ background-color: var(--accent-solid-badge) !important;
23589
+ }
23590
+ }
23591
+ @media (prefers-contrast: more) and (hover: hover) {
23592
+ .rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),
23593
+ .rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),
23594
+ .rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])) {
23595
+ background-color: var(--accent-solid);
23596
+ color: var(--accent-solid-contrast);
23597
+ }
23598
+ :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where(.rt-BaseMenuSubTriggerIcon) {
23599
+ color: var(--accent-solid-contrast);
23600
+ }
23601
+ :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where(.rt-Text) {
23602
+ color: inherit !important;
23603
+ }
23604
+ :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where([data-accent-color='gray']:not(.rt-Badge)) {
23605
+ color: inherit !important;
23606
+ }
23607
+ :is(.rt-SidebarHeader:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarContent:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled])),.rt-SidebarFooter:where(.rt-menu-variant-soft) :where(.rt-SidebarMenuButton:where(:hover):not([data-disabled]))) :where(.rt-Badge) {
23608
+ color: var(--accent-solid-badge-contrast) !important;
23609
+ background-color: var(--accent-solid-badge) !important;
23610
+ }
23611
+ }
23504
23612
  .rt-SidebarSearch {
23505
23613
  -ms-flex-negative: 0;
23506
23614
  flex-shrink: 0;
23507
23615
  padding: var(--space-2) var(--sidebar-base-padding);
23508
23616
  }
23509
- :where(.rt-SidebarContainer[data-presentation='thin']) .rt-SidebarSearch {
23617
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent)) .rt-SidebarSearch {
23510
23618
  padding: var(--space-2);
23511
23619
  }
23512
23620
  .rt-SidebarSearch--expanded .rt-SidebarSearchInputWrapper {
@@ -23541,7 +23649,7 @@
23541
23649
  -ms-flex-pack: center;
23542
23650
  justify-content: center;
23543
23651
  }
23544
- :where(.rt-SidebarContainer[data-presentation='thin']) :where(.rt-SidebarSearchTrigger) {
23652
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent)) :where(.rt-SidebarSearchTrigger) {
23545
23653
  -webkit-box-pack: center !important;
23546
23654
  -ms-flex-pack: center !important;
23547
23655
  justify-content: center !important;
@@ -23563,62 +23671,62 @@
23563
23671
  margin-top: 1px;
23564
23672
  margin-bottom: 1px;
23565
23673
  }
23566
- :where(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-1) :where(.rt-SidebarSearchTrigger) {
23674
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-1, .rt-ShellRailContent.rt-r-size-1)) :where(.rt-SidebarSearchTrigger) {
23567
23675
  padding-top: var(--space-1) !important;
23568
23676
  padding-bottom: var(--space-1) !important;
23569
23677
  }
23570
- :where(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-2) :where(.rt-SidebarSearchTrigger) {
23678
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-2, .rt-ShellRailContent.rt-r-size-2)) :where(.rt-SidebarSearchTrigger) {
23571
23679
  padding-top: var(--space-1) !important;
23572
23680
  padding-bottom: var(--space-1) !important;
23573
23681
  }
23574
- :where(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-3) :where(.rt-SidebarSearchTrigger) {
23682
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-3, .rt-ShellRailContent.rt-r-size-3)) :where(.rt-SidebarSearchTrigger) {
23575
23683
  padding-top: var(--space-2) !important;
23576
23684
  padding-bottom: var(--space-2) !important;
23577
23685
  }
23578
- .rt-SidebarContainer[data-presentation='thin'].rt-r-size-1 .rt-SidebarSearchTrigger svg {
23686
+ :is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-1, .rt-ShellRailContent.rt-r-size-1) .rt-SidebarSearchTrigger svg {
23579
23687
  width: var(--content-icon-size-2);
23580
23688
  height: var(--content-icon-size-2);
23581
23689
  }
23582
- .rt-SidebarContainer[data-presentation='thin'].rt-r-size-2 .rt-SidebarSearchTrigger svg {
23690
+ :is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-2, .rt-ShellRailContent.rt-r-size-2) .rt-SidebarSearchTrigger svg {
23583
23691
  width: var(--content-icon-size-3);
23584
23692
  height: var(--content-icon-size-3);
23585
23693
  }
23586
- .rt-SidebarContainer[data-presentation='thin'].rt-r-size-3 .rt-SidebarSearchTrigger svg {
23694
+ :is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-3, .rt-ShellRailContent.rt-r-size-3) .rt-SidebarSearchTrigger svg {
23587
23695
  width: var(--content-icon-size-3);
23588
23696
  height: var(--content-icon-size-3);
23589
23697
  }
23590
- :where(.rt-SidebarContainer[data-presentation='thin']) :where(.rt-SidebarSearchTrigger:where([data-state='open'])) {
23698
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent)) :where(.rt-SidebarSearchTrigger:where([data-state='open'])) {
23591
23699
  background-color: transparent !important;
23592
23700
  }
23593
23701
  @media (hover: hover) {
23594
- :where(.rt-SidebarContainer[data-presentation='thin']) :where(.rt-SidebarSearchTrigger:where(:hover)) {
23702
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent)) :where(.rt-SidebarSearchTrigger:where(:hover)) {
23595
23703
  background-color: transparent !important;
23596
23704
  }
23597
23705
  }
23598
- .rt-SidebarContainer[data-presentation='thin'].rt-r-size-1 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
23706
+ :is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-1, .rt-ShellRailContent.rt-r-size-1) .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
23599
23707
  padding: var(--space-2) var(--space-2);
23600
23708
  border-radius: var(--radius-pill-1);
23601
23709
  }
23602
- .rt-SidebarContainer[data-presentation='thin'].rt-r-size-2 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
23710
+ :is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-2, .rt-ShellRailContent.rt-r-size-2) .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
23603
23711
  padding: var(--space-2);
23604
23712
  border-radius: var(--radius-pill-2);
23605
23713
  }
23606
- .rt-SidebarContainer[data-presentation='thin'].rt-r-size-3 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
23714
+ :is(.rt-SidebarContainer[data-presentation='thin'].rt-r-size-3, .rt-ShellRailContent.rt-r-size-3) .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
23607
23715
  padding: var(--space-3);
23608
23716
  border-radius: var(--radius-pill-3);
23609
23717
  }
23610
23718
  @media (hover: hover) {
23611
- :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
23719
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent).rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
23612
23720
  background-color: var(--accent-4);
23613
23721
  }
23614
23722
  }
23615
23723
  @media (hover: hover) {
23616
- :where([data-panel-background='translucent']) :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
23724
+ :where([data-panel-background='translucent']) :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent).rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
23617
23725
  background-color: var(--accent-a4);
23618
23726
  }
23619
23727
  }
23620
23728
  @media (hover: hover) {
23621
- :where(.rt-SidebarContainer[data-presentation='thin'].rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
23729
+ :where(:is(.rt-SidebarContainer[data-presentation='thin'], .rt-ShellRailContent).rt-menu-variant-solid) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
23622
23730
  background-color: var(--accent-solid);
23623
23731
  color: var(--accent-solid-contrast);
23624
23732
  }
@@ -23937,6 +24045,12 @@
23937
24045
  .rt-ShellRailContent {
23938
24046
  gap: var(--space-2);
23939
24047
  }
24048
+ .rt-ShellScroll {
24049
+ -webkit-box-flex: 1;
24050
+ -ms-flex: 1;
24051
+ flex: 1;
24052
+ min-height: 0;
24053
+ }
23940
24054
  .rt-ShellPane[data-state='closed'] {
23941
24055
  display: none;
23942
24056
  }
@@ -1,2 +0,0 @@
1
- import{a as x}from"./chunk-QUAPA57G.js";import{a as q}from"./chunk-HSLP2HVS.js";import{a as j,b as O,c as _,e as k,f as U}from"./chunk-4WSSOS2W.js";import{a as F,b as K,c as $}from"./chunk-3TIO3EMN.js";import{a as V}from"./chunk-COWZAUZR.js";import{d as W}from"./chunk-IX5HIHVI.js";import{a as B}from"./chunk-LVPWM7CC.js";import{b as G}from"./chunk-FISGGGPC.js";import{b as L}from"./chunk-FWB47YCH.js";import{a as E}from"./chunk-QC2UOUUI.js";import{a as H}from"./chunk-6FLLFCBU.js";import{a as le}from"./chunk-OS3FCYZY.js";var fe={};le(fe,{Content:()=>Y,Footer:()=>ee,Group:()=>ce,GroupContent:()=>ue,GroupLabel:()=>de,Header:()=>Z,Menu:()=>re,MenuButton:()=>oe,MenuItem:()=>ae,MenuSub:()=>ne,MenuSubContent:()=>ie,MenuSubTrigger:()=>se,Root:()=>Q,Search:()=>pe,Separator:()=>te});import*as e from"react";import d from"classnames";import*as S from"@radix-ui/react-accordion";var J=e.createContext(null);function g(){return e.useContext(J)}var Q=e.forwardRef((t,a)=>{let o=G(),{size:r=x.size.default,variant:s=x.variant.default,menuVariant:c=x.menuVariant.default,layout:u=x.layout.default,presentation:l,panelBackground:R,color:i}=t,{className:p,children:m,...v}=H(t,x),{asChild:T,panelBackground:M,presentation:C,...P}=v,h=i||o.accentColor,n=l==="thin"?"rail":l==="expanded"?"panel":u||"panel",f=typeof r=="object"?r.initial||"2":r,y=e.useMemo(()=>({size:f,menuVariant:c,presentation:l,color:h}),[f,c,l,h]);return e.createElement("div",{...P,ref:a,"data-accent-color":h,className:d("rt-SidebarRoot",p)},e.createElement(J.Provider,{value:y},e.createElement("div",{className:d("rt-SidebarContainer",`rt-variant-${s}`,`rt-r-size-${f}`,`rt-menu-variant-${c}`,n&&`rt-layout-${n}`),"data-accent-color":h,"data-panel-background":R,"data-presentation":l,"data-layout":n},m)))});Q.displayName="Sidebar.Root";var Y=e.forwardRef(({className:t,children:a,role:o="navigation","aria-label":r="Main navigation",id:s,...c},u)=>{let l=g(),R=l?.size??"2",i=l?.menuVariant??"soft";return e.createElement(V,{type:"hover"},e.createElement("div",{...c,ref:u,id:s,role:o,"aria-label":r,className:d("rt-BaseMenuContent","rt-SidebarContent",`rt-r-size-${R}`,`rt-menu-variant-${i}`,t)},e.createElement("div",{className:"rt-BaseMenuViewport"},a)))});Y.displayName="Sidebar.Content";var Z=e.forwardRef(({className:t,asContainer:a=!0,...o},r)=>{let s=g(),c=s?.size??"2",u=s?.menuVariant??"soft";return e.createElement("div",{...o,ref:r,className:d("rt-SidebarHeader",`rt-r-size-${c}`,`rt-menu-variant-${u}`,{"rt-SidebarHeader--container":a},t)})});Z.displayName="Sidebar.Header";var ee=e.forwardRef(({className:t,asContainer:a=!0,...o},r)=>{let s=g(),c=s?.size??"2",u=s?.menuVariant??"soft";return e.createElement("div",{...o,ref:r,className:d("rt-SidebarFooter",`rt-r-size-${c}`,`rt-menu-variant-${u}`,{"rt-SidebarFooter--container":a},t)})});ee.displayName="Sidebar.Footer";var te=e.forwardRef(({className:t,...a},o)=>e.createElement(q,{...a,ref:o,className:d("rt-SidebarSeparator",t)}));te.displayName="Sidebar.Separator";var re=e.forwardRef(({className:t,...a},o)=>e.createElement("ul",{...a,ref:o,className:d("rt-SidebarMenu",t)}));re.displayName="Sidebar.Menu";var ae=e.forwardRef(({className:t,...a},o)=>e.createElement("li",{...a,ref:o,className:d("rt-SidebarMenuItem",t)}));ae.displayName="Sidebar.MenuItem";function me(t){let a=[],o=[];return e.Children.forEach(t,r=>{if(typeof r=="string"||typeof r=="number")o.push(e.createElement("span",{key:o.length,className:"rt-SidebarMenuLabel"},r));else if(e.isValidElement(r)){let s=r;s.type==="svg"||s.props&&s.props.icon||typeof s.type=="function"&&(s.type.displayName?.includes("Icon")||s.type.name?.includes("Icon"))?a.push(r):o.push(r)}else r&&o.push(r)}),{icons:a,labels:o}}function A(t){if(typeof t=="string"||typeof t=="number")return e.createElement("span",{className:"rt-SidebarMenuLabel"},t);if(Array.isArray(t))return t.map((a,o)=>e.createElement(e.Fragment,{key:o},A(a)));if(e.isValidElement(t)){let a=t,o=a.props&&a.props.className||"";if(typeof a.type=="string"&&o.split(" ").includes("rt-SidebarMenuLabel"))return a;let s=A(a.props?.children);return e.cloneElement(a,{...a.props},s)}return t}var oe=e.forwardRef(({asChild:t=!1,isActive:a=!1,shortcut:o,badge:r,className:s,children:c,onKeyDown:u,...l},R)=>{let i=g(),p=i?.size??"2",m=i?.presentation==="thin",v=t?L:"button",T=e.useCallback(n=>{if(n.key==="ArrowDown"||n.key==="ArrowUp"){let f=n.currentTarget.closest(".rt-SidebarContent, .rt-SidebarSearchPopover"),y=f?Array.from(f.querySelectorAll(".rt-SidebarMenuButton")).filter(N=>N.offsetParent!==null):[],b=y.indexOf(n.currentTarget),D=y[b+(n.key==="ArrowDown"?1:-1)];b!==-1&&D&&(n.preventDefault(),D.focus())}u?.(n)},[u]),M=e.useMemo(()=>A(c),[c]),{icons:C,labels:P}=e.useMemo(()=>m?me(c):{icons:[],labels:[]},[m,c]),h=e.useMemo(()=>{if(!t)return null;try{let n=e.Children.only(M),f=n.props?.children,y=e.createElement(e.Fragment,null,f,r&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof r=="string"?e.createElement(B,{size:p,variant:"soft"},r):e.createElement(B,{size:r.size||p,variant:r.variant||"soft",color:r.color,radius:r.radius},r.content)),o&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(E,{size:p},o)));return e.cloneElement(n,{...n.props},y)}catch{return M}},[t,M,r,o,p]);return e.createElement(v,{...l,ref:R,"aria-current":a?"page":void 0,className:d("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton",s),"data-active":a||void 0,onKeyDown:T},t?h:m&&C.length>0?e.createElement(e.Fragment,null,e.createElement("span",{className:"rt-SidebarMenuIconWrapper"},C),P.map((n,f)=>e.createElement(e.Fragment,{key:f},typeof n=="string"||typeof n=="number"?e.createElement("span",{className:"rt-SidebarMenuLabel"},n):n))):e.createElement(e.Fragment,null,M,r&&e.createElement("div",{className:"rt-SidebarMenuBadge"},typeof r=="string"?e.createElement(B,{size:p,variant:"soft"},r):e.createElement(B,{size:r.size||p,variant:r.variant||"soft",color:r.color,radius:r.radius},r.content)),o&&e.createElement("div",{className:"rt-BaseMenuShortcut rt-SidebarMenuShortcut"},e.createElement(E,{size:p},o))))});oe.displayName="Sidebar.MenuButton";var I=e.createContext("accordion"),ne=e.forwardRef(({defaultOpen:t=!1,children:a,...o},r)=>(g()?.presentation==="thin"?"dropdown":"accordion")==="dropdown"?e.createElement("div",{...o,ref:r},e.createElement(j,null,e.createElement(I.Provider,{value:"dropdown"},a))):e.createElement("div",{...o,ref:r},e.createElement(I.Provider,{value:"accordion"},e.createElement(S.Root,{type:"single",collapsible:!0,defaultValue:t?"item":void 0},e.createElement(S.Item,{value:"item"},a)))));ne.displayName="Sidebar.MenuSub";var se=e.forwardRef(({asChild:t=!1,className:a,children:o,...r},s)=>e.useContext(I)==="dropdown"?e.createElement(O,null,e.createElement("button",{...r,ref:s,type:"button","aria-haspopup":"menu",className:d("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",a)},o)):e.createElement(S.Header,{asChild:!0},e.createElement("div",null,e.createElement(S.Trigger,{...r,ref:s,asChild:t,className:d("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarMenuSubTrigger",a)},t?o:e.createElement(e.Fragment,null,o,e.createElement(W,{className:d("rt-BaseMenuSubTriggerIcon","rt-SidebarMenuSubTriggerIcon")}))))));se.displayName="Sidebar.MenuSubTrigger";var ie=e.forwardRef(({className:t,children:a,...o},r)=>{let s=g();if(e.useContext(I)==="dropdown"){let u=i=>{if(Array.isArray(i))return i.map((p,m)=>e.createElement(e.Fragment,{key:m},u(p)));if(e.isValidElement(i)){if(i.type?.displayName==="Sidebar.MenuButton")return i.props?.children;let m=i.props?.children;if(m!==void 0)return e.cloneElement(i,{...i.props,children:u(m)})}return i},l=e.Children.map(a,(i,p)=>{if(e.isValidElement(i)&&i.type?.displayName==="Sidebar.MenuItem"){let m=i.props?.children,v=u(m);return e.createElement(k,{key:p,asChild:!0},v)}return e.createElement(k,{key:p,asChild:!0},u(i))}),R=s?.size==="3"?"2":s?.size;return e.createElement(_,{size:R,variant:s?.menuVariant,className:d(t)},e.createElement(U,null,l))}return e.createElement(S.Content,{...o,ref:r,className:d("rt-SidebarMenuSubContent",t)},e.createElement("div",{className:"rt-SidebarMenuSubList"},a))});ie.displayName="Sidebar.MenuSubContent";var ce=e.forwardRef(({className:t,...a},o)=>e.createElement("div",{...a,ref:o,className:d("rt-BaseMenuGroup","rt-SidebarGroup",t)}));ce.displayName="Sidebar.Group";var de=e.forwardRef(({asChild:t=!1,className:a,...o},r)=>e.createElement(t?L:"div",{...o,ref:r,className:d("rt-BaseMenuLabel","rt-SidebarGroupLabel",a)}));de.displayName="Sidebar.GroupLabel";var ue=e.forwardRef(({className:t,...a},o)=>e.createElement("div",{...a,ref:o,className:d("rt-SidebarGroupContent",t)}));ue.displayName="Sidebar.GroupContent";var z=({className:t})=>e.createElement("svg",{className:t,viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true"},e.createElement("circle",{cx:"11",cy:"11",r:"8"}),e.createElement("line",{x1:"21",y1:"21",x2:"16.65",y2:"16.65"})),X=({className:t})=>e.createElement("svg",{className:t,width:"14",height:"14",viewBox:"0 0 24 24",fill:"none",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round","aria-hidden":"true"},e.createElement("line",{x1:"18",y1:"6",x2:"6",y2:"18"}),e.createElement("line",{x1:"6",y1:"6",x2:"18",y2:"18"})),pe=e.forwardRef(({value:t,onValueChange:a,placeholder:o="Search...",children:r,className:s,...c},u)=>{let R=g()?.presentation==="thin",i=e.useRef(null),p=e.useRef(null),v=`${e.useId()}-results`,T=e.useRef(t);T.current=t;let M=e.useRef(a);M.current=a;let C=o.replace(/\.+$/,""),P=e.useCallback(n=>{n.key==="Escape"&&T.current&&(n.preventDefault(),n.stopPropagation(),M.current(""),i.current?.focus())},[]),h=e.useCallback(n=>{let f=p.current;if(!f)return;let y=f.querySelector('[role="group"]');if(!y)return;let b=Array.from(y.querySelectorAll("a, button"));if(b.length===0)return;let D=document.activeElement,N=D===i.current,w=b.indexOf(D);if(n.key.length===1&&!n.ctrlKey&&!n.metaKey&&!n.altKey&&!N&&w!==-1){i.current?.focus();return}switch(n.key){case"ArrowDown":{n.preventDefault(),N||w===-1?b[0]?.focus():w<b.length-1&&b[w+1]?.focus();break}case"ArrowUp":{n.preventDefault(),w<=0?i.current?.focus():b[w-1]?.focus();break}case"Home":{N||(n.preventDefault(),b[0]?.focus());break}case"End":{N||(n.preventDefault(),b[b.length-1]?.focus());break}}},[]);return R?e.createElement("div",{...c,ref:u,className:d("rt-SidebarSearch","rt-SidebarSearch--thin",s)},e.createElement(F,null,e.createElement(K,null,e.createElement("button",{type:"button",className:d("rt-reset","rt-BaseMenuItem","rt-SidebarMenuButton","rt-SidebarSearchTrigger"),"aria-label":C},e.createElement("span",{className:"rt-SidebarMenuIconWrapper"},e.createElement(z,null)),e.createElement("span",{className:"rt-SidebarMenuLabel"},"Search"))),e.createElement($,{side:"right",align:"start",size:"2",width:"280px","aria-label":C},e.createElement("div",{ref:p,className:"rt-SidebarSearchPopover",role:"search",onKeyDown:h},e.createElement("div",{className:"rt-SidebarSearchInputWrapper"},e.createElement(z,{className:"rt-SidebarSearchIcon"}),e.createElement("input",{ref:i,type:"search",className:"rt-SidebarSearchInput",value:t,onChange:n=>a(n.target.value),onKeyDown:P,placeholder:o,"aria-label":C,"aria-controls":r?v:void 0,autoFocus:!0}),t&&e.createElement("button",{type:"button",className:"rt-reset rt-SidebarSearchClear",onClick:()=>{a(""),i.current?.focus()},"aria-label":"Clear search"},e.createElement(X,null))),r&&e.createElement("div",{id:v,role:"group","aria-label":"Search results"},r))))):e.createElement("div",{...c,ref:u,className:d("rt-SidebarSearch","rt-SidebarSearch--expanded",s),role:"search"},e.createElement("div",{className:"rt-SidebarSearchInputWrapper"},e.createElement(z,{className:"rt-SidebarSearchIcon"}),e.createElement("input",{ref:i,type:"search",className:"rt-SidebarSearchInput",value:t,onChange:n=>a(n.target.value),onKeyDown:P,placeholder:o,"aria-label":C}),t&&e.createElement("button",{type:"button",className:"rt-reset rt-SidebarSearchClear",onClick:()=>{a(""),i.current?.focus()},"aria-label":"Clear search"},e.createElement(X,null))))});pe.displayName="Sidebar.Search";export{Q as a,Y as b,Z as c,ee as d,te as e,re as f,ae as g,oe as h,ne as i,se as j,ie as k,ce as l,de as m,ue as n,pe as o,fe as p};
2
- //# sourceMappingURL=chunk-F4VC2WAU.js.map