geoiq-frontend-ui-kit 1.1.21 → 1.1.23

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/alert/alert.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EACL,aAAa,EAGd,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AA0C1C,QAAA,MAAM,KAAK,mFA6BV,CAAA;AAID,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}
+{"version":3,"file":"alert.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/alert/alert.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAG9B,OAAO,EACL,aAAa,EAGd,MAAM,gBAAgB,CAAA;AACvB,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AA6C1C,QAAA,MAAM,KAAK,mFA8BV,CAAA;AAID,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAA"}

package/dist/components/molecules/alert/alert.styles.d.ts

@@ -1,5 +1,6 @@
 export declare const AlertVariants: (props?: ({
     variant?: "default" | "success" | "warning" | "error" | "info" | null | undefined;
+    shortContent?: boolean | null | undefined;
 } & import('class-variance-authority/dist/types').ClassProp) | undefined) => string;
 export declare const AlertContentVariants: (props?: ({
     shortContent?: boolean | null | undefined;

package/dist/components/molecules/alert/alert.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"alert.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/alert/alert.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;mFAmBzB,CAAA;AAED,eAAO,MAAM,oBAAoB;;mFAU/B,CAAA;AAEF,eAAO,MAAM,mBAAmB;;mFAU9B,CAAA"}
+{"version":3,"file":"alert.styles.d.ts","sourceRoot":"","sources":["../../../../src/components/molecules/alert/alert.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,aAAa;;;mFAuBzB,CAAA;AAED,eAAO,MAAM,oBAAoB;;mFAU/B,CAAA;AAEF,eAAO,MAAM,mBAAmB;;mFAU9B,CAAA"}

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.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,26 +1,28 @@
 import * as e from "react";
-import { cn as r } from "./index.es59.js";
+import { cn as s } from "./index.es59.js";
 import { AlertVariants as f, AlertContentVariants as d, AlertButtonVariants as g } from "./index.es70.js";
 import { Button as p } from "./index.es7.js";
-const c = e.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.createElement(
+import { Typography as u } from "./index.es18.js";
+const c = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
   "h5",
   {
-    ref: s,
-    className: r("mb-1 font-medium leading-none tracking-tight", t),
+    ref: r,
+    className: s("mb-1 font-medium leading-none tracking-tight", t),
     ...a
   }
 ));
 c.displayName = "AlertTitle";
-const o = e.forwardRef(({ className: t, ...a }, s) => /* @__PURE__ */ e.createElement(
-  "div",
+const o = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(
+  u,
   {
-    ref: s,
-    className: r("text-sm [&_p]:leading-relaxed", t),
-    ...a
-  }
+    variant: "body4",
+    ref: r,
+    className: s("text-sm [&_p]:leading-relaxed", t)
+  },
+  a.children
 ));
 o.displayName = "AlertDescription";
-const u = (t) => {
+const h = (t) => {
   switch (t) {
     case "success":
       return "https://frontend-static-files.geoiq.io/strapi/icons_v5_cbb854431a.svg";
@@ -34,22 +36,22 @@ const u = (t) => {
       return "https://frontend-static-files.geoiq.io/strapi/icons_v5_139132dbe2.svg";
   }
 }, v = e.forwardRef(
-  ({ className: t, variant: a, description: s, shortContent: n, title: l, ...i }, m) => /* @__PURE__ */ e.createElement(
+  ({ className: t, variant: a, description: r, shortContent: n, title: l, ...i }, m) => /* @__PURE__ */ e.createElement(
     "div",
     {
       ref: m,
       role: "alert",
       ...i,
-      className: r(f({ variant: a }), t)
+      className: s(f({ variant: a, shortContent: n }), t)
     },
-    /* @__PURE__ */ e.createElement("div", { className: "flex items-start flex-col flex-shrink-0 h-full w-[20px] py-0" }, /* @__PURE__ */ e.createElement("img", { src: u(a), className: "h-5 w-5", alt: "Alert Icon" })),
-    /* @__PURE__ */ e.createElement("div", { className: r(d({ shortContent: n })) }, l && /* @__PURE__ */ e.createElement(c, null, l), /* @__PURE__ */ e.createElement(o, { className: "flex items-center text-light-2" }, s), i.showButton && /* @__PURE__ */ e.createElement(
+    /* @__PURE__ */ e.createElement("div", { className: "flex items-start flex-col flex-shrink-0 h-full w-[20px] py-0 " }, /* @__PURE__ */ e.createElement("img", { src: h(a), className: "h-5 w-5", alt: "Alert Icon" })),
+    /* @__PURE__ */ e.createElement("div", { className: s(d({ shortContent: n })) }, l && /* @__PURE__ */ e.createElement(c, null, l), /* @__PURE__ */ e.createElement(o, { className: "flex items-center text-light-2" }, r), i.showButton && /* @__PURE__ */ e.createElement(
       p,
       {
         variant: "secondary",
         size: "sm",
         onClick: i.onButtonClick,
-        className: r(g({ shortContent: n }))
+        className: s(g({ shortContent: n }))
       },
       i.buttonLabel
     ))

package/dist/index.es19.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es19.js","sources":["../src/components/molecules/alert/alert.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport {\n  AlertVariants,\n  AlertButtonVariants,\n  AlertContentVariants,\n} from './alert.styles'\nimport { AlertProps } from './alert.types'\nimport { Button } from '@/components/atoms/button'\n\nconst AlertTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h5\n    ref={ref}\n    className={cn('mb-1 font-medium leading-none tracking-tight', className)}\n    {...props}\n  />\n))\nAlertTitle.displayName = 'AlertTitle'\n\nconst AlertDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <div\n    ref={ref}\n    className={cn('text-sm [&_p]:leading-relaxed', className)}\n    {...props}\n  />\n))\nAlertDescription.displayName = 'AlertDescription'\n\nconst getImage = (variant: string | null | undefined) => {\n  switch (variant) {\n    case 'success':\n      return 'https://frontend-static-files.geoiq.io/strapi/icons_v5_cbb854431a.svg'\n    case 'warning':\n      return 'https://frontend-static-files.geoiq.io/strapi/icons_v5_1_ba9b25fd5c.svg'\n    case 'error':\n      return 'https://frontend-static-files.geoiq.io/strapi/Frame_427320353_64f8f337a6.svg'\n    case 'info':\n      return 'https://frontend-static-files.geoiq.io/strapi/icons_v5_139132dbe2.svg'\n    default:\n      return 'https://frontend-static-files.geoiq.io/strapi/icons_v5_139132dbe2.svg'\n  }\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({ className, variant, description, shortContent, title, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"alert\"\n      {...props}\n      className={cn(AlertVariants({ variant }), className)}\n    >\n      <div className=\"flex items-start flex-col flex-shrink-0 h-full w-[20px] py-0\">\n        <img src={getImage(variant)} className=\"h-5 w-5\" alt=\"Alert Icon\" />\n      </div>\n      <div className={cn(AlertContentVariants({ shortContent }))}>\n        {title && <AlertTitle>{title}</AlertTitle>}\n        <AlertDescription className=\"flex items-center text-light-2\">\n          {description}\n        </AlertDescription>\n        {props.showButton && (\n          <Button\n            variant={'secondary'}\n            size={'sm'}\n            onClick={props.onButtonClick}\n            className={cn(AlertButtonVariants({ shortContent }))}\n          >\n            {props.buttonLabel}\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n)\n\nAlert.displayName = 'Alert'\n\nexport { Alert, AlertVariants }\n"],"names":["AlertTitle","React","className","props","ref","cn","AlertDescription","getImage","variant","Alert","description","shortContent","title","AlertVariants","AlertContentVariants","Button","AlertButtonVariants"],"mappings":";;;;AAWA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC,EAAG,gDAAgDH,CAAS;AAAA,IACtE,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAW,cAAc;AAEzB,MAAMM,IAAmBL,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDG,EAAiB,cAAc;AAE/B,MAAMC,IAAW,CAACC,MAAuC;AACvD,UAAQA,GAAS;AAAA,IACf,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF,GAEMC,IAAQR,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,SAAAM,GAAS,aAAAE,GAAa,cAAAC,GAAc,OAAAC,GAAO,GAAGT,EAAM,GAAGC,MACnE,gBAAAH,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAG;AAAA,MACA,MAAK;AAAA,MACJ,GAAGD;AAAA,MACJ,WAAWE,EAAGQ,EAAc,EAAE,SAAAL,EAAS,CAAA,GAAGN,CAAS;AAAA,IAAA;AAAA,IAElD,gBAAAD,EAAA,cAAA,OAAA,EAAI,WAAU,+DAAA,mCACZ,OAAI,EAAA,KAAKM,EAASC,CAAO,GAAG,WAAU,WAAU,KAAI,cAAa,CACpE;AAAA,IACA,gBAAAP,EAAA,cAAC,SAAI,WAAWI,EAAGS,EAAqB,EAAE,cAAAH,EAAc,CAAA,CAAC,EACtD,GAAAC,qCAAUZ,GAAY,MAAAY,CAAM,GAC5B,gBAAAX,EAAA,cAAAK,GAAA,EAAiB,WAAU,iCACzB,GAAAI,CACH,GACCP,EAAM,cACL,gBAAAF,EAAA;AAAA,MAACc;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAASZ,EAAM;AAAA,QACf,WAAWE,EAAGW,EAAoB,EAAE,cAAAL,EAAc,CAAA,CAAC;AAAA,MAAA;AAAA,MAElDR,EAAM;AAAA,IAAA,CAGb;AAAA,EACF;AAEJ;AAEAM,EAAM,cAAc;"}
+{"version":3,"file":"index.es19.js","sources":["../src/components/molecules/alert/alert.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport { cn } from '@/lib/utils'\nimport {\n  AlertVariants,\n  AlertButtonVariants,\n  AlertContentVariants,\n} from './alert.styles'\nimport { AlertProps } from './alert.types'\nimport { Button } from '@/components/atoms/button'\nimport { Typography } from '@/components/atoms/typography'\n\nconst AlertTitle = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLHeadingElement>\n>(({ className, ...props }, ref) => (\n  <h5\n    ref={ref}\n    className={cn('mb-1 font-medium leading-none tracking-tight', className)}\n    {...props}\n  />\n))\nAlertTitle.displayName = 'AlertTitle'\n\nconst AlertDescription = React.forwardRef<\n  HTMLParagraphElement,\n  React.HTMLAttributes<HTMLParagraphElement>\n>(({ className, ...props }, ref) => (\n  <Typography\n    variant={'body4'}\n    ref={ref}\n    className={cn('text-sm [&_p]:leading-relaxed', className)}\n  >\n    {props.children}\n  </Typography>\n))\nAlertDescription.displayName = 'AlertDescription'\n\nconst getImage = (variant: string | null | undefined) => {\n  switch (variant) {\n    case 'success':\n      return 'https://frontend-static-files.geoiq.io/strapi/icons_v5_cbb854431a.svg'\n    case 'warning':\n      return 'https://frontend-static-files.geoiq.io/strapi/icons_v5_1_ba9b25fd5c.svg'\n    case 'error':\n      return 'https://frontend-static-files.geoiq.io/strapi/Frame_427320353_64f8f337a6.svg'\n    case 'info':\n      return 'https://frontend-static-files.geoiq.io/strapi/icons_v5_139132dbe2.svg'\n    default:\n      return 'https://frontend-static-files.geoiq.io/strapi/icons_v5_139132dbe2.svg'\n  }\n}\n\nconst Alert = React.forwardRef<HTMLDivElement, AlertProps>(\n  ({ className, variant, description, shortContent, title, ...props }, ref) => (\n    <div\n      ref={ref}\n      role=\"alert\"\n      {...props}\n      className={cn(AlertVariants({ variant, shortContent }), className)}\n    >\n      <div className=\"flex items-start flex-col flex-shrink-0 h-full w-[20px] py-0 \">\n        <img src={getImage(variant)} className=\"h-5 w-5\" alt=\"Alert Icon\" />\n      </div>\n      <div className={cn(AlertContentVariants({ shortContent }))}>\n        {/* Note: there is no Design for a title section in this alert component as of 12 aug 2024 */}\n        {title && <AlertTitle>{title}</AlertTitle>}\n        <AlertDescription className=\"flex items-center text-light-2\">\n          {description}\n        </AlertDescription>\n        {props.showButton && (\n          <Button\n            variant={'secondary'}\n            size={'sm'}\n            onClick={props.onButtonClick}\n            className={cn(AlertButtonVariants({ shortContent }))}\n          >\n            {props.buttonLabel}\n          </Button>\n        )}\n      </div>\n    </div>\n  )\n)\n\nAlert.displayName = 'Alert'\n\nexport { Alert, AlertVariants }\n"],"names":["AlertTitle","React","className","props","ref","cn","AlertDescription","Typography","getImage","variant","Alert","description","shortContent","title","AlertVariants","AlertContentVariants","Button","AlertButtonVariants"],"mappings":";;;;;AAYA,MAAMA,IAAaC,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAG;AAAA,IACA,WAAWC,EAAG,gDAAgDH,CAAS;AAAA,IACtE,GAAGC;AAAA,EAAA;AACN,CACD;AACDH,EAAW,cAAc;AAEzB,MAAMM,IAAmBL,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAM,GAAGC,MAC1B,gBAAAH,EAAA;AAAA,EAACM;AAAA,EAAA;AAAA,IACC,SAAS;AAAA,IACT,KAAAH;AAAA,IACA,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,EAAA;AAAA,EAEvDC,EAAM;AACT,CACD;AACDG,EAAiB,cAAc;AAE/B,MAAME,IAAW,CAACC,MAAuC;AACvD,UAAQA,GAAS;AAAA,IACf,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT,KAAK;AACI,aAAA;AAAA,IACT;AACS,aAAA;AAAA,EACX;AACF,GAEMC,IAAQT,EAAM;AAAA,EAClB,CAAC,EAAE,WAAAC,GAAW,SAAAO,GAAS,aAAAE,GAAa,cAAAC,GAAc,OAAAC,GAAO,GAAGV,EAAM,GAAGC,MACnE,gBAAAH,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KAAAG;AAAA,MACA,MAAK;AAAA,MACJ,GAAGD;AAAA,MACJ,WAAWE,EAAGS,EAAc,EAAE,SAAAL,GAAS,cAAAG,EAAa,CAAC,GAAGV,CAAS;AAAA,IAAA;AAAA,IAEhE,gBAAAD,EAAA,cAAA,OAAA,EAAI,WAAU,gEAAA,mCACZ,OAAI,EAAA,KAAKO,EAASC,CAAO,GAAG,WAAU,WAAU,KAAI,cAAa,CACpE;AAAA,IACA,gBAAAR,EAAA,cAAC,SAAI,WAAWI,EAAGU,EAAqB,EAAE,cAAAH,EAAc,CAAA,CAAC,EAEtD,GAAAC,qCAAUb,GAAY,MAAAa,CAAM,GAC5B,gBAAAZ,EAAA,cAAAK,GAAA,EAAiB,WAAU,iCACzB,GAAAK,CACH,GACCR,EAAM,cACL,gBAAAF,EAAA;AAAA,MAACe;AAAA,MAAA;AAAA,QACC,SAAS;AAAA,QACT,MAAM;AAAA,QACN,SAASb,EAAM;AAAA,QACf,WAAWE,EAAGY,EAAoB,EAAE,cAAAL,EAAc,CAAA,CAAC;AAAA,MAAA;AAAA,MAElDT,EAAM;AAAA,IAAA,CAGb;AAAA,EACF;AAEJ;AAEAO,EAAM,cAAc;"}

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.es75.js";
+import { DropdownMenu as g, DropdownMenuTrigger as y, DropdownMenuContent as d, DropdownMenuItem as h } from "./index.es72.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.es76.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.es72.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.es73.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.es74.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.es78.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.es79.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