@thetwin_13/vue-components 1.0.0

package/dist/plugin.d.ts

@@ -0,0 +1,23 @@
+import type { Plugin } from 'vue';
+import type { ThemeName, ColorMode, ThemeMode } from '@/types/theme';
+import type { LocaleCode, LocaleMessages } from '@/types/i18n';
+import { useTheme, themePresets } from '@/theme';
+import { useI18n, locales } from '@/i18n';
+export interface VueComponentsOptions {
+    theme?: {
+        defaultTheme?: ThemeName;
+        defaultMode?: ColorMode;
+        customThemes?: Record<string, ThemeMode>;
+        storageKey?: string;
+        enableTransitions?: boolean;
+    };
+    i18n?: {
+        locale?: LocaleCode;
+        fallbackLocale?: LocaleCode;
+        customLocales?: Record<string, LocaleMessages>;
+    };
+}
+declare const VueComponentsPlugin: Plugin<VueComponentsOptions>;
+export { useTheme, useI18n, themePresets, locales };
+export default VueComponentsPlugin;
+//# sourceMappingURL=plugin.d.ts.map

package/dist/plugin.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugin.d.ts","sourceRoot":"","sources":["../src/plugin.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAO,MAAM,EAAE,MAAM,KAAK,CAAA;AACtC,OAAO,KAAK,EAAwB,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAC1F,OAAO,KAAK,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,cAAc,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAA;AAEzC,MAAM,WAAW,oBAAoB;IACnC,KAAK,CAAC,EAAE;QACN,YAAY,CAAC,EAAE,SAAS,CAAA;QACxB,WAAW,CAAC,EAAE,SAAS,CAAA;QACvB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;QACxC,UAAU,CAAC,EAAE,MAAM,CAAA;QACnB,iBAAiB,CAAC,EAAE,OAAO,CAAA;KAC5B,CAAA;IACD,IAAI,CAAC,EAAE;QACL,MAAM,CAAC,EAAE,UAAU,CAAA;QACnB,cAAc,CAAC,EAAE,UAAU,CAAA;QAC3B,aAAa,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAA;KAC/C,CAAA;CACF;AAED,QAAA,MAAM,mBAAmB,EAAE,MAAM,CAAC,oBAAoB,CA6CrD,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,OAAO,EAAE,CAAA;AAEnD,eAAe,mBAAmB,CAAA"}

package/dist/theme/index.d.ts

@@ -0,0 +1,87 @@
+import type { ThemeConfig, ThemeName, ColorMode, ThemeProviderOptions, ThemeMode } from '@/types/theme';
+export declare function useTheme(): {
+    currentTheme: import("vue").ComputedRef<ThemeConfig>;
+    currentThemeName: import("vue").ComputedRef<ThemeName>;
+    currentMode: import("vue").ComputedRef<ColorMode>;
+    effectiveMode: import("vue").ComputedRef<"light" | "dark">;
+    isDark: import("vue").ComputedRef<boolean>;
+    availableThemes: import("vue").ComputedRef<string[]>;
+    setTheme: (themeName: ThemeName) => void;
+    setMode: (mode: ColorMode) => void;
+    toggleMode: () => void;
+    registerCustomTheme: (name: string, themeMode: ThemeMode) => void;
+    init: (options?: ThemeProviderOptions) => (() => void) | undefined;
+    applyTheme: () => void;
+    themes: Record<string, ThemeMode>;
+};
+export declare const themePresets: {
+    default: {
+        light: ThemeConfig;
+        dark: ThemeConfig;
+    };
+    green: {
+        light: {
+            name: string;
+            colors: import("@/types/theme").ThemeColors;
+            radius: import("@/types/theme").ThemeRadius;
+            spacing: import("@/types/theme").ThemeSpacing;
+            fonts: import("@/types/theme").ThemeFonts;
+        };
+        dark: {
+            name: string;
+            colors: import("@/types/theme").ThemeColors;
+            radius: import("@/types/theme").ThemeRadius;
+            spacing: import("@/types/theme").ThemeSpacing;
+            fonts: import("@/types/theme").ThemeFonts;
+        };
+    };
+    purple: {
+        light: {
+            name: string;
+            colors: import("@/types/theme").ThemeColors;
+            radius: import("@/types/theme").ThemeRadius;
+            spacing: import("@/types/theme").ThemeSpacing;
+            fonts: import("@/types/theme").ThemeFonts;
+        };
+        dark: {
+            name: string;
+            colors: import("@/types/theme").ThemeColors;
+            radius: import("@/types/theme").ThemeRadius;
+            spacing: import("@/types/theme").ThemeSpacing;
+            fonts: import("@/types/theme").ThemeFonts;
+        };
+    };
+    red: {
+        light: {
+            name: string;
+            colors: import("@/types/theme").ThemeColors;
+            radius: import("@/types/theme").ThemeRadius;
+            spacing: import("@/types/theme").ThemeSpacing;
+            fonts: import("@/types/theme").ThemeFonts;
+        };
+        dark: {
+            name: string;
+            colors: import("@/types/theme").ThemeColors;
+            radius: import("@/types/theme").ThemeRadius;
+            spacing: import("@/types/theme").ThemeSpacing;
+            fonts: import("@/types/theme").ThemeFonts;
+        };
+    };
+    orange: {
+        light: {
+            name: string;
+            colors: import("@/types/theme").ThemeColors;
+            radius: import("@/types/theme").ThemeRadius;
+            spacing: import("@/types/theme").ThemeSpacing;
+            fonts: import("@/types/theme").ThemeFonts;
+        };
+        dark: {
+            name: string;
+            colors: import("@/types/theme").ThemeColors;
+            radius: import("@/types/theme").ThemeRadius;
+            spacing: import("@/types/theme").ThemeSpacing;
+            fonts: import("@/types/theme").ThemeFonts;
+        };
+    };
+};
+//# sourceMappingURL=index.d.ts.map

package/dist/theme/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/theme/index.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,WAAW,EAAE,SAAS,EAAE,SAAS,EAAE,oBAAoB,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAwDvG,wBAAgB,QAAQ;;;;;;;0BAUO,SAAS;oBAMf,SAAS;;gCAgBG,MAAM,aAAa,SAAS;qBAiIxC,oBAAoB;;;EA2C5C;AAED,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAkBxB,CAAA"}

package/dist/theme/presets.d.ts

@@ -0,0 +1,14 @@
+import type { ThemeConfig, ThemeColors } from '@/types/theme';
+export declare const lightColors: ThemeColors;
+export declare const darkColors: ThemeColors;
+export declare const defaultLightTheme: ThemeConfig;
+export declare const defaultDarkTheme: ThemeConfig;
+export declare const greenLightColors: ThemeColors;
+export declare const greenDarkColors: ThemeColors;
+export declare const purpleLightColors: ThemeColors;
+export declare const purpleDarkColors: ThemeColors;
+export declare const redLightColors: ThemeColors;
+export declare const redDarkColors: ThemeColors;
+export declare const orangeLightColors: ThemeColors;
+export declare const orangeDarkColors: ThemeColors;
+//# sourceMappingURL=presets.d.ts.map

package/dist/theme/presets.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"presets.d.ts","sourceRoot":"","sources":["../../src/theme/presets.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,WAAW,EAAyC,MAAM,eAAe,CAAA;AA4BpG,eAAO,MAAM,WAAW,EAAE,WA+EzB,CAAA;AAED,eAAO,MAAM,UAAU,EAAE,WA+ExB,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,WAM/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,WAM9B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,WAe9B,CAAA;AAED,eAAO,MAAM,eAAe,EAAE,WAe7B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,WAe/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,WAe9B,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,WAe5B,CAAA;AAED,eAAO,MAAM,aAAa,EAAE,WAe3B,CAAA;AAED,eAAO,MAAM,iBAAiB,EAAE,WAe/B,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,WAe9B,CAAA"}

package/dist/types/i18n.d.ts

@@ -0,0 +1,110 @@
+export type LocaleCode = 'es' | 'en' | 'fr' | 'de' | 'pt' | 'it' | 'ja' | 'zh' | 'ko';
+export interface LocaleMessages {
+    common: {
+        confirm: string;
+        cancel: string;
+        close: string;
+        save: string;
+        delete: string;
+        edit: string;
+        search: string;
+        loading: string;
+        noResults: string;
+        noData: string;
+        error: string;
+        success: string;
+        warning: string;
+        info: string;
+        required: string;
+        optional: string;
+    };
+    pagination: {
+        previous: string;
+        next: string;
+        first: string;
+        last: string;
+        page: string;
+        of: string;
+        items: string;
+        itemsPerPage: string;
+        showing: string;
+    };
+    select: {
+        placeholder: string;
+        noOptions: string;
+        searchPlaceholder: string;
+    };
+    input: {
+        placeholder: string;
+        clear: string;
+    };
+    fileUpload: {
+        dragAndDrop: string;
+        or: string;
+        browse: string;
+        maxSize: string;
+        acceptedFormats: string;
+        uploading: string;
+        uploadComplete: string;
+        uploadFailed: string;
+        removeFile: string;
+    };
+    modal: {
+        close: string;
+    };
+    alert: {
+        close: string;
+    };
+    table: {
+        noData: string;
+        loading: string;
+        actions: string;
+        sortBy: string;
+        filterBy: string;
+    };
+    date: {
+        today: string;
+        yesterday: string;
+        tomorrow: string;
+        days: string[];
+        months: string[];
+        monthsShort: string[];
+    };
+    time: {
+        hours: string;
+        minutes: string;
+        seconds: string;
+        am: string;
+        pm: string;
+    };
+    validation: {
+        required: string;
+        email: string;
+        minLength: string;
+        maxLength: string;
+        min: string;
+        max: string;
+        pattern: string;
+        match: string;
+    };
+    stepper: {
+        step: string;
+        of: string;
+    };
+    empty: {
+        title: string;
+        description: string;
+    };
+    result: {
+        success: string;
+        error: string;
+        warning: string;
+        info: string;
+    };
+}
+export interface I18nConfig {
+    locale: LocaleCode;
+    messages: Record<LocaleCode, LocaleMessages>;
+    fallbackLocale: LocaleCode;
+}
+//# sourceMappingURL=i18n.d.ts.map

package/dist/types/i18n.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"i18n.d.ts","sourceRoot":"","sources":["../../src/types/i18n.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAErF,MAAM,WAAW,cAAc;IAC7B,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAA;QACf,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,CAAA;QACd,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,EAAE,MAAM,CAAA;QACd,OAAO,EAAE,MAAM,CAAA;QACf,SAAS,EAAE,MAAM,CAAA;QACjB,MAAM,EAAE,MAAM,CAAA;QACd,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;QACf,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,EAAE,MAAM,CAAA;QAChB,QAAQ,EAAE,MAAM,CAAA;KACjB,CAAA;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAA;QAChB,IAAI,EAAE,MAAM,CAAA;QACZ,KAAK,EAAE,MAAM,CAAA;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,IAAI,EAAE,MAAM,CAAA;QACZ,EAAE,EAAE,MAAM,CAAA;QACV,KAAK,EAAE,MAAM,CAAA;QACb,YAAY,EAAE,MAAM,CAAA;QACpB,OAAO,EAAE,MAAM,CAAA;KAChB,CAAA;IACD,MAAM,EAAE;QACN,WAAW,EAAE,MAAM,CAAA;QACnB,SAAS,EAAE,MAAM,CAAA;QACjB,iBAAiB,EAAE,MAAM,CAAA;KAC1B,CAAA;IACD,KAAK,EAAE;QACL,WAAW,EAAE,MAAM,CAAA;QACnB,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,UAAU,EAAE;QACV,WAAW,EAAE,MAAM,CAAA;QACnB,EAAE,EAAE,MAAM,CAAA;QACV,MAAM,EAAE,MAAM,CAAA;QACd,OAAO,EAAE,MAAM,CAAA;QACf,eAAe,EAAE,MAAM,CAAA;QACvB,SAAS,EAAE,MAAM,CAAA;QACjB,cAAc,EAAE,MAAM,CAAA;QACtB,YAAY,EAAE,MAAM,CAAA;QACpB,UAAU,EAAE,MAAM,CAAA;KACnB,CAAA;IACD,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAA;QACd,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;QACf,MAAM,EAAE,MAAM,CAAA;QACd,QAAQ,EAAE,MAAM,CAAA;KACjB,CAAA;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAA;QACb,SAAS,EAAE,MAAM,CAAA;QACjB,QAAQ,EAAE,MAAM,CAAA;QAChB,IAAI,EAAE,MAAM,EAAE,CAAA;QACd,MAAM,EAAE,MAAM,EAAE,CAAA;QAChB,WAAW,EAAE,MAAM,EAAE,CAAA;KACtB,CAAA;IACD,IAAI,EAAE;QACJ,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;QACf,OAAO,EAAE,MAAM,CAAA;QACf,EAAE,EAAE,MAAM,CAAA;QACV,EAAE,EAAE,MAAM,CAAA;KACX,CAAA;IACD,UAAU,EAAE;QACV,QAAQ,EAAE,MAAM,CAAA;QAChB,KAAK,EAAE,MAAM,CAAA;QACb,SAAS,EAAE,MAAM,CAAA;QACjB,SAAS,EAAE,MAAM,CAAA;QACjB,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;QACX,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,MAAM,CAAA;KACd,CAAA;IACD,OAAO,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,EAAE,EAAE,MAAM,CAAA;KACX,CAAA;IACD,KAAK,EAAE;QACL,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;KACpB,CAAA;IACD,MAAM,EAAE;QACN,OAAO,EAAE,MAAM,CAAA;QACf,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,MAAM,CAAA;QACf,IAAI,EAAE,MAAM,CAAA;KACb,CAAA;CACF;AAED,MAAM,WAAW,UAAU;IACzB,MAAM,EAAE,UAAU,CAAA;IAClB,QAAQ,EAAE,MAAM,CAAC,UAAU,EAAE,cAAc,CAAC,CAAA;IAC5C,cAAc,EAAE,UAAU,CAAA;CAC3B"}

package/dist/types/index.d.ts

@@ -0,0 +1,25 @@
+export type ComponentSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+export type ComponentVariant = 'primary' | 'secondary' | 'outline' | 'ghost' | 'danger' | 'success';
+export type ComponentColor = 'primary' | 'neutral' | 'danger' | 'success' | 'warning';
+export type ComponentRounded = 'none' | 'sm' | 'md' | 'lg' | 'xl' | 'full';
+export interface BaseComponentProps {
+    class?: string;
+    disabled?: boolean;
+    loading?: boolean;
+}
+export interface ButtonProps extends BaseComponentProps {
+    variant?: ComponentVariant;
+    size?: ComponentSize;
+    rounded?: ComponentRounded;
+    type?: 'button' | 'submit' | 'reset';
+}
+export interface InputProps extends BaseComponentProps {
+    modelValue?: string | number;
+    type?: string;
+    placeholder?: string;
+    size?: ComponentSize;
+    rounded?: ComponentRounded;
+    error?: string;
+    label?: string;
+}
+//# sourceMappingURL=index.d.ts.map

package/dist/types/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/types/index.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA;AAC5D,MAAM,MAAM,gBAAgB,GAAG,SAAS,GAAG,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAA;AACnG,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,CAAA;AACrF,MAAM,MAAM,gBAAgB,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAA;AAE1E,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED,MAAM,WAAW,WAAY,SAAQ,kBAAkB;IACrD,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,IAAI,CAAC,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAA;CACrC;AAED,MAAM,WAAW,UAAW,SAAQ,kBAAkB;IACpD,UAAU,CAAC,EAAE,MAAM,GAAG,MAAM,CAAA;IAC5B,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,IAAI,CAAC,EAAE,aAAa,CAAA;IACpB,OAAO,CAAC,EAAE,gBAAgB,CAAA;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

package/dist/types/theme.d.ts

@@ -0,0 +1,65 @@
+export interface ColorPalette {
+    50: string;
+    100: string;
+    200: string;
+    300: string;
+    400: string;
+    500: string;
+    600: string;
+    700: string;
+    800: string;
+    900: string;
+    950: string;
+}
+export interface ThemeColors {
+    primary: ColorPalette;
+    neutral: ColorPalette;
+    success: ColorPalette;
+    warning: ColorPalette;
+    danger: ColorPalette;
+    info: ColorPalette;
+}
+export interface ThemeRadius {
+    none: string;
+    sm: string;
+    DEFAULT: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+    full: string;
+}
+export interface ThemeSpacing {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+    '2xl': string;
+}
+export interface ThemeFonts {
+    sans: string;
+    serif: string;
+    mono: string;
+}
+export interface ThemeConfig {
+    name: string;
+    colors: ThemeColors;
+    radius: ThemeRadius;
+    spacing: ThemeSpacing;
+    fonts: ThemeFonts;
+}
+export interface ThemeMode {
+    light: ThemeConfig;
+    dark: ThemeConfig;
+}
+export type ThemeName = 'default' | 'blue' | 'green' | 'purple' | 'red' | 'orange' | 'custom';
+export type ColorMode = 'light' | 'dark' | 'system';
+export interface ThemeProviderOptions {
+    defaultTheme?: ThemeName;
+    defaultMode?: ColorMode;
+    customThemes?: Record<string, ThemeMode>;
+    storageKey?: string;
+    enableTransitions?: boolean;
+}
+//# sourceMappingURL=theme.d.ts.map

package/dist/types/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../src/types/theme.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;CACZ;AAED,MAAM,WAAW,WAAW;IAC1B,OAAO,EAAE,YAAY,CAAA;IACrB,OAAO,EAAE,YAAY,CAAA;IACrB,OAAO,EAAE,YAAY,CAAA;IACrB,OAAO,EAAE,YAAY,CAAA;IACrB,MAAM,EAAE,YAAY,CAAA;IACpB,IAAI,EAAE,YAAY,CAAA;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,EAAE,EAAE,MAAM,CAAA;IACV,OAAO,EAAE,MAAM,CAAA;IACf,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,YAAY;IAC3B,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd;AAED,MAAM,WAAW,UAAU;IACzB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;CACb;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,MAAM,CAAA;IACZ,MAAM,EAAE,WAAW,CAAA;IACnB,MAAM,EAAE,WAAW,CAAA;IACnB,OAAO,EAAE,YAAY,CAAA;IACrB,KAAK,EAAE,UAAU,CAAA;CAClB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,WAAW,CAAA;IAClB,IAAI,EAAE,WAAW,CAAA;CAClB;AAED,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;AAC7F,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,QAAQ,CAAA;AAEnD,MAAM,WAAW,oBAAoB;IACnC,YAAY,CAAC,EAAE,SAAS,CAAA;IACxB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAA;IACxC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,iBAAiB,CAAC,EAAE,OAAO,CAAA;CAC5B"}

package/dist/utils/cn.d.ts

@@ -0,0 +1,2 @@
+export declare function cn(...inputs: (string | undefined | null | false)[]): string;
+//# sourceMappingURL=cn.d.ts.map

package/dist/utils/cn.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"cn.d.ts","sourceRoot":"","sources":["../../src/utils/cn.ts"],"names":[],"mappings":"AAGA,wBAAgB,EAAE,CAAC,GAAG,MAAM,EAAE,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,GAAG,KAAK,CAAC,EAAE,UAElE"}

package/package.json

@@ -0,0 +1,75 @@
+{
+  "name": "@thetwin_13/vue-components",
+  "version": "1.0.0",
+  "description": "Una librería de componentes Vue 3 con Tailwind CSS",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "types": "./dist/index.d.ts"
+    },
+    "./styles": "./dist/style.css",
+    "./tailwind": "./tailwind.preset.js"
+  },
+  "files": [
+    "dist",
+    "tailwind.preset.js"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build && npm run build:types",
+    "build:types": "vue-tsc --project tsconfig.build.json --emitDeclarationOnly",
+    "preview": "vite preview",
+    "lint": "eslint . --ext .vue,.js,.jsx,.cjs,.mjs,.ts,.tsx,.cts,.mts",
+    "typecheck": "vue-tsc --noEmit",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build"
+  },
+  "peerDependencies": {
+    "vue": "^3.4.0"
+  },
+  "devDependencies": {
+    "@storybook/addon-essentials": "^8.6.14",
+    "@storybook/addon-interactions": "^8.6.14",
+    "@storybook/addon-links": "^8.6.18",
+    "@storybook/blocks": "^8.6.14",
+    "@storybook/vue3": "^8.6.18",
+    "@storybook/vue3-vite": "^8.6.18",
+    "@vitejs/plugin-vue": "^5.0.4",
+    "@vue/compiler-sfc": "^3.4.21",
+    "autoprefixer": "^10.4.18",
+    "eslint": "^8.57.0",
+    "eslint-plugin-vue": "^9.23.0",
+    "postcss": "^8.4.35",
+    "storybook": "^8.6.18",
+    "tailwindcss": "^3.4.1",
+    "typescript": "^5.4.2",
+    "vite": "^5.1.6",
+    "vite-plugin-dts": "^3.7.3",
+    "vue": "^3.4.21",
+    "vue-tsc": "^2.0.6"
+  },
+  "dependencies": {
+    "class-variance-authority": "^0.7.0",
+    "clsx": "^2.1.0",
+    "tailwind-merge": "^2.2.1"
+  },
+  "keywords": [
+    "vue",
+    "vue3",
+    "components",
+    "ui",
+    "tailwindcss",
+    "design-system"
+  ],
+  "author": "",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": ""
+  }
+}

package/tailwind.preset.js

@@ -0,0 +1,44 @@
+/** @type {import('tailwindcss').Config} */
+export default {
+  content: [],
+  darkMode: 'class',
+  theme: {
+    extend: {
+      colors: {
+        primary: {
+          50: 'hsl(var(--color-primary-50))',
+          100: 'hsl(var(--color-primary-100))',
+          200: 'hsl(var(--color-primary-200))',
+          300: 'hsl(var(--color-primary-300))',
+          400: 'hsl(var(--color-primary-400))',
+          500: 'hsl(var(--color-primary-500))',
+          600: 'hsl(var(--color-primary-600))',
+          700: 'hsl(var(--color-primary-700))',
+          800: 'hsl(var(--color-primary-800))',
+          900: 'hsl(var(--color-primary-900))',
+          950: 'hsl(var(--color-primary-950))'
+        },
+        neutral: {
+          50: 'hsl(var(--color-neutral-50))',
+          100: 'hsl(var(--color-neutral-100))',
+          200: 'hsl(var(--color-neutral-200))',
+          300: 'hsl(var(--color-neutral-300))',
+          400: 'hsl(var(--color-neutral-400))',
+          500: 'hsl(var(--color-neutral-500))',
+          600: 'hsl(var(--color-neutral-600))',
+          700: 'hsl(var(--color-neutral-700))',
+          800: 'hsl(var(--color-neutral-800))',
+          900: 'hsl(var(--color-neutral-900))',
+          950: 'hsl(var(--color-neutral-950))'
+        }
+      },
+      borderRadius: {
+        sm: 'var(--radius-sm)',
+        DEFAULT: 'var(--radius)',
+        md: 'var(--radius-md)',
+        lg: 'var(--radius-lg)',
+        xl: 'var(--radius-xl)'
+      }
+    }
+  }
+}