rharuow-ds 1.5.0 → 1.5.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +50 -4
- package/dist/rharuow-ds.cjs.js +1 -1
- package/dist/rharuow-ds.es.js +1 -1
- package/dist/styles.css +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -44,9 +44,9 @@ Um Design System moderno em React com integração completa ao React Hook Form,
|
|
|
44
44
|
## 🌟 Características
|
|
45
45
|
|
|
46
46
|
- ⚛️ **React 18+** com TypeScript
|
|
47
|
-
- 🧩 **
|
|
48
|
-
-
|
|
49
|
-
-
|
|
47
|
+
- 🧩 **11 componentes** prontos para uso (Input, Textarea, Select, AsyncSelect, MultiSelect, MultiAsyncSelect, RadioGroup, Button, Card, Table, Tooltip)
|
|
48
|
+
- 💡 **Filtro digitável** em componentes Select - Digite para encontrar opções rapidamente
|
|
49
|
+
- 🔗 **Integração nativa** com React Hook Form
|
|
50
50
|
- 🎨 **Customização via CSS Variables** - Mude o tema facilmente
|
|
51
51
|
- 🎯 **Componentes acessíveis** (ARIA)
|
|
52
52
|
- 📱 **Responsivo** por padrão
|
|
@@ -109,6 +109,7 @@ npm install react-hook-form
|
|
|
109
109
|
AsyncSelect,
|
|
110
110
|
MultiSelect,
|
|
111
111
|
RadioGroup,
|
|
112
|
+
Tooltip,
|
|
112
113
|
} from "rharuow-ds";
|
|
113
114
|
|
|
114
115
|
function App() {
|
|
@@ -169,7 +170,10 @@ npm install react-hook-form
|
|
|
169
170
|
{ label: "Grande", value: "lg" },
|
|
170
171
|
]}
|
|
171
172
|
/>
|
|
172
|
-
|
|
173
|
+
|
|
174
|
+
<Tooltip content="Clique para enviar o formulário" position="top">
|
|
175
|
+
<Button variant="default">Enviar</Button>
|
|
176
|
+
</Tooltip>
|
|
173
177
|
</div>
|
|
174
178
|
);
|
|
175
179
|
}
|
|
@@ -189,6 +193,7 @@ npm install react-hook-form
|
|
|
189
193
|
MultiAsyncSelect,
|
|
190
194
|
RadioGroup,
|
|
191
195
|
Button,
|
|
196
|
+
Tooltip,
|
|
192
197
|
} from "rharuow-ds";
|
|
193
198
|
|
|
194
199
|
function FormExample() {
|
|
@@ -395,6 +400,47 @@ Radio buttons modernos e criativos:
|
|
|
395
400
|
- ✅ Diferentes tamanhos (sm, md, lg)
|
|
396
401
|
- ✅ Animações ao selecionar
|
|
397
402
|
|
|
403
|
+
### 💡 **Tooltip**
|
|
404
|
+
|
|
405
|
+
Componente de tooltip inteligente e acessível:
|
|
406
|
+
|
|
407
|
+
- ✅ **Posicionamento automático**: top, bottom, left, right
|
|
408
|
+
- ✅ **Detecção de bordas**: Ajusta posição automaticamente se não couber na tela
|
|
409
|
+
- ✅ **Acessibilidade completa**: Suporte a navegação por teclado e screen readers
|
|
410
|
+
- ✅ **Animações suaves**: Transições de entrada e saída elegantes
|
|
411
|
+
- ✅ **Seta indicativa**: Aponta para o elemento que ativou o tooltip
|
|
412
|
+
- ✅ **Suporte a temas**: Variáveis CSS para light/dark mode
|
|
413
|
+
- ✅ **Flexível**: Funciona com qualquer elemento como trigger
|
|
414
|
+
- ✅ **Controle de estado**: Pode ser desabilitado conforme necessário
|
|
415
|
+
|
|
416
|
+
```tsx
|
|
417
|
+
// Tooltip básico
|
|
418
|
+
<Tooltip content="Informação útil" position="top">
|
|
419
|
+
<Button>Passe o mouse aqui</Button>
|
|
420
|
+
</Tooltip>
|
|
421
|
+
|
|
422
|
+
// Tooltip com texto
|
|
423
|
+
<Tooltip content="Clique para mais detalhes" position="right">
|
|
424
|
+
<span className="underline cursor-help">
|
|
425
|
+
Texto com tooltip
|
|
426
|
+
</span>
|
|
427
|
+
</Tooltip>
|
|
428
|
+
|
|
429
|
+
// Tooltip personalizado
|
|
430
|
+
<Tooltip
|
|
431
|
+
content="Tooltip customizado"
|
|
432
|
+
position="bottom"
|
|
433
|
+
className="bg-red-500 text-white"
|
|
434
|
+
>
|
|
435
|
+
<Button variant="outline">Hover aqui</Button>
|
|
436
|
+
</Tooltip>
|
|
437
|
+
|
|
438
|
+
// Tooltip desabilitado
|
|
439
|
+
<Tooltip content="Este não aparece" disabled>
|
|
440
|
+
<Button>Tooltip desabilitado</Button>
|
|
441
|
+
</Tooltip>
|
|
442
|
+
```
|
|
443
|
+
|
|
398
444
|
---
|
|
399
445
|
|
|
400
446
|
## 🎨 Customização de Tema
|
package/dist/rharuow-ds.cjs.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),G=require("react-hook-form");function _e(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return o.default=t,Object.freeze(o)}const e=_e(y);function ye(t){var o,r,n="";if(typeof t=="string"||typeof t=="number")n+=t;else if(typeof t=="object")if(Array.isArray(t)){var f=t.length;for(o=0;o<f;o++)t[o]&&(r=ye(t[o]))&&(n&&(n+=" "),n+=r)}else for(r in t)t[r]&&(n&&(n+=" "),n+=r);return n}function Te(){for(var t,o,r=0,n="",f=arguments.length;r<f;r++)(t=arguments[r])&&(o=ye(t))&&(n&&(n+=" "),n+=o);return n}function u(...t){return Te(...t)}const Pe=({children:t,variant:o="default",className:r="",...n})=>{const f="px-4 py-2 rounded font-medium transition",E={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 y.createElement("button",{className:u(f,E[o],r),...n},t)},Ee=e.forwardRef(({name:t,className:o,type:r="text",label:n,onFocus:f,onBlur:E,Icon:m,iconClassName:P,iconAction:z,containerClassName:C,...v},w)=>{var J,V,W;const[p,M]=e.useState(!1),[h,R]=e.useState(!1),c=G.useFormContext(),i=c==null?void 0:c.control,x=c==null?void 0:c.register,L=i&&t?G.useWatch({control:i,name:t}):void 0,k=v.value??L??"",g=(W=(V=(J=c==null?void 0:c.formState)==null?void 0:J.errors)==null?void 0:V[t])==null?void 0:W.message,H=["date","datetime-local","time","month","week"].includes(r),b=p||!!k||H,$=r==="password"?h?"text":"password":r,D=()=>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"})),N=()=>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"})),q=()=>{R(!h)};return e.createElement("div",{className:u("relative",C)},e.createElement("input",{id:v.id||t,type:$,className:u("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",r==="password"||m?"pr-12":"",o),onFocus:S=>{M(!0),f&&f(S)},...c&&t?(()=>{const S=x(t),Q=S.onBlur;return{...S,ref:O=>{typeof w=="function"?w(O):w&&(w.current=O),S.ref&&S.ref(O)},onBlur:O=>{M(!1),E&&E(O),Q&&Q(O)}}})():{ref:w,onBlur:S=>{M(!1),E&&E(S)}},...v}),n&&e.createElement("label",{htmlFor:v.id||t,className:u("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),r==="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:q,"aria-label":h?"Esconder senha":"Mostrar senha",tabIndex:-1},h?e.createElement(N,null):e.createElement(D,null)),m&&r!=="password"&&e.createElement("div",{className:u("absolute top-1/2 right-3 -translate-y-1/2 text-gray-400 cursor-pointer hover:text-[var(--primary,#2563eb)] transition-colors duration-200",P),onClick:z},e.createElement(m,null)),g&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},g))});Ee.displayName="Input";const Ce=e.forwardRef(({name:t,label:o,options:r,className:n,containerClassName:f,isClearable:E,searchable:m=!1,filterPlaceholder:P="Digite para filtrar...",caseSensitive:z=!1,filterFunction:C,onFocus:v,onBlur:w,...p},M)=>{var te,ae,l,_;const[h,R]=e.useState(!1),[c,i]=e.useState(!1),[x,L]=e.useState(""),[k,g]=e.useState({top:0,left:0,width:0}),F=e.useRef(null),H=e.useRef(null),b=G.useFormContext(),$=b==null?void 0:b.control,D=$&&t?G.useWatch({control:$,name:t}):void 0,N=p.value??D??"",q=(l=(ae=(te=b==null?void 0:b.formState)==null?void 0:te.errors)==null?void 0:ae[t])==null?void 0:l.message,V=C||((a,T)=>{const j=z?a.label:a.label.toLowerCase(),U=z?T:T.toLowerCase();return j.includes(U)}),W=x.trim()?r.filter(a=>V(a,x.trim())):r,S=r.find(a=>a.value===N),Q=m&&c?x:(S==null?void 0:S.label)||"",O=h||!!N||m&&!!x,A=e.useCallback(()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||window.innerWidth<=768,[]),X=e.useCallback(()=>{if(F.current&&c){const a=F.current.getBoundingClientRect(),T=A(),j=window.innerHeight,U=window.innerWidth,Y=152;let d=a.bottom+4,I=a.left;if(T){const re=j-a.bottom,s=a.top;re<Y&&s>Y&&(d=a.top-Y-4);const B=16,K=U-a.width-B;I=Math.min(Math.max(I,B),K)}else j-a.bottom<Y&&(d=a.top-Y-4);g({top:d,left:I,width:a.width})}},[c,A]);e.useEffect(()=>{if(X(),c){const a=()=>X(),T=()=>X();return window.addEventListener("resize",a),window.addEventListener("scroll",T,!0),()=>{window.removeEventListener("resize",a),window.removeEventListener("scroll",T,!0)}}},[c,X]),e.useEffect(()=>{const a=T=>{F.current&&!F.current.contains(T.target)&&(i(!1),R(!1))};return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a)}},[]);const ne=()=>{i(a=>!a),R(!0)},Z=a=>{R(!0),v&&v(a)},ee=a=>{w&&w(a)},le=a=>{L(a.target.value)},oe=a=>{if(b&&t&&b.setValue(t,a),p.onChange){const T={target:{value:a}};p.onChange(T)}i(!1),R(!1),L("")};return e.createElement("div",{className:u("relative",f),ref:F},e.createElement("div",{id:p.id||t,tabIndex:0,role:"button","aria-haspopup":"listbox","aria-expanded":c,className:u("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:m?void 0:ne,onFocus:m?void 0:Z,onBlur:m?void 0:ee,ref:M},m?e.createElement("input",{ref:H,type:"text",value:Q,onChange:le,onFocus:m?a=>{R(!0),i(!0),v&&v(a)}:void 0,onBlur:m?a=>{w&&w(a)}:void 0,placeholder:o?"":P||"Selecione...",className:u("w-full bg-transparent border-none outline-none text-sm",!N&&!x&&"text-gray-400")}):e.createElement("span",{className:u("block truncate",!N&&"text-gray-400")},((_=r.find(a=>a.value===N))==null?void 0:_.label)||!o&&"Selecione..."),E&&N&&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:a=>{if(a.stopPropagation(),b&&t&&b.setValue(t,""),p.onChange){const T={target:{value:""}};p.onChange(T)}i(!1),R(!1)}},"✕")),o&&e.createElement("label",{htmlFor:p.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",O?"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")},o),e.createElement("div",{className:u("absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden","bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",c?"border max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:c?"9.5rem":"0",overflowY:r.length>3?"auto":"hidden",position:"fixed",top:c?`${k.top}px`:"auto",left:c?`${k.left}px`:"auto",width:c?`${k.width}px`:"auto",zIndex:9999,boxShadow:c?"var(--select-dropdown-shadow)":"none"}},W.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},"Nenhuma opção encontrada"):W.map(a=>e.createElement("div",{key:a.value,className:u("px-3 py-2 cursor-pointer text-sm transition-colors duration-150","hover:bg-[var(--select-dropdown-hover)]",N===a.value&&"bg-[var(--select-dropdown-selected)]"),onMouseDown:()=>oe(a.value)},a.label))),q&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},q))});Ce.displayName="Select";const Ne=e.forwardRef(({name:t,className:o,label:r,onFocus:n,onBlur:f,Icon:E,iconClassName:m,iconAction:P,containerClassName:z,rows:C=4,...v},w)=>{var g,F,H;const[p,M]=e.useState(!1),h=G.useFormContext(),R=h==null?void 0:h.control,c=h==null?void 0:h.register,i=R&&t?G.useWatch({control:R,name:t}):void 0,x=v.value??i??"",L=(H=(F=(g=h==null?void 0:h.formState)==null?void 0:g.errors)==null?void 0:F[t])==null?void 0:H.message,k=p||!!x;return e.createElement("div",{className:u("relative",z)},e.createElement("textarea",{id:v.id||t,rows:C,className:u("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",E?"pr-12":"",o),onFocus:b=>{M(!0),n&&n(b)},...h&&t?(()=>{const b=c(t),$=b.onBlur;return{...b,ref:D=>{typeof w=="function"?w(D):w&&(w.current=D),b.ref&&b.ref(D)},onBlur:D=>{M(!1),f&&f(D),$&&$(D)}}})():{ref:w,onBlur:b=>{M(!1),f&&f(b)}},...v}),r&&e.createElement("label",{htmlFor:v.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",k?"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&&e.createElement("div",{className:u("absolute top-3 right-3 text-gray-400 cursor-pointer hover:text-[var(--primary,#2563eb)] transition-colors duration-200",m),onClick:P},e.createElement(E,null)),L&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},L))});Ne.displayName="Textarea";const Se=e.forwardRef(({name:t,label:o,loadOptions:r,className:n,containerClassName:f,isClearable:E,defaultOptions:m=!1,loadingMessage:P="Carregando...",noOptionsMessage:z="Nenhuma opção encontrada",searchable:C=!1,debounceMs:v=300,onFocus:w,onBlur:p,...M},h)=>{var j,U,Y;const[R,c]=e.useState(!1),[i,x]=e.useState(!1),[L,k]=e.useState([]),[g,F]=e.useState(!1),[H,b]=e.useState(""),[$,D]=e.useState(""),[N,q]=e.useState({top:0,left:0,width:0}),J=e.useRef(null),V=e.useRef(null),W=G.useFormContext(),S=W==null?void 0:W.control,Q=S&&t?G.useWatch({control:S,name:t}):void 0,O=M.value??Q??"",A=(Y=(U=(j=W==null?void 0:W.formState)==null?void 0:j.errors)==null?void 0:U[t])==null?void 0:Y.message,X=R||!!O,ne=e.useCallback(()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||window.innerWidth<=768,[]),Z=e.useCallback(()=>{if(J.current&&i){const d=J.current.getBoundingClientRect(),I=ne(),re=window.innerHeight,s=window.innerWidth,B=152;let K=d.bottom+4,ie=d.left;if(I){const se=re-d.bottom,de=d.top;se<B&&de>B&&(K=d.top-B-4);const ce=16,ue=s-d.width-ce;ie=Math.min(Math.max(ie,ce),ue)}else re-d.bottom<B&&(K=d.top-B-4);q({top:K,left:ie,width:d.width})}},[i,ne]);e.useEffect(()=>{if(Z(),i){const d=()=>Z(),I=()=>Z();return window.addEventListener("resize",d),window.addEventListener("scroll",I,!0),()=>{window.removeEventListener("resize",d),window.removeEventListener("scroll",I,!0)}}},[i,Z]),e.useEffect(()=>{const d=setTimeout(()=>{D(H)},v);return()=>clearTimeout(d)},[H,v]),e.useEffect(()=>{(i||m&&L.length===0)&&ee(C?$:void 0)},[$,i]),e.useEffect(()=>{m===!0?ee():Array.isArray(m)&&k(m)},[]);const ee=async d=>{try{F(!0);const I=await r(d);k(I)}catch(I){console.error("Error loading options:",I),k([])}finally{F(!1)}};e.useEffect(()=>{const d=I=>{J.current&&!J.current.contains(I.target)&&(x(!1),c(!1),b(""))};return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[]);const le=()=>{i||(x(!0),c(!0),C&&V.current&&setTimeout(()=>{var d;return(d=V.current)==null?void 0:d.focus()},0))},oe=d=>{c(!0),w&&w(d)},te=d=>{p&&p(d)},ae=d=>{b(d.target.value)},l=d=>{if(W&&t&&W.setValue(t,d),M.onChange){const I={target:{value:d}};M.onChange(I)}x(!1),c(!1),b("")},_=d=>{if(d.stopPropagation(),W&&t&&W.setValue(t,""),M.onChange){const I={target:{value:""}};M.onChange(I)}x(!1),c(!1),b("")},a=L.find(d=>d.value===O),T=C&&i?H:(a==null?void 0:a.label)||"";return e.createElement("div",{className:u("relative",f),ref:J},e.createElement("div",{id:M.id||t,tabIndex:C?-1:0,role:"button","aria-haspopup":"listbox","aria-expanded":i,className:u("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:le,onFocus:C?void 0:oe,onBlur:C?void 0:te,ref:h},C?e.createElement("input",{ref:V,type:"text",value:T,onChange:ae,onFocus:oe,onBlur:te,placeholder:o?"":"Selecione...",className:u("w-full bg-transparent border-none outline-none text-sm",!O&&!H&&"text-gray-400")}):e.createElement("span",{className:u("block truncate",!O&&"text-gray-400")},(a==null?void 0:a.label)||!o&&"Selecione..."),g&&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)]"})),E&&O&&!g&&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:_},"✕")),o&&e.createElement("label",{htmlFor:M.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",X?"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")},o),e.createElement("div",{className:u("absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden","bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",i?"border max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:i?"9.5rem":"0",overflowY:L.length>3?"auto":"hidden",position:"fixed",top:i?`${N.top}px`:"auto",left:i?`${N.left}px`:"auto",width:i?`${N.width}px`:"auto",zIndex:9999,boxShadow:i?"var(--select-dropdown-shadow)":"none"}},g?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},P):L.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},z):L.map(d=>e.createElement("div",{key:d.value,className:u("px-3 py-2 cursor-pointer text-sm transition-colors duration-150","hover:bg-[var(--select-dropdown-hover)]",O===d.value&&"bg-[var(--select-dropdown-selected)]"),onMouseDown:()=>l(d.value)},d.label))),A&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},A))});Se.displayName="AsyncSelect";const ke=e.forwardRef(({name:t,label:o,options:r,className:n,containerClassName:f,isClearable:E,searchable:m=!1,filterPlaceholder:P="Digite para filtrar...",caseSensitive:z=!1,filterFunction:C,onFocus:v,onBlur:w,...p},M)=>{var oe,te,ae;const[h,R]=e.useState(!1),[c,i]=e.useState(!1),[x,L]=e.useState(""),[k,g]=e.useState({top:0,left:0,width:0}),F=e.useRef(null),H=e.useRef(null),b=G.useFormContext(),$=b==null?void 0:b.control,D=$&&t?G.useWatch({control:$,name:t}):void 0,N=p.value??D??[],q=(ae=(te=(oe=b==null?void 0:b.formState)==null?void 0:oe.errors)==null?void 0:te[t])==null?void 0:ae.message,V=C||((l,_)=>{const a=z?l.label:l.label.toLowerCase(),T=z?_:_.toLowerCase();return a.includes(T)}),W=x.trim()?r.filter(l=>V(l,x.trim())):r,S=h||N&&N.length>0||m&&!!x,Q=e.useCallback(()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||window.innerWidth<=768,[]),O=e.useCallback(()=>{if(F.current&&c){const l=F.current.getBoundingClientRect(),_=Q(),a=window.innerHeight,T=window.innerWidth,j=152;let U=l.bottom+4,Y=l.left;if(_){const d=a-l.bottom,I=l.top;d<j&&I>j&&(U=l.top-j-4);const re=16,s=T-l.width-re;Y=Math.min(Math.max(Y,re),s)}else a-l.bottom<j&&(U=l.top-j-4);g({top:U,left:Y,width:l.width})}},[c,Q]);e.useEffect(()=>{if(O(),c){const l=()=>O(),_=()=>O();return window.addEventListener("resize",l),window.addEventListener("scroll",_,!0),()=>{window.removeEventListener("resize",l),window.removeEventListener("scroll",_,!0)}}},[c,O]),e.useEffect(()=>{const l=_=>{F.current&&!F.current.contains(_.target)&&(i(!1),R(!1))};return document.addEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}},[]);const A=()=>{i(l=>!l),R(!0)},X=l=>{R(!0),v&&v(l)},ne=l=>{w&&w(l)},Z=l=>{var a;let _;N.includes(l)?_=N.filter(T=>T!==l):_=[...N,l],b&&t&&b.setValue(t,_),p.onChange&&((a=p.onChange)==null||a.call(p,{target:{value:_}})),R(!0)},ee=l=>{var _;l.stopPropagation(),b&&t&&b.setValue(t,[]),p.onChange&&((_=p.onChange)==null||_.call(p,{target:{value:[]}})),i(!1),R(!1)},le=l=>{L(l.target.value)};return e.createElement("div",{className:u("relative",f),ref:F},e.createElement("div",{id:p.id||t,tabIndex:0,role:"button","aria-haspopup":"listbox","aria-expanded":c,className:u("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:m?void 0:A,onFocus:m?void 0:X,onBlur:m?void 0:ne,ref:M},e.createElement("div",{className:"flex flex-nowrap gap-1 items-center min-h-[1.5rem] w-full overflow-x-auto",style:{scrollbarWidth:"none"}},N&&N.length>0?r.filter(l=>N.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:_=>{_.stopPropagation();const a=N.filter(T=>T!==l.value);b&&t&&b.setValue(t,a),p.onChange&&p.onChange({target:{value:a}})}},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"}))))):!o&&!m&&e.createElement("span",{className:"text-gray-400 text-sm"},"Selecione..."),m&&e.createElement("input",{ref:H,type:"text",value:x,onChange:le,onFocus:l=>{R(!0),i(!0),v&&v(l)},onBlur:l=>{w&&w(l)},placeholder:o?N&&N.length>0?"":P:P||"Selecione...",className:"flex-1 bg-transparent border-none outline-none text-sm min-w-[100px]"})),E&&N&&N.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:ee},"✕")),o&&e.createElement("label",{htmlFor:p.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",S?"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")},o),e.createElement("div",{className:u("absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden","bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",c?"border max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:c?"9.5rem":"0",overflowY:r.length>3?"auto":"hidden",position:"fixed",top:c?`${k.top}px`:"auto",left:c?`${k.left}px`:"auto",width:c?`${k.width}px`:"auto",zIndex:9999,boxShadow:c?"var(--select-dropdown-shadow)":"none"}},W.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},"Nenhuma opção encontrada"):W.map(l=>e.createElement("div",{key:l.value,className:u("px-3 py-2 cursor-pointer text-sm flex items-center gap-2 transition-colors duration-150","hover:bg-[var(--select-dropdown-hover)]",N.includes(l.value)&&"bg-[var(--select-dropdown-selected)] font-semibold"),onMouseDown:()=>Z(l.value)},e.createElement("input",{type:"checkbox",checked:N.includes(l.value),readOnly:!0,className:"accent-blue-500"}),l.label))),q&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},q))});ke.displayName="MultiSelect";const Re=e.forwardRef(({name:t,label:o,loadOptions:r,className:n,containerClassName:f,isClearable:E,defaultOptions:m=!1,loadingMessage:P="Carregando...",noOptionsMessage:z="Nenhuma opção encontrada",searchable:C=!1,debounceMs:v=300,maxSelectedDisplay:w=3,onFocus:p,onBlur:M,...h},R)=>{var d,I,re;const[c,i]=e.useState(!1),[x,L]=e.useState(!1),[k,g]=e.useState([]),[F,H]=e.useState(!1),[b,$]=e.useState(""),[D,N]=e.useState(""),[q,J]=e.useState({top:0,left:0,width:0}),V=e.useRef(null),W=e.useRef(null),S=G.useFormContext(),Q=S==null?void 0:S.control,O=Q&&t?G.useWatch({control:Q,name:t}):void 0,A=h.value??O??[],X=(re=(I=(d=S==null?void 0:S.formState)==null?void 0:d.errors)==null?void 0:I[t])==null?void 0:re.message,ne=c||A&&A.length>0,Z=e.useCallback(()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||window.innerWidth<=768,[]),ee=e.useCallback(()=>{if(V.current&&x){const s=V.current.getBoundingClientRect(),B=Z(),K=window.innerHeight,ie=window.innerWidth,se=152;let de=s.bottom+4,ce=s.left;if(B){const ue=K-s.bottom,Me=s.top;ue<se&&Me>se&&(de=s.top-se-4);const we=16,Le=ie-s.width-we;ce=Math.min(Math.max(ce,we),Le)}else K-s.bottom<se&&(de=s.top-se-4);J({top:de,left:ce,width:s.width})}},[x,Z]);e.useEffect(()=>{if(ee(),x){const s=()=>ee(),B=()=>ee();return window.addEventListener("resize",s),window.addEventListener("scroll",B,!0),()=>{window.removeEventListener("resize",s),window.removeEventListener("scroll",B,!0)}}},[x,ee]),e.useEffect(()=>{const s=setTimeout(()=>{N(b)},v);return()=>clearTimeout(s)},[b,v]),e.useEffect(()=>{(x||m&&k.length===0)&&le(C?D:void 0)},[D,x]),e.useEffect(()=>{m===!0?le():Array.isArray(m)&&g(m)},[]);const le=async s=>{try{H(!0);const B=await r(s);g(B)}catch(B){console.error("Error loading options:",B),g([])}finally{H(!1)}};e.useEffect(()=>{const s=B=>{V.current&&!V.current.contains(B.target)&&(L(!1),i(!1),$(""))};return document.addEventListener("mousedown",s),()=>{document.removeEventListener("mousedown",s)}},[]);const oe=()=>{x||(L(!0),i(!0),C&&W.current&&setTimeout(()=>{var s;return(s=W.current)==null?void 0:s.focus()},0))},te=s=>{i(!0),p&&p(s)},ae=s=>{M&&M(s)},l=s=>{$(s.target.value)},_=s=>{let B;A.includes(s)?B=A.filter(K=>K!==s):B=[...A,s],S&&t&&S.setValue(t,B),h.onChange&&h.onChange({target:{value:B}}),i(!0)},a=(s,B)=>{B.stopPropagation();const K=A.filter(ie=>ie!==s);S&&t&&S.setValue(t,K),h.onChange&&h.onChange({target:{value:K}})},T=s=>{s.stopPropagation(),S&&t&&S.setValue(t,[]),h.onChange&&h.onChange({target:{value:[]}}),L(!1),i(!1),$("")},j=k.filter(s=>A.includes(s.value)),U=j.slice(0,w),Y=j.length-w;return e.createElement("div",{className:u("relative",f),ref:V},e.createElement("div",{id:h.id||t,tabIndex:C?-1:0,role:"button","aria-haspopup":"listbox","aria-expanded":x,className:u("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:oe,onFocus:C?void 0:te,onBlur:C?void 0:ae,ref:R},e.createElement("div",{className:"flex flex-wrap gap-1 items-center min-h-[1.5rem] w-full"},U.map(s=>e.createElement("span",{key:s.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:s.label},s.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 ${s.label}`,tabIndex:-1,onClick:B=>a(s.value,B)},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"}))))),Y>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"},"+",Y," mais"),C?e.createElement("input",{ref:W,type:"text",value:b,onChange:l,onFocus:te,onBlur:ae,placeholder:A.length===0&&!o?"Selecione...":"",className:"flex-1 min-w-[120px] bg-transparent border-none outline-none text-sm"}):A.length===0&&!o&&e.createElement("span",{className:"text-gray-400 text-sm"},"Selecione...")),F&&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)]"})),E&&A&&A.length>0&&!F&&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:T},"✕")),o&&e.createElement("label",{htmlFor:h.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",ne?"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")},o),e.createElement("div",{className:u("absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden","bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",x?"border max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:x?"9.5rem":"0",overflowY:k.length>3?"auto":"hidden",position:"fixed",top:x?`${q.top}px`:"auto",left:x?`${q.left}px`:"auto",width:x?`${q.width}px`:"auto",zIndex:9999,boxShadow:x?"var(--select-dropdown-shadow)":"none"}},F?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},P):k.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},z):k.map(s=>e.createElement("div",{key:s.value,className:u("px-3 py-2 cursor-pointer text-sm flex items-center gap-2 transition-colors duration-150","hover:bg-[var(--select-dropdown-hover)]",A.includes(s.value)&&"bg-[var(--select-dropdown-selected)] font-semibold"),onMouseDown:()=>_(s.value)},e.createElement("input",{type:"checkbox",checked:A.includes(s.value),readOnly:!0,className:"accent-blue-500"}),s.label))),X&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},X))});Re.displayName="MultiAsyncSelect";const ze={sm:"h-10 text-sm px-3",md:"h-12 text-base px-4",lg:"h-16 text-lg px-6"},Fe=e.forwardRef(({name:t,label:o,options:r,className:n,containerClassName:f,optionClassName:E,direction:m="row",size:P="md",onFocus:z,onBlur:C,...v},w)=>{var x,L,k;const p=G.useFormContext(),M=p==null?void 0:p.control,h=M&&t?G.useWatch({control:M,name:t}):void 0,R=v.value??h??"",c=(k=(L=(x=p==null?void 0:p.formState)==null?void 0:x.errors)==null?void 0:L[t])==null?void 0:k.message,i=g=>{p&&t&&p.setValue(t,g),v.onChange&&v.onChange({target:{value:g}})};return e.createElement("div",{className:u("relative",f),ref:w},o&&e.createElement("label",{htmlFor:t,className:u("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")},o),e.createElement("div",{className:u("flex gap-2 w-full pt-6",m==="row"?"flex-row":"flex-col",n),"aria-label":o,tabIndex:-1,onFocus:z,onBlur:C},r.map(g=>e.createElement("button",{key:g.value,type:"button",className:u("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)]",ze[P],R===g.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",E),"aria-pressed":R===g.value,"data-selected":R===g.value,tabIndex:0,onClick:()=>i(g.value),onKeyDown:F=>{(F.key==="Enter"||F.key===" ")&&(F.preventDefault(),i(g.value))}},g.icon&&e.createElement("span",{className:"mr-2 text-lg flex items-center"},g.icon),e.createElement("span",{className:"truncate font-medium"},g.label)))),c&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},c))});Fe.displayName="RadioGroup";const fe=y.forwardRef(({children:t,className:o,as:r="div",...n},f)=>y.createElement(r,{ref:f,className:u("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)]",o),...n},t));fe.displayName="CardHeader";const me=y.forwardRef(({children:t,className:o,as:r="div",...n},f)=>y.createElement(r,{ref:f,className:u("px-6 py-4","flex-1","bg-[var(--card-bg,#ffffff)]","text-[var(--card-text,#111827)]",o),...n},t));me.displayName="CardBody";const pe=y.forwardRef(({children:t,className:o,as:r="div",...n},f)=>y.createElement(r,{ref:f,className:u("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)]",o),...n},t));pe.displayName="CardFooter";const We=y.forwardRef(({children:t,className:o,variant:r="default",size:n="md",padding:f="none",rounded:E="lg",constrainWidth:m=!1,...P},z)=>{const C={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"},v={sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg"},w={none:"",sm:"p-3",md:"p-4",lg:"p-6"},p={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl"};return y.createElement("div",{ref:z,className:u("flex flex-col","overflow-hidden",C[r],m&&v[n],w[f],p[E],o),...P},t)}),Ie=Object.assign(We,{Header:fe,Body:me,Footer:pe}),Be=y.forwardRef(({children:t,className:o,variant:r="default",size:n="md",responsive:f=!1,stickyHeader:E=!1,...m},P)=>{const z=u("w-full border-collapse bg-[var(--table-bg)] text-[var(--table-text)]",{"border border-[var(--table-border)]":r==="bordered"},{"text-sm":n==="sm","text-base":n==="md","text-lg":n==="lg"},o),C=u({"overflow-x-auto":f,"max-h-96 overflow-y-auto":E}),v=y.createElement("table",{ref:P,className:z,...m},t);return f||E?y.createElement("div",{className:C},v):v}),be=y.forwardRef(({children:t,className:o,as:r="thead",...n},f)=>y.createElement(r,{ref:f,className:u("border-b border-[var(--table-border)] bg-[var(--table-header-bg)]",{"sticky top-0 z-10":r==="thead"},o),...n},t)),ve=y.forwardRef(({children:t,className:o,as:r="tbody",...n},f)=>y.createElement(r,{ref:f,className:u("[&_tr:nth-child(odd)]:bg-[var(--table-row-odd)]","[&_tr:nth-child(even)]:bg-[var(--table-row-even)]",o),...n},t)),xe=y.forwardRef(({children:t,className:o,as:r="tfoot",...n},f)=>y.createElement(r,{ref:f,className:u("border-t border-[var(--table-border)] bg-[var(--table-header-bg)] font-medium",o),...n},t)),ge=y.forwardRef(({children:t,className:o,variant:r="default",...n},f)=>y.createElement("tr",{ref:f,className:u("border-b border-[var(--table-border)] transition-colors",{"hover:bg-[var(--table-row-hover)]":r==="hover","bg-[var(--table-row-selected)]":r==="selected"},o),...n},t)),he=y.forwardRef(({children:t,className:o,as:r="td",align:n="left",scope:f,colSpan:E,rowSpan:m,...P},z)=>y.createElement(r,{ref:z,scope:r==="th"?f:void 0,colSpan:E,rowSpan:m,className:u("px-4 py-3 text-left",{"font-semibold":r==="th","text-sm":r==="td","text-center":n==="center","text-right":n==="right"},o),...P},t));Be.displayName="Table";be.displayName="TableHeader";ve.displayName="TableBody";xe.displayName="TableFooter";ge.displayName="TableRow";he.displayName="TableCell";const Oe=Object.assign(Be,{Header:be,Body:ve,Footer:xe,Row:ge,Cell:he}),Ae=({content:t,children:o,position:r="top",className:n="",disabled:f=!1})=>{const[E,m]=y.useState(!1),[P,z]=y.useState(r),C=y.useRef(null),v=y.useRef(null);y.useEffect(()=>{if(!E||!C.current||!v.current)return;const i=C.current,L=v.current.getBoundingClientRect(),k=i.getBoundingClientRect();let g=r;const F=window.innerWidth,H=window.innerHeight;r==="top"&&L.top<k.height+10?g="bottom":r==="bottom"&&L.bottom+k.height+10>H?g="top":r==="left"&&L.left<k.width+10?g="right":r==="right"&&L.right+k.width+10>F&&(g="left"),z(g)},[E,r]);const w=()=>{f||m(!0)},p=()=>{m(!1)},M=()=>{f||m(!0)},h=()=>{m(!1)},R=()=>{const i="absolute z-50 pointer-events-none";switch(P){case"top":return`${i} bottom-full left-1/2 transform -translate-x-1/2 mb-2`;case"bottom":return`${i} top-full left-1/2 transform -translate-x-1/2 mt-2`;case"left":return`${i} right-full top-1/2 transform -translate-y-1/2 mr-2`;case"right":return`${i} left-full top-1/2 transform -translate-y-1/2 ml-2`;default:return`${i} bottom-full left-1/2 transform -translate-x-1/2 mb-2`}},c=()=>{const i="absolute w-2 h-2 bg-[var(--tooltip-bg,#374151)] transform rotate-45";switch(P){case"top":return`${i} top-full left-1/2 transform -translate-x-1/2 -translate-y-1/2`;case"bottom":return`${i} bottom-full left-1/2 transform -translate-x-1/2 translate-y-1/2`;case"left":return`${i} left-full top-1/2 transform -translate-y-1/2 -translate-x-1/2`;case"right":return`${i} right-full top-1/2 transform -translate-y-1/2 translate-x-1/2`;default:return`${i} top-full left-1/2 transform -translate-x-1/2 -translate-y-1/2`}};return f||!t?y.createElement(y.Fragment,null,o):y.createElement("div",{className:"relative inline-block",ref:v,onMouseEnter:w,onMouseLeave:p,onFocus:M,onBlur:h},o,E&&y.createElement("div",{ref:C,className:u(R(),"px-2 py-1 text-sm rounded whitespace-nowrap","bg-[var(--tooltip-bg,#374151)] text-[var(--tooltip-text,#fff)]","shadow-[var(--tooltip-shadow,0_10px_15px_-3px_rgb(0_0_0_/_0.1),_0_4px_6px_-4px_rgb(0_0_0_/_0.1))]","transition-opacity duration-200 ease-in-out",n),role:"tooltip","aria-hidden":!E},t,y.createElement("div",{className:c()})))};exports.AsyncSelect=Se;exports.Button=Pe;exports.Card=Ie;exports.CardBody=me;exports.CardFooter=pe;exports.CardHeader=fe;exports.Input=Ee;exports.MultiAsyncSelect=Re;exports.MultiSelect=ke;exports.RadioGroup=Fe;exports.Select=Ce;exports.Table=Oe;exports.TableBody=ve;exports.TableCell=he;exports.TableFooter=xe;exports.TableHeader=be;exports.TableRow=ge;exports.Textarea=Ne;exports.Tooltip=Ae;
|
|
1
|
+
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react"),G=require("react-hook-form");function _e(t){const o=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const r in t)if(r!=="default"){const n=Object.getOwnPropertyDescriptor(t,r);Object.defineProperty(o,r,n.get?n:{enumerable:!0,get:()=>t[r]})}}return o.default=t,Object.freeze(o)}const e=_e(y);function ye(t){var o,r,n="";if(typeof t=="string"||typeof t=="number")n+=t;else if(typeof t=="object")if(Array.isArray(t)){var f=t.length;for(o=0;o<f;o++)t[o]&&(r=ye(t[o]))&&(n&&(n+=" "),n+=r)}else for(r in t)t[r]&&(n&&(n+=" "),n+=r);return n}function Te(){for(var t,o,r=0,n="",f=arguments.length;r<f;r++)(t=arguments[r])&&(o=ye(t))&&(n&&(n+=" "),n+=o);return n}function u(...t){return Te(...t)}const Pe=({children:t,variant:o="default",className:r="",...n})=>{const f="px-4 py-2 rounded font-medium transition",E={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 y.createElement("button",{className:u(f,E[o],r),...n},t)},Ee=e.forwardRef(({name:t,className:o,type:r="text",label:n,onFocus:f,onBlur:E,Icon:m,iconClassName:P,iconAction:z,containerClassName:C,...v},w)=>{var J,V,W;const[p,M]=e.useState(!1),[h,R]=e.useState(!1),c=G.useFormContext(),i=c==null?void 0:c.control,x=c==null?void 0:c.register,L=i&&t?G.useWatch({control:i,name:t}):void 0,k=v.value??L??"",g=(W=(V=(J=c==null?void 0:c.formState)==null?void 0:J.errors)==null?void 0:V[t])==null?void 0:W.message,H=["date","datetime-local","time","month","week"].includes(r),b=p||!!k||H,$=r==="password"?h?"text":"password":r,D=()=>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"})),N=()=>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"})),q=()=>{R(!h)};return e.createElement("div",{className:u("relative",C)},e.createElement("input",{id:v.id||t,type:$,className:u("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",r==="password"||m?"pr-12":"",o),onFocus:S=>{M(!0),f&&f(S)},...c&&t?(()=>{const S=x(t),Q=S.onBlur;return{...S,ref:O=>{typeof w=="function"?w(O):w&&(w.current=O),S.ref&&S.ref(O)},onBlur:O=>{M(!1),E&&E(O),Q&&Q(O)}}})():{ref:w,onBlur:S=>{M(!1),E&&E(S)}},...v}),n&&e.createElement("label",{htmlFor:v.id||t,className:u("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),r==="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:q,"aria-label":h?"Esconder senha":"Mostrar senha",tabIndex:-1},h?e.createElement(N,null):e.createElement(D,null)),m&&r!=="password"&&e.createElement("div",{className:u("absolute top-1/2 right-3 -translate-y-1/2 text-gray-400 cursor-pointer hover:text-[var(--primary,#2563eb)] transition-colors duration-200",P),onClick:z},e.createElement(m,null)),g&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},g))});Ee.displayName="Input";const Ce=e.forwardRef(({name:t,label:o,options:r,className:n,containerClassName:f,isClearable:E,searchable:m=!1,filterPlaceholder:P="Digite para filtrar...",caseSensitive:z=!1,filterFunction:C,onFocus:v,onBlur:w,...p},M)=>{var te,ae,l,_;const[h,R]=e.useState(!1),[c,i]=e.useState(!1),[x,L]=e.useState(""),[k,g]=e.useState({top:0,left:0,width:0}),F=e.useRef(null),H=e.useRef(null),b=G.useFormContext(),$=b==null?void 0:b.control,D=$&&t?G.useWatch({control:$,name:t}):void 0,N=p.value??D??"",q=(l=(ae=(te=b==null?void 0:b.formState)==null?void 0:te.errors)==null?void 0:ae[t])==null?void 0:l.message,V=C||((a,T)=>{const j=z?a.label:a.label.toLowerCase(),U=z?T:T.toLowerCase();return j.includes(U)}),W=x.trim()?r.filter(a=>V(a,x.trim())):r,S=r.find(a=>a.value===N),Q=m&&c?x:(S==null?void 0:S.label)||"",O=h||!!N||m&&!!x,A=e.useCallback(()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||window.innerWidth<=768,[]),X=e.useCallback(()=>{if(F.current&&c){const a=F.current.getBoundingClientRect(),T=A(),j=window.innerHeight,U=window.innerWidth,Y=152;let d=a.bottom+4,I=a.left;if(T){const re=j-a.bottom,s=a.top;re<Y&&s>Y&&(d=a.top-Y-4);const B=16,K=U-a.width-B;I=Math.min(Math.max(I,B),K)}else j-a.bottom<Y&&(d=a.top-Y-4);g({top:d,left:I,width:a.width})}},[c,A]);e.useEffect(()=>{if(X(),c){const a=()=>X(),T=()=>X();return window.addEventListener("resize",a),window.addEventListener("scroll",T,!0),()=>{window.removeEventListener("resize",a),window.removeEventListener("scroll",T,!0)}}},[c,X]),e.useEffect(()=>{const a=T=>{F.current&&!F.current.contains(T.target)&&(i(!1),R(!1))};return document.addEventListener("mousedown",a),()=>{document.removeEventListener("mousedown",a)}},[]);const ne=()=>{i(a=>!a),R(!0)},Z=a=>{R(!0),v&&v(a)},ee=a=>{w&&w(a)},le=a=>{L(a.target.value)},oe=a=>{if(b&&t&&b.setValue(t,a),p.onChange){const T={target:{value:a}};p.onChange(T)}i(!1),R(!1),L("")};return e.createElement("div",{className:u("relative",f),ref:F},e.createElement("div",{id:p.id||t,tabIndex:0,role:"button","aria-haspopup":"listbox","aria-expanded":c,className:u("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:m?void 0:ne,onFocus:m?void 0:Z,onBlur:m?void 0:ee,ref:M},m?e.createElement("input",{ref:H,type:"text",value:Q,onChange:le,onFocus:m?a=>{R(!0),i(!0),v&&v(a)}:void 0,onBlur:m?a=>{w&&w(a)}:void 0,placeholder:o?"":P||"Selecione...",className:u("w-full bg-transparent border-none outline-none text-sm",!N&&!x&&"text-gray-400")}):e.createElement("span",{className:u("block truncate",!N&&"text-gray-400")},((_=r.find(a=>a.value===N))==null?void 0:_.label)||!o&&"Selecione..."),E&&N&&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:a=>{if(a.stopPropagation(),b&&t&&b.setValue(t,""),p.onChange){const T={target:{value:""}};p.onChange(T)}i(!1),R(!1)}},"✕")),o&&e.createElement("label",{htmlFor:p.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",O?"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")},o),e.createElement("div",{className:u("absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden","bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",c?"border max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:c?"9.5rem":"0",overflowY:r.length>3?"auto":"hidden",position:"fixed",top:c?`${k.top}px`:"auto",left:c?`${k.left}px`:"auto",width:c?`${k.width}px`:"auto",zIndex:9999,boxShadow:c?"var(--select-dropdown-shadow)":"none"}},W.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},"Nenhuma opção encontrada"):W.map(a=>e.createElement("div",{key:a.value,className:u("px-3 py-2 cursor-pointer text-sm transition-colors duration-150","hover:bg-[var(--select-dropdown-hover)]",N===a.value&&"bg-[var(--select-dropdown-selected)]"),onMouseDown:()=>oe(a.value)},a.label))),q&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},q))});Ce.displayName="Select";const Ne=e.forwardRef(({name:t,className:o,label:r,onFocus:n,onBlur:f,Icon:E,iconClassName:m,iconAction:P,containerClassName:z,rows:C=4,...v},w)=>{var g,F,H;const[p,M]=e.useState(!1),h=G.useFormContext(),R=h==null?void 0:h.control,c=h==null?void 0:h.register,i=R&&t?G.useWatch({control:R,name:t}):void 0,x=v.value??i??"",L=(H=(F=(g=h==null?void 0:h.formState)==null?void 0:g.errors)==null?void 0:F[t])==null?void 0:H.message,k=p||!!x;return e.createElement("div",{className:u("relative",z)},e.createElement("textarea",{id:v.id||t,rows:C,className:u("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",E?"pr-12":"",o),onFocus:b=>{M(!0),n&&n(b)},...h&&t?(()=>{const b=c(t),$=b.onBlur;return{...b,ref:D=>{typeof w=="function"?w(D):w&&(w.current=D),b.ref&&b.ref(D)},onBlur:D=>{M(!1),f&&f(D),$&&$(D)}}})():{ref:w,onBlur:b=>{M(!1),f&&f(b)}},...v}),r&&e.createElement("label",{htmlFor:v.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",k?"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&&e.createElement("div",{className:u("absolute top-3 right-3 text-gray-400 cursor-pointer hover:text-[var(--primary,#2563eb)] transition-colors duration-200",m),onClick:P},e.createElement(E,null)),L&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},L))});Ne.displayName="Textarea";const Se=e.forwardRef(({name:t,label:o,loadOptions:r,className:n,containerClassName:f,isClearable:E,defaultOptions:m=!1,loadingMessage:P="Carregando...",noOptionsMessage:z="Nenhuma opção encontrada",searchable:C=!1,debounceMs:v=300,onFocus:w,onBlur:p,...M},h)=>{var j,U,Y;const[R,c]=e.useState(!1),[i,x]=e.useState(!1),[L,k]=e.useState([]),[g,F]=e.useState(!1),[H,b]=e.useState(""),[$,D]=e.useState(""),[N,q]=e.useState({top:0,left:0,width:0}),J=e.useRef(null),V=e.useRef(null),W=G.useFormContext(),S=W==null?void 0:W.control,Q=S&&t?G.useWatch({control:S,name:t}):void 0,O=M.value??Q??"",A=(Y=(U=(j=W==null?void 0:W.formState)==null?void 0:j.errors)==null?void 0:U[t])==null?void 0:Y.message,X=R||!!O,ne=e.useCallback(()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||window.innerWidth<=768,[]),Z=e.useCallback(()=>{if(J.current&&i){const d=J.current.getBoundingClientRect(),I=ne(),re=window.innerHeight,s=window.innerWidth,B=152;let K=d.bottom+4,ie=d.left;if(I){const se=re-d.bottom,de=d.top;se<B&&de>B&&(K=d.top-B-4);const ce=16,ue=s-d.width-ce;ie=Math.min(Math.max(ie,ce),ue)}else re-d.bottom<B&&(K=d.top-B-4);q({top:K,left:ie,width:d.width})}},[i,ne]);e.useEffect(()=>{if(Z(),i){const d=()=>Z(),I=()=>Z();return window.addEventListener("resize",d),window.addEventListener("scroll",I,!0),()=>{window.removeEventListener("resize",d),window.removeEventListener("scroll",I,!0)}}},[i,Z]),e.useEffect(()=>{const d=setTimeout(()=>{D(H)},v);return()=>clearTimeout(d)},[H,v]),e.useEffect(()=>{(i||m&&L.length===0)&&ee(C?$:void 0)},[$,i]),e.useEffect(()=>{m===!0?ee():Array.isArray(m)&&k(m)},[]);const ee=async d=>{try{F(!0);const I=await r(d);k(I)}catch(I){console.error("Error loading options:",I),k([])}finally{F(!1)}};e.useEffect(()=>{const d=I=>{J.current&&!J.current.contains(I.target)&&(x(!1),c(!1),b(""))};return document.addEventListener("mousedown",d),()=>{document.removeEventListener("mousedown",d)}},[]);const le=()=>{i||(x(!0),c(!0),C&&V.current&&setTimeout(()=>{var d;return(d=V.current)==null?void 0:d.focus()},0))},oe=d=>{c(!0),w&&w(d)},te=d=>{p&&p(d)},ae=d=>{b(d.target.value)},l=d=>{if(W&&t&&W.setValue(t,d),M.onChange){const I={target:{value:d}};M.onChange(I)}x(!1),c(!1),b("")},_=d=>{if(d.stopPropagation(),W&&t&&W.setValue(t,""),M.onChange){const I={target:{value:""}};M.onChange(I)}x(!1),c(!1),b("")},a=L.find(d=>d.value===O),T=C&&i?H:(a==null?void 0:a.label)||"";return e.createElement("div",{className:u("relative",f),ref:J},e.createElement("div",{id:M.id||t,tabIndex:C?-1:0,role:"button","aria-haspopup":"listbox","aria-expanded":i,className:u("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:le,onFocus:C?void 0:oe,onBlur:C?void 0:te,ref:h},C?e.createElement("input",{ref:V,type:"text",value:T,onChange:ae,onFocus:oe,onBlur:te,placeholder:o?"":"Selecione...",className:u("w-full bg-transparent border-none outline-none text-sm",!O&&!H&&"text-gray-400")}):e.createElement("span",{className:u("block truncate",!O&&"text-gray-400")},(a==null?void 0:a.label)||!o&&"Selecione..."),g&&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)]"})),E&&O&&!g&&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:_},"✕")),o&&e.createElement("label",{htmlFor:M.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",X?"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")},o),e.createElement("div",{className:u("absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden","bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",i?"border max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:i?"9.5rem":"0",overflowY:L.length>3?"auto":"hidden",position:"fixed",top:i?`${N.top}px`:"auto",left:i?`${N.left}px`:"auto",width:i?`${N.width}px`:"auto",zIndex:9999,boxShadow:i?"var(--select-dropdown-shadow)":"none"}},g?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},P):L.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},z):L.map(d=>e.createElement("div",{key:d.value,className:u("px-3 py-2 cursor-pointer text-sm transition-colors duration-150","hover:bg-[var(--select-dropdown-hover)]",O===d.value&&"bg-[var(--select-dropdown-selected)]"),onMouseDown:()=>l(d.value)},d.label))),A&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},A))});Se.displayName="AsyncSelect";const ke=e.forwardRef(({name:t,label:o,options:r,className:n,containerClassName:f,isClearable:E,searchable:m=!1,filterPlaceholder:P="Digite para filtrar...",caseSensitive:z=!1,filterFunction:C,onFocus:v,onBlur:w,...p},M)=>{var oe,te,ae;const[h,R]=e.useState(!1),[c,i]=e.useState(!1),[x,L]=e.useState(""),[k,g]=e.useState({top:0,left:0,width:0}),F=e.useRef(null),H=e.useRef(null),b=G.useFormContext(),$=b==null?void 0:b.control,D=$&&t?G.useWatch({control:$,name:t}):void 0,N=p.value??D??[],q=(ae=(te=(oe=b==null?void 0:b.formState)==null?void 0:oe.errors)==null?void 0:te[t])==null?void 0:ae.message,V=C||((l,_)=>{const a=z?l.label:l.label.toLowerCase(),T=z?_:_.toLowerCase();return a.includes(T)}),W=x.trim()?r.filter(l=>V(l,x.trim())):r,S=h||N&&N.length>0||m&&!!x,Q=e.useCallback(()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||window.innerWidth<=768,[]),O=e.useCallback(()=>{if(F.current&&c){const l=F.current.getBoundingClientRect(),_=Q(),a=window.innerHeight,T=window.innerWidth,j=152;let U=l.bottom+4,Y=l.left;if(_){const d=a-l.bottom,I=l.top;d<j&&I>j&&(U=l.top-j-4);const re=16,s=T-l.width-re;Y=Math.min(Math.max(Y,re),s)}else a-l.bottom<j&&(U=l.top-j-4);g({top:U,left:Y,width:l.width})}},[c,Q]);e.useEffect(()=>{if(O(),c){const l=()=>O(),_=()=>O();return window.addEventListener("resize",l),window.addEventListener("scroll",_,!0),()=>{window.removeEventListener("resize",l),window.removeEventListener("scroll",_,!0)}}},[c,O]),e.useEffect(()=>{const l=_=>{F.current&&!F.current.contains(_.target)&&(i(!1),R(!1))};return document.addEventListener("mousedown",l),()=>{document.removeEventListener("mousedown",l)}},[]);const A=()=>{i(l=>!l),R(!0)},X=l=>{R(!0),v&&v(l)},ne=l=>{w&&w(l)},Z=l=>{var a;let _;N.includes(l)?_=N.filter(T=>T!==l):_=[...N,l],b&&t&&b.setValue(t,_),p.onChange&&((a=p.onChange)==null||a.call(p,{target:{value:_}})),R(!0)},ee=l=>{var _;l.stopPropagation(),b&&t&&b.setValue(t,[]),p.onChange&&((_=p.onChange)==null||_.call(p,{target:{value:[]}})),i(!1),R(!1)},le=l=>{L(l.target.value)};return e.createElement("div",{className:u("relative",f),ref:F},e.createElement("div",{id:p.id||t,tabIndex:0,role:"button","aria-haspopup":"listbox","aria-expanded":c,className:u("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:m?void 0:A,onFocus:m?void 0:X,onBlur:m?void 0:ne,ref:M},e.createElement("div",{className:"flex flex-nowrap gap-1 items-center min-h-[1.5rem] w-full overflow-x-auto",style:{scrollbarWidth:"none"}},N&&N.length>0?r.filter(l=>N.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:_=>{_.stopPropagation();const a=N.filter(T=>T!==l.value);b&&t&&b.setValue(t,a),p.onChange&&p.onChange({target:{value:a}})}},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"}))))):!o&&!m&&e.createElement("span",{className:"text-gray-400 text-sm"},"Selecione..."),m&&e.createElement("input",{ref:H,type:"text",value:x,onChange:le,onFocus:l=>{R(!0),i(!0),v&&v(l)},onBlur:l=>{w&&w(l)},placeholder:o?N&&N.length>0?"":P:P||"Selecione...",className:"flex-1 bg-transparent border-none outline-none text-sm min-w-[100px]"})),E&&N&&N.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:ee},"✕")),o&&e.createElement("label",{htmlFor:p.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",S?"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")},o),e.createElement("div",{className:u("absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden","bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",c?"border max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:c?"9.5rem":"0",overflowY:r.length>3?"auto":"hidden",position:"fixed",top:c?`${k.top}px`:"auto",left:c?`${k.left}px`:"auto",width:c?`${k.width}px`:"auto",zIndex:9999,boxShadow:c?"var(--select-dropdown-shadow)":"none"}},W.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},"Nenhuma opção encontrada"):W.map(l=>e.createElement("div",{key:l.value,className:u("px-3 py-2 cursor-pointer text-sm flex items-center gap-2 transition-colors duration-150","hover:bg-[var(--select-dropdown-hover)]",N.includes(l.value)&&"bg-[var(--select-dropdown-selected)] font-semibold"),onMouseDown:()=>Z(l.value)},e.createElement("input",{type:"checkbox",checked:N.includes(l.value),readOnly:!0,className:"accent-blue-500"}),l.label))),q&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},q))});ke.displayName="MultiSelect";const Re=e.forwardRef(({name:t,label:o,loadOptions:r,className:n,containerClassName:f,isClearable:E,defaultOptions:m=!1,loadingMessage:P="Carregando...",noOptionsMessage:z="Nenhuma opção encontrada",searchable:C=!1,debounceMs:v=300,maxSelectedDisplay:w=3,onFocus:p,onBlur:M,...h},R)=>{var d,I,re;const[c,i]=e.useState(!1),[x,L]=e.useState(!1),[k,g]=e.useState([]),[F,H]=e.useState(!1),[b,$]=e.useState(""),[D,N]=e.useState(""),[q,J]=e.useState({top:0,left:0,width:0}),V=e.useRef(null),W=e.useRef(null),S=G.useFormContext(),Q=S==null?void 0:S.control,O=Q&&t?G.useWatch({control:Q,name:t}):void 0,A=h.value??O??[],X=(re=(I=(d=S==null?void 0:S.formState)==null?void 0:d.errors)==null?void 0:I[t])==null?void 0:re.message,ne=c||A&&A.length>0,Z=e.useCallback(()=>/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)||window.innerWidth<=768,[]),ee=e.useCallback(()=>{if(V.current&&x){const s=V.current.getBoundingClientRect(),B=Z(),K=window.innerHeight,ie=window.innerWidth,se=152;let de=s.bottom+4,ce=s.left;if(B){const ue=K-s.bottom,Me=s.top;ue<se&&Me>se&&(de=s.top-se-4);const we=16,Le=ie-s.width-we;ce=Math.min(Math.max(ce,we),Le)}else K-s.bottom<se&&(de=s.top-se-4);J({top:de,left:ce,width:s.width})}},[x,Z]);e.useEffect(()=>{if(ee(),x){const s=()=>ee(),B=()=>ee();return window.addEventListener("resize",s),window.addEventListener("scroll",B,!0),()=>{window.removeEventListener("resize",s),window.removeEventListener("scroll",B,!0)}}},[x,ee]),e.useEffect(()=>{const s=setTimeout(()=>{N(b)},v);return()=>clearTimeout(s)},[b,v]),e.useEffect(()=>{(x||m&&k.length===0)&&le(C?D:void 0)},[D,x]),e.useEffect(()=>{m===!0?le():Array.isArray(m)&&g(m)},[]);const le=async s=>{try{H(!0);const B=await r(s);g(B)}catch(B){console.error("Error loading options:",B),g([])}finally{H(!1)}};e.useEffect(()=>{const s=B=>{V.current&&!V.current.contains(B.target)&&(L(!1),i(!1),$(""))};return document.addEventListener("mousedown",s),()=>{document.removeEventListener("mousedown",s)}},[]);const oe=()=>{x||(L(!0),i(!0),C&&W.current&&setTimeout(()=>{var s;return(s=W.current)==null?void 0:s.focus()},0))},te=s=>{i(!0),p&&p(s)},ae=s=>{M&&M(s)},l=s=>{$(s.target.value)},_=s=>{let B;A.includes(s)?B=A.filter(K=>K!==s):B=[...A,s],S&&t&&S.setValue(t,B),h.onChange&&h.onChange({target:{value:B}}),i(!0)},a=(s,B)=>{B.stopPropagation();const K=A.filter(ie=>ie!==s);S&&t&&S.setValue(t,K),h.onChange&&h.onChange({target:{value:K}})},T=s=>{s.stopPropagation(),S&&t&&S.setValue(t,[]),h.onChange&&h.onChange({target:{value:[]}}),L(!1),i(!1),$("")},j=k.filter(s=>A.includes(s.value)),U=j.slice(0,w),Y=j.length-w;return e.createElement("div",{className:u("relative",f),ref:V},e.createElement("div",{id:h.id||t,tabIndex:C?-1:0,role:"button","aria-haspopup":"listbox","aria-expanded":x,className:u("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:oe,onFocus:C?void 0:te,onBlur:C?void 0:ae,ref:R},e.createElement("div",{className:"flex flex-wrap gap-1 items-center min-h-[1.5rem] w-full"},U.map(s=>e.createElement("span",{key:s.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:s.label},s.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 ${s.label}`,tabIndex:-1,onClick:B=>a(s.value,B)},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"}))))),Y>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"},"+",Y," mais"),C?e.createElement("input",{ref:W,type:"text",value:b,onChange:l,onFocus:te,onBlur:ae,placeholder:A.length===0&&!o?"Selecione...":"",className:"flex-1 min-w-[120px] bg-transparent border-none outline-none text-sm"}):A.length===0&&!o&&e.createElement("span",{className:"text-gray-400 text-sm"},"Selecione...")),F&&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)]"})),E&&A&&A.length>0&&!F&&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:T},"✕")),o&&e.createElement("label",{htmlFor:h.id||t,className:u("absolute left-3 z-10 origin-[0] cursor-text select-none text-sm text-gray-400 transition-all duration-200",ne?"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")},o),e.createElement("div",{className:u("absolute left-0 w-full mt-1 rounded-md transition-all duration-200 overflow-hidden","bg-[var(--select-dropdown-bg)] border-[var(--select-dropdown-border)] text-[var(--select-dropdown-text)]",x?"border max-h-36 opacity-100 scale-100":"max-h-0 opacity-0 scale-95 pointer-events-none"),style:{maxHeight:x?"9.5rem":"0",overflowY:k.length>3?"auto":"hidden",position:"fixed",top:x?`${q.top}px`:"auto",left:x?`${q.left}px`:"auto",width:x?`${q.width}px`:"auto",zIndex:9999,boxShadow:x?"var(--select-dropdown-shadow)":"none"}},F?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},P):k.length===0?e.createElement("div",{className:"px-3 py-2 text-sm text-gray-500 text-center"},z):k.map(s=>e.createElement("div",{key:s.value,className:u("px-3 py-2 cursor-pointer text-sm flex items-center gap-2 transition-colors duration-150","hover:bg-[var(--select-dropdown-hover)]",A.includes(s.value)&&"bg-[var(--select-dropdown-selected)] font-semibold"),onMouseDown:()=>_(s.value)},e.createElement("input",{type:"checkbox",checked:A.includes(s.value),readOnly:!0,className:"accent-blue-500"}),s.label))),X&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},X))});Re.displayName="MultiAsyncSelect";const ze={sm:"h-10 text-sm px-3",md:"h-12 text-base px-4",lg:"h-16 text-lg px-6"},Fe=e.forwardRef(({name:t,label:o,options:r,className:n,containerClassName:f,optionClassName:E,direction:m="row",size:P="md",onFocus:z,onBlur:C,...v},w)=>{var x,L,k;const p=G.useFormContext(),M=p==null?void 0:p.control,h=M&&t?G.useWatch({control:M,name:t}):void 0,R=v.value??h??"",c=(k=(L=(x=p==null?void 0:p.formState)==null?void 0:x.errors)==null?void 0:L[t])==null?void 0:k.message,i=g=>{p&&t&&p.setValue(t,g),v.onChange&&v.onChange({target:{value:g}})};return e.createElement("div",{className:u("relative",f),ref:w},o&&e.createElement("label",{htmlFor:t,className:u("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")},o),e.createElement("div",{className:u("flex gap-2 w-full pt-6",m==="row"?"flex-row":"flex-col",n),"aria-label":o,tabIndex:-1,onFocus:z,onBlur:C},r.map(g=>e.createElement("button",{key:g.value,type:"button",className:u("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)]",ze[P],R===g.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",E),"aria-pressed":R===g.value,"data-selected":R===g.value,tabIndex:0,onClick:()=>i(g.value),onKeyDown:F=>{(F.key==="Enter"||F.key===" ")&&(F.preventDefault(),i(g.value))}},g.icon&&e.createElement("span",{className:"mr-2 text-lg flex items-center"},g.icon),e.createElement("span",{className:"truncate font-medium"},g.label)))),c&&e.createElement("span",{className:"text-red-500 text-xs mt-1 block"},c))});Fe.displayName="RadioGroup";const fe=y.forwardRef(({children:t,className:o,as:r="div",...n},f)=>y.createElement(r,{ref:f,className:u("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)]",o),...n},t));fe.displayName="CardHeader";const me=y.forwardRef(({children:t,className:o,as:r="div",...n},f)=>y.createElement(r,{ref:f,className:u("px-6 py-4","flex-1","bg-[var(--card-bg,#ffffff)]","text-[var(--card-text,#111827)]",o),...n},t));me.displayName="CardBody";const pe=y.forwardRef(({children:t,className:o,as:r="div",...n},f)=>y.createElement(r,{ref:f,className:u("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)]",o),...n},t));pe.displayName="CardFooter";const We=y.forwardRef(({children:t,className:o,variant:r="default",size:n="md",padding:f="none",rounded:E="lg",constrainWidth:m=!1,...P},z)=>{const C={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"},v={sm:"max-w-sm",md:"max-w-md",lg:"max-w-lg"},w={none:"",sm:"p-3",md:"p-4",lg:"p-6"},p={none:"rounded-none",sm:"rounded-sm",md:"rounded-md",lg:"rounded-lg",xl:"rounded-xl"};return y.createElement("div",{ref:z,className:u("flex flex-col","overflow-hidden",C[r],m&&v[n],w[f],p[E],o),...P},t)}),Ie=Object.assign(We,{Header:fe,Body:me,Footer:pe}),Be=y.forwardRef(({children:t,className:o,variant:r="default",size:n="md",responsive:f=!1,stickyHeader:E=!1,...m},P)=>{const z=u("w-full border-collapse bg-[var(--table-bg)] text-[var(--table-text)]",{"border border-[var(--table-border)]":r==="bordered"},{"text-sm":n==="sm","text-base":n==="md","text-lg":n==="lg"},o),C=u({"overflow-x-auto":f,"max-h-96 overflow-y-auto":E}),v=y.createElement("table",{ref:P,className:z,...m},t);return f||E?y.createElement("div",{className:C},v):v}),be=y.forwardRef(({children:t,className:o,as:r="thead",...n},f)=>y.createElement(r,{ref:f,className:u("border-b border-[var(--table-border)] bg-[var(--table-header-bg)]",{"sticky top-0 z-10":r==="thead"},o),...n},t)),ve=y.forwardRef(({children:t,className:o,as:r="tbody",...n},f)=>y.createElement(r,{ref:f,className:u("[&_tr:nth-child(odd)]:bg-[var(--table-row-odd)]","[&_tr:nth-child(even)]:bg-[var(--table-row-even)]",o),...n},t)),xe=y.forwardRef(({children:t,className:o,as:r="tfoot",...n},f)=>y.createElement(r,{ref:f,className:u("border-t border-[var(--table-border)] bg-[var(--table-header-bg)] font-medium",o),...n},t)),ge=y.forwardRef(({children:t,className:o,variant:r="default",...n},f)=>y.createElement("tr",{ref:f,className:u("border-b border-[var(--table-border)] transition-colors",{"hover:bg-[var(--table-row-hover)]":r==="hover","bg-[var(--table-row-selected)]":r==="selected"},o),...n},t)),he=y.forwardRef(({children:t,className:o,as:r="td",align:n="left",scope:f,colSpan:E,rowSpan:m,...P},z)=>y.createElement(r,{ref:z,scope:r==="th"?f:void 0,colSpan:E,rowSpan:m,className:u("px-4 py-3 text-left",{"font-semibold":r==="th","text-sm":r==="td","text-center":n==="center","text-right":n==="right"},o),...P},t));Be.displayName="Table";be.displayName="TableHeader";ve.displayName="TableBody";xe.displayName="TableFooter";ge.displayName="TableRow";he.displayName="TableCell";const Oe=Object.assign(Be,{Header:be,Body:ve,Footer:xe,Row:ge,Cell:he}),Ae=({content:t,children:o,position:r="top",className:n="",disabled:f=!1})=>{const[E,m]=y.useState(!1),[P,z]=y.useState(r),C=y.useRef(null),v=y.useRef(null);y.useEffect(()=>{if(!E||!C.current||!v.current)return;const i=C.current,L=v.current.getBoundingClientRect(),k=i.getBoundingClientRect();let g=r;const F=window.innerWidth,H=window.innerHeight;r==="top"&&L.top<k.height+10?g="bottom":r==="bottom"&&L.bottom+k.height+10>H?g="top":r==="left"&&L.left<k.width+10?g="right":r==="right"&&L.right+k.width+10>F&&(g="left"),z(g)},[E,r]);const w=()=>{f||m(!0)},p=()=>{m(!1)},M=()=>{f||m(!0)},h=()=>{m(!1)},R=()=>{const i="absolute z-[9999] pointer-events-none";switch(P){case"top":return`${i} bottom-full left-1/2 transform -translate-x-1/2 mb-2`;case"bottom":return`${i} top-full left-1/2 transform -translate-x-1/2 mt-2`;case"left":return`${i} right-full top-1/2 transform -translate-y-1/2 mr-2`;case"right":return`${i} left-full top-1/2 transform -translate-y-1/2 ml-2`;default:return`${i} bottom-full left-1/2 transform -translate-x-1/2 mb-2`}},c=()=>{const i="absolute w-2 h-2 bg-[var(--tooltip-bg,#374151)] transform rotate-45";switch(P){case"top":return`${i} top-full left-1/2 transform -translate-x-1/2 -translate-y-1/2`;case"bottom":return`${i} bottom-full left-1/2 transform -translate-x-1/2 translate-y-1/2`;case"left":return`${i} left-full top-1/2 transform -translate-y-1/2 -translate-x-1/2`;case"right":return`${i} right-full top-1/2 transform -translate-y-1/2 translate-x-1/2`;default:return`${i} top-full left-1/2 transform -translate-x-1/2 -translate-y-1/2`}};return f||!t?y.createElement(y.Fragment,null,o):y.createElement("div",{className:"relative inline-block",ref:v,onMouseEnter:w,onMouseLeave:p,onFocus:M,onBlur:h},o,E&&y.createElement("div",{ref:C,className:u(R(),"px-2 py-1 text-sm rounded whitespace-nowrap","bg-[var(--tooltip-bg,#374151)] text-[var(--tooltip-text,#fff)]","shadow-[var(--tooltip-shadow,0_10px_15px_-3px_rgb(0_0_0_/_0.1),_0_4px_6px_-4px_rgb(0_0_0_/_0.1))]","transition-opacity duration-200 ease-in-out",n),role:"tooltip","aria-hidden":!E},t,y.createElement("div",{className:c()})))};exports.AsyncSelect=Se;exports.Button=Pe;exports.Card=Ie;exports.CardBody=me;exports.CardFooter=pe;exports.CardHeader=fe;exports.Input=Ee;exports.MultiAsyncSelect=Re;exports.MultiSelect=ke;exports.RadioGroup=Fe;exports.Select=Ce;exports.Table=Oe;exports.TableBody=ve;exports.TableCell=he;exports.TableFooter=xe;exports.TableHeader=be;exports.TableRow=ge;exports.Textarea=Ne;exports.Tooltip=Ae;
|
package/dist/rharuow-ds.es.js
CHANGED
|
@@ -1395,7 +1395,7 @@ const De = Object.assign(we, {
|
|
|
1395
1395
|
}, h = () => {
|
|
1396
1396
|
m(!1);
|
|
1397
1397
|
}, S = () => {
|
|
1398
|
-
const i = "absolute z-
|
|
1398
|
+
const i = "absolute z-[9999] pointer-events-none";
|
|
1399
1399
|
switch (z) {
|
|
1400
1400
|
case "top":
|
|
1401
1401
|
return `${i} bottom-full left-1/2 transform -translate-x-1/2 mb-2`;
|
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-full{left:100%}.right-2{right:.5rem}.right-3{right:.75rem}.right-8{right:2rem}.right-full{right:100%}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.top-full{top:100%}.z-10{z-index:10}.z-50{z-index:50}.mb-2{margin-bottom:.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-4{height:1rem}.max-h-0{max-height:0}.max-h-36{max-height:9rem}.max-h-96{max-height:24rem}.min-h-12{min-height:3rem}.min-h-\[1\.5rem\]{min-height:1.5rem}.min-h-\[80px\]{min-height:80px}.w-2{width:.5rem}.w-4{width:1rem}.w-full{width:100%}.min-w-\[100px\]{min-width:100px}.min-w-\[120px\]{min-width:120px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.border-collapse{border-collapse:collapse}.origin-\[0\]{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1{--tw-translate-y:-0.25rem}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2{--tw-translate-x:50%}.translate-y-0\.5{--tw-translate-y:0.125rem}.translate-y-0\.5,.translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\/2{--tw-translate-y:50%}.rotate-45{--tw-rotate:45deg}.rotate-45,.scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.scale-90,.scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02}.scale-\[1\.02\],.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-\[var\(--card-border\2c \#e5e7eb\)\]{border-color:var(--card-border,#e5e7eb)}.border-\[var\(--card-footer-border\2c \#e5e7eb\)\]{border-color:var(--card-footer-border,#e5e7eb)}.border-\[var\(--card-header-border\2c \#e5e7eb\)\]{border-color:var(--card-header-border,#e5e7eb)}.border-\[var\(--primary\2c \#2563eb\)\]{border-color:var(--primary,#2563eb)}.border-\[var\(--select-dropdown-border\)\]{border-color:var(--select-dropdown-border)}.border-\[var\(--table-border\)\]{border-color:var(--table-border)}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.bg-\[var\(--card-bg\2c \#ffffff\)\]{background-color:var(--card-bg,#fff)}.bg-\[var\(--card-footer-bg\2c rgba\(249\2c 250\2c 251\2c 0\.5\)\)\]{background-color:var(--card-footer-bg,rgba(249,250,251,.5))}.bg-\[var\(--card-header-bg\2c rgba\(249\2c 250\2c 251\2c 0\.5\)\)\]{background-color:var(--card-header-bg,rgba(249,250,251,.5))}.bg-\[var\(--input-bg\2c \#fff\)\]{background-color:var(--input-bg,#fff)}.bg-\[var\(--primary\2c \#2563eb\)\]{background-color:var(--primary,#2563eb)}.bg-\[var\(--primary-hover\2c \#dbeafe\)\]{background-color:var(--primary-hover,#dbeafe)}.bg-\[var\(--secondary\2c \#fbbf24\)\]{background-color:var(--secondary,#fbbf24)}.bg-\[var\(--select-dropdown-bg\)\]{background-color:var(--select-dropdown-bg)}.bg-\[var\(--select-dropdown-selected\)\]{background-color:var(--select-dropdown-selected)}.bg-\[var\(--table-bg\)\]{background-color:var(--table-bg)}.bg-\[var\(--table-header-bg\)\]{background-color:var(--table-header-bg)}.bg-\[var\(--table-row-selected\)\]{background-color:var(--table-row-selected)}.bg-\[var\(--tooltip-bg\2c \#374151\)\]{background-color:var(--tooltip-bg,#374151)}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pr-12{padding-right:3rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\[var\(--card-text\2c \#111827\)\]{color:var(--card-text,#111827)}.text-\[var\(--input-text\2c \#222\)\]{color:var(--input-text,#222)}.text-\[var\(--primary\2c \#2563eb\)\]{color:var(--primary,#2563eb)}.text-\[var\(--primary-text\2c \#fff\)\]{color:var(--primary-text,#fff)}.text-\[var\(--secondary-text\2c \#222\)\]{color:var(--secondary-text,#222)}.text-\[var\(--select-dropdown-text\)\]{color:var(--select-dropdown-text)}.text-\[var\(--table-text\)\]{color:var(--table-text)}.text-\[var\(--tooltip-text\2c \#fff\)\]{color:var(--tooltip-text,#fff)}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.placeholder-transparent::-moz-placeholder{color:transparent}.placeholder-transparent::placeholder{color:transparent}.accent-blue-500{accent-color:#3b82f6}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-\[var\(--card-shadow-lg\2c 0_10px_15px_-3px_rgb\(0_0_0_\/_0\.1\)\2c _0_4px_6px_-4px_rgb\(0_0_0_\/_0\.1\)\)\]{--tw-shadow:var(--card-shadow-lg,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1));--tw-shadow-colored:10px 15px -3px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[var\(--card-shadow-sm\2c 0_1px_2px_0_rgb\(0_0_0_\/_0\.05\)\)\]{--tw-shadow:var(--card-shadow-sm,0 1px 2px 0 rgba(0,0,0,.05));--tw-shadow-colored:1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[var\(--tooltip-shadow\2c 0_10px_15px_-3px_rgb\(0_0_0_\/_0\.1\)\2c _0_4px_6px_-4px_rgb\(0_0_0_\/_0\.1\)\)\]{--tw-shadow:var(--tooltip-shadow,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1));--tw-shadow-colored:10px 15px -3px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\[var\(--primary-hover\2c \#dbeafe\)\]{--tw-ring-color:var(--primary-hover,#dbeafe)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-opacity{transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--card-bg:#fff;--card-border:#e5e7eb;--card-text:#111827;--card-text-muted:#6b7280;--card-header-bg:rgba(249,250,251,.5);--card-footer-bg:rgba(249,250,251,.5);--card-header-border:#e5e7eb;--card-footer-border:#e5e7eb;--table-bg:#fff;--table-border:#e5e7eb;--table-text:#111827;--table-header-bg:#f9fafb;--table-row-odd:#fff;--table-row-even:#f9fafb;--table-row-hover:#f3f4f6;--table-row-selected:#dbeafe;--select-dropdown-bg:#fff;--select-dropdown-border:#e5e7eb;--select-dropdown-text:#111827;--select-dropdown-hover:#f3f4f6;--select-dropdown-selected:#dbeafe;--select-dropdown-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tooltip-bg:#374151;--tooltip-text:#fff;--tooltip-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--card-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--card-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}@media (max-width:768px){[style*="position: fixed"][style*="z-index: 9999"]{z-index:99999!important}.select-dropdown-mobile{max-height:50vh!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.2),0 10px 10px -5px rgba(0,0,0,.1)!important}}@media screen and (max-height:600px){[style*="position: fixed"][style*="max-height: 9.5rem"]{max-height:30vh!important}}.dark,[data-theme=dark]{--card-bg:#1f2937;--card-border:#374151;--card-text:#f9fafb;--card-text-muted:#9ca3af;--card-header-bg:rgba(31,41,55,.8);--card-footer-bg:rgba(31,41,55,.8);--card-header-border:#374151;--card-footer-border:#374151;--table-bg:#1f2937;--table-border:#374151;--table-text:#f9fafb;--table-header-bg:#111827;--table-row-odd:#1f2937;--table-row-even:#111827;--table-row-hover:#374151;--table-row-selected:#1e40af;--select-dropdown-bg:#1f2937;--select-dropdown-border:#374151;--select-dropdown-text:#f9fafb;--select-dropdown-hover:#374151;--select-dropdown-selected:#1e40af;--select-dropdown-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4);--tooltip-bg:#1f2937;--tooltip-text:#f9fafb;--tooltip-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4);--card-shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--card-shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4)}@media (prefers-color-scheme:dark){:root{--card-bg:#1f2937;--card-border:#374151;--card-text:#f9fafb;--card-text-muted:#9ca3af;--card-header-bg:rgba(31,41,55,.8);--card-footer-bg:rgba(31,41,55,.8);--card-header-border:#374151;--card-footer-border:#374151;--table-bg:#1f2937;--table-border:#374151;--table-text:#f9fafb;--table-header-bg:#111827;--table-row-odd:#1f2937;--table-row-even:#111827;--table-row-hover:#374151;--table-row-selected:#1e40af;--select-dropdown-bg:#1f2937;--select-dropdown-border:#374151;--select-dropdown-text:#f9fafb;--select-dropdown-hover:#374151;--select-dropdown-selected:#1e40af;--select-dropdown-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4);--tooltip-bg:#1f2937;--tooltip-text:#f9fafb;--tooltip-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4);--card-shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--card-shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4)}}[data-theme=light]{--card-bg:#fff;--card-border:#e5e7eb;--card-text:#111827;--card-text-muted:#6b7280;--card-header-bg:rgba(249,250,251,.5);--card-footer-bg:rgba(249,250,251,.5);--card-header-border:#e5e7eb;--card-footer-border:#e5e7eb;--table-bg:#fff;--table-border:#e5e7eb;--table-text:#111827;--table-header-bg:#f9fafb;--table-row-odd:#fff;--table-row-even:#f9fafb;--table-row-hover:#f3f4f6;--table-row-selected:#dbeafe;--select-dropdown-bg:#fff;--select-dropdown-border:#e5e7eb;--select-dropdown-text:#111827;--select-dropdown-hover:#f3f4f6;--select-dropdown-selected:#dbeafe;--select-dropdown-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tooltip-bg:#374151;--tooltip-text:#fff;--tooltip-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--card-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--card-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.hover\:border-\[var\(--primary\2c \#2563eb\)\]:hover{border-color:var(--primary,#2563eb)}.hover\:bg-\[var\(--primary-hover\2c \#1d4ed8\)\]:hover{background-color:var(--primary-hover,#1d4ed8)}.hover\:bg-\[var\(--primary-hover\2c \#dbeafe\)\]:hover{background-color:var(--primary-hover,#dbeafe)}.hover\:bg-\[var\(--primary-hover\2c \#e0e7ff\)\]:hover{background-color:var(--primary-hover,#e0e7ff)}.hover\:bg-\[var\(--secondary-hover\2c \#f59e42\)\]:hover{background-color:var(--secondary-hover,#f59e42)}.hover\:bg-\[var\(--select-dropdown-hover\)\]:hover{background-color:var(--select-dropdown-hover)}.hover\:bg-\[var\(--table-row-hover\)\]:hover{background-color:var(--table-row-hover)}.hover\:text-\[var\(--primary\2c \#2563eb\)\]:hover{color:var(--primary,#2563eb)}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-\[var\(--primary\2c \#2563eb\)\]:focus{border-color:var(--primary,#2563eb)}.focus\:text-\[var\(--primary\2c \#2563eb\)\]:focus{color:var(--primary,#2563eb)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-\[var\(--primary-hover\2c \#dbeafe\)\]:focus{--tw-ring-color:var(--primary-hover,#dbeafe)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.\[\&_tr\:nth-child\(even\)\]\:bg-\[var\(--table-row-even\)\] tr:nth-child(2n){background-color:var(--table-row-even)}.\[\&_tr\:nth-child\(odd\)\]\:bg-\[var\(--table-row-odd\)\] tr:nth-child(odd){background-color:var(--table-row-odd)}
|
|
1
|
+
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.bottom-full{bottom:100%}.left-0{left:0}.left-1\/2{left:50%}.left-3{left:.75rem}.left-full{left:100%}.right-2{right:.5rem}.right-3{right:.75rem}.right-8{right:2rem}.right-full{right:100%}.top-0{top:0}.top-1\/2{top:50%}.top-3{top:.75rem}.top-full{top:100%}.z-10{z-index:10}.z-\[9999\]{z-index:9999}.mb-2{margin-bottom:.5rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.mr-1{margin-right:.25rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.table{display:table}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-2{height:.5rem}.h-4{height:1rem}.max-h-0{max-height:0}.max-h-36{max-height:9rem}.max-h-96{max-height:24rem}.min-h-12{min-height:3rem}.min-h-\[1\.5rem\]{min-height:1.5rem}.min-h-\[80px\]{min-height:80px}.w-2{width:.5rem}.w-4{width:1rem}.w-full{width:100%}.min-w-\[100px\]{min-width:100px}.min-w-\[120px\]{min-width:120px}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.flex-1{flex:1 1 0%}.border-collapse{border-collapse:collapse}.origin-\[0\]{transform-origin:0}.-translate-x-1\/2{--tw-translate-x:-50%}.-translate-x-1\/2,.-translate-y-1{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1{--tw-translate-y:-0.25rem}.-translate-y-1\/2{--tw-translate-y:-50%}.-translate-y-1\/2,.translate-x-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-x-1\/2{--tw-translate-x:50%}.translate-y-0\.5{--tw-translate-y:0.125rem}.translate-y-0\.5,.translate-y-1\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-1\/2{--tw-translate-y:50%}.rotate-45{--tw-rotate:45deg}.rotate-45,.scale-100{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-100{--tw-scale-x:1;--tw-scale-y:1}.scale-90{--tw-scale-x:.9;--tw-scale-y:.9}.scale-90,.scale-95{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95}.scale-\[1\.02\]{--tw-scale-x:1.02;--tw-scale-y:1.02}.scale-\[1\.02\],.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes spin{to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}.cursor-pointer{cursor:pointer}.cursor-text{cursor:text}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.resize{resize:both}.appearance-none{-webkit-appearance:none;-moz-appearance:none;appearance:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis}.truncate,.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-none{border-radius:0}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-0{border-width:0}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-b-2{border-bottom-width:2px}.border-t{border-top-width:1px}.border-none{border-style:none}.border-\[var\(--card-border\2c \#e5e7eb\)\]{border-color:var(--card-border,#e5e7eb)}.border-\[var\(--card-footer-border\2c \#e5e7eb\)\]{border-color:var(--card-footer-border,#e5e7eb)}.border-\[var\(--card-header-border\2c \#e5e7eb\)\]{border-color:var(--card-header-border,#e5e7eb)}.border-\[var\(--primary\2c \#2563eb\)\]{border-color:var(--primary,#2563eb)}.border-\[var\(--select-dropdown-border\)\]{border-color:var(--select-dropdown-border)}.border-\[var\(--table-border\)\]{border-color:var(--table-border)}.border-blue-200{--tw-border-opacity:1;border-color:rgb(191 219 254/var(--tw-border-opacity,1))}.border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.bg-\[var\(--card-bg\2c \#ffffff\)\]{background-color:var(--card-bg,#fff)}.bg-\[var\(--card-footer-bg\2c rgba\(249\2c 250\2c 251\2c 0\.5\)\)\]{background-color:var(--card-footer-bg,rgba(249,250,251,.5))}.bg-\[var\(--card-header-bg\2c rgba\(249\2c 250\2c 251\2c 0\.5\)\)\]{background-color:var(--card-header-bg,rgba(249,250,251,.5))}.bg-\[var\(--input-bg\2c \#fff\)\]{background-color:var(--input-bg,#fff)}.bg-\[var\(--primary\2c \#2563eb\)\]{background-color:var(--primary,#2563eb)}.bg-\[var\(--primary-hover\2c \#dbeafe\)\]{background-color:var(--primary-hover,#dbeafe)}.bg-\[var\(--secondary\2c \#fbbf24\)\]{background-color:var(--secondary,#fbbf24)}.bg-\[var\(--select-dropdown-bg\)\]{background-color:var(--select-dropdown-bg)}.bg-\[var\(--select-dropdown-selected\)\]{background-color:var(--select-dropdown-selected)}.bg-\[var\(--table-bg\)\]{background-color:var(--table-bg)}.bg-\[var\(--table-header-bg\)\]{background-color:var(--table-header-bg)}.bg-\[var\(--table-row-selected\)\]{background-color:var(--table-row-selected)}.bg-\[var\(--tooltip-bg\2c \#374151\)\]{background-color:var(--tooltip-bg,#374151)}.bg-blue-50{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}.bg-gray-100{--tw-bg-opacity:1;background-color:rgb(243 244 246/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-1{padding:.25rem}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-4{padding-top:1rem;padding-bottom:1rem}.pb-2{padding-bottom:.5rem}.pr-12{padding-right:3rem}.pt-6{padding-top:1.5rem}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-\[var\(--card-text\2c \#111827\)\]{color:var(--card-text,#111827)}.text-\[var\(--input-text\2c \#222\)\]{color:var(--input-text,#222)}.text-\[var\(--primary\2c \#2563eb\)\]{color:var(--primary,#2563eb)}.text-\[var\(--primary-text\2c \#fff\)\]{color:var(--primary-text,#fff)}.text-\[var\(--secondary-text\2c \#222\)\]{color:var(--secondary-text,#222)}.text-\[var\(--select-dropdown-text\)\]{color:var(--select-dropdown-text)}.text-\[var\(--table-text\)\]{color:var(--table-text)}.text-\[var\(--tooltip-text\2c \#fff\)\]{color:var(--tooltip-text,#fff)}.text-blue-700{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.placeholder-transparent::-moz-placeholder{color:transparent}.placeholder-transparent::placeholder{color:transparent}.accent-blue-500{accent-color:#3b82f6}.opacity-0{opacity:0}.opacity-100{opacity:1}.shadow-\[var\(--card-shadow-lg\2c 0_10px_15px_-3px_rgb\(0_0_0_\/_0\.1\)\2c _0_4px_6px_-4px_rgb\(0_0_0_\/_0\.1\)\)\]{--tw-shadow:var(--card-shadow-lg,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1));--tw-shadow-colored:10px 15px -3px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[var\(--card-shadow-sm\2c 0_1px_2px_0_rgb\(0_0_0_\/_0\.05\)\)\]{--tw-shadow:var(--card-shadow-sm,0 1px 2px 0 rgba(0,0,0,.05));--tw-shadow-colored:1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-\[var\(--tooltip-shadow\2c 0_10px_15px_-3px_rgb\(0_0_0_\/_0\.1\)\2c _0_4px_6px_-4px_rgb\(0_0_0_\/_0\.1\)\)\]{--tw-shadow:var(--tooltip-shadow,0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1));--tw-shadow-colored:10px 15px -3px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.shadow-md,.shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-\[var\(--primary-hover\2c \#dbeafe\)\]{--tw-ring-color:var(--primary-hover,#dbeafe)}.blur{--tw-blur:blur(8px)}.blur,.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,-webkit-backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter,-webkit-backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-150,.transition-opacity{transition-duration:.15s}.duration-200{transition-duration:.2s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}:root{--card-bg:#fff;--card-border:#e5e7eb;--card-text:#111827;--card-text-muted:#6b7280;--card-header-bg:rgba(249,250,251,.5);--card-footer-bg:rgba(249,250,251,.5);--card-header-border:#e5e7eb;--card-footer-border:#e5e7eb;--table-bg:#fff;--table-border:#e5e7eb;--table-text:#111827;--table-header-bg:#f9fafb;--table-row-odd:#fff;--table-row-even:#f9fafb;--table-row-hover:#f3f4f6;--table-row-selected:#dbeafe;--select-dropdown-bg:#fff;--select-dropdown-border:#e5e7eb;--select-dropdown-text:#111827;--select-dropdown-hover:#f3f4f6;--select-dropdown-selected:#dbeafe;--select-dropdown-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tooltip-bg:#374151;--tooltip-text:#fff;--tooltip-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--card-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--card-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}@media (max-width:768px){[style*="position: fixed"][style*="z-index: 9999"]{z-index:99999!important}.select-dropdown-mobile{max-height:50vh!important;box-shadow:0 20px 25px -5px rgba(0,0,0,.2),0 10px 10px -5px rgba(0,0,0,.1)!important}}@media screen and (max-height:600px){[style*="position: fixed"][style*="max-height: 9.5rem"]{max-height:30vh!important}}.dark,[data-theme=dark]{--card-bg:#1f2937;--card-border:#374151;--card-text:#f9fafb;--card-text-muted:#9ca3af;--card-header-bg:rgba(31,41,55,.8);--card-footer-bg:rgba(31,41,55,.8);--card-header-border:#374151;--card-footer-border:#374151;--table-bg:#1f2937;--table-border:#374151;--table-text:#f9fafb;--table-header-bg:#111827;--table-row-odd:#1f2937;--table-row-even:#111827;--table-row-hover:#374151;--table-row-selected:#1e40af;--select-dropdown-bg:#1f2937;--select-dropdown-border:#374151;--select-dropdown-text:#f9fafb;--select-dropdown-hover:#374151;--select-dropdown-selected:#1e40af;--select-dropdown-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4);--tooltip-bg:#1f2937;--tooltip-text:#f9fafb;--tooltip-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4);--card-shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--card-shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4)}@media (prefers-color-scheme:dark){:root{--card-bg:#1f2937;--card-border:#374151;--card-text:#f9fafb;--card-text-muted:#9ca3af;--card-header-bg:rgba(31,41,55,.8);--card-footer-bg:rgba(31,41,55,.8);--card-header-border:#374151;--card-footer-border:#374151;--table-bg:#1f2937;--table-border:#374151;--table-text:#f9fafb;--table-header-bg:#111827;--table-row-odd:#1f2937;--table-row-even:#111827;--table-row-hover:#374151;--table-row-selected:#1e40af;--select-dropdown-bg:#1f2937;--select-dropdown-border:#374151;--select-dropdown-text:#f9fafb;--select-dropdown-hover:#374151;--select-dropdown-selected:#1e40af;--select-dropdown-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4);--tooltip-bg:#1f2937;--tooltip-text:#f9fafb;--tooltip-shadow:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4);--card-shadow-sm:0 1px 2px 0 rgba(0,0,0,.3);--card-shadow-lg:0 10px 15px -3px rgba(0,0,0,.4),0 4px 6px -4px rgba(0,0,0,.4)}}[data-theme=light]{--card-bg:#fff;--card-border:#e5e7eb;--card-text:#111827;--card-text-muted:#6b7280;--card-header-bg:rgba(249,250,251,.5);--card-footer-bg:rgba(249,250,251,.5);--card-header-border:#e5e7eb;--card-footer-border:#e5e7eb;--table-bg:#fff;--table-border:#e5e7eb;--table-text:#111827;--table-header-bg:#f9fafb;--table-row-odd:#fff;--table-row-even:#f9fafb;--table-row-hover:#f3f4f6;--table-row-selected:#dbeafe;--select-dropdown-bg:#fff;--select-dropdown-border:#e5e7eb;--select-dropdown-text:#111827;--select-dropdown-hover:#f3f4f6;--select-dropdown-selected:#dbeafe;--select-dropdown-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tooltip-bg:#374151;--tooltip-text:#fff;--tooltip-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--card-shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--card-shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1)}.hover\:border-\[var\(--primary\2c \#2563eb\)\]:hover{border-color:var(--primary,#2563eb)}.hover\:bg-\[var\(--primary-hover\2c \#1d4ed8\)\]:hover{background-color:var(--primary-hover,#1d4ed8)}.hover\:bg-\[var\(--primary-hover\2c \#dbeafe\)\]:hover{background-color:var(--primary-hover,#dbeafe)}.hover\:bg-\[var\(--primary-hover\2c \#e0e7ff\)\]:hover{background-color:var(--primary-hover,#e0e7ff)}.hover\:bg-\[var\(--secondary-hover\2c \#f59e42\)\]:hover{background-color:var(--secondary-hover,#f59e42)}.hover\:bg-\[var\(--select-dropdown-hover\)\]:hover{background-color:var(--select-dropdown-hover)}.hover\:bg-\[var\(--table-row-hover\)\]:hover{background-color:var(--table-row-hover)}.hover\:text-\[var\(--primary\2c \#2563eb\)\]:hover{color:var(--primary,#2563eb)}.hover\:text-red-500:hover{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus\:border-\[var\(--primary\2c \#2563eb\)\]:focus{border-color:var(--primary,#2563eb)}.focus\:text-\[var\(--primary\2c \#2563eb\)\]:focus{color:var(--primary,#2563eb)}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-\[var\(--primary-hover\2c \#dbeafe\)\]:focus{--tw-ring-color:var(--primary-hover,#dbeafe)}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.\[\&_tr\:nth-child\(even\)\]\:bg-\[var\(--table-row-even\)\] tr:nth-child(2n){background-color:var(--table-row-even)}.\[\&_tr\:nth-child\(odd\)\]\:bg-\[var\(--table-row-odd\)\] tr:nth-child(odd){background-color:var(--table-row-odd)}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "rharuow-ds",
|
|
3
|
-
"version": "1.5.
|
|
3
|
+
"version": "1.5.2",
|
|
4
4
|
"description": "Modern React Design System with 11 components: Table (Header, Body, Footer, Row, Cell), Card (Header, Body, Footer), Button, Input (with password support), Textarea, Select, AsyncSelect, MultiSelect, MultiAsyncSelect, RadioGroup, and Tooltip. Full React Hook Form integration, Tailwind CSS styling, CSS Variables for theme customization and dark mode support.",
|
|
5
5
|
"main": "dist/rharuow-ds.cjs.js",
|
|
6
6
|
"module": "dist/rharuow-ds.es.js",
|