geoiq-frontend-ui-kit 2.0.0 → 2.0.2

package/dist/index.es5.js

@@ -1,42 +1,44 @@
-import * as a from "react";
-import * as e from "@radix-ui/react-avatar";
-import { cn as m } from "./index.es81.js";
-const s = a.forwardRef(({ className: l, ...r }, t) => /* @__PURE__ */ a.createElement(
-  e.Root,
+import * as e from "react";
+import * as t from "@radix-ui/react-accordion";
+import { ChevronDown as c } from "lucide-react";
+import { cn as i } from "./index.es89.js";
+const p = t.Root, m = e.forwardRef(({ className: a, ...o }, r) => /* @__PURE__ */ e.createElement(
+  t.Item,
   {
-    ref: t,
-    className: m(
-      "relative flex h-full w-full shrink-0 overflow-hidden rounded-full",
-      l
-    ),
-    ...r
+    ref: r,
+    className: i("border-b pb-2 border-light-1", a),
+    ...o
   }
 ));
-s.displayName = e.Root.displayName;
-const f = a.forwardRef(({ className: l, ...r }, t) => /* @__PURE__ */ a.createElement(
-  e.Image,
+m.displayName = "AccordionItem";
+const s = e.forwardRef(({ className: a, children: o, ...r }, n) => /* @__PURE__ */ e.createElement(t.Header, { className: "flex" }, /* @__PURE__ */ e.createElement(
+  t.Trigger,
   {
-    ref: t,
-    className: m("aspect-square h-full w-full", l),
+    ref: n,
+    className: i(
+      "flex flex-1 items-center justify-between font-medium transition-all [&[data-state=open]>svg]:rotate-180",
+      a
+    ),
     ...r
-  }
-));
-f.displayName = e.Image.displayName;
-const o = a.forwardRef(({ className: l, ...r }, t) => /* @__PURE__ */ a.createElement(
-  e.Fallback,
+  },
+  o,
+  /* @__PURE__ */ e.createElement(c, { className: "h-4 w-4 shrink-0 transition-transform duration-200" })
+)));
+s.displayName = t.Trigger.displayName;
+const d = e.forwardRef(({ className: a, children: o, ...r }, n) => /* @__PURE__ */ e.createElement(
+  t.Content,
   {
-    ref: t,
-    className: m(
-      "flex h-full w-full items-center justify-center rounded-full bg-muted",
-      l
-    ),
+    ref: n,
+    className: "overflow-hidden text-sm transition-all data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
     ...r
-  }
+  },
+  /* @__PURE__ */ e.createElement("div", { className: i("pt-0", a) }, o)
 ));
-o.displayName = e.Fallback.displayName;
+d.displayName = t.Content.displayName;
 export {
-  s as Avatar,
-  o as AvatarFallback,
-  f as AvatarImage
+  p as Accordion,
+  d as AccordionContent,
+  m as AccordionItem,
+  s as AccordionTrigger
 };
 //# sourceMappingURL=index.es5.js.map

package/dist/index.es5.js.map

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

package/dist/index.es50.js

@@ -1,146 +1,12 @@
-import e, { useState as u } from "react";
-import { Button as i } from "./index.es7.js";
-import { Typography as C } from "./index.es17.js";
-import { Dropdown as Z } from "./index.es20.js";
-import "clsx";
-import "tailwind-merge";
-import { Minimize as q, Maximize as F } from "lucide-react";
-import "./index.es53.js";
-import "./index.es82.js";
-import "./index.es26.js";
-import "./index.es32.js";
-import { MAP_LAYER_TYPES as j, MAP_LAYER_CONFIG as g } from "./index.es110.js";
-const D = ({
-  map: t,
-  mapRef: l,
-  hideCTA: o = !1,
-  hideDropPin: n = !1,
-  isDropActive: c = !1,
-  isFullScreen: h = !1,
-  setFullScreen: m,
-  onToggleIsDropAPin: f,
-  disableDropPin: b = !1,
-  mapId: y,
-  ctaConfig: s,
-  children: E
-}) => {
-  const N = () => {
-    t?.setZoom(Number(t?.getZoom()) + 1);
-  }, v = () => {
-    t?.setZoom(Number(t?.getZoom()) - 1);
-  }, x = () => {
-    l.current && (document.fullscreenElement ? document.exitFullscreen().then(() => m?.(!1)) : l.current.requestFullscreen && l.current.requestFullscreen().then(() => m?.(!0)));
-  }, [w, M] = u("ROADMAP"), [d, p] = u(null), k = (r) => {
-    if (t)
-      if (r) {
-        if (!d) {
-          const a = new google.maps.TrafficLayer();
-          a.setMap(t), p(a);
-        }
-      } else
-        d?.setMap(null), p(null);
-  }, L = j.map(
-    ({ key: r, label: a, type: _, traffic: T }) => ({
-      key: r.toLowerCase(),
-      label: a,
-      onClick: () => {
-        t?.setMapTypeId(_), M(r), k(T);
-      },
-      icon: /* @__PURE__ */ e.createElement(
-        "img",
-        {
-          src: g[r],
-          alt: `${a} map`,
-          width: 24,
-          height: 24,
-          className: "mr-2"
-        }
-      )
-    })
-  );
-  return /* @__PURE__ */ e.createElement("div", { className: "z-10 mb-2 flex h-[48px] items-center justify-center rounded-[.5rem] bg-light-1 p-1 shadow-lg" }, /* @__PURE__ */ e.createElement("div", { className: "mr-2 box-border flex h-full w-10 items-center justify-center rounded-lg border border-primary-2 p-[2px]" }, /* @__PURE__ */ e.createElement(
-    Z,
-    {
-      header: /* @__PURE__ */ e.createElement(C, { variant: "body2" }, "Map Layers"),
-      optionGroups: [L],
-      trigger: /* @__PURE__ */ e.createElement(
-        "img",
-        {
-          src: g[w],
-          alt: "default map",
-          className: "box-border h-8"
-        }
-      ),
-      container: document.getElementById(y || "")
-    }
-  )), E, /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: `border-stroke-2 flex h-[90%] items-center justify-center border-l ${n ? "" : "border-r"}`
-    },
-    /* @__PURE__ */ e.createElement(i, { variant: "teritiary", onClick: N }, /* @__PURE__ */ e.createElement(
-      "img",
-      {
-        src: "https://frontend-static-files.geoiq.io/strapi/plus_black_da6e5287cf.svg",
-        alt: "plus icon",
-        width: 20,
-        height: 20
-      }
-    )),
-    /* @__PURE__ */ e.createElement(i, { variant: "teritiary", className: "mr-2", onClick: v }, /* @__PURE__ */ e.createElement(
-      "img",
-      {
-        src: "https://frontend-static-files.geoiq.io/strapi/Vector_9d9765da36.svg",
-        alt: "minus icon",
-        width: 15,
-        height: 20
-      }
-    )),
-    /* @__PURE__ */ e.createElement(
-      i,
-      {
-        className: "cursor-pointer",
-        onClick: x,
-        variant: "teritiary",
-        "aria-label": "Toggle Fullscreen"
-      },
-      h ? /* @__PURE__ */ e.createElement(q, { className: "w-5 h-5 stroke-light-1" }) : /* @__PURE__ */ e.createElement(F, { className: "w-5 h-5 stroke-light-1" })
-    )
-  ), !n && /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: `border-stroke-2 ml-.5 flex h-[90%] ${o ? "" : "mr-2 border-r"} px-1`
-    },
-    /* @__PURE__ */ e.createElement(
-      i,
-      {
-        variant: "teritiary",
-        className: `flex h-fit items-center justify-center ${c ? "border border-primary-2 bg-primary-1" : ""}`,
-        onClick: () => f && f(!c),
-        disabled: b
-      },
-      /* @__PURE__ */ e.createElement(
-        "img",
-        {
-          src: "https://frontend-static-files.geoiq.io/strapi/map_pin_ed26828f00.svg",
-          height: 18,
-          width: 18,
-          alt: "Drop Pin"
-        }
-      )
-    )
-  ), !o && s && /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
-    i,
-    {
-      variant: "primary",
-      size: "md",
-      onClick: s.ctaCallback,
-      disabled: o
-    },
-    s.ctaLabel
-  )));
+const x = {
+  sm: "640px",
+  md: "768px",
+  lg: "1024px",
+  xl: "1280px",
+  xl2: "1536px"
+  // Renamed from 2xl to xl2 for JS Object key compatibility
 };
 export {
-  D as MapToolbar
+  x as Breakpoints
 };
 //# sourceMappingURL=index.es50.js.map

package/dist/index.es50.js.map

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

package/dist/index.es51.js

@@ -1,75 +1,23 @@
-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.es81.js";
-import { ButtonVariants as m } from "./index.es68.js";
-function g({
-  className: n,
-  classNames: o,
-  showOutsideDays: l = !1,
-  ...d
-}) {
-  return /* @__PURE__ */ r.createElement(
-    c,
+import p from "react";
+import { Breakpoints as u } from "./index.es50.js";
+const b = (a) => {
+  const e = a ?? u;
+  let t = 0;
+  return typeof window < "u" && (t = window?.innerWidth ?? 0), p.useMemo(() => {
+    const r = Object.keys(e);
+    if (r.length === 0) return "base";
     {
-      className: e("p-3 bg-white rounded-lg", n),
-      showOutsideDays: l,
-      classNames: {
-        months: "flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",
-        month: "space-y-4",
-        caption: "flex justify-center pt-1 relative items-center",
-        caption_label: "text-sm font-medium",
-        nav: "space-x-1 flex items-center",
-        nav_button: e(
-          m({ variant: "secondary" }),
-          "h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100 "
-        ),
-        nav_button_previous: "absolute left-1",
-        nav_button_next: "absolute right-1",
-        table: "w-full border-collapse space-y-1",
-        head_row: "flex",
-        head_cell: "text-muted-foreground test-md w-8 font-normal text-[0.8rem] w-full",
-        // row: 'flex w-full mt-2 ',
-        row: "grid grid-cols-7 ",
-        // cell: cn(
-        //   ' 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',
-        //   props.mode === 'range'
-        //     ? '[&: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'
-        //     : '[&:has([aria-selected])]:test-md'
-        // ),
-        // day: 'h-10 w-10 p-0 font-normal aria-selected:opacity-100 hover:bg-primary-1  hover:rounded-lg  ',
-        // day_range_start: 'day-range-start !bg-rest-p1 rounded-l-lg rounded-r-none hover:rounded-r-none',
-        // day_range_end: 'day-range-end rounded-r-lg hover:rounded-l-none',
-        // day_selected: cn(
-        //   ' text-white bg-rest-p1 hover:bg-rest-p1  w-10  '
-        // ),
-        day_today: "bg-primary-1  rounded-lg",
-        day_outside: "text-light-4  ",
-        day_disabled: "text-light-4 opacity-50",
-        day_range_middle: "aria-selected:bg-primary-2 aria-selected:text-light-2 hover:rounded-none",
-        day_hidden: "invisible",
-        cell: e(
-          "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",
-          d.mode === "range" ? "[&: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" : "[&:has([aria-selected])]:rounded-lg"
-        ),
-        day: "h-10 w-10 p-0 font-normal aria-selected:opacity-100 hover:bg-primary-1 hover:rounded-lg",
-        day_range_start: "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 ",
-        day_range_end: "day-range-end rounded-r-lg hover:rounded-r-lg hover:rounded-l-none",
-        day_selected: e("text-white bg-rest-p1 hover:bg-rest-p1 w-10"),
-        ...o
-      },
-      components: {
-        IconLeft: ({ className: a, ...t }) => /* @__PURE__ */ r.createElement(i, { className: e("h-4 w-4", a), ...t }),
-        IconRight: ({ className: a, ...t }) => /* @__PURE__ */ r.createElement(s, { className: e("h-4 w-4", a), ...t })
-      },
-      ...d
+      let o = "base", i = 0;
+      return r.forEach((s) => {
+        const n = parseInt(
+          e[s]
+        );
+        t >= n && n > i && (o = s, i = n);
+      }), o;
     }
-  );
-}
-g.displayName = "Calendar";
+  }, [t, e]);
+};
 export {
-  g as Calendar
+  b as useResponsive
 };
 //# sourceMappingURL=index.es51.js.map

package/dist/index.es51.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es51.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":"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;"}

package/dist/index.es52.js

@@ -1,26 +1,74 @@
-import t from "react";
-import { Carousel as m, CarouselContent as n, CarouselItem as r, CarouselPrevious as s, CarouselNext as c } from "./index.es111.js";
-const i = (e) => /* @__PURE__ */ t.createElement(
-  m,
-  {
-    className: `flex items-center justify-center ${e.className} `,
-    id: e.id,
-    opts: {
-      loop: e.loop || !1
-    },
-    ...e
+import { Typography as m } from "./index.es19.js";
+import e from "react";
+import { Skeleton as S } from "./index.es14.js";
+const u = {
+  /**
+   * utility function to get full and half stars count
+   */
+  getStarsCount: (r) => {
+    if (r < 0 || r > 100) return { full: 0, half: 0, error: !0 };
+    const a = (i, n) => ({
+      full: i,
+      half: n,
+      error: !1
+    }), t = Math.floor(r / 20), l = r % 20;
+    return l === 0 ? a(t, 0) : l / 10 <= 1 ? a(t, 1) : a(t + 1, 0);
   },
-  /* @__PURE__ */ t.createElement(n, { className: `${e.contentClassName}` }, e.items.map((l, a) => /* @__PURE__ */ t.createElement(
-    r,
+  /**
+   * utility function to convert score from string to 'out of 5'
+   */
+  getScoreOutOf5: function(r) {
+    const { full: a = 0, half: t = 0, error: l = !1 } = this.getStarsCount(r);
+    return l ? 0 : a * 1 + t * 0.5;
+  }
+}, x = (r) => {
+  const {
+    score: a = 0,
+    starSize: t = 24,
+    starGap: l = 1,
+    isLoading: i = !1,
+    showScore: n = !1,
+    showScorePercentage: p = !1
+  } = r, f = isFinite(a) ? +a : 0, {
+    full: g = 0,
+    half: h = 0,
+    error: d = !1
+  } = u.getStarsCount(f), y = 5 - (g + h), c = {
+    height: t,
+    width: t
+  };
+  if (i) {
+    const o = 5 * t + 4 * l, s = t;
+    return /* @__PURE__ */ e.createElement(S, { style: { width: o, height: s } });
+  }
+  return d ? /* @__PURE__ */ e.createElement(m, { variant: "display1", className: "text-light-1" }, "NA") : /* @__PURE__ */ e.createElement("div", { className: "flex items-center", style: { gap: l } }, /* @__PURE__ */ e.createElement("div", { className: "flex", style: { gap: l } }, Array(g).fill(1).map((o, s) => /* @__PURE__ */ e.createElement(
+    "img",
     {
-      key: a,
-      className: `flex items-center justify-center ${e.itemsClassName}`
-    },
-    l
-  ))),
-  e.hideArrows ? null : /* @__PURE__ */ t.createElement(t.Fragment, null, /* @__PURE__ */ t.createElement(s, null), /* @__PURE__ */ t.createElement(c, null))
-);
+      key: s,
+      src: "https://frontend-static-files.geoiq.io/strapi/rating_star_full_0ddf33ca2f.svg",
+      alt: "full-star",
+      ...c
+    }
+  )), Array(h).fill(1).map((o, s) => /* @__PURE__ */ e.createElement(
+    "img",
+    {
+      key: s,
+      src: "https://frontend-static-files.geoiq.io/strapi/rating_star_half_dbe5b8f659.svg",
+      alt: "half-star",
+      ...c
+    }
+  )), Array(y).fill(1).map((o, s) => /* @__PURE__ */ e.createElement(
+    "img",
+    {
+      key: s,
+      src: "https://frontend-static-files.geoiq.io/strapi/rating_star_empty_e05d9a2463.svg",
+      alt: "empty-star",
+      ...c
+    }
+  ))), n ? /* @__PURE__ */ e.createElement(m, { variant: "body5", className: "ml-1 text-light-3" }, u.getScoreOutOf5(f).toFixed(1), "/5") : null, p ? /* @__PURE__ */ e.createElement(m, { variant: "body5", className: "ml-1 text-light-3" }, "(", f, "%)") : null);
+};
 export {
-  i as _Carousel
+  x as StarScore,
+  u as StarScoreUtils
 };
 //# sourceMappingURL=index.es52.js.map

package/dist/index.es52.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es52.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":"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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"}