franken-ui
Version:
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.
1,604 lines (1,603 loc) • 72.8 kB
TypeScript
import type { OptionsType } from './preset-types.js';
declare const _default: (options?: OptionsType) => {
accordion: {
'hook-accordion': {
'@apply text-sm': {};
};
'hook-item': {
marginTop: null;
};
'hook-title': {
fontSize: null;
lineHeight: null;
color: null;
'@apply items-start px-0 py-4 font-medium text-foreground': {};
};
'hook-title-hover': {
color: null;
textDecoration: null;
'@apply underline': {};
};
'hook-content': {
marginTop: null;
'@apply pb-4 text-foreground': {};
};
'hook-misc': {
'.uk-accordion > li': {
'@apply border-b border-border': {};
};
'.uk-accordion-icon': {
'@apply text-muted-foreground': {};
};
'.uk-accordion-content > :last-child': {
marginBottom: null;
};
};
};
alert: {
'hook-alert': {
marginBottom: null;
padding: null;
backgroundColor: null;
color: null;
'@apply rounded-lg border border-border px-4 py-3 text-sm [&>svg+div]:translate-y-[-3px] [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg~*]:pl-7': {};
};
'hook-close': {
top: null;
right: null;
color: null;
opacity: null;
'@apply right-3': {};
};
'hook-close-hover': {
color: null;
opacity: null;
};
'hook-danger': {
backgroundColor: null;
color: null;
'@apply border border-destructive text-destructive': {};
};
'hook-misc': {
'* + .uk-alert': {
marginTop: null;
};
'.uk-alert > :last-child': {
marginBottom: null;
};
'.uk-alert-close:first-child + *': {
marginTop: null;
};
'.uk-alert-primary': null;
'.uk-alert-success': null;
'.uk-alert-warning': null;
'.uk-alert a:not([class]):hover': {
color: null;
textDecoration: null;
};
'.uk-alert-title': {
'@apply mb-1 font-medium leading-none tracking-tight': {};
};
'.uk-alert-description': {
'@apply [&_p]:leading-relaxed': {};
};
};
};
animation: {};
article: {
'hook-article': {};
'hook-adjacent': {};
'hook-title': {};
'hook-meta': {
color: null;
'@apply text-muted-foreground': {};
};
'hook-misc': {
'.uk-article-meta a': {
color: null;
};
'.uk-article-meta a:hover': {
color: null;
};
};
};
background: {
'hook-misc': {
'.uk-background-default': {
backgroundColor: null;
'@apply bg-background': {};
};
'.uk-background-muted': {
backgroundColor: null;
'@apply bg-muted': {};
};
'.uk-background-primary': {
backgroundColor: null;
'@apply bg-primary': {};
};
'.uk-background-secondary': {
backgroundColor: null;
'@apply bg-secondary': {};
};
};
};
badge: {
'hook-badge': {
verticalAlign: null;
backgroundColor: null;
color: null;
fontSize: null;
lineHeight: null;
'@apply border border-border text-xs font-semibold text-foreground shadow': {};
};
'hook-hover': {
textDecoration: null;
};
'hook-misc': {
'.uk-badge-primary': {
'@apply border-transparent bg-primary text-primary-foreground hover:bg-primary/80': {};
};
'.uk-badge-secondary': {
'@apply border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80': {};
};
'.uk-badge-danger': {
'@apply border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80': {};
};
};
};
breadcrumb: {
'hook-breadcrumb': {
'@apply text-sm': {};
};
'hook-item': {
display: null;
alignItems: null;
fontSize: null;
fontWeight: null;
textDecoration: null;
color: null;
'@apply inline-flex items-center text-muted-foreground': {};
};
'hook-item-hover': {
'@apply text-foreground': {};
};
'hook-item-disabled': {
'@apply opacity-50': {};
};
'hook-item-active': {
'@apply font-medium text-foreground': {};
};
'hook-divider': {
margin: null;
color: null;
'@apply ml-2 mr-3 text-muted-foreground': {};
};
'hook-misc': {
'.uk-breadcrumb-solid': null;
};
};
button: {
'hook-button': {
margin: null;
border: null;
overflow: null;
font: null;
color: null;
textTransform: null;
WebkitAppearance: null;
borderRadius: null;
display: null;
boxSizing: null;
padding: null;
verticalAlign: null;
fontSize: null;
lineHeight: null;
textAlign: null;
textDecoration: null;
'@apply inline-flex h-9 items-center justify-center rounded-md px-4 py-2 text-sm font-medium shadow-sm focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring': {};
};
'hook-disabled': {
backgroundColor: null;
color: null;
borderColor: null;
'@apply opacity-50': {};
};
'hook-default': {
backgroundColor: null;
color: null;
border: null;
'@apply border border-input bg-background text-accent-foreground': {};
};
'hook-default-hover': {
backgroundColor: null;
color: null;
borderColor: null;
'@apply bg-accent': {};
};
'hook-default-active': {
backgroundColor: null;
color: null;
borderColor: null;
};
'hook-primary': {
backgroundColor: null;
color: null;
'@apply bg-primary text-primary-foreground': {};
};
'hook-primary-hover': {
backgroundColor: null;
color: null;
'@apply opacity-90': {};
};
'hook-primary-active': {
backgroundColor: null;
color: null;
};
'hook-secondary': {
backgroundColor: null;
color: null;
'@apply bg-secondary text-secondary-foreground': {};
};
'hook-secondary-hover': {
backgroundColor: null;
color: null;
'@apply opacity-90': {};
};
'hook-secondary-active': {
backgroundColor: null;
color: null;
};
'hook-danger': {
backgroundColor: null;
color: null;
'@apply bg-destructive text-destructive-foreground': {};
};
'hook-danger-hover': {
backgroundColor: null;
color: null;
'@apply opacity-90': {};
};
'hook-danger-active': {
backgroundColor: null;
color: null;
};
'hook-link': {
color: null;
lineHeight: null;
'@apply h-auto rounded-none shadow-none': {};
};
'hook-link-hover': {
color: null;
};
'hook-link-disabled': {
color: null;
'@apply opacity-50': {};
};
'hook-text': {
color: null;
lineHeight: null;
'@apply h-auto rounded-none shadow-none': {};
};
'hook-text-hover': {
color: null;
};
'hook-text-disabled': {
color: null;
'@apply opacity-50': {};
};
'hook-small': {
padding: null;
lineHeight: null;
fontSize: null;
'@apply h-8 px-3 py-0 text-xs': {};
};
'hook-large': {};
'hook-misc': {
'.uk-button-large': null;
'.uk-button-group': null;
'.uk-button-group > .uk-button:nth-child(n + 2), .uk-button-group > div:nth-child(n + 2) .uk-button': null;
'.uk-button-group .uk-button:hover, .uk-button-group .uk-button:focus, .uk-button-group .uk-button:active, .uk-button-group .uk-button.uk-active': null;
'.uk-button-ghost': {
'@apply shadow-none': {};
};
'.uk-button-ghost:hover': {
'@apply bg-accent': {};
};
'.uk-button-xsmall': {
'@apply h-7 px-3 py-0 text-xs': {};
};
};
};
card: {
'hook-card': {
'@apply rounded-xl border border-border shadow': {};
};
'hook-body': {
padding: null;
'@apply p-6': {};
};
'hook-header': {
padding: null;
'@apply p-6': {};
};
'hook-footer': {
padding: null;
'@apply p-6': {};
};
'hook-title': {
fontSize: null;
lineHeight: null;
'@apply font-semibold leading-none tracking-tight': {};
};
'hook-default': {
backgroundColor: null;
color: null;
boxShadow: null;
'@apply bg-card text-card-foreground': {};
};
'hook-default-title': {
color: null;
};
'hook-default-header': {
borderBottom: string;
'@apply border-border': {};
};
'hook-default-footer': {
borderTop: string;
'@apply border-border': {};
};
'hook-primary': {
backgroundColor: null;
color: null;
boxShadow: null;
'@apply bg-primary text-primary-foreground': {};
};
'hook-primary-title': {
color: null;
};
'hook-secondary': {
backgroundColor: null;
color: null;
boxShadow: null;
'@apply bg-secondary text-secondary-foreground': {};
};
'hook-secondary-title': {
color: null;
};
'hook-misc': {
"[class*='uk-card-media']": null;
'.uk-card-media-top, .uk-grid-stack > .uk-card-media-left, .uk-grid-stack > .uk-card-media-right': null;
'.uk-card-media-bottom': null;
':not(.uk-grid-stack) > .uk-card-media-left': null;
':not(.uk-grid-stack) > .uk-card-media-right': null;
'.uk-card-badge': null;
'.uk-card-badge:first-child + *': null;
'.uk-card-hover:not(.uk-card-default):not(.uk-card-primary):not(.uk-card-secondary):hover': null;
'.uk-card-default.uk-card-hover:hover': null;
'.uk-card-primary.uk-card-hover:hover': null;
'.uk-card-secondary.uk-card-hover:hover': null;
'.uk-card-small.uk-card-body, .uk-card-small .uk-card-body': null;
'.uk-card-small .uk-card-header': null;
'.uk-card-small .uk-card-footer': null;
'.uk-card-body > .uk-nav-default': null;
'.uk-card-body > .uk-nav-default:only-child': null;
'.uk-card-body > .uk-nav-default > li > a, .uk-card-body > .uk-nav-default .uk-nav-header, .uk-card-body > .uk-nav-default .uk-nav-divider': null;
'.uk-card-body > .uk-nav-default .uk-nav-sub': null;
'.uk-card-small > .uk-nav-default': null;
'.uk-card-small > .uk-nav-default:only-child': null;
'.uk-card-small > .uk-nav-default > li > a, .uk-card-small > .uk-nav-default .uk-nav-header, .uk-card-small > .uk-nav-default .uk-nav-divider': null;
'.uk-card-small > .uk-nav-default .uk-nav-sub': null;
'.uk-card-danger': {
'@apply bg-destructive text-destructive-foreground': {};
};
'.uk-card-header + .uk-card-body, .uk-card-body + .uk-card-footer': {
'@apply pt-0': {};
};
'.uk-card-header ~ .uk-card-footer': {
'@apply pt-0': {};
};
};
};
close: {
'hook-close': {
color: null;
transition: null;
transitionProperty: null;
};
'hook-hover': {
color: null;
};
};
column: {
'hook-misc': {
'.uk-column-divider': {
columnRule: string;
columnRuleColor: string;
};
};
};
comment: {
'hook-comment': {
'@apply p-3': {};
};
'hook-body': {
'@apply text-sm': {};
};
'hook-header': {};
'hook-title': {
fontSize: null;
lineHeight: null;
'@apply text-base font-medium': {};
};
'hook-meta': {
fontSize: null;
lineHeight: null;
color: null;
'@apply text-xs text-muted-foreground mt-1': {};
};
'hook-avatar': {
'@apply h-10 w-10 overflow-hidden rounded-full bg-muted': {};
};
'hook-list-adjacent': {
marginTop: null;
'@apply mt-3': {};
};
'hook-list-sub': {
margin: null;
paddingLeft: null;
listStyle: null;
'@apply ml-6 mt-6 border-l border-border md:pl-0': {};
};
'hook-list-sub-adjacent': {
marginTop: null;
'@apply mt-6': {};
};
'hook-primary': {
padding: null;
backgroundColor: null;
'@apply bg-primary text-primary-foreground rounded-md': {};
};
'hook-misc': {
'.uk-comment-avatar img': {
'@apply h-full w-full object-cover': {};
};
'.uk-comment-list .uk-comment ~ ul > li': {
'@apply ml-3': {};
};
};
};
'description-list': {
'hook-term': {
color: null;
};
'hook-description': {};
'hook-divider-term': {
borderTop: null;
'@apply border-t border-border': {};
};
'hook-misc': {};
};
divider: {
'hook-icon-line': {
borderBottom: string;
'@apply border-border': {};
};
'hook-small': {
borderBottom: string;
'@apply border-border': {};
};
'hook-vertical': {
borderBottom: string;
'@apply border-border': {};
};
'hook-misc': {
'.uk-divider-icon': {
backgroundImage: string;
};
'.dark .uk-divider-icon': {
backgroundImage: string;
};
"[class*='uk-divider']": {
marginBottom: null;
height: string;
};
"* + [class*='uk-divider']": {
marginTop: null;
};
};
};
dotnav: {
'hook-item': {
border: null;
'@apply border border-primary': {};
};
'hook-item-hover': {
backgroundColor: null;
'@apply bg-primary': {};
};
'hook-item-onclick': {
backgroundColor: null;
'@apply bg-primary': {};
};
'hook-item-active': {
backgroundColor: null;
'@apply bg-primary': {};
};
};
dropbar: {
'hook-dropbar': {
padding: null;
backgroundColor: null;
color: null;
'@apply bg-background': {};
};
'hook-top': {
boxShadow: null;
};
'hook-bottom': {
boxShadow: null;
};
'hook-left': {
boxShadow: null;
};
'hook-right': {
boxShadow: null;
};
'hook-misc': {
'.uk-dropbar :focus-visible': {
outlineColor: null;
};
};
};
dropdown: {
'hook-dropdown': {
padding: null;
backgroundColor: null;
color: null;
boxShadow: null;
'@apply rounded-md border border-border bg-popover text-popover-foreground shadow-md': {};
};
'hook-dropbar': {
padding: null;
};
'hook-nav-item': {
color: null;
padding: null;
'@apply m-1 flex select-none items-center rounded-sm px-2 py-1.5 text-sm': {};
};
'hook-nav-item-hover': {
color: null;
'@apply bg-accent text-accent-foreground': {};
};
'hook-nav-header': {
color: null;
padding: null;
textTransform: string;
'@apply m-1 px-2 py-1.5 font-semibold': {};
};
'hook-nav-divider': {
borderTop: null;
margin: string;
'@apply border-t border-border': {};
};
'hook-text': {
backgroundColor: null;
color: null;
'@apply focus-visible:ring-0': {};
};
'hook-text-hover': {
color: null;
};
'hook-text-disabled': {
color: null;
'@apply opacity-50': {};
};
'hook-misc': {
'.uk-dropdown :focus-visible': {
outlineColor: null;
};
};
};
extensions: {
'hook-misc': {};
};
'form-range': {
'hook-form-range': {};
'hook-track': {
backgroundColor: null;
'@apply bg-primary/20': {};
};
'hook-track-focus': {
backgroundColor: null;
'@apply bg-primary/20': {};
};
'hook-thumb': {
backgroundColor: null;
border: string;
'@apply border-primary/50 bg-background': {};
};
'hook-misc': {};
};
form: {
'hook-form': {
border: null;
padding: null;
backgroundColor: null;
color: null;
fontSize: null;
transition: null;
transitionProperty: null;
'@apply rounded-md border border-input bg-transparent px-3 py-1 text-sm text-foreground shadow-sm': {};
};
'hook-single-line': {
height: null;
'@apply h-9': {};
};
'hook-multi-line': {
'@apply min-h-[60px] py-2': {};
};
'hook-focus': {
backgroundColor: null;
color: null;
borderColor: null;
'@apply outline-none ring-1 ring-ring': {};
};
'hook-disabled': {
backgroundColor: null;
color: null;
borderColor: null;
'@apply opacity-50': {};
};
'hook-danger': {
color: null;
borderColor: null;
'@apply ring-destructive': {};
};
'hook-blank': {
'@apply shadow-none': {};
};
'hook-blank-focus': {
borderColor: null;
borderStyle: null;
'@apply ring-0': {};
};
'hook-placeholder': {
color: null;
'@apply text-muted-foreground': {};
};
'hook-radio': {
backgroundColor: null;
border: null;
transition: null;
transitionProperty: null;
'@apply rounded-sm border border-primary shadow': {};
};
'hook-radio-focus': {
backgroundColor: null;
borderColor: null;
'@apply outline-none ring-1 ring-ring': {};
};
'hook-radio-checked': {
backgroundColor: null;
borderColor: null;
};
'hook-radio-checked-focus': {
backgroundColor: null;
'@apply outline-none ring-1 ring-ring': {};
};
'hook-radio-disabled': {
backgroundColor: null;
borderColor: null;
};
'hook-legend': {
width: null;
color: null;
padding: null;
fontSize: null;
lineHeight: null;
};
'hook-label': {
color: null;
'@apply text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70': {};
};
'hook-icon': {
color: null;
};
'hook-icon-hover': {
color: null;
};
'hook-toggle-switch': {
width: null;
height: null;
backgroundColor: null;
'@apply h-5 w-9 bg-input shadow-sm': {};
};
'hook-toggle-switch-before': {
width: null;
height: null;
backgroundColor: null;
transitionProperty: string;
'@apply h-4 w-4 bg-background': {};
};
'hook-toggle-switch-checked-before': {
left: null;
'@apply left-4': {};
};
'hook-toggle-switch-primary': {
backgroundColor: null;
'@apply bg-primary': {};
};
'hook-toggle-switch-danger': {
backgroundColor: null;
'@apply bg-destructive': {};
};
'hook-misc': {
'.uk-form-small': {
fontSize: null;
'@apply text-xs': {};
};
'.uk-form-small:not(textarea):not([multiple]):not([size])': {
height: null;
paddingLeft: null;
paddingRight: null;
'@apply h-8 px-3 py-0': {};
};
'textarea.uk-form-small, [multiple].uk-form-small, [size].uk-form-small': null;
'.uk-form-small:not(select):not(input):not(textarea)': null;
'.uk-form-large': null;
'.uk-form-large:not(textarea):not([multiple]):not([size])': null;
'textarea.uk-form-large, [multiple].uk-form-large, [size].uk-form-large': null;
'.uk-form-large:not(select):not(input):not(textarea)': null;
'.uk-form-success, .uk-form-success:focus': null;
'input.uk-form-width-xsmall': null;
'select.uk-form-width-xsmall': null;
'.uk-form-width-small': null;
'.uk-form-width-medium': null;
'.uk-form-width-large': null;
'.uk-form-help': {
fontSize: string;
'@apply font-medium': {};
};
'.uk-radio:checked': {
backgroundImage: string;
};
'.uk-radio:disabled:checked': {
backgroundImage: string;
};
'.dark .uk-radio:checked': {
backgroundImage: string;
};
'.dark .uk-radio:disabled:checked': {
backgroundImage: string;
};
'.uk-checkbox:indeterminate': {
backgroundImage: string;
};
'.dark .uk-checkbox:indeterminate': {
backgroundImage: string;
};
'.uk-checkbox:disabled:indeterminate': {
backgroundImage: string;
};
'.dark .uk-checkbox:disabled:indeterminate': {
backgroundImage: string;
};
'.uk-checkbox:checked': {
backgroundImage: string;
};
'.uk-checkbox:disabled:checked': {
backgroundImage: string;
};
'.dark .uk-checkbox:checked': {
backgroundImage: string;
};
'.dark .uk-checkbox:disabled:checked': {
backgroundImage: string;
};
'.uk-select:not([multiple]):not([size]) option': {
color: string;
};
'.uk-select:not([multiple]):not([size])': {
backgroundImage: string;
};
'.dark .uk-select:not([multiple]):not([size])': {
backgroundImage: string;
};
'.uk-input[list]:hover, .uk-input[list]:focus': {
backgroundImage: string;
};
'.dark .uk-input[list]:hover,.dark .uk-input[list]:focus': {
backgroundImage: string;
};
'.uk-toggle-switch-secondary:checked': null;
"[class*='uk-inline']": {
display: string;
position: string;
maxWidth: string;
verticalAlign: string;
WebkitBackfaceVisibility: string;
};
};
};
grid: {
'hook-divider-horizontal': {
borderLeft: string;
'@apply border-border': {};
};
'hook-divider-vertical': {
borderTop: string;
'@apply border-border': {};
};
'hook-misc': {};
};
heading: {
'hook-small': {
fontSize: null;
lineHeight: null;
'@apply text-4xl': {};
};
'hook-medium': {
fontSize: null;
lineHeight: null;
'@apply text-5xl': {};
};
'hook-large': {
fontSize: null;
lineHeight: null;
'@apply text-6xl': {};
};
'hook-xlarge': {
fontSize: null;
lineHeight: null;
'@apply text-7xl': {};
};
'hook-2xlarge': {
fontSize: null;
lineHeight: null;
'@apply text-8xl': {};
};
'hook-3xlarge': {
fontSize: null;
lineHeight: null;
'@apply text-9xl': {};
};
'hook-primary': {};
'hook-hero': {};
'hook-divider': {
borderBottom: string;
'@apply border-border': {};
};
'hook-bullet': {
borderLeft: string;
'@apply border-border': {};
};
'hook-line': {
borderBottom: string;
'@apply border-border': {};
};
'hook-misc': {
'.uk-h1': {
'@apply text-4xl font-extrabold tracking-tight lg:text-5xl': {};
};
'.uk-h2': {
'@apply text-3xl font-semibold tracking-tight': {};
};
'.uk-h3': {
'@apply text-2xl font-semibold tracking-tight': {};
};
'.uk-h4': {
'@apply text-xl font-semibold tracking-tight': {};
};
};
};
icon: {
'hook-icon': {
margin: null;
border: null;
borderRadius: null;
overflow: null;
font: null;
textTransform: null;
padding: null;
backgroundColor: null;
display: string;
lineHeight: null;
};
'hook-link': {
color: null;
};
'hook-link-hover': {
color: null;
};
'hook-link-active': {
color: null;
};
'hook-button': {
boxSizing: null;
width: null;
height: null;
borderRadius: null;
backgroundColor: null;
color: null;
verticalAlign: null;
display: null;
justifyContent: null;
alignItems: null;
transition: null;
transitionProperty: null;
'@apply inline-flex h-9 w-9 items-center justify-center rounded-md focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring disabled:pointer-events-none disabled:opacity-50': {};
};
'hook-button-hover': {
backgroundColor: null;
color: null;
'@apply bg-accent text-accent-foreground': {};
};
'hook-button-active': {
backgroundColor: null;
color: null;
'@apply bg-accent text-accent-foreground': {};
};
'hook-misc': {
'.uk-icon-button-small': {
'@apply h-8 w-8': {};
};
'.uk-icon-button-xsmall': {
'@apply h-7 w-7': {};
};
'.uk-icon-button-outline': {
'@apply border border-input shadow-sm': {};
};
};
};
iconnav: {
'hook-iconnav': {
gap: null;
marginLeft: null;
'@apply gap-1': {};
};
'hook-item': {
display: null;
justifyContent: null;
height: null;
width: null;
color: null;
'@apply inline-flex h-9 w-9 justify-center rounded-md': {};
};
'hook-item-hover': {
color: null;
'@apply bg-accent text-accent-foreground': {};
};
'hook-item-active': {
color: null;
'@apply bg-accent text-accent-foreground': {};
};
'hook-misc': {
'.uk-iconnav > * > a:focus-visible': {
'@apply outline-none ring-1 ring-ring': {};
};
'.uk-iconnav > *': {
paddingLeft: string;
};
'.uk-iconnav-vertical': {
marginTop: string;
};
'.uk-iconnav-vertical > *': {
paddingTop: string;
};
'.uk-iconnav-outline > * > a': {
'@apply border border-border shadow-sm': {};
};
'.uk-iconnav-small > * > a': {
'@apply h-8 w-8': {};
};
'.uk-iconnav-xsmall > * > a': {
'@apply h-7 w-7': {};
};
};
};
label: {
'hook-label': {
display: null;
padding: null;
backgroundColor: null;
lineHeight: null;
fontSize: null;
color: null;
verticalAlign: null;
whiteSpace: null;
borderRadius: null;
textTransform: null;
'@apply inline-flex items-center rounded-md border border-border px-2.5 py-0.5 text-xs font-semibold text-foreground shadow transition-colors': {};
};
'hook-danger': {
backgroundColor: null;
color: null;
'@apply border-transparent bg-destructive text-destructive-foreground hover:bg-destructive/80': {};
};
'hook-misc': {
'.uk-label-success': null;
'.uk-label-warning': null;
'.uk-label-primary': {
'@apply border-transparent bg-primary text-primary-foreground hover:bg-primary/80': {};
};
'.uk-label-secondary': {
'@apply border-transparent bg-secondary text-secondary-foreground hover:bg-secondary/80': {};
};
};
};
lightbox: {
'hook-item': {
color: null;
};
'hook-toolbar': {
padding: null;
backgroundColor: string;
color: null;
'@apply p-4 text-sm text-white backdrop-blur-sm': {};
};
'hook-toolbar-icon': {
padding: null;
color: null;
'@apply text-white': {};
};
'hook-misc': {
'.uk-lightbox :focus-visible': null;
'.uk-lightbox-toolbar-icon:focus-visible': {
'@apply outline-none': {};
};
'.uk-lightbox-toolbar-icon svg': {
'@apply h-4 w-4': {};
};
'.uk-lightbox-button': null;
'.uk-lightbox-button:hover': null;
'.uk-lightbox-toolbar > *': null;
};
};
link: {
'hook-muted': {
color: null;
'@apply font-medium text-muted-foreground underline underline-offset-4': {};
};
'hook-muted-hover': {
color: null;
};
'hook-text': {
color: null;
};
'hook-text-hover': {
color: null;
'@apply underline underline-offset-4': {};
};
'hook-heading': {
color: null;
};
'hook-heading-hover': {
color: null;
};
'hook-reset': {
color: null;
fontWeight: string;
};
'hook-misc': {
'.uk-link-toggle': {
color: null;
};
'.uk-link': {
'@apply font-medium underline underline-offset-4': {};
};
'a.uk-link-heading, .uk-link-heading a, .uk-link-toggle .uk-link-heading': null;
'a.uk-link-heading:hover, .uk-link-heading a:hover, .uk-link-toggle:hover .uk-link-heading': null;
};
};
list: {
'hook-misc': {
'.uk-list-disc > li:not(:first-child), .uk-list-circle > li:not(:first-child), .uk-list-square > li:not(:first-child), .uk-list-decimal > li:not(:first-child), .uk-list-hyphen > li:not(:first-child)': {
'@apply mt-2': {};
};
'.uk-list > :nth-child(n + 2), .uk-list > * > ul': {
marginTop: null;
};
'.uk-list-disc > *, .uk-list-circle > *, .uk-list-square > *, .uk-list-decimal > *, .uk-list-hyphen > *': {
paddingLeft: null;
'@apply ml-6': {};
};
'.uk-list-muted > ::before': {
color: null;
'@apply text-muted-foreground': {};
};
'.uk-list-emphasis > ::before': null;
'.uk-list-primary > ::before': {
color: null;
'@apply text-primary': {};
};
'.uk-list-secondary > ::before': {
color: null;
'@apply text-secondary-foreground': {};
};
'.uk-list-bullet > *': {
paddingLeft: null;
'@apply ml-6': {};
};
'.uk-list-bullet > li:not(:first-child)': {
'@apply mt-2': {};
};
'.uk-list-bullet > ::before': {
left: null;
width: null;
backgroundImage: string;
'@apply -left-6 w-6': {};
};
'.dark .uk-list-bullet > ::before': {
backgroundImage: string;
};
'.uk-list-divider > :nth-child(n + 2)': {
marginTop: null;
paddingTop: null;
borderTop: null;
'@apply mt-2 border-t border-border pt-2': {};
};
'.uk-list-striped > *': {
padding: null;
'@apply p-2': {};
};
'.uk-list-striped > *:nth-of-type(odd)': {
borderTop: null;
borderBottom: null;
'@apply border-t border-b border-border': {};
};
'.uk-list-striped > :nth-of-type(odd)': {
backgroundColor: null;
'@apply bg-muted/50': {};
};
'.uk-list-striped > :nth-child(n + 2)': {
marginTop: null;
};
'.uk-list-large > :nth-child(n + 2), .uk-list-large > * > ul': null;
'.uk-list-collapse > :nth-child(n + 2), .uk-list-collapse > * > ul': null;
'.uk-list-large.uk-list-divider > :nth-child(n + 2)': null;
'.uk-list-collapse.uk-list-divider > :nth-child(n + 2)': null;
'.uk-list-large.uk-list-striped > *': null;
'.uk-list-collapse.uk-list-striped > *': null;
'.uk-list-large.uk-list-striped > :nth-child(n + 2), .uk-list-collapse.uk-list-striped > :nth-child(n + 2)': null;
};
};
margin: {
'hook-misc': {
'.uk-margin-xsmall': {
'@apply mb-1': {};
};
'* + .uk-margin-xsmall': {
'@apply mt-1': {};
};
'.uk-margin-xsmall-top': {
'@apply mt-1': {};
};
'.uk-margin-xsmall-bottom': {
'@apply mb-1': {};
};
'.uk-margin-xsmall-left': {
'@apply ml-1': {};
};
'.uk-margin-xsmall-right': {
'@apply mr-1': {};
};
'.uk-margin-small': {
'@apply mb-2': {};
};
'* + .uk-margin-small': {
'@apply mt-2': {};
};
'.uk-margin-small-top': {
'@apply mt-2': {};
};
'.uk-margin-small-bottom': {
'@apply mb-2': {};
};
'.uk-margin-small-left': {
'@apply ml-2': {};
};
'.uk-margin-small-right': {
'@apply mr-2': {};
};
'.uk-margin': {
'@apply mb-4': {};
};
'* + .uk-margin': {
'@apply mt-4': {};
};
'.uk-margin-top': {
'@apply mt-4': {};
};
'.uk-margin-bottom': {
'@apply mb-4': {};
};
'.uk-margin-left': {
'@apply ml-4': {};
};
'.uk-margin-right': {
'@apply mr-4': {};
};
'.uk-margin-medium': {
'@apply mb-10': {};
};
'* + .uk-margin-medium': {
'@apply mt-10': {};
};
'.uk-margin-medium-top': {
'@apply mt-10': {};
};
'.uk-margin-medium-bottom': {
'@apply mb-10': {};
};
'.uk-margin-medium-left': {
'@apply ml-10': {};
};
'.uk-margin-medium-right': {
'@apply mr-10': {};
};
'.uk-margin-large': {
'@apply mb-20 lg:mb-20': {};
};
'* + .uk-margin-large': {
'@apply mt-20 lg:mt-20': {};
};
'.uk-margin-large-top': {
'@apply mt-20 lg:mt-20': {};
};
'.uk-margin-large-bottom': {
'@apply mb-20 lg:mb-20': {};
};
'.uk-margin-large-left': {
'@apply ml-20 lg:ml-20': {};
};
'.uk-margin-large-right': {
'@apply mr-20 lg:mr-20': {};
};
'.uk-margin-xlarge': {
'@apply mb-40 lg:mb-40': {};
};
'* + .uk-margin-xlarge': {
'@apply mt-40 lg:mt-40': {};
};
'.uk-margin-xlarge-top': {
'@apply mt-40 lg:mt-40': {};
};
'.uk-margin-xlarge-bottom': {
'@apply mb-40 lg:mb-40': {};
};
'.uk-margin-xlarge-left': {
'@apply ml-40 lg:ml-40': {};
};
'.uk-margin-xlarge-right': {
'@apply mr-40 lg:mr-40': {};
};
};
};
marker: {
'hook-marker': {
backgroundColor: null;
color: null;
'@apply bg-primary text-primary-foreground': {};
};
'hook-hover': {
color: null;
'@apply opacity-90': {};
};
'hook-misc': {};
};
modal: {
'hook-modal': {
padding: null;
backgroundColor: string;
'@apply backdrop-blur-sm p-4': {};
};
'hook-dialog': {
width: string;
backgroundColor: null;
'@apply overflow-hidden border border-border bg-background rounded-lg': {};
};
'hook-full': {
backgroundColor: null;
'@apply w-full rounded-none border-none': {};
};
'hook-header': {
padding: null;
backgroundColor: null;
borderBottom: null;
'@apply p-6': {};
};
'hook-body': {
padding: null;
'@apply p-6': {};
};
'hook-footer': {
padding: null;
backgroundColor: null;
borderTop: null;
'@apply p-6': {};
};
'hook-title': {
fontSize: null;
lineHeight: null;
'@apply text-lg font-semibold leading-none tracking-tight': {};
};
'hook-close-full': {
backgroundColor: null;
padding: null;
};
'hook-misc': {
"[class*='uk-modal-close-']": {
padding: null;
'@apply top-4 right-4': {};
};
'.uk-modal-header + .uk-modal-body, .uk-modal-body + .uk-modal-footer': {
'@apply pt-0': {};
};
'.uk-modal-header ~ .uk-modal-footer': {
'@apply pt-0': {};
};
'.uk-modal-header + .uk-modal-body.uk-overflow-auto': {
'@apply pb-0': {};
};
'.uk-modal-body.uk-overflow-auto + .uk-modal-footer': {
'@apply pt-6': {};
};
'.uk-modal-full': {
padding: string;
};
'.uk-flex': {
display: string;
};
'.uk-flex-top': {
'@apply items-start': {};
};
'.uk-margin-auto-vertical': {
marginTop: string;
marginBottom: string;
};
'.uk-overflow-auto': {
overflow: string;
};
'.uk-overflow-auto > :last-child': {
marginBottom: string;
};
};
};
nav: {
'hook-sub': {
padding: null;
};
'hook-header': {
textTransform: null;
padding: null;
'@apply font-semibold': {};
};
'hook-divider': {
margin: null;
};
'hook-default': {
fontSize: null;
};
'hook-default-item': {
color: null;
'@apply px-2 py-1 text-muted-foreground': {};
};
'hook-default-item-hover': {
color: null;
'@apply underline': {};
};
'hook-default-item-active': {
color: null;
'@apply font-medium text-foreground': {};
};
'hook-default-subtitle': {
fontSize: null;
};
'hook-default-header': {
color: null;
'@apply px-2 py-1': {};
};
'hook-default-divider': {
borderTop: string;
'@apply border-border': {};
};
'hook-default-sublist': {
color: null;
'@apply px-2 py-1 text-muted-foreground': {};
};
'hook-default-sublist-hover': {
color: null;
'@apply underline': {};
};
'hook-default-sublist-active': {
color: null;
'@apply text-foreground': {};
};
'hook-primary': {
fontSize: null;
lineHeight: null;
};
'hook-primary-item': {
color: null;
'@apply px-4 py-2 m-1 rounded-md': {};
};
'hook-primary-item-hover': {
color: null;
'@apply bg-accent text-accent-foreground': {};
};
'hook-primary-item-active': {
color: null;
'@apply bg-primary text-primary-foreground': {};
};
'hook-primary-subtitle': {
fontSize: null;
};
'hook-primary-header': {
color: null;
'@apply px-4 py-2 m-1': {};
};
'hook-primary-divider': {
borderTop: string;
'@apply border-border': {};
};
'hook-primary-sublist': {
color: null;
'@apply px-4 py-2 ml-1': {};
};
'hook-primary-sublist-hover': {
color: null;
'@apply bg-accent text-accent-foreground': {};
};
'hook-primary-sublist-active': {
color: null;
'@apply bg-primary text-primary-foreground': {};
};
'hook-secondary': {
fontSize: null;
lineHeight: null;
};
'hook-secondary-item': {
color: null;
padding: null;
'@apply px-4 py-2 m-1 rounded-md': {};
};
'hook-secondary-item-hover': {
color: null;
backgroundColor: null;
'@apply bg-secondary text-secondary-foreground': {};
};
'hook-secondary-item-active': {
color: null;
backgroundColor: null;
'@apply bg-secondary text-secondary-foreground': {};
};
'hook-secondary-subtitle': {
color: null;
fontSize: null;
};
'hook-secondary-subtitle-hover': {
color: null;
};
'hook-secondary-subtitle-active': {
color: null;
};
'hook-secondary-header': {
color: null;
'@apply px-4 py-2 m-1': {};
};
'hook-secondary-divider': {
borderTop: string;
'@apply border-border': {};
};
'hook-secondary-sublist': {
color: null;
'@apply px-4 py-2 ml-1': {};
};
'hook-secondary-sublist-hover': {
color: null;
'@apply bg-accent text-accent-foreground': {};
};
'hook-secondary-sublist-active': {
color: null;
'@apply bg-secondary text-secondary-foreground': {};
};
'hook-misc': {
'.uk-nav': {
'@apply text-sm': {};
};
'.uk-nav li > a': {
columnGap: null;
};
'.uk-nav > li > a': {
padding: null;
columnGap: null;
};
'ul.uk-nav-sub': {
padding: null;
'@apply ml-5 mr-1 space-y-1 border-l border-border': {};
};
'.uk-nav-sub ul': {
paddingLeft: null;
'@apply ml-5 mt-1 space-y-1 border-l border-border': {};
};
'.uk-nav-sub li': {
'@apply relative': {};
};
'.uk-nav-sub li::before': {
content: string;
'@apply absolute -left-[1px] bottom-0 top-0 w-[1px] bg-border': {};
};
'.uk-nav-sub li.uk-active::before': {
'@apply bg-primary': {};
};
'.uk-nav-sub a': {
padding: null;
'@apply rounded-md': {};
};
'.uk-nav > li.uk-open > a .uk-nav-parent-icon': {
transform: string;
};
'.uk-nav-default .uk-nav-sub': {
fontSize: null;
lineHeight: null;
};
'.uk-nav-primary .uk-nav-sub': {
fontSize: null;
lineHeight: null;
};
'.uk-nav-secondary .uk-nav-sub': {
fontSize: null;
lineHeight: null;
};
'.uk-nav-header:not(:first-child)': {
marginTop: null;
};
'.uk-nav-center': null;
'.uk-nav-center li > a': null;
'.uk-nav-center .uk-nav-sub, .uk-nav-center .uk-nav-sub ul': null;
'.uk-nav-center .uk-nav-parent-icon': null;
'.uk-nav.uk-nav-divider> :not(.uk-nav-header, .uk-nav-divider)+ :not(.uk-nav-header, .uk-nav-divider)': null;
};
};
navbar: {
'hook-container': {
backgroundColor: null;
'@apply border-b border-border/40 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60': {};
};
'hook-nav-item': {
color: null;
textTransform: null;
'@apply text-foreground/60': {};
};
'hook-nav-item-hover': {
color: null;
'@apply text-foreground/80': {};
};
'hook-nav-item-onclick': {
color: null;
};
'hook-nav-item-active': {
color: null;
'@apply text-foreground': {};
};
'hook-item': {
color: null;
'@apply text-foreground/60': {};
};
'hook-toggle': {
color: null;
'@apply text-foreground/60': {};
};
'hook-toggle-hover': {
color: null;
'@apply text-foreground/80': {};
};
'hook-toggle-icon': {
color: null;
'@apply text-foreground/60': {};
};
'hook-toggle-icon-hover': {
color: null;
'@apply text-foreground/80': {};
};
'hook-dropdown': {