@processhub-lib/react 1.0.4 → 1.0.6

package/dist/index.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./index-B1vZ8U-f.cjs"),s=require("./classnames-BqI3URgS.cjs"),t=require("./utils.cjs.js");exports.Button=e.Button;exports.Input=e.Input;exports.Select=e.Select;exports.classnames=s.classnames;exports.applyMask=t.applyMask;exports.formatar=t.formatar;exports.isDocumento=t.isDocumento;

package/dist/index.d.ts

@@ -0,0 +1,3 @@
+
+export * from './ui';
+export * from './utils';

package/dist/index.es.js

@@ -0,0 +1,12 @@
+import { B as s, I as t, S as r } from "./index-hkfwDYXz.js";
+import { c as m } from "./classnames-2Mts7qXW.js";
+import { applyMask as c, formatar as f, isDocumento as n } from "./utils.es.js";
+export {
+  s as Button,
+  t as Input,
+  r as Select,
+  c as applyMask,
+  m as classnames,
+  f as formatar,
+  n as isDocumento
+};

package/dist/scripts/generate-endpoints.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/style.css

@@ -0,0 +1 @@
+/*! tailwindcss v4.1.18 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-duration:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-100:oklch(93.6% .032 17.717);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-gray-400:oklch(70.7% .022 261.325);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--font-weight-medium:500;--font-weight-bold:700;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.relative{position:relative}.top-full{top:100%}.right-0{right:calc(var(--spacing)*0)}.left-0{left:calc(var(--spacing)*0)}.z-50{z-index:50}.m-0{margin:calc(var(--spacing)*0)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-2{margin-top:calc(var(--spacing)*2)}.ml-3{margin-left:calc(var(--spacing)*3)}.block{display:block}.flex{display:flex}.inline{display:inline}.max-h-72{max-height:calc(var(--spacing)*72)}.w-auto{width:auto}.w-full{width:100%}.flex-1{flex:1}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-start{justify-content:flex-start}.gap-2{gap:calc(var(--spacing)*2)}.overflow-y-auto{overflow-y:auto}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-none{--tw-border-style:none;border-style:none}.border-blue-500{border-color:var(--color-blue-500)}.border-green-500{border-color:var(--color-green-500)}.border-red-500{border-color:var(--color-red-500)}.border-transparent{border-color:#0000}.border-yellow-500{border-color:var(--color-yellow-500)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-gray-400\/40{background-color:#99a1af66}@supports (color:color-mix(in lab,red,red)){.bg-gray-400\/40{background-color:color-mix(in oklab,var(--color-gray-400)40%,transparent)}}.bg-green-500{background-color:var(--color-green-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-transparent{background-color:#0000}.bg-yellow-500{background-color:var(--color-yellow-500)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-2{padding-block:calc(var(--spacing)*2)}.pr-8{padding-right:calc(var(--spacing)*8)}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.text-black{color:var(--color-black)}.text-blue-600{color:var(--color-blue-600)}.text-green-600{color:var(--color-green-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.placeholder-red-500::placeholder{color:var(--color-red-500)}.opacity-50{opacity:.5}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a),0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-150{--tw-duration:.15s;transition-duration:.15s}.first-letter\:uppercase:first-letter{text-transform:uppercase}@media (hover:hover){.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-blue-500:hover{background-color:var(--color-blue-500)}.hover\:bg-blue-600:hover{background-color:var(--color-blue-600)}.hover\:bg-green-100:hover{background-color:var(--color-green-100)}.hover\:bg-green-500:hover{background-color:var(--color-green-500)}.hover\:bg-green-600:hover{background-color:var(--color-green-600)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-red-500:hover{background-color:var(--color-red-500)}.hover\:bg-red-600:hover{background-color:var(--color-red-600)}.hover\:bg-yellow-100:hover{background-color:var(--color-yellow-100)}.hover\:bg-yellow-500:hover{background-color:var(--color-yellow-500)}.hover\:bg-yellow-600:hover{background-color:var(--color-yellow-600)}.hover\:text-black:hover{color:var(--color-black)}.hover\:text-white:hover{color:var(--color-white)}}.focus\:border-red-500:focus{border-color:var(--color-red-500)}.focus\:ring-red-500:focus{--tw-ring-color:var(--color-red-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}@media (prefers-color-scheme:dark){.dark\:text-red-500{color:var(--color-red-500)}}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-duration{syntax:"*";inherits:false}

package/dist/ui/Button/colors.d.ts

@@ -0,0 +1,162 @@
+export declare const COLORS: {
+    green: {
+        solid: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+        outline: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+        ghost: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+    };
+    blue: {
+        solid: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+        outline: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+        ghost: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+    };
+    red: {
+        solid: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+        outline: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+        ghost: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+    };
+    yellow: {
+        solid: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+        outline: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+        ghost: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+    };
+    primary: {
+        solid: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+        outline: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+        ghost: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+    };
+    secondary: {
+        solid: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+        outline: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+        ghost: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+    };
+    destructive: {
+        solid: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+        outline: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+        ghost: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+    };
+    card: {
+        solid: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+        outline: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+        ghost: {
+            bg: string;
+            hover: string;
+            text: string;
+            border: string;
+        };
+    };
+};

package/dist/ui/Button/index.d.ts

@@ -0,0 +1,3 @@
+import { ButtonProps } from './types/button';
+export * from './types/button';
+export declare function Button({ title, icon, positionIcon, color, variant, disable, className, type, onClick, }: ButtonProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/Button/types/button.d.ts

@@ -0,0 +1,16 @@
+import { COLORS } from '../colors';
+
+export interface ButtonProps {
+    onClick?: (e?: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    title: string;
+    icon?: JSX.Element;
+    positionIcon?: "left" | "right";
+    disable?: boolean;
+    className?: string;
+    type?: "button" | "submit" | "reset";
+    color: Color;
+    variant?: "solid" | "outline" | "ghost";
+}
+export interface CustomColors {
+}
+export type Color = keyof typeof COLORS | keyof CustomColors;

package/dist/ui/Input/index.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from './types/input';
+
+export declare function Input<T>({ field, title, id, type, placeholder, className, value, iconPosition, icon, error, ...rest }: InputProps<T>): import("react/jsx-runtime").JSX.Element;

package/{src/ui/Input/types/input.ts → dist/ui/Input/types/input.d.ts}

@@ -1,11 +1,10 @@
 export type inputElementsType<T> = {
-  mask?: string;
-  field: keyof T;
-  title: string;
-  iconPosition?: "left" | "right";
-  icon?: React.JSX.Element;
+    mask?: string;
+    field: keyof T;
+    title: string;
+    iconPosition?: "left" | "right";
+    icon?: React.JSX.Element;
 } & React.InputHTMLAttributes<HTMLInputElement | HTMLSelectElement>;
-
 export type InputProps<T> = {
-  error?: string;
+    error?: string;
 } & inputElementsType<T>;

package/dist/ui/Select/index.d.ts

@@ -0,0 +1,3 @@
+import { SelectProps } from './types/select';
+
+export declare function Select<T>({ field, title, id, placeholder, value, options, icon, iconPosition, optionPosition, error, required, onChange, selected, isClearable, searchable, }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;

package/dist/ui/Select/types/select.d.ts

@@ -0,0 +1,17 @@
+export type SelectProps<T> = {
+    title: string;
+    id: string;
+    placeholder?: string;
+    field: keyof T & string;
+    value: string;
+    options: T[];
+    icon?: React.ReactNode;
+    iconPosition?: "left" | "right";
+    optionPosition?: "left" | "right";
+    error?: string;
+    required?: boolean;
+    onChange?: (value: T) => void;
+    selected?: T;
+    isClearable?: boolean;
+    searchable?: boolean;
+};

package/dist/ui/index.d.ts

@@ -0,0 +1,3 @@
+export * from './Button';
+export * from './Input';
+export * from './Select';

package/dist/ui.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./index-B1vZ8U-f.cjs");exports.Button=t.Button;exports.Input=t.Input;exports.Select=t.Select;

package/dist/ui.d.ts

@@ -0,0 +1 @@
+export * from './ui/index'

package/dist/ui.es.js

@@ -0,0 +1,6 @@
+import { B as e, I as o, S as s } from "./index-hkfwDYXz.js";
+export {
+  e as Button,
+  o as Input,
+  s as Select
+};

package/dist/utils/applyMask.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Aplica uma máscara numérica ao valor informado.
+ *
+ * @param value - String com dígitos (ex: "12345678901")
+ * @param tipo Opcional - Tipo de máscara ("cnpj" ou "cpf")
+ * @param mask Opcional - Máscara no formato com 'x' para dígitos (ex: "xxx.xxx.xxx-xx")
+ * @returns Valor formatado conforme máscara (ex: "123.456.789-01")
+ */
+export declare function applyMask(value: string, tipo?: "cnpj" | "cpf" | "outro", mask?: string): string;

package/dist/utils/classnames.d.ts

@@ -0,0 +1,16 @@
+/**
+ * Constrói uma string de classes CSS dinamicamente.
+ *
+ * Aceita qualquer número de argumentos do tipo string, boolean, null, undefined ou objeto:
+ * - Strings são adicionadas diretamente.
+ * - Objetos: chaves com valor truthy são incluídas como classes.
+ * - Arrays são processados recursivamente.
+ *
+ * @example
+ * classnames("btn", { active: isActive, disabled: false }, ["px-2", null])
+ * // Resultado: "btn active px-2"
+ *
+ * @param {...(string | object | undefined | null | boolean)[]} args - Lista de classes e condições.
+ * @returns {string} String final de classes separadas por espaço.
+ */
+export declare function classnames(...args: (string | object | undefined | null | boolean)[]): string;

package/dist/utils/formatar.d.ts

@@ -0,0 +1,62 @@
+/**
+ * @file formatar.tsx
+ * @description Utilitário unificado para formatação de dados (Data, Massa, Moeda, Porcentagem).
+ * Este módulo não possui dependências externas.
+ */
+/** Unidades de massa suportadas para conversão e exibição */
+export type UnidadeMassa = "kg" | "t" | "kt" | "Mt";
+/** Tipos de formatação disponíveis no sistema */
+export type TipoFormato = "data" | "massa" | "moeda" | "porcentagem";
+/**
+ * Interface para as opções de configuração dos formatadores.
+ * Permite personalizar a exibição de acordo com o tipo de dado.
+ *
+ * @property formato - Template para formatação de data (ex: "DD/MM/YYYY", "YYYY-MM-DD HH:mm"). Padrão: "DD/MM/YYYY"
+ * @property unidade - Unidade de massa para conversão/exibição. Padrão: "t"
+ * @property locale - Localidade para Intl (ex: "pt-BR", "en-US"). Padrão: "pt-BR"
+ * @property minimumFractionDigits - Mínimo de casas decimais.
+ * @property maximumFractionDigits - Máximo de casas decimais.
+ * @property currency - Moeda para formatação monetária (ex: "BRL", "USD"). Padrão: "BRL"
+ * @property notation - Notação numérica (standard, scientific, engineering, compact).
+ * @property compactDisplay - Exibição compacta (short, long).
+ */
+export interface FormatarOptions {
+    formato?: string;
+    unidade?: UnidadeMassa;
+    locale?: string;
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+    currency?: string;
+    notation?: "standard" | "scientific" | "engineering" | "compact";
+    compactDisplay?: "short" | "long";
+}
+/**
+ * Método unificado para formatação de diversos tipos de dados no sistema.
+ * Suporta datas (nativamente), massa, moeda e porcentagem.
+ *
+ * @param tipo - O tipo de dado a ser formatado ("data", "massa", "moeda", "porcentagem")
+ * @param valor - O valor bruto (String, Number ou Date)
+ * @param opcoes - Opções de customização (locale, formato, unidade, etc)
+ * @returns String formatada seguindo as regras do tipo e localidade
+ *
+ * @example
+ * // Formatação de Moeda
+ * formatar("moeda", 1500.5) // "R$ 1.500,50"
+ * formatar("moeda", 1500.5, { notation: "compact" }) // "1,5 mil R$"
+ *
+ * @example
+ * // Formatação de Data
+ * formatar("data", new Date()) // "19/03/2026"
+ * formatar("data", "2026-12-25", { formato: "DD/MM" }) // "25/12"
+ * formatar("data", "25/12/2026 15:30", { formato: "YYYY-MM-DD HH:mm" }) // "2026-12-25 15:30"
+ *
+ * @example
+ * // Formatação de Massa
+ * formatar("massa", 5000) // "5,0000 t"
+ * formatar("massa", 5000, { unidade: "kg" }) // "5.000,0000 kg"
+ *
+ * @example
+ * // Formatação de Porcentagem
+ * formatar("porcentagem", 75.5) // "75,5%"
+ * formatar("porcentagem", 100) // "100%"
+ */ export declare const formatar: (tipo: TipoFormato, valor: any, opcoes?: FormatarOptions) => string;

package/dist/utils/index.d.ts

@@ -0,0 +1,4 @@
+export * from './classnames';
+export * from './applyMask';
+export * from './isDocumento';
+export * from './formatar';

package/dist/utils/isDocumento.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Valida CPF ou CNPJ de forma unificada, identificando automaticamente o tipo pelo tamanho.
+ *
+ * @param documento - CPF ou CNPJ com ou sem formatação.
+ * @returns `true` se válido, `false` caso contrário.
+ *
+ * @example
+ * isDocumento("123.456.789-00") // true ou false
+ * isDocumento("12.345.678/0001-90") // true ou false
+ */
+export declare function isDocumento(documento: string): boolean;

package/dist/utils.cjs.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const M=require("./classnames-BqI3URgS.cjs");function g(u,t,e){if((t==null?void 0:t.toLocaleLowerCase())==="cnpj")return g(u,"outro","xx.xxx.xxx/xxxx-xx");if((t==null?void 0:t.toLocaleLowerCase())==="cpf")return g(u,"outro","xxx.xxx.xxx-xx");const r=u.replace(/\D/g,"");let n="",a=0;if(e)for(let i=0;i<e.length;i++)if(e[i]==="x")if(a<r.length)n+=r[a],a++;else break;else if(a<r.length)n+=e[i];else break;return n}function F(u){const t=u.replace(/[^\d]+/g,"");if(/^(\d)\1+$/.test(t))return!1;if(t.length===11){for(let e=9;e<=10;e++){let r=0;for(let a=0;a<e;a++)r+=parseInt(t.charAt(a))*(e+1-a);let n=r*10%11;if((n===10||n===11)&&(n=0),n!==parseInt(t.charAt(e)))return!1}return!0}if(t.length===14){const e=[6,5,4,3,2,9,8,7,6,5,4,3,2];for(let r=12;r<=13;r++){let n=0;for(let i=0;i<r;i++)n+=parseInt(t.charAt(i))*e[i+13-r];const a=(n%=11)<2?0:11-n;if(parseInt(t.charAt(r))!==a)return!1}return!0}return!1}const S={kg:1,t:1e3,kt:1e6,Mt:1e9},w=(u,t,e={})=>{const{locale:r="pt-BR",formato:n="DD/MM/YYYY",unidade:a="t",minimumFractionDigits:i,maximumFractionDigits:d,currency:x="BRL"}=e,f=s=>typeof s=="number"?s:typeof s=="string"?Number(s.replace(",",".")):NaN;switch(u){case"data":{if(!t)return"";const o=(c=>{if(c instanceof Date)return c;if(typeof c=="string"){const m=c.match(/^(\d{2})\/(\d{2})\/(\d{4})(?: (\d{2}):(\d{2})(?::(\d{2}))?)?$/);if(m){const N=Number(m[3]),p=Number(m[2])-1,Y=Number(m[1]),b=Number(m[4]||0),h=Number(m[5]||0),y=Number(m[6]||0);return new Date(N,p,Y,b,h,y)}}return new Date(c)})(t);if(isNaN(o.getTime()))return"";const l=c=>String(c).padStart(2,"0"),D={YYYY:String(o.getFullYear()),YY:String(o.getFullYear()).slice(-2),MM:l(o.getMonth()+1),DD:l(o.getDate()),HH:l(o.getHours()),mm:l(o.getMinutes()),ss:l(o.getSeconds())};return n.replace(/YYYY|YY|MM|DD|HH|mm|ss/g,c=>D[c])}case"massa":{const s=f(t);if(isNaN(s))return"Valor inválido";const o=s/S[a];return`${new Intl.NumberFormat(r,{minimumFractionDigits:i??4,maximumFractionDigits:d??4}).format(o)} ${a}`}case"moeda":{const s=f(t);return isNaN(s)?"Valor inválido":new Intl.NumberFormat(r,{notation:e.notation??"standard",compactDisplay:e.compactDisplay??"short",style:"currency",currency:x}).format(s)}case"porcentagem":{const s=f(t);return isNaN(s)?"0%":new Intl.NumberFormat(r,{style:"percent",minimumFractionDigits:i??0,maximumFractionDigits:d??1}).format(s/100)}default:return String(t)}};exports.classnames=M.classnames;exports.applyMask=g;exports.formatar=w;exports.isDocumento=F;

package/dist/utils.d.ts

@@ -0,0 +1 @@
+export * from './utils/index'

package/dist/utils.es.js

@@ -0,0 +1,128 @@
+import { c as A } from "./classnames-2Mts7qXW.js";
+function x(u, t, e) {
+  if ((t == null ? void 0 : t.toLocaleLowerCase()) === "cnpj")
+    return x(u, "outro", "xx.xxx.xxx/xxxx-xx");
+  if ((t == null ? void 0 : t.toLocaleLowerCase()) === "cpf")
+    return x(u, "outro", "xxx.xxx.xxx-xx");
+  const r = u.replace(/\D/g, "");
+  let n = "", a = 0;
+  if (e)
+    for (let i = 0; i < e.length; i++)
+      if (e[i] === "x")
+        if (a < r.length)
+          n += r[a], a++;
+        else
+          break;
+      else if (a < r.length)
+        n += e[i];
+      else
+        break;
+  return n;
+}
+function M(u) {
+  const t = u.replace(/[^\d]+/g, "");
+  if (/^(\d)\1+$/.test(t)) return !1;
+  if (t.length === 11) {
+    for (let e = 9; e <= 10; e++) {
+      let r = 0;
+      for (let a = 0; a < e; a++)
+        r += parseInt(t.charAt(a)) * (e + 1 - a);
+      let n = r * 10 % 11;
+      if ((n === 10 || n === 11) && (n = 0), n !== parseInt(t.charAt(e))) return !1;
+    }
+    return !0;
+  }
+  if (t.length === 14) {
+    const e = [6, 5, 4, 3, 2, 9, 8, 7, 6, 5, 4, 3, 2];
+    for (let r = 12; r <= 13; r++) {
+      let n = 0;
+      for (let i = 0; i < r; i++)
+        n += parseInt(t.charAt(i)) * e[i + 13 - r];
+      const a = (n %= 11) < 2 ? 0 : 11 - n;
+      if (parseInt(t.charAt(r)) !== a) return !1;
+    }
+    return !0;
+  }
+  return !1;
+}
+const F = {
+  kg: 1,
+  t: 1e3,
+  kt: 1e6,
+  Mt: 1e9
+}, w = (u, t, e = {}) => {
+  const {
+    locale: r = "pt-BR",
+    formato: n = "DD/MM/YYYY",
+    unidade: a = "t",
+    minimumFractionDigits: i,
+    maximumFractionDigits: g,
+    currency: d = "BRL"
+  } = e, l = (s) => typeof s == "number" ? s : typeof s == "string" ? Number(s.replace(",", ".")) : NaN;
+  switch (u) {
+    case "data": {
+      if (!t) return "";
+      const o = ((c) => {
+        if (c instanceof Date) return c;
+        if (typeof c == "string") {
+          const m = c.match(
+            /^(\d{2})\/(\d{2})\/(\d{4})(?: (\d{2}):(\d{2})(?::(\d{2}))?)?$/
+          );
+          if (m) {
+            const N = Number(m[3]), p = Number(m[2]) - 1, Y = Number(m[1]), b = Number(m[4] || 0), h = Number(m[5] || 0), y = Number(m[6] || 0);
+            return new Date(N, p, Y, b, h, y);
+          }
+        }
+        return new Date(c);
+      })(t);
+      if (isNaN(o.getTime())) return "";
+      const f = (c) => String(c).padStart(2, "0"), D = {
+        YYYY: String(o.getFullYear()),
+        YY: String(o.getFullYear()).slice(-2),
+        MM: f(o.getMonth() + 1),
+        DD: f(o.getDate()),
+        HH: f(o.getHours()),
+        mm: f(o.getMinutes()),
+        ss: f(o.getSeconds())
+      };
+      return n.replace(
+        /YYYY|YY|MM|DD|HH|mm|ss/g,
+        (c) => D[c]
+      );
+    }
+    case "massa": {
+      const s = l(t);
+      if (isNaN(s)) return "Valor inválido";
+      const o = s / F[a];
+      return `${new Intl.NumberFormat(r, {
+        minimumFractionDigits: i ?? 4,
+        maximumFractionDigits: g ?? 4
+      }).format(o)} ${a}`;
+    }
+    case "moeda": {
+      const s = l(t);
+      return isNaN(s) ? "Valor inválido" : new Intl.NumberFormat(r, {
+        notation: e.notation ?? "standard",
+        compactDisplay: e.compactDisplay ?? "short",
+        style: "currency",
+        currency: d
+      }).format(s);
+    }
+    case "porcentagem": {
+      const s = l(t);
+      return isNaN(s) ? "0%" : new Intl.NumberFormat(r, {
+        style: "percent",
+        minimumFractionDigits: i ?? 0,
+        maximumFractionDigits: g ?? 1
+      }).format(s / 100);
+    }
+    default:
+      return String(t);
+  }
+};
+export {
+  x as applyMask,
+  A as classnames,
+  w as formatar,
+  M as isDocumento
+};

package/package.json

@@ -1,14 +1,18 @@
 {
   "name": "@processhub-lib/react",
-  "version": "1.0.4",
+  "version": "1.0.6",
   "type": "module",
   "scripts": {
     "gen:endpoints": "tsx src/scripts/generate-endpoints.ts",
+    "release": "npm run build && npm version patch && npm publish --access public",
     "build": "vite build"
   },
   "main": "./dist/index.cjs.js",
   "module": "./dist/index.es.js",
   "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
   "exports": {
     ".": {
       "import": "./dist/index.es.js",

package/postcss.config.js

@@ -1,5 +0,0 @@
-export default {
-  plugins: {
-    "@tailwindcss/postcss": {},
-  },
-};

package/src/context/ThemeContext.tsx

@@ -1,45 +0,0 @@
-import React, { createContext, useContext, ReactNode } from "react";
-import { COLORS } from "../ui/Button/colors";
-
-export interface ColorSet {
-  bg: string;
-  hover: string;
-  text: string;
-  border: string;
-}
-
-export interface Theme {
-  [key: string]: {
-    solid: ColorSet;
-    outline: ColorSet;
-    ghost: ColorSet;
-  };
-}
-
-const ThemeContext = createContext<Theme>(COLORS as Theme);
-
-export const useTheme = () => {
-  const context = useContext(ThemeContext);
-  if (!context) {
-    throw new Error("useTheme must be used within a ProcessHubProvider");
-  }
-  return context;
-};
-
-interface ProcessHubProviderProps {
-  children: ReactNode;
-  theme?: Partial<Theme>;
-}
-
-export const ProcessHubProvider: React.FC<ProcessHubProviderProps> = ({
-  children,
-  theme = {},
-}) => {
-  const activeTheme = { ...COLORS, ...theme } as Theme;
-
-  return (
-    <ThemeContext.Provider value={activeTheme}>
-      {children}
-    </ThemeContext.Provider>
-  );
-};

package/src/index.ts

@@ -1,4 +0,0 @@
-import "./style.css";
-export * from "./ui";
-export * from "./utils";
-export * from "./context/ThemeContext";