@datametria/vue-components 1.2.0 → 2.0.1

package/src/theme/types.ts

@@ -0,0 +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
+}

package/src/theme/useTheme.ts

@@ -0,0 +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
+}

package/src/types/index.ts

@@ -32,3 +32,22 @@ export interface CardProps {
   title?: string
   padding?: boolean
 }
+
+export interface TableColumn {
+  key: string
+  label: string
+  width?: string
+  sortable?: boolean
+  filterable?: boolean
+}
+
+export interface SortableTableProps {
+  columns: TableColumn[]
+  data: Record<string, any>[]
+  selectable?: boolean
+  searchable?: boolean
+  filterable?: boolean
+  paginated?: boolean
+  pageSize?: number
+  pageSizeOptions?: number[]
+}