geoiq-frontend-ui-kit 2.0.2 → 2.0.3

package/dist/{index.es47.js.map → index47.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es47.js","sources":["../src/components/organisms/navbar/navbar-mobile.tsx"],"sourcesContent":["import { Typography } from '@/components/atoms/typography'\nimport { Dropdown } from '@/components/molecules/dropdown-menu/dropdown-menu'\nimport { cn } from '@/lib/utils'\nimport React, { useState } from 'react'\nimport { IconProps, NavbarPropsMobile } from './navbar.types'\nimport { Avatar } from '@/components/atoms/avatar'\nimport { CreditSheet } from '@/components/ui/credit-sheet/credit-sheet'\nimport { BrandSwitcher } from '@/components/ui/brand-switcher'\n\nconst ProfileHeader = ({ name = '', email = '' }) => {\n  if (!(name || email)) return null\n\n  const classEllipsisAndOverflow: React.ComponentProps<'div'>['className'] =\n    'text-ellipsis overflow-hidden'\n\n  return (\n    <div className=\"flex flex-col px-2\">\n      {name && (\n        <Typography\n          variant=\"body4\"\n          className={cn('text-light-1', classEllipsisAndOverflow)}\n        >\n          {name}\n        </Typography>\n      )}\n      {email && (\n        <Typography\n          variant=\"body5\"\n          className={cn('text-light-3', classEllipsisAndOverflow)}\n        >\n          {email}\n        </Typography>\n      )}\n    </div>\n  )\n}\n\nconst NavbarIconAndText: React.FC<IconProps> = ({\n  alt,\n  className,\n  src,\n  tooltipText,\n  wrapper = null,\n  onClick,\n}) => {\n  // Wrap the icon with a link or a button\n  const returnWrap = (children: React.ReactNode) =>\n    wrapper?.(children) ?? children\n\n  const navbarIcon = (\n    <div\n      className={cn('flex gap-4 py-2 cursor-pointer', className)}\n      {...(onClick && { onClick })}\n    >\n      <img {...{ src, alt }} height={25} width={25} />\n      <Typography variant=\"body2\" className=\"text-white\">\n        {tooltipText}\n      </Typography>\n    </div>\n  )\n\n  return returnWrap(navbarIcon)\n}\n\nconst Profile: React.FC<NavbarPropsMobile['profile']> = ({\n  src,\n  popoverOptions,\n  name = '',\n  email = '',\n}) => (\n  <Dropdown\n    dropdownContentProps={{ side: 'bottom', align: 'end', sideOffset: 24 }}\n    trigger={\n      <div>\n        <Avatar\n          imageSrc={src ?? ''}\n          size=\"md\"\n          alt=\"avatar\"\n          fallback={\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/Avatar_e5ab891e67.svg\"\n              alt=\"avatar\"\n              className=\"w-10 h-10 cursor-pointer\"\n            />\n          }\n        />\n      </div>\n    }\n    header={<ProfileHeader {...{ name, email }} />}\n    optionGroups={popoverOptions}\n  />\n)\n\nconst Logo: React.FC<NavbarPropsMobile['logo']> = ({ src, alt }) => (\n  <img src={src} alt={alt} className=\"h-10\" />\n)\n\nconst MenuScreen: React.FC<\n  NavbarPropsMobile & {\n    handleClose: () => void\n    onCreditsClick: () => void\n  }\n> = ({\n  icons = [],\n  profile,\n  credits,\n  logoutPanel,\n  logo,\n  brandSwitcher,\n  handleClose,\n  onCreditsClick,\n}) => (\n  <div className=\"absolute top-0 bottom-0 left-0 right-0 z-10 flex flex-col justify-between bg-dark-2\">\n    <div className=\"flex items-center justify-between w-full px-3 py-2 bg-dark-2\">\n      {/* Logo and Text */}\n      <div className=\"flex items-center gap-2\">\n        <Logo {...logo} />\n        <Typography variant=\"h2\" className=\"text-white\">\n          {logo?.text ?? ''}\n        </Typography>\n      </div>\n\n      {/* cross button */}\n      <div className=\"grid w-10 h-10 place-items-center\">\n        <img\n          src=\"https://frontend-static-files.geoiq.io/strapi/x_7520d97d3c.svg\"\n          alt=\"close\"\n          height={24}\n          width={24}\n          className=\"cursor-pointer\"\n          onClick={handleClose}\n        />\n      </div>\n    </div>\n\n    {/* Brand Switcher */}\n    {brandSwitcher && (\n      <div className=\"px-3 pb-3 bg-dark-2\">\n        <BrandSwitcher\n          {...brandSwitcher}\n          collapsed={false}\n          chevronPlacement=\"right\"\n        />\n      </div>\n    )}\n\n    {/* Profile Information */}\n    <div className=\"flex justify-between items-center px-5 py-2 bg-[#212121] flex-shrink-0\">\n      <div className=\"flex items-center gap-2 overflow-hidden basis-4/5\">\n        <Avatar\n          imageSrc={profile?.src ?? ''}\n          size=\"md\"\n          alt=\"avatar\"\n          fallback={\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/Avatar_e5ab891e67.svg\"\n              alt=\"avatar\"\n              className=\"w-12 h-12\"\n            />\n          }\n        />\n\n        <div className=\"flex flex-col gap-[2px] overflow-hidden\">\n          <Typography\n            variant=\"body3\"\n            className=\"overflow-hidden text-white text-ellipsis text-nowrap\"\n            title={profile?.name ?? ''}\n          >\n            {profile?.name ?? ''}\n          </Typography>\n          <Typography\n            variant=\"body3\"\n            className=\"overflow-hidden text-white text-ellipsis text-nowrap\"\n            title={profile?.email ?? ''}\n          >\n            {profile?.email ?? ''}\n          </Typography>\n        </div>\n      </div>\n\n      {credits >= 0 && (\n        <div\n          className=\"flex flex-col items-center gap-1 basis-1/5 cursor-pointer\"\n          onClick={onCreditsClick}\n        >\n          <div className=\"p-1 rounded brand-primary-secondary-gradient\">\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/navbar_credits_247858e26a.svg\"\n              alt=\"coin icon\"\n              className=\"w-4 h-4\"\n            />\n          </div>\n\n          <Typography\n            variant=\"body5\"\n            className=\"text-center text-white basis-1/5\"\n          >{`${credits} credits`}</Typography>\n        </div>\n      )}\n    </div>\n\n    {/* Main Icons */}\n    <div className=\"flex flex-col flex-grow w-full gap-3 px-6 py-4 overflow-auto\">\n      {(icons ?? []).map((icon, index) => (\n        <NavbarIconAndText key={index} {...icon} />\n      ))}\n    </div>\n\n    <div className=\"flex flex-col gap-4 pb-4\">\n      <Separator />\n\n      {/* Logout Button */}\n      <div\n        className=\"flex items-center w-full gap-4 px-6 cursor-pointer\"\n        onClick={logoutPanel.handleLogout}\n      >\n        <img\n          src=\"https://frontend-static-files.geoiq.io/strapi/log_out_e3fa361fb6.svg\"\n          alt=\"logout icon\"\n          height={24}\n          width={24}\n        />\n        <Typography className=\"text-white\" variant=\"body2\">\n          Log out\n        </Typography>\n      </div>\n\n      <Separator />\n\n      {/* Terms and Conditions + Privacy Policy */}\n      {logoutPanel?.bottomItems?.length > 0 && (\n        <div className=\"flex items-center justify-center w-full gap-6 px-6\">\n          {logoutPanel?.bottomItems?.[0]?.label && (\n            <Typography\n              variant=\"body3\"\n              className=\"text-white cursor-pointer nowrap\"\n              onClick={logoutPanel?.bottomItems[0].onClick}\n            >\n              {logoutPanel.bottomItems[0].label}\n            </Typography>\n          )}\n\n          {/* Show 'Dot' only for 2 items */}\n          {logoutPanel?.bottomItems?.length === 2 && (\n            <div className=\"w-1 h-1 mx-1 bg-white rounded-full bg-text4 shrink-0 grow-0\" />\n          )}\n\n          {logoutPanel?.bottomItems?.[1]?.label && (\n            <Typography\n              variant=\"body3\"\n              className=\"text-white cursor-pointer nowrap\"\n              onClick={logoutPanel?.bottomItems[1].onClick}\n            >\n              {logoutPanel.bottomItems[1].label}\n            </Typography>\n          )}\n        </div>\n      )}\n    </div>\n  </div>\n)\n\nconst Separator = () => <div className=\"h-[1px] w-full bg-gray-300\" />\n\nexport const NavbarMobile: React.FC<NavbarPropsMobile> = ({\n  icons,\n  credits = -1,\n  totalCredits = null,\n  profile,\n  logo,\n  brandSwitcher,\n  clickDisable = false,\n  logoutPanel,\n  id,\n  onRequestCredits,\n  onProceedToPayment,\n  containerId,\n  buyCreditsOptions,\n  minimumCreditsToBuy,\n  requestOnly,\n}) => {\n  const [showFullScreen, setShowFullScreen] = useState(false)\n  const [creditSheetOpen, setCreditSheetOpen] = useState(false)\n\n  const handleCreditsClick = () => {\n    setCreditSheetOpen(true)\n    setShowFullScreen(false) // Close the mobile menu\n  }\n\n  if (showFullScreen)\n    return (\n      <div className=\"absolute top-0 bottom-0 z-10 w-full\">\n        <MenuScreen\n          logo={logo}\n          icons={icons}\n          profile={profile}\n          credits={credits}\n          logoutPanel={logoutPanel}\n          brandSwitcher={brandSwitcher}\n          handleClose={() => setShowFullScreen(false)}\n          onCreditsClick={handleCreditsClick}\n        />\n      </div>\n    )\n\n  return (\n    <>\n      <div className=\"relative z-10 w-full max-h-full\" id={id}>\n        <div className=\"relative z-0 flex justify-between w-full px-3 py-2 bg-dark-2 h-14\">\n          {/* Hamburger Menu */}\n          {showFullScreen === false && (\n            <div\n              className=\"grid w-10 h-10 cursor-pointer place-items-center\"\n              onClick={() => setShowFullScreen(true)}\n            >\n              <img\n                src=\"https://frontend-static-files.geoiq.io/strapi/navbar_menu_33acae53c5.svg\"\n                alt=\"\"\n                height={20}\n                width={20}\n              />\n            </div>\n          )}\n\n          <Logo {...logo} />\n\n          <Profile {...profile} />\n        </div>\n      </div>\n\n      {/* Credit Sheet */}\n      {!clickDisable && (\n        <CreditSheet\n          open={creditSheetOpen}\n          onClose={() => setCreditSheetOpen(false)}\n          credit_details={\n            totalCredits\n              ? `Available: ${credits}/${totalCredits}`\n              : `Available: ${credits}`\n          }\n          onRequestCredits={onRequestCredits}\n          onProceedToPayment={onProceedToPayment}\n          containerId={containerId}\n          buyCreditsOptions={buyCreditsOptions}\n          minimumCreditsToBuy={minimumCreditsToBuy}\n          requestOnly={requestOnly}\n          className=\"bg-light-1 fixed left-0 inset-y-0 h-full w-screen border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left\"\n          dialogClassName=\"hidden\"\n        />\n      )}\n    </>\n  )\n}\n"],"names":["ProfileHeader","name","email","classEllipsisAndOverflow","React","Typography","cn","NavbarIconAndText","alt","className","src","tooltipText","wrapper","onClick","returnWrap","children","navbarIcon","Profile","popoverOptions","Dropdown","Avatar","Logo","MenuScreen","icons","profile","credits","logoutPanel","logo","brandSwitcher","handleClose","onCreditsClick","BrandSwitcher","icon","index","Separator","NavbarMobile","totalCredits","clickDisable","id","onRequestCredits","onProceedToPayment","containerId","buyCreditsOptions","minimumCreditsToBuy","requestOnly","showFullScreen","setShowFullScreen","useState","creditSheetOpen","setCreditSheetOpen","handleCreditsClick","CreditSheet"],"mappings":"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"}
+{"version":3,"file":"index47.es.js","sources":["../src/components/organisms/navbar/navbar-mobile.tsx"],"sourcesContent":["import { Typography } from '@/components/atoms/typography'\nimport { Dropdown } from '@/components/molecules/dropdown-menu/dropdown-menu'\nimport { cn } from '@/lib/utils'\nimport React, { useState } from 'react'\nimport { IconProps, NavbarPropsMobile } from './navbar.types'\nimport { Avatar } from '@/components/atoms/avatar'\nimport { CreditSheet } from '@/components/ui/credit-sheet/credit-sheet'\nimport { BrandSwitcher } from '@/components/ui/brand-switcher'\n\nconst ProfileHeader = ({ name = '', email = '' }) => {\n  if (!(name || email)) return null\n\n  const classEllipsisAndOverflow: React.ComponentProps<'div'>['className'] =\n    'text-ellipsis overflow-hidden'\n\n  return (\n    <div className=\"flex flex-col px-2\">\n      {name && (\n        <Typography\n          variant=\"body4\"\n          className={cn('text-light-1', classEllipsisAndOverflow)}\n        >\n          {name}\n        </Typography>\n      )}\n      {email && (\n        <Typography\n          variant=\"body5\"\n          className={cn('text-light-3', classEllipsisAndOverflow)}\n        >\n          {email}\n        </Typography>\n      )}\n    </div>\n  )\n}\n\nconst NavbarIconAndText: React.FC<IconProps> = ({\n  alt,\n  className,\n  src,\n  tooltipText,\n  wrapper = null,\n  onClick,\n}) => {\n  // Wrap the icon with a link or a button\n  const returnWrap = (children: React.ReactNode) =>\n    wrapper?.(children) ?? children\n\n  const navbarIcon = (\n    <div\n      className={cn('flex gap-4 py-2 cursor-pointer', className)}\n      {...(onClick && { onClick })}\n    >\n      <img {...{ src, alt }} height={25} width={25} />\n      <Typography variant=\"body2\" className=\"text-white\">\n        {tooltipText}\n      </Typography>\n    </div>\n  )\n\n  return returnWrap(navbarIcon)\n}\n\nconst Profile: React.FC<NavbarPropsMobile['profile']> = ({\n  src,\n  popoverOptions,\n  name = '',\n  email = '',\n}) => (\n  <Dropdown\n    dropdownContentProps={{ side: 'bottom', align: 'end', sideOffset: 24 }}\n    trigger={\n      <div>\n        <Avatar\n          imageSrc={src ?? ''}\n          size=\"md\"\n          alt=\"avatar\"\n          fallback={\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/Avatar_e5ab891e67.svg\"\n              alt=\"avatar\"\n              className=\"w-10 h-10 cursor-pointer\"\n            />\n          }\n        />\n      </div>\n    }\n    header={<ProfileHeader {...{ name, email }} />}\n    optionGroups={popoverOptions}\n  />\n)\n\nconst Logo: React.FC<NavbarPropsMobile['logo']> = ({ src, alt }) => (\n  <img src={src} alt={alt} className=\"h-10\" />\n)\n\nconst MenuScreen: React.FC<\n  NavbarPropsMobile & {\n    handleClose: () => void\n    onCreditsClick: () => void\n  }\n> = ({\n  icons = [],\n  profile,\n  credits,\n  logoutPanel,\n  logo,\n  brandSwitcher,\n  handleClose,\n  onCreditsClick,\n}) => (\n  <div className=\"absolute top-0 bottom-0 left-0 right-0 z-10 flex flex-col justify-between bg-dark-2\">\n    <div className=\"flex items-center justify-between w-full px-3 py-2 bg-dark-2\">\n      {/* Logo and Text */}\n      <div className=\"flex items-center gap-2\">\n        <Logo {...logo} />\n        <Typography variant=\"h2\" className=\"text-white\">\n          {logo?.text ?? ''}\n        </Typography>\n      </div>\n\n      {/* cross button */}\n      <div className=\"grid w-10 h-10 place-items-center\">\n        <img\n          src=\"https://frontend-static-files.geoiq.io/strapi/x_7520d97d3c.svg\"\n          alt=\"close\"\n          height={24}\n          width={24}\n          className=\"cursor-pointer\"\n          onClick={handleClose}\n        />\n      </div>\n    </div>\n\n    {/* Brand Switcher */}\n    {brandSwitcher && (\n      <div className=\"px-3 pb-3 bg-dark-2\">\n        <BrandSwitcher\n          {...brandSwitcher}\n          collapsed={false}\n          chevronPlacement=\"right\"\n        />\n      </div>\n    )}\n\n    {/* Profile Information */}\n    <div className=\"flex justify-between items-center px-5 py-2 bg-[#212121] flex-shrink-0\">\n      <div className=\"flex items-center gap-2 overflow-hidden basis-4/5\">\n        <Avatar\n          imageSrc={profile?.src ?? ''}\n          size=\"md\"\n          alt=\"avatar\"\n          fallback={\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/Avatar_e5ab891e67.svg\"\n              alt=\"avatar\"\n              className=\"w-12 h-12\"\n            />\n          }\n        />\n\n        <div className=\"flex flex-col gap-[2px] overflow-hidden\">\n          <Typography\n            variant=\"body3\"\n            className=\"overflow-hidden text-white text-ellipsis text-nowrap\"\n            title={profile?.name ?? ''}\n          >\n            {profile?.name ?? ''}\n          </Typography>\n          <Typography\n            variant=\"body3\"\n            className=\"overflow-hidden text-white text-ellipsis text-nowrap\"\n            title={profile?.email ?? ''}\n          >\n            {profile?.email ?? ''}\n          </Typography>\n        </div>\n      </div>\n\n      {credits >= 0 && (\n        <div\n          className=\"flex flex-col items-center gap-1 basis-1/5 cursor-pointer\"\n          onClick={onCreditsClick}\n        >\n          <div className=\"p-1 rounded brand-primary-secondary-gradient\">\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/navbar_credits_247858e26a.svg\"\n              alt=\"coin icon\"\n              className=\"w-4 h-4\"\n            />\n          </div>\n\n          <Typography\n            variant=\"body5\"\n            className=\"text-center text-white basis-1/5\"\n          >{`${credits} credits`}</Typography>\n        </div>\n      )}\n    </div>\n\n    {/* Main Icons */}\n    <div className=\"flex flex-col flex-grow w-full gap-3 px-6 py-4 overflow-auto\">\n      {(icons ?? []).map((icon, index) => (\n        <NavbarIconAndText key={index} {...icon} />\n      ))}\n    </div>\n\n    <div className=\"flex flex-col gap-4 pb-4\">\n      <Separator />\n\n      {/* Logout Button */}\n      <div\n        className=\"flex items-center w-full gap-4 px-6 cursor-pointer\"\n        onClick={logoutPanel.handleLogout}\n      >\n        <img\n          src=\"https://frontend-static-files.geoiq.io/strapi/log_out_e3fa361fb6.svg\"\n          alt=\"logout icon\"\n          height={24}\n          width={24}\n        />\n        <Typography className=\"text-white\" variant=\"body2\">\n          Log out\n        </Typography>\n      </div>\n\n      <Separator />\n\n      {/* Terms and Conditions + Privacy Policy */}\n      {logoutPanel?.bottomItems?.length > 0 && (\n        <div className=\"flex items-center justify-center w-full gap-6 px-6\">\n          {logoutPanel?.bottomItems?.[0]?.label && (\n            <Typography\n              variant=\"body3\"\n              className=\"text-white cursor-pointer nowrap\"\n              onClick={logoutPanel?.bottomItems[0].onClick}\n            >\n              {logoutPanel.bottomItems[0].label}\n            </Typography>\n          )}\n\n          {/* Show 'Dot' only for 2 items */}\n          {logoutPanel?.bottomItems?.length === 2 && (\n            <div className=\"w-1 h-1 mx-1 bg-white rounded-full bg-text4 shrink-0 grow-0\" />\n          )}\n\n          {logoutPanel?.bottomItems?.[1]?.label && (\n            <Typography\n              variant=\"body3\"\n              className=\"text-white cursor-pointer nowrap\"\n              onClick={logoutPanel?.bottomItems[1].onClick}\n            >\n              {logoutPanel.bottomItems[1].label}\n            </Typography>\n          )}\n        </div>\n      )}\n    </div>\n  </div>\n)\n\nconst Separator = () => <div className=\"h-[1px] w-full bg-gray-300\" />\n\nexport const NavbarMobile: React.FC<NavbarPropsMobile> = ({\n  icons,\n  credits = -1,\n  totalCredits = null,\n  profile,\n  logo,\n  brandSwitcher,\n  clickDisable = false,\n  logoutPanel,\n  id,\n  onRequestCredits,\n  onProceedToPayment,\n  containerId,\n  buyCreditsOptions,\n  minimumCreditsToBuy,\n  requestOnly,\n}) => {\n  const [showFullScreen, setShowFullScreen] = useState(false)\n  const [creditSheetOpen, setCreditSheetOpen] = useState(false)\n\n  const handleCreditsClick = () => {\n    setCreditSheetOpen(true)\n    setShowFullScreen(false) // Close the mobile menu\n  }\n\n  if (showFullScreen)\n    return (\n      <div className=\"absolute top-0 bottom-0 z-10 w-full\">\n        <MenuScreen\n          logo={logo}\n          icons={icons}\n          profile={profile}\n          credits={credits}\n          logoutPanel={logoutPanel}\n          brandSwitcher={brandSwitcher}\n          handleClose={() => setShowFullScreen(false)}\n          onCreditsClick={handleCreditsClick}\n        />\n      </div>\n    )\n\n  return (\n    <>\n      <div className=\"relative z-10 w-full max-h-full\" id={id}>\n        <div className=\"relative z-0 flex justify-between w-full px-3 py-2 bg-dark-2 h-14\">\n          {/* Hamburger Menu */}\n          {showFullScreen === false && (\n            <div\n              className=\"grid w-10 h-10 cursor-pointer place-items-center\"\n              onClick={() => setShowFullScreen(true)}\n            >\n              <img\n                src=\"https://frontend-static-files.geoiq.io/strapi/navbar_menu_33acae53c5.svg\"\n                alt=\"\"\n                height={20}\n                width={20}\n              />\n            </div>\n          )}\n\n          <Logo {...logo} />\n\n          <Profile {...profile} />\n        </div>\n      </div>\n\n      {/* Credit Sheet */}\n      {!clickDisable && (\n        <CreditSheet\n          open={creditSheetOpen}\n          onClose={() => setCreditSheetOpen(false)}\n          credit_details={\n            totalCredits\n              ? `Available: ${credits}/${totalCredits}`\n              : `Available: ${credits}`\n          }\n          onRequestCredits={onRequestCredits}\n          onProceedToPayment={onProceedToPayment}\n          containerId={containerId}\n          buyCreditsOptions={buyCreditsOptions}\n          minimumCreditsToBuy={minimumCreditsToBuy}\n          requestOnly={requestOnly}\n          className=\"bg-light-1 fixed left-0 inset-y-0 h-full w-screen border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left\"\n          dialogClassName=\"hidden\"\n        />\n      )}\n    </>\n  )\n}\n"],"names":["ProfileHeader","name","email","classEllipsisAndOverflow","React","Typography","cn","NavbarIconAndText","alt","className","src","tooltipText","wrapper","onClick","returnWrap","children","navbarIcon","Profile","popoverOptions","Dropdown","Avatar","Logo","MenuScreen","icons","profile","credits","logoutPanel","logo","brandSwitcher","handleClose","onCreditsClick","BrandSwitcher","icon","index","Separator","NavbarMobile","totalCredits","clickDisable","id","onRequestCredits","onProceedToPayment","containerId","buyCreditsOptions","minimumCreditsToBuy","requestOnly","showFullScreen","setShowFullScreen","useState","creditSheetOpen","setCreditSheetOpen","handleCreditsClick","CreditSheet"],"mappings":"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"}

package/dist/{index.es48.js → index48.es.js}

@@ -1,14 +1,14 @@
-import { Typography as s } from "./index.es19.js";
-import { Dropdown as z } from "./index.es22.js";
-import { cn as l } from "./index.es89.js";
+import { Typography as s } from "./index19.es.js";
+import { Dropdown as z } from "./index22.es.js";
+import { cn as l } from "./index89.es.js";
 import e, { useState as I } from "react";
-import { AvatarDemo as T } from "./index.es6.js";
-import { CreditSheet as _ } from "./index.es114.js";
-import { CreditsIndicator as F } from "./index.es55.js";
-import { BrandSwitcher as $ } from "./index.es56.js";
+import { AvatarDemo as T } from "./index6.es.js";
+import { CreditSheet as _ } from "./index129.es.js";
+import { CreditsIndicator as F } from "./index55.es.js";
+import { BrandSwitcher as $ } from "./index56.es.js";
 import { ChevronLeft as L } from "lucide-react";
-import U from "./index.es18.js";
-import { Badge as q } from "./index.es8.js";
+import U from "./index18.es.js";
+import { Badge as q } from "./index8.es.js";
 const G = ({ name: t = "", email: a = "" }) => {
   if (!(t || a)) return null;
   const n = "text-ellipsis overflow-hidden";
@@ -314,4 +314,4 @@ const G = ({ name: t = "", email: a = "" }) => {
 export {
   le as NavbarExtended
 };
-//# sourceMappingURL=index.es48.js.map
+//# sourceMappingURL=index48.es.js.map

package/dist/{index.es48.js.map → index48.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es48.js","sources":["../src/components/organisms/navbar/navbar-extended.tsx"],"sourcesContent":["import { Typography } from '@/components/atoms/typography'\nimport { Dropdown } from '@/components/molecules/dropdown-menu/dropdown-menu'\nimport { cn } from '@/lib/utils'\nimport React, { useState } from 'react'\nimport { NavbarExtendedProps, IconExtendedProps } from './navbar.types'\nimport { Avatar } from '@/components/atoms/avatar'\nimport { CreditSheet } from '@/components/ui/credit-sheet/credit-sheet'\nimport { CreditsIndicator } from '@/components/ui/credits-indicator'\nimport { BrandSwitcher } from '@/components/ui/brand-switcher'\n// import { ArrowLeft, ArrowRight } from 'lucide-react'\nimport { ChevronLeft } from 'lucide-react'\nimport Tooltip from '@/components/atoms/tooltip'\nimport { Badge } from '@/components/atoms/badge'\n\nconst ProfileHeader = ({ name = '', email = '' }) => {\n  if (!(name || email)) return null\n\n  const classEllipsisAndOverflow: React.ComponentProps<'div'>['className'] =\n    'text-ellipsis overflow-hidden'\n\n  return (\n    <div className=\"flex flex-col px-2\">\n      {name && (\n        <Typography\n          variant=\"body4\"\n          className={cn('text-light-1', classEllipsisAndOverflow)}\n        >\n          {name}\n        </Typography>\n      )}\n      {email && (\n        <Typography\n          variant=\"body5\"\n          className={cn('text-light-3', classEllipsisAndOverflow)}\n        >\n          {email}\n        </Typography>\n      )}\n    </div>\n  )\n}\n\nconst NavbarIconExtended: React.FC<IconExtendedProps> = ({\n  alt,\n  className,\n  isActive = false,\n  isNew = false,\n  src,\n  label,\n  tooltipText = '',\n  collapsed = false,\n  wrapper = null,\n  onClick,\n  disabled = false,\n}) => {\n  const returnWrap = (children: React.ReactNode) =>\n    wrapper?.(children) ?? children\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (disabled) {\n      e.preventDefault()\n      e.stopPropagation()\n      return\n    }\n    onClick?.()\n  }\n\n  const navbarIcon = (\n    <div\n      className={cn(\n        'flex items-center gap-3 px-3 py-2 rounded-md hover:bg-hover-s3 cursor-pointer relative transition-colors',\n        isActive &&\n          \"bg-primary-3/15 overflow-hidden before:content-[''] before:absolute before:left-0 before:inset-y-0 before:w-[3px] before:bg-gradient-to-b before:from-[#F19089] before:via-[#B16DBA] before:to-[#6D48EF]\",\n        collapsed && 'justify-center px-2 mx-2',\n        disabled && 'opacity-50 cursor-not-allowed pointer-events-auto',\n        className\n      )}\n      onClick={handleClick}\n      aria-disabled={disabled}\n      tabIndex={disabled ? -1 : 0}\n    >\n      <div className=\"relative flex items-center justify-center flex-shrink-0 w-5 h-5\">\n        <img src={src} alt={alt} className=\"w-5 h-5\" />\n        <NewBlink isNew={isNew} />\n      </div>\n      {!collapsed && (\n        <Typography variant={'body4'} className=\"flex-1 truncate text-dark-1\">\n          {label}\n        </Typography>\n      )}\n    </div>\n  )\n\n  // Show tooltip only when collapsed and tooltipText exists\n  if (collapsed && tooltipText) {\n    return returnWrap(\n      // REMOVE the <div className=\"relative\"> wrapper\n      <Tooltip\n        content=\"\"\n        headerText={\n          (\n            <div className=\"flex items-center gap-2\">\n              {isNew && (\n                <Badge variant=\"gradient\" size=\"sm\">\n                  NEW\n                </Badge>\n              )}\n              <div>{tooltipText}</div>\n            </div>\n          ) as unknown as string\n        }\n        sideOffset={12}\n        triggerElement={navbarIcon}\n        delayDuration={100}\n        side=\"right\"\n      />\n    )\n  }\n\n  return returnWrap(navbarIcon)\n}\n\nconst Separator = () => (\n  <div className=\"my-2 h-[1px] w-full bg-white opacity-20\" />\n)\n\nconst NewBlink: React.FC<Pick<IconExtendedProps, 'isNew'>> = ({ isNew }) =>\n  isNew ? (\n    <div className=\"absolute w-[6px] h-[6px] rounded-full bottom-0 right-0 bg-secondary-2\" />\n  ) : null\n\nconst Profile: React.FC<NavbarExtendedProps['profile']> = ({\n  src,\n  popoverOptions,\n  name = '',\n  email = '',\n  collapsed = false,\n}) => (\n  <Dropdown\n    dropdownContentProps={{\n      sideOffset: 8,\n      side: 'right',\n      align: 'end',\n      style: { width: '200px' },\n    }}\n    trigger={\n      <button\n        className={cn(\n          'flex w-full items-center gap-3 p-3 hover:bg-hover-s3 transition-colors rounded-md cursor-pointer',\n          collapsed && 'justify-center p-2'\n        )}\n      >\n        <Avatar\n          imageSrc={src ?? ''}\n          size=\"md\"\n          alt=\"avatar\"\n          fallback={\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/Avatar_e5ab891e67.svg\"\n              alt=\"avatar\"\n              className=\"w-10 h-10\"\n            />\n          }\n        />\n        {!collapsed && (\n          <div className=\"flex-1 text-left\">\n            <Typography\n              variant=\"body4\"\n              className=\"text-dark-1 mb-0.5 truncate\"\n              style={{ maxWidth: '140px' }}\n            >\n              {name}\n            </Typography>\n            <Typography\n              variant=\"body6\"\n              className=\"truncate text-dark-1\"\n              style={{ maxWidth: '140px' }}\n            >\n              {email}\n            </Typography>\n          </div>\n        )}\n      </button>\n    }\n    header={<ProfileHeader {...{ name, email }} />}\n    optionGroups={popoverOptions}\n  />\n)\n\nconst Logo: React.FC<NavbarExtendedProps['logo'] & { collapsed: boolean }> = ({\n  src,\n  alt,\n  text,\n  collapsed,\n}) => (\n  <div className={cn('flex items-center gap-3', collapsed && 'justify-center')}>\n    <div className=\"flex-shrink-0\">\n      <img src={src} alt={alt} className=\"w-10 h-10\" />\n    </div>\n    {!collapsed && (\n      <Typography variant=\"h3\" className=\"text-dark-1\">\n        {text}\n      </Typography>\n    )}\n  </div>\n)\n\nconst Credits: React.FC<{\n  credits: number\n  totalCredits?: number | null\n  collapsed: boolean\n  onTopUp?: () => void\n  topUpWrapper?: (children: React.ReactNode) => React.ReactElement\n}> = ({ credits, totalCredits, collapsed, onTopUp, topUpWrapper }) => {\n  if (credits < 0) return null\n  return (\n    <div className={cn('pb-4', collapsed ? 'flex justify-center' : 'px-3')}>\n      <CreditsIndicator\n        remaining={credits}\n        total={totalCredits ?? credits}\n        collapsed={collapsed}\n        onTopUp={onTopUp}\n        topUpWrapper={topUpWrapper}\n        size=\"md\"\n        className={collapsed ? '' : 'w-full'}\n      />\n    </div>\n  )\n}\n\nconst SectionTitle: React.FC<{ title: string; collapsed: boolean }> = ({\n  title,\n  collapsed,\n}) => (\n  <Typography\n    variant=\"body6\"\n    className={cn(\n      'mb-2 text-white/50 truncate',\n      collapsed ? 'text-[10px] text-center px-1' : 'px-2'\n    )}\n  >\n    {title}\n  </Typography>\n)\n\nexport const NavbarExtended: React.FC<NavbarExtendedProps> = ({\n  icons,\n  credits = -1,\n  totalCredits = null,\n  profile,\n  logo,\n  brandSwitcher,\n  className = '',\n  id,\n  clickDisable = false,\n  onRequestCredits,\n  onProceedToPayment,\n  buyCreditsOptions,\n  minimumCreditsToBuy,\n  requestOnly,\n  collapsed = false,\n  onCollapsedChange,\n  width = '218px',\n  collapsedWidth = '72px',\n  showToggle = true,\n  togglePosition = { top: '24px', right: '-14px' },\n  sections = [\n    { title: 'Analyse', items: [] },\n    { title: 'Expand', items: [] },\n  ],\n}) => {\n  const [creditSheetOpen, setCreditSheetOpen] = useState(false)\n\n  const toggleStyle: React.CSSProperties = {\n    top: togglePosition.top,\n    right: togglePosition.right,\n    left: togglePosition.left,\n    bottom: togglePosition.bottom,\n  }\n\n  return (\n    <>\n      <div\n        className={cn(\n          'bg-dark-2 h-full flex flex-col transition-all duration-300 ease-in-out relative',\n          className\n        )}\n        style={{\n          width: collapsed ? collapsedWidth : width,\n        }}\n        id={id}\n      >\n        {showToggle && (\n          <div className=\"absolute z-10\" style={toggleStyle}>\n            <button\n              type=\"button\"\n              onClick={() => onCollapsedChange?.(!collapsed)}\n              aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n              className={cn(\n                'flex items-center justify-center w-7 h-7 rounded-full',\n                'bg-dark-2 border border-white/60 shadow-md',\n                'text-white/60 hover:text-white hover:bg-[rgb(45,45,45)]',\n                'transition-colors'\n              )}\n            >\n              <ChevronLeft\n                className={cn(\n                  'w-3.5 h-3.5 transition-transform duration-300',\n                  collapsed && 'rotate-180'\n                )}\n              />\n            </button>\n          </div>\n        )}\n\n        {/* Header with Logo */}\n        <div className=\"px-3 py-4\">\n          <Logo {...logo} collapsed={collapsed} />\n        </div>\n\n        {/* Brand Switcher */}\n        {brandSwitcher && (\n          <div className={cn('pb-3', collapsed ? 'px-2' : 'px-3')}>\n            <BrandSwitcher {...brandSwitcher} collapsed={collapsed} />\n          </div>\n        )}\n\n        <Credits\n          credits={credits}\n          totalCredits={totalCredits}\n          collapsed={collapsed}\n          onTopUp={icons.invoices?.onClick}\n          topUpWrapper={icons.invoices?.wrapper ?? undefined}\n        />\n        {/* Main Content - Scrollable */}\n        <div className=\"flex-1 px-2 overflow-y-auto\">\n          {/* Main Icons by Sections */}\n          {sections.map((section, sectionIndex) => (\n            <div\n              key={sectionIndex}\n              className={cn(\n                'mb-4',\n                sectionIndex > 0 && 'mt-6' // Add extra top margin to sections after the first one\n              )}\n            >\n              <SectionTitle title={section.title} collapsed={collapsed} />\n              <div className=\"flex flex-col gap-1\">\n                {section.items.map((icon, index) => (\n                  <NavbarIconExtended\n                    key={index}\n                    {...icon}\n                    collapsed={collapsed}\n                  />\n                ))}\n              </div>\n            </div>\n          ))}\n\n          {/* Bottom Icons Section */}\n          <div className=\"pt-4 mt-4\">\n            <Separator />\n            <div className=\"flex flex-col gap-2\">\n              {icons.invoices && (\n                <NavbarIconExtended {...icons.invoices} collapsed={collapsed} />\n              )}\n              {icons.notification && (\n                <NavbarIconExtended\n                  {...icons.notification}\n                  collapsed={collapsed}\n                />\n              )}\n              {icons.chat && (\n                <NavbarIconExtended {...icons.chat} collapsed={collapsed} />\n              )}\n            </div>\n          </div>\n        </div>\n\n        {/* Footer - Fixed at Bottom */}\n        <div className=\"pb-2\">\n          {/* Credits */}\n          <div\n            className={cn(\n              'flex items-center gap-2 cursor-pointer rounded-md transition-colors',\n              collapsed ? 'justify-center p-2' : 'p-2 py-2.5'\n            )}\n          ></div>\n          <div\n            className={cn(\n              'flex items-center gap-2 cursor-pointer rounded-md transition-colors',\n              collapsed ? 'justify-center p-2' : 'p-2 py-2.5'\n            )}\n          >\n            <NavbarIconExtended {...icons.help} collapsed={collapsed} />\n          </div>\n\n          <div className=\"px-2\">\n            <Separator />\n          </div>\n\n          {/* Profile */}\n          <Profile {...profile} collapsed={collapsed} />\n        </div>\n      </div>\n\n      {/* Credit Sheet */}\n      {!clickDisable && (\n        <CreditSheet\n          open={creditSheetOpen}\n          onClose={() => setCreditSheetOpen(false)}\n          credit_details={\n            totalCredits\n              ? `Available: ${credits}/${totalCredits}`\n              : `Available: ${credits}`\n          }\n          onRequestCredits={onRequestCredits}\n          onProceedToPayment={onProceedToPayment}\n          containerId=\"navbar-container\"\n          buyCreditsOptions={buyCreditsOptions}\n          minimumCreditsToBuy={minimumCreditsToBuy}\n          requestOnly={requestOnly}\n          className={cn(\n            'bg-light-1 pb-12 inset-y-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',\n            collapsed ? 'left-[66px]' : 'left-[218px]'\n          )}\n          dialogClassName=\"h-[150px] w-[150px] ml-4\"\n        />\n      )}\n    </>\n  )\n}\n"],"names":["ProfileHeader","name","email","classEllipsisAndOverflow","React","Typography","cn","NavbarIconExtended","alt","className","isActive","isNew","src","label","tooltipText","collapsed","wrapper","onClick","disabled","returnWrap","children","handleClick","e","navbarIcon","NewBlink","Tooltip","Badge","Separator","Profile","popoverOptions","Dropdown","Avatar","Logo","text","Credits","credits","totalCredits","onTopUp","topUpWrapper","CreditsIndicator","SectionTitle","title","NavbarExtended","icons","profile","logo","brandSwitcher","id","clickDisable","onRequestCredits","onProceedToPayment","buyCreditsOptions","minimumCreditsToBuy","requestOnly","onCollapsedChange","width","collapsedWidth","showToggle","togglePosition","sections","creditSheetOpen","setCreditSheetOpen","useState","toggleStyle","ChevronLeft","BrandSwitcher","section","sectionIndex","icon","index","CreditSheet"],"mappings":"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"}
+{"version":3,"file":"index48.es.js","sources":["../src/components/organisms/navbar/navbar-extended.tsx"],"sourcesContent":["import { Typography } from '@/components/atoms/typography'\nimport { Dropdown } from '@/components/molecules/dropdown-menu/dropdown-menu'\nimport { cn } from '@/lib/utils'\nimport React, { useState } from 'react'\nimport { NavbarExtendedProps, IconExtendedProps } from './navbar.types'\nimport { Avatar } from '@/components/atoms/avatar'\nimport { CreditSheet } from '@/components/ui/credit-sheet/credit-sheet'\nimport { CreditsIndicator } from '@/components/ui/credits-indicator'\nimport { BrandSwitcher } from '@/components/ui/brand-switcher'\n// import { ArrowLeft, ArrowRight } from 'lucide-react'\nimport { ChevronLeft } from 'lucide-react'\nimport Tooltip from '@/components/atoms/tooltip'\nimport { Badge } from '@/components/atoms/badge'\n\nconst ProfileHeader = ({ name = '', email = '' }) => {\n  if (!(name || email)) return null\n\n  const classEllipsisAndOverflow: React.ComponentProps<'div'>['className'] =\n    'text-ellipsis overflow-hidden'\n\n  return (\n    <div className=\"flex flex-col px-2\">\n      {name && (\n        <Typography\n          variant=\"body4\"\n          className={cn('text-light-1', classEllipsisAndOverflow)}\n        >\n          {name}\n        </Typography>\n      )}\n      {email && (\n        <Typography\n          variant=\"body5\"\n          className={cn('text-light-3', classEllipsisAndOverflow)}\n        >\n          {email}\n        </Typography>\n      )}\n    </div>\n  )\n}\n\nconst NavbarIconExtended: React.FC<IconExtendedProps> = ({\n  alt,\n  className,\n  isActive = false,\n  isNew = false,\n  src,\n  label,\n  tooltipText = '',\n  collapsed = false,\n  wrapper = null,\n  onClick,\n  disabled = false,\n}) => {\n  const returnWrap = (children: React.ReactNode) =>\n    wrapper?.(children) ?? children\n\n  const handleClick = (e: React.MouseEvent<HTMLDivElement>) => {\n    if (disabled) {\n      e.preventDefault()\n      e.stopPropagation()\n      return\n    }\n    onClick?.()\n  }\n\n  const navbarIcon = (\n    <div\n      className={cn(\n        'flex items-center gap-3 px-3 py-2 rounded-md hover:bg-hover-s3 cursor-pointer relative transition-colors',\n        isActive &&\n          \"bg-primary-3/15 overflow-hidden before:content-[''] before:absolute before:left-0 before:inset-y-0 before:w-[3px] before:bg-gradient-to-b before:from-[#F19089] before:via-[#B16DBA] before:to-[#6D48EF]\",\n        collapsed && 'justify-center px-2 mx-2',\n        disabled && 'opacity-50 cursor-not-allowed pointer-events-auto',\n        className\n      )}\n      onClick={handleClick}\n      aria-disabled={disabled}\n      tabIndex={disabled ? -1 : 0}\n    >\n      <div className=\"relative flex items-center justify-center flex-shrink-0 w-5 h-5\">\n        <img src={src} alt={alt} className=\"w-5 h-5\" />\n        <NewBlink isNew={isNew} />\n      </div>\n      {!collapsed && (\n        <Typography variant={'body4'} className=\"flex-1 truncate text-dark-1\">\n          {label}\n        </Typography>\n      )}\n    </div>\n  )\n\n  // Show tooltip only when collapsed and tooltipText exists\n  if (collapsed && tooltipText) {\n    return returnWrap(\n      // REMOVE the <div className=\"relative\"> wrapper\n      <Tooltip\n        content=\"\"\n        headerText={\n          (\n            <div className=\"flex items-center gap-2\">\n              {isNew && (\n                <Badge variant=\"gradient\" size=\"sm\">\n                  NEW\n                </Badge>\n              )}\n              <div>{tooltipText}</div>\n            </div>\n          ) as unknown as string\n        }\n        sideOffset={12}\n        triggerElement={navbarIcon}\n        delayDuration={100}\n        side=\"right\"\n      />\n    )\n  }\n\n  return returnWrap(navbarIcon)\n}\n\nconst Separator = () => (\n  <div className=\"my-2 h-[1px] w-full bg-white opacity-20\" />\n)\n\nconst NewBlink: React.FC<Pick<IconExtendedProps, 'isNew'>> = ({ isNew }) =>\n  isNew ? (\n    <div className=\"absolute w-[6px] h-[6px] rounded-full bottom-0 right-0 bg-secondary-2\" />\n  ) : null\n\nconst Profile: React.FC<NavbarExtendedProps['profile']> = ({\n  src,\n  popoverOptions,\n  name = '',\n  email = '',\n  collapsed = false,\n}) => (\n  <Dropdown\n    dropdownContentProps={{\n      sideOffset: 8,\n      side: 'right',\n      align: 'end',\n      style: { width: '200px' },\n    }}\n    trigger={\n      <button\n        className={cn(\n          'flex w-full items-center gap-3 p-3 hover:bg-hover-s3 transition-colors rounded-md cursor-pointer',\n          collapsed && 'justify-center p-2'\n        )}\n      >\n        <Avatar\n          imageSrc={src ?? ''}\n          size=\"md\"\n          alt=\"avatar\"\n          fallback={\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/Avatar_e5ab891e67.svg\"\n              alt=\"avatar\"\n              className=\"w-10 h-10\"\n            />\n          }\n        />\n        {!collapsed && (\n          <div className=\"flex-1 text-left\">\n            <Typography\n              variant=\"body4\"\n              className=\"text-dark-1 mb-0.5 truncate\"\n              style={{ maxWidth: '140px' }}\n            >\n              {name}\n            </Typography>\n            <Typography\n              variant=\"body6\"\n              className=\"truncate text-dark-1\"\n              style={{ maxWidth: '140px' }}\n            >\n              {email}\n            </Typography>\n          </div>\n        )}\n      </button>\n    }\n    header={<ProfileHeader {...{ name, email }} />}\n    optionGroups={popoverOptions}\n  />\n)\n\nconst Logo: React.FC<NavbarExtendedProps['logo'] & { collapsed: boolean }> = ({\n  src,\n  alt,\n  text,\n  collapsed,\n}) => (\n  <div className={cn('flex items-center gap-3', collapsed && 'justify-center')}>\n    <div className=\"flex-shrink-0\">\n      <img src={src} alt={alt} className=\"w-10 h-10\" />\n    </div>\n    {!collapsed && (\n      <Typography variant=\"h3\" className=\"text-dark-1\">\n        {text}\n      </Typography>\n    )}\n  </div>\n)\n\nconst Credits: React.FC<{\n  credits: number\n  totalCredits?: number | null\n  collapsed: boolean\n  onTopUp?: () => void\n  topUpWrapper?: (children: React.ReactNode) => React.ReactElement\n}> = ({ credits, totalCredits, collapsed, onTopUp, topUpWrapper }) => {\n  if (credits < 0) return null\n  return (\n    <div className={cn('pb-4', collapsed ? 'flex justify-center' : 'px-3')}>\n      <CreditsIndicator\n        remaining={credits}\n        total={totalCredits ?? credits}\n        collapsed={collapsed}\n        onTopUp={onTopUp}\n        topUpWrapper={topUpWrapper}\n        size=\"md\"\n        className={collapsed ? '' : 'w-full'}\n      />\n    </div>\n  )\n}\n\nconst SectionTitle: React.FC<{ title: string; collapsed: boolean }> = ({\n  title,\n  collapsed,\n}) => (\n  <Typography\n    variant=\"body6\"\n    className={cn(\n      'mb-2 text-white/50 truncate',\n      collapsed ? 'text-[10px] text-center px-1' : 'px-2'\n    )}\n  >\n    {title}\n  </Typography>\n)\n\nexport const NavbarExtended: React.FC<NavbarExtendedProps> = ({\n  icons,\n  credits = -1,\n  totalCredits = null,\n  profile,\n  logo,\n  brandSwitcher,\n  className = '',\n  id,\n  clickDisable = false,\n  onRequestCredits,\n  onProceedToPayment,\n  buyCreditsOptions,\n  minimumCreditsToBuy,\n  requestOnly,\n  collapsed = false,\n  onCollapsedChange,\n  width = '218px',\n  collapsedWidth = '72px',\n  showToggle = true,\n  togglePosition = { top: '24px', right: '-14px' },\n  sections = [\n    { title: 'Analyse', items: [] },\n    { title: 'Expand', items: [] },\n  ],\n}) => {\n  const [creditSheetOpen, setCreditSheetOpen] = useState(false)\n\n  const toggleStyle: React.CSSProperties = {\n    top: togglePosition.top,\n    right: togglePosition.right,\n    left: togglePosition.left,\n    bottom: togglePosition.bottom,\n  }\n\n  return (\n    <>\n      <div\n        className={cn(\n          'bg-dark-2 h-full flex flex-col transition-all duration-300 ease-in-out relative',\n          className\n        )}\n        style={{\n          width: collapsed ? collapsedWidth : width,\n        }}\n        id={id}\n      >\n        {showToggle && (\n          <div className=\"absolute z-10\" style={toggleStyle}>\n            <button\n              type=\"button\"\n              onClick={() => onCollapsedChange?.(!collapsed)}\n              aria-label={collapsed ? 'Expand sidebar' : 'Collapse sidebar'}\n              className={cn(\n                'flex items-center justify-center w-7 h-7 rounded-full',\n                'bg-dark-2 border border-white/60 shadow-md',\n                'text-white/60 hover:text-white hover:bg-[rgb(45,45,45)]',\n                'transition-colors'\n              )}\n            >\n              <ChevronLeft\n                className={cn(\n                  'w-3.5 h-3.5 transition-transform duration-300',\n                  collapsed && 'rotate-180'\n                )}\n              />\n            </button>\n          </div>\n        )}\n\n        {/* Header with Logo */}\n        <div className=\"px-3 py-4\">\n          <Logo {...logo} collapsed={collapsed} />\n        </div>\n\n        {/* Brand Switcher */}\n        {brandSwitcher && (\n          <div className={cn('pb-3', collapsed ? 'px-2' : 'px-3')}>\n            <BrandSwitcher {...brandSwitcher} collapsed={collapsed} />\n          </div>\n        )}\n\n        <Credits\n          credits={credits}\n          totalCredits={totalCredits}\n          collapsed={collapsed}\n          onTopUp={icons.invoices?.onClick}\n          topUpWrapper={icons.invoices?.wrapper ?? undefined}\n        />\n        {/* Main Content - Scrollable */}\n        <div className=\"flex-1 px-2 overflow-y-auto\">\n          {/* Main Icons by Sections */}\n          {sections.map((section, sectionIndex) => (\n            <div\n              key={sectionIndex}\n              className={cn(\n                'mb-4',\n                sectionIndex > 0 && 'mt-6' // Add extra top margin to sections after the first one\n              )}\n            >\n              <SectionTitle title={section.title} collapsed={collapsed} />\n              <div className=\"flex flex-col gap-1\">\n                {section.items.map((icon, index) => (\n                  <NavbarIconExtended\n                    key={index}\n                    {...icon}\n                    collapsed={collapsed}\n                  />\n                ))}\n              </div>\n            </div>\n          ))}\n\n          {/* Bottom Icons Section */}\n          <div className=\"pt-4 mt-4\">\n            <Separator />\n            <div className=\"flex flex-col gap-2\">\n              {icons.invoices && (\n                <NavbarIconExtended {...icons.invoices} collapsed={collapsed} />\n              )}\n              {icons.notification && (\n                <NavbarIconExtended\n                  {...icons.notification}\n                  collapsed={collapsed}\n                />\n              )}\n              {icons.chat && (\n                <NavbarIconExtended {...icons.chat} collapsed={collapsed} />\n              )}\n            </div>\n          </div>\n        </div>\n\n        {/* Footer - Fixed at Bottom */}\n        <div className=\"pb-2\">\n          {/* Credits */}\n          <div\n            className={cn(\n              'flex items-center gap-2 cursor-pointer rounded-md transition-colors',\n              collapsed ? 'justify-center p-2' : 'p-2 py-2.5'\n            )}\n          ></div>\n          <div\n            className={cn(\n              'flex items-center gap-2 cursor-pointer rounded-md transition-colors',\n              collapsed ? 'justify-center p-2' : 'p-2 py-2.5'\n            )}\n          >\n            <NavbarIconExtended {...icons.help} collapsed={collapsed} />\n          </div>\n\n          <div className=\"px-2\">\n            <Separator />\n          </div>\n\n          {/* Profile */}\n          <Profile {...profile} collapsed={collapsed} />\n        </div>\n      </div>\n\n      {/* Credit Sheet */}\n      {!clickDisable && (\n        <CreditSheet\n          open={creditSheetOpen}\n          onClose={() => setCreditSheetOpen(false)}\n          credit_details={\n            totalCredits\n              ? `Available: ${credits}/${totalCredits}`\n              : `Available: ${credits}`\n          }\n          onRequestCredits={onRequestCredits}\n          onProceedToPayment={onProceedToPayment}\n          containerId=\"navbar-container\"\n          buyCreditsOptions={buyCreditsOptions}\n          minimumCreditsToBuy={minimumCreditsToBuy}\n          requestOnly={requestOnly}\n          className={cn(\n            'bg-light-1 pb-12 inset-y-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',\n            collapsed ? 'left-[66px]' : 'left-[218px]'\n          )}\n          dialogClassName=\"h-[150px] w-[150px] ml-4\"\n        />\n      )}\n    </>\n  )\n}\n"],"names":["ProfileHeader","name","email","classEllipsisAndOverflow","React","Typography","cn","NavbarIconExtended","alt","className","isActive","isNew","src","label","tooltipText","collapsed","wrapper","onClick","disabled","returnWrap","children","handleClick","e","navbarIcon","NewBlink","Tooltip","Badge","Separator","Profile","popoverOptions","Dropdown","Avatar","Logo","text","Credits","credits","totalCredits","onTopUp","topUpWrapper","CreditsIndicator","SectionTitle","title","NavbarExtended","icons","profile","logo","brandSwitcher","id","clickDisable","onRequestCredits","onProceedToPayment","buyCreditsOptions","minimumCreditsToBuy","requestOnly","onCollapsedChange","width","collapsedWidth","showToggle","togglePosition","sections","creditSheetOpen","setCreditSheetOpen","useState","toggleStyle","ChevronLeft","BrandSwitcher","section","sectionIndex","icon","index","CreditSheet"],"mappings":"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"}

package/dist/{index.es49.js → index49.es.js}

@@ -1,5 +1,5 @@
 import u from "react";
-import { Breakpoints as c } from "./index.es50.js";
+import { Breakpoints as c } from "./index50.es.js";
 const b = (l) => {
   const { children: d, breakpoints: r = c, ...e } = l;
   let n = 0;
@@ -22,4 +22,4 @@ const b = (l) => {
 export {
   b as Responsive
 };
-//# sourceMappingURL=index.es49.js.map
+//# sourceMappingURL=index49.es.js.map

package/dist/{index.es49.js.map → index49.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es49.js","sources":["../src/components/ui/responsive/responsive.tsx"],"sourcesContent":["import React from 'react'\nimport { Breakpoints } from './responsive.config'\nimport { type ResponsiveTypesNS } from './responsive.types'\n\nexport const Responsive = <T = typeof Breakpoints,>(\n  props: ResponsiveTypesNS<T>['ResponsiveProps']\n) => {\n  const { children, breakpoints = Breakpoints, ...breakpointRenders } = props\n\n  let innerWidth = 0\n  if (typeof window !== 'undefined') innerWidth = window?.innerWidth ?? 0\n\n  const toRenderBreakpoint = React.useMemo((): keyof T | null => {\n    const keys = Object.keys(breakpointRenders)\n\n    if (keys.length === 0) return null\n    else {\n      let breakpointReturn = null\n      let breakpointLimit = 0\n\n      keys.forEach((key) => {\n        const breakpointValue = parseInt(\n          breakpoints[key as keyof (T | typeof Breakpoints)] as string\n        )\n        if (\n          innerWidth >= breakpointValue &&\n          breakpointValue > breakpointLimit\n        ) {\n          breakpointReturn = key\n          breakpointLimit = breakpointValue\n        }\n      })\n      return breakpointReturn\n    }\n  }, [innerWidth, breakpoints, breakpointRenders])\n\n  return toRenderBreakpoint\n    ? breakpointRenders[toRenderBreakpoint as keyof typeof breakpointRenders]\n    : children\n}\n"],"names":["Responsive","props","children","breakpoints","Breakpoints","breakpointRenders","innerWidth","toRenderBreakpoint","React","keys","breakpointReturn","breakpointLimit","key","breakpointValue"],"mappings":";;AAIO,MAAMA,IAAa,CACxBC,MACG;AACH,QAAM,EAAE,UAAAC,GAAU,aAAAC,IAAcC,GAAa,GAAGC,MAAsBJ;AAEtE,MAAIK,IAAa;AACjB,EAAI,OAAO,SAAW,QAAaA,IAAa,QAAQ,cAAc;AAEtE,QAAMC,IAAqBC,EAAM,QAAQ,MAAsB;AAC7D,UAAMC,IAAO,OAAO,KAAKJ,CAAiB;AAE1C,QAAII,EAAK,WAAW,EAAG,QAAO;AACzB;AACH,UAAIC,IAAmB,MACnBC,IAAkB;AAEtB,aAAAF,EAAK,QAAQ,CAACG,MAAQ;AACpB,cAAMC,IAAkB;AAAA,UACtBV,EAAYS,CAAqC;AAAA,QAAA;AAEnD,QACEN,KAAcO,KACdA,IAAkBF,MAElBD,IAAmBE,GACnBD,IAAkBE;AAAA,MAEtB,CAAC,GACMH;AAAA,IACT;AAAA,EACF,GAAG,CAACJ,GAAYH,GAAaE,CAAiB,CAAC;AAE/C,SAAOE,IACHF,EAAkBE,CAAoD,IACtEL;AACN;"}
+{"version":3,"file":"index49.es.js","sources":["../src/components/ui/responsive/responsive.tsx"],"sourcesContent":["import React from 'react'\nimport { Breakpoints } from './responsive.config'\nimport { type ResponsiveTypesNS } from './responsive.types'\n\nexport const Responsive = <T = typeof Breakpoints,>(\n  props: ResponsiveTypesNS<T>['ResponsiveProps']\n) => {\n  const { children, breakpoints = Breakpoints, ...breakpointRenders } = props\n\n  let innerWidth = 0\n  if (typeof window !== 'undefined') innerWidth = window?.innerWidth ?? 0\n\n  const toRenderBreakpoint = React.useMemo((): keyof T | null => {\n    const keys = Object.keys(breakpointRenders)\n\n    if (keys.length === 0) return null\n    else {\n      let breakpointReturn = null\n      let breakpointLimit = 0\n\n      keys.forEach((key) => {\n        const breakpointValue = parseInt(\n          breakpoints[key as keyof (T | typeof Breakpoints)] as string\n        )\n        if (\n          innerWidth >= breakpointValue &&\n          breakpointValue > breakpointLimit\n        ) {\n          breakpointReturn = key\n          breakpointLimit = breakpointValue\n        }\n      })\n      return breakpointReturn\n    }\n  }, [innerWidth, breakpoints, breakpointRenders])\n\n  return toRenderBreakpoint\n    ? breakpointRenders[toRenderBreakpoint as keyof typeof breakpointRenders]\n    : children\n}\n"],"names":["Responsive","props","children","breakpoints","Breakpoints","breakpointRenders","innerWidth","toRenderBreakpoint","React","keys","breakpointReturn","breakpointLimit","key","breakpointValue"],"mappings":";;AAIO,MAAMA,IAAa,CACxBC,MACG;AACH,QAAM,EAAE,UAAAC,GAAU,aAAAC,IAAcC,GAAa,GAAGC,MAAsBJ;AAEtE,MAAIK,IAAa;AACjB,EAAI,OAAO,SAAW,QAAaA,IAAa,QAAQ,cAAc;AAEtE,QAAMC,IAAqBC,EAAM,QAAQ,MAAsB;AAC7D,UAAMC,IAAO,OAAO,KAAKJ,CAAiB;AAE1C,QAAII,EAAK,WAAW,EAAG,QAAO;AACzB;AACH,UAAIC,IAAmB,MACnBC,IAAkB;AAEtB,aAAAF,EAAK,QAAQ,CAACG,MAAQ;AACpB,cAAMC,IAAkB;AAAA,UACtBV,EAAYS,CAAqC;AAAA,QAAA;AAEnD,QACEN,KAAcO,KACdA,IAAkBF,MAElBD,IAAmBE,GACnBD,IAAkBE;AAAA,MAEtB,CAAC,GACMH;AAAA,IACT;AAAA,EACF,GAAG,CAACJ,GAAYH,GAAaE,CAAiB,CAAC;AAE/C,SAAOE,IACHF,EAAkBE,CAAoD,IACtEL;AACN;"}

package/dist/{index.es5.js → index5.es.js}

@@ -1,7 +1,7 @@
 import * as e from "react";
 import * as t from "@radix-ui/react-accordion";
 import { ChevronDown as c } from "lucide-react";
-import { cn as i } from "./index.es89.js";
+import { cn as i } from "./index89.es.js";
 const p = t.Root, m = e.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ e.createElement(
   t.Item,
   {
@@ -41,4 +41,4 @@ export {
   m as AccordionItem,
   s as AccordionTrigger
 };
-//# sourceMappingURL=index.es5.js.map
+//# sourceMappingURL=index5.es.js.map

package/dist/{index.es5.js.map → index5.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es5.js","sources":["../src/components/atoms/accordion/accordion-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as AccordionPrimitive from '@radix-ui/react-accordion'\nimport { ChevronDown } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst Accordion = AccordionPrimitive.Root\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item\n    ref={ref}\n    className={cn('border-b pb-2 border-light-1', className)}\n    {...props}\n  />\n))\nAccordionItem.displayName = 'AccordionItem'\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'flex flex-1 items-center justify-between font-medium transition-all [&[data-state=open]>svg]:rotate-180',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDown className=\"h-4 w-4 shrink-0 transition-transform duration-200\" />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n))\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className=\"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n    {...props}\n  >\n    <div className={cn('pt-0', className)}>{children}</div>\n  </AccordionPrimitive.Content>\n))\n\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"names":["Accordion","AccordionPrimitive","AccordionItem","React","className","props","ref","cn","AccordionTrigger","children","ChevronDown","AccordionContent"],"mappings":";;;;AAQA,MAAMA,IAAYC,EAAmB,MAE/BC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC,EAAG,gCAAgCH,CAAS;AAAA,IACtD,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAc;AAE5B,MAAMM,IAAmBL,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAK,GAAU,GAAGJ,KAASC,MACpC,gBAAAH,EAAA,cAACF,EAAmB,QAAnB,EAA0B,WAAU,OAAA,GACnC,gBAAAE,EAAA;AAAA,EAACF,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AAAA,EAEHI;AAAA,EACD,gBAAAN,EAAA,cAACO,GAAA,EAAY,WAAU,qDAAA,CAAqD;AAC9E,CACF,CACD;AACDF,EAAiB,cAAcP,EAAmB,QAAQ;AAE1D,MAAMU,IAAmBR,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAK,GAAU,GAAGJ,EAAA,GAASC,MACpC,gBAAAH,EAAA;AAAA,EAACF,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAU;AAAA,IACT,GAAGD;AAAA,EAAA;AAAA,kCAEH,OAAA,EAAI,WAAWE,EAAG,QAAQH,CAAS,KAAIK,CAAS;AACnD,CACD;AAEDE,EAAiB,cAAcV,EAAmB,QAAQ;"}
+{"version":3,"file":"index5.es.js","sources":["../src/components/atoms/accordion/accordion-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as AccordionPrimitive from '@radix-ui/react-accordion'\nimport { ChevronDown } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\nconst Accordion = AccordionPrimitive.Root\n\nconst AccordionItem = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Item>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Item>\n>(({ className, ...props }, ref) => (\n  <AccordionPrimitive.Item\n    ref={ref}\n    className={cn('border-b pb-2 border-light-1', className)}\n    {...props}\n  />\n))\nAccordionItem.displayName = 'AccordionItem'\n\nconst AccordionTrigger = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Trigger>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Trigger>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Header className=\"flex\">\n    <AccordionPrimitive.Trigger\n      ref={ref}\n      className={cn(\n        'flex flex-1 items-center justify-between font-medium transition-all [&[data-state=open]>svg]:rotate-180',\n        className\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronDown className=\"h-4 w-4 shrink-0 transition-transform duration-200\" />\n    </AccordionPrimitive.Trigger>\n  </AccordionPrimitive.Header>\n))\nAccordionTrigger.displayName = AccordionPrimitive.Trigger.displayName\n\nconst AccordionContent = React.forwardRef<\n  React.ElementRef<typeof AccordionPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AccordionPrimitive.Content>\n>(({ className, children, ...props }, ref) => (\n  <AccordionPrimitive.Content\n    ref={ref}\n    className=\"overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down\"\n    {...props}\n  >\n    <div className={cn('pt-0', className)}>{children}</div>\n  </AccordionPrimitive.Content>\n))\n\nAccordionContent.displayName = AccordionPrimitive.Content.displayName\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n"],"names":["Accordion","AccordionPrimitive","AccordionItem","React","className","props","ref","cn","AccordionTrigger","children","ChevronDown","AccordionContent"],"mappings":";;;;AAQA,MAAMA,IAAYC,EAAmB,MAE/BC,IAAgBC,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACF,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC,EAAG,gCAAgCH,CAAS;AAAA,IACtD,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAc,cAAc;AAE5B,MAAMM,IAAmBL,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAK,GAAU,GAAGJ,KAASC,MACpC,gBAAAH,EAAA,cAACF,EAAmB,QAAnB,EAA0B,WAAU,OAAA,GACnC,gBAAAE,EAAA;AAAA,EAACF,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AAAA,EAEHI;AAAA,EACD,gBAAAN,EAAA,cAACO,GAAA,EAAY,WAAU,qDAAA,CAAqD;AAC9E,CACF,CACD;AACDF,EAAiB,cAAcP,EAAmB,QAAQ;AAE1D,MAAMU,IAAmBR,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,UAAAK,GAAU,GAAGJ,EAAA,GAASC,MACpC,gBAAAH,EAAA;AAAA,EAACF,EAAmB;AAAA,EAAnB;AAAA,IACC,KAAAK;AAAA,IACA,WAAU;AAAA,IACT,GAAGD;AAAA,EAAA;AAAA,kCAEH,OAAA,EAAI,WAAWE,EAAG,QAAQH,CAAS,KAAIK,CAAS;AACnD,CACD;AAEDE,EAAiB,cAAcV,EAAmB,QAAQ;"}

package/dist/{index.es50.js → index50.es.js}

@@ -9,4 +9,4 @@ const x = {
 export {
   x as Breakpoints
 };
-//# sourceMappingURL=index.es50.js.map
+//# sourceMappingURL=index50.es.js.map

package/dist/{index.es50.js.map → index50.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es50.js","sources":["../src/components/ui/responsive/responsive.config.ts"],"sourcesContent":["import { ResponsiveTypesNS } from './responsive.types'\n\n/**\n *  Actually Tailwind's default Breakpoints.\n *  For more info see: https://tailwindcss.com/docs/responsive-design#customizing-your-theme\n */\nexport const Breakpoints = {\n  sm: '640px',\n  md: '768px',\n  lg: '1024px',\n  xl: '1280px',\n  xl2: '1536px', // Renamed from 2xl to xl2 for JS Object key compatibility\n} satisfies ResponsiveTypesNS<unknown>['BreakpointsType']\n"],"names":["Breakpoints"],"mappings":"AAMO,MAAMA,IAAc;AAAA,EACzB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AAAA;AACP;"}
+{"version":3,"file":"index50.es.js","sources":["../src/components/ui/responsive/responsive.config.ts"],"sourcesContent":["import { ResponsiveTypesNS } from './responsive.types'\n\n/**\n *  Actually Tailwind's default Breakpoints.\n *  For more info see: https://tailwindcss.com/docs/responsive-design#customizing-your-theme\n */\nexport const Breakpoints = {\n  sm: '640px',\n  md: '768px',\n  lg: '1024px',\n  xl: '1280px',\n  xl2: '1536px', // Renamed from 2xl to xl2 for JS Object key compatibility\n} satisfies ResponsiveTypesNS<unknown>['BreakpointsType']\n"],"names":["Breakpoints"],"mappings":"AAMO,MAAMA,IAAc;AAAA,EACzB,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,KAAK;AAAA;AACP;"}

package/dist/{index.es51.js → index51.es.js}

@@ -1,5 +1,5 @@
 import p from "react";
-import { Breakpoints as u } from "./index.es50.js";
+import { Breakpoints as u } from "./index50.es.js";
 const b = (a) => {
   const e = a ?? u;
   let t = 0;
@@ -20,4 +20,4 @@ const b = (a) => {
 export {
   b as useResponsive
 };
-//# sourceMappingURL=index.es51.js.map
+//# sourceMappingURL=index51.es.js.map

package/dist/{index.es51.js.map → index51.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es51.js","sources":["../src/components/ui/responsive/use-responsive.ts"],"sourcesContent":["import React from 'react'\nimport { Breakpoints } from './responsive.config'\nimport { ResponsiveTypesNS } from './responsive.types'\n\ntype ReturnType<T> = keyof T | 'base'\n\nexport const useResponsive = <\n  T extends ResponsiveTypesNS<unknown>['BreakpointsType'] = typeof Breakpoints,\n>(\n  breakpointsObj?: T\n): ReturnType<T> => {\n  const breakpoints = breakpointsObj ?? Breakpoints\n\n  let innerWidth = 0\n  if (typeof window !== 'undefined') innerWidth = window?.innerWidth ?? 0\n\n  const currentBreakpoint = React.useMemo((): ReturnType<T> => {\n    const keys = Object.keys(breakpoints)\n\n    if (keys.length === 0) return 'base'\n    else {\n      let breakpointReturn: ReturnType<T> = 'base'\n      let breakpointLimit = 0\n\n      keys.forEach((key) => {\n        const breakpointValue = parseInt(\n          breakpoints[key as keyof (T | typeof Breakpoints)] as string\n        )\n        if (\n          innerWidth >= breakpointValue &&\n          breakpointValue > breakpointLimit\n        ) {\n          breakpointReturn = key as ReturnType<T>\n          breakpointLimit = breakpointValue\n        }\n      })\n\n      return breakpointReturn\n    }\n  }, [innerWidth, breakpoints])\n\n  return currentBreakpoint\n}\n"],"names":["useResponsive","breakpointsObj","breakpoints","Breakpoints","innerWidth","React","keys","breakpointReturn","breakpointLimit","key","breakpointValue"],"mappings":";;AAMO,MAAMA,IAAgB,CAG3BC,MACkB;AAClB,QAAMC,IAAcD,KAAkBE;AAEtC,MAAIC,IAAa;AACjB,SAAI,OAAO,SAAW,QAAaA,IAAa,QAAQ,cAAc,IAE5CC,EAAM,QAAQ,MAAqB;AAC3D,UAAMC,IAAO,OAAO,KAAKJ,CAAW;AAEpC,QAAII,EAAK,WAAW,EAAG,QAAO;AACzB;AACH,UAAIC,IAAkC,QAClCC,IAAkB;AAEtB,aAAAF,EAAK,QAAQ,CAACG,MAAQ;AACpB,cAAMC,IAAkB;AAAA,UACtBR,EAAYO,CAAqC;AAAA,QAAA;AAEnD,QACEL,KAAcM,KACdA,IAAkBF,MAElBD,IAAmBE,GACnBD,IAAkBE;AAAA,MAEtB,CAAC,GAEMH;AAAA,IACT;AAAA,EACF,GAAG,CAACH,GAAYF,CAAW,CAAC;AAG9B;"}
+{"version":3,"file":"index51.es.js","sources":["../src/components/ui/responsive/use-responsive.ts"],"sourcesContent":["import React from 'react'\nimport { Breakpoints } from './responsive.config'\nimport { ResponsiveTypesNS } from './responsive.types'\n\ntype ReturnType<T> = keyof T | 'base'\n\nexport const useResponsive = <\n  T extends ResponsiveTypesNS<unknown>['BreakpointsType'] = typeof Breakpoints,\n>(\n  breakpointsObj?: T\n): ReturnType<T> => {\n  const breakpoints = breakpointsObj ?? Breakpoints\n\n  let innerWidth = 0\n  if (typeof window !== 'undefined') innerWidth = window?.innerWidth ?? 0\n\n  const currentBreakpoint = React.useMemo((): ReturnType<T> => {\n    const keys = Object.keys(breakpoints)\n\n    if (keys.length === 0) return 'base'\n    else {\n      let breakpointReturn: ReturnType<T> = 'base'\n      let breakpointLimit = 0\n\n      keys.forEach((key) => {\n        const breakpointValue = parseInt(\n          breakpoints[key as keyof (T | typeof Breakpoints)] as string\n        )\n        if (\n          innerWidth >= breakpointValue &&\n          breakpointValue > breakpointLimit\n        ) {\n          breakpointReturn = key as ReturnType<T>\n          breakpointLimit = breakpointValue\n        }\n      })\n\n      return breakpointReturn\n    }\n  }, [innerWidth, breakpoints])\n\n  return currentBreakpoint\n}\n"],"names":["useResponsive","breakpointsObj","breakpoints","Breakpoints","innerWidth","React","keys","breakpointReturn","breakpointLimit","key","breakpointValue"],"mappings":";;AAMO,MAAMA,IAAgB,CAG3BC,MACkB;AAClB,QAAMC,IAAcD,KAAkBE;AAEtC,MAAIC,IAAa;AACjB,SAAI,OAAO,SAAW,QAAaA,IAAa,QAAQ,cAAc,IAE5CC,EAAM,QAAQ,MAAqB;AAC3D,UAAMC,IAAO,OAAO,KAAKJ,CAAW;AAEpC,QAAII,EAAK,WAAW,EAAG,QAAO;AACzB;AACH,UAAIC,IAAkC,QAClCC,IAAkB;AAEtB,aAAAF,EAAK,QAAQ,CAACG,MAAQ;AACpB,cAAMC,IAAkB;AAAA,UACtBR,EAAYO,CAAqC;AAAA,QAAA;AAEnD,QACEL,KAAcM,KACdA,IAAkBF,MAElBD,IAAmBE,GACnBD,IAAkBE;AAAA,MAEtB,CAAC,GAEMH;AAAA,IACT;AAAA,EACF,GAAG,CAACH,GAAYF,CAAW,CAAC;AAG9B;"}

package/dist/{index.es52.js → index52.es.js}

@@ -1,6 +1,6 @@
-import { Typography as m } from "./index.es19.js";
+import { Typography as m } from "./index19.es.js";
 import e from "react";
-import { Skeleton as S } from "./index.es14.js";
+import { Skeleton as S } from "./index14.es.js";
 const u = {
   /**
    * utility function to get full and half stars count
@@ -71,4 +71,4 @@ export {
   x as StarScore,
   u as StarScoreUtils
 };
-//# sourceMappingURL=index.es52.js.map
+//# sourceMappingURL=index52.es.js.map

package/dist/{index.es52.js.map → index52.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es52.js","sources":["../src/components/ui/star-score/star-score.tsx"],"sourcesContent":["import { Typography } from '@/components/atoms/typography'\nimport React from 'react'\nimport { StarScoreUtilsType, StarScoreTypes } from './star-score.types'\nimport { Skeleton } from '@/components/atoms/skeleton'\n\nexport const StarScoreUtils: StarScoreUtilsType = {\n  /**\n   * utility function to get full and half stars count\n   */\n  getStarsCount: (score: number) => {\n    if (score < 0 || score > 100) return { full: 0, half: 0, error: true }\n\n    const getValidScore = (full: number, half: number) => ({\n      full,\n      half,\n      error: false,\n    })\n\n    const full = Math.floor(score / 20)\n    const remainder = score % 20\n    if (remainder === 0) return getValidScore(full, 0)\n    else {\n      const half = remainder / 10\n      if (half <= 1) return getValidScore(full, 1)\n      else return getValidScore(full + 1, 0)\n    }\n  },\n\n  /**\n   * utility function to convert score from string to 'out of 5'\n   */\n  getScoreOutOf5: function (score: number): number {\n    const { full = 0, half = 0, error = false } = this.getStarsCount(score)\n\n    if (error) return 0\n\n    return full * 1 + half * 0.5\n  },\n}\n\nexport const StarScore = (props: StarScoreTypes) => {\n  const {\n    score = 0,\n    starSize = 24,\n    starGap = 1,\n    isLoading = false,\n    showScore = false,\n    showScorePercentage = false,\n  } = props\n\n  const toUseScore = isFinite(score) ? +score : 0\n  const {\n    full = 0,\n    half = 0,\n    error = false,\n  } = StarScoreUtils.getStarsCount(toUseScore)\n\n  const empty = 5 - (full + half)\n\n  const commonProps: Partial<React.ImgHTMLAttributes<HTMLImageElement>> = {\n    height: starSize,\n    width: starSize,\n  }\n\n  if (isLoading) {\n    const totalWidth = 5 * starSize + 4 * starGap\n    const totalHeight = starSize\n\n    return <Skeleton style={{ width: totalWidth, height: totalHeight }} />\n  }\n\n  // score > 100 or score < 0\n  if (error)\n    return (\n      <Typography variant=\"display1\" className=\"text-light-1\">\n        NA\n      </Typography>\n    )\n\n  return (\n    <div className=\"flex items-center\" style={{ gap: starGap }}>\n      <div className=\"flex\" style={{ gap: starGap }}>\n        {/* Completely filled stars */}\n        {Array(full)\n          .fill(1)\n          .map((_, i) => (\n            <img\n              key={i}\n              src=\"https://frontend-static-files.geoiq.io/strapi/rating_star_full_0ddf33ca2f.svg\"\n              alt=\"full-star\"\n              {...commonProps}\n            />\n          ))}\n\n        {/* Half filled stars */}\n        {Array(half)\n          .fill(1)\n          .map((_, i) => (\n            <img\n              key={i}\n              src=\"https://frontend-static-files.geoiq.io/strapi/rating_star_half_dbe5b8f659.svg\"\n              alt=\"half-star\"\n              {...commonProps}\n            />\n          ))}\n\n        {/* Empty stars */}\n        {Array(empty)\n          .fill(1)\n          .map((_, i) => (\n            <img\n              key={i}\n              src=\"https://frontend-static-files.geoiq.io/strapi/rating_star_empty_e05d9a2463.svg\"\n              alt=\"empty-star\"\n              {...commonProps}\n            />\n          ))}\n      </div>\n\n      {/* Display score */}\n      {showScore ? (\n        <Typography variant=\"body5\" className=\"ml-1 text-light-3\">\n          {StarScoreUtils.getScoreOutOf5(toUseScore).toFixed(1)}/5\n        </Typography>\n      ) : null}\n      {showScorePercentage ? (\n        <Typography variant=\"body5\" className=\"ml-1 text-light-3\">\n          ({toUseScore}%)\n        </Typography>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["StarScoreUtils","score","getValidScore","full","half","remainder","error","StarScore","props","starSize","starGap","isLoading","showScore","showScorePercentage","toUseScore","empty","commonProps","totalWidth","totalHeight","React","Skeleton","Typography","_","i"],"mappings":"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"}
+{"version":3,"file":"index52.es.js","sources":["../src/components/ui/star-score/star-score.tsx"],"sourcesContent":["import { Typography } from '@/components/atoms/typography'\nimport React from 'react'\nimport { StarScoreUtilsType, StarScoreTypes } from './star-score.types'\nimport { Skeleton } from '@/components/atoms/skeleton'\n\nexport const StarScoreUtils: StarScoreUtilsType = {\n  /**\n   * utility function to get full and half stars count\n   */\n  getStarsCount: (score: number) => {\n    if (score < 0 || score > 100) return { full: 0, half: 0, error: true }\n\n    const getValidScore = (full: number, half: number) => ({\n      full,\n      half,\n      error: false,\n    })\n\n    const full = Math.floor(score / 20)\n    const remainder = score % 20\n    if (remainder === 0) return getValidScore(full, 0)\n    else {\n      const half = remainder / 10\n      if (half <= 1) return getValidScore(full, 1)\n      else return getValidScore(full + 1, 0)\n    }\n  },\n\n  /**\n   * utility function to convert score from string to 'out of 5'\n   */\n  getScoreOutOf5: function (score: number): number {\n    const { full = 0, half = 0, error = false } = this.getStarsCount(score)\n\n    if (error) return 0\n\n    return full * 1 + half * 0.5\n  },\n}\n\nexport const StarScore = (props: StarScoreTypes) => {\n  const {\n    score = 0,\n    starSize = 24,\n    starGap = 1,\n    isLoading = false,\n    showScore = false,\n    showScorePercentage = false,\n  } = props\n\n  const toUseScore = isFinite(score) ? +score : 0\n  const {\n    full = 0,\n    half = 0,\n    error = false,\n  } = StarScoreUtils.getStarsCount(toUseScore)\n\n  const empty = 5 - (full + half)\n\n  const commonProps: Partial<React.ImgHTMLAttributes<HTMLImageElement>> = {\n    height: starSize,\n    width: starSize,\n  }\n\n  if (isLoading) {\n    const totalWidth = 5 * starSize + 4 * starGap\n    const totalHeight = starSize\n\n    return <Skeleton style={{ width: totalWidth, height: totalHeight }} />\n  }\n\n  // score > 100 or score < 0\n  if (error)\n    return (\n      <Typography variant=\"display1\" className=\"text-light-1\">\n        NA\n      </Typography>\n    )\n\n  return (\n    <div className=\"flex items-center\" style={{ gap: starGap }}>\n      <div className=\"flex\" style={{ gap: starGap }}>\n        {/* Completely filled stars */}\n        {Array(full)\n          .fill(1)\n          .map((_, i) => (\n            <img\n              key={i}\n              src=\"https://frontend-static-files.geoiq.io/strapi/rating_star_full_0ddf33ca2f.svg\"\n              alt=\"full-star\"\n              {...commonProps}\n            />\n          ))}\n\n        {/* Half filled stars */}\n        {Array(half)\n          .fill(1)\n          .map((_, i) => (\n            <img\n              key={i}\n              src=\"https://frontend-static-files.geoiq.io/strapi/rating_star_half_dbe5b8f659.svg\"\n              alt=\"half-star\"\n              {...commonProps}\n            />\n          ))}\n\n        {/* Empty stars */}\n        {Array(empty)\n          .fill(1)\n          .map((_, i) => (\n            <img\n              key={i}\n              src=\"https://frontend-static-files.geoiq.io/strapi/rating_star_empty_e05d9a2463.svg\"\n              alt=\"empty-star\"\n              {...commonProps}\n            />\n          ))}\n      </div>\n\n      {/* Display score */}\n      {showScore ? (\n        <Typography variant=\"body5\" className=\"ml-1 text-light-3\">\n          {StarScoreUtils.getScoreOutOf5(toUseScore).toFixed(1)}/5\n        </Typography>\n      ) : null}\n      {showScorePercentage ? (\n        <Typography variant=\"body5\" className=\"ml-1 text-light-3\">\n          ({toUseScore}%)\n        </Typography>\n      ) : null}\n    </div>\n  )\n}\n"],"names":["StarScoreUtils","score","getValidScore","full","half","remainder","error","StarScore","props","starSize","starGap","isLoading","showScore","showScorePercentage","toUseScore","empty","commonProps","totalWidth","totalHeight","React","Skeleton","Typography","_","i"],"mappings":"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"}

package/dist/{index.es53.js → index53.es.js}

@@ -1,10 +1,10 @@
 import e, { useState as z } from "react";
-import { Typography as a } from "./index.es19.js";
-import { Badge as f } from "./index.es8.js";
-import { StarScore as B } from "./index.es52.js";
-import { Button as G } from "./index.es9.js";
-import { Skeleton as l } from "./index.es14.js";
-import { StoreInsightsSection as I, StoreOverviewSection as R, FootfallChartSection as P, CannibalisationChartSection as q, ReportSnippetGalleryView as F } from "./index.es98.js";
+import { Typography as a } from "./index19.es.js";
+import { Badge as f } from "./index8.es.js";
+import { StarScore as B } from "./index52.es.js";
+import { Button as G } from "./index9.es.js";
+import { Skeleton as l } from "./index14.es.js";
+import { StoreInsightsSection as I, StoreOverviewSection as R, FootfallChartSection as P, CannibalisationChartSection as q, ReportSnippetGalleryView as F } from "./index131.es.js";
 const Y = ({
   map: E,
   title: y,
@@ -144,4 +144,4 @@ const Y = ({
 export {
   Y as default
 };
-//# sourceMappingURL=index.es53.js.map
+//# sourceMappingURL=index53.es.js.map

package/dist/{index.es53.js.map → index53.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es53.js","sources":["../src/components/ui/report-snippet-view/report-snippet-view.tsx"],"sourcesContent":["import React, { FC, Key, useState } from 'react'\nimport { ReportSnippetViewNS } from './report-snippet-view.types'\nimport { Typography } from '@/components/atoms/typography'\nimport { Badge } from '@/components/atoms/badge'\nimport { StarScore } from '../star-score'\nimport { Button } from '@/components/atoms/button'\nimport { Skeleton } from '@/components/atoms/skeleton'\n\nimport {\n  ReportSnippetGalleryView,\n  StoreOverviewSection,\n  FootfallChartSection,\n  CannibalisationChartSection,\n  StoreInsightsSection,\n} from './report-snippet-view-components'\n\nconst ReportSnippetView: FC<ReportSnippetViewNS.ReportSnippetViewProps> = ({\n  map,\n  title,\n  subTitle,\n  tag,\n  score,\n  searched_on,\n  streetViewData,\n  highlights,\n  isStreetViewDataLoading,\n  handleStreetViewClick,\n  storeHighlights,\n  isLoading,\n  catchmentInsights,\n  footfallChartData,\n  cannibalisationChartData,\n  customModelSection,\n  customSection,\n  // customButton,\n}) => {\n  const [galleryOpen, setGalleryOpen] = useState(false)\n  const [galleryActiveIndex, setgalleryActiveIndex] = React.useState(0)\n\n  const searchedOnDate = new Date(Number(searched_on) * 1000) // Convert timestamp to milliseconds\n  const formattedDate = searchedOnDate.toLocaleDateString('en-US', {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n  })\n\n  // Check if all images have null values for image_url\n  const allImagesNull = streetViewData?.every(\n    (img: { image_url: string | null }) => img.image_url === null\n  )\n\n  const toggleGallery = () => {\n    setGalleryOpen((prev) => !prev)\n  }\n\n  return (\n    <div className=\"flex flex-col h-full min-h-0\">\n      {/* Fixed at top: map – does not scroll */}\n      {map ? (\n        <div className=\"flex-shrink-0\">\n          {isLoading ? (\n            <div className=\"flex flex-row-reverse items-center justify-between w-full p-1\">\n              <Skeleton className=\"w-full h-40 \" />\n            </div>\n          ) : (\n            <div className=\"h-[200px]\">{map}</div>\n          )}\n        </div>\n      ) : null}\n\n      {/* Fixed below map: title + score – does not scroll */}\n      <div className=\"flex-shrink-0\">\n        <div className=\"flex flex-col gap-1 p-3\">\n          {isLoading ? (\n            <Skeleton className=\"w-full h-8 \" />\n          ) : (\n            <Typography variant={'h3'}>{title}</Typography>\n          )}\n          {isLoading ? (\n            <div className=\"flex flex-row-reverse items-center justify-between w-full\">\n              <Skeleton className=\"w-20 h-5 \" />\n              <Skeleton className=\"w-32 h-5 \" />\n            </div>\n          ) : (\n            <div className=\"flex flex-row-reverse items-center justify-between w-full \">\n              {tag ? (\n                <Badge variant=\"neutral\" size={'sm'} showBorder={true}>\n                  {tag}\n                </Badge>\n              ) : (\n                <div></div>\n              )}\n              {subTitle !== undefined && (\n                <Typography\n                  variant={'body4'}\n                  className=\"w-1/2 text-light-4 fit-content\"\n                >\n                  {subTitle}\n                </Typography>\n              )}\n            </div>\n          )}\n        </div>\n        <div className=\"w-full p-3 border-b border-neutral-1\">\n          {isLoading ? (\n            <div className=\"flex flex-row-reverse items-center justify-between w-full\">\n              <Skeleton className=\"h-6 w-[120px]\" />\n              <Skeleton className=\"h-6 w-[120px]\" />\n            </div>\n          ) : (\n            <div className=\"flex flex-row items-center justify-between\">\n              {score?.value && (\n                <div className=\"flex items-center justify-between gap-1\">\n                  <StarScore\n                    score={score.value}\n                    starGap={1}\n                    starSize={24}\n                    isLoading={isLoading || score?.isLoading}\n                  />\n                  {!score.isLoading && (\n                    <Typography variant={'body5'} className=\"text-light-3\">\n                      ({score.value}%)\n                    </Typography>\n                  )}\n                </div>\n              )}\n              {searched_on && (\n                <Badge\n                  variant={'default'}\n                  size={'sm'}\n                  showBorder={true}\n                >{`Added on: ${formattedDate}`}</Badge>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Scrollable: only this area scrolls when content exceeds height */}\n      <div className=\"flex-1 min-h-0 overflow-y-auto flex flex-col\">\n        {customModelSection ? (\n          <div className=\"p-3\">{customModelSection}</div>\n        ) : null}\n        <div>\n          {highlights && isLoading ? (\n            <div className=\"flex flex-col gap-3 p-3\">\n              <div>\n                <Typography variant=\"body6\" className=\"text-light-2\">\n                  <Skeleton className=\"w-28 h-7\" />{' '}\n                </Typography>\n              </div>\n              <div className=\"flex flex-row flex-wrap gap-2\">\n                {[...Array(6)].map((_, index) => (\n                  <Skeleton key={index} className=\"w-28 h-7\" />\n                ))}\n              </div>\n            </div>\n          ) : highlights && highlights.length > 0 ? (\n            <div className=\"flex flex-col gap-3 p-3\">\n              <div>\n                <Typography variant=\"body6\" className=\"text-light-2\">\n                  Location Highlights\n                </Typography>\n              </div>\n              <div className=\"flex flex-row flex-wrap gap-2\">\n                {highlights.map((highlight, index) => (\n                  <Badge\n                    key={index}\n                    variant={highlight.variant}\n                    showBorder={true}\n                    className=\"normal-case\"\n                  >\n                    {highlight.name}\n                  </Badge>\n                ))}\n              </div>\n            </div>\n          ) : null}\n        </div>\n\n        {streetViewData !== undefined && (\n          <div className=\"z-10 flex flex-col items-start justify-between p-3 pb-0 gap-1\">\n            {streetViewData === null && isStreetViewDataLoading === false ? (\n              <div className=\"w-fit\">\n                <Button\n                  variant=\"secondary\"\n                  size=\"sm\"\n                  className=\"flex gap-2 px-4 py-2 focus:ring-0\"\n                  onClick={handleStreetViewClick}\n                >\n                  <img\n                    src=\"https://frontend-static-files.geoiq.io/strapi/download_cloud_7761a0bc2a.svg\"\n                    height={16}\n                    width={16}\n                    alt={'download-btn'}\n                  />\n                  Street-view Photos\n                </Button>\n              </div>\n            ) : (\n              <Typography variant=\"body6\" className=\"text-light-2\">\n                Street-view Photos\n              </Typography>\n            )}\n\n            <div\n              id={'street'}\n              className=\"flex flex-row max-w-full gap-2 overflow-x-scroll\"\n              style={{ scrollbarWidth: 'none' }}\n            >\n              {isStreetViewDataLoading ? (\n                [...Array(4)].map((_, index) => (\n                  <Skeleton\n                    key={index}\n                    className=\"rounded-lg min-h-[160px] min-w-[120px]\"\n                  />\n                ))\n              ) : allImagesNull ? (\n                <Typography variant=\"body1\">No Images Available</Typography>\n              ) : (\n                streetViewData &&\n                streetViewData?.map(\n                  (\n                    img: { image_url: string | null },\n                    index: Key | null | undefined\n                  ) => (\n                    <div\n                      key={index}\n                      className=\"relative min-h-[160px] min-w-[120px]\"\n                    >\n                      <div className=\"inline\">\n                        {img?.image_url && img?.image_url !== null ? (\n                          <img\n                            src={img?.image_url}\n                            alt=\"map_img\"\n                            className=\"object-cover w-full h-full rounded-lg cursor-pointer\"\n                            role=\"button\"\n                            tabIndex={0}\n                            onClick={() => {\n                              setgalleryActiveIndex(Number(index))\n                              toggleGallery()\n                            }}\n                          />\n                        ) : null}\n                      </div>\n                    </div>\n                  )\n                )\n              )}\n            </div>\n          </div>\n        )}\n        <div className=\"flex flex-col gap-3 p-3\">\n          {/* --------------Store Insight -----------------*/}\n          {catchmentInsights ? (\n            isLoading ? (\n              <div>\n                <div className=\"flex mb-4\">\n                  <Typography variant=\"body4\" className=\"text-light-2\">\n                    <Skeleton className=\"w-28 h-7\" />\n                  </Typography>\n                </div>\n\n                <div className=\"p-3 border rounded-lg bg-light-2 border-neutral-1\">\n                  <Typography variant=\"body4\" className=\"mb-2 text-light-2\">\n                    <Skeleton className=\"w-full h-7\" />\n                  </Typography>\n\n                  {/* Skeleton loaders */}\n                  <div className=\"flex flex-wrap gap-1\">\n                    <Skeleton className=\"w-32 h-8 rounded-[24px]\" />\n                    <Skeleton className=\"w-32 h-8 rounded-[24px]\" />\n                  </div>\n                </div>\n              </div>\n            ) : catchmentInsights.length > 0 ? (\n              <StoreInsightsSection\n                insights={catchmentInsights}\n                // customButton={customButton}\n              />\n            ) : null\n          ) : null}\n\n          {/* --------------Store Overview -----------------*/}\n          {storeHighlights ? (\n            isLoading ? (\n              <div>\n                <Typography variant=\"body4\" className=\"mb-2 text-light-2\">\n                  <Skeleton className=\"w-28 h-7\" />\n                </Typography>\n                <div className=\"bg-light-2 p-1 border border-neutral-1 rounded-[8px]\">\n                  <div className=\"flex flex-wrap items-center justify-center gap-4\">\n                    {[...Array(4)].map((_, index) => (\n                      <Skeleton\n                        key={index}\n                        className=\"w-20 h-20 rounded-[8px]\"\n                      />\n                    ))}\n                  </div>\n                </div>\n              </div>\n            ) : storeHighlights.length > 0 ? (\n              <StoreOverviewSection highlights={storeHighlights} />\n            ) : null\n          ) : null}\n\n          {/*----------------- Footfall Trends ------------------*/}\n          {footfallChartData && isLoading ? (\n            <div className=\"w-full bg-light-2 border border-neutral-1 p-3 rounded-[8px]\">\n              <Typography variant={'body4'} className=\"mb-4 text-light-2\">\n                <Skeleton className=\"w-28 h-7\" />{' '}\n              </Typography>\n              <Skeleton className=\"w-full h-[400px]\" />\n            </div>\n          ) : footfallChartData && footfallChartData.length > 0 ? (\n            <FootfallChartSection data={footfallChartData} />\n          ) : null}\n\n          {/* -----------------Cannibalisation Effect------------------ */}\n          {cannibalisationChartData && isLoading ? (\n            <div className=\"w-full bg-light-2 border border-neutral-1 p-3 rounded-[8px]\">\n              <Typography variant={'body4'} className=\"mb-4 text-light-2\">\n                <Skeleton className=\"w-28 h-7\" />{' '}\n              </Typography>\n              <Skeleton className=\"w-full h-[400px]\" />\n            </div>\n          ) : cannibalisationChartData &&\n            cannibalisationChartData.length > 0 ? (\n            <CannibalisationChartSection data={cannibalisationChartData} />\n          ) : null}\n\n          {/* Custom section – show anything extra at the end */}\n          {customSection ? <div className=\"w-full\">{customSection}</div> : null}\n        </div>\n      </div>\n      <ReportSnippetGalleryView\n        onToggle={toggleGallery}\n        isOpen={galleryOpen}\n        data={streetViewData}\n        galleryActiveIndex={galleryActiveIndex}\n        setgalleryActiveIndex={setgalleryActiveIndex}\n      />\n    </div>\n  )\n}\n\nexport default ReportSnippetView\n"],"names":["ReportSnippetView","map","title","subTitle","tag","score","searched_on","streetViewData","highlights","isStreetViewDataLoading","handleStreetViewClick","storeHighlights","isLoading","catchmentInsights","footfallChartData","cannibalisationChartData","customModelSection","customSection","galleryOpen","setGalleryOpen","useState","galleryActiveIndex","setgalleryActiveIndex","React","formattedDate","allImagesNull","img","toggleGallery","prev","Skeleton","Typography","Badge","StarScore","_","index","highlight","Button","StoreInsightsSection","StoreOverviewSection","FootfallChartSection","CannibalisationChartSection","ReportSnippetGalleryView"],"mappings":"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"}
+{"version":3,"file":"index53.es.js","sources":["../src/components/ui/report-snippet-view/report-snippet-view.tsx"],"sourcesContent":["import React, { FC, Key, useState } from 'react'\nimport { ReportSnippetViewNS } from './report-snippet-view.types'\nimport { Typography } from '@/components/atoms/typography'\nimport { Badge } from '@/components/atoms/badge'\nimport { StarScore } from '../star-score'\nimport { Button } from '@/components/atoms/button'\nimport { Skeleton } from '@/components/atoms/skeleton'\n\nimport {\n  ReportSnippetGalleryView,\n  StoreOverviewSection,\n  FootfallChartSection,\n  CannibalisationChartSection,\n  StoreInsightsSection,\n} from './report-snippet-view-components'\n\nconst ReportSnippetView: FC<ReportSnippetViewNS.ReportSnippetViewProps> = ({\n  map,\n  title,\n  subTitle,\n  tag,\n  score,\n  searched_on,\n  streetViewData,\n  highlights,\n  isStreetViewDataLoading,\n  handleStreetViewClick,\n  storeHighlights,\n  isLoading,\n  catchmentInsights,\n  footfallChartData,\n  cannibalisationChartData,\n  customModelSection,\n  customSection,\n  // customButton,\n}) => {\n  const [galleryOpen, setGalleryOpen] = useState(false)\n  const [galleryActiveIndex, setgalleryActiveIndex] = React.useState(0)\n\n  const searchedOnDate = new Date(Number(searched_on) * 1000) // Convert timestamp to milliseconds\n  const formattedDate = searchedOnDate.toLocaleDateString('en-US', {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n  })\n\n  // Check if all images have null values for image_url\n  const allImagesNull = streetViewData?.every(\n    (img: { image_url: string | null }) => img.image_url === null\n  )\n\n  const toggleGallery = () => {\n    setGalleryOpen((prev) => !prev)\n  }\n\n  return (\n    <div className=\"flex flex-col h-full min-h-0\">\n      {/* Fixed at top: map – does not scroll */}\n      {map ? (\n        <div className=\"flex-shrink-0\">\n          {isLoading ? (\n            <div className=\"flex flex-row-reverse items-center justify-between w-full p-1\">\n              <Skeleton className=\"w-full h-40 \" />\n            </div>\n          ) : (\n            <div className=\"h-[200px]\">{map}</div>\n          )}\n        </div>\n      ) : null}\n\n      {/* Fixed below map: title + score – does not scroll */}\n      <div className=\"flex-shrink-0\">\n        <div className=\"flex flex-col gap-1 p-3\">\n          {isLoading ? (\n            <Skeleton className=\"w-full h-8 \" />\n          ) : (\n            <Typography variant={'h3'}>{title}</Typography>\n          )}\n          {isLoading ? (\n            <div className=\"flex flex-row-reverse items-center justify-between w-full\">\n              <Skeleton className=\"w-20 h-5 \" />\n              <Skeleton className=\"w-32 h-5 \" />\n            </div>\n          ) : (\n            <div className=\"flex flex-row-reverse items-center justify-between w-full \">\n              {tag ? (\n                <Badge variant=\"neutral\" size={'sm'} showBorder={true}>\n                  {tag}\n                </Badge>\n              ) : (\n                <div></div>\n              )}\n              {subTitle !== undefined && (\n                <Typography\n                  variant={'body4'}\n                  className=\"w-1/2 text-light-4 fit-content\"\n                >\n                  {subTitle}\n                </Typography>\n              )}\n            </div>\n          )}\n        </div>\n        <div className=\"w-full p-3 border-b border-neutral-1\">\n          {isLoading ? (\n            <div className=\"flex flex-row-reverse items-center justify-between w-full\">\n              <Skeleton className=\"h-6 w-[120px]\" />\n              <Skeleton className=\"h-6 w-[120px]\" />\n            </div>\n          ) : (\n            <div className=\"flex flex-row items-center justify-between\">\n              {score?.value && (\n                <div className=\"flex items-center justify-between gap-1\">\n                  <StarScore\n                    score={score.value}\n                    starGap={1}\n                    starSize={24}\n                    isLoading={isLoading || score?.isLoading}\n                  />\n                  {!score.isLoading && (\n                    <Typography variant={'body5'} className=\"text-light-3\">\n                      ({score.value}%)\n                    </Typography>\n                  )}\n                </div>\n              )}\n              {searched_on && (\n                <Badge\n                  variant={'default'}\n                  size={'sm'}\n                  showBorder={true}\n                >{`Added on: ${formattedDate}`}</Badge>\n              )}\n            </div>\n          )}\n        </div>\n      </div>\n\n      {/* Scrollable: only this area scrolls when content exceeds height */}\n      <div className=\"flex-1 min-h-0 overflow-y-auto flex flex-col\">\n        {customModelSection ? (\n          <div className=\"p-3\">{customModelSection}</div>\n        ) : null}\n        <div>\n          {highlights && isLoading ? (\n            <div className=\"flex flex-col gap-3 p-3\">\n              <div>\n                <Typography variant=\"body6\" className=\"text-light-2\">\n                  <Skeleton className=\"w-28 h-7\" />{' '}\n                </Typography>\n              </div>\n              <div className=\"flex flex-row flex-wrap gap-2\">\n                {[...Array(6)].map((_, index) => (\n                  <Skeleton key={index} className=\"w-28 h-7\" />\n                ))}\n              </div>\n            </div>\n          ) : highlights && highlights.length > 0 ? (\n            <div className=\"flex flex-col gap-3 p-3\">\n              <div>\n                <Typography variant=\"body6\" className=\"text-light-2\">\n                  Location Highlights\n                </Typography>\n              </div>\n              <div className=\"flex flex-row flex-wrap gap-2\">\n                {highlights.map((highlight, index) => (\n                  <Badge\n                    key={index}\n                    variant={highlight.variant}\n                    showBorder={true}\n                    className=\"normal-case\"\n                  >\n                    {highlight.name}\n                  </Badge>\n                ))}\n              </div>\n            </div>\n          ) : null}\n        </div>\n\n        {streetViewData !== undefined && (\n          <div className=\"z-10 flex flex-col items-start justify-between p-3 pb-0 gap-1\">\n            {streetViewData === null && isStreetViewDataLoading === false ? (\n              <div className=\"w-fit\">\n                <Button\n                  variant=\"secondary\"\n                  size=\"sm\"\n                  className=\"flex gap-2 px-4 py-2 focus:ring-0\"\n                  onClick={handleStreetViewClick}\n                >\n                  <img\n                    src=\"https://frontend-static-files.geoiq.io/strapi/download_cloud_7761a0bc2a.svg\"\n                    height={16}\n                    width={16}\n                    alt={'download-btn'}\n                  />\n                  Street-view Photos\n                </Button>\n              </div>\n            ) : (\n              <Typography variant=\"body6\" className=\"text-light-2\">\n                Street-view Photos\n              </Typography>\n            )}\n\n            <div\n              id={'street'}\n              className=\"flex flex-row max-w-full gap-2 overflow-x-scroll\"\n              style={{ scrollbarWidth: 'none' }}\n            >\n              {isStreetViewDataLoading ? (\n                [...Array(4)].map((_, index) => (\n                  <Skeleton\n                    key={index}\n                    className=\"rounded-lg min-h-[160px] min-w-[120px]\"\n                  />\n                ))\n              ) : allImagesNull ? (\n                <Typography variant=\"body1\">No Images Available</Typography>\n              ) : (\n                streetViewData &&\n                streetViewData?.map(\n                  (\n                    img: { image_url: string | null },\n                    index: Key | null | undefined\n                  ) => (\n                    <div\n                      key={index}\n                      className=\"relative min-h-[160px] min-w-[120px]\"\n                    >\n                      <div className=\"inline\">\n                        {img?.image_url && img?.image_url !== null ? (\n                          <img\n                            src={img?.image_url}\n                            alt=\"map_img\"\n                            className=\"object-cover w-full h-full rounded-lg cursor-pointer\"\n                            role=\"button\"\n                            tabIndex={0}\n                            onClick={() => {\n                              setgalleryActiveIndex(Number(index))\n                              toggleGallery()\n                            }}\n                          />\n                        ) : null}\n                      </div>\n                    </div>\n                  )\n                )\n              )}\n            </div>\n          </div>\n        )}\n        <div className=\"flex flex-col gap-3 p-3\">\n          {/* --------------Store Insight -----------------*/}\n          {catchmentInsights ? (\n            isLoading ? (\n              <div>\n                <div className=\"flex mb-4\">\n                  <Typography variant=\"body4\" className=\"text-light-2\">\n                    <Skeleton className=\"w-28 h-7\" />\n                  </Typography>\n                </div>\n\n                <div className=\"p-3 border rounded-lg bg-light-2 border-neutral-1\">\n                  <Typography variant=\"body4\" className=\"mb-2 text-light-2\">\n                    <Skeleton className=\"w-full h-7\" />\n                  </Typography>\n\n                  {/* Skeleton loaders */}\n                  <div className=\"flex flex-wrap gap-1\">\n                    <Skeleton className=\"w-32 h-8 rounded-[24px]\" />\n                    <Skeleton className=\"w-32 h-8 rounded-[24px]\" />\n                  </div>\n                </div>\n              </div>\n            ) : catchmentInsights.length > 0 ? (\n              <StoreInsightsSection\n                insights={catchmentInsights}\n                // customButton={customButton}\n              />\n            ) : null\n          ) : null}\n\n          {/* --------------Store Overview -----------------*/}\n          {storeHighlights ? (\n            isLoading ? (\n              <div>\n                <Typography variant=\"body4\" className=\"mb-2 text-light-2\">\n                  <Skeleton className=\"w-28 h-7\" />\n                </Typography>\n                <div className=\"bg-light-2 p-1 border border-neutral-1 rounded-[8px]\">\n                  <div className=\"flex flex-wrap items-center justify-center gap-4\">\n                    {[...Array(4)].map((_, index) => (\n                      <Skeleton\n                        key={index}\n                        className=\"w-20 h-20 rounded-[8px]\"\n                      />\n                    ))}\n                  </div>\n                </div>\n              </div>\n            ) : storeHighlights.length > 0 ? (\n              <StoreOverviewSection highlights={storeHighlights} />\n            ) : null\n          ) : null}\n\n          {/*----------------- Footfall Trends ------------------*/}\n          {footfallChartData && isLoading ? (\n            <div className=\"w-full bg-light-2 border border-neutral-1 p-3 rounded-[8px]\">\n              <Typography variant={'body4'} className=\"mb-4 text-light-2\">\n                <Skeleton className=\"w-28 h-7\" />{' '}\n              </Typography>\n              <Skeleton className=\"w-full h-[400px]\" />\n            </div>\n          ) : footfallChartData && footfallChartData.length > 0 ? (\n            <FootfallChartSection data={footfallChartData} />\n          ) : null}\n\n          {/* -----------------Cannibalisation Effect------------------ */}\n          {cannibalisationChartData && isLoading ? (\n            <div className=\"w-full bg-light-2 border border-neutral-1 p-3 rounded-[8px]\">\n              <Typography variant={'body4'} className=\"mb-4 text-light-2\">\n                <Skeleton className=\"w-28 h-7\" />{' '}\n              </Typography>\n              <Skeleton className=\"w-full h-[400px]\" />\n            </div>\n          ) : cannibalisationChartData &&\n            cannibalisationChartData.length > 0 ? (\n            <CannibalisationChartSection data={cannibalisationChartData} />\n          ) : null}\n\n          {/* Custom section – show anything extra at the end */}\n          {customSection ? <div className=\"w-full\">{customSection}</div> : null}\n        </div>\n      </div>\n      <ReportSnippetGalleryView\n        onToggle={toggleGallery}\n        isOpen={galleryOpen}\n        data={streetViewData}\n        galleryActiveIndex={galleryActiveIndex}\n        setgalleryActiveIndex={setgalleryActiveIndex}\n      />\n    </div>\n  )\n}\n\nexport default ReportSnippetView\n"],"names":["ReportSnippetView","map","title","subTitle","tag","score","searched_on","streetViewData","highlights","isStreetViewDataLoading","handleStreetViewClick","storeHighlights","isLoading","catchmentInsights","footfallChartData","cannibalisationChartData","customModelSection","customSection","galleryOpen","setGalleryOpen","useState","galleryActiveIndex","setgalleryActiveIndex","React","formattedDate","allImagesNull","img","toggleGallery","prev","Skeleton","Typography","Badge","StarScore","_","index","highlight","Button","StoreInsightsSection","StoreOverviewSection","FootfallChartSection","CannibalisationChartSection","ReportSnippetGalleryView"],"mappings":"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"}

package/dist/{index.es54.js → index54.es.js}

@@ -1,7 +1,7 @@
 import * as e from "react";
-import { cn as i } from "./index.es89.js";
-import { AnimatedInputContainerVariants as F, AnimatedInputStyles as w, DynamicComponentStyles as y } from "./index.es104.js";
-import { Typography as A } from "./index.es19.js";
+import { cn as i } from "./index89.es.js";
+import { AnimatedInputContainerVariants as F, AnimatedInputStyles as w, DynamicComponentStyles as y } from "./index105.es.js";
+import { Typography as A } from "./index19.es.js";
 import { XCircle as R } from "lucide-react";
 const b = e.forwardRef(
   ({
@@ -123,4 +123,4 @@ b.displayName = "AnimatedInput";
 export {
   b as AnimatedInput
 };
-//# sourceMappingURL=index.es54.js.map
+//# sourceMappingURL=index54.es.js.map