geoiq-frontend-ui-kit 2.0.0 → 2.0.2

package/dist/index.es124.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es124.js","sources":["../src/components/molecules/pagination/pagination-components.tsx"],"sourcesContent":["import * as React from 'react'\nimport { ChevronLeft, ChevronRight, MoreHorizontal } from 'lucide-react'\nimport { Button } from '@/components/atoms/button'\nimport { Typography } from '@/components/atoms/typography'\n\n// import { ButtonProps } from 'geoiq-frontend-ui-kit'\n\nconst Pagination = ({ className, ...props }: React.ComponentProps<'nav'>) => (\n  <nav\n    role=\"navigation\"\n    aria-label=\"pagination\"\n    className={`mx-auto flex w-full justify-center ${className}`}\n    {...props}\n  />\n)\nPagination.displayName = 'Pagination'\n\nconst PaginationContent = React.forwardRef<\n  HTMLUListElement,\n  React.ComponentProps<'ul'>\n>(({ className, ...props }, ref) => (\n  <ul\n    ref={ref}\n    className={`flex flex-row items-center gap-1 ${className}`}\n    {...props}\n  />\n))\nPaginationContent.displayName = 'PaginationContent'\n\nconst PaginationItem = React.forwardRef<\n  HTMLLIElement,\n  React.ComponentProps<'li'>\n>(({ className, ...props }, ref) => (\n  <li ref={ref} className={className} {...props} />\n))\nPaginationItem.displayName = 'PaginationItem'\n\n// type PaginationLinkProps = RemixLinkProps &\n//   React.RefAttributes<HTMLAnchorElement>\n// Pick<ButtonProps, 'size'> &\n\n// const PaginationLink = (props: PaginationLinkProps) => <Link {...props} />\n\n// PaginationLink.displayName = 'PaginationLink'\n\nconst PaginationPrevious = (props: React.ComponentProps<typeof Button>) => (\n  <Button variant=\"teritiary\" size=\"sm\" {...props}>\n    <ChevronLeft className=\"w-4 h-4\" />\n    <Typography variant=\"body4\">Previous</Typography>\n  </Button>\n)\nPaginationPrevious.displayName = 'PaginationPrevious'\n\nconst PaginationNext = (props: React.ComponentProps<typeof Button>) => (\n  <Button variant=\"teritiary\" size=\"sm\" {...props}>\n    <Typography variant=\"body4\">Next</Typography>\n    <ChevronRight className=\"w-4 h-4\" />\n  </Button>\n)\nPaginationNext.displayName = 'PaginationNext'\n\nconst PaginationEllipsis = (props: React.ComponentProps<typeof Button>) => (\n  <Button variant=\"teritiary\" size=\"sm\" {...props}>\n    <MoreHorizontal className=\"w-4 h-4 stroke-light-1\" />\n  </Button>\n)\nPaginationEllipsis.displayName = 'PaginationEllipsis'\n\nexport {\n  Pagination,\n  PaginationContent,\n  PaginationEllipsis,\n  PaginationItem,\n  // PaginationLink,\n  PaginationNext,\n  PaginationPrevious,\n}\n"],"names":["Pagination","className","props","React","PaginationContent","ref","PaginationItem","PaginationPrevious","Button","ChevronLeft","Typography","PaginationNext","ChevronRight","PaginationEllipsis","MoreHorizontal"],"mappings":";;;;AAOA,MAAMA,IAAa,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAClC,gBAAAC,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,MAAK;AAAA,IACL,cAAW;AAAA,IACX,WAAW,sCAAsCF,CAAS;AAAA,IACzD,GAAGC;AAAA,EAAA;AACN;AAEFF,EAAW,cAAc;AAEzB,MAAMI,IAAoBD,EAAM,WAG9B,CAAC,EAAE,WAAAF,GAAW,GAAGC,EAAA,GAASG,MAC1B,gBAAAF,EAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,KAAAE;AAAA,IACA,WAAW,oCAAoCJ,CAAS;AAAA,IACvD,GAAGC;AAAA,EAAA;AACN,CACD;AACDE,EAAkB,cAAc;AAEhC,MAAME,IAAiBH,EAAM,WAG3B,CAAC,EAAE,WAAAF,GAAW,GAAGC,KAASG,sCACzB,MAAA,EAAG,KAAAA,GAAU,WAAAJ,GAAuB,GAAGC,GAAO,CAChD;AACDI,EAAe,cAAc;AAU7B,MAAMC,IAAqB,CAACL,MAC1B,gBAAAC,EAAA,cAACK,KAAO,SAAQ,aAAY,MAAK,MAAM,GAAGN,KACxC,gBAAAC,EAAA,cAACM,GAAA,EAAY,WAAU,UAAA,CAAU,mCAChCC,GAAA,EAAW,SAAQ,QAAA,GAAQ,UAAQ,CACtC;AAEFH,EAAmB,cAAc;AAEjC,MAAMI,IAAiB,CAACT,MACtB,gBAAAC,EAAA,cAACK,KAAO,SAAQ,aAAY,MAAK,MAAM,GAAGN,KACxC,gBAAAC,EAAA,cAACO,GAAA,EAAW,SAAQ,QAAA,GAAQ,MAAI,GAChC,gBAAAP,EAAA,cAACS,GAAA,EAAa,WAAU,UAAA,CAAU,CACpC;AAEFD,EAAe,cAAc;AAE7B,MAAME,IAAqB,CAACX,MAC1B,gBAAAC,EAAA,cAACK,KAAO,SAAQ,aAAY,MAAK,MAAM,GAAGN,EAAA,GACxC,gBAAAC,EAAA,cAACW,GAAA,EAAe,WAAU,0BAAyB,CACrD;AAEFD,EAAmB,cAAc;"}
+{"version":3,"file":"index.es124.js","sources":["../src/components/ui/map-marker-hover-card/components/map-point-hover-card.tsx"],"sourcesContent":["import React from 'react'\nimport { StarScore } from '../../star-score'\nimport { Badge } from '@/components/atoms/badge'\nimport { Typography } from '@/components/atoms/typography'\nimport { Skeleton } from '@/components/atoms/skeleton'\nimport { hoverDetailCardStyles } from '../map-marker-hover-card.styles'\nimport { MapMarkerHoverCardNS } from '../map-marker-hover-card.types'\n\nexport function PointHoverCard({\n  title,\n  icon,\n  isLoading = false,\n  tags = [],\n  description,\n  score,\n  badge,\n  actions,\n}: MapMarkerHoverCardNS.PointHoverCardProps) {\n  return (\n    <div className=\"w-[396px] border border-neutral-1 rounded-xl overflow-hidden bg-light-1\">\n      <div className=\"flex items-center gap-3 p-4\">\n        <div className=\"flex items-center justify-center w-12 h-12 overflow-hidden rounded-full bg-light-3\">\n          {isLoading ? (\n            <Skeleton className=\"w-12 h-12 rounded-full bg-light-4\" />\n          ) : (\n            <img\n              src={\n                icon ||\n                'https://frontend-static-files.geoiq.io/strapi/map_pin_ed26828f00.svg'\n              }\n              alt=\"title\"\n              className={hoverDetailCardStyles.img({ hasIcon: !!icon })}\n            />\n          )}\n        </div>\n        <div className=\"truncate max-w-[300px]\">\n          {isLoading ? (\n            <Skeleton className=\"h-5 mb-2 w-[280px] bg-light-4 rounded-full\" />\n          ) : (\n            <Typography variant=\"h3\" className=\"truncate text-light-2\">\n              {title}\n            </Typography>\n          )}\n          <div className=\"flex flex-wrap gap-2\">\n            {isLoading ? (\n              <Skeleton\n                key={'header-badge'}\n                className=\"w-20 h-6 mb-1 rounded-full bg-light-4\"\n              />\n            ) : (\n              tags\n                .filter((tag) => tag.icon_url && tag.name)\n                .map((badge, index) => (\n                  <Badge\n                    key={index}\n                    variant=\"default\"\n                    showBorder\n                    size=\"sm\"\n                    className=\"rounded-full pl-1.5 pr-3\"\n                  >\n                    <img\n                      src={badge.icon_url}\n                      alt=\"icon\"\n                      className=\"w-3 rounded-full\"\n                    />\n                    {badge.name}\n                  </Badge>\n                ))\n            )}\n          </div>\n        </div>\n      </div>\n      <div className=\"px-4\">\n        <div className=\"mb-2\">\n          {isLoading ? (\n            <Skeleton className=\"w-full h-10 bg-light-4 rounded-xl\" />\n          ) : (\n            <Typography\n              variant=\"body4\"\n              className=\"text-light-3 text-overflow: ellipsis\"\n            >\n              {description}\n            </Typography>\n          )}\n        </div>\n        {(score || badge) && (\n          <div className=\"flex justify-between mb-4\">\n            {isLoading ? (\n              <>\n                <Skeleton className=\"w-24 h-5 rounded bg-light-4\" />\n                <Skeleton className=\"w-24 h-5 rounded bg-light-4\" />\n              </>\n            ) : (\n              <>\n                {score && (\n                  <StarScore\n                    score={score?.value}\n                    isLoading={score?.isLoading}\n                  />\n                )}\n                {badge && (\n                  <Badge variant=\"select\" size=\"sm\" showBorder>\n                    {badge}\n                  </Badge>\n                )}\n              </>\n            )}\n          </div>\n        )}\n      </div>\n      {actions && (\n        <div className=\"flex items-center justify-center bg-light-3\">\n          {actions}\n        </div>\n      )}\n    </div>\n  )\n}\n"],"names":["PointHoverCard","title","icon","isLoading","tags","description","score","badge","actions","React","Skeleton","hoverDetailCardStyles","Typography","tag","index","Badge","StarScore"],"mappings":";;;;;;AAQO,SAASA,EAAe;AAAA,EAC7B,OAAAC;AAAA,EACA,MAAAC;AAAA,EACA,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO,CAAA;AAAA,EACP,aAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AACF,GAA6C;AAC3C,yCACG,OAAA,EAAI,WAAU,0EAAA,GACbC,gBAAAA,EAAA,cAAC,SAAI,WAAU,8BAAA,GACbA,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,qFAAA,GACZN,oCACEO,GAAA,EAAS,WAAU,qCAAoC,IAExDD,gBAAAA,EAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,KACEP,KACA;AAAA,MAEF,KAAI;AAAA,MACJ,WAAWS,EAAsB,IAAI,EAAE,SAAS,CAAC,CAACT,GAAM;AAAA,IAAA;AAAA,EAAA,CAG9D,GACAO,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,4BACZN,IACCM,gBAAAA,EAAA,cAACC,GAAA,EAAS,WAAU,6CAAA,CAA6C,oCAEhEE,GAAA,EAAW,SAAQ,MAAK,WAAU,wBAAA,GAChCX,CACH,GAEFQ,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,uBAAA,GACZN,IACCM,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,KAAK;AAAA,MACL,WAAU;AAAA,IAAA;AAAA,EAAA,IAGZN,EACG,OAAO,CAACS,MAAQA,EAAI,YAAYA,EAAI,IAAI,EACxC,IAAI,CAACN,GAAOO,MACXL,gBAAAA,EAAA;AAAA,IAACM;AAAA,IAAA;AAAA,MACC,KAAKD;AAAA,MACL,SAAQ;AAAA,MACR,YAAU;AAAA,MACV,MAAK;AAAA,MACL,WAAU;AAAA,IAAA;AAAA,IAEVL,gBAAAA,EAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,KAAKF,EAAM;AAAA,QACX,KAAI;AAAA,QACJ,WAAU;AAAA,MAAA;AAAA,IAAA;AAAA,IAEXA,EAAM;AAAA,EAAA,CAEV,CAEP,CACF,CACF,GACAE,gBAAAA,EAAA,cAAC,SAAI,WAAU,OAAA,GACbA,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,OAAA,GACZN,oCACEO,GAAA,EAAS,WAAU,qCAAoC,IAExDD,gBAAAA,EAAA;AAAA,IAACG;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,WAAU;AAAA,IAAA;AAAA,IAETP;AAAA,EAAA,CAGP,IACEC,KAASC,sCACR,OAAA,EAAI,WAAU,4BAAA,GACZJ,IACCM,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACEA,gBAAAA,EAAA,cAACC,KAAS,WAAU,8BAAA,CAA8B,GAClDD,gBAAAA,EAAA,cAACC,GAAA,EAAS,WAAU,8BAAA,CAA8B,CACpD,IAEAD,gBAAAA,EAAA,cAAAA,EAAA,UAAA,MACGH,KACCG,gBAAAA,EAAA;AAAA,IAACO;AAAA,IAAA;AAAA,MACC,OAAOV,GAAO;AAAA,MACd,WAAWA,GAAO;AAAA,IAAA;AAAA,EAAA,GAGrBC,KACCE,gBAAAA,EAAA,cAACM,GAAA,EAAM,SAAQ,UAAS,MAAK,MAAK,YAAU,GAAA,GACzCR,CACH,CAEJ,CAEJ,CAEJ,GACCC,qCACE,OAAA,EAAI,WAAU,8CAAA,GACZA,CACH,CAEJ;AAEJ;"}

package/dist/index.es125.js

@@ -1,15 +1,184 @@
-import { cva as a } from "class-variance-authority";
-const t = {
-  img: a("", {
-    variants: {
-      hasIcon: {
-        true: "w-12 h-12",
-        false: "h-5 w-5"
-      }
+import * as e from "react";
+import R from "embla-carousel-react";
+import { ArrowLeft as z, ArrowRight as I } from "lucide-react";
+import { cn as m } from "./index.es89.js";
+import { Button as x } from "./index.es9.js";
+const b = e.createContext(null);
+function d() {
+  const r = e.useContext(b);
+  if (!r)
+    throw new Error("useCarousel must be used within a <Carousel />");
+  return r;
+}
+const L = e.forwardRef(
+  ({
+    orientation: r = "horizontal",
+    opts: o,
+    setApi: a,
+    plugins: s,
+    className: n,
+    children: u,
+    autoplay: c = !1,
+    // Default value for autoplay
+    autoplayInterval: i = 3e3,
+    // Default value for autoplay interval
+    ...w
+  }, E) => {
+    const [g, t] = R(
+      {
+        ...o,
+        axis: r === "horizontal" ? "x" : "y"
+      },
+      s
+    ), [p, y] = e.useState(!1), [S, k] = e.useState(!1), f = e.useCallback((l) => {
+      l && (y(l.canScrollPrev()), k(l.canScrollNext()));
+    }, []), C = e.useCallback(() => {
+      t?.scrollPrev();
+    }, [t]), h = e.useCallback(() => {
+      t?.scrollNext();
+    }, [t]), P = e.useCallback(
+      (l) => {
+        l.key === "ArrowLeft" ? (l.preventDefault(), C()) : l.key === "ArrowRight" && (l.preventDefault(), h());
+      },
+      [C, h]
+    );
+    return e.useEffect(() => {
+      !t || !a || a(t);
+    }, [t, a]), e.useEffect(() => {
+      if (t)
+        return f(t), t.on("reInit", f), t.on("select", f), () => {
+          t?.off("select", f);
+        };
+    }, [t, f]), e.useEffect(() => {
+      if (!c || !t)
+        return;
+      let l;
+      const v = () => {
+        l = setInterval(() => {
+          t.scrollNext(), t.selectedScrollSnap() === t.scrollSnapList().length && t.scrollTo(0);
+        }, i);
+      }, N = () => {
+        document.hidden ? clearInterval(l) : v();
+      };
+      return document.addEventListener("visibilitychange", N), document.hidden || v(), () => {
+        clearInterval(l), document.removeEventListener("visibilitychange", N);
+      };
+    }, [c, t, i]), /* @__PURE__ */ e.createElement(
+      b.Provider,
+      {
+        value: {
+          carouselRef: g,
+          api: t,
+          opts: o,
+          orientation: r || (o?.axis === "y" ? "vertical" : "horizontal"),
+          scrollPrev: C,
+          scrollNext: h,
+          canScrollPrev: p,
+          canScrollNext: S,
+          autoplay: c,
+          // Pass autoplay to the context
+          autoplayInterval: i
+          // Pass autoplayInterval to the context
+        }
+      },
+      /* @__PURE__ */ e.createElement(
+        "div",
+        {
+          ref: E,
+          onKeyDownCapture: P,
+          className: m("relative", n),
+          role: "region",
+          "aria-roledescription": "carousel",
+          ...w
+        },
+        u
+      )
+    );
+  }
+);
+L.displayName = "Carousel";
+const D = e.forwardRef(({ className: r, ...o }, a) => {
+  const { carouselRef: s, orientation: n } = d();
+  return /* @__PURE__ */ e.createElement("div", { ref: s, className: "overflow-hidden" }, /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ref: a,
+      className: m(
+        "flex",
+        n === "horizontal" ? "-ml-4" : "-mt-4 flex-col",
+        r
+      ),
+      ...o
     }
-  })
-};
+  ));
+});
+D.displayName = "CarouselContent";
+const A = e.forwardRef(({ className: r, ...o }, a) => {
+  const { orientation: s } = d();
+  return /* @__PURE__ */ e.createElement(
+    "div",
+    {
+      ref: a,
+      role: "group",
+      "aria-roledescription": "slide",
+      className: m(
+        "min-w-0 shrink-0 grow-0 basis-full",
+        s === "horizontal" ? "pl-4" : "pt-4",
+        r
+      ),
+      ...o
+    }
+  );
+});
+A.displayName = "CarouselItem";
+const K = e.forwardRef(({ className: r, variant: o = "secondary", size: a = "lg", ...s }, n) => {
+  const { orientation: u, scrollPrev: c, canScrollPrev: i } = d();
+  return /* @__PURE__ */ e.createElement(
+    x,
+    {
+      ref: n,
+      variant: o,
+      size: a,
+      className: m(
+        "absolute  h-10 w-10 disabled:bg-light-3",
+        u === "horizontal" ? "-left-12 top-1/2 -translate-y-1/2" : "-top-12 left-1/2 -translate-x-1/2 rotate-90",
+        r
+      ),
+      disabled: !i,
+      onClick: c,
+      ...s
+    },
+    /* @__PURE__ */ e.createElement(z, { className: "absolute h-4 w-4 stroke-stroke-4" }),
+    /* @__PURE__ */ e.createElement("span", { className: "sr-only" }, "Previous slide")
+  );
+});
+K.displayName = "CarouselPrevious";
+const B = e.forwardRef(({ className: r, variant: o = "secondary", size: a = "lg", ...s }, n) => {
+  const { orientation: u, scrollNext: c, canScrollNext: i } = d();
+  return /* @__PURE__ */ e.createElement(
+    x,
+    {
+      ref: n,
+      variant: o,
+      size: a,
+      className: m(
+        "absolute h-10 w-10 disabled:bg-light-3",
+        u === "horizontal" ? "-right-12 top-1/2 -translate-y-1/2" : "-bottom-12 left-1/2 -translate-x-1/2 rotate-90",
+        r
+      ),
+      disabled: !i,
+      onClick: c,
+      ...s
+    },
+    /* @__PURE__ */ e.createElement(I, { className: "absolute h-4 w-4 stroke-stroke-4" })
+  );
+});
+B.displayName = "CarouselNext";
 export {
-  t as hoverDetailCardStyles
+  L as Carousel,
+  D as CarouselContent,
+  A as CarouselItem,
+  B as CarouselNext,
+  K as CarouselPrevious
 };
 //# sourceMappingURL=index.es125.js.map

package/dist/index.es125.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es125.js","sources":["../src/components/ui/map-marker-hover-card/map-marker-hover-card.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const hoverDetailCardStyles = {\n  img: cva('', {\n    variants: {\n      hasIcon: {\n        true: 'w-12 h-12',\n        false: 'h-5 w-5',\n      },\n    },\n  }),\n}\n"],"names":["hoverDetailCardStyles","cva"],"mappings":";AAEO,MAAMA,IAAwB;AAAA,EACnC,KAAKC,EAAI,IAAI;AAAA,IACX,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,EACF,CACD;AACH;"}
+{"version":3,"file":"index.es125.js","sources":["../src/components/unstyled/carousel/carousel-components.tsx"],"sourcesContent":["'use client'\n\nimport * as React from 'react'\nimport useEmblaCarousel from 'embla-carousel-react' // type UseEmblaCarouselType,\nimport { ArrowLeft, ArrowRight } from 'lucide-react'\n\nimport { cn } from '@/lib/utils'\nimport { Button } from '../../atoms/button'\nimport {\n  CarouselApi,\n  CarouselContextProps,\n  CarouselProps,\n} from './carousel.types'\n\nconst CarouselContext = React.createContext<CarouselContextProps | null>(null)\n\nfunction useCarousel() {\n  const context = React.useContext(CarouselContext)\n\n  if (!context) {\n    throw new Error('useCarousel must be used within a <Carousel />')\n  }\n\n  return context\n}\n\nconst Carousel = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement> & CarouselProps\n>(\n  (\n    {\n      orientation = 'horizontal',\n      opts,\n      setApi,\n      plugins,\n      className,\n      children,\n      autoplay = false, // Default value for autoplay\n      autoplayInterval = 3000, // Default value for autoplay interval\n      ...props\n    },\n    ref\n  ) => {\n    const [carouselRef, api] = useEmblaCarousel(\n      {\n        ...opts,\n        axis: orientation === 'horizontal' ? 'x' : 'y',\n      },\n      plugins\n    )\n    const [canScrollPrev, setCanScrollPrev] = React.useState(false)\n    const [canScrollNext, setCanScrollNext] = React.useState(false)\n\n    const onSelect = React.useCallback((api: CarouselApi) => {\n      if (!api) {\n        return\n      }\n\n      setCanScrollPrev(api.canScrollPrev())\n      setCanScrollNext(api.canScrollNext())\n    }, [])\n\n    const scrollPrev = React.useCallback(() => {\n      api?.scrollPrev()\n    }, [api])\n\n    const scrollNext = React.useCallback(() => {\n      api?.scrollNext()\n    }, [api])\n\n    const handleKeyDown = React.useCallback(\n      (event: React.KeyboardEvent<HTMLDivElement>) => {\n        if (event.key === 'ArrowLeft') {\n          event.preventDefault()\n          scrollPrev()\n        } else if (event.key === 'ArrowRight') {\n          event.preventDefault()\n          scrollNext()\n        }\n      },\n      [scrollPrev, scrollNext]\n    )\n\n    React.useEffect(() => {\n      if (!api || !setApi) {\n        return\n      }\n\n      setApi(api)\n    }, [api, setApi])\n\n    React.useEffect(() => {\n      if (!api) {\n        return\n      }\n\n      onSelect(api)\n      api.on('reInit', onSelect)\n      api.on('select', onSelect)\n\n      return () => {\n        api?.off('select', onSelect)\n      }\n    }, [api, onSelect])\n\n    React.useEffect(() => {\n      if (!autoplay || !api) {\n        return\n      }\n\n      let intervalId: ReturnType<typeof setInterval>\n      const startInterval = () => {\n        intervalId = setInterval(() => {\n          api.scrollNext()\n          if (api.selectedScrollSnap() === api.scrollSnapList().length) {\n            api.scrollTo(0)\n          }\n        }, autoplayInterval)\n      }\n\n      const handleVisibilityChange = () => {\n        if (document.hidden) {\n          clearInterval(intervalId)\n        } else {\n          startInterval()\n        }\n      }\n\n      document.addEventListener('visibilitychange', handleVisibilityChange)\n\n      // Start the interval if the document is visible\n      if (!document.hidden) {\n        startInterval()\n      }\n\n      return () => {\n        clearInterval(intervalId)\n        document.removeEventListener('visibilitychange', handleVisibilityChange)\n      }\n    }, [autoplay, api, autoplayInterval])\n\n    return (\n      <CarouselContext.Provider\n        value={{\n          carouselRef,\n          api: api,\n          opts,\n          orientation:\n            orientation || (opts?.axis === 'y' ? 'vertical' : 'horizontal'),\n          scrollPrev,\n          scrollNext,\n          canScrollPrev,\n          canScrollNext,\n          autoplay, // Pass autoplay to the context\n          autoplayInterval, // Pass autoplayInterval to the context\n        }}\n      >\n        <div\n          ref={ref}\n          onKeyDownCapture={handleKeyDown}\n          className={cn('relative', className)}\n          role=\"region\"\n          aria-roledescription=\"carousel\"\n          {...props}\n        >\n          {children}\n        </div>\n      </CarouselContext.Provider>\n    )\n  }\n)\nCarousel.displayName = 'Carousel'\n\nconst CarouselContent = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const { carouselRef, orientation } = useCarousel()\n\n  return (\n    <div ref={carouselRef} className=\"overflow-hidden\">\n      <div\n        ref={ref}\n        className={cn(\n          'flex',\n          orientation === 'horizontal' ? '-ml-4' : '-mt-4 flex-col',\n          className\n        )}\n        {...props}\n      />\n    </div>\n  )\n})\nCarouselContent.displayName = 'CarouselContent'\n\nconst CarouselItem = React.forwardRef<\n  HTMLDivElement,\n  React.HTMLAttributes<HTMLDivElement>\n>(({ className, ...props }, ref) => {\n  const { orientation } = useCarousel()\n\n  return (\n    <div\n      ref={ref}\n      role=\"group\"\n      aria-roledescription=\"slide\"\n      className={cn(\n        'min-w-0 shrink-0 grow-0 basis-full',\n        orientation === 'horizontal' ? 'pl-4' : 'pt-4',\n        className\n      )}\n      {...props}\n    />\n  )\n})\nCarouselItem.displayName = 'CarouselItem'\n\nconst CarouselPrevious = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof Button>\n>(({ className, variant = 'secondary', size = 'lg', ...props }, ref) => {\n  const { orientation, scrollPrev, canScrollPrev } = useCarousel()\n\n  return (\n    <Button\n      // ico\n      ref={ref}\n      variant={variant}\n      size={size}\n      className={cn(\n        'absolute  h-10 w-10 disabled:bg-light-3',\n        orientation === 'horizontal'\n          ? '-left-12 top-1/2 -translate-y-1/2'\n          : '-top-12 left-1/2 -translate-x-1/2 rotate-90',\n        className\n      )}\n      disabled={!canScrollPrev}\n      onClick={scrollPrev}\n      {...props}\n    >\n      <ArrowLeft className=\"absolute h-4 w-4 stroke-stroke-4\" />\n      <span className=\"sr-only\">Previous slide</span>\n    </Button>\n  )\n})\nCarouselPrevious.displayName = 'CarouselPrevious'\n\nconst CarouselNext = React.forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<typeof Button>\n>(({ className, variant = 'secondary', size = 'lg', ...props }, ref) => {\n  const { orientation, scrollNext, canScrollNext } = useCarousel()\n\n  return (\n    <Button\n      ref={ref}\n      variant={variant}\n      size={size}\n      className={cn(\n        'absolute h-10 w-10 disabled:bg-light-3',\n        orientation === 'horizontal'\n          ? '-right-12 top-1/2 -translate-y-1/2'\n          : '-bottom-12 left-1/2 -translate-x-1/2 rotate-90',\n        className\n      )}\n      disabled={!canScrollNext}\n      onClick={scrollNext}\n      {...props}\n    >\n      <ArrowRight className=\"absolute h-4 w-4 stroke-stroke-4\" />\n      {/* <span className=\"sr-only\">Next slide</span> */}\n    </Button>\n  )\n})\nCarouselNext.displayName = 'CarouselNext'\n\nexport {\n  type CarouselApi,\n  Carousel,\n  CarouselContent,\n  CarouselItem,\n  CarouselPrevious,\n  CarouselNext,\n}\n"],"names":["CarouselContext","React","useCarousel","context","Carousel","orientation","opts","setApi","plugins","className","children","autoplay","autoplayInterval","props","ref","carouselRef","api","useEmblaCarousel","canScrollPrev","setCanScrollPrev","canScrollNext","setCanScrollNext","onSelect","scrollPrev","scrollNext","handleKeyDown","event","intervalId","startInterval","handleVisibilityChange","cn","CarouselContent","CarouselItem","CarouselPrevious","variant","size","Button","ArrowLeft","CarouselNext","ArrowRight"],"mappings":"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"}

package/dist/index.es126.js

@@ -1,47 +1,25 @@
 import { cva as r } from "class-variance-authority";
-const s = r(
-  `relative flex h-12 w-11 items-center justify-center border-y border-r border-input text-light-1 transition-all
-   first:rounded-l-md first:border-l last:rounded-r-md`,
+const t = r(
+  ` border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg 
+    text-light-1 px-3 py-2
+    file:border-0 file:bg-transparent
+    placeholder:font-normal placeholder:text-light-4`,
   {
     variants: {
-      isError: {
-        true: "",
-        false: ""
-      },
       isFocused: {
-        true: "",
+        true: "border-primary-2 ring-4 ring-primary-1",
+        false: "border-light-2"
+      },
+      disabled: {
+        true: "bg-light-3 border-neutral-2 cursor-not-allowed",
         false: ""
       }
     },
-    defaultVariants: {
-      isError: !1,
-      isFocused: !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-neutral-2"
-      }
-    ]
+    defaultVariants: {},
+    compoundVariants: []
   }
 );
 export {
-  s as OTPInputVariants
+  t as TextAreaVariants
 };
 //# sourceMappingURL=index.es126.js.map

package/dist/index.es126.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es126.js","sources":["../src/components/unstyled/otp-input/otp-input.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const OTPInputVariants = cva(\n  `relative flex h-12 w-11 items-center justify-center border-y border-r border-input text-light-1 transition-all\n   first:rounded-l-md first:border-l last:rounded-r-md`,\n  {\n    variants: {\n      isError: {\n        true: '',\n        false: '',\n      },\n      isFocused: {\n        true: '',\n        false: '',\n      },\n    },\n    defaultVariants: {\n      isError: false,\n      isFocused: 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-neutral-2',\n      },\n    ],\n  }\n)\n"],"names":["OTPInputVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA;AAAA,EAEA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,WAAW;AAAA,IAAA;AAAA,IAEb,kBAAkB;AAAA,MAChB;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,MAEb;AAAA,QACE,SAAS;AAAA,QACT,WAAW;AAAA,QACX,WAAW;AAAA,MAAA;AAAA,IACb;AAAA,EACF;AAEJ;"}
+{"version":3,"file":"index.es126.js","sources":["../src/components/atoms/textarea/textarea.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\n\nexport const TextAreaVariants = cva(\n  ` border flex items-center justify-between gap-1.5 relative mt-1.5 rounded-lg \n    text-light-1 px-3 py-2\n    file:border-0 file:bg-transparent\n    placeholder:font-normal placeholder:text-light-4`,\n  {\n    variants: {\n      isFocused: {\n        true: 'border-primary-2 ring-4 ring-primary-1',\n        false: 'border-light-2',\n      },\n      disabled: {\n        true: 'bg-light-3 border-neutral-2 cursor-not-allowed',\n        false: '',\n      },\n    },\n    defaultVariants: {},\n    compoundVariants: [],\n  }\n)\n"],"names":["TextAreaVariants","cva"],"mappings":";AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA;AAAA;AAAA;AAAA,EAIA;AAAA,IACE,UAAU;AAAA,MACR,WAAW;AAAA,QACT,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,MAET,UAAU;AAAA,QACR,MAAM;AAAA,QACN,OAAO;AAAA,MAAA;AAAA,IACT;AAAA,IAEF,iBAAiB,CAAA;AAAA,IACjB,kBAAkB,CAAA;AAAA,EAAC;AAEvB;"}

package/dist/index.es127.js

@@ -1,19 +1,12 @@
-import { cva as r } from "class-variance-authority";
-import { StepItemStatus as e } from "./index.es28.js";
-const o = r(
-  "h-8 w-8 border-2 flex items-center justify-center rounded-full cursor-pointer trasnition-all",
-  {
-    variants: {
-      variant: {
-        pending: "border-neutral-2 ",
-        current: "bg-primary-1 border-primary-2 hover:bg-hover-t1 active:bg-click-t1",
-        completed: "bg-rest-p1 hover:bg-hover-p1 active:bg-click-p1 border-none"
-      }
-    },
-    defaultVariants: { variant: e.PENDING }
-  }
-);
+import e from "react";
+import { FormSection as m } from "./index.es158.js";
+import { Typography as o } from "./index.es19.js";
+import { useFormStructure as c } from "./index.es159.js";
+const f = () => {
+  const { currentStep: t, totalSteps: l, currentStepIndex: a } = c();
+  return /* @__PURE__ */ e.createElement("section", { className: "flex flex-col gap-4 flex-1 overflow-scroll pb-16  [&::-webkit-scrollbar]:hidden [-ms-overflow-style:'none'] [scrollbar-width:'none']" }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col gap-1" }, /* @__PURE__ */ e.createElement(o, { variant: "h2" }, t.name), /* @__PURE__ */ e.createElement(o, { variant: "h3", className: "text-light-3" }, "Step ", a + 1, " of ", l)), /* @__PURE__ */ e.createElement("div", { className: "border-b border-light-1" }), t.sections.map((r) => /* @__PURE__ */ e.createElement(m, { key: r.id, section: r })));
+};
 export {
-  o as StepItemVariants
+  f as FormStep
 };
 //# sourceMappingURL=index.es127.js.map

package/dist/index.es127.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es127.js","sources":["../src/components/molecules/stepper/stepper.styles.ts"],"sourcesContent":["import { cva } from 'class-variance-authority'\nimport { StepItemStatus } from './stepper.type'\nexport const StepItemVariants = cva(\n  'h-8 w-8 border-2 flex items-center justify-center rounded-full cursor-pointer trasnition-all',\n  {\n    variants: {\n      variant: {\n        pending: 'border-neutral-2 ',\n        current:\n          'bg-primary-1 border-primary-2 hover:bg-hover-t1 active:bg-click-t1',\n        completed:\n          'bg-rest-p1 hover:bg-hover-p1 active:bg-click-p1 border-none',\n      },\n    },\n    defaultVariants: { variant: StepItemStatus.PENDING },\n  }\n)\n"],"names":["StepItemVariants","cva","StepItemStatus"],"mappings":";;AAEO,MAAMA,IAAmBC;AAAA,EAC9B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,SACE;AAAA,QACF,WACE;AAAA,MAAA;AAAA,IACJ;AAAA,IAEF,iBAAiB,EAAE,SAASC,EAAe,QAAA;AAAA,EAAQ;AAEvD;"}
+{"version":3,"file":"index.es127.js","sources":["../src/components/ui/form-renderer/components/form-step.tsx"],"sourcesContent":["// components/FormStep.tsx\nimport React from 'react'\nimport { FormSection } from './form-section'\nimport { useFormStructure } from '../context/form-structure'\nimport { Typography } from '@/components/atoms/typography'\n\nexport const FormStep: React.FC = () => {\n  const { currentStep, totalSteps, currentStepIndex } = useFormStructure()\n\n  return (\n    <section className=\"flex flex-col gap-4 flex-1 overflow-scroll pb-16  [&::-webkit-scrollbar]:hidden [-ms-overflow-style:'none'] [scrollbar-width:'none']\">\n      <div className=\"flex flex-col gap-1\">\n        <Typography variant=\"h2\">{currentStep.name}</Typography>\n        <Typography variant=\"h3\" className=\"text-light-3\">\n          Step {currentStepIndex + 1} of {totalSteps}\n        </Typography>\n      </div>\n      <div className=\"border-b border-light-1\" />\n      {currentStep.sections.map((section) => (\n        <FormSection key={section.id} section={section} />\n      ))}\n    </section>\n  )\n}\n"],"names":["FormStep","currentStep","totalSteps","currentStepIndex","useFormStructure","React","Typography","section","FormSection"],"mappings":";;;;AAMO,MAAMA,IAAqB,MAAM;AACtC,QAAM,EAAE,aAAAC,GAAa,YAAAC,GAAY,kBAAAC,EAAA,IAAqBC,EAAA;AAEtD,SACEC,gBAAAA,EAAA,cAAC,aAAQ,WAAU,uIAAA,mCAChB,OAAA,EAAI,WAAU,yBACbA,gBAAAA,EAAA,cAACC,GAAA,EAAW,SAAQ,KAAA,GAAML,EAAY,IAAK,GAC3CI,gBAAAA,EAAA,cAACC,KAAW,SAAQ,MAAK,WAAU,eAAA,GAAe,SAC1CH,IAAmB,GAAE,QAAKD,CAClC,CACF,mCACC,OAAA,EAAI,WAAU,2BAA0B,GACxCD,EAAY,SAAS,IAAI,CAACM,MACzBF,gBAAAA,EAAA,cAACG,GAAA,EAAY,KAAKD,EAAQ,IAAI,SAAAA,EAAA,CAAkB,CACjD,CACH;AAEJ;"}

package/dist/index.es128.js

@@ -1,8 +1,71 @@
-import e from "react";
-import { FormField as m } from "./index.es133.js";
-import { Typography as r } from "./index.es17.js";
-const i = ({ section: t }) => /* @__PURE__ */ e.createElement("div", { className: "form-section" }, /* @__PURE__ */ e.createElement("section", { className: "flex flex-col gap-3" }, /* @__PURE__ */ e.createElement(r, { variant: "h3", className: "text-light-2" }, t.name), t.fields.map((a) => /* @__PURE__ */ e.createElement(m, { key: a.id, field: a }))));
+import e, { useState as N } from "react";
+import { Button as n } from "./index.es9.js";
+import { useFormStructure as k } from "./index.es159.js";
+import { useFormValues as C } from "./index.es160.js";
+const V = ({
+  onGoToNextStep: i,
+  onGoToPreviousStep: o,
+  isSubmitting: f,
+  testMode: s = !1
+}) => {
+  const {
+    goToNextStep: l,
+    goToPreviousStep: S,
+    isFirstStep: r,
+    isLastStep: a,
+    currentStep: g,
+    currentStepIndex: c,
+    totalSteps: m
+  } = k(), { submitForm: v, validateStep: x, values: u } = C(), { isStepValid: p } = x(g), [y, d] = N(!1), b = async () => {
+    if (!i) {
+      l();
+      return;
+    }
+    const F = {
+      currentStepIndex: c,
+      totalSteps: m,
+      isFirstStep: r,
+      isLastStep: a,
+      values: u
+    };
+    try {
+      d(!0);
+      const t = i(F);
+      t && typeof t.then == "function" && await t, l();
+    } catch {
+    } finally {
+      d(!1);
+    }
+  }, h = () => {
+    o && o({
+      currentStepIndex: c,
+      totalSteps: m,
+      isFirstStep: r,
+      isLastStep: a,
+      values: u
+    }), S();
+  };
+  return /* @__PURE__ */ e.createElement("div", { className: "w-full flex h-[5rem] items-center justify-center gap-3 border-t border-neutral-1 bg-light-2 px-3" }, /* @__PURE__ */ e.createElement(n, { variant: "secondary", onClick: h }, r ? "Cancel" : "Back"), a ? /* @__PURE__ */ e.createElement(
+    n,
+    {
+      variant: "primary",
+      onClick: v,
+      disabled: !(p || s),
+      loading: f
+    },
+    "Submit"
+  ) : /* @__PURE__ */ e.createElement(
+    n,
+    {
+      variant: "primary",
+      onClick: b,
+      disabled: !(p || s),
+      loading: y
+    },
+    "Save & Next"
+  ));
+};
 export {
-  i as FormSection
+  V as FormNavigation
 };
 //# sourceMappingURL=index.es128.js.map

package/dist/index.es128.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es128.js","sources":["../src/components/ui/form-renderer/components/form-section.tsx"],"sourcesContent":["// components/FormSection.tsx\nimport React from 'react'\nimport { FormSection as FormSectionType } from '../form.types'\nimport { FormField } from './form-fields'\nimport { Typography } from '@/components/atoms/typography'\ninterface FormSectionProps {\n  section: FormSectionType\n}\n\nexport const FormSection: React.FC<FormSectionProps> = ({ section }) => {\n  return (\n    <div className=\"form-section\">\n      <section className=\"flex flex-col gap-3\">\n        <Typography variant=\"h3\" className=\"text-light-2\">\n          {section.name}\n        </Typography>\n        {section.fields.map((field) => (\n          <FormField key={field.id} field={field} />\n        ))}\n      </section>\n    </div>\n  )\n}\n"],"names":["FormSection","section","React","Typography","field","FormField"],"mappings":";;;AASO,MAAMA,IAA0C,CAAC,EAAE,SAAAC,QAEtDC,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,eAAA,GACbA,gBAAAA,EAAA,cAAC,WAAA,EAAQ,WAAU,yBACjBA,gBAAAA,EAAA,cAACC,GAAA,EAAW,SAAQ,MAAK,WAAU,eAAA,GAChCF,EAAQ,IACX,GACCA,EAAQ,OAAO,IAAI,CAACG,MACnBF,gBAAAA,EAAA,cAACG,GAAA,EAAU,KAAKD,EAAM,IAAI,OAAAA,EAAA,CAAc,CACzC,CACH,CACF;"}
+{"version":3,"file":"index.es128.js","sources":["../src/components/ui/form-renderer/components/form-navigation.tsx"],"sourcesContent":["// components/FormNavigation.tsx\nimport React, { useState } from 'react'\nimport { useFormValues } from '../context/form-values'\nimport { useFormStructure } from '../context/form-structure'\nimport { Button } from '@/components/atoms/button'\nimport { OnNavigate } from '../form.types'\n\ninterface FormNavigationProps {\n  onGoToNextStep?: OnNavigate\n  onGoToPreviousStep?: OnNavigate\n  isSubmitting: boolean\n  testMode?: boolean\n}\n\nexport const FormNavigation: React.FC<FormNavigationProps> = ({\n  onGoToNextStep,\n  onGoToPreviousStep,\n  isSubmitting,\n  testMode = false,\n}) => {\n  const {\n    goToNextStep,\n    goToPreviousStep,\n    isFirstStep,\n    isLastStep,\n    currentStep,\n    currentStepIndex,\n    totalSteps,\n  } = useFormStructure()\n\n  const { submitForm, validateStep, values } = useFormValues()\n\n  const { isStepValid } = validateStep(currentStep)\n  // const isStepValid = true\n\n  const [nextLoading, setNextLoading] = useState<boolean>(false)\n\n  const handleNextStep = async () => {\n    if (!onGoToNextStep) {\n      goToNextStep()\n      return\n    }\n\n    const nextStepData = {\n      currentStepIndex,\n      totalSteps,\n      isFirstStep,\n      isLastStep,\n      values,\n    }\n\n    try {\n      setNextLoading(true)\n      const result = onGoToNextStep(nextStepData)\n\n      // Await if it's a Promise, otherwise just continue\n      if (result && typeof result.then === 'function') {\n        await result\n      }\n\n      // If successful, proceed to next step\n      goToNextStep()\n    } catch (error) {\n      // Don't proceed to next step if there's an error\n    } finally {\n      setNextLoading(false)\n    }\n  }\n\n  const handlePreviousStep = () => {\n    if (onGoToPreviousStep)\n      onGoToPreviousStep({\n        currentStepIndex,\n        totalSteps,\n        isFirstStep,\n        isLastStep,\n        values,\n      })\n    goToPreviousStep()\n  }\n\n  return (\n    <div className=\"w-full flex h-[5rem] items-center justify-center gap-3 border-t border-neutral-1 bg-light-2 px-3\">\n      <Button variant=\"secondary\" onClick={handlePreviousStep}>\n        {isFirstStep ? 'Cancel' : 'Back'}\n      </Button>\n\n      {isLastStep ? (\n        <Button\n          variant=\"primary\"\n          onClick={submitForm}\n          disabled={!(isStepValid || testMode)}\n          loading={isSubmitting}\n        >\n          Submit\n        </Button>\n      ) : (\n        <Button\n          variant=\"primary\"\n          onClick={handleNextStep}\n          disabled={!(isStepValid || testMode)}\n          loading={nextLoading}\n        >\n          Save & Next\n        </Button>\n      )}\n    </div>\n  )\n}\n"],"names":["FormNavigation","onGoToNextStep","onGoToPreviousStep","isSubmitting","testMode","goToNextStep","goToPreviousStep","isFirstStep","isLastStep","currentStep","currentStepIndex","totalSteps","useFormStructure","submitForm","validateStep","values","useFormValues","isStepValid","nextLoading","setNextLoading","useState","handleNextStep","nextStepData","result","handlePreviousStep","React","Button"],"mappings":";;;;AAcO,MAAMA,IAAgD,CAAC;AAAA,EAC5D,gBAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC,IAAW;AACb,MAAM;AACJ,QAAM;AAAA,IACJ,cAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,aAAAC;AAAA,IACA,YAAAC;AAAA,IACA,aAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,YAAAC;AAAA,EAAA,IACEC,EAAA,GAEE,EAAE,YAAAC,GAAY,cAAAC,GAAc,QAAAC,EAAA,IAAWC,EAAA,GAEvC,EAAE,aAAAC,EAAA,IAAgBH,EAAaL,CAAW,GAG1C,CAACS,GAAaC,CAAc,IAAIC,EAAkB,EAAK,GAEvDC,IAAiB,YAAY;AACjC,QAAI,CAACpB,GAAgB;AACnB,MAAAI,EAAA;AACA;AAAA,IACF;AAEA,UAAMiB,IAAe;AAAA,MACnB,kBAAAZ;AAAA,MACA,YAAAC;AAAA,MACA,aAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,QAAAO;AAAA,IAAA;AAGF,QAAI;AACF,MAAAI,EAAe,EAAI;AACnB,YAAMI,IAAStB,EAAeqB,CAAY;AAG1C,MAAIC,KAAU,OAAOA,EAAO,QAAS,cACnC,MAAMA,GAIRlB,EAAA;AAAA,IACF,QAAgB;AAAA,IAEhB,UAAA;AACE,MAAAc,EAAe,EAAK;AAAA,IACtB;AAAA,EACF,GAEMK,IAAqB,MAAM;AAC/B,IAAItB,KACFA,EAAmB;AAAA,MACjB,kBAAAQ;AAAA,MACA,YAAAC;AAAA,MACA,aAAAJ;AAAA,MACA,YAAAC;AAAA,MACA,QAAAO;AAAA,IAAA,CACD,GACHT,EAAA;AAAA,EACF;AAEA,SACEmB,gBAAAA,EAAA,cAAC,OAAA,EAAI,WAAU,sIACZC,GAAA,EAAO,SAAQ,aAAY,SAASF,EAAA,GAClCjB,IAAc,WAAW,MAC5B,GAECC,IACCiB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAASb;AAAA,MACT,UAAU,EAAEI,KAAeb;AAAA,MAC3B,SAASD;AAAA,IAAA;AAAA,IACV;AAAA,EAAA,IAIDsB,gBAAAA,EAAA;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,SAAQ;AAAA,MACR,SAASL;AAAA,MACT,UAAU,EAAEJ,KAAeb;AAAA,MAC3B,SAASc;AAAA,IAAA;AAAA,IACV;AAAA,EAAA,CAIL;AAEJ;"}