@axos-web-dev/shared-components 0.0.5 → 0.0.7

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

@@ -1,20 +1,19 @@
 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;
-    };
+    bannerSize: "Large" | "Medium" | "Small";
+    image: ImageInterface;
     imageMobileView: boolean;
-    imagePlacement: "left" | "right";
-    bannerBehavior: "fixed" | "sticky" | "scroll";
+    imagePlacement: "Left" | "Right";
+    bannerBehavior: "Fixed" | "Fixed Overlap" | "Sticky" | "Scroll";
     headline: string | ReactNode;
     bodyCopy: string | ReactNode;
     callToActionRow: ChevronProps[];
 }
+export interface ImageInterface {
+    src: string;
+    alt?: string;
+    width: number;
+    height: number;
+}

package/dist/CallToActionBar/index.js

@@ -3,16 +3,16 @@ 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 clsx from "clsx";
 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",
+  bannerBehavior = "Fixed",
   headline,
   bodyCopy,
   callToActionRow,
@@ -22,16 +22,18 @@ const CallToActionBar = ({
   const [imageSize, setImageSize] = useState({ width: "0px", height: "0px" });
   const banner_size = bannerSize.toLowerCase();
   const row_reverse = imagePlacement.toLowerCase() === "right" ? true : false;
+  const banner_behavior = bannerBehavior.toLocaleLowerCase();
+  const image_overlap = bannerBehavior.toLowerCase().includes("overlap");
   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]);
+    if (image) {
+      setImageSize(returnImageDimensions(banner_size, imageOrientation(image)));
+    }
+  }, [image, banner_size]);
   useEffect(() => {
     if (!stickyTop)
       return;
@@ -59,63 +61,80 @@ const CallToActionBar = ({
       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
-                    )
+      )} ${banner_behavior === "sticky" ? sticky_banner : ""} section_spacer`,
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "containment flex middle",
+          style: !image || imageMobileView || banner_size === "small" ? { justifyContent: "center" } : {},
+          children: [
+            banner_size !== "small" && !imageMobileView && image ? /* @__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 !== "large" ? "flex middle" : ""}`,
+                style: row_reverse ? { flexDirection: "row-reverse" } : {},
+                children: [
+                  /* @__PURE__ */ jsxs(
+                    "div",
+                    {
+                      className: clsx(
+                        cta_text,
+                        "mb_0",
+                        (imageMobileView || !image) && "text_center"
+                      ),
+                      children: [
+                        headline && /* @__PURE__ */ jsx("h2", { className: "header_3", children: headline }),
+                        banner_size === "large" && bodyCopy && /* @__PURE__ */ jsx(Fragment, { children: bodyCopy })
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ jsx(
+                    "div",
+                    {
+                      className: clsx(ctas_section, "flex", "text_center"),
+                      style: banner_size === "small" ? {
+                        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
   );

package/dist/FooterDisclosure/FooterDisclosure.d.ts

@@ -1,5 +1,10 @@
-import { PropsWithChildren } from "react";
-export declare const FooterContent: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-export declare const FooterParagraph: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-export declare const FooterIcons: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-export declare const FooterDisclosure: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+import { CSSProperties, PropsWithChildren } from "react";
+type WithStyles = {
+    style?: CSSProperties;
+    className?: string;
+};
+export declare const FooterContent: (props: PropsWithChildren & WithStyles) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterParagraph: (props: PropsWithChildren & WithStyles) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterIcons: (props: PropsWithChildren & WithStyles) => import("react/jsx-runtime").JSX.Element;
+export declare const FooterDisclosure: (props: PropsWithChildren & WithStyles) => import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/FooterDisclosure/FooterDisclosure.js

@@ -1,16 +1,24 @@
 import { jsx } from "react/jsx-runtime";
+import clsx from "clsx";
 import { footerContent, footerParagraph, iconsContent, footerDisclosure } from "./FooterDisclosure.css.js";
 const FooterContent = (props) => {
-  return /* @__PURE__ */ jsx("div", { className: footerContent, children: props.children });
+  return /* @__PURE__ */ jsx("div", { className: clsx(footerContent, props.className), style: props.style, children: props.children });
 };
 const FooterParagraph = (props) => {
-  return /* @__PURE__ */ jsx("div", { className: footerParagraph, children: props.children });
+  return /* @__PURE__ */ jsx("div", { className: clsx(footerParagraph, props.className), style: props.style, children: props.children });
 };
 const FooterIcons = (props) => {
-  return /* @__PURE__ */ jsx("div", { className: iconsContent, children: props.children });
+  return /* @__PURE__ */ jsx("div", { className: clsx(iconsContent, props.className), style: props.style, children: props.children });
 };
 const FooterDisclosure = (props) => {
-  return /* @__PURE__ */ jsx("footer", { className: footerDisclosure(), children: props.children });
+  return /* @__PURE__ */ jsx(
+    "footer",
+    {
+      className: clsx(footerDisclosure(), props.className),
+      style: props.style,
+      children: props.children
+    }
+  );
 };
 export {
   FooterContent,

package/dist/Forms/ScheduleCall.d.ts

@@ -9,6 +9,7 @@ export interface FormProps extends PropsWithChildren {
     headline?: ReactNode;
     disclosure?: ReactNode;
     variant?: QuaternaryTypes;
+    validateEmail: (email: string) => Promise<boolean>;
     callToAction: Omit<ChevronProps, "targetUrl">;
 }
-export declare const ScheduleCall: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, }: FormProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ScheduleCall: ({ icon, children, onSubmit, disclosure, variant: fullVariant, headline, callToAction, validateEmail, }: FormProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/ScheduleCall.js

@@ -24,13 +24,14 @@ const ScheduleCall = ({
   disclosure,
   variant: fullVariant = "primary",
   headline,
-  callToAction
+  callToAction,
+  validateEmail
 }) => {
   var _a, _b, _c, _d;
   const schema = z.object({
     firstName: z.string().trim().min(1, { message: "First Name is required." }),
     lastName: z.string().trim().min(1, { message: "Last Name is required." }),
-    email: z.string().email({ message: "Email is required." }).refine(async (val) => await associatedEmail(val)),
+    email: z.string().email({ message: "Email is required." }).refine(async (val) => await validateEmail(val)),
     phone: z.string().regex(/[0-9]/).min(1, { message: "Phone is required." })
   });
   const methods = useForm({

package/dist/Modal/index.js

@@ -14,6 +14,7 @@ import "react";
 import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
 /* empty css                                          */
+import "clsx";
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -26,7 +27,6 @@ import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "@hookform/resolvers/zod";
 import "../Input/index.js";
-import "clsx";
 import "react-hook-form";
 /* empty css                                              */
 import "../ImageBillboard/ImageBillboard.css.js";

package/dist/assets/CallToActionBar/CallToActionBar.css

@@ -4,7 +4,7 @@
   color: var(--_1073cm8g);
 }
 ._1tdyl740 .containment {
-  height: -webkit-fit-content;
+  height: 100%;
 }
 ._1tdyl740 .flex {
   align-items: center;
@@ -52,7 +52,7 @@
 }
 ._1tdyl74c {
   position: relative;
-  top: -40px;
+  top: -20px;
 }
 ._1tdyl74d {
   gap: 24px;
@@ -76,6 +76,9 @@
 ._1tdyl74g .sc__btn {
   margin-left: 0;
 }
+._1tdyl746 ._1tdyl74g, ._1tdyl747 ._1tdyl74g {
+  margin-top: 24px;
+}
 @media screen and (max-width:1127px) {
   [class*=cta_section_lg] {
     max-height: 256px;

package/dist/utils/ctaOptions.d.ts

@@ -1,4 +1,5 @@
-export declare const imageOrientation: (image_url: string) => string;
+import { ImageInterface } from '../CallToActionBar/CallToActionBar.interface';
+export declare const imageOrientation: (image: ImageInterface) => string;
 export declare const getBannerSizeClassName: (size: string, overlap: boolean) => string;
 export declare const returnImageDimensions: (size: string, image_orientation: string) => {
     width: string;

package/dist/utils/ctaOptions.js

@@ -1,11 +1,9 @@
-import { cta_section_lg, cta_section_lg_overlap, cta_section_md, cta_section_md_overlap } from "../CallToActionBar/CallToActionBar.css.js";
-const imageOrientation = (image_url) => {
-  let orientation;
-  const img = new Image();
-  img.src = image_url;
-  if (img.naturalWidth > img.naturalHeight) {
+import { cta_section_lg, cta_section_lg_overlap, cta_section_md, cta_section_md_overlap, cta_section_sm } from "../CallToActionBar/CallToActionBar.css.js";
+const imageOrientation = (image) => {
+  let orientation = "landscape";
+  if (image.width > image.height) {
     orientation = "landscape";
-  } else if (img.naturalWidth < img.naturalHeight) {
+  } else if (image.width < image.height) {
     orientation = "portrait";
   } else {
     orientation = "even";
@@ -13,31 +11,31 @@ const imageOrientation = (image_url) => {
   return orientation;
 };
 const getBannerSizeClassName = (size, overlap) => {
-  if (size === "lg" && !overlap) {
+  if (size.includes("large") && !overlap) {
     return cta_section_lg;
   }
-  if (size === "lg" && overlap) {
+  if (size.includes("large") && overlap) {
     return cta_section_lg_overlap;
   }
-  if (size === "md" && !overlap) {
+  if (size.includes("medium") && !overlap) {
     return cta_section_md;
   }
-  if (size === "md" && overlap) {
+  if (size.includes("medium") && overlap) {
     return cta_section_md_overlap;
   }
-  return "cta_section_sm";
+  return cta_section_sm;
 };
 const returnImageDimensions = (size, image_orientation) => {
-  if (image_orientation === "landscape" && size === "lg") {
+  if (image_orientation === "landscape" && size.includes("large")) {
     return { width: "491px", height: "256px" };
   }
-  if (image_orientation === "even" && size === "lg") {
+  if (image_orientation === "even" && size.includes("large")) {
     return { width: "256px", height: "256px" };
   }
-  if (image_orientation === "landscape" && size === "md") {
+  if (image_orientation === "landscape" && size.includes("medium")) {
     return { width: "306px", height: "160px" };
   }
-  if (image_orientation === "even" && size === "md") {
+  if (image_orientation === "even" && size.includes("medium")) {
     return { width: "160px", height: "160px" };
   }
   return { width: "491px", height: "256px" };

package/package.json

@@ -1,105 +1,105 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "0.0.5",
-  "type": "module",
-  "module": "dist/main.js",
-  "types": "dist/main.d.ts",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "dist/assets/**/*.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --p ./tsconfig.build.json && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "prepublishOnly": "npm run build",
-    "check-types": "tsc --pretty --noEmit",
-    "check-format": "prettier --check .",
-    "check-lint": "eslint . --ext ts --ext tsx --ext js",
-    "format": "prettier --write .",
-    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
-    "prepare": "husky install",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "npm:link": "npm run build && npm link"
-  },
-  "dependencies": {
-    "@hookform/resolvers": "^3.3.4",
-    "@storybook/builder-vite": "^7.6.13",
-    "@storybook/preview-api": "^7.6.16",
-    "@vanilla-extract/css": "^1.14.1",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "clsx": "^2.1.0",
-    "react-hook-form": "^7.51.1",
-    "react-markdown": "^9.0.1",
-    "react-use": "^17.5.0",
-    "typed-css-modules": "^0.9.1",
-    "vite-plugin-svgr": "^4.2.0",
-    "zod": "^3.22.4",
-    "zustand": "^4.5.0"
-  },
-  "peerDependencies": {
-    "@vanilla-extract/css": "^1.14.1",
-    "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "@vanilla-extract/vite-plugin": "^4.0.3",
-    "next": "14.0.4",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "devDependencies": {
-    "@rollup/plugin-alias": "^5.1.0",
-    "@storybook/addon-essentials": "^7.6.13",
-    "@storybook/addon-interactions": "^7.6.13",
-    "@storybook/addon-links": "^7.6.13",
-    "@storybook/addon-onboarding": "^1.0.11",
-    "@storybook/addon-themes": "^7.6.10",
-    "@storybook/blocks": "^7.6.13",
-    "@storybook/react": "^7.6.13",
-    "@storybook/react-vite": "^7.6.13",
-    "@storybook/test": "^7.6.13",
-    "@svgr/core": "^8.1.0",
-    "@svgr/plugin-prettier": "^8.1.0",
-    "@svgr/plugin-svgo": "^8.1.0",
-    "@types/node": "^20.11.16",
-    "@types/react": "^18.2.43",
-    "@types/react-dom": "^18.2.17",
-    "@typescript-eslint/eslint-plugin": "^6.14.0",
-    "@typescript-eslint/parser": "^6.14.0",
-    "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "@vanilla-extract/vite-plugin": "^4.0.3",
-    "@vitejs/plugin-react-swc": "^3.5.0",
-    "esbuild-vanilla-image-loader": "^0.1.3",
-    "eslint": "^8.55.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
-    "eslint-plugin-storybook": "^0.6.15",
-    "glob": "^10.3.10",
-    "husky": "^8.0.0",
-    "prettier": "3.2.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-svg-import": "^3.0.0",
-    "rollup-plugin-svgo": "^2.0.0",
-    "storybook": "^7.6.13",
-    "typescript": "^5.2.2",
-    "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.0.8",
-    "vite-plugin-dts": "^3.7.3",
-    "vite-plugin-lib-inject-css": "^1.3.0",
-    "vite-plugin-setting-css-module": "^1.1.4",
-    "vite-tsconfig-paths": "^4.3.1"
-  },
-  "main": "index.js",
-  "directories": {
-    "lib": "lib"
-  },
-  "author": "axos-web-dev",
-  "license": "ISC"
-}
+{
+  "name": "@axos-web-dev/shared-components",
+  "description": "Axos shared components library for web.",
+  "version": "0.0.7",
+  "type": "module",
+  "module": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "dist/assets/**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig.build.json && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build",
+    "check-types": "tsc --pretty --noEmit",
+    "check-format": "prettier --check .",
+    "check-lint": "eslint . --ext ts --ext tsx --ext js",
+    "format": "prettier --write .",
+    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
+    "prepare": "husky install",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "npm:link": "npm run build && npm link"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^3.3.4",
+    "@storybook/builder-vite": "^7.6.13",
+    "@storybook/preview-api": "^7.6.16",
+    "@vanilla-extract/css": "^1.14.1",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "clsx": "^2.1.0",
+    "react-hook-form": "^7.51.1",
+    "react-markdown": "^9.0.1",
+    "react-use": "^17.5.0",
+    "typed-css-modules": "^0.9.1",
+    "vite-plugin-svgr": "^4.2.0",
+    "zod": "^3.22.4",
+    "zustand": "^4.5.0"
+  },
+  "peerDependencies": {
+    "@vanilla-extract/css": "^1.14.1",
+    "@vanilla-extract/css-utils": "^0.1.3",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "@vanilla-extract/vite-plugin": "^4.0.3",
+    "next": "14.0.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "devDependencies": {
+    "@rollup/plugin-alias": "^5.1.0",
+    "@storybook/addon-essentials": "^7.6.13",
+    "@storybook/addon-interactions": "^7.6.13",
+    "@storybook/addon-links": "^7.6.13",
+    "@storybook/addon-onboarding": "^1.0.11",
+    "@storybook/addon-themes": "^7.6.10",
+    "@storybook/blocks": "^7.6.13",
+    "@storybook/react": "^7.6.13",
+    "@storybook/react-vite": "^7.6.13",
+    "@storybook/test": "^7.6.13",
+    "@svgr/core": "^8.1.0",
+    "@svgr/plugin-prettier": "^8.1.0",
+    "@svgr/plugin-svgo": "^8.1.0",
+    "@types/node": "^20.11.16",
+    "@types/react": "^18.2.43",
+    "@types/react-dom": "^18.2.17",
+    "@typescript-eslint/eslint-plugin": "^6.14.0",
+    "@typescript-eslint/parser": "^6.14.0",
+    "@vanilla-extract/css-utils": "^0.1.3",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "@vanilla-extract/vite-plugin": "^4.0.3",
+    "@vitejs/plugin-react-swc": "^3.5.0",
+    "esbuild-vanilla-image-loader": "^0.1.3",
+    "eslint": "^8.55.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.5",
+    "eslint-plugin-storybook": "^0.6.15",
+    "glob": "^10.3.10",
+    "husky": "^8.0.0",
+    "prettier": "3.2.5",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-plugin-svg-import": "^3.0.0",
+    "rollup-plugin-svgo": "^2.0.0",
+    "storybook": "^7.6.13",
+    "typescript": "^5.2.2",
+    "typescript-plugin-css-modules": "^5.1.0",
+    "vite": "^5.0.8",
+    "vite-plugin-dts": "^3.7.3",
+    "vite-plugin-lib-inject-css": "^1.3.0",
+    "vite-plugin-setting-css-module": "^1.1.4",
+    "vite-tsconfig-paths": "^4.3.1"
+  },
+  "main": "index.js",
+  "directories": {
+    "lib": "lib"
+  },
+  "author": "axos-web-dev",
+  "license": "ISC"
+}