vueless 1.1.1-beta.39 → 1.1.1-beta.40

package/composables/useUI.ts

@@ -13,7 +13,6 @@ import type { Ref, ComputedRef } from "vue";
 import type {
   CVA,
   UseUI,
-  Defaults,
   KeyAttrs,
   KeysAttrs,
   MutatedProps,
@@ -21,6 +20,7 @@ import type {
   PrimaryColors,
   ComponentNames,
   NestedComponent,
+  ComponentDefaults,
   ComponentConfigFull,
   VuelessComponentInstance,
 } from "../types.ts";
@@ -235,7 +235,7 @@ export default function useUI<T>(
      * Use an object where key = parent component prop value, value = nested component prop value.
      * */
     function getDefaults(defaultAttrs: NestedComponent["defaults"]) {
-      const defaults: Defaults = {};
+      const defaults: ComponentDefaults = {};
 
       for (const key in defaultAttrs) {
         defaults[key] =

package/index.d.ts

@@ -124,6 +124,47 @@ export { default as UChip } from "./ui.other-chip/UChip.vue";
 export { default as UThemeColorToggle } from "./ui.other-theme-color-toggle/UThemeColorToggle.vue";
 /* eslint-enable prettier/prettier */
 
+/* types */
+export type {
+  /* Core configuration types */
+  Config,
+  ThemeConfig,
+  ThemeConfigText,
+  ThemeConfigRounding,
+  ThemeConfigOutline,
+  NestedComponent,
+  ComponentConfig,
+  ComponentDefaults,
+  CreateVuelessOptions,
+  /* Color and theme types */
+  StateColors,
+  PrimaryColors,
+  NeutralColors,
+  VuelessCssVariables,
+  /* Component and Directive types */
+  Directives,
+  Components,
+  ComponentNames,
+  /* Utility types */
+  UnknownType,
+  UnknownArray,
+  UnknownObject,
+  CVACompoundVariants,
+  CVA,
+  /* Vue component utility types */
+  ComponentType,
+  ComponentProps,
+  ComponentSlots,
+  ComponentEmit,
+  ComponentExposed,
+  /* Locale types */
+  LocaleOptions,
+  LocaleInstance,
+  LocaleMessages,
+} from "./types.ts";
+/* Export enums directly (not as types) */
+export { ColorMode } from "./types.ts";
+
 export declare function createVueless(options?: CreateVuelessOptions): {
   install: (app: App) => void;
 };

package/index.ts

@@ -130,6 +130,47 @@ export { default as UChip } from "./ui.other-chip/UChip.vue";
 export { default as UThemeColorToggle } from "./ui.other-theme-color-toggle/UThemeColorToggle.vue";
 /* eslint-enable prettier/prettier */
 
+/* types */
+export type {
+  /* Core configuration types */
+  Config,
+  ThemeConfig,
+  ThemeConfigText,
+  ThemeConfigRounding,
+  ThemeConfigOutline,
+  NestedComponent,
+  ComponentConfig,
+  ComponentDefaults,
+  CreateVuelessOptions,
+  /* Color and theme types */
+  StateColors,
+  PrimaryColors,
+  NeutralColors,
+  VuelessCssVariables,
+  /* Component and Directive types */
+  Directives,
+  Components,
+  ComponentNames,
+  /* Utility types */
+  UnknownType,
+  UnknownArray,
+  UnknownObject,
+  CVACompoundVariants,
+  CVA,
+  /* Vue component utility types */
+  ComponentType,
+  ComponentProps,
+  ComponentSlots,
+  ComponentEmit,
+  ComponentExposed,
+  /* Locale types */
+  LocaleOptions,
+  LocaleInstance,
+  LocaleMessages,
+} from "./types.ts";
+/* Export enums directly (not as types) */
+export { ColorMode } from "./types.ts";
+
 export function createVueless(options: CreateVuelessOptions = {}) {
   const i18n = createLocale(options.i18n);
   const loaderOverlay = createLoaderOverlay();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vueless",
-  "version": "1.1.1-beta.39",
+  "version": "1.1.1-beta.40",
   "description": "Vue Styleless UI Component Library, powered by Tailwind CSS.",
   "author": "Johnny Grid <hello@vueless.com> (https://vueless.com)",
   "homepage": "https://vueless.com",

package/types.ts

@@ -60,7 +60,7 @@ import UListboxConfig from "./ui.form-listbox/config";
 
 import type { Props } from "tippy.js";
 import type { Config as TailwindConfig } from "tailwindcss";
-import type { ComputedRef, Ref, ComponentInternalInstance } from "vue";
+import type { ComputedRef, Ref, ComponentInternalInstance, TransitionProps } from "vue";
 
 export enum ColorMode {
   Dark = "dark",
@@ -220,6 +220,7 @@ export type PrimaryColors =
 
 export interface Directives {
   tooltip?: Partial<Props>;
+  clickOutside?: Partial<Props>;
 }
 
 export interface Components {
@@ -289,7 +290,7 @@ export interface Components {
 export type ComponentConfig<T> = Partial<{
   [K in keyof T]: K extends string
     ? K extends `${string}transition${string}` | `${string}Transition${string}`
-      ? Transition
+      ? TransitionProps
       : K extends "i18n"
         ? T[K]
         : T[K] | string | UnknownObject
@@ -304,20 +305,11 @@ export interface NestedComponent {
   [key: string]: Record<string, string | UnknownObject> | string | undefined;
 }
 
-export type Defaults = {
+export type ComponentDefaults = {
   color?: string;
   [key: string]: unknown | UnknownObject;
 };
 
-export interface Transition {
-  enterFromClass?: string;
-  enterActiveClass?: string;
-  enterToClass?: string;
-  leaveFromClass?: string;
-  leaveActiveClass?: string;
-  leaveToClass?: string;
-}
-
 export interface CVA {
   base?: string;
   variants?: UnknownObject;

package/utils/ui.ts

@@ -7,7 +7,7 @@ import { createGetMergedConfig } from "./node/mergeConfigs.js";
 import { COMPONENT_NAME as U_ICON } from "../ui.image-icon/constants.ts";
 import { ICON_NON_PROPS_DEFAULTS, TAILWIND_MERGE_EXTENSION } from "../constants.js";
 
-import type { Config, Defaults, UnknownObject, ComponentNames } from "../types.ts";
+import type { Config, ComponentDefaults, UnknownObject, ComponentNames } from "../types.ts";
 
 interface MergedConfigOptions {
   defaultConfig: unknown;
@@ -79,7 +79,7 @@ export function getDefaults<Props, Config>(defaultConfig: Config, name: Componen
   const componentDefaults = (defaultConfig as UnknownObject).defaults || {};
   const globalDefaults = vuelessConfig.components?.[name]?.defaults || {};
 
-  const defaults = merge({}, componentDefaults, globalDefaults) as Props & Defaults;
+  const defaults = merge({}, componentDefaults, globalDefaults) as Props & ComponentDefaults;
 
   /* Remove non a props defaults. */
   for (const key in defaults) {