@datametria/vue-components 2.3.1 → 2.4.0

package/src/theme/types.ts

@@ -1,111 +1,111 @@
-/**
- * Theme System Types
- * @author Vander Loto - CTO DATAMETRIA
- * @date 13/11/2025
- */
-
-export interface ColorTokens {
-  primary: string
-  secondary: string
-  success: string
-  warning: string
-  error: string
-  info: string
-  neutral: {
-    50: string
-    100: string
-    200: string
-    300: string
-    400: string
-    500: string
-    600: string
-    700: string
-    800: string
-    900: string
-  }
-}
-
-export interface TypographyTokens {
-  fontFamily: {
-    sans: string
-    mono: string
-  }
-  fontSize: {
-    xs: string
-    sm: string
-    base: string
-    lg: string
-    xl: string
-    '2xl': string
-    '3xl': string
-    '4xl': string
-  }
-  fontWeight: {
-    normal: number
-    medium: number
-    semibold: number
-    bold: number
-  }
-  lineHeight: {
-    tight: number
-    normal: number
-    relaxed: number
-  }
-}
-
-export interface SpacingTokens {
-  0: string
-  1: string
-  2: string
-  3: string
-  4: string
-  6: string
-  8: string
-  12: string
-  16: string
-  20: string
-  24: string
-}
-
-export interface RadiusTokens {
-  none: string
-  sm: string
-  md: string
-  lg: string
-  xl: string
-  full: string
-}
-
-export interface ShadowTokens {
-  none: string
-  sm: string
-  md: string
-  lg: string
-  xl: string
-  '2xl': string
-}
-
-export interface TransitionTokens {
-  fast: string
-  base: string
-  slow: string
-}
-
-export interface ThemeTokens {
-  colors: ColorTokens
-  typography: TypographyTokens
-  spacing: SpacingTokens
-  radius: RadiusTokens
-  shadows: ShadowTokens
-  transitions: TransitionTokens
-}
-
-export interface Theme {
-  name: string
-  tokens: ThemeTokens
-}
-
-export interface ThemeConfig {
-  theme: Theme
-  prefix?: string
-}
+/**
+ * Theme System Types
+ * @author Vander Loto - CTO DATAMETRIA
+ * @date 13/11/2025
+ */
+
+export interface ColorTokens {
+  primary: string
+  secondary: string
+  success: string
+  warning: string
+  error: string
+  info: string
+  neutral: {
+    50: string
+    100: string
+    200: string
+    300: string
+    400: string
+    500: string
+    600: string
+    700: string
+    800: string
+    900: string
+  }
+}
+
+export interface TypographyTokens {
+  fontFamily: {
+    sans: string
+    mono: string
+  }
+  fontSize: {
+    xs: string
+    sm: string
+    base: string
+    lg: string
+    xl: string
+    '2xl': string
+    '3xl': string
+    '4xl': string
+  }
+  fontWeight: {
+    normal: number
+    medium: number
+    semibold: number
+    bold: number
+  }
+  lineHeight: {
+    tight: number
+    normal: number
+    relaxed: number
+  }
+}
+
+export interface SpacingTokens {
+  0: string
+  1: string
+  2: string
+  3: string
+  4: string
+  6: string
+  8: string
+  12: string
+  16: string
+  20: string
+  24: string
+}
+
+export interface RadiusTokens {
+  none: string
+  sm: string
+  md: string
+  lg: string
+  xl: string
+  full: string
+}
+
+export interface ShadowTokens {
+  none: string
+  sm: string
+  md: string
+  lg: string
+  xl: string
+  '2xl': string
+}
+
+export interface TransitionTokens {
+  fast: string
+  base: string
+  slow: string
+}
+
+export interface ThemeTokens {
+  colors: ColorTokens
+  typography: TypographyTokens
+  spacing: SpacingTokens
+  radius: RadiusTokens
+  shadows: ShadowTokens
+  transitions: TransitionTokens
+}
+
+export interface Theme {
+  name: string
+  tokens: ThemeTokens
+}
+
+export interface ThemeConfig {
+  theme: Theme
+  prefix?: string
+}

package/src/theme/useTheme.ts

@@ -1,28 +1,28 @@
-/**
- * useTheme Composable
- * @author Vander Loto - CTO DATAMETRIA
- * @date 13/11/2025
- */
-
-import { inject } from 'vue'
-import type { ComputedRef } from 'vue'
-import type { Theme } from './types'
-import { THEME_INJECTION_KEY } from './constants'
-
-/**
- * Access the current theme from ThemeProvider
- * @throws Error if used outside ThemeProvider
- * @returns Current theme object (reactive)
- */
-export function useTheme(): ComputedRef<Theme> {
-  const themeRef = inject<ComputedRef<Theme>>(THEME_INJECTION_KEY)
-
-  if (!themeRef) {
-    throw new Error(
-      'useTheme must be used within a ThemeProvider. ' +
-      'Wrap your component tree with <ThemeProvider :theme="yourTheme">'
-    )
-  }
-
-  return themeRef
-}
+/**
+ * useTheme Composable
+ * @author Vander Loto - CTO DATAMETRIA
+ * @date 13/11/2025
+ */
+
+import { inject } from 'vue'
+import type { ComputedRef } from 'vue'
+import type { Theme } from './types'
+import { THEME_INJECTION_KEY } from './constants'
+
+/**
+ * Access the current theme from ThemeProvider
+ * @throws Error if used outside ThemeProvider
+ * @returns Current theme object (reactive)
+ */
+export function useTheme(): ComputedRef<Theme> {
+  const themeRef = inject<ComputedRef<Theme>>(THEME_INJECTION_KEY)
+
+  if (!themeRef) {
+    throw new Error(
+      'useTheme must be used within a ThemeProvider. ' +
+      'Wrap your component tree with <ThemeProvider :theme="yourTheme">'
+    )
+  }
+
+  return themeRef
+}

package/src/types/index.ts

@@ -1,55 +1,55 @@
-export enum ButtonVariant {
-  PRIMARY = 'primary',
-  SECONDARY = 'secondary',
-  OUTLINE = 'outline',
-  GHOST = 'ghost'
-}
-
-export enum ButtonSize {
-  SM = 'sm',
-  MD = 'md',
-  LG = 'lg'
-}
-
-export interface ButtonProps {
-  variant?: ButtonVariant
-  size?: ButtonSize
-  disabled?: boolean
-  loading?: boolean
-  fullWidth?: boolean
-}
-
-export interface InputProps {
-  modelValue?: string | number
-  label?: string
-  placeholder?: string
-  errorMessage?: string
-  disabled?: boolean
-  required?: boolean
-}
-
-export interface CardProps {
-  title?: string
-  padding?: boolean
-}
-
-export interface TableColumn {
-  key: string
-  label: string
-  width?: string
-  sortable?: boolean
-  filterable?: boolean
-  filterType?: 'text' | 'date' | 'select' | 'multiselect'
-  filterOptions?: Array<{ value: string; label: string }> | 'auto'
-}
-
-export interface SortableTableProps {
-  columns: TableColumn[]
-  data: Record<string, any>[]
-  selectable?: boolean
-  searchable?: boolean
-  filterable?: boolean
-  paginated?: boolean
-  pageSize?: number
-  pageSizeOptions?: number[]
-}
+export enum ButtonVariant {
+  PRIMARY = 'primary',
+  SECONDARY = 'secondary',
+  OUTLINE = 'outline',
+  GHOST = 'ghost'
+}
+
+export enum ButtonSize {
+  SM = 'sm',
+  MD = 'md',
+  LG = 'lg'
+}
+
+export interface ButtonProps {
+  variant?: ButtonVariant
+  size?: ButtonSize
+  disabled?: boolean
+  loading?: boolean
+  fullWidth?: boolean
+}
+
+export interface InputProps {
+  modelValue?: string | number
+  label?: string
+  placeholder?: string
+  errorMessage?: string
+  disabled?: boolean
+  required?: boolean
+}
+
+export interface CardProps {
+  title?: string
+  padding?: boolean
+}
+
+export interface TableColumn {
+  key: string
+  label: string
+  width?: string
+  sortable?: boolean
+  filterable?: boolean
+  filterType?: 'text' | 'date' | 'select' | 'multiselect'
+  filterOptions?: Array<{ value: string; label: string }> | 'auto'
+}
+
+export interface SortableTableProps {
+  columns: TableColumn[]
+  data: Record<string, any>[]
+  selectable?: boolean
+  searchable?: boolean
+  filterable?: boolean
+  paginated?: boolean
+  pageSize?: number
+  pageSizeOptions?: number[]
+}