@admin-layout/tailwind-ui 10.1.1-alpha.8 → 11.2.1-alpha.1

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

@@ -0,0 +1,2 @@
+export * from './Select';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Select/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/lib/components/Spin/index.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx}from'react/jsx-runtime';const Spin = ({
+import React__default from'react';const Spin = ({
   size = 'default',
   tip,
   fullPage = false,
@@ -11,21 +11,18 @@ import {jsxs,jsx}from'react/jsx-runtime';const Spin = ({
     large: 'h-8 w-8 border-4'
   };
   // Spinner component with size variation
-  const SpinnerElement = jsxs("div", {
-    className: "inline-flex flex-col items-center justify-center",
-    children: [jsx("div", {
-      className: `${sizeClasses[size]} animate-spin rounded-full border-gray-300 border-t-blue-500 ${className}`
-    }), tip && jsx("div", {
-      className: `mt-2 text-${size === 'small' ? 'xs' : 'sm'} text-gray-600`,
-      children: tip
-    })]
-  });
+  const SpinnerElement = React__default.createElement("div", {
+    className: "inline-flex flex-col items-center justify-center"
+  }, React__default.createElement("div", {
+    className: `${sizeClasses[size]} animate-spin rounded-full border-gray-300 border-t-blue-500 ${className}`
+  }), tip && React__default.createElement("div", {
+    className: `mt-2 text-${size === 'small' ? 'xs' : 'sm'} text-gray-600`
+  }, tip));
   // If fullPage is true, center in viewport
   if (fullPage) {
-    return jsx("div", {
-      className: "fixed inset-0 z-50 flex items-center justify-center bg-white bg-opacity-80",
-      children: SpinnerElement
-    });
+    return React__default.createElement("div", {
+      className: "fixed inset-0 z-50 flex items-center justify-center bg-white bg-opacity-80"
+    }, SpinnerElement);
   }
   return SpinnerElement;
 };export{Spin};//# sourceMappingURL=index.js.map

package/lib/components/Spin/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/Spin/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"yCAEY,aAAQ,CAAG;AACvB,EAAM,IAAA,GAAA;KACE;UACE,GAAA,KAAO;WACL,GAAG;MACF;;AAGb,EAAO,MAAA,WAAA;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/Spin/index.tsx"],"sourcesContent":[null],"names":[],"mappings":"kCAEY,aAAQ,CAAA;AACpB,EAAA,IAAM,GAAA;KACF;UACM,GAAA,KAAO;WACb,GAAS;MACT;;AAGJ,EAAA,MAAA,WAAO;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,16 @@
+import React from 'react';
+import { ThemeContextType, Theme } from './types';
+export declare const themes: {
+    value: Theme;
+    label: string;
+    description: string;
+}[];
+export declare const ThemeContext: React.Context<ThemeContextType>;
+export declare const TailwindThemeProvider: React.FC<{
+    settings: any;
+    children: React.ReactNode;
+    actor: any;
+    routePattern: string;
+    location: any;
+}>;
+//# 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,KAAkE,MAAM,OAAO,CAAC;AACvF,OAAO,EAAE,gBAAgB,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAGlD,eAAO,MAAM,MAAM;WACO,KAAK;;;GAK9B,CAAC;AAEF,eAAO,MAAM,YAAY,iCASvB,CAAC;AAEH,eAAO,MAAM,qBAAqB,EAAE,KAAK,CAAC,EAAE,CAAC;IACzC,QAAQ,EAAE,GAAG,CAAC;IACd,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,GAAG,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,GAAG,CAAC;CACjB,CA8FA,CAAC"}

package/lib/components/ThemeProvider/ThemeProvider.js

@@ -0,0 +1,124 @@
+import React__default,{createContext,useState,useEffect,useMemo}from'react';import'../../hooks/useToast.js';import {useMediaQuery}from'../../hooks/useMediaQuery.js';const themes = [{
+  value: 'default',
+  label: 'Default',
+  description: 'Clean and minimal design'
+}, {
+  value: 'airbnb',
+  label: 'Airbnb',
+  description: 'Warm coral and friendly vibes'
+}, {
+  value: 'slack',
+  label: 'Slack',
+  description: 'Professional purple workspace'
+}, {
+  value: 'github',
+  label: 'GitHub',
+  description: 'Developer-focused dark and light'
+}, {
+  value: 'spotify',
+  label: 'Spotify',
+  description: 'Dark mode with vibrant green'
+}];
+const ThemeContext = createContext({
+  theme: 'default',
+  mode: 'light',
+  setTheme: () => {},
+  setMode: () => {},
+  toggleMode: () => {},
+  themes: themes,
+  routePattern: '',
+  location: {}
+});
+const TailwindThemeProvider = ({
+  settings,
+  children,
+  actor,
+  routePattern,
+  location
+}) => {
+  const {
+    theme,
+    themeType,
+    primaryColor,
+    fontFamily,
+    navTheme
+  } = settings;
+  const {
+    isMobile
+  } = useMediaQuery();
+  const currentRoute = routePattern || location?.pathname || '/';
+  const deviceType = isMobile ? 'mobile' : 'desktop';
+  const [applyToAllRoutes, setApplyToAllRoutes] = useState(false);
+  // Toggle mode
+  const toggleMode = () => {
+    const newNavTheme = navTheme === 'dark' ? 'light' : 'dark';
+    handleSettingChange('navTheme', newNavTheme);
+  };
+  function parseSettingPath(path, value) {
+    const keys = path.split('.');
+    // Base case: no nesting
+    if (keys.length === 1) {
+      return {
+        [path]: value
+      };
+    }
+    // Build nested object
+    let result = {};
+    let current = result;
+    for (let i = 0; i < keys.length - 1; i++) {
+      current[keys[i]] = {};
+      current = current[keys[i]];
+    }
+    current[keys[keys.length - 1]] = value;
+    return result;
+  }
+  const handleSettingChange = (key, value) => {
+    const bracketKey = applyToAllRoutes ? `[${deviceType}]` : `[${currentRoute}][${deviceType}]`;
+    const settingObject = parseSettingPath(key, value);
+    const nestedValue = {
+      [bracketKey]: settingObject
+    };
+    actor.send({
+      type: 'UISETTING_UPDATE',
+      value: nestedValue
+    });
+  };
+  // Toggle dark mode class on document
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+    const root = document.documentElement;
+    // Remove all previous theme classes
+    root.classList.remove('dark', 'light', 'realDark');
+    // Add only the current theme class
+    if (settings?.navTheme) {
+      root.classList.add(settings.navTheme);
+    }
+  }, [settings?.navTheme]);
+  // Apply theme effects when component mounts and when theme settings change
+  useEffect(() => {
+    if (typeof window === 'undefined') return;
+    const root = document.documentElement;
+    // Apply font family to document
+    root.style.setProperty('--font-family', fontFamily);
+    // Apply theme-specific classes
+    root.dataset.theme = theme;
+  }, [theme, themeType, primaryColor, fontFamily]);
+  // Memoize the context value to prevent unnecessary re-renders
+  const contextValue = useMemo(() => ({
+    theme: theme,
+    mode: navTheme,
+    toggleMode,
+    setTheme: theme => {
+      handleSettingChange('theme', theme);
+    },
+    setMode: mode => {
+      handleSettingChange('navTheme', mode);
+    },
+    themes: themes,
+    routePattern: routePattern,
+    location: location
+  }), [theme, settings, routePattern, location]);
+  return React__default.createElement(ThemeContext.Provider, {
+    value: contextValue
+  }, children);
+};export{TailwindThemeProvider,ThemeContext,themes};//# 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":"qKAIA,MAAA,SAAa,CAAA;kBACkB;;;GAK9B;AAED,EAAA,KAAA,EAAA,QAAO;AAWP,EAAA,KAAA,EAAA;aACY;AACR,CAAA,EAAA;OACA,EAAK,OAAM;OACX,EAAA,OAAY;aACJ;AACX,CAAA,EA8FC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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,47 @@
+import React__default from'react';import {useTheme}from'../../hooks/useTheme.js';const ThemeToggle = ({
+  className = ''
+}) => {
+  const {
+    mode,
+    toggleMode
+  } = useTheme();
+  return React__default.createElement("button", {
+    onClick: toggleMode,
+    className: `rounded-md focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-primary transition-colors ${className}`,
+    "aria-label": "Toggle dark mode"
+  }, mode === 'dark' ? React__default.createElement(SunIcon, {
+    className: "w-5 h-5"
+  }) : React__default.createElement(MoonIcon, {
+    className: "w-5 h-5"
+  }));
+};
+// Simple Sun icon component
+const SunIcon = ({
+  className
+}) => React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  className: className,
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor"
+}, React__default.createElement("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
+}) => React__default.createElement("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  className: className,
+  fill: "none",
+  viewBox: "0 0 24 24",
+  stroke: "currentColor"
+}, React__default.createElement("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":"iFAII,MAAS,WAAU,GAAA,CAAA;AACtB,EAAA,SAAA,GAAA;AAED,CAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -0,0 +1,4 @@
+export * from './ThemeProvider';
+export * from './ThemeToggle';
+export * 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,cAAc,iBAAiB,CAAC;AAGhC,cAAc,eAAe,CAAC;AAG9B,cAAc,SAAS,CAAC"}

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

@@ -0,0 +1,27 @@
+export type Theme = 'default' | 'airbnb' | 'slack' | 'github' | 'spotify';
+export type ThemeMode = 'light' | 'dark' | 'realDark';
+export interface ThemeContextType {
+    theme: Theme;
+    mode: ThemeMode;
+    setTheme: (theme: Theme) => void;
+    setMode: (mode: ThemeMode) => void;
+    toggleMode: () => void;
+    themes: {
+        value: Theme;
+        label: string;
+        description: string;
+    }[];
+    routePattern: string;
+    location: any;
+}
+export interface ButtonStyle {
+    background: string;
+    text: string;
+    hoverBackground: string;
+    hoverText: string;
+    borderRadius: string;
+    padding: string;
+    fontWeight: string;
+    border?: string;
+}
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeProvider/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,KAAK,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,QAAQ,GAAG,SAAS,CAAC;AAC1E,MAAM,MAAM,SAAS,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,CAAC;AAEtD,MAAM,WAAW,gBAAgB;IAC7B,KAAK,EAAE,KAAK,CAAC;IACb,IAAI,EAAE,SAAS,CAAC;IAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,OAAO,EAAE,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI,CAAC;IACnC,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,MAAM,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,WAAW,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/D,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,GAAG,CAAC;CACjB;AACD,MAAM,WAAW,WAAW;IACxB,UAAU,EAAE,MAAM,CAAC;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,eAAe,EAAE,MAAM,CAAC;IACxB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;CACnB"}

package/lib/components/index.d.ts

@@ -5,5 +5,11 @@ export * from './ErrorPages';
 export * from './PageContainer';
 export * from './Spin';
 export * from './OTP';
+export * from './Search';
+export * from './Select';
+export * from './DatePicker';
+export * from './Button/Button';
+export * from './ThemeProvider';
+export * from './LanguageMenuDropdown';
 export { PageLoading };
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,OAAO,EAAE,WAAW,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,WAAW,MAAM,eAAe,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,QAAQ,CAAC;AACvB,cAAc,OAAO,CAAC;AACtB,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,wBAAwB,CAAC;AACvC,OAAO,EAAE,WAAW,EAAE,CAAC"}

package/lib/hooks/index.d.ts

@@ -0,0 +1,5 @@
+export * from './useTheme';
+export * from './useWindowSize';
+export * from './useToast';
+export * from './useMediaQuery';
+//# sourceMappingURL=index.d.ts.map

package/lib/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC"}

package/lib/hooks/useMediaQuery.d.ts

@@ -0,0 +1,14 @@
+interface MediaQueryResult {
+    width: number;
+    height: number;
+    isMobile: boolean;
+    xs: boolean;
+    sm: boolean;
+    md: boolean;
+    lg: boolean;
+    xl: boolean;
+    '2xl': boolean;
+}
+export declare const useMediaQuery: () => MediaQueryResult;
+export {};
+//# sourceMappingURL=useMediaQuery.d.ts.map

package/lib/hooks/useMediaQuery.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.d.ts","sourceRoot":"","sources":["../../src/hooks/useMediaQuery.ts"],"names":[],"mappings":"AAEA,UAAU,gBAAgB;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;IAClB,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,EAAE,EAAE,OAAO,CAAC;IACZ,KAAK,EAAE,OAAO,CAAC;CAClB;AAoBD,eAAO,MAAM,aAAa,QAAO,gBAyChC,CAAC"}

package/lib/hooks/useMediaQuery.js

@@ -0,0 +1,48 @@
+import {useState,useEffect}from'react';const breakpoints = {
+  sm: 640,
+  md: 768,
+  lg: 1024,
+  xl: 1280,
+  '2xl': 1536
+};
+const getFlags = width => ({
+  xs: width < breakpoints.sm,
+  sm: width >= breakpoints.sm && width < breakpoints.md,
+  md: width >= breakpoints.md && width < breakpoints.lg,
+  lg: width >= breakpoints.lg && width < breakpoints.xl,
+  xl: width >= breakpoints.xl && width < breakpoints['2xl'],
+  '2xl': width >= breakpoints['2xl']
+});
+const useMediaQuery = () => {
+  const getDimensions = () => {
+    const width = window.innerWidth;
+    const height = window.innerHeight;
+    const isMobile = width < breakpoints.md;
+    const flags = getFlags(width);
+    return {
+      width,
+      height,
+      isMobile,
+      ...flags
+    };
+  };
+  const [state, setState] = useState(() => typeof window !== 'undefined' ? getDimensions() : {
+    width: 0,
+    height: 0,
+    isMobile: false,
+    xs: false,
+    sm: false,
+    md: false,
+    lg: false,
+    xl: false,
+    '2xl': false
+  });
+  useEffect(() => {
+    const handleResize = () => {
+      setState(getDimensions());
+    };
+    window.addEventListener('resize', handleResize);
+    return () => window.removeEventListener('resize', handleResize);
+  }, []);
+  return state;
+};export{useMediaQuery};//# sourceMappingURL=useMediaQuery.js.map

package/lib/hooks/useMediaQuery.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaQuery.js","sources":["../../src/hooks/useMediaQuery.ts"],"sourcesContent":[null],"names":[],"mappings":"6CAGI,WAAa,GAAC;IAEd,EAAA,GAAA;IACA,EAAE;IACF,EAAE;IACF,EAAE;OACA;;MAEF,gBAAe,KAAA;AAClB,EAAA,EAAA,EAAA,KAAA,GAAA,WAAA,CAAA,EAAA;AAoBD,EAAA,EAAA,EAAA,KAAA,IAAO,WAAM,CAAA,EAAA,IAAA,KAAa,GAAA,WAAO,CAAA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/hooks/useTheme.d.ts

@@ -0,0 +1,2 @@
+export declare function useTheme(): import("..").ThemeContextType;
+//# sourceMappingURL=useTheme.d.ts.map

package/lib/hooks/useTheme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTheme.ts"],"names":[],"mappings":"AAIA,wBAAgB,QAAQ,kCAMvB"}

package/lib/hooks/useTheme.js

@@ -0,0 +1,7 @@
+import {useContext}from'react';import {ThemeContext}from'../components/ThemeProvider/ThemeProvider.js';function useTheme() {
+  const context = useContext(ThemeContext);
+  if (context === undefined) {
+    throw new Error('useTheme must be used within a ThemeProvider');
+  }
+  return context;
+}export{useTheme};//# sourceMappingURL=useTheme.js.map

package/lib/hooks/useTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/lib/hooks/useToast.d.ts

@@ -11,7 +11,7 @@ export interface ToastOptions {
 }
 export declare const ToastContainer: ({ children }: {
     children: React.ReactNode;
-}) => import("react/jsx-runtime").JSX.Element;
+}) => React.JSX.Element;
 export declare const useToast: () => (options: ToastOptions) => void;
 export declare const useToastCloseAll: () => () => void;
 //# sourceMappingURL=useToast.d.ts.map

package/lib/hooks/useToast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../src/hooks/useToast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAKtE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnE,MAAM,WAAW,YAAY;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,cAAc,GAAG,aAAa,CAAC;IACxF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AA+GD,eAAO,MAAM,cAAc,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,4CAgCzE,CAAC;AAGF,eAAO,MAAM,QAAQ,kBA/IA,YAAY,KAAK,IAqJrC,CAAC;AAGF,eAAO,MAAM,gBAAgB,cAvJT,IA6JnB,CAAC"}
+{"version":3,"file":"useToast.d.ts","sourceRoot":"","sources":["../../src/hooks/useToast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAiD,MAAM,OAAO,CAAC;AAKtE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEnE,MAAM,WAAW,YAAY;IACzB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,MAAM,CAAC,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,KAAK,GAAG,WAAW,GAAG,UAAU,GAAG,QAAQ,GAAG,cAAc,GAAG,aAAa,CAAC;IACxF,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AA+GD,eAAO,MAAM,cAAc,GAAI,cAAc;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,sBAgCzE,CAAC;AAGF,eAAO,MAAM,QAAQ,kBA/IA,YAAY,KAAK,IAqJrC,CAAC;AAGF,eAAO,MAAM,gBAAgB,cAvJT,IA6JnB,CAAC"}

package/lib/hooks/useToast.js

@@ -1,4 +1,4 @@
-import {jsxs,jsx,Fragment}from'react/jsx-runtime';import React__default,{createContext,useCallback,useContext}from'react';import {createPortal}from'react-dom';import {icons}from'../icons/index.js';// Context
+import React__default,{createContext,useCallback,useContext}from'react';import {createPortal}from'react-dom';import {icons}from'../icons/index.js';// Context
 const ToastContext = createContext(undefined);
 const {
   CloseIcon,
@@ -13,19 +13,19 @@ const StatusIcon = ({
 }) => {
   switch (status) {
     case 'success':
-      return jsx(CheckCircleIcon, {
+      return React__default.createElement(CheckCircleIcon, {
         className: "w-5 h-5"
       });
     case 'error':
-      return jsx(ExclamationCircleIcon, {
+      return React__default.createElement(ExclamationCircleIcon, {
         className: "w-5 h-5"
       });
     case 'warning':
-      return jsx(WarningIcon, {
+      return React__default.createElement(WarningIcon, {
         className: "w-5 h-5"
       });
     case 'info':
-      return jsx(InfoCircleIcon, {
+      return React__default.createElement(InfoCircleIcon, {
         className: "w-5 h-5"
       });
     default:
@@ -77,37 +77,30 @@ const Toast = ({
     'bottom-right': 'bottom-4 right-4',
     'bottom-left': 'bottom-4 left-4'
   };
-  return jsx("div", {
+  return React__default.createElement("div", {
     className: `fixed ${positionClasses[position]} z-50 transition-all duration-300 ease-in-out ${isVisible ? 'opacity-100 translate-y-0' : 'opacity-0 translate-y-2'}`,
     role: "alert",
     "aria-live": "assertive",
-    "data-testid": "toast",
-    children: jsxs("div", {
-      className: `${statusClasses[status]} text-white p-4 rounded-md shadow-lg min-w-[300px] max-w-md flex items-start`,
-      children: [jsx("div", {
-        className: "mr-3 flex-shrink-0 mt-0.5",
-        children: jsx(StatusIcon, {
-          status: status
-        })
-      }), jsxs("div", {
-        className: "flex-1",
-        children: [title && jsx("h3", {
-          className: "font-bold",
-          children: title
-        }), description && jsx("p", {
-          className: "text-sm mt-1",
-          children: description
-        })]
-      }), isClosable && jsx("button", {
-        onClick: handleClose,
-        className: "ml-4 text-white opacity-70 hover:opacity-100 transition-opacity flex-shrink-0",
-        "aria-label": "Close toast",
-        children: jsx(CloseIcon, {
-          className: "w-4 h-4"
-        })
-      })]
-    })
-  });
+    "data-testid": "toast"
+  }, React__default.createElement("div", {
+    className: `${statusClasses[status]} text-white p-4 rounded-md shadow-lg min-w-[300px] max-w-md flex items-start`
+  }, React__default.createElement("div", {
+    className: "mr-3 flex-shrink-0 mt-0.5"
+  }, React__default.createElement(StatusIcon, {
+    status: status
+  })), React__default.createElement("div", {
+    className: "flex-1"
+  }, title && React__default.createElement("h3", {
+    className: "font-bold"
+  }, title), description && React__default.createElement("p", {
+    className: "text-sm mt-1"
+  }, description)), isClosable && React__default.createElement("button", {
+    onClick: handleClose,
+    className: "ml-4 text-white opacity-70 hover:opacity-100 transition-opacity flex-shrink-0",
+    "aria-label": "Close toast"
+  }, React__default.createElement(CloseIcon, {
+    className: "w-4 h-4"
+  }))));
 };
 // Toast Container Component
 const ToastContainer = ({
@@ -131,19 +124,17 @@ const ToastContainer = ({
     toast,
     closeAll
   }), [toast, closeAll]);
-  return jsxs(ToastContext.Provider, {
-    value: value,
-    children: [children, typeof window !== 'undefined' && createPortal(jsx(Fragment, {
-      children: toasts.map(({
-        id,
-        ...toastProps
-      }) => jsx(Toast, {
-        id: id,
-        ...toastProps,
-        onClose: () => closeToast(id)
-      }, id))
-    }), document.body)]
-  });
+  return React__default.createElement(ToastContext.Provider, {
+    value: value
+  }, children, typeof window !== 'undefined' && createPortal(React__default.createElement(React__default.Fragment, null, toasts.map(({
+    id,
+    ...toastProps
+  }) => React__default.createElement(Toast, {
+    key: id,
+    id: id,
+    ...toastProps,
+    onClose: () => closeToast(id)
+  }))), document.body));
 };
 // Hook to use the toast
 const useToast = () => {

package/lib/hooks/useToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.js","sources":["../../src/hooks/useToast.tsx"],"sourcesContent":[null],"names":[],"mappings":";MAUU,YAAG,GAAA,aAAY,CAAA,SAAA,CAAA;MACb;WACE;AACV,EAAA,eAAgB;AAChB,EAAA,qBAAgB;AACnB,EAAA,WAAA;AA+GD,EAAO;AAAwC,CAAA,GAAA,KAAA;AAA2B;AAmC1E,MAAA;AASA,EAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"useToast.js","sources":["../../src/hooks/useToast.tsx"],"sourcesContent":[null],"names":[],"mappings":";MASI,YAAc,GAAA,aAAO,CAAA,SAAA,CAAA;MACrB;WACA;iBACa;AACb,EAAA,qBAAmB;AACnB,EAAA,WAAQ;AACX,EAAA;AA+GD,CAAA,GAAA,KAAA;AAA+C;AAA2B,MAAA,UAAA,GAAA,CAAA;AAmC1E,EAAA;AASA,CAAA,KAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/lib/hooks/useWindowSize.d.ts

@@ -0,0 +1,5 @@
+export declare function useWindowSize(): {
+    width: number;
+    height: number;
+};
+//# sourceMappingURL=useWindowSize.d.ts.map

package/lib/hooks/useWindowSize.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.d.ts","sourceRoot":"","sources":["../../src/hooks/useWindowSize.ts"],"names":[],"mappings":"AAEA,wBAAgB,aAAa;;;EAsB5B"}

package/lib/hooks/useWindowSize.js

@@ -0,0 +1,20 @@
+import {useState,useEffect}from'react';function useWindowSize() {
+  const [windowSize, setWindowSize] = useState({
+    width: typeof window !== 'undefined' ? window.innerWidth : 0,
+    // Check if window is defined
+    height: typeof window !== 'undefined' ? window.innerHeight : 0 // Check if window is defined
+  });
+  useEffect(() => {
+    function handleResize() {
+      setWindowSize({
+        width: window.innerWidth,
+        height: window.innerHeight
+      });
+    }
+    // Add event listener for window resize
+    window.addEventListener('resize', handleResize);
+    // Cleanup the event listener on component unmount
+    return () => window.removeEventListener('resize', handleResize);
+  }, []);
+  return windowSize;
+}export{useWindowSize};//# sourceMappingURL=useWindowSize.js.map

package/lib/hooks/useWindowSize.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWindowSize.js","sources":["../../src/hooks/useWindowSize.ts"],"sourcesContent":[null],"names":[],"mappings":";;AAwBC,IAAA,KAAA,EAAA,OAAA,MAAA,KAAA,WAAA,GAAA,MAAA,CAAA,UAAA,GAAA,CAAA;;;;;;;;;;;;;;;;;"}

package/lib/index.d.ts

@@ -1,3 +1,4 @@
 export * from './components';
-export * from './hooks/useToast';
+export * from './hooks';
+export * from './utils/util';
 //# sourceMappingURL=index.d.ts.map

package/lib/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,SAAS,CAAC;AACxB,cAAc,cAAc,CAAC"}

package/lib/index.js

@@ -1 +1 @@
-export{default as PageLoading}from'./components/PageLoading/index.js';export{ApplicationErrorHandler}from'./components/ErrorHandlers/ApplicationErrorHandler.js';export{ErrorBoundary}from'./components/ErrorHandlers/ErrorBoundary.js';export{LayoutErrorBoundary}from'./components/ErrorHandlers/LayoutErrorBoundary.js';export{ReactTable}from'./components/ReactTable/Table.js';export{DefaultColumnFilter,SelectColumnFilter}from'./components/ReactTable/TableFilters.js';export{Error404}from'./components/ErrorPages/404.js';export{Error500}from'./components/ErrorPages/500.js';export{Error403}from'./components/ErrorPages/403.js';export{PageContainer}from'./components/PageContainer/PageContainer.js';export{Spin}from'./components/Spin/index.js';export{OTPInput}from'./components/OTP/OTPInput.js';export{SingleInput}from'./components/OTP/SingleInput.js';export{useOTPInput}from'./components/OTP/hooks.js';export{OTPVerification}from'./components/OTP/OTPVerification.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.js';//# sourceMappingURL=index.js.map
+export{default as PageLoading}from'./components/PageLoading/index.js';export{ApplicationErrorHandler}from'./components/ErrorHandlers/ApplicationErrorHandler.js';export{ErrorBoundary}from'./components/ErrorHandlers/ErrorBoundary.js';export{LayoutErrorBoundary}from'./components/ErrorHandlers/LayoutErrorBoundary.js';export{ReactTable}from'./components/ReactTable/Table.js';export{DefaultColumnFilter,SelectColumnFilter}from'./components/ReactTable/TableFilters.js';export{Error404}from'./components/ErrorPages/404.js';export{Error500}from'./components/ErrorPages/500.js';export{Error403}from'./components/ErrorPages/403.js';export{PageContainer}from'./components/PageContainer/PageContainer.js';export{Spin}from'./components/Spin/index.js';export{OTPInput}from'./components/OTP/OTPInput.js';export{SingleInput}from'./components/OTP/SingleInput.js';export{useOTPInput}from'./components/OTP/hooks.js';export{OTPVerification}from'./components/OTP/OTPVerification.js';export{SearchInput}from'./components/Search/SearchInput.js';export{Select,SelectContent,SelectItem,SelectSearch,SelectTrigger,SelectValue}from'./components/Select/Select.js';export{DatePicker}from'./components/DatePicker/DatePicker.js';export{TailwindUiButton}from'./components/Button/Button.js';export{TailwindThemeProvider,ThemeContext,themes}from'./components/ThemeProvider/ThemeProvider.js';export{ThemeToggle}from'./components/ThemeProvider/ThemeToggle.js';export{LanguageMenuDropdown}from'./components/LanguageMenuDropdown/LanguageMenuDropdown.js';export{useTheme}from'./hooks/useTheme.js';export{useWindowSize}from'./hooks/useWindowSize.js';export{ToastContainer,useToast,useToastCloseAll}from'./hooks/useToast.js';export{useMediaQuery}from'./hooks/useMediaQuery.js';export{cn}from'./utils/util.js';//# sourceMappingURL=index.js.map