geoiq-frontend-ui-kit 1.1.21 → 1.1.22

package/dist/components/atoms/tooltip/tooltip.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tooltip/tooltip.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,UAAU,EACV,OAAO,EACP,GAAG,KAAK,EACT,EAAE,YAAY,+CAed"}
+{"version":3,"file":"tooltip.d.ts","sourceRoot":"","sources":["../../../../src/components/atoms/tooltip/tooltip.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAC9B,UAAU,EACV,OAAO,EACP,GAAG,KAAK,EACT,EAAE,YAAY,+CAgBd"}

package/dist/components/molecules/dropdown-menu/dropdown-menu.d.ts

@@ -1,4 +1,4 @@
 import { DropdownMenuProps } from './dropdown-menu.types';
 
-export declare function Dropdown({ trigger, optionGroups, header, }: DropdownMenuProps): import("react/jsx-dev-runtime").JSX.Element;
+export declare function Dropdown({ trigger, optionGroups, header, dropdownContentProps, }: DropdownMenuProps): import("react/jsx-dev-runtime").JSX.Element;
 //# sourceMappingURL=dropdown-menu.d.ts.map

package/dist/components/molecules/dropdown-menu/dropdown-menu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,YAAY,EACZ,MAAqB,GACtB,EAAE,iBAAiB,+CAgJnB"}
+{"version":3,"file":"dropdown-menu.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown-menu/dropdown-menu.tsx"],"names":[],"mappings":"AAkBA,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAA;AAEzD,wBAAgB,QAAQ,CAAC,EACvB,OAAO,EACP,YAAY,EACZ,MAAqB,EACrB,oBAAyB,GAC1B,EAAE,iBAAiB,+CAmJnB"}

package/dist/components/molecules/dropdown-menu/dropdown-menu.types.d.ts

@@ -1,3 +1,4 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 export type DropdownMenuOptions = {
     label: string;
     icon?: React.ReactNode;
@@ -6,9 +7,11 @@ export type DropdownMenuOptions = {
     className?: string;
     onClick?: () => void;
 };
+export type DropdownContentProps = React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>;
 export type DropdownMenuProps = {
     trigger: React.ReactNode;
     optionGroups: DropdownMenuOptions[][];
     header?: React.ReactNode;
+    dropdownContentProps?: DropdownContentProps;
 };
 //# sourceMappingURL=dropdown-menu.types.d.ts.map

package/dist/components/molecules/dropdown-menu/dropdown-menu.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown-menu/dropdown-menu.types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,YAAY,EAAE,mBAAmB,EAAE,EAAE,CAAA;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB,CAAA"}
+{"version":3,"file":"dropdown-menu.types.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/dropdown-menu/dropdown-menu.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,qBAAqB,MAAM,+BAA+B,CAAA;AAEtE,MAAM,MAAM,mBAAmB,GAAG;IAChC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,mBAAmB,EAAE,CAAA;IAChC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG,KAAK,CAAC,wBAAwB,CAC/D,OAAO,qBAAqB,CAAC,OAAO,CACrC,CAAA;AAED,MAAM,MAAM,iBAAiB,GAAG;IAC9B,OAAO,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,YAAY,EAAE,mBAAmB,EAAE,EAAE,CAAA;IACrC,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACxB,oBAAoB,CAAC,EAAE,oBAAoB,CAAA;CAC5C,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":"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"}
+{"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;AAkKvD,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA0CxC,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.es68.js";
+import { ProgressVariants as i } from "./index.es67.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.es68.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.es17.js

@@ -1,16 +1,17 @@
-import { TooltipProvider as l, TooltipWrapper as n, TooltipTrigger as i, TooltipContent as a } from "./index.es16.js";
+import { TooltipProvider as r, TooltipWrapper as n, TooltipTrigger as i, TooltipContent as a } from "./index.es16.js";
 import * as e from "react";
 function c({
-  headerText: o,
-  content: r,
+  headerText: l,
+  content: o,
   ...t
 }) {
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(l, null, /* @__PURE__ */ e.createElement(n, { ...t }, /* @__PURE__ */ e.createElement(i, null, t?.triggerElement), /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(r, null, /* @__PURE__ */ e.createElement(n, { ...t }, /* @__PURE__ */ e.createElement(i, null, t?.triggerElement), /* @__PURE__ */ e.createElement(
     a,
     {
       side: t?.side ?? "top",
-      headerText: o ?? "",
-      content: r ?? ""
+      headerText: l ?? "",
+      content: o ?? "",
+      ...t
     }
   ))));
 }

package/dist/index.es17.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es17.js","sources":["../src/components/atoms/tooltip/tooltip.tsx"],"sourcesContent":["import {\n  TooltipWrapper,\n  TooltipContent,\n  TooltipTrigger,\n  TooltipProvider,\n} from './tooltip-components'\nimport * as React from 'react'\nimport { TooltipProps } from './tooltip.types'\n\nexport default function Tooltip({\n  headerText,\n  content,\n  ...props\n}: TooltipProps) {\n  return (\n    <>\n      <TooltipProvider>\n        <TooltipWrapper {...props}>\n          <TooltipTrigger>{props?.triggerElement}</TooltipTrigger>\n          <TooltipContent\n            side={props?.side ?? 'top'}\n            headerText={headerText ?? ''}\n            content={content ?? ''}\n          />\n        </TooltipWrapper>\n      </TooltipProvider>\n    </>\n  )\n}\n"],"names":["Tooltip","headerText","content","props","React","TooltipProvider","TooltipWrapper","TooltipTrigger","TooltipContent"],"mappings":";;AASA,SAAwBA,EAAQ;AAAA,EAC9B,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAiB;AAEb,SAAA,gBAAAC,EAAA,cAAAA,EAAA,UAAA,MACG,gBAAAA,EAAA,cAAAC,GAAA,MACE,gBAAAD,EAAA,cAAAE,GAAA,EAAgB,GAAGH,KACjB,gBAAAC,EAAA,cAAAG,GAAA,MAAgBJ,GAAO,cAAe,GACvC,gBAAAC,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAML,GAAO,QAAQ;AAAA,MACrB,YAAYF,KAAc;AAAA,MAC1B,SAASC,KAAW;AAAA,IAAA;AAAA,EAExB,CAAA,CACF,CACF;AAEJ;"}
+{"version":3,"file":"index.es17.js","sources":["../src/components/atoms/tooltip/tooltip.tsx"],"sourcesContent":["import {\n  TooltipWrapper,\n  TooltipContent,\n  TooltipTrigger,\n  TooltipProvider,\n} from './tooltip-components'\nimport * as React from 'react'\nimport { TooltipProps } from './tooltip.types'\n\nexport default function Tooltip({\n  headerText,\n  content,\n  ...props\n}: TooltipProps) {\n  return (\n    <>\n      <TooltipProvider>\n        <TooltipWrapper {...props}>\n          <TooltipTrigger>{props?.triggerElement}</TooltipTrigger>\n          <TooltipContent\n            side={props?.side ?? 'top'}\n            headerText={headerText ?? ''}\n            content={content ?? ''}\n            {...props}\n          />\n        </TooltipWrapper>\n      </TooltipProvider>\n    </>\n  )\n}\n"],"names":["Tooltip","headerText","content","props","React","TooltipProvider","TooltipWrapper","TooltipTrigger","TooltipContent"],"mappings":";;AASA,SAAwBA,EAAQ;AAAA,EAC9B,YAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACL,GAAiB;AAEb,SAAA,gBAAAC,EAAA,cAAAA,EAAA,UAAA,MACG,gBAAAA,EAAA,cAAAC,GAAA,MACE,gBAAAD,EAAA,cAAAE,GAAA,EAAgB,GAAGH,KACjB,gBAAAC,EAAA,cAAAG,GAAA,MAAgBJ,GAAO,cAAe,GACvC,gBAAAC,EAAA;AAAA,IAACI;AAAA,IAAA;AAAA,MACC,MAAML,GAAO,QAAQ;AAAA,MACrB,YAAYF,KAAc;AAAA,MAC1B,SAASC,KAAW;AAAA,MACnB,GAAGC;AAAA,IAAA;AAAA,EAER,CAAA,CACF,CACF;AAEJ;"}

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.es71.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 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.es74.js";
 import { Button as p } from "./index.es7.js";
 const c = e.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.createElement(
   "h5",

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.es72.js";
-import { DropdownMenu as g, DropdownMenuTrigger as y, DropdownMenuContent as d, DropdownMenuItem as h } from "./index.es73.js";
+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.es70.js";
 import e from "react";
 import { Typography as B } from "./index.es18.js";
 import { cn as f } from "./index.es59.js";
-import { CrumbVariants as w } from "./index.es74.js";
+import { CrumbVariants as w } from "./index.es72.js";
 function l({ field: r, isSelected: t }) {
   return /* @__PURE__ */ e.createElement(o, null, /* @__PURE__ */ e.createElement(
     u,

package/dist/index.es21.js

@@ -1,40 +1,49 @@
 import e from "react";
-import { DropdownMenu as b, DropdownMenuTrigger as i, DropdownMenuContent as g, DropdownMenuLabel as p, DropdownMenuSeparator as d, DropdownMenuGroup as h, DropdownMenuSub as E, DropdownMenuSubTrigger as w, DropdownMenuPortal as x, DropdownMenuSubContent as N, DropdownMenuItem as s } from "./index.es73.js";
-function y({
+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.es70.js";
+function k({
   trigger: c,
   optionGroups: r,
-  header: t = "My Account"
+  header: t = "My Account",
+  dropdownContentProps: o = {}
 }) {
-  return /* @__PURE__ */ e.createElement(b, null, /* @__PURE__ */ e.createElement(i, { asChild: !0 }, c), /* @__PURE__ */ e.createElement(g, { className: "bg-light-1 w-56 shadow-lg  rounded-[8px]" }, t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(p, null, t), /* @__PURE__ */ e.createElement(d, { className: "border-neutral-1 border-t" })), r.map((o, n) => /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, /* @__PURE__ */ e.createElement(h, null, o.map((a, m) => a.subItems ? /* @__PURE__ */ e.createElement(E, { key: m }, /* @__PURE__ */ e.createElement(
-    w,
+  return /* @__PURE__ */ e.createElement(i, null, /* @__PURE__ */ e.createElement(g, { asChild: !0 }, c), /* @__PURE__ */ e.createElement(
+    p,
     {
-      disabled: a.disabled,
-      className: `data-[disabled]:hover:bg-light-1 hover:bg-light-2 rounded-md py-[11px] px-4 cursor-pointer data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed ${a.className}`
+      className: "bg-light-1 w-56 shadow-lg  rounded-[8px]",
+      ...o
     },
-    a.icon,
-    /* @__PURE__ */ e.createElement("span", { className: "text-xs" }, a.label)
-  ), /* @__PURE__ */ e.createElement(x, null, /* @__PURE__ */ e.createElement(N, { className: "bg-light-1" }, a.subItems?.map((l, u) => /* @__PURE__ */ e.createElement(
-    s,
-    {
-      disabled: l?.disabled,
-      className: ` data-[disabled]:hover:bg-light-1 hover:bg-light-2  data-[disabled]:cursor-not-allowed py-[11px] px-4 rounded-md ${l.className}`,
-      onClick: l.onClick,
-      key: u
-    },
-    l.icon,
-    /* @__PURE__ */ e.createElement("span", { className: "text-xs" }, l.label)
-  ))))) : /* @__PURE__ */ e.createElement(
-    s,
-    {
-      className: `data-[disabled]:hover:bg-light-1 hover:bg-light-2 data-[disabled]:cursor-not-allowed hover:rounded-md py-[11px] px-4 h-[42px] ${a.className}`,
-      onClick: a.onClick,
-      disabled: a.disabled
-    },
-    a.icon,
-    /* @__PURE__ */ e.createElement("span", { className: "text-xs" }, a.label)
-  ))), n + 1 !== r.length && /* @__PURE__ */ e.createElement(d, { className: "border-neutral-1 border-t" })))));
+    t && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(h, null, t), /* @__PURE__ */ e.createElement(d, { className: "border-neutral-1 border-t" })),
+    r.map((m, n) => /* @__PURE__ */ e.createElement(e.Fragment, { key: n }, /* @__PURE__ */ e.createElement(E, null, m.map((a, u) => a.subItems ? /* @__PURE__ */ e.createElement(w, { key: u }, /* @__PURE__ */ e.createElement(
+      x,
+      {
+        disabled: a.disabled,
+        className: `data-[disabled]:hover:bg-light-1 hover:bg-light-2 rounded-md py-[11px] px-4 cursor-pointer data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed ${a.className}`
+      },
+      a.icon,
+      /* @__PURE__ */ e.createElement("span", { className: "text-xs" }, a.label)
+    ), /* @__PURE__ */ e.createElement(N, null, /* @__PURE__ */ e.createElement(D, { className: "bg-light-1" }, a.subItems?.map((l, b) => /* @__PURE__ */ e.createElement(
+      s,
+      {
+        disabled: l?.disabled,
+        className: ` data-[disabled]:hover:bg-light-1 hover:bg-light-2  data-[disabled]:cursor-not-allowed py-[11px] px-4 rounded-md ${l.className}`,
+        onClick: l.onClick,
+        key: b
+      },
+      l.icon,
+      /* @__PURE__ */ e.createElement("span", { className: "text-xs" }, l.label)
+    ))))) : /* @__PURE__ */ e.createElement(
+      s,
+      {
+        className: `data-[disabled]:hover:bg-light-1 hover:bg-light-2 data-[disabled]:cursor-not-allowed hover:rounded-md py-[11px] px-4 h-[42px] ${a.className}`,
+        onClick: a.onClick,
+        disabled: a.disabled
+      },
+      a.icon,
+      /* @__PURE__ */ e.createElement("span", { className: "text-xs" }, a.label)
+    ))), n + 1 !== r.length && /* @__PURE__ */ e.createElement(d, { className: "border-neutral-1 border-t" })))
+  ));
 }
 export {
-  y as Dropdown
+  k as Dropdown
 };
 //# sourceMappingURL=index.es21.js.map

package/dist/index.es21.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es21.js","sources":["../src/components/molecules/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import React from 'react'\n\n// import { Button } from '../button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuSeparator,\n  // DropdownMenuShortcut,\n  //   DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from './dropdown-menu-components'\nimport { DropdownMenuProps } from './dropdown-menu.types'\n\nexport function Dropdown({\n  trigger,\n  optionGroups,\n  header = 'My Account',\n}: DropdownMenuProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n      <DropdownMenuContent className=\"bg-light-1 w-56 shadow-lg  rounded-[8px]\">\n        {/* label section (string/jsx) */}\n        {header && (\n          <>\n            <DropdownMenuLabel>{header}</DropdownMenuLabel>\n            <DropdownMenuSeparator className=\"border-neutral-1 border-t\" />\n          </>\n        )}\n        {optionGroups.map((options, groupIndex) => {\n          return (\n            <React.Fragment key={groupIndex}>\n              <DropdownMenuGroup>\n                {options.map((option, optionIndex) => {\n                  if (option.subItems) {\n                    return (\n                      <DropdownMenuSub key={optionIndex}>\n                        <DropdownMenuSubTrigger\n                          disabled={option['disabled']}\n                          className={`data-[disabled]:hover:bg-light-1 hover:bg-light-2 rounded-md py-[11px] px-4 cursor-pointer data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed ${option.className}`}\n                        >\n                          {option.icon}\n                          <span className=\"text-xs\">{option.label}</span>\n                        </DropdownMenuSubTrigger>\n                        <DropdownMenuPortal>\n                          <DropdownMenuSubContent className=\"bg-light-1\">\n                            {option.subItems?.map((subItem, subItemIndex) => (\n                              <DropdownMenuItem\n                                disabled={subItem?.disabled}\n                                className={` data-[disabled]:hover:bg-light-1 hover:bg-light-2  data-[disabled]:cursor-not-allowed py-[11px] px-4 rounded-md ${subItem.className}`}\n                                onClick={subItem.onClick}\n                                key={subItemIndex}\n                              >\n                                {subItem.icon}\n                                <span className=\"text-xs\">{subItem.label}</span>\n                              </DropdownMenuItem>\n                            ))}\n                          </DropdownMenuSubContent>\n                        </DropdownMenuPortal>\n                      </DropdownMenuSub>\n                    )\n                  }\n                  return (\n                    <DropdownMenuItem\n                      className={`data-[disabled]:hover:bg-light-1 hover:bg-light-2 data-[disabled]:cursor-not-allowed hover:rounded-md py-[11px] px-4 h-[42px] ${option.className}`}\n                      onClick={option.onClick}\n                      disabled={option['disabled']}\n                    >\n                      {option.icon}\n                      <span className=\"text-xs\">{option.label}</span>\n\n                      {/* <DropdownMenuShortcut>⌘B</DropdownMenuShortcut> */}\n                    </DropdownMenuItem>\n                  )\n                })}\n              </DropdownMenuGroup>\n              {groupIndex + 1 !== optionGroups.length && (\n                <DropdownMenuSeparator className=\"border-neutral-1 border-t\" />\n              )}\n            </React.Fragment>\n          )\n        })}\n        {/* <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <User className=\"mr-2 h-4 w-4\" />\n            <span>Profile</span>\n            <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <CreditCard className=\"mr-2 h-4 w-4\" />\n            <span>Billing</span>\n            <DropdownMenuShortcut>⌘B</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <Settings className=\"mr-2 h-4 w-4\" />\n            <span>Settings</span>\n            <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <Keyboard className=\"mr-2 h-4 w-4\" />\n            <span>Keyboard shortcuts</span>\n            <DropdownMenuShortcut>⌘K</DropdownMenuShortcut>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <Users className=\"mr-2 h-4 w-4\" />\n            <span>Team</span>\n          </DropdownMenuItem>\n          <DropdownMenuSub>\n            <DropdownMenuSubTrigger>\n              <UserPlus className=\"mr-2 h-4 w-4\" />\n              <span>Invite users</span>\n            </DropdownMenuSubTrigger>\n            <DropdownMenuPortal>\n              <DropdownMenuSubContent>\n                <DropdownMenuItem>\n                  <Mail className=\"mr-2 h-4 w-4\" />\n                  <span>Email</span>\n                </DropdownMenuItem>\n                <DropdownMenuItem>\n                  <MessageSquare className=\"mr-2 h-4 w-4\" />\n                  <span>Message</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <PlusCircle className=\"mr-2 h-4 w-4\" />\n                  <span>More...</span>\n                </DropdownMenuItem>\n              </DropdownMenuSubContent>\n            </DropdownMenuPortal>\n          </DropdownMenuSub>\n          <DropdownMenuItem>\n            <Plus className=\"mr-2 h-4 w-4\" />\n            <span>New Team</span>\n            <DropdownMenuShortcut>⌘+T</DropdownMenuShortcut>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem>\n          <Github className=\"mr-2 h-4 w-4\" />\n          <span>GitHub</span>\n        </DropdownMenuItem>\n        <DropdownMenuItem>\n          <LifeBuoy className=\"mr-2 h-4 w-4\" />\n          <span>Support</span>\n        </DropdownMenuItem>\n        <DropdownMenuItem disabled>\n          <Cloud className=\"mr-2 h-4 w-4\" />\n          <span>API</span>\n        </DropdownMenuItem>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem>\n          <LogOut className=\"mr-2 h-4 w-4\" />\n          <span>Log out</span>\n          <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>\n        </DropdownMenuItem> */}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"names":["Dropdown","trigger","optionGroups","header","React","DropdownMenu","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","options","groupIndex","DropdownMenuGroup","option","optionIndex","DropdownMenuSub","DropdownMenuSubTrigger","DropdownMenuPortal","DropdownMenuSubContent","subItem","subItemIndex","DropdownMenuItem"],"mappings":";;AAoBO,SAASA,EAAS;AAAA,EACvB,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC,IAAS;AACX,GAAsB;AACpB,SACGC,gBAAAA,EAAA,cAAAC,GAAA,MACED,gBAAAA,EAAA,cAAAE,GAAA,EAAoB,SAAO,GAAA,GAAEL,CAAQ,GACrCG,gBAAAA,EAAA,cAAAG,GAAA,EAAoB,WAAU,8CAE5BJ,KACCC,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACGA,gBAAAA,EAAA,cAAAI,GAAA,MAAmBL,CAAO,GAC1BC,gBAAAA,EAAA,cAAAK,GAAA,EAAsB,WAAU,6BAA4B,CAC/D,GAEDP,EAAa,IAAI,CAACQ,GAASC,MAEvBP,gBAAAA,EAAA,cAAAA,EAAM,UAAN,EAAe,KAAKO,EAAA,GAClBP,gBAAAA,EAAA,cAAAQ,GAAA,MACEF,EAAQ,IAAI,CAACG,GAAQC,MAChBD,EAAO,WAEPT,gBAAAA,EAAA,cAACW,GAAgB,EAAA,KAAKD,EACpB,GAAAV,gBAAAA,EAAA;AAAA,IAACY;AAAA,IAAA;AAAA,MACC,UAAUH,EAAO;AAAA,MACjB,WAAW,4JAA4JA,EAAO,SAAS;AAAA,IAAA;AAAA,IAEtLA,EAAO;AAAA,IACPT,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAWS,EAAO,KAAM;AAAA,EAAA,GAE1CT,gBAAAA,EAAA,cAACa,GACC,MAAAb,gBAAAA,EAAA,cAACc,GAAuB,EAAA,WAAU,aAC/B,GAAAL,EAAO,UAAU,IAAI,CAACM,GAASC,MAC9BhB,gBAAAA,EAAA;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,UAAUF,GAAS;AAAA,MACnB,WAAW,oHAAoHA,EAAQ,SAAS;AAAA,MAChJ,SAASA,EAAQ;AAAA,MACjB,KAAKC;AAAA,IAAA;AAAA,IAEJD,EAAQ;AAAA,IACRf,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAWe,EAAQ,KAAM;AAAA,EAAA,CAE5C,CACH,CACF,CACF,IAIFf,gBAAAA,EAAA;AAAA,IAACiB;AAAA,IAAA;AAAA,MACC,WAAW,iIAAiIR,EAAO,SAAS;AAAA,MAC5J,SAASA,EAAO;AAAA,MAChB,UAAUA,EAAO;AAAA,IAAU;AAAA,IAE1BA,EAAO;AAAA,IACPT,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAWS,EAAO,KAAM;AAAA,EAAA,CAK7C,CACH,GACCF,IAAa,MAAMT,EAAa,UAC9BE,gBAAAA,EAAA,cAAAK,GAAA,EAAsB,WAAU,4BAAA,CAA4B,CAEjE,CAEH,CA6EH,CACF;AAEJ;"}
+{"version":3,"file":"index.es21.js","sources":["../src/components/molecules/dropdown-menu/dropdown-menu.tsx"],"sourcesContent":["import React from 'react'\n\n// import { Button } from '../button'\nimport {\n  DropdownMenu,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuItem,\n  DropdownMenuLabel,\n  DropdownMenuPortal,\n  DropdownMenuSeparator,\n  // DropdownMenuShortcut,\n  //   DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubContent,\n  DropdownMenuSubTrigger,\n  DropdownMenuTrigger,\n} from './dropdown-menu-components'\nimport { DropdownMenuProps } from './dropdown-menu.types'\n\nexport function Dropdown({\n  trigger,\n  optionGroups,\n  header = 'My Account',\n  dropdownContentProps = {},\n}: DropdownMenuProps) {\n  return (\n    <DropdownMenu>\n      <DropdownMenuTrigger asChild>{trigger}</DropdownMenuTrigger>\n      <DropdownMenuContent\n        className=\"bg-light-1 w-56 shadow-lg  rounded-[8px]\"\n        {...dropdownContentProps}\n      >\n        {/* label section (string/jsx) */}\n        {header && (\n          <>\n            <DropdownMenuLabel>{header}</DropdownMenuLabel>\n            <DropdownMenuSeparator className=\"border-neutral-1 border-t\" />\n          </>\n        )}\n        {optionGroups.map((options, groupIndex) => {\n          return (\n            <React.Fragment key={groupIndex}>\n              <DropdownMenuGroup>\n                {options.map((option, optionIndex) => {\n                  if (option.subItems) {\n                    return (\n                      <DropdownMenuSub key={optionIndex}>\n                        <DropdownMenuSubTrigger\n                          disabled={option['disabled']}\n                          className={`data-[disabled]:hover:bg-light-1 hover:bg-light-2 rounded-md py-[11px] px-4 cursor-pointer data-[disabled]:opacity-50 data-[disabled]:cursor-not-allowed ${option.className}`}\n                        >\n                          {option.icon}\n                          <span className=\"text-xs\">{option.label}</span>\n                        </DropdownMenuSubTrigger>\n                        <DropdownMenuPortal>\n                          <DropdownMenuSubContent className=\"bg-light-1\">\n                            {option.subItems?.map((subItem, subItemIndex) => (\n                              <DropdownMenuItem\n                                disabled={subItem?.disabled}\n                                className={` data-[disabled]:hover:bg-light-1 hover:bg-light-2  data-[disabled]:cursor-not-allowed py-[11px] px-4 rounded-md ${subItem.className}`}\n                                onClick={subItem.onClick}\n                                key={subItemIndex}\n                              >\n                                {subItem.icon}\n                                <span className=\"text-xs\">{subItem.label}</span>\n                              </DropdownMenuItem>\n                            ))}\n                          </DropdownMenuSubContent>\n                        </DropdownMenuPortal>\n                      </DropdownMenuSub>\n                    )\n                  }\n                  return (\n                    <DropdownMenuItem\n                      className={`data-[disabled]:hover:bg-light-1 hover:bg-light-2 data-[disabled]:cursor-not-allowed hover:rounded-md py-[11px] px-4 h-[42px] ${option.className}`}\n                      onClick={option.onClick}\n                      disabled={option['disabled']}\n                    >\n                      {option.icon}\n                      <span className=\"text-xs\">{option.label}</span>\n\n                      {/* <DropdownMenuShortcut>⌘B</DropdownMenuShortcut> */}\n                    </DropdownMenuItem>\n                  )\n                })}\n              </DropdownMenuGroup>\n              {groupIndex + 1 !== optionGroups.length && (\n                <DropdownMenuSeparator className=\"border-neutral-1 border-t\" />\n              )}\n            </React.Fragment>\n          )\n        })}\n        {/* <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <User className=\"mr-2 h-4 w-4\" />\n            <span>Profile</span>\n            <DropdownMenuShortcut>⇧⌘P</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <CreditCard className=\"mr-2 h-4 w-4\" />\n            <span>Billing</span>\n            <DropdownMenuShortcut>⌘B</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <Settings className=\"mr-2 h-4 w-4\" />\n            <span>Settings</span>\n            <DropdownMenuShortcut>⌘S</DropdownMenuShortcut>\n          </DropdownMenuItem>\n          <DropdownMenuItem>\n            <Keyboard className=\"mr-2 h-4 w-4\" />\n            <span>Keyboard shortcuts</span>\n            <DropdownMenuShortcut>⌘K</DropdownMenuShortcut>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuGroup>\n          <DropdownMenuItem>\n            <Users className=\"mr-2 h-4 w-4\" />\n            <span>Team</span>\n          </DropdownMenuItem>\n          <DropdownMenuSub>\n            <DropdownMenuSubTrigger>\n              <UserPlus className=\"mr-2 h-4 w-4\" />\n              <span>Invite users</span>\n            </DropdownMenuSubTrigger>\n            <DropdownMenuPortal>\n              <DropdownMenuSubContent>\n                <DropdownMenuItem>\n                  <Mail className=\"mr-2 h-4 w-4\" />\n                  <span>Email</span>\n                </DropdownMenuItem>\n                <DropdownMenuItem>\n                  <MessageSquare className=\"mr-2 h-4 w-4\" />\n                  <span>Message</span>\n                </DropdownMenuItem>\n                <DropdownMenuSeparator />\n                <DropdownMenuItem>\n                  <PlusCircle className=\"mr-2 h-4 w-4\" />\n                  <span>More...</span>\n                </DropdownMenuItem>\n              </DropdownMenuSubContent>\n            </DropdownMenuPortal>\n          </DropdownMenuSub>\n          <DropdownMenuItem>\n            <Plus className=\"mr-2 h-4 w-4\" />\n            <span>New Team</span>\n            <DropdownMenuShortcut>⌘+T</DropdownMenuShortcut>\n          </DropdownMenuItem>\n        </DropdownMenuGroup>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem>\n          <Github className=\"mr-2 h-4 w-4\" />\n          <span>GitHub</span>\n        </DropdownMenuItem>\n        <DropdownMenuItem>\n          <LifeBuoy className=\"mr-2 h-4 w-4\" />\n          <span>Support</span>\n        </DropdownMenuItem>\n        <DropdownMenuItem disabled>\n          <Cloud className=\"mr-2 h-4 w-4\" />\n          <span>API</span>\n        </DropdownMenuItem>\n        <DropdownMenuSeparator />\n        <DropdownMenuItem>\n          <LogOut className=\"mr-2 h-4 w-4\" />\n          <span>Log out</span>\n          <DropdownMenuShortcut>⇧⌘Q</DropdownMenuShortcut>\n        </DropdownMenuItem> */}\n      </DropdownMenuContent>\n    </DropdownMenu>\n  )\n}\n"],"names":["Dropdown","trigger","optionGroups","header","dropdownContentProps","DropdownMenu","React","DropdownMenuTrigger","DropdownMenuContent","DropdownMenuLabel","DropdownMenuSeparator","options","groupIndex","DropdownMenuGroup","option","optionIndex","DropdownMenuSub","DropdownMenuSubTrigger","DropdownMenuPortal","DropdownMenuSubContent","subItem","subItemIndex","DropdownMenuItem"],"mappings":";;AAoBO,SAASA,EAAS;AAAA,EACvB,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,sBAAAC,IAAuB,CAAC;AAC1B,GAAsB;AACpB,yCACGC,GACC,MAAAC,gBAAAA,EAAA,cAACC,KAAoB,SAAO,GAAA,GAAEN,CAAQ,GACtCK,gBAAAA,EAAA;AAAA,IAACE;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACT,GAAGJ;AAAA,IAAA;AAAA,IAGHD,KAEGG,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MAAAA,gBAAAA,EAAA,cAACG,GAAmB,MAAAN,CAAO,GAC1BG,gBAAAA,EAAA,cAAAI,GAAA,EAAsB,WAAU,4BAAA,CAA4B,CAC/D;AAAA,IAEDR,EAAa,IAAI,CAACS,GAASC,MAEvBN,gBAAAA,EAAA,cAAAA,EAAM,UAAN,EAAe,KAAKM,EAAA,GAClBN,gBAAAA,EAAA,cAAAO,GAAA,MACEF,EAAQ,IAAI,CAACG,GAAQC,MAChBD,EAAO,WAEPR,gBAAAA,EAAA,cAACU,GAAgB,EAAA,KAAKD,EACpB,GAAAT,gBAAAA,EAAA;AAAA,MAACW;AAAA,MAAA;AAAA,QACC,UAAUH,EAAO;AAAA,QACjB,WAAW,4JAA4JA,EAAO,SAAS;AAAA,MAAA;AAAA,MAEtLA,EAAO;AAAA,MACPR,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAWQ,EAAO,KAAM;AAAA,IAAA,GAE1CR,gBAAAA,EAAA,cAACY,GACC,MAAAZ,gBAAAA,EAAA,cAACa,GAAuB,EAAA,WAAU,aAC/B,GAAAL,EAAO,UAAU,IAAI,CAACM,GAASC,MAC9Bf,gBAAAA,EAAA;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,UAAUF,GAAS;AAAA,QACnB,WAAW,oHAAoHA,EAAQ,SAAS;AAAA,QAChJ,SAASA,EAAQ;AAAA,QACjB,KAAKC;AAAA,MAAA;AAAA,MAEJD,EAAQ;AAAA,MACRd,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAWc,EAAQ,KAAM;AAAA,IAAA,CAE5C,CACH,CACF,CACF,IAIFd,gBAAAA,EAAA;AAAA,MAACgB;AAAA,MAAA;AAAA,QACC,WAAW,iIAAiIR,EAAO,SAAS;AAAA,QAC5J,SAASA,EAAO;AAAA,QAChB,UAAUA,EAAO;AAAA,MAAU;AAAA,MAE1BA,EAAO;AAAA,MACPR,gBAAAA,EAAA,cAAA,QAAA,EAAK,WAAU,UAAA,GAAWQ,EAAO,KAAM;AAAA,IAAA,CAK7C,CACH,GACCF,IAAa,MAAMV,EAAa,UAC9BI,gBAAAA,EAAA,cAAAI,GAAA,EAAsB,WAAU,4BAAA,CAA4B,CAEjE,CAEH;AAAA,EAAA,CA8EL;AAEJ;"}

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.es78.js";
+import { SliderBgColorVariants as a } from "./index.es76.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.es59.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.es41.js";
 import { Popover as j, PopoverTrigger as B, PopoverContent as I } from "./index.es60.js";
-import { ComboBoxStates as T } from "./index.es79.js";
+import { ComboBoxStates as T } from "./index.es75.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.es59.js";
-import { SliderVariants as t } from "./index.es75.js";
+import { SliderVariants as t } from "./index.es77.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.es76.js";
+import { StepperProvider as r, StepGroup as p } from "./index.es79.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.es59.js";
-import { TabsVariants as d, TabTriggerVariants as T } from "./index.es77.js";
+import { TabsVariants as d, TabTriggerVariants as T } from "./index.es78.js";
 const c = e.forwardRef(({ className: a, variant: r, size: s, ...o }, i) => /* @__PURE__ */ e.createElement(
   t.List,
   {

package/dist/index.es38.js

@@ -1,30 +1,30 @@
-import { Badge as g } from "./index.es6.js";
+import { Badge as E } from "./index.es6.js";
 import v from "./index.es17.js";
-import { Typography as s } from "./index.es18.js";
+import { Typography as c } 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 { NavbarIconVariants as u } from "./index.es80.js";
-import { AvatarDemo as N } from "./index.es4.js";
-const h = ({ name: t = "", email: a = "" }) => {
+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(
-    s,
+    c,
     {
       variant: "body4",
       className: i("text-light-1", r)
     },
     t
   ), a && /* @__PURE__ */ e.createElement(
-    s,
+    c,
     {
       variant: "body5",
       className: i("text-light-3", r)
     },
     a
   ));
-}, E = ({
+}, g = ({
   alt: t,
   className: a,
   isActive: r = !1,
@@ -32,13 +32,13 @@ const h = ({ name: t = "", email: a = "" }) => {
   src: o,
   tooltipText: n = "",
   wrapper: m = null,
-  onClick: c
+  onClick: s
 }) => {
-  const d = (f) => m?.(f) ?? f, p = /* @__PURE__ */ e.createElement(
+  const d = (p) => m?.(p) ?? p, f = /* @__PURE__ */ e.createElement(
     "div",
     {
       className: i(u({ isActive: r }), a),
-      ...c && { onClick: c }
+      ...s && { onClick: s }
     },
     /* @__PURE__ */ e.createElement("img", { src: o, alt: t }),
     /* @__PURE__ */ e.createElement(y, { isNew: l })
@@ -48,12 +48,13 @@ const h = ({ name: t = "", email: a = "" }) => {
       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,
+        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"
       }
-    )) : p
+    )) : 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,
@@ -63,10 +64,11 @@ const h = ({ name: t = "", email: a = "" }) => {
 }) => /* @__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(
-        N,
+        h,
         {
           imageSrc: t ?? "",
           size: "md",
@@ -82,13 +84,13 @@ const h = ({ name: t = "", email: a = "" }) => {
         }
       ))
     ),
-    header: /* @__PURE__ */ e.createElement(h, { name: r, email: l }),
+    header: /* @__PURE__ */ e.createElement(N, { name: r, email: l }),
     optionGroups: a
   }
 ), _ = ({
   onClick: t
 }) => /* @__PURE__ */ e.createElement(
-  s,
+  c,
   {
     variant: "body4",
     className: "text-white text-center cursor-pointer",
@@ -102,14 +104,14 @@ const h = ({ name: t = "", email: a = "" }) => {
     alt: "infinity icon",
     className: "h-4 w-4"
   }
-) : /* @__PURE__ */ e.createElement(s, { variant: "body5", className: "text-white" }, t), /* @__PURE__ */ e.createElement(
+) : /* @__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"
   }
-)), S = ({
+)), B = ({
   login: t,
   icons: a,
   credits: r = -1,
@@ -124,10 +126,10 @@ const h = ({ name: t = "", email: a = "" }) => {
       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 }))
+  /* @__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 }))
 );
 export {
-  S 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          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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"}
+{"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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"}

package/dist/index.es53.js

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

package/dist/index.es67.js

@@ -1,52 +1,14 @@
 import { cva as r } from "class-variance-authority";
-const s = r(
-  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  
-    text-light-2 px-3 py-2
-    file:border-0 file:bg-transparent
-    placeholder:font-normal placeholder:text-light-4`,
+const i = r(
+  "relative h-2 w-full overflow-hidden rounded bg-primary-2 min-w-64 ",
   {
     variants: {
-      isError: {
-        true: "",
-        false: ""
-      },
-      isFocused: {
-        true: "",
-        false: ""
-      },
-      disabled: {
-        true: "bg-light-3 border-neutral-2 cursor-not-allowed",
-        false: ""
-      }
+      variant: {}
     },
-    defaultVariants: {
-      isError: !1
-    },
-    compoundVariants: [
-      {
-        isError: !0,
-        isFocused: !0,
-        className: "border-danger-2 ring-4 ring-danger-1"
-      },
-      {
-        isError: !1,
-        isFocused: !0,
-        className: "border-primary-2 ring-4 ring-primary-1"
-      },
-      {
-        isError: !0,
-        isFocused: !1,
-        className: "border-danger-2"
-      },
-      {
-        isError: !1,
-        isFocused: !1,
-        className: "border-light-2"
-      }
-    ]
+    defaultVariants: {}
   }
 );
 export {
-  s as InputVariants
+  i as ProgressVariants
 };
 //# sourceMappingURL=index.es67.js.map

package/dist/index.es67.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es67.js","sources":["../src/components/atoms/input/input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const InputVariants = cva(\n  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  \n    text-light-2 px-3 py-2\n    file:border-0 file:bg-transparent\n    placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isError: {\n        true: '',\n        false: '',\n      },\n      isFocused: {\n        true: '',\n        false: '',\n      },\n      disabled: {\n        true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isError: false,\n    },\n    compoundVariants: [\n      {\n        isError: true,\n        isFocused: true,\n        className: 'border-danger-2 ring-4 ring-danger-1',\n      },\n      {\n        isError: false,\n        isFocused: true,\n        className: 'border-primary-2 ring-4 ring-primary-1',\n      },\n      {\n        isError: true,\n        isFocused: false,\n        className: 'border-danger-2',\n      },\n      {\n        isError: false,\n        isFocused: false,\n        className: 'border-light-2',\n      },\n    ],\n  }\n)\n"],"names":["InputVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;"}
+{"version":3,"file":"index.es67.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;"}