geoiq-frontend-ui-kit 2.0.1 → 2.0.3

package/dist/index42.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index42.es.js","sources":["../src/components/organisms/sheet/sheet.tsx"],"sourcesContent":["import { Typography } from '@/components/atoms/typography'\nimport {\n  Sheet,\n  SheetClose,\n  SheetContent,\n  SheetDescription,\n  SheetFooter,\n  SheetHeader,\n  SheetTitle,\n  SheetTrigger,\n} from './sheet-components'\nimport { SheetProps } from './sheet.types'\nimport React from 'react'\n\nexport function SheetPrimary({\n  trigger,\n  content,\n  triggerProps,\n  contentProps,\n  title,\n  footer,\n  titleProps,\n  description,\n  descriptionProps,\n  onOpenChange,\n  open,\n  modal,\n  onInteractOutside,\n  bodyProps,\n  container,\n}: SheetProps) {\n  return (\n    <Sheet onOpenChange={onOpenChange} open={open} modal={modal}>\n      <SheetTrigger asChild {...triggerProps}>\n        {trigger}\n      </SheetTrigger>\n      <SheetContent\n        onInteractOutside={onInteractOutside}\n        {...contentProps}\n        container={container}\n      >\n        {title && (\n          <SheetHeader className=\"border-b border-neutral-1\">\n            <SheetTitle {...titleProps}>\n              <Typography variant={'h3'} className=\"text-light-2\">\n                {title}\n              </Typography>\n            </SheetTitle>\n          </SheetHeader>\n        )}\n        <div\n          className=\"p-3 overflow-y-auto\"\n          style={{\n            height: footer ? `calc(100vh - 8rem)` : '100%',\n          }}\n          {...bodyProps}\n        >\n          {description && (\n            <SheetDescription className=\"pb-3\" {...descriptionProps}>\n              <Typography variant={'body2'} className=\"text-light-4\">\n                {description}\n              </Typography>\n            </SheetDescription>\n          )}\n\n          {content}\n        </div>\n        {footer && (\n          <SheetFooter className=\"absolute bottom-0 flex items-center w-full p-3 border-t bg-light-2 border-neutral-1\">\n            {footer}\n          </SheetFooter>\n        )}\n      </SheetContent>\n    </Sheet>\n  )\n}\n\nexport { SheetClose }\n"],"names":["SheetPrimary","trigger","content","triggerProps","contentProps","title","footer","titleProps","description","descriptionProps","onOpenChange","open","modal","onInteractOutside","bodyProps","container","React","Sheet","SheetTrigger","SheetContent","SheetHeader","SheetTitle","Typography","SheetDescription","SheetFooter"],"mappings":";;;;AAcO,SAASA,EAAa;AAAA,EAC3B,SAAAC;AAAA,EACA,SAAAC;AAAA,EACA,cAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,kBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,WAAAC;AAAA,EACA,WAAAC;AACF,GAAe;AACb,SACEC,gBAAAA,EAAA,cAACC,GAAA,EAAM,cAAAP,GAA4B,MAAAC,GAAY,OAAAC,EAAA,GAC7CI,gBAAAA,EAAA,cAACE,GAAA,EAAa,SAAO,IAAE,GAAGf,EAAA,GACvBF,CACH,GACAe,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,mBAAAN;AAAA,MACC,GAAGT;AAAA,MACJ,WAAAW;AAAA,IAAA;AAAA,IAECV,KACCW,gBAAAA,EAAA,cAACI,GAAA,EAAY,WAAU,4BAAA,mCACpBC,GAAA,EAAY,GAAGd,EAAA,GACdS,gBAAAA,EAAA,cAACM,KAAW,SAAS,MAAM,WAAU,eAAA,GAClCjB,CACH,CACF,CACF;AAAA,IAEFW,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAU;AAAA,QACV,OAAO;AAAA,UACL,QAAQV,IAAS,uBAAuB;AAAA,QAAA;AAAA,QAEzC,GAAGQ;AAAA,MAAA;AAAA,MAEHN,KACCQ,gBAAAA,EAAA,cAACO,GAAA,EAAiB,WAAU,QAAQ,GAAGd,EAAA,GACrCO,gBAAAA,EAAA,cAACM,GAAA,EAAW,SAAS,SAAS,WAAU,eAAA,GACrCd,CACH,CACF;AAAA,MAGDN;AAAA,IAAA;AAAA,IAEFI,KACCU,gBAAAA,EAAA,cAACQ,GAAA,EAAY,WAAU,yFACpBlB,CACH;AAAA,EAAA,CAGN;AAEJ;"}

package/dist/{index.es39.js → index43.es.js}

@@ -2,7 +2,7 @@ import * as e from "react";
 import * as t from "@radix-ui/react-dialog";
 import { cva as m } from "class-variance-authority";
 import { X as c } from "lucide-react";
-import { cn as r } from "./index.es81.js";
+import { cn as r } from "./index89.es.js";
 const v = t.Root, w = t.Trigger, E = t.Close, f = t.Portal, n = e.forwardRef(({ className: a, ...o }, s) => /* @__PURE__ */ e.createElement(
   t.Overlay,
   {
@@ -98,4 +98,4 @@ export {
   y as SheetTitle,
   w as SheetTrigger
 };
-//# sourceMappingURL=index.es39.js.map
+//# sourceMappingURL=index43.es.js.map

package/dist/{index.es39.js.map → index43.es.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":"index43.es.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;"}

package/dist/index44.es.js

@@ -0,0 +1,18 @@
+import { Slot as p } from "@radix-ui/react-slot";
+import m, { useImperativeHandle as f } from "react";
+import { useImageEditor as l } from "./index45.es.js";
+const n = m.forwardRef(({ trigger: i, image: o, backgroundImage: r, state: t, ...a }, d) => {
+  const e = l({ image: o, backgroundImage: r, state: t, ...a });
+  return f(d, () => e, [e]), /* @__PURE__ */ m.createElement(
+    p,
+    {
+      onClick: () => e.open({ image: o ?? r, state: t })
+    },
+    i
+  );
+});
+n.displayName = "ImageEditor";
+export {
+  n as ImageEditor
+};
+//# sourceMappingURL=index44.es.js.map

package/dist/index44.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index44.es.js","sources":["../src/components/organisms/image-editor/image-editor.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot'\nimport React, { useImperativeHandle } from 'react'\n\nimport { ImageEditorInstance, ImageEditorProps } from './image-editor.types'\nimport { useImageEditor } from './use-image-editor'\n\nexport const ImageEditor = React.forwardRef<\n  ImageEditorInstance,\n  ImageEditorProps\n>(({ trigger, image, backgroundImage, state, ...config }, ref) => {\n  const editor = useImageEditor({ image, backgroundImage, state, ...config })\n\n  useImperativeHandle(ref, () => editor, [editor])\n\n  return (\n    <Slot\n      onClick={() => editor.open({ image: image ?? backgroundImage, state })}\n    >\n      {trigger}\n    </Slot>\n  )\n})\n\nImageEditor.displayName = 'ImageEditor'\n"],"names":["ImageEditor","React","trigger","image","backgroundImage","state","config","ref","editor","useImageEditor","useImperativeHandle","Slot"],"mappings":";;;AAMO,MAAMA,IAAcC,EAAM,WAG/B,CAAC,EAAE,SAAAC,GAAS,OAAAC,GAAO,iBAAAC,GAAiB,OAAAC,GAAO,GAAGC,EAAA,GAAUC,MAAQ;AAChE,QAAMC,IAASC,EAAe,EAAE,OAAAN,GAAO,iBAAAC,GAAiB,OAAAC,GAAO,GAAGC,GAAQ;AAE1E,SAAAI,EAAoBH,GAAK,MAAMC,GAAQ,CAACA,CAAM,CAAC,GAG7CP,gBAAAA,EAAA;AAAA,IAACU;AAAA,IAAA;AAAA,MACC,SAAS,MAAMH,EAAO,KAAK,EAAE,OAAOL,KAASC,GAAiB,OAAAC,EAAA,CAAO;AAAA,IAAA;AAAA,IAEpEH;AAAA,EAAA;AAGP,CAAC;AAEDF,EAAY,cAAc;"}

package/dist/index45.es.js

@@ -0,0 +1,67 @@
+import k, { useRef as c, useState as y, useEffect as f } from "react";
+import { createRoot as I } from "./index117.es.js";
+import { ImageEditorModal as w } from "./index118.es.js";
+import { notifyNativeImageEditorState as m } from "./index119.es.js";
+import U from "./index120.es.js";
+function A(u) {
+  const s = c(u);
+  s.current = u;
+  const n = c(null), [p, v] = y(null), [d, g] = y(!1);
+  if (!n.current && typeof window < "u") {
+    const e = s.current;
+    n.current = U.create({
+      ...e,
+      image: e.image ?? e.backgroundImage,
+      onSave: async (t, o) => {
+        const a = s.current;
+        if (a.onAssetUpload) {
+          const R = t.type === "image/jpeg" ? "jpg" : "png", E = new File([t.blob], `edit.${R}`, {
+            type: t.type
+          }), b = await a.onAssetUpload(E);
+          a.onSave({ ...t, ...b }, o);
+          return;
+        }
+        a.onSave(t, o);
+      },
+      onUiChange: v
+    });
+  }
+  f(() => {
+    const e = n.current;
+    if (!e) return;
+    const t = () => {
+      g(!0), m(!0);
+    }, o = () => {
+      g(!1), m(!1);
+    };
+    return e.on("open", t), e.on("close", o), () => {
+      e.off("open", t), e.off("close", o), m(!1), e.destroy();
+    };
+  }, []);
+  const l = (u.stickers ?? []).join(" "), S = c(null);
+  f(() => {
+    const e = n.current;
+    !e || S.current === l || (S.current = l, e.setStickers(u.stickers ?? []));
+  }, [l]);
+  const i = c(null), r = c(null);
+  return f(() => () => {
+    i.current?.unmount(), r.current?.remove(), i.current = null, r.current = null;
+  }, []), f(() => {
+    const e = n.current;
+    e && (r.current || (r.current = document.createElement("div"), document.body.appendChild(r.current), i.current = I(r.current)), i.current.render(
+      /* @__PURE__ */ k.createElement(
+        w,
+        {
+          engine: e,
+          ui: p,
+          isOpen: d,
+          saveLabel: s.current.saveLabel || "Save"
+        }
+      )
+    ));
+  }, [p, d]), n.current;
+}
+export {
+  A as useImageEditor
+};
+//# sourceMappingURL=index45.es.js.map

package/dist/index45.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index45.es.js","sources":["../src/components/organisms/image-editor/use-image-editor.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react'\nimport { createRoot, type Root } from 'react-dom/client'\n\nimport { ImageEditorModal } from './image-editor-modal'\nimport {\n  ImageEditorConfig,\n  ImageEditorEngine,\n  ImageEditorInstance,\n  ImageEditorUiState,\n} from './image-editor.types'\nimport { notifyNativeImageEditorState } from './native-bridge'\nimport PictureStudioEngine from './picture-studio-engine'\n\nexport function useImageEditor(config: ImageEditorConfig): ImageEditorInstance {\n  const configRef = useRef(config)\n  configRef.current = config\n\n  const engineRef = useRef<ImageEditorEngine | null>(null)\n  const [uiState, setUiState] = useState<ImageEditorUiState | null>(null)\n  const [isOpen, setIsOpen] = useState(false)\n\n  if (!engineRef.current && typeof window !== 'undefined') {\n    const initial = configRef.current\n    engineRef.current = PictureStudioEngine.create({\n      ...initial,\n      image: initial.image ?? initial.backgroundImage,\n      onSave: async (result, studio) => {\n        const current = configRef.current\n        if (current.onAssetUpload) {\n          const ext = result.type === 'image/jpeg' ? 'jpg' : 'png'\n          const file = new File([result.blob], `edit.${ext}`, {\n            type: result.type,\n          })\n          const asset = await current.onAssetUpload(file)\n          current.onSave({ ...result, ...asset }, studio)\n          return\n        }\n        current.onSave(result, studio)\n      },\n      onUiChange: setUiState,\n    }) as ImageEditorEngine\n  }\n\n  useEffect(() => {\n    const engine = engineRef.current\n    if (!engine) return\n    const onOpen = () => {\n      setIsOpen(true)\n      notifyNativeImageEditorState(true)\n    }\n    const onClose = () => {\n      setIsOpen(false)\n      notifyNativeImageEditorState(false)\n    }\n    engine.on('open', onOpen)\n    engine.on('close', onClose)\n    return () => {\n      engine.off('open', onOpen)\n      engine.off('close', onClose)\n      notifyNativeImageEditorState(false)\n      engine.destroy()\n    }\n  }, [])\n\n  const stickersKey = (config.stickers ?? []).join(' ')\n  const lastStickersKeyRef = useRef<string | null>(null)\n  useEffect(() => {\n    const engine = engineRef.current\n    if (!engine || lastStickersKeyRef.current === stickersKey) return\n    lastStickersKeyRef.current = stickersKey\n    engine.setStickers(config.stickers ?? [])\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [stickersKey])\n\n  const rootRef = useRef<Root | null>(null)\n  const containerRef = useRef<HTMLDivElement | null>(null)\n  useEffect(() => {\n    return () => {\n      rootRef.current?.unmount()\n      containerRef.current?.remove()\n      rootRef.current = null\n      containerRef.current = null\n    }\n  }, [])\n\n  useEffect(() => {\n    const engine = engineRef.current\n    if (!engine) return\n    if (!containerRef.current) {\n      containerRef.current = document.createElement('div')\n      document.body.appendChild(containerRef.current)\n      rootRef.current = createRoot(containerRef.current)\n    }\n    rootRef.current!.render(\n      <ImageEditorModal\n        engine={engine}\n        ui={uiState}\n        isOpen={isOpen}\n        saveLabel={configRef.current.saveLabel || 'Save'}\n      />\n    )\n  }, [uiState, isOpen])\n\n  return engineRef.current as ImageEditorInstance\n}\n"],"names":["useImageEditor","config","configRef","useRef","engineRef","uiState","setUiState","useState","isOpen","setIsOpen","initial","PictureStudioEngine","result","studio","current","ext","file","asset","useEffect","engine","onOpen","notifyNativeImageEditorState","onClose","stickersKey","lastStickersKeyRef","rootRef","containerRef","createRoot","React","ImageEditorModal"],"mappings":";;;;;AAaO,SAASA,EAAeC,GAAgD;AAC7E,QAAMC,IAAYC,EAAOF,CAAM;AAC/B,EAAAC,EAAU,UAAUD;AAEpB,QAAMG,IAAYD,EAAiC,IAAI,GACjD,CAACE,GAASC,CAAU,IAAIC,EAAoC,IAAI,GAChE,CAACC,GAAQC,CAAS,IAAIF,EAAS,EAAK;AAE1C,MAAI,CAACH,EAAU,WAAW,OAAO,SAAW,KAAa;AACvD,UAAMM,IAAUR,EAAU;AAC1B,IAAAE,EAAU,UAAUO,EAAoB,OAAO;AAAA,MAC7C,GAAGD;AAAA,MACH,OAAOA,EAAQ,SAASA,EAAQ;AAAA,MAChC,QAAQ,OAAOE,GAAQC,MAAW;AAChC,cAAMC,IAAUZ,EAAU;AAC1B,YAAIY,EAAQ,eAAe;AACzB,gBAAMC,IAAMH,EAAO,SAAS,eAAe,QAAQ,OAC7CI,IAAO,IAAI,KAAK,CAACJ,EAAO,IAAI,GAAG,QAAQG,CAAG,IAAI;AAAA,YAClD,MAAMH,EAAO;AAAA,UAAA,CACd,GACKK,IAAQ,MAAMH,EAAQ,cAAcE,CAAI;AAC9C,UAAAF,EAAQ,OAAO,EAAE,GAAGF,GAAQ,GAAGK,EAAA,GAASJ,CAAM;AAC9C;AAAA,QACF;AACA,QAAAC,EAAQ,OAAOF,GAAQC,CAAM;AAAA,MAC/B;AAAA,MACA,YAAYP;AAAA,IAAA,CACb;AAAA,EACH;AAEA,EAAAY,EAAU,MAAM;AACd,UAAMC,IAASf,EAAU;AACzB,QAAI,CAACe,EAAQ;AACb,UAAMC,IAAS,MAAM;AACnB,MAAAX,EAAU,EAAI,GACdY,EAA6B,EAAI;AAAA,IACnC,GACMC,IAAU,MAAM;AACpB,MAAAb,EAAU,EAAK,GACfY,EAA6B,EAAK;AAAA,IACpC;AACA,WAAAF,EAAO,GAAG,QAAQC,CAAM,GACxBD,EAAO,GAAG,SAASG,CAAO,GACnB,MAAM;AACX,MAAAH,EAAO,IAAI,QAAQC,CAAM,GACzBD,EAAO,IAAI,SAASG,CAAO,GAC3BD,EAA6B,EAAK,GAClCF,EAAO,QAAA;AAAA,IACT;AAAA,EACF,GAAG,CAAA,CAAE;AAEL,QAAMI,KAAetB,EAAO,YAAY,CAAA,GAAI,KAAK,GAAG,GAC9CuB,IAAqBrB,EAAsB,IAAI;AACrD,EAAAe,EAAU,MAAM;AACd,UAAMC,IAASf,EAAU;AACzB,IAAI,CAACe,KAAUK,EAAmB,YAAYD,MAC9CC,EAAmB,UAAUD,GAC7BJ,EAAO,YAAYlB,EAAO,YAAY,CAAA,CAAE;AAAA,EAE1C,GAAG,CAACsB,CAAW,CAAC;AAEhB,QAAME,IAAUtB,EAAoB,IAAI,GAClCuB,IAAevB,EAA8B,IAAI;AACvD,SAAAe,EAAU,MACD,MAAM;AACX,IAAAO,EAAQ,SAAS,QAAA,GACjBC,EAAa,SAAS,OAAA,GACtBD,EAAQ,UAAU,MAClBC,EAAa,UAAU;AAAA,EACzB,GACC,CAAA,CAAE,GAELR,EAAU,MAAM;AACd,UAAMC,IAASf,EAAU;AACzB,IAAKe,MACAO,EAAa,YAChBA,EAAa,UAAU,SAAS,cAAc,KAAK,GACnD,SAAS,KAAK,YAAYA,EAAa,OAAO,GAC9CD,EAAQ,UAAUE,EAAWD,EAAa,OAAO,IAEnDD,EAAQ,QAAS;AAAA,MACfG,gBAAAA,EAAA;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,QAAAV;AAAA,UACA,IAAId;AAAA,UACJ,QAAAG;AAAA,UACA,WAAWN,EAAU,QAAQ,aAAa;AAAA,QAAA;AAAA,MAAA;AAAA,IAC5C;AAAA,EAEJ,GAAG,CAACG,GAASG,CAAM,CAAC,GAEbJ,EAAU;AACnB;"}

package/dist/{index.es40.js → index46.es.js}

@@ -1,13 +1,13 @@
-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 = "" }) => {
+import { Badge as y } from "./index8.es.js";
+import w from "./index18.es.js";
+import { Typography as d } from "./index19.es.js";
+import { Dropdown as _ } from "./index22.es.js";
+import { cn as f } from "./index89.es.js";
+import e, { useState as S } from "react";
+import { NavbarIconVariants as k } from "./index128.es.js";
+import { AvatarDemo as A } from "./index6.es.js";
+import { CreditSheet as I } from "./index129.es.js";
+const O = ({ 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(
@@ -38,18 +38,18 @@ const k = ({ name: t = "", email: a = "" }) => {
   const c = (s) => E?.(s) ?? s, o = /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f(w({ isActive: r }), a),
+      className: f(k({ isActive: r }), a),
       ...i && { onClick: i }
     },
     /* @__PURE__ */ e.createElement("img", { src: p, alt: t }),
-    /* @__PURE__ */ e.createElement(I, { isNew: l })
+    /* @__PURE__ */ e.createElement(D, { isNew: l })
   );
   return c(
     n ? /* @__PURE__ */ e.createElement("div", { className: "relative" }, /* @__PURE__ */ e.createElement(
-      b,
+      w,
       {
         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)),
+        headerText: /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-2" }, l && /* @__PURE__ */ e.createElement(y, { variant: "gradient", size: "sm" }, "NEW"), /* @__PURE__ */ e.createElement("div", null, n)),
         sideOffset: 24,
         triggerElement: o,
         delayDuration: 100,
@@ -57,19 +57,19 @@ const k = ({ name: t = "", email: a = "" }) => {
       }
     )) : 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 = ({
+}, C = () => /* @__PURE__ */ e.createElement("div", { className: "my-1 h-[1px] w-10 bg-white opacity-20" }), D = ({ isNew: t }) => t ? /* @__PURE__ */ e.createElement("div", { className: "absolute w-[6px] h-[6px] rounded-full bottom-1 right-1 bg-secondary-2" }) : null, L = ({
   src: t,
   popoverOptions: a,
   name: r = "",
   email: l = ""
 }) => /* @__PURE__ */ e.createElement(
-  N,
+  _,
   {
     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(
-        _,
+        A,
         {
           imageSrc: t ?? "",
           size: "md",
@@ -85,10 +85,10 @@ const k = ({ name: t = "", email: a = "" }) => {
         }
       ))
     ),
-    header: /* @__PURE__ */ e.createElement(k, { name: r, email: l }),
+    header: /* @__PURE__ */ e.createElement(O, { name: r, email: l }),
     optionGroups: a
   }
-), C = ({
+), q = ({
   onClick: t
 }) => /* @__PURE__ */ e.createElement(
   d,
@@ -98,7 +98,7 @@ const k = ({ name: t = "", email: a = "" }) => {
     onClick: t
   },
   "Login"
-), D = ({ src: t, alt: a }) => /* @__PURE__ */ e.createElement("img", { src: t, alt: a, className: "w-10 h-auto" }), L = ({
+), P = ({ src: t, alt: a }) => /* @__PURE__ */ e.createElement("img", { src: t, alt: a, className: "w-10 h-auto" }), $ = ({
   credits: t,
   onClick: a
 }) => t >= 0 && /* @__PURE__ */ e.createElement(
@@ -123,7 +123,7 @@ const k = ({ name: t = "", email: a = "" }) => {
       className: "w-4 h-4"
     }
   )
-), G = ({
+), V = ({
   login: t,
   icons: a,
   credits: r = -1,
@@ -134,9 +134,12 @@ const k = ({ name: t = "", email: a = "" }) => {
   className: i = "",
   id: c,
   onRequestCredits: o,
-  onProceedToPayment: s
+  onProceedToPayment: s,
+  buyCreditsOptions: v,
+  minimumCreditsToBuy: u,
+  requestOnly: h
 }) => {
-  const [v, g] = y(!1);
+  const [x, g] = S(!1);
   return /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement(
     "div",
     {
@@ -146,21 +149,24 @@ const k = ({ name: t = "", email: a = "" }) => {
       ),
       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 }))
+    /* @__PURE__ */ e.createElement("div", { className: "flex flex-col items-center gap-8" }, /* @__PURE__ */ e.createElement(P, { ...E }), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-3" }, (a?.list ?? []).map((b, N) => /* @__PURE__ */ e.createElement(m, { key: N, ...b })))),
+    /* @__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($, { credits: r, onClick: () => g(!0) }), /* @__PURE__ */ e.createElement(C, null), t?.isLoggedIn ? /* @__PURE__ */ e.createElement(L, { ...p }) : /* @__PURE__ */ e.createElement(q, { ...t }))
   ), !n && /* @__PURE__ */ e.createElement(
-    S,
+    I,
     {
-      open: v,
+      open: x,
       onClose: () => g(!1),
       credit_details: l ? `Available: ${r}/${l}` : `Available: ${r}`,
       onRequestCredits: o,
       onProceedToPayment: s,
-      containerId: "navbar-container"
+      containerId: "navbar-container",
+      buyCreditsOptions: v,
+      minimumCreditsToBuy: u,
+      requestOnly: h
     }
   ));
 };
 export {
-  G as NavbarDesktop
+  V as NavbarDesktop
 };
-//# sourceMappingURL=index.es40.js.map
+//# sourceMappingURL=index46.es.js.map

package/dist/index46.es.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index46.es.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  buyCreditsOptions,\n  minimumCreditsToBuy,\n  requestOnly,\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          buyCreditsOptions={buyCreditsOptions}\n          minimumCreditsToBuy={minimumCreditsToBuy}\n          requestOnly={requestOnly}\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","buyCreditsOptions","minimumCreditsToBuy","requestOnly","creditSheetOpen","setCreditSheetOpen","useState","icon","index","CreditSheet"],"mappings":"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"}

package/dist/{index.es41.js → index47.es.js}

@@ -1,28 +1,29 @@
-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 = "" }) => {
+import { Typography as s } from "./index19.es.js";
+import { Dropdown as S } from "./index22.es.js";
+import { cn as p } from "./index89.es.js";
+import e, { useState as b } from "react";
+import { AvatarDemo as x } from "./index6.es.js";
+import { CreditSheet as I } from "./index129.es.js";
+import { BrandSwitcher as A } from "./index56.es.js";
+const q = ({ 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)
+      className: p("text-light-1", r)
     },
     l
   ), t && /* @__PURE__ */ e.createElement(
     s,
     {
       variant: "body5",
-      className: f("text-light-3", r)
+      className: p("text-light-3", r)
     },
     t
   ));
-}, _ = ({
+}, z = ({
   alt: l,
   className: t,
   src: r,
@@ -33,24 +34,24 @@ const C = ({ name: l = "", email: t = "" }) => {
   const m = (c) => i?.(c) ?? c, o = /* @__PURE__ */ e.createElement(
     "div",
     {
-      className: f("flex gap-4 py-2 cursor-pointer", t),
+      className: p("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 = ({
+}, j = ({
   src: l,
   popoverOptions: t,
   name: r = "",
   email: a = ""
 }) => /* @__PURE__ */ e.createElement(
-  y,
+  S,
   {
     dropdownContentProps: { side: "bottom", align: "end", sideOffset: 24 },
     trigger: /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement(
-      g,
+      x,
       {
         imageSrc: l ?? "",
         size: "md",
@@ -65,18 +66,19 @@ const C = ({ name: l = "", email: t = "" }) => {
         )
       }
     )),
-    header: /* @__PURE__ */ e.createElement(C, { name: r, email: a }),
+    header: /* @__PURE__ */ e.createElement(q, { name: r, email: a }),
     optionGroups: t
   }
-), x = ({ src: l, alt: t }) => /* @__PURE__ */ e.createElement("img", { src: l, alt: t, className: "h-10" }), I = ({
+), E = ({ src: l, alt: t }) => /* @__PURE__ */ e.createElement("img", { src: l, alt: t, className: "h-10" }), O = ({
   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(
+  brandSwitcher: n,
+  handleClose: m,
+  onCreditsClick: o
+}) => /* @__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(E, { ...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",
@@ -84,10 +86,17 @@ const C = ({ name: l = "", email: t = "" }) => {
     height: 24,
     width: 24,
     className: "cursor-pointer",
-    onClick: n
+    onClick: m
+  }
+))), n && /* @__PURE__ */ e.createElement("div", { className: "px-3 pb-3 bg-dark-2" }, /* @__PURE__ */ e.createElement(
+  A,
+  {
+    ...n,
+    collapsed: !1,
+    chevronPlacement: "right"
   }
-))), /* @__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,
+)), /* @__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(
+  x,
   {
     imageSrc: t?.src ?? "",
     size: "md",
@@ -121,7 +130,7 @@ const C = ({ name: l = "", email: t = "" }) => {
   "div",
   {
     className: "flex flex-col items-center gap-1 basis-1/5 cursor-pointer",
-    onClick: m
+    onClick: o
   },
   /* @__PURE__ */ e.createElement("div", { className: "p-1 rounded brand-primary-secondary-gradient" }, /* @__PURE__ */ e.createElement(
     "img",
@@ -139,7 +148,7 @@ const C = ({ name: l = "", email: t = "" }) => {
     },
     `${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(
+)), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col flex-grow w-full gap-3 px-6 py-4 overflow-auto" }, (l ?? []).map((c, d) => /* @__PURE__ */ e.createElement(z, { key: d, ...c }))), /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-4 pb-4" }, /* @__PURE__ */ e.createElement(g, null), /* @__PURE__ */ e.createElement(
   "div",
   {
     className: "flex items-center w-full gap-4 px-6 cursor-pointer",
@@ -155,7 +164,7 @@ const C = ({ name: l = "", email: t = "" }) => {
     }
   ),
   /* @__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(
+), /* @__PURE__ */ e.createElement(g, 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",
@@ -171,38 +180,43 @@ const C = ({ name: l = "", email: t = "" }) => {
     onClick: a?.bottomItems[1].onClick
   },
   a.bottomItems[1].label
-)))), b = () => /* @__PURE__ */ e.createElement("div", { className: "h-[1px] w-full bg-gray-300" }), F = ({
+)))), g = () => /* @__PURE__ */ e.createElement("div", { className: "h-[1px] w-full bg-gray-300" }), G = ({
   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
+  brandSwitcher: n,
+  clickDisable: m = !1,
+  logoutPanel: o,
+  id: c,
+  onRequestCredits: d,
+  onProceedToPayment: w,
+  containerId: u,
+  buyCreditsOptions: N,
+  minimumCreditsToBuy: y,
+  requestOnly: k
 }) => {
-  const [p, d] = v(!1), [u, h] = v(!1), N = () => {
-    h(!0), d(!1);
+  const [h, f] = b(!1), [C, v] = b(!1), _ = () => {
+    v(!0), f(!1);
   };
-  return p ? /* @__PURE__ */ e.createElement("div", { className: "absolute top-0 bottom-0 z-10 w-full" }, /* @__PURE__ */ e.createElement(
-    I,
+  return h ? /* @__PURE__ */ e.createElement("div", { className: "absolute top-0 bottom-0 z-10 w-full" }, /* @__PURE__ */ e.createElement(
+    O,
     {
       logo: i,
       icons: l,
       profile: a,
       credits: t,
-      logoutPanel: m,
-      handleClose: () => d(!1),
-      onCreditsClick: N
+      logoutPanel: o,
+      brandSwitcher: n,
+      handleClose: () => f(!1),
+      onCreditsClick: _
     }
-  )) : /* @__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(
+  )) : /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "relative z-10 w-full max-h-full", id: c }, /* @__PURE__ */ e.createElement("div", { className: "relative z-0 flex justify-between w-full px-3 py-2 bg-dark-2 h-14" }, h === !1 && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: "grid w-10 h-10 cursor-pointer place-items-center",
-      onClick: () => d(!0)
+      onClick: () => f(!0)
     },
     /* @__PURE__ */ e.createElement(
       "img",
@@ -213,21 +227,24 @@ const C = ({ name: l = "", email: t = "" }) => {
         width: 20
       }
     )
-  ), /* @__PURE__ */ e.createElement(x, { ...i }), /* @__PURE__ */ e.createElement(S, { ...a }))), !n && /* @__PURE__ */ e.createElement(
-    k,
+  ), /* @__PURE__ */ e.createElement(E, { ...i }), /* @__PURE__ */ e.createElement(j, { ...a }))), !m && /* @__PURE__ */ e.createElement(
+    I,
     {
-      open: u,
-      onClose: () => h(!1),
+      open: C,
+      onClose: () => v(!1),
       credit_details: r ? `Available: ${t}/${r}` : `Available: ${t}`,
-      onRequestCredits: c,
-      onProceedToPayment: E,
-      containerId: w,
+      onRequestCredits: d,
+      onProceedToPayment: w,
+      containerId: u,
+      buyCreditsOptions: N,
+      minimumCreditsToBuy: y,
+      requestOnly: k,
       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
+  G as NavbarMobile
 };
-//# sourceMappingURL=index.es41.js.map
+//# sourceMappingURL=index47.es.js.map