geoiq-frontend-ui-kit 1.1.34 → 1.1.35

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

@@ -1 +1 @@
-{"version":3,"file":"navbar-mobile.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/navbar/navbar-mobile.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAa,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAuN7D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAiEpD,CAAA"}
+{"version":3,"file":"navbar-mobile.d.ts","sourceRoot":"","sources":["../../../../src/components/organisms/navbar/navbar-mobile.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAa,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AA8O7D,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAgDpD,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.es63.js";
-import { ProgressVariants as i } from "./index.es76.js";
+import { ProgressVariants as i } from "./index.es72.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.es45.js";
 import "./index.es64.js";
 import "./index.es26.js";
 import "./index.es32.js";
-import { TextAreaVariants as u } from "./index.es75.js";
+import { TextAreaVariants as u } from "./index.es77.js";
 const m = e.forwardRef(
   ({ className: o, inputLabel: a, showTextCount: l, maximumTextCount: i, ...t }, f) => {
     const [r, s] = e.useState(!1), c = e.useRef(null);

package/dist/index.es18.js

@@ -1,7 +1,7 @@
 import * as o from "react";
 import { cn as m } from "./index.es63.js";
 import { TypographyVariants as n } from "./index.es57.js";
-import { defaultTypographyVariant as y, variantElementMap as i } from "./index.es73.js";
+import { defaultTypographyVariant as y, variantElementMap as i } from "./index.es78.js";
 const c = o.forwardRef(({ className: t, variant: r = y, ...a }, e) => {
   const p = i[r];
   return /* @__PURE__ */ o.createElement(

package/dist/index.es19.js

@@ -1,6 +1,6 @@
 import * as e from "react";
 import { cn as s } from "./index.es63.js";
-import { AlertVariants as f, AlertContentVariants as d, AlertButtonVariants as g } from "./index.es71.js";
+import { AlertVariants as f, AlertContentVariants as d, AlertButtonVariants as g } from "./index.es73.js";
 import { Button as p } from "./index.es7.js";
 import { Typography as u } from "./index.es18.js";
 const c = e.forwardRef(({ className: t, ...a }, r) => /* @__PURE__ */ e.createElement(

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.es79.js";
-import { DropdownMenu as g, DropdownMenuTrigger as y, DropdownMenuContent as d, DropdownMenuItem as h } from "./index.es77.js";
+import { Breadcrumb as E, BreadcrumbList as i, BreadcrumbSeparator as c, BreadcrumbItem as o, BreadcrumbEllipsis as b, BreadcrumbLink as u } from "./index.es74.js";
+import { DropdownMenu as g, DropdownMenuTrigger as y, DropdownMenuContent as d, DropdownMenuItem as h } from "./index.es75.js";
 import e from "react";
 import { Typography as B } from "./index.es18.js";
 import { cn as f } from "./index.es63.js";
-import { CrumbVariants as w } from "./index.es80.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,5 +1,5 @@
 import e from "react";
-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.es77.js";
+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.es75.js";
 function k({
   trigger: c,
   optionGroups: r,

package/dist/index.es24.js

@@ -1,7 +1,7 @@
 import { cn as s } from "./index.es63.js";
 import { useRanger as b } from "@tanstack/react-ranger";
 import e from "react";
-import { SliderBgColorVariants as a } from "./index.es74.js";
+import { SliderBgColorVariants as a } from "./index.es80.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.es63.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.es45.js";
 import { Popover as j, PopoverTrigger as B, PopoverContent as I } from "./index.es64.js";
-import { ComboBoxStates as T } from "./index.es78.js";
+import { ComboBoxStates as T } from "./index.es79.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.es63.js";
-import { SliderVariants as t } from "./index.es82.js";
+import { SliderVariants as t } from "./index.es83.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.es84.js";
+import { StepperProvider as r, StepGroup as p } from "./index.es81.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.es63.js";
-import { TabsVariants as d, TabTriggerVariants as T } from "./index.es81.js";
+import { TabsVariants as d, TabTriggerVariants as T } from "./index.es82.js";
 const c = e.forwardRef(({ className: a, variant: r, size: s, ...o }, i) => /* @__PURE__ */ e.createElement(
   t.List,
   {

package/dist/index.es38.js

@@ -4,7 +4,7 @@ import { Typography as c } from "./index.es18.js";
 import { Dropdown as x } from "./index.es21.js";
 import { cn as i } from "./index.es63.js";
 import e from "react";
-import { NavbarIconVariants as u } from "./index.es83.js";
+import { NavbarIconVariants as u } from "./index.es84.js";
 import { AvatarDemo as h } from "./index.es4.js";
 const N = ({ name: t = "", email: a = "" }) => {
   if (!(t || a)) return null;

package/dist/index.es39.js

@@ -1,27 +1,27 @@
 import { Typography as s } from "./index.es18.js";
 import { Dropdown as h } from "./index.es21.js";
-import { cn as m } from "./index.es63.js";
+import { cn as o } from "./index.es63.js";
 import e from "react";
 import { AvatarDemo as p } from "./index.es4.js";
-const g = ({ name: l = "", email: t = "" }) => {
+const x = ({ 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: m("text-light-1", r)
+      className: o("text-light-1", r)
     },
     l
   ), t && /* @__PURE__ */ e.createElement(
     s,
     {
       variant: "body5",
-      className: m("text-light-3", r)
+      className: o("text-light-3", r)
     },
     t
   ));
-}, x = ({
+}, b = ({
   alt: l,
   className: t,
   src: r,
@@ -29,17 +29,17 @@ const g = ({ name: l = "", email: t = "" }) => {
   wrapper: i = null,
   onClick: c
 }) => {
-  const n = (o) => i?.(o) ?? o, v = /* @__PURE__ */ e.createElement(
+  const n = (d) => i?.(d) ?? d, m = /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: m("flex gap-4 py-2 cursor-pointer", t),
+      className: o("flex gap-4 py-2 cursor-pointer", t),
       ...c && { onClick: c }
     },
     /* @__PURE__ */ e.createElement("img", { src: r, alt: l, height: 25, width: 25 }),
     /* @__PURE__ */ e.createElement(s, { variant: "body2", className: "text-white" }, a)
   );
-  return n(v);
-}, E = ({
+  return n(m);
+}, g = ({
   src: l,
   popoverOptions: t,
   name: r = "",
@@ -67,15 +67,27 @@ const g = ({ name: l = "", email: t = "" }) => {
         }
       ))
     ),
-    header: /* @__PURE__ */ e.createElement(g, { name: r, email: a }),
+    header: /* @__PURE__ */ e.createElement(x, { name: r, email: a }),
     optionGroups: t
   }
-), d = ({ src: l, alt: t }) => /* @__PURE__ */ e.createElement("img", { src: l, alt: t, className: "h-10" }), b = ({
+), v = ({ src: l, alt: t }) => /* @__PURE__ */ e.createElement("img", { src: l, alt: t, className: "h-10" }), E = ({
   icons: l = [],
   profile: t,
   credits: r,
-  logoutPanel: a
-}) => /* @__PURE__ */ e.createElement("div", { className: "bg-dark-2 absolute z-10 top-14 bottom-0 left-0 right-0 flex flex-col justify-between" }, /* @__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 gap-2 items-center basis-4/5 overflow-hidden" }, /* @__PURE__ */ e.createElement(
+  logoutPanel: a,
+  logo: i,
+  handleClose: c
+}) => /* @__PURE__ */ e.createElement("div", { className: "bg-dark-2 absolute z-10 top-0 bottom-0 left-0 right-0 flex flex-col justify-between" }, /* @__PURE__ */ e.createElement("div", { className: "flex justify-between items-center w-full bg-dark-2 px-3 py-2" }, /* @__PURE__ */ e.createElement("div", { className: "flex gap-2 items-center" }, /* @__PURE__ */ e.createElement(v, { ...i }), /* @__PURE__ */ e.createElement(s, { variant: "h2", className: "text-white" }, i?.text ?? "")), /* @__PURE__ */ e.createElement("div", { className: "w-10 h-10 grid 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: c
+  }
+))), /* @__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 gap-2 items-center basis-4/5 overflow-hidden" }, /* @__PURE__ */ e.createElement(
   p,
   {
     imageSrc: t?.src ?? "",
@@ -120,7 +132,7 @@ const g = ({ name: l = "", email: t = "" }) => {
     className: "text-white basis-1/5 text-center"
   },
   `${r} credits`
-))), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col flex-grow w-full gap-3 px-6 py-4 overflow-auto" }, (l ?? []).map((i, c) => /* @__PURE__ */ e.createElement(x, { key: c, ...i }))), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-4 pb-4" }, /* @__PURE__ */ e.createElement(f, null), /* @__PURE__ */ e.createElement(
+))), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col flex-grow w-full gap-3 px-6 py-4 overflow-auto" }, (l ?? []).map((n, m) => /* @__PURE__ */ e.createElement(b, { key: m, ...n }))), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-4 pb-4" }, /* @__PURE__ */ e.createElement(f, null), /* @__PURE__ */ e.createElement(
   "div",
   {
     className: "flex cursor-pointer items-center gap-4 px-6 w-full",
@@ -161,15 +173,17 @@ const g = ({ name: l = "", email: t = "" }) => {
   logoutPanel: i
 }) => {
   const [c, n] = e.useState(!1);
-  return /* @__PURE__ */ e.createElement("div", { className: "relative h-full w-full" }, c && /* @__PURE__ */ e.createElement(
-    b,
+  return c ? /* @__PURE__ */ e.createElement("div", { className: "absolute z-10 top-0 w-full bottom-0" }, /* @__PURE__ */ e.createElement(
+    E,
     {
+      logo: a,
       icons: l,
       profile: r,
       credits: t,
-      logoutPanel: i
+      logoutPanel: i,
+      handleClose: () => n(!1)
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: "w-full bg-dark-2 px-3 py-2 h-14 flex justify-between relative z-0" }, c === !1 && /* @__PURE__ */ e.createElement(
+  )) : /* @__PURE__ */ e.createElement("div", { className: "relative max-h-full w-full z-10" }, /* @__PURE__ */ e.createElement("div", { className: "w-full bg-dark-2 px-3 py-2 h-14 flex justify-between relative z-0" }, c === !1 && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: "grid place-items-center h-10 w-10 cursor-pointer",
@@ -184,17 +198,7 @@ const g = ({ name: l = "", email: t = "" }) => {
         width: 20
       }
     )
-  ), c ? /* @__PURE__ */ e.createElement("div", { className: "flex gap-2 items-center" }, /* @__PURE__ */ e.createElement(d, { ...a }), /* @__PURE__ */ e.createElement(s, { variant: "h2", className: "text-white" }, a?.text ?? "")) : /* @__PURE__ */ e.createElement(d, { ...a }), c ? /* @__PURE__ */ e.createElement("div", { className: "w-10 h-10 grid 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(!1)
-    }
-  )) : /* @__PURE__ */ e.createElement(E, { ...r })));
+  ), /* @__PURE__ */ e.createElement(v, { ...a }), /* @__PURE__ */ e.createElement(g, { ...r })));
 };
 export {
   _ as NavbarMobile

package/dist/index.es39.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es39.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 from 'react'\nimport { IconProps, NavbarPropsMobile } from './navbar.types'\nimport { Avatar } from '@/components/atoms/avatar'\n\nconst ProfileHeader = ({ name = '', email = '' }) => {\n  if (!(name || email)) return null\n\n  const classEllipsisAndOverflow: React.ComponentProps<'div'>['className'] =\n    'text-ellipsis overflow-hidden'\n\n  return (\n    <div className=\"flex flex-col px-2\">\n      {name && (\n        <Typography\n          variant=\"body4\"\n          className={cn('text-light-1', classEllipsisAndOverflow)}\n        >\n          {name}\n        </Typography>\n      )}\n      {email && (\n        <Typography\n          variant=\"body5\"\n          className={cn('text-light-3', classEllipsisAndOverflow)}\n        >\n          {email}\n        </Typography>\n      )}\n    </div>\n  )\n}\n\nconst 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      // className={cn(NavbarIconVariants({ isActive }), 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 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 Logo: React.FC<NavbarPropsMobile['logo']> = ({ src, alt }) => (\n  <img src={src} alt={alt} className=\"h-10\" />\n)\n\nconst MenuScreen: React.FC<Omit<NavbarPropsMobile, 'logo'>> = ({\n  icons = [],\n  profile,\n  credits,\n  logoutPanel,\n}) => (\n  <div className=\"bg-dark-2 absolute z-10 top-14 bottom-0 left-0 right-0 flex flex-col justify-between\">\n    {/* Profile Information */}\n    <div className=\"flex justify-between items-center px-5 py-2 bg-[#212121] flex-shrink-0\">\n      <div className=\"flex gap-2 items-center basis-4/5 overflow-hidden\">\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=\"text-white text-ellipsis overflow-hidden text-nowrap\"\n            title={profile?.name ?? ''}\n          >\n            {profile?.name ?? ''}\n          </Typography>\n          <Typography\n            variant=\"body3\"\n            className=\"text-white text-ellipsis overflow-hidden text-nowrap\"\n            title={profile?.email ?? ''}\n          >\n            {profile?.email ?? ''}\n          </Typography>\n        </div>\n      </div>\n\n      {credits >= 0 && (\n        <div className=\"flex flex-col gap-1 items-center basis-1/5\">\n          <div className=\"rounded brand-primary-secondary-gradient p-1\">\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/navbar_credits_247858e26a.svg\"\n              alt=\"coin icon\"\n              className=\"h-4 w-4\"\n            />\n          </div>\n\n          <Typography\n            variant=\"body5\"\n            className=\"text-white basis-1/5 text-center\"\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 cursor-pointer items-center gap-4 px-6 w-full\"\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 gap-6 px-6 justify-center  w-full\">\n          {logoutPanel?.bottomItems?.[0]?.label && (\n            <Typography\n              variant=\"body3\"\n              className=\"nowrap cursor-pointer text-white\"\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=\"h-1 w-1 bg-text4 rounded-full mx-1 shrink-0 grow-0 bg-white\" />\n          )}\n\n          {logoutPanel?.bottomItems?.[1]?.label && (\n            <Typography\n              variant=\"body3\"\n              className=\"nowrap cursor-pointer text-white\"\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  // login,\n  icons,\n  credits = -1,\n  profile,\n  logo,\n  logoutPanel,\n}) => {\n  const [showFullScreen, setShowFullScreen] = React.useState(false)\n\n  return (\n    <div className=\"relative h-full w-full\">\n      {showFullScreen && (\n        <MenuScreen\n          icons={icons}\n          profile={profile}\n          credits={credits}\n          logoutPanel={logoutPanel}\n        />\n      )}\n\n      <div className=\"w-full bg-dark-2 px-3 py-2 h-14 flex justify-between relative z-0\">\n        {/* Hamburger Menu */}\n        {showFullScreen === false && (\n          <div\n            className=\"grid place-items-center h-10 w-10 cursor-pointer\"\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        {showFullScreen ? (\n          <div className=\"flex gap-2 items-center\">\n            <Logo {...logo} />\n            <Typography variant=\"h2\" className=\"text-white\">\n              {logo?.text ?? ''}\n            </Typography>\n          </div>\n        ) : (\n          <Logo {...logo} />\n        )}\n\n        {showFullScreen ? (\n          <div className=\"w-10 h-10 grid 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={() => setShowFullScreen(false)}\n            />\n          </div>\n        ) : (\n          <Profile {...profile} />\n        )}\n      </div>\n    </div>\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","icon","index","Separator","NavbarMobile","logo","showFullScreen","setShowFullScreen"],"mappings":"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"}
+{"version":3,"file":"index.es39.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 from 'react'\nimport { IconProps, NavbarPropsMobile } from './navbar.types'\nimport { Avatar } from '@/components/atoms/avatar'\n\nconst ProfileHeader = ({ name = '', email = '' }) => {\n  if (!(name || email)) return null\n\n  const classEllipsisAndOverflow: React.ComponentProps<'div'>['className'] =\n    'text-ellipsis overflow-hidden'\n\n  return (\n    <div className=\"flex flex-col px-2\">\n      {name && (\n        <Typography\n          variant=\"body4\"\n          className={cn('text-light-1', classEllipsisAndOverflow)}\n        >\n          {name}\n        </Typography>\n      )}\n      {email && (\n        <Typography\n          variant=\"body5\"\n          className={cn('text-light-3', classEllipsisAndOverflow)}\n        >\n          {email}\n        </Typography>\n      )}\n    </div>\n  )\n}\n\nconst 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      // className={cn(NavbarIconVariants({ isActive }), 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 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 Logo: React.FC<NavbarPropsMobile['logo']> = ({ src, alt }) => (\n  <img src={src} alt={alt} className=\"h-10\" />\n)\n\nconst MenuScreen: React.FC<NavbarPropsMobile & { handleClose: () => void }> = ({\n  icons = [],\n  profile,\n  credits,\n  logoutPanel,\n  logo,\n  handleClose,\n}) => (\n  <div className=\"bg-dark-2 absolute z-10 top-0 bottom-0 left-0 right-0 flex flex-col justify-between\">\n    <div className=\"flex justify-between items-center w-full bg-dark-2 px-3 py-2\">\n      {/* Logo and Text */}\n      <div className=\"flex gap-2 items-center\">\n        <Logo {...logo} />\n        <Typography variant=\"h2\" className=\"text-white\">\n          {logo?.text ?? ''}\n        </Typography>\n      </div>\n\n      {/* cross button */}\n      <div className=\"w-10 h-10 grid 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    {/* Profile Information */}\n    <div className=\"flex justify-between items-center px-5 py-2 bg-[#212121] flex-shrink-0\">\n      <div className=\"flex gap-2 items-center basis-4/5 overflow-hidden\">\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=\"text-white text-ellipsis overflow-hidden text-nowrap\"\n            title={profile?.name ?? ''}\n          >\n            {profile?.name ?? ''}\n          </Typography>\n          <Typography\n            variant=\"body3\"\n            className=\"text-white text-ellipsis overflow-hidden text-nowrap\"\n            title={profile?.email ?? ''}\n          >\n            {profile?.email ?? ''}\n          </Typography>\n        </div>\n      </div>\n\n      {credits >= 0 && (\n        <div className=\"flex flex-col gap-1 items-center basis-1/5\">\n          <div className=\"rounded brand-primary-secondary-gradient p-1\">\n            <img\n              src=\"https://frontend-static-files.geoiq.io/strapi/navbar_credits_247858e26a.svg\"\n              alt=\"coin icon\"\n              className=\"h-4 w-4\"\n            />\n          </div>\n\n          <Typography\n            variant=\"body5\"\n            className=\"text-white basis-1/5 text-center\"\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 cursor-pointer items-center gap-4 px-6 w-full\"\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 gap-6 px-6 justify-center  w-full\">\n          {logoutPanel?.bottomItems?.[0]?.label && (\n            <Typography\n              variant=\"body3\"\n              className=\"nowrap cursor-pointer text-white\"\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=\"h-1 w-1 bg-text4 rounded-full mx-1 shrink-0 grow-0 bg-white\" />\n          )}\n\n          {logoutPanel?.bottomItems?.[1]?.label && (\n            <Typography\n              variant=\"body3\"\n              className=\"nowrap cursor-pointer text-white\"\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  // login,\n  icons,\n  credits = -1,\n  profile,\n  logo,\n  logoutPanel,\n}) => {\n  const [showFullScreen, setShowFullScreen] = React.useState(false)\n\n  if (showFullScreen)\n    return (\n      <div className=\"absolute z-10 top-0 w-full bottom-0\">\n        <MenuScreen\n          logo={logo}\n          icons={icons}\n          profile={profile}\n          credits={credits}\n          logoutPanel={logoutPanel}\n          handleClose={() => setShowFullScreen(false)}\n        />\n      </div>\n    )\n\n  return (\n    <div className=\"relative max-h-full w-full z-10\">\n      <div className=\"w-full bg-dark-2 px-3 py-2 h-14 flex justify-between relative z-0\">\n        {/* Hamburger Menu */}\n        {showFullScreen === false && (\n          <div\n            className=\"grid place-items-center h-10 w-10 cursor-pointer\"\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}\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","icon","index","Separator","NavbarMobile","showFullScreen","setShowFullScreen"],"mappings":"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"}

package/dist/index.es57.js

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

package/dist/index.es71.js

@@ -1,48 +1,52 @@
-import { cva as t } from "class-variance-authority";
-const r = t(
-  "relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ",
+import { cva as r } from "class-variance-authority";
+const s = r(
+  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  
+    text-light-2 px-3 py-2
+    file:border-0 file:bg-transparent
+    placeholder:font-normal placeholder:text-light-4`,
   {
     variants: {
-      variant: {
-        info: " text-text4 dark:border-danger [&>svg]:text-danger bg-info-1",
-        success: "text-text4  dark:border-danger [&>svg]:text-danger bg-success-1",
-        warning: "text-text4  dark:border-danger [&>svg]:text-danger bg-warning-1 ",
-        error: " text-text4  dark:border-danger [&>svg]:text-danger bg-danger-1",
-        default: "text-text4  bg-background text-foreground"
+      isError: {
+        true: "",
+        false: ""
+      },
+      isFocused: {
+        true: "",
+        false: ""
       },
-      shortContent: {
-        true: "items-center flex flex-row gap-3",
+      disabled: {
+        true: "bg-light-3 border-neutral-2 cursor-not-allowed",
         false: ""
       }
     },
     defaultVariants: {
-      variant: "info"
-    }
-  }
-), a = t("", {
-  variants: {
-    shortContent: {
-      true: "justify-between w-full items-center flex flex-row gap-3",
-      false: "flex flex-col gap-2  justify-start items-start"
-    }
-  },
-  defaultVariants: {
-    shortContent: !1
-  }
-}), n = t(" max-w-[fit-content] ", {
-  variants: {
-    shortContent: {
-      true: "bg-rest-s1",
-      false: "bg-rest-s1"
-    }
-  },
-  defaultVariants: {
-    shortContent: !1
+      isError: !1
+    },
+    compoundVariants: [
+      {
+        isError: !0,
+        isFocused: !0,
+        className: "border-danger-2 ring-4 ring-danger-1"
+      },
+      {
+        isError: !1,
+        isFocused: !0,
+        className: "border-primary-2 ring-4 ring-primary-1"
+      },
+      {
+        isError: !0,
+        isFocused: !1,
+        className: "border-danger-2"
+      },
+      {
+        isError: !1,
+        isFocused: !1,
+        className: "border-light-2"
+      }
+    ]
   }
-});
+);
 export {
-  n as AlertButtonVariants,
-  a as AlertContentVariants,
-  r as AlertVariants
+  s as InputVariants
 };
 //# sourceMappingURL=index.es71.js.map

package/dist/index.es71.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es71.js","sources":["../src/components/molecules/alert/alert.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const AlertVariants = cva(\n  'relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ',\n  {\n    variants: {\n      variant: {\n        info: ' text-text4 dark:border-danger [&>svg]:text-danger bg-info-1',\n        success:\n          'text-text4  dark:border-danger [&>svg]:text-danger bg-success-1',\n        warning:\n          'text-text4  dark:border-danger [&>svg]:text-danger bg-warning-1 ',\n        error:\n          ' text-text4  dark:border-danger [&>svg]:text-danger bg-danger-1',\n        default: 'text-text4  bg-background text-foreground',\n      },\n      shortContent: {\n        true: 'items-center flex flex-row gap-3',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }\n)\n\nexport const AlertContentVariants = cva('', {\n  variants: {\n    shortContent: {\n      true: 'justify-between w-full items-center flex flex-row gap-3',\n      false: 'flex flex-col gap-2  justify-start items-start',\n    },\n  },\n  defaultVariants: {\n    shortContent: false,\n  },\n})\n\nexport const AlertButtonVariants = cva(' max-w-[fit-content] ', {\n  variants: {\n    shortContent: {\n      true: 'bg-rest-s1',\n      false: 'bg-rest-s1',\n    },\n  },\n  defaultVariants: {\n    shortContent: false,\n  },\n})\n"],"names":["AlertVariants","cva","AlertContentVariants","AlertButtonVariants"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SACE;AAAA,QACF,SACE;AAAA,QACF,OACE;AAAA,QACF,SAAS;AAAA,MACX;AAAA,MACA,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEaC,IAAuBD,EAAI,IAAI;AAAA,EAC1C,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,cAAc;AAAA,EAChB;AACF,CAAC,GAEYE,IAAsBF,EAAI,yBAAyB;AAAA,EAC9D,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,cAAc;AAAA,EAChB;AACF,CAAC;"}
+{"version":3,"file":"index.es71.js","sources":["../src/components/atoms/input/input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const InputVariants = cva(\n  ` h-[38px] w-full border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg  \n    text-light-2 px-3 py-2\n    file:border-0 file:bg-transparent\n    placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isError: {\n        true: '',\n        false: '',\n      },\n      isFocused: {\n        true: '',\n        false: '',\n      },\n      disabled: {\n        true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isError: false,\n    },\n    compoundVariants: [\n      {\n        isError: true,\n        isFocused: true,\n        className: 'border-danger-2 ring-4 ring-danger-1',\n      },\n      {\n        isError: false,\n        isFocused: true,\n        className: 'border-primary-2 ring-4 ring-primary-1',\n      },\n      {\n        isError: true,\n        isFocused: false,\n        className: 'border-danger-2',\n      },\n      {\n        isError: false,\n        isFocused: false,\n        className: 'border-light-2',\n      },\n    ],\n  }\n)\n"],"names":["InputVariants","cva"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,MACA,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,IACA,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,MACA;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AACF;"}

package/dist/index.es72.js

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

package/dist/index.es72.js.map

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

package/dist/index.es73.js

@@ -1,25 +1,48 @@
-const p = {
-  display1: "p",
-  display2: "p",
-  display3: "p",
-  h1: "h1",
-  h2: "h2",
-  h3: "h3",
-  body1: "p",
-  body2: "p",
-  body3: "p",
-  body4: "p",
-  body5: "p",
-  body6: "p"
-  // overline1: 'p',
-  // overline2: 'p',
-  // overline3: 'p',
-  // 'cta-large': 'p',
-  // 'cta-normal': 'p',
-  // 'cta-small': 'p',
-}, y = "body1";
+import { cva as t } from "class-variance-authority";
+const r = t(
+  "relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ",
+  {
+    variants: {
+      variant: {
+        info: " text-text4 dark:border-danger [&>svg]:text-danger bg-info-1",
+        success: "text-text4  dark:border-danger [&>svg]:text-danger bg-success-1",
+        warning: "text-text4  dark:border-danger [&>svg]:text-danger bg-warning-1 ",
+        error: " text-text4  dark:border-danger [&>svg]:text-danger bg-danger-1",
+        default: "text-text4  bg-background text-foreground"
+      },
+      shortContent: {
+        true: "items-center flex flex-row gap-3",
+        false: ""
+      }
+    },
+    defaultVariants: {
+      variant: "info"
+    }
+  }
+), a = t("", {
+  variants: {
+    shortContent: {
+      true: "justify-between w-full items-center flex flex-row gap-3",
+      false: "flex flex-col gap-2  justify-start items-start"
+    }
+  },
+  defaultVariants: {
+    shortContent: !1
+  }
+}), n = t(" max-w-[fit-content] ", {
+  variants: {
+    shortContent: {
+      true: "bg-rest-s1",
+      false: "bg-rest-s1"
+    }
+  },
+  defaultVariants: {
+    shortContent: !1
+  }
+});
 export {
-  y as defaultTypographyVariant,
-  p as variantElementMap
+  n as AlertButtonVariants,
+  a as AlertContentVariants,
+  r as AlertVariants
 };
 //# sourceMappingURL=index.es73.js.map

package/dist/index.es73.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es73.js","sources":["../src/components/atoms/typography/typography.config.ts"],"sourcesContent":["export const variantElementMap = {\n  display1: 'p',\n  display2: 'p',\n  display3: 'p',\n  h1: 'h1',\n  h2: 'h2',\n  h3: 'h3',\n  body1: 'p',\n  body2: 'p',\n  body3: 'p',\n  body4: 'p',\n  body5: 'p',\n  body6: 'p',\n  // overline1: 'p',\n  // overline2: 'p',\n  // overline3: 'p',\n  // 'cta-large': 'p',\n  // 'cta-normal': 'p',\n  // 'cta-small': 'p',\n}\n\nexport const defaultTypographyVariant = 'body1'\n"],"names":["variantElementMap","defaultTypographyVariant"],"mappings":"AAAO,MAAMA,IAAoB;AAAA,EAC/B,UAAU;AAAA,EACV,UAAU;AAAA,EACV,UAAU;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA,EACP,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOT,GAEaC,IAA2B;"}
+{"version":3,"file":"index.es73.js","sources":["../src/components/molecules/alert/alert.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const AlertVariants = cva(\n  'relative rounded-xl flex flex-row h-full items-start gap-2 border px-4 py-4 text-sm ',\n  {\n    variants: {\n      variant: {\n        info: ' text-text4 dark:border-danger [&>svg]:text-danger bg-info-1',\n        success:\n          'text-text4  dark:border-danger [&>svg]:text-danger bg-success-1',\n        warning:\n          'text-text4  dark:border-danger [&>svg]:text-danger bg-warning-1 ',\n        error:\n          ' text-text4  dark:border-danger [&>svg]:text-danger bg-danger-1',\n        default: 'text-text4  bg-background text-foreground',\n      },\n      shortContent: {\n        true: 'items-center flex flex-row gap-3',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      variant: 'info',\n    },\n  }\n)\n\nexport const AlertContentVariants = cva('', {\n  variants: {\n    shortContent: {\n      true: 'justify-between w-full items-center flex flex-row gap-3',\n      false: 'flex flex-col gap-2  justify-start items-start',\n    },\n  },\n  defaultVariants: {\n    shortContent: false,\n  },\n})\n\nexport const AlertButtonVariants = cva(' max-w-[fit-content] ', {\n  variants: {\n    shortContent: {\n      true: 'bg-rest-s1',\n      false: 'bg-rest-s1',\n    },\n  },\n  defaultVariants: {\n    shortContent: false,\n  },\n})\n"],"names":["AlertVariants","cva","AlertContentVariants","AlertButtonVariants"],"mappings":";AAEO,MAAMA,IAAgBC;AAAA,EAC3B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,SACE;AAAA,QACF,SACE;AAAA,QACF,OACE;AAAA,QACF,SAAS;AAAA,MACX;AAAA,MACA,cAAc;AAAA,QACZ,MAAM;AAAA,QACN,OAAO;AAAA,MACT;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEaC,IAAuBD,EAAI,IAAI;AAAA,EAC1C,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,cAAc;AAAA,EAChB;AACF,CAAC,GAEYE,IAAsBF,EAAI,yBAAyB;AAAA,EAC9D,UAAU;AAAA,IACR,cAAc;AAAA,MACZ,MAAM;AAAA,MACN,OAAO;AAAA,IACT;AAAA,EACF;AAAA,EACA,iBAAiB;AAAA,IACf,cAAc;AAAA,EAChB;AACF,CAAC;"}