@variantjs/vue/src/index.ts

Vue VariantJS: Fully configurable Vue 3 components styled with TailwindCSS

// Import Utils
import { Emitter } from './utils/emitter';
import { getVariantProps, getVariantPropsWithClassesList } from './utils/getVariantProps';
import { sameWidthModifier } from './utils/popper';
import { svgToVueComponent } from './utils/svgToVueComponent';

import plugin from './plugin';

// Import Components
import TInput from './components/TInput.vue';
import TButton from './components/TButton.vue';
import TTextarea from './components/TTextarea.vue';
import TSelect from './components/TSelect.vue';
import TCheckbox from './components/TCheckbox.vue';
import TRadio from './components/TRadio.vue';
import TAlert from './components/TAlert.vue';
import TCard from './components/TCard.vue';
import TDropdown from './components/TDropdown.vue';
import TInputGroup from './components/TInputGroup.vue';
import TRichSelect from './components/TRichSelect.vue';
import TTag from './components/TTag.vue';
import TToggle from './components/TToggle.vue';
import TModal from './components/TModal.vue';
import TDialog from './components/TDialog.vue';

// Import icons
import LoadingIcon from './icons/LoadingIcon.vue';

// Import uses
import useActivableOption from './use/useActivableOption';
import useConfiguration from './use/useConfiguration';
import useConfigurationWithClassesList from './use/useConfigurationWithClassesList';
import useFetchsOptions from './use/useFetchsOptions';
import useInjectsClassesList from './use/useInjectsClassesList';
import useInjectsClassesListClass from './use/useInjectsClassesListClass';
import useInjectsConfiguration from './use/useInjectsConfiguration';
import useMulipleableVModel from './use/useMulipleableVModel';
import useMultioptions from './use/useMultioptions';
import useSelectableOption from './use/useSelectableOption';
import useVModel from './use/useVModel';

export * from './types';

// Export components
export {
  // Basic Form Components
  TInput,
  TButton,
  TTextarea,
  TSelect,
  TCheckbox,
  TRadio,

  // Form Components
  TInputGroup,
  TRichSelect,

  // Single tag components
  TTag,

  // Components
  TCard,
  TDropdown,
  TAlert,
  TModal,
  TDialog,
  TToggle,

  // Installer
  plugin as variantJS,
};

// Export icons
export {
  LoadingIcon,
};

// Export utils
export {
  Emitter,
  getVariantProps,
  getVariantPropsWithClassesList,
  sameWidthModifier,
  svgToVueComponent,
};

// Export uses
export {
  useActivableOption,
  useConfiguration,
  useConfigurationWithClassesList,
  useFetchsOptions,
  useInjectsClassesList,
  useInjectsClassesListClass,
  useInjectsConfiguration,
  useMulipleableVModel,
  useMultioptions,
  useSelectableOption,
  useVModel,
};