@rakeyshgidwani/roger-ui-bank-theme-stan-design 0.2.11 → 0.2.17

package/dist/themes/useTheme.d.ts

@@ -1,20 +1,70 @@
-
-export declare const useTheme: (): ThemeContextType => {
-  const context = useContext(ThemeContext);
-
-  if (!context) {
-    throw new Error('useTheme must be used within ThemeProvider');
-  }
-
-  return context;
-};
-
-export declare const useThemeByName: (themeName: string) => {
-  const { getTheme } = useTheme();
-  return getTheme(themeName);
-};
-
-export declare const useThemeAvailable: (themeName: string): boolean => {
-  const { availableThemes } = useTheme();
-  return availableThemes.includes(themeName);
-};
+import { ThemeContextType } from './ThemeContext';
+/**
+ * Hook to access theme context
+ * Must be used within a ThemeProvider
+ *
+ * @returns ThemeContextType - The current theme context
+ * @throws Error if used outside of ThemeProvider
+ *
+ * @example
+ * ```tsx
+ * function MyComponent() {
+ *   const { currentTheme, setTheme, currentThemeConfig } = useTheme();
+ *
+ *   return (
+ *     <button onClick={() => setTheme('harvey')}>
+ *       Switch to Harvey Theme
+ *     </button>
+ *   );
+ * }
+ * ```
+ */
+export declare const useTheme: () => ThemeContextType;
+/**
+ * Hook to get a specific theme by name
+ * Useful for accessing theme data without switching
+ *
+ * @param themeName - Name of the theme to retrieve
+ * @returns CompleteThemeConfig | null - The requested theme or null if not found
+ *
+ * @example
+ * ```tsx
+ * function ThemePreview() {
+ *   const harveyTheme = useThemeByName('harvey');
+ *
+ *   if (!harveyTheme) return <div>Theme not found</div>;
+ *
+ *   return (
+ *     <div style={{ color: harveyTheme.colors.primary[500] }}>
+ *       Harvey Theme Preview
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export declare const useThemeByName: (themeName: string) => import("./types").CompleteThemeConfig;
+/**
+ * Hook to check if a specific theme is available
+ *
+ * @param themeName - Name of the theme to check
+ * @returns boolean - True if theme is available
+ *
+ * @example
+ * ```tsx
+ * function ThemeSwitcher() {
+ *   const hasHarveyTheme = useThemeAvailable('harvey');
+ *
+ *   return (
+ *     <div>
+ *       {hasHarveyTheme && (
+ *         <button onClick={() => setTheme('harvey')}>
+ *           Harvey Theme
+ *         </button>
+ *       )}
+ *     </div>
+ *   );
+ * }
+ * ```
+ */
+export declare const useThemeAvailable: (themeName: string) => boolean;
+//# sourceMappingURL=useTheme.d.ts.map

package/dist/themes/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/themes/useTheme.ts"],"names":[],"mappings":"AACA,OAAO,EAAgB,gBAAgB,EAAE,MAAM,gBAAgB,CAAC;AAEhE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,QAAQ,QAAO,gBAQ3B,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,eAAO,MAAM,cAAc,GAAI,WAAW,MAAM,0CAG/C,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;GAsBG;AACH,eAAO,MAAM,iBAAiB,GAAI,WAAW,MAAM,KAAG,OAGrD,CAAC"}

package/dist/themes/useTheme.esm.js

@@ -1,18 +1,17 @@
 import { useContext } from 'react';
-import { ThemeContext, ThemeContextType } from './ThemeContext';
-
+import { ThemeContext } from './ThemeContext';
 /**
  * Hook to access theme context
  * Must be used within a ThemeProvider
- * 
+ *
  * @returns ThemeContextType - The current theme context
  * @throws Error if used outside of ThemeProvider
- * 
+ *
  * @example
  * ```tsx
  * function MyComponent() {
  *   const { currentTheme, setTheme, currentThemeConfig } = useTheme();
- *   
+ *
  *   return (
  *     <button onClick={() => setTheme('harvey')}>
  *       Switch to Harvey Theme
@@ -21,30 +20,27 @@ import { ThemeContext, ThemeContextType } from './ThemeContext';
  * }
  * ```
  */
-export const useTheme = (): ThemeContextType => {
-  const context = useContext(ThemeContext);
-  
-  if (!context) {
-    throw new Error('useTheme must be used within ThemeProvider');
-  }
-  
-  return context;
+export const useTheme = () => {
+    const context = useContext(ThemeContext);
+    if (!context) {
+        throw new Error('useTheme must be used within ThemeProvider');
+    }
+    return context;
 };
-
 /**
  * Hook to get a specific theme by name
  * Useful for accessing theme data without switching
- * 
+ *
  * @param themeName - Name of the theme to retrieve
  * @returns CompleteThemeConfig | null - The requested theme or null if not found
- * 
+ *
  * @example
  * ```tsx
  * function ThemePreview() {
  *   const harveyTheme = useThemeByName('harvey');
- *   
+ *
  *   if (!harveyTheme) return <div>Theme not found</div>;
- *   
+ *
  *   return (
  *     <div style={{ color: harveyTheme.colors.primary[500] }}>
  *       Harvey Theme Preview
@@ -53,22 +49,21 @@ export const useTheme = (): ThemeContextType => {
  * }
  * ```
  */
-export const useThemeByName = (themeName: string) => {
-  const { getTheme } = useTheme();
-  return getTheme(themeName);
+export const useThemeByName = (themeName) => {
+    const { getTheme } = useTheme();
+    return getTheme(themeName);
 };
-
 /**
  * Hook to check if a specific theme is available
- * 
+ *
  * @param themeName - Name of the theme to check
  * @returns boolean - True if theme is available
- * 
+ *
  * @example
  * ```tsx
  * function ThemeSwitcher() {
  *   const hasHarveyTheme = useThemeAvailable('harvey');
- *   
+ *
  *   return (
  *     <div>
  *       {hasHarveyTheme && (
@@ -81,7 +76,7 @@ export const useThemeByName = (themeName: string) => {
  * }
  * ```
  */
-export const useThemeAvailable = (themeName: string): boolean => {
-  const { availableThemes } = useTheme();
-  return availableThemes.includes(themeName);
+export const useThemeAvailable = (themeName) => {
+    const { availableThemes } = useTheme();
+    return availableThemes.includes(themeName);
 };

package/dist/themes/useTheme.js

@@ -1,18 +1,17 @@
 import { useContext } from 'react';
-import { ThemeContext, ThemeContextType } from './ThemeContext';
-
+import { ThemeContext } from './ThemeContext';
 /**
  * Hook to access theme context
  * Must be used within a ThemeProvider
- * 
+ *
  * @returns ThemeContextType - The current theme context
  * @throws Error if used outside of ThemeProvider
- * 
+ *
  * @example
  * ```tsx
  * function MyComponent() {
  *   const { currentTheme, setTheme, currentThemeConfig } = useTheme();
- *   
+ *
  *   return (
  *     <button onClick={() => setTheme('harvey')}>
  *       Switch to Harvey Theme
@@ -21,30 +20,27 @@ import { ThemeContext, ThemeContextType } from './ThemeContext';
  * }
  * ```
  */
-export const useTheme = (): ThemeContextType => {
-  const context = useContext(ThemeContext);
-  
-  if (!context) {
-    throw new Error('useTheme must be used within ThemeProvider');
-  }
-  
-  return context;
+export const useTheme = () => {
+    const context = useContext(ThemeContext);
+    if (!context) {
+        throw new Error('useTheme must be used within ThemeProvider');
+    }
+    return context;
 };
-
 /**
  * Hook to get a specific theme by name
  * Useful for accessing theme data without switching
- * 
+ *
  * @param themeName - Name of the theme to retrieve
  * @returns CompleteThemeConfig | null - The requested theme or null if not found
- * 
+ *
  * @example
  * ```tsx
  * function ThemePreview() {
  *   const harveyTheme = useThemeByName('harvey');
- *   
+ *
  *   if (!harveyTheme) return <div>Theme not found</div>;
- *   
+ *
  *   return (
  *     <div style={{ color: harveyTheme.colors.primary[500] }}>
  *       Harvey Theme Preview
@@ -53,22 +49,21 @@ export const useTheme = (): ThemeContextType => {
  * }
  * ```
  */
-export const useThemeByName = (themeName: string) => {
-  const { getTheme } = useTheme();
-  return getTheme(themeName);
+export const useThemeByName = (themeName) => {
+    const { getTheme } = useTheme();
+    return getTheme(themeName);
 };
-
 /**
  * Hook to check if a specific theme is available
- * 
+ *
  * @param themeName - Name of the theme to check
  * @returns boolean - True if theme is available
- * 
+ *
  * @example
  * ```tsx
  * function ThemeSwitcher() {
  *   const hasHarveyTheme = useThemeAvailable('harvey');
- *   
+ *
  *   return (
  *     <div>
  *       {hasHarveyTheme && (
@@ -81,7 +76,7 @@ export const useThemeByName = (themeName: string) => {
  * }
  * ```
  */
-export const useThemeAvailable = (themeName: string): boolean => {
-  const { availableThemes } = useTheme();
-  return availableThemes.includes(themeName);
+export const useThemeAvailable = (themeName) => {
+    const { availableThemes } = useTheme();
+    return availableThemes.includes(themeName);
 };