geoiq-frontend-ui-kit 1.1.16 → 1.1.18

package/dist/components/molecules/single-combobox/single-combobox.d.ts

@@ -1,4 +1,4 @@
 import { SingleComboboxPropsType } from './single-combobox.types';
 
-export declare function SingleCombobox({ options, value, placeholder, searchPlaceholder, emptyMessage, onChange, }: SingleComboboxPropsType): import("react/jsx-dev-runtime").JSX.Element;
+export declare function SingleCombobox({ options, value, placeholder, searchPlaceholder, emptyMessage, onChange, onSearchChange, }: SingleComboboxPropsType): import("react/jsx-dev-runtime").JSX.Element;
 //# sourceMappingURL=single-combobox.d.ts.map

package/dist/components/molecules/single-combobox/single-combobox.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"single-combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/single-combobox/single-combobox.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAOjE,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,WAAqB,EACrB,iBAA4B,EAC5B,YAA2B,EAC3B,QAAQ,GACT,EAAE,uBAAuB,+CAyFzB"}
+{"version":3,"file":"single-combobox.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/single-combobox/single-combobox.tsx"],"names":[],"mappings":"AAoBA,OAAO,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAA;AAOjE,wBAAgB,cAAc,CAAC,EAC7B,OAAO,EACP,KAAK,EACL,WAAqB,EACrB,iBAA4B,EAC5B,YAA2B,EAC3B,QAAQ,EACR,cAAc,GACf,EAAE,uBAAuB,+CA6FzB"}

package/dist/components/molecules/single-combobox/single-combobox.types.d.ts

@@ -10,5 +10,6 @@ export type SingleComboboxPropsType = {
     searchPlaceholder?: string;
     emptyMessage?: string;
     onChange: (value: string) => void;
+    onSearchChange?: (value: string) => void;
 };
 //# sourceMappingURL=single-combobox.types.d.ts.map

package/dist/components/molecules/single-combobox/single-combobox.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"single-combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/single-combobox/single-combobox.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,KAAK,CAAC;QACb,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;KAC1B,CAAC,CAAA;IACF,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAClC,CAAA"}
+{"version":3,"file":"single-combobox.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/single-combobox/single-combobox.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,uBAAuB,GAAG;IACpC,OAAO,EAAE,KAAK,CAAC;QACb,EAAE,EAAE,MAAM,CAAA;QACV,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,CAAC,EAAE,OAAO,CAAA;QAClB,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAA;KAC1B,CAAC,CAAA;IACF,KAAK,EAAE,MAAM,CAAA;IACb,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACjC,cAAc,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CACzC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/navbar/navbar.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAa,WAAW,EAAE,MAAM,gBAAgB,CAAA;AA8JvD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CAoCxC,CAAA"}
+{"version":3,"file":"navbar.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/navbar/navbar.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAa,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAgKvD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0CxC,CAAA"}

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

@@ -0,0 +1,4 @@
+export declare const NavbarIconVariants: (props?: ({
+    isActive?: boolean | null | undefined;
+} & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
+//# sourceMappingURL=navbar.styles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"navbar.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/navbar/navbar.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,kBAAkB;;mFAU9B,CAAA"}

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

@@ -1,23 +1,26 @@
+import { ReactElement } from 'react';
+
 export type NavbarProps = {
     credits: number;
-    logo: {
-        src: string;
-        alt: string;
+    className?: React.ComponentProps<'div'>['className'];
+    icons: {
+        help: IconProps;
+        list: Array<IconProps>;
     };
     login: {
         isLoggedIn: boolean;
         onClick?: () => void;
     };
+    logo: {
+        alt: string;
+        src: string;
+    };
     profile: {
-        onClick?: () => void;
-        src?: string;
         popoverOptions: Array<Array<NavbarProfilePopoverOptions>>;
-        name?: string;
         email?: string;
-    };
-    icons: {
-        list: Array<IconProps>;
-        help: IconProps;
+        name?: string;
+        src?: string;
+        onClick?: () => void;
     };
 };
 type NavbarProfilePopoverOptions = {
@@ -30,12 +33,14 @@ type NavbarProfilePopoverOptions = {
  * iconSrc: 20x20px
  * */
 export type IconProps = {
-    src: string;
     alt: string;
+    src: string;
     className?: React.ComponentProps<'div'>['className'];
+    isActive?: boolean;
+    isNew?: boolean;
     tooltipText?: string;
+    wrapper?: (children: React.ReactNode) => ReactElement;
     onClick?: () => void;
-    isNew?: boolean;
 };
 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,MAAM,MAAM,WAAW,GAAG;IACxB,OAAO,EAAE,MAAM,CAAA;IAEf,IAAI,EAAE;QACJ,GAAG,EAAE,MAAM,CAAA;QACX,GAAG,EAAE,MAAM,CAAA;KACZ,CAAA;IAED,KAAK,EAAE;QACL,UAAU,EAAE,OAAO,CAAA;QACnB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;KACrB,CAAA;IAED,OAAO,EAAE;QACP,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;QACpB,GAAG,CAAC,EAAE,MAAM,CAAA;QACZ,cAAc,EAAE,KAAK,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC,CAAA;QAEzD,IAAI,CAAC,EAAE,MAAM,CAAA;QACb,KAAK,CAAC,EAAE,MAAM,CAAA;KACf,CAAA;IAED,KAAK,EAAE;QACL,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC,CAAA;QACtB,IAAI,EAAE,SAAS,CAAA;KAChB,CAAA;CACF,CAAA;AAED,KAAK,2BAA2B,GAAG;IACjC,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,OAAO,CAAA;IACjB,OAAO,EAAE,MAAM,IAAI,CAAA;IACnB,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;IACX,SAAS,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,WAAW,CAAC,CAAA;IACpD,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,KAAK,CAAC,EAAE,OAAO,CAAA;CAChB,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;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"}

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.es59.js";
-import { ProgressVariants as i } from "./index.es71.js";
+import { ProgressVariants as i } from "./index.es68.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.es41.js";
 import "./index.es60.js";
 import "./index.es26.js";
 import "./index.es32.js";
-import { TextAreaVariants as u } from "./index.es69.js";
+import { TextAreaVariants as u } from "./index.es70.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.es59.js";
 import { TypographyVariants as n } from "./index.es53.js";
-import { defaultTypographyVariant as y, variantElementMap as i } from "./index.es75.js";
+import { defaultTypographyVariant as y, variantElementMap as i } from "./index.es69.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 r } from "./index.es59.js";
-import { AlertVariants as f, AlertContentVariants as d, AlertButtonVariants as g } from "./index.es70.js";
+import { AlertVariants as f, AlertContentVariants as d, AlertButtonVariants as g } from "./index.es71.js";
 import { Button as p } from "./index.es7.js";
 const c = e.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.createElement(
   "h5",

package/dist/index.es24.js

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

package/dist/index.es25.js

@@ -1,31 +1,32 @@
 import * as e from "react";
-import { useRef as u } from "react";
-import { ChevronUp as E, ChevronDown as x, Check as b } from "lucide-react";
+import { useRef as E } from "react";
+import { ChevronUp as x, ChevronDown as b, Check as C } from "lucide-react";
 import { cn as m } from "./index.es59.js";
-import { Button as C } from "./index.es7.js";
-import { Command as N, CommandInput as y, CommandEmpty as v, CommandGroup as w, CommandList as k, CommandItem as S } from "./index.es41.js";
-import { Popover as O, PopoverTrigger as P, PopoverContent as R } from "./index.es60.js";
-import { ComboBoxStates as j } from "./index.es76.js";
+import { Button as N } from "./index.es7.js";
+import { Command as y, CommandInput as v, CommandEmpty as w, CommandGroup as k, CommandList as S, CommandItem as O } from "./index.es41.js";
+import { Popover as P, PopoverTrigger as R, PopoverContent as j } from "./index.es60.js";
+import { ComboBoxStates as B } from "./index.es76.js";
 import { Typography as c } from "./index.es18.js";
-function W({
+function q({
   options: n,
   value: a,
   placeholder: i = "Empty",
   searchPlaceholder: d = "Search",
   emptyMessage: h = "No results",
-  onChange: g
+  onChange: g,
+  onSearchChange: p
 }) {
-  const [l, o] = e.useState(!1), s = u(null), p = (t) => {
+  const [l, o] = e.useState(!1), s = E(null), f = (t) => {
     g(t), o(!1);
   }, r = n.find((t) => t.id === a);
-  return /* @__PURE__ */ e.createElement(O, { open: l, onOpenChange: o }, /* @__PURE__ */ e.createElement(P, { ref: s, asChild: !0 }, /* @__PURE__ */ e.createElement(
-    C,
+  return /* @__PURE__ */ e.createElement(P, { open: l, onOpenChange: o }, /* @__PURE__ */ e.createElement(R, { ref: s, asChild: !0 }, /* @__PURE__ */ e.createElement(
+    N,
     {
       variant: "secondary",
       role: "combobox",
       "aria-expanded": l,
       className: m(
-        j({ isOpen: l, isValue: !!a }),
+        B({ isOpen: l, isValue: !!a }),
         "w-full justify-between px-3 py-2"
       )
     },
@@ -37,17 +38,24 @@ function W({
       },
       r?.name
     )) : /* @__PURE__ */ e.createElement(c, { variant: "body2", className: "text-light-4" }, i),
-    l ? /* @__PURE__ */ e.createElement(E, { className: "w-4 h-4 ml-2 stroke-light-2" }) : /* @__PURE__ */ e.createElement(x, { className: "w-4 h-4 ml-2 stroke-light-2" })
+    l ? /* @__PURE__ */ e.createElement(x, { className: "w-4 h-4 ml-2 stroke-light-2" }) : /* @__PURE__ */ e.createElement(b, { className: "w-4 h-4 ml-2 stroke-light-2" })
   )), /* @__PURE__ */ e.createElement(
-    R,
+    j,
     {
       style: {
         width: s.current?.clientWidth
       },
       className: "p-0 bg-light-1 mt-1 rounded-lg"
     },
-    /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement(y, { placeholder: d, className: "" }), /* @__PURE__ */ e.createElement(v, { className: "text-light-4" }, h), /* @__PURE__ */ e.createElement(w, null, /* @__PURE__ */ e.createElement(k, null, n.map((t) => /* @__PURE__ */ e.createElement(
-      S,
+    /* @__PURE__ */ e.createElement(y, null, /* @__PURE__ */ e.createElement(
+      v,
+      {
+        placeholder: d,
+        className: "",
+        onValueChange: p
+      }
+    ), /* @__PURE__ */ e.createElement(w, { className: "text-light-4" }, h), /* @__PURE__ */ e.createElement(k, null, /* @__PURE__ */ e.createElement(S, null, n.map((t) => /* @__PURE__ */ e.createElement(
+      O,
       {
         key: t.id,
         value: t.id,
@@ -57,16 +65,16 @@ function W({
           t.disabled ? "text-light-4" : "text-light-2",
           a === t.id ? "bg-light-2" : ""
         ),
-        onSelect: (f) => {
-          p(f);
+        onSelect: (u) => {
+          f(u);
         }
       },
       /* @__PURE__ */ e.createElement("div", { className: "flex flex-row gap-2 " }, t.icon, t.name),
-      a === t.id ? /* @__PURE__ */ e.createElement(b, { className: m("h-4 w-4 stroke-brand") }) : /* @__PURE__ */ e.createElement("div", null)
+      a === t.id ? /* @__PURE__ */ e.createElement(C, { className: m("h-4 w-4 stroke-brand") }) : /* @__PURE__ */ e.createElement("div", null)
     )))))
   ));
 }
 export {
-  W as SingleCombobox
+  q as SingleCombobox
 };
 //# sourceMappingURL=index.es25.js.map

package/dist/index.es25.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es25.js","sources":["../src/components/molecules/single-combobox/single-combobox.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Button } from '../../atoms/button'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../../unstyled/command'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '../../unstyled/popover/popover-components'\nimport { SingleComboboxPropsType } from './single-combobox.types'\nimport { ComboBoxStates } from './single-combobox.styles'\nimport { Typography } from '../../atoms/typography'\nimport { useRef } from 'react'\n\n// const frameworks =\n\nexport function SingleCombobox({\n  options,\n  value,\n  placeholder = 'Empty',\n  searchPlaceholder = 'Search',\n  emptyMessage = 'No results',\n  onChange,\n}: SingleComboboxPropsType) {\n  const [open, setOpen] = React.useState(false)\n  const popoverRef = useRef<HTMLButtonElement>(null)\n\n  const handleChange = (newValue: string) => {\n    onChange(newValue)\n    setOpen(false)\n  }\n  const selectedOption = options.find((option) => option.id === value)\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger ref={popoverRef} asChild>\n        <Button\n          variant=\"secondary\"\n          role=\"combobox\"\n          aria-expanded={open}\n          //   className=\"w-[200px] justify-between\"\n          className={cn(\n            ComboBoxStates({ isOpen: open, isValue: !!value }),\n            'w-full justify-between px-3 py-2'\n          )}\n        >\n          {selectedOption ? (\n            <div className=\"flex items-center gap-2\">\n              {selectedOption.icon}\n              <Typography\n                variant={'body2'}\n                className={value ? 'text-light-2' : 'text-light-4'}\n              >\n                {selectedOption?.name}\n              </Typography>\n            </div>\n          ) : (\n            <Typography variant={'body2'} className=\"text-light-4\">\n              {placeholder}\n            </Typography>\n          )}\n          {open ? (\n            <ChevronUp className=\"w-4 h-4 ml-2 stroke-light-2\" />\n          ) : (\n            <ChevronDown className=\"w-4 h-4 ml-2 stroke-light-2\" />\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        style={{\n          width: popoverRef.current?.clientWidth,\n        }}\n        className=\"p-0 bg-light-1 mt-1 rounded-lg\"\n      >\n        <Command>\n          <CommandInput placeholder={searchPlaceholder} className=\"\" />\n          <CommandEmpty className=\"text-light-4\">{emptyMessage}</CommandEmpty>\n          <CommandGroup>\n            <CommandList>\n              {options.map((option) => {\n                return (\n                  <CommandItem\n                    key={option.id}\n                    value={option.id}\n                    disabled={option.disabled}\n                    className={cn(\n                      'justify-between gap-2 text-light-2 hover:bg-light-2 hover:text-light-1 focus:bg-light-2 focus:text-accent-foreground',\n                      option.disabled ? 'text-light-4' : 'text-light-2',\n                      value === option.id ? 'bg-light-2' : ''\n                    )}\n                    onSelect={(currentValue) => {\n                      handleChange(currentValue)\n                    }}\n                  >\n                    <div className=\"flex flex-row gap-2 \">\n                      {option.icon}\n                      {option.name}\n                    </div>\n                    {value === option.id ? (\n                      <Check className={cn('h-4 w-4 stroke-brand')} />\n                    ) : (\n                      <div />\n                    )}\n                  </CommandItem>\n                )\n              })}\n            </CommandList>\n          </CommandGroup>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"names":["SingleCombobox","options","value","placeholder","searchPlaceholder","emptyMessage","onChange","open","setOpen","React","popoverRef","useRef","handleChange","newValue","selectedOption","option","Popover","PopoverTrigger","Button","cn","ComboBoxStates","Typography","ChevronUp","ChevronDown","PopoverContent","Command","CommandInput","CommandEmpty","CommandGroup","CommandList","CommandItem","currentValue","Check"],"mappings":";;;;;;;;;AA2BO,SAASA,EAAe;AAAA,EAC7B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,mBAAAC,IAAoB;AAAA,EACpB,cAAAC,IAAe;AAAA,EACf,UAAAC;AACF,GAA4B;AAC1B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,EAAK,GACtCC,IAAaC,EAA0B,IAAI,GAE3CC,IAAe,CAACC,MAAqB;AACzC,IAAAP,EAASO,CAAQ,GACjBL,EAAQ,EAAK;AAAA,EAAA,GAETM,IAAiBb,EAAQ,KAAK,CAACc,MAAWA,EAAO,OAAOb,CAAK;AAGjE,SAAA,gBAAAO,EAAA,cAACO,GAAQ,EAAA,MAAAT,GAAY,cAAcC,qCAChCS,GAAe,EAAA,KAAKP,GAAY,SAAO,GACtC,GAAA,gBAAAD,EAAA;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,iBAAeX;AAAA,MAEf,WAAWY;AAAA,QACTC,EAAe,EAAE,QAAQb,GAAM,SAAS,CAAC,CAACL,GAAO;AAAA,QACjD;AAAA,MACF;AAAA,IAAA;AAAA,IAECY,IACE,gBAAAL,EAAA,cAAA,OAAA,EAAI,WAAU,0BAAA,GACZK,EAAe,MAChB,gBAAAL,EAAA;AAAA,MAACY;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAWnB,IAAQ,iBAAiB;AAAA,MAAA;AAAA,MAEnCY,GAAgB;AAAA,IAAA,CAErB,IAEC,gBAAAL,EAAA,cAAAY,GAAA,EAAW,SAAS,SAAS,WAAU,kBACrClB,CACH;AAAA,IAEDI,oCACEe,GAAU,EAAA,WAAU,+BAA8B,IAEnD,gBAAAb,EAAA,cAACc,GAAY,EAAA,WAAU,8BAA8B,CAAA;AAAA,EAAA,CAG3D,GACA,gBAAAd,EAAA;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAOd,EAAW,SAAS;AAAA,MAC7B;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,IAEV,gBAAAD,EAAA,cAACgB,SACE,gBAAAhB,EAAA,cAAAiB,GAAA,EAAa,aAAatB,GAAmB,WAAU,GAAG,CAAA,GAC1D,gBAAAK,EAAA,cAAAkB,GAAA,EAAa,WAAU,eAAgB,GAAAtB,CAAa,GACpD,gBAAAI,EAAA,cAAAmB,GAAA,sCACEC,GACE,MAAA5B,EAAQ,IAAI,CAACc,MAEV,gBAAAN,EAAA;AAAA,MAACqB;AAAA,MAAA;AAAA,QACC,KAAKf,EAAO;AAAA,QACZ,OAAOA,EAAO;AAAA,QACd,UAAUA,EAAO;AAAA,QACjB,WAAWI;AAAA,UACT;AAAA,UACAJ,EAAO,WAAW,iBAAiB;AAAA,UACnCb,MAAUa,EAAO,KAAK,eAAe;AAAA,QACvC;AAAA,QACA,UAAU,CAACgB,MAAiB;AAC1B,UAAAnB,EAAamB,CAAY;AAAA,QAC3B;AAAA,MAAA;AAAA,sCAEC,OAAI,EAAA,WAAU,0BACZhB,EAAO,MACPA,EAAO,IACV;AAAA,MACCb,MAAUa,EAAO,KACf,gBAAAN,EAAA,cAAAuB,GAAA,EAAM,WAAWb,EAAG,sBAAsB,EAAA,CAAG,IAE9C,gBAAAV,EAAA,cAAC,OAAI,IAAA;AAAA,IAAA,CAIZ,CACH,CACF,CACF;AAAA,EAAA,CAEJ;AAEJ;"}
+{"version":3,"file":"index.es25.js","sources":["../src/components/molecules/single-combobox/single-combobox.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport { Check, ChevronDown, ChevronUp } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Button } from '../../atoms/button'\nimport {\n  Command,\n  CommandEmpty,\n  CommandGroup,\n  CommandInput,\n  CommandItem,\n  CommandList,\n} from '../../unstyled/command'\nimport {\n  Popover,\n  PopoverContent,\n  PopoverTrigger,\n} from '../../unstyled/popover/popover-components'\nimport { SingleComboboxPropsType } from './single-combobox.types'\nimport { ComboBoxStates } from './single-combobox.styles'\nimport { Typography } from '../../atoms/typography'\nimport { useRef } from 'react'\n\n// const frameworks =\n\nexport function SingleCombobox({\n  options,\n  value,\n  placeholder = 'Empty',\n  searchPlaceholder = 'Search',\n  emptyMessage = 'No results',\n  onChange,\n  onSearchChange,\n}: SingleComboboxPropsType) {\n  const [open, setOpen] = React.useState(false)\n  const popoverRef = useRef<HTMLButtonElement>(null)\n\n  const handleChange = (newValue: string) => {\n    onChange(newValue)\n    setOpen(false)\n  }\n  const selectedOption = options.find((option) => option.id === value)\n\n  return (\n    <Popover open={open} onOpenChange={setOpen}>\n      <PopoverTrigger ref={popoverRef} asChild>\n        <Button\n          variant=\"secondary\"\n          role=\"combobox\"\n          aria-expanded={open}\n          //   className=\"w-[200px] justify-between\"\n          className={cn(\n            ComboBoxStates({ isOpen: open, isValue: !!value }),\n            'w-full justify-between px-3 py-2'\n          )}\n        >\n          {selectedOption ? (\n            <div className=\"flex items-center gap-2\">\n              {selectedOption.icon}\n              <Typography\n                variant={'body2'}\n                className={value ? 'text-light-2' : 'text-light-4'}\n              >\n                {selectedOption?.name}\n              </Typography>\n            </div>\n          ) : (\n            <Typography variant={'body2'} className=\"text-light-4\">\n              {placeholder}\n            </Typography>\n          )}\n          {open ? (\n            <ChevronUp className=\"w-4 h-4 ml-2 stroke-light-2\" />\n          ) : (\n            <ChevronDown className=\"w-4 h-4 ml-2 stroke-light-2\" />\n          )}\n        </Button>\n      </PopoverTrigger>\n      <PopoverContent\n        style={{\n          width: popoverRef.current?.clientWidth,\n        }}\n        className=\"p-0 bg-light-1 mt-1 rounded-lg\"\n      >\n        <Command>\n          <CommandInput\n            placeholder={searchPlaceholder}\n            className=\"\"\n            onValueChange={onSearchChange}\n          />\n          <CommandEmpty className=\"text-light-4\">{emptyMessage}</CommandEmpty>\n          <CommandGroup>\n            <CommandList>\n              {options.map((option) => {\n                return (\n                  <CommandItem\n                    key={option.id}\n                    value={option.id}\n                    disabled={option.disabled}\n                    className={cn(\n                      'justify-between gap-2 text-light-2 hover:bg-light-2 hover:text-light-1 focus:bg-light-2 focus:text-accent-foreground',\n                      option.disabled ? 'text-light-4' : 'text-light-2',\n                      value === option.id ? 'bg-light-2' : ''\n                    )}\n                    onSelect={(currentValue) => {\n                      handleChange(currentValue)\n                    }}\n                  >\n                    <div className=\"flex flex-row gap-2 \">\n                      {option.icon}\n                      {option.name}\n                    </div>\n                    {value === option.id ? (\n                      <Check className={cn('h-4 w-4 stroke-brand')} />\n                    ) : (\n                      <div />\n                    )}\n                  </CommandItem>\n                )\n              })}\n            </CommandList>\n          </CommandGroup>\n        </Command>\n      </PopoverContent>\n    </Popover>\n  )\n}\n"],"names":["SingleCombobox","options","value","placeholder","searchPlaceholder","emptyMessage","onChange","onSearchChange","open","setOpen","React","popoverRef","useRef","handleChange","newValue","selectedOption","option","Popover","PopoverTrigger","Button","cn","ComboBoxStates","Typography","ChevronUp","ChevronDown","PopoverContent","Command","CommandInput","CommandEmpty","CommandGroup","CommandList","CommandItem","currentValue","Check"],"mappings":";;;;;;;;;AA2BO,SAASA,EAAe;AAAA,EAC7B,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,mBAAAC,IAAoB;AAAA,EACpB,cAAAC,IAAe;AAAA,EACf,UAAAC;AAAA,EACA,gBAAAC;AACF,GAA4B;AAC1B,QAAM,CAACC,GAAMC,CAAO,IAAIC,EAAM,SAAS,EAAK,GACtCC,IAAaC,EAA0B,IAAI,GAE3CC,IAAe,CAACC,MAAqB;AACzC,IAAAR,EAASQ,CAAQ,GACjBL,EAAQ,EAAK;AAAA,EAAA,GAETM,IAAiBd,EAAQ,KAAK,CAACe,MAAWA,EAAO,OAAOd,CAAK;AAGjE,SAAA,gBAAAQ,EAAA,cAACO,GAAQ,EAAA,MAAAT,GAAY,cAAcC,qCAChCS,GAAe,EAAA,KAAKP,GAAY,SAAO,GACtC,GAAA,gBAAAD,EAAA;AAAA,IAACS;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,MAAK;AAAA,MACL,iBAAeX;AAAA,MAEf,WAAWY;AAAA,QACTC,EAAe,EAAE,QAAQb,GAAM,SAAS,CAAC,CAACN,GAAO;AAAA,QACjD;AAAA,MACF;AAAA,IAAA;AAAA,IAECa,IACE,gBAAAL,EAAA,cAAA,OAAA,EAAI,WAAU,0BAAA,GACZK,EAAe,MAChB,gBAAAL,EAAA;AAAA,MAACY;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,WAAWpB,IAAQ,iBAAiB;AAAA,MAAA;AAAA,MAEnCa,GAAgB;AAAA,IAAA,CAErB,IAEC,gBAAAL,EAAA,cAAAY,GAAA,EAAW,SAAS,SAAS,WAAU,kBACrCnB,CACH;AAAA,IAEDK,oCACEe,GAAU,EAAA,WAAU,+BAA8B,IAEnD,gBAAAb,EAAA,cAACc,GAAY,EAAA,WAAU,8BAA8B,CAAA;AAAA,EAAA,CAG3D,GACA,gBAAAd,EAAA;AAAA,IAACe;AAAA,IAAA;AAAA,MACC,OAAO;AAAA,QACL,OAAOd,EAAW,SAAS;AAAA,MAC7B;AAAA,MACA,WAAU;AAAA,IAAA;AAAA,oCAETe,GACC,MAAA,gBAAAhB,EAAA;AAAA,MAACiB;AAAA,MAAA;AAAA,QACC,aAAavB;AAAA,QACb,WAAU;AAAA,QACV,eAAeG;AAAA,MAAA;AAAA,IAAA,GAEjB,gBAAAG,EAAA,cAACkB,GAAa,EAAA,WAAU,kBAAgBvB,CAAa,GACpD,gBAAAK,EAAA,cAAAmB,GAAA,MACE,gBAAAnB,EAAA,cAAAoB,GAAA,MACE7B,EAAQ,IAAI,CAACe,MAEV,gBAAAN,EAAA;AAAA,MAACqB;AAAA,MAAA;AAAA,QACC,KAAKf,EAAO;AAAA,QACZ,OAAOA,EAAO;AAAA,QACd,UAAUA,EAAO;AAAA,QACjB,WAAWI;AAAA,UACT;AAAA,UACAJ,EAAO,WAAW,iBAAiB;AAAA,UACnCd,MAAUc,EAAO,KAAK,eAAe;AAAA,QACvC;AAAA,QACA,UAAU,CAACgB,MAAiB;AAC1B,UAAAnB,EAAamB,CAAY;AAAA,QAC3B;AAAA,MAAA;AAAA,sCAEC,OAAI,EAAA,WAAU,0BACZhB,EAAO,MACPA,EAAO,IACV;AAAA,MACCd,MAAUc,EAAO,KACf,gBAAAN,EAAA,cAAAuB,GAAA,EAAM,WAAWb,EAAG,sBAAsB,EAAA,CAAG,IAE9C,gBAAAV,EAAA,cAAC,OAAI,IAAA;AAAA,IAAA,CAIZ,CACH,CACF,CACF;AAAA,EAAA,CAEJ;AAEJ;"}

package/dist/index.es38.js

@@ -1,118 +1,133 @@
-import d from "./index.es17.js";
-import { Typography as i } from "./index.es18.js";
-import { cn as o } from "./index.es59.js";
+import { Badge as g } from "./index.es6.js";
+import v from "./index.es17.js";
+import { Typography as s } from "./index.es18.js";
+import { Dropdown as x } from "./index.es21.js";
+import { cn as i } from "./index.es59.js";
 import e from "react";
-import { Dropdown as p } from "./index.es21.js";
-import { Badge as f } from "./index.es6.js";
-const g = ({ name: t = "", email: a = "" }) => {
+import { NavbarIconVariants as u } from "./index.es80.js";
+import { AvatarDemo as N } from "./index.es4.js";
+const h = ({ 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(
-    i,
+    s,
     {
       variant: "body4",
-      className: o("text-light-1", r)
+      className: i("text-light-1", r)
     },
     t
   ), a && /* @__PURE__ */ e.createElement(
-    i,
+    s,
     {
       variant: "body5",
-      className: o("text-light-3", r)
+      className: i("text-light-3", r)
     },
     a
   ));
-}, m = ({
-  src: t,
-  alt: a,
-  className: r,
-  tooltipText: l = "",
-  onClick: n,
-  isNew: c = !1
+}, E = ({
+  alt: t,
+  className: a,
+  isActive: r = !1,
+  isNew: l = !1,
+  src: o,
+  tooltipText: n = "",
+  wrapper: m = null,
+  onClick: c
 }) => {
-  const s = /* @__PURE__ */ e.createElement(
+  const d = (f) => m?.(f) ?? f, p = /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: o(
-        "h-10 w-10 p-2 grid place-items-center rounded-md hover:bg-click-s3 hover:cursor-pointer relative",
-        r
-      ),
-      ...n && { onClick: n }
+      className: i(u({ isActive: r }), a),
+      ...c && { onClick: c }
     },
-    /* @__PURE__ */ e.createElement("img", { src: t, alt: a }),
-    /* @__PURE__ */ e.createElement(v, { isNew: c })
+    /* @__PURE__ */ e.createElement("img", { src: o, alt: t }),
+    /* @__PURE__ */ e.createElement(y, { isNew: l })
   );
-  return l ? /* @__PURE__ */ e.createElement("div", { className: "relative" }, /* @__PURE__ */ e.createElement(
-    d,
-    {
-      content: "",
-      headerText: /* @__PURE__ */ e.createElement("div", { className: "flex gap-2 items-center" }, c && /* @__PURE__ */ e.createElement(f, { variant: "gradient", size: "sm" }, "NEW"), /* @__PURE__ */ e.createElement("div", null, l)),
-      triggerElement: s,
-      delayDuration: 100,
-      side: "right"
-    }
-  )) : s;
-}, E = () => /* @__PURE__ */ e.createElement("div", { className: "my-1 h-[1px] w-10 bg-white opacity-20" }), v = ({ isNew: t }) => t ? /* @__PURE__ */ e.createElement("div", { className: "absolute w-[6px] h-[6px] rounded-full bottom-1 right-1 bg-secondary-2" }) : null, u = ({
+  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(g, { variant: "gradient", size: "sm" }, "NEW"), /* @__PURE__ */ e.createElement("div", null, n)),
+        triggerElement: p,
+        delayDuration: 100,
+        side: "right"
+      }
+    )) : p
+  );
+}, 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 = ""
-}) => {
-  const n = t ? /* @__PURE__ */ e.createElement(
-    "img",
-    {
-      src: t,
-      alt: "profile",
-      className: "h-10 w-10 rounded-full cursor-pointer"
-    }
-  ) : /* @__PURE__ */ e.createElement(
-    "img",
-    {
-      src: "https://frontend-static-files.geoiq.io/strapi/Avatar_e5ab891e67.svg",
-      alt: "avatar",
-      className: "w-10 h-10 cursor-pointer"
-    }
-  );
-  return /* @__PURE__ */ e.createElement(
-    p,
-    {
-      trigger: n,
-      header: /* @__PURE__ */ e.createElement(g, { name: r, email: l }),
-      optionGroups: a
-    }
-  );
-}, h = ({
+}) => /* @__PURE__ */ e.createElement(
+  x,
+  {
+    trigger: (
+      // div required as unable to open up the popup without it
+      /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
+        N,
+        {
+          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(h, { name: r, email: l }),
+    optionGroups: a
+  }
+), _ = ({
   onClick: t
 }) => /* @__PURE__ */ e.createElement(
-  i,
+  s,
   {
     variant: "body4",
     className: "text-white text-center cursor-pointer",
     onClick: t
   },
   "Login"
-), x = ({ src: t, alt: a }) => /* @__PURE__ */ e.createElement("img", { src: t, alt: a, className: "w-10 h-auto" }), N = ({ 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(
+), 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(i, { variant: "body5", className: "text-white" }, t), /* @__PURE__ */ e.createElement(
+) : /* @__PURE__ */ e.createElement(s, { 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"
   }
-)), q = ({
+)), S = ({
   login: t,
   icons: a,
   credits: r = -1,
   profile: l,
-  logo: n
-}) => /* @__PURE__ */ e.createElement("div", { className: "w-16 bg-dark-2 p-3 h-full flex flex-col justify-between" }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center gap-8" }, /* @__PURE__ */ e.createElement(x, { ...n }), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-3" }, (a?.list ?? []).map((c, s) => /* @__PURE__ */ e.createElement(m, { key: s, ...c })))), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center gap-2", id: "vst-bottom" }, /* @__PURE__ */ e.createElement(m, { ...a.help }), /* @__PURE__ */ e.createElement(N, { credits: r }), /* @__PURE__ */ e.createElement(E, null), t?.isLoggedIn ? /* @__PURE__ */ e.createElement(u, { ...l }) : /* @__PURE__ */ e.createElement(h, { ...t })));
+  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, c) => /* @__PURE__ */ e.createElement(E, { key: c, ...m })))),
+  /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center gap-2" }, /* @__PURE__ */ e.createElement(E, { ...a.help }), /* @__PURE__ */ e.createElement(L, { credits: r }), /* @__PURE__ */ e.createElement(b, null), t?.isLoggedIn ? /* @__PURE__ */ e.createElement(w, { ...l }) : /* @__PURE__ */ e.createElement(_, { ...t }))
+);
 export {
-  q as Navbar
+  S 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 Tooltip from '@/components/atoms/tooltip'\nimport { Typography } from '@/components/atoms/typography'\nimport { cn } from '@/lib/utils'\nimport React from 'react'\nimport { IconProps, NavbarProps } from './navbar.types'\nimport { Dropdown } from '@/components/molecules/dropdown-menu/dropdown-menu'\nimport { Badge } from '@/components/atoms/badge'\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  src,\n  alt,\n  className,\n  tooltipText = '',\n  onClick,\n  isNew = false,\n}) => {\n  const navbarIcon = (\n    <div\n      className={cn(\n        'h-10 w-10 p-2 grid place-items-center rounded-md hover:bg-click-s3 hover:cursor-pointer relative',\n        className\n      )}\n      {...(onClick && { onClick })}\n    >\n      <img {...{ src, alt }} />\n      <NewBlink isNew={isNew} />\n    </div>\n  )\n\n  if (tooltipText)\n    return (\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          triggerElement={navbarIcon}\n          delayDuration={100}\n          side=\"right\"\n        />\n      </div>\n    )\n\n  return 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  const avatarElement = src ? (\n    <img\n      src={src}\n      alt=\"profile\"\n      className=\"h-10 w-10 rounded-full cursor-pointer\"\n      // onClick={handleClick}\n    />\n  ) : (\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  return (\n    <Dropdown\n      trigger={avatarElement}\n      header={<ProfileHeader {...{ name, email }} />}\n      optionGroups={popoverOptions}\n    />\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}) => {\n  return (\n    <div className=\"w-16 bg-dark-2 p-3 h-full flex flex-col justify-between\">\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\" id=\"vst-bottom\">\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","src","alt","className","tooltipText","onClick","isNew","navbarIcon","NewBlink","Tooltip","Badge","Separator","Profile","popoverOptions","avatarElement","Dropdown","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/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          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    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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"}

package/dist/index.es40.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.es80.js";
+import { Carousel as l, CarouselContent as s, CarouselItem as m, CarouselPrevious as r, CarouselNext as n } from "./index.es81.js";
 const o = (e) => /* @__PURE__ */ t.createElement(
   l,
   {

package/dist/index.es53.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.es69.js";
 const r = e("", {
   variants: {
     variant: {

package/dist/index.es68.js

@@ -1,17 +1,14 @@
-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"
+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: {}
+    },
+    defaultVariants: {}
   }
-});
+);
 export {
-  o as SliderBgColorVariants
+  i as ProgressVariants
 };
 //# sourceMappingURL=index.es68.js.map

package/dist/index.es68.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es68.js","sources":["../src/components/molecules/range-slider/range-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":";AAEa,MAAAA,IAAwBC,EAAI,IAAI;AAAA,EAC3C,UAAU;AAAA,IACR,SAAS;AAAA,MACP,SAAS;AAAA,MACT,QAAQ;AAAA,MACR,QAAQ;AAAA,IACV;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,SAAS;AAAA,EACX;AACF,CAAC;"}
+{"version":3,"file":"index.es68.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;"}