@cnc-ti/layout-basic 6.0.0 → 7.0.0

package/src/components/DropDownMenu/index.tsx

@@ -1,190 +0,0 @@
-"use client"
-
-import * as DropdownMenuPrimitive from "@radix-ui/react-dropdown-menu"
-import { Check, ChevronRight, Circle } from "lucide-react"
-import * as React from "react"
-
-import { cn } from "../utils"
-
-const DropdownMenu = DropdownMenuPrimitive.Root
-
-const DropdownMenuTrigger = DropdownMenuPrimitive.Trigger
-
-const DropdownMenuGroup = DropdownMenuPrimitive.Group
-
-const DropdownMenuPortal = DropdownMenuPrimitive.Portal
-
-const DropdownMenuSub = DropdownMenuPrimitive.Sub
-
-const DropdownMenuRadioGroup = DropdownMenuPrimitive.RadioGroup
-
-const DropdownMenuSubTrigger = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.SubTrigger>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubTrigger> & {
-    inset?: boolean
-  }
->(({ className, inset, children, ...props }, ref) => (
-  <DropdownMenuPrimitive.SubTrigger
-    ref={ref}
-    className={cn(
-      "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none focus:bg-accent data-[state=open]:bg-accent",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  >
-    {children}
-    <ChevronRight className="ml-auto h-4 w-4" />
-  </DropdownMenuPrimitive.SubTrigger>
-))
-DropdownMenuSubTrigger.displayName =
-  DropdownMenuPrimitive.SubTrigger.displayName
-
-const DropdownMenuSubContent = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.SubContent>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.SubContent>
->(({ className, ...props }, ref) => (
-  <DropdownMenuPrimitive.SubContent
-    ref={ref}
-    className={cn(
-      "z-50 min-w-[8rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-      className
-    )}
-    {...props}
-  />
-))
-DropdownMenuSubContent.displayName =
-  DropdownMenuPrimitive.SubContent.displayName
-
-const DropdownMenuContent = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Content>
->(({ className, sideOffset = 4, ...props }, ref) => (
-  <DropdownMenuPrimitive.Portal>
-    <DropdownMenuPrimitive.Content
-      ref={ref}
-      sideOffset={sideOffset}
-      className={cn(
-        "z-50 min-w-[12rem] overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 bg-white",
-        className
-      )}
-      {...props}
-    />
-  </DropdownMenuPrimitive.Portal>
-))
-DropdownMenuContent.displayName = DropdownMenuPrimitive.Content.displayName
-
-const DropdownMenuItem = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Item>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Item> & {
-    inset?: boolean
-  }
->(({ className, inset, ...props }, ref) => (
-  <DropdownMenuPrimitive.Item
-    ref={ref}
-    className={cn(
-      "relative flex select-none items-center rounded-sm px-2 py-1.5 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 hover:bg-brand-gray-10 cursor-pointer pr-8",
-      inset,
-      className
-    )}
-    {...props}
-  />
-))
-DropdownMenuItem.displayName = DropdownMenuPrimitive.Item.displayName
-
-const DropdownMenuCheckboxItem = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.CheckboxItem>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.CheckboxItem>
->(({ className, children, checked, ...props }, ref) => (
-  <DropdownMenuPrimitive.CheckboxItem
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    checked={checked}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <DropdownMenuPrimitive.ItemIndicator>
-        <Check className="h-4 w-4" />
-      </DropdownMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </DropdownMenuPrimitive.CheckboxItem>
-))
-DropdownMenuCheckboxItem.displayName =
-  DropdownMenuPrimitive.CheckboxItem.displayName
-
-const DropdownMenuRadioItem = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.RadioItem>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.RadioItem>
->(({ className, children, ...props }, ref) => (
-  <DropdownMenuPrimitive.RadioItem
-    ref={ref}
-    className={cn(
-      "relative flex cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none transition-colors focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
-      className
-    )}
-    {...props}
-  >
-    <span className="absolute left-2 flex h-3.5 w-3.5 items-center justify-center">
-      <DropdownMenuPrimitive.ItemIndicator>
-        <Circle className="h-2 w-2 fill-current" />
-      </DropdownMenuPrimitive.ItemIndicator>
-    </span>
-    {children}
-  </DropdownMenuPrimitive.RadioItem>
-))
-DropdownMenuRadioItem.displayName = DropdownMenuPrimitive.RadioItem.displayName
-
-const DropdownMenuLabel = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Label>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Label> & {
-    inset?: boolean
-  }
->(({ className, inset, ...props }, ref) => (
-  <DropdownMenuPrimitive.Label
-    ref={ref}
-    className={cn(
-      "px-2 py-1.5 text-sm font-semibold",
-      inset && "pl-8",
-      className
-    )}
-    {...props}
-  />
-))
-DropdownMenuLabel.displayName = DropdownMenuPrimitive.Label.displayName
-
-const DropdownMenuSeparator = React.forwardRef<
-  React.ElementRef<typeof DropdownMenuPrimitive.Separator>,
-  React.ComponentPropsWithoutRef<typeof DropdownMenuPrimitive.Separator>
->(({ className, ...props }, ref) => (
-  <DropdownMenuPrimitive.Separator
-    ref={ref}
-    className={cn("-mx-1 my-1 h-px bg-muted", className)}
-    {...props}
-  />
-))
-DropdownMenuSeparator.displayName = DropdownMenuPrimitive.Separator.displayName
-
-const DropdownMenuShortcut = ({
-  className,
-  ...props
-}: React.HTMLAttributes<HTMLSpanElement>) => {
-  return (
-    <span
-      className={cn("ml-auto text-xs tracking-widest opacity-60", className)}
-      {...props}
-    />
-  )
-}
-DropdownMenuShortcut.displayName = "DropdownMenuShortcut"
-
-export {
-  DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator,
-  DropdownMenuShortcut, DropdownMenuSub,
-  DropdownMenuSubContent,
-  DropdownMenuSubTrigger, DropdownMenuTrigger
-}
-

package/src/components/Header/index.tsx

@@ -1,88 +0,0 @@
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../DropDownMenu";
-
-export type HeaderProps = {
-  userName: string;
-  imageUrl?: string;
-  entityName?: string;
-};
-
-function getInitials(fullName: string): string {
-  if (!fullName) {
-    return '';
-  }
-  const nameParts = fullName.trim().split(' ');
-
-  if (nameParts.length < 2) {
-    return nameParts[0][0].toUpperCase();
-  }
-
-  const firstNameInitial = nameParts[0][0].toUpperCase();
-  const lastNameInitial = nameParts[nameParts.length - 1][0].toUpperCase();
-
-  return `${firstNameInitial}${lastNameInitial}`;
-}
-
-export const Header = ({
-  userName,
-  entityName
-}: HeaderProps) => {
-  const initials = getInitials(userName);
-
-  return (
-    <header className="h-[60px] flex items-center justify-end gap-4 px-4 w-full shadow-custom">
-      <div className="flex lg:flex-1 lg:justify-end">
-        {/* User */}
-        <DropdownMenu>
-        <DropdownMenuTrigger asChild>
-          <div id="border-lateral" className="border-solid border-l-2 border-brand-blue-60">
-         
-            <div className="flex flex-row gap-2 items-center justify-center hover:bg-gray-100 transition duration-300 ease-in-out cursor-pointer px-4 py-2 rounded-lg ml-8">              
-              <div className="flex flex-col justify-end text-end">
-              <p className="text-xs font-extrabold text-brand-blue-900">{entityName}</p>
-              <p className="text-xs font-normal text-brand-gray-700">{userName}</p>
-              </div>
-              <div>
-              <div className="flex items-center justify-center w-10 h-10 rounded-full bg-brand-white text-white text-sm font-normal border-solid border-2">
-                
-              </div>
-              </div>
-            </div>    
-          </div>
-        </DropdownMenuTrigger>
-        <DropdownMenuContent>
-        
-          <DropdownMenuItem onClick={() => alert('Trocar Entidade')}>
-            <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M320 120l48 48-48 48"></path><path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M352 168H144a80.24 80.24 0 00-80 80v16m128 128l-48-48 48-48"></path><path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M160 344h208a80.24 80.24 0 0080-80v-16"></path></svg>
-            Trocar Entidade
-          </DropdownMenuItem>
-                    
-          <DropdownMenuItem onClick={() => alert('Sair')}>
-            <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg"><path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M304 336v40a40 40 0 01-40 40H104a40 40 0 01-40-40V136a40 40 0 0140-40h152c22.09 0 48 17.91 48 40v40m64 160l80-80-80-80m-192 80h256"></path></svg>
-            Sair
-          </DropdownMenuItem>
-        </DropdownMenuContent>
-      </DropdownMenu>
-       
-        
-
-        {/* Aplications */}
-        <div className="flex flex-row items-center justify-center hover:bg-gray-100 transition duration-300 ease-in-out cursor-pointer p-2 rounded-lg">
-          <div className="flex flex-row items-center justify-center rounded-full w-10 h-10 text-sm font-normal">
-            <svg
-              width="18"
-              height="18"
-              viewBox="0 0 16 16"
-              fill="none"
-              xmlns="http://www.w3.org/2000/svg"
-            >
-              <path
-                d="M2 4C3.1 4 4 3.1 4 2C4 0.9 3.1 0 2 0C0.9 0 0 0.9 0 2C0 3.1 0.9 4 2 4ZM8 16C9.1 16 10 15.1 10 14C10 12.9 9.1 12 8 12C6.9 12 6 12.9 6 14C6 15.1 6.9 16 8 16ZM2 16C3.1 16 4 15.1 4 14C4 12.9 3.1 12 2 12C0.9 12 0 12.9 0 14C0 15.1 0.9 16 2 16ZM2 10C3.1 10 4 9.1 4 8C4 6.9 3.1 6 2 6C0.9 6 0 6.9 0 8C0 9.1 0.9 10 2 10ZM8 10C9.1 10 10 9.1 10 8C10 6.9 9.1 6 8 6C6.9 6 6 6.9 6 8C6 9.1 6.9 10 8 10ZM12 2C12 3.1 12.9 4 14 4C15.1 4 16 3.1 16 2C16 0.9 15.1 0 14 0C12.9 0 12 0.9 12 2ZM8 4C9.1 4 10 3.1 10 2C10 0.9 9.1 0 8 0C6.9 0 6 0.9 6 2C6 3.1 6.9 4 8 4ZM14 10C15.1 10 16 9.1 16 8C16 6.9 15.1 6 14 6C12.9 6 12 6.9 12 8C12 9.1 12.9 10 14 10ZM14 16C15.1 16 16 15.1 16 14C16 12.9 15.1 12 14 12C12.9 12 12 12.9 12 14C12 15.1 12.9 16 14 16Z"
-                fill="black"
-              />
-            </svg>
-          </div>
-        </div>
-      </div>
-    </header>
-  );
-};

package/src/components/Modal/ModalMudancaEntidade/index.tsx

@@ -1,42 +0,0 @@
-// import { Button } from "../Button";
-import React from "react";
-import { Modal } from "..";
-import { Button } from "../../Button";
-import { DialogTitle } from "../../Dialog";
-
-type ModalMudancaEnntidadeProps = {
-  title?: string;
-  onClose?: any;
-  visibleModal?: boolean;
-  SelectComponent?: any;
-  buttonAction: React.MouseEventHandler<HTMLButtonElement>;
-};
-
-export const ModalMudancaEntidade = ({
-  title,
-  onClose,
-  visibleModal,
-  SelectComponent,
-  buttonAction,
-}: ModalMudancaEnntidadeProps) => {
-  return (
-    <Modal
-      title={title}
-      onClose={onClose}
-      visibleModal={visibleModal}
-      content={
-        <>
-          <DialogTitle className="DialogTitle mt-10 mb-4 ">
-            Selecionar a entidade
-          </DialogTitle>
-          <div className="flex mb-5 ">
-            <SelectComponent />
-            <Button className="text-white ml-5" onClick={buttonAction}>
-              Trocar entidade
-            </Button>
-          </div>
-        </>
-      }
-    ></Modal>
-  );
-};

package/src/components/Modal/index.tsx

@@ -1,44 +0,0 @@
-// import { Button } from "../Button";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogOverlay,
-  DialogTrigger,
-} from "../Dialog";
-
-type entidadeOptionsType = {
-  name: string;
-  value: string;
-};
-export type ModalProps = {
-  title?: string;
-  content?: React.ReactElement;
-  onClose?: any;
-  // entidadesOptions?: entidadeOptionsType[];
-  // entityName?: string;
-  visibleModal?: boolean;
-};
-
-export const Modal = ({
-  title,
-  content,
-  visibleModal,
-  onClose,
-}: ModalProps) => {
-  return (
-    <Dialog open={visibleModal} onOpenChange={onClose}>
-      <DialogOverlay className="inset-0 bg-blackA6= data-[state=open]:animate-overlayShow" />
-      <DialogContent className="  max-h-[85vh] w-[90vw] max-w-[40.625rem] p-0 rounded-sm bg-white  focus:outline-none data-[state=open]:animate-contentShow">
-        {title && (
-          <DialogHeader className="text-sm h-14 text-gray-500 font-thin border-b w-full px-6 py-3 leading-10">
-            {title}
-          </DialogHeader>
-        )}
-        <div className="flex flex-col mb-10 ml-20 align-middle items-left  justify-center">
-          {content}
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-};

package/src/components/Popover/index.tsx

@@ -1,32 +0,0 @@
-"use client"
-
-import * as PopoverPrimitive from "@radix-ui/react-popover"
-import * as React from "react"
-
-import { cn } from "../utils"
-
-const Popover = PopoverPrimitive.Root
-
-const PopoverTrigger = PopoverPrimitive.Trigger
-
-const PopoverContent = React.forwardRef<
-  React.ElementRef<typeof PopoverPrimitive.Content>,
-  React.ComponentPropsWithoutRef<typeof PopoverPrimitive.Content>
->(({ className, align = "center", sideOffset = 4, ...props }, ref) => (
-  <PopoverPrimitive.Portal>
-    <PopoverPrimitive.Content
-      ref={ref}
-      align={align}
-      sideOffset={sideOffset}
-      className={cn(
-        "z-50 w-72 rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
-        className
-      )}
-      {...props}
-    />
-  </PopoverPrimitive.Portal>
-))
-PopoverContent.displayName = PopoverPrimitive.Content.displayName
-
-export { Popover, PopoverContent, PopoverTrigger }
-

package/src/components/Sidebar/index.tsx

@@ -1,195 +0,0 @@
-import React, { cloneElement, ComponentProps, isValidElement, PropsWithChildren, ReactElement, ReactNode, SVGProps } from 'react'
-import { Slot } from '@radix-ui/react-slot'
-import * as Accordion from '@radix-ui/react-accordion'
-import { LogotipoDefault } from '../assets/logotipo-default';
-/**
- * Propriedades para o componente SidebarContainer.
- *
- * @extends HTMLAttributes<HTMLDivElement>
- */
-export interface SidebarContainerProps 
-    extends React.HTMLAttributes<HTMLDivElement> {
-        /**
-         * Indica se o sidebar está aberto ou fechado.
-         * @default true
-        */
-        isOpen?: boolean;
-}
-
-export function SidebarContainer({isOpen = true,...rest}: SidebarContainerProps) {
-    const sidebarWidth = "295px";
-
-    return (
-        <div 
-            data-is-open={isOpen} 
-            style={{ width: isOpen ? sidebarWidth : '0' }} 
-            className={`group/container w-full max-w-[295px] transition-all duration-300 ease-in-out sidebar-container bg-brand-blue-400`} {...rest}/>
-    )
-}
-
-export interface SidebarImageBrandProps extends PropsWithChildren {
-    /** @param {boolean} [props.asChild=false] - Se `true`, e `children` for um elemento React válido, este será usado como logotipo. Se `img` também for fornecido, `img` terá precedência. Se `children` não for um elemento React válido, o comportamento padrão de exibir a imagem de `img` ou `children` como conteúdo será usado. */
-    asChild?: boolean
-    /** @param {{ src?: string; alt?: string }} [props.img] - Objeto com as propriedades `src` e `alt` da imagem, usado quando `asChild` é `false` ou quando `asChild` é `true` mas `children` não é um elemento React válido para ser usado como logotipo. */
-    img?: {
-        src?: string
-        alt?: string
-    },
-    /** @param {ReactNode} [props.children] - Conteúdo personalizado ou elemento filho a ser exibido como logotipo quando `asChild` for `true` e `img` não for fornecido.  Normalmente usado para o botão de toggle ou um logotipo customizado. */
-    children?: ReactNode
-    onChangeToggle?: () => void;
-}
-/**
- * Componente para exibir a imagem da marca (logotipo) na barra lateral.
- *
- * Exibe uma imagem, um elemento filho como logotipo ou conteúdo personalizado na parte superior da barra lateral.
- * Permite a inclusão de um botão de alternância (toggle) para colapsar a barra lateral.
- * A prop `asChild` permite usar um elemento filho como logotipo, caso a prop `img` não seja fornecida.
- */
-export function SidebarImageBrand({ asChild = false, onChangeToggle, img, children }: SidebarImageBrandProps) {
-    return (
-        <div className="flex items-center justify-between bg-brand-blue-500 w-full h-full max-h-[70px] py-5 px-6 transition-all duration-300 ease-in-out sidebar-child-w-0">
-            <span className='sidebar-child-hidden'>
-                {
-                    asChild && !img ? children : (
-                            img && img.src ? 
-                            <img src={img.src} alt={img?.alt} className='w-[159px] h-[28px] object-contain' />
-                        : <LogotipoDefault />
-                    ) 
-                }
-            </span>
-            {
-                onChangeToggle && (
-                    <button onClick={onChangeToggle} className='hover:brightness-75 sidebar-child-hidden'>
-                        <svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" className="size-6 text-white" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
-                            <path fill="none" stroke-linecap="round" stroke-miterlimit="10" stroke-width="48" d="M88 152h336M88 256h336M88 360h336"></path>
-                        </svg>
-                    </button>
-                )
-            }
-        </div>
-    )
-}
-
-type AccordionRootProps = ComponentProps<typeof Accordion.Root>;
-
-export type SidebarProps =  AccordionRootProps & {
-    /** @param {ReactNode} props.children - Os elementos filhos a serem renderizados dentro do Sidebar. */
-    children?: AccordionRootProps['children'];
-    /** @param {'single' | 'multiple'} [props.type='single'] - Determina se um ou vários itens podem ser abertos simultaneamente. */
-    type: AccordionRootProps['type'];
-}
-/**
- * Componente Sidebar, responsável por renderizar a estrutura principal do menu lateral
- * e gerenciar o comportamento de acordeão dos itens de navegação.
- *
- * Este componente utiliza o Radix UI Accordion para controlar a expansão e o colapso
- * dos itens do menu. O tipo de acordeão (único ou múltiplo) é determinado pela propriedade `type`.
- *
- * Estende as tipagens do componente `Accordion.Root` do Radix UI.
- */
-export function Siderbar({ children,...rest}: SidebarProps) {
-    return (
-        <Accordion.Root {...rest}>
-            <div 
-                className='w-full h-screen-minus-70 flex flex-col py-8 bg-brand-blue-400 px-5 
-                scroll-smooth overflow-y-auto
-                [&::-webkit-scrollbar]:w-1
-                [&::-webkit-scrollbar-track]:bg-brand-blue-500
-                [&::-webkit-scrollbar-thumb]:rounded
-                [&::-webkit-scrollbar-thumb]:border
-                [&::-webkit-scrollbar-thumb]:border-solid
-                [&::-webkit-scrollbar-thumb]:border-brand-gray-400
-                [&::-webkit-scrollbar-thumb]:bg-brand-gray-200
-                sidebar-child-w-0'
-            >
-                {children}
-            </div>
-        </Accordion.Root>
-    )
-}
-/**
- * Componente de link de navegação para o Sidebar.
- * 
- * Renderiza um link com ícone e título, permitindo navegação dentro do Sidebar.
- * Recomenda-se que o ícone fornecido tenha 20px de altura e largura para
- * consistência visual.
- *
- * @param {SidebarNavLinkProps} props - As propriedades do componente.
- * @param {ReactNode} props.children - O título do link e o icone que pode ser fornecido como componente ou svg (🚨recomendado 20px x 20px).
- * @param {string} props.href O caminho para redirecionamento.
- */
-export interface SidebarNavLinkProps extends React.AnchorHTMLAttributes<HTMLAnchorElement> {
-    asChild?: boolean
-    /**
-     * Determina se é principal ou filho de um collapse nav, 'primary' link solto e 'secondary' é utilizado no collapse.
-     * @default 'primary'
-     */
-    type?: 'primary' | 'secondary'
-}
-
-export function SidebarNavLink({ asChild = false, type = 'primary', ...rest }: SidebarNavLinkProps) {
-    const Component = asChild ? Slot : "a"
-
-    return (
-        <Component 
-            data-type={type} 
-            className='w-full py-4 text-white flex gap-2 items-center text-base hover:text-blue-600 data-[type=secondary]:pl-0 data-[type=secondary]:text-sm data-[type=secondary]:py-0 data-[type=secondary]:my-2 sidebar-child-hidden' 
-            {...rest} 
-        />
-    )
-}
-
-interface IconProps extends SVGProps<SVGSVGElement> {}
-
-export interface SidebarNavCollapseProps extends Accordion.AccordionItemProps {
-    title: string;
-    icon?: ReactElement<IconProps> | ReactNode;
-}
-  
-
-export function SidebarNavCollapse({ children, title, icon, ...rest}: SidebarNavCollapseProps) {
-    return (
-        <Accordion.Item {...rest}>
-            <Accordion.Trigger 
-                className='group w-full py-4 text-base text-white flex gap-2 items-center justify-between hover:text-blue-600 sidebar-child-hidden'
-                >
-                    <div className='flex items-center gap-2'>
-                        {icon && renderIconItem(icon)}
-                        {title}
-                    </div>
-                    <div className="w-4 h-4">
-                        <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" className="w-full h-full text-violet10 transition-transform duration-300 ease-[cubic-bezier(0.87,_0,_0.13,_1)] group-data-[state=open]:rotate-90">
-                            <path d="m9 18 6-6-6-6"/>
-                        </svg>
-                    </div>
-            </Accordion.Trigger>
-            <Accordion.Content className='overflow-hidden data-[state=closed]:animate-slideUp data-[state=open]:animate-slideDown py-2'>
-                <div className='bg-white/10 rounded-md font-normal px-5 py-3'>
-                    {children}
-                </div>
-            </Accordion.Content>
-        </Accordion.Item>
-    )
-}
-function renderIconItem(icon: SidebarNavCollapseProps['icon']) {
-    if (!icon) return null
-
-    if (isValidElement(icon) && icon.type === 'svg') {
-        const svgIcon = icon as ReactElement<SVGProps<SVGSVGElement>>;
-
-        return cloneElement(svgIcon, {
-            height: 20,
-            width: 20,
-          });
-    }
-
-    if (isValidElement(icon)) {
-      return <span className='w-5 h-5 overflow-hidden'>{icon}</span>
-    }
-
-    return <span className='w-5 h-5 overflow-hidden'>{icon}</span>
-}
-
-
-

package/src/components/assets/logotipo-default.tsx

@@ -1,27 +0,0 @@
-export function LogotipoDefault() {
-    return (
-        <svg width="209" height="20" viewBox="0 0 209 20" fill="none" xmlns="http://www.w3.org/2000/svg">
-            <path d="M20.539 0H36.2809C36.2809 0 36.9745 4.48363 30.7294 6.63394C31.7327 5.31688 31.7006 3.41772 31.7006 3.41772H20.202C9.32 3.41772 1.29805 18.1019 0.207031 20.0001C0.207031 20.0001 4.07335 8.64018 11.9375 3.02348C13.5682 1.85731 17.0906 0 20.539 0Z" fill="#C89633"/>
-            <path fill-rule="evenodd" clip-rule="evenodd" d="M22.519 7.7601C22.4995 8.13682 22.4176 9.21051 21.9053 10.1606L21.8984 10.1616V10.1674C27.035 9.71961 29.5142 8.17673 30.687 6.64844C28.7232 7.32011 26.0843 7.7601 22.519 7.7601Z" fill="#C89633"/>
-            <path d="M15.6289 10.2526C17.6892 10.2994 18.8026 10.313 18.8026 10.313C19.9394 10.3344 20.9691 10.2497 21.9198 10.1621C21.1415 11.8189 19.2049 13.5127 13.9602 13.4134C7.19489 13.2859 3.46398 16.9946 1.55469 18.9863L1.56405 18.9719C3.47675 16.0444 7.38469 10.0631 15.6289 10.2526Z" fill="white"/>
-            <path d="M60.457 3.08307V4.09961H61.9417H63.4264V3.08307V2.06652H61.9417H60.457V3.08307Z" fill="white"/>
-            <path d="M53.2447 2.39671C51.2817 2.622 49.907 3.55062 49.4231 4.97928C49.2636 5.43535 49.2746 6.85851 49.4396 7.2926C49.885 8.49596 50.8803 9.12237 53.3052 9.7268C55.1198 10.1829 55.4222 10.2873 55.8456 10.6005C56.0601 10.7598 56.1866 11.117 56.1536 11.4906C56.0986 12.1665 55.5432 12.5017 54.372 12.5456C53.1732 12.6006 52.222 12.2929 50.9682 11.4467L50.4789 11.117L50.017 11.606C49.2581 12.4083 48.7248 13.0017 48.7467 13.0237C49.797 13.8699 51.0562 14.4853 52.2605 14.7436C53.1348 14.9304 54.6139 14.9799 55.4662 14.8425C57.3633 14.5513 58.617 13.5787 59.0019 12.1225C59.1174 11.6994 59.1284 10.6994 59.0294 10.2873C58.793 9.3092 57.9682 8.51794 56.621 7.97945C56.3405 7.86955 55.4552 7.6058 54.6524 7.397C52.8048 6.91345 52.4584 6.74861 52.2824 6.25957C51.9635 5.36391 52.6619 4.7375 53.9651 4.74849C54.4655 4.75399 54.7679 4.81443 56.0161 5.18258C56.1041 5.21006 56.1096 5.12764 56.1096 3.94625C56.1096 2.78684 56.1041 2.67694 56.0161 2.64947C55.9611 2.63299 55.6367 2.57254 55.2903 2.5066C54.5314 2.37473 53.8001 2.33626 53.2447 2.39671Z" fill="white"/>
-            <path d="M74.6953 7.57213C74.6953 11.2592 74.7173 11.7647 74.8933 12.3142C75.1297 13.056 75.872 13.8912 76.5924 14.2374C77.4667 14.655 78.198 14.8088 79.5507 14.8528L80.469 14.8857V13.8692V12.8582L79.8806 12.7867C78.8579 12.6713 78.1045 12.3252 77.8846 11.8746C77.6976 11.4844 77.6646 11.1108 77.6646 9.23157V7.3963H79.0668H80.469V6.4347V5.47311L79.0833 5.46212L77.6921 5.44563L77.6756 4.65987L77.6591 3.87961H76.18H74.6953V7.57213Z" fill="white"/>
-            <path d="M68.4882 5.25987C67.9383 5.3258 66.9375 5.6445 66.5031 5.89726C65.5024 6.47972 64.9305 7.50725 65.046 8.52379C65.0899 8.95239 65.2274 9.2546 65.5134 9.56231C65.9203 10.0019 66.6406 10.3151 67.8503 10.5789C68.1528 10.6448 68.6256 10.7492 68.9006 10.8096C69.5164 10.9415 70.1268 11.2272 70.2918 11.4525C70.5392 11.7987 70.3907 12.3042 69.9728 12.5515C69.7309 12.6944 69.6869 12.6999 69.0051 12.6999C68.0098 12.6944 66.6351 12.3812 65.8323 11.98C65.6288 11.8756 65.4474 11.7932 65.4309 11.7932C65.4144 11.7932 65.4034 12.3097 65.4034 12.9416V14.0955L65.6948 14.1999C66.8056 14.6121 67.6744 14.8044 68.7081 14.8538C70.1103 14.9253 71.353 14.5901 72.2658 13.9087C72.9037 13.4307 73.2831 12.8702 73.4646 12.1449C73.5855 11.6613 73.514 11.0734 73.2666 10.5624C72.8762 9.73815 71.7544 9.13372 69.8519 8.7216C69.0875 8.55676 68.4882 8.34796 68.3067 8.18311C68.1528 8.04574 68.1747 7.71605 68.3507 7.50725C68.6201 7.18855 68.7576 7.15008 69.5989 7.15008H70.3523V6.21047V5.27085L70.0168 5.23239C69.5879 5.18843 69.0106 5.19942 68.4882 5.25987Z" fill="white"/>
-            <path d="M97.0316 5.25947C96.8116 5.28695 96.3607 5.39684 96.0253 5.50674C94.8156 5.90786 93.9523 6.67714 93.5069 7.74863C93.166 8.57285 93.1605 8.6278 93.133 11.8038L93.1055 14.7051H94.6231H96.1408V12.0511C96.1408 10.4905 96.1628 9.25971 96.1958 9.0509C96.3002 8.44098 96.6467 7.90798 97.1086 7.6717C97.345 7.55082 97.4495 7.53433 97.9554 7.53433C98.4942 7.53433 98.5547 7.54532 98.8242 7.69368C99.2861 7.95194 99.5995 8.419 99.7095 9.01793C99.748 9.22124 99.77 10.3202 99.77 12.0236V14.7051H101.282H102.794V11.9412C102.794 10.2817 102.822 9.08937 102.855 8.94101C103.064 8.02337 103.685 7.50686 104.581 7.50686C105.571 7.50686 106.215 8.11129 106.363 9.17179C106.401 9.43005 106.423 10.6169 106.423 12.1555V14.7051H107.914H109.398L109.382 11.7489C109.36 8.92452 109.354 8.78166 109.239 8.36955C108.854 6.99034 107.897 5.9738 106.572 5.52872C105.786 5.27046 105.527 5.232 104.526 5.2375C103.702 5.2375 103.526 5.25947 103.047 5.38586C102.448 5.53971 101.942 5.7595 101.563 6.01776C101.425 6.11117 101.299 6.1881 101.271 6.1881C101.249 6.1881 101.057 6.07271 100.848 5.94083C99.9459 5.35289 98.4723 5.09463 97.0316 5.25947Z" fill="white"/>
-            <path d="M86.1337 5.30344C84.3081 5.57818 82.9884 6.49581 82.2296 8.02338C81.8887 8.71572 81.7732 9.35862 81.8062 10.3367C81.8447 11.2488 81.9327 11.65 82.2351 12.2489C82.785 13.3369 83.3898 13.9138 84.5171 14.4194C85.1274 14.6941 85.6938 14.815 86.4966 14.8534C87.085 14.8809 88.1462 14.8095 88.5532 14.7106C88.6576 14.6831 88.8116 14.6446 88.8996 14.6282L89.048 14.5952V13.5786C89.048 13.0182 89.0425 12.5621 89.037 12.5621C89.026 12.5621 88.8336 12.617 88.6081 12.6775C88.0253 12.8368 86.898 12.8808 86.3866 12.7599C85.6333 12.5841 85.0449 12.117 84.726 11.4412C84.616 11.2159 84.5446 11.0016 84.5666 10.9686C84.5885 10.9301 85.7433 10.9137 88.1682 10.9137H91.7369L91.7754 10.6609C91.8304 10.2872 91.7534 9.46851 91.605 8.80914C91.286 7.38598 90.3567 6.22657 89.1195 5.69357C88.3552 5.36938 86.9475 5.18255 86.1337 5.30344ZM87.5909 7.52884C87.7448 7.56731 87.9648 7.64973 88.0858 7.71567C88.5257 7.93546 89.0041 8.60033 89.081 9.09487L89.1195 9.32016H86.8265C84.9845 9.32016 84.5391 9.30367 84.5391 9.24872C84.5391 9.06739 84.99 8.26515 85.2099 8.05634C85.4738 7.80358 85.8588 7.58379 86.1722 7.51236C86.4911 7.43543 87.2829 7.44642 87.5909 7.52884Z" fill="white"/>
-            <path d="M114.892 5.30939C114.634 5.33686 114.315 5.38082 114.178 5.4028L113.93 5.45225L113.914 6.58419L113.903 7.71612L114.134 7.65568C114.266 7.62821 114.815 7.60073 115.36 7.59524C116.179 7.58974 116.405 7.60623 116.652 7.68865C117.125 7.8425 117.46 8.12274 117.631 8.4854C117.779 8.80959 117.862 9.37556 117.768 9.37556C117.735 9.37556 117.515 9.32611 117.279 9.27116C116.223 9.00741 114.639 8.98543 113.573 9.20522C111.956 9.5459 110.988 10.6009 110.988 12.0296C110.988 13.2879 111.879 14.3319 113.27 14.711C113.864 14.8759 115.316 14.8924 115.91 14.744C116.41 14.6176 117.152 14.244 117.477 13.9473C117.625 13.8209 117.757 13.7165 117.774 13.7165C117.79 13.7165 117.807 13.9363 117.807 14.211V14.7055H119.242H120.672L120.65 11.5295C120.628 7.97438 120.628 7.99636 120.226 7.24357C119.517 5.9303 118.318 5.34236 116.212 5.28741C115.745 5.27093 115.151 5.28191 114.892 5.30939ZM117.235 10.7712C117.851 10.9251 117.862 10.9306 117.862 11.3537C117.862 12.2329 117.251 12.7933 116.069 12.9912C115.64 13.0681 115.497 13.0681 115.156 13.0131C114.628 12.9252 114.211 12.7164 114.04 12.4637C113.864 12.1999 113.848 11.6394 114.007 11.3757C114.205 11.0515 114.656 10.7822 115.167 10.6888C115.525 10.6229 116.844 10.6778 117.235 10.7712Z" fill="white"/>
-            <path d="M60.457 10.1169V14.7051H61.9417H63.4264V10.1169V5.52872H61.9417H60.457V10.1169Z" fill="white"/>
-            <path d="M173.197 1.72126C172.114 3.40817 171.586 4.24338 171.586 4.28185C171.586 4.30383 172.02 4.32031 172.554 4.32031H173.527L173.752 4.117C174.324 3.61148 175.71 2.27074 175.71 2.22678C175.71 2.19931 175.655 2.14986 175.589 2.12238C175.518 2.09491 175.034 1.8861 174.511 1.65532C173.994 1.43003 173.554 1.24321 173.538 1.24321C173.521 1.24321 173.368 1.45751 173.197 1.72126Z" fill="white"/>
-            <path d="M194.074 2.97369V3.99023H195.559H197.044L197.033 2.98468L197.016 1.98462L195.548 1.96814L194.074 1.95715V2.97369Z" fill="white"/>
-            <path d="M135.845 2.43604C133.887 2.63386 132.37 3.21082 131.144 4.22736C130.346 4.88674 129.653 5.94724 129.4 6.89784C129.241 7.51326 129.197 8.99687 129.323 9.76614C129.664 11.8322 131.138 13.4861 133.398 14.3488C134.173 14.6455 135.872 14.9258 136.873 14.9258H137.275V13.7554V12.5905L136.543 12.585C135.702 12.574 135.257 12.4751 134.525 12.1344C132.997 11.4201 132.144 9.99692 132.238 8.30452C132.287 7.30446 132.59 6.63409 133.283 5.94174C134.091 5.14499 135.059 4.77684 136.494 4.72189L137.275 4.68892V3.546V2.39758L136.659 2.40857C136.318 2.40857 135.949 2.42506 135.845 2.43604Z" fill="white"/>
-            <path d="M142.609 5.13944C140.503 5.44715 138.831 6.8813 138.342 8.80449C137.797 10.964 138.847 13.1839 140.915 14.2224C141.652 14.5905 142.141 14.7114 143.104 14.7444C143.774 14.7664 143.983 14.7554 144.407 14.6565C145.424 14.4312 146.227 13.9971 146.953 13.2773C148.173 12.0519 148.635 10.4255 148.223 8.79899C148.08 8.24951 147.689 7.46375 147.349 7.04065C146.441 5.91421 144.973 5.1834 143.488 5.12296C143.17 5.10647 142.774 5.11746 142.609 5.13944ZM144.297 7.44727C144.682 7.61761 145.089 8.0517 145.237 8.45282C145.578 9.36496 145.545 10.8156 145.166 11.6014C144.83 12.2992 144.253 12.6179 143.312 12.6179C142.565 12.6179 142.174 12.497 141.778 12.1398C141.311 11.7167 141.107 11.0464 141.107 9.95291C141.107 8.48579 141.514 7.68904 142.411 7.39781C142.889 7.23846 143.884 7.26594 144.297 7.44727Z" fill="white"/>
-            <path d="M154.046 5.12263C153.667 5.16659 152.831 5.37539 152.501 5.50177C152.044 5.6831 151.302 6.18862 150.994 6.5293C150.675 6.88097 150.345 7.43595 150.197 7.85905C149.944 8.60635 149.922 8.89208 149.922 11.8263V14.5957H151.434H152.941L152.957 11.6944L152.974 8.79866L153.106 8.46897C153.386 7.78212 153.963 7.39748 154.733 7.39748C155.267 7.39748 155.597 7.52387 155.932 7.85355C156.52 8.42502 156.575 8.79317 156.575 12.1011V14.5957H158.088H159.594L159.611 11.667C159.633 8.35358 159.616 8.45799 160.078 7.94697C160.474 7.50738 160.672 7.42496 161.359 7.42496C161.849 7.42496 161.97 7.44694 162.157 7.54584C162.448 7.70519 162.767 8.0184 162.893 8.26567C163.168 8.80416 163.174 8.88658 163.174 11.8318V14.5957H164.692H166.204L166.187 11.6944L166.165 8.79866L165.995 8.2327C165.725 7.35902 165.439 6.86449 164.922 6.36995C164.345 5.83146 163.79 5.52924 162.943 5.30945C161.348 4.89184 159.512 5.13362 158.357 5.91388C158.219 6.0018 158.088 6.07873 158.06 6.07873C158.038 6.07873 157.835 5.96883 157.615 5.83146C157.23 5.59518 156.729 5.40286 156.042 5.22703C155.712 5.14461 154.425 5.07867 154.046 5.12263Z" fill="white"/>
-            <path d="M182.994 5.1446C181.399 5.38638 180.184 6.17763 179.579 7.36451C179.177 8.14478 179.172 8.20522 179.172 11.5845V14.5957H180.684H182.196V11.6395C182.202 8.969 182.207 8.66129 182.295 8.40853C182.526 7.74915 183.12 7.3755 184.192 7.23264C184.44 7.19967 184.726 7.15571 184.825 7.14472L185.001 7.11725L184.99 6.11719L184.973 5.11713L184.121 5.11164C183.653 5.10614 183.147 5.12263 182.994 5.1446Z" fill="white"/>
-            <path d="M190.311 5.1395C189.706 5.2384 188.705 5.54062 188.21 5.7769C187.248 6.23297 186.61 6.81542 186.126 7.6836C185.73 8.38694 185.609 8.93642 185.609 9.98044C185.615 11.3267 185.928 12.1729 186.737 13.0465C187.479 13.8433 188.425 14.3323 189.788 14.6236C190.514 14.7829 191.62 14.8379 192.169 14.7445L192.428 14.7005V13.7004V12.7004L191.993 12.7169C190.844 12.7718 189.832 12.3927 189.107 11.6289C188.617 11.1179 188.425 10.5299 188.485 9.71669C188.54 8.88147 188.881 8.33748 189.678 7.7935C190.305 7.3649 191.136 7.12313 191.988 7.12313H192.428V6.16703C192.428 5.4582 192.411 5.19444 192.362 5.16148C192.263 5.10653 190.646 5.09004 190.311 5.1395Z" fill="white"/>
-            <path d="M203.01 5.14533C201.784 5.32666 200.524 5.99703 199.776 6.86521C198.93 7.85428 198.473 9.26095 198.627 10.4259C198.842 12.0908 199.82 13.459 201.344 14.2228C202.168 14.6349 202.614 14.7338 203.725 14.7283C204.808 14.7283 205.22 14.6404 205.996 14.2667C208.487 13.0414 209.487 10.25 208.289 7.85977C207.491 6.27177 205.781 5.20028 203.917 5.12335C203.598 5.10686 203.191 5.11785 203.01 5.14533ZM204.72 7.44766C204.874 7.5136 205.116 7.68394 205.253 7.8268C205.666 8.24441 205.831 8.74993 205.88 9.73351C205.93 10.8105 205.71 11.6512 205.259 12.0908C204.901 12.437 204.533 12.5743 203.901 12.6073C202.592 12.6677 201.932 12.2282 201.624 11.0633C201.492 10.5742 201.498 9.24996 201.63 8.79939C201.861 8.03561 202.24 7.59602 202.839 7.39821C203.312 7.24435 204.313 7.26633 204.72 7.44766Z" fill="white"/>
-            <path d="M171.532 5.33081C170.025 5.68797 168.931 6.54517 168.26 7.8914C167.93 8.55627 167.793 9.1662 167.793 10.0344C167.793 11.9081 168.651 13.3752 170.212 14.1775C170.768 14.4632 171.059 14.5621 171.725 14.683C172.533 14.8314 174.199 14.7434 174.958 14.5072C175.04 14.4797 175.051 14.3808 175.051 13.4741V12.4686L174.49 12.6005C173.809 12.7543 172.83 12.7708 172.34 12.6444C171.637 12.4631 171.103 12.0565 170.806 11.4795C170.696 11.2762 170.592 11.0509 170.57 10.9795L170.537 10.8586H174.133H177.735L177.768 10.6883C177.916 9.95196 177.619 8.36395 177.179 7.52324C176.684 6.56165 175.711 5.74292 174.721 5.4462C173.77 5.16597 172.434 5.11651 171.532 5.33081ZM173.523 7.40236C173.93 7.49028 174.199 7.63864 174.512 7.95184C174.804 8.24307 175.046 8.69914 175.09 9.05081L175.123 9.2651L172.846 9.25411L170.57 9.23763L170.586 9.10026C170.592 9.02333 170.685 8.78705 170.79 8.56726C170.988 8.16614 171.373 7.75952 171.719 7.57819C172.148 7.35291 172.934 7.27598 173.523 7.40236Z" fill="white"/>
-            <path d="M194.074 10.0075V14.5957H195.559H197.044V10.0075V5.41934H195.559H194.074V10.0075Z" fill="white"/>
-        </svg>
-    )
-}

package/src/components/utils.ts

@@ -1,6 +0,0 @@
-import { ClassValue, clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function cn(...inputs: ClassValue[]) {
-  return twMerge(clsx(inputs));
-}

package/src/index.ts

@@ -1,8 +0,0 @@
-import "./tailwindcss/tailwind.css";
-export * from "./components/Button";
-export * from "./components/Header";
-export * from "./components/Modal";
-export * from "./components/Modal/ModalMudancaEntidade";
-export * from "./components/Dialog";
-export * from "./components/Button";
-export * from "./components/Sidebar";