rharuow-ds 1.2.0 → 1.3.0

package/README.md

@@ -1,40 +1,6 @@
-# rharuo## 🌟 Características
+# rharuow-ds
 
-- ⚛️ **React 18+** com TypeScript
-- 🧩 **10 componentes** prontos para uso (Input, Textarea, Select, AsyncSelect, MultiSelect, MultiAsyncSelect, RadioGroup, Button, Card, Table)
-- 🔗 **Integração n### 🃏 **Card**
-
-Componente flexível para exibir conteúdo organizado em seções:
-
-- ✅ **Estrutura modular**: Header, Body e Footer independentes
-- ✅ **Múltiplas variantes**: default, outlined, elevated, flat
-- ✅ **Tamanhos configuráveis**: sm, md, lg
-- ✅ **Suporte ao tema dark**: Variáveis CSS para light/dark mode
-- ✅ **Elementos semânticos**: Props `as` para acessibilidade (header, main, footer)
-- ✅ **Flexibilidade total**: Use apenas as seções necessárias
-- ✅ **Customização completa**: Padding, bordas arredondadas e estilos
-
-### 📊 **Table**
-
-Componente completo para exibição de dados tabulares:
-
-- ✅ **Estrutura modular**: Table, Header, Body, Footer, Row, Cell
-- ✅ **Múltiplas variantes**: default, striped, bordered
-- ✅ **Tamanhos configuráveis**: sm, md, lg  
-- ✅ **Responsividade**: Scroll horizontal automático
-- ✅ **Header fixo**: Para tabelas com muitos dados
-- ✅ **Suporte ao tema dark**: Variáveis CSS para light/dark mode
-- ✅ **Alinhamento de células**: left, center, right
-- ✅ **Colspan e rowspan**: Células que ocupam múltiplas colunas/linhas
-- ✅ **Elementos semânticos**: Props `as` para acessibilidade (th/td, thead/tbody/tfoot)
-- ✅ **Linhas interativas**: Hover e estados de seleção
-
-### 🎯 **Button**eact Hook Form
-- 🎨 **Customização via CSS Variables** - Mude o tema facilmente
-- 🎯 **Componentes acessíveis** (ARIA)
-- 📱 **Responsivo** por padrão
-- 🎭 **Animações suaves** e modernas
-- 📚 **Documentação interativa** com StorybookNPM Version](https://img.shields.io/npm/v/rharuow-ds)](https://www.npmjs.com/package/rharuow-ds)
+[![NPM Version](https://img.shields.io/npm/v/rharuow-ds)](https://www.npmjs.com/package/rharuow-ds)
 [![License: MIT](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)
 [![Build Status](https://github.com/Rharuow/rharuow-ds-docs/workflows/CI/badge.svg)](https://github.com/Rharuow/rharuow-ds-docs/actions)
 
@@ -43,7 +9,8 @@ Um Design System moderno em React com integração completa ao React Hook Form,
 ## 🌟 Características
 
 - ⚛️ **React 18+** com TypeScript
-- � **Integração nativa** com React Hook Form
+- 🧩 **10 componentes** prontos para uso (Input, Textarea, Select, AsyncSelect, MultiSelect, MultiAsyncSelect, RadioGroup, Button, Card, Table)
+- 🔗 **Integração nativa** com React Hook Form
 - 🎨 **Customização via CSS Variables** - Mude o tema facilmente
 - 🎯 **Componentes acessíveis** (ARIA)
 - 📱 **Responsivo** por padrão
@@ -273,12 +240,31 @@ Componente flexível para exibir conteúdo organizado em seções:
 
 - ✅ **Estrutura modular**: Header, Body e Footer independentes
 - ✅ **Múltiplas variantes**: default, outlined, elevated, flat
-- ✅ **Tamanhos configuráveis**: sm, md, lg
+- ✅ **Largura flexível**: Por padrão, cresce para ocupar largura disponível
+- ✅ **Controle de largura**: Use `constrainWidth=true` para aplicar limitações por tamanho
+- ✅ **Tamanhos configuráveis**: sm, md, lg (aplicados apenas com `constrainWidth`)
 - ✅ **Suporte ao tema dark**: Variáveis CSS para light/dark mode
 - ✅ **Elementos semânticos**: Props `as` para acessibilidade (header, main, footer)
 - ✅ **Flexibilidade total**: Use apenas as seções necessárias
 - ✅ **Customização completa**: Padding, bordas arredondadas e estilos
 
+### 📊 **Table**
+
+Componente completo para exibição de dados tabulares:
+
+- ✅ **Estrutura modular**: Table, Header, Body, Footer, Row, Cell
+- ✅ **Múltiplas variantes**: default, striped, bordered
+- ✅ **Tamanhos configuráveis**: sm, md, lg  
+- ✅ **Responsividade**: Scroll horizontal automático
+- ✅ **Header fixo**: Para tabelas com muitos dados
+- ✅ **Suporte ao tema dark**: Variáveis CSS para light/dark mode
+- ✅ **Alinhamento de células**: left, center, right
+- ✅ **Colspan e rowspan**: Células que ocupam múltiplas colunas/linhas
+- ✅ **Elementos semânticos**: Props `as` para acessibilidade (th/td, thead/tbody/tfoot)
+- ✅ **Linhas interativas**: Hover e estados de seleção
+
+### �
+
 ### �🎯 **Button**
 
 Botão customizável com diferentes variantes e tamanhos.

package/dist/rharuow-ds.cjs.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),A=require("react-hook-form");function we(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(r,a,n.get?n:{enumerable:!0,get:()=>t[a]})}}return r.default=t,Object.freeze(r)}const e=we(R);function ue(t){var r,a,n="";if(typeof t=="string"||typeof t=="number")n+=t;else if(typeof t=="object")if(Array.isArray(t)){var s=t.length;for(r=0;r<s;r++)t[r]&&(a=ue(t[r]))&&(n&&(n+=" "),n+=a)}else for(a in t)t[a]&&(n&&(n+=" "),n+=a);return n}function Ee(){for(var t,r,a=0,n="",s=arguments.length;a<s;a++)(t=arguments[a])&&(r=ue(t))&&(n&&(n+=" "),n+=r);return n}function o(...t){return Ee(...t)}const Ne=({children:t,variant:r="default",className:a="",...n})=>{const s="px-4 py-2 rounded font-medium transition",N={default:"bg-[var(--primary,#2563eb)] text-[var(--primary-text,#fff)] hover:bg-[var(--primary-hover,#1d4ed8)]",outline:"border border-[var(--primary,#2563eb)] text-[var(--primary,#2563eb)] bg-white hover:bg-[var(--primary-hover,#e0e7ff)]",secondary:"bg-[var(--secondary,#fbbf24)] text-[var(--secondary-text,#222)] hover:bg-[var(--secondary-hover,#f59e42)]"};return R.createElement("button",{className:o(s,N[r],a),...n},t)},me=e.forwardRef(({name:t,className:r,type:a="text",label:n,onFocus:s,onBlur:N,Icon:p,iconClassName:T,iconAction:i,containerClassName:w,...E},b)=>{var I,v,l;const[C,h]=e.useState(!1),[d,m]=e.useState(!1),y=A.useFormContext(),k=y==null?void 0:y.control,c=y==null?void 0:y.register,F=k&&t?A.useWatch({control:k,name:t}):void 0,_=E.value??F??"",x=(l=(v=(I=y==null?void 0:y.formState)==null?void 0:I.errors)==null?void 0:v[t])==null?void 0:l.message,B=C||!!_,L=a==="password"?d?"text":"password":a,S=()=>e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z",fill:"currentColor"})),M=()=>e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z",fill:"currentColor"})),O=()=>{m(!d)};return e.createElement("div",{className:o("relative",w)},e.createElement("input",{id:E.id||t,type:L,className:o("peer flex h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 pt-6 pb-2 text-sm placeholder-transparent transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50",a==="password"||p?"pr-12":"",r),onFocus:f=>{h(!0),s&&s(f)},...y&&t?(()=>{const f=c(t),H=f.onBlur;return{...f,ref:z=>{typeof b=="function"?b(z):b&&(b.current=z),f.ref&&f.ref(z)},onBlur:z=>{h(!1),N&&N(z),H&&H(z)}}})():{ref:b,onBlur:f=>{h(!1),N&&N(f)}},...E}),n&&e.createElement("label",{htmlFor:E.id||t,className:o("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",B?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},n),a==="password"&&e.createElement("button",{type:"button",className:"absolute top-1/2 right-3 -translate-y-1/2 text-gray-400 hover:text-[var(--primary,#2563eb)] transition-colors duration-200 focus:outline-none focus:text-[var(--primary,#2563eb)]",onClick:O,"aria-label":d?"Esconder senha":"Mostrar senha",tabIndex:-1},d?e.createElement(M,null):e.createElement(S,null)),p&&a!=="password"&&e.createElement("div",{className:o("absolute top-1/2 right-3 -translate-y-1/2 text-gray-400 cursor-pointer hover:text-[var(--primary,#2563eb)] transition-colors duration-200",T),onClick:i},e.createElement(p,null)),x&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},x))});me.displayName="Input";const fe=e.forwardRef(({name:t,label:r,options:a,className:n,containerClassName:s,isClearable:N,onFocus:p,onBlur:T,...i},w)=>{var S,M,O,I;const[E,b]=e.useState(!1),[C,h]=e.useState(!1),d=e.useRef(null),m=A.useFormContext(),y=m==null?void 0:m.control,k=y&&t?A.useWatch({control:y,name:t}):void 0,c=i.value??k??"",F=(O=(M=(S=m==null?void 0:m.formState)==null?void 0:S.errors)==null?void 0:M[t])==null?void 0:O.message,_=E||!!c;e.useEffect(()=>{const v=l=>{d.current&&!d.current.contains(l.target)&&(h(!1),b(!1))};return document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}},[]);const x=()=>{h(v=>!v),b(!0)},B=v=>{b(!0),p&&p(v)},L=v=>{T&&T(v)};return e.createElement("div",{className:o("relative",s),ref:d},e.createElement("div",{id:i.id||t,tabIndex:0,role:"button","aria-haspopup":"listbox","aria-expanded":C,className:o("peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",n),onClick:x,onFocus:B,onBlur:L,ref:w},e.createElement("span",{className:o("block truncate",!c&&"text-gray-400")},((I=a.find(v=>v.value===c))==null?void 0:I.label)||!r&&"Selecione..."),N&&c&&e.createElement("button",{type:"button",tabIndex:-1,"aria-label":"Limpar seleção",className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",onClick:v=>{if(v.stopPropagation(),m&&t&&m.setValue(t,""),i.onChange){const l={target:{value:""}};i.onChange(l)}h(!1),b(!1)}},"✕")),r&&e.createElement("label",{htmlFor:i.id||t,className:o("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",_?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},r),e.createElement("div",{className:o("absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-20 transition-all duration-200 overflow-hidden",C?"border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:C?"9.5rem":"0",overflowY:a.length>3?"auto":"hidden"}},a.map(v=>e.createElement("div",{key:v.value,className:o("px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm",c===v.value&&"bg-blue-100"),onMouseDown:()=>{if(m&&t&&m.setValue(t,v.value),i.onChange){const l={target:{value:v.value}};i.onChange(l)}b(!0)}},v.label))),F&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},F))});fe.displayName="Select";const be=e.forwardRef(({name:t,className:r,label:a,onFocus:n,onBlur:s,Icon:N,iconClassName:p,iconAction:T,containerClassName:i,rows:w=4,...E},b)=>{var x,B,L;const[C,h]=e.useState(!1),d=A.useFormContext(),m=d==null?void 0:d.control,y=d==null?void 0:d.register,k=m&&t?A.useWatch({control:m,name:t}):void 0,c=E.value??k??"",F=(L=(B=(x=d==null?void 0:d.formState)==null?void 0:x.errors)==null?void 0:B[t])==null?void 0:L.message,_=C||!!c;return e.createElement("div",{className:o("relative",i)},e.createElement("textarea",{id:E.id||t,rows:w,className:o("peer flex min-h-[80px] w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 pt-6 pb-2 text-sm placeholder-transparent transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 resize-vertical",N?"pr-12":"",r),onFocus:S=>{h(!0),n&&n(S)},...d&&t?(()=>{const S=y(t),M=S.onBlur;return{...S,ref:O=>{typeof b=="function"?b(O):b&&(b.current=O),S.ref&&S.ref(O)},onBlur:O=>{h(!1),s&&s(O),M&&M(O)}}})():{ref:b,onBlur:S=>{h(!1),s&&s(S)}},...E}),a&&e.createElement("label",{htmlFor:E.id||t,className:o("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",_?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},a),N&&e.createElement("div",{className:o("absolute top-3 right-3 text-gray-400 cursor-pointer hover:text-[var(--primary,#2563eb)] transition-colors duration-200",p),onClick:T},e.createElement(N,null)),F&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},F))});be.displayName="Textarea";const ve=e.forwardRef(({name:t,label:r,loadOptions:a,className:n,containerClassName:s,isClearable:N,defaultOptions:p=!1,loadingMessage:T="Carregando...",noOptionsMessage:i="Nenhuma opção encontrada",searchable:w=!1,debounceMs:E=300,onFocus:b,onBlur:C,...h},d)=>{var Y,U,G;const[m,y]=e.useState(!1),[k,c]=e.useState(!1),[F,_]=e.useState([]),[x,B]=e.useState(!1),[L,S]=e.useState(""),[M,O]=e.useState(""),I=e.useRef(null),v=e.useRef(null),l=A.useFormContext(),f=l==null?void 0:l.control,H=f&&t?A.useWatch({control:f,name:t}):void 0,z=h.value??H??"",W=(G=(U=(Y=l==null?void 0:l.formState)==null?void 0:Y.errors)==null?void 0:U[t])==null?void 0:G.message,q=m||!!z;e.useEffect(()=>{const g=setTimeout(()=>{O(L)},E);return()=>clearTimeout(g)},[L,E]),e.useEffect(()=>{(k||p&&F.length===0)&&$(w?M:void 0)},[M,k]),e.useEffect(()=>{p===!0?$():Array.isArray(p)&&_(p)},[]);const $=async g=>{try{B(!0);const P=await a(g);_(P)}catch(P){console.error("Error loading options:",P),_([])}finally{B(!1)}};e.useEffect(()=>{const g=P=>{I.current&&!I.current.contains(P.target)&&(c(!1),y(!1),S(""))};return document.addEventListener("mousedown",g),()=>{document.removeEventListener("mousedown",g)}},[]);const K=()=>{k||(c(!0),y(!0),w&&v.current&&setTimeout(()=>{var g;return(g=v.current)==null?void 0:g.focus()},0))},J=g=>{y(!0),b&&b(g)},D=g=>{C&&C(g)},Q=g=>{S(g.target.value)},Z=g=>{if(l&&t&&l.setValue(t,g),h.onChange){const P={target:{value:g}};h.onChange(P)}c(!1),y(!1),S("")},ee=g=>{if(g.stopPropagation(),l&&t&&l.setValue(t,""),h.onChange){const P={target:{value:""}};h.onChange(P)}c(!1),y(!1),S("")},j=F.find(g=>g.value===z),te=w&&k?L:(j==null?void 0:j.label)||"";return e.createElement("div",{className:o("relative",s),ref:I},e.createElement("div",{id:h.id||t,tabIndex:w?-1:0,role:"button","aria-haspopup":"listbox","aria-expanded":k,className:o("peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",n),onClick:K,onFocus:w?void 0:J,onBlur:w?void 0:D,ref:d},w?e.createElement("input",{ref:v,type:"text",value:te,onChange:Q,onFocus:J,onBlur:D,placeholder:r?"":"Selecione...",className:o("w-full bg-transparent border-none outline-none text-sm",!z&&!L&&"text-gray-400")}):e.createElement("span",{className:o("block truncate",!z&&"text-gray-400")},(j==null?void 0:j.label)||!r&&"Selecione..."),x&&e.createElement("div",{className:"absolute right-8 top-1/2 -translate-y-1/2"},e.createElement("div",{className:"animate-spin rounded-full h-4 w-4 border-b-2 border-[var(--primary,#2563eb)]"})),N&&z&&!x&&e.createElement("button",{type:"button",tabIndex:-1,"aria-label":"Limpar seleção",className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",onClick:ee},"✕")),r&&e.createElement("label",{htmlFor:h.id||t,className:o("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",q?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},r),e.createElement("div",{className:o("absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-20 transition-all duration-200 overflow-hidden",k?"border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:k?"9.5rem":"0",overflowY:F.length>3?"auto":"hidden"}},x?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},T):F.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},i):F.map(g=>e.createElement("div",{key:g.value,className:o("px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm",z===g.value&&"bg-blue-100"),onMouseDown:()=>Z(g.value)},g.label))),W&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},W))});ve.displayName="AsyncSelect";const xe=e.forwardRef(({name:t,label:r,options:a,className:n,containerClassName:s,isClearable:N,onFocus:p,onBlur:T,...i},w)=>{var O,I,v;const[E,b]=e.useState(!1),[C,h]=e.useState(!1),d=e.useRef(null),m=A.useFormContext(),y=m==null?void 0:m.control,k=y&&t?A.useWatch({control:y,name:t}):void 0,c=i.value??k??[],F=(v=(I=(O=m==null?void 0:m.formState)==null?void 0:O.errors)==null?void 0:I[t])==null?void 0:v.message,_=E||c&&c.length>0;e.useEffect(()=>{const l=f=>{d.current&&!d.current.contains(f.target)&&(h(!1),b(!1))};return document.addEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}},[]);const x=()=>{h(l=>!l),b(!0)},B=l=>{b(!0),p&&p(l)},L=l=>{T&&T(l)},S=l=>{var H;let f;c.includes(l)?f=c.filter(z=>z!==l):f=[...c,l],m&&t&&m.setValue(t,f),i.onChange&&((H=i.onChange)==null||H.call(i,{target:{value:f}})),b(!0)},M=l=>{var f;l.stopPropagation(),m&&t&&m.setValue(t,[]),i.onChange&&((f=i.onChange)==null||f.call(i,{target:{value:[]}})),h(!1),b(!1)};return e.createElement("div",{className:o("relative",s),ref:d},e.createElement("div",{id:i.id||t,tabIndex:0,role:"button","aria-haspopup":"listbox","aria-expanded":C,className:o("peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",n),onClick:x,onFocus:B,onBlur:L,ref:w},e.createElement("div",{className:"flex flex-nowrap gap-1 items-center min-h-[1.5rem] w-full overflow-x-auto",style:{scrollbarWidth:"none"}},c&&c.length>0?a.filter(l=>c.includes(l.value)).map(l=>e.createElement("span",{key:l.value,className:"flex items-center border border-blue-200 bg-blue-50 text-blue-700 rounded-2xl px-3 py-1 text-xs shadow-sm mr-1 gap-2",style:{maxWidth:"140px"}},e.createElement("span",{className:"truncate",title:l.label},l.label),e.createElement("button",{type:"button",className:"ml-1 text-[var(--primary,#2563eb)] hover:text-red-500 focus:outline-none w-4 h-4 flex items-center justify-center rounded-full transition-colors duration-150","aria-label":`Remover ${l.label}`,tabIndex:-1,onClick:f=>{f.stopPropagation();const H=c.filter(z=>z!==l.value);m&&t&&m.setValue(t,H),i.onChange&&i.onChange({target:{value:H}})}},e.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M3 3L9 9M9 3L3 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}))))):!r&&e.createElement("span",{className:"text-gray-400 text-sm"},"Selecione...")),N&&c&&c.length>0&&e.createElement("button",{type:"button",tabIndex:-1,"aria-label":"Limpar seleção",className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",onClick:M},"✕")),r&&e.createElement("label",{htmlFor:i.id||t,className:o("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",_?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},r),e.createElement("div",{className:o("absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-20 transition-all duration-200 overflow-hidden",C?"border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:C?"9.5rem":"0",overflowY:a.length>3?"auto":"hidden"}},a.map(l=>e.createElement("div",{key:l.value,className:o("px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm flex items-center gap-2",c.includes(l.value)&&"bg-blue-100 font-semibold"),onMouseDown:()=>S(l.value)},e.createElement("input",{type:"checkbox",checked:c.includes(l.value),readOnly:!0,className:"accent-blue-500"}),l.label))),F&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},F))});xe.displayName="MultiSelect";const ge=e.forwardRef(({name:t,label:r,loadOptions:a,className:n,containerClassName:s,isClearable:N,defaultOptions:p=!1,loadingMessage:T="Carregando...",noOptionsMessage:i="Nenhuma opção encontrada",searchable:w=!1,debounceMs:E=300,maxSelectedDisplay:b=3,onFocus:C,onBlur:h,...d},m)=>{var g,P,de;const[y,k]=e.useState(!1),[c,F]=e.useState(!1),[_,x]=e.useState([]),[B,L]=e.useState(!1),[S,M]=e.useState(""),[O,I]=e.useState(""),v=e.useRef(null),l=e.useRef(null),f=A.useFormContext(),H=f==null?void 0:f.control,z=H&&t?A.useWatch({control:H,name:t}):void 0,W=d.value??z??[],q=(de=(P=(g=f==null?void 0:f.formState)==null?void 0:g.errors)==null?void 0:P[t])==null?void 0:de.message,$=y||W&&W.length>0;e.useEffect(()=>{const u=setTimeout(()=>{I(S)},E);return()=>clearTimeout(u)},[S,E]),e.useEffect(()=>{(c||p&&_.length===0)&&K(w?O:void 0)},[O,c]),e.useEffect(()=>{p===!0?K():Array.isArray(p)&&x(p)},[]);const K=async u=>{try{L(!0);const V=await a(u);x(V)}catch(V){console.error("Error loading options:",V),x([])}finally{L(!1)}};e.useEffect(()=>{const u=V=>{v.current&&!v.current.contains(V.target)&&(F(!1),k(!1),M(""))};return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[]);const J=()=>{c||(F(!0),k(!0),w&&l.current&&setTimeout(()=>{var u;return(u=l.current)==null?void 0:u.focus()},0))},D=u=>{k(!0),C&&C(u)},Q=u=>{h&&h(u)},Z=u=>{M(u.target.value)},ee=u=>{let V;W.includes(u)?V=W.filter(X=>X!==u):V=[...W,u],f&&t&&f.setValue(t,V),d.onChange&&d.onChange({target:{value:V}}),k(!0)},j=(u,V)=>{V.stopPropagation();const X=W.filter(ye=>ye!==u);f&&t&&f.setValue(t,X),d.onChange&&d.onChange({target:{value:X}})},te=u=>{u.stopPropagation(),f&&t&&f.setValue(t,[]),d.onChange&&d.onChange({target:{value:[]}}),F(!1),k(!1),M("")},Y=_.filter(u=>W.includes(u.value)),U=Y.slice(0,b),G=Y.length-b;return e.createElement("div",{className:o("relative",s),ref:v},e.createElement("div",{id:d.id||t,tabIndex:w?-1:0,role:"button","aria-haspopup":"listbox","aria-expanded":c,className:o("peer flex items-center min-h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-2 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",n),onClick:J,onFocus:w?void 0:D,onBlur:w?void 0:Q,ref:m},e.createElement("div",{className:"flex flex-wrap gap-1 items-center min-h-[1.5rem] w-full"},U.map(u=>e.createElement("span",{key:u.value,className:"flex items-center border border-blue-200 bg-blue-50 text-blue-700 rounded-2xl px-3 py-1 text-xs shadow-sm gap-2",style:{maxWidth:"140px"}},e.createElement("span",{className:"truncate",title:u.label},u.label),e.createElement("button",{type:"button",className:"ml-1 text-[var(--primary,#2563eb)] hover:text-red-500 focus:outline-none w-4 h-4 flex items-center justify-center rounded-full transition-colors duration-150","aria-label":`Remover ${u.label}`,tabIndex:-1,onClick:V=>j(u.value,V)},e.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M3 3L9 9M9 3L3 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}))))),G>0&&e.createElement("span",{className:"flex items-center border border-gray-200 bg-gray-100 text-gray-600 rounded-2xl px-3 py-1 text-xs"},"+",G," mais"),w?e.createElement("input",{ref:l,type:"text",value:S,onChange:Z,onFocus:D,onBlur:Q,placeholder:W.length===0&&!r?"Selecione...":"",className:"flex-1 min-w-[120px] bg-transparent border-none outline-none text-sm"}):W.length===0&&!r&&e.createElement("span",{className:"text-gray-400 text-sm"},"Selecione...")),B&&e.createElement("div",{className:"absolute right-8 top-1/2 -translate-y-1/2"},e.createElement("div",{className:"animate-spin rounded-full h-4 w-4 border-b-2 border-[var(--primary,#2563eb)]"})),N&&W&&W.length>0&&!B&&e.createElement("button",{type:"button",tabIndex:-1,"aria-label":"Limpar seleção",className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",onClick:te},"✕")),r&&e.createElement("label",{htmlFor:d.id||t,className:o("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",$?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},r),e.createElement("div",{className:o("absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-20 transition-all duration-200 overflow-hidden",c?"border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:c?"9.5rem":"0",overflowY:_.length>3?"auto":"hidden"}},B?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},T):_.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},i):_.map(u=>e.createElement("div",{key:u.value,className:o("px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm flex items-center gap-2",W.includes(u.value)&&"bg-blue-100 font-semibold"),onMouseDown:()=>ee(u.value)},e.createElement("input",{type:"checkbox",checked:W.includes(u.value),readOnly:!0,className:"accent-blue-500"}),u.label))),q&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},q))});ge.displayName="MultiAsyncSelect";const Ce={sm:"h-10 text-sm px-3",md:"h-12 text-base px-4",lg:"h-16 text-lg px-6"},pe=e.forwardRef(({name:t,label:r,options:a,className:n,containerClassName:s,optionClassName:N,direction:p="row",size:T="md",onFocus:i,onBlur:w,...E},b)=>{var c,F,_;const C=A.useFormContext(),h=C==null?void 0:C.control,d=h&&t?A.useWatch({control:h,name:t}):void 0,m=E.value??d??"",y=(_=(F=(c=C==null?void 0:C.formState)==null?void 0:c.errors)==null?void 0:F[t])==null?void 0:_.message,k=x=>{C&&t&&C.setValue(t,x),E.onChange&&E.onChange({target:{value:x}})};return e.createElement("div",{className:o("relative",s),ref:b},r&&e.createElement("label",{htmlFor:t,className:o("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm transition-all duration-200","top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white")},r),e.createElement("div",{className:o("flex gap-2 w-full pt-6",p==="row"?"flex-row":"flex-col",n),"aria-label":r,tabIndex:-1,onFocus:i,onBlur:w},a.map(x=>e.createElement("button",{key:x.value,type:"button",className:o("relative flex items-center justify-center border rounded-lg transition-all duration-200 shadow-sm px-4 focus:outline-none focus:ring-2 focus:ring-[var(--primary-hover,#dbeafe)]",Ce[T],m===x.value?"border-[var(--primary,#2563eb)] bg-[var(--primary-hover,#dbeafe)] text-[var(--primary,#2563eb)] ring-2 ring-[var(--primary-hover,#dbeafe)] shadow-md transform scale-[1.02]":"border-gray-200 bg-white text-gray-600 hover:border-[var(--primary,#2563eb)] hover:bg-[var(--primary-hover,#dbeafe)] hover:text-[var(--primary,#2563eb)] hover:shadow-md",N),"aria-pressed":m===x.value,"data-selected":m===x.value,tabIndex:0,onClick:()=>k(x.value),onKeyDown:B=>{(B.key==="Enter"||B.key===" ")&&(B.preventDefault(),k(x.value))}},x.icon&&e.createElement("span",{className:"mr-2 text-lg flex items-center"},x.icon),e.createElement("span",{className:"truncate font-medium"},x.label)))),y&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},y))});pe.displayName="RadioGroup";const ae=R.forwardRef(({children:t,className:r,as:a="div",...n},s)=>R.createElement(a,{ref:s,className:o("px-6 py-4 border-b","bg-[var(--card-header-bg,rgba(249,250,251,0.5))]","border-[var(--card-header-border,#e5e7eb)]","text-[var(--card-text,#111827)]",r),...n},t));ae.displayName="CardHeader";const re=R.forwardRef(({children:t,className:r,as:a="div",...n},s)=>R.createElement(a,{ref:s,className:o("px-6 py-4","flex-1","bg-[var(--card-bg,#ffffff)]","text-[var(--card-text,#111827)]",r),...n},t));re.displayName="CardBody";const ne=R.forwardRef(({children:t,className:r,as:a="div",...n},s)=>R.createElement(a,{ref:s,className:o("px-6 py-4 border-t","bg-[var(--card-footer-bg,rgba(249,250,251,0.5))]","border-[var(--card-footer-border,#e5e7eb)]","text-[var(--card-text,#111827)]",r),...n},t));ne.displayName="CardFooter";const ke=R.forwardRef(({children:t,className:r,variant:a="default",size:n="md",padding:s="none",rounded:N="lg",...p},T)=>{const i={default:"bg-[var(--card-bg,#ffffff)] border border-[var(--card-border,#e5e7eb)] shadow-[var(--card-shadow-sm,0_1px_2px_0_rgb(0_0_0_/_0.05))]",outlined:"bg-[var(--card-bg,#ffffff)] border-2 border-[var(--primary,#2563eb)]",elevated:"bg-[var(--card-bg,#ffffff)] border border-[var(--card-border,#e5e7eb)] shadow-[var(--card-shadow-lg,0_10px_15px_-3px_rgb(0_0_0_/_0.1),_0_4px_6px_-4px_rgb(0_0_0_/_0.1))]",flat:"bg-[var(--card-bg,#ffffff)] border-0"},w={sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg"},E={none:"",sm:"p-3",md:"p-4",lg:"p-6"},b={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl"};return R.createElement("div",{ref:T,className:o("flex flex-col","overflow-hidden",i[a],w[n],E[s],b[N],r),...p},t)}),Se=Object.assign(ke,{Header:ae,Body:re,Footer:ne}),he=R.forwardRef(({children:t,className:r,variant:a="default",size:n="md",responsive:s=!1,stickyHeader:N=!1,...p},T)=>{const i=o("w-full border-collapse bg-[var(--table-bg)] text-[var(--table-text)]",{"border border-[var(--table-border)]":a==="bordered"},{"text-sm":n==="sm","text-base":n==="md","text-lg":n==="lg"},r),w=o({"overflow-x-auto":s,"max-h-96 overflow-y-auto":N}),E=R.createElement("table",{ref:T,className:i,...p},t);return s||N?R.createElement("div",{className:w},E):E}),le=R.forwardRef(({children:t,className:r,as:a="thead",...n},s)=>R.createElement(a,{ref:s,className:o("border-b border-[var(--table-border)] bg-[var(--table-header-bg)]",{"sticky top-0 z-10":a==="thead"},r),...n},t)),oe=R.forwardRef(({children:t,className:r,as:a="tbody",...n},s)=>R.createElement(a,{ref:s,className:o("[&_tr:nth-child(odd)]:bg-[var(--table-row-odd)]","[&_tr:nth-child(even)]:bg-[var(--table-row-even)]",r),...n},t)),se=R.forwardRef(({children:t,className:r,as:a="tfoot",...n},s)=>R.createElement(a,{ref:s,className:o("border-t border-[var(--table-border)] bg-[var(--table-header-bg)] font-medium",r),...n},t)),ce=R.forwardRef(({children:t,className:r,variant:a="default",...n},s)=>R.createElement("tr",{ref:s,className:o("border-b border-[var(--table-border)] transition-colors",{"hover:bg-[var(--table-row-hover)]":a==="hover","bg-[var(--table-row-selected)]":a==="selected"},r),...n},t)),ie=R.forwardRef(({children:t,className:r,as:a="td",align:n="left",scope:s,colSpan:N,rowSpan:p,...T},i)=>R.createElement(a,{ref:i,scope:a==="th"?s:void 0,colSpan:N,rowSpan:p,className:o("px-4 py-3 text-left",{"font-semibold":a==="th","text-sm":a==="td","text-center":n==="center","text-right":n==="right"},r),...T},t));he.displayName="Table";le.displayName="TableHeader";oe.displayName="TableBody";se.displayName="TableFooter";ce.displayName="TableRow";ie.displayName="TableCell";const Fe=Object.assign(he,{Header:le,Body:oe,Footer:se,Row:ce,Cell:ie});exports.AsyncSelect=ve;exports.Button=Ne;exports.Card=Se;exports.CardBody=re;exports.CardFooter=ne;exports.CardHeader=ae;exports.Input=me;exports.MultiAsyncSelect=ge;exports.MultiSelect=xe;exports.RadioGroup=pe;exports.Select=fe;exports.Table=Fe;exports.TableBody=oe;exports.TableCell=ie;exports.TableFooter=se;exports.TableHeader=le;exports.TableRow=ce;exports.Textarea=be;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const R=require("react"),A=require("react-hook-form");function we(t){const r=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const a in t)if(a!=="default"){const n=Object.getOwnPropertyDescriptor(t,a);Object.defineProperty(r,a,n.get?n:{enumerable:!0,get:()=>t[a]})}}return r.default=t,Object.freeze(r)}const e=we(R);function ue(t){var r,a,n="";if(typeof t=="string"||typeof t=="number")n+=t;else if(typeof t=="object")if(Array.isArray(t)){var s=t.length;for(r=0;r<s;r++)t[r]&&(a=ue(t[r]))&&(n&&(n+=" "),n+=a)}else for(a in t)t[a]&&(n&&(n+=" "),n+=a);return n}function Ee(){for(var t,r,a=0,n="",s=arguments.length;a<s;a++)(t=arguments[a])&&(r=ue(t))&&(n&&(n+=" "),n+=r);return n}function o(...t){return Ee(...t)}const Ne=({children:t,variant:r="default",className:a="",...n})=>{const s="px-4 py-2 rounded font-medium transition",C={default:"bg-[var(--primary,#2563eb)] text-[var(--primary-text,#fff)] hover:bg-[var(--primary-hover,#1d4ed8)]",outline:"border border-[var(--primary,#2563eb)] text-[var(--primary,#2563eb)] bg-white hover:bg-[var(--primary-hover,#e0e7ff)]",secondary:"bg-[var(--secondary,#fbbf24)] text-[var(--secondary-text,#222)] hover:bg-[var(--secondary-hover,#f59e42)]"};return R.createElement("button",{className:o(s,C[r],a),...n},t)},me=e.forwardRef(({name:t,className:r,type:a="text",label:n,onFocus:s,onBlur:C,Icon:p,iconClassName:T,iconAction:i,containerClassName:w,...E},b)=>{var I,v,l;const[N,h]=e.useState(!1),[d,m]=e.useState(!1),y=A.useFormContext(),k=y==null?void 0:y.control,c=y==null?void 0:y.register,F=k&&t?A.useWatch({control:k,name:t}):void 0,_=E.value??F??"",x=(l=(v=(I=y==null?void 0:y.formState)==null?void 0:I.errors)==null?void 0:v[t])==null?void 0:l.message,B=N||!!_,L=a==="password"?d?"text":"password":a,S=()=>e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z",fill:"currentColor"})),M=()=>e.createElement("svg",{width:"20",height:"20",viewBox:"0 0 24 24",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M12 7c2.76 0 5 2.24 5 5 0 .65-.13 1.26-.36 1.83l2.92 2.92c1.51-1.26 2.7-2.89 3.43-4.75-1.73-4.39-6-7.5-11-7.5-1.4 0-2.74.25-3.98.7l2.16 2.16C10.74 7.13 11.35 7 12 7zM2 4.27l2.28 2.28.46.46C3.08 8.3 1.78 10.02 1 12c1.73 4.39 6 7.5 11 7.5 1.55 0 3.03-.3 4.38-.84l.42.42L19.73 22 21 20.73 3.27 3 2 4.27zM7.53 9.8l1.55 1.55c-.05.21-.08.43-.08.65 0 1.66 1.34 3 3 3 .22 0 .44-.03.65-.08l1.55 1.55c-.67.33-1.41.53-2.2.53-2.76 0-5-2.24-5-5 0-.79.2-1.53.53-2.2zm4.31-.78l3.15 3.15.02-.16c0-1.66-1.34-3-3-3l-.17.01z",fill:"currentColor"})),O=()=>{m(!d)};return e.createElement("div",{className:o("relative",w)},e.createElement("input",{id:E.id||t,type:L,className:o("peer flex h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 pt-6 pb-2 text-sm placeholder-transparent transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50",a==="password"||p?"pr-12":"",r),onFocus:f=>{h(!0),s&&s(f)},...y&&t?(()=>{const f=c(t),H=f.onBlur;return{...f,ref:z=>{typeof b=="function"?b(z):b&&(b.current=z),f.ref&&f.ref(z)},onBlur:z=>{h(!1),C&&C(z),H&&H(z)}}})():{ref:b,onBlur:f=>{h(!1),C&&C(f)}},...E}),n&&e.createElement("label",{htmlFor:E.id||t,className:o("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",B?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},n),a==="password"&&e.createElement("button",{type:"button",className:"absolute top-1/2 right-3 -translate-y-1/2 text-gray-400 hover:text-[var(--primary,#2563eb)] transition-colors duration-200 focus:outline-none focus:text-[var(--primary,#2563eb)]",onClick:O,"aria-label":d?"Esconder senha":"Mostrar senha",tabIndex:-1},d?e.createElement(M,null):e.createElement(S,null)),p&&a!=="password"&&e.createElement("div",{className:o("absolute top-1/2 right-3 -translate-y-1/2 text-gray-400 cursor-pointer hover:text-[var(--primary,#2563eb)] transition-colors duration-200",T),onClick:i},e.createElement(p,null)),x&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},x))});me.displayName="Input";const fe=e.forwardRef(({name:t,label:r,options:a,className:n,containerClassName:s,isClearable:C,onFocus:p,onBlur:T,...i},w)=>{var S,M,O,I;const[E,b]=e.useState(!1),[N,h]=e.useState(!1),d=e.useRef(null),m=A.useFormContext(),y=m==null?void 0:m.control,k=y&&t?A.useWatch({control:y,name:t}):void 0,c=i.value??k??"",F=(O=(M=(S=m==null?void 0:m.formState)==null?void 0:S.errors)==null?void 0:M[t])==null?void 0:O.message,_=E||!!c;e.useEffect(()=>{const v=l=>{d.current&&!d.current.contains(l.target)&&(h(!1),b(!1))};return document.addEventListener("mousedown",v),()=>{document.removeEventListener("mousedown",v)}},[]);const x=()=>{h(v=>!v),b(!0)},B=v=>{b(!0),p&&p(v)},L=v=>{T&&T(v)};return e.createElement("div",{className:o("relative",s),ref:d},e.createElement("div",{id:i.id||t,tabIndex:0,role:"button","aria-haspopup":"listbox","aria-expanded":N,className:o("peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",n),onClick:x,onFocus:B,onBlur:L,ref:w},e.createElement("span",{className:o("block truncate",!c&&"text-gray-400")},((I=a.find(v=>v.value===c))==null?void 0:I.label)||!r&&"Selecione..."),C&&c&&e.createElement("button",{type:"button",tabIndex:-1,"aria-label":"Limpar seleção",className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",onClick:v=>{if(v.stopPropagation(),m&&t&&m.setValue(t,""),i.onChange){const l={target:{value:""}};i.onChange(l)}h(!1),b(!1)}},"✕")),r&&e.createElement("label",{htmlFor:i.id||t,className:o("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",_?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},r),e.createElement("div",{className:o("absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-20 transition-all duration-200 overflow-hidden",N?"border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:N?"9.5rem":"0",overflowY:a.length>3?"auto":"hidden"}},a.map(v=>e.createElement("div",{key:v.value,className:o("px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm",c===v.value&&"bg-blue-100"),onMouseDown:()=>{if(m&&t&&m.setValue(t,v.value),i.onChange){const l={target:{value:v.value}};i.onChange(l)}b(!0)}},v.label))),F&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},F))});fe.displayName="Select";const be=e.forwardRef(({name:t,className:r,label:a,onFocus:n,onBlur:s,Icon:C,iconClassName:p,iconAction:T,containerClassName:i,rows:w=4,...E},b)=>{var x,B,L;const[N,h]=e.useState(!1),d=A.useFormContext(),m=d==null?void 0:d.control,y=d==null?void 0:d.register,k=m&&t?A.useWatch({control:m,name:t}):void 0,c=E.value??k??"",F=(L=(B=(x=d==null?void 0:d.formState)==null?void 0:x.errors)==null?void 0:B[t])==null?void 0:L.message,_=N||!!c;return e.createElement("div",{className:o("relative",i)},e.createElement("textarea",{id:E.id||t,rows:w,className:o("peer flex min-h-[80px] w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 pt-6 pb-2 text-sm placeholder-transparent transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 resize-vertical",C?"pr-12":"",r),onFocus:S=>{h(!0),n&&n(S)},...d&&t?(()=>{const S=y(t),M=S.onBlur;return{...S,ref:O=>{typeof b=="function"?b(O):b&&(b.current=O),S.ref&&S.ref(O)},onBlur:O=>{h(!1),s&&s(O),M&&M(O)}}})():{ref:b,onBlur:S=>{h(!1),s&&s(S)}},...E}),a&&e.createElement("label",{htmlFor:E.id||t,className:o("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",_?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},a),C&&e.createElement("div",{className:o("absolute top-3 right-3 text-gray-400 cursor-pointer hover:text-[var(--primary,#2563eb)] transition-colors duration-200",p),onClick:T},e.createElement(C,null)),F&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},F))});be.displayName="Textarea";const ve=e.forwardRef(({name:t,label:r,loadOptions:a,className:n,containerClassName:s,isClearable:C,defaultOptions:p=!1,loadingMessage:T="Carregando...",noOptionsMessage:i="Nenhuma opção encontrada",searchable:w=!1,debounceMs:E=300,onFocus:b,onBlur:N,...h},d)=>{var Y,U,G;const[m,y]=e.useState(!1),[k,c]=e.useState(!1),[F,_]=e.useState([]),[x,B]=e.useState(!1),[L,S]=e.useState(""),[M,O]=e.useState(""),I=e.useRef(null),v=e.useRef(null),l=A.useFormContext(),f=l==null?void 0:l.control,H=f&&t?A.useWatch({control:f,name:t}):void 0,z=h.value??H??"",W=(G=(U=(Y=l==null?void 0:l.formState)==null?void 0:Y.errors)==null?void 0:U[t])==null?void 0:G.message,q=m||!!z;e.useEffect(()=>{const g=setTimeout(()=>{O(L)},E);return()=>clearTimeout(g)},[L,E]),e.useEffect(()=>{(k||p&&F.length===0)&&$(w?M:void 0)},[M,k]),e.useEffect(()=>{p===!0?$():Array.isArray(p)&&_(p)},[]);const $=async g=>{try{B(!0);const P=await a(g);_(P)}catch(P){console.error("Error loading options:",P),_([])}finally{B(!1)}};e.useEffect(()=>{const g=P=>{I.current&&!I.current.contains(P.target)&&(c(!1),y(!1),S(""))};return document.addEventListener("mousedown",g),()=>{document.removeEventListener("mousedown",g)}},[]);const K=()=>{k||(c(!0),y(!0),w&&v.current&&setTimeout(()=>{var g;return(g=v.current)==null?void 0:g.focus()},0))},J=g=>{y(!0),b&&b(g)},D=g=>{N&&N(g)},Q=g=>{S(g.target.value)},Z=g=>{if(l&&t&&l.setValue(t,g),h.onChange){const P={target:{value:g}};h.onChange(P)}c(!1),y(!1),S("")},ee=g=>{if(g.stopPropagation(),l&&t&&l.setValue(t,""),h.onChange){const P={target:{value:""}};h.onChange(P)}c(!1),y(!1),S("")},j=F.find(g=>g.value===z),te=w&&k?L:(j==null?void 0:j.label)||"";return e.createElement("div",{className:o("relative",s),ref:I},e.createElement("div",{id:h.id||t,tabIndex:w?-1:0,role:"button","aria-haspopup":"listbox","aria-expanded":k,className:o("peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",n),onClick:K,onFocus:w?void 0:J,onBlur:w?void 0:D,ref:d},w?e.createElement("input",{ref:v,type:"text",value:te,onChange:Q,onFocus:J,onBlur:D,placeholder:r?"":"Selecione...",className:o("w-full bg-transparent border-none outline-none text-sm",!z&&!L&&"text-gray-400")}):e.createElement("span",{className:o("block truncate",!z&&"text-gray-400")},(j==null?void 0:j.label)||!r&&"Selecione..."),x&&e.createElement("div",{className:"absolute right-8 top-1/2 -translate-y-1/2"},e.createElement("div",{className:"animate-spin rounded-full h-4 w-4 border-b-2 border-[var(--primary,#2563eb)]"})),C&&z&&!x&&e.createElement("button",{type:"button",tabIndex:-1,"aria-label":"Limpar seleção",className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",onClick:ee},"✕")),r&&e.createElement("label",{htmlFor:h.id||t,className:o("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",q?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},r),e.createElement("div",{className:o("absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-20 transition-all duration-200 overflow-hidden",k?"border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:k?"9.5rem":"0",overflowY:F.length>3?"auto":"hidden"}},x?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},T):F.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},i):F.map(g=>e.createElement("div",{key:g.value,className:o("px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm",z===g.value&&"bg-blue-100"),onMouseDown:()=>Z(g.value)},g.label))),W&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},W))});ve.displayName="AsyncSelect";const xe=e.forwardRef(({name:t,label:r,options:a,className:n,containerClassName:s,isClearable:C,onFocus:p,onBlur:T,...i},w)=>{var O,I,v;const[E,b]=e.useState(!1),[N,h]=e.useState(!1),d=e.useRef(null),m=A.useFormContext(),y=m==null?void 0:m.control,k=y&&t?A.useWatch({control:y,name:t}):void 0,c=i.value??k??[],F=(v=(I=(O=m==null?void 0:m.formState)==null?void 0:O.errors)==null?void 0:I[t])==null?void 0:v.message,_=E||c&&c.length>0;e.useEffect(()=>{const l=f=>{d.current&&!d.current.contains(f.target)&&(h(!1),b(!1))};return document.addEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}},[]);const x=()=>{h(l=>!l),b(!0)},B=l=>{b(!0),p&&p(l)},L=l=>{T&&T(l)},S=l=>{var H;let f;c.includes(l)?f=c.filter(z=>z!==l):f=[...c,l],m&&t&&m.setValue(t,f),i.onChange&&((H=i.onChange)==null||H.call(i,{target:{value:f}})),b(!0)},M=l=>{var f;l.stopPropagation(),m&&t&&m.setValue(t,[]),i.onChange&&((f=i.onChange)==null||f.call(i,{target:{value:[]}})),h(!1),b(!1)};return e.createElement("div",{className:o("relative",s),ref:d},e.createElement("div",{id:i.id||t,tabIndex:0,role:"button","aria-haspopup":"listbox","aria-expanded":N,className:o("peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",n),onClick:x,onFocus:B,onBlur:L,ref:w},e.createElement("div",{className:"flex flex-nowrap gap-1 items-center min-h-[1.5rem] w-full overflow-x-auto",style:{scrollbarWidth:"none"}},c&&c.length>0?a.filter(l=>c.includes(l.value)).map(l=>e.createElement("span",{key:l.value,className:"flex items-center border border-blue-200 bg-blue-50 text-blue-700 rounded-2xl px-3 py-1 text-xs shadow-sm mr-1 gap-2",style:{maxWidth:"140px"}},e.createElement("span",{className:"truncate",title:l.label},l.label),e.createElement("button",{type:"button",className:"ml-1 text-[var(--primary,#2563eb)] hover:text-red-500 focus:outline-none w-4 h-4 flex items-center justify-center rounded-full transition-colors duration-150","aria-label":`Remover ${l.label}`,tabIndex:-1,onClick:f=>{f.stopPropagation();const H=c.filter(z=>z!==l.value);m&&t&&m.setValue(t,H),i.onChange&&i.onChange({target:{value:H}})}},e.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M3 3L9 9M9 3L3 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}))))):!r&&e.createElement("span",{className:"text-gray-400 text-sm"},"Selecione...")),C&&c&&c.length>0&&e.createElement("button",{type:"button",tabIndex:-1,"aria-label":"Limpar seleção",className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",onClick:M},"✕")),r&&e.createElement("label",{htmlFor:i.id||t,className:o("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",_?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},r),e.createElement("div",{className:o("absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-20 transition-all duration-200 overflow-hidden",N?"border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:N?"9.5rem":"0",overflowY:a.length>3?"auto":"hidden"}},a.map(l=>e.createElement("div",{key:l.value,className:o("px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm flex items-center gap-2",c.includes(l.value)&&"bg-blue-100 font-semibold"),onMouseDown:()=>S(l.value)},e.createElement("input",{type:"checkbox",checked:c.includes(l.value),readOnly:!0,className:"accent-blue-500"}),l.label))),F&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},F))});xe.displayName="MultiSelect";const ge=e.forwardRef(({name:t,label:r,loadOptions:a,className:n,containerClassName:s,isClearable:C,defaultOptions:p=!1,loadingMessage:T="Carregando...",noOptionsMessage:i="Nenhuma opção encontrada",searchable:w=!1,debounceMs:E=300,maxSelectedDisplay:b=3,onFocus:N,onBlur:h,...d},m)=>{var g,P,de;const[y,k]=e.useState(!1),[c,F]=e.useState(!1),[_,x]=e.useState([]),[B,L]=e.useState(!1),[S,M]=e.useState(""),[O,I]=e.useState(""),v=e.useRef(null),l=e.useRef(null),f=A.useFormContext(),H=f==null?void 0:f.control,z=H&&t?A.useWatch({control:H,name:t}):void 0,W=d.value??z??[],q=(de=(P=(g=f==null?void 0:f.formState)==null?void 0:g.errors)==null?void 0:P[t])==null?void 0:de.message,$=y||W&&W.length>0;e.useEffect(()=>{const u=setTimeout(()=>{I(S)},E);return()=>clearTimeout(u)},[S,E]),e.useEffect(()=>{(c||p&&_.length===0)&&K(w?O:void 0)},[O,c]),e.useEffect(()=>{p===!0?K():Array.isArray(p)&&x(p)},[]);const K=async u=>{try{L(!0);const V=await a(u);x(V)}catch(V){console.error("Error loading options:",V),x([])}finally{L(!1)}};e.useEffect(()=>{const u=V=>{v.current&&!v.current.contains(V.target)&&(F(!1),k(!1),M(""))};return document.addEventListener("mousedown",u),()=>{document.removeEventListener("mousedown",u)}},[]);const J=()=>{c||(F(!0),k(!0),w&&l.current&&setTimeout(()=>{var u;return(u=l.current)==null?void 0:u.focus()},0))},D=u=>{k(!0),N&&N(u)},Q=u=>{h&&h(u)},Z=u=>{M(u.target.value)},ee=u=>{let V;W.includes(u)?V=W.filter(X=>X!==u):V=[...W,u],f&&t&&f.setValue(t,V),d.onChange&&d.onChange({target:{value:V}}),k(!0)},j=(u,V)=>{V.stopPropagation();const X=W.filter(ye=>ye!==u);f&&t&&f.setValue(t,X),d.onChange&&d.onChange({target:{value:X}})},te=u=>{u.stopPropagation(),f&&t&&f.setValue(t,[]),d.onChange&&d.onChange({target:{value:[]}}),F(!1),k(!1),M("")},Y=_.filter(u=>W.includes(u.value)),U=Y.slice(0,b),G=Y.length-b;return e.createElement("div",{className:o("relative",s),ref:v},e.createElement("div",{id:d.id||t,tabIndex:w?-1:0,role:"button","aria-haspopup":"listbox","aria-expanded":c,className:o("peer flex items-center min-h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-2 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",n),onClick:J,onFocus:w?void 0:D,onBlur:w?void 0:Q,ref:m},e.createElement("div",{className:"flex flex-wrap gap-1 items-center min-h-[1.5rem] w-full"},U.map(u=>e.createElement("span",{key:u.value,className:"flex items-center border border-blue-200 bg-blue-50 text-blue-700 rounded-2xl px-3 py-1 text-xs shadow-sm gap-2",style:{maxWidth:"140px"}},e.createElement("span",{className:"truncate",title:u.label},u.label),e.createElement("button",{type:"button",className:"ml-1 text-[var(--primary,#2563eb)] hover:text-red-500 focus:outline-none w-4 h-4 flex items-center justify-center rounded-full transition-colors duration-150","aria-label":`Remover ${u.label}`,tabIndex:-1,onClick:V=>j(u.value,V)},e.createElement("svg",{width:"12",height:"12",viewBox:"0 0 12 12",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M3 3L9 9M9 3L3 9",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"}))))),G>0&&e.createElement("span",{className:"flex items-center border border-gray-200 bg-gray-100 text-gray-600 rounded-2xl px-3 py-1 text-xs"},"+",G," mais"),w?e.createElement("input",{ref:l,type:"text",value:S,onChange:Z,onFocus:D,onBlur:Q,placeholder:W.length===0&&!r?"Selecione...":"",className:"flex-1 min-w-[120px] bg-transparent border-none outline-none text-sm"}):W.length===0&&!r&&e.createElement("span",{className:"text-gray-400 text-sm"},"Selecione...")),B&&e.createElement("div",{className:"absolute right-8 top-1/2 -translate-y-1/2"},e.createElement("div",{className:"animate-spin rounded-full h-4 w-4 border-b-2 border-[var(--primary,#2563eb)]"})),C&&W&&W.length>0&&!B&&e.createElement("button",{type:"button",tabIndex:-1,"aria-label":"Limpar seleção",className:"absolute right-2 top-1/2 -translate-y-1/2 text-gray-400 hover:text-red-500 bg-transparent p-1 rounded-full focus:outline-none",onClick:te},"✕")),r&&e.createElement("label",{htmlFor:d.id||t,className:o("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",$?"top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white":"top-3 scale-100 translate-y-0.5")},r),e.createElement("div",{className:o("absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-20 transition-all duration-200 overflow-hidden",c?"border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:c?"9.5rem":"0",overflowY:_.length>3?"auto":"hidden"}},B?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},T):_.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},i):_.map(u=>e.createElement("div",{key:u.value,className:o("px-3 py-2 cursor-pointer hover:bg-blue-50 text-sm flex items-center gap-2",W.includes(u.value)&&"bg-blue-100 font-semibold"),onMouseDown:()=>ee(u.value)},e.createElement("input",{type:"checkbox",checked:W.includes(u.value),readOnly:!0,className:"accent-blue-500"}),u.label))),q&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},q))});ge.displayName="MultiAsyncSelect";const Ce={sm:"h-10 text-sm px-3",md:"h-12 text-base px-4",lg:"h-16 text-lg px-6"},pe=e.forwardRef(({name:t,label:r,options:a,className:n,containerClassName:s,optionClassName:C,direction:p="row",size:T="md",onFocus:i,onBlur:w,...E},b)=>{var c,F,_;const N=A.useFormContext(),h=N==null?void 0:N.control,d=h&&t?A.useWatch({control:h,name:t}):void 0,m=E.value??d??"",y=(_=(F=(c=N==null?void 0:N.formState)==null?void 0:c.errors)==null?void 0:F[t])==null?void 0:_.message,k=x=>{N&&t&&N.setValue(t,x),E.onChange&&E.onChange({target:{value:x}})};return e.createElement("div",{className:o("relative",s),ref:b},r&&e.createElement("label",{htmlFor:t,className:o("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm transition-all duration-200","top-0 scale-90 -translate-y-1 text-xs text-[var(--primary,#2563eb)] p-1 rounded-full bg-white")},r),e.createElement("div",{className:o("flex gap-2 w-full pt-6",p==="row"?"flex-row":"flex-col",n),"aria-label":r,tabIndex:-1,onFocus:i,onBlur:w},a.map(x=>e.createElement("button",{key:x.value,type:"button",className:o("relative flex items-center justify-center border rounded-lg transition-all duration-200 shadow-sm px-4 focus:outline-none focus:ring-2 focus:ring-[var(--primary-hover,#dbeafe)]",Ce[T],m===x.value?"border-[var(--primary,#2563eb)] bg-[var(--primary-hover,#dbeafe)] text-[var(--primary,#2563eb)] ring-2 ring-[var(--primary-hover,#dbeafe)] shadow-md transform scale-[1.02]":"border-gray-200 bg-white text-gray-600 hover:border-[var(--primary,#2563eb)] hover:bg-[var(--primary-hover,#dbeafe)] hover:text-[var(--primary,#2563eb)] hover:shadow-md",C),"aria-pressed":m===x.value,"data-selected":m===x.value,tabIndex:0,onClick:()=>k(x.value),onKeyDown:B=>{(B.key==="Enter"||B.key===" ")&&(B.preventDefault(),k(x.value))}},x.icon&&e.createElement("span",{className:"mr-2 text-lg flex items-center"},x.icon),e.createElement("span",{className:"truncate font-medium"},x.label)))),y&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},y))});pe.displayName="RadioGroup";const ae=R.forwardRef(({children:t,className:r,as:a="div",...n},s)=>R.createElement(a,{ref:s,className:o("px-6 py-4 border-b","bg-[var(--card-header-bg,rgba(249,250,251,0.5))]","border-[var(--card-header-border,#e5e7eb)]","text-[var(--card-text,#111827)]",r),...n},t));ae.displayName="CardHeader";const re=R.forwardRef(({children:t,className:r,as:a="div",...n},s)=>R.createElement(a,{ref:s,className:o("px-6 py-4","flex-1","bg-[var(--card-bg,#ffffff)]","text-[var(--card-text,#111827)]",r),...n},t));re.displayName="CardBody";const ne=R.forwardRef(({children:t,className:r,as:a="div",...n},s)=>R.createElement(a,{ref:s,className:o("px-6 py-4 border-t","bg-[var(--card-footer-bg,rgba(249,250,251,0.5))]","border-[var(--card-footer-border,#e5e7eb)]","text-[var(--card-text,#111827)]",r),...n},t));ne.displayName="CardFooter";const ke=R.forwardRef(({children:t,className:r,variant:a="default",size:n="md",padding:s="none",rounded:C="lg",constrainWidth:p=!1,...T},i)=>{const w={default:"bg-[var(--card-bg,#ffffff)] border border-[var(--card-border,#e5e7eb)] shadow-[var(--card-shadow-sm,0_1px_2px_0_rgb(0_0_0_/_0.05))]",outlined:"bg-[var(--card-bg,#ffffff)] border-2 border-[var(--primary,#2563eb)]",elevated:"bg-[var(--card-bg,#ffffff)] border border-[var(--card-border,#e5e7eb)] shadow-[var(--card-shadow-lg,0_10px_15px_-3px_rgb(0_0_0_/_0.1),_0_4px_6px_-4px_rgb(0_0_0_/_0.1))]",flat:"bg-[var(--card-bg,#ffffff)] border-0"},E={sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg"},b={none:"",sm:"p-3",md:"p-4",lg:"p-6"},N={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl"};return R.createElement("div",{ref:i,className:o("flex flex-col","overflow-hidden",w[a],p&&E[n],b[s],N[C],r),...T},t)}),Se=Object.assign(ke,{Header:ae,Body:re,Footer:ne}),he=R.forwardRef(({children:t,className:r,variant:a="default",size:n="md",responsive:s=!1,stickyHeader:C=!1,...p},T)=>{const i=o("w-full border-collapse bg-[var(--table-bg)] text-[var(--table-text)]",{"border border-[var(--table-border)]":a==="bordered"},{"text-sm":n==="sm","text-base":n==="md","text-lg":n==="lg"},r),w=o({"overflow-x-auto":s,"max-h-96 overflow-y-auto":C}),E=R.createElement("table",{ref:T,className:i,...p},t);return s||C?R.createElement("div",{className:w},E):E}),le=R.forwardRef(({children:t,className:r,as:a="thead",...n},s)=>R.createElement(a,{ref:s,className:o("border-b border-[var(--table-border)] bg-[var(--table-header-bg)]",{"sticky top-0 z-10":a==="thead"},r),...n},t)),oe=R.forwardRef(({children:t,className:r,as:a="tbody",...n},s)=>R.createElement(a,{ref:s,className:o("[&_tr:nth-child(odd)]:bg-[var(--table-row-odd)]","[&_tr:nth-child(even)]:bg-[var(--table-row-even)]",r),...n},t)),se=R.forwardRef(({children:t,className:r,as:a="tfoot",...n},s)=>R.createElement(a,{ref:s,className:o("border-t border-[var(--table-border)] bg-[var(--table-header-bg)] font-medium",r),...n},t)),ce=R.forwardRef(({children:t,className:r,variant:a="default",...n},s)=>R.createElement("tr",{ref:s,className:o("border-b border-[var(--table-border)] transition-colors",{"hover:bg-[var(--table-row-hover)]":a==="hover","bg-[var(--table-row-selected)]":a==="selected"},r),...n},t)),ie=R.forwardRef(({children:t,className:r,as:a="td",align:n="left",scope:s,colSpan:C,rowSpan:p,...T},i)=>R.createElement(a,{ref:i,scope:a==="th"?s:void 0,colSpan:C,rowSpan:p,className:o("px-4 py-3 text-left",{"font-semibold":a==="th","text-sm":a==="td","text-center":n==="center","text-right":n==="right"},r),...T},t));he.displayName="Table";le.displayName="TableHeader";oe.displayName="TableBody";se.displayName="TableFooter";ce.displayName="TableRow";ie.displayName="TableCell";const Fe=Object.assign(he,{Header:le,Body:oe,Footer:se,Row:ce,Cell:ie});exports.AsyncSelect=ve;exports.Button=Ne;exports.Card=Se;exports.CardBody=re;exports.CardFooter=ne;exports.CardHeader=ae;exports.Input=me;exports.MultiAsyncSelect=ge;exports.MultiSelect=xe;exports.RadioGroup=pe;exports.Select=fe;exports.Table=Fe;exports.TableBody=oe;exports.TableCell=ie;exports.TableFooter=se;exports.TableHeader=le;exports.TableRow=ce;exports.Textarea=be;

package/dist/rharuow-ds.es.js

@@ -23,12 +23,12 @@ const Re = ({
   className: a = "",
   ...n
 }) => {
-  const s = "px-4 py-2 rounded font-medium transition", N = {
+  const s = "px-4 py-2 rounded font-medium transition", C = {
     default: "bg-[var(--primary,#2563eb)] text-[var(--primary-text,#fff)] hover:bg-[var(--primary-hover,#1d4ed8)]",
     outline: "border border-[var(--primary,#2563eb)] text-[var(--primary,#2563eb)] bg-white hover:bg-[var(--primary-hover,#e0e7ff)]",
     secondary: "bg-[var(--secondary,#fbbf24)] text-[var(--secondary-text,#222)] hover:bg-[var(--secondary-hover,#f59e42)]"
   };
-  return /* @__PURE__ */ F.createElement("button", { className: o(s, N[r], a), ...n }, t);
+  return /* @__PURE__ */ F.createElement("button", { className: o(s, C[r], a), ...n }, t);
 }, xe = e.forwardRef(
   ({
     name: t,
@@ -36,7 +36,7 @@ const Re = ({
     type: a = "text",
     label: n,
     onFocus: s,
-    onBlur: N,
+    onBlur: C,
     Icon: p,
     iconClassName: _,
     iconAction: i,
@@ -44,7 +44,7 @@ const Re = ({
     ...E
   }, b) => {
     var V, v, l;
-    const [C, h] = e.useState(!1), [d, m] = e.useState(!1), y = j(), k = y == null ? void 0 : y.control, c = y == null ? void 0 : y.register, R = k && t ? D({ control: k, name: t }) : void 0, T = E.value ?? R ?? "", x = (l = (v = (V = y == null ? void 0 : y.formState) == null ? void 0 : V.errors) == null ? void 0 : v[t]) == null ? void 0 : l.message, L = C || !!T, I = a === "password" ? d ? "text" : "password" : a, S = () => /* @__PURE__ */ e.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement(
+    const [N, h] = e.useState(!1), [d, m] = e.useState(!1), y = j(), k = y == null ? void 0 : y.control, c = y == null ? void 0 : y.register, R = k && t ? D({ control: k, name: t }) : void 0, T = E.value ?? R ?? "", x = (l = (v = (V = y == null ? void 0 : y.formState) == null ? void 0 : V.errors) == null ? void 0 : v[t]) == null ? void 0 : l.message, L = N || !!T, I = a === "password" ? d ? "text" : "password" : a, S = () => /* @__PURE__ */ e.createElement("svg", { width: "20", height: "20", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, /* @__PURE__ */ e.createElement(
       "path",
       {
         d: "M12 4.5C7 4.5 2.73 7.61 1 12c1.73 4.39 6 7.5 11 7.5s9.27-3.11 11-7.5c-1.73-4.39-6-7.5-11-7.5zM12 17c-2.76 0-5-2.24-5-5s2.24-5 5-5 5 2.24 5 5-2.24 5-5 5zm0-8c-1.66 0-3 1.34-3 3s1.34 3 3 3 3-1.34 3-3-1.34-3-3-3z",
@@ -81,13 +81,13 @@ const Re = ({
               typeof b == "function" ? b(B) : b && (b.current = B), f.ref && f.ref(B);
             },
             onBlur: (B) => {
-              h(!1), N && N(B), A && A(B);
+              h(!1), C && C(B), A && A(B);
             }
           };
         })() : {
           ref: b,
           onBlur: (f) => {
-            h(!1), N && N(f);
+            h(!1), C && C(f);
           }
         },
         ...E
@@ -133,13 +133,13 @@ const ge = e.forwardRef(
     options: a,
     className: n,
     containerClassName: s,
-    isClearable: N,
+    isClearable: C,
     onFocus: p,
     onBlur: _,
     ...i
   }, w) => {
     var S, M, z, V;
-    const [E, b] = e.useState(!1), [C, h] = e.useState(!1), d = e.useRef(null), m = j(), y = m == null ? void 0 : m.control, k = y && t ? D({ control: y, name: t }) : void 0, c = i.value ?? k ?? "", R = (z = (M = (S = m == null ? void 0 : m.formState) == null ? void 0 : S.errors) == null ? void 0 : M[t]) == null ? void 0 : z.message, T = E || !!c;
+    const [E, b] = e.useState(!1), [N, h] = e.useState(!1), d = e.useRef(null), m = j(), y = m == null ? void 0 : m.control, k = y && t ? D({ control: y, name: t }) : void 0, c = i.value ?? k ?? "", R = (z = (M = (S = m == null ? void 0 : m.formState) == null ? void 0 : S.errors) == null ? void 0 : M[t]) == null ? void 0 : z.message, T = E || !!c;
     e.useEffect(() => {
       const v = (l) => {
         d.current && !d.current.contains(l.target) && (h(!1), b(!1));
@@ -162,7 +162,7 @@ const ge = e.forwardRef(
         tabIndex: 0,
         role: "button",
         "aria-haspopup": "listbox",
-        "aria-expanded": C,
+        "aria-expanded": N,
         className: o(
           "peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",
           n
@@ -173,7 +173,7 @@ const ge = e.forwardRef(
         ref: w
       },
       /* @__PURE__ */ e.createElement("span", { className: o("block truncate", !c && "text-gray-400") }, ((V = a.find((v) => v.value === c)) == null ? void 0 : V.label) || !r && "Selecione..."),
-      N && c && /* @__PURE__ */ e.createElement(
+      C && c && /* @__PURE__ */ e.createElement(
         "button",
         {
           type: "button",
@@ -207,10 +207,10 @@ const ge = e.forwardRef(
       {
         className: o(
           "absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-20 transition-all duration-200 overflow-hidden",
-          C ? "border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
+          N ? "border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
         ),
         style: {
-          maxHeight: C ? "9.5rem" : "0",
+          maxHeight: N ? "9.5rem" : "0",
           // 3 options * 2.5rem + padding
           overflowY: a.length > 3 ? "auto" : "hidden"
         }
@@ -246,7 +246,7 @@ const pe = e.forwardRef(
     label: a,
     onFocus: n,
     onBlur: s,
-    Icon: N,
+    Icon: C,
     iconClassName: p,
     iconAction: _,
     containerClassName: i,
@@ -254,7 +254,7 @@ const pe = e.forwardRef(
     ...E
   }, b) => {
     var x, L, I;
-    const [C, h] = e.useState(!1), d = j(), m = d == null ? void 0 : d.control, y = d == null ? void 0 : d.register, k = m && t ? D({ control: m, name: t }) : void 0, c = E.value ?? k ?? "", R = (I = (L = (x = d == null ? void 0 : d.formState) == null ? void 0 : x.errors) == null ? void 0 : L[t]) == null ? void 0 : I.message, T = C || !!c;
+    const [N, h] = e.useState(!1), d = j(), m = d == null ? void 0 : d.control, y = d == null ? void 0 : d.register, k = m && t ? D({ control: m, name: t }) : void 0, c = E.value ?? k ?? "", R = (I = (L = (x = d == null ? void 0 : d.formState) == null ? void 0 : x.errors) == null ? void 0 : L[t]) == null ? void 0 : I.message, T = N || !!c;
     return /* @__PURE__ */ e.createElement("div", { className: o("relative", i) }, /* @__PURE__ */ e.createElement(
       "textarea",
       {
@@ -262,7 +262,7 @@ const pe = e.forwardRef(
         rows: w,
         className: o(
           "peer flex min-h-[80px] w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 pt-6 pb-2 text-sm placeholder-transparent transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 resize-vertical",
-          N ? "pr-12" : "",
+          C ? "pr-12" : "",
           // espaço extra para ícone customizado
           r
         ),
@@ -298,7 +298,7 @@ const pe = e.forwardRef(
         )
       },
       a
-    ), N && /* @__PURE__ */ e.createElement(
+    ), C && /* @__PURE__ */ e.createElement(
       "div",
       {
         className: o(
@@ -307,7 +307,7 @@ const pe = e.forwardRef(
         ),
         onClick: _
       },
-      /* @__PURE__ */ e.createElement(N, null)
+      /* @__PURE__ */ e.createElement(C, null)
     ), R && /* @__PURE__ */ e.createElement("span", { className: "text-red-500 text-xs mt-1 block" }, R));
   }
 );
@@ -319,14 +319,14 @@ const he = e.forwardRef(
     loadOptions: a,
     className: n,
     containerClassName: s,
-    isClearable: N,
+    isClearable: C,
     defaultOptions: p = !1,
     loadingMessage: _ = "Carregando...",
     noOptionsMessage: i = "Nenhuma opção encontrada",
     searchable: w = !1,
     debounceMs: E = 300,
     onFocus: b,
-    onBlur: C,
+    onBlur: N,
     ...h
   }, d) => {
     var G, X, $;
@@ -368,7 +368,7 @@ const he = e.forwardRef(
     }, Q = (g) => {
       y(!0), b && b(g);
     }, Y = (g) => {
-      C && C(g);
+      N && N(g);
     }, U = (g) => {
       S(g.target.value);
     }, ee = (g) => {
@@ -422,7 +422,7 @@ const he = e.forwardRef(
         }
       ) : /* @__PURE__ */ e.createElement("span", { className: o("block truncate", !B && "text-gray-400") }, (P == null ? void 0 : P.label) || !r && "Selecione..."),
       x && /* @__PURE__ */ e.createElement("div", { className: "absolute right-8 top-1/2 -translate-y-1/2" }, /* @__PURE__ */ e.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-[var(--primary,#2563eb)]" })),
-      N && B && !x && /* @__PURE__ */ e.createElement(
+      C && B && !x && /* @__PURE__ */ e.createElement(
         "button",
         {
           type: "button",
@@ -478,13 +478,13 @@ const ye = e.forwardRef(
     options: a,
     className: n,
     containerClassName: s,
-    isClearable: N,
+    isClearable: C,
     onFocus: p,
     onBlur: _,
     ...i
   }, w) => {
     var z, V, v;
-    const [E, b] = e.useState(!1), [C, h] = e.useState(!1), d = e.useRef(null), m = j(), y = m == null ? void 0 : m.control, k = y && t ? D({ control: y, name: t }) : void 0, c = i.value ?? k ?? [], R = (v = (V = (z = m == null ? void 0 : m.formState) == null ? void 0 : z.errors) == null ? void 0 : V[t]) == null ? void 0 : v.message, T = E || c && c.length > 0;
+    const [E, b] = e.useState(!1), [N, h] = e.useState(!1), d = e.useRef(null), m = j(), y = m == null ? void 0 : m.control, k = y && t ? D({ control: y, name: t }) : void 0, c = i.value ?? k ?? [], R = (v = (V = (z = m == null ? void 0 : m.formState) == null ? void 0 : z.errors) == null ? void 0 : V[t]) == null ? void 0 : v.message, T = E || c && c.length > 0;
     e.useEffect(() => {
       const l = (f) => {
         d.current && !d.current.contains(f.target) && (h(!1), b(!1));
@@ -518,7 +518,7 @@ const ye = e.forwardRef(
         tabIndex: 0,
         role: "button",
         "aria-haspopup": "listbox",
-        "aria-expanded": C,
+        "aria-expanded": N,
         className: o(
           "peer flex items-center h-12 w-full border border-[var(--primary,#2563eb)] rounded-md bg-[var(--input-bg,#fff)] text-[var(--input-text,#222)] px-3 py-3 text-sm transition focus:outline-none focus:border-[var(--primary,#2563eb)] disabled:cursor-not-allowed disabled:opacity-50 appearance-none cursor-pointer relative",
           n
@@ -579,7 +579,7 @@ const ye = e.forwardRef(
           )
         )) : !r && /* @__PURE__ */ e.createElement("span", { className: "text-gray-400 text-sm" }, "Selecione...")
       ),
-      N && c && c.length > 0 && /* @__PURE__ */ e.createElement(
+      C && c && c.length > 0 && /* @__PURE__ */ e.createElement(
         "button",
         {
           type: "button",
@@ -605,10 +605,10 @@ const ye = e.forwardRef(
       {
         className: o(
           "absolute left-0 w-full mt-1 rounded-md shadow-lg bg-white z-20 transition-all duration-200 overflow-hidden",
-          C ? "border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
+          N ? "border border-[var(--primary,#2563eb)] max-h-36 opacity-100 scale-100" : "max-h-0 opacity-0 scale-95 pointer-events-none"
         ),
         style: {
-          maxHeight: C ? "9.5rem" : "0",
+          maxHeight: N ? "9.5rem" : "0",
           overflowY: a.length > 3 ? "auto" : "hidden"
         }
       },
@@ -644,14 +644,14 @@ const we = e.forwardRef(
     loadOptions: a,
     className: n,
     containerClassName: s,
-    isClearable: N,
+    isClearable: C,
     defaultOptions: p = !1,
     loadingMessage: _ = "Carregando...",
     noOptionsMessage: i = "Nenhuma opção encontrada",
     searchable: w = !1,
     debounceMs: E = 300,
     maxSelectedDisplay: b = 3,
-    onFocus: C,
+    onFocus: N,
     onBlur: h,
     ...d
   }, m) => {
@@ -692,7 +692,7 @@ const we = e.forwardRef(
         return (u = l.current) == null ? void 0 : u.focus();
       }, 0));
     }, Y = (u) => {
-      k(!0), C && C(u);
+      k(!0), N && N(u);
     }, U = (u) => {
       h && h(u);
     }, ee = (u) => {
@@ -781,7 +781,7 @@ const we = e.forwardRef(
         }
       ) : O.length === 0 && !r && /* @__PURE__ */ e.createElement("span", { className: "text-gray-400 text-sm" }, "Selecione...")),
       L && /* @__PURE__ */ e.createElement("div", { className: "absolute right-8 top-1/2 -translate-y-1/2" }, /* @__PURE__ */ e.createElement("div", { className: "animate-spin rounded-full h-4 w-4 border-b-2 border-[var(--primary,#2563eb)]" })),
-      N && O && O.length > 0 && !L && /* @__PURE__ */ e.createElement(
+      C && O && O.length > 0 && !L && /* @__PURE__ */ e.createElement(
         "button",
         {
           type: "button",
@@ -850,7 +850,7 @@ const Ee = {
     options: a,
     className: n,
     containerClassName: s,
-    optionClassName: N,
+    optionClassName: C,
     direction: p = "row",
     size: _ = "md",
     onFocus: i,
@@ -858,8 +858,8 @@ const Ee = {
     ...E
   }, b) => {
     var c, R, T;
-    const C = j(), h = C == null ? void 0 : C.control, d = h && t ? D({ control: h, name: t }) : void 0, m = E.value ?? d ?? "", y = (T = (R = (c = C == null ? void 0 : C.formState) == null ? void 0 : c.errors) == null ? void 0 : R[t]) == null ? void 0 : T.message, k = (x) => {
-      C && t && C.setValue(t, x), E.onChange && E.onChange({ target: { value: x } });
+    const N = j(), h = N == null ? void 0 : N.control, d = h && t ? D({ control: h, name: t }) : void 0, m = E.value ?? d ?? "", y = (T = (R = (c = N == null ? void 0 : N.formState) == null ? void 0 : c.errors) == null ? void 0 : R[t]) == null ? void 0 : T.message, k = (x) => {
+      N && t && N.setValue(t, x), E.onChange && E.onChange({ target: { value: x } });
     };
     return /* @__PURE__ */ e.createElement("div", { className: o("relative", s), ref: b }, r && /* @__PURE__ */ e.createElement(
       "label",
@@ -894,7 +894,7 @@ const Ee = {
             "relative flex items-center justify-center border rounded-lg transition-all duration-200 shadow-sm px-4 focus:outline-none focus:ring-2 focus:ring-[var(--primary-hover,#dbeafe)]",
             Ee[_],
             m === x.value ? "border-[var(--primary,#2563eb)] bg-[var(--primary-hover,#dbeafe)] text-[var(--primary,#2563eb)] ring-2 ring-[var(--primary-hover,#dbeafe)] shadow-md transform scale-[1.02]" : "border-gray-200 bg-white text-gray-600 hover:border-[var(--primary,#2563eb)] hover:bg-[var(--primary-hover,#dbeafe)] hover:text-[var(--primary,#2563eb)] hover:shadow-md",
-            N
+            C
           ),
           "aria-pressed": m === x.value,
           "data-selected": m === x.value,
@@ -974,24 +974,26 @@ const Ce = F.forwardRef(
     size: n = "md",
     padding: s = "none",
     // none pois cada seção tem seu próprio padding
-    rounded: N = "lg",
-    ...p
-  }, _) => {
-    const i = {
+    rounded: C = "lg",
+    constrainWidth: p = !1,
+    // Por padrão, não aplicar max-width
+    ..._
+  }, i) => {
+    const w = {
       default: "bg-[var(--card-bg,#ffffff)] border border-[var(--card-border,#e5e7eb)] shadow-[var(--card-shadow-sm,0_1px_2px_0_rgb(0_0_0_/_0.05))]",
       outlined: "bg-[var(--card-bg,#ffffff)] border-2 border-[var(--primary,#2563eb)]",
       elevated: "bg-[var(--card-bg,#ffffff)] border border-[var(--card-border,#e5e7eb)] shadow-[var(--card-shadow-lg,0_10px_15px_-3px_rgb(0_0_0_/_0.1),_0_4px_6px_-4px_rgb(0_0_0_/_0.1))]",
       flat: "bg-[var(--card-bg,#ffffff)] border-0"
-    }, w = {
+    }, E = {
       sm: "max-w-sm",
       md: "max-w-md",
       lg: "max-w-lg"
-    }, E = {
+    }, b = {
       none: "",
       sm: "p-3",
       md: "p-4",
       lg: "p-6"
-    }, b = {
+    }, N = {
       none: "rounded-none",
       sm: "rounded-sm",
       md: "rounded-md",
@@ -1001,19 +1003,20 @@ const Ce = F.forwardRef(
     return /* @__PURE__ */ F.createElement(
       "div",
       {
-        ref: _,
+        ref: i,
         className: o(
           "flex flex-col",
           // Flex column para organizar header, body, footer
           "overflow-hidden",
           // Para manter os borders radius das seções
-          i[a],
-          w[n],
-          E[s],
-          b[N],
+          w[a],
+          p && E[n],
+          // Aplicar max-width apenas se constrainWidth for true
+          b[s],
+          N[C],
           r
         ),
-        ...p
+        ..._
       },
       t
     );
@@ -1029,7 +1032,7 @@ const Ce = F.forwardRef(
     variant: a = "default",
     size: n = "md",
     responsive: s = !1,
-    stickyHeader: N = !1,
+    stickyHeader: C = !1,
     ...p
   }, _) => {
     const i = o(
@@ -1049,7 +1052,7 @@ const Ce = F.forwardRef(
     ), w = o(
       {
         "overflow-x-auto": s,
-        "max-h-96 overflow-y-auto": N
+        "max-h-96 overflow-y-auto": C
       }
     ), E = /* @__PURE__ */ F.createElement(
       "table",
@@ -1060,7 +1063,7 @@ const Ce = F.forwardRef(
       },
       t
     );
-    return s || N ? /* @__PURE__ */ F.createElement("div", { className: w }, E) : E;
+    return s || C ? /* @__PURE__ */ F.createElement("div", { className: w }, E) : E;
   }
 ), ie = F.forwardRef(
   ({ children: t, className: r, as: a = "thead", ...n }, s) => /* @__PURE__ */ F.createElement(
@@ -1129,7 +1132,7 @@ const Ce = F.forwardRef(
     as: a = "td",
     align: n = "left",
     scope: s,
-    colSpan: N,
+    colSpan: C,
     rowSpan: p,
     ..._
   }, i) => /* @__PURE__ */ F.createElement(
@@ -1137,7 +1140,7 @@ const Ce = F.forwardRef(
     {
       ref: i,
       scope: a === "th" ? s : void 0,
-      colSpan: N,
+      colSpan: C,
       rowSpan: p,
       className: o(
         "px-4 py-3 text-left",

package/dist/types/src/components/Card.d.ts

@@ -19,6 +19,7 @@ export interface CardProps extends React.HTMLAttributes<HTMLDivElement> {
     size?: 'sm' | 'md' | 'lg';
     padding?: 'none' | 'sm' | 'md' | 'lg';
     rounded?: 'none' | 'sm' | 'md' | 'lg' | 'xl';
+    constrainWidth?: boolean;
 }
 declare const CardHeader: React.ForwardRefExoticComponent<CardHeaderProps & React.RefAttributes<HTMLDivElement>>;
 declare const CardBody: React.ForwardRefExoticComponent<CardBodyProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/src/stories/Card.stories.d.ts

@@ -15,3 +15,4 @@ export declare const WithoutPadding: Story;
 export declare const InteractiveCard: Story;
 export declare const DarkTheme: Story;
 export declare const ThemeComparison: Story;
+export declare const FullWidthCards: Story;

package/dist/types/src/stories/Table.stories.d.ts

@@ -1,12 +1,13 @@
+import React from "react";
 import type { StoryObj } from "@storybook/react";
 declare const meta: {
     title: string;
-    component: import("react").ForwardRefExoticComponent<import("../components/Table").TableProps & import("react").RefAttributes<HTMLTableElement>> & {
-        Header: import("react").ForwardRefExoticComponent<import("../components/Table").TableHeaderProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-        Body: import("react").ForwardRefExoticComponent<import("../components/Table").TableBodyProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-        Footer: import("react").ForwardRefExoticComponent<import("../components/Table").TableFooterProps & import("react").RefAttributes<HTMLTableSectionElement>>;
-        Row: import("react").ForwardRefExoticComponent<import("../components/Table").TableRowProps & import("react").RefAttributes<HTMLTableRowElement>>;
-        Cell: import("react").ForwardRefExoticComponent<import("../components/Table").TableCellProps & import("react").RefAttributes<HTMLTableCellElement>>;
+    component: React.ForwardRefExoticComponent<import("../components/Table").TableProps & React.RefAttributes<HTMLTableElement>> & {
+        Header: React.ForwardRefExoticComponent<import("../components/Table").TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
+        Body: React.ForwardRefExoticComponent<import("../components/Table").TableBodyProps & React.RefAttributes<HTMLTableSectionElement>>;
+        Footer: React.ForwardRefExoticComponent<import("../components/Table").TableFooterProps & React.RefAttributes<HTMLTableSectionElement>>;
+        Row: React.ForwardRefExoticComponent<import("../components/Table").TableRowProps & React.RefAttributes<HTMLTableRowElement>>;
+        Cell: React.ForwardRefExoticComponent<import("../components/Table").TableCellProps & React.RefAttributes<HTMLTableCellElement>>;
     };
     parameters: {
         layout: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "rharuow-ds",
-  "version": "1.2.0",
+  "version": "1.3.0",
   "description": "Modern React Design System with 10 components: Table (Header, Body, Footer, Row, Cell), Card (Header, Body, Footer), Button, Input (with password support), Textarea, Select, AsyncSelect, MultiSelect, MultiAsyncSelect, and RadioGroup. Full React Hook Form integration, Tailwind CSS styling, CSS Variables for theme customization and dark mode support.",
   "main": "dist/rharuow-ds.cjs.js",
   "module": "dist/rharuow-ds.es.js",