{"version":3,"mappings":";uGAKA,MAAMA,EAAqBC,EAAA,KAAK,IAAMC,EAAA,WAAO,kCAAsB,EAAC,2DAC9DC,EAAiBF,EAAA,KAAK,IAAMC,EAAA,WAAO,8BAAkB,EAAC,iCACtDE,EAAgBH,EAAA,KAAK,IAAMC,EAAA,WAAO,6BAAiB,EAAC,4BAG1D,SAAwBG,EAAc,CACpC,QAAAC,EAAU,WACV,SAAAC,CACF,EAGG,CACK,MAAAC,EAAUC,EAAsC,IAAI,GAAK,GAG7D,OAAAC,MAACC,YACE,SACCH,EAAAE,EAAA,IAAAE,EAAA,UACG,aAAY,WACXF,MAACP,EAAe,UAAAI,EACd,SAACG,MAAA,OAAI,UAAU,qCACb,SAAAA,EAAA,IAACG,GAAe,QAAQ,QAAS,EACnC,EACF,GAECH,MAAAN,EAAA,CAAc,SAAAG,EACb,SAAAG,MAAC,OAAI,UAAU,qCACb,eAACG,EAAe,SAAQ,QAAS,EACnC,EACF,EAEJ,GAECH,MAAAV,EAAA,CAAmB,SAAAO,EAClB,SAACG,MAAA,OAAI,UAAU,gCACb,SAAAA,MAACG,GAAe,QAAQ,SAAS,CACnC,GACF,CAEJ,EAEJ,CCzCA,MAAMb,EAAqBC,EAAA,KAAK,IAAMC,EAAA,WAAO,kCAAsB,EAAC,2DAC9DC,EAAiBF,EAAA,KAAK,IAAMC,EAAA,WAAO,8BAAkB,EAAC,iCACtDE,EAAgBH,EAAA,KAAK,IAAMC,EAAA,WAAO,6BAAiB,EAAC,4BAG1D,SAASY,EAAO,CACd,QAAAR,EAAU,WACV,SAAAS,EACA,SAAAR,CACF,EAIG,CACK,MAAAC,EAAUC,EAAsC,IAAI,EAGxD,OAAAC,EAAA,IAACC,YACE,SACCH,EAAAE,MAAAE,WAAA,CACG,aAAY,WACXF,MAACP,GAAe,SAAAI,EAAqB,SAAAQ,CAAS,GAE7CL,MAAAN,EAAA,CAAc,SAAAG,EAAqB,SAAAQ,CAAS,GAEjD,EAECL,EAAA,IAAAV,EAAA,CAAmB,SAAAO,EAAqB,SAAAQ,CAAS,EAEtD,EAEJ,CAEAD,EAAO,QAAUT","names":["DrawerBottomDrawer","lazy","__vitePreload","DrawerDropdown","DrawerSidebar","DrawerLoading","variant","settings","isLarge","useIsScreenSizeBiggerThanTailwindSize","jsx","Suspense","Fragment","LoadingSpinner","Drawer","children"],"ignoreList":[],"sources":["../../../app/javascript/features/Drawer/components/DrawerLoading.tsx","../../../app/javascript/features/Drawer/components/Drawer.tsx"],"sourcesContent":["import { Suspense, lazy } from \"react\";\nimport { useIsScreenSizeBiggerThanTailwindSize } from \"hooks/useIsScreenSizeBiggerThanTailwindSize\";\nimport { DrawerSettingsType } from \"../types/types\";\nimport LoadingSpinner from \"hardcover-ui/components/LoadingSpinner\";\n\nconst DrawerBottomDrawer = lazy(() => import(\"./DrawerBottomDrawer\"));\nconst DrawerDropdown = lazy(() => import(\"./DrawerDropdown\"));\nconst DrawerSidebar = lazy(() => import(\"./DrawerSidebar\"));\n\ntype DrawerVariant = \"dropdown\" | \"left\" | \"popover\";\nexport default function DrawerLoading({\n  variant = \"dropdown\",\n  settings,\n}: {\n  variant?: DrawerVariant;\n  settings?: DrawerSettingsType;\n}) {\n  const isLarge = useIsScreenSizeBiggerThanTailwindSize(\"lg\") || true;\n\n  return (\n    <Suspense>\n      {isLarge ? (\n        <>\n          {variant === \"dropdown\" ? (\n            <DrawerDropdown settings={settings}>\n              <div className=\"w-64 bg-white dark:bg-gray-900 p-2\">\n                <LoadingSpinner variant=\"layout\" />\n              </div>\n            </DrawerDropdown>\n          ) : (\n            <DrawerSidebar settings={settings}>\n              <div className=\"w-64 bg-white dark:bg-gray-900 p-2\">\n                <LoadingSpinner variant=\"layout\" />\n              </div>\n            </DrawerSidebar>\n          )}\n        </>\n      ) : (\n        <DrawerBottomDrawer settings={settings}>\n          <div className=\"bg-white dark:bg-gray-900 p-2\">\n            <LoadingSpinner variant=\"layout\" />\n          </div>\n        </DrawerBottomDrawer>\n      )}\n    </Suspense>\n  );\n}\n","import { Suspense, lazy } from \"react\";\nimport { useIsScreenSizeBiggerThanTailwindSize } from \"hooks/useIsScreenSizeBiggerThanTailwindSize\";\nimport { DrawerSettingsType } from \"../types/types\";\nimport DrawerLoading from \"./DrawerLoading\";\n\nconst DrawerBottomDrawer = lazy(() => import(\"./DrawerBottomDrawer\"));\nconst DrawerDropdown = lazy(() => import(\"./DrawerDropdown\"));\nconst DrawerSidebar = lazy(() => import(\"./DrawerSidebar\"));\n\ntype DrawerVariant = \"dropdown\" | \"left\" | \"popover\";\nfunction Drawer({\n  variant = \"dropdown\",\n  children,\n  settings,\n}: {\n  variant?: DrawerVariant;\n  children: React.ReactElement;\n  settings?: DrawerSettingsType;\n}) {\n  const isLarge = useIsScreenSizeBiggerThanTailwindSize(\"lg\");\n\n  return (\n    <Suspense>\n      {isLarge ? (\n        <>\n          {variant === \"dropdown\" ? (\n            <DrawerDropdown settings={settings}>{children}</DrawerDropdown>\n          ) : (\n            <DrawerSidebar settings={settings}>{children}</DrawerSidebar>\n          )}\n        </>\n      ) : (\n        <DrawerBottomDrawer settings={settings}>{children}</DrawerBottomDrawer>\n      )}\n    </Suspense>\n  );\n}\n\nDrawer.Loading = DrawerLoading;\n\nexport default Drawer;\n"],"file":"assets/Drawer-ChHm3M9M.js"}