app.config.ts

export default defineAppConfig({
  ui: {
    primary: 'mantis',
    gray: 'swamp',
    button: {
      default: {
        size: 'xl',
      },
    },
    input: {
      default: {
        size: 'xl',
      },
    },
  },
  // some configs
  // ui: {
  //   primary: 'waikawa-gray',
  //   gray: 'swamp',
  //   card: cardConfig,
  //   skeleton: {
  //     background: 'bg-slate-100 dark:bg-slate-700',
  //   },
  //   table: {
  //     base: 'overflow-visible bg-white dark:bg-{color}-800 border border-solid border-slate-100/70 dark:border-slate-700/60 rounded-[4px]',
  //     tr: {
  //       selected: 'bg-gray-100 dark:bg-gray-700/30',
  //       active: 'hover:bg-gray-50 dark:hover:bg-gray-700/50 cursor-pointer',
  //     },
  //     thead: 'bg-primary-50 dark:bg-primary-900 border-b border-solid border-slate-100/70 dark:border-slate-700/60 text-xs',
  //     divide: 'divide-none',
  //     tbody: 'divide-y divide-slate-100/70 dark:divide-slate-700/60 overflow-visible',
  //     th: {
  //       base: 'rounded-none first:rounded-none ps-4 text-left rtl:text-right',
  //       padding: 'px-4 py-0',
  //       size: 'text-xs',
  //     },
  //     td: {
  //       base: 'rounded-none first:rounded-none text-gray-900 dark:text-gray-100 whitespace-normal',
  //       padding: 'px-4 py-3.5',
  //       size: 'text-sm',
  //     },
  //     checkbox: {
  //       padding: 'rounded-none ps-4',
  //     },
  //     default: {
  //       sortAscIcon: 'i-heroicons-bars-arrow-up-20-solid max-h-3 max-w-3',
  //       sortDescIcon: 'i-heroicons-bars-arrow-down-20-solid max-h-3 max-w-3',
  //       sortButton: {
  //         icon: 'i-heroicons-arrows-up-down-20-solid max-h-3 max-w-3',
  //         class: 'text-[10px] px-0 tracking-wider uppercase bg-transparent hover:bg-transparent dark:hover:bg-transparent text-gray-400 dark:text-gray-400 hover:text-gray-400 dark:hover:text-gray-400 font-semibold',
  //       },
  //     },
  //   },
  //   pagination: paginationConfig,
  //   input: {
  //     base: 'h-10 disabled:cursor-pointer text-sm disabled:opacity-[.35]',
  //     rounded: 'rounded-[4px]',
  //     color: {
  //       gray: {
  //         outline: 'p-2.5 text-sm cursor-pointer bg-white dark:bg-primary-900 hover:bg-white dark:hover:bg-primary-900 dark:text-gray-100 text-gray-900 border border-solid border-gray-100 dark:border-gray-700 focus:border-primary-100 dark:focus:border-primary-100 placeholder-mirage-500 dark:placeholder-gray-600 ring-0 ring-gray-300 dark:ring-gray-700 focus:ring-2 focus:ring-offset-2 focus:ring-offset-primary-200/[.15] dark:focus:ring-offset-primary-200/[.20] focus:ring-primary-200/[.25] dark:focus:ring-primary-300/[.20]',
  //       },
  //     },
  //     default: {
  //       size: 'xs',
  //     },
  //   },
  //   button: {
  //     default: {
  //       size: 'xs',
  //     },
  //   },
  //   select: selectConfig,
  //   selectMenu: selectMenuConfig,
  //   formGroup: {
  //     container: 'mt-2',
  //     label: {
  //       base: 'text-sm font-medium dark:text-slate-200',
  //     },
  //   },
  // },
})