@prosistemas/sca-web-kit 2.3.2 → 2.5.2

package/dist/components/shared/success-cases/success-cases-swiper/success-case-card/success-case-card.d.ts

@@ -1,10 +0,0 @@
-export default function SuccessCaseCard({ review, customerPictureSrc, customerName, customerGymName, location, dateSince, className, dark, }: {
-    review: string;
-    customerPictureSrc: string;
-    customerName: string;
-    customerGymName: string;
-    location: string;
-    dateSince: string;
-    className?: string;
-    dark?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/shared/success-cases/success-cases-swiper/success-case-card/success-case-card.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from './success-case-card.module.scss';
-import { QuotesIcon, CalendarDotsIcon, MapPinIcon } from '@phosphor-icons/react/dist/ssr';
-import * as Avatar from '@radix-ui/react-avatar';
-export default function SuccessCaseCard({ review, customerPictureSrc, customerName, customerGymName, location, dateSince, className, dark = false, }) {
-    return (_jsxs("div", { className: `${styles['success-case-card']} ${className}`, style: {
-            background: dark ? 'white' : '',
-        }, children: [_jsx(QuotesIcon, { size: 32, weight: 'fill', color: 'var(--light200)' }), _jsx("div", { className: styles['review-wrapper'], children: _jsx("p", { className: styles['review'], children: review }) }), _jsx("div", { className: styles['success-card-bottom-wrapper'], children: _jsx("div", { className: `${styles['success-card-bottom']}`, children: _jsxs("div", { className: styles['customer'], children: [_jsxs("div", { className: styles['customer-left'], children: [_jsx("div", { className: styles['outer-circle'], children: _jsx("div", { className: styles['inner-circle'], children: _jsx(Avatar.Root, { children: _jsx(Avatar.Image, { className: styles['customer-picture'], src: customerPictureSrc, alt: 'Foto de um dos clientes do Sistema SCA', width: 45, height: 45 }) }) }) }), _jsxs("div", { className: styles['name-gym-wrapper'], children: [_jsx("p", { className: styles['customer-name'], children: customerName }), _jsx("p", { className: styles['customer-gym-name'], children: customerGymName })] })] }), _jsx("div", { className: styles['customer-right'], children: _jsxs("div", { className: styles['customer-info-details'], children: [_jsxs("div", { className: styles['customer-location'], children: [_jsx(MapPinIcon, { size: 18, color: 'var(--auxiliary-orange)' }), _jsx("p", { children: location })] }), _jsxs("div", { className: styles['customer-since'], children: [_jsx(CalendarDotsIcon, { size: 18, color: 'var(--auxiliary-orange)' }), _jsx("p", { children: dateSince })] })] }) })] }) }) })] }));
-}

package/dist/components/shared/success-cases/success-cases-swiper/success-case-card/success-case-card.module.scss

@@ -1,154 +0,0 @@
-.success-case-card {
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-
-  position: absolute;
-  transition: opacity 0.3s;
-
-  width: 100%;
-  height: 100%;
-
-  border: 2px solid var(--light500);
-  border-radius: 16px;
-  padding: 32px;
-
-  @media (max-width: 425px) {
-    padding: 16px;
-  }
-
-  .review-wrapper {
-    position: relative;
-
-    .review {
-      position: absolute;
-      top: 50%;
-      transform: translateY(-50%);
-
-
-      color: var(--neutral600);
-      font-size: 18px;
-      font-weight: 400;
-    }
-  }
-
-  .success-card-bottom-wrapper {
-    position: relative;
-    height: 75px;
-
-    .success-card-bottom {
-      display: flex;
-      justify-content: space-between;
-
-      position: absolute;
-      bottom: 0;
-      width: 100%;
-
-      .customer {
-        width: 100%;
-        display: flex;
-        justify-content: space-between;
-        align-items: center;
-
-        @media (max-width: 768px) {
-          flex-direction: column;
-          align-items: flex-start;
-          gap: 16px;
-        }
-
-
-        .customer-left {
-          display: flex;
-          align-items: center;
-          gap: 16px;
-
-          .outer-circle,
-          .inner-circle,
-          .customer-picture {
-            display: flex;
-            align-items: center;
-            justify-content: center;
-            border-radius: 50%;
-          }
-
-          .outer-circle {
-            background: var(--light100);
-            min-width: 75px;
-            height: 75px;
-
-            .inner-circle {
-              background: var(--light200);
-              width: 60px;
-              height: 60px;
-
-              .customer-picture {
-                width: 45px;
-                height: 45px;
-                object-fit: cover;
-              }
-            }
-          }
-
-          .name-gym-wrapper {
-            display: flex;
-            flex-direction: column;
-            justify-content: space-between;
-            height: 45px;
-
-            .customer-name {
-              color: var(--neutral700);
-              font-size: 18px;
-              font-weight: 600;
-            }
-
-            .customer-gym-name {
-              color: var(--neutral500);
-              font-size: 14px;
-              font-weight: 500;
-            }
-          }
-        }
-
-
-        .customer-right {
-          display: flex;
-          align-items: flex-end;
-          height: 45px;
-
-          @media (max-width: 768px) {
-            height: fit-content;
-          }
-
-          .customer-info-details {
-            display: flex;
-            gap: 32px;
-
-            @media (max-width: 1580px) {
-              gap: 16px;
-            }
-
-
-            .customer-location,
-            .customer-since {
-              display: flex;
-              align-items: center;
-              gap: 8px;
-
-              color: var(--neutral600);
-              font-size: 14px;
-              font-weight: 400;
-            }
-          }
-        }
-
-        .customer-info {
-          width: 100%;
-          display: flex;
-          flex-direction: column;
-          gap: 8px;
-        }
-      }
-    }
-  }
-
-}

package/dist/components/shared/success-cases/success-cases-swiper/success-cases-swiper.d.ts

@@ -1,3 +0,0 @@
-export default function SuccessCasesSwiper({ dark, }: {
-    dark?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/shared/success-cases/success-cases-swiper/success-cases-swiper.js

@@ -1,15 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from './success-cases-swiper.module.scss';
-import { useState } from 'react';
-import SuccessCaseCard from './success-case-card/success-case-card';
-import Button from '../../../ui/button/button';
-import { CaretRightIcon } from '@phosphor-icons/react';
-import Image from 'next/image';
-export default function SuccessCasesSwiper({ dark = false, }) {
-    const [index, setIndex] = useState(0);
-    function handleClick() {
-        setIndex(prev => (prev + 1) % 3);
-    }
-    return (_jsxs("div", { className: styles['success-cases-swiper'], children: [_jsxs("div", { className: styles['success-cases-left'], children: [_jsx(SuccessCaseCard, { review: 'Dahora demais', customerPictureSrc: 'https://t2.tudocdn.net/125246?w=1920', customerName: 'Luigi Erucci', customerGymName: 'Academia Power Guido', location: 'Alterosa, MG', dateSince: 'Desde 2003', className: `${index == 0 ? styles['show'] : styles['hide']} `, dark: dark }), _jsx(SuccessCaseCard, { review: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut ullamcorper maximus ipsum, vitae congue sem imperdiet vitae. Praesent pellentesque imperdiet erat in efficitur.', customerPictureSrc: 'https://media.tenor.com/77Wibhy_QxcAAAAe/xirtual-thinking-hideo-kojima.png', customerName: 'Hideo Kojima', customerGymName: 'KOJIMA PRODUCTIONS', location: 'Tokyo, JP', dateSince: 'Desde 2016', className: `${index == 1 ? styles['show'] : styles['hide']} `, dark: dark }), _jsx(SuccessCaseCard, { review: 'Suspendisse eget commodo orci, et mattis libero. Aenean nec ligula fermentum, hendrerit odio eget, convallis tortor. Nam posuere, libero ac ultricies porttitor, purus arcu lobortis sapien, sit amet consectetur massa enim a augue.', customerPictureSrc: 'https://desktop.sistemasca.com/img/clientes/zxfwm66zrh.jpg', customerName: 'Cliente Teste', customerGymName: 'Academia Teste', location: 'Teste, TST', dateSince: 'Desde 191 b.C', className: `${index == 2 ? styles['show'] : styles['hide']} `, dark: dark }), _jsx(Button, { icon: CaretRightIcon, onClick: handleClick, className: styles['success-case-button'], ariaLabel: 'Bot\u00E3o para ver o pr\u00F3ximo case de sucesso', round: true })] }), _jsxs("div", { className: styles['success-cases-right'], children: [_jsx(Image, { src: '/gym/stock-gym.webp', alt: 'Foto de uma academia', width: 690, height: 280, className: `${styles['success-case-picture']} ${index == 0 ? styles['show'] : styles['hide']}` }), _jsx(Image, { src: '/gym/stock-gym-02.webp', alt: 'Foto de uma academia', width: 690, height: 280, className: `${styles['success-case-picture']} ${index == 1 ? styles['show'] : styles['hide']}` }), _jsx(Image, { src: '/gym/stock-gym-03.webp', alt: 'Foto de uma academia', width: 690, height: 280, className: `${styles['success-case-picture']} ${index == 2 ? styles['show'] : styles['hide']}` })] })] }));
-}

package/dist/components/shared/success-cases/success-cases-swiper/success-cases-swiper.module.scss

@@ -1,81 +0,0 @@
-.hide {
-  opacity: 0;
-}
-
-.show {
-  opacity: 1;
-}
-
-.success-cases-swiper {
-  width: 100%;
-  height: 380px;
-
-  position: relative;
-  display: flex;
-  gap: 32px;
-
-  @media (max-width: 1330px) {
-    flex-direction: column;
-    height: calc(380px * 2);
-  }
-
-  @media (max-width: 768px) {
-    height: calc(380px * 2);
-  }
-
-  .success-cases-left,
-  .success-cases-right {
-
-    .success-case-card,
-    .success-case-picture {
-      border-radius: 16px;
-    }
-  }
-
-  .success-cases-left {
-    width: 100%;
-    height: 100%;
-    position: relative;
-
-    .success-case-button {
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      border-radius: 50%;
-
-      position: absolute;
-      top: calc(50% - 16px);
-      right: -16px;
-    }
-  }
-
-  .success-cases-right {
-    position: relative;
-    width: 80%;
-    height: 100%;
-
-    @media (max-width: 1330px) {
-      width: 100%;
-    }
-
-    @media (max-width: 768px) {
-      height: 65%;
-    }
-
-    @media (max-width: 375px) {
-      height: 45%;
-    }
-
-    .success-case-picture {
-      position: absolute;
-      top: 0;
-      left: 0;
-
-      width: 100%;
-      height: 100%;
-
-      object-fit: cover;
-      transition: opacity 0.3s;
-    }
-  }
-}

package/dist/components/shared/success-cases/success-cases.d.ts

@@ -1 +0,0 @@
-export default function SuccessCases(): import("react/jsx-runtime").JSX.Element;

package/dist/components/shared/success-cases/success-cases.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from './success-cases.module.scss';
-import SuccessCasesSwiper from './success-cases-swiper/success-cases-swiper';
-import InfoHeader from '../info-header/info-header';
-import Button from '../../ui/button/button';
-import Stacks from '../../ui/stacks/stacks';
-export default function SuccessCases() {
-    return (_jsxs("div", { className: styles['success-cases'], children: [_jsx(Stacks, {}), _jsxs("div", { className: styles['success-cases-wrapper'], children: [_jsxs("div", { className: styles['success-cases-title'], children: [_jsx(InfoHeader, { className: styles['title'], tagLabel: 'CASES DE SUCESSO', title: 'Essas pessoas confiam no nosso trabalho' }), _jsx(Button, { label: 'Leia outros cases de sucesso', className: styles['success-cases-button'] })] }), _jsx(SuccessCasesSwiper, {})] })] }));
-}

package/dist/components/shared/success-cases/success-cases.module.scss

@@ -1,60 +0,0 @@
-.success-cases {
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  cursor: default;
-
-  .title {
-    align-items: flex-start;
-
-    @media (max-width: 1330px) {
-      align-items: center;
-      gap: 16px;
-    }
-  }
-
-  .success-cases-wrapper {
-    display: flex;
-    flex-direction: column;
-    gap: 32px;
-
-    padding: 0 64px;
-
-    @media (max-width: 1330px) {
-      padding: 0 32px;
-    }
-
-    @media (max-width: 768px) {
-      padding: 0 8px;
-    }
-
-    .success-cases-title {
-      display: flex;
-      justify-content: space-between;
-      align-items: flex-end;
-
-      @media (max-width: 1330px) {
-        justify-content: center;
-      }
-
-      .success-cases-button {
-        height: fit-content;
-        padding: 16px 42px;
-        background: white;
-        color: var(--auxiliary-orange);
-        border: 1px solid var(--auxiliary-orange);
-
-        @media (max-width: 1330px) {
-          display: none;
-        }
-      }
-
-      .success-cases-button:hover {
-        background: var(--auxiliary-orange);
-        color: white;
-      }
-    }
-
-  }
-}

package/dist/components/shared/support-sticky-button/support-sticky-button.d.ts

@@ -1 +0,0 @@
-export default function SupportStickyButton(): import("react/jsx-runtime").JSX.Element;

package/dist/components/shared/support-sticky-button/support-sticky-button.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Image from 'next/image';
-import styles from './support-sticky-button.module.scss';
-import { CaretUpIcon } from '@phosphor-icons/react/dist/ssr';
-export default function SupportStickyButton() {
-    return (_jsxs("div", { className: styles['support-sticky-button'], children: [_jsxs("div", { className: styles['left'], children: [_jsx("div", { className: styles['person-wrapper'], children: _jsx(Image, { src: '/people/person_04.webp', width: 64, height: 64, alt: 'Imagem de uma pessoa', className: styles['person'] }) }), _jsx("p", { className: styles['text'], children: "Posso ajudar?" })] }), _jsx("div", { className: styles['right'], children: _jsx(CaretUpIcon, { size: 16, weight: 'bold', color: 'var(--neutral100)' }) })] }));
-}

package/dist/components/shared/support-sticky-button/support-sticky-button.module.scss

@@ -1,63 +0,0 @@
-.support-sticky-button {
-  cursor: pointer;
-
-  position: fixed;
-  bottom: 32px;
-  right: 32px;
-
-  z-index: 5;
-  border-radius: 8px 8px 2px 8px;
-  padding: 12px;
-  background: var(--auxiliary-orange);
-
-  display: flex;
-  align-items: center;
-  gap: 32px;
-
-  transition: background .3s;
-
-  @media (max-width: 425px) {
-    // TODO: Ver se vai fazer isso mobile (insany não fez)
-    display: none;
-  }
-
-  .left {
-    display: flex;
-    align-items: center;
-    gap: 12px;
-
-    .person-wrapper {
-      overflow: hidden;
-      position: relative;
-
-      width: 32px;
-      height: 32px;
-
-      background: white;
-      border-radius: 50%;
-
-      .person {
-        position: absolute;
-        bottom: -30px;
-        left: 50%;
-        transform: translateX(-50%);
-
-      }
-    }
-
-    .text {
-      color: white;
-      font-size: 14px;
-      font-weight: 500;
-    }
-  }
-
-  .right {
-    display: flex;
-    align-items: center;
-  }
-}
-
-.support-sticky-button:hover {
-  background: var(--auxiliary-red);
-}

package/dist/components/ui/button/default-button.module.scss

@@ -1,22 +0,0 @@
-.button {
-  border: none;
-  outline: none;
-  border-radius: 8px;
-  background: var(--auxiliary-orange);
-  cursor: pointer;
-  padding: 16px;
-  color: #fff;
-  font-size: 16px;
-  font-variation-settings: 'wght' 600;
-  transition: background 0.3s, border 0.3s, opacity 0.3s;
-
-  .icon {
-    width: 16;
-    height: 16px;
-    position: absolute;
-  }
-}
-
-.button:hover {
-  background: var(--auxiliary-red);
-}

package/dist/components/ui/decal/decal.d.ts

@@ -1,6 +0,0 @@
-export default function Decal({ className, opacity, width, color, }: {
-    className?: string;
-    opacity?: string;
-    width?: string;
-    color?: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/decal/decal.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './decal.module.scss';
-export default function Decal({ className, opacity, width, color, }) {
-    return (_jsx("div", { className: `${styles['decal']} ${className}`, style: {
-            opacity: opacity ? opacity : '1',
-            width: width ? width : '50px',
-            background: color ? color : '',
-        } }));
-}

package/dist/components/ui/decal/decal.module.scss

@@ -1,7 +0,0 @@
-.decal {
-  width: 50px;
-  height: 5px;
-
-  border-radius: 50px;
-  background: var(--neutral300);
-}

package/dist/components/ui/progress-bar/progress-bar.d.ts

@@ -1,5 +0,0 @@
-export default function ProgressBar({ className, progressWidth, progressHeight, }: {
-    className?: string;
-    progressWidth?: string;
-    progressHeight?: string;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/progress-bar/progress-bar.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './progress-bar.module.scss';
-export default function ProgressBar({ className, progressWidth, progressHeight, }) {
-    const widthStyle = {
-        width: progressWidth ? progressWidth : "0%",
-        height: progressHeight ? progressHeight : "8px",
-    };
-    return (_jsx("div", { className: `${styles['progress-bar']} ${className}`, children: _jsx("div", { className: `${styles['progress']}`, style: widthStyle }) }));
-}

package/dist/components/ui/progress-bar/progress-bar.module.scss

@@ -1,12 +0,0 @@
-.progress-bar {
-  width: 100%;
-  height: 8px;
-  background-color: var(--neutral200);
-  border-radius: 6px;
-
-  .progress {
-    background-color: var(--light300);
-    height: 8px;
-    border-radius: 6px;
-  }
-}

package/dist/components/ui/pulse-effect/pulse-effect.d.ts

@@ -1 +0,0 @@
-export default function PulseEffect(): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/pulse-effect/pulse-effect.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from './pulse-effect.module.scss';
-export default function PulseEffect() {
-    return (_jsxs("div", { className: styles["pulse-effect"], children: [_jsx("div", { className: styles["pulse-ring"] }), _jsx("div", { className: styles["pulse-ring"] }), _jsx("div", { className: styles["pulse-ring"] }), _jsx("div", { className: styles["pulse-ring"] }), _jsx("div", { className: styles["pulse-ring"] }), _jsx("div", { className: styles["pulse-ring"] })] }));
-}

package/dist/components/ui/pulse-effect/pulse-effect.module.scss

@@ -1,63 +0,0 @@
-.pulse-effect {
-  z-index: 0;
-  will-change: transform, opacity;
-  transform: translateZ(0);
-  position: absolute;
-  width: 661px;
-  height: 661px;
-  color: #a47c48;
-  font-size: 4em;
-  border-radius: 50%;
-  opacity: 0.8;
-
-  .pulse-ring {
-    position: absolute;
-    left: -15px;
-    right: -15px;
-    top: -15px;
-    bottom: -15px;
-    opacity: 0;
-    border: 1px solid var(--light500);
-    border-radius: 50%;
-    animation: pulse 12s linear infinite;
-  }
-
-  .pulse-ring:nth-child(1) {
-    animation-delay: 0s;
-  }
-
-  .pulse-ring:nth-child(2) {
-    animation-delay: 2s;
-  }
-
-  .pulse-ring:nth-child(3) {
-    animation-delay: 4s;
-  }
-
-  .pulse-ring:nth-child(4) {
-    animation-delay: 6s;
-  }
-
-  .pulse-ring:nth-child(5) {
-    animation-delay: 8s;
-  }
-
-  .pulse-ring:nth-child(6) {
-    animation-delay: 10s;
-  }
-}
-
-@keyframes pulse {
-  0% {
-    transform: scale(0.5);
-    opacity: 0.5;
-  }
-
-  65% {
-    opacity: 0;
-  }
-
-  100% {
-    transform: scale(3);
-  }
-}

package/dist/components/ui/span-label/span-label.d.ts

@@ -1,5 +0,0 @@
-export default function SpanLabel({ label, className, dark, }: {
-    label: string;
-    className?: string;
-    dark?: boolean;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/span-label/span-label.js

@@ -1,15 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import styles from './span-label.module.scss';
-import { montserrat } from '../../../fonts';
-export default function SpanLabel({ label, className = '', dark = false, }) {
-    const spanDarkStyle = !dark ? {} : {
-        border: '1px solid var(--dark900)',
-        background: 'var(--dark800)',
-        color: 'white',
-    };
-    return (_jsx("span", { style: spanDarkStyle, className: `
-        ${montserrat.className}
-        ${className} 
-        ${styles['span']}
-      `, children: label }));
-}

package/dist/components/ui/span-label/span-label.module.scss

@@ -1,11 +0,0 @@
-.span {
-  padding: 8px 16px;
-  width: fit-content;
-  border-radius: 50px;
-  background: var(--light100);
-  border: 1px solid var(--light200);
-
-  font-size: 14px;
-  font-weight: 600;
-  color: var(--dark700);
-}

package/dist/components/ui/stacks/stacks.d.ts

@@ -1 +0,0 @@
-export default function Stacks(): import("react/jsx-runtime").JSX.Element;

package/dist/components/ui/stacks/stacks.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from './stacks.module.scss';
-export default function Stacks() {
-    return (_jsxs("div", { className: styles['stack'], children: [_jsx("div", { className: styles['inner-stack'] }), _jsx("div", { className: styles['mid-stack'] }), _jsx("div", { className: styles['outer-stack'] })] }));
-}

package/dist/components/ui/stacks/stacks.module.scss

@@ -1,32 +0,0 @@
-.stack {
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-
-  width: 100%;
-
-  .inner-stack,
-  .mid-stack,
-  .outer-stack {
-    border: 1px solid var(--light600);
-    border-bottom: none;
-    border-radius: 7px 7px 0 0;
-  }
-
-  .inner-stack {
-    width: 95%;
-    height: 10px;
-    opacity: 0.2;
-  }
-
-  .mid-stack {
-    width: 97.5%;
-    height: 16px;
-    opacity: 0.5;
-  }
-
-  .outer-stack {
-    width: 100%;
-    height: 95px;
-  }
-}

package/dist/components/ui/three-dots/three-dots.d.ts

@@ -1,3 +0,0 @@
-export default function ThreeDots({ className }: {
-    className?: string;
-}): import("react/jsx-runtime").JSX.Element;