@womp/kookie-ui 0.18.0 → 0.20.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/codemods/type-0.20.py +73 -0
- package/components.css +1637 -3765
- package/dist/cjs/components/_internal/base-button.js +1 -1
- package/dist/cjs/components/_internal/base-button.js.map +2 -2
- package/dist/cjs/components/_internal/base-menu.props.d.ts +2 -2
- package/dist/cjs/components/_internal/base-menu.props.js +1 -1
- package/dist/cjs/components/_internal/base-menu.props.js.map +2 -2
- package/dist/cjs/components/_internal/base-menu.utils.d.ts.map +1 -1
- package/dist/cjs/components/_internal/base-menu.utils.js +1 -1
- package/dist/cjs/components/_internal/base-menu.utils.js.map +2 -2
- package/dist/cjs/components/_internal/menu-context.d.ts +5 -2
- package/dist/cjs/components/_internal/menu-context.d.ts.map +1 -1
- package/dist/cjs/components/_internal/menu-context.js +1 -1
- package/dist/cjs/components/_internal/menu-context.js.map +2 -2
- package/dist/cjs/components/_internal/pane-chrome.js +1 -1
- package/dist/cjs/components/_internal/pane-chrome.js.map +2 -2
- package/dist/cjs/components/_internal/shell-sidebar.js +1 -1
- package/dist/cjs/components/_internal/shell-sidebar.js.map +2 -2
- package/dist/cjs/components/alert-dialog.d.ts.map +1 -1
- package/dist/cjs/components/alert-dialog.js +1 -1
- package/dist/cjs/components/alert-dialog.js.map +3 -3
- package/dist/cjs/components/alert-dialog.props.d.ts +1 -2
- package/dist/cjs/components/alert-dialog.props.d.ts.map +1 -1
- package/dist/cjs/components/alert-dialog.props.js +1 -1
- package/dist/cjs/components/alert-dialog.props.js.map +2 -2
- package/dist/cjs/components/avatar.js +1 -1
- package/dist/cjs/components/avatar.js.map +2 -2
- package/dist/cjs/components/badge.js +1 -1
- package/dist/cjs/components/badge.js.map +2 -2
- package/dist/cjs/components/blockquote.js +1 -1
- package/dist/cjs/components/blockquote.js.map +2 -2
- package/dist/cjs/components/blockquote.props.d.ts +2 -2
- package/dist/cjs/components/blockquote.props.js +1 -1
- package/dist/cjs/components/blockquote.props.js.map +2 -2
- package/dist/cjs/components/box.js +1 -1
- package/dist/cjs/components/box.js.map +2 -2
- package/dist/cjs/components/button.js +1 -1
- package/dist/cjs/components/button.js.map +2 -2
- package/dist/cjs/components/card.d.ts.map +1 -1
- package/dist/cjs/components/card.js +1 -1
- package/dist/cjs/components/card.js.map +4 -4
- package/dist/cjs/components/card.props.d.ts +3 -10
- package/dist/cjs/components/card.props.d.ts.map +1 -1
- package/dist/cjs/components/card.props.js +1 -1
- package/dist/cjs/components/card.props.js.map +2 -2
- package/dist/cjs/components/chatbar.js +2 -2
- package/dist/cjs/components/chatbar.js.map +2 -2
- package/dist/cjs/components/checkbox-cards.d.ts.map +1 -1
- package/dist/cjs/components/checkbox-cards.js +1 -1
- package/dist/cjs/components/checkbox-cards.js.map +4 -4
- package/dist/cjs/components/checkbox-cards.props.d.ts +2 -1
- package/dist/cjs/components/checkbox-cards.props.d.ts.map +1 -1
- package/dist/cjs/components/checkbox-cards.props.js +1 -1
- package/dist/cjs/components/checkbox-cards.props.js.map +2 -2
- package/dist/cjs/components/checkbox-group.js +1 -1
- package/dist/cjs/components/checkbox-group.js.map +2 -2
- package/dist/cjs/components/checkbox.js +1 -1
- package/dist/cjs/components/checkbox.js.map +2 -2
- package/dist/cjs/components/code.js +1 -1
- package/dist/cjs/components/code.js.map +2 -2
- package/dist/cjs/components/code.props.d.ts +2 -2
- package/dist/cjs/components/code.props.js +1 -1
- package/dist/cjs/components/code.props.js.map +2 -2
- package/dist/cjs/components/combobox.js +1 -1
- package/dist/cjs/components/combobox.js.map +2 -2
- package/dist/cjs/components/combobox.props.d.ts +1 -1
- package/dist/cjs/components/combobox.props.js +1 -1
- package/dist/cjs/components/combobox.props.js.map +2 -2
- package/dist/cjs/components/container.js +1 -1
- package/dist/cjs/components/container.js.map +2 -2
- package/dist/cjs/components/context-menu.js +1 -1
- package/dist/cjs/components/context-menu.js.map +2 -2
- package/dist/cjs/components/context-menu.props.js +1 -1
- package/dist/cjs/components/context-menu.props.js.map +2 -2
- package/dist/cjs/components/data-list.js +1 -1
- package/dist/cjs/components/data-list.js.map +2 -2
- package/dist/cjs/components/dialog.d.ts.map +1 -1
- package/dist/cjs/components/dialog.js +1 -1
- package/dist/cjs/components/dialog.js.map +3 -3
- package/dist/cjs/components/dialog.props.d.ts +1 -2
- package/dist/cjs/components/dialog.props.d.ts.map +1 -1
- package/dist/cjs/components/dialog.props.js +1 -1
- package/dist/cjs/components/dialog.props.js.map +2 -2
- package/dist/cjs/components/dropdown-menu.js +1 -1
- package/dist/cjs/components/dropdown-menu.js.map +2 -2
- package/dist/cjs/components/dropdown-menu.props.js +1 -1
- package/dist/cjs/components/dropdown-menu.props.js.map +2 -2
- package/dist/cjs/components/flex.js +1 -1
- package/dist/cjs/components/flex.js.map +2 -2
- package/dist/cjs/components/grid.js +1 -1
- package/dist/cjs/components/grid.js.map +2 -2
- package/dist/cjs/components/heading.js +1 -1
- package/dist/cjs/components/heading.js.map +2 -2
- package/dist/cjs/components/heading.props.d.ts +2 -2
- package/dist/cjs/components/heading.props.js +1 -1
- package/dist/cjs/components/heading.props.js.map +2 -2
- package/dist/cjs/components/hover-card.js +1 -1
- package/dist/cjs/components/hover-card.js.map +2 -2
- package/dist/cjs/components/hover-card.props.d.ts +1 -1
- package/dist/cjs/components/hover-card.props.js +1 -1
- package/dist/cjs/components/hover-card.props.js.map +2 -2
- package/dist/cjs/components/icon-button.js +1 -1
- package/dist/cjs/components/icon-button.js.map +2 -2
- package/dist/cjs/components/image.js +1 -1
- package/dist/cjs/components/image.js.map +2 -2
- package/dist/cjs/components/index.d.ts +0 -1
- package/dist/cjs/components/index.d.ts.map +1 -1
- package/dist/cjs/components/index.js +5 -5
- package/dist/cjs/components/index.js.map +4 -4
- package/dist/cjs/components/kbd.js +1 -1
- package/dist/cjs/components/kbd.js.map +2 -2
- package/dist/cjs/components/kbd.props.d.ts +1 -1
- package/dist/cjs/components/kbd.props.js +1 -1
- package/dist/cjs/components/kbd.props.js.map +2 -2
- package/dist/cjs/components/link.js +1 -1
- package/dist/cjs/components/link.js.map +2 -2
- package/dist/cjs/components/link.props.d.ts +2 -2
- package/dist/cjs/components/link.props.js +1 -1
- package/dist/cjs/components/link.props.js.map +2 -2
- package/dist/cjs/components/message-scroller.js +1 -1
- package/dist/cjs/components/message-scroller.js.map +2 -2
- package/dist/cjs/components/navbar.js +1 -1
- package/dist/cjs/components/navbar.js.map +2 -2
- package/dist/cjs/components/notice.d.ts +2 -2
- package/dist/cjs/components/notice.d.ts.map +1 -1
- package/dist/cjs/components/notice.js +2 -2
- package/dist/cjs/components/notice.js.map +2 -2
- package/dist/cjs/components/progress.js +1 -1
- package/dist/cjs/components/progress.js.map +2 -2
- package/dist/cjs/components/radio-cards.d.ts.map +1 -1
- package/dist/cjs/components/radio-cards.js +1 -1
- package/dist/cjs/components/radio-cards.js.map +4 -4
- package/dist/cjs/components/radio-cards.props.d.ts +2 -1
- package/dist/cjs/components/radio-cards.props.d.ts.map +1 -1
- package/dist/cjs/components/radio-cards.props.js +1 -1
- package/dist/cjs/components/radio-cards.props.js.map +2 -2
- package/dist/cjs/components/radio-group.js +1 -1
- package/dist/cjs/components/radio-group.js.map +2 -2
- package/dist/cjs/components/radio.js +1 -1
- package/dist/cjs/components/radio.js.map +2 -2
- package/dist/cjs/components/scroll-area.js +1 -1
- package/dist/cjs/components/scroll-area.js.map +2 -2
- package/dist/cjs/components/section.js +1 -1
- package/dist/cjs/components/section.js.map +2 -2
- package/dist/cjs/components/segmented-control.js +1 -1
- package/dist/cjs/components/segmented-control.js.map +2 -2
- package/dist/cjs/components/select.js +1 -1
- package/dist/cjs/components/select.js.map +2 -2
- package/dist/cjs/components/separator.js +1 -1
- package/dist/cjs/components/separator.js.map +2 -2
- package/dist/cjs/components/sheet.d.ts +2 -2
- package/dist/cjs/components/sheet.d.ts.map +1 -1
- package/dist/cjs/components/sheet.js +1 -1
- package/dist/cjs/components/sheet.js.map +3 -3
- package/dist/cjs/components/shell.js +1 -1
- package/dist/cjs/components/shell.js.map +2 -2
- 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 +3 -3
- package/dist/cjs/components/skeleton.js +1 -1
- package/dist/cjs/components/skeleton.js.map +2 -2
- package/dist/cjs/components/slider.js +1 -1
- package/dist/cjs/components/slider.js.map +2 -2
- package/dist/cjs/components/spinner.js +1 -1
- package/dist/cjs/components/spinner.js.map +2 -2
- package/dist/cjs/components/switch.js +1 -1
- package/dist/cjs/components/switch.js.map +2 -2
- package/dist/cjs/components/tab-nav.js +1 -1
- package/dist/cjs/components/tab-nav.js.map +2 -2
- package/dist/cjs/components/table.js +1 -1
- package/dist/cjs/components/table.js.map +2 -2
- package/dist/cjs/components/tabs.js +1 -1
- package/dist/cjs/components/tabs.js.map +2 -2
- package/dist/cjs/components/text-area.js +1 -1
- package/dist/cjs/components/text-area.js.map +2 -2
- package/dist/cjs/components/text-field.js +1 -1
- package/dist/cjs/components/text-field.js.map +2 -2
- package/dist/cjs/components/text.js +1 -1
- package/dist/cjs/components/text.js.map +2 -2
- package/dist/cjs/components/text.props.d.ts +2 -2
- package/dist/cjs/components/text.props.js +1 -1
- package/dist/cjs/components/text.props.js.map +2 -2
- package/dist/cjs/components/theme-panel.js +2 -2
- package/dist/cjs/components/theme-panel.js.map +2 -2
- package/dist/cjs/components/toggle-button.js +1 -1
- package/dist/cjs/components/toggle-button.js.map +2 -2
- package/dist/cjs/components/toggle-icon-button.js +1 -1
- package/dist/cjs/components/toggle-icon-button.js.map +2 -2
- package/dist/cjs/components/toolbar.js +1 -1
- package/dist/cjs/components/toolbar.js.map +2 -2
- package/dist/cjs/components/tooltip.js +1 -1
- package/dist/cjs/components/tooltip.js.map +2 -2
- package/dist/cjs/components/virtual-menu.d.ts +2 -1
- package/dist/cjs/components/virtual-menu.d.ts.map +1 -1
- package/dist/cjs/components/virtual-menu.js +1 -1
- package/dist/cjs/components/virtual-menu.js.map +2 -2
- package/dist/cjs/helpers/extract-margin-props.d.ts +7 -7
- package/dist/cjs/helpers/get-margin-styles.js +1 -1
- package/dist/cjs/helpers/get-margin-styles.js.map +2 -2
- package/dist/cjs/helpers/index.js +1 -1
- package/dist/cjs/helpers/index.js.map +2 -2
- package/dist/cjs/index.js +6 -6
- package/dist/cjs/index.js.map +4 -4
- package/dist/cjs/props/index.d.ts +0 -1
- package/dist/cjs/props/index.d.ts.map +1 -1
- package/dist/cjs/props/index.js +1 -1
- package/dist/cjs/props/index.js.map +4 -4
- package/dist/cjs/props/margin.props.d.ts +7 -7
- package/dist/cjs/props/margin.props.js +1 -1
- package/dist/cjs/props/margin.props.js.map +2 -2
- package/dist/cjs/props/weight.prop.d.ts +1 -1
- package/dist/cjs/props/weight.prop.d.ts.map +1 -1
- package/dist/cjs/props/weight.prop.js +1 -1
- package/dist/cjs/props/weight.prop.js.map +2 -2
- package/dist/esm/chunk-2FPJ6Q2N.js +2 -0
- package/dist/esm/chunk-2FPJ6Q2N.js.map +7 -0
- package/dist/esm/chunk-2WSD2H23.js +2 -0
- package/dist/esm/chunk-2WSD2H23.js.map +7 -0
- package/dist/esm/{chunk-V2TPYSZ2.js → chunk-33IRPFDK.js} +2 -2
- package/dist/esm/{chunk-YVMQWSHA.js → chunk-3E6ADI2F.js} +2 -2
- package/dist/esm/{chunk-ZJZIV2JH.js → chunk-42LDZ7L5.js} +2 -2
- package/dist/esm/{chunk-AMP7O3DM.js → chunk-43A5GUSI.js} +2 -2
- package/dist/esm/{chunk-MDHXSEGH.js → chunk-4ITIXBIP.js} +2 -2
- package/dist/esm/{chunk-MDHXSEGH.js.map → chunk-4ITIXBIP.js.map} +2 -2
- package/dist/esm/{chunk-UBSLEGQZ.js → chunk-6FLLFCBU.js} +2 -2
- package/dist/esm/{chunk-DJFTDR6Y.js → chunk-6RZVKCNG.js} +2 -2
- package/dist/esm/chunk-74SNS4VY.js +2 -0
- package/dist/esm/chunk-74SNS4VY.js.map +7 -0
- package/dist/esm/{chunk-JLI7WHV6.js → chunk-7FC7HF76.js} +2 -2
- package/dist/esm/{chunk-KFQ4B5YC.js → chunk-7KIKAEI7.js} +2 -2
- package/dist/esm/{chunk-7J2QS2UT.js → chunk-7SS6EIE5.js} +2 -2
- package/dist/esm/{chunk-ZH2B7WEH.js → chunk-7UV4FYYL.js} +2 -2
- package/dist/esm/{chunk-TPHNDGSV.js → chunk-AI6UQ5VD.js} +2 -2
- package/dist/esm/{chunk-4M55YJMR.js → chunk-BQS6XXJR.js} +2 -2
- package/dist/esm/chunk-CD324U6G.js +2 -0
- package/dist/esm/chunk-CD324U6G.js.map +7 -0
- package/dist/esm/{chunk-AO32NT75.js → chunk-CLEH57SW.js} +2 -2
- package/dist/esm/{chunk-XHKL4PG7.js → chunk-CNMFVJNC.js} +2 -2
- package/dist/esm/chunk-D2ZHYCTG.js +2 -0
- package/dist/esm/chunk-D2ZHYCTG.js.map +7 -0
- package/dist/esm/{chunk-TGRRQHLQ.js → chunk-DMWLY6ZP.js} +2 -2
- package/dist/esm/{chunk-AKPAHQYE.js → chunk-E453PYTG.js} +2 -2
- package/dist/esm/chunk-E4KCVRBQ.js +2 -0
- package/dist/esm/chunk-E4KCVRBQ.js.map +7 -0
- package/dist/esm/{chunk-F3XBIUXB.js → chunk-EUHAZKWY.js} +2 -2
- package/dist/esm/chunk-F2UUKVBM.js +1 -0
- package/dist/esm/chunk-F7HK2QLM.js +2 -0
- package/dist/esm/{chunk-5AHQJB6H.js.map → chunk-F7HK2QLM.js.map} +2 -2
- package/dist/esm/{chunk-UNRG6Z5I.js → chunk-FNRKTMNN.js} +2 -2
- package/dist/esm/{chunk-BZ6YBP2S.js → chunk-GDACOD53.js} +2 -2
- package/dist/esm/{chunk-DSB3TEAQ.js → chunk-GLERJXVS.js} +2 -2
- package/dist/esm/{chunk-JCRBBT4X.js → chunk-GPVPXAUC.js} +2 -2
- package/dist/esm/chunk-GTXRD4FZ.js +2 -0
- package/dist/esm/{chunk-DFSW4QR4.js.map → chunk-GTXRD4FZ.js.map} +3 -3
- package/dist/esm/{chunk-O6K6RZXY.js → chunk-HJ6ACBXW.js} +2 -2
- package/dist/esm/{chunk-KPPIW4OJ.js → chunk-HJZNHNLX.js} +2 -2
- package/dist/esm/chunk-HK7RJPQ2.js +2 -0
- package/dist/esm/chunk-HK7RJPQ2.js.map +7 -0
- package/dist/esm/chunk-HT5EFJA3.js +2 -0
- package/dist/esm/chunk-HT5EFJA3.js.map +7 -0
- package/dist/esm/{chunk-BFLO4IVZ.js → chunk-HVXXJZC2.js} +2 -2
- package/dist/esm/{chunk-XVKFQSLI.js → chunk-IND2NZIN.js} +2 -2
- package/dist/esm/{chunk-GQBQHGEF.js → chunk-JDMJC76O.js} +2 -2
- package/dist/esm/chunk-JH55M4I2.js +2 -0
- package/dist/esm/chunk-JH55M4I2.js.map +7 -0
- package/dist/esm/{chunk-IF4PYIUV.js → chunk-JOB6FH3D.js} +2 -2
- package/dist/esm/chunk-JOB6FH3D.js.map +7 -0
- package/dist/esm/{chunk-PBFSBHBS.js → chunk-JUY7CBSL.js} +2 -2
- package/dist/esm/{chunk-XHF6RBOE.js → chunk-KRPEEM4C.js} +2 -2
- package/dist/esm/chunk-LFUPGIPA.js +2 -0
- package/dist/esm/chunk-LFUPGIPA.js.map +7 -0
- package/dist/esm/{chunk-EHUSLPWN.js → chunk-MLXFZDFU.js} +2 -2
- package/dist/esm/{chunk-K5SC3CZZ.js → chunk-N5OSP3PU.js} +2 -2
- package/dist/esm/{chunk-7FZPCM7W.js → chunk-NEK7F746.js} +2 -2
- package/dist/esm/{chunk-35HNDWWM.js → chunk-NETIWKIR.js} +2 -2
- package/dist/esm/chunk-NTGRWJEG.js +2 -0
- package/dist/esm/{chunk-EVTNB4TB.js.map → chunk-NTGRWJEG.js.map} +2 -2
- package/dist/esm/{chunk-CL6LRPCS.js → chunk-O7IPBLC7.js} +2 -2
- package/dist/esm/{chunk-GVLTTTFL.js → chunk-OLSTITVY.js} +2 -2
- package/dist/esm/{chunk-UQZHW3EJ.js → chunk-OMYAVTX6.js} +2 -2
- package/dist/esm/{chunk-7CBZFHSQ.js → chunk-OXYHRNJA.js} +2 -2
- package/dist/esm/{chunk-L6M2MI7Y.js → chunk-PIMNQEDG.js} +2 -2
- package/dist/esm/{chunk-VIDXAECE.js → chunk-Q5LPCJXN.js} +2 -2
- package/dist/esm/{chunk-CRK34MWY.js → chunk-Q6GUADLO.js} +2 -2
- package/dist/esm/{chunk-EA2XSEFH.js → chunk-QETAAJJV.js} +2 -2
- package/dist/esm/chunk-QEYOXQK5.js +2 -0
- package/dist/esm/{chunk-PDBVZAUJ.js.map → chunk-QEYOXQK5.js.map} +2 -2
- package/dist/esm/chunk-QWLKMVZY.js +2 -0
- package/dist/esm/chunk-R372ULQC.js +2 -0
- package/dist/esm/chunk-R372ULQC.js.map +7 -0
- package/dist/esm/chunk-RDS3AJWW.js +2 -0
- package/dist/esm/chunk-RDS3AJWW.js.map +7 -0
- package/dist/esm/{chunk-ENSDQ3XQ.js → chunk-RUWKVDFT.js} +2 -2
- package/dist/esm/{chunk-CHPZ3LNC.js → chunk-RVM4LGAU.js} +2 -2
- package/dist/esm/{chunk-YF3MFME4.js → chunk-SKOF4A27.js} +2 -2
- package/dist/esm/chunk-TBWKDBUF.js +2 -0
- package/dist/esm/chunk-TBWKDBUF.js.map +7 -0
- package/dist/esm/{chunk-IWT3Q2PD.js → chunk-TLWCU336.js} +2 -2
- package/dist/esm/{chunk-MAI7FEU7.js → chunk-TLZMLJTI.js} +2 -2
- package/dist/esm/{chunk-MAI7FEU7.js.map → chunk-TLZMLJTI.js.map} +2 -2
- package/dist/esm/{chunk-MQDZBF4J.js → chunk-TQIR5LLY.js} +2 -2
- package/dist/esm/{chunk-QAUYOVVL.js → chunk-UFJJTUOU.js} +2 -2
- package/dist/esm/chunk-UNH3FGU4.js +2 -0
- package/dist/esm/chunk-UNH3FGU4.js.map +7 -0
- package/dist/esm/{chunk-BN24ZBO7.js → chunk-UUWGAQDT.js} +2 -2
- package/dist/esm/{chunk-ZFBLPW3X.js → chunk-VLQ2LX5M.js} +2 -2
- package/dist/esm/{chunk-4DE3ONED.js → chunk-VTTJFBV6.js} +2 -2
- package/dist/esm/{chunk-VT4AAF7Q.js → chunk-WBGKTN35.js} +2 -2
- package/dist/esm/{chunk-PAQS6C2A.js → chunk-WDDO73O5.js} +2 -2
- package/dist/esm/chunk-WSKA5MZZ.js +2 -0
- package/dist/esm/chunk-WSKA5MZZ.js.map +7 -0
- package/dist/esm/{chunk-3OABA7AF.js → chunk-X7HFFVFD.js} +2 -2
- package/dist/esm/chunk-XASK6LMX.js +2 -0
- package/dist/esm/chunk-XASK6LMX.js.map +7 -0
- package/dist/esm/chunk-XDAQXNBQ.js +2 -0
- package/dist/esm/chunk-XDAQXNBQ.js.map +7 -0
- package/dist/esm/{chunk-MJEYJI5G.js → chunk-XDV2SDJ3.js} +2 -2
- package/dist/esm/{chunk-RC7TBVLO.js → chunk-XPT5ELKO.js} +2 -2
- package/dist/esm/{chunk-KRXCFIRK.js → chunk-XXHIMGBY.js} +2 -2
- package/dist/esm/{chunk-5VBJT2VY.js → chunk-YS5BZRRK.js} +2 -2
- package/dist/esm/chunk-YYZBPQQ4.js +2 -0
- package/dist/esm/chunk-YYZBPQQ4.js.map +7 -0
- package/dist/esm/chunk-Z6NRR7KS.js +2 -0
- package/dist/esm/chunk-Z6NRR7KS.js.map +7 -0
- package/dist/esm/{chunk-U7PDXTRX.js → chunk-ZIKJ2WZN.js} +2 -2
- package/dist/esm/{chunk-35KS5AQE.js → chunk-ZMOBKT4T.js} +2 -2
- package/dist/esm/{chunk-5R2WX2FU.js → chunk-ZRHXFYAE.js} +2 -2
- package/dist/esm/components/_internal/base-button.js +1 -1
- package/dist/esm/components/_internal/base-menu.props.d.ts +2 -2
- package/dist/esm/components/_internal/base-menu.props.js +1 -1
- package/dist/esm/components/_internal/base-menu.utils.d.ts.map +1 -1
- package/dist/esm/components/_internal/base-menu.utils.js +1 -1
- package/dist/esm/components/_internal/menu-context.d.ts +5 -2
- package/dist/esm/components/_internal/menu-context.d.ts.map +1 -1
- package/dist/esm/components/_internal/menu-context.js +1 -1
- package/dist/esm/components/_internal/pane-chrome.js +1 -1
- package/dist/esm/components/_internal/shell-sidebar.js +1 -1
- package/dist/esm/components/accordion.js +1 -1
- package/dist/esm/components/alert-dialog.d.ts.map +1 -1
- package/dist/esm/components/alert-dialog.js +1 -1
- package/dist/esm/components/alert-dialog.props.d.ts +1 -2
- package/dist/esm/components/alert-dialog.props.d.ts.map +1 -1
- package/dist/esm/components/alert-dialog.props.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.d.ts +2 -2
- 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/card.d.ts.map +1 -1
- package/dist/esm/components/card.js +1 -1
- package/dist/esm/components/card.props.d.ts +3 -10
- package/dist/esm/components/card.props.d.ts.map +1 -1
- package/dist/esm/components/card.props.js +1 -1
- package/dist/esm/components/chatbar.js +1 -1
- package/dist/esm/components/checkbox-cards.d.ts.map +1 -1
- package/dist/esm/components/checkbox-cards.js +1 -1
- package/dist/esm/components/checkbox-cards.props.d.ts +2 -1
- package/dist/esm/components/checkbox-cards.props.d.ts.map +1 -1
- package/dist/esm/components/checkbox-cards.props.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.d.ts +2 -2
- package/dist/esm/components/code.props.js +1 -1
- package/dist/esm/components/combobox.js +1 -1
- package/dist/esm/components/combobox.props.d.ts +1 -1
- package/dist/esm/components/combobox.props.js +1 -1
- package/dist/esm/components/container.js +1 -1
- package/dist/esm/components/context-menu.js +1 -1
- package/dist/esm/components/context-menu.props.js +1 -1
- package/dist/esm/components/data-list.js +1 -1
- package/dist/esm/components/dialog.d.ts.map +1 -1
- package/dist/esm/components/dialog.js +1 -1
- package/dist/esm/components/dialog.props.d.ts +1 -2
- package/dist/esm/components/dialog.props.d.ts.map +1 -1
- package/dist/esm/components/dialog.props.js +1 -1
- package/dist/esm/components/dropdown-menu.js +1 -1
- package/dist/esm/components/dropdown-menu.props.js +1 -1
- package/dist/esm/components/em.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.d.ts +2 -2
- package/dist/esm/components/heading.props.js +1 -1
- package/dist/esm/components/hover-card.js +1 -1
- package/dist/esm/components/hover-card.props.d.ts +1 -1
- package/dist/esm/components/hover-card.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.d.ts +0 -1
- package/dist/esm/components/index.d.ts.map +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/kbd.js +1 -1
- package/dist/esm/components/kbd.props.d.ts +1 -1
- package/dist/esm/components/kbd.props.js +1 -1
- package/dist/esm/components/link.js +1 -1
- package/dist/esm/components/link.props.d.ts +2 -2
- package/dist/esm/components/link.props.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.d.ts +2 -2
- package/dist/esm/components/notice.d.ts.map +1 -1
- package/dist/esm/components/notice.js +1 -1
- package/dist/esm/components/popover.js +1 -1
- package/dist/esm/components/progress.js +1 -1
- package/dist/esm/components/quote.js +1 -1
- package/dist/esm/components/radio-cards.d.ts.map +1 -1
- package/dist/esm/components/radio-cards.js +1 -1
- package/dist/esm/components/radio-cards.props.d.ts +2 -1
- package/dist/esm/components/radio-cards.props.d.ts.map +1 -1
- package/dist/esm/components/radio-cards.props.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.d.ts +2 -2
- package/dist/esm/components/sheet.d.ts.map +1 -1
- package/dist/esm/components/sheet.js +1 -1
- package/dist/esm/components/shell.js +1 -1
- package/dist/esm/components/sidebar.d.ts.map +1 -1
- package/dist/esm/components/sidebar.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/strong.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.d.ts +2 -2
- 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/virtual-menu.d.ts +2 -1
- package/dist/esm/components/virtual-menu.d.ts.map +1 -1
- package/dist/esm/components/virtual-menu.js +1 -1
- package/dist/esm/helpers/extract-margin-props.d.ts +7 -7
- package/dist/esm/helpers/extract-props.js +1 -1
- package/dist/esm/helpers/get-margin-styles.js +1 -1
- package/dist/esm/helpers/get-responsive-styles.js +1 -1
- package/dist/esm/helpers/index.js +1 -1
- package/dist/esm/index.js +1 -1
- package/dist/esm/props/index.d.ts +0 -1
- package/dist/esm/props/index.d.ts.map +1 -1
- package/dist/esm/props/index.js +1 -1
- package/dist/esm/props/margin.props.d.ts +7 -7
- package/dist/esm/props/margin.props.js +1 -1
- package/dist/esm/props/weight.prop.d.ts +1 -1
- package/dist/esm/props/weight.prop.d.ts.map +1 -1
- package/dist/esm/props/weight.prop.js +1 -1
- package/layout/utilities.css +240 -198
- package/layout.css +240 -198
- package/package.json +1 -1
- package/src/components/_internal/base-card.css +21 -73
- package/src/components/_internal/base-dialog.css +18 -12
- package/src/components/_internal/base-menu.css +123 -117
- package/src/components/_internal/base-menu.props.ts +1 -1
- package/src/components/_internal/base-menu.utils.tsx +2 -1
- package/src/components/_internal/base-sidebar-menu.css +8 -38
- package/src/components/_internal/menu-context.tsx +9 -4
- package/src/components/accordion.css +3 -3
- package/src/components/alert-dialog.css +4 -0
- package/src/components/alert-dialog.tsx +3 -1
- package/src/components/avatar.css +12 -12
- package/src/components/badge.css +6 -6
- package/src/components/blockquote.props.tsx +1 -1
- package/src/components/card.css +11 -2
- package/src/components/card.props.tsx +3 -6
- package/src/components/card.tsx +7 -9
- package/src/components/chatbar.css +6 -6
- package/src/components/checkbox-cards.css +4 -48
- package/src/components/checkbox-cards.props.tsx +2 -1
- package/src/components/checkbox-cards.tsx +9 -3
- package/src/components/code.css +10 -32
- package/src/components/code.props.tsx +1 -1
- package/src/components/combobox.css +0 -9
- package/src/components/combobox.props.tsx +1 -1
- package/src/components/dialog.css +4 -0
- package/src/components/dialog.props.tsx +3 -2
- package/src/components/dialog.tsx +3 -1
- package/src/components/heading.css +9 -29
- package/src/components/heading.props.tsx +1 -1
- package/src/components/hover-card.css +10 -10
- package/src/components/hover-card.props.tsx +1 -1
- package/src/components/index.css +0 -1
- package/src/components/index.tsx +0 -1
- package/src/components/kbd.css +11 -39
- package/src/components/kbd.props.tsx +1 -1
- package/src/components/link.props.tsx +1 -1
- package/src/components/notice.css +18 -11
- package/src/components/notice.tsx +4 -4
- package/src/components/popover.css +8 -12
- package/src/components/radio-cards.css +0 -38
- package/src/components/radio-cards.props.tsx +2 -1
- package/src/components/radio-cards.tsx +13 -3
- package/src/components/scroll-area.css +1 -1
- package/src/components/segmented-control.css +4 -4
- package/src/components/select.css +23 -138
- package/src/components/sheet.css +2 -1
- package/src/components/sheet.tsx +6 -10
- package/src/components/shell.css +1 -1
- package/src/components/sidebar.css +88 -129
- package/src/components/sidebar.tsx +1 -3
- package/src/components/slider.css +2 -2
- package/src/components/table.css +27 -22
- package/src/components/text-field.css +4 -4
- package/src/components/text.css +0 -20
- package/src/components/text.props.tsx +1 -1
- package/src/components/toolbar.css +4 -4
- package/src/components/virtual-menu.tsx +3 -1
- package/src/props/index.ts +0 -1
- package/src/props/margin.props.ts +1 -1
- package/src/props/weight.prop.ts +2 -1
- package/src/styles/tokens/radius.css +109 -53
- package/src/styles/tokens/typography.css +21 -49
- package/src/styles/utilities/font-weight.css +0 -20
- package/src/styles/utilities/margin.css +40 -7
- package/src/styles/utilities/padding.css +0 -26
- package/styles.css +2171 -4194
- package/tokens/base.css +224 -71
- package/tokens.css +224 -71
- package/utilities.css +240 -288
- package/dist/cjs/components/inset.d.ts +0 -12
- package/dist/cjs/components/inset.d.ts.map +0 -1
- package/dist/cjs/components/inset.js +0 -2
- package/dist/cjs/components/inset.js.map +0 -7
- package/dist/cjs/components/inset.props.d.ts +0 -71
- package/dist/cjs/components/inset.props.d.ts.map +0 -1
- package/dist/cjs/components/inset.props.js +0 -2
- package/dist/cjs/components/inset.props.js.map +0 -7
- package/dist/esm/chunk-2CNQGDY3.js +0 -2
- package/dist/esm/chunk-2CNQGDY3.js.map +0 -7
- package/dist/esm/chunk-2O3WL25H.js +0 -2
- package/dist/esm/chunk-5AHQJB6H.js +0 -2
- package/dist/esm/chunk-6YWDEANN.js +0 -2
- package/dist/esm/chunk-6YWDEANN.js.map +0 -7
- package/dist/esm/chunk-6YWJUNMB.js +0 -2
- package/dist/esm/chunk-6YWJUNMB.js.map +0 -7
- package/dist/esm/chunk-ABQHBDM4.js +0 -2
- package/dist/esm/chunk-ABQHBDM4.js.map +0 -7
- package/dist/esm/chunk-B72RMGWZ.js +0 -2
- package/dist/esm/chunk-B72RMGWZ.js.map +0 -7
- package/dist/esm/chunk-DFSW4QR4.js +0 -2
- package/dist/esm/chunk-EO7WQYFO.js +0 -2
- package/dist/esm/chunk-EO7WQYFO.js.map +0 -7
- package/dist/esm/chunk-EUSKAXHP.js +0 -2
- package/dist/esm/chunk-EUSKAXHP.js.map +0 -7
- package/dist/esm/chunk-EVTNB4TB.js +0 -2
- package/dist/esm/chunk-FD2TR343.js +0 -2
- package/dist/esm/chunk-FD2TR343.js.map +0 -7
- package/dist/esm/chunk-GHD3TKCA.js +0 -2
- package/dist/esm/chunk-GHD3TKCA.js.map +0 -7
- package/dist/esm/chunk-GSTOGDAJ.js +0 -2
- package/dist/esm/chunk-GSTOGDAJ.js.map +0 -7
- package/dist/esm/chunk-GTVFQXLJ.js +0 -2
- package/dist/esm/chunk-GTVFQXLJ.js.map +0 -7
- package/dist/esm/chunk-IF4PYIUV.js.map +0 -7
- package/dist/esm/chunk-IYFDCW7Y.js +0 -2
- package/dist/esm/chunk-IYFDCW7Y.js.map +0 -7
- package/dist/esm/chunk-JAMLW534.js +0 -2
- package/dist/esm/chunk-JAMLW534.js.map +0 -7
- package/dist/esm/chunk-MPN33CKR.js +0 -2
- package/dist/esm/chunk-MPN33CKR.js.map +0 -7
- package/dist/esm/chunk-NFVOEHZS.js +0 -2
- package/dist/esm/chunk-NFVOEHZS.js.map +0 -7
- package/dist/esm/chunk-PDBVZAUJ.js +0 -2
- package/dist/esm/chunk-QDW5ZG5E.js +0 -1
- package/dist/esm/chunk-RJ6SA7AY.js +0 -2
- package/dist/esm/chunk-RJ6SA7AY.js.map +0 -7
- package/dist/esm/chunk-RSJSVJ6A.js +0 -2
- package/dist/esm/chunk-RSJSVJ6A.js.map +0 -7
- package/dist/esm/chunk-VJSZG35J.js +0 -2
- package/dist/esm/chunk-VJSZG35J.js.map +0 -7
- package/dist/esm/chunk-WKMJIWFP.js +0 -2
- package/dist/esm/chunk-WKMJIWFP.js.map +0 -7
- package/dist/esm/chunk-YGPUKJEB.js +0 -2
- package/dist/esm/chunk-YGPUKJEB.js.map +0 -7
- package/dist/esm/chunk-ZMFZYXLB.js +0 -2
- package/dist/esm/chunk-ZMFZYXLB.js.map +0 -7
- package/dist/esm/components/inset.d.ts +0 -12
- package/dist/esm/components/inset.d.ts.map +0 -1
- package/dist/esm/components/inset.js +0 -2
- package/dist/esm/components/inset.js.map +0 -7
- package/dist/esm/components/inset.props.d.ts +0 -71
- package/dist/esm/components/inset.props.d.ts.map +0 -1
- package/dist/esm/components/inset.props.js +0 -2
- package/dist/esm/components/inset.props.js.map +0 -7
- package/src/components/inset.css +0 -111
- package/src/components/inset.props.tsx +0 -90
- package/src/components/inset.tsx +0 -28
- /package/dist/esm/{chunk-V2TPYSZ2.js.map → chunk-33IRPFDK.js.map} +0 -0
- /package/dist/esm/{chunk-YVMQWSHA.js.map → chunk-3E6ADI2F.js.map} +0 -0
- /package/dist/esm/{chunk-ZJZIV2JH.js.map → chunk-42LDZ7L5.js.map} +0 -0
- /package/dist/esm/{chunk-AMP7O3DM.js.map → chunk-43A5GUSI.js.map} +0 -0
- /package/dist/esm/{chunk-UBSLEGQZ.js.map → chunk-6FLLFCBU.js.map} +0 -0
- /package/dist/esm/{chunk-DJFTDR6Y.js.map → chunk-6RZVKCNG.js.map} +0 -0
- /package/dist/esm/{chunk-JLI7WHV6.js.map → chunk-7FC7HF76.js.map} +0 -0
- /package/dist/esm/{chunk-KFQ4B5YC.js.map → chunk-7KIKAEI7.js.map} +0 -0
- /package/dist/esm/{chunk-7J2QS2UT.js.map → chunk-7SS6EIE5.js.map} +0 -0
- /package/dist/esm/{chunk-ZH2B7WEH.js.map → chunk-7UV4FYYL.js.map} +0 -0
- /package/dist/esm/{chunk-TPHNDGSV.js.map → chunk-AI6UQ5VD.js.map} +0 -0
- /package/dist/esm/{chunk-4M55YJMR.js.map → chunk-BQS6XXJR.js.map} +0 -0
- /package/dist/esm/{chunk-AO32NT75.js.map → chunk-CLEH57SW.js.map} +0 -0
- /package/dist/esm/{chunk-XHKL4PG7.js.map → chunk-CNMFVJNC.js.map} +0 -0
- /package/dist/esm/{chunk-TGRRQHLQ.js.map → chunk-DMWLY6ZP.js.map} +0 -0
- /package/dist/esm/{chunk-AKPAHQYE.js.map → chunk-E453PYTG.js.map} +0 -0
- /package/dist/esm/{chunk-F3XBIUXB.js.map → chunk-EUHAZKWY.js.map} +0 -0
- /package/dist/esm/{chunk-QDW5ZG5E.js.map → chunk-F2UUKVBM.js.map} +0 -0
- /package/dist/esm/{chunk-UNRG6Z5I.js.map → chunk-FNRKTMNN.js.map} +0 -0
- /package/dist/esm/{chunk-BZ6YBP2S.js.map → chunk-GDACOD53.js.map} +0 -0
- /package/dist/esm/{chunk-DSB3TEAQ.js.map → chunk-GLERJXVS.js.map} +0 -0
- /package/dist/esm/{chunk-JCRBBT4X.js.map → chunk-GPVPXAUC.js.map} +0 -0
- /package/dist/esm/{chunk-O6K6RZXY.js.map → chunk-HJ6ACBXW.js.map} +0 -0
- /package/dist/esm/{chunk-KPPIW4OJ.js.map → chunk-HJZNHNLX.js.map} +0 -0
- /package/dist/esm/{chunk-BFLO4IVZ.js.map → chunk-HVXXJZC2.js.map} +0 -0
- /package/dist/esm/{chunk-XVKFQSLI.js.map → chunk-IND2NZIN.js.map} +0 -0
- /package/dist/esm/{chunk-GQBQHGEF.js.map → chunk-JDMJC76O.js.map} +0 -0
- /package/dist/esm/{chunk-PBFSBHBS.js.map → chunk-JUY7CBSL.js.map} +0 -0
- /package/dist/esm/{chunk-XHF6RBOE.js.map → chunk-KRPEEM4C.js.map} +0 -0
- /package/dist/esm/{chunk-EHUSLPWN.js.map → chunk-MLXFZDFU.js.map} +0 -0
- /package/dist/esm/{chunk-K5SC3CZZ.js.map → chunk-N5OSP3PU.js.map} +0 -0
- /package/dist/esm/{chunk-7FZPCM7W.js.map → chunk-NEK7F746.js.map} +0 -0
- /package/dist/esm/{chunk-35HNDWWM.js.map → chunk-NETIWKIR.js.map} +0 -0
- /package/dist/esm/{chunk-CL6LRPCS.js.map → chunk-O7IPBLC7.js.map} +0 -0
- /package/dist/esm/{chunk-GVLTTTFL.js.map → chunk-OLSTITVY.js.map} +0 -0
- /package/dist/esm/{chunk-UQZHW3EJ.js.map → chunk-OMYAVTX6.js.map} +0 -0
- /package/dist/esm/{chunk-7CBZFHSQ.js.map → chunk-OXYHRNJA.js.map} +0 -0
- /package/dist/esm/{chunk-L6M2MI7Y.js.map → chunk-PIMNQEDG.js.map} +0 -0
- /package/dist/esm/{chunk-VIDXAECE.js.map → chunk-Q5LPCJXN.js.map} +0 -0
- /package/dist/esm/{chunk-CRK34MWY.js.map → chunk-Q6GUADLO.js.map} +0 -0
- /package/dist/esm/{chunk-EA2XSEFH.js.map → chunk-QETAAJJV.js.map} +0 -0
- /package/dist/esm/{chunk-2O3WL25H.js.map → chunk-QWLKMVZY.js.map} +0 -0
- /package/dist/esm/{chunk-ENSDQ3XQ.js.map → chunk-RUWKVDFT.js.map} +0 -0
- /package/dist/esm/{chunk-CHPZ3LNC.js.map → chunk-RVM4LGAU.js.map} +0 -0
- /package/dist/esm/{chunk-YF3MFME4.js.map → chunk-SKOF4A27.js.map} +0 -0
- /package/dist/esm/{chunk-IWT3Q2PD.js.map → chunk-TLWCU336.js.map} +0 -0
- /package/dist/esm/{chunk-MQDZBF4J.js.map → chunk-TQIR5LLY.js.map} +0 -0
- /package/dist/esm/{chunk-QAUYOVVL.js.map → chunk-UFJJTUOU.js.map} +0 -0
- /package/dist/esm/{chunk-BN24ZBO7.js.map → chunk-UUWGAQDT.js.map} +0 -0
- /package/dist/esm/{chunk-ZFBLPW3X.js.map → chunk-VLQ2LX5M.js.map} +0 -0
- /package/dist/esm/{chunk-4DE3ONED.js.map → chunk-VTTJFBV6.js.map} +0 -0
- /package/dist/esm/{chunk-VT4AAF7Q.js.map → chunk-WBGKTN35.js.map} +0 -0
- /package/dist/esm/{chunk-PAQS6C2A.js.map → chunk-WDDO73O5.js.map} +0 -0
- /package/dist/esm/{chunk-3OABA7AF.js.map → chunk-X7HFFVFD.js.map} +0 -0
- /package/dist/esm/{chunk-MJEYJI5G.js.map → chunk-XDV2SDJ3.js.map} +0 -0
- /package/dist/esm/{chunk-RC7TBVLO.js.map → chunk-XPT5ELKO.js.map} +0 -0
- /package/dist/esm/{chunk-KRXCFIRK.js.map → chunk-XXHIMGBY.js.map} +0 -0
- /package/dist/esm/{chunk-5VBJT2VY.js.map → chunk-YS5BZRRK.js.map} +0 -0
- /package/dist/esm/{chunk-U7PDXTRX.js.map → chunk-ZIKJ2WZN.js.map} +0 -0
- /package/dist/esm/{chunk-35KS5AQE.js.map → chunk-ZMOBKT4T.js.map} +0 -0
- /package/dist/esm/{chunk-5R2WX2FU.js.map → chunk-ZRHXFYAE.js.map} +0 -0
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/components/virtual-menu.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { useMenuContext, getMenuItemHeight } from './_internal/menu-context.js';\n\n/**\n * VirtualMenu - A virtualized menu component for rendering large lists efficiently.\n *\n * Uses TanStack Virtual to render only visible items.\n * Works inside any container (DropdownMenu.Content, Popover.Content, etc.)\n *\n * @example\n * // Simple usage with itemLabel\n * <VirtualMenu\n * items={items}\n * itemLabel={(item) => item.name}\n * onSelect={handleSelect}\n * />\n *\n * @example\n * // Custom rendering with renderItem\n * const UserItem = React.memo(({ item, ...props }) => (\n * <VirtualMenu.Item {...props}>\n * <Avatar src={item.avatar} />\n * {item.name}\n * </VirtualMenu.Item>\n * ));\n *\n * <VirtualMenu items={users} renderItem={UserItem} onSelect={handleSelect} />\n */\n\n// ============================================================================\n// Types\n// ============================================================================\n\n/** Props passed to custom renderItem components */\ninterface VirtualMenuRenderItemProps<T> {\n /** The item data */\n item: T;\n /** Index in the items array */\n index: number;\n /** Whether this item is currently highlighted */\n isHighlighted: boolean;\n /** Unique ID for accessibility */\n id: string;\n /** Positioning styles - must be applied */\n style: React.CSSProperties;\n /** Tab index for focus management */\n tabIndex: number;\n /** Data attribute for CSS styling */\n 'data-highlighted': true | undefined;\n /** Data attribute for event delegation */\n 'data-index': number;\n /** Mouse enter handler */\n onMouseEnter: (e: React.MouseEvent<HTMLElement>) => void;\n /** Mouse leave handler */\n onMouseLeave: () => void;\n /** Click handler */\n onClick: (e: React.MouseEvent<HTMLElement>) => void;\n /** Keyboard handler for Enter/Space activation */\n onKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;\n}\n\ninterface VirtualMenuProps<T> {\n /** Array of items to render */\n items: T[];\n /**\n * Simple label accessor for basic text items.\n * Can be a property key or a function.\n * @example\n * itemLabel=\"name\"\n * itemLabel={(item) => item.name}\n */\n itemLabel?: keyof T | ((item: T) => React.ReactNode);\n /**\n * Custom component for rendering items.\n * Must be memoized (React.memo) for optimal performance.\n * @example\n * const MyItem = React.memo(({ item, ...props }) => (\n * <VirtualMenu.Item {...props}>{item.name}</VirtualMenu.Item>\n * ));\n * <VirtualMenu items={items} renderItem={MyItem} />\n */\n renderItem?: React.ComponentType<VirtualMenuRenderItemProps<T>>;\n /**\n * Menu size - controls item height.\n * Automatically inherited from parent DropdownMenu.Content/ContextMenu.Content.\n * Only set manually when using VirtualMenu outside of a menu context.\n * @default '2' (or inherited from context)\n */\n size?: '1' | '2';\n /**\n * Estimated height of each item in pixels.\n * Can be a number (same for all) or a function (per-item).\n * Usually not needed - height is automatically derived from size prop/context.\n * Use this only for custom item heights (e.g., variable height items).\n */\n estimatedItemSize?: number | ((index: number) => number);\n /** Number of items to render outside visible area */\n overscan?: number;\n /** Callback when an item is selected */\n onSelect?: (item: T, index: number) => void;\n /** Additional class name */\n className?: string;\n /** Additional styles */\n style?: React.CSSProperties;\n /** Accessible label for the menu */\n 'aria-label'?: string;\n}\n\n// ============================================================================\n// Internal Memoized Item Component\n// ============================================================================\n\ninterface SimpleItemProps {\n label: React.ReactNode;\n isHighlighted: boolean;\n id: string;\n style: React.CSSProperties;\n tabIndex: number;\n 'data-highlighted': true | undefined;\n 'data-index': number;\n onMouseEnter: (e: React.MouseEvent<HTMLElement>) => void;\n onMouseLeave: () => void;\n onClick: (e: React.MouseEvent<HTMLElement>) => void;\n onKeyDown: (e: React.KeyboardEvent<HTMLElement>) => void;\n}\n\nconst SimpleItem = React.memo(\n function SimpleItem({\n label,\n isHighlighted: _isHighlighted,\n id,\n style,\n tabIndex,\n 'data-highlighted': dataHighlighted,\n 'data-index': dataIndex,\n onMouseEnter,\n onMouseLeave,\n onClick,\n onKeyDown,\n }: SimpleItemProps) {\n return (\n <div\n id={id}\n role=\"menuitem\"\n className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-VirtualMenuItem')}\n style={style}\n tabIndex={tabIndex}\n data-highlighted={dataHighlighted}\n data-index={dataIndex}\n onMouseEnter={onMouseEnter}\n onMouseLeave={onMouseLeave}\n onClick={onClick}\n onKeyDown={onKeyDown}\n >\n {label}\n </div>\n );\n },\n (prev, next) => {\n // Custom comparison - only re-render if these change\n if (prev.label !== next.label) return false;\n if (prev['data-highlighted'] !== next['data-highlighted']) return false;\n if (prev.style.height !== next.style.height) return false;\n if (prev.style.transform !== next.style.transform) return false;\n if (prev.tabIndex !== next.tabIndex) return false;\n if (prev.id !== next.id) return false;\n // Event handlers are stable, skip comparison\n return true;\n },\n);\n\n// ============================================================================\n// VirtualMenu Component\n// ============================================================================\n\nfunction VirtualMenuRoot<T>({\n items,\n itemLabel,\n renderItem: RenderItem,\n size: sizeProp,\n estimatedItemSize: estimatedItemSizeProp,\n overscan = 5,\n onSelect,\n className,\n style,\n 'aria-label': ariaLabel,\n}: VirtualMenuProps<T>) {\n const menuId = React.useId();\n const parentRef = React.useRef<HTMLDivElement>(null);\n const [highlightedIndex, setHighlightedIndex] = React.useState<number>(-1);\n const { isInsideMenu, size: contextSize, itemHeight: contextItemHeight } = useMenuContext();\n\n // Resolve item height: explicit prop > own size > parent menu > default size '2'.\n // Heights follow the theme scaling, like the --base-menu-item-height token.\n const estimatedItemSize =\n estimatedItemSizeProp ??\n (sizeProp\n ? getMenuItemHeight(sizeProp)\n : (contextItemHeight ?? getMenuItemHeight(contextSize ?? '2')));\n\n // Validate props\n if (!itemLabel && !RenderItem) {\n throw new Error('VirtualMenu requires either itemLabel or renderItem prop');\n }\n\n // Normalize itemLabel to a function\n const getLabel = React.useMemo(() => {\n if (!itemLabel) return null;\n if (typeof itemLabel === 'function') return itemLabel;\n return (item: T) => item[itemLabel] as React.ReactNode;\n }, [itemLabel]);\n\n // Derive safe highlighted index\n const safeHighlightedIndex = React.useMemo(() => {\n if (items.length === 0) return -1;\n if (highlightedIndex < 0) return -1;\n return Math.min(highlightedIndex, items.length - 1);\n }, [highlightedIndex, items.length]);\n\n // Normalize estimatedItemSize to a function\n const getItemSize = React.useMemo(\n () =>\n typeof estimatedItemSize === 'function'\n ? estimatedItemSize\n : () => estimatedItemSize,\n [estimatedItemSize],\n );\n\n const virtualizer = useVirtualizer({\n count: items.length,\n getScrollElement: () => parentRef.current,\n estimateSize: getItemSize,\n overscan,\n });\n\n const virtualItems = virtualizer.getVirtualItems();\n\n // Refs for stable handler references\n const itemsRef = React.useRef(items);\n const onSelectRef = React.useRef(onSelect);\n itemsRef.current = items;\n onSelectRef.current = onSelect;\n\n const scrollToIndexRef = React.useRef(virtualizer.scrollToIndex);\n scrollToIndexRef.current = virtualizer.scrollToIndex;\n\n const highlightedIndexRef = React.useRef(safeHighlightedIndex);\n highlightedIndexRef.current = safeHighlightedIndex;\n\n // Stable event handlers\n const handleItemMouseEnter = React.useCallback((e: React.MouseEvent<HTMLElement>) => {\n const index = e.currentTarget.dataset.index;\n if (index != null) {\n setHighlightedIndex(Number(index));\n }\n }, []);\n\n const handleItemClick = React.useCallback((e: React.MouseEvent<HTMLElement>) => {\n const index = e.currentTarget.dataset.index;\n if (index != null) {\n const idx = Number(index);\n const currentItems = itemsRef.current;\n if (idx >= 0 && idx < currentItems.length) {\n onSelectRef.current?.(currentItems[idx], idx);\n }\n }\n }, []);\n\n const noop = React.useCallback(() => {}, []);\n\n // Item-level keyboard handler for Enter/Space activation (satisfies a11y lint rule)\n const handleItemKeyDown = React.useCallback((e: React.KeyboardEvent<HTMLElement>) => {\n if (e.key === 'Enter' || e.key === ' ') {\n e.preventDefault();\n const index = e.currentTarget.dataset.index;\n if (index != null) {\n const idx = Number(index);\n const currentItems = itemsRef.current;\n if (idx >= 0 && idx < currentItems.length) {\n onSelectRef.current?.(currentItems[idx], idx);\n }\n }\n }\n }, []);\n\n // Keyboard navigation\n const handleKeyDown = React.useCallback((e: React.KeyboardEvent) => {\n const currentItems = itemsRef.current;\n const currentHighlightedIndex = highlightedIndexRef.current;\n\n switch (e.key) {\n case 'ArrowDown': {\n e.preventDefault();\n const nextIndex =\n currentHighlightedIndex < currentItems.length - 1 ? currentHighlightedIndex + 1 : 0;\n setHighlightedIndex(nextIndex);\n scrollToIndexRef.current(nextIndex, { align: 'auto' });\n break;\n }\n case 'ArrowUp': {\n e.preventDefault();\n const prevIndex =\n currentHighlightedIndex > 0 ? currentHighlightedIndex - 1 : currentItems.length - 1;\n setHighlightedIndex(prevIndex);\n scrollToIndexRef.current(prevIndex, { align: 'auto' });\n break;\n }\n case 'Home': {\n e.preventDefault();\n setHighlightedIndex(0);\n scrollToIndexRef.current(0, { align: 'start' });\n break;\n }\n case 'End': {\n e.preventDefault();\n const lastIndex = currentItems.length - 1;\n setHighlightedIndex(lastIndex);\n scrollToIndexRef.current(lastIndex, { align: 'end' });\n break;\n }\n case 'Enter':\n case ' ': {\n e.preventDefault();\n if (currentHighlightedIndex >= 0 && currentHighlightedIndex < currentItems.length) {\n onSelectRef.current?.(currentItems[currentHighlightedIndex], currentHighlightedIndex);\n }\n break;\n }\n case 'Tab': {\n e.preventDefault();\n break;\n }\n case 'Escape': {\n (e.currentTarget as HTMLElement).blur();\n break;\n }\n }\n }, []);\n\n // Item ID generator\n const getItemId = React.useCallback(\n (index: number) => `${menuId}-item-${index}`,\n [menuId],\n );\n\n // Memoize styles\n const rootStyle = React.useMemo(\n () => ({\n overflow: 'auto' as const,\n position: 'relative' as const,\n ...style,\n }),\n [style],\n );\n\n const totalSize = virtualizer.getTotalSize();\n const viewportStyle = React.useMemo(\n () => ({\n height: `${totalSize}px`,\n width: '100%' as const,\n position: 'relative' as const,\n }),\n [totalSize],\n );\n\n return (\n <div\n ref={parentRef}\n role={isInsideMenu ? 'group' : 'menu'}\n aria-label={ariaLabel}\n aria-activedescendant={safeHighlightedIndex >= 0 ? getItemId(safeHighlightedIndex) : undefined}\n tabIndex={0}\n onKeyDown={handleKeyDown}\n className={classNames('rt-VirtualMenuRoot', className)}\n style={rootStyle}\n >\n <div className=\"rt-VirtualMenuViewport\" style={viewportStyle}>\n {virtualItems.map((virtualRow) => {\n const item = items[virtualRow.index];\n const index = virtualRow.index;\n const isHighlighted = safeHighlightedIndex === index;\n\n const itemStyle: React.CSSProperties = {\n height: virtualRow.size,\n transform: `translateY(${virtualRow.start}px)`,\n };\n\n const commonProps = {\n id: getItemId(index),\n isHighlighted,\n style: itemStyle,\n tabIndex: isHighlighted ? 0 : -1,\n 'data-highlighted': isHighlighted ? true as const : undefined,\n 'data-index': index,\n onMouseEnter: handleItemMouseEnter,\n onMouseLeave: noop,\n onClick: handleItemClick,\n onKeyDown: handleItemKeyDown,\n };\n\n // Use renderItem if provided, otherwise use SimpleItem with itemLabel\n if (RenderItem) {\n return (\n <RenderItem\n key={virtualRow.key}\n item={item}\n index={index}\n {...commonProps}\n />\n );\n }\n\n return (\n <SimpleItem\n key={virtualRow.key}\n label={getLabel!(item)}\n {...commonProps}\n />\n );\n })}\n </div>\n </div>\n );\n}\n\nVirtualMenuRoot.displayName = 'VirtualMenu';\n\n// ============================================================================\n// VirtualMenu.Item Component (for custom renderItem usage)\n// ============================================================================\n\ninterface VirtualMenuItemProps extends React.ComponentPropsWithoutRef<'div'> {\n children: React.ReactNode;\n /** Data attribute for highlight styling */\n 'data-highlighted'?: true | undefined;\n /** Data attribute for event delegation */\n 'data-index'?: number;\n}\n\nconst VirtualMenuItemInner = React.forwardRef<HTMLDivElement, VirtualMenuItemProps>(\n ({ className, children, ...props }, forwardedRef) => {\n return (\n <div\n ref={forwardedRef}\n role=\"menuitem\"\n className={classNames('rt-reset', 'rt-BaseMenuItem', 'rt-VirtualMenuItem', className)}\n {...props}\n >\n {children}\n </div>\n );\n },\n);\n\nVirtualMenuItemInner.displayName = 'VirtualMenu.Item';\n\n// Memoized with custom comparison\nconst VirtualMenuItem = React.memo(VirtualMenuItemInner, (prevProps, nextProps) => {\n const prevStyle = prevProps.style as React.CSSProperties | undefined;\n const nextStyle = nextProps.style as React.CSSProperties | undefined;\n if (prevStyle?.height !== nextStyle?.height) return false;\n if (prevStyle?.transform !== nextStyle?.transform) return false;\n if (prevProps['data-highlighted'] !== nextProps['data-highlighted']) return false;\n if (prevProps.tabIndex !== nextProps.tabIndex) return false;\n if (prevProps.id !== nextProps.id) return false;\n if (prevProps.className !== nextProps.className) return false;\n if (prevProps.children !== nextProps.children) return false;\n return true;\n});\n\n// ============================================================================\n// Exports\n// ============================================================================\n\nconst VirtualMenu = Object.assign(VirtualMenuRoot, {\n Item: VirtualMenuItem,\n});\n\nexport { VirtualMenu };\nexport type { VirtualMenuProps, VirtualMenuItemProps, VirtualMenuRenderItemProps };\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["React", "classNames", "useVirtualizer", "SimpleItem", "label", "_isHighlighted", "id", "style", "tabIndex", "dataHighlighted", "dataIndex", "onMouseEnter", "onMouseLeave", "onClick", "onKeyDown", "classNames", "prev", "next", "VirtualMenuRoot", "items", "itemLabel", "RenderItem", "sizeProp", "estimatedItemSizeProp", "overscan", "onSelect", "className", "ariaLabel", "menuId", "parentRef", "highlightedIndex", "setHighlightedIndex", "isInsideMenu", "contextSize", "contextItemHeight", "useMenuContext", "estimatedItemSize", "getMenuItemHeight", "getLabel", "item", "safeHighlightedIndex", "getItemSize", "virtualizer", "useVirtualizer", "virtualItems", "itemsRef", "onSelectRef", "scrollToIndexRef", "highlightedIndexRef", "handleItemMouseEnter", "e", "index", "handleItemClick", "idx", "currentItems", "noop", "handleItemKeyDown", "handleKeyDown", "currentHighlightedIndex", "nextIndex", "prevIndex", "lastIndex", "getItemId", "rootStyle", "totalSize", "viewportStyle", "virtualRow", "isHighlighted", "itemStyle", "commonProps", "VirtualMenuItemInner", "children", "props", "forwardedRef", "VirtualMenuItem", "prevProps", "nextProps", "prevStyle", "nextStyle", "VirtualMenu"]
|
|
7
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as r}from"./chunk-JAMLW534.js";import{a as o}from"./chunk-UBSLEGQZ.js";import{a as t}from"./chunk-GSTOGDAJ.js";import*as e from"react";import a from"classnames";import{Slot as P}from"radix-ui";var c=e.forwardRef((p,s)=>{let{asChild:n,className:m,...i}=o(p,r,t),f=n?P.Root:"div";return e.createElement(f,{...i,ref:s,className:a("rt-Inset",m)})});c.displayName="Inset";export{c as a};
|
|
2
|
-
//# sourceMappingURL=chunk-IYFDCW7Y.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/components/inset.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { Slot } from 'radix-ui';\n\nimport { insetPropDefs } from './inset.props.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes } from '../props/prop-def.js';\n\ntype InsetElement = React.ElementRef<'div'>;\ntype InsetOwnProps = GetPropDefTypes<typeof insetPropDefs>;\ninterface InsetProps\n extends ComponentPropsWithout<'div', RemovedProps>,\n MarginProps,\n InsetOwnProps {}\n\nconst Inset = React.forwardRef<InsetElement, InsetProps>((props, forwardedRef) => {\n const { asChild, className, ...insetProps } = extractProps(props, insetPropDefs, marginPropDefs);\n const Comp = asChild ? Slot.Root : 'div';\n return <Comp {...insetProps} ref={forwardedRef} className={classNames('rt-Inset', className)} />;\n});\nInset.displayName = 'Inset';\n\nexport { Inset };\nexport type { InsetProps };\n"],
|
|
5
|
-
"mappings": "wHAAA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,QAAAC,MAAY,WAiBrB,IAAMC,EAAc,aAAqC,CAACC,EAAOC,IAAiB,CAChF,GAAM,CAAE,QAAAC,EAAS,UAAAC,EAAW,GAAGC,CAAW,EAAIC,EAAaL,EAAOM,EAAeC,CAAc,EACzFC,EAAON,EAAUO,EAAK,KAAO,MACnC,OAAO,gBAACD,EAAA,CAAM,GAAGJ,EAAY,IAAKH,EAAc,UAAWS,EAAW,WAAYP,CAAS,EAAG,CAChG,CAAC,EACDJ,EAAM,YAAc",
|
|
6
|
-
"names": ["React", "classNames", "Slot", "Inset", "props", "forwardedRef", "asChild", "className", "insetProps", "extractProps", "insetPropDefs", "marginPropDefs", "Comp", "Slot", "classNames"]
|
|
7
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as r}from"./chunk-NZJGC6ZW.js";var a=["all","x","y","top","bottom","left","right"],t=["border-box","padding-box"],e=["current","0"],o={...r,side:{type:"enum",className:"rt-r-side",values:a,default:"all",responsive:!0},clip:{type:"enum",className:"rt-r-clip",values:t,default:"border-box",responsive:!0},p:{type:"enum",className:"rt-r-p",values:e,parseValue:p,responsive:!0},px:{type:"enum",className:"rt-r-px",values:e,parseValue:p,responsive:!0},py:{type:"enum",className:"rt-r-py",values:e,parseValue:p,responsive:!0},pt:{type:"enum",className:"rt-r-pt",values:e,parseValue:p,responsive:!0},pr:{type:"enum",className:"rt-r-pr",values:e,parseValue:p,responsive:!0},pb:{type:"enum",className:"rt-r-pb",values:e,parseValue:p,responsive:!0},pl:{type:"enum",className:"rt-r-pl",values:e,parseValue:p,responsive:!0}};function p(s){return s==="current"?"inset":s}export{o as a};
|
|
2
|
-
//# sourceMappingURL=chunk-JAMLW534.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/components/inset.props.tsx"],
|
|
4
|
-
"sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sides = ['all', 'x', 'y', 'top', 'bottom', 'left', 'right'] as const;\nconst clipValues = ['border-box', 'padding-box'] as const;\nconst paddingValues = ['current', '0'] as const;\n\nconst insetPropDefs = {\n ...asChildPropDef,\n side: {\n type: 'enum',\n className: 'rt-r-side',\n values: sides,\n default: 'all',\n responsive: true,\n },\n clip: {\n type: 'enum',\n className: 'rt-r-clip',\n values: clipValues,\n default: 'border-box',\n responsive: true,\n },\n p: {\n type: 'enum',\n className: 'rt-r-p',\n values: paddingValues,\n parseValue: parsePaddingValue,\n responsive: true,\n },\n px: {\n type: 'enum',\n className: 'rt-r-px',\n values: paddingValues,\n parseValue: parsePaddingValue,\n responsive: true,\n },\n py: {\n type: 'enum',\n className: 'rt-r-py',\n values: paddingValues,\n parseValue: parsePaddingValue,\n responsive: true,\n },\n pt: {\n type: 'enum',\n className: 'rt-r-pt',\n values: paddingValues,\n parseValue: parsePaddingValue,\n responsive: true,\n },\n pr: {\n type: 'enum',\n className: 'rt-r-pr',\n values: paddingValues,\n parseValue: parsePaddingValue,\n responsive: true,\n },\n pb: {\n type: 'enum',\n className: 'rt-r-pb',\n values: paddingValues,\n parseValue: parsePaddingValue,\n responsive: true,\n },\n pl: {\n type: 'enum',\n className: 'rt-r-pl',\n values: paddingValues,\n parseValue: parsePaddingValue,\n responsive: true,\n },\n} satisfies {\n side: PropDef<(typeof sides)[number]>;\n clip: PropDef<(typeof clipValues)[number]>;\n p: PropDef<(typeof paddingValues)[number]>;\n px: PropDef<(typeof paddingValues)[number]>;\n py: PropDef<(typeof paddingValues)[number]>;\n pt: PropDef<(typeof paddingValues)[number]>;\n pr: PropDef<(typeof paddingValues)[number]>;\n pb: PropDef<(typeof paddingValues)[number]>;\n pl: PropDef<(typeof paddingValues)[number]>;\n};\n\nfunction parsePaddingValue(value: string) {\n return value === 'current' ? 'inset' : value;\n}\n\nexport { insetPropDefs };\n"],
|
|
5
|
-
"mappings": "wCAIA,IAAMA,EAAQ,CAAC,MAAO,IAAK,IAAK,MAAO,SAAU,OAAQ,OAAO,EAC1DC,EAAa,CAAC,aAAc,aAAa,EACzCC,EAAgB,CAAC,UAAW,GAAG,EAE/BC,EAAgB,CACpB,GAAGC,EACH,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQJ,EACR,QAAS,MACT,WAAY,EACd,EACA,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQC,EACR,QAAS,aACT,WAAY,EACd,EACA,EAAG,CACD,KAAM,OACN,UAAW,SACX,OAAQC,EACR,WAAYG,EACZ,WAAY,EACd,EACA,GAAI,CACF,KAAM,OACN,UAAW,UACX,OAAQH,EACR,WAAYG,EACZ,WAAY,EACd,EACA,GAAI,CACF,KAAM,OACN,UAAW,UACX,OAAQH,EACR,WAAYG,EACZ,WAAY,EACd,EACA,GAAI,CACF,KAAM,OACN,UAAW,UACX,OAAQH,EACR,WAAYG,EACZ,WAAY,EACd,EACA,GAAI,CACF,KAAM,OACN,UAAW,UACX,OAAQH,EACR,WAAYG,EACZ,WAAY,EACd,EACA,GAAI,CACF,KAAM,OACN,UAAW,UACX,OAAQH,EACR,WAAYG,EACZ,WAAY,EACd,EACA,GAAI,CACF,KAAM,OACN,UAAW,UACX,OAAQH,EACR,WAAYG,EACZ,WAAY,EACd,CACF,EAYA,SAASA,EAAkBC,EAAe,CACxC,OAAOA,IAAU,UAAY,QAAUA,CACzC",
|
|
6
|
-
"names": ["sides", "clipValues", "paddingValues", "insetPropDefs", "asChildPropDef", "parsePaddingValue", "value"]
|
|
7
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as S}from"./chunk-MHANZINI.js";import{a as g}from"./chunk-BFLO4IVZ.js";import{a as c}from"./chunk-MJJ7XDIP.js";import{c as y}from"./chunk-6AZV4VFW.js";import{a as u}from"./chunk-O6K6RZXY.js";import{a as P}from"./chunk-MDHXSEGH.js";import{a as d}from"./chunk-UBSLEGQZ.js";import{a as O}from"./chunk-OS3FCYZY.js";var A={};O(A,{Close:()=>b,Content:()=>T,Description:()=>E,Root:()=>R,Title:()=>v,Trigger:()=>C});import*as e from"react";import z from"classnames";import{Dialog as n}from"radix-ui";var R=o=>e.createElement(n.Root,{...o,modal:!0});R.displayName="Sheet.Root";var C=e.forwardRef(({children:o,...t},i)=>e.createElement(n.Trigger,{...t,ref:i,asChild:!0},c(o)));C.displayName="Sheet.Trigger";var{align:U,...D}=P,{default:X,...j}=D.maxWidth,k={...D,maxWidth:j},T=e.forwardRef((o,t)=>{let{side:i="start",forceMount:s,container:x,className:N,...M}=o,w={left:"start",right:"end",start:"start",end:"end",top:"top",bottom:"bottom"}[i],{className:W,...H}=d(M,k),f=e.useRef(null),L=e.useMemo(()=>r=>{f.current=r,typeof t=="function"?t(r):t&&(t.current=r)},[t]);return S(),e.useEffect(()=>{if(typeof window>"u")return;let r=f.current;if(!r)return;let a=r.querySelectorAll('button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])');if(a.length===0)return;let l=a[0],m=a[a.length-1],h=p=>{p.key==="Tab"&&(p.shiftKey?document.activeElement===l&&(p.preventDefault(),m.focus()):document.activeElement===m&&(p.preventDefault(),l.focus()))};return r.addEventListener("keydown",h),l.focus(),()=>{r.removeEventListener("keydown",h)}},[]),e.createElement(n.Portal,{container:x,forceMount:s},e.createElement(y,{asChild:!0},e.createElement(n.Overlay,{className:"rt-BaseDialogOverlay rt-DialogOverlay rt-SheetOverlay"},e.createElement(n.Content,{...H,ref:L,className:z("rt-BaseDialogContent","rt-SheetContent",N,W),"data-side":w,tabIndex:-1,role:"dialog","aria-modal":"true"}))))});T.displayName="Sheet.Content";var v=e.forwardRef(({size:o="4",weight:t="medium",...i},s)=>e.createElement(n.Title,{asChild:!0},e.createElement(g,{ref:s,size:o,weight:t,...i})));v.displayName="Sheet.Title";var E=e.forwardRef(({size:o="2",emphasis:t="medium",...i},s)=>e.createElement(n.Description,{asChild:!0},e.createElement(u,{ref:s,size:o,emphasis:t,...i})));E.displayName="Sheet.Description";var b=e.forwardRef(({children:o,...t},i)=>e.createElement(n.Close,{...t,ref:i,asChild:!0},c(o)));b.displayName="Sheet.Close";export{R as a,C as b,T as c,v as d,E as e,b as f,A as g};
|
|
2
|
-
//# sourceMappingURL=chunk-MPN33CKR.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/components/sheet.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client';\n\n/**\n * Sheet\n *\n * A side-placed overlay built on top of Radix Dialog. It inherits accessibility,\n * focus management, overlay behavior, and sizing scales from the base dialog, and\n * adds side placement and slide motion suited for navigation panels and drawers.\n *\n * Structure mirrors Dialog:\n * - Root, Trigger, Content, Title, Description, Close\n *\n * Notes\n * - Side: set with `side` on `Sheet.Content`. Aliases: `left` \u2192 `start`, `right` \u2192 `end`.\n * - Sizing: reuses Dialog content prop defs (width/min/max/height/size). Default Dialog\n * maxWidth clamping is removed for Sheets.\n * - A11y: provide an accessible name via `Sheet.Title` or `aria-label` on `Sheet.Content`.\n *\n * Example\n * <Sheet.Root>\n * <Sheet.Trigger>\n * <Button>Open</Button>\n * </Sheet.Trigger>\n * <Sheet.Content side=\"end\" width={{ initial: '280px', md: '360px' }}>\n * <Sheet.Title>Details</Sheet.Title>\n * ...\n * <Sheet.Close>\n * <Button>Close</Button>\n * </Sheet.Close>\n * </Sheet.Content>\n * </Sheet.Root>\n */\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Dialog as DialogPrimitive } from 'radix-ui';\n\nimport { dialogContentPropDefs } from './dialog.props.js';\nimport type { DialogContentOwnProps } from './dialog.props.js';\nimport { Theme } from './theme.js';\nimport { Heading } from './heading.js';\nimport { Text } from './text.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { requireReactElement } from '../helpers/require-react-element.js';\nimport { useBodyPointerEventsCleanup } from '../hooks/use-body-pointer-events-cleanup.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { HeadingProps } from './heading.js';\n\n/**\n * Supported sides for the Sheet.\n * Aliases are normalized RTL-aware: `left` \u2192 `start`, `right` \u2192 `end`.\n */\ntype SheetSide = 'start' | 'end' | 'top' | 'bottom' | 'left' | 'right';\n\n/**\n * Sheet is a side-placed overlay built on the Dialog primitive.\n * It reuses Dialog's accessibility, focus, overlay, and size scales, while adding side placement and slide motion.\n */\n\n// Root\n/**\n * Props for `Sheet.Root` (Radix Dialog root with `modal` forced on).\n */\ninterface SheetRootProps extends ComponentPropsWithout<typeof DialogPrimitive.Root, 'modal'> {}\nconst Root: React.FC<SheetRootProps> = (props) => <DialogPrimitive.Root {...props} modal />;\nRoot.displayName = 'Sheet.Root';\n\n// Trigger\n/** Element type for `Sheet.Trigger`. */\ntype SheetTriggerElement = React.ElementRef<typeof DialogPrimitive.Trigger>;\n/** Props for `Sheet.Trigger` (expects a single element child). */\ninterface SheetTriggerProps\n extends ComponentPropsWithout<typeof DialogPrimitive.Trigger, RemovedProps> {}\nconst Trigger = React.forwardRef<SheetTriggerElement, SheetTriggerProps>(\n ({ children, ...props }, ref) => (\n <DialogPrimitive.Trigger {...props} ref={ref} asChild>\n {requireReactElement(children)}\n </DialogPrimitive.Trigger>\n ),\n);\nTrigger.displayName = 'Sheet.Trigger';\n\n// Content\n/** Element type for `Sheet.Content`. */\n// Reuse dialog content prop defs for size/width/height tokens.\n// Built once at module scope: `extractProps` memoises on the identity of the\n// prop def objects it is handed, so rebuilding these per render would recompile\n// them every time a sheet renders.\nconst {\n align: _alignPropDef,\n ...dialogPropDefsForSheet\n} = dialogContentPropDefs;\n\n// Override dialog's default maxWidth (600px) to avoid clamping Sheet by default\nconst { default: _mwDefault, ...maxWidthWithoutDefault } = dialogPropDefsForSheet.maxWidth;\nconst sheetPropDefs = {\n ...dialogPropDefsForSheet,\n maxWidth: maxWidthWithoutDefault,\n} as typeof dialogPropDefsForSheet;\n\ntype SheetContentElement = React.ElementRef<typeof DialogPrimitive.Content>;\ninterface SheetContentProps\n extends ComponentPropsWithout<typeof DialogPrimitive.Content, RemovedProps>,\n DialogContentOwnProps {\n /** Side where the Sheet should appear. `left`/`right` alias to `start`/`end`. */\n side?: SheetSide;\n /** Optional DOM container to portal into. Defaults to `document.body`. */\n container?: React.ComponentPropsWithoutRef<typeof DialogPrimitive.Portal>['container'];\n}\n\n/**\n * Renders the Sheet panel. Normalizes left/right to logical start/end and\n * forwards dialog sizing props. Provide an accessible name via `Sheet.Title`\n * or `aria-label`.\n */\nconst Content = React.forwardRef<SheetContentElement, SheetContentProps>(\n (allProps, forwardedRef) => {\n const {\n side = 'start',\n forceMount,\n container,\n className,\n ...restProps\n } = allProps;\n const normalizedSideMap: Record<SheetSide, 'start' | 'end' | 'top' | 'bottom'> = {\n left: 'start',\n right: 'end',\n start: 'start',\n end: 'end',\n top: 'top',\n bottom: 'bottom',\n };\n const normalizedSide = normalizedSideMap[side];\n // Size/width/height class names come from the dialog defs \u2014 see `sheetPropDefs`.\n const { className: extractedClassName, ...contentProps } = extractProps(\n restProps,\n sheetPropDefs,\n );\n\n // Dev-only a11y guard: ensure label is provided via Title or aria-label\n if (process.env.NODE_ENV !== 'production') {\n const children = (contentProps as any).children as React.ReactNode;\n const hasAriaLabel = typeof (contentProps as any)['aria-label'] === 'string';\n let hasTitle = false;\n if (children) {\n for (const child of React.Children.toArray(children)) {\n if (React.isValidElement(child) && child.type === Title) {\n hasTitle = true;\n break;\n }\n }\n }\n if (!hasTitle && !hasAriaLabel) {\n console.warn(\n 'Sheet.Content: Missing accessible name. Include Sheet.Title as a child or provide aria-label.',\n );\n }\n }\n\n // Focus management and stuck pointer-events cleanup like Dialog\n const contentRef = React.useRef<HTMLDivElement>(null);\n const combinedRef = React.useMemo(\n () => (node: HTMLDivElement | null) => {\n contentRef.current = node;\n if (typeof forwardedRef === 'function') {\n forwardedRef(node);\n } else if (forwardedRef) {\n (forwardedRef as React.MutableRefObject<HTMLDivElement | null>).current = node;\n }\n },\n [forwardedRef],\n );\n\n useBodyPointerEventsCleanup();\n\n React.useEffect(() => {\n if (typeof window === 'undefined') return;\n const content = contentRef.current;\n if (!content) return;\n\n const focusableElements = content.querySelectorAll(\n 'button, [href], input, select, textarea, [tabindex]:not([tabindex=\"-1\"])',\n );\n\n if (focusableElements.length === 0) return;\n\n const firstElement = focusableElements[0] as HTMLElement;\n const lastElement = focusableElements[focusableElements.length - 1] as HTMLElement;\n\n const handleKeyDown = (event: KeyboardEvent) => {\n if (event.key === 'Tab') {\n if (event.shiftKey) {\n if (document.activeElement === firstElement) {\n event.preventDefault();\n lastElement.focus();\n }\n } else if (document.activeElement === lastElement) {\n event.preventDefault();\n firstElement.focus();\n }\n }\n };\n\n content.addEventListener('keydown', handleKeyDown);\n firstElement.focus();\n\n return () => {\n content.removeEventListener('keydown', handleKeyDown);\n };\n }, []);\n\n return (\n <DialogPrimitive.Portal container={container} forceMount={forceMount}>\n <Theme asChild>\n <DialogPrimitive.Overlay className=\"rt-BaseDialogOverlay rt-DialogOverlay rt-SheetOverlay\">\n <DialogPrimitive.Content\n {...contentProps}\n ref={combinedRef}\n className={classNames(\n 'rt-BaseDialogContent',\n 'rt-SheetContent',\n className,\n extractedClassName,\n )}\n data-side={normalizedSide}\n tabIndex={-1}\n role=\"dialog\"\n aria-modal=\"true\"\n />\n </DialogPrimitive.Overlay>\n </Theme>\n </DialogPrimitive.Portal>\n );\n },\n);\nContent.displayName = 'Sheet.Content';\n\n// Title - renders as Heading with sensible defaults\ntype SheetTitleElement = React.ElementRef<typeof Heading>;\ntype SheetTitleProps = HeadingProps;\n/** Accessible title for the Sheet. Renders as Heading with sensible defaults. */\nconst Title = React.forwardRef<SheetTitleElement, SheetTitleProps>(\n ({ size = '4', weight = 'medium', ...props }, ref) => (\n <DialogPrimitive.Title asChild>\n <Heading ref={ref} size={size} weight={weight} {...props} />\n </DialogPrimitive.Title>\n ),\n);\nTitle.displayName = 'Sheet.Title';\n\n// Description - renders as Text with sensible defaults\ntype SheetDescriptionElement = React.ElementRef<typeof Text>;\ntype SheetDescriptionProps = React.ComponentPropsWithoutRef<typeof Text>;\n/** Supplementary description text for Sheet content. Renders as Text with sensible defaults. */\nconst Description = React.forwardRef<SheetDescriptionElement, SheetDescriptionProps>(\n ({ size = '2', emphasis = 'medium', ...rest }, ref) => (\n <DialogPrimitive.Description asChild>\n <Text ref={ref} size={size} emphasis={emphasis} {...rest} />\n </DialogPrimitive.Description>\n ),\n);\nDescription.displayName = 'Sheet.Description';\n\ntype SheetCloseElement = React.ElementRef<typeof DialogPrimitive.Close>;\ninterface SheetCloseProps\n extends ComponentPropsWithout<typeof DialogPrimitive.Close, RemovedProps> {}\n/** Close button for the Sheet. Expects a single element child rendered via `asChild`. */\nconst Close = React.forwardRef<SheetCloseElement, SheetCloseProps>(\n ({ children, ...props }, ref) => (\n <DialogPrimitive.Close {...props} ref={ref} asChild>\n {requireReactElement(children)}\n </DialogPrimitive.Close>\n ),\n);\nClose.displayName = 'Sheet.Close';\n\nexport { Root, Trigger, Content, Title, Description, Close };\nexport type {\n SheetRootProps as RootProps,\n SheetTriggerProps as TriggerProps,\n SheetContentProps as ContentProps,\n SheetTitleProps as TitleProps,\n SheetDescriptionProps as DescriptionProps,\n SheetCloseProps as CloseProps,\n};\n"],
|
|
5
|
-
"mappings": "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",
|
|
6
|
-
"names": ["sheet_exports", "__export", "Close", "Content", "Description", "Root", "Title", "Trigger", "React", "classNames", "DialogPrimitive", "Root", "props", "DialogPrimitive", "Trigger", "children", "ref", "requireReactElement", "_alignPropDef", "dialogPropDefsForSheet", "dialogContentPropDefs", "_mwDefault", "maxWidthWithoutDefault", "sheetPropDefs", "Content", "allProps", "forwardedRef", "side", "forceMount", "container", "className", "restProps", "normalizedSide", "extractedClassName", "contentProps", "extractProps", "contentRef", "combinedRef", "node", "useBodyPointerEventsCleanup", "content", "focusableElements", "firstElement", "lastElement", "handleKeyDown", "event", "Theme", "classNames", "Title", "size", "weight", "Heading", "Description", "emphasis", "rest", "Text", "Close"]
|
|
7
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as l}from"./chunk-TGRRQHLQ.js";import{a as i,e as k,f as P,g as f}from"./chunk-V32EP3S7.js";import{b as h}from"./chunk-IX5HIHVI.js";import{a as b}from"./chunk-EO7WQYFO.js";import{a as d}from"./chunk-STMTXK7U.js";import{a as C}from"./chunk-UBSLEGQZ.js";import{a as x}from"./chunk-GSTOGDAJ.js";import{a as z}from"./chunk-OS3FCYZY.js";var _={};z(_,{Item:()=>y,Root:()=>v});import*as o from"react";import m from"classnames";import{Context as D}from"radix-ui/internal";var R="CheckboxCards",[S]=D.createContextScope(R,[i]),u=i(),[E,g]=S(R),v=o.forwardRef((r,s)=>{let{__scopeCheckboxCards:t,className:a,color:c,...p}=C(r,b,x),e=u(t);return o.createElement(E,{scope:t,size:r.size,variant:r.variant},o.createElement(l,{asChild:!0},o.createElement(k,{...e,"data-accent-color":c,...p,ref:s,className:m("rt-CheckboxCardsRoot",a)})))});v.displayName="CheckboxCards.Root";var y=o.forwardRef(({__scopeCheckboxCards:r,children:s,className:t,style:a,...c},p)=>{let e=g("CheckboxCardsItem",r),n=u(r),{className:G}=C({size:e?.size,variant:e?.variant||"solid"},d),I=e?.variant?`rt-variant-${e.variant}`:void 0,N=e?.size?`rt-r-size-${e.size}`:void 0;return o.createElement("label",{className:m("rt-BaseCard","rt-CheckboxCardsItem",I,N,t),style:a},s,o.createElement(P,{...n,...c,ref:p,className:m("rt-reset","rt-BaseCheckboxRoot","rt-CheckboxCardCheckbox",G)},o.createElement(f,{...n,asChild:!0,className:"rt-BaseCheckboxIndicator"},o.createElement(h,null))))});y.displayName="CheckboxCards.Item";export{v as a,y as b,_ as c};
|
|
2
|
-
//# sourceMappingURL=chunk-NFVOEHZS.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/components/checkbox-cards.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\nimport { Context } from 'radix-ui/internal';\n\nimport * as CheckboxGroupPrimitive from './checkbox-group.primitive.js';\nimport { createCheckboxGroupScope } from './checkbox-group.primitive.js';\nimport { checkboxCardsRootPropDefs } from './checkbox-cards.props.js';\nimport { baseCheckboxPropDefs } from './_internal/base-checkbox.props.js';\nimport { Grid } from './grid.js';\nimport { ThickCheckIcon } from './icons.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { Responsive, GetPropDefTypes } from '../props/prop-def.js';\n\nconst CHECKBOX_CARD_GROUP_NAME = 'CheckboxCards';\n\ntype ScopedProps<P> = P & { __scopeCheckboxCards?: Context.Scope };\nconst [createCheckboxCardsContext] = Context.createContextScope(CHECKBOX_CARD_GROUP_NAME, [\n createCheckboxGroupScope,\n]);\nconst useCheckboxGroupScope = createCheckboxGroupScope();\n\ntype CheckboxCardsContextValue = {\n size?: Responsive<(typeof checkboxCardsRootPropDefs.size.values)[number]>;\n variant?: (typeof checkboxCardsRootPropDefs.variant.values)[number];\n};\n\nconst [CheckboxCardsProvider, useCheckboxCardsContext] =\n createCheckboxCardsContext<CheckboxCardsContextValue>(CHECKBOX_CARD_GROUP_NAME);\n\ntype CheckboxCardsRootElement = React.ElementRef<typeof CheckboxGroupPrimitive.Root>;\ntype CheckboxCardsRootOwnProps = GetPropDefTypes<typeof checkboxCardsRootPropDefs>;\ninterface CheckboxCardsRootProps\n extends ComponentPropsWithout<\n typeof CheckboxGroupPrimitive.Root,\n 'asChild' | 'color' | 'defaultChecked'\n >,\n MarginProps,\n CheckboxCardsRootOwnProps {}\nconst CheckboxCardsRoot = React.forwardRef<CheckboxCardsRootElement, CheckboxCardsRootProps>(\n (props: ScopedProps<CheckboxCardsRootProps>, forwardedRef) => {\n const {\n __scopeCheckboxCards,\n className,\n color,\n ...rootProps\n } = extractProps(props, checkboxCardsRootPropDefs, marginPropDefs);\n const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxCards);\n return (\n <CheckboxCardsProvider\n scope={__scopeCheckboxCards}\n size={props.size}\n variant={props.variant}\n >\n <Grid asChild>\n <CheckboxGroupPrimitive.Root\n {...checkboxGroupScope}\n data-accent-color={color}\n {...rootProps}\n ref={forwardedRef}\n className={classNames('rt-CheckboxCardsRoot', className)}\n />\n </Grid>\n </CheckboxCardsProvider>\n );\n },\n);\nCheckboxCardsRoot.displayName = 'CheckboxCards.Root';\n\ntype CheckboxCardsItemElement = React.ElementRef<typeof CheckboxGroupPrimitive.Item>;\ninterface CheckboxCardsItemProps\n extends ComponentPropsWithout<typeof CheckboxGroupPrimitive.Item, RemovedProps>,\n MarginProps {}\nconst CheckboxCardsItem = React.forwardRef<\n CheckboxCardsItemElement,\n ScopedProps<CheckboxCardsItemProps>\n>(({ __scopeCheckboxCards, children, className, style, ...props }, forwardedRef) => {\n const context = useCheckboxCardsContext('CheckboxCardsItem', __scopeCheckboxCards);\n const checkboxGroupScope = useCheckboxGroupScope(__scopeCheckboxCards);\n\n const { className: checkboxClassName } = extractProps(\n // Pass size and variant values from the context to generate styles\n {\n size: context?.size,\n variant: context?.variant || 'solid',\n },\n // Pass size & variant prop defs to allow it to be extracted\n baseCheckboxPropDefs,\n );\n const variantClass = context?.variant ? `rt-variant-${context.variant}` : undefined;\n const sizeClass = context?.size ? `rt-r-size-${context.size}` : undefined;\n\n return (\n <label\n className={classNames(\n 'rt-BaseCard',\n 'rt-CheckboxCardsItem',\n variantClass,\n sizeClass,\n className,\n )}\n style={style}\n >\n {children}\n <CheckboxGroupPrimitive.Item\n {...checkboxGroupScope}\n {...props}\n ref={forwardedRef}\n className={classNames(\n 'rt-reset',\n 'rt-BaseCheckboxRoot',\n 'rt-CheckboxCardCheckbox',\n checkboxClassName,\n )}\n >\n <CheckboxGroupPrimitive.Indicator\n {...checkboxGroupScope}\n asChild\n className=\"rt-BaseCheckboxIndicator\"\n >\n <ThickCheckIcon />\n </CheckboxGroupPrimitive.Indicator>\n </CheckboxGroupPrimitive.Item>\n </label>\n );\n});\nCheckboxCardsItem.displayName = 'CheckboxCards.Item';\n\nexport { CheckboxCardsRoot as Root, CheckboxCardsItem as Item };\nexport type { CheckboxCardsRootProps as RootProps, CheckboxCardsItemProps as ItemProps };\n"],
|
|
5
|
-
"mappings": "qVAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAEA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,WAAAC,MAAe,oBAexB,IAAMC,EAA2B,gBAG3B,CAACC,CAA0B,EAAIC,EAAQ,mBAAmBF,EAA0B,CACxFG,CACF,CAAC,EACKC,EAAwBD,EAAyB,EAOjD,CAACE,EAAuBC,CAAuB,EACnDL,EAAsDD,CAAwB,EAW1EO,EAA0B,aAC9B,CAACC,EAA4CC,IAAiB,CAC5D,GAAM,CACJ,qBAAAC,EACA,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAIC,EAAaN,EAAOO,EAA2BC,CAAc,EAC3DC,EAAqBb,EAAsBM,CAAoB,EACrE,OACE,gBAACL,EAAA,CACC,MAAOK,EACP,KAAMF,EAAM,KACZ,QAASA,EAAM,SAEf,gBAACU,EAAA,CAAK,QAAO,IACX,gBAAwBC,EAAvB,CACE,GAAGF,EACJ,oBAAmBL,EAClB,GAAGC,EACJ,IAAKJ,EACL,UAAWW,EAAW,uBAAwBT,CAAS,EACzD,CACF,CACF,CAEJ,CACF,EACAJ,EAAkB,YAAc,qBAMhC,IAAMc,EAA0B,aAG9B,CAAC,CAAE,qBAAAX,EAAsB,SAAAY,EAAU,UAAAX,EAAW,MAAAY,EAAO,GAAGf,CAAM,EAAGC,IAAiB,CAClF,IAAMe,EAAUlB,EAAwB,oBAAqBI,CAAoB,EAC3EO,EAAqBb,EAAsBM,CAAoB,EAE/D,CAAE,UAAWe,CAAkB,EAAIX,EAEvC,CACE,KAAMU,GAAS,KACf,QAASA,GAAS,SAAW,OAC/B,EAEAE,CACF,EACMC,EAAeH,GAAS,QAAU,cAAcA,EAAQ,OAAO,GAAK,OACpEI,EAAYJ,GAAS,KAAO,aAAaA,EAAQ,IAAI,GAAK,OAEhE,OACE,gBAAC,SACC,UAAWJ,EACT,cACA,uBACAO,EACAC,EACAjB,CACF,EACA,MAAOY,GAEND,EACD,gBAAwBO,EAAvB,CACE,GAAGZ,EACH,GAAGT,EACJ,IAAKC,EACL,UAAWW,EACT,WACA,sBACA,0BACAK,CACF,GAEA,gBAAwBK,EAAvB,CACE,GAAGb,EACJ,QAAO,GACP,UAAU,4BAEV,gBAACc,EAAA,IAAe,CAClB,CACF,CACF,CAEJ,CAAC,EACDV,EAAkB,YAAc",
|
|
6
|
-
"names": ["checkbox_cards_exports", "__export", "CheckboxCardsItem", "CheckboxCardsRoot", "React", "classNames", "Context", "CHECKBOX_CARD_GROUP_NAME", "createCheckboxCardsContext", "Context", "createCheckboxGroupScope", "useCheckboxGroupScope", "CheckboxCardsProvider", "useCheckboxCardsContext", "CheckboxCardsRoot", "props", "forwardedRef", "__scopeCheckboxCards", "className", "color", "rootProps", "extractProps", "checkboxCardsRootPropDefs", "marginPropDefs", "checkboxGroupScope", "Grid", "Root", "classNames", "CheckboxCardsItem", "children", "style", "context", "checkboxClassName", "baseCheckboxPropDefs", "variantClass", "sizeClass", "Item", "Indicator", "ThickCheckIcon"]
|
|
7
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as s}from"./chunk-G2CKYO2I.js";import{a as m}from"./chunk-AXUDFYLY.js";import{a as p}from"./chunk-KNQBAOMV.js";import{a as i}from"./chunk-FD2TR343.js";import{a as t}from"./chunk-WYADYDPN.js";import{a as f}from"./chunk-ZE2KAVXW.js";import{b as e}from"./chunk-ZWZGUBL4.js";import{a as o}from"./chunk-NZJGC6ZW.js";import{c as r}from"./chunk-34KVYDF6.js";var a=["span","div","label","p"],n=["0","1","2","3","4","5","6","7","8","9","10","11","12"],x={as:{type:"enum",values:a,default:"span"},...o,size:{type:"enum",className:"rt-r-size",values:n,responsive:!0},...m,...i,...s,...p,...f,...t,...r,...e};export{x as a};
|
|
2
|
-
//# sourceMappingURL=chunk-PDBVZAUJ.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
//# sourceMappingURL=chunk-QDW5ZG5E.js.map
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as e}from"./chunk-NZJGC6ZW.js";var s=["1","2","3","4","5"],a=["raised","surface","outline","ghost","soft"],t={...e,size:{type:"enum",className:"rt-r-size",values:s,default:"1",responsive:!0},variant:{type:"enum",className:"rt-variant",values:a,default:"raised"},flush:{type:"boolean",default:!1},inset:{type:"boolean",default:!1}};export{t as a};
|
|
2
|
-
//# sourceMappingURL=chunk-RJ6SA7AY.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/components/card.props.tsx"],
|
|
4
|
-
"sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['1', '2', '3', '4', '5'] as const;\nconst variants = ['raised', 'surface', 'outline', 'ghost', 'soft'] as const;\n\nconst cardPropDefs = {\n ...asChildPropDef,\n size: { type: 'enum', className: 'rt-r-size', values: sizes, default: '1', responsive: true },\n variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'raised' },\n flush: { type: 'boolean', default: false },\n inset: { type: 'boolean', default: false },\n} satisfies {\n size: PropDef<(typeof sizes)[number]>;\n variant: PropDef<(typeof variants)[number]>;\n flush: PropDef<boolean>;\n inset: PropDef<boolean>;\n};\n\nexport { cardPropDefs };\n"],
|
|
5
|
-
"mappings": "wCAIA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,GAAG,EAChCC,EAAW,CAAC,SAAU,UAAW,UAAW,QAAS,MAAM,EAE3DC,EAAe,CACnB,GAAGC,EACH,KAAM,CAAE,KAAM,OAAQ,UAAW,YAAa,OAAQH,EAAO,QAAS,IAAK,WAAY,EAAK,EAC5F,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,QAAS,EACtF,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,EACzC,MAAO,CAAE,KAAM,UAAW,QAAS,EAAM,CAC3C",
|
|
6
|
-
"names": ["sizes", "variants", "cardPropDefs", "asChildPropDef"]
|
|
7
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{b as i}from"./chunk-WKMJIWFP.js";import*as e from"react";var u=e.createContext({isInsideMenu:!1}),c={1:28,2:32};function d(t){return c[t]}function M({children:t,size:r}){let n=i(r,void 0),o=n?d(n):void 0,s=e.useMemo(()=>({isInsideMenu:!0,size:n,itemHeight:o}),[n,o]);return e.createElement(u.Provider,{value:s},t)}function a(){return e.useContext(u)}export{c as a,d as b,M as c,a as d};
|
|
2
|
-
//# sourceMappingURL=chunk-RSJSVJ6A.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/components/_internal/menu-context.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client';\n\nimport * as React from 'react';\n\nimport { useResolvedResponsiveValue } from './base-menu.utils.js';\n\nimport type { Responsive } from '../../props/prop-def.js';\n\n/**\n * Context to detect if a component is rendered inside a menu (DropdownMenu, ContextMenu, etc.)\n * Used by VirtualMenu to adjust its behavior:\n * - Skip role=\"menu\" when inside a parent menu (parent owns the role)\n * - Delegate certain keyboard handling to parent\n * - Use the correct item height based on menu size\n */\n\nexport type MenuSize = '1' | '2';\n\ninterface MenuContextValue {\n /** Whether we're inside a menu that owns the menu role */\n isInsideMenu: boolean;\n /** Menu size for the current breakpoint */\n size?: MenuSize;\n /** Item height in px for the current size and theme scaling */\n itemHeight?: number;\n}\n\nconst MenuContext = React.createContext<MenuContextValue>({ isInsideMenu: false });\n\ninterface MenuProviderProps {\n children: React.ReactNode;\n /** Menu size passed from parent (DropdownMenu.Content, ContextMenu.Content, etc.) */\n size?: Responsive<MenuSize>;\n}\n\n/** Menu item height in pixels per size: the control height ladder (--control-height-N). */\nexport const menuSizeToItemHeight: Record<MenuSize, number> = {\n '1': 28,\n '2': 32,\n};\n\nexport function getMenuItemHeight(size: MenuSize): number {\n return menuSizeToItemHeight[size];\n}\n\nexport function MenuProvider({ children, size }: MenuProviderProps) {\n const resolvedSize = useResolvedResponsiveValue<MenuSize | undefined>(size, undefined);\n const itemHeight = resolvedSize ? getMenuItemHeight(resolvedSize) : undefined;\n const value = React.useMemo(\n () => ({ isInsideMenu: true, size: resolvedSize, itemHeight }),\n [resolvedSize, itemHeight],\n );\n return <MenuContext.Provider value={value}>{children}</MenuContext.Provider>;\n}\n\nexport function useMenuContext() {\n return React.useContext(MenuContext);\n}\n"],
|
|
5
|
-
"mappings": "wCAEA,UAAYA,MAAW,QAyBvB,IAAMC,EAAoB,gBAAgC,CAAE,aAAc,EAAM,CAAC,EASpEC,EAAiD,CAC5D,EAAK,GACL,EAAK,EACP,EAEO,SAASC,EAAkBC,EAAwB,CACxD,OAAOF,EAAqBE,CAAI,CAClC,CAEO,SAASC,EAAa,CAAE,SAAAC,EAAU,KAAAF,CAAK,EAAsB,CAClE,IAAMG,EAAeC,EAAiDJ,EAAM,MAAS,EAC/EK,EAAaF,EAAeJ,EAAkBI,CAAY,EAAI,OAC9DG,EAAc,UAClB,KAAO,CAAE,aAAc,GAAM,KAAMH,EAAc,WAAAE,CAAW,GAC5D,CAACF,EAAcE,CAAU,CAC3B,EACA,OAAO,gBAACR,EAAY,SAAZ,CAAqB,MAAOS,GAAQJ,CAAS,CACvD,CAEO,SAASK,GAAiB,CAC/B,OAAa,aAAWV,CAAW,CACrC",
|
|
6
|
-
"names": ["React", "MenuContext", "menuSizeToItemHeight", "getMenuItemHeight", "size", "MenuProvider", "children", "resolvedSize", "useResolvedResponsiveValue", "itemHeight", "value", "useMenuContext"]
|
|
7
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as o}from"./chunk-VX44UTQ5.js";import{a as e}from"./chunk-ERGJN7FJ.js";import{a as t}from"./chunk-NZJGC6ZW.js";var r=["1","2","3"],f={...t,size:{type:"enum",className:"rt-r-size",values:r,default:"2",responsive:!0},width:e.width,minWidth:e.minWidth,maxWidth:{...e.maxWidth,default:"480px"},...o};export{f as a};
|
|
2
|
-
//# sourceMappingURL=chunk-VJSZG35J.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/components/hover-card.props.tsx"],
|
|
4
|
-
"sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { heightPropDefs } from '../props/height.props.js';\nimport { widthPropDefs } from '../props/width.props.js';\n\nimport type { PropDef, GetPropDefTypes } from '../props/prop-def.js';\n\nconst contentSizes = ['1', '2', '3'] as const;\n\nconst hoverCardContentPropDefs = {\n ...asChildPropDef,\n size: {\n type: 'enum',\n className: 'rt-r-size',\n values: contentSizes,\n default: '2',\n responsive: true,\n },\n width: widthPropDefs.width,\n minWidth: widthPropDefs.minWidth,\n maxWidth: { ...widthPropDefs.maxWidth, default: '480px' },\n ...heightPropDefs,\n} satisfies {\n width: PropDef<string>;\n minWidth: PropDef<string>;\n maxWidth: PropDef<string>;\n size: PropDef<(typeof contentSizes)[number]>;\n};\n\ntype HoverCardContentOwnProps = GetPropDefTypes<\n typeof hoverCardContentPropDefs &\n typeof asChildPropDef &\n typeof widthPropDefs &\n typeof heightPropDefs\n>;\n\nexport { hoverCardContentPropDefs };\nexport type { HoverCardContentOwnProps };\n"],
|
|
5
|
-
"mappings": "wHAMA,IAAMA,EAAe,CAAC,IAAK,IAAK,GAAG,EAE7BC,EAA2B,CAC/B,GAAGC,EACH,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQF,EACR,QAAS,IACT,WAAY,EACd,EACA,MAAOG,EAAc,MACrB,SAAUA,EAAc,SACxB,SAAU,CAAE,GAAGA,EAAc,SAAU,QAAS,OAAQ,EACxD,GAAGC,CACL",
|
|
6
|
-
"names": ["contentSizes", "hoverCardContentPropDefs", "asChildPropDef", "widthPropDefs", "heightPropDefs"]
|
|
7
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as c}from"./chunk-XHKL4PG7.js";import{b as p}from"./chunk-TBZO22XK.js";import*as a from"react";import l from"classnames";var i=["xl","lg","md","sm","xs","initial"];function m(e,t,o){if(e==null)return o;if(typeof e!="object")return e;let s=e;for(let r=i.indexOf(t);r<i.length;r++){let n=s[i[r]];if(n!==void 0)return n}return o}function A(e,t){let o=typeof e=="object"&&e!==null,{breakpoint:s}=p(o);return m(e,s,t)}var d={1:8,2:12,3:12};function B(e){return-(d[e]??d[2])}var f={"\u2318":"Meta",cmd:"Meta",command:"Meta",meta:"Meta","\u2325":"Alt",option:"Alt",opt:"Alt",alt:"Alt","\u21E7":"Shift",shift:"Shift","\u2303":"Control",ctrl:"Control",control:"Control","\u232B":"Backspace","\u2326":"Delete","\u23CE":"Enter","\u21B5":"Enter","\u238B":"Escape",esc:"Escape","\u21E5":"Tab","\u2191":"ArrowUp","\u2193":"ArrowDown","\u2190":"ArrowLeft","\u2192":"ArrowRight"},u=new Map;function S(e){let t=u.get(e);if(t!==void 0)return t||void 0;let r=(e.match(/[⌘⌥⇧⌃]|[^\s+⌘⌥⇧⌃]+/gu)??[]).map(n=>f[n]??f[n.toLowerCase()]??(n.length===1?n.toUpperCase():n)).join("+");return u.set(e,r),r||void 0}function k({shortcut:e,className:t}){return a.createElement("div",{"aria-hidden":!0,className:l("rt-BaseMenuShortcut",t)},a.createElement(c,{size:"1"},e))}export{m as a,A as b,B as c,S as d,k as e};
|
|
2
|
-
//# sourceMappingURL=chunk-WKMJIWFP.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/components/_internal/base-menu.utils.tsx"],
|
|
4
|
-
"sourcesContent": ["'use client';\n\nimport * as React from 'react';\nimport classNames from 'classnames';\n\nimport { Kbd } from '../kbd.js';\nimport { useBreakpoint } from '../../hooks/use-breakpoint.js';\n\nimport type { Breakpoint, Responsive } from '../../props/prop-def.js';\n\nconst BREAKPOINTS_DESCENDING: Breakpoint[] = ['xl', 'lg', 'md', 'sm', 'xs', 'initial'];\n\n/**\n * Resolves a responsive value for the given breakpoint, falling back through\n * the smaller breakpoints when the current one is not set.\n */\nfunction resolveResponsiveValue<T>(\n value: T | Partial<Record<Breakpoint, T>> | undefined,\n currentBreakpoint: Breakpoint,\n defaultValue: T,\n): T {\n if (value === undefined || value === null) return defaultValue;\n if (typeof value !== 'object') return value;\n\n const map = value as Partial<Record<Breakpoint, T>>;\n for (let i = BREAKPOINTS_DESCENDING.indexOf(currentBreakpoint); i < BREAKPOINTS_DESCENDING.length; i++) {\n const resolved = map[BREAKPOINTS_DESCENDING[i]];\n if (resolved !== undefined) return resolved;\n }\n return defaultValue;\n}\n\n/**\n * Resolves a possibly responsive value against the current viewport. Only a\n * responsive object subscribes to breakpoint changes; a plain value costs\n * nothing.\n */\nfunction useResolvedResponsiveValue<T>(value: Responsive<T> | undefined, defaultValue: T): T {\n const isResponsive = typeof value === 'object' && value !== null;\n const { breakpoint } = useBreakpoint(isResponsive);\n return resolveResponsiveValue(value as T | Partial<Record<Breakpoint, T>> | undefined, breakpoint, defaultValue);\n}\n\n/** Content padding per menu size, in px (see base-menu.css). */\nconst CONTENT_PADDING: Record<string, number> = { '1': 8, '2': 12, '3': 12 };\n\n/**\n * Offset that lines the first item of a menu up with its anchor: the pointer\n * for a context menu, or the sub trigger for a submenu. It cancels the content\n * padding.\n */\nfunction getMenuAlignOffset(size: string): number {\n return -(CONTENT_PADDING[size] ?? CONTENT_PADDING['2']);\n}\n\nconst KEY_SYMBOLS: Record<string, string> = {\n '\u2318': 'Meta',\n cmd: 'Meta',\n command: 'Meta',\n meta: 'Meta',\n '\u2325': 'Alt',\n option: 'Alt',\n opt: 'Alt',\n alt: 'Alt',\n '\u21E7': 'Shift',\n shift: 'Shift',\n '\u2303': 'Control',\n ctrl: 'Control',\n control: 'Control',\n '\u232B': 'Backspace',\n '\u2326': 'Delete',\n '\u23CE': 'Enter',\n '\u21B5': 'Enter',\n '\u238B': 'Escape',\n esc: 'Escape',\n '\u21E5': 'Tab',\n '\u2191': 'ArrowUp',\n '\u2193': 'ArrowDown',\n '\u2190': 'ArrowLeft',\n '\u2192': 'ArrowRight',\n};\n\nconst ariaKeyShortcutsCache = new Map<string, string>();\n\n/**\n * Converts a display shortcut such as \"\u2318 \u21E7 P\" or \"Ctrl+S\" into the\n * `aria-keyshortcuts` format (\"Meta+Shift+P\", \"Control+S\").\n */\nfunction toAriaKeyShortcuts(shortcut: string): string | undefined {\n const cached = ariaKeyShortcutsCache.get(shortcut);\n if (cached !== undefined) return cached || undefined;\n\n // Modifier symbols are tokens of their own (\"\u2318\u21E7P\"); otherwise split on \"+\" and spaces.\n const tokens = shortcut.match(/[\u2318\u2325\u21E7\u2303]|[^\\s+\u2318\u2325\u21E7\u2303]+/gu) ?? [];\n const keys = tokens.map((token) => {\n const mapped = KEY_SYMBOLS[token] ?? KEY_SYMBOLS[token.toLowerCase()];\n return mapped ?? (token.length === 1 ? token.toUpperCase() : token);\n });\n const result = keys.join('+');\n ariaKeyShortcutsCache.set(shortcut, result);\n return result || undefined;\n}\n\n/**\n * The keyboard shortcut hint at the end of a menu item. It is hidden from\n * assistive technology because the item exposes it through\n * `aria-keyshortcuts` instead of reading it as part of the item name.\n */\nfunction MenuShortcut({ shortcut, className }: { shortcut: string; className?: string }) {\n return (\n <div aria-hidden className={classNames('rt-BaseMenuShortcut', className)}>\n <Kbd size=\"1\">{shortcut}</Kbd>\n </div>\n );\n}\n\nexport {\n resolveResponsiveValue,\n useResolvedResponsiveValue,\n getMenuAlignOffset,\n toAriaKeyShortcuts,\n MenuShortcut,\n};\n"],
|
|
5
|
-
"mappings": "gFAEA,UAAYA,MAAW,QACvB,OAAOC,MAAgB,aAOvB,IAAMC,EAAuC,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,SAAS,EAMrF,SAASC,EACPC,EACAC,EACAC,EACG,CACH,GAA2BF,GAAU,KAAM,OAAOE,EAClD,GAAI,OAAOF,GAAU,SAAU,OAAOA,EAEtC,IAAMG,EAAMH,EACZ,QAASI,EAAIN,EAAuB,QAAQG,CAAiB,EAAGG,EAAIN,EAAuB,OAAQM,IAAK,CACtG,IAAMC,EAAWF,EAAIL,EAAuBM,CAAC,CAAC,EAC9C,GAAIC,IAAa,OAAW,OAAOA,CACrC,CACA,OAAOH,CACT,CAOA,SAASI,EAA8BN,EAAkCE,EAAoB,CAC3F,IAAMK,EAAe,OAAOP,GAAU,UAAYA,IAAU,KACtD,CAAE,WAAAQ,CAAW,EAAIC,EAAcF,CAAY,EACjD,OAAOR,EAAuBC,EAAyDQ,EAAYN,CAAY,CACjH,CAGA,IAAMQ,EAA0C,CAAE,EAAK,EAAG,EAAK,GAAI,EAAK,EAAG,EAO3E,SAASC,EAAmBC,EAAsB,CAChD,MAAO,EAAEF,EAAgBE,CAAI,GAAKF,EAAgB,CAAG,EACvD,CAEA,IAAMG,EAAsC,CAC1C,SAAK,OACL,IAAK,OACL,QAAS,OACT,KAAM,OACN,SAAK,MACL,OAAQ,MACR,IAAK,MACL,IAAK,MACL,SAAK,QACL,MAAO,QACP,SAAK,UACL,KAAM,UACN,QAAS,UACT,SAAK,YACL,SAAK,SACL,SAAK,QACL,SAAK,QACL,SAAK,SACL,IAAK,SACL,SAAK,MACL,SAAK,UACL,SAAK,YACL,SAAK,YACL,SAAK,YACP,EAEMC,EAAwB,IAAI,IAMlC,SAASC,EAAmBC,EAAsC,CAChE,IAAMC,EAASH,EAAsB,IAAIE,CAAQ,EACjD,GAAIC,IAAW,OAAW,OAAOA,GAAU,OAQ3C,IAAMC,GALSF,EAAS,MAAM,sBAAsB,GAAK,CAAC,GACtC,IAAKG,GACRN,EAAYM,CAAK,GAAKN,EAAYM,EAAM,YAAY,CAAC,IAClDA,EAAM,SAAW,EAAIA,EAAM,YAAY,EAAIA,EAC9D,EACmB,KAAK,GAAG,EAC5B,OAAAL,EAAsB,IAAIE,EAAUE,CAAM,EACnCA,GAAU,MACnB,CAOA,SAASE,EAAa,CAAE,SAAAJ,EAAU,UAAAK,CAAU,EAA6C,CACvF,OACE,gBAAC,OAAI,cAAW,GAAC,UAAWC,EAAW,sBAAuBD,CAAS,GACrE,gBAACE,EAAA,CAAI,KAAK,KAAKP,CAAS,CAC1B,CAEJ",
|
|
6
|
-
"names": ["React", "classNames", "BREAKPOINTS_DESCENDING", "resolveResponsiveValue", "value", "currentBreakpoint", "defaultValue", "map", "i", "resolved", "useResolvedResponsiveValue", "isResponsive", "breakpoint", "useBreakpoint", "CONTENT_PADDING", "getMenuAlignOffset", "size", "KEY_SYMBOLS", "ariaKeyShortcutsCache", "toAriaKeyShortcuts", "shortcut", "cached", "result", "token", "MenuShortcut", "className", "classNames", "Kbd"]
|
|
7
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as n}from"./chunk-6YWJUNMB.js";import{a as p}from"./chunk-TGRRQHLQ.js";import{a as i}from"./chunk-UBSLEGQZ.js";import{a as d}from"./chunk-GSTOGDAJ.js";import{a as l}from"./chunk-OS3FCYZY.js";var v={};l(v,{Item:()=>c,Root:()=>f});import*as o from"react";import R from"classnames";import{RadioGroup as m}from"radix-ui";var C=o.createContext(void 0),u=()=>o.useContext(C),f=o.forwardRef((e,r)=>{let{className:a,color:t,...s}=i(e,n,d);return o.createElement(C.Provider,{value:{size:e.size,variant:e.variant}},o.createElement(p,{asChild:!0},o.createElement(m.Root,{"data-accent-color":t,...s,ref:r,className:R("rt-RadioCardsRoot",a)})))});f.displayName="RadioCards.Root";var c=o.forwardRef(({className:e,...r},a)=>{let t=u(),s=t?.variant?`rt-variant-${t.variant}`:void 0,P=t?.size?`rt-r-size-${t.size}`:void 0;return o.createElement(m.Item,{...r,asChild:!1,ref:a,className:R("rt-reset","rt-BaseCard","rt-RadioCardsItem",s,P,e)})});c.displayName="RadioCards.Item";export{f as a,c as b,v as c};
|
|
2
|
-
//# sourceMappingURL=chunk-YGPUKJEB.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/components/radio-cards.tsx"],
|
|
4
|
-
"sourcesContent": ["import * as React from 'react';\nimport classNames from 'classnames';\nimport { RadioGroup as RadioGroupPrimitive } from 'radix-ui';\n\nimport { radioCardsRootPropDefs } from './radio-cards.props.js';\nimport { Grid } from './grid.js';\nimport { extractProps } from '../helpers/extract-props.js';\nimport { marginPropDefs } from '../props/margin.props.js';\n\nimport type { MarginProps } from '../props/margin.props.js';\nimport type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';\nimport type { GetPropDefTypes, Responsive } from '../props/prop-def.js';\n\ntype RadioCardsContextValue = {\n size?: Responsive<(typeof radioCardsRootPropDefs.size.values)[number]>;\n variant?: (typeof radioCardsRootPropDefs.variant.values)[number];\n};\n\nconst RadioCardsContext = React.createContext<RadioCardsContextValue | undefined>(undefined);\n\nconst useRadioCardsContext = () => {\n const context = React.useContext(RadioCardsContext);\n return context;\n};\n\ntype RadioCardsRootElement = React.ElementRef<typeof RadioGroupPrimitive.Root>;\ntype RadioCardsRootOwnProps = GetPropDefTypes<typeof radioCardsRootPropDefs>;\ninterface RadioCardsRootProps\n extends ComponentPropsWithout<\n typeof RadioGroupPrimitive.Root,\n 'asChild' | 'color' | 'defaultChecked'\n >,\n MarginProps,\n RadioCardsRootOwnProps {}\nconst RadioCardsRoot = React.forwardRef<RadioCardsRootElement, RadioCardsRootProps>(\n (props, forwardedRef) => {\n const {\n className,\n color,\n ...rootProps\n } = extractProps(props, radioCardsRootPropDefs, marginPropDefs);\n return (\n <RadioCardsContext.Provider value={{ size: props.size, variant: props.variant }}>\n <Grid asChild>\n <RadioGroupPrimitive.Root\n data-accent-color={color}\n {...rootProps}\n ref={forwardedRef}\n className={classNames('rt-RadioCardsRoot', className)}\n />\n </Grid>\n </RadioCardsContext.Provider>\n );\n },\n);\nRadioCardsRoot.displayName = 'RadioCards.Root';\n\ntype RadioCardsItemElement = React.ElementRef<typeof RadioGroupPrimitive.Item>;\ninterface RadioCardsItemProps\n extends ComponentPropsWithout<typeof RadioGroupPrimitive.Item, RemovedProps>,\n MarginProps {}\nconst RadioCardsItem = React.forwardRef<RadioCardsItemElement, RadioCardsItemProps>(\n ({ className, ...props }, forwardedRef) => {\n const context = useRadioCardsContext();\n const variantClass = context?.variant ? `rt-variant-${context.variant}` : undefined;\n const sizeClass = context?.size ? `rt-r-size-${context.size}` : undefined;\n\n return (\n <RadioGroupPrimitive.Item\n {...props}\n asChild={false}\n ref={forwardedRef}\n className={classNames(\n 'rt-reset',\n 'rt-BaseCard',\n 'rt-RadioCardsItem',\n variantClass,\n sizeClass,\n className,\n )}\n />\n );\n },\n);\nRadioCardsItem.displayName = 'RadioCards.Item';\n\nexport { RadioCardsRoot as Root, RadioCardsItem as Item };\nexport type { RadioCardsRootProps as RootProps, RadioCardsItemProps as ItemProps };\n"],
|
|
5
|
-
"mappings": "wMAAA,IAAAA,EAAA,GAAAC,EAAAD,EAAA,UAAAE,EAAA,SAAAC,IAAA,UAAYC,MAAW,QACvB,OAAOC,MAAgB,aACvB,OAAS,cAAcC,MAA2B,WAgBlD,IAAMC,EAA0B,gBAAkD,MAAS,EAErFC,EAAuB,IACL,aAAWD,CAAiB,EAa9CE,EAAuB,aAC3B,CAACC,EAAOC,IAAiB,CACvB,GAAM,CACJ,UAAAC,EACA,MAAAC,EACA,GAAGC,CACL,EAAIC,EAAaL,EAAOM,EAAwBC,CAAc,EAC9D,OACE,gBAACV,EAAkB,SAAlB,CAA2B,MAAO,CAAE,KAAMG,EAAM,KAAM,QAASA,EAAM,OAAQ,GAC5E,gBAACQ,EAAA,CAAK,QAAO,IACX,gBAACC,EAAoB,KAApB,CACC,oBAAmBN,EAClB,GAAGC,EACJ,IAAKH,EACL,UAAWS,EAAW,oBAAqBR,CAAS,EACtD,CACF,CACF,CAEJ,CACF,EACAH,EAAe,YAAc,kBAM7B,IAAMY,EAAuB,aAC3B,CAAC,CAAE,UAAAT,EAAW,GAAGF,CAAM,EAAGC,IAAiB,CACzC,IAAMW,EAAUd,EAAqB,EAC/Be,EAAeD,GAAS,QAAU,cAAcA,EAAQ,OAAO,GAAK,OACpEE,EAAYF,GAAS,KAAO,aAAaA,EAAQ,IAAI,GAAK,OAEhE,OACE,gBAACH,EAAoB,KAApB,CACE,GAAGT,EACJ,QAAS,GACT,IAAKC,EACL,UAAWS,EACT,WACA,cACA,oBACAG,EACAC,EACAZ,CACF,EACF,CAEJ,CACF,EACAS,EAAe,YAAc",
|
|
6
|
-
"names": ["radio_cards_exports", "__export", "RadioCardsItem", "RadioCardsRoot", "React", "classNames", "RadioGroupPrimitive", "RadioCardsContext", "useRadioCardsContext", "RadioCardsRoot", "props", "forwardedRef", "className", "color", "rootProps", "extractProps", "radioCardsRootPropDefs", "marginPropDefs", "Grid", "RadioGroupPrimitive", "classNames", "RadioCardsItem", "context", "variantClass", "sizeClass"]
|
|
7
|
-
}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a as p}from"./chunk-FD2TR343.js";import{a as t}from"./chunk-WYADYDPN.js";import{a as s}from"./chunk-ZE2KAVXW.js";import{b as e}from"./chunk-ZWZGUBL4.js";import{a as o}from"./chunk-NZJGC6ZW.js";import{e as r}from"./chunk-34KVYDF6.js";var a=["0","1","2","3","4","5","6","7","8","9","10","11","12"],i=["solid","soft","outline","ghost"],P={...o,size:{type:"enum",className:"rt-r-size",values:a,responsive:!0},variant:{type:"enum",className:"rt-variant",values:i,default:"soft"},...p,...r,...e,...s,...t};export{P as a};
|
|
2
|
-
//# sourceMappingURL=chunk-ZMFZYXLB.js.map
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
{
|
|
2
|
-
"version": 3,
|
|
3
|
-
"sources": ["../../src/components/code.props.tsx"],
|
|
4
|
-
"sourcesContent": ["import { asChildPropDef } from '../props/as-child.prop.js';\nimport { grayAccentColorPropDef } from '../props/color.prop.js';\nimport { emphasisPropDef } from '../props/emphasis.prop.js';\nimport { textWrapPropDef } from '../props/text-wrap.prop.js';\nimport { truncatePropDef } from '../props/truncate.prop.js';\nimport { weightPropDef } from '../props/weight.prop.js';\n\nimport type { PropDef } from '../props/prop-def.js';\n\nconst sizes = ['0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10', '11', '12'] as const;\nconst variants = ['solid', 'soft', 'outline', 'ghost'] as const;\n\nconst codePropDefs = {\n ...asChildPropDef,\n size: {\n type: 'enum',\n className: 'rt-r-size',\n values: sizes,\n responsive: true,\n },\n variant: { type: 'enum', className: 'rt-variant', values: variants, default: 'soft' },\n ...weightPropDef,\n ...grayAccentColorPropDef,\n ...emphasisPropDef,\n ...truncatePropDef,\n ...textWrapPropDef,\n} satisfies {\n size: PropDef<(typeof sizes)[number]>;\n variant: PropDef<(typeof variants)[number]>;\n};\n\nexport { codePropDefs };\n"],
|
|
5
|
-
"mappings": "gPASA,IAAMA,EAAQ,CAAC,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,IAAK,KAAM,KAAM,IAAI,EAC3EC,EAAW,CAAC,QAAS,OAAQ,UAAW,OAAO,EAE/CC,EAAe,CACnB,GAAGC,EACH,KAAM,CACJ,KAAM,OACN,UAAW,YACX,OAAQH,EACR,WAAY,EACd,EACA,QAAS,CAAE,KAAM,OAAQ,UAAW,aAAc,OAAQC,EAAU,QAAS,MAAO,EACpF,GAAGG,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,EACH,GAAGC,CACL",
|
|
6
|
-
"names": ["sizes", "variants", "codePropDefs", "asChildPropDef", "weightPropDef", "grayAccentColorPropDef", "emphasisPropDef", "truncatePropDef", "textWrapPropDef"]
|
|
7
|
-
}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { insetPropDefs } from './inset.props.js';
|
|
3
|
-
import type { MarginProps } from '../props/margin.props.js';
|
|
4
|
-
import type { ComponentPropsWithout, RemovedProps } from '../helpers/component-props.js';
|
|
5
|
-
import type { GetPropDefTypes } from '../props/prop-def.js';
|
|
6
|
-
type InsetOwnProps = GetPropDefTypes<typeof insetPropDefs>;
|
|
7
|
-
interface InsetProps extends ComponentPropsWithout<'div', RemovedProps>, MarginProps, InsetOwnProps {
|
|
8
|
-
}
|
|
9
|
-
declare const Inset: React.ForwardRefExoticComponent<InsetProps & React.RefAttributes<HTMLDivElement>>;
|
|
10
|
-
export { Inset };
|
|
11
|
-
export type { InsetProps };
|
|
12
|
-
//# sourceMappingURL=inset.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"inset.d.ts","sourceRoot":"","sources":["../../../src/components/inset.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAIjD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,KAAK,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAC;AACzF,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AAG5D,KAAK,aAAa,GAAG,eAAe,CAAC,OAAO,aAAa,CAAC,CAAC;AAC3D,UAAU,UACR,SAAQ,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,EAChD,WAAW,EACX,aAAa;CAAG;AAEpB,QAAA,MAAM,KAAK,mFAIT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import{a}from"../chunk-IYFDCW7Y.js";import"../chunk-JAMLW534.js";import"../chunk-UBSLEGQZ.js";import"../chunk-AX5S56DS.js";import"../chunk-GSTOGDAJ.js";import"../chunk-E23RKOQJ.js";import"../chunk-PBFSBHBS.js";import"../chunk-WRWNN2NW.js";import"../chunk-RZCX6IBE.js";import"../chunk-QM3RCK5P.js";import"../chunk-NZJGC6ZW.js";import"../chunk-OS3FCYZY.js";export{a as Inset};
|
|
2
|
-
//# sourceMappingURL=inset.js.map
|
|
@@ -1,71 +0,0 @@
|
|
|
1
|
-
declare const insetPropDefs: {
|
|
2
|
-
side: {
|
|
3
|
-
type: "enum";
|
|
4
|
-
className: string;
|
|
5
|
-
values: readonly ["all", "x", "y", "top", "bottom", "left", "right"];
|
|
6
|
-
default: "all";
|
|
7
|
-
responsive: true;
|
|
8
|
-
};
|
|
9
|
-
clip: {
|
|
10
|
-
type: "enum";
|
|
11
|
-
className: string;
|
|
12
|
-
values: readonly ["border-box", "padding-box"];
|
|
13
|
-
default: "border-box";
|
|
14
|
-
responsive: true;
|
|
15
|
-
};
|
|
16
|
-
p: {
|
|
17
|
-
type: "enum";
|
|
18
|
-
className: string;
|
|
19
|
-
values: readonly ["current", "0"];
|
|
20
|
-
parseValue: typeof parsePaddingValue;
|
|
21
|
-
responsive: true;
|
|
22
|
-
};
|
|
23
|
-
px: {
|
|
24
|
-
type: "enum";
|
|
25
|
-
className: string;
|
|
26
|
-
values: readonly ["current", "0"];
|
|
27
|
-
parseValue: typeof parsePaddingValue;
|
|
28
|
-
responsive: true;
|
|
29
|
-
};
|
|
30
|
-
py: {
|
|
31
|
-
type: "enum";
|
|
32
|
-
className: string;
|
|
33
|
-
values: readonly ["current", "0"];
|
|
34
|
-
parseValue: typeof parsePaddingValue;
|
|
35
|
-
responsive: true;
|
|
36
|
-
};
|
|
37
|
-
pt: {
|
|
38
|
-
type: "enum";
|
|
39
|
-
className: string;
|
|
40
|
-
values: readonly ["current", "0"];
|
|
41
|
-
parseValue: typeof parsePaddingValue;
|
|
42
|
-
responsive: true;
|
|
43
|
-
};
|
|
44
|
-
pr: {
|
|
45
|
-
type: "enum";
|
|
46
|
-
className: string;
|
|
47
|
-
values: readonly ["current", "0"];
|
|
48
|
-
parseValue: typeof parsePaddingValue;
|
|
49
|
-
responsive: true;
|
|
50
|
-
};
|
|
51
|
-
pb: {
|
|
52
|
-
type: "enum";
|
|
53
|
-
className: string;
|
|
54
|
-
values: readonly ["current", "0"];
|
|
55
|
-
parseValue: typeof parsePaddingValue;
|
|
56
|
-
responsive: true;
|
|
57
|
-
};
|
|
58
|
-
pl: {
|
|
59
|
-
type: "enum";
|
|
60
|
-
className: string;
|
|
61
|
-
values: readonly ["current", "0"];
|
|
62
|
-
parseValue: typeof parsePaddingValue;
|
|
63
|
-
responsive: true;
|
|
64
|
-
};
|
|
65
|
-
asChild: {
|
|
66
|
-
type: "boolean";
|
|
67
|
-
};
|
|
68
|
-
};
|
|
69
|
-
declare function parsePaddingValue(value: string): string;
|
|
70
|
-
export { insetPropDefs };
|
|
71
|
-
//# sourceMappingURL=inset.props.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"inset.props.d.ts","sourceRoot":"","sources":["../../../src/components/inset.props.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,aAAa;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA2ElB,CAAC;AAEF,iBAAS,iBAAiB,CAAC,KAAK,EAAE,MAAM,UAEvC;AAED,OAAO,EAAE,aAAa,EAAE,CAAC"}
|
package/src/components/inset.css
DELETED
|
@@ -1,111 +0,0 @@
|
|
|
1
|
-
.rt-Inset {
|
|
2
|
-
box-sizing: border-box;
|
|
3
|
-
|
|
4
|
-
/* We reset the defined margin variables to avoid inheriting them from a higher component */
|
|
5
|
-
/* If a margin IS defined on the component itself, the utility class will win and reset it */
|
|
6
|
-
--margin-top: 0px;
|
|
7
|
-
--margin-right: 0px;
|
|
8
|
-
--margin-bottom: 0px;
|
|
9
|
-
--margin-left: 0px;
|
|
10
|
-
|
|
11
|
-
overflow: hidden;
|
|
12
|
-
|
|
13
|
-
/*
|
|
14
|
-
* Note: Next.js may collapse this into a shorthand "margin" declaration when bundling the CSS.
|
|
15
|
-
* If any of the variables are set to "initial", the shorthand syntax will become invalid and botch the Inset styles.
|
|
16
|
-
*/
|
|
17
|
-
margin-top: var(--margin-top-override);
|
|
18
|
-
margin-right: var(--margin-right-override);
|
|
19
|
-
margin-bottom: var(--margin-bottom-override);
|
|
20
|
-
margin-left: var(--margin-left-override);
|
|
21
|
-
|
|
22
|
-
/* Reset the overrides on direct children */
|
|
23
|
-
:where(&) > * {
|
|
24
|
-
--margin-top-override: initial;
|
|
25
|
-
--margin-right-override: initial;
|
|
26
|
-
--margin-bottom-override: initial;
|
|
27
|
-
--margin-left-override: initial;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
|
|
31
|
-
@breakpoints {
|
|
32
|
-
.rt-Inset {
|
|
33
|
-
&:where(.rt-r-clip-border-box) {
|
|
34
|
-
/* prettier-ignore */
|
|
35
|
-
--inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
|
|
36
|
-
--inset-padding-top-calc: var(--inset-padding-top, 0px);
|
|
37
|
-
--inset-padding-right-calc: var(--inset-padding-right, 0px);
|
|
38
|
-
--inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
|
|
39
|
-
--inset-padding-left-calc: var(--inset-padding-left, 0px);
|
|
40
|
-
}
|
|
41
|
-
/* prettier-ignore */
|
|
42
|
-
&:where(.rt-r-clip-padding-box) {
|
|
43
|
-
--inset-border-radius-calc: var(--inset-border-radius, 0px);
|
|
44
|
-
--inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
|
|
45
|
-
--inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
|
|
46
|
-
--inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
|
|
47
|
-
--inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
|
|
48
|
-
}
|
|
49
|
-
&:where(.rt-r-side-top) {
|
|
50
|
-
--margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
|
|
51
|
-
--margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
|
|
52
|
-
--margin-bottom-override: var(--margin-bottom);
|
|
53
|
-
--margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
|
|
54
|
-
border-top-left-radius: var(--inset-border-radius-calc);
|
|
55
|
-
border-top-right-radius: var(--inset-border-radius-calc);
|
|
56
|
-
border-bottom-left-radius: 0px;
|
|
57
|
-
border-bottom-right-radius: 0px;
|
|
58
|
-
}
|
|
59
|
-
&:where(.rt-r-side-bottom) {
|
|
60
|
-
--margin-top-override: var(--margin-top);
|
|
61
|
-
--margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
|
|
62
|
-
--margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
|
|
63
|
-
--margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
|
|
64
|
-
border-top-left-radius: 0px;
|
|
65
|
-
border-top-right-radius: 0px;
|
|
66
|
-
border-bottom-left-radius: var(--inset-border-radius-calc);
|
|
67
|
-
border-bottom-right-radius: var(--inset-border-radius-calc);
|
|
68
|
-
}
|
|
69
|
-
&:where(.rt-r-side-left) {
|
|
70
|
-
--margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
|
|
71
|
-
--margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
|
|
72
|
-
--margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
|
|
73
|
-
--margin-right-override: var(--margin-right);
|
|
74
|
-
border-top-left-radius: var(--inset-border-radius-calc);
|
|
75
|
-
border-top-right-radius: 0px;
|
|
76
|
-
border-bottom-left-radius: var(--inset-border-radius-calc);
|
|
77
|
-
border-bottom-right-radius: 0px;
|
|
78
|
-
}
|
|
79
|
-
&:where(.rt-r-side-right) {
|
|
80
|
-
--margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
|
|
81
|
-
--margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
|
|
82
|
-
--margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
|
|
83
|
-
--margin-left-override: var(--margin-left);
|
|
84
|
-
border-top-left-radius: 0px;
|
|
85
|
-
border-top-right-radius: var(--inset-border-radius-calc);
|
|
86
|
-
border-bottom-left-radius: 0px;
|
|
87
|
-
border-bottom-right-radius: var(--inset-border-radius-calc);
|
|
88
|
-
}
|
|
89
|
-
&:where(.rt-r-side-x) {
|
|
90
|
-
--margin-top-override: var(--margin-top);
|
|
91
|
-
--margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
|
|
92
|
-
--margin-bottom-override: var(--margin-bottom);
|
|
93
|
-
--margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
|
|
94
|
-
border-radius: 0px;
|
|
95
|
-
}
|
|
96
|
-
&:where(.rt-r-side-y) {
|
|
97
|
-
--margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
|
|
98
|
-
--margin-right-override: var(--margin-right);
|
|
99
|
-
--margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
|
|
100
|
-
--margin-left-override: var(--margin-left);
|
|
101
|
-
border-radius: 0px;
|
|
102
|
-
}
|
|
103
|
-
&:where(.rt-r-side-all) {
|
|
104
|
-
--margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
|
|
105
|
-
--margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
|
|
106
|
-
--margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
|
|
107
|
-
--margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
|
|
108
|
-
border-radius: var(--inset-border-radius-calc);
|
|
109
|
-
}
|
|
110
|
-
}
|
|
111
|
-
}
|