mblabs-roccato-frontend-commons 0.0.26 → 0.0.28

package/README.md

@@ -1,111 +1,111 @@
-# 🧩 mblabs-roccato-frontend-commons
-
-Uma coleção de componentes e utilitários de front-end reutilizáveis, desenvolvidos com tecnologias modernas como React 19, TailwindCSS, Radix UI e muito mais. Criado para ser compartilhado entre projetos dentro do ecossistema MB Labs Roccato.
-
----
-
-## 📦 Instalação
-
-Utilize o [pnpm](https://pnpm.io/) como gerenciador de pacotes (Node.js 22+):
-
-```bash
-pnpm add mblabs-roccato-frontend-commons
-```
-
-Certifique-se de instalar também as dependências peer:
-
-```bash
-pnpm add react@^19.0.0 react-dom@^19.0.0 react-hook-form@^7.55.0
-```
-
----
-
-## 🚀 Como usar
-
-Importe os componentes ou utilitários diretamente do pacote:
-
-```tsx
-import { MeuComponente } from 'mblabs-roccato-frontend-commons';
-import 'mblabs-roccato-frontend-commons/css'; // estilos padrões
-```
-
----
-
-## ✨ Destaques
-
-- ✅ Suporte ao React 19
-- 🎨 TailwindCSS 4 com variantes dinâmicas
-- ⚙️ Componentes acessíveis via Radix UI
-- 🧰 Drag & drop com DnD Kit
-- 📊 Visualizações com Recharts
-- 🧪 Totalmente tipado com TypeScript
-- 📚 Documentação interativa com Storybook
-- ⚡ Build otimizado com Vite
-
----
-
-## 📂 Estrutura do Projeto
-
-```
-📁 src/
- ┣ 📦 components/
- ┣ ┣ 📦 atoms/
- ┣ ┣ 📦 molecules/
- ┣ ┣ 📦 organisms/
- ┣ ┣ 📄 index.ts
- ┣ 📦 hooks/
- ┣ 📦 utils/
- ┗ 📄 index.ts
-```
-
----
-
-## 🧪 Scripts
-
-| Comando                | Descrição                                         |
-| ---------------------- | ------------------------------------------------- |
-| `pnpm build`           | Compila a lib com TypeScript e Vite               |
-| `pnpm lint`            | Lint no projeto com ESLint                        |
-| `pnpm storybook`       | Inicia o Storybook em ambiente de desenvolvimento |
-| `pnpm build-storybook` | Gera versão estática do Storybook                 |
-
----
-
-## 📚 Storybook
-
-Explore e teste os componentes interativamente:
-
-```bash
-pnpm storybook
-```
-
-Ou gere a versão estática:
-
-```bash
-pnpm build-storybook
-```
-
----
-
-## 🧩 Tecnologias Utilizadas
-
-- React 19
-- TailwindCSS
-- Radix UI
-- DnD Kit
-- Tanstack react-table
-- Tabler icons-react
-- Date fns
-- Recharts
-- React Hook Form
-- Zod
-- Storybook
-- Vite
-- TypeScript
-- ESLint
-
----
-
-## 📝 Licença
-
-MIT © Roccato — Feito com ❤️ pelo time MB Labs.
+# 🧩 mblabs-roccato-frontend-commons
+
+Uma coleção de componentes e utilitários de front-end reutilizáveis, desenvolvidos com tecnologias modernas como React 19, TailwindCSS, Radix UI e muito mais. Criado para ser compartilhado entre projetos dentro do ecossistema MB Labs Roccato.
+
+---
+
+## 📦 Instalação
+
+Utilize o [pnpm](https://pnpm.io/) como gerenciador de pacotes (Node.js 22+):
+
+```bash
+pnpm add mblabs-roccato-frontend-commons
+```
+
+Certifique-se de instalar também as dependências peer:
+
+```bash
+pnpm add react@^19.0.0 react-dom@^19.0.0 react-hook-form@^7.55.0
+```
+
+---
+
+## 🚀 Como usar
+
+Importe os componentes ou utilitários diretamente do pacote:
+
+```tsx
+import { MeuComponente } from 'mblabs-roccato-frontend-commons';
+import 'mblabs-roccato-frontend-commons/css'; // estilos padrões
+```
+
+---
+
+## ✨ Destaques
+
+- ✅ Suporte ao React 19
+- 🎨 TailwindCSS 4 com variantes dinâmicas
+- ⚙️ Componentes acessíveis via Radix UI
+- 🧰 Drag & drop com DnD Kit
+- 📊 Visualizações com Recharts
+- 🧪 Totalmente tipado com TypeScript
+- 📚 Documentação interativa com Storybook
+- ⚡ Build otimizado com Vite
+
+---
+
+## 📂 Estrutura do Projeto
+
+```
+📁 src/
+ ┣ 📦 components/
+ ┣ ┣ 📦 atoms/
+ ┣ ┣ 📦 molecules/
+ ┣ ┣ 📦 organisms/
+ ┣ ┣ 📄 index.ts
+ ┣ 📦 hooks/
+ ┣ 📦 utils/
+ ┗ 📄 index.ts
+```
+
+---
+
+## 🧪 Scripts
+
+| Comando                | Descrição                                         |
+| ---------------------- | ------------------------------------------------- |
+| `pnpm build`           | Compila a lib com TypeScript e Vite               |
+| `pnpm lint`            | Lint no projeto com ESLint                        |
+| `pnpm storybook`       | Inicia o Storybook em ambiente de desenvolvimento |
+| `pnpm build-storybook` | Gera versão estática do Storybook                 |
+
+---
+
+## 📚 Storybook
+
+Explore e teste os componentes interativamente:
+
+```bash
+pnpm storybook
+```
+
+Ou gere a versão estática:
+
+```bash
+pnpm build-storybook
+```
+
+---
+
+## 🧩 Tecnologias Utilizadas
+
+- React 19
+- TailwindCSS
+- Radix UI
+- DnD Kit
+- Tanstack react-table
+- Tabler icons-react
+- Date fns
+- Recharts
+- React Hook Form
+- Zod
+- Storybook
+- Vite
+- TypeScript
+- ESLint
+
+---
+
+## 📝 Licença
+
+MIT © Roccato — Feito com ❤️ pelo time MB Labs.

package/dist/index.d.ts

@@ -18,6 +18,7 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
 import { FieldError } from 'react-hook-form';
 import { FieldPath } from 'react-hook-form';
 import { FieldValues } from 'react-hook-form';
+import { FileUploadProps } from './file';
 import { GroupBase } from 'react-select';
 import * as HoverCardPrimitive from '@radix-ui/react-hover-card';
 import { JSX } from 'react/jsx-runtime';
@@ -342,7 +343,7 @@ export declare function DrawerTrigger({ ...props }: React_2.ComponentProps<typeo
 
 export declare const Dropdown: <Option extends {
     label: string;
-}, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ classNames, components: customComponents, creatable, ...props }: DropdownProps<Option, IsMulti, Group>) => JSX.Element;
+}, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>>({ classNames, components: customComponents, creatable, isDisabled, ...props }: DropdownProps<Option, IsMulti, Group>) => JSX.Element;
 
 export declare function DropdownMenu({ ...props }: React_2.ComponentProps<typeof DropdownMenuPrimitive.Root>): JSX.Element;
 
@@ -383,8 +384,11 @@ export declare function DropdownMenuTrigger({ ...props }: React_2.ComponentProps
 
 declare type DropdownProps<Option, IsMulti extends boolean = false, Group extends GroupBase<Option> = GroupBase<Option>> = Props<Option, IsMulti, Group> & {
     creatable?: boolean;
+    isDisabled?: boolean;
 };
 
+export declare const FileUpload: ({ onUpload, maxSize, accept, maxFiles, className, dragAndDropLabel, dragActiveLabel, maxSizeLabel, maxFilesLabel, uploadCompleteLabel, }: FileUploadProps) => JSX.Element;
+
 export declare function Flex({ className, ...props }: React.ComponentProps<'div'>): JSX.Element;
 
 export declare function Form<T extends FieldValues>({ methods, onValid, onInvalid, className, children, ...props }: FormProps<T>): JSX.Element;