geoiq-frontend-ui-kit 1.5.39 → 1.5.41

package/dist/components/unstyled/date-picker/date-picker.d.ts

@@ -11,6 +11,7 @@ interface DatePickerProps extends React.HTMLAttributes<HTMLDivElement> {
     placeholder?: string;
     rangePlaceholder?: string;
 }
-export default function DatePicker({ variant, date: controlledDate, range: controlledRange, onDateChange, onRangeChange, className, buttonClassName, placeholder, rangePlaceholder, }: DatePickerProps): import("react/jsx-dev-runtime").JSX.Element;
+declare function DatePicker({ variant, date: controlledDate, range: controlledRange, onDateChange, onRangeChange, className, buttonClassName, placeholder, rangePlaceholder, }: DatePickerProps): import("react/jsx-dev-runtime").JSX.Element;
 export type { DateRange };
+export { DatePicker };
 //# sourceMappingURL=date-picker.d.ts.map

package/dist/components/unstyled/date-picker/date-picker.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/unstyled/date-picker/date-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAYjD,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,KAAK,IAAI,CAAA;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,MAAM,CAAC,OAAO,UAAU,UAAU,CAAC,EACjC,OAAiB,EACjB,IAAI,EAAE,cAAc,EACpB,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,aAAa,EACb,SAAS,EACT,eAAe,EACf,WAA2B,EAC3B,gBAAsC,GACvC,EAAE,eAAe,+CAgGjB;AAED,YAAY,EAAE,SAAS,EAAE,CAAA"}
+{"version":3,"file":"date-picker.d.ts","sourceRoot":"","sources":["../../../../src/components/unstyled/date-picker/date-picker.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAYjD,UAAU,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACpE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAA;IAC5B,IAAI,CAAC,EAAE,IAAI,CAAA;IACX,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,YAAY,CAAC,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,KAAK,IAAI,CAAA;IACpC,aAAa,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,SAAS,KAAK,IAAI,CAAA;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,gBAAgB,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,iBAAS,UAAU,CAAC,EAClB,OAAiB,EACjB,IAAI,EAAE,cAAc,EACpB,KAAK,EAAE,eAAe,EACtB,YAAY,EACZ,aAAa,EACb,SAAS,EACT,eAAe,EACf,WAA2B,EAC3B,gBAAsC,GACvC,EAAE,eAAe,+CAgGjB;AAED,YAAY,EAAE,SAAS,EAAE,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}

package/dist/components/unstyled/date-picker/index.d.ts

@@ -1,4 +1,2 @@
-import { default as DatePickerWithRange } from './date-picker';
-
-export default DatePickerWithRange;
+export * from './date-picker';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/unstyled/date-picker/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/unstyled/date-picker/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,MAAM,eAAe,CAAA;AAC/C,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/unstyled/date-picker/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAA"}

package/dist/components/unstyled/otp-input/otp-input.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"otp-input.d.ts","sourceRoot":"","sources":["../../../../src/components/unstyled/otp-input/otp-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAGjD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA6CrC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}
+{"version":3,"file":"otp-input.d.ts","sourceRoot":"","sources":["../../../../src/components/unstyled/otp-input/otp-input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAAE,aAAa,EAAE,MAAM,mBAAmB,CAAA;AAGjD,QAAA,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CA+CrC,CAAA;AAED,OAAO,EAAE,QAAQ,EAAE,CAAA"}

package/dist/components/unstyled/otp-input/otp-input.types.d.ts

@@ -6,6 +6,7 @@ export interface OTPInputProps {
     disabled?: boolean;
     isError?: boolean;
     message?: string;
+    value?: string;
 }
 export interface InputOTPSlotProps {
     index: number;

package/dist/components/unstyled/otp-input/otp-input.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"otp-input.types.d.ts","sourceRoot":"","sources":["../../../../src/components/unstyled/otp-input/otp-input.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B"}
+{"version":3,"file":"otp-input.types.d.ts","sourceRoot":"","sources":["../../../../src/components/unstyled/otp-input/otp-input.types.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE,MAAM,CAAA;IACd,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAClC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,KAAK,CAAC,EAAE,MAAM,CAAA;CACf;AAED,MAAM,WAAW,iBAAiB;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAC5B"}

package/dist/index.es.js

@@ -12,7 +12,7 @@ import { default as A } from "./index.es12.js";
 import { Skeleton as P } from "./index.es13.js";
 import { Switch as B } from "./index.es14.js";
 import { Textarea as w } from "./index.es15.js";
-import { TooltipContent as I, TooltipProvider as M, TooltipTrigger as H, TooltipWrapper as k } from "./index.es16.js";
+import { TooltipContent as I, TooltipProvider as M, TooltipTrigger as k, TooltipWrapper as H } from "./index.es16.js";
 import { default as F } from "./index.es17.js";
 import { Typography as O } from "./index.es18.js";
 import { Alert as q } from "./index.es19.js";
@@ -32,7 +32,7 @@ import { ToastAction as no, ToastClose as Co, ToastDescription as To, ToastIcon
 import { SplitButton as bo } from "./index.es33.js";
 import { ToggleMultiSelect as ho } from "./index.es34.js";
 import { AlertDialog as Vo } from "./index.es35.js";
-import { AlertDialogAction as Ro, AlertDialogCancel as wo, AlertDialogContent as yo, AlertDialogDescription as Io, AlertDialogFooter as Mo, AlertDialogHeader as Ho, AlertDialogOverlay as ko, AlertDialogPortal as Go, AlertDialogTitle as Fo, AlertDialogTrigger as No } from "./index.es36.js";
+import { AlertDialogAction as Ro, AlertDialogCancel as wo, AlertDialogContent as yo, AlertDialogDescription as Io, AlertDialogFooter as Mo, AlertDialogHeader as ko, AlertDialogOverlay as Ho, AlertDialogPortal as Go, AlertDialogTitle as Fo, AlertDialogTrigger as No } from "./index.es36.js";
 import { _Dialog as _o } from "./index.es37.js";
 import { SheetPrimary as Eo } from "./index.es38.js";
 import * as e from "./index.es39.js";
@@ -55,20 +55,21 @@ import * as t from "./index.es54.js";
 import { PopoverDemo as Rr } from "./index.es55.js";
 import { Spinner as yr } from "./index.es56.js";
 import { default as Mr } from "./index.es57.js";
-import { TableBody as kr, TableCaption as Gr, TableCell as Fr, TableFooter as Nr, TableHead as Or, TableHeader as _r, TableRow as qr } from "./index.es58.js";
+import { TableBody as Hr, TableCaption as Gr, TableCell as Fr, TableFooter as Nr, TableHead as Or, TableHeader as _r, TableRow as qr } from "./index.es58.js";
 import { default as Lr } from "./index.es59.js";
 import { OtpInput as Wr } from "./index.es60.js";
-import { BadgeVariants as zr } from "./index.es61.js";
-import { ButtonVariants as Kr } from "./index.es62.js";
-import { CheckboxVariants as Xr } from "./index.es63.js";
-import { RadioGroupVariants as Zr } from "./index.es64.js";
-import { SwitchVariants as oe } from "./index.es65.js";
-import { TypographyVariants as ee } from "./index.es66.js";
-import { useToast as ae } from "./index.es67.js";
-import { SplitButtonVariants as me } from "./index.es68.js";
-import { DialogClose as fe, DialogTrigger as le } from "./index.es69.js";
-import { SpinnerVariants as se } from "./index.es70.js";
-import { useStepper as de } from "./index.es71.js";
+import { DatePicker as zr } from "./index.es61.js";
+import { BadgeVariants as Kr } from "./index.es62.js";
+import { ButtonVariants as Xr } from "./index.es63.js";
+import { CheckboxVariants as Zr } from "./index.es64.js";
+import { RadioGroupVariants as oe } from "./index.es65.js";
+import { SwitchVariants as ee } from "./index.es66.js";
+import { TypographyVariants as ae } from "./index.es67.js";
+import { useToast as me } from "./index.es68.js";
+import { SplitButtonVariants as fe } from "./index.es69.js";
+import { DialogClose as xe, DialogTrigger as se } from "./index.es70.js";
+import { SpinnerVariants as de } from "./index.es71.js";
+import { useStepper as Te } from "./index.es72.js";
 export {
   m as Accordion,
   o as AccordionPrimitive,
@@ -79,8 +80,8 @@ export {
   yo as AlertDialogContent,
   Io as AlertDialogDescription,
   Mo as AlertDialogFooter,
-  Ho as AlertDialogHeader,
-  ko as AlertDialogOverlay,
+  ko as AlertDialogHeader,
+  Ho as AlertDialogOverlay,
   Go as AlertDialogPortal,
   Fo as AlertDialogTitle,
   No as AlertDialogTrigger,
@@ -88,15 +89,15 @@ export {
   f as Avatar,
   r as AvatarPrimitive,
   x as Badge,
-  zr as BadgeVariants,
+  Kr as BadgeVariants,
   L as Breadcrumb,
   Yo as Breakpoints,
   n as Button,
-  Kr as ButtonVariants,
+  Xr as ButtonVariants,
   nr as Calendar,
   Cr as Carousel,
   C as Checkbox,
-  Xr as CheckboxVariants,
+  Zr as CheckboxVariants,
   gr as Command,
   ur as CommandDialog,
   Sr as CommandEmpty,
@@ -106,9 +107,10 @@ export {
   br as CommandList,
   Ar as CommandSeparator,
   hr as CommandShortcut,
+  zr as DatePicker,
   _o as Dialog,
-  fe as DialogClose,
-  le as DialogTrigger,
+  xe as DialogClose,
+  se as DialogTrigger,
   W as DropdownMenu,
   Vr as HoverCard,
   t as HoverCardPrimitive,
@@ -125,7 +127,7 @@ export {
   A as Radio,
   D as RadioGroup,
   v as RadioGroupItem,
-  Zr as RadioGroupVariants,
+  oe as RadioGroupVariants,
   X as RangeSlider,
   ar as ReportSnippetView,
   fr as RequestCreditsView,
@@ -138,17 +140,17 @@ export {
   P as Skeleton,
   eo as Slider,
   yr as Spinner,
-  se as SpinnerVariants,
+  de as SpinnerVariants,
   bo as SplitButton,
-  me as SplitButtonVariants,
+  fe as SplitButtonVariants,
   rr as StarScore,
   er as StarScoreUtils,
   ao as StepItemStatus,
   mo as Stepper,
   B as Switch,
-  oe as SwitchVariants,
+  ee as SwitchVariants,
   Mr as Table,
-  kr as TableBody,
+  Hr as TableBody,
   Gr as TableCaption,
   Fr as TableCell,
   Nr as TableFooter,
@@ -170,12 +172,12 @@ export {
   F as Tooltip,
   I as TooltipContent,
   M as TooltipProvider,
-  H as TooltipTrigger,
-  k as TooltipWrapper,
+  k as TooltipTrigger,
+  H as TooltipWrapper,
   O as Typography,
-  ee as TypographyVariants,
+  ae as TypographyVariants,
   $o as useResponsive,
-  de as useStepper,
-  ae as useToast
+  Te as useStepper,
+  me as useToast
 };
 //# sourceMappingURL=index.es.js.map

package/dist/index.es.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.es.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.es10.js

@@ -1,6 +1,6 @@
 import * as r from "react";
 import * as a from "@radix-ui/react-progress";
-import { cn as i } from "./index.es73.js";
+import { cn as i } from "./index.es74.js";
 import { ProgressVariants as n } from "./index.es82.js";
 const l = r.forwardRef(({ className: t, value: o, ...e }, m) => {
   const s = (o || 0) / (e.max || 100) * 100;

package/dist/index.es100.js

@@ -1,66 +1,36 @@
 import e from "react";
-import { StarScore as h } from "./index.es45.js";
-import { Badge as c } from "./index.es6.js";
-import { Typography as i } from "./index.es18.js";
-import { Skeleton as t } from "./index.es13.js";
-import { hoverDetailCardStyles as g } from "./index.es104.js";
-function b({
-  title: o,
-  icon: n,
-  isLoading: l = !1,
-  tags: d = [],
-  description: u,
-  score: r,
-  badge: m,
-  actions: s
+import { Typography as r } from "./index.es18.js";
+import { ResponsiveContainer as c, PieChart as o, Pie as m, Cell as i } from "recharts";
+function p({
+  list: l
 }) {
-  return /* @__PURE__ */ e.createElement("div", { className: "w-[396px] border border-neutral-1 rounded-xl overflow-hidden bg-light-1" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-3 p-4" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-center w-12 h-12 overflow-hidden rounded-full bg-light-3" }, l ? /* @__PURE__ */ e.createElement(t, { className: "w-12 h-12 rounded-full bg-light-4" }) : /* @__PURE__ */ e.createElement(
-    "img",
+  const n = l?.reduce(
+    (t, a) => t + a.count,
+    0
+  ) || 1;
+  return /* @__PURE__ */ e.createElement("div", { className: "flex gap-2 p-4 border rounded-lg border-neutral-1 bg-light-1" }, /* @__PURE__ */ e.createElement("div", { className: "w-[180px] h-[164px] flex items-center justify-center" }, /* @__PURE__ */ e.createElement(c, { width: "100%", height: "100%" }, /* @__PURE__ */ e.createElement(o, null, /* @__PURE__ */ e.createElement(
+    m,
     {
-      src: n || "https://frontend-static-files.geoiq.io/strapi/map_pin_ed26828f00.svg",
-      alt: "title",
-      className: g.img({ hasIcon: !!n })
-    }
-  )), /* @__PURE__ */ e.createElement("div", { className: "truncate max-w-[300px]" }, l ? /* @__PURE__ */ e.createElement(t, { className: "h-5 mb-2 w-[280px] bg-light-4 rounded-full" }) : /* @__PURE__ */ e.createElement(i, { variant: "h3", className: "truncate text-light-2" }, o), /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-2" }, l ? /* @__PURE__ */ e.createElement(
-    t,
-    {
-      key: "header-badge",
-      className: "w-20 h-6 mb-1 rounded-full bg-light-4"
-    }
-  ) : d.filter((a) => a.icon_url && a.name).map((a, f) => /* @__PURE__ */ e.createElement(
-    c,
-    {
-      key: f,
-      variant: "default",
-      showBorder: !0,
-      size: "sm",
-      className: "rounded-full pl-1.5 pr-3"
+      data: l,
+      labelLine: !1,
+      outerRadius: "100%",
+      dataKey: "count"
     },
-    /* @__PURE__ */ e.createElement(
-      "img",
-      {
-        src: a.icon_url,
-        alt: "icon",
-        className: "w-3 rounded-full"
-      }
-    ),
-    a.name
-  ))))), /* @__PURE__ */ e.createElement("div", { className: "px-4" }, /* @__PURE__ */ e.createElement("div", { className: "mb-2" }, l ? /* @__PURE__ */ e.createElement(t, { className: "w-full h-10 bg-light-4 rounded-xl" }) : /* @__PURE__ */ e.createElement(
-    i,
-    {
-      variant: "body4",
-      className: "text-light-3 text-overflow: ellipsis"
-    },
-    u
-  )), (r || m) && /* @__PURE__ */ e.createElement("div", { className: "flex justify-between mb-4" }, l ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(t, { className: "w-24 h-5 rounded bg-light-4" }), /* @__PURE__ */ e.createElement(t, { className: "w-24 h-5 rounded bg-light-4" })) : /* @__PURE__ */ e.createElement(e.Fragment, null, r && /* @__PURE__ */ e.createElement(
-    h,
-    {
-      score: r?.value,
-      isLoading: r?.isLoading
-    }
-  ), m && /* @__PURE__ */ e.createElement(c, { variant: "select", size: "sm", showBorder: !0 }, m)))), s && /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-center bg-light-3" }, s));
+    l?.map(
+      (t, a) => /* @__PURE__ */ e.createElement(
+        i,
+        {
+          key: `cell-${a}`,
+          fill: t.color,
+          stroke: "none"
+        }
+      )
+    )
+  )))), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-4" }, l?.map(
+    (t, a) => /* @__PURE__ */ e.createElement("div", { key: a, className: "flex flex-col gap-1" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ e.createElement("img", { src: t.icon_url, alt: t.name || "Brand icon" }), /* @__PURE__ */ e.createElement(r, { variant: "body4", className: "text-light-3" }, t.name)), /* @__PURE__ */ e.createElement(r, { variant: "body4", className: "text-light-2" }, (t.count / n * 100).toFixed(2), "% (", t.count, ")"))
+  )));
 }
 export {
-  b as PointHoverCard
+  p as ClusterHoverCard
 };
 //# sourceMappingURL=index.es100.js.map

package/dist/index.es100.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es100.js","sources":["../src/components/ui/map-marker-hover-card/components/map-point-hover-card.tsx"],"sourcesContent":["import React from 'react'\nimport { StarScore } from '../../star-score'\nimport { Badge } from '@/components/atoms/badge'\nimport { Typography } from '@/components/atoms/typography'\nimport { Skeleton } from '@/components/atoms/skeleton'\nimport { hoverDetailCardStyles } from '../map-marker-hover-card.styles'\nimport { MapMarkerHoverCardNS } from '../map-marker-hover-card.types'\n\nexport function PointHoverCard({\n  title,\n  icon,\n  isLoading = false,\n  tags = [],\n  description,\n  score,\n  badge,\n  actions,\n}: MapMarkerHoverCardNS.PointHoverCardProps) {\n  return (\n    <div className=\"w-[396px] border border-neutral-1 rounded-xl overflow-hidden bg-light-1\">\n      <div className=\"flex items-center gap-3 p-4\">\n        <div className=\"flex items-center justify-center w-12 h-12 overflow-hidden rounded-full bg-light-3\">\n          {isLoading ? (\n            <Skeleton className=\"w-12 h-12 rounded-full bg-light-4\" />\n          ) : (\n            <img\n              src={\n                icon ||\n                'https://frontend-static-files.geoiq.io/strapi/map_pin_ed26828f00.svg'\n              }\n              alt=\"title\"\n              className={hoverDetailCardStyles.img({ hasIcon: !!icon })}\n            />\n          )}\n        </div>\n        <div className=\"truncate max-w-[300px]\">\n          {isLoading ? (\n            <Skeleton className=\"h-5 mb-2 w-[280px] bg-light-4 rounded-full\" />\n          ) : (\n            <Typography variant=\"h3\" className=\"truncate text-light-2\">\n              {title}\n            </Typography>\n          )}\n          <div className=\"flex flex-wrap gap-2\">\n            {isLoading ? (\n              <Skeleton\n                key={'header-badge'}\n                className=\"w-20 h-6 mb-1 rounded-full bg-light-4\"\n              />\n            ) : (\n              tags\n                .filter((tag) => tag.icon_url && tag.name)\n                .map((badge, index) => (\n                  <Badge\n                    key={index}\n                    variant=\"default\"\n                    showBorder\n                    size=\"sm\"\n                    className=\"rounded-full pl-1.5 pr-3\"\n                  >\n                    <img\n                      src={badge.icon_url}\n                      alt=\"icon\"\n                      className=\"w-3 rounded-full\"\n                    />\n                    {badge.name}\n                  </Badge>\n                ))\n            )}\n          </div>\n        </div>\n      </div>\n      <div className=\"px-4\">\n        <div className=\"mb-2\">\n          {isLoading ? (\n            <Skeleton className=\"w-full h-10 bg-light-4 rounded-xl\" />\n          ) : (\n            <Typography\n              variant=\"body4\"\n              className=\"text-light-3 text-overflow: ellipsis\"\n            >\n              {description}\n            </Typography>\n          )}\n        </div>\n        {(score || badge) && (\n          <div className=\"flex justify-between mb-4\">\n            {isLoading ? (\n              <>\n                <Skeleton className=\"w-24 h-5 rounded bg-light-4\" />\n                <Skeleton className=\"w-24 h-5 rounded bg-light-4\" />\n              </>\n            ) : (\n              <>\n                {score && (\n                  <StarScore\n                    score={score?.value}\n                    isLoading={score?.isLoading}\n                  />\n                )}\n                {badge && (\n                  <Badge variant=\"select\" size=\"sm\" showBorder>\n                    {badge}\n                  </Badge>\n                )}\n              </>\n            )}\n          </div>\n        )}\n      </div>\n      {actions && (\n        <div className=\"flex items-center justify-center bg-light-3\">\n          {actions}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["PointHoverCard","title","icon","isLoading","tags","description","score","badge","actions","React","Skeleton","hoverDetailCardStyles","Typography","tag","index","Badge","StarScore"],"mappings":";;;;;;AAQO,SAASA,EAAe;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO,CAAC;AAAA,EACR,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,GAA6C;AAC3C,yCACG,OAAI,EAAA,WAAU,0EACb,GAAAC,gBAAAA,EAAA,cAAC,SAAI,WAAU,8BAAA,GACZA,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,qFACZ,GAAAN,oCACEO,GAAS,EAAA,WAAU,qCAAoC,IAExDD,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KACEP,KACA;AAAA,MAEF,KAAI;AAAA,MACJ,WAAWS,EAAsB,IAAI,EAAE,SAAS,CAAC,CAACT,GAAM;AAAA,IAAA;AAAA,EAAA,CAG9D,GACAO,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,4BACZN,IACCM,gBAAAA,EAAA,cAACC,GAAS,EAAA,WAAU,6CAA6C,CAAA,oCAEhEE,GAAW,EAAA,SAAQ,MAAK,WAAU,wBAChC,GAAAX,CACH,GAEDQ,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,uBAAA,GACZN,IACCM,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,IAAA;AAAA,EAGZ,IAAAN,EACG,OAAO,CAACS,MAAQA,EAAI,YAAYA,EAAI,IAAI,EACxC,IAAI,CAACN,GAAOO,MACXL,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,SAAQ;AAAA,MACR,YAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAU;AAAA,IAAA;AAAA,IAEVL,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKF,EAAM;AAAA,QACX,KAAI;AAAA,QACJ,WAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IACCA,EAAM;AAAA,EAEV,CAAA,CAEP,CACF,CACF,GACAE,gBAAAA,EAAA,cAAC,SAAI,WAAU,OAAA,GACZA,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,OACZ,GAAAN,oCACEO,GAAS,EAAA,WAAU,qCAAoC,IAExDD,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,IAETP;AAAA,EAAA,CAGP,IACEC,KAASC,sCACR,OAAI,EAAA,WAAU,4BACZ,GAAAJ,IAEGM,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAA,gBAAAA,EAAA,cAACC,KAAS,WAAU,8BAAA,CAA8B,GACjDD,gBAAAA,EAAA,cAAAC,GAAA,EAAS,WAAU,8BAA8B,CAAA,CACpD,IAEAD,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACGH,KACCG,gBAAAA,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,OAAOV,GAAO;AAAA,MACd,WAAWA,GAAO;AAAA,IAAA;AAAA,EACpB,GAEDC,KACEE,gBAAAA,EAAA,cAAAM,GAAA,EAAM,SAAQ,UAAS,MAAK,MAAK,YAAU,GAAA,GACzCR,CACH,CAEJ,CAEJ,CAEJ,GACCC,qCACE,OAAI,EAAA,WAAU,iDACZA,CACH,CAEJ;AAEJ;"}
+{"version":3,"file":"index.es100.js","sources":["../src/components/ui/map-marker-hover-card/components/map-cluster-hover-card.tsx"],"sourcesContent":["import React from 'react'\nimport { Typography } from '@/components/atoms/typography'\nimport { PieChart, Pie, Cell, ResponsiveContainer } from 'recharts'\nimport { MapMarkerHoverCardNS } from '../map-marker-hover-card.types'\n\nexport function ClusterHoverCard({\n  list,\n}: MapMarkerHoverCardNS.ClusterHoverCardProps) {\n  const totalCount =\n    list?.reduce(\n      (sum: number, item: MapMarkerHoverCardNS.ClusterDataItem) =>\n        sum + item.count,\n      0\n    ) || 1\n\n  return (\n    <div className=\"flex gap-2 p-4 border rounded-lg border-neutral-1 bg-light-1\">\n      <div className=\"w-[180px] h-[164px] flex items-center justify-center\">\n        <ResponsiveContainer width=\"100%\" height=\"100%\">\n          <PieChart>\n            <Pie\n              data={list}\n              labelLine={false}\n              outerRadius=\"100%\"\n              dataKey=\"count\"\n            >\n              {list?.map(\n                (\n                  entry: MapMarkerHoverCardNS.ClusterDataItem,\n                  index: number\n                ) => (\n                  <Cell\n                    key={`cell-${index}`}\n                    fill={entry.color}\n                    stroke=\"none\"\n                  />\n                )\n              )}\n            </Pie>\n          </PieChart>\n        </ResponsiveContainer>\n      </div>\n      <div className=\"flex flex-col gap-4\">\n        {list?.map(\n          (item: MapMarkerHoverCardNS.ClusterDataItem, index: number) => (\n            <div key={index} className=\"flex flex-col gap-1\">\n              <div className=\"flex items-center gap-1\">\n                <img src={item.icon_url} alt={item.name || 'Brand icon'} />\n                <Typography variant=\"body4\" className=\"text-light-3\">\n                  {item.name}\n                </Typography>\n              </div>\n              <Typography variant=\"body4\" className=\"text-light-2\">\n                {((item.count / totalCount) * 100).toFixed(2)}% ({item.count})\n              </Typography>\n            </div>\n          )\n        )}\n      </div>\n    </div>\n  )\n}\n"],"names":["ClusterHoverCard","list","totalCount","sum","item","React","ResponsiveContainer","PieChart","Pie","entry","index","Cell","Typography"],"mappings":";;;AAKO,SAASA,EAAiB;AAAA,EAC/B,MAAAC;AACF,GAA+C;AAC7C,QAAMC,IACJD,GAAM;AAAA,IACJ,CAACE,GAAaC,MACZD,IAAMC,EAAK;AAAA,IACb;AAAA,EACG,KAAA;AAEP,SACGC,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,kGACZ,OAAI,EAAA,WAAU,uDACb,GAAAA,gBAAAA,EAAA,cAACC,KAAoB,OAAM,QAAO,QAAO,0CACtCC,GACC,MAAAF,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,MAAMP;AAAA,MACN,WAAW;AAAA,MACX,aAAY;AAAA,MACZ,SAAQ;AAAA,IAAA;AAAA,IAEPA,GAAM;AAAA,MACL,CACEQ,GACAC,MAEAL,gBAAAA,EAAA;AAAA,QAACM;AAAA,QAAA;AAAA,UACC,KAAK,QAAQD,CAAK;AAAA,UAClB,MAAMD,EAAM;AAAA,UACZ,QAAO;AAAA,QAAA;AAAA,MACT;AAAA,IAEJ;AAAA,EAAA,CAEJ,CACF,CACF,mCACC,OAAI,EAAA,WAAU,yBACZR,GAAM;AAAA,IACL,CAACG,GAA4CM,MAC3CL,gBAAAA,EAAA,cAAC,SAAI,KAAKK,GAAO,WAAU,sBAAA,GACxBL,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,0BACb,GAAAA,gBAAAA,EAAA,cAAC,OAAI,EAAA,KAAKD,EAAK,UAAU,KAAKA,EAAK,QAAQ,aAAc,CAAA,GACxDC,gBAAAA,EAAA,cAAAO,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBACnCR,EAAK,IACR,CACF,GACAC,gBAAAA,EAAA,cAACO,GAAW,EAAA,SAAQ,SAAQ,WAAU,mBACjCR,EAAK,QAAQF,IAAc,KAAK,QAAQ,CAAC,GAAE,OAAIE,EAAK,OAAM,GAC/D,CACF;AAAA,EAGN,CAAA,CACF;AAEJ;"}

package/dist/index.es101.js

@@ -1,45 +1,66 @@
-import * as e from "react";
-import { OTPInput as l, OTPInputContext as u } from "input-otp";
-import { Dot as f } from "lucide-react";
-import { cn as n } from "./index.es73.js";
-import { OTPInputVariants as d } from "./index.es105.js";
-const O = e.forwardRef(({ className: t, containerClassName: a, ...r }, o) => /* @__PURE__ */ e.createElement(
-  l,
-  {
-    ref: o,
-    containerClassName: n("flex items-center gap-3", a),
-    className: n(t),
-    ...r
-  }
-));
-O.displayName = "InputOTP";
-const P = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement("div", { ref: r, className: n("flex items-center", t), ...a }));
-P.displayName = "InputOTPGroup";
-const T = e.forwardRef(
-  ({ index: t, className: a, isError: r, ...o }, s) => {
-    const m = e.useContext(u), { char: c, hasFakeCaret: p, isActive: i } = m.slots[t];
-    return /* @__PURE__ */ e.createElement(
-      "div",
+import e from "react";
+import { StarScore as h } from "./index.es45.js";
+import { Badge as c } from "./index.es6.js";
+import { Typography as i } from "./index.es18.js";
+import { Skeleton as t } from "./index.es13.js";
+import { hoverDetailCardStyles as g } from "./index.es105.js";
+function b({
+  title: o,
+  icon: n,
+  isLoading: l = !1,
+  tags: d = [],
+  description: u,
+  score: r,
+  badge: m,
+  actions: s
+}) {
+  return /* @__PURE__ */ e.createElement("div", { className: "w-[396px] border border-neutral-1 rounded-xl overflow-hidden bg-light-1" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-3 p-4" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-center w-12 h-12 overflow-hidden rounded-full bg-light-3" }, l ? /* @__PURE__ */ e.createElement(t, { className: "w-12 h-12 rounded-full bg-light-4" }) : /* @__PURE__ */ e.createElement(
+    "img",
+    {
+      src: n || "https://frontend-static-files.geoiq.io/strapi/map_pin_ed26828f00.svg",
+      alt: "title",
+      className: g.img({ hasIcon: !!n })
+    }
+  )), /* @__PURE__ */ e.createElement("div", { className: "truncate max-w-[300px]" }, l ? /* @__PURE__ */ e.createElement(t, { className: "h-5 mb-2 w-[280px] bg-light-4 rounded-full" }) : /* @__PURE__ */ e.createElement(i, { variant: "h3", className: "truncate text-light-2" }, o), /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-2" }, l ? /* @__PURE__ */ e.createElement(
+    t,
+    {
+      key: "header-badge",
+      className: "w-20 h-6 mb-1 rounded-full bg-light-4"
+    }
+  ) : d.filter((a) => a.icon_url && a.name).map((a, f) => /* @__PURE__ */ e.createElement(
+    c,
+    {
+      key: f,
+      variant: "default",
+      showBorder: !0,
+      size: "sm",
+      className: "rounded-full pl-1.5 pr-3"
+    },
+    /* @__PURE__ */ e.createElement(
+      "img",
       {
-        ref: s,
-        className: n(
-          d({ isError: r, isFocused: i }),
-          a
-        ),
-        ...o
-      },
-      c,
-      p && /* @__PURE__ */ e.createElement("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ e.createElement("div", { className: "h-4 w-px animate-caret-blink bg-black duration-1000" }))
-    );
-  }
-);
-T.displayName = "InputOTPSlot";
-const I = e.forwardRef(({ ...t }, a) => /* @__PURE__ */ e.createElement("div", { ref: a, role: "separator", ...t }, /* @__PURE__ */ e.createElement(f, null)));
-I.displayName = "InputOTPSeparator";
+        src: a.icon_url,
+        alt: "icon",
+        className: "w-3 rounded-full"
+      }
+    ),
+    a.name
+  ))))), /* @__PURE__ */ e.createElement("div", { className: "px-4" }, /* @__PURE__ */ e.createElement("div", { className: "mb-2" }, l ? /* @__PURE__ */ e.createElement(t, { className: "w-full h-10 bg-light-4 rounded-xl" }) : /* @__PURE__ */ e.createElement(
+    i,
+    {
+      variant: "body4",
+      className: "text-light-3 text-overflow: ellipsis"
+    },
+    u
+  )), (r || m) && /* @__PURE__ */ e.createElement("div", { className: "flex justify-between mb-4" }, l ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(t, { className: "w-24 h-5 rounded bg-light-4" }), /* @__PURE__ */ e.createElement(t, { className: "w-24 h-5 rounded bg-light-4" })) : /* @__PURE__ */ e.createElement(e.Fragment, null, r && /* @__PURE__ */ e.createElement(
+    h,
+    {
+      score: r?.value,
+      isLoading: r?.isLoading
+    }
+  ), m && /* @__PURE__ */ e.createElement(c, { variant: "select", size: "sm", showBorder: !0 }, m)))), s && /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-center bg-light-3" }, s));
+}
 export {
-  O as InputOTP,
-  P as InputOTPGroup,
-  I as InputOTPSeparator,
-  T as InputOTPSlot
+  b as PointHoverCard
 };
 //# sourceMappingURL=index.es101.js.map

package/dist/index.es101.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es101.js","sources":["../src/components/unstyled/otp-input/otp-input-component.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { OTPInput, OTPInputContext } from 'input-otp'\nimport { Dot } from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { InputOTPSlotProps } from './otp-input.types'\nimport { OTPInputVariants } from './otp-input.styles'\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput> & { isError?: boolean }\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn('flex items-center gap-3', containerClassName)}\n    className={cn(className)}\n    {...props}\n  />\n))\nInputOTP.displayName = 'InputOTP'\n\nconst InputOTPGroup = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center', className)} {...props} />\n))\nInputOTPGroup.displayName = 'InputOTPGroup'\n\nconst InputOTPSlot = React.forwardRef<HTMLDivElement, InputOTPSlotProps>(\n  ({ index, className, isError, ...props }, ref) => {\n    const inputOTPContext = React.useContext(OTPInputContext)\n    const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          OTPInputVariants({ isError, isFocused: isActive }),\n          className\n        )}\n        {...props}\n      >\n        {char}\n        {hasFakeCaret && (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n            <div className=\"h-4 w-px animate-caret-blink bg-black duration-1000\" />\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nInputOTPSlot.displayName = 'InputOTPSlot'\n\nconst InputOTPSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <Dot />\n  </div>\n))\nInputOTPSeparator.displayName = 'InputOTPSeparator'\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"],"names":["InputOTP","React","className","containerClassName","props","ref","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","isError","inputOTPContext","OTPInputContext","char","hasFakeCaret","isActive","OTPInputVariants","InputOTPSeparator","Dot"],"mappings":";;;;;AASM,MAAAA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,oBAAAC,GAAoB,GAAGC,EAAM,GAAGC,MAC9C,gBAAAJ,EAAA;AAAA,EAACK;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,oBAAoBE,EAAG,2BAA2BJ,CAAkB;AAAA,IACpE,WAAWI,EAAGL,CAAS;AAAA,IACtB,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAS,cAAc;AAEjB,MAAAQ,IAAgBP,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGE,KAASC,sCACzB,OAAI,EAAA,KAAAA,GAAU,WAAWE,EAAG,qBAAqBL,CAAS,GAAI,GAAGE,GAAO,CAC1E;AACDI,EAAc,cAAc;AAE5B,MAAMC,IAAeR,EAAM;AAAA,EACzB,CAAC,EAAE,OAAAS,GAAO,WAAAR,GAAW,SAAAS,GAAS,GAAGP,KAASC,MAAQ;AAC1C,UAAAO,IAAkBX,EAAM,WAAWY,CAAe,GAClD,EAAE,MAAAC,GAAM,cAAAC,GAAc,UAAAC,EAAa,IAAAJ,EAAgB,MAAMF,CAAK;AAGlE,WAAA,gBAAAT,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAI;AAAA,QACA,WAAWE;AAAA,UACTU,EAAiB,EAAE,SAAAN,GAAS,WAAWK,GAAU;AAAA,UACjDd;AAAA,QACF;AAAA,QACC,GAAGE;AAAA,MAAA;AAAA,MAEHU;AAAA,MACAC,qCACE,OAAI,EAAA,WAAU,2EACZ,gBAAAd,EAAA,cAAA,OAAA,EAAI,WAAU,sDAAsD,CAAA,CACvE;AAAA,IAAA;AAAA,EAIR;AACF;AAEAQ,EAAa,cAAc;AAE3B,MAAMS,IAAoBjB,EAAM,WAG9B,CAAC,EAAE,GAAGG,KAASC,sCACd,OAAI,EAAA,KAAAA,GAAU,MAAK,aAAa,GAAGD,KACjC,gBAAAH,EAAA,cAAAkB,GAAA,IAAI,CACP,CACD;AACDD,EAAkB,cAAc;"}
+{"version":3,"file":"index.es101.js","sources":["../src/components/ui/map-marker-hover-card/components/map-point-hover-card.tsx"],"sourcesContent":["import React from 'react'\nimport { StarScore } from '../../star-score'\nimport { Badge } from '@/components/atoms/badge'\nimport { Typography } from '@/components/atoms/typography'\nimport { Skeleton } from '@/components/atoms/skeleton'\nimport { hoverDetailCardStyles } from '../map-marker-hover-card.styles'\nimport { MapMarkerHoverCardNS } from '../map-marker-hover-card.types'\n\nexport function PointHoverCard({\n  title,\n  icon,\n  isLoading = false,\n  tags = [],\n  description,\n  score,\n  badge,\n  actions,\n}: MapMarkerHoverCardNS.PointHoverCardProps) {\n  return (\n    <div className=\"w-[396px] border border-neutral-1 rounded-xl overflow-hidden bg-light-1\">\n      <div className=\"flex items-center gap-3 p-4\">\n        <div className=\"flex items-center justify-center w-12 h-12 overflow-hidden rounded-full bg-light-3\">\n          {isLoading ? (\n            <Skeleton className=\"w-12 h-12 rounded-full bg-light-4\" />\n          ) : (\n            <img\n              src={\n                icon ||\n                'https://frontend-static-files.geoiq.io/strapi/map_pin_ed26828f00.svg'\n              }\n              alt=\"title\"\n              className={hoverDetailCardStyles.img({ hasIcon: !!icon })}\n            />\n          )}\n        </div>\n        <div className=\"truncate max-w-[300px]\">\n          {isLoading ? (\n            <Skeleton className=\"h-5 mb-2 w-[280px] bg-light-4 rounded-full\" />\n          ) : (\n            <Typography variant=\"h3\" className=\"truncate text-light-2\">\n              {title}\n            </Typography>\n          )}\n          <div className=\"flex flex-wrap gap-2\">\n            {isLoading ? (\n              <Skeleton\n                key={'header-badge'}\n                className=\"w-20 h-6 mb-1 rounded-full bg-light-4\"\n              />\n            ) : (\n              tags\n                .filter((tag) => tag.icon_url && tag.name)\n                .map((badge, index) => (\n                  <Badge\n                    key={index}\n                    variant=\"default\"\n                    showBorder\n                    size=\"sm\"\n                    className=\"rounded-full pl-1.5 pr-3\"\n                  >\n                    <img\n                      src={badge.icon_url}\n                      alt=\"icon\"\n                      className=\"w-3 rounded-full\"\n                    />\n                    {badge.name}\n                  </Badge>\n                ))\n            )}\n          </div>\n        </div>\n      </div>\n      <div className=\"px-4\">\n        <div className=\"mb-2\">\n          {isLoading ? (\n            <Skeleton className=\"w-full h-10 bg-light-4 rounded-xl\" />\n          ) : (\n            <Typography\n              variant=\"body4\"\n              className=\"text-light-3 text-overflow: ellipsis\"\n            >\n              {description}\n            </Typography>\n          )}\n        </div>\n        {(score || badge) && (\n          <div className=\"flex justify-between mb-4\">\n            {isLoading ? (\n              <>\n                <Skeleton className=\"w-24 h-5 rounded bg-light-4\" />\n                <Skeleton className=\"w-24 h-5 rounded bg-light-4\" />\n              </>\n            ) : (\n              <>\n                {score && (\n                  <StarScore\n                    score={score?.value}\n                    isLoading={score?.isLoading}\n                  />\n                )}\n                {badge && (\n                  <Badge variant=\"select\" size=\"sm\" showBorder>\n                    {badge}\n                  </Badge>\n                )}\n              </>\n            )}\n          </div>\n        )}\n      </div>\n      {actions && (\n        <div className=\"flex items-center justify-center bg-light-3\">\n          {actions}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["PointHoverCard","title","icon","isLoading","tags","description","score","badge","actions","React","Skeleton","hoverDetailCardStyles","Typography","tag","index","Badge","StarScore"],"mappings":";;;;;;AAQO,SAASA,EAAe;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO,CAAC;AAAA,EACR,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,GAA6C;AAC3C,yCACG,OAAI,EAAA,WAAU,0EACb,GAAAC,gBAAAA,EAAA,cAAC,SAAI,WAAU,8BAAA,GACZA,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,qFACZ,GAAAN,oCACEO,GAAS,EAAA,WAAU,qCAAoC,IAExDD,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KACEP,KACA;AAAA,MAEF,KAAI;AAAA,MACJ,WAAWS,EAAsB,IAAI,EAAE,SAAS,CAAC,CAACT,GAAM;AAAA,IAAA;AAAA,EAAA,CAG9D,GACAO,gBAAAA,EAAA,cAAC,OAAI,EAAA,WAAU,4BACZN,IACCM,gBAAAA,EAAA,cAACC,GAAS,EAAA,WAAU,6CAA6C,CAAA,oCAEhEE,GAAW,EAAA,SAAQ,MAAK,WAAU,wBAChC,GAAAX,CACH,GAEDQ,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,uBAAA,GACZN,IACCM,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,IAAA;AAAA,EAGZ,IAAAN,EACG,OAAO,CAACS,MAAQA,EAAI,YAAYA,EAAI,IAAI,EACxC,IAAI,CAACN,GAAOO,MACXL,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,SAAQ;AAAA,MACR,YAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAU;AAAA,IAAA;AAAA,IAEVL,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKF,EAAM;AAAA,QACX,KAAI;AAAA,QACJ,WAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IACCA,EAAM;AAAA,EAEV,CAAA,CAEP,CACF,CACF,GACAE,gBAAAA,EAAA,cAAC,SAAI,WAAU,OAAA,GACZA,gBAAAA,EAAA,cAAA,OAAA,EAAI,WAAU,OACZ,GAAAN,oCACEO,GAAS,EAAA,WAAU,qCAAoC,IAExDD,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,IAETP;AAAA,EAAA,CAGP,IACEC,KAASC,sCACR,OAAI,EAAA,WAAU,4BACZ,GAAAJ,IAEGM,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAA,gBAAAA,EAAA,cAACC,KAAS,WAAU,8BAAA,CAA8B,GACjDD,gBAAAA,EAAA,cAAAC,GAAA,EAAS,WAAU,8BAA8B,CAAA,CACpD,IAEAD,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACGH,KACCG,gBAAAA,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,OAAOV,GAAO;AAAA,MACd,WAAWA,GAAO;AAAA,IAAA;AAAA,EACpB,GAEDC,KACEE,gBAAAA,EAAA,cAAAM,GAAA,EAAM,SAAQ,UAAS,MAAK,MAAK,YAAU,GAAA,GACzCR,CACH,CAEJ,CAEJ,CAEJ,GACCC,qCACE,OAAI,EAAA,WAAU,iDACZA,CACH,CAEJ;AAEJ;"}

package/dist/index.es102.js

@@ -1,19 +1,45 @@
-import { cva as r } from "class-variance-authority";
-import { StepItemStatus as e } from "./index.es28.js";
-const o = r(
-  "h-8 w-8 border-2 flex items-center justify-center rounded-full cursor-pointer trasnition-all",
+import * as e from "react";
+import { OTPInput as l, OTPInputContext as u } from "input-otp";
+import { Dot as f } from "lucide-react";
+import { cn as n } from "./index.es74.js";
+import { OTPInputVariants as d } from "./index.es106.js";
+const O = e.forwardRef(({ className: t, containerClassName: a, ...r }, o) => /* @__PURE__ */ e.createElement(
+  l,
   {
-    variants: {
-      variant: {
-        pending: "border-neutral-2 ",
-        current: "bg-primary-1 border-primary-2 hover:bg-hover-t1 active:bg-click-t1",
-        completed: "bg-rest-p1 hover:bg-hover-p1 active:bg-click-p1 border-none"
-      }
-    },
-    defaultVariants: { variant: e.PENDING }
+    ref: o,
+    containerClassName: n("flex items-center gap-3", a),
+    className: n(t),
+    ...r
+  }
+));
+O.displayName = "InputOTP";
+const P = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement("div", { ref: r, className: n("flex items-center", t), ...a }));
+P.displayName = "InputOTPGroup";
+const T = e.forwardRef(
+  ({ index: t, className: a, isError: r, ...o }, s) => {
+    const m = e.useContext(u), { char: c, hasFakeCaret: p, isActive: i } = m.slots[t];
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: s,
+        className: n(
+          d({ isError: r, isFocused: i }),
+          a
+        ),
+        ...o
+      },
+      c,
+      p && /* @__PURE__ */ e.createElement("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ e.createElement("div", { className: "h-4 w-px animate-caret-blink bg-black duration-1000" }))
+    );
   }
 );
+T.displayName = "InputOTPSlot";
+const I = e.forwardRef(({ ...t }, a) => /* @__PURE__ */ e.createElement("div", { ref: a, role: "separator", ...t }, /* @__PURE__ */ e.createElement(f, null)));
+I.displayName = "InputOTPSeparator";
 export {
-  o as StepItemVariants
+  O as InputOTP,
+  P as InputOTPGroup,
+  I as InputOTPSeparator,
+  T as InputOTPSlot
 };
 //# sourceMappingURL=index.es102.js.map

package/dist/index.es102.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es102.js","sources":["../src/components/molecules/stepper/stepper.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport { StepItemStatus } from './stepper.type'\nexport const StepItemVariants = cva(\n  'h-8 w-8 border-2 flex items-center justify-center rounded-full cursor-pointer trasnition-all',\n  {\n    variants: {\n      variant: {\n        pending: 'border-neutral-2 ',\n        current:\n          'bg-primary-1 border-primary-2 hover:bg-hover-t1 active:bg-click-t1',\n        completed:\n          'bg-rest-p1 hover:bg-hover-p1 active:bg-click-p1 border-none',\n      },\n    },\n    defaultVariants: { variant: StepItemStatus.PENDING },\n  }\n)\n"],"names":["StepItemVariants","cva","StepItemStatus"],"mappings":";;AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,QACF,WACE;AAAA,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB,EAAE,SAASC,EAAe,QAAQ;AAAA,EACrD;AACF;"}
+{"version":3,"file":"index.es102.js","sources":["../src/components/unstyled/otp-input/otp-input-component.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { OTPInput, OTPInputContext } from 'input-otp'\nimport { Dot } from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { InputOTPSlotProps } from './otp-input.types'\nimport { OTPInputVariants } from './otp-input.styles'\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput> & { isError?: boolean }\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn('flex items-center gap-3', containerClassName)}\n    className={cn(className)}\n    {...props}\n  />\n))\nInputOTP.displayName = 'InputOTP'\n\nconst InputOTPGroup = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center', className)} {...props} />\n))\nInputOTPGroup.displayName = 'InputOTPGroup'\n\nconst InputOTPSlot = React.forwardRef<HTMLDivElement, InputOTPSlotProps>(\n  ({ index, className, isError, ...props }, ref) => {\n    const inputOTPContext = React.useContext(OTPInputContext)\n    const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\n\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          OTPInputVariants({ isError, isFocused: isActive }),\n          className\n        )}\n        {...props}\n      >\n        {char}\n        {hasFakeCaret && (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n            <div className=\"h-4 w-px animate-caret-blink bg-black duration-1000\" />\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nInputOTPSlot.displayName = 'InputOTPSlot'\n\nconst InputOTPSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <Dot />\n  </div>\n))\nInputOTPSeparator.displayName = 'InputOTPSeparator'\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"],"names":["InputOTP","React","className","containerClassName","props","ref","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","isError","inputOTPContext","OTPInputContext","char","hasFakeCaret","isActive","OTPInputVariants","InputOTPSeparator","Dot"],"mappings":";;;;;AASM,MAAAA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,oBAAAC,GAAoB,GAAGC,EAAM,GAAGC,MAC9C,gBAAAJ,EAAA;AAAA,EAACK;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,oBAAoBE,EAAG,2BAA2BJ,CAAkB;AAAA,IACpE,WAAWI,EAAGL,CAAS;AAAA,IACtB,GAAGE;AAAA,EAAA;AACN,CACD;AACDJ,EAAS,cAAc;AAEjB,MAAAQ,IAAgBP,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGE,KAASC,sCACzB,OAAI,EAAA,KAAAA,GAAU,WAAWE,EAAG,qBAAqBL,CAAS,GAAI,GAAGE,GAAO,CAC1E;AACDI,EAAc,cAAc;AAE5B,MAAMC,IAAeR,EAAM;AAAA,EACzB,CAAC,EAAE,OAAAS,GAAO,WAAAR,GAAW,SAAAS,GAAS,GAAGP,KAASC,MAAQ;AAC1C,UAAAO,IAAkBX,EAAM,WAAWY,CAAe,GAClD,EAAE,MAAAC,GAAM,cAAAC,GAAc,UAAAC,EAAa,IAAAJ,EAAgB,MAAMF,CAAK;AAGlE,WAAA,gBAAAT,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAI;AAAA,QACA,WAAWE;AAAA,UACTU,EAAiB,EAAE,SAAAN,GAAS,WAAWK,GAAU;AAAA,UACjDd;AAAA,QACF;AAAA,QACC,GAAGE;AAAA,MAAA;AAAA,MAEHU;AAAA,MACAC,qCACE,OAAI,EAAA,WAAU,2EACZ,gBAAAd,EAAA,cAAA,OAAA,EAAI,WAAU,sDAAsD,CAAA,CACvE;AAAA,IAAA;AAAA,EAIR;AACF;AAEAQ,EAAa,cAAc;AAE3B,MAAMS,IAAoBjB,EAAM,WAG9B,CAAC,EAAE,GAAGG,KAASC,sCACd,OAAI,EAAA,KAAAA,GAAU,MAAK,aAAa,GAAGD,KACjC,gBAAAH,EAAA,cAAAkB,GAAA,IAAI,CACP,CACD;AACDD,EAAkB,cAAc;"}

package/dist/index.es103.js

@@ -1,28 +1,19 @@
-import { cva as e } from "class-variance-authority";
-const t = e(
-  "w-auto min-w-[50px] h-5 flex items-center justify-center gap-2 px-1 py-0.5 rounded-[4px]",
+import { cva as r } from "class-variance-authority";
+import { StepItemStatus as e } from "./index.es28.js";
+const o = r(
+  "h-8 w-8 border-2 flex items-center justify-center rounded-full cursor-pointer trasnition-all",
   {
     variants: {
-      trend: {
-        1: "bg-success-1 border border-success-1",
-        "-1": "bg-danger-1 border border-danger-1",
-        0: "",
-        null: ""
+      variant: {
+        pending: "border-neutral-2 ",
+        current: "bg-primary-1 border-primary-2 hover:bg-hover-t1 active:bg-click-t1",
+        completed: "bg-rest-p1 hover:bg-hover-p1 active:bg-click-p1 border-none"
       }
-    }
+    },
+    defaultVariants: { variant: e.PENDING }
   }
-), s = e("text-sm", {
-  variants: {
-    trend: {
-      1: "text-success-1",
-      "-1": "text-danger-1",
-      0: "",
-      null: ""
-    }
-  }
-});
+);
 export {
-  t as trendBoxStyles,
-  s as trendValueStyles
+  o as StepItemVariants
 };
 //# sourceMappingURL=index.es103.js.map