geoiq-frontend-ui-kit 2.0.1 → 2.0.3

package/dist/{index.es121.js → index114.es.js}

@@ -1,33 +1,35 @@
-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 = ({
+import G, { useState as E } from "react";
+import { FormValuesContext as L } from "./index141.es.js";
+import { FormFieldType as r } from "./index142.es.js";
+const B = ({
   children: I,
-  initialValues: p = {},
-  onSubmit: f,
-  onAssetUpload: T,
-  onToggleImageEditor: V
+  initialValues: m = {},
+  onSubmit: c,
+  onAssetUpload: p,
+  onToggleImageEditor: T,
+  getRequestHeaders: V,
+  getCreateOptionExtraBody: A
 }) => {
-  const [n, c] = M(p), [_, m] = M({}), P = (s, e) => {
-    c((a) => ({ ...a, [s]: e })), _[s] && m((a) => {
+  const [n, f] = E(m), [M, P] = E({}), b = (s, e) => {
+    f((a) => ({ ...a, [s]: e })), M[s] && P((a) => {
       const t = { ...a };
       return delete t[s], t;
     });
-  }, A = (s) => {
-    c(() => s);
+  }, O = (s) => {
+    f(() => s);
   }, u = (s) => {
     if (s.type === r.REPEATABLE_GROUP_FIELD) {
-      const a = `${s.id}||`, t = Object.keys(n).filter((l) => l.startsWith(a));
+      const a = `${s.id}||`, t = Object.keys(n).filter((i) => i.startsWith(a));
       if (t.length === 0)
         return { isValid: !1, errorMessage: "This field is required" };
-      for (const l of t) {
+      for (const i of t) {
         const o = { ...s.options.find(
-          (g) => g.id === l.split("||")[2]
-        ), id: l }, { isValid: d, errorMessage: E } = u(
+          (g) => g.id === i.split("||")[2]
+        ), id: i }, { isValid: d, errorMessage: _ } = u(
           o
         );
         if (!d)
-          return { isValid: !1, errorMessage: E };
+          return { isValid: !1, errorMessage: _ };
       }
       return { isValid: !0, errorMessage: "" };
     }
@@ -73,7 +75,10 @@ const U = ({
         break;
       case r.SINGLE_COMBOBOX:
         if (!e || e === "")
-          return { isValid: !1, errorMessage: "Please select an option" };
+          return {
+            isValid: !1,
+            errorMessage: "Please select or enter a value"
+          };
         break;
       case r.MULTI_COMBOBOX:
         if (Array.isArray(e)) {
@@ -88,6 +93,25 @@ const U = ({
             errorMessage: "Please select at least one option"
           };
         break;
+      case r.CREATABLE_MULTI_COMBOBOX: {
+        const a = Array.isArray(e) ? e : typeof e == "string" ? e.split(",").filter(Boolean) : [], t = s.minSelected ?? 0, i = s.maxSelected;
+        if (t > 0 && a.length < t)
+          return {
+            isValid: !1,
+            errorMessage: i != null ? `Select at least ${t} option(s) (max ${i})` : `Select at least ${t} option(s)`
+          };
+        if (i != null && a.length > i)
+          return {
+            isValid: !1,
+            errorMessage: `Select at most ${i} option(s)`
+          };
+        if (s.required && a.length === 0)
+          return {
+            isValid: !1,
+            errorMessage: "This field is required"
+          };
+        break;
+      }
       case r.CHECKBOX_GROUP:
       case r.RADIO_GROUP:
         if (!e || e === "")
@@ -133,7 +157,7 @@ const U = ({
             isValid: !1,
             errorMessage: "Please upload at least one image"
           };
-        if (e.some((l) => !l.tag))
+        if (e.some((i) => !i.tag))
           return {
             isValid: !1,
             errorMessage: "Please add tags to all uploaded images"
@@ -142,39 +166,41 @@ const U = ({
       }
     }
     return { isValid: !0, errorMessage: "" };
-  }, b = {
+  }, y = {
     values: n,
-    errors: _,
-    setValue: P,
-    setFormValues: A,
+    errors: M,
+    setValue: b,
+    setFormValues: O,
     submitForm: () => {
-      f && f(n);
+      c && c(n);
     },
-    onAssetUpload: T,
+    onAssetUpload: p,
     validateField: u,
     validateStep: (s) => {
       let e = !0;
       const a = {}, t = {};
-      return s.sections.forEach((l) => {
-        l.fields.forEach((i) => {
-          t[i.id] = i;
+      return s.sections.forEach((i) => {
+        i.fields.forEach((l) => {
+          t[l.id] = l;
         });
-      }), Object.entries(t).forEach(([l, i]) => {
-        if (i.required) {
-          const { isValid: o, errorMessage: d } = u(i);
-          o || (a[i.id] = d, e = !1);
+      }), Object.entries(t).forEach(([i, l]) => {
+        if (l.required) {
+          const { isValid: o, errorMessage: d } = u(l);
+          o || (a[l.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);
+        if ((l.type === r.TAGGABLE_MULTI_IMAGE_PICKER || l.type === r.TAGGABLE_MULTI_IMAGE_PICKER_WITH_INPUT) && !l.required) {
+          const o = n[l.id];
+          Array.isArray(o) && o.length > 0 && o.some((g) => !g.tag) && (a[l.id] = "Please add tags to all uploaded images", e = !1);
         }
       }), { isStepValid: e, errors: a };
     },
-    onToggleImageEditor: V
+    onToggleImageEditor: T,
+    getRequestHeaders: V,
+    getCreateOptionExtraBody: A
   };
-  return /* @__PURE__ */ O.createElement(G.Provider, { value: b }, I);
+  return /* @__PURE__ */ G.createElement(L.Provider, { value: y }, I);
 };
 export {
-  U as FormValuesProvider
+  B as FormValuesProvider
 };
-//# sourceMappingURL=index.es121.js.map
+//# sourceMappingURL=index114.es.js.map

package/dist/index114.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index114.es.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  getRequestHeaders?: () =>\n    | Record<string, string>\n    | Promise<Record<string, string>>\n  getCreateOptionExtraBody?: () =>\n    | Record<string, unknown>\n    | Promise<Record<string, unknown>>\n}> = ({\n  children,\n  initialValues = {},\n  onSubmit,\n  onAssetUpload,\n  onToggleImageEditor,\n  getRequestHeaders,\n  getCreateOptionExtraBody,\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 {\n            isValid: false,\n            errorMessage: 'Please select or enter a value',\n          }\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.CREATABLE_MULTI_COMBOBOX: {\n        const arr = Array.isArray(value)\n          ? value\n          : typeof value === 'string'\n            ? value.split(',').filter(Boolean)\n            : []\n        const minSelected = field.minSelected ?? 0\n        const maxSelected = field.maxSelected\n        if (minSelected > 0 && arr.length < minSelected) {\n          return {\n            isValid: false,\n            errorMessage:\n              maxSelected != null\n                ? `Select at least ${minSelected} option(s) (max ${maxSelected})`\n                : `Select at least ${minSelected} option(s)`,\n          }\n        }\n        if (maxSelected != null && arr.length > maxSelected) {\n          return {\n            isValid: false,\n            errorMessage: `Select at most ${maxSelected} option(s)`,\n          }\n        }\n        if (field.required && arr.length === 0) {\n          return {\n            isValid: false,\n            errorMessage: 'This field is required',\n          }\n        }\n        break\n      }\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    getRequestHeaders,\n    getCreateOptionExtraBody,\n  }\n\n  return (\n    <FormValuesContext.Provider value={value}>\n      {children}\n    </FormValuesContext.Provider>\n  )\n}\n"],"names":["FormValuesProvider","children","initialValues","onSubmit","onAssetUpload","onToggleImageEditor","getRequestHeaders","getCreateOptionExtraBody","values","setValues","useState","errors","setErrors","setValue","fieldId","value","prev","newErrors","setFormValues","newValues","validateField","field","FormFieldType","prefix","keys","key","modifiedSubField","option","isValid","errorMessage","arr","minSelected","maxSelected","radioValue","asset","step","isStepValid","fieldIdTypeMap","section","_fieldId","React","FormValuesContext"],"mappings":"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"}

package/dist/index115.es.js

@@ -0,0 +1,38 @@
+import e from "react";
+import { Typography as n } from "./index19.es.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,
+    {
+      data: l,
+      labelLine: !1,
+      outerRadius: "100%",
+      innerRadius: r != null ? "40%" : void 0,
+      dataKey: "count"
+    },
+    l?.map(
+      (t, a) => /* @__PURE__ */ e.createElement(
+        s,
+        {
+          key: `cell-${a}`,
+          fill: t.color,
+          stroke: "none"
+        }
+      )
+    )
+  ))), 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 {
+  p as ClusterHoverCard
+};
+//# sourceMappingURL=index115.es.js.map

package/dist/index115.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index115.es.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.es107.js → index116.es.js}

@@ -1,9 +1,9 @@
 import e from "react";
-import { StarScore as h } from "./index.es46.js";
-import { Badge as c } from "./index.es6.js";
-import { Typography as i } from "./index.es17.js";
-import { Skeleton as t } from "./index.es12.js";
-import { hoverDetailCardStyles as g } from "./index.es125.js";
+import { StarScore as h } from "./index52.es.js";
+import { Badge as c } from "./index8.es.js";
+import { Typography as i } from "./index19.es.js";
+import { Skeleton as t } from "./index14.es.js";
+import { hoverDetailCardStyles as g } from "./index138.es.js";
 function b({
   title: o,
   icon: n,
@@ -63,4 +63,4 @@ function b({
 export {
   b as PointHoverCard
 };
-//# sourceMappingURL=index.es107.js.map
+//# sourceMappingURL=index116.es.js.map

package/dist/{index.es107.js.map → index116.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es107.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;"}
+{"version":3,"file":"index116.es.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/index117.es.js

@@ -0,0 +1,19 @@
+import _ from "react-dom";
+var r, t = _;
+if (process.env.NODE_ENV === "production")
+  r = t.createRoot, t.hydrateRoot;
+else {
+  var e = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+  r = function(o, n) {
+    e.usingClientEntryPoint = !0;
+    try {
+      return t.createRoot(o, n);
+    } finally {
+      e.usingClientEntryPoint = !1;
+    }
+  };
+}
+export {
+  r as createRoot
+};
+//# sourceMappingURL=index117.es.js.map

package/dist/index117.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index117.es.js","sources":["../node_modules/react-dom/client.js"],"sourcesContent":["'use strict';\n\nvar m = require('react-dom');\nif (process.env.NODE_ENV === 'production') {\n  exports.createRoot = m.createRoot;\n  exports.hydrateRoot = m.hydrateRoot;\n} else {\n  var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n  exports.createRoot = function(c, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.createRoot(c, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n  exports.hydrateRoot = function(c, h, o) {\n    i.usingClientEntryPoint = true;\n    try {\n      return m.hydrateRoot(c, h, o);\n    } finally {\n      i.usingClientEntryPoint = false;\n    }\n  };\n}\n"],"names":["m","require$$0","createRoot","i","c","o"],"mappings":";OAEIA,IAAIC;AACR,IAAI,QAAQ,IAAI,aAAa;AAC3B,EAAAC,IAAqBF,EAAE,YACDA,EAAE;AAAA,KACnB;AACL,MAAIG,IAAIH,EAAE;AACV,EAAAE,IAAqB,SAASE,GAAGC,GAAG;AAClC,IAAAF,EAAE,wBAAwB;AAC1B,QAAI;AACF,aAAOH,EAAE,WAAWI,GAAGC,CAAC;AAAA,IAC9B,UAAK;AACC,MAAAF,EAAE,wBAAwB;AAAA,IAChC;AAAA,EACA;AASA;","x_google_ignoreList":[0]}

package/dist/index118.es.js

@@ -0,0 +1,103 @@
+import { Loader2 as g, Save as v, X as E } from "lucide-react";
+import t, { useRef as n, useState as x, useEffect as s } from "react";
+import { Button as b } from "./index9.es.js";
+import { ImageEditorPortalContext as h } from "./index143.es.js";
+import { Panel as y } from "./index144.es.js";
+import { Ribbon as w } from "./index145.es.js";
+import { Stage as S } from "./index146.es.js";
+import { StatusBar as N } from "./index147.es.js";
+function j({
+  engine: a,
+  ui: r,
+  isOpen: l,
+  saveLabel: u
+}) {
+  const o = n(null), [d, p] = x(null), i = n(null), c = n(null), m = n(!1);
+  return s(() => {
+    if (m.current) return;
+    const e = i.current;
+    !e?.canvas || !e.overlay || !e.textEditor || !e.stage || (a.mount({
+      canvas: e.canvas,
+      overlay: e.overlay,
+      textEditor: e.textEditor,
+      stage: e.stage
+    }), m.current = !0);
+  }, [r != null]), s(() => {
+    if (!l || !o.current) return;
+    o.current.hasAttribute("tabindex") || o.current.setAttribute("tabindex", "-1");
+    const e = setTimeout(
+      () => o.current?.focus({ preventScroll: !0 }),
+      0
+    );
+    return () => clearTimeout(e);
+  }, [l]), s(() => {
+    l && a.refitStage();
+  }, [l, a]), r ? /* @__PURE__ */ t.createElement(
+    "div",
+    {
+      ref: (e) => {
+        o.current = e, p(e);
+      },
+      className: "fixed inset-0 z-[2147483000] flex items-center justify-center bg-[rgba(24,22,18,.55)] backdrop-blur-sm",
+      style: {
+        display: l ? "flex" : "none",
+        pointerEvents: "auto"
+      },
+      onMouseDown: (e) => {
+        e.target === e.currentTarget && r.closeOnBackdrop && a.close();
+      }
+    },
+    /* @__PURE__ */ t.createElement(h.Provider, { value: d }, /* @__PURE__ */ t.createElement("div", { className: "image-editor-modal-panel flex flex-col overflow-hidden bg-light-2 shadow-2xl" }, /* @__PURE__ */ t.createElement("div", { className: "flex items-center gap-3 border-b border-neutral-1 bg-light-3 px-4 py-3" }, /* @__PURE__ */ t.createElement(
+      b,
+      {
+        variant: "primary",
+        size: "sm",
+        disabled: !r.hasImage || r.isLoadingImage || r.isSaving,
+        onClick: a.save,
+        className: "w-auto",
+        prefixIcon: r.isSaving ? /* @__PURE__ */ t.createElement(g, { className: "h-4 w-4 animate-spin" }) : /* @__PURE__ */ t.createElement(v, { className: "h-4 w-4" })
+      },
+      r.isSaving ? "Saving…" : u
+    ), /* @__PURE__ */ t.createElement(
+      "button",
+      {
+        type: "button",
+        title: "Close",
+        onClick: () => a.close(),
+        className: "ml-auto flex h-[30px] w-[30px] items-center justify-center rounded-lg border border-neutral-1 bg-white text-light-4 hover:bg-light-3 hover:text-light-2"
+      },
+      /* @__PURE__ */ t.createElement(E, { className: "h-4 w-4" })
+    )), /* @__PURE__ */ t.createElement(
+      w,
+      {
+        ui: r,
+        engine: a,
+        onOpenFile: () => c.current?.click()
+      }
+    ), /* @__PURE__ */ t.createElement(
+      "input",
+      {
+        ref: c,
+        type: "file",
+        accept: "image/*",
+        hidden: !0,
+        onChange: (e) => {
+          const f = e.target.files?.[0];
+          f && a.openFile(f), e.target.value = "";
+        }
+      }
+    ), /* @__PURE__ */ t.createElement("div", { className: "image-editor-stage-panel-wrap flex min-h-0 flex-1" }, /* @__PURE__ */ t.createElement(
+      S,
+      {
+        ref: i,
+        ui: r,
+        onChooseImage: () => c.current?.click(),
+        onDropFile: (e) => a.openFile(e)
+      }
+    ), /* @__PURE__ */ t.createElement(y, { ui: r, engine: a })), /* @__PURE__ */ t.createElement(N, { ui: r })))
+  ) : null;
+}
+export {
+  j as ImageEditorModal
+};
+//# sourceMappingURL=index118.es.js.map

package/dist/index118.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index118.es.js","sources":["../src/components/organisms/image-editor/image-editor-modal.tsx"],"sourcesContent":["import { Loader2, Save, X } from 'lucide-react'\nimport React, { useEffect, useRef, useState } from 'react'\n\nimport { Button } from '@/components/atoms/button'\n\nimport { ImageEditorEngine, ImageEditorUiState } from './image-editor.types'\nimport { ImageEditorPortalContext } from './components/portal-context'\nimport { Panel } from './components/panel'\nimport { Ribbon } from './components/ribbon'\nimport { Stage, StageHandle } from './components/stage'\nimport { StatusBar } from './components/status-bar'\n\nexport interface ImageEditorModalProps {\n  engine: ImageEditorEngine\n  ui: ImageEditorUiState | null\n  isOpen: boolean\n  saveLabel: string\n}\n\nexport function ImageEditorModal({\n  engine,\n  ui,\n  isOpen,\n  saveLabel,\n}: ImageEditorModalProps) {\n  const rootRef = useRef<HTMLDivElement | null>(null)\n  const [rootEl, setRootEl] = useState<HTMLDivElement | null>(null)\n  const stageRef = useRef<StageHandle>(null)\n  const fileInputRef = useRef<HTMLInputElement>(null)\n  const mountedRef = useRef(false)\n\n  useEffect(() => {\n    if (mountedRef.current) return\n    const s = stageRef.current\n    if (!s?.canvas || !s.overlay || !s.textEditor || !s.stage) return\n    engine.mount({\n      canvas: s.canvas,\n      overlay: s.overlay,\n      textEditor: s.textEditor,\n      stage: s.stage,\n    })\n    mountedRef.current = true\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [ui != null])\n\n  useEffect(() => {\n    if (!isOpen || !rootRef.current) return\n    if (!rootRef.current.hasAttribute('tabindex'))\n      rootRef.current.setAttribute('tabindex', '-1')\n    const t = setTimeout(\n      () => rootRef.current?.focus({ preventScroll: true }),\n      0\n    )\n    return () => clearTimeout(t)\n  }, [isOpen])\n\n  useEffect(() => {\n    if (!isOpen) return\n    engine.refitStage()\n  }, [isOpen, engine])\n\n  if (!ui) return null\n\n  return (\n    <div\n      ref={(node) => {\n        rootRef.current = node\n        setRootEl(node)\n      }}\n      className=\"fixed inset-0 z-[2147483000] flex items-center justify-center bg-[rgba(24,22,18,.55)] backdrop-blur-sm\"\n      style={{\n        display: isOpen ? 'flex' : 'none',\n        pointerEvents: 'auto',\n      }}\n      onMouseDown={(e) => {\n        if (e.target === e.currentTarget && ui.closeOnBackdrop) engine.close()\n      }}\n    >\n      <ImageEditorPortalContext.Provider value={rootEl}>\n        <div className=\"image-editor-modal-panel flex flex-col overflow-hidden bg-light-2 shadow-2xl\">\n          <div className=\"flex items-center gap-3 border-b border-neutral-1 bg-light-3 px-4 py-3\">\n            <Button\n              variant=\"primary\"\n              size=\"sm\"\n              disabled={!ui.hasImage || ui.isLoadingImage || ui.isSaving}\n              onClick={engine.save}\n              className=\"w-auto\"\n              prefixIcon={\n                ui.isSaving ? (\n                  <Loader2 className=\"h-4 w-4 animate-spin\" />\n                ) : (\n                  <Save className=\"h-4 w-4\" />\n                )\n              }\n            >\n              {ui.isSaving ? 'Saving…' : saveLabel}\n            </Button>\n            <button\n              type=\"button\"\n              title=\"Close\"\n              onClick={() => engine.close()}\n              className=\"ml-auto flex h-[30px] w-[30px] items-center justify-center rounded-lg border border-neutral-1 bg-white text-light-4 hover:bg-light-3 hover:text-light-2\"\n            >\n              <X className=\"h-4 w-4\" />\n            </button>\n          </div>\n\n          <Ribbon\n            ui={ui}\n            engine={engine}\n            onOpenFile={() => fileInputRef.current?.click()}\n          />\n          <input\n            ref={fileInputRef}\n            type=\"file\"\n            accept=\"image/*\"\n            hidden\n            onChange={(e) => {\n              const file = e.target.files?.[0]\n              if (file) engine.openFile(file)\n              e.target.value = ''\n            }}\n          />\n\n          <div className=\"image-editor-stage-panel-wrap flex min-h-0 flex-1\">\n            <Stage\n              ref={stageRef}\n              ui={ui}\n              onChooseImage={() => fileInputRef.current?.click()}\n              onDropFile={(file) => engine.openFile(file)}\n            />\n            <Panel ui={ui} engine={engine} />\n          </div>\n\n          <StatusBar ui={ui} />\n        </div>\n      </ImageEditorPortalContext.Provider>\n    </div>\n  )\n}\n"],"names":["ImageEditorModal","engine","ui","isOpen","saveLabel","rootRef","useRef","rootEl","setRootEl","useState","stageRef","fileInputRef","mountedRef","useEffect","s","t","React","node","ImageEditorPortalContext","Button","Loader2","Save","X","Ribbon","file","Stage","Panel","StatusBar"],"mappings":"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"}

package/dist/index119.es.js

@@ -0,0 +1,17 @@
+function i() {
+  return typeof window > "u" ? null : window.ReactNativeWebView ?? null;
+}
+function n(t) {
+  const e = i();
+  if (e)
+    try {
+      e.postMessage(
+        JSON.stringify({ type: "IMAGE_EDITOR", payload: { data: { open: t } } })
+      );
+    } catch {
+    }
+}
+export {
+  n as notifyNativeImageEditorState
+};
+//# sourceMappingURL=index119.es.js.map

package/dist/index119.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index119.es.js","sources":["../src/components/organisms/image-editor/native-bridge.ts"],"sourcesContent":["type ReactNativeWebViewBridge = { postMessage: (message: string) => void }\n\nfunction getNativeBridge(): ReactNativeWebViewBridge | null {\n  if (typeof window === 'undefined') return null\n  const host = window as unknown as {\n    ReactNativeWebView?: ReactNativeWebViewBridge\n  }\n  return host.ReactNativeWebView ?? null\n}\n\n/** No-op outside a React Native WebView. */\nexport function notifyNativeImageEditorState(open: boolean): void {\n  const bridge = getNativeBridge()\n  if (!bridge) return\n\n  try {\n    bridge.postMessage(\n      JSON.stringify({ type: 'IMAGE_EDITOR', payload: { data: { open } } })\n    )\n  } catch {\n    // noop\n  }\n}\n"],"names":["getNativeBridge","notifyNativeImageEditorState","open","bridge"],"mappings":"AAEA,SAASA,IAAmD;AAC1D,SAAI,OAAO,SAAW,MAAoB,OAC7B,OAGD,sBAAsB;AACpC;AAGO,SAASC,EAA6BC,GAAqB;AAChE,QAAMC,IAASH,EAAA;AACf,MAAKG;AAEL,QAAI;AACF,MAAAA,EAAO;AAAA,QACL,KAAK,UAAU,EAAE,MAAM,gBAAgB,SAAS,EAAE,MAAM,EAAE,MAAAD,EAAA,IAAO,CAAG;AAAA,MAAA;AAAA,IAExE,QAAQ;AAAA,IAER;AACF;"}

package/dist/{index.es10.js → index12.es.js}

@@ -1,7 +1,7 @@
 import * as r from "react";
 import * as a from "@radix-ui/react-progress";
-import { cn as i } from "./index.es81.js";
-import { ProgressVariants as n } from "./index.es105.js";
+import { cn as i } from "./index89.es.js";
+import { ProgressVariants as n } from "./index98.es.js";
 const l = r.forwardRef(({ className: t, value: o, ...e }, m) => {
   const s = (o || 0) / (e.max || 100) * 100;
   return /* @__PURE__ */ r.createElement(
@@ -28,4 +28,4 @@ l.displayName = a.Root.displayName;
 export {
   l as Progress
 };
-//# sourceMappingURL=index.es10.js.map
+//# sourceMappingURL=index12.es.js.map

package/dist/{index.es10.js.map → index12.es.js.map}

@@ -1 +1 @@
-{"version":3,"file":"index.es10.js","sources":["../src/components/atoms/progress/progress.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as ProgressPrimitive from '@radix-ui/react-progress'\n\nimport { cn } from '@/lib/utils'\nimport { ProgressVariants } from './progress.styles'\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>\n>(({ className, value, ...props }, ref) => {\n  const completionPercentage = ((value || 0) / (props.max || 100)) * 100\n  return (\n    <ProgressPrimitive.Root\n      ref={ref}\n      className={cn(ProgressVariants({ className }))}\n      max={props.max || 100}\n      {...props}\n      id={props.id}\n    >\n      <ProgressPrimitive.Indicator\n        className=\"flex-1 h-full transition-all rounded bg-hover-p1 \"\n        style={{\n          transform: `translateX(-${100 - completionPercentage}%)`,\n        }}\n      />\n    </ProgressPrimitive.Root>\n  )\n})\n\nProgress.displayName = ProgressPrimitive.Root.displayName\n\nexport { Progress }\n"],"names":["Progress","React","className","value","props","ref","completionPercentage","ProgressPrimitive","cn","ProgressVariants"],"mappings":";;;;AAMA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAASC,MAAQ;AACzC,QAAMC,KAAyBH,KAAS,MAAMC,EAAM,OAAO,OAAQ;AACnE,SACE,gBAAAH,EAAA;AAAA,IAACM,EAAkB;AAAA,IAAlB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAGC,EAAiB,EAAE,WAAAP,EAAA,CAAW,CAAC;AAAA,MAC7C,KAAKE,EAAM,OAAO;AAAA,MACjB,GAAGA;AAAA,MACJ,IAAIA,EAAM;AAAA,IAAA;AAAA,IAEV,gBAAAH,EAAA;AAAA,MAACM,EAAkB;AAAA,MAAlB;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,WAAW,eAAe,MAAMD,CAAoB;AAAA,QAAA;AAAA,MACtD;AAAA,IAAA;AAAA,EACF;AAGN,CAAC;AAEDN,EAAS,cAAcO,EAAkB,KAAK;"}
+{"version":3,"file":"index12.es.js","sources":["../src/components/atoms/progress/progress.tsx"],"sourcesContent":["import * as React from 'react'\nimport * as ProgressPrimitive from '@radix-ui/react-progress'\n\nimport { cn } from '@/lib/utils'\nimport { ProgressVariants } from './progress.styles'\n\nconst Progress = React.forwardRef<\n  React.ElementRef<typeof ProgressPrimitive.Root>,\n  React.ComponentPropsWithoutRef<typeof ProgressPrimitive.Root>\n>(({ className, value, ...props }, ref) => {\n  const completionPercentage = ((value || 0) / (props.max || 100)) * 100\n  return (\n    <ProgressPrimitive.Root\n      ref={ref}\n      className={cn(ProgressVariants({ className }))}\n      max={props.max || 100}\n      {...props}\n      id={props.id}\n    >\n      <ProgressPrimitive.Indicator\n        className=\"flex-1 h-full transition-all rounded bg-hover-p1 \"\n        style={{\n          transform: `translateX(-${100 - completionPercentage}%)`,\n        }}\n      />\n    </ProgressPrimitive.Root>\n  )\n})\n\nProgress.displayName = ProgressPrimitive.Root.displayName\n\nexport { Progress }\n"],"names":["Progress","React","className","value","props","ref","completionPercentage","ProgressPrimitive","cn","ProgressVariants"],"mappings":";;;;AAMA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,OAAAC,GAAO,GAAGC,EAAA,GAASC,MAAQ;AACzC,QAAMC,KAAyBH,KAAS,MAAMC,EAAM,OAAO,OAAQ;AACnE,SACE,gBAAAH,EAAA;AAAA,IAACM,EAAkB;AAAA,IAAlB;AAAA,MACC,KAAAF;AAAA,MACA,WAAWG,EAAGC,EAAiB,EAAE,WAAAP,EAAA,CAAW,CAAC;AAAA,MAC7C,KAAKE,EAAM,OAAO;AAAA,MACjB,GAAGA;AAAA,MACJ,IAAIA,EAAM;AAAA,IAAA;AAAA,IAEV,gBAAAH,EAAA;AAAA,MAACM,EAAkB;AAAA,MAAlB;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,WAAW,eAAe,MAAMD,CAAoB;AAAA,QAAA;AAAA,MACtD;AAAA,IAAA;AAAA,EACF;AAGN,CAAC;AAEDN,EAAS,cAAcO,EAAkB,KAAK;"}

package/dist/index120.es.js

@@ -0,0 +1,105 @@
+import { VERSION as m } from "./index148.es.js";
+import { CROP_RATIOS as we, FILTERS as Ie, FONTS as Ee, SHAPES as Le, SWATCHES as Re } from "./index148.es.js";
+import { createState as h, getState as f, emit as c, emptySourceCanvas as y, resetAdjValues as x, getSel as C } from "./index149.es.js";
+import { zoomIn as g, zoomOut as T, zoomToFit as z, ZOOM_MIN as F, ZOOM_MAX as O, syncCanvasSize as k, render as S, fitStage as v } from "./index150.es.js";
+import { undo as w, redo as I } from "./index151.es.js";
+import { rotate as E, flip as L, resetToOriginal as R, applyCrop as W, cancelCrop as B, setCropRatio as b } from "./index152.es.js";
+import { setMode as A, selectLayer as M } from "./index153.es.js";
+import { commitTextEdit as p } from "./index154.es.js";
+import { addSticker as _ } from "./index155.es.js";
+import { deleteLayer as j, deleteSelected as H, duplicateSelected as N, bringSelectedToFront as P, sendSelectedToBack as U, setAdjustment as Z, setFilter as D, selectShapeType as V, setShapeFill as $, setShapeWidth as q, setBrushSize as X, setBrushStyle as G, setTextFont as J, setTextSize as K, setTextColor as Q, setShapeColor as Y, setDrawColor as ee, setSelectedColor as te, setSelectedText as oe, setSelectedFont as se, setSelectedTextSize as re, setSelectedBoxWidth as ie, setSelectedShapeFill as ae, setSelectedWidth as ne, layerName as le } from "./index156.es.js";
+import { doSave as de, produce as ce, normalizeSource as n, loadState as u, doLoadImage as l } from "./index157.es.js";
+import { mount as Se } from "./index158.es.js";
+function pe(r) {
+  r = r || {};
+  const o = {}, e = h(r);
+  function i() {
+    typeof r.onUiChange == "function" && r.onUiChange(d());
+  }
+  e.notify = i, o.on = (t, s) => (e.listeners[t] && e.listeners[t].push(s), o), o.off = (t, s) => (e.listeners[t] && (e.listeners[t] = e.listeners[t].filter((a) => a !== s)), o);
+  function d() {
+    const t = C(e);
+    return {
+      hasImage: !!e.sourceCanvas.width,
+      mode: e.mode,
+      canUndo: e.undoStack.length > 0,
+      canRedo: e.redoStack.length > 0,
+      canReset: !!e.originalCanvas,
+      zoomPercent: Math.round(e.zoom * 100),
+      canZoomIn: e.zoom < O - 1e-6,
+      canZoomOut: e.zoom > F + 1e-6,
+      closeOnBackdrop: r.closeOnBackdrop !== !1,
+      canOpenImage: r.allowOpenImage !== !1,
+      isEditingText: !!e.editingLayer,
+      editingSelectAll: e.editingSelectAll,
+      dims: e.sourceCanvas.width ? `${e.sourceCanvas.width} × ${e.sourceCanvas.height} px` : "No image",
+      statusText: e.statusText,
+      isSaving: e.isSaving,
+      isLoadingImage: e.isLoadingImage,
+      adjustments: { ...e.adj },
+      selectedShapeType: e.selectedShapeType,
+      textColor: e.textColor,
+      shapeColor: e.shapeColor,
+      drawColor: e.drawColor,
+      shapeFill: e.shapeFill,
+      shapeWidth: e.shapeWidth,
+      brushSize: e.brushSize,
+      brushStyle: e.brushStyle,
+      textFont: e.textFont,
+      textSize: e.textSize,
+      cropRatio: e.cropRatio,
+      stickers: e.stickers,
+      selected: t ? {
+        id: t.id,
+        type: t.type,
+        color: t.color,
+        text: t.type === "text" ? t.text : void 0,
+        font: t.type === "text" ? t.font : void 0,
+        size: t.type === "text" ? t.size : void 0,
+        boxWidth: t.type === "text" ? t.boxWidth : void 0,
+        fill: t.type === "shape" ? t.fill : void 0,
+        width: t.type === "shape" || t.type === "stroke" ? t.width : void 0
+      } : null,
+      layers: e.layers.map((s) => ({
+        id: s.id,
+        type: s.type,
+        name: le(s)
+      }))
+    };
+  }
+  return o.getUiState = d, o.refitStage = () => {
+    !e.mounted || !e.sourceCanvas.width || (v(e), S(e));
+  }, o.zoomIn = () => g(e), o.zoomOut = () => T(e), o.zoomToFit = () => z(e), o.setMode = (t) => A(e, t), o.selectLayer = (t) => M(e, t), o.undo = () => w(e), o.redo = () => I(e), o.rotate = (t) => E(e, t), o.flip = (t) => L(e, t), o.resetToOriginal = () => R(e), o.applyCrop = () => W(e), o.cancelCrop = () => B(e), o.setCropRatio = (t) => b(e, t), o.commitTextEdit = () => p(e), o.addSticker = (t) => _(e, t), o.setStickers = (t) => {
+    e.stickers = t || [], i();
+  }, o.deleteLayer = (t) => j(e, t), o.deleteSelected = () => H(e), o.duplicateSelected = () => N(e), o.bringSelectedToFront = () => P(e), o.sendSelectedToBack = () => U(e), o.setAdjustment = (t, s) => Z(e, t, s), o.setFilter = (t) => D(e, t), o.selectShapeType = (t) => V(e, t), o.setShapeFill = (t) => $(e, t), o.setShapeWidth = (t) => q(e, t), o.setBrushSize = (t) => X(e, t), o.setBrushStyle = (t) => G(e, t), o.setTextFont = (t) => J(e, t), o.setTextSize = (t) => K(e, t), o.setTextColor = (t) => Q(e, t), o.setShapeColor = (t) => Y(e, t), o.setDrawColor = (t) => ee(e, t), o.setSelectedColor = (t) => te(e, t), o.setSelectedText = (t) => oe(e, t), o.setSelectedFont = (t) => se(e, t), o.setSelectedTextSize = (t) => re(e, t), o.setSelectedBoxWidth = (t) => ie(e, t), o.setSelectedShapeFill = (t) => ae(e, t), o.setSelectedWidth = (t) => ne(e, t), o.save = () => de(e, o), o.export = (t) => (t = t || {}, e.sourceCanvas.width ? ce(e, t.type, t.quality) : Promise.resolve(null)), o.getState = () => f(e), o.mount = (t) => Se(e, o, t), o.openFile = (t) => n(
+    e,
+    t,
+    (s) => l(e, s)
+  ), o.open = (t) => {
+    if (t = t || {}, e.isOpenFlag)
+      return i(), o;
+    e.isOpenFlag = !0;
+    const s = () => {
+      e.mounted && e.sourceCanvas.width && (k(e), S(e)), i(), c(e, "open", {});
+    };
+    return t.state ? (u(e, t.state), setTimeout(s, 0)) : t.image ? n(e, t.image, (a) => {
+      l(e, a), setTimeout(s, 0);
+    }) : setTimeout(s, 0), o;
+  }, o.close = () => (e.isOpenFlag = !1, p(e), i(), c(e, "close", {}), o), o.loadImage = (t) => (n(
+    e,
+    t,
+    (s) => l(e, s)
+  ), o), o.loadState = (t) => (u(e, t), o), o.reset = () => (e.sourceCanvas = y(), e.originalCanvas = null, e.layers = [], e.selectedId = null, e.undoStack = [], e.redoStack = [], e.zoom = 1, x(e), e.statusText = "Ready", i(), o), o.isOpen = () => e.isOpenFlag, o.destroy = () => {
+    o._keyHandler && document.removeEventListener("keydown", o._keyHandler), o._resizeHandler && window.removeEventListener("resize", o._resizeHandler), Object.keys(e.listeners).forEach((t) => e.listeners[t] = []);
+  }, r.autoOpen && o.open({ image: r.image, state: r.state }), o;
+}
+const Oe = { version: m, create: pe };
+export {
+  we as CROP_RATIOS,
+  Ie as FILTERS,
+  Ee as FONTS,
+  Le as SHAPES,
+  Re as SWATCHES,
+  Oe as default
+};
+//# sourceMappingURL=index120.es.js.map