geoiq-frontend-ui-kit 2.0.2 → 2.0.4

package/dist/index.es111.js

@@ -1,58 +1,66 @@
 import e from "react";
-import { X as o } from "lucide-react";
-import { Button as r } from "./index.es9.js";
-import { _Dialog as c } from "./index.es41.js";
-import { Textarea as s } from "./index.es16.js";
-import { Typography as p } from "./index.es19.js";
-const x = ({
-  open: m,
-  noteValue: a,
-  onNoteChange: i,
-  onClose: t,
-  onSave: l
-}) => /* @__PURE__ */ e.createElement(
-  c,
-  {
-    trigger: null,
-    contentClassName: "h-fit w-fit",
-    open: m,
-    onInteractOutside: t,
-    body: /* @__PURE__ */ e.createElement("div", { className: "p-4" }, /* @__PURE__ */ e.createElement(
-      p,
+import { StarScore as h } from "./index.es52.js";
+import { Badge as c } from "./index.es8.js";
+import { Typography as i } from "./index.es19.js";
+import { Skeleton as t } from "./index.es14.js";
+import { hoverDetailCardStyles as g } from "./index.es157.js";
+function b({
+  title: o,
+  icon: n,
+  isLoading: l = !1,
+  tags: d = [],
+  description: u,
+  score: r,
+  badge: m,
+  actions: s
+}) {
+  return /* @__PURE__ */ e.createElement("div", { className: "w-[396px] border border-neutral-1 rounded-xl overflow-hidden bg-light-1" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-3 p-4" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-center w-12 h-12 overflow-hidden rounded-full bg-light-3" }, l ? /* @__PURE__ */ e.createElement(t, { className: "w-12 h-12 rounded-full bg-light-4" }) : /* @__PURE__ */ e.createElement(
+    "img",
+    {
+      src: n || "https://frontend-static-files.geoiq.io/strapi/map_pin_ed26828f00.svg",
+      alt: "title",
+      className: g.img({ hasIcon: !!n })
+    }
+  )), /* @__PURE__ */ e.createElement("div", { className: "truncate max-w-[300px]" }, l ? /* @__PURE__ */ e.createElement(t, { className: "h-5 mb-2 w-[280px] bg-light-4 rounded-full" }) : /* @__PURE__ */ e.createElement(i, { variant: "h3", className: "truncate text-light-2" }, o), /* @__PURE__ */ e.createElement("div", { className: "flex flex-wrap gap-2" }, l ? /* @__PURE__ */ e.createElement(
+    t,
+    {
+      key: "header-badge",
+      className: "w-20 h-6 mb-1 rounded-full bg-light-4"
+    }
+  ) : d.filter((a) => a.icon_url && a.name).map((a, f) => /* @__PURE__ */ e.createElement(
+    c,
+    {
+      key: f,
+      variant: "default",
+      showBorder: !0,
+      size: "sm",
+      className: "rounded-full pl-1.5 pr-3"
+    },
+    /* @__PURE__ */ e.createElement(
+      "img",
       {
-        variant: "h3",
-        className: "mb-2 flex items-center justify-between text-light-2"
-      },
-      "Add notes",
-      /* @__PURE__ */ e.createElement(
-        o,
-        {
-          size: 16,
-          className: "cursor-pointer justify-end text-light-1",
-          onClick: t
-        }
-      )
-    ), /* @__PURE__ */ e.createElement(
-      s,
-      {
-        value: a,
-        placeholder: "Add notes",
-        onChange: (n) => i(n.target.value),
-        className: "h-[200px] w-[400px]"
+        src: a.icon_url,
+        alt: "icon",
+        className: "w-3 rounded-full"
       }
-    ), /* @__PURE__ */ e.createElement("div", { className: "mt-4 flex gap-2" }, /* @__PURE__ */ e.createElement(
-      r,
-      {
-        size: "sm",
-        variant: "primary",
-        onClick: l,
-        disabled: !a.trim()
-      },
-      "Save"
-    ), /* @__PURE__ */ e.createElement(r, { size: "sm", variant: "secondary", onClick: t }, "Cancel")))
-  }
-);
+    ),
+    a.name
+  ))))), /* @__PURE__ */ e.createElement("div", { className: "px-4" }, /* @__PURE__ */ e.createElement("div", { className: "mb-2" }, l ? /* @__PURE__ */ e.createElement(t, { className: "w-full h-10 bg-light-4 rounded-xl" }) : /* @__PURE__ */ e.createElement(
+    i,
+    {
+      variant: "body4",
+      className: "text-light-3 text-overflow: ellipsis"
+    },
+    u
+  )), (r || m) && /* @__PURE__ */ e.createElement("div", { className: "flex justify-between mb-4" }, l ? /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(t, { className: "w-24 h-5 rounded bg-light-4" }), /* @__PURE__ */ e.createElement(t, { className: "w-24 h-5 rounded bg-light-4" })) : /* @__PURE__ */ e.createElement(e.Fragment, null, r && /* @__PURE__ */ e.createElement(
+    h,
+    {
+      score: r?.value,
+      isLoading: r?.isLoading
+    }
+  ), m && /* @__PURE__ */ e.createElement(c, { variant: "select", size: "sm", showBorder: !0 }, m)))), s && /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-center bg-light-3" }, s));
+}
 export {
-  x as DialogNote
+  b as PointHoverCard
 };
 //# sourceMappingURL=index.es111.js.map

package/dist/index.es111.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es111.js","sources":["../src/components/ui/agent-snippet-view/components/add-notes-dialog.tsx"],"sourcesContent":["import React from 'react'\nimport { X } from 'lucide-react'\nimport { Button } from '@/components/atoms/button'\nimport { Dialog } from '@/components/organisms/dialog'\nimport { Textarea } from '@/components/atoms/textarea'\nimport { Typography } from '@/components/atoms/typography'\n\ninterface DialogNoteProps {\n  open: boolean\n  noteValue: string\n  onNoteChange: (value: string) => void\n  onClose: () => void\n  onSave: () => void\n}\n\nexport const DialogNote: React.FC<DialogNoteProps> = ({\n  open,\n  noteValue,\n  onNoteChange,\n  onClose,\n  onSave,\n}) => (\n  <Dialog\n    trigger={null}\n    contentClassName=\"h-fit w-fit\"\n    open={open}\n    onInteractOutside={onClose}\n    body={\n      <div className=\"p-4\">\n        <Typography\n          variant=\"h3\"\n          className=\"mb-2 flex items-center justify-between text-light-2\"\n        >\n          Add notes\n          <X\n            size={16}\n            className=\"cursor-pointer justify-end text-light-1\"\n            onClick={onClose}\n          />\n        </Typography>\n\n        <Textarea\n          value={noteValue}\n          placeholder=\"Add notes\"\n          onChange={(e) => onNoteChange(e.target.value)}\n          className=\"h-[200px] w-[400px]\"\n        />\n        <div className=\"mt-4 flex gap-2\">\n          <Button\n            size=\"sm\"\n            variant=\"primary\"\n            onClick={onSave}\n            disabled={!noteValue.trim()}\n          >\n            Save\n          </Button>\n          <Button size=\"sm\" variant=\"secondary\" onClick={onClose}>\n            Cancel\n          </Button>\n        </div>\n      </div>\n    }\n  />\n)\n"],"names":["DialogNote","open","noteValue","onNoteChange","onClose","onSave","React","Dialog","Typography","X","Textarea","e","Button"],"mappings":";;;;;;AAeO,MAAMA,IAAwC,CAAC;AAAA,EACpD,MAAAC;AAAA,EACA,WAAAC;AAAA,EACA,cAAAC;AAAA,EACA,SAAAC;AAAA,EACA,QAAAC;AACF,MACEC,gBAAAA,EAAA;AAAA,EAACC;AAAAA,EAAA;AAAA,IACC,SAAS;AAAA,IACT,kBAAiB;AAAA,IACjB,MAAAN;AAAA,IACA,mBAAmBG;AAAA,IACnB,MACEE,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,MAAA,GACbA,gBAAAA,EAAA;AAAA,MAACE;AAAA,MAAA;AAAA,QACC,SAAQ;AAAA,QACR,WAAU;AAAA,MAAA;AAAA,MACX;AAAA,MAECF,gBAAAA,EAAA;AAAA,QAACG;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,WAAU;AAAA,UACV,SAASL;AAAA,QAAA;AAAA,MAAA;AAAA,IACX,GAGFE,gBAAAA,EAAA;AAAA,MAACI;AAAA,MAAA;AAAA,QACC,OAAOR;AAAA,QACP,aAAY;AAAA,QACZ,UAAU,CAACS,MAAMR,EAAaQ,EAAE,OAAO,KAAK;AAAA,QAC5C,WAAU;AAAA,MAAA;AAAA,IAAA,GAEZL,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,kBAAA,GACbA,gBAAAA,EAAA;AAAA,MAACM;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,SAAQ;AAAA,QACR,SAASP;AAAA,QACT,UAAU,CAACH,EAAU,KAAA;AAAA,MAAK;AAAA,MAC3B;AAAA,IAAA,GAGDI,gBAAAA,EAAA,cAACM,GAAA,EAAO,MAAK,MAAK,SAAQ,aAAY,SAASR,EAAA,GAAS,QAExD,CACF,CACF;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"index.es111.js","sources":["../src/components/ui/map-marker-hover-card/components/map-point-hover-card.tsx"],"sourcesContent":["import React from 'react'\nimport { StarScore } from '../../star-score'\nimport { Badge } from '@/components/atoms/badge'\nimport { Typography } from '@/components/atoms/typography'\nimport { Skeleton } from '@/components/atoms/skeleton'\nimport { hoverDetailCardStyles } from '../map-marker-hover-card.styles'\nimport { MapMarkerHoverCardNS } from '../map-marker-hover-card.types'\n\nexport function PointHoverCard({\n  title,\n  icon,\n  isLoading = false,\n  tags = [],\n  description,\n  score,\n  badge,\n  actions,\n}: MapMarkerHoverCardNS.PointHoverCardProps) {\n  return (\n    <div className=\"w-[396px] border border-neutral-1 rounded-xl overflow-hidden bg-light-1\">\n      <div className=\"flex items-center gap-3 p-4\">\n        <div className=\"flex items-center justify-center w-12 h-12 overflow-hidden rounded-full bg-light-3\">\n          {isLoading ? (\n            <Skeleton className=\"w-12 h-12 rounded-full bg-light-4\" />\n          ) : (\n            <img\n              src={\n                icon ||\n                'https://frontend-static-files.geoiq.io/strapi/map_pin_ed26828f00.svg'\n              }\n              alt=\"title\"\n              className={hoverDetailCardStyles.img({ hasIcon: !!icon })}\n            />\n          )}\n        </div>\n        <div className=\"truncate max-w-[300px]\">\n          {isLoading ? (\n            <Skeleton className=\"h-5 mb-2 w-[280px] bg-light-4 rounded-full\" />\n          ) : (\n            <Typography variant=\"h3\" className=\"truncate text-light-2\">\n              {title}\n            </Typography>\n          )}\n          <div className=\"flex flex-wrap gap-2\">\n            {isLoading ? (\n              <Skeleton\n                key={'header-badge'}\n                className=\"w-20 h-6 mb-1 rounded-full bg-light-4\"\n              />\n            ) : (\n              tags\n                .filter((tag) => tag.icon_url && tag.name)\n                .map((badge, index) => (\n                  <Badge\n                    key={index}\n                    variant=\"default\"\n                    showBorder\n                    size=\"sm\"\n                    className=\"rounded-full pl-1.5 pr-3\"\n                  >\n                    <img\n                      src={badge.icon_url}\n                      alt=\"icon\"\n                      className=\"w-3 rounded-full\"\n                    />\n                    {badge.name}\n                  </Badge>\n                ))\n            )}\n          </div>\n        </div>\n      </div>\n      <div className=\"px-4\">\n        <div className=\"mb-2\">\n          {isLoading ? (\n            <Skeleton className=\"w-full h-10 bg-light-4 rounded-xl\" />\n          ) : (\n            <Typography\n              variant=\"body4\"\n              className=\"text-light-3 text-overflow: ellipsis\"\n            >\n              {description}\n            </Typography>\n          )}\n        </div>\n        {(score || badge) && (\n          <div className=\"flex justify-between mb-4\">\n            {isLoading ? (\n              <>\n                <Skeleton className=\"w-24 h-5 rounded bg-light-4\" />\n                <Skeleton className=\"w-24 h-5 rounded bg-light-4\" />\n              </>\n            ) : (\n              <>\n                {score && (\n                  <StarScore\n                    score={score?.value}\n                    isLoading={score?.isLoading}\n                  />\n                )}\n                {badge && (\n                  <Badge variant=\"select\" size=\"sm\" showBorder>\n                    {badge}\n                  </Badge>\n                )}\n              </>\n            )}\n          </div>\n        )}\n      </div>\n      {actions && (\n        <div className=\"flex items-center justify-center bg-light-3\">\n          {actions}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["PointHoverCard","title","icon","isLoading","tags","description","score","badge","actions","React","Skeleton","hoverDetailCardStyles","Typography","tag","index","Badge","StarScore"],"mappings":";;;;;;AAQO,SAASA,EAAe;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO,CAAA;AAAA,EACP,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,GAA6C;AAC3C,yCACG,OAAA,EAAI,WAAU,0EAAA,GACbC,gBAAAA,EAAA,cAAC,SAAI,WAAU,8BAAA,GACbA,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,qFAAA,GACZN,oCACEO,GAAA,EAAS,WAAU,qCAAoC,IAExDD,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KACEP,KACA;AAAA,MAEF,KAAI;AAAA,MACJ,WAAWS,EAAsB,IAAI,EAAE,SAAS,CAAC,CAACT,GAAM;AAAA,IAAA;AAAA,EAAA,CAG9D,GACAO,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,4BACZN,IACCM,gBAAAA,EAAA,cAACC,GAAA,EAAS,WAAU,6CAAA,CAA6C,oCAEhEE,GAAA,EAAW,SAAQ,MAAK,WAAU,wBAAA,GAChCX,CACH,GAEFQ,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,uBAAA,GACZN,IACCM,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,IAAA;AAAA,EAAA,IAGZN,EACG,OAAO,CAACS,MAAQA,EAAI,YAAYA,EAAI,IAAI,EACxC,IAAI,CAACN,GAAOO,MACXL,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,SAAQ;AAAA,MACR,YAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAU;AAAA,IAAA;AAAA,IAEVL,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKF,EAAM;AAAA,QACX,KAAI;AAAA,QACJ,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEXA,EAAM;AAAA,EAAA,CAEV,CAEP,CACF,CACF,GACAE,gBAAAA,EAAA,cAAC,SAAI,WAAU,OAAA,GACbA,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,OAAA,GACZN,oCACEO,GAAA,EAAS,WAAU,qCAAoC,IAExDD,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,IAETP;AAAA,EAAA,CAGP,IACEC,KAASC,sCACR,OAAA,EAAI,WAAU,4BAAA,GACZJ,IACCM,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA,cAACC,KAAS,WAAU,8BAAA,CAA8B,GAClDD,gBAAAA,EAAA,cAACC,GAAA,EAAS,WAAU,8BAAA,CAA8B,CACpD,IAEAD,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACGH,KACCG,gBAAAA,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,OAAOV,GAAO;AAAA,MACd,WAAWA,GAAO;AAAA,IAAA;AAAA,EAAA,GAGrBC,KACCE,gBAAAA,EAAA,cAACM,GAAA,EAAM,SAAQ,UAAS,MAAK,MAAK,YAAU,GAAA,GACzCR,CACH,CAEJ,CAEJ,CAEJ,GACCC,qCACE,OAAA,EAAI,WAAU,8CAAA,GACZA,CACH,CAEJ;AAEJ;"}

package/dist/index.es112.js

@@ -1,45 +1,14 @@
-import e, { forwardRef as l, useContext as o, createContext as s } from "react";
-import { StepItemStatus as n } from "./index.es31.js";
-import { Typography as i } from "./index.es19.js";
-import { cn as p } from "./index.es89.js";
-import { StepItemVariants as u } from "./index.es139.js";
-const m = s(null), h = l(
-  ({ children: a, steps: t, id: r }, c) => /* @__PURE__ */ e.createElement(m.Provider, { value: t }, /* @__PURE__ */ e.createElement("div", { className: "w-[100%]", ref: c, id: r }, a))
-), w = () => {
-  const a = o(m);
-  return /* @__PURE__ */ e.createElement("div", { className: "flex justify-between items-center w-[100%]" }, a?.map((t, r) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-    E,
-    {
-      key: r,
-      value: t,
-      variant: t?.status ?? n.PENDING
-    }
-  ), r !== a.length - 1 && /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: ` w-5 grow border-b-2 ${t?.status == n.COMPLETED ? "border-primary-2" : "border-neutral-2"}`
-    }
-  ))));
-}, E = ({ value: a, ...t }) => {
-  const { variant: r } = t;
-  return /* @__PURE__ */ e.createElement("div", { className: p(u({ variant: r })) }, r !== n.COMPLETED ? /* @__PURE__ */ e.createElement(
-    i,
-    {
-      variant: "body4",
-      style: { textAlign: "center", height: "max-content" }
+import { cva as r } from "class-variance-authority";
+const i = r(
+  "relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ",
+  {
+    variants: {
+      variant: {}
     },
-    a?.label
-  ) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
-    "img",
-    {
-      src: "https://frontend-static-files.geoiq.io/strapi/check_white_e0c342eeb9.svg",
-      alt: "check-mark-icon"
-    }
-  ))));
-};
+    defaultVariants: {}
+  }
+);
 export {
-  w as StepGroup,
-  m as StepperContext,
-  h as StepperProvider
+  i as ProgressVariants
 };
 //# sourceMappingURL=index.es112.js.map

package/dist/index.es112.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es112.js","sources":["../src/components/molecules/stepper/stepper-components.tsx"],"sourcesContent":["import React, {\n  PropsWithChildren,\n  createContext,\n  forwardRef,\n  useContext,\n} from 'react'\nimport { StepItemStatus, StepperItemProps, StepperValue } from './stepper.type'\nimport { Typography } from '../../atoms/typography'\nimport { cn } from '@/lib/utils'\nimport { StepItemVariants } from './stepper.styles'\n\ninterface StepperProviderProps extends PropsWithChildren {\n  steps: StepperValue[] // Add a steps prop to pass the steps array\n  id?: string\n}\n\nconst StepperContext = createContext<StepperValue[] | null>(null) // Context will hold an array of strings\n\nconst StepperProvider = forwardRef<HTMLDivElement, StepperProviderProps>(\n  ({ children, steps, id }, ref) => {\n    return (\n      <StepperContext.Provider value={steps}>\n        <div className={'w-[100%]'} ref={ref} id={id}>\n          {children}\n        </div>\n      </StepperContext.Provider>\n    )\n  }\n)\n\nconst StepGroup = () => {\n  const steps = useContext(StepperContext) // Accessing the steps array from context\n\n  return (\n    <div className=\"flex justify-between items-center w-[100%]\">\n      {steps?.map((step, index) => (\n        <>\n          <StepItem\n            key={index}\n            value={step}\n            variant={step?.status ?? StepItemStatus.PENDING}\n          />\n          {index !== steps.length - 1 && (\n            <div\n              className={` w-5 grow border-b-2 ${step?.status == StepItemStatus.COMPLETED ? 'border-primary-2' : 'border-neutral-2'}`}\n            />\n          )}\n        </>\n      ))}\n    </div>\n  )\n}\n\n// individual step item and styles\nconst StepItem = ({ value, ...props }: StepperItemProps) => {\n  const { variant } = props\n  return (\n    <div className={cn(StepItemVariants({ variant }))}>\n      {variant !== StepItemStatus.COMPLETED ? (\n        <Typography\n          variant={'body4'}\n          style={{ textAlign: 'center', height: 'max-content' }}\n        >\n          {value?.label}\n        </Typography>\n      ) : (\n        <>\n          <div>\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/check_white_e0c342eeb9.svg\"\n              alt=\"check-mark-icon\"\n            />\n          </div>\n        </>\n      )}\n    </div>\n  )\n}\n\nexport { StepperProvider, StepperContext, StepGroup }\n"],"names":["StepperContext","createContext","StepperProvider","forwardRef","children","steps","id","ref","React","StepGroup","useContext","step","index","StepItem","StepItemStatus","value","props","variant","cn","StepItemVariants","Typography"],"mappings":";;;;;AAgBA,MAAMA,IAAiBC,EAAqC,IAAI,GAE1DC,IAAkBC;AAAA,EACtB,CAAC,EAAE,UAAAC,GAAU,OAAAC,GAAO,IAAAC,EAAA,GAAMC,MAEtBC,gBAAAA,EAAA,cAACR,EAAe,UAAf,EAAwB,OAAOK,KAC9BG,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAW,YAAY,KAAAD,GAAU,IAAAD,EAAA,GACnCF,CACH,CACF;AAGN,GAEMK,IAAY,MAAM;AACtB,QAAMJ,IAAQK,EAAWV,CAAc;AAEvC,SACEQ,gBAAAA,EAAA,cAAC,SAAI,WAAU,6CAAA,GACZH,GAAO,IAAI,CAACM,GAAMC,MACjBJ,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA;AAAA,IAACK;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,OAAOD;AAAA,MACP,SAASA,GAAM,UAAUG,EAAe;AAAA,IAAA;AAAA,EAAA,GAEzCF,MAAUP,EAAM,SAAS,KACxBG,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW,wBAAwBG,GAAM,UAAUG,EAAe,YAAY,qBAAqB,kBAAkB;AAAA,IAAA;AAAA,EAAA,CAG3H,CACD,CACH;AAEJ,GAGMD,IAAW,CAAC,EAAE,OAAAE,GAAO,GAAGC,QAA8B;AAC1D,QAAM,EAAE,SAAAC,MAAYD;AACpB,SACER,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAWU,EAAGC,EAAiB,EAAE,SAAAF,EAAA,CAAS,CAAC,EAAA,GAC7CA,MAAYH,EAAe,YAC1BN,gBAAAA,EAAA;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT,OAAO,EAAE,WAAW,UAAU,QAAQ,cAAA;AAAA,IAAc;AAAA,IAEnDL,GAAO;AAAA,EAAA,IAGVP,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA,cAAC,OAAA,MACCA,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAI;AAAA,MACJ,KAAI;AAAA,IAAA;AAAA,EAAA,CAER,CACF,CAEJ;AAEJ;"}
+{"version":3,"file":"index.es112.js","sources":["../src/components/atoms/progress/progress.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const ProgressVariants = cva(\n  'relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ',\n  {\n    variants: {\n      variant: {},\n    },\n    defaultVariants: {},\n  }\n)\n"],"names":["ProgressVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS,CAAA;AAAA,IAAC;AAAA,IAEZ,iBAAiB,CAAA;AAAA,EAAC;AAEtB;"}

package/dist/index.es113.js

@@ -1,16 +1,26 @@
-import { cva as r } from "class-variance-authority";
-const i = r(
-  "h-10 w-10 p-2 grid place-items-center rounded-md hover:bg-hover-s3 hover:cursor-pointer relative",
+const 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 },
   {
-    variants: {
-      isActive: {
-        true: "bg-click-s3",
-        false: "bg-inherit"
-      }
-    }
+    key: "ROADMAP_TRAFFIC",
+    label: "Roadmap Traffic",
+    type: "roadmap",
+    traffic: !0
+  },
+  { key: "SATELLITE", label: "Satellite", type: "hybrid", traffic: !1 },
+  {
+    key: "SATELLITE_TRAFFIC",
+    label: "Satellite Traffic",
+    type: "hybrid",
+    traffic: !0
   }
-);
+];
 export {
-  i as NavbarIconVariants
+  t as MAP_LAYER_CONFIG,
+  e as MAP_LAYER_TYPES
 };
 //# sourceMappingURL=index.es113.js.map

package/dist/index.es113.js.map

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

package/dist/index.es114.js

@@ -1,96 +1,46 @@
-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"
+import * as e from "react";
+import { OTPInput as l, OTPInputContext as u } from "input-otp";
+import { Dot as f } from "lucide-react";
+import { cn as n } from "./index.es89.js";
+import { OTPInputVariants as d } from "./index.es158.js";
+const O = e.forwardRef(({ className: t, containerClassName: a, ...r }, o) => /* @__PURE__ */ e.createElement(
+  l,
+  {
+    ref: o,
+    containerClassName: n("flex items-center gap-3", a),
+    className: n(t),
+    ...r,
+    inputMode: "text"
+  }
+));
+O.displayName = "InputOTP";
+const P = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement("div", { ref: r, className: n("flex items-center", t), ...a }));
+P.displayName = "InputOTPGroup";
+const T = e.forwardRef(
+  ({ index: t, className: a, isError: r, ...o }, s) => {
+    const m = e.useContext(u), { char: p, hasFakeCaret: c, isActive: i } = m.slots[t];
+    return /* @__PURE__ */ e.createElement(
+      "div",
+      {
+        ref: s,
+        className: n(
+          d({ isError: r, isFocused: i }),
+          a
+        ),
+        ...o
       },
-      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
-    }
-  ));
-};
+      p,
+      c && /* @__PURE__ */ e.createElement("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center" }, /* @__PURE__ */ e.createElement("div", { className: "h-4 w-px animate-caret-blink bg-black duration-1000" }))
+    );
+  }
+);
+T.displayName = "InputOTPSlot";
+const I = e.forwardRef(({ ...t }, a) => /* @__PURE__ */ e.createElement("div", { ref: a, role: "separator", ...t }, /* @__PURE__ */ e.createElement(f, null)));
+I.displayName = "InputOTPSeparator";
 export {
-  S as CreditSheet
+  O as InputOTP,
+  P as InputOTPGroup,
+  I as InputOTPSeparator,
+  T as InputOTPSlot
 };
 //# sourceMappingURL=index.es114.js.map

package/dist/index.es114.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es114.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;"}
+{"version":3,"file":"index.es114.js","sources":["../src/components/unstyled/otp-input/otp-input-component.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { OTPInput, OTPInputContext } from 'input-otp'\nimport { Dot } from 'lucide-react'\nimport { cn } from '@/lib/utils'\nimport { InputOTPSlotProps } from './otp-input.types'\nimport { OTPInputVariants } from './otp-input.styles'\n\nconst InputOTP = React.forwardRef<\n  React.ElementRef<typeof OTPInput>,\n  React.ComponentPropsWithoutRef<typeof OTPInput> & { isError?: boolean }\n>(({ className, containerClassName, ...props }, ref) => (\n  <OTPInput\n    ref={ref}\n    containerClassName={cn('flex items-center gap-3', containerClassName)}\n    className={cn(className)}\n    {...props}\n    inputMode=\"text\"\n  />\n))\nInputOTP.displayName = 'InputOTP'\n\nconst InputOTPGroup = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => (\n  <div ref={ref} className={cn('flex items-center', className)} {...props} />\n))\nInputOTPGroup.displayName = 'InputOTPGroup'\n\nconst InputOTPSlot = React.forwardRef<HTMLDivElement, InputOTPSlotProps>(\n  ({ index, className, isError, ...props }, ref) => {\n    const inputOTPContext = React.useContext(OTPInputContext)\n    const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index]\n    return (\n      <div\n        ref={ref}\n        className={cn(\n          OTPInputVariants({ isError, isFocused: isActive }),\n          className\n        )}\n        {...props}\n      >\n        {char}\n        {hasFakeCaret && (\n          <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n            <div className=\"h-4 w-px animate-caret-blink bg-black duration-1000\" />\n          </div>\n        )}\n      </div>\n    )\n  }\n)\n\nInputOTPSlot.displayName = 'InputOTPSlot'\n\nconst InputOTPSeparator = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ ...props }, ref) => (\n  <div ref={ref} role=\"separator\" {...props}>\n    <Dot />\n  </div>\n))\nInputOTPSeparator.displayName = 'InputOTPSeparator'\n\nexport { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator }\n"],"names":["InputOTP","React","className","containerClassName","props","ref","OTPInput","cn","InputOTPGroup","InputOTPSlot","index","isError","inputOTPContext","OTPInputContext","char","hasFakeCaret","isActive","OTPInputVariants","InputOTPSeparator","Dot"],"mappings":";;;;;AASA,MAAMA,IAAWC,EAAM,WAGrB,CAAC,EAAE,WAAAC,GAAW,oBAAAC,GAAoB,GAAGC,EAAA,GAASC,MAC9C,gBAAAJ,EAAA;AAAA,EAACK;AAAA,EAAA;AAAA,IACC,KAAAD;AAAA,IACA,oBAAoBE,EAAG,2BAA2BJ,CAAkB;AAAA,IACpE,WAAWI,EAAGL,CAAS;AAAA,IACtB,GAAGE;AAAA,IACJ,WAAU;AAAA,EAAA;AACZ,CACD;AACDJ,EAAS,cAAc;AAEvB,MAAMQ,IAAgBP,EAAM,WAG1B,CAAC,EAAE,WAAAC,GAAW,GAAGE,KAASC,sCACzB,OAAA,EAAI,KAAAA,GAAU,WAAWE,EAAG,qBAAqBL,CAAS,GAAI,GAAGE,GAAO,CAC1E;AACDI,EAAc,cAAc;AAE5B,MAAMC,IAAeR,EAAM;AAAA,EACzB,CAAC,EAAE,OAAAS,GAAO,WAAAR,GAAW,SAAAS,GAAS,GAAGP,EAAA,GAASC,MAAQ;AAChD,UAAMO,IAAkBX,EAAM,WAAWY,CAAe,GAClD,EAAE,MAAAC,GAAM,cAAAC,GAAc,UAAAC,MAAaJ,EAAgB,MAAMF,CAAK;AACpE,WACE,gBAAAT,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAAI;AAAA,QACA,WAAWE;AAAA,UACTU,EAAiB,EAAE,SAAAN,GAAS,WAAWK,GAAU;AAAA,UACjDd;AAAA,QAAA;AAAA,QAED,GAAGE;AAAA,MAAA;AAAA,MAEHU;AAAA,MACAC,qCACE,OAAA,EAAI,WAAU,2EACb,gBAAAd,EAAA,cAAC,OAAA,EAAI,WAAU,sDAAA,CAAsD,CACvE;AAAA,IAAA;AAAA,EAIR;AACF;AAEAQ,EAAa,cAAc;AAE3B,MAAMS,IAAoBjB,EAAM,WAG9B,CAAC,EAAE,GAAGG,KAASC,sCACd,OAAA,EAAI,KAAAA,GAAU,MAAK,aAAa,GAAGD,KAClC,gBAAAH,EAAA,cAACkB,GAAA,IAAI,CACP,CACD;AACDD,EAAkB,cAAc;"}

package/dist/index.es115.js

@@ -1,19 +1,40 @@
-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;
-    }
-  };
-}
+import * as e from "react";
+import { ChevronLeft as r, ChevronRight as s, MoreHorizontal as l } from "lucide-react";
+import { Button as n } from "./index.es9.js";
+import { Typography as o } from "./index.es19.js";
+const m = ({ className: a, ...t }) => /* @__PURE__ */ e.createElement(
+  "nav",
+  {
+    role: "navigation",
+    "aria-label": "pagination",
+    className: `mx-auto flex w-full justify-center ${a}`,
+    ...t
+  }
+);
+m.displayName = "Pagination";
+const c = e.forwardRef(({ className: a, ...t }, i) => /* @__PURE__ */ e.createElement(
+  "ul",
+  {
+    ref: i,
+    className: `flex flex-row items-center gap-1 ${a}`,
+    ...t
+  }
+));
+c.displayName = "PaginationContent";
+const g = e.forwardRef(({ className: a, ...t }, i) => /* @__PURE__ */ e.createElement("li", { ref: i, className: a, ...t }));
+g.displayName = "PaginationItem";
+const p = (a) => /* @__PURE__ */ e.createElement(n, { variant: "teritiary", size: "sm", ...a }, /* @__PURE__ */ e.createElement(r, { className: "w-4 h-4" }), /* @__PURE__ */ e.createElement(o, { variant: "body4" }, "Previous"));
+p.displayName = "PaginationPrevious";
+const P = (a) => /* @__PURE__ */ e.createElement(n, { variant: "teritiary", size: "sm", ...a }, /* @__PURE__ */ e.createElement(o, { variant: "body4" }, "Next"), /* @__PURE__ */ e.createElement(s, { className: "w-4 h-4" }));
+P.displayName = "PaginationNext";
+const f = (a) => /* @__PURE__ */ e.createElement(n, { variant: "teritiary", size: "sm", ...a }, /* @__PURE__ */ e.createElement(l, { className: "w-4 h-4 stroke-light-1" }));
+f.displayName = "PaginationEllipsis";
 export {
-  r as createRoot
+  m as Pagination,
+  c as PaginationContent,
+  f as PaginationEllipsis,
+  g as PaginationItem,
+  P as PaginationNext,
+  p as PaginationPrevious
 };
 //# sourceMappingURL=index.es115.js.map

package/dist/index.es115.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es115.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]}
+{"version":3,"file":"index.es115.js","sources":["../src/components/molecules/pagination/pagination-components.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react'\nimport { Button } from '@/components/atoms/button'\nimport { Typography } from '@/components/atoms/typography'\n\n// import { ButtonProps } from 'geoiq-frontend-ui-kit'\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<'nav'>) => (\n  <nav\n    role=\"navigation\"\n    aria-label=\"pagination\"\n    className={`mx-auto flex w-full justify-center ${className}`}\n    {...props}\n  />\n)\nPagination.displayName = 'Pagination'\n\nconst PaginationContent = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<'ul'>\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    className={`flex flex-row items-center gap-1 ${className}`}\n    {...props}\n  />\n))\nPaginationContent.displayName = 'PaginationContent'\n\nconst PaginationItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<'li'>\n>(({ className, ...props }, ref) => (\n  <li ref={ref} className={className} {...props} />\n))\nPaginationItem.displayName = 'PaginationItem'\n\n// type PaginationLinkProps = RemixLinkProps &\n//   React.RefAttributes<HTMLAnchorElement>\n// Pick<ButtonProps, 'size'> &\n\n// const PaginationLink = (props: PaginationLinkProps) => <Link {...props} />\n\n// PaginationLink.displayName = 'PaginationLink'\n\nconst PaginationPrevious = (props: React.ComponentProps<typeof Button>) => (\n  <Button variant=\"teritiary\" size=\"sm\" {...props}>\n    <ChevronLeft className=\"w-4 h-4\" />\n    <Typography variant=\"body4\">Previous</Typography>\n  </Button>\n)\nPaginationPrevious.displayName = 'PaginationPrevious'\n\nconst PaginationNext = (props: React.ComponentProps<typeof Button>) => (\n  <Button variant=\"teritiary\" size=\"sm\" {...props}>\n    <Typography variant=\"body4\">Next</Typography>\n    <ChevronRight className=\"w-4 h-4\" />\n  </Button>\n)\nPaginationNext.displayName = 'PaginationNext'\n\nconst PaginationEllipsis = (props: React.ComponentProps<typeof Button>) => (\n  <Button variant=\"teritiary\" size=\"sm\" {...props}>\n    <MoreHorizontal className=\"w-4 h-4 stroke-light-1\" />\n  </Button>\n)\nPaginationEllipsis.displayName = 'PaginationEllipsis'\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  // PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n}\n"],"names":["Pagination","className","props","React","PaginationContent","ref","PaginationItem","PaginationPrevious","Button","ChevronLeft","Typography","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"mappings":";;;;AAOA,MAAMA,IAAa,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAClC,gBAAAC,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,cAAW;AAAA,IACX,WAAW,sCAAsCF,CAAS;AAAA,IACzD,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAW,cAAc;AAEzB,MAAMI,IAAoBD,EAAM,WAG9B,CAAC,EAAE,WAAAF,GAAW,GAAGC,EAAA,GAASG,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,WAAW,oCAAoCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDE,EAAkB,cAAc;AAEhC,MAAME,IAAiBH,EAAM,WAG3B,CAAC,EAAE,WAAAF,GAAW,GAAGC,KAASG,sCACzB,MAAA,EAAG,KAAAA,GAAU,WAAAJ,GAAuB,GAAGC,GAAO,CAChD;AACDI,EAAe,cAAc;AAU7B,MAAMC,IAAqB,CAACL,MAC1B,gBAAAC,EAAA,cAACK,KAAO,SAAQ,aAAY,MAAK,MAAM,GAAGN,KACxC,gBAAAC,EAAA,cAACM,GAAA,EAAY,WAAU,UAAA,CAAU,mCAChCC,GAAA,EAAW,SAAQ,QAAA,GAAQ,UAAQ,CACtC;AAEFH,EAAmB,cAAc;AAEjC,MAAMI,IAAiB,CAACT,MACtB,gBAAAC,EAAA,cAACK,KAAO,SAAQ,aAAY,MAAK,MAAM,GAAGN,KACxC,gBAAAC,EAAA,cAACO,GAAA,EAAW,SAAQ,QAAA,GAAQ,MAAI,GAChC,gBAAAP,EAAA,cAACS,GAAA,EAAa,WAAU,UAAA,CAAU,CACpC;AAEFD,EAAe,cAAc;AAE7B,MAAME,IAAqB,CAACX,MAC1B,gBAAAC,EAAA,cAACK,KAAO,SAAQ,aAAY,MAAK,MAAM,GAAGN,EAAA,GACxC,gBAAAC,EAAA,cAACW,GAAA,EAAe,WAAU,0BAAyB,CACrD;AAEFD,EAAmB,cAAc;"}