geoiq-frontend-ui-kit 1.1.30 → 1.1.32

package/dist/components/organisms/navbar/index.d.ts

@@ -1,2 +1,5 @@
-export { Navbar } from './navbar';
+export declare const Navbar: {
+    desktop: import('react').FC<import('./navbar.types').NavbarPropsDesktop>;
+    mobile: import('react').FC<import('./navbar.types').NavbarPropsMobile>;
+};
 //# sourceMappingURL=index.d.ts.map

package/dist/components/organisms/navbar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/navbar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/navbar/index.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,MAAM;;;CAGlB,CAAA"}

package/dist/components/organisms/navbar/navbar-desktop.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { NavbarPropsDesktop } from './navbar.types';
+
+export declare const NavbarDesktop: React.FC<NavbarPropsDesktop>;
+//# sourceMappingURL=navbar-desktop.d.ts.map

package/dist/components/organisms/navbar/navbar-desktop.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar-desktop.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/navbar/navbar-desktop.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAa,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAkK9D,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA0CtD,CAAA"}

package/dist/components/organisms/navbar/navbar-mobile.d.ts

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { NavbarPropsMobile } from './navbar.types';
+
+export declare const NavbarMobile: React.FC<NavbarPropsMobile>;
+//# sourceMappingURL=navbar-mobile.d.ts.map

package/dist/components/organisms/navbar/navbar-mobile.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navbar-mobile.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/navbar/navbar-mobile.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAa,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAuN7D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiEpD,CAAA"}

package/dist/components/organisms/navbar/navbar.types.d.ts

@@ -1,6 +1,6 @@
 import { ReactElement } from 'react';
 
-export type NavbarProps = {
+export type NavbarPropsDesktop = {
     credits: number;
     className?: React.ComponentProps<'div'>['className'];
     icons: {
@@ -42,5 +42,21 @@ export type IconProps = {
     wrapper?: (children: React.ReactNode) => ReactElement;
     onClick?: () => void;
 };
+type BottomItems = {
+    label: string;
+    onClick: () => void;
+};
+export type NavbarPropsMobile = {
+    credits: NavbarPropsDesktop['credits'];
+    profile: NavbarPropsDesktop['profile'];
+    icons: NavbarPropsDesktop['icons']['list'];
+    logo: NavbarPropsDesktop['logo'] & {
+        text: string;
+    };
+    logoutPanel: {
+        handleLogout: () => void;
+        bottomItems: Array<BottomItems>;
+    };
+};
 export {};
 //# sourceMappingURL=navbar.types.d.ts.map

package/dist/components/organisms/navbar/navbar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/navbar/navbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAEpC,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CAAA;IACpD,KAAK,EAAE;QACL,IAAI,EAAE,SAAS,CAAA;QACf,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;KACvB,CAAA;IAED,KAAK,EAAE;QACL,UAAU,EAAE,OAAO,CAAA;QAEnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KACrB,CAAA;IAED,IAAI,EAAE;QACJ,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;KACZ,CAAA;IAED,OAAO,EAAE;QACP,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC,CAAA;QAEzD,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KACrB,CAAA;CACF,CAAA;AAED,KAAK,2BAA2B,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,MAAM,IAAI,CAAA;IAEnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED;;KAEK;AACL,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IAEX,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CAAA;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,YAAY,CAAA;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA"}
+{"version":3,"file":"navbar.types.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/navbar/navbar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,OAAO,CAAA;AAGpC,MAAM,MAAM,kBAAkB,GAAG;IAC/B,OAAO,EAAE,MAAM,CAAA;IACf,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CAAA;IACpD,KAAK,EAAE;QACL,IAAI,EAAE,SAAS,CAAA;QACf,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;KACvB,CAAA;IAED,KAAK,EAAE;QACL,UAAU,EAAE,OAAO,CAAA;QAEnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KACrB,CAAA;IAED,IAAI,EAAE;QACJ,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;KACZ,CAAA;IAED,OAAO,EAAE;QACP,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC,CAAA;QAEzD,KAAK,CAAC,EAAE,MAAM,CAAA;QACd,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KACrB,CAAA;CACF,CAAA;AAED,KAAK,2BAA2B,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,MAAM,IAAI,CAAA;IAEnB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAED;;KAEK;AACL,MAAM,MAAM,SAAS,GAAG;IACtB,GAAG,EAAE,MAAM,CAAA;IACX,GAAG,EAAE,MAAM,CAAA;IAEX,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CAAA;IACpD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,KAAK,YAAY,CAAA;IACrD,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAOD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,OAAO,EAAE,MAAM,IAAI,CAAA;CACpB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAA;IAEtC,OAAO,EAAE,kBAAkB,CAAC,SAAS,CAAC,CAAA;IAEtC,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAA;IAE1C,IAAI,EAAE,kBAAkB,CAAC,MAAM,CAAC,GAAG;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAA;IAEnD,WAAW,EAAE;QACX,YAAY,EAAE,MAAM,IAAI,CAAA;QACxB,WAAW,EAAE,KAAK,CAAC,WAAW,CAAC,CAAA;KAChC,CAAA;CACF,CAAA"}

package/dist/index.es10.js

@@ -1,7 +1,7 @@
 import * as r from "react";
 import * as a from "@radix-ui/react-progress";
 import { cn as n } from "./index.es62.js";
-import { ProgressVariants as i } from "./index.es70.js";
+import { ProgressVariants as i } from "./index.es74.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.es15.js

@@ -6,7 +6,7 @@ import "./index.es44.js";
 import "./index.es63.js";
 import "./index.es26.js";
 import "./index.es32.js";
-import { TextAreaVariants as u } from "./index.es74.js";
+import { TextAreaVariants as u } from "./index.es75.js";
 const m = e.forwardRef(
   ({ className: o, inputLabel: a, showTextCount: l, maximumTextCount: i, ...t }, f) => {
     const [r, s] = e.useState(!1), c = e.useRef(null);

package/dist/index.es18.js

@@ -1,7 +1,7 @@
 import * as o from "react";
 import { cn as m } from "./index.es62.js";
 import { TypographyVariants as n } from "./index.es56.js";
-import { defaultTypographyVariant as y, variantElementMap as i } from "./index.es75.js";
+import { defaultTypographyVariant as y, variantElementMap as i } from "./index.es73.js";
 const c = o.forwardRef(({ className: t, variant: r = y, ...a }, e) => {
   const p = i[r];
   return /* @__PURE__ */ o.createElement(

package/dist/index.es19.js

@@ -1,6 +1,6 @@
 import * as e from "react";
 import { cn as s } from "./index.es62.js";
-import { AlertVariants as f, AlertContentVariants as d, AlertButtonVariants as g } from "./index.es77.js";
+import { AlertVariants as f, AlertContentVariants as d, AlertButtonVariants as g } from "./index.es80.js";
 import { Button as p } from "./index.es7.js";
 import { Typography as u } from "./index.es18.js";
 const c = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(

package/dist/index.es20.js

@@ -1,9 +1,9 @@
-import { Breadcrumb as E, BreadcrumbList as i, BreadcrumbSeparator as c, BreadcrumbItem as o, BreadcrumbEllipsis as b, BreadcrumbLink as u } from "./index.es71.js";
-import { DropdownMenu as g, DropdownMenuTrigger as y, DropdownMenuContent as d, DropdownMenuItem as h } from "./index.es72.js";
+import { Breadcrumb as E, BreadcrumbList as i, BreadcrumbSeparator as c, BreadcrumbItem as o, BreadcrumbEllipsis as b, BreadcrumbLink as u } from "./index.es77.js";
+import { DropdownMenu as g, DropdownMenuTrigger as y, DropdownMenuContent as d, DropdownMenuItem as h } from "./index.es76.js";
 import e from "react";
 import { Typography as B } from "./index.es18.js";
 import { cn as f } from "./index.es62.js";
-import { CrumbVariants as w } from "./index.es73.js";
+import { CrumbVariants as w } from "./index.es78.js";
 function l({ field: r, isSelected: t }) {
   return /* @__PURE__ */ e.createElement(o, null, /* @__PURE__ */ e.createElement(
     u,

package/dist/index.es21.js

@@ -1,5 +1,5 @@
 import e from "react";
-import { DropdownMenu as i, DropdownMenuTrigger as g, DropdownMenuContent as p, DropdownMenuLabel as h, DropdownMenuSeparator as d, DropdownMenuGroup as E, DropdownMenuSub as w, DropdownMenuSubTrigger as x, DropdownMenuPortal as N, DropdownMenuSubContent as D, DropdownMenuItem as s } from "./index.es72.js";
+import { DropdownMenu as i, DropdownMenuTrigger as g, DropdownMenuContent as p, DropdownMenuLabel as h, DropdownMenuSeparator as d, DropdownMenuGroup as E, DropdownMenuSub as w, DropdownMenuSubTrigger as x, DropdownMenuPortal as N, DropdownMenuSubContent as D, DropdownMenuItem as s } from "./index.es76.js";
 function k({
   trigger: c,
   optionGroups: r,

package/dist/index.es24.js

@@ -1,7 +1,7 @@
 import { cn as s } from "./index.es62.js";
 import { useRanger as b } from "@tanstack/react-ranger";
 import e from "react";
-import { SliderBgColorVariants as a } from "./index.es79.js";
+import { SliderBgColorVariants as a } from "./index.es81.js";
 const w = ({ left: t = 0, width: o = 0, index: l = -1 }) => /* @__PURE__ */ e.createElement(
   "div",
   {

package/dist/index.es25.js

@@ -5,7 +5,7 @@ import { cn as m } from "./index.es62.js";
 import { Button as v } from "./index.es7.js";
 import { Command as w, CommandInput as k, CommandEmpty as S, CommandGroup as O, CommandList as P, CommandItem as R } from "./index.es44.js";
 import { Popover as j, PopoverTrigger as B, PopoverContent as I } from "./index.es63.js";
-import { ComboBoxStates as T } from "./index.es78.js";
+import { ComboBoxStates as T } from "./index.es79.js";
 import { Typography as d } from "./index.es18.js";
 function z({
   options: n,

package/dist/index.es27.js

@@ -1,7 +1,7 @@
 import * as o from "@radix-ui/react-slider";
 import * as e from "react";
 import { cn as i } from "./index.es62.js";
-import { SliderVariants as t } from "./index.es80.js";
+import { SliderVariants as t } from "./index.es82.js";
 const s = e.forwardRef(({ className: r, ...l }, a) => (
   // <div className='bg-light-3 h-[100px] w-full flex'>
   /* @__PURE__ */ e.createElement(

package/dist/index.es29.js

@@ -1,4 +1,4 @@
-import { StepperProvider as r, StepGroup as p } from "./index.es82.js";
+import { StepperProvider as r, StepGroup as p } from "./index.es83.js";
 import * as e from "react";
 const m = ({ value: t }) => /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(r, { steps: t }, /* @__PURE__ */ e.createElement(p, null)));
 m.displayName = "Stepper";

package/dist/index.es30.js

@@ -1,7 +1,7 @@
 import * as e from "react";
 import * as t from "@radix-ui/react-tabs";
 import { cn as n } from "./index.es62.js";
-import { TabsVariants as d, TabTriggerVariants as T } from "./index.es81.js";
+import { TabsVariants as d, TabTriggerVariants as T } from "./index.es84.js";
 const c = e.forwardRef(({ className: a, variant: r, size: s, ...o }, i) => /* @__PURE__ */ e.createElement(
   t.List,
   {

package/dist/index.es38.js

@@ -1,135 +1,10 @@
-import { Badge as E } from "./index.es6.js";
-import v from "./index.es17.js";
-import { Typography as c } from "./index.es18.js";
-import { Dropdown as x } from "./index.es21.js";
-import { cn as i } from "./index.es62.js";
-import e from "react";
-import { NavbarIconVariants as u } from "./index.es83.js";
-import { AvatarDemo as h } from "./index.es4.js";
-const N = ({ name: t = "", email: a = "" }) => {
-  if (!(t || a)) return null;
-  const r = "text-ellipsis overflow-hidden";
-  return /* @__PURE__ */ e.createElement("div", { className: "flex flex-col px-2" }, t && /* @__PURE__ */ e.createElement(
-    c,
-    {
-      variant: "body4",
-      className: i("text-light-1", r)
-    },
-    t
-  ), a && /* @__PURE__ */ e.createElement(
-    c,
-    {
-      variant: "body5",
-      className: i("text-light-3", r)
-    },
-    a
-  ));
-}, g = ({
-  alt: t,
-  className: a,
-  isActive: r = !1,
-  isNew: l = !1,
-  src: o,
-  tooltipText: n = "",
-  wrapper: m = null,
-  onClick: s
-}) => {
-  const d = (p) => m?.(p) ?? p, f = /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: i(u({ isActive: r }), a),
-      ...s && { onClick: s }
-    },
-    /* @__PURE__ */ e.createElement("img", { src: o, alt: t }),
-    /* @__PURE__ */ e.createElement(y, { isNew: l })
-  );
-  return d(
-    n ? /* @__PURE__ */ e.createElement("div", { className: "relative" }, /* @__PURE__ */ e.createElement(
-      v,
-      {
-        content: "",
-        headerText: /* @__PURE__ */ e.createElement("div", { className: "flex gap-2 items-center" }, l && /* @__PURE__ */ e.createElement(E, { variant: "gradient", size: "sm" }, "NEW"), /* @__PURE__ */ e.createElement("div", null, n)),
-        sideOffset: 24,
-        triggerElement: f,
-        delayDuration: 100,
-        side: "right"
-      }
-    )) : f
-  );
-}, b = () => /* @__PURE__ */ e.createElement("div", { className: "my-1 h-[1px] w-10 bg-white opacity-20" }), y = ({ isNew: t }) => t ? /* @__PURE__ */ e.createElement("div", { className: "absolute w-[6px] h-[6px] rounded-full bottom-1 right-1 bg-secondary-2" }) : null, w = ({
-  src: t,
-  popoverOptions: a,
-  name: r = "",
-  email: l = ""
-}) => /* @__PURE__ */ e.createElement(
-  x,
-  {
-    dropdownContentProps: { sideOffset: 24, side: "right", align: "end" },
-    trigger: (
-      // div required as unable to open up the popup without it
-      /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
-        h,
-        {
-          imageSrc: t ?? "",
-          size: "md",
-          alt: "avatar",
-          fallback: /* @__PURE__ */ e.createElement(
-            "img",
-            {
-              src: "https://frontend-static-files.geoiq.io/strapi/Avatar_e5ab891e67.svg",
-              alt: "avatar",
-              className: "w-10 h-10 cursor-pointer"
-            }
-          )
-        }
-      ))
-    ),
-    header: /* @__PURE__ */ e.createElement(N, { name: r, email: l }),
-    optionGroups: a
-  }
-), _ = ({
-  onClick: t
-}) => /* @__PURE__ */ e.createElement(
-  c,
-  {
-    variant: "body4",
-    className: "text-white text-center cursor-pointer",
-    onClick: t
-  },
-  "Login"
-), I = ({ src: t, alt: a }) => /* @__PURE__ */ e.createElement("img", { src: t, alt: a, className: "w-10 h-auto" }), L = ({ credits: t }) => t >= 0 && /* @__PURE__ */ e.createElement("div", { className: "rounded brand-primary-secondary-gradient flex gap-[2px] h-auto box-border p-1 w-10 flex-wrap justify-center" }, t > 9999 ? /* @__PURE__ */ e.createElement(
-  "img",
-  {
-    src: "https://frontend-static-files.geoiq.io/strapi/infinity_7d62ad2947.svg",
-    alt: "infinity icon",
-    className: "h-4 w-4"
-  }
-) : /* @__PURE__ */ e.createElement(c, { variant: "body5", className: "text-white" }, t), /* @__PURE__ */ e.createElement(
-  "img",
-  {
-    src: "https://frontend-static-files.geoiq.io/strapi/navbar_credits_247858e26a.svg",
-    alt: "coin icon",
-    className: "h-4 w-4"
-  }
-)), B = ({
-  login: t,
-  icons: a,
-  credits: r = -1,
-  profile: l,
-  logo: o,
-  className: n = ""
-}) => /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    className: i(
-      "w-16 bg-dark-2 px-3 py-4 h-full flex flex-col justify-between",
-      n
-    )
-  },
-  /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center gap-8" }, /* @__PURE__ */ e.createElement(I, { ...o }), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-3" }, (a?.list ?? []).map((m, s) => /* @__PURE__ */ e.createElement(g, { key: s, ...m })))),
-  /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center gap-2" }, /* @__PURE__ */ e.createElement(g, { ...a.help }), /* @__PURE__ */ e.createElement(L, { credits: r }), /* @__PURE__ */ e.createElement(b, null), t?.isLoggedIn ? /* @__PURE__ */ e.createElement(w, { ...l }) : /* @__PURE__ */ e.createElement(_, { ...t }))
-);
+import { NavbarDesktop as o } from "./index.es70.js";
+import { NavbarMobile as r } from "./index.es71.js";
+const b = {
+  desktop: o,
+  mobile: r
+};
 export {
-  B as Navbar
+  b as Navbar
 };
 //# sourceMappingURL=index.es38.js.map

package/dist/index.es38.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es38.js","sources":["../src/components/organisms/navbar/navbar.tsx"],"sourcesContent":["import { Badge } from '@/components/atoms/badge'\nimport Tooltip from '@/components/atoms/tooltip'\nimport { Typography } from '@/components/atoms/typography'\nimport { Dropdown } from '@/components/molecules/dropdown-menu/dropdown-menu'\nimport { cn } from '@/lib/utils'\nimport React from 'react'\nimport { IconProps, NavbarProps } from './navbar.types'\nimport { NavbarIconVariants } from './navbar.styles'\nimport { Avatar } from '@/components/atoms/avatar'\n\nconst ProfileHeader = ({ name = '', email = '' }) => {\n  if (!(name || email)) return null\n\n  const classEllipsisAndOverflow: React.ComponentProps<'div'>['className'] =\n    'text-ellipsis overflow-hidden'\n\n  return (\n    <div className=\"flex flex-col px-2\">\n      {name && (\n        <Typography\n          variant=\"body4\"\n          className={cn('text-light-1', classEllipsisAndOverflow)}\n        >\n          {name}\n        </Typography>\n      )}\n      {email && (\n        <Typography\n          variant=\"body5\"\n          className={cn('text-light-3', classEllipsisAndOverflow)}\n        >\n          {email}\n        </Typography>\n      )}\n    </div>\n  )\n}\n\nconst NavbarIcon: React.FC<IconProps> = ({\n  alt,\n  className,\n  isActive = false,\n  isNew = false,\n  src,\n  tooltipText = '',\n  wrapper = null,\n  onClick,\n}) => {\n  // Wrap the icon with a link or a button\n  const returnWrap = (children: React.ReactNode) =>\n    wrapper?.(children) ?? children\n\n  const navbarIcon = (\n    <div\n      className={cn(NavbarIconVariants({ isActive }), className)}\n      {...(onClick && { onClick })}\n    >\n      <img {...{ src, alt }} />\n      <NewBlink isNew={isNew} />\n    </div>\n  )\n\n  if (tooltipText)\n    return returnWrap(\n      <div className=\"relative\">\n        <Tooltip\n          content=\"\"\n          headerText={\n            (\n              <div className=\"flex gap-2 items-center\">\n                {isNew && (\n                  <Badge variant=\"gradient\" size=\"sm\">\n                    NEW\n                  </Badge>\n                )}\n                <div>{tooltipText}</div>\n              </div>\n            ) as unknown as string\n          }\n          sideOffset={24}\n          triggerElement={navbarIcon}\n          delayDuration={100}\n          side=\"right\"\n        />\n      </div>\n    )\n\n  return returnWrap(navbarIcon)\n}\n\nconst Separator = () => (\n  <div className=\"my-1 h-[1px] w-10 bg-white opacity-20\" />\n)\n\nconst NewBlink: React.FC<Pick<IconProps, 'isNew'>> = ({ isNew }) =>\n  isNew ? (\n    <div className=\"absolute w-[6px] h-[6px] rounded-full bottom-1 right-1 bg-secondary-2\" />\n  ) : null\n\nconst Profile: React.FC<NavbarProps['profile']> = ({\n  src,\n  popoverOptions,\n  name = '',\n  email = '',\n}) => (\n  <Dropdown\n    dropdownContentProps={{ sideOffset: 24, side: 'right', align: 'end' }}\n    trigger={\n      // div required as unable to open up the popup without it\n      <div>\n        <Avatar\n          imageSrc={src ?? ''}\n          size=\"md\"\n          alt=\"avatar\"\n          fallback={\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/Avatar_e5ab891e67.svg\"\n              alt=\"avatar\"\n              className=\"w-10 h-10 cursor-pointer\"\n            />\n          }\n        />\n      </div>\n    }\n    header={<ProfileHeader {...{ name, email }} />}\n    optionGroups={popoverOptions}\n  />\n)\n\nconst Login: React.FC<Pick<NavbarProps['login'], 'onClick'>> = ({\n  onClick,\n}) => (\n  <Typography\n    variant=\"body4\"\n    className=\"text-white text-center cursor-pointer\"\n    onClick={onClick}\n  >\n    Login\n  </Typography>\n)\n\nconst Logo: React.FC<NavbarProps['logo']> = ({ src, alt }) => (\n  <img src={src} alt={alt} className=\"w-10 h-auto\" />\n)\n\nconst Credits: React.FC<Pick<NavbarProps, 'credits'>> = ({ credits }) =>\n  credits >= 0 && (\n    <div className=\"rounded brand-primary-secondary-gradient flex gap-[2px] h-auto box-border p-1 w-10 flex-wrap justify-center\">\n      {credits > 9999 ? (\n        <img\n          src=\"https://frontend-static-files.geoiq.io/strapi/infinity_7d62ad2947.svg\"\n          alt=\"infinity icon\"\n          className=\"h-4 w-4\"\n        />\n      ) : (\n        <Typography variant=\"body5\" className=\"text-white\">\n          {credits}\n        </Typography>\n      )}\n\n      <img\n        src=\"https://frontend-static-files.geoiq.io/strapi/navbar_credits_247858e26a.svg\"\n        alt=\"coin icon\"\n        className=\"h-4 w-4\"\n      />\n    </div>\n  )\n\nexport const Navbar: React.FC<NavbarProps> = ({\n  login,\n  icons,\n  credits = -1,\n  profile,\n  logo,\n  className = '',\n}) => {\n  return (\n    <div\n      className={cn(\n        'w-16 bg-dark-2 px-3 py-4 h-full flex flex-col justify-between',\n        className\n      )}\n    >\n      {/* Top Part */}\n      <div className=\"flex flex-col items-center gap-8\">\n        <Logo {...logo} />\n\n        {/* Main Icons */}\n        <div className=\"flex flex-col gap-3\">\n          {(icons?.list ?? []).map((icon, index) => (\n            <NavbarIcon key={index} {...icon} />\n          ))}\n        </div>\n      </div>\n\n      {/* Bottom Part */}\n      <div className=\"flex flex-col items-center gap-2\">\n        {/* Help */}\n        <NavbarIcon {...icons.help} />\n\n        {/* Credits */}\n        <Credits credits={credits} />\n\n        <Separator />\n\n        {/* Avatar and Login Part */}\n        {login?.isLoggedIn ? <Profile {...profile} /> : <Login {...login} />}\n      </div>\n    </div>\n  )\n}\n"],"names":["ProfileHeader","name","email","classEllipsisAndOverflow","React","Typography","cn","NavbarIcon","alt","className","isActive","isNew","src","tooltipText","wrapper","onClick","returnWrap","children","navbarIcon","NavbarIconVariants","NewBlink","Tooltip","Badge","Separator","Profile","popoverOptions","Dropdown","Avatar","Login","Logo","Credits","credits","Navbar","login","icons","profile","logo","icon","index"],"mappings":"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"}
+{"version":3,"file":"index.es38.js","sources":["../src/components/organisms/navbar/index.ts"],"sourcesContent":["import { NavbarDesktop } from './navbar-desktop'\nimport { NavbarMobile } from './navbar-mobile'\n\nexport const Navbar = {\n  desktop: NavbarDesktop,\n  mobile: NavbarMobile,\n}\n"],"names":["Navbar","NavbarDesktop","NavbarMobile"],"mappings":";;AAGO,MAAMA,IAAS;AAAA,EACpB,SAASC;AAAA,EACT,QAAQC;AACV;"}

package/dist/index.es43.js

@@ -1,5 +1,5 @@
 import t from "react";
-import { Carousel as l, CarouselContent as s, CarouselItem as m, CarouselPrevious as r, CarouselNext as n } from "./index.es84.js";
+import { Carousel as l, CarouselContent as s, CarouselItem as m, CarouselPrevious as r, CarouselNext as n } from "./index.es86.js";
 const o = (e) => /* @__PURE__ */ t.createElement(
   l,
   {

package/dist/index.es56.js

@@ -1,5 +1,5 @@
 import { cva as e } from "class-variance-authority";
-import { defaultTypographyVariant as t } from "./index.es75.js";
+import { defaultTypographyVariant as t } from "./index.es73.js";
 const r = e("", {
   variants: {
     variant: {

package/dist/index.es70.js

@@ -1,14 +1,135 @@
-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: {}
+import { Badge as E } from "./index.es6.js";
+import v from "./index.es17.js";
+import { Typography as c } from "./index.es18.js";
+import { Dropdown as x } from "./index.es21.js";
+import { cn as i } from "./index.es62.js";
+import e from "react";
+import { NavbarIconVariants as u } from "./index.es85.js";
+import { AvatarDemo as h } from "./index.es4.js";
+const N = ({ name: t = "", email: a = "" }) => {
+  if (!(t || a)) return null;
+  const r = "text-ellipsis overflow-hidden";
+  return /* @__PURE__ */ e.createElement("div", { className: "flex flex-col px-2" }, t && /* @__PURE__ */ e.createElement(
+    c,
+    {
+      variant: "body4",
+      className: i("text-light-1", r)
+    },
+    t
+  ), a && /* @__PURE__ */ e.createElement(
+    c,
+    {
+      variant: "body5",
+      className: i("text-light-3", r)
+    },
+    a
+  ));
+}, g = ({
+  alt: t,
+  className: a,
+  isActive: r = !1,
+  isNew: l = !1,
+  src: o,
+  tooltipText: n = "",
+  wrapper: m = null,
+  onClick: s
+}) => {
+  const d = (p) => m?.(p) ?? p, f = /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      className: i(u({ isActive: r }), a),
+      ...s && { onClick: s }
     },
-    defaultVariants: {}
+    /* @__PURE__ */ e.createElement("img", { src: o, alt: t }),
+    /* @__PURE__ */ e.createElement(y, { isNew: l })
+  );
+  return d(
+    n ? /* @__PURE__ */ e.createElement("div", { className: "relative" }, /* @__PURE__ */ e.createElement(
+      v,
+      {
+        content: "",
+        headerText: /* @__PURE__ */ e.createElement("div", { className: "flex gap-2 items-center" }, l && /* @__PURE__ */ e.createElement(E, { variant: "gradient", size: "sm" }, "NEW"), /* @__PURE__ */ e.createElement("div", null, n)),
+        sideOffset: 24,
+        triggerElement: f,
+        delayDuration: 100,
+        side: "right"
+      }
+    )) : f
+  );
+}, b = () => /* @__PURE__ */ e.createElement("div", { className: "my-1 h-[1px] w-10 bg-white opacity-20" }), y = ({ isNew: t }) => t ? /* @__PURE__ */ e.createElement("div", { className: "absolute w-[6px] h-[6px] rounded-full bottom-1 right-1 bg-secondary-2" }) : null, w = ({
+  src: t,
+  popoverOptions: a,
+  name: r = "",
+  email: l = ""
+}) => /* @__PURE__ */ e.createElement(
+  x,
+  {
+    dropdownContentProps: { sideOffset: 24, side: "right", align: "end" },
+    trigger: (
+      // div required as unable to open up the popup without it
+      /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+        h,
+        {
+          imageSrc: t ?? "",
+          size: "md",
+          alt: "avatar",
+          fallback: /* @__PURE__ */ e.createElement(
+            "img",
+            {
+              src: "https://frontend-static-files.geoiq.io/strapi/Avatar_e5ab891e67.svg",
+              alt: "avatar",
+              className: "w-10 h-10 cursor-pointer"
+            }
+          )
+        }
+      ))
+    ),
+    header: /* @__PURE__ */ e.createElement(N, { name: r, email: l }),
+    optionGroups: a
+  }
+), _ = ({
+  onClick: t
+}) => /* @__PURE__ */ e.createElement(
+  c,
+  {
+    variant: "body4",
+    className: "text-white text-center cursor-pointer",
+    onClick: t
+  },
+  "Login"
+), k = ({ src: t, alt: a }) => /* @__PURE__ */ e.createElement("img", { src: t, alt: a, className: "w-10 h-auto" }), D = ({ credits: t }) => t >= 0 && /* @__PURE__ */ e.createElement("div", { className: "rounded brand-primary-secondary-gradient flex gap-[2px] h-auto box-border p-1 w-10 flex-wrap justify-center" }, t > 9999 ? /* @__PURE__ */ e.createElement(
+  "img",
+  {
+    src: "https://frontend-static-files.geoiq.io/strapi/infinity_7d62ad2947.svg",
+    alt: "infinity icon",
+    className: "h-4 w-4"
   }
+) : /* @__PURE__ */ e.createElement(c, { variant: "body5", className: "text-white" }, t), /* @__PURE__ */ e.createElement(
+  "img",
+  {
+    src: "https://frontend-static-files.geoiq.io/strapi/navbar_credits_247858e26a.svg",
+    alt: "coin icon",
+    className: "h-4 w-4"
+  }
+)), B = ({
+  login: t,
+  icons: a,
+  credits: r = -1,
+  profile: l,
+  logo: o,
+  className: n = ""
+}) => /* @__PURE__ */ e.createElement(
+  "div",
+  {
+    className: i(
+      "w-16 bg-dark-2 px-3 py-4 h-full flex flex-col justify-between",
+      n
+    )
+  },
+  /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center gap-8" }, /* @__PURE__ */ e.createElement(k, { ...o }), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-3" }, (a?.list ?? []).map((m, s) => /* @__PURE__ */ e.createElement(g, { key: s, ...m })))),
+  /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center gap-2" }, /* @__PURE__ */ e.createElement(g, { ...a.help }), /* @__PURE__ */ e.createElement(D, { credits: r }), /* @__PURE__ */ e.createElement(b, null), t?.isLoggedIn ? /* @__PURE__ */ e.createElement(w, { ...l }) : /* @__PURE__ */ e.createElement(_, { ...t }))
 );
 export {
-  i as ProgressVariants
+  B as NavbarDesktop
 };
 //# sourceMappingURL=index.es70.js.map

package/dist/index.es70.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es70.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,CAAC;AAAA,IACZ;AAAA,IACA,iBAAiB,CAAC;AAAA,EACpB;AACF;"}
+{"version":3,"file":"index.es70.js","sources":["../src/components/organisms/navbar/navbar-desktop.tsx"],"sourcesContent":["import { Badge } from '@/components/atoms/badge'\nimport Tooltip from '@/components/atoms/tooltip'\nimport { Typography } from '@/components/atoms/typography'\nimport { Dropdown } from '@/components/molecules/dropdown-menu/dropdown-menu'\nimport { cn } from '@/lib/utils'\nimport React from 'react'\nimport { IconProps, NavbarPropsDesktop } from './navbar.types'\nimport { NavbarIconVariants } from './navbar.styles'\nimport { Avatar } from '@/components/atoms/avatar'\n\nconst ProfileHeader = ({ name = '', email = '' }) => {\n  if (!(name || email)) return null\n\n  const classEllipsisAndOverflow: React.ComponentProps<'div'>['className'] =\n    'text-ellipsis overflow-hidden'\n\n  return (\n    <div className=\"flex flex-col px-2\">\n      {name && (\n        <Typography\n          variant=\"body4\"\n          className={cn('text-light-1', classEllipsisAndOverflow)}\n        >\n          {name}\n        </Typography>\n      )}\n      {email && (\n        <Typography\n          variant=\"body5\"\n          className={cn('text-light-3', classEllipsisAndOverflow)}\n        >\n          {email}\n        </Typography>\n      )}\n    </div>\n  )\n}\n\nconst NavbarIcon: React.FC<IconProps> = ({\n  alt,\n  className,\n  isActive = false,\n  isNew = false,\n  src,\n  tooltipText = '',\n  wrapper = null,\n  onClick,\n}) => {\n  // Wrap the icon with a link or a button\n  const returnWrap = (children: React.ReactNode) =>\n    wrapper?.(children) ?? children\n\n  const navbarIcon = (\n    <div\n      className={cn(NavbarIconVariants({ isActive }), className)}\n      {...(onClick && { onClick })}\n    >\n      <img {...{ src, alt }} />\n      <NewBlink isNew={isNew} />\n    </div>\n  )\n\n  if (tooltipText)\n    return returnWrap(\n      <div className=\"relative\">\n        <Tooltip\n          content=\"\"\n          headerText={\n            (\n              <div className=\"flex gap-2 items-center\">\n                {isNew && (\n                  <Badge variant=\"gradient\" size=\"sm\">\n                    NEW\n                  </Badge>\n                )}\n                <div>{tooltipText}</div>\n              </div>\n            ) as unknown as string\n          }\n          sideOffset={24}\n          triggerElement={navbarIcon}\n          delayDuration={100}\n          side=\"right\"\n        />\n      </div>\n    )\n\n  return returnWrap(navbarIcon)\n}\n\nconst Separator = () => (\n  <div className=\"my-1 h-[1px] w-10 bg-white opacity-20\" />\n)\n\nconst NewBlink: React.FC<Pick<IconProps, 'isNew'>> = ({ isNew }) =>\n  isNew ? (\n    <div className=\"absolute w-[6px] h-[6px] rounded-full bottom-1 right-1 bg-secondary-2\" />\n  ) : null\n\nconst Profile: React.FC<NavbarPropsDesktop['profile']> = ({\n  src,\n  popoverOptions,\n  name = '',\n  email = '',\n}) => (\n  <Dropdown\n    dropdownContentProps={{ sideOffset: 24, side: 'right', align: 'end' }}\n    trigger={\n      // div required as unable to open up the popup without it\n      <div>\n        <Avatar\n          imageSrc={src ?? ''}\n          size=\"md\"\n          alt=\"avatar\"\n          fallback={\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/Avatar_e5ab891e67.svg\"\n              alt=\"avatar\"\n              className=\"w-10 h-10 cursor-pointer\"\n            />\n          }\n        />\n      </div>\n    }\n    header={<ProfileHeader {...{ name, email }} />}\n    optionGroups={popoverOptions}\n  />\n)\n\nconst Login: React.FC<Pick<NavbarPropsDesktop['login'], 'onClick'>> = ({\n  onClick,\n}) => (\n  <Typography\n    variant=\"body4\"\n    className=\"text-white text-center cursor-pointer\"\n    onClick={onClick}\n  >\n    Login\n  </Typography>\n)\n\nconst Logo: React.FC<NavbarPropsDesktop['logo']> = ({ src, alt }) => (\n  <img src={src} alt={alt} className=\"w-10 h-auto\" />\n)\n\nconst Credits: React.FC<Pick<NavbarPropsDesktop, 'credits'>> = ({ credits }) =>\n  credits >= 0 && (\n    <div className=\"rounded brand-primary-secondary-gradient flex gap-[2px] h-auto box-border p-1 w-10 flex-wrap justify-center\">\n      {credits > 9999 ? (\n        <img\n          src=\"https://frontend-static-files.geoiq.io/strapi/infinity_7d62ad2947.svg\"\n          alt=\"infinity icon\"\n          className=\"h-4 w-4\"\n        />\n      ) : (\n        <Typography variant=\"body5\" className=\"text-white\">\n          {credits}\n        </Typography>\n      )}\n\n      <img\n        src=\"https://frontend-static-files.geoiq.io/strapi/navbar_credits_247858e26a.svg\"\n        alt=\"coin icon\"\n        className=\"h-4 w-4\"\n      />\n    </div>\n  )\n\nexport const NavbarDesktop: React.FC<NavbarPropsDesktop> = ({\n  login,\n  icons,\n  credits = -1,\n  profile,\n  logo,\n  className = '',\n}) => {\n  return (\n    <div\n      className={cn(\n        'w-16 bg-dark-2 px-3 py-4 h-full flex flex-col justify-between',\n        className\n      )}\n    >\n      {/* Top Part */}\n      <div className=\"flex flex-col items-center gap-8\">\n        <Logo {...logo} />\n\n        {/* Main Icons */}\n        <div className=\"flex flex-col gap-3\">\n          {(icons?.list ?? []).map((icon, index) => (\n            <NavbarIcon key={index} {...icon} />\n          ))}\n        </div>\n      </div>\n\n      {/* Bottom Part */}\n      <div className=\"flex flex-col items-center gap-2\">\n        {/* Help */}\n        <NavbarIcon {...icons.help} />\n\n        {/* Credits */}\n        <Credits credits={credits} />\n\n        <Separator />\n\n        {/* Avatar and Login Part */}\n        {login?.isLoggedIn ? <Profile {...profile} /> : <Login {...login} />}\n      </div>\n    </div>\n  )\n}\n"],"names":["ProfileHeader","name","email","classEllipsisAndOverflow","React","Typography","cn","NavbarIcon","alt","className","isActive","isNew","src","tooltipText","wrapper","onClick","returnWrap","children","navbarIcon","NavbarIconVariants","NewBlink","Tooltip","Badge","Separator","Profile","popoverOptions","Dropdown","Avatar","Login","Logo","Credits","credits","NavbarDesktop","login","icons","profile","logo","icon","index"],"mappings":"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"}