UNPKG

@arolariu/components

Version:

🎨 70+ beautiful, accessible React components built on Base UI. TypeScript-first, CSS Modules styling, tree-shakeable, SSR-ready. Perfect for modern web apps, design systems & rapid prototyping. Zero config, maximum flexibility! ⚡

114 lines (96 loc) • 2.39 kB
.positioner-GLlaSA { z-index: 50; } .content-WvhVkl { background-color: var(--ac-popover); border: 1px solid var(--ac-border); border-radius: var(--ac-radius-md); color: var(--ac-popover-foreground); max-height: var(--available-height); min-width: 12rem; padding: var(--ac-space-1); transform-origin: var(--transform-origin); transition: opacity var(--ac-transition-normal),transform var(--ac-transition-normal); overflow: hidden auto; box-shadow: 0 16px 40px -16px #00000059; } .content-WvhVkl[data-ending-style], .content-WvhVkl[data-starting-style] { opacity: 0; transform: scale(.96); } .item-EeGYFT { border-radius: var(--ac-radius-sm); color: inherit; cursor: default; font-size: var(--ac-text-sm); align-items: center; gap: var(--ac-space-2); min-height: var(--ac-size-default); padding: var(--ac-space-1) var(--ac-space-2); -webkit-user-select: none; user-select: none; outline: none; width: 100%; display: flex; } .item-EeGYFT[data-highlighted] { background-color: var(--ac-accent); color: var(--ac-accent-foreground); } .item-EeGYFT[data-disabled] { opacity: .5; pointer-events: none; } .subTrigger-wNjaS0 { padding-right: var(--ac-space-3); } .subTrigger-wNjaS0[data-popup-open] { background-color: var(--ac-accent); color: var(--ac-accent-foreground); } .subTriggerIcon-EgeexC { flex-shrink: 0; width: 1rem; height: 1rem; margin-left: auto; } .indicatorItem-CYAe9M { padding-left: calc(var(--ac-space-2) + 1.25rem); } .indicatorSlot-H8tRoh { height: 1rem; left: var(--ac-space-2); justify-content: center; align-items: center; width: 1rem; display: inline-flex; position: absolute; } .indicatorIcon-CenGUD, .radioIndicatorIcon-QRYuU_ { width: .875rem; height: .875rem; } .radioIndicatorIcon-QRYuU_ { fill: currentColor; } .label-Gga1Bo { color: var(--ac-foreground); font-size: var(--ac-text-sm); padding: var(--ac-space-1) var(--ac-space-2); font-weight: 600; } .inset-ch0bTy { padding-left: calc(var(--ac-space-2) + 1.25rem); } .separator-SNyihB { background-color: var(--ac-border); height: 1px; margin: var(--ac-space-1) calc(var(--ac-space-1)*-1); } .shortcut-Cd0FUZ { color: var(--ac-muted-foreground); font-size: var(--ac-text-xs); letter-spacing: .08em; margin-left: auto; } /*# sourceMappingURL=context-menu_module.css.map */