@nex-ui/react/dist/esm/theme/system/selectors.mjs

🎉 A beautiful, modern, and reliable React component library.

import { defineConfig } from '@nex-ui/system';

const selectors = defineConfig.selectors({
    hover: '&:is(:hover, [data-hover=true]):not(:disabled, [data-disabled=true])',
    active: '&:is(:active, [data-active=true]):not(:disabled, [data-disabled=true])',
    focus: '&:is(:focus, [data-focus=true]):not(:disabled, [data-disabled=true])',
    focusWithin: '&:is(:focus-within, [data-focus-within=true]):not(:disabled, [data-disabled=true])',
    disabled: '&:is(:disabled, [data-disabled=true])',
    focusVisible: '&:is(:focus-visible, [data-focus-visible=true]):not(:disabled, [data-disabled=true])'
});

export { selectors };