geoiq-frontend-ui-kit 2.0.0 → 2.0.2

package/dist/index.es41.js

@@ -1,233 +1,46 @@
-import { Typography as s } from "./index.es17.js";
-import { Dropdown as y } from "./index.es20.js";
-import { cn as f } from "./index.es81.js";
-import e, { useState as v } from "react";
-import { AvatarDemo as g } from "./index.es4.js";
-import { CreditSheet as k } from "./index.es123.js";
-const C = ({ name: l = "", email: t = "" }) => {
-  if (!(l || t)) return null;
-  const r = "text-ellipsis overflow-hidden";
-  return /* @__PURE__ */ e.createElement("div", { className: "flex flex-col px-2" }, l && /* @__PURE__ */ e.createElement(
-    s,
-    {
-      variant: "body4",
-      className: f("text-light-1", r)
-    },
-    l
-  ), t && /* @__PURE__ */ e.createElement(
-    s,
-    {
-      variant: "body5",
-      className: f("text-light-3", r)
-    },
-    t
-  ));
-}, _ = ({
-  alt: l,
-  className: t,
-  src: r,
-  tooltipText: a,
-  wrapper: i = null,
-  onClick: n
-}) => {
-  const m = (c) => i?.(c) ?? c, o = /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: f("flex gap-4 py-2 cursor-pointer", t),
-      ...n && { onClick: n }
-    },
-    /* @__PURE__ */ e.createElement("img", { src: r, alt: l, height: 25, width: 25 }),
-    /* @__PURE__ */ e.createElement(s, { variant: "body2", className: "text-white" }, a)
-  );
-  return m(o);
-}, S = ({
-  src: l,
-  popoverOptions: t,
-  name: r = "",
-  email: a = ""
-}) => /* @__PURE__ */ e.createElement(
-  y,
-  {
-    dropdownContentProps: { side: "bottom", align: "end", sideOffset: 24 },
-    trigger: /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
-      g,
-      {
-        imageSrc: l ?? "",
-        size: "md",
-        alt: "avatar",
-        fallback: /* @__PURE__ */ e.createElement(
-          "img",
-          {
-            src: "https://frontend-static-files.geoiq.io/strapi/Avatar_e5ab891e67.svg",
-            alt: "avatar",
-            className: "w-10 h-10 cursor-pointer"
-          }
-        )
-      }
-    )),
-    header: /* @__PURE__ */ e.createElement(C, { name: r, email: a }),
-    optionGroups: t
-  }
-), x = ({ src: l, alt: t }) => /* @__PURE__ */ e.createElement("img", { src: l, alt: t, className: "h-10" }), I = ({
-  icons: l = [],
-  profile: t,
-  credits: r,
-  logoutPanel: a,
-  logo: i,
-  handleClose: n,
-  onCreditsClick: m
-}) => /* @__PURE__ */ e.createElement("div", { className: "absolute top-0 bottom-0 left-0 right-0 z-10 flex flex-col justify-between bg-dark-2" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-between w-full px-3 py-2 bg-dark-2" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ e.createElement(x, { ...i }), /* @__PURE__ */ e.createElement(s, { variant: "h2", className: "text-white" }, i?.text ?? "")), /* @__PURE__ */ e.createElement("div", { className: "grid w-10 h-10 place-items-center" }, /* @__PURE__ */ e.createElement(
-  "img",
-  {
-    src: "https://frontend-static-files.geoiq.io/strapi/x_7520d97d3c.svg",
-    alt: "close",
-    height: 24,
-    width: 24,
-    className: "cursor-pointer",
-    onClick: n
-  }
-))), /* @__PURE__ */ e.createElement("div", { className: "flex justify-between items-center px-5 py-2 bg-[#212121] flex-shrink-0" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-2 overflow-hidden basis-4/5" }, /* @__PURE__ */ e.createElement(
-  g,
-  {
-    imageSrc: t?.src ?? "",
-    size: "md",
-    alt: "avatar",
-    fallback: /* @__PURE__ */ e.createElement(
-      "img",
-      {
-        src: "https://frontend-static-files.geoiq.io/strapi/Avatar_e5ab891e67.svg",
-        alt: "avatar",
-        className: "w-12 h-12"
-      }
-    )
-  }
-), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-[2px] overflow-hidden" }, /* @__PURE__ */ e.createElement(
-  s,
-  {
-    variant: "body3",
-    className: "overflow-hidden text-white text-ellipsis text-nowrap",
-    title: t?.name ?? ""
-  },
-  t?.name ?? ""
-), /* @__PURE__ */ e.createElement(
-  s,
-  {
-    variant: "body3",
-    className: "overflow-hidden text-white text-ellipsis text-nowrap",
-    title: t?.email ?? ""
-  },
-  t?.email ?? ""
-))), r >= 0 && /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    className: "flex flex-col items-center gap-1 basis-1/5 cursor-pointer",
-    onClick: m
-  },
-  /* @__PURE__ */ e.createElement("div", { className: "p-1 rounded brand-primary-secondary-gradient" }, /* @__PURE__ */ e.createElement(
-    "img",
-    {
-      src: "https://frontend-static-files.geoiq.io/strapi/navbar_credits_247858e26a.svg",
-      alt: "coin icon",
-      className: "w-4 h-4"
-    }
-  )),
-  /* @__PURE__ */ e.createElement(
-    s,
-    {
-      variant: "body5",
-      className: "text-center text-white basis-1/5"
+import e from "react";
+import { Dialog as u, DialogTrigger as x, DialogContent as d, DialogHeader as f, DialogTitle as h, DialogDescription as b, DialogFooter as N } from "./index.es78.js";
+import { DialogClose as H } from "./index.es78.js";
+import { cn as r } from "./index.es89.js";
+import { Typography as o } from "./index.es19.js";
+function _({
+  trigger: m,
+  body: n,
+  title: a,
+  description: t,
+  footer: l,
+  onOpenChange: i,
+  open: c,
+  modal: g,
+  footerClassName: s,
+  contentClassName: p,
+  onInteractOutside: D,
+  onOpenAutoFocus: E
+}) {
+  return /* @__PURE__ */ e.createElement(u, { onOpenChange: i, open: c, modal: g }, /* @__PURE__ */ e.createElement(x, { asChild: !0 }, m), /* @__PURE__ */ e.createElement(
+    d,
+    {
+      onInteractOutside: D,
+      onOpenAutoFocus: E,
+      className: r(
+        "max-w-full border border-neutral-1 bg-white",
+        p
+      )
     },
-    `${r} credits`
-  )
-)), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col flex-grow w-full gap-3 px-6 py-4 overflow-auto" }, (l ?? []).map((o, c) => /* @__PURE__ */ e.createElement(_, { key: c, ...o }))), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-4 pb-4" }, /* @__PURE__ */ e.createElement(b, null), /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    className: "flex items-center w-full gap-4 px-6 cursor-pointer",
-    onClick: a.handleLogout
-  },
-  /* @__PURE__ */ e.createElement(
-    "img",
-    {
-      src: "https://frontend-static-files.geoiq.io/strapi/log_out_e3fa361fb6.svg",
-      alt: "logout icon",
-      height: 24,
-      width: 24
-    }
-  ),
-  /* @__PURE__ */ e.createElement(s, { className: "text-white", variant: "body2" }, "Log out")
-), /* @__PURE__ */ e.createElement(b, null), a?.bottomItems?.length > 0 && /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-center w-full gap-6 px-6" }, a?.bottomItems?.[0]?.label && /* @__PURE__ */ e.createElement(
-  s,
-  {
-    variant: "body3",
-    className: "text-white cursor-pointer nowrap",
-    onClick: a?.bottomItems[0].onClick
-  },
-  a.bottomItems[0].label
-), a?.bottomItems?.length === 2 && /* @__PURE__ */ e.createElement("div", { className: "w-1 h-1 mx-1 bg-white rounded-full bg-text4 shrink-0 grow-0" }), a?.bottomItems?.[1]?.label && /* @__PURE__ */ e.createElement(
-  s,
-  {
-    variant: "body3",
-    className: "text-white cursor-pointer nowrap",
-    onClick: a?.bottomItems[1].onClick
-  },
-  a.bottomItems[1].label
-)))), b = () => /* @__PURE__ */ e.createElement("div", { className: "h-[1px] w-full bg-gray-300" }), F = ({
-  icons: l,
-  credits: t = -1,
-  totalCredits: r = null,
-  profile: a,
-  logo: i,
-  clickDisable: n = !1,
-  logoutPanel: m,
-  id: o,
-  onRequestCredits: c,
-  onProceedToPayment: E,
-  containerId: w
-}) => {
-  const [p, d] = v(!1), [u, h] = v(!1), N = () => {
-    h(!0), d(!1);
-  };
-  return p ? /* @__PURE__ */ e.createElement("div", { className: "absolute top-0 bottom-0 z-10 w-full" }, /* @__PURE__ */ e.createElement(
-    I,
-    {
-      logo: i,
-      icons: l,
-      profile: a,
-      credits: t,
-      logoutPanel: m,
-      handleClose: () => d(!1),
-      onCreditsClick: N
-    }
-  )) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "relative z-10 w-full max-h-full", id: o }, /* @__PURE__ */ e.createElement("div", { className: "relative z-0 flex justify-between w-full px-3 py-2 bg-dark-2 h-14" }, p === !1 && /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: "grid w-10 h-10 cursor-pointer place-items-center",
-      onClick: () => d(!0)
-    },
-    /* @__PURE__ */ e.createElement(
-      "img",
+    (a || t) && /* @__PURE__ */ e.createElement(f, { className: "px-4 py-3" }, a && /* @__PURE__ */ e.createElement(h, null, /* @__PURE__ */ e.createElement(o, { variant: "h3", className: "text-light-2" }, a)), t && /* @__PURE__ */ e.createElement(b, null, /* @__PURE__ */ e.createElement(o, { variant: "body4", className: "text-light-4" }, t))),
+    /* @__PURE__ */ e.createElement("div", { className: "" }, n),
+    l && /* @__PURE__ */ e.createElement(
+      N,
       {
-        src: "https://frontend-static-files.geoiq.io/strapi/navbar_menu_33acae53c5.svg",
-        alt: "",
-        height: 20,
-        width: 20
-      }
+        className: r("rounded-b-xl bg-light-3 px-4 py-3", s)
+      },
+      l
     )
-  ), /* @__PURE__ */ e.createElement(x, { ...i }), /* @__PURE__ */ e.createElement(S, { ...a }))), !n && /* @__PURE__ */ e.createElement(
-    k,
-    {
-      open: u,
-      onClose: () => h(!1),
-      credit_details: r ? `Available: ${t}/${r}` : `Available: ${t}`,
-      onRequestCredits: c,
-      onProceedToPayment: E,
-      containerId: w,
-      className: "bg-light-1 fixed left-0 inset-y-0 h-full w-screen border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left",
-      dialogClassName: "hidden"
-    }
   ));
-};
+}
 export {
-  F as NavbarMobile
+  H as DialogClose,
+  x as DialogTrigger,
+  _ as _Dialog
 };
 //# sourceMappingURL=index.es41.js.map

package/dist/index.es41.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es41.js","sources":["../src/components/organisms/navbar/navbar-mobile.tsx"],"sourcesContent":["import { 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, NavbarPropsMobile } from './navbar.types'\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 NavbarIconAndText: React.FC<IconProps> = ({\n  alt,\n  className,\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('flex gap-4 py-2 cursor-pointer', className)}\n      {...(onClick && { onClick })}\n    >\n      <img {...{ src, alt }} height={25} width={25} />\n      <Typography variant=\"body2\" className=\"text-white\">\n        {tooltipText}\n      </Typography>\n    </div>\n  )\n\n  return returnWrap(navbarIcon)\n}\n\nconst Profile: React.FC<NavbarPropsMobile['profile']> = ({\n  src,\n  popoverOptions,\n  name = '',\n  email = '',\n}) => (\n  <Dropdown\n    dropdownContentProps={{ side: 'bottom', align: 'end', sideOffset: 24 }}\n    trigger={\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 Logo: React.FC<NavbarPropsMobile['logo']> = ({ src, alt }) => (\n  <img src={src} alt={alt} className=\"h-10\" />\n)\n\nconst MenuScreen: React.FC<\n  NavbarPropsMobile & {\n    handleClose: () => void\n    onCreditsClick: () => void\n  }\n> = ({\n  icons = [],\n  profile,\n  credits,\n  logoutPanel,\n  logo,\n  handleClose,\n  onCreditsClick,\n}) => (\n  <div className=\"absolute top-0 bottom-0 left-0 right-0 z-10 flex flex-col justify-between bg-dark-2\">\n    <div className=\"flex items-center justify-between w-full px-3 py-2 bg-dark-2\">\n      {/* Logo and Text */}\n      <div className=\"flex items-center gap-2\">\n        <Logo {...logo} />\n        <Typography variant=\"h2\" className=\"text-white\">\n          {logo?.text ?? ''}\n        </Typography>\n      </div>\n\n      {/* cross button */}\n      <div className=\"grid w-10 h-10 place-items-center\">\n        <img\n          src=\"https://frontend-static-files.geoiq.io/strapi/x_7520d97d3c.svg\"\n          alt=\"close\"\n          height={24}\n          width={24}\n          className=\"cursor-pointer\"\n          onClick={handleClose}\n        />\n      </div>\n    </div>\n\n    {/* Profile Information */}\n    <div className=\"flex justify-between items-center px-5 py-2 bg-[#212121] flex-shrink-0\">\n      <div className=\"flex items-center gap-2 overflow-hidden basis-4/5\">\n        <Avatar\n          imageSrc={profile?.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-12 h-12\"\n            />\n          }\n        />\n\n        <div className=\"flex flex-col gap-[2px] overflow-hidden\">\n          <Typography\n            variant=\"body3\"\n            className=\"overflow-hidden text-white text-ellipsis text-nowrap\"\n            title={profile?.name ?? ''}\n          >\n            {profile?.name ?? ''}\n          </Typography>\n          <Typography\n            variant=\"body3\"\n            className=\"overflow-hidden text-white text-ellipsis text-nowrap\"\n            title={profile?.email ?? ''}\n          >\n            {profile?.email ?? ''}\n          </Typography>\n        </div>\n      </div>\n\n      {credits >= 0 && (\n        <div\n          className=\"flex flex-col items-center gap-1 basis-1/5 cursor-pointer\"\n          onClick={onCreditsClick}\n        >\n          <div className=\"p-1 rounded brand-primary-secondary-gradient\">\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          <Typography\n            variant=\"body5\"\n            className=\"text-center text-white basis-1/5\"\n          >{`${credits} credits`}</Typography>\n        </div>\n      )}\n    </div>\n\n    {/* Main Icons */}\n    <div className=\"flex flex-col flex-grow w-full gap-3 px-6 py-4 overflow-auto\">\n      {(icons ?? []).map((icon, index) => (\n        <NavbarIconAndText key={index} {...icon} />\n      ))}\n    </div>\n\n    <div className=\"flex flex-col gap-4 pb-4\">\n      <Separator />\n\n      {/* Logout Button */}\n      <div\n        className=\"flex items-center w-full gap-4 px-6 cursor-pointer\"\n        onClick={logoutPanel.handleLogout}\n      >\n        <img\n          src=\"https://frontend-static-files.geoiq.io/strapi/log_out_e3fa361fb6.svg\"\n          alt=\"logout icon\"\n          height={24}\n          width={24}\n        />\n        <Typography className=\"text-white\" variant=\"body2\">\n          Log out\n        </Typography>\n      </div>\n\n      <Separator />\n\n      {/* Terms and Conditions + Privacy Policy */}\n      {logoutPanel?.bottomItems?.length > 0 && (\n        <div className=\"flex items-center justify-center w-full gap-6 px-6\">\n          {logoutPanel?.bottomItems?.[0]?.label && (\n            <Typography\n              variant=\"body3\"\n              className=\"text-white cursor-pointer nowrap\"\n              onClick={logoutPanel?.bottomItems[0].onClick}\n            >\n              {logoutPanel.bottomItems[0].label}\n            </Typography>\n          )}\n\n          {/* Show 'Dot' only for 2 items */}\n          {logoutPanel?.bottomItems?.length === 2 && (\n            <div className=\"w-1 h-1 mx-1 bg-white rounded-full bg-text4 shrink-0 grow-0\" />\n          )}\n\n          {logoutPanel?.bottomItems?.[1]?.label && (\n            <Typography\n              variant=\"body3\"\n              className=\"text-white cursor-pointer nowrap\"\n              onClick={logoutPanel?.bottomItems[1].onClick}\n            >\n              {logoutPanel.bottomItems[1].label}\n            </Typography>\n          )}\n        </div>\n      )}\n    </div>\n  </div>\n)\n\nconst Separator = () => <div className=\"h-[1px] w-full bg-gray-300\" />\n\nexport const NavbarMobile: React.FC<NavbarPropsMobile> = ({\n  icons,\n  credits = -1,\n  totalCredits = null,\n  profile,\n  logo,\n  clickDisable = false,\n  logoutPanel,\n  id,\n  onRequestCredits,\n  onProceedToPayment,\n  containerId,\n}) => {\n  const [showFullScreen, setShowFullScreen] = useState(false)\n  const [creditSheetOpen, setCreditSheetOpen] = useState(false)\n\n  const handleCreditsClick = () => {\n    setCreditSheetOpen(true)\n    setShowFullScreen(false) // Close the mobile menu\n  }\n\n  if (showFullScreen)\n    return (\n      <div className=\"absolute top-0 bottom-0 z-10 w-full\">\n        <MenuScreen\n          logo={logo}\n          icons={icons}\n          profile={profile}\n          credits={credits}\n          logoutPanel={logoutPanel}\n          handleClose={() => setShowFullScreen(false)}\n          onCreditsClick={handleCreditsClick}\n        />\n      </div>\n    )\n\n  return (\n    <>\n      <div className=\"relative z-10 w-full max-h-full\" id={id}>\n        <div className=\"relative z-0 flex justify-between w-full px-3 py-2 bg-dark-2 h-14\">\n          {/* Hamburger Menu */}\n          {showFullScreen === false && (\n            <div\n              className=\"grid w-10 h-10 cursor-pointer place-items-center\"\n              onClick={() => setShowFullScreen(true)}\n            >\n              <img\n                src=\"https://frontend-static-files.geoiq.io/strapi/navbar_menu_33acae53c5.svg\"\n                alt=\"\"\n                height={20}\n                width={20}\n              />\n            </div>\n          )}\n\n          <Logo {...logo} />\n\n          <Profile {...profile} />\n        </div>\n      </div>\n\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={containerId}\n          className=\"bg-light-1 fixed left-0 inset-y-0 h-full w-screen border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left\"\n          dialogClassName=\"hidden\"\n        />\n      )}\n    </>\n  )\n}\n"],"names":["ProfileHeader","name","email","classEllipsisAndOverflow","React","Typography","cn","NavbarIconAndText","alt","className","src","tooltipText","wrapper","onClick","returnWrap","children","navbarIcon","Profile","popoverOptions","Dropdown","Avatar","Logo","MenuScreen","icons","profile","credits","logoutPanel","logo","handleClose","onCreditsClick","icon","index","Separator","NavbarMobile","totalCredits","clickDisable","id","onRequestCredits","onProceedToPayment","containerId","showFullScreen","setShowFullScreen","useState","creditSheetOpen","setCreditSheetOpen","handleCreditsClick","CreditSheet"],"mappings":"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"}
+{"version":3,"file":"index.es41.js","sources":["../src/components/organisms/dialog/dialog.tsx"],"sourcesContent":["import React from 'react'\nimport {\n  Dialog,\n  DialogContent,\n  DialogDescription,\n  DialogFooter,\n  DialogHeader,\n  DialogTitle,\n  DialogTrigger,\n  DialogClose,\n} from './dialog-components'\nimport { DialogProps } from './dialog.types'\nimport { cn } from '@/lib/utils'\nimport { Typography } from '@/components/atoms/typography'\n\nfunction _Dialog({\n  trigger,\n  body,\n  title,\n  description,\n  footer,\n  onOpenChange,\n  open,\n  modal,\n  footerClassName,\n  contentClassName,\n  onInteractOutside,\n  onOpenAutoFocus,\n}: DialogProps) {\n  return (\n    <Dialog onOpenChange={onOpenChange} open={open} modal={modal}>\n      <DialogTrigger asChild>{trigger}</DialogTrigger>\n      <DialogContent\n        onInteractOutside={onInteractOutside}\n        onOpenAutoFocus={onOpenAutoFocus}\n        className={cn(\n          'max-w-full border border-neutral-1 bg-white',\n          contentClassName\n        )}\n      >\n        {(title || description) && (\n          <DialogHeader className=\"px-4 py-3\">\n            {title && (\n              <DialogTitle>\n                <Typography variant={'h3'} className=\"text-light-2\">\n                  {title}\n                </Typography>\n              </DialogTitle>\n            )}\n            {description && (\n              <DialogDescription>\n                <Typography variant={'body4'} className=\"text-light-4\">\n                  {description}\n                </Typography>\n              </DialogDescription>\n            )}\n          </DialogHeader>\n        )}\n        <div className=\"\">{body}</div>\n        {footer && (\n          <DialogFooter\n            className={cn('rounded-b-xl bg-light-3 px-4 py-3', footerClassName)}\n          >\n            {footer}\n          </DialogFooter>\n        )}\n      </DialogContent>\n    </Dialog>\n  )\n}\n\nexport { _Dialog, DialogClose, DialogTrigger }\n"],"names":["_Dialog","trigger","body","title","description","footer","onOpenChange","open","modal","footerClassName","contentClassName","onInteractOutside","onOpenAutoFocus","React","Dialog","DialogTrigger","DialogContent","cn","DialogHeader","DialogTitle","Typography","DialogDescription","DialogFooter"],"mappings":";;;;;AAeA,SAASA,EAAQ;AAAA,EACf,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,iBAAAC;AACF,GAAgB;AACd,SACEC,gBAAAA,EAAA,cAACC,GAAA,EAAO,cAAAR,GAA4B,MAAAC,GAAY,OAAAC,qCAC7CO,GAAA,EAAc,SAAO,GAAA,GAAEd,CAAQ,GAChCY,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,mBAAAL;AAAA,MACA,iBAAAC;AAAA,MACA,WAAWK;AAAA,QACT;AAAA,QACAP;AAAA,MAAA;AAAA,IACF;AAAA,KAEEP,KAASC,MACTS,gBAAAA,EAAA,cAACK,GAAA,EAAa,WAAU,eACrBf,KACCU,gBAAAA,EAAA,cAACM,GAAA,MACCN,gBAAAA,EAAA,cAACO,GAAA,EAAW,SAAS,MAAM,WAAU,eAAA,GAClCjB,CACH,CACF,GAEDC,KACCS,gBAAAA,EAAA,cAACQ,GAAA,MACCR,gBAAAA,EAAA,cAACO,GAAA,EAAW,SAAS,SAAS,WAAU,eAAA,GACrChB,CACH,CACF,CAEJ;AAAA,IAEFS,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,GAAA,GAAIX,CAAK;AAAA,IACvBG,KACCQ,gBAAAA,EAAA;AAAA,MAACS;AAAA,MAAA;AAAA,QACC,WAAWL,EAAG,qCAAqCR,CAAe;AAAA,MAAA;AAAA,MAEjEJ;AAAA,IAAA;AAAA,EACH,CAGN;AAEJ;"}

package/dist/index.es42.js

@@ -1,278 +1,49 @@
-import { Typography as i } from "./index.es17.js";
-import { Dropdown as j } from "./index.es20.js";
-import { cn as s } from "./index.es81.js";
-import e, { useState as O } from "react";
-import { AvatarDemo as z } from "./index.es4.js";
-import { CreditSheet as D } from "./index.es123.js";
-import { Button as W } from "./index.es7.js";
-import { ChevronRight as q, ChevronLeft as B } from "lucide-react";
-import L from "./index.es16.js";
-import { Badge as T } from "./index.es6.js";
-const $ = ({ name: t = "", email: r = "" }) => {
-  if (!(t || r)) return null;
-  const l = "text-ellipsis overflow-hidden";
-  return /* @__PURE__ */ e.createElement("div", { className: "flex flex-col px-2" }, t && /* @__PURE__ */ e.createElement(
-    i,
+import { Typography as l } from "./index.es19.js";
+import { Sheet as d, SheetTrigger as g, SheetContent as f, SheetHeader as y, SheetTitle as N, SheetDescription as v, SheetFooter as x } from "./index.es43.js";
+import { SheetClose as H } from "./index.es43.js";
+import e from "react";
+function _({
+  trigger: m,
+  content: o,
+  triggerProps: c,
+  contentProps: n,
+  title: r,
+  footer: t,
+  titleProps: h,
+  description: a,
+  descriptionProps: s,
+  onOpenChange: i,
+  open: b,
+  modal: p,
+  onInteractOutside: E,
+  bodyProps: u,
+  container: S
+}) {
+  return /* @__PURE__ */ e.createElement(d, { onOpenChange: i, open: b, modal: p }, /* @__PURE__ */ e.createElement(g, { asChild: !0, ...c }, m), /* @__PURE__ */ e.createElement(
+    f,
     {
-      variant: "body4",
-      className: s("text-light-1", l)
+      onInteractOutside: E,
+      ...n,
+      container: S
     },
-    t
-  ), r && /* @__PURE__ */ e.createElement(
-    i,
-    {
-      variant: "body5",
-      className: s("text-light-3", l)
-    },
-    r
-  ));
-}, x = ({
-  alt: t,
-  className: r,
-  isActive: l = !1,
-  isNew: n = !1,
-  src: m,
-  label: v,
-  tooltipText: o = "",
-  collapsed: c = !1,
-  wrapper: u = null,
-  onClick: f
-}) => {
-  const a = (p) => u?.(p) ?? p, d = /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: s(
-        "flex items-center gap-3 px-3 py-2.5 rounded-md hover:bg-hover-s3 cursor-pointer relative transition-colors",
-        l && "bg-click-s3",
-        c && "justify-center px-2",
-        r
-      ),
-      ...f && { onClick: f }
-    },
-    /* @__PURE__ */ e.createElement("div", { className: "relative flex items-center justify-center flex-shrink-0 w-5 h-5" }, /* @__PURE__ */ e.createElement("img", { src: m, alt: t, className: "w-5 h-5" }), /* @__PURE__ */ e.createElement(R, { isNew: n })),
-    !c && /* @__PURE__ */ e.createElement(i, { variant: "body4", className: "flex-1 truncate text-dark-1" }, v)
-  );
-  return a(
-    c && o ? (
-      // REMOVE the <div className="relative"> wrapper
-      /* @__PURE__ */ e.createElement(
-        L,
-        {
-          content: "",
-          headerText: /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-2" }, n && /* @__PURE__ */ e.createElement(T, { variant: "gradient", size: "sm" }, "NEW"), /* @__PURE__ */ e.createElement("div", null, o)),
-          sideOffset: 24,
-          triggerElement: d,
-          delayDuration: 100,
-          side: "right"
-        }
-      )
-    ) : d
-  );
-}, g = () => /* @__PURE__ */ e.createElement("div", { className: "my-2 h-[1px] w-full bg-white opacity-20" }), R = ({ isNew: t }) => t ? /* @__PURE__ */ e.createElement("div", { className: "absolute w-[6px] h-[6px] rounded-full bottom-0 right-0 bg-secondary-2" }) : null, F = ({
-  src: t,
-  popoverOptions: r,
-  name: l = "",
-  email: n = "",
-  collapsed: m = !1
-}) => /* @__PURE__ */ e.createElement(
-  j,
-  {
-    dropdownContentProps: {
-      sideOffset: 8,
-      side: "right",
-      align: "end",
-      style: { width: "200px" }
-    },
-    trigger: /* @__PURE__ */ e.createElement(
-      "button",
-      {
-        className: s(
-          "flex w-full items-center gap-3 p-3 hover:bg-hover-s3 transition-colors rounded-md cursor-pointer",
-          m && "justify-center p-2"
-        )
-      },
-      /* @__PURE__ */ e.createElement(
-        z,
-        {
-          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"
-            }
-          )
-        }
-      ),
-      !m && /* @__PURE__ */ e.createElement("div", { className: "flex-1 text-left" }, /* @__PURE__ */ e.createElement(
-        i,
-        {
-          variant: "body4",
-          className: "text-dark-1 mb-0.5 truncate",
-          style: { maxWidth: "140px" }
-        },
-        l
-      ), /* @__PURE__ */ e.createElement(
-        i,
-        {
-          variant: "body6",
-          className: "truncate text-dark-1",
-          style: { maxWidth: "140px" }
-        },
-        n
-      ))
-    ),
-    header: /* @__PURE__ */ e.createElement($, { name: l, email: n }),
-    optionGroups: r
-  }
-), G = ({
-  src: t,
-  alt: r,
-  text: l,
-  collapsed: n
-}) => /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ e.createElement("div", { className: "flex-shrink-0" }, /* @__PURE__ */ e.createElement("img", { src: t, alt: r, className: "w-10 h-10" })), !n && /* @__PURE__ */ e.createElement(i, { variant: "h3", className: "text-dark-1" }, l)), H = ({ credits: t, onClick: r, collapsed: l }) => t >= 0 && /* @__PURE__ */ e.createElement(
-  "div",
-  {
-    className: s(
-      "flex items-center gap-2 cursor-pointer rounded-md transition-colors",
-      l ? "justify-center p-2" : "px-3 py-2.5"
-    ),
-    onClick: r
-  },
-  /* @__PURE__ */ e.createElement("div", { className: "rounded brand-primary-secondary-gradient flex items-center gap-[2px] h-auto box-border p-1 w-auto px-2 justify-center flex-shrink-0" }, 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(i, { variant: "body5", className: "text-dark-1" }, 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"
-    }
-  )),
-  !l && /* @__PURE__ */ e.createElement(i, { variant: "body4", className: "flex-1 text-sm text-dark-1" }, "Credits")
-), I = ({
-  title: t,
-  collapsed: r
-}) => r ? null : /* @__PURE__ */ e.createElement(i, { variant: "body4", className: "px-2 mb-2 uppercase text-dark-1" }, t), ee = ({
-  icons: t,
-  credits: r = -1,
-  totalCredits: l = null,
-  profile: n,
-  logo: m,
-  className: v = "",
-  id: o,
-  clickDisable: c = !1,
-  onRequestCredits: u,
-  onProceedToPayment: f,
-  collapsed: a = !1,
-  onCollapsedChange: d,
-  width: p = "218px",
-  collapsedWidth: y = "64px",
-  showToggle: w = !0,
-  togglePosition: E = { top: "70px", right: "-10px" },
-  sections: k = [
-    { title: "ANALYSE", items: [] },
-    { title: "EXPAND", items: [] }
-  ]
-}) => {
-  const [C, N] = O(!1), S = {
-    top: E.top,
-    right: E.right,
-    left: E.left,
-    bottom: E.bottom
-  };
-  return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
-    "div",
-    {
-      className: s(
-        "bg-dark-2 h-full flex flex-col transition-all duration-300 ease-in-out relative",
-        v
-      ),
-      style: {
-        width: a ? y : p
-      },
-      id: o
-    },
-    w && /* @__PURE__ */ e.createElement("div", { className: "absolute z-10", style: S }, /* @__PURE__ */ e.createElement(
-      W,
-      {
-        onClick: () => d?.(!a),
-        size: "sm",
-        variant: "secondary"
-      },
-      a ? /* @__PURE__ */ e.createElement(q, { className: "w-4 h-4" }) : /* @__PURE__ */ e.createElement(B, { className: "w-4 h-4" })
-    )),
-    /* @__PURE__ */ e.createElement("div", { className: "px-3 py-6" }, /* @__PURE__ */ e.createElement(G, { ...m, collapsed: a })),
-    /* @__PURE__ */ e.createElement("div", { className: "flex-1 px-2 overflow-y-auto" }, k.map((b, h) => /* @__PURE__ */ e.createElement(
-      "div",
-      {
-        key: h,
-        className: s(
-          "mb-4",
-          h > 0 && "mt-6"
-          // Add extra top margin to sections after the first one
-        )
-      },
-      h === 1 && a && /* @__PURE__ */ e.createElement(g, null),
-      /* @__PURE__ */ e.createElement(I, { title: b.title, collapsed: a }),
-      /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-3" }, b.items.map((A, _) => /* @__PURE__ */ e.createElement(
-        x,
-        {
-          key: _,
-          ...A,
-          collapsed: a
-        }
-      )))
-    )), /* @__PURE__ */ e.createElement("div", { className: "pt-4 mt-4" }, a && /* @__PURE__ */ e.createElement(g, null), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-3" }, t.notification && /* @__PURE__ */ e.createElement(
-      x,
-      {
-        ...t.notification,
-        collapsed: a
-      }
-    ), t.chat && /* @__PURE__ */ e.createElement(x, { ...t.chat, collapsed: a })))),
-    /* @__PURE__ */ e.createElement("div", { className: "pb-2" }, /* @__PURE__ */ e.createElement(
+    r && /* @__PURE__ */ e.createElement(y, { className: "border-b border-neutral-1" }, /* @__PURE__ */ e.createElement(N, { ...h }, /* @__PURE__ */ e.createElement(l, { variant: "h3", className: "text-light-2" }, r))),
+    /* @__PURE__ */ e.createElement(
       "div",
       {
-        className: s(
-          "flex items-center gap-2 cursor-pointer rounded-md transition-colors",
-          a ? "justify-center p-2" : "p-2 py-2.5"
-        )
+        className: "p-3 overflow-y-auto",
+        style: {
+          height: t ? "calc(100vh - 8rem)" : "100%"
+        },
+        ...u
       },
-      /* @__PURE__ */ e.createElement(x, { ...t.help, collapsed: a })
-    ), /* @__PURE__ */ e.createElement(
-      H,
-      {
-        credits: r,
-        onClick: () => N(!0),
-        collapsed: a
-      }
-    ), /* @__PURE__ */ e.createElement(g, null), /* @__PURE__ */ e.createElement(F, { ...n, collapsed: a }))
-  ), !c && /* @__PURE__ */ e.createElement(
-    D,
-    {
-      open: C,
-      onClose: () => N(!1),
-      credit_details: l ? `Available: ${r}/${l}` : `Available: ${r}`,
-      onRequestCredits: u,
-      onProceedToPayment: f,
-      containerId: "navbar-container",
-      className: s(
-        "bg-light-1 pb-12 inset-y-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",
-        a ? "left-[66px]" : "left-[218px]"
-      ),
-      dialogClassName: "h-[150px] w-[150px] ml-4"
-    }
+      a && /* @__PURE__ */ e.createElement(v, { className: "pb-3", ...s }, /* @__PURE__ */ e.createElement(l, { variant: "body2", className: "text-light-4" }, a)),
+      o
+    ),
+    t && /* @__PURE__ */ e.createElement(x, { className: "absolute bottom-0 flex items-center w-full p-3 border-t bg-light-2 border-neutral-1" }, t)
   ));
-};
+}
 export {
-  ee as NavbarExtended
+  H as SheetClose,
+  _ as SheetPrimary
 };
 //# sourceMappingURL=index.es42.js.map