{"version":3,"file":"index51.cjs","sources":["../src/hooks/useDevice.ts"],"sourcesContent":["import { useState, useEffect } from 'react';\n\ntype DeviceType = 'mobile' | 'tablet' | 'desktop';\n\nconst BREAKPOINTS = {\n  mobile: 480,\n  tablet: 768,\n  desktop: 1024,\n} as const;\n\nexport const useDevice = () => {\n  const [device, setDevice] = useState<DeviceType>('desktop');\n  const [isDeviceDetected, setIsDeviceDetected] = useState(false);\n\n  useEffect(() => {\n    const handleResize = () => {\n      const width = window.innerWidth;\n      \n      if (width < BREAKPOINTS.mobile) {\n        setDevice('mobile');\n      } else if (width < BREAKPOINTS.tablet) {\n        setDevice('tablet');\n      } else {\n        setDevice('desktop');\n      }\n    };\n\n    // Initial check\n    handleResize();\n    setIsDeviceDetected(true);\n\n    // Add resize listener\n    window.addEventListener('resize', handleResize);\n\n    // Cleanup\n    return () => window.removeEventListener('resize', handleResize);\n  }, []);\n\n  return {\n    device,\n    isMobile: device === 'mobile',\n    isTablet: device === 'tablet',\n    isDesktop: device === 'desktop',\n    isDeviceDetected,\n  };\n}; "],"names":["useState","useEffect"],"mappings":";;;AAIA,MAAM,cAAc;AAAA,EAClB,QAAQ;AAAA,EACR,QAAQ;AAEV;AAEO,MAAM,YAAY,MAAM;AAC7B,QAAM,CAAC,QAAQ,SAAS,IAAIA,MAAAA,SAAqB,SAAS;AAC1D,QAAM,CAAC,kBAAkB,mBAAmB,IAAIA,MAAAA,SAAS,KAAK;AAE9DC,QAAAA,UAAU,MAAM;AACd,UAAM,eAAe,MAAM;AACzB,YAAM,QAAQ,OAAO;AAEjB,UAAA,QAAQ,YAAY,QAAQ;AAC9B,kBAAU,QAAQ;AAAA,MAAA,WACT,QAAQ,YAAY,QAAQ;AACrC,kBAAU,QAAQ;AAAA,MAAA,OACb;AACL,kBAAU,SAAS;AAAA,MAAA;AAAA,IAEvB;AAGa,iBAAA;AACb,wBAAoB,IAAI;AAGjB,WAAA,iBAAiB,UAAU,YAAY;AAG9C,WAAO,MAAM,OAAO,oBAAoB,UAAU,YAAY;AAAA,EAChE,GAAG,EAAE;AAEE,SAAA;AAAA,IACL;AAAA,IACA,UAAU,WAAW;AAAA,IACrB,UAAU,WAAW;AAAA,IACrB,WAAW,WAAW;AAAA,IACtB;AAAA,EACF;AACF;;"}