@axos-web-dev/shared-components 0.0.1

package/dist/CallToActionBar/CallToActionBar.css.js

@@ -0,0 +1,40 @@
+/* empty css                                   */
+var cta = "_1tdyl740";
+var cta_image_section = "_1tdyl741";
+var cta_square_image_lg = "_1tdyl742";
+var cta_rectangle_image_lg = "_1tdyl743";
+var cta_square_image_md = "_1tdyl744";
+var cta_rectangle_image_md = "_1tdyl745";
+var cta_section_lg = "_1tdyl746";
+var cta_section_lg_overlap = "_1tdyl747";
+var cta_section_md = "_1tdyl748";
+var cta_section_md_overlap = "_1tdyl749";
+var cta_section_sm = "_1tdyl74a";
+var cta_section = "_1tdyl74b";
+var cta_image_overlap = "_1tdyl74c";
+var cta_body_section = "_1tdyl74d";
+var sticky_banner = "_1tdyl74e";
+var is_sticky = "_1tdyl74f";
+var ctas_section = "_1tdyl74g";
+var cta_text = "_1tdyl74h";
+export {
+  cta,
+  cta_body_section,
+  cta_image_overlap,
+  cta_image_section,
+  cta_rectangle_image_lg,
+  cta_rectangle_image_md,
+  cta_section,
+  cta_section_lg,
+  cta_section_lg_overlap,
+  cta_section_md,
+  cta_section_md_overlap,
+  cta_section_sm,
+  cta_square_image_lg,
+  cta_square_image_md,
+  cta_text,
+  ctas_section,
+  is_sticky,
+  sticky_banner
+};
+//# sourceMappingURL=CallToActionBar.css.js.map

package/dist/CallToActionBar/CallToActionBar.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallToActionBar.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;"}

package/dist/CallToActionBar/CallToActionBar.interface.d.ts

@@ -0,0 +1,21 @@
+import { ChevronProps } from '../Chevron/Chevron.interface';
+import { ReactNode } from "react";
+export type large = "large" | "lg";
+export type medium = "medium" | "md";
+export type small = "small" | "sm";
+export interface CallToActionBarInterface {
+    id?: string;
+    image_overlap: boolean;
+    bannerSize: large | medium | small;
+    image: {
+        src: string;
+        alt?: string;
+    };
+    imageMobileView: boolean;
+    imagePlacement: "left" | "right";
+    bannerBehavior: "fixed" | "sticky" | "scroll";
+    headline: string | ReactNode;
+    bodyCopy: string | ReactNode;
+    callToActionRow: ChevronProps[];
+}
+//# sourceMappingURL=CallToActionBar.interface.d.ts.map

package/dist/CallToActionBar/CallToActionBar.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallToActionBar.interface.d.ts","sourceRoot":"","sources":["../../lib/CallToActionBar/CallToActionBar.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAC;AAC9D,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,IAAI,CAAC;AACnC,MAAM,MAAM,MAAM,GAAG,QAAQ,GAAG,IAAI,CAAC;AACrC,MAAM,MAAM,KAAK,GAAG,OAAO,GAAG,IAAI,CAAC;AAEnC,MAAM,WAAW,wBAAwB;IACvC,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,aAAa,EAAE,OAAO,CAAC;IACvB,UAAU,EAAE,KAAK,GAAG,MAAM,GAAG,KAAK,CAAC;IACnC,KAAK,EAAE;QACL,GAAG,EAAE,MAAM,CAAC;QACZ,GAAG,CAAC,EAAE,MAAM,CAAC;KACd,CAAC;IACF,eAAe,EAAE,OAAO,CAAC;IACzB,cAAc,EAAE,MAAM,GAAG,OAAO,CAAC;IACjC,cAAc,EAAE,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;IAC9C,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC;IAC7B,eAAe,EAAE,YAAY,EAAE,CAAC;CACjC"}

package/dist/CallToActionBar/CallToActionBar.interface.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=CallToActionBar.interface.js.map

package/dist/CallToActionBar/CallToActionBar.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CallToActionBar.interface.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/CallToActionBar/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { CallToActionBarInterface } from "./CallToActionBar.interface";
+export declare const CallToActionBar: FC<CallToActionBarInterface>;
+//# sourceMappingURL=index.d.ts.map

package/dist/CallToActionBar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/CallToActionBar/index.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,EAAE,EAAuB,MAAM,OAAO,CAAC;AAgBhD,OAAO,EAAE,wBAAwB,EAAE,MAAM,6BAA6B,CAAC;AAEvE,eAAO,MAAM,eAAe,EAAE,EAAE,CAAC,wBAAwB,CA2HxD,CAAC"}

package/dist/CallToActionBar/index.js

@@ -0,0 +1,126 @@
+"use client";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { Button } from "../Button/index.js";
+import { Chevron } from "../Chevron/index.js";
+import { getVariant } from "../utils/getVariant.js";
+import { useState, useEffect } from "react";
+import { returnImageDimensions, imageOrientation, getBannerSizeClassName } from "../utils/ctaOptions.js";
+import { sticky_banner, is_sticky, cta, cta_image_section, cta_image_overlap, cta_body_section, cta_text, ctas_section } from "./CallToActionBar.css.js";
+const CallToActionBar = ({
+  image_overlap,
+  bannerSize,
+  image,
+  imageMobileView,
+  imagePlacement,
+  bannerBehavior = "fixed",
+  headline,
+  bodyCopy,
+  callToActionRow,
+  id
+}) => {
+  const [stickyTop, setstickyTop] = useState(0);
+  const [imageSize, setImageSize] = useState({ width: "0px", height: "0px" });
+  const banner_size = bannerSize.toLowerCase();
+  const row_reverse = imagePlacement.toLowerCase() === "right" ? true : false;
+  useEffect(() => {
+    var _a;
+    const domRectStickyEl = (_a = document == null ? void 0 : document.querySelector(`.${sticky_banner}`)) == null ? void 0 : _a.getBoundingClientRect();
+    if (domRectStickyEl) {
+      setstickyTop(domRectStickyEl.top);
+    }
+    setImageSize(
+      returnImageDimensions(banner_size, imageOrientation(image.src))
+    );
+  }, [image.src, banner_size]);
+  useEffect(() => {
+    if (!stickyTop)
+      return;
+    window.addEventListener("scroll", isSticky);
+    return () => {
+      window.removeEventListener("scroll", isSticky);
+    };
+  }, [stickyTop]);
+  const isSticky = () => {
+    const main = document.querySelector("main");
+    const bannerHeight = main.firstChild.offsetHeight;
+    const stickyElem = document.querySelector(
+      `.${sticky_banner}`
+    );
+    const scrollTop = window.scrollY;
+    if (scrollTop >= bannerHeight - 10) {
+      stickyElem.classList.add(is_sticky);
+    } else {
+      stickyElem.classList.remove(is_sticky);
+    }
+  };
+  return /* @__PURE__ */ jsx(
+    "section",
+    {
+      className: `${cta} ${getBannerSizeClassName(
+        banner_size,
+        image_overlap
+      )} ${bannerBehavior.toLowerCase() === "sticky" ? sticky_banner : ""} section_spacer`,
+      children: /* @__PURE__ */ jsxs("div", { className: "containment flex middle", children: [
+        banner_size !== "sm" && !imageMobileView ? /* @__PURE__ */ jsx("div", { className: `${cta_image_section}`, children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: image.src,
+            alt: "",
+            style: { ...imageSize },
+            className: `${image_overlap ? `${cta_image_overlap}` : ""}`
+          }
+        ) }) : null,
+        /* @__PURE__ */ jsxs(
+          "div",
+          {
+            className: `${cta_body_section} ${banner_size !== "lg" ? "flex middle" : ""}`,
+            style: row_reverse ? { flexDirection: "row-reverse" } : {},
+            children: [
+              /* @__PURE__ */ jsxs("div", { className: `${cta_text} mb_0`, children: [
+                headline && /* @__PURE__ */ jsx("h2", { className: "header_3", children: headline }),
+                banner_size === "lg" && bodyCopy && /* @__PURE__ */ jsx(Fragment, { children: bodyCopy })
+              ] }),
+              /* @__PURE__ */ jsx(
+                "div",
+                {
+                  className: `${ctas_section} flex text_center push_up_24`,
+                  style: banner_size === "sm" ? {
+                    flexShrink: 0,
+                    marginRight: `${row_reverse ? "40px" : "20px"}`,
+                    padding: 0
+                  } : {},
+                  children: callToActionRow.map(
+                    ({ id: id2, variant, displayText, targetUrl, type }) => type === "Button" ? /* @__PURE__ */ jsx(
+                      Button,
+                      {
+                        targetUrl,
+                        color: getVariant(variant),
+                        size: "medium",
+                        rounded: "medium",
+                        children: displayText
+                      },
+                      id2
+                    ) : /* @__PURE__ */ jsx(
+                      Chevron,
+                      {
+                        targetUrl,
+                        variant: getVariant(variant),
+                        children: displayText
+                      },
+                      id2
+                    )
+                  )
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    },
+    id
+  );
+};
+export {
+  CallToActionBar
+};
+//# sourceMappingURL=index.js.map

package/dist/CallToActionBar/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../lib/CallToActionBar/index.tsx"],"sourcesContent":["\"use client\";\nimport { Button } from \"@lib/Button\";\nimport { Chevron } from \"@lib/Chevron\";\nimport { ChevronProps } from \"@lib/Chevron/Chevron.interface\";\nimport { getVariant } from \"@lib/utils/getVariant\";\nimport { FC, useEffect, useState } from \"react\";\nimport {\n  getBannerSizeClassName,\n  imageOrientation,\n  returnImageDimensions,\n} from \"../utils/ctaOptions\";\nimport {\n  cta,\n  cta_body_section,\n  cta_image_overlap,\n  cta_image_section,\n  cta_text,\n  ctas_section,\n  is_sticky,\n  sticky_banner,\n} from \"./CallToActionBar.css\";\nimport { CallToActionBarInterface } from \"./CallToActionBar.interface\";\n\nexport const CallToActionBar: FC<CallToActionBarInterface> = ({\n  image_overlap,\n  bannerSize,\n  image,\n  imageMobileView,\n  imagePlacement,\n  bannerBehavior = \"fixed\",\n  headline,\n  bodyCopy,\n  callToActionRow,\n  id,\n}) => {\n  const [stickyTop, setstickyTop] = useState(0);\n  const [imageSize, setImageSize] = useState({ width: \"0px\", height: \"0px\" });\n  const banner_size = bannerSize.toLowerCase();\n  const row_reverse = imagePlacement.toLowerCase() === \"right\" ? true : false;\n\n  useEffect(() => {\n    const domRectStickyEl = document\n      ?.querySelector(`.${sticky_banner}`)\n      ?.getBoundingClientRect();\n\n    if (domRectStickyEl) {\n      setstickyTop(domRectStickyEl.top);\n    }\n\n    setImageSize(\n      returnImageDimensions(banner_size, imageOrientation(image.src))\n    );\n  }, [image.src, banner_size]);\n\n  useEffect(() => {\n    if (!stickyTop) return;\n\n    window.addEventListener(\"scroll\", isSticky);\n    return () => {\n      window.removeEventListener(\"scroll\", isSticky);\n    };\n  }, [stickyTop]);\n\n  const isSticky = () => {\n    const main = document.querySelector(\"main\") as HTMLElement;\n    const bannerHeight = (main.firstChild as HTMLElement).offsetHeight;\n    const stickyElem = document.querySelector(\n      `.${sticky_banner}`\n    ) as HTMLElement;\n    const scrollTop = window.scrollY;\n\n    if (scrollTop >= bannerHeight - 10) {\n      stickyElem.classList.add(is_sticky);\n    } else {\n      stickyElem.classList.remove(is_sticky);\n    }\n  };\n\n  return (\n    <section\n      key={id}\n      className={`${cta} ${getBannerSizeClassName(\n        banner_size,\n        image_overlap\n      )} ${bannerBehavior.toLowerCase() === \"sticky\" ? sticky_banner : \"\"} section_spacer`}\n    >\n      <div className=\"containment flex middle\">\n        {banner_size !== (\"sm\" || \"small\") && !imageMobileView ? (\n          <div className={`${cta_image_section}`}>\n            <img\n              src={image.src}\n              alt=\"\"\n              style={{ ...imageSize }}\n              className={`${image_overlap ? `${cta_image_overlap}` : \"\"}`}\n            />\n          </div>\n        ) : null}\n        <div\n          className={`${cta_body_section} ${\n            banner_size !== (\"lg\" || \"large\") ? \"flex middle\" : \"\"\n          }`}\n          style={row_reverse ? { flexDirection: \"row-reverse\" } : {}}\n        >\n          <div className={`${cta_text} mb_0`}>\n            {headline && <h2 className=\"header_3\">{headline}</h2>}\n            {banner_size === (\"lg\" || \"large\") && bodyCopy && <>{bodyCopy}</>}\n          </div>\n          <div\n            className={`${ctas_section} flex text_center push_up_24`}\n            style={\n              banner_size === (\"sm\" || \"small\")\n                ? {\n                    flexShrink: 0,\n                    marginRight: `${row_reverse ? \"40px\" : \"20px\"}`,\n                    padding: 0,\n                  }\n                : {}\n            }\n          >\n            {callToActionRow.map(\n              ({ id, variant, displayText, targetUrl, type }: ChevronProps) =>\n                type === \"Button\" ? (\n                  <Button\n                    key={id}\n                    targetUrl={targetUrl}\n                    color={getVariant(variant)}\n                    size=\"medium\"\n                    rounded=\"medium\"\n                  >\n                    {displayText}\n                  </Button>\n                ) : (\n                  <Chevron\n                    key={id}\n                    targetUrl={targetUrl}\n                    variant={getVariant(variant)}\n                  >\n                    {displayText}\n                  </Chevron>\n                )\n            )}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n"],"names":["id"],"mappings":"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"}

package/dist/Carousel/Carousel.css.d.ts

@@ -0,0 +1,84 @@
+import { RecipeVariants } from "@vanilla-extract/recipes";
+export declare const dots: string;
+export declare const carousel: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        primary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const authorLocation: string;
+export declare const author: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        quaternary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const slideBase: string;
+export declare const slide: Record<"hide" | "show", string>;
+export declare const slides: string;
+export declare const icon: import("@vanilla-extract/recipes").RuntimeFn<{}>;
+export declare const dot: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        primary: {
+            borderColor: "#1E3860";
+            selectors: {
+                "&:hover": {
+                    background: "#87B9D7";
+                };
+            };
+        };
+        secondary: {
+            borderColor: "#1E3860";
+            selectors: {
+                "&:hover": {
+                    background: "#87B9D7";
+                };
+            };
+        };
+        tertiary: {
+            borderColor: "#FFFFFF";
+            selectors: {
+                "&:hover": {
+                    background: "#EBEBEB";
+                };
+            };
+        };
+        quaternary: {
+            borderColor: "#FAA74A";
+            selectors: {
+                "&:hover": {
+                    background: "#FFE7D2";
+                };
+            };
+        };
+    };
+    selected: {
+        true: {};
+    };
+}>;
+export type carouselVariants = RecipeVariants<typeof carousel>;
+//# sourceMappingURL=Carousel.css.d.ts.map

package/dist/Carousel/Carousel.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.css.d.ts","sourceRoot":"","sources":["../../lib/Carousel/Carousel.css.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAU,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,IAAI,QAOf,CAAC;AAEH,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;EAkCnB,CAAC;AAEH,eAAO,MAAM,cAAc,QAKzB,CAAC;AAQH,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;EAUjB,CAAC;AAEH,eAAO,MAAM,SAAS,QAapB,CAAC;AAEH,eAAO,MAAM,KAAK,iCAiBhB,CAAC;AAEH,eAAO,MAAM,MAAM,QAA6B,CAAC;AAEjD,eAAO,MAAM,IAAI,kDAUf,CAAC;AAEH,eAAO,MAAM,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyFd,CAAC;AAEH,MAAM,MAAM,gBAAgB,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC"}

package/dist/Carousel/Carousel.css.js

@@ -0,0 +1,23 @@
+/* empty css                            */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var dots = "jgs3fs0";
+var carousel = createRuntimeFn({ defaultClassName: "jgs3fs1", variantClassNames: { variant: { primary: "jgs3fs2", secondary: "jgs3fs3", tertiary: "jgs3fs4", quaternary: "jgs3fs5" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });
+var authorLocation = "jgs3fs6";
+var author = createRuntimeFn({ defaultClassName: "jgs3fs8 jgs3fs7", variantClassNames: { variant: { primary: "jgs3fs9", secondary: "jgs3fsa", tertiary: "jgs3fsb", quaternary: "jgs3fsc" } }, defaultVariants: {}, compoundVariants: [] });
+var slideBase = "jgs3fsd";
+var slide = { show: "jgs3fse jgs3fsd", hide: "jgs3fsf jgs3fsd" };
+var slides = "jgs3fsg";
+var icon = createRuntimeFn({ defaultClassName: "jgs3fsh", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
+var dot = createRuntimeFn({ defaultClassName: "jgs3fsi", variantClassNames: { variant: { primary: "jgs3fsj", secondary: "jgs3fsk", tertiary: "jgs3fsl", quaternary: "jgs3fsm" }, selected: { true: "jgs3fsn" } }, defaultVariants: { variant: "primary" }, compoundVariants: [[{ variant: "primary", selected: true }, "jgs3fso"], [{ variant: "secondary", selected: true }, "jgs3fsp"], [{ variant: "tertiary", selected: true }, "jgs3fsq"], [{ variant: "quaternary", selected: true }, "jgs3fsr"]] });
+export {
+  author,
+  authorLocation,
+  carousel,
+  dot,
+  dots,
+  icon,
+  slide,
+  slideBase,
+  slides
+};
+//# sourceMappingURL=Carousel.css.js.map

package/dist/Carousel/Carousel.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Carousel.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/dist/Carousel/index.d.ts

@@ -0,0 +1,29 @@
+import { PropsWithChildren, ReactNode } from "react";
+import { carouselVariants } from "./Carousel.css";
+export interface SlideProps extends PropsWithChildren {
+    id: string | number;
+    selected?: boolean;
+    content?: ReactNode;
+    author?: ReactNode;
+    location?: ReactNode;
+}
+export interface CarouselProps extends PropsWithChildren {
+    auto?: boolean;
+    time?: number;
+    selectedItem?: string | number;
+    items?: SlideProps[];
+}
+type state = {
+    selected: number;
+    items?: unknown[];
+    timeout?: number;
+};
+type actions = {
+    change: (selected: number) => void;
+    setItems: (items: unknown[]) => void;
+};
+export declare const useCarousel: import("zustand").UseBoundStore<import("zustand").StoreApi<state & actions>>;
+export declare const CarouselSlide: (props: SlideProps & carouselVariants) => import("react/jsx-dev-runtime").JSX.Element;
+export declare const Carousel: (props: CarouselProps & carouselVariants) => import("react/jsx-dev-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/Carousel/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/Carousel/index.tsx"],"names":[],"mappings":"AAGA,OAAc,EAEZ,iBAAiB,EACjB,SAAS,EAGV,MAAM,OAAO,CAAC;AAEf,OAAO,EAIL,gBAAgB,EAMjB,MAAM,gBAAgB,CAAC;AAExB,MAAM,WAAW,UAAW,SAAQ,iBAAiB;IACnD,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IACpB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,SAAS,CAAC;IACpB,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,MAAM,WAAW,aAAc,SAAQ,iBAAiB;IACtD,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC/B,KAAK,CAAC,EAAE,UAAU,EAAE,CAAC;CACtB;AAED,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,OAAO,EAAE,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,KAAK,OAAO,GAAG;IACb,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,QAAQ,EAAE,CAAC,KAAK,EAAE,OAAO,EAAE,KAAK,IAAI,CAAC;CACtC,CAAC;AAEF,eAAO,MAAM,WAAW,8EAIrB,CAAC;AAyBJ,eAAO,MAAM,aAAa,UAAW,UAAU,GAAG,gBAAgB,gDAmBjE,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,aAAa,GAAG,gBAAgB,gDAkF/D,CAAC"}

package/dist/Carousel/index.js

@@ -0,0 +1,122 @@
+"use client";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import "../icons/CheckIcon/CheckIcon.css.js";
+import "../themes/vars.css.ts.vanilla.css.js";
+/* empty css                                                    */
+import SvgQuoteIconGrey from "../icons/QuoteIconGrey.js";
+import SvgQuoteIconWhite from "../icons/QuoteIconWhite.js";
+import SvgQuoteIconYellow from "../icons/QuoteIconYellow.js";
+import clsx from "clsx";
+import React, { useEffect, Children, cloneElement } from "react";
+import { create } from "zustand";
+import { icon, slide, authorLocation, author, carousel, slides, dots, dot } from "./Carousel.css.js";
+const useCarousel = create()((set) => ({
+  selected: 0,
+  change: (selected) => set(() => ({ selected })),
+  setItems: (items) => set(() => ({ items }))
+}));
+const iconVarints = /* @__PURE__ */ new Map([
+  [
+    "primary",
+    /* @__PURE__ */ jsx(SvgQuoteIconGrey, { width: 64, height: 46, className: clsx(icon()) })
+  ],
+  [
+    "secondary",
+    /* @__PURE__ */ jsx(SvgQuoteIconGrey, { width: 64, height: 46, className: clsx(icon()) })
+  ],
+  [
+    "tertiary",
+    /* @__PURE__ */ jsx(SvgQuoteIconWhite, { width: 64, height: 46, className: clsx(icon()) })
+  ],
+  [
+    "quaternary",
+    /* @__PURE__ */ jsx(SvgQuoteIconYellow, { width: 64, height: 46, className: clsx(icon()) })
+  ],
+  [
+    void 0,
+    /* @__PURE__ */ jsx(SvgQuoteIconGrey, { width: 64, height: 46, className: clsx(icon()) })
+  ]
+]);
+const CarouselSlide = (props) => {
+  const { children, selected, content, author: author$1, location, variant } = props;
+  return /* @__PURE__ */ jsx("div", { className: slide[selected ? "show" : "hide"], children: children ? children : /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx("p", { children: content }),
+    /* @__PURE__ */ jsxs("div", { className: authorLocation, children: [
+      /* @__PURE__ */ jsx("span", { className: author({ variant }), children: author$1 }),
+      /* @__PURE__ */ jsx("span", { children: "|" }),
+      /* @__PURE__ */ jsx("span", { children: location })
+    ] })
+  ] }) });
+};
+const Carousel = (props) => {
+  const { children, time = 5e3, variant, items, auto = false } = props;
+  const change = useCarousel((state) => state.change);
+  const itemSelected = useCarousel((state) => state.selected);
+  useEffect(() => {
+    if (!auto) {
+      return;
+    }
+    const plusSlides = (n) => {
+      const noSlides = React.Children.count(children);
+      if (n < noSlides - 1) {
+        change(n + 1);
+      }
+      if (n === noSlides - 1) {
+        change(0);
+      }
+    };
+    const changeAfterTime = setInterval(() => plusSlides(itemSelected), time);
+    return () => clearInterval(changeAfterTime);
+  }, [auto, change, children, itemSelected, time]);
+  const selectItem = (id) => {
+    change(id);
+  };
+  const showDots = () => {
+    if (children) {
+      return Children.map(children, (_, indx) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          onClick: () => selectItem(indx),
+          className: dot({ variant, selected: indx === itemSelected })
+        },
+        indx
+      ));
+    }
+    if (items) {
+      return items.map((_, indx) => /* @__PURE__ */ jsx(
+        "div",
+        {
+          onClick: () => selectItem(indx),
+          className: dot({ variant, selected: indx === itemSelected })
+        },
+        indx
+      ));
+    }
+  };
+  return /* @__PURE__ */ jsxs("div", { className: clsx(carousel({ variant })), children: [
+    /* @__PURE__ */ jsx("div", { children: iconVarints.get(variant) }),
+    /* @__PURE__ */ jsx("div", { className: slides, children: children ? Children.map(
+      children,
+      (item, idx) => React.isValidElement(item) && cloneElement(item, {
+        ...item.props,
+        selected: idx === itemSelected,
+        variant
+      })
+    ) : items == null ? void 0 : items.map((item, idx) => /* @__PURE__ */ jsx(
+      CarouselSlide,
+      {
+        selected: idx === itemSelected,
+        ...item,
+        variant
+      },
+      item.id
+    )) }),
+    /* @__PURE__ */ jsx("div", { className: dots, children: showDots() })
+  ] });
+};
+export {
+  Carousel,
+  CarouselSlide,
+  useCarousel
+};
+//# sourceMappingURL=index.js.map

package/dist/Carousel/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../lib/Carousel/index.tsx"],"sourcesContent":["\"use client\";\nimport { QuoteIconGrey, QuoteIconWhite, QuoteIconYellow } from \"@lib/icons\";\nimport clsx from \"clsx\";\nimport React, {\n  Children,\n  PropsWithChildren,\n  ReactNode,\n  cloneElement,\n  useEffect,\n} from \"react\";\nimport { create } from \"zustand\";\nimport {\n  author as authorClassname,\n  authorLocation,\n  carousel,\n  carouselVariants,\n  dot,\n  dots,\n  icon,\n  slide,\n  slides,\n} from \"./Carousel.css\";\n\nexport interface SlideProps extends PropsWithChildren {\n  id: string | number;\n  selected?: boolean;\n  content?: ReactNode;\n  author?: ReactNode;\n  location?: ReactNode;\n}\n\nexport interface CarouselProps extends PropsWithChildren {\n  auto?: boolean;\n  time?: number;\n  selectedItem?: string | number;\n  items?: SlideProps[];\n}\n\ntype state = {\n  selected: number;\n  items?: unknown[];\n  timeout?: number;\n};\n\ntype actions = {\n  change: (selected: number) => void;\n  setItems: (items: unknown[]) => void;\n};\n\nexport const useCarousel = create<state & actions>()((set) => ({\n  selected: 0,\n  change: (selected) => set(() => ({ selected })),\n  setItems: (items) => set(() => ({ items })),\n}));\n\nconst iconVarints = new Map([\n  [\n    \"primary\",\n    <QuoteIconGrey width={64} height={46} className={clsx(icon())} />,\n  ],\n  [\n    \"secondary\",\n    <QuoteIconGrey width={64} height={46} className={clsx(icon())} />,\n  ],\n  [\n    \"tertiary\",\n    <QuoteIconWhite width={64} height={46} className={clsx(icon())} />,\n  ],\n  [\n    \"quaternary\",\n    <QuoteIconYellow width={64} height={46} className={clsx(icon())} />,\n  ],\n  [\n    undefined,\n    <QuoteIconGrey width={64} height={46} className={clsx(icon())} />,\n  ],\n]);\n\nexport const CarouselSlide = (props: SlideProps & carouselVariants) => {\n  const { children, selected, content, author, location, variant } = props;\n\n  return (\n    <div className={slide[selected ? \"show\" : \"hide\"]}>\n      {children ? (\n        children\n      ) : (\n        <>\n          <p>{content}</p>\n          <div className={authorLocation}>\n            <span className={authorClassname({ variant })}>{author}</span>\n            <span>|</span>\n            <span>{location}</span>\n          </div>\n        </>\n      )}\n    </div>\n  );\n};\n\nexport const Carousel = (props: CarouselProps & carouselVariants) => {\n  const { children, time = 5000, variant, items, auto = false } = props;\n  const change = useCarousel((state) => state.change);\n  const itemSelected = useCarousel((state) => state.selected);\n\n  // const countChildren = Children?.map(children, (item) => {\n  //   // console.log(item);\n\n  //   return React.isValidElement(item) && item?.props?.id;\n  // });\n\n  useEffect(() => {\n    if (!auto) {\n      return;\n    }\n    const plusSlides = (n: number) => {\n      const noSlides = React.Children.count(children);\n      if (n < noSlides - 1) {\n        change(n + 1);\n      }\n\n      if (n === noSlides - 1) {\n        change(0);\n      }\n    };\n    const changeAfterTime = setInterval(() => plusSlides(itemSelected), time);\n\n    return () => clearInterval(changeAfterTime);\n  }, [auto, change, children, itemSelected, time]);\n\n  const selectItem = (id: number) => {\n    change(id);\n  };\n\n  const showDots = () => {\n    if (children) {\n      return Children.map(children, (_, indx) => (\n        <div\n          key={indx}\n          onClick={() => selectItem(indx)}\n          className={dot({ variant, selected: indx === itemSelected })}\n        ></div>\n      ));\n    }\n    if (items) {\n      return items.map((_, indx) => (\n        <div\n          key={indx}\n          onClick={() => selectItem(indx)}\n          className={dot({ variant, selected: indx === itemSelected })}\n        ></div>\n      ));\n    }\n  };\n\n  return (\n    <div className={clsx(carousel({ variant }))}>\n      <div>{iconVarints.get(variant)}</div>\n      <div className={slides}>\n        {children\n          ? Children.map(\n              children,\n              (item, idx) =>\n                React.isValidElement(item) &&\n                cloneElement(item, {\n                  ...item.props,\n                  selected: idx === itemSelected,\n                  variant,\n                })\n            )\n          : items?.map((item, idx) => (\n              <CarouselSlide\n                key={item.id}\n                selected={idx === itemSelected}\n                {...item}\n                variant={variant}\n              />\n            ))}\n      </div>\n      <div className={dots}>{showDots()}</div>\n    </div>\n  );\n};\n"],"names":["QuoteIconGrey","QuoteIconWhite","QuoteIconYellow","author","authorClassname"],"mappings":"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"}

package/dist/Chevron/Chevron.css.d.ts

@@ -0,0 +1,15 @@
+export declare const chevron: import("@vanilla-extract/recipes").RuntimeFn<{
+    variant: {
+        primary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        secondary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+        tertiary: {
+            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+        };
+    };
+}>;
+export declare const chevron_wrapper: string;
+//# sourceMappingURL=Chevron.css.d.ts.map

package/dist/Chevron/Chevron.css.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chevron.css.d.ts","sourceRoot":"","sources":["../../lib/Chevron/Chevron.css.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,OAAO;;;;;;;;;;;;EAsBlB,CAAC;AAEH,eAAO,MAAM,eAAe,QAAY,CAAC"}

package/dist/Chevron/Chevron.css.js

@@ -0,0 +1,9 @@
+/* empty css                           */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var chevron = createRuntimeFn({ defaultClassName: "_1gp5vfo0", variantClassNames: { variant: { primary: "_1gp5vfo1", secondary: "_1gp5vfo2", tertiary: "_1gp5vfo3" } }, defaultVariants: {}, compoundVariants: [] });
+var chevron_wrapper = "_1gp5vfo4";
+export {
+  chevron,
+  chevron_wrapper
+};
+//# sourceMappingURL=Chevron.css.js.map

package/dist/Chevron/Chevron.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chevron.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/dist/Chevron/Chevron.interface.d.ts

@@ -0,0 +1,33 @@
+import { CallToActionTypes } from '../utils/variant.types';
+import { PropsWithChildren, ReactNode } from "react";
+export interface ChevronProps extends PropsWithChildren {
+    /**
+     * react node to add as a children
+     */
+    children?: ReactNode;
+    /**
+     * text to display in the chevron
+     */
+    displayText?: string;
+    /**
+     * defines the color for the chevron
+     */
+    variant: CallToActionTypes;
+    /**
+     * Defines the url to redirect
+     */
+    targetUrl: string;
+    /**
+     * identifier for the component
+     */
+    id?: string;
+    /**
+     * Defines if the cta will be a button or a chevron
+     */
+    type?: "Button" | "Chevron";
+    /**
+     * additional classname
+     */
+    className?: string;
+}
+//# sourceMappingURL=Chevron.interface.d.ts.map

package/dist/Chevron/Chevron.interface.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chevron.interface.d.ts","sourceRoot":"","sources":["../../lib/Chevron/Chevron.interface.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAErD,MAAM,WAAW,YAAa,SAAQ,iBAAiB;IACrD;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,OAAO,EAAE,iBAAiB,CAAC;IAC3B;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAC;IAC5B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

package/dist/Chevron/Chevron.interface.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=Chevron.interface.js.map

package/dist/Chevron/Chevron.interface.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chevron.interface.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/Chevron/index.d.ts

@@ -0,0 +1,4 @@
+import { FC } from "react";
+import { ChevronProps } from "./Chevron.interface";
+export declare const Chevron: FC<ChevronProps>;
+//# sourceMappingURL=index.d.ts.map

package/dist/Chevron/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/Chevron/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAmBpC,CAAC"}

package/dist/Chevron/index.js

@@ -0,0 +1,27 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { ArrowIcon } from "../icons/ArrowIcon/index.js";
+import { chevron_wrapper, chevron } from "./Chevron.css.js";
+const Chevron = ({
+  children,
+  variant,
+  targetUrl,
+  id,
+  className
+}) => {
+  return /* @__PURE__ */ jsxs("span", { className: `sc__btn ${chevron_wrapper}`, children: [
+    /* @__PURE__ */ jsx(
+      "a",
+      {
+        id,
+        href: targetUrl,
+        className: `${chevron({ variant })} ${className ? className : ""}`,
+        children
+      }
+    ),
+    /* @__PURE__ */ jsx(ArrowIcon, { className: "arrow", variant })
+  ] });
+};
+export {
+  Chevron
+};
+//# sourceMappingURL=index.js.map

package/dist/Chevron/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../lib/Chevron/index.tsx"],"sourcesContent":["\"use client\";\nimport { ArrowIcon } from \"@lib/icons/ArrowIcon\";\nimport { FC } from \"react\";\nimport { chevron, chevron_wrapper } from \"./Chevron.css\";\nimport { ChevronProps } from \"./Chevron.interface\";\n\nexport const Chevron: FC<ChevronProps> = ({\n  children,\n  variant,\n  targetUrl,\n  id,\n  className,\n}: ChevronProps) => {\n  return (\n    <span className={`sc__btn ${chevron_wrapper}`}>\n      <a\n        id={id}\n        href={targetUrl}\n        className={`${chevron({ variant })} ${className ? className : \"\"}`}\n      >\n        {children}\n      </a>\n      <ArrowIcon className=\"arrow\" variant={variant} />\n    </span>\n  );\n};\n"],"names":[],"mappings":";;;AAMO,MAAM,UAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoB;AAClB,SACG,qBAAA,QAAA,EAAK,WAAW,WAAW,eAAe,IACzC,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC;AAAA,QACA,MAAM;AAAA,QACN,WAAW,GAAG,QAAQ,EAAE,QAAA,CAAS,CAAC,IAAI,YAAY,YAAY,EAAE;AAAA,QAE/D;AAAA,MAAA;AAAA,IACH;AAAA,IACC,oBAAA,WAAA,EAAU,WAAU,SAAQ,QAAkB,CAAA;AAAA,EACjD,EAAA,CAAA;AAEJ;"}