geoiq-frontend-ui-kit 2.0.0 → 2.0.2

package/dist/index.es39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es39.js","sources":["../src/components/organisms/sheet/sheet-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as SheetPrimitive from '@radix-ui/react-dialog'\nimport { cva, type VariantProps } from 'class-variance-authority'\nimport { X } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\n\n// const Sheet = React.forwardRef<\n//   React.ElementRef<typeof SheetPrimitive.Root>,\n//   React.ComponentPropsWithoutRef<typeof SheetPrimitive.Root> & {\n//     id?: string\n//   }\n// >(({ ...props }, ref) => (\n//   // <div id={id}>\n//   <SheetPrimitive.Root ref={ref} {...props} />\n//   // {/* </div> */}\n// ))\nconst Sheet = SheetPrimitive.Root\nconst SheetTrigger = SheetPrimitive.Trigger\n\nconst SheetClose = SheetPrimitive.Close\n\nconst SheetPortal = SheetPrimitive.Portal\n\nconst SheetOverlay = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Overlay\n    className={cn(\n      'fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n))\nSheetOverlay.displayName = SheetPrimitive.Overlay.displayName\n\nconst sheetVariants = cva(\n  'fixed z-50 gap-4 bg-background shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500',\n  {\n    variants: {\n      side: {\n        top: 'inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top',\n        bottom:\n          'inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom',\n        left: 'inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm',\n        right:\n          'inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm',\n        custom: '', // custom is to place the sheet anywhere on the screen\n      },\n    },\n    defaultVariants: {\n      side: 'right',\n    },\n  }\n)\n\ninterface SheetContentProps\n  extends\n    React.ComponentPropsWithoutRef<typeof SheetPrimitive.Content>,\n    VariantProps<typeof sheetVariants> {\n  container?: Element | DocumentFragment | null | undefined\n}\n\nconst SheetContent = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Content>,\n  SheetContentProps\n>(({ side = 'right', className, children, container, ...props }, ref) => (\n  <SheetPortal container={container}>\n    <SheetOverlay />\n    <SheetPrimitive.Content\n      ref={ref}\n      className={cn(sheetVariants({ side }), className)}\n      {...props}\n    >\n      {children}\n\n      <SheetPrimitive.Close className=\"ring-offset-background focus:ring-ring data-[state=open]:bg-secondary absolute right-4 top-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:pointer-events-none\">\n        <X className=\"w-4 h-4\" />\n        <span className=\"sr-only\">Close</span>\n      </SheetPrimitive.Close>\n    </SheetPrimitive.Content>\n  </SheetPortal>\n))\nSheetContent.displayName = SheetPrimitive.Content.displayName\n\nconst SheetHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn('flex flex-col p-3 text-center sm:text-left', className)}\n    {...props}\n  />\n)\nSheetHeader.displayName = 'SheetHeader'\n\nconst SheetFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\n      className\n    )}\n    {...props}\n  />\n)\nSheetFooter.displayName = 'SheetFooter'\n\nconst SheetTitle = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Title\n    ref={ref}\n    className={cn('text-foreground text-lg font-semibold', className)}\n    {...props}\n  />\n))\nSheetTitle.displayName = SheetPrimitive.Title.displayName\n\nconst SheetDescription = React.forwardRef<\n  React.ElementRef<typeof SheetPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof SheetPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <SheetPrimitive.Description\n    ref={ref}\n    className={cn('text-muted-foreground text-sm', className)}\n    {...props}\n  />\n))\nSheetDescription.displayName = SheetPrimitive.Description.displayName\n\nexport {\n  Sheet,\n  SheetPortal,\n  SheetOverlay,\n  SheetTrigger,\n  SheetClose,\n  SheetContent,\n  SheetHeader,\n  SheetFooter,\n  SheetTitle,\n  SheetDescription,\n}\n\nexport type { SheetContentProps }\n"],"names":["Sheet","SheetPrimitive","SheetTrigger","SheetClose","SheetPortal","SheetOverlay","React","className","props","ref","cn","sheetVariants","cva","SheetContent","side","children","container","X","SheetHeader","SheetFooter","SheetTitle","SheetDescription"],"mappings":";;;;;AAmBA,MAAMA,IAAQC,EAAe,MACvBC,IAAeD,EAAe,SAE9BE,IAAaF,EAAe,OAE5BG,IAAcH,EAAe,QAE7BI,IAAeC,EAAM,WAGzB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAe;AAAA,EAAf;AAAA,IACC,WAAWS;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;AACDJ,EAAa,cAAcJ,EAAe,QAAQ;AAElD,MAAMU,IAAgBC;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,MAAM;AAAA,QACJ,KAAK;AAAA,QACL,QACE;AAAA,QACF,MAAM;AAAA,QACN,OACE;AAAA,QACF,QAAQ;AAAA;AAAA,MAAA;AAAA,IACV;AAAA,IAEF,iBAAiB;AAAA,MACf,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GASMC,IAAeP,EAAM,WAGzB,CAAC,EAAE,MAAAQ,IAAO,SAAS,WAAAP,GAAW,UAAAQ,GAAU,WAAAC,GAAW,GAAGR,EAAA,GAASC,MAC/D,gBAAAH,EAAA,cAACF,KAAY,WAAAY,EAAA,GACX,gBAAAV,EAAA,cAACD,OAAa,GACd,gBAAAC,EAAA;AAAA,EAACL,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC,EAAGC,EAAc,EAAE,MAAAG,EAAA,CAAM,GAAGP,CAAS;AAAA,IAC/C,GAAGC;AAAA,EAAA;AAAA,EAEHO;AAAA,kCAEAd,EAAe,OAAf,EAAqB,WAAU,8OAC9B,gBAAAK,EAAA,cAACW,GAAA,EAAE,WAAU,UAAA,CAAU,GACvB,gBAAAX,EAAA,cAAC,QAAA,EAAK,WAAU,UAAA,GAAU,OAAK,CACjC;AACF,CACF,CACD;AACDO,EAAa,cAAcZ,EAAe,QAAQ;AAElD,MAAMiB,IAAc,CAAC;AAAA,EACnB,WAAAX;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI,EAAG,8CAA8CH,CAAS;AAAA,IACpE,GAAGC;AAAA,EAAA;AACN;AAEFU,EAAY,cAAc;AAE1B,MAAMC,IAAc,CAAC;AAAA,EACnB,WAAAZ;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFW,EAAY,cAAc;AAE1B,MAAMC,IAAad,EAAM,WAGvB,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC,EAAG,yCAAyCH,CAAS;AAAA,IAC/D,GAAGC;AAAA,EAAA;AACN,CACD;AACDY,EAAW,cAAcnB,EAAe,MAAM;AAE9C,MAAMoB,IAAmBf,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACL,EAAe;AAAA,EAAf;AAAA,IACC,KAAAQ;AAAA,IACA,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDa,EAAiB,cAAcpB,EAAe,YAAY;"}
+{"version":3,"file":"index.es39.js","sources":["../src/components/organisms/alert-dialog/alert-dialog.tsx"],"sourcesContent":["import { Typography } from '../../atoms/typography'\nimport {\n  AlertDialog as _AlertDialog,\n  AlertDialogContent,\n  AlertDialogDescription,\n  AlertDialogFooter,\n  AlertDialogHeader,\n  AlertDialogTitle,\n  AlertDialogTrigger,\n} from './alert-dialog-components'\nimport { AlertDialogProps } from './alert-dialog.types'\nimport React from 'react'\n// import { Button } from '@/components/ui/button'\n\nexport function AlertDialog({\n  trigger,\n  headerText,\n  descriptionText,\n  footer,\n}: AlertDialogProps) {\n  return (\n    <_AlertDialog>\n      <AlertDialogTrigger asChild>{trigger}</AlertDialogTrigger>\n      <AlertDialogContent className=\"p-0 bg-light-1 rounded-xl border-neutral-1\">\n        <AlertDialogHeader className=\"px-4 pt-3 \">\n          <AlertDialogTitle>\n            <Typography variant={'h3'} className=\"text-light-2 \">\n              {headerText}\n            </Typography>\n          </AlertDialogTitle>\n          <AlertDialogDescription>\n            <Typography variant={'body1'} className=\"text-light-4 \">\n              {descriptionText}\n            </Typography>\n          </AlertDialogDescription>\n        </AlertDialogHeader>\n        <AlertDialogFooter className=\"px-4 py-3 rounded-b-xl bg-light-3 gap-2.5 border-t border-neutral-2\">\n          {footer}\n        </AlertDialogFooter>\n      </AlertDialogContent>\n    </_AlertDialog>\n  )\n}\n"],"names":["AlertDialog","trigger","headerText","descriptionText","footer","React","_AlertDialog","AlertDialogTrigger","AlertDialogContent","AlertDialogHeader","AlertDialogTitle","Typography","AlertDialogDescription","AlertDialogFooter"],"mappings":";;;AAcO,SAASA,EAAY;AAAA,EAC1B,SAAAC;AAAA,EACA,YAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,QAAAC;AACF,GAAqB;AACnB,SACEC,gBAAAA,EAAA,cAACC,SACCD,gBAAAA,EAAA,cAACE,GAAA,EAAmB,SAAO,GAAA,GAAEN,CAAQ,GACrCI,gBAAAA,EAAA,cAACG,GAAA,EAAmB,WAAU,6CAAA,GAC5BH,gBAAAA,EAAA,cAACI,KAAkB,WAAU,aAAA,mCAC1BC,GAAA,MACCL,gBAAAA,EAAA,cAACM,KAAW,SAAS,MAAM,WAAU,gBAAA,GAClCT,CACH,CACF,GACAG,gBAAAA,EAAA,cAACO,SACCP,gBAAAA,EAAA,cAACM,GAAA,EAAW,SAAS,SAAS,WAAU,mBACrCR,CACH,CACF,CACF,GACAE,gBAAAA,EAAA,cAACQ,KAAkB,WAAU,sEAAA,GAC1BT,CACH,CACF,CACF;AAEJ;"}

package/dist/index.es4.js

@@ -1,27 +1,27 @@
-import { Avatar as n, AvatarImage as i, AvatarFallback as v } from "./index.es5.js";
+import { Accordion as m, AccordionItem as a, AccordionTrigger as d, AccordionContent as u } from "./index.es5.js";
 import e from "react";
-function f({
-  imageSrc: r,
-  alt: a,
-  size: t = "sm",
-  fallback: c,
-  fallbackProps: o,
-  imageProps: m,
-  avatarProps: l,
-  id: s
+function A({
+  trigger: t,
+  content: o,
+  triggerProps: r,
+  contentProps: c,
+  rootProps: n,
+  itemProps: l,
+  id: i
 }) {
   return /* @__PURE__ */ e.createElement(
-    n,
+    m,
     {
-      id: s,
-      className: `border hover:bg-hover-s1 active:bg-click-s1 focus:bg-click-s1 cursor-pointer border-neutral-1 ${t === "sm" ? "h-8 w-8" : "h-10 w-10"}`,
-      ...l
+      type: "single",
+      collapsible: !0,
+      className: "w-full",
+      ...n,
+      id: i
     },
-    /* @__PURE__ */ e.createElement(i, { src: r, alt: a, ...m }),
-    /* @__PURE__ */ e.createElement(v, { ...o }, c)
+    /* @__PURE__ */ e.createElement(a, { value: "item-1", ...l }, /* @__PURE__ */ e.createElement(d, { ...r }, t), /* @__PURE__ */ e.createElement(u, { ...c }, o))
   );
 }
 export {
-  f as AvatarDemo
+  A as AccordionDemo
 };
 //# sourceMappingURL=index.es4.js.map

package/dist/index.es4.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es4.js","sources":["../src/components/atoms/avatar/avatar.tsx"],"sourcesContent":["import { Avatar, AvatarFallback, AvatarImage } from './avatar-components'\nimport { AvatarProps } from './avatar.types'\nimport React from 'react'\n\nexport function AvatarDemo({\n  imageSrc,\n  alt,\n  size = 'sm',\n  fallback,\n  fallbackProps,\n  imageProps,\n  avatarProps,\n  id,\n}: AvatarProps) {\n  return (\n    <Avatar\n      id={id}\n      className={`border hover:bg-hover-s1 active:bg-click-s1 focus:bg-click-s1 cursor-pointer border-neutral-1 ${size === 'sm' ? 'h-8 w-8' : 'h-10 w-10'}`}\n      {...avatarProps}\n    >\n      <AvatarImage src={imageSrc} alt={alt} {...imageProps} />\n      <AvatarFallback {...fallbackProps}>{fallback}</AvatarFallback>\n    </Avatar>\n  )\n}\n"],"names":["AvatarDemo","imageSrc","alt","size","fallback","fallbackProps","imageProps","avatarProps","id","React","Avatar","AvatarImage","AvatarFallback"],"mappings":";;AAIO,SAASA,EAAW;AAAA,EACzB,UAAAC;AAAA,EACA,KAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,eAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,IAAAC;AACF,GAAgB;AACd,SACEC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,IAAAF;AAAA,MACA,WAAW,iGAAiGL,MAAS,OAAO,YAAY,WAAW;AAAA,MAClJ,GAAGI;AAAA,IAAA;AAAA,oCAEHI,GAAA,EAAY,KAAKV,GAAU,KAAAC,GAAW,GAAGI,GAAY;AAAA,IACtDG,gBAAAA,EAAA,cAACG,GAAA,EAAgB,GAAGP,EAAA,GAAgBD,CAAS;AAAA,EAAA;AAGnD;"}
+{"version":3,"file":"index.es4.js","sources":["../src/components/atoms/accordion/accordion.tsx"],"sourcesContent":["import {\n  Accordion,\n  AccordionContent,\n  AccordionItem,\n  AccordionTrigger,\n} from './accordion-components'\nimport React from 'react'\n\nimport { AccordionProps } from './accordion.types'\n\nexport function AccordionDemo({\n  trigger,\n  content,\n  triggerProps,\n  contentProps,\n  rootProps,\n  itemProps,\n  id,\n}: AccordionProps) {\n  return (\n    <Accordion\n      type=\"single\"\n      collapsible\n      className=\"w-full\"\n      {...rootProps}\n      id={id}\n    >\n      <AccordionItem value=\"item-1\" {...itemProps}>\n        <AccordionTrigger {...triggerProps}>{trigger}</AccordionTrigger>\n        <AccordionContent {...contentProps}>{content}</AccordionContent>\n      </AccordionItem>\n    </Accordion>\n  )\n}\n"],"names":["AccordionDemo","trigger","content","triggerProps","contentProps","rootProps","itemProps","id","React","Accordion","AccordionItem","AccordionTrigger","AccordionContent"],"mappings":";;AAUO,SAASA,EAAc;AAAA,EAC5B,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AAAA,EACA,IAAAC;AACF,GAAmB;AACjB,SACEC,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,aAAW;AAAA,MACX,WAAU;AAAA,MACT,GAAGJ;AAAA,MACJ,IAAAE;AAAA,IAAA;AAAA,oCAECG,GAAA,EAAc,OAAM,UAAU,GAAGJ,KAChCE,gBAAAA,EAAA,cAACG,GAAA,EAAkB,GAAGR,EAAA,GAAeF,CAAQ,GAC7CO,gBAAAA,EAAA,cAACI,KAAkB,GAAGR,EAAA,GAAeF,CAAQ,CAC/C;AAAA,EAAA;AAGN;"}

package/dist/index.es40.js

@@ -1,166 +1,91 @@
-import { Badge as x } from "./index.es6.js";
-import b from "./index.es16.js";
-import { Typography as d } from "./index.es17.js";
-import { Dropdown as N } from "./index.es20.js";
-import { cn as f } from "./index.es81.js";
-import e, { useState as y } from "react";
-import { NavbarIconVariants as w } from "./index.es122.js";
-import { AvatarDemo as _ } from "./index.es4.js";
-import { CreditSheet as S } from "./index.es123.js";
-const k = ({ 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(
-    d,
-    {
-      variant: "body4",
-      className: f("text-light-1", r)
-    },
-    t
-  ), a && /* @__PURE__ */ e.createElement(
-    d,
-    {
-      variant: "body5",
-      className: f("text-light-3", r)
-    },
-    a
-  ));
-}, m = ({
-  alt: t,
+import * as e from "react";
+import * as l from "@radix-ui/react-alert-dialog";
+import { cn as s } from "./index.es89.js";
+import "./index.es9.js";
+import { ButtonVariants as i } from "./index.es75.js";
+const D = l.Root, x = l.Trigger, n = l.Portal, r = e.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ e.createElement(
+  l.Overlay,
+  {
+    className: s(
+      "fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      a
+    ),
+    ...t,
+    ref: o
+  }
+));
+r.displayName = l.Overlay.displayName;
+const d = e.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ e.createElement(n, null, /* @__PURE__ */ e.createElement(r, null), /* @__PURE__ */ e.createElement(
+  l.Content,
+  {
+    ref: o,
+    className: s(
+      "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg",
+      a
+    ),
+    ...t
+  }
+)));
+d.displayName = l.Content.displayName;
+const m = ({
   className: a,
-  isActive: r = !1,
-  isNew: l = !1,
-  src: p,
-  tooltipText: n = "",
-  wrapper: E = null,
-  onClick: i
-}) => {
-  const c = (s) => E?.(s) ?? s, o = /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: f(w({ isActive: r }), a),
-      ...i && { onClick: i }
-    },
-    /* @__PURE__ */ e.createElement("img", { src: p, alt: t }),
-    /* @__PURE__ */ e.createElement(I, { isNew: l })
-  );
-  return c(
-    n ? /* @__PURE__ */ e.createElement("div", { className: "relative" }, /* @__PURE__ */ e.createElement(
-      b,
-      {
-        content: "",
-        headerText: /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-2" }, l && /* @__PURE__ */ e.createElement(x, { variant: "gradient", size: "sm" }, "NEW"), /* @__PURE__ */ e.createElement("div", null, n)),
-        sideOffset: 24,
-        triggerElement: o,
-        delayDuration: 100,
-        side: "right"
-      }
-    )) : o
-  );
-}, A = () => /* @__PURE__ */ e.createElement("div", { className: "my-1 h-[1px] w-10 bg-white opacity-20" }), I = ({ isNew: t }) => t ? /* @__PURE__ */ e.createElement("div", { className: "absolute w-[6px] h-[6px] rounded-full bottom-1 right-1 bg-secondary-2" }) : null, O = ({
-  src: t,
-  popoverOptions: a,
-  name: r = "",
-  email: l = ""
+  ...t
+}) => /* @__PURE__ */ e.createElement("div", { className: s("flex flex-col space-y-2  ", a), ...t });
+m.displayName = "AlertDialogHeader";
+const c = ({
+  className: a,
+  ...t
 }) => /* @__PURE__ */ e.createElement(
-  N,
+  "div",
   {
-    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(
-        _,
-        {
-          imageSrc: t ?? "",
-          size: "md",
-          alt: "avatar",
-          fallback: /* @__PURE__ */ e.createElement(
-            "img",
-            {
-              src: "https://frontend-static-files.geoiq.io/strapi/Avatar_e5ab891e67.svg",
-              alt: "avatar",
-              className: "w-10 h-10 cursor-pointer"
-            }
-          )
-        }
-      ))
+    className: s(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      a
     ),
-    header: /* @__PURE__ */ e.createElement(k, { name: r, email: l }),
-    optionGroups: a
+    ...t
   }
-), C = ({
-  onClick: t
-}) => /* @__PURE__ */ e.createElement(
-  d,
+);
+c.displayName = "AlertDialogFooter";
+const f = e.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ e.createElement(
+  l.Title,
   {
-    variant: "body4",
-    className: "text-center text-white cursor-pointer",
-    onClick: t
-  },
-  "Login"
-), D = ({ src: t, alt: a }) => /* @__PURE__ */ e.createElement("img", { src: t, alt: a, className: "w-10 h-auto" }), L = ({
-  credits: t,
-  onClick: a
-}) => t >= 0 && /* @__PURE__ */ e.createElement(
-  "div",
+    ref: o,
+    className: s("text-lg font-semibold", a),
+    ...t
+  }
+));
+f.displayName = l.Title.displayName;
+const p = e.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ e.createElement(
+  l.Description,
   {
-    className: "rounded brand-primary-secondary-gradient flex gap-[2px] h-auto box-border p-1 w-10 flex-wrap justify-center cursor-pointer",
-    onClick: a
-  },
-  t > 9999 ? /* @__PURE__ */ e.createElement(
-    "img",
-    {
-      src: "https://frontend-static-files.geoiq.io/strapi/infinity_7d62ad2947.svg",
-      alt: "infinity icon",
-      className: "w-4 h-4"
-    }
-  ) : /* @__PURE__ */ e.createElement(d, { 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: "w-4 h-4"
-    }
-  )
-), G = ({
-  login: t,
-  icons: a,
-  credits: r = -1,
-  totalCredits: l = null,
-  profile: p,
-  clickDisable: n = !0,
-  logo: E,
-  className: i = "",
-  id: c,
-  onRequestCredits: o,
-  onProceedToPayment: s
-}) => {
-  const [v, g] = y(!1);
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: f(
-        "w-16 bg-dark-2 px-3 py-4 h-full flex flex-col justify-between",
-        i
-      ),
-      id: c
-    },
-    /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center gap-8" }, /* @__PURE__ */ e.createElement(D, { ...E }), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-3" }, (a?.list ?? []).map((u, h) => /* @__PURE__ */ e.createElement(m, { key: h, ...u })))),
-    /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center gap-2" }, a.chat && /* @__PURE__ */ e.createElement(m, { ...a.chat }), a.notification && /* @__PURE__ */ e.createElement(m, { ...a.notification }), /* @__PURE__ */ e.createElement(m, { ...a.help }), /* @__PURE__ */ e.createElement(L, { credits: r, onClick: () => g(!0) }), /* @__PURE__ */ e.createElement(A, null), t?.isLoggedIn ? /* @__PURE__ */ e.createElement(O, { ...p }) : /* @__PURE__ */ e.createElement(C, { ...t }))
-  ), !n && /* @__PURE__ */ e.createElement(
-    S,
-    {
-      open: v,
-      onClose: () => g(!1),
-      credit_details: l ? `Available: ${r}/${l}` : `Available: ${r}`,
-      onRequestCredits: o,
-      onProceedToPayment: s,
-      containerId: "navbar-container"
-    }
-  ));
-};
+    ref: o,
+    className: s("text-sm text-muted-foreground", a),
+    ...t
+  }
+));
+p.displayName = l.Description.displayName;
+const g = e.forwardRef(({ className: a, ...t }, o) => /* @__PURE__ */ e.createElement(
+  l.Action,
+  {
+    ref: o,
+    className: s(i(), a),
+    ...t
+  }
+));
+g.displayName = l.Action.displayName;
+const N = e.forwardRef(({ ...a }, t) => /* @__PURE__ */ e.createElement(l.Cancel, { ref: t, className: "w-full", ...a }));
+N.displayName = l.Cancel.displayName;
 export {
-  G as NavbarDesktop
+  D as AlertDialog,
+  g as AlertDialogAction,
+  N as AlertDialogCancel,
+  d as AlertDialogContent,
+  p as AlertDialogDescription,
+  c as AlertDialogFooter,
+  m as AlertDialogHeader,
+  r as AlertDialogOverlay,
+  n as AlertDialogPortal,
+  f as AlertDialogTitle,
+  x as AlertDialogTrigger
 };
 //# sourceMappingURL=index.es40.js.map

package/dist/index.es40.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es40.js","sources":["../src/components/organisms/navbar/navbar-desktop.tsx"],"sourcesContent":["import { Badge } from '@/components/atoms/badge'\nimport Tooltip from '@/components/atoms/tooltip'\nimport { Typography } from '@/components/atoms/typography'\nimport { Dropdown } from '@/components/molecules/dropdown-menu/dropdown-menu'\nimport { cn } from '@/lib/utils'\nimport React, { useState } from 'react'\nimport { IconProps, NavbarPropsDesktop } from './navbar.types'\nimport { NavbarIconVariants } from './navbar.styles'\nimport { Avatar } from '@/components/atoms/avatar'\nimport { CreditSheet } from '@/components/ui/credit-sheet/credit-sheet'\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 items-center gap-2\">\n                {isNew && (\n                  <Badge variant=\"gradient\" size=\"sm\">\n                    NEW\n                  </Badge>\n                )}\n                <div>{tooltipText}</div>\n              </div>\n            ) as unknown as string\n          }\n          sideOffset={24}\n          triggerElement={navbarIcon}\n          delayDuration={100}\n          side=\"right\"\n        />\n      </div>\n    )\n\n  return returnWrap(navbarIcon)\n}\n\nconst Separator = () => (\n  <div className=\"my-1 h-[1px] w-10 bg-white opacity-20\" />\n)\n\nconst NewBlink: React.FC<Pick<IconProps, 'isNew'>> = ({ isNew }) =>\n  isNew ? (\n    <div className=\"absolute w-[6px] h-[6px] rounded-full bottom-1 right-1 bg-secondary-2\" />\n  ) : null\n\nconst Profile: React.FC<NavbarPropsDesktop['profile']> = ({\n  src,\n  popoverOptions,\n  name = '',\n  email = '',\n}) => (\n  <Dropdown\n    dropdownContentProps={{ sideOffset: 24, side: 'right', align: 'end' }}\n    trigger={\n      // div required as unable to open up the popup without it\n      <div>\n        <Avatar\n          imageSrc={src ?? ''}\n          size=\"md\"\n          alt=\"avatar\"\n          fallback={\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/Avatar_e5ab891e67.svg\"\n              alt=\"avatar\"\n              className=\"w-10 h-10 cursor-pointer\"\n            />\n          }\n        />\n      </div>\n    }\n    header={<ProfileHeader {...{ name, email }} />}\n    optionGroups={popoverOptions}\n  />\n)\n\nconst Login: React.FC<Pick<NavbarPropsDesktop['login'], 'onClick'>> = ({\n  onClick,\n}) => (\n  <Typography\n    variant=\"body4\"\n    className=\"text-center text-white cursor-pointer\"\n    onClick={onClick}\n  >\n    Login\n  </Typography>\n)\n\nconst Logo: React.FC<NavbarPropsDesktop['logo']> = ({ src, alt }) => (\n  <img src={src} alt={alt} className=\"w-10 h-auto\" />\n)\n\nconst Credits: React.FC<{ credits: number; onClick: () => void }> = ({\n  credits,\n  onClick,\n}) =>\n  credits >= 0 && (\n    <div\n      className=\"rounded brand-primary-secondary-gradient flex gap-[2px] h-auto box-border p-1 w-10 flex-wrap justify-center cursor-pointer\"\n      onClick={onClick}\n    >\n      {credits > 9999 ? (\n        <img\n          src=\"https://frontend-static-files.geoiq.io/strapi/infinity_7d62ad2947.svg\"\n          alt=\"infinity icon\"\n          className=\"w-4 h-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=\"w-4 h-4\"\n      />\n    </div>\n  )\n\nexport const NavbarDesktop: React.FC<NavbarPropsDesktop> = ({\n  login,\n  icons,\n  credits = -1,\n  totalCredits = null,\n  profile,\n  clickDisable = true,\n  logo,\n  className = '',\n  id,\n  onRequestCredits,\n  onProceedToPayment,\n}) => {\n  const [creditSheetOpen, setCreditSheetOpen] = useState(false)\n\n  return (\n    <>\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        id={id}\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          {icons.chat && <NavbarIcon {...icons.chat} />}\n\n          {icons.notification && <NavbarIcon {...icons.notification} />}\n\n          <NavbarIcon {...icons.help} />\n\n          {/* Credits */}\n          <Credits credits={credits} onClick={() => setCreditSheetOpen(true)} />\n\n          <Separator />\n\n          {/* Avatar and Login Part */}\n          {login?.isLoggedIn ? <Profile {...profile} /> : <Login {...login} />}\n        </div>\n      </div>\n\n      {/* Credit Sheet */}\n      {/* Credit Sheet */}\n      {!clickDisable && (\n        <CreditSheet\n          open={creditSheetOpen}\n          onClose={() => setCreditSheetOpen(false)}\n          credit_details={\n            totalCredits\n              ? `Available: ${credits}/${totalCredits}`\n              : `Available: ${credits}`\n          }\n          onRequestCredits={onRequestCredits}\n          onProceedToPayment={onProceedToPayment}\n          containerId=\"navbar-container\"\n        />\n      )}\n    </>\n  )\n}\n"],"names":["ProfileHeader","name","email","classEllipsisAndOverflow","React","Typography","cn","NavbarIcon","alt","className","isActive","isNew","src","tooltipText","wrapper","onClick","returnWrap","children","navbarIcon","NavbarIconVariants","NewBlink","Tooltip","Badge","Separator","Profile","popoverOptions","Dropdown","Avatar","Login","Logo","Credits","credits","NavbarDesktop","login","icons","totalCredits","profile","clickDisable","logo","id","onRequestCredits","onProceedToPayment","creditSheetOpen","setCreditSheetOpen","useState","icon","index","CreditSheet"],"mappings":"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"}
+{"version":3,"file":"index.es40.js","sources":["../src/components/organisms/alert-dialog/alert-dialog-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport * as AlertDialogPrimitive from '@radix-ui/react-alert-dialog'\n\nimport { cn } from '@/lib/utils'\nimport { ButtonVariants } from '../../atoms/button'\n\nconst AlertDialog = AlertDialogPrimitive.Root\nconst AlertDialogTrigger = AlertDialogPrimitive.Trigger\n\nconst AlertDialogPortal = AlertDialogPrimitive.Portal\n\nconst AlertDialogOverlay = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Overlay>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Overlay>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Overlay\n    className={cn(\n      'fixed inset-0 z-50 bg-black/80  data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0',\n      className\n    )}\n    {...props}\n    ref={ref}\n  />\n))\nAlertDialogOverlay.displayName = AlertDialogPrimitive.Overlay.displayName\n\nconst AlertDialogContent = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Content>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Content>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPortal>\n    <AlertDialogOverlay />\n    <AlertDialogPrimitive.Content\n      ref={ref}\n      className={cn(\n        'fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border bg-background p-6 shadow-lg duration-200 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%] sm:rounded-lg',\n        className\n      )}\n      {...props}\n    />\n  </AlertDialogPortal>\n))\nAlertDialogContent.displayName = AlertDialogPrimitive.Content.displayName\n\nconst AlertDialogHeader = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div className={cn('flex flex-col space-y-2  ', className)} {...props} />\n)\nAlertDialogHeader.displayName = 'AlertDialogHeader'\n\nconst AlertDialogFooter = ({\n  className,\n  ...props\n}: React.HTMLAttributes<HTMLDivElement>) => (\n  <div\n    className={cn(\n      'flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2',\n      className\n    )}\n    {...props}\n  />\n)\nAlertDialogFooter.displayName = 'AlertDialogFooter'\n\nconst AlertDialogTitle = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Title>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Title>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Title\n    ref={ref}\n    className={cn('text-lg font-semibold', className)}\n    {...props}\n  />\n))\nAlertDialogTitle.displayName = AlertDialogPrimitive.Title.displayName\n\nconst AlertDialogDescription = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Description>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Description>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Description\n    ref={ref}\n    className={cn('text-sm text-muted-foreground', className)}\n    {...props}\n  />\n))\nAlertDialogDescription.displayName =\n  AlertDialogPrimitive.Description.displayName\n\nconst AlertDialogAction = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Action>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Action>\n>(({ className, ...props }, ref) => (\n  <AlertDialogPrimitive.Action\n    ref={ref}\n    className={cn(ButtonVariants(), className)}\n    {...props}\n  />\n))\nAlertDialogAction.displayName = AlertDialogPrimitive.Action.displayName\n\nconst AlertDialogCancel = React.forwardRef<\n  React.ElementRef<typeof AlertDialogPrimitive.Cancel>,\n  React.ComponentPropsWithoutRef<typeof AlertDialogPrimitive.Cancel>\n>(({ ...props }, ref) => (\n  <AlertDialogPrimitive.Cancel ref={ref} className=\"w-full\" {...props} />\n))\nAlertDialogCancel.displayName = AlertDialogPrimitive.Cancel.displayName\n\nexport {\n  AlertDialog,\n  AlertDialogPortal,\n  AlertDialogOverlay,\n  AlertDialogTrigger,\n  AlertDialogContent,\n  AlertDialogHeader,\n  AlertDialogFooter,\n  AlertDialogTitle,\n  AlertDialogDescription,\n  AlertDialogAction,\n  AlertDialogCancel,\n}\n"],"names":["AlertDialog","AlertDialogPrimitive","AlertDialogTrigger","AlertDialogPortal","AlertDialogOverlay","React","className","props","ref","cn","AlertDialogContent","AlertDialogHeader","AlertDialogFooter","AlertDialogTitle","AlertDialogDescription","AlertDialogAction","ButtonVariants","AlertDialogCancel"],"mappings":";;;;;AAQA,MAAMA,IAAcC,EAAqB,MACnCC,IAAqBD,EAAqB,SAE1CE,IAAoBF,EAAqB,QAEzCG,IAAqBC,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACJ,EAAqB;AAAA,EAArB;AAAA,IACC,WAAWQ;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,IACJ,KAAAC;AAAA,EAAA;AACF,CACD;AACDJ,EAAmB,cAAcH,EAAqB,QAAQ;AAE9D,MAAMS,IAAqBL,EAAM,WAG/B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA,cAACF,GAAA,MACC,gBAAAE,EAAA,cAACD,OAAmB,GACpB,gBAAAC,EAAA;AAAA,EAACJ,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN,CACF,CACD;AACDG,EAAmB,cAAcT,EAAqB,QAAQ;AAE9D,MAAMU,IAAoB,CAAC;AAAA,EACzB,WAAAL;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA,cAAC,SAAI,WAAWI,EAAG,6BAA6BH,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEzEI,EAAkB,cAAc;AAEhC,MAAMC,IAAoB,CAAC;AAAA,EACzB,WAAAN;AAAA,EACA,GAAGC;AACL,MACE,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWI;AAAA,MACT;AAAA,MACAH;AAAA,IAAA;AAAA,IAED,GAAGC;AAAA,EAAA;AACN;AAEFK,EAAkB,cAAc;AAEhC,MAAMC,IAAmBR,EAAM,WAG7B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACJ,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC,EAAG,yBAAyBH,CAAS;AAAA,IAC/C,GAAGC;AAAA,EAAA;AACN,CACD;AACDM,EAAiB,cAAcZ,EAAqB,MAAM;AAE1D,MAAMa,IAAyBT,EAAM,WAGnC,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACJ,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC,EAAG,iCAAiCH,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDO,EAAuB,cACrBb,EAAqB,YAAY;AAEnC,MAAMc,IAAoBV,EAAM,WAG9B,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,GAASC,MAC1B,gBAAAH,EAAA;AAAA,EAACJ,EAAqB;AAAA,EAArB;AAAA,IACC,KAAAO;AAAA,IACA,WAAWC,EAAGO,EAAA,GAAkBV,CAAS;AAAA,IACxC,GAAGC;AAAA,EAAA;AACN,CACD;AACDQ,EAAkB,cAAcd,EAAqB,OAAO;AAE5D,MAAMgB,IAAoBZ,EAAM,WAG9B,CAAC,EAAE,GAAGE,KAASC,MACf,gBAAAH,EAAA,cAACJ,EAAqB,QAArB,EAA4B,KAAAO,GAAU,WAAU,UAAU,GAAGD,GAAO,CACtE;AACDU,EAAkB,cAAchB,EAAqB,OAAO;"}