geoiq-frontend-ui-kit 2.0.4 → 2.0.6

package/dist/{index.es51.js.map → index53.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":"index53.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 → index54.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=index54.es.js.map

package/dist/{index.es52.js.map → index54.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":"index54.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 → index55.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.es136.js";
+import { Typography as a } from "./index19.es.js";
+import { Badge as f } from "./index8.es.js";
+import { StarScore as B } from "./index54.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 "./index139.es.js";
 const Y = ({
   map: E,
   title: y,
@@ -144,4 +144,4 @@ const Y = ({
 export {
   Y as default
 };
-//# sourceMappingURL=index.es53.js.map
+//# sourceMappingURL=index55.es.js.map

package/dist/{index.es53.js.map → index55.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":"index55.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 → index56.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.es119.js";
-import { Typography as A } from "./index.es19.js";
+import { cn as i } from "./index91.es.js";
+import { AnimatedInputContainerVariants as F, AnimatedInputStyles as w, DynamicComponentStyles as y } from "./index108.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=index56.es.js.map

package/dist/{index.es54.js.map → index56.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es54.js","sources":["../src/components/ui/animated-input/animated-input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport { AnimatedInputProps } from './animated-input.types'\nimport {\n  AnimatedInputContainerVariants,\n  DynamicComponentStyles,\n  AnimatedInputStyles,\n} from './animated-input.styles'\nimport { Typography } from '../../atoms/typography'\nimport { XCircle } from 'lucide-react'\n\nconst AnimatedInput = React.forwardRef<HTMLInputElement, AnimatedInputProps>(\n  (\n    {\n      className,\n      type,\n      isError,\n      message,\n      prefix,\n      suffix,\n      id,\n      placeholder = '',\n      placeholders = [],\n      value = '',\n      onChange,\n      ...props\n    },\n    ref\n  ) => {\n    const inputRef = React.useRef<HTMLInputElement>(null)\n    const combinedRef = (ref as React.RefObject<HTMLInputElement>) || inputRef\n    const [isFocused, setIsFocused] = React.useState(false)\n    const [index, setIndex] = React.useState(0)\n    const [animate, setAnimate] = React.useState(false)\n\n    React.useEffect(() => {\n      if (placeholders.length === 0 || isFocused || value.toString().length > 0)\n        return\n\n      const interval = setInterval(() => {\n        setAnimate(false)\n        setIndex((prevIndex) => (prevIndex + 1) % placeholders.length)\n        setAnimate(true)\n      }, 2000)\n\n      return () => clearInterval(interval)\n    }, [placeholders.length, isFocused, value])\n\n    const clearInput = () => {\n      onChange?.({\n        target: { value: '' },\n      } as React.ChangeEvent<HTMLInputElement>)\n    }\n\n    return (\n      <>\n        <div\n          className={cn(\n            AnimatedInputContainerVariants({\n              isError,\n              isFocused,\n              disabled: props.disabled,\n              className,\n            })\n          )}\n          id={id}\n          style={{ overflow: 'hidden' }}\n        >\n          {prefix && (\n            <div\n              onClick={() => {\n                setIsFocused(true)\n              }}\n            >\n              {prefix}\n            </div>\n          )}\n\n          <div className=\"h-[38px] w-full relative \">\n            <input\n              type={type}\n              className={cn(AnimatedInputStyles({ isError }))}\n              placeholder={\n                isFocused ? 'What are you searching for?' : placeholder\n              }\n              onFocus={() => {\n                setIsFocused(true)\n                setAnimate(false)\n              }}\n              onBlur={() => setIsFocused(false)}\n              ref={combinedRef}\n              value={value}\n              onChange={(e) => onChange?.(e)}\n            />\n\n            {/* Dynamic placeholder animation shown when input is not focused and empty */}\n            {!isFocused && value.toString().length === 0 && (\n              <>\n                <div\n                  key={`placeholder-${index}-${animate}`}\n                  className={cn(DynamicComponentStyles({ animate }))}\n                  style={{\n                    left: `${placeholder.length * 0.92}ch`,\n                    animation: animate\n                      ? 'animatedInputMiddleToTop 0.6s forwards'\n                      : 'none',\n                    opacity: animate ? 1 : 0,\n                  }}\n                >\n                  {placeholders[index]}\n                </div>\n\n                <div\n                  key={`next-placeholder-${(index + 1) % placeholders.length}-${animate}`}\n                  className={cn(DynamicComponentStyles({ animate }))}\n                  style={{\n                    left: `${placeholder.length * 0.92}ch`,\n                    animation: animate\n                      ? 'animatedInputFadeInBottom 1.5s forwards 0.2s'\n                      : 'none',\n                    opacity: animate ? 0 : 1,\n                  }}\n                >\n                  {placeholders[(index + 1) % placeholders.length]}\n                </div>\n              </>\n            )}\n          </div>\n\n          {/* Optional suffix element (or clear button) displayed after input */}\n          <div\n            className=\"flex items-center cursor-pointer\"\n            onClick={() => suffix && setIsFocused(true)}\n          >\n            {suffix ? (\n              <div className=\"flex items-center\">{suffix}</div>\n            ) : (\n              <div\n                className={!isFocused ? 'opacity-0' : ''}\n                onClick={clearInput}\n              >\n                <XCircle size={16} className=\"stroke-light-2\" />\n              </div>\n            )}\n          </div>\n        </div>\n\n        {/* Optional message displayed below the input */}\n        {message && (\n          <Typography\n            variant=\"body2\"\n            className={`${isError ? 'text-danger-1' : 'text-light-3'} mt-1.5`}\n          >\n            {message}\n          </Typography>\n        )}\n      </>\n    )\n  }\n)\n\nAnimatedInput.displayName = 'AnimatedInput'\n\nexport { AnimatedInput }\n"],"names":["AnimatedInput","React","className","type","isError","message","prefix","suffix","id","placeholder","placeholders","value","onChange","props","ref","inputRef","combinedRef","isFocused","setIsFocused","index","setIndex","animate","setAnimate","interval","prevIndex","clearInput","cn","AnimatedInputContainerVariants","AnimatedInputStyles","e","DynamicComponentStyles","XCircle","Typography"],"mappings":"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"}
+{"version":3,"file":"index56.es.js","sources":["../src/components/ui/animated-input/animated-input.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport { AnimatedInputProps } from './animated-input.types'\nimport {\n  AnimatedInputContainerVariants,\n  DynamicComponentStyles,\n  AnimatedInputStyles,\n} from './animated-input.styles'\nimport { Typography } from '../../atoms/typography'\nimport { XCircle } from 'lucide-react'\n\nconst AnimatedInput = React.forwardRef<HTMLInputElement, AnimatedInputProps>(\n  (\n    {\n      className,\n      type,\n      isError,\n      message,\n      prefix,\n      suffix,\n      id,\n      placeholder = '',\n      placeholders = [],\n      value = '',\n      onChange,\n      ...props\n    },\n    ref\n  ) => {\n    const inputRef = React.useRef<HTMLInputElement>(null)\n    const combinedRef = (ref as React.RefObject<HTMLInputElement>) || inputRef\n    const [isFocused, setIsFocused] = React.useState(false)\n    const [index, setIndex] = React.useState(0)\n    const [animate, setAnimate] = React.useState(false)\n\n    React.useEffect(() => {\n      if (placeholders.length === 0 || isFocused || value.toString().length > 0)\n        return\n\n      const interval = setInterval(() => {\n        setAnimate(false)\n        setIndex((prevIndex) => (prevIndex + 1) % placeholders.length)\n        setAnimate(true)\n      }, 2000)\n\n      return () => clearInterval(interval)\n    }, [placeholders.length, isFocused, value])\n\n    const clearInput = () => {\n      onChange?.({\n        target: { value: '' },\n      } as React.ChangeEvent<HTMLInputElement>)\n    }\n\n    return (\n      <>\n        <div\n          className={cn(\n            AnimatedInputContainerVariants({\n              isError,\n              isFocused,\n              disabled: props.disabled,\n              className,\n            })\n          )}\n          id={id}\n          style={{ overflow: 'hidden' }}\n        >\n          {prefix && (\n            <div\n              onClick={() => {\n                setIsFocused(true)\n              }}\n            >\n              {prefix}\n            </div>\n          )}\n\n          <div className=\"h-[38px] w-full relative \">\n            <input\n              type={type}\n              className={cn(AnimatedInputStyles({ isError }))}\n              placeholder={\n                isFocused ? 'What are you searching for?' : placeholder\n              }\n              onFocus={() => {\n                setIsFocused(true)\n                setAnimate(false)\n              }}\n              onBlur={() => setIsFocused(false)}\n              ref={combinedRef}\n              value={value}\n              onChange={(e) => onChange?.(e)}\n            />\n\n            {/* Dynamic placeholder animation shown when input is not focused and empty */}\n            {!isFocused && value.toString().length === 0 && (\n              <>\n                <div\n                  key={`placeholder-${index}-${animate}`}\n                  className={cn(DynamicComponentStyles({ animate }))}\n                  style={{\n                    left: `${placeholder.length * 0.92}ch`,\n                    animation: animate\n                      ? 'animatedInputMiddleToTop 0.6s forwards'\n                      : 'none',\n                    opacity: animate ? 1 : 0,\n                  }}\n                >\n                  {placeholders[index]}\n                </div>\n\n                <div\n                  key={`next-placeholder-${(index + 1) % placeholders.length}-${animate}`}\n                  className={cn(DynamicComponentStyles({ animate }))}\n                  style={{\n                    left: `${placeholder.length * 0.92}ch`,\n                    animation: animate\n                      ? 'animatedInputFadeInBottom 1.5s forwards 0.2s'\n                      : 'none',\n                    opacity: animate ? 0 : 1,\n                  }}\n                >\n                  {placeholders[(index + 1) % placeholders.length]}\n                </div>\n              </>\n            )}\n          </div>\n\n          {/* Optional suffix element (or clear button) displayed after input */}\n          <div\n            className=\"flex items-center cursor-pointer\"\n            onClick={() => suffix && setIsFocused(true)}\n          >\n            {suffix ? (\n              <div className=\"flex items-center\">{suffix}</div>\n            ) : (\n              <div\n                className={!isFocused ? 'opacity-0' : ''}\n                onClick={clearInput}\n              >\n                <XCircle size={16} className=\"stroke-light-2\" />\n              </div>\n            )}\n          </div>\n        </div>\n\n        {/* Optional message displayed below the input */}\n        {message && (\n          <Typography\n            variant=\"body2\"\n            className={`${isError ? 'text-danger-1' : 'text-light-3'} mt-1.5`}\n          >\n            {message}\n          </Typography>\n        )}\n      </>\n    )\n  }\n)\n\nAnimatedInput.displayName = 'AnimatedInput'\n\nexport { AnimatedInput }\n"],"names":["AnimatedInput","React","className","type","isError","message","prefix","suffix","id","placeholder","placeholders","value","onChange","props","ref","inputRef","combinedRef","isFocused","setIsFocused","index","setIndex","animate","setAnimate","interval","prevIndex","clearInput","cn","AnimatedInputContainerVariants","AnimatedInputStyles","e","DynamicComponentStyles","XCircle","Typography"],"mappings":"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"}

package/dist/{index.es55.js → index57.es.js}

@@ -1,9 +1,9 @@
 import * as e from "react";
 import { Clock as E } from "lucide-react";
-import { cn as u } from "./index.es89.js";
-import { Typography as a } from "./index.es19.js";
-import b from "./index.es18.js";
-import { CreditsPillVariants as x, CreditsIndicatorVariants as N } from "./index.es77.js";
+import { cn as u } from "./index91.es.js";
+import { Typography as a } from "./index19.es.js";
+import b from "./index18.es.js";
+import { CreditsPillVariants as x, CreditsIndicatorVariants as N } from "./index79.es.js";
 function C(t) {
   return t >= 1e6 ? `${parseFloat((t / 1e6).toFixed(2))}M` : t >= 1e3 ? `${parseFloat((t / 1e3).toFixed(2))}k` : String(t);
 }
@@ -105,4 +105,4 @@ export {
   N as CreditsIndicatorVariants,
   x as CreditsPillVariants
 };
-//# sourceMappingURL=index.es55.js.map
+//# sourceMappingURL=index57.es.js.map

package/dist/{index.es55.js.map → index57.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es55.js","sources":["../src/components/ui/credits-indicator/credits-indicator.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Clock } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Typography } from '@/components/atoms/typography'\nimport Tooltip from '@/components/atoms/tooltip'\n\nimport { CreditsIndicatorProps } from './credits-indicator.types'\nimport {\n  CreditsIndicatorVariants,\n  CreditsPillVariants,\n} from './credits-indicator.styles'\n\nfunction formatCompact(n: number): string {\n  if (n >= 1_000_000) {\n    return `${parseFloat((n / 1_000_000).toFixed(2))}M`\n  }\n  if (n >= 1_000) {\n    return `${parseFloat((n / 1_000).toFixed(2))}k`\n  }\n  return String(n)\n}\n\nconst CreditsIndicator = React.forwardRef<\n  HTMLDivElement,\n  CreditsIndicatorProps\n>(\n  (\n    {\n      remaining,\n      total,\n      collapsed = false,\n      label = 'Credits',\n      topUpLabel = 'Top up',\n      onTopUp,\n      topUpWrapper,\n      size,\n      className,\n      id,\n      ...props\n    },\n    ref\n  ) => {\n    const safeTotal = Math.max(total, 0)\n    const safeRemaining = Math.min(Math.max(remaining, 0), safeTotal)\n    const pct = safeTotal === 0 ? 0 : (safeRemaining / safeTotal) * 100\n    const tooltipContent = `${safeRemaining.toLocaleString()} / ${safeTotal.toLocaleString()} ${label.toLowerCase()}`\n\n    if (collapsed) {\n      const pill = (\n        <div\n          ref={ref}\n          id={id}\n          className={cn(CreditsPillVariants({ size }), className)}\n          {...props}\n        >\n          <Clock className=\"w-3.5 h-3.5 text-[rgb(var(--primary-300))]\" />\n          <Typography variant=\"body1\" className=\"text-white fleading-none\">\n            {formatCompact(safeRemaining)}\n          </Typography>\n          <div className=\"w-full h-1 overflow-hidden rounded bg-white/15\">\n            <div\n              className=\"h-full transition-all duration-300 ease-in-out rounded brand-primary-secondary-gradient\"\n              style={{ width: `${pct}%` }}\n            />\n          </div>\n        </div>\n      )\n      return (\n        <Tooltip\n          content=\"\"\n          headerText={tooltipContent}\n          side=\"right\"\n          sideOffset={12}\n          delayDuration={100}\n          triggerElement={pill}\n        />\n      )\n    }\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        className={cn(CreditsIndicatorVariants({ size }), className)}\n        {...props}\n      >\n        <div className=\"flex items-center justify-between\">\n          <Typography\n            variant=\"body6\"\n            className=\"font-semibold tracking-wider text-white/50\"\n          >\n            {label}\n          </Typography>\n          {(onTopUp || topUpWrapper) &&\n            (() => {\n              const topUpButton = (\n                <button\n                  type=\"button\"\n                  onClick={onTopUp}\n                  className=\"inline-flex items-center gap-0.5 text-[rgb(var(--primary-400))] hover:text-[rgb(var(--primary-200))] transition-colors\"\n                >\n                  <Typography variant=\"body6\" className=\"font-semibold\">\n                    {topUpLabel}\n                  </Typography>\n                  <img\n                    src=\"https://frontend-static-files.geoiq.io/strapi/icons_v5_61a46c180e/icons_v5_61a46c180e.svg\"\n                    alt=\"\"\n                    className=\"w-3 h-3\"\n                  />\n                </button>\n              )\n              return topUpWrapper ? topUpWrapper(topUpButton) : topUpButton\n            })()}\n        </div>\n\n        <div className=\"flex items-baseline gap-1\">\n          <Typography variant=\"body1\" className=\"text-white \">\n            {safeRemaining.toLocaleString()}\n          </Typography>\n          <Typography variant=\"body1\" className=\"text-white \">\n            remaining\n          </Typography>\n          <Typography variant=\"body6\" className=\"text-white/40\">\n            / {safeTotal.toLocaleString()}\n          </Typography>\n        </div>\n\n        <div className=\"w-full h-1 overflow-hidden rounded bg-white/10\">\n          <div\n            className=\"h-full transition-all duration-300 ease-in-out rounded brand-primary-secondary-gradient\"\n            style={{ width: `${pct}%` }}\n          />\n        </div>\n      </div>\n    )\n  }\n)\n\nCreditsIndicator.displayName = 'CreditsIndicator'\n\nexport { CreditsIndicator, CreditsIndicatorVariants, CreditsPillVariants }\n"],"names":["formatCompact","n","CreditsIndicator","React","remaining","total","collapsed","label","topUpLabel","onTopUp","topUpWrapper","size","className","id","props","ref","safeTotal","safeRemaining","pct","tooltipContent","pill","cn","CreditsPillVariants","Clock","Typography","Tooltip","CreditsIndicatorVariants","topUpButton"],"mappings":";;;;;;AAaA,SAASA,EAAcC,GAAmB;AACxC,SAAIA,KAAK,MACA,GAAG,YAAYA,IAAI,KAAW,QAAQ,CAAC,CAAC,CAAC,MAE9CA,KAAK,MACA,GAAG,YAAYA,IAAI,KAAO,QAAQ,CAAC,CAAC,CAAC,MAEvC,OAAOA,CAAC;AACjB;AAEA,MAAMC,IAAmBC,EAAM;AAAA,EAI7B,CACE;AAAA,IACE,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,OAAAC,IAAQ;AAAA,IACR,YAAAC,IAAa;AAAA,IACb,SAAAC;AAAA,IACA,cAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC;AAAA,IACA,IAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAELC,MACG;AACH,UAAMC,IAAY,KAAK,IAAIX,GAAO,CAAC,GAC7BY,IAAgB,KAAK,IAAI,KAAK,IAAIb,GAAW,CAAC,GAAGY,CAAS,GAC1DE,IAAMF,MAAc,IAAI,IAAKC,IAAgBD,IAAa,KAC1DG,IAAiB,GAAGF,EAAc,eAAA,CAAgB,MAAMD,EAAU,eAAA,CAAgB,IAAIT,EAAM,YAAA,CAAa;AAE/G,QAAID,GAAW;AACb,YAAMc,IACJ,gBAAAjB,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAAY;AAAA,UACA,IAAAF;AAAA,UACA,WAAWQ,EAAGC,EAAoB,EAAE,MAAAX,EAAA,CAAM,GAAGC,CAAS;AAAA,UACrD,GAAGE;AAAA,QAAA;AAAA,QAEJ,gBAAAX,EAAA,cAACoB,GAAA,EAAM,WAAU,6CAAA,CAA6C;AAAA,QAC9D,gBAAApB,EAAA,cAACqB,KAAW,SAAQ,SAAQ,WAAU,2BAAA,GACnCxB,EAAciB,CAAa,CAC9B;AAAA,QACA,gBAAAd,EAAA,cAAC,OAAA,EAAI,WAAU,iDAAA,GACb,gBAAAA,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAU;AAAA,YACV,OAAO,EAAE,OAAO,GAAGe,CAAG,IAAA;AAAA,UAAI;AAAA,QAAA,CAE9B;AAAA,MAAA;AAGJ,aACE,gBAAAf,EAAA;AAAA,QAACsB;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,YAAYN;AAAA,UACZ,MAAK;AAAA,UACL,YAAY;AAAA,UACZ,eAAe;AAAA,UACf,gBAAgBC;AAAA,QAAA;AAAA,MAAA;AAAA,IAGtB;AAEA,WACE,gBAAAjB,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAY;AAAA,QACA,IAAAF;AAAA,QACA,WAAWQ,EAAGK,EAAyB,EAAE,MAAAf,EAAA,CAAM,GAAGC,CAAS;AAAA,QAC1D,GAAGE;AAAA,MAAA;AAAA,MAEJ,gBAAAX,EAAA,cAAC,OAAA,EAAI,WAAU,oCAAA,GACb,gBAAAA,EAAA;AAAA,QAACqB;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,WAAU;AAAA,QAAA;AAAA,QAETjB;AAAA,MAAA,IAEDE,KAAWC,OACV,MAAM;AACL,cAAMiB,IACJ,gBAAAxB,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,MAAK;AAAA,YACL,SAASM;AAAA,YACT,WAAU;AAAA,UAAA;AAAA,0CAETe,GAAA,EAAW,SAAQ,SAAQ,WAAU,mBACnChB,CACH;AAAA,UACA,gBAAAL,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KAAI;AAAA,cACJ,KAAI;AAAA,cACJ,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,QACZ;AAGJ,eAAOO,IAAeA,EAAaiB,CAAW,IAAIA;AAAA,MACpD,IACJ;AAAA,MAEA,gBAAAxB,EAAA,cAAC,OAAA,EAAI,WAAU,+DACZqB,GAAA,EAAW,SAAQ,SAAQ,WAAU,cAAA,GACnCP,EAAc,eAAA,CACjB,GACA,gBAAAd,EAAA,cAACqB,GAAA,EAAW,SAAQ,SAAQ,WAAU,cAAA,GAAc,WAEpD,mCACCA,GAAA,EAAW,SAAQ,SAAQ,WAAU,gBAAA,GAAgB,MACjDR,EAAU,eAAA,CACf,CACF;AAAA,MAEA,gBAAAb,EAAA,cAAC,OAAA,EAAI,WAAU,iDAAA,GACb,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAU;AAAA,UACV,OAAO,EAAE,OAAO,GAAGe,CAAG,IAAA;AAAA,QAAI;AAAA,MAAA,CAE9B;AAAA,IAAA;AAAA,EAGN;AACF;AAEAhB,EAAiB,cAAc;"}
+{"version":3,"file":"index57.es.js","sources":["../src/components/ui/credits-indicator/credits-indicator.tsx"],"sourcesContent":["import * as React from 'react'\nimport { Clock } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Typography } from '@/components/atoms/typography'\nimport Tooltip from '@/components/atoms/tooltip'\n\nimport { CreditsIndicatorProps } from './credits-indicator.types'\nimport {\n  CreditsIndicatorVariants,\n  CreditsPillVariants,\n} from './credits-indicator.styles'\n\nfunction formatCompact(n: number): string {\n  if (n >= 1_000_000) {\n    return `${parseFloat((n / 1_000_000).toFixed(2))}M`\n  }\n  if (n >= 1_000) {\n    return `${parseFloat((n / 1_000).toFixed(2))}k`\n  }\n  return String(n)\n}\n\nconst CreditsIndicator = React.forwardRef<\n  HTMLDivElement,\n  CreditsIndicatorProps\n>(\n  (\n    {\n      remaining,\n      total,\n      collapsed = false,\n      label = 'Credits',\n      topUpLabel = 'Top up',\n      onTopUp,\n      topUpWrapper,\n      size,\n      className,\n      id,\n      ...props\n    },\n    ref\n  ) => {\n    const safeTotal = Math.max(total, 0)\n    const safeRemaining = Math.min(Math.max(remaining, 0), safeTotal)\n    const pct = safeTotal === 0 ? 0 : (safeRemaining / safeTotal) * 100\n    const tooltipContent = `${safeRemaining.toLocaleString()} / ${safeTotal.toLocaleString()} ${label.toLowerCase()}`\n\n    if (collapsed) {\n      const pill = (\n        <div\n          ref={ref}\n          id={id}\n          className={cn(CreditsPillVariants({ size }), className)}\n          {...props}\n        >\n          <Clock className=\"w-3.5 h-3.5 text-[rgb(var(--primary-300))]\" />\n          <Typography variant=\"body1\" className=\"text-white fleading-none\">\n            {formatCompact(safeRemaining)}\n          </Typography>\n          <div className=\"w-full h-1 overflow-hidden rounded bg-white/15\">\n            <div\n              className=\"h-full transition-all duration-300 ease-in-out rounded brand-primary-secondary-gradient\"\n              style={{ width: `${pct}%` }}\n            />\n          </div>\n        </div>\n      )\n      return (\n        <Tooltip\n          content=\"\"\n          headerText={tooltipContent}\n          side=\"right\"\n          sideOffset={12}\n          delayDuration={100}\n          triggerElement={pill}\n        />\n      )\n    }\n\n    return (\n      <div\n        ref={ref}\n        id={id}\n        className={cn(CreditsIndicatorVariants({ size }), className)}\n        {...props}\n      >\n        <div className=\"flex items-center justify-between\">\n          <Typography\n            variant=\"body6\"\n            className=\"font-semibold tracking-wider text-white/50\"\n          >\n            {label}\n          </Typography>\n          {(onTopUp || topUpWrapper) &&\n            (() => {\n              const topUpButton = (\n                <button\n                  type=\"button\"\n                  onClick={onTopUp}\n                  className=\"inline-flex items-center gap-0.5 text-[rgb(var(--primary-400))] hover:text-[rgb(var(--primary-200))] transition-colors\"\n                >\n                  <Typography variant=\"body6\" className=\"font-semibold\">\n                    {topUpLabel}\n                  </Typography>\n                  <img\n                    src=\"https://frontend-static-files.geoiq.io/strapi/icons_v5_61a46c180e/icons_v5_61a46c180e.svg\"\n                    alt=\"\"\n                    className=\"w-3 h-3\"\n                  />\n                </button>\n              )\n              return topUpWrapper ? topUpWrapper(topUpButton) : topUpButton\n            })()}\n        </div>\n\n        <div className=\"flex items-baseline gap-1\">\n          <Typography variant=\"body1\" className=\"text-white \">\n            {safeRemaining.toLocaleString()}\n          </Typography>\n          <Typography variant=\"body1\" className=\"text-white \">\n            remaining\n          </Typography>\n          <Typography variant=\"body6\" className=\"text-white/40\">\n            / {safeTotal.toLocaleString()}\n          </Typography>\n        </div>\n\n        <div className=\"w-full h-1 overflow-hidden rounded bg-white/10\">\n          <div\n            className=\"h-full transition-all duration-300 ease-in-out rounded brand-primary-secondary-gradient\"\n            style={{ width: `${pct}%` }}\n          />\n        </div>\n      </div>\n    )\n  }\n)\n\nCreditsIndicator.displayName = 'CreditsIndicator'\n\nexport { CreditsIndicator, CreditsIndicatorVariants, CreditsPillVariants }\n"],"names":["formatCompact","n","CreditsIndicator","React","remaining","total","collapsed","label","topUpLabel","onTopUp","topUpWrapper","size","className","id","props","ref","safeTotal","safeRemaining","pct","tooltipContent","pill","cn","CreditsPillVariants","Clock","Typography","Tooltip","CreditsIndicatorVariants","topUpButton"],"mappings":"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"}

package/dist/{index.es56.js → index58.es.js}

@@ -1,7 +1,7 @@
 import * as e from "react";
 import { ChevronUp as d, ChevronDown as f } from "lucide-react";
-import { cn as i } from "./index.es89.js";
-import { Typography as g } from "./index.es19.js";
+import { cn as i } from "./index91.es.js";
+import { Typography as g } from "./index19.es.js";
 const k = e.forwardRef(
   ({
     icon: h,
@@ -73,4 +73,4 @@ k.displayName = "BrandSwitcher";
 export {
   k as BrandSwitcher
 };
-//# sourceMappingURL=index.es56.js.map
+//# sourceMappingURL=index58.es.js.map

package/dist/{index.es56.js.map → index58.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es56.js","sources":["../src/components/ui/brand-switcher/brand-switcher.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ChevronDown, ChevronUp } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Typography } from '@/components/atoms/typography'\n\nimport { BrandSwitcherProps } from './brand-switcher.types'\n\nconst BrandSwitcher = React.forwardRef<HTMLButtonElement, BrandSwitcherProps>(\n  (\n    {\n      icon,\n      name,\n      collapsed = false,\n      showChevron = true,\n      chevronPlacement = 'bottom',\n      expanded,\n      defaultExpanded = false,\n      onToggle,\n      disabled = false,\n      className,\n      iconContainerClassName,\n      id,\n    },\n    ref\n  ) => {\n    const [internalExpanded, setInternalExpanded] =\n      React.useState(defaultExpanded)\n    const isControlled = expanded !== undefined\n    const isExpanded = isControlled ? expanded : internalExpanded\n\n    const handleClick = () => {\n      if (disabled) return\n      const next = !isExpanded\n      if (!isControlled) setInternalExpanded(next)\n      onToggle?.(next)\n    }\n\n    return (\n      <button\n        ref={ref}\n        id={id}\n        type=\"button\"\n        disabled={disabled}\n        onClick={handleClick}\n        aria-expanded={showChevron ? isExpanded : undefined}\n        className={cn(\n          'flex w-full flex-col overflow-hidden rounded-md border border-white/10 bg-white/5 transition-colors hover:bg-hover-s3',\n          disabled && 'opacity-50 cursor-not-allowed pointer-events-none',\n          className\n        )}\n      >\n        <div\n          className={cn(\n            'flex items-center gap-3 px-3 py-2',\n            collapsed && 'justify-center px-2'\n          )}\n        >\n          <div\n            className={cn(\n              'flex h-8 w-8 flex-shrink-0 items-center justify-center overflow-hidden rounded-md bg-white',\n              iconContainerClassName\n            )}\n          >\n            {icon}\n          </div>\n\n          {!collapsed && name && (\n            <Typography\n              variant=\"body4\"\n              className=\"flex-1 truncate text-left text-dark-1\"\n            >\n              {name}\n            </Typography>\n          )}\n\n          {showChevron && chevronPlacement === 'right' && !collapsed && (\n            <div className=\"flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md bg-white/20\">\n              {isExpanded ? (\n                <ChevronUp className=\"h-4 w-4 text-white/70\" />\n              ) : (\n                <ChevronDown className=\"h-4 w-4 text-white/70\" />\n              )}\n            </div>\n          )}\n        </div>\n\n        {showChevron && chevronPlacement === 'bottom' && (\n          <div className=\"flex w-full items-center justify-center bg-white/15\">\n            {isExpanded ? (\n              <ChevronUp className=\"h-4 w-4 text-white/70\" />\n            ) : (\n              <ChevronDown className=\"h-4 w-4 text-white/70\" />\n            )}\n          </div>\n        )}\n      </button>\n    )\n  }\n)\n\nBrandSwitcher.displayName = 'BrandSwitcher'\n\nexport { BrandSwitcher }\n"],"names":["BrandSwitcher","React","icon","name","collapsed","showChevron","chevronPlacement","expanded","defaultExpanded","onToggle","disabled","className","iconContainerClassName","id","ref","internalExpanded","setInternalExpanded","isControlled","isExpanded","handleClick","next","cn","Typography","ChevronUp","ChevronDown"],"mappings":";;;;AAQA,MAAMA,IAAgBC,EAAM;AAAA,EAC1B,CACE;AAAA,IACE,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,aAAAC,IAAc;AAAA,IACd,kBAAAC,IAAmB;AAAA,IACnB,UAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,IAAAC;AAAA,EAAA,GAEFC,MACG;AACH,UAAM,CAACC,GAAkBC,CAAmB,IAC1Cf,EAAM,SAASO,CAAe,GAC1BS,IAAeV,MAAa,QAC5BW,IAAaD,IAAeV,IAAWQ,GAEvCI,IAAc,MAAM;AACxB,UAAIT,EAAU;AACd,YAAMU,IAAO,CAACF;AACd,MAAKD,KAAcD,EAAoBI,CAAI,GAC3CX,IAAWW,CAAI;AAAA,IACjB;AAEA,WACE,gBAAAnB,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAa;AAAA,QACA,IAAAD;AAAA,QACA,MAAK;AAAA,QACL,UAAAH;AAAA,QACA,SAASS;AAAA,QACT,iBAAed,IAAca,IAAa;AAAA,QAC1C,WAAWG;AAAA,UACT;AAAA,UACAX,KAAY;AAAA,UACZC;AAAA,QAAA;AAAA,MACF;AAAA,MAEA,gBAAAV,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWoB;AAAA,YACT;AAAA,YACAjB,KAAa;AAAA,UAAA;AAAA,QACf;AAAA,QAEA,gBAAAH,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWoB;AAAA,cACT;AAAA,cACAT;AAAA,YAAA;AAAA,UACF;AAAA,UAECV;AAAA,QAAA;AAAA,QAGF,CAACE,KAAaD,KACb,gBAAAF,EAAA;AAAA,UAACqB;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,UAAA;AAAA,UAETnB;AAAA,QAAA;AAAA,QAIJE,KAAeC,MAAqB,WAAW,CAACF,KAC/C,gBAAAH,EAAA,cAAC,SAAI,WAAU,gFAAA,GACZiB,IACC,gBAAAjB,EAAA,cAACsB,GAAA,EAAU,WAAU,wBAAA,CAAwB,oCAE5CC,GAAA,EAAY,WAAU,yBAAwB,CAEnD;AAAA,MAAA;AAAA,MAIHnB,KAAeC,MAAqB,YACnC,gBAAAL,EAAA,cAAC,OAAA,EAAI,WAAU,yDACZiB,IACC,gBAAAjB,EAAA,cAACsB,GAAA,EAAU,WAAU,wBAAA,CAAwB,oCAE5CC,GAAA,EAAY,WAAU,yBAAwB,CAEnD;AAAA,IAAA;AAAA,EAIR;AACF;AAEAxB,EAAc,cAAc;"}
+{"version":3,"file":"index58.es.js","sources":["../src/components/ui/brand-switcher/brand-switcher.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ChevronDown, ChevronUp } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Typography } from '@/components/atoms/typography'\n\nimport { BrandSwitcherProps } from './brand-switcher.types'\n\nconst BrandSwitcher = React.forwardRef<HTMLButtonElement, BrandSwitcherProps>(\n  (\n    {\n      icon,\n      name,\n      collapsed = false,\n      showChevron = true,\n      chevronPlacement = 'bottom',\n      expanded,\n      defaultExpanded = false,\n      onToggle,\n      disabled = false,\n      className,\n      iconContainerClassName,\n      id,\n    },\n    ref\n  ) => {\n    const [internalExpanded, setInternalExpanded] =\n      React.useState(defaultExpanded)\n    const isControlled = expanded !== undefined\n    const isExpanded = isControlled ? expanded : internalExpanded\n\n    const handleClick = () => {\n      if (disabled) return\n      const next = !isExpanded\n      if (!isControlled) setInternalExpanded(next)\n      onToggle?.(next)\n    }\n\n    return (\n      <button\n        ref={ref}\n        id={id}\n        type=\"button\"\n        disabled={disabled}\n        onClick={handleClick}\n        aria-expanded={showChevron ? isExpanded : undefined}\n        className={cn(\n          'flex w-full flex-col overflow-hidden rounded-md border border-white/10 bg-white/5 transition-colors hover:bg-hover-s3',\n          disabled && 'opacity-50 cursor-not-allowed pointer-events-none',\n          className\n        )}\n      >\n        <div\n          className={cn(\n            'flex items-center gap-3 px-3 py-2',\n            collapsed && 'justify-center px-2'\n          )}\n        >\n          <div\n            className={cn(\n              'flex h-8 w-8 flex-shrink-0 items-center justify-center overflow-hidden rounded-md bg-white',\n              iconContainerClassName\n            )}\n          >\n            {icon}\n          </div>\n\n          {!collapsed && name && (\n            <Typography\n              variant=\"body4\"\n              className=\"flex-1 truncate text-left text-dark-1\"\n            >\n              {name}\n            </Typography>\n          )}\n\n          {showChevron && chevronPlacement === 'right' && !collapsed && (\n            <div className=\"flex h-8 w-8 flex-shrink-0 items-center justify-center rounded-md bg-white/20\">\n              {isExpanded ? (\n                <ChevronUp className=\"h-4 w-4 text-white/70\" />\n              ) : (\n                <ChevronDown className=\"h-4 w-4 text-white/70\" />\n              )}\n            </div>\n          )}\n        </div>\n\n        {showChevron && chevronPlacement === 'bottom' && (\n          <div className=\"flex w-full items-center justify-center bg-white/15\">\n            {isExpanded ? (\n              <ChevronUp className=\"h-4 w-4 text-white/70\" />\n            ) : (\n              <ChevronDown className=\"h-4 w-4 text-white/70\" />\n            )}\n          </div>\n        )}\n      </button>\n    )\n  }\n)\n\nBrandSwitcher.displayName = 'BrandSwitcher'\n\nexport { BrandSwitcher }\n"],"names":["BrandSwitcher","React","icon","name","collapsed","showChevron","chevronPlacement","expanded","defaultExpanded","onToggle","disabled","className","iconContainerClassName","id","ref","internalExpanded","setInternalExpanded","isControlled","isExpanded","handleClick","next","cn","Typography","ChevronUp","ChevronDown"],"mappings":";;;;AAQA,MAAMA,IAAgBC,EAAM;AAAA,EAC1B,CACE;AAAA,IACE,MAAAC;AAAA,IACA,MAAAC;AAAA,IACA,WAAAC,IAAY;AAAA,IACZ,aAAAC,IAAc;AAAA,IACd,kBAAAC,IAAmB;AAAA,IACnB,UAAAC;AAAA,IACA,iBAAAC,IAAkB;AAAA,IAClB,UAAAC;AAAA,IACA,UAAAC,IAAW;AAAA,IACX,WAAAC;AAAA,IACA,wBAAAC;AAAA,IACA,IAAAC;AAAA,EAAA,GAEFC,MACG;AACH,UAAM,CAACC,GAAkBC,CAAmB,IAC1Cf,EAAM,SAASO,CAAe,GAC1BS,IAAeV,MAAa,QAC5BW,IAAaD,IAAeV,IAAWQ,GAEvCI,IAAc,MAAM;AACxB,UAAIT,EAAU;AACd,YAAMU,IAAO,CAACF;AACd,MAAKD,KAAcD,EAAoBI,CAAI,GAC3CX,IAAWW,CAAI;AAAA,IACjB;AAEA,WACE,gBAAAnB,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAa;AAAA,QACA,IAAAD;AAAA,QACA,MAAK;AAAA,QACL,UAAAH;AAAA,QACA,SAASS;AAAA,QACT,iBAAed,IAAca,IAAa;AAAA,QAC1C,WAAWG;AAAA,UACT;AAAA,UACAX,KAAY;AAAA,UACZC;AAAA,QAAA;AAAA,MACF;AAAA,MAEA,gBAAAV,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,WAAWoB;AAAA,YACT;AAAA,YACAjB,KAAa;AAAA,UAAA;AAAA,QACf;AAAA,QAEA,gBAAAH,EAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWoB;AAAA,cACT;AAAA,cACAT;AAAA,YAAA;AAAA,UACF;AAAA,UAECV;AAAA,QAAA;AAAA,QAGF,CAACE,KAAaD,KACb,gBAAAF,EAAA;AAAA,UAACqB;AAAA,UAAA;AAAA,YACC,SAAQ;AAAA,YACR,WAAU;AAAA,UAAA;AAAA,UAETnB;AAAA,QAAA;AAAA,QAIJE,KAAeC,MAAqB,WAAW,CAACF,KAC/C,gBAAAH,EAAA,cAAC,SAAI,WAAU,gFAAA,GACZiB,IACC,gBAAAjB,EAAA,cAACsB,GAAA,EAAU,WAAU,wBAAA,CAAwB,oCAE5CC,GAAA,EAAY,WAAU,yBAAwB,CAEnD;AAAA,MAAA;AAAA,MAIHnB,KAAeC,MAAqB,YACnC,gBAAAL,EAAA,cAAC,OAAA,EAAI,WAAU,yDACZiB,IACC,gBAAAjB,EAAA,cAACsB,GAAA,EAAU,WAAU,wBAAA,CAAwB,oCAE5CC,GAAA,EAAY,WAAU,yBAAwB,CAEnD;AAAA,IAAA;AAAA,EAIR;AACF;AAEAxB,EAAc,cAAc;"}

package/dist/{index.es57.js → index59.es.js}

@@ -1,15 +1,15 @@
 import e, { useState as u } from "react";
-import { Button as i } from "./index.es9.js";
-import { Typography as C } from "./index.es19.js";
-import { Dropdown as Z } from "./index.es22.js";
+import { Button as i } from "./index9.es.js";
+import { Typography as C } from "./index19.es.js";
+import { Dropdown as Z } from "./index24.es.js";
 import "clsx";
 import "tailwind-merge";
 import { Minimize as q, Maximize as F } from "lucide-react";
-import "./index.es60.js";
-import "./index.es90.js";
-import "./index.es29.js";
-import "./index.es35.js";
-import { MAP_LAYER_TYPES as j, MAP_LAYER_CONFIG as g } from "./index.es113.js";
+import "./index62.es.js";
+import "./index92.es.js";
+import "./index31.es.js";
+import "./index37.es.js";
+import { MAP_LAYER_TYPES as j, MAP_LAYER_CONFIG as g } from "./index102.es.js";
 const D = ({
   map: t,
   mapRef: l,
@@ -143,4 +143,4 @@ const D = ({
 export {
   D as MapToolbar
 };
-//# sourceMappingURL=index.es57.js.map
+//# sourceMappingURL=index59.es.js.map

package/dist/{index.es57.js.map → index59.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es57.js","sources":["../src/components/ui/map-toolbar/map-toolbar.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Button, DropdownMenu, Typography } from '@/index'\nimport { Maximize, Minimize } from 'lucide-react'\nimport { MapToolbarProps } from './map-toolbar.types'\nimport { MAP_LAYER_CONFIG, MAP_LAYER_TYPES } from './map-layer-config'\n\nexport const MapToolbar: React.FC<MapToolbarProps> = ({\n  map,\n  mapRef,\n  hideCTA = false,\n  hideDropPin = false,\n  isDropActive = false,\n  isFullScreen = false,\n  setFullScreen,\n  onToggleIsDropAPin,\n  disableDropPin = false,\n  mapId,\n  ctaConfig,\n  children,\n}) => {\n  //   console.log('hideDropPin:', hideDropPin) // Now this will correctly log the boolean value\n\n  const onZoomIn = () => {\n    map?.setZoom(Number(map?.getZoom()) + 1)\n  }\n\n  const onZoomOut = () => {\n    map?.setZoom(Number(map?.getZoom()) - 1)\n  }\n\n  const toggleFullscreen = () => {\n    if (!mapRef.current) return\n\n    if (document.fullscreenElement) {\n      document.exitFullscreen().then(() => setFullScreen?.(false))\n    } else if (mapRef.current.requestFullscreen) {\n      mapRef.current.requestFullscreen().then(() => setFullScreen?.(true))\n    }\n  }\n\n  const [currentMapType, setCurrentMapType] = useState('ROADMAP')\n  const [trafficLayer, setTrafficLayer] =\n    useState<google.maps.TrafficLayer | null>(null)\n  const toggleTrafficLayer = (enabled: boolean) => {\n    if (!map) return\n    if (enabled) {\n      if (!trafficLayer) {\n        const newTrafficLayer = new google.maps.TrafficLayer()\n        newTrafficLayer.setMap(map)\n        setTrafficLayer(newTrafficLayer)\n      }\n    } else {\n      trafficLayer?.setMap(null)\n      setTrafficLayer(null)\n    }\n  }\n\n  const mapLayerOptions = MAP_LAYER_TYPES.map(\n    ({ key, label, type, traffic }) => ({\n      key: key.toLowerCase(),\n      label,\n      onClick: () => {\n        map?.setMapTypeId(type)\n        setCurrentMapType(key)\n        toggleTrafficLayer(traffic)\n      },\n      icon: (\n        <img\n          src={MAP_LAYER_CONFIG[key as keyof typeof MAP_LAYER_CONFIG]} // Type assertion here\n          alt={`${label} map`}\n          width={24}\n          height={24}\n          className=\"mr-2\"\n        />\n      ),\n    })\n  )\n\n  return (\n    <div className=\"z-10 mb-2 flex h-[48px] items-center justify-center rounded-[.5rem] bg-light-1 p-1 shadow-lg\">\n      <div className=\"mr-2 box-border flex h-full w-10 items-center justify-center rounded-lg border border-primary-2 p-[2px]\">\n        <DropdownMenu\n          header={<Typography variant=\"body2\">Map Layers</Typography>}\n          optionGroups={[mapLayerOptions]}\n          trigger={\n            <img\n              src={\n                MAP_LAYER_CONFIG[\n                  currentMapType as keyof typeof MAP_LAYER_CONFIG\n                ]\n              }\n              alt=\"default map\"\n              className=\"box-border h-8\"\n            />\n          }\n          container={document.getElementById(mapId || '')}\n        />\n      </div>\n      {children}\n      <div\n        className={`border-stroke-2 flex h-[90%] items-center justify-center border-l ${hideDropPin ? '' : 'border-r'}`}\n      >\n        <Button variant=\"teritiary\" onClick={onZoomIn}>\n          <img\n            src=\"https://frontend-static-files.geoiq.io/strapi/plus_black_da6e5287cf.svg\"\n            alt=\"plus icon\"\n            width={20}\n            height={20}\n          />\n        </Button>\n        <Button variant=\"teritiary\" className=\"mr-2\" onClick={onZoomOut}>\n          <img\n            src=\"https://frontend-static-files.geoiq.io/strapi/Vector_9d9765da36.svg\"\n            alt=\"minus icon\"\n            width={15}\n            height={20}\n          />\n        </Button>\n        <Button\n          className=\"cursor-pointer\"\n          onClick={toggleFullscreen}\n          variant=\"teritiary\"\n          aria-label=\"Toggle Fullscreen\"\n        >\n          {isFullScreen ? (\n            <Minimize className=\"w-5 h-5 stroke-light-1\" />\n          ) : (\n            <Maximize className=\"w-5 h-5 stroke-light-1\" />\n          )}\n        </Button>\n      </div>\n\n      {!hideDropPin && (\n        <div\n          className={`border-stroke-2 ml-.5 flex h-[90%] ${!hideCTA ? 'mr-2 border-r' : ''} px-1`}\n        >\n          <Button\n            variant=\"teritiary\"\n            className={`flex h-fit items-center justify-center ${isDropActive ? 'border border-primary-2 bg-primary-1' : ''}`}\n            onClick={() =>\n              onToggleIsDropAPin && onToggleIsDropAPin(!isDropActive)\n            }\n            disabled={disableDropPin}\n          >\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/map_pin_ed26828f00.svg\"\n              height={18}\n              width={18}\n              alt=\"Drop Pin\"\n            />\n          </Button>\n        </div>\n      )}\n      {!hideCTA && ctaConfig && (\n        <div>\n          <Button\n            variant=\"primary\"\n            size={'md'}\n            onClick={ctaConfig.ctaCallback}\n            disabled={hideCTA}\n          >\n            {ctaConfig.ctaLabel}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["MapToolbar","map","mapRef","hideCTA","hideDropPin","isDropActive","isFullScreen","setFullScreen","onToggleIsDropAPin","disableDropPin","mapId","ctaConfig","children","onZoomIn","onZoomOut","toggleFullscreen","currentMapType","setCurrentMapType","useState","trafficLayer","setTrafficLayer","toggleTrafficLayer","enabled","newTrafficLayer","mapLayerOptions","MAP_LAYER_TYPES","key","label","type","traffic","React","MAP_LAYER_CONFIG","DropdownMenu","Typography","Button","Minimize","Maximize"],"mappings":"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"}
+{"version":3,"file":"index59.es.js","sources":["../src/components/ui/map-toolbar/map-toolbar.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Button, DropdownMenu, Typography } from '@/index'\nimport { Maximize, Minimize } from 'lucide-react'\nimport { MapToolbarProps } from './map-toolbar.types'\nimport { MAP_LAYER_CONFIG, MAP_LAYER_TYPES } from './map-layer-config'\n\nexport const MapToolbar: React.FC<MapToolbarProps> = ({\n  map,\n  mapRef,\n  hideCTA = false,\n  hideDropPin = false,\n  isDropActive = false,\n  isFullScreen = false,\n  setFullScreen,\n  onToggleIsDropAPin,\n  disableDropPin = false,\n  mapId,\n  ctaConfig,\n  children,\n}) => {\n  //   console.log('hideDropPin:', hideDropPin) // Now this will correctly log the boolean value\n\n  const onZoomIn = () => {\n    map?.setZoom(Number(map?.getZoom()) + 1)\n  }\n\n  const onZoomOut = () => {\n    map?.setZoom(Number(map?.getZoom()) - 1)\n  }\n\n  const toggleFullscreen = () => {\n    if (!mapRef.current) return\n\n    if (document.fullscreenElement) {\n      document.exitFullscreen().then(() => setFullScreen?.(false))\n    } else if (mapRef.current.requestFullscreen) {\n      mapRef.current.requestFullscreen().then(() => setFullScreen?.(true))\n    }\n  }\n\n  const [currentMapType, setCurrentMapType] = useState('ROADMAP')\n  const [trafficLayer, setTrafficLayer] =\n    useState<google.maps.TrafficLayer | null>(null)\n  const toggleTrafficLayer = (enabled: boolean) => {\n    if (!map) return\n    if (enabled) {\n      if (!trafficLayer) {\n        const newTrafficLayer = new google.maps.TrafficLayer()\n        newTrafficLayer.setMap(map)\n        setTrafficLayer(newTrafficLayer)\n      }\n    } else {\n      trafficLayer?.setMap(null)\n      setTrafficLayer(null)\n    }\n  }\n\n  const mapLayerOptions = MAP_LAYER_TYPES.map(\n    ({ key, label, type, traffic }) => ({\n      key: key.toLowerCase(),\n      label,\n      onClick: () => {\n        map?.setMapTypeId(type)\n        setCurrentMapType(key)\n        toggleTrafficLayer(traffic)\n      },\n      icon: (\n        <img\n          src={MAP_LAYER_CONFIG[key as keyof typeof MAP_LAYER_CONFIG]} // Type assertion here\n          alt={`${label} map`}\n          width={24}\n          height={24}\n          className=\"mr-2\"\n        />\n      ),\n    })\n  )\n\n  return (\n    <div className=\"z-10 mb-2 flex h-[48px] items-center justify-center rounded-[.5rem] bg-light-1 p-1 shadow-lg\">\n      <div className=\"mr-2 box-border flex h-full w-10 items-center justify-center rounded-lg border border-primary-2 p-[2px]\">\n        <DropdownMenu\n          header={<Typography variant=\"body2\">Map Layers</Typography>}\n          optionGroups={[mapLayerOptions]}\n          trigger={\n            <img\n              src={\n                MAP_LAYER_CONFIG[\n                  currentMapType as keyof typeof MAP_LAYER_CONFIG\n                ]\n              }\n              alt=\"default map\"\n              className=\"box-border h-8\"\n            />\n          }\n          container={document.getElementById(mapId || '')}\n        />\n      </div>\n      {children}\n      <div\n        className={`border-stroke-2 flex h-[90%] items-center justify-center border-l ${hideDropPin ? '' : 'border-r'}`}\n      >\n        <Button variant=\"teritiary\" onClick={onZoomIn}>\n          <img\n            src=\"https://frontend-static-files.geoiq.io/strapi/plus_black_da6e5287cf.svg\"\n            alt=\"plus icon\"\n            width={20}\n            height={20}\n          />\n        </Button>\n        <Button variant=\"teritiary\" className=\"mr-2\" onClick={onZoomOut}>\n          <img\n            src=\"https://frontend-static-files.geoiq.io/strapi/Vector_9d9765da36.svg\"\n            alt=\"minus icon\"\n            width={15}\n            height={20}\n          />\n        </Button>\n        <Button\n          className=\"cursor-pointer\"\n          onClick={toggleFullscreen}\n          variant=\"teritiary\"\n          aria-label=\"Toggle Fullscreen\"\n        >\n          {isFullScreen ? (\n            <Minimize className=\"w-5 h-5 stroke-light-1\" />\n          ) : (\n            <Maximize className=\"w-5 h-5 stroke-light-1\" />\n          )}\n        </Button>\n      </div>\n\n      {!hideDropPin && (\n        <div\n          className={`border-stroke-2 ml-.5 flex h-[90%] ${!hideCTA ? 'mr-2 border-r' : ''} px-1`}\n        >\n          <Button\n            variant=\"teritiary\"\n            className={`flex h-fit items-center justify-center ${isDropActive ? 'border border-primary-2 bg-primary-1' : ''}`}\n            onClick={() =>\n              onToggleIsDropAPin && onToggleIsDropAPin(!isDropActive)\n            }\n            disabled={disableDropPin}\n          >\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/map_pin_ed26828f00.svg\"\n              height={18}\n              width={18}\n              alt=\"Drop Pin\"\n            />\n          </Button>\n        </div>\n      )}\n      {!hideCTA && ctaConfig && (\n        <div>\n          <Button\n            variant=\"primary\"\n            size={'md'}\n            onClick={ctaConfig.ctaCallback}\n            disabled={hideCTA}\n          >\n            {ctaConfig.ctaLabel}\n          </Button>\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["MapToolbar","map","mapRef","hideCTA","hideDropPin","isDropActive","isFullScreen","setFullScreen","onToggleIsDropAPin","disableDropPin","mapId","ctaConfig","children","onZoomIn","onZoomOut","toggleFullscreen","currentMapType","setCurrentMapType","useState","trafficLayer","setTrafficLayer","toggleTrafficLayer","enabled","newTrafficLayer","mapLayerOptions","MAP_LAYER_TYPES","key","label","type","traffic","React","MAP_LAYER_CONFIG","DropdownMenu","Typography","Button","Minimize","Maximize"],"mappings":"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"}

package/dist/{index.es6.js → index6.es.js}

@@ -1,4 +1,4 @@
-import { Avatar as n, AvatarImage as i, AvatarFallback as v } from "./index.es7.js";
+import { Avatar as n, AvatarImage as i, AvatarFallback as v } from "./index7.es.js";
 import e from "react";
 function f({
   imageSrc: r,
@@ -24,4 +24,4 @@ function f({
 export {
   f as AvatarDemo
 };
-//# sourceMappingURL=index.es6.js.map
+//# sourceMappingURL=index6.es.js.map

package/dist/{index.es6.js.map → index6.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es6.js","sources":["../src/components/atoms/avatar/avatar.tsx"],"sourcesContent":["import { Avatar, AvatarFallback, AvatarImage } from './avatar-components'\nimport { AvatarProps } from './avatar.types'\nimport React from 'react'\n\nexport function AvatarDemo({\n  imageSrc,\n  alt,\n  size = 'sm',\n  fallback,\n  fallbackProps,\n  imageProps,\n  avatarProps,\n  id,\n}: AvatarProps) {\n  return (\n    <Avatar\n      id={id}\n      className={`border hover:bg-hover-s1 active:bg-click-s1 focus:bg-click-s1 cursor-pointer border-neutral-1 ${size === 'sm' ? 'h-8 w-8' : 'h-10 w-10'}`}\n      {...avatarProps}\n    >\n      <AvatarImage src={imageSrc} alt={alt} {...imageProps} />\n      <AvatarFallback {...fallbackProps}>{fallback}</AvatarFallback>\n    </Avatar>\n  )\n}\n"],"names":["AvatarDemo","imageSrc","alt","size","fallback","fallbackProps","imageProps","avatarProps","id","React","Avatar","AvatarImage","AvatarFallback"],"mappings":";;AAIO,SAASA,EAAW;AAAA,EACzB,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,IAAAC;AACF,GAAgB;AACd,SACEC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAF;AAAA,MACA,WAAW,iGAAiGL,MAAS,OAAO,YAAY,WAAW;AAAA,MAClJ,GAAGI;AAAA,IAAA;AAAA,oCAEHI,GAAA,EAAY,KAAKV,GAAU,KAAAC,GAAW,GAAGI,GAAY;AAAA,IACtDG,gBAAAA,EAAA,cAACG,GAAA,EAAgB,GAAGP,EAAA,GAAgBD,CAAS;AAAA,EAAA;AAGnD;"}
+{"version":3,"file":"index6.es.js","sources":["../src/components/atoms/avatar/avatar.tsx"],"sourcesContent":["import { Avatar, AvatarFallback, AvatarImage } from './avatar-components'\nimport { AvatarProps } from './avatar.types'\nimport React from 'react'\n\nexport function AvatarDemo({\n  imageSrc,\n  alt,\n  size = 'sm',\n  fallback,\n  fallbackProps,\n  imageProps,\n  avatarProps,\n  id,\n}: AvatarProps) {\n  return (\n    <Avatar\n      id={id}\n      className={`border hover:bg-hover-s1 active:bg-click-s1 focus:bg-click-s1 cursor-pointer border-neutral-1 ${size === 'sm' ? 'h-8 w-8' : 'h-10 w-10'}`}\n      {...avatarProps}\n    >\n      <AvatarImage src={imageSrc} alt={alt} {...imageProps} />\n      <AvatarFallback {...fallbackProps}>{fallback}</AvatarFallback>\n    </Avatar>\n  )\n}\n"],"names":["AvatarDemo","imageSrc","alt","size","fallback","fallbackProps","imageProps","avatarProps","id","React","Avatar","AvatarImage","AvatarFallback"],"mappings":";;AAIO,SAASA,EAAW;AAAA,EACzB,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,IAAAC;AACF,GAAgB;AACd,SACEC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAF;AAAA,MACA,WAAW,iGAAiGL,MAAS,OAAO,YAAY,WAAW;AAAA,MAClJ,GAAGI;AAAA,IAAA;AAAA,oCAEHI,GAAA,EAAY,KAAKV,GAAU,KAAAC,GAAW,GAAGI,GAAY;AAAA,IACtDG,gBAAAA,EAAA,cAACG,GAAA,EAAgB,GAAGP,EAAA,GAAgBD,CAAS;AAAA,EAAA;AAGnD;"}

package/dist/{index.es58.js → index60.es.js}

@@ -1,8 +1,9 @@
 import * as r from "react";
 import { ChevronRight as s, ChevronLeft as i } from "lucide-react";
 import { DayPicker as c } from "react-day-picker";
-import { cn as e } from "./index.es89.js";
-import { ButtonVariants as m } from "./index.es75.js";
+import { cn as e } from "./index91.es.js";
+import "./index9.es.js";
+import { ButtonVariants as m } from "./index77.es.js";
 function g({
   className: n,
   classNames: o,
@@ -72,4 +73,4 @@ g.displayName = "Calendar";
 export {
   g as Calendar
 };
-//# sourceMappingURL=index.es58.js.map
+//# sourceMappingURL=index60.es.js.map

package/dist/{index.es58.js.map → index60.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es58.js","sources":["../src/components/unstyled/calendar/calendar.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport { DayPicker } from 'react-day-picker'\n\nimport { cn } from '@/lib/utils'\nimport { ButtonVariants } from '@/components/atoms/button'\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = false,\n  ...props\n}: CalendarProps) {\n  return (\n    <DayPicker\n      className={cn('p-3 bg-white rounded-lg', className)}\n      showOutsideDays={showOutsideDays} // Hides extra days\n      classNames={{\n        months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',\n        month: 'space-y-4',\n        caption: 'flex justify-center pt-1 relative items-center',\n        caption_label: 'text-sm font-medium',\n        nav: 'space-x-1 flex items-center',\n        nav_button: cn(\n          ButtonVariants({ variant: 'secondary' }),\n          'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 '\n        ),\n        nav_button_previous: 'absolute left-1',\n        nav_button_next: 'absolute right-1',\n        table: 'w-full border-collapse space-y-1',\n        head_row: 'flex',\n        head_cell:\n          'text-muted-foreground test-md w-8 font-normal text-[0.8rem] w-full',\n        // row: 'flex w-full mt-2 ',\n        row: 'grid grid-cols-7 ',\n\n        // cell: cn(\n        //   ' relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:test-r-md',\n        //   props.mode === 'range'\n        //     ? '[&:has(>.day-range-end)]:test-r-md [&:has(>.day-range-start)]:test-l-md first:[&:has([aria-selected])]:test-l-md last:[&:has([aria-selected])]:test-r-md'\n        //     : '[&:has([aria-selected])]:test-md'\n        // ),\n        // day: 'h-10 w-10 p-0 font-normal aria-selected:opacity-100 hover:bg-primary-1  hover:rounded-lg  ',\n        // day_range_start: 'day-range-start !bg-rest-p1 rounded-l-lg rounded-r-none hover:rounded-r-none',\n        // day_range_end: 'day-range-end rounded-r-lg hover:rounded-l-none',\n        // day_selected: cn(\n        //   ' text-white bg-rest-p1 hover:bg-rest-p1  w-10  '\n        // ),\n        day_today: 'bg-primary-1  rounded-lg',\n        day_outside: 'text-light-4  ',\n        day_disabled: 'text-light-4 opacity-50',\n        day_range_middle:\n          'aria-selected:bg-primary-2 aria-selected:text-light-2 hover:rounded-none',\n        day_hidden: 'invisible',\n        cell: cn(\n          'relative p-0 text-center text-sm focus-within:relative focus-within:z-20',\n          '[&:has([aria-selected])]:bg-accent',\n          '[&:has([aria-selected].day-outside)]:bg-accent/50',\n          props.mode === 'range'\n            ? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n            : '[&:has([aria-selected])]:rounded-lg'\n        ),\n        day: 'h-10 w-10 p-0 font-normal aria-selected:opacity-100 hover:bg-primary-1 hover:rounded-lg',\n        day_range_start:\n          'day-range-start !bg-rest-p1 rounded-l-lg hover:rounded-l-lg rounded-r-none [&:has([aria-selected].day-range-end)]::rounded-r-lg ',\n        day_range_end:\n          'day-range-end rounded-r-lg hover:rounded-r-lg hover:rounded-l-none',\n        day_selected: cn('text-white bg-rest-p1 hover:bg-rest-p1 w-10'),\n        ...classNames,\n      }}\n      components={{\n        IconLeft: ({ className, ...props }) => (\n          <ChevronLeft className={cn('h-4 w-4', className)} {...props} />\n        ),\n        IconRight: ({ className, ...props }) => (\n          <ChevronRight className={cn('h-4 w-4', className)} {...props} />\n        ),\n      }}\n      {...props}\n    />\n  )\n}\nCalendar.displayName = 'Calendar'\n\nexport { Calendar }\n"],"names":["Calendar","className","classNames","showOutsideDays","props","React","DayPicker","cn","ButtonVariants","ChevronLeft","ChevronRight"],"mappings":";;;;;AASA,SAASA,EAAS;AAAA,EAChB,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,GAAkB;AAChB,SACE,gBAAAC,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,2BAA2BN,CAAS;AAAA,MAClD,iBAAAE;AAAA,MACA,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,YAAYI;AAAA,UACVC,EAAe,EAAE,SAAS,aAAa;AAAA,UACvC;AAAA,QAAA;AAAA,QAEF,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WACE;AAAA;AAAA,QAEF,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAcL,WAAW;AAAA,QACX,aAAa;AAAA,QACb,cAAc;AAAA,QACd,kBACE;AAAA,QACF,YAAY;AAAA,QACZ,MAAMD;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACAH,EAAM,SAAS,UACX,yKACA;AAAA,QAAA;AAAA,QAEN,KAAK;AAAA,QACL,iBACE;AAAA,QACF,eACE;AAAA,QACF,cAAcG,EAAG,6CAA6C;AAAA,QAC9D,GAAGL;AAAA,MAAA;AAAA,MAEL,YAAY;AAAA,QACV,UAAU,CAAC,EAAE,WAAAD,GAAW,GAAGG,EAAAA,MACzB,gBAAAC,EAAA,cAACI,GAAA,EAAY,WAAWF,EAAG,WAAWN,CAAS,GAAI,GAAGG,GAAO;AAAA,QAE/D,WAAW,CAAC,EAAE,WAAAH,GAAW,GAAGG,EAAAA,MAC1B,gBAAAC,EAAA,cAACK,GAAA,EAAa,WAAWH,EAAG,WAAWN,CAAS,GAAI,GAAGG,EAAAA,CAAO;AAAA,MAAA;AAAA,MAGjE,GAAGA;AAAA,IAAA;AAAA,EAAA;AAGV;AACAJ,EAAS,cAAc;"}
+{"version":3,"file":"index60.es.js","sources":["../src/components/unstyled/calendar/calendar.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ChevronLeft, ChevronRight } from 'lucide-react'\nimport { DayPicker } from 'react-day-picker'\n\nimport { cn } from '@/lib/utils'\nimport { ButtonVariants } from '@/components/atoms/button'\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = false,\n  ...props\n}: CalendarProps) {\n  return (\n    <DayPicker\n      className={cn('p-3 bg-white rounded-lg', className)}\n      showOutsideDays={showOutsideDays} // Hides extra days\n      classNames={{\n        months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',\n        month: 'space-y-4',\n        caption: 'flex justify-center pt-1 relative items-center',\n        caption_label: 'text-sm font-medium',\n        nav: 'space-x-1 flex items-center',\n        nav_button: cn(\n          ButtonVariants({ variant: 'secondary' }),\n          'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 '\n        ),\n        nav_button_previous: 'absolute left-1',\n        nav_button_next: 'absolute right-1',\n        table: 'w-full border-collapse space-y-1',\n        head_row: 'flex',\n        head_cell:\n          'text-muted-foreground test-md w-8 font-normal text-[0.8rem] w-full',\n        // row: 'flex w-full mt-2 ',\n        row: 'grid grid-cols-7 ',\n\n        // cell: cn(\n        //   ' relative p-0 text-center text-sm focus-within:relative focus-within:z-20 [&:has([aria-selected])]:bg-accent [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected].day-range-end)]:test-r-md',\n        //   props.mode === 'range'\n        //     ? '[&:has(>.day-range-end)]:test-r-md [&:has(>.day-range-start)]:test-l-md first:[&:has([aria-selected])]:test-l-md last:[&:has([aria-selected])]:test-r-md'\n        //     : '[&:has([aria-selected])]:test-md'\n        // ),\n        // day: 'h-10 w-10 p-0 font-normal aria-selected:opacity-100 hover:bg-primary-1  hover:rounded-lg  ',\n        // day_range_start: 'day-range-start !bg-rest-p1 rounded-l-lg rounded-r-none hover:rounded-r-none',\n        // day_range_end: 'day-range-end rounded-r-lg hover:rounded-l-none',\n        // day_selected: cn(\n        //   ' text-white bg-rest-p1 hover:bg-rest-p1  w-10  '\n        // ),\n        day_today: 'bg-primary-1  rounded-lg',\n        day_outside: 'text-light-4  ',\n        day_disabled: 'text-light-4 opacity-50',\n        day_range_middle:\n          'aria-selected:bg-primary-2 aria-selected:text-light-2 hover:rounded-none',\n        day_hidden: 'invisible',\n        cell: cn(\n          'relative p-0 text-center text-sm focus-within:relative focus-within:z-20',\n          '[&:has([aria-selected])]:bg-accent',\n          '[&:has([aria-selected].day-outside)]:bg-accent/50',\n          props.mode === 'range'\n            ? '[&:has(>.day-range-end)]:rounded-r-md [&:has(>.day-range-start)]:rounded-l-md first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md'\n            : '[&:has([aria-selected])]:rounded-lg'\n        ),\n        day: 'h-10 w-10 p-0 font-normal aria-selected:opacity-100 hover:bg-primary-1 hover:rounded-lg',\n        day_range_start:\n          'day-range-start !bg-rest-p1 rounded-l-lg hover:rounded-l-lg rounded-r-none [&:has([aria-selected].day-range-end)]::rounded-r-lg ',\n        day_range_end:\n          'day-range-end rounded-r-lg hover:rounded-r-lg hover:rounded-l-none',\n        day_selected: cn('text-white bg-rest-p1 hover:bg-rest-p1 w-10'),\n        ...classNames,\n      }}\n      components={{\n        IconLeft: ({ className, ...props }) => (\n          <ChevronLeft className={cn('h-4 w-4', className)} {...props} />\n        ),\n        IconRight: ({ className, ...props }) => (\n          <ChevronRight className={cn('h-4 w-4', className)} {...props} />\n        ),\n      }}\n      {...props}\n    />\n  )\n}\nCalendar.displayName = 'Calendar'\n\nexport { Calendar }\n"],"names":["Calendar","className","classNames","showOutsideDays","props","React","DayPicker","cn","ButtonVariants","ChevronLeft","ChevronRight"],"mappings":";;;;;;AASA,SAASA,EAAS;AAAA,EAChB,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC,IAAkB;AAAA,EAClB,GAAGC;AACL,GAAkB;AAChB,SACE,gBAAAC,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,WAAWC,EAAG,2BAA2BN,CAAS;AAAA,MAClD,iBAAAE;AAAA,MACA,YAAY;AAAA,QACV,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,SAAS;AAAA,QACT,eAAe;AAAA,QACf,KAAK;AAAA,QACL,YAAYI;AAAA,UACVC,EAAe,EAAE,SAAS,aAAa;AAAA,UACvC;AAAA,QAAA;AAAA,QAEF,qBAAqB;AAAA,QACrB,iBAAiB;AAAA,QACjB,OAAO;AAAA,QACP,UAAU;AAAA,QACV,WACE;AAAA;AAAA,QAEF,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAcL,WAAW;AAAA,QACX,aAAa;AAAA,QACb,cAAc;AAAA,QACd,kBACE;AAAA,QACF,YAAY;AAAA,QACZ,MAAMD;AAAA,UACJ;AAAA,UACA;AAAA,UACA;AAAA,UACAH,EAAM,SAAS,UACX,yKACA;AAAA,QAAA;AAAA,QAEN,KAAK;AAAA,QACL,iBACE;AAAA,QACF,eACE;AAAA,QACF,cAAcG,EAAG,6CAA6C;AAAA,QAC9D,GAAGL;AAAA,MAAA;AAAA,MAEL,YAAY;AAAA,QACV,UAAU,CAAC,EAAE,WAAAD,GAAW,GAAGG,EAAAA,MACzB,gBAAAC,EAAA,cAACI,GAAA,EAAY,WAAWF,EAAG,WAAWN,CAAS,GAAI,GAAGG,GAAO;AAAA,QAE/D,WAAW,CAAC,EAAE,WAAAH,GAAW,GAAGG,EAAAA,MAC1B,gBAAAC,EAAA,cAACK,GAAA,EAAa,WAAWH,EAAG,WAAWN,CAAS,GAAI,GAAGG,EAAAA,CAAO;AAAA,MAAA;AAAA,MAGjE,GAAGA;AAAA,IAAA;AAAA,EAAA;AAGV;AACAJ,EAAS,cAAc;"}

package/dist/{index.es59.js → index61.es.js}

@@ -1,5 +1,5 @@
 import t from "react";
-import { Carousel as m, CarouselContent as n, CarouselItem as r, CarouselPrevious as s, CarouselNext as c } from "./index.es105.js";
+import { Carousel as m, CarouselContent as n, CarouselItem as r, CarouselPrevious as s, CarouselNext as c } from "./index119.es.js";
 const i = (e) => /* @__PURE__ */ t.createElement(
   m,
   {
@@ -23,4 +23,4 @@ const i = (e) => /* @__PURE__ */ t.createElement(
 export {
   i as _Carousel
 };
-//# sourceMappingURL=index.es59.js.map
+//# sourceMappingURL=index61.es.js.map

package/dist/{index.es59.js.map → index61.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es59.js","sources":["../src/components/unstyled/carousel/carousel.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n} from './carousel-components'\nimport { CarouselPropsType } from './carousel.types'\n\nexport const _Carousel: React.FC<CarouselPropsType> = (props) => {\n  return (\n    <Carousel\n      className={`flex items-center justify-center ${props.className} `}\n      id={props.id}\n      opts={{\n        loop: props.loop || false,\n      }}\n      {...props}\n    >\n      <CarouselContent className={`${props.contentClassName}`}>\n        {props.items.map((item, index) => {\n          return (\n            <CarouselItem\n              key={index}\n              className={`flex items-center justify-center ${props.itemsClassName}`}\n            >\n              {item}\n            </CarouselItem>\n          )\n        })}\n      </CarouselContent>\n      {!props.hideArrows ? (\n        <>\n          <CarouselPrevious />\n          <CarouselNext />\n        </>\n      ) : null}\n    </Carousel>\n  )\n}\n"],"names":["_Carousel","props","React","Carousel","CarouselContent","item","index","CarouselItem","CarouselPrevious","CarouselNext"],"mappings":";;AAUO,MAAMA,IAAyC,CAACC,MAEnDC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAW,oCAAoCF,EAAM,SAAS;AAAA,IAC9D,IAAIA,EAAM;AAAA,IACV,MAAM;AAAA,MACJ,MAAMA,EAAM,QAAQ;AAAA,IAAA;AAAA,IAErB,GAAGA;AAAA,EAAA;AAAA,EAEJC,gBAAAA,EAAA,cAACE,GAAA,EAAgB,WAAW,GAAGH,EAAM,gBAAgB,GAAA,GAClDA,EAAM,MAAM,IAAI,CAACI,GAAMC,MAEpBJ,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,WAAW,oCAAoCL,EAAM,cAAc;AAAA,IAAA;AAAA,IAElEI;AAAA,EAAA,CAGN,CACH;AAAA,EACEJ,EAAM,aAKJ,OAJFC,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA,cAACM,OAAiB,GAClBN,gBAAAA,EAAA,cAACO,GAAA,IAAa,CAChB;AACE;"}
+{"version":3,"file":"index61.es.js","sources":["../src/components/unstyled/carousel/carousel.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselNext,\n  CarouselPrevious,\n} from './carousel-components'\nimport { CarouselPropsType } from './carousel.types'\n\nexport const _Carousel: React.FC<CarouselPropsType> = (props) => {\n  return (\n    <Carousel\n      className={`flex items-center justify-center ${props.className} `}\n      id={props.id}\n      opts={{\n        loop: props.loop || false,\n      }}\n      {...props}\n    >\n      <CarouselContent className={`${props.contentClassName}`}>\n        {props.items.map((item, index) => {\n          return (\n            <CarouselItem\n              key={index}\n              className={`flex items-center justify-center ${props.itemsClassName}`}\n            >\n              {item}\n            </CarouselItem>\n          )\n        })}\n      </CarouselContent>\n      {!props.hideArrows ? (\n        <>\n          <CarouselPrevious />\n          <CarouselNext />\n        </>\n      ) : null}\n    </Carousel>\n  )\n}\n"],"names":["_Carousel","props","React","Carousel","CarouselContent","item","index","CarouselItem","CarouselPrevious","CarouselNext"],"mappings":";;AAUO,MAAMA,IAAyC,CAACC,MAEnDC,gBAAAA,EAAA;AAAA,EAACC;AAAA,EAAA;AAAA,IACC,WAAW,oCAAoCF,EAAM,SAAS;AAAA,IAC9D,IAAIA,EAAM;AAAA,IACV,MAAM;AAAA,MACJ,MAAMA,EAAM,QAAQ;AAAA,IAAA;AAAA,IAErB,GAAGA;AAAA,EAAA;AAAA,EAEJC,gBAAAA,EAAA,cAACE,GAAA,EAAgB,WAAW,GAAGH,EAAM,gBAAgB,GAAA,GAClDA,EAAM,MAAM,IAAI,CAACI,GAAMC,MAEpBJ,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,WAAW,oCAAoCL,EAAM,cAAc;AAAA,IAAA;AAAA,IAElEI;AAAA,EAAA,CAGN,CACH;AAAA,EACEJ,EAAM,aAKJ,OAJFC,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA,cAACM,OAAiB,GAClBN,gBAAAA,EAAA,cAACO,GAAA,IAAa,CAChB;AACE;"}

package/dist/{index.es60.js → index62.es.js}

@@ -1,8 +1,8 @@
 import * as e from "react";
 import { Command as m, useCommandState as s } from "cmdk";
 import { Search as p } from "lucide-react";
-import { cn as d } from "./index.es89.js";
-import { Dialog as c, DialogContent as i } from "./index.es78.js";
+import { cn as d } from "./index91.es.js";
+import { Dialog as c, DialogContent as i } from "./index80.es.js";
 const n = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
   m,
   {
@@ -104,4 +104,4 @@ export {
   h as CommandSeparator,
   y as CommandShortcut
 };
-//# sourceMappingURL=index.es60.js.map
+//# sourceMappingURL=index62.es.js.map