@admin-layout/tailwind-design-pro 11.0.4-alpha.4 → 12.0.16-alpha.1

package/lib/hooks/use-get-current-lat-long.d.ts

@@ -0,0 +1,18 @@
+/**
+ *
+ * Gets the current Ip address details of user by calling the geolocation
+ *
+ */
+interface CurrentLocationLongLatInterface {
+    loading: boolean;
+    error: Error;
+    fetchCurrentLatLong: () => void;
+    permissionDenied: boolean;
+    location: {
+        latitude: number;
+        longitude: number;
+    };
+}
+export declare function useGetCurrentLongLat(): CurrentLocationLongLatInterface;
+export {};
+//# sourceMappingURL=use-get-current-lat-long.d.ts.map

package/lib/hooks/use-get-current-lat-long.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-get-current-lat-long.d.ts","sourceRoot":"","sources":["../../src/hooks/use-get-current-lat-long.ts"],"names":[],"mappings":"AAKA;;;;GAIG;AACH,UAAU,+BAA+B;IACrC,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,KAAK,CAAC;IACb,mBAAmB,EAAE,MAAM,IAAI,CAAC;IAChC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,QAAQ,EAAE;QACN,QAAQ,EAAE,MAAM,CAAC;QACjB,SAAS,EAAE,MAAM,CAAC;KACrB,CAAC;CACL;AAED,wBAAgB,oBAAoB,IAAI,+BAA+B,CA6BtE"}

package/lib/hooks/use-get-current-lat-long.js

@@ -0,0 +1,29 @@
+import {reject}from'lodash-es';import originalAsyncFunc from'react-use/lib/useAsyncFn.js';import {useState}from'react';const useAsyncFn = originalAsyncFunc?.default || originalAsyncFunc;
+function useGetCurrentLongLat() {
+  const [permissionDenied, setPermissionDenied] = useState(false);
+  // const { toastError } = Toast();
+  const [state, fetchCurrentLatLong] = useAsyncFn(() => new Promise(resolve => {
+    navigator.geolocation.getCurrentPosition(position => {
+      setPermissionDenied(false);
+      resolve({
+        latitude: position.coords.latitude,
+        longitude: position.coords.longitude
+      });
+    }, err => {
+      setPermissionDenied(true);
+      // toastError(err.message);
+      reject(err);
+    }, {
+      maximumAge: 60000,
+      timeout: 5000,
+      enableHighAccuracy: true
+    });
+  }));
+  return {
+    loading: state.loading,
+    location: state.value,
+    error: state.error,
+    permissionDenied,
+    fetchCurrentLatLong
+  };
+}export{useGetCurrentLongLat};//# sourceMappingURL=use-get-current-lat-long.js.map

package/lib/hooks/use-get-current-lat-long.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-get-current-lat-long.js","sources":["../../src/hooks/use-get-current-lat-long.ts"],"sourcesContent":[null],"names":[],"mappings":"uHAIA,MAAM,UAAU,GAAI,iBAAyB,EAAE,OAAO,IAAI,iBAAiB;SAiB3D,oBAAoB,GAAA;QAC1B,CAAA,gBAAiB,EAAA,mBAAqB,CAAA,WAAY,CAAA,KAAM,CAAA;;AAG9D,EAAA,MAAA,CAAA,KAAY,EAAA,mBAAqB,CAAA,aAAc,CAAA,MACxC,IACK,OAAA,CAAA,OAAS;aACA,CAAA,8BAAa,CAAA,QACjB,IAAA;yBACsB,CAAA,KAAA,CAAC;AACpB,MAAA,OAAA,CAAA;AACJ,QAAA,QACI,EAAI,QAAA,CAAA,MAAA,CAAA,QAAA;iBACe,EAAA,QAAA,CAAA,MAAK,CAAA;;cAElB;AACV,MAAA,mBACc,KAAK,CAAE;;MAK9B,MAAA,CAAA,GAAA,CAAA;;gBAEK,EAAE,KAAK;aACV,EAAE,IAAK;wBACI,EAAA;;KAEnB;AACL,EAAC,OAAA;;;;;;;"}

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":"uCAcA,MAAM,WAAW,GAAG;AAChB,EACA,EAAA,EAAE,GAAK;AACP,EAAA,EAAA,EAAE,GAAK;AACP,EAAA,EAAA,EAAE,IAAM;AACR,EAAA,EAAA,EAAE,IAAM;AACR,EAAA,KAAA,EAAK;CACR;AAED,MAAM,QAAQ,GAAG,UAA2E;AACxF,EAAA,EAAA,EAAE,KAAE,GAAQ,WAAA,CAAA,EAAY;IACxB,EAAE,KAAO,IAAA,WAAe,CAAA,EAAC,IAAE,KAAS,GAAA,WAAc,CAAA,EAAC;IACnD,EAAE,KAAO,IAAA,WAAe,CAAA,EAAC,IAAE,KAAS,GAAA,WAAc,CAAA,EAAC;IACnD,EAAE,KAAO,IAAA,WAAe,CAAA,EAAC,IAAE,KAAS,GAAA,WAAc,CAAA,EAAC;AACnD,EAAA,EAAA,EAAE,KAAE,IAAS,WAAA,CAAA,EAAY,IAAM,KAAA,GAAQ,WAAA,CAAA,KAAY,CAAA;AACnD,EAAA,KAAA,EAAK,KAAO,IAAA,WAAe,CAAA;AAC9B,CAAA,CAAC;AAEK,MAAM,aAAa,GAAG,MAAuB;QAC1C,aAAA,GAAgB,MAAK;AACvB,IAAA,MAAA,KAAW,GAAA,MAAS,CAAA;AACpB,IAAA,MAAA,MAAY,GAAA,MAAS,CAAA;AACrB,IAAA,MAAA,gBAAiB,GAAA,WAAmB,CAAA,EAAA;AACpC,IAAA,MAAA,gBAAc,CAAA,KAAS,CAAA;WAEhB;;YAEH;cACQ;AACR,MAAA,GAAA;;AAER,GAAA;AAEA,EAAA,MAAA,CAAA,KAAO,EAAK,QAAE,CAAA,GAAY,QAAA,CAAA,MAAgC,OAC/C,MAAA,gBAAsB,GAAA,aAAA,EAAA,GAAA;SACxB;AACD,IAAA,MAAE,EAAA,CAAA;AACI,IAAA,QAAA,EAAA,KAAO;AACP,IAAA,EAAA,EAAA,KAAA;AACA,IAAA,EAAA,EAAA,KAAA;AACA,IAAA,EAAA,EAAA,KAAA;AACA,IAAA,EAAA,EAAA,KAAA;AACA,IAAA,EAAA,EAAA,KAAA;AACA,IAAA,KAAA,EAAA;AACA,GAAA,CAAA;AACA,EAAA,SAAA,CAAA;AACH,IAAA,MACV,YAAC,GAAA,MAAA;MAEO,QAAC,cAAK,EAAA,CAAA;;AAEP,IAAA,MAAA,CAAA,gBAAS,CAAA,QAAe,EAAE,YAAA,CAAA;AAC9B,IAAA,OAAE,MAAA,MAAA,CAAA,mBAAA,CAAA,QAAA,EAAA,YAAA,CAAA;AAEF,GAAA,EAAA,EAAA,CAAA;SACO,KAAA;"}

package/lib/hooks/useScrollThreshold.d.ts

@@ -0,0 +1,12 @@
+import { MutableRefObject } from 'react';
+interface ScrollThresholdConfig {
+    threshold: number;
+    id: string;
+    useWindowScroll?: boolean;
+}
+export declare const useScrollThreshold: (configs: ScrollThresholdConfig[]) => {
+    containerRef: MutableRefObject<HTMLDivElement>;
+    componentVisibility: Record<string, boolean>;
+};
+export {};
+//# sourceMappingURL=useScrollThreshold.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollThreshold.d.ts","sourceRoot":"","sources":["../../src/hooks/useScrollThreshold.ts"],"names":[],"mappings":"AAAA,OAAO,EAA+B,gBAAgB,EAAe,MAAM,OAAO,CAAC;AAEnF,UAAU,qBAAqB;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,eAAe,CAAC,EAAE,OAAO,CAAC;CAC7B;AAYD,eAAO,MAAM,kBAAkB,GAAI,SAAS,qBAAqB,EAAE;;;CA4DlE,CAAC"}

package/lib/hooks/useScrollThreshold.js

@@ -0,0 +1,60 @@
+import {useState,useRef,useCallback,useEffect}from'react';const throttle = (fn, wait = 100) => {
+  let time = Date.now();
+  return function (...args) {
+    if (time + wait - Date.now() < 0) {
+      fn(...args);
+      time = Date.now();
+    }
+  };
+};
+const useScrollThreshold = configs => {
+  const [componentVisibility, setComponentVisibility] = useState({});
+  const containerRef = useRef(null);
+  const visibilityRef = useRef({});
+  const updateVisibility = useCallback(scrollPosition => {
+    const newVisibility = {};
+    let hasChanges = false;
+    configs.forEach(({
+      threshold,
+      id
+    }) => {
+      const isVisible = scrollPosition >= threshold;
+      if (visibilityRef.current[id] !== isVisible) {
+        hasChanges = true;
+      }
+      newVisibility[id] = isVisible;
+    });
+    if (hasChanges) {
+      visibilityRef.current = newVisibility;
+      setComponentVisibility(newVisibility);
+    }
+  }, [configs]);
+  useEffect(() => {
+    const config = configs[0]; // Assuming we're only using one config for now
+    const useWindowScroll = config?.useWindowScroll ?? false;
+    const throttledUpdate = throttle(() => {
+      const scrollPosition = useWindowScroll ? window.scrollY : containerRef.current?.scrollTop ?? 0;
+      updateVisibility(scrollPosition);
+    }, 50);
+    const handleScroll = () => {
+      throttledUpdate();
+    };
+    if (useWindowScroll) {
+      window.addEventListener('scroll', handleScroll);
+    } else if (containerRef.current) {
+      containerRef.current.addEventListener('scroll', handleScroll);
+    }
+    updateVisibility(useWindowScroll ? window.scrollY : containerRef.current?.scrollTop ?? 0);
+    return () => {
+      if (useWindowScroll) {
+        window.removeEventListener('scroll', handleScroll);
+      } else if (containerRef.current) {
+        containerRef.current.removeEventListener('scroll', handleScroll);
+      }
+    };
+  }, [configs, updateVisibility]);
+  return {
+    containerRef,
+    componentVisibility
+  };
+};export{useScrollThreshold};//# sourceMappingURL=useScrollThreshold.js.map

package/lib/hooks/useScrollThreshold.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useScrollThreshold.js","sources":["../../src/hooks/useScrollThreshold.ts"],"sourcesContent":[null],"names":[],"mappings":"0DAQA,MAAM,QAAQ,GAAG,CAAC,EAAY,EAAE,IAAe,GAAA,GAAG,KAAI;AAClD,EAAA,IAAA,OAAW,IAAA,CAAA,GAAK,EAAG;SACZ,UAAA,OAAwB,EAAA;QAC3B,IAAI,GAAA,IAAO,GAAA,IAAO,CAAA,GAAI,EAAC,GAAK,CAAA,EAAA;AACxB,MAAA,EAAA,CAAA,GAAA,IAAG,CAAA;AACH,MAAA,IAAA,GAAA,IAAO,CAAA,GAAA,EAAI;;AAEnB,GAAA;AACJ,CAAC;AAEY,MAAA,kBAAkB,GAAG,OAAC,IAAoC;QAC7D,CAAA,mBAAoB,EAAA,sBAAwB,CAAA,WAAY,CAAA,EAA0B,CAAE;AAC1F,EAAA,MAAA,eAAqB,MAAA,CAAA,IAAuB,CAAA;AAC5C,EAAA,MAAA,gBAAsB,MAAA,CAAA,EAAgC,CAAA;AAEtD,EAAA,MAAA,mBAAyB,WAAA,CAAA,cACpB;UACS,aAAA,GAAA,EAAyC;QAC/C,UAAI,GAAA,KAAa;WAEV,CAAA,OAAQ,CAAA,CAAA;AACX,MAAA,SAAA;;;YAGA,SAAC,GAAA,cAAA,IAAA,SAAA;AACD,MAAA,IAAA,aAAA,CAAA,OAAiB,CAAG,iBAAU,EAAA;AAClC,QAAA,UAAG,GAAA,IAAA;;AAGC,MAAA,aAAA,CAAA,EAAA,CAAA,GAAc,SAAU;;QAE5B,UAAC,EAAA;AACL,MACA,aACF,CAAA,OAAA,GAAA,aAAA;MAEO,sBAAM,CAAA,aAAA,CAAA;;AAEX,GAAA,EAAA,CAAA,OAAA,CAAM;AAEN,EAAA,SAAA,CAAA,MAAqB;AACjB,IAAA,MAAA,MAAA;yBACgB,GAAA,MAAe,EAAA,eAAE,IAAA,KAAA;UACpC,eAAM,GAAA,QAAA,CAAA,MAAA;YAED,cAAY,GAAG,eAAK,GAAA,MAAA,CAAA,OAAA,GAAA,YAAA,CAAA,OAAA,EAAA,SAAA,IAAA,CAAA;AACtB,MAAA,gBAAA,CAAA,cAAkB,CAAA;AACtB,KAAA,EAAA,EAAC,CAAC;UAEE,YAAA,GAAA,MAAkB;AAClB,MAAA,eAAuB,EAAA;;AACpB,IAAA,IAAA,eAAgB,EAAA;YACnB,CAAY,yBAAS,EAAA,YAAyB,CAAA;WACjD,IAAA,YAAA,CAAA,OAAA,EAAA;AAED,MAAA,YAAA,CAAA,OAAgC,CAAA,gBAAG,CAAA,QAAc,EAAA,YAAG,CAAA;AAEpD;oBACQ,CAAA,eAAkB,GAAA,MAAA,CAAA,OAAA,GAAA,YAAA,CAAA,OAAA,EAAA,SAAA,IAAA,CAAA,CAAA;AAClB,IAAA,OAAA,MAAA;yBACH,EAAA;AAAM,QAAA,MAAA,CAAA,mBAAiB,CAAO,QAAE,EAAC,YAAA,CAAA;iBAClB,YAAC,QAAQ,EAAA;oBACxB,CAAA,OAAA,CAAA,mBAAA,CAAA,QAAA,EAAA,YAAA,CAAA;AACL;AACJ,KAAC;KAEM,CAAA,OAAA,EAAA,gBAAA,CAAA,CAAA;SACS;gBACO;;AAE3B,GAAE;"}

package/lib/hooks/useTailwindTheme.d.ts

@@ -0,0 +1,34 @@
+export type UseTailwindThemeReturnValue = {
+    toggleColorMode: () => void;
+    colorModeLabel: string;
+    ColorModeIcon: any;
+    color: string;
+    bgColor: string;
+    blackColor: string;
+    borderColor: string;
+    checkBgColor: string;
+    radioActiveBgColor: string;
+    checkInactiveColor: string;
+    grayColor: string;
+    greenColor: string;
+    passiveColor: string;
+    blueColor: string;
+    yellowColor: string;
+    becomeHostColor: string;
+    activeMenuBgColor: string;
+    shadowColor: string;
+    calendarAvailableColor: string;
+    calendarPartialColor: string;
+    calendarBlockColor: string;
+    discountColor: string;
+    cancelColor: string;
+    errorColor: string;
+    isDark: boolean;
+    textColor: string;
+    borderColorClass: string;
+    bgColorClass: string;
+    textColorClass: string;
+    shadowClass: string;
+};
+export declare const useTailwindTheme: () => UseTailwindThemeReturnValue;
+//# sourceMappingURL=useTailwindTheme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTailwindTheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useTailwindTheme.tsx"],"names":[],"mappings":"AAIA,MAAM,MAAM,2BAA2B,GAAG;IACtC,eAAe,EAAE,MAAM,IAAI,CAAC;IAC5B,cAAc,EAAE,MAAM,CAAC;IACvB,aAAa,EAAE,GAAG,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,EAAE,MAAM,CAAC;IACnB,WAAW,EAAE,MAAM,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,SAAS,EAAE,MAAM,CAAC;IAClB,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;IACxB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,WAAW,EAAE,MAAM,CAAC;IACpB,sBAAsB,EAAE,MAAM,CAAC;IAC/B,oBAAoB,EAAE,MAAM,CAAC;IAC7B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAEhB,SAAS,EAAE,MAAM,CAAC;IAClB,gBAAgB,EAAE,MAAM,CAAC;IACzB,YAAY,EAAE,MAAM,CAAC;IACrB,cAAc,EAAE,MAAM,CAAC;IACvB,WAAW,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,gBAAgB,QAAO,2BAyFnC,CAAC"}

package/lib/hooks/useTailwindTheme.js

@@ -0,0 +1,82 @@
+import {useState,useEffect}from'react';import {FaMoon}from'@react-icons/all-files/fa/FaMoon.js';import {FaSun}from'@react-icons/all-files/fa/FaSun.js';const useTailwindTheme = () => {
+  // Check if dark mode is preferred by user or system
+  const [isDark, setIsDark] = useState(() => {
+    if (typeof window !== 'undefined') {
+      // Check local storage first, then system preference
+      const storedTheme = localStorage.getItem('color-theme');
+      if (storedTheme === 'dark') return true;
+      if (storedTheme === 'light') return false;
+      return window.matchMedia('(prefers-color-scheme: dark)').matches;
+    }
+    return false;
+  });
+  // Set dark mode class on body when theme changes
+  useEffect(() => {
+    document.documentElement.classList.toggle('dark', isDark);
+    localStorage.setItem('color-theme', isDark ? 'dark' : 'light');
+  }, [isDark]);
+  const toggleColorMode = () => setIsDark(!isDark);
+  const colorModeLabel = isDark ? 'light' : 'dark';
+  const ColorModeIcon = isDark ? FaSun : FaMoon;
+  // Define colors for both light and dark modes
+  const bgColor = isDark ? '#1A202C' : 'white'; // gray-800 or white
+  const color = isDark ? 'white' : '#2d3748'; // white or gray-800
+  const grayColor = isDark ? '#A0AEC0' : '#4A5568'; // gray-400 or gray-600
+  const greenColor = '#38A169'; // green-500 in both modes
+  const passiveColor = isDark ? '#4A5568' : '#E2E8F0'; // gray-600 or gray-200
+  const borderColor = isDark ? '#4A5568' : '#E2E8F0'; // gray-600 or gray-200
+  const checkBgColor = isDark ? '#1A202C' : '#CBD5E0'; // gray-800 or gray-300
+  const radioActiveBgColor = isDark ? 'rgb(0 31 71)' : '#EBF8FF'; // custom dark blue or blue-50
+  const checkInactiveColor = isDark ? 'rgba(255, 255, 255, 0.4)' : '#CBD5E0'; // whiteAlpha-400 or gray-300
+  const blueColor = '#2869E0'; // same in both modes
+  const yellowColor = '#F5BC00'; // same in both modes
+  const blackColor = '#000'; // same in both modes
+  const becomeHostColor = isDark ? '#4299E1' : '#9DECF9'; // blue-400 or cyan-200
+  const activeMenuBgColor = isDark ? '#2D3748' : '#EDF2F7'; // gray-700 or gray-100
+  const shadowColor = isDark ? 'rgba(205, 205, 162, 0.25) 0px 6px 12px -2px, rgba(255,255,255, 0.3) 0px 3px 7px -3px' : 'rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px';
+  const calendarAvailableColor = '#3e9f31'; // same in both modes
+  const calendarPartialColor = '#31679f'; // same in both modes
+  const calendarBlockColor = isDark ? '#2d3748' : '#e2e8f0'; // gray-800 or gray-300
+  const discountColor = '#3182CE'; // blue-500 in both modes
+  const cancelColor = '#E53E3E'; // red-500 in both modes
+  const errorColor = '#C53030'; // red-600 in both modes
+  // Tailwind-specific class helpers
+  const textColorClass = isDark ? 'text-white' : 'text-gray-800';
+  const borderColorClass = isDark ? 'border-gray-600' : 'border-gray-200';
+  const bgColorClass = isDark ? 'bg-gray-800' : 'bg-white';
+  const textColor = isDark ? 'white' : 'gray-800';
+  const shadowClass = isDark ? 'shadow-dark' : 'shadow-light';
+  return {
+    toggleColorMode,
+    colorModeLabel,
+    ColorModeIcon,
+    color,
+    bgColor,
+    blackColor,
+    borderColor,
+    checkBgColor,
+    radioActiveBgColor,
+    checkInactiveColor,
+    grayColor,
+    greenColor,
+    passiveColor,
+    blueColor,
+    yellowColor,
+    becomeHostColor,
+    activeMenuBgColor,
+    shadowColor,
+    calendarAvailableColor,
+    calendarPartialColor,
+    calendarBlockColor,
+    discountColor,
+    cancelColor,
+    errorColor,
+    isDark,
+    // Tailwind specific
+    textColor,
+    borderColorClass,
+    bgColorClass,
+    textColorClass,
+    shadowClass
+  };
+};export{useTailwindTheme};//# sourceMappingURL=useTailwindTheme.js.map

package/lib/hooks/useTailwindTheme.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTailwindTheme.js","sources":["../../src/hooks/useTailwindTheme.tsx"],"sourcesContent":[null],"names":[],"mappings":"uJAsCO,MAAM,gBAAgB,GAAG,MAAkC;;QAExD,CAAA,QAAO,SAAE,CAAA,GAAa,QAAA,CAAA,MAAc;AACtC,IAAA,IAAA,OAAW,MAAA,KAAW,WAAA,EAAA;;YAElB,WAAM,GAAA,YAA0B,CAAA,qBAAS,CAAA;qBACrC,KAAA,MAAgB,EAAM,OAAA,IAAA;AAAE,MAAA,IAAA,WAAA,YAAY,EAAA,OAAA,KAAA;aACpC,MAAA,CAAA,yCAAuB,CAAA,CAAA,OAAA;AAAE;gBACtB;;AAEX;AACJ,EAAA,SAAG,CAAA,MAAA;IAEH,QAAiD,CAAA,eAAA,CAAA,SAAA,CAAA,MAAA,CAAA,MAAA,EAAA,MAAA,CAAA;IACjD,aAAa,OAAE,CAAA,aAAA,EAAA,MAAA,GAAA,MAAA,GAAA,OAAA,CAAA;YACH,CAAA,CAAA;AACR,EAAA,MAAA,eAAa,GAAA,MAAQ,SAAA,CAAa,OAAQ,CAAA;AAC9C,EAAA,MAAI,cAAS,GAAA,MAAA,GAAA,OAAA,GAAA,MAAA;QAEP,aAAA,GAAA,MAAkB,GAAK,cAAkB;;QAEzC,OAAA,GAAA,MAAgB,GAAA,SAAS,GAAA,OAAQ,CAAA;QAEO,KAAA,GAAA,MAAA,GAAA,OAAA,GAAA,SAAA,CAAA;AAC9C,EAAA,MAAA,SAAa,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,CAAoB;AAClE,EAAA,MAAA,UAAc,GAAM,SAAU,CAAA;AAC9B,EAAA,MAAA,YAAe,GAAS,MAAC,GAAW,SAAC,GAAW,SAAC,CAAC;AAClD,EAAA,MAAA,WAAgB,GAAA,MAAY,GAAA,SAA4B,GAAA,SAAA,CAAA;AACxD,EAAA,MAAA,YAAkB,GAAA,MAAS,GAAC,SAAW,GAAC,SAAW,CAAA;AACnD,EAAA,MAAA,kBAA0B,GAAA,MAAY,GAAA,cAAY,GAAC,SAAwB,CAAA;AAC3E,EAAA,MAAA,kBAA2B,GAAA,MAAY,GAAA,0BAAqC,GAAA,SAAA,CAAA;AAC5E,EAAA,MAAA,SAAwB,GAAA,SAAA,CAAA;AACxB,EAAA,MAAA,WAAwB,GAAA,SAAG,CAAM;AACjC,EAAA,MAAA,UAAe,GAAA,MAAY,CAAA;AAC3B,EAAA,MAAA,eAAiB,GAAY,MAAA,GAAE,SAAqB,GAAA,SAAA,CAAA;AACpD,EAAA,MAAA,iBAAyB,GAAA,MAAuB,GAAA,SAAA,GAAA,SAAA,CAAA;AAChD,EAAA,MAAA,WAAqB,GAAA,MAAG,GAAM,sFAAiD,GAAA,+EAAA;AAC/E,EAAA,MAAA,sBAA0B,GAAM,SAAY,CAAA;QACtC,oBAAoB,GAAA,SAAA,CAAA;AACtB,EAAA,MAAA,kBAAwF,GAAA,MAAA,GAAA,SAAA,GAAA,SAAA,CAAA;QACxF;AAEJ,EAAA,MAAA,WAA4B,GAAA,SAAA,CAAA;AAC5B,EAAA,MAAA,UAA0B,GAAA,SAAA,CAAA;AAC1B;AACA,EAAA,MAAA,cAAmB,GAAA,MAAY,GAAA,YAA2B,GAAA,eAAA;AAC1D,EAAA,MAAA,gBAAoB,GAAS,MAAA,GAA0B,iBAAA,GAAA,iBAAA;AACvD,EAAA,MAAA,YAAgB,GAAG,MAAS,GAAA,aAA0B,GAAA,UAAA;QAEpB,SAAA,GAAA,MAAA,GAAA,OAAA,GAAA,UAAA;QAC5B,WAAA,GAAA,MAAiB,GAAA,aAAS,GAAA,cAAe;SACzC;IACN,eAAM;IACN,cAAM;IACN,aAAM;IAEN,KAAO;WACY;cACD;eACD;gBACR;sBACE;sBACG;aACC;cACC;gBACM;aACA;eACT;mBACC;qBACE;eACH;0BACE;wBACI;sBACE;iBACN;eACW;cACF;UACF;;aAEP;oBACD;gBACJ;kBACc;;;"}

package/lib/hooks/useWindowSize.d.ts

@@ -0,0 +1,6 @@
+declare function useWindowSize(): {
+    width: number;
+    height: number;
+};
+export default useWindowSize;
+//# 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,iBAAS,aAAa;;;EAsBrB;AAED,eAAe,aAAa,CAAC"}

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 as default};//# 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":"uCAEA,SAAS,aAAa,GAAA;AAClB,EAAA,MAAA,CAAA,UAAiB,EAAA,iBAAgB;AAC7B,IAAA,KAAA,EAAA,OAAc,MAAA,KAAW,WAAA,GAAA,MAAoB,CAAA,cAAW;AACxD;AACH,IAAA,MAAE,EAAA,OAAA,MAAA,KAAA,WAAA,GAAA,MAAA,CAAA,WAAA,GAAA,CAAA;IAEH;AACI,EAAA,SAAA,CAAA,MAAqB;AACjB,IAAA,SAAA,YAAa,GAAC;mBACL,CAAA;qBACC,CAAA,UAAoB;AAC7B,QAAA,MAAC,EAAC,MAAA,CAAA;QACP;;AAGA;UAEkD,CAAA,gBAAA,CAAA,QAAA,EAAA,YAAA,CAAA;;IAEtD,OAAO,MAAA,MAAA,CAAA,mBAAA,CAAA,QAAA,EAAA,YAAA,CAAA;AAEP,GAAA,EAAA,EAAA,CAAA;AACJ,EAAC,OAAA,UAAA;AAED"}

package/lib/icons.d.ts

@@ -0,0 +1,16 @@
+export declare const icons: {
+    SearchIcon: import("@react-icons/all-files/lib").IconType;
+    ChevronDownIcon: import("@react-icons/all-files/lib").IconType;
+    ChevronRightIcon: import("@react-icons/all-files/lib").IconType;
+    MenuIcon: import("@react-icons/all-files/lib").IconType;
+    OutlineDashIcon: import("@react-icons/all-files/lib").IconType;
+    CloseIcon: import("@react-icons/all-files/lib").IconType;
+    Settings5FillIcon: import("@react-icons/all-files/lib").IconType;
+    CopyIcon: import("@react-icons/all-files/lib").IconType;
+    CheckIcon: import("@react-icons/all-files/lib").IconType;
+    ChevronBackCircleIcon: import("@react-icons/all-files/lib").IconType;
+    ChevronForwardCircleIcon: import("@react-icons/all-files/lib").IconType;
+    ChevronUpIcon: import("@react-icons/all-files/lib").IconType;
+    ChevronLeftIcon: import("@react-icons/all-files/lib").IconType;
+};
+//# sourceMappingURL=icons.d.ts.map

package/lib/icons.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../src/icons.ts"],"names":[],"mappings":"AAcA,eAAO,MAAM,KAAK;;;;;;;;;;;;;;CAcjB,CAAC"}

package/lib/icons.js

@@ -0,0 +1,12 @@
+import {FaSearch}from'@react-icons/all-files/fa/FaSearch.js';import {IoMenu}from'@react-icons/all-files/io5/IoMenu.js';import'@react-icons/all-files/ai/AiOutlineDash.js';import {FaChevronDown}from'@react-icons/all-files/fa/FaChevronDown.js';import {FaChevronUp}from'@react-icons/all-files/fa/FaChevronUp.js';import {FaChevronRight}from'@react-icons/all-files/fa/FaChevronRight.js';import {FaChevronLeft}from'@react-icons/all-files/fa/FaChevronLeft.js';import {MdClose}from'@react-icons/all-files/md/MdClose.js';import {RiSettings5Fill}from'@react-icons/all-files/ri/RiSettings5Fill.js';import {IoMdCopy}from'@react-icons/all-files/io/IoMdCopy.js';import {FaCheck}from'@react-icons/all-files/fa/FaCheck.js';import'@react-icons/all-files/io5/IoChevronBackCircleOutline.js';import'@react-icons/all-files/io5/IoChevronForwardCircleOutline.js';const icons = {
+  SearchIcon: FaSearch,
+  ChevronDownIcon: FaChevronDown,
+  ChevronRightIcon: FaChevronRight,
+  MenuIcon: IoMenu,
+  CloseIcon: MdClose,
+  Settings5FillIcon: RiSettings5Fill,
+  CopyIcon: IoMdCopy,
+  CheckIcon: FaCheck,
+  ChevronUpIcon: FaChevronUp,
+  ChevronLeftIcon: FaChevronLeft
+};export{icons};//# sourceMappingURL=icons.js.map

package/lib/icons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icons.js","sources":["../src/icons.ts"],"sourcesContent":[null],"names":[],"mappings":"u0BAca,MAAA,KAAK,GAAG;sBACP;gCACK;kCACC;kBACR;oBAEC;oCACQ;oBACT;oBACC;4BAGI;;"}

package/lib/index.d.ts

@@ -1,7 +1,6 @@
 import { Feature } from '@common-stack/client-react';
-export { PageHeader } from '@ant-design/pro-layout';
-export { DefaultFooter } from '@ant-design/pro-layout';
-export { changeProLayoutClassName } from './utils';
+export * from './tailwindConfig';
+export * from './redux';
 declare const _default: Feature;
 export default _default;
 //# 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":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AACvD,OAAO,EAAE,wBAAwB,EAAE,MAAM,SAAS,CAAC;;AACnD,wBAAqC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,4BAA4B,CAAC;AAErD,cAAc,kBAAkB,CAAC;AACjC,cAAc,SAAS,CAAC;;AAExB,wBAAqC"}

package/lib/index.js

@@ -1,2 +1,2 @@
-import {Feature}from'@common-stack/client-react';import settings from'./module.js';export{DefaultFooter,PageHeader}from'@ant-design/pro-layout';export{changeProLayoutClassName}from'./utils/index.js';// eslint-disable-next-line import/no-extraneous-dependencies
+import {Feature}from'@common-stack/client-react';import settings from'./module.js';export{themeConfig}from'./tailwindConfig.js';export{SEARCH_ACTIONS,clearSearch,searchReducer,setSearchError,setSearchQuery,setSearchResult}from'./redux/searchReducer.js';// eslint-disable-next-line import/no-extraneous-dependencies
 var index = new Feature(settings);export{index as default};//# sourceMappingURL=index.js.map

package/lib/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":[null],"names":[],"mappings":"uMAAA;AAMA,YAAe,IAAI,OAAO,CAAC,QAAQ,CAAC"}
+{"version":3,"file":"index.js","sources":["../src/index.ts"],"sourcesContent":[null],"names":[],"mappings":"6PAAA;AAMA,YAAe,IAAI,OAAO,CAAC,QAAQ,CAAC"}

package/lib/machines/settingsMachine.d.ts

@@ -0,0 +1,6 @@
+import { MachineEvent, SettingsContext } from './types';
+export declare const settingsMachine: import("xstate").StateMachine<SettingsContext, MachineEvent, Record<string, import("xstate").AnyActorRef>, import("xstate").ProvidedActor, import("xstate").ParameterizedObject, import("xstate").ParameterizedObject, string, import("xstate").StateValue, string, {
+    settings: SettingsContext;
+    routeSettings?: Record<string, Partial<SettingsContext>>;
+}, {}, import("xstate").EventObject, import("xstate").MetaObject, any>;
+//# sourceMappingURL=settingsMachine.d.ts.map

package/lib/machines/settingsMachine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"settingsMachine.d.ts","sourceRoot":"","sources":["../../src/machines/settingsMachine.ts"],"names":[],"mappings":"AAEA,OAAO,EAEH,YAAY,EACZ,eAAe,EAMlB,MAAM,SAAS,CAAC;AAyFjB,eAAO,MAAM,eAAe;cAMN,eAAe;oBACT,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;sEAsIlE,CAAC"}