geoiq-frontend-ui-kit 1.8.2 → 1.8.5

package/dist/index.es100.js

@@ -1,90 +1,17 @@
-import e, { useState as v } from "react";
-import { Button as x } from "./index.es9.js";
-import { Typography as i } from "./index.es19.js";
-import { SheetPrimary as C } from "./index.es41.js";
-import { RequestCreditsDialog as N } from "./index.es2.js";
-const b = ({
-  open: o,
-  onClose: a,
-  credit_details: c = "0",
-  description: s,
-  onRequestCredits: l,
-  onProceedToPayment: m,
-  trigger: f = null,
-  containerId: d,
-  className: u,
-  dialogClassName: p
-}) => {
-  const [h, t] = v(!1), g = () => {
-    t(!0);
-  }, y = (n, r) => {
-    l?.(n, r), t(!1), a();
-  }, E = (n, r) => {
-    m?.(n, r), t(!1), a();
-  };
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-    C,
-    {
-      open: o,
-      trigger: f,
-      onOpenChange: a,
-      title: "Credits",
-      contentProps: {
-        className: u,
-        side: "custom"
-      },
-      bodyProps: {
-        className: "p-0 h-full"
-      },
-      content: /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center justify-center h-full p-6" }, /* @__PURE__ */ e.createElement("div", { className: "flex-col items-center justify-center" }, /* @__PURE__ */ e.createElement(
-        "img",
-        {
-          src: "https://frontend-static-files.geoiq.io/strapi/Group_8faa24a1c9/Group_8faa24a1c9.svg",
-          alt: "Credit information",
-          className: "w-[280px] h-[120px] object-contain"
-        }
-      ), /* @__PURE__ */ e.createElement("div", { className: "mt-2 flex justify-center" }, /* @__PURE__ */ e.createElement(i, { variant: "h2", className: "flex items-center mb-4" }, c, /* @__PURE__ */ e.createElement(
-        "img",
-        {
-          src: "https://frontend-static-files.geoiq.io/strapi/Credit_Icon_e6fcaf6845/Credit_Icon_e6fcaf6845.svg",
-          width: 32,
-          height: 32,
-          alt: "coin icon",
-          className: "ml-1"
-        }
-      )), s && /* @__PURE__ */ e.createElement(i, { variant: "body1", className: "text-light-3" }, s)))),
-      footer: /* @__PURE__ */ e.createElement("div", { className: "flex w-full justify-center" }, /* @__PURE__ */ e.createElement(
-        x,
-        {
-          variant: "primary",
-          suffixIcon: /* @__PURE__ */ e.createElement(
-            "img",
-            {
-              src: "https://frontend-static-files.geoiq.io/strapi/navbar_credits_247858e26a.svg",
-              width: 16,
-              height: 16,
-              alt: "coin icon",
-              className: "ml-1"
-            }
-          ),
-          title: "Request for credits",
-          onClick: g
-        }
-      )),
-      container: typeof document < "u" ? document.getElementById(d || "") : void 0
+import { cva as s } from "class-variance-authority";
+const o = s("", {
+  variants: {
+    bgColor: {
+      success: "bg-success-2",
+      danger: "bg-danger-2",
+      stroke: "bg-light-4"
     }
-  ), /* @__PURE__ */ e.createElement(
-    N,
-    {
-      open: h,
-      onClose: () => t(!1),
-      onRequestCredits: y,
-      onProceedToPayment: E,
-      dialogClassName: p
-    }
-  ));
-};
+  },
+  defaultVariants: {
+    bgColor: "success"
+  }
+});
 export {
-  b as CreditSheet
+  o as SliderBgColorVariants
 };
 //# sourceMappingURL=index.es100.js.map

package/dist/index.es100.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es100.js","sources":["../src/components/ui/credit-sheet/credit-sheet.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport { Button } from '@/components/atoms/button'\nimport { Typography } from '@/components/atoms/typography'\nimport type { CreditSheetProps } from './credit-sheet.types'\nimport { Sheet } from '@/components/organisms/sheet'\nimport { RequestCreditsDialog } from '../request-credits-view/component/request-credit-dialog'\n\nexport const CreditSheet: React.FC<CreditSheetProps> = ({\n  open,\n  onClose,\n  credit_details = '0',\n  description,\n  onRequestCredits,\n  onProceedToPayment,\n  trigger = null,\n  containerId,\n  className,\n  dialogClassName,\n}) => {\n  const [showRequestDialog, setShowRequestDialog] = useState(false)\n\n  const handleButtonClick = () => {\n    setShowRequestDialog(true)\n  }\n\n  const handleRequestCredits = (credits: string, phoneNumber: string) => {\n    onRequestCredits?.(credits, phoneNumber)\n    setShowRequestDialog(false)\n    onClose()\n  }\n\n  const handleProceedToPayment = (credits: string, phoneNumber: string) => {\n    onProceedToPayment?.(credits, phoneNumber)\n    setShowRequestDialog(false)\n    onClose() // Close the sheet after proceeding to payment\n  }\n\n  return (\n    <>\n      <Sheet\n        open={open}\n        trigger={trigger}\n        onOpenChange={onClose}\n        title=\"Credits\"\n        contentProps={{\n          className: className,\n          side: 'custom',\n        }}\n        bodyProps={{\n          className: 'p-0 h-full',\n        }}\n        content={\n          <div className=\"flex flex-col items-center justify-center h-full p-6\">\n            {/* Fixed Image - Centered */}\n            <div className=\"flex-col items-center justify-center\">\n              <img\n                src=\"https://frontend-static-files.geoiq.io/strapi/Group_8faa24a1c9/Group_8faa24a1c9.svg\"\n                alt=\"Credit information\"\n                className=\"w-[280px] h-[120px] object-contain\"\n              />\n              <div className=\"mt-2 flex justify-center\">\n                <Typography variant=\"h2\" className=\"flex items-center mb-4\">\n                  {credit_details}\n                  <img\n                    src={\n                      'https://frontend-static-files.geoiq.io/strapi/Credit_Icon_e6fcaf6845/Credit_Icon_e6fcaf6845.svg'\n                    }\n                    width={32}\n                    height={32}\n                    alt=\"coin icon\"\n                    className=\"ml-1\"\n                  />\n                </Typography>\n                {description && (\n                  <Typography variant=\"body1\" className=\"text-light-3\">\n                    {description}\n                  </Typography>\n                )}\n              </div>\n            </div>\n          </div>\n        }\n        footer={\n          <div className=\"flex w-full justify-center\">\n            <Button\n              variant=\"primary\"\n              suffixIcon={\n                <img\n                  src={\n                    'https://frontend-static-files.geoiq.io/strapi/navbar_credits_247858e26a.svg'\n                  }\n                  width={16}\n                  height={16}\n                  alt=\"coin icon\"\n                  className=\"ml-1\"\n                />\n              }\n              title=\"Request for credits\"\n              onClick={handleButtonClick}\n            />\n          </div>\n        }\n        container={\n          typeof document !== 'undefined'\n            ? document.getElementById(containerId || '')\n            : undefined\n        }\n      />\n\n      {/* Request Credits Dialog */}\n      <RequestCreditsDialog\n        open={showRequestDialog}\n        onClose={() => setShowRequestDialog(false)}\n        onRequestCredits={handleRequestCredits}\n        onProceedToPayment={handleProceedToPayment}\n        dialogClassName={dialogClassName}\n      />\n    </>\n  )\n}\n"],"names":["CreditSheet","open","onClose","credit_details","description","onRequestCredits","onProceedToPayment","trigger","containerId","className","dialogClassName","showRequestDialog","setShowRequestDialog","useState","handleButtonClick","handleRequestCredits","credits","phoneNumber","handleProceedToPayment","React","Sheet","Typography","Button","RequestCreditsDialog"],"mappings":";;;;;AAOO,MAAMA,IAA0C,CAAC;AAAA,EACtD,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,gBAAAC,IAAiB;AAAA,EACjB,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,aAAAC;AAAA,EACA,WAAAC;AAAA,EACA,iBAAAC;AACF,MAAM;AACJ,QAAM,CAACC,GAAmBC,CAAoB,IAAIC,EAAS,EAAK,GAE1DC,IAAoB,MAAM;AAC9B,IAAAF,EAAqB,EAAI;AAAA,EAC3B,GAEMG,IAAuB,CAACC,GAAiBC,MAAwB;AACrE,IAAAZ,IAAmBW,GAASC,CAAW,GACvCL,EAAqB,EAAK,GAC1BV,EAAA;AAAA,EACF,GAEMgB,IAAyB,CAACF,GAAiBC,MAAwB;AACvE,IAAAX,IAAqBU,GAASC,CAAW,GACzCL,EAAqB,EAAK,GAC1BV,EAAA;AAAA,EACF;AAEA,SACEiB,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAAnB;AAAA,MACA,SAAAM;AAAA,MACA,cAAcL;AAAA,MACd,OAAM;AAAA,MACN,cAAc;AAAA,QACZ,WAAAO;AAAA,QACA,MAAM;AAAA,MAAA;AAAA,MAER,WAAW;AAAA,QACT,WAAW;AAAA,MAAA;AAAA,MAEb,yCACG,OAAA,EAAI,WAAU,0DAEbU,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,uCAAA,GACbA,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KAAI;AAAA,UACJ,KAAI;AAAA,UACJ,WAAU;AAAA,QAAA;AAAA,MAAA,GAEZA,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,2BAAA,GACbA,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,MAAK,WAAU,4BAChClB,GACDgB,gBAAAA,EAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,KACE;AAAA,UAEF,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,KAAI;AAAA,UACJ,WAAU;AAAA,QAAA;AAAA,MAAA,CAEd,GACCf,KACCe,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,eAAA,GACnCjB,CACH,CAEJ,CACF,CACF;AAAA,MAEF,QACEe,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,6BAAA,GACbA,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,SAAQ;AAAA,UACR,YACEH,gBAAAA,EAAA;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,KACE;AAAA,cAEF,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,KAAI;AAAA,cACJ,WAAU;AAAA,YAAA;AAAA,UAAA;AAAA,UAGd,OAAM;AAAA,UACN,SAASL;AAAA,QAAA;AAAA,MAAA,CAEb;AAAA,MAEF,WACE,OAAO,WAAa,MAChB,SAAS,eAAeN,KAAe,EAAE,IACzC;AAAA,IAAA;AAAA,EAAA,GAKRW,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAMZ;AAAA,MACN,SAAS,MAAMC,EAAqB,EAAK;AAAA,MACzC,kBAAkBG;AAAA,MAClB,oBAAoBG;AAAA,MACpB,iBAAAR;AAAA,IAAA;AAAA,EAAA,CAEJ;AAEJ;"}
+{"version":3,"file":"index.es100.js","sources":["../src/components/molecules/polar-slider/polar-slider.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const SliderBgColorVariants = cva('', {\n  variants: {\n    bgColor: {\n      success: 'bg-success-2',\n      danger: 'bg-danger-2',\n      stroke: 'bg-light-4',\n    },\n  },\n  defaultVariants: {\n    bgColor: 'success',\n  },\n})\n"],"names":["SliderBgColorVariants","cva"],"mappings":";AAEO,MAAMA,IAAwBC,EAAI,IAAI;AAAA,EAC3C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;"}

package/dist/index.es101.js

@@ -1,10 +1,48 @@
-function o(n, t) {
-  return n.replace(/\{\{(\w+)\}\}/g, (l, e) => {
-    const r = t[e];
-    return r != null ? String(r) : "";
-  });
-}
+import { cva as t } from "class-variance-authority";
+const r = t(
+  "relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ",
+  {
+    variants: {
+      variant: {
+        info: " text-text4 dark:border-danger [&>svg]:text-danger bg-info-1",
+        success: "text-text4  dark:border-danger [&>svg]:text-danger bg-success-1",
+        warning: "text-text4  dark:border-danger [&>svg]:text-danger bg-warning-1 ",
+        error: " text-text4  dark:border-danger [&>svg]:text-danger bg-danger-1",
+        default: "text-text4  bg-background text-foreground"
+      },
+      shortContent: {
+        true: "items-center flex flex-row gap-3",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "info"
+    }
+  }
+), a = t("", {
+  variants: {
+    shortContent: {
+      true: "justify-between w-full items-center flex flex-row gap-3",
+      false: "flex flex-col gap-2  justify-start items-start"
+    }
+  },
+  defaultVariants: {
+    shortContent: !1
+  }
+}), n = t(" max-w-[fit-content] ", {
+  variants: {
+    shortContent: {
+      true: "bg-rest-s1",
+      false: "bg-rest-s1"
+    }
+  },
+  defaultVariants: {
+    shortContent: !1
+  }
+});
 export {
-  o as interpolateUrl
+  n as AlertButtonVariants,
+  a as AlertContentVariants,
+  r as AlertVariants
 };
 //# sourceMappingURL=index.es101.js.map

package/dist/index.es101.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es101.js","sources":["../src/components/molecules/creatable-multi-combobox/creatable-multi-combobox.types.ts"],"sourcesContent":["import { PopoverContent } from '@/components/unstyled/popover/popover-components'\nimport React from 'react'\n\nexport type CreatableOption = {\n  id: string\n  name: string\n  disabled?: boolean\n  icon?: React.ReactElement\n}\n\nexport type PopoverContentProps = React.ComponentPropsWithoutRef<\n  typeof PopoverContent\n>\n\n/** Replaces {{fieldId}} in URL with urlTemplateData[fieldId] */\nexport function interpolateUrl(\n  url: string,\n  data: Record<string, unknown>\n): string {\n  return url.replace(/\\{\\{(\\w+)\\}\\}/g, (_, key) => {\n    const val = data[key]\n    return val != null ? String(val) : ''\n  })\n}\n\nexport type CreatableMultiComboboxPropsType = {\n  /** API URL to fetch options (POST). Supports {{fieldId}} for form value interpolation. Ignored if fetchOptions provided */\n  optionsUrl?: string\n  /** API URL to create new option (POST). Supports {{fieldId}} for form value interpolation. Ignored if createOption provided */\n  createOptionUrl?: string\n  /** Override: custom fetch for options. When provided, optionsUrl is ignored */\n  fetchOptions?: () => Promise<CreatableOption[]>\n  /** Override: custom create handler. When provided, createOptionUrl is ignored */\n  createOption?: (value: string) => Promise<CreatableOption>\n  /** Headers to include in API requests (e.g. Authorization from cookie). Can be sync or async */\n  requestHeaders?:\n    | Record<string, string>\n    | (() => Record<string, string> | Promise<Record<string, string>>)\n  /** Request body for fetch options API. When provided, overrides default { ...urlTemplateData, fieldId } */\n  optionsRequestBody?: Record<string, unknown>\n  /** Request body for create/upsert option API. Merged with { [createOptionValueKey]: value }. E.g. { type: \"zone\" } */\n  createOptionRequestBody?: Record<string, unknown>\n  /** Key for the typed value in create body. Default \"value\". Use \"email\" if API expects that key */\n  createOptionValueKey?: string\n  /** Extra body fields for create (e.g. { email: userEmail } from cookie). Merged last */\n  createOptionExtraBody?:\n    | Record<string, unknown>\n    | (() => Record<string, unknown> | Promise<Record<string, unknown>>)\n  /** When true, createOptionExtraBody is not merged (use when value key is \"email\" and extra would conflict) */\n  skipCreateOptionExtraBody?: boolean\n  /** Form values for URL interpolation (e.g. {{country}} -> values.country) */\n  urlTemplateData?: Record<string, unknown>\n  value: string[]\n  fieldId: string\n  placeholder?: string\n  searchPlaceholder?: string\n  emptyMessage?: string\n  addCustomMessage?: (typedValue: string) => string\n  /** Minimum number of values that must be selected */\n  minSelected?: number\n  /** Maximum number of values that can be selected */\n  maxSelected?: number\n  onChange: (value: string[]) => void\n  container?: Element | null | undefined\n}\n"],"names":["interpolateUrl","url","data","_","key","val"],"mappings":"AAeO,SAASA,EACdC,GACAC,GACQ;AACR,SAAOD,EAAI,QAAQ,kBAAkB,CAACE,GAAGC,MAAQ;AAC/C,UAAMC,IAAMH,EAAKE,CAAG;AACpB,WAAOC,KAAO,OAAO,OAAOA,CAAG,IAAI;AAAA,EACrC,CAAC;AACH;"}
+{"version":3,"file":"index.es101.js","sources":["../src/components/molecules/alert/alert.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const AlertVariants = cva(\n  'relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ',\n  {\n    variants: {\n      variant: {\n        info: ' text-text4 dark:border-danger [&>svg]:text-danger bg-info-1',\n        success:\n          'text-text4  dark:border-danger [&>svg]:text-danger bg-success-1',\n        warning:\n          'text-text4  dark:border-danger [&>svg]:text-danger bg-warning-1 ',\n        error:\n          ' text-text4  dark:border-danger [&>svg]:text-danger bg-danger-1',\n        default: 'text-text4  bg-background text-foreground',\n      },\n      shortContent: {\n        true: 'items-center flex flex-row gap-3',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }\n)\n\nexport const AlertContentVariants = cva('', {\n  variants: {\n    shortContent: {\n      true: 'justify-between w-full items-center flex flex-row gap-3',\n      false: 'flex flex-col gap-2  justify-start items-start',\n    },\n  },\n  defaultVariants: {\n    shortContent: false,\n  },\n})\n\nexport const AlertButtonVariants = cva(' max-w-[fit-content] ', {\n  variants: {\n    shortContent: {\n      true: 'bg-rest-s1',\n      false: 'bg-rest-s1',\n    },\n  },\n  defaultVariants: {\n    shortContent: false,\n  },\n})\n"],"names":["AlertVariants","cva","AlertContentVariants","AlertButtonVariants"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SACE;AAAA,QACF,SACE;AAAA,QACF,OACE;AAAA,QACF,SAAS;AAAA,MAAA;AAAA,MAEX,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEaC,IAAuBD,EAAI,IAAI;AAAA,EAC1C,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,cAAc;AAAA,EAAA;AAElB,CAAC,GAEYE,IAAsBF,EAAI,yBAAyB;AAAA,EAC9D,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,cAAc;AAAA,EAAA;AAElB,CAAC;"}

package/dist/index.es103.js

@@ -1,14 +1,52 @@
-import { cva as e } from "class-variance-authority";
-const a = e(
-  "relative flex w-60  touch-none select-none items-center",
+import { cva as r } from "class-variance-authority";
+const s = r(
+  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  
+    text-light-2 px-3 py-2
+    file:border-0 file:bg-transparent
+    placeholder:font-normal placeholder:text-light-4`,
   {
     variants: {
-      variant: {}
+      isError: {
+        true: "",
+        false: ""
+      },
+      isFocused: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "bg-light-3 border-neutral-2 cursor-not-allowed",
+        false: ""
+      }
     },
-    defaultVariants: {}
+    defaultVariants: {
+      isError: !1
+    },
+    compoundVariants: [
+      {
+        isError: !0,
+        isFocused: !0,
+        className: "border-danger-2 ring-4 ring-danger-1"
+      },
+      {
+        isError: !1,
+        isFocused: !0,
+        className: "border-primary-2 ring-4 ring-primary-1"
+      },
+      {
+        isError: !0,
+        isFocused: !1,
+        className: "border-danger-2"
+      },
+      {
+        isError: !1,
+        isFocused: !1,
+        className: "border-light-2"
+      }
+    ]
   }
 );
 export {
-  a as SliderVariants
+  s as InputVariants
 };
 //# sourceMappingURL=index.es103.js.map

package/dist/index.es103.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es103.js","sources":["../src/components/molecules/slider/slider.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const SliderVariants = cva(\n  'relative flex w-60  touch-none select-none items-center',\n  {\n    variants: {\n      variant: {},\n    },\n    defaultVariants: {},\n  }\n)\n"],"names":["SliderVariants","cva"],"mappings":";AAEO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS,CAAA;AAAA,IAAC;AAAA,IAEZ,iBAAiB,CAAA;AAAA,EAAC;AAEtB;"}
+{"version":3,"file":"index.es103.js","sources":["../src/components/atoms/input/input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const InputVariants = cva(\n  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  \n    text-light-2 px-3 py-2\n    file:border-0 file:bg-transparent\n    placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isError: {\n        true: '',\n        false: '',\n      },\n      isFocused: {\n        true: '',\n        false: '',\n      },\n      disabled: {\n        true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isError: false,\n    },\n    compoundVariants: [\n      {\n        isError: true,\n        isFocused: true,\n        className: 'border-danger-2 ring-4 ring-danger-1',\n      },\n      {\n        isError: false,\n        isFocused: true,\n        className: 'border-primary-2 ring-4 ring-primary-1',\n      },\n      {\n        isError: true,\n        isFocused: false,\n        className: 'border-danger-2',\n      },\n      {\n        isError: false,\n        isFocused: false,\n        className: 'border-light-2',\n      },\n    ],\n  }\n)\n"],"names":["InputVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ;"}

package/dist/index.es104.js

@@ -1,77 +1,36 @@
-import { cva as e } from "class-variance-authority";
-const t = e(
-  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  
-    text-light-2 px-3 py-2
-    file:border-0 file:bg-transparent
-    placeholder:font-normal placeholder:text-light-4`,
-  {
-    variants: {
-      isError: {
-        true: "",
-        false: ""
-      },
-      isFocused: {
-        true: "",
-        false: ""
-      },
-      disabled: {
-        true: "bg-light-3 border-neutral-2 cursor-not-allowed",
-        false: ""
-      }
+import e from "react";
+import { Typography as r } from "./index.es19.js";
+import { ResponsiveContainer as c, PieChart as o, Pie as m, Cell as i } from "recharts";
+function p({
+  list: l
+}) {
+  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,
+    {
+      data: l,
+      labelLine: !1,
+      outerRadius: "100%",
+      dataKey: "count"
     },
-    defaultVariants: {
-      isError: !1
-    },
-    compoundVariants: [
-      {
-        isError: !0,
-        isFocused: !0,
-        className: "border-danger-2 ring-4 ring-danger-1"
-      },
-      {
-        isError: !1,
-        isFocused: !0,
-        className: "border-primary-2 ring-4 ring-primary-1"
-      },
-      {
-        isError: !0,
-        isFocused: !1,
-        className: "border-danger-2"
-      },
-      {
-        isError: !1,
-        isFocused: !1,
-        className: "border-light-2"
-      }
-    ]
-  }
-), a = e(
-  "outline-none w-full h-full bg-transparent disabled:cursor-not-allowed placeholder:font-normal placeholder:text-light-4",
-  {
-    variants: {
-      isError: {
-        true: "text-danger-1",
-        false: "text-light-2"
-      }
-    }
-  }
-), s = e(
-  "absolute top-[7px] text-top transition-transform duration-500 text-light-4 pointer-events-none ",
-  {
-    variants: {
-      animate: {
-        true: "",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      animate: !1
-    }
-  }
-);
+    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 {
-  t as AnimatedInputContainerVariants,
-  a as AnimatedInputStyles,
-  s as DynamicComponentStyles
+  p as ClusterHoverCard
 };
 //# sourceMappingURL=index.es104.js.map

package/dist/index.es104.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es104.js","sources":["../src/components/ui/animated-input/animated-input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const AnimatedInputContainerVariants = cva(\n  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  \n    text-light-2 px-3 py-2\n    file:border-0 file:bg-transparent\n    placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isError: {\n        true: '',\n        false: '',\n      },\n      isFocused: {\n        true: '',\n        false: '',\n      },\n      disabled: {\n        true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isError: false,\n    },\n    compoundVariants: [\n      {\n        isError: true,\n        isFocused: true,\n        className: 'border-danger-2 ring-4 ring-danger-1',\n      },\n      {\n        isError: false,\n        isFocused: true,\n        className: 'border-primary-2 ring-4 ring-primary-1',\n      },\n      {\n        isError: true,\n        isFocused: false,\n        className: 'border-danger-2',\n      },\n      {\n        isError: false,\n        isFocused: false,\n        className: 'border-light-2',\n      },\n    ],\n  }\n)\n\nexport const AnimatedInputStyles = cva(\n  `outline-none w-full h-full bg-transparent disabled:cursor-not-allowed placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isError: {\n        true: 'text-danger-1',\n        false: 'text-light-2',\n      },\n    },\n  }\n)\n\nexport const DynamicComponentStyles = cva(\n  `absolute top-[7px] text-top transition-transform duration-500 text-light-4 pointer-events-none `,\n  {\n    variants: {\n      animate: {\n        true: '',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      animate: false,\n    },\n  }\n)\n"],"names":["AnimatedInputContainerVariants","cva","AnimatedInputStyles","DynamicComponentStyles"],"mappings":";AAEO,MAAMA,IAAiCC;AAAA,EAC5C;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ,GAEaC,IAAsBD;AAAA,EACjC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ,GAEaE,IAAyBF;AAAA,EACpC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}
+{"version":3,"file":"index.es104.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,EAAA,KACG;AAEP,SACEC,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,kGACZ,OAAA,EAAI,WAAU,uDAAA,GACbA,gBAAAA,EAAA,cAACC,KAAoB,OAAM,QAAO,QAAO,0CACtCC,GAAA,MACCF,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,MAAA;AAAA,IACT;AAAA,EAEJ,CAEJ,CACF,CACF,mCACC,OAAA,EAAI,WAAU,yBACZR,GAAM;AAAA,IACL,CAACG,GAA4CM,MAC3CL,gBAAAA,EAAA,cAAC,SAAI,KAAKK,GAAO,WAAU,sBAAA,GACzBL,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,0BAAA,GACbA,gBAAAA,EAAA,cAAC,OAAA,EAAI,KAAKD,EAAK,UAAU,KAAKA,EAAK,QAAQ,aAAA,CAAc,GACzDC,gBAAAA,EAAA,cAACO,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBACnCR,EAAK,IACR,CACF,GACAC,gBAAAA,EAAA,cAACO,GAAA,EAAW,SAAQ,SAAQ,WAAU,mBACjCR,EAAK,QAAQF,IAAc,KAAK,QAAQ,CAAC,GAAE,OAAIE,EAAK,OAAM,GAC/D,CACF;AAAA,EAAA,CAGN,CACF;AAEJ;"}

package/dist/index.es105.js

@@ -1,48 +1,66 @@
-import { cva as t } from "class-variance-authority";
-const r = t(
-  "relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ",
-  {
-    variants: {
-      variant: {
-        info: " text-text4 dark:border-danger [&>svg]:text-danger bg-info-1",
-        success: "text-text4  dark:border-danger [&>svg]:text-danger bg-success-1",
-        warning: "text-text4  dark:border-danger [&>svg]:text-danger bg-warning-1 ",
-        error: " text-text4  dark:border-danger [&>svg]:text-danger bg-danger-1",
-        default: "text-text4  bg-background text-foreground"
-      },
-      shortContent: {
-        true: "items-center flex flex-row gap-3",
-        false: ""
-      }
-    },
-    defaultVariants: {
-      variant: "info"
+import e from "react";
+import { StarScore as h } from "./index.es49.js";
+import { Badge as c } from "./index.es8.js";
+import { Typography as i } from "./index.es19.js";
+import { Skeleton as t } from "./index.es14.js";
+import { hoverDetailCardStyles as g } from "./index.es131.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 })
     }
-  }
-), a = t("", {
-  variants: {
-    shortContent: {
-      true: "justify-between w-full items-center flex flex-row gap-3",
-      false: "flex flex-col gap-2  justify-start items-start"
+  )), /* @__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"
     }
-  },
-  defaultVariants: {
-    shortContent: !1
-  }
-}), n = t(" max-w-[fit-content] ", {
-  variants: {
-    shortContent: {
-      true: "bg-rest-s1",
-      false: "bg-rest-s1"
+  ) : 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",
+      {
+        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
     }
-  },
-  defaultVariants: {
-    shortContent: !1
-  }
-});
+  ), 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 {
-  n as AlertButtonVariants,
-  a as AlertContentVariants,
-  r as AlertVariants
+  b as PointHoverCard
 };
 //# sourceMappingURL=index.es105.js.map

package/dist/index.es105.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es105.js","sources":["../src/components/molecules/alert/alert.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const AlertVariants = cva(\n  'relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ',\n  {\n    variants: {\n      variant: {\n        info: ' text-text4 dark:border-danger [&>svg]:text-danger bg-info-1',\n        success:\n          'text-text4  dark:border-danger [&>svg]:text-danger bg-success-1',\n        warning:\n          'text-text4  dark:border-danger [&>svg]:text-danger bg-warning-1 ',\n        error:\n          ' text-text4  dark:border-danger [&>svg]:text-danger bg-danger-1',\n        default: 'text-text4  bg-background text-foreground',\n      },\n      shortContent: {\n        true: 'items-center flex flex-row gap-3',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }\n)\n\nexport const AlertContentVariants = cva('', {\n  variants: {\n    shortContent: {\n      true: 'justify-between w-full items-center flex flex-row gap-3',\n      false: 'flex flex-col gap-2  justify-start items-start',\n    },\n  },\n  defaultVariants: {\n    shortContent: false,\n  },\n})\n\nexport const AlertButtonVariants = cva(' max-w-[fit-content] ', {\n  variants: {\n    shortContent: {\n      true: 'bg-rest-s1',\n      false: 'bg-rest-s1',\n    },\n  },\n  defaultVariants: {\n    shortContent: false,\n  },\n})\n"],"names":["AlertVariants","cva","AlertContentVariants","AlertButtonVariants"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SACE;AAAA,QACF,SACE;AAAA,QACF,OACE;AAAA,QACF,SAAS;AAAA,MAAA;AAAA,MAEX,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ,GAEaC,IAAuBD,EAAI,IAAI;AAAA,EAC1C,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,cAAc;AAAA,EAAA;AAElB,CAAC,GAEYE,IAAsBF,EAAI,yBAAyB;AAAA,EAC9D,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IAAA;AAAA,EACT;AAAA,EAEF,iBAAiB;AAAA,IACf,cAAc;AAAA,EAAA;AAElB,CAAC;"}
+{"version":3,"file":"index.es105.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,CAAA;AAAA,EACP,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,GAA6C;AAC3C,yCACG,OAAA,EAAI,WAAU,0EAAA,GACbC,gBAAAA,EAAA,cAAC,SAAI,WAAU,8BAAA,GACbA,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,qFAAA,GACZN,oCACEO,GAAA,EAAS,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,OAAA,EAAI,WAAU,4BACZN,IACCM,gBAAAA,EAAA,cAACC,GAAA,EAAS,WAAU,6CAAA,CAA6C,oCAEhEE,GAAA,EAAW,SAAQ,MAAK,WAAU,wBAAA,GAChCX,CACH,GAEFQ,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,uBAAA,GACZN,IACCM,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,IAAA;AAAA,EAAA,IAGZN,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,IAAA;AAAA,IAEXA,EAAM;AAAA,EAAA,CAEV,CAEP,CACF,CACF,GACAE,gBAAAA,EAAA,cAAC,SAAI,WAAU,OAAA,GACbA,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,OAAA,GACZN,oCACEO,GAAA,EAAS,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,OAAA,EAAI,WAAU,4BAAA,GACZJ,IACCM,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA,cAACC,KAAS,WAAU,8BAAA,CAA8B,GAClDD,gBAAAA,EAAA,cAACC,GAAA,EAAS,WAAU,8BAAA,CAA8B,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,EAAA,GAGrBC,KACCE,gBAAAA,EAAA,cAACM,GAAA,EAAM,SAAQ,UAAS,MAAK,MAAK,YAAU,GAAA,GACzCR,CACH,CAEJ,CAEJ,CAEJ,GACCC,qCACE,OAAA,EAAI,WAAU,8CAAA,GACZA,CACH,CAEJ;AAEJ;"}

package/dist/index.es106.js

@@ -1,40 +1,28 @@
-import * as e from "react";
-import { ChevronLeft as r, ChevronRight as s, MoreHorizontal as l } from "lucide-react";
-import { Button as n } from "./index.es9.js";
-import { Typography as o } from "./index.es19.js";
-const m = ({ className: a, ...t }) => /* @__PURE__ */ e.createElement(
-  "nav",
-  {
-    role: "navigation",
-    "aria-label": "pagination",
-    className: `mx-auto flex w-full justify-center ${a}`,
-    ...t
-  }
-);
-m.displayName = "Pagination";
-const c = e.forwardRef(({ className: a, ...t }, i) => /* @__PURE__ */ e.createElement(
-  "ul",
-  {
-    ref: i,
-    className: `flex flex-row items-center gap-1 ${a}`,
-    ...t
-  }
-));
-c.displayName = "PaginationContent";
-const g = e.forwardRef(({ className: a, ...t }, i) => /* @__PURE__ */ e.createElement("li", { ref: i, className: a, ...t }));
-g.displayName = "PaginationItem";
-const p = (a) => /* @__PURE__ */ e.createElement(n, { variant: "teritiary", size: "sm", ...a }, /* @__PURE__ */ e.createElement(r, { className: "w-4 h-4" }), /* @__PURE__ */ e.createElement(o, { variant: "body4" }, "Previous"));
-p.displayName = "PaginationPrevious";
-const P = (a) => /* @__PURE__ */ e.createElement(n, { variant: "teritiary", size: "sm", ...a }, /* @__PURE__ */ e.createElement(o, { variant: "body4" }, "Next"), /* @__PURE__ */ e.createElement(s, { className: "w-4 h-4" }));
-P.displayName = "PaginationNext";
-const f = (a) => /* @__PURE__ */ e.createElement(n, { variant: "teritiary", size: "sm", ...a }, /* @__PURE__ */ e.createElement(l, { className: "w-4 h-4 stroke-light-1" }));
-f.displayName = "PaginationEllipsis";
+import { cva as t } from "class-variance-authority";
+const e = t("w-full", {
+  variants: {
+    isOpen: {
+      true: "ring-4 ring-primary-1 border-primary-2 text-light-1"
+    },
+    isValue: {
+      true: "text-light-1",
+      false: "text-light-4"
+    }
+  },
+  compoundVariants: [
+    // {
+    //   isOpen: true,
+    //   isValue: true,
+    //   className: 'border-primary-2',
+    // },
+    {
+      isOpen: !1,
+      isValue: !0,
+      className: "border-neutral-2"
+    }
+  ]
+});
 export {
-  m as Pagination,
-  c as PaginationContent,
-  f as PaginationEllipsis,
-  g as PaginationItem,
-  P as PaginationNext,
-  p as PaginationPrevious
+  e as ComboBoxStates
 };
 //# sourceMappingURL=index.es106.js.map