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

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.css.d.ts

@@ -39,17 +39,16 @@ export declare const accordion: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-export declare const header: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const headerAccordion: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
 }>;
-export type Header = RecipeVariants<typeof header>;
+export type Header = RecipeVariants<typeof headerAccordion>;
 export declare const headerContent: string;
 export declare const icon: string;
-export declare const body: string;
+export declare const bodyAccordion: string;
 export declare const hide: string;
 export declare const paragraph: string;
-//# sourceMappingURL=Accordion.css.d.ts.map

package/dist/Accordion/Accordion.css.js

@@ -1,19 +1,21 @@
+/* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
 /* empty css                             */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var accordion = createRuntimeFn({ defaultClassName: "qfoxng0", variantClassNames: { width: { "1/2": "qfoxng1", "1/3": "qfoxng2", "2/3": "qfoxng3", "1/4": "qfoxng4", "3/4": "qfoxng5", "1/5": "qfoxng6", "2/5": "qfoxng7", "3/5": "qfoxng8", "4/5": "qfoxng9" } }, defaultVariants: {}, compoundVariants: [] });
-var header = createRuntimeFn({ defaultClassName: "qfoxnga", variantClassNames: { variant: { primary: "qfoxngb" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });
+var headerAccordion = createRuntimeFn({ defaultClassName: "qfoxnga", variantClassNames: { variant: { primary: "qfoxngb" } }, defaultVariants: { variant: "primary" }, compoundVariants: [] });
 var headerContent = "qfoxngc";
 var icon = "qfoxngd";
-var body = "qfoxnge";
+var bodyAccordion = "qfoxnge";
 var hide = "qfoxngf";
 var paragraph = "qfoxngg";
 export {
   accordion,
-  body,
-  header,
+  bodyAccordion,
+  headerAccordion,
   headerContent,
   hide,
   icon,
   paragraph
 };
-//# sourceMappingURL=Accordion.css.js.map

package/dist/Accordion/Accordion.d.ts

@@ -6,7 +6,6 @@ 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;
-//# sourceMappingURL=Accordion.d.ts.map
+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;

package/dist/Accordion/Accordion.js

@@ -1,12 +1,14 @@
 "use client";
 import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import React, { createContext, useContext, useState } from "react";
 import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgChevronDown from "../icons/ChevronDown.js";
 import SvgChevronUp from "../icons/ChevronUp.js";
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                                    */
-import clsx from "clsx";
-import React, { createContext, useContext, useState } from "react";
-import { header, headerContent, icon, accordion, body, hide, paragraph } from "./Accordion.css.js";
+import { headerAccordion, headerContent, icon, accordion, bodyAccordion, hide, paragraph } from "./Accordion.css.js";
 const AccordionCtx = createContext({
   isOpen: false,
   onclick: () => {
@@ -15,7 +17,7 @@ const AccordionCtx = createContext({
 const AccordionHeader = (props) => {
   const { children } = props;
   const { isOpen, onclick } = useContext(AccordionCtx);
-  return /* @__PURE__ */ jsxs("div", { className: clsx(header()), onClick: onclick, children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx(headerAccordion()), onClick: onclick, children: [
     /* @__PURE__ */ jsx("p", { className: clsx(headerContent), children }),
     /* @__PURE__ */ jsx("div", { className: icon, children: isOpen ? /* @__PURE__ */ jsx(SvgChevronDown, {}) : /* @__PURE__ */ jsx(SvgChevronUp, {}) })
   ] });
@@ -26,7 +28,7 @@ const AccordionDetails = ({ children }) => {
 const Accordion = (props) => {
   const { expanded = false, children: childrenProps } = props;
   const [isOpen, setIsOpen] = useState(expanded);
-  const [header2, ...children] = React.Children.toArray(childrenProps);
+  const [header, ...children] = React.Children.toArray(childrenProps);
   return /* @__PURE__ */ jsx(
     AccordionCtx.Provider,
     {
@@ -35,8 +37,8 @@ const Accordion = (props) => {
         onclick: () => setIsOpen(!isOpen)
       },
       children: /* @__PURE__ */ jsx("div", { className: clsx(accordion()), children: /* @__PURE__ */ jsxs("div", { className: clsx(isOpen ? "expanded" : ""), children: [
-        header2,
-        /* @__PURE__ */ jsx("div", { className: clsx(body, isOpen ? null : hide, paragraph), children })
+        header,
+        /* @__PURE__ */ jsx("div", { className: clsx(bodyAccordion, isOpen ? null : hide, paragraph), children })
       ] }) })
     }
   );
@@ -47,4 +49,3 @@ export {
   AccordionDetails,
   AccordionHeader
 };
-//# sourceMappingURL=Accordion.js.map

package/dist/Accordion/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./Accordion";
 export * from "./Accordion.css";
-//# sourceMappingURL=index.d.ts.map

package/dist/Accordion/index.js

@@ -1,16 +1,15 @@
 import { Accordion, AccordionCtx, AccordionDetails, AccordionHeader } from "./Accordion.js";
-import { accordion, body, header, headerContent, hide, icon, paragraph } from "./Accordion.css.js";
+import { accordion, bodyAccordion, headerAccordion, headerContent, hide, icon, paragraph } from "./Accordion.css.js";
 export {
   Accordion,
   AccordionCtx,
   AccordionDetails,
   AccordionHeader,
   accordion,
-  body,
-  header,
+  bodyAccordion,
+  headerAccordion,
   headerContent,
   hide,
   icon,
   paragraph
 };
-//# sourceMappingURL=index.js.map

package/dist/AlertBanner/AlertBanner.css.d.ts

@@ -13,4 +13,3 @@ export declare const alertBanner: import("@vanilla-extract/recipes").RuntimeFn<{
 export declare const alertBanner_img_section: string;
 export declare const alertBanner_body: string;
 export declare const alertBanner_cta: string;
-//# sourceMappingURL=AlertBanner.css.d.ts.map

package/dist/AlertBanner/AlertBanner.css.js

@@ -10,4 +10,3 @@ export {
   alertBanner_cta,
   alertBanner_img_section
 };
-//# sourceMappingURL=AlertBanner.css.js.map

package/dist/AlertBanner/AlertBanner.interface.d.ts

@@ -1,4 +1,4 @@
-import { ChevronProps } from '../Chevron/Chevron.interface';
+import { ChevronProps } from "../Chevron/Chevron.interface";
 export interface AlertBannerInterface {
     /**
      * Defines the banner style
@@ -14,4 +14,3 @@ export interface AlertBannerInterface {
     callToAction: ChevronProps;
     id?: string;
 }
-//# sourceMappingURL=AlertBanner.interface.d.ts.map

package/dist/AlertBanner/AlertBanner.interface.js

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

package/dist/AlertBanner/index.d.ts

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

package/dist/AlertBanner/index.js

@@ -1,9 +1,11 @@
 import { jsx, jsxs } from "react/jsx-runtime";
 import { Chevron } from "../Chevron/index.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                */
+/* empty css                                   */
 /* 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 +14,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 }) })
@@ -22,4 +24,3 @@ const AlertBanner = ({
 export {
   AlertBanner
 };
-//# sourceMappingURL=index.js.map

package/dist/ApyCalculator/ApyCalculator.css.d.ts

@@ -17,4 +17,3 @@ export declare const marketing: string;
 export declare const marketing_tile: string;
 export declare const cta_section: string;
 export declare const marketing_table: string;
-//# sourceMappingURL=ApyCalculator.css.d.ts.map

package/dist/ApyCalculator/ApyCalculator.css.js

@@ -1,3 +1,5 @@
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                 */
 var apy_calculator = "_74vxga0";
 var calculator_section = "_74vxga1";
@@ -39,4 +41,3 @@ export {
   span_12,
   submit_section
 };
-//# sourceMappingURL=ApyCalculator.css.js.map

package/dist/ApyCalculator/index.d.ts

@@ -1,3 +1,2 @@
 import { FC } from "react";
 export declare const ApyCalculator: FC;
-//# sourceMappingURL=index.d.ts.map

package/dist/ApyCalculator/index.js

@@ -3,8 +3,10 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { Button } from "../Button/index.js";
 import { button } from "../Button/Button.css.js";
 import { Chevron } from "../Chevron/index.js";
-import { useState, useEffect } from "react";
-import { vars } from "../themes/vars.css.js";
+import { useState, useCallback, useEffect } from "react";
+import { vars } from "../themes/axos.css.js";
+/* empty css                                */
+/* empty css                                   */
 import { apy_calculator, calculator_section, section_header, apy_calculator_form, errorTag, fieldset, field_row, relative, label_symbol, cash, prefix_pad, percent, submit_section, span_12, form_disclosure, marketing, marketing_tile, cta_section, marketing_table } from "./ApyCalculator.css.js";
 const ApyCalculator = () => {
   const [initialDeposit, setInititalDeposit] = useState(1e3);
@@ -23,13 +25,13 @@ const ApyCalculator = () => {
     } else
       return true;
   };
-  const convertInterest = () => {
+  const convertInterest = useCallback(() => {
     const newInterestRate = 0.01 * APY;
     setInterestRate(newInterestRate);
-  };
+  }, [APY]);
   useEffect(() => {
     convertInterest();
-  }, [interestRate, setInterestRate]);
+  }, [convertInterest, interestRate, setInterestRate]);
   const handleCalculate = () => {
     convertInterest();
     setError("");
@@ -275,4 +277,3 @@ const ApyCalculator = () => {
 export {
   ApyCalculator
 };
-//# sourceMappingURL=index.js.map

package/dist/BulletItem/BulletItem.css.d.ts

@@ -1,2 +1 @@
 export declare const bulletIcon: string;
-//# sourceMappingURL=BulletItem.css.d.ts.map

package/dist/BulletItem/BulletItem.css.js

@@ -1,6 +1,6 @@
+/* empty css                                          */
 /* empty css                              */
 var bulletIcon = "d5iqlx0";
 export {
   bulletIcon
 };
-//# sourceMappingURL=BulletItem.css.js.map

package/dist/BulletItem/BulletItem.d.ts

@@ -1,6 +1,11 @@
-import { PropsWithChildren } from "react";
+import { PropsWithChildren, ReactNode } from "react";
 export interface BulletItemProps extends PropsWithChildren {
+    id: string;
     variant?: "primary" | "secondary" | "tertiary" | "quaternary";
+    icon?: {
+        src: string;
+        altText?: string;
+    };
+    copy?: ReactNode;
 }
-export declare const BulletItem: (props: BulletItemProps) => import("react/jsx-dev-runtime").JSX.Element;
-//# sourceMappingURL=BulletItem.d.ts.map
+export declare const BulletItem: (props: BulletItemProps) => import("react/jsx-runtime").JSX.Element;

package/dist/BulletItem/BulletItem.js

@@ -3,6 +3,8 @@ import { listItem } from "../IconBillboard/IconBillboard.css.js";
 import SvgCheckCircle from "../icons/CheckCircle.js";
 import SvgCheckCircleLight from "../icons/CheckCircleLight.js";
 import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                                    */
 import { bulletIcon } from "./BulletItem.css.js";
 const BulletItem = (props) => {
@@ -22,4 +24,3 @@ const BulletItem = (props) => {
 export {
   BulletItem
 };
-//# sourceMappingURL=BulletItem.js.map

package/dist/BulletItem/index.d.ts

@@ -1,2 +1 @@
 export * from "./BulletItem";
-//# sourceMappingURL=index.d.ts.map

package/dist/BulletItem/index.js

@@ -2,4 +2,3 @@ import { BulletItem } from "./BulletItem.js";
 export {
   BulletItem
 };
-//# sourceMappingURL=index.js.map

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: {
@@ -88,4 +85,3 @@ export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
     };
 }>;
 export type ButtonVariants = RecipeVariants<typeof button>;
-//# sourceMappingURL=Button.css.d.ts.map

package/dist/Button/Button.css.js

@@ -1,7 +1,9 @@
+/* empty css                                          */
+/* empty css                                */
+/* empty css                                   */
 /* empty css                          */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var button = createRuntimeFn({ defaultClassName: "_13pdpuj0", variantClassNames: { color: { primary: "_13pdpuj1", secondary: "_13pdpuj2", tertiary: "_13pdpuj3" }, skeleton: { true: "_13pdpuj4" }, size: { small: "_13pdpuj5", medium: "_13pdpuj6", large: "_13pdpuj7" }, disabled: { true: "_13pdpuj8" }, rounded: { none: "_13pdpuj9", small: "_13pdpuja", medium: "_13pdpujb", large: "_13pdpujc" } }, defaultVariants: {}, compoundVariants: [[{ color: "primary", disabled: true }, "_13pdpujd"], [{ color: "secondary", disabled: true }, "_13pdpuje"], [{ color: "tertiary", disabled: true }, "_13pdpujf"], [{ skeleton: true, size: "large" }, "_13pdpujg"], [{ skeleton: true, size: "medium" }, "_13pdpujh"], [{ skeleton: true, size: "small" }, "_13pdpuji"]] });
 export {
   button
 };
-//# sourceMappingURL=Button.css.js.map

package/dist/Button/Button.interface.d.ts

@@ -25,4 +25,3 @@ export interface ButtonProps extends PropsWithChildren {
      */
     className?: string;
 }
-//# sourceMappingURL=Button.interface.d.ts.map

package/dist/Button/Button.interface.js

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

package/dist/Button/index.d.ts

@@ -13,4 +13,3 @@ export declare const Button: ({ as, children, color, size, disabled, rounded, ta
     id: string | undefined;
     onClick: (() => void) | undefined;
 }, HTMLElement>;
-//# sourceMappingURL=index.d.ts.map

package/dist/Button/index.js

@@ -4,7 +4,7 @@ const Button = ({
   as = "a",
   children,
   color,
-  size = "medium",
+  size = "large",
   disabled,
   rounded = "medium",
   targetUrl,
@@ -21,4 +21,3 @@ const Button = ({
 export {
   Button
 };
-//# sourceMappingURL=index.js.map

package/dist/CallToActionBar/CallToActionBar.css.d.ts

@@ -16,4 +16,3 @@ export declare const sticky_banner: string;
 export declare const is_sticky: string;
 export declare const ctas_section: string;
 export declare const cta_text: string;
-//# sourceMappingURL=CallToActionBar.css.d.ts.map

package/dist/CallToActionBar/CallToActionBar.css.js

@@ -1,3 +1,5 @@
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                   */
 var cta = "_1tdyl740";
 var cta_image_section = "_1tdyl741";
@@ -37,4 +39,3 @@ export {
   is_sticky,
   sticky_banner
 };
-//# sourceMappingURL=CallToActionBar.css.js.map

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

@@ -18,4 +18,3 @@ export interface CallToActionBarInterface {
     bodyCopy: string | ReactNode;
     callToActionRow: ChevronProps[];
 }
-//# sourceMappingURL=CallToActionBar.interface.d.ts.map

package/dist/CallToActionBar/CallToActionBar.interface.js

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

package/dist/CallToActionBar/index.d.ts

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

package/dist/CallToActionBar/index.js

@@ -123,4 +123,3 @@ const CallToActionBar = ({
 export {
   CallToActionBar
 };
-//# sourceMappingURL=index.js.map

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

@@ -81,4 +81,3 @@ export declare const dot: import("@vanilla-extract/recipes").RuntimeFn<{
     };
 }>;
 export type carouselVariants = RecipeVariants<typeof carousel>;
-//# sourceMappingURL=Carousel.css.d.ts.map

package/dist/Carousel/Carousel.css.js

@@ -1,3 +1,5 @@
+/* empty css                                */
+/* empty css                                   */
 /* empty css                            */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var dots = "jgs3fs0";
@@ -20,4 +22,3 @@ export {
   slideBase,
   slides
 };
-//# sourceMappingURL=Carousel.css.js.map

package/dist/Carousel/index.d.ts

@@ -13,17 +13,5 @@ export interface CarouselProps extends PropsWithChildren {
     selectedItem?: string | number;
     items?: SlideProps[];
 }
-type state = {
-    selected: number;
-    items?: unknown[];
-    timeout?: number;
-};
-type actions = {
-    change: (selected: number) => void;
-    setItems: (items: unknown[]) => void;
-};
-export declare const useCarousel: import("zustand").UseBoundStore<import("zustand").StoreApi<state & actions>>;
-export declare const CarouselSlide: (props: SlideProps & carouselVariants) => import("react/jsx-dev-runtime").JSX.Element;
-export declare const Carousel: (props: CarouselProps & carouselVariants) => import("react/jsx-dev-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=index.d.ts.map
+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;

package/dist/Carousel/index.js

@@ -1,19 +1,16 @@
 "use client";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                */
+/* empty css                                   */
 /* empty css                                                    */
 import SvgQuoteIconGrey from "../icons/QuoteIconGrey.js";
 import SvgQuoteIconWhite from "../icons/QuoteIconWhite.js";
 import SvgQuoteIconYellow from "../icons/QuoteIconYellow.js";
 import clsx from "clsx";
 import React, { useEffect, Children, cloneElement } from "react";
-import { create } from "zustand";
 import { icon, slide, authorLocation, author, carousel, slides, dots, dot } from "./Carousel.css.js";
-const useCarousel = create()((set) => ({
-  selected: 0,
-  change: (selected) => set(() => ({ selected })),
-  setItems: (items) => set(() => ({ items }))
-}));
+import { useCarousel } from "./store.js";
 const iconVarints = /* @__PURE__ */ new Map([
   [
     "primary",
@@ -115,7 +112,5 @@ const Carousel = (props) => {
 };
 export {
   Carousel,
-  CarouselSlide,
-  useCarousel
+  CarouselSlide
 };
-//# sourceMappingURL=index.js.map

package/dist/Carousel/store.d.ts

@@ -0,0 +1,10 @@
+export type state = {
+    selected: number;
+    items?: unknown[];
+    timeout?: number;
+};
+export type actions = {
+    change: (selected: number) => void;
+    setItems: (items: unknown[]) => void;
+};
+export declare const useCarousel: import("zustand").UseBoundStore<import("zustand").StoreApi<state & actions>>;

package/dist/Carousel/store.js

@@ -0,0 +1,9 @@
+import { create } from "zustand";
+const useCarousel = create()((set) => ({
+  selected: 0,
+  change: (selected) => set(() => ({ selected })),
+  setItems: (items) => set(() => ({ items }))
+}));
+export {
+  useCarousel
+};

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

@@ -12,4 +12,3 @@ export declare const chevron: import("@vanilla-extract/recipes").RuntimeFn<{
     };
 }>;
 export declare const chevron_wrapper: string;
-//# sourceMappingURL=Chevron.css.d.ts.map