@prosistemas/sca-web-kit 2.3.2 → 2.5.2

package/dist/components/layout/topnav/navlinks/resources/resources.js

@@ -1,63 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from './resources.module.scss';
-import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
-import Button from '../../../../ui/button/button';
-import ResourcesCard from './resources-card/resources-card';
-import DropdownMenuTrigger from '../dropdown-menu-trigger/dropdown-menu-trigger';
-import { ArrowRightIcon, ClipboardTextIcon, CoinsIcon, CreditCardIcon, FileTextIcon, MoneyIcon, StackIcon } from '@phosphor-icons/react';
-import Link from 'next/link';
-const links = [
-    { title: 'Controle financeiro' },
-    { title: 'Ficha de treino' },
-    { title: 'Avaliação física' },
-    { title: 'Relacionamento com Alunos' },
-    { title: 'Gerência de turmas' },
-    { title: 'Vitrine de produtos' },
-];
-const leftCards = [
-    {
-        title: 'Pacote de aulas',
-        subtitle: 'Crie e controle pacotes de aulas por sessão ou período.',
-        icon: ClipboardTextIcon,
-    },
-    {
-        title: 'Contratos personalizados',
-        subtitle: 'Crie modelos de contratos e use como precisar.',
-        icon: FileTextIcon,
-    },
-    {
-        title: 'Caixas simultâneos',
-        subtitle: 'Controle dos caixas de todas unidades em um único lugar.',
-        icon: CoinsIcon,
-    },
-];
-const rightCards = [
-    {
-        title: 'Mensalidades',
-        subtitle: 'Deixe que o sistema crie as cobranças por você.',
-        icon: MoneyIcon,
-    },
-    {
-        title: 'Controle de estoque',
-        subtitle: 'Controle a entrada e saída dos seus produtos de diversas formas.',
-        icon: StackIcon,
-    },
-    {
-        title: 'Controle financeiro',
-        subtitle: 'O SCA cria e envia as mensalidades automaticamente.',
-        icon: CreditCardIcon,
-    },
-];
-export default function Resources({ open, setOpen, handleOpen, }) {
-    const handleMouseExit = () => {
-        setOpen(false);
-    };
-    return (_jsxs(DropdownMenu.Root, { open: open, onOpenChange: setOpen, modal: false, children: [_jsx(DropdownMenuTrigger, { label: "Recursos", open: open, setOpen: setOpen, handleMouseEnter: handleOpen }), _jsxs(DropdownMenu.Content, { onMouseLeave: handleMouseExit, className: `${styles['dropdown-content']}`, sideOffset: 44, children: [_jsx("div", { className: styles['links'], children: links.map((link, index) => {
-                            return (_jsx(Link, { href: '/recursos', className: styles['dropdown-item-link'], children: _jsxs(DropdownMenu.Item, { className: styles['dropdown-item'], children: [link.title, _jsx(ArrowRightIcon, { weight: 'bold', size: 16, className: styles['dropdown-icon'] })] }, index) }, index));
-                        }) }), _jsxs("div", { className: styles['cards-wrapper'], children: [_jsxs("div", { className: styles['cards'], children: [_jsx("div", { className: styles['left-section'], children: leftCards.map((card, index) => {
-                                            return (_jsx(ResourcesCard, { title: card.title, subtitle: card.subtitle, icon: card.icon }, index));
-                                        }) }), _jsx("div", { className: styles['right-section'], children: rightCards.map((card, index) => {
-                                            return (_jsx(ResourcesCard, { title: card.title, subtitle: card.subtitle, icon: card.icon }, index));
-                                        }) })] }), _jsx(Link, { href: '/recursos', className: styles['button-wrapper'], children: _jsx(Button, { label: "Ver todos", className: styles['button'] }) })] })] })] }));
-}

package/dist/components/layout/topnav/navlinks/resources/resources.module.scss

@@ -1,132 +0,0 @@
-.dropdown-content {
-  z-index: 2;
-  border-radius: 16px;
-  box-shadow: 0px 28px 58px 0px rgba(3, 0, 70, 0.3);
-  background: var(--neutral100);
-  color: var(--neutral600);
-
-  width: 901px;
-  padding: 16px;
-
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-
-  .links {
-    display: flex;
-    flex-direction: column;
-    align-items: flex-start;
-    gap: 8px;
-
-    .dropdown-item-link {
-      .dropdown-item {
-        display: flex;
-        align-items: center;
-        justify-content: space-between;
-        gap: 6px;
-
-        padding: 16px;
-        font-size: 14px;
-        border-radius: 16px;
-        font-variation-settings: 'wght' 400;
-        transition: background 0.3s, font-variation-settings 0.3s;
-
-        cursor: pointer;
-        border: none;
-        outline: none;
-
-        .dropdown-icon {
-          color: transparent;
-          transition: color 0.3s;
-        }
-      }
-
-      .dropdown-item:hover {
-        background-color: #fff;
-        font-variation-settings: 'wght' 500;
-      }
-
-      .dropdown-item:hover .dropdown-icon {
-        color: var(--primary);
-      }
-    }
-  }
-
-  .cards-wrapper {
-    display: flex;
-    flex-direction: column;
-    justify-content: space-between;
-    width: 584px;
-    height: 455px;
-    flex-shrink: 0;
-    padding: 24px;
-    border-radius: 12px;
-    background: #fff;
-
-    .cards {
-      display: flex;
-      flex-wrap: nowrap;
-      justify-content: space-between;
-
-      .left-section,
-      .right-section {
-        height: 310px;
-        display: flex;
-        flex-direction: column;
-        justify-content: space-between;
-      }
-
-      .left-section {
-        width: 248px;
-      }
-
-      .right-section {
-        width: 234px;
-      }
-    }
-
-    .button-wrapper {
-      width: 100%;
-
-      .button {
-        width: 100%;
-      }
-    }
-  }
-}
-
-.dropdown-content[data-state='closed'] {
-  animation: fadeSlideOut 0.3s forwards;
-  transform: translateY(-15px);
-  opacity: 0;
-}
-
-.dropdown-content[data-state='open'] {
-  animation: fadeSlideIn 0.3s;
-  transform: translateY(0);
-  opacity: 1;
-}
-
-@keyframes fadeSlideIn {
-  0% {
-    opacity: 0;
-    transform: translateY(-15px);
-  }
-
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes fadeSlideOut {
-  0% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-
-  100% {
-    opacity: 0;
-    transform: translateY(-15px);
-  }
-}

package/dist/components/layout/topnav/navlinks/segments/segments.d.ts

@@ -1,5 +0,0 @@
-export default function Segments({ open, setOpen, handleOpen, }: {
-    open: boolean;
-    setOpen: React.Dispatch<React.SetStateAction<boolean>>;
-    handleOpen: () => void;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/layout/topnav/navlinks/segments/segments.js

@@ -1,13 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import * as DropdownMenu from '@radix-ui/react-dropdown-menu';
-import DropdownMenuTrigger from '../dropdown-menu-trigger/dropdown-menu-trigger';
-import styles from './segments.module.scss';
-import Card from '../card/card';
-import { Barbell, Lockers, PersonArmsSpread, PersonSimpleSwim, PersonSimpleTaiChi } from '@phosphor-icons/react';
-export default function Segments({ open, setOpen, handleOpen, }) {
-    const handleMouseExit = () => {
-        setOpen(false);
-    };
-    return (_jsxs(DropdownMenu.Root, { open: open, onOpenChange: setOpen, modal: false, children: [_jsx(DropdownMenuTrigger, { label: "Segmentos", open: open, setOpen: setOpen, handleMouseEnter: handleOpen }), _jsxs(DropdownMenu.Content, { onMouseLeave: handleMouseExit, className: styles['dropdown-content'], sideOffset: 44, children: [_jsxs("div", { className: styles['left'], children: [_jsx(Card, { label: "Academia", icon: Lockers }), _jsx(Card, { label: "Studio", icon: PersonArmsSpread }), _jsx(Card, { label: "Pilates", icon: PersonSimpleTaiChi })] }), _jsxs("div", { className: styles['right'], children: [_jsx(Card, { label: "Nata\u00E7\u00E3o", icon: PersonSimpleSwim }), _jsx(Card, { label: "Box Cross", icon: Barbell })] })] })] }));
-}

package/dist/components/layout/topnav/navlinks/segments/segments.module.scss

@@ -1,62 +0,0 @@
-.dropdown-content {
-  /* Pra garantir que n vai ficar por baixo do carrossel ;) */
-  z-index: 2;
-  /* min-width: 450px; */
-  padding: 24px;
-  border-radius: 16px;
-  box-shadow: 0px 28px 58px 0px rgba(3, 0, 70, 0.3);
-  background: var(--neutral100);
-  color: var(--neutral600);
-
-  display: flex;
-  justify-content: center;
-  flex-wrap: nowrap;
-  gap: 16px;
-}
-
-@keyframes fadeSlideIn {
-  0% {
-    opacity: 0;
-    transform: translateY(-15px);
-  }
-
-  100% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-}
-
-@keyframes fadeSlideOut {
-  0% {
-    opacity: 1;
-    transform: translateY(0);
-  }
-
-  100% {
-    opacity: 0;
-    transform: translateY(-15px);
-  }
-}
-
-.dropdown-content[data-state='closed'] {
-  animation: fadeSlideOut 0.3s forwards;
-  transform: translateY(-15px);
-  opacity: 0;
-}
-
-.dropdown-content[data-state='open'] {
-  animation: fadeSlideIn 0.3s;
-  transform: translateY(0);
-  opacity: 1;
-}
-
-.left .right {
-  display: inline-flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: 4px;
-}
-
-.left {
-  width: 150;
-}

package/dist/components/layout/topnav/navtrailing/navtrailing.d.ts

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

package/dist/components/layout/topnav/navtrailing/navtrailing.js

@@ -1,8 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from './navtrailing.module.scss';
-import Button from '../../../ui/button/button';
-import { UserCircleIcon } from '@phosphor-icons/react';
-export default function NavTrailing() {
-    return (_jsxs("div", { className: styles['navtrailing'], children: [_jsxs("a", { href: 'https://app.sistemasca.com/login', target: '_blank', className: styles['login-wrapper'], children: [_jsx(UserCircleIcon, { size: 26, className: `${styles['icon']}` }), _jsx("p", { children: "Acessar conta" })] }), _jsx("a", { href: 'https://app.sistemasca.com/cadastro', target: '_blank', children: _jsx(Button, { label: "Teste agora", className: styles['outline-button'] }) })] }));
-}

package/dist/components/layout/topnav/navtrailing/navtrailing.module.scss

@@ -1,51 +0,0 @@
-.navtrailing {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 40px;
-
-  @media (max-width: 1330px) {
-    gap: 20px;
-  }
-
-  @media (max-width: 900px) {
-    display: none;
-  }
-
-  .login-wrapper {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    gap: 8px;
-
-    transition: color 0.3s;
-
-    .icon {
-      transition: color 0.3s;
-
-      @media (max-width: 1024px) {
-        display: none;
-      }
-    }
-  }
-
-  .login-wrapper:hover {
-    color: var(--auxiliary-orange);
-  }
-
-  .outline-button {
-    background-color: transparent;
-    border: solid 1px #fff;
-    transition: background-color 0.3s, border 0.3s;
-
-    @media (max-width: 1024px) {
-      font-size: 12px;
-      padding: 12px;
-    }
-  }
-
-  .outline-button:hover {
-    border: solid 1px transparent;
-    background-color: var(--auxiliary-orange);
-  }
-}

package/dist/components/layout/topnav/topnav.d.ts

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

package/dist/components/layout/topnav/topnav.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from './topnav.module.scss';
-import Link from 'next/link';
-import Image from 'next/image';
-import NavLinks from './navlinks/navlinks';
-import MobileNav from './mobile-nav/mobile-nav'; /* Renderizado apenas na versão mobile (<= 768px) */
-import NavTrailing from './navtrailing/navtrailing';
-export default function TopNav() {
-    return (_jsxs("header", { className: styles.navbar, children: [_jsx(Link, { href: "/", children: _jsx(Image, { src: "/logos/sca/sca-white.svg", width: 100, height: 50, alt: "Logo do Sistema SCA", className: styles['sca-logo'] }) }), _jsx(NavLinks, {}), _jsx(NavTrailing, {}), _jsx(MobileNav, {})] }));
-}

package/dist/components/layout/topnav/topnav.module.scss

@@ -1,56 +0,0 @@
-.navbar {
-  height: 112px;
-  width: 100%;
-  padding: 0 112px;
-
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-
-  color: white;
-  font-size: 14px;
-  font-weight: 500;
-
-  @media (max-width: 1330px) {
-    padding: 0 64px;
-  }
-
-  @media (max-width: 768px) {
-    padding: 0 24px;
-  }
-
-  .sca-logo {
-    @media (max-width: 1024px) {
-      width: 50px;
-    }
-  }
-}
-
-.navlinks {
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  gap: 40px;
-
-  @media (max-width: 1330px) {
-    gap: 20px;
-  }
-
-  @media (max-width: 1024px) {
-    font-size: 12px;
-  }
-
-  @media (max-width: 900px) {
-    display: none;
-  }
-}
-
-.plans-link,
-.blog-link {
-  transition: color 0.3s;
-}
-
-.plans-link:hover,
-.blog-link:hover {
-  color: var(--auxiliary-orange);
-}

package/dist/components/shared/autoplayer/autoplayer-row/autoplayer-row.d.ts

@@ -1,8 +0,0 @@
-import { IconProps } from '@phosphor-icons/react';
-export default function AutoplayerRow({ icon: Icon, title, subtitle, index, activeIndex, }: {
-    icon: React.ComponentType<IconProps>;
-    title: string;
-    subtitle: string;
-    index: number;
-    activeIndex: number;
-}): import("react/jsx-runtime").JSX.Element;

package/dist/components/shared/autoplayer/autoplayer-row/autoplayer-row.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from './autoplayer-row.module.scss';
-export default function AutoplayerRow({ icon: Icon, title, subtitle, index, activeIndex, }) {
-    return (_jsxs("div", { className: styles['autoplayer-row'], children: [_jsxs("div", { className: `
-          ${styles['autoplayer-title']} 
-          ${activeIndex == index ? styles['autoplayer-title-on'] : ''}
-        `, children: [_jsx(Icon, { size: 32, weight: 'light' }), _jsx("p", { children: title })] }), _jsx("p", { className: `
-          ${styles['autoplayer-subtitle']} 
-          ${activeIndex == index ? styles['autoplayer-subtitle-on'] : ''}
-        `, children: subtitle })] }));
-}

package/dist/components/shared/autoplayer/autoplayer-row/autoplayer-row.module.scss

@@ -1,43 +0,0 @@
-.autoplayer-row {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  position: relative;
-
-  .autoplayer-title {
-    display: flex;
-    align-items: center;
-    gap: 16px;
-
-    color: #FFF;
-    font-size: 16px;
-    font-weight: 600;
-    height: 32px;
-
-    transition: opacity 0.3s, height 0.3s, margin-top 0.3s;
-    opacity: 0.5;
-  }
-
-  .autoplayer-title-on {
-    opacity: 1;
-  }
-
-  .autoplayer-subtitle {
-    margin-left: 48px;
-    color: #FFF;
-    font-size: 14px;
-    font-weight: 400;
-    opacity: 0;
-    transition: opacity 0.3s, height 0.3s, margin 0.3s;
-    height: 0px;
-
-    @media (max-width: 1024px) {
-      margin-left: 0;
-    }
-  }
-
-  .autoplayer-subtitle-on {
-    opacity: 1;
-    margin: 24px 0;
-  }
-}

package/dist/components/shared/autoplayer/autoplayer.d.ts

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

package/dist/components/shared/autoplayer/autoplayer.js

@@ -1,16 +0,0 @@
-'use client';
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from './autoplayer.module.scss';
-import { useState, useEffect } from 'react';
-import AutoplayerRow from './autoplayer-row/autoplayer-row';
-import { CurrencyCircleDollarIcon, HeadsetIcon, UsersFourIcon } from '@phosphor-icons/react';
-export default function Autoplayer() {
-    const [activeIndex, setActiveIndex] = useState(0);
-    useEffect(() => {
-        const interval = setInterval(() => {
-            setActiveIndex(prev => (prev + 1) % 3);
-        }, 5000);
-        return () => clearInterval(interval);
-    }, []);
-    return (_jsxs("div", { className: styles['autoplayer'], children: [_jsx(AutoplayerRow, { icon: CurrencyCircleDollarIcon, title: 'Pague apenas uma vez por ano', subtitle: 'Assine o anual com 20% OFF, sai por menos de R$6,00 por dia. R$2.141,00 no total.', index: 0, activeIndex: activeIndex }), _jsx("div", { className: `${styles['separator']} ${activeIndex == 0 ? styles['separator-on'] : ''}` }), _jsx(AutoplayerRow, { icon: UsersFourIcon, title: 'Cadastros ilimitados', subtitle: 'Tenha quantos alunos e alunas voc\u00EA quiser, sem pagar nenhuma taxa extra.', index: 1, activeIndex: activeIndex }), _jsx("div", { className: `${styles['separator']} ${activeIndex == 1 ? styles['separator-on'] : ''}` }), _jsx(AutoplayerRow, { icon: HeadsetIcon, title: 'Suporte para sempre', subtitle: 'Equipe dedicada que vai te ajudar desde o inicio at\u00E9 o uso mais avan\u00E7ado do sistema.', index: 2, activeIndex: activeIndex }), _jsx("div", { className: `${styles['separator']} ${activeIndex == 2 ? styles['separator-on'] : ''}` })] }));
-}

package/dist/components/shared/autoplayer/autoplayer.module.scss

@@ -1,20 +0,0 @@
-.autoplayer {
-  display: flex;
-  flex-direction: column;
-  flex-wrap: nowrap;
-  gap: 32px;
-  height: 100%;
-  justify-content: space-between;
-
-  .separator {
-    width: 100%;
-    height: 1px;
-    background: var(--light600);
-    opacity: 0.5;
-    transition: opacity 0.3s;
-  }
-
-  .separator-on {
-    opacity: 1;
-  }
-}

package/dist/components/shared/feature-card/feature-card.d.ts

@@ -1,13 +0,0 @@
-interface InfoHeaderProps {
-    spanLabel?: string;
-    title: string;
-    subtitle?: string;
-    iconSubtitle?: string;
-    buttonLabel?: string;
-    className?: string;
-    titleClassName?: string;
-    subtitleClassName?: string;
-    dark?: boolean;
-}
-export default function InfoHeader({ spanLabel, title, subtitle, buttonLabel, className, titleClassName, subtitleClassName, dark, }: InfoHeaderProps): import("react/jsx-runtime").JSX.Element;
-export { };

package/dist/components/shared/feature-card/feature-card.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from './feature-card.module.scss';
-import SpanLabel from '../../ui/span-label/span-label';
-import Subtitle from '../../ui/subtitle/subtitle';
-import Button from '../../ui/button/button';
-import Title from '../../ui/title/title';
-export default function FeatureCard({ spanLabel, title, subtitle, buttonLabel, className = '', titleClassName = '', subtitleClassName = '', dark = false, }) {
-    return (_jsxs("div", { className: `${styles['feature-card']} ${className}`, children: [spanLabel && _jsx(SpanLabel, { label: spanLabel, dark: dark }), _jsx(Title, { className: titleClassName, text: title, dark: dark }), subtitle && (_jsx(Subtitle, { text: subtitle, className: subtitleClassName, dark: dark })), buttonLabel && (_jsx(Button, { label: buttonLabel, className: styles['button'] }))] }));
-}

package/dist/components/shared/feature-card/feature-card.module.scss

@@ -1,15 +0,0 @@
-.feature-card {
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  text-align: center;
-
-  z-index: 1;
-  gap: 32px;
-
-  .button {
-    width: fit-content;
-    padding: 16px 42px;
-  }
-}

package/dist/components/shared/footer-banner/footer-banner.d.ts

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

package/dist/components/shared/footer-banner/footer-banner.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import styles from './footer-banner.module.scss';
-import { montserrat } from '../../../fonts';
-import Image from 'next/image';
-import InfoHeader from '../info-header/info-header';
-import { BrowsersIcon, CreditCardIcon, TimerIcon } from '@phosphor-icons/react/dist/ssr';
-export default function FooterBanner() {
-    return (_jsxs("div", { className: styles['footer-banner'], children: [_jsx(InfoHeader, { tagLabel: 'ILIMITADO', title: 'Não importa quantos alunos e alunas você vai ter, o preço não muda.', buttonLabel: 'Conhe\u00E7a agora!', className: styles['footer-banner-info-header'], dark: true }), _jsxs("div", { className: styles['image-person-wrapper'], children: [_jsx(Image, { src: '/gym/stock-gym-blurred.webp', alt: 'Foto borrada de uma academia', className: styles['image'], fill: true }), _jsx(Image, { src: '/people/person_03.webp', alt: 'Foto de uma pessoa', className: styles['person'], width: 420, height: 420 })] }), _jsxs("div", { className: styles['bullet-list-wrapper'], children: [_jsx("p", { className: `${styles['title']} ${montserrat.className}`, children: "Teste gr\u00E1tis o SCA!" }), _jsxs("div", { className: styles['bullet-list'], children: [_jsxs("div", { className: styles['list-item'], children: [_jsx(CreditCardIcon, { size: 40, color: 'var(--neutral000)', weight: 'thin' }), _jsx("p", { className: styles['text'], children: "Voc\u00EA n\u00E3o precisa adicionar cart\u00E3o de cr\u00E9dito." })] }), _jsx("div", { className: styles['separator'] }), _jsxs("div", { className: styles['list-item'], children: [_jsx(BrowsersIcon, { size: 40, color: 'var(--neutral000)', weight: 'thin' }), _jsx("p", { className: styles['text'], children: "Tenha acesso a todas das funcionalidades." })] }), _jsx("div", { className: styles['separator'] }), _jsxs("div", { className: styles['list-item'], children: [_jsx(TimerIcon, { size: 40, color: 'var(--neutral000)', weight: 'thin' }), _jsx("p", { className: styles['text'], children: "Cadastre-se em segundos." })] })] })] })] }));
-}