import{r as o,P as u,O as b,c as x,j as g,k as p}from"./iframe-B4rglaWu.js";import{C as h,u as y,a as v}from"./componentbase.esm-O764U3c0.js";var E={root:"p-float-label"},P=`
@layer primereact {
    .p-float-label {
        display: block;
        position: relative;
    }
    
    .p-float-label label {
        position: absolute;
        pointer-events: none;
        top: 50%;
        margin-top: -.5rem;
        transition-property: all;
        transition-timing-function: ease;
        line-height: 1;
    }
    
    .p-float-label:has(textarea) label {
        top: 1rem;
    }
    
    .p-float-label:has(input:focus) label,
    .p-float-label:has(input.p-filled) label,
    .p-float-label:has(input:-webkit-autofill) label,
    .p-float-label:has(textarea:focus) label,
    .p-float-label:has(textarea.p-filled) label,
    .p-float-label:has(.p-inputwrapper-focus) label,
    .p-float-label:has(.p-inputwrapper-filled) label {
        top: -.75rem;
        font-size: 12px;
    }
    
    .p-float-label .p-placeholder,
    .p-float-label input::placeholder,
    .p-float-label .p-inputtext::placeholder {
        opacity: 0;
        transition-property: all;
        transition-timing-function: ease;
    }
    
    .p-float-label .p-focus .p-placeholder,
    .p-float-label input:focus::placeholder,
    .p-float-label .p-inputtext:focus::placeholder {
        opacity: 1;
        transition-property: all;
        transition-timing-function: ease;
    }
}`,l=h.extend({defaultProps:{__TYPE:"FloatLabel",children:void 0},css:{classes:E,styles:P}}),M=o.memo(o.forwardRef(function(r,e){var t=y(),a=o.useContext(u),n=l.getProps(r,a),s=o.useRef(e),i=l.setMetaData({props:n}),c=i.ptm,d=i.cx,m=i.isUnstyled;v(l.css.styles,m,{name:"floatlabel"}),o.useEffect(function(){b.combinedRefs(s,e)},[s,e]);var f=t({ref:s,className:x(d("root"))},l.getOtherProps(n),c("root"));return o.createElement("span",f,n.children)}));M.displayName="FloatLabel";const R=r=>{const e=g.c(4),{error:t}=r;let a;e[0]!==t?(a=!!t&&p.jsx("small",{className:"text-red-800 dark:text-red-400",children:t}),e[0]=t,e[1]=a):a=e[1];let n;return e[2]!==a?(n=p.jsx(p.Fragment,{children:a}),e[2]=a,e[3]=n):n=e[3],n};R.__docgenInfo={description:`Componente utilitário para exibição de mensagens de erro em formulários.

Renderiza uma mensagem de erro estilizada abaixo dos campos de formulário.
Suporta modo claro e escuro através de classes Tailwind.

@remarks
Este componente é usado internamente por todos os componentes de campo
(UiInputText, UiDropdown, UiCalendar, etc.) para exibir mensagens de erro
de validação de forma consistente.

@example
\`\`\`tsx
<ErrorMessage error="Campo obrigatório" />

// Ou com erro condicional
<ErrorMessage error={errors.nome?.message} />
\`\`\``,methods:[],displayName:"ErrorMessage",props:{error:{required:!1,tsType:{name:"string"},description:"Mensagem de erro a ser exibida. Se não fornecida ou vazia, nada é renderizado."}}};export{R as E,M as F};
