@frontfriend/tailwind 2.1.0 → 2.1.1

package/dist/lib/vue/utils.d.ts

@@ -1,3 +1,5 @@
+import type { Ref, ComputedRef } from 'vue';
+
 /**
  * Combines class names with tailwind-merge
  * @param inputs - Class names to combine
@@ -10,16 +12,16 @@ export function cn(...inputs: any[]): string;
  * @param query - Media query string
  * @returns Ref<boolean> indicating if query matches
  */
-export function useMediaQuery(query: string): import('vue').Ref<boolean>;
+export function useMediaQuery(query: string): Ref<boolean>;
 
 /**
  * Vue composition API hook for responsive breakpoints
  * @returns Object with breakpoint states and active breakpoint
  */
 export function useBreakpoints(): {
-  isXs: import('vue').Ref<boolean>;
-  isSm: import('vue').Ref<boolean>;
-  isMd: import('vue').Ref<boolean>;
-  isLg: import('vue').Ref<boolean>;
-  active: import('vue').ComputedRef<'xs' | 'sm' | 'md' | 'lg'>;
+  isXs: Ref<boolean>;
+  isSm: Ref<boolean>;
+  isMd: Ref<boolean>;
+  isLg: Ref<boolean>;
+  active: ComputedRef<'xs' | 'sm' | 'md' | 'lg'>;
 };

package/dist/runtime.d.ts

@@ -1,8 +1,10 @@
+import { IconSetStructure } from './types/index';
+
 export interface FrontFriend {
   /** Current configuration */
   config: Record<string, any> | null;
   /** Icon set */
-  iconSet: Record<string, string> | null;
+  iconSet: IconSetStructure | null;
   /** Get an icon by name */
   getIcon(name: string): string | null;
   /** Refresh configuration from globals */

package/dist/types/index.d.ts

@@ -15,9 +15,63 @@ declare module '@frontfriend/tailwind' {
     content?: string[];
   }
   
+  // IconSet type definition with nested structure
+  export interface IconSetStructure {
+    accordion?: {
+      trigger?: string;
+    };
+    badge?: {
+      dismiss?: string;
+    };
+    checkbox?: {
+      indicator?: string;
+      indeterminate?: string;
+    };
+    navigation?: {
+      left?: string;
+      right?: string;
+      up?: string;
+      down?: string;
+      add?: string;
+      subtract?: string;
+    };
+    inputs?: {
+      inputSearch?: string;
+      clear?: string;
+    };
+    datepicker?: {
+      presets?: string;
+      calendar?: string;
+    };
+    dialog?: {
+      close?: string;
+    };
+    dropdown?: {
+      chevron?: string;
+      checkbox?: {
+        indicator?: string;
+      };
+      radio?: {
+        indicator?: string;
+      };
+      subTrigger?: string;
+    };
+    fileUpload?: {
+      check?: string;
+      x?: string;
+    };
+    sidebar?: {
+      trigger?: string;
+    };
+    [key: string]: any;
+  }
+  
+  // Icon name type - this should match the icon names in your icon library
+  export type IconName = string;
+  
   // Exported configuration and utilities
   export const config: Record<string, any> | null;
-  export const iconSet: Record<string, string> | null;
+  export const iconSet: IconSetStructure | null;
   export function ffdc(config: Record<string, any> | null | undefined): Record<string, any>;
   
   export interface CacheData {
@@ -50,11 +104,13 @@ declare module '@frontfriend/tailwind' {
 }
 
 declare module '@frontfriend/tailwind/runtime' {
+  import { IconSetStructure } from '@frontfriend/tailwind';
+  
   export interface FrontFriend {
     /** Current configuration */
     config: Record<string, any> | null;
     /** Icon set */
-    iconSet: Record<string, string> | null;
+    iconSet: IconSetStructure | null;
     /** Get an icon by name */
     getIcon(name: string): string | null;
     /** Refresh configuration from globals */
@@ -138,21 +194,63 @@ declare module '@frontfriend/tailwind/lib/react/utils.mjs' {
 }
 
 declare module '@frontfriend/tailwind/lib/vue/utils' {
+  import type { Ref, ComputedRef } from 'vue';
+  
   /**
    * Combines class names with tailwind-merge
    * @param inputs - Class names to combine
    * @returns Merged class string
    */
   export function cn(...inputs: any[]): string;
+  
+  /**
+   * Vue composition API hook for media query
+   * @param query - Media query string
+   * @returns Ref<boolean> indicating if query matches
+   */
+  export function useMediaQuery(query: string): Ref<boolean>;
+  
+  /**
+   * Vue composition API hook for responsive breakpoints
+   * @returns Object with breakpoint states and active breakpoint
+   */
+  export function useBreakpoints(): {
+    isXs: Ref<boolean>;
+    isSm: Ref<boolean>;
+    isMd: Ref<boolean>;
+    isLg: Ref<boolean>;
+    active: ComputedRef<'xs' | 'sm' | 'md' | 'lg'>;
+  };
 }
 
 declare module '@frontfriend/tailwind/lib/vue/utils.mjs' {
+  import type { Ref, ComputedRef } from 'vue';
+  
   /**
    * Combines class names with tailwind-merge
    * @param inputs - Class names to combine
    * @returns Merged class string
    */
   export function cn(...inputs: any[]): string;
+  
+  /**
+   * Vue composition API hook for media query
+   * @param query - Media query string
+   * @returns Ref<boolean> indicating if query matches
+   */
+  export function useMediaQuery(query: string): Ref<boolean>;
+  
+  /**
+   * Vue composition API hook for responsive breakpoints
+   * @returns Object with breakpoint states and active breakpoint
+   */
+  export function useBreakpoints(): {
+    isXs: Ref<boolean>;
+    isSm: Ref<boolean>;
+    isMd: Ref<boolean>;
+    isLg: Ref<boolean>;
+    active: ComputedRef<'xs' | 'sm' | 'md' | 'lg'>;
+  };
 }
 
 // Internal modules (for advanced usage)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@frontfriend/tailwind",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "Design token management for Tailwind CSS",
   "main": "./dist/index.js",
   "types": "./dist/types/index.d.ts",