geoiq-frontend-ui-kit 2.0.1 → 2.0.2

package/dist/index.es121.js

@@ -1,180 +1,25 @@
-import O, { useState as M } from "react";
-import { FormValuesContext as G } from "./index.es130.js";
-import { FormFieldType as r } from "./index.es131.js";
-const U = ({
-  children: I,
-  initialValues: p = {},
-  onSubmit: f,
-  onAssetUpload: T,
-  onToggleImageEditor: V
-}) => {
-  const [n, c] = M(p), [_, m] = M({}), P = (s, e) => {
-    c((a) => ({ ...a, [s]: e })), _[s] && m((a) => {
-      const t = { ...a };
-      return delete t[s], t;
-    });
-  }, A = (s) => {
-    c(() => s);
-  }, u = (s) => {
-    if (s.type === r.REPEATABLE_GROUP_FIELD) {
-      const a = `${s.id}||`, t = Object.keys(n).filter((l) => l.startsWith(a));
-      if (t.length === 0)
-        return { isValid: !1, errorMessage: "This field is required" };
-      for (const l of t) {
-        const o = { ...s.options.find(
-          (g) => g.id === l.split("||")[2]
-        ), id: l }, { isValid: d, errorMessage: E } = u(
-          o
-        );
-        if (!d)
-          return { isValid: !1, errorMessage: E };
-      }
-      return { isValid: !0, errorMessage: "" };
-    }
-    const e = n[s.id];
-    if (s.required && e == null)
-      return { isValid: !1, errorMessage: "This field is required" };
-    if (!s.required && (e == null || e === ""))
-      return { isValid: !0, errorMessage: "" };
-    switch (s.type) {
-      case r.SHORT_TEXT:
-      case r.LONG_TEXT:
-      case r.SINGLE_VIDEO_PICKER_WITH_INPUT:
-        if (e === "")
-          return { isValid: !1, errorMessage: "This field cannot be empty" };
-        break;
-      case r.EMAIL:
-        if (e === "")
-          return { isValid: !1, errorMessage: "Email is required" };
-        if (!/^\S+@\S+\.\S+$/.test(e))
-          return {
-            isValid: !1,
-            errorMessage: "Please enter a valid email address"
-          };
-        break;
-      case r.NUMBER:
-        if (e === "")
-          return { isValid: !1, errorMessage: "Number is required" };
-        if (isNaN(Number(e)))
-          return { isValid: !1, errorMessage: "Please enter a valid number" };
-        break;
-      case r.MOBILE_NUMBER:
-        if (e === "")
-          return { isValid: !1, errorMessage: "Mobile number is required" };
-        if (!/^\d{10,15}$/.test(e.replace(/\D/g, "")))
-          return {
-            isValid: !1,
-            errorMessage: "Please enter a valid mobile number"
-          };
-        break;
-      case r.DATE_PICKER:
-        if (!e || e === "")
-          return { isValid: !1, errorMessage: "Date is required" };
-        break;
-      case r.SINGLE_COMBOBOX:
-        if (!e || e === "")
-          return { isValid: !1, errorMessage: "Please select an option" };
-        break;
-      case r.MULTI_COMBOBOX:
-        if (Array.isArray(e)) {
-          if (e.length === 0)
-            return {
-              isValid: !1,
-              errorMessage: "Please select at least one option"
-            };
-        } else if (typeof e == "string" && (!e || e.split(",").filter(Boolean).length === 0))
-          return {
-            isValid: !1,
-            errorMessage: "Please select at least one option"
-          };
-        break;
-      case r.CHECKBOX_GROUP:
-      case r.RADIO_GROUP:
-        if (!e || e === "")
-          return { isValid: !1, errorMessage: "Please select an option" };
-        break;
-      case r.RADIO_GROUP_WITH_OPTIONAL_INPUT: {
-        const a = e;
-        if (!a || !a.radio_value)
-          return { isValid: !1, errorMessage: "Please select an option" };
-        if (a.radio_value === s.inputTriggerOptionValue && !a.input_value)
-          return {
-            isValid: !1,
-            errorMessage: "Please provide additional information for your selection"
-          };
-        break;
-      }
-      case r.SINGLE_IMAGE_PICKER:
-        if (!e || !e.public_url)
-          return { isValid: !1, errorMessage: "Please upload an image" };
-        break;
-      case r.SINGLE_VIDEO_PICKER:
-        if (!e || !e.public_url)
-          return { isValid: !1, errorMessage: "Please upload a video" };
-        break;
-      case r.MULTI_IMAGE_PICKER:
-        if (!Array.isArray(e) || e.length === 0)
-          return {
-            isValid: !1,
-            errorMessage: "Please upload at least one image"
-          };
-        break;
-      case r.MULTI_VIDEO_PICKER:
-        if (!Array.isArray(e) || e.length === 0)
-          return {
-            isValid: !1,
-            errorMessage: "Please upload at least one video"
-          };
-        break;
-      case r.TAGGABLE_MULTI_IMAGE_PICKER:
-      case r.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT: {
-        if (!Array.isArray(e) || e.length === 0)
-          return {
-            isValid: !1,
-            errorMessage: "Please upload at least one image"
-          };
-        if (e.some((l) => !l.tag))
-          return {
-            isValid: !1,
-            errorMessage: "Please add tags to all uploaded images"
-          };
-        break;
-      }
-    }
-    return { isValid: !0, errorMessage: "" };
-  }, b = {
-    values: n,
-    errors: _,
-    setValue: P,
-    setFormValues: A,
-    submitForm: () => {
-      f && f(n);
-    },
-    onAssetUpload: T,
-    validateField: u,
-    validateStep: (s) => {
-      let e = !0;
-      const a = {}, t = {};
-      return s.sections.forEach((l) => {
-        l.fields.forEach((i) => {
-          t[i.id] = i;
-        });
-      }), Object.entries(t).forEach(([l, i]) => {
-        if (i.required) {
-          const { isValid: o, errorMessage: d } = u(i);
-          o || (a[i.id] = d, e = !1);
-        }
-        if ((i.type === r.TAGGABLE_MULTI_IMAGE_PICKER || i.type === r.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT) && !i.required) {
-          const o = n[i.id];
-          Array.isArray(o) && o.length > 0 && o.some((g) => !g.tag) && (a[i.id] = "Please add tags to all uploaded images", e = !1);
-        }
-      }), { isStepValid: e, errors: a };
-    },
-    onToggleImageEditor: V
-  };
-  return /* @__PURE__ */ O.createElement(G.Provider, { value: b }, I);
-};
+const p = {
+  display1: "p",
+  display2: "p",
+  display3: "p",
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  body1: "p",
+  body2: "p",
+  body3: "p",
+  body4: "p",
+  body5: "p",
+  body6: "p"
+  // overline1: 'p',
+  // overline2: 'p',
+  // overline3: 'p',
+  // 'cta-large': 'p',
+  // 'cta-normal': 'p',
+  // 'cta-small': 'p',
+}, y = "body1";
 export {
-  U as FormValuesProvider
+  y as defaultTypographyVariant,
+  p as variantElementMap
 };
 //# sourceMappingURL=index.es121.js.map

package/dist/index.es121.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es121.js","sources":["../src/components/ui/form-renderer/context/form-values/form-values.provider.tsx"],"sourcesContent":["import React, { useState } from 'react'\nimport {\n  AssetValue,\n  FormField,\n  FormFieldValue,\n  FormStep,\n  FormValues,\n  RadioGroupWithInputFieldValue,\n  TaggableAssetValue,\n  onToggleImageEditor,\n} from '../../form.types'\nimport { FormValuesContext } from './form-values.context'\nimport { FormFieldType } from '../../form.enums'\n\nexport const FormValuesProvider: React.FC<{\n  children: React.ReactNode\n  initialValues?: FormValues\n  onSubmit?: (values: FormValues) => void\n  onAssetUpload?: (file: File) => Promise<AssetValue>\n  onToggleImageEditor?: onToggleImageEditor\n}> = ({\n  children,\n  initialValues = {},\n  onSubmit,\n  onAssetUpload,\n  onToggleImageEditor,\n}) => {\n  const [values, setValues] = useState<FormValues>(initialValues)\n  const [errors, setErrors] = useState<Record<string, string>>({})\n\n  // to update field value\n  const setValue = (fieldId: string, value: FormFieldValue) => {\n    setValues((prev) => ({ ...prev, [fieldId]: value }))\n    // Clear error when value changes\n    if (errors[fieldId]) {\n      setErrors((prev) => {\n        const newErrors = { ...prev }\n        delete newErrors[fieldId]\n        return newErrors\n      })\n    }\n  }\n\n  // to update state all at once\n  const setFormValues = (newValues: FormValues) => {\n    setValues(() => newValues)\n  }\n\n  /**\n   * Validates a field based on its type\n   * @param field - The field object with all properties\n   * @returns Object containing validation status and error message\n   */\n  const validateField = (\n    field: FormField\n  ): { isValid: boolean; errorMessage: string } => {\n    // Special handling for repeatable groups, Since values[field.id] wont exist for repeatable groups\n    if (field.type === FormFieldType.REPEATABLE_GROUP_FIELD) {\n      const prefix = `${field.id}||`\n      // find all the keys that start with the prefix inside values\n      const keys = Object.keys(values).filter((key) => key.startsWith(prefix))\n\n      // if there are no keys, return invalid, since the field is required\n      if (keys.length === 0) {\n        return { isValid: false, errorMessage: 'This field is required' }\n      }\n\n      // loop through all the keys and validate each field if it is required using the same function validation field\n      for (const key of keys) {\n        const subField = field.options.find(\n          (option) => option.id === key.split('||')[2]\n        )\n\n        const modifiedSubField = { ...subField, id: key }\n        const { isValid, errorMessage } = validateField(\n          modifiedSubField as FormField\n        )\n        if (!isValid) {\n          return { isValid: false, errorMessage }\n        }\n      }\n\n      // if all the fields are valid, return valid\n      return { isValid: true, errorMessage: '' }\n    }\n\n    // For normal fields, proceed with regular validation\n    const value = values[field.id]\n\n    // Common check for undefined/null values for all required fields\n    if (field.required && (value === undefined || value === null)) {\n      return { isValid: false, errorMessage: 'This field is required' }\n    }\n\n    // If not required and no value, it's valid\n    if (\n      !field.required &&\n      (value === undefined || value === null || value === '')\n    ) {\n      return { isValid: true, errorMessage: '' }\n    }\n\n    // Type-specific validation\n    switch (field.type) {\n      // Text fields\n      case FormFieldType.SHORT_TEXT:\n      case FormFieldType.LONG_TEXT:\n      case FormFieldType.SINGLE_VIDEO_PICKER_WITH_INPUT:\n        if (value === '') {\n          return { isValid: false, errorMessage: 'This field cannot be empty' }\n        }\n        break\n\n      case FormFieldType.EMAIL:\n        if (value === '') {\n          return { isValid: false, errorMessage: 'Email is required' }\n        }\n        // Basic email validation regex\n        if (!/^\\S+@\\S+\\.\\S+$/.test(value as string)) {\n          return {\n            isValid: false,\n            errorMessage: 'Please enter a valid email address',\n          }\n        }\n        break\n\n      // Number fields\n      case FormFieldType.NUMBER:\n        if (value === '') {\n          return { isValid: false, errorMessage: 'Number is required' }\n        }\n        // Check if it's actually a number\n        if (isNaN(Number(value))) {\n          return { isValid: false, errorMessage: 'Please enter a valid number' }\n        }\n        break\n\n      case FormFieldType.MOBILE_NUMBER:\n        if (value === '') {\n          return { isValid: false, errorMessage: 'Mobile number is required' }\n        }\n        // Mobile number validation\n        if (!/^\\d{10,15}$/.test((value as string).replace(/\\D/g, ''))) {\n          return {\n            isValid: false,\n            errorMessage: 'Please enter a valid mobile number',\n          }\n        }\n        break\n\n      case FormFieldType.DATE_PICKER:\n        if (!value || value === '') {\n          return { isValid: false, errorMessage: 'Date is required' }\n        }\n        break\n\n      // Selection fields\n      case FormFieldType.SINGLE_COMBOBOX:\n        if (!value || value === '') {\n          return { isValid: false, errorMessage: 'Please select an option' }\n        }\n        break\n\n      case FormFieldType.MULTI_COMBOBOX:\n        // Could be array or comma-separated string depending on implementation\n        if (Array.isArray(value)) {\n          if (value.length === 0) {\n            return {\n              isValid: false,\n              errorMessage: 'Please select at least one option',\n            }\n          }\n        } else if (typeof value === 'string') {\n          if (!value || value.split(',').filter(Boolean).length === 0) {\n            return {\n              isValid: false,\n              errorMessage: 'Please select at least one option',\n            }\n          }\n        }\n        break\n\n      case FormFieldType.CHECKBOX_GROUP:\n      case FormFieldType.RADIO_GROUP:\n        if (!value || value === '') {\n          return { isValid: false, errorMessage: 'Please select an option' }\n        }\n        break\n\n      case FormFieldType.RADIO_GROUP_WITH_OPTIONAL_INPUT: {\n        const radioValue = value as RadioGroupWithInputFieldValue\n        if (!radioValue || !radioValue.radio_value) {\n          return { isValid: false, errorMessage: 'Please select an option' }\n        }\n\n        // If \"Other\" option is selected, check if input is provided\n        if (\n          radioValue.radio_value === field.inputTriggerOptionValue &&\n          !radioValue.input_value\n        ) {\n          return {\n            isValid: false,\n            errorMessage:\n              'Please provide additional information for your selection',\n          }\n        }\n        break\n      }\n\n      // Media upload fields\n      case FormFieldType.SINGLE_IMAGE_PICKER:\n        if (!value || !(value as AssetValue).public_url) {\n          return { isValid: false, errorMessage: 'Please upload an image' }\n        }\n        break\n\n      case FormFieldType.SINGLE_VIDEO_PICKER:\n        if (!value || !(value as AssetValue).public_url) {\n          return { isValid: false, errorMessage: 'Please upload a video' }\n        }\n        break\n\n      case FormFieldType.MULTI_IMAGE_PICKER:\n        if (!Array.isArray(value) || value.length === 0) {\n          return {\n            isValid: false,\n            errorMessage: 'Please upload at least one image',\n          }\n        }\n        break\n\n      case FormFieldType.MULTI_VIDEO_PICKER:\n        if (!Array.isArray(value) || value.length === 0) {\n          return {\n            isValid: false,\n            errorMessage: 'Please upload at least one video',\n          }\n        }\n        break\n\n      case FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER:\n      case FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT: {\n        if (!Array.isArray(value) || value.length === 0) {\n          return {\n            isValid: false,\n            errorMessage: 'Please upload at least one image',\n          }\n        }\n\n        // Check if all uploaded images have tags assigned\n        const taggedAssets = value as TaggableAssetValue[]\n        const missingTags = taggedAssets.some((asset) => !asset.tag)\n        if (missingTags) {\n          return {\n            isValid: false,\n            errorMessage: 'Please add tags to all uploaded images',\n          }\n        }\n        break\n      }\n    }\n\n    // If we reach here, validation passed\n    return { isValid: true, errorMessage: '' }\n  }\n  // New function to validate an entire step\n  const validateStep = (\n    step: FormStep\n  ): { isStepValid: boolean; errors: Record<string, string> } => {\n    let isStepValid = true\n    const errors = {} as Record<string, string>\n    const fieldIdTypeMap = {} as Record<string, FormField>\n\n    // Collect all required field IDs from this step\n    step.sections.forEach((section) => {\n      section.fields.forEach((field) => {\n        fieldIdTypeMap[field.id] = field\n      })\n    })\n\n    // Validate each required field\n    // eslint-disable-next-line @typescript-eslint/no-unused-vars\n    Object.entries(fieldIdTypeMap).forEach(([_fieldId, field]) => {\n      // Only validate required fields\n      if (field.required) {\n        // We can now pass the field type to a more specialized validation function\n        const { isValid, errorMessage } = validateField(field)\n        if (!isValid) {\n          errors[field.id] = errorMessage\n          isStepValid = false\n        }\n      }\n\n      // For taggable image fields, validate tags even if field is optional\n      // If images are uploaded, their tags must be filled in\n      if (\n        (field.type === FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER ||\n          field.type ===\n            FormFieldType.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT) &&\n        !field.required\n      ) {\n        const value = values[field.id]\n        if (Array.isArray(value) && value.length > 0) {\n          const taggedAssets = value as TaggableAssetValue[]\n          const missingTags = taggedAssets.some((asset) => !asset.tag)\n          if (missingTags) {\n            errors[field.id] = 'Please add tags to all uploaded images'\n            isStepValid = false\n          }\n        }\n      }\n    })\n\n    return { isStepValid, errors }\n  }\n\n  const submitForm = () => {\n    if (onSubmit) {\n      onSubmit(values)\n    }\n  }\n\n  const value = {\n    values,\n    errors,\n    setValue,\n    setFormValues,\n    submitForm,\n    onAssetUpload,\n    validateField,\n    validateStep,\n    onToggleImageEditor,\n  }\n\n  return (\n    <FormValuesContext.Provider value={value}>\n      {children}\n    </FormValuesContext.Provider>\n  )\n}\n"],"names":["FormValuesProvider","children","initialValues","onSubmit","onAssetUpload","onToggleImageEditor","values","setValues","useState","errors","setErrors","setValue","fieldId","value","prev","newErrors","setFormValues","newValues","validateField","field","FormFieldType","prefix","keys","key","modifiedSubField","option","isValid","errorMessage","radioValue","asset","step","isStepValid","fieldIdTypeMap","section","_fieldId","React","FormValuesContext"],"mappings":"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"}
+{"version":3,"file":"index.es121.js","sources":["../src/components/atoms/typography/typography.config.ts"],"sourcesContent":["export const variantElementMap = {\n  display1: 'p',\n  display2: 'p',\n  display3: 'p',\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  body1: 'p',\n  body2: 'p',\n  body3: 'p',\n  body4: 'p',\n  body5: 'p',\n  body6: 'p',\n  // overline1: 'p',\n  // overline2: 'p',\n  // overline3: 'p',\n  // 'cta-large': 'p',\n  // 'cta-normal': 'p',\n  // 'cta-small': 'p',\n}\n\nexport const defaultTypographyVariant = 'body1'\n"],"names":["variantElementMap","defaultTypographyVariant"],"mappings":"AAAO,MAAMA,IAAoB;AAAA,EAC/B,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOT,GAEaC,IAA2B;"}

package/dist/index.es122.js

@@ -1,16 +1,52 @@
 import { cva as r } from "class-variance-authority";
-const i = r(
-  "h-10 w-10 p-2 grid place-items-center rounded-md hover:bg-hover-s3 hover:cursor-pointer relative",
+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: {
-      isActive: {
-        true: "bg-click-s3",
-        false: "bg-inherit"
+      isError: {
+        true: "",
+        false: ""
+      },
+      isFocused: {
+        true: "",
+        false: ""
+      },
+      disabled: {
+        true: "bg-light-3 border-neutral-2 cursor-not-allowed",
+        false: ""
       }
-    }
+    },
+    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 {
-  i as NavbarIconVariants
+  s as InputVariants
 };
 //# sourceMappingURL=index.es122.js.map

package/dist/index.es122.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es122.js","sources":["../src/components/organisms/navbar/navbar.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const NavbarIconVariants = cva(\n  'h-10 w-10 p-2 grid place-items-center rounded-md hover:bg-hover-s3 hover:cursor-pointer relative',\n  {\n    variants: {\n      isActive: {\n        true: 'bg-click-s3',\n        false: 'bg-inherit',\n      },\n    },\n  }\n)\n"],"names":["NavbarIconVariants","cva"],"mappings":";AAEO,MAAMA,IAAqBC;AAAA,EAChC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es122.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.es123.js

@@ -1,90 +1,38 @@
-import e, { useState as v } from "react";
-import { Button as x } from "./index.es7.js";
-import { Typography as i } from "./index.es17.js";
-import { SheetPrimary as C } from "./index.es38.js";
-import { RequestCreditsDialog as N } from "./index.es94.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,
+import e from "react";
+import { Typography as n } from "./index.es19.js";
+import { ResponsiveContainer as o, PieChart as i, Pie as m, Cell as s } from "recharts";
+function p({
+  list: l,
+  total: r
+}) {
+  const c = 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: "relative w-[180px] h-[164px] flex items-center justify-center" }, /* @__PURE__ */ e.createElement(o, { width: "100%", height: "100%" }, /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(
+    m,
     {
-      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",
+      data: l,
+      labelLine: !1,
+      outerRadius: "100%",
+      innerRadius: r != null ? "40%" : void 0,
+      dataKey: "count"
+    },
+    l?.map(
+      (t, a) => /* @__PURE__ */ e.createElement(
+        s,
         {
-          src: "https://frontend-static-files.geoiq.io/strapi/Group_8faa24a1c9/Group_8faa24a1c9.svg",
-          alt: "Credit information",
-          className: "w-[280px] h-[120px] object-contain"
+          key: `cell-${a}`,
+          fill: t.color,
+          stroke: "none"
         }
-      ), /* @__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
-    }
-  ), /* @__PURE__ */ e.createElement(
-    N,
-    {
-      open: h,
-      onClose: () => t(!1),
-      onRequestCredits: y,
-      onProceedToPayment: E,
-      dialogClassName: p
-    }
-  ));
-};
+      )
+    )
+  ))), r != null && /* @__PURE__ */ e.createElement("div", { className: "absolute inset-0 flex flex-col items-center justify-center pointer-events-none" }, /* @__PURE__ */ e.createElement(n, { variant: "body4", className: "text-light-1" }, "Total"), /* @__PURE__ */ e.createElement(n, { variant: "body2", className: "text-light-1 font-semibold" }, r))), /* @__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(n, { variant: "body4", className: "text-light-3" }, t.name)), /* @__PURE__ */ e.createElement(n, { variant: "body4", className: "text-light-2" }, (t.count / c * 100).toFixed(2), "% (", t.count, ")"))
+  )));
+}
 export {
-  b as CreditSheet
+  p as ClusterHoverCard
 };
 //# sourceMappingURL=index.es123.js.map

package/dist/index.es123.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es123.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.es123.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  total,\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=\"relative 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              innerRadius={total != null ? '40%' : undefined}\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        {total != null && (\n          <div className=\"absolute inset-0 flex flex-col items-center justify-center pointer-events-none\">\n            <Typography variant=\"body4\" className=\"text-light-1\">\n              Total\n            </Typography>\n            <Typography variant=\"body2\" className=\"text-light-1 font-semibold\">\n              {total}\n            </Typography>\n          </div>\n        )}\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","total","totalCount","sum","item","React","ResponsiveContainer","PieChart","Pie","entry","index","Cell","Typography"],"mappings":";;;AAKO,SAASA,EAAiB;AAAA,EAC/B,MAAAC;AAAA,EACA,OAAAC;AACF,GAA+C;AAC7C,QAAMC,IACJF,GAAM;AAAA,IACJ,CAACG,GAAaC,MACZD,IAAMC,EAAK;AAAA,IACb;AAAA,EAAA,KACG;AAEP,SACEC,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,kGACZ,OAAA,EAAI,WAAU,gEAAA,GACbA,gBAAAA,EAAA,cAACC,KAAoB,OAAM,QAAO,QAAO,0CACtCC,GAAA,MACCF,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,MAAMR;AAAA,MACN,WAAW;AAAA,MACX,aAAY;AAAA,MACZ,aAAaC,KAAS,OAAO,QAAQ;AAAA,MACrC,SAAQ;AAAA,IAAA;AAAA,IAEPD,GAAM;AAAA,MACL,CACES,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,GACCR,KAAS,QACRI,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,iFAAA,GACbA,gBAAAA,EAAA,cAACO,GAAA,EAAW,SAAQ,SAAQ,WAAU,kBAAe,OAErD,GACAP,gBAAAA,EAAA,cAACO,GAAA,EAAW,SAAQ,SAAQ,WAAU,gCACnCX,CACH,CACF,CAEJ,GACAI,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,yBACZL,GAAM;AAAA,IACL,CAACI,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.es124.js

@@ -1,40 +1,66 @@
-import * as e from "react";
-import { ChevronLeft as r, ChevronRight as s, MoreHorizontal as l } from "lucide-react";
-import { Button as n } from "./index.es7.js";
-import { Typography as o } from "./index.es17.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 e from "react";
+import { StarScore as h } from "./index.es52.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.es156.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",
+      {
+        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 {
-  m as Pagination,
-  c as PaginationContent,
-  f as PaginationEllipsis,
-  g as PaginationItem,
-  P as PaginationNext,
-  p as PaginationPrevious
+  b as PointHoverCard
 };
 //# sourceMappingURL=index.es124.js.map