geoiq-frontend-ui-kit 2.0.2 → 2.0.4

package/dist/index.es116.js

@@ -1,103 +1,16 @@
-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 "./index.es9.js";
-import { ImageEditorPortalContext as h } from "./index.es140.js";
-import { Panel as y } from "./index.es141.js";
-import { Ribbon as w } from "./index.es142.js";
-import { Stage as S } from "./index.es143.js";
-import { StatusBar as N } from "./index.es144.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();
+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",
+  {
+    variants: {
+      isActive: {
+        true: "bg-click-s3",
+        false: "bg-inherit"
       }
-    },
-    /* @__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
+  i as NavbarIconVariants
 };
 //# sourceMappingURL=index.es116.js.map

package/dist/index.es116.js.map

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

package/dist/index.es117.js

@@ -1,17 +1,96 @@
-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 {
+import e, { useState as N } from "react";
+import { Button as _ } from "./index.es9.js";
+import { Typography as i } from "./index.es19.js";
+import { SheetPrimary as q } from "./index.es42.js";
+import { RequestCreditsDialog as P } from "./index.es2.js";
+const S = ({
+  open: o,
+  onClose: a,
+  credit_details: c = "0",
+  description: s,
+  onRequestCredits: l,
+  onProceedToPayment: m,
+  trigger: f = null,
+  containerId: d,
+  className: u,
+  dialogClassName: p,
+  buyCreditsOptions: h,
+  minimumCreditsToBuy: g,
+  requestOnly: y
+}) => {
+  const [E, t] = N(!1), v = () => {
+    t(!0);
+  }, x = (n, r) => {
+    l?.(n, r), t(!1), a();
+  }, C = (n, r) => {
+    m?.(n, r), t(!1), a();
+  };
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
+    q,
+    {
+      open: o,
+      trigger: f,
+      onOpenChange: a,
+      title: "Credits",
+      contentProps: {
+        className: u,
+        side: "custom"
+      },
+      bodyProps: {
+        className: "p-0 h-full"
+      },
+      content: /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center justify-center h-full p-6" }, /* @__PURE__ */ e.createElement("div", { className: "flex-col items-center justify-center" }, /* @__PURE__ */ e.createElement(
+        "img",
+        {
+          src: "https://frontend-static-files.geoiq.io/strapi/Group_8faa24a1c9/Group_8faa24a1c9.svg",
+          alt: "Credit information",
+          className: "w-[280px] h-[120px] object-contain"
+        }
+      ), /* @__PURE__ */ e.createElement("div", { className: "mt-2 flex justify-center" }, /* @__PURE__ */ e.createElement(i, { variant: "h2", className: "flex items-center mb-4" }, c, /* @__PURE__ */ e.createElement(
+        "img",
+        {
+          src: "https://frontend-static-files.geoiq.io/strapi/Credit_Icon_e6fcaf6845/Credit_Icon_e6fcaf6845.svg",
+          width: 32,
+          height: 32,
+          alt: "coin icon",
+          className: "ml-1"
+        }
+      )), s && /* @__PURE__ */ e.createElement(i, { variant: "body1", className: "text-light-3" }, s)))),
+      footer: /* @__PURE__ */ e.createElement("div", { className: "flex w-full justify-center" }, /* @__PURE__ */ e.createElement(
+        _,
+        {
+          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: v
+        }
+      )),
+      container: typeof document < "u" ? document.getElementById(d || "") : void 0
     }
-}
+  ), /* @__PURE__ */ e.createElement(
+    P,
+    {
+      open: E,
+      onClose: () => t(!1),
+      onRequestCredits: x,
+      onProceedToPayment: C,
+      dialogClassName: p,
+      buyCreditsOptions: h,
+      minimumCreditsToBuy: g,
+      requestOnly: y
+    }
+  ));
+};
 export {
-  n as notifyNativeImageEditorState
+  S as CreditSheet
 };
 //# sourceMappingURL=index.es117.js.map

package/dist/index.es117.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es117.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;"}
+{"version":3,"file":"index.es117.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  buyCreditsOptions,\n  minimumCreditsToBuy,\n  requestOnly,\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        buyCreditsOptions={buyCreditsOptions}\n        minimumCreditsToBuy={minimumCreditsToBuy}\n        requestOnly={requestOnly}\n      />\n    </>\n  )\n}\n"],"names":["CreditSheet","open","onClose","credit_details","description","onRequestCredits","onProceedToPayment","trigger","containerId","className","dialogClassName","buyCreditsOptions","minimumCreditsToBuy","requestOnly","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;AAAA,EACA,mBAAAC;AAAA,EACA,qBAAAC;AAAA,EACA,aAAAC;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,IAAAf,IAAmBc,GAASC,CAAW,GACvCL,EAAqB,EAAK,GAC1Bb,EAAA;AAAA,EACF,GAEMmB,IAAyB,CAACF,GAAiBC,MAAwB;AACvE,IAAAd,IAAqBa,GAASC,CAAW,GACzCL,EAAqB,EAAK,GAC1Bb,EAAA;AAAA,EACF;AAEA,SACEoB,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA;AAAA,IAACC;AAAAA,IAAA;AAAA,MACC,MAAAtB;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,0DAEba,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,4BAChCrB,GACDmB,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,GACClB,KACCkB,gBAAAA,EAAA,cAACE,GAAA,EAAW,SAAQ,SAAQ,WAAU,eAAA,GACnCpB,CACH,CAEJ,CACF,CACF;AAAA,MAEF,QACEkB,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,eAAeT,KAAe,EAAE,IACzC;AAAA,IAAA;AAAA,EAAA,GAKRc,gBAAAA,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAMZ;AAAA,MACN,SAAS,MAAMC,EAAqB,EAAK;AAAA,MACzC,kBAAkBG;AAAA,MAClB,oBAAoBG;AAAA,MACpB,iBAAAX;AAAA,MACA,mBAAAC;AAAA,MACA,qBAAAC;AAAA,MACA,aAAAC;AAAA,IAAA;AAAA,EAAA,CAEJ;AAEJ;"}

package/dist/index.es118.js

@@ -1,105 +1,17 @@
-import { VERSION as m } from "./index.es145.js";
-import { CROP_RATIOS as we, FILTERS as Ie, FONTS as Ee, SHAPES as Le, SWATCHES as Re } from "./index.es145.js";
-import { createState as h, getState as f, emit as c, emptySourceCanvas as y, resetAdjValues as x, getSel as C } from "./index.es146.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 "./index.es147.js";
-import { undo as w, redo as I } from "./index.es148.js";
-import { rotate as E, flip as L, resetToOriginal as R, applyCrop as W, cancelCrop as B, setCropRatio as b } from "./index.es149.js";
-import { setMode as A, selectLayer as M } from "./index.es150.js";
-import { commitTextEdit as p } from "./index.es151.js";
-import { addSticker as _ } from "./index.es152.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 "./index.es153.js";
-import { doSave as de, produce as ce, normalizeSource as n, loadState as u, doLoadImage as l } from "./index.es154.js";
-import { mount as Se } from "./index.es155.js";
-function pe(r) {
-  r = r || {};
-  const o = {}, e = h(r);
-  function i() {
-    typeof r.onUiChange == "function" && r.onUiChange(d());
+import { cva as s } from "class-variance-authority";
+const o = s("", {
+  variants: {
+    bgColor: {
+      success: "bg-success-2",
+      danger: "bg-danger-2",
+      stroke: "bg-light-4"
+    }
+  },
+  defaultVariants: {
+    bgColor: "success"
   }
-  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
+  o as SliderBgColorVariants
 };
 //# sourceMappingURL=index.es118.js.map

package/dist/index.es118.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es118.js","sources":["../src/components/organisms/image-editor/picture-studio-engine.js"],"sourcesContent":["import {\n  FILTERS,\n  SWATCHES,\n  SHAPES,\n  FONTS,\n  CROP_RATIOS,\n  VERSION,\n} from './engine/constants.js'\nimport {\n  createState,\n  emit,\n  emptySourceCanvas,\n  getSel,\n  getState as readState,\n  resetAdjValues,\n} from './engine/state.js'\nimport {\n  fitStage,\n  render,\n  syncCanvasSize,\n  zoomIn,\n  zoomOut,\n  zoomToFit,\n  ZOOM_MIN,\n  ZOOM_MAX,\n} from './engine/rendering.js'\nimport * as history from './engine/history.js'\nimport * as geometry from './engine/geometry.js'\nimport * as mode from './engine/mode.js'\nimport * as textEditor from './engine/text-editor.js'\nimport * as stickers from './engine/stickers.js'\nimport * as layerActions from './engine/layer-actions.js'\nimport * as saveExport from './engine/save-export.js'\nimport { mount as mountEngine } from './engine/mount.js'\n\nexport { FILTERS, SWATCHES, SHAPES, FONTS, CROP_RATIOS }\n\nfunction createEngine(config) {\n  config = config || {}\n  const self = {}\n  const state = createState(config)\n\n  function notify() {\n    if (typeof config.onUiChange === 'function') config.onUiChange(getUiState())\n  }\n  state.notify = notify\n\n  self.on = (ev, fn) => {\n    if (state.listeners[ev]) state.listeners[ev].push(fn)\n    return self\n  }\n  self.off = (ev, fn) => {\n    if (state.listeners[ev])\n      state.listeners[ev] = state.listeners[ev].filter((f) => f !== fn)\n    return self\n  }\n\n  function getUiState() {\n    const sel = getSel(state)\n    return {\n      hasImage: !!state.sourceCanvas.width,\n      mode: state.mode,\n      canUndo: state.undoStack.length > 0,\n      canRedo: state.redoStack.length > 0,\n      canReset: !!state.originalCanvas,\n      zoomPercent: Math.round(state.zoom * 100),\n      canZoomIn: state.zoom < ZOOM_MAX - 1e-6,\n      canZoomOut: state.zoom > ZOOM_MIN + 1e-6,\n      closeOnBackdrop: config.closeOnBackdrop !== false,\n      canOpenImage: config.allowOpenImage !== false,\n      isEditingText: !!state.editingLayer,\n      editingSelectAll: state.editingSelectAll,\n      dims: state.sourceCanvas.width\n        ? `${state.sourceCanvas.width} × ${state.sourceCanvas.height} px`\n        : 'No image',\n      statusText: state.statusText,\n      isSaving: state.isSaving,\n      isLoadingImage: state.isLoadingImage,\n      adjustments: { ...state.adj },\n      selectedShapeType: state.selectedShapeType,\n      textColor: state.textColor,\n      shapeColor: state.shapeColor,\n      drawColor: state.drawColor,\n      shapeFill: state.shapeFill,\n      shapeWidth: state.shapeWidth,\n      brushSize: state.brushSize,\n      brushStyle: state.brushStyle,\n      textFont: state.textFont,\n      textSize: state.textSize,\n      cropRatio: state.cropRatio,\n      stickers: state.stickers,\n      selected: sel\n        ? {\n            id: sel.id,\n            type: sel.type,\n            color: sel.color,\n            text: sel.type === 'text' ? sel.text : undefined,\n            font: sel.type === 'text' ? sel.font : undefined,\n            size: sel.type === 'text' ? sel.size : undefined,\n            boxWidth: sel.type === 'text' ? sel.boxWidth : undefined,\n            fill: sel.type === 'shape' ? sel.fill : undefined,\n            width:\n              sel.type === 'shape' || sel.type === 'stroke'\n                ? sel.width\n                : undefined,\n          }\n        : null,\n      layers: state.layers.map((l) => ({\n        id: l.id,\n        type: l.type,\n        name: layerActions.layerName(l),\n      })),\n    }\n  }\n  self.getUiState = getUiState\n\n  self.refitStage = () => {\n    if (!state.mounted || !state.sourceCanvas.width) return\n    fitStage(state)\n    render(state)\n  }\n  self.zoomIn = () => zoomIn(state)\n  self.zoomOut = () => zoomOut(state)\n  self.zoomToFit = () => zoomToFit(state)\n  self.setMode = (m) => mode.setMode(state, m)\n  self.selectLayer = (id) => mode.selectLayer(state, id)\n  self.undo = () => history.undo(state)\n  self.redo = () => history.redo(state)\n  self.rotate = (deg) => geometry.rotate(state, deg)\n  self.flip = (hz) => geometry.flip(state, hz)\n  self.resetToOriginal = () => geometry.resetToOriginal(state)\n  self.applyCrop = () => geometry.applyCrop(state)\n  self.cancelCrop = () => geometry.cancelCrop(state)\n  self.setCropRatio = (v) => geometry.setCropRatio(state, v)\n  self.commitTextEdit = () => textEditor.commitTextEdit(state)\n  self.addSticker = (src) => stickers.addSticker(state, src)\n  self.setStickers = (list) => {\n    state.stickers = list || []\n    notify()\n  }\n  self.deleteLayer = (id) => layerActions.deleteLayer(state, id)\n  self.deleteSelected = () => layerActions.deleteSelected(state)\n  self.duplicateSelected = () => layerActions.duplicateSelected(state)\n  self.bringSelectedToFront = () => layerActions.bringSelectedToFront(state)\n  self.sendSelectedToBack = () => layerActions.sendSelectedToBack(state)\n  self.setAdjustment = (key, value) =>\n    layerActions.setAdjustment(state, key, value)\n  self.setFilter = (id) => layerActions.setFilter(state, id)\n  self.selectShapeType = (id) => layerActions.selectShapeType(state, id)\n  self.setShapeFill = (v) => layerActions.setShapeFill(state, v)\n  self.setShapeWidth = (v) => layerActions.setShapeWidth(state, v)\n  self.setBrushSize = (v) => layerActions.setBrushSize(state, v)\n  self.setBrushStyle = (v) => layerActions.setBrushStyle(state, v)\n  self.setTextFont = (v) => layerActions.setTextFont(state, v)\n  self.setTextSize = (v) => layerActions.setTextSize(state, v)\n  self.setTextColor = (v) => layerActions.setTextColor(state, v)\n  self.setShapeColor = (v) => layerActions.setShapeColor(state, v)\n  self.setDrawColor = (v) => layerActions.setDrawColor(state, v)\n  self.setSelectedColor = (v) => layerActions.setSelectedColor(state, v)\n  self.setSelectedText = (v) => layerActions.setSelectedText(state, v)\n  self.setSelectedFont = (v) => layerActions.setSelectedFont(state, v)\n  self.setSelectedTextSize = (v) => layerActions.setSelectedTextSize(state, v)\n  self.setSelectedBoxWidth = (v) => layerActions.setSelectedBoxWidth(state, v)\n  self.setSelectedShapeFill = (v) => layerActions.setSelectedShapeFill(state, v)\n  self.setSelectedWidth = (v) => layerActions.setSelectedWidth(state, v)\n  self.save = () => saveExport.doSave(state, self)\n  self.export = (opts) => {\n    opts = opts || {}\n    if (!state.sourceCanvas.width) return Promise.resolve(null)\n    return saveExport.produce(state, opts.type, opts.quality)\n  }\n  self.getState = () => readState(state)\n  self.mount = (refs) => mountEngine(state, self, refs)\n  self.openFile = (file) =>\n    saveExport.normalizeSource(state, file, (d) =>\n      saveExport.doLoadImage(state, d)\n    )\n\n  self.open = (opts) => {\n    opts = opts || {}\n    if (state.isOpenFlag) {\n      notify()\n      return self\n    }\n    state.isOpenFlag = true\n    const finish = () => {\n      if (state.mounted && state.sourceCanvas.width) {\n        syncCanvasSize(state)\n        render(state)\n      }\n      notify()\n      emit(state, 'open', {})\n    }\n    if (opts.state) {\n      saveExport.loadState(state, opts.state)\n      setTimeout(finish, 0)\n    } else if (opts.image) {\n      saveExport.normalizeSource(state, opts.image, (d) => {\n        saveExport.doLoadImage(state, d)\n        setTimeout(finish, 0)\n      })\n    } else {\n      setTimeout(finish, 0)\n    }\n    return self\n  }\n  self.close = () => {\n    state.isOpenFlag = false\n    textEditor.commitTextEdit(state)\n    notify()\n    emit(state, 'close', {})\n    return self\n  }\n  self.loadImage = (src) => {\n    saveExport.normalizeSource(state, src, (d) =>\n      saveExport.doLoadImage(state, d)\n    )\n    return self\n  }\n  self.loadState = (s) => {\n    saveExport.loadState(state, s)\n    return self\n  }\n  self.reset = () => {\n    state.sourceCanvas = emptySourceCanvas()\n    state.originalCanvas = null\n    state.layers = []\n    state.selectedId = null\n    state.undoStack = []\n    state.redoStack = []\n    state.zoom = 1\n    resetAdjValues(state)\n    state.statusText = 'Ready'\n    notify()\n    return self\n  }\n  self.isOpen = () => state.isOpenFlag\n  self.destroy = () => {\n    if (self._keyHandler)\n      document.removeEventListener('keydown', self._keyHandler)\n    if (self._resizeHandler)\n      window.removeEventListener('resize', self._resizeHandler)\n    Object.keys(state.listeners).forEach((k) => (state.listeners[k] = []))\n  }\n\n  if (config.autoOpen) self.open({ image: config.image, state: config.state })\n\n  return self\n}\n\nconst PictureStudioEngine = { version: VERSION, create: createEngine }\nexport default PictureStudioEngine\n"],"names":["createEngine","config","self","state","createState","notify","getUiState","ev","fn","f","sel","getSel","ZOOM_MAX","ZOOM_MIN","l","layerActions.layerName","fitStage","render","zoomIn","zoomOut","zoomToFit","m","mode.setMode","id","mode.selectLayer","history.undo","history.redo","deg","geometry.rotate","hz","geometry.flip","geometry.resetToOriginal","geometry.applyCrop","geometry.cancelCrop","v","geometry.setCropRatio","textEditor.commitTextEdit","src","stickers.addSticker","list","layerActions.deleteLayer","layerActions.deleteSelected","layerActions.duplicateSelected","layerActions.bringSelectedToFront","layerActions.sendSelectedToBack","key","value","layerActions.setAdjustment","layerActions.setFilter","layerActions.selectShapeType","layerActions.setShapeFill","layerActions.setShapeWidth","layerActions.setBrushSize","layerActions.setBrushStyle","layerActions.setTextFont","layerActions.setTextSize","layerActions.setTextColor","layerActions.setShapeColor","layerActions.setDrawColor","layerActions.setSelectedColor","layerActions.setSelectedText","layerActions.setSelectedFont","layerActions.setSelectedTextSize","layerActions.setSelectedBoxWidth","layerActions.setSelectedShapeFill","layerActions.setSelectedWidth","saveExport.doSave","opts","saveExport.produce","readState","refs","mountEngine","file","saveExport.normalizeSource","d","saveExport.doLoadImage","finish","syncCanvasSize","emit","saveExport.loadState","s","emptySourceCanvas","resetAdjValues","k","PictureStudioEngine","VERSION"],"mappings":"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"}
+{"version":3,"file":"index.es118.js","sources":["../src/components/molecules/polar-slider/polar-slider.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const SliderBgColorVariants = cva('', {\n  variants: {\n    bgColor: {\n      success: 'bg-success-2',\n      danger: 'bg-danger-2',\n      stroke: 'bg-light-4',\n    },\n  },\n  defaultVariants: {\n    bgColor: 'success',\n  },\n})\n"],"names":["SliderBgColorVariants","cva"],"mappings":";AAEO,MAAMA,IAAwBC,EAAI,IAAI;AAAA,EAC3C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,IAAA;AAAA,EACV;AAAA,EAEF,iBAAiB;AAAA,IACf,SAAS;AAAA,EAAA;AAEb,CAAC;"}

package/dist/index.es119.js

@@ -1,26 +1,77 @@
-const t = {
-  ROADMAP: "https://frontend-static-files.geoiq.io/strapi/Default_efc09fdd1c.png",
-  ROADMAP_TRAFFIC: "https://frontend-static-files.geoiq.io/strapi/ic_traffic_705be1ba8d.png",
-  SATELLITE: "https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png",
-  SATELLITE_TRAFFIC: "https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png"
-}, e = [
-  { key: "ROADMAP", label: "Roadmap", type: "roadmap", traffic: !1 },
+import { cva as e } from "class-variance-authority";
+const t = e(
+  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  
+    text-light-2 px-3 py-2
+    file:border-0 file:bg-transparent
+    placeholder:font-normal placeholder:text-light-4`,
   {
-    key: "ROADMAP_TRAFFIC",
-    label: "Roadmap Traffic",
-    type: "roadmap",
-    traffic: !0
-  },
-  { key: "SATELLITE", label: "Satellite", type: "hybrid", traffic: !1 },
+    variants: {
+      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"
+      }
+    ]
+  }
+), a = e(
+  "outline-none w-full h-full bg-transparent disabled:cursor-not-allowed placeholder:font-normal placeholder:text-light-4",
+  {
+    variants: {
+      isError: {
+        true: "text-danger-1",
+        false: "text-light-2"
+      }
+    }
+  }
+), s = e(
+  "absolute top-[7px] text-top transition-transform duration-500 text-light-4 pointer-events-none ",
   {
-    key: "SATELLITE_TRAFFIC",
-    label: "Satellite Traffic",
-    type: "hybrid",
-    traffic: !0
+    variants: {
+      animate: {
+        true: "",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      animate: !1
+    }
   }
-];
+);
 export {
-  t as MAP_LAYER_CONFIG,
-  e as MAP_LAYER_TYPES
+  t as AnimatedInputContainerVariants,
+  a as AnimatedInputStyles,
+  s as DynamicComponentStyles
 };
 //# sourceMappingURL=index.es119.js.map

package/dist/index.es119.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es119.js","sources":["../src/components/ui/map-toolbar/map-layer-config.ts"],"sourcesContent":["export const MAP_LAYER_CONFIG = {\n  ROADMAP:\n    'https://frontend-static-files.geoiq.io/strapi/Default_efc09fdd1c.png',\n  ROADMAP_TRAFFIC:\n    'https://frontend-static-files.geoiq.io/strapi/ic_traffic_705be1ba8d.png',\n  SATELLITE:\n    'https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png',\n  SATELLITE_TRAFFIC:\n    'https://frontend-static-files.geoiq.io/strapi/ic_satellite_31fe09163d.png',\n}\nexport const MAP_LAYER_TYPES = [\n  { key: 'ROADMAP', label: 'Roadmap', type: 'roadmap', traffic: false },\n  {\n    key: 'ROADMAP_TRAFFIC',\n    label: 'Roadmap Traffic',\n    type: 'roadmap',\n    traffic: true,\n  },\n  { key: 'SATELLITE', label: 'Satellite', type: 'hybrid', traffic: false },\n  {\n    key: 'SATELLITE_TRAFFIC',\n    label: 'Satellite Traffic',\n    type: 'hybrid',\n    traffic: true,\n  },\n]\n"],"names":["MAP_LAYER_CONFIG","MAP_LAYER_TYPES"],"mappings":"AAAO,MAAMA,IAAmB;AAAA,EAC9B,SACE;AAAA,EACF,iBACE;AAAA,EACF,WACE;AAAA,EACF,mBACE;AACJ,GACaC,IAAkB;AAAA,EAC7B,EAAE,KAAK,WAAW,OAAO,WAAW,MAAM,WAAW,SAAS,GAAA;AAAA,EAC9D;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAAA,EAEX,EAAE,KAAK,aAAa,OAAO,aAAa,MAAM,UAAU,SAAS,GAAA;AAAA,EACjE;AAAA,IACE,KAAK;AAAA,IACL,OAAO;AAAA,IACP,MAAM;AAAA,IACN,SAAS;AAAA,EAAA;AAEb;"}
+{"version":3,"file":"index.es119.js","sources":["../src/components/ui/animated-input/animated-input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const AnimatedInputContainerVariants = cva(\n  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  \n    text-light-2 px-3 py-2\n    file:border-0 file:bg-transparent\n    placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isError: {\n        true: '',\n        false: '',\n      },\n      isFocused: {\n        true: '',\n        false: '',\n      },\n      disabled: {\n        true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isError: false,\n    },\n    compoundVariants: [\n      {\n        isError: true,\n        isFocused: true,\n        className: 'border-danger-2 ring-4 ring-danger-1',\n      },\n      {\n        isError: false,\n        isFocused: true,\n        className: 'border-primary-2 ring-4 ring-primary-1',\n      },\n      {\n        isError: true,\n        isFocused: false,\n        className: 'border-danger-2',\n      },\n      {\n        isError: false,\n        isFocused: false,\n        className: 'border-light-2',\n      },\n    ],\n  }\n)\n\nexport const AnimatedInputStyles = cva(\n  `outline-none w-full h-full bg-transparent disabled:cursor-not-allowed placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isError: {\n        true: 'text-danger-1',\n        false: 'text-light-2',\n      },\n    },\n  }\n)\n\nexport const DynamicComponentStyles = cva(\n  `absolute top-[7px] text-top transition-transform duration-500 text-light-4 pointer-events-none `,\n  {\n    variants: {\n      animate: {\n        true: '',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      animate: false,\n    },\n  }\n)\n"],"names":["AnimatedInputContainerVariants","cva","AnimatedInputStyles","DynamicComponentStyles"],"mappings":";AAEO,MAAMA,IAAiCC;AAAA,EAC5C;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,IAEX,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ,GAEaC,IAAsBD;AAAA,EACjC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF;AAEJ,GAEaE,IAAyBF;AAAA,EACpC;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;"}

package/dist/index.es12.js

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

package/dist/index.es120.js

@@ -1,28 +1,37 @@
-import { cva as t } from "class-variance-authority";
-const e = t("w-full", {
-  variants: {
-    isOpen: {
-      true: "ring-4 ring-primary-1 border-primary-2 text-light-1"
-    },
-    isValue: {
-      true: "text-light-1",
-      false: "text-light-4"
-    }
-  },
-  compoundVariants: [
-    // {
-    //   isOpen: true,
-    //   isValue: true,
-    //   className: 'border-primary-2',
-    // },
-    {
-      isOpen: !1,
-      isValue: !0,
-      className: "border-neutral-2"
-    }
-  ]
-});
+import a from "react";
+import { AccordionDemo as l } from "./index.es4.js";
+import { AvatarDemo as o } from "./index.es6.js";
+import { Typography as r } from "./index.es19.js";
+const p = ({ members: t }) => t.length > 0 ? /* @__PURE__ */ a.createElement(
+  l,
+  {
+    trigger: /* @__PURE__ */ a.createElement("div", { className: "flex items-center gap-1" }, /* @__PURE__ */ a.createElement(r, { variant: "body1", className: "text-light-2" }, "Members (", t.length, ")")),
+    content: /* @__PURE__ */ a.createElement("div", { className: "flex flex-col gap-2" }, t.map((e) => /* @__PURE__ */ a.createElement(
+      "div",
+      {
+        key: e.id,
+        className: "flex items-center gap-3 rounded-xl bg-light-2 px-4 py-3"
+      },
+      /* @__PURE__ */ a.createElement(
+        o,
+        {
+          size: "md",
+          imageSrc: e.imageSrc || "",
+          alt: e.alt || e.name,
+          fallback: e.fallback || e.name?.[0].toUpperCase() || "",
+          avatarProps: {
+            className: "border border-neutral-1 h-8 w-8 bg-light-1"
+          },
+          ...e
+        }
+      ),
+      /* @__PURE__ */ a.createElement(r, { variant: "body2" }, e.name)
+    ))),
+    contentProps: { className: "max-h-[400px] overflow-y-auto" },
+    triggerProps: { className: "cursor-pointer my-2" }
+  }
+) : null;
 export {
-  e as ComboBoxStates
+  p as MembersSection
 };
 //# sourceMappingURL=index.es120.js.map