@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.
- package/components.css +185 -71
- package/dist/cjs/components/_internal/pane-chrome.d.ts +47 -0
- package/dist/cjs/components/_internal/pane-chrome.d.ts.map +1 -0
- package/dist/cjs/components/_internal/pane-chrome.js +2 -0
- package/dist/cjs/components/_internal/pane-chrome.js.map +7 -0
- package/dist/cjs/components/_internal/shell-sidebar.d.ts +2 -1
- package/dist/cjs/components/_internal/shell-sidebar.d.ts.map +1 -1
- package/dist/cjs/components/_internal/shell-sidebar.js +1 -1
- package/dist/cjs/components/_internal/shell-sidebar.js.map +4 -4
- package/dist/cjs/components/index.js +5 -5
- package/dist/cjs/components/index.js.map +4 -4
- package/dist/cjs/components/shell.d.ts +5 -1
- package/dist/cjs/components/shell.d.ts.map +1 -1
- package/dist/cjs/components/shell.js +1 -1
- package/dist/cjs/components/shell.js.map +4 -4
- package/dist/cjs/components/sidebar.d.ts +4 -0
- package/dist/cjs/components/sidebar.d.ts.map +1 -1
- package/dist/cjs/components/sidebar.js +1 -1
- package/dist/cjs/components/sidebar.js.map +4 -4
- package/dist/cjs/components/sidebar.props.d.ts +1 -0
- package/dist/cjs/components/sidebar.props.d.ts.map +1 -1
- package/dist/cjs/components/sidebar.props.js.map +2 -2
- package/dist/cjs/index.js +7 -7
- package/dist/cjs/index.js.map +4 -4
- package/dist/esm/{chunk-GSBKR7G3.js → chunk-3DEZMXFF.js} +2 -2
- package/dist/esm/{chunk-NSFH3PJ4.js → chunk-3HGHPAH4.js} +2 -2
- package/dist/esm/{chunk-NFBZUINB.js → chunk-3M73GWN5.js} +2 -2
- package/dist/esm/{chunk-EKYRZ54E.js → chunk-3Q3EOUGJ.js} +2 -2
- package/dist/esm/{chunk-4ME6O27S.js → chunk-3UZHKW6I.js} +2 -2
- package/dist/esm/{chunk-B2MGVXYL.js → chunk-45AMHIBO.js} +2 -2
- package/dist/esm/{chunk-BUV4ZVEQ.js → chunk-4BPRLR6C.js} +2 -2
- package/dist/esm/{chunk-3QCRDSYU.js → chunk-4D5LR4H6.js} +2 -2
- package/dist/esm/{chunk-77NDG5HJ.js → chunk-4JNHUPIM.js} +2 -2
- package/dist/esm/{chunk-4WSSOS2W.js → chunk-4WLDX7WZ.js} +2 -2
- package/dist/esm/{chunk-53IGKC4E.js → chunk-5JS7ADWX.js} +2 -2
- package/dist/esm/{chunk-AGNIFHOE.js → chunk-62CJL5G7.js} +2 -2
- package/dist/esm/{chunk-GRZ77YNL.js → chunk-7B6CIVAF.js} +2 -2
- package/dist/esm/{chunk-NTVCOEJE.js → chunk-BKES3M4Y.js} +2 -2
- package/dist/esm/{chunk-DWB4PFIW.js → chunk-BOFVKXUV.js} +2 -2
- package/dist/esm/{chunk-VX6ARMWP.js → chunk-C7UXUTUF.js} +2 -2
- package/dist/esm/{chunk-GQDDJK4N.js → chunk-CIKDGYX3.js} +2 -2
- package/dist/esm/{chunk-MNEUC27U.js → chunk-CL6P54QT.js} +2 -2
- package/dist/esm/{chunk-LWIIIPSF.js → chunk-DJA5MCJA.js} +2 -2
- package/dist/esm/{chunk-4YFJWXL2.js → chunk-EUSMN3K7.js} +2 -2
- package/dist/esm/{chunk-AYAKS3DT.js → chunk-GLKN32J3.js} +2 -2
- package/dist/esm/{chunk-COWZAUZR.js → chunk-GONBMSRL.js} +2 -2
- package/dist/esm/{chunk-FKFCOVSW.js → chunk-H7LHGT44.js} +2 -2
- package/dist/esm/{chunk-QUM2TSRR.js → chunk-HFVD7W6R.js} +2 -2
- package/dist/esm/{chunk-P7FYIMYU.js → chunk-HIBX2EXV.js} +2 -2
- package/dist/esm/{chunk-NLJIXW5S.js → chunk-HJLBVNQE.js} +2 -2
- package/dist/esm/{chunk-5ADGYTG5.js → chunk-HNO4X33C.js} +2 -2
- package/dist/esm/{chunk-KFLQI2CP.js → chunk-IHRLGR6J.js} +2 -2
- package/dist/esm/{chunk-QC2UOUUI.js → chunk-IPHKKZYE.js} +2 -2
- package/dist/esm/{chunk-FLO6QCGB.js → chunk-IQU6EELI.js} +3 -3
- package/dist/esm/{chunk-LBJEAC2S.js → chunk-IV4YJRVR.js} +2 -2
- package/dist/esm/{chunk-S5C5YRBS.js → chunk-IVBKTHDM.js} +2 -2
- package/dist/esm/{chunk-3QJED5UA.js → chunk-IY3GKGDZ.js} +2 -2
- package/dist/esm/{chunk-V7BPRUNP.js → chunk-JXVUTFQN.js} +2 -2
- package/dist/esm/{chunk-HSLP2HVS.js → chunk-K7BWSYVP.js} +2 -2
- package/dist/esm/{chunk-QUAPA57G.js → chunk-KJC32RWT.js} +1 -1
- package/dist/esm/{chunk-QUAPA57G.js.map → chunk-KJC32RWT.js.map} +2 -2
- package/dist/esm/{chunk-YS74SW5S.js → chunk-KJTEZVOF.js} +2 -2
- package/dist/esm/{chunk-OGXZHAQL.js → chunk-KXSMY4ZF.js} +2 -2
- package/dist/esm/{chunk-4QHJ7P3D.js → chunk-LJXP6K5Y.js} +2 -2
- package/dist/esm/{chunk-CSKZZOI2.js → chunk-N6Q3L64W.js} +2 -2
- package/dist/esm/{chunk-64GJCQFX.js → chunk-O2WPAUQN.js} +2 -2
- package/dist/esm/{chunk-27YQS6MM.js → chunk-OB3MHLQL.js} +2 -2
- package/dist/esm/chunk-OJSDBLP7.js +2 -0
- package/dist/esm/chunk-OJSDBLP7.js.map +7 -0
- package/dist/esm/chunk-OUSDYZDE.js +2 -0
- package/dist/esm/chunk-OUSDYZDE.js.map +7 -0
- package/dist/esm/{chunk-HF5WY5YE.js → chunk-PAEHH3WS.js} +2 -2
- package/dist/esm/{chunk-FHOCUZDR.js → chunk-PXUQEA77.js} +2 -2
- package/dist/esm/{chunk-GZG35274.js → chunk-R2MQMCND.js} +2 -2
- package/dist/esm/{chunk-JW3FRP5N.js → chunk-RAVFUI7W.js} +2 -2
- package/dist/esm/{chunk-DKRNQAU6.js → chunk-ROGC7K5N.js} +2 -2
- package/dist/esm/{chunk-NMXERIOL.js → chunk-RUOOCYK4.js} +2 -2
- package/dist/esm/{chunk-36A5BYCN.js → chunk-RUPET4E7.js} +2 -2
- package/dist/esm/chunk-RWN22S44.js +2 -0
- package/dist/esm/{chunk-LVPWM7CC.js → chunk-S3GZZXQ7.js} +2 -2
- package/dist/esm/{chunk-3IUDPNGP.js → chunk-SGUTNJUO.js} +2 -2
- package/dist/esm/{chunk-AVV55MFY.js → chunk-SIBSXKFF.js} +2 -2
- package/dist/esm/{chunk-QYU2HSGF.js → chunk-SQ4BU4GH.js} +2 -2
- package/dist/esm/chunk-SQZ5O7QS.js +2 -0
- package/dist/esm/chunk-SQZ5O7QS.js.map +7 -0
- package/dist/esm/{chunk-DSSF6SEA.js → chunk-SURYYF7I.js} +2 -2
- package/dist/esm/{chunk-DJJ6UGT2.js → chunk-TZ5MZQUB.js} +2 -2
- package/dist/esm/{chunk-4TBUUGR4.js → chunk-UE2OBZIS.js} +2 -2
- package/dist/esm/{chunk-WCQ2VRQU.js → chunk-UK3BFTI2.js} +2 -2
- package/dist/esm/chunk-UTHTSYSL.js +2 -0
- package/dist/esm/chunk-UTHTSYSL.js.map +7 -0
- package/dist/esm/{chunk-QINRF3V2.js → chunk-V3QVAXH3.js} +2 -2
- package/dist/esm/{chunk-AFOJ6OL3.js → chunk-VBAXORVV.js} +2 -2
- package/dist/esm/{chunk-IHK3H2OM.js → chunk-VUKTURU4.js} +2 -2
- package/dist/esm/{chunk-3O7A3XQ7.js → chunk-VV67KTKA.js} +2 -2
- package/dist/esm/{chunk-3LMC3CZW.js → chunk-WXBTPEFO.js} +2 -2
- package/dist/esm/{chunk-ADDXOZRI.js → chunk-YBS2IB7Z.js} +2 -2
- package/dist/esm/{chunk-7IFCYZHG.js → chunk-YDPCJO5G.js} +2 -2
- package/dist/esm/{chunk-EH7LNNGU.js → chunk-YLLCCUC7.js} +2 -2
- package/dist/esm/{chunk-E7ZXB36J.js → chunk-ZE2GWHPY.js} +2 -2
- package/dist/esm/{chunk-YAQBIO2B.js → chunk-ZQVYY7UT.js} +2 -2
- package/dist/esm/components/_internal/base-button.js +1 -1
- package/dist/esm/components/_internal/base-menu.utils.js +1 -1
- package/dist/esm/components/_internal/menu-context.js +1 -1
- package/dist/esm/components/_internal/pane-chrome.d.ts +47 -0
- package/dist/esm/components/_internal/pane-chrome.d.ts.map +1 -0
- package/dist/esm/components/_internal/pane-chrome.js +2 -0
- package/dist/esm/components/_internal/pane-chrome.js.map +7 -0
- package/dist/esm/components/_internal/shell-bottom.js +1 -1
- package/dist/esm/components/_internal/shell-inspector.js +1 -1
- package/dist/esm/components/_internal/shell-sidebar.d.ts +2 -1
- package/dist/esm/components/_internal/shell-sidebar.d.ts.map +1 -1
- package/dist/esm/components/_internal/shell-sidebar.js +1 -1
- package/dist/esm/components/alert-dialog.js +1 -1
- package/dist/esm/components/app-bar.js +1 -1
- package/dist/esm/components/avatar.js +1 -1
- package/dist/esm/components/badge.js +1 -1
- package/dist/esm/components/blockquote.js +1 -1
- package/dist/esm/components/blockquote.props.js +1 -1
- package/dist/esm/components/box.js +1 -1
- package/dist/esm/components/button.js +1 -1
- package/dist/esm/components/callout.js +1 -1
- package/dist/esm/components/card.js +1 -1
- package/dist/esm/components/chatbar.js +1 -1
- package/dist/esm/components/checkbox-cards.js +1 -1
- package/dist/esm/components/checkbox-group.js +1 -1
- package/dist/esm/components/checkbox.js +1 -1
- package/dist/esm/components/code.js +1 -1
- package/dist/esm/components/code.props.js +1 -1
- package/dist/esm/components/combobox.js +1 -1
- package/dist/esm/components/container.js +1 -1
- package/dist/esm/components/context-menu.js +1 -1
- package/dist/esm/components/data-list.js +1 -1
- package/dist/esm/components/dialog.js +1 -1
- package/dist/esm/components/dropdown-menu.js +1 -1
- package/dist/esm/components/flex.js +1 -1
- package/dist/esm/components/grid.js +1 -1
- package/dist/esm/components/heading.js +1 -1
- package/dist/esm/components/heading.props.js +1 -1
- package/dist/esm/components/icon-button.js +1 -1
- package/dist/esm/components/image.js +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/inset.js +1 -1
- package/dist/esm/components/kbd.js +1 -1
- package/dist/esm/components/link.js +1 -1
- package/dist/esm/components/message-scroller.js +1 -1
- package/dist/esm/components/navbar.js +1 -1
- package/dist/esm/components/notice.js +1 -1
- package/dist/esm/components/progress.js +1 -1
- package/dist/esm/components/radio-cards.js +1 -1
- package/dist/esm/components/radio-group.js +1 -1
- package/dist/esm/components/radio.js +1 -1
- package/dist/esm/components/schemas/index.js +1 -1
- package/dist/esm/components/scroll-area.js +1 -1
- package/dist/esm/components/section.js +1 -1
- package/dist/esm/components/segmented-control.js +1 -1
- package/dist/esm/components/select.js +1 -1
- package/dist/esm/components/separator.js +1 -1
- package/dist/esm/components/sheet.js +1 -1
- package/dist/esm/components/shell.d.ts +5 -1
- package/dist/esm/components/shell.d.ts.map +1 -1
- package/dist/esm/components/shell.js +1 -1
- package/dist/esm/components/sidebar.d.ts +4 -0
- package/dist/esm/components/sidebar.d.ts.map +1 -1
- package/dist/esm/components/sidebar.js +1 -1
- package/dist/esm/components/sidebar.props.d.ts +1 -0
- package/dist/esm/components/sidebar.props.d.ts.map +1 -1
- package/dist/esm/components/sidebar.props.js +1 -1
- package/dist/esm/components/skeleton.js +1 -1
- package/dist/esm/components/slider.js +1 -1
- package/dist/esm/components/spinner.js +1 -1
- package/dist/esm/components/switch.js +1 -1
- package/dist/esm/components/tab-nav.js +1 -1
- package/dist/esm/components/table.js +1 -1
- package/dist/esm/components/tabs.js +1 -1
- package/dist/esm/components/text-area.js +1 -1
- package/dist/esm/components/text-field.js +1 -1
- package/dist/esm/components/text.js +1 -1
- package/dist/esm/components/text.props.js +1 -1
- package/dist/esm/components/theme-panel.js +1 -1
- package/dist/esm/components/toggle-button.js +1 -1
- package/dist/esm/components/toggle-icon-button.js +1 -1
- package/dist/esm/components/toolbar.js +1 -1
- package/dist/esm/components/tooltip.js +1 -1
- package/dist/esm/components/user-card.js +1 -1
- package/dist/esm/components/virtual-menu.js +1 -1
- package/dist/esm/helpers/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/props/index.js +1 -1
- package/package.json +1 -1
- package/src/components/_internal/pane-chrome.tsx +90 -0
- package/src/components/_internal/shell-sidebar.tsx +13 -2
- package/src/components/shell.css +6 -0
- package/src/components/shell.tsx +24 -3
- package/src/components/sidebar.css +185 -62
- package/src/components/sidebar.props.tsx +1 -0
- package/src/components/sidebar.tsx +19 -13
- package/styles.css +185 -71
- package/dist/esm/chunk-F4VC2WAU.js +0 -2
- package/dist/esm/chunk-F4VC2WAU.js.map +0 -7
- package/dist/esm/chunk-MJOXEUBT.js +0 -2
- package/dist/esm/chunk-MJOXEUBT.js.map +0 -7
- package/dist/esm/chunk-ROSWI2CL.js +0 -2
- package/dist/esm/chunk-ROSWI2CL.js.map +0 -7
- package/dist/esm/chunk-UYKEBIUD.js +0 -2
- /package/dist/esm/{chunk-GSBKR7G3.js.map → chunk-3DEZMXFF.js.map} +0 -0
- /package/dist/esm/{chunk-NSFH3PJ4.js.map → chunk-3HGHPAH4.js.map} +0 -0
- /package/dist/esm/{chunk-NFBZUINB.js.map → chunk-3M73GWN5.js.map} +0 -0
- /package/dist/esm/{chunk-EKYRZ54E.js.map → chunk-3Q3EOUGJ.js.map} +0 -0
- /package/dist/esm/{chunk-4ME6O27S.js.map → chunk-3UZHKW6I.js.map} +0 -0
- /package/dist/esm/{chunk-B2MGVXYL.js.map → chunk-45AMHIBO.js.map} +0 -0
- /package/dist/esm/{chunk-BUV4ZVEQ.js.map → chunk-4BPRLR6C.js.map} +0 -0
- /package/dist/esm/{chunk-3QCRDSYU.js.map → chunk-4D5LR4H6.js.map} +0 -0
- /package/dist/esm/{chunk-77NDG5HJ.js.map → chunk-4JNHUPIM.js.map} +0 -0
- /package/dist/esm/{chunk-4WSSOS2W.js.map → chunk-4WLDX7WZ.js.map} +0 -0
- /package/dist/esm/{chunk-53IGKC4E.js.map → chunk-5JS7ADWX.js.map} +0 -0
- /package/dist/esm/{chunk-AGNIFHOE.js.map → chunk-62CJL5G7.js.map} +0 -0
- /package/dist/esm/{chunk-GRZ77YNL.js.map → chunk-7B6CIVAF.js.map} +0 -0
- /package/dist/esm/{chunk-NTVCOEJE.js.map → chunk-BKES3M4Y.js.map} +0 -0
- /package/dist/esm/{chunk-DWB4PFIW.js.map → chunk-BOFVKXUV.js.map} +0 -0
- /package/dist/esm/{chunk-VX6ARMWP.js.map → chunk-C7UXUTUF.js.map} +0 -0
- /package/dist/esm/{chunk-GQDDJK4N.js.map → chunk-CIKDGYX3.js.map} +0 -0
- /package/dist/esm/{chunk-MNEUC27U.js.map → chunk-CL6P54QT.js.map} +0 -0
- /package/dist/esm/{chunk-LWIIIPSF.js.map → chunk-DJA5MCJA.js.map} +0 -0
- /package/dist/esm/{chunk-4YFJWXL2.js.map → chunk-EUSMN3K7.js.map} +0 -0
- /package/dist/esm/{chunk-AYAKS3DT.js.map → chunk-GLKN32J3.js.map} +0 -0
- /package/dist/esm/{chunk-COWZAUZR.js.map → chunk-GONBMSRL.js.map} +0 -0
- /package/dist/esm/{chunk-FKFCOVSW.js.map → chunk-H7LHGT44.js.map} +0 -0
- /package/dist/esm/{chunk-QUM2TSRR.js.map → chunk-HFVD7W6R.js.map} +0 -0
- /package/dist/esm/{chunk-P7FYIMYU.js.map → chunk-HIBX2EXV.js.map} +0 -0
- /package/dist/esm/{chunk-NLJIXW5S.js.map → chunk-HJLBVNQE.js.map} +0 -0
- /package/dist/esm/{chunk-5ADGYTG5.js.map → chunk-HNO4X33C.js.map} +0 -0
- /package/dist/esm/{chunk-KFLQI2CP.js.map → chunk-IHRLGR6J.js.map} +0 -0
- /package/dist/esm/{chunk-QC2UOUUI.js.map → chunk-IPHKKZYE.js.map} +0 -0
- /package/dist/esm/{chunk-FLO6QCGB.js.map → chunk-IQU6EELI.js.map} +0 -0
- /package/dist/esm/{chunk-LBJEAC2S.js.map → chunk-IV4YJRVR.js.map} +0 -0
- /package/dist/esm/{chunk-S5C5YRBS.js.map → chunk-IVBKTHDM.js.map} +0 -0
- /package/dist/esm/{chunk-3QJED5UA.js.map → chunk-IY3GKGDZ.js.map} +0 -0
- /package/dist/esm/{chunk-V7BPRUNP.js.map → chunk-JXVUTFQN.js.map} +0 -0
- /package/dist/esm/{chunk-HSLP2HVS.js.map → chunk-K7BWSYVP.js.map} +0 -0
- /package/dist/esm/{chunk-YS74SW5S.js.map → chunk-KJTEZVOF.js.map} +0 -0
- /package/dist/esm/{chunk-OGXZHAQL.js.map → chunk-KXSMY4ZF.js.map} +0 -0
- /package/dist/esm/{chunk-4QHJ7P3D.js.map → chunk-LJXP6K5Y.js.map} +0 -0
- /package/dist/esm/{chunk-CSKZZOI2.js.map → chunk-N6Q3L64W.js.map} +0 -0
- /package/dist/esm/{chunk-64GJCQFX.js.map → chunk-O2WPAUQN.js.map} +0 -0
- /package/dist/esm/{chunk-27YQS6MM.js.map → chunk-OB3MHLQL.js.map} +0 -0
- /package/dist/esm/{chunk-HF5WY5YE.js.map → chunk-PAEHH3WS.js.map} +0 -0
- /package/dist/esm/{chunk-FHOCUZDR.js.map → chunk-PXUQEA77.js.map} +0 -0
- /package/dist/esm/{chunk-GZG35274.js.map → chunk-R2MQMCND.js.map} +0 -0
- /package/dist/esm/{chunk-JW3FRP5N.js.map → chunk-RAVFUI7W.js.map} +0 -0
- /package/dist/esm/{chunk-DKRNQAU6.js.map → chunk-ROGC7K5N.js.map} +0 -0
- /package/dist/esm/{chunk-NMXERIOL.js.map → chunk-RUOOCYK4.js.map} +0 -0
- /package/dist/esm/{chunk-36A5BYCN.js.map → chunk-RUPET4E7.js.map} +0 -0
- /package/dist/esm/{chunk-UYKEBIUD.js.map → chunk-RWN22S44.js.map} +0 -0
- /package/dist/esm/{chunk-LVPWM7CC.js.map → chunk-S3GZZXQ7.js.map} +0 -0
- /package/dist/esm/{chunk-3IUDPNGP.js.map → chunk-SGUTNJUO.js.map} +0 -0
- /package/dist/esm/{chunk-AVV55MFY.js.map → chunk-SIBSXKFF.js.map} +0 -0
- /package/dist/esm/{chunk-QYU2HSGF.js.map → chunk-SQ4BU4GH.js.map} +0 -0
- /package/dist/esm/{chunk-DSSF6SEA.js.map → chunk-SURYYF7I.js.map} +0 -0
- /package/dist/esm/{chunk-DJJ6UGT2.js.map → chunk-TZ5MZQUB.js.map} +0 -0
- /package/dist/esm/{chunk-4TBUUGR4.js.map → chunk-UE2OBZIS.js.map} +0 -0
- /package/dist/esm/{chunk-WCQ2VRQU.js.map → chunk-UK3BFTI2.js.map} +0 -0
- /package/dist/esm/{chunk-QINRF3V2.js.map → chunk-V3QVAXH3.js.map} +0 -0
- /package/dist/esm/{chunk-AFOJ6OL3.js.map → chunk-VBAXORVV.js.map} +0 -0
- /package/dist/esm/{chunk-IHK3H2OM.js.map → chunk-VUKTURU4.js.map} +0 -0
- /package/dist/esm/{chunk-3O7A3XQ7.js.map → chunk-VV67KTKA.js.map} +0 -0
- /package/dist/esm/{chunk-3LMC3CZW.js.map → chunk-WXBTPEFO.js.map} +0 -0
- /package/dist/esm/{chunk-ADDXOZRI.js.map → chunk-YBS2IB7Z.js.map} +0 -0
- /package/dist/esm/{chunk-7IFCYZHG.js.map → chunk-YDPCJO5G.js.map} +0 -0
- /package/dist/esm/{chunk-EH7LNNGU.js.map → chunk-YLLCCUC7.js.map} +0 -0
- /package/dist/esm/{chunk-E7ZXB36J.js.map → chunk-ZE2GWHPY.js.map} +0 -0
- /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-
|
|
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
|