@admin-layout/tailwind-ui 10.1.1-alpha.21 → 10.1.1-alpha.24

package/lib/components/Button/Button.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export type ButtonVariant = 'primary' | 'secondary' | 'danger' | 'outline' | 'ghost';
+export type ButtonSize = 'small' | 'medium' | 'large';
+export interface ButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    variant?: ButtonVariant;
+    size?: ButtonSize;
+    isLoading?: boolean;
+    fullWidth?: boolean;
+    children: React.ReactNode;
+}
+declare const Button: ({ variant, size, isLoading, fullWidth, className, children, disabled, ...props }: ButtonProps) => import("react/jsx-runtime").JSX.Element;
+export { Button as TailwindUiButton };
+//# sourceMappingURL=Button.d.ts.map

package/lib/components/Button/Button.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,MAAM,MAAM,aAAa,GAAG,SAAS,GAAG,WAAW,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC;AACrF,MAAM,MAAM,UAAU,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAC;AAEtD,MAAM,WAAW,WAAY,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC9E,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,IAAI,CAAC,EAAE,UAAU,CAAC;IAClB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,QAAA,MAAM,MAAM,GAAI,kFASb,WAAW,4CA4Fb,CAAC;AAEF,OAAO,EAAE,MAAM,IAAI,gBAAgB,EAAE,CAAC"}

package/lib/components/Button/Button.js

@@ -0,0 +1,93 @@
+import {jsxs,jsx}from'react/jsx-runtime';import {useTheme}from'../../hooks/useTheme.js';const Button = ({
+  variant = 'primary',
+  size = 'medium',
+  isLoading = false,
+  fullWidth = false,
+  className = '',
+  children,
+  disabled,
+  ...props
+}) => {
+  const {
+    isDarkMode,
+    theme
+  } = useTheme();
+  const getVariantStyles = () => {
+    switch (variant) {
+      case 'primary':
+        return {
+          backgroundColor: theme?.components?.buttons?.primary?.background,
+          color: isDarkMode ? theme?.colors?.text?.dark?.primary : theme?.colors?.text?.light?.primary
+        };
+      case 'secondary':
+        return {
+          backgroundColor: theme?.components?.buttons?.secondary?.background || '#e5e7eb',
+          color: isDarkMode ? theme?.colors?.text?.dark?.secondary : theme?.colors?.text?.light?.secondary
+        };
+      case 'outline':
+        return {
+          backgroundColor: 'transparent',
+          color: isDarkMode ? theme?.colors?.text?.dark?.primary : theme?.colors?.text?.light?.primary,
+          border: `1px solid ${isDarkMode ? theme?.colors?.text?.dark?.primary : theme?.colors?.text?.light?.primary}`
+        };
+      case 'ghost':
+        return {
+          backgroundColor: 'transparent',
+          color: isDarkMode ? theme?.colors?.text?.dark?.primary : theme?.colors?.text?.light?.primary
+        };
+      default:
+        return {
+          backgroundColor: theme?.components?.buttons?.primary?.background,
+          color: isDarkMode ? theme?.colors?.text?.dark?.primary : theme?.colors?.text?.light?.primary
+        };
+    }
+  };
+  const getSizeStyles = () => {
+    switch (size) {
+      case 'small':
+        return {
+          padding: theme?.components?.buttons?.primary?.padding || '0.375rem 0.75rem',
+          fontSize: '0.875rem'
+        };
+      case 'large':
+        return {
+          padding: theme?.components?.buttons?.primary?.padding || '0.75rem 1.5rem',
+          fontSize: '1.125rem'
+        };
+      default:
+        return {
+          padding: theme?.components?.buttons?.primary?.padding || '0.5rem 1rem',
+          fontSize: '1rem'
+        };
+    }
+  };
+  return jsxs("button", {
+    className: `flex items-center justify-center transition-all duration-200 ${fullWidth ? 'w-full' : ''} ${className}`,
+    disabled: isLoading || disabled,
+    style: {
+      ...getVariantStyles(),
+      ...getSizeStyles(),
+      borderRadius: theme?.components?.buttons?.primary?.borderRadius || '0.25rem',
+      opacity: isLoading || disabled ? 0.7 : 1,
+      cursor: isLoading || disabled ? 'not-allowed' : 'pointer'
+    },
+    ...props,
+    children: [isLoading && jsxs("svg", {
+      className: "w-4 h-4 mr-2 animate-spin",
+      viewBox: "0 0 24 24",
+      children: [jsx("circle", {
+        className: "opacity-25",
+        cx: "12",
+        cy: "12",
+        r: "10",
+        stroke: "currentColor",
+        strokeWidth: "4",
+        fill: "none"
+      }), jsx("path", {
+        className: "opacity-75",
+        fill: "currentColor",
+        d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+      })]
+    }), children]
+  });
+};export{Button as TailwindUiButton};//# sourceMappingURL=Button.js.map

package/lib/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":[],"mappings":"wFAOM,MAAA,MAAA,GAAA,CAAA;SACK,GAAC,SAAE;MACN,GAAC,QAAE;WACE,GAAC,KAAE;WACH,GAAC,KAAE;AACZ,EAAA,SAAA,GAAU,EAAA;AACb,EAAA,QAAA;AAED,EAAA;AAuGA,EAAA,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ThemeProvider/ThemeProvider.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export declare const ThemeProviderTailwind: React.FC<{
+    settings: any;
+    children: React.ReactNode;
+}>;
+//# sourceMappingURL=ThemeProvider.d.ts.map

package/lib/components/ThemeProvider/ThemeProvider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuC,MAAM,OAAO,CAAC;AAI5D,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IAAE,QAAQ,EAAE,GAAG,CAAC;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,CAuDxF,CAAC"}

package/lib/components/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,53 @@
+import {jsx}from'react/jsx-runtime';import {useState,useEffect,useMemo}from'react';import {themes}from'./themes/index.js';import {ThemeContext}from'../../hooks/useTheme.js';const ThemeProviderTailwind = ({
+  settings,
+  children
+}) => {
+  const {
+    theme,
+    themeType,
+    primaryColor,
+    fontFamily
+  } = settings;
+  const [isDarkMode, setIsDarkMode] = useState(false);
+  // Toggle dark mode
+  const toggleDarkMode = () => {
+    setIsDarkMode(!isDarkMode);
+    localStorage.setItem('darkMode', (!isDarkMode).toString());
+  };
+  // Toggle dark mode class on document
+  useEffect(() => {
+    if (settings?.navTheme === 'light') {
+      setIsDarkMode(false);
+      document.documentElement.classList.remove('dark');
+    } else if (settings?.navTheme === 'dark') {
+      document.documentElement.classList.add('dark');
+      setIsDarkMode(true);
+    } else {
+      setIsDarkMode(false);
+      document.documentElement.classList.remove('dark');
+    }
+  }, [settings?.navTheme]);
+  // Apply theme effects when component mounts and when theme settings change
+  useEffect(() => {
+    const selectedTheme = themes[theme] || themes.default;
+    // Apply font family to document
+    document.documentElement.style.setProperty('--font-family', fontFamily);
+    document.body.className = `font-sans ${isDarkMode ? 'dark' : ''}`;
+    // Apply theme-specific classes
+    document.body.dataset.theme = theme;
+    // Apply radius to all appropriate elements via CSS
+    const radius = selectedTheme.borderRadius.DEFAULT;
+    document.documentElement.style.setProperty('--radius', radius);
+  }, [theme, themeType, primaryColor, fontFamily, isDarkMode]);
+  // Memoize the context value to prevent unnecessary re-renders
+  const contextValue = useMemo(() => ({
+    themeName: theme,
+    theme: themes[theme] || themes.default,
+    isDarkMode,
+    toggleDarkMode
+  }), [theme, isDarkMode]);
+  return jsx(ThemeContext.Provider, {
+    value: contextValue,
+    children: children
+  });
+};export{ThemeProviderTailwind};//# sourceMappingURL=ThemeProvider.js.map

package/lib/components/ThemeProvider/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/components/ThemeProvider/ThemeProvider.tsx"],"sourcesContent":[null],"names":[],"mappings":"6KA2DE,MAAA,qBAAA,GAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ThemeProvider/ThemeToggle.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface ThemeToggleProps {
+    className?: string;
+}
+export declare const ThemeToggle: React.FC<ThemeToggleProps>;
+export {};
+//# sourceMappingURL=ThemeToggle.d.ts.map

package/lib/components/ThemeProvider/ThemeToggle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/ThemeToggle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,gBAAgB;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAYlD,CAAC"}

package/lib/components/ThemeProvider/ThemeToggle.js

@@ -0,0 +1,50 @@
+import {jsx}from'react/jsx-runtime';import {useTheme}from'../../hooks/useTheme.js';const ThemeToggle = ({
+  className = ''
+}) => {
+  const {
+    isDarkMode,
+    toggleDarkMode
+  } = useTheme();
+  return jsx("button", {
+    onClick: toggleDarkMode,
+    className: `rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary transition-colors ${className}`,
+    "aria-label": "Toggle dark mode",
+    children: isDarkMode ? jsx(SunIcon, {
+      className: "w-5 h-5"
+    }) : jsx(MoonIcon, {
+      className: "w-5 h-5"
+    })
+  });
+};
+// Simple Sun icon component
+const SunIcon = ({
+  className
+}) => jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  className: className,
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  children: jsx("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"
+  })
+});
+// Simple Moon icon component
+const MoonIcon = ({
+  className
+}) => jsx("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  className: className,
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor",
+  children: jsx("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    strokeWidth: 2,
+    d: "M20.354 15.354A9 9 0 018.646 3.646 9.003 9.003 0 0012 21a9.003 9.003 0 008.354-5.646z"
+  })
+});export{ThemeToggle};//# sourceMappingURL=ThemeToggle.js.map

package/lib/components/ThemeProvider/ThemeToggle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeToggle.js","sources":["../../../src/components/ThemeProvider/ThemeToggle.tsx"],"sourcesContent":[null],"names":[],"mappings":"mFAIa,MAAA,WAAU,GAAA,CAAA;AACtB,EAAA,SAAA,GAAA;AAED,CAAO,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ThemeProvider/index.d.ts

@@ -0,0 +1,4 @@
+export { ThemeProviderTailwind } from './ThemeProvider';
+export { ThemeToggle } from './ThemeToggle';
+export type { ThemeContextProps } from './types';
+//# sourceMappingURL=index.d.ts.map

package/lib/components/ThemeProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,qBAAqB,EAAE,MAAM,iBAAiB,CAAC;AAGxD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAG5C,YAAY,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC"}

package/lib/components/ThemeProvider/themes/airbnb.d.ts

@@ -0,0 +1,3 @@
+import { DefaultTheme } from '../types';
+export declare const airbnbTheme: DefaultTheme;
+//# sourceMappingURL=airbnb.d.ts.map

package/lib/components/ThemeProvider/themes/airbnb.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"airbnb.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeProvider/themes/airbnb.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,eAAO,MAAM,WAAW,EAAE,YAsLzB,CAAC"}

package/lib/components/ThemeProvider/themes/airbnb.js

@@ -0,0 +1,186 @@
+// Airbnb-inspired theme
+const airbnbTheme = {
+  name: 'airbnb',
+  colors: {
+    primary: {
+      50: '#fff5f5',
+      100: '#ffe0e0',
+      200: '#ffc2c2',
+      300: '#ff9b9b',
+      400: '#ff6b6b',
+      500: '#ff5a5f',
+      // Airbnb primary red
+      600: '#e63e3e',
+      700: '#c53030',
+      800: '#9b2c2c',
+      900: '#742a28',
+      950: '#451312'
+    },
+    secondary: {
+      50: '#f8fafc',
+      100: '#f1f5f9',
+      200: '#e2e8f0',
+      300: '#cbd5e1',
+      400: '#94a3b8',
+      500: '#64748b',
+      600: '#475569',
+      700: '#334155',
+      800: '#1e293b',
+      900: '#0f172a',
+      950: '#020617'
+    },
+    accent: {
+      50: '#eefbf3',
+      100: '#d6f5e3',
+      200: '#b0eaca',
+      300: '#7dd8a8',
+      400: '#4ac282',
+      500: '#00A699',
+      // Airbnb teal
+      600: '#17866c',
+      700: '#156b58',
+      800: '#155545',
+      900: '#134639',
+      950: '#07271f'
+    },
+    success: {
+      50: '#f0fdf4',
+      100: '#dcfce7',
+      200: '#bbf7d0',
+      300: '#86efac',
+      400: '#4ade80',
+      500: '#22c55e',
+      600: '#16a34a',
+      700: '#15803d',
+      800: '#166534',
+      900: '#14532d',
+      950: '#052e16'
+    },
+    warning: {
+      50: '#fffbeb',
+      100: '#fef3c7',
+      200: '#fde68a',
+      300: '#fcd34d',
+      400: '#fbbf24',
+      500: '#f59e0b',
+      600: '#d97706',
+      700: '#b45309',
+      800: '#92400e',
+      900: '#78350f',
+      950: '#451a03'
+    },
+    error: {
+      50: '#fef2f2',
+      100: '#fee2e2',
+      200: '#fecaca',
+      300: '#fca5a5',
+      400: '#f87171',
+      500: '#ef4444',
+      600: '#dc2626',
+      700: '#b91c1c',
+      800: '#991b1b',
+      900: '#7f1d1d',
+      950: '#450a0a'
+    },
+    neutral: {
+      50: '#fafafa',
+      100: '#f5f5f5',
+      200: '#e5e5e5',
+      300: '#d4d4d4',
+      400: '#a3a3a3',
+      500: '#737373',
+      600: '#525252',
+      700: '#404040',
+      800: '#262626',
+      900: '#171717',
+      950: '#0a0a0a'
+    },
+    background: {
+      light: '#ffffff',
+      dark: '#1e1e1e'
+    },
+    text: {
+      light: {
+        primary: '#222222',
+        secondary: '#717171',
+        tertiary: '#999999'
+      },
+      dark: {
+        primary: '#ffffff',
+        secondary: '#e0e0e0',
+        tertiary: '#a0a0a0'
+      }
+    }
+  },
+  borderRadius: {
+    sm: '4px',
+    DEFAULT: '8px',
+    md: '12px',
+    lg: '16px',
+    xl: '24px',
+    '2xl': '32px',
+    full: '9999px'
+  },
+  fontFamily: {
+    sans: ['Circular', '-apple-system', 'BlinkMacSystemFont', 'Roboto', 'Helvetica Neue', 'sans-serif'],
+    serif: ['Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
+    mono: ['SFMono-Regular', 'Menlo', 'Monaco', 'Consolas', 'monospace']
+  },
+  boxShadow: {
+    sm: '0 1px 2px 0 rgba(0, 0, 0, 0.05)',
+    DEFAULT: '0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06)',
+    md: '0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06)',
+    lg: '0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05)',
+    xl: '0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04)'
+  },
+  typography: {
+    headings: {
+      fontWeight: '700',
+      lineHeight: '1.2',
+      letterSpacing: '-0.025em'
+    },
+    body: {
+      fontWeight: '400',
+      lineHeight: '1.5',
+      letterSpacing: '0'
+    }
+  },
+  // Component specific styling
+  components: {
+    buttons: {
+      primary: {
+        background: '#FF5A5F',
+        text: '#FFFFFF',
+        hoverBackground: '#FF7E82',
+        hoverText: '#FFFFFF',
+        borderRadius: '8px',
+        padding: '12px 24px',
+        fontWeight: '600'
+      },
+      secondary: {
+        background: '#FFFFFF',
+        text: '#222222',
+        border: '1px solid #DDDDDD',
+        hoverBackground: '#F7F7F7',
+        hoverText: '#222222',
+        borderRadius: '8px',
+        padding: '12px 24px',
+        fontWeight: '600'
+      }
+    },
+    cards: {
+      borderRadius: '12px',
+      padding: '24px',
+      shadow: '0 6px 16px rgba(0, 0, 0, 0.12)',
+      border: '1px solid #DDDDDD'
+    },
+    inputs: {
+      borderRadius: '8px',
+      borderColor: '#DDDDDD',
+      focusBorderColor: '#FF5A5F',
+      padding: '12px 16px',
+      fontSize: '16px',
+      lineHeight: '1.5'
+    }
+  }
+};export{airbnbTheme};//# sourceMappingURL=airbnb.js.map

package/lib/components/ThemeProvider/themes/airbnb.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"airbnb.js","sources":["../../../../src/components/ThemeProvider/themes/airbnb.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AAGA,MAAA,WAAa,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ThemeProvider/themes/default.d.ts

@@ -0,0 +1,3 @@
+import { DefaultTheme } from '../types';
+export declare const defaultTheme: DefaultTheme;
+//# sourceMappingURL=default.d.ts.map

package/lib/components/ThemeProvider/themes/default.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeProvider/themes/default.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,eAAO,MAAM,YAAY,EAAE,YA8L1B,CAAC"}

package/lib/components/ThemeProvider/themes/default.js

@@ -0,0 +1,183 @@
+// Default theme with neutral colors and standard components
+const defaultTheme = {
+  name: 'default',
+  colors: {
+    primary: {
+      50: '#f9fafb',
+      100: '#f3f4f6',
+      200: '#e5e7eb',
+      300: '#d1d5db',
+      400: '#9ca3af',
+      500: '#6b7280',
+      600: '#4b5563',
+      700: '#374151',
+      800: '#1f2937',
+      900: '#111827',
+      950: '#030712'
+    },
+    secondary: {
+      50: '#f8fafc',
+      100: '#f1f5f9',
+      200: '#e2e8f0',
+      300: '#cbd5e1',
+      400: '#94a3b8',
+      500: '#64748b',
+      600: '#475569',
+      700: '#334155',
+      800: '#1e293b',
+      900: '#0f172a',
+      950: '#020617'
+    },
+    accent: {
+      50: '#eff6ff',
+      100: '#dbeafe',
+      200: '#bfdbfe',
+      300: '#93c5fd',
+      400: '#60a5fa',
+      500: '#3b82f6',
+      600: '#2563eb',
+      700: '#1d4ed8',
+      800: '#1e40af',
+      900: '#1e3a8a',
+      950: '#172554'
+    },
+    success: {
+      50: '#f0fdf4',
+      100: '#dcfce7',
+      200: '#bbf7d0',
+      300: '#86efac',
+      400: '#4ade80',
+      500: '#22c55e',
+      600: '#16a34a',
+      700: '#15803d',
+      800: '#166534',
+      900: '#14532d',
+      950: '#052e16'
+    },
+    warning: {
+      50: '#fffbeb',
+      100: '#fef3c7',
+      200: '#fde68a',
+      300: '#fcd34d',
+      400: '#fbbf24',
+      500: '#f59e0b',
+      600: '#d97706',
+      700: '#b45309',
+      800: '#92400e',
+      900: '#78350f',
+      950: '#451a03'
+    },
+    error: {
+      50: '#fef2f2',
+      100: '#fee2e2',
+      200: '#fecaca',
+      300: '#fca5a5',
+      400: '#f87171',
+      500: '#ef4444',
+      600: '#dc2626',
+      700: '#b91c1c',
+      800: '#991b1b',
+      900: '#7f1d1d',
+      950: '#450a0a'
+    },
+    neutral: {
+      50: '#fafafa',
+      100: '#f5f5f5',
+      200: '#e5e5e5',
+      300: '#d4d4d4',
+      400: '#a3a3a3',
+      500: '#737373',
+      600: '#525252',
+      700: '#404040',
+      800: '#262626',
+      900: '#171717',
+      950: '#0a0a0a'
+    },
+    background: {
+      light: '#ffffff',
+      dark: '#18181b'
+    },
+    text: {
+      light: {
+        primary: '#18181b',
+        secondary: '#52525b',
+        tertiary: '#71717a'
+      },
+      dark: {
+        primary: '#fafafa',
+        secondary: '#e4e4e7',
+        tertiary: '#a1a1aa'
+      }
+    }
+  },
+  borderRadius: {
+    sm: '0.125rem',
+    DEFAULT: '0.25rem',
+    md: '0.375rem',
+    lg: '0.5rem',
+    xl: '0.75rem',
+    '2xl': '1rem',
+    full: '9999px'
+  },
+  fontFamily: {
+    sans: ['system-ui', '-apple-system', 'BlinkMacSystemFont', 'Segoe UI', 'Roboto', 'Helvetica Neue', 'Arial', 'sans-serif'],
+    serif: ['Georgia', 'Cambria', 'Times New Roman', 'Times', 'serif'],
+    mono: ['Menlo', 'Monaco', 'Consolas', 'Liberation Mono', 'Courier New', 'monospace']
+  },
+  boxShadow: {
+    sm: '0 1px 2px 0 rgb(0 0 0 / 0.05)',
+    DEFAULT: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
+    md: '0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)',
+    lg: '0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)',
+    xl: '0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)'
+  },
+  typography: {
+    headings: {
+      fontWeight: '600',
+      lineHeight: '1.25',
+      letterSpacing: '-0.025em'
+    },
+    body: {
+      fontWeight: '400',
+      lineHeight: '1.5',
+      letterSpacing: '0'
+    }
+  },
+  components: {
+    buttons: {
+      primary: {
+        background: '#3b82f6',
+        text: '#ffffff',
+        hoverBackground: '#2563eb',
+        hoverText: '#ffffff',
+        borderRadius: '0.375rem',
+        padding: '0.625rem 1.25rem',
+        fontWeight: '500'
+      },
+      secondary: {
+        background: '#ffffff',
+        text: '#1f2937',
+        border: '1px solid #e5e7eb',
+        hoverBackground: '#f9fafb',
+        hoverText: '#111827',
+        borderRadius: '0.375rem',
+        padding: '0.625rem 1.25rem',
+        fontWeight: '500'
+      }
+    },
+    cards: {
+      borderRadius: '0.5rem',
+      padding: '1.5rem',
+      shadow: '0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)',
+      border: '1px solid #e5e7eb'
+    },
+    inputs: {
+      borderRadius: '0.375rem',
+      borderColor: '#e5e7eb',
+      focusBorderColor: '#3b82f6',
+      padding: '0.5rem 0.75rem',
+      fontSize: '0.875rem',
+      lineHeight: '1.25rem'
+    }
+  }
+};export{defaultTheme};//# sourceMappingURL=default.js.map

package/lib/components/ThemeProvider/themes/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sources":["../../../../src/components/ThemeProvider/themes/default.ts"],"sourcesContent":[null],"names":[],"mappings":"AAAA;AAGA,MAAA,YAAa,GAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/components/ThemeProvider/themes/github.d.ts

@@ -0,0 +1,3 @@
+import { DefaultTheme } from '../types';
+export declare const githubTheme: DefaultTheme;
+//# sourceMappingURL=github.d.ts.map

package/lib/components/ThemeProvider/themes/github.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"github.d.ts","sourceRoot":"","sources":["../../../../src/components/ThemeProvider/themes/github.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,eAAO,MAAM,WAAW,EAAE,YAgMzB,CAAC"}