franken-ui/dist/uikit/stylings/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.

import merge from 'lodash/merge.js';
export const rules = {
    '.uk-drop': {
        display: 'none',
        position: 'absolute',
        zIndex: '1020',
        '--uk-position-offset': '20px',
        '--uk-position-viewport-offset': '15px',
        boxSizing: 'border-box',
        width: '300px'
    },
    '.uk-drop.uk-open': { display: 'block' },
    '.uk-drop-stack .uk-drop-grid > *': { width: '100% !important' },
    '.uk-drop-parent-icon': {
        marginLeft: '0.25em',
        transition: 'transform 0.3s ease-out'
    },
    "[aria-expanded='true'] > .uk-drop-parent-icon": {
        transform: 'rotateX(180deg)'
    }
};
export const addHooks = (args) => {
    const { hooks } = args;
    const defaultHooks = {
        'hook-misc': {}
    };
    const _hooks = merge(defaultHooks, hooks);
    return {
        ..._hooks['hook-misc']
    };
};