export default defineAppConfig({
  ui: {
    prose:{
      img:{
        slots: {
          base: 'rounded-md max-w-[25dvw] max-h-[25dvh] object-contain',
          overlay: 'fixed inset-0 bg-default/75 backdrop-blur-sm will-change-opacity',
          content: 'fixed inset-0 flex items-center justify-center cursor-zoom-out focus:outline-none',
          zoomedImage: 'w-full h-auto max-w-[95dvw] max-h-[95dvh] object-contain rounded-md'
        },
        variants: {
          zoom: {
            true: 'will-change-transform'
          },
          open: {
            true: ''
          },
          width: {
            false: 'w-full'
          }
        },
        compoundVariants: [
          {
            zoom: true,
            open: false,
            class: 'cursor-zoom-in'
          }
        ]
      }
    },
    input:{
      variants:{
        size:{
           md: {
            base: 'px-2.5 py-1.5 text-sm gap-1.5',
            leading: 'ps-2.5',
            trailing: 'pe-2.5',
            leadingIcon: 'size-5',
            leadingAvatarSize: '2xs',
            trailingIcon: 'size-5'
          },
        }
      }
    },
    textarea:{
      variants:{
        size:{
          md:{
            base: 'px-2.5 py-1.5 text-sm gap-1.5',
            leading: 'ps-2.5 inset-y-1.5',
            trailing: 'pe-2.5 inset-y-1.5',
            leadingIcon: 'size-5',
            leadingAvatarSize: '2xs',
            trailingIcon: 'size-5'
          }
        }
      }
    },
    colors: {
      primary: 'blue',
      neutral: 'zinc'
    }
  },
  icon: {
    mode: 'css',
    cssLayer: 'base'
  }
})