@axos-web-dev/shared-components 0.0.2 → 0.0.3

package/README.md

@@ -5,6 +5,7 @@ Using npm:
 ```shell
 $ npm install @axos-web-dev/shared-components
 ```
+
 To import components
 In Node.js:
 
@@ -20,18 +21,15 @@ import {
 
 // Import Types/Interfaces
 
-import { 
-    AlertBannerInterface 
-} from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
-
+import { AlertBannerInterface } from "@axos-web-dev/shared-components/dist/AlertBanner/AlertBanner.interface";
 ```
 
 In css files:
+
 ```css
 /*** Import styles ***/
 
 @import "@axos-web-dev/shared-components/dist/assets/AlertBanner/AlertBanner.css";
-
 ```
 
 # Shared components
@@ -92,21 +90,22 @@ npm version major
 
 ```
 
-
 ## How to publish new library version to npm
 
-First update the version as previously described 
+First update the version as previously described
+
 ```shell
 npm version [...]
 ```
-Then you will need to login into npm to do that write: 
+
+Then you will need to login into npm to do that write:
 
 ```shell
-npm login --scope@my-org
+npm login --scope=@my-org
 ```
 
 Last you to publish the new version:
 
 ```shell
 npm publish
-```
+```

package/dist/Accordion/Accordion.d.ts

@@ -6,7 +6,7 @@ export declare const AccordionCtx: React.Context<{
     isOpen: boolean;
     onclick: () => void;
 }>;
-export declare const AccordionHeader: (props: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
-export declare const AccordionDetails: ({ children }: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
-export declare const Accordion: (props: Accordion & PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
+export declare const AccordionHeader: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionDetails: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const Accordion: (props: Accordion & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Accordion.d.ts.map

package/dist/Accordion/Accordion.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../lib/Accordion/Accordion.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,iBAAiB,EAIlB,MAAM,OAAO,CAAC;AAWf,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY;;;EAGvB,CAAC;AAEH,eAAO,MAAM,eAAe,UAAW,iBAAiB,gDASvD,CAAC;AAEF,eAAO,MAAM,gBAAgB,iBAAkB,iBAAiB,gDAE/D,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,SAAS,GAAG,iBAAiB,gDAqB7D,CAAC"}
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../lib/Accordion/Accordion.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,EACZ,iBAAiB,EAIlB,MAAM,OAAO,CAAC;AAWf,MAAM,MAAM,SAAS,GAAG;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,YAAY;;;EAGvB,CAAC;AAEH,eAAO,MAAM,eAAe,UAAW,iBAAiB,4CASvD,CAAC;AAEF,eAAO,MAAM,gBAAgB,iBAAkB,iBAAiB,4CAE/D,CAAC;AAEF,eAAO,MAAM,SAAS,UAAW,SAAS,GAAG,iBAAiB,4CAqB7D,CAAC"}

package/dist/Accordion/Accordion.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";

package/dist/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../lib/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { ChevronDown, ChevronUp } from \"@lib/icons\";\nimport clsx from \"clsx\";\nimport React, {\n  PropsWithChildren,\n  createContext,\n  useContext,\n  useState,\n} from \"react\";\nimport {\n  accordion,\n  body,\n  header,\n  headerContent,\n  hide,\n  icon,\n  paragraph,\n} from \"./Accordion.css\";\n\nexport type Accordion = {\n  expanded?: boolean;\n};\n\nexport const AccordionCtx = createContext({\n  isOpen: false,\n  onclick: () => {},\n});\n\nexport const AccordionHeader = (props: PropsWithChildren) => {\n  const { children } = props;\n  const { isOpen, onclick } = useContext(AccordionCtx);\n  return (\n    <div className={clsx(header())} onClick={onclick}>\n      <p className={clsx(headerContent)}>{children}</p>\n      <div className={icon}>{isOpen ? <ChevronDown /> : <ChevronUp />}</div>\n    </div>\n  );\n};\n\nexport const AccordionDetails = ({ children }: PropsWithChildren) => {\n  return <div>{children}</div>;\n};\n\nexport const Accordion = (props: Accordion & PropsWithChildren) => {\n  const { expanded = false, children: childrenProps } = props;\n  const [isOpen, setIsOpen] = useState(expanded);\n  const [header, ...children] = React.Children.toArray(childrenProps);\n  return (\n    <AccordionCtx.Provider\n      value={{\n        isOpen: isOpen,\n        onclick: () => setIsOpen(!isOpen),\n      }}\n    >\n      <div className={clsx(accordion())}>\n        <div className={clsx(isOpen ? \"expanded\" : \"\")}>\n          {header}\n          <div className={clsx(body, isOpen ? null : hide, paragraph)}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </AccordionCtx.Provider>\n  );\n};\n"],"names":["ChevronDown","ChevronUp","header"],"mappings":";;;;;;;;;AAwBO,MAAM,eAAe,cAAc;AAAA,EACxC,QAAQ;AAAA,EACR,SAAS,MAAM;AAAA,EAAC;AAClB,CAAC;AAEY,MAAA,kBAAkB,CAAC,UAA6B;AACrD,QAAA,EAAE,SAAa,IAAA;AACrB,QAAM,EAAE,QAAQ,QAAQ,IAAI,WAAW,YAAY;AAEjD,SAAA,qBAAC,SAAI,WAAW,KAAK,QAAQ,GAAG,SAAS,SACvC,UAAA;AAAA,IAAA,oBAAC,KAAE,EAAA,WAAW,KAAK,aAAa,GAAI,UAAS;AAAA,IAC7C,oBAAC,OAAI,EAAA,WAAW,MAAO,UAAA,6BAAUA,gBAAY,CAAA,CAAA,IAAM,oBAAAC,cAAA,CAAA,CAAU,EAAG,CAAA;AAAA,EAClE,EAAA,CAAA;AAEJ;AAEO,MAAM,mBAAmB,CAAC,EAAE,eAAkC;AAC5D,SAAA,oBAAC,SAAK,SAAS,CAAA;AACxB;AAEa,MAAA,YAAY,CAAC,UAAyC;AACjE,QAAM,EAAE,WAAW,OAAO,UAAU,kBAAkB;AACtD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,QAAQ;AACvC,QAAA,CAACC,SAAQ,GAAG,QAAQ,IAAI,MAAM,SAAS,QAAQ,aAAa;AAEhE,SAAA;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS,MAAM,UAAU,CAAC,MAAM;AAAA,MAClC;AAAA,MAEA,UAAC,oBAAA,OAAA,EAAI,WAAW,KAAK,UAAW,CAAA,GAC9B,UAAC,qBAAA,OAAA,EAAI,WAAW,KAAK,SAAS,aAAa,EAAE,GAC1C,UAAA;AAAA,QAAAA;AAAAA,QACD,oBAAC,OAAI,EAAA,WAAW,KAAK,MAAM,SAAS,OAAO,MAAM,SAAS,GACvD,SACH,CAAA;AAAA,MAAA,EAAA,CACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}
+{"version":3,"file":"Accordion.js","sources":["../../lib/Accordion/Accordion.tsx"],"sourcesContent":["\"use client\";\n\nimport { ChevronDown, ChevronUp } from \"@lib/icons\";\nimport clsx from \"clsx\";\nimport React, {\n  PropsWithChildren,\n  createContext,\n  useContext,\n  useState,\n} from \"react\";\nimport {\n  accordion,\n  body,\n  header,\n  headerContent,\n  hide,\n  icon,\n  paragraph,\n} from \"./Accordion.css\";\n\nexport type Accordion = {\n  expanded?: boolean;\n};\n\nexport const AccordionCtx = createContext({\n  isOpen: false,\n  onclick: () => {},\n});\n\nexport const AccordionHeader = (props: PropsWithChildren) => {\n  const { children } = props;\n  const { isOpen, onclick } = useContext(AccordionCtx);\n  return (\n    <div className={clsx(header())} onClick={onclick}>\n      <p className={clsx(headerContent)}>{children}</p>\n      <div className={icon}>{isOpen ? <ChevronDown /> : <ChevronUp />}</div>\n    </div>\n  );\n};\n\nexport const AccordionDetails = ({ children }: PropsWithChildren) => {\n  return <div>{children}</div>;\n};\n\nexport const Accordion = (props: Accordion & PropsWithChildren) => {\n  const { expanded = false, children: childrenProps } = props;\n  const [isOpen, setIsOpen] = useState(expanded);\n  const [header, ...children] = React.Children.toArray(childrenProps);\n  return (\n    <AccordionCtx.Provider\n      value={{\n        isOpen: isOpen,\n        onclick: () => setIsOpen(!isOpen),\n      }}\n    >\n      <div className={clsx(accordion())}>\n        <div className={clsx(isOpen ? \"expanded\" : \"\")}>\n          {header}\n          <div className={clsx(body, isOpen ? null : hide, paragraph)}>\n            {children}\n          </div>\n        </div>\n      </div>\n    </AccordionCtx.Provider>\n  );\n};\n"],"names":["ChevronDown","ChevronUp","header"],"mappings":";;;;;;;;;;AAwBO,MAAM,eAAe,cAAc;AAAA,EACxC,QAAQ;AAAA,EACR,SAAS,MAAM;AAAA,EAAC;AAClB,CAAC;AAEY,MAAA,kBAAkB,CAAC,UAA6B;AACrD,QAAA,EAAE,SAAa,IAAA;AACrB,QAAM,EAAE,QAAQ,QAAQ,IAAI,WAAW,YAAY;AAEjD,SAAA,qBAAC,SAAI,WAAW,KAAK,QAAQ,GAAG,SAAS,SACvC,UAAA;AAAA,IAAA,oBAAC,KAAE,EAAA,WAAW,KAAK,aAAa,GAAI,UAAS;AAAA,IAC7C,oBAAC,OAAI,EAAA,WAAW,MAAO,UAAA,6BAAUA,gBAAY,CAAA,CAAA,IAAM,oBAAAC,cAAA,CAAA,CAAU,EAAG,CAAA;AAAA,EAClE,EAAA,CAAA;AAEJ;AAEO,MAAM,mBAAmB,CAAC,EAAE,eAAkC;AAC5D,SAAA,oBAAC,SAAK,SAAS,CAAA;AACxB;AAEa,MAAA,YAAY,CAAC,UAAyC;AACjE,QAAM,EAAE,WAAW,OAAO,UAAU,kBAAkB;AACtD,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAS,QAAQ;AACvC,QAAA,CAACC,SAAQ,GAAG,QAAQ,IAAI,MAAM,SAAS,QAAQ,aAAa;AAEhE,SAAA;AAAA,IAAC,aAAa;AAAA,IAAb;AAAA,MACC,OAAO;AAAA,QACL;AAAA,QACA,SAAS,MAAM,UAAU,CAAC,MAAM;AAAA,MAClC;AAAA,MAEA,UAAC,oBAAA,OAAA,EAAI,WAAW,KAAK,UAAW,CAAA,GAC9B,UAAC,qBAAA,OAAA,EAAI,WAAW,KAAK,SAAS,aAAa,EAAE,GAC1C,UAAA;AAAA,QAAAA;AAAAA,QACD,oBAAC,OAAI,EAAA,WAAW,KAAK,MAAM,SAAS,OAAO,MAAM,SAAS,GACvD,SACH,CAAA;AAAA,MAAA,EAAA,CACF,EACF,CAAA;AAAA,IAAA;AAAA,EAAA;AAGN;"}

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/AlertBanner/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAQ3B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,oBAAoB,CAuBhD,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/AlertBanner/index.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAO3B,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAE/D,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,oBAAoB,CAuBhD,CAAC"}

package/dist/AlertBanner/index.js

@@ -1,9 +1,10 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Chevron } from "../Chevron/index.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                                    */
-import { LockIcon } from "../icons/LockIcon/index.js";
-import { WarningIcon } from "../icons/WarningIcon/index.js";
+import SvgLockIcon from "../icons/LockIcon/index.js";
+import { SvgWarningIcon } from "../icons/WarningIcon/index.js";
 import { alertBanner, alertBanner_img_section, alertBanner_body, alertBanner_cta } from "./AlertBanner.css.js";
 const AlertBanner = ({
   alertType,
@@ -12,7 +13,7 @@ const AlertBanner = ({
   id
 }) => {
   return /* @__PURE__ */ jsx("section", { className: ``, children: /* @__PURE__ */ jsxs("div", { className: `${alertBanner({ variant: alertType })} flex`, children: [
-    /* @__PURE__ */ jsx("div", { className: `${alertBanner_img_section}`, children: alertType === "Standard" ? /* @__PURE__ */ jsx(LockIcon, {}) : /* @__PURE__ */ jsx(WarningIcon, {}) }),
+    /* @__PURE__ */ jsx("div", { className: `${alertBanner_img_section}`, children: alertType === "Standard" ? /* @__PURE__ */ jsx(SvgLockIcon, {}) : /* @__PURE__ */ jsx(SvgWarningIcon, {}) }),
     /* @__PURE__ */ jsxs("div", { className: `${alertBanner_body} flex`, children: [
       /* @__PURE__ */ jsx("p", { children: message }),
       /* @__PURE__ */ jsx("div", { className: alertBanner_cta, children: /* @__PURE__ */ jsx(Chevron, { targetUrl: callToAction.targetUrl, variant: "primary", children: callToAction.displayText }) })

package/dist/AlertBanner/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../lib/AlertBanner/index.tsx"],"sourcesContent":["\"use client\";\nimport { Chevron } from \"@lib/Chevron\";\nimport { FC } from \"react\";\nimport { LockIcon, WarningIcon } from \"../icons\";\nimport {\n  alertBanner,\n  alertBanner_body,\n  alertBanner_cta,\n  alertBanner_img_section,\n} from \"./AlertBanner.css\";\nimport { AlertBannerInterface } from \"./AlertBanner.interface\";\n\nexport const AlertBanner: FC<AlertBannerInterface> = ({\n  alertType,\n  message,\n  callToAction,\n  id,\n}) => {\n  return (\n    <section key={id} className={``}>\n      <div className={`${alertBanner({ variant: alertType })} flex`}>\n        <div className={`${alertBanner_img_section}`}>\n          {alertType === \"Standard\" ? <LockIcon /> : <WarningIcon />}\n        </div>\n        <div className={`${alertBanner_body} flex`}>\n          <p>{message}</p>\n          <div className={alertBanner_cta}>\n            <Chevron targetUrl={callToAction.targetUrl} variant=\"primary\">\n              {callToAction.displayText}\n            </Chevron>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAYO,MAAM,cAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACG,oBAAA,WAAA,EAAiB,WAAW,IAC3B,+BAAC,OAAI,EAAA,WAAW,GAAG,YAAY,EAAE,SAAS,UAAU,CAAC,CAAC,SACpD,UAAA;AAAA,IAAA,oBAAC,OAAI,EAAA,WAAW,GAAG,uBAAuB,IACvC,UAAA,cAAc,aAAa,oBAAC,UAAS,CAAA,CAAA,IAAM,oBAAA,aAAA,CAAY,CAAA,GAC1D;AAAA,IACC,qBAAA,OAAA,EAAI,WAAW,GAAG,gBAAgB,SACjC,UAAA;AAAA,MAAA,oBAAC,OAAG,UAAQ,QAAA,CAAA;AAAA,MACX,oBAAA,OAAA,EAAI,WAAW,iBACd,UAAC,oBAAA,SAAA,EAAQ,WAAW,aAAa,WAAW,SAAQ,WACjD,UAAA,aAAa,YAChB,CAAA,GACF;AAAA,IAAA,GACF;AAAA,EAAA,GACF,KAbY,EAcd;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../lib/AlertBanner/index.tsx"],"sourcesContent":["\"use client\";\nimport { Chevron } from \"@lib/Chevron\";\nimport { LockIcon, WarningIcon } from \"@lib/icons\";\nimport { FC } from \"react\";\nimport {\n  alertBanner,\n  alertBanner_body,\n  alertBanner_cta,\n  alertBanner_img_section,\n} from \"./AlertBanner.css\";\nimport { AlertBannerInterface } from \"./AlertBanner.interface\";\n\nexport const AlertBanner: FC<AlertBannerInterface> = ({\n  alertType,\n  message,\n  callToAction,\n  id,\n}) => {\n  return (\n    <section key={id} className={``}>\n      <div className={`${alertBanner({ variant: alertType })} flex`}>\n        <div className={`${alertBanner_img_section}`}>\n          {alertType === \"Standard\" ? <LockIcon /> : <WarningIcon />}\n        </div>\n        <div className={`${alertBanner_body} flex`}>\n          <p>{message}</p>\n          <div className={alertBanner_cta}>\n            <Chevron targetUrl={callToAction.targetUrl} variant=\"primary\">\n              {callToAction.displayText}\n            </Chevron>\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n"],"names":["LockIcon","WarningIcon"],"mappings":";;;;;;;;AAYO,MAAM,cAAwC,CAAC;AAAA,EACpD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,SACG,oBAAA,WAAA,EAAiB,WAAW,IAC3B,+BAAC,OAAI,EAAA,WAAW,GAAG,YAAY,EAAE,SAAS,UAAU,CAAC,CAAC,SACpD,UAAA;AAAA,IAAA,oBAAC,OAAI,EAAA,WAAW,GAAG,uBAAuB,IACvC,UAAA,cAAc,aAAa,oBAACA,aAAS,CAAA,CAAA,IAAM,oBAAAC,gBAAA,CAAY,CAAA,GAC1D;AAAA,IACC,qBAAA,OAAA,EAAI,WAAW,GAAG,gBAAgB,SACjC,UAAA;AAAA,MAAA,oBAAC,OAAG,UAAQ,QAAA,CAAA;AAAA,MACX,oBAAA,OAAA,EAAI,WAAW,iBACd,UAAC,oBAAA,SAAA,EAAQ,WAAW,aAAa,WAAW,SAAQ,WACjD,UAAA,aAAa,YAChB,CAAA,GACF;AAAA,IAAA,GACF;AAAA,EAAA,GACF,KAbY,EAcd;AAEJ;"}

package/dist/BulletItem/BulletItem.d.ts

@@ -2,5 +2,5 @@ import { PropsWithChildren } from "react";
 export interface BulletItemProps extends PropsWithChildren {
     variant?: "primary" | "secondary" | "tertiary" | "quaternary";
 }
-export declare const BulletItem: (props: BulletItemProps) => import("react/jsx-dev-runtime").JSX.Element;
+export declare const BulletItem: (props: BulletItemProps) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=BulletItem.d.ts.map

package/dist/BulletItem/BulletItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BulletItem.d.ts","sourceRoot":"","sources":["../../lib/BulletItem/BulletItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;CAC/D;AAED,eAAO,MAAM,UAAU,UAAW,eAAe,gDAiBhD,CAAC"}
+{"version":3,"file":"BulletItem.d.ts","sourceRoot":"","sources":["../../lib/BulletItem/BulletItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE1C,MAAM,WAAW,eAAgB,SAAQ,iBAAiB;IACxD,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,GAAG,UAAU,GAAG,YAAY,CAAC;CAC/D;AAED,eAAO,MAAM,UAAU,UAAW,eAAe,4CAiBhD,CAAC"}

package/dist/BulletItem/BulletItem.js

@@ -1,5 +1,6 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { listItem } from "../IconBillboard/IconBillboard.css.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgCheckCircle from "../icons/CheckCircle.js";
 import SvgCheckCircleLight from "../icons/CheckCircleLight.js";
 import "../icons/CheckIcon/CheckIcon.css.js";

package/dist/BulletItem/BulletItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"BulletItem.js","sources":["../../lib/BulletItem/BulletItem.tsx"],"sourcesContent":["\"use client\";\nimport { listItem } from \"@lib/IconBillboard/IconBillboard.css\";\nimport { CheckCircle, CheckCircleLight } from \"@lib/icons\";\nimport { PropsWithChildren } from \"react\";\nimport { bulletIcon } from \"./BulletItem.css\";\nexport interface BulletItemProps extends PropsWithChildren {\n  variant?: \"primary\" | \"secondary\" | \"tertiary\" | \"quaternary\";\n}\n\nexport const BulletItem = (props: BulletItemProps) => {\n  const iconCheckVariant = new Map([\n    [\"primary\", <CheckCircle height={18} width={18} />],\n    [\"secondary\", <CheckCircle height={18} width={18} />],\n    [\"tertiary\", <CheckCircleLight height={18} width={18} />],\n    [\"quaternary\", <CheckCircleLight height={18} width={18} />],\n    [undefined, <CheckCircleLight height={18} width={18} />],\n  ]);\n\n  const Icon = iconCheckVariant.get(props.variant);\n\n  return (\n    <li className={listItem}>\n      <span className={bulletIcon}>{Icon}</span>\n      <div>{props.children}</div>\n    </li>\n  );\n};\n"],"names":["CheckCircle","CheckCircleLight"],"mappings":";;;;;;;AASa,MAAA,aAAa,CAAC,UAA2B;AAC9C,QAAA,uCAAuB,IAAI;AAAA,IAC/B,CAAC,WAAY,oBAAAA,gBAAA,EAAY,QAAQ,IAAI,OAAO,IAAI,CAAE;AAAA,IAClD,CAAC,aAAc,oBAAAA,gBAAA,EAAY,QAAQ,IAAI,OAAO,IAAI,CAAE;AAAA,IACpD,CAAC,YAAa,oBAAAC,qBAAA,EAAiB,QAAQ,IAAI,OAAO,IAAI,CAAE;AAAA,IACxD,CAAC,cAAe,oBAAAA,qBAAA,EAAiB,QAAQ,IAAI,OAAO,IAAI,CAAE;AAAA,IAC1D,CAAC,QAAY,oBAAAA,qBAAA,EAAiB,QAAQ,IAAI,OAAO,IAAI,CAAE;AAAA,EAAA,CACxD;AAED,QAAM,OAAO,iBAAiB,IAAI,MAAM,OAAO;AAG7C,SAAA,qBAAC,MAAG,EAAA,WAAW,UACb,UAAA;AAAA,IAAC,oBAAA,QAAA,EAAK,WAAW,YAAa,UAAK,MAAA;AAAA,IACnC,oBAAC,OAAK,EAAA,UAAA,MAAM,SAAS,CAAA;AAAA,EACvB,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"BulletItem.js","sources":["../../lib/BulletItem/BulletItem.tsx"],"sourcesContent":["\"use client\";\nimport { listItem } from \"@lib/IconBillboard/IconBillboard.css\";\nimport { CheckCircle, CheckCircleLight } from \"@lib/icons\";\nimport { PropsWithChildren } from \"react\";\nimport { bulletIcon } from \"./BulletItem.css\";\nexport interface BulletItemProps extends PropsWithChildren {\n  variant?: \"primary\" | \"secondary\" | \"tertiary\" | \"quaternary\";\n}\n\nexport const BulletItem = (props: BulletItemProps) => {\n  const iconCheckVariant = new Map([\n    [\"primary\", <CheckCircle height={18} width={18} />],\n    [\"secondary\", <CheckCircle height={18} width={18} />],\n    [\"tertiary\", <CheckCircleLight height={18} width={18} />],\n    [\"quaternary\", <CheckCircleLight height={18} width={18} />],\n    [undefined, <CheckCircleLight height={18} width={18} />],\n  ]);\n\n  const Icon = iconCheckVariant.get(props.variant);\n\n  return (\n    <li className={listItem}>\n      <span className={bulletIcon}>{Icon}</span>\n      <div>{props.children}</div>\n    </li>\n  );\n};\n"],"names":["CheckCircle","CheckCircleLight"],"mappings":";;;;;;;;AASa,MAAA,aAAa,CAAC,UAA2B;AAC9C,QAAA,uCAAuB,IAAI;AAAA,IAC/B,CAAC,WAAY,oBAAAA,gBAAA,EAAY,QAAQ,IAAI,OAAO,IAAI,CAAE;AAAA,IAClD,CAAC,aAAc,oBAAAA,gBAAA,EAAY,QAAQ,IAAI,OAAO,IAAI,CAAE;AAAA,IACpD,CAAC,YAAa,oBAAAC,qBAAA,EAAiB,QAAQ,IAAI,OAAO,IAAI,CAAE;AAAA,IACxD,CAAC,cAAe,oBAAAA,qBAAA,EAAiB,QAAQ,IAAI,OAAO,IAAI,CAAE;AAAA,IAC1D,CAAC,QAAY,oBAAAA,qBAAA,EAAiB,QAAQ,IAAI,OAAO,IAAI,CAAE;AAAA,EAAA,CACxD;AAED,QAAM,OAAO,iBAAiB,IAAI,MAAM,OAAO;AAG7C,SAAA,qBAAC,MAAG,EAAA,WAAW,UACb,UAAA;AAAA,IAAC,oBAAA,QAAA,EAAK,WAAW,YAAa,UAAK,MAAA;AAAA,IACnC,oBAAC,OAAK,EAAA,UAAA,MAAM,SAAS,CAAA;AAAA,EACvB,EAAA,CAAA;AAEJ;"}

package/dist/Button/Button.css.d.ts

@@ -3,33 +3,42 @@ export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
     color: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {
                 "&:hover": {
-                    background: "transparent";
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                "&:active": {
+                    backgroundColor: `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})`;
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {
                 "&:hover": {
-                    background: "transparent";
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                "&:active": {
+                    backgroundColor: `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})`;
-            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             selectors: {
                 "&:hover": {
-                    background: "transparent";
+                    borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+                "&:active": {
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                     color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                 };
             };
@@ -43,25 +52,13 @@ export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
     };
     size: {
         small: {
-            paddingInline: number;
-            paddingTop: number;
-            paddingBottom: number;
-            fontSize: number;
-            lineHeight: "20px";
+            padding: "4px 32px";
         };
         medium: {
-            paddingInline: number;
-            paddingTop: number;
-            paddingBottom: number;
-            fontSize: number;
-            lineHeight: "24px";
+            padding: "8px 48px";
         };
         large: {
-            paddingInline: number;
-            paddingTop: number;
-            paddingBottom: number;
-            fontSize: number;
-            lineHeight: "26px";
+            padding: "12px 64px";
         };
     };
     disabled: {

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

@@ -1 +1 @@
-{"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../lib/Button/Button.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAU,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4LjB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC"}
+{"version":3,"file":"Button.css.d.ts","sourceRoot":"","sources":["../../lib/Button/Button.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAU,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgMjB,CAAC;AAEH,MAAM,MAAM,cAAc,GAAG,cAAc,CAAC,OAAO,MAAM,CAAC,CAAC"}

package/dist/Button/index.js

@@ -4,7 +4,7 @@ const Button = ({
   as = "a",
   children,
   color,
-  size = "medium",
+  size = "large",
   disabled,
   rounded = "medium",
   targetUrl,

package/dist/Button/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../lib/Button/index.tsx"],"sourcesContent":["\"use client\";\nimport { ReactNode, createElement } from \"react\";\nimport { ButtonVariants, button } from \"./Button.css\";\n\nexport interface ButtonProps {\n  as?: \"button\" | \"a\";\n  children?: ReactNode;\n  targetUrl?: string;\n  id?: string;\n  action?: () => void;\n}\n\nexport const Button = ({\n  as = \"a\",\n  children,\n  color,\n  size = \"medium\",\n  disabled,\n  rounded = \"medium\",\n  targetUrl,\n  id,\n  action,\n}: ButtonProps & ButtonVariants) => {\n  const className = button({ color, size, disabled, rounded });\n  return createElement(\n    as,\n    { className, href: targetUrl, id, onClick: action },\n    children\n  );\n};\n"],"names":[],"mappings":";;AAYO,MAAM,SAAS,CAAC;AAAA,EACrB,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,MAAoC;AAClC,QAAM,YAAY,OAAO,EAAE,OAAO,MAAM,UAAU,SAAS;AACpD,SAAA;AAAA,IACL;AAAA,IACA,EAAE,WAAW,MAAM,WAAW,IAAI,SAAS,OAAO;AAAA,IAClD;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../lib/Button/index.tsx"],"sourcesContent":["\"use client\";\nimport { ReactNode, createElement } from \"react\";\nimport { ButtonVariants, button } from \"./Button.css\";\n\nexport interface ButtonProps {\n  as?: \"button\" | \"a\";\n  children?: ReactNode;\n  targetUrl?: string;\n  id?: string;\n  action?: () => void;\n}\n\nexport const Button = ({\n  as = \"a\",\n  children,\n  color,\n  size = \"large\",\n  disabled,\n  rounded = \"medium\",\n  targetUrl,\n  id,\n  action,\n}: ButtonProps & ButtonVariants) => {\n  const className = button({ color, size, disabled, rounded });\n  return createElement(\n    as,\n    { className, href: targetUrl, id, onClick: action },\n    children\n  );\n};\n"],"names":[],"mappings":";;AAYO,MAAM,SAAS,CAAC;AAAA,EACrB,KAAK;AAAA,EACL;AAAA,EACA;AAAA,EACA,OAAO;AAAA,EACP;AAAA,EACA,UAAU;AAAA,EACV;AAAA,EACA;AAAA,EACA;AACF,MAAoC;AAClC,QAAM,YAAY,OAAO,EAAE,OAAO,MAAM,UAAU,SAAS;AACpD,SAAA;AAAA,IACL;AAAA,IACA,EAAE,WAAW,MAAM,WAAW,IAAI,SAAS,OAAO;AAAA,IAClD;AAAA,EAAA;AAEJ;"}

package/dist/Carousel/index.d.ts

@@ -23,7 +23,7 @@ type actions = {
     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 declare const CarouselSlide: (props: SlideProps & carouselVariants) => import("react/jsx-runtime").JSX.Element;
+export declare const Carousel: (props: CarouselProps & carouselVariants) => import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +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"}
+{"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,4CAmBjE,CAAC;AAEF,eAAO,MAAM,QAAQ,UAAW,aAAa,GAAG,gBAAgB,4CAkF/D,CAAC"}

package/dist/Carousel/index.js

@@ -1,5 +1,6 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                                    */
 import SvgQuoteIconGrey from "../icons/QuoteIconGrey.js";

package/dist/Carousel/index.js.map

@@ -1 +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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"}
+{"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/index.d.ts.map

@@ -1 +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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/Chevron/index.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAE3B,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,eAAO,MAAM,OAAO,EAAE,EAAE,CAAC,YAAY,CAoBpC,CAAC"}

package/dist/Chevron/index.js

@@ -1,5 +1,8 @@
 import { jsxs, jsx } from "react/jsx-runtime";
-import { ArrowIcon } from "../icons/ArrowIcon/index.js";
+import SvgArrowIcon from "../icons/ArrowIcon/index.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                                    */
+import { getVariant } from "../utils/getVariant.js";
 import { chevron_wrapper, chevron } from "./Chevron.css.js";
 const Chevron = ({
   children,
@@ -8,6 +11,7 @@ const Chevron = ({
   id,
   className
 }) => {
+  variant = getVariant(variant);
   return /* @__PURE__ */ jsxs("span", { className: `sc__btn ${chevron_wrapper}`, children: [
     /* @__PURE__ */ jsx(
       "a",
@@ -18,7 +22,7 @@ const Chevron = ({
         children
       }
     ),
-    /* @__PURE__ */ jsx(ArrowIcon, { className: "arrow", variant })
+    /* @__PURE__ */ jsx(SvgArrowIcon, { className: "arrow", variant })
   ] });
 };
 export {

package/dist/Chevron/index.js.map

@@ -1 +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;"}
+{"version":3,"file":"index.js","sources":["../../lib/Chevron/index.tsx"],"sourcesContent":["\"use client\";\nimport { ArrowIcon } from \"@lib/icons\";\nimport { getVariant } from \"@lib/utils/getVariant\";\nimport { CallToActionTypes } from \"@lib/utils/variant.types\";\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  variant = getVariant(variant) as CallToActionTypes;\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":["ArrowIcon"],"mappings":";;;;;;AAQO,MAAM,UAA4B,CAAC;AAAA,EACxC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAoB;AAClB,YAAU,WAAW,OAAO;AAC5B,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,oBAAAA,cAAA,EAAU,WAAU,SAAQ,QAAkB,CAAA;AAAA,EACjD,EAAA,CAAA;AAEJ;"}

package/dist/CollectInformationAlert/index.js

@@ -1,8 +1,9 @@
 import { jsxs, jsx } from "react/jsx-runtime";
 import { Button } from "../Button/index.js";
 import { Hyperlink } from "../Hyperlink/index.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
-import { CloseIcon } from "../icons/CloseIcon/index.js";
+import SvgCloseIcon from "../icons/CloseIcon/index.js";
 /* empty css                                                    */
 import { privacy_prompt, privacy_prompt_content, privacy_prompt_btns, close_btn_optin } from "./CollectInformationAlert.css.js";
 const CollectInformationAlert = () => {
@@ -35,7 +36,7 @@ const CollectInformationAlert = () => {
           id: "close_btn_optin",
           className: `${close_btn_optin}`,
           targetUrl: "#",
-          children: /* @__PURE__ */ jsx(CloseIcon, {})
+          children: /* @__PURE__ */ jsx(SvgCloseIcon, {})
         }
       )
     ] })

package/dist/CollectInformationAlert/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../lib/CollectInformationAlert/index.tsx"],"sourcesContent":["\"use client\";\nimport { Button } from \"@lib/Button\";\nimport { Hyperlink } from \"@lib/Hyperlink\";\nimport { CloseIcon } from \"@lib/icons\";\nimport { FC } from \"react\";\nimport {\n  close_btn_optin,\n  privacy_prompt,\n  privacy_prompt_btns,\n  privacy_prompt_content,\n} from \"./CollectInformationAlert.css\";\n\nexport const CollectInformationAlert: FC = () => {\n  return (\n    <div className={`${privacy_prompt}`}>\n      <div className={privacy_prompt_content}>\n        <p>\n          Axos Bank may collect personal information from consumers in the\n          course of doing business. California residents have a right to know\n          what <a href=\"#\">categories of personal information</a> Axos Bank\n          collects and the right to tell Axos Bank to{\" \"}\n          <a href=\"#\">not sell their personal information</a>. For full details,\n          please see our <a href=\"#\">California Consumer Privacy Act Notice</a>.\n        </p>\n      </div>\n      <div className={privacy_prompt_btns}>\n        <div id={\"consent_prompt_submit\"}>\n          <Button\n            id=\"privacy_pref_optin\"\n            targetUrl=\"#\"\n            color=\"tertiary\"\n            size=\"large\"\n            rounded=\"medium\"\n          >\n            Accept\n          </Button>\n        </div>\n        <Hyperlink\n          id=\"close_btn_optin\"\n          className={`${close_btn_optin}`}\n          targetUrl={\"#\"}\n        >\n          <CloseIcon />\n        </Hyperlink>\n        {/* <Button\n          id=\"close_btn_optin\"\n          className={`${close_btn_optin}`}\n          url=\"#\"\n          text=\"\"\n        >\n          <CloseIcon />\n        </Button> */}\n      </div>\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;;AAYO,MAAM,0BAA8B,MAAM;AAC/C,SACG,qBAAA,OAAA,EAAI,WAAW,GAAG,cAAc,IAC/B,UAAA;AAAA,IAAA,oBAAC,OAAI,EAAA,WAAW,wBACd,UAAA,qBAAC,KAAE,EAAA,UAAA;AAAA,MAAA;AAAA,MAGK,oBAAA,KAAA,EAAE,MAAK,KAAI,UAAkC,sCAAA;AAAA,MAAI;AAAA,MACX;AAAA,MAC3C,oBAAA,KAAA,EAAE,MAAK,KAAI,UAAmC,uCAAA;AAAA,MAAI;AAAA,MACnC,oBAAA,KAAA,EAAE,MAAK,KAAI,UAAsC,0CAAA;AAAA,MAAI;AAAA,IAAA,EAAA,CACvE,EACF,CAAA;AAAA,IACA,qBAAC,OAAI,EAAA,WAAW,qBACd,UAAA;AAAA,MAAC,oBAAA,OAAA,EAAI,IAAI,yBACP,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAU;AAAA,UACV,OAAM;AAAA,UACN,MAAK;AAAA,UACL,SAAQ;AAAA,UACT,UAAA;AAAA,QAAA;AAAA,MAAA,GAGH;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAW,GAAG,eAAe;AAAA,UAC7B,WAAW;AAAA,UAEX,8BAAC,WAAU,EAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA,GASF;AAAA,EACF,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../lib/CollectInformationAlert/index.tsx"],"sourcesContent":["\"use client\";\nimport { Button } from \"@lib/Button\";\nimport { Hyperlink } from \"@lib/Hyperlink\";\nimport { CloseIcon } from \"@lib/icons\";\nimport { FC } from \"react\";\nimport {\n  close_btn_optin,\n  privacy_prompt,\n  privacy_prompt_btns,\n  privacy_prompt_content,\n} from \"./CollectInformationAlert.css\";\n\nexport const CollectInformationAlert: FC = () => {\n  return (\n    <div className={`${privacy_prompt}`}>\n      <div className={privacy_prompt_content}>\n        <p>\n          Axos Bank may collect personal information from consumers in the\n          course of doing business. California residents have a right to know\n          what <a href=\"#\">categories of personal information</a> Axos Bank\n          collects and the right to tell Axos Bank to{\" \"}\n          <a href=\"#\">not sell their personal information</a>. For full details,\n          please see our <a href=\"#\">California Consumer Privacy Act Notice</a>.\n        </p>\n      </div>\n      <div className={privacy_prompt_btns}>\n        <div id={\"consent_prompt_submit\"}>\n          <Button\n            id=\"privacy_pref_optin\"\n            targetUrl=\"#\"\n            color=\"tertiary\"\n            size=\"large\"\n            rounded=\"medium\"\n          >\n            Accept\n          </Button>\n        </div>\n        <Hyperlink\n          id=\"close_btn_optin\"\n          className={`${close_btn_optin}`}\n          targetUrl={\"#\"}\n        >\n          <CloseIcon />\n        </Hyperlink>\n        {/* <Button\n          id=\"close_btn_optin\"\n          className={`${close_btn_optin}`}\n          url=\"#\"\n          text=\"\"\n        >\n          <CloseIcon />\n        </Button> */}\n      </div>\n    </div>\n  );\n};\n"],"names":["CloseIcon"],"mappings":";;;;;;;;AAYO,MAAM,0BAA8B,MAAM;AAC/C,SACG,qBAAA,OAAA,EAAI,WAAW,GAAG,cAAc,IAC/B,UAAA;AAAA,IAAA,oBAAC,OAAI,EAAA,WAAW,wBACd,UAAA,qBAAC,KAAE,EAAA,UAAA;AAAA,MAAA;AAAA,MAGK,oBAAA,KAAA,EAAE,MAAK,KAAI,UAAkC,sCAAA;AAAA,MAAI;AAAA,MACX;AAAA,MAC3C,oBAAA,KAAA,EAAE,MAAK,KAAI,UAAmC,uCAAA;AAAA,MAAI;AAAA,MACnC,oBAAA,KAAA,EAAE,MAAK,KAAI,UAAsC,0CAAA;AAAA,MAAI;AAAA,IAAA,EAAA,CACvE,EACF,CAAA;AAAA,IACA,qBAAC,OAAI,EAAA,WAAW,qBACd,UAAA;AAAA,MAAC,oBAAA,OAAA,EAAI,IAAI,yBACP,UAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAU;AAAA,UACV,OAAM;AAAA,UACN,MAAK;AAAA,UACL,SAAQ;AAAA,UACT,UAAA;AAAA,QAAA;AAAA,MAAA,GAGH;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,IAAG;AAAA,UACH,WAAW,GAAG,eAAe;AAAA,UAC7B,WAAW;AAAA,UAEX,8BAACA,cAAU,EAAA;AAAA,QAAA;AAAA,MACb;AAAA,IAAA,GASF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/DownloadTile/index.js

@@ -1,5 +1,7 @@
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-import { DownloadIcon } from "../icons/DownloadIcon/index.js";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+import SvgDownloadIcon from "../icons/DownloadIcon/index.js";
 import { table_section, table_section_container, table_header, media__table, download, ico, table_footer } from "./DownloadTile.css.js";
 const DownloadTile = ({
   id,
@@ -22,7 +24,7 @@ const DownloadTile = ({
         /* @__PURE__ */ jsx("tbody", { id: "body-table", children: downloadTiles.map(({ id: id2, url, displayName, action }) => /* @__PURE__ */ jsxs("tr", { children: [
           /* @__PURE__ */ jsx("td", { "data-label": "", children: displayName }),
           /* @__PURE__ */ jsx("td", { "data-label": "", children: /* @__PURE__ */ jsxs("a", { href: url, target: "_blank", className: download, children: [
-            /* @__PURE__ */ jsx(DownloadIcon, { className: ico }),
+            /* @__PURE__ */ jsx(SvgDownloadIcon, { className: ico }),
             /* @__PURE__ */ jsx("span", { children: action })
           ] }) })
         ] }, id2)) })

package/dist/DownloadTile/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../lib/DownloadTile/index.tsx"],"sourcesContent":["\"use client\";\nimport { DownloadIcon } from \"@lib/icons/DownloadIcon\";\nimport { FC } from \"react\";\nimport {\n  download,\n  ico,\n  media__table,\n  table_footer,\n  table_header,\n  table_section,\n  table_section_container,\n} from \"./DownloadTile.css\";\nimport { DownloadTileSet } from \"./DownloadTile.interface\";\n\nexport const DownloadTile: FC<DownloadTileSet> = ({\n  id,\n  titleText,\n  description,\n  additionalDetails,\n  downloadTiles,\n}) => {\n  return (\n    <section key={id} className={`containment section_spacer`}>\n      <div className={table_section}>\n        <div className={`${table_section_container}`}>\n          {titleText && (\n            <div className={`${table_header} section_header`}>\n              <h2 className={`text_center`}>{titleText}</h2>\n              {description && <>{description}</>}\n            </div>\n          )}\n        </div>\n        <div className={`${table_section_container}`}>\n          <table className={`${media__table}`}>\n            <thead>\n              <tr>\n                <th scope=\"colgroup\">NAME</th>\n                <th scope=\"colgroup\">ACTION</th>\n              </tr>\n            </thead>\n            <tbody id=\"body-table\">\n              {downloadTiles.map(({ id, url, displayName, action }) => (\n                <tr key={id}>\n                  <td data-label=\"\">{displayName}</td>\n                  <td data-label=\"\">\n                    <a href={url} target=\"_blank\" className={download}>\n                      <DownloadIcon className={ico} />\n                      <span>{action}</span>\n                    </a>\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n          <div className={`${table_footer} push_up_32`}>\n            {additionalDetails && <>{additionalDetails}</>}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n"],"names":["id"],"mappings":";;;AAcO,MAAM,eAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,6BACG,WAAiB,EAAA,WAAW,8BAC3B,UAAC,qBAAA,OAAA,EAAI,WAAW,eACd,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAW,GAAG,uBAAuB,IACvC,UACC,aAAA,qBAAC,OAAI,EAAA,WAAW,GAAG,YAAY,mBAC7B,UAAA;AAAA,MAAC,oBAAA,MAAA,EAAG,WAAW,eAAgB,UAAU,WAAA;AAAA,MACxC,+CAAkB,UAAY,YAAA,CAAA;AAAA,IAAA,EAAA,CACjC,EAEJ,CAAA;AAAA,IACC,qBAAA,OAAA,EAAI,WAAW,GAAG,uBAAuB,IACxC,UAAA;AAAA,MAAA,qBAAC,SAAM,EAAA,WAAW,GAAG,YAAY,IAC/B,UAAA;AAAA,QAAC,oBAAA,SAAA,EACC,+BAAC,MACC,EAAA,UAAA;AAAA,UAAC,oBAAA,MAAA,EAAG,OAAM,YAAW,UAAI,QAAA;AAAA,UACxB,oBAAA,MAAA,EAAG,OAAM,YAAW,UAAM,UAAA;AAAA,QAAA,EAAA,CAC7B,EACF,CAAA;AAAA,QACC,oBAAA,SAAA,EAAM,IAAG,cACP,wBAAc,IAAI,CAAC,EAAE,IAAAA,KAAI,KAAK,aAAa,OAAO,2BAChD,MACC,EAAA,UAAA;AAAA,UAAC,oBAAA,MAAA,EAAG,cAAW,IAAI,UAAY,aAAA;AAAA,UAC/B,oBAAC,MAAG,EAAA,cAAW,IACb,UAAA,qBAAC,KAAE,EAAA,MAAM,KAAK,QAAO,UAAS,WAAW,UACvC,UAAA;AAAA,YAAC,oBAAA,cAAA,EAAa,WAAW,IAAK,CAAA;AAAA,YAC9B,oBAAC,UAAM,UAAO,OAAA,CAAA;AAAA,UAAA,EAAA,CAChB,EACF,CAAA;AAAA,QAAA,KAPOA,GAQT,CACD,GACH;AAAA,MAAA,GACF;AAAA,MACA,oBAAC,SAAI,WAAW,GAAG,YAAY,eAC5B,UAAA,qBAAwB,oBAAA,UAAA,EAAA,UAAA,kBAAkB,CAAA,GAC7C;AAAA,IAAA,GACF;AAAA,EAAA,GACF,KApCY,EAqCd;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../lib/DownloadTile/index.tsx"],"sourcesContent":["\"use client\";\nimport { DownloadIcon } from \"@lib/icons\";\nimport { FC } from \"react\";\nimport {\n  download,\n  ico,\n  media__table,\n  table_footer,\n  table_header,\n  table_section,\n  table_section_container,\n} from \"./DownloadTile.css\";\nimport { DownloadTileSet } from \"./DownloadTile.interface\";\n\nexport const DownloadTile: FC<DownloadTileSet> = ({\n  id,\n  titleText,\n  description,\n  additionalDetails,\n  downloadTiles,\n}) => {\n  return (\n    <section key={id} className={`containment section_spacer`}>\n      <div className={table_section}>\n        <div className={`${table_section_container}`}>\n          {titleText && (\n            <div className={`${table_header} section_header`}>\n              <h2 className={`text_center`}>{titleText}</h2>\n              {description && <>{description}</>}\n            </div>\n          )}\n        </div>\n        <div className={`${table_section_container}`}>\n          <table className={`${media__table}`}>\n            <thead>\n              <tr>\n                <th scope=\"colgroup\">NAME</th>\n                <th scope=\"colgroup\">ACTION</th>\n              </tr>\n            </thead>\n            <tbody id=\"body-table\">\n              {downloadTiles.map(({ id, url, displayName, action }) => (\n                <tr key={id}>\n                  <td data-label=\"\">{displayName}</td>\n                  <td data-label=\"\">\n                    <a href={url} target=\"_blank\" className={download}>\n                      <DownloadIcon className={ico} />\n                      <span>{action}</span>\n                    </a>\n                  </td>\n                </tr>\n              ))}\n            </tbody>\n          </table>\n          <div className={`${table_footer} push_up_32`}>\n            {additionalDetails && <>{additionalDetails}</>}\n          </div>\n        </div>\n      </div>\n    </section>\n  );\n};\n"],"names":["id","DownloadIcon"],"mappings":";;;;;AAcO,MAAM,eAAoC,CAAC;AAAA,EAChD;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,6BACG,WAAiB,EAAA,WAAW,8BAC3B,UAAC,qBAAA,OAAA,EAAI,WAAW,eACd,UAAA;AAAA,IAAC,oBAAA,OAAA,EAAI,WAAW,GAAG,uBAAuB,IACvC,UACC,aAAA,qBAAC,OAAI,EAAA,WAAW,GAAG,YAAY,mBAC7B,UAAA;AAAA,MAAC,oBAAA,MAAA,EAAG,WAAW,eAAgB,UAAU,WAAA;AAAA,MACxC,+CAAkB,UAAY,YAAA,CAAA;AAAA,IAAA,EAAA,CACjC,EAEJ,CAAA;AAAA,IACC,qBAAA,OAAA,EAAI,WAAW,GAAG,uBAAuB,IACxC,UAAA;AAAA,MAAA,qBAAC,SAAM,EAAA,WAAW,GAAG,YAAY,IAC/B,UAAA;AAAA,QAAC,oBAAA,SAAA,EACC,+BAAC,MACC,EAAA,UAAA;AAAA,UAAC,oBAAA,MAAA,EAAG,OAAM,YAAW,UAAI,QAAA;AAAA,UACxB,oBAAA,MAAA,EAAG,OAAM,YAAW,UAAM,UAAA;AAAA,QAAA,EAAA,CAC7B,EACF,CAAA;AAAA,QACC,oBAAA,SAAA,EAAM,IAAG,cACP,wBAAc,IAAI,CAAC,EAAE,IAAAA,KAAI,KAAK,aAAa,OAAO,2BAChD,MACC,EAAA,UAAA;AAAA,UAAC,oBAAA,MAAA,EAAG,cAAW,IAAI,UAAY,aAAA;AAAA,UAC/B,oBAAC,MAAG,EAAA,cAAW,IACb,UAAA,qBAAC,KAAE,EAAA,MAAM,KAAK,QAAO,UAAS,WAAW,UACvC,UAAA;AAAA,YAAC,oBAAAC,iBAAA,EAAa,WAAW,IAAK,CAAA;AAAA,YAC9B,oBAAC,UAAM,UAAO,OAAA,CAAA;AAAA,UAAA,EAAA,CAChB,EACF,CAAA;AAAA,QAAA,KAPOD,GAQT,CACD,GACH;AAAA,MAAA,GACF;AAAA,MACA,oBAAC,SAAI,WAAW,GAAG,YAAY,eAC5B,UAAA,qBAAwB,oBAAA,UAAA,EAAA,UAAA,kBAAkB,CAAA,GAC7C;AAAA,IAAA,GACF;AAAA,EAAA,GACF,KApCY,EAqCd;AAEJ;"}

package/dist/FaqAccordion/index.d.ts

@@ -3,12 +3,12 @@ import { header } from "./FaqAccordion.css";
 export interface AccordionItemProps extends PropsWithChildren {
     id: string;
 }
-export declare const AccordionItem: (props: AccordionItemProps) => import("react/jsx-dev-runtime").JSX.Element;
+export declare const AccordionItem: (props: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
 export declare const AccordionItemSummary: (props: {
     id: string;
-} & PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
-export declare const AccordionItemContent: (props: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
+} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const AccordionItemContent: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const FaqAccordion: (props: {
     header?: string;
-} & PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
+} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/FaqAccordion/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAGL,MAAM,EAGP,MAAM,oBAAoB,CAAC;AAe5B,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,eAAO,MAAM,aAAa,UAAW,kBAAkB,gDAkBtD,CAAC;AAEF,eAAO,MAAM,oBAAoB,UACxB;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,iBAAiB,gDAa1C,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAAW,iBAAiB,gDAE5D,CAAC;AAEF,eAAO,MAAM,YAAY,UAChB;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,iBAAiB,gDAS/C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../lib/FaqAccordion/index.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAc,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAGtD,OAAO,EAGL,MAAM,EAGP,MAAM,oBAAoB,CAAC;AAe5B,MAAM,WAAW,kBAAmB,SAAQ,iBAAiB;IAC3D,EAAE,EAAE,MAAM,CAAC;CACZ;AAED,eAAO,MAAM,aAAa,UAAW,kBAAkB,4CAkBtD,CAAC;AAEF,eAAO,MAAM,oBAAoB,UACxB;IAAE,EAAE,EAAE,MAAM,CAAA;CAAE,GAAG,iBAAiB,4CAa1C,CAAC;AAEF,eAAO,MAAM,oBAAoB,UAAW,iBAAiB,4CAE5D,CAAC;AAEF,eAAO,MAAM,YAAY,UAChB;IAAE,MAAM,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,iBAAiB,4CAS/C,CAAC"}

package/dist/FaqAccordion/index.js

@@ -1,4 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
+import "../icons/ArrowIcon/ArrowIcon.css.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";

package/dist/FaqAccordion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../lib/FaqAccordion/index.tsx"],"sourcesContent":["\"use client\";\nimport { ChevronDown, ChevronUp } from \"@lib/icons\";\nimport { MouseEvent, PropsWithChildren } from \"react\";\nimport { create } from \"zustand\";\nimport { icon } from \"../Accordion/Accordion.css\";\nimport {\n  content,\n  faqAccordion,\n  header,\n  summary,\n  summaryHeader,\n} from \"./FaqAccordion.css\";\n\ntype state = {\n  itemOpened: string;\n};\n\ntype actions = {\n  toggle: (id: string) => void;\n};\n\nconst useAccordion = create<state & actions>()((set) => ({\n  itemOpened: \"\",\n  toggle: (id) => set(() => ({ itemOpened: id })),\n}));\n\nexport interface AccordionItemProps extends PropsWithChildren {\n  id: string;\n}\n\nexport const AccordionItem = (props: AccordionItemProps) => {\n  const selectItem = useAccordion((state) => state.toggle);\n  const isOpen = useAccordion((state) => state.itemOpened);\n\n  const toggle = (ev: MouseEvent<HTMLDialogElement>) => {\n    ev.preventDefault();\n    if (isOpen !== props.id) {\n      selectItem(props.id);\n    } else {\n      selectItem(\"\");\n    }\n  };\n\n  return (\n    <details onClick={toggle} open={isOpen === props.id}>\n      {props.children}\n    </details>\n  );\n};\n\nexport const AccordionItemSummary = (\n  props: { id: string } & PropsWithChildren\n) => {\n  const isOpen = useAccordion((state) => state.itemOpened);\n  return (\n    <summary className={summary}>\n      <div className={summaryHeader}>{props.children}</div>\n      <div>\n        <div className={icon}>\n          {isOpen === props.id ? <ChevronUp /> : <ChevronDown />}\n        </div>\n      </div>\n    </summary>\n  );\n};\n\nexport const AccordionItemContent = (props: PropsWithChildren) => {\n  return <div className={content}>{props.children}</div>;\n};\n\nexport const FaqAccordion = (\n  props: { header?: string } & PropsWithChildren\n) => {\n  const { children } = props;\n  return (\n    <section>\n      {props.header && <p className={header}>{props.header}</p>}\n      <div className={faqAccordion}>{children}</div>\n    </section>\n  );\n};\n"],"names":["ChevronUp","ChevronDown"],"mappings":";;;;;;;;AAqBA,MAAM,eAAe,SAA0B,CAAC,SAAS;AAAA,EACvD,YAAY;AAAA,EACZ,QAAQ,CAAC,OAAO,IAAI,OAAO,EAAE,YAAY,KAAK;AAChD,EAAE;AAMW,MAAA,gBAAgB,CAAC,UAA8B;AAC1D,QAAM,aAAa,aAAa,CAAC,UAAU,MAAM,MAAM;AACvD,QAAM,SAAS,aAAa,CAAC,UAAU,MAAM,UAAU;AAEjD,QAAA,SAAS,CAAC,OAAsC;AACpD,OAAG,eAAe;AACd,QAAA,WAAW,MAAM,IAAI;AACvB,iBAAW,MAAM,EAAE;AAAA,IAAA,OACd;AACL,iBAAW,EAAE;AAAA,IACf;AAAA,EAAA;AAIA,SAAA,oBAAC,aAAQ,SAAS,QAAQ,MAAM,WAAW,MAAM,IAC9C,UAAA,MAAM,SACT,CAAA;AAEJ;AAEa,MAAA,uBAAuB,CAClC,UACG;AACH,QAAM,SAAS,aAAa,CAAC,UAAU,MAAM,UAAU;AAErD,SAAA,qBAAC,WAAQ,EAAA,WAAW,SAClB,UAAA;AAAA,IAAA,oBAAC,OAAI,EAAA,WAAW,eAAgB,UAAA,MAAM,UAAS;AAAA,IAC9C,oBAAA,OAAA,EACC,UAAC,oBAAA,OAAA,EAAI,WAAW,MACb,UAAA,WAAW,MAAM,yBAAMA,cAAU,EAAA,IAAM,oBAAAC,gBAAA,CAAA,CAAY,EACtD,CAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;AAEa,MAAA,uBAAuB,CAAC,UAA6B;AAChE,SAAQ,oBAAA,OAAA,EAAI,WAAW,SAAU,gBAAM,SAAS,CAAA;AAClD;AAEa,MAAA,eAAe,CAC1B,UACG;AACG,QAAA,EAAE,SAAa,IAAA;AACrB,8BACG,WACE,EAAA,UAAA;AAAA,IAAA,MAAM,UAAW,oBAAA,KAAA,EAAE,WAAW,QAAS,gBAAM,QAAO;AAAA,IACpD,oBAAA,OAAA,EAAI,WAAW,cAAe,SAAS,CAAA;AAAA,EAC1C,EAAA,CAAA;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../lib/FaqAccordion/index.tsx"],"sourcesContent":["\"use client\";\nimport { ChevronDown, ChevronUp } from \"@lib/icons\";\nimport { MouseEvent, PropsWithChildren } from \"react\";\nimport { create } from \"zustand\";\nimport { icon } from \"../Accordion/Accordion.css\";\nimport {\n  content,\n  faqAccordion,\n  header,\n  summary,\n  summaryHeader,\n} from \"./FaqAccordion.css\";\n\ntype state = {\n  itemOpened: string;\n};\n\ntype actions = {\n  toggle: (id: string) => void;\n};\n\nconst useAccordion = create<state & actions>()((set) => ({\n  itemOpened: \"\",\n  toggle: (id) => set(() => ({ itemOpened: id })),\n}));\n\nexport interface AccordionItemProps extends PropsWithChildren {\n  id: string;\n}\n\nexport const AccordionItem = (props: AccordionItemProps) => {\n  const selectItem = useAccordion((state) => state.toggle);\n  const isOpen = useAccordion((state) => state.itemOpened);\n\n  const toggle = (ev: MouseEvent<HTMLDialogElement>) => {\n    ev.preventDefault();\n    if (isOpen !== props.id) {\n      selectItem(props.id);\n    } else {\n      selectItem(\"\");\n    }\n  };\n\n  return (\n    <details onClick={toggle} open={isOpen === props.id}>\n      {props.children}\n    </details>\n  );\n};\n\nexport const AccordionItemSummary = (\n  props: { id: string } & PropsWithChildren\n) => {\n  const isOpen = useAccordion((state) => state.itemOpened);\n  return (\n    <summary className={summary}>\n      <div className={summaryHeader}>{props.children}</div>\n      <div>\n        <div className={icon}>\n          {isOpen === props.id ? <ChevronUp /> : <ChevronDown />}\n        </div>\n      </div>\n    </summary>\n  );\n};\n\nexport const AccordionItemContent = (props: PropsWithChildren) => {\n  return <div className={content}>{props.children}</div>;\n};\n\nexport const FaqAccordion = (\n  props: { header?: string } & PropsWithChildren\n) => {\n  const { children } = props;\n  return (\n    <section>\n      {props.header && <p className={header}>{props.header}</p>}\n      <div className={faqAccordion}>{children}</div>\n    </section>\n  );\n};\n"],"names":["ChevronUp","ChevronDown"],"mappings":";;;;;;;;;AAqBA,MAAM,eAAe,SAA0B,CAAC,SAAS;AAAA,EACvD,YAAY;AAAA,EACZ,QAAQ,CAAC,OAAO,IAAI,OAAO,EAAE,YAAY,KAAK;AAChD,EAAE;AAMW,MAAA,gBAAgB,CAAC,UAA8B;AAC1D,QAAM,aAAa,aAAa,CAAC,UAAU,MAAM,MAAM;AACvD,QAAM,SAAS,aAAa,CAAC,UAAU,MAAM,UAAU;AAEjD,QAAA,SAAS,CAAC,OAAsC;AACpD,OAAG,eAAe;AACd,QAAA,WAAW,MAAM,IAAI;AACvB,iBAAW,MAAM,EAAE;AAAA,IAAA,OACd;AACL,iBAAW,EAAE;AAAA,IACf;AAAA,EAAA;AAIA,SAAA,oBAAC,aAAQ,SAAS,QAAQ,MAAM,WAAW,MAAM,IAC9C,UAAA,MAAM,SACT,CAAA;AAEJ;AAEa,MAAA,uBAAuB,CAClC,UACG;AACH,QAAM,SAAS,aAAa,CAAC,UAAU,MAAM,UAAU;AAErD,SAAA,qBAAC,WAAQ,EAAA,WAAW,SAClB,UAAA;AAAA,IAAA,oBAAC,OAAI,EAAA,WAAW,eAAgB,UAAA,MAAM,UAAS;AAAA,IAC9C,oBAAA,OAAA,EACC,UAAC,oBAAA,OAAA,EAAI,WAAW,MACb,UAAA,WAAW,MAAM,yBAAMA,cAAU,EAAA,IAAM,oBAAAC,gBAAA,CAAA,CAAY,EACtD,CAAA,GACF;AAAA,EACF,EAAA,CAAA;AAEJ;AAEa,MAAA,uBAAuB,CAAC,UAA6B;AAChE,SAAQ,oBAAA,OAAA,EAAI,WAAW,SAAU,gBAAM,SAAS,CAAA;AAClD;AAEa,MAAA,eAAe,CAC1B,UACG;AACG,QAAA,EAAE,SAAa,IAAA;AACrB,8BACG,WACE,EAAA,UAAA;AAAA,IAAA,MAAM,UAAW,oBAAA,KAAA,EAAE,WAAW,QAAS,gBAAM,QAAO;AAAA,IACpD,oBAAA,OAAA,EAAI,WAAW,cAAe,SAAS,CAAA;AAAA,EAC1C,EAAA,CAAA;AAEJ;"}

package/dist/FooterDisclosure/FooterDisclosure.d.ts

@@ -1,6 +1,6 @@
 import { PropsWithChildren } from "react";
-export declare const FooterContent: (props: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
-export declare const FooterParagraph: (props: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
-export declare const FooterIcons: (props: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
-export declare const FooterDisclosure: (props: PropsWithChildren) => import("react/jsx-dev-runtime").JSX.Element;
+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;
 //# sourceMappingURL=FooterDisclosure.d.ts.map

package/dist/FooterDisclosure/FooterDisclosure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FooterDisclosure.d.ts","sourceRoot":"","sources":["../../lib/FooterDisclosure/FooterDisclosure.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAQ1C,eAAO,MAAM,aAAa,UAAW,iBAAiB,gDAErD,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,iBAAiB,gDAEvD,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,iBAAiB,gDAEnD,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,iBAAiB,gDAExD,CAAC"}
+{"version":3,"file":"FooterDisclosure.d.ts","sourceRoot":"","sources":["../../lib/FooterDisclosure/FooterDisclosure.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAQ1C,eAAO,MAAM,aAAa,UAAW,iBAAiB,4CAErD,CAAC;AAEF,eAAO,MAAM,eAAe,UAAW,iBAAiB,4CAEvD,CAAC;AAEF,eAAO,MAAM,WAAW,UAAW,iBAAiB,4CAEnD,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,iBAAiB,4CAExD,CAAC"}