oddsgate-ds 1.0.114 → 1.0.115

package/dist/esm/types/components/organisms/ProductsSlider/ProductsSlider.component.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { IProductsSlider } from './ProductsSlider.interface';
+declare const ProductsSlider: ({ content, style, className, }: IProductsSlider) => React.JSX.Element;
+export default ProductsSlider;

package/dist/esm/types/components/organisms/ProductsSlider/ProductsSlider.interface.d.ts

@@ -0,0 +1,11 @@
+import { CSSProperties } from 'react';
+export type IProductsSlider = {
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+    content?: {
+        title?: string;
+        description?: string | React.ReactElement;
+        imageElement?: React.ReactElement;
+    }[];
+};

package/dist/esm/types/components/organisms/ProductsSlider/ProductsSlider.theme.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IProductsSlider } from './ProductsSlider.interface';
+export declare const StyledProductsSlider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IProductsSlider>> & string;
+export declare const StyledProductsSliderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IProductsSlider>> & string;
+export declare const StyledProductsSliderSlides: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IProductsSlider>> & string;
+export declare const StyledProductsSliderSlide: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IProductsSlider>> & string;
+export declare const StyledProductsSliderContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IProductsSlider>> & string;

package/dist/esm/types/components/organisms/ProductsSlider/index.d.ts

@@ -0,0 +1 @@
+export { default } from './ProductsSlider.component';

package/dist/esm/types/index.d.ts

@@ -44,6 +44,7 @@ export { default as Slider } from './components/organisms/Slider';
 export { default as Cover } from './components/organisms/Cover';
 export { default as Tabs } from './components/organisms/Tabs';
 export { default as CircularSlider } from './components/organisms/CircularSlider';
+export { default as ProductsSlider } from './components/organisms/ProductsSlider';
 export { iconsList } from './helpers/getIcons';
 export { default as GlobalStyles } from './styles/Global';
 export { default as clickOutSideToClose } from './helpers/clickOutsideToClose';

package/dist/types.d.ts

@@ -642,6 +642,19 @@ type ICircularSlider = {
 
 declare const CircularSlider: ({ cta, content, style, className, }: ICircularSlider) => React__default.JSX.Element;
 
+type IProductsSlider = {
+    id?: string;
+    className?: string;
+    style?: CSSProperties;
+    content?: {
+        title?: string;
+        description?: string | React.ReactElement;
+        imageElement?: React.ReactElement;
+    }[];
+};
+
+declare const ProductsSlider: ({ content, style, className, }: IProductsSlider) => React__default.JSX.Element;
+
 declare const iconsList: string[];
 
 declare const GlobalStyles: React$1.NamedExoticComponent<styled_components.ExecutionProps & object>;
@@ -654,4 +667,4 @@ declare function useMediaMatch(query?: string): boolean;
 
 declare const debounce: (callback: any, wait: number) => (...args: any) => void;
 
-export { Accordion, AccordionItem, BlogCard, Button, CareersCard, CheckRadioField, Chip, CircularSlider, CloseButton, Column, Counter, Cover, Dropdown, DropdownItem, EmptyState, EventsCard, Flex, FormField, GlobalStyles, Heading, Icon, IconBox, IconTitle, ImageWrapper, LicenseCard, Loader, LogosCard, Marquee, Modal, NewsCard, OffCanvas, PortalComponent, ProductCard, Quote, RichText, Row, ScrollingNav, Separator, ShareModal, Slider, SocialLinks, Spacer, Tabs, TeamCard, Video, VideoEmbed, clickOutSideToClose, debounce, iconsList, isTouchDevice, useMediaMatch, variables };
+export { Accordion, AccordionItem, BlogCard, Button, CareersCard, CheckRadioField, Chip, CircularSlider, CloseButton, Column, Counter, Cover, Dropdown, DropdownItem, EmptyState, EventsCard, Flex, FormField, GlobalStyles, Heading, Icon, IconBox, IconTitle, ImageWrapper, LicenseCard, Loader, LogosCard, Marquee, Modal, NewsCard, OffCanvas, PortalComponent, ProductCard, ProductsSlider, Quote, RichText, Row, ScrollingNav, Separator, ShareModal, Slider, SocialLinks, Spacer, Tabs, TeamCard, Video, VideoEmbed, clickOutSideToClose, debounce, iconsList, isTouchDevice, useMediaMatch, variables };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "oddsgate-ds",
-  "version": "1.0.114",
+  "version": "1.0.115",
   "description": "Miew theme component library",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",

package/src/components/organisms/CircularSlider/CircularSlider.theme.ts

@@ -12,7 +12,7 @@ export const StyledCircularSlider = styled.div<ICircularSlider>`
     position:absolute;
     top:50%;
     left:0;
-    width:55%;
+    width:66.666%;
     height:auto;
     transform: translate(-50%, -50%)
   }
@@ -21,14 +21,8 @@ export const StyledCircularSlider = styled.div<ICircularSlider>`
     min-height: 100dvh;
     & > svg{
       display: block;
-      transition: all 0.8s ease-in-out;
     }
   }
-
-  @keyframes spin {
-    0% { transform: rotate(0deg); }
-    100% { transform: rotate(80deg); }
-  }
 `;
 
 export const StyledCircularSliderWrapper = styled.div<ICircularSlider>`

package/src/components/organisms/{CircularSliderTeste/CircularSliderTeste.component.tsx → ProductsSlider/ProductsSlider.component.tsx}

@@ -1,37 +1,35 @@
 import React, { useEffect, useRef, useState } from 'react'
 import {
-  StyledCircularSliderTeste,
-  StyledCircularSliderTesteContent,
-  StyledCircularSliderTesteSlide,
-  StyledCircularSliderTesteSlides,
-  StyledCircularSliderTesteWrapper
-} from './CircularSliderTeste.theme'
+  StyledProductsSlider,
+  StyledProductsSliderContent,
+  StyledProductsSliderSlide,
+  StyledProductsSliderSlides,
+  StyledProductsSliderWrapper
+} from './ProductsSlider.theme'
 
 import Heading from '@/components/atoms/Heading/Heading.component';
-import { ICircularSliderTeste } from './CircularSliderTeste.interface'
+import { IProductsSlider } from './ProductsSlider.interface'
+import ProductCard from '@/components/molecules/ProductCard/ProductCard.component';
 import { debounce } from '@/helpers/events';
 import useMediaMatch from '@/helpers/useMediaMatch';
 
-const CircularSliderTeste = ({
-  cta,
+const ProductsSlider = ({
   content,
   style,
   className,
-}: ICircularSliderTeste) => {
+}: IProductsSlider) => {
 
-  const [slideContent, setSlideContent] = useState({
-    name: content && content[0].name,
-    role: content && content[0].role,
-  });
+  const [activeElement, setActiveElement] = useState(content && content[0]);
   const slider = useRef<HTMLDivElement>();
   const wrapper = useRef<HTMLDivElement>();
   const slidesHolder = useRef<HTMLDivElement>();
   const contentHolder = useRef<HTMLDivElement>();
+  const isMobile = useMediaMatch();
 
   //force 12 items
-  if (content && content.length < 12) {
+  if (content && content.length < 26) {
     let counter = 0;
-    for (let i = content.length; i <= 12; i++) {
+    for (let i = content.length; i <= 26; i++) {
       content[i] = content[counter];
       counter++;
     }
@@ -40,53 +38,54 @@ const CircularSliderTeste = ({
   useEffect(() => {
     if (!slidesHolder.current) return //bail out;
 
-    const animationDuration = 600;
-
     const slides = Array.prototype.slice.call(slidesHolder?.current?.children);
-
     let slidesSize = 0;
-
-    let currentAngle =  -180;
+    let currentAngle = 0;
 
     const stepAngle = 2 * Math.PI / slidesHolder?.current?.children.length;
     // const stepAngle = 0.52;
 
     let currentSlide = 0;
 
-    slidesHolder.current.style.transitionDuration = animationDuration + 'ms';
     const slidesRepositioning = (r) => {
+      if (isMobile) return;
+
       for (let i = 0; i < slides.length; i++) {
 
         let x = r * Math.cos(stepAngle * i - Math.PI / 2),
           y = r * Math.sin(stepAngle * i - Math.PI / 2);
 
-        slides[i].style.transform = 'translate( ' + x + 'px, ' + y + 'px ) rotate( ' + ((stepAngle * 180 / Math.PI * i) + 4) + 'deg )';
+        slides[i].style.transform = 'translate( ' + x + 'px, ' + y + 'px ) rotate( ' + (((stepAngle * 180 / Math.PI * i) + 90)) + 'deg )';
         // slides[i].style.transform = 'translate( ' + x + 'px, ' + y + 'px )';
       };
     }
     const setSize = (radius: number) => {
-      if (!wrapper.current || !slidesHolder.current) return //bail out;
+      if (!wrapper.current || !slidesHolder.current || isMobile) return //bail out;
 
-      const slideSize = 0.15;
+      const slideSize = 0.08;
 
       wrapper.current.style.width = 2 * radius + 'px';
-      wrapper.current.style.height = 2 * radius + 'px';
+      // wrapper.current.style.height = 2 * radius + 'px';
+      wrapper.current.style.height = '320px';
 
       let r = 2 * radius * (1 - slideSize);
-      slidesHolder.current.style.width = r*2 + 'px';
-      slidesHolder.current.style.height = r/2 + 'px';
+      slidesHolder.current.style.width = r + 'px'
+      slidesHolder.current.style.height = r + 'px';
       slidesRepositioning(r / 2);
 
-      slidesSize = Math.min(2 * radius * slideSize, stepAngle * radius * (1 - slideSize) - 50);
+      slidesSize = Math.min(2 * radius * slideSize, stepAngle * radius * (1 - slideSize) - 80);
+      slidesHolder.current.style.marginTop = slidesSize + 'px';
+
 
       for (let i = 0; i < slides.length; i++) {
-        slides[i].style.width = slides[i].style.height = slidesSize + 'px';
+        slides[i].style.width = slidesSize + 'px';
       };
 
     }
 
     const sliderResize = debounce(() => {
-      const sliderSize = 1;
+      if (isMobile) return;
+      const sliderSize = 2.4;
 
       let radius,
         w = slider?.current ? slider?.current?.getBoundingClientRect().width : 0,
@@ -107,7 +106,7 @@ const CircularSliderTeste = ({
       contentHolder?.current?.classList.remove('active');
       const prevElement = slides[currentSlide];
       setTimeout(() => {
-        content && setSlideContent(content[currentSlide] as any)
+        content && setActiveElement(content[currentSlide] as any)
         prevElement.classList.remove('active');
       }, 400);
     };
@@ -143,15 +142,27 @@ const CircularSliderTeste = ({
       addStyle();
     }
 
-    sliderResize();
-    addStyle();
-
+    if (isMobile) {
+      setTimeout(() => {
+        if (wrapper?.current) wrapper.current.removeAttribute('style');
+        if (slidesHolder?.current) slidesHolder.current.removeAttribute('style');
+
+        for (let i = 0; i < slides.length; i++) {
+          slides[i].removeAttribute('style');
+          slides[i].removeEventListener('click', rotateSlider);
+        };
+        window.removeEventListener('resize', sliderResize)
+      }, 250)
+    } else {
+      sliderResize();
+      addStyle();
 
-    for (let i = 0; i < slides.length; i++) {
-      slides[i].addEventListener('click', rotateSlider, { passive: true });
-    };
+      for (let i = 0; i < slides.length; i++) {
+        slides[i].addEventListener('click', rotateSlider, { passive: true });
+      };
 
-    window.addEventListener('resize', sliderResize)
+      window.addEventListener('resize', sliderResize)
+    }
 
     return () => {
       for (let i = 0; i < slides.length; i++) {
@@ -160,31 +171,39 @@ const CircularSliderTeste = ({
 
       window.removeEventListener('resize', sliderResize)
     }
-  }, [])
+  }, [isMobile])
 
   if (!content) return <></>
 
   return (
-    <StyledCircularSliderTeste ref={slider as any} className={className} style={style}>
-      <StyledCircularSliderTesteWrapper ref={wrapper as any}>
-        <StyledCircularSliderTesteSlides ref={slidesHolder as any}>
+    <StyledProductsSlider ref={slider as any} className={className} style={style}>
+      <StyledProductsSliderWrapper ref={wrapper as any}>
+        <StyledProductsSliderSlides ref={slidesHolder as any}>
           {content?.map((item, index) => {
             return (
-              <StyledCircularSliderTesteSlide key={`slide-${index}`}>{item.img}</StyledCircularSliderTesteSlide>
+              <StyledProductsSliderSlide key={`ProductCard-${index}`}>
+                <ProductCard
+                  imageElement={item.imageElement}
+                  title={item.title}
+                  description={isMobile ? item?.description : ""}
+                />
+              </StyledProductsSliderSlide>
             )
           })}
-        </StyledCircularSliderTesteSlides>
-      </StyledCircularSliderTesteWrapper>
-      <StyledCircularSliderTesteContent ref={contentHolder as any}>
-        <div className='mb-4'>
-          <Heading tag="span" size="h2" className='color-primary50 fw-bold'>{slideContent?.name}</Heading>
-          <Heading tag="span" size="h4" className='color-secondary50'>{slideContent?.role}</Heading>
-        </div>
-        {cta}
-      </StyledCircularSliderTesteContent>
-    </StyledCircularSliderTeste>
+        </StyledProductsSliderSlides>
+      </StyledProductsSliderWrapper>
+      {!isMobile && (
+        <StyledProductsSliderContent ref={contentHolder as any} className='mt-6'>
+          <Heading tag="h5" size="h5">
+            <strong>{activeElement?.title}</strong>
+            <br />
+            {activeElement?.description}
+          </Heading>
+        </StyledProductsSliderContent>
+      )}
+    </StyledProductsSlider>
 
   )
 }
 
-export default CircularSliderTeste
+export default ProductsSlider

package/src/components/organisms/ProductsSlider/ProductsSlider.interface.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+
+export type IProductsSlider = {
+  id?: string;
+  className?: string;
+  style?: CSSProperties;
+  content?: {
+    title?: string,
+    description?: string | React.ReactElement,
+    imageElement?: React.ReactElement
+  }[],
+}

package/src/components/organisms/ProductsSlider/ProductsSlider.stories.tsx

@@ -0,0 +1,133 @@
+import type { Meta, StoryObj } from '@storybook/react'
+
+import Button from '@/components/atoms/Button/Button.component'
+import { IProductsSlider } from './ProductsSlider.interface'
+import ProductsSlider from './ProductsSlider.component'
+import React from 'react'
+
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+export default {
+  title: 'Components/ProductsSlider',
+  component: ProductsSlider,
+  tags: ['autodocs']
+} as Meta
+
+const image = (
+  <img
+    width="100%"
+    height="100%"
+    sizes="100vw"
+    decoding="async"
+    src="/assets/placeholder.png"
+    alt="Empty state"
+  />
+)
+
+export const Simple: StoryObj<IProductsSlider> = {
+  render: args => <div style={{ width: "100%", height: "200dvh" }}><ProductsSlider {...args}></ProductsSlider></div>,
+  args: {
+    content: [
+      {
+        imageElement: image,
+        title: 'My name 1',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 2',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 3',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 4',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 5',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 6',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 7',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 9',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 9',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 10',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 11',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 1§2',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 13',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 14',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 15',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 16',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 17',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 19',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 19',
+        description: 'My role',
+      },
+      {
+        imageElement: image,
+        title: 'My name 20',
+        description: 'My role',
+      }
+    ],
+    className: "h-100",
+  }
+}

package/src/components/organisms/ProductsSlider/ProductsSlider.theme.ts

@@ -0,0 +1,66 @@
+import { colors, radius, responsiveMedia } from '@/styles/variables';
+
+import { IProductsSlider } from './ProductsSlider.interface';
+import styled from 'styled-components';
+
+export const StyledProductsSlider = styled.div<IProductsSlider>`
+  position: relative;
+  width: 100%;
+  overflow: hidden;
+`;
+
+export const StyledProductsSliderWrapper = styled.div<IProductsSlider>`
+  position: relative;
+  display: flex;
+  justify-content: center;
+  @media only screen and (min-width: ${responsiveMedia}) {
+    margin: 0 auto;
+    margin-right: 0;
+    transform: translate(-30%, 0%);
+  }
+`;
+
+export const StyledProductsSliderSlides = styled.div<IProductsSlider>`
+  @media only screen and (min-width: ${responsiveMedia}) {
+    transform-origin: center;
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    position: relative;
+    z-index: 100;
+    transform: rotate(0deg);
+    transition: all 0.6s;
+  }
+`;
+export const StyledProductsSliderSlide = styled.div<IProductsSlider>`
+  @media only screen and (min-width: ${responsiveMedia}) {
+    position: absolute;
+    width: 26rem;
+    transform-origin: center;
+    opacity: 0.4;
+    transition: .3s linear all;
+    cursor: pointer;
+
+    & > div{
+      width: 100%;
+      height: 100%;
+      pointer-events:none;
+      transform: rotate(-90deg);
+    }
+
+    &.active{
+      opacity: 1;
+    }
+  }
+`;
+
+
+export const StyledProductsSliderContent = styled.div<IProductsSlider>`
+  max-width: 50rem;
+  background: ${colors.third10};
+  border-radius: ${radius.md};
+  padding: 2rem;
+  margin: auto;
+  transform: translateY(135px);
+`;
+

package/src/components/organisms/ProductsSlider/index.ts

@@ -0,0 +1 @@
+export { default } from './ProductsSlider.component'

package/src/index.ts

@@ -51,6 +51,7 @@ export { default as Slider } from './components/organisms/Slider'
 export { default as Cover } from './components/organisms/Cover'
 export { default as Tabs } from './components/organisms/Tabs'
 export { default as CircularSlider } from './components/organisms/CircularSlider'
+export { default as ProductsSlider } from './components/organisms/ProductsSlider'
 
 export { iconsList } from './helpers/getIcons'
 

package/dist/cjs/types/components/organisms/CircularSliderTeste/CircularSliderTeste.component.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ICircularSliderTeste } from './CircularSliderTeste.interface';
-declare const CircularSliderTeste: ({ cta, content, style, className, }: ICircularSliderTeste) => React.JSX.Element;
-export default CircularSliderTeste;

package/dist/cjs/types/components/organisms/CircularSliderTeste/CircularSliderTeste.interface.d.ts

@@ -1,12 +0,0 @@
-import { CSSProperties } from 'react';
-export type ICircularSliderTeste = {
-    id?: string;
-    className?: string;
-    style?: CSSProperties;
-    content?: {
-        name?: string;
-        role?: string;
-        img?: React.ReactNode;
-    }[];
-    cta?: React.ReactNode;
-};

package/dist/cjs/types/components/organisms/CircularSliderTeste/CircularSliderTeste.theme.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ICircularSliderTeste } from './CircularSliderTeste.interface';
-export declare const StyledCircularSliderTeste: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ICircularSliderTeste>> & string;
-export declare const StyledCircularSliderTesteWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ICircularSliderTeste>> & string;
-export declare const StyledCircularSliderTesteSlides: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ICircularSliderTeste>> & string;
-export declare const StyledCircularSliderTesteSlide: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ICircularSliderTeste>> & string;
-export declare const StyledCircularSliderTesteContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ICircularSliderTeste>> & string;

package/dist/cjs/types/components/organisms/CircularSliderTeste/index.d.ts

@@ -1 +0,0 @@
-export { default } from './CircularSliderTeste.component';

package/dist/esm/types/components/organisms/CircularSliderTeste/CircularSliderTeste.component.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-import { ICircularSliderTeste } from './CircularSliderTeste.interface';
-declare const CircularSliderTeste: ({ cta, content, style, className, }: ICircularSliderTeste) => React.JSX.Element;
-export default CircularSliderTeste;

package/dist/esm/types/components/organisms/CircularSliderTeste/CircularSliderTeste.interface.d.ts

@@ -1,12 +0,0 @@
-import { CSSProperties } from 'react';
-export type ICircularSliderTeste = {
-    id?: string;
-    className?: string;
-    style?: CSSProperties;
-    content?: {
-        name?: string;
-        role?: string;
-        img?: React.ReactNode;
-    }[];
-    cta?: React.ReactNode;
-};

package/dist/esm/types/components/organisms/CircularSliderTeste/CircularSliderTeste.theme.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { ICircularSliderTeste } from './CircularSliderTeste.interface';
-export declare const StyledCircularSliderTeste: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ICircularSliderTeste>> & string;
-export declare const StyledCircularSliderTesteWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ICircularSliderTeste>> & string;
-export declare const StyledCircularSliderTesteSlides: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ICircularSliderTeste>> & string;
-export declare const StyledCircularSliderTesteSlide: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ICircularSliderTeste>> & string;
-export declare const StyledCircularSliderTesteContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ICircularSliderTeste>> & string;

package/dist/esm/types/components/organisms/CircularSliderTeste/index.d.ts

@@ -1 +0,0 @@
-export { default } from './CircularSliderTeste.component';

package/src/components/organisms/CircularSliderTeste/CircularSliderTeste.interface.ts

@@ -1,13 +0,0 @@
-import { CSSProperties } from 'react';
-
-export type ICircularSliderTeste = {
-  id?: string;
-  className?: string;
-  style?: CSSProperties;
-  content?: {
-    name?: string,
-    role?: string,
-    img?: React.ReactNode
-  }[],
-  cta?: React.ReactNode
-}