franken-ui/dist/shadcn-ui/components/drop.js

Franken UI is an HTML-first, open-source library of UI components based on the utility-first Tailwind CSS with UIkit 3 compatibility. The design is based on shadcn/ui ported to be framework-agnostic.

export default {
    '.uk-drop': {
        display: 'none',
        position: 'absolute',
        zIndex: 'var(--uk-drop-z)',
        '--uk-position-offset': '10px',
        '--uk-position-viewport-offset': '8px',
        boxSizing: 'border-box',
        width: '18rem'
    },
    '.uk-drop.uk-open': {
        display: 'block'
    },
    '.uk-drop-stack .uk-drop-grid > *': {
        width: '100% !important'
    },
    '.uk-drop-parent-icon': {
        marginLeft: '0.5rem',
        transition: '0.3s transform'
    },
    "[aria-expanded='true'] > .uk-drop-parent-icon": {
        transform: 'rotate(180deg)'
    }
};